@esri/calcite-components 1.0.0-next.571 → 1.0.0-next.574

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 (896) 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-8fca8432.entry.js → p-01e1f264.entry.js} +2 -2
  5. package/dist/calcite/{p-5f7bdd83.js → p-02874e66.js} +1 -1
  6. package/dist/calcite/{p-5cee55f8.entry.js → p-02bf316f.entry.js} +2 -2
  7. package/dist/calcite/{p-2d261579.system.js → p-04324ff6.system.js} +2 -2
  8. package/dist/calcite/{p-cc01a0da.js → p-0472246a.js} +2 -2
  9. package/dist/calcite/p-08a5a1c1.entry.js +6 -0
  10. package/dist/calcite/{p-6403e39f.system.entry.js → p-0943dc72.system.entry.js} +2 -2
  11. package/dist/calcite/{p-4bd6b9b3.entry.js → p-0a4974cc.entry.js} +2 -2
  12. package/dist/calcite/{p-b3be56ab.js → p-0aeae19a.js} +2 -2
  13. package/dist/calcite/{p-05d4924d.js → p-0ccdf105.js} +2 -2
  14. package/dist/calcite/{p-13fc82d6.entry.js → p-0ddc8a53.entry.js} +2 -2
  15. package/dist/calcite/{p-31121b13.system.js → p-1038133f.system.js} +1 -1
  16. package/dist/calcite/{p-e85960bb.system.entry.js → p-128f6135.system.entry.js} +2 -2
  17. package/dist/calcite/{p-2f7ea8e0.system.js → p-1352c084.system.js} +1 -1
  18. package/dist/calcite/{p-71ba7f12.js → p-13e8eef6.js} +1 -1
  19. package/dist/calcite/{p-b1ebe2a6.entry.js → p-14e6ae5b.entry.js} +2 -2
  20. package/dist/calcite/{p-dc2ba8d6.entry.js → p-14f4fac9.entry.js} +2 -2
  21. package/dist/calcite/{p-31c18ebc.system.entry.js → p-1b724a77.system.entry.js} +3 -3
  22. package/dist/calcite/{p-7504b5c5.js → p-1c0cfd52.js} +1 -1
  23. package/dist/calcite/{p-07aaa874.system.entry.js → p-1c325f2a.system.entry.js} +2 -2
  24. package/dist/calcite/{p-06de5e73.system.js → p-1cd25094.system.js} +2 -2
  25. package/dist/calcite/{p-9ade1c57.js → p-2256fb5a.js} +1 -1
  26. package/dist/calcite/{p-38483baf.system.entry.js → p-2501e910.system.entry.js} +2 -2
  27. package/dist/calcite/{p-0eb313ce.system.entry.js → p-258f25b4.system.entry.js} +2 -2
  28. package/dist/calcite/{p-0ee15efc.entry.js → p-26edc3fe.entry.js} +2 -2
  29. package/dist/calcite/{p-b9ad148b.entry.js → p-27323b2b.entry.js} +2 -2
  30. package/dist/calcite/{p-df985eab.entry.js → p-27894e89.entry.js} +2 -2
  31. package/dist/calcite/{p-9f99c3f3.system.js → p-293f1130.system.js} +1 -1
  32. package/dist/calcite/{p-6a52afac.system.entry.js → p-29bcb552.system.entry.js} +2 -2
  33. package/dist/calcite/{p-dff8bed4.system.js → p-2aa5b545.system.js} +1 -1
  34. package/dist/calcite/{p-87af229a.system.js → p-2b26e70c.system.js} +2 -2
  35. package/dist/calcite/{p-4aecbc47.system.js → p-2c75a894.system.js} +1 -1
  36. package/dist/calcite/{p-0864ff1f.system.entry.js → p-2d018297.system.entry.js} +2 -2
  37. package/dist/calcite/{p-bf07fd68.entry.js → p-2f662260.entry.js} +2 -2
  38. package/dist/calcite/{p-9e593267.entry.js → p-3058a676.entry.js} +2 -2
  39. package/dist/calcite/p-31a68d51.system.js +6 -0
  40. package/dist/calcite/{p-668dda51.entry.js → p-31ed467b.entry.js} +2 -2
  41. package/dist/calcite/{p-f650bc5a.entry.js → p-32bbc891.entry.js} +2 -2
  42. package/dist/calcite/{p-d0e26d0f.system.entry.js → p-32c72e8d.system.entry.js} +2 -2
  43. package/dist/calcite/{p-ce1d03e8.system.js → p-337a24eb.system.js} +1 -1
  44. package/dist/calcite/{p-27e2b8ea.system.js → p-396820b7.system.js} +1 -1
  45. package/dist/calcite/{p-bdfa3789.system.js → p-398ddb30.system.js} +1 -1
  46. package/dist/calcite/{p-e119e0b4.js → p-3bbdf28c.js} +2 -2
  47. package/dist/calcite/{p-6beead34.system.entry.js → p-3dc32ec2.system.entry.js} +2 -2
  48. package/dist/calcite/{p-989266f0.system.entry.js → p-405f0063.system.entry.js} +2 -2
  49. package/dist/calcite/{p-feeecafb.system.entry.js → p-42028ad9.system.entry.js} +2 -2
  50. package/dist/calcite/{p-d12f04b6.js → p-420ccddd.js} +1 -1
  51. package/dist/calcite/{p-e9debf39.system.entry.js → p-43ba6532.system.entry.js} +3 -3
  52. package/dist/calcite/p-49114c42.entry.js +6 -0
  53. package/dist/calcite/{p-e8dd0ce4.system.entry.js → p-4b20dd06.system.entry.js} +2 -2
  54. package/dist/calcite/{p-4ab7389d.js → p-4d8ba58f.js} +2 -2
  55. package/dist/calcite/{p-6f35a22e.system.entry.js → p-4e3bb2b5.system.entry.js} +2 -2
  56. package/dist/calcite/{p-2b9d43ee.entry.js → p-4f151515.entry.js} +2 -2
  57. package/dist/calcite/{p-b45b3d79.system.entry.js → p-4f264208.system.entry.js} +2 -2
  58. package/dist/calcite/{p-0f09f141.entry.js → p-5418d810.entry.js} +2 -2
  59. package/dist/calcite/{p-46674baf.entry.js → p-54949aeb.entry.js} +2 -2
  60. package/dist/calcite/{p-e9f9da36.system.entry.js → p-551a2e01.system.entry.js} +3 -3
  61. package/dist/calcite/{p-8e9e4678.system.js → p-567888cc.system.js} +2 -2
  62. package/dist/calcite/p-588da538.entry.js +6 -0
  63. package/dist/calcite/{p-0da0fa29.entry.js → p-58cd6a25.entry.js} +2 -2
  64. package/dist/calcite/{p-ad9d14c2.system.entry.js → p-58cdd975.system.entry.js} +2 -2
  65. package/dist/calcite/p-5c4421dc.entry.js +6 -0
  66. package/dist/calcite/{p-46db8711.js → p-5da3e726.js} +1 -1
  67. package/dist/calcite/{p-bf3152d1.entry.js → p-5f34cff7.entry.js} +2 -2
  68. package/dist/calcite/{p-581a5a39.system.entry.js → p-5f8c7a97.system.entry.js} +2 -2
  69. package/dist/calcite/{p-84323215.system.entry.js → p-63e0068e.system.entry.js} +2 -2
  70. package/dist/calcite/{p-1efc3593.entry.js → p-66a2952f.entry.js} +2 -2
  71. package/dist/calcite/{p-7ea1d145.system.entry.js → p-68dfd0e8.system.entry.js} +2 -2
  72. package/dist/calcite/p-69607178.system.entry.js +6 -0
  73. package/dist/calcite/{p-5d25a2ed.system.js → p-6aa7147a.system.js} +2 -2
  74. package/dist/calcite/{p-aa4f564a.system.js → p-6f45df0b.system.js} +1 -1
  75. package/dist/calcite/{p-748bf973.system.js → p-6f71dc54.system.js} +1 -1
  76. package/dist/calcite/p-711c3499.js +6 -0
  77. package/dist/calcite/{p-44a6ec71.entry.js → p-7170dae4.entry.js} +2 -2
  78. package/dist/calcite/{p-c86a8ae6.js → p-729414c5.js} +1 -1
  79. package/dist/calcite/{p-9ae2a7a4.system.entry.js → p-72f5d36b.system.entry.js} +2 -2
  80. package/dist/calcite/{p-f2c16b29.system.entry.js → p-7647ee97.system.entry.js} +2 -2
  81. package/dist/calcite/{p-9c13e45b.entry.js → p-7ac38b2b.entry.js} +2 -2
  82. package/dist/calcite/{p-b596c9e6.js → p-7de25c76.js} +1 -1
  83. package/dist/calcite/{p-4cc4a849.system.entry.js → p-8079a79c.system.entry.js} +2 -2
  84. package/dist/calcite/{p-40a03fa2.system.entry.js → p-81606519.system.entry.js} +2 -2
  85. package/dist/calcite/{p-b1f1ef97.system.entry.js → p-854fabb7.system.entry.js} +2 -2
  86. package/dist/calcite/p-8a55c80a.js +6 -0
  87. package/dist/calcite/{p-f3ca7d80.system.entry.js → p-8c4dde60.system.entry.js} +2 -2
  88. package/dist/calcite/{p-735f4fb7.js → p-904eb1df.js} +1 -1
  89. package/dist/calcite/{p-f6443e8b.js → p-94929da9.js} +1 -1
  90. package/dist/calcite/p-9525e397.entry.js +6 -0
  91. package/dist/calcite/p-9644cf90.system.entry.js +6 -0
  92. package/dist/calcite/{p-3b5fd066.entry.js → p-9646400a.entry.js} +2 -2
  93. package/dist/calcite/p-96f59f09.system.entry.js +6 -0
  94. package/dist/calcite/{p-a0a3e061.system.entry.js → p-96f9d00c.system.entry.js} +2 -2
  95. package/dist/calcite/p-97b5b5ac.system.entry.js +6 -0
  96. package/dist/calcite/{p-f7ef036f.js → p-9c6a2350.js} +2 -2
  97. package/dist/calcite/{p-ffafacab.system.entry.js → p-9d562b85.system.entry.js} +2 -2
  98. package/dist/calcite/{p-db26e542.system.entry.js → p-9d72faa2.system.entry.js} +2 -2
  99. package/dist/calcite/p-9e267363.entry.js +6 -0
  100. package/dist/calcite/{p-28488be9.entry.js → p-9ebe47e9.entry.js} +2 -2
  101. package/dist/calcite/{p-8b30894d.system.entry.js → p-9f9dfe99.system.entry.js} +2 -2
  102. package/dist/calcite/{p-d1227283.entry.js → p-a026e825.entry.js} +2 -2
  103. package/dist/calcite/{p-8dc799ea.system.entry.js → p-a4a1dbb7.system.entry.js} +2 -2
  104. package/dist/calcite/p-a598a7dd.system.entry.js +6 -0
  105. package/dist/calcite/{p-20ef7eb3.entry.js → p-a67f40e6.entry.js} +2 -2
  106. package/dist/calcite/{p-67d8d2f5.system.entry.js → p-a6e30a8f.system.entry.js} +2 -2
  107. package/dist/calcite/{p-19797e3a.system.entry.js → p-a716e34c.system.entry.js} +2 -2
  108. package/dist/calcite/{p-634b4667.js → p-a7579427.js} +2 -2
  109. package/dist/calcite/p-a898954c.system.entry.js +6 -0
  110. package/dist/calcite/{p-e9590974.entry.js → p-a8a53704.entry.js} +2 -2
  111. package/dist/calcite/{p-002ec83c.system.entry.js → p-a8f9c6d6.system.entry.js} +2 -2
  112. package/dist/calcite/p-a9f20b18.system.entry.js +6 -0
  113. package/dist/calcite/{p-d9bc6c90.system.entry.js → p-aa13a6c2.system.entry.js} +2 -2
  114. package/dist/calcite/{p-f7ffeafa.entry.js → p-aafc1a2f.entry.js} +2 -2
  115. package/dist/calcite/p-abe3683b.js +6 -0
  116. package/dist/calcite/{p-0b194b2f.system.entry.js → p-ad5972fc.system.entry.js} +2 -2
  117. package/dist/calcite/{p-556f99b3.js → p-ad63ba8c.js} +1 -1
  118. package/dist/calcite/{p-c6e8c158.entry.js → p-af602be9.entry.js} +2 -2
  119. package/dist/calcite/{p-c8ceec2d.js → p-afb86c1a.js} +1 -1
  120. package/dist/calcite/{p-d815a193.js → p-b21f44b7.js} +1 -1
  121. package/dist/calcite/p-b248c3b2.entry.js +6 -0
  122. package/dist/calcite/p-b2649312.entry.js +6 -0
  123. package/dist/calcite/{p-27644b63.entry.js → p-b26e592b.entry.js} +2 -2
  124. package/dist/calcite/{p-d22701df.system.entry.js → p-b4c56282.system.entry.js} +2 -2
  125. package/dist/calcite/p-b6dc1fbb.js +6 -0
  126. package/dist/calcite/{p-46c9c1da.system.entry.js → p-b73dc693.system.entry.js} +2 -2
  127. package/dist/calcite/{p-05e8f5e7.entry.js → p-b855c064.entry.js} +2 -2
  128. package/dist/calcite/{p-a0a7d286.entry.js → p-b8810eb8.entry.js} +2 -2
  129. package/dist/calcite/{p-4407d4e4.system.js → p-b91d70ea.system.js} +1 -1
  130. package/dist/calcite/{p-30805900.system.entry.js → p-ba9faef1.system.entry.js} +2 -2
  131. package/dist/calcite/{p-f36a9b83.entry.js → p-bbd25093.entry.js} +2 -2
  132. package/dist/calcite/{p-94c24c02.entry.js → p-bd0c7dee.entry.js} +2 -2
  133. package/dist/calcite/p-bd1fb33a.entry.js +6 -0
  134. package/dist/calcite/{p-55bb2cdc.system.entry.js → p-bf1c3465.system.entry.js} +2 -2
  135. package/dist/calcite/{p-47810f6d.entry.js → p-c2d7f995.entry.js} +2 -2
  136. package/dist/calcite/{p-0149d27c.entry.js → p-c54ba294.entry.js} +2 -2
  137. package/dist/calcite/{p-be2321b0.system.entry.js → p-c6005ea4.system.entry.js} +2 -2
  138. package/dist/calcite/{p-63146b51.js → p-c769a124.js} +1 -1
  139. package/dist/calcite/{p-d85c22c9.system.entry.js → p-c8d7baeb.system.entry.js} +2 -2
  140. package/dist/calcite/p-c93fd4d4.system.entry.js +6 -0
  141. package/dist/calcite/p-c9d74771.system.js +6 -0
  142. package/dist/calcite/{p-6aee159f.js → p-c9f24014.js} +2 -2
  143. package/dist/calcite/{p-0a5fc96c.entry.js → p-ca9d349d.entry.js} +2 -2
  144. package/dist/calcite/{p-1990acbf.entry.js → p-cbe27383.entry.js} +2 -2
  145. package/dist/calcite/{p-6f62d2c6.system.js → p-cc5b9672.system.js} +1 -1
  146. package/dist/calcite/{p-2560a58e.system.entry.js → p-cd1e35ee.system.entry.js} +2 -2
  147. package/dist/calcite/{p-e342902c.system.entry.js → p-cdd4697e.system.entry.js} +2 -2
  148. package/dist/calcite/p-ce3da917.system.js +6 -0
  149. package/dist/calcite/p-cf3ea746.entry.js +6 -0
  150. package/dist/calcite/{p-4ae377e7.system.entry.js → p-cf3fb5a0.system.entry.js} +2 -2
  151. package/dist/calcite/{p-d3e3c001.entry.js → p-d064ce65.entry.js} +2 -2
  152. package/dist/calcite/p-d0ea54b5.system.entry.js +6 -0
  153. package/dist/calcite/p-d0fbf0a6.entry.js +6 -0
  154. package/dist/calcite/p-d3bb2db1.entry.js +6 -0
  155. package/dist/calcite/{p-38043ca4.entry.js → p-d4772885.entry.js} +2 -2
  156. package/dist/calcite/{p-7e3170f3.entry.js → p-d6933313.entry.js} +2 -2
  157. package/dist/calcite/{p-103e5afd.system.entry.js → p-d69d2ceb.system.entry.js} +2 -2
  158. package/dist/calcite/{p-b3675053.js → p-d70de307.js} +2 -2
  159. package/dist/calcite/p-d9f72aca.system.entry.js +6 -0
  160. package/dist/calcite/{p-6a600418.entry.js → p-dabfab4d.entry.js} +2 -2
  161. package/dist/calcite/{p-3ff82cf1.entry.js → p-dae459bf.entry.js} +2 -2
  162. package/dist/calcite/{p-b495901b.entry.js → p-dca7a79c.entry.js} +2 -2
  163. package/dist/calcite/{p-d18ddc53.system.entry.js → p-dda4734d.system.entry.js} +2 -2
  164. package/dist/calcite/{p-75817bd0.system.js → p-defa0c9d.system.js} +1 -1
  165. package/dist/calcite/p-df16481d.system.entry.js +6 -0
  166. package/dist/calcite/{p-2ce5c529.system.js → p-df2b9dd8.system.js} +2 -2
  167. package/dist/calcite/{p-3d1abd24.system.js → p-e0f33780.system.js} +2 -2
  168. package/dist/calcite/{p-e8b30d42.system.js → p-e1d7243b.system.js} +1 -1
  169. package/dist/calcite/{p-8ad9220f.system.js → p-e7dc1543.system.js} +1 -1
  170. package/dist/calcite/{p-7a03365e.entry.js → p-e7f9f911.entry.js} +2 -2
  171. package/dist/calcite/p-ebe41e88.entry.js +6 -0
  172. package/dist/calcite/{p-528aaf72.system.entry.js → p-edcb605e.system.entry.js} +2 -2
  173. package/dist/calcite/{p-00367ed4.system.js → p-ee2ba171.system.js} +2 -2
  174. package/dist/calcite/{p-7d44b9ba.system.js → p-ef95d6d7.system.js} +2 -2
  175. package/dist/calcite/{p-aae82ee7.js → p-f1873d3e.js} +1 -1
  176. package/dist/calcite/{p-f22fd556.system.js → p-f2564d1d.system.js} +2 -2
  177. package/dist/calcite/{p-9544cb29.entry.js → p-f2592bd5.entry.js} +2 -2
  178. package/dist/calcite/{p-5676272d.system.js → p-f28e72db.system.js} +1 -1
  179. package/dist/calcite/{p-d5a25382.entry.js → p-f2d22297.entry.js} +2 -2
  180. package/dist/calcite/{p-33a4e116.entry.js → p-f5f0e229.entry.js} +2 -2
  181. package/dist/calcite/{p-c44b740a.system.js → p-ffab28ce.system.js} +2 -2
  182. package/dist/cjs/{ExpandToggle-8782dd2f.js → ExpandToggle-d01ba222.js} +5 -5
  183. package/dist/cjs/{Heading-d7f41298.js → Heading-5c8ae7c7.js} +2 -2
  184. package/dist/cjs/{app-globals-a7ded446.js → app-globals-ac11ea69.js} +2 -2
  185. package/dist/cjs/{array-1d4fc13d.js → array-1b1fee7a.js} +1 -1
  186. package/dist/cjs/calcite-accordion_2.cjs.entry.js +13 -11
  187. package/dist/cjs/calcite-action-bar.cjs.entry.js +11 -11
  188. package/dist/cjs/calcite-action-group.cjs.entry.js +9 -9
  189. package/dist/cjs/calcite-action-menu.cjs.entry.js +8 -8
  190. package/dist/cjs/calcite-action-pad.cjs.entry.js +10 -10
  191. package/dist/cjs/calcite-action.cjs.entry.js +8 -8
  192. package/dist/cjs/calcite-alert.cjs.entry.js +7 -7
  193. package/dist/cjs/calcite-avatar.cjs.entry.js +6 -6
  194. package/dist/cjs/calcite-block_2.cjs.entry.js +10 -10
  195. package/dist/cjs/calcite-button.cjs.entry.js +10 -10
  196. package/dist/cjs/calcite-card.cjs.entry.js +8 -8
  197. package/dist/cjs/calcite-checkbox.cjs.entry.js +9 -9
  198. package/dist/cjs/calcite-chip.cjs.entry.js +8 -8
  199. package/dist/cjs/calcite-color-picker_3.cjs.entry.js +12 -12
  200. package/dist/cjs/calcite-combobox_3.cjs.entry.js +20 -18
  201. package/dist/cjs/calcite-date-picker_4.cjs.entry.js +10 -10
  202. package/dist/cjs/calcite-dropdown_3.cjs.entry.js +17 -15
  203. package/dist/cjs/calcite-fab.cjs.entry.js +6 -6
  204. package/dist/cjs/calcite-filter.cjs.entry.js +8 -8
  205. package/dist/cjs/calcite-flow-item.cjs.entry.js +142 -0
  206. package/dist/cjs/calcite-flow.cjs.entry.js +33 -33
  207. package/dist/cjs/calcite-graph_2.cjs.entry.js +11 -11
  208. package/dist/cjs/calcite-handle.cjs.entry.js +5 -5
  209. package/dist/cjs/calcite-icon.cjs.entry.js +6 -6
  210. package/dist/cjs/calcite-inline-editable.cjs.entry.js +8 -8
  211. package/dist/cjs/calcite-input-date-picker.cjs.entry.js +18 -16
  212. package/dist/cjs/calcite-input-message.cjs.entry.js +5 -5
  213. package/dist/cjs/calcite-input-number.cjs.entry.js +12 -12
  214. package/dist/cjs/calcite-input-text.cjs.entry.js +9 -9
  215. package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +10 -10
  216. package/dist/cjs/calcite-input.cjs.entry.js +12 -12
  217. package/dist/cjs/calcite-label.cjs.entry.js +6 -6
  218. package/dist/cjs/calcite-link.cjs.entry.js +6 -6
  219. package/dist/cjs/calcite-list_3.cjs.entry.js +9 -9
  220. package/dist/cjs/calcite-loader.cjs.entry.js +3 -3
  221. package/dist/cjs/calcite-modal.cjs.entry.js +23 -11
  222. package/dist/cjs/calcite-notice.cjs.entry.js +8 -8
  223. package/dist/cjs/calcite-option_3.cjs.entry.js +9 -9
  224. package/dist/cjs/calcite-pagination.cjs.entry.js +5 -5
  225. package/dist/cjs/calcite-panel.cjs.entry.js +110 -104
  226. package/dist/cjs/calcite-pick-list_3.cjs.entry.js +12 -12
  227. package/dist/cjs/calcite-popover_2.cjs.entry.js +17 -17
  228. package/dist/cjs/calcite-progress.cjs.entry.js +2 -2
  229. package/dist/cjs/calcite-radio-button-group.cjs.entry.js +3 -3
  230. package/dist/cjs/calcite-radio-button.cjs.entry.js +9 -9
  231. package/dist/cjs/calcite-radio-group_2.cjs.entry.js +8 -8
  232. package/dist/cjs/calcite-rating.cjs.entry.js +9 -9
  233. package/dist/cjs/calcite-scrim.cjs.entry.js +2 -2
  234. package/dist/cjs/calcite-shell_3.cjs.entry.js +8 -8
  235. package/dist/cjs/calcite-sortable-list.cjs.entry.js +5 -5
  236. package/dist/cjs/calcite-split-button.cjs.entry.js +4 -4
  237. package/dist/cjs/calcite-stepper_2.cjs.entry.js +6 -6
  238. package/dist/cjs/calcite-switch.cjs.entry.js +9 -9
  239. package/dist/cjs/calcite-tab_4.cjs.entry.js +7 -7
  240. package/dist/cjs/calcite-tile-select_2.cjs.entry.js +4 -4
  241. package/dist/cjs/calcite-tile.cjs.entry.js +8 -8
  242. package/dist/cjs/calcite-tip_3.cjs.entry.js +8 -8
  243. package/dist/cjs/calcite-tooltip_2.cjs.entry.js +6 -6
  244. package/dist/cjs/calcite-tree_2.cjs.entry.js +7 -7
  245. package/dist/cjs/calcite-value-list_2.cjs.entry.js +12 -12
  246. package/dist/cjs/calcite.cjs.js +5 -5
  247. package/dist/cjs/{conditionalSlot-9c0fa505.js → conditionalSlot-d467cd45.js} +3 -3
  248. package/dist/cjs/{debounce-19b40b8f.js → debounce-fdf01cb6.js} +1 -1
  249. package/dist/cjs/{dom-eaadcd89.js → dom-3eb34325.js} +3 -3
  250. package/dist/cjs/{filter-807d1608.js → filter-55af528e.js} +2 -2
  251. package/dist/cjs/{floating-ui-b204da9e.js → floating-ui-7329e890.js} +5 -3
  252. package/dist/cjs/{form-d12acbaa.js → form-80db0b5f.js} +3 -3
  253. package/dist/cjs/{guid-73c3edb1.js → guid-dc7f4ae8.js} +1 -1
  254. package/dist/cjs/{index-6bf394ff.js → index-371fa05d.js} +1 -1
  255. package/dist/cjs/index.cjs.js +1 -1
  256. package/dist/cjs/{interactive-26bbc844.js → interactive-0d5bf080.js} +1 -1
  257. package/dist/cjs/{interfaces-d80e4a30.js → interfaces-05dc4281.js} +1 -1
  258. package/dist/cjs/{key-afa2f3d6.js → key-7782fce0.js} +1 -1
  259. package/dist/cjs/{label-d075c31f.js → label-7d957162.js} +2 -2
  260. package/dist/cjs/loader.cjs.js +5 -5
  261. package/dist/cjs/{locale-93089c26.js → locale-c6c7e842.js} +2 -2
  262. package/dist/cjs/{math-1535633c.js → math-77342528.js} +1 -1
  263. package/dist/cjs/{observers-072222fa.js → observers-42cebe54.js} +1 -1
  264. package/dist/cjs/{openCloseComponent-a2a73280.js → openCloseComponent-d46fe480.js} +1 -1
  265. package/dist/cjs/{resources-5155666e.js → resources-08cedc9e.js} +3 -3
  266. package/dist/cjs/{resources-b97de259.js → resources-4c96ffc6.js} +1 -1
  267. package/dist/cjs/{resources-4f93a2ec.js → resources-6b16c623.js} +1 -1
  268. package/dist/cjs/resources-8d1dd980.js +52 -0
  269. package/dist/cjs/{resources-4ff9d0d2.js → resources-b5b9e02b.js} +5 -5
  270. package/dist/cjs/{resources-1ab38954.js → resources-ea6e7974.js} +1 -1
  271. package/dist/cjs/{sortable.esm-81835757.js → sortable.esm-e02e39de.js} +1 -1
  272. package/dist/cjs/{utils-8b591bb2.js → utils-bdda9970.js} +1 -1
  273. package/dist/collection/collection-manifest.json +1 -0
  274. package/dist/collection/components/accordion/accordion.js +9 -7
  275. package/dist/collection/components/accordion/interfaces.js +1 -1
  276. package/dist/collection/components/accordion-item/accordion-item.js +1 -1
  277. package/dist/collection/components/accordion-item/interfaces.js +1 -1
  278. package/dist/collection/components/accordion-item/resources.js +1 -1
  279. package/dist/collection/components/action/action.css +12 -4
  280. package/dist/collection/components/action/action.js +1 -1
  281. package/dist/collection/components/action/resources.js +1 -1
  282. package/dist/collection/components/action-bar/action-bar.js +1 -1
  283. package/dist/collection/components/action-bar/resources.js +1 -1
  284. package/dist/collection/components/action-bar/utils.js +1 -1
  285. package/dist/collection/components/action-group/action-group.js +1 -1
  286. package/dist/collection/components/action-group/resources.js +1 -1
  287. package/dist/collection/components/action-menu/action-menu.js +1 -1
  288. package/dist/collection/components/action-menu/resources.js +1 -1
  289. package/dist/collection/components/action-pad/action-pad.js +1 -1
  290. package/dist/collection/components/action-pad/resources.js +1 -1
  291. package/dist/collection/components/alert/alert.js +1 -1
  292. package/dist/collection/components/alert/interfaces.js +1 -1
  293. package/dist/collection/components/alert/resources.js +1 -1
  294. package/dist/collection/components/avatar/avatar.js +1 -1
  295. package/dist/collection/components/avatar/utils.js +1 -1
  296. package/dist/collection/components/block/block.js +1 -1
  297. package/dist/collection/components/block/resources.js +1 -1
  298. package/dist/collection/components/block-section/block-section.js +1 -1
  299. package/dist/collection/components/block-section/interfaces.js +1 -1
  300. package/dist/collection/components/block-section/resources.js +1 -1
  301. package/dist/collection/components/button/button.css +111 -59
  302. package/dist/collection/components/button/button.js +2 -2
  303. package/dist/collection/components/button/interfaces.js +1 -1
  304. package/dist/collection/components/button/resources.js +1 -1
  305. package/dist/collection/components/card/card.css +0 -19
  306. package/dist/collection/components/card/card.js +1 -1
  307. package/dist/collection/components/card/resources.js +1 -1
  308. package/dist/collection/components/checkbox/checkbox.js +1 -1
  309. package/dist/collection/components/chip/chip.css +34 -18
  310. package/dist/collection/components/chip/chip.js +1 -1
  311. package/dist/collection/components/chip/interfaces.js +1 -1
  312. package/dist/collection/components/chip/resources.js +1 -1
  313. package/dist/collection/components/color-picker/color-picker.js +6 -6
  314. package/dist/collection/components/color-picker/interfaces.js +1 -1
  315. package/dist/collection/components/color-picker/resources.js +1 -1
  316. package/dist/collection/components/color-picker/utils.js +1 -1
  317. package/dist/collection/components/color-picker-hex-input/color-picker-hex-input.js +1 -1
  318. package/dist/collection/components/color-picker-hex-input/resources.js +1 -1
  319. package/dist/collection/components/color-picker-swatch/color-picker-swatch.js +1 -1
  320. package/dist/collection/components/color-picker-swatch/resources.js +1 -1
  321. package/dist/collection/components/combobox/combobox.css +6 -0
  322. package/dist/collection/components/combobox/combobox.js +6 -4
  323. package/dist/collection/components/combobox/interfaces.js +1 -1
  324. package/dist/collection/components/combobox/resources.js +1 -1
  325. package/dist/collection/components/combobox/utils.js +1 -1
  326. package/dist/collection/components/combobox-item/combobox-item.js +1 -1
  327. package/dist/collection/components/combobox-item/resources.js +1 -1
  328. package/dist/collection/components/combobox-item-group/combobox-item-group.js +1 -1
  329. package/dist/collection/components/combobox-item-group/resources.js +1 -1
  330. package/dist/collection/components/date-picker/date-picker.js +1 -1
  331. package/dist/collection/components/date-picker/interfaces.js +1 -1
  332. package/dist/collection/components/date-picker/resources.js +1 -1
  333. package/dist/collection/components/date-picker/utils.js +1 -1
  334. package/dist/collection/components/date-picker-day/date-picker-day.js +1 -1
  335. package/dist/collection/components/date-picker-month/date-picker-month.js +1 -1
  336. package/dist/collection/components/date-picker-month-header/date-picker-month-header.js +1 -1
  337. package/dist/collection/components/date-picker-month-header/resources.js +1 -1
  338. package/dist/collection/components/dropdown/dropdown.css +6 -0
  339. package/dist/collection/components/dropdown/dropdown.js +8 -7
  340. package/dist/collection/components/dropdown/interfaces.js +1 -1
  341. package/dist/collection/components/dropdown/resources.js +1 -1
  342. package/dist/collection/components/dropdown-group/dropdown-group.js +1 -1
  343. package/dist/collection/components/dropdown-group/interfaces.js +1 -1
  344. package/dist/collection/components/dropdown-group/resources.js +1 -1
  345. package/dist/collection/components/dropdown-item/dropdown-item.js +1 -1
  346. package/dist/collection/components/dropdown-item/resources.js +1 -1
  347. package/dist/collection/components/fab/fab.js +1 -1
  348. package/dist/collection/components/fab/resources.js +1 -1
  349. package/dist/collection/components/filter/filter.js +1 -1
  350. package/dist/collection/components/filter/resources.js +1 -1
  351. package/dist/collection/components/flow/flow.css +1 -0
  352. package/dist/collection/components/flow/flow.js +44 -38
  353. package/dist/collection/components/flow/interfaces.js +1 -1
  354. package/dist/collection/components/flow/resources.js +1 -1
  355. package/dist/collection/components/flow-item/flow-item.css +119 -0
  356. package/dist/collection/components/flow-item/flow-item.js +479 -0
  357. package/dist/collection/components/flow-item/resources.js +24 -0
  358. package/dist/collection/components/functional/ExpandToggle.js +1 -1
  359. package/dist/collection/components/functional/Heading.js +1 -1
  360. package/dist/collection/components/graph/graph.js +1 -1
  361. package/dist/collection/components/graph/interfaces.js +1 -1
  362. package/dist/collection/components/graph/util.js +1 -1
  363. package/dist/collection/components/handle/handle.js +1 -1
  364. package/dist/collection/components/handle/resources.js +1 -1
  365. package/dist/collection/components/icon/icon.js +1 -1
  366. package/dist/collection/components/icon/resources.js +1 -1
  367. package/dist/collection/components/icon/utils.js +1 -1
  368. package/dist/collection/components/inline-editable/inline-editable.js +1 -1
  369. package/dist/collection/components/inline-editable/resources.js +1 -1
  370. package/dist/collection/components/input/input.js +1 -1
  371. package/dist/collection/components/input/interfaces.js +1 -1
  372. package/dist/collection/components/input/resources.js +1 -1
  373. package/dist/collection/components/input-date-picker/input-date-picker.css +9 -0
  374. package/dist/collection/components/input-date-picker/input-date-picker.js +6 -4
  375. package/dist/collection/components/input-date-picker/resources.js +1 -1
  376. package/dist/collection/components/input-message/input-message.js +1 -1
  377. package/dist/collection/components/input-message/interfaces.js +1 -1
  378. package/dist/collection/components/input-number/input-number.js +1 -1
  379. package/dist/collection/components/input-number/interfaces.js +1 -1
  380. package/dist/collection/components/input-number/resources.js +1 -1
  381. package/dist/collection/components/input-text/input-text.js +1 -1
  382. package/dist/collection/components/input-text/resources.js +1 -1
  383. package/dist/collection/components/input-time-picker/input-time-picker.js +1 -1
  384. package/dist/collection/components/interfaces.js +1 -1
  385. package/dist/collection/components/label/label.js +1 -1
  386. package/dist/collection/components/label/resources.js +1 -1
  387. package/dist/collection/components/link/link.js +1 -1
  388. package/dist/collection/components/list/list.js +1 -1
  389. package/dist/collection/components/list/resources.js +1 -1
  390. package/dist/collection/components/list-item/list-item.js +1 -1
  391. package/dist/collection/components/list-item/resources.js +1 -1
  392. package/dist/collection/components/list-item-group/list-item-group.js +1 -1
  393. package/dist/collection/components/list-item-group/resources.js +1 -1
  394. package/dist/collection/components/loader/loader.js +1 -1
  395. package/dist/collection/components/modal/interfaces.js +1 -1
  396. package/dist/collection/components/modal/modal.css +2 -2
  397. package/dist/collection/components/modal/modal.js +16 -4
  398. package/dist/collection/components/modal/resources.js +2 -1
  399. package/dist/collection/components/notice/notice.js +1 -1
  400. package/dist/collection/components/notice/resources.js +1 -1
  401. package/dist/collection/components/option/option.js +1 -1
  402. package/dist/collection/components/option-group/option-group.js +1 -1
  403. package/dist/collection/components/pagination/pagination.js +1 -1
  404. package/dist/collection/components/pagination/resources.js +1 -1
  405. package/dist/collection/components/panel/panel.css +5 -14
  406. package/dist/collection/components/panel/panel.js +134 -63
  407. package/dist/collection/components/panel/resources.js +2 -6
  408. package/dist/collection/components/pick-list/pick-list.js +1 -1
  409. package/dist/collection/components/pick-list/resources.js +1 -1
  410. package/dist/collection/components/pick-list/shared-list-logic.js +1 -1
  411. package/dist/collection/components/pick-list/shared-list-render.js +1 -1
  412. package/dist/collection/components/pick-list-group/pick-list-group.js +1 -1
  413. package/dist/collection/components/pick-list-group/resources.js +1 -1
  414. package/dist/collection/components/pick-list-item/pick-list-item.js +1 -1
  415. package/dist/collection/components/pick-list-item/resources.js +1 -1
  416. package/dist/collection/components/popover/PopoverManager.js +5 -6
  417. package/dist/collection/components/popover/popover.js +4 -3
  418. package/dist/collection/components/popover/resources.js +1 -1
  419. package/dist/collection/components/popover-manager/popover-manager.js +1 -1
  420. package/dist/collection/components/progress/progress.js +1 -1
  421. package/dist/collection/components/radio-button/radio-button.js +1 -1
  422. package/dist/collection/components/radio-button/resources.js +1 -1
  423. package/dist/collection/components/radio-button-group/radio-button-group.js +1 -1
  424. package/dist/collection/components/radio-group/interfaces.js +1 -1
  425. package/dist/collection/components/radio-group/radio-group.js +1 -1
  426. package/dist/collection/components/radio-group-item/radio-group-item.js +1 -1
  427. package/dist/collection/components/radio-group-item/resources.js +1 -1
  428. package/dist/collection/components/rating/rating.js +1 -1
  429. package/dist/collection/components/rating/resources.js +1 -1
  430. package/dist/collection/components/scrim/resources.js +1 -1
  431. package/dist/collection/components/scrim/scrim.js +1 -1
  432. package/dist/collection/components/select/resources.js +1 -1
  433. package/dist/collection/components/select/select.js +1 -1
  434. package/dist/collection/components/shell/resources.js +1 -1
  435. package/dist/collection/components/shell/shell.js +1 -1
  436. package/dist/collection/components/shell-center-row/resources.js +1 -1
  437. package/dist/collection/components/shell-center-row/shell-center-row.js +1 -1
  438. package/dist/collection/components/shell-panel/resources.js +1 -1
  439. package/dist/collection/components/shell-panel/shell-panel.js +1 -1
  440. package/dist/collection/components/slider/slider.js +1 -1
  441. package/dist/collection/components/sortable-list/resources.js +1 -1
  442. package/dist/collection/components/sortable-list/sortable-list.js +1 -1
  443. package/dist/collection/components/split-button/resources.js +1 -1
  444. package/dist/collection/components/split-button/split-button.css +16 -10
  445. package/dist/collection/components/split-button/split-button.js +2 -2
  446. package/dist/collection/components/stepper/interfaces.js +1 -1
  447. package/dist/collection/components/stepper/stepper.js +1 -1
  448. package/dist/collection/components/stepper-item/stepper-item.js +1 -1
  449. package/dist/collection/components/switch/switch.js +1 -1
  450. package/dist/collection/components/tab/interfaces.js +1 -1
  451. package/dist/collection/components/tab/tab.js +1 -1
  452. package/dist/collection/components/tab-nav/tab-nav.js +1 -1
  453. package/dist/collection/components/tab-title/tab-title.js +1 -1
  454. package/dist/collection/components/tabs/interfaces.js +1 -1
  455. package/dist/collection/components/tabs/resources.js +1 -1
  456. package/dist/collection/components/tabs/tabs.js +1 -1
  457. package/dist/collection/components/tile/resources.js +1 -1
  458. package/dist/collection/components/tile/tile.js +1 -1
  459. package/dist/collection/components/tile-select/interfaces.js +1 -1
  460. package/dist/collection/components/tile-select/resources.js +1 -1
  461. package/dist/collection/components/tile-select/tile-select.js +1 -1
  462. package/dist/collection/components/tile-select-group/interfaces.js +1 -1
  463. package/dist/collection/components/tile-select-group/tile-select-group.js +1 -1
  464. package/dist/collection/components/time-picker/resources.js +1 -1
  465. package/dist/collection/components/time-picker/time-picker.js +1 -1
  466. package/dist/collection/components/tip/resources.js +1 -1
  467. package/dist/collection/components/tip/tip.js +1 -1
  468. package/dist/collection/components/tip-group/tip-group.js +1 -1
  469. package/dist/collection/components/tip-manager/resources.js +1 -1
  470. package/dist/collection/components/tip-manager/tip-manager.js +1 -1
  471. package/dist/collection/components/tooltip/TooltipManager.js +1 -1
  472. package/dist/collection/components/tooltip/resources.js +1 -1
  473. package/dist/collection/components/tooltip/tooltip.js +1 -1
  474. package/dist/collection/components/tooltip-manager/tooltip-manager.js +1 -1
  475. package/dist/collection/components/tree/interfaces.js +1 -1
  476. package/dist/collection/components/tree/tree.js +1 -1
  477. package/dist/collection/components/tree-item/interfaces.js +1 -1
  478. package/dist/collection/components/tree-item/resources.js +1 -1
  479. package/dist/collection/components/tree-item/tree-item.js +1 -1
  480. package/dist/collection/components/value-list/interfaces.js +1 -1
  481. package/dist/collection/components/value-list/resources.js +1 -1
  482. package/dist/collection/components/value-list/utils.js +1 -1
  483. package/dist/collection/components/value-list/value-list.js +1 -1
  484. package/dist/collection/components/value-list-item/resources.js +1 -1
  485. package/dist/collection/components/value-list-item/value-list-item.js +1 -1
  486. package/dist/collection/utils/array.js +1 -1
  487. package/dist/collection/utils/conditionalSlot.js +1 -1
  488. package/dist/collection/utils/date.js +1 -1
  489. package/dist/collection/utils/dom.js +1 -1
  490. package/dist/collection/utils/filter.js +1 -1
  491. package/dist/collection/utils/floating-ui.js +4 -2
  492. package/dist/collection/utils/form.js +1 -1
  493. package/dist/collection/utils/globalAttributes.js +1 -1
  494. package/dist/collection/utils/globalScript.js +1 -1
  495. package/dist/collection/utils/guid.js +1 -1
  496. package/dist/collection/utils/interactive.js +1 -1
  497. package/dist/collection/utils/key.js +1 -1
  498. package/dist/collection/utils/label.js +1 -1
  499. package/dist/collection/utils/locale.js +1 -1
  500. package/dist/collection/utils/math.js +1 -1
  501. package/dist/collection/utils/number.js +1 -1
  502. package/dist/collection/utils/observers.js +1 -1
  503. package/dist/collection/utils/openCloseComponent.js +1 -1
  504. package/dist/collection/utils/resources.js +1 -1
  505. package/dist/collection/utils/theme.js +1 -1
  506. package/dist/collection/utils/time.js +1 -1
  507. package/dist/components/ExpandToggle.js +1 -1
  508. package/dist/components/Heading.js +1 -1
  509. package/dist/components/action-group.js +1 -1
  510. package/dist/components/action-menu.js +1 -1
  511. package/dist/components/action.js +2 -2
  512. package/dist/components/array.js +1 -1
  513. package/dist/components/button.js +2 -2
  514. package/dist/components/calcite-accordion-item.js +1 -1
  515. package/dist/components/calcite-accordion.js +7 -5
  516. package/dist/components/calcite-action-bar.js +1 -1
  517. package/dist/components/calcite-action-group.js +1 -1
  518. package/dist/components/calcite-action-menu.js +1 -1
  519. package/dist/components/calcite-action-pad.js +1 -1
  520. package/dist/components/calcite-action.js +1 -1
  521. package/dist/components/calcite-alert.js +1 -1
  522. package/dist/components/calcite-avatar.js +1 -1
  523. package/dist/components/calcite-block-section.js +1 -1
  524. package/dist/components/calcite-block.js +1 -1
  525. package/dist/components/calcite-button.js +1 -1
  526. package/dist/components/calcite-card.js +2 -2
  527. package/dist/components/calcite-checkbox.js +1 -1
  528. package/dist/components/calcite-chip.js +1 -1
  529. package/dist/components/calcite-color-picker-hex-input.js +1 -1
  530. package/dist/components/calcite-color-picker-swatch.js +1 -1
  531. package/dist/components/calcite-color-picker.js +3 -3
  532. package/dist/components/calcite-combobox-item-group.js +1 -1
  533. package/dist/components/calcite-combobox-item.js +1 -1
  534. package/dist/components/calcite-combobox.js +7 -5
  535. package/dist/components/calcite-date-picker-day.js +1 -1
  536. package/dist/components/calcite-date-picker-month-header.js +1 -1
  537. package/dist/components/calcite-date-picker-month.js +1 -1
  538. package/dist/components/calcite-date-picker.js +1 -1
  539. package/dist/components/calcite-dropdown-group.js +1 -1
  540. package/dist/components/calcite-dropdown-item.js +1 -1
  541. package/dist/components/calcite-dropdown.js +1 -1
  542. package/dist/components/calcite-fab.js +1 -1
  543. package/dist/components/calcite-filter.js +1 -1
  544. package/dist/components/calcite-flow-item.d.ts +11 -0
  545. package/dist/components/calcite-flow-item.js +214 -0
  546. package/dist/components/calcite-flow.js +34 -34
  547. package/dist/components/calcite-graph.js +1 -1
  548. package/dist/components/calcite-handle.js +1 -1
  549. package/dist/components/calcite-icon.js +1 -1
  550. package/dist/components/calcite-inline-editable.js +1 -1
  551. package/dist/components/calcite-input-date-picker.js +6 -4
  552. package/dist/components/calcite-input-message.js +1 -1
  553. package/dist/components/calcite-input-number.js +1 -1
  554. package/dist/components/calcite-input-text.js +1 -1
  555. package/dist/components/calcite-input-time-picker.js +1 -1
  556. package/dist/components/calcite-input.js +1 -1
  557. package/dist/components/calcite-label.js +1 -1
  558. package/dist/components/calcite-link.js +1 -1
  559. package/dist/components/calcite-list-item-group.js +1 -1
  560. package/dist/components/calcite-list-item.js +1 -1
  561. package/dist/components/calcite-list.js +1 -1
  562. package/dist/components/calcite-loader.js +1 -1
  563. package/dist/components/calcite-modal.js +17 -4
  564. package/dist/components/calcite-notice.js +1 -1
  565. package/dist/components/calcite-option-group.js +1 -1
  566. package/dist/components/calcite-option.js +1 -1
  567. package/dist/components/calcite-pagination.js +1 -1
  568. package/dist/components/calcite-panel.js +2 -393
  569. package/dist/components/calcite-pick-list-group.js +1 -1
  570. package/dist/components/calcite-pick-list-item.js +1 -1
  571. package/dist/components/calcite-pick-list.js +1 -1
  572. package/dist/components/calcite-popover-manager.js +1 -1
  573. package/dist/components/calcite-popover.js +1 -1
  574. package/dist/components/calcite-progress.js +1 -1
  575. package/dist/components/calcite-radio-button-group.js +1 -1
  576. package/dist/components/calcite-radio-button.js +1 -1
  577. package/dist/components/calcite-radio-group-item.js +1 -1
  578. package/dist/components/calcite-radio-group.js +1 -1
  579. package/dist/components/calcite-rating.js +1 -1
  580. package/dist/components/calcite-scrim.js +1 -1
  581. package/dist/components/calcite-select.js +1 -1
  582. package/dist/components/calcite-shell-center-row.js +1 -1
  583. package/dist/components/calcite-shell-panel.js +1 -1
  584. package/dist/components/calcite-shell.js +1 -1
  585. package/dist/components/calcite-slider.js +1 -1
  586. package/dist/components/calcite-sortable-list.js +1 -1
  587. package/dist/components/calcite-split-button.js +2 -2
  588. package/dist/components/calcite-stepper-item.js +1 -1
  589. package/dist/components/calcite-stepper.js +1 -1
  590. package/dist/components/calcite-switch.js +1 -1
  591. package/dist/components/calcite-tab-nav.js +1 -1
  592. package/dist/components/calcite-tab-title.js +1 -1
  593. package/dist/components/calcite-tab.js +1 -1
  594. package/dist/components/calcite-tabs.js +1 -1
  595. package/dist/components/calcite-tile-select-group.js +1 -1
  596. package/dist/components/calcite-tile-select.js +1 -1
  597. package/dist/components/calcite-tile.js +1 -1
  598. package/dist/components/calcite-time-picker.js +1 -1
  599. package/dist/components/calcite-tip-group.js +1 -1
  600. package/dist/components/calcite-tip-manager.js +1 -1
  601. package/dist/components/calcite-tip.js +1 -1
  602. package/dist/components/calcite-tooltip-manager.js +1 -1
  603. package/dist/components/calcite-tooltip.js +1 -1
  604. package/dist/components/calcite-tree-item.js +1 -1
  605. package/dist/components/calcite-tree.js +1 -1
  606. package/dist/components/calcite-value-list-item.js +1 -1
  607. package/dist/components/calcite-value-list.js +1 -1
  608. package/dist/components/checkbox.js +1 -1
  609. package/dist/components/chip.js +2 -2
  610. package/dist/components/color-picker-hex-input.js +1 -1
  611. package/dist/components/color-picker-swatch.js +1 -1
  612. package/dist/components/conditionalSlot.js +1 -1
  613. package/dist/components/date-picker-day.js +1 -1
  614. package/dist/components/date-picker-month-header.js +1 -1
  615. package/dist/components/date-picker-month.js +1 -1
  616. package/dist/components/date-picker.js +1 -1
  617. package/dist/components/date.js +1 -1
  618. package/dist/components/debounce.js +1 -1
  619. package/dist/components/dom.js +1 -1
  620. package/dist/components/dropdown.js +8 -6
  621. package/dist/components/filter.js +1 -1
  622. package/dist/components/filter2.js +1 -1
  623. package/dist/components/floating-ui.js +4 -2
  624. package/dist/components/form.js +1 -1
  625. package/dist/components/graph.js +1 -1
  626. package/dist/components/guid.js +1 -1
  627. package/dist/components/handle.js +1 -1
  628. package/dist/components/icon.js +1 -1
  629. package/dist/components/index.js +1 -1
  630. package/dist/components/input.js +1 -1
  631. package/dist/components/interactive.js +1 -1
  632. package/dist/components/interfaces.js +1 -1
  633. package/dist/components/interfaces2.js +1 -1
  634. package/dist/components/key.js +1 -1
  635. package/dist/components/label.js +1 -1
  636. package/dist/components/label2.js +1 -1
  637. package/dist/components/link.js +1 -1
  638. package/dist/components/loader.js +1 -1
  639. package/dist/components/locale.js +1 -1
  640. package/dist/components/math.js +1 -1
  641. package/dist/components/observers.js +1 -1
  642. package/dist/components/openCloseComponent.js +1 -1
  643. package/dist/components/panel.js +451 -0
  644. package/dist/components/pick-list-item.js +1 -1
  645. package/dist/components/popover.js +8 -8
  646. package/dist/components/progress.js +1 -1
  647. package/dist/components/resources.js +1 -1
  648. package/dist/components/resources2.js +1 -1
  649. package/dist/components/resources3.js +1 -1
  650. package/dist/components/resources4.js +1 -1
  651. package/dist/components/scrim.js +1 -1
  652. package/dist/components/shared-list-render.js +1 -1
  653. package/dist/components/sortable.esm.js +1 -1
  654. package/dist/components/switch.js +1 -1
  655. package/dist/components/tab-nav.js +1 -1
  656. package/dist/components/tab-title.js +1 -1
  657. package/dist/components/tab.js +1 -1
  658. package/dist/components/tabs.js +1 -1
  659. package/dist/components/tile.js +1 -1
  660. package/dist/components/time-picker.js +1 -1
  661. package/dist/components/utils.js +1 -1
  662. package/dist/components/utils2.js +1 -1
  663. package/dist/custom-elements/index.d.ts +6 -0
  664. package/dist/custom-elements/index.js +714 -517
  665. package/dist/esm/{ExpandToggle-d33b69db.js → ExpandToggle-f1f93ed7.js} +5 -5
  666. package/dist/esm/{Heading-cc745c4a.js → Heading-17772655.js} +2 -2
  667. package/dist/esm/{app-globals-e1c2379e.js → app-globals-fd18e0c0.js} +2 -2
  668. package/dist/esm/{array-51e6fec9.js → array-23601dc0.js} +1 -1
  669. package/dist/esm/calcite-accordion_2.entry.js +13 -11
  670. package/dist/esm/calcite-action-bar.entry.js +11 -11
  671. package/dist/esm/calcite-action-group.entry.js +9 -9
  672. package/dist/esm/calcite-action-menu.entry.js +8 -8
  673. package/dist/esm/calcite-action-pad.entry.js +10 -10
  674. package/dist/esm/calcite-action.entry.js +8 -8
  675. package/dist/esm/calcite-alert.entry.js +7 -7
  676. package/dist/esm/calcite-avatar.entry.js +6 -6
  677. package/dist/esm/calcite-block_2.entry.js +10 -10
  678. package/dist/esm/calcite-button.entry.js +10 -10
  679. package/dist/esm/calcite-card.entry.js +8 -8
  680. package/dist/esm/calcite-checkbox.entry.js +9 -9
  681. package/dist/esm/calcite-chip.entry.js +8 -8
  682. package/dist/esm/calcite-color-picker_3.entry.js +12 -12
  683. package/dist/esm/calcite-combobox_3.entry.js +20 -18
  684. package/dist/esm/calcite-date-picker_4.entry.js +10 -10
  685. package/dist/esm/calcite-dropdown_3.entry.js +17 -15
  686. package/dist/esm/calcite-fab.entry.js +6 -6
  687. package/dist/esm/calcite-filter.entry.js +8 -8
  688. package/dist/esm/calcite-flow-item.entry.js +138 -0
  689. package/dist/esm/calcite-flow.entry.js +33 -33
  690. package/dist/esm/calcite-graph_2.entry.js +11 -11
  691. package/dist/esm/calcite-handle.entry.js +5 -5
  692. package/dist/esm/calcite-icon.entry.js +6 -6
  693. package/dist/esm/calcite-inline-editable.entry.js +8 -8
  694. package/dist/esm/calcite-input-date-picker.entry.js +18 -16
  695. package/dist/esm/calcite-input-message.entry.js +5 -5
  696. package/dist/esm/calcite-input-number.entry.js +12 -12
  697. package/dist/esm/calcite-input-text.entry.js +9 -9
  698. package/dist/esm/calcite-input-time-picker_2.entry.js +10 -10
  699. package/dist/esm/calcite-input.entry.js +12 -12
  700. package/dist/esm/calcite-label.entry.js +6 -6
  701. package/dist/esm/calcite-link.entry.js +6 -6
  702. package/dist/esm/calcite-list_3.entry.js +9 -9
  703. package/dist/esm/calcite-loader.entry.js +3 -3
  704. package/dist/esm/calcite-modal.entry.js +23 -11
  705. package/dist/esm/calcite-notice.entry.js +8 -8
  706. package/dist/esm/calcite-option_3.entry.js +9 -9
  707. package/dist/esm/calcite-pagination.entry.js +5 -5
  708. package/dist/esm/calcite-panel.entry.js +102 -96
  709. package/dist/esm/calcite-pick-list_3.entry.js +12 -12
  710. package/dist/esm/calcite-popover_2.entry.js +17 -17
  711. package/dist/esm/calcite-progress.entry.js +2 -2
  712. package/dist/esm/calcite-radio-button-group.entry.js +3 -3
  713. package/dist/esm/calcite-radio-button.entry.js +9 -9
  714. package/dist/esm/calcite-radio-group_2.entry.js +8 -8
  715. package/dist/esm/calcite-rating.entry.js +9 -9
  716. package/dist/esm/calcite-scrim.entry.js +2 -2
  717. package/dist/esm/calcite-shell_3.entry.js +8 -8
  718. package/dist/esm/calcite-sortable-list.entry.js +5 -5
  719. package/dist/esm/calcite-split-button.entry.js +4 -4
  720. package/dist/esm/calcite-stepper_2.entry.js +6 -6
  721. package/dist/esm/calcite-switch.entry.js +9 -9
  722. package/dist/esm/calcite-tab_4.entry.js +7 -7
  723. package/dist/esm/calcite-tile-select_2.entry.js +4 -4
  724. package/dist/esm/calcite-tile.entry.js +8 -8
  725. package/dist/esm/calcite-tip_3.entry.js +8 -8
  726. package/dist/esm/calcite-tooltip_2.entry.js +6 -6
  727. package/dist/esm/calcite-tree_2.entry.js +7 -7
  728. package/dist/esm/calcite-value-list_2.entry.js +12 -12
  729. package/dist/esm/calcite.js +5 -5
  730. package/dist/esm/{conditionalSlot-d174e645.js → conditionalSlot-e4e51860.js} +3 -3
  731. package/dist/esm/{debounce-97ec2bf5.js → debounce-f443feec.js} +1 -1
  732. package/dist/esm/{dom-ada6955f.js → dom-a8dad893.js} +3 -3
  733. package/dist/esm/{filter-95fc6fc6.js → filter-093821c0.js} +2 -2
  734. package/dist/esm/{floating-ui-1dbb3151.js → floating-ui-26990792.js} +5 -3
  735. package/dist/esm/{form-13f50160.js → form-08fd9bc5.js} +3 -3
  736. package/dist/esm/{guid-a51b25d0.js → guid-b990c4d2.js} +1 -1
  737. package/dist/esm/{index-47008242.js → index-8b5f2ff9.js} +1 -1
  738. package/dist/esm/index.js +1 -1
  739. package/dist/esm/{interactive-d8ae72af.js → interactive-e72598f1.js} +1 -1
  740. package/dist/esm/{interfaces-1d49904b.js → interfaces-58f534e2.js} +1 -1
  741. package/dist/esm/{key-66ffc0a6.js → key-9cbf7b92.js} +1 -1
  742. package/dist/esm/{label-a7ae8219.js → label-cd0fc1fd.js} +2 -2
  743. package/dist/esm/loader.js +5 -5
  744. package/dist/esm/{locale-8929fd51.js → locale-26bd4f96.js} +2 -2
  745. package/dist/esm/{math-be7d2f3b.js → math-519aad80.js} +1 -1
  746. package/dist/esm/{observers-1c28ae12.js → observers-b2199b39.js} +1 -1
  747. package/dist/esm/{openCloseComponent-07a8007c.js → openCloseComponent-6cc92b6d.js} +1 -1
  748. package/dist/esm/{resources-8df5b958.js → resources-08de72a5.js} +3 -3
  749. package/dist/esm/{resources-c467e503.js → resources-0fcef459.js} +1 -1
  750. package/dist/esm/{resources-9480c6af.js → resources-11a525a9.js} +5 -5
  751. package/dist/esm/{resources-47135f28.js → resources-222b83b4.js} +1 -1
  752. package/dist/esm/resources-5784443c.js +46 -0
  753. package/dist/esm/{resources-9edb97ea.js → resources-fcc173ea.js} +1 -1
  754. package/dist/esm/{sortable.esm-41e7c566.js → sortable.esm-b374e5fb.js} +1 -1
  755. package/dist/esm/{utils-535af390.js → utils-e80bf55b.js} +1 -1
  756. package/dist/esm-es5/{ExpandToggle-d33b69db.js → ExpandToggle-f1f93ed7.js} +2 -2
  757. package/dist/esm-es5/{Heading-cc745c4a.js → Heading-17772655.js} +2 -2
  758. package/dist/esm-es5/{app-globals-e1c2379e.js → app-globals-fd18e0c0.js} +2 -2
  759. package/dist/esm-es5/{array-51e6fec9.js → array-23601dc0.js} +1 -1
  760. package/dist/esm-es5/calcite-accordion_2.entry.js +2 -2
  761. package/dist/esm-es5/calcite-action-bar.entry.js +3 -3
  762. package/dist/esm-es5/calcite-action-group.entry.js +2 -2
  763. package/dist/esm-es5/calcite-action-menu.entry.js +2 -2
  764. package/dist/esm-es5/calcite-action-pad.entry.js +2 -2
  765. package/dist/esm-es5/calcite-action.entry.js +3 -3
  766. package/dist/esm-es5/calcite-alert.entry.js +2 -2
  767. package/dist/esm-es5/calcite-avatar.entry.js +2 -2
  768. package/dist/esm-es5/calcite-block_2.entry.js +2 -2
  769. package/dist/esm-es5/calcite-button.entry.js +2 -2
  770. package/dist/esm-es5/calcite-card.entry.js +2 -2
  771. package/dist/esm-es5/calcite-checkbox.entry.js +2 -2
  772. package/dist/esm-es5/calcite-chip.entry.js +3 -3
  773. package/dist/esm-es5/calcite-color-picker_3.entry.js +2 -2
  774. package/dist/esm-es5/calcite-combobox_3.entry.js +2 -2
  775. package/dist/esm-es5/calcite-date-picker_4.entry.js +2 -2
  776. package/dist/esm-es5/calcite-dropdown_3.entry.js +2 -2
  777. package/dist/esm-es5/calcite-fab.entry.js +2 -2
  778. package/dist/esm-es5/calcite-filter.entry.js +2 -2
  779. package/dist/esm-es5/calcite-flow-item.entry.js +6 -0
  780. package/dist/esm-es5/calcite-flow.entry.js +3 -3
  781. package/dist/esm-es5/calcite-graph_2.entry.js +2 -2
  782. package/dist/esm-es5/calcite-handle.entry.js +2 -2
  783. package/dist/esm-es5/calcite-icon.entry.js +2 -2
  784. package/dist/esm-es5/calcite-inline-editable.entry.js +2 -2
  785. package/dist/esm-es5/calcite-input-date-picker.entry.js +2 -2
  786. package/dist/esm-es5/calcite-input-message.entry.js +2 -2
  787. package/dist/esm-es5/calcite-input-number.entry.js +2 -2
  788. package/dist/esm-es5/calcite-input-text.entry.js +2 -2
  789. package/dist/esm-es5/calcite-input-time-picker_2.entry.js +2 -2
  790. package/dist/esm-es5/calcite-input.entry.js +2 -2
  791. package/dist/esm-es5/calcite-label.entry.js +2 -2
  792. package/dist/esm-es5/calcite-link.entry.js +2 -2
  793. package/dist/esm-es5/calcite-list_3.entry.js +2 -2
  794. package/dist/esm-es5/calcite-loader.entry.js +2 -2
  795. package/dist/esm-es5/calcite-modal.entry.js +2 -2
  796. package/dist/esm-es5/calcite-notice.entry.js +2 -2
  797. package/dist/esm-es5/calcite-option_3.entry.js +2 -2
  798. package/dist/esm-es5/calcite-pagination.entry.js +2 -2
  799. package/dist/esm-es5/calcite-panel.entry.js +3 -3
  800. package/dist/esm-es5/calcite-pick-list_3.entry.js +2 -2
  801. package/dist/esm-es5/calcite-popover_2.entry.js +3 -3
  802. package/dist/esm-es5/calcite-progress.entry.js +2 -2
  803. package/dist/esm-es5/calcite-radio-button-group.entry.js +2 -2
  804. package/dist/esm-es5/calcite-radio-button.entry.js +2 -2
  805. package/dist/esm-es5/calcite-radio-group_2.entry.js +2 -2
  806. package/dist/esm-es5/calcite-rating.entry.js +3 -3
  807. package/dist/esm-es5/calcite-scrim.entry.js +2 -2
  808. package/dist/esm-es5/calcite-shell_3.entry.js +2 -2
  809. package/dist/esm-es5/calcite-sortable-list.entry.js +2 -2
  810. package/dist/esm-es5/calcite-split-button.entry.js +2 -2
  811. package/dist/esm-es5/calcite-stepper_2.entry.js +2 -2
  812. package/dist/esm-es5/calcite-switch.entry.js +2 -2
  813. package/dist/esm-es5/calcite-tab_4.entry.js +2 -2
  814. package/dist/esm-es5/calcite-tile-select_2.entry.js +2 -2
  815. package/dist/esm-es5/calcite-tile.entry.js +2 -2
  816. package/dist/esm-es5/calcite-tip_3.entry.js +3 -3
  817. package/dist/esm-es5/calcite-tooltip_2.entry.js +2 -2
  818. package/dist/esm-es5/calcite-tree_2.entry.js +2 -2
  819. package/dist/esm-es5/calcite-value-list_2.entry.js +2 -2
  820. package/dist/esm-es5/calcite.js +2 -2
  821. package/dist/esm-es5/{conditionalSlot-d174e645.js → conditionalSlot-e4e51860.js} +2 -2
  822. package/dist/esm-es5/{debounce-97ec2bf5.js → debounce-f443feec.js} +1 -1
  823. package/dist/esm-es5/{dom-ada6955f.js → dom-a8dad893.js} +2 -2
  824. package/dist/esm-es5/{filter-95fc6fc6.js → filter-093821c0.js} +2 -2
  825. package/dist/esm-es5/{floating-ui-1dbb3151.js → floating-ui-26990792.js} +2 -2
  826. package/dist/esm-es5/{form-13f50160.js → form-08fd9bc5.js} +2 -2
  827. package/dist/esm-es5/{guid-a51b25d0.js → guid-b990c4d2.js} +1 -1
  828. package/dist/esm-es5/{index-47008242.js → index-8b5f2ff9.js} +1 -1
  829. package/dist/esm-es5/index.js +1 -1
  830. package/dist/esm-es5/{interactive-d8ae72af.js → interactive-e72598f1.js} +1 -1
  831. package/dist/esm-es5/{interfaces-1d49904b.js → interfaces-58f534e2.js} +1 -1
  832. package/dist/esm-es5/{key-66ffc0a6.js → key-9cbf7b92.js} +1 -1
  833. package/dist/esm-es5/{label-a7ae8219.js → label-cd0fc1fd.js} +2 -2
  834. package/dist/esm-es5/loader.js +2 -2
  835. package/dist/esm-es5/{locale-8929fd51.js → locale-26bd4f96.js} +2 -2
  836. package/dist/esm-es5/{math-be7d2f3b.js → math-519aad80.js} +1 -1
  837. package/dist/esm-es5/{observers-1c28ae12.js → observers-b2199b39.js} +1 -1
  838. package/dist/esm-es5/{openCloseComponent-07a8007c.js → openCloseComponent-6cc92b6d.js} +1 -1
  839. package/dist/esm-es5/{resources-8df5b958.js → resources-08de72a5.js} +2 -2
  840. package/dist/esm-es5/{resources-c467e503.js → resources-0fcef459.js} +1 -1
  841. package/dist/esm-es5/{resources-9480c6af.js → resources-11a525a9.js} +2 -2
  842. package/dist/esm-es5/{resources-47135f28.js → resources-222b83b4.js} +1 -1
  843. package/dist/esm-es5/resources-5784443c.js +6 -0
  844. package/dist/esm-es5/{resources-9edb97ea.js → resources-fcc173ea.js} +1 -1
  845. package/dist/esm-es5/{sortable.esm-41e7c566.js → sortable.esm-b374e5fb.js} +1 -1
  846. package/dist/esm-es5/{utils-535af390.js → utils-e80bf55b.js} +1 -1
  847. package/dist/extras/docs-json.json +542 -21
  848. package/dist/loader/cdn.js +1 -1
  849. package/dist/loader/index.cjs.js +1 -1
  850. package/dist/loader/index.es2017.js +1 -1
  851. package/dist/loader/index.js +1 -1
  852. package/dist/types/components/accordion/interfaces.d.ts +1 -1
  853. package/dist/types/components/button/interfaces.d.ts +1 -1
  854. package/dist/types/components/color-picker/color-picker.d.ts +1 -1
  855. package/dist/types/components/color-picker/interfaces.d.ts +1 -1
  856. package/dist/types/components/flow/flow.d.ts +8 -8
  857. package/dist/types/components/flow-item/flow-item.d.ts +100 -0
  858. package/dist/types/components/flow-item/resources.d.ts +19 -0
  859. package/dist/types/components/interfaces.d.ts +1 -1
  860. package/dist/types/components/modal/modal.d.ts +6 -0
  861. package/dist/types/components/modal/resources.d.ts +1 -0
  862. package/dist/types/components/panel/panel.d.ts +25 -4
  863. package/dist/types/components/panel/resources.d.ts +0 -4
  864. package/dist/types/components.d.ts +162 -5
  865. package/dist/types/preact.d.ts +4 -0
  866. package/dist/types/utils/floating-ui.d.ts +10 -2
  867. package/hydrate/index.js +755 -517
  868. package/package.json +5 -5
  869. package/readme.md +2 -2
  870. package/dist/calcite/p-01f33421.js +0 -6
  871. package/dist/calcite/p-03dbcd7d.system.entry.js +0 -6
  872. package/dist/calcite/p-0bcceda2.system.entry.js +0 -6
  873. package/dist/calcite/p-127c4501.entry.js +0 -6
  874. package/dist/calcite/p-3a7e9f2e.entry.js +0 -6
  875. package/dist/calcite/p-3cfab2ca.entry.js +0 -6
  876. package/dist/calcite/p-45353e58.system.entry.js +0 -6
  877. package/dist/calcite/p-65506efd.system.entry.js +0 -6
  878. package/dist/calcite/p-68339cba.js +0 -6
  879. package/dist/calcite/p-6fbdf6b8.system.entry.js +0 -6
  880. package/dist/calcite/p-7772682c.entry.js +0 -6
  881. package/dist/calcite/p-7fd192b5.system.entry.js +0 -6
  882. package/dist/calcite/p-853b363e.system.js +0 -6
  883. package/dist/calcite/p-8a93016a.system.entry.js +0 -6
  884. package/dist/calcite/p-90dc377d.entry.js +0 -6
  885. package/dist/calcite/p-936abd8d.system.entry.js +0 -6
  886. package/dist/calcite/p-948a5867.system.entry.js +0 -6
  887. package/dist/calcite/p-9529657d.entry.js +0 -6
  888. package/dist/calcite/p-ba1859b0.entry.js +0 -6
  889. package/dist/calcite/p-bf05225a.entry.js +0 -6
  890. package/dist/calcite/p-c451ce2e.entry.js +0 -6
  891. package/dist/calcite/p-d97dd30a.entry.js +0 -6
  892. package/dist/calcite/p-dc063bce.system.js +0 -6
  893. package/dist/calcite/p-eceed63b.entry.js +0 -6
  894. package/dist/calcite/p-f88777d1.entry.js +0 -6
  895. package/dist/calcite/p-fe158e3f.system.entry.js +0 -6
  896. package/dist/calcite/p-fe656a4f.js +0 -6
package/dist/esm-es5/calcite-block_2.entry.js CHANGED
@@ -1,6 +1,6 @@
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.571
4
+ * v1.0.0-next.574
5
5
  */
6
- import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-47008242.js";import{g as getSlotted,t as toAriaBoolean,a as getElementDir}from"./dom-ada6955f.js";import{H as Heading}from"./Heading-cc745c4a.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-d174e645.js";import{u as updateHostInteraction}from"./interactive-d8ae72af.js";import{g as guid}from"./guid-a51b25d0.js";import{i as isActivationKey}from"./key-66ffc0a6.js";import"./resources-c467e503.js";import"./observers-1c28ae12.js";var CSS$1={article:"article",content:"content",headerContainer:"header-container",icon:"icon",statusIcon:"status-icon",toggle:"toggle",toggleIcon:"toggle-icon",title:"title",heading:"heading",header:"header",button:"button",summary:"summary",description:"description",controlContainer:"control-container",valid:"valid",invalid:"invalid",loading:"loading"};var TEXT$1={collapse:"Collapse",expand:"Expand",loading:"Loading",options:"Options"};var SLOTS={icon:"icon",control:"control",headerMenuActions:"header-menu-actions"};var ICONS$1={opened:"chevron-up",closed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle",refresh:"refresh"};var HEADING_LEVEL=4;var blockCss='@-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}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}: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{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-direction:column;flex-direction:column;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding:0px;-webkit-transition-property:margin;transition-property:margin;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);-ms-flex-preferred-size:auto;flex-basis:auto}: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}.header{-ms-flex-pack:start;justify-content:flex-start;padding:0px}.header,.toggle{grid-area:header}.header-container{display:grid;-ms-flex-align:stretch;align-items:stretch;grid-template:auto/auto 1fr auto auto;grid-template-areas:"handle header control menu";grid-column:header-start/menu-end;grid-row:1/2}.toggle{margin:0px;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;border-style:none;padding:0px;font-family:inherit;outline-color:transparent;text-align:initial;background-color:transparent}.toggle:hover{background-color:var(--calcite-ui-foreground-2)}.toggle:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}calcite-loader[inline]{grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0px;padding:0.75rem}.header .title .heading{padding:0px;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-ui-text-2);-webkit-transition-property:color;transition-property:color;-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);word-wrap:break-word;word-break:break-word}.description{-webkit-margin-before:0.125rem;margin-block-start:0.125rem;padding:0px;font-size:var(--calcite-font-size--2);color:var(--calcite-ui-text-3);word-wrap:break-word;word-break:break-word}.icon{-webkit-margin-start:0.75rem;margin-inline-start:0.75rem;-webkit-margin-end:0px;margin-inline-end:0px;margin-block:0.75rem}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}.status-icon.loading{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.toggle-icon{margin-block:0.75rem;-ms-flex-item-align:center;align-self:center;justify-self:end;color:var(--calcite-ui-text-3);-webkit-transition-property:color;transition-property:color;-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:1rem;margin-inline-end:1rem;-webkit-margin-start:auto;margin-inline-start:auto}.toggle:hover .toggle-icon{color:var(--calcite-ui-text-1)}.content{position:relative}@keyframes in{0%{opacity:0}100%{opacity:1}}.content{-webkit-animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in var(--calcite-internal-animation-timing-slow) ease-in-out}.content--spaced{padding-block:var(--calcite-block-padding, 0.5rem);padding-inline:var(--calcite-block-padding, 0.625rem)}.control-container{margin:0px;display:-ms-flexbox;display:flex;grid-area:control}calcite-action-menu{grid-area:menu}:host([open]){margin-block:0.5rem}:host([open]) .header .title .heading{color:var(--calcite-ui-text-1)}';var Block=function(){function t(t){var e=this;registerInstance(this,t);this.calciteBlockToggle=createEvent(this,"calciteBlockToggle",6);this.collapsible=false;this.disabled=false;this.dragHandle=false;this.intlCollapse=TEXT$1.collapse;this.intlExpand=TEXT$1.expand;this.intlLoading=TEXT$1.loading;this.intlOptions=TEXT$1.options;this.loading=false;this.open=false;this.disablePadding=false;this.guid=guid();this.onHeaderClick=function(){e.open=!e.open;e.calciteBlockToggle.emit()}}t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.renderScrim=function(){var t=this.loading;var e=h("slot",null);return[t?h("calcite-scrim",{loading:t}):null,e]};t.prototype.renderIcon=function(){var t;var e=this,i=e.el,a=e.status;var n=this.loading&&!this.open;var o=n?ICONS$1.refresh:ICONS$1[a];var r=getSlotted(i,SLOTS.icon)||o;var l=!o?h("slot",{key:"icon-slot",name:SLOTS.icon}):h("calcite-icon",{class:(t={},t[CSS$1.statusIcon]=true,t[CSS$1.valid]=a=="valid",t[CSS$1.invalid]=a=="invalid",t[CSS$1.loading]=n,t),icon:o,scale:"m"});return r?h("div",{class:CSS$1.icon},l):null};t.prototype.renderTitle=function(){var t=this,e=t.heading,i=t.headingLevel,a=t.summary,n=t.description;return e||a||n?h("div",{class:CSS$1.title},h(Heading,{class:CSS$1.heading,level:i||HEADING_LEVEL},e),a||n?h("div",{class:CSS$1.description},a||n):null):null};t.prototype.render=function(){var t;var e=this,i=e.collapsible,a=e.el,n=e.intlCollapse,o=e.intlExpand,r=e.loading,l=e.open,c=e.intlLoading;var s=l?n||TEXT$1.collapse:o||TEXT$1.expand;var d=h("header",{class:CSS$1.header},this.renderIcon(),this.renderTitle());var m=!!getSlotted(a,SLOTS.control);var g=!!getSlotted(a,SLOTS.headerMenuActions);var p=l?ICONS$1.opened:ICONS$1.closed;var u=this.guid;var f="".concat(u,"-region");var b="".concat(u,"-button");var k=h("div",{class:CSS$1.headerContainer},this.dragHandle?h("calcite-handle",null):null,i?h("button",{"aria-controls":f,"aria-expanded":i?toAriaBoolean(l):null,"aria-label":s,class:CSS$1.toggle,id:b,onClick:this.onHeaderClick,title:s},d,!m&&!g?h("calcite-icon",{"aria-hidden":"true",class:CSS$1.toggleIcon,icon:p,scale:"s"}):null):d,r?h("calcite-loader",{inline:true,"is-active":true,label:c}):m?h("div",{class:CSS$1.controlContainer},h("slot",{name:SLOTS.control})):null,g?h("calcite-action-menu",{label:this.intlOptions||TEXT$1.options},h("slot",{name:SLOTS.headerMenuActions})):null);return h(Host,null,h("article",{"aria-busy":toAriaBoolean(r),class:(t={},t[CSS$1.article]=true,t)},k,h("section",{"aria-expanded":toAriaBoolean(l),"aria-labelledby":b,class:{content:true,"content--spaced":!this.disablePadding},hidden:!l,id:f},this.renderScrim())))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Block.style=blockCss;var CSS={content:"content",invalid:"invalid",toggle:"toggle",toggleSwitch:"toggle--switch",toggleSwitchContent:"toggle--switch__content",toggleSwitchText:"toggle--switch__text",sectionHeader:"section-header",sectionHeaderText:"section-header__text",statusIcon:"status-icon",valid:"valid"};var TEXT={collapse:"Collapse",expand:"Expand"};var ICONS={menuOpen:"chevron-down",menuClosedLeft:"chevron-left",menuClosedRight:"chevron-right",valid:"check-circle",invalid:"exclamation-mark-triangle"};var blockSectionCss="@-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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}:host([open]){border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-ui-border-3)}:host(:last-child){border-block-end-width:0px}.toggle{inline-size:100%;border-width:0px;background-color:transparent;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}.toggle--switch,.section-header{margin-inline:0px;margin-block:0.25rem;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;padding-inline:0px;padding-block:0.5rem;font-size:var(--calcite-font-size--1);outline-color:transparent}.toggle--switch:focus,.section-header:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.toggle--switch:hover,.section-header:hover{color:var(--calcite-ui-text-1)}.section-header .status-icon{-ms-flex-item-align:end;align-self:flex-end}.section-header__text{margin-inline:0.75rem;margin-block:0px;-ms-flex:1 1 auto;flex:1 1 auto;text-align:initial;word-wrap:anywhere}.toggle--switch calcite-switch{pointer-events:none;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.toggle--switch .status-icon{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.toggle--switch__content{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:center;align-items:center}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}";var BlockSection=function(){function t(t){var e=this;registerInstance(this,t);this.calciteBlockSectionToggle=createEvent(this,"calciteBlockSectionToggle",6);this.open=false;this.toggleDisplay="button";this.guid=guid();this.handleHeaderKeyDown=function(t){if(isActivationKey(t.key)){e.toggleSection();t.preventDefault();t.stopPropagation()}};this.toggleSection=function(){e.open=!e.open;e.calciteBlockSectionToggle.emit()}}t.prototype.renderStatusIcon=function(){var t;var e;var i=this.status;var a=(e=ICONS[i])!==null&&e!==void 0?e:false;var n=(t={},t[CSS.statusIcon]=true,t[CSS.valid]=i=="valid",t[CSS.invalid]=i=="invalid",t);return!!a?h("calcite-icon",{class:n,icon:a,scale:"s"}):null};t.prototype.render=function(){var t,e;var i=this,a=i.el,n=i.intlCollapse,o=i.intlExpand,r=i.open,l=i.text,c=i.toggleDisplay;var s=getElementDir(a);var d=r?ICONS.menuOpen:s==="rtl"?ICONS.menuClosedLeft:ICONS.menuClosedRight;var m=r?n||TEXT.collapse:o||TEXT.expand;var g=this.guid;var p="".concat(g,"-region");var u="".concat(g,"-button");var f=c==="switch"?h("div",{"aria-controls":p,"aria-label":m,class:(t={},t[CSS.toggle]=true,t[CSS.toggleSwitch]=true,t),id:u,onClick:this.toggleSection,onKeyDown:this.handleHeaderKeyDown,tabIndex:0,title:m},h("div",{class:CSS.toggleSwitchContent},h("span",{class:CSS.toggleSwitchText},l)),h("calcite-switch",{checked:r,label:m,scale:"s",tabIndex:-1}),this.renderStatusIcon()):h("button",{"aria-controls":p,"aria-label":m,class:(e={},e[CSS.sectionHeader]=true,e[CSS.toggle]=true,e),id:u,name:m,onClick:this.toggleSection},h("calcite-icon",{icon:d,scale:"s"}),h("span",{class:CSS.sectionHeaderText},l),this.renderStatusIcon());return h(Host,null,f,h("section",{"aria-expanded":toAriaBoolean(r),"aria-labelledby":u,class:CSS.content,hidden:!r,id:p},h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();BlockSection.style=blockSectionCss;export{Block as calcite_block,BlockSection as calcite_block_section};
6
+ import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8b5f2ff9.js";import{g as getSlotted,t as toAriaBoolean,a as getElementDir}from"./dom-a8dad893.js";import{H as Heading}from"./Heading-17772655.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-e4e51860.js";import{u as updateHostInteraction}from"./interactive-e72598f1.js";import{g as guid}from"./guid-b990c4d2.js";import{i as isActivationKey}from"./key-9cbf7b92.js";import"./resources-0fcef459.js";import"./observers-b2199b39.js";var CSS$1={article:"article",content:"content",headerContainer:"header-container",icon:"icon",statusIcon:"status-icon",toggle:"toggle",toggleIcon:"toggle-icon",title:"title",heading:"heading",header:"header",button:"button",summary:"summary",description:"description",controlContainer:"control-container",valid:"valid",invalid:"invalid",loading:"loading"};var TEXT$1={collapse:"Collapse",expand:"Expand",loading:"Loading",options:"Options"};var SLOTS={icon:"icon",control:"control",headerMenuActions:"header-menu-actions"};var ICONS$1={opened:"chevron-up",closed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle",refresh:"refresh"};var HEADING_LEVEL=4;var blockCss='@-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}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}: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{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-direction:column;flex-direction:column;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding:0px;-webkit-transition-property:margin;transition-property:margin;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);-ms-flex-preferred-size:auto;flex-basis:auto}: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}.header{-ms-flex-pack:start;justify-content:flex-start;padding:0px}.header,.toggle{grid-area:header}.header-container{display:grid;-ms-flex-align:stretch;align-items:stretch;grid-template:auto/auto 1fr auto auto;grid-template-areas:"handle header control menu";grid-column:header-start/menu-end;grid-row:1/2}.toggle{margin:0px;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;border-style:none;padding:0px;font-family:inherit;outline-color:transparent;text-align:initial;background-color:transparent}.toggle:hover{background-color:var(--calcite-ui-foreground-2)}.toggle:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}calcite-loader[inline]{grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0px;padding:0.75rem}.header .title .heading{padding:0px;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-ui-text-2);-webkit-transition-property:color;transition-property:color;-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);word-wrap:break-word;word-break:break-word}.description{-webkit-margin-before:0.125rem;margin-block-start:0.125rem;padding:0px;font-size:var(--calcite-font-size--2);color:var(--calcite-ui-text-3);word-wrap:break-word;word-break:break-word}.icon{-webkit-margin-start:0.75rem;margin-inline-start:0.75rem;-webkit-margin-end:0px;margin-inline-end:0px;margin-block:0.75rem}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}.status-icon.loading{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.toggle-icon{margin-block:0.75rem;-ms-flex-item-align:center;align-self:center;justify-self:end;color:var(--calcite-ui-text-3);-webkit-transition-property:color;transition-property:color;-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:1rem;margin-inline-end:1rem;-webkit-margin-start:auto;margin-inline-start:auto}.toggle:hover .toggle-icon{color:var(--calcite-ui-text-1)}.content{position:relative}@keyframes in{0%{opacity:0}100%{opacity:1}}.content{-webkit-animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in var(--calcite-internal-animation-timing-slow) ease-in-out}.content--spaced{padding-block:var(--calcite-block-padding, 0.5rem);padding-inline:var(--calcite-block-padding, 0.625rem)}.control-container{margin:0px;display:-ms-flexbox;display:flex;grid-area:control}calcite-action-menu{grid-area:menu}:host([open]){margin-block:0.5rem}:host([open]) .header .title .heading{color:var(--calcite-ui-text-1)}';var Block=function(){function t(t){var e=this;registerInstance(this,t);this.calciteBlockToggle=createEvent(this,"calciteBlockToggle",6);this.collapsible=false;this.disabled=false;this.dragHandle=false;this.intlCollapse=TEXT$1.collapse;this.intlExpand=TEXT$1.expand;this.intlLoading=TEXT$1.loading;this.intlOptions=TEXT$1.options;this.loading=false;this.open=false;this.disablePadding=false;this.guid=guid();this.onHeaderClick=function(){e.open=!e.open;e.calciteBlockToggle.emit()}}t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.renderScrim=function(){var t=this.loading;var e=h("slot",null);return[t?h("calcite-scrim",{loading:t}):null,e]};t.prototype.renderIcon=function(){var t;var e=this,i=e.el,a=e.status;var n=this.loading&&!this.open;var o=n?ICONS$1.refresh:ICONS$1[a];var r=getSlotted(i,SLOTS.icon)||o;var l=!o?h("slot",{key:"icon-slot",name:SLOTS.icon}):h("calcite-icon",{class:(t={},t[CSS$1.statusIcon]=true,t[CSS$1.valid]=a=="valid",t[CSS$1.invalid]=a=="invalid",t[CSS$1.loading]=n,t),icon:o,scale:"m"});return r?h("div",{class:CSS$1.icon},l):null};t.prototype.renderTitle=function(){var t=this,e=t.heading,i=t.headingLevel,a=t.summary,n=t.description;return e||a||n?h("div",{class:CSS$1.title},h(Heading,{class:CSS$1.heading,level:i||HEADING_LEVEL},e),a||n?h("div",{class:CSS$1.description},a||n):null):null};t.prototype.render=function(){var t;var e=this,i=e.collapsible,a=e.el,n=e.intlCollapse,o=e.intlExpand,r=e.loading,l=e.open,c=e.intlLoading;var s=l?n||TEXT$1.collapse:o||TEXT$1.expand;var d=h("header",{class:CSS$1.header},this.renderIcon(),this.renderTitle());var m=!!getSlotted(a,SLOTS.control);var g=!!getSlotted(a,SLOTS.headerMenuActions);var p=l?ICONS$1.opened:ICONS$1.closed;var u=this.guid;var f="".concat(u,"-region");var b="".concat(u,"-button");var k=h("div",{class:CSS$1.headerContainer},this.dragHandle?h("calcite-handle",null):null,i?h("button",{"aria-controls":f,"aria-expanded":i?toAriaBoolean(l):null,"aria-label":s,class:CSS$1.toggle,id:b,onClick:this.onHeaderClick,title:s},d,!m&&!g?h("calcite-icon",{"aria-hidden":"true",class:CSS$1.toggleIcon,icon:p,scale:"s"}):null):d,r?h("calcite-loader",{inline:true,"is-active":true,label:c}):m?h("div",{class:CSS$1.controlContainer},h("slot",{name:SLOTS.control})):null,g?h("calcite-action-menu",{label:this.intlOptions||TEXT$1.options},h("slot",{name:SLOTS.headerMenuActions})):null);return h(Host,null,h("article",{"aria-busy":toAriaBoolean(r),class:(t={},t[CSS$1.article]=true,t)},k,h("section",{"aria-expanded":toAriaBoolean(l),"aria-labelledby":b,class:{content:true,"content--spaced":!this.disablePadding},hidden:!l,id:f},this.renderScrim())))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Block.style=blockCss;var CSS={content:"content",invalid:"invalid",toggle:"toggle",toggleSwitch:"toggle--switch",toggleSwitchContent:"toggle--switch__content",toggleSwitchText:"toggle--switch__text",sectionHeader:"section-header",sectionHeaderText:"section-header__text",statusIcon:"status-icon",valid:"valid"};var TEXT={collapse:"Collapse",expand:"Expand"};var ICONS={menuOpen:"chevron-down",menuClosedLeft:"chevron-left",menuClosedRight:"chevron-right",valid:"check-circle",invalid:"exclamation-mark-triangle"};var blockSectionCss="@-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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}:host([open]){border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-ui-border-3)}:host(:last-child){border-block-end-width:0px}.toggle{inline-size:100%;border-width:0px;background-color:transparent;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}.toggle--switch,.section-header{margin-inline:0px;margin-block:0.25rem;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;padding-inline:0px;padding-block:0.5rem;font-size:var(--calcite-font-size--1);outline-color:transparent}.toggle--switch:focus,.section-header:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.toggle--switch:hover,.section-header:hover{color:var(--calcite-ui-text-1)}.section-header .status-icon{-ms-flex-item-align:end;align-self:flex-end}.section-header__text{margin-inline:0.75rem;margin-block:0px;-ms-flex:1 1 auto;flex:1 1 auto;text-align:initial;word-wrap:anywhere}.toggle--switch calcite-switch{pointer-events:none;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.toggle--switch .status-icon{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.toggle--switch__content{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:center;align-items:center}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}";var BlockSection=function(){function t(t){var e=this;registerInstance(this,t);this.calciteBlockSectionToggle=createEvent(this,"calciteBlockSectionToggle",6);this.open=false;this.toggleDisplay="button";this.guid=guid();this.handleHeaderKeyDown=function(t){if(isActivationKey(t.key)){e.toggleSection();t.preventDefault();t.stopPropagation()}};this.toggleSection=function(){e.open=!e.open;e.calciteBlockSectionToggle.emit()}}t.prototype.renderStatusIcon=function(){var t;var e;var i=this.status;var a=(e=ICONS[i])!==null&&e!==void 0?e:false;var n=(t={},t[CSS.statusIcon]=true,t[CSS.valid]=i=="valid",t[CSS.invalid]=i=="invalid",t);return!!a?h("calcite-icon",{class:n,icon:a,scale:"s"}):null};t.prototype.render=function(){var t,e;var i=this,a=i.el,n=i.intlCollapse,o=i.intlExpand,r=i.open,l=i.text,c=i.toggleDisplay;var s=getElementDir(a);var d=r?ICONS.menuOpen:s==="rtl"?ICONS.menuClosedLeft:ICONS.menuClosedRight;var m=r?n||TEXT.collapse:o||TEXT.expand;var g=this.guid;var p="".concat(g,"-region");var u="".concat(g,"-button");var f=c==="switch"?h("div",{"aria-controls":p,"aria-label":m,class:(t={},t[CSS.toggle]=true,t[CSS.toggleSwitch]=true,t),id:u,onClick:this.toggleSection,onKeyDown:this.handleHeaderKeyDown,tabIndex:0,title:m},h("div",{class:CSS.toggleSwitchContent},h("span",{class:CSS.toggleSwitchText},l)),h("calcite-switch",{checked:r,label:m,scale:"s",tabIndex:-1}),this.renderStatusIcon()):h("button",{"aria-controls":p,"aria-label":m,class:(e={},e[CSS.sectionHeader]=true,e[CSS.toggle]=true,e),id:u,name:m,onClick:this.toggleSection},h("calcite-icon",{icon:d,scale:"s"}),h("span",{class:CSS.sectionHeaderText},l),this.renderStatusIcon());return h(Host,null,f,h("section",{"aria-expanded":toAriaBoolean(r),"aria-labelledby":u,class:CSS.content,hidden:!r,id:p},h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();BlockSection.style=blockSectionCss;export{Block as calcite_block,BlockSection as calcite_block_section};
package/dist/esm-es5/calcite-button.entry.js CHANGED
@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(t,e,a,o){function n(t){return t ins
2
2
  /*!
3
3
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
4
4
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
5
- * v1.0.0-next.571
6
- */import{r as registerInstance,h,g as getElement}from"./index-47008242.js";import{c as closestElementCrossShadowBoundary}from"./dom-ada6955f.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-a7ae8219.js";import{c as createObserver}from"./observers-1c28ae12.js";import{u as updateHostInteraction}from"./interactive-d8ae72af.js";import{s as submitForm,r as resetForm}from"./form-13f50160.js";import"./resources-c467e503.js";import"./guid-a51b25d0.js";(function(t){if(typeof t.requestSubmit=="function")return;t.requestSubmit=function(t){if(t){e(t,this);t.click()}else{t=document.createElement("input");t.type="submit";t.hidden=true;this.appendChild(t);t.click();this.removeChild(t)}};function e(t,e){t instanceof HTMLElement||a(TypeError,"parameter 1 is not of type 'HTMLElement'");t.type=="submit"||a(TypeError,"The specified element is not a submit button");t.form==e||a(DOMException,"The specified element is not owned by this form element","NotFoundError")}function a(t,e,a){throw new t("Failed to execute 'requestSubmit' on 'HTMLFormElement': "+e+".",a)}})(HTMLFormElement.prototype);var CSS={buttonLoader:"calcite-button--loader",content:"content",contentSlotted:"content--slotted",icon:"icon",iconStart:"icon--start",iconEnd:"icon--end",loadingIn:"loading-in",loadingOut:"loading-out",iconStartEmpty:"icon-start-empty",iconEndEmpty:"icon-end-empty"};var TEXT={loading:"Loading"};var 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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}: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{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]) ::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}";var Button=function(){function t(t){var e=this;registerInstance(this,t);this.alignment="center";this.appearance="solid";this.color="blue";this.disabled=false;this.intlLoading=TEXT.loading;this.loading=false;this.round=false;this.scale="m";this.splitChild=false;this.type="button";this.width="auto";this.mutationObserver=createObserver("mutation",(function(){return e.updateHasContent()}));this.hasContent=false;this.hasLoader=false;this.handleClick=function(){var t=e.type;if(e.href){return}if(t==="submit"){submitForm(e)}else if(t==="reset"){resetForm(e)}}}t.prototype.loadingChanged=function(t,e){var a=this;if(!!t&&!e){this.hasLoader=true}if(!t&&!!e){window.setTimeout((function(){a.hasLoader=false}),300)}};t.prototype.connectedCallback=function(){this.hasLoader=this.loading;this.setupTextContentObserver();connectLabel(this);this.formEl=closestElementCrossShadowBoundary(this.el,this.form?"#".concat(this.form):"form")};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();disconnectLabel(this);this.formEl=null};t.prototype.componentWillLoad=function(){{this.updateHasContent()}};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){var t,e,a;var o=this;var n=this.href?"a":"button";var r=n;var i=this.hasLoader?h("div",{class:CSS.buttonLoader},h("calcite-loader",{active:true,class:this.loading?CSS.loadingIn:CSS.loadingOut,inline:true,label:this.intlLoading,scale:"m"})):null;var c=h("calcite-icon",{class:(t={},t[CSS.icon]=true,t[CSS.iconStart]=true,t),flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});var l=h("calcite-icon",{class:(e={},e[CSS.icon]=true,e[CSS.iconEnd]=true,e),flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});var s=h("span",{class:CSS.content},h("slot",null));return h(r,{"aria-label":getLabelText(this),class:(a={},a[CSS.contentSlotted]=this.hasContent,a[CSS.iconStartEmpty]=!this.iconStart,a[CSS.iconEndEmpty]=!this.iconEnd,a),disabled:this.disabled||this.loading,href:n==="a"&&this.href,name:n==="button"&&this.name,onClick:this.handleClick,ref:function(t){return o.childEl=t},rel:n==="a"&&this.rel,tabIndex:this.disabled||this.loading?-1:null,target:n==="a"&&this.target,type:n==="button"&&this.type},i,this.iconStart?c:null,this.hasContent?s:null,this.iconEnd?l:null)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.childEl)===null||t===void 0?void 0:t.focus();return[2]}))}))};t.prototype.updateHasContent=function(){var t,e;var a=this.el.textContent.trim().length>0||this.el.childNodes.length>0;this.hasContent=this.el.childNodes.length===1&&((t=this.el.childNodes[0])===null||t===void 0?void 0:t.nodeName)==="#text"?((e=this.el.textContent)===null||e===void 0?void 0:e.trim().length)>0:a};t.prototype.setupTextContentObserver=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true})};t.prototype.onLabelClick=function(){this.handleClick();this.setFocus()};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{loading:["loadingChanged"]}},enumerable:false,configurable:true});return t}();Button.style=buttonCss;export{Button as calcite_button};
5
+ * v1.0.0-next.574
6
+ */import{r as registerInstance,h,g as getElement}from"./index-8b5f2ff9.js";import{c as closestElementCrossShadowBoundary}from"./dom-a8dad893.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-cd0fc1fd.js";import{c as createObserver}from"./observers-b2199b39.js";import{u as updateHostInteraction}from"./interactive-e72598f1.js";import{s as submitForm,r as resetForm}from"./form-08fd9bc5.js";import"./resources-0fcef459.js";import"./guid-b990c4d2.js";(function(t){if(typeof t.requestSubmit=="function")return;t.requestSubmit=function(t){if(t){e(t,this);t.click()}else{t=document.createElement("input");t.type="submit";t.hidden=true;this.appendChild(t);t.click();this.removeChild(t)}};function e(t,e){t instanceof HTMLElement||a(TypeError,"parameter 1 is not of type 'HTMLElement'");t.type=="submit"||a(TypeError,"The specified element is not a submit button");t.form==e||a(DOMException,"The specified element is not owned by this form element","NotFoundError")}function a(t,e,a){throw new t("Failed to execute 'requestSubmit' on 'HTMLFormElement': "+e+".",a)}})(HTMLFormElement.prototype);var CSS={buttonLoader:"calcite-button--loader",content:"content",contentSlotted:"content--slotted",icon:"icon",iconStart:"icon--start",iconEnd:"icon--end",loadingIn:"loading-in",loadingOut:"loading-out",iconStartEmpty:"icon-start-empty",iconEndEmpty:"icon-end-empty"};var TEXT={loading:"Loading"};var 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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}: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{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]) ::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([color=blue]) button,:host([color=blue]) a{background-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-inverse)}:host([color=blue]) button:hover,:host([color=blue]) button:focus,:host([color=blue]) a:hover,:host([color=blue]) a:focus{background-color:var(--calcite-ui-brand-hover)}:host([color=blue]) button:active,:host([color=blue]) a:active{background-color:var(--calcite-ui-brand-press)}:host([color=blue]) button calcite-loader,:host([color=blue]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([color=red]) button,:host([color=red]) a{background-color:var(--calcite-ui-danger);color:var(--calcite-ui-text-inverse)}:host([color=red]) button:hover,:host([color=red]) button:focus,:host([color=red]) a:hover,:host([color=red]) a:focus{background-color:var(--calcite-ui-danger-hover)}:host([color=red]) button:active,:host([color=red]) a:active{background-color:var(--calcite-ui-danger-press)}:host([color=red]) button calcite-loader,:host([color=red]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([color=neutral]) button,:host([color=neutral]) a{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}:host([color=neutral]) button:hover,:host([color=neutral]) button:focus,:host([color=neutral]) a:hover,:host([color=neutral]) a:focus{background-color:var(--calcite-ui-foreground-2)}:host([color=neutral]) button:active,:host([color=neutral]) a:active{background-color:var(--calcite-ui-foreground-1)}:host([color=neutral]) button calcite-loader,:host([color=neutral]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([color=inverse]) button,:host([color=inverse]) a{color:var(--calcite-ui-text-inverse);background-color:var(--calcite-ui-inverse)}:host([color=inverse]) button:hover,:host([color=inverse]) button:focus,:host([color=inverse]) a:hover,:host([color=inverse]) a:focus{background-color:var(--calcite-ui-inverse-hover)}:host([color=inverse]) button:active,:host([color=inverse]) a:active{background-color:var(--calcite-ui-inverse-press)}:host([color=inverse]) button calcite-loader,:host([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);background-color:var(--calcite-ui-foreground-1);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);background-color:var(--calcite-ui-foreground-1);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{background-color:var(--calcite-ui-foreground-1);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{background-color:var(--calcite-ui-foreground-1);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,:host([appearance=minimal]) button,:host([appearance=minimal]) 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,:host([appearance=minimal][color=blue]) button,:host([appearance=minimal][color=blue]) a{border-color:var(--calcite-ui-brand);background-color:transparent;color:var(--calcite-ui-brand)}:host([appearance=clear][color=blue]) button:hover,:host([appearance=clear][color=blue]) a:hover,:host([appearance=minimal][color=blue]) button:hover,:host([appearance=minimal][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,:host([appearance=minimal][color=blue]) button:focus,:host([appearance=minimal][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,:host([appearance=minimal][color=blue]) button:active,:host([appearance=minimal][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,:host([appearance=minimal][color=blue]) button calcite-loader,:host([appearance=minimal][color=blue]) a calcite-loader{color:var(--calcite-ui-brand)}:host([appearance=clear][color=red]) button,:host([appearance=clear][color=red]) a,:host([appearance=minimal][color=red]) button,:host([appearance=minimal][color=red]) a{border-color:var(--calcite-ui-danger);background-color:transparent;color:var(--calcite-ui-danger)}:host([appearance=clear][color=red]) button:hover,:host([appearance=clear][color=red]) a:hover,:host([appearance=minimal][color=red]) button:hover,:host([appearance=minimal][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,:host([appearance=minimal][color=red]) button:focus,:host([appearance=minimal][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,:host([appearance=minimal][color=red]) button:active,:host([appearance=minimal][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,:host([appearance=minimal][color=red]) button calcite-loader,:host([appearance=minimal][color=red]) a calcite-loader{color:var(--calcite-ui-danger)}:host([appearance=clear][color=neutral]) button,:host([appearance=clear][color=neutral]) a,:host([appearance=minimal][color=neutral]) button,:host([appearance=minimal][color=neutral]) a{background-color:transparent;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,:host([appearance=minimal][color=neutral]) button:hover,:host([appearance=minimal][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,:host([appearance=minimal][color=neutral]) button:focus,:host([appearance=minimal][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,:host([appearance=minimal][color=neutral]) button:active,:host([appearance=minimal][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,:host([appearance=minimal][color=neutral]) button calcite-loader,:host([appearance=minimal][color=neutral]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=clear][color=inverse]) button,:host([appearance=clear][color=inverse]) a,:host([appearance=minimal][color=inverse]) button,:host([appearance=minimal][color=inverse]) a{background-color:transparent;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,:host([appearance=minimal][color=inverse]) button:hover,:host([appearance=minimal][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,:host([appearance=minimal][color=inverse]) button:focus,:host([appearance=minimal][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,:host([appearance=minimal][color=inverse]) button:active,:host([appearance=minimal][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,:host([appearance=minimal][color=inverse]) button calcite-loader,:host([appearance=minimal][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,:host([appearance=minimal][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,:host([appearance=minimal][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}";var Button=function(){function t(t){var e=this;registerInstance(this,t);this.alignment="center";this.appearance="solid";this.color="blue";this.disabled=false;this.intlLoading=TEXT.loading;this.loading=false;this.round=false;this.scale="m";this.splitChild=false;this.type="button";this.width="auto";this.mutationObserver=createObserver("mutation",(function(){return e.updateHasContent()}));this.hasContent=false;this.hasLoader=false;this.handleClick=function(){var t=e.type;if(e.href){return}if(t==="submit"){submitForm(e)}else if(t==="reset"){resetForm(e)}}}t.prototype.loadingChanged=function(t,e){var a=this;if(!!t&&!e){this.hasLoader=true}if(!t&&!!e){window.setTimeout((function(){a.hasLoader=false}),300)}};t.prototype.connectedCallback=function(){this.hasLoader=this.loading;this.setupTextContentObserver();connectLabel(this);this.formEl=closestElementCrossShadowBoundary(this.el,this.form?"#".concat(this.form):"form")};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();disconnectLabel(this);this.formEl=null};t.prototype.componentWillLoad=function(){{this.updateHasContent()}};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){var t,e,a;var o=this;var n=this.href?"a":"button";var r=n;var i=this.hasLoader?h("div",{class:CSS.buttonLoader},h("calcite-loader",{active:true,class:this.loading?CSS.loadingIn:CSS.loadingOut,inline:true,label:this.intlLoading,scale:"m"})):null;var c=h("calcite-icon",{class:(t={},t[CSS.icon]=true,t[CSS.iconStart]=true,t),flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});var l=h("calcite-icon",{class:(e={},e[CSS.icon]=true,e[CSS.iconEnd]=true,e),flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});var s=h("span",{class:CSS.content},h("slot",null));return h(r,{"aria-label":getLabelText(this),class:(a={},a[CSS.contentSlotted]=this.hasContent,a[CSS.iconStartEmpty]=!this.iconStart,a[CSS.iconEndEmpty]=!this.iconEnd,a),disabled:this.disabled||this.loading,href:n==="a"&&this.href,name:n==="button"&&this.name,onClick:this.handleClick,ref:function(t){return o.childEl=t},rel:n==="a"&&this.rel,tabIndex:this.disabled||this.loading?-1:null,target:n==="a"&&this.target,type:n==="button"&&this.type},i,this.iconStart?c:null,this.hasContent?s:null,this.iconEnd?l:null)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.childEl)===null||t===void 0?void 0:t.focus();return[2]}))}))};t.prototype.updateHasContent=function(){var t,e;var a=this.el.textContent.trim().length>0||this.el.childNodes.length>0;this.hasContent=this.el.childNodes.length===1&&((t=this.el.childNodes[0])===null||t===void 0?void 0:t.nodeName)==="#text"?((e=this.el.textContent)===null||e===void 0?void 0:e.trim().length)>0:a};t.prototype.setupTextContentObserver=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true})};t.prototype.onLabelClick=function(){this.handleClick();this.setFocus()};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{loading:["loadingChanged"]}},enumerable:false,configurable:true});return t}();Button.style=buttonCss;export{Button as calcite_button};
package/dist/esm-es5/calcite-card.entry.js CHANGED
@@ -1,6 +1,6 @@
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.571
4
+ * v1.0.0-next.574
5
5
  */
6
- import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-47008242.js";import{t as toAriaBoolean,g as getSlotted}from"./dom-ada6955f.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-d174e645.js";import"./resources-c467e503.js";import"./guid-a51b25d0.js";import"./observers-1c28ae12.js";var CSS={container:"container",header:"header",footer:"footer",title:"title",subtitle:"subtitle",checkboxWrapper:"checkbox-wrapper",thumbnailWrapper:"thumbnail-wrapper"};var SLOTS={thumbnail:"thumbnail",title:"title",subtitle:"subtitle",footerLeading:"footer-leading",footerTrailing:"footer-trailing"};var TEXT={select:"Select",deselect:"Deselect",loading:"Loading"};var cardCss="@-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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;max-inline-size:100%}:host .calcite-card-container{position:relative;display:-ms-flexbox;display:flex;block-size:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-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);-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);border-radius:var(--calcite-border-radius-base)}:host .calcite-card-container:hover{z-index:1;--tw-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.08), 0 2px 8px 0 rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 16px 0 var(--tw-shadow-color), 0 2px 8px 0 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)}:host .calcite-card-container:active{z-index:1;--tw-shadow:0 1px 6px -1px rgba(0, 0, 0, 0.16), 0 1px 2px -1px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 1px 6px -1px var(--tw-shadow-color), 0 1px 2px -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);-webkit-transition-duration:75ms;transition-duration:75ms}.container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column}:host([loading]) .calcite-card-container *:not(calcite-loader):not(.calcite-card-loader-container){pointer-events:none;opacity:0}:host([loading]) .calcite-card-loader-container{position:absolute;inset:0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.header,.footer{display:-ms-flexbox;display:flex;padding-inline:0.75rem;padding-block:0.75rem 0.25rem}.header{-ms-flex-direction:column;flex-direction:column}.footer{-webkit-margin-before:auto;margin-block-start:auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-inline:0.75rem;padding-block:0.25rem 0.75rem}.card-content{padding:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-ui-text-3)}:host([selectable]) .calcite-card-container:active{--tw-shadow:0 1px 6px -1px rgba(0, 0, 0, 0.16), 0 1px 2px -1px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 1px 6px -1px var(--tw-shadow-color), 0 1px 2px -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)}:host([selected]) .calcite-card-container{border-color:var(--calcite-ui-brand)}slot[name=title]::slotted(*),*::slotted([slot=title]){margin:0px;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}slot[name=subtitle]::slotted(*),*::slotted([slot=subtitle]){margin:0px;-webkit-margin-before:0.5rem;margin-block-start:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){min-inline-size:100%;max-inline-size:100%}slot[name=footer-leading]::slotted(*),*::slotted([slot=footer-leading]){-ms-flex-item-align:center;align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375;-webkit-margin-end:auto;margin-inline-end:auto}slot[name=footer-trailing]::slotted(*),*::slotted([slot=footer-trailing]){-ms-flex-item-align:center;align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375}.checkbox-wrapper{position:absolute;margin:0px;padding:0px;inset-block-start:0.5rem;inset-inline-end:0.5rem}.thumbnail-wrapper{display:-ms-flexbox;display:flex}.calcite-card-container.inline{-ms-flex-direction:row;flex-direction:row}.calcite-card-container.inline>.container{inline-size:60%}.calcite-card-container.inline>.thumbnail-wrapper{inline-size:40%;-ms-flex-align:start;align-items:flex-start}.calcite-card-container.inline slot[name=thumbnail]::slotted(img),.calcite-card-container.inline img::slotted([slot=thumbnail]){inline-size:100%}slot[name=footer-leading]::slotted(*),slot[name=footer-trailing]::slotted(*){display:-ms-flexbox;display:flex;gap:0.25rem}";var Card=function(){function t(t){var e=this;registerInstance(this,t);this.calciteCardSelect=createEvent(this,"calciteCardSelect",6);this.loading=false;this.selected=false;this.selectable=false;this.intlLoading=TEXT.loading;this.intlSelect=TEXT.select;this.intlDeselect=TEXT.deselect;this.thumbnailPosition="block-start";this.cardSelectClick=function(){e.selectCard()};this.cardSelectKeyDown=function(t){switch(t.key){case" ":case"Enter":e.selectCard();t.preventDefault();break}}}t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disonnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.render=function(){var t;var e=this.thumbnailPosition.startsWith("inline");var a=this.thumbnailPosition.endsWith("start");return h("div",{class:{"calcite-card-container":true,inline:e}},this.loading?h("div",{class:"calcite-card-loader-container"},h("calcite-loader",{active:true,label:this.intlLoading})):null,a&&this.renderThumbnail(),h("section",{"aria-busy":toAriaBoolean(this.loading),class:(t={},t[CSS.container]=true,t)},this.selectable?this.renderCheckbox():null,this.renderHeader(),h("div",{class:"card-content"},h("slot",null)),this.renderFooter()),!a&&this.renderThumbnail())};t.prototype.selectCard=function(){this.selected=!this.selected;this.calciteCardSelect.emit()};t.prototype.renderThumbnail=function(){return getSlotted(this.el,SLOTS.thumbnail)?h("section",{class:CSS.thumbnailWrapper},h("slot",{name:SLOTS.thumbnail})):null};t.prototype.renderCheckbox=function(){var t=this.selected?this.intlDeselect:this.intlSelect;return h("calcite-label",{class:CSS.checkboxWrapper,onClick:this.cardSelectClick,onKeyDown:this.cardSelectKeyDown},h("calcite-checkbox",{checked:this.selected,label:t}))};t.prototype.renderHeader=function(){var t=this.el;var e=getSlotted(t,SLOTS.title);var a=getSlotted(t,SLOTS.subtitle);var i=e||a;return i?h("header",{class:CSS.header},h("slot",{name:SLOTS.title}),h("slot",{name:SLOTS.subtitle})):null};t.prototype.renderFooter=function(){var t=this.el;var e=getSlotted(t,SLOTS.footerLeading);var a=getSlotted(t,SLOTS.footerTrailing);var i=e||a;return i?h("footer",{class:CSS.footer},h("slot",{name:SLOTS.footerLeading}),h("slot",{name:SLOTS.footerTrailing})):null};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Card.style=cardCss;export{Card as calcite_card};
6
+ import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-8b5f2ff9.js";import{t as toAriaBoolean,g as getSlotted}from"./dom-a8dad893.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-e4e51860.js";import"./resources-0fcef459.js";import"./guid-b990c4d2.js";import"./observers-b2199b39.js";var CSS={container:"container",header:"header",footer:"footer",title:"title",subtitle:"subtitle",checkboxWrapper:"checkbox-wrapper",thumbnailWrapper:"thumbnail-wrapper"};var SLOTS={thumbnail:"thumbnail",title:"title",subtitle:"subtitle",footerLeading:"footer-leading",footerTrailing:"footer-trailing"};var TEXT={select:"Select",deselect:"Deselect",loading:"Loading"};var cardCss="@-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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;max-inline-size:100%}:host .calcite-card-container{position:relative;display:-ms-flexbox;display:flex;block-size:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-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);-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);border-radius:var(--calcite-border-radius-base)}.container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column}:host([loading]) .calcite-card-container *:not(calcite-loader):not(.calcite-card-loader-container){pointer-events:none;opacity:0}:host([loading]) .calcite-card-loader-container{position:absolute;inset:0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.header,.footer{display:-ms-flexbox;display:flex;padding-inline:0.75rem;padding-block:0.75rem 0.25rem}.header{-ms-flex-direction:column;flex-direction:column}.footer{-webkit-margin-before:auto;margin-block-start:auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-inline:0.75rem;padding-block:0.25rem 0.75rem}.card-content{padding:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-ui-text-3)}:host([selected]) .calcite-card-container{border-color:var(--calcite-ui-brand)}slot[name=title]::slotted(*),*::slotted([slot=title]){margin:0px;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}slot[name=subtitle]::slotted(*),*::slotted([slot=subtitle]){margin:0px;-webkit-margin-before:0.5rem;margin-block-start:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){min-inline-size:100%;max-inline-size:100%}slot[name=footer-leading]::slotted(*),*::slotted([slot=footer-leading]){-ms-flex-item-align:center;align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375;-webkit-margin-end:auto;margin-inline-end:auto}slot[name=footer-trailing]::slotted(*),*::slotted([slot=footer-trailing]){-ms-flex-item-align:center;align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375}.checkbox-wrapper{position:absolute;margin:0px;padding:0px;inset-block-start:0.5rem;inset-inline-end:0.5rem}.thumbnail-wrapper{display:-ms-flexbox;display:flex}.calcite-card-container.inline{-ms-flex-direction:row;flex-direction:row}.calcite-card-container.inline>.container{inline-size:60%}.calcite-card-container.inline>.thumbnail-wrapper{inline-size:40%;-ms-flex-align:start;align-items:flex-start}.calcite-card-container.inline slot[name=thumbnail]::slotted(img),.calcite-card-container.inline img::slotted([slot=thumbnail]){inline-size:100%}slot[name=footer-leading]::slotted(*),slot[name=footer-trailing]::slotted(*){display:-ms-flexbox;display:flex;gap:0.25rem}";var Card=function(){function t(t){var e=this;registerInstance(this,t);this.calciteCardSelect=createEvent(this,"calciteCardSelect",6);this.loading=false;this.selected=false;this.selectable=false;this.intlLoading=TEXT.loading;this.intlSelect=TEXT.select;this.intlDeselect=TEXT.deselect;this.thumbnailPosition="block-start";this.cardSelectClick=function(){e.selectCard()};this.cardSelectKeyDown=function(t){switch(t.key){case" ":case"Enter":e.selectCard();t.preventDefault();break}}}t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disonnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.render=function(){var t;var e=this.thumbnailPosition.startsWith("inline");var i=this.thumbnailPosition.endsWith("start");return h("div",{class:{"calcite-card-container":true,inline:e}},this.loading?h("div",{class:"calcite-card-loader-container"},h("calcite-loader",{active:true,label:this.intlLoading})):null,i&&this.renderThumbnail(),h("section",{"aria-busy":toAriaBoolean(this.loading),class:(t={},t[CSS.container]=true,t)},this.selectable?this.renderCheckbox():null,this.renderHeader(),h("div",{class:"card-content"},h("slot",null)),this.renderFooter()),!i&&this.renderThumbnail())};t.prototype.selectCard=function(){this.selected=!this.selected;this.calciteCardSelect.emit()};t.prototype.renderThumbnail=function(){return getSlotted(this.el,SLOTS.thumbnail)?h("section",{class:CSS.thumbnailWrapper},h("slot",{name:SLOTS.thumbnail})):null};t.prototype.renderCheckbox=function(){var t=this.selected?this.intlDeselect:this.intlSelect;return h("calcite-label",{class:CSS.checkboxWrapper,onClick:this.cardSelectClick,onKeyDown:this.cardSelectKeyDown},h("calcite-checkbox",{checked:this.selected,label:t}))};t.prototype.renderHeader=function(){var t=this.el;var e=getSlotted(t,SLOTS.title);var i=getSlotted(t,SLOTS.subtitle);var a=e||i;return a?h("header",{class:CSS.header},h("slot",{name:SLOTS.title}),h("slot",{name:SLOTS.subtitle})):null};t.prototype.renderFooter=function(){var t=this.el;var e=getSlotted(t,SLOTS.footerLeading);var i=getSlotted(t,SLOTS.footerTrailing);var a=e||i;return a?h("footer",{class:CSS.footer},h("slot",{name:SLOTS.footerLeading}),h("slot",{name:SLOTS.footerTrailing})):null};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Card.style=cardCss;export{Card as calcite_card};
package/dist/esm-es5/calcite-checkbox.entry.js CHANGED
@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(t,e,i,n){function a(t){return t ins
2
2
  /*!
3
3
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
4
4
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
5
- * v1.0.0-next.571
6
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-47008242.js";import{g as guid}from"./guid-a51b25d0.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-13f50160.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-a7ae8219.js";import{u as updateHostInteraction}from"./interactive-d8ae72af.js";import{t as toAriaBoolean}from"./dom-ada6955f.js";import{i as isActivationKey}from"./key-66ffc0a6.js";import"./resources-c467e503.js";var checkboxCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}: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([scale=s]){--calcite-checkbox-size:0.75rem}:host([scale=m]){--calcite-checkbox-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-checkbox-size:1rem}:host{position:relative;display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg,:host .toggle{inline-size:var(--calcite-checkbox-size);block-size:var(--calcite-checkbox-size)}:host .check-svg{pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;-webkit-transition: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-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);color:var(--calcite-ui-background)}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.toggle{outline-color:transparent}.toggle:active,.toggle:focus,.toggle:focus-visible{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var Checkbox=function(){function t(t){var e=this;registerInstance(this,t);this.calciteInternalCheckboxBlur=createEvent(this,"calciteInternalCheckboxBlur",6);this.calciteCheckboxChange=createEvent(this,"calciteCheckboxChange",6);this.calciteInternalCheckboxFocus=createEvent(this,"calciteInternalCheckboxFocus",6);this.checked=false;this.disabled=false;this.hovered=false;this.indeterminate=false;this.required=false;this.scale="m";this.checkedPath="M5.5 12L2 8.689l.637-.636L5.5 10.727l8.022-7.87.637.637z";this.indeterminatePath="M13 8v1H3V8z";this.getPath=function(){return e.indeterminate?e.indeterminatePath:e.checked?e.checkedPath:""};this.toggle=function(){if(!e.disabled){e.checked=!e.checked;e.setFocus();e.indeterminate=false;e.calciteCheckboxChange.emit()}};this.keyDownHandler=function(t){if(isActivationKey(t.key)){e.toggle();t.preventDefault()}};this.clickHandler=function(){e.toggle()};this.onToggleBlur=function(){e.calciteInternalCheckboxBlur.emit(false)};this.onToggleFocus=function(){e.calciteInternalCheckboxFocus.emit(true)};this.onLabelClick=function(){e.toggle()}}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.toggleEl)===null||t===void 0?void 0:t.focus();return[2]}))}))};t.prototype.connectedCallback=function(){this.guid=this.el.id||"calcite-checkbox-".concat(guid());connectLabel(this);connectForm(this)};t.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){var t=this;return h(Host,{onClick:this.clickHandler,onKeyDown:this.keyDownHandler},h("div",{"aria-checked":toAriaBoolean(this.checked),"aria-label":getLabelText(this),class:"toggle",onBlur:this.onToggleBlur,onFocus:this.onToggleFocus,ref:function(e){return t.toggleEl=e},role:"checkbox",tabIndex:this.disabled?undefined:0},h("svg",{class:"check-svg",viewBox:"0 0 16 16"},h("path",{d:this.getPath()})),h("slot",null)),h(HiddenFormInputSlot,{component:this}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Checkbox.style=checkboxCss;export{Checkbox as calcite_checkbox};
5
+ * v1.0.0-next.574
6
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8b5f2ff9.js";import{g as guid}from"./guid-b990c4d2.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-08fd9bc5.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-cd0fc1fd.js";import{u as updateHostInteraction}from"./interactive-e72598f1.js";import{t as toAriaBoolean}from"./dom-a8dad893.js";import{i as isActivationKey}from"./key-9cbf7b92.js";import"./resources-0fcef459.js";var checkboxCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}: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([scale=s]){--calcite-checkbox-size:0.75rem}:host([scale=m]){--calcite-checkbox-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-checkbox-size:1rem}:host{position:relative;display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg,:host .toggle{inline-size:var(--calcite-checkbox-size);block-size:var(--calcite-checkbox-size)}:host .check-svg{pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;-webkit-transition: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-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);color:var(--calcite-ui-background)}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.toggle{outline-color:transparent}.toggle:active,.toggle:focus,.toggle:focus-visible{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var Checkbox=function(){function t(t){var e=this;registerInstance(this,t);this.calciteInternalCheckboxBlur=createEvent(this,"calciteInternalCheckboxBlur",6);this.calciteCheckboxChange=createEvent(this,"calciteCheckboxChange",6);this.calciteInternalCheckboxFocus=createEvent(this,"calciteInternalCheckboxFocus",6);this.checked=false;this.disabled=false;this.hovered=false;this.indeterminate=false;this.required=false;this.scale="m";this.checkedPath="M5.5 12L2 8.689l.637-.636L5.5 10.727l8.022-7.87.637.637z";this.indeterminatePath="M13 8v1H3V8z";this.getPath=function(){return e.indeterminate?e.indeterminatePath:e.checked?e.checkedPath:""};this.toggle=function(){if(!e.disabled){e.checked=!e.checked;e.setFocus();e.indeterminate=false;e.calciteCheckboxChange.emit()}};this.keyDownHandler=function(t){if(isActivationKey(t.key)){e.toggle();t.preventDefault()}};this.clickHandler=function(){e.toggle()};this.onToggleBlur=function(){e.calciteInternalCheckboxBlur.emit(false)};this.onToggleFocus=function(){e.calciteInternalCheckboxFocus.emit(true)};this.onLabelClick=function(){e.toggle()}}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.toggleEl)===null||t===void 0?void 0:t.focus();return[2]}))}))};t.prototype.connectedCallback=function(){this.guid=this.el.id||"calcite-checkbox-".concat(guid());connectLabel(this);connectForm(this)};t.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){var t=this;return h(Host,{onClick:this.clickHandler,onKeyDown:this.keyDownHandler},h("div",{"aria-checked":toAriaBoolean(this.checked),"aria-label":getLabelText(this),class:"toggle",onBlur:this.onToggleBlur,onFocus:this.onToggleFocus,ref:function(e){return t.toggleEl=e},role:"checkbox",tabIndex:this.disabled?undefined:0},h("svg",{class:"check-svg",viewBox:"0 0 16 16"},h("path",{d:this.getPath()})),h("slot",null)),h(HiddenFormInputSlot,{component:this}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Checkbox.style=checkboxCss;export{Checkbox as calcite_checkbox};
package/dist/esm-es5/calcite-chip.entry.js CHANGED
@@ -1,6 +1,6 @@
1
- var __awaiter=this&&this.__awaiter||function(i,e,a,t){function n(i){return i instanceof a?i:new a((function(e){e(i)}))}return new(a||(a=Promise))((function(a,r){function o(i){try{l(t.next(i))}catch(i){r(i)}}function c(i){try{l(t["throw"](i))}catch(i){r(i)}}function l(i){i.done?a(i.value):n(i.value).then(o,c)}l((t=t.apply(i,e||[])).next())}))};var __generator=this&&this.__generator||function(i,e){var a={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},t,n,r,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(i){return function(e){return l([i,e])}}function l(o){if(t)throw new TypeError("Generator is already executing.");while(a)try{if(t=1,n&&(r=o[0]&2?n["return"]:o[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,o[1])).done)return r;if(n=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;n=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(r=a.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){a.label=o[1];break}if(o[0]===6&&a.label<r[1]){a.label=r[1];r=o;break}if(r&&a.label<r[2]){a.label=r[2];a.ops.push(o);break}if(r[2])a.ops.pop();a.trys.pop();continue}o=e.call(i,a)}catch(i){o=[6,i];n=0}finally{t=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
1
+ var __awaiter=this&&this.__awaiter||function(e,i,a,t){function n(e){return e instanceof a?e:new a((function(i){i(e)}))}return new(a||(a=Promise))((function(a,r){function o(e){try{l(t.next(e))}catch(e){r(e)}}function c(e){try{l(t["throw"](e))}catch(e){r(e)}}function l(e){e.done?a(e.value):n(e.value).then(o,c)}l((t=t.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var a={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},t,n,r,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(e){return function(i){return l([e,i])}}function l(o){if(t)throw new TypeError("Generator is already executing.");while(a)try{if(t=1,n&&(r=o[0]&2?n["return"]:o[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,o[1])).done)return r;if(n=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;n=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(r=a.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){a.label=o[1];break}if(o[0]===6&&a.label<r[1]){a.label=r[1];r=o;break}if(r&&a.label<r[2]){a.label=r[2];a.ops.push(o);break}if(r[2])a.ops.pop();a.trys.pop();continue}o=i.call(e,a)}catch(e){o=[6,e];n=0}finally{t=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
2
2
  /*!
3
3
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
4
4
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
5
- * v1.0.0-next.571
6
- */import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-47008242.js";import{g as getSlotted}from"./dom-ada6955f.js";import{g as guid}from"./guid-a51b25d0.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-d174e645.js";import"./resources-c467e503.js";import"./observers-1c28ae12.js";var CSS={title:"title",close:"close",imageContainer:"image-container",chipIcon:"chip-icon",closeIcon:"close-icon"};var TEXT={close:"Close"};var SLOTS={image:"image"};var ICONS={close:"x"};var chipCss="@-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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){block-size:1.5rem;font-size:var(--calcite-font-size--2);--calcite-chip-spacing-unit-l:0.5rem;--calcite-chip-spacing-unit-s:0.25rem}:host([scale=s]) .image-container{block-size:1.25rem;inline-size:1.25rem}:host([scale=m]){block-size:2rem;font-size:var(--calcite-font-size--1);--calcite-chip-spacing-unit-l:0.75rem;--calcite-chip-spacing-unit-s:6px}:host([scale=m]) .image-container{block-size:1.5rem;inline-size:1.5rem;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host([scale=l]){block-size:2.75rem;font-size:var(--calcite-font-size-0);--calcite-chip-spacing-unit-l:1rem;--calcite-chip-spacing-unit-s:0.5rem}:host([scale=l]) .image-container{block-size:2rem;inline-size:2rem;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;cursor:default;-ms-flex-align:center;align-items:center;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}.container{display:-ms-inline-flexbox;display:inline-flex;block-size:100%;max-inline-size:100%;-ms-flex-align:center;align-items:center}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host span{padding-block:0;padding-inline:var(--calcite-chip-spacing-unit-l)}:host([closable]) span{padding-inline:var(--calcite-chip-spacing-unit-l) var(--calcite-chip-spacing-unit-s)}:host([icon]:not([closable])) span{padding-block:0;padding-inline:var(--calcite-chip-spacing-unit-l)}:host button{margin:0px;display:-ms-inline-flexbox;display:inline-flex;max-block-size:100%;min-block-size:100%;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-1);outline-color:transparent;-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-appearance:none;border-start-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;border-end-start-radius:0;padding-block:0;padding-inline:var(--calcite-chip-spacing-unit-s);color:inherit;--calcite-chip-transparent-hover:var(--calcite-button-transparent-hover);--calcite-chip-transparent-press:var(--calcite-button-transparent-press)}:host button:hover{background-color:var(--calcite-chip-transparent-hover)}:host button:focus{background-color:var(--calcite-chip-transparent-hover);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host button:active{background-color:var(--calcite-chip-transparent-press)}.image-container{display:-ms-inline-flexbox;display:inline-flex;overflow:hidden;border-radius:50%}:host slot[name=image]::slotted(*){display:-ms-flexbox;display:flex;block-size:100%;inline-size:100%;overflow:hidden;border-radius:50%}.chip-icon{position:relative;margin-block:0px;display:-ms-inline-flexbox;display:inline-flex;-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:0;margin-inline-end:0;-webkit-margin-start:var(--calcite-chip-spacing-unit-l);margin-inline-start:var(--calcite-chip-spacing-unit-l);border-start-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;border-end-start-radius:0}:host([color=blue][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-info);color:var(--calcite-ui-text-inverse)}:host([color=red][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-danger);color:var(--calcite-ui-text-inverse)}:host([color=yellow][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-warning);color:#151515}:host([color=green][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-success);color:#151515}:host([color=grey][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}:host([color=grey][appearance=solid]) button,:host([color=grey][appearance=solid]) .close-icon{color:var(--calcite-ui-text-3)}:host([color=grey][appearance=solid]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-text-3))}:host([color=blue][appearance=clear]){border-color:var(--calcite-ui-info)}:host([color=blue][appearance=clear]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-info))}:host([color=red][appearance=clear]){border-color:var(--calcite-ui-danger)}:host([color=red][appearance=clear]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-danger))}:host([color=yellow][appearance=clear]){border-color:var(--calcite-ui-warning)}:host([color=yellow][appearance=clear]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-warning))}:host([color=green][appearance=clear]){border-color:var(--calcite-ui-success)}:host([color=green][appearance=clear]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-success))}:host([color=grey][appearance=clear]){border-color:var(--calcite-ui-border-1)}:host([color=grey][appearance=clear]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-text-3))}:host([closed]){display:none}";var Chip=function(){function i(i){var e=this;registerInstance(this,i);this.calciteChipDismiss=createEvent(this,"calciteChipDismiss",6);this.appearance="solid";this.color="grey";this.dismissible=false;this.closable=false;this.dismissLabel=TEXT.close;this.iconFlipRtl=false;this.scale="m";this.closed=false;this.closeClickHandler=function(i){i.preventDefault();e.calciteChipDismiss.emit(e.el);e.closed=true};this.guid=guid()}i.prototype.handleDismissible=function(i){this.closable=i};i.prototype.handleClosable=function(i){this.dismissible=i};i.prototype.connectedCallback=function(){connectConditionalSlotComponent(this);if(this.dismissible){this.handleDismissible(this.dismissible)}if(this.closable){this.handleClosable(this.closable)}};i.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};i.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){(i=this.closeButton)===null||i===void 0?void 0:i.focus();return[2]}))}))};i.prototype.renderChipImage=function(){var i=this.el;var e=getSlotted(i,SLOTS.image);return e?h("div",{class:CSS.imageContainer,key:"image"},h("slot",{name:SLOTS.image})):null};i.prototype.render=function(){var i=this;var e=h("calcite-icon",{class:CSS.chipIcon,flipRtl:this.iconFlipRtl,icon:this.icon,scale:"s"});var a=h("button",{"aria-describedby":this.guid,"aria-label":this.dismissLabel,class:CSS.close,onClick:this.closeClickHandler,ref:function(e){return i.closeButton=e}},h("calcite-icon",{class:CSS.closeIcon,icon:ICONS.close,scale:"s"}));return h("div",{class:"container"},this.renderChipImage(),this.icon?e:null,h("span",{class:CSS.title,id:this.guid},h("slot",null)),this.closable?a:null)};Object.defineProperty(i.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{dismissible:["handleDismissible"],closable:["handleClosable"]}},enumerable:false,configurable:true});return i}();Chip.style=chipCss;export{Chip as calcite_chip};
5
+ * v1.0.0-next.574
6
+ */import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-8b5f2ff9.js";import{g as getSlotted}from"./dom-a8dad893.js";import{g as guid}from"./guid-b990c4d2.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-e4e51860.js";import"./resources-0fcef459.js";import"./observers-b2199b39.js";var CSS={title:"title",close:"close",imageContainer:"image-container",chipIcon:"chip-icon",closeIcon:"close-icon"};var TEXT={close:"Close"};var SLOTS={image:"image"};var ICONS={close:"x"};var chipCss="@-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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){block-size:1.5rem;font-size:var(--calcite-font-size--2);--calcite-chip-spacing-unit-l:0.5rem;--calcite-chip-spacing-unit-s:0.25rem}:host([scale=s]) .image-container{block-size:1.25rem;inline-size:1.25rem}:host([scale=m]){block-size:2rem;font-size:var(--calcite-font-size--1);--calcite-chip-spacing-unit-l:0.75rem;--calcite-chip-spacing-unit-s:6px}:host([scale=m]) .image-container{block-size:1.5rem;inline-size:1.5rem;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host([scale=l]){block-size:2.75rem;font-size:var(--calcite-font-size-0);--calcite-chip-spacing-unit-l:1rem;--calcite-chip-spacing-unit-s:0.5rem}:host([scale=l]) .image-container{block-size:2rem;inline-size:2rem;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;cursor:default;-ms-flex-align:center;align-items:center;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}.container{display:-ms-inline-flexbox;display:inline-flex;block-size:100%;max-inline-size:100%;-ms-flex-align:center;align-items:center}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host span{padding-block:0;padding-inline:var(--calcite-chip-spacing-unit-l)}:host([closable]) span{padding-inline:var(--calcite-chip-spacing-unit-l) var(--calcite-chip-spacing-unit-s)}:host([icon]:not([closable])) span{padding-block:0;padding-inline:var(--calcite-chip-spacing-unit-l)}:host button{margin:0px;display:-ms-inline-flexbox;display:inline-flex;max-block-size:100%;min-block-size:100%;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-1);outline-color:transparent;-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-appearance:none;border-start-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;border-end-start-radius:0;padding-block:0;padding-inline:var(--calcite-chip-spacing-unit-s);color:inherit;--calcite-chip-transparent-hover:var(--calcite-button-transparent-hover);--calcite-chip-transparent-press:var(--calcite-button-transparent-press)}:host button:hover{background-color:var(--calcite-chip-transparent-hover)}:host button:focus{background-color:var(--calcite-chip-transparent-hover);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host button:active{background-color:var(--calcite-chip-transparent-press)}.image-container{display:-ms-inline-flexbox;display:inline-flex;overflow:hidden;border-radius:50%}:host slot[name=image]::slotted(*){display:-ms-flexbox;display:flex;block-size:100%;inline-size:100%;overflow:hidden;border-radius:50%}.chip-icon{position:relative;margin-block:0px;display:-ms-inline-flexbox;display:inline-flex;-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:0;margin-inline-end:0;-webkit-margin-start:var(--calcite-chip-spacing-unit-l);margin-inline-start:var(--calcite-chip-spacing-unit-l);border-start-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;border-end-start-radius:0}:host([color=blue]){border-color:transparent;background-color:var(--calcite-ui-info);color:var(--calcite-ui-text-inverse)}:host([color=red]){border-color:transparent;background-color:var(--calcite-ui-danger);color:var(--calcite-ui-text-inverse)}:host([color=yellow]){border-color:transparent;background-color:var(--calcite-ui-warning);color:#151515}:host([color=green]){border-color:transparent;background-color:var(--calcite-ui-success);color:#151515}:host([color=grey]){border-color:transparent;background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}:host([color=grey]) button,:host([color=grey]) .close-icon{color:var(--calcite-ui-text-3)}:host([color=grey]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-text-3))}:host([appearance=clear]),:host([appearance=transparent]){background-color:transparent;color:var(--calcite-ui-text-1)}:host([color=blue][appearance=clear]),:host([color=blue][appearance=transparent]){border-color:var(--calcite-ui-info)}:host([color=blue][appearance=clear]) .chip-icon,:host([color=blue][appearance=transparent]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-info))}:host([color=red][appearance=clear]),:host([color=red][appearance=transparent]){border-color:var(--calcite-ui-danger)}:host([color=red][appearance=clear]) .chip-icon,:host([color=red][appearance=transparent]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-danger))}:host([color=yellow][appearance=clear]),:host([color=yellow][appearance=transparent]){border-color:var(--calcite-ui-warning)}:host([color=yellow][appearance=clear]) .chip-icon,:host([color=yellow][appearance=transparent]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-warning))}:host([color=green][appearance=clear]),:host([color=green][appearance=transparent]){border-color:var(--calcite-ui-success)}:host([color=green][appearance=clear]) .chip-icon,:host([color=green][appearance=transparent]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-success))}:host([color=grey][appearance=clear]),:host([color=grey][appearance=transparent]){border-color:var(--calcite-ui-border-1)}:host([color=grey][appearance=clear]) .chip-icon,:host([color=grey][appearance=transparent]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-text-3))}:host([closed]){display:none}";var Chip=function(){function e(e){var i=this;registerInstance(this,e);this.calciteChipDismiss=createEvent(this,"calciteChipDismiss",6);this.appearance="solid";this.color="grey";this.dismissible=false;this.closable=false;this.dismissLabel=TEXT.close;this.iconFlipRtl=false;this.scale="m";this.closed=false;this.closeClickHandler=function(e){e.preventDefault();i.calciteChipDismiss.emit(i.el);i.closed=true};this.guid=guid()}e.prototype.handleDismissible=function(e){this.closable=e};e.prototype.handleClosable=function(e){this.dismissible=e};e.prototype.connectedCallback=function(){connectConditionalSlotComponent(this);if(this.dismissible){this.handleDismissible(this.dismissible)}if(this.closable){this.handleClosable(this.closable)}};e.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){(e=this.closeButton)===null||e===void 0?void 0:e.focus();return[2]}))}))};e.prototype.renderChipImage=function(){var e=this.el;var i=getSlotted(e,SLOTS.image);return i?h("div",{class:CSS.imageContainer,key:"image"},h("slot",{name:SLOTS.image})):null};e.prototype.render=function(){var e=this;var i=h("calcite-icon",{class:CSS.chipIcon,flipRtl:this.iconFlipRtl,icon:this.icon,scale:"s"});var a=h("button",{"aria-describedby":this.guid,"aria-label":this.dismissLabel,class:CSS.close,onClick:this.closeClickHandler,ref:function(i){return e.closeButton=i}},h("calcite-icon",{class:CSS.closeIcon,icon:ICONS.close,scale:"s"}));return h("div",{class:"container"},this.renderChipImage(),this.icon?i:null,h("span",{class:CSS.title,id:this.guid},h("slot",null)),this.closable?a:null)};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{dismissible:["handleDismissible"],closable:["handleClosable"]}},enumerable:false,configurable:true});return e}();Chip.style=chipCss;export{Chip as calcite_chip};