@esri/calcite-components 1.0.0-next.415 → 1.0.0-next.418

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 (520) hide show
  1. package/dist/calcite/calcite.esm.js +1 -1
  2. package/dist/calcite/calcite.js +1 -1
  3. package/dist/calcite/{p-02854dce.system.entry.js → p-02d7cf64.system.entry.js} +1 -1
  4. package/dist/calcite/p-03c92ad2.entry.js +5 -0
  5. package/dist/calcite/{p-847fc3a4.system.entry.js → p-052ba882.system.entry.js} +1 -1
  6. package/dist/calcite/{p-46c177ec.system.entry.js → p-07f1f162.system.entry.js} +1 -1
  7. package/dist/calcite/p-1263bcc0.entry.js +5 -0
  8. package/dist/calcite/p-184049cb.entry.js +5 -0
  9. package/dist/calcite/p-18be4438.entry.js +5 -0
  10. package/dist/calcite/p-193749c1.entry.js +5 -0
  11. package/dist/calcite/{p-129954f1.system.entry.js → p-1aded388.system.entry.js} +1 -1
  12. package/dist/calcite/{p-18d1b401.system.entry.js → p-1aeca42a.system.entry.js} +1 -1
  13. package/dist/calcite/p-1b1bca2d.entry.js +5 -0
  14. package/dist/calcite/{p-3c773436.system.entry.js → p-1fc943d5.system.entry.js} +1 -1
  15. package/dist/calcite/p-23145377.entry.js +5 -0
  16. package/dist/calcite/p-28c333d0.entry.js +5 -0
  17. package/dist/calcite/p-2bcaed33.entry.js +5 -0
  18. package/dist/calcite/{p-2f20293c.system.entry.js → p-2dd22e8c.system.entry.js} +1 -1
  19. package/dist/calcite/{p-1984c1b1.system.entry.js → p-2fae8516.system.entry.js} +1 -1
  20. package/dist/calcite/p-31c58f25.entry.js +5 -0
  21. package/dist/calcite/p-32d6b962.entry.js +5 -0
  22. package/dist/calcite/{p-475869c9.system.entry.js → p-32efc4cd.system.entry.js} +1 -1
  23. package/dist/calcite/p-34730e94.entry.js +5 -0
  24. package/dist/calcite/p-364db271.entry.js +5 -0
  25. package/dist/calcite/p-366004f7.system.entry.js +5 -0
  26. package/dist/calcite/p-3915705c.entry.js +5 -0
  27. package/dist/calcite/p-3b4662a5.entry.js +5 -0
  28. package/dist/calcite/{p-7375cf4f.system.entry.js → p-3b707a1c.system.entry.js} +1 -1
  29. package/dist/calcite/{p-41806a13.system.entry.js → p-3cdee187.system.entry.js} +1 -1
  30. package/dist/calcite/{p-296c1d5a.system.entry.js → p-3e149640.system.entry.js} +1 -1
  31. package/dist/calcite/{p-9a69d12a.system.entry.js → p-3e9d96c6.system.entry.js} +1 -1
  32. package/dist/calcite/p-42227a04.entry.js +5 -0
  33. package/dist/calcite/p-426f011a.entry.js +5 -0
  34. package/dist/calcite/p-4570cf6c.js +5 -0
  35. package/dist/calcite/p-4696e56f.entry.js +5 -0
  36. package/dist/calcite/{p-e01879bf.js → p-4730df46.js} +1 -1
  37. package/dist/calcite/p-47d38839.entry.js +5 -0
  38. package/dist/calcite/{p-aa336fc3.system.entry.js → p-482885ae.system.entry.js} +1 -1
  39. package/dist/calcite/{p-df3775ba.system.entry.js → p-48637359.system.entry.js} +1 -1
  40. package/dist/calcite/{p-78bb06e5.system.entry.js → p-496e907a.system.entry.js} +1 -1
  41. package/dist/calcite/p-4aecbaef.entry.js +5 -0
  42. package/dist/calcite/{p-ea32a5ac.system.entry.js → p-4afb5a1b.system.entry.js} +1 -1
  43. package/dist/calcite/p-4eae61c5.entry.js +5 -0
  44. package/dist/calcite/p-5394666a.entry.js +5 -0
  45. package/dist/calcite/p-54c49493.entry.js +5 -0
  46. package/dist/calcite/{p-0bd5bb31.system.entry.js → p-55e1a3a0.system.entry.js} +1 -1
  47. package/dist/calcite/{p-3543ddfe.system.entry.js → p-569150ab.system.entry.js} +1 -1
  48. package/dist/calcite/{p-4392cf25.system.entry.js → p-57e0428a.system.entry.js} +1 -1
  49. package/dist/calcite/{p-9d071e3c.system.js → p-588bfa74.system.js} +1 -1
  50. package/dist/calcite/p-5a8829cd.entry.js +5 -0
  51. package/dist/calcite/p-5bb4d012.entry.js +5 -0
  52. package/dist/calcite/p-5f6e35f3.entry.js +5 -0
  53. package/dist/calcite/p-6261469d.entry.js +5 -0
  54. package/dist/calcite/p-65dbbfb5.system.js +5 -0
  55. package/dist/calcite/{p-31c3b490.system.entry.js → p-69d2d9cf.system.entry.js} +1 -1
  56. package/dist/calcite/p-6ab3e489.entry.js +5 -0
  57. package/dist/calcite/p-6b7b23d0.js +5 -0
  58. package/dist/calcite/{p-a6261f6b.system.entry.js → p-6c4a7041.system.entry.js} +1 -1
  59. package/dist/calcite/{p-db73225f.system.entry.js → p-6e0103f5.system.entry.js} +1 -1
  60. package/dist/calcite/{p-579d1f1a.system.entry.js → p-6ed27595.system.entry.js} +1 -1
  61. package/dist/calcite/{p-bce112c4.system.entry.js → p-6fba3e1b.system.entry.js} +1 -1
  62. package/dist/calcite/{p-2eb067c8.system.entry.js → p-7247b667.system.entry.js} +1 -1
  63. package/dist/calcite/{p-58274475.system.entry.js → p-7260c869.system.entry.js} +1 -1
  64. package/dist/calcite/{p-467318a0.system.entry.js → p-7432e5ef.system.entry.js} +1 -1
  65. package/dist/calcite/p-765c9bef.entry.js +5 -0
  66. package/dist/calcite/p-78bc502f.entry.js +5 -0
  67. package/dist/calcite/{p-ee88180e.system.entry.js → p-7bee4942.system.entry.js} +1 -1
  68. package/dist/calcite/{p-c0e695bd.js → p-7c88d545.js} +1 -1
  69. package/dist/calcite/p-7dfd6480.system.entry.js +5 -0
  70. package/dist/calcite/p-824da4be.entry.js +5 -0
  71. package/dist/calcite/p-867f7b7a.system.entry.js +5 -0
  72. package/dist/calcite/{p-00009c01.system.entry.js → p-872e82a6.system.entry.js} +1 -1
  73. package/dist/calcite/p-87888359.entry.js +5 -0
  74. package/dist/calcite/p-895d22f3.entry.js +5 -0
  75. package/dist/calcite/p-8a7596e3.entry.js +5 -0
  76. package/dist/calcite/{p-ba2c5e07.js → p-8ab345f2.js} +1 -1
  77. package/dist/calcite/{p-4ff0e3a9.system.entry.js → p-8e0dd0af.system.entry.js} +1 -1
  78. package/dist/calcite/{p-e4c317a4.system.js → p-9385e4b4.system.js} +1 -1
  79. package/dist/calcite/{p-8bb762f9.system.entry.js → p-963e9aec.system.entry.js} +1 -1
  80. package/dist/calcite/p-97904e9a.entry.js +5 -0
  81. package/dist/calcite/{p-a72718b5.system.entry.js → p-9940b82a.system.entry.js} +1 -1
  82. package/dist/calcite/p-9ac86d6a.entry.js +5 -0
  83. package/dist/calcite/{p-c7f36800.system.entry.js → p-9ad8c7c5.system.entry.js} +1 -1
  84. package/dist/calcite/p-9c913e3a.entry.js +5 -0
  85. package/dist/calcite/p-9e61d89d.entry.js +5 -0
  86. package/dist/calcite/{p-1f82294e.system.entry.js → p-a11ee541.system.entry.js} +1 -1
  87. package/dist/calcite/p-a3527241.system.entry.js +5 -0
  88. package/dist/calcite/p-a38fe099.entry.js +5 -0
  89. package/dist/calcite/{p-7d937b47.entry.js → p-a7770d75.entry.js} +1 -1
  90. package/dist/calcite/{p-f56ce7ea.js → p-a9b3ef39.js} +1 -1
  91. package/dist/calcite/p-a9ea7f4f.entry.js +5 -0
  92. package/dist/calcite/{p-b5afe88b.system.entry.js → p-aaa21a84.system.entry.js} +1 -1
  93. package/dist/calcite/{p-44032496.system.entry.js → p-aad14a5d.system.entry.js} +1 -1
  94. package/dist/calcite/p-afe59546.entry.js +5 -0
  95. package/dist/calcite/p-b10af2b4.entry.js +5 -0
  96. package/dist/calcite/p-b2493735.entry.js +5 -0
  97. package/dist/calcite/{p-d74ca1cf.system.entry.js → p-b3c5247b.system.entry.js} +1 -1
  98. package/dist/calcite/{p-cfb7be80.system.entry.js → p-b47dc903.system.entry.js} +1 -1
  99. package/dist/calcite/{p-c9f280c1.system.js → p-b765d197.system.js} +1 -1
  100. package/dist/calcite/p-bccbf58a.entry.js +5 -0
  101. package/dist/calcite/{p-993a9701.system.entry.js → p-bcdc20c3.system.entry.js} +1 -1
  102. package/dist/calcite/{p-cd406e29.system.entry.js → p-bdcb43b1.system.entry.js} +1 -1
  103. package/dist/calcite/{p-66a7bd24.system.entry.js → p-bffb4da3.system.entry.js} +1 -1
  104. package/dist/calcite/{p-d1060fb1.system.entry.js → p-c228a1da.system.entry.js} +1 -1
  105. package/dist/calcite/p-c2adeae4.entry.js +5 -0
  106. package/dist/calcite/{p-18ea4373.system.js → p-c33f47d5.system.js} +1 -1
  107. package/dist/calcite/{p-42d258d4.system.entry.js → p-c4cb35ba.system.entry.js} +1 -1
  108. package/dist/calcite/{p-5d52246b.system.js → p-c51699d3.system.js} +1 -1
  109. package/dist/calcite/p-c5c42405.entry.js +5 -0
  110. package/dist/calcite/{p-a4cc864a.system.entry.js → p-c9fc13b9.system.entry.js} +1 -1
  111. package/dist/calcite/p-cafd98e8.entry.js +5 -0
  112. package/dist/calcite/{p-08c58589.system.js → p-cb57638c.system.js} +1 -1
  113. package/dist/calcite/p-cb847074.entry.js +5 -0
  114. package/dist/calcite/p-cbc6fee6.entry.js +5 -0
  115. package/dist/calcite/p-cc6e7726.entry.js +5 -0
  116. package/dist/calcite/{p-2277b440.js → p-cd5f5c8f.js} +1 -1
  117. package/dist/calcite/{p-1d345756.system.entry.js → p-cd9226a1.system.entry.js} +1 -1
  118. package/dist/calcite/p-da7c2542.entry.js +5 -0
  119. package/dist/calcite/{p-fedbc6e6.js → p-dcf33bb2.js} +1 -1
  120. package/dist/calcite/{p-36fa8b0f.system.entry.js → p-dd460534.system.entry.js} +1 -1
  121. package/dist/calcite/p-e22ab8fa.entry.js +5 -0
  122. package/dist/calcite/{p-04708565.system.entry.js → p-e3280a36.system.entry.js} +1 -1
  123. package/dist/calcite/p-e43605c5.entry.js +5 -0
  124. package/dist/calcite/{p-9e56f30f.system.entry.js → p-e4d1651b.system.entry.js} +1 -1
  125. package/dist/calcite/p-e5a7ca2a.entry.js +5 -0
  126. package/dist/calcite/p-e65b6bfb.entry.js +5 -0
  127. package/dist/calcite/{p-45dce037.system.entry.js → p-e66a8ca1.system.entry.js} +1 -1
  128. package/dist/calcite/{p-5be670bf.system.entry.js → p-ea4119b1.system.entry.js} +1 -1
  129. package/dist/calcite/{p-f5e91588.system.entry.js → p-edf1e815.system.entry.js} +1 -1
  130. package/dist/calcite/{p-c908ce40.system.entry.js → p-ef17447d.system.entry.js} +1 -1
  131. package/dist/calcite/p-f09e27b0.system.js +5 -0
  132. package/dist/calcite/p-f344e163.entry.js +5 -0
  133. package/dist/calcite/p-fe9380a0.system.js +5 -0
  134. package/dist/cjs/{ExpandToggle-dbdede53.js → ExpandToggle-f7682a15.js} +1 -1
  135. package/dist/cjs/{Heading-1870bc0e.js → Heading-ec707493.js} +1 -1
  136. package/dist/cjs/calcite-accordion_2.cjs.entry.js +3 -3
  137. package/dist/cjs/calcite-action-bar.cjs.entry.js +4 -4
  138. package/dist/cjs/calcite-action-group.cjs.entry.js +3 -3
  139. package/dist/cjs/calcite-action-menu.cjs.entry.js +5 -5
  140. package/dist/cjs/calcite-action-pad.cjs.entry.js +4 -4
  141. package/dist/cjs/calcite-action.cjs.entry.js +2 -2
  142. package/dist/cjs/calcite-alert.cjs.entry.js +2 -2
  143. package/dist/cjs/calcite-avatar.cjs.entry.js +2 -2
  144. package/dist/cjs/calcite-block_2.cjs.entry.js +5 -5
  145. package/dist/cjs/calcite-button.cjs.entry.js +2 -2
  146. package/dist/cjs/calcite-card.cjs.entry.js +3 -3
  147. package/dist/cjs/calcite-checkbox.cjs.entry.js +3 -3
  148. package/dist/cjs/calcite-chip.cjs.entry.js +3 -3
  149. package/dist/cjs/calcite-color-picker_3.cjs.entry.js +4 -4
  150. package/dist/cjs/calcite-combobox_3.cjs.entry.js +24 -35
  151. package/dist/cjs/calcite-date-picker_4.cjs.entry.js +7 -7
  152. package/dist/cjs/calcite-dropdown_3.cjs.entry.js +12 -9
  153. package/dist/cjs/calcite-fab.cjs.entry.js +2 -2
  154. package/dist/cjs/calcite-filter.cjs.entry.js +2 -2
  155. package/dist/cjs/calcite-flow.cjs.entry.js +2 -2
  156. package/dist/cjs/calcite-graph_2.cjs.entry.js +4 -4
  157. package/dist/cjs/calcite-handle.cjs.entry.js +2 -2
  158. package/dist/cjs/calcite-icon.cjs.entry.js +2 -2
  159. package/dist/cjs/calcite-inline-editable.cjs.entry.js +2 -2
  160. package/dist/cjs/calcite-input-date-picker.cjs.entry.js +13 -10
  161. package/dist/cjs/calcite-input-message.cjs.entry.js +2 -2
  162. package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +4 -4
  163. package/dist/cjs/calcite-input.cjs.entry.js +3 -3
  164. package/dist/cjs/calcite-label.cjs.entry.js +2 -2
  165. package/dist/cjs/calcite-link.cjs.entry.js +2 -2
  166. package/dist/cjs/calcite-list_3.cjs.entry.js +6 -6
  167. package/dist/cjs/calcite-loader.cjs.entry.js +2 -2
  168. package/dist/cjs/calcite-modal.cjs.entry.js +3 -3
  169. package/dist/cjs/calcite-notice.cjs.entry.js +3 -3
  170. package/dist/cjs/calcite-option_3.cjs.entry.js +5 -5
  171. package/dist/cjs/calcite-pagination.cjs.entry.js +2 -2
  172. package/dist/cjs/calcite-panel.cjs.entry.js +4 -4
  173. package/dist/cjs/calcite-pick-list_3.cjs.entry.js +7 -7
  174. package/dist/cjs/calcite-popover_2.cjs.entry.js +12 -7
  175. package/dist/cjs/calcite-progress.cjs.entry.js +2 -2
  176. package/dist/cjs/calcite-radio-button-group.cjs.entry.js +2 -2
  177. package/dist/cjs/calcite-radio-button.cjs.entry.js +3 -3
  178. package/dist/cjs/calcite-radio-group_2.cjs.entry.js +4 -4
  179. package/dist/cjs/calcite-rating.cjs.entry.js +3 -3
  180. package/dist/cjs/calcite-scrim.cjs.entry.js +2 -2
  181. package/dist/cjs/calcite-shell_3.cjs.entry.js +5 -5
  182. package/dist/cjs/calcite-sortable-list.cjs.entry.js +2 -2
  183. package/dist/cjs/calcite-split-button.cjs.entry.js +2 -2
  184. package/dist/cjs/calcite-stepper_2.cjs.entry.js +3 -3
  185. package/dist/cjs/calcite-switch.cjs.entry.js +3 -3
  186. package/dist/cjs/calcite-tab_4.cjs.entry.js +5 -5
  187. package/dist/cjs/calcite-tile-select_2.cjs.entry.js +3 -3
  188. package/dist/cjs/calcite-tile.cjs.entry.js +3 -3
  189. package/dist/cjs/calcite-tip_3.cjs.entry.js +6 -6
  190. package/dist/cjs/calcite-tooltip_2.cjs.entry.js +9 -5
  191. package/dist/cjs/calcite-tree_2.cjs.entry.js +4 -4
  192. package/dist/cjs/calcite-value-list_2.cjs.entry.js +5 -5
  193. package/dist/cjs/calcite.cjs.js +3 -3
  194. package/dist/cjs/{conditionalSlot-2917212e.js → conditionalSlot-64f9bfd3.js} +1 -1
  195. package/dist/cjs/{form-d540f0cb.js → form-0ef859c8.js} +1 -1
  196. package/dist/cjs/{index-8760acaf.js → index-1af0efd3.js} +4 -1
  197. package/dist/cjs/loader.cjs.js +3 -3
  198. package/dist/cjs/{popper-13a2bb46.js → popper-64d89ef7.js} +17 -2
  199. package/dist/cjs/{resources-1e94d43c.js → resources-7811eb2c.js} +1 -1
  200. package/dist/cjs/{resources-65327c4a.js → resources-daf15d54.js} +1 -1
  201. package/dist/collection/collection-manifest.json +1 -1
  202. package/dist/collection/components/action-menu/action-menu.js +6 -6
  203. package/dist/collection/components/combobox/combobox.js +41 -33
  204. package/dist/collection/components/combobox/resources.js +0 -1
  205. package/dist/collection/components/dropdown/dropdown.js +33 -9
  206. package/dist/collection/components/dropdown/resources.js +0 -1
  207. package/dist/collection/components/input-date-picker/input-date-picker.js +29 -6
  208. package/dist/collection/components/popover/popover.js +12 -8
  209. package/dist/collection/components/popover/resources.js +1 -0
  210. package/dist/collection/components/tooltip/tooltip.js +5 -1
  211. package/dist/collection/utils/popper.js +66 -0
  212. package/dist/components/action-group.js +3 -4
  213. package/dist/components/action-menu.js +5 -6
  214. package/dist/components/action.js +3 -4
  215. package/dist/components/button.js +3 -4
  216. package/dist/components/calcite-accordion-item.js +3 -4
  217. package/dist/components/calcite-accordion.js +3 -4
  218. package/dist/components/calcite-action-bar.js +3 -4
  219. package/dist/components/calcite-action-pad.js +3 -4
  220. package/dist/components/calcite-alert.js +3 -4
  221. package/dist/components/calcite-avatar.js +3 -4
  222. package/dist/components/calcite-block-section.js +3 -4
  223. package/dist/components/calcite-block.js +3 -4
  224. package/dist/components/calcite-card.js +3 -4
  225. package/dist/components/calcite-color-picker.js +3 -4
  226. package/dist/components/calcite-combobox-item-group.js +4 -5
  227. package/dist/components/calcite-combobox-item.js +4 -5
  228. package/dist/components/calcite-combobox.js +23 -35
  229. package/dist/components/calcite-dropdown-group.js +3 -4
  230. package/dist/components/calcite-dropdown-item.js +3 -4
  231. package/dist/components/calcite-fab.js +3 -4
  232. package/dist/components/calcite-flow.js +3 -4
  233. package/dist/components/calcite-inline-editable.js +3 -4
  234. package/dist/components/calcite-input-date-picker.js +13 -10
  235. package/dist/components/calcite-input-message.js +3 -4
  236. package/dist/components/calcite-input-time-picker.js +3 -4
  237. package/dist/components/calcite-list-item-group.js +3 -4
  238. package/dist/components/calcite-list-item.js +3 -4
  239. package/dist/components/calcite-list.js +3 -4
  240. package/dist/components/calcite-modal.js +3 -4
  241. package/dist/components/calcite-notice.js +3 -4
  242. package/dist/components/calcite-option-group.js +3 -4
  243. package/dist/components/calcite-option.js +3 -4
  244. package/dist/components/calcite-pagination.js +3 -4
  245. package/dist/components/calcite-panel.js +3 -4
  246. package/dist/components/calcite-pick-list-group.js +3 -4
  247. package/dist/components/calcite-pick-list.js +3 -4
  248. package/dist/components/calcite-popover-manager.js +3 -4
  249. package/dist/components/calcite-radio-button-group.js +3 -4
  250. package/dist/components/calcite-radio-button.js +3 -4
  251. package/dist/components/calcite-radio-group-item.js +3 -4
  252. package/dist/components/calcite-radio-group.js +3 -4
  253. package/dist/components/calcite-rating.js +3 -4
  254. package/dist/components/calcite-select.js +3 -4
  255. package/dist/components/calcite-shell-center-row.js +3 -4
  256. package/dist/components/calcite-shell-panel.js +3 -4
  257. package/dist/components/calcite-shell.js +3 -4
  258. package/dist/components/calcite-slider.js +3 -4
  259. package/dist/components/calcite-sortable-list.js +3 -4
  260. package/dist/components/calcite-split-button.js +3 -4
  261. package/dist/components/calcite-stepper-item.js +3 -4
  262. package/dist/components/calcite-stepper.js +3 -4
  263. package/dist/components/calcite-tile-select-group.js +3 -4
  264. package/dist/components/calcite-tile-select.js +3 -4
  265. package/dist/components/calcite-tip-group.js +3 -4
  266. package/dist/components/calcite-tip-manager.js +3 -4
  267. package/dist/components/calcite-tip.js +3 -4
  268. package/dist/components/calcite-tooltip.js +8 -5
  269. package/dist/components/calcite-tree-item.js +3 -4
  270. package/dist/components/calcite-tree.js +3 -4
  271. package/dist/components/calcite-value-list-item.js +3 -4
  272. package/dist/components/calcite-value-list.js +3 -4
  273. package/dist/components/checkbox.js +3 -4
  274. package/dist/components/chip.js +3 -4
  275. package/dist/components/color-picker-hex-input.js +3 -4
  276. package/dist/components/color-picker-swatch.js +3 -4
  277. package/dist/components/date-picker-day.js +3 -4
  278. package/dist/components/date-picker-month-header.js +3 -4
  279. package/dist/components/date-picker-month.js +3 -4
  280. package/dist/components/date-picker.js +3 -4
  281. package/dist/components/dropdown.js +12 -9
  282. package/dist/components/filter.js +3 -4
  283. package/dist/components/graph.js +3 -4
  284. package/dist/components/handle.js +3 -4
  285. package/dist/components/icon.js +3 -4
  286. package/dist/components/input.js +3 -4
  287. package/dist/components/label2.js +3 -4
  288. package/dist/components/link.js +3 -4
  289. package/dist/components/loader.js +3 -4
  290. package/dist/components/pick-list-item.js +3 -4
  291. package/dist/components/popover.js +10 -7
  292. package/dist/components/popper.js +16 -3
  293. package/dist/components/progress.js +3 -4
  294. package/dist/components/resources.js +2 -1
  295. package/dist/components/scrim.js +3 -4
  296. package/dist/components/switch.js +3 -4
  297. package/dist/components/tab-nav.js +3 -4
  298. package/dist/components/tab-title.js +3 -4
  299. package/dist/components/tab.js +3 -4
  300. package/dist/components/tabs.js +3 -4
  301. package/dist/components/tile.js +3 -4
  302. package/dist/components/time-picker.js +3 -4
  303. package/dist/components/tooltip-manager.js +3 -4
  304. package/dist/components/utils2.js +1 -2
  305. package/dist/custom-elements/index.js +154 -137
  306. package/dist/esm/{ExpandToggle-ed0ae55a.js → ExpandToggle-af224c1e.js} +1 -1
  307. package/dist/esm/{Heading-8289fa96.js → Heading-d5f1710a.js} +1 -1
  308. package/dist/esm/calcite-accordion_2.entry.js +3 -3
  309. package/dist/esm/calcite-action-bar.entry.js +4 -4
  310. package/dist/esm/calcite-action-group.entry.js +3 -3
  311. package/dist/esm/calcite-action-menu.entry.js +5 -5
  312. package/dist/esm/calcite-action-pad.entry.js +4 -4
  313. package/dist/esm/calcite-action.entry.js +2 -2
  314. package/dist/esm/calcite-alert.entry.js +2 -2
  315. package/dist/esm/calcite-avatar.entry.js +2 -2
  316. package/dist/esm/calcite-block_2.entry.js +5 -5
  317. package/dist/esm/calcite-button.entry.js +2 -2
  318. package/dist/esm/calcite-card.entry.js +3 -3
  319. package/dist/esm/calcite-checkbox.entry.js +3 -3
  320. package/dist/esm/calcite-chip.entry.js +3 -3
  321. package/dist/esm/calcite-color-picker_3.entry.js +4 -4
  322. package/dist/esm/calcite-combobox_3.entry.js +24 -35
  323. package/dist/esm/calcite-date-picker_4.entry.js +7 -7
  324. package/dist/esm/calcite-dropdown_3.entry.js +12 -9
  325. package/dist/esm/calcite-fab.entry.js +2 -2
  326. package/dist/esm/calcite-filter.entry.js +2 -2
  327. package/dist/esm/calcite-flow.entry.js +2 -2
  328. package/dist/esm/calcite-graph_2.entry.js +4 -4
  329. package/dist/esm/calcite-handle.entry.js +2 -2
  330. package/dist/esm/calcite-icon.entry.js +2 -2
  331. package/dist/esm/calcite-inline-editable.entry.js +2 -2
  332. package/dist/esm/calcite-input-date-picker.entry.js +13 -10
  333. package/dist/esm/calcite-input-message.entry.js +2 -2
  334. package/dist/esm/calcite-input-time-picker_2.entry.js +4 -4
  335. package/dist/esm/calcite-input.entry.js +3 -3
  336. package/dist/esm/calcite-label.entry.js +2 -2
  337. package/dist/esm/calcite-link.entry.js +2 -2
  338. package/dist/esm/calcite-list_3.entry.js +6 -6
  339. package/dist/esm/calcite-loader.entry.js +2 -2
  340. package/dist/esm/calcite-modal.entry.js +3 -3
  341. package/dist/esm/calcite-notice.entry.js +3 -3
  342. package/dist/esm/calcite-option_3.entry.js +5 -5
  343. package/dist/esm/calcite-pagination.entry.js +2 -2
  344. package/dist/esm/calcite-panel.entry.js +4 -4
  345. package/dist/esm/calcite-pick-list_3.entry.js +7 -7
  346. package/dist/esm/calcite-popover_2.entry.js +12 -7
  347. package/dist/esm/calcite-progress.entry.js +2 -2
  348. package/dist/esm/calcite-radio-button-group.entry.js +2 -2
  349. package/dist/esm/calcite-radio-button.entry.js +3 -3
  350. package/dist/esm/calcite-radio-group_2.entry.js +4 -4
  351. package/dist/esm/calcite-rating.entry.js +3 -3
  352. package/dist/esm/calcite-scrim.entry.js +2 -2
  353. package/dist/esm/calcite-shell_3.entry.js +5 -5
  354. package/dist/esm/calcite-sortable-list.entry.js +2 -2
  355. package/dist/esm/calcite-split-button.entry.js +2 -2
  356. package/dist/esm/calcite-stepper_2.entry.js +3 -3
  357. package/dist/esm/calcite-switch.entry.js +3 -3
  358. package/dist/esm/calcite-tab_4.entry.js +5 -5
  359. package/dist/esm/calcite-tile-select_2.entry.js +3 -3
  360. package/dist/esm/calcite-tile.entry.js +3 -3
  361. package/dist/esm/calcite-tip_3.entry.js +6 -6
  362. package/dist/esm/calcite-tooltip_2.entry.js +9 -5
  363. package/dist/esm/calcite-tree_2.entry.js +4 -4
  364. package/dist/esm/calcite-value-list_2.entry.js +5 -5
  365. package/dist/esm/calcite.js +3 -3
  366. package/dist/esm/{conditionalSlot-c4b6c8b1.js → conditionalSlot-67f579ff.js} +1 -1
  367. package/dist/esm/{form-d07b2414.js → form-5e4609eb.js} +1 -1
  368. package/dist/esm/{index-0fefddd1.js → index-bd94948c.js} +4 -1
  369. package/dist/esm/loader.js +3 -3
  370. package/dist/esm/{popper-ae231554.js → popper-da45ec93.js} +16 -3
  371. package/dist/esm/{resources-431fa051.js → resources-73dac782.js} +1 -1
  372. package/dist/esm/{resources-77c12cea.js → resources-cbfcf4a3.js} +1 -1
  373. package/dist/esm-es5/{ExpandToggle-ed0ae55a.js → ExpandToggle-af224c1e.js} +1 -1
  374. package/dist/esm-es5/{Heading-8289fa96.js → Heading-d5f1710a.js} +1 -1
  375. package/dist/esm-es5/calcite-accordion_2.entry.js +1 -1
  376. package/dist/esm-es5/calcite-action-bar.entry.js +1 -1
  377. package/dist/esm-es5/calcite-action-group.entry.js +1 -1
  378. package/dist/esm-es5/calcite-action-menu.entry.js +1 -1
  379. package/dist/esm-es5/calcite-action-pad.entry.js +1 -1
  380. package/dist/esm-es5/calcite-action.entry.js +1 -1
  381. package/dist/esm-es5/calcite-alert.entry.js +1 -1
  382. package/dist/esm-es5/calcite-avatar.entry.js +1 -1
  383. package/dist/esm-es5/calcite-block_2.entry.js +1 -1
  384. package/dist/esm-es5/calcite-button.entry.js +1 -1
  385. package/dist/esm-es5/calcite-card.entry.js +1 -1
  386. package/dist/esm-es5/calcite-checkbox.entry.js +1 -1
  387. package/dist/esm-es5/calcite-chip.entry.js +1 -1
  388. package/dist/esm-es5/calcite-color-picker_3.entry.js +1 -1
  389. package/dist/esm-es5/calcite-combobox_3.entry.js +2 -2
  390. package/dist/esm-es5/calcite-date-picker_4.entry.js +1 -1
  391. package/dist/esm-es5/calcite-dropdown_3.entry.js +1 -1
  392. package/dist/esm-es5/calcite-fab.entry.js +1 -1
  393. package/dist/esm-es5/calcite-filter.entry.js +1 -1
  394. package/dist/esm-es5/calcite-flow.entry.js +1 -1
  395. package/dist/esm-es5/calcite-graph_2.entry.js +1 -1
  396. package/dist/esm-es5/calcite-handle.entry.js +1 -1
  397. package/dist/esm-es5/calcite-icon.entry.js +1 -1
  398. package/dist/esm-es5/calcite-inline-editable.entry.js +1 -1
  399. package/dist/esm-es5/calcite-input-date-picker.entry.js +1 -1
  400. package/dist/esm-es5/calcite-input-message.entry.js +1 -1
  401. package/dist/esm-es5/calcite-input-time-picker_2.entry.js +1 -1
  402. package/dist/esm-es5/calcite-input.entry.js +1 -1
  403. package/dist/esm-es5/calcite-label.entry.js +1 -1
  404. package/dist/esm-es5/calcite-link.entry.js +1 -1
  405. package/dist/esm-es5/calcite-list_3.entry.js +1 -1
  406. package/dist/esm-es5/calcite-loader.entry.js +1 -1
  407. package/dist/esm-es5/calcite-modal.entry.js +1 -1
  408. package/dist/esm-es5/calcite-notice.entry.js +1 -1
  409. package/dist/esm-es5/calcite-option_3.entry.js +1 -1
  410. package/dist/esm-es5/calcite-pagination.entry.js +1 -1
  411. package/dist/esm-es5/calcite-panel.entry.js +1 -1
  412. package/dist/esm-es5/calcite-pick-list_3.entry.js +1 -1
  413. package/dist/esm-es5/calcite-popover_2.entry.js +1 -1
  414. package/dist/esm-es5/calcite-progress.entry.js +1 -1
  415. package/dist/esm-es5/calcite-radio-button-group.entry.js +1 -1
  416. package/dist/esm-es5/calcite-radio-button.entry.js +1 -1
  417. package/dist/esm-es5/calcite-radio-group_2.entry.js +1 -1
  418. package/dist/esm-es5/calcite-rating.entry.js +1 -1
  419. package/dist/esm-es5/calcite-scrim.entry.js +1 -1
  420. package/dist/esm-es5/calcite-shell_3.entry.js +1 -1
  421. package/dist/esm-es5/calcite-sortable-list.entry.js +1 -1
  422. package/dist/esm-es5/calcite-split-button.entry.js +1 -1
  423. package/dist/esm-es5/calcite-stepper_2.entry.js +1 -1
  424. package/dist/esm-es5/calcite-switch.entry.js +1 -1
  425. package/dist/esm-es5/calcite-tab_4.entry.js +1 -1
  426. package/dist/esm-es5/calcite-tile-select_2.entry.js +1 -1
  427. package/dist/esm-es5/calcite-tile.entry.js +1 -1
  428. package/dist/esm-es5/calcite-tip_3.entry.js +1 -1
  429. package/dist/esm-es5/calcite-tooltip_2.entry.js +2 -2
  430. package/dist/esm-es5/calcite-tree_2.entry.js +1 -1
  431. package/dist/esm-es5/calcite-value-list_2.entry.js +1 -1
  432. package/dist/esm-es5/calcite.js +1 -1
  433. package/dist/esm-es5/{conditionalSlot-c4b6c8b1.js → conditionalSlot-67f579ff.js} +1 -1
  434. package/dist/esm-es5/{form-d07b2414.js → form-5e4609eb.js} +1 -1
  435. package/dist/esm-es5/{index-0fefddd1.js → index-bd94948c.js} +1 -1
  436. package/dist/esm-es5/loader.js +1 -1
  437. package/dist/esm-es5/popper-da45ec93.js +5 -0
  438. package/dist/esm-es5/{resources-431fa051.js → resources-73dac782.js} +2 -2
  439. package/dist/esm-es5/{resources-77c12cea.js → resources-cbfcf4a3.js} +1 -1
  440. package/dist/extras/docs-json.json +53 -8
  441. package/dist/types/components/action-menu/action-menu.d.ts +2 -3
  442. package/dist/types/components/combobox/combobox.d.ts +6 -4
  443. package/dist/types/components/combobox/resources.d.ts +0 -1
  444. package/dist/types/components/dropdown/dropdown.d.ts +7 -3
  445. package/dist/types/components/dropdown/interfaces.d.ts +0 -2
  446. package/dist/types/components/dropdown/resources.d.ts +0 -1
  447. package/dist/types/components/input-date-picker/input-date-picker.d.ts +5 -1
  448. package/dist/types/components/popover/popover.d.ts +3 -3
  449. package/dist/types/components/popover/resources.d.ts +1 -0
  450. package/dist/types/components.d.ts +32 -9
  451. package/dist/types/utils/popper.d.ts +8 -1
  452. package/hydrate/index.js +68 -48
  453. package/package.json +9 -9
  454. package/readme.md +2 -2
  455. package/dist/calcite/p-01f877b3.entry.js +0 -5
  456. package/dist/calcite/p-02b4bcec.entry.js +0 -5
  457. package/dist/calcite/p-04859cc3.entry.js +0 -5
  458. package/dist/calcite/p-0a565a2a.entry.js +0 -5
  459. package/dist/calcite/p-1370cabf.entry.js +0 -5
  460. package/dist/calcite/p-190e3d04.entry.js +0 -5
  461. package/dist/calcite/p-1ff6776b.entry.js +0 -5
  462. package/dist/calcite/p-22cef177.entry.js +0 -5
  463. package/dist/calcite/p-24e1de98.entry.js +0 -5
  464. package/dist/calcite/p-26bcdb22.entry.js +0 -5
  465. package/dist/calcite/p-2c293ed2.entry.js +0 -5
  466. package/dist/calcite/p-2fcab9f8.entry.js +0 -5
  467. package/dist/calcite/p-362522e5.js +0 -5
  468. package/dist/calcite/p-38b1f6b5.entry.js +0 -5
  469. package/dist/calcite/p-3e522dbe.entry.js +0 -5
  470. package/dist/calcite/p-44dcac16.entry.js +0 -5
  471. package/dist/calcite/p-46741fa4.entry.js +0 -5
  472. package/dist/calcite/p-4a3a1b46.entry.js +0 -5
  473. package/dist/calcite/p-55fa7908.entry.js +0 -5
  474. package/dist/calcite/p-5653a345.entry.js +0 -5
  475. package/dist/calcite/p-5c237680.entry.js +0 -5
  476. package/dist/calcite/p-5d1c8466.entry.js +0 -5
  477. package/dist/calcite/p-6a3357f9.system.js +0 -5
  478. package/dist/calcite/p-71d1bfb2.entry.js +0 -5
  479. package/dist/calcite/p-7ab80118.entry.js +0 -5
  480. package/dist/calcite/p-7d9f20b8.entry.js +0 -5
  481. package/dist/calcite/p-807e32d8.entry.js +0 -5
  482. package/dist/calcite/p-80ab216e.entry.js +0 -5
  483. package/dist/calcite/p-84f8db8e.entry.js +0 -5
  484. package/dist/calcite/p-88f949f4.entry.js +0 -5
  485. package/dist/calcite/p-8afbcf9e.entry.js +0 -5
  486. package/dist/calcite/p-8dbb756d.entry.js +0 -5
  487. package/dist/calcite/p-8e198935.entry.js +0 -5
  488. package/dist/calcite/p-8f93be14.system.js +0 -5
  489. package/dist/calcite/p-9127d01c.entry.js +0 -5
  490. package/dist/calcite/p-93d9d3e7.entry.js +0 -5
  491. package/dist/calcite/p-98962bd9.entry.js +0 -5
  492. package/dist/calcite/p-9b514f77.entry.js +0 -5
  493. package/dist/calcite/p-9c86f528.entry.js +0 -5
  494. package/dist/calcite/p-a400f6dc.system.entry.js +0 -5
  495. package/dist/calcite/p-a5397c9d.entry.js +0 -5
  496. package/dist/calcite/p-a5e8d728.entry.js +0 -5
  497. package/dist/calcite/p-a7e2bf9b.system.entry.js +0 -5
  498. package/dist/calcite/p-b55643f5.entry.js +0 -5
  499. package/dist/calcite/p-b58cdaca.entry.js +0 -5
  500. package/dist/calcite/p-b84e5b34.entry.js +0 -5
  501. package/dist/calcite/p-b85064fc.entry.js +0 -5
  502. package/dist/calcite/p-c5086019.system.entry.js +0 -5
  503. package/dist/calcite/p-c82c4418.entry.js +0 -5
  504. package/dist/calcite/p-cc894f09.entry.js +0 -5
  505. package/dist/calcite/p-d2a1cbbf.entry.js +0 -5
  506. package/dist/calcite/p-d44165c7.entry.js +0 -5
  507. package/dist/calcite/p-d648a677.entry.js +0 -5
  508. package/dist/calcite/p-d74e933c.entry.js +0 -5
  509. package/dist/calcite/p-e2047621.system.js +0 -5
  510. package/dist/calcite/p-e23de208.entry.js +0 -5
  511. package/dist/calcite/p-e33d149d.system.entry.js +0 -5
  512. package/dist/calcite/p-e8f17533.entry.js +0 -5
  513. package/dist/calcite/p-eaf79f20.entry.js +0 -5
  514. package/dist/calcite/p-eeb91710.js +0 -5
  515. package/dist/calcite/p-f2433871.entry.js +0 -5
  516. package/dist/calcite/p-f681fbba.entry.js +0 -5
  517. package/dist/calcite/p-f6d994ff.entry.js +0 -5
  518. package/dist/calcite/p-f71b551d.entry.js +0 -5
  519. package/dist/calcite/p-fa078a42.entry.js +0 -5
  520. package/dist/esm-es5/popper-ae231554.js +0 -5
package/dist/components/calcite-shell-center-row.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 { HTMLElement, h, Fragment, proxyCustomElement } from '@stencil/core/internal/client';
5
+ import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
6
6
  import { b as getSlotted } from './dom.js';
7
7
  import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
8
8
 
@@ -16,7 +16,7 @@ const SLOTS = {
16
16
 
17
17
  const shellCenterRowCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;background-color:transparent;overflow:hidden}.content{margin:0px;display:-ms-flexbox;display:flex;height:100%;width:100%;overflow:hidden;-ms-flex:1 0 0px;flex:1 0 0}.action-bar-container{display:-ms-flexbox;display:flex}:host([detached]){margin-left:0.5rem;margin-right:0.5rem;margin-top:0.5rem;margin-bottom:1.5rem}@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)}}:host([detached]){-webkit-animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;border-width:0px;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([position=end]){-ms-flex-item-align:end;align-self:flex-end}:host([position=start]){-ms-flex-item-align:start;align-self:flex-start}:host([height-scale=s]){height:33.333333%}:host([height-scale=m]){height:70%}:host([height-scale=l]){height:100%}:host([height-scale=l][detached]){height:calc(100% - 2rem)}::slotted(calcite-panel){height:100%;width:100%}::slotted(calcite-action-bar),::slotted(calcite-action-bar[position=end]){-webkit-border-end:1px solid;border-inline-end:1px solid;border-color:var(--calcite-ui-border-3)}";
18
18
 
19
- let ShellCenterRow = class extends HTMLElement {
19
+ const ShellCenterRow = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
20
20
  constructor() {
21
21
  super();
22
22
  this.__registerHost();
@@ -68,8 +68,7 @@ let ShellCenterRow = class extends HTMLElement {
68
68
  }
69
69
  get el() { return this; }
70
70
  static get style() { return shellCenterRowCss; }
71
- };
72
- ShellCenterRow = /*@__PURE__*/ proxyCustomElement(ShellCenterRow, [1, "calcite-shell-center-row", {
71
+ }, [1, "calcite-shell-center-row", {
73
72
  "detached": [516],
74
73
  "heightScale": [513, "height-scale"],
75
74
  "position": [513]
package/dist/components/calcite-shell-panel.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 { HTMLElement, createEvent, h, forceUpdate, proxyCustomElement } from '@stencil/core/internal/client';
5
+ import { proxyCustomElement, HTMLElement, createEvent, h, forceUpdate } from '@stencil/core/internal/client';
6
6
  import { a as getElementDir, b as getSlotted } from './dom.js';
7
7
  import { c as clamp } from './math.js';
8
8
  import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
@@ -25,7 +25,7 @@ const TEXT = {
25
25
 
26
26
  const shellPanelCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-align:stretch;align-items:stretch;--calcite-shell-panel-detached-max-height:unset}.container{pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}.container *{-webkit-box-sizing:border-box;box-sizing:border-box}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-ui-border-3)}.separator{pointer-events:auto;position:absolute;bottom:0px;top:0px;z-index:10;display:-ms-flexbox;display:flex;height:100%;width:0.125rem;background-color:transparent;opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-ui-border-2)}.separator:focus{background-color:var(--calcite-ui-brand);opacity:1}:host([position=start]) .separator{inset-inline-end:-2px}:host([position=end]) .separator{inset-inline-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){height:100%;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset;max-width:unset}::slotted(.calcite-match-height){display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-background);padding:0px;width:var(--calcite-shell-panel-width);max-width:var(--calcite-shell-panel-max-width);min-width:var(--calcite-shell-panel-min-width);-webkit-transition:max-height var(--calcite-animation-timing), max-width var(--calcite-animation-timing);transition:max-height var(--calcite-animation-timing), max-width var(--calcite-animation-timing)}.content__header{display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch}.content__body{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host([width-scale=s]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}:host([detached-height-scale=s]) .content--detached{--calcite-shell-panel-detached-max-height:40vh}:host([detached-height-scale=m]) .content--detached{--calcite-shell-panel-detached-max-height:60vh}:host([detached-height-scale=l]) .content--detached{--calcite-shell-panel-detached-max-height:80vh}.content--detached{margin-left:0.5rem;margin-right:0.5rem;margin-top:0.5rem;margin-bottom:auto;height:auto;border-radius:0.25rem;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);overflow:hidden;max-height:var(--calcite-shell-panel-detached-max-height)}.content--detached ::slotted(calcite-panel),.content--detached ::slotted(calcite-flow){max-height:unset}:host([position=start]) .content--detached ::slotted(calcite-panel),:host([position=start]) .content--detached ::slotted(calcite-flow),:host([position=end]) .content--detached ::slotted(calcite-panel),:host([position=end]) .content--detached ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel){border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}:host([position=start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]) .content ::slotted(calcite-flow),:host([position=start]) .content ::slotted(calcite-panel){-webkit-border-start:none;border-inline-start:none}:host([position=end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]) .content ::slotted(calcite-flow),:host([position=end]) .content ::slotted(calcite-panel){-webkit-border-end:none;border-inline-end:none}";
27
27
 
28
- let ShellPanel = class extends HTMLElement {
28
+ const ShellPanel = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
29
29
  constructor() {
30
30
  super();
31
31
  this.__registerHost();
@@ -240,8 +240,7 @@ let ShellPanel = class extends HTMLElement {
240
240
  "collapsed": ["watchHandler"]
241
241
  }; }
242
242
  static get style() { return shellPanelCss; }
243
- };
244
- ShellPanel = /*@__PURE__*/ proxyCustomElement(ShellPanel, [1, "calcite-shell-panel", {
243
+ }, [1, "calcite-shell-panel", {
245
244
  "collapsed": [516],
246
245
  "detached": [516],
247
246
  "detachedHeightScale": [513, "detached-height-scale"],
package/dist/components/calcite-shell.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 { HTMLElement, h, Fragment, proxyCustomElement } from '@stencil/core/internal/client';
5
+ import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
6
6
  import { b as getSlotted } from './dom.js';
7
7
  import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
8
8
 
@@ -23,7 +23,7 @@ const SLOTS = {
23
23
 
24
24
  const shellCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:-ms-flexbox;display:flex;height:100%;width:100%;-ms-flex-direction:column;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}.main{position:relative;display:-ms-flexbox;display:flex;height:100%;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}.main--reversed{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.content{display:-ms-flexbox;display:flex;height:100%;width:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:auto}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:stretch;align-self:stretch;max-height:unset}.content--behind{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:0;border-width:0px;display:initial}::slotted(calcite-shell-center-row){width:unset}::slotted(.header .heading){font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}::slotted(calcite-shell-panel),::slotted(calcite-shell-center-row){position:relative;z-index:1}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3)}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])){border-left-width:1px;border-right-width:1px;border-color:var(--calcite-ui-border-3)}::slotted(calcite-tip-manager){position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}@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)}}::slotted(calcite-tip-manager){-webkit-animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);bottom:0.5rem;left:var(--calcite-shell-tip-spacing);right:var(--calcite-shell-tip-spacing);z-index:2}";
25
25
 
26
- let Shell = class extends HTMLElement {
26
+ const Shell = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
27
27
  constructor() {
28
28
  super();
29
29
  this.__registerHost();
@@ -92,8 +92,7 @@ let Shell = class extends HTMLElement {
92
92
  }
93
93
  get el() { return this; }
94
94
  static get style() { return shellCss; }
95
- };
96
- Shell = /*@__PURE__*/ proxyCustomElement(Shell, [1, "calcite-shell", {
95
+ }, [1, "calcite-shell", {
97
96
  "contentBehind": [516, "content-behind"]
98
97
  }]);
99
98
  function defineCustomElement$1() {
package/dist/components/calcite-slider.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 { HTMLElement, createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
5
+ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
6
6
  import { g as guid } from './guid.js';
7
7
  import { k as intersects } from './dom.js';
8
8
  import { d as decimalPlaces, c as clamp } from './math.js';
@@ -13,7 +13,7 @@ import { d as defineCustomElement$2 } from './graph.js';
13
13
 
14
14
  const sliderCss = "@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:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.scale--s{--calcite-slider-handle-size:10px;--calcite-slider-handle-extension-height:6.5px;--calcite-slider-container-font-size:var(--calcite-font-size--3)}.scale--s .handle__label,.scale--s .tick__label{line-height:.75rem}.scale--m{--calcite-slider-handle-size:14px;--calcite-slider-handle-extension-height:8px;--calcite-slider-container-font-size:var(--calcite-font-size--2)}.scale--m .handle__label,.scale--m .tick__label{line-height:1rem}.scale--l{--calcite-slider-handle-size:16px;--calcite-slider-handle-extension-height:10.5px;--calcite-slider-container-font-size:var(--calcite-font-size--1)}.scale--l .handle__label,.scale--l .tick__label{line-height:1rem}.handle__label,.tick__label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2);font-size:var(--calcite-slider-container-font-size)}:host{display:block}.container{position:relative;display:block;padding:calc(var(--calcite-slider-handle-size) * 0.5);margin:calc(var(--calcite-slider-handle-size) * 0.5) 0;--calcite-slider-full-handle-height:calc(\n var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height)\n )}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-ui-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-6px}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-8px}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-9px}:host([precise]:not([has-histogram])) .container .thumb--value{--calcite-slider-thumb-y-offset:calc(var(--calcite-slider-full-handle-height) * -1)}.thumb-container{position:relative;max-width:100%}.thumb{--calcite-slider-thumb-x-offset:calc(var(--calcite-slider-handle-size) * 0.5);position:absolute;margin:0px;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;border-style:none;background-color:transparent;padding:0px;font-family:inherit;outline:2px solid transparent;outline-offset:2px;-webkit-transform:translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset));transform:translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset))}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;top:0px;bottom:0px;opacity:0}.thumb .handle__label.hyphen::after{content:\"—\";display:inline-block;width:1em}.thumb .handle__label.hyphen--wrap{display:-ms-flexbox;display:flex}.thumb .handle{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:9999px;background-color:var(--calcite-ui-foreground-1);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;height:var(--calcite-slider-handle-size);width:var(--calcite-slider-handle-size);-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 var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, -webkit-box-shadow var(--calcite-animation-timing) ease;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, -webkit-box-shadow var(--calcite-animation-timing) ease;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, box-shadow var(--calcite-animation-timing) ease;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, box-shadow var(--calcite-animation-timing) ease, -webkit-box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{width:0.125rem;height:var(--calcite-slider-handle-extension-height);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}.thumb:focus .handle-extension{background-color:var(--calcite-ui-brand)}.thumb.thumb--minValue{-webkit-transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset));transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset:-2px}:host([label-handles]) .thumb{--calcite-slider-thumb-x-offset:50%}:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-23px}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-30px}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-32px}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{margin-top:0.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{margin-bottom:0.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset:-33px}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset:-44px}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset:-49px}.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{position:relative;height:0.125rem;border-radius:0px;background-color:var(--calcite-ui-border-2);-webkit-transition:all var(--calcite-internal-animation-timing-medium) ease-in;transition:all var(--calcite-internal-animation-timing-medium) ease-in}.track__range{position:absolute;top:0px;height:0.125rem;background-color:var(--calcite-ui-brand)}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{position:absolute;width:100%;content:\"\";top:calc(var(--calcite-slider-full-handle-height) * 0.5 * -1);height:calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height))}.tick{position:absolute;height:0.25rem;width:0.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-ui-border-input);border-color:var(--calcite-ui-foreground-1);top:-2px;pointer-events:none;-webkit-margin-start:calc(-1 * 0.125rem);margin-inline-start:calc(-1 * 0.125rem)}.tick--active{background-color:var(--calcite-ui-brand)}.tick__label{pointer-events:none;margin-top:0.875rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.tick__label--min{-webkit-transition:opacity var(--calcite-animation-timing);transition:opacity var(--calcite-animation-timing)}.tick__label--max{-webkit-transition:opacity var(--calcite-internal-animation-timing-fast);transition:opacity var(--calcite-internal-animation-timing-fast)}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max,:host([has-histogram][precise]) .tick__label--min,:host([has-histogram][precise]) .tick__label--max{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}.graph{color:var(--calcite-ui-foreground-3);height:48px}:host([label-ticks][ticks]) .container{padding-bottom:calc(0.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-bottom:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-bottom:calc(var(--calcite-slider-handle-size) * 0.5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-bottom:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-top:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-bottom:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-top:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{padding-top:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container--range{padding-bottom:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
15
15
 
16
- let Slider = class extends HTMLElement {
16
+ const Slider = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
17
17
  constructor() {
18
18
  super();
19
19
  this.__registerHost();
@@ -729,8 +729,7 @@ let Slider = class extends HTMLElement {
729
729
  "histogram": ["histogramWatcher"]
730
730
  }; }
731
731
  static get style() { return sliderCss; }
732
- };
733
- Slider = /*@__PURE__*/ proxyCustomElement(Slider, [1, "calcite-slider", {
732
+ }, [1, "calcite-slider", {
734
733
  "disabled": [516],
735
734
  "hasHistogram": [1540, "has-histogram"],
736
735
  "histogram": [16],
package/dist/components/calcite-sortable-list.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 { HTMLElement, createEvent, h, proxyCustomElement } from '@stencil/core/internal/client';
5
+ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
6
6
  import { S as Sortable } from './sortable.esm.js';
7
7
  import { c as createObserver } from './observers.js';
8
8
  import { u as updateHostInteraction } from './interactive.js';
@@ -16,7 +16,7 @@ const CSS = {
16
16
 
17
17
  const sortableListCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto}.container--vertical{-ms-flex-direction:column;flex-direction:column}.container--horizontal{-ms-flex-direction:row;flex-direction:row}";
18
18
 
19
- let SortableList = class extends HTMLElement {
19
+ const SortableList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
20
20
  constructor() {
21
21
  super();
22
22
  this.__registerHost();
@@ -166,8 +166,7 @@ let SortableList = class extends HTMLElement {
166
166
  }
167
167
  get el() { return this; }
168
168
  static get style() { return sortableListCss; }
169
- };
170
- SortableList = /*@__PURE__*/ proxyCustomElement(SortableList, [1, "calcite-sortable-list", {
169
+ }, [1, "calcite-sortable-list", {
171
170
  "dragSelector": [1, "drag-selector"],
172
171
  "group": [1],
173
172
  "handleSelector": [1, "handle-selector"],
package/dist/components/calcite-split-button.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 { HTMLElement, createEvent, h, proxyCustomElement } from '@stencil/core/internal/client';
5
+ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
6
6
  import { u as updateHostInteraction } from './interactive.js';
7
7
  import { d as defineCustomElement$5 } from './button.js';
8
8
  import { d as defineCustomElement$4 } from './dropdown.js';
@@ -20,7 +20,7 @@ const CSS = {
20
20
 
21
21
  const splitButtonCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-block}:host .split-button__container{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host .split-button__container>calcite-dropdown>calcite-button{height:100%;vertical-align:top}:host([appearance=solid]):host([color=blue]){--calcite-split-button-background:var(--calcite-ui-brand);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host([appearance=solid]):host([color=red]){--calcite-split-button-background:var(--calcite-ui-danger);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host([appearance=solid]):host([color=neutral]){--calcite-split-button-background:var(--calcite-ui-foreground-3);--calcite-split-button-divider:var(--calcite-ui-text-1)}:host([appearance=solid]):host([color=inverse]){--calcite-split-button-background:var(--calcite-ui-inverse);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host([appearance=transparent]):host([color=blue]){--calcite-split-button-divider:var(--calcite-ui-brand)}:host([appearance=transparent]):host([color=red]){--calcite-split-button-divider:var(--calcite-ui-danger)}:host([appearance=transparent]):host([color=neutral]){--calcite-split-button-divider:var(--calcite-ui-text-1)}:host([appearance=transparent]):host([color=inverse]){--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host([appearance=clear]),:host([appearance=transparent]){--calcite-split-button-background:transparent}:host([appearance=outline]){--calcite-split-button-background:var(--calcite-ui-foreground-1)}:host([appearance=clear]):host([color=blue]),:host([appearance=outline]):host([color=blue]){--calcite-split-button-divider:var(--calcite-ui-brand)}:host([appearance=clear]):host([color=red]),:host([appearance=outline]):host([color=red]){--calcite-split-button-divider:var(--calcite-ui-danger)}:host([appearance=clear]):host([color=neutral]),:host([appearance=outline]):host([color=neutral]){--calcite-split-button-divider:var(--calcite-ui-foreground-3)}:host([appearance=clear]):host([color=inverse]),:host([appearance=outline]):host([color=inverse]){--calcite-split-button-divider:var(--calcite-ui-inverse)}.width-auto{width:auto}.width-half{width:50%}.width-full{width:100%}.split-button__divider-container{display:-ms-flexbox;display:flex;width:1px;-ms-flex-align:stretch;align-items:stretch;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;background-color:var(--calcite-split-button-background)}.split-button__divider{margin-top:0.25rem;margin-bottom:0.25rem;display:inline-block;width:1px;background-color:var(--calcite-split-button-divider)}:host([appearance=outline]) .split-button__divider-container,:host([appearance=clear]) .split-button__divider-container{border-top:1px solid var(--calcite-split-button-divider);border-bottom:1px solid var(--calcite-split-button-divider)}:host([appearance=outline]):hover .split-button__divider-container,:host([appearance=clear]):hover .split-button__divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline]:hover) .split-button__divider-container,:host([appearance=clear]:hover) .split-button__divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline]:focus-within):host([color=blue]),:host([appearance=clear]:focus-within):host([color=blue]){--calcite-split-button-divider:var(--calcite-ui-brand-press)}:host([appearance=outline]:focus-within):host([color=red]),:host([appearance=clear]:focus-within):host([color=red]){--calcite-split-button-divider:var(--calcite-ui-danger-press)}:host([appearance=outline]:focus-within) .split-button__divider-container,:host([appearance=clear]:focus-within) .split-button__divider-container{background-color:var(--calcite-split-button-divider)}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) .split-button__divider-container{opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) calcite-dropdown>calcite-button{pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";
22
22
 
23
- let SplitButton = class extends HTMLElement {
23
+ const SplitButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
24
24
  constructor() {
25
25
  super();
26
26
  this.__registerHost();
@@ -95,8 +95,7 @@ let SplitButton = class extends HTMLElement {
95
95
  "active": ["activeHandler"]
96
96
  }; }
97
97
  static get style() { return splitButtonCss; }
98
- };
99
- SplitButton = /*@__PURE__*/ proxyCustomElement(SplitButton, [1, "calcite-split-button", {
98
+ }, [1, "calcite-split-button", {
100
99
  "appearance": [513],
101
100
  "color": [513],
102
101
  "disabled": [516],
package/dist/components/calcite-stepper-item.js CHANGED
@@ -2,14 +2,14 @@
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 { HTMLElement, createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
5
+ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
6
6
  import { g as getElementProp } from './dom.js';
7
7
  import { u as updateHostInteraction } from './interactive.js';
8
8
  import { d as defineCustomElement$2 } from './icon.js';
9
9
 
10
10
  const stepperItemCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-stepper-item-spacing-unit-s:0.25rem;--calcite-stepper-item-spacing-unit-m:0.75rem;--calcite-stepper-item-spacing-unit-l:1rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-margin-end:0.25rem;margin-inline-end:0.25rem}:host([scale=s]) .stepper-item-subtitle{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-stepper-item-spacing-unit-s:0.5rem;--calcite-stepper-item-spacing-unit-m:1rem;--calcite-stepper-item-spacing-unit-l:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([scale=m]) .stepper-item-subtitle{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-stepper-item-spacing-unit-s:0.75rem;--calcite-stepper-item-spacing-unit-m:1.25rem;--calcite-stepper-item-spacing-unit-l:1.5rem;font-size:var(--calcite-font-size-1);line-height:1.5rem;-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([scale=l]) .stepper-item-subtitle{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;margin-bottom:var(--calcite-stepper-item-spacing-unit-s)}:host .container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-direction:column;flex-direction:column;border-width:0px;border-top-width:2px;border-style:solid;border-color:var(--calcite-ui-border-3);color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host{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}:host .stepper-item-header{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:start;align-items:flex-start}:host .stepper-item-content,:host .stepper-item-header{-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);padding-block:var(--calcite-stepper-item-spacing-unit-l);-webkit-padding-end:var(--calcite-stepper-item-spacing-unit-m);padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}:host .stepper-item-header *{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-content{display:none;width:100%;-ms-flex-direction:column;flex-direction:column;font-size:var(--calcite-font-size--2);line-height:1.375}:host .stepper-item-icon{-webkit-margin-end:var(--calcite-stepper-item-spacing-unit-m);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m);margin-top:1px;display:-ms-inline-flexbox;display:inline-flex;height:0.75rem;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:start;align-self:flex-start;color:var(--calcite-ui-text-3);opacity:var(--calcite-ui-opacity-disabled);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-header-text{-ms-flex-direction:column;flex-direction:column;text-align:initial;-webkit-margin-end:auto;margin-inline-end:auto}:host .stepper-item-title,:host .stepper-item-subtitle{display:-ms-flexbox;display:flex;width:100%}:host .stepper-item-title{margin-bottom:0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}:host .stepper-item-subtitle{color:var(--calcite-ui-text-3)}:host .stepper-item-number{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-3);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:var(--calcite-stepper-item-spacing-unit-m);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m)}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([complete]) .container .stepper-item-icon{color:var(--calcite-ui-brand)}:host([error]) .container{border-top-color:var(--calcite-ui-danger)}:host([error]) .container .stepper-item-number{color:var(--calcite-ui-danger)}:host([error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-ui-danger)}:host(:hover:not([disabled]):not([active])) .container,:host(:focus:not([disabled]):not([active])) .container{border-top-color:var(--calcite-ui-brand)}:host(:hover:not([disabled]):not([active])) .container .stepper-item-title,:host(:focus:not([disabled]):not([active])) .container .stepper-item-title{color:var(--calcite-ui-text-1)}:host(:hover:not([disabled]):not([active])) .container .stepper-item-subtitle,:host(:focus:not([disabled]):not([active])) .container .stepper-item-subtitle{color:var(--calcite-ui-text-2)}:host([error]:hover:not([disabled]):not([active])) .container,:host([error]:focus:not([disabled]):not([active])) .container{border-top-color:var(--calcite-ui-danger-hover)}:host([active]) .container{border-top-color:var(--calcite-ui-brand)}:host([active]) .container .stepper-item-title{color:var(--calcite-ui-text-1)}:host([active]) .container .stepper-item-subtitle{color:var(--calcite-ui-text-2)}:host([active]) .container .stepper-item-number{color:var(--calcite-ui-brand)}:host([active]) .container .stepper-item-icon{color:var(--calcite-ui-brand);opacity:1}:host([layout=vertical]) .container{margin-left:0px;margin-right:0px;margin-top:0px;-ms-flex:1 1 auto;flex:1 1 auto;border-top-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-top:0px;padding-bottom:0px;border-inline-start-width:2px;-webkit-padding-start:var(--calcite-stepper-item-spacing-unit-l);padding-inline-start:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .container .stepper-item-icon{-ms-flex-order:3;order:3;margin-top:1px;margin-bottom:0px;-webkit-padding-start:var(--calcite-stepper-item-spacing-unit-s);padding-inline-start:var(--calcite-stepper-item-spacing-unit-s);-webkit-margin-start:auto;margin-inline-start:auto}:host([layout=vertical]) .container .stepper-item-header{-webkit-padding-end:0px;padding-inline-end:0px}:host([layout=vertical]) .container .stepper-item-content{padding:0px}:host([layout=vertical][active]) .container .stepper-item-content{display:-ms-flexbox;display:flex}:host([layout=vertical][active]) .container .stepper-item-content ::slotted(:last-child){margin-bottom:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical][complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][complete]:hover:not([disabled]):not([active])) .container,:host([layout=vertical][complete]:focus:not([disabled]):not([active])) .container{border-color:var(--calcite-ui-brand)}:host([layout=vertical][error]) .container{border-color:var(--calcite-ui-danger)}:host([layout=vertical][active]) .container{border-color:var(--calcite-ui-brand)}:host([layout=vertical]:hover:not([disabled]):not([active])) .container,:host([layout=vertical]:focus:not([disabled]):not([active])) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][error]:hover:not([disabled]):not([active])) .container,:host([layout=vertical][error]:focus:not([disabled]):not([active])) .container{border-color:var(--calcite-ui-danger-hover)}";
11
11
 
12
- let StepperItem = class extends HTMLElement {
12
+ const StepperItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
13
13
  constructor() {
14
14
  super();
15
15
  this.__registerHost();
@@ -155,8 +155,7 @@ let StepperItem = class extends HTMLElement {
155
155
  "disabled": ["disabledWatcher"]
156
156
  }; }
157
157
  static get style() { return stepperItemCss; }
158
- };
159
- StepperItem = /*@__PURE__*/ proxyCustomElement(StepperItem, [1, "calcite-stepper-item", {
158
+ }, [1, "calcite-stepper-item", {
160
159
  "active": [1540],
161
160
  "complete": [516],
162
161
  "error": [4],
package/dist/components/calcite-stepper.js CHANGED
@@ -2,11 +2,11 @@
2
2
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
3
3
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
4
4
  */
5
- import { HTMLElement, createEvent, h, proxyCustomElement } from '@stencil/core/internal/client';
5
+ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
6
6
 
7
7
  const stepperCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between}:host([layout=vertical]){-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column}:host ::slotted(.calcite-stepper-content){display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}";
8
8
 
9
- let Stepper = class extends HTMLElement {
9
+ const Stepper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
10
10
  constructor() {
11
11
  super();
12
12
  this.__registerHost();
@@ -215,8 +215,7 @@ let Stepper = class extends HTMLElement {
215
215
  "requestedContent": ["contentWatcher"]
216
216
  }; }
217
217
  static get style() { return stepperCss; }
218
- };
219
- Stepper = /*@__PURE__*/ proxyCustomElement(Stepper, [1, "calcite-stepper", {
218
+ }, [1, "calcite-stepper", {
220
219
  "icon": [516],
221
220
  "layout": [513],
222
221
  "numbered": [516],
package/dist/components/calcite-tile-select-group.js CHANGED
@@ -2,12 +2,12 @@
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 { HTMLElement, h, proxyCustomElement } from '@stencil/core/internal/client';
5
+ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
6
6
  import { u as updateHostInteraction } from './interactive.js';
7
7
 
8
8
  const tileSelectGroupCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}:host ::slotted(calcite-tile-select){margin-right:1px;margin-bottom:1px}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";
9
9
 
10
- let TileSelectGroup = class extends HTMLElement {
10
+ const TileSelectGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
11
11
  constructor() {
12
12
  super();
13
13
  this.__registerHost();
@@ -35,8 +35,7 @@ let TileSelectGroup = class extends HTMLElement {
35
35
  }
36
36
  get el() { return this; }
37
37
  static get style() { return tileSelectGroupCss; }
38
- };
39
- TileSelectGroup = /*@__PURE__*/ proxyCustomElement(TileSelectGroup, [1, "calcite-tile-select-group", {
38
+ }, [1, "calcite-tile-select-group", {
40
39
  "disabled": [516],
41
40
  "layout": [513]
42
41
  }]);
package/dist/components/calcite-tile-select.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 { HTMLElement, createEvent, h, proxyCustomElement } from '@stencil/core/internal/client';
5
+ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
6
6
  import { g as guid } from './guid.js';
7
7
  import { u as updateHostInteraction } from './interactive.js';
8
8
  import { d as defineCustomElement$4 } from './icon.js';
@@ -28,7 +28,7 @@ const CSS = {
28
28
 
29
29
  const tileSelectCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}:host .container{background-color:var(--calcite-ui-foreground-1);-webkit-box-shadow:0 0 0 1px var(--calcite-ui-border-2);box-shadow:0 0 0 1px var(--calcite-ui-border-2);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;max-width:300px;padding:0.75rem;position:relative;-webkit-transition:var(--calcite-animation-timing);transition:var(--calcite-animation-timing);vertical-align:top;z-index:10}:host .container.checked{z-index:30;-webkit-box-shadow:0 0 0 1px var(--calcite-ui-brand);box-shadow:0 0 0 1px var(--calcite-ui-brand)}:host .container.heading-only{-ms-flex-align:center;align-items:center}:host .container:not(.input-enabled) ::slotted(calcite-checkbox),:host .container:not(.input-enabled) ::slotted(calcite-radio-button){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host .container.focused:not(.disabled){z-index:30}:host .container.focused:not(.disabled):not(.input-enabled){-webkit-box-shadow:0 0 0 1px var(--calcite-ui-brand), inset 0 0 0 2px var(--calcite-ui-foreground-1), inset 0 0 0 5px var(--calcite-ui-brand);box-shadow:0 0 0 1px var(--calcite-ui-brand), inset 0 0 0 2px var(--calcite-ui-foreground-1), inset 0 0 0 5px var(--calcite-ui-brand)}:host .container.input-enabled.input-alignment-start.width-auto.heading-only,:host .container.input-enabled.input-alignment-start.width-auto.icon-only,:host .container.input-enabled.input-alignment-start.width-auto.description-only,:host .container.input-enabled.input-alignment-start.width-auto.heading.description,:host .container.input-enabled.input-alignment-start.width-auto.icon.description,:host .container.input-enabled.input-alignment-start.width-auto.heading.icon.description{display:inline-grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}:host .container.input-enabled.input-alignment-start.heading-only,:host .container.input-enabled.input-alignment-start.icon-only,:host .container.input-enabled.input-alignment-start.description-only,:host .container.input-enabled.input-alignment-start.heading.description,:host .container.input-enabled.input-alignment-start.icon.description,:host .container.input-enabled.input-alignment-start.heading.icon.description{gap:0.75rem}:host .container.input-enabled.input-alignment-start calcite-tile{-ms-flex-order:1;order:1}:host .container.input-enabled.input-alignment-start.large-visual ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-start.large-visual ::slotted(calcite-radio-button){position:absolute;inset-block-start:0.75rem;inset-inline-start:0.75rem}:host .container.input-enabled.input-alignment-end.width-auto.heading-only,:host .container.input-enabled.input-alignment-end.width-auto.icon-only{display:inline-grid;grid-gap:0.75rem;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}:host .container.input-enabled.input-alignment-end.heading-only,:host .container.input-enabled.input-alignment-end.icon-only{gap:0.75rem}:host .container.input-enabled.input-alignment-end.description-only ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.description-only ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.heading.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.heading.description ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.icon.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.icon.description ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.heading.icon.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.heading.icon.description ::slotted(calcite-radio-button){position:absolute;inset-block-start:0.75rem;inset-inline-end:0.75rem}:host .container.input-enabled.input-alignment-end.large-visual ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.large-visual ::slotted(calcite-radio-button){position:absolute;inset-block-start:0.75rem;inset-inline-end:0.75rem}:host .container.width-full{display:-ms-flexbox;display:flex;max-width:none}:host .container.width-full calcite-tile{-ms-flex:1 1 auto;flex:1 1 auto}:host(:hover) .container{z-index:20}:host(:hover) .container:not(.input-enabled){-webkit-box-shadow:0 0 0 1px var(--calcite-ui-brand);box-shadow:0 0 0 1px var(--calcite-ui-brand)}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";
30
30
 
31
- let TileSelect = class extends HTMLElement {
31
+ const TileSelect = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
32
32
  constructor() {
33
33
  super();
34
34
  this.__registerHost();
@@ -203,8 +203,7 @@ let TileSelect = class extends HTMLElement {
203
203
  "name": ["nameChanged"]
204
204
  }; }
205
205
  static get style() { return tileSelectCss; }
206
- };
207
- TileSelect = /*@__PURE__*/ proxyCustomElement(TileSelect, [1, "calcite-tile-select", {
206
+ }, [1, "calcite-tile-select", {
208
207
  "checked": [1540],
209
208
  "description": [513],
210
209
  "disabled": [516],
package/dist/components/calcite-tip-group.js CHANGED
@@ -2,11 +2,11 @@
2
2
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
3
3
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
4
4
  */
5
- import { HTMLElement, h, proxyCustomElement } from '@stencil/core/internal/client';
5
+ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
6
6
 
7
7
  const tipGroupCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}::slotted(calcite-tip){margin:0px;border-style:none}:host-context(calcite-tip-manager){margin-top:0.75rem;margin-bottom:0.75rem}:host-context(calcite-tip-manager) ::slotted(calcite-tip){padding:1rem}";
8
8
 
9
- let TipGroup = class extends HTMLElement {
9
+ const TipGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
10
10
  constructor() {
11
11
  super();
12
12
  this.__registerHost();
@@ -16,8 +16,7 @@ let TipGroup = class extends HTMLElement {
16
16
  return h("slot", null);
17
17
  }
18
18
  static get style() { return tipGroupCss; }
19
- };
20
- TipGroup = /*@__PURE__*/ proxyCustomElement(TipGroup, [1, "calcite-tip-group", {
19
+ }, [1, "calcite-tip-group", {
21
20
  "groupTitle": [1, "group-title"]
22
21
  }]);
23
22
  function defineCustomElement$1() {
package/dist/components/calcite-tip-manager.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 { HTMLElement, createEvent, h, proxyCustomElement } from '@stencil/core/internal/client';
5
+ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
6
6
  import { T as TEXT, C as CSS, I as ICONS, H as HEADING_LEVEL } from './resources4.js';
7
7
  import { a as getElementDir } from './dom.js';
8
8
  import { H as Heading } from './Heading.js';
@@ -13,7 +13,7 @@ import { d as defineCustomElement$2 } from './loader.js';
13
13
 
14
14
  const tipManagerCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2);--calcite-tip-manager-height:19vh}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host([closed]){display:none}.header{margin:0px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-align:center;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.header{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-top:0px;padding-bottom:0px;-webkit-padding-end:0px;padding-inline-end:0px;-webkit-padding-start:1rem;padding-inline-start:1rem}.header h2.heading{padding:0px;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-1)}.container{position:relative;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;overflow:hidden;min-height:150px}.container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.tip-container{margin-top:1px;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;overflow: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;-webkit-animation-name:none;animation-name:none;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing);height:var(--calcite-tip-manager-height)}.tip-container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}::slotted(calcite-tip){border-style:none;padding:0.75rem;max-width:var(--calcite-tip-max-width)}.tip-container--advancing{-webkit-animation-name:tip-advance;animation-name:tip-advance}.tip-container--retreating{-webkit-animation-name:tip-retreat;animation-name:tip-retreat}.pagination{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-left:0px;padding-right:0px;padding-top:0.75rem;padding-bottom:0.5rem}.page-position{margin-top:0px;margin-bottom:0px;margin-left:0.5rem;margin-right:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@-webkit-keyframes tip-advance{0%{opacity:0}0%{-webkit-transform:translate3d(50px, 0, 0) scale(0.99);transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1}100%{-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-advance{0%{opacity:0}0%{-webkit-transform:translate3d(50px, 0, 0) scale(0.99);transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1}100%{-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@-webkit-keyframes tip-retreat{0%{opacity:0}0%{-webkit-transform:translate3d(-50px, 0, 0) scale(0.99);transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1}100%{-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0}0%{-webkit-transform:translate3d(-50px, 0, 0) scale(0.99);transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1}100%{-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}";
15
15
 
16
- let TipManager = class extends HTMLElement {
16
+ const TipManager = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
17
17
  constructor() {
18
18
  super();
19
19
  this.__registerHost();
@@ -168,8 +168,7 @@ let TipManager = class extends HTMLElement {
168
168
  "selectedIndex": ["selectedChangeHandler"]
169
169
  }; }
170
170
  static get style() { return tipManagerCss; }
171
- };
172
- TipManager = /*@__PURE__*/ proxyCustomElement(TipManager, [1, "calcite-tip-manager", {
171
+ }, [1, "calcite-tip-manager", {
173
172
  "closed": [1540],
174
173
  "headingLevel": [2, "heading-level"],
175
174
  "intlClose": [1, "intl-close"],
package/dist/components/calcite-tip.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 { HTMLElement, createEvent, h, Fragment, proxyCustomElement } from '@stencil/core/internal/client';
5
+ import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
6
6
  import { H as HEADING_LEVEL$1 } from './resources4.js';
7
7
  import { b as getSlotted } from './dom.js';
8
8
  import { H as Heading, c as constrainHeadingLevel } from './Heading.js';
@@ -33,7 +33,7 @@ const HEADING_LEVEL = (HEADING_LEVEL$1 + 1);
33
33
 
34
34
  const tipCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;margin:1rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}.container{width:100%;padding:1rem}:host([dismissed]),:host([dismissed]) .container{display:none}:host([selected]) .container{margin:0px;border-style:none;padding:0px}.header{margin:0px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-align:center;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.header{margin-bottom:0.5rem}.header .heading{padding:0px;color:var(--calcite-ui-text-1)}.container[hidden]{display:none}.content{display:-ms-flexbox;display:flex}.info{padding-top:0px;padding-bottom:0px;padding-left:1rem;padding-right:1rem;width:70%}.info:only-child{width:100%;padding-left:0px;padding-right:0px}::slotted(p){margin-top:0px}::slotted(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;color:var(--calcite-ui-brand)}::slotted(a:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.image-frame{width:25%}.image-frame img{max-width:100%}::slotted(img){max-width:100%}";
35
35
 
36
- let Tip = class extends HTMLElement {
36
+ const Tip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
37
37
  constructor() {
38
38
  super();
39
39
  this.__registerHost();
@@ -110,8 +110,7 @@ let Tip = class extends HTMLElement {
110
110
  }
111
111
  get el() { return this; }
112
112
  static get style() { return tipCss; }
113
- };
114
- Tip = /*@__PURE__*/ proxyCustomElement(Tip, [1, "calcite-tip", {
113
+ }, [1, "calcite-tip", {
115
114
  "dismissed": [1540],
116
115
  "nonDismissible": [516, "non-dismissible"],
117
116
  "heading": [1],
package/dist/components/calcite-tooltip.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 { HTMLElement, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
5
+ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
6
6
  import { T as TOOLTIP_REFERENCE, A as ARIA_DESCRIBED_BY, C as CSS$1 } from './resources2.js';
7
7
  import { g as guid } from './guid.js';
8
8
  import { d as defaultOffsetDistance, u as updatePopper, c as createPopper, C as CSS } from './popper.js';
@@ -10,7 +10,7 @@ import { q as queryElementRoots } from './dom.js';
10
10
 
11
11
  const tooltipCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:999;-webkit-transform:scale(0);transform:scale(0)}.calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host([data-popper-placement^=bottom]) .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host([data-popper-placement^=top]) .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host([data-popper-placement^=left]) .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host([data-popper-placement^=right]) .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host([data-popper-placement]) .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([data-popper-placement][data-popper-escaped]),:host([data-popper-placement][data-popper-reference-hidden]){pointer-events:none;opacity:0}.arrow,.arrow::before{position:absolute;width:8px;height:8px;z-index:-1}.arrow::before{content:\"\";--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--calcite-ui-foreground-1)}:host([data-popper-placement^=top]) .arrow{bottom:-4px}:host([data-popper-placement^=bottom]) .arrow{top:-4px}:host([data-popper-placement^=left]) .arrow{right:-4px}:host([data-popper-placement^=right]) .arrow{left:-4px}.container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:1rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);overflow:hidden;max-width:20rem;max-height:20rem}.calcite-popper-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1)}.arrow::before{outline:1px solid var(--calcite-ui-border-3)}";
12
12
 
13
- let Tooltip = class extends HTMLElement {
13
+ const Tooltip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
14
14
  constructor() {
15
15
  super();
16
16
  this.__registerHost();
@@ -150,7 +150,11 @@ let Tooltip = class extends HTMLElement {
150
150
  offset: [offsetSkidding, offsetDistance]
151
151
  }
152
152
  };
153
- return [arrowModifier, offsetModifier];
153
+ const eventListenerModifier = {
154
+ name: "eventListeners",
155
+ enabled: this.open
156
+ };
157
+ return [arrowModifier, offsetModifier, eventListenerModifier];
154
158
  }
155
159
  createPopper() {
156
160
  this.destroyPopper();
@@ -194,8 +198,7 @@ let Tooltip = class extends HTMLElement {
194
198
  "referenceElement": ["referenceElementHandler"]
195
199
  }; }
196
200
  static get style() { return tooltipCss; }
197
- };
198
- Tooltip = /*@__PURE__*/ proxyCustomElement(Tooltip, [1, "calcite-tooltip", {
201
+ }, [1, "calcite-tooltip", {
199
202
  "label": [1],
200
203
  "offsetDistance": [514, "offset-distance"],
201
204
  "offsetSkidding": [514, "offset-skidding"],
package/dist/components/calcite-tree-item.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 { HTMLElement, createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
5
+ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
6
6
  import { T as TreeSelectionMode } from './interfaces2.js';
7
7
  import { b as getSlotted, a as getElementDir, C as CSS_UTILITY, e as filterDirectChildren, n as nodeListToArray } from './dom.js';
8
8
  import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
@@ -29,7 +29,7 @@ const ICONS = {
29
29
 
30
30
  const treeItemCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;max-width:100%;cursor:pointer;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .node-container{--calcite-tree-padding-y:0.25rem}:host([scale=s]) .node-container .checkbox,:host([scale=s]) .node-container .chevron,:host([scale=s]) .node-container .checkmark,:host([scale=s]) .node-container .bullet-point{margin-inline:0.25rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .node-container{--calcite-tree-padding-y:0.5rem}:host([scale=m]) .node-container .checkbox,:host([scale=m]) .node-container .chevron,:host([scale=m]) .node-container .checkmark,:host([scale=m]) .node-container .bullet-point{margin-inline:0.5rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .node-container{--calcite-tree-padding-y:0.75rem}:host([scale=l]) .node-container .checkbox,:host([scale=l]) .node-container .chevron,:host([scale=l]) .node-container .checkmark,:host([scale=l]) .node-container .bullet-point{margin-inline:0.75rem}:host([lines]) .children-container:after{position:absolute;top:0px;width:1px;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;height:96%;content:\"\";background-color:var(--calcite-ui-border-2);z-index:-1}:host(:not([lines])) .node-container:after{display:none}::slotted(*){min-width:0px;max-width:100%;overflow-wrap:break-word;color:inherit;text-decoration:none !important}::slotted(*):hover{text-decoration:none !important}::slotted(a){width:100%;-webkit-text-decoration-line:none;text-decoration-line:none}:host{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}.checkbox{outline:2px solid transparent;outline-offset:2px;line-height:0}.checkbox-label{pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.children-container{position:relative;height:0px;overflow:hidden;-webkit-margin-start:1.25rem;margin-inline-start:1.25rem;-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0;-webkit-transition:var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out;transition:var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out;-webkit-transform-origin:top;transform-origin:top}:host([expanded])>.children-container{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;height:auto}.node-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--calcite-tree-padding-y) 0}.node-container .checkmark,.node-container .bullet-point{opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;color:var(--calcite-ui-border-1)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus) .node-container .checkmark,:host(:focus) .node-container .bullet-point{opacity:1}:host([selected])>.node-container,:host([selected])>.node-container:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([selected])>.node-container .bullet-point,:host([selected])>.node-container .checkmark,:host([selected])>.node-container:hover .bullet-point,:host([selected])>.node-container:hover .checkmark{opacity:1;color:var(--calcite-ui-brand)}:host(:not([has-children])):host([scale=s])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}:host(:not([has-children])):host([scale=m])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=l])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem}:host([has-children])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-margin-start:0;margin-inline-start:0}:host([has-children])>.node-container .bullet-point,:host([has-children])>.node-container .checkmark{display:none}:host([has-children][expanded]:not([selected]))>.node-container ::slotted(*){font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([has-children][selected])>.node-container[data-selection-mode=children],:host([has-children][selected])>.node-container[data-selection-mode=multi-children]{color:var(--calcite-ui-brand)}.chevron{position:relative;-ms-flex-item-align:center;align-self:center;color:var(--calcite-ui-text-3);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.calcite--rtl .chevron{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([expanded])>.node-container>.chevron{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-ui-brand)}";
31
31
 
32
- let TreeItem = class extends HTMLElement {
32
+ const TreeItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
33
33
  constructor() {
34
34
  super();
35
35
  this.__registerHost();
@@ -226,8 +226,7 @@ let TreeItem = class extends HTMLElement {
226
226
  "selectionMode": ["getselectionMode"]
227
227
  }; }
228
228
  static get style() { return treeItemCss; }
229
- };
230
- TreeItem = /*@__PURE__*/ proxyCustomElement(TreeItem, [1, "calcite-tree-item", {
229
+ }, [1, "calcite-tree-item", {
231
230
  "selected": [1540],
232
231
  "expanded": [1540],
233
232
  "parentExpanded": [4, "parent-expanded"],