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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (533) hide show
  1. package/CHANGELOG.md +1509 -0
  2. package/dist/calcite/calcite.esm.js +1 -1
  3. package/dist/calcite/calcite.js +1 -1
  4. package/dist/calcite/{p-75793454.entry.js → p-0100aeb0.entry.js} +1 -1
  5. package/dist/calcite/p-03706508.system.entry.js +5 -0
  6. package/dist/calcite/{p-cbdf0e6c.js → p-05d1dfc6.js} +1 -1
  7. package/dist/calcite/{p-a8cd5cde.system.entry.js → p-06646eed.system.entry.js} +1 -1
  8. package/dist/calcite/{p-d7a7a544.system.entry.js → p-0797f73c.system.entry.js} +1 -1
  9. package/dist/calcite/{p-530584ff.system.entry.js → p-09e3fcfc.system.entry.js} +1 -1
  10. package/dist/calcite/p-0ba6ede9.entry.js +5 -0
  11. package/dist/calcite/{p-01c3783e.system.entry.js → p-0ecd0204.system.entry.js} +1 -1
  12. package/dist/calcite/{p-9ac1fa0b.system.entry.js → p-0f3d73e3.system.entry.js} +1 -1
  13. package/dist/calcite/{p-349333f8.system.entry.js → p-10759c71.system.entry.js} +2 -2
  14. package/dist/calcite/{p-32faf98b.system.entry.js → p-10de63d7.system.entry.js} +1 -1
  15. package/dist/calcite/{p-7f4a5f8e.system.entry.js → p-15a45778.system.entry.js} +2 -2
  16. package/dist/calcite/p-1e875199.entry.js +5 -0
  17. package/dist/calcite/{p-693a4d5f.entry.js → p-1f7130a9.entry.js} +1 -1
  18. package/dist/calcite/{p-72ffc6d7.entry.js → p-2418cceb.entry.js} +1 -1
  19. package/dist/calcite/{p-32fbf8cd.system.js → p-25a31861.system.js} +1 -1
  20. package/dist/calcite/{p-8655c0a1.entry.js → p-28261aae.entry.js} +1 -1
  21. package/dist/calcite/{p-95a3a0ce.entry.js → p-3383d9b4.entry.js} +1 -1
  22. package/dist/calcite/{p-87b93729.entry.js → p-36e5db45.entry.js} +1 -1
  23. package/dist/calcite/p-37859236.entry.js +5 -0
  24. package/dist/calcite/{p-bd555b2e.system.entry.js → p-38ee7306.system.entry.js} +1 -1
  25. package/dist/calcite/{p-9caae570.entry.js → p-38f09842.entry.js} +1 -1
  26. package/dist/calcite/{p-8efb43fc.entry.js → p-3962cd38.entry.js} +1 -1
  27. package/dist/calcite/{p-9d83f268.system.entry.js → p-3bb30b44.system.entry.js} +1 -1
  28. package/dist/calcite/{p-bb916828.system.entry.js → p-3cf93a58.system.entry.js} +1 -1
  29. package/dist/calcite/p-3dae9da3.js +5 -0
  30. package/dist/calcite/{p-ff04f827.system.entry.js → p-3e438b5b.system.entry.js} +1 -1
  31. package/dist/calcite/{p-2920aa02.entry.js → p-3f1d1bad.entry.js} +1 -1
  32. package/dist/calcite/{p-69548a7d.system.entry.js → p-413b4857.system.entry.js} +1 -1
  33. package/dist/calcite/{p-da9603a3.entry.js → p-4185db77.entry.js} +1 -1
  34. package/dist/calcite/p-45257edb.js +5 -0
  35. package/dist/calcite/{p-5cb26137.system.entry.js → p-49d5ee42.system.entry.js} +1 -1
  36. package/dist/calcite/{p-5c221c33.system.entry.js → p-4c7e3915.system.entry.js} +1 -1
  37. package/dist/calcite/p-502736d8.system.entry.js +5 -0
  38. package/dist/calcite/{p-ac3d8784.entry.js → p-507b2cc4.entry.js} +1 -1
  39. package/dist/calcite/{p-26045881.entry.js → p-51bc5466.entry.js} +1 -1
  40. package/dist/calcite/{p-34a6550f.system.entry.js → p-527146c8.system.entry.js} +1 -1
  41. package/dist/calcite/{p-cd8f7781.system.entry.js → p-530b28e1.system.entry.js} +1 -1
  42. package/dist/calcite/{p-f37563ac.system.entry.js → p-5322b333.system.entry.js} +1 -1
  43. package/dist/calcite/{p-d7e5b807.system.entry.js → p-58e98b2d.system.entry.js} +1 -1
  44. package/dist/calcite/{p-1f99b038.entry.js → p-58eca102.entry.js} +1 -1
  45. package/dist/calcite/p-5ce47e9f.entry.js +5 -0
  46. package/dist/calcite/{p-9dbb69f7.entry.js → p-5efd7297.entry.js} +1 -1
  47. package/dist/calcite/{p-37cee0ea.entry.js → p-6621aee1.entry.js} +1 -1
  48. package/dist/calcite/{p-31c4a271.system.entry.js → p-684ccd4e.system.entry.js} +1 -1
  49. package/dist/calcite/{p-473cfb74.system.entry.js → p-6988c6b7.system.entry.js} +1 -1
  50. package/dist/calcite/{p-4c7e3d8e.system.entry.js → p-6c8a562f.system.entry.js} +1 -1
  51. package/dist/calcite/{p-727c8f36.system.entry.js → p-70cd1387.system.entry.js} +1 -1
  52. package/dist/calcite/{p-bfc162ee.system.entry.js → p-71ea4a6f.system.entry.js} +2 -2
  53. package/dist/calcite/{p-18078190.entry.js → p-72fa390e.entry.js} +1 -1
  54. package/dist/calcite/{p-1aaf7f83.entry.js → p-75f714c9.entry.js} +1 -1
  55. package/dist/calcite/{p-41e9b889.entry.js → p-76ccd204.entry.js} +1 -1
  56. package/dist/calcite/{p-7b01fe89.js → p-79cbbf2d.js} +1 -1
  57. package/dist/calcite/p-7a6c6382.entry.js +5 -0
  58. package/dist/calcite/p-7ade2294.system.entry.js +5 -0
  59. package/dist/calcite/{p-20042561.entry.js → p-7b869bc5.entry.js} +1 -1
  60. package/dist/calcite/{p-a93678c6.system.entry.js → p-7b89726e.system.entry.js} +2 -2
  61. package/dist/calcite/{p-318e95d7.system.entry.js → p-7c161518.system.entry.js} +1 -1
  62. package/dist/calcite/{p-f4299b95.entry.js → p-7c37ca39.entry.js} +1 -1
  63. package/dist/calcite/{p-1b2c1f55.entry.js → p-7dd5c4e4.entry.js} +1 -1
  64. package/dist/calcite/{p-a20df95c.js → p-809ddb6a.js} +1 -1
  65. package/dist/calcite/{p-22ad79b1.entry.js → p-83302e1c.entry.js} +1 -1
  66. package/dist/calcite/{p-9358deb1.system.entry.js → p-83ccefba.system.entry.js} +1 -1
  67. package/dist/calcite/p-86af9de1.entry.js +5 -0
  68. package/dist/calcite/{p-c0dd929a.entry.js → p-8953f712.entry.js} +1 -1
  69. package/dist/calcite/{p-c74fc589.system.js → p-89cdfa96.system.js} +1 -1
  70. package/dist/calcite/{p-b701101e.entry.js → p-8bc3e126.entry.js} +1 -1
  71. package/dist/calcite/p-91f046a2.entry.js +5 -0
  72. package/dist/calcite/{p-9e4f2697.system.entry.js → p-98789055.system.entry.js} +1 -1
  73. package/dist/calcite/{p-568ed3d6.system.entry.js → p-98a632a4.system.entry.js} +1 -1
  74. package/dist/calcite/{p-10ccc21d.entry.js → p-9affee61.entry.js} +1 -1
  75. package/dist/calcite/{p-81a82d01.system.entry.js → p-9f92ae58.system.entry.js} +1 -1
  76. package/dist/calcite/{p-99da965d.system.entry.js → p-9fa024e6.system.entry.js} +1 -1
  77. package/dist/calcite/{p-7b600760.entry.js → p-9fa5e356.entry.js} +1 -1
  78. package/dist/calcite/{p-4e06a168.entry.js → p-9fa67508.entry.js} +1 -1
  79. package/dist/calcite/{p-021d44b7.system.entry.js → p-9fc0dc2c.system.entry.js} +1 -1
  80. package/dist/calcite/{p-0e30afe6.entry.js → p-a09634e2.entry.js} +1 -1
  81. package/dist/calcite/{p-87e83c0d.system.entry.js → p-a5bfc29d.system.entry.js} +1 -1
  82. package/dist/calcite/p-a677e52e.entry.js +5 -0
  83. package/dist/calcite/{p-64d90b14.system.js → p-a7ba0292.system.js} +1 -1
  84. package/dist/calcite/{p-7c0debe0.system.entry.js → p-a8569c55.system.entry.js} +1 -1
  85. package/dist/calcite/p-ac6b615b.entry.js +5 -0
  86. package/dist/calcite/p-b018fbbd.entry.js +5 -0
  87. package/dist/calcite/p-b1f88d45.system.js +5 -0
  88. package/dist/calcite/{p-eb3ee207.entry.js → p-b244a00c.entry.js} +1 -1
  89. package/dist/calcite/{p-fc4846f0.system.entry.js → p-b3d6ab12.system.entry.js} +1 -1
  90. package/dist/calcite/{p-57f5866d.system.entry.js → p-b41deed0.system.entry.js} +1 -1
  91. package/dist/calcite/{p-a7521c0d.entry.js → p-b42d730f.entry.js} +1 -1
  92. package/dist/calcite/p-b4960d06.system.js +5 -0
  93. package/dist/calcite/{p-ba9b4f62.system.entry.js → p-b4e7b593.system.entry.js} +1 -1
  94. package/dist/calcite/{p-0fc8b24c.system.entry.js → p-b8d040e5.system.entry.js} +1 -1
  95. package/dist/calcite/{p-175764f3.system.entry.js → p-ba1322e6.system.entry.js} +1 -1
  96. package/dist/calcite/{p-3929447c.system.entry.js → p-bf25e278.system.entry.js} +1 -1
  97. package/dist/calcite/{p-fff0a881.entry.js → p-bf8b70a8.entry.js} +1 -1
  98. package/dist/calcite/p-c34c4414.system.js +5 -0
  99. package/dist/calcite/p-c399cfce.entry.js +5 -0
  100. package/dist/calcite/p-c4294f70.entry.js +5 -0
  101. package/dist/calcite/{p-c3922ef7.system.entry.js → p-c48b4b7e.system.entry.js} +1 -1
  102. package/dist/calcite/p-c60e3a71.entry.js +5 -0
  103. package/dist/calcite/{p-050dc7e6.system.entry.js → p-c8e4117c.system.entry.js} +1 -1
  104. package/dist/calcite/{p-3ba8024a.system.entry.js → p-c99d8f9e.system.entry.js} +1 -1
  105. package/dist/calcite/{p-00d72f16.entry.js → p-c9ecea64.entry.js} +1 -1
  106. package/dist/calcite/{p-9d3ee5cf.system.entry.js → p-ca79fabf.system.entry.js} +1 -1
  107. package/dist/calcite/{p-be3b0fee.entry.js → p-cacca548.entry.js} +1 -1
  108. package/dist/calcite/{p-67fd79db.entry.js → p-cc4aeb6f.entry.js} +1 -1
  109. package/dist/calcite/{p-f8d975a1.system.entry.js → p-cca94491.system.entry.js} +1 -1
  110. package/dist/calcite/{p-f141da0f.entry.js → p-cd41629f.entry.js} +1 -1
  111. package/dist/calcite/{p-7cdfec27.system.js → p-d11ad046.system.js} +1 -1
  112. package/dist/calcite/p-d4059426.entry.js +5 -0
  113. package/dist/calcite/{p-8fcfe861.js → p-d53cc958.js} +1 -1
  114. package/dist/calcite/p-d6048152.system.entry.js +5 -0
  115. package/dist/calcite/{p-acaad99b.system.entry.js → p-daa110fe.system.entry.js} +1 -1
  116. package/dist/calcite/{p-fe52131d.entry.js → p-dc6aef8b.entry.js} +1 -1
  117. package/dist/calcite/{p-45d123be.system.entry.js → p-dcf30b00.system.entry.js} +1 -1
  118. package/dist/calcite/{p-c20278e8.system.entry.js → p-de3a04c2.system.entry.js} +1 -1
  119. package/dist/calcite/{p-3b17d8d0.system.js → p-e35e7216.system.js} +1 -1
  120. package/dist/calcite/{p-f5d25746.system.entry.js → p-e40dd6fe.system.entry.js} +1 -1
  121. package/dist/calcite/{p-e693758c.entry.js → p-e638ff0e.entry.js} +1 -1
  122. package/dist/calcite/{p-7839d1c9.entry.js → p-e7819705.entry.js} +1 -1
  123. package/dist/calcite/{p-d5d62977.entry.js → p-eccb140e.entry.js} +1 -1
  124. package/dist/calcite/{p-cb228ac0.entry.js → p-edf0f4f8.entry.js} +1 -1
  125. package/dist/calcite/p-eed43a57.system.entry.js +5 -0
  126. package/dist/calcite/{p-18574b32.entry.js → p-f0228763.entry.js} +1 -1
  127. package/dist/calcite/{p-c57f8690.entry.js → p-f281f1e9.entry.js} +1 -1
  128. package/dist/calcite/{p-85a2bf7c.system.entry.js → p-f32e61bb.system.entry.js} +1 -1
  129. package/dist/calcite/p-f5bb39bb.js +5 -0
  130. package/dist/calcite/{p-e3a30266.system.entry.js → p-f6f4648e.system.entry.js} +1 -1
  131. package/dist/calcite/{p-51cb078a.entry.js → p-f93a7fce.entry.js} +1 -1
  132. package/dist/calcite/{p-e33a2dd2.system.entry.js → p-fba65e4a.system.entry.js} +1 -1
  133. package/dist/cjs/{CalciteExpandToggle-0d802f83.js → CalciteExpandToggle-6a9f9858.js} +1 -1
  134. package/dist/cjs/{CalciteHeading-381b977d.js → CalciteHeading-363b0525.js} +1 -1
  135. package/dist/cjs/calcite-accordion_2.cjs.entry.js +1 -1
  136. package/dist/cjs/calcite-action-bar.cjs.entry.js +2 -2
  137. package/dist/cjs/calcite-action-group.cjs.entry.js +1 -1
  138. package/dist/cjs/calcite-action-menu.cjs.entry.js +1 -1
  139. package/dist/cjs/calcite-action-pad.cjs.entry.js +2 -2
  140. package/dist/cjs/calcite-action.cjs.entry.js +1 -1
  141. package/dist/cjs/calcite-alert.cjs.entry.js +1 -1
  142. package/dist/cjs/calcite-avatar.cjs.entry.js +1 -1
  143. package/dist/cjs/calcite-block_2.cjs.entry.js +3 -3
  144. package/dist/cjs/calcite-button.cjs.entry.js +2 -2
  145. package/dist/cjs/calcite-card.cjs.entry.js +2 -2
  146. package/dist/cjs/calcite-checkbox.cjs.entry.js +2 -2
  147. package/dist/cjs/calcite-chip.cjs.entry.js +1 -1
  148. package/dist/cjs/calcite-color-picker_3.cjs.entry.js +14 -11
  149. package/dist/cjs/calcite-combobox_3.cjs.entry.js +8 -6
  150. package/dist/cjs/calcite-date-picker_4.cjs.entry.js +3 -3
  151. package/dist/cjs/calcite-dropdown_3.cjs.entry.js +4 -4
  152. package/dist/cjs/calcite-fab.cjs.entry.js +1 -1
  153. package/dist/cjs/calcite-filter.cjs.entry.js +43 -14
  154. package/dist/cjs/calcite-flow.cjs.entry.js +1 -1
  155. package/dist/cjs/calcite-graph_2.cjs.entry.js +19 -11
  156. package/dist/cjs/calcite-handle.cjs.entry.js +1 -1
  157. package/dist/cjs/calcite-icon.cjs.entry.js +1 -1
  158. package/dist/cjs/calcite-inline-editable.cjs.entry.js +2 -2
  159. package/dist/cjs/calcite-input-date-picker.cjs.entry.js +5 -5
  160. package/dist/cjs/calcite-input-message.cjs.entry.js +1 -1
  161. package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +2 -2
  162. package/dist/cjs/calcite-input.cjs.entry.js +32 -19
  163. package/dist/cjs/calcite-label.cjs.entry.js +1 -1
  164. package/dist/cjs/calcite-link.cjs.entry.js +1 -1
  165. package/dist/cjs/calcite-list_3.cjs.entry.js +2 -2
  166. package/dist/cjs/calcite-loader.cjs.entry.js +2 -2
  167. package/dist/cjs/calcite-modal.cjs.entry.js +1 -1
  168. package/dist/cjs/calcite-notice.cjs.entry.js +1 -1
  169. package/dist/cjs/calcite-option_3.cjs.entry.js +2 -2
  170. package/dist/cjs/calcite-pagination.cjs.entry.js +1 -1
  171. package/dist/cjs/calcite-panel.cjs.entry.js +3 -3
  172. package/dist/cjs/calcite-pick-list_3.cjs.entry.js +3 -3
  173. package/dist/cjs/calcite-popover_2.cjs.entry.js +4 -4
  174. package/dist/cjs/calcite-progress.cjs.entry.js +1 -1
  175. package/dist/cjs/calcite-radio-button-group.cjs.entry.js +1 -1
  176. package/dist/cjs/calcite-radio-group_2.cjs.entry.js +2 -2
  177. package/dist/cjs/calcite-radio_2.cjs.entry.js +2 -2
  178. package/dist/cjs/calcite-rating.cjs.entry.js +2 -2
  179. package/dist/cjs/calcite-scrim.cjs.entry.js +1 -1
  180. package/dist/cjs/calcite-shell_3.cjs.entry.js +1 -1
  181. package/dist/cjs/calcite-sortable-list.cjs.entry.js +1 -1
  182. package/dist/cjs/calcite-split-button.cjs.entry.js +1 -1
  183. package/dist/cjs/calcite-stepper_2.cjs.entry.js +1 -1
  184. package/dist/cjs/calcite-switch.cjs.entry.js +7 -2
  185. package/dist/cjs/calcite-tab_4.cjs.entry.js +1 -1
  186. package/dist/cjs/calcite-tile-select_2.cjs.entry.js +1 -1
  187. package/dist/cjs/calcite-tile.cjs.entry.js +2 -2
  188. package/dist/cjs/calcite-tip_3.cjs.entry.js +2 -2
  189. package/dist/cjs/calcite-tooltip_2.cjs.entry.js +3 -3
  190. package/dist/cjs/calcite-tree_2.cjs.entry.js +16 -9
  191. package/dist/cjs/calcite-value-list_2.cjs.entry.js +2 -2
  192. package/dist/cjs/calcite.cjs.js +3 -3
  193. package/dist/cjs/{index-1987a382.js → index-cee0daa9.js} +73 -64
  194. package/dist/cjs/{label-549c3d9d.js → label-8e3552b2.js} +33 -4
  195. package/dist/cjs/loader.cjs.js +3 -3
  196. package/dist/cjs/{popper-cd9c0742.js → popper-87bf13e6.js} +2 -2
  197. package/dist/cjs/{resources-7dcd68d1.js → resources-38563593.js} +1 -1
  198. package/dist/cjs/{resources-d0619f6a.js → resources-f9c141d2.js} +1 -1
  199. package/dist/collection/collection-manifest.json +2 -2
  200. package/dist/collection/components/calcite-accordion/calcite-accordion.js +2 -2
  201. package/dist/collection/components/calcite-accordion-item/calcite-accordion-item.js +8 -8
  202. package/dist/collection/components/calcite-action/calcite-action.js +4 -4
  203. package/dist/collection/components/calcite-action-menu/calcite-action-menu.js +2 -2
  204. package/dist/collection/components/calcite-alert/calcite-alert.js +6 -6
  205. package/dist/collection/components/calcite-block/calcite-block.css +2 -2
  206. package/dist/collection/components/calcite-block/calcite-block.js +4 -4
  207. package/dist/collection/components/calcite-button/calcite-button.js +4 -4
  208. package/dist/collection/components/calcite-card/calcite-card.js +8 -8
  209. package/dist/collection/components/calcite-checkbox/calcite-checkbox.js +8 -8
  210. package/dist/collection/components/calcite-chip/calcite-chip.js +2 -2
  211. package/dist/collection/components/calcite-color-picker/calcite-color-picker.js +59 -56
  212. package/dist/collection/components/calcite-color-picker-hex-input/calcite-color-picker-hex-input.js +4 -4
  213. package/dist/collection/components/calcite-color-picker-swatch/calcite-color-picker-swatch.js +2 -2
  214. package/dist/collection/components/calcite-combobox/calcite-combobox.js +11 -9
  215. package/dist/collection/components/calcite-date-picker/calcite-date-picker.js +6 -6
  216. package/dist/collection/components/calcite-date-picker-day/calcite-date-picker-day.js +2 -2
  217. package/dist/collection/components/calcite-date-picker-month/calcite-date-picker-month.js +6 -6
  218. package/dist/collection/components/calcite-dropdown/calcite-dropdown.js +5 -5
  219. package/dist/collection/components/calcite-dropdown-group/calcite-dropdown-group.js +2 -2
  220. package/dist/collection/components/calcite-dropdown-item/calcite-dropdown-item.css +33 -27
  221. package/dist/collection/components/calcite-dropdown-item/calcite-dropdown-item.js +6 -6
  222. package/dist/collection/components/calcite-fab/calcite-fab.js +2 -2
  223. package/dist/collection/components/calcite-filter/calcite-filter.js +108 -19
  224. package/dist/collection/components/calcite-graph/calcite-graph.js +48 -6
  225. package/dist/collection/components/calcite-graph/util.js +1 -1
  226. package/dist/collection/components/calcite-handle/calcite-handle.js +2 -2
  227. package/dist/collection/components/calcite-inline-editable/calcite-inline-editable.js +12 -12
  228. package/dist/collection/components/calcite-input/calcite-input.js +42 -29
  229. package/dist/collection/components/calcite-input-date-picker/calcite-input-date-picker.js +11 -11
  230. package/dist/collection/components/calcite-input-message/calcite-input-message.js +2 -2
  231. package/dist/collection/components/calcite-label/calcite-label.js +2 -2
  232. package/dist/collection/components/calcite-loader/calcite-loader.css +0 -3
  233. package/dist/collection/components/calcite-modal/calcite-modal.js +2 -2
  234. package/dist/collection/components/calcite-notice/calcite-notice.js +2 -2
  235. package/dist/collection/components/calcite-option/calcite-option.js +2 -2
  236. package/dist/collection/components/calcite-option-group/calcite-option-group.js +2 -2
  237. package/dist/collection/components/calcite-pagination/calcite-pagination.js +8 -8
  238. package/dist/collection/components/calcite-panel/calcite-panel.css +6 -2
  239. package/dist/collection/components/calcite-pick-list-item/calcite-pick-list-item.js +10 -10
  240. package/dist/collection/components/calcite-popover/calcite-popover.js +9 -9
  241. package/dist/collection/components/calcite-popover-manager/calcite-popover-manager.js +2 -2
  242. package/dist/collection/components/calcite-radio/calcite-radio.js +4 -4
  243. package/dist/collection/components/calcite-radio-button/calcite-radio-button.js +12 -12
  244. package/dist/collection/components/calcite-radio-group-item/calcite-radio-group-item.js +2 -2
  245. package/dist/collection/components/calcite-rating/calcite-rating.js +4 -4
  246. package/dist/collection/components/calcite-scrim/calcite-scrim.js +2 -2
  247. package/dist/collection/components/calcite-select/calcite-select.js +2 -2
  248. package/dist/collection/components/calcite-slider/calcite-slider.css +2 -4
  249. package/dist/collection/components/calcite-slider/calcite-slider.js +3 -3
  250. package/dist/collection/components/calcite-split-button/calcite-split-button.js +2 -2
  251. package/dist/collection/components/calcite-stepper/calcite-stepper.js +4 -4
  252. package/dist/collection/components/calcite-stepper-item/calcite-stepper-item.js +14 -14
  253. package/dist/collection/components/calcite-switch/calcite-switch.js +8 -3
  254. package/dist/collection/components/calcite-tab/calcite-tab.js +4 -4
  255. package/dist/collection/components/calcite-tab-nav/calcite-tab-nav.js +14 -14
  256. package/dist/collection/components/calcite-tab-title/calcite-tab-title.js +16 -16
  257. package/dist/collection/components/calcite-tile/calcite-tile.css +4 -0
  258. package/dist/collection/components/calcite-tile/calcite-tile.js +2 -2
  259. package/dist/collection/components/calcite-time-picker/calcite-time-picker.js +30 -30
  260. package/dist/collection/components/calcite-tooltip/calcite-tooltip.js +5 -5
  261. package/dist/collection/components/calcite-tooltip-manager/calcite-tooltip-manager.js +2 -2
  262. package/dist/collection/components/calcite-tree/calcite-tree.js +10 -10
  263. package/dist/collection/components/calcite-tree-item/calcite-tree-item.js +35 -28
  264. package/dist/collection/components/calcite-value-list-item/calcite-value-list-item.js +6 -6
  265. package/dist/collection/utils/label.js +33 -4
  266. package/dist/collection/utils/popper.js +2 -2
  267. package/dist/components/calcite-accordion-item.js +2 -2
  268. package/dist/components/calcite-accordion.js +2 -2
  269. package/dist/components/calcite-action-bar.js +2 -2
  270. package/dist/components/calcite-action-group2.js +2 -2
  271. package/dist/components/calcite-action-menu2.js +2 -2
  272. package/dist/components/calcite-action-pad.js +2 -2
  273. package/dist/components/calcite-action2.js +2 -2
  274. package/dist/components/calcite-alert.js +2 -2
  275. package/dist/components/calcite-avatar.js +2 -2
  276. package/dist/components/calcite-block-section.js +2 -2
  277. package/dist/components/calcite-block.js +3 -3
  278. package/dist/components/calcite-button2.js +2 -2
  279. package/dist/components/calcite-card.js +11 -5
  280. package/dist/components/calcite-checkbox2.js +2 -2
  281. package/dist/components/calcite-chip2.js +2 -2
  282. package/dist/components/calcite-color-picker-hex-input2.js +2 -2
  283. package/dist/components/calcite-color-picker-swatch2.js +2 -2
  284. package/dist/components/calcite-color-picker.js +15 -12
  285. package/dist/components/calcite-combobox-item-group.js +2 -2
  286. package/dist/components/calcite-combobox-item.js +2 -2
  287. package/dist/components/calcite-combobox.js +7 -5
  288. package/dist/components/calcite-date-picker-day2.js +2 -2
  289. package/dist/components/calcite-date-picker-month-header2.js +2 -2
  290. package/dist/components/calcite-date-picker-month2.js +2 -2
  291. package/dist/components/calcite-date-picker2.js +2 -2
  292. package/dist/components/calcite-dropdown-group.js +2 -2
  293. package/dist/components/calcite-dropdown-item.js +3 -3
  294. package/dist/components/calcite-dropdown2.js +3 -3
  295. package/dist/components/calcite-fab.js +2 -2
  296. package/dist/components/calcite-filter2.js +47 -16
  297. package/dist/components/calcite-flow.js +2 -2
  298. package/dist/components/calcite-graph2.js +20 -10
  299. package/dist/components/calcite-handle2.js +2 -2
  300. package/dist/components/calcite-icon2.js +2 -2
  301. package/dist/components/calcite-input-date-picker.js +3 -3
  302. package/dist/components/calcite-input-message.js +2 -2
  303. package/dist/components/calcite-input-time-picker.js +2 -2
  304. package/dist/components/calcite-input2.js +30 -17
  305. package/dist/components/calcite-label.js +1 -75
  306. package/dist/components/calcite-label2.js +81 -0
  307. package/dist/components/calcite-link2.js +2 -2
  308. package/dist/components/calcite-list-item-group.js +2 -2
  309. package/dist/components/calcite-list-item.js +2 -2
  310. package/dist/components/calcite-list.js +2 -2
  311. package/dist/components/calcite-loader2.js +3 -3
  312. package/dist/components/calcite-modal.js +2 -2
  313. package/dist/components/calcite-notice.js +2 -2
  314. package/dist/components/calcite-option-group.js +2 -2
  315. package/dist/components/calcite-option.js +2 -2
  316. package/dist/components/calcite-pagination.js +2 -2
  317. package/dist/components/calcite-panel.js +3 -3
  318. package/dist/components/calcite-pick-list-group.js +2 -2
  319. package/dist/components/calcite-pick-list-item2.js +2 -2
  320. package/dist/components/calcite-pick-list.js +2 -2
  321. package/dist/components/calcite-popover-manager.js +2 -2
  322. package/dist/components/calcite-popover2.js +3 -3
  323. package/dist/components/calcite-progress2.js +2 -2
  324. package/dist/components/calcite-radio-button-group.js +2 -2
  325. package/dist/components/calcite-radio-group-item.js +2 -2
  326. package/dist/components/calcite-radio-group.js +2 -2
  327. package/dist/components/calcite-radio2.js +2 -2
  328. package/dist/components/calcite-rating.js +2 -2
  329. package/dist/components/calcite-scrim2.js +2 -2
  330. package/dist/components/calcite-select.js +2 -2
  331. package/dist/components/calcite-shell-center-row.js +2 -2
  332. package/dist/components/calcite-shell-panel.js +2 -2
  333. package/dist/components/calcite-shell.js +2 -2
  334. package/dist/components/calcite-slider.js +4 -4
  335. package/dist/components/calcite-sortable-list.js +2 -2
  336. package/dist/components/calcite-split-button.js +2 -2
  337. package/dist/components/calcite-stepper-item.js +2 -2
  338. package/dist/components/calcite-stepper.js +2 -2
  339. package/dist/components/calcite-switch2.js +8 -3
  340. package/dist/components/calcite-tab-nav2.js +2 -2
  341. package/dist/components/calcite-tab-title2.js +2 -2
  342. package/dist/components/calcite-tab2.js +2 -2
  343. package/dist/components/calcite-tabs2.js +2 -2
  344. package/dist/components/calcite-tile-select-group.js +2 -2
  345. package/dist/components/calcite-tile-select.js +2 -2
  346. package/dist/components/calcite-tile2.js +3 -3
  347. package/dist/components/calcite-time-picker2.js +2 -2
  348. package/dist/components/calcite-tip-group.js +2 -2
  349. package/dist/components/calcite-tip-manager.js +2 -2
  350. package/dist/components/calcite-tip.js +2 -2
  351. package/dist/components/calcite-tooltip-manager2.js +2 -2
  352. package/dist/components/calcite-tooltip.js +3 -3
  353. package/dist/components/calcite-tree-item.js +17 -10
  354. package/dist/components/calcite-tree.js +2 -2
  355. package/dist/components/calcite-value-list-item.js +2 -2
  356. package/dist/components/calcite-value-list.js +2 -2
  357. package/dist/components/label.js +33 -4
  358. package/dist/components/popper.js +2 -2
  359. package/dist/custom-elements/index.js +264 -168
  360. package/dist/esm/{CalciteExpandToggle-151a563a.js → CalciteExpandToggle-235a6bfd.js} +1 -1
  361. package/dist/esm/{CalciteHeading-1735f17a.js → CalciteHeading-dea3bd05.js} +1 -1
  362. package/dist/esm/calcite-accordion_2.entry.js +1 -1
  363. package/dist/esm/calcite-action-bar.entry.js +2 -2
  364. package/dist/esm/calcite-action-group.entry.js +1 -1
  365. package/dist/esm/calcite-action-menu.entry.js +1 -1
  366. package/dist/esm/calcite-action-pad.entry.js +2 -2
  367. package/dist/esm/calcite-action.entry.js +1 -1
  368. package/dist/esm/calcite-alert.entry.js +1 -1
  369. package/dist/esm/calcite-avatar.entry.js +1 -1
  370. package/dist/esm/calcite-block_2.entry.js +3 -3
  371. package/dist/esm/calcite-button.entry.js +2 -2
  372. package/dist/esm/calcite-card.entry.js +2 -2
  373. package/dist/esm/calcite-checkbox.entry.js +2 -2
  374. package/dist/esm/calcite-chip.entry.js +1 -1
  375. package/dist/esm/calcite-color-picker_3.entry.js +14 -11
  376. package/dist/esm/calcite-combobox_3.entry.js +8 -6
  377. package/dist/esm/calcite-date-picker_4.entry.js +3 -3
  378. package/dist/esm/calcite-dropdown_3.entry.js +4 -4
  379. package/dist/esm/calcite-fab.entry.js +1 -1
  380. package/dist/esm/calcite-filter.entry.js +43 -14
  381. package/dist/esm/calcite-flow.entry.js +1 -1
  382. package/dist/esm/calcite-graph_2.entry.js +19 -11
  383. package/dist/esm/calcite-handle.entry.js +1 -1
  384. package/dist/esm/calcite-icon.entry.js +1 -1
  385. package/dist/esm/calcite-inline-editable.entry.js +2 -2
  386. package/dist/esm/calcite-input-date-picker.entry.js +5 -5
  387. package/dist/esm/calcite-input-message.entry.js +1 -1
  388. package/dist/esm/calcite-input-time-picker_2.entry.js +2 -2
  389. package/dist/esm/calcite-input.entry.js +32 -19
  390. package/dist/esm/calcite-label.entry.js +1 -1
  391. package/dist/esm/calcite-link.entry.js +1 -1
  392. package/dist/esm/calcite-list_3.entry.js +2 -2
  393. package/dist/esm/calcite-loader.entry.js +2 -2
  394. package/dist/esm/calcite-modal.entry.js +1 -1
  395. package/dist/esm/calcite-notice.entry.js +1 -1
  396. package/dist/esm/calcite-option_3.entry.js +2 -2
  397. package/dist/esm/calcite-pagination.entry.js +1 -1
  398. package/dist/esm/calcite-panel.entry.js +3 -3
  399. package/dist/esm/calcite-pick-list_3.entry.js +3 -3
  400. package/dist/esm/calcite-popover_2.entry.js +4 -4
  401. package/dist/esm/calcite-progress.entry.js +1 -1
  402. package/dist/esm/calcite-radio-button-group.entry.js +1 -1
  403. package/dist/esm/calcite-radio-group_2.entry.js +2 -2
  404. package/dist/esm/calcite-radio_2.entry.js +2 -2
  405. package/dist/esm/calcite-rating.entry.js +2 -2
  406. package/dist/esm/calcite-scrim.entry.js +1 -1
  407. package/dist/esm/calcite-shell_3.entry.js +1 -1
  408. package/dist/esm/calcite-sortable-list.entry.js +1 -1
  409. package/dist/esm/calcite-split-button.entry.js +1 -1
  410. package/dist/esm/calcite-stepper_2.entry.js +1 -1
  411. package/dist/esm/calcite-switch.entry.js +7 -2
  412. package/dist/esm/calcite-tab_4.entry.js +1 -1
  413. package/dist/esm/calcite-tile-select_2.entry.js +1 -1
  414. package/dist/esm/calcite-tile.entry.js +2 -2
  415. package/dist/esm/calcite-tip_3.entry.js +2 -2
  416. package/dist/esm/calcite-tooltip_2.entry.js +3 -3
  417. package/dist/esm/calcite-tree_2.entry.js +16 -9
  418. package/dist/esm/calcite-value-list_2.entry.js +2 -2
  419. package/dist/esm/calcite.js +3 -3
  420. package/dist/esm/{index-d653c37f.js → index-66803519.js} +73 -64
  421. package/dist/esm/{label-bb61bdef.js → label-5559055d.js} +33 -4
  422. package/dist/esm/loader.js +3 -3
  423. package/dist/esm/{popper-7499ea4f.js → popper-dc4b45cf.js} +2 -2
  424. package/dist/esm/{resources-510eed1a.js → resources-8dd80c84.js} +1 -1
  425. package/dist/esm/{resources-3b481489.js → resources-c59a1a15.js} +1 -1
  426. package/dist/esm-es5/{CalciteExpandToggle-151a563a.js → CalciteExpandToggle-235a6bfd.js} +1 -1
  427. package/dist/esm-es5/{CalciteHeading-1735f17a.js → CalciteHeading-dea3bd05.js} +1 -1
  428. package/dist/esm-es5/calcite-accordion_2.entry.js +1 -1
  429. package/dist/esm-es5/calcite-action-bar.entry.js +1 -1
  430. package/dist/esm-es5/calcite-action-group.entry.js +1 -1
  431. package/dist/esm-es5/calcite-action-menu.entry.js +1 -1
  432. package/dist/esm-es5/calcite-action-pad.entry.js +1 -1
  433. package/dist/esm-es5/calcite-action.entry.js +1 -1
  434. package/dist/esm-es5/calcite-alert.entry.js +1 -1
  435. package/dist/esm-es5/calcite-avatar.entry.js +1 -1
  436. package/dist/esm-es5/calcite-block_2.entry.js +1 -1
  437. package/dist/esm-es5/calcite-button.entry.js +1 -1
  438. package/dist/esm-es5/calcite-card.entry.js +1 -1
  439. package/dist/esm-es5/calcite-checkbox.entry.js +1 -1
  440. package/dist/esm-es5/calcite-chip.entry.js +1 -1
  441. package/dist/esm-es5/calcite-color-picker_3.entry.js +1 -1
  442. package/dist/esm-es5/calcite-combobox_3.entry.js +1 -1
  443. package/dist/esm-es5/calcite-date-picker_4.entry.js +1 -1
  444. package/dist/esm-es5/calcite-dropdown_3.entry.js +1 -1
  445. package/dist/esm-es5/calcite-fab.entry.js +1 -1
  446. package/dist/esm-es5/calcite-filter.entry.js +2 -2
  447. package/dist/esm-es5/calcite-flow.entry.js +1 -1
  448. package/dist/esm-es5/calcite-graph_2.entry.js +1 -1
  449. package/dist/esm-es5/calcite-handle.entry.js +1 -1
  450. package/dist/esm-es5/calcite-icon.entry.js +1 -1
  451. package/dist/esm-es5/calcite-inline-editable.entry.js +1 -1
  452. package/dist/esm-es5/calcite-input-date-picker.entry.js +1 -1
  453. package/dist/esm-es5/calcite-input-message.entry.js +1 -1
  454. package/dist/esm-es5/calcite-input-time-picker_2.entry.js +1 -1
  455. package/dist/esm-es5/calcite-input.entry.js +1 -1
  456. package/dist/esm-es5/calcite-label.entry.js +1 -1
  457. package/dist/esm-es5/calcite-link.entry.js +1 -1
  458. package/dist/esm-es5/calcite-list_3.entry.js +1 -1
  459. package/dist/esm-es5/calcite-loader.entry.js +1 -1
  460. package/dist/esm-es5/calcite-modal.entry.js +1 -1
  461. package/dist/esm-es5/calcite-notice.entry.js +1 -1
  462. package/dist/esm-es5/calcite-option_3.entry.js +2 -2
  463. package/dist/esm-es5/calcite-pagination.entry.js +1 -1
  464. package/dist/esm-es5/calcite-panel.entry.js +1 -1
  465. package/dist/esm-es5/calcite-pick-list_3.entry.js +1 -1
  466. package/dist/esm-es5/calcite-popover_2.entry.js +1 -1
  467. package/dist/esm-es5/calcite-progress.entry.js +1 -1
  468. package/dist/esm-es5/calcite-radio-button-group.entry.js +1 -1
  469. package/dist/esm-es5/calcite-radio-group_2.entry.js +1 -1
  470. package/dist/esm-es5/calcite-radio_2.entry.js +1 -1
  471. package/dist/esm-es5/calcite-rating.entry.js +1 -1
  472. package/dist/esm-es5/calcite-scrim.entry.js +1 -1
  473. package/dist/esm-es5/calcite-shell_3.entry.js +1 -1
  474. package/dist/esm-es5/calcite-sortable-list.entry.js +1 -1
  475. package/dist/esm-es5/calcite-split-button.entry.js +1 -1
  476. package/dist/esm-es5/calcite-stepper_2.entry.js +1 -1
  477. package/dist/esm-es5/calcite-switch.entry.js +1 -1
  478. package/dist/esm-es5/calcite-tab_4.entry.js +1 -1
  479. package/dist/esm-es5/calcite-tile-select_2.entry.js +1 -1
  480. package/dist/esm-es5/calcite-tile.entry.js +1 -1
  481. package/dist/esm-es5/calcite-tip_3.entry.js +1 -1
  482. package/dist/esm-es5/calcite-tooltip_2.entry.js +2 -2
  483. package/dist/esm-es5/calcite-tree_2.entry.js +1 -1
  484. package/dist/esm-es5/calcite-value-list_2.entry.js +1 -1
  485. package/dist/esm-es5/calcite.js +1 -1
  486. package/dist/esm-es5/{index-d653c37f.js → index-66803519.js} +1 -1
  487. package/dist/esm-es5/label-5559055d.js +5 -0
  488. package/dist/esm-es5/loader.js +1 -1
  489. package/dist/esm-es5/popper-dc4b45cf.js +5 -0
  490. package/dist/esm-es5/{resources-510eed1a.js → resources-8dd80c84.js} +1 -1
  491. package/dist/esm-es5/{resources-3b481489.js → resources-c59a1a15.js} +1 -1
  492. package/dist/extras/docs-json.json +520 -423
  493. package/dist/types/components/calcite-color-picker/calcite-color-picker.d.ts +1 -1
  494. package/dist/types/components/calcite-combobox/calcite-combobox.d.ts +1 -1
  495. package/dist/types/components/calcite-filter/calcite-filter.d.ts +24 -1
  496. package/dist/types/components/calcite-graph/calcite-graph.d.ts +4 -0
  497. package/dist/types/components/calcite-input/calcite-input.d.ts +7 -1
  498. package/dist/types/components/calcite-modal/calcite-modal.d.ts +2 -2
  499. package/dist/types/components/calcite-tree-item/calcite-tree-item.d.ts +2 -0
  500. package/dist/types/components.d.ts +48 -4
  501. package/dist/types/utils/label.d.ts +5 -0
  502. package/dist/types/utils/popper.d.ts +1 -1
  503. package/hydrate/index.js +182 -81
  504. package/package.json +11 -12
  505. package/readme.md +2 -2
  506. package/dist/calcite/p-07ba39b6.js +0 -5
  507. package/dist/calcite/p-0fb8cdc5.entry.js +0 -5
  508. package/dist/calcite/p-0fd333ff.entry.js +0 -5
  509. package/dist/calcite/p-24b86e03.entry.js +0 -5
  510. package/dist/calcite/p-29b110b2.entry.js +0 -5
  511. package/dist/calcite/p-2ba00b89.js +0 -5
  512. package/dist/calcite/p-34a1c944.entry.js +0 -5
  513. package/dist/calcite/p-361ddbb6.entry.js +0 -5
  514. package/dist/calcite/p-378b83de.entry.js +0 -5
  515. package/dist/calcite/p-43494684.entry.js +0 -5
  516. package/dist/calcite/p-485062f4.system.entry.js +0 -5
  517. package/dist/calcite/p-61038b30.js +0 -5
  518. package/dist/calcite/p-728501db.system.js +0 -5
  519. package/dist/calcite/p-745e41ea.entry.js +0 -5
  520. package/dist/calcite/p-7a544774.system.entry.js +0 -5
  521. package/dist/calcite/p-93d8a7d5.entry.js +0 -5
  522. package/dist/calcite/p-9965ea81.system.js +0 -5
  523. package/dist/calcite/p-ba255377.entry.js +0 -5
  524. package/dist/calcite/p-bc02d9ef.system.entry.js +0 -5
  525. package/dist/calcite/p-bcc323ec.system.entry.js +0 -5
  526. package/dist/calcite/p-c1995144.system.entry.js +0 -5
  527. package/dist/calcite/p-c31243c5.entry.js +0 -5
  528. package/dist/calcite/p-de0f4633.entry.js +0 -5
  529. package/dist/calcite/p-e9044cc1.entry.js +0 -5
  530. package/dist/calcite/p-fb1da0f5.system.js +0 -5
  531. package/dist/collection/components/calcite-label/interfaces.js +0 -1
  532. package/dist/esm-es5/label-bb61bdef.js +0 -5
  533. package/dist/esm-es5/popper-7499ea4f.js +0 -5
package/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.
@@ -3327,14 +3327,43 @@ const TEXT$h = {
3327
3327
  loading: "Loading"
3328
3328
  };
3329
3329
 
3330
- const labelTagName = "calcite-label";
3330
+ /**
3331
+ * Exported for testing purposes only
3332
+ * @internal
3333
+ */
3331
3334
  const labelClickEvent = "calciteInternalLabelClick";
3335
+ const labelTagName = "calcite-label";
3332
3336
  const onLabelClickMap = new WeakMap();
3333
3337
  const findLabelForComponent = (componentEl) => {
3334
- const id = componentEl.id;
3335
- return ((id && queryElementRoots(componentEl, `${labelTagName}[for="${id}"]`)) ||
3336
- closestElementCrossShadowBoundary(componentEl, labelTagName));
3338
+ const { id } = componentEl;
3339
+ const forLabel = id && queryElementRoots(componentEl, `${labelTagName}[for="${id}"]`);
3340
+ if (forLabel) {
3341
+ return forLabel;
3342
+ }
3343
+ const parentLabel = closestElementCrossShadowBoundary(componentEl, labelTagName);
3344
+ if (!parentLabel ||
3345
+ // labelable components within other custom elements are not considered labelable
3346
+ hasAncestorCustomElements(parentLabel, componentEl)) {
3347
+ return null;
3348
+ }
3349
+ return parentLabel;
3337
3350
  };
3351
+ function hasAncestorCustomElements(label, componentEl) {
3352
+ let traversedElements;
3353
+ const customElementAncestorCheckEventType = "custom-element-ancestor-check";
3354
+ const listener = (event) => {
3355
+ event.stopImmediatePropagation();
3356
+ const composedPath = event.composedPath();
3357
+ traversedElements = composedPath.slice(composedPath.indexOf(componentEl), composedPath.indexOf(label));
3358
+ };
3359
+ label.addEventListener(customElementAncestorCheckEventType, listener, { once: true });
3360
+ componentEl.dispatchEvent(new CustomEvent(customElementAncestorCheckEventType, { composed: true, bubbles: true }));
3361
+ label.removeEventListener(customElementAncestorCheckEventType, listener);
3362
+ const ancestorCustomElements = traversedElements
3363
+ .filter((el) => el !== componentEl && el !== label)
3364
+ .filter((el) => { var _a; return (_a = el.tagName) === null || _a === void 0 ? void 0 : _a.includes("-"); });
3365
+ return ancestorCustomElements.length > 0;
3366
+ }
3338
3367
  /**
3339
3368
  * Helper to set up label interactions on connectedCallback.
3340
3369
  */
@@ -3380,7 +3409,7 @@ let CalciteButton$1 = class extends HTMLElement {
3380
3409
  constructor() {
3381
3410
  super();
3382
3411
  this.__registerHost();
3383
- attachShadow(this);
3412
+ this.__attachShadow();
3384
3413
  //--------------------------------------------------------------------------
3385
3414
  //
3386
3415
  // Properties
@@ -3544,7 +3573,7 @@ let CalciteCard$1 = class extends HTMLElement {
3544
3573
  constructor() {
3545
3574
  super();
3546
3575
  this.__registerHost();
3547
- attachShadow(this);
3576
+ this.__attachShadow();
3548
3577
  this.calciteCardSelect = createEvent(this, "calciteCardSelect", 7);
3549
3578
  //--------------------------------------------------------------------------
3550
3579
  //
@@ -3611,7 +3640,7 @@ let CalciteCard$1 = class extends HTMLElement {
3611
3640
  }
3612
3641
  renderCheckbox() {
3613
3642
  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 })));
3643
+ return (h("calcite-label", { class: CSS$H.checkboxWrapper, onClick: this.cardSelectClick, onKeyDown: this.cardSelectKeyDown }, h("calcite-checkbox", { checked: this.selected, label: checkboxLabel })));
3615
3644
  }
3616
3645
  renderHeader() {
3617
3646
  const title = this.el.querySelector(`[slot=${SLOTS$j.title}]`);
@@ -3650,7 +3679,7 @@ let CalciteCheckbox$1 = class extends HTMLElement {
3650
3679
  constructor() {
3651
3680
  super();
3652
3681
  this.__registerHost();
3653
- attachShadow(this);
3682
+ this.__attachShadow();
3654
3683
  this.calciteInternalCheckboxBlur = createEvent(this, "calciteInternalCheckboxBlur", 7);
3655
3684
  this.calciteCheckboxChange = createEvent(this, "calciteCheckboxChange", 7);
3656
3685
  this.calciteInternalCheckboxFocus = createEvent(this, "calciteInternalCheckboxFocus", 7);
@@ -3834,7 +3863,7 @@ let CalciteChip$1 = class extends HTMLElement {
3834
3863
  constructor() {
3835
3864
  super();
3836
3865
  this.__registerHost();
3837
- attachShadow(this);
3866
+ this.__attachShadow();
3838
3867
  this.calciteChipDismiss = createEvent(this, "calciteChipDismiss", 7);
3839
3868
  //--------------------------------------------------------------------------
3840
3869
  //
@@ -6104,7 +6133,7 @@ let CalciteColorPicker$1 = class extends HTMLElement {
6104
6133
  constructor() {
6105
6134
  super();
6106
6135
  this.__registerHost();
6107
- attachShadow(this);
6136
+ this.__attachShadow();
6108
6137
  this.calciteColorPickerChange = createEvent(this, "calciteColorPickerChange", 7);
6109
6138
  this.calciteColorPickerInput = createEvent(this, "calciteColorPickerInput", 7);
6110
6139
  //--------------------------------------------------------------------------
@@ -6231,9 +6260,9 @@ let CalciteColorPicker$1 = class extends HTMLElement {
6231
6260
  * @see [ColorValue](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-color-picker/interfaces.ts#L10)
6232
6261
  */
6233
6262
  this.value = defaultValue;
6234
- this.colorUpdateLocked = false;
6235
6263
  this.colorFieldAndSliderHovered = false;
6236
6264
  this.hueThumbState = "idle";
6265
+ this.internalColorUpdateContext = null;
6237
6266
  this.mode = CSSColorMode.HEX;
6238
6267
  this.shiftKeyChannelAdjustment = 0;
6239
6268
  this.sliderThumbState = "idle";
@@ -6542,7 +6571,7 @@ let CalciteColorPicker$1 = class extends HTMLElement {
6542
6571
  this.drawColorFieldAndSlider();
6543
6572
  this.updateChannelsFromColor(color);
6544
6573
  this.previousColor = oldColor;
6545
- if (this.colorUpdateLocked) {
6574
+ if (this.internalColorUpdateContext) {
6546
6575
  return;
6547
6576
  }
6548
6577
  this.value = this.toValue(color);
@@ -6569,7 +6598,10 @@ let CalciteColorPicker$1 = class extends HTMLElement {
6569
6598
  this.setMode(nextMode);
6570
6599
  }
6571
6600
  const dragging = this.sliderThumbState === "drag" || this.hueThumbState === "drag";
6572
- if (this.colorUpdateLocked) {
6601
+ if (this.internalColorUpdateContext) {
6602
+ if (this.internalColorUpdateContext === "initial") {
6603
+ return;
6604
+ }
6573
6605
  this.calciteColorPickerInput.emit();
6574
6606
  if (!dragging) {
6575
6607
  this.calciteColorPickerChange.emit();
@@ -6640,15 +6672,15 @@ let CalciteColorPicker$1 = class extends HTMLElement {
6640
6672
  }
6641
6673
  connectedCallback() {
6642
6674
  const { allowEmpty, color: color$1, format, value } = this;
6643
- const valueIsNoColor = allowEmpty && !value;
6675
+ const willSetNoColor = allowEmpty && !value;
6644
6676
  const parsedMode = parseMode(value);
6645
- const valueIsCompatible = (format === "auto" && parsedMode) || format === parsedMode;
6646
- const initialColor = valueIsNoColor ? null : valueIsCompatible ? color(value) : color$1;
6677
+ const valueIsCompatible = willSetNoColor || (format === "auto" && parsedMode) || format === parsedMode;
6678
+ const initialColor = willSetNoColor ? null : valueIsCompatible ? color(value) : color$1;
6647
6679
  if (!valueIsCompatible) {
6648
6680
  this.showIncompatibleColorWarning(value, format);
6649
6681
  }
6650
6682
  this.setMode(format);
6651
- this.internalColorSet(initialColor, false);
6683
+ this.internalColorSet(initialColor, false, "initial");
6652
6684
  this.updateDimensions(this.scale);
6653
6685
  }
6654
6686
  disconnectedCallback() {
@@ -6713,14 +6745,14 @@ let CalciteColorPicker$1 = class extends HTMLElement {
6713
6745
  }
6714
6746
  return "none";
6715
6747
  }
6716
- internalColorSet(color, skipEqual = true) {
6748
+ internalColorSet(color, skipEqual = true, context = "internal") {
6717
6749
  if (skipEqual && colorEqual(color, this.color)) {
6718
6750
  return;
6719
6751
  }
6720
- this.colorUpdateLocked = true;
6752
+ this.internalColorUpdateContext = context;
6721
6753
  this.color = color;
6722
6754
  this.value = this.toValue(color);
6723
- this.colorUpdateLocked = false;
6755
+ this.internalColorUpdateContext = null;
6724
6756
  }
6725
6757
  toValue(color, format = this.mode) {
6726
6758
  if (!color) {
@@ -6875,7 +6907,7 @@ let CalciteColorPickerHexInput$1 = class extends HTMLElement {
6875
6907
  constructor() {
6876
6908
  super();
6877
6909
  this.__registerHost();
6878
- attachShadow(this);
6910
+ this.__attachShadow();
6879
6911
  this.calciteColorPickerHexInputChange = createEvent(this, "calciteColorPickerHexInputChange", 7);
6880
6912
  //--------------------------------------------------------------------------
6881
6913
  //
@@ -7075,7 +7107,7 @@ let CalciteColorPickerSwatch$1 = class extends HTMLElement {
7075
7107
  constructor() {
7076
7108
  super();
7077
7109
  this.__registerHost();
7078
- attachShadow(this);
7110
+ this.__attachShadow();
7079
7111
  //--------------------------------------------------------------------------
7080
7112
  //
7081
7113
  // Properties
@@ -8915,9 +8947,9 @@ function createPopper({ referenceEl, el, placement, overlayPositioning = "absolu
8915
8947
  modifiers
8916
8948
  });
8917
8949
  }
8918
- function updatePopper({ el, modifiers, placement: PopperPlacement, popper }) {
8950
+ async function updatePopper({ el, modifiers, placement: PopperPlacement, popper }) {
8919
8951
  const placement = getPlacement(el, PopperPlacement);
8920
- popper.setOptions({
8952
+ await popper.setOptions({
8921
8953
  modifiers,
8922
8954
  placement
8923
8955
  });
@@ -8965,7 +8997,7 @@ let CalciteCombobox$1 = class extends HTMLElement {
8965
8997
  constructor() {
8966
8998
  super();
8967
8999
  this.__registerHost();
8968
- attachShadow(this);
9000
+ this.__attachShadow();
8969
9001
  this.calciteLookupChange = createEvent(this, "calciteLookupChange", 7);
8970
9002
  this.calciteComboboxChange = createEvent(this, "calciteComboboxChange", 7);
8971
9003
  this.calciteComboboxFilterChange = createEvent(this, "calciteComboboxFilterChange", 7);
@@ -9105,7 +9137,10 @@ let CalciteCombobox$1 = class extends HTMLElement {
9105
9137
  }
9106
9138
  this.calciteComboboxChipDismiss.emit(event.detail);
9107
9139
  };
9108
- this.setFocusClick = () => {
9140
+ this.setFocusClick = (event) => {
9141
+ if (event.composedPath().some((node) => node.tagName === "CALCITE-CHIP")) {
9142
+ return;
9143
+ }
9109
9144
  this.setFocus();
9110
9145
  };
9111
9146
  this.setInactiveIfNotContained = (event) => {
@@ -9246,7 +9281,7 @@ let CalciteCombobox$1 = class extends HTMLElement {
9246
9281
  const { popper, menuEl } = this;
9247
9282
  const modifiers = this.getModifiers();
9248
9283
  popper
9249
- ? updatePopper({
9284
+ ? await updatePopper({
9250
9285
  el: menuEl,
9251
9286
  modifiers,
9252
9287
  placement: ComboboxDefaultPlacement,
@@ -9367,7 +9402,6 @@ let CalciteCombobox$1 = class extends HTMLElement {
9367
9402
  this.emitCalciteLookupChange();
9368
9403
  this.emitComboboxChange();
9369
9404
  this.resetText();
9370
- this.textInput.focus();
9371
9405
  this.filterItems("");
9372
9406
  }
9373
9407
  else {
@@ -9642,7 +9676,7 @@ let CalciteComboboxItem$1 = class extends HTMLElement {
9642
9676
  constructor() {
9643
9677
  super();
9644
9678
  this.__registerHost();
9645
- attachShadow(this);
9679
+ this.__attachShadow();
9646
9680
  this.calciteComboboxItemChange = createEvent(this, "calciteComboboxItemChange", 7);
9647
9681
  // --------------------------------------------------------------------------
9648
9682
  //
@@ -9761,7 +9795,7 @@ let CalciteComboboxItemGroup$1 = class extends HTMLElement {
9761
9795
  constructor() {
9762
9796
  super();
9763
9797
  this.__registerHost();
9764
- attachShadow(this);
9798
+ this.__attachShadow();
9765
9799
  this.guid = guid();
9766
9800
  this.scale = "m";
9767
9801
  }
@@ -10147,7 +10181,7 @@ let CalciteDatePicker$1 = class extends HTMLElement {
10147
10181
  constructor() {
10148
10182
  super();
10149
10183
  this.__registerHost();
10150
- attachShadow(this);
10184
+ this.__attachShadow();
10151
10185
  this.calciteDatePickerChange = createEvent(this, "calciteDatePickerChange", 7);
10152
10186
  this.calciteDatePickerRangeChange = createEvent(this, "calciteDatePickerRangeChange", 7);
10153
10187
  /** Localized string for "previous month" (used for aria label)
@@ -10508,7 +10542,7 @@ let CalciteDatePickerDay$1 = class extends HTMLElement {
10508
10542
  constructor() {
10509
10543
  super();
10510
10544
  this.__registerHost();
10511
- attachShadow(this);
10545
+ this.__attachShadow();
10512
10546
  this.calciteDaySelect = createEvent(this, "calciteDaySelect", 7);
10513
10547
  this.calciteDayHover = createEvent(this, "calciteDayHover", 7);
10514
10548
  /** Date is outside of range and can't be selected */
@@ -10572,7 +10606,7 @@ let CalciteDatePickerMonth$1 = class extends HTMLElement {
10572
10606
  constructor() {
10573
10607
  super();
10574
10608
  this.__registerHost();
10575
- attachShadow(this);
10609
+ this.__attachShadow();
10576
10610
  this.calciteDatePickerSelect = createEvent(this, "calciteDatePickerSelect", 7);
10577
10611
  this.calciteDatePickerHover = createEvent(this, "calciteDatePickerHover", 7);
10578
10612
  this.calciteDatePickerActiveDateChange = createEvent(this, "calciteDatePickerActiveDateChange", 7);
@@ -10847,7 +10881,7 @@ let CalciteDatePickerMonthHeader$1 = class extends HTMLElement {
10847
10881
  constructor() {
10848
10882
  super();
10849
10883
  this.__registerHost();
10850
- attachShadow(this);
10884
+ this.__attachShadow();
10851
10885
  this.calciteDatePickerSelect = createEvent(this, "calciteDatePickerSelect", 7);
10852
10886
  //--------------------------------------------------------------------------
10853
10887
  //
@@ -10980,7 +11014,7 @@ let CalciteDropdown$1 = class extends HTMLElement {
10980
11014
  constructor() {
10981
11015
  super();
10982
11016
  this.__registerHost();
10983
- attachShadow(this);
11017
+ this.__attachShadow();
10984
11018
  this.calciteDropdownSelect = createEvent(this, "calciteDropdownSelect", 7);
10985
11019
  this.calciteDropdownOpen = createEvent(this, "calciteDropdownOpen", 7);
10986
11020
  this.calciteDropdownClose = createEvent(this, "calciteDropdownClose", 7);
@@ -11145,7 +11179,7 @@ let CalciteDropdown$1 = class extends HTMLElement {
11145
11179
  this.setMaxScrollerHeight();
11146
11180
  const modifiers = this.getModifiers();
11147
11181
  popper
11148
- ? updatePopper({
11182
+ ? await updatePopper({
11149
11183
  el: menuEl,
11150
11184
  modifiers,
11151
11185
  placement,
@@ -11336,7 +11370,7 @@ let CalciteDropdownGroup$1 = class extends HTMLElement {
11336
11370
  constructor() {
11337
11371
  super();
11338
11372
  this.__registerHost();
11339
- attachShadow(this);
11373
+ this.__attachShadow();
11340
11374
  this.calciteDropdownItemChange = createEvent(this, "calciteDropdownItemChange", 7);
11341
11375
  /** specify the selection mode - multi (allow any number of (or no) active items), single (allow and require one active item),
11342
11376
  none (no active items), defaults to single */
@@ -11397,13 +11431,13 @@ const CSS$y = {
11397
11431
  containerNone: "container--none-selection"
11398
11432
  };
11399
11433
 
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}";
11434
+ 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
11435
 
11402
11436
  let CalciteDropdownItem$1 = class extends HTMLElement {
11403
11437
  constructor() {
11404
11438
  super();
11405
11439
  this.__registerHost();
11406
- attachShadow(this);
11440
+ this.__attachShadow();
11407
11441
  this.calciteDropdownItemSelect = createEvent(this, "calciteDropdownItemSelect", 7);
11408
11442
  this.calciteDropdownItemKeyEvent = createEvent(this, "calciteDropdownItemKeyEvent", 7);
11409
11443
  this.calciteDropdownCloseRequest = createEvent(this, "calciteDropdownCloseRequest", 7);
@@ -11562,7 +11596,7 @@ let CalciteFab$1 = class extends HTMLElement {
11562
11596
  constructor() {
11563
11597
  super();
11564
11598
  this.__registerHost();
11565
- attachShadow(this);
11599
+ this.__attachShadow();
11566
11600
  // --------------------------------------------------------------------------
11567
11601
  //
11568
11602
  // Properties
@@ -11645,13 +11679,18 @@ let CalciteFilter$1 = class extends HTMLElement {
11645
11679
  constructor() {
11646
11680
  super();
11647
11681
  this.__registerHost();
11648
- attachShadow(this);
11682
+ this.__attachShadow();
11649
11683
  this.calciteFilterChange = createEvent(this, "calciteFilterChange", 7);
11650
11684
  /**
11651
11685
  * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
11652
11686
  */
11653
11687
  this.disabled = false;
11654
- this.empty = true;
11688
+ /**
11689
+ * The resulting items after filtering.
11690
+ *
11691
+ * @readonly
11692
+ */
11693
+ this.filteredItems = [];
11655
11694
  // --------------------------------------------------------------------------
11656
11695
  //
11657
11696
  // Private Methods
@@ -11659,10 +11698,8 @@ let CalciteFilter$1 = class extends HTMLElement {
11659
11698
  // --------------------------------------------------------------------------
11660
11699
  this.filter = debounce$1((value) => {
11661
11700
  const regex = new RegExp(value, "i");
11662
- if (this.data.length === 0) {
11663
- console.warn(`No data was passed to calcite-filter.
11664
- The data property expects an array of objects`);
11665
- this.calciteFilterChange.emit([]);
11701
+ if (this.items.length === 0) {
11702
+ this.updateFiltered([]);
11666
11703
  return;
11667
11704
  }
11668
11705
  const find = (input, RE) => {
@@ -11682,15 +11719,14 @@ let CalciteFilter$1 = class extends HTMLElement {
11682
11719
  });
11683
11720
  return found;
11684
11721
  };
11685
- const result = this.data.filter((item) => {
11722
+ const result = this.items.filter((item) => {
11686
11723
  return find(item, regex);
11687
11724
  });
11688
- this.calciteFilterChange.emit(result);
11725
+ this.updateFiltered(result);
11689
11726
  }, filterDebounceInMs);
11690
11727
  this.inputHandler = (event) => {
11691
11728
  const target = event.target;
11692
- this.empty = target.value === "";
11693
- this.filter(target.value);
11729
+ this.value = target.value;
11694
11730
  };
11695
11731
  this.keyDownHandler = ({ key }) => {
11696
11732
  if (key === "Escape") {
@@ -11698,12 +11734,29 @@ let CalciteFilter$1 = class extends HTMLElement {
11698
11734
  }
11699
11735
  };
11700
11736
  this.clear = () => {
11701
- this.textInput.value = "";
11702
- this.empty = true;
11703
- this.calciteFilterChange.emit(this.data);
11737
+ this.value = "";
11704
11738
  this.setFocus();
11705
11739
  };
11706
11740
  }
11741
+ watchDataHandler(value) {
11742
+ this.items = value;
11743
+ }
11744
+ watchItemsHandler() {
11745
+ this.filter(this.value);
11746
+ }
11747
+ valueHandler(value) {
11748
+ this.filter(value);
11749
+ }
11750
+ //--------------------------------------------------------------------------
11751
+ //
11752
+ // Lifecycle
11753
+ //
11754
+ //--------------------------------------------------------------------------
11755
+ connectedCallback() {
11756
+ if (this.data && !this.items) {
11757
+ this.items = this.data;
11758
+ }
11759
+ }
11707
11760
  // --------------------------------------------------------------------------
11708
11761
  //
11709
11762
  // Public Methods
@@ -11713,6 +11766,11 @@ let CalciteFilter$1 = class extends HTMLElement {
11713
11766
  async setFocus() {
11714
11767
  focusElement(this.textInput);
11715
11768
  }
11769
+ updateFiltered(filtered) {
11770
+ this.filteredItems.length = 0;
11771
+ this.filteredItems = this.filteredItems.concat(filtered);
11772
+ this.calciteFilterChange.emit(filtered);
11773
+ }
11716
11774
  // --------------------------------------------------------------------------
11717
11775
  //
11718
11776
  // Render Methods
@@ -11723,9 +11781,14 @@ let CalciteFilter$1 = class extends HTMLElement {
11723
11781
  const { disabled } = this;
11724
11782
  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
11783
  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)));
11784
+ }, 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
11785
  }
11728
11786
  get el() { return this; }
11787
+ static get watchers() { return {
11788
+ "data": ["watchDataHandler"],
11789
+ "items": ["watchItemsHandler"],
11790
+ "value": ["valueHandler"]
11791
+ }; }
11729
11792
  static get style() { return calciteFilterCss; }
11730
11793
  };
11731
11794
 
@@ -11741,7 +11804,7 @@ let CalciteFlow$1 = class extends HTMLElement {
11741
11804
  constructor() {
11742
11805
  super();
11743
11806
  this.__registerHost();
11744
- attachShadow(this);
11807
+ this.__attachShadow();
11745
11808
  this.panelCount = 0;
11746
11809
  this.flowDirection = null;
11747
11810
  this.panels = [];
@@ -11886,7 +11949,7 @@ function translate({ width, height, min, max }) {
11886
11949
  const rangeX = max[0] - min[0];
11887
11950
  const rangeY = max[1] - min[1];
11888
11951
  return (point) => {
11889
- const x = (point[0] / rangeX) * width;
11952
+ const x = ((point[0] - min[0]) / rangeX) * width;
11890
11953
  const y = height - (point[1] / rangeY) * height;
11891
11954
  return [x, y];
11892
11955
  };
@@ -11944,7 +12007,7 @@ let CalciteGraph$1 = class extends HTMLElement {
11944
12007
  constructor() {
11945
12008
  super();
11946
12009
  this.__registerHost();
11947
- attachShadow(this);
12010
+ this.__attachShadow();
11948
12011
  //--------------------------------------------------------------------------
11949
12012
  //
11950
12013
  // Properties
@@ -11972,17 +12035,25 @@ let CalciteGraph$1 = class extends HTMLElement {
11972
12035
  //
11973
12036
  //--------------------------------------------------------------------------
11974
12037
  render() {
11975
- const { data, colorStops, width, height, highlightMax, highlightMin } = this;
12038
+ const { data, colorStops, width, height, highlightMax, highlightMin, min, max } = this;
11976
12039
  const id = this.graphId;
11977
12040
  // if we have no data, return empty svg
11978
12041
  if (!data || data.length === 0) {
11979
12042
  return (h("svg", { class: "svg", height: height, preserveAspectRatio: "none", viewBox: `0 0 ${width} ${height}`, width: width }));
11980
12043
  }
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 });
12044
+ const { min: rangeMin, max: rangeMax } = range(data);
12045
+ let currentMin = rangeMin;
12046
+ let currentMax = rangeMax;
12047
+ if (min < rangeMin[0]) {
12048
+ currentMin = [min, 0];
12049
+ }
12050
+ if (max > rangeMax[0]) {
12051
+ currentMax = [max, rangeMax[1]];
12052
+ }
12053
+ const t = translate({ min: currentMin, max: currentMax, width, height });
12054
+ const [hMinX] = t([highlightMin, currentMax[1]]);
12055
+ const [hMaxX] = t([highlightMax, currentMax[1]]);
12056
+ const areaPath = area({ data, min: rangeMin, max: rangeMax, t });
11986
12057
  const fill = colorStops ? `url(#linear-gradient-${id})` : undefined;
11987
12058
  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
12059
  h("mask", { height: "100%", id: `${id}1`, width: "100%", x: "0%", y: "0%" }, h("path", { d: `
@@ -12029,7 +12100,7 @@ let CalciteHandle$1 = class extends HTMLElement {
12029
12100
  constructor() {
12030
12101
  super();
12031
12102
  this.__registerHost();
12032
- attachShadow(this);
12103
+ this.__attachShadow();
12033
12104
  this.calciteHandleNudge = createEvent(this, "calciteHandleNudge", 7);
12034
12105
  // --------------------------------------------------------------------------
12035
12106
  //
@@ -12163,7 +12234,7 @@ let CalciteIcon$1 = class extends HTMLElement {
12163
12234
  constructor() {
12164
12235
  super();
12165
12236
  this.__registerHost();
12166
- attachShadow(this);
12237
+ this.__attachShadow();
12167
12238
  //--------------------------------------------------------------------------
12168
12239
  //
12169
12240
  // Properties
@@ -12627,24 +12698,21 @@ let CalciteInput$1 = class extends HTMLElement {
12627
12698
  event.preventDefault();
12628
12699
  };
12629
12700
  this.nudgeNumberValue = (direction, nativeEvent) => {
12630
- if (this.type !== "number") {
12701
+ if ((nativeEvent instanceof KeyboardEvent && nativeEvent.repeat) || this.type !== "number") {
12631
12702
  return;
12632
12703
  }
12633
- const value = this.value;
12634
12704
  const inputMax = this.maxString ? parseFloat(this.maxString) : null;
12635
12705
  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);
12706
+ const valueNudgeDelayInMs = 500;
12707
+ this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
12708
+ this.nudgeNumberValueIntervalId = setInterval(() => {
12709
+ this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
12710
+ }, valueNudgeDelayInMs);
12711
+ };
12712
+ this.numberButtonMouseUpAndMouseOutHandler = () => {
12713
+ clearInterval(this.nudgeNumberValueIntervalId);
12646
12714
  };
12647
- this.numberButtonClickHandler = (event) => {
12715
+ this.numberButtonMouseDownHandler = (event) => {
12648
12716
  // todo, when dropping ie11 support, refactor to use stepup/stepdown
12649
12717
  // prevent blur and re-focus of input on mousedown
12650
12718
  event.preventDefault();
@@ -12690,6 +12758,9 @@ let CalciteInput$1 = class extends HTMLElement {
12690
12758
  }
12691
12759
  }
12692
12760
  };
12761
+ this.inputKeyUpHandler = () => {
12762
+ clearInterval(this.nudgeNumberValueIntervalId);
12763
+ };
12693
12764
  }
12694
12765
  disabledWatcher() {
12695
12766
  this.setDisabledAction();
@@ -12808,6 +12879,19 @@ let CalciteInput$1 = class extends HTMLElement {
12808
12879
  onLabelClick() {
12809
12880
  this.setFocus();
12810
12881
  }
12882
+ incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent) {
12883
+ const value = this.value;
12884
+ const inputStep = this.step === "any" ? 1 : Math.abs(this.step || 1);
12885
+ const inputVal = value && value !== "" ? parseFloat(value) : 0;
12886
+ let newValue = value;
12887
+ if (direction === "up" && ((!inputMax && inputMax !== 0) || inputVal < inputMax)) {
12888
+ newValue = (inputVal + inputStep).toString();
12889
+ }
12890
+ if (direction === "down" && ((!inputMin && inputMin !== 0) || inputVal > inputMin)) {
12891
+ newValue = (inputVal - inputStep).toString();
12892
+ }
12893
+ this.setValue(newValue, nativeEvent, true);
12894
+ }
12811
12895
  setDisabledAction() {
12812
12896
  if (!this.slottedActionEl) {
12813
12897
  return;
@@ -12831,17 +12915,17 @@ let CalciteInput$1 = class extends HTMLElement {
12831
12915
  const numberButtonsHorizontalUp = (h("button", { class: {
12832
12916
  [CSS$r.numberButtonItem]: true,
12833
12917
  [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" })));
12918
+ }, "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
12919
  const numberButtonsHorizontalDown = (h("button", { class: {
12836
12920
  [CSS$r.numberButtonItem]: true,
12837
12921
  [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" })));
12922
+ }, "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
12923
  const numberButtonsVertical = (h("div", { class: CSS$r.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
12840
12924
  const prefixText = h("div", { class: CSS$r.prefix }, this.prefixText);
12841
12925
  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;
12926
+ 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, inputMode: this.el.inputMode, key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, name: undefined, onBlur: this.inputBlurHandler, onFocus: this.inputFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, onKeyUp: this.inputKeyUpHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildNumberElRef, tabIndex: this.disabled ? -1 : 0, type: "text", value: this.localizedValue })) : null;
12843
12927
  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 }),
12928
+ h(this.childElType, { "aria-label": getLabelText(this), autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, inputMode: this.el.inputMode, max: this.maxString, maxLength: this.maxLength, min: this.minString, minLength: this.minLength, name: this.name, onBlur: this.inputBlurHandler, onFocus: this.inputFocusHandler, onInput: this.inputInputHandler, onKeyDown: this.inputKeyDownHandler, onKeyUp: this.inputKeyUpHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildElRef, required: this.required ? true : null, step: this.step, tabIndex: this.disabled || this.type === "number" ? -1 : null, type: this.type, value: this.value }),
12845
12929
  this.isTextarea ? (h("div", { class: CSS$r.resizeIconWrapper }, h("calcite-icon", { icon: "chevron-down", scale: "s" }))) : null
12846
12930
  ];
12847
12931
  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 +12955,7 @@ let CalciteInputDatePicker$1 = class extends HTMLElement {
12871
12955
  constructor() {
12872
12956
  super();
12873
12957
  this.__registerHost();
12874
- attachShadow(this);
12958
+ this.__attachShadow();
12875
12959
  this.calciteDatePickerChange = createEvent(this, "calciteDatePickerChange", 7);
12876
12960
  this.calciteDatePickerRangeChange = createEvent(this, "calciteDatePickerRangeChange", 7);
12877
12961
  this.calciteInputDatePickerOpen = createEvent(this, "calciteInputDatePickerOpen", 7);
@@ -13003,7 +13087,7 @@ let CalciteInputDatePicker$1 = class extends HTMLElement {
13003
13087
  const { popper, menuEl } = this;
13004
13088
  const modifiers = this.getModifiers();
13005
13089
  popper
13006
- ? updatePopper({
13090
+ ? await updatePopper({
13007
13091
  el: menuEl,
13008
13092
  modifiers,
13009
13093
  placement: DEFAULT_PLACEMENT,
@@ -13254,7 +13338,7 @@ let CalciteInputMessage$1 = class extends HTMLElement {
13254
13338
  constructor() {
13255
13339
  super();
13256
13340
  this.__registerHost();
13257
- attachShadow(this);
13341
+ this.__attachShadow();
13258
13342
  //--------------------------------------------------------------------------
13259
13343
  //
13260
13344
  // Properties
@@ -13364,7 +13448,7 @@ let CalciteInputTimePicker$1 = class extends HTMLElement {
13364
13448
  constructor() {
13365
13449
  super();
13366
13450
  this.__registerHost();
13367
- attachShadow(this);
13451
+ this.__attachShadow();
13368
13452
  this.calciteInputTimePickerChange = createEvent(this, "calciteInputTimePickerChange", 7);
13369
13453
  //--------------------------------------------------------------------------
13370
13454
  //
@@ -13558,7 +13642,7 @@ let CalciteLabel$1 = class extends HTMLElement {
13558
13642
  constructor() {
13559
13643
  super();
13560
13644
  this.__registerHost();
13561
- attachShadow(this);
13645
+ this.__attachShadow();
13562
13646
  this.calciteInternalLabelClick = createEvent(this, "calciteInternalLabelClick", 3);
13563
13647
  //--------------------------------------------------------------------------
13564
13648
  //
@@ -13607,7 +13691,7 @@ let CalciteLink$1 = class extends HTMLElement {
13607
13691
  constructor() {
13608
13692
  super();
13609
13693
  this.__registerHost();
13610
- attachShadow(this);
13694
+ this.__attachShadow();
13611
13695
  //--------------------------------------------------------------------------
13612
13696
  //
13613
13697
  // Properties
@@ -13672,7 +13756,7 @@ let CalciteList$1 = class extends HTMLElement {
13672
13756
  constructor() {
13673
13757
  super();
13674
13758
  this.__registerHost();
13675
- attachShadow(this);
13759
+ this.__attachShadow();
13676
13760
  }
13677
13761
  // --------------------------------------------------------------------------
13678
13762
  //
@@ -13722,7 +13806,7 @@ let CalciteListItem$1 = class extends HTMLElement {
13722
13806
  constructor() {
13723
13807
  super();
13724
13808
  this.__registerHost();
13725
- attachShadow(this);
13809
+ this.__attachShadow();
13726
13810
  // --------------------------------------------------------------------------
13727
13811
  //
13728
13812
  // Properties
@@ -13796,7 +13880,7 @@ let CalciteListItemGroup$1 = class extends HTMLElement {
13796
13880
  constructor() {
13797
13881
  super();
13798
13882
  this.__registerHost();
13799
- attachShadow(this);
13883
+ this.__attachShadow();
13800
13884
  }
13801
13885
  // --------------------------------------------------------------------------
13802
13886
  //
@@ -13815,13 +13899,13 @@ let CalciteListItemGroup$1 = class extends HTMLElement {
13815
13899
  static get style() { return calciteListItemGroupCss; }
13816
13900
  };
13817
13901
 
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)}}";
13902
+ 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
13903
 
13820
13904
  let CalciteLoader$1 = class extends HTMLElement {
13821
13905
  constructor() {
13822
13906
  super();
13823
13907
  this.__registerHost();
13824
- attachShadow(this);
13908
+ this.__attachShadow();
13825
13909
  //--------------------------------------------------------------------------
13826
13910
  //
13827
13911
  // Properties
@@ -14033,7 +14117,7 @@ let CalciteModal$1 = class extends HTMLElement {
14033
14117
  constructor() {
14034
14118
  super();
14035
14119
  this.__registerHost();
14036
- attachShadow(this);
14120
+ this.__attachShadow();
14037
14121
  this.calciteModalOpen = createEvent(this, "calciteModalOpen", 7);
14038
14122
  this.calciteModalClose = createEvent(this, "calciteModalClose", 7);
14039
14123
  //--------------------------------------------------------------------------
@@ -14271,7 +14355,7 @@ let CalciteNotice$1 = class extends HTMLElement {
14271
14355
  constructor() {
14272
14356
  super();
14273
14357
  this.__registerHost();
14274
- attachShadow(this);
14358
+ this.__attachShadow();
14275
14359
  this.calciteNoticeClose = createEvent(this, "calciteNoticeClose", 7);
14276
14360
  this.calciteNoticeOpen = createEvent(this, "calciteNoticeOpen", 7);
14277
14361
  //--------------------------------------------------------------------------
@@ -14355,7 +14439,7 @@ let CalciteOption$1 = class extends HTMLElement {
14355
14439
  constructor() {
14356
14440
  super();
14357
14441
  this.__registerHost();
14358
- attachShadow(this);
14442
+ this.__attachShadow();
14359
14443
  this.calciteOptionChange = createEvent(this, "calciteOptionChange", 7);
14360
14444
  //--------------------------------------------------------------------------
14361
14445
  //
@@ -14434,7 +14518,7 @@ let CalciteOptionGroup$1 = class extends HTMLElement {
14434
14518
  constructor() {
14435
14519
  super();
14436
14520
  this.__registerHost();
14437
- attachShadow(this);
14521
+ this.__attachShadow();
14438
14522
  this.calciteOptionGroupChange = createEvent(this, "calciteOptionGroupChange", 7);
14439
14523
  //--------------------------------------------------------------------------
14440
14524
  //
@@ -14486,7 +14570,7 @@ let CalcitePagination$1 = class extends HTMLElement {
14486
14570
  constructor() {
14487
14571
  super();
14488
14572
  this.__registerHost();
14489
- attachShadow(this);
14573
+ this.__attachShadow();
14490
14574
  this.calcitePaginationUpdate = createEvent(this, "calcitePaginationUpdate", 7);
14491
14575
  this.calcitePaginationChange = createEvent(this, "calcitePaginationChange", 7);
14492
14576
  //--------------------------------------------------------------------------
@@ -14674,13 +14758,13 @@ const TEXT$7 = {
14674
14758
  };
14675
14759
  const HEADING_LEVEL$4 = 3;
14676
14760
 
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}";
14761
+ 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
14762
 
14679
14763
  let CalcitePanel$1 = class extends HTMLElement {
14680
14764
  constructor() {
14681
14765
  super();
14682
14766
  this.__registerHost();
14683
- attachShadow(this);
14767
+ this.__attachShadow();
14684
14768
  this.calcitePanelDismissedChange = createEvent(this, "calcitePanelDismissedChange", 7);
14685
14769
  this.calcitePanelScroll = createEvent(this, "calcitePanelScroll", 7);
14686
14770
  this.calcitePanelBackClick = createEvent(this, "calcitePanelBackClick", 7);
@@ -15153,7 +15237,7 @@ let CalcitePickList$1 = class extends HTMLElement {
15153
15237
  constructor() {
15154
15238
  super();
15155
15239
  this.__registerHost();
15156
- attachShadow(this);
15240
+ this.__attachShadow();
15157
15241
  this.calciteListChange = createEvent(this, "calciteListChange", 7);
15158
15242
  // --------------------------------------------------------------------------
15159
15243
  //
@@ -15286,7 +15370,7 @@ let CalcitePickListGroup$1 = class extends HTMLElement {
15286
15370
  constructor() {
15287
15371
  super();
15288
15372
  this.__registerHost();
15289
- attachShadow(this);
15373
+ this.__attachShadow();
15290
15374
  }
15291
15375
  // --------------------------------------------------------------------------
15292
15376
  //
@@ -15346,7 +15430,7 @@ let CalcitePickListItem$1 = class extends HTMLElement {
15346
15430
  constructor() {
15347
15431
  super();
15348
15432
  this.__registerHost();
15349
- attachShadow(this);
15433
+ this.__attachShadow();
15350
15434
  this.calciteListItemChange = createEvent(this, "calciteListItemChange", 7);
15351
15435
  this.calciteListItemRemove = createEvent(this, "calciteListItemRemove", 7);
15352
15436
  this.calciteListItemPropsChange = createEvent(this, "calciteListItemPropsChange", 7);
@@ -15515,7 +15599,7 @@ let CalcitePopover$1 = class extends HTMLElement {
15515
15599
  constructor() {
15516
15600
  super();
15517
15601
  this.__registerHost();
15518
- attachShadow(this);
15602
+ this.__attachShadow();
15519
15603
  this.calcitePopoverClose = createEvent(this, "calcitePopoverClose", 7);
15520
15604
  this.calcitePopoverOpen = createEvent(this, "calcitePopoverOpen", 7);
15521
15605
  // --------------------------------------------------------------------------
@@ -15662,7 +15746,7 @@ let CalcitePopover$1 = class extends HTMLElement {
15662
15746
  const { popper, el, placement } = this;
15663
15747
  const modifiers = this.getModifiers();
15664
15748
  popper
15665
- ? updatePopper({
15749
+ ? await updatePopper({
15666
15750
  el,
15667
15751
  modifiers,
15668
15752
  placement,
@@ -15785,7 +15869,7 @@ let CalcitePopoverManager$1 = class extends HTMLElement {
15785
15869
  constructor() {
15786
15870
  super();
15787
15871
  this.__registerHost();
15788
- attachShadow(this);
15872
+ this.__attachShadow();
15789
15873
  // --------------------------------------------------------------------------
15790
15874
  //
15791
15875
  // Properties
@@ -15851,7 +15935,7 @@ let CalciteProgress$1 = class extends HTMLElement {
15851
15935
  constructor() {
15852
15936
  super();
15853
15937
  this.__registerHost();
15854
- attachShadow(this);
15938
+ this.__attachShadow();
15855
15939
  /** Use indeterminate if finding actual progress value is impossible */
15856
15940
  this.type = "determinate";
15857
15941
  /** Fraction completed, in the range of 0 - 1.0 */
@@ -15878,7 +15962,7 @@ let CalciteRadio$1 = class extends HTMLElement {
15878
15962
  constructor() {
15879
15963
  super();
15880
15964
  this.__registerHost();
15881
- attachShadow(this);
15965
+ this.__attachShadow();
15882
15966
  //--------------------------------------------------------------------------
15883
15967
  //
15884
15968
  // Properties
@@ -16165,7 +16249,7 @@ let CalciteRadioButtonGroup$1 = class extends HTMLElement {
16165
16249
  constructor() {
16166
16250
  super();
16167
16251
  this.__registerHost();
16168
- attachShadow(this);
16252
+ this.__attachShadow();
16169
16253
  this.calciteRadioButtonGroupChange = createEvent(this, "calciteRadioButtonGroupChange", 7);
16170
16254
  //--------------------------------------------------------------------------
16171
16255
  //
@@ -16252,7 +16336,7 @@ let CalciteRadioGroup$1 = class extends HTMLElement {
16252
16336
  constructor() {
16253
16337
  super();
16254
16338
  this.__registerHost();
16255
- attachShadow(this);
16339
+ this.__attachShadow();
16256
16340
  this.calciteRadioGroupChange = createEvent(this, "calciteRadioGroupChange", 7);
16257
16341
  //--------------------------------------------------------------------------
16258
16342
  //
@@ -16458,7 +16542,7 @@ let CalciteRadioGroupItem$1 = class extends HTMLElement {
16458
16542
  constructor() {
16459
16543
  super();
16460
16544
  this.__registerHost();
16461
- attachShadow(this);
16545
+ this.__attachShadow();
16462
16546
  this.calciteRadioGroupItemChange = createEvent(this, "calciteRadioGroupItemChange", 7);
16463
16547
  //--------------------------------------------------------------------------
16464
16548
  //
@@ -16558,7 +16642,7 @@ let CalciteRating$1 = class extends HTMLElement {
16558
16642
  constructor() {
16559
16643
  super();
16560
16644
  this.__registerHost();
16561
- attachShadow(this);
16645
+ this.__attachShadow();
16562
16646
  this.calciteRatingChange = createEvent(this, "calciteRatingChange", 7);
16563
16647
  // --------------------------------------------------------------------------
16564
16648
  //
@@ -16670,7 +16754,7 @@ let CalciteScrim$1 = class extends HTMLElement {
16670
16754
  constructor() {
16671
16755
  super();
16672
16756
  this.__registerHost();
16673
- attachShadow(this);
16757
+ this.__attachShadow();
16674
16758
  // --------------------------------------------------------------------------
16675
16759
  //
16676
16760
  // Properties
@@ -16720,7 +16804,7 @@ let CalciteSelect$1 = class extends HTMLElement {
16720
16804
  constructor() {
16721
16805
  super();
16722
16806
  this.__registerHost();
16723
- attachShadow(this);
16807
+ this.__attachShadow();
16724
16808
  this.calciteSelectChange = createEvent(this, "calciteSelectChange", 7);
16725
16809
  //--------------------------------------------------------------------------
16726
16810
  //
@@ -16906,7 +16990,7 @@ let CalciteShell$1 = class extends HTMLElement {
16906
16990
  constructor() {
16907
16991
  super();
16908
16992
  this.__registerHost();
16909
- attachShadow(this);
16993
+ this.__attachShadow();
16910
16994
  // --------------------------------------------------------------------------
16911
16995
  //
16912
16996
  // Properties
@@ -16973,7 +17057,7 @@ let CalciteShellCenterRow$1 = class extends HTMLElement {
16973
17057
  constructor() {
16974
17058
  super();
16975
17059
  this.__registerHost();
16976
- attachShadow(this);
17060
+ this.__attachShadow();
16977
17061
  // --------------------------------------------------------------------------
16978
17062
  //
16979
17063
  // Properties
@@ -17030,7 +17114,7 @@ let CalciteShellPanel$1 = class extends HTMLElement {
17030
17114
  constructor() {
17031
17115
  super();
17032
17116
  this.__registerHost();
17033
- attachShadow(this);
17117
+ this.__attachShadow();
17034
17118
  this.calciteShellPanelToggle = createEvent(this, "calciteShellPanelToggle", 7);
17035
17119
  // --------------------------------------------------------------------------
17036
17120
  //
@@ -17084,13 +17168,13 @@ let CalciteShellPanel$1 = class extends HTMLElement {
17084
17168
  static get style() { return calciteShellPanelCss; }
17085
17169
  };
17086
17170
 
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}";
17171
+ 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
17172
 
17089
17173
  let CalciteSlider$1 = class extends HTMLElement {
17090
17174
  constructor() {
17091
17175
  super();
17092
17176
  this.__registerHost();
17093
- attachShadow(this);
17177
+ this.__attachShadow();
17094
17178
  this.calciteSliderInput = createEvent(this, "calciteSliderInput", 7);
17095
17179
  this.calciteSliderChange = createEvent(this, "calciteSliderChange", 7);
17096
17180
  this.calciteSliderUpdate = createEvent(this, "calciteSliderUpdate", 7);
@@ -17323,7 +17407,7 @@ let CalciteSlider$1 = class extends HTMLElement {
17323
17407
  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
17408
  }
17325
17409
  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;
17410
+ 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
17411
  }
17328
17412
  renderTickLabel(tick) {
17329
17413
  const isMinTickLabel = tick === this.min;
@@ -20796,7 +20880,7 @@ let CalciteSortableList$1 = class extends HTMLElement {
20796
20880
  constructor() {
20797
20881
  super();
20798
20882
  this.__registerHost();
20799
- attachShadow(this);
20883
+ this.__attachShadow();
20800
20884
  this.calciteListOrderChange = createEvent(this, "calciteListOrderChange", 7);
20801
20885
  /**
20802
20886
  * The selector for the handle elements.
@@ -20956,7 +21040,7 @@ let CalciteSplitButton$1 = class extends HTMLElement {
20956
21040
  constructor() {
20957
21041
  super();
20958
21042
  this.__registerHost();
20959
- attachShadow(this);
21043
+ this.__attachShadow();
20960
21044
  this.calciteSplitButtonPrimaryClick = createEvent(this, "calciteSplitButtonPrimaryClick", 7);
20961
21045
  this.calciteSplitButtonSecondaryClick = createEvent(this, "calciteSplitButtonSecondaryClick", 7);
20962
21046
  /** specify the appearance style of the button, defaults to solid. */
@@ -21012,7 +21096,7 @@ let CalciteStepper$1 = class extends HTMLElement {
21012
21096
  constructor() {
21013
21097
  super();
21014
21098
  this.__registerHost();
21015
- attachShadow(this);
21099
+ this.__attachShadow();
21016
21100
  this.calciteStepperItemChange = createEvent(this, "calciteStepperItemChange", 7);
21017
21101
  //--------------------------------------------------------------------------
21018
21102
  //
@@ -21225,7 +21309,7 @@ let CalciteStepperItem$1 = class extends HTMLElement {
21225
21309
  constructor() {
21226
21310
  super();
21227
21311
  this.__registerHost();
21228
- attachShadow(this);
21312
+ this.__attachShadow();
21229
21313
  this.calciteStepperItemKeyEvent = createEvent(this, "calciteStepperItemKeyEvent", 7);
21230
21314
  this.calciteStepperItemSelect = createEvent(this, "calciteStepperItemSelect", 7);
21231
21315
  this.calciteStepperItemRegister = createEvent(this, "calciteStepperItemRegister", 7);
@@ -21373,7 +21457,7 @@ let CalciteSwitch$1 = class extends HTMLElement {
21373
21457
  constructor() {
21374
21458
  super();
21375
21459
  this.__registerHost();
21376
- attachShadow(this);
21460
+ this.__attachShadow();
21377
21461
  this.calciteSwitchChange = createEvent(this, "calciteSwitchChange", 7);
21378
21462
  //--------------------------------------------------------------------------
21379
21463
  //
@@ -21466,6 +21550,11 @@ let CalciteSwitch$1 = class extends HTMLElement {
21466
21550
  //--------------------------------------------------------------------------
21467
21551
  connectedCallback() {
21468
21552
  connectLabel(this);
21553
+ const initiallyChecked = this.checked || this.switched;
21554
+ if (initiallyChecked) {
21555
+ // if either prop is set, we ensure both are synced initially
21556
+ this.switched = this.checked = initiallyChecked;
21557
+ }
21469
21558
  }
21470
21559
  disconnectedCallback() {
21471
21560
  disconnectLabel(this);
@@ -21500,7 +21589,7 @@ let CalciteTab$1 = class extends HTMLElement {
21500
21589
  constructor() {
21501
21590
  super();
21502
21591
  this.__registerHost();
21503
- attachShadow(this);
21592
+ this.__attachShadow();
21504
21593
  this.calciteTabRegister = createEvent(this, "calciteTabRegister", 7);
21505
21594
  /**
21506
21595
  * Show this tab
@@ -21594,7 +21683,7 @@ let CalciteTabNav$1 = class extends HTMLElement {
21594
21683
  constructor() {
21595
21684
  super();
21596
21685
  this.__registerHost();
21597
- attachShadow(this);
21686
+ this.__attachShadow();
21598
21687
  this.calciteTabChange = createEvent(this, "calciteTabChange", 7);
21599
21688
  /** @internal Parent tabs component scale value */
21600
21689
  this.scale = "m";
@@ -21772,7 +21861,7 @@ let CalciteTabTitle$1 = class extends HTMLElement {
21772
21861
  constructor() {
21773
21862
  super();
21774
21863
  this.__registerHost();
21775
- attachShadow(this);
21864
+ this.__attachShadow();
21776
21865
  this.calciteTabsActivate = createEvent(this, "calciteTabsActivate", 7);
21777
21866
  this.calciteTabsFocusNext = createEvent(this, "calciteTabsFocusNext", 7);
21778
21867
  this.calciteTabsFocusPrevious = createEvent(this, "calciteTabsFocusPrevious", 7);
@@ -21961,7 +22050,7 @@ let CalciteTabs$1 = class extends HTMLElement {
21961
22050
  constructor() {
21962
22051
  super();
21963
22052
  this.__registerHost();
21964
- attachShadow(this);
22053
+ this.__attachShadow();
21965
22054
  //--------------------------------------------------------------------------
21966
22055
  //
21967
22056
  // Public Properties
@@ -22113,13 +22202,13 @@ const SLOTS$3 = {
22113
22202
  contentEnd: "content-end"
22114
22203
  };
22115
22204
 
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)}";
22205
+ 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
22206
 
22118
22207
  let CalciteTile$1 = class extends HTMLElement {
22119
22208
  constructor() {
22120
22209
  super();
22121
22210
  this.__registerHost();
22122
- attachShadow(this);
22211
+ this.__attachShadow();
22123
22212
  //--------------------------------------------------------------------------
22124
22213
  //
22125
22214
  // Properties
@@ -22170,7 +22259,7 @@ let CalciteTileSelect$1 = class extends HTMLElement {
22170
22259
  constructor() {
22171
22260
  super();
22172
22261
  this.__registerHost();
22173
- attachShadow(this);
22262
+ this.__attachShadow();
22174
22263
  this.calciteTileSelectChange = createEvent(this, "calciteTileSelectChange", 7);
22175
22264
  //--------------------------------------------------------------------------
22176
22265
  //
@@ -22331,7 +22420,7 @@ let CalciteTileSelectGroup$1 = class extends HTMLElement {
22331
22420
  constructor() {
22332
22421
  super();
22333
22422
  this.__registerHost();
22334
- attachShadow(this);
22423
+ this.__attachShadow();
22335
22424
  //--------------------------------------------------------------------------
22336
22425
  //
22337
22426
  // Properties
@@ -22389,7 +22478,7 @@ let CalciteTimePicker$1 = class extends HTMLElement {
22389
22478
  constructor() {
22390
22479
  super();
22391
22480
  this.__registerHost();
22392
- attachShadow(this);
22481
+ this.__attachShadow();
22393
22482
  this.calciteTimePickerBlur = createEvent(this, "calciteTimePickerBlur", 7);
22394
22483
  this.calciteTimePickerChange = createEvent(this, "calciteTimePickerChange", 7);
22395
22484
  this.calciteTimePickerFocus = createEvent(this, "calciteTimePickerFocus", 7);
@@ -23002,7 +23091,7 @@ let CalciteTip$1 = class extends HTMLElement {
23002
23091
  constructor() {
23003
23092
  super();
23004
23093
  this.__registerHost();
23005
- attachShadow(this);
23094
+ this.__attachShadow();
23006
23095
  this.calciteTipDismiss = createEvent(this, "calciteTipDismiss", 7);
23007
23096
  // --------------------------------------------------------------------------
23008
23097
  //
@@ -23072,7 +23161,7 @@ let CalciteTipGroup$1 = class extends HTMLElement {
23072
23161
  constructor() {
23073
23162
  super();
23074
23163
  this.__registerHost();
23075
- attachShadow(this);
23164
+ this.__attachShadow();
23076
23165
  }
23077
23166
  render() {
23078
23167
  return h("slot", null);
@@ -23086,7 +23175,7 @@ let CalciteTipManager$1 = class extends HTMLElement {
23086
23175
  constructor() {
23087
23176
  super();
23088
23177
  this.__registerHost();
23089
- attachShadow(this);
23178
+ this.__attachShadow();
23090
23179
  this.calciteTipManagerToggle = createEvent(this, "calciteTipManagerToggle", 7);
23091
23180
  // --------------------------------------------------------------------------
23092
23181
  //
@@ -23253,7 +23342,7 @@ let CalciteTooltip$1 = class extends HTMLElement {
23253
23342
  constructor() {
23254
23343
  super();
23255
23344
  this.__registerHost();
23256
- attachShadow(this);
23345
+ this.__attachShadow();
23257
23346
  /**
23258
23347
  * Offset the position of the popover away from the reference element.
23259
23348
  * @default 6
@@ -23359,7 +23448,7 @@ let CalciteTooltip$1 = class extends HTMLElement {
23359
23448
  const { popper, el, placement } = this;
23360
23449
  const modifiers = this.getModifiers();
23361
23450
  popper
23362
- ? updatePopper({
23451
+ ? await updatePopper({
23363
23452
  el,
23364
23453
  modifiers,
23365
23454
  placement,
@@ -23441,7 +23530,7 @@ let CalciteTooltipManager$1 = class extends HTMLElement {
23441
23530
  constructor() {
23442
23531
  super();
23443
23532
  this.__registerHost();
23444
- attachShadow(this);
23533
+ this.__attachShadow();
23445
23534
  this.hoverTimeouts = new WeakMap();
23446
23535
  // --------------------------------------------------------------------------
23447
23536
  //
@@ -23594,7 +23683,7 @@ let CalciteTree$1 = class extends HTMLElement {
23594
23683
  constructor() {
23595
23684
  super();
23596
23685
  this.__registerHost();
23597
- attachShadow(this);
23686
+ this.__attachShadow();
23598
23687
  this.calciteTreeSelect = createEvent(this, "calciteTreeSelect", 7);
23599
23688
  //--------------------------------------------------------------------------
23600
23689
  //
@@ -23798,7 +23887,7 @@ let CalciteTreeItem$1 = class extends HTMLElement {
23798
23887
  constructor() {
23799
23888
  super();
23800
23889
  this.__registerHost();
23801
- attachShadow(this);
23890
+ this.__attachShadow();
23802
23891
  this.calciteTreeItemSelect = createEvent(this, "calciteTreeItemSelect", 7);
23803
23892
  //--------------------------------------------------------------------------
23804
23893
  //
@@ -23831,10 +23920,17 @@ let CalciteTreeItem$1 = class extends HTMLElement {
23831
23920
  // Private Methods
23832
23921
  //
23833
23922
  //--------------------------------------------------------------------------
23923
+ this.updateParentIsExpanded = (el, expanded) => {
23924
+ const items = getSlotted(el, SLOTS$1.children, {
23925
+ all: true,
23926
+ selector: "calcite-tree-item"
23927
+ });
23928
+ items.forEach((item) => (item.parentExpanded = expanded));
23929
+ };
23834
23930
  this.updateAncestorTree = () => {
23835
23931
  if (this.selected && this.selectionMode === TreeSelectionMode.Ancestors) {
23836
23932
  const ancestors = [];
23837
- let parent = this.el.parentElement.closest("calcite-tree-item");
23933
+ let parent = this.parentTreeItem;
23838
23934
  while (parent) {
23839
23935
  ancestors.push(parent);
23840
23936
  parent = parent.parentElement.closest("calcite-tree-item");
@@ -23845,11 +23941,7 @@ let CalciteTreeItem$1 = class extends HTMLElement {
23845
23941
  };
23846
23942
  }
23847
23943
  expandedHandler(newValue) {
23848
- const items = getSlotted(this.el, "children", {
23849
- all: true,
23850
- selector: "calcite-tree-item"
23851
- });
23852
- items.forEach((item) => (item.parentExpanded = newValue));
23944
+ this.updateParentIsExpanded(this.el, newValue);
23853
23945
  }
23854
23946
  //--------------------------------------------------------------------------
23855
23947
  //
@@ -23857,7 +23949,11 @@ let CalciteTreeItem$1 = class extends HTMLElement {
23857
23949
  //
23858
23950
  //--------------------------------------------------------------------------
23859
23951
  connectedCallback() {
23860
- this.expandedHandler(this.expanded);
23952
+ this.parentTreeItem = this.el.parentElement.closest("calcite-tree-item");
23953
+ if (this.parentTreeItem) {
23954
+ const { expanded } = this.parentTreeItem;
23955
+ this.updateParentIsExpanded(this.parentTreeItem, expanded);
23956
+ }
23861
23957
  }
23862
23958
  componentWillRender() {
23863
23959
  this.hasChildren = !!this.el.querySelector("calcite-tree");
@@ -23969,7 +24065,7 @@ let CalciteTreeItem$1 = class extends HTMLElement {
23969
24065
  break;
23970
24066
  }
23971
24067
  // When focus is on a child node that is also either an end node or a closed node, moves focus to its parent node.
23972
- const parentItem = this.el.parentElement.closest("calcite-tree-item");
24068
+ const parentItem = this.parentTreeItem;
23973
24069
  if (parentItem && (!this.hasChildren || this.expanded === false)) {
23974
24070
  parentItem.focus();
23975
24071
  e.preventDefault();
@@ -24044,7 +24140,7 @@ let CalciteValueList$1 = class extends HTMLElement {
24044
24140
  constructor() {
24045
24141
  super();
24046
24142
  this.__registerHost();
24047
- attachShadow(this);
24143
+ this.__attachShadow();
24048
24144
  this.calciteListChange = createEvent(this, "calciteListChange", 7);
24049
24145
  this.calciteListOrderChange = createEvent(this, "calciteListOrderChange", 7);
24050
24146
  // --------------------------------------------------------------------------
@@ -24239,7 +24335,7 @@ let CalciteValueListItem$1 = class extends HTMLElement {
24239
24335
  constructor() {
24240
24336
  super();
24241
24337
  this.__registerHost();
24242
- attachShadow(this);
24338
+ this.__attachShadow();
24243
24339
  this.calciteListItemRemove = createEvent(this, "calciteListItemRemove", 7);
24244
24340
  /**
24245
24341
  * When true, the item cannot be clicked and is visually muted
@@ -24371,9 +24467,9 @@ const CalciteDropdown = /*@__PURE__*/proxyCustomElement(CalciteDropdown$1, [1,"c
24371
24467
  const CalciteDropdownGroup = /*@__PURE__*/proxyCustomElement(CalciteDropdownGroup$1, [1,"calcite-dropdown-group",{"groupTitle":[513,"group-title"],"selectionMode":[513,"selection-mode"],"scale":[513]},[[0,"calciteDropdownItemSelect","updateActiveItemOnChange"]]]);
24372
24468
  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
24469
  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]}]);
24470
+ const CalciteFilter = /*@__PURE__*/proxyCustomElement(CalciteFilter$1, [1,"calcite-filter",{"data":[16],"items":[1040],"disabled":[516],"filteredItems":[1040],"intlClear":[1,"intl-clear"],"intlLabel":[1,"intl-label"],"placeholder":[1],"value":[1025]}]);
24375
24471
  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"]}]);
24472
+ 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
24473
  const CalciteHandle = /*@__PURE__*/proxyCustomElement(CalciteHandle$1, [1,"calcite-handle",{"activated":[1540],"textTitle":[513,"text-title"]}]);
24378
24474
  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
24475
  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 +24511,7 @@ const CalciteSortableList = /*@__PURE__*/proxyCustomElement(CalciteSortableList$
24415
24511
  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
24512
  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
24513
  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"]]]);
24514
+ 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
24515
  const CalciteTab = /*@__PURE__*/proxyCustomElement(CalciteTab$1, [1,"calcite-tab",{"tab":[513],"active":[1540],"scale":[1537],"labeledBy":[32]},[[16,"calciteTabChange","tabChangeHandler"]]]);
24420
24516
  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
24517
  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"]]]);