@esri/calcite-components 1.0.0-next.293 → 1.0.0-next.294

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 (516) hide show
  1. package/CHANGELOG.md +18 -5
  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-05107123.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-318e95d7.system.entry.js → p-09da1c54.system.entry.js} +1 -1
  9. package/dist/calcite/{p-727c8f36.system.entry.js → p-0d4e82ab.system.entry.js} +1 -1
  10. package/dist/calcite/{p-349333f8.system.entry.js → p-10759c71.system.entry.js} +2 -2
  11. package/dist/calcite/{p-32faf98b.system.entry.js → p-10de63d7.system.entry.js} +1 -1
  12. package/dist/calcite/p-11113310.entry.js +5 -0
  13. package/dist/calcite/{p-81a82d01.system.entry.js → p-12e1c83f.system.entry.js} +1 -1
  14. package/dist/calcite/p-1421e818.entry.js +5 -0
  15. package/dist/calcite/p-17e666d6.system.entry.js +5 -0
  16. package/dist/calcite/p-1e875199.entry.js +5 -0
  17. package/dist/calcite/{p-693a4d5f.entry.js → p-22ecf6df.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-9d3ee5cf.system.entry.js → p-2ecafa35.system.entry.js} +1 -1
  22. package/dist/calcite/{p-7f4a5f8e.system.entry.js → p-329e1831.system.entry.js} +2 -2
  23. package/dist/calcite/{p-95a3a0ce.entry.js → p-3383d9b4.entry.js} +1 -1
  24. package/dist/calcite/{p-87b93729.entry.js → p-36e5db45.entry.js} +1 -1
  25. package/dist/calcite/{p-bd555b2e.system.entry.js → p-38ee7306.system.entry.js} +1 -1
  26. package/dist/calcite/{p-8efb43fc.entry.js → p-3962cd38.entry.js} +1 -1
  27. package/dist/calcite/p-3994ac99.system.entry.js +5 -0
  28. package/dist/calcite/{p-9d83f268.system.entry.js → p-3bb30b44.system.entry.js} +1 -1
  29. package/dist/calcite/{p-bb916828.system.entry.js → p-3cf93a58.system.entry.js} +1 -1
  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-4e06a168.entry.js → p-42128a12.entry.js} +1 -1
  35. package/dist/calcite/p-45257edb.js +5 -0
  36. package/dist/calcite/{p-5cb26137.system.entry.js → p-49d5ee42.system.entry.js} +1 -1
  37. package/dist/calcite/{p-5c221c33.system.entry.js → p-4c7e3915.system.entry.js} +1 -1
  38. package/dist/calcite/{p-26045881.entry.js → p-4ecd0331.entry.js} +1 -1
  39. package/dist/calcite/p-502736d8.system.entry.js +5 -0
  40. package/dist/calcite/{p-ac3d8784.entry.js → p-507b2cc4.entry.js} +1 -1
  41. package/dist/calcite/{p-34a6550f.system.entry.js → p-527146c8.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-a93678c6.system.entry.js → p-58716826.system.entry.js} +1 -1
  44. package/dist/calcite/{p-d7e5b807.system.entry.js → p-58e98b2d.system.entry.js} +1 -1
  45. package/dist/calcite/{p-1f99b038.entry.js → p-58eca102.entry.js} +1 -1
  46. package/dist/calcite/p-5e6d76dc.entry.js +5 -0
  47. package/dist/calcite/{p-9dbb69f7.entry.js → p-5efd7297.entry.js} +1 -1
  48. package/dist/calcite/{p-37cee0ea.entry.js → p-6621aee1.entry.js} +1 -1
  49. package/dist/calcite/{p-31c4a271.system.entry.js → p-684ccd4e.system.entry.js} +1 -1
  50. package/dist/calcite/{p-473cfb74.system.entry.js → p-6988c6b7.system.entry.js} +1 -1
  51. package/dist/calcite/{p-4c7e3d8e.system.entry.js → p-6c8a562f.system.entry.js} +1 -1
  52. package/dist/calcite/{p-18078190.entry.js → p-72fa390e.entry.js} +1 -1
  53. package/dist/calcite/{p-1aaf7f83.entry.js → p-75f714c9.entry.js} +1 -1
  54. package/dist/calcite/{p-41e9b889.entry.js → p-76ccd204.entry.js} +1 -1
  55. package/dist/calcite/{p-d7a7a544.system.entry.js → p-777c833f.system.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-f4299b95.entry.js → p-7c37ca39.entry.js} +1 -1
  61. package/dist/calcite/{p-1b2c1f55.entry.js → p-7dd5c4e4.entry.js} +1 -1
  62. package/dist/calcite/{p-01c3783e.system.entry.js → p-8007a0b4.system.entry.js} +1 -1
  63. package/dist/calcite/{p-a20df95c.js → p-809ddb6a.js} +1 -1
  64. package/dist/calcite/{p-22ad79b1.entry.js → p-83302e1c.entry.js} +1 -1
  65. package/dist/calcite/{p-9358deb1.system.entry.js → p-83ccefba.system.entry.js} +1 -1
  66. package/dist/calcite/{p-530584ff.system.entry.js → p-8711a0ae.system.entry.js} +1 -1
  67. package/dist/calcite/{p-c0dd929a.entry.js → p-8953f712.entry.js} +1 -1
  68. package/dist/calcite/{p-c74fc589.system.js → p-89cdfa96.system.js} +1 -1
  69. package/dist/calcite/{p-b701101e.entry.js → p-8bc3e126.entry.js} +1 -1
  70. package/dist/calcite/{p-568ed3d6.system.entry.js → p-948aca0d.system.entry.js} +1 -1
  71. package/dist/calcite/{p-9e4f2697.system.entry.js → p-98789055.system.entry.js} +1 -1
  72. package/dist/calcite/p-99ff3a2f.entry.js +5 -0
  73. package/dist/calcite/{p-10ccc21d.entry.js → p-9affee61.entry.js} +1 -1
  74. package/dist/calcite/{p-99da965d.system.entry.js → p-9fa024e6.system.entry.js} +1 -1
  75. package/dist/calcite/{p-7b600760.entry.js → p-9fa5e356.entry.js} +1 -1
  76. package/dist/calcite/{p-021d44b7.system.entry.js → p-9fc0dc2c.system.entry.js} +1 -1
  77. package/dist/calcite/{p-67fd79db.entry.js → p-9fe349b9.entry.js} +1 -1
  78. package/dist/calcite/{p-0e30afe6.entry.js → p-a09634e2.entry.js} +1 -1
  79. package/dist/calcite/{p-361ddbb6.entry.js → p-a2cc027e.entry.js} +1 -1
  80. package/dist/calcite/{p-87e83c0d.system.entry.js → p-a5bfc29d.system.entry.js} +1 -1
  81. package/dist/calcite/{p-64d90b14.system.js → p-a7ba0292.system.js} +1 -1
  82. package/dist/calcite/{p-7c0debe0.system.entry.js → p-a8569c55.system.entry.js} +1 -1
  83. package/dist/calcite/p-b018fbbd.entry.js +5 -0
  84. package/dist/calcite/p-b1f88d45.system.js +5 -0
  85. package/dist/calcite/{p-eb3ee207.entry.js → p-b244a00c.entry.js} +1 -1
  86. package/dist/calcite/{p-57f5866d.system.entry.js → p-b41deed0.system.entry.js} +1 -1
  87. package/dist/calcite/{p-a7521c0d.entry.js → p-b42d730f.entry.js} +1 -1
  88. package/dist/calcite/p-b4960d06.system.js +5 -0
  89. package/dist/calcite/{p-ba9b4f62.system.entry.js → p-b4e7b593.system.entry.js} +1 -1
  90. package/dist/calcite/{p-0fc8b24c.system.entry.js → p-b8d040e5.system.entry.js} +1 -1
  91. package/dist/calcite/{p-175764f3.system.entry.js → p-ba1322e6.system.entry.js} +1 -1
  92. package/dist/calcite/{p-bfc162ee.system.entry.js → p-bbe2337b.system.entry.js} +2 -2
  93. package/dist/calcite/p-bbedf98c.entry.js +5 -0
  94. package/dist/calcite/{p-cb228ac0.entry.js → p-be52c734.entry.js} +1 -1
  95. package/dist/calcite/{p-3929447c.system.entry.js → p-bf25e278.system.entry.js} +1 -1
  96. package/dist/calcite/{p-fff0a881.entry.js → p-bf8b70a8.entry.js} +1 -1
  97. package/dist/calcite/p-c399cfce.entry.js +5 -0
  98. package/dist/calcite/{p-c3922ef7.system.entry.js → p-c48b4b7e.system.entry.js} +1 -1
  99. package/dist/calcite/p-c60e3a71.entry.js +5 -0
  100. package/dist/calcite/{p-050dc7e6.system.entry.js → p-c8e4117c.system.entry.js} +1 -1
  101. package/dist/calcite/{p-3ba8024a.system.entry.js → p-c99d8f9e.system.entry.js} +1 -1
  102. package/dist/calcite/{p-00d72f16.entry.js → p-c9ecea64.entry.js} +1 -1
  103. package/dist/calcite/{p-be3b0fee.entry.js → p-cacca548.entry.js} +1 -1
  104. package/dist/calcite/{p-93d8a7d5.entry.js → p-cb7b6425.entry.js} +1 -1
  105. package/dist/calcite/{p-f8d975a1.system.entry.js → p-cca94491.system.entry.js} +1 -1
  106. package/dist/calcite/{p-f141da0f.entry.js → p-cd41629f.entry.js} +1 -1
  107. package/dist/calcite/{p-7cdfec27.system.js → p-d11ad046.system.js} +1 -1
  108. package/dist/calcite/p-d4059426.entry.js +5 -0
  109. package/dist/calcite/{p-8fcfe861.js → p-d53cc958.js} +1 -1
  110. package/dist/calcite/{p-acaad99b.system.entry.js → p-daa110fe.system.entry.js} +1 -1
  111. package/dist/calcite/{p-fc4846f0.system.entry.js → p-dc99bb00.system.entry.js} +1 -1
  112. package/dist/calcite/{p-45d123be.system.entry.js → p-dcf30b00.system.entry.js} +1 -1
  113. package/dist/calcite/{p-c20278e8.system.entry.js → p-de3a04c2.system.entry.js} +1 -1
  114. package/dist/calcite/{p-fe52131d.entry.js → p-df9b4b76.entry.js} +1 -1
  115. package/dist/calcite/{p-9ac1fa0b.system.entry.js → p-e24b6c4a.system.entry.js} +1 -1
  116. package/dist/calcite/{p-3b17d8d0.system.js → p-e35e7216.system.js} +1 -1
  117. package/dist/calcite/{p-18574b32.entry.js → p-e382c4e9.entry.js} +1 -1
  118. package/dist/calcite/{p-f5d25746.system.entry.js → p-e40dd6fe.system.entry.js} +1 -1
  119. package/dist/calcite/{p-9caae570.entry.js → p-e5805bf1.entry.js} +1 -1
  120. package/dist/calcite/{p-e693758c.entry.js → p-e638ff0e.entry.js} +1 -1
  121. package/dist/calcite/{p-7839d1c9.entry.js → p-e7819705.entry.js} +1 -1
  122. package/dist/calcite/{p-d5d62977.entry.js → p-eccb140e.entry.js} +1 -1
  123. package/dist/calcite/p-eed43a57.system.entry.js +5 -0
  124. package/dist/calcite/{p-c57f8690.entry.js → p-f281f1e9.entry.js} +1 -1
  125. package/dist/calcite/{p-85a2bf7c.system.entry.js → p-f32e61bb.system.entry.js} +1 -1
  126. package/dist/calcite/p-f5bb39bb.js +5 -0
  127. package/dist/calcite/{p-e3a30266.system.entry.js → p-f6f4648e.system.entry.js} +1 -1
  128. package/dist/calcite/{p-51cb078a.entry.js → p-f93a7fce.entry.js} +1 -1
  129. package/dist/calcite/{p-e33a2dd2.system.entry.js → p-fba65e4a.system.entry.js} +1 -1
  130. package/dist/calcite/{p-cd8f7781.system.entry.js → p-fe16f05e.system.entry.js} +1 -1
  131. package/dist/cjs/{CalciteExpandToggle-0d802f83.js → CalciteExpandToggle-6a9f9858.js} +1 -1
  132. package/dist/cjs/{CalciteHeading-381b977d.js → CalciteHeading-363b0525.js} +1 -1
  133. package/dist/cjs/calcite-accordion_2.cjs.entry.js +1 -1
  134. package/dist/cjs/calcite-action-bar.cjs.entry.js +2 -2
  135. package/dist/cjs/calcite-action-group.cjs.entry.js +1 -1
  136. package/dist/cjs/calcite-action-menu.cjs.entry.js +1 -1
  137. package/dist/cjs/calcite-action-pad.cjs.entry.js +2 -2
  138. package/dist/cjs/calcite-action.cjs.entry.js +1 -1
  139. package/dist/cjs/calcite-alert.cjs.entry.js +1 -1
  140. package/dist/cjs/calcite-avatar.cjs.entry.js +1 -1
  141. package/dist/cjs/calcite-block_2.cjs.entry.js +3 -3
  142. package/dist/cjs/calcite-button.cjs.entry.js +1 -1
  143. package/dist/cjs/calcite-card.cjs.entry.js +2 -2
  144. package/dist/cjs/calcite-checkbox.cjs.entry.js +1 -1
  145. package/dist/cjs/calcite-chip.cjs.entry.js +1 -1
  146. package/dist/cjs/calcite-color-picker_3.cjs.entry.js +1 -1
  147. package/dist/cjs/calcite-combobox_3.cjs.entry.js +3 -3
  148. package/dist/cjs/calcite-date-picker_4.cjs.entry.js +3 -3
  149. package/dist/cjs/calcite-dropdown_3.cjs.entry.js +4 -4
  150. package/dist/cjs/calcite-fab.cjs.entry.js +1 -1
  151. package/dist/cjs/calcite-filter.cjs.entry.js +10 -7
  152. package/dist/cjs/calcite-flow.cjs.entry.js +1 -1
  153. package/dist/cjs/calcite-graph_2.cjs.entry.js +18 -10
  154. package/dist/cjs/calcite-handle.cjs.entry.js +1 -1
  155. package/dist/cjs/calcite-icon.cjs.entry.js +1 -1
  156. package/dist/cjs/calcite-inline-editable.cjs.entry.js +1 -1
  157. package/dist/cjs/calcite-input-date-picker.cjs.entry.js +4 -4
  158. package/dist/cjs/calcite-input-message.cjs.entry.js +1 -1
  159. package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +1 -1
  160. package/dist/cjs/calcite-input.cjs.entry.js +31 -18
  161. package/dist/cjs/calcite-label.cjs.entry.js +1 -1
  162. package/dist/cjs/calcite-link.cjs.entry.js +1 -1
  163. package/dist/cjs/calcite-list_3.cjs.entry.js +2 -2
  164. package/dist/cjs/calcite-loader.cjs.entry.js +2 -2
  165. package/dist/cjs/calcite-modal.cjs.entry.js +1 -1
  166. package/dist/cjs/calcite-notice.cjs.entry.js +1 -1
  167. package/dist/cjs/calcite-option_3.cjs.entry.js +1 -1
  168. package/dist/cjs/calcite-pagination.cjs.entry.js +1 -1
  169. package/dist/cjs/calcite-panel.cjs.entry.js +3 -3
  170. package/dist/cjs/calcite-pick-list_3.cjs.entry.js +3 -3
  171. package/dist/cjs/calcite-popover_2.cjs.entry.js +4 -4
  172. package/dist/cjs/calcite-progress.cjs.entry.js +1 -1
  173. package/dist/cjs/calcite-radio-button-group.cjs.entry.js +1 -1
  174. package/dist/cjs/calcite-radio-group_2.cjs.entry.js +1 -1
  175. package/dist/cjs/calcite-radio_2.cjs.entry.js +1 -1
  176. package/dist/cjs/calcite-rating.cjs.entry.js +1 -1
  177. package/dist/cjs/calcite-scrim.cjs.entry.js +1 -1
  178. package/dist/cjs/calcite-shell_3.cjs.entry.js +1 -1
  179. package/dist/cjs/calcite-sortable-list.cjs.entry.js +1 -1
  180. package/dist/cjs/calcite-split-button.cjs.entry.js +1 -1
  181. package/dist/cjs/calcite-stepper_2.cjs.entry.js +1 -1
  182. package/dist/cjs/calcite-switch.cjs.entry.js +6 -1
  183. package/dist/cjs/calcite-tab_4.cjs.entry.js +1 -1
  184. package/dist/cjs/calcite-tile-select_2.cjs.entry.js +1 -1
  185. package/dist/cjs/calcite-tile.cjs.entry.js +2 -2
  186. package/dist/cjs/calcite-tip_3.cjs.entry.js +2 -2
  187. package/dist/cjs/calcite-tooltip_2.cjs.entry.js +3 -3
  188. package/dist/cjs/calcite-tree_2.cjs.entry.js +1 -1
  189. package/dist/cjs/calcite-value-list_2.cjs.entry.js +2 -2
  190. package/dist/cjs/calcite.cjs.js +3 -3
  191. package/dist/cjs/{index-1987a382.js → index-cee0daa9.js} +73 -64
  192. package/dist/cjs/loader.cjs.js +3 -3
  193. package/dist/cjs/{popper-cd9c0742.js → popper-87bf13e6.js} +2 -2
  194. package/dist/cjs/{resources-7dcd68d1.js → resources-38563593.js} +1 -1
  195. package/dist/cjs/{resources-d0619f6a.js → resources-f9c141d2.js} +1 -1
  196. package/dist/collection/collection-manifest.json +2 -2
  197. package/dist/collection/components/calcite-accordion/calcite-accordion.js +2 -2
  198. package/dist/collection/components/calcite-accordion-item/calcite-accordion-item.js +8 -8
  199. package/dist/collection/components/calcite-action/calcite-action.js +4 -4
  200. package/dist/collection/components/calcite-action-menu/calcite-action-menu.js +2 -2
  201. package/dist/collection/components/calcite-alert/calcite-alert.js +6 -6
  202. package/dist/collection/components/calcite-block/calcite-block.css +2 -2
  203. package/dist/collection/components/calcite-block/calcite-block.js +4 -4
  204. package/dist/collection/components/calcite-button/calcite-button.js +4 -4
  205. package/dist/collection/components/calcite-card/calcite-card.js +8 -8
  206. package/dist/collection/components/calcite-checkbox/calcite-checkbox.js +8 -8
  207. package/dist/collection/components/calcite-chip/calcite-chip.js +2 -2
  208. package/dist/collection/components/calcite-color-picker/calcite-color-picker.js +46 -46
  209. package/dist/collection/components/calcite-color-picker-hex-input/calcite-color-picker-hex-input.js +4 -4
  210. package/dist/collection/components/calcite-color-picker-swatch/calcite-color-picker-swatch.js +2 -2
  211. package/dist/collection/components/calcite-combobox/calcite-combobox.js +7 -7
  212. package/dist/collection/components/calcite-date-picker/calcite-date-picker.js +6 -6
  213. package/dist/collection/components/calcite-date-picker-day/calcite-date-picker-day.js +2 -2
  214. package/dist/collection/components/calcite-date-picker-month/calcite-date-picker-month.js +6 -6
  215. package/dist/collection/components/calcite-dropdown/calcite-dropdown.js +5 -5
  216. package/dist/collection/components/calcite-dropdown-group/calcite-dropdown-group.js +2 -2
  217. package/dist/collection/components/calcite-dropdown-item/calcite-dropdown-item.css +33 -27
  218. package/dist/collection/components/calcite-dropdown-item/calcite-dropdown-item.js +6 -6
  219. package/dist/collection/components/calcite-fab/calcite-fab.js +2 -2
  220. package/dist/collection/components/calcite-filter/calcite-filter.js +29 -11
  221. package/dist/collection/components/calcite-graph/calcite-graph.js +48 -6
  222. package/dist/collection/components/calcite-graph/util.js +1 -1
  223. package/dist/collection/components/calcite-handle/calcite-handle.js +2 -2
  224. package/dist/collection/components/calcite-inline-editable/calcite-inline-editable.js +12 -12
  225. package/dist/collection/components/calcite-input/calcite-input.js +42 -29
  226. package/dist/collection/components/calcite-input-date-picker/calcite-input-date-picker.js +11 -11
  227. package/dist/collection/components/calcite-input-message/calcite-input-message.js +2 -2
  228. package/dist/collection/components/calcite-label/calcite-label.js +2 -2
  229. package/dist/collection/components/calcite-loader/calcite-loader.css +0 -3
  230. package/dist/collection/components/calcite-modal/calcite-modal.js +2 -2
  231. package/dist/collection/components/calcite-notice/calcite-notice.js +2 -2
  232. package/dist/collection/components/calcite-option/calcite-option.js +2 -2
  233. package/dist/collection/components/calcite-option-group/calcite-option-group.js +2 -2
  234. package/dist/collection/components/calcite-pagination/calcite-pagination.js +8 -8
  235. package/dist/collection/components/calcite-panel/calcite-panel.css +6 -2
  236. package/dist/collection/components/calcite-pick-list-item/calcite-pick-list-item.js +10 -10
  237. package/dist/collection/components/calcite-popover/calcite-popover.js +9 -9
  238. package/dist/collection/components/calcite-popover-manager/calcite-popover-manager.js +2 -2
  239. package/dist/collection/components/calcite-radio/calcite-radio.js +4 -4
  240. package/dist/collection/components/calcite-radio-button/calcite-radio-button.js +12 -12
  241. package/dist/collection/components/calcite-radio-group-item/calcite-radio-group-item.js +2 -2
  242. package/dist/collection/components/calcite-rating/calcite-rating.js +4 -4
  243. package/dist/collection/components/calcite-scrim/calcite-scrim.js +2 -2
  244. package/dist/collection/components/calcite-select/calcite-select.js +2 -2
  245. package/dist/collection/components/calcite-slider/calcite-slider.css +2 -4
  246. package/dist/collection/components/calcite-slider/calcite-slider.js +3 -3
  247. package/dist/collection/components/calcite-split-button/calcite-split-button.js +2 -2
  248. package/dist/collection/components/calcite-stepper/calcite-stepper.js +4 -4
  249. package/dist/collection/components/calcite-stepper-item/calcite-stepper-item.js +14 -14
  250. package/dist/collection/components/calcite-switch/calcite-switch.js +8 -3
  251. package/dist/collection/components/calcite-tab/calcite-tab.js +4 -4
  252. package/dist/collection/components/calcite-tab-nav/calcite-tab-nav.js +14 -14
  253. package/dist/collection/components/calcite-tab-title/calcite-tab-title.js +16 -16
  254. package/dist/collection/components/calcite-tile/calcite-tile.css +4 -0
  255. package/dist/collection/components/calcite-tile/calcite-tile.js +2 -2
  256. package/dist/collection/components/calcite-time-picker/calcite-time-picker.js +30 -30
  257. package/dist/collection/components/calcite-tooltip/calcite-tooltip.js +5 -5
  258. package/dist/collection/components/calcite-tooltip-manager/calcite-tooltip-manager.js +2 -2
  259. package/dist/collection/components/calcite-tree/calcite-tree.js +10 -10
  260. package/dist/collection/components/calcite-tree-item/calcite-tree-item.js +20 -20
  261. package/dist/collection/components/calcite-value-list-item/calcite-value-list-item.js +6 -6
  262. package/dist/collection/utils/popper.js +2 -2
  263. package/dist/components/calcite-accordion-item.js +2 -2
  264. package/dist/components/calcite-accordion.js +2 -2
  265. package/dist/components/calcite-action-bar.js +2 -2
  266. package/dist/components/calcite-action-group2.js +2 -2
  267. package/dist/components/calcite-action-menu2.js +2 -2
  268. package/dist/components/calcite-action-pad.js +2 -2
  269. package/dist/components/calcite-action2.js +2 -2
  270. package/dist/components/calcite-alert.js +2 -2
  271. package/dist/components/calcite-avatar.js +2 -2
  272. package/dist/components/calcite-block-section.js +2 -2
  273. package/dist/components/calcite-block.js +3 -3
  274. package/dist/components/calcite-button2.js +2 -2
  275. package/dist/components/calcite-card.js +11 -5
  276. package/dist/components/calcite-checkbox2.js +2 -2
  277. package/dist/components/calcite-chip2.js +2 -2
  278. package/dist/components/calcite-color-picker-hex-input2.js +2 -2
  279. package/dist/components/calcite-color-picker-swatch2.js +2 -2
  280. package/dist/components/calcite-color-picker.js +2 -2
  281. package/dist/components/calcite-combobox-item-group.js +2 -2
  282. package/dist/components/calcite-combobox-item.js +2 -2
  283. package/dist/components/calcite-combobox.js +3 -3
  284. package/dist/components/calcite-date-picker-day2.js +2 -2
  285. package/dist/components/calcite-date-picker-month-header2.js +2 -2
  286. package/dist/components/calcite-date-picker-month2.js +2 -2
  287. package/dist/components/calcite-date-picker2.js +2 -2
  288. package/dist/components/calcite-dropdown-group.js +2 -2
  289. package/dist/components/calcite-dropdown-item.js +3 -3
  290. package/dist/components/calcite-dropdown2.js +3 -3
  291. package/dist/components/calcite-fab.js +2 -2
  292. package/dist/components/calcite-filter2.js +12 -9
  293. package/dist/components/calcite-flow.js +2 -2
  294. package/dist/components/calcite-graph2.js +20 -10
  295. package/dist/components/calcite-handle2.js +2 -2
  296. package/dist/components/calcite-icon2.js +2 -2
  297. package/dist/components/calcite-input-date-picker.js +3 -3
  298. package/dist/components/calcite-input-message.js +2 -2
  299. package/dist/components/calcite-input-time-picker.js +2 -2
  300. package/dist/components/calcite-input2.js +30 -17
  301. package/dist/components/calcite-label.js +1 -75
  302. package/dist/components/calcite-label2.js +81 -0
  303. package/dist/components/calcite-link2.js +2 -2
  304. package/dist/components/calcite-list-item-group.js +2 -2
  305. package/dist/components/calcite-list-item.js +2 -2
  306. package/dist/components/calcite-list.js +2 -2
  307. package/dist/components/calcite-loader2.js +3 -3
  308. package/dist/components/calcite-modal.js +2 -2
  309. package/dist/components/calcite-notice.js +2 -2
  310. package/dist/components/calcite-option-group.js +2 -2
  311. package/dist/components/calcite-option.js +2 -2
  312. package/dist/components/calcite-pagination.js +2 -2
  313. package/dist/components/calcite-panel.js +3 -3
  314. package/dist/components/calcite-pick-list-group.js +2 -2
  315. package/dist/components/calcite-pick-list-item2.js +2 -2
  316. package/dist/components/calcite-pick-list.js +2 -2
  317. package/dist/components/calcite-popover-manager.js +2 -2
  318. package/dist/components/calcite-popover2.js +3 -3
  319. package/dist/components/calcite-progress2.js +2 -2
  320. package/dist/components/calcite-radio-button-group.js +2 -2
  321. package/dist/components/calcite-radio-group-item.js +2 -2
  322. package/dist/components/calcite-radio-group.js +2 -2
  323. package/dist/components/calcite-radio2.js +2 -2
  324. package/dist/components/calcite-rating.js +2 -2
  325. package/dist/components/calcite-scrim2.js +2 -2
  326. package/dist/components/calcite-select.js +2 -2
  327. package/dist/components/calcite-shell-center-row.js +2 -2
  328. package/dist/components/calcite-shell-panel.js +2 -2
  329. package/dist/components/calcite-shell.js +2 -2
  330. package/dist/components/calcite-slider.js +4 -4
  331. package/dist/components/calcite-sortable-list.js +2 -2
  332. package/dist/components/calcite-split-button.js +2 -2
  333. package/dist/components/calcite-stepper-item.js +2 -2
  334. package/dist/components/calcite-stepper.js +2 -2
  335. package/dist/components/calcite-switch2.js +8 -3
  336. package/dist/components/calcite-tab-nav2.js +2 -2
  337. package/dist/components/calcite-tab-title2.js +2 -2
  338. package/dist/components/calcite-tab2.js +2 -2
  339. package/dist/components/calcite-tabs2.js +2 -2
  340. package/dist/components/calcite-tile-select-group.js +2 -2
  341. package/dist/components/calcite-tile-select.js +2 -2
  342. package/dist/components/calcite-tile2.js +3 -3
  343. package/dist/components/calcite-time-picker2.js +2 -2
  344. package/dist/components/calcite-tip-group.js +2 -2
  345. package/dist/components/calcite-tip-manager.js +2 -2
  346. package/dist/components/calcite-tip.js +2 -2
  347. package/dist/components/calcite-tooltip-manager2.js +2 -2
  348. package/dist/components/calcite-tooltip.js +3 -3
  349. package/dist/components/calcite-tree-item.js +2 -2
  350. package/dist/components/calcite-tree.js +2 -2
  351. package/dist/components/calcite-value-list-item.js +2 -2
  352. package/dist/components/calcite-value-list.js +2 -2
  353. package/dist/components/popper.js +2 -2
  354. package/dist/custom-elements/index.js +166 -137
  355. package/dist/esm/{CalciteExpandToggle-151a563a.js → CalciteExpandToggle-235a6bfd.js} +1 -1
  356. package/dist/esm/{CalciteHeading-1735f17a.js → CalciteHeading-dea3bd05.js} +1 -1
  357. package/dist/esm/calcite-accordion_2.entry.js +1 -1
  358. package/dist/esm/calcite-action-bar.entry.js +2 -2
  359. package/dist/esm/calcite-action-group.entry.js +1 -1
  360. package/dist/esm/calcite-action-menu.entry.js +1 -1
  361. package/dist/esm/calcite-action-pad.entry.js +2 -2
  362. package/dist/esm/calcite-action.entry.js +1 -1
  363. package/dist/esm/calcite-alert.entry.js +1 -1
  364. package/dist/esm/calcite-avatar.entry.js +1 -1
  365. package/dist/esm/calcite-block_2.entry.js +3 -3
  366. package/dist/esm/calcite-button.entry.js +1 -1
  367. package/dist/esm/calcite-card.entry.js +2 -2
  368. package/dist/esm/calcite-checkbox.entry.js +1 -1
  369. package/dist/esm/calcite-chip.entry.js +1 -1
  370. package/dist/esm/calcite-color-picker_3.entry.js +1 -1
  371. package/dist/esm/calcite-combobox_3.entry.js +3 -3
  372. package/dist/esm/calcite-date-picker_4.entry.js +3 -3
  373. package/dist/esm/calcite-dropdown_3.entry.js +4 -4
  374. package/dist/esm/calcite-fab.entry.js +1 -1
  375. package/dist/esm/calcite-filter.entry.js +10 -7
  376. package/dist/esm/calcite-flow.entry.js +1 -1
  377. package/dist/esm/calcite-graph_2.entry.js +18 -10
  378. package/dist/esm/calcite-handle.entry.js +1 -1
  379. package/dist/esm/calcite-icon.entry.js +1 -1
  380. package/dist/esm/calcite-inline-editable.entry.js +1 -1
  381. package/dist/esm/calcite-input-date-picker.entry.js +4 -4
  382. package/dist/esm/calcite-input-message.entry.js +1 -1
  383. package/dist/esm/calcite-input-time-picker_2.entry.js +1 -1
  384. package/dist/esm/calcite-input.entry.js +31 -18
  385. package/dist/esm/calcite-label.entry.js +1 -1
  386. package/dist/esm/calcite-link.entry.js +1 -1
  387. package/dist/esm/calcite-list_3.entry.js +2 -2
  388. package/dist/esm/calcite-loader.entry.js +2 -2
  389. package/dist/esm/calcite-modal.entry.js +1 -1
  390. package/dist/esm/calcite-notice.entry.js +1 -1
  391. package/dist/esm/calcite-option_3.entry.js +1 -1
  392. package/dist/esm/calcite-pagination.entry.js +1 -1
  393. package/dist/esm/calcite-panel.entry.js +3 -3
  394. package/dist/esm/calcite-pick-list_3.entry.js +3 -3
  395. package/dist/esm/calcite-popover_2.entry.js +4 -4
  396. package/dist/esm/calcite-progress.entry.js +1 -1
  397. package/dist/esm/calcite-radio-button-group.entry.js +1 -1
  398. package/dist/esm/calcite-radio-group_2.entry.js +1 -1
  399. package/dist/esm/calcite-radio_2.entry.js +1 -1
  400. package/dist/esm/calcite-rating.entry.js +1 -1
  401. package/dist/esm/calcite-scrim.entry.js +1 -1
  402. package/dist/esm/calcite-shell_3.entry.js +1 -1
  403. package/dist/esm/calcite-sortable-list.entry.js +1 -1
  404. package/dist/esm/calcite-split-button.entry.js +1 -1
  405. package/dist/esm/calcite-stepper_2.entry.js +1 -1
  406. package/dist/esm/calcite-switch.entry.js +6 -1
  407. package/dist/esm/calcite-tab_4.entry.js +1 -1
  408. package/dist/esm/calcite-tile-select_2.entry.js +1 -1
  409. package/dist/esm/calcite-tile.entry.js +2 -2
  410. package/dist/esm/calcite-tip_3.entry.js +2 -2
  411. package/dist/esm/calcite-tooltip_2.entry.js +3 -3
  412. package/dist/esm/calcite-tree_2.entry.js +1 -1
  413. package/dist/esm/calcite-value-list_2.entry.js +2 -2
  414. package/dist/esm/calcite.js +3 -3
  415. package/dist/esm/{index-d653c37f.js → index-66803519.js} +73 -64
  416. package/dist/esm/loader.js +3 -3
  417. package/dist/esm/{popper-7499ea4f.js → popper-dc4b45cf.js} +2 -2
  418. package/dist/esm/{resources-510eed1a.js → resources-8dd80c84.js} +1 -1
  419. package/dist/esm/{resources-3b481489.js → resources-c59a1a15.js} +1 -1
  420. package/dist/esm-es5/{CalciteExpandToggle-151a563a.js → CalciteExpandToggle-235a6bfd.js} +1 -1
  421. package/dist/esm-es5/{CalciteHeading-1735f17a.js → CalciteHeading-dea3bd05.js} +1 -1
  422. package/dist/esm-es5/calcite-accordion_2.entry.js +1 -1
  423. package/dist/esm-es5/calcite-action-bar.entry.js +1 -1
  424. package/dist/esm-es5/calcite-action-group.entry.js +1 -1
  425. package/dist/esm-es5/calcite-action-menu.entry.js +1 -1
  426. package/dist/esm-es5/calcite-action-pad.entry.js +1 -1
  427. package/dist/esm-es5/calcite-action.entry.js +1 -1
  428. package/dist/esm-es5/calcite-alert.entry.js +1 -1
  429. package/dist/esm-es5/calcite-avatar.entry.js +1 -1
  430. package/dist/esm-es5/calcite-block_2.entry.js +1 -1
  431. package/dist/esm-es5/calcite-button.entry.js +1 -1
  432. package/dist/esm-es5/calcite-card.entry.js +1 -1
  433. package/dist/esm-es5/calcite-checkbox.entry.js +1 -1
  434. package/dist/esm-es5/calcite-chip.entry.js +1 -1
  435. package/dist/esm-es5/calcite-color-picker_3.entry.js +1 -1
  436. package/dist/esm-es5/calcite-combobox_3.entry.js +1 -1
  437. package/dist/esm-es5/calcite-date-picker_4.entry.js +1 -1
  438. package/dist/esm-es5/calcite-dropdown_3.entry.js +1 -1
  439. package/dist/esm-es5/calcite-fab.entry.js +1 -1
  440. package/dist/esm-es5/calcite-filter.entry.js +1 -1
  441. package/dist/esm-es5/calcite-flow.entry.js +1 -1
  442. package/dist/esm-es5/calcite-graph_2.entry.js +1 -1
  443. package/dist/esm-es5/calcite-handle.entry.js +1 -1
  444. package/dist/esm-es5/calcite-icon.entry.js +1 -1
  445. package/dist/esm-es5/calcite-inline-editable.entry.js +1 -1
  446. package/dist/esm-es5/calcite-input-date-picker.entry.js +1 -1
  447. package/dist/esm-es5/calcite-input-message.entry.js +1 -1
  448. package/dist/esm-es5/calcite-input-time-picker_2.entry.js +1 -1
  449. package/dist/esm-es5/calcite-input.entry.js +1 -1
  450. package/dist/esm-es5/calcite-label.entry.js +1 -1
  451. package/dist/esm-es5/calcite-link.entry.js +1 -1
  452. package/dist/esm-es5/calcite-list_3.entry.js +1 -1
  453. package/dist/esm-es5/calcite-loader.entry.js +1 -1
  454. package/dist/esm-es5/calcite-modal.entry.js +1 -1
  455. package/dist/esm-es5/calcite-notice.entry.js +1 -1
  456. package/dist/esm-es5/calcite-option_3.entry.js +2 -2
  457. package/dist/esm-es5/calcite-pagination.entry.js +1 -1
  458. package/dist/esm-es5/calcite-panel.entry.js +1 -1
  459. package/dist/esm-es5/calcite-pick-list_3.entry.js +1 -1
  460. package/dist/esm-es5/calcite-popover_2.entry.js +1 -1
  461. package/dist/esm-es5/calcite-progress.entry.js +1 -1
  462. package/dist/esm-es5/calcite-radio-button-group.entry.js +1 -1
  463. package/dist/esm-es5/calcite-radio-group_2.entry.js +1 -1
  464. package/dist/esm-es5/calcite-radio_2.entry.js +1 -1
  465. package/dist/esm-es5/calcite-rating.entry.js +1 -1
  466. package/dist/esm-es5/calcite-scrim.entry.js +1 -1
  467. package/dist/esm-es5/calcite-shell_3.entry.js +1 -1
  468. package/dist/esm-es5/calcite-sortable-list.entry.js +1 -1
  469. package/dist/esm-es5/calcite-split-button.entry.js +1 -1
  470. package/dist/esm-es5/calcite-stepper_2.entry.js +1 -1
  471. package/dist/esm-es5/calcite-switch.entry.js +1 -1
  472. package/dist/esm-es5/calcite-tab_4.entry.js +1 -1
  473. package/dist/esm-es5/calcite-tile-select_2.entry.js +1 -1
  474. package/dist/esm-es5/calcite-tile.entry.js +1 -1
  475. package/dist/esm-es5/calcite-tip_3.entry.js +1 -1
  476. package/dist/esm-es5/calcite-tooltip_2.entry.js +2 -2
  477. package/dist/esm-es5/calcite-tree_2.entry.js +1 -1
  478. package/dist/esm-es5/calcite-value-list_2.entry.js +1 -1
  479. package/dist/esm-es5/calcite.js +1 -1
  480. package/dist/esm-es5/{index-d653c37f.js → index-66803519.js} +1 -1
  481. package/dist/esm-es5/loader.js +1 -1
  482. package/dist/esm-es5/popper-dc4b45cf.js +5 -0
  483. package/dist/esm-es5/{resources-510eed1a.js → resources-8dd80c84.js} +1 -1
  484. package/dist/esm-es5/{resources-3b481489.js → resources-c59a1a15.js} +1 -1
  485. package/dist/extras/docs-json.json +478 -422
  486. package/dist/types/components/calcite-filter/calcite-filter.d.ts +5 -1
  487. package/dist/types/components/calcite-graph/calcite-graph.d.ts +4 -0
  488. package/dist/types/components/calcite-input/calcite-input.d.ts +7 -1
  489. package/dist/types/components/calcite-modal/calcite-modal.d.ts +2 -2
  490. package/dist/types/components.d.ts +28 -4
  491. package/dist/types/utils/popper.d.ts +1 -1
  492. package/hydrate/index.js +82 -50
  493. package/package.json +10 -10
  494. package/readme.md +2 -2
  495. package/dist/calcite/p-07ba39b6.js +0 -5
  496. package/dist/calcite/p-0fb8cdc5.entry.js +0 -5
  497. package/dist/calcite/p-0fd333ff.entry.js +0 -5
  498. package/dist/calcite/p-24b86e03.entry.js +0 -5
  499. package/dist/calcite/p-29b110b2.entry.js +0 -5
  500. package/dist/calcite/p-34a1c944.entry.js +0 -5
  501. package/dist/calcite/p-378b83de.entry.js +0 -5
  502. package/dist/calcite/p-43494684.entry.js +0 -5
  503. package/dist/calcite/p-485062f4.system.entry.js +0 -5
  504. package/dist/calcite/p-61038b30.js +0 -5
  505. package/dist/calcite/p-728501db.system.js +0 -5
  506. package/dist/calcite/p-745e41ea.entry.js +0 -5
  507. package/dist/calcite/p-7a544774.system.entry.js +0 -5
  508. package/dist/calcite/p-9965ea81.system.js +0 -5
  509. package/dist/calcite/p-ba255377.entry.js +0 -5
  510. package/dist/calcite/p-bc02d9ef.system.entry.js +0 -5
  511. package/dist/calcite/p-bcc323ec.system.entry.js +0 -5
  512. package/dist/calcite/p-c1995144.system.entry.js +0 -5
  513. package/dist/calcite/p-c31243c5.entry.js +0 -5
  514. package/dist/calcite/p-de0f4633.entry.js +0 -5
  515. package/dist/calcite/p-e9044cc1.entry.js +0 -5
  516. package/dist/esm-es5/popper-7499ea4f.js +0 -5
package/dist/custom-elements/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
3
3
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
4
4
  */
5
- import { attachShadow, createEvent, h, Host, Build, forceUpdate, Fragment, getAssetPath, proxyCustomElement } from '@stencil/core/internal/client';
5
+ import { createEvent, h, Host, Build, forceUpdate, Fragment, getAssetPath, proxyCustomElement } from '@stencil/core/internal/client';
6
6
  export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
7
7
 
8
8
  /**
@@ -39,7 +39,7 @@ let CalciteAccordion$1 = class extends HTMLElement {
39
39
  constructor() {
40
40
  super();
41
41
  this.__registerHost();
42
- attachShadow(this);
42
+ this.__attachShadow();
43
43
  this.calciteAccordionChange = createEvent(this, "calciteAccordionChange", 7);
44
44
  //--------------------------------------------------------------------------
45
45
  //
@@ -336,7 +336,7 @@ let CalciteAccordionItem$1 = class extends HTMLElement {
336
336
  constructor() {
337
337
  super();
338
338
  this.__registerHost();
339
- attachShadow(this);
339
+ this.__attachShadow();
340
340
  this.calciteAccordionItemKeyEvent = createEvent(this, "calciteAccordionItemKeyEvent", 7);
341
341
  this.calciteAccordionItemSelect = createEvent(this, "calciteAccordionItemSelect", 7);
342
342
  this.calciteAccordionItemClose = createEvent(this, "calciteAccordionItemClose", 7);
@@ -483,7 +483,7 @@ let CalciteAction$1 = class extends HTMLElement {
483
483
  constructor() {
484
484
  super();
485
485
  this.__registerHost();
486
- attachShadow(this);
486
+ this.__attachShadow();
487
487
  this.calciteActionClick = createEvent(this, "calciteActionClick", 7);
488
488
  // --------------------------------------------------------------------------
489
489
  //
@@ -1980,7 +1980,7 @@ let CalciteActionBar$1 = class extends HTMLElement {
1980
1980
  constructor() {
1981
1981
  super();
1982
1982
  this.__registerHost();
1983
- attachShadow(this);
1983
+ this.__attachShadow();
1984
1984
  this.calciteActionBarToggle = createEvent(this, "calciteActionBarToggle", 7);
1985
1985
  // --------------------------------------------------------------------------
1986
1986
  //
@@ -2156,7 +2156,7 @@ let CalciteActionGroup$1 = class extends HTMLElement {
2156
2156
  constructor() {
2157
2157
  super();
2158
2158
  this.__registerHost();
2159
- attachShadow(this);
2159
+ this.__attachShadow();
2160
2160
  // --------------------------------------------------------------------------
2161
2161
  //
2162
2162
  // Properties
@@ -2223,7 +2223,7 @@ let CalciteActionMenu$1 = class extends HTMLElement {
2223
2223
  constructor() {
2224
2224
  super();
2225
2225
  this.__registerHost();
2226
- attachShadow(this);
2226
+ this.__attachShadow();
2227
2227
  this.calciteActionMenuOpenChange = createEvent(this, "calciteActionMenuOpenChange", 7);
2228
2228
  // --------------------------------------------------------------------------
2229
2229
  //
@@ -2512,7 +2512,7 @@ let CalciteActionPad$1 = class extends HTMLElement {
2512
2512
  constructor() {
2513
2513
  super();
2514
2514
  this.__registerHost();
2515
- attachShadow(this);
2515
+ this.__attachShadow();
2516
2516
  this.calciteActionPadToggle = createEvent(this, "calciteActionPadToggle", 7);
2517
2517
  // --------------------------------------------------------------------------
2518
2518
  //
@@ -2645,7 +2645,7 @@ let CalciteAlert$1 = class extends HTMLElement {
2645
2645
  constructor() {
2646
2646
  super();
2647
2647
  this.__registerHost();
2648
- attachShadow(this);
2648
+ this.__attachShadow();
2649
2649
  this.calciteAlertClose = createEvent(this, "calciteAlertClose", 7);
2650
2650
  this.calciteAlertOpen = createEvent(this, "calciteAlertOpen", 7);
2651
2651
  this.calciteAlertSync = createEvent(this, "calciteAlertSync", 7);
@@ -2973,7 +2973,7 @@ let CalciteAvatar$1 = class extends HTMLElement {
2973
2973
  constructor() {
2974
2974
  super();
2975
2975
  this.__registerHost();
2976
- attachShadow(this);
2976
+ this.__attachShadow();
2977
2977
  //--------------------------------------------------------------------------
2978
2978
  //
2979
2979
  // Properties
@@ -3096,13 +3096,13 @@ const CalciteHeading = (props, children) => {
3096
3096
  return h(HeadingTag, Object.assign({}, props), children);
3097
3097
  };
3098
3098
 
3099
- const calciteBlockCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{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{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{font-weight:var(--calcite-font-weight-medium);margin:0;padding:0}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.header{-ms-flex-pack:start;justify-content:flex-start;padding:0}.header,.toggle{grid-area:header}.header-container{display:grid;-ms-flex-align:stretch;align-items:stretch;grid-template:auto/auto 1fr auto auto;grid-template-areas:\"handle header control menu\";grid-column:header-start/menu-end;grid-row:1/2}.header-container>.header{padding-top:0.75rem;padding-bottom:0.75rem;padding-left:0;padding-right:0}.toggle{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{background-color:var(--calcite-ui-foreground-2)}.toggle:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}calcite-loader[inline]{grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0;padding-left:1rem;padding-right:1rem;padding-top:0;padding-bottom:0}.header .title .heading{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{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{margin-left:0.75rem}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}.status-icon.loading{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.toggle-icon{margin-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{color:var(--calcite-ui-text-1)}.content{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{display:-ms-flexbox;display:flex;margin:0;grid-area:control}calcite-action-menu{grid-area:menu}.calcite--rtl .toggle-icon{margin-right:0;margin-left:1rem}.calcite--rtl .icon{margin-left:0;margin-right:0.75rem}:host([open]){margin-top:0.5rem;margin-bottom:0.5rem}:host([open]) .header .title .heading{color:var(--calcite-ui-text-1)}:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;user-select:none}:host([disabled]) .header-container{opacity:0.5}:host([drag-handle]) .calcite--rtl .title{padding-left:0;padding-right:0.25rem}";
3099
+ const calciteBlockCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{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{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{font-weight:var(--calcite-font-weight-medium);margin:0;padding:0}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.header{-ms-flex-pack:start;justify-content:flex-start;padding:0}.header,.toggle{grid-area:header}.header-container{display:grid;-ms-flex-align:stretch;align-items:stretch;grid-template:auto/auto 1fr auto auto;grid-template-areas:\"handle header control menu\";grid-column:header-start/menu-end;grid-row:1/2}.header-container>.header{padding-top:0.75rem;padding-bottom:0.75rem;padding-left:0;padding-right:0}.toggle{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{background-color:var(--calcite-ui-foreground-2)}.toggle:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}calcite-loader[inline]{grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0;padding-left:0.75rem;padding-right:0.75rem;padding-top:0;padding-bottom:0}.header .title .heading{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{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{margin-left:0.75rem}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}.status-icon.loading{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.toggle-icon{margin-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{color:var(--calcite-ui-text-1)}.content{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{display:-ms-flexbox;display:flex;margin:0;grid-area:control}calcite-action-menu{grid-area:menu}.calcite--rtl .toggle-icon{margin-right:0;margin-left:1rem}.calcite--rtl .icon{margin-left:0;margin-right:0.75rem}:host([open]){margin-top:0.5rem;margin-bottom:0.5rem}:host([open]) .header .title .heading{color:var(--calcite-ui-text-1)}:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;user-select:none}:host([disabled]) .header-container{opacity:0.5}:host([drag-handle]) .calcite--rtl .title{padding-left:0;padding-right:0.25rem}";
3100
3100
 
3101
3101
  let CalciteBlock$1 = class extends HTMLElement {
3102
3102
  constructor() {
3103
3103
  super();
3104
3104
  this.__registerHost();
3105
- attachShadow(this);
3105
+ this.__attachShadow();
3106
3106
  this.calciteBlockToggle = createEvent(this, "calciteBlockToggle", 7);
3107
3107
  // --------------------------------------------------------------------------
3108
3108
  //
@@ -3218,7 +3218,7 @@ let CalciteBlockSection$1 = class extends HTMLElement {
3218
3218
  constructor() {
3219
3219
  super();
3220
3220
  this.__registerHost();
3221
- attachShadow(this);
3221
+ this.__attachShadow();
3222
3222
  this.calciteBlockSectionToggle = createEvent(this, "calciteBlockSectionToggle", 7);
3223
3223
  /**
3224
3224
  * When true, the block's section content will be displayed.
@@ -3380,7 +3380,7 @@ let CalciteButton$1 = class extends HTMLElement {
3380
3380
  constructor() {
3381
3381
  super();
3382
3382
  this.__registerHost();
3383
- attachShadow(this);
3383
+ this.__attachShadow();
3384
3384
  //--------------------------------------------------------------------------
3385
3385
  //
3386
3386
  // Properties
@@ -3544,7 +3544,7 @@ let CalciteCard$1 = class extends HTMLElement {
3544
3544
  constructor() {
3545
3545
  super();
3546
3546
  this.__registerHost();
3547
- attachShadow(this);
3547
+ this.__attachShadow();
3548
3548
  this.calciteCardSelect = createEvent(this, "calciteCardSelect", 7);
3549
3549
  //--------------------------------------------------------------------------
3550
3550
  //
@@ -3611,7 +3611,7 @@ let CalciteCard$1 = class extends HTMLElement {
3611
3611
  }
3612
3612
  renderCheckbox() {
3613
3613
  const checkboxLabel = this.selected ? this.intlDeselect : this.intlSelect;
3614
- return (h("label", { "aria-label": checkboxLabel, class: CSS$H.checkboxWrapper, onClick: this.cardSelectClick, onKeyDown: this.cardSelectKeyDown, title: checkboxLabel }, h("calcite-checkbox", { checked: this.selected })));
3614
+ return (h("calcite-label", { class: CSS$H.checkboxWrapper, onClick: this.cardSelectClick, onKeyDown: this.cardSelectKeyDown }, h("calcite-checkbox", { checked: this.selected, label: checkboxLabel })));
3615
3615
  }
3616
3616
  renderHeader() {
3617
3617
  const title = this.el.querySelector(`[slot=${SLOTS$j.title}]`);
@@ -3650,7 +3650,7 @@ let CalciteCheckbox$1 = class extends HTMLElement {
3650
3650
  constructor() {
3651
3651
  super();
3652
3652
  this.__registerHost();
3653
- attachShadow(this);
3653
+ this.__attachShadow();
3654
3654
  this.calciteInternalCheckboxBlur = createEvent(this, "calciteInternalCheckboxBlur", 7);
3655
3655
  this.calciteCheckboxChange = createEvent(this, "calciteCheckboxChange", 7);
3656
3656
  this.calciteInternalCheckboxFocus = createEvent(this, "calciteInternalCheckboxFocus", 7);
@@ -3834,7 +3834,7 @@ let CalciteChip$1 = class extends HTMLElement {
3834
3834
  constructor() {
3835
3835
  super();
3836
3836
  this.__registerHost();
3837
- attachShadow(this);
3837
+ this.__attachShadow();
3838
3838
  this.calciteChipDismiss = createEvent(this, "calciteChipDismiss", 7);
3839
3839
  //--------------------------------------------------------------------------
3840
3840
  //
@@ -6104,7 +6104,7 @@ let CalciteColorPicker$1 = class extends HTMLElement {
6104
6104
  constructor() {
6105
6105
  super();
6106
6106
  this.__registerHost();
6107
- attachShadow(this);
6107
+ this.__attachShadow();
6108
6108
  this.calciteColorPickerChange = createEvent(this, "calciteColorPickerChange", 7);
6109
6109
  this.calciteColorPickerInput = createEvent(this, "calciteColorPickerInput", 7);
6110
6110
  //--------------------------------------------------------------------------
@@ -6875,7 +6875,7 @@ let CalciteColorPickerHexInput$1 = class extends HTMLElement {
6875
6875
  constructor() {
6876
6876
  super();
6877
6877
  this.__registerHost();
6878
- attachShadow(this);
6878
+ this.__attachShadow();
6879
6879
  this.calciteColorPickerHexInputChange = createEvent(this, "calciteColorPickerHexInputChange", 7);
6880
6880
  //--------------------------------------------------------------------------
6881
6881
  //
@@ -7075,7 +7075,7 @@ let CalciteColorPickerSwatch$1 = class extends HTMLElement {
7075
7075
  constructor() {
7076
7076
  super();
7077
7077
  this.__registerHost();
7078
- attachShadow(this);
7078
+ this.__attachShadow();
7079
7079
  //--------------------------------------------------------------------------
7080
7080
  //
7081
7081
  // Properties
@@ -8915,9 +8915,9 @@ function createPopper({ referenceEl, el, placement, overlayPositioning = "absolu
8915
8915
  modifiers
8916
8916
  });
8917
8917
  }
8918
- function updatePopper({ el, modifiers, placement: PopperPlacement, popper }) {
8918
+ async function updatePopper({ el, modifiers, placement: PopperPlacement, popper }) {
8919
8919
  const placement = getPlacement(el, PopperPlacement);
8920
- popper.setOptions({
8920
+ await popper.setOptions({
8921
8921
  modifiers,
8922
8922
  placement
8923
8923
  });
@@ -8965,7 +8965,7 @@ let CalciteCombobox$1 = class extends HTMLElement {
8965
8965
  constructor() {
8966
8966
  super();
8967
8967
  this.__registerHost();
8968
- attachShadow(this);
8968
+ this.__attachShadow();
8969
8969
  this.calciteLookupChange = createEvent(this, "calciteLookupChange", 7);
8970
8970
  this.calciteComboboxChange = createEvent(this, "calciteComboboxChange", 7);
8971
8971
  this.calciteComboboxFilterChange = createEvent(this, "calciteComboboxFilterChange", 7);
@@ -9246,7 +9246,7 @@ let CalciteCombobox$1 = class extends HTMLElement {
9246
9246
  const { popper, menuEl } = this;
9247
9247
  const modifiers = this.getModifiers();
9248
9248
  popper
9249
- ? updatePopper({
9249
+ ? await updatePopper({
9250
9250
  el: menuEl,
9251
9251
  modifiers,
9252
9252
  placement: ComboboxDefaultPlacement,
@@ -9642,7 +9642,7 @@ let CalciteComboboxItem$1 = class extends HTMLElement {
9642
9642
  constructor() {
9643
9643
  super();
9644
9644
  this.__registerHost();
9645
- attachShadow(this);
9645
+ this.__attachShadow();
9646
9646
  this.calciteComboboxItemChange = createEvent(this, "calciteComboboxItemChange", 7);
9647
9647
  // --------------------------------------------------------------------------
9648
9648
  //
@@ -9761,7 +9761,7 @@ let CalciteComboboxItemGroup$1 = class extends HTMLElement {
9761
9761
  constructor() {
9762
9762
  super();
9763
9763
  this.__registerHost();
9764
- attachShadow(this);
9764
+ this.__attachShadow();
9765
9765
  this.guid = guid();
9766
9766
  this.scale = "m";
9767
9767
  }
@@ -10147,7 +10147,7 @@ let CalciteDatePicker$1 = class extends HTMLElement {
10147
10147
  constructor() {
10148
10148
  super();
10149
10149
  this.__registerHost();
10150
- attachShadow(this);
10150
+ this.__attachShadow();
10151
10151
  this.calciteDatePickerChange = createEvent(this, "calciteDatePickerChange", 7);
10152
10152
  this.calciteDatePickerRangeChange = createEvent(this, "calciteDatePickerRangeChange", 7);
10153
10153
  /** Localized string for "previous month" (used for aria label)
@@ -10508,7 +10508,7 @@ let CalciteDatePickerDay$1 = class extends HTMLElement {
10508
10508
  constructor() {
10509
10509
  super();
10510
10510
  this.__registerHost();
10511
- attachShadow(this);
10511
+ this.__attachShadow();
10512
10512
  this.calciteDaySelect = createEvent(this, "calciteDaySelect", 7);
10513
10513
  this.calciteDayHover = createEvent(this, "calciteDayHover", 7);
10514
10514
  /** Date is outside of range and can't be selected */
@@ -10572,7 +10572,7 @@ let CalciteDatePickerMonth$1 = class extends HTMLElement {
10572
10572
  constructor() {
10573
10573
  super();
10574
10574
  this.__registerHost();
10575
- attachShadow(this);
10575
+ this.__attachShadow();
10576
10576
  this.calciteDatePickerSelect = createEvent(this, "calciteDatePickerSelect", 7);
10577
10577
  this.calciteDatePickerHover = createEvent(this, "calciteDatePickerHover", 7);
10578
10578
  this.calciteDatePickerActiveDateChange = createEvent(this, "calciteDatePickerActiveDateChange", 7);
@@ -10847,7 +10847,7 @@ let CalciteDatePickerMonthHeader$1 = class extends HTMLElement {
10847
10847
  constructor() {
10848
10848
  super();
10849
10849
  this.__registerHost();
10850
- attachShadow(this);
10850
+ this.__attachShadow();
10851
10851
  this.calciteDatePickerSelect = createEvent(this, "calciteDatePickerSelect", 7);
10852
10852
  //--------------------------------------------------------------------------
10853
10853
  //
@@ -10980,7 +10980,7 @@ let CalciteDropdown$1 = class extends HTMLElement {
10980
10980
  constructor() {
10981
10981
  super();
10982
10982
  this.__registerHost();
10983
- attachShadow(this);
10983
+ this.__attachShadow();
10984
10984
  this.calciteDropdownSelect = createEvent(this, "calciteDropdownSelect", 7);
10985
10985
  this.calciteDropdownOpen = createEvent(this, "calciteDropdownOpen", 7);
10986
10986
  this.calciteDropdownClose = createEvent(this, "calciteDropdownClose", 7);
@@ -11145,7 +11145,7 @@ let CalciteDropdown$1 = class extends HTMLElement {
11145
11145
  this.setMaxScrollerHeight();
11146
11146
  const modifiers = this.getModifiers();
11147
11147
  popper
11148
- ? updatePopper({
11148
+ ? await updatePopper({
11149
11149
  el: menuEl,
11150
11150
  modifiers,
11151
11151
  placement,
@@ -11336,7 +11336,7 @@ let CalciteDropdownGroup$1 = class extends HTMLElement {
11336
11336
  constructor() {
11337
11337
  super();
11338
11338
  this.__registerHost();
11339
- attachShadow(this);
11339
+ this.__attachShadow();
11340
11340
  this.calciteDropdownItemChange = createEvent(this, "calciteDropdownItemChange", 7);
11341
11341
  /** specify the selection mode - multi (allow any number of (or no) active items), single (allow and require one active item),
11342
11342
  none (no active items), defaults to single */
@@ -11397,13 +11397,13 @@ const CSS$y = {
11397
11397
  containerNone: "container--none-selection"
11398
11398
  };
11399
11399
 
11400
- 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{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}.container--s{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{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{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{padding-right:1.5rem;padding-left:0.5rem}.container--m.calcite--rtl{padding-right:2rem;padding-left:0.75rem}.container--l.calcite--rtl{padding-right:2.5rem;padding-left:1rem}:host{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;position:relative}.container{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{margin-right:auto;margin-left:0.25rem}.calcite--rtl .dropdown-item-content{margin-left:auto;margin-right:0}:host,.container--link a{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),.container--link a:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.container--link{padding:0}.container--link a{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{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem}.container--m .dropdown-link{padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem}.container--l .dropdown-link{padding-left:1.25rem;padding-right:1.25rem;padding-top:1rem;padding-bottom:1rem}:host(:hover) .container,:host(:active) .container{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);text-decoration:none}:host(:focus) .container{color:var(--calcite-ui-text-1);text-decoration:none}:host(:active) .container{background-color:var(--calcite-ui-foreground-3)}:host(:hover) .container:before,:host(:active) .container:before,:host(:focus) .container:before{opacity:1}.calcite--rtl:before{left:unset;right:1rem}:host([active]) .container: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{opacity:1;color:var(--calcite-ui-brand)}:host([active]) .container:not(.container--none-selection) calcite-icon{color:var(--calcite-ui-brand)}.container--s.container--none-selection{padding-left:0.25rem}.container--m.container--none-selection{padding-left:0.5rem}.container--l.container--none-selection{padding-left:0.75rem}.container--multi-selection:before,.container--none-selection:before{display:none}.container--s:before{left:0.5rem}.container--m:before{left:0.75rem}.container--l:before{left:1rem}.calcite--rtl:before{left:unset}.container--s.calcite--rtl:before{right:0.5rem}.container--m.calcite--rtl:before{right:0.75rem}.container--l.calcite--rtl:before{right:1rem}.dropdown-item-icon{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{left:0.25rem}.container--m .dropdown-item-icon{left:0.5rem}.container--l .dropdown-item-icon{left:0.75rem}.calcite--rtl .dropdown-item-icon{left:unset;margin-left:0}.container--s.calcite--rtl .dropdown-item-icon{right:0.25rem}.container--m.calcite--rtl .dropdown-item-icon{right:0.5rem}.container--l.calcite--rtl .dropdown-item-icon{right:0.75rem}:host(:hover) .dropdown-item-icon{color:var(--calcite-ui-border-1);opacity:1}:host([active]) .dropdown-item-icon{color:var(--calcite-ui-brand);opacity:1}.container--s .dropdown-item-icon-start{margin-right:0.5rem;margin-left:0.25rem}.container--s .dropdown-item-icon-end{margin-left:0.5rem}.container--m .dropdown-item-icon-start{margin-right:0.75rem;margin-left:0.25rem}.container--m .dropdown-item-icon-end{margin-left:0.75rem}.container--l .dropdown-item-icon-start{margin-right:1rem;margin-left:0.25rem}.container--l .dropdown-item-icon-end{margin-left:1rem}.calcite--rtl .dropdown-item-icon-start{margin-right:0}.calcite--rtl .dropdown-item-icon-end{margin-left:0}.container--s.calcite--rtl .dropdown-item-icon-start{margin-left:0.5rem}.container--s.calcite--rtl .dropdown-item-icon-end{margin-right:0.5rem}.container--m.calcite--rtl .dropdown-item-icon-start{margin-left:0.75rem}.container--m.calcite--rtl .dropdown-item-icon-end{margin-right:0.75rem}.container--l.calcite--rtl .dropdown-item-icon-start{margin-left:1rem}.container--l.calcite--rtl .dropdown-item-icon-end{margin-right:1rem}.calcite--rtl calcite-icon{margin-right:0;margin-left:0.75rem}";
11400
+ 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{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}.container--s{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{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{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{padding-right:1.5rem;padding-left:0.5rem}.container--m.calcite--rtl{padding-right:2rem;padding-left:0.75rem}.container--l.calcite--rtl{padding-right:2.5rem;padding-left:1rem}:host{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;position:relative}.container{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{margin-right:auto;margin-left:0.25rem}.calcite--rtl .dropdown-item-content{margin-left:auto;margin-right:0}:host,.container--link a{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){outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.container--link{padding:0}.container--link a{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{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{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{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,:host(:active) .container{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);text-decoration:none}:host(:hover) .container--link .dropdown-link,:host(:active) .container--link .dropdown-link{color:var(--calcite-ui-text-1)}:host(:focus) .container{color:var(--calcite-ui-text-1);text-decoration:none}:host(:active) .container{background-color:var(--calcite-ui-foreground-3)}:host(:hover) .container:before,:host(:active) .container:before,:host(:focus) .container:before{opacity:1}.calcite--rtl:before{left:unset;right:1rem}.calcite--rtl .dropdown-link{padding-right:0;padding-left:0}:host([active]) .container:not(.container--none-selection),:host([active]) .container--link .dropdown-link{color:var(--calcite-ui-text-1);font-weight:var(--calcite-font-weight-medium)}:host([active]) .container:not(.container--none-selection):before,:host([active]) .container--link .dropdown-link:before{opacity:1;color:var(--calcite-ui-brand)}:host([active]) .container:not(.container--none-selection) calcite-icon,:host([active]) .container--link .dropdown-link calcite-icon{color:var(--calcite-ui-brand)}.container--multi-selection:before,.container--none-selection:before{display:none}.container--s:before{left:0.5rem}.container--m:before{left:0.75rem}.container--l:before{left:1rem}.calcite--rtl:before{left:unset}.container--s.calcite--rtl:before{right:0.5rem}.container--m.calcite--rtl:before{right:0.75rem}.container--l.calcite--rtl:before{right:1rem}.dropdown-item-icon{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{left:0.25rem}.container--m .dropdown-item-icon{left:0.5rem}.container--l .dropdown-item-icon{left:0.75rem}.calcite--rtl .dropdown-item-icon{left:unset;margin-left:0}.container--s.calcite--rtl .dropdown-item-icon{right:0.25rem}.container--m.calcite--rtl .dropdown-item-icon{right:0.5rem}.container--l.calcite--rtl .dropdown-item-icon{right:0.75rem}:host(:hover) .dropdown-item-icon{color:var(--calcite-ui-border-1);opacity:1}:host([active]) .dropdown-item-icon{color:var(--calcite-ui-brand);opacity:1}.container--s .dropdown-item-icon-start{margin-right:0.5rem;margin-left:0.25rem}.container--s .dropdown-item-icon-end{margin-left:0.5rem}.container--m .dropdown-item-icon-start{margin-right:0.75rem;margin-left:0.25rem}.container--m .dropdown-item-icon-end{margin-left:0.75rem}.container--l .dropdown-item-icon-start{margin-right:1rem;margin-left:0.25rem}.container--l .dropdown-item-icon-end{margin-left:1rem}.calcite--rtl .dropdown-item-icon-start{margin-right:0}.calcite--rtl .dropdown-item-icon-end{margin-left:0}.container--s.calcite--rtl .dropdown-item-icon-start{margin-left:0.5rem}.container--s.calcite--rtl .dropdown-item-icon-end{margin-right:0.5rem}.container--m.calcite--rtl .dropdown-item-icon-start{margin-left:0.75rem}.container--m.calcite--rtl .dropdown-item-icon-end{margin-right:0.75rem}.container--l.calcite--rtl .dropdown-item-icon-start{margin-left:1rem}.container--l.calcite--rtl .dropdown-item-icon-end{margin-right:1rem}.calcite--rtl calcite-icon{margin-right:0;margin-left:0.75rem}";
11401
11401
 
11402
11402
  let CalciteDropdownItem$1 = class extends HTMLElement {
11403
11403
  constructor() {
11404
11404
  super();
11405
11405
  this.__registerHost();
11406
- attachShadow(this);
11406
+ this.__attachShadow();
11407
11407
  this.calciteDropdownItemSelect = createEvent(this, "calciteDropdownItemSelect", 7);
11408
11408
  this.calciteDropdownItemKeyEvent = createEvent(this, "calciteDropdownItemKeyEvent", 7);
11409
11409
  this.calciteDropdownCloseRequest = createEvent(this, "calciteDropdownCloseRequest", 7);
@@ -11562,7 +11562,7 @@ let CalciteFab$1 = class extends HTMLElement {
11562
11562
  constructor() {
11563
11563
  super();
11564
11564
  this.__registerHost();
11565
- attachShadow(this);
11565
+ this.__attachShadow();
11566
11566
  // --------------------------------------------------------------------------
11567
11567
  //
11568
11568
  // Properties
@@ -11645,13 +11645,12 @@ let CalciteFilter$1 = class extends HTMLElement {
11645
11645
  constructor() {
11646
11646
  super();
11647
11647
  this.__registerHost();
11648
- attachShadow(this);
11648
+ this.__attachShadow();
11649
11649
  this.calciteFilterChange = createEvent(this, "calciteFilterChange", 7);
11650
11650
  /**
11651
11651
  * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
11652
11652
  */
11653
11653
  this.disabled = false;
11654
- this.empty = true;
11655
11654
  // --------------------------------------------------------------------------
11656
11655
  //
11657
11656
  // Private Methods
@@ -11689,8 +11688,7 @@ let CalciteFilter$1 = class extends HTMLElement {
11689
11688
  }, filterDebounceInMs);
11690
11689
  this.inputHandler = (event) => {
11691
11690
  const target = event.target;
11692
- this.empty = target.value === "";
11693
- this.filter(target.value);
11691
+ this.value = target.value;
11694
11692
  };
11695
11693
  this.keyDownHandler = ({ key }) => {
11696
11694
  if (key === "Escape") {
@@ -11698,12 +11696,14 @@ let CalciteFilter$1 = class extends HTMLElement {
11698
11696
  }
11699
11697
  };
11700
11698
  this.clear = () => {
11701
- this.textInput.value = "";
11702
- this.empty = true;
11699
+ this.value = "";
11703
11700
  this.calciteFilterChange.emit(this.data);
11704
11701
  this.setFocus();
11705
11702
  };
11706
11703
  }
11704
+ valueHandler(value) {
11705
+ this.filter(value);
11706
+ }
11707
11707
  // --------------------------------------------------------------------------
11708
11708
  //
11709
11709
  // Public Methods
@@ -11723,9 +11723,12 @@ let CalciteFilter$1 = class extends HTMLElement {
11723
11723
  const { disabled } = this;
11724
11724
  return (h(Fragment, null, disabled ? h("calcite-scrim", null) : null, h("div", { class: CSS$w.container }, h("label", { class: rtl ? CSS_UTILITY.rtl : null }, h("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) => {
11725
11725
  this.textInput = el;
11726
- }, type: "text", value: "" })), !this.empty ? (h("button", { "aria-label": this.intlClear || TEXT$c.clear, class: CSS$w.clearButton, onClick: this.clear }, h("calcite-icon", { icon: ICONS$8.close }))) : null)));
11726
+ }, type: "text", value: this.value })), this.value ? (h("button", { "aria-label": this.intlClear || TEXT$c.clear, class: CSS$w.clearButton, onClick: this.clear }, h("calcite-icon", { icon: ICONS$8.close }))) : null)));
11727
11727
  }
11728
11728
  get el() { return this; }
11729
+ static get watchers() { return {
11730
+ "value": ["valueHandler"]
11731
+ }; }
11729
11732
  static get style() { return calciteFilterCss; }
11730
11733
  };
11731
11734
 
@@ -11741,7 +11744,7 @@ let CalciteFlow$1 = class extends HTMLElement {
11741
11744
  constructor() {
11742
11745
  super();
11743
11746
  this.__registerHost();
11744
- attachShadow(this);
11747
+ this.__attachShadow();
11745
11748
  this.panelCount = 0;
11746
11749
  this.flowDirection = null;
11747
11750
  this.panels = [];
@@ -11886,7 +11889,7 @@ function translate({ width, height, min, max }) {
11886
11889
  const rangeX = max[0] - min[0];
11887
11890
  const rangeY = max[1] - min[1];
11888
11891
  return (point) => {
11889
- const x = (point[0] / rangeX) * width;
11892
+ const x = ((point[0] - min[0]) / rangeX) * width;
11890
11893
  const y = height - (point[1] / rangeY) * height;
11891
11894
  return [x, y];
11892
11895
  };
@@ -11944,7 +11947,7 @@ let CalciteGraph$1 = class extends HTMLElement {
11944
11947
  constructor() {
11945
11948
  super();
11946
11949
  this.__registerHost();
11947
- attachShadow(this);
11950
+ this.__attachShadow();
11948
11951
  //--------------------------------------------------------------------------
11949
11952
  //
11950
11953
  // Properties
@@ -11972,17 +11975,25 @@ let CalciteGraph$1 = class extends HTMLElement {
11972
11975
  //
11973
11976
  //--------------------------------------------------------------------------
11974
11977
  render() {
11975
- const { data, colorStops, width, height, highlightMax, highlightMin } = this;
11978
+ const { data, colorStops, width, height, highlightMax, highlightMin, min, max } = this;
11976
11979
  const id = this.graphId;
11977
11980
  // if we have no data, return empty svg
11978
11981
  if (!data || data.length === 0) {
11979
11982
  return (h("svg", { class: "svg", height: height, preserveAspectRatio: "none", viewBox: `0 0 ${width} ${height}`, width: width }));
11980
11983
  }
11981
- const { min, max } = range(data);
11982
- const t = translate({ min, max, width, height });
11983
- const [hMinX] = t([highlightMin, max[1]]);
11984
- const [hMaxX] = t([highlightMax, max[1]]);
11985
- const areaPath = area({ data, min, max, t });
11984
+ const { min: rangeMin, max: rangeMax } = range(data);
11985
+ let currentMin = rangeMin;
11986
+ let currentMax = rangeMax;
11987
+ if (min < rangeMin[0]) {
11988
+ currentMin = [min, 0];
11989
+ }
11990
+ if (max > rangeMax[0]) {
11991
+ currentMax = [max, rangeMax[1]];
11992
+ }
11993
+ const t = translate({ min: currentMin, max: currentMax, width, height });
11994
+ const [hMinX] = t([highlightMin, currentMax[1]]);
11995
+ const [hMaxX] = t([highlightMax, currentMax[1]]);
11996
+ const areaPath = area({ data, min: rangeMin, max: rangeMax, t });
11986
11997
  const fill = colorStops ? `url(#linear-gradient-${id})` : undefined;
11987
11998
  return (h("svg", { class: "svg", height: height, preserveAspectRatio: "none", viewBox: `0 0 ${width} ${height}`, width: width }, colorStops ? (h("defs", null, h("linearGradient", { id: `linear-gradient-${id}`, x1: "0", x2: "1", y1: "0", y2: "0" }, colorStops.map(({ offset, color, opacity }) => (h("stop", { offset: `${offset * 100}%`, "stop-color": color, "stop-opacity": opacity })))))) : null, highlightMin !== undefined ? ([
11988
11999
  h("mask", { height: "100%", id: `${id}1`, width: "100%", x: "0%", y: "0%" }, h("path", { d: `
@@ -12029,7 +12040,7 @@ let CalciteHandle$1 = class extends HTMLElement {
12029
12040
  constructor() {
12030
12041
  super();
12031
12042
  this.__registerHost();
12032
- attachShadow(this);
12043
+ this.__attachShadow();
12033
12044
  this.calciteHandleNudge = createEvent(this, "calciteHandleNudge", 7);
12034
12045
  // --------------------------------------------------------------------------
12035
12046
  //
@@ -12163,7 +12174,7 @@ let CalciteIcon$1 = class extends HTMLElement {
12163
12174
  constructor() {
12164
12175
  super();
12165
12176
  this.__registerHost();
12166
- attachShadow(this);
12177
+ this.__attachShadow();
12167
12178
  //--------------------------------------------------------------------------
12168
12179
  //
12169
12180
  // Properties
@@ -12627,24 +12638,21 @@ let CalciteInput$1 = class extends HTMLElement {
12627
12638
  event.preventDefault();
12628
12639
  };
12629
12640
  this.nudgeNumberValue = (direction, nativeEvent) => {
12630
- if (this.type !== "number") {
12641
+ if ((nativeEvent instanceof KeyboardEvent && nativeEvent.repeat) || this.type !== "number") {
12631
12642
  return;
12632
12643
  }
12633
- const value = this.value;
12634
12644
  const inputMax = this.maxString ? parseFloat(this.maxString) : null;
12635
12645
  const inputMin = this.minString ? parseFloat(this.minString) : null;
12636
- const inputStep = this.step === "any" ? 1 : Math.abs(this.step || 1);
12637
- const inputVal = value && value !== "" ? parseFloat(value) : 0;
12638
- let newValue = value;
12639
- if (direction === "up" && ((!inputMax && inputMax !== 0) || inputVal < inputMax)) {
12640
- newValue = (inputVal + inputStep).toString();
12641
- }
12642
- if (direction === "down" && ((!inputMin && inputMin !== 0) || inputVal > inputMin)) {
12643
- newValue = (inputVal - inputStep).toString();
12644
- }
12645
- this.setValue(newValue, nativeEvent, true);
12646
+ const valueNudgeDelayInMs = 500;
12647
+ this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
12648
+ this.nudgeNumberValueIntervalId = setInterval(() => {
12649
+ this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
12650
+ }, valueNudgeDelayInMs);
12646
12651
  };
12647
- this.numberButtonClickHandler = (event) => {
12652
+ this.numberButtonMouseUpAndMouseOutHandler = () => {
12653
+ clearInterval(this.nudgeNumberValueIntervalId);
12654
+ };
12655
+ this.numberButtonMouseDownHandler = (event) => {
12648
12656
  // todo, when dropping ie11 support, refactor to use stepup/stepdown
12649
12657
  // prevent blur and re-focus of input on mousedown
12650
12658
  event.preventDefault();
@@ -12690,6 +12698,9 @@ let CalciteInput$1 = class extends HTMLElement {
12690
12698
  }
12691
12699
  }
12692
12700
  };
12701
+ this.inputKeyUpHandler = () => {
12702
+ clearInterval(this.nudgeNumberValueIntervalId);
12703
+ };
12693
12704
  }
12694
12705
  disabledWatcher() {
12695
12706
  this.setDisabledAction();
@@ -12808,6 +12819,19 @@ let CalciteInput$1 = class extends HTMLElement {
12808
12819
  onLabelClick() {
12809
12820
  this.setFocus();
12810
12821
  }
12822
+ incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent) {
12823
+ const value = this.value;
12824
+ const inputStep = this.step === "any" ? 1 : Math.abs(this.step || 1);
12825
+ const inputVal = value && value !== "" ? parseFloat(value) : 0;
12826
+ let newValue = value;
12827
+ if (direction === "up" && ((!inputMax && inputMax !== 0) || inputVal < inputMax)) {
12828
+ newValue = (inputVal + inputStep).toString();
12829
+ }
12830
+ if (direction === "down" && ((!inputMin && inputMin !== 0) || inputVal > inputMin)) {
12831
+ newValue = (inputVal - inputStep).toString();
12832
+ }
12833
+ this.setValue(newValue, nativeEvent, true);
12834
+ }
12811
12835
  setDisabledAction() {
12812
12836
  if (!this.slottedActionEl) {
12813
12837
  return;
@@ -12831,17 +12855,17 @@ let CalciteInput$1 = class extends HTMLElement {
12831
12855
  const numberButtonsHorizontalUp = (h("button", { class: {
12832
12856
  [CSS$r.numberButtonItem]: true,
12833
12857
  [CSS$r.buttonItemHorizontal]: isHorizontalNumberButton
12834
- }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onClick: this.numberButtonClickHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { icon: "chevron-up", scale: "s" })));
12858
+ }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onMouseDown: this.numberButtonMouseDownHandler, onMouseOut: this.numberButtonMouseUpAndMouseOutHandler, onMouseUp: this.numberButtonMouseUpAndMouseOutHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { icon: "chevron-up", scale: "s" })));
12835
12859
  const numberButtonsHorizontalDown = (h("button", { class: {
12836
12860
  [CSS$r.numberButtonItem]: true,
12837
12861
  [CSS$r.buttonItemHorizontal]: isHorizontalNumberButton
12838
- }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onClick: this.numberButtonClickHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { icon: "chevron-down", scale: "s" })));
12862
+ }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onMouseDown: this.numberButtonMouseDownHandler, onMouseOut: this.numberButtonMouseUpAndMouseOutHandler, onMouseUp: this.numberButtonMouseUpAndMouseOutHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { icon: "chevron-down", scale: "s" })));
12839
12863
  const numberButtonsVertical = (h("div", { class: CSS$r.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
12840
12864
  const prefixText = h("div", { class: CSS$r.prefix }, this.prefixText);
12841
12865
  const suffixText = h("div", { class: CSS$r.suffix }, this.suffixText);
12842
- const localeNumberInput = this.type === "number" ? (h("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;
12866
+ const localeNumberInput = this.type === "number" ? (h("input", { "aria-label": getLabelText(this), autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, 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;
12843
12867
  const childEl = [
12844
- h(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 }),
12868
+ h(this.childElType, { "aria-label": getLabelText(this), autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, 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 }),
12845
12869
  this.isTextarea ? (h("div", { class: CSS$r.resizeIconWrapper }, h("calcite-icon", { icon: "chevron-down", scale: "s" }))) : null
12846
12870
  ];
12847
12871
  return (h(Host, { onClick: this.inputFocusHandler }, h("div", { class: { [CSS$r.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" }, dir: dir }, this.type === "number" && this.numberButtonType === "horizontal"
@@ -12871,7 +12895,7 @@ let CalciteInputDatePicker$1 = class extends HTMLElement {
12871
12895
  constructor() {
12872
12896
  super();
12873
12897
  this.__registerHost();
12874
- attachShadow(this);
12898
+ this.__attachShadow();
12875
12899
  this.calciteDatePickerChange = createEvent(this, "calciteDatePickerChange", 7);
12876
12900
  this.calciteDatePickerRangeChange = createEvent(this, "calciteDatePickerRangeChange", 7);
12877
12901
  this.calciteInputDatePickerOpen = createEvent(this, "calciteInputDatePickerOpen", 7);
@@ -13003,7 +13027,7 @@ let CalciteInputDatePicker$1 = class extends HTMLElement {
13003
13027
  const { popper, menuEl } = this;
13004
13028
  const modifiers = this.getModifiers();
13005
13029
  popper
13006
- ? updatePopper({
13030
+ ? await updatePopper({
13007
13031
  el: menuEl,
13008
13032
  modifiers,
13009
13033
  placement: DEFAULT_PLACEMENT,
@@ -13254,7 +13278,7 @@ let CalciteInputMessage$1 = class extends HTMLElement {
13254
13278
  constructor() {
13255
13279
  super();
13256
13280
  this.__registerHost();
13257
- attachShadow(this);
13281
+ this.__attachShadow();
13258
13282
  //--------------------------------------------------------------------------
13259
13283
  //
13260
13284
  // Properties
@@ -13364,7 +13388,7 @@ let CalciteInputTimePicker$1 = class extends HTMLElement {
13364
13388
  constructor() {
13365
13389
  super();
13366
13390
  this.__registerHost();
13367
- attachShadow(this);
13391
+ this.__attachShadow();
13368
13392
  this.calciteInputTimePickerChange = createEvent(this, "calciteInputTimePickerChange", 7);
13369
13393
  //--------------------------------------------------------------------------
13370
13394
  //
@@ -13558,7 +13582,7 @@ let CalciteLabel$1 = class extends HTMLElement {
13558
13582
  constructor() {
13559
13583
  super();
13560
13584
  this.__registerHost();
13561
- attachShadow(this);
13585
+ this.__attachShadow();
13562
13586
  this.calciteInternalLabelClick = createEvent(this, "calciteInternalLabelClick", 3);
13563
13587
  //--------------------------------------------------------------------------
13564
13588
  //
@@ -13607,7 +13631,7 @@ let CalciteLink$1 = class extends HTMLElement {
13607
13631
  constructor() {
13608
13632
  super();
13609
13633
  this.__registerHost();
13610
- attachShadow(this);
13634
+ this.__attachShadow();
13611
13635
  //--------------------------------------------------------------------------
13612
13636
  //
13613
13637
  // Properties
@@ -13672,7 +13696,7 @@ let CalciteList$1 = class extends HTMLElement {
13672
13696
  constructor() {
13673
13697
  super();
13674
13698
  this.__registerHost();
13675
- attachShadow(this);
13699
+ this.__attachShadow();
13676
13700
  }
13677
13701
  // --------------------------------------------------------------------------
13678
13702
  //
@@ -13722,7 +13746,7 @@ let CalciteListItem$1 = class extends HTMLElement {
13722
13746
  constructor() {
13723
13747
  super();
13724
13748
  this.__registerHost();
13725
- attachShadow(this);
13749
+ this.__attachShadow();
13726
13750
  // --------------------------------------------------------------------------
13727
13751
  //
13728
13752
  // Properties
@@ -13796,7 +13820,7 @@ let CalciteListItemGroup$1 = class extends HTMLElement {
13796
13820
  constructor() {
13797
13821
  super();
13798
13822
  this.__registerHost();
13799
- attachShadow(this);
13823
+ this.__attachShadow();
13800
13824
  }
13801
13825
  // --------------------------------------------------------------------------
13802
13826
  //
@@ -13815,13 +13839,13 @@ let CalciteListItemGroup$1 = class extends HTMLElement {
13815
13839
  static get style() { return calciteListItemGroupCss; }
13816
13840
  };
13817
13841
 
13818
- 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{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{-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]){--calcite-loader-font-size:var(--calcite-font-size--2);--calcite-loader-size:2rem;--calcite-loader-size-inline:0.75rem}:host([scale=m]){--calcite-loader-font-size:var(--calcite-font-size-0);--calcite-loader-size:4rem;--calcite-loader-size-inline:1rem}:host([scale=l]){--calcite-loader-font-size:var(--calcite-font-size-2);--calcite-loader-size:6rem;--calcite-loader-size-inline:1.25rem}:host([no-padding]){padding-top:0;padding-bottom:0}:host([active]){display:-ms-flexbox;display:flex}.loader__text{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{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{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{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{-webkit-animation-name:loader-offset-1;animation-name:loader-offset-1}.loader__svg--2{-webkit-animation-name:loader-offset-2;animation-name:loader-offset-2}.loader__svg--3{-webkit-animation-name:loader-offset-3;animation-name:loader-offset-3}}:host([type=determinate]){-webkit-animation:none;animation:none;stroke:var(--calcite-ui-border-3)}:host([type=determinate]) .loader__svg--3{-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]){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]){margin-right:0;margin-left:calc(var(--calcite-loader-size-inline) * 0.5)}:host([active][inline]){display:inline-block}:host([inline]) .loader__svgs{top:0;left:0;margin:0;width:var(--calcite-loader-size-inline);height:var(--calcite-loader-size-inline)}:host([inline]) .loader__svg{width:var(--calcite-loader-size-inline);height:var(--calcite-loader-size-inline)}:host([complete]){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{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{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{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{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{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)}}";
13842
+ 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{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{-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]){--calcite-loader-font-size:var(--calcite-font-size--2);--calcite-loader-size:2rem;--calcite-loader-size-inline:0.75rem}:host([scale=m]){--calcite-loader-font-size:var(--calcite-font-size-0);--calcite-loader-size:4rem;--calcite-loader-size-inline:1rem}:host([scale=l]){--calcite-loader-font-size:var(--calcite-font-size-2);--calcite-loader-size:6rem;--calcite-loader-size-inline:1.25rem}:host([no-padding]){padding-top:0;padding-bottom:0}:host([active]){display:-ms-flexbox;display:flex}.loader__text{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{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{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{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{-webkit-animation-name:loader-offset-1;animation-name:loader-offset-1}.loader__svg--2{-webkit-animation-name:loader-offset-2;animation-name:loader-offset-2}.loader__svg--3{-webkit-animation-name:loader-offset-3;animation-name:loader-offset-3}}:host([type=determinate]){-webkit-animation:none;animation:none;stroke:var(--calcite-ui-border-3)}:host([type=determinate]) .loader__svg--3{-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]){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]){margin-right:0;margin-left:calc(var(--calcite-loader-size-inline) * 0.5)}:host([active][inline]){display:inline-block}:host([inline]) .loader__svgs{top:0;left:0;margin:0;width:var(--calcite-loader-size-inline);height:var(--calcite-loader-size-inline)}:host([inline]) .loader__svg{width:var(--calcite-loader-size-inline);height:var(--calcite-loader-size-inline)}:host([complete]){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{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{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{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{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{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)}}";
13819
13843
 
13820
13844
  let CalciteLoader$1 = class extends HTMLElement {
13821
13845
  constructor() {
13822
13846
  super();
13823
13847
  this.__registerHost();
13824
- attachShadow(this);
13848
+ this.__attachShadow();
13825
13849
  //--------------------------------------------------------------------------
13826
13850
  //
13827
13851
  // Properties
@@ -14033,7 +14057,7 @@ let CalciteModal$1 = class extends HTMLElement {
14033
14057
  constructor() {
14034
14058
  super();
14035
14059
  this.__registerHost();
14036
- attachShadow(this);
14060
+ this.__attachShadow();
14037
14061
  this.calciteModalOpen = createEvent(this, "calciteModalOpen", 7);
14038
14062
  this.calciteModalClose = createEvent(this, "calciteModalClose", 7);
14039
14063
  //--------------------------------------------------------------------------
@@ -14271,7 +14295,7 @@ let CalciteNotice$1 = class extends HTMLElement {
14271
14295
  constructor() {
14272
14296
  super();
14273
14297
  this.__registerHost();
14274
- attachShadow(this);
14298
+ this.__attachShadow();
14275
14299
  this.calciteNoticeClose = createEvent(this, "calciteNoticeClose", 7);
14276
14300
  this.calciteNoticeOpen = createEvent(this, "calciteNoticeOpen", 7);
14277
14301
  //--------------------------------------------------------------------------
@@ -14355,7 +14379,7 @@ let CalciteOption$1 = class extends HTMLElement {
14355
14379
  constructor() {
14356
14380
  super();
14357
14381
  this.__registerHost();
14358
- attachShadow(this);
14382
+ this.__attachShadow();
14359
14383
  this.calciteOptionChange = createEvent(this, "calciteOptionChange", 7);
14360
14384
  //--------------------------------------------------------------------------
14361
14385
  //
@@ -14434,7 +14458,7 @@ let CalciteOptionGroup$1 = class extends HTMLElement {
14434
14458
  constructor() {
14435
14459
  super();
14436
14460
  this.__registerHost();
14437
- attachShadow(this);
14461
+ this.__attachShadow();
14438
14462
  this.calciteOptionGroupChange = createEvent(this, "calciteOptionGroupChange", 7);
14439
14463
  //--------------------------------------------------------------------------
14440
14464
  //
@@ -14486,7 +14510,7 @@ let CalcitePagination$1 = class extends HTMLElement {
14486
14510
  constructor() {
14487
14511
  super();
14488
14512
  this.__registerHost();
14489
- attachShadow(this);
14513
+ this.__attachShadow();
14490
14514
  this.calcitePaginationUpdate = createEvent(this, "calcitePaginationUpdate", 7);
14491
14515
  this.calcitePaginationChange = createEvent(this, "calcitePaginationChange", 7);
14492
14516
  //--------------------------------------------------------------------------
@@ -14674,13 +14698,13 @@ const TEXT$7 = {
14674
14698
  };
14675
14699
  const HEADING_LEVEL$4 = 3;
14676
14700
 
14677
- 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{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{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{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{font-weight:var(--calcite-font-weight-medium);margin:0;padding:0}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.container{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]){--calcite-panel-max-height:40vh}:host([height-scale=m]){--calcite-panel-max-height:60vh}:host([height-scale=l]){--calcite-panel-max-height:80vh}:host([width-scale=s]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}.container[hidden]{display:none}:host([loading]) .container,:host([disabled]) .container{position:relative;z-index:1}.header{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{display:block;overflow:hidden;margin-right:auto;padding:1rem}.header-content .heading,.header-content .summary{padding:0;display:block;overflow:hidden;white-space:nowrap;width:100%;text-overflow:ellipsis}.header-content .heading{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{margin-bottom:0}.header-content .summary{color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1);line-height:1rem}.back-button{border-color:var(--calcite-ui-border-2);border-style:solid;border-width:0;border-right-width:1px}.calcite--rtl .back-button{border-right-width:0;border-left-width:1px}.header-actions{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{margin-left:auto}.menu-container:only-child{margin-left:auto}.menu-button{-ms-flex-item-align:stretch;align-self:stretch;-ms-flex:0 1 auto;flex:0 1 auto;height:100%;position:relative}.menu{min-width:10rem;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.content-container{-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{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{margin-left:auto;margin-right:unset}.calcite--rtl .header-actions--end{margin-right:auto;margin-left:unset}.calcite--rtl .menu-container:only-child{margin-right:auto;margin-left:unset}.fab-container{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}";
14701
+ 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{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{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{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{font-weight:var(--calcite-font-weight-medium);margin:0;padding:0}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.container{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]){--calcite-panel-max-height:40vh}:host([height-scale=m]){--calcite-panel-max-height:60vh}:host([height-scale=l]){--calcite-panel-max-height:80vh}:host([width-scale=s]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}.container[hidden]{display:none}:host([loading]) .container,:host([disabled]) .container{position:relative;z-index:1}.header{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{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,.header-content .summary{padding:0;display:block;overflow:hidden;white-space:nowrap;width:100%;text-overflow:ellipsis}.header-content .heading{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{margin-bottom:0}.header-content .summary{color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1);line-height:1rem}.back-button{border-color:var(--calcite-ui-border-2);border-style:solid;border-width:0;border-right-width:1px}.calcite--rtl .back-button{border-right-width:0;border-left-width:1px}.header-actions{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{margin-left:auto}.menu-container:only-child{margin-left:auto}.menu-button{-ms-flex-item-align:stretch;align-self:stretch;-ms-flex:0 1 auto;flex:0 1 auto;height:100%;position:relative}.menu{min-width:10rem;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.content-container{-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{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{margin-left:auto;margin-right:unset}.calcite--rtl .header-actions--end{margin-right:auto;margin-left:unset}.calcite--rtl .menu-container:only-child{margin-right:auto;margin-left:unset}.fab-container{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}";
14678
14702
 
14679
14703
  let CalcitePanel$1 = class extends HTMLElement {
14680
14704
  constructor() {
14681
14705
  super();
14682
14706
  this.__registerHost();
14683
- attachShadow(this);
14707
+ this.__attachShadow();
14684
14708
  this.calcitePanelDismissedChange = createEvent(this, "calcitePanelDismissedChange", 7);
14685
14709
  this.calcitePanelScroll = createEvent(this, "calcitePanelScroll", 7);
14686
14710
  this.calcitePanelBackClick = createEvent(this, "calcitePanelBackClick", 7);
@@ -15153,7 +15177,7 @@ let CalcitePickList$1 = class extends HTMLElement {
15153
15177
  constructor() {
15154
15178
  super();
15155
15179
  this.__registerHost();
15156
- attachShadow(this);
15180
+ this.__attachShadow();
15157
15181
  this.calciteListChange = createEvent(this, "calciteListChange", 7);
15158
15182
  // --------------------------------------------------------------------------
15159
15183
  //
@@ -15286,7 +15310,7 @@ let CalcitePickListGroup$1 = class extends HTMLElement {
15286
15310
  constructor() {
15287
15311
  super();
15288
15312
  this.__registerHost();
15289
- attachShadow(this);
15313
+ this.__attachShadow();
15290
15314
  }
15291
15315
  // --------------------------------------------------------------------------
15292
15316
  //
@@ -15346,7 +15370,7 @@ let CalcitePickListItem$1 = class extends HTMLElement {
15346
15370
  constructor() {
15347
15371
  super();
15348
15372
  this.__registerHost();
15349
- attachShadow(this);
15373
+ this.__attachShadow();
15350
15374
  this.calciteListItemChange = createEvent(this, "calciteListItemChange", 7);
15351
15375
  this.calciteListItemRemove = createEvent(this, "calciteListItemRemove", 7);
15352
15376
  this.calciteListItemPropsChange = createEvent(this, "calciteListItemPropsChange", 7);
@@ -15515,7 +15539,7 @@ let CalcitePopover$1 = class extends HTMLElement {
15515
15539
  constructor() {
15516
15540
  super();
15517
15541
  this.__registerHost();
15518
- attachShadow(this);
15542
+ this.__attachShadow();
15519
15543
  this.calcitePopoverClose = createEvent(this, "calcitePopoverClose", 7);
15520
15544
  this.calcitePopoverOpen = createEvent(this, "calcitePopoverOpen", 7);
15521
15545
  // --------------------------------------------------------------------------
@@ -15662,7 +15686,7 @@ let CalcitePopover$1 = class extends HTMLElement {
15662
15686
  const { popper, el, placement } = this;
15663
15687
  const modifiers = this.getModifiers();
15664
15688
  popper
15665
- ? updatePopper({
15689
+ ? await updatePopper({
15666
15690
  el,
15667
15691
  modifiers,
15668
15692
  placement,
@@ -15785,7 +15809,7 @@ let CalcitePopoverManager$1 = class extends HTMLElement {
15785
15809
  constructor() {
15786
15810
  super();
15787
15811
  this.__registerHost();
15788
- attachShadow(this);
15812
+ this.__attachShadow();
15789
15813
  // --------------------------------------------------------------------------
15790
15814
  //
15791
15815
  // Properties
@@ -15851,7 +15875,7 @@ let CalciteProgress$1 = class extends HTMLElement {
15851
15875
  constructor() {
15852
15876
  super();
15853
15877
  this.__registerHost();
15854
- attachShadow(this);
15878
+ this.__attachShadow();
15855
15879
  /** Use indeterminate if finding actual progress value is impossible */
15856
15880
  this.type = "determinate";
15857
15881
  /** Fraction completed, in the range of 0 - 1.0 */
@@ -15878,7 +15902,7 @@ let CalciteRadio$1 = class extends HTMLElement {
15878
15902
  constructor() {
15879
15903
  super();
15880
15904
  this.__registerHost();
15881
- attachShadow(this);
15905
+ this.__attachShadow();
15882
15906
  //--------------------------------------------------------------------------
15883
15907
  //
15884
15908
  // Properties
@@ -16165,7 +16189,7 @@ let CalciteRadioButtonGroup$1 = class extends HTMLElement {
16165
16189
  constructor() {
16166
16190
  super();
16167
16191
  this.__registerHost();
16168
- attachShadow(this);
16192
+ this.__attachShadow();
16169
16193
  this.calciteRadioButtonGroupChange = createEvent(this, "calciteRadioButtonGroupChange", 7);
16170
16194
  //--------------------------------------------------------------------------
16171
16195
  //
@@ -16252,7 +16276,7 @@ let CalciteRadioGroup$1 = class extends HTMLElement {
16252
16276
  constructor() {
16253
16277
  super();
16254
16278
  this.__registerHost();
16255
- attachShadow(this);
16279
+ this.__attachShadow();
16256
16280
  this.calciteRadioGroupChange = createEvent(this, "calciteRadioGroupChange", 7);
16257
16281
  //--------------------------------------------------------------------------
16258
16282
  //
@@ -16458,7 +16482,7 @@ let CalciteRadioGroupItem$1 = class extends HTMLElement {
16458
16482
  constructor() {
16459
16483
  super();
16460
16484
  this.__registerHost();
16461
- attachShadow(this);
16485
+ this.__attachShadow();
16462
16486
  this.calciteRadioGroupItemChange = createEvent(this, "calciteRadioGroupItemChange", 7);
16463
16487
  //--------------------------------------------------------------------------
16464
16488
  //
@@ -16558,7 +16582,7 @@ let CalciteRating$1 = class extends HTMLElement {
16558
16582
  constructor() {
16559
16583
  super();
16560
16584
  this.__registerHost();
16561
- attachShadow(this);
16585
+ this.__attachShadow();
16562
16586
  this.calciteRatingChange = createEvent(this, "calciteRatingChange", 7);
16563
16587
  // --------------------------------------------------------------------------
16564
16588
  //
@@ -16670,7 +16694,7 @@ let CalciteScrim$1 = class extends HTMLElement {
16670
16694
  constructor() {
16671
16695
  super();
16672
16696
  this.__registerHost();
16673
- attachShadow(this);
16697
+ this.__attachShadow();
16674
16698
  // --------------------------------------------------------------------------
16675
16699
  //
16676
16700
  // Properties
@@ -16720,7 +16744,7 @@ let CalciteSelect$1 = class extends HTMLElement {
16720
16744
  constructor() {
16721
16745
  super();
16722
16746
  this.__registerHost();
16723
- attachShadow(this);
16747
+ this.__attachShadow();
16724
16748
  this.calciteSelectChange = createEvent(this, "calciteSelectChange", 7);
16725
16749
  //--------------------------------------------------------------------------
16726
16750
  //
@@ -16906,7 +16930,7 @@ let CalciteShell$1 = class extends HTMLElement {
16906
16930
  constructor() {
16907
16931
  super();
16908
16932
  this.__registerHost();
16909
- attachShadow(this);
16933
+ this.__attachShadow();
16910
16934
  // --------------------------------------------------------------------------
16911
16935
  //
16912
16936
  // Properties
@@ -16973,7 +16997,7 @@ let CalciteShellCenterRow$1 = class extends HTMLElement {
16973
16997
  constructor() {
16974
16998
  super();
16975
16999
  this.__registerHost();
16976
- attachShadow(this);
17000
+ this.__attachShadow();
16977
17001
  // --------------------------------------------------------------------------
16978
17002
  //
16979
17003
  // Properties
@@ -17030,7 +17054,7 @@ let CalciteShellPanel$1 = class extends HTMLElement {
17030
17054
  constructor() {
17031
17055
  super();
17032
17056
  this.__registerHost();
17033
- attachShadow(this);
17057
+ this.__attachShadow();
17034
17058
  this.calciteShellPanelToggle = createEvent(this, "calciteShellPanelToggle", 7);
17035
17059
  // --------------------------------------------------------------------------
17036
17060
  //
@@ -17084,13 +17108,13 @@ let CalciteShellPanel$1 = class extends HTMLElement {
17084
17108
  static get style() { return calciteShellPanelCss; }
17085
17109
  };
17086
17110
 
17087
- 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{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}.container{display:block;position:relative;padding:7px 0;margin:7px 0.5rem}:host([disabled]){opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-ui-text-3)}:host([disabled]) .graph .graph-path--highlight{fill:var(--calcite-ui-text-3)}:host([label-handles]) .container,:host([precise]:not([precise=false])) .container{margin-top:21px}:host([label-ticks]),:host([precise]:not([precise=false])) .container--range{margin-bottom:21px}:host([precise]:not([precise=false])[label-handles]) .container{margin-top:35px}:host([precise]:not([precise=false])[label-handles]) .container--range{margin-bottom:35px}.thumb{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{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{opacity:0;position:absolute;top:0;bottom:0}.thumb .handle__label.hyphen::after{content:\"—\";display:inline-block;width:1em}.thumb .handle{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{width:2px;height:7px;background-color:var(--calcite-ui-text-3)}.thumb:hover .handle{-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{background-color:var(--calcite-ui-brand)}.thumb:focus .handle{outline:2px solid var(--calcite-ui-brand);outline-offset:2px;outline-offset:2px}.thumb:focus .handle-extension{background-color:var(--calcite-ui-brand)}.thumb--minValue{-webkit-transform:translate(-7px, -8px);transform:translate(-7px, -8px)}:host([label-handles]) .thumb{-webkit-transform:translate(50%, -25px);transform:translate(50%, -25px)}:host([label-handles]) .thumb--minValue{-webkit-transform:translate(-50%, -25px);transform:translate(-50%, -25px)}:host([has-histogram][label-handles]) .thumb{-webkit-transform:translate(50%, -8px);transform:translate(50%, -8px)}:host([has-histogram][label-handles]) .thumb .handle__label{margin-bottom:unset;margin-top:5px}:host([has-histogram][label-handles]) .thumb--minValue{-webkit-transform:translate(-50%, -8px);transform:translate(-50%, -8px)}:host([precise]:not([precise=false])) .thumb{-webkit-transform:translate(7px, -21px);transform:translate(7px, -21px)}:host([precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-7px, -2px);transform:translate(-7px, -2px)}:host([precise]:not([precise=false])) .thumb--minValue .handle__label{margin-bottom:unset;margin-top:5px}:host([has-histogram][precise]:not([precise=false])) .thumb{-webkit-transform:translate(7px, -2px);transform:translate(7px, -2px)}:host([has-histogram][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}:host([ticks][precise]:not([precise=false])) .thumb{-webkit-transform:translate(7px, -20px);transform:translate(7px, -20px)}:host([ticks][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-7px, -3px);transform:translate(-7px, -3px)}:host([has-histogram][ticks][precise]:not([precise=false])) .thumb{-webkit-transform:translate(7px, -3px);transform:translate(7px, -3px)}:host([has-histogram][ticks][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}:host([label-handles][precise]:not([precise=false])) .thumb{-webkit-transform:translate(50%, -38px);transform:translate(50%, -38px)}:host([label-handles][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}:host([has-histogram][label-handles][precise]:not([precise=false])) .thumb{-webkit-transform:translate(50%, -2px);transform:translate(50%, -2px)}:host([has-histogram][label-handles][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}:host([ticks][label-handles][precise]:not([precise=false])) .thumb{-webkit-transform:translate(50%, -37px);transform:translate(50%, -37px)}:host([ticks][label-handles][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}:host([has-histogram][ticks][label-handles][precise]:not([precise=false])) .thumb{-webkit-transform:translate(50%, -3px);transform:translate(50%, -3px)}:host([has-histogram][ticks][label-handles][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}.thumb:focus,.thumb--active{z-index:3}.thumb:focus .handle,.thumb--active .handle{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,.thumb:focus.thumb--precise:after,.thumb--active.thumb--precise:after{background-color:var(--calcite-ui-brand)}.track{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{position:absolute;top:0;height:2px;background-color:var(--calcite-ui-brand)}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{content:\"\";position:absolute;top:-5px;width:100%;height:14px}.tick{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{background-color:var(--calcite-ui-brand)}.tick__label{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{left:0;margin:14px -3px;text-align:left;-webkit-transition:opacity 150ms;transition:opacity 150ms}.tick__label--max{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,:host([has-histogram][label-handles]) .tick__label--max{margin:6px -3px;font-weight:300;color:var(--calcite-ui-text-3)}:host([has-histogram][precise]:not([precise=false])) .tick__label--min,:host([has-histogram][precise]:not([precise=false])) .tick__label--max{margin:6px -3px;font-weight:300;color:var(--calcite-ui-text-3)}.graph{color:var(--calcite-ui-foreground-3)}:host([mirrored]:not([has-histogram])) .tick__label--min{right:0;left:unset;text-align:right}:host([mirrored]:not([has-histogram])) .tick__label--max{right:unset;left:0;text-align:left}";
17111
+ 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{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}.container{display:block;position:relative;padding:7px 0;margin:7px 0.5rem}:host([disabled]){opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-ui-text-3)}:host([disabled]) .graph .graph-path--highlight{fill:var(--calcite-ui-text-3)}:host([label-handles]) .container,:host([precise]:not([precise=false])) .container{margin-top:21px}:host([label-ticks]),:host([precise]:not([precise=false])) .container--range{margin-bottom:21px}:host([precise]:not([precise=false])[label-handles]) .container{margin-top:35px}:host([precise]:not([precise=false])[label-handles]) .container--range{margin-bottom:35px}.thumb{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{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{opacity:0;position:absolute;top:0;bottom:0}.thumb .handle__label.hyphen::after{content:\"—\";display:inline-block;width:1em}.thumb .handle{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{width:2px;height:7px;background-color:var(--calcite-ui-text-3)}.thumb:hover .handle{-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{background-color:var(--calcite-ui-brand)}.thumb:focus .handle{outline:2px solid var(--calcite-ui-brand);outline-offset:2px;outline-offset:2px}.thumb:focus .handle-extension{background-color:var(--calcite-ui-brand)}.thumb--minValue{-webkit-transform:translate(-7px, -8px);transform:translate(-7px, -8px)}:host([label-handles]) .thumb{-webkit-transform:translate(50%, -25px);transform:translate(50%, -25px)}:host([label-handles]) .thumb--minValue{-webkit-transform:translate(-50%, -25px);transform:translate(-50%, -25px)}:host([has-histogram][label-handles]) .thumb{-webkit-transform:translate(50%, -8px);transform:translate(50%, -8px)}:host([has-histogram][label-handles]) .thumb .handle__label{margin-bottom:unset;margin-top:5px}:host([has-histogram][label-handles]) .thumb--minValue{-webkit-transform:translate(-50%, -8px);transform:translate(-50%, -8px)}:host([precise]:not([precise=false])) .thumb{-webkit-transform:translate(7px, -21px);transform:translate(7px, -21px)}:host([precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-7px, -2px);transform:translate(-7px, -2px)}:host([precise]:not([precise=false])) .thumb--minValue .handle__label{margin-bottom:unset;margin-top:5px}:host([has-histogram][precise]:not([precise=false])) .thumb{-webkit-transform:translate(7px, -2px);transform:translate(7px, -2px)}:host([has-histogram][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}:host([ticks][precise]:not([precise=false])) .thumb{-webkit-transform:translate(7px, -20px);transform:translate(7px, -20px)}:host([ticks][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-7px, -3px);transform:translate(-7px, -3px)}:host([has-histogram][ticks][precise]:not([precise=false])) .thumb{-webkit-transform:translate(7px, -3px);transform:translate(7px, -3px)}:host([has-histogram][ticks][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}:host([label-handles][precise]:not([precise=false])) .thumb{-webkit-transform:translate(50%, -38px);transform:translate(50%, -38px)}:host([label-handles][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}:host([has-histogram][label-handles][precise]:not([precise=false])) .thumb{-webkit-transform:translate(50%, -2px);transform:translate(50%, -2px)}:host([has-histogram][label-handles][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}:host([ticks][label-handles][precise]:not([precise=false])) .thumb{-webkit-transform:translate(50%, -37px);transform:translate(50%, -37px)}:host([ticks][label-handles][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}:host([has-histogram][ticks][label-handles][precise]:not([precise=false])) .thumb{-webkit-transform:translate(50%, -3px);transform:translate(50%, -3px)}:host([has-histogram][ticks][label-handles][precise]:not([precise=false])) .thumb--minValue{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}.thumb:focus,.thumb--active{z-index:3}.thumb:focus .handle,.thumb--active .handle{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,.thumb:focus.thumb--precise:after,.thumb--active.thumb--precise:after{background-color:var(--calcite-ui-brand)}.track{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{position:absolute;top:0;height:2px;background-color:var(--calcite-ui-brand)}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{content:\"\";position:absolute;top:-5px;width:100%;height:14px}.tick{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{background-color:var(--calcite-ui-brand)}.tick__label{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{left:0;margin:14px -3px;text-align:left;-webkit-transition:opacity 150ms;transition:opacity 150ms}.tick__label--max{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,:host([has-histogram][label-handles]) .tick__label--max{margin:6px -3px;font-weight:300;color:var(--calcite-ui-text-3)}:host([has-histogram][precise]:not([precise=false])) .tick__label--min,:host([has-histogram][precise]:not([precise=false])) .tick__label--max{margin:6px -3px;font-weight:300;color:var(--calcite-ui-text-3)}.graph{color:var(--calcite-ui-foreground-3)}:host([mirrored]:not([has-histogram])) .tick__label--min{right:0;left:unset;text-align:right}:host([mirrored]:not([has-histogram])) .tick__label--max{right:unset;left:0;text-align:left}";
17088
17112
 
17089
17113
  let CalciteSlider$1 = class extends HTMLElement {
17090
17114
  constructor() {
17091
17115
  super();
17092
17116
  this.__registerHost();
17093
- attachShadow(this);
17117
+ this.__attachShadow();
17094
17118
  this.calciteSliderInput = createEvent(this, "calciteSliderInput", 7);
17095
17119
  this.calciteSliderChange = createEvent(this, "calciteSliderChange", 7);
17096
17120
  this.calciteSliderUpdate = createEvent(this, "calciteSliderUpdate", 7);
@@ -17323,7 +17347,7 @@ let CalciteSlider$1 = class extends HTMLElement {
17323
17347
  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)));
17324
17348
  }
17325
17349
  renderGraph() {
17326
- return this.histogram ? (h("div", { class: "graph" }, h("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;
17350
+ return this.histogram ? (h("div", { class: "graph" }, h("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;
17327
17351
  }
17328
17352
  renderTickLabel(tick) {
17329
17353
  const isMinTickLabel = tick === this.min;
@@ -20796,7 +20820,7 @@ let CalciteSortableList$1 = class extends HTMLElement {
20796
20820
  constructor() {
20797
20821
  super();
20798
20822
  this.__registerHost();
20799
- attachShadow(this);
20823
+ this.__attachShadow();
20800
20824
  this.calciteListOrderChange = createEvent(this, "calciteListOrderChange", 7);
20801
20825
  /**
20802
20826
  * The selector for the handle elements.
@@ -20956,7 +20980,7 @@ let CalciteSplitButton$1 = class extends HTMLElement {
20956
20980
  constructor() {
20957
20981
  super();
20958
20982
  this.__registerHost();
20959
- attachShadow(this);
20983
+ this.__attachShadow();
20960
20984
  this.calciteSplitButtonPrimaryClick = createEvent(this, "calciteSplitButtonPrimaryClick", 7);
20961
20985
  this.calciteSplitButtonSecondaryClick = createEvent(this, "calciteSplitButtonSecondaryClick", 7);
20962
20986
  /** specify the appearance style of the button, defaults to solid. */
@@ -21012,7 +21036,7 @@ let CalciteStepper$1 = class extends HTMLElement {
21012
21036
  constructor() {
21013
21037
  super();
21014
21038
  this.__registerHost();
21015
- attachShadow(this);
21039
+ this.__attachShadow();
21016
21040
  this.calciteStepperItemChange = createEvent(this, "calciteStepperItemChange", 7);
21017
21041
  //--------------------------------------------------------------------------
21018
21042
  //
@@ -21225,7 +21249,7 @@ let CalciteStepperItem$1 = class extends HTMLElement {
21225
21249
  constructor() {
21226
21250
  super();
21227
21251
  this.__registerHost();
21228
- attachShadow(this);
21252
+ this.__attachShadow();
21229
21253
  this.calciteStepperItemKeyEvent = createEvent(this, "calciteStepperItemKeyEvent", 7);
21230
21254
  this.calciteStepperItemSelect = createEvent(this, "calciteStepperItemSelect", 7);
21231
21255
  this.calciteStepperItemRegister = createEvent(this, "calciteStepperItemRegister", 7);
@@ -21373,7 +21397,7 @@ let CalciteSwitch$1 = class extends HTMLElement {
21373
21397
  constructor() {
21374
21398
  super();
21375
21399
  this.__registerHost();
21376
- attachShadow(this);
21400
+ this.__attachShadow();
21377
21401
  this.calciteSwitchChange = createEvent(this, "calciteSwitchChange", 7);
21378
21402
  //--------------------------------------------------------------------------
21379
21403
  //
@@ -21466,6 +21490,11 @@ let CalciteSwitch$1 = class extends HTMLElement {
21466
21490
  //--------------------------------------------------------------------------
21467
21491
  connectedCallback() {
21468
21492
  connectLabel(this);
21493
+ const initiallyChecked = this.checked || this.switched;
21494
+ if (initiallyChecked) {
21495
+ // if either prop is set, we ensure both are synced initially
21496
+ this.switched = this.checked = initiallyChecked;
21497
+ }
21469
21498
  }
21470
21499
  disconnectedCallback() {
21471
21500
  disconnectLabel(this);
@@ -21500,7 +21529,7 @@ let CalciteTab$1 = class extends HTMLElement {
21500
21529
  constructor() {
21501
21530
  super();
21502
21531
  this.__registerHost();
21503
- attachShadow(this);
21532
+ this.__attachShadow();
21504
21533
  this.calciteTabRegister = createEvent(this, "calciteTabRegister", 7);
21505
21534
  /**
21506
21535
  * Show this tab
@@ -21594,7 +21623,7 @@ let CalciteTabNav$1 = class extends HTMLElement {
21594
21623
  constructor() {
21595
21624
  super();
21596
21625
  this.__registerHost();
21597
- attachShadow(this);
21626
+ this.__attachShadow();
21598
21627
  this.calciteTabChange = createEvent(this, "calciteTabChange", 7);
21599
21628
  /** @internal Parent tabs component scale value */
21600
21629
  this.scale = "m";
@@ -21772,7 +21801,7 @@ let CalciteTabTitle$1 = class extends HTMLElement {
21772
21801
  constructor() {
21773
21802
  super();
21774
21803
  this.__registerHost();
21775
- attachShadow(this);
21804
+ this.__attachShadow();
21776
21805
  this.calciteTabsActivate = createEvent(this, "calciteTabsActivate", 7);
21777
21806
  this.calciteTabsFocusNext = createEvent(this, "calciteTabsFocusNext", 7);
21778
21807
  this.calciteTabsFocusPrevious = createEvent(this, "calciteTabsFocusPrevious", 7);
@@ -21961,7 +21990,7 @@ let CalciteTabs$1 = class extends HTMLElement {
21961
21990
  constructor() {
21962
21991
  super();
21963
21992
  this.__registerHost();
21964
- attachShadow(this);
21993
+ this.__attachShadow();
21965
21994
  //--------------------------------------------------------------------------
21966
21995
  //
21967
21996
  // Public Properties
@@ -22113,13 +22142,13 @@ const SLOTS$3 = {
22113
22142
  contentEnd: "content-end"
22114
22143
  };
22115
22144
 
22116
- 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{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{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])){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){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){-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])){padding:0}:host([icon][heading]:not([description])) .icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host([icon][heading]:not([description])) .large-visual{text-align:center}:host([disabled]){opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}.container{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));grid-gap:0.5rem;gap:0.5rem;pointer-events:none}.content{-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{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{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1)}.content-slot-container:first-child{padding-right:0.75rem}.content-slot-container:last-child{padding-left:0.75rem}.heading{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{-ms-flex-align:center;align-items:center;min-height:12rem}.large-visual .icon{-ms-flex-item-align:end;align-self:flex-end}.large-visual .content-container{-ms-flex-item-align:center;align-self:center}.description{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,:host([active]) .heading{color:var(--calcite-ui-text-1)}:host(:hover) .description,:host([active]) .description{color:var(--calcite-ui-text-2)}";
22145
+ 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{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{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])){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){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){-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])){padding:0}:host([icon][heading]:not([description])) .icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host([icon][heading]:not([description])) .large-visual{text-align:center}:host([disabled]){opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}.container{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));grid-gap:0.5rem;gap:0.5rem;pointer-events:none}.content{-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{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{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1)}.content-slot-container:first-child{padding-right:0.75rem}.content-slot-container:last-child{padding-left:0.75rem}.heading{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{-ms-flex-align:center;align-items:center;min-height:12rem}.large-visual .icon{-ms-flex-item-align:end;align-self:flex-end}.large-visual .content-container{-ms-flex-item-align:center;align-self:center}.description{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,:host([active]) .heading{color:var(--calcite-ui-text-1)}:host(:hover) .description,:host([active]) .description{color:var(--calcite-ui-text-2)}";
22117
22146
 
22118
22147
  let CalciteTile$1 = class extends HTMLElement {
22119
22148
  constructor() {
22120
22149
  super();
22121
22150
  this.__registerHost();
22122
- attachShadow(this);
22151
+ this.__attachShadow();
22123
22152
  //--------------------------------------------------------------------------
22124
22153
  //
22125
22154
  // Properties
@@ -22170,7 +22199,7 @@ let CalciteTileSelect$1 = class extends HTMLElement {
22170
22199
  constructor() {
22171
22200
  super();
22172
22201
  this.__registerHost();
22173
- attachShadow(this);
22202
+ this.__attachShadow();
22174
22203
  this.calciteTileSelectChange = createEvent(this, "calciteTileSelectChange", 7);
22175
22204
  //--------------------------------------------------------------------------
22176
22205
  //
@@ -22331,7 +22360,7 @@ let CalciteTileSelectGroup$1 = class extends HTMLElement {
22331
22360
  constructor() {
22332
22361
  super();
22333
22362
  this.__registerHost();
22334
- attachShadow(this);
22363
+ this.__attachShadow();
22335
22364
  //--------------------------------------------------------------------------
22336
22365
  //
22337
22366
  // Properties
@@ -22389,7 +22418,7 @@ let CalciteTimePicker$1 = class extends HTMLElement {
22389
22418
  constructor() {
22390
22419
  super();
22391
22420
  this.__registerHost();
22392
- attachShadow(this);
22421
+ this.__attachShadow();
22393
22422
  this.calciteTimePickerBlur = createEvent(this, "calciteTimePickerBlur", 7);
22394
22423
  this.calciteTimePickerChange = createEvent(this, "calciteTimePickerChange", 7);
22395
22424
  this.calciteTimePickerFocus = createEvent(this, "calciteTimePickerFocus", 7);
@@ -23002,7 +23031,7 @@ let CalciteTip$1 = class extends HTMLElement {
23002
23031
  constructor() {
23003
23032
  super();
23004
23033
  this.__registerHost();
23005
- attachShadow(this);
23034
+ this.__attachShadow();
23006
23035
  this.calciteTipDismiss = createEvent(this, "calciteTipDismiss", 7);
23007
23036
  // --------------------------------------------------------------------------
23008
23037
  //
@@ -23072,7 +23101,7 @@ let CalciteTipGroup$1 = class extends HTMLElement {
23072
23101
  constructor() {
23073
23102
  super();
23074
23103
  this.__registerHost();
23075
- attachShadow(this);
23104
+ this.__attachShadow();
23076
23105
  }
23077
23106
  render() {
23078
23107
  return h("slot", null);
@@ -23086,7 +23115,7 @@ let CalciteTipManager$1 = class extends HTMLElement {
23086
23115
  constructor() {
23087
23116
  super();
23088
23117
  this.__registerHost();
23089
- attachShadow(this);
23118
+ this.__attachShadow();
23090
23119
  this.calciteTipManagerToggle = createEvent(this, "calciteTipManagerToggle", 7);
23091
23120
  // --------------------------------------------------------------------------
23092
23121
  //
@@ -23253,7 +23282,7 @@ let CalciteTooltip$1 = class extends HTMLElement {
23253
23282
  constructor() {
23254
23283
  super();
23255
23284
  this.__registerHost();
23256
- attachShadow(this);
23285
+ this.__attachShadow();
23257
23286
  /**
23258
23287
  * Offset the position of the popover away from the reference element.
23259
23288
  * @default 6
@@ -23359,7 +23388,7 @@ let CalciteTooltip$1 = class extends HTMLElement {
23359
23388
  const { popper, el, placement } = this;
23360
23389
  const modifiers = this.getModifiers();
23361
23390
  popper
23362
- ? updatePopper({
23391
+ ? await updatePopper({
23363
23392
  el,
23364
23393
  modifiers,
23365
23394
  placement,
@@ -23441,7 +23470,7 @@ let CalciteTooltipManager$1 = class extends HTMLElement {
23441
23470
  constructor() {
23442
23471
  super();
23443
23472
  this.__registerHost();
23444
- attachShadow(this);
23473
+ this.__attachShadow();
23445
23474
  this.hoverTimeouts = new WeakMap();
23446
23475
  // --------------------------------------------------------------------------
23447
23476
  //
@@ -23594,7 +23623,7 @@ let CalciteTree$1 = class extends HTMLElement {
23594
23623
  constructor() {
23595
23624
  super();
23596
23625
  this.__registerHost();
23597
- attachShadow(this);
23626
+ this.__attachShadow();
23598
23627
  this.calciteTreeSelect = createEvent(this, "calciteTreeSelect", 7);
23599
23628
  //--------------------------------------------------------------------------
23600
23629
  //
@@ -23798,7 +23827,7 @@ let CalciteTreeItem$1 = class extends HTMLElement {
23798
23827
  constructor() {
23799
23828
  super();
23800
23829
  this.__registerHost();
23801
- attachShadow(this);
23830
+ this.__attachShadow();
23802
23831
  this.calciteTreeItemSelect = createEvent(this, "calciteTreeItemSelect", 7);
23803
23832
  //--------------------------------------------------------------------------
23804
23833
  //
@@ -24044,7 +24073,7 @@ let CalciteValueList$1 = class extends HTMLElement {
24044
24073
  constructor() {
24045
24074
  super();
24046
24075
  this.__registerHost();
24047
- attachShadow(this);
24076
+ this.__attachShadow();
24048
24077
  this.calciteListChange = createEvent(this, "calciteListChange", 7);
24049
24078
  this.calciteListOrderChange = createEvent(this, "calciteListOrderChange", 7);
24050
24079
  // --------------------------------------------------------------------------
@@ -24239,7 +24268,7 @@ let CalciteValueListItem$1 = class extends HTMLElement {
24239
24268
  constructor() {
24240
24269
  super();
24241
24270
  this.__registerHost();
24242
- attachShadow(this);
24271
+ this.__attachShadow();
24243
24272
  this.calciteListItemRemove = createEvent(this, "calciteListItemRemove", 7);
24244
24273
  /**
24245
24274
  * When true, the item cannot be clicked and is visually muted
@@ -24371,9 +24400,9 @@ const CalciteDropdown = /*@__PURE__*/proxyCustomElement(CalciteDropdown$1, [1,"c
24371
24400
  const CalciteDropdownGroup = /*@__PURE__*/proxyCustomElement(CalciteDropdownGroup$1, [1,"calcite-dropdown-group",{"groupTitle":[513,"group-title"],"selectionMode":[513,"selection-mode"],"scale":[513]},[[0,"calciteDropdownItemSelect","updateActiveItemOnChange"]]]);
24372
24401
  const CalciteDropdownItem = /*@__PURE__*/proxyCustomElement(CalciteDropdownItem$1, [1,"calcite-dropdown-item",{"active":[1540],"iconFlipRtl":[513,"icon-flip-rtl"],"iconStart":[513,"icon-start"],"iconEnd":[513,"icon-end"],"href":[513],"label":[1],"rel":[1],"target":[1]},[[0,"click","onClick"],[0,"keydown","keyDownHandler"],[16,"calciteDropdownItemChange","updateActiveItemOnChange"]]]);
24373
24402
  const CalciteFab = /*@__PURE__*/proxyCustomElement(CalciteFab$1, [1,"calcite-fab",{"appearance":[513],"color":[513],"disabled":[516],"icon":[1],"label":[1],"loading":[516],"scale":[513],"text":[1],"textEnabled":[516,"text-enabled"]}]);
24374
- const CalciteFilter = /*@__PURE__*/proxyCustomElement(CalciteFilter$1, [1,"calcite-filter",{"data":[16],"disabled":[516],"intlClear":[1,"intl-clear"],"intlLabel":[1,"intl-label"],"placeholder":[1],"empty":[32]}]);
24403
+ const CalciteFilter = /*@__PURE__*/proxyCustomElement(CalciteFilter$1, [1,"calcite-filter",{"data":[16],"disabled":[516],"intlClear":[1,"intl-clear"],"intlLabel":[1,"intl-label"],"placeholder":[1],"value":[1025]}]);
24375
24404
  const CalciteFlow = /*@__PURE__*/proxyCustomElement(CalciteFlow$1, [1,"calcite-flow",{"panelCount":[32],"flowDirection":[32],"panels":[32]},[[0,"calcitePanelBackClick","handleCalcitePanelBackClick"]]]);
24376
- const CalciteGraph = /*@__PURE__*/proxyCustomElement(CalciteGraph$1, [1,"calcite-graph",{"data":[16],"colorStops":[16],"width":[2],"height":[2],"highlightMin":[2,"highlight-min"],"highlightMax":[2,"highlight-max"]}]);
24405
+ const CalciteGraph = /*@__PURE__*/proxyCustomElement(CalciteGraph$1, [1,"calcite-graph",{"data":[16],"colorStops":[16],"width":[2],"height":[2],"highlightMin":[2,"highlight-min"],"highlightMax":[2,"highlight-max"],"min":[2],"max":[2]}]);
24377
24406
  const CalciteHandle = /*@__PURE__*/proxyCustomElement(CalciteHandle$1, [1,"calcite-handle",{"activated":[1540],"textTitle":[513,"text-title"]}]);
24378
24407
  const CalciteIcon = /*@__PURE__*/proxyCustomElement(CalciteIcon$1, [1,"calcite-icon",{"icon":[513],"flipRtl":[516,"flip-rtl"],"scale":[513],"textLabel":[1,"text-label"],"pathData":[32],"visible":[32]}]);
24379
24408
  const CalciteInlineEditable = /*@__PURE__*/proxyCustomElement(CalciteInlineEditable$1, [6,"calcite-inline-editable",{"disabled":[516],"editingEnabled":[1540,"editing-enabled"],"loading":[1540],"controls":[516],"intlEnableEditing":[513,"intl-enable-editing"],"intlCancelEditing":[513,"intl-cancel-editing"],"intlConfirmChanges":[513,"intl-confirm-changes"],"scale":[1537],"afterConfirm":[16]},[[0,"calciteInputBlur","blurHandler"]]]);
@@ -24415,7 +24444,7 @@ const CalciteSortableList = /*@__PURE__*/proxyCustomElement(CalciteSortableList$
24415
24444
  const CalciteSplitButton = /*@__PURE__*/proxyCustomElement(CalciteSplitButton$1, [1,"calcite-split-button",{"appearance":[513],"color":[513],"disabled":[516],"active":[516],"dropdownIconType":[513,"dropdown-icon-type"],"dropdownLabel":[513,"dropdown-label"],"loading":[516],"primaryIconEnd":[513,"primary-icon-end"],"primaryIconFlipRtl":[513,"primary-icon-flip-rtl"],"primaryIconStart":[513,"primary-icon-start"],"primaryLabel":[513,"primary-label"],"primaryText":[513,"primary-text"],"scale":[513],"width":[513]}]);
24416
24445
  const CalciteStepper = /*@__PURE__*/proxyCustomElement(CalciteStepper$1, [1,"calcite-stepper",{"icon":[516],"layout":[513],"numbered":[516],"scale":[513],"requestedContent":[1040]},[[0,"calciteStepperItemKeyEvent","calciteStepperItemKeyEvent"],[0,"calciteStepperItemRegister","registerItem"],[0,"calciteStepperItemSelect","updateItem"]]]);
24417
24446
  const CalciteStepperItem = /*@__PURE__*/proxyCustomElement(CalciteStepperItem$1, [1,"calcite-stepper-item",{"active":[1540],"complete":[516],"error":[4],"disabled":[4],"itemTitle":[1,"item-title"],"itemSubtitle":[1,"item-subtitle"],"layout":[1537],"icon":[1028],"numbered":[1028],"scale":[1537]},[[0,"keydown","keyDownHandler"],[16,"calciteStepperItemChange","updateActiveItemOnChange"]]]);
24418
- const CalciteSwitch = /*@__PURE__*/proxyCustomElement(CalciteSwitch$1, [1,"calcite-switch",{"disabled":[516],"label":[1],"name":[513],"scale":[513],"switched":[4],"checked":[1540],"value":[520],"guid":[32],"tabindex":[32]},[[0,"keydown","keyDownHandler"]]]);
24447
+ const CalciteSwitch = /*@__PURE__*/proxyCustomElement(CalciteSwitch$1, [1,"calcite-switch",{"disabled":[516],"label":[1],"name":[513],"scale":[513],"switched":[1028],"checked":[1540],"value":[520],"guid":[32],"tabindex":[32]},[[0,"keydown","keyDownHandler"]]]);
24419
24448
  const CalciteTab = /*@__PURE__*/proxyCustomElement(CalciteTab$1, [1,"calcite-tab",{"tab":[513],"active":[1540],"scale":[1537],"labeledBy":[32]},[[16,"calciteTabChange","tabChangeHandler"]]]);
24420
24449
  const CalciteTabNav = /*@__PURE__*/proxyCustomElement(CalciteTabNav$1, [1,"calcite-tab-nav",{"storageId":[1,"storage-id"],"syncId":[1,"sync-id"],"scale":[1537],"layout":[1537],"position":[1537],"bordered":[1540],"indicatorOffset":[1026,"indicator-offset"],"indicatorWidth":[1026,"indicator-width"],"selectedTab":[32],"selectedTabEl":[32]},[[9,"resize","resizeHandler"],[0,"calciteTabsFocusPrevious","focusPreviousTabHandler"],[0,"calciteTabsFocusNext","focusNextTabHandler"],[0,"calciteTabsActivate","activateTabHandler"],[0,"calciteTabTitleRegister","updateTabTitles"],[16,"calciteTabChange","globalTabChangeHandler"]]]);
24421
24450
  const CalciteTabTitle = /*@__PURE__*/proxyCustomElement(CalciteTabTitle$1, [1,"calcite-tab-title",{"active":[1540],"disabled":[516],"iconEnd":[513,"icon-end"],"iconFlipRtl":[513,"icon-flip-rtl"],"iconStart":[513,"icon-start"],"layout":[1537],"position":[1537],"scale":[1537],"bordered":[1540],"tab":[513],"controls":[32],"hasText":[32]},[[16,"calciteTabChange","tabChangeHandler"],[0,"click","onClick"],[0,"keydown","keyDownHandler"]]]);