@esri/calcite-components 1.0.0-beta.68 → 1.0.0-beta.69

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 (533) hide show
  1. package/CHANGELOG.md +1509 -0
  2. package/dist/calcite/calcite.esm.js +1 -1
  3. package/dist/calcite/calcite.js +1 -1
  4. package/dist/calcite/{p-75793454.entry.js → p-0100aeb0.entry.js} +1 -1
  5. package/dist/calcite/p-03706508.system.entry.js +5 -0
  6. package/dist/calcite/{p-cbdf0e6c.js → p-05d1dfc6.js} +1 -1
  7. package/dist/calcite/{p-a8cd5cde.system.entry.js → p-06646eed.system.entry.js} +1 -1
  8. package/dist/calcite/{p-d7a7a544.system.entry.js → p-0797f73c.system.entry.js} +1 -1
  9. package/dist/calcite/{p-530584ff.system.entry.js → p-09e3fcfc.system.entry.js} +1 -1
  10. package/dist/calcite/p-0ba6ede9.entry.js +5 -0
  11. package/dist/calcite/{p-01c3783e.system.entry.js → p-0ecd0204.system.entry.js} +1 -1
  12. package/dist/calcite/{p-9ac1fa0b.system.entry.js → p-0f3d73e3.system.entry.js} +1 -1
  13. package/dist/calcite/{p-349333f8.system.entry.js → p-10759c71.system.entry.js} +2 -2
  14. package/dist/calcite/{p-32faf98b.system.entry.js → p-10de63d7.system.entry.js} +1 -1
  15. package/dist/calcite/{p-7f4a5f8e.system.entry.js → p-15a45778.system.entry.js} +2 -2
  16. package/dist/calcite/p-1e875199.entry.js +5 -0
  17. package/dist/calcite/{p-693a4d5f.entry.js → p-1f7130a9.entry.js} +1 -1
  18. package/dist/calcite/{p-72ffc6d7.entry.js → p-2418cceb.entry.js} +1 -1
  19. package/dist/calcite/{p-32fbf8cd.system.js → p-25a31861.system.js} +1 -1
  20. package/dist/calcite/{p-8655c0a1.entry.js → p-28261aae.entry.js} +1 -1
  21. package/dist/calcite/{p-95a3a0ce.entry.js → p-3383d9b4.entry.js} +1 -1
  22. package/dist/calcite/{p-87b93729.entry.js → p-36e5db45.entry.js} +1 -1
  23. package/dist/calcite/p-37859236.entry.js +5 -0
  24. package/dist/calcite/{p-bd555b2e.system.entry.js → p-38ee7306.system.entry.js} +1 -1
  25. package/dist/calcite/{p-9caae570.entry.js → p-38f09842.entry.js} +1 -1
  26. package/dist/calcite/{p-8efb43fc.entry.js → p-3962cd38.entry.js} +1 -1
  27. package/dist/calcite/{p-9d83f268.system.entry.js → p-3bb30b44.system.entry.js} +1 -1
  28. package/dist/calcite/{p-bb916828.system.entry.js → p-3cf93a58.system.entry.js} +1 -1
  29. package/dist/calcite/p-3dae9da3.js +5 -0
  30. package/dist/calcite/{p-ff04f827.system.entry.js → p-3e438b5b.system.entry.js} +1 -1
  31. package/dist/calcite/{p-2920aa02.entry.js → p-3f1d1bad.entry.js} +1 -1
  32. package/dist/calcite/{p-69548a7d.system.entry.js → p-413b4857.system.entry.js} +1 -1
  33. package/dist/calcite/{p-da9603a3.entry.js → p-4185db77.entry.js} +1 -1
  34. package/dist/calcite/p-45257edb.js +5 -0
  35. package/dist/calcite/{p-5cb26137.system.entry.js → p-49d5ee42.system.entry.js} +1 -1
  36. package/dist/calcite/{p-5c221c33.system.entry.js → p-4c7e3915.system.entry.js} +1 -1
  37. package/dist/calcite/p-502736d8.system.entry.js +5 -0
  38. package/dist/calcite/{p-ac3d8784.entry.js → p-507b2cc4.entry.js} +1 -1
  39. package/dist/calcite/{p-26045881.entry.js → p-51bc5466.entry.js} +1 -1
  40. package/dist/calcite/{p-34a6550f.system.entry.js → p-527146c8.system.entry.js} +1 -1
  41. package/dist/calcite/{p-cd8f7781.system.entry.js → p-530b28e1.system.entry.js} +1 -1
  42. package/dist/calcite/{p-f37563ac.system.entry.js → p-5322b333.system.entry.js} +1 -1
  43. package/dist/calcite/{p-d7e5b807.system.entry.js → p-58e98b2d.system.entry.js} +1 -1
  44. package/dist/calcite/{p-1f99b038.entry.js → p-58eca102.entry.js} +1 -1
  45. package/dist/calcite/p-5ce47e9f.entry.js +5 -0
  46. package/dist/calcite/{p-9dbb69f7.entry.js → p-5efd7297.entry.js} +1 -1
  47. package/dist/calcite/{p-37cee0ea.entry.js → p-6621aee1.entry.js} +1 -1
  48. package/dist/calcite/{p-31c4a271.system.entry.js → p-684ccd4e.system.entry.js} +1 -1
  49. package/dist/calcite/{p-473cfb74.system.entry.js → p-6988c6b7.system.entry.js} +1 -1
  50. package/dist/calcite/{p-4c7e3d8e.system.entry.js → p-6c8a562f.system.entry.js} +1 -1
  51. package/dist/calcite/{p-727c8f36.system.entry.js → p-70cd1387.system.entry.js} +1 -1
  52. package/dist/calcite/{p-bfc162ee.system.entry.js → p-71ea4a6f.system.entry.js} +2 -2
  53. package/dist/calcite/{p-18078190.entry.js → p-72fa390e.entry.js} +1 -1
  54. package/dist/calcite/{p-1aaf7f83.entry.js → p-75f714c9.entry.js} +1 -1
  55. package/dist/calcite/{p-41e9b889.entry.js → p-76ccd204.entry.js} +1 -1
  56. package/dist/calcite/{p-7b01fe89.js → p-79cbbf2d.js} +1 -1
  57. package/dist/calcite/p-7a6c6382.entry.js +5 -0
  58. package/dist/calcite/p-7ade2294.system.entry.js +5 -0
  59. package/dist/calcite/{p-20042561.entry.js → p-7b869bc5.entry.js} +1 -1
  60. package/dist/calcite/{p-a93678c6.system.entry.js → p-7b89726e.system.entry.js} +2 -2
  61. package/dist/calcite/{p-318e95d7.system.entry.js → p-7c161518.system.entry.js} +1 -1
  62. package/dist/calcite/{p-f4299b95.entry.js → p-7c37ca39.entry.js} +1 -1
  63. package/dist/calcite/{p-1b2c1f55.entry.js → p-7dd5c4e4.entry.js} +1 -1
  64. package/dist/calcite/{p-a20df95c.js → p-809ddb6a.js} +1 -1
  65. package/dist/calcite/{p-22ad79b1.entry.js → p-83302e1c.entry.js} +1 -1
  66. package/dist/calcite/{p-9358deb1.system.entry.js → p-83ccefba.system.entry.js} +1 -1
  67. package/dist/calcite/p-86af9de1.entry.js +5 -0
  68. package/dist/calcite/{p-c0dd929a.entry.js → p-8953f712.entry.js} +1 -1
  69. package/dist/calcite/{p-c74fc589.system.js → p-89cdfa96.system.js} +1 -1
  70. package/dist/calcite/{p-b701101e.entry.js → p-8bc3e126.entry.js} +1 -1
  71. package/dist/calcite/p-91f046a2.entry.js +5 -0
  72. package/dist/calcite/{p-9e4f2697.system.entry.js → p-98789055.system.entry.js} +1 -1
  73. package/dist/calcite/{p-568ed3d6.system.entry.js → p-98a632a4.system.entry.js} +1 -1
  74. package/dist/calcite/{p-10ccc21d.entry.js → p-9affee61.entry.js} +1 -1
  75. package/dist/calcite/{p-81a82d01.system.entry.js → p-9f92ae58.system.entry.js} +1 -1
  76. package/dist/calcite/{p-99da965d.system.entry.js → p-9fa024e6.system.entry.js} +1 -1
  77. package/dist/calcite/{p-7b600760.entry.js → p-9fa5e356.entry.js} +1 -1
  78. package/dist/calcite/{p-4e06a168.entry.js → p-9fa67508.entry.js} +1 -1
  79. package/dist/calcite/{p-021d44b7.system.entry.js → p-9fc0dc2c.system.entry.js} +1 -1
  80. package/dist/calcite/{p-0e30afe6.entry.js → p-a09634e2.entry.js} +1 -1
  81. package/dist/calcite/{p-87e83c0d.system.entry.js → p-a5bfc29d.system.entry.js} +1 -1
  82. package/dist/calcite/p-a677e52e.entry.js +5 -0
  83. package/dist/calcite/{p-64d90b14.system.js → p-a7ba0292.system.js} +1 -1
  84. package/dist/calcite/{p-7c0debe0.system.entry.js → p-a8569c55.system.entry.js} +1 -1
  85. package/dist/calcite/p-ac6b615b.entry.js +5 -0
  86. package/dist/calcite/p-b018fbbd.entry.js +5 -0
  87. package/dist/calcite/p-b1f88d45.system.js +5 -0
  88. package/dist/calcite/{p-eb3ee207.entry.js → p-b244a00c.entry.js} +1 -1
  89. package/dist/calcite/{p-fc4846f0.system.entry.js → p-b3d6ab12.system.entry.js} +1 -1
  90. package/dist/calcite/{p-57f5866d.system.entry.js → p-b41deed0.system.entry.js} +1 -1
  91. package/dist/calcite/{p-a7521c0d.entry.js → p-b42d730f.entry.js} +1 -1
  92. package/dist/calcite/p-b4960d06.system.js +5 -0
  93. package/dist/calcite/{p-ba9b4f62.system.entry.js → p-b4e7b593.system.entry.js} +1 -1
  94. package/dist/calcite/{p-0fc8b24c.system.entry.js → p-b8d040e5.system.entry.js} +1 -1
  95. package/dist/calcite/{p-175764f3.system.entry.js → p-ba1322e6.system.entry.js} +1 -1
  96. package/dist/calcite/{p-3929447c.system.entry.js → p-bf25e278.system.entry.js} +1 -1
  97. package/dist/calcite/{p-fff0a881.entry.js → p-bf8b70a8.entry.js} +1 -1
  98. package/dist/calcite/p-c34c4414.system.js +5 -0
  99. package/dist/calcite/p-c399cfce.entry.js +5 -0
  100. package/dist/calcite/p-c4294f70.entry.js +5 -0
  101. package/dist/calcite/{p-c3922ef7.system.entry.js → p-c48b4b7e.system.entry.js} +1 -1
  102. package/dist/calcite/p-c60e3a71.entry.js +5 -0
  103. package/dist/calcite/{p-050dc7e6.system.entry.js → p-c8e4117c.system.entry.js} +1 -1
  104. package/dist/calcite/{p-3ba8024a.system.entry.js → p-c99d8f9e.system.entry.js} +1 -1
  105. package/dist/calcite/{p-00d72f16.entry.js → p-c9ecea64.entry.js} +1 -1
  106. package/dist/calcite/{p-9d3ee5cf.system.entry.js → p-ca79fabf.system.entry.js} +1 -1
  107. package/dist/calcite/{p-be3b0fee.entry.js → p-cacca548.entry.js} +1 -1
  108. package/dist/calcite/{p-67fd79db.entry.js → p-cc4aeb6f.entry.js} +1 -1
  109. package/dist/calcite/{p-f8d975a1.system.entry.js → p-cca94491.system.entry.js} +1 -1
  110. package/dist/calcite/{p-f141da0f.entry.js → p-cd41629f.entry.js} +1 -1
  111. package/dist/calcite/{p-7cdfec27.system.js → p-d11ad046.system.js} +1 -1
  112. package/dist/calcite/p-d4059426.entry.js +5 -0
  113. package/dist/calcite/{p-8fcfe861.js → p-d53cc958.js} +1 -1
  114. package/dist/calcite/p-d6048152.system.entry.js +5 -0
  115. package/dist/calcite/{p-acaad99b.system.entry.js → p-daa110fe.system.entry.js} +1 -1
  116. package/dist/calcite/{p-fe52131d.entry.js → p-dc6aef8b.entry.js} +1 -1
  117. package/dist/calcite/{p-45d123be.system.entry.js → p-dcf30b00.system.entry.js} +1 -1
  118. package/dist/calcite/{p-c20278e8.system.entry.js → p-de3a04c2.system.entry.js} +1 -1
  119. package/dist/calcite/{p-3b17d8d0.system.js → p-e35e7216.system.js} +1 -1
  120. package/dist/calcite/{p-f5d25746.system.entry.js → p-e40dd6fe.system.entry.js} +1 -1
  121. package/dist/calcite/{p-e693758c.entry.js → p-e638ff0e.entry.js} +1 -1
  122. package/dist/calcite/{p-7839d1c9.entry.js → p-e7819705.entry.js} +1 -1
  123. package/dist/calcite/{p-d5d62977.entry.js → p-eccb140e.entry.js} +1 -1
  124. package/dist/calcite/{p-cb228ac0.entry.js → p-edf0f4f8.entry.js} +1 -1
  125. package/dist/calcite/p-eed43a57.system.entry.js +5 -0
  126. package/dist/calcite/{p-18574b32.entry.js → p-f0228763.entry.js} +1 -1
  127. package/dist/calcite/{p-c57f8690.entry.js → p-f281f1e9.entry.js} +1 -1
  128. package/dist/calcite/{p-85a2bf7c.system.entry.js → p-f32e61bb.system.entry.js} +1 -1
  129. package/dist/calcite/p-f5bb39bb.js +5 -0
  130. package/dist/calcite/{p-e3a30266.system.entry.js → p-f6f4648e.system.entry.js} +1 -1
  131. package/dist/calcite/{p-51cb078a.entry.js → p-f93a7fce.entry.js} +1 -1
  132. package/dist/calcite/{p-e33a2dd2.system.entry.js → p-fba65e4a.system.entry.js} +1 -1
  133. package/dist/cjs/{CalciteExpandToggle-0d802f83.js → CalciteExpandToggle-6a9f9858.js} +1 -1
  134. package/dist/cjs/{CalciteHeading-381b977d.js → CalciteHeading-363b0525.js} +1 -1
  135. package/dist/cjs/calcite-accordion_2.cjs.entry.js +1 -1
  136. package/dist/cjs/calcite-action-bar.cjs.entry.js +2 -2
  137. package/dist/cjs/calcite-action-group.cjs.entry.js +1 -1
  138. package/dist/cjs/calcite-action-menu.cjs.entry.js +1 -1
  139. package/dist/cjs/calcite-action-pad.cjs.entry.js +2 -2
  140. package/dist/cjs/calcite-action.cjs.entry.js +1 -1
  141. package/dist/cjs/calcite-alert.cjs.entry.js +1 -1
  142. package/dist/cjs/calcite-avatar.cjs.entry.js +1 -1
  143. package/dist/cjs/calcite-block_2.cjs.entry.js +3 -3
  144. package/dist/cjs/calcite-button.cjs.entry.js +2 -2
  145. package/dist/cjs/calcite-card.cjs.entry.js +2 -2
  146. package/dist/cjs/calcite-checkbox.cjs.entry.js +2 -2
  147. package/dist/cjs/calcite-chip.cjs.entry.js +1 -1
  148. package/dist/cjs/calcite-color-picker_3.cjs.entry.js +14 -11
  149. package/dist/cjs/calcite-combobox_3.cjs.entry.js +8 -6
  150. package/dist/cjs/calcite-date-picker_4.cjs.entry.js +3 -3
  151. package/dist/cjs/calcite-dropdown_3.cjs.entry.js +4 -4
  152. package/dist/cjs/calcite-fab.cjs.entry.js +1 -1
  153. package/dist/cjs/calcite-filter.cjs.entry.js +43 -14
  154. package/dist/cjs/calcite-flow.cjs.entry.js +1 -1
  155. package/dist/cjs/calcite-graph_2.cjs.entry.js +19 -11
  156. package/dist/cjs/calcite-handle.cjs.entry.js +1 -1
  157. package/dist/cjs/calcite-icon.cjs.entry.js +1 -1
  158. package/dist/cjs/calcite-inline-editable.cjs.entry.js +2 -2
  159. package/dist/cjs/calcite-input-date-picker.cjs.entry.js +5 -5
  160. package/dist/cjs/calcite-input-message.cjs.entry.js +1 -1
  161. package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +2 -2
  162. package/dist/cjs/calcite-input.cjs.entry.js +32 -19
  163. package/dist/cjs/calcite-label.cjs.entry.js +1 -1
  164. package/dist/cjs/calcite-link.cjs.entry.js +1 -1
  165. package/dist/cjs/calcite-list_3.cjs.entry.js +2 -2
  166. package/dist/cjs/calcite-loader.cjs.entry.js +2 -2
  167. package/dist/cjs/calcite-modal.cjs.entry.js +1 -1
  168. package/dist/cjs/calcite-notice.cjs.entry.js +1 -1
  169. package/dist/cjs/calcite-option_3.cjs.entry.js +2 -2
  170. package/dist/cjs/calcite-pagination.cjs.entry.js +1 -1
  171. package/dist/cjs/calcite-panel.cjs.entry.js +3 -3
  172. package/dist/cjs/calcite-pick-list_3.cjs.entry.js +3 -3
  173. package/dist/cjs/calcite-popover_2.cjs.entry.js +4 -4
  174. package/dist/cjs/calcite-progress.cjs.entry.js +1 -1
  175. package/dist/cjs/calcite-radio-button-group.cjs.entry.js +1 -1
  176. package/dist/cjs/calcite-radio-group_2.cjs.entry.js +2 -2
  177. package/dist/cjs/calcite-radio_2.cjs.entry.js +2 -2
  178. package/dist/cjs/calcite-rating.cjs.entry.js +2 -2
  179. package/dist/cjs/calcite-scrim.cjs.entry.js +1 -1
  180. package/dist/cjs/calcite-shell_3.cjs.entry.js +1 -1
  181. package/dist/cjs/calcite-sortable-list.cjs.entry.js +1 -1
  182. package/dist/cjs/calcite-split-button.cjs.entry.js +1 -1
  183. package/dist/cjs/calcite-stepper_2.cjs.entry.js +1 -1
  184. package/dist/cjs/calcite-switch.cjs.entry.js +7 -2
  185. package/dist/cjs/calcite-tab_4.cjs.entry.js +1 -1
  186. package/dist/cjs/calcite-tile-select_2.cjs.entry.js +1 -1
  187. package/dist/cjs/calcite-tile.cjs.entry.js +2 -2
  188. package/dist/cjs/calcite-tip_3.cjs.entry.js +2 -2
  189. package/dist/cjs/calcite-tooltip_2.cjs.entry.js +3 -3
  190. package/dist/cjs/calcite-tree_2.cjs.entry.js +16 -9
  191. package/dist/cjs/calcite-value-list_2.cjs.entry.js +2 -2
  192. package/dist/cjs/calcite.cjs.js +3 -3
  193. package/dist/cjs/{index-1987a382.js → index-cee0daa9.js} +73 -64
  194. package/dist/cjs/{label-549c3d9d.js → label-8e3552b2.js} +33 -4
  195. package/dist/cjs/loader.cjs.js +3 -3
  196. package/dist/cjs/{popper-cd9c0742.js → popper-87bf13e6.js} +2 -2
  197. package/dist/cjs/{resources-7dcd68d1.js → resources-38563593.js} +1 -1
  198. package/dist/cjs/{resources-d0619f6a.js → resources-f9c141d2.js} +1 -1
  199. package/dist/collection/collection-manifest.json +2 -2
  200. package/dist/collection/components/calcite-accordion/calcite-accordion.js +2 -2
  201. package/dist/collection/components/calcite-accordion-item/calcite-accordion-item.js +8 -8
  202. package/dist/collection/components/calcite-action/calcite-action.js +4 -4
  203. package/dist/collection/components/calcite-action-menu/calcite-action-menu.js +2 -2
  204. package/dist/collection/components/calcite-alert/calcite-alert.js +6 -6
  205. package/dist/collection/components/calcite-block/calcite-block.css +2 -2
  206. package/dist/collection/components/calcite-block/calcite-block.js +4 -4
  207. package/dist/collection/components/calcite-button/calcite-button.js +4 -4
  208. package/dist/collection/components/calcite-card/calcite-card.js +8 -8
  209. package/dist/collection/components/calcite-checkbox/calcite-checkbox.js +8 -8
  210. package/dist/collection/components/calcite-chip/calcite-chip.js +2 -2
  211. package/dist/collection/components/calcite-color-picker/calcite-color-picker.js +59 -56
  212. package/dist/collection/components/calcite-color-picker-hex-input/calcite-color-picker-hex-input.js +4 -4
  213. package/dist/collection/components/calcite-color-picker-swatch/calcite-color-picker-swatch.js +2 -2
  214. package/dist/collection/components/calcite-combobox/calcite-combobox.js +11 -9
  215. package/dist/collection/components/calcite-date-picker/calcite-date-picker.js +6 -6
  216. package/dist/collection/components/calcite-date-picker-day/calcite-date-picker-day.js +2 -2
  217. package/dist/collection/components/calcite-date-picker-month/calcite-date-picker-month.js +6 -6
  218. package/dist/collection/components/calcite-dropdown/calcite-dropdown.js +5 -5
  219. package/dist/collection/components/calcite-dropdown-group/calcite-dropdown-group.js +2 -2
  220. package/dist/collection/components/calcite-dropdown-item/calcite-dropdown-item.css +33 -27
  221. package/dist/collection/components/calcite-dropdown-item/calcite-dropdown-item.js +6 -6
  222. package/dist/collection/components/calcite-fab/calcite-fab.js +2 -2
  223. package/dist/collection/components/calcite-filter/calcite-filter.js +108 -19
  224. package/dist/collection/components/calcite-graph/calcite-graph.js +48 -6
  225. package/dist/collection/components/calcite-graph/util.js +1 -1
  226. package/dist/collection/components/calcite-handle/calcite-handle.js +2 -2
  227. package/dist/collection/components/calcite-inline-editable/calcite-inline-editable.js +12 -12
  228. package/dist/collection/components/calcite-input/calcite-input.js +42 -29
  229. package/dist/collection/components/calcite-input-date-picker/calcite-input-date-picker.js +11 -11
  230. package/dist/collection/components/calcite-input-message/calcite-input-message.js +2 -2
  231. package/dist/collection/components/calcite-label/calcite-label.js +2 -2
  232. package/dist/collection/components/calcite-loader/calcite-loader.css +0 -3
  233. package/dist/collection/components/calcite-modal/calcite-modal.js +2 -2
  234. package/dist/collection/components/calcite-notice/calcite-notice.js +2 -2
  235. package/dist/collection/components/calcite-option/calcite-option.js +2 -2
  236. package/dist/collection/components/calcite-option-group/calcite-option-group.js +2 -2
  237. package/dist/collection/components/calcite-pagination/calcite-pagination.js +8 -8
  238. package/dist/collection/components/calcite-panel/calcite-panel.css +6 -2
  239. package/dist/collection/components/calcite-pick-list-item/calcite-pick-list-item.js +10 -10
  240. package/dist/collection/components/calcite-popover/calcite-popover.js +9 -9
  241. package/dist/collection/components/calcite-popover-manager/calcite-popover-manager.js +2 -2
  242. package/dist/collection/components/calcite-radio/calcite-radio.js +4 -4
  243. package/dist/collection/components/calcite-radio-button/calcite-radio-button.js +12 -12
  244. package/dist/collection/components/calcite-radio-group-item/calcite-radio-group-item.js +2 -2
  245. package/dist/collection/components/calcite-rating/calcite-rating.js +4 -4
  246. package/dist/collection/components/calcite-scrim/calcite-scrim.js +2 -2
  247. package/dist/collection/components/calcite-select/calcite-select.js +2 -2
  248. package/dist/collection/components/calcite-slider/calcite-slider.css +2 -4
  249. package/dist/collection/components/calcite-slider/calcite-slider.js +3 -3
  250. package/dist/collection/components/calcite-split-button/calcite-split-button.js +2 -2
  251. package/dist/collection/components/calcite-stepper/calcite-stepper.js +4 -4
  252. package/dist/collection/components/calcite-stepper-item/calcite-stepper-item.js +14 -14
  253. package/dist/collection/components/calcite-switch/calcite-switch.js +8 -3
  254. package/dist/collection/components/calcite-tab/calcite-tab.js +4 -4
  255. package/dist/collection/components/calcite-tab-nav/calcite-tab-nav.js +14 -14
  256. package/dist/collection/components/calcite-tab-title/calcite-tab-title.js +16 -16
  257. package/dist/collection/components/calcite-tile/calcite-tile.css +4 -0
  258. package/dist/collection/components/calcite-tile/calcite-tile.js +2 -2
  259. package/dist/collection/components/calcite-time-picker/calcite-time-picker.js +30 -30
  260. package/dist/collection/components/calcite-tooltip/calcite-tooltip.js +5 -5
  261. package/dist/collection/components/calcite-tooltip-manager/calcite-tooltip-manager.js +2 -2
  262. package/dist/collection/components/calcite-tree/calcite-tree.js +10 -10
  263. package/dist/collection/components/calcite-tree-item/calcite-tree-item.js +35 -28
  264. package/dist/collection/components/calcite-value-list-item/calcite-value-list-item.js +6 -6
  265. package/dist/collection/utils/label.js +33 -4
  266. package/dist/collection/utils/popper.js +2 -2
  267. package/dist/components/calcite-accordion-item.js +2 -2
  268. package/dist/components/calcite-accordion.js +2 -2
  269. package/dist/components/calcite-action-bar.js +2 -2
  270. package/dist/components/calcite-action-group2.js +2 -2
  271. package/dist/components/calcite-action-menu2.js +2 -2
  272. package/dist/components/calcite-action-pad.js +2 -2
  273. package/dist/components/calcite-action2.js +2 -2
  274. package/dist/components/calcite-alert.js +2 -2
  275. package/dist/components/calcite-avatar.js +2 -2
  276. package/dist/components/calcite-block-section.js +2 -2
  277. package/dist/components/calcite-block.js +3 -3
  278. package/dist/components/calcite-button2.js +2 -2
  279. package/dist/components/calcite-card.js +11 -5
  280. package/dist/components/calcite-checkbox2.js +2 -2
  281. package/dist/components/calcite-chip2.js +2 -2
  282. package/dist/components/calcite-color-picker-hex-input2.js +2 -2
  283. package/dist/components/calcite-color-picker-swatch2.js +2 -2
  284. package/dist/components/calcite-color-picker.js +15 -12
  285. package/dist/components/calcite-combobox-item-group.js +2 -2
  286. package/dist/components/calcite-combobox-item.js +2 -2
  287. package/dist/components/calcite-combobox.js +7 -5
  288. package/dist/components/calcite-date-picker-day2.js +2 -2
  289. package/dist/components/calcite-date-picker-month-header2.js +2 -2
  290. package/dist/components/calcite-date-picker-month2.js +2 -2
  291. package/dist/components/calcite-date-picker2.js +2 -2
  292. package/dist/components/calcite-dropdown-group.js +2 -2
  293. package/dist/components/calcite-dropdown-item.js +3 -3
  294. package/dist/components/calcite-dropdown2.js +3 -3
  295. package/dist/components/calcite-fab.js +2 -2
  296. package/dist/components/calcite-filter2.js +47 -16
  297. package/dist/components/calcite-flow.js +2 -2
  298. package/dist/components/calcite-graph2.js +20 -10
  299. package/dist/components/calcite-handle2.js +2 -2
  300. package/dist/components/calcite-icon2.js +2 -2
  301. package/dist/components/calcite-input-date-picker.js +3 -3
  302. package/dist/components/calcite-input-message.js +2 -2
  303. package/dist/components/calcite-input-time-picker.js +2 -2
  304. package/dist/components/calcite-input2.js +30 -17
  305. package/dist/components/calcite-label.js +1 -75
  306. package/dist/components/calcite-label2.js +81 -0
  307. package/dist/components/calcite-link2.js +2 -2
  308. package/dist/components/calcite-list-item-group.js +2 -2
  309. package/dist/components/calcite-list-item.js +2 -2
  310. package/dist/components/calcite-list.js +2 -2
  311. package/dist/components/calcite-loader2.js +3 -3
  312. package/dist/components/calcite-modal.js +2 -2
  313. package/dist/components/calcite-notice.js +2 -2
  314. package/dist/components/calcite-option-group.js +2 -2
  315. package/dist/components/calcite-option.js +2 -2
  316. package/dist/components/calcite-pagination.js +2 -2
  317. package/dist/components/calcite-panel.js +3 -3
  318. package/dist/components/calcite-pick-list-group.js +2 -2
  319. package/dist/components/calcite-pick-list-item2.js +2 -2
  320. package/dist/components/calcite-pick-list.js +2 -2
  321. package/dist/components/calcite-popover-manager.js +2 -2
  322. package/dist/components/calcite-popover2.js +3 -3
  323. package/dist/components/calcite-progress2.js +2 -2
  324. package/dist/components/calcite-radio-button-group.js +2 -2
  325. package/dist/components/calcite-radio-group-item.js +2 -2
  326. package/dist/components/calcite-radio-group.js +2 -2
  327. package/dist/components/calcite-radio2.js +2 -2
  328. package/dist/components/calcite-rating.js +2 -2
  329. package/dist/components/calcite-scrim2.js +2 -2
  330. package/dist/components/calcite-select.js +2 -2
  331. package/dist/components/calcite-shell-center-row.js +2 -2
  332. package/dist/components/calcite-shell-panel.js +2 -2
  333. package/dist/components/calcite-shell.js +2 -2
  334. package/dist/components/calcite-slider.js +4 -4
  335. package/dist/components/calcite-sortable-list.js +2 -2
  336. package/dist/components/calcite-split-button.js +2 -2
  337. package/dist/components/calcite-stepper-item.js +2 -2
  338. package/dist/components/calcite-stepper.js +2 -2
  339. package/dist/components/calcite-switch2.js +8 -3
  340. package/dist/components/calcite-tab-nav2.js +2 -2
  341. package/dist/components/calcite-tab-title2.js +2 -2
  342. package/dist/components/calcite-tab2.js +2 -2
  343. package/dist/components/calcite-tabs2.js +2 -2
  344. package/dist/components/calcite-tile-select-group.js +2 -2
  345. package/dist/components/calcite-tile-select.js +2 -2
  346. package/dist/components/calcite-tile2.js +3 -3
  347. package/dist/components/calcite-time-picker2.js +2 -2
  348. package/dist/components/calcite-tip-group.js +2 -2
  349. package/dist/components/calcite-tip-manager.js +2 -2
  350. package/dist/components/calcite-tip.js +2 -2
  351. package/dist/components/calcite-tooltip-manager2.js +2 -2
  352. package/dist/components/calcite-tooltip.js +3 -3
  353. package/dist/components/calcite-tree-item.js +17 -10
  354. package/dist/components/calcite-tree.js +2 -2
  355. package/dist/components/calcite-value-list-item.js +2 -2
  356. package/dist/components/calcite-value-list.js +2 -2
  357. package/dist/components/label.js +33 -4
  358. package/dist/components/popper.js +2 -2
  359. package/dist/custom-elements/index.js +264 -168
  360. package/dist/esm/{CalciteExpandToggle-151a563a.js → CalciteExpandToggle-235a6bfd.js} +1 -1
  361. package/dist/esm/{CalciteHeading-1735f17a.js → CalciteHeading-dea3bd05.js} +1 -1
  362. package/dist/esm/calcite-accordion_2.entry.js +1 -1
  363. package/dist/esm/calcite-action-bar.entry.js +2 -2
  364. package/dist/esm/calcite-action-group.entry.js +1 -1
  365. package/dist/esm/calcite-action-menu.entry.js +1 -1
  366. package/dist/esm/calcite-action-pad.entry.js +2 -2
  367. package/dist/esm/calcite-action.entry.js +1 -1
  368. package/dist/esm/calcite-alert.entry.js +1 -1
  369. package/dist/esm/calcite-avatar.entry.js +1 -1
  370. package/dist/esm/calcite-block_2.entry.js +3 -3
  371. package/dist/esm/calcite-button.entry.js +2 -2
  372. package/dist/esm/calcite-card.entry.js +2 -2
  373. package/dist/esm/calcite-checkbox.entry.js +2 -2
  374. package/dist/esm/calcite-chip.entry.js +1 -1
  375. package/dist/esm/calcite-color-picker_3.entry.js +14 -11
  376. package/dist/esm/calcite-combobox_3.entry.js +8 -6
  377. package/dist/esm/calcite-date-picker_4.entry.js +3 -3
  378. package/dist/esm/calcite-dropdown_3.entry.js +4 -4
  379. package/dist/esm/calcite-fab.entry.js +1 -1
  380. package/dist/esm/calcite-filter.entry.js +43 -14
  381. package/dist/esm/calcite-flow.entry.js +1 -1
  382. package/dist/esm/calcite-graph_2.entry.js +19 -11
  383. package/dist/esm/calcite-handle.entry.js +1 -1
  384. package/dist/esm/calcite-icon.entry.js +1 -1
  385. package/dist/esm/calcite-inline-editable.entry.js +2 -2
  386. package/dist/esm/calcite-input-date-picker.entry.js +5 -5
  387. package/dist/esm/calcite-input-message.entry.js +1 -1
  388. package/dist/esm/calcite-input-time-picker_2.entry.js +2 -2
  389. package/dist/esm/calcite-input.entry.js +32 -19
  390. package/dist/esm/calcite-label.entry.js +1 -1
  391. package/dist/esm/calcite-link.entry.js +1 -1
  392. package/dist/esm/calcite-list_3.entry.js +2 -2
  393. package/dist/esm/calcite-loader.entry.js +2 -2
  394. package/dist/esm/calcite-modal.entry.js +1 -1
  395. package/dist/esm/calcite-notice.entry.js +1 -1
  396. package/dist/esm/calcite-option_3.entry.js +2 -2
  397. package/dist/esm/calcite-pagination.entry.js +1 -1
  398. package/dist/esm/calcite-panel.entry.js +3 -3
  399. package/dist/esm/calcite-pick-list_3.entry.js +3 -3
  400. package/dist/esm/calcite-popover_2.entry.js +4 -4
  401. package/dist/esm/calcite-progress.entry.js +1 -1
  402. package/dist/esm/calcite-radio-button-group.entry.js +1 -1
  403. package/dist/esm/calcite-radio-group_2.entry.js +2 -2
  404. package/dist/esm/calcite-radio_2.entry.js +2 -2
  405. package/dist/esm/calcite-rating.entry.js +2 -2
  406. package/dist/esm/calcite-scrim.entry.js +1 -1
  407. package/dist/esm/calcite-shell_3.entry.js +1 -1
  408. package/dist/esm/calcite-sortable-list.entry.js +1 -1
  409. package/dist/esm/calcite-split-button.entry.js +1 -1
  410. package/dist/esm/calcite-stepper_2.entry.js +1 -1
  411. package/dist/esm/calcite-switch.entry.js +7 -2
  412. package/dist/esm/calcite-tab_4.entry.js +1 -1
  413. package/dist/esm/calcite-tile-select_2.entry.js +1 -1
  414. package/dist/esm/calcite-tile.entry.js +2 -2
  415. package/dist/esm/calcite-tip_3.entry.js +2 -2
  416. package/dist/esm/calcite-tooltip_2.entry.js +3 -3
  417. package/dist/esm/calcite-tree_2.entry.js +16 -9
  418. package/dist/esm/calcite-value-list_2.entry.js +2 -2
  419. package/dist/esm/calcite.js +3 -3
  420. package/dist/esm/{index-d653c37f.js → index-66803519.js} +73 -64
  421. package/dist/esm/{label-bb61bdef.js → label-5559055d.js} +33 -4
  422. package/dist/esm/loader.js +3 -3
  423. package/dist/esm/{popper-7499ea4f.js → popper-dc4b45cf.js} +2 -2
  424. package/dist/esm/{resources-510eed1a.js → resources-8dd80c84.js} +1 -1
  425. package/dist/esm/{resources-3b481489.js → resources-c59a1a15.js} +1 -1
  426. package/dist/esm-es5/{CalciteExpandToggle-151a563a.js → CalciteExpandToggle-235a6bfd.js} +1 -1
  427. package/dist/esm-es5/{CalciteHeading-1735f17a.js → CalciteHeading-dea3bd05.js} +1 -1
  428. package/dist/esm-es5/calcite-accordion_2.entry.js +1 -1
  429. package/dist/esm-es5/calcite-action-bar.entry.js +1 -1
  430. package/dist/esm-es5/calcite-action-group.entry.js +1 -1
  431. package/dist/esm-es5/calcite-action-menu.entry.js +1 -1
  432. package/dist/esm-es5/calcite-action-pad.entry.js +1 -1
  433. package/dist/esm-es5/calcite-action.entry.js +1 -1
  434. package/dist/esm-es5/calcite-alert.entry.js +1 -1
  435. package/dist/esm-es5/calcite-avatar.entry.js +1 -1
  436. package/dist/esm-es5/calcite-block_2.entry.js +1 -1
  437. package/dist/esm-es5/calcite-button.entry.js +1 -1
  438. package/dist/esm-es5/calcite-card.entry.js +1 -1
  439. package/dist/esm-es5/calcite-checkbox.entry.js +1 -1
  440. package/dist/esm-es5/calcite-chip.entry.js +1 -1
  441. package/dist/esm-es5/calcite-color-picker_3.entry.js +1 -1
  442. package/dist/esm-es5/calcite-combobox_3.entry.js +1 -1
  443. package/dist/esm-es5/calcite-date-picker_4.entry.js +1 -1
  444. package/dist/esm-es5/calcite-dropdown_3.entry.js +1 -1
  445. package/dist/esm-es5/calcite-fab.entry.js +1 -1
  446. package/dist/esm-es5/calcite-filter.entry.js +2 -2
  447. package/dist/esm-es5/calcite-flow.entry.js +1 -1
  448. package/dist/esm-es5/calcite-graph_2.entry.js +1 -1
  449. package/dist/esm-es5/calcite-handle.entry.js +1 -1
  450. package/dist/esm-es5/calcite-icon.entry.js +1 -1
  451. package/dist/esm-es5/calcite-inline-editable.entry.js +1 -1
  452. package/dist/esm-es5/calcite-input-date-picker.entry.js +1 -1
  453. package/dist/esm-es5/calcite-input-message.entry.js +1 -1
  454. package/dist/esm-es5/calcite-input-time-picker_2.entry.js +1 -1
  455. package/dist/esm-es5/calcite-input.entry.js +1 -1
  456. package/dist/esm-es5/calcite-label.entry.js +1 -1
  457. package/dist/esm-es5/calcite-link.entry.js +1 -1
  458. package/dist/esm-es5/calcite-list_3.entry.js +1 -1
  459. package/dist/esm-es5/calcite-loader.entry.js +1 -1
  460. package/dist/esm-es5/calcite-modal.entry.js +1 -1
  461. package/dist/esm-es5/calcite-notice.entry.js +1 -1
  462. package/dist/esm-es5/calcite-option_3.entry.js +2 -2
  463. package/dist/esm-es5/calcite-pagination.entry.js +1 -1
  464. package/dist/esm-es5/calcite-panel.entry.js +1 -1
  465. package/dist/esm-es5/calcite-pick-list_3.entry.js +1 -1
  466. package/dist/esm-es5/calcite-popover_2.entry.js +1 -1
  467. package/dist/esm-es5/calcite-progress.entry.js +1 -1
  468. package/dist/esm-es5/calcite-radio-button-group.entry.js +1 -1
  469. package/dist/esm-es5/calcite-radio-group_2.entry.js +1 -1
  470. package/dist/esm-es5/calcite-radio_2.entry.js +1 -1
  471. package/dist/esm-es5/calcite-rating.entry.js +1 -1
  472. package/dist/esm-es5/calcite-scrim.entry.js +1 -1
  473. package/dist/esm-es5/calcite-shell_3.entry.js +1 -1
  474. package/dist/esm-es5/calcite-sortable-list.entry.js +1 -1
  475. package/dist/esm-es5/calcite-split-button.entry.js +1 -1
  476. package/dist/esm-es5/calcite-stepper_2.entry.js +1 -1
  477. package/dist/esm-es5/calcite-switch.entry.js +1 -1
  478. package/dist/esm-es5/calcite-tab_4.entry.js +1 -1
  479. package/dist/esm-es5/calcite-tile-select_2.entry.js +1 -1
  480. package/dist/esm-es5/calcite-tile.entry.js +1 -1
  481. package/dist/esm-es5/calcite-tip_3.entry.js +1 -1
  482. package/dist/esm-es5/calcite-tooltip_2.entry.js +2 -2
  483. package/dist/esm-es5/calcite-tree_2.entry.js +1 -1
  484. package/dist/esm-es5/calcite-value-list_2.entry.js +1 -1
  485. package/dist/esm-es5/calcite.js +1 -1
  486. package/dist/esm-es5/{index-d653c37f.js → index-66803519.js} +1 -1
  487. package/dist/esm-es5/label-5559055d.js +5 -0
  488. package/dist/esm-es5/loader.js +1 -1
  489. package/dist/esm-es5/popper-dc4b45cf.js +5 -0
  490. package/dist/esm-es5/{resources-510eed1a.js → resources-8dd80c84.js} +1 -1
  491. package/dist/esm-es5/{resources-3b481489.js → resources-c59a1a15.js} +1 -1
  492. package/dist/extras/docs-json.json +520 -423
  493. package/dist/types/components/calcite-color-picker/calcite-color-picker.d.ts +1 -1
  494. package/dist/types/components/calcite-combobox/calcite-combobox.d.ts +1 -1
  495. package/dist/types/components/calcite-filter/calcite-filter.d.ts +24 -1
  496. package/dist/types/components/calcite-graph/calcite-graph.d.ts +4 -0
  497. package/dist/types/components/calcite-input/calcite-input.d.ts +7 -1
  498. package/dist/types/components/calcite-modal/calcite-modal.d.ts +2 -2
  499. package/dist/types/components/calcite-tree-item/calcite-tree-item.d.ts +2 -0
  500. package/dist/types/components.d.ts +48 -4
  501. package/dist/types/utils/label.d.ts +5 -0
  502. package/dist/types/utils/popper.d.ts +1 -1
  503. package/hydrate/index.js +182 -81
  504. package/package.json +11 -12
  505. package/readme.md +2 -2
  506. package/dist/calcite/p-07ba39b6.js +0 -5
  507. package/dist/calcite/p-0fb8cdc5.entry.js +0 -5
  508. package/dist/calcite/p-0fd333ff.entry.js +0 -5
  509. package/dist/calcite/p-24b86e03.entry.js +0 -5
  510. package/dist/calcite/p-29b110b2.entry.js +0 -5
  511. package/dist/calcite/p-2ba00b89.js +0 -5
  512. package/dist/calcite/p-34a1c944.entry.js +0 -5
  513. package/dist/calcite/p-361ddbb6.entry.js +0 -5
  514. package/dist/calcite/p-378b83de.entry.js +0 -5
  515. package/dist/calcite/p-43494684.entry.js +0 -5
  516. package/dist/calcite/p-485062f4.system.entry.js +0 -5
  517. package/dist/calcite/p-61038b30.js +0 -5
  518. package/dist/calcite/p-728501db.system.js +0 -5
  519. package/dist/calcite/p-745e41ea.entry.js +0 -5
  520. package/dist/calcite/p-7a544774.system.entry.js +0 -5
  521. package/dist/calcite/p-93d8a7d5.entry.js +0 -5
  522. package/dist/calcite/p-9965ea81.system.js +0 -5
  523. package/dist/calcite/p-ba255377.entry.js +0 -5
  524. package/dist/calcite/p-bc02d9ef.system.entry.js +0 -5
  525. package/dist/calcite/p-bcc323ec.system.entry.js +0 -5
  526. package/dist/calcite/p-c1995144.system.entry.js +0 -5
  527. package/dist/calcite/p-c31243c5.entry.js +0 -5
  528. package/dist/calcite/p-de0f4633.entry.js +0 -5
  529. package/dist/calcite/p-e9044cc1.entry.js +0 -5
  530. package/dist/calcite/p-fb1da0f5.system.js +0 -5
  531. package/dist/collection/components/calcite-label/interfaces.js +0 -1
  532. package/dist/esm-es5/label-bb61bdef.js +0 -5
  533. package/dist/esm-es5/popper-7499ea4f.js +0 -5
package/hydrate/index.js CHANGED
@@ -7,7 +7,7 @@
7
7
  Object.defineProperty(exports, '__esModule', { value: true });
8
8
 
9
9
  /*!
10
- Stencil Mock Doc v2.9.0 | MIT Licensed | https://stenciljs.com
10
+ Stencil Mock Doc v2.10.0 | MIT Licensed | https://stenciljs.com
11
11
  */
12
12
  const CONTENT_REF_ID = 'r';
13
13
  const ORG_LOCATION_ID = 'o';
@@ -5298,7 +5298,8 @@ const callRender = (e, t, o) => {
5298
5298
  s.attributeChangedCallback = function(e, t, n) {
5299
5299
  plt.jmp((() => {
5300
5300
  const t = o.get(e);
5301
- this.hasOwnProperty(t) && (n = this[t], delete this[t]), this[t] = (null !== n || "boolean" != typeof this[t]) && n;
5301
+ if (this.hasOwnProperty(t)) n = this[t], delete this[t]; else if (s.hasOwnProperty(t) && "number" == typeof this[t] && this[t] == n) return;
5302
+ this[t] = (null !== n || "boolean" != typeof this[t]) && n;
5302
5303
  }));
5303
5304
  }, e.observedAttributes = n.filter((([e, t]) => 15 & t[0])).map((([e, n]) => {
5304
5305
  const s = n[1] || e;
@@ -8766,7 +8767,7 @@ const CalciteHeading = (props, children) => {
8766
8767
  return hAsync(HeadingTag, Object.assign({}, props), children);
8767
8768
  };
8768
8769
 
8769
- 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*/.sc-calcite-block:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-block{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-block{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-block{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-block{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-block{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:host*/.sc-calcite-block-h{-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 **/.sc-calcite-block-h *.sc-calcite-block{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host*/.sc-calcite-block-h{--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*/.sc-calcite-block:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-block-h{display:none}/*!@:host*/.sc-calcite-block-h{display:-ms-flexbox;display:flex;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-direction:column;flex-direction:column;padding:0;-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);border-width:0;border-bottom-width:1px;border-color:var(--calcite-ui-border-3);border-style:solid;-ms-flex-preferred-size:auto;flex-basis:auto}/*!@.header*/.header.sc-calcite-block{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between;color:var(--calcite-ui-text-2);}/*!@.heading*/.heading.sc-calcite-block{font-weight:var(--calcite-font-weight-medium);margin:0;padding:0}/*!@.header .heading*/.header.sc-calcite-block .heading.sc-calcite-block{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}/*!@h1.heading*/h1.heading.sc-calcite-block{font-size:var(--calcite-font-size-2);line-height:1.5rem}/*!@h2.heading*/h2.heading.sc-calcite-block{font-size:var(--calcite-font-size-1);line-height:1.5rem}/*!@h3.heading*/h3.heading.sc-calcite-block{font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@h4.heading,\nh5.heading*/h4.heading.sc-calcite-block,h5.heading.sc-calcite-block{font-size:var(--calcite-font-size--1);line-height:1rem}/*!@.header*/.header.sc-calcite-block{-ms-flex-pack:start;justify-content:flex-start;padding:0}/*!@.header,\n.toggle*/.header.sc-calcite-block,.toggle.sc-calcite-block{grid-area:header}/*!@.header-container*/.header-container.sc-calcite-block{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}/*!@.header-container > .header*/.header-container.sc-calcite-block>.header.sc-calcite-block{padding-top:0.75rem;padding-bottom:0.75rem;padding-left:0;padding-right:0}/*!@.toggle*/.toggle.sc-calcite-block{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;font-family:inherit;-ms-flex-align:center;align-items:center;margin:0;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:0;padding-right:0;border-style:none;cursor:pointer;text-align:left;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;background-color:transparent}/*!@.toggle:hover*/.toggle.sc-calcite-block:hover{background-color:var(--calcite-ui-foreground-2)}/*!@.toggle:focus*/.toggle.sc-calcite-block:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@calcite-loader[inline]*/calcite-loader[inline].sc-calcite-block{grid-area:control;align-self:center}/*!@calcite-handle*/calcite-handle.sc-calcite-block{grid-area:handle}/*!@.title*/.title.sc-calcite-block{margin:0;padding-left:1rem;padding-right:1rem;padding-top:0;padding-bottom:0}/*!@.header .title .heading*/.header.sc-calcite-block .title.sc-calcite-block .heading.sc-calcite-block{padding:0;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2);font-weight:var(--calcite-font-weight-medium);word-wrap:break-word;word-break:break-word;line-height:1.25;-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)}/*!@.summary*/.summary.sc-calcite-block{padding:0;font-size:var(--calcite-font-size--2);color:var(--calcite-ui-text-3);margin-top:0.125rem;word-wrap:break-word;word-break:break-word}/*!@.icon*/.icon.sc-calcite-block{margin-left:0.75rem}/*!@.status-icon.valid*/.status-icon.valid.sc-calcite-block{color:var(--calcite-ui-success)}/*!@.status-icon.invalid*/.status-icon.invalid.sc-calcite-block{color:var(--calcite-ui-danger)}/*!@.status-icon.loading*/.status-icon.loading.sc-calcite-block{-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*/.toggle-icon.sc-calcite-block{margin-right:1rem;-ms-flex-item-align:center;align-self:center;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)}/*!@.toggle:hover .toggle-icon*/.toggle.sc-calcite-block:hover .toggle-icon.sc-calcite-block{color:var(--calcite-ui-text-1)}/*!@.content*/.content.sc-calcite-block{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;position:relative;-webkit-animation:in var(--calcite-animation-timing) ease-in-out;animation:in var(--calcite-animation-timing) ease-in-out}/*!@.control-container*/.control-container.sc-calcite-block{display:-ms-flexbox;display:flex;margin:0;grid-area:control}/*!@calcite-action-menu*/calcite-action-menu.sc-calcite-block{grid-area:menu}/*!@.calcite--rtl .toggle-icon*/.calcite--rtl.sc-calcite-block .toggle-icon.sc-calcite-block{margin-right:0;margin-left:1rem}/*!@.calcite--rtl .icon*/.calcite--rtl.sc-calcite-block .icon.sc-calcite-block{margin-left:0;margin-right:0.75rem}/*!@:host([open])*/[open].sc-calcite-block-h{margin-top:0.5rem;margin-bottom:0.5rem}/*!@:host([open]) .header .title .heading*/[open].sc-calcite-block-h .header.sc-calcite-block .title.sc-calcite-block .heading.sc-calcite-block{color:var(--calcite-ui-text-1)}/*!@:host([disabled])*/[disabled].sc-calcite-block-h{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;user-select:none}/*!@:host([disabled]) .header-container*/[disabled].sc-calcite-block-h .header-container.sc-calcite-block{opacity:0.5}/*!@:host([drag-handle]) .calcite--rtl .title*/[drag-handle].sc-calcite-block-h .calcite--rtl.sc-calcite-block .title.sc-calcite-block{padding-left:0;padding-right:0.25rem}";
8770
+ 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*/.sc-calcite-block:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-block{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-block{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-block{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-block{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-block{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:host*/.sc-calcite-block-h{-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 **/.sc-calcite-block-h *.sc-calcite-block{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host*/.sc-calcite-block-h{--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*/.sc-calcite-block:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-block-h{display:none}/*!@:host*/.sc-calcite-block-h{display:-ms-flexbox;display:flex;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-direction:column;flex-direction:column;padding:0;-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);border-width:0;border-bottom-width:1px;border-color:var(--calcite-ui-border-3);border-style:solid;-ms-flex-preferred-size:auto;flex-basis:auto}/*!@.header*/.header.sc-calcite-block{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between;color:var(--calcite-ui-text-2);}/*!@.heading*/.heading.sc-calcite-block{font-weight:var(--calcite-font-weight-medium);margin:0;padding:0}/*!@.header .heading*/.header.sc-calcite-block .heading.sc-calcite-block{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}/*!@h1.heading*/h1.heading.sc-calcite-block{font-size:var(--calcite-font-size-2);line-height:1.5rem}/*!@h2.heading*/h2.heading.sc-calcite-block{font-size:var(--calcite-font-size-1);line-height:1.5rem}/*!@h3.heading*/h3.heading.sc-calcite-block{font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@h4.heading,\nh5.heading*/h4.heading.sc-calcite-block,h5.heading.sc-calcite-block{font-size:var(--calcite-font-size--1);line-height:1rem}/*!@.header*/.header.sc-calcite-block{-ms-flex-pack:start;justify-content:flex-start;padding:0}/*!@.header,\n.toggle*/.header.sc-calcite-block,.toggle.sc-calcite-block{grid-area:header}/*!@.header-container*/.header-container.sc-calcite-block{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}/*!@.header-container > .header*/.header-container.sc-calcite-block>.header.sc-calcite-block{padding-top:0.75rem;padding-bottom:0.75rem;padding-left:0;padding-right:0}/*!@.toggle*/.toggle.sc-calcite-block{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;font-family:inherit;-ms-flex-align:center;align-items:center;margin:0;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:0;padding-right:0;border-style:none;cursor:pointer;text-align:left;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;background-color:transparent}/*!@.toggle:hover*/.toggle.sc-calcite-block:hover{background-color:var(--calcite-ui-foreground-2)}/*!@.toggle:focus*/.toggle.sc-calcite-block:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@calcite-loader[inline]*/calcite-loader[inline].sc-calcite-block{grid-area:control;align-self:center}/*!@calcite-handle*/calcite-handle.sc-calcite-block{grid-area:handle}/*!@.title*/.title.sc-calcite-block{margin:0;padding-left:0.75rem;padding-right:0.75rem;padding-top:0;padding-bottom:0}/*!@.header .title .heading*/.header.sc-calcite-block .title.sc-calcite-block .heading.sc-calcite-block{padding:0;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2);font-weight:var(--calcite-font-weight-medium);word-wrap:break-word;word-break:break-word;line-height:1.25;-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)}/*!@.summary*/.summary.sc-calcite-block{padding:0;font-size:var(--calcite-font-size--2);color:var(--calcite-ui-text-3);margin-top:0.125rem;word-wrap:break-word;word-break:break-word}/*!@.icon*/.icon.sc-calcite-block{margin-left:0.75rem}/*!@.status-icon.valid*/.status-icon.valid.sc-calcite-block{color:var(--calcite-ui-success)}/*!@.status-icon.invalid*/.status-icon.invalid.sc-calcite-block{color:var(--calcite-ui-danger)}/*!@.status-icon.loading*/.status-icon.loading.sc-calcite-block{-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*/.toggle-icon.sc-calcite-block{margin-right:1rem;-ms-flex-item-align:center;align-self:center;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)}/*!@.toggle:hover .toggle-icon*/.toggle.sc-calcite-block:hover .toggle-icon.sc-calcite-block{color:var(--calcite-ui-text-1)}/*!@.content*/.content.sc-calcite-block{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;position:relative;-webkit-animation:in var(--calcite-animation-timing) ease-in-out;animation:in var(--calcite-animation-timing) ease-in-out}/*!@.control-container*/.control-container.sc-calcite-block{display:-ms-flexbox;display:flex;margin:0;grid-area:control}/*!@calcite-action-menu*/calcite-action-menu.sc-calcite-block{grid-area:menu}/*!@.calcite--rtl .toggle-icon*/.calcite--rtl.sc-calcite-block .toggle-icon.sc-calcite-block{margin-right:0;margin-left:1rem}/*!@.calcite--rtl .icon*/.calcite--rtl.sc-calcite-block .icon.sc-calcite-block{margin-left:0;margin-right:0.75rem}/*!@:host([open])*/[open].sc-calcite-block-h{margin-top:0.5rem;margin-bottom:0.5rem}/*!@:host([open]) .header .title .heading*/[open].sc-calcite-block-h .header.sc-calcite-block .title.sc-calcite-block .heading.sc-calcite-block{color:var(--calcite-ui-text-1)}/*!@:host([disabled])*/[disabled].sc-calcite-block-h{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;user-select:none}/*!@:host([disabled]) .header-container*/[disabled].sc-calcite-block-h .header-container.sc-calcite-block{opacity:0.5}/*!@:host([drag-handle]) .calcite--rtl .title*/[drag-handle].sc-calcite-block-h .calcite--rtl.sc-calcite-block .title.sc-calcite-block{padding-left:0;padding-right:0.25rem}";
8770
8771
 
8771
8772
  /**
8772
8773
  * @slot - A slot for adding content to the block.
@@ -9039,14 +9040,43 @@ const TEXT$h = {
9039
9040
  loading: "Loading"
9040
9041
  };
9041
9042
 
9042
- const labelTagName = "calcite-label";
9043
+ /**
9044
+ * Exported for testing purposes only
9045
+ * @internal
9046
+ */
9043
9047
  const labelClickEvent = "calciteInternalLabelClick";
9048
+ const labelTagName = "calcite-label";
9044
9049
  const onLabelClickMap = new WeakMap();
9045
9050
  const findLabelForComponent = (componentEl) => {
9046
- const id = componentEl.id;
9047
- return ((id && queryElementRoots(componentEl, `${labelTagName}[for="${id}"]`)) ||
9048
- closestElementCrossShadowBoundary(componentEl, labelTagName));
9051
+ const { id } = componentEl;
9052
+ const forLabel = id && queryElementRoots(componentEl, `${labelTagName}[for="${id}"]`);
9053
+ if (forLabel) {
9054
+ return forLabel;
9055
+ }
9056
+ const parentLabel = closestElementCrossShadowBoundary(componentEl, labelTagName);
9057
+ if (!parentLabel ||
9058
+ // labelable components within other custom elements are not considered labelable
9059
+ hasAncestorCustomElements(parentLabel, componentEl)) {
9060
+ return null;
9061
+ }
9062
+ return parentLabel;
9049
9063
  };
9064
+ function hasAncestorCustomElements(label, componentEl) {
9065
+ let traversedElements;
9066
+ const customElementAncestorCheckEventType = "custom-element-ancestor-check";
9067
+ const listener = (event) => {
9068
+ event.stopImmediatePropagation();
9069
+ const composedPath = event.composedPath();
9070
+ traversedElements = composedPath.slice(composedPath.indexOf(componentEl), composedPath.indexOf(label));
9071
+ };
9072
+ label.addEventListener(customElementAncestorCheckEventType, listener, { once: true });
9073
+ componentEl.dispatchEvent(new CustomEvent(customElementAncestorCheckEventType, { composed: true, bubbles: true }));
9074
+ label.removeEventListener(customElementAncestorCheckEventType, listener);
9075
+ const ancestorCustomElements = traversedElements
9076
+ .filter((el) => el !== componentEl && el !== label)
9077
+ .filter((el) => { var _a; return (_a = el.tagName) === null || _a === void 0 ? void 0 : _a.includes("-"); });
9078
+ return ancestorCustomElements.length > 0;
9079
+ }
9050
9080
  /**
9051
9081
  * Helper to set up label interactions on connectedCallback.
9052
9082
  */
@@ -9360,7 +9390,7 @@ class CalciteCard {
9360
9390
  }
9361
9391
  renderCheckbox() {
9362
9392
  const checkboxLabel = this.selected ? this.intlDeselect : this.intlSelect;
9363
- return (hAsync("label", { "aria-label": checkboxLabel, class: CSS$H.checkboxWrapper, onClick: this.cardSelectClick, onKeyDown: this.cardSelectKeyDown, title: checkboxLabel }, hAsync("calcite-checkbox", { checked: this.selected })));
9393
+ return (hAsync("calcite-label", { class: CSS$H.checkboxWrapper, onClick: this.cardSelectClick, onKeyDown: this.cardSelectKeyDown }, hAsync("calcite-checkbox", { checked: this.selected, label: checkboxLabel })));
9364
9394
  }
9365
9395
  renderHeader() {
9366
9396
  const title = this.el.querySelector(`[slot=${SLOTS$j.title}]`);
@@ -12031,9 +12061,9 @@ class CalciteColorPicker {
12031
12061
  * @see [ColorValue](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-color-picker/interfaces.ts#L10)
12032
12062
  */
12033
12063
  this.value = defaultValue;
12034
- this.colorUpdateLocked = false;
12035
12064
  this.colorFieldAndSliderHovered = false;
12036
12065
  this.hueThumbState = "idle";
12066
+ this.internalColorUpdateContext = null;
12037
12067
  this.mode = CSSColorMode.HEX;
12038
12068
  this.shiftKeyChannelAdjustment = 0;
12039
12069
  this.sliderThumbState = "idle";
@@ -12342,7 +12372,7 @@ class CalciteColorPicker {
12342
12372
  this.drawColorFieldAndSlider();
12343
12373
  this.updateChannelsFromColor(color);
12344
12374
  this.previousColor = oldColor;
12345
- if (this.colorUpdateLocked) {
12375
+ if (this.internalColorUpdateContext) {
12346
12376
  return;
12347
12377
  }
12348
12378
  this.value = this.toValue(color);
@@ -12369,7 +12399,10 @@ class CalciteColorPicker {
12369
12399
  this.setMode(nextMode);
12370
12400
  }
12371
12401
  const dragging = this.sliderThumbState === "drag" || this.hueThumbState === "drag";
12372
- if (this.colorUpdateLocked) {
12402
+ if (this.internalColorUpdateContext) {
12403
+ if (this.internalColorUpdateContext === "initial") {
12404
+ return;
12405
+ }
12373
12406
  this.calciteColorPickerInput.emit();
12374
12407
  if (!dragging) {
12375
12408
  this.calciteColorPickerChange.emit();
@@ -12440,15 +12473,15 @@ class CalciteColorPicker {
12440
12473
  }
12441
12474
  connectedCallback() {
12442
12475
  const { allowEmpty, color: color$1, format, value } = this;
12443
- const valueIsNoColor = allowEmpty && !value;
12476
+ const willSetNoColor = allowEmpty && !value;
12444
12477
  const parsedMode = parseMode(value);
12445
- const valueIsCompatible = (format === "auto" && parsedMode) || format === parsedMode;
12446
- const initialColor = valueIsNoColor ? null : valueIsCompatible ? color(value) : color$1;
12478
+ const valueIsCompatible = willSetNoColor || (format === "auto" && parsedMode) || format === parsedMode;
12479
+ const initialColor = willSetNoColor ? null : valueIsCompatible ? color(value) : color$1;
12447
12480
  if (!valueIsCompatible) {
12448
12481
  this.showIncompatibleColorWarning(value, format);
12449
12482
  }
12450
12483
  this.setMode(format);
12451
- this.internalColorSet(initialColor, false);
12484
+ this.internalColorSet(initialColor, false, "initial");
12452
12485
  this.updateDimensions(this.scale);
12453
12486
  }
12454
12487
  disconnectedCallback() {
@@ -12513,14 +12546,14 @@ class CalciteColorPicker {
12513
12546
  }
12514
12547
  return "none";
12515
12548
  }
12516
- internalColorSet(color, skipEqual = true) {
12549
+ internalColorSet(color, skipEqual = true, context = "internal") {
12517
12550
  if (skipEqual && colorEqual(color, this.color)) {
12518
12551
  return;
12519
12552
  }
12520
- this.colorUpdateLocked = true;
12553
+ this.internalColorUpdateContext = context;
12521
12554
  this.color = color;
12522
12555
  this.value = this.toValue(color);
12523
- this.colorUpdateLocked = false;
12556
+ this.internalColorUpdateContext = null;
12524
12557
  }
12525
12558
  toValue(color, format = this.mode) {
12526
12559
  if (!color) {
@@ -14788,9 +14821,9 @@ function createPopper({ referenceEl, el, placement, overlayPositioning = "absolu
14788
14821
  modifiers
14789
14822
  });
14790
14823
  }
14791
- function updatePopper({ el, modifiers, placement: PopperPlacement, popper }) {
14824
+ async function updatePopper({ el, modifiers, placement: PopperPlacement, popper }) {
14792
14825
  const placement = getPlacement(el, PopperPlacement);
14793
- popper.setOptions({
14826
+ await popper.setOptions({
14794
14827
  modifiers,
14795
14828
  placement
14796
14829
  });
@@ -14977,7 +15010,10 @@ class CalciteCombobox {
14977
15010
  }
14978
15011
  this.calciteComboboxChipDismiss.emit(event.detail);
14979
15012
  };
14980
- this.setFocusClick = () => {
15013
+ this.setFocusClick = (event) => {
15014
+ if (event.composedPath().some((node) => node.tagName === "CALCITE-CHIP")) {
15015
+ return;
15016
+ }
14981
15017
  this.setFocus();
14982
15018
  };
14983
15019
  this.setInactiveIfNotContained = (event) => {
@@ -15118,7 +15154,7 @@ class CalciteCombobox {
15118
15154
  const { popper, menuEl } = this;
15119
15155
  const modifiers = this.getModifiers();
15120
15156
  popper
15121
- ? updatePopper({
15157
+ ? await updatePopper({
15122
15158
  el: menuEl,
15123
15159
  modifiers,
15124
15160
  placement: ComboboxDefaultPlacement,
@@ -15239,7 +15275,6 @@ class CalciteCombobox {
15239
15275
  this.emitCalciteLookupChange();
15240
15276
  this.emitComboboxChange();
15241
15277
  this.resetText();
15242
- this.textInput.focus();
15243
15278
  this.filterItems("");
15244
15279
  }
15245
15280
  else {
@@ -17068,7 +17103,7 @@ class CalciteDropdown {
17068
17103
  this.setMaxScrollerHeight();
17069
17104
  const modifiers = this.getModifiers();
17070
17105
  popper
17071
- ? updatePopper({
17106
+ ? await updatePopper({
17072
17107
  el: menuEl,
17073
17108
  modifiers,
17074
17109
  placement,
@@ -17353,7 +17388,7 @@ const CSS$y = {
17353
17388
  containerNone: "container--none-selection"
17354
17389
  };
17355
17390
 
17356
- const calciteDropdownItemCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-dropdown-item:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-dropdown-item{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-dropdown-item{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-dropdown-item{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-dropdown-item{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-dropdown-item{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-dropdown-item:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-dropdown-item-h{display:none}/*!@.container--s*/.container--s.sc-calcite-dropdown-item{font-size:var(--calcite-font-size--2);line-height:1rem;padding-right:0.5rem;padding-left:1.5rem;padding-top:0.25rem;padding-bottom:0.25rem}/*!@.container--m*/.container--m.sc-calcite-dropdown-item{font-size:var(--calcite-font-size--1);line-height:1rem;padding-right:0.75rem;padding-left:2rem;padding-top:0.5rem;padding-bottom:0.5rem}/*!@.container--l*/.container--l.sc-calcite-dropdown-item{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-right:1rem;padding-left:2.5rem;padding-top:0.75rem;padding-bottom:0.75rem}/*!@.container--s.calcite--rtl*/.container--s.calcite--rtl.sc-calcite-dropdown-item{padding-right:1.5rem;padding-left:0.5rem}/*!@.container--m.calcite--rtl*/.container--m.calcite--rtl.sc-calcite-dropdown-item{padding-right:2rem;padding-left:0.75rem}/*!@.container--l.calcite--rtl*/.container--l.calcite--rtl.sc-calcite-dropdown-item{padding-right:2.5rem;padding-left:1rem}/*!@:host*/.sc-calcite-dropdown-item-h{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;position:relative}/*!@.container*/.container.sc-calcite-dropdown-item{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;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);cursor:pointer;text-decoration:none;outline:2px solid transparent;outline-offset:2px;position:relative}/*!@.dropdown-item-content*/.dropdown-item-content.sc-calcite-dropdown-item{margin-right:auto;margin-left:0.25rem}/*!@.calcite--rtl .dropdown-item-content*/.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-content.sc-calcite-dropdown-item{margin-left:auto;margin-right:0}/*!@:host,\n.container--link a*/.sc-calcite-dropdown-item-h,.container--link.sc-calcite-dropdown-item a.sc-calcite-dropdown-item{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}/*!@:host(:focus),\n.container--link a:focus*/.sc-calcite-dropdown-item-h:focus,.container--link.sc-calcite-dropdown-item a.sc-calcite-dropdown-item:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@.container--link*/.container--link.sc-calcite-dropdown-item{padding:0}/*!@.container--link a*/.container--link.sc-calcite-dropdown-item a.sc-calcite-dropdown-item{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;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);cursor:pointer;text-decoration:none;outline:2px solid transparent;outline-offset:2px;position:relative}/*!@.container--s .dropdown-link*/.container--s.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem}/*!@.container--m .dropdown-link*/.container--m.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item{padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem}/*!@.container--l .dropdown-link*/.container--l.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item{padding-left:1.25rem;padding-right:1.25rem;padding-top:1rem;padding-bottom:1rem}/*!@:host(:hover) .container,\n:host(:active) .container*/.sc-calcite-dropdown-item-h:hover .container.sc-calcite-dropdown-item,.sc-calcite-dropdown-item-h:active .container.sc-calcite-dropdown-item{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);text-decoration:none}/*!@:host(:focus) .container*/.sc-calcite-dropdown-item-h:focus .container.sc-calcite-dropdown-item{color:var(--calcite-ui-text-1);text-decoration:none}/*!@:host(:active) .container*/.sc-calcite-dropdown-item-h:active .container.sc-calcite-dropdown-item{background-color:var(--calcite-ui-foreground-3)}/*!@:host(:hover) .container:before,\n:host(:active) .container:before,\n:host(:focus) .container:before*/.sc-calcite-dropdown-item-h:hover .container.sc-calcite-dropdown-item:before,.sc-calcite-dropdown-item-h:active .container.sc-calcite-dropdown-item:before,.sc-calcite-dropdown-item-h:focus .container.sc-calcite-dropdown-item:before{opacity:1}/*!@.calcite--rtl:before*/.calcite--rtl.sc-calcite-dropdown-item:before{left:unset;right:1rem}/*!@:host([active]) .container:not(.container--none-selection)*/[active].sc-calcite-dropdown-item-h .container.sc-calcite-dropdown-item:not(.container--none-selection){color:var(--calcite-ui-text-1);font-weight:var(--calcite-font-weight-medium)}/*!@:host([active]) .container:not(.container--none-selection):before*/[active].sc-calcite-dropdown-item-h .container.sc-calcite-dropdown-item:not(.container--none-selection):before{opacity:1;color:var(--calcite-ui-brand)}/*!@:host([active]) .container:not(.container--none-selection) calcite-icon*/[active].sc-calcite-dropdown-item-h .container.sc-calcite-dropdown-item:not(.container--none-selection) calcite-icon.sc-calcite-dropdown-item{color:var(--calcite-ui-brand)}/*!@.container--s.container--none-selection*/.container--s.container--none-selection.sc-calcite-dropdown-item{padding-left:0.25rem}/*!@.container--m.container--none-selection*/.container--m.container--none-selection.sc-calcite-dropdown-item{padding-left:0.5rem}/*!@.container--l.container--none-selection*/.container--l.container--none-selection.sc-calcite-dropdown-item{padding-left:0.75rem}/*!@.container--multi-selection:before,\n.container--none-selection:before*/.container--multi-selection.sc-calcite-dropdown-item:before,.container--none-selection.sc-calcite-dropdown-item:before{display:none}/*!@.container--s:before*/.container--s.sc-calcite-dropdown-item:before{left:0.5rem}/*!@.container--m:before*/.container--m.sc-calcite-dropdown-item:before{left:0.75rem}/*!@.container--l:before*/.container--l.sc-calcite-dropdown-item:before{left:1rem}/*!@.calcite--rtl:before*/.calcite--rtl.sc-calcite-dropdown-item:before{left:unset}/*!@.container--s.calcite--rtl:before*/.container--s.calcite--rtl.sc-calcite-dropdown-item:before{right:0.5rem}/*!@.container--m.calcite--rtl:before*/.container--m.calcite--rtl.sc-calcite-dropdown-item:before{right:0.75rem}/*!@.container--l.calcite--rtl:before*/.container--l.calcite--rtl.sc-calcite-dropdown-item:before{right:1rem}/*!@.dropdown-item-icon*/.dropdown-item-icon.sc-calcite-dropdown-item{position:absolute;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-transform:scale(0.9);transform:scale(0.9)}/*!@.container--s .dropdown-item-icon*/.container--s.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{left:0.25rem}/*!@.container--m .dropdown-item-icon*/.container--m.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{left:0.5rem}/*!@.container--l .dropdown-item-icon*/.container--l.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{left:0.75rem}/*!@.calcite--rtl .dropdown-item-icon*/.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{left:unset;margin-left:0}/*!@.container--s.calcite--rtl .dropdown-item-icon*/.container--s.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{right:0.25rem}/*!@.container--m.calcite--rtl .dropdown-item-icon*/.container--m.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{right:0.5rem}/*!@.container--l.calcite--rtl .dropdown-item-icon*/.container--l.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{right:0.75rem}/*!@:host(:hover) .dropdown-item-icon*/.sc-calcite-dropdown-item-h:hover .dropdown-item-icon.sc-calcite-dropdown-item{color:var(--calcite-ui-border-1);opacity:1}/*!@:host([active]) .dropdown-item-icon*/[active].sc-calcite-dropdown-item-h .dropdown-item-icon.sc-calcite-dropdown-item{color:var(--calcite-ui-brand);opacity:1}/*!@.container--s .dropdown-item-icon-start*/.container--s.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-right:0.5rem;margin-left:0.25rem}/*!@.container--s .dropdown-item-icon-end*/.container--s.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-left:0.5rem}/*!@.container--m .dropdown-item-icon-start*/.container--m.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-right:0.75rem;margin-left:0.25rem}/*!@.container--m .dropdown-item-icon-end*/.container--m.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-left:0.75rem}/*!@.container--l .dropdown-item-icon-start*/.container--l.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-right:1rem;margin-left:0.25rem}/*!@.container--l .dropdown-item-icon-end*/.container--l.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-left:1rem}/*!@.calcite--rtl .dropdown-item-icon-start*/.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-right:0}/*!@.calcite--rtl .dropdown-item-icon-end*/.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-left:0}/*!@.container--s.calcite--rtl .dropdown-item-icon-start*/.container--s.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-left:0.5rem}/*!@.container--s.calcite--rtl .dropdown-item-icon-end*/.container--s.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-right:0.5rem}/*!@.container--m.calcite--rtl .dropdown-item-icon-start*/.container--m.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-left:0.75rem}/*!@.container--m.calcite--rtl .dropdown-item-icon-end*/.container--m.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-right:0.75rem}/*!@.container--l.calcite--rtl .dropdown-item-icon-start*/.container--l.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-left:1rem}/*!@.container--l.calcite--rtl .dropdown-item-icon-end*/.container--l.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-right:1rem}/*!@.calcite--rtl calcite-icon*/.calcite--rtl.sc-calcite-dropdown-item calcite-icon.sc-calcite-dropdown-item{margin-right:0;margin-left:0.75rem}";
17391
+ const calciteDropdownItemCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-dropdown-item:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-dropdown-item{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-dropdown-item{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-dropdown-item{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-dropdown-item{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-dropdown-item{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-dropdown-item:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-dropdown-item-h{display:none}/*!@.container--s*/.container--s.sc-calcite-dropdown-item{font-size:var(--calcite-font-size--2);line-height:1rem;padding-right:0.5rem;padding-left:1.5rem;padding-top:0.25rem;padding-bottom:0.25rem}/*!@.container--m*/.container--m.sc-calcite-dropdown-item{font-size:var(--calcite-font-size--1);line-height:1rem;padding-right:0.75rem;padding-left:2rem;padding-top:0.5rem;padding-bottom:0.5rem}/*!@.container--l*/.container--l.sc-calcite-dropdown-item{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-right:1rem;padding-left:2.5rem;padding-top:0.75rem;padding-bottom:0.75rem}/*!@.container--s.calcite--rtl*/.container--s.calcite--rtl.sc-calcite-dropdown-item{padding-right:1.5rem;padding-left:0.5rem}/*!@.container--m.calcite--rtl*/.container--m.calcite--rtl.sc-calcite-dropdown-item{padding-right:2rem;padding-left:0.75rem}/*!@.container--l.calcite--rtl*/.container--l.calcite--rtl.sc-calcite-dropdown-item{padding-right:2.5rem;padding-left:1rem}/*!@:host*/.sc-calcite-dropdown-item-h{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;position:relative}/*!@.container*/.container.sc-calcite-dropdown-item{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;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);cursor:pointer;text-decoration:none;outline:2px solid transparent;outline-offset:2px;position:relative}/*!@.dropdown-item-content*/.dropdown-item-content.sc-calcite-dropdown-item{margin-right:auto;margin-left:0.25rem}/*!@.calcite--rtl .dropdown-item-content*/.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-content.sc-calcite-dropdown-item{margin-left:auto;margin-right:0}/*!@:host,\n.container--link a*/.sc-calcite-dropdown-item-h,.container--link.sc-calcite-dropdown-item a.sc-calcite-dropdown-item{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}/*!@:host(:focus)*/.sc-calcite-dropdown-item-h:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@.container--link*/.container--link.sc-calcite-dropdown-item{padding:0}/*!@.container--link a*/.container--link.sc-calcite-dropdown-item a.sc-calcite-dropdown-item{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;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);cursor:pointer;text-decoration:none;outline:2px solid transparent;outline-offset:2px;position:relative}/*!@.container--s .dropdown-link*/.container--s.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item{font-size:var(--calcite-font-size--2);line-height:1rem;padding-right:0.5rem;padding-left:1.5rem;padding-top:0.25rem;padding-bottom:0.25rem}/*!@.container--m .dropdown-link*/.container--m.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item{font-size:var(--calcite-font-size--1);line-height:1rem;padding-right:0.75rem;padding-left:2rem;padding-top:0.5rem;padding-bottom:0.5rem}/*!@.container--l .dropdown-link*/.container--l.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-right:1rem;padding-left:2.5rem;padding-top:0.75rem;padding-bottom:0.75rem}/*!@:host(:hover) .container,\n:host(:active) .container*/.sc-calcite-dropdown-item-h:hover .container.sc-calcite-dropdown-item,.sc-calcite-dropdown-item-h:active .container.sc-calcite-dropdown-item{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);text-decoration:none}/*!@:host(:hover) .container--link .dropdown-link,\n:host(:active) .container--link .dropdown-link*/.sc-calcite-dropdown-item-h:hover .container--link.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item,.sc-calcite-dropdown-item-h:active .container--link.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .container*/.sc-calcite-dropdown-item-h:focus .container.sc-calcite-dropdown-item{color:var(--calcite-ui-text-1);text-decoration:none}/*!@:host(:active) .container*/.sc-calcite-dropdown-item-h:active .container.sc-calcite-dropdown-item{background-color:var(--calcite-ui-foreground-3)}/*!@:host(:hover) .container:before,\n:host(:active) .container:before,\n:host(:focus) .container:before*/.sc-calcite-dropdown-item-h:hover .container.sc-calcite-dropdown-item:before,.sc-calcite-dropdown-item-h:active .container.sc-calcite-dropdown-item:before,.sc-calcite-dropdown-item-h:focus .container.sc-calcite-dropdown-item:before{opacity:1}/*!@.calcite--rtl:before*/.calcite--rtl.sc-calcite-dropdown-item:before{left:unset;right:1rem}/*!@.calcite--rtl .dropdown-link*/.calcite--rtl.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item{padding-right:0;padding-left:0}/*!@:host([active]) .container:not(.container--none-selection),\n:host([active]) .container--link .dropdown-link*/[active].sc-calcite-dropdown-item-h .container.sc-calcite-dropdown-item:not(.container--none-selection),[active].sc-calcite-dropdown-item-h .container--link.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item{color:var(--calcite-ui-text-1);font-weight:var(--calcite-font-weight-medium)}/*!@:host([active]) .container:not(.container--none-selection):before,\n:host([active]) .container--link .dropdown-link:before*/[active].sc-calcite-dropdown-item-h .container.sc-calcite-dropdown-item:not(.container--none-selection):before,[active].sc-calcite-dropdown-item-h .container--link.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item:before{opacity:1;color:var(--calcite-ui-brand)}/*!@:host([active]) .container:not(.container--none-selection) calcite-icon,\n:host([active]) .container--link .dropdown-link calcite-icon*/[active].sc-calcite-dropdown-item-h .container.sc-calcite-dropdown-item:not(.container--none-selection) calcite-icon.sc-calcite-dropdown-item,[active].sc-calcite-dropdown-item-h .container--link.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item calcite-icon.sc-calcite-dropdown-item{color:var(--calcite-ui-brand)}/*!@.container--multi-selection:before,\n.container--none-selection:before*/.container--multi-selection.sc-calcite-dropdown-item:before,.container--none-selection.sc-calcite-dropdown-item:before{display:none}/*!@.container--s:before*/.container--s.sc-calcite-dropdown-item:before{left:0.5rem}/*!@.container--m:before*/.container--m.sc-calcite-dropdown-item:before{left:0.75rem}/*!@.container--l:before*/.container--l.sc-calcite-dropdown-item:before{left:1rem}/*!@.calcite--rtl:before*/.calcite--rtl.sc-calcite-dropdown-item:before{left:unset}/*!@.container--s.calcite--rtl:before*/.container--s.calcite--rtl.sc-calcite-dropdown-item:before{right:0.5rem}/*!@.container--m.calcite--rtl:before*/.container--m.calcite--rtl.sc-calcite-dropdown-item:before{right:0.75rem}/*!@.container--l.calcite--rtl:before*/.container--l.calcite--rtl.sc-calcite-dropdown-item:before{right:1rem}/*!@.dropdown-item-icon*/.dropdown-item-icon.sc-calcite-dropdown-item{position:absolute;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-transform:scale(0.9);transform:scale(0.9)}/*!@.container--s .dropdown-item-icon*/.container--s.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{left:0.25rem}/*!@.container--m .dropdown-item-icon*/.container--m.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{left:0.5rem}/*!@.container--l .dropdown-item-icon*/.container--l.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{left:0.75rem}/*!@.calcite--rtl .dropdown-item-icon*/.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{left:unset;margin-left:0}/*!@.container--s.calcite--rtl .dropdown-item-icon*/.container--s.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{right:0.25rem}/*!@.container--m.calcite--rtl .dropdown-item-icon*/.container--m.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{right:0.5rem}/*!@.container--l.calcite--rtl .dropdown-item-icon*/.container--l.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{right:0.75rem}/*!@:host(:hover) .dropdown-item-icon*/.sc-calcite-dropdown-item-h:hover .dropdown-item-icon.sc-calcite-dropdown-item{color:var(--calcite-ui-border-1);opacity:1}/*!@:host([active]) .dropdown-item-icon*/[active].sc-calcite-dropdown-item-h .dropdown-item-icon.sc-calcite-dropdown-item{color:var(--calcite-ui-brand);opacity:1}/*!@.container--s .dropdown-item-icon-start*/.container--s.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-right:0.5rem;margin-left:0.25rem}/*!@.container--s .dropdown-item-icon-end*/.container--s.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-left:0.5rem}/*!@.container--m .dropdown-item-icon-start*/.container--m.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-right:0.75rem;margin-left:0.25rem}/*!@.container--m .dropdown-item-icon-end*/.container--m.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-left:0.75rem}/*!@.container--l .dropdown-item-icon-start*/.container--l.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-right:1rem;margin-left:0.25rem}/*!@.container--l .dropdown-item-icon-end*/.container--l.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-left:1rem}/*!@.calcite--rtl .dropdown-item-icon-start*/.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-right:0}/*!@.calcite--rtl .dropdown-item-icon-end*/.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-left:0}/*!@.container--s.calcite--rtl .dropdown-item-icon-start*/.container--s.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-left:0.5rem}/*!@.container--s.calcite--rtl .dropdown-item-icon-end*/.container--s.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-right:0.5rem}/*!@.container--m.calcite--rtl .dropdown-item-icon-start*/.container--m.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-left:0.75rem}/*!@.container--m.calcite--rtl .dropdown-item-icon-end*/.container--m.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-right:0.75rem}/*!@.container--l.calcite--rtl .dropdown-item-icon-start*/.container--l.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-left:1rem}/*!@.container--l.calcite--rtl .dropdown-item-icon-end*/.container--l.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-right:1rem}/*!@.calcite--rtl calcite-icon*/.calcite--rtl.sc-calcite-dropdown-item calcite-icon.sc-calcite-dropdown-item{margin-right:0;margin-left:0.75rem}";
17357
17392
 
17358
17393
  /**
17359
17394
  * @slot - A slot for adding text.
@@ -17641,7 +17676,12 @@ class CalciteFilter {
17641
17676
  * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
17642
17677
  */
17643
17678
  this.disabled = false;
17644
- this.empty = true;
17679
+ /**
17680
+ * The resulting items after filtering.
17681
+ *
17682
+ * @readonly
17683
+ */
17684
+ this.filteredItems = [];
17645
17685
  // --------------------------------------------------------------------------
17646
17686
  //
17647
17687
  // Private Methods
@@ -17649,10 +17689,8 @@ class CalciteFilter {
17649
17689
  // --------------------------------------------------------------------------
17650
17690
  this.filter = debounce$1((value) => {
17651
17691
  const regex = new RegExp(value, "i");
17652
- if (this.data.length === 0) {
17653
- console.warn(`No data was passed to calcite-filter.
17654
- The data property expects an array of objects`);
17655
- this.calciteFilterChange.emit([]);
17692
+ if (this.items.length === 0) {
17693
+ this.updateFiltered([]);
17656
17694
  return;
17657
17695
  }
17658
17696
  const find = (input, RE) => {
@@ -17672,15 +17710,14 @@ class CalciteFilter {
17672
17710
  });
17673
17711
  return found;
17674
17712
  };
17675
- const result = this.data.filter((item) => {
17713
+ const result = this.items.filter((item) => {
17676
17714
  return find(item, regex);
17677
17715
  });
17678
- this.calciteFilterChange.emit(result);
17716
+ this.updateFiltered(result);
17679
17717
  }, filterDebounceInMs);
17680
17718
  this.inputHandler = (event) => {
17681
17719
  const target = event.target;
17682
- this.empty = target.value === "";
17683
- this.filter(target.value);
17720
+ this.value = target.value;
17684
17721
  };
17685
17722
  this.keyDownHandler = ({ key }) => {
17686
17723
  if (key === "Escape") {
@@ -17688,12 +17725,29 @@ class CalciteFilter {
17688
17725
  }
17689
17726
  };
17690
17727
  this.clear = () => {
17691
- this.textInput.value = "";
17692
- this.empty = true;
17693
- this.calciteFilterChange.emit(this.data);
17728
+ this.value = "";
17694
17729
  this.setFocus();
17695
17730
  };
17696
17731
  }
17732
+ watchDataHandler(value) {
17733
+ this.items = value;
17734
+ }
17735
+ watchItemsHandler() {
17736
+ this.filter(this.value);
17737
+ }
17738
+ valueHandler(value) {
17739
+ this.filter(value);
17740
+ }
17741
+ //--------------------------------------------------------------------------
17742
+ //
17743
+ // Lifecycle
17744
+ //
17745
+ //--------------------------------------------------------------------------
17746
+ connectedCallback() {
17747
+ if (this.data && !this.items) {
17748
+ this.items = this.data;
17749
+ }
17750
+ }
17697
17751
  // --------------------------------------------------------------------------
17698
17752
  //
17699
17753
  // Public Methods
@@ -17703,6 +17757,11 @@ class CalciteFilter {
17703
17757
  async setFocus() {
17704
17758
  focusElement(this.textInput);
17705
17759
  }
17760
+ updateFiltered(filtered) {
17761
+ this.filteredItems.length = 0;
17762
+ this.filteredItems = this.filteredItems.concat(filtered);
17763
+ this.calciteFilterChange.emit(filtered);
17764
+ }
17706
17765
  // --------------------------------------------------------------------------
17707
17766
  //
17708
17767
  // Render Methods
@@ -17713,20 +17772,27 @@ class CalciteFilter {
17713
17772
  const { disabled } = this;
17714
17773
  return (hAsync(Fragment, null, disabled ? hAsync("calcite-scrim", null) : null, hAsync("div", { class: CSS$w.container }, hAsync("label", { class: rtl ? CSS_UTILITY.rtl : null }, hAsync("calcite-input", { "aria-label": this.intlLabel || TEXT$c.filterLabel, class: rtl ? CSS_UTILITY.rtl : null, disabled: this.disabled, icon: ICONS$8.search, onCalciteInputInput: this.inputHandler, onKeyDown: this.keyDownHandler, placeholder: this.placeholder, ref: (el) => {
17715
17774
  this.textInput = el;
17716
- }, type: "text", value: "" })), !this.empty ? (hAsync("button", { "aria-label": this.intlClear || TEXT$c.clear, class: CSS$w.clearButton, onClick: this.clear }, hAsync("calcite-icon", { icon: ICONS$8.close }))) : null)));
17775
+ }, type: "text", value: this.value })), this.value ? (hAsync("button", { "aria-label": this.intlClear || TEXT$c.clear, class: CSS$w.clearButton, onClick: this.clear }, hAsync("calcite-icon", { icon: ICONS$8.close }))) : null)));
17717
17776
  }
17718
17777
  get el() { return getElement(this); }
17778
+ static get watchers() { return {
17779
+ "data": ["watchDataHandler"],
17780
+ "items": ["watchItemsHandler"],
17781
+ "value": ["valueHandler"]
17782
+ }; }
17719
17783
  static get style() { return calciteFilterCss; }
17720
17784
  static get cmpMeta() { return {
17721
17785
  "$flags$": 9,
17722
17786
  "$tagName$": "calcite-filter",
17723
17787
  "$members$": {
17724
17788
  "data": [16],
17789
+ "items": [1040],
17725
17790
  "disabled": [516],
17791
+ "filteredItems": [1040],
17726
17792
  "intlClear": [1, "intl-clear"],
17727
17793
  "intlLabel": [1, "intl-label"],
17728
17794
  "placeholder": [1],
17729
- "empty": [32],
17795
+ "value": [1025],
17730
17796
  "setFocus": [64]
17731
17797
  },
17732
17798
  "$listeners$": undefined,
@@ -17906,7 +17972,7 @@ function translate({ width, height, min, max }) {
17906
17972
  const rangeX = max[0] - min[0];
17907
17973
  const rangeY = max[1] - min[1];
17908
17974
  return (point) => {
17909
- const x = (point[0] / rangeX) * width;
17975
+ const x = ((point[0] - min[0]) / rangeX) * width;
17910
17976
  const y = height - (point[1] / rangeY) * height;
17911
17977
  return [x, y];
17912
17978
  };
@@ -17990,17 +18056,25 @@ class CalciteGraph {
17990
18056
  //
17991
18057
  //--------------------------------------------------------------------------
17992
18058
  render() {
17993
- const { data, colorStops, width, height, highlightMax, highlightMin } = this;
18059
+ const { data, colorStops, width, height, highlightMax, highlightMin, min, max } = this;
17994
18060
  const id = this.graphId;
17995
18061
  // if we have no data, return empty svg
17996
18062
  if (!data || data.length === 0) {
17997
18063
  return (hAsync("svg", { class: "svg", height: height, preserveAspectRatio: "none", viewBox: `0 0 ${width} ${height}`, width: width }));
17998
18064
  }
17999
- const { min, max } = range(data);
18000
- const t = translate({ min, max, width, height });
18001
- const [hMinX] = t([highlightMin, max[1]]);
18002
- const [hMaxX] = t([highlightMax, max[1]]);
18003
- const areaPath = area({ data, min, max, t });
18065
+ const { min: rangeMin, max: rangeMax } = range(data);
18066
+ let currentMin = rangeMin;
18067
+ let currentMax = rangeMax;
18068
+ if (min < rangeMin[0]) {
18069
+ currentMin = [min, 0];
18070
+ }
18071
+ if (max > rangeMax[0]) {
18072
+ currentMax = [max, rangeMax[1]];
18073
+ }
18074
+ const t = translate({ min: currentMin, max: currentMax, width, height });
18075
+ const [hMinX] = t([highlightMin, currentMax[1]]);
18076
+ const [hMaxX] = t([highlightMax, currentMax[1]]);
18077
+ const areaPath = area({ data, min: rangeMin, max: rangeMax, t });
18004
18078
  const fill = colorStops ? `url(#linear-gradient-${id})` : undefined;
18005
18079
  return (hAsync("svg", { class: "svg", height: height, preserveAspectRatio: "none", viewBox: `0 0 ${width} ${height}`, width: width }, colorStops ? (hAsync("defs", null, hAsync("linearGradient", { id: `linear-gradient-${id}`, x1: "0", x2: "1", y1: "0", y2: "0" }, colorStops.map(({ offset, color, opacity }) => (hAsync("stop", { offset: `${offset * 100}%`, "stop-color": color, "stop-opacity": opacity })))))) : null, highlightMin !== undefined ? ([
18006
18080
  hAsync("mask", { height: "100%", id: `${id}1`, width: "100%", x: "0%", y: "0%" }, hAsync("path", { d: `
@@ -18040,7 +18114,9 @@ class CalciteGraph {
18040
18114
  "width": [2],
18041
18115
  "height": [2],
18042
18116
  "highlightMin": [2, "highlight-min"],
18043
- "highlightMax": [2, "highlight-max"]
18117
+ "highlightMax": [2, "highlight-max"],
18118
+ "min": [2],
18119
+ "max": [2]
18044
18120
  },
18045
18121
  "$listeners$": undefined,
18046
18122
  "$lazyBundleId$": "-",
@@ -18643,24 +18719,21 @@ class CalciteInput {
18643
18719
  event.preventDefault();
18644
18720
  };
18645
18721
  this.nudgeNumberValue = (direction, nativeEvent) => {
18646
- if (this.type !== "number") {
18722
+ if ((nativeEvent instanceof KeyboardEvent && nativeEvent.repeat) || this.type !== "number") {
18647
18723
  return;
18648
18724
  }
18649
- const value = this.value;
18650
18725
  const inputMax = this.maxString ? parseFloat(this.maxString) : null;
18651
18726
  const inputMin = this.minString ? parseFloat(this.minString) : null;
18652
- const inputStep = this.step === "any" ? 1 : Math.abs(this.step || 1);
18653
- const inputVal = value && value !== "" ? parseFloat(value) : 0;
18654
- let newValue = value;
18655
- if (direction === "up" && ((!inputMax && inputMax !== 0) || inputVal < inputMax)) {
18656
- newValue = (inputVal + inputStep).toString();
18657
- }
18658
- if (direction === "down" && ((!inputMin && inputMin !== 0) || inputVal > inputMin)) {
18659
- newValue = (inputVal - inputStep).toString();
18660
- }
18661
- this.setValue(newValue, nativeEvent, true);
18727
+ const valueNudgeDelayInMs = 500;
18728
+ this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
18729
+ this.nudgeNumberValueIntervalId = setInterval(() => {
18730
+ this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
18731
+ }, valueNudgeDelayInMs);
18732
+ };
18733
+ this.numberButtonMouseUpAndMouseOutHandler = () => {
18734
+ clearInterval(this.nudgeNumberValueIntervalId);
18662
18735
  };
18663
- this.numberButtonClickHandler = (event) => {
18736
+ this.numberButtonMouseDownHandler = (event) => {
18664
18737
  // todo, when dropping ie11 support, refactor to use stepup/stepdown
18665
18738
  // prevent blur and re-focus of input on mousedown
18666
18739
  event.preventDefault();
@@ -18706,6 +18779,9 @@ class CalciteInput {
18706
18779
  }
18707
18780
  }
18708
18781
  };
18782
+ this.inputKeyUpHandler = () => {
18783
+ clearInterval(this.nudgeNumberValueIntervalId);
18784
+ };
18709
18785
  }
18710
18786
  disabledWatcher() {
18711
18787
  this.setDisabledAction();
@@ -18824,6 +18900,19 @@ class CalciteInput {
18824
18900
  onLabelClick() {
18825
18901
  this.setFocus();
18826
18902
  }
18903
+ incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent) {
18904
+ const value = this.value;
18905
+ const inputStep = this.step === "any" ? 1 : Math.abs(this.step || 1);
18906
+ const inputVal = value && value !== "" ? parseFloat(value) : 0;
18907
+ let newValue = value;
18908
+ if (direction === "up" && ((!inputMax && inputMax !== 0) || inputVal < inputMax)) {
18909
+ newValue = (inputVal + inputStep).toString();
18910
+ }
18911
+ if (direction === "down" && ((!inputMin && inputMin !== 0) || inputVal > inputMin)) {
18912
+ newValue = (inputVal - inputStep).toString();
18913
+ }
18914
+ this.setValue(newValue, nativeEvent, true);
18915
+ }
18827
18916
  setDisabledAction() {
18828
18917
  if (!this.slottedActionEl) {
18829
18918
  return;
@@ -18847,17 +18936,17 @@ class CalciteInput {
18847
18936
  const numberButtonsHorizontalUp = (hAsync("button", { class: {
18848
18937
  [CSS$r.numberButtonItem]: true,
18849
18938
  [CSS$r.buttonItemHorizontal]: isHorizontalNumberButton
18850
- }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onClick: this.numberButtonClickHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { icon: "chevron-up", scale: "s" })));
18939
+ }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onMouseDown: this.numberButtonMouseDownHandler, onMouseOut: this.numberButtonMouseUpAndMouseOutHandler, onMouseUp: this.numberButtonMouseUpAndMouseOutHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { icon: "chevron-up", scale: "s" })));
18851
18940
  const numberButtonsHorizontalDown = (hAsync("button", { class: {
18852
18941
  [CSS$r.numberButtonItem]: true,
18853
18942
  [CSS$r.buttonItemHorizontal]: isHorizontalNumberButton
18854
- }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onClick: this.numberButtonClickHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { icon: "chevron-down", scale: "s" })));
18943
+ }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onMouseDown: this.numberButtonMouseDownHandler, onMouseOut: this.numberButtonMouseUpAndMouseOutHandler, onMouseUp: this.numberButtonMouseUpAndMouseOutHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { icon: "chevron-down", scale: "s" })));
18855
18944
  const numberButtonsVertical = (hAsync("div", { class: CSS$r.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
18856
18945
  const prefixText = hAsync("div", { class: CSS$r.prefix }, this.prefixText);
18857
18946
  const suffixText = hAsync("div", { class: CSS$r.suffix }, this.suffixText);
18858
- const localeNumberInput = this.type === "number" ? (hAsync("input", { "aria-label": getLabelText(this), autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, name: undefined, onBlur: this.inputBlurHandler, onFocus: this.inputFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildNumberElRef, tabIndex: this.disabled ? -1 : 0, type: "text", value: this.localizedValue })) : null;
18947
+ const localeNumberInput = this.type === "number" ? (hAsync("input", { "aria-label": getLabelText(this), autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, inputMode: this.el.inputMode, key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, name: undefined, onBlur: this.inputBlurHandler, onFocus: this.inputFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, onKeyUp: this.inputKeyUpHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildNumberElRef, tabIndex: this.disabled ? -1 : 0, type: "text", value: this.localizedValue })) : null;
18859
18948
  const childEl = [
18860
- hAsync(this.childElType, { "aria-label": getLabelText(this), autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, max: this.maxString, maxLength: this.maxLength, min: this.minString, minLength: this.minLength, name: this.name, onBlur: this.inputBlurHandler, onFocus: this.inputFocusHandler, onInput: this.inputInputHandler, onKeyDown: this.inputKeyDownHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildElRef, required: this.required ? true : null, step: this.step, tabIndex: this.disabled || this.type === "number" ? -1 : null, type: this.type, value: this.value }),
18949
+ hAsync(this.childElType, { "aria-label": getLabelText(this), autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, inputMode: this.el.inputMode, max: this.maxString, maxLength: this.maxLength, min: this.minString, minLength: this.minLength, name: this.name, onBlur: this.inputBlurHandler, onFocus: this.inputFocusHandler, onInput: this.inputInputHandler, onKeyDown: this.inputKeyDownHandler, onKeyUp: this.inputKeyUpHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildElRef, required: this.required ? true : null, step: this.step, tabIndex: this.disabled || this.type === "number" ? -1 : null, type: this.type, value: this.value }),
18861
18950
  this.isTextarea ? (hAsync("div", { class: CSS$r.resizeIconWrapper }, hAsync("calcite-icon", { icon: "chevron-down", scale: "s" }))) : null
18862
18951
  ];
18863
18952
  return (hAsync(Host, { onClick: this.inputFocusHandler }, hAsync("div", { class: { [CSS$r.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" }, dir: dir }, this.type === "number" && this.numberButtonType === "horizontal"
@@ -19057,7 +19146,7 @@ class CalciteInputDatePicker {
19057
19146
  const { popper, menuEl } = this;
19058
19147
  const modifiers = this.getModifiers();
19059
19148
  popper
19060
- ? updatePopper({
19149
+ ? await updatePopper({
19061
19150
  el: menuEl,
19062
19151
  modifiers,
19063
19152
  placement: DEFAULT_PLACEMENT,
@@ -20023,7 +20112,7 @@ class CalciteListItemGroup {
20023
20112
  }; }
20024
20113
  }
20025
20114
 
20026
- const calciteLoaderCss = "@charset \"UTF-8\";@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-loader:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-loader{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-loader{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-loader{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-loader{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-loader{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-loader:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-loader-h{display:none}/*!@:host*/.sc-calcite-loader-h{-ms-flex-align:center;align-items:center;position:relative;-ms-flex-pack:center;justify-content:center;display:none;margin-left:auto;margin-right:auto;opacity:1;padding-top:4rem;padding-bottom:4rem;min-height:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke:var(--calcite-ui-brand);stroke-width:3;fill:none;-webkit-transform:scale(1, 1);transform:scale(1, 1);animation:loader-color-shift 6s alternate-reverse infinite linear}/*!@:host([scale=s])*/[scale=s].sc-calcite-loader-h{--calcite-loader-font-size:var(--calcite-font-size--2);--calcite-loader-size:2rem;--calcite-loader-size-inline:0.75rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-loader-h{--calcite-loader-font-size:var(--calcite-font-size-0);--calcite-loader-size:4rem;--calcite-loader-size-inline:1rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-loader-h{--calcite-loader-font-size:var(--calcite-font-size-2);--calcite-loader-size:6rem;--calcite-loader-size-inline:1.25rem}/*!@:host([no-padding])*/[no-padding].sc-calcite-loader-h{padding-top:0;padding-bottom:0}/*!@:host([active])*/[active].sc-calcite-loader-h{display:-ms-flexbox;display:flex}/*!@.loader__text*/.loader__text.sc-calcite-loader{display:block;font-size:var(--calcite-font-size--2);line-height:1rem;text-align:center;color:var(--calcite-ui-text-1);margin-top:calc(var(--calcite-loader-size) + 1.5rem)}/*!@.loader__percentage*/.loader__percentage.sc-calcite-loader{display:block;position:absolute;color:var(--calcite-ui-text-1);text-align:center;font-size:var(--calcite-loader-font-size);width:var(--calcite-loader-size);top:4rem;left:50%;margin-left:calc(var(--calcite-loader-size) / 2 * -1);margin-top:calc(var(--calcite-loader-size) / 2);line-height:0.25;-webkit-transform:scale(1, 1);transform:scale(1, 1)}/*!@.loader__svgs*/.loader__svgs.sc-calcite-loader{position:absolute;overflow:visible;opacity:1;width:var(--calcite-loader-size);height:var(--calcite-loader-size);top:4rem;left:50%;margin-left:calc(var(--calcite-loader-size) / 2 * -1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}/*!@.loader__svg*/.loader__svg.sc-calcite-loader{position:absolute;overflow:visible;top:0;left:0;-webkit-transform-origin:center;transform-origin:center;width:var(--calcite-loader-size);height:var(--calcite-loader-size);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:loader-clockwise;animation-name:loader-clockwise}@supports (display: grid){/*!@.loader__svg--1*/.loader__svg--1.sc-calcite-loader{-webkit-animation-name:loader-offset-1;animation-name:loader-offset-1}/*!@.loader__svg--2*/.loader__svg--2.sc-calcite-loader{-webkit-animation-name:loader-offset-2;animation-name:loader-offset-2}/*!@.loader__svg--3*/.loader__svg--3.sc-calcite-loader{-webkit-animation-name:loader-offset-3;animation-name:loader-offset-3}}/*!@:host([type=determinate])*/[type=determinate].sc-calcite-loader-h{-webkit-animation:none;animation:none;stroke:var(--calcite-ui-border-3)}/*!@:host([type=determinate]) .loader__svg--3*/[type=determinate].sc-calcite-loader-h .loader__svg--3.sc-calcite-loader{-webkit-animation:none;animation:none;stroke:var(--calcite-ui-brand);stroke-dasharray:150.79632;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all 100ms linear;transition:all 100ms linear}/*!@:host([inline])*/[inline].sc-calcite-loader-h{position:relative;margin:0;padding-top:0;padding-bottom:0;-webkit-animation:none;animation:none;stroke:currentColor;stroke-width:2;height:var(--calcite-loader-size-inline);min-height:var(--calcite-loader-size-inline);width:var(--calcite-loader-size-inline);margin-right:calc(var(--calcite-loader-size-inline) * 0.5);vertical-align:calc(var(--calcite-loader-size-inline) * -1 * 0.2)}/*!@:host([inline][dir=rtl])*/[inline][dir=rtl].sc-calcite-loader-h{margin-right:0;margin-left:calc(var(--calcite-loader-size-inline) * 0.5)}/*!@:host([active][inline])*/[active][inline].sc-calcite-loader-h{display:inline-block}/*!@:host([inline]) .loader__svgs*/[inline].sc-calcite-loader-h .loader__svgs.sc-calcite-loader{top:0;left:0;margin:0;width:var(--calcite-loader-size-inline);height:var(--calcite-loader-size-inline)}/*!@:host([inline]) .loader__svg*/[inline].sc-calcite-loader-h .loader__svg.sc-calcite-loader{width:var(--calcite-loader-size-inline);height:var(--calcite-loader-size-inline)}/*!@:host([complete])*/[complete].sc-calcite-loader-h{opacity:0;-webkit-transform:scale(0.75, 0.75);transform:scale(0.75, 0.75);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:opacity 200ms linear 1000ms, -webkit-transform 200ms linear 1000ms;transition:opacity 200ms linear 1000ms, -webkit-transform 200ms linear 1000ms;transition:opacity 200ms linear 1000ms, transform 200ms linear 1000ms;transition:opacity 200ms linear 1000ms, transform 200ms linear 1000ms, -webkit-transform 200ms linear 1000ms}/*!@:host([complete]) .loader__svgs*/[complete].sc-calcite-loader-h .loader__svgs.sc-calcite-loader{opacity:0;-webkit-transform:scale(0.75, 0.75);transform:scale(0.75, 0.75);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:opacity 180ms linear 800ms, -webkit-transform 180ms linear 800ms;transition:opacity 180ms linear 800ms, -webkit-transform 180ms linear 800ms;transition:opacity 180ms linear 800ms, transform 180ms linear 800ms;transition:opacity 180ms linear 800ms, transform 180ms linear 800ms, -webkit-transform 180ms linear 800ms}/*!@:host([complete]) .loader__percentage*/[complete].sc-calcite-loader-h .loader__percentage.sc-calcite-loader{color:var(--calcite-ui-brand);-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:color 200ms linear, -webkit-transform 200ms linear;transition:color 200ms linear, -webkit-transform 200ms linear;transition:color 200ms linear, transform 200ms linear;transition:color 200ms linear, transform 200ms linear, -webkit-transform 200ms linear}/*!@.loader__svg--1*/.loader__svg--1.sc-calcite-loader{stroke-dasharray:27.9252444444% 139.6262222222%;-webkit-animation-duration:0.72s;animation-duration:0.72s}@-webkit-keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-83.7757333333%}100%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:-279.2524444444%}}@keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-83.7757333333%}100%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:-279.2524444444%}}/*!@.loader__svg--2*/.loader__svg--2.sc-calcite-loader{stroke-dasharray:55.8504888889% 139.6262222222%;-webkit-animation-duration:0.96s;animation-duration:0.96s}@-webkit-keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-97.7383555556%}100%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:-279.2524444444%}}@keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-97.7383555556%}100%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:-279.2524444444%}}/*!@.loader__svg--3*/.loader__svg--3.sc-calcite-loader{stroke-dasharray:13.9626222222% 139.6262222222%;-webkit-animation-duration:1.16s;animation-duration:1.16s}@-webkit-keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-76.7944222222%}100%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:-279.2524444444%}}@keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-76.7944222222%}100%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:-279.2524444444%}}@-webkit-keyframes loader-color-shift{0%{stroke:var(--calcite-ui-brand)}33%{stroke:var(--calcite-ui-brand-press)}66%{stroke:var(--calcite-ui-brand-hover)}100%{stroke:var(--calcite-ui-brand)}}@keyframes loader-color-shift{0%{stroke:var(--calcite-ui-brand)}33%{stroke:var(--calcite-ui-brand-press)}66%{stroke:var(--calcite-ui-brand-hover)}100%{stroke:var(--calcite-ui-brand)}}@-webkit-keyframes loader-clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";
20115
+ const calciteLoaderCss = "@charset \"UTF-8\";@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-loader:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-loader{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-loader{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-loader{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-loader{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-loader{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-loader:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-loader-h{display:none}/*!@:host*/.sc-calcite-loader-h{-ms-flex-align:center;align-items:center;position:relative;-ms-flex-pack:center;justify-content:center;display:none;margin-left:auto;margin-right:auto;opacity:1;padding-top:4rem;padding-bottom:4rem;min-height:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke:var(--calcite-ui-brand);stroke-width:3;fill:none;-webkit-transform:scale(1, 1);transform:scale(1, 1);animation:loader-color-shift 6s alternate-reverse infinite linear}/*!@:host([scale=s])*/[scale=s].sc-calcite-loader-h{--calcite-loader-font-size:var(--calcite-font-size--2);--calcite-loader-size:2rem;--calcite-loader-size-inline:0.75rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-loader-h{--calcite-loader-font-size:var(--calcite-font-size-0);--calcite-loader-size:4rem;--calcite-loader-size-inline:1rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-loader-h{--calcite-loader-font-size:var(--calcite-font-size-2);--calcite-loader-size:6rem;--calcite-loader-size-inline:1.25rem}/*!@:host([no-padding])*/[no-padding].sc-calcite-loader-h{padding-top:0;padding-bottom:0}/*!@:host([active])*/[active].sc-calcite-loader-h{display:-ms-flexbox;display:flex}/*!@.loader__text*/.loader__text.sc-calcite-loader{display:block;font-size:var(--calcite-font-size--2);line-height:1rem;text-align:center;color:var(--calcite-ui-text-1);margin-top:calc(var(--calcite-loader-size) + 1.5rem)}/*!@.loader__percentage*/.loader__percentage.sc-calcite-loader{display:block;position:absolute;color:var(--calcite-ui-text-1);text-align:center;font-size:var(--calcite-loader-font-size);width:var(--calcite-loader-size);left:50%;margin-left:calc(var(--calcite-loader-size) / 2 * -1);line-height:0.25;-webkit-transform:scale(1, 1);transform:scale(1, 1)}/*!@.loader__svgs*/.loader__svgs.sc-calcite-loader{position:absolute;overflow:visible;opacity:1;width:var(--calcite-loader-size);height:var(--calcite-loader-size);left:50%;margin-left:calc(var(--calcite-loader-size) / 2 * -1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}/*!@.loader__svg*/.loader__svg.sc-calcite-loader{position:absolute;overflow:visible;top:0;left:0;-webkit-transform-origin:center;transform-origin:center;width:var(--calcite-loader-size);height:var(--calcite-loader-size);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:loader-clockwise;animation-name:loader-clockwise}@supports (display: grid){/*!@.loader__svg--1*/.loader__svg--1.sc-calcite-loader{-webkit-animation-name:loader-offset-1;animation-name:loader-offset-1}/*!@.loader__svg--2*/.loader__svg--2.sc-calcite-loader{-webkit-animation-name:loader-offset-2;animation-name:loader-offset-2}/*!@.loader__svg--3*/.loader__svg--3.sc-calcite-loader{-webkit-animation-name:loader-offset-3;animation-name:loader-offset-3}}/*!@:host([type=determinate])*/[type=determinate].sc-calcite-loader-h{-webkit-animation:none;animation:none;stroke:var(--calcite-ui-border-3)}/*!@:host([type=determinate]) .loader__svg--3*/[type=determinate].sc-calcite-loader-h .loader__svg--3.sc-calcite-loader{-webkit-animation:none;animation:none;stroke:var(--calcite-ui-brand);stroke-dasharray:150.79632;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all 100ms linear;transition:all 100ms linear}/*!@:host([inline])*/[inline].sc-calcite-loader-h{position:relative;margin:0;padding-top:0;padding-bottom:0;-webkit-animation:none;animation:none;stroke:currentColor;stroke-width:2;height:var(--calcite-loader-size-inline);min-height:var(--calcite-loader-size-inline);width:var(--calcite-loader-size-inline);margin-right:calc(var(--calcite-loader-size-inline) * 0.5);vertical-align:calc(var(--calcite-loader-size-inline) * -1 * 0.2)}/*!@:host([inline][dir=rtl])*/[inline][dir=rtl].sc-calcite-loader-h{margin-right:0;margin-left:calc(var(--calcite-loader-size-inline) * 0.5)}/*!@:host([active][inline])*/[active][inline].sc-calcite-loader-h{display:inline-block}/*!@:host([inline]) .loader__svgs*/[inline].sc-calcite-loader-h .loader__svgs.sc-calcite-loader{top:0;left:0;margin:0;width:var(--calcite-loader-size-inline);height:var(--calcite-loader-size-inline)}/*!@:host([inline]) .loader__svg*/[inline].sc-calcite-loader-h .loader__svg.sc-calcite-loader{width:var(--calcite-loader-size-inline);height:var(--calcite-loader-size-inline)}/*!@:host([complete])*/[complete].sc-calcite-loader-h{opacity:0;-webkit-transform:scale(0.75, 0.75);transform:scale(0.75, 0.75);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:opacity 200ms linear 1000ms, -webkit-transform 200ms linear 1000ms;transition:opacity 200ms linear 1000ms, -webkit-transform 200ms linear 1000ms;transition:opacity 200ms linear 1000ms, transform 200ms linear 1000ms;transition:opacity 200ms linear 1000ms, transform 200ms linear 1000ms, -webkit-transform 200ms linear 1000ms}/*!@:host([complete]) .loader__svgs*/[complete].sc-calcite-loader-h .loader__svgs.sc-calcite-loader{opacity:0;-webkit-transform:scale(0.75, 0.75);transform:scale(0.75, 0.75);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:opacity 180ms linear 800ms, -webkit-transform 180ms linear 800ms;transition:opacity 180ms linear 800ms, -webkit-transform 180ms linear 800ms;transition:opacity 180ms linear 800ms, transform 180ms linear 800ms;transition:opacity 180ms linear 800ms, transform 180ms linear 800ms, -webkit-transform 180ms linear 800ms}/*!@:host([complete]) .loader__percentage*/[complete].sc-calcite-loader-h .loader__percentage.sc-calcite-loader{color:var(--calcite-ui-brand);-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:color 200ms linear, -webkit-transform 200ms linear;transition:color 200ms linear, -webkit-transform 200ms linear;transition:color 200ms linear, transform 200ms linear;transition:color 200ms linear, transform 200ms linear, -webkit-transform 200ms linear}/*!@.loader__svg--1*/.loader__svg--1.sc-calcite-loader{stroke-dasharray:27.9252444444% 139.6262222222%;-webkit-animation-duration:0.72s;animation-duration:0.72s}@-webkit-keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-83.7757333333%}100%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:-279.2524444444%}}@keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-83.7757333333%}100%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:-279.2524444444%}}/*!@.loader__svg--2*/.loader__svg--2.sc-calcite-loader{stroke-dasharray:55.8504888889% 139.6262222222%;-webkit-animation-duration:0.96s;animation-duration:0.96s}@-webkit-keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-97.7383555556%}100%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:-279.2524444444%}}@keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-97.7383555556%}100%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:-279.2524444444%}}/*!@.loader__svg--3*/.loader__svg--3.sc-calcite-loader{stroke-dasharray:13.9626222222% 139.6262222222%;-webkit-animation-duration:1.16s;animation-duration:1.16s}@-webkit-keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-76.7944222222%}100%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:-279.2524444444%}}@keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-76.7944222222%}100%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:-279.2524444444%}}@-webkit-keyframes loader-color-shift{0%{stroke:var(--calcite-ui-brand)}33%{stroke:var(--calcite-ui-brand-press)}66%{stroke:var(--calcite-ui-brand-hover)}100%{stroke:var(--calcite-ui-brand)}}@keyframes loader-color-shift{0%{stroke:var(--calcite-ui-brand)}33%{stroke:var(--calcite-ui-brand-press)}66%{stroke:var(--calcite-ui-brand-hover)}100%{stroke:var(--calcite-ui-brand)}}@-webkit-keyframes loader-clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";
20027
20116
 
20028
20117
  class CalciteLoader {
20029
20118
  constructor(hostRef) {
@@ -20990,7 +21079,7 @@ const TEXT$7 = {
20990
21079
  };
20991
21080
  const HEADING_LEVEL$4 = 3;
20992
21081
 
20993
- const calcitePanelCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-panel:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-panel{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-panel{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-panel{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-panel{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-panel{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:host*/.sc-calcite-panel-h{-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 **/.sc-calcite-panel-h *.sc-calcite-panel{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:root*/.sc-calcite-panel:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-panel-h{display:none}/*!@:host*/.sc-calcite-panel-h{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;position:relative;width:100%;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-max-height:unset;--calcite-panel-width:100%;--calcite-panel-min-width:unset;--calcite-panel-max-width:unset}/*!@.header*/.header.sc-calcite-panel{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between;color:var(--calcite-ui-text-2);}/*!@.heading*/.heading.sc-calcite-panel{font-weight:var(--calcite-font-weight-medium);margin:0;padding:0}/*!@.header .heading*/.header.sc-calcite-panel .heading.sc-calcite-panel{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}/*!@h1.heading*/h1.heading.sc-calcite-panel{font-size:var(--calcite-font-size-2);line-height:1.5rem}/*!@h2.heading*/h2.heading.sc-calcite-panel{font-size:var(--calcite-font-size-1);line-height:1.5rem}/*!@h3.heading*/h3.heading.sc-calcite-panel{font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@h4.heading,\nh5.heading*/h4.heading.sc-calcite-panel,h5.heading.sc-calcite-panel{font-size:var(--calcite-font-size--1);line-height:1rem}/*!@.container*/.container.sc-calcite-panel{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);width:100%;padding:0;margin:0;max-height:var(--calcite-panel-max-height);width:var(--calcite-panel-width);max-width:var(--calcite-panel-max-width);min-width:var(--calcite-panel-min-width);-webkit-transition:max-height 150ms ease-in-out, width 150ms ease-in-out;transition:max-height 150ms ease-in-out, width 150ms ease-in-out}/*!@:host([height-scale=s])*/[height-scale=s].sc-calcite-panel-h{--calcite-panel-max-height:40vh}/*!@:host([height-scale=m])*/[height-scale=m].sc-calcite-panel-h{--calcite-panel-max-height:60vh}/*!@:host([height-scale=l])*/[height-scale=l].sc-calcite-panel-h{--calcite-panel-max-height:80vh}/*!@:host([width-scale=s])*/[width-scale=s].sc-calcite-panel-h{--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}/*!@:host([width-scale=m])*/[width-scale=m].sc-calcite-panel-h{--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}/*!@:host([width-scale=l])*/[width-scale=l].sc-calcite-panel-h{--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}/*!@.container[hidden]*/.container[hidden].sc-calcite-panel{display:none}/*!@:host([loading]) .container,\n:host([disabled]) .container*/[loading].sc-calcite-panel-h .container.sc-calcite-panel,[disabled].sc-calcite-panel-h .container.sc-calcite-panel{position:relative;z-index:1}/*!@.header*/.header.sc-calcite-panel{border-bottom:1px solid;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-foreground-1);-ms-flex-pack:start;justify-content:flex-start;position:-webkit-sticky;position:sticky;top:0;border-bottom-color:var(--calcite-ui-border-2);width:100%;-ms-flex:0 0 auto;flex:0 0 auto;min-height:3rem;z-index:2}/*!@.header-content*/.header-content.sc-calcite-panel{display:block;overflow:hidden;margin-right:auto;padding:1rem}/*!@.header-content .heading,\n.header-content .summary*/.header-content.sc-calcite-panel .heading.sc-calcite-panel,.header-content.sc-calcite-panel .summary.sc-calcite-panel{padding:0;display:block;overflow:hidden;white-space:nowrap;width:100%;text-overflow:ellipsis}/*!@.header-content .heading*/.header-content.sc-calcite-panel .heading.sc-calcite-panel{font-weight:var(--calcite-font-weight-medium);margin-top:0;margin-left:0;margin-right:0;margin-bottom:0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@.header-content .heading:only-child*/.header-content.sc-calcite-panel .heading.sc-calcite-panel:only-child{margin-bottom:0}/*!@.header-content .summary*/.header-content.sc-calcite-panel .summary.sc-calcite-panel{color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1);line-height:1rem}/*!@.back-button*/.back-button.sc-calcite-panel{border-color:var(--calcite-ui-border-2);border-style:solid;border-width:0;border-right-width:1px}/*!@.calcite--rtl .back-button*/.calcite--rtl.sc-calcite-panel .back-button.sc-calcite-panel{border-right-width:0;border-left-width:1px}/*!@.header-actions*/.header-actions.sc-calcite-panel{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}/*!@.header-actions--end*/.header-actions--end.sc-calcite-panel{margin-left:auto}/*!@.menu-container:only-child*/.menu-container.sc-calcite-panel:only-child{margin-left:auto}/*!@.menu-button*/.menu-button.sc-calcite-panel{-ms-flex-item-align:stretch;align-self:stretch;-ms-flex:0 1 auto;flex:0 1 auto;height:100%;position:relative}/*!@.menu*/.menu.sc-calcite-panel{min-width:10rem;-ms-flex-flow:column nowrap;flex-flow:column nowrap}/*!@.content-container*/.content-container.sc-calcite-panel{-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:column;flex-direction:column}/*!@.footer*/.footer.sc-calcite-panel{border-top:1px solid;background-color:var(--calcite-ui-foreground-1);border-top-color:var(--calcite-ui-border-3);display:-ms-flexbox;display:flex;-ms-flex-pack:space-evenly;justify-content:space-evenly;position:-webkit-sticky;position:sticky;bottom:0;width:100%;-ms-flex:0 0 auto;flex:0 0 auto;min-height:3rem;padding:0.5rem}/*!@.calcite--rtl .header-content*/.calcite--rtl.sc-calcite-panel .header-content.sc-calcite-panel{margin-left:auto;margin-right:unset}/*!@.calcite--rtl .header-actions--end*/.calcite--rtl.sc-calcite-panel .header-actions--end.sc-calcite-panel{margin-right:auto;margin-left:unset}/*!@.calcite--rtl .menu-container:only-child*/.calcite--rtl.sc-calcite-panel .menu-container.sc-calcite-panel:only-child{margin-right:auto;margin-left:unset}/*!@.fab-container*/.fab-container.sc-calcite-panel{display:inline-block;position:-webkit-sticky;position:sticky;margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;padding:0.5rem;bottom:0;left:0;right:0;z-index:1}";
21082
+ const calcitePanelCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-panel:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-panel{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-panel{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-panel{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-panel{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-panel{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:host*/.sc-calcite-panel-h{-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 **/.sc-calcite-panel-h *.sc-calcite-panel{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:root*/.sc-calcite-panel:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-panel-h{display:none}/*!@:host*/.sc-calcite-panel-h{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;position:relative;width:100%;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-max-height:unset;--calcite-panel-width:100%;--calcite-panel-min-width:unset;--calcite-panel-max-width:unset}/*!@.header*/.header.sc-calcite-panel{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between;color:var(--calcite-ui-text-2);}/*!@.heading*/.heading.sc-calcite-panel{font-weight:var(--calcite-font-weight-medium);margin:0;padding:0}/*!@.header .heading*/.header.sc-calcite-panel .heading.sc-calcite-panel{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}/*!@h1.heading*/h1.heading.sc-calcite-panel{font-size:var(--calcite-font-size-2);line-height:1.5rem}/*!@h2.heading*/h2.heading.sc-calcite-panel{font-size:var(--calcite-font-size-1);line-height:1.5rem}/*!@h3.heading*/h3.heading.sc-calcite-panel{font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@h4.heading,\nh5.heading*/h4.heading.sc-calcite-panel,h5.heading.sc-calcite-panel{font-size:var(--calcite-font-size--1);line-height:1rem}/*!@.container*/.container.sc-calcite-panel{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);width:100%;padding:0;margin:0;max-height:var(--calcite-panel-max-height);width:var(--calcite-panel-width);max-width:var(--calcite-panel-max-width);min-width:var(--calcite-panel-min-width);-webkit-transition:max-height 150ms ease-in-out, width 150ms ease-in-out;transition:max-height 150ms ease-in-out, width 150ms ease-in-out}/*!@:host([height-scale=s])*/[height-scale=s].sc-calcite-panel-h{--calcite-panel-max-height:40vh}/*!@:host([height-scale=m])*/[height-scale=m].sc-calcite-panel-h{--calcite-panel-max-height:60vh}/*!@:host([height-scale=l])*/[height-scale=l].sc-calcite-panel-h{--calcite-panel-max-height:80vh}/*!@:host([width-scale=s])*/[width-scale=s].sc-calcite-panel-h{--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}/*!@:host([width-scale=m])*/[width-scale=m].sc-calcite-panel-h{--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}/*!@:host([width-scale=l])*/[width-scale=l].sc-calcite-panel-h{--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}/*!@.container[hidden]*/.container[hidden].sc-calcite-panel{display:none}/*!@:host([loading]) .container,\n:host([disabled]) .container*/[loading].sc-calcite-panel-h .container.sc-calcite-panel,[disabled].sc-calcite-panel-h .container.sc-calcite-panel{position:relative;z-index:1}/*!@.header*/.header.sc-calcite-panel{border-bottom:1px solid;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-foreground-1);-ms-flex-pack:start;justify-content:flex-start;position:-webkit-sticky;position:sticky;top:0;border-bottom-color:var(--calcite-ui-border-2);width:100%;-ms-flex:0 0 auto;flex:0 0 auto;min-height:3rem;z-index:2}/*!@.header-content*/.header-content.sc-calcite-panel{overflow:hidden;margin-right:auto;padding-left:0.75rem;padding-right:0.75rem;padding-top:1rem;padding-bottom:1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}/*!@.header-content .heading,\n.header-content .summary*/.header-content.sc-calcite-panel .heading.sc-calcite-panel,.header-content.sc-calcite-panel .summary.sc-calcite-panel{padding:0;display:block;overflow:hidden;white-space:nowrap;width:100%;text-overflow:ellipsis}/*!@.header-content .heading*/.header-content.sc-calcite-panel .heading.sc-calcite-panel{font-weight:var(--calcite-font-weight-medium);margin-top:0;margin-left:0;margin-right:0;margin-bottom:0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@.header-content .heading:only-child*/.header-content.sc-calcite-panel .heading.sc-calcite-panel:only-child{margin-bottom:0}/*!@.header-content .summary*/.header-content.sc-calcite-panel .summary.sc-calcite-panel{color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1);line-height:1rem}/*!@.back-button*/.back-button.sc-calcite-panel{border-color:var(--calcite-ui-border-2);border-style:solid;border-width:0;border-right-width:1px}/*!@.calcite--rtl .back-button*/.calcite--rtl.sc-calcite-panel .back-button.sc-calcite-panel{border-right-width:0;border-left-width:1px}/*!@.header-actions*/.header-actions.sc-calcite-panel{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}/*!@.header-actions--end*/.header-actions--end.sc-calcite-panel{margin-left:auto}/*!@.menu-container:only-child*/.menu-container.sc-calcite-panel:only-child{margin-left:auto}/*!@.menu-button*/.menu-button.sc-calcite-panel{-ms-flex-item-align:stretch;align-self:stretch;-ms-flex:0 1 auto;flex:0 1 auto;height:100%;position:relative}/*!@.menu*/.menu.sc-calcite-panel{min-width:10rem;-ms-flex-flow:column nowrap;flex-flow:column nowrap}/*!@.content-container*/.content-container.sc-calcite-panel{-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:column;flex-direction:column}/*!@.footer*/.footer.sc-calcite-panel{border-top:1px solid;background-color:var(--calcite-ui-foreground-1);border-top-color:var(--calcite-ui-border-3);display:-ms-flexbox;display:flex;-ms-flex-pack:space-evenly;justify-content:space-evenly;position:-webkit-sticky;position:sticky;bottom:0;width:100%;-ms-flex:0 0 auto;flex:0 0 auto;min-height:3rem;padding:0.5rem}/*!@.calcite--rtl .header-content*/.calcite--rtl.sc-calcite-panel .header-content.sc-calcite-panel{margin-left:auto;margin-right:unset}/*!@.calcite--rtl .header-actions--end*/.calcite--rtl.sc-calcite-panel .header-actions--end.sc-calcite-panel{margin-right:auto;margin-left:unset}/*!@.calcite--rtl .menu-container:only-child*/.calcite--rtl.sc-calcite-panel .menu-container.sc-calcite-panel:only-child{margin-right:auto;margin-left:unset}/*!@.fab-container*/.fab-container.sc-calcite-panel{display:inline-block;position:-webkit-sticky;position:sticky;margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;padding:0.5rem;bottom:0;left:0;right:0;z-index:1}";
20994
21083
 
20995
21084
  /**
20996
21085
  * @slot - A slot for adding custom content.
@@ -22070,7 +22159,7 @@ class CalcitePopover {
22070
22159
  const { popper, el, placement } = this;
22071
22160
  const modifiers = this.getModifiers();
22072
22161
  popper
22073
- ? updatePopper({
22162
+ ? await updatePopper({
22074
22163
  el,
22075
22164
  modifiers,
22076
22165
  placement,
@@ -23716,7 +23805,7 @@ class CalciteShellPanel {
23716
23805
  }; }
23717
23806
  }
23718
23807
 
23719
- const calciteSliderCss = "@charset \"UTF-8\";@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-slider:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-slider{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-slider{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-slider{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-slider{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-slider{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-slider:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-slider-h{display:none}/*!@:host*/.sc-calcite-slider-h{display:block}/*!@.container*/.container.sc-calcite-slider{display:block;position:relative;padding:7px 0;margin:7px 0.5rem}/*!@:host([disabled])*/[disabled].sc-calcite-slider-h{opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}/*!@:host([disabled]) .track__range,\n:host([disabled]) .tick--active*/[disabled].sc-calcite-slider-h .track__range.sc-calcite-slider,[disabled].sc-calcite-slider-h .tick--active.sc-calcite-slider{background-color:var(--calcite-ui-text-3)}/*!@:host([disabled]) .graph .graph-path--highlight*/[disabled].sc-calcite-slider-h .graph.sc-calcite-slider .graph-path--highlight.sc-calcite-slider{fill:var(--calcite-ui-text-3)}/*!@:host([label-handles]) .container,\n:host([precise]:not([precise=false])) .container*/[label-handles].sc-calcite-slider-h .container.sc-calcite-slider,[precise].sc-calcite-slider-h:not([precise=false]) .container.sc-calcite-slider{margin-top:21px}/*!@:host([label-ticks]),\n:host([precise]:not([precise=false])) .container--range*/[label-ticks].sc-calcite-slider-h,[precise].sc-calcite-slider-h:not([precise=false]) .container--range.sc-calcite-slider{margin-bottom:21px}/*!@:host([precise]:not([precise=false])[label-handles]) .container*/[precise].sc-calcite-slider-h:not([precise=false])[label-handles] .container.sc-calcite-slider{margin-top:35px}/*!@:host([precise]:not([precise=false])[label-handles]) .container--range*/[precise].sc-calcite-slider-h:not([precise=false])[label-handles] .container--range.sc-calcite-slider{margin-bottom:35px}/*!@.thumb*/.thumb.sc-calcite-slider{position:absolute;border-style:none;background-color:transparent;cursor:pointer;outline:2px solid transparent;outline-offset:2px;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;font-family:inherit;z-index:2;-webkit-transform:translate(7px, -8px);transform:translate(7px, -8px)}/*!@.thumb .handle__label*/.thumb.sc-calcite-slider .handle__label.sc-calcite-slider{font-size:0.75rem;line-height:1.5;font-weight:500;line-height:1;color:var(--calcite-ui-text-2);margin-bottom:5px}/*!@.thumb .handle__label.static, .thumb .handle__label.transformed*/.thumb.sc-calcite-slider .handle__label.static.sc-calcite-slider,.thumb.sc-calcite-slider .handle__label.transformed.sc-calcite-slider{opacity:0;position:absolute;top:0;bottom:0}/*!@.thumb .handle__label.hyphen::after*/.thumb.sc-calcite-slider .handle__label.hyphen.sc-calcite-slider::after{content:\"—\";display:inline-block;width:1em}/*!@.thumb .handle*/.thumb.sc-calcite-slider .handle.sc-calcite-slider{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;height:14px;width:14px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:100%;background-color:var(--calcite-ui-foreground-1);-webkit-box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;-webkit-transition:border 0.25s ease, background-color 0.25s ease, -webkit-box-shadow 0.25s ease;transition:border 0.25s ease, background-color 0.25s ease, -webkit-box-shadow 0.25s ease;transition:border 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;transition:border 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease}/*!@.thumb .handle-extension*/.thumb.sc-calcite-slider .handle-extension.sc-calcite-slider{width:2px;height:7px;background-color:var(--calcite-ui-text-3)}/*!@.thumb:hover .handle*/.thumb.sc-calcite-slider:hover .handle.sc-calcite-slider{-webkit-box-shadow:0 0 0 3px var(--calcite-ui-brand) inset;box-shadow:0 0 0 3px var(--calcite-ui-brand) inset}/*!@.thumb:hover .handle-extension*/.thumb.sc-calcite-slider:hover .handle-extension.sc-calcite-slider{background-color:var(--calcite-ui-brand)}/*!@.thumb:focus .handle*/.thumb.sc-calcite-slider:focus .handle.sc-calcite-slider{outline:2px solid var(--calcite-ui-brand);outline-offset:2px;outline-offset:2px}/*!@.thumb:focus .handle-extension*/.thumb.sc-calcite-slider:focus .handle-extension.sc-calcite-slider{background-color:var(--calcite-ui-brand)}/*!@.thumb--minValue*/.thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-7px, -8px);transform:translate(-7px, -8px)}/*!@:host([label-handles]) .thumb*/[label-handles].sc-calcite-slider-h .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -25px);transform:translate(50%, -25px)}/*!@:host([label-handles]) .thumb--minValue*/[label-handles].sc-calcite-slider-h .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -25px);transform:translate(-50%, -25px)}/*!@:host([has-histogram][label-handles]) .thumb*/[has-histogram][label-handles].sc-calcite-slider-h .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -8px);transform:translate(50%, -8px)}/*!@:host([has-histogram][label-handles]) .thumb .handle__label*/[has-histogram][label-handles].sc-calcite-slider-h .thumb.sc-calcite-slider .handle__label.sc-calcite-slider{margin-bottom:unset;margin-top:5px}/*!@:host([has-histogram][label-handles]) .thumb--minValue*/[has-histogram][label-handles].sc-calcite-slider-h .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -8px);transform:translate(-50%, -8px)}/*!@:host([precise]:not([precise=false])) .thumb*/[precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(7px, -21px);transform:translate(7px, -21px)}/*!@:host([precise]:not([precise=false])) .thumb--minValue*/[precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-7px, -2px);transform:translate(-7px, -2px)}/*!@:host([precise]:not([precise=false])) .thumb--minValue .handle__label*/[precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider .handle__label.sc-calcite-slider{margin-bottom:unset;margin-top:5px}/*!@:host([has-histogram][precise]:not([precise=false])) .thumb*/[has-histogram][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(7px, -2px);transform:translate(7px, -2px)}/*!@:host([has-histogram][precise]:not([precise=false])) .thumb--minValue*/[has-histogram][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}/*!@:host([ticks][precise]:not([precise=false])) .thumb*/[ticks][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(7px, -20px);transform:translate(7px, -20px)}/*!@:host([ticks][precise]:not([precise=false])) .thumb--minValue*/[ticks][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-7px, -3px);transform:translate(-7px, -3px)}/*!@:host([has-histogram][ticks][precise]:not([precise=false])) .thumb*/[has-histogram][ticks][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(7px, -3px);transform:translate(7px, -3px)}/*!@:host([has-histogram][ticks][precise]:not([precise=false])) .thumb--minValue*/[has-histogram][ticks][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}/*!@:host([label-handles][precise]:not([precise=false])) .thumb*/[label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -38px);transform:translate(50%, -38px)}/*!@:host([label-handles][precise]:not([precise=false])) .thumb--minValue*/[label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}/*!@:host([has-histogram][label-handles][precise]:not([precise=false])) .thumb*/[has-histogram][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -2px);transform:translate(50%, -2px)}/*!@:host([has-histogram][label-handles][precise]:not([precise=false])) .thumb--minValue*/[has-histogram][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}/*!@:host([ticks][label-handles][precise]:not([precise=false])) .thumb*/[ticks][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -37px);transform:translate(50%, -37px)}/*!@:host([ticks][label-handles][precise]:not([precise=false])) .thumb--minValue*/[ticks][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}/*!@:host([has-histogram][ticks][label-handles][precise]:not([precise=false])) .thumb*/[has-histogram][ticks][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -3px);transform:translate(50%, -3px)}/*!@:host([has-histogram][ticks][label-handles][precise]:not([precise=false])) .thumb--minValue*/[has-histogram][ticks][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}/*!@.thumb:focus,\n.thumb--active*/.thumb.sc-calcite-slider:focus,.thumb--active.sc-calcite-slider{z-index:3}/*!@.thumb:focus .handle,\n.thumb--active .handle*/.thumb.sc-calcite-slider:focus .handle.sc-calcite-slider,.thumb--active.sc-calcite-slider .handle.sc-calcite-slider{background-color:var(--calcite-ui-brand);-webkit-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16)}/*!@.thumb:hover.thumb--precise:after,\n.thumb:focus.thumb--precise:after,\n.thumb--active.thumb--precise:after*/.thumb.sc-calcite-slider:hover.thumb--precise:after,.thumb.sc-calcite-slider:focus.thumb--precise:after,.thumb--active.thumb--precise.sc-calcite-slider:after{background-color:var(--calcite-ui-brand)}/*!@.track*/.track.sc-calcite-slider{height:2px;border-radius:0;z-index:1;background-color:var(--calcite-ui-border-2);-webkit-transition:all 250ms ease-in;transition:all 250ms ease-in;position:relative}/*!@.track__range*/.track__range.sc-calcite-slider{position:absolute;top:0;height:2px;background-color:var(--calcite-ui-brand)}/*!@.container--range .track__range:hover*/.container--range.sc-calcite-slider .track__range.sc-calcite-slider:hover{cursor:ew-resize}/*!@.container--range .track__range:after*/.container--range.sc-calcite-slider .track__range.sc-calcite-slider:after{content:\"\";position:absolute;top:-5px;width:100%;height:14px}/*!@.tick*/.tick.sc-calcite-slider{position:absolute;top:-2px;width:2px;height:4px;left:var(--calcite-ui-border-1-offset);margin-left:-2px;border:1px solid var(--calcite-ui-foreground-1);background-color:var(--calcite-ui-border-1)}/*!@.tick--active*/.tick--active.sc-calcite-slider{background-color:var(--calcite-ui-brand)}/*!@.tick__label*/.tick__label.sc-calcite-slider{position:absolute;font-size:0.75rem;line-height:1.5;font-weight:500;color:var(--calcite-ui-text-2);width:4em;margin:14px -2em;text-align:center;display:block;pointer-events:none}/*!@.tick__label--min*/.tick__label--min.sc-calcite-slider{left:0;margin:14px -3px;text-align:left;-webkit-transition:opacity 150ms;transition:opacity 150ms}/*!@.tick__label--max*/.tick__label--max.sc-calcite-slider{left:unset;right:0;margin:14px -3px;text-align:right;-webkit-transition:opacity 50ms;transition:opacity 50ms}/*!@:host([has-histogram][label-handles]) .tick__label--min,\n:host([has-histogram][label-handles]) .tick__label--max*/[has-histogram][label-handles].sc-calcite-slider-h .tick__label--min.sc-calcite-slider,[has-histogram][label-handles].sc-calcite-slider-h .tick__label--max.sc-calcite-slider{margin:6px -3px;font-weight:300;color:var(--calcite-ui-text-3)}/*!@:host([has-histogram][precise]:not([precise=false])) .tick__label--min,\n:host([has-histogram][precise]:not([precise=false])) .tick__label--max*/[has-histogram][precise].sc-calcite-slider-h:not([precise=false]) .tick__label--min.sc-calcite-slider,[has-histogram][precise].sc-calcite-slider-h:not([precise=false]) .tick__label--max.sc-calcite-slider{margin:6px -3px;font-weight:300;color:var(--calcite-ui-text-3)}/*!@.graph*/.graph.sc-calcite-slider{color:var(--calcite-ui-foreground-3)}/*!@:host([mirrored]:not([has-histogram])) .tick__label--min*/[mirrored].sc-calcite-slider-h:not([has-histogram]) .tick__label--min.sc-calcite-slider{right:0;left:unset;text-align:right}/*!@:host([mirrored]:not([has-histogram])) .tick__label--max*/[mirrored].sc-calcite-slider-h:not([has-histogram]) .tick__label--max.sc-calcite-slider{right:unset;left:0;text-align:left}";
23808
+ const calciteSliderCss = "@charset \"UTF-8\";@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-slider:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-slider{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-slider{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-slider{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-slider{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-slider{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-slider:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-slider-h{display:none}/*!@:host*/.sc-calcite-slider-h{display:block}/*!@.container*/.container.sc-calcite-slider{display:block;position:relative;padding:7px 0;margin:7px 0.5rem}/*!@:host([disabled])*/[disabled].sc-calcite-slider-h{opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}/*!@:host([disabled]) .track__range,\n:host([disabled]) .tick--active*/[disabled].sc-calcite-slider-h .track__range.sc-calcite-slider,[disabled].sc-calcite-slider-h .tick--active.sc-calcite-slider{background-color:var(--calcite-ui-text-3)}/*!@:host([disabled]) .graph .graph-path--highlight*/[disabled].sc-calcite-slider-h .graph.sc-calcite-slider .graph-path--highlight.sc-calcite-slider{fill:var(--calcite-ui-text-3)}/*!@:host([label-handles]) .container,\n:host([precise]:not([precise=false])) .container*/[label-handles].sc-calcite-slider-h .container.sc-calcite-slider,[precise].sc-calcite-slider-h:not([precise=false]) .container.sc-calcite-slider{margin-top:21px}/*!@:host([label-ticks]),\n:host([precise]:not([precise=false])) .container--range*/[label-ticks].sc-calcite-slider-h,[precise].sc-calcite-slider-h:not([precise=false]) .container--range.sc-calcite-slider{margin-bottom:21px}/*!@:host([precise]:not([precise=false])[label-handles]) .container*/[precise].sc-calcite-slider-h:not([precise=false])[label-handles] .container.sc-calcite-slider{margin-top:35px}/*!@:host([precise]:not([precise=false])[label-handles]) .container--range*/[precise].sc-calcite-slider-h:not([precise=false])[label-handles] .container--range.sc-calcite-slider{margin-bottom:35px}/*!@.thumb*/.thumb.sc-calcite-slider{position:absolute;border-style:none;background-color:transparent;cursor:pointer;outline:2px solid transparent;outline-offset:2px;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;font-family:inherit;z-index:2;-webkit-transform:translate(7px, -8px);transform:translate(7px, -8px)}/*!@.thumb .handle__label*/.thumb.sc-calcite-slider .handle__label.sc-calcite-slider{font-size:var(--calcite-font-size--2);font-weight:500;line-height:1;color:var(--calcite-ui-text-2);margin-bottom:5px}/*!@.thumb .handle__label.static, .thumb .handle__label.transformed*/.thumb.sc-calcite-slider .handle__label.static.sc-calcite-slider,.thumb.sc-calcite-slider .handle__label.transformed.sc-calcite-slider{opacity:0;position:absolute;top:0;bottom:0}/*!@.thumb .handle__label.hyphen::after*/.thumb.sc-calcite-slider .handle__label.hyphen.sc-calcite-slider::after{content:\"—\";display:inline-block;width:1em}/*!@.thumb .handle*/.thumb.sc-calcite-slider .handle.sc-calcite-slider{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;height:14px;width:14px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:100%;background-color:var(--calcite-ui-foreground-1);-webkit-box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;-webkit-transition:border 0.25s ease, background-color 0.25s ease, -webkit-box-shadow 0.25s ease;transition:border 0.25s ease, background-color 0.25s ease, -webkit-box-shadow 0.25s ease;transition:border 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;transition:border 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease}/*!@.thumb .handle-extension*/.thumb.sc-calcite-slider .handle-extension.sc-calcite-slider{width:2px;height:7px;background-color:var(--calcite-ui-text-3)}/*!@.thumb:hover .handle*/.thumb.sc-calcite-slider:hover .handle.sc-calcite-slider{-webkit-box-shadow:0 0 0 3px var(--calcite-ui-brand) inset;box-shadow:0 0 0 3px var(--calcite-ui-brand) inset}/*!@.thumb:hover .handle-extension*/.thumb.sc-calcite-slider:hover .handle-extension.sc-calcite-slider{background-color:var(--calcite-ui-brand)}/*!@.thumb:focus .handle*/.thumb.sc-calcite-slider:focus .handle.sc-calcite-slider{outline:2px solid var(--calcite-ui-brand);outline-offset:2px;outline-offset:2px}/*!@.thumb:focus .handle-extension*/.thumb.sc-calcite-slider:focus .handle-extension.sc-calcite-slider{background-color:var(--calcite-ui-brand)}/*!@.thumb--minValue*/.thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-7px, -8px);transform:translate(-7px, -8px)}/*!@:host([label-handles]) .thumb*/[label-handles].sc-calcite-slider-h .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -25px);transform:translate(50%, -25px)}/*!@:host([label-handles]) .thumb--minValue*/[label-handles].sc-calcite-slider-h .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -25px);transform:translate(-50%, -25px)}/*!@:host([has-histogram][label-handles]) .thumb*/[has-histogram][label-handles].sc-calcite-slider-h .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -8px);transform:translate(50%, -8px)}/*!@:host([has-histogram][label-handles]) .thumb .handle__label*/[has-histogram][label-handles].sc-calcite-slider-h .thumb.sc-calcite-slider .handle__label.sc-calcite-slider{margin-bottom:unset;margin-top:5px}/*!@:host([has-histogram][label-handles]) .thumb--minValue*/[has-histogram][label-handles].sc-calcite-slider-h .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -8px);transform:translate(-50%, -8px)}/*!@:host([precise]:not([precise=false])) .thumb*/[precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(7px, -21px);transform:translate(7px, -21px)}/*!@:host([precise]:not([precise=false])) .thumb--minValue*/[precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-7px, -2px);transform:translate(-7px, -2px)}/*!@:host([precise]:not([precise=false])) .thumb--minValue .handle__label*/[precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider .handle__label.sc-calcite-slider{margin-bottom:unset;margin-top:5px}/*!@:host([has-histogram][precise]:not([precise=false])) .thumb*/[has-histogram][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(7px, -2px);transform:translate(7px, -2px)}/*!@:host([has-histogram][precise]:not([precise=false])) .thumb--minValue*/[has-histogram][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}/*!@:host([ticks][precise]:not([precise=false])) .thumb*/[ticks][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(7px, -20px);transform:translate(7px, -20px)}/*!@:host([ticks][precise]:not([precise=false])) .thumb--minValue*/[ticks][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-7px, -3px);transform:translate(-7px, -3px)}/*!@:host([has-histogram][ticks][precise]:not([precise=false])) .thumb*/[has-histogram][ticks][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(7px, -3px);transform:translate(7px, -3px)}/*!@:host([has-histogram][ticks][precise]:not([precise=false])) .thumb--minValue*/[has-histogram][ticks][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}/*!@:host([label-handles][precise]:not([precise=false])) .thumb*/[label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -38px);transform:translate(50%, -38px)}/*!@:host([label-handles][precise]:not([precise=false])) .thumb--minValue*/[label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}/*!@:host([has-histogram][label-handles][precise]:not([precise=false])) .thumb*/[has-histogram][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -2px);transform:translate(50%, -2px)}/*!@:host([has-histogram][label-handles][precise]:not([precise=false])) .thumb--minValue*/[has-histogram][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}/*!@:host([ticks][label-handles][precise]:not([precise=false])) .thumb*/[ticks][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -37px);transform:translate(50%, -37px)}/*!@:host([ticks][label-handles][precise]:not([precise=false])) .thumb--minValue*/[ticks][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}/*!@:host([has-histogram][ticks][label-handles][precise]:not([precise=false])) .thumb*/[has-histogram][ticks][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -3px);transform:translate(50%, -3px)}/*!@:host([has-histogram][ticks][label-handles][precise]:not([precise=false])) .thumb--minValue*/[has-histogram][ticks][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}/*!@.thumb:focus,\n.thumb--active*/.thumb.sc-calcite-slider:focus,.thumb--active.sc-calcite-slider{z-index:3}/*!@.thumb:focus .handle,\n.thumb--active .handle*/.thumb.sc-calcite-slider:focus .handle.sc-calcite-slider,.thumb--active.sc-calcite-slider .handle.sc-calcite-slider{background-color:var(--calcite-ui-brand);-webkit-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16)}/*!@.thumb:hover.thumb--precise:after,\n.thumb:focus.thumb--precise:after,\n.thumb--active.thumb--precise:after*/.thumb.sc-calcite-slider:hover.thumb--precise:after,.thumb.sc-calcite-slider:focus.thumb--precise:after,.thumb--active.thumb--precise.sc-calcite-slider:after{background-color:var(--calcite-ui-brand)}/*!@.track*/.track.sc-calcite-slider{height:2px;border-radius:0;z-index:1;background-color:var(--calcite-ui-border-2);-webkit-transition:all 250ms ease-in;transition:all 250ms ease-in;position:relative}/*!@.track__range*/.track__range.sc-calcite-slider{position:absolute;top:0;height:2px;background-color:var(--calcite-ui-brand)}/*!@.container--range .track__range:hover*/.container--range.sc-calcite-slider .track__range.sc-calcite-slider:hover{cursor:ew-resize}/*!@.container--range .track__range:after*/.container--range.sc-calcite-slider .track__range.sc-calcite-slider:after{content:\"\";position:absolute;top:-5px;width:100%;height:14px}/*!@.tick*/.tick.sc-calcite-slider{position:absolute;top:-2px;width:2px;height:4px;left:var(--calcite-ui-border-1-offset);margin-left:-2px;border:1px solid var(--calcite-ui-foreground-1);background-color:var(--calcite-ui-border-1)}/*!@.tick--active*/.tick--active.sc-calcite-slider{background-color:var(--calcite-ui-brand)}/*!@.tick__label*/.tick__label.sc-calcite-slider{position:absolute;font-size:var(--calcite-font-size--2);font-weight:500;color:var(--calcite-ui-text-2);width:4em;margin:14px -2em;text-align:center;display:block;pointer-events:none}/*!@.tick__label--min*/.tick__label--min.sc-calcite-slider{left:0;margin:14px -3px;text-align:left;-webkit-transition:opacity 150ms;transition:opacity 150ms}/*!@.tick__label--max*/.tick__label--max.sc-calcite-slider{left:unset;right:0;margin:14px -3px;text-align:right;-webkit-transition:opacity 50ms;transition:opacity 50ms}/*!@:host([has-histogram][label-handles]) .tick__label--min,\n:host([has-histogram][label-handles]) .tick__label--max*/[has-histogram][label-handles].sc-calcite-slider-h .tick__label--min.sc-calcite-slider,[has-histogram][label-handles].sc-calcite-slider-h .tick__label--max.sc-calcite-slider{margin:6px -3px;font-weight:300;color:var(--calcite-ui-text-3)}/*!@:host([has-histogram][precise]:not([precise=false])) .tick__label--min,\n:host([has-histogram][precise]:not([precise=false])) .tick__label--max*/[has-histogram][precise].sc-calcite-slider-h:not([precise=false]) .tick__label--min.sc-calcite-slider,[has-histogram][precise].sc-calcite-slider-h:not([precise=false]) .tick__label--max.sc-calcite-slider{margin:6px -3px;font-weight:300;color:var(--calcite-ui-text-3)}/*!@.graph*/.graph.sc-calcite-slider{color:var(--calcite-ui-foreground-3)}/*!@:host([mirrored]:not([has-histogram])) .tick__label--min*/[mirrored].sc-calcite-slider-h:not([has-histogram]) .tick__label--min.sc-calcite-slider{right:0;left:unset;text-align:right}/*!@:host([mirrored]:not([has-histogram])) .tick__label--max*/[mirrored].sc-calcite-slider-h:not([has-histogram]) .tick__label--max.sc-calcite-slider{right:unset;left:0;text-align:left}";
23720
23809
 
23721
23810
  class CalciteSlider {
23722
23811
  constructor(hostRef) {
@@ -23953,7 +24042,7 @@ class CalciteSlider {
23953
24042
  minHistogramLabeledHandle, !this.precise && !this.labelHandles && handle, !this.hasHistogram && !this.precise && this.labelHandles && labeledHandle, !this.hasHistogram && this.precise && !this.labelHandles && preciseHandle, this.hasHistogram && this.precise && !this.labelHandles && histogramPreciseHandle, !this.hasHistogram && this.precise && this.labelHandles && labeledPreciseHandle, this.hasHistogram && !this.precise && this.labelHandles && histogramLabeledHandle, this.hasHistogram && this.precise && this.labelHandles && histogramLabeledPreciseHandle)));
23954
24043
  }
23955
24044
  renderGraph() {
23956
- return this.histogram ? (hAsync("div", { class: "graph" }, hAsync("calcite-graph", { colorStops: this.histogramStops, data: this.histogram, "data-style": "slider-histogram", height: 48, highlightMax: this.isRange ? this.maxValue : this.value, highlightMin: this.isRange ? this.minValue : this.min, width: 300 }))) : null;
24045
+ return this.histogram ? (hAsync("div", { class: "graph" }, hAsync("calcite-graph", { colorStops: this.histogramStops, data: this.histogram, "data-style": "slider-histogram", height: 48, highlightMax: this.isRange ? this.maxValue : this.value, highlightMin: this.isRange ? this.minValue : this.min, max: this.max, min: this.min, width: 300 }))) : null;
23957
24046
  }
23958
24047
  renderTickLabel(tick) {
23959
24048
  const isMinTickLabel = tick === this.min;
@@ -28205,6 +28294,11 @@ class CalciteSwitch {
28205
28294
  //--------------------------------------------------------------------------
28206
28295
  connectedCallback() {
28207
28296
  connectLabel(this);
28297
+ const initiallyChecked = this.checked || this.switched;
28298
+ if (initiallyChecked) {
28299
+ // if either prop is set, we ensure both are synced initially
28300
+ this.switched = this.checked = initiallyChecked;
28301
+ }
28208
28302
  }
28209
28303
  disconnectedCallback() {
28210
28304
  disconnectLabel(this);
@@ -28239,7 +28333,7 @@ class CalciteSwitch {
28239
28333
  "label": [1],
28240
28334
  "name": [513],
28241
28335
  "scale": [513],
28242
- "switched": [4],
28336
+ "switched": [1028],
28243
28337
  "checked": [1540],
28244
28338
  "value": [520],
28245
28339
  "guid": [32],
@@ -28946,7 +29040,7 @@ const SLOTS$3 = {
28946
29040
  contentEnd: "content-end"
28947
29041
  };
28948
29042
 
28949
- const calciteTileCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-tile:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-tile{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-tile{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-tile{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-tile{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-tile{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-tile:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-tile-h{display:none}/*!@:host*/.sc-calcite-tile-h{background-color:var(--calcite-ui-foreground-1);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-ui-text-3);display:inline-block;-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-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}/*!@:host(:not([embed]))*/.sc-calcite-tile-h:not([embed]){padding:0.75rem;-webkit-box-shadow:0 0 0 1px var(--calcite-ui-border-2);box-shadow:0 0 0 1px var(--calcite-ui-border-2)}/*!@:host(:not([embed])[href]:hover)*/.sc-calcite-tile-h:not([embed])[href]:hover{cursor:pointer;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-brand);box-shadow:0 0 0 2px var(--calcite-ui-brand)}/*!@:host(:not([embed])[href]:active)*/.sc-calcite-tile-h:not([embed])[href]:active{-webkit-box-shadow:0 0 0 3px var(--calcite-ui-brand);box-shadow:0 0 0 3px var(--calcite-ui-brand)}/*!@:host([icon][heading]:not([description]):not([embed]))*/[icon][heading].sc-calcite-tile-h:not([description]):not([embed]){padding:0}/*!@:host([icon][heading]:not([description])) .icon*/[icon][heading].sc-calcite-tile-h:not([description]) .icon.sc-calcite-tile{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}/*!@:host([icon][heading]:not([description])) .large-visual*/[icon][heading].sc-calcite-tile-h:not([description]) .large-visual.sc-calcite-tile{text-align:center}/*!@:host([disabled])*/[disabled].sc-calcite-tile-h{opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}/*!@.container*/.container.sc-calcite-tile{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));grid-gap:0.5rem;gap:0.5rem;pointer-events:none}/*!@.content*/.content.sc-calcite-tile{-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;grid-gap:0.5rem;gap:0.5rem}/*!@.content-container*/.content-container.sc-calcite-tile{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;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;-ms-flex-align:stretch;align-items:stretch;padding:0;color:var(--calcite-ui-text-2)}/*!@.content-slot-container*/.content-slot-container.sc-calcite-tile{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1)}/*!@.content-slot-container:first-child*/.content-slot-container.sc-calcite-tile:first-child{padding-right:0.75rem}/*!@.content-slot-container:last-child*/.content-slot-container.sc-calcite-tile:last-child{padding-left:0.75rem}/*!@.heading*/.heading.sc-calcite-tile{font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-ui-text-2);-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);font-weight:var(--calcite-font-weight-medium);pointer-events:none}/*!@.large-visual*/.large-visual.sc-calcite-tile{-ms-flex-align:center;align-items:center;min-height:12rem}/*!@.large-visual .icon*/.large-visual.sc-calcite-tile .icon.sc-calcite-tile{-ms-flex-item-align:end;align-self:flex-end}/*!@.large-visual .content-container*/.large-visual.sc-calcite-tile .content-container.sc-calcite-tile{-ms-flex-item-align:center;align-self:center}/*!@.description*/.description.sc-calcite-tile{font-size:var(--calcite-font-size--2);line-height:1.375;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);pointer-events:none}/*!@:host(:hover) .heading,\n:host([active]) .heading*/.sc-calcite-tile-h:hover .heading.sc-calcite-tile,[active].sc-calcite-tile-h .heading.sc-calcite-tile{color:var(--calcite-ui-text-1)}/*!@:host(:hover) .description,\n:host([active]) .description*/.sc-calcite-tile-h:hover .description.sc-calcite-tile,[active].sc-calcite-tile-h .description.sc-calcite-tile{color:var(--calcite-ui-text-2)}";
29043
+ const calciteTileCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-tile:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-tile{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-tile{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-tile{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-tile{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-tile{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-tile:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-tile-h{display:none}/*!@:host*/.sc-calcite-tile-h{background-color:var(--calcite-ui-foreground-1);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-ui-text-3);display:inline-block;-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-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}/*!@:host(:not([embed]))*/.sc-calcite-tile-h:not([embed]){padding:0.75rem;-webkit-box-shadow:0 0 0 1px var(--calcite-ui-border-2);box-shadow:0 0 0 1px var(--calcite-ui-border-2)}/*!@:host(:not([embed])[href]:hover)*/.sc-calcite-tile-h:not([embed])[href]:hover{cursor:pointer;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-brand);box-shadow:0 0 0 2px var(--calcite-ui-brand)}/*!@:host(:not([embed])[href]:active)*/.sc-calcite-tile-h:not([embed])[href]:active{-webkit-box-shadow:0 0 0 3px var(--calcite-ui-brand);box-shadow:0 0 0 3px var(--calcite-ui-brand)}/*!@:host([icon][heading]:not([description]):not([embed]))*/[icon][heading].sc-calcite-tile-h:not([description]):not([embed]){padding:0}/*!@:host([icon][heading]:not([description])) .icon*/[icon][heading].sc-calcite-tile-h:not([description]) .icon.sc-calcite-tile{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}/*!@:host([icon][heading]:not([description])) .large-visual*/[icon][heading].sc-calcite-tile-h:not([description]) .large-visual.sc-calcite-tile{text-align:center}/*!@:host([disabled])*/[disabled].sc-calcite-tile-h{opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}/*!@.container*/.container.sc-calcite-tile{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));grid-gap:0.5rem;gap:0.5rem;pointer-events:none}/*!@.content*/.content.sc-calcite-tile{-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;grid-gap:0.5rem;gap:0.5rem;width:10%}/*!@.content-container*/.content-container.sc-calcite-tile{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;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;-ms-flex-align:stretch;align-items:stretch;padding:0;color:var(--calcite-ui-text-2);width:100%}/*!@.content-slot-container*/.content-slot-container.sc-calcite-tile{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1)}/*!@.content-slot-container:first-child*/.content-slot-container.sc-calcite-tile:first-child{padding-right:0.75rem}/*!@.content-slot-container:last-child*/.content-slot-container.sc-calcite-tile:last-child{padding-left:0.75rem}/*!@.heading*/.heading.sc-calcite-tile{font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-ui-text-2);-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);font-weight:var(--calcite-font-weight-medium);pointer-events:none;word-wrap:break-word;overflow-wrap:break-word}/*!@.large-visual*/.large-visual.sc-calcite-tile{-ms-flex-align:center;align-items:center;min-height:12rem}/*!@.large-visual .icon*/.large-visual.sc-calcite-tile .icon.sc-calcite-tile{-ms-flex-item-align:end;align-self:flex-end}/*!@.large-visual .content-container*/.large-visual.sc-calcite-tile .content-container.sc-calcite-tile{-ms-flex-item-align:center;align-self:center}/*!@.description*/.description.sc-calcite-tile{font-size:var(--calcite-font-size--2);line-height:1.375;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);pointer-events:none}/*!@:host(:hover) .heading,\n:host([active]) .heading*/.sc-calcite-tile-h:hover .heading.sc-calcite-tile,[active].sc-calcite-tile-h .heading.sc-calcite-tile{color:var(--calcite-ui-text-1)}/*!@:host(:hover) .description,\n:host([active]) .description*/.sc-calcite-tile-h:hover .description.sc-calcite-tile,[active].sc-calcite-tile-h .description.sc-calcite-tile{color:var(--calcite-ui-text-2)}";
28950
29044
 
28951
29045
  /**
28952
29046
  * @slot content-start - A slot for adding non-actionable elements before the tile content.
@@ -30328,7 +30422,7 @@ class CalciteTooltip {
30328
30422
  const { popper, el, placement } = this;
30329
30423
  const modifiers = this.getModifiers();
30330
30424
  popper
30331
- ? updatePopper({
30425
+ ? await updatePopper({
30332
30426
  el,
30333
30427
  modifiers,
30334
30428
  placement,
@@ -30846,10 +30940,17 @@ class CalciteTreeItem {
30846
30940
  // Private Methods
30847
30941
  //
30848
30942
  //--------------------------------------------------------------------------
30943
+ this.updateParentIsExpanded = (el, expanded) => {
30944
+ const items = getSlotted(el, SLOTS$1.children, {
30945
+ all: true,
30946
+ selector: "calcite-tree-item"
30947
+ });
30948
+ items.forEach((item) => (item.parentExpanded = expanded));
30949
+ };
30849
30950
  this.updateAncestorTree = () => {
30850
30951
  if (this.selected && this.selectionMode === TreeSelectionMode.Ancestors) {
30851
30952
  const ancestors = [];
30852
- let parent = this.el.parentElement.closest("calcite-tree-item");
30953
+ let parent = this.parentTreeItem;
30853
30954
  while (parent) {
30854
30955
  ancestors.push(parent);
30855
30956
  parent = parent.parentElement.closest("calcite-tree-item");
@@ -30860,11 +30961,7 @@ class CalciteTreeItem {
30860
30961
  };
30861
30962
  }
30862
30963
  expandedHandler(newValue) {
30863
- const items = getSlotted(this.el, "children", {
30864
- all: true,
30865
- selector: "calcite-tree-item"
30866
- });
30867
- items.forEach((item) => (item.parentExpanded = newValue));
30964
+ this.updateParentIsExpanded(this.el, newValue);
30868
30965
  }
30869
30966
  //--------------------------------------------------------------------------
30870
30967
  //
@@ -30872,7 +30969,11 @@ class CalciteTreeItem {
30872
30969
  //
30873
30970
  //--------------------------------------------------------------------------
30874
30971
  connectedCallback() {
30875
- this.expandedHandler(this.expanded);
30972
+ this.parentTreeItem = this.el.parentElement.closest("calcite-tree-item");
30973
+ if (this.parentTreeItem) {
30974
+ const { expanded } = this.parentTreeItem;
30975
+ this.updateParentIsExpanded(this.parentTreeItem, expanded);
30976
+ }
30876
30977
  }
30877
30978
  componentWillRender() {
30878
30979
  this.hasChildren = !!this.el.querySelector("calcite-tree");
@@ -30984,7 +31085,7 @@ class CalciteTreeItem {
30984
31085
  break;
30985
31086
  }
30986
31087
  // When focus is on a child node that is also either an end node or a closed node, moves focus to its parent node.
30987
- const parentItem = this.el.parentElement.closest("calcite-tree-item");
31088
+ const parentItem = this.parentTreeItem;
30988
31089
  if (parentItem && (!this.hasChildren || this.expanded === false)) {
30989
31090
  parentItem.focus();
30990
31091
  e.preventDefault();