@esri/calcite-components 1.0.0-next.532 → 1.0.0-next.535

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 (838) 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-3c473069.js → p-003ef747.js} +1 -1
  5. package/dist/calcite/{p-b9ff7691.js → p-05394480.js} +1 -1
  6. package/dist/calcite/{p-13cd42ea.js → p-076d9642.js} +2 -2
  7. package/dist/calcite/p-098e4fb7.entry.js +6 -0
  8. package/dist/calcite/{p-c85b358a.entry.js → p-0d2b0036.entry.js} +2 -2
  9. package/dist/calcite/{p-7fa0096b.system.entry.js → p-0e24000f.system.entry.js} +2 -2
  10. package/dist/calcite/{p-83fd1c9c.entry.js → p-0e77e6c2.entry.js} +2 -2
  11. package/dist/calcite/{p-af702aff.system.entry.js → p-0f0dc9ba.system.entry.js} +2 -2
  12. package/dist/calcite/{p-9c7b7af7.system.js → p-12ba670a.system.js} +2 -2
  13. package/dist/calcite/{p-b9a40756.entry.js → p-15b1b761.entry.js} +2 -2
  14. package/dist/calcite/{p-1298ef53.system.js → p-17e48b2a.system.js} +1 -1
  15. package/dist/calcite/{p-6ca8f024.entry.js → p-17efbaec.entry.js} +2 -2
  16. package/dist/calcite/{p-27811db1.system.entry.js → p-196bce33.system.entry.js} +2 -2
  17. package/dist/calcite/{p-ce47eef8.system.js → p-19ff21ea.system.js} +1 -1
  18. package/dist/calcite/{p-6b963730.system.js → p-1b21339a.system.js} +1 -1
  19. package/dist/calcite/{p-01cba95c.system.entry.js → p-1b263984.system.entry.js} +2 -2
  20. package/dist/calcite/{p-37605789.system.js → p-1b619551.system.js} +3 -3
  21. package/dist/calcite/{p-9e600b00.system.js → p-1bba085a.system.js} +2 -2
  22. package/dist/calcite/p-1c31f995.js +6 -0
  23. package/dist/calcite/{p-7fbc1b9f.system.js → p-1c8a931c.system.js} +2 -2
  24. package/dist/calcite/{p-08c0be87.system.entry.js → p-1cdcc97d.system.entry.js} +2 -2
  25. package/dist/calcite/{p-a1cf47e2.js → p-1fe4ac3d.js} +1 -1
  26. package/dist/calcite/{p-7e6e5f9c.js → p-207456ed.js} +1 -1
  27. package/dist/calcite/{p-27f686ff.system.entry.js → p-209ad6f6.system.entry.js} +2 -2
  28. package/dist/calcite/{p-fb8efb61.system.js → p-22356792.system.js} +1 -1
  29. package/dist/calcite/{p-6bc6e258.js → p-24234637.js} +1 -1
  30. package/dist/calcite/p-262bd058.entry.js +6 -0
  31. package/dist/calcite/{p-52a02be4.entry.js → p-267a4f5e.entry.js} +2 -2
  32. package/dist/calcite/{p-862d1156.entry.js → p-28762612.entry.js} +2 -2
  33. package/dist/calcite/{p-f42d5071.entry.js → p-2b0cfed0.entry.js} +2 -2
  34. package/dist/calcite/{p-9f98aa22.system.entry.js → p-2c0101e1.system.entry.js} +2 -2
  35. package/dist/calcite/{p-5cc71192.system.entry.js → p-3165e544.system.entry.js} +2 -2
  36. package/dist/calcite/{p-79a36267.entry.js → p-3194eab1.entry.js} +2 -2
  37. package/dist/calcite/{p-51f2d746.entry.js → p-32dc118d.entry.js} +2 -2
  38. package/dist/calcite/{p-2c32e9a4.entry.js → p-335dade9.entry.js} +2 -2
  39. package/dist/calcite/p-35f0b908.system.entry.js +6 -0
  40. package/dist/calcite/p-365f6f89.entry.js +6 -0
  41. package/dist/calcite/p-39b8d990.entry.js +6 -0
  42. package/dist/calcite/{p-0989170a.system.entry.js → p-3d3faea1.system.entry.js} +2 -2
  43. package/dist/calcite/{p-6acf3fcf.entry.js → p-3da563e6.entry.js} +2 -2
  44. package/dist/calcite/{p-21e00f6b.entry.js → p-3f87b9b5.entry.js} +2 -2
  45. package/dist/calcite/{p-38daea9d.entry.js → p-41416d89.entry.js} +2 -2
  46. package/dist/calcite/{p-8ab0d613.system.js → p-42c48d81.system.js} +2 -2
  47. package/dist/calcite/{p-ec3109ab.entry.js → p-460de309.entry.js} +2 -2
  48. package/dist/calcite/{p-1fd113da.js → p-48903161.js} +2 -2
  49. package/dist/calcite/{p-a7a7cfc3.system.entry.js → p-4a9401ec.system.entry.js} +2 -2
  50. package/dist/calcite/{p-5f05847b.system.entry.js → p-4d3b4d40.system.entry.js} +2 -2
  51. package/dist/calcite/{p-1cedbd9c.system.entry.js → p-5360a82c.system.entry.js} +2 -2
  52. package/dist/calcite/{p-45935eb9.system.entry.js → p-53cb17e3.system.entry.js} +2 -2
  53. package/dist/calcite/{p-d8f760fa.js → p-53e73263.js} +1 -1
  54. package/dist/calcite/{p-a422b95e.entry.js → p-54a15046.entry.js} +2 -2
  55. package/dist/calcite/{p-1318010d.system.entry.js → p-56b3a09f.system.entry.js} +2 -2
  56. package/dist/calcite/p-59f6c471.entry.js +6 -0
  57. package/dist/calcite/{p-6d8617c8.system.entry.js → p-5d41566e.system.entry.js} +2 -2
  58. package/dist/calcite/p-5d784f27.system.entry.js +6 -0
  59. package/dist/calcite/{p-363f1fe3.entry.js → p-5ebab79d.entry.js} +2 -2
  60. package/dist/calcite/{p-c02c548a.system.js → p-61f68c7a.system.js} +1 -1
  61. package/dist/calcite/p-62a86c40.system.js +6 -0
  62. package/dist/calcite/p-62b3a7e3.system.entry.js +6 -0
  63. package/dist/calcite/{p-af502c99.system.js → p-635d0fc1.system.js} +2 -2
  64. package/dist/calcite/{p-ccc148cb.js → p-659afada.js} +2 -2
  65. package/dist/calcite/{p-d7027b15.entry.js → p-669d5ced.entry.js} +2 -2
  66. package/dist/calcite/{p-845ffe7e.system.entry.js → p-66d3b983.system.entry.js} +2 -2
  67. package/dist/calcite/{p-ff650653.system.entry.js → p-6b56f13d.system.entry.js} +2 -2
  68. package/dist/calcite/p-6c757938.entry.js +6 -0
  69. package/dist/calcite/{p-d03b4d23.system.entry.js → p-6ddb4435.system.entry.js} +2 -2
  70. package/dist/calcite/{p-96c6576f.entry.js → p-70f405ac.entry.js} +2 -2
  71. package/dist/calcite/p-72674309.entry.js +6 -0
  72. package/dist/calcite/{p-78933495.system.entry.js → p-7b921184.system.entry.js} +2 -2
  73. package/dist/calcite/{p-118cde18.system.js → p-7e608bd9.system.js} +1 -1
  74. package/dist/calcite/{p-dcc79220.entry.js → p-7f416faf.entry.js} +2 -2
  75. package/dist/calcite/{p-218b2a86.entry.js → p-800c36e3.entry.js} +2 -2
  76. package/dist/calcite/{p-65c679f2.system.js → p-82065f0c.system.js} +2 -2
  77. package/dist/calcite/{p-776ef77b.js → p-82562986.js} +2 -2
  78. package/dist/calcite/{p-8fb67636.js → p-8429d20f.js} +2 -2
  79. package/dist/calcite/{p-e52595d8.system.js → p-8491aa61.system.js} +1 -1
  80. package/dist/calcite/{p-fee9055b.system.entry.js → p-85fb7d7f.system.entry.js} +3 -3
  81. package/dist/calcite/{p-9ac89c27.js → p-87b41d15.js} +2 -2
  82. package/dist/calcite/{p-74456c8d.entry.js → p-885b6664.entry.js} +2 -2
  83. package/dist/calcite/p-899e8013.entry.js +6 -0
  84. package/dist/calcite/{p-21cddc18.system.entry.js → p-8af53d36.system.entry.js} +2 -2
  85. package/dist/calcite/{p-23d8cc25.entry.js → p-8e4e5f0f.entry.js} +2 -2
  86. package/dist/calcite/p-8f5254ae.entry.js +6 -0
  87. package/dist/calcite/{p-1eadf58b.entry.js → p-8f8d21dc.entry.js} +2 -2
  88. package/dist/calcite/{p-d76c39ad.system.entry.js → p-8fb08323.system.entry.js} +2 -2
  89. package/dist/calcite/{p-f329173f.system.entry.js → p-921d46dd.system.entry.js} +2 -2
  90. package/dist/calcite/{p-99e6ebe3.entry.js → p-93608e55.entry.js} +2 -2
  91. package/dist/calcite/{p-e1ff1249.system.entry.js → p-95b7bd9f.system.entry.js} +2 -2
  92. package/dist/calcite/{p-f7c64b65.js → p-95bbf016.js} +1 -1
  93. package/dist/calcite/{p-f17a81fb.entry.js → p-99853740.entry.js} +2 -2
  94. package/dist/calcite/{p-dca38b75.entry.js → p-99ee92ea.entry.js} +2 -2
  95. package/dist/calcite/{p-497cf49e.system.entry.js → p-9acf95e1.system.entry.js} +2 -2
  96. package/dist/calcite/{p-ba53e4b8.system.js → p-9deae737.system.js} +1 -1
  97. package/dist/calcite/{p-59363c85.entry.js → p-9e41b650.entry.js} +2 -2
  98. package/dist/calcite/{p-e63f082f.entry.js → p-9e57028c.entry.js} +2 -2
  99. package/dist/calcite/{p-45499083.system.entry.js → p-9ec81286.system.entry.js} +2 -2
  100. package/dist/calcite/{p-f13a6fa9.js → p-9edc193e.js} +1 -1
  101. package/dist/calcite/{p-75be9472.system.js → p-a06f906a.system.js} +2 -2
  102. package/dist/calcite/p-a28c40ac.entry.js +6 -0
  103. package/dist/calcite/p-a35fa8d5.system.entry.js +6 -0
  104. package/dist/calcite/{p-f310ef07.entry.js → p-a38c7bab.entry.js} +2 -2
  105. package/dist/calcite/{p-c7b85aa5.system.entry.js → p-a51e82e8.system.entry.js} +2 -2
  106. package/dist/calcite/{p-15352363.entry.js → p-a652fb2b.entry.js} +2 -2
  107. package/dist/calcite/{p-b1b578c1.system.entry.js → p-a670057c.system.entry.js} +2 -2
  108. package/dist/calcite/{p-5d00726a.entry.js → p-a72218df.entry.js} +2 -2
  109. package/dist/calcite/{p-cf73afcc.system.entry.js → p-ac430b31.system.entry.js} +2 -2
  110. package/dist/calcite/{p-1b115d87.entry.js → p-acf95c49.entry.js} +2 -2
  111. package/dist/calcite/{p-d27e906c.entry.js → p-adc010d3.entry.js} +2 -2
  112. package/dist/calcite/{p-6ea60438.entry.js → p-b137eb8c.entry.js} +2 -2
  113. package/dist/calcite/{p-293ab28c.system.js → p-b2ae1ffd.system.js} +1 -1
  114. package/dist/calcite/p-b387eeaf.system.entry.js +6 -0
  115. package/dist/calcite/p-b3da7460.system.entry.js +6 -0
  116. package/dist/calcite/{p-fdadbecf.entry.js → p-b45a1e9c.entry.js} +2 -2
  117. package/dist/calcite/{p-46df9061.system.js → p-b6b265e0.system.js} +1 -1
  118. package/dist/calcite/{p-b99c675c.system.entry.js → p-b9401e6b.system.entry.js} +2 -2
  119. package/dist/calcite/{p-c317ab6c.entry.js → p-ba01668e.entry.js} +2 -2
  120. package/dist/calcite/{p-47125979.system.entry.js → p-bba4f741.system.entry.js} +2 -2
  121. package/dist/calcite/{p-e466fb05.system.entry.js → p-bc60739d.system.entry.js} +2 -2
  122. package/dist/calcite/{p-db1a92eb.system.js → p-c0d8fcc4.system.js} +1 -1
  123. package/dist/calcite/{p-523cbdf7.system.entry.js → p-c6ab4edf.system.entry.js} +2 -2
  124. package/dist/calcite/{p-eb7a3a52.system.entry.js → p-c703b4aa.system.entry.js} +3 -3
  125. package/dist/calcite/{p-fd47c37e.js → p-cc9cd6e1.js} +2 -2
  126. package/dist/calcite/{p-7fe37891.system.entry.js → p-ce44314e.system.entry.js} +2 -2
  127. package/dist/calcite/{p-f509e813.system.js → p-ce6c173a.system.js} +2 -2
  128. package/dist/calcite/{p-3f046258.entry.js → p-cefdeb72.entry.js} +2 -2
  129. package/dist/calcite/{p-f0337042.system.entry.js → p-cf323024.system.entry.js} +3 -3
  130. package/dist/calcite/{p-6f5aac47.system.js → p-cf86f336.system.js} +1 -1
  131. package/dist/calcite/{p-ffedb6c5.entry.js → p-cf89fcca.entry.js} +2 -2
  132. package/dist/calcite/{p-4ddd517a.system.entry.js → p-d058acaf.system.entry.js} +2 -2
  133. package/dist/calcite/{p-84551bec.js → p-d27f7e04.js} +2 -2
  134. package/dist/calcite/{p-b8c1233f.system.js → p-d47227b7.system.js} +1 -1
  135. package/dist/calcite/p-d5799a8e.js +6 -0
  136. package/dist/calcite/{p-5f180bb7.system.entry.js → p-d80bdd3c.system.entry.js} +2 -2
  137. package/dist/calcite/{p-770237e0.system.entry.js → p-da28c188.system.entry.js} +2 -2
  138. package/dist/calcite/{p-2aa53810.js → p-dac2b54e.js} +1 -1
  139. package/dist/calcite/{p-bcb428be.system.entry.js → p-dc01c189.system.entry.js} +2 -2
  140. package/dist/calcite/{p-bc2e0088.js → p-dd820da1.js} +1 -1
  141. package/dist/calcite/p-e0e8e542.system.entry.js +6 -0
  142. package/dist/calcite/{p-c1177f9a.system.entry.js → p-e23449a8.system.entry.js} +2 -2
  143. package/dist/calcite/{p-40905599.system.entry.js → p-e25a69ad.system.entry.js} +3 -3
  144. package/dist/calcite/{p-fe8b3633.system.entry.js → p-e37947dc.system.entry.js} +2 -2
  145. package/dist/calcite/p-e3b2b1a5.system.js +6 -0
  146. package/dist/calcite/{p-dd65e20f.entry.js → p-e4b06405.entry.js} +2 -2
  147. package/dist/calcite/{p-055b41e7.entry.js → p-e5bf2717.entry.js} +2 -2
  148. package/dist/calcite/{p-c6808f36.entry.js → p-e622a5b4.entry.js} +2 -2
  149. package/dist/calcite/{p-96647c2a.system.entry.js → p-e72bd019.system.entry.js} +2 -2
  150. package/dist/calcite/{p-b21fe576.system.entry.js → p-ea1f325f.system.entry.js} +2 -2
  151. package/dist/calcite/{p-0ead2af1.entry.js → p-eaae5208.entry.js} +2 -2
  152. package/dist/calcite/{p-8dc2e108.system.entry.js → p-eaf093cf.system.entry.js} +2 -2
  153. package/dist/calcite/{p-9b6f632c.entry.js → p-ebf161ce.entry.js} +2 -2
  154. package/dist/calcite/{p-aee5b1fd.entry.js → p-ebfd0421.entry.js} +2 -2
  155. package/dist/calcite/{p-0b0a41a7.system.entry.js → p-ec05e368.system.entry.js} +2 -2
  156. package/dist/calcite/p-ec8dbc0b.system.js +6 -0
  157. package/dist/calcite/{p-0a4bc765.js → p-ef7edbe0.js} +1 -1
  158. package/dist/calcite/{p-47335f7c.system.entry.js → p-f0267fa8.system.entry.js} +2 -2
  159. package/dist/calcite/{p-0acc5b3a.entry.js → p-f279f1c5.entry.js} +2 -2
  160. package/dist/calcite/{p-f82c9f29.js → p-f5a70d55.js} +1 -1
  161. package/dist/calcite/{p-5c2b2589.js → p-f65df56e.js} +2 -2
  162. package/dist/calcite/{p-fd00b0ef.system.js → p-f744c790.system.js} +1 -1
  163. package/dist/calcite/{p-aeb40dc5.js → p-f81a67e9.js} +1 -1
  164. package/dist/calcite/p-f8e2cc1f.entry.js +6 -0
  165. package/dist/calcite/{p-10376154.system.entry.js → p-f9baa6d3.system.entry.js} +2 -2
  166. package/dist/calcite/{p-8b1e8f6a.entry.js → p-f9e75501.entry.js} +2 -2
  167. package/dist/calcite/{p-0b950ee6.entry.js → p-fa4dea8f.entry.js} +2 -2
  168. package/dist/calcite/{p-b00ea86c.system.entry.js → p-fd3cd068.system.entry.js} +2 -2
  169. package/dist/calcite/p-fed1dbf9.system.entry.js +6 -0
  170. package/dist/cjs/{ExpandToggle-4ac88666.js → ExpandToggle-c459f18c.js} +5 -5
  171. package/dist/cjs/{Heading-f8a9f30c.js → Heading-929db167.js} +2 -2
  172. package/dist/cjs/{array-3523f08b.js → array-8f85f7fe.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 +29 -36
  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 +18 -24
  188. package/dist/cjs/calcite-date-picker_4.cjs.entry.js +9 -9
  189. package/dist/cjs/calcite-dropdown_3.cjs.entry.js +28 -33
  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 +41 -18
  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 +36 -12
  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 +35 -10
  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 +35 -68
  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 +3 -3
  232. package/dist/cjs/{conditionalSlot-0f08757d.js → conditionalSlot-2f7783fa.js} +3 -3
  233. package/dist/cjs/{debounce-820ac3a3.js → debounce-5ad8a92c.js} +1 -1
  234. package/dist/cjs/{dom-0bf1f273.js → dom-adc7eeae.js} +2 -2
  235. package/dist/cjs/{forIn-199b213f.js → forIn-4fbeac41.js} +2 -2
  236. package/dist/cjs/{form-f7b3e82b.js → form-936c0983.js} +3 -3
  237. package/dist/cjs/{guid-1bc157b8.js → guid-242497d4.js} +1 -1
  238. package/dist/cjs/{index-a1f3bc0f.js → index-98ef13c4.js} +1 -1
  239. package/dist/cjs/index.cjs.js +1 -1
  240. package/dist/cjs/{interactive-0d8172aa.js → interactive-f2c39beb.js} +1 -1
  241. package/dist/cjs/{interfaces-9e01d69c.js → interfaces-10d3627b.js} +1 -1
  242. package/dist/cjs/{key-849127cd.js → key-f6a52803.js} +1 -1
  243. package/dist/cjs/{label-460fa523.js → label-23e57bd7.js} +2 -2
  244. package/dist/cjs/loader.cjs.js +3 -3
  245. package/dist/cjs/{locale-404ce595.js → locale-ba72d478.js} +2 -2
  246. package/dist/cjs/{math-771e1de9.js → math-7a369686.js} +1 -1
  247. package/dist/cjs/{observers-a8c530f8.js → observers-809da400.js} +1 -1
  248. package/dist/cjs/{popper-8851456d.js → popper-437c0435.js} +2 -2
  249. package/dist/cjs/{resources-f88eb4fa.js → resources-34e3146b.js} +1 -1
  250. package/dist/cjs/{resources-5ed7d2e0.js → resources-814fee47.js} +5 -5
  251. package/dist/cjs/{resources-0063b6a0.js → resources-9211f27d.js} +1 -1
  252. package/dist/cjs/{resources-2ffdd3e7.js → resources-e2b36cd8.js} +3 -3
  253. package/dist/cjs/{sortable.esm-7627fa63.js → sortable.esm-4312c53c.js} +1 -1
  254. package/dist/cjs/{utils-db4328a5.js → utils-fc37bebb.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 +36 -59
  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 +19 -41
  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 +40 -61
  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 +67 -22
  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 +66 -14
  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 +63 -10
  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.css +3 -6
  417. package/dist/collection/components/stepper/stepper.js +16 -74
  418. package/dist/collection/components/stepper-item/stepper-item.css +76 -7
  419. package/dist/collection/components/stepper-item/stepper-item.js +35 -14
  420. package/dist/collection/components/switch/switch.js +1 -1
  421. package/dist/collection/components/tab/interfaces.js +1 -1
  422. package/dist/collection/components/tab/tab.js +1 -1
  423. package/dist/collection/components/tab-nav/tab-nav.js +1 -1
  424. package/dist/collection/components/tab-title/tab-title.js +1 -1
  425. package/dist/collection/components/tabs/interfaces.js +1 -1
  426. package/dist/collection/components/tabs/resources.js +1 -1
  427. package/dist/collection/components/tabs/tabs.js +1 -1
  428. package/dist/collection/components/tile/resources.js +1 -1
  429. package/dist/collection/components/tile/tile.js +1 -1
  430. package/dist/collection/components/tile-select/interfaces.js +1 -1
  431. package/dist/collection/components/tile-select/resources.js +1 -1
  432. package/dist/collection/components/tile-select/tile-select.js +1 -1
  433. package/dist/collection/components/tile-select-group/interfaces.js +1 -1
  434. package/dist/collection/components/tile-select-group/tile-select-group.js +1 -1
  435. package/dist/collection/components/time-picker/resources.js +1 -1
  436. package/dist/collection/components/time-picker/time-picker.js +1 -1
  437. package/dist/collection/components/tip/resources.js +1 -1
  438. package/dist/collection/components/tip/tip.js +1 -1
  439. package/dist/collection/components/tip-group/tip-group.js +1 -1
  440. package/dist/collection/components/tip-manager/resources.js +1 -1
  441. package/dist/collection/components/tip-manager/tip-manager.js +1 -1
  442. package/dist/collection/components/tooltip/TooltipManager.js +1 -1
  443. package/dist/collection/components/tooltip/resources.js +1 -1
  444. package/dist/collection/components/tooltip/tooltip.js +1 -1
  445. package/dist/collection/components/tooltip-manager/tooltip-manager.js +1 -1
  446. package/dist/collection/components/tree/interfaces.js +1 -1
  447. package/dist/collection/components/tree/tree.js +1 -1
  448. package/dist/collection/components/tree-item/interfaces.js +1 -1
  449. package/dist/collection/components/tree-item/resources.js +1 -1
  450. package/dist/collection/components/tree-item/tree-item.js +1 -1
  451. package/dist/collection/components/value-list/interfaces.js +1 -1
  452. package/dist/collection/components/value-list/resources.js +1 -1
  453. package/dist/collection/components/value-list/utils.js +1 -1
  454. package/dist/collection/components/value-list/value-list.js +1 -1
  455. package/dist/collection/components/value-list-item/resources.js +1 -1
  456. package/dist/collection/components/value-list-item/value-list-item.js +1 -1
  457. package/dist/collection/utils/array.js +1 -1
  458. package/dist/collection/utils/conditionalSlot.js +1 -1
  459. package/dist/collection/utils/date.js +1 -1
  460. package/dist/collection/utils/dom.js +1 -1
  461. package/dist/collection/utils/filter.js +1 -1
  462. package/dist/collection/utils/form.js +1 -1
  463. package/dist/collection/utils/globalAttributes.js +1 -1
  464. package/dist/collection/utils/guid.js +1 -1
  465. package/dist/collection/utils/interactive.js +1 -1
  466. package/dist/collection/utils/key.js +1 -1
  467. package/dist/collection/utils/label.js +1 -1
  468. package/dist/collection/utils/locale.js +1 -1
  469. package/dist/collection/utils/math.js +1 -1
  470. package/dist/collection/utils/number.js +1 -1
  471. package/dist/collection/utils/observers.js +1 -1
  472. package/dist/collection/utils/openCloseComponent.js +1 -1
  473. package/dist/collection/utils/popper.js +1 -1
  474. package/dist/collection/utils/resources.js +1 -1
  475. package/dist/collection/utils/time.js +1 -1
  476. package/dist/components/ExpandToggle.js +1 -1
  477. package/dist/components/Heading.js +1 -1
  478. package/dist/components/action-group.js +1 -1
  479. package/dist/components/action-menu.js +1 -1
  480. package/dist/components/action.js +1 -1
  481. package/dist/components/array.js +1 -1
  482. package/dist/components/button.js +2 -2
  483. package/dist/components/calcite-accordion-item.js +1 -1
  484. package/dist/components/calcite-accordion.js +1 -1
  485. package/dist/components/calcite-action-bar.js +1 -1
  486. package/dist/components/calcite-action-group.js +1 -1
  487. package/dist/components/calcite-action-menu.js +1 -1
  488. package/dist/components/calcite-action-pad.js +1 -1
  489. package/dist/components/calcite-action.js +1 -1
  490. package/dist/components/calcite-alert.js +25 -32
  491. package/dist/components/calcite-avatar.js +1 -1
  492. package/dist/components/calcite-block-section.js +1 -1
  493. package/dist/components/calcite-block.js +1 -1
  494. package/dist/components/calcite-button.js +1 -1
  495. package/dist/components/calcite-card.js +1 -1
  496. package/dist/components/calcite-checkbox.js +1 -1
  497. package/dist/components/calcite-chip.js +1 -1
  498. package/dist/components/calcite-color-picker-hex-input.js +1 -1
  499. package/dist/components/calcite-color-picker-swatch.js +1 -1
  500. package/dist/components/calcite-color-picker.js +1 -1
  501. package/dist/components/calcite-combobox-item-group.js +1 -1
  502. package/dist/components/calcite-combobox-item.js +1 -1
  503. package/dist/components/calcite-combobox.js +7 -13
  504. package/dist/components/calcite-date-picker-day.js +1 -1
  505. package/dist/components/calcite-date-picker-month-header.js +1 -1
  506. package/dist/components/calcite-date-picker-month.js +1 -1
  507. package/dist/components/calcite-date-picker.js +1 -1
  508. package/dist/components/calcite-dropdown-group.js +1 -1
  509. package/dist/components/calcite-dropdown-item.js +1 -1
  510. package/dist/components/calcite-dropdown.js +1 -1
  511. package/dist/components/calcite-fab.js +1 -1
  512. package/dist/components/calcite-filter.js +1 -1
  513. package/dist/components/calcite-flow.js +1 -1
  514. package/dist/components/calcite-graph.js +1 -1
  515. package/dist/components/calcite-handle.js +1 -1
  516. package/dist/components/calcite-icon.js +1 -1
  517. package/dist/components/calcite-inline-editable.js +1 -1
  518. package/dist/components/calcite-input-date-picker.js +31 -8
  519. package/dist/components/calcite-input-message.js +1 -1
  520. package/dist/components/calcite-input-number.js +1 -1
  521. package/dist/components/calcite-input-time-picker.js +1 -1
  522. package/dist/components/calcite-input.js +1 -1
  523. package/dist/components/calcite-label.js +1 -1
  524. package/dist/components/calcite-link.js +1 -1
  525. package/dist/components/calcite-list-item-group.js +1 -1
  526. package/dist/components/calcite-list-item.js +1 -1
  527. package/dist/components/calcite-list.js +1 -1
  528. package/dist/components/calcite-loader.js +1 -1
  529. package/dist/components/calcite-modal.js +31 -7
  530. package/dist/components/calcite-notice.js +2 -2
  531. package/dist/components/calcite-option-group.js +1 -1
  532. package/dist/components/calcite-option.js +1 -1
  533. package/dist/components/calcite-pagination.js +2 -2
  534. package/dist/components/calcite-panel.js +2 -2
  535. package/dist/components/calcite-pick-list-group.js +1 -1
  536. package/dist/components/calcite-pick-list-item.js +1 -1
  537. package/dist/components/calcite-pick-list.js +1 -1
  538. package/dist/components/calcite-popover-manager.js +1 -1
  539. package/dist/components/calcite-popover.js +1 -1
  540. package/dist/components/calcite-progress.js +1 -1
  541. package/dist/components/calcite-radio-button-group.js +1 -1
  542. package/dist/components/calcite-radio-button.js +1 -1
  543. package/dist/components/calcite-radio-group-item.js +1 -1
  544. package/dist/components/calcite-radio-group.js +1 -1
  545. package/dist/components/calcite-rating.js +1 -1
  546. package/dist/components/calcite-scrim.js +1 -1
  547. package/dist/components/calcite-select.js +1 -1
  548. package/dist/components/calcite-shell-center-row.js +1 -1
  549. package/dist/components/calcite-shell-panel.js +1 -1
  550. package/dist/components/calcite-shell.js +1 -1
  551. package/dist/components/calcite-slider.js +1 -1
  552. package/dist/components/calcite-sortable-list.js +1 -1
  553. package/dist/components/calcite-split-button.js +2 -2
  554. package/dist/components/calcite-stepper-item.js +19 -15
  555. package/dist/components/calcite-stepper.js +16 -52
  556. package/dist/components/calcite-switch.js +1 -1
  557. package/dist/components/calcite-tab-nav.js +1 -1
  558. package/dist/components/calcite-tab-title.js +1 -1
  559. package/dist/components/calcite-tab.js +1 -1
  560. package/dist/components/calcite-tabs.js +1 -1
  561. package/dist/components/calcite-tile-select-group.js +1 -1
  562. package/dist/components/calcite-tile-select.js +1 -1
  563. package/dist/components/calcite-tile.js +1 -1
  564. package/dist/components/calcite-time-picker.js +1 -1
  565. package/dist/components/calcite-tip-group.js +1 -1
  566. package/dist/components/calcite-tip-manager.js +1 -1
  567. package/dist/components/calcite-tip.js +1 -1
  568. package/dist/components/calcite-tooltip-manager.js +1 -1
  569. package/dist/components/calcite-tooltip.js +1 -1
  570. package/dist/components/calcite-tree-item.js +1 -1
  571. package/dist/components/calcite-tree.js +1 -1
  572. package/dist/components/calcite-value-list-item.js +1 -1
  573. package/dist/components/calcite-value-list.js +1 -1
  574. package/dist/components/checkbox.js +1 -1
  575. package/dist/components/chip.js +1 -1
  576. package/dist/components/color-picker-hex-input.js +1 -1
  577. package/dist/components/color-picker-swatch.js +1 -1
  578. package/dist/components/conditionalSlot.js +1 -1
  579. package/dist/components/date-picker-day.js +1 -1
  580. package/dist/components/date-picker-month-header.js +1 -1
  581. package/dist/components/date-picker-month.js +1 -1
  582. package/dist/components/date-picker.js +1 -1
  583. package/dist/components/date.js +1 -1
  584. package/dist/components/debounce.js +1 -1
  585. package/dist/components/dom.js +1 -1
  586. package/dist/components/dropdown.js +22 -27
  587. package/dist/components/filter.js +1 -1
  588. package/dist/components/forIn.js +1 -1
  589. package/dist/components/form.js +1 -1
  590. package/dist/components/graph.js +1 -1
  591. package/dist/components/guid.js +1 -1
  592. package/dist/components/handle.js +1 -1
  593. package/dist/components/icon.js +1 -1
  594. package/dist/components/index.js +1 -1
  595. package/dist/components/input.js +1 -1
  596. package/dist/components/interactive.js +1 -1
  597. package/dist/components/interfaces.js +1 -1
  598. package/dist/components/interfaces2.js +1 -1
  599. package/dist/components/key.js +1 -1
  600. package/dist/components/label.js +1 -1
  601. package/dist/components/label2.js +1 -1
  602. package/dist/components/link.js +1 -1
  603. package/dist/components/loader.js +1 -1
  604. package/dist/components/locale.js +1 -1
  605. package/dist/components/math.js +1 -1
  606. package/dist/components/observers.js +1 -1
  607. package/dist/components/pick-list-item.js +1 -1
  608. package/dist/components/popover.js +29 -4
  609. package/dist/components/popper.js +1 -1
  610. package/dist/components/progress.js +1 -1
  611. package/dist/components/resources.js +1 -1
  612. package/dist/components/resources2.js +1 -1
  613. package/dist/components/resources3.js +1 -1
  614. package/dist/components/scrim.js +1 -1
  615. package/dist/components/shared-list-render.js +1 -1
  616. package/dist/components/sortable.esm.js +1 -1
  617. package/dist/components/switch.js +1 -1
  618. package/dist/components/tab-nav.js +1 -1
  619. package/dist/components/tab-title.js +1 -1
  620. package/dist/components/tab.js +1 -1
  621. package/dist/components/tabs.js +1 -1
  622. package/dist/components/tile.js +1 -1
  623. package/dist/components/time-picker.js +1 -1
  624. package/dist/components/utils.js +1 -1
  625. package/dist/components/utils2.js +1 -1
  626. package/dist/custom-elements/index.js +176 -155
  627. package/dist/esm/{ExpandToggle-837180a5.js → ExpandToggle-9d967546.js} +5 -5
  628. package/dist/esm/{Heading-342b298a.js → Heading-a349bd74.js} +2 -2
  629. package/dist/esm/{array-aab7ad42.js → array-85ebc136.js} +1 -1
  630. package/dist/esm/calcite-accordion_2.entry.js +4 -4
  631. package/dist/esm/calcite-action-bar.entry.js +10 -10
  632. package/dist/esm/calcite-action-group.entry.js +8 -8
  633. package/dist/esm/calcite-action-menu.entry.js +8 -8
  634. package/dist/esm/calcite-action-pad.entry.js +9 -9
  635. package/dist/esm/calcite-action.entry.js +6 -6
  636. package/dist/esm/calcite-alert.entry.js +29 -36
  637. package/dist/esm/calcite-avatar.entry.js +5 -5
  638. package/dist/esm/calcite-block_2.entry.js +8 -8
  639. package/dist/esm/calcite-button.entry.js +9 -9
  640. package/dist/esm/calcite-card.entry.js +6 -6
  641. package/dist/esm/calcite-checkbox.entry.js +7 -7
  642. package/dist/esm/calcite-chip.entry.js +6 -6
  643. package/dist/esm/calcite-color-picker_3.entry.js +8 -8
  644. package/dist/esm/calcite-combobox_3.entry.js +18 -24
  645. package/dist/esm/calcite-date-picker_4.entry.js +9 -9
  646. package/dist/esm/calcite-dropdown_3.entry.js +28 -33
  647. package/dist/esm/calcite-fab.entry.js +5 -5
  648. package/dist/esm/calcite-filter.entry.js +7 -7
  649. package/dist/esm/calcite-flow.entry.js +3 -3
  650. package/dist/esm/calcite-graph_2.entry.js +9 -9
  651. package/dist/esm/calcite-handle.entry.js +4 -4
  652. package/dist/esm/calcite-icon.entry.js +5 -5
  653. package/dist/esm/calcite-inline-editable.entry.js +7 -7
  654. package/dist/esm/calcite-input-date-picker.entry.js +41 -18
  655. package/dist/esm/calcite-input-message.entry.js +4 -4
  656. package/dist/esm/calcite-input-number.entry.js +11 -11
  657. package/dist/esm/calcite-input-time-picker_2.entry.js +9 -9
  658. package/dist/esm/calcite-input.entry.js +11 -11
  659. package/dist/esm/calcite-label.entry.js +5 -5
  660. package/dist/esm/calcite-link.entry.js +5 -5
  661. package/dist/esm/calcite-list_3.entry.js +8 -8
  662. package/dist/esm/calcite-loader.entry.js +3 -3
  663. package/dist/esm/calcite-modal.entry.js +36 -12
  664. package/dist/esm/calcite-notice.entry.js +8 -8
  665. package/dist/esm/calcite-option_3.entry.js +8 -8
  666. package/dist/esm/calcite-pagination.entry.js +6 -6
  667. package/dist/esm/calcite-panel.entry.js +10 -10
  668. package/dist/esm/calcite-pick-list_3.entry.js +11 -11
  669. package/dist/esm/calcite-popover_2.entry.js +35 -10
  670. package/dist/esm/calcite-progress.entry.js +2 -2
  671. package/dist/esm/calcite-radio-button-group.entry.js +3 -3
  672. package/dist/esm/calcite-radio-button.entry.js +8 -8
  673. package/dist/esm/calcite-radio-group_2.entry.js +7 -7
  674. package/dist/esm/calcite-rating.entry.js +8 -8
  675. package/dist/esm/calcite-scrim.entry.js +2 -2
  676. package/dist/esm/calcite-shell_3.entry.js +7 -7
  677. package/dist/esm/calcite-sortable-list.entry.js +5 -5
  678. package/dist/esm/calcite-split-button.entry.js +4 -4
  679. package/dist/esm/calcite-stepper_2.entry.js +35 -68
  680. package/dist/esm/calcite-switch.entry.js +7 -7
  681. package/dist/esm/calcite-tab_4.entry.js +6 -6
  682. package/dist/esm/calcite-tile-select_2.entry.js +4 -4
  683. package/dist/esm/calcite-tile.entry.js +7 -7
  684. package/dist/esm/calcite-tip_3.entry.js +7 -7
  685. package/dist/esm/calcite-tooltip_2.entry.js +5 -5
  686. package/dist/esm/calcite-tree_2.entry.js +6 -6
  687. package/dist/esm/calcite-value-list_2.entry.js +11 -11
  688. package/dist/esm/calcite.js +3 -3
  689. package/dist/esm/{conditionalSlot-419d3c9c.js → conditionalSlot-87def871.js} +3 -3
  690. package/dist/esm/{debounce-0e2bb1be.js → debounce-96842e57.js} +1 -1
  691. package/dist/esm/{dom-0cd3f6fc.js → dom-50ba18b2.js} +2 -2
  692. package/dist/esm/{forIn-a4b7fb5a.js → forIn-1042ec83.js} +2 -2
  693. package/dist/esm/{form-145e7101.js → form-e4b7aedd.js} +3 -3
  694. package/dist/esm/{guid-601c13f1.js → guid-165ed9d8.js} +1 -1
  695. package/dist/esm/{index-67812472.js → index-75818348.js} +1 -1
  696. package/dist/esm/index.js +1 -1
  697. package/dist/esm/{interactive-c1838314.js → interactive-027ad8d9.js} +1 -1
  698. package/dist/esm/{interfaces-3917934a.js → interfaces-3fa4815b.js} +1 -1
  699. package/dist/esm/{key-6f99bc9e.js → key-7d364914.js} +1 -1
  700. package/dist/esm/{label-2db28cd1.js → label-e48ce2a2.js} +2 -2
  701. package/dist/esm/loader.js +3 -3
  702. package/dist/esm/{locale-fda97619.js → locale-22768adb.js} +2 -2
  703. package/dist/esm/{math-a662e675.js → math-404e5b2c.js} +1 -1
  704. package/dist/esm/{observers-db6d1b56.js → observers-d615e091.js} +1 -1
  705. package/dist/esm/{popper-b3ff297f.js → popper-1fa91e9f.js} +2 -2
  706. package/dist/esm/{resources-000bc05a.js → resources-6e0684b7.js} +3 -3
  707. package/dist/esm/{resources-04a70fab.js → resources-7e5ef00b.js} +1 -1
  708. package/dist/esm/{resources-807adc68.js → resources-a22c88de.js} +5 -5
  709. package/dist/esm/{resources-c07080d2.js → resources-a9cebed0.js} +1 -1
  710. package/dist/esm/{sortable.esm-3fabfa02.js → sortable.esm-1f170720.js} +1 -1
  711. package/dist/esm/{utils-aba2aa4f.js → utils-25a4bf72.js} +1 -1
  712. package/dist/esm-es5/{ExpandToggle-837180a5.js → ExpandToggle-9d967546.js} +2 -2
  713. package/dist/esm-es5/{Heading-342b298a.js → Heading-a349bd74.js} +2 -2
  714. package/dist/esm-es5/{array-aab7ad42.js → array-85ebc136.js} +1 -1
  715. package/dist/esm-es5/calcite-accordion_2.entry.js +2 -2
  716. package/dist/esm-es5/calcite-action-bar.entry.js +2 -2
  717. package/dist/esm-es5/calcite-action-group.entry.js +2 -2
  718. package/dist/esm-es5/calcite-action-menu.entry.js +2 -2
  719. package/dist/esm-es5/calcite-action-pad.entry.js +3 -3
  720. package/dist/esm-es5/calcite-action.entry.js +2 -2
  721. package/dist/esm-es5/calcite-alert.entry.js +3 -3
  722. package/dist/esm-es5/calcite-avatar.entry.js +2 -2
  723. package/dist/esm-es5/calcite-block_2.entry.js +2 -2
  724. package/dist/esm-es5/calcite-button.entry.js +2 -2
  725. package/dist/esm-es5/calcite-card.entry.js +2 -2
  726. package/dist/esm-es5/calcite-checkbox.entry.js +2 -2
  727. package/dist/esm-es5/calcite-chip.entry.js +2 -2
  728. package/dist/esm-es5/calcite-color-picker_3.entry.js +2 -2
  729. package/dist/esm-es5/calcite-combobox_3.entry.js +2 -2
  730. package/dist/esm-es5/calcite-date-picker_4.entry.js +2 -2
  731. package/dist/esm-es5/calcite-dropdown_3.entry.js +2 -2
  732. package/dist/esm-es5/calcite-fab.entry.js +3 -3
  733. package/dist/esm-es5/calcite-filter.entry.js +2 -2
  734. package/dist/esm-es5/calcite-flow.entry.js +2 -2
  735. package/dist/esm-es5/calcite-graph_2.entry.js +2 -2
  736. package/dist/esm-es5/calcite-handle.entry.js +2 -2
  737. package/dist/esm-es5/calcite-icon.entry.js +2 -2
  738. package/dist/esm-es5/calcite-inline-editable.entry.js +2 -2
  739. package/dist/esm-es5/calcite-input-date-picker.entry.js +3 -3
  740. package/dist/esm-es5/calcite-input-message.entry.js +2 -2
  741. package/dist/esm-es5/calcite-input-number.entry.js +2 -2
  742. package/dist/esm-es5/calcite-input-time-picker_2.entry.js +2 -2
  743. package/dist/esm-es5/calcite-input.entry.js +2 -2
  744. package/dist/esm-es5/calcite-label.entry.js +2 -2
  745. package/dist/esm-es5/calcite-link.entry.js +2 -2
  746. package/dist/esm-es5/calcite-list_3.entry.js +2 -2
  747. package/dist/esm-es5/calcite-loader.entry.js +2 -2
  748. package/dist/esm-es5/calcite-modal.entry.js +3 -3
  749. package/dist/esm-es5/calcite-notice.entry.js +2 -2
  750. package/dist/esm-es5/calcite-option_3.entry.js +2 -2
  751. package/dist/esm-es5/calcite-pagination.entry.js +2 -2
  752. package/dist/esm-es5/calcite-panel.entry.js +2 -2
  753. package/dist/esm-es5/calcite-pick-list_3.entry.js +2 -2
  754. package/dist/esm-es5/calcite-popover_2.entry.js +3 -3
  755. package/dist/esm-es5/calcite-progress.entry.js +2 -2
  756. package/dist/esm-es5/calcite-radio-button-group.entry.js +2 -2
  757. package/dist/esm-es5/calcite-radio-button.entry.js +2 -2
  758. package/dist/esm-es5/calcite-radio-group_2.entry.js +2 -2
  759. package/dist/esm-es5/calcite-rating.entry.js +3 -3
  760. package/dist/esm-es5/calcite-scrim.entry.js +2 -2
  761. package/dist/esm-es5/calcite-shell_3.entry.js +2 -2
  762. package/dist/esm-es5/calcite-sortable-list.entry.js +2 -2
  763. package/dist/esm-es5/calcite-split-button.entry.js +2 -2
  764. package/dist/esm-es5/calcite-stepper_2.entry.js +2 -2
  765. package/dist/esm-es5/calcite-switch.entry.js +2 -2
  766. package/dist/esm-es5/calcite-tab_4.entry.js +2 -2
  767. package/dist/esm-es5/calcite-tile-select_2.entry.js +2 -2
  768. package/dist/esm-es5/calcite-tile.entry.js +2 -2
  769. package/dist/esm-es5/calcite-tip_3.entry.js +3 -3
  770. package/dist/esm-es5/calcite-tooltip_2.entry.js +2 -2
  771. package/dist/esm-es5/calcite-tree_2.entry.js +2 -2
  772. package/dist/esm-es5/calcite-value-list_2.entry.js +2 -2
  773. package/dist/esm-es5/calcite.js +2 -2
  774. package/dist/esm-es5/{conditionalSlot-419d3c9c.js → conditionalSlot-87def871.js} +2 -2
  775. package/dist/esm-es5/{debounce-0e2bb1be.js → debounce-96842e57.js} +1 -1
  776. package/dist/esm-es5/{dom-0cd3f6fc.js → dom-50ba18b2.js} +2 -2
  777. package/dist/esm-es5/{forIn-a4b7fb5a.js → forIn-1042ec83.js} +2 -2
  778. package/dist/esm-es5/{form-145e7101.js → form-e4b7aedd.js} +2 -2
  779. package/dist/esm-es5/{guid-601c13f1.js → guid-165ed9d8.js} +1 -1
  780. package/dist/esm-es5/{index-67812472.js → index-75818348.js} +1 -1
  781. package/dist/esm-es5/index.js +1 -1
  782. package/dist/esm-es5/{interactive-c1838314.js → interactive-027ad8d9.js} +1 -1
  783. package/dist/esm-es5/{interfaces-3917934a.js → interfaces-3fa4815b.js} +1 -1
  784. package/dist/esm-es5/{key-6f99bc9e.js → key-7d364914.js} +1 -1
  785. package/dist/esm-es5/{label-2db28cd1.js → label-e48ce2a2.js} +2 -2
  786. package/dist/esm-es5/loader.js +2 -2
  787. package/dist/esm-es5/{locale-fda97619.js → locale-22768adb.js} +2 -2
  788. package/dist/esm-es5/{math-a662e675.js → math-404e5b2c.js} +1 -1
  789. package/dist/esm-es5/{observers-db6d1b56.js → observers-d615e091.js} +1 -1
  790. package/dist/esm-es5/{popper-b3ff297f.js → popper-1fa91e9f.js} +2 -2
  791. package/dist/esm-es5/{resources-000bc05a.js → resources-6e0684b7.js} +2 -2
  792. package/dist/esm-es5/{resources-04a70fab.js → resources-7e5ef00b.js} +1 -1
  793. package/dist/esm-es5/{resources-807adc68.js → resources-a22c88de.js} +2 -2
  794. package/dist/esm-es5/{resources-c07080d2.js → resources-a9cebed0.js} +1 -1
  795. package/dist/esm-es5/{sortable.esm-3fabfa02.js → sortable.esm-1f170720.js} +1 -1
  796. package/dist/esm-es5/{utils-aba2aa4f.js → utils-25a4bf72.js} +1 -1
  797. package/dist/extras/docs-json.json +107 -23
  798. package/dist/loader/cdn.js +1 -1
  799. package/dist/loader/index.cjs.js +1 -1
  800. package/dist/loader/index.es2017.js +1 -1
  801. package/dist/loader/index.js +1 -1
  802. package/dist/types/components/alert/alert.d.ts +13 -21
  803. package/dist/types/components/combobox/combobox.d.ts +5 -13
  804. package/dist/types/components/dropdown/dropdown.d.ts +11 -15
  805. package/dist/types/components/input-date-picker/input-date-picker.d.ts +13 -9
  806. package/dist/types/components/modal/modal.d.ts +13 -5
  807. package/dist/types/components/popover/popover.d.ts +13 -5
  808. package/dist/types/components/stepper/interfaces.d.ts +0 -1
  809. package/dist/types/components/stepper/stepper.d.ts +3 -12
  810. package/dist/types/components/stepper-item/stepper-item.d.ts +2 -2
  811. package/dist/types/components.d.ts +26 -42
  812. package/dist/types/preact.d.ts +15 -9
  813. package/hydrate/index.js +177 -156
  814. package/package.json +2 -1
  815. package/dist/calcite/p-08f4d9b2.system.entry.js +0 -6
  816. package/dist/calcite/p-16fc78e3.entry.js +0 -6
  817. package/dist/calcite/p-28e14bb7.system.entry.js +0 -6
  818. package/dist/calcite/p-2b9172e2.system.js +0 -6
  819. package/dist/calcite/p-4296345b.entry.js +0 -6
  820. package/dist/calcite/p-4b33d8d9.entry.js +0 -6
  821. package/dist/calcite/p-5fb136fa.system.entry.js +0 -6
  822. package/dist/calcite/p-6a0be4bd.entry.js +0 -6
  823. package/dist/calcite/p-6bf78541.system.js +0 -6
  824. package/dist/calcite/p-70fda89f.entry.js +0 -6
  825. package/dist/calcite/p-746e2a47.entry.js +0 -6
  826. package/dist/calcite/p-7727021e.system.entry.js +0 -6
  827. package/dist/calcite/p-7894b396.system.entry.js +0 -6
  828. package/dist/calcite/p-7def7a26.system.js +0 -6
  829. package/dist/calcite/p-8638eff8.system.entry.js +0 -6
  830. package/dist/calcite/p-8bb79263.system.entry.js +0 -6
  831. package/dist/calcite/p-97745289.entry.js +0 -6
  832. package/dist/calcite/p-a7cb6a14.js +0 -6
  833. package/dist/calcite/p-b18af3f5.system.entry.js +0 -6
  834. package/dist/calcite/p-b8ffbafa.entry.js +0 -6
  835. package/dist/calcite/p-be500864.entry.js +0 -6
  836. package/dist/calcite/p-d29557aa.entry.js +0 -6
  837. package/dist/calcite/p-e91d260f.js +0 -6
  838. package/dist/calcite/p-f347e193.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.532
4
+ * v1.0.0-next.535
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) => {
2836
- if (event.propertyName === this.activeTransitionProp) {
2837
- this.active ? this.emitOpenCloseEvent("beforeOpen") : this.emitOpenCloseEvent("beforeClose");
2831
+ this.transitionStartHandler = (event) => {
2832
+ if (event.propertyName === this.activeTransitionProp && event.target === this.containerEl) {
2833
+ this.active ? this.onBeforeOpen() : this.onBeforeClose();
2838
2834
  }
2839
2835
  };
2840
2836
  this.transitionEnd = (event) => {
2841
- if (event.propertyName === this.activeTransitionProp) {
2842
- this.active ? this.emitOpenCloseEvent("open") : this.emitOpenCloseEvent("close");
2837
+ if (event.propertyName === this.activeTransitionProp && event.target === this.containerEl) {
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() {
@@ -9800,16 +9793,12 @@ const Combobox = class extends HTMLElement$1 {
9800
9793
  this.el.removeEventListener("calciteComboboxOpen", this.toggleOpenEnd);
9801
9794
  };
9802
9795
  this.transitionEnd = (event) => {
9803
- if (event.propertyName === this.activeTransitionProp) {
9796
+ if (event.propertyName === this.activeTransitionProp && event.target === this.listContainerEl) {
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) => {
9812
- if (event.propertyName === this.activeTransitionProp) {
9800
+ this.transitionStartHandler = (event) => {
9801
+ if (event.propertyName === this.activeTransitionProp && event.target === this.listContainerEl) {
9813
9802
  this.open || this.active ? this.onBeforeOpen() : this.onBeforeClose();
9814
9803
  }
9815
9804
  };
@@ -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
- if (event.propertyName === this.activeTransitionProp) {
12195
- this.open || this.active ? this.emitOpenCloseEvent("open") : this.emitOpenCloseEvent("close");
12181
+ if (event.propertyName === this.activeTransitionProp && event.target === this.scrollerEl) {
12182
+ this.open || this.active ? this.onOpen() : this.onClose();
12196
12183
  }
12197
12184
  };
12198
- this.transitionRunHandler = (event) => {
12199
- if (event.propertyName === this.activeTransitionProp) {
12200
- this.active || this.open
12201
- ? this.emitOpenCloseEvent("beforeOpen")
12202
- : this.emitOpenCloseEvent("beforeClose");
12185
+ this.transitionStartHandler = (event) => {
12186
+ if (event.propertyName === this.activeTransitionProp && event.target === this.scrollerEl) {
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 && event.target === this.containerEl) {
14476
+ this.active ? this.onBeforeOpen() : this.onBeforeClose();
14477
+ }
14478
+ };
14486
14479
  this.transitionEnd = (event) => {
14487
- if (event.propertyName === this.activeTransitionProp) {
14488
- this.active
14489
- ? this.calciteInternalInputDatePickerOpen.emit()
14490
- : this.calciteInternalInputDatePickerClose.emit();
14480
+ if (event.propertyName === this.activeTransitionProp && event.target === this.containerEl) {
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
@@ -16523,9 +16530,18 @@ const Modal = class extends HTMLElement$1 {
16523
16530
  // Private Methods
16524
16531
  //
16525
16532
  //--------------------------------------------------------------------------
16533
+ this.setContainerEl = (el) => {
16534
+ this.containerEl = el;
16535
+ this.containerEl.addEventListener("transitionstart", this.transitionStartHandler);
16536
+ };
16537
+ this.transitionStartHandler = (event) => {
16538
+ if (event.propertyName === this.activeTransitionProp && event.target === this.containerEl) {
16539
+ this.open || this.active ? this.onBeforeOpen() : this.onBeforeClose();
16540
+ }
16541
+ };
16526
16542
  this.transitionEnd = (event) => {
16527
- if (event.propertyName === this.activeTransitionProp) {
16528
- this.open || this.active ? this.calciteModalOpen.emit() : this.calciteModalClose.emit();
16543
+ if (event.propertyName === this.activeTransitionProp && event.target === this.containerEl) {
16544
+ this.open || this.active ? this.onOpen() : this.onClose();
16529
16545
  }
16530
16546
  };
16531
16547
  this.openEnd = () => {
@@ -16581,13 +16597,14 @@ const Modal = class extends HTMLElement$1 {
16581
16597
  connectConditionalSlotComponent(this);
16582
16598
  }
16583
16599
  disconnectedCallback() {
16584
- var _a;
16600
+ var _a, _b;
16601
+ (_a = this.containerEl) === null || _a === void 0 ? void 0 : _a.removeEventListener("transitionstart", this.transitionStartHandler);
16585
16602
  this.removeOverflowHiddenClass();
16586
- (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
16603
+ (_b = this.mutationObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
16587
16604
  disconnectConditionalSlotComponent(this);
16588
16605
  }
16589
16606
  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: {
16607
+ 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
16608
  content: true,
16592
16609
  "content--spaced": !this.noPadding,
16593
16610
  "content--no-footer": !this.hasFooter
@@ -16677,6 +16694,18 @@ const Modal = class extends HTMLElement$1 {
16677
16694
  }
16678
16695
  }
16679
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 && event.target === this.containerEl) {
18440
+ this.open ? this.onBeforeOpen() : this.onBeforeClose();
18441
+ }
18442
+ };
18403
18443
  this.transitionEnd = (event) => {
18404
- if (event.propertyName === this.activeTransitionProp) {
18405
- this.open ? this.calcitePopoverOpen.emit() : this.calcitePopoverClose.emit();
18444
+ if (event.propertyName === this.activeTransitionProp && event.target === this.containerEl) {
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() {
@@ -24103,7 +24157,7 @@ const SplitButton = class extends HTMLElement$1 {
24103
24157
  static get style() { return splitButtonCss; }
24104
24158
  };
24105
24159
 
24106
- const stepperCss = "@-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{position:relative;display:-ms-flexbox;display:flex;inline-size:100%;min-inline-size:100%;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between}:host([layout=vertical]){-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column}:host ::slotted(.calcite-stepper-content){display:-ms-flexbox;display:flex;inline-size:100%;min-inline-size:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}";
24160
+ const stepperCss = "@-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{position:relative;display:-ms-flexbox;display:flex;inline-size:100%;min-inline-size:100%;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between}:host([layout=vertical]){-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column}:host([layout=horizontal]){display:grid;grid-template-areas:\"items\" \"content\"}";
24107
24161
 
24108
24162
  const Stepper = class extends HTMLElement$1 {
24109
24163
  constructor() {
@@ -24136,15 +24190,6 @@ const Stepper = class extends HTMLElement$1 {
24136
24190
  /** list of enabled Stepper items */
24137
24191
  this.enabledItems = [];
24138
24192
  }
24139
- // watch for removal of disabled to register step
24140
- contentWatcher() {
24141
- if (this.layout === "horizontal") {
24142
- if (!this.stepperContentContainer && this.requestedContent) {
24143
- this.addHorizontalContentContainer();
24144
- }
24145
- this.updateContent(this.requestedContent);
24146
- }
24147
- }
24148
24193
  //--------------------------------------------------------------------------
24149
24194
  //
24150
24195
  // Lifecycle
@@ -24158,13 +24203,15 @@ const Stepper = class extends HTMLElement$1 {
24158
24203
  });
24159
24204
  }
24160
24205
  }
24161
- componentWillLoad() {
24162
- if (this.layout === "horizontal" && !this.stepperContentContainer) {
24163
- this.addHorizontalContentContainer();
24164
- }
24165
- }
24166
24206
  render() {
24167
- return h("slot", null);
24207
+ return (h("slot", { onSlotchange: (event) => {
24208
+ const items = event.currentTarget
24209
+ .assignedElements()
24210
+ .filter((el) => (el === null || el === void 0 ? void 0 : el.tagName) === "CALCITE-STEPPER-ITEM");
24211
+ const spacing = Array(items.length).fill("1fr").join(" ");
24212
+ this.el.style.gridTemplateAreas = spacing;
24213
+ this.el.style.gridTemplateColumns = spacing;
24214
+ } }));
24168
24215
  }
24169
24216
  //--------------------------------------------------------------------------
24170
24217
  //
@@ -24207,33 +24254,25 @@ const Stepper = class extends HTMLElement$1 {
24207
24254
  registerItem(event) {
24208
24255
  const item = event.target;
24209
24256
  const { content, position } = event.detail;
24210
- if (content && item.active) {
24211
- this.requestedContent = content;
24212
- }
24213
24257
  this.itemMap.set(item, { position, content });
24214
24258
  this.items = this.sortItems();
24215
24259
  this.enabledItems = this.filterItems();
24216
24260
  event.stopPropagation();
24217
24261
  }
24218
24262
  updateItem(event) {
24219
- const { content, position } = event.detail;
24220
- if (content) {
24221
- this.requestedContent = content;
24222
- }
24263
+ const { position } = event.detail;
24223
24264
  if (typeof position === "number") {
24224
24265
  this.currentPosition = position;
24225
24266
  }
24226
24267
  this.calciteInternalStepperItemChange.emit({
24227
24268
  position
24228
24269
  });
24229
- event.stopPropagation();
24230
24270
  }
24231
24271
  handleUserRequestedStepperItemSelect(event) {
24232
24272
  const { position } = event.detail;
24233
24273
  this.calciteStepperItemChange.emit({
24234
24274
  position
24235
24275
  });
24236
- event.stopPropagation();
24237
24276
  }
24238
24277
  //--------------------------------------------------------------------------
24239
24278
  //
@@ -24299,47 +24338,33 @@ const Stepper = class extends HTMLElement$1 {
24299
24338
  ? newIndex
24300
24339
  : null;
24301
24340
  }
24302
- addHorizontalContentContainer() {
24303
- this.stepperContentContainer = document.createElement("div");
24304
- this.stepperContentContainer.classList.add("calcite-stepper-content");
24305
- this.el.insertAdjacentElement("beforeend", this.stepperContentContainer);
24306
- }
24307
24341
  updateStep(position) {
24308
- var _a;
24309
- const { itemMap, items } = this;
24310
24342
  this.currentPosition = position;
24311
- const content = (_a = itemMap.get(items[position])) === null || _a === void 0 ? void 0 : _a.content;
24312
- if (content) {
24313
- this.requestedContent = content;
24314
- }
24315
24343
  this.calciteInternalStepperItemChange.emit({
24316
24344
  position
24317
24345
  });
24318
24346
  }
24319
24347
  focusFirstItem() {
24320
24348
  const firstItem = this.enabledItems[0];
24321
- this.focusElement(firstItem);
24349
+ focusElement(firstItem);
24322
24350
  }
24323
24351
  focusLastItem() {
24324
24352
  const lastItem = this.enabledItems[this.enabledItems.length - 1];
24325
- this.focusElement(lastItem);
24353
+ focusElement(lastItem);
24326
24354
  }
24327
24355
  focusNextItem(e) {
24328
24356
  const index = this.itemIndex(e);
24329
24357
  const nextItem = this.enabledItems[index + 1] || this.enabledItems[0];
24330
- this.focusElement(nextItem);
24358
+ focusElement(nextItem);
24331
24359
  }
24332
24360
  focusPrevItem(e) {
24333
24361
  const index = this.itemIndex(e);
24334
24362
  const prevItem = this.enabledItems[index - 1] || this.enabledItems[this.enabledItems.length - 1];
24335
- this.focusElement(prevItem);
24363
+ focusElement(prevItem);
24336
24364
  }
24337
24365
  itemIndex(e) {
24338
24366
  return this.enabledItems.indexOf(e);
24339
24367
  }
24340
- focusElement(item) {
24341
- item === null || item === void 0 ? void 0 : item.focus();
24342
- }
24343
24368
  sortItems() {
24344
24369
  const { itemMap } = this;
24345
24370
  return Array.from(itemMap.keys()).sort((a, b) => itemMap.get(a).position - itemMap.get(b).position);
@@ -24347,18 +24372,11 @@ const Stepper = class extends HTMLElement$1 {
24347
24372
  filterItems() {
24348
24373
  return this.items.filter((item) => !item.disabled);
24349
24374
  }
24350
- updateContent(content) {
24351
- this.stepperContentContainer.innerHTML = "";
24352
- this.stepperContentContainer.append(...content);
24353
- }
24354
24375
  get el() { return this; }
24355
- static get watchers() { return {
24356
- "requestedContent": ["contentWatcher"]
24357
- }; }
24358
24376
  static get style() { return stepperCss; }
24359
24377
  };
24360
24378
 
24361
- const stepperItemCss = "@-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-stepper-item-spacing-unit-s:0.25rem;--calcite-stepper-item-spacing-unit-m:0.75rem;--calcite-stepper-item-spacing-unit-l:1rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-margin-end:0.25rem;margin-inline-end:0.25rem}:host([scale=s]) .stepper-item-description{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-stepper-item-spacing-unit-s:0.5rem;--calcite-stepper-item-spacing-unit-m:1rem;--calcite-stepper-item-spacing-unit-l:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([scale=m]) .stepper-item-description{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-stepper-item-spacing-unit-s:0.75rem;--calcite-stepper-item-spacing-unit-m:1.25rem;--calcite-stepper-item-spacing-unit-l:1.5rem;font-size:var(--calcite-font-size-1);line-height:1.5rem;-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([scale=l]) .stepper-item-description{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:start;align-self:flex-start;-webkit-margin-after:var(--calcite-stepper-item-spacing-unit-s);margin-block-end:var(--calcite-stepper-item-spacing-unit-s)}:host .container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-direction:column;flex-direction:column;border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-ui-border-3);color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host{outline-color:transparent}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host .stepper-item-header{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:start;align-items:flex-start}:host .stepper-item-content,:host .stepper-item-header{-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:var(--calcite-stepper-item-spacing-unit-l);-webkit-padding-end:var(--calcite-stepper-item-spacing-unit-m);padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}:host .stepper-item-header *{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-content{display:none;inline-size:100%;-ms-flex-direction:column;flex-direction:column;font-size:var(--calcite-font-size--2);line-height:1.375}:host .stepper-item-icon{-webkit-margin-end:var(--calcite-stepper-item-spacing-unit-m);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m);-webkit-margin-before:1px;margin-block-start:1px;display:-ms-inline-flexbox;display:inline-flex;block-size:0.75rem;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:start;align-self:flex-start;color:var(--calcite-ui-text-3);opacity:var(--calcite-ui-opacity-disabled);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-header-text{-ms-flex-direction:column;flex-direction:column;text-align:initial;-webkit-margin-end:auto;margin-inline-end:auto}:host .stepper-item-heading,:host .stepper-item-description{display:-ms-flexbox;display:flex;inline-size:100%}:host .stepper-item-heading{-webkit-margin-after:0.25rem;margin-block-end:0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}:host .stepper-item-description{color:var(--calcite-ui-text-3)}:host .stepper-item-number{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-3);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:var(--calcite-stepper-item-spacing-unit-m);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m)}: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([complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([complete]) .container .stepper-item-icon{color:var(--calcite-ui-brand)}:host([error]) .container{border-block-start-color:var(--calcite-ui-danger)}:host([error]) .container .stepper-item-number{color:var(--calcite-ui-danger)}:host([error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-ui-danger)}:host(:hover:not([disabled]):not([active])) .container,:host(:focus:not([disabled]):not([active])) .container{border-block-start-color:var(--calcite-ui-brand)}:host(:hover:not([disabled]):not([active])) .container .stepper-item-heading,:host(:focus:not([disabled]):not([active])) .container .stepper-item-heading{color:var(--calcite-ui-text-1)}:host(:hover:not([disabled]):not([active])) .container .stepper-item-description,:host(:focus:not([disabled]):not([active])) .container .stepper-item-description{color:var(--calcite-ui-text-2)}:host([error]:hover:not([disabled]):not([active])) .container,:host([error]:focus:not([disabled]):not([active])) .container{border-block-start-color:var(--calcite-ui-danger-hover)}:host([active]) .container{border-block-start-color:var(--calcite-ui-brand)}:host([active]) .container .stepper-item-heading{color:var(--calcite-ui-text-1)}:host([active]) .container .stepper-item-description{color:var(--calcite-ui-text-2)}:host([active]) .container .stepper-item-number{color:var(--calcite-ui-brand)}:host([active]) .container .stepper-item-icon{color:var(--calcite-ui-brand);opacity:1}:host([layout=vertical]) .container{margin-inline:0px;-webkit-margin-before:0px;margin-block-start:0px;-ms-flex:1 1 auto;flex:1 1 auto;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-block:0px;border-inline-start-width:2px;-webkit-padding-start:var(--calcite-stepper-item-spacing-unit-l);padding-inline-start:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .container .stepper-item-icon{-ms-flex-order:3;order:3;margin-block:1px 0px;-webkit-padding-start:var(--calcite-stepper-item-spacing-unit-s);padding-inline-start:var(--calcite-stepper-item-spacing-unit-s);-webkit-margin-start:auto;margin-inline-start:auto}:host([layout=vertical]) .container .stepper-item-header{-webkit-padding-end:0px;padding-inline-end:0px}:host([layout=vertical]) .container .stepper-item-content{padding:0px}:host([layout=vertical][active]) .container .stepper-item-content{display:-ms-flexbox;display:flex}:host([layout=vertical][active]) .container .stepper-item-content ::slotted(:last-child){-webkit-margin-after:var(--calcite-stepper-item-spacing-unit-l);margin-block-end:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical][complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][complete]:hover:not([disabled]):not([active])) .container,:host([layout=vertical][complete]:focus:not([disabled]):not([active])) .container{border-color:var(--calcite-ui-brand)}:host([layout=vertical][error]) .container{border-color:var(--calcite-ui-danger)}:host([layout=vertical][active]) .container{border-color:var(--calcite-ui-brand)}:host([layout=vertical]:hover:not([disabled]):not([active])) .container,:host([layout=vertical]:focus:not([disabled]):not([active])) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][error]:hover:not([disabled]):not([active])) .container,:host([layout=vertical][error]:focus:not([disabled]):not([active])) .container{border-color:var(--calcite-ui-danger-hover)}@media (forced-colors: active){:host .container{outline-width:0;outline-offset:0}:host(:focus),:host(:focus-visible){outline-color:canvasText}:host([active]) .container{border-block-start-color:highlight}:host([active]) .container .stepper-item-number{color:highlight}:host([active]) .container .stepper-item-icon{color:highlight}:host([layout=vertical][active]) .container{border-color:highlight}}";
24379
+ const stepperItemCss = "@-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-stepper-item-spacing-unit-s:0.25rem;--calcite-stepper-item-spacing-unit-m:0.75rem;--calcite-stepper-item-spacing-unit-l:1rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-margin-end:0.25rem;margin-inline-end:0.25rem}:host([scale=s]) .stepper-item-description{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-stepper-item-spacing-unit-s:0.5rem;--calcite-stepper-item-spacing-unit-m:1rem;--calcite-stepper-item-spacing-unit-l:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([scale=m]) .stepper-item-description{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-stepper-item-spacing-unit-s:0.75rem;--calcite-stepper-item-spacing-unit-m:1.25rem;--calcite-stepper-item-spacing-unit-l:1.5rem;font-size:var(--calcite-font-size-1);line-height:1.5rem;-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([scale=l]) .stepper-item-description{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:start;align-self:flex-start;-webkit-margin-after:var(--calcite-stepper-item-spacing-unit-s);margin-block-end:var(--calcite-stepper-item-spacing-unit-s)}:host .container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-direction:column;flex-direction:column;border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-ui-border-3);color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host{outline-color:transparent}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host .stepper-item-header{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:start;align-items:flex-start}:host .stepper-item-content,:host .stepper-item-header{-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:var(--calcite-stepper-item-spacing-unit-l);-webkit-padding-end:var(--calcite-stepper-item-spacing-unit-m);padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}:host .stepper-item-header *{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-content{display:none;inline-size:100%;-ms-flex-direction:column;flex-direction:column;font-size:var(--calcite-font-size--2);line-height:1.375}:host .stepper-item-icon{-webkit-margin-end:var(--calcite-stepper-item-spacing-unit-m);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m);-webkit-margin-before:1px;margin-block-start:1px;display:-ms-inline-flexbox;display:inline-flex;block-size:0.75rem;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:start;align-self:flex-start;color:var(--calcite-ui-text-3);opacity:var(--calcite-ui-opacity-disabled);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-header-text{-ms-flex-direction:column;flex-direction:column;text-align:initial;-webkit-margin-end:auto;margin-inline-end:auto}:host .stepper-item-heading,:host .stepper-item-description{display:-ms-flexbox;display:flex;inline-size:100%}:host .stepper-item-heading{-webkit-margin-after:0.25rem;margin-block-end:0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}:host .stepper-item-description{color:var(--calcite-ui-text-3)}:host .stepper-item-number{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-3);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:var(--calcite-stepper-item-spacing-unit-m);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m)}: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([complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([complete]) .container .stepper-item-icon{color:var(--calcite-ui-brand)}:host([error]) .container{border-block-start-color:var(--calcite-ui-danger)}:host([error]) .container .stepper-item-number{color:var(--calcite-ui-danger)}:host([error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-ui-danger)}:host(:hover:not([disabled]):not([active])) .container,:host(:focus:not([disabled]):not([active])) .container{border-block-start-color:var(--calcite-ui-brand)}:host(:hover:not([disabled]):not([active])) .container .stepper-item-heading,:host(:focus:not([disabled]):not([active])) .container .stepper-item-heading{color:var(--calcite-ui-text-1)}:host(:hover:not([disabled]):not([active])) .container .stepper-item-description,:host(:focus:not([disabled]):not([active])) .container .stepper-item-description{color:var(--calcite-ui-text-2)}:host([error]:hover:not([disabled]):not([active])) .container,:host([error]:focus:not([disabled]):not([active])) .container{border-block-start-color:var(--calcite-ui-danger-hover)}:host([active]) .container{border-block-start-color:var(--calcite-ui-brand)}:host([active]) .container .stepper-item-heading{color:var(--calcite-ui-text-1)}:host([active]) .container .stepper-item-description{color:var(--calcite-ui-text-2)}:host([active]) .container .stepper-item-number{color:var(--calcite-ui-brand)}:host([active]) .container .stepper-item-icon{color:var(--calcite-ui-brand);opacity:1}:host([active]) .container .stepper-item-content{display:-ms-flexbox;display:flex}:host([active]) .container .stepper-item-content ::slotted(:last-child){-webkit-margin-after:var(--calcite-stepper-item-spacing-unit-l);margin-block-end:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .container{margin-inline:0px;-webkit-margin-before:0px;margin-block-start:0px;-ms-flex:1 1 auto;flex:1 1 auto;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-block:0px;border-inline-start-width:2px;-webkit-padding-start:var(--calcite-stepper-item-spacing-unit-l);padding-inline-start:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .container .stepper-item-icon{-ms-flex-order:3;order:3;margin-block:1px 0px;-webkit-padding-start:var(--calcite-stepper-item-spacing-unit-s);padding-inline-start:var(--calcite-stepper-item-spacing-unit-s);-webkit-margin-start:auto;margin-inline-start:auto}:host([layout=vertical]) .container .stepper-item-header{-webkit-padding-end:0px;padding-inline-end:0px}:host([layout=vertical]) .container .stepper-item-content{padding:0px}:host([layout=vertical][complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][complete]:hover:not([disabled]):not([active])) .container,:host([layout=vertical][complete]:focus:not([disabled]):not([active])) .container{border-color:var(--calcite-ui-brand)}:host([layout=vertical][error]) .container{border-color:var(--calcite-ui-danger)}:host([layout=vertical][active]) .container{border-color:var(--calcite-ui-brand)}:host([layout=vertical]:hover:not([disabled]):not([active])) .container,:host([layout=vertical]:focus:not([disabled]):not([active])) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][error]:hover:not([disabled]):not([active])) .container,:host([layout=vertical][error]:focus:not([disabled]):not([active])) .container{border-color:var(--calcite-ui-danger-hover)}:host([layout=horizontal]){display:contents}:host([layout=horizontal]) .container{display:contents}:host([layout=horizontal]) .stepper-item-header{border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-ui-border-3);outline-color:transparent;grid-row:items;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem;-webkit-margin-after:var(--calcite-stepper-item-spacing-unit-s);margin-block-end:var(--calcite-stepper-item-spacing-unit-s)}:host([layout=horizontal]) .stepper-item-header:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host([layout=horizontal]) .stepper-item-content{-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:0;-webkit-padding-end:var(--calcite-stepper-item-spacing-unit-m);padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}:host([layout=horizontal][active]) .stepper-item-content{grid-area:2/1/2/-1}:host([layout=horizontal][scale=s]) .stepper-item-header{-webkit-margin-end:0.25rem;margin-inline-end:0.25rem;-webkit-margin-after:var(--calcite-stepper-item-spacing-unit-s);margin-block-end:var(--calcite-stepper-item-spacing-unit-s)}:host([layout=horizontal][scale=l]) .stepper-item-header{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem;-webkit-margin-after:var(--calcite-stepper-item-spacing-unit-s);margin-block-end:var(--calcite-stepper-item-spacing-unit-s)}:host([layout=horizontal][complete]) .stepper-item-header{border-color:rgba(0, 122, 194, 0.5)}:host([layout=horizontal][complete]:hover:not([disabled]):not([active])) .stepper-item-header,:host([layout=horizontal][complete]:focus:not([disabled]):not([active])) .stepper-item-header{border-color:var(--calcite-ui-brand)}:host([layout=horizontal][error]) .stepper-item-header{border-color:var(--calcite-ui-danger)}:host([layout=horizontal][active]) .stepper-item-header{border-color:var(--calcite-ui-brand)}:host([layout=horizontal]:hover:not([disabled]):not([active])) .stepper-item-header,:host([layout=horizontal]:focus:not([disabled]):not([active])) .stepper-item-header{border-color:rgba(0, 122, 194, 0.5)}:host([layout=horizontal][error]:hover:not([disabled]):not([active])) .stepper-item-header,:host([layout=horizontal][error]:focus:not([disabled]):not([active])) .stepper-item-header{border-color:var(--calcite-ui-danger-hover)}@media (forced-colors: active){:host .container{outline-width:0;outline-offset:0}:host(:focus),:host(:focus-visible){outline-color:canvasText}:host([active]) .container{border-block-start-color:highlight}:host([active]) .container .stepper-item-number{color:highlight}:host([active]) .container .stepper-item-icon{color:highlight}:host([layout=vertical][active]) .container{border-color:highlight}}";
24362
24380
 
24363
24381
  const StepperItem = class extends HTMLElement$1 {
24364
24382
  constructor() {
@@ -24432,19 +24450,13 @@ const StepperItem = class extends HTMLElement$1 {
24432
24450
  this.emitRequestedItem = () => {
24433
24451
  if (!this.disabled) {
24434
24452
  const position = this.itemPosition;
24435
- const content = this.itemContent;
24436
24453
  this.calciteInternalStepperItemSelect.emit({
24437
- position,
24438
- content
24454
+ position
24439
24455
  });
24440
24456
  }
24441
24457
  };
24442
- this.setItemContent = (event) => {
24458
+ this.setItemContent = () => {
24443
24459
  this.itemPosition = this.getItemPosition();
24444
- const itemContent = event.target.assignedNodes({ flatten: true });
24445
- if (itemContent.length) {
24446
- this.itemContent = itemContent;
24447
- }
24448
24460
  this.registerStepperItem();
24449
24461
  if (this.active) {
24450
24462
  this.emitRequestedItem();
@@ -24476,7 +24488,9 @@ const StepperItem = class extends HTMLElement$1 {
24476
24488
  updateHostInteraction(this, true);
24477
24489
  }
24478
24490
  render() {
24479
- return (h(Host, { "aria-expanded": toAriaBoolean(this.active), onClick: this.emitUserRequestedItem, onKeyDown: this.keyDownHandler }, h("div", { class: "container" }, h("div", { class: "stepper-item-header" }, this.icon ? this.renderIcon() : null, this.numbered ? (h("div", { class: "stepper-item-number" }, this.getItemPosition() + 1, ".")) : null, h("div", { class: "stepper-item-header-text" }, h("span", { class: "stepper-item-heading" }, this.heading || this.itemTitle), h("span", { class: "stepper-item-description" }, this.description || this.itemSubtitle))), h("div", { class: "stepper-item-content" }, h("slot", { onSlotchange: this.setItemContent })))));
24491
+ return (h(Host, { "aria-expanded": toAriaBoolean(this.active), onClick: this.emitUserRequestedItem, onKeyDown: this.keyDownHandler }, h("div", { class: "container" }, h("div", { class: "stepper-item-header", ref: (el) => (this.headerEl = el), tabIndex:
24492
+ /* additional tab index logic needed because of display: contents */
24493
+ this.layout === "horizontal" && !this.disabled ? 0 : null }, this.icon ? this.renderIcon() : null, this.numbered ? (h("div", { class: "stepper-item-number" }, this.getItemPosition() + 1, ".")) : null, h("div", { class: "stepper-item-header-text" }, h("span", { class: "stepper-item-heading" }, this.heading || this.itemTitle), h("span", { class: "stepper-item-description" }, this.description || this.itemSubtitle))), h("div", { class: "stepper-item-content" }, h("slot", { onSlotchange: this.setItemContent })))));
24480
24494
  }
24481
24495
  //--------------------------------------------------------------------------
24482
24496
  //
@@ -24489,7 +24503,15 @@ const StepperItem = class extends HTMLElement$1 {
24489
24503
  this.activePosition = event.detail.position;
24490
24504
  this.determineActiveItem();
24491
24505
  }
24492
- event.stopPropagation();
24506
+ }
24507
+ //--------------------------------------------------------------------------
24508
+ //
24509
+ // Public Methods
24510
+ //
24511
+ //--------------------------------------------------------------------------
24512
+ async setFocus() {
24513
+ var _a;
24514
+ (_a = (this.layout === "vertical" ? this.el : this.headerEl)) === null || _a === void 0 ? void 0 : _a.focus();
24493
24515
  }
24494
24516
  renderIcon() {
24495
24517
  const path = this.active
@@ -24506,8 +24528,7 @@ const StepperItem = class extends HTMLElement$1 {
24506
24528
  }
24507
24529
  registerStepperItem() {
24508
24530
  this.calciteInternalStepperItemRegister.emit({
24509
- position: this.itemPosition,
24510
- content: this.itemContent
24531
+ position: this.itemPosition
24511
24532
  });
24512
24533
  }
24513
24534
  getItemPosition() {
@@ -27900,7 +27921,7 @@ const CalciteShellPanel = /*@__PURE__*/proxyCustomElement(ShellPanel, [1,"calcit
27900
27921
  const CalciteSlider = /*@__PURE__*/proxyCustomElement(Slider, [1,"calcite-slider",{"disabled":[516],"hasHistogram":[1540,"has-histogram"],"histogram":[16],"histogramStops":[16],"labelHandles":[516,"label-handles"],"labelTicks":[516,"label-ticks"],"max":[514],"maxLabel":[1,"max-label"],"maxValue":[1026,"max-value"],"min":[514],"minLabel":[1,"min-label"],"minValue":[1026,"min-value"],"mirrored":[516],"name":[513],"pageStep":[2,"page-step"],"precise":[4],"required":[516],"snap":[4],"step":[2],"ticks":[2],"value":[1538],"scale":[1],"activeProp":[32],"minMaxValueRange":[32],"minValueDragRange":[32],"maxValueDragRange":[32],"tickValues":[32]},[[0,"keydown","keyDownHandler"],[0,"click","clickHandler"],[1,"pointerdown","pointerDownHandler"]]]);
27901
27922
  const CalciteSortableList = /*@__PURE__*/proxyCustomElement(SortableList, [1,"calcite-sortable-list",{"dragSelector":[1,"drag-selector"],"group":[1],"handleSelector":[1,"handle-selector"],"layout":[1],"disabled":[516],"loading":[516],"handleActivated":[32]},[[0,"calciteHandleNudge","calciteHandleNudgeHandler"]]]);
27902
27923
  const CalciteSplitButton = /*@__PURE__*/proxyCustomElement(SplitButton, [1,"calcite-split-button",{"appearance":[513],"color":[513],"disabled":[516],"active":[1540],"dropdownIconType":[513,"dropdown-icon-type"],"dropdownLabel":[513,"dropdown-label"],"loading":[516],"overlayPositioning":[1,"overlay-positioning"],"primaryIconEnd":[513,"primary-icon-end"],"primaryIconFlipRtl":[513,"primary-icon-flip-rtl"],"primaryIconStart":[513,"primary-icon-start"],"primaryLabel":[513,"primary-label"],"primaryText":[513,"primary-text"],"scale":[513],"width":[513]}]);
27903
- const CalciteStepper = /*@__PURE__*/proxyCustomElement(Stepper, [1,"calcite-stepper",{"icon":[516],"layout":[513],"numbered":[516],"scale":[513],"requestedContent":[1040]},[[0,"calciteInternalStepperItemKeyEvent","calciteInternalStepperItemKeyEvent"],[0,"calciteInternalStepperItemRegister","registerItem"],[0,"calciteInternalStepperItemSelect","updateItem"],[0,"calciteInternalUserRequestedStepperItemSelect","handleUserRequestedStepperItemSelect"]]]);
27924
+ const CalciteStepper = /*@__PURE__*/proxyCustomElement(Stepper, [1,"calcite-stepper",{"icon":[516],"layout":[513],"numbered":[516],"scale":[513]},[[0,"calciteInternalStepperItemKeyEvent","calciteInternalStepperItemKeyEvent"],[0,"calciteInternalStepperItemRegister","registerItem"],[0,"calciteInternalStepperItemSelect","updateItem"],[0,"calciteInternalUserRequestedStepperItemSelect","handleUserRequestedStepperItemSelect"]]]);
27904
27925
  const CalciteStepperItem = /*@__PURE__*/proxyCustomElement(StepperItem, [1,"calcite-stepper-item",{"active":[1540],"complete":[516],"error":[4],"disabled":[516],"itemTitle":[1,"item-title"],"heading":[1],"itemSubtitle":[1,"item-subtitle"],"description":[1],"layout":[1537],"icon":[1028],"numbered":[1028],"scale":[1537]},[[16,"calciteInternalStepperItemChange","updateActiveItemOnChange"]]]);
27905
27926
  const CalciteSwitch = /*@__PURE__*/proxyCustomElement(Switch, [1,"calcite-switch",{"disabled":[516],"label":[1],"name":[513],"scale":[513],"switched":[1028],"checked":[1540],"value":[8]}]);
27906
27927
  const CalciteTab = /*@__PURE__*/proxyCustomElement(Tab, [1,"calcite-tab",{"tab":[513],"active":[1540],"scale":[1537],"labeledBy":[32]},[[16,"calciteInternalTabChange","internalTabChangeHandler"]]]);