@esri/calcite-components 1.0.0-beta.75 → 1.0.0-beta.76

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 (557) hide show
  1. package/dist/calcite/assets/calcite-date-picker/nls/pt-BR.json +31 -0
  2. package/dist/calcite/assets/calcite-date-picker/nls/pt-PT.json +3 -3
  3. package/dist/calcite/assets/calcite-icon/clipboard16.json +1 -0
  4. package/dist/calcite/assets/calcite-icon/clipboard24.json +1 -0
  5. package/dist/calcite/assets/calcite-icon/clipboard32.json +1 -0
  6. package/dist/calcite/assets/calcite-icon/folders16.json +1 -0
  7. package/dist/calcite/assets/calcite-icon/folders24.json +1 -0
  8. package/dist/calcite/assets/calcite-icon/folders32.json +1 -0
  9. package/dist/calcite/assets/calcite-icon/initiative16.json +1 -0
  10. package/dist/calcite/assets/calcite-icon/initiative24.json +1 -0
  11. package/dist/calcite/assets/calcite-icon/initiative32.json +1 -0
  12. package/dist/calcite/assets/calcite-icon/initiativeTemplate16.json +1 -0
  13. package/dist/calcite/assets/calcite-icon/initiativeTemplate24.json +1 -0
  14. package/dist/calcite/assets/calcite-icon/initiativeTemplate32.json +1 -0
  15. package/dist/calcite/assets/calcite-icon/multipleVariables16.json +1 -0
  16. package/dist/calcite/assets/calcite-icon/multipleVariables24.json +1 -0
  17. package/dist/calcite/assets/calcite-icon/multipleVariables32.json +1 -0
  18. package/dist/calcite/assets/calcite-icon/paletteCheck16.json +1 -0
  19. package/dist/calcite/assets/calcite-icon/paletteCheck24.json +1 -0
  20. package/dist/calcite/assets/calcite-icon/paletteCheck32.json +1 -0
  21. package/dist/calcite/assets/calcite-icon/pentagon16.json +1 -0
  22. package/dist/calcite/assets/calcite-icon/pentagon24.json +1 -0
  23. package/dist/calcite/assets/calcite-icon/pentagon32.json +1 -0
  24. package/dist/calcite/assets/calcite-icon/puzzlePiece16.json +1 -0
  25. package/dist/calcite/assets/calcite-icon/puzzlePiece24.json +1 -0
  26. package/dist/calcite/assets/calcite-icon/puzzlePiece32.json +1 -0
  27. package/dist/calcite/assets/calcite-icon/ribbonRosette16.json +1 -0
  28. package/dist/calcite/assets/calcite-icon/ribbonRosette24.json +1 -0
  29. package/dist/calcite/assets/calcite-icon/ribbonRosette32.json +1 -0
  30. package/dist/calcite/assets/calcite-icon/speechBubbleExclamation16.json +1 -0
  31. package/dist/calcite/assets/calcite-icon/speechBubbleExclamation24.json +1 -0
  32. package/dist/calcite/assets/calcite-icon/speechBubbleExclamation32.json +1 -0
  33. package/dist/calcite/assets/calcite-icon/survey16.json +1 -0
  34. package/dist/calcite/assets/calcite-icon/survey24.json +1 -0
  35. package/dist/calcite/assets/calcite-icon/survey32.json +1 -0
  36. package/dist/calcite/calcite.esm.js +1 -1
  37. package/dist/calcite/calcite.js +1 -1
  38. package/dist/calcite/{p-86b63ebb.system.entry.js → p-010b6b91.system.entry.js} +1 -1
  39. package/dist/calcite/p-015d6a24.entry.js +5 -0
  40. package/dist/calcite/p-0459ae3e.system.entry.js +5 -0
  41. package/dist/calcite/{p-0164361f.system.entry.js → p-07603601.system.entry.js} +1 -1
  42. package/dist/calcite/{p-e426746f.system.entry.js → p-0926320c.system.entry.js} +1 -1
  43. package/dist/calcite/{p-1668089f.entry.js → p-09bd0204.entry.js} +1 -1
  44. package/dist/calcite/{p-9e2c9752.entry.js → p-0c20a4e3.entry.js} +1 -1
  45. package/dist/calcite/{p-8604c625.system.entry.js → p-0d61e540.system.entry.js} +1 -1
  46. package/dist/calcite/{p-a99c8ebf.system.js → p-10e3f599.system.js} +1 -1
  47. package/dist/calcite/p-1199ec78.entry.js +5 -0
  48. package/dist/calcite/p-13f9119c.js +5 -0
  49. package/dist/calcite/{p-e5420c67.entry.js → p-150e45ec.entry.js} +1 -1
  50. package/dist/calcite/{p-5d7da300.system.entry.js → p-15eebdf8.system.entry.js} +1 -1
  51. package/dist/calcite/{p-49782820.entry.js → p-16a27151.entry.js} +1 -1
  52. package/dist/calcite/p-18259377.entry.js +5 -0
  53. package/dist/calcite/{p-baca86e3.entry.js → p-1a907c90.entry.js} +1 -1
  54. package/dist/calcite/p-1ce851da.js +5 -0
  55. package/dist/calcite/{p-fee9511c.system.entry.js → p-21e8e1e9.system.entry.js} +1 -1
  56. package/dist/calcite/{p-5d12a140.entry.js → p-2328c2ec.entry.js} +1 -1
  57. package/dist/calcite/{p-f1dc4798.entry.js → p-24765b5e.entry.js} +1 -1
  58. package/dist/calcite/{p-5b8404de.entry.js → p-2718a51a.entry.js} +1 -1
  59. package/dist/calcite/{p-8e1945e3.entry.js → p-2be7746c.entry.js} +1 -1
  60. package/dist/calcite/p-2d88c0ba.entry.js +5 -0
  61. package/dist/calcite/{p-7bdeb3ba.system.entry.js → p-353015b6.system.entry.js} +1 -1
  62. package/dist/calcite/{p-869eb8f9.entry.js → p-385f6cb9.entry.js} +1 -1
  63. package/dist/calcite/{p-b1a43a5f.system.entry.js → p-3e59c8ef.system.entry.js} +1 -1
  64. package/dist/calcite/{p-617c3f30.system.entry.js → p-3f6a6851.system.entry.js} +1 -1
  65. package/dist/calcite/{p-0a85cd8c.system.entry.js → p-3f792e3d.system.entry.js} +1 -1
  66. package/dist/calcite/{p-6fb9fef5.entry.js → p-408408d6.entry.js} +1 -1
  67. package/dist/calcite/{p-63f8783a.entry.js → p-42ac867a.entry.js} +1 -1
  68. package/dist/calcite/{p-2218fef5.entry.js → p-4340f6ed.entry.js} +1 -1
  69. package/dist/calcite/{p-44aa1db4.system.js → p-48fae9a9.system.js} +1 -1
  70. package/dist/calcite/{p-04bf684c.entry.js → p-4b7ff039.entry.js} +1 -1
  71. package/dist/calcite/{p-66ca7309.entry.js → p-4edc43c1.entry.js} +1 -1
  72. package/dist/calcite/p-4fc8341b.system.entry.js +5 -0
  73. package/dist/calcite/{p-40c3d7a6.system.entry.js → p-510ef2b7.system.entry.js} +1 -1
  74. package/dist/calcite/{p-7743a8d0.system.entry.js → p-5248d5fb.system.entry.js} +1 -1
  75. package/dist/calcite/p-54c3ea44.system.entry.js +5 -0
  76. package/dist/calcite/p-55c884ba.entry.js +5 -0
  77. package/dist/calcite/p-5660811e.entry.js +5 -0
  78. package/dist/calcite/p-5833a3af.entry.js +5 -0
  79. package/dist/calcite/p-59c6c9a0.entry.js +5 -0
  80. package/dist/calcite/{p-3cdf0ad5.system.entry.js → p-5cd2ff4e.system.entry.js} +1 -1
  81. package/dist/calcite/p-5f129d47.entry.js +5 -0
  82. package/dist/calcite/{p-d14265f3.entry.js → p-635594b8.entry.js} +1 -1
  83. package/dist/calcite/{p-58eb8460.entry.js → p-65ba6a8f.entry.js} +1 -1
  84. package/dist/calcite/{p-786b8250.entry.js → p-672ec03a.entry.js} +1 -1
  85. package/dist/calcite/{p-8709d314.system.entry.js → p-67cd9e12.system.entry.js} +1 -1
  86. package/dist/calcite/{p-0cb38659.system.entry.js → p-6a5a4922.system.entry.js} +1 -1
  87. package/dist/calcite/{p-fdd3ea5e.entry.js → p-6a797e80.entry.js} +1 -1
  88. package/dist/calcite/p-6b529df3.system.entry.js +5 -0
  89. package/dist/calcite/{p-6afd69dc.system.entry.js → p-6c4eb127.system.entry.js} +1 -1
  90. package/dist/calcite/{p-7d4316a1.system.entry.js → p-6d5c2fce.system.entry.js} +1 -1
  91. package/dist/calcite/{p-bde80af8.entry.js → p-6ee036b3.entry.js} +1 -1
  92. package/dist/calcite/{p-2e324a56.system.entry.js → p-71b6bc4c.system.entry.js} +1 -1
  93. package/dist/calcite/{p-e83a5fe4.system.entry.js → p-7266c359.system.entry.js} +1 -1
  94. package/dist/calcite/p-72951ce3.system.entry.js +5 -0
  95. package/dist/calcite/{p-141c978b.system.entry.js → p-75cda5de.system.entry.js} +1 -1
  96. package/dist/calcite/p-75df0e8f.entry.js +5 -0
  97. package/dist/calcite/p-79ba0ff5.js +5 -0
  98. package/dist/calcite/{p-04bf9bca.system.entry.js → p-7b2f2117.system.entry.js} +1 -1
  99. package/dist/calcite/{p-cfcb2161.entry.js → p-7b341154.entry.js} +1 -1
  100. package/dist/calcite/p-7e9189e8.system.entry.js +5 -0
  101. package/dist/calcite/{p-12142a2c.system.entry.js → p-80e56ba6.system.entry.js} +1 -1
  102. package/dist/calcite/{p-06dbe76a.system.entry.js → p-8124f6cc.system.entry.js} +1 -1
  103. package/dist/calcite/{p-754809de.entry.js → p-81dc55fa.entry.js} +1 -1
  104. package/dist/calcite/p-82e0b30e.entry.js +5 -0
  105. package/dist/calcite/{p-c5463268.system.entry.js → p-8446d974.system.entry.js} +1 -1
  106. package/dist/calcite/{p-c1c37da9.entry.js → p-852a718f.entry.js} +1 -1
  107. package/dist/calcite/p-8647d09e.entry.js +5 -0
  108. package/dist/calcite/{p-b86f0930.system.entry.js → p-888ce316.system.entry.js} +1 -1
  109. package/dist/calcite/{p-01b7adb5.js → p-8bfa00bc.js} +1 -1
  110. package/dist/calcite/{p-e1491358.system.entry.js → p-8d1564c5.system.entry.js} +1 -1
  111. package/dist/calcite/{p-2297db38.entry.js → p-8d437ca2.entry.js} +1 -1
  112. package/dist/calcite/{p-af669f43.entry.js → p-8f6aac19.entry.js} +1 -1
  113. package/dist/calcite/{p-bc85a791.entry.js → p-903c016f.entry.js} +1 -1
  114. package/dist/calcite/{p-70dd483b.system.js → p-9217d4ef.system.js} +1 -1
  115. package/dist/calcite/p-92901db9.entry.js +5 -0
  116. package/dist/calcite/{p-34e5baa7.system.js → p-94cfc34a.system.js} +1 -1
  117. package/dist/calcite/p-95810140.system.js +5 -0
  118. package/dist/calcite/p-95a3bcff.system.entry.js +5 -0
  119. package/dist/calcite/p-95b7c39a.system.entry.js +5 -0
  120. package/dist/calcite/p-983287ce.system.js +5 -0
  121. package/dist/calcite/{p-5a77fd17.entry.js → p-9ef989e2.entry.js} +1 -1
  122. package/dist/calcite/p-9f1c59ec.entry.js +5 -0
  123. package/dist/calcite/p-a37ecb59.entry.js +5 -0
  124. package/dist/calcite/{p-8f2c68f4.system.entry.js → p-a468d651.system.entry.js} +1 -1
  125. package/dist/calcite/{p-be231b84.entry.js → p-a77a8427.entry.js} +1 -1
  126. package/dist/calcite/{p-e4862fff.entry.js → p-a7dfed2f.entry.js} +1 -1
  127. package/dist/calcite/{p-92d9b81d.system.entry.js → p-a809abbd.system.entry.js} +1 -1
  128. package/dist/calcite/p-a859ccd4.system.js +5 -0
  129. package/dist/calcite/p-abf93e8f.system.js +5 -0
  130. package/dist/calcite/{p-82491929.entry.js → p-ac8c0493.entry.js} +1 -1
  131. package/dist/calcite/{p-2e351904.system.entry.js → p-ad2fd769.system.entry.js} +1 -1
  132. package/dist/calcite/{p-1804c868.system.entry.js → p-af5e11c9.system.entry.js} +1 -1
  133. package/dist/calcite/p-af75a72b.js +5 -0
  134. package/dist/calcite/p-b0ab09d3.system.entry.js +5 -0
  135. package/dist/calcite/p-b4a80f18.system.entry.js +5 -0
  136. package/dist/calcite/{p-9ca6c750.system.entry.js → p-b519a98e.system.entry.js} +1 -1
  137. package/dist/calcite/{p-b002b038.entry.js → p-b5781bda.entry.js} +1 -1
  138. package/dist/calcite/p-b8a670cc.entry.js +5 -0
  139. package/dist/calcite/{p-e5526c34.entry.js → p-ba6b0f09.entry.js} +1 -1
  140. package/dist/calcite/{p-da470de7.entry.js → p-bd289892.entry.js} +1 -1
  141. package/dist/calcite/p-c36161b9.system.entry.js +5 -0
  142. package/dist/calcite/{p-900e18a5.system.entry.js → p-c525d974.system.entry.js} +1 -1
  143. package/dist/calcite/{p-513bc44f.system.entry.js → p-c5e8d437.system.entry.js} +1 -1
  144. package/dist/calcite/{p-af84fa29.system.entry.js → p-cb02295b.system.entry.js} +1 -1
  145. package/dist/calcite/{p-10b1b39a.system.entry.js → p-d2931c8e.system.entry.js} +1 -1
  146. package/dist/calcite/{p-9d7102c0.entry.js → p-d2ebedc0.entry.js} +1 -1
  147. package/dist/calcite/{p-f4d9c369.system.entry.js → p-d3316626.system.entry.js} +1 -1
  148. package/dist/calcite/p-da987587.system.entry.js +5 -0
  149. package/dist/calcite/p-dadb1104.system.entry.js +5 -0
  150. package/dist/calcite/p-dae2daf0.entry.js +5 -0
  151. package/dist/calcite/{p-f5739197.entry.js → p-dc24f809.entry.js} +1 -1
  152. package/dist/calcite/p-de10a37b.entry.js +5 -0
  153. package/dist/calcite/{p-fe3fff79.entry.js → p-e54a3620.entry.js} +1 -1
  154. package/dist/calcite/p-e93a418e.system.entry.js +5 -0
  155. package/dist/calcite/{p-54edaa0d.entry.js → p-ea2b09ba.entry.js} +1 -1
  156. package/dist/calcite/{p-f7572da7.entry.js → p-ebd8eef3.entry.js} +1 -1
  157. package/dist/calcite/p-ec2d6c5f.system.entry.js +5 -0
  158. package/dist/calcite/{p-f26cad61.system.entry.js → p-ef779e80.system.entry.js} +1 -1
  159. package/dist/calcite/{p-243985d8.system.entry.js → p-f2508455.system.entry.js} +1 -1
  160. package/dist/calcite/{p-146d8510.entry.js → p-f45eae85.entry.js} +1 -1
  161. package/dist/calcite/{p-2e29554c.js → p-fb3f5251.js} +1 -1
  162. package/dist/calcite/{p-14e47d1b.js → p-fbf74b6d.js} +1 -1
  163. package/dist/calcite/{p-f763b1e7.system.entry.js → p-fc04e52b.system.entry.js} +1 -1
  164. package/dist/calcite/p-fc2f135e.system.entry.js +5 -0
  165. package/dist/calcite/{p-54bb21f5.system.entry.js → p-fe28891b.system.entry.js} +1 -1
  166. package/dist/calcite/{p-f24ddc56.system.entry.js → p-feacdfdf.system.entry.js} +1 -1
  167. package/dist/cjs/{CalciteExpandToggle-d24fed0e.js → CalciteExpandToggle-f1e05027.js} +1 -1
  168. package/dist/cjs/{CalciteHeading-112c19f9.js → CalciteHeading-d797719f.js} +1 -1
  169. package/dist/cjs/calcite-accordion_2.cjs.entry.js +7 -4
  170. package/dist/cjs/calcite-action-bar.cjs.entry.js +3 -3
  171. package/dist/cjs/calcite-action-group.cjs.entry.js +2 -2
  172. package/dist/cjs/calcite-action-menu.cjs.entry.js +3 -6
  173. package/dist/cjs/calcite-action-pad.cjs.entry.js +3 -3
  174. package/dist/cjs/calcite-action.cjs.entry.js +2 -2
  175. package/dist/cjs/calcite-alert.cjs.entry.js +6 -8
  176. package/dist/cjs/calcite-avatar.cjs.entry.js +1 -1
  177. package/dist/cjs/calcite-block_2.cjs.entry.js +4 -4
  178. package/dist/cjs/calcite-button.cjs.entry.js +1 -1
  179. package/dist/cjs/calcite-card.cjs.entry.js +2 -2
  180. package/dist/cjs/calcite-checkbox.cjs.entry.js +2 -2
  181. package/dist/cjs/calcite-chip.cjs.entry.js +3 -3
  182. package/dist/cjs/calcite-color-picker_3.cjs.entry.js +2 -2
  183. package/dist/cjs/calcite-combobox_3.cjs.entry.js +4 -4
  184. package/dist/cjs/calcite-date-picker_4.cjs.entry.js +5 -5
  185. package/dist/cjs/calcite-dropdown_3.cjs.entry.js +3 -3
  186. package/dist/cjs/calcite-fab.cjs.entry.js +1 -1
  187. package/dist/cjs/calcite-filter.cjs.entry.js +1 -1
  188. package/dist/cjs/calcite-flow.cjs.entry.js +1 -1
  189. package/dist/cjs/calcite-graph_2.cjs.entry.js +10 -6
  190. package/dist/cjs/calcite-handle.cjs.entry.js +1 -1
  191. package/dist/cjs/calcite-icon.cjs.entry.js +1 -1
  192. package/dist/cjs/calcite-inline-editable.cjs.entry.js +39 -14
  193. package/dist/cjs/calcite-input-date-picker.cjs.entry.js +3 -3
  194. package/dist/cjs/calcite-input-message.cjs.entry.js +1 -1
  195. package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +3 -3
  196. package/dist/cjs/calcite-input.cjs.entry.js +13 -18
  197. package/dist/cjs/calcite-label.cjs.entry.js +5 -2
  198. package/dist/cjs/calcite-link.cjs.entry.js +1 -1
  199. package/dist/cjs/calcite-list_3.cjs.entry.js +3 -3
  200. package/dist/cjs/calcite-loader.cjs.entry.js +1 -1
  201. package/dist/cjs/calcite-modal.cjs.entry.js +3 -3
  202. package/dist/cjs/calcite-notice.cjs.entry.js +7 -9
  203. package/dist/cjs/calcite-option_3.cjs.entry.js +2 -2
  204. package/dist/cjs/calcite-pagination.cjs.entry.js +1 -1
  205. package/dist/cjs/calcite-panel.cjs.entry.js +21 -5
  206. package/dist/cjs/calcite-pick-list_3.cjs.entry.js +4 -4
  207. package/dist/cjs/calcite-popover_2.cjs.entry.js +2 -2
  208. package/dist/cjs/calcite-progress.cjs.entry.js +1 -1
  209. package/dist/cjs/calcite-radio-button-group.cjs.entry.js +14 -1
  210. package/dist/cjs/calcite-radio-button.cjs.entry.js +2 -6
  211. package/dist/cjs/calcite-radio-group_2.cjs.entry.js +2 -2
  212. package/dist/cjs/calcite-rating.cjs.entry.js +3 -3
  213. package/dist/cjs/calcite-scrim.cjs.entry.js +1 -1
  214. package/dist/cjs/calcite-shell_3.cjs.entry.js +9 -6
  215. package/dist/cjs/calcite-sortable-list.cjs.entry.js +1 -1
  216. package/dist/cjs/calcite-split-button.cjs.entry.js +1 -1
  217. package/dist/cjs/calcite-stepper_2.cjs.entry.js +1 -1
  218. package/dist/cjs/calcite-switch.cjs.entry.js +3 -3
  219. package/dist/cjs/calcite-tab_4.cjs.entry.js +2 -2
  220. package/dist/cjs/calcite-tile-select_2.cjs.entry.js +1 -1
  221. package/dist/cjs/calcite-tile.cjs.entry.js +2 -2
  222. package/dist/cjs/calcite-tip_3.cjs.entry.js +3 -3
  223. package/dist/cjs/calcite-tooltip_2.cjs.entry.js +3 -3
  224. package/dist/cjs/calcite-tree_2.cjs.entry.js +17 -10
  225. package/dist/cjs/calcite-value-list_2.cjs.entry.js +4 -4
  226. package/dist/cjs/calcite.cjs.js +3 -3
  227. package/dist/cjs/{conditionalSlot-92505fba.js → conditionalSlot-20745612.js} +1 -1
  228. package/dist/cjs/{form-237cf392.js → form-55a71663.js} +1 -1
  229. package/dist/cjs/{index-6b5d2de5.js → index-8b0d388b.js} +0 -5
  230. package/dist/cjs/loader.cjs.js +3 -3
  231. package/dist/cjs/{resources-11763017.js → resources-6af71952.js} +4 -1
  232. package/dist/cjs/{resources-95073e41.js → resources-f6847c67.js} +1 -1
  233. package/dist/collection/collection-manifest.json +1 -1
  234. package/dist/collection/components/accordion/interfaces.js +1 -0
  235. package/dist/collection/components/alert/interfaces.js +7 -0
  236. package/dist/collection/components/block-section/interfaces.js +1 -0
  237. package/dist/collection/components/button/interfaces.js +1 -0
  238. package/dist/collection/components/calcite-accordion/calcite-accordion.css +5 -5
  239. package/dist/collection/components/calcite-accordion/calcite-accordion.js +5 -1
  240. package/dist/collection/components/calcite-accordion-item/calcite-accordion-item.css +2 -16
  241. package/dist/collection/components/calcite-action/calcite-action.css +3 -1
  242. package/dist/collection/components/calcite-action-menu/calcite-action-menu.js +1 -4
  243. package/dist/collection/components/calcite-alert/calcite-alert.css +1 -0
  244. package/dist/collection/components/calcite-alert/calcite-alert.js +8 -7
  245. package/dist/collection/components/calcite-block/calcite-block.css +1 -0
  246. package/dist/collection/components/calcite-chip/calcite-chip.css +1 -0
  247. package/dist/collection/components/calcite-color-picker/calcite-color-picker.css +1 -0
  248. package/dist/collection/components/calcite-combobox/calcite-combobox.css +1 -1
  249. package/dist/collection/components/calcite-date-picker/assets/calcite-date-picker/nls/pt-BR.json +31 -0
  250. package/dist/collection/components/calcite-date-picker/assets/calcite-date-picker/nls/pt-PT.json +3 -3
  251. package/dist/collection/components/calcite-date-picker/utils.js +3 -0
  252. package/dist/collection/components/calcite-date-picker-day/calcite-date-picker-day.css +1 -0
  253. package/dist/collection/components/calcite-date-picker-month-header/calcite-date-picker-month-header.css +1 -0
  254. package/dist/collection/components/calcite-dropdown/calcite-dropdown.css +1 -0
  255. package/dist/collection/components/calcite-dropdown/calcite-dropdown.js +2 -2
  256. package/dist/collection/components/calcite-icon/assets/calcite-icon/clipboard16.json +1 -0
  257. package/dist/collection/components/calcite-icon/assets/calcite-icon/clipboard24.json +1 -0
  258. package/dist/collection/components/calcite-icon/assets/calcite-icon/clipboard32.json +1 -0
  259. package/dist/collection/components/calcite-icon/assets/calcite-icon/folders16.json +1 -0
  260. package/dist/collection/components/calcite-icon/assets/calcite-icon/folders24.json +1 -0
  261. package/dist/collection/components/calcite-icon/assets/calcite-icon/folders32.json +1 -0
  262. package/dist/collection/components/calcite-icon/assets/calcite-icon/initiative16.json +1 -0
  263. package/dist/collection/components/calcite-icon/assets/calcite-icon/initiative24.json +1 -0
  264. package/dist/collection/components/calcite-icon/assets/calcite-icon/initiative32.json +1 -0
  265. package/dist/collection/components/calcite-icon/assets/calcite-icon/initiativeTemplate16.json +1 -0
  266. package/dist/collection/components/calcite-icon/assets/calcite-icon/initiativeTemplate24.json +1 -0
  267. package/dist/collection/components/calcite-icon/assets/calcite-icon/initiativeTemplate32.json +1 -0
  268. package/dist/collection/components/calcite-icon/assets/calcite-icon/multipleVariables16.json +1 -0
  269. package/dist/collection/components/calcite-icon/assets/calcite-icon/multipleVariables24.json +1 -0
  270. package/dist/collection/components/calcite-icon/assets/calcite-icon/multipleVariables32.json +1 -0
  271. package/dist/collection/components/calcite-icon/assets/calcite-icon/paletteCheck16.json +1 -0
  272. package/dist/collection/components/calcite-icon/assets/calcite-icon/paletteCheck24.json +1 -0
  273. package/dist/collection/components/calcite-icon/assets/calcite-icon/paletteCheck32.json +1 -0
  274. package/dist/collection/components/calcite-icon/assets/calcite-icon/pentagon16.json +1 -0
  275. package/dist/collection/components/calcite-icon/assets/calcite-icon/pentagon24.json +1 -0
  276. package/dist/collection/components/calcite-icon/assets/calcite-icon/pentagon32.json +1 -0
  277. package/dist/collection/components/calcite-icon/assets/calcite-icon/puzzlePiece16.json +1 -0
  278. package/dist/collection/components/calcite-icon/assets/calcite-icon/puzzlePiece24.json +1 -0
  279. package/dist/collection/components/calcite-icon/assets/calcite-icon/puzzlePiece32.json +1 -0
  280. package/dist/collection/components/calcite-icon/assets/calcite-icon/ribbonRosette16.json +1 -0
  281. package/dist/collection/components/calcite-icon/assets/calcite-icon/ribbonRosette24.json +1 -0
  282. package/dist/collection/components/calcite-icon/assets/calcite-icon/ribbonRosette32.json +1 -0
  283. package/dist/collection/components/calcite-icon/assets/calcite-icon/speechBubbleExclamation16.json +1 -0
  284. package/dist/collection/components/calcite-icon/assets/calcite-icon/speechBubbleExclamation24.json +1 -0
  285. package/dist/collection/components/calcite-icon/assets/calcite-icon/speechBubbleExclamation32.json +1 -0
  286. package/dist/collection/components/calcite-icon/assets/calcite-icon/survey16.json +1 -0
  287. package/dist/collection/components/calcite-icon/assets/calcite-icon/survey24.json +1 -0
  288. package/dist/collection/components/calcite-icon/assets/calcite-icon/survey32.json +1 -0
  289. package/dist/collection/components/calcite-inline-editable/calcite-inline-editable.js +39 -14
  290. package/dist/collection/components/calcite-input/calcite-input.js +12 -17
  291. package/dist/collection/components/calcite-label/calcite-label.js +8 -2
  292. package/dist/collection/components/calcite-modal/calcite-modal.js +1 -1
  293. package/dist/collection/components/calcite-notice/calcite-notice.css +1 -0
  294. package/dist/collection/components/calcite-notice/calcite-notice.js +4 -6
  295. package/dist/collection/components/calcite-panel/calcite-panel.css +1 -0
  296. package/dist/collection/components/calcite-panel/calcite-panel.js +41 -5
  297. package/dist/collection/components/calcite-radio-button/calcite-radio-button.js +0 -4
  298. package/dist/collection/components/calcite-radio-button-group/calcite-radio-button-group.js +13 -0
  299. package/dist/collection/components/calcite-rating/calcite-rating.css +1 -0
  300. package/dist/collection/components/calcite-shell/calcite-shell.js +9 -7
  301. package/dist/collection/components/calcite-slider/calcite-slider.css +1 -0
  302. package/dist/collection/components/calcite-slider/calcite-slider.js +7 -3
  303. package/dist/collection/components/calcite-switch/calcite-switch.css +5 -0
  304. package/dist/collection/components/calcite-tab-nav/calcite-tab-nav.css +1 -0
  305. package/dist/collection/components/calcite-time-picker/calcite-time-picker.js +1 -1
  306. package/dist/collection/components/calcite-tooltip/calcite-tooltip.js +4 -4
  307. package/dist/collection/components/calcite-tree-item/calcite-tree-item.css +5 -0
  308. package/dist/collection/components/calcite-tree-item/calcite-tree-item.js +16 -7
  309. package/dist/collection/components/calcite-value-list-item/calcite-value-list-item.css +1 -0
  310. package/dist/collection/components/chip/interfaces.js +1 -0
  311. package/dist/collection/components/color-picker/interfaces.js +1 -0
  312. package/dist/collection/components/color-picker/utils.js +107 -0
  313. package/dist/collection/components/combobox/interfaces.js +1 -0
  314. package/dist/collection/components/date-picker/interfaces.js +1 -0
  315. package/dist/collection/components/date-picker/utils.js +53 -0
  316. package/dist/collection/components/dropdown/interfaces.js +1 -0
  317. package/dist/collection/components/dropdown-group/interfaces.js +1 -0
  318. package/dist/collection/components/functional/Heading.js +9 -0
  319. package/dist/collection/components/graph/interfaces.js +1 -0
  320. package/dist/collection/components/input/interfaces.js +1 -0
  321. package/dist/collection/components/modal/interfaces.js +1 -0
  322. package/dist/collection/components/pagination/pagination.js +201 -0
  323. package/dist/collection/components/pagination/resources.js +14 -0
  324. package/dist/collection/components/pick-list/pick-list.js +192 -0
  325. package/dist/collection/components/pick-list/resources.js +15 -0
  326. package/dist/collection/components/pick-list/shared-list-logic.js +269 -0
  327. package/dist/collection/components/pick-list/shared-list-render.js +25 -0
  328. package/dist/collection/components/radio-group/interfaces.js +1 -0
  329. package/dist/collection/components/tab/interfaces.js +1 -0
  330. package/dist/collection/components/tabs/interfaces.js +1 -0
  331. package/dist/collection/components/tile-select/interfaces.js +1 -0
  332. package/dist/collection/components/tile-select-group/interfaces.js +1 -0
  333. package/dist/collection/components/tree/interfaces.js +8 -0
  334. package/dist/collection/components/tree-item/interfaces.js +1 -0
  335. package/dist/collection/components/value-list/resources.js +11 -0
  336. package/dist/collection/components/value-list/value-list.js +266 -0
  337. package/dist/components/calcite-accordion-item.js +1 -1
  338. package/dist/components/calcite-accordion.js +5 -2
  339. package/dist/components/calcite-action-menu2.js +1 -4
  340. package/dist/components/calcite-action2.js +1 -1
  341. package/dist/components/calcite-alert.js +6 -8
  342. package/dist/components/calcite-block.js +1 -1
  343. package/dist/components/calcite-chip2.js +1 -1
  344. package/dist/components/calcite-color-picker.js +1 -1
  345. package/dist/components/calcite-combobox.js +1 -1
  346. package/dist/components/calcite-date-picker-day2.js +1 -1
  347. package/dist/components/calcite-date-picker-month-header2.js +1 -1
  348. package/dist/components/calcite-date-picker2.js +3 -0
  349. package/dist/components/calcite-dropdown2.js +3 -3
  350. package/dist/components/calcite-inline-editable.js +39 -14
  351. package/dist/components/calcite-input2.js +12 -17
  352. package/dist/components/calcite-label2.js +4 -1
  353. package/dist/components/calcite-modal.js +1 -1
  354. package/dist/components/calcite-notice.js +5 -7
  355. package/dist/components/calcite-panel.js +20 -3
  356. package/dist/components/calcite-radio-button-group.js +13 -0
  357. package/dist/components/calcite-radio-button.js +0 -4
  358. package/dist/components/calcite-rating.js +1 -1
  359. package/dist/components/calcite-shell.js +7 -4
  360. package/dist/components/calcite-slider.js +8 -4
  361. package/dist/components/calcite-switch2.js +1 -1
  362. package/dist/components/calcite-tab-nav2.js +1 -1
  363. package/dist/components/calcite-time-picker2.js +1 -1
  364. package/dist/components/calcite-tooltip.js +2 -2
  365. package/dist/components/calcite-tree-item.js +15 -8
  366. package/dist/components/calcite-value-list-item.js +1 -1
  367. package/dist/custom-elements/index.js +148 -90
  368. package/dist/esm/{CalciteExpandToggle-cff030be.js → CalciteExpandToggle-3ebdb3a6.js} +1 -1
  369. package/dist/esm/{CalciteHeading-1d6cd311.js → CalciteHeading-fa0da825.js} +1 -1
  370. package/dist/esm/calcite-accordion_2.entry.js +7 -4
  371. package/dist/esm/calcite-action-bar.entry.js +3 -3
  372. package/dist/esm/calcite-action-group.entry.js +2 -2
  373. package/dist/esm/calcite-action-menu.entry.js +3 -6
  374. package/dist/esm/calcite-action-pad.entry.js +3 -3
  375. package/dist/esm/calcite-action.entry.js +2 -2
  376. package/dist/esm/calcite-alert.entry.js +7 -9
  377. package/dist/esm/calcite-avatar.entry.js +1 -1
  378. package/dist/esm/calcite-block_2.entry.js +4 -4
  379. package/dist/esm/calcite-button.entry.js +1 -1
  380. package/dist/esm/calcite-card.entry.js +2 -2
  381. package/dist/esm/calcite-checkbox.entry.js +2 -2
  382. package/dist/esm/calcite-chip.entry.js +3 -3
  383. package/dist/esm/calcite-color-picker_3.entry.js +2 -2
  384. package/dist/esm/calcite-combobox_3.entry.js +4 -4
  385. package/dist/esm/calcite-date-picker_4.entry.js +5 -5
  386. package/dist/esm/calcite-dropdown_3.entry.js +4 -4
  387. package/dist/esm/calcite-fab.entry.js +1 -1
  388. package/dist/esm/calcite-filter.entry.js +1 -1
  389. package/dist/esm/calcite-flow.entry.js +1 -1
  390. package/dist/esm/calcite-graph_2.entry.js +10 -6
  391. package/dist/esm/calcite-handle.entry.js +1 -1
  392. package/dist/esm/calcite-icon.entry.js +1 -1
  393. package/dist/esm/calcite-inline-editable.entry.js +40 -15
  394. package/dist/esm/calcite-input-date-picker.entry.js +3 -3
  395. package/dist/esm/calcite-input-message.entry.js +1 -1
  396. package/dist/esm/calcite-input-time-picker_2.entry.js +3 -3
  397. package/dist/esm/calcite-input.entry.js +14 -19
  398. package/dist/esm/calcite-label.entry.js +5 -2
  399. package/dist/esm/calcite-link.entry.js +1 -1
  400. package/dist/esm/calcite-list_3.entry.js +3 -3
  401. package/dist/esm/calcite-loader.entry.js +1 -1
  402. package/dist/esm/calcite-modal.entry.js +3 -3
  403. package/dist/esm/calcite-notice.entry.js +7 -9
  404. package/dist/esm/calcite-option_3.entry.js +2 -2
  405. package/dist/esm/calcite-pagination.entry.js +1 -1
  406. package/dist/esm/calcite-panel.entry.js +21 -5
  407. package/dist/esm/calcite-pick-list_3.entry.js +4 -4
  408. package/dist/esm/calcite-popover_2.entry.js +2 -2
  409. package/dist/esm/calcite-progress.entry.js +1 -1
  410. package/dist/esm/calcite-radio-button-group.entry.js +14 -1
  411. package/dist/esm/calcite-radio-button.entry.js +2 -6
  412. package/dist/esm/calcite-radio-group_2.entry.js +2 -2
  413. package/dist/esm/calcite-rating.entry.js +3 -3
  414. package/dist/esm/calcite-scrim.entry.js +1 -1
  415. package/dist/esm/calcite-shell_3.entry.js +9 -6
  416. package/dist/esm/calcite-sortable-list.entry.js +1 -1
  417. package/dist/esm/calcite-split-button.entry.js +1 -1
  418. package/dist/esm/calcite-stepper_2.entry.js +1 -1
  419. package/dist/esm/calcite-switch.entry.js +3 -3
  420. package/dist/esm/calcite-tab_4.entry.js +2 -2
  421. package/dist/esm/calcite-tile-select_2.entry.js +1 -1
  422. package/dist/esm/calcite-tile.entry.js +2 -2
  423. package/dist/esm/calcite-tip_3.entry.js +3 -3
  424. package/dist/esm/calcite-tooltip_2.entry.js +3 -3
  425. package/dist/esm/calcite-tree_2.entry.js +17 -10
  426. package/dist/esm/calcite-value-list_2.entry.js +4 -4
  427. package/dist/esm/calcite.js +3 -3
  428. package/dist/esm/{conditionalSlot-9e7d8609.js → conditionalSlot-0e575a09.js} +1 -1
  429. package/dist/esm/{form-f90706b4.js → form-42bda668.js} +1 -1
  430. package/dist/esm/{index-9de00868.js → index-c4b90cce.js} +0 -5
  431. package/dist/esm/loader.js +3 -3
  432. package/dist/esm/{resources-95c5e8a6.js → resources-3c05dd64.js} +1 -1
  433. package/dist/esm/{resources-c768953c.js → resources-704f6b2d.js} +4 -1
  434. package/dist/esm-es5/{CalciteExpandToggle-cff030be.js → CalciteExpandToggle-3ebdb3a6.js} +1 -1
  435. package/dist/esm-es5/{CalciteHeading-1d6cd311.js → CalciteHeading-fa0da825.js} +1 -1
  436. package/dist/esm-es5/calcite-accordion_2.entry.js +1 -1
  437. package/dist/esm-es5/calcite-action-bar.entry.js +2 -2
  438. package/dist/esm-es5/calcite-action-group.entry.js +1 -1
  439. package/dist/esm-es5/calcite-action-menu.entry.js +2 -2
  440. package/dist/esm-es5/calcite-action-pad.entry.js +2 -2
  441. package/dist/esm-es5/calcite-action.entry.js +1 -1
  442. package/dist/esm-es5/calcite-alert.entry.js +1 -1
  443. package/dist/esm-es5/calcite-avatar.entry.js +1 -1
  444. package/dist/esm-es5/calcite-block_2.entry.js +1 -1
  445. package/dist/esm-es5/calcite-button.entry.js +1 -1
  446. package/dist/esm-es5/calcite-card.entry.js +1 -1
  447. package/dist/esm-es5/calcite-checkbox.entry.js +1 -1
  448. package/dist/esm-es5/calcite-chip.entry.js +1 -1
  449. package/dist/esm-es5/calcite-color-picker_3.entry.js +1 -1
  450. package/dist/esm-es5/calcite-combobox_3.entry.js +1 -1
  451. package/dist/esm-es5/calcite-date-picker_4.entry.js +1 -1
  452. package/dist/esm-es5/calcite-dropdown_3.entry.js +1 -1
  453. package/dist/esm-es5/calcite-fab.entry.js +2 -2
  454. package/dist/esm-es5/calcite-filter.entry.js +1 -1
  455. package/dist/esm-es5/calcite-flow.entry.js +1 -1
  456. package/dist/esm-es5/calcite-graph_2.entry.js +1 -1
  457. package/dist/esm-es5/calcite-handle.entry.js +1 -1
  458. package/dist/esm-es5/calcite-icon.entry.js +1 -1
  459. package/dist/esm-es5/calcite-inline-editable.entry.js +1 -1
  460. package/dist/esm-es5/calcite-input-date-picker.entry.js +1 -1
  461. package/dist/esm-es5/calcite-input-message.entry.js +1 -1
  462. package/dist/esm-es5/calcite-input-time-picker_2.entry.js +1 -1
  463. package/dist/esm-es5/calcite-input.entry.js +1 -1
  464. package/dist/esm-es5/calcite-label.entry.js +1 -1
  465. package/dist/esm-es5/calcite-link.entry.js +1 -1
  466. package/dist/esm-es5/calcite-list_3.entry.js +1 -1
  467. package/dist/esm-es5/calcite-loader.entry.js +1 -1
  468. package/dist/esm-es5/calcite-modal.entry.js +1 -1
  469. package/dist/esm-es5/calcite-notice.entry.js +1 -1
  470. package/dist/esm-es5/calcite-option_3.entry.js +1 -1
  471. package/dist/esm-es5/calcite-pagination.entry.js +1 -1
  472. package/dist/esm-es5/calcite-panel.entry.js +2 -2
  473. package/dist/esm-es5/calcite-pick-list_3.entry.js +1 -1
  474. package/dist/esm-es5/calcite-popover_2.entry.js +2 -2
  475. package/dist/esm-es5/calcite-progress.entry.js +1 -1
  476. package/dist/esm-es5/calcite-radio-button-group.entry.js +1 -1
  477. package/dist/esm-es5/calcite-radio-button.entry.js +1 -1
  478. package/dist/esm-es5/calcite-radio-group_2.entry.js +1 -1
  479. package/dist/esm-es5/calcite-rating.entry.js +2 -2
  480. package/dist/esm-es5/calcite-scrim.entry.js +1 -1
  481. package/dist/esm-es5/calcite-shell_3.entry.js +1 -1
  482. package/dist/esm-es5/calcite-sortable-list.entry.js +1 -1
  483. package/dist/esm-es5/calcite-split-button.entry.js +1 -1
  484. package/dist/esm-es5/calcite-stepper_2.entry.js +1 -1
  485. package/dist/esm-es5/calcite-switch.entry.js +2 -2
  486. package/dist/esm-es5/calcite-tab_4.entry.js +1 -1
  487. package/dist/esm-es5/calcite-tile-select_2.entry.js +1 -1
  488. package/dist/esm-es5/calcite-tile.entry.js +1 -1
  489. package/dist/esm-es5/calcite-tip_3.entry.js +1 -1
  490. package/dist/esm-es5/calcite-tooltip_2.entry.js +1 -1
  491. package/dist/esm-es5/calcite-tree_2.entry.js +1 -1
  492. package/dist/esm-es5/calcite-value-list_2.entry.js +1 -1
  493. package/dist/esm-es5/calcite.js +1 -1
  494. package/dist/esm-es5/{conditionalSlot-9e7d8609.js → conditionalSlot-0e575a09.js} +1 -1
  495. package/dist/esm-es5/{form-f90706b4.js → form-42bda668.js} +1 -1
  496. package/dist/esm-es5/{index-9de00868.js → index-c4b90cce.js} +1 -1
  497. package/dist/esm-es5/loader.js +1 -1
  498. package/dist/esm-es5/{resources-95c5e8a6.js → resources-3c05dd64.js} +1 -1
  499. package/dist/esm-es5/resources-704f6b2d.js +5 -0
  500. package/dist/extras/docs-json.json +22 -5
  501. package/dist/types/components/calcite-alert/calcite-alert.d.ts +0 -3
  502. package/dist/types/components/calcite-inline-editable/calcite-inline-editable.d.ts +3 -1
  503. package/dist/types/components/calcite-input/calcite-input.d.ts +1 -4
  504. package/dist/types/components/calcite-label/calcite-label.d.ts +4 -1
  505. package/dist/types/components/calcite-notice/calcite-notice.d.ts +0 -3
  506. package/dist/types/components/calcite-panel/calcite-panel.d.ts +12 -0
  507. package/dist/types/components/calcite-radio-button-group/calcite-radio-button-group.d.ts +2 -0
  508. package/dist/types/components/calcite-slider/calcite-slider.d.ts +1 -0
  509. package/dist/types/components/calcite-tooltip/calcite-tooltip.d.ts +2 -2
  510. package/dist/types/components/calcite-tree-item/calcite-tree-item.d.ts +2 -0
  511. package/dist/types/components.d.ts +10 -4
  512. package/hydrate/index.js +164 -94
  513. package/package.json +22 -18
  514. package/readme.md +2 -6
  515. package/dist/calcite/p-06fbc0f2.system.entry.js +0 -5
  516. package/dist/calcite/p-08be120f.entry.js +0 -5
  517. package/dist/calcite/p-0b552c00.system.entry.js +0 -5
  518. package/dist/calcite/p-14ca5cdf.system.entry.js +0 -5
  519. package/dist/calcite/p-20e3fc50.entry.js +0 -5
  520. package/dist/calcite/p-288bc438.system.js +0 -5
  521. package/dist/calcite/p-32d61433.system.entry.js +0 -5
  522. package/dist/calcite/p-39d4d1b1.system.entry.js +0 -5
  523. package/dist/calcite/p-500300b5.entry.js +0 -5
  524. package/dist/calcite/p-5f5bfaa5.entry.js +0 -5
  525. package/dist/calcite/p-647d22ef.js +0 -5
  526. package/dist/calcite/p-64a5e88c.entry.js +0 -5
  527. package/dist/calcite/p-6969dabb.entry.js +0 -5
  528. package/dist/calcite/p-7165e37e.entry.js +0 -5
  529. package/dist/calcite/p-78725919.entry.js +0 -5
  530. package/dist/calcite/p-7a6c932d.system.entry.js +0 -5
  531. package/dist/calcite/p-8340b572.js +0 -5
  532. package/dist/calcite/p-8ba8a357.system.js +0 -5
  533. package/dist/calcite/p-8e4aa7f7.entry.js +0 -5
  534. package/dist/calcite/p-9716c57c.entry.js +0 -5
  535. package/dist/calcite/p-97375cc0.entry.js +0 -5
  536. package/dist/calcite/p-99422223.system.entry.js +0 -5
  537. package/dist/calcite/p-99d32fc3.system.js +0 -5
  538. package/dist/calcite/p-9f49c4fe.system.entry.js +0 -5
  539. package/dist/calcite/p-a50e52f1.entry.js +0 -5
  540. package/dist/calcite/p-ab14b0a2.system.js +0 -5
  541. package/dist/calcite/p-abe7730b.entry.js +0 -5
  542. package/dist/calcite/p-b9a47a94.system.entry.js +0 -5
  543. package/dist/calcite/p-b9adf89d.system.entry.js +0 -5
  544. package/dist/calcite/p-bd576ae0.system.entry.js +0 -5
  545. package/dist/calcite/p-c5b3d90c.entry.js +0 -5
  546. package/dist/calcite/p-c6cb0aa2.entry.js +0 -5
  547. package/dist/calcite/p-cd9d106b.system.entry.js +0 -5
  548. package/dist/calcite/p-dba7c714.system.entry.js +0 -5
  549. package/dist/calcite/p-e5c2a6eb.entry.js +0 -5
  550. package/dist/calcite/p-e63f0806.entry.js +0 -5
  551. package/dist/calcite/p-e8e0f3b7.js +0 -5
  552. package/dist/calcite/p-ea510477.js +0 -5
  553. package/dist/calcite/p-ee14736a.entry.js +0 -5
  554. package/dist/calcite/p-f12c35de.system.entry.js +0 -5
  555. package/dist/calcite/p-fbd68dbf.system.entry.js +0 -5
  556. package/dist/calcite/p-ff04cfb1.system.entry.js +0 -5
  557. package/dist/esm-es5/resources-c768953c.js +0 -5
package/dist/esm/{CalciteExpandToggle-cff030be.js → CalciteExpandToggle-3ebdb3a6.js} RENAMED
@@ -2,7 +2,7 @@
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
4
  */
5
- import { f as forceUpdate, h } from './index-9de00868.js';
5
+ import { f as forceUpdate, h } from './index-c4b90cce.js';
6
6
  import { a as getElementDir } from './dom-e7fa77b9.js';
7
7
  import { S as SLOTS } from './resources-584acd9b.js';
8
8
  import { S as SLOTS$1 } from './resources-7c6029b6.js';
package/dist/esm/{CalciteHeading-1d6cd311.js → CalciteHeading-fa0da825.js} RENAMED
@@ -2,7 +2,7 @@
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
4
  */
5
- import { h } from './index-9de00868.js';
5
+ import { h } from './index-c4b90cce.js';
6
6
 
7
7
  function constrainHeadingLevel(level) {
8
8
  return Math.min(Math.max(Math.ceil(level), 1), 6);
package/dist/esm/calcite-accordion_2.entry.js CHANGED
@@ -2,11 +2,11 @@
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
4
  */
5
- import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-9de00868.js';
5
+ import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-c4b90cce.js';
6
6
  import { d as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom-e7fa77b9.js';
7
7
  import './guid-196bd5ea.js';
8
8
 
9
- const calciteAccordionCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-width:100%;border-width:1px;border-bottom-width:0px;border-style:solid;border-color:var(--calcite-ui-border-2);line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}:host([appearance=minimal]){--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0;border-color:transparent}:host([appearance=transparent]){border-color:transparent;--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}";
9
+ const calciteAccordionCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-width:100%;border-width:1px;border-bottom-width:0px;border-style:solid;border-color:var(--calcite-ui-border-2);line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}.accordion--transparent{border-color:transparent;--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}.accordion--minimal{--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0;border-color:transparent}";
10
10
 
11
11
  let CalciteAccordion = class {
12
12
  constructor(hostRef) {
@@ -51,7 +51,10 @@ let CalciteAccordion = class {
51
51
  }
52
52
  }
53
53
  render() {
54
- return h("slot", null);
54
+ return (h("div", { class: {
55
+ "accordion--transparent": this.appearance === "transparent",
56
+ "accordion--minimal": this.appearance === "minimal"
57
+ } }, h("slot", null)));
55
58
  }
56
59
  //--------------------------------------------------------------------------
57
60
  //
@@ -142,7 +145,7 @@ let CalciteAccordion = class {
142
145
  };
143
146
  CalciteAccordion.style = calciteAccordionCss;
144
147
 
145
- const calciteAccordionItemCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.icon-position--end,.icon-position--start{--calcite-accordion-item-icon-rotation:calc(90deg * -1);--calcite-accordion-item-active-icon-rotation:0deg;--calcite-accordion-item-icon-rotation-rtl:90deg;--calcite-accordion-item-active-icon-rotation-rtl:0deg}.icon-position--start{--calcite-accordion-item-flex-direction:row-reverse;--calcite-accordion-item-icon-spacing-start:0;--calcite-accordion-item-icon-spacing-end:var(--calcite-accordion-icon-margin)}.icon-position--end{--calcite-accordion-item-flex-direction:row;--calcite-accordion-item-icon-spacing-start:var(--calcite-accordion-icon-margin);--calcite-accordion-item-icon-spacing-end:0}.icon-position--end:not(.icon-type--plus-minus){--calcite-accordion-item-icon-rotation:0deg;--calcite-accordion-item-active-icon-rotation:180deg;--calcite-accordion-item-icon-rotation-rtl:0deg;--calcite-accordion-item-active-icon-rotation-rtl:calc(180deg * -1)}:host{--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}:host-context([appearance=minimal]){--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0}:host-context([appearance=transparent]){--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;background-color:var(--calcite-accordion-item-background);--calcite-accordion-item-border:var(--calcite-ui-border-2)}:host .accordion-item-header{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host(:focus) .accordion-item-header{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([active]){color:var(--calcite-ui-text-1)}:host([active]) .accordion-item-content{display:block;color:var(--calcite-ui-text-1)}:host([active]) .accordion-item-header{border-bottom-color:transparent}:host .accordion-item-header{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-direction:var(--calcite-accordion-item-flex-direction);flex-direction:var(--calcite-accordion-item-flex-direction)}:host .accordion-item-icon{position:relative;margin:0px;display:-ms-inline-flexbox;display:inline-flex;color:var(--calcite-ui-text-3);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:var(--calcite-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-accordion-item-icon-spacing-start);-webkit-margin-start:var(--calcite-accordion-item-icon-spacing-end);margin-inline-start:var(--calcite-accordion-item-icon-spacing-end)}:host .accordion-item-content,:host .accordion-item-header{padding:var(--calcite-accordion-item-padding);border-bottom:1px solid var(--calcite-accordion-item-border)}:host .accordion-item-header *{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .accordion-item-content{display:none;padding-top:0px;color:var(--calcite-ui-text-3);text-align:initial}:host .accordion-item-expand-icon{color:var(--calcite-ui-text-3);-webkit-margin-start:var(--calcite-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-accordion-item-icon-spacing-start);-webkit-margin-end:var(--calcite-accordion-item-icon-spacing-end);margin-inline-end:var(--calcite-accordion-item-icon-spacing-end);-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation));transform:rotate(var(--calcite-accordion-item-icon-rotation))}.calcite--rtl .accordion-item-expand-icon{-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}:host([active]) .accordion-item-expand-icon{color:var(--calcite-ui-text-1);-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation));transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}:host([active]) .calcite--rtl .accordion-item-expand-icon{-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}:host .accordion-item-header-text{margin-top:0px;margin-bottom:0px;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;padding-top:0px;padding-bottom:0px;text-align:initial;-webkit-margin-end:auto;margin-inline-end:auto}:host .accordion-item-title,:host .accordion-item-subtitle{display:-ms-flexbox;display:flex;width:100%}:host .accordion-item-title{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}:host .accordion-item-subtitle{margin-top:0.25rem;color:var(--calcite-ui-text-3)}:host(:focus) .accordion-item-title,:host(:hover) .accordion-item-title{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-icon,:host(:hover) .accordion-item-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-expand-icon,:host(:hover) .accordion-item-expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-subtitle,:host(:hover) .accordion-item-subtitle{color:var(--calcite-ui-text-2)}:host(:focus) .accordion-item-title,:host(:active) .accordion-item-title,:host([active]) .accordion-item-title{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-icon,:host(:active) .accordion-item-icon,:host([active]) .accordion-item-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-expand-icon,:host(:active) .accordion-item-expand-icon,:host([active]) .accordion-item-expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-subtitle,:host(:active) .accordion-item-subtitle,:host([active]) .accordion-item-subtitle{color:var(--calcite-ui-text-2)}";
148
+ const calciteAccordionItemCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.icon-position--end,.icon-position--start{--calcite-accordion-item-icon-rotation:calc(90deg * -1);--calcite-accordion-item-active-icon-rotation:0deg;--calcite-accordion-item-icon-rotation-rtl:90deg;--calcite-accordion-item-active-icon-rotation-rtl:0deg}.icon-position--start{--calcite-accordion-item-flex-direction:row-reverse;--calcite-accordion-item-icon-spacing-start:0;--calcite-accordion-item-icon-spacing-end:var(--calcite-accordion-icon-margin)}.icon-position--end{--calcite-accordion-item-flex-direction:row;--calcite-accordion-item-icon-spacing-start:var(--calcite-accordion-icon-margin);--calcite-accordion-item-icon-spacing-end:0}.icon-position--end:not(.icon-type--plus-minus){--calcite-accordion-item-icon-rotation:0deg;--calcite-accordion-item-active-icon-rotation:180deg;--calcite-accordion-item-icon-rotation-rtl:0deg;--calcite-accordion-item-active-icon-rotation-rtl:calc(180deg * -1)}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;background-color:var(--calcite-accordion-item-background, var(--calcite-ui-foreground-1))}:host .accordion-item-header{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host(:focus) .accordion-item-header{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([active]){color:var(--calcite-ui-text-1)}:host([active]) .accordion-item-content{display:block;color:var(--calcite-ui-text-1)}:host([active]) .accordion-item-header{border-bottom-color:transparent}:host .accordion-item-header{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-direction:var(--calcite-accordion-item-flex-direction);flex-direction:var(--calcite-accordion-item-flex-direction)}:host .accordion-item-icon{position:relative;margin:0px;display:-ms-inline-flexbox;display:inline-flex;color:var(--calcite-ui-text-3);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:var(--calcite-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-accordion-item-icon-spacing-start);-webkit-margin-start:var(--calcite-accordion-item-icon-spacing-end);margin-inline-start:var(--calcite-accordion-item-icon-spacing-end)}:host .accordion-item-content,:host .accordion-item-header{padding:var(--calcite-accordion-item-padding);border-bottom:1px solid var(--calcite-accordion-item-border, var(--calcite-ui-border-2))}:host .accordion-item-header *{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .accordion-item-content{display:none;padding-top:0px;color:var(--calcite-ui-text-3);text-align:initial}:host .accordion-item-expand-icon{color:var(--calcite-ui-text-3);-webkit-margin-start:var(--calcite-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-accordion-item-icon-spacing-start);-webkit-margin-end:var(--calcite-accordion-item-icon-spacing-end);margin-inline-end:var(--calcite-accordion-item-icon-spacing-end);-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation));transform:rotate(var(--calcite-accordion-item-icon-rotation))}.calcite--rtl .accordion-item-expand-icon{-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}:host([active]) .accordion-item-expand-icon{color:var(--calcite-ui-text-1);-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation));transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}:host([active]) .calcite--rtl .accordion-item-expand-icon{-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}:host .accordion-item-header-text{margin-top:0px;margin-bottom:0px;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;padding-top:0px;padding-bottom:0px;text-align:initial;-webkit-margin-end:auto;margin-inline-end:auto}:host .accordion-item-title,:host .accordion-item-subtitle{display:-ms-flexbox;display:flex;width:100%}:host .accordion-item-title{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}:host .accordion-item-subtitle{margin-top:0.25rem;color:var(--calcite-ui-text-3)}:host(:focus) .accordion-item-title,:host(:hover) .accordion-item-title{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-icon,:host(:hover) .accordion-item-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-expand-icon,:host(:hover) .accordion-item-expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-subtitle,:host(:hover) .accordion-item-subtitle{color:var(--calcite-ui-text-2)}:host(:focus) .accordion-item-title,:host(:active) .accordion-item-title,:host([active]) .accordion-item-title{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-icon,:host(:active) .accordion-item-icon,:host([active]) .accordion-item-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-expand-icon,:host(:active) .accordion-item-expand-icon,:host([active]) .accordion-item-expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-subtitle,:host(:active) .accordion-item-subtitle,:host([active]) .accordion-item-subtitle{color:var(--calcite-ui-text-2)}";
146
149
 
147
150
  let CalciteAccordionItem = class {
148
151
  constructor(hostRef) {
package/dist/esm/calcite-action-bar.entry.js CHANGED
@@ -2,11 +2,11 @@
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
4
  */
5
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9de00868.js';
6
- import { t as toggleChildActionText, o as overflowActionsDebounceInMs, q as queryActions, a as overflowActions, C as CalciteExpandToggle, g as getOverflowCount } from './CalciteExpandToggle-cff030be.js';
5
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c4b90cce.js';
6
+ import { t as toggleChildActionText, o as overflowActionsDebounceInMs, q as queryActions, a as overflowActions, C as CalciteExpandToggle, g as getOverflowCount } from './CalciteExpandToggle-3ebdb3a6.js';
7
7
  import { f as focusElement, g as getSlotted } from './dom-e7fa77b9.js';
8
8
  import { c as createObserver } from './observers-46118290.js';
9
- import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9e7d8609.js';
9
+ import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-0e575a09.js';
10
10
  import { d as debounce } from './debounce-79648d42.js';
11
11
  import './resources-584acd9b.js';
12
12
  import './resources-7c6029b6.js';
package/dist/esm/calcite-action-group.entry.js CHANGED
@@ -2,11 +2,11 @@
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
4
  */
5
- import { r as registerInstance, h, F as Fragment, g as getElement } from './index-9de00868.js';
5
+ import { r as registerInstance, h, F as Fragment, g as getElement } from './index-c4b90cce.js';
6
6
  import { S as SLOTS, I as ICONS, T as TEXT } from './resources-7c6029b6.js';
7
7
  import { g as getSlotted } from './dom-e7fa77b9.js';
8
8
  import { S as SLOTS$1 } from './resources-584acd9b.js';
9
- import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9e7d8609.js';
9
+ import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-0e575a09.js';
10
10
  import './guid-196bd5ea.js';
11
11
  import './observers-46118290.js';
12
12
 
package/dist/esm/calcite-action-menu.entry.js CHANGED
@@ -2,13 +2,13 @@
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
4
  */
5
- import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-9de00868.js';
5
+ import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-c4b90cce.js';
6
6
  import { C as CSS, I as ICONS, S as SLOTS } from './resources-584acd9b.js';
7
7
  import { g as getSlotted, f as focusElement } from './dom-e7fa77b9.js';
8
8
  import { g as getRoundRobinIndex } from './array-91a648e2.js';
9
9
  import { g as guid } from './guid-196bd5ea.js';
10
10
  import { c as createObserver } from './observers-46118290.js';
11
- import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9e7d8609.js';
11
+ import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-0e575a09.js';
12
12
 
13
13
  const calciteActionMenuCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size-1);color:var(--calcite-ui-text-2)}.menu ::slotted(calcite-action){margin:0.125rem;display:-ms-flexbox;display:flex;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}::slotted(calcite-action[active]){outline:2px solid var(--calcite-ui-brand);outline-offset:0px}.default-trigger{position:relative;height:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;height:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}";
14
14
 
@@ -126,10 +126,7 @@ let CalciteActionMenu = class {
126
126
  };
127
127
  this.getActions = () => {
128
128
  const { el } = this;
129
- const assignedActions = this.getAssignedElements().filter((element) => element.tagName === "CALCITE-ACTION" && element.slot !== "trigger");
130
- const actionElements = assignedActions.length
131
- ? assignedActions
132
- : Array.from(el.querySelectorAll("calcite-action:not([slot=trigger])"));
129
+ const actionElements = getSlotted(el, { all: true, matches: "calcite-action" });
133
130
  this.updateActions(actionElements);
134
131
  this.actionElements = actionElements;
135
132
  this.connectMenuButtonEl();
package/dist/esm/calcite-action-pad.entry.js CHANGED
@@ -2,10 +2,10 @@
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
4
  */
5
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9de00868.js';
6
- import { t as toggleChildActionText, C as CalciteExpandToggle } from './CalciteExpandToggle-cff030be.js';
5
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c4b90cce.js';
6
+ import { t as toggleChildActionText, C as CalciteExpandToggle } from './CalciteExpandToggle-3ebdb3a6.js';
7
7
  import { f as focusElement, g as getSlotted } from './dom-e7fa77b9.js';
8
- import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9e7d8609.js';
8
+ import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-0e575a09.js';
9
9
  import './resources-584acd9b.js';
10
10
  import './resources-7c6029b6.js';
11
11
  import './guid-196bd5ea.js';
package/dist/esm/calcite-action.entry.js CHANGED
@@ -2,7 +2,7 @@
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
4
  */
5
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as forceUpdate } from './index-9de00868.js';
5
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as forceUpdate } from './index-c4b90cce.js';
6
6
  import { c as createObserver } from './observers-46118290.js';
7
7
 
8
8
  const CSS = {
@@ -19,7 +19,7 @@ const TEXT = {
19
19
  loading: "Loading"
20
20
  };
21
21
 
22
- const calciteActionCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;background-color:transparent}:host([disabled]){pointer-events:none}.button{position:relative;margin:0px;display:-ms-flexbox;display:flex;width:auto;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;border-style:none;background-color:var(--calcite-ui-foreground-1);fill:var(--calcite-ui-text-3);font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-3);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;font-family:inherit;text-align:unset;-ms-flex:1 0 auto;flex:1 0 auto}.button:hover{background-color:var(--calcite-ui-foreground-2);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1)}.button:focus{background-color:var(--calcite-ui-foreground-2);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.button:active{background-color:var(--calcite-ui-foreground-3)}.button .icon-container{pointer-events:none;margin:0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:1rem;min-height:1rem}.button .text-container{margin:0px;width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1rem;opacity:0;-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-transition-property:width;transition-property:width}.button .text-container--visible{width:auto;-ms-flex:1 1 auto;flex:1 1 auto;opacity:1}:host([scale=s]) .button{padding:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=s]) .button--text-visible .icon-container{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([scale=m]) .button{padding:1rem;font-size:var(--calcite-font-size--1);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=m]) .button--text-visible .icon-container{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([scale=l]) .button{padding:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=l]) .button--text-visible .icon-container{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([alignment=center]) .button{-ms-flex-pack:center;justify-content:center}:host([alignment=end]) .button{-ms-flex-pack:end;justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{-ms-flex:0 1 auto;flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-left:0px;padding-right:0px}.slot-container{display:-ms-flexbox;display:flex}.slot-container--hidden{display:none}.button--text-visible{width:100%}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus,:host([active][loading]) .button{background-color:var(--calcite-ui-foreground-3);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1)}:host([active]) .button:active{background-color:var(--calcite-ui-foreground-1)}:host([appearance=clear]) .button{background-color:transparent;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-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)}:host([appearance=clear]) .button:hover,:host([appearance=clear]) .button:focus{background-color:transparent;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-border-1) inset;box-shadow:0 0 0 2px var(--calcite-ui-border-1) inset}:host([active][appearance=clear]) .button,:host([active][appearance=clear]) .button:hover,:host([active][appearance=clear]) .button:focus{background-color:var(--calcite-ui-foreground-3);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1)}:host([appearance=clear][loading]) .button,:host([appearance=clear][disabled]) .button{background-color:transparent}:host([loading]) .button,:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-ui-foreground-1)}:host([loading]) .button .text-container,:host([loading]) .button:hover .text-container,:host([loading]) .button:focus .text-container{opacity:var(--calcite-ui-opacity-disabled)}:host([loading]) calcite-loader[inline]{margin-right:0px;color:var(--calcite-ui-text-3)}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;background-color:var(--calcite-ui-foreground-1);opacity:var(--calcite-ui-opacity-disabled)}:host([disabled][active]) .button,:host([disabled][active]) .button:hover,:host([disabled][active]) .button:focus{background-color:var(--calcite-ui-foreground-3);opacity:var(--calcite-ui-opacity-disabled)}:host([indicator]) .button::after{content:\"\";position:absolute;z-index:10;height:0.5rem;width:0.5rem;border-radius:9999px;border-width:2px;background-color:var(--calcite-ui-brand);border-color:var(--calcite-ui-foreground-1);inset-block-end:0.75rem;inset-inline-end:0.75rem}:host([indicator]) .button--text-visible::after{inset-block-end:auto}:host([indicator]) .button--text-visible .text-container--visible{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([indicator]) .button:hover::after,:host([indicator]) .button:focus::after{border-color:var(--calcite-ui-foreground-1)}:host([indicator][scale=s]) .button::after{inset-block-end:0.25rem;inset-inline-end:0.25rem}:host([indicator][scale=s]) .button--text-visible::after{inset-block-end:auto;inset-inline-end:0.5rem}:host([indicator][active]) .button::after{border-color:var(--calcite-ui-foreground-3)}";
22
+ const calciteActionCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;background-color:transparent}:host([disabled]){pointer-events:none}.button{position:relative;margin:0px;display:-ms-flexbox;display:flex;width:auto;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;border-style:none;background-color:var(--calcite-ui-foreground-1);fill:var(--calcite-ui-text-3);font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-3);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;text-align:unset;-ms-flex:1 0 auto;flex:1 0 auto}.button:hover{background-color:var(--calcite-ui-foreground-2);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1)}.button:focus{background-color:var(--calcite-ui-foreground-2);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.button:active{background-color:var(--calcite-ui-foreground-3)}.button .icon-container{pointer-events:none;margin:0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:1rem;min-height:1rem}.button .text-container{margin:0px;width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1rem;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-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-transition-property:margin;transition-property:margin;-webkit-transition-property:width;transition-property:width}.button .text-container--visible{width:auto;-ms-flex:1 1 auto;flex:1 1 auto;opacity:1}:host([scale=s]) .button{padding:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=s]) .button--text-visible .icon-container{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([scale=m]) .button{padding:1rem;font-size:var(--calcite-font-size--1);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=m]) .button--text-visible .icon-container{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([scale=l]) .button{padding:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=l]) .button--text-visible .icon-container{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([alignment=center]) .button{-ms-flex-pack:center;justify-content:center}:host([alignment=end]) .button{-ms-flex-pack:end;justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{-ms-flex:0 1 auto;flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-left:0px;padding-right:0px}.slot-container{display:-ms-flexbox;display:flex}.slot-container--hidden{display:none}.button--text-visible{width:100%}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus,:host([active][loading]) .button{background-color:var(--calcite-ui-foreground-3);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1)}:host([active]) .button:active{background-color:var(--calcite-ui-foreground-1)}:host([appearance=clear]) .button{background-color:transparent;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-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)}:host([appearance=clear]) .button:hover,:host([appearance=clear]) .button:focus{background-color:transparent;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-border-1) inset;box-shadow:0 0 0 2px var(--calcite-ui-border-1) inset}:host([active][appearance=clear]) .button,:host([active][appearance=clear]) .button:hover,:host([active][appearance=clear]) .button:focus{background-color:var(--calcite-ui-foreground-3);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1)}:host([appearance=clear][loading]) .button,:host([appearance=clear][disabled]) .button{background-color:transparent}:host([loading]) .button,:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-ui-foreground-1)}:host([loading]) .button .text-container,:host([loading]) .button:hover .text-container,:host([loading]) .button:focus .text-container{opacity:var(--calcite-ui-opacity-disabled)}:host([loading]) calcite-loader[inline]{margin-right:0px;color:var(--calcite-ui-text-3)}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;background-color:var(--calcite-ui-foreground-1);opacity:var(--calcite-ui-opacity-disabled)}:host([disabled][active]) .button,:host([disabled][active]) .button:hover,:host([disabled][active]) .button:focus{background-color:var(--calcite-ui-foreground-3);opacity:var(--calcite-ui-opacity-disabled)}:host([indicator]) .button::after{content:\"\";position:absolute;z-index:10;height:0.5rem;width:0.5rem;border-radius:9999px;border-width:2px;background-color:var(--calcite-ui-brand);border-color:var(--calcite-ui-foreground-1);inset-block-end:0.75rem;inset-inline-end:0.75rem}:host([indicator]) .button--text-visible::after{inset-block-end:auto}:host([indicator]) .button--text-visible .text-container--visible{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([indicator]) .button:hover::after,:host([indicator]) .button:focus::after{border-color:var(--calcite-ui-foreground-1)}:host([indicator][scale=s]) .button::after{inset-block-end:0.25rem;inset-inline-end:0.25rem}:host([indicator][scale=s]) .button--text-visible::after{inset-block-end:auto;inset-inline-end:0.5rem}:host([indicator][active]) .button::after{border-color:var(--calcite-ui-foreground-3)}";
23
23
 
24
24
  let CalciteAction = class {
25
25
  constructor(hostRef) {
package/dist/esm/calcite-alert.entry.js CHANGED
@@ -2,8 +2,8 @@
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
4
  */
5
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9de00868.js';
6
- import { s as setRequestedIcon } from './dom-e7fa77b9.js';
5
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c4b90cce.js';
6
+ import { s as setRequestedIcon, g as getSlotted } from './dom-e7fa77b9.js';
7
7
  import { S as StatusIcons } from './interfaces-51dc4e1b.js';
8
8
  import './guid-196bd5ea.js';
9
9
 
@@ -21,7 +21,7 @@ const SLOTS = {
21
21
  link: "link"
22
22
  };
23
23
 
24
- const calciteAlertCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .alert-queue-count{margin-left:0.5rem;margin-right:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=s]) .alert-close{padding:0.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .alert-queue-count{margin-left:0.75rem;margin-right:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){margin-bottom:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .alert-queue-count{margin-left:1rem;margin-right:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host{--calcite-alert-edge-distance:2rem;display:block}:host .container{pointer-events:none;position:fixed;margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);opacity:0;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius);border-top:0px solid transparent;border-left:1px solid var(--calcite-ui-border-3);border-right:1px solid var(--calcite-ui-border-3);border-bottom:1px solid var(--calcite-ui-border-3);min-height:var(--calcite-alert-min-height);width:var(--calcite-alert-width);max-width:calc(100% - (var(--calcite-alert-edge-distance) * 2 + 2px));max-height:0;z-index:101;-webkit-transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out;transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}:host .container.bottom,:host .container.top{inset-inline-end:0;inset-inline-start:0}:host .container[class*=bottom]{-webkit-transform:translate3d(0, var(--calcite-alert-edge-distance), 0);transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}:host .container[class*=top]{-webkit-transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}:host .container[class*=-start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}:host .container[class*=-end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}.container{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.alert-close{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.alert-close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([active]) .container:not(.queued){max-height:100%;border-top-width:2px;opacity:1;pointer-events:initial}:host([active]) .container:not(.queued)[class*=bottom]{-webkit-transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit);transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([active]) .container:not(.queued)[class*=top]{-webkit-transform:translate3d(0, var(--calcite-alert-edge-distance), inherit);transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:-ms-inline-flexbox;display:inline-flex;color:var(--calcite-ui-text-link)}.alert-content{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);overflow-wrap:break-word;background-color:var(--calcite-ui-foreground-1);-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:0 var(--calcite-alert-spacing-token-small);border-bottom-left-radius:var(--calcite-border-radius);border-bottom-right-radius:var(--calcite-border-radius)}.alert-content:first-of-type:not(:only-child){-webkit-padding-start:var(--calcite-alert-spacing-token-large);padding-inline-start:var(--calcite-alert-spacing-token-large)}.alert-content:only-child{padding:var(--calcite-alert-spacing-token-small)}.alert-icon{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-foreground-1);padding-top:0px;padding-bottom:0px}.alert-close{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;cursor:pointer;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:var(--calcite-ui-foreground-1);padding-top:0px;padding-bottom:0px;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;overflow:hidden;border-end-end-radius:var(--calcite-border-radius)}.alert-close:hover,.alert-close:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.alert-close:active{background-color:var(--calcite-ui-foreground-3)}.alert-queue-count{visibility:hidden;display:-ms-flexbox;display:flex;cursor:default;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2);opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;overflow:hidden;border-left:0px solid transparent;border-right:0px solid transparent;border-top-right-radius:0}.alert-queue-count.active{visibility:visible;opacity:1}:host([auto-dismiss])>.alert-queue-count{-webkit-border-end:0px solid transparent;border-inline-end:0px solid transparent}.alert-dismiss-progress{position:absolute;left:0px;right:0px;display:block;width:100%;overflow:hidden;top:-2px;height:2px;z-index:103;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.alert-dismiss-progress:after{position:absolute;top:0px;display:block;height:2px;content:\"\";background-color:var(--calcite-alert-dismiss-progress-background);z-index:104;inset-inline-end:0}:host([color=blue]) .container{border-top-color:var(--calcite-ui-info)}:host([color=blue]) .container .alert-icon{color:var(--calcite-ui-info)}:host([color=red]) .container{border-top-color:var(--calcite-ui-danger)}:host([color=red]) .container .alert-icon{color:var(--calcite-ui-danger)}:host([color=yellow]) .container{border-top-color:var(--calcite-ui-warning)}:host([color=yellow]) .container .alert-icon{color:var(--calcite-ui-warning)}:host([color=green]) .container{border-top-color:var(--calcite-ui-success)}:host([color=green]) .container .alert-icon{color:var(--calcite-ui-success)}:host([auto-dismiss-duration=fast]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 6000ms ease-out;animation:dismissProgress 6000ms ease-out}:host([auto-dismiss-duration=medium]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 10000ms ease-out;animation:dismissProgress 10000ms ease-out}:host([auto-dismiss-duration=slow]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 14000ms ease-out;animation:dismissProgress 14000ms ease-out}@-webkit-keyframes dismissProgress{0%{width:0px}0%{opacity:0.75}100%{width:100%}100%{opacity:1}}@keyframes dismissProgress{0%{width:0px}0%{opacity:0.75}100%{width:100%}100%{opacity:1}}";
24
+ const calciteAlertCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .alert-queue-count{margin-left:0.5rem;margin-right:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=s]) .alert-close{padding:0.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .alert-queue-count{margin-left:0.75rem;margin-right:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){margin-bottom:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .alert-queue-count{margin-left:1rem;margin-right:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host{--calcite-alert-edge-distance:2rem;display:block}:host .container{pointer-events:none;position:fixed;margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);opacity:0;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius);border-top:0px solid transparent;border-left:1px solid var(--calcite-ui-border-3);border-right:1px solid var(--calcite-ui-border-3);border-bottom:1px solid var(--calcite-ui-border-3);min-height:var(--calcite-alert-min-height);width:var(--calcite-alert-width);max-width:calc(100% - (var(--calcite-alert-edge-distance) * 2 + 2px));max-height:0;z-index:101;-webkit-transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out;transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}:host .container.bottom,:host .container.top{inset-inline-end:0;inset-inline-start:0}:host .container[class*=bottom]{-webkit-transform:translate3d(0, var(--calcite-alert-edge-distance), 0);transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}:host .container[class*=top]{-webkit-transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}:host .container[class*=-start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}:host .container[class*=-end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}.container{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.alert-close{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.alert-close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([active]) .container:not(.queued){max-height:100%;border-top-width:2px;opacity:1;pointer-events:initial}:host([active]) .container:not(.queued)[class*=bottom]{-webkit-transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit);transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([active]) .container:not(.queued)[class*=top]{-webkit-transform:translate3d(0, var(--calcite-alert-edge-distance), inherit);transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:-ms-inline-flexbox;display:inline-flex;color:var(--calcite-ui-text-link)}.alert-content{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;overflow-wrap:break-word;background-color:var(--calcite-ui-foreground-1);-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:0 var(--calcite-alert-spacing-token-small);border-bottom-left-radius:var(--calcite-border-radius);border-bottom-right-radius:var(--calcite-border-radius)}.alert-content:first-of-type:not(:only-child){-webkit-padding-start:var(--calcite-alert-spacing-token-large);padding-inline-start:var(--calcite-alert-spacing-token-large)}.alert-content:only-child{padding:var(--calcite-alert-spacing-token-small)}.alert-icon{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-foreground-1);padding-top:0px;padding-bottom:0px}.alert-close{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;cursor:pointer;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:var(--calcite-ui-foreground-1);padding-top:0px;padding-bottom:0px;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;overflow:hidden;border-end-end-radius:var(--calcite-border-radius)}.alert-close:hover,.alert-close:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.alert-close:active{background-color:var(--calcite-ui-foreground-3)}.alert-queue-count{visibility:hidden;display:-ms-flexbox;display:flex;cursor:default;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2);opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;overflow:hidden;border-left:0px solid transparent;border-right:0px solid transparent;border-top-right-radius:0}.alert-queue-count.active{visibility:visible;opacity:1}:host([auto-dismiss])>.alert-queue-count{-webkit-border-end:0px solid transparent;border-inline-end:0px solid transparent}.alert-dismiss-progress{position:absolute;left:0px;right:0px;display:block;width:100%;overflow:hidden;top:-2px;height:2px;z-index:103;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.alert-dismiss-progress:after{position:absolute;top:0px;display:block;height:2px;content:\"\";background-color:var(--calcite-alert-dismiss-progress-background);z-index:104;inset-inline-end:0}:host([color=blue]) .container{border-top-color:var(--calcite-ui-info)}:host([color=blue]) .container .alert-icon{color:var(--calcite-ui-info)}:host([color=red]) .container{border-top-color:var(--calcite-ui-danger)}:host([color=red]) .container .alert-icon{color:var(--calcite-ui-danger)}:host([color=yellow]) .container{border-top-color:var(--calcite-ui-warning)}:host([color=yellow]) .container .alert-icon{color:var(--calcite-ui-warning)}:host([color=green]) .container{border-top-color:var(--calcite-ui-success)}:host([color=green]) .container .alert-icon{color:var(--calcite-ui-success)}:host([auto-dismiss-duration=fast]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 6000ms ease-out;animation:dismissProgress 6000ms ease-out}:host([auto-dismiss-duration=medium]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 10000ms ease-out;animation:dismissProgress 10000ms ease-out}:host([auto-dismiss-duration=slow]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 14000ms ease-out;animation:dismissProgress 14000ms ease-out}@-webkit-keyframes dismissProgress{0%{width:0px}0%{opacity:0.75}100%{width:100%}100%{opacity:1}}@keyframes dismissProgress{0%{width:0px}0%{opacity:0.75}100%{width:100%}100%{opacity:1}}";
25
25
 
26
26
  let CalciteAlert = class {
27
27
  constructor(hostRef) {
@@ -119,9 +119,6 @@ let CalciteAlert = class {
119
119
  componentWillLoad() {
120
120
  this.requestedIcon = setRequestedIcon(StatusIcons, this.icon, this.color);
121
121
  }
122
- componentDidLoad() {
123
- this.alertLinkEl = this.el.querySelectorAll("calcite-link")[0];
124
- }
125
122
  disconnectedCallback() {
126
123
  window.clearTimeout(this.autoDismissTimeoutId);
127
124
  }
@@ -162,11 +159,12 @@ let CalciteAlert = class {
162
159
  //--------------------------------------------------------------------------
163
160
  /** Sets focus on the component. */
164
161
  async setFocus() {
165
- if (!this.closeButton && !this.alertLinkEl) {
162
+ const alertLinkEl = getSlotted(this.el, { selector: "calcite-link" });
163
+ if (!this.closeButton && !alertLinkEl) {
166
164
  return;
167
165
  }
168
- else if (this.alertLinkEl) {
169
- this.alertLinkEl.setFocus();
166
+ else if (alertLinkEl) {
167
+ alertLinkEl.setFocus();
170
168
  }
171
169
  else if (this.closeButton) {
172
170
  this.closeButton.focus();
package/dist/esm/calcite-avatar.entry.js CHANGED
@@ -2,7 +2,7 @@
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
4
  */
5
- import { r as registerInstance, h, g as getElement } from './index-9de00868.js';
5
+ import { r as registerInstance, h, g as getElement } from './index-c4b90cce.js';
6
6
  import { h as hexToRGB, i as isValidHex } from './utils-6beb0662.js';
7
7
  import { b as getThemeName } from './dom-e7fa77b9.js';
8
8
  import './guid-196bd5ea.js';
package/dist/esm/calcite-block_2.entry.js CHANGED
@@ -2,10 +2,10 @@
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
4
  */
5
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9de00868.js';
5
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c4b90cce.js';
6
6
  import { g as getSlotted, a as getElementDir } from './dom-e7fa77b9.js';
7
- import { C as CalciteHeading } from './CalciteHeading-1d6cd311.js';
8
- import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9e7d8609.js';
7
+ import { C as CalciteHeading } from './CalciteHeading-fa0da825.js';
8
+ import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-0e575a09.js';
9
9
  import './guid-196bd5ea.js';
10
10
  import './observers-46118290.js';
11
11
 
@@ -47,7 +47,7 @@ const ICONS$1 = {
47
47
  };
48
48
  const HEADING_LEVEL = 4;
49
49
 
50
- const calciteBlockCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}: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-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding:0px;-webkit-transition-property:margin;transition-property:margin;-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}.header{margin:0px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-align:center;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.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-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;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}.summary{margin-top: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-top:0.75rem;margin-bottom: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;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem}.control-container{margin:0px;display:-ms-flexbox;display:flex;grid-area:control}calcite-action-menu{grid-area:menu}:host([open]){margin-top:0.5rem;margin-bottom:0.5rem}:host([open]) .header .title .heading{color:var(--calcite-ui-text-1)}:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host([disabled]) .header-container{opacity:0.5}";
50
+ const calciteBlockCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}: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-bottom-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}.header{margin:0px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-align:center;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.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-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;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}.summary{margin-top: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-top:0.75rem;margin-bottom: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;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem}.control-container{margin:0px;display:-ms-flexbox;display:flex;grid-area:control}calcite-action-menu{grid-area:menu}:host([open]){margin-top:0.5rem;margin-bottom:0.5rem}:host([open]) .header .title .heading{color:var(--calcite-ui-text-1)}:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host([disabled]) .header-container{opacity:0.5}";
51
51
 
52
52
  let CalciteBlock = class {
53
53
  constructor(hostRef) {
package/dist/esm/calcite-button.entry.js CHANGED
@@ -2,7 +2,7 @@
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
4
  */
5
- import { r as registerInstance, h, g as getElement } from './index-9de00868.js';
5
+ import { r as registerInstance, h, g as getElement } from './index-c4b90cce.js';
6
6
  import { c as closestElementCrossShadowBoundary } from './dom-e7fa77b9.js';
7
7
  import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-2bffc9f4.js';
8
8
  import { c as createObserver } from './observers-46118290.js';
package/dist/esm/calcite-card.entry.js CHANGED
@@ -2,9 +2,9 @@
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
4
  */
5
- import { r as registerInstance, c as createEvent, h, g as getElement } from './index-9de00868.js';
5
+ import { r as registerInstance, c as createEvent, h, g as getElement } from './index-c4b90cce.js';
6
6
  import { g as getSlotted } from './dom-e7fa77b9.js';
7
- import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9e7d8609.js';
7
+ import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-0e575a09.js';
8
8
  import './guid-196bd5ea.js';
9
9
  import './observers-46118290.js';
10
10
 
package/dist/esm/calcite-checkbox.entry.js CHANGED
@@ -2,9 +2,9 @@
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
4
  */
5
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9de00868.js';
5
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c4b90cce.js';
6
6
  import { g as guid } from './guid-196bd5ea.js';
7
- import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-f90706b4.js';
7
+ import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-42bda668.js';
8
8
  import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-2bffc9f4.js';
9
9
  import './dom-e7fa77b9.js';
10
10
 
package/dist/esm/calcite-chip.entry.js CHANGED
@@ -2,10 +2,10 @@
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
4
  */
5
- import { r as registerInstance, c as createEvent, h, g as getElement } from './index-9de00868.js';
5
+ import { r as registerInstance, c as createEvent, h, g as getElement } from './index-c4b90cce.js';
6
6
  import { g as getSlotted } from './dom-e7fa77b9.js';
7
7
  import { g as guid } from './guid-196bd5ea.js';
8
- import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9e7d8609.js';
8
+ import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-0e575a09.js';
9
9
  import './observers-46118290.js';
10
10
 
11
11
  const CSS = {
@@ -24,7 +24,7 @@ const ICONS = {
24
24
  close: "x"
25
25
  };
26
26
 
27
- const calciteChipCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){height: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]) .chip-image-container{height:1.25rem;width:1.25rem}:host([scale=m]){height:2rem;font-size:var(--calcite-font-size--1);--calcite-chip-spacing-unit-l:0.75rem;--calcite-chip-spacing-unit-s:6px}:host([scale=m]) .chip-image-container{height:1.5rem;width:1.5rem;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host([scale=l]){height: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]) .chip-image-container{height:2rem;width:2rem;padding-left: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;height:100%;max-width:100%;-ms-flex-align:center;align-items:center}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host span{padding:0 var(--calcite-chip-spacing-unit-l)}:host([dismissible]) span{padding-inline:var(--calcite-chip-spacing-unit-l) var(--calcite-chip-spacing-unit-s)}:host([icon]:not([dismissible])) span{padding:0 var(--calcite-chip-spacing-unit-l)}:host button{margin:0px;display:-ms-inline-flexbox;display:inline-flex;max-height:100%;min-height:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:transparent;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay: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:0 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)}.chip-image-container{display:-ms-inline-flexbox;display:inline-flex;border-radius:50%;overflow:hidden}:host slot[name=image]::slotted(*){display:-ms-flexbox;display:flex;height:100%;width:100%;border-radius:50%;overflow:hidden}.calcite-chip--icon{position:relative;margin-top:0px;margin-bottom: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]) calcite-icon{color:var(--calcite-ui-text-3)}:host([color=blue][appearance=clear]){border-color:var(--calcite-ui-info)}:host([color=blue][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-info)}:host([color=red][appearance=clear]){border-color:var(--calcite-ui-danger)}:host([color=red][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-danger)}:host([color=yellow][appearance=clear]){border-color:var(--calcite-ui-warning)}:host([color=yellow][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-warning)}:host([color=green][appearance=clear]){border-color:var(--calcite-ui-success)}:host([color=green][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-success)}:host([color=grey][appearance=clear]){border-color:var(--calcite-ui-border-1)}:host([color=grey][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-text-3)}";
27
+ const calciteChipCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){height: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]) .chip-image-container{height:1.25rem;width:1.25rem}:host([scale=m]){height:2rem;font-size:var(--calcite-font-size--1);--calcite-chip-spacing-unit-l:0.75rem;--calcite-chip-spacing-unit-s:6px}:host([scale=m]) .chip-image-container{height:1.5rem;width:1.5rem;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host([scale=l]){height: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]) .chip-image-container{height:2rem;width:2rem;padding-left: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;height:100%;max-width:100%;-ms-flex-align:center;align-items:center}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host span{padding:0 var(--calcite-chip-spacing-unit-l)}:host([dismissible]) span{padding-inline:var(--calcite-chip-spacing-unit-l) var(--calcite-chip-spacing-unit-s)}:host([icon]:not([dismissible])) span{padding:0 var(--calcite-chip-spacing-unit-l)}:host button{margin:0px;display:-ms-inline-flexbox;display:inline-flex;max-height:100%;min-height: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-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay: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:0 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)}.chip-image-container{display:-ms-inline-flexbox;display:inline-flex;border-radius:50%;overflow:hidden}:host slot[name=image]::slotted(*){display:-ms-flexbox;display:flex;height:100%;width:100%;border-radius:50%;overflow:hidden}.calcite-chip--icon{position:relative;margin-top:0px;margin-bottom: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]) calcite-icon{color:var(--calcite-ui-text-3)}:host([color=blue][appearance=clear]){border-color:var(--calcite-ui-info)}:host([color=blue][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-info)}:host([color=red][appearance=clear]){border-color:var(--calcite-ui-danger)}:host([color=red][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-danger)}:host([color=yellow][appearance=clear]){border-color:var(--calcite-ui-warning)}:host([color=yellow][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-warning)}:host([color=green][appearance=clear]){border-color:var(--calcite-ui-success)}:host([color=green][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-success)}:host([color=grey][appearance=clear]){border-color:var(--calcite-ui-border-1)}:host([color=grey][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-text-3)}";
28
28
 
29
29
  let CalciteChip = class {
30
30
  constructor(hostRef) {
package/dist/esm/calcite-color-picker_3.entry.js CHANGED
@@ -2,7 +2,7 @@
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
4
  */
5
- import { r as registerInstance, c as createEvent, h, g as getElement } from './index-9de00868.js';
5
+ import { r as registerInstance, c as createEvent, h, g as getElement } from './index-c4b90cce.js';
6
6
  import { f as focusElement, b as getThemeName } from './dom-e7fa77b9.js';
7
7
  import { n as normalizeHex, C as CSSColorMode, p as parseMode, c as colorEqual, i as isValidHex, a as isLonghandHex, r as rgbToHex, h as hexToRGB, b as hexChar } from './utils-6beb0662.js';
8
8
  import { c as clamp } from './math-456207f5.js';
@@ -2294,7 +2294,7 @@ const DIMENSIONS = {
2294
2294
  }
2295
2295
  };
2296
2296
 
2297
- const calciteColorPickerCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=s]) .container{width:160px}:host([scale=s]) .saved-colors{grid-template-columns:repeat(auto-fill, minmax(20px, 1fr))}:host([scale=s]) .channels{-ms-flex-direction:column;flex-direction:column}:host([scale=s]) .channel{width:100%;margin-bottom:4px}:host([scale=s]) .channel:last-child{margin-bottom:0}:host([scale=m]) .container{width:272px}:host([scale=l]) .header{padding-bottom:0px}:host([scale=l]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{width:464px}:host([scale=l]) .color-field-and-slider{margin-bottom:-20px}:host([scale=l]) .section{padding:0 16px 16px}:host([scale=l]) .section:first-of-type{padding-top:16px}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill, minmax(28px, 1fr));grid-gap:12px;padding-top:16px}:host([scale=l]) .control-section{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:baseline;align-items:baseline}:host([scale=l]) .control-section>:nth-child(2){-webkit-margin-start:12px;margin-inline-start:12px}:host([scale=l]) .color-hex-options{display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;min-height:98px;width:160px}:host([scale=l]) .color-mode-container{-ms-flex-negative:3;flex-shrink:3}:host([appearance=minimal]) .container{border:none}.container{background-color:var(--calcite-ui-foreground-1);display:inline-block;border:1px solid var(--calcite-ui-border-1)}.color-field-and-slider-wrap{position:relative}.scope{pointer-events:none;position:absolute;margin-bottom:0px;margin-right:0px;height:0.5rem;width:0.5rem;padding:0px;font-size:var(--calcite-font-size--1);outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;margin-top:-0.25rem;margin-left:-0.25rem;outline-offset:10px}.scope:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:12px}.color-field-and-slider{margin-bottom:-16px}.color-field-and-slider--interactive{cursor:pointer}.control-section{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.section{padding:0 12px 12px}.section:first-of-type{padding-top:12px}.color-hex-options,.section--split{-ms-flex-positive:1;flex-grow:1}.header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:0.25rem;color:var(--calcite-ui-text-1)}.header--hex,.color-mode-container{padding-top:12px}.channels{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.channel{width:31%}.saved-colors{padding-top:12px;display:grid;grid-template-columns:repeat(auto-fill, minmax(24px, 1fr));grid-gap:8px;width:100%}.saved-colors-buttons{display:-ms-flexbox;display:flex}.saved-color{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.saved-color:hover{-webkit-transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}";
2297
+ const calciteColorPickerCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=s]) .container{width:160px}:host([scale=s]) .saved-colors{grid-template-columns:repeat(auto-fill, minmax(20px, 1fr))}:host([scale=s]) .channels{-ms-flex-direction:column;flex-direction:column}:host([scale=s]) .channel{width:100%;margin-bottom:4px}:host([scale=s]) .channel:last-child{margin-bottom:0}:host([scale=m]) .container{width:272px}:host([scale=l]) .header{padding-bottom:0px}:host([scale=l]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{width:464px}:host([scale=l]) .color-field-and-slider{margin-bottom:-20px}:host([scale=l]) .section{padding:0 16px 16px}:host([scale=l]) .section:first-of-type{padding-top:16px}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill, minmax(28px, 1fr));grid-gap:12px;padding-top:16px}:host([scale=l]) .control-section{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:baseline;align-items:baseline}:host([scale=l]) .control-section>:nth-child(2){-webkit-margin-start:12px;margin-inline-start:12px}:host([scale=l]) .color-hex-options{display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;min-height:98px;width:160px}:host([scale=l]) .color-mode-container{-ms-flex-negative:3;flex-shrink:3}:host([appearance=minimal]) .container{border:none}.container{background-color:var(--calcite-ui-foreground-1);display:inline-block;border:1px solid var(--calcite-ui-border-1)}.color-field-and-slider-wrap{position:relative}.scope{pointer-events:none;position:absolute;margin-bottom:0px;margin-right:0px;height:0.5rem;width:0.5rem;padding:0px;font-size:var(--calcite-font-size--1);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;margin-top:-0.25rem;margin-left:-0.25rem;outline-offset:10px}.scope:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:12px}.color-field-and-slider{margin-bottom:-16px}.color-field-and-slider--interactive{cursor:pointer}.control-section{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.section{padding:0 12px 12px}.section:first-of-type{padding-top:12px}.color-hex-options,.section--split{-ms-flex-positive:1;flex-grow:1}.header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:0.25rem;color:var(--calcite-ui-text-1)}.header--hex,.color-mode-container{padding-top:12px}.channels{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.channel{width:31%}.saved-colors{padding-top:12px;display:grid;grid-template-columns:repeat(auto-fill, minmax(24px, 1fr));grid-gap:8px;width:100%}.saved-colors-buttons{display:-ms-flexbox;display:flex}.saved-color{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.saved-color:hover{-webkit-transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}";
2298
2298
 
2299
2299
  const throttleFor60FpsInMs = 16;
2300
2300
  const defaultValue = normalizeHex(DEFAULT_COLOR$1.hex());