@esri/calcite-components 1.0.0-next.647 → 1.0.0-next.648

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 (733) hide show
  1. package/dist/calcite/calcite.esm.js +2 -2
  2. package/dist/calcite/index.esm.js +1 -1
  3. package/dist/calcite/p-00d2d773.entry.js +6 -0
  4. package/dist/calcite/p-01951f49.entry.js +6 -0
  5. package/dist/calcite/p-05dcda7b.entry.js +6 -0
  6. package/dist/calcite/p-065d1961.entry.js +6 -0
  7. package/dist/calcite/p-08b637c8.js +6 -0
  8. package/dist/calcite/{p-7ac24887.js → p-0b90715c.js} +1 -1
  9. package/dist/calcite/{p-ea08c155.entry.js → p-0ffdcdc0.entry.js} +2 -2
  10. package/dist/calcite/p-123393a5.js +6 -0
  11. package/dist/calcite/{p-8a0a27c0.js → p-12b0f2c6.js} +1 -1
  12. package/dist/calcite/p-146e6fec.entry.js +6 -0
  13. package/dist/calcite/{p-0488bcef.js → p-1772492f.js} +2 -2
  14. package/dist/calcite/p-27f9c706.entry.js +6 -0
  15. package/dist/calcite/p-28af412d.entry.js +6 -0
  16. package/dist/calcite/p-2bf231e6.entry.js +6 -0
  17. package/dist/calcite/p-2df94b10.entry.js +6 -0
  18. package/dist/calcite/{p-15b4b9e2.js → p-3420b873.js} +1 -1
  19. package/dist/calcite/{p-a38897b7.js → p-349515d1.js} +2 -2
  20. package/dist/calcite/p-393f5e31.entry.js +6 -0
  21. package/dist/calcite/{p-1d5c0b42.js → p-3dee2426.js} +2 -2
  22. package/dist/calcite/p-3e729da6.entry.js +6 -0
  23. package/dist/calcite/p-4171bc38.entry.js +6 -0
  24. package/dist/calcite/p-447e09ea.entry.js +6 -0
  25. package/dist/calcite/p-44ba1ef9.entry.js +6 -0
  26. package/dist/calcite/{p-8ad929cb.js → p-47429a01.js} +1 -1
  27. package/dist/calcite/p-4e425d6d.entry.js +6 -0
  28. package/dist/calcite/{p-8a1a6862.js → p-4eea0858.js} +1 -1
  29. package/dist/calcite/{p-196873fb.js → p-5132e56e.js} +2 -2
  30. package/dist/calcite/p-51db2c02.entry.js +6 -0
  31. package/dist/calcite/p-540a1d98.entry.js +6 -0
  32. package/dist/calcite/{p-0a7ecde8.js → p-5d213adf.js} +2 -2
  33. package/dist/calcite/p-62ed162f.entry.js +6 -0
  34. package/dist/calcite/p-63dbaaa6.entry.js +6 -0
  35. package/dist/calcite/p-641676a3.entry.js +6 -0
  36. package/dist/calcite/{p-1b34eb14.entry.js → p-67d85cbe.entry.js} +2 -2
  37. package/dist/calcite/p-6cca7988.entry.js +6 -0
  38. package/dist/calcite/{p-3e4ccf7f.js → p-7000e938.js} +1 -1
  39. package/dist/calcite/{p-16f69e78.js → p-76595820.js} +1 -1
  40. package/dist/calcite/p-7882040c.entry.js +6 -0
  41. package/dist/calcite/p-7b0f24d1.entry.js +6 -0
  42. package/dist/calcite/p-7d218367.entry.js +6 -0
  43. package/dist/calcite/p-814781cb.entry.js +6 -0
  44. package/dist/calcite/{p-fa3a9bb4.js → p-899bb6c9.js} +1 -1
  45. package/dist/calcite/p-8ae970c1.entry.js +6 -0
  46. package/dist/calcite/{p-79c24753.js → p-8bec15c8.js} +1 -1
  47. package/dist/calcite/{p-4cae09d9.js → p-8d698c02.js} +2 -2
  48. package/dist/calcite/{p-dafdb9a7.js → p-8dc39c82.js} +2 -2
  49. package/dist/calcite/{p-c88cf62a.js → p-90701611.js} +1 -1
  50. package/dist/calcite/p-9361cf84.entry.js +6 -0
  51. package/dist/calcite/{p-da23181f.entry.js → p-97aa02a7.entry.js} +2 -2
  52. package/dist/calcite/{p-1950094b.js → p-98482c33.js} +1 -1
  53. package/dist/calcite/p-9a49dffd.entry.js +6 -0
  54. package/dist/calcite/p-9ba0329d.entry.js +6 -0
  55. package/dist/calcite/p-9cd58cea.entry.js +6 -0
  56. package/dist/calcite/p-9d716dd8.entry.js +6 -0
  57. package/dist/calcite/p-a153ceb9.entry.js +6 -0
  58. package/dist/calcite/{p-cbf2a031.js → p-a524f551.js} +1 -1
  59. package/dist/calcite/p-a7f09914.js +6 -0
  60. package/dist/calcite/p-aa73ca1a.entry.js +6 -0
  61. package/dist/calcite/p-acdfbe58.entry.js +6 -0
  62. package/dist/calcite/{p-2fca162a.js → p-ad9d35c9.js} +2 -2
  63. package/dist/calcite/{p-85bca0a7.js → p-b1ec2e57.js} +1 -1
  64. package/dist/calcite/{p-2f87050a.js → p-b52f7d75.js} +1 -1
  65. package/dist/calcite/{p-9832a9a5.js → p-b6776fe1.js} +2 -2
  66. package/dist/calcite/p-b8723343.entry.js +6 -0
  67. package/dist/calcite/p-baa8f7bc.entry.js +6 -0
  68. package/dist/calcite/p-bc2e3363.entry.js +6 -0
  69. package/dist/calcite/p-bc83a040.entry.js +6 -0
  70. package/dist/calcite/p-bf4b49d3.entry.js +6 -0
  71. package/dist/calcite/p-bfbb104f.js +6 -0
  72. package/dist/calcite/p-c38f2146.entry.js +6 -0
  73. package/dist/calcite/p-c438b39c.entry.js +6 -0
  74. package/dist/calcite/{p-80059970.entry.js → p-c84dc5ee.entry.js} +2 -2
  75. package/dist/calcite/{p-4df5609b.js → p-ccd997a5.js} +2 -2
  76. package/dist/calcite/{p-1da9d920.js → p-ccee598f.js} +1 -1
  77. package/dist/calcite/p-cee46df8.entry.js +6 -0
  78. package/dist/calcite/p-cf1c6c75.entry.js +6 -0
  79. package/dist/calcite/p-dbc6b9f3.entry.js +6 -0
  80. package/dist/calcite/p-e009ff8c.entry.js +6 -0
  81. package/dist/calcite/p-e5daf36b.entry.js +6 -0
  82. package/dist/calcite/p-e6808a92.entry.js +6 -0
  83. package/dist/calcite/{p-6954bf76.js → p-e8458683.js} +1 -1
  84. package/dist/calcite/p-e86de5cd.entry.js +6 -0
  85. package/dist/calcite/p-ea7d6712.entry.js +6 -0
  86. package/dist/calcite/p-eab112a6.entry.js +6 -0
  87. package/dist/calcite/p-ec0702ea.entry.js +6 -0
  88. package/dist/calcite/p-ee839eac.entry.js +6 -0
  89. package/dist/calcite/p-f2b2590f.entry.js +6 -0
  90. package/dist/calcite/{p-8b2ca5b4.js → p-f3ed0fa6.js} +1 -1
  91. package/dist/calcite/p-fb2d9c76.entry.js +6 -0
  92. package/dist/calcite/p-fd60a197.entry.js +6 -0
  93. package/dist/calcite/p-fe41558d.entry.js +6 -0
  94. package/dist/cjs/{ExpandToggle-7af1105f.js → ExpandToggle-ffd89d79.js} +5 -5
  95. package/dist/cjs/{Heading-21b3b1e2.js → Heading-9512d69c.js} +2 -2
  96. package/dist/cjs/{app-globals-c610f4b2.js → app-globals-48762390.js} +2 -2
  97. package/dist/cjs/{array-b788323b.js → array-c58adfeb.js} +1 -1
  98. package/dist/cjs/calcite-accordion_2.cjs.entry.js +20 -70
  99. package/dist/cjs/calcite-action-bar.cjs.entry.js +20 -33
  100. package/dist/cjs/calcite-action-group.cjs.entry.js +15 -26
  101. package/dist/cjs/calcite-action-menu.cjs.entry.js +18 -37
  102. package/dist/cjs/calcite-action-pad.cjs.entry.js +18 -28
  103. package/dist/cjs/calcite-action.cjs.entry.js +21 -49
  104. package/dist/cjs/calcite-alert.cjs.entry.js +27 -47
  105. package/dist/cjs/calcite-avatar.cjs.entry.js +10 -17
  106. package/dist/cjs/calcite-block_2.cjs.entry.js +27 -73
  107. package/dist/cjs/calcite-button.cjs.entry.js +32 -51
  108. package/dist/cjs/calcite-card.cjs.entry.js +14 -38
  109. package/dist/cjs/calcite-checkbox.cjs.entry.js +20 -41
  110. package/dist/cjs/calcite-chip.cjs.entry.js +18 -37
  111. package/dist/cjs/calcite-color-picker_3.cjs.entry.js +60 -227
  112. package/dist/cjs/calcite-combobox_3.cjs.entry.js +52 -87
  113. package/dist/cjs/calcite-date-picker_4.cjs.entry.js +72 -68
  114. package/dist/cjs/calcite-dropdown_3.cjs.entry.js +33 -77
  115. package/dist/cjs/calcite-fab.cjs.entry.js +9 -35
  116. package/dist/cjs/calcite-filter.cjs.entry.js +17 -37
  117. package/dist/cjs/calcite-flow-item.cjs.entry.js +24 -33
  118. package/dist/cjs/calcite-flow.cjs.entry.js +6 -6
  119. package/dist/cjs/calcite-graph_2.cjs.entry.js +49 -72
  120. package/dist/cjs/calcite-handle.cjs.entry.js +8 -19
  121. package/dist/cjs/calcite-icon.cjs.entry.js +8 -20
  122. package/dist/cjs/calcite-inline-editable.cjs.entry.js +18 -40
  123. package/dist/cjs/calcite-input-date-picker.cjs.entry.js +50 -94
  124. package/dist/cjs/calcite-input-message.cjs.entry.js +7 -18
  125. package/dist/cjs/calcite-input-number.cjs.entry.js +47 -88
  126. package/dist/cjs/calcite-input-text.cjs.entry.js +35 -67
  127. package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +70 -156
  128. package/dist/cjs/calcite-input.cjs.entry.js +52 -102
  129. package/dist/cjs/calcite-label.cjs.entry.js +13 -35
  130. package/dist/cjs/calcite-link.cjs.entry.js +15 -20
  131. package/dist/cjs/calcite-list_3.cjs.entry.js +43 -121
  132. package/dist/cjs/calcite-loader.cjs.entry.js +5 -23
  133. package/dist/cjs/calcite-modal.cjs.entry.js +26 -57
  134. package/dist/cjs/calcite-notice.cjs.entry.js +16 -40
  135. package/dist/cjs/calcite-option_3.cjs.entry.js +23 -52
  136. package/dist/cjs/calcite-pagination.cjs.entry.js +17 -43
  137. package/dist/cjs/calcite-panel.cjs.entry.js +30 -39
  138. package/dist/cjs/calcite-pick-list_3.cjs.entry.js +38 -92
  139. package/dist/cjs/{calcite-popover_2.cjs.entry.js → calcite-popover.cjs.entry.js} +33 -145
  140. package/dist/cjs/calcite-progress.cjs.entry.js +4 -10
  141. package/dist/cjs/calcite-radio-button-group.cjs.entry.js +9 -18
  142. package/dist/cjs/calcite-radio-button.cjs.entry.js +21 -37
  143. package/dist/cjs/calcite-radio-group_2.cjs.entry.js +21 -43
  144. package/dist/cjs/calcite-rating.cjs.entry.js +24 -43
  145. package/dist/cjs/calcite-scrim.cjs.entry.js +2 -15
  146. package/dist/cjs/calcite-shell_3.cjs.entry.js +16 -62
  147. package/dist/cjs/calcite-sortable-list.cjs.entry.js +12 -22
  148. package/dist/cjs/calcite-split-button.cjs.entry.js +11 -27
  149. package/dist/cjs/calcite-stepper_2.cjs.entry.js +29 -63
  150. package/dist/cjs/calcite-switch.cjs.entry.js +17 -27
  151. package/dist/cjs/calcite-tab_4.cjs.entry.js +33 -103
  152. package/dist/cjs/calcite-tile-select_2.cjs.entry.js +11 -39
  153. package/dist/cjs/calcite-tile.cjs.entry.js +12 -30
  154. package/dist/cjs/calcite-tip_3.cjs.entry.js +27 -36
  155. package/dist/cjs/calcite-tooltip.cjs.entry.js +17 -44
  156. package/dist/cjs/calcite-tree_2.cjs.entry.js +20 -51
  157. package/dist/cjs/calcite-value-list_2.cjs.entry.js +41 -94
  158. package/dist/cjs/calcite.cjs.js +6 -6
  159. package/dist/cjs/{conditionalSlot-4561a4a4.js → conditionalSlot-ab38a07e.js} +3 -3
  160. package/dist/cjs/{debounce-60b87419.js → debounce-b8ece744.js} +1 -1
  161. package/dist/cjs/{dom-fc9f7c5b.js → dom-8dcbe60b.js} +3 -3
  162. package/dist/cjs/{filter-a1586bab.js → filter-dcf36f89.js} +2 -2
  163. package/dist/cjs/{floating-ui-e6837eef.js → floating-ui-58bc577e.js} +57 -89
  164. package/dist/cjs/{focusTrapComponent-ccc646b5.js → focusTrapComponent-4575255a.js} +2 -2
  165. package/dist/cjs/{form-bdafdc1e.js → form-54565442.js} +3 -3
  166. package/dist/cjs/{guid-e00c2fae.js → guid-4caf8697.js} +1 -1
  167. package/dist/cjs/{index-7e0f281f.js → index-66bfeb5a.js} +1 -1
  168. package/dist/cjs/index.cjs.js +1 -1
  169. package/dist/cjs/{interactive-f768090a.js → interactive-61857e22.js} +1 -1
  170. package/dist/cjs/{interfaces-156df26c.js → interfaces-f9527bdd.js} +1 -1
  171. package/dist/cjs/{key-25858919.js → key-aa68c66b.js} +1 -1
  172. package/dist/cjs/{label-af7b6837.js → label-ebe09dfe.js} +2 -2
  173. package/dist/cjs/{loadable-2c272f47.js → loadable-f0410eb8.js} +1 -1
  174. package/dist/cjs/loader.cjs.js +6 -6
  175. package/dist/cjs/{locale-54e87ab8.js → locale-6b2788ff.js} +4 -4
  176. package/dist/cjs/{math-abf27752.js → math-92197020.js} +1 -1
  177. package/dist/cjs/{nonChromiumPlatformUtils-422da801.js → nonChromiumPlatformUtils-d9338106.js} +6 -6
  178. package/dist/cjs/{observers-e85167a1.js → observers-b2096d49.js} +1 -1
  179. package/dist/cjs/{openCloseComponent-b3922bdb.js → openCloseComponent-7d4eb009.js} +1 -1
  180. package/dist/cjs/{resources-fb34b377.js → resources-15b63465.js} +1 -1
  181. package/dist/cjs/{resources-fb722a40.js → resources-a8623473.js} +5 -5
  182. package/dist/cjs/{resources-a0a90579.js → resources-aab81366.js} +1 -1
  183. package/dist/cjs/{resources-ae981175.js → resources-bfbd2af1.js} +1 -1
  184. package/dist/cjs/{resources-8fa9469c.js → resources-c00001d9.js} +3 -3
  185. package/dist/cjs/{resources-97815018.js → resources-df673a39.js} +1 -1
  186. package/dist/cjs/{sortable.esm-ef98a314.js → sortable.esm-05f24e8e.js} +1 -1
  187. package/dist/cjs/{utils-e7e05a1a.js → utils-2e6032bf.js} +1 -1
  188. package/dist/collection/collection-manifest.json +6 -8
  189. package/dist/collection/components/accordion/accordion.js +6 -19
  190. package/dist/collection/components/accordion-item/accordion-item.js +9 -136
  191. package/dist/collection/components/accordion-item/resources.js +1 -1
  192. package/dist/collection/components/action/action.js +14 -42
  193. package/dist/collection/components/action/resources.js +1 -1
  194. package/dist/collection/components/action-bar/action-bar.js +9 -22
  195. package/dist/collection/components/action-bar/resources.js +1 -1
  196. package/dist/collection/components/action-bar/utils.js +1 -1
  197. package/dist/collection/components/action-group/action-group.js +7 -18
  198. package/dist/collection/components/action-group/resources.js +1 -1
  199. package/dist/collection/components/action-menu/action-menu.js +10 -29
  200. package/dist/collection/components/action-menu/resources.js +1 -1
  201. package/dist/collection/components/action-pad/action-pad.js +8 -18
  202. package/dist/collection/components/action-pad/resources.js +1 -1
  203. package/dist/collection/components/alert/alert.js +17 -37
  204. package/dist/collection/components/alert/interfaces.js +1 -1
  205. package/dist/collection/components/alert/resources.js +1 -1
  206. package/dist/collection/components/avatar/avatar.js +5 -12
  207. package/dist/collection/components/avatar/utils.js +1 -1
  208. package/dist/collection/components/block/block.js +12 -52
  209. package/dist/collection/components/block/resources.js +1 -1
  210. package/dist/collection/components/block-section/block-section.js +7 -13
  211. package/dist/collection/components/block-section/resources.js +1 -1
  212. package/dist/collection/components/button/button.js +23 -42
  213. package/dist/collection/components/button/resources.js +1 -1
  214. package/dist/collection/components/card/card.js +8 -32
  215. package/dist/collection/components/card/resources.js +1 -1
  216. package/dist/collection/components/checkbox/checkbox.js +11 -32
  217. package/dist/collection/components/chip/chip.js +11 -30
  218. package/dist/collection/components/chip/resources.js +1 -1
  219. package/dist/collection/components/color-picker/color-picker.js +42 -173
  220. package/dist/collection/components/color-picker/resources.js +1 -1
  221. package/dist/collection/components/color-picker/utils.js +1 -1
  222. package/dist/collection/components/color-picker-hex-input/color-picker-hex-input.js +8 -34
  223. package/dist/collection/components/color-picker-hex-input/resources.js +1 -1
  224. package/dist/collection/components/color-picker-swatch/color-picker-swatch.js +2 -12
  225. package/dist/collection/components/color-picker-swatch/resources.js +1 -1
  226. package/dist/collection/components/combobox/combobox.js +26 -58
  227. package/dist/collection/components/combobox/resources.js +1 -1
  228. package/dist/collection/components/combobox/utils.js +1 -1
  229. package/dist/collection/components/combobox-item/combobox-item.js +11 -16
  230. package/dist/collection/components/combobox-item/resources.js +1 -1
  231. package/dist/collection/components/combobox-item-group/combobox-item-group.js +3 -1
  232. package/dist/collection/components/combobox-item-group/resources.js +1 -1
  233. package/dist/collection/components/date-picker/date-picker.js +69 -73
  234. package/dist/collection/components/date-picker/resources.js +1 -1
  235. package/dist/collection/components/date-picker/utils.js +1 -1
  236. package/dist/collection/components/date-picker-day/date-picker-day.js +19 -25
  237. package/dist/collection/components/date-picker-month/date-picker-month.js +13 -6
  238. package/dist/collection/components/date-picker-month-header/date-picker-month-header.js +21 -14
  239. package/dist/collection/components/date-picker-month-header/resources.js +1 -1
  240. package/dist/collection/components/dropdown/dropdown.css +1 -1
  241. package/dist/collection/components/dropdown/dropdown.js +27 -65
  242. package/dist/collection/components/dropdown/resources.js +1 -1
  243. package/dist/collection/components/dropdown-group/dropdown-group.js +8 -10
  244. package/dist/collection/components/dropdown-group/resources.js +1 -1
  245. package/dist/collection/components/dropdown-item/dropdown-item.js +23 -27
  246. package/dist/collection/components/dropdown-item/resources.js +1 -1
  247. package/dist/collection/components/fab/fab.js +14 -40
  248. package/dist/collection/components/fab/resources.js +1 -1
  249. package/dist/collection/components/filter/filter.js +21 -41
  250. package/dist/collection/components/filter/resources.js +1 -1
  251. package/dist/collection/components/flow/flow.js +4 -4
  252. package/dist/collection/components/flow/resources.js +1 -1
  253. package/dist/collection/components/flow-item/flow-item.js +39 -48
  254. package/dist/collection/components/flow-item/resources.js +1 -1
  255. package/dist/collection/components/functional/ExpandToggle.js +1 -1
  256. package/dist/collection/components/functional/Heading.js +1 -1
  257. package/dist/collection/components/graph/graph.js +7 -11
  258. package/dist/collection/components/graph/util.js +1 -1
  259. package/dist/collection/components/handle/handle.js +3 -14
  260. package/dist/collection/components/handle/resources.js +1 -1
  261. package/dist/collection/components/icon/icon.css +1 -1
  262. package/dist/collection/components/icon/icon.js +11 -20
  263. package/dist/collection/components/icon/resources.js +1 -1
  264. package/dist/collection/components/icon/utils.js +1 -1
  265. package/dist/collection/components/inline-editable/inline-editable.js +23 -45
  266. package/dist/collection/components/inline-editable/resources.js +1 -1
  267. package/dist/collection/components/input/input.js +40 -90
  268. package/dist/collection/components/input/resources.js +1 -1
  269. package/dist/collection/components/input-date-picker/input-date-picker.js +35 -79
  270. package/dist/collection/components/input-date-picker/resources.js +1 -1
  271. package/dist/collection/components/input-message/input-message.js +3 -14
  272. package/dist/collection/components/input-message/interfaces.js +1 -1
  273. package/dist/collection/components/input-number/input-number.js +35 -76
  274. package/dist/collection/components/input-number/resources.js +1 -1
  275. package/dist/collection/components/input-text/input-text.js +26 -58
  276. package/dist/collection/components/input-text/resources.js +1 -1
  277. package/dist/collection/components/input-time-picker/input-time-picker.js +28 -55
  278. package/dist/collection/components/label/label.js +8 -30
  279. package/dist/collection/components/label/resources.js +1 -1
  280. package/dist/collection/components/link/link.js +9 -14
  281. package/dist/collection/components/list/list.js +14 -51
  282. package/dist/collection/components/list/resources.js +1 -1
  283. package/dist/collection/components/list-item/list-item.js +21 -55
  284. package/dist/collection/components/list-item/resources.js +1 -1
  285. package/dist/collection/components/list-item/utils.js +1 -1
  286. package/dist/collection/components/list-item-group/list-item-group.js +2 -9
  287. package/dist/collection/components/list-item-group/resources.js +1 -1
  288. package/dist/collection/components/loader/loader.js +3 -21
  289. package/dist/collection/components/modal/modal.js +17 -48
  290. package/dist/collection/components/modal/resources.js +1 -1
  291. package/dist/collection/components/notice/notice.js +8 -32
  292. package/dist/collection/components/notice/resources.js +1 -1
  293. package/dist/collection/components/option/option.js +5 -10
  294. package/dist/collection/components/option-group/option-group.js +2 -9
  295. package/dist/collection/components/pagination/pagination.js +10 -36
  296. package/dist/collection/components/pagination/resources.js +1 -1
  297. package/dist/collection/components/panel/panel.js +20 -29
  298. package/dist/collection/components/panel/resources.js +1 -1
  299. package/dist/collection/components/pick-list/pick-list.js +13 -48
  300. package/dist/collection/components/pick-list/resources.js +1 -1
  301. package/dist/collection/components/pick-list/shared-list-logic.js +1 -1
  302. package/dist/collection/components/pick-list/shared-list-render.js +1 -1
  303. package/dist/collection/components/pick-list-group/pick-list-group.js +5 -1
  304. package/dist/collection/components/pick-list-group/resources.js +1 -1
  305. package/dist/collection/components/pick-list-item/pick-list-item.js +12 -33
  306. package/dist/collection/components/pick-list-item/resources.js +1 -1
  307. package/dist/collection/components/popover/PopoverManager.js +1 -1
  308. package/dist/collection/components/popover/popover.js +20 -67
  309. package/dist/collection/components/popover/resources.js +1 -1
  310. package/dist/collection/components/progress/progress.js +3 -9
  311. package/dist/collection/components/radio-button/radio-button.js +12 -28
  312. package/dist/collection/components/radio-button/resources.js +1 -1
  313. package/dist/collection/components/radio-button-group/radio-button-group.js +7 -16
  314. package/dist/collection/components/radio-group/radio-group.js +9 -23
  315. package/dist/collection/components/radio-group-item/radio-group-item.js +5 -13
  316. package/dist/collection/components/radio-group-item/resources.js +1 -1
  317. package/dist/collection/components/rating/rating.js +15 -34
  318. package/dist/collection/components/rating/resources.js +1 -1
  319. package/dist/collection/components/scrim/resources.js +1 -1
  320. package/dist/collection/components/scrim/scrim.js +1 -14
  321. package/dist/collection/components/select/resources.js +1 -1
  322. package/dist/collection/components/select/select.js +9 -26
  323. package/dist/collection/components/shell/resources.js +1 -1
  324. package/dist/collection/components/shell/shell.js +1 -9
  325. package/dist/collection/components/shell-center-row/resources.js +1 -1
  326. package/dist/collection/components/shell-center-row/shell-center-row.js +1 -15
  327. package/dist/collection/components/shell-panel/resources.js +1 -1
  328. package/dist/collection/components/shell-panel/shell-panel.js +9 -33
  329. package/dist/collection/components/slider/resources.js +1 -1
  330. package/dist/collection/components/slider/slider.css +2 -2
  331. package/dist/collection/components/slider/slider.js +30 -49
  332. package/dist/collection/components/sortable-list/resources.js +1 -1
  333. package/dist/collection/components/sortable-list/sortable-list.js +8 -18
  334. package/dist/collection/components/split-button/resources.js +1 -1
  335. package/dist/collection/components/split-button/split-button.js +9 -25
  336. package/dist/collection/components/stepper/stepper.js +6 -14
  337. package/dist/collection/components/stepper-item/stepper-item.js +15 -41
  338. package/dist/collection/components/switch/switch.js +8 -18
  339. package/dist/collection/components/tab/tab.js +4 -17
  340. package/dist/collection/components/tab-nav/tab-nav.js +11 -17
  341. package/dist/collection/components/tab-title/tab-title.js +14 -28
  342. package/dist/collection/components/tabs/resources.js +1 -1
  343. package/dist/collection/components/tabs/tabs.js +1 -38
  344. package/dist/collection/components/tile/resources.js +1 -1
  345. package/dist/collection/components/tile/tile.js +5 -23
  346. package/dist/collection/components/tile-select/resources.js +1 -1
  347. package/dist/collection/components/tile-select/tile-select.js +7 -24
  348. package/dist/collection/components/tile-select-group/tile-select-group.js +1 -12
  349. package/dist/collection/components/time-picker/resources.js +1 -1
  350. package/dist/collection/components/time-picker/time-picker.js +32 -91
  351. package/dist/collection/components/tip/resources.js +1 -1
  352. package/dist/collection/components/tip/tip.js +7 -20
  353. package/dist/collection/components/tip-group/tip-group.js +4 -1
  354. package/dist/collection/components/tip-manager/resources.js +1 -1
  355. package/dist/collection/components/tip-manager/tip-manager.js +13 -10
  356. package/dist/collection/components/tooltip/TooltipManager.js +1 -1
  357. package/dist/collection/components/tooltip/resources.js +1 -1
  358. package/dist/collection/components/tooltip/tooltip.js +10 -37
  359. package/dist/collection/components/tree/tree.js +2 -19
  360. package/dist/collection/components/tree/utils.js +1 -1
  361. package/dist/collection/components/tree-item/resources.js +1 -1
  362. package/dist/collection/components/tree-item/tree-item.js +12 -26
  363. package/dist/collection/components/value-list/resources.js +1 -1
  364. package/dist/collection/components/value-list/utils.js +1 -1
  365. package/dist/collection/components/value-list/value-list.js +18 -52
  366. package/dist/collection/components/value-list-item/resources.js +1 -1
  367. package/dist/collection/components/value-list-item/value-list-item.js +12 -31
  368. package/dist/collection/utils/array.js +1 -1
  369. package/dist/collection/utils/conditionalSlot.js +1 -1
  370. package/dist/collection/utils/config.js +1 -1
  371. package/dist/collection/utils/date.js +1 -1
  372. package/dist/collection/utils/dom.js +1 -1
  373. package/dist/collection/utils/filter.js +1 -1
  374. package/dist/collection/utils/floating-ui/nonChromiumPlatformUtils.js +1 -1
  375. package/dist/collection/utils/floating-ui.js +1 -1
  376. package/dist/collection/utils/focusTrapComponent.js +1 -1
  377. package/dist/collection/utils/form.js +1 -1
  378. package/dist/collection/utils/globalAttributes.js +1 -1
  379. package/dist/collection/utils/globalScript.js +1 -1
  380. package/dist/collection/utils/guid.js +1 -1
  381. package/dist/collection/utils/interactive.js +1 -1
  382. package/dist/collection/utils/key.js +1 -1
  383. package/dist/collection/utils/label.js +1 -1
  384. package/dist/collection/utils/loadable.js +1 -1
  385. package/dist/collection/utils/locale.js +1 -1
  386. package/dist/collection/utils/math.js +1 -1
  387. package/dist/collection/utils/number.js +1 -1
  388. package/dist/collection/utils/observers.js +1 -1
  389. package/dist/collection/utils/openCloseComponent.js +1 -1
  390. package/dist/collection/utils/resources.js +1 -1
  391. package/dist/collection/utils/t9n.js +1 -1
  392. package/dist/collection/utils/theme.js +1 -1
  393. package/dist/collection/utils/time.js +1 -1
  394. package/dist/components/ExpandToggle.js +1 -1
  395. package/dist/components/Heading.js +1 -1
  396. package/dist/components/action-group.js +7 -18
  397. package/dist/components/action-menu.js +10 -29
  398. package/dist/components/action.js +14 -42
  399. package/dist/components/array.js +1 -1
  400. package/dist/components/button.js +23 -42
  401. package/dist/components/calcite-accordion-item.js +9 -50
  402. package/dist/components/calcite-accordion.js +6 -19
  403. package/dist/components/calcite-action-bar.js +9 -22
  404. package/dist/components/calcite-action-group.js +1 -1
  405. package/dist/components/calcite-action-menu.js +1 -1
  406. package/dist/components/calcite-action-pad.js +8 -18
  407. package/dist/components/calcite-action.js +1 -1
  408. package/dist/components/calcite-alert.js +17 -37
  409. package/dist/components/calcite-avatar.js +5 -12
  410. package/dist/components/calcite-block-section.js +7 -13
  411. package/dist/components/calcite-block.js +12 -52
  412. package/dist/components/calcite-button.js +1 -1
  413. package/dist/components/calcite-card.js +8 -32
  414. package/dist/components/calcite-checkbox.js +1 -1
  415. package/dist/components/calcite-chip.js +1 -1
  416. package/dist/components/calcite-color-picker-hex-input.js +1 -1
  417. package/dist/components/calcite-color-picker-swatch.js +1 -1
  418. package/dist/components/calcite-color-picker.js +43 -174
  419. package/dist/components/calcite-combobox-item-group.js +3 -1
  420. package/dist/components/calcite-combobox-item.js +11 -16
  421. package/dist/components/calcite-combobox.js +27 -59
  422. package/dist/components/calcite-date-picker-day.js +1 -1
  423. package/dist/components/calcite-date-picker-month-header.js +1 -1
  424. package/dist/components/calcite-date-picker-month.js +1 -1
  425. package/dist/components/calcite-date-picker.js +1 -1
  426. package/dist/components/calcite-dropdown-group.js +3 -5
  427. package/dist/components/calcite-dropdown-item.js +8 -12
  428. package/dist/components/calcite-dropdown.js +1 -1
  429. package/dist/components/calcite-fab.js +3 -29
  430. package/dist/components/calcite-filter.js +1 -1
  431. package/dist/components/calcite-flow-item.js +17 -26
  432. package/dist/components/calcite-flow.js +4 -4
  433. package/dist/components/calcite-graph.js +1 -1
  434. package/dist/components/calcite-handle.js +1 -1
  435. package/dist/components/calcite-icon.js +1 -1
  436. package/dist/components/calcite-inline-editable.js +10 -32
  437. package/dist/components/calcite-input-date-picker.js +37 -81
  438. package/dist/components/calcite-input-message.js +3 -14
  439. package/dist/components/calcite-input-number.js +36 -77
  440. package/dist/components/calcite-input-text.js +27 -59
  441. package/dist/components/calcite-input-time-picker.js +28 -55
  442. package/dist/components/calcite-input.js +1 -1
  443. package/dist/components/calcite-label.js +1 -1
  444. package/dist/components/calcite-link.js +1 -1
  445. package/dist/components/calcite-list-item-group.js +2 -9
  446. package/dist/components/calcite-list-item.js +21 -55
  447. package/dist/components/calcite-list.js +14 -51
  448. package/dist/components/calcite-loader.js +1 -1
  449. package/dist/components/calcite-modal.js +17 -48
  450. package/dist/components/calcite-notice.js +8 -32
  451. package/dist/components/calcite-option-group.js +2 -9
  452. package/dist/components/calcite-option.js +5 -10
  453. package/dist/components/calcite-pagination.js +10 -36
  454. package/dist/components/calcite-panel.js +1 -1
  455. package/dist/components/calcite-pick-list-group.js +3 -1
  456. package/dist/components/calcite-pick-list-item.js +1 -1
  457. package/dist/components/calcite-pick-list.js +13 -48
  458. package/dist/components/calcite-popover.js +1 -1
  459. package/dist/components/calcite-progress.js +1 -1
  460. package/dist/components/calcite-radio-button-group.js +7 -16
  461. package/dist/components/calcite-radio-button.js +12 -28
  462. package/dist/components/calcite-radio-group-item.js +5 -13
  463. package/dist/components/calcite-radio-group.js +9 -23
  464. package/dist/components/calcite-rating.js +15 -34
  465. package/dist/components/calcite-scrim.js +1 -1
  466. package/dist/components/calcite-select.js +9 -26
  467. package/dist/components/calcite-shell-center-row.js +1 -15
  468. package/dist/components/calcite-shell-panel.js +9 -33
  469. package/dist/components/calcite-shell.js +1 -9
  470. package/dist/components/calcite-slider.js +31 -50
  471. package/dist/components/calcite-sortable-list.js +8 -18
  472. package/dist/components/calcite-split-button.js +9 -25
  473. package/dist/components/calcite-stepper-item.js +15 -41
  474. package/dist/components/calcite-stepper.js +6 -14
  475. package/dist/components/calcite-switch.js +1 -1
  476. package/dist/components/calcite-tab-nav.js +1 -1
  477. package/dist/components/calcite-tab-title.js +1 -1
  478. package/dist/components/calcite-tab.js +1 -1
  479. package/dist/components/calcite-tabs.js +1 -1
  480. package/dist/components/calcite-tile-select-group.js +1 -12
  481. package/dist/components/calcite-tile-select.js +7 -24
  482. package/dist/components/calcite-tile.js +1 -1
  483. package/dist/components/calcite-time-picker.js +1 -1
  484. package/dist/components/calcite-tip-group.js +2 -1
  485. package/dist/components/calcite-tip-manager.js +13 -10
  486. package/dist/components/calcite-tip.js +7 -20
  487. package/dist/components/calcite-tooltip.js +1 -1
  488. package/dist/components/calcite-tree-item.js +12 -26
  489. package/dist/components/calcite-tree.js +2 -19
  490. package/dist/components/calcite-value-list-item.js +12 -31
  491. package/dist/components/calcite-value-list.js +18 -52
  492. package/dist/components/checkbox.js +11 -32
  493. package/dist/components/chip.js +11 -30
  494. package/dist/components/color-picker-hex-input.js +9 -35
  495. package/dist/components/color-picker-swatch.js +2 -12
  496. package/dist/components/conditionalSlot.js +1 -1
  497. package/dist/components/date-picker-day.js +13 -19
  498. package/dist/components/date-picker-month-header.js +14 -7
  499. package/dist/components/date-picker-month.js +10 -3
  500. package/dist/components/date-picker.js +28 -32
  501. package/dist/components/date.js +1 -1
  502. package/dist/components/debounce.js +1 -1
  503. package/dist/components/dom.js +1 -1
  504. package/dist/components/dropdown.js +14 -52
  505. package/dist/components/filter.js +9 -29
  506. package/dist/components/filter2.js +1 -1
  507. package/dist/components/floating-ui.js +54 -86
  508. package/dist/components/focusTrapComponent.js +1 -1
  509. package/dist/components/form.js +1 -1
  510. package/dist/components/graph.js +7 -11
  511. package/dist/components/guid.js +1 -1
  512. package/dist/components/handle.js +3 -14
  513. package/dist/components/icon.js +3 -15
  514. package/dist/components/index.d.ts +0 -1
  515. package/dist/components/index.js +1 -1
  516. package/dist/components/input.js +41 -91
  517. package/dist/components/interactive.js +1 -1
  518. package/dist/components/interfaces.js +1 -1
  519. package/dist/components/key.js +1 -1
  520. package/dist/components/label.js +8 -30
  521. package/dist/components/label2.js +1 -1
  522. package/dist/components/link.js +9 -14
  523. package/dist/components/loadable.js +1 -1
  524. package/dist/components/loader.js +3 -21
  525. package/dist/components/locale.js +1 -1
  526. package/dist/components/math.js +1 -1
  527. package/dist/components/nonChromiumPlatformUtils.js +1 -1
  528. package/dist/components/observers.js +1 -1
  529. package/dist/components/openCloseComponent.js +1 -1
  530. package/dist/components/panel.js +20 -29
  531. package/dist/components/pick-list-item.js +12 -33
  532. package/dist/components/popover.js +21 -68
  533. package/dist/components/progress.js +3 -9
  534. package/dist/components/resources.js +1 -1
  535. package/dist/components/resources2.js +1 -1
  536. package/dist/components/resources3.js +1 -1
  537. package/dist/components/scrim.js +1 -14
  538. package/dist/components/shared-list-render.js +1 -1
  539. package/dist/components/sortable.esm.js +1 -1
  540. package/dist/components/switch.js +8 -18
  541. package/dist/components/tab-nav.js +11 -17
  542. package/dist/components/tab-title.js +14 -28
  543. package/dist/components/tab.js +4 -17
  544. package/dist/components/tabs.js +1 -38
  545. package/dist/components/tile.js +5 -23
  546. package/dist/components/time-picker.js +32 -91
  547. package/dist/components/tooltip.js +11 -38
  548. package/dist/components/utils.js +1 -1
  549. package/dist/components/utils2.js +1 -1
  550. package/dist/esm/{ExpandToggle-56d1f0f0.js → ExpandToggle-29af15e2.js} +5 -5
  551. package/dist/esm/{Heading-680eaccf.js → Heading-97239409.js} +2 -2
  552. package/dist/esm/{app-globals-4729bdca.js → app-globals-5b1771bd.js} +2 -2
  553. package/dist/esm/{array-a701c716.js → array-a3b6f69b.js} +1 -1
  554. package/dist/esm/calcite-accordion_2.entry.js +20 -70
  555. package/dist/esm/calcite-action-bar.entry.js +20 -33
  556. package/dist/esm/calcite-action-group.entry.js +15 -26
  557. package/dist/esm/calcite-action-menu.entry.js +18 -37
  558. package/dist/esm/calcite-action-pad.entry.js +18 -28
  559. package/dist/esm/calcite-action.entry.js +21 -49
  560. package/dist/esm/calcite-alert.entry.js +27 -47
  561. package/dist/esm/calcite-avatar.entry.js +10 -17
  562. package/dist/esm/calcite-block_2.entry.js +27 -73
  563. package/dist/esm/calcite-button.entry.js +32 -51
  564. package/dist/esm/calcite-card.entry.js +14 -38
  565. package/dist/esm/calcite-checkbox.entry.js +20 -41
  566. package/dist/esm/calcite-chip.entry.js +18 -37
  567. package/dist/esm/calcite-color-picker_3.entry.js +60 -227
  568. package/dist/esm/calcite-combobox_3.entry.js +52 -87
  569. package/dist/esm/calcite-date-picker_4.entry.js +72 -68
  570. package/dist/esm/calcite-dropdown_3.entry.js +33 -77
  571. package/dist/esm/calcite-fab.entry.js +9 -35
  572. package/dist/esm/calcite-filter.entry.js +17 -37
  573. package/dist/esm/calcite-flow-item.entry.js +24 -33
  574. package/dist/esm/calcite-flow.entry.js +6 -6
  575. package/dist/esm/calcite-graph_2.entry.js +49 -72
  576. package/dist/esm/calcite-handle.entry.js +8 -19
  577. package/dist/esm/calcite-icon.entry.js +8 -20
  578. package/dist/esm/calcite-inline-editable.entry.js +18 -40
  579. package/dist/esm/calcite-input-date-picker.entry.js +50 -94
  580. package/dist/esm/calcite-input-message.entry.js +7 -18
  581. package/dist/esm/calcite-input-number.entry.js +47 -88
  582. package/dist/esm/calcite-input-text.entry.js +35 -67
  583. package/dist/esm/calcite-input-time-picker_2.entry.js +70 -156
  584. package/dist/esm/calcite-input.entry.js +52 -102
  585. package/dist/esm/calcite-label.entry.js +13 -35
  586. package/dist/esm/calcite-link.entry.js +15 -20
  587. package/dist/esm/calcite-list_3.entry.js +43 -121
  588. package/dist/esm/calcite-loader.entry.js +5 -23
  589. package/dist/esm/calcite-modal.entry.js +26 -57
  590. package/dist/esm/calcite-notice.entry.js +16 -40
  591. package/dist/esm/calcite-option_3.entry.js +23 -52
  592. package/dist/esm/calcite-pagination.entry.js +17 -43
  593. package/dist/esm/calcite-panel.entry.js +30 -39
  594. package/dist/esm/calcite-pick-list_3.entry.js +38 -92
  595. package/dist/esm/{calcite-popover_2.entry.js → calcite-popover.entry.js} +34 -145
  596. package/dist/esm/calcite-progress.entry.js +4 -10
  597. package/dist/esm/calcite-radio-button-group.entry.js +9 -18
  598. package/dist/esm/calcite-radio-button.entry.js +21 -37
  599. package/dist/esm/calcite-radio-group_2.entry.js +21 -43
  600. package/dist/esm/calcite-rating.entry.js +24 -43
  601. package/dist/esm/calcite-scrim.entry.js +2 -15
  602. package/dist/esm/calcite-shell_3.entry.js +16 -62
  603. package/dist/esm/calcite-sortable-list.entry.js +12 -22
  604. package/dist/esm/calcite-split-button.entry.js +11 -27
  605. package/dist/esm/calcite-stepper_2.entry.js +29 -63
  606. package/dist/esm/calcite-switch.entry.js +17 -27
  607. package/dist/esm/calcite-tab_4.entry.js +33 -103
  608. package/dist/esm/calcite-tile-select_2.entry.js +11 -39
  609. package/dist/esm/calcite-tile.entry.js +12 -30
  610. package/dist/esm/calcite-tip_3.entry.js +27 -36
  611. package/dist/esm/calcite-tooltip.entry.js +17 -44
  612. package/dist/esm/calcite-tree_2.entry.js +20 -51
  613. package/dist/esm/calcite-value-list_2.entry.js +41 -94
  614. package/dist/esm/calcite.js +6 -6
  615. package/dist/esm/{conditionalSlot-481251d8.js → conditionalSlot-18733fbb.js} +3 -3
  616. package/dist/esm/{debounce-9201530e.js → debounce-6bf69804.js} +1 -1
  617. package/dist/esm/{dom-df543551.js → dom-c8898dc4.js} +3 -3
  618. package/dist/esm/{filter-2908b40d.js → filter-978322da.js} +2 -2
  619. package/dist/esm/{floating-ui-7ba4c9a0.js → floating-ui-fc1dd50c.js} +57 -89
  620. package/dist/esm/{focusTrapComponent-f58e5d83.js → focusTrapComponent-abc370ad.js} +2 -2
  621. package/dist/esm/{form-f4c22557.js → form-44011828.js} +3 -3
  622. package/dist/esm/{guid-59a872ce.js → guid-eaa87c08.js} +1 -1
  623. package/dist/esm/{index-c6d69d86.js → index-d13d66db.js} +1 -1
  624. package/dist/esm/index.js +1 -1
  625. package/dist/esm/{interactive-f7547b52.js → interactive-ee7f9950.js} +1 -1
  626. package/dist/esm/{interfaces-0fced29f.js → interfaces-e740f58c.js} +1 -1
  627. package/dist/esm/{key-8c900334.js → key-23509709.js} +1 -1
  628. package/dist/esm/{label-a198d818.js → label-226b0181.js} +2 -2
  629. package/dist/esm/{loadable-74b01ca3.js → loadable-5df6cd58.js} +1 -1
  630. package/dist/esm/loader.js +6 -6
  631. package/dist/esm/{locale-170639e4.js → locale-c6e1a8e3.js} +4 -4
  632. package/dist/esm/{math-5dcaa7e6.js → math-e1907584.js} +1 -1
  633. package/dist/esm/{nonChromiumPlatformUtils-f67db72c.js → nonChromiumPlatformUtils-38b56ea7.js} +6 -6
  634. package/dist/esm/{observers-7fa5fbcb.js → observers-32d3cec9.js} +1 -1
  635. package/dist/esm/{openCloseComponent-9320ad08.js → openCloseComponent-333b893d.js} +1 -1
  636. package/dist/esm/{resources-8b7dfc30.js → resources-279b99d2.js} +5 -5
  637. package/dist/esm/{resources-19231ce8.js → resources-301e3b5e.js} +3 -3
  638. package/dist/esm/{resources-cdb071c0.js → resources-70b572b1.js} +1 -1
  639. package/dist/esm/{resources-34a80758.js → resources-72c02e33.js} +1 -1
  640. package/dist/esm/{resources-f7edd4ec.js → resources-904b70a4.js} +1 -1
  641. package/dist/esm/{resources-bae0d589.js → resources-e7476473.js} +1 -1
  642. package/dist/esm/{sortable.esm-94aefae8.js → sortable.esm-e68f2907.js} +1 -1
  643. package/dist/esm/{utils-c2de0bd2.js → utils-52beb63a.js} +1 -1
  644. package/dist/extras/docs-json.d.ts +24 -0
  645. package/dist/extras/docs-json.json +179 -337
  646. package/dist/loader/cdn.js +1 -1
  647. package/dist/loader/index.cjs.js +1 -1
  648. package/dist/loader/index.es2017.js +1 -1
  649. package/dist/loader/index.js +1 -1
  650. package/dist/types/components/accordion-item/accordion-item.d.ts +0 -28
  651. package/dist/types/components/date-picker/date-picker.d.ts +45 -41
  652. package/dist/types/components/date-picker-day/date-picker-day.d.ts +6 -6
  653. package/dist/types/components/date-picker-month/date-picker-month.d.ts +3 -3
  654. package/dist/types/components/date-picker-month-header/date-picker-month-header.d.ts +7 -7
  655. package/dist/types/components/dropdown/dropdown.d.ts +28 -16
  656. package/dist/types/components/dropdown-group/dropdown-group.d.ts +8 -6
  657. package/dist/types/components/dropdown-item/dropdown-item.d.ts +19 -15
  658. package/dist/types/components/fab/fab.d.ts +11 -11
  659. package/dist/types/components/filter/filter.d.ts +17 -13
  660. package/dist/types/components/flow-item/flow-item.d.ts +22 -22
  661. package/dist/types/components/icon/icon.d.ts +6 -4
  662. package/dist/types/components/inline-editable/inline-editable.d.ts +17 -13
  663. package/dist/types/components.d.ts +247 -316
  664. package/dist/types/preact.d.ts +0 -2
  665. package/dist/types/stencil-public-runtime.d.ts +5 -0
  666. package/hydrate/index.d.ts +1 -1
  667. package/hydrate/index.js +1008 -2814
  668. package/package.json +20 -20
  669. package/dist/calcite/p-0888578f.entry.js +0 -6
  670. package/dist/calcite/p-0a421b7b.entry.js +0 -6
  671. package/dist/calcite/p-0faca0fb.entry.js +0 -6
  672. package/dist/calcite/p-11b47ad1.entry.js +0 -6
  673. package/dist/calcite/p-1973aed6.entry.js +0 -6
  674. package/dist/calcite/p-1ae2665c.entry.js +0 -6
  675. package/dist/calcite/p-1c66c680.entry.js +0 -6
  676. package/dist/calcite/p-23a2d947.entry.js +0 -6
  677. package/dist/calcite/p-26502bf5.entry.js +0 -6
  678. package/dist/calcite/p-26c74b2e.entry.js +0 -6
  679. package/dist/calcite/p-2dd9af30.entry.js +0 -6
  680. package/dist/calcite/p-2f255d0e.entry.js +0 -6
  681. package/dist/calcite/p-31fca365.entry.js +0 -6
  682. package/dist/calcite/p-336e2c57.entry.js +0 -6
  683. package/dist/calcite/p-3882d2dd.entry.js +0 -6
  684. package/dist/calcite/p-39e60149.entry.js +0 -6
  685. package/dist/calcite/p-3c89a961.entry.js +0 -6
  686. package/dist/calcite/p-4178df8c.entry.js +0 -6
  687. package/dist/calcite/p-4270b09e.entry.js +0 -6
  688. package/dist/calcite/p-42c275fd.entry.js +0 -6
  689. package/dist/calcite/p-525f8d6e.entry.js +0 -6
  690. package/dist/calcite/p-542a51c5.entry.js +0 -6
  691. package/dist/calcite/p-5523af9d.entry.js +0 -6
  692. package/dist/calcite/p-56755a4b.entry.js +0 -6
  693. package/dist/calcite/p-5af77dcd.entry.js +0 -6
  694. package/dist/calcite/p-75a8e618.entry.js +0 -6
  695. package/dist/calcite/p-78ce5d27.entry.js +0 -6
  696. package/dist/calcite/p-8347a71b.entry.js +0 -6
  697. package/dist/calcite/p-9983673f.entry.js +0 -6
  698. package/dist/calcite/p-9bce5f9b.entry.js +0 -6
  699. package/dist/calcite/p-9c72628e.entry.js +0 -6
  700. package/dist/calcite/p-9ef4efce.entry.js +0 -6
  701. package/dist/calcite/p-a2d70b53.entry.js +0 -6
  702. package/dist/calcite/p-a47e5ea5.entry.js +0 -6
  703. package/dist/calcite/p-a636f525.entry.js +0 -6
  704. package/dist/calcite/p-a678bfba.entry.js +0 -6
  705. package/dist/calcite/p-a685de9a.entry.js +0 -6
  706. package/dist/calcite/p-a93f1b9a.entry.js +0 -6
  707. package/dist/calcite/p-b904c150.entry.js +0 -6
  708. package/dist/calcite/p-ba367353.js +0 -6
  709. package/dist/calcite/p-c075ad0a.entry.js +0 -6
  710. package/dist/calcite/p-c1cc3f4a.entry.js +0 -6
  711. package/dist/calcite/p-c25d6406.entry.js +0 -6
  712. package/dist/calcite/p-c81c69b6.entry.js +0 -6
  713. package/dist/calcite/p-d0c4ad01.entry.js +0 -6
  714. package/dist/calcite/p-d606a501.entry.js +0 -6
  715. package/dist/calcite/p-db97a90a.js +0 -6
  716. package/dist/calcite/p-dc02a2f5.entry.js +0 -6
  717. package/dist/calcite/p-df4d0a5f.entry.js +0 -6
  718. package/dist/calcite/p-dfb25ec9.entry.js +0 -6
  719. package/dist/calcite/p-e070c1ec.js +0 -6
  720. package/dist/calcite/p-e0c198c2.entry.js +0 -6
  721. package/dist/calcite/p-e11e0aef.entry.js +0 -6
  722. package/dist/calcite/p-e64dd261.entry.js +0 -6
  723. package/dist/calcite/p-efbc8847.js +0 -6
  724. package/dist/calcite/p-f02b5ab6.entry.js +0 -6
  725. package/dist/calcite/p-f37848ed.entry.js +0 -6
  726. package/dist/calcite/p-fa0c4533.entry.js +0 -6
  727. package/dist/calcite/p-faf1fe84.entry.js +0 -6
  728. package/dist/calcite/p-fc5c6078.entry.js +0 -6
  729. package/dist/collection/components/popover-manager/popover-manager.css +0 -89
  730. package/dist/collection/components/popover-manager/popover-manager.js +0 -127
  731. package/dist/components/calcite-popover-manager.d.ts +0 -11
  732. package/dist/components/calcite-popover-manager.js +0 -94
  733. package/dist/types/components/popover-manager/popover-manager.d.ts +0 -24
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@esri/calcite-components",
3
- "version": "1.0.0-next.647",
3
+ "version": "1.0.0-next.648",
4
4
  "description": "Web Components for Esri's Calcite Design System.",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -22,7 +22,7 @@
22
22
  "build:watch": "npm run util:prep-build-reqs && stencil build --no-docs --watch",
23
23
  "build:watch-dev": "npm run util:prep-build-reqs && stencil build --no-docs --dev --watch",
24
24
  "build-storybook": "npm run util:build-docs && build-storybook --output-dir ./docs",
25
- "deps:update": "updtr --exclude chalk cheerio typescript @types/jest jest jest-cli ts-jest puppeteer && npm audit fix",
25
+ "deps:update": "updtr --exclude chalk cheerio typescript @types/jest jest jest-cli ts-jest puppeteer @whitespace/storybook-addon-html && npm audit fix",
26
26
  "docs": "concurrently --kill-others --raw \"npm run build-storybook\" \"ts-node --esm ./support/cleanOnProcessExit.ts --path ./__docs-temp__\"",
27
27
  "docs:preview": "concurrently --raw \"npm:util:build-docs && start-storybook\" \"ts-node --esm ./support/cleanOnProcessExit.ts --path ./__docs-temp__\"",
28
28
  "lint": "concurrently npm:lint:*",
@@ -70,8 +70,8 @@
70
70
  "url": "git+https://github.com/Esri/calcite-components.git"
71
71
  },
72
72
  "dependencies": {
73
- "@floating-ui/dom": "1.0.3",
74
- "@stencil/core": "2.18.1",
73
+ "@floating-ui/dom": "1.0.7",
74
+ "@stencil/core": "2.19.3",
75
75
  "@types/color": "3.0.3",
76
76
  "color": "4.2.3",
77
77
  "focus-trap": "7.1.0",
@@ -90,53 +90,53 @@
90
90
  "@stencil/sass": "2.0.0",
91
91
  "@stencil/state-tunnel": "^1.0.1",
92
92
  "@storybook/addon-a11y": "6.5.13",
93
- "@storybook/addon-docs": "6.5.12",
93
+ "@storybook/addon-docs": "6.5.13",
94
94
  "@storybook/addon-interactions": "6.5.13",
95
95
  "@storybook/addon-knobs": "6.4.0",
96
96
  "@storybook/html": "6.5.13",
97
97
  "@storybook/storybook-deployer": "2.8.16",
98
- "@storybook/testing-library": "0.0.12",
98
+ "@storybook/testing-library": "0.0.13",
99
99
  "@types/dedent": "0.7.0",
100
100
  "@types/git-semver-tags": "4.1.1",
101
101
  "@types/jest": "27.0.3",
102
102
  "@types/jest-axe": "3.5.5",
103
103
  "@types/lodash-es": "4.17.6",
104
104
  "@types/rimraf": "3.0.2",
105
- "@types/semver": "7.3.12",
105
+ "@types/semver": "7.3.13",
106
106
  "@types/shell-quote": "1.7.1",
107
107
  "@types/sortablejs": "1.15.0",
108
108
  "@types/standard-version": "7.0.1",
109
109
  "@types/yargs": "17.0.15",
110
- "@typescript-eslint/eslint-plugin": "5.40.1",
111
- "@typescript-eslint/parser": "5.42.1",
110
+ "@typescript-eslint/eslint-plugin": "5.45.0",
111
+ "@typescript-eslint/parser": "5.45.0",
112
112
  "@whitespace/storybook-addon-html": "5.0.0",
113
113
  "autoprefixer": "10.4.13",
114
- "axe-core": "4.4.3",
114
+ "axe-core": "4.5.2",
115
115
  "babel-loader": "8.2.5",
116
116
  "chalk": "4.1.2",
117
117
  "cheerio": "1.0.0-rc.10",
118
118
  "chokidar": "3.5.3",
119
119
  "chromatic": "6.11.4",
120
- "concurrently": "7.5.0",
120
+ "concurrently": "7.6.0",
121
121
  "conventional-changelog-cli": "2.2.2",
122
122
  "cpy-cli": "^4.0.0",
123
123
  "dedent": "0.7.0",
124
- "eslint": "8.25.0",
124
+ "eslint": "8.28.0",
125
125
  "eslint-config-prettier": "8.5.0",
126
- "eslint-plugin-jest": "27.1.2",
127
- "eslint-plugin-jsdoc": "39.3.13",
126
+ "eslint-plugin-jest": "27.1.6",
127
+ "eslint-plugin-jsdoc": "39.6.4",
128
128
  "eslint-plugin-prettier": "4.2.1",
129
- "eslint-plugin-react": "7.31.10",
129
+ "eslint-plugin-react": "7.31.11",
130
130
  "eslint-plugin-unicorn": "44.0.2",
131
131
  "gh-release": "6.0.4",
132
132
  "git-semver-tags": "4.1.1",
133
- "husky": "8.0.1",
133
+ "husky": "8.0.2",
134
134
  "jest": "27.4.5",
135
135
  "jest-axe": "7.0.0",
136
136
  "jest-cli": "27.4.5",
137
- "lint-staged": "13.0.3",
137
+ "lint-staged": "13.0.4",
138
138
  "postcss": "8.4.19",
139
- "prettier": "2.7.1",
139
+ "prettier": "2.8.0",
140
140
  "puppeteer": "10.0.0",
141
141
  "quicktype-core": "6.1.0",
142
142
  "rimraf": "3.0.2",
@@ -151,10 +151,10 @@
151
151
  "stylelint": "14.15.0",
152
152
  "stylelint-config-recommended-scss": "8.0.0",
153
153
  "stylelint-use-logical-spec": "4.1.0",
154
- "tailwindcss": "3.2.2",
154
+ "tailwindcss": "3.2.4",
155
155
  "ts-jest": "27.1.5",
156
156
  "ts-node": "10.9.1",
157
- "type-fest": "3.2.0",
157
+ "type-fest": "3.3.0",
158
158
  "typescript": "4.7.4",
159
159
  "updtr": "4.0.0",
160
160
  "workbox-build": "6.5.4",
@@ -1,6 +0,0 @@
1
- /*!
2
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
3
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
4
- * v1.0.0-next.647
5
- */
6
- import{r as t,c as e,f as i,h as a,H as n,g as o}from"./p-8a0a27c0.js";import{b as r,f as s,c,u as l,a as d,r as h,F as m}from"./p-e070c1ec.js";import{c as p,d as f,a as u}from"./p-dafdb9a7.js";import{g}from"./p-16f69e78.js";import{i as b,t as v,q as w}from"./p-4cae09d9.js";import{c as y,d as x}from"./p-15b4b9e2.js";import{H as k}from"./p-efbc8847.js";import{i as E}from"./p-8b2ca5b4.js";import{s as H,a as _,c as D}from"./p-1950094b.js";import{c as C}from"./p-fa3a9bb4.js";import"./p-2f87050a.js";import"./p-c88cf62a.js";const P=new class{constructor(){this.registeredElements=new Map,this.registeredElementCount=0,this.queryPopover=t=>{const{registeredElements:e}=this,i=t.find((t=>e.has(t)));return e.get(i)},this.togglePopovers=t=>{const e=t.composedPath(),i=this.queryPopover(e);i&&!i.triggerDisabled&&i.toggle(),Array.from(this.registeredElements.values()).filter((t=>t!==i&&t.autoClose&&t.open&&!e.includes(t))).forEach((t=>t.toggle(!1)))},this.keyHandler=t=>{t.defaultPrevented||("Escape"===t.key?this.closeAllPopovers():E(t.key)&&this.togglePopovers(t))},this.clickHandler=t=>{b(t)&&this.togglePopovers(t)}}registerElement(t,e){this.registeredElementCount++,this.registeredElements.set(t,e),1===this.registeredElementCount&&this.addListeners()}unregisterElement(t){this.registeredElements.delete(t)&&this.registeredElementCount--,0===this.registeredElementCount&&this.removeListeners()}closeAllPopovers(){Array.from(this.registeredElements.values()).forEach((t=>t.toggle(!1)))}addListeners(){document.addEventListener("pointerdown",this.clickHandler,{capture:!0}),document.addEventListener("keydown",this.keyHandler,{capture:!0})}removeListeners(){document.removeEventListener("pointerdown",this.clickHandler,{capture:!0}),document.removeEventListener("keydown",this.keyHandler,{capture:!0})}},z=class{constructor(i){t(this,i),this.calcitePopoverBeforeClose=e(this,"calcitePopoverBeforeClose",6),this.calcitePopoverClose=e(this,"calcitePopoverClose",6),this.calcitePopoverBeforeOpen=e(this,"calcitePopoverBeforeOpen",6),this.calcitePopoverOpen=e(this,"calcitePopoverOpen",6),this.autoClose=!1,this.closable=!1,this.disableFlip=!1,this.disableFocusTrap=!1,this.disablePointer=!1,this.offsetDistance=r,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.scale="m",this.triggerDisabled=!1,this.intlClose="Close",this.guid=`calcite-popover-${g()}`,this.openTransitionProp="opacity",this.hasLoaded=!1,this.setTransitionEl=t=>{this.transitionEl=t,y(this),this.focusTrapEl=t,p(this)},this.setFilteredPlacements=()=>{const{el:t,flipPlacements:e}=this;this.filteredFlipPlacements=e?s(e,t):null},this.setUpReferenceElement=(t=!0)=>{this.removeReferences(),this.effectiveReferenceElement=this.getReferenceElement(),c(this,this.effectiveReferenceElement,this.el);const{el:e,referenceElement:i,effectiveReferenceElement:a}=this;t&&i&&!a&&console.warn(`${e.tagName}: reference-element id "${i}" was not found.`,{el:e}),this.addReferences()},this.getId=()=>this.el.id||this.guid,this.setExpandedAttr=()=>{const{effectiveReferenceElement:t,open:e}=this;t&&"setAttribute"in t&&t.setAttribute("aria-expanded",v(e))},this.addReferences=()=>{const{effectiveReferenceElement:t}=this;if(!t)return;const e=this.getId();"setAttribute"in t&&t.setAttribute("aria-controls",e),P.registerElement(t,this.el),this.setExpandedAttr()},this.removeReferences=()=>{const{effectiveReferenceElement:t}=this;t&&("removeAttribute"in t&&(t.removeAttribute("aria-controls"),t.removeAttribute("aria-expanded")),P.unregisterElement(t))},this.hide=()=>{this.open=!1},this.storeArrowEl=t=>{this.arrowEl=t,this.reposition(!0)}}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}offsetDistanceOffsetHandler(){this.reposition(!0)}offsetSkiddingHandler(){this.reposition(!0)}openHandler(t){t?this.reposition(!0):l(this.el),this.setExpandedAttr()}overlayPositioningHandler(){this.reposition(!0)}placementHandler(){this.reposition(!0)}referenceElementHandler(){this.setUpReferenceElement(),this.reposition(!0)}connectedCallback(){this.setFilteredPlacements(),y(this),this.setUpReferenceElement(this.hasLoaded)}componentWillLoad(){H(this)}componentDidLoad(){_(this),this.referenceElement&&!this.effectiveReferenceElement&&this.setUpReferenceElement(),this.reposition(),this.hasLoaded=!0}disconnectedCallback(){this.removeReferences(),d(this,this.effectiveReferenceElement,this.el),x(this),f(this)}async reposition(t=!1){const{el:e,effectiveReferenceElement:i,placement:a,overlayPositioning:n,disableFlip:o,filteredFlipPlacements:r,offsetDistance:s,offsetSkidding:c,arrowEl:l}=this;return h(this,{floatingEl:e,referenceEl:i,overlayPositioning:n,placement:a,disableFlip:o,flipPlacements:r,offsetDistance:s,offsetSkidding:c,includeArrow:!this.disablePointer,arrowEl:l,type:"popover"},t)}async setFocus(t){await D(this);const{closeButtonEl:e}=this;if("close-button"===t&&e)return i(e),void e.setFocus();u(this)}async toggle(t=!this.open){this.open=t}getReferenceElement(){const{referenceElement:t,el:e}=this;return("string"==typeof t?w(e,{id:t}):t)||null}onBeforeOpen(){this.calcitePopoverBeforeOpen.emit()}onOpen(){this.calcitePopoverOpen.emit(),this.disableFocusTrap||u(this)}onBeforeClose(){this.calcitePopoverBeforeClose.emit()}onClose(){this.calcitePopoverClose.emit(),f(this)}renderCloseButton(){const{intlClose:t,closable:e}=this;return e?a("div",{class:"close-button-container"},a("calcite-action",{class:"close-button",onClick:this.hide,ref:t=>this.closeButtonEl=t,scale:this.scale,text:t},a("calcite-icon",{icon:"x",scale:"l"===this.scale?"m":this.scale}))):null}renderHeader(){const{heading:t,headingLevel:e}=this,i=t?a(k,{class:"heading",level:e},t):null;return i?a("div",{class:"header"},i,this.renderCloseButton()):null}render(){const{effectiveReferenceElement:t,heading:e,label:i,open:o,disablePointer:r}=this,s=t&&o,c=!s,l=r?null:a("div",{class:"arrow",ref:this.storeArrowEl});return a(n,{"aria-hidden":v(c),"aria-label":i,"aria-live":"polite","calcite-hydrated-hidden":c,id:this.getId(),role:"dialog"},a("div",{class:{[m.animation]:!0,[m.animationActive]:s},ref:this.setTransitionEl},l,a("div",{class:{"has-header":!!e,container:!0}},this.renderHeader(),a("div",{class:"content"},a("slot",null)),e?null:this.renderCloseButton())))}get el(){return o(this)}static get watchers(){return{flipPlacements:["flipPlacementsHandler"],offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"]}}};z.style='@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:900}.calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:1;border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.arrow,.arrow::before{position:absolute;inline-size:8px;block-size: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);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transform:rotate(45deg);background:var(--calcite-ui-foreground-1)}:host([data-placement^=top]) .arrow{inset-block-end:-4px}:host([data-placement^=bottom]) .arrow{inset-block-start:-4px}:host([data-placement^=right]) .arrow,:host([data-placement^=left]) .arrow{direction:ltr;text-align:start}:host([data-placement^=left]) .arrow{inset-inline-end:-4px}:host([data-placement^=right]) .arrow{inset-inline-start:-4px}:host([scale=s]) .heading{padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .heading{padding-inline:0.75rem;padding-block:1rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .heading{padding-inline:1rem;padding-block:1.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host{pointer-events:none}:host([open]){pointer-events:initial}.calcite-floating-ui-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)}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-block-end-width:1px;border-style:solid;background-color:var(--calcite-ui-foreground-1);border-block-end-color:var(--calcite-ui-border-3)}.heading{margin:0px;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);word-wrap:break-word;word-break:break-word}.container{position:relative;display:flex;block-size:100%;flex-direction:row;flex-wrap:nowrap;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1)}.container.has-header{flex-direction:column}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button-container{display:flex;overflow:hidden;flex:0 0 auto;border-start-end-radius:0.25rem;border-end-end-radius:0.25rem}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%}';const j=class{constructor(e){t(this,e),this.mutationObserver=C("mutation",(()=>this.setAutoClose())),this.selector="[data-calcite-popover-reference]",this.autoClose=!1}autoCloseHandler(){this.setAutoClose()}connectedCallback(){var t;this.setAutoClose(),null===(t=this.mutationObserver)||void 0===t||t.observe(this.el,{childList:!0,subtree:!0})}disconnectedCallback(){var t;null===(t=this.mutationObserver)||void 0===t||t.disconnect()}render(){return a("slot",null)}setAutoClose(){const{autoClose:t,el:e}=this;e.querySelectorAll("calcite-popover").forEach((e=>e.autoClose=t))}get el(){return o(this)}static get watchers(){return{autoClose:["autoCloseHandler"]}}};j.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:block}";export{z as calcite_popover,j as calcite_popover_manager}
@@ -1,6 +0,0 @@
1
- /*!
2
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
3
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
4
- * v1.0.0-next.647
5
- */
6
- import{r as t,c as i,h as a,g as e}from"./p-8a0a27c0.js";import{u as o}from"./p-cbf2a031.js";const n=class{constructor(a){t(this,a),this.calciteSplitButtonPrimaryClick=i(this,"calciteSplitButtonPrimaryClick",6),this.calciteSplitButtonSecondaryClick=i(this,"calciteSplitButtonSecondaryClick",6),this.appearance="solid",this.color="blue",this.disabled=!1,this.active=!1,this.dropdownIconType="chevron",this.loading=!1,this.overlayPositioning="absolute",this.scale="m",this.width="auto",this.calciteSplitButtonPrimaryClickHandler=t=>this.calciteSplitButtonPrimaryClick.emit(t),this.calciteSplitButtonSecondaryClickHandler=t=>this.calciteSplitButtonSecondaryClick.emit(t)}handleDisabledChange(t){t||(this.active=!1)}activeHandler(){this.disabled&&(this.active=!1)}componentDidRender(){o(this)}render(){return a("div",{class:{"split-button__container":!0,"width-auto":"auto"===this.width,"width-half":"half"===this.width,"width-full":"full"===this.width}},a("calcite-button",{appearance:this.appearance,color:this.color,disabled:this.disabled,"icon-end":this.primaryIconEnd?this.primaryIconEnd:null,"icon-start":this.primaryIconStart?this.primaryIconStart:null,iconFlipRtl:this.primaryIconFlipRtl?this.primaryIconFlipRtl:null,label:this.primaryLabel,loading:this.loading,onClick:this.calciteSplitButtonPrimaryClickHandler,scale:this.scale,splitChild:"primary",type:"button",width:"auto"===this.width?"auto":"full"},this.primaryText),a("div",{class:"split-button__divider-container"},a("div",{class:"split-button__divider"})),a("calcite-dropdown",{active:this.active,disabled:this.disabled,onClick:this.calciteSplitButtonSecondaryClickHandler,overlayPositioning:this.overlayPositioning,placement:"bottom-end",scale:this.scale,width:this.scale},a("calcite-button",{appearance:this.appearance,color:this.color,disabled:this.disabled,"icon-start":this.dropdownIcon,label:this.dropdownLabel,scale:this.scale,slot:"dropdown-trigger",splitChild:"secondary",type:"button"}),a("slot",null)))}get dropdownIcon(){return"chevron"===this.dropdownIconType?"chevronDown":"caret"===this.dropdownIconType?"caretDown":"ellipsis"===this.dropdownIconType?"ellipsis":"handle-vertical"}get el(){return e(this)}static get watchers(){return{disabled:["handleDisabledChange"],active:["activeHandler"]}}};n.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:inline-block}:host .split-button__container{display:flex;align-items:stretch}:host .split-button__container>calcite-dropdown>calcite-button{block-size:100%;vertical-align:top}:host:host([color=blue]){--calcite-split-button-background:var(--calcite-ui-brand);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host:host([color=red]){--calcite-split-button-background:var(--calcite-ui-danger);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host:host([color=neutral]){--calcite-split-button-background:var(--calcite-ui-foreground-3);--calcite-split-button-divider:var(--calcite-ui-text-1)}:host: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{inline-size:auto}.width-half{inline-size:50%}.width-full{inline-size:100%}.split-button__divider-container{display:flex;inline-size:1px;align-items:stretch;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background-color:var(--calcite-split-button-background)}.split-button__divider{margin-block:0.25rem;display:inline-block;inline-size:1px;background-color:var(--calcite-split-button-divider)}:host([appearance=outline]) .split-button__divider-container,:host([appearance=clear]) .split-button__divider-container,:host([appearance=minimal]) .split-button__divider-container{border-block:1px solid var(--calcite-split-button-divider)}:host([appearance=outline]):hover .split-button__divider-container,:host([appearance=clear]):hover .split-button__divider-container,:host([appearance=minimal]):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,:host([appearance=minimal]):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]),:host([appearance=minimal]: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]),:host([appearance=minimal]: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,:host([appearance=minimal]:focus-within) .split-button__divider-container{background-color:var(--calcite-split-button-divider)}: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}";export{n as calcite_split_button}
@@ -1,6 +0,0 @@
1
- /*!
2
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
3
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
4
- * v1.0.0-next.647
5
- */
6
- import{r as i,c as t,h as a,H as e,g as o}from"./p-8a0a27c0.js";import{f as n,t as r}from"./p-4cae09d9.js";import{c,d as s,g as l}from"./p-0a7ecde8.js";import{c as d,d as h,H as m}from"./p-1d5c0b42.js";import{u as p}from"./p-cbf2a031.js";import{i as b}from"./p-8b2ca5b4.js";import{c as u,s as f,a as k}from"./p-1950094b.js";import"./p-c88cf62a.js";import"./p-16f69e78.js";const v=class{constructor(a){i(this,a),this.calciteSwitchChange=t(this,"calciteSwitchChange",6),this.disabled=!1,this.scale="m",this.switched=!1,this.checked=!1,this.keyDownHandler=i=>{!this.disabled&&b(i.key)&&(this.toggle(),i.preventDefault())},this.clickHandler=()=>{this.toggle()},this.setSwitchEl=i=>{this.switchEl=i}}switchedWatcher(i){this.checked=i}async setFocus(){await u(this),n(this.switchEl)}onLabelClick(){this.disabled||(this.toggle(),this.setFocus())}toggle(){this.checked=!this.checked,this.calciteSwitchChange.emit({switched:this.checked})}connectedCallback(){const i=this.checked||this.switched;i&&(this.switched=this.checked=i),c(this),d(this)}componentWillLoad(){f(this)}componentDidLoad(){k(this)}disconnectedCallback(){s(this),h(this)}componentDidRender(){p(this)}render(){return a(e,{onClick:this.clickHandler,onKeyDown:this.keyDownHandler},a("div",{"aria-checked":r(this.checked),"aria-label":l(this),class:"container",ref:this.setSwitchEl,role:"switch",tabIndex:0},a("div",{class:"track"},a("div",{class:"handle"})),a(m,{component:this})))}get el(){return o(this)}static get watchers(){return{switched:["switchedWatcher"]}}};v.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([scale=s]) .container{block-size:0.75rem}:host([scale=s]) .track{block-size:0.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:0.5rem;inline-size:0.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:0.75rem;inline-size:0.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host{inline-size:auto;outline-color:transparent}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-2);vertical-align:top;transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-block-start:-1px;inset-inline:-1px auto}:host(:hover) .handle,:host(:focus) .handle{border-color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([checked]) .track{border-color:var(--calcite-ui-brand-hover);background-color:var(--calcite-ui-brand)}:host([checked]) .handle{border-color:var(--calcite-ui-brand);inset-inline:auto -1px}:host([checked]:hover) .track{border-color:var(--calcite-ui-brand-hover);background-color:var(--calcite-ui-brand)}:host([checked]:hover) .handle{border-color:var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}.container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";export{v as calcite_switch}
@@ -1,6 +0,0 @@
1
- /*!
2
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
3
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
4
- * v1.0.0-next.647
5
- */
6
- import{r as t,c as i,h as e,H as a,g as n,F as o}from"./p-8a0a27c0.js";import{g as s}from"./p-16f69e78.js";import{n as r,a as c,m as l,h as d,t as h}from"./p-4cae09d9.js";import{c as b}from"./p-fa3a9bb4.js";import{u as m}from"./p-cbf2a031.js";import"./p-c88cf62a.js";const p=class{constructor(e){t(this,e),this.calciteInternalTabRegister=i(this,"calciteInternalTabRegister",6),this.active=!1,this.selected=!1,this.scale="m",this.guid=`calcite-tab-title-${s()}`}activeHandler(t){this.selected=t}selectedHandler(t){this.active=t}render(){return e(a,{"aria-labelledby":this.labeledBy,id:this.el.id||this.guid},e("div",{class:"container",role:"tabpanel",tabIndex:this.selected?0:-1},e("section",null,e("slot",null))))}connectedCallback(){this.parentTabsEl=this.el.closest("calcite-tabs");const t=this.selected||this.active;t&&(this.activeHandler(t),this.selectedHandler(t))}componentDidLoad(){this.calciteInternalTabRegister.emit()}componentWillRender(){var t;this.scale=null===(t=this.parentTabsEl)||void 0===t?void 0:t.scale}disconnectedCallback(){var t;null===(t=document.body)||void 0===t||t.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))}internalTabChangeHandler(t){t.composedPath().find((t=>"CALCITE-TABS"===t.tagName))===this.parentTabsEl&&(this.tab?this.selected=this.tab===t.detail.tab:this.getTabIndex().then((i=>{this.selected=i===t.detail.tab})),t.stopPropagation())}async getTabIndex(){return Array.prototype.indexOf.call(r(this.el.parentElement.children).filter((t=>t.matches("calcite-tab"))),this.el)}async updateAriaInfo(t=[],i=[]){this.labeledBy=i[t.indexOf(this.el.id)]||null}get el(){return n(this)}static get watchers(){return{active:["activeHandler"],selected:["selectedHandler"]}}};p.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([selected]) section,:host([selected]) .container{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}section,.container{display:none;block-size:100%;inline-size:100%}:host([scale=s]){padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}";const u=class{constructor(e){t(this,e),this.calciteTabChange=i(this,"calciteTabChange",6),this.calciteInternalTabChange=i(this,"calciteInternalTabChange",6),this.scale="m",this.layout="inline",this.position="bottom",this.bordered=!1,this.animationActiveDuration=.3,this.resizeObserver=b("resize",(()=>{this.activeIndicatorEl.style.transitionDuration="0s",this.updateActiveWidth(),this.updateOffsetPosition()})),this.handleTabFocus=(t,i)=>{null==i||i.focus(),t.stopPropagation(),t.preventDefault()},this.handleContainerScroll=()=>{this.activeIndicatorEl.style.transitionDuration="0s",this.updateOffsetPosition()}}async selectedTabChanged(){localStorage&&this.storageId&&null!=this.selectedTab&&localStorage.setItem(`calcite-tab-nav-${this.storageId}`,JSON.stringify(this.selectedTab)),this.calciteInternalTabChange.emit({tab:this.selectedTab}),this.selectedTabEl=await this.getTabTitleById(this.selectedTab)}selectedTabElChanged(){this.updateOffsetPosition(),this.updateActiveWidth(),this.activeIndicatorEl.style.transitionDuration=`${this.animationActiveDuration}s`}connectedCallback(){var t;this.parentTabsEl=this.el.closest("calcite-tabs"),null===(t=this.resizeObserver)||void 0===t||t.observe(this.el)}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}componentWillLoad(){const t=`calcite-tab-nav-${this.storageId}`;if(localStorage&&this.storageId&&localStorage.getItem(t)){const i=JSON.parse(localStorage.getItem(t));this.selectedTab=i}}componentWillRender(){const{parentTabsEl:t}=this;this.layout=null==t?void 0:t.layout,this.position=null==t?void 0:t.position,this.scale=null==t?void 0:t.scale,this.bordered=null==t?void 0:t.bordered,this.selectedTabEl&&this.updateOffsetPosition()}componentDidRender(){this.tabTitles.length&&this.tabTitles.every((t=>!t.active))&&!this.selectedTab&&this.tabTitles[0].getTabIdentifier().then((t=>{this.calciteInternalTabChange.emit({tab:t})}))}render(){const t=c(this.el),i=`${this.indicatorWidth}px`,n=`${this.indicatorOffset}px`;return e(a,{role:"tablist"},e("div",{class:"tab-nav",onScroll:this.handleContainerScroll,ref:t=>this.tabNavEl=t},e("div",{class:"tab-nav-active-indicator-container",ref:t=>this.activeIndicatorContainerEl=t},e("div",{class:"tab-nav-active-indicator",ref:t=>this.activeIndicatorEl=t,style:"rtl"!==t?{width:i,left:n}:{width:i,right:n}})),e("slot",null)))}focusPreviousTabHandler(t){const i=this.getIndexOfTabTitle(t.target,this.enabledTabTitles);this.handleTabFocus(t,this.enabledTabTitles[i-1]||this.enabledTabTitles[this.enabledTabTitles.length-1])}focusNextTabHandler(t){const i=this.getIndexOfTabTitle(t.target,this.enabledTabTitles);this.handleTabFocus(t,this.enabledTabTitles[i+1]||this.enabledTabTitles[0])}focusFirstTabHandler(t){this.handleTabFocus(t,this.enabledTabTitles[0])}focusLastTabHandler(t){this.handleTabFocus(t,this.enabledTabTitles[this.enabledTabTitles.length-1])}internalActivateTabHandler(t){this.selectedTab=t.detail.tab?t.detail.tab:this.getIndexOfTabTitle(t.target),t.stopPropagation(),t.preventDefault()}activateTabHandler(t){this.calciteTabChange.emit({tab:this.selectedTab}),t.stopPropagation(),t.preventDefault()}updateTabTitles(t){t.target.active&&(this.selectedTab=t.detail)}globalInternalTabChangeHandler(t){this.syncId&&t.target!==this.el&&t.target.syncId===this.syncId&&this.selectedTab!==t.detail.tab&&(this.selectedTab=t.detail.tab),t.stopPropagation()}iconStartChangeHandler(){this.updateActiveWidth()}updateOffsetPosition(){var t,i,e,a,n;const o=c(this.el),s=null===(t=this.activeIndicatorContainerEl)||void 0===t?void 0:t.offsetWidth,r=null===(i=this.selectedTabEl)||void 0===i?void 0:i.offsetLeft,l=null===(e=this.selectedTabEl)||void 0===e?void 0:e.offsetWidth;this.indicatorOffset="rtl"!==o?r-(null===(a=this.tabNavEl)||void 0===a?void 0:a.scrollLeft):s-(r+l)+(null===(n=this.tabNavEl)||void 0===n?void 0:n.scrollLeft)}updateActiveWidth(){var t;this.indicatorWidth=null===(t=this.selectedTabEl)||void 0===t?void 0:t.offsetWidth}getIndexOfTabTitle(t,i=this.tabTitles){return i.indexOf(t)}async getTabTitleById(t){return Promise.all(this.tabTitles.map((t=>t.getTabIdentifier()))).then((i=>this.tabTitles[i.indexOf(t)]))}get tabTitles(){return l(this.el,"calcite-tab-title")}get enabledTabTitles(){return l(this.el,"calcite-tab-title:not([disabled])")}get el(){return n(this)}static get watchers(){return{selectedTab:["selectedTabChanged"],selectedTabEl:["selectedTabElChanged"]}}};u.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:flex}:host([scale=s]){min-block-size:1.5rem}:host([scale=m]){min-block-size:2rem}:host([scale=l]){min-block-size:2.75rem}.tab-nav{display:flex;inline-size:100%;justify-content:flex-start;overflow:auto}.tab-nav-active-indicator-container{position:absolute;inset-inline:0px;inset-block-end:0px;block-size:0.125rem;inline-size:100%;overflow:hidden}.tab-nav-active-indicator{position:absolute;inset-block-end:0px;display:block;block-size:0.125rem;background-color:var(--calcite-ui-brand);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host([position=below]) .tab-nav-active-indicator{inset-block-end:unset;inset-block-start:0px}:host([position=bottom]) .tab-nav-active-indicator{inset-block-end:unset;inset-block-start:0px}:host([position=below]) .tab-nav-active-indicator-container{inset-block-start:0px;inset-block-end:unset}:host([position=bottom]) .tab-nav-active-indicator-container{inset-block-end:unset;inset-block-start:0px}:host([bordered]) .tab-nav-active-indicator-container{inset-block-end:unset}:host([bordered][position=below]) .tab-nav-active-indicator-container{inset-block-end:0;inset-block-start:unset}:host([bordered][position=bottom]) .tab-nav-active-indicator-container{inset-block-end:0;inset-block-start:unset}@media (forced-colors: active){.tab-nav-active-indicator{background-color:highlight}}";const v=class{constructor(e){t(this,e),this.calciteTabsActivate=i(this,"calciteTabsActivate",6),this.calciteInternalTabsActivate=i(this,"calciteInternalTabsActivate",6),this.calciteInternalTabsFocusNext=i(this,"calciteInternalTabsFocusNext",6),this.calciteInternalTabsFocusPrevious=i(this,"calciteInternalTabsFocusPrevious",6),this.calciteInternalTabsFocusFirst=i(this,"calciteInternalTabsFocusFirst",6),this.calciteInternalTabsFocusLast=i(this,"calciteInternalTabsFocusLast",6),this.calciteInternalTabTitleRegister=i(this,"calciteInternalTabTitleRegister",6),this.calciteInternalTabIconChanged=i(this,"calciteInternalTabIconChanged",6),this.active=!1,this.selected=!1,this.disabled=!1,this.bordered=!1,this.mutationObserver=b("mutation",(()=>this.updateHasText())),this.hasText=!1,this.resizeObserver=b("resize",(()=>{this.calciteInternalTabIconChanged.emit()})),this.guid=`calcite-tab-title-${s()}`}activeHandler(t){this.selected=t}selectedHandler(t){this.active=t,this.selected&&this.emitActiveTab(!1)}connectedCallback(){const{selected:t,active:i}=this;t?this.active=t:i&&this.activeHandler(i),this.setupTextContentObserver(),this.parentTabNavEl=this.el.closest("calcite-tab-nav"),this.parentTabsEl=this.el.closest("calcite-tabs")}disconnectedCallback(){var t,i,e;null===(t=this.mutationObserver)||void 0===t||t.disconnect(),null===(i=document.body)||void 0===i||i.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el})),null===(e=this.resizeObserver)||void 0===e||e.disconnect()}componentWillLoad(){this.updateHasText(),this.tab&&this.selected&&this.emitActiveTab(!1)}componentWillRender(){this.parentTabsEl&&(this.layout=this.parentTabsEl.layout,this.position=this.parentTabsEl.position,this.scale=this.parentTabsEl.scale,this.bordered=this.parentTabsEl.bordered),!this.parentTabsEl&&this.parentTabNavEl&&(this.position=d(this.parentTabNavEl,"position",this.position),this.scale=d(this.parentTabNavEl,"scale",this.scale))}render(){const t=this.el.id||this.guid,i=e("calcite-icon",{class:"calcite-tab-title--icon icon-start",flipRtl:"start"===this.iconFlipRtl||"both"===this.iconFlipRtl,icon:this.iconStart,scale:"s"}),n=e("calcite-icon",{class:"calcite-tab-title--icon icon-end",flipRtl:"end"===this.iconFlipRtl||"both"===this.iconFlipRtl,icon:this.iconEnd,scale:"s"});return e(a,{"aria-controls":this.controls,"aria-selected":h(this.selected),id:t,role:"tab",tabIndex:this.selected?0:-1},e("div",{class:{container:!0,"container--has-text":this.hasText},ref:t=>{var i;return null===(i=this.resizeObserver)||void 0===i?void 0:i.observe(t)}},this.iconStart?i:null,e("slot",null),this.iconEnd?n:null))}async componentDidLoad(){this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier())}componentDidRender(){m(this,(()=>this.selected))}internalTabChangeHandler(t){t.composedPath().find((t=>"CALCITE-TABS"===t.tagName))===this.parentTabsEl&&(this.tab?this.selected=this.tab===t.detail.tab:this.getTabIndex().then((i=>{this.selected=i===t.detail.tab})),t.stopPropagation())}onClick(){this.emitActiveTab()}keyDownHandler(t){switch(t.key){case" ":case"Enter":this.emitActiveTab(),t.preventDefault();break;case"ArrowRight":t.preventDefault(),"ltr"===c(this.el)?this.calciteInternalTabsFocusNext.emit():this.calciteInternalTabsFocusPrevious.emit();break;case"ArrowLeft":t.preventDefault(),"ltr"===c(this.el)?this.calciteInternalTabsFocusPrevious.emit():this.calciteInternalTabsFocusNext.emit();break;case"Home":t.preventDefault(),this.calciteInternalTabsFocusFirst.emit();break;case"End":t.preventDefault(),this.calciteInternalTabsFocusLast.emit()}}async getTabIndex(){return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-tab-title"),this.el)}async getTabIdentifier(){return this.tab?this.tab:this.getTabIndex()}async updateAriaInfo(t=[],i=[]){this.controls=t[i.indexOf(this.el.id)]||null}updateHasText(){this.hasText=this.el.textContent.trim().length>0}setupTextContentObserver(){var t;null===(t=this.mutationObserver)||void 0===t||t.observe(this.el,{childList:!0,subtree:!0})}emitActiveTab(t=!0){if(this.disabled)return;const i={tab:this.tab};this.calciteInternalTabsActivate.emit(i),t&&this.calciteTabsActivate.emit(i)}get el(){return n(this)}static get watchers(){return{active:["activeHandler"],selected:["selectedHandler"]}}};v.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:block;flex:0 1 auto;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px;margin-inline-end:1.25rem}:host([layout=center]){margin-block:0px;margin-inline:1.25rem;text-align:center;flex-basis:12rem;margin:auto}:host([position=below]) .container{border-block-end-width:0px;border-block-start-width:2px;border-block-start-color:transparent;border-block-start-style:solid}:host([position=bottom]) .container{border-block-end-width:0px;border-block-start-width:2px;border-block-start-color:transparent;border-block-start-style:solid}:host .container{outline-color:transparent}:host(:focus) .container{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host(:active) a,:host(:focus) a,:host(:hover) a{border-color:var(--calcite-ui-border-2);color:var(--calcite-ui-text-1);text-decoration-line:none}:host([selected]) .container{border-color:transparent;color:var(--calcite-ui-text-1)}:host([disabled]) .container{pointer-events:none;opacity:0.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){margin-inline-end:1rem}:host([scale=s]) .container{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) .container{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){margin-inline-end:1.5rem}:host([scale=l]) .container{padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}.container{box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;-webkit-appearance:none;appearance:none;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-block-end-width:2px;padding-inline:0px;padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-3);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end-color:transparent;border-block-end-style:solid}.calcite-tab-title--icon{position:relative;margin:0px;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.container--has-text{padding:0.25rem}.container--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:0.5rem}.container--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:0.5rem}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:0.5rem}:host([bordered]){margin-inline-end:0}:host([bordered][selected]){box-shadow:inset 0px -2px var(--calcite-ui-foreground-1)}:host([bordered][selected][position=below]){box-shadow:inset 0 2px 0 var(--calcite-ui-foreground-1)}:host([bordered][selected][position=bottom]){box-shadow:inset 0 2px 0 var(--calcite-ui-foreground-1)}:host([bordered]:hover) .container,:host([bordered]:focus) .container,:host([bordered]:active) .container{position:relative}:host([bordered]:hover) .container{background-color:var(--calcite-button-transparent-hover)}:host([bordered]) .container{border-block-end-style:unset;border-inline-start:1px solid transparent;border-inline-end:1px solid transparent}:host([bordered][position=below]) .container{border-block-start-style:unset}:host([bordered][position=bottom]) .container{border-block-start-style:unset}:host([selected][bordered]) .container{border-inline-start-color:var(--calcite-ui-border-1);border-inline-end-color:var(--calcite-ui-border-1)}:host([bordered]) .container{padding-inline:0.75rem}:host([bordered][scale=s]) .container{padding-inline:0.5rem}:host([bordered][scale=l]) .container{padding-inline:1rem}@media (forced-colors: active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered]) .container{border-block-end-style:solid}:host([bordered][position=below]) .container{border-block-start-style:solid}:host([bordered][position=bottom]) .container{border-block-start-style:solid}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][position=below][selected]) .container{border-block-start-style:none}:host([bordered][position=bottom][selected]) .container{border-block-start-style:none}}";const f=class{constructor(i){t(this,i),this.layout="inline",this.position="top",this.scale="m",this.bordered=!1,this.titles=[],this.tabs=[]}render(){return e(o,null,e("slot",{name:"tab-nav"}),e("section",null,e("slot",null)))}calciteInternalTabTitleRegister(t){this.titles=[...this.titles,t.target],this.registryHandler(),t.stopPropagation()}calciteTabTitleUnregister(t){this.titles=this.titles.filter((i=>i!==t.detail)),this.registryHandler(),t.stopPropagation()}calciteInternalTabRegister(t){this.tabs=[...this.tabs,t.target],this.registryHandler(),t.stopPropagation()}calciteTabUnregister(t){this.tabs=this.tabs.filter((i=>i!==t.detail)),this.registryHandler(),t.stopPropagation()}async registryHandler(){let t,i;if(this.tabs.some((t=>t.tab))||this.titles.some((t=>t.tab)))t=this.tabs.sort(((t,i)=>t.tab.localeCompare(i.tab))).map((t=>t.id)),i=this.titles.sort(((t,i)=>t.tab.localeCompare(i.tab))).map((t=>t.id));else{const e=await Promise.all(this.tabs.map((t=>t.getTabIndex()))),a=await Promise.all(this.titles.map((t=>t.getTabIndex())));t=e.reduce(((t,i,e)=>(t[i]=this.tabs[e].id,t)),[]),i=a.reduce(((t,i,e)=>(t[i]=this.titles[e].id,t)),[])}this.tabs.forEach((e=>e.updateAriaInfo(t,i))),this.titles.forEach((e=>e.updateAriaInfo(t,i)))}get el(){return n(this)}};f.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:flex;flex-direction:column}:host([bordered]){box-shadow:inset 0 1px 0 var(--calcite-ui-border-1);background-color:var(--calcite-ui-foreground-1)}:host([bordered]:not([position=below])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([bordered][position=below]) ::slotted(calcite-tab-nav){margin-block-start:-1px}:host([bordered][position=below]){box-shadow:inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1)}:host([bordered][position=bottom]){box-shadow:inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1)}:host([bordered][scale=s]) section{padding:0.75rem}:host([bordered][scale=m]) section{padding:0.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=below]){flex-direction:column-reverse}:host([position=bottom]){flex-direction:column-reverse}section{display:flex;flex-grow:1;overflow:hidden;border-block-start-width:1px;border-block-start-color:var(--calcite-ui-border-1);border-block-start-style:solid}:host([position=below]) section{flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px;border-block-end-color:var(--calcite-ui-border-1)}:host([position=bottom]) section{flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px;border-block-end-color:var(--calcite-ui-border-1)}:host([position=below]:not([bordered])) section{border-block-end-style:solid}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid}@media (forced-colors: active){:host([bordered]) section{border-block-start-width:0px;border-block-end-width:1px}:host([position=below][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}:host([position=bottom][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}}";export{p as calcite_tab,u as calcite_tab_nav,v as calcite_tab_title,f as calcite_tabs}
@@ -1,6 +0,0 @@
1
- /*!
2
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
3
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
4
- * v1.0.0-next.647
5
- */
6
- import{r as t,c as i,h as e,H as n,g as a}from"./p-8a0a27c0.js";import{g as o,i as s,b as r,h as l,a as c}from"./p-4cae09d9.js";import{c as h,d as u,g as d}from"./p-0a7ecde8.js";import{s as p,c as m,d as b,H as v}from"./p-1d5c0b42.js";import{n as f,i as g,p as x,a as w,s as y,u as k,c as z,d as j}from"./p-2fca162a.js";import{n as I}from"./p-8b2ca5b4.js";import{T as D,C as E}from"./p-c88cf62a.js";import{d as C}from"./p-8a1a6862.js";import{c as F}from"./p-fa3a9bb4.js";import{u as L}from"./p-cbf2a031.js";import{s as W,a as _,c as K}from"./p-1950094b.js";import"./p-16f69e78.js";const H={tel:"phone",password:"lock",email:"email-address",date:"calendar",time:"clock",search:"search"},N=class{constructor(e){t(this,e),this.calciteInternalInputFocus=i(this,"calciteInternalInputFocus",6),this.calciteInternalInputBlur=i(this,"calciteInternalInputBlur",6),this.calciteInputInput=i(this,"calciteInputInput",7),this.calciteInputChange=i(this,"calciteInputChange",6),this.alignment="start",this.autofocus=!1,this.clearable=!1,this.disabled=!1,this.groupSeparator=!1,this.hidden=!1,this.intlLoading=D.loading,this.iconFlipRtl=!1,this.loading=!1,this.localeFormat=!1,this.numberButtonType="vertical",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.multiple=!1,this.editingEnabled=!1,this.type="text",this.value="",this.childElType="input",this.previousValueOrigin="initial",this.mutationObserver=F("mutation",(()=>this.setDisabledAction())),this.userChangedValue=!1,this.effectiveLocale="",this.keyDownHandler=t=>{this.readOnly||this.disabled||(this.isClearable&&"Escape"===t.key&&(this.clearInputValue(t),t.preventDefault()),"Enter"!==t.key||t.defaultPrevented||p(this)&&t.preventDefault())},this.clearInputValue=t=>{this.setValue({committing:!0,nativeEvent:t,origin:"user",value:""})},this.emitChangeIfUserModified=()=>{"user"===this.previousValueOrigin&&this.value!==this.previousEmittedValue&&this.calciteInputChange.emit(),this.previousEmittedValue=this.value},this.inputBlurHandler=()=>{this.calciteInternalInputBlur.emit(),this.emitChangeIfUserModified()},this.inputFocusHandler=t=>{const i=o(this.el,"action");t.target!==i&&this.setFocus(),this.calciteInternalInputFocus.emit()},this.inputInputHandler=t=>{this.disabled||this.readOnly||this.setValue({nativeEvent:t,origin:"user",value:t.target.value})},this.inputKeyDownHandler=t=>{this.disabled||this.readOnly||"Enter"===t.key&&this.emitChangeIfUserModified()},this.inputNumberInputHandler=t=>{if(this.disabled||this.readOnly)return;const i=t.target.value;f.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const e=f.delocalize(i);"insertFromPaste"===t.inputType?(g(e)||t.preventDefault(),this.setValue({nativeEvent:t,origin:"user",value:x(e)}),this.childNumberEl.value=this.localizedValue):this.setValue({nativeEvent:t,origin:"user",value:e})},this.inputNumberKeyDownHandler=t=>{if("number"!==this.type||this.disabled||this.readOnly)return;if("ArrowUp"===t.key)return t.preventDefault(),void this.nudgeNumberValue("up",t);if("ArrowDown"===t.key)return void this.nudgeNumberValue("down",t);const i=[...I,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(t.altKey||t.ctrlKey||t.metaKey)return;const e=t.shiftKey&&"Tab"===t.key;if(!i.includes(t.key)||t.shiftKey&&!e){if(f.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},t.key===f.decimal){if(!this.value&&!this.childNumberEl.value)return;if(this.value&&-1===this.childNumberEl.value.indexOf(f.decimal))return}if(/[eE]/.test(t.key)){if(!this.value&&!this.childNumberEl.value)return;if(this.value&&!/[eE]/.test(this.childNumberEl.value))return}if("-"===t.key){if(!this.value&&!this.childNumberEl.value)return;if(this.value&&this.childNumberEl.value.split("-").length<=2)return}t.preventDefault()}else"Enter"===t.key&&this.emitChangeIfUserModified()},this.nudgeNumberValue=(t,i)=>{if(i instanceof KeyboardEvent&&i.repeat||"number"!==this.type)return;const e=this.maxString?parseFloat(this.maxString):null,n=this.minString?parseFloat(this.minString):null;this.incrementOrDecrementNumberValue(t,e,n,i),this.nudgeNumberValueIntervalId&&window.clearInterval(this.nudgeNumberValueIntervalId);let a=!0;this.nudgeNumberValueIntervalId=window.setInterval((()=>{a?a=!1:this.incrementOrDecrementNumberValue(t,e,n,i)}),100)},this.numberButtonPointerUpAndOutHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)},this.numberButtonPointerDownHandler=t=>{s(t)&&(t.preventDefault(),this.disabled||this.nudgeNumberValue(t.target.dataset.adjustment,t))},this.hiddenInputChangeHandler=t=>{if(t.target.name===this.name){const i=t.target.value,e="number"===this.type?g(i)?i:"":i;this.setValue({value:e,origin:"direct"})}t.stopPropagation()},this.setChildElRef=t=>{this.childEl=t},this.setChildNumberElRef=t=>{this.childNumberEl=t},this.setInputValue=t=>{("text"!==this.type||this.childEl)&&("number"!==this.type||this.childNumberEl)&&(this[`child${"number"===this.type?"Number":""}El`].value=t)},this.setPreviousEmittedValue=t=>{this.previousEmittedValue="number"===this.type?g(t)?t:"":t},this.setPreviousValue=t=>{this.previousValue="number"===this.type?g(t)?t:"":t},this.setValue=({committing:t=!1,nativeEvent:i,origin:e,previousValue:n,value:a})=>{if(f.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},"number"===this.type){const t=this.numberingSystem&&"latn"!==this.numberingSystem||"latn"!==w?f.delocalize(a):a,i=y(t),n=a&&!i||[".","-"].includes(i)?g(this.previousValue)?this.previousValue:"":i,o=f.localize(n);this.localizedValue=o,this.userChangedValue="user"===e&&this.value!==n,this.value=n,"direct"===e&&this.setInputValue(o)}else this.userChangedValue="user"===e&&this.value!==a,this.value=a,"direct"===e&&this.setInputValue(a);this.setPreviousValue(n||this.value),this.previousValueOrigin=e,i&&(this.calciteInputInput.emit({element:this.childEl,nativeEvent:i,value:this.value}).defaultPrevented?(this.value=this.previousValue,this.localizedValue="number"===this.type?f.localize(this.previousValue):this.previousValue):t&&this.emitChangeIfUserModified())},this.inputKeyUpHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)}}disabledWatcher(){this.setDisabledAction()}localeChanged(){k(this)}maxWatcher(){var t;this.maxString=(null===(t=this.max)||void 0===t?void 0:t.toString())||null}minWatcher(){var t;this.minString=(null===(t=this.min)||void 0===t?void 0:t.toString())||null}valueWatcher(t,i){this.userChangedValue||(this.setValue({origin:"direct",previousValue:i,value:null==t||""==t?"":"number"===this.type?g(t)?t:this.previousValue||"":t}),this.warnAboutInvalidNumberValue(t)),this.userChangedValue=!1}updateRequestedIcon(){this.requestedIcon=r(H,this.icon,this.type)}get isClearable(){return!this.isTextarea&&(this.clearable||"search"===this.type)&&this.value.length>0}get isTextarea(){return"textarea"===this.childElType}connectedCallback(){var t;z(this),this.scale=l(this.el,"scale",this.scale),this.status=l(this.el,"status",this.status),this.inlineEditableEl=this.el.closest("calcite-inline-editable"),this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1),h(this),m(this),this.setPreviousEmittedValue(this.value),this.setPreviousValue(this.value),"number"===this.type&&(this.warnAboutInvalidNumberValue(this.value),this.setValue({origin:"connected",value:g(this.value)?this.value:""})),null===(t=this.mutationObserver)||void 0===t||t.observe(this.el,{childList:!0}),this.setDisabledAction(),this.el.addEventListener("calciteInternalHiddenInputChange",this.hiddenInputChangeHandler)}disconnectedCallback(){var t;u(this),b(this),j(this),null===(t=this.mutationObserver)||void 0===t||t.disconnect(),this.el.removeEventListener("calciteInternalHiddenInputChange",this.hiddenInputChangeHandler)}componentWillLoad(){var t,i;W(this),this.childElType="textarea"===this.type?"textarea":"input",this.maxString=null===(t=this.max)||void 0===t?void 0:t.toString(),this.minString=null===(i=this.min)||void 0===i?void 0:i.toString(),this.requestedIcon=r(H,this.icon,this.type)}componentDidLoad(){_(this)}componentShouldUpdate(t,i,e){return!("number"===this.type&&"value"===e&&t&&!g(t)&&(this.setValue({origin:"reset",value:i}),1))}componentDidRender(){L(this)}async setFocus(){var t,i;await K(this),"number"===this.type?null===(t=this.childNumberEl)||void 0===t||t.focus():null===(i=this.childEl)||void 0===i||i.focus()}async selectText(){var t,i;"number"===this.type?null===(t=this.childNumberEl)||void 0===t||t.select():null===(i=this.childEl)||void 0===i||i.select()}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(t,i,e,n){const{value:a}=this,o="any"===this.step?1:Math.abs(this.step||1),s=a&&""!==a?parseFloat(a):0,r=s+o*("up"===t?1:-1),l="number"==typeof e&&!isNaN(e)&&r<e||"number"==typeof i&&!isNaN(i)&&r>i?s:r,c=C(s),h=C(o);this.setValue({committing:!0,nativeEvent:n,origin:"user",value:l.toFixed(Math.max(c,h))})}onFormReset(){this.setValue({origin:"reset",value:this.defaultValue})}syncHiddenFormInput(t){var i,e,n,a;"number"===this.type?(t.type="number",t.min=null!==(e=null===(i=this.min)||void 0===i?void 0:i.toString(10))&&void 0!==e?e:"",t.max=null!==(a=null===(n=this.max)||void 0===n?void 0:n.toString(10))&&void 0!==a?a:""):"text"===this.type?(t.type="text",null!=this.minLength&&(t.minLength=this.minLength),null!=this.maxLength&&(t.maxLength=this.maxLength)):"password"===this.type&&(t.type="password")}setDisabledAction(){const t=o(this.el,"action");t&&(this.disabled?t.setAttribute("disabled",""):t.removeAttribute("disabled"))}warnAboutInvalidNumberValue(t){"number"===this.type&&t&&!g(t)&&console.warn(`The specified value "${t}" cannot be parsed, or is out of range.`)}render(){const t=c(this.el),i=e("div",{class:"loader"},e("calcite-progress",{label:this.intlLoading,type:"indeterminate"})),a=e("button",{"aria-label":this.intlClear||"Clear value",class:"clear-button",disabled:this.disabled||this.readOnly,onClick:this.clearInputValue,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"x",scale:"s"})),o=e("calcite-icon",{class:"icon",flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:"s"}),s="horizontal"===this.numberButtonType,r=e("button",{"aria-hidden":"true",class:{"number-button-item":!0,"number-button-item--horizontal":s},"data-adjustment":"up",disabled:this.disabled||this.readOnly,onPointerDown:this.numberButtonPointerDownHandler,onPointerOut:this.numberButtonPointerUpAndOutHandler,onPointerUp:this.numberButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"chevron-up",scale:"s"})),l=e("button",{"aria-hidden":"true",class:{"number-button-item":!0,"number-button-item--horizontal":s},"data-adjustment":"down",disabled:this.disabled||this.readOnly,onPointerDown:this.numberButtonPointerDownHandler,onPointerOut:this.numberButtonPointerUpAndOutHandler,onPointerUp:this.numberButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"chevron-down",scale:"s"})),h=e("div",{class:"number-button-wrapper"},r,l),u=e("div",{class:"prefix"},this.prefixText),p=e("div",{class:"suffix"},this.suffixText),m="number"===this.type?e("input",{accept:this.accept,"aria-label":d(this),autocomplete:this.autocomplete,autofocus:!!this.autofocus||null,defaultValue:this.defaultValue,disabled:!!this.disabled||null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.inputMode,key:"localized-input",maxLength:this.maxLength,minLength:this.minLength,multiple:this.multiple,name:void 0,onBlur:this.inputBlurHandler,onFocus:this.inputFocusHandler,onInput:this.inputNumberInputHandler,onKeyDown:this.inputNumberKeyDownHandler,onKeyUp:this.inputKeyUpHandler,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildNumberElRef,type:"text",value:this.localizedValue}):null,b="number"!==this.type?[e(this.childElType,{accept:this.accept,"aria-label":d(this),autocomplete:this.autocomplete,autofocus:!!this.autofocus||null,class:{"editing-enabled":this.editingEnabled,"inline-child":!!this.inlineEditableEl},defaultValue:this.defaultValue,disabled:!!this.disabled||null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.inputMode,max:this.maxString,maxLength:this.maxLength,min:this.minString,minLength:this.minLength,multiple:this.multiple,name:this.name,onBlur:this.inputBlurHandler,onFocus:this.inputFocusHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeyDownHandler,onKeyUp:this.inputKeyUpHandler,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildElRef,required:!!this.required||null,step:this.step,tabIndex:this.disabled||this.inlineEditableEl&&!this.editingEnabled?-1:null,type:this.type,value:this.value}),this.isTextarea?e("div",{class:"resize-icon-wrapper"},e("calcite-icon",{icon:"chevron-down",scale:"s"})):null]:null;return e(n,{onClick:this.inputFocusHandler,onKeyDown:this.keyDownHandler},e("div",{class:{wrapper:!0,[E.rtl]:"rtl"===t}},"number"!==this.type||"horizontal"!==this.numberButtonType||this.readOnly?null:l,this.prefixText?u:null,e("div",{class:"element-wrapper"},m,b,this.isClearable?a:null,this.requestedIcon?o:null,this.loading?i:null),e("div",{class:"action-wrapper"},e("slot",{name:"action"})),"number"!==this.type||"vertical"!==this.numberButtonType||this.readOnly?null:h,this.suffixText?p:null,"number"!==this.type||"horizontal"!==this.numberButtonType||this.readOnly?null:r,e(v,{component:this})))}get el(){return a(this)}static get watchers(){return{disabled:["disabledWatcher"],locale:["localeChanged"],max:["maxWatcher"],min:["minWatcher"],value:["valueWatcher"],icon:["updateRequestedIcon"],type:["updateRequestedIcon"]}}};N.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) textarea{block-size:1.5rem;min-block-size:1.5rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) input[type=file]{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=s]) textarea{block-size:auto;padding-block:0.25rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) textarea{min-block-size:2rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) input[type=file]{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=m]) textarea{block-size:auto;padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) textarea{min-block-size:2.75rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) input[type=file]{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([scale=l]) textarea{block-size:auto;padding-block:0.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([disabled]) textarea{resize:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host textarea,:host input{transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;border-radius:0px;background-color:var(--calcite-ui-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1)}:host input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:host input,:host textarea{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);color:var(--calcite-ui-text-1)}:host input::placeholder,:host input:-ms-input-placeholder,:host input::-ms-input-placeholder,:host textarea::placeholder,:host textarea:-ms-input-placeholder,:host textarea::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input:focus,:host textarea:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-1)}:host input[readonly],:host textarea[readonly]{background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium)}:host input[readonly]:focus,:host textarea[readonly]:focus{color:var(--calcite-ui-text-1)}:host calcite-icon{color:var(--calcite-ui-text-3)}:host textarea,:host input{outline-color:transparent}:host textarea:focus,:host input:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([status=invalid]) input,:host([status=invalid]) textarea{border-color:var(--calcite-ui-danger)}:host([status=invalid]) input:focus,:host([status=invalid]) textarea:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:-2px}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;display:block;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.icon,.resize-icon-wrapper{z-index:1}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration,input[type=date]::-webkit-clear-button,input[type=time]::-webkit-clear-button{display:none}.clear-button{pointer-events:initial;order:4;margin:0px;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-ui-foreground-2);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-ui-text-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:active{background-color:var(--calcite-ui-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-ui-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.clear-button:disabled{opacity:var(--calcite-ui-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-ui-text-2)}.prefix{order:2;border-inline-end-width:0px}.suffix{order:5;border-inline-start-width:0px}:host([alignment=start]) textarea,:host([alignment=start]) input{text-align:start}:host([alignment=end]) textarea,:host([alignment=end]) input{text-align:end}:host input[type=number]{-moz-appearance:textfield}:host input[type=number]::-webkit-inner-spin-button,:host input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:textfield;margin:0px}.number-button-wrapper{pointer-events:none;order:6;box-sizing:border-box;display:flex;flex-direction:column;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input,:host([number-button-type=vertical]) textarea{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:1;max-block-size:100%;min-block-size:100%;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-ui-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-ui-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-ui-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-ui-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-ui-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;margin:0px;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);padding-block:0px;padding-inline:0.5rem;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.number-button-item:focus{background-color:var(--calcite-ui-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-ui-text-1)}.number-button-item:active{background-color:var(--calcite-ui-foreground-3)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host input::-webkit-calendar-picker-indicator{display:none}:host input[type=date]::-webkit-input-placeholder{visibility:hidden !important}:host textarea::-webkit-resizer{position:absolute;inset-block-end:0px;box-sizing:border-box;padding-block:0px;padding-inline:0.25rem;inset-inline-end:0}.resize-icon-wrapper{inset-block-end:2px;inset-inline-end:2px;pointer-events:none;position:absolute;block-size:0.75rem;inline-size:0.75rem;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3)}.resize-icon-wrapper calcite-icon{inset-block-end:0.25rem;inset-inline-end:0.25rem;transform:rotate(-45deg)}.calcite--rtl .resize-icon-wrapper calcite-icon{transform:rotate(45deg)}:host([type=color]) input{padding:0.25rem}:host([type=file]) input{cursor:pointer;border-width:1px;border-style:dashed;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);text-align:center}:host([type=file][scale=s]) input{padding-block:1px;padding-inline:0.5rem}:host([type=file][scale=m]) input{padding-block:0.25rem;padding-inline:0.75rem}:host([type=file][scale=l]) input{padding-block:0.5rem;padding-inline:1rem}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-ui-border-1)}:host .inline-child{background-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host .inline-child .editing-enabled{background-color:inherit}:host .inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";export{N as calcite_input}
@@ -1,6 +0,0 @@
1
- /*!
2
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
3
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
4
- * v1.0.0-next.647
5
- */
6
- import{r as i,c as t,h as e,F as a,g as s}from"./p-8a0a27c0.js";import{n,c as o,d as c}from"./p-2fca162a.js";import"./p-8b2ca5b4.js";import"./p-fa3a9bb4.js";import"./p-4cae09d9.js";import"./p-c88cf62a.js";import"./p-16f69e78.js";const r=class{constructor(e){i(this,e),this.calcitePaginationUpdate=t(this,"calcitePaginationUpdate",6),this.calcitePaginationChange=t(this,"calcitePaginationChange",6),this.groupSeparator=!1,this.num=20,this.start=1,this.total=0,this.textLabelNext="Next",this.textLabelPrevious="Previous",this.scale="m",this.effectiveLocale="",this.previousClicked=()=>{this.previousPage().then(),this.emitUpdate()},this.nextClicked=()=>{this.nextPage(),this.emitUpdate()}}effectiveLocaleWatcher(){n.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator}}connectedCallback(){o(this)}disconnectedCallback(){c(this)}async nextPage(){this.start=Math.min(this.getLastStart(),this.start+this.num)}async previousPage(){this.start=Math.max(1,this.start-this.num)}getLastStart(){const{total:i,num:t}=this;return 1+(i%t==0?i-t:Math.floor(i/t)*t)}showLeftEllipsis(){return Math.floor(this.start/this.num)>3}showRightEllipsis(){return(this.total-this.start)/this.num>3}emitUpdate(){const i={start:this.start,total:this.total,num:this.num};this.calcitePaginationChange.emit(i),this.calcitePaginationUpdate.emit(i)}renderPages(){const i=this.getLastStart();let t,e;this.total/this.num<=5?(e=1+this.num,t=i-this.num):this.start/this.num<4?(e=1+this.num,t=1+4*this.num):this.start+3*this.num>=this.total?(e=i-4*this.num,t=i-this.num):(e=this.start-this.num,t=this.start+this.num);const a=[];for(;e<=t;)a.push(e),e+=this.num;return a.map((i=>this.renderPage(i)))}renderPage(i){const t=Math.floor(i/this.num)+(1===this.num?0:1);n.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const a=n.localize(t.toString());return e("button",{class:{page:!0,"is-selected":i===this.start},onClick:()=>{this.start=i,this.emitUpdate()}},a)}renderLeftEllipsis(){if(this.total/this.num>5&&this.showLeftEllipsis())return e("span",{class:"ellipsis ellipsis--start"},"…")}renderRightEllipsis(){if(this.total/this.num>5&&this.showRightEllipsis())return e("span",{class:"ellipsis ellipsis--end"},"…")}render(){const{total:i,num:t,start:s}=this,n=1===t?s<=t:s<t,o=s+t>i;return e(a,null,e("button",{"aria-label":this.textLabelPrevious,class:{previous:!0,"is-disabled":n},disabled:n,onClick:this.previousClicked},e("calcite-icon",{flipRtl:!0,icon:"chevronLeft",scale:"s"})),i>t?this.renderPage(1):null,this.renderLeftEllipsis(),this.renderPages(),this.renderRightEllipsis(),this.renderPage(this.getLastStart()),e("button",{"aria-label":this.textLabelNext,class:{next:!0,"is-disabled":o},disabled:o,onClick:this.nextClicked},e("calcite-icon",{flipRtl:!0,icon:"chevronRight",scale:"s"})))}get el(){return s(this)}static get watchers(){return{effectiveLocale:["effectiveLocaleWatcher"]}}};r.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-pagination-spacing:0.25rem 0.5rem}:host([scale=s]) .previous,:host([scale=s]) .next,:host([scale=s]) .page{block-size:1.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .previous,:host([scale=s]) .next{padding-inline:0.25rem}:host([scale=m]){--calcite-pagination-spacing:0.5rem 0.75rem}:host([scale=m]) .previous,:host([scale=m]) .next,:host([scale=m]) .page{block-size:2rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .previous,:host([scale=m]) .next{padding-inline:0.5rem}:host([scale=l]){--calcite-pagination-spacing:0.75rem 1rem}:host([scale=l]) .previous,:host([scale=l]) .next,:host([scale=l]) .page{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .previous,:host([scale=l]) .next{padding-inline:1rem}:host{display:flex;writing-mode:horizontal-tb}:host button{outline-color:transparent}:host button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.previous,.next,.page{box-sizing:border-box;display:flex;cursor:pointer;align-items:center;border-style:none;--tw-border-opacity:0;background-color:transparent;font-family:inherit;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-ui-text-3);border-block:2px solid transparent}.previous:hover,.next:hover,.page:hover{color:var(--calcite-ui-text-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.page:hover{border-block-end-color:var(--calcite-ui-border-2)}.page.is-selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);border-block-end-color:var(--calcite-ui-brand)}.previous:hover,.next:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-brand)}.previous:active,.next:active{background-color:var(--calcite-ui-foreground-3)}.previous.is-disabled,.next.is-disabled{pointer-events:none;background-color:transparent}.previous.is-disabled>calcite-icon,.next.is-disabled>calcite-icon{opacity:var(--calcite-ui-opacity-disabled)}.next{margin-inline-end:0px}.page,.ellipsis{padding:var(--calcite-pagination-spacing)}.ellipsis{display:flex;align-items:flex-end;color:var(--calcite-ui-text-3)}";export{r as calcite_pagination}
@@ -1,6 +0,0 @@
1
- /*!
2
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
3
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
4
- * v1.0.0-next.647
5
- */
6
- import{r as i,c as t,h as a,g as c,H as e}from"./p-8a0a27c0.js";import{h as n,g as o,a as r,t as s}from"./p-4cae09d9.js";import{c as l,d}from"./p-ba367353.js";import{C as h}from"./p-c88cf62a.js";import"./p-16f69e78.js";import"./p-fa3a9bb4.js";const m=class{constructor(a){i(this,a),this.calciteInternalAccordionChange=t(this,"calciteInternalAccordionChange",6),this.appearance="solid",this.iconPosition="end",this.iconType="chevron",this.scale="m",this.selectionMode="multi",this.items=[],this.sorted=!1,this.sortItems=i=>i.sort(((i,t)=>i.position-t.position)).map((i=>i.item))}componentDidLoad(){this.sorted||(this.items=this.sortItems(this.items),this.sorted=!0)}render(){const i="transparent"===this.appearance,t="minimal"===this.appearance;return a("div",{class:{"accordion--transparent":i,"accordion--minimal":t,accordion:!i&&!t}},a("slot",null))}calciteInternalAccordionItemKeyEvent(i){const t=i.detail.item;if(this.el===i.detail.parent){const{key:a}=t,c=i.target,e=0===this.itemIndex(c),n=this.itemIndex(c)===this.items.length-1;switch(a){case"ArrowDown":n?this.focusFirstItem():this.focusNextItem(c);break;case"ArrowUp":e?this.focusLastItem():this.focusPrevItem(c);break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem()}}i.stopPropagation()}registerCalciteAccordionItem(i){const t={item:i.target,parent:i.detail.parent,position:i.detail.position};this.el===t.parent&&this.items.push(t),i.stopPropagation()}updateActiveItemOnChange(i){this.requestedAccordionItem=i.detail.requestedAccordionItem,this.calciteInternalAccordionChange.emit({requestedAccordionItem:this.requestedAccordionItem}),i.stopPropagation()}focusFirstItem(){this.focusElement(this.items[0])}focusLastItem(){this.focusElement(this.items[this.items.length-1])}focusNextItem(i){const t=this.itemIndex(i);this.focusElement(this.items[t+1]||this.items[0])}focusPrevItem(i){const t=this.itemIndex(i);this.focusElement(this.items[t-1]||this.items[this.items.length-1])}itemIndex(i){return this.items.indexOf(i)}focusElement(i){null==i||i.focus()}get el(){return c(this)}};m.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}.accordion--transparent{--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}.accordion--minimal{--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-2)}";const p=class{constructor(a){i(this,a),this.calciteInternalAccordionItemKeyEvent=t(this,"calciteInternalAccordionItemKeyEvent",6),this.calciteInternalAccordionItemSelect=t(this,"calciteInternalAccordionItemSelect",6),this.calciteInternalAccordionItemClose=t(this,"calciteInternalAccordionItemClose",6),this.calciteInternalAccordionItemRegister=t(this,"calciteInternalAccordionItemRegister",6),this.active=!1,this.expanded=!1,this.iconPosition="end",this.itemHeaderClickHandler=()=>this.emitRequestedItem()}activeHandler(i){this.expanded=i}expandedHandler(i){this.active=i}iconHandler(i){this.iconStart=i}iconStartHandler(i){this.icon=i}connectedCallback(){this.parent=this.el.parentElement,this.selectionMode=n(this.el,"selection-mode","multi"),this.iconType=n(this.el,"icon-type","chevron"),this.iconPosition=n(this.el,"icon-position",this.iconPosition);const i=this.active||this.expanded;i&&(this.activeHandler(i),this.expandedHandler(i)),this.iconStart?this.icon=this.iconStart:this.icon&&(this.iconStart=this.icon),l(this)}componentDidLoad(){this.itemPosition=this.getItemPosition(),this.calciteInternalAccordionItemRegister.emit({parent:this.parent,position:this.itemPosition})}disconnectedCallback(){d(this)}renderActionsStart(){const{el:i}=this;return o(i,"actions-start")?a("div",{class:"actions-start"},a("slot",{name:"actions-start"})):null}renderActionsEnd(){const{el:i}=this;return o(i,"actions-end")?a("div",{class:"actions-end"},a("slot",{name:"actions-end"})):null}render(){const i=r(this.el),t=this.iconStart?a("calcite-icon",{class:"icon--start",icon:this.iconStart,key:"icon-start",scale:"s"}):null,c=this.iconEnd?a("calcite-icon",{class:"icon--end",icon:this.iconEnd,key:"icon-end",scale:"s"}):null,n=this.description||this.itemSubtitle;return a(e,null,a("div",{class:{[`icon-position--${this.iconPosition}`]:!0,[`icon-type--${this.iconType}`]:!0}},a("div",{class:{header:!0,[h.rtl]:"rtl"===i}},this.renderActionsStart(),a("div",{"aria-expanded":s(this.active||this.expanded),class:"header-content",onClick:this.itemHeaderClickHandler,role:"button",tabindex:"0"},a("div",{class:"header-container"},t,a("div",{class:"header-text"},a("span",{class:"heading"},this.heading||this.itemTitle),n?a("span",{class:"description"},n):null),c),a("calcite-icon",{class:"expand-icon",icon:"chevron"===this.iconType?"chevronDown":"caret"===this.iconType?"caretDown":this.expanded||this.active?"minus":"plus",scale:"s"})),this.renderActionsEnd()),a("div",{class:"content"},a("slot",null))))}keyDownHandler(i){if(i.target===this.el)switch(i.key){case" ":case"Enter":this.emitRequestedItem(),i.preventDefault();break;case"ArrowUp":case"ArrowDown":case"Home":case"End":this.calciteInternalAccordionItemKeyEvent.emit({parent:this.parent,item:i}),i.preventDefault()}}updateActiveItemOnChange(i){this.requestedAccordionItem=i.detail.requestedAccordionItem,this.el.parentNode===this.requestedAccordionItem.parentNode&&(this.determineActiveItem(),i.stopPropagation())}determineActiveItem(){switch(this.selectionMode){case"multi":case"multiple":this.el===this.requestedAccordionItem&&(this.expanded=!this.expanded);break;case"single":this.expanded=this.el===this.requestedAccordionItem&&!this.expanded;break;case"single-persist":this.expanded=this.el===this.requestedAccordionItem}}emitRequestedItem(){this.calciteInternalAccordionItemSelect.emit({requestedAccordionItem:this.el})}getItemPosition(){return Array.prototype.indexOf.call(this.parent.querySelectorAll("calcite-accordion-item"),this.el)}get el(){return c(this)}static get watchers(){return{active:["activeHandler"],expanded:["expandedHandler"],icon:["iconHandler"],iconStart:["iconStartHandler"]}}};p.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.icon-position--end,.icon-position--start{--calcite-accordion-item-icon-rotation:calc(90deg * -1);--calcite-accordion-item-active-icon-rotation:0deg;--calcite-accordion-item-icon-rotation-rtl:90deg;--calcite-accordion-item-active-icon-rotation-rtl:0deg}.icon-position--start{--calcite-accordion-item-flex-direction:row-reverse;--calcite-accordion-item-icon-spacing-start:0;--calcite-accordion-item-icon-spacing-end:var(--calcite-accordion-icon-margin)}.icon-position--end{--calcite-accordion-item-flex-direction:row;--calcite-accordion-item-icon-spacing-start:var(--calcite-accordion-icon-margin);--calcite-accordion-item-icon-spacing-end:0}.icon-position--end:not(.icon-type--plus-minus){--calcite-accordion-item-icon-rotation:0deg;--calcite-accordion-item-active-icon-rotation:180deg;--calcite-accordion-item-icon-rotation-rtl:0deg;--calcite-accordion-item-active-icon-rotation-rtl:calc(180deg * -1)}:host{position:relative;display:flex;flex-direction:column;color:var(--calcite-ui-text-3);text-decoration-line:none;background-color:var(--calcite-accordion-item-background, var(--calcite-ui-foreground-1))}:host .header-content{outline-color:transparent}:host(:focus) .header-content{outline:2px solid transparent;outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([expanded]){color:var(--calcite-ui-text-1)}:host([expanded]) .content{display:block;color:var(--calcite-ui-text-1)}:host([expanded]) .header{border-block-end-color:transparent}:host .header{display:flex;align-items:stretch}:host .icon{position:relative;margin:0px;display:inline-flex;color:var(--calcite-ui-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-accordion-item-icon-spacing-end)}.icon--start{display:flex;align-items:center;margin-inline-end:var(--calcite-accordion-icon-margin)}.icon--end{display:flex;align-items:center;margin-inline-end:var(--calcite-accordion-icon-margin);margin-inline-start:var(--calcite-accordion-icon-margin)}.header-container{inline-size:100%}.content{padding:var(--calcite-accordion-item-padding)}:host .content,:host .header{border-block-end:1px solid var(--calcite-accordion-item-border, var(--calcite-ui-border-2))}:host .header *{display:inline-flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .content{display:none;padding-block-start:0px;color:var(--calcite-ui-text-3);text-align:initial}:host .expand-icon{color:var(--calcite-ui-text-3);margin-inline-start:var(--calcite-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}:host([expanded]) .expand-icon{color:var(--calcite-ui-text-1);transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}:host .header-text{margin-block:0px;flex-grow:1;flex-direction:column;padding-block:0px;text-align:initial;margin-inline-end:auto}:host .heading,:host .description{display:flex;inline-size:100%}:host .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}:host .description{margin-block-start:0.25rem;color:var(--calcite-ui-text-3)}:host(:focus) .heading,:host(:hover) .heading{color:var(--calcite-ui-text-1)}:host(:focus) .icon,:host(:hover) .icon{color:var(--calcite-ui-text-1)}:host(:focus) .expand-icon,:host(:hover) .expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .description,:host(:hover) .description{color:var(--calcite-ui-text-2)}:host(:focus) .heading,:host(:active) .heading,:host([expanded]) .heading{color:var(--calcite-ui-text-1)}:host(:focus) .icon,:host(:active) .icon,:host([expanded]) .icon{color:var(--calcite-ui-text-1)}:host(:focus) .expand-icon,:host(:active) .expand-icon,:host([expanded]) .expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .description,:host(:active) .description,:host([expanded]) .description{color:var(--calcite-ui-text-2)}.header-content{flex-grow:1;cursor:pointer;padding:var(--calcite-accordion-item-padding);flex-direction:var(--calcite-accordion-item-flex-direction)}.actions-start,.actions-end{display:flex;align-items:center}@media (forced-colors: active){:host([expanded]) .header{border-block-end:none}:host([expanded]) .heading{font-weight:bolder}:host(:hover) .heading,:host(:focus) .heading{text-decoration:underline}}";export{m as calcite_accordion,p as calcite_accordion_item}
@@ -1,6 +0,0 @@
1
- /*!
2
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
3
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
4
- * v1.0.0-next.647
5
- */
6
- import{r as i,c as t,h as e,H as a,g as n}from"./p-8a0a27c0.js";import{f as s}from"./p-4df5609b.js";import{d as o,f as c,c as l,u as r,r as h,a as m,F as d}from"./p-e070c1ec.js";import{g as p}from"./p-16f69e78.js";import{n as b,i as u,t as f,h as g,g as x}from"./p-4cae09d9.js";import{c as v,d as y,g as w}from"./p-0a7ecde8.js";import{s as k,c as C,a as I,d as z,H as D}from"./p-1d5c0b42.js";import{c as O}from"./p-fa3a9bb4.js";import{u as _}from"./p-cbf2a031.js";import{c as E,d as H}from"./p-15b4b9e2.js";import{c as B,s as T,a as A}from"./p-1950094b.js";import{d as M}from"./p-2f87050a.js";import{c as $,d as L}from"./p-ba367353.js";import"./p-c88cf62a.js";const P="CALCITE-COMBOBOX-ITEM, CALCITE-COMBOBOX-ITEM-GROUP";function j(i){var t,e;const a=null===(t=i.parentElement)||void 0===t?void 0:t.closest(P);return[a,null===(e=null==a?void 0:a.parentElement)||void 0===e?void 0:e.closest(P)].filter((i=>i))}function X(i){var t;return(null===(t=i.ancestors)||void 0===t?void 0:t.filter((i=>"CALCITE-COMBOBOX-ITEM"===i.nodeName)))||[]}function F(i){return b(i.querySelectorAll("calcite-combobox-item")).filter((i=>i.selected)).length>0}function R(i){return document.evaluate("ancestor::calcite-combobox-item | ancestor::calcite-combobox-item-group",i,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null).snapshotLength}const S=class{constructor(e){i(this,e),this.calciteLookupChange=t(this,"calciteLookupChange",6),this.calciteComboboxChange=t(this,"calciteComboboxChange",6),this.calciteComboboxFilterChange=t(this,"calciteComboboxFilterChange",6),this.calciteComboboxChipDismiss=t(this,"calciteComboboxChipDismiss",6),this.calciteComboboxBeforeClose=t(this,"calciteComboboxBeforeClose",6),this.calciteComboboxClose=t(this,"calciteComboboxClose",6),this.calciteComboboxBeforeOpen=t(this,"calciteComboboxBeforeOpen",6),this.calciteComboboxOpen=t(this,"calciteComboboxOpen",6),this.active=!1,this.open=!1,this.disabled=!1,this.maxItems=0,this.overlayPositioning="absolute",this.required=!1,this.selectionMode="multi",this.scale="m",this.value=null,this.intlRemoveTag="Remove tag",this.placement=o,this.internalValueChangeFlag=!1,this.items=[],this.groupItems=[],this.selectedItems=[],this.visibleItems=[],this.activeItemIndex=-1,this.activeChipIndex=-1,this.activeDescendant="",this.text="",this.textInput=null,this.mutationObserver=O("mutation",(()=>this.updateItems())),this.resizeObserver=O("resize",(()=>this.setMaxScrollerHeight())),this.guid=p(),this.inputHeight=0,this.ignoreSelectedEventsFlag=!1,this.openTransitionProp="opacity",this.setFilteredPlacements=()=>{const{el:i,flipPlacements:t}=this;this.filteredFlipPlacements=t?c(t,i):null},this.getValue=()=>{const i=this.selectedItems.map((i=>{var t;return null===(t=null==i?void 0:i.value)||void 0===t?void 0:t.toString()}));return(null==i?void 0:i.length)?i.length>1?i:i[0]:""},this.onLabelClick=()=>{this.setFocus()},this.keydownHandler=i=>{const{key:t}=i;switch(t){case"Tab":this.activeChipIndex=-1,this.activeItemIndex=-1,this.allowCustomValues&&this.text?(this.addCustomChip(this.text,!0),i.preventDefault()):this.open&&(this.open=!1,i.preventDefault());break;case"ArrowLeft":this.previousChip(),i.preventDefault();break;case"ArrowRight":this.nextChip(),i.preventDefault();break;case"ArrowUp":i.preventDefault(),this.shiftActiveItemIndex(-1),this.comboboxInViewport()||this.el.scrollIntoView();break;case"ArrowDown":i.preventDefault(),this.open||(this.open=!0),this.shiftActiveItemIndex(1),this.comboboxInViewport()||this.el.scrollIntoView();break;case" ":this.textInput.value||(i.preventDefault(),this.open=!0,this.shiftActiveItemIndex(1));break;case"Home":if(!this.open)return;i.preventDefault(),this.updateActiveItemIndex(0),this.scrollToActiveItem(),this.comboboxInViewport()||this.el.scrollIntoView();break;case"End":if(!this.open)return;i.preventDefault(),this.updateActiveItemIndex(this.visibleItems.length-1),this.scrollToActiveItem(),this.comboboxInViewport()||this.el.scrollIntoView();break;case"Escape":this.open=!1,i.preventDefault();break;case"Enter":this.activeItemIndex>-1?(this.toggleSelection(this.visibleItems[this.activeItemIndex]),i.preventDefault()):this.activeChipIndex>-1?(this.removeActiveChip(),i.preventDefault()):this.allowCustomValues&&this.text?(this.addCustomChip(this.text,!0),i.preventDefault()):i.defaultPrevented||k(this)&&i.preventDefault();break;case"Delete":case"Backspace":this.activeChipIndex>-1?(i.preventDefault(),this.removeActiveChip()):!this.text&&this.isMulti()&&(i.preventDefault(),this.removeLastChip())}},this.toggleCloseEnd=()=>{this.open=!1,this.el.removeEventListener("calciteComboboxClose",this.toggleCloseEnd)},this.toggleOpenEnd=()=>{this.open=!1,this.el.removeEventListener("calciteComboboxOpen",this.toggleOpenEnd)},this.setMaxScrollerHeight=async()=>{const{listContainerEl:i,open:t,referenceEl:e}=this;if(!i||!t)return;await this.reposition(!0);const a=this.getMaxScrollerHeight();i.style.maxHeight=a>0?`${a}px`:"",i.style.minWidth=`${e.clientWidth}px`,await this.reposition(!0)},this.calciteChipDismissHandler=(i,t)=>{this.open=!1;const e=this.items.find((i=>i===t));e&&this.toggleSelection(e,!1),this.calciteComboboxChipDismiss.emit(i.detail)},this.clickHandler=i=>{i.composedPath().some((i=>"CALCITE-CHIP"===i.tagName))||(this.open=!this.open,this.updateActiveItemIndex(0),this.setFocus())},this.setInactiveIfNotContained=i=>{const t=i.composedPath();!this.open||t.includes(this.el)||t.includes(this.referenceEl)||(this.allowCustomValues&&this.text.trim().length&&this.addCustomChip(this.text),"single"===this.selectionMode&&(this.textInput&&(this.textInput.value=""),this.text="",this.filterItems(""),this.updateActiveItemIndex(-1)),this.open=!1)},this.setFloatingEl=i=>{this.floatingEl=i,l(this,this.referenceEl,this.floatingEl)},this.setContainerEl=i=>{this.resizeObserver.observe(i),this.listContainerEl=i,this.transitionEl=i,E(this)},this.setReferenceEl=i=>{this.referenceEl=i,l(this,this.referenceEl,this.floatingEl)},this.inputHandler=i=>{const t=i.target.value;this.text=t,this.filterItems(t),t&&(this.activeChipIndex=-1)},this.filterItems=(()=>{const i=(i,t)=>i&&t.some((({label:t,value:e})=>"CALCITE-COMBOBOX-ITEM-GROUP"===i.tagName?e===i.label:e===i.textLabel||e===i.value||t===i.textLabel||t===i.value));return M((t=>{const e=s(this.data,t);this.getCombinedItems().forEach((t=>{const a=!i(t,e);t.hidden=a;const[n,s]=t.ancestors;(i(n,e)||i(s,e))&&(t.hidden=!1),a||t.ancestors.forEach((i=>i.hidden=!1))})),this.visibleItems=this.getVisibleItems(),this.calciteComboboxFilterChange.emit({visibleItems:[...this.visibleItems],text:t})}),100)})(),this.internalCalciteLookupChangeEvent=()=>{this.calciteLookupChange.emit(this.selectedItems)},this.emitCalciteLookupChange=M(this.internalCalciteLookupChangeEvent,0),this.internalComboboxChangeEvent=()=>{const{selectedItems:i}=this;this.calciteComboboxChange.emit({selectedItems:i})},this.emitComboboxChange=M(this.internalComboboxChangeEvent,0),this.updateItems=()=>{this.items=this.getItems(),this.groupItems=this.getGroupItems(),this.data=this.getData(),this.selectedItems=this.getSelectedItems(),this.visibleItems=this.getVisibleItems(),this.needsIcon=this.getNeedsIcon(),this.allowCustomValues||this.setMaxScrollerHeight()},this.scrollToActiveItem=()=>{const i=this.visibleItems[this.activeItemIndex],t=this.calculateSingleItemHeight(i),{offsetHeight:e,scrollTop:a}=this.listContainerEl;e+a<i.offsetTop+t?this.listContainerEl.scrollTop=i.offsetTop-e+t:i.offsetTop<a&&(this.listContainerEl.scrollTop=i.offsetTop)},this.comboboxFocusHandler=()=>{var i;null===(i=this.textInput)||void 0===i||i.focus()},this.comboboxBlurHandler=i=>{this.setInactiveIfNotContained(i)}}activeHandler(i){if(this.disabled)return this.active=!1,void(this.open=!1);this.open=i}openHandler(i){if(i||r(this.floatingEl),this.disabled)return this.active=!1,void(this.open=!1);this.active=i,this.setMaxScrollerHeight()}handleDisabledChange(i){i||(this.active=!1,this.open=!1)}maxItemsHandler(){this.setMaxScrollerHeight()}overlayPositioningHandler(){this.reposition(!0)}valueHandler(i){if(!this.internalValueChangeFlag){const t=this.getItems();Array.isArray(i)?t.forEach((t=>t.selected=i.includes(t.value))):t.forEach(i?t=>t.selected=i===t.value:i=>i.selected=!1),this.updateItems()}}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}documentClickHandler(i){u(i)&&this.setInactiveIfNotContained(i)}calciteComboboxItemChangeHandler(i){if(this.ignoreSelectedEventsFlag)return;const t=i.target,e=this.visibleItems.indexOf(t);this.updateActiveItemIndex(e),this.toggleSelection(t,t.selected)}async reposition(i=!1){const{floatingEl:t,referenceEl:e,placement:a,overlayPositioning:n,filteredFlipPlacements:s}=this;return h(this,{floatingEl:t,referenceEl:e,overlayPositioning:n,placement:a,flipPlacements:s,type:"menu"},i)}async setFocus(){var i;await B(this),null===(i=this.textInput)||void 0===i||i.focus(),this.activeChipIndex=-1,this.activeItemIndex=-1}connectedCallback(){var i;this.internalValueChangeFlag=!0,this.value=this.getValue(),this.internalValueChangeFlag=!1,null===(i=this.mutationObserver)||void 0===i||i.observe(this.el,{childList:!0,subtree:!0}),v(this),C(this),E(this),this.setFilteredPlacements(),this.reposition(!0),this.active&&this.activeHandler(this.active),this.open&&this.openHandler(this.open)}componentWillLoad(){T(this),this.updateItems()}componentDidLoad(){I(this,this.getValue()),this.reposition(!0),A(this)}componentDidRender(){this.el.offsetHeight!==this.inputHeight&&(this.reposition(!0),this.inputHeight=this.el.offsetHeight),_(this)}disconnectedCallback(){var i,t;null===(i=this.mutationObserver)||void 0===i||i.disconnect(),null===(t=this.resizeObserver)||void 0===t||t.disconnect(),y(this),z(this),m(this,this.referenceEl,this.floatingEl),H(this)}selectedItemsHandler(){this.internalValueChangeFlag=!0,this.value=this.getValue(),this.internalValueChangeFlag=!1}textHandler(){this.updateActiveItemIndex(-1)}comboboxInViewport(){const i=this.el.getBoundingClientRect();return i.top>=0&&i.left>=0&&i.right<=(window.innerWidth||document.documentElement.clientWidth)&&i.bottom<=(window.innerHeight||document.documentElement.clientHeight)}onBeforeOpen(){this.calciteComboboxBeforeOpen.emit()}onOpen(){this.calciteComboboxOpen.emit()}onBeforeClose(){this.calciteComboboxBeforeClose.emit()}onClose(){this.calciteComboboxClose.emit()}getMaxScrollerHeight(){const i=this.getCombinedItems().filter((i=>!i.hidden)),{maxItems:t}=this;let e=0,a=0;return i.length>t&&i.forEach((i=>{if(e<t&&t>0){const t=this.calculateSingleItemHeight(i);t>0&&(a+=t,e++)}})),a}calculateSingleItemHeight(i){let t=i.offsetHeight;return Array.from(i.querySelectorAll(P)).map((i=>null==i?void 0:i.offsetHeight)).forEach((i=>{t-=i})),t}getCombinedItems(){return[...this.groupItems,...this.items]}toggleSelection(i,t=!i.selected){i&&(this.isMulti()?(i.selected=t,this.updateAncestors(i),this.selectedItems=this.getSelectedItems(),this.emitCalciteLookupChange(),this.emitComboboxChange(),this.resetText(),this.filterItems("")):(this.ignoreSelectedEventsFlag=!0,this.items.forEach((e=>e.selected=e===i&&t)),this.ignoreSelectedEventsFlag=!1,this.selectedItems=this.getSelectedItems(),this.emitComboboxChange(),this.textInput&&(this.textInput.value=i.textLabel),this.open=!1,this.updateActiveItemIndex(-1),this.resetText(),this.filterItems("")))}updateAncestors(i){if("ancestors"!==this.selectionMode)return;const t=X(i),e=function(i){return b(i.querySelectorAll("calcite-combobox-item"))}(i);i.selected?t.forEach((i=>{i.selected=!0})):(e.forEach((i=>i.selected=!1)),[...t].forEach((i=>{F(i)||(i.selected=!1)})))}getVisibleItems(){return this.items.filter((i=>!i.hidden))}getSelectedItems(){if(!this.isMulti()){const i=this.items.find((({selected:i})=>i));return i?[i]:[]}return this.items.filter((i=>i.selected&&("ancestors"!==this.selectionMode||!F(i)))).sort(((i,t)=>{const e=this.selectedItems.indexOf(i),a=this.selectedItems.indexOf(t);return e>-1&&a>-1?e-a:a-e}))}getData(){return this.items.map((i=>({constant:i.constant,filterDisabled:i.filterDisabled,value:i.value,label:i.textLabel})))}getNeedsIcon(){return"single"===this.selectionMode&&this.items.some((i=>i.icon))}resetText(){this.textInput&&(this.textInput.value=""),this.text=""}getItems(){return Array.from(this.el.querySelectorAll("CALCITE-COMBOBOX-ITEM")).filter((i=>!i.disabled))}getGroupItems(){return Array.from(this.el.querySelectorAll("CALCITE-COMBOBOX-ITEM-GROUP"))}addCustomChip(i,t){const e=this.items.find((t=>t.textLabel===i));if(e)this.toggleSelection(e,!0);else{this.isMulti()||this.toggleSelection(this.selectedItems[this.selectedItems.length-1],!1);const e=document.createElement("CALCITE-COMBOBOX-ITEM");e.value=i,e.textLabel=i,e.selected=!0,this.el.appendChild(e),this.resetText(),t&&this.setFocus(),this.updateItems(),this.filterItems(""),this.emitCalciteLookupChange(),this.emitComboboxChange()}}removeActiveChip(){this.toggleSelection(this.selectedItems[this.activeChipIndex],!1),this.setFocus()}removeLastChip(){this.toggleSelection(this.selectedItems[this.selectedItems.length-1],!1),this.setFocus()}previousChip(){if(this.text)return;const i=this.activeChipIndex;this.activeChipIndex=-1===i?this.selectedItems.length-1:Math.max(i-1,0),this.updateActiveItemIndex(-1),this.focusChip()}nextChip(){if(this.text||-1===this.activeChipIndex)return;const i=this.activeChipIndex+1;i>this.selectedItems.length-1?(this.activeChipIndex=-1,this.setFocus()):(this.activeChipIndex=i,this.focusChip()),this.updateActiveItemIndex(-1)}focusChip(){var i;const t=null===(i=this.selectedItems[this.activeChipIndex])||void 0===i?void 0:i.guid,e=t?this.referenceEl.querySelector(`#combobox-chip-${t}`):null;null==e||e.setFocus()}shiftActiveItemIndex(i){const{length:t}=this.visibleItems;this.updateActiveItemIndex((this.activeItemIndex+t+i)%t),this.scrollToActiveItem()}updateActiveItemIndex(i){this.activeItemIndex=i;let t=null;this.visibleItems.forEach(((e,a)=>{a===i?(e.active=!0,t=`combobox-item-${e.guid}`):e.active=!1})),this.activeDescendant=t,this.activeItemIndex>-1&&(this.activeChipIndex=-1)}isMulti(){return"single"!==this.selectionMode}renderChips(){const{activeChipIndex:i,scale:t,selectionMode:a,intlRemoveTag:n}=this;return this.selectedItems.map(((s,o)=>{const c={chip:!0,"chip--active":i===o},l=[...[...X(s)].reverse(),s].map((i=>i.textLabel)),r="ancestors"!==a?s.textLabel:l.join(" / ");return e("calcite-chip",{class:c,dismissLabel:n,dismissible:!0,icon:s.icon,id:s.guid?`combobox-chip-${s.guid}`:null,key:s.textLabel,onCalciteChipDismiss:i=>this.calciteChipDismissHandler(i,s),scale:t,title:r,value:s.value},r)}))}renderInput(){const{guid:i,active:t,disabled:a,placeholder:n,selectionMode:s,selectedItems:o,open:c}=this,l="single"===s,r=o[0],h=!(c||t)&&l&&!!r;return e("span",{class:{"input-wrap":!0,"input-wrap--single":l}},h&&e("span",{class:{label:!0,"label--icon":!!(null==r?void 0:r.icon)},key:"label"},r.textLabel),e("input",{"aria-activedescendant":this.activeDescendant,"aria-autocomplete":"list","aria-controls":`combobox-listbox-${i}`,"aria-label":w(this),class:{input:!0,"input--single":!0,"input--transparent":this.activeChipIndex>-1,"input--hidden":h,"input--icon":!!this.placeholderIcon},disabled:a,id:`combobox-input-${i}`,key:"input",onBlur:this.comboboxBlurHandler,onFocus:this.comboboxFocusHandler,onInput:this.inputHandler,placeholder:n,ref:i=>this.textInput=i,type:"text"}))}renderListBoxOptions(){return this.visibleItems.map((i=>e("li",{"aria-selected":f(i.selected),id:i.guid?`combobox-item-${i.guid}`:null,role:"option",tabindex:"-1"},i.textLabel)))}renderFloatingUIContainer(){const{active:i,setFloatingEl:t,setContainerEl:a,open:n}=this;return e("div",{"aria-hidden":"true",class:{"floating-ui-container":!0,"floating-ui-container--active":n||i},ref:t},e("div",{class:{"list-container":!0,[d.animation]:!0,[d.animationActive]:n||i},ref:a},e("ul",{class:{list:!0,"list--hide":!(n||i)}},e("slot",null))))}renderIconStart(){const{selectedItems:i,placeholderIcon:t,selectionMode:a}=this,n=i[0],s=null==n?void 0:n.icon,o="single"===a;return(!this.open&&n?!!s&&o:!!this.placeholderIcon&&(!n||o))&&e("span",{class:"icon-start"},e("calcite-icon",{class:"selected-icon",icon:!this.open&&n?s:t,scale:"s"}))}renderIconEnd(){const{active:i,open:t}=this;return e("span",{class:"icon-end"},e("calcite-icon",{icon:i||t?"chevron-up":"chevron-down",scale:"s"}))}render(){const{active:i,guid:t,label:n,open:s}=this,o="single"===this.selectionMode;return e(a,{onClick:this.comboboxFocusHandler},e("div",{"aria-autocomplete":"list","aria-controls":`combobox-listbox-${t}`,"aria-expanded":f(s||i),"aria-haspopup":"listbox","aria-labelledby":`combobox-label-${t}`,"aria-live":"polite","aria-owns":`combobox-listbox-${t}`,class:{wrapper:!0,"wrapper--single":o||!this.selectedItems.length,"wrapper--active":s||i},onClick:this.clickHandler,onKeyDown:this.keydownHandler,ref:this.setReferenceEl,role:"combobox"},e("div",{class:"grid-input"},this.renderIconStart(),!o&&this.renderChips(),e("label",{class:"screen-readers-only",htmlFor:`combobox-input-${t}`,id:`combobox-label-${t}`},n),this.renderInput()),this.renderIconEnd()),e("ul",{"aria-labelledby":`combobox-label-${t}`,"aria-multiselectable":"true",class:"screen-readers-only",id:`combobox-listbox-${t}`,role:"listbox",tabIndex:-1},this.renderListBoxOptions()),this.renderFloatingUIContainer(),e(D,{component:this}))}get el(){return n(this)}static get watchers(){return{active:["activeHandler"],open:["openHandler"],disabled:["handleDisabledChange"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],value:["valueHandler"],flipPlacements:["flipPlacementsHandler"],selectedItems:["selectedItemsHandler"],text:["textHandler"]}}};S.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){font-size:var(--calcite-font-size--2);--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-input-height:1.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-input-height:2rem}:host([scale=l]){font-size:var(--calcite-font-size-0);--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-input-height:2.75rem}.wrapper{display:flex;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1);outline-color:transparent;padding-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);padding-inline:var(--calcite-combobox-item-spacing-unit-l)}:host(:focus-within) .wrapper,.wrapper--active{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.wrapper--single{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l);cursor:pointer;flex-wrap:nowrap}.grid-input{display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px}.input{flex-grow:1;-webkit-appearance:none;appearance:none;border-style:none;background-color:transparent;padding:0px;font-family:inherit;color:var(--calcite-ui-text-1);font-size:inherit;block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height);min-inline-size:120px;margin-block-end:var(--calcite-combobox-item-spacing-unit-s)}.input:focus{outline:2px solid transparent;outline-offset:2px}.input--transparent{opacity:0}.input--single{margin-block:0px;padding:0px}.wrapper--active .input-single{cursor:text}.input--hidden{pointer-events:none;inline-size:0px;min-inline-size:0px;opacity:0}.input--icon{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.input-wrap{display:flex;flex-grow:1}.input-wrap--single{flex:1 1 0%;overflow:hidden}.label{pointer-events:none;display:flex;max-inline-size:100%;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px;font-weight:var(--calcite-font-weight-normal);block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height)}.label--icon{padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.icon-end,.icon-start{display:flex;inline-size:1rem;cursor:pointer;align-items:center}.icon-end{flex:none}.floating-ui-container{display:block;position:absolute;z-index:900;visibility:hidden}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:1;border-radius:0.25rem}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}.floating-ui-container--active{visibility:visible}@media (forced-colors: active){.wrapper,.floating-ui-container--active{border:1px solid canvasText}}.screen-readers-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.list-container{max-block-size:45vh;overflow-y:auto;background-color:var(--calcite-ui-foreground-1);inline-size:var(--calcite-dropdown-width)}.list{margin:0px;display:block;padding:0px}.list--hide{block-size:0px;overflow:hidden}.chip{margin-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);margin-inline:0 var(--calcite-combobox-item-spacing-unit-s);max-inline-size:100%}.chip--active{background-color:var(--calcite-ui-foreground-3)}.item{display:block}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";const U=class{constructor(e){i(this,e),this.calciteComboboxItemChange=t(this,"calciteComboboxItemChange",6),this.disabled=!1,this.selected=!1,this.active=!1,this.guid=p(),this.scale="m",this.itemClickHandler=i=>{i.preventDefault(),this.toggleSelected()}}selectedWatchHandler(){this.calciteComboboxItemChange.emit(this.el)}connectedCallback(){this.ancestors=j(this.el),this.scale=g(this.el,"scale",this.scale),$(this)}disconnectedCallback(){L(this)}componentDidRender(){_(this)}async toggleSelected(i){this.disabled||(this.selected="boolean"==typeof i?i:!this.selected)}renderIcon(i){const{icon:t,disabled:a,selected:n}=this,s="icon--indent";return!i||t||a?e("calcite-icon",{class:{icon:!t,"icon--custom":!!t,"icon--active":t&&n,[s]:!0},icon:t||(a?"circle-disallowed":i?"dot":"check"),scale:"s"}):e("span",{class:{icon:!0,"icon--dot":!0,[s]:!0}})}renderChildren(){return x(this.el)?e("ul",{key:"default-slot-container"},e("slot",null)):null}render(){const i="single"===g(this.el,"selection-mode","multi"),t={label:!0,"label--selected":this.selected,"label--active":this.active,"label--single":i},n=R(this.el);return e(a,{"aria-hidden":"true"},e("div",{class:`container scale--${this.scale}`,style:{"--calcite-combobox-item-spacing-indent-multiplier":`${n}`}},e("li",{class:t,id:this.guid,onClick:this.itemClickHandler},this.renderIcon(i),e("span",{class:"title"},this.textLabel)),this.renderChildren()))}get el(){return n(this)}static get watchers(){return{selected:["selectedWatchHandler"]}}};U.style='@charset "UTF-8";@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent:0.5rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent:0.75rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-item-spacing-indent:1rem}.container{--calcite-combobox-item-indent-value:calc(\n var(--calcite-combobox-item-spacing-indent) * var(--calcite-combobox-item-spacing-indent-multiplier)\n )}:host(:focus){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host,ul{margin:0px;display:flex;flex-direction:column;padding:0px}:host(:focus),ul:focus{outline:2px solid transparent;outline-offset:2px}.label{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;color:var(--calcite-ui-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);outline-color:transparent;word-wrap:break-word;word-break:break-word;padding-block:var(--calcite-combobox-item-spacing-unit-s);padding-inline:var(--calcite-combobox-item-spacing-unit-l)}:host([disabled]) .label{cursor:default}.label--selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}.label--active{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.label:hover,.label:active{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);text-decoration-line:none;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.title{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.icon{display:inline-flex;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--calcite-ui-border-1)}.icon--indent{padding-inline-start:var(--calcite-combobox-item-indent-value)}.icon--custom{margin-block-start:-1px;color:var(--calcite-ui-text-3)}.icon--active{color:var(--calcite-ui-text-1)}.icon--dot{display:flex;justify-content:flex-end;min-inline-size:var(--calcite-combobox-item-spacing-unit-l)}.icon--dot:before{text-align:start;content:"•"}.label--active .icon{opacity:1}.label--selected .icon{opacity:1;color:var(--calcite-ui-brand)}:host(:hover[disabled]) .icon{opacity:1}';const G=class{constructor(t){i(this,t),this.guid=p(),this.scale="m"}connectedCallback(){this.ancestors=j(this.el),this.scale=g(this.el,"scale",this.scale)}render(){const{el:i,scale:t}=this,a=`label--indent-${R(i)}`;return e("ul",{"aria-labelledby":this.guid,class:{list:!0,[`scale--${t}`]:!0},role:"group"},e("li",{class:{label:!0,[a]:!0},id:this.guid,role:"presentation"},e("span",{class:"title"},this.label)),e("slot",null))}get el(){return n(this)}};G.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent-1:0.5rem;--calcite-combobox-item-spacing-indent-2:1rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent-1:0.75rem;--calcite-combobox-item-spacing-indent-2:1.5rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-item-spacing-indent-1:1rem;--calcite-combobox-item-spacing-indent-2:2rem}:host,.list{margin:0px;display:flex;flex-direction:column;padding:0px}:host(:focus),.list:focus{outline:2px solid transparent;outline-offset:2px}.label{box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:0px;max-inline-size:100%;color:var(--calcite-ui-text-3)}.label--indent-1{padding-inline-start:var(--calcite-combobox-item-spacing-indent-1)}.label--indent-2{padding-inline-start:var(--calcite-combobox-item-spacing-indent-2)}.title{border:0 solid;display:block;flex:1 1 0%;border-block-end-width:1px;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2);word-wrap:break-word;word-break:break-word;border-block-end-color:var(--calcite-ui-border-3);padding-block:var(--calcite-combobox-item-spacing-unit-l);padding-inline:0;margin-inline:var(--calcite-combobox-item-spacing-unit-s)}";export{S as calcite_combobox,U as calcite_combobox_item,G as calcite_combobox_item_group}
@@ -1,6 +0,0 @@
1
- /*!
2
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
3
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
4
- * v1.0.0-next.647
5
- */
6
- import{r as t,c as i,h as a,g as e,F as n}from"./p-8a0a27c0.js";import{m as c,d as o,a as s,s as r,h as l,b as d,c as m,k as h,i as p,f as u,l as f,j as g,r as b,o as v,p as y,n as x,q as w,t as k,I as _,L as D,u as z,v as I,T as C,w as L,C as H,S as j}from"./p-196873fb.js";import{c as W}from"./p-fa3a9bb4.js";import{u as F}from"./p-cbf2a031.js";import{s as R,a as S,c as T}from"./p-1950094b.js";import{g as V,t as A}from"./p-4cae09d9.js";import{H as P,c as U}from"./p-efbc8847.js";import{c as K,d as q}from"./p-ba367353.js";import"./p-3e4ccf7f.js";import"./p-2f87050a.js";import"./p-c88cf62a.js";import"./p-16f69e78.js";const E=class{constructor(a){t(this,a),this.calciteListChange=i(this,"calciteListChange",6),this.calciteListFilter=i(this,"calciteListFilter",6),this.disabled=!1,this.filteredItems=[],this.filteredData=[],this.filterEnabled=!1,this.loading=!1,this.multiple=!1,this.selectionFollowsFocus=!1,this.selectedValues=new Map,this.dataForFilter=[],this.lastSelectedItem=null,this.mutationObserver=W("mutation",c.bind(this)),this.setFilterEl=t=>{this.filterEl=t},this.setFilteredItems=t=>{this.filteredItems=t},this.deselectRemovedItems=o.bind(this),this.deselectSiblingItems=s.bind(this),this.selectSiblings=r.bind(this),this.handleFilter=l.bind(this),this.handleFilterEvent=d.bind(this),this.getItemData=m.bind(this),this.keyDownHandler=h.bind(this)}connectedCallback(){p.call(this),u.call(this)}disconnectedCallback(){f.call(this)}componentWillLoad(){R(this)}componentDidLoad(){S(this),g.call(this)}componentDidRender(){F(this)}calciteListItemRemoveHandler(t){b.call(this,t)}calciteListItemChangeHandler(t){v.call(this,t)}calciteInternalListItemPropsChangeHandler(t){t.stopPropagation(),this.setUpFilter()}calciteInternalListItemValueChangeHandler(t){y.call(this,t),t.stopPropagation()}calciteListFocusOutHandler(t){x.call(this,t)}setUpItems(){w.call(this,"calcite-pick-list-item")}setUpFilter(){this.filterEnabled&&(this.dataForFilter=this.getItemData())}async getSelectedItems(){return this.selectedValues}async setFocus(t){return await T(this),k.call(this,t)}getIconType(){return this.multiple?_.square:_.circle}render(){return a(D,{onKeyDown:this.keyDownHandler,props:this})}get el(){return e(this)}};E.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:1;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:stretch;justify-content:flex-end;background-color:var(--calcite-ui-foreground-1);--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:1}calcite-filter{margin-block-end:0px}:host([loading][disabled]){min-block-size:2rem}";const M=class{constructor(i){t(this,i)}connectedCallback(){K(this)}disconnectedCallback(){q(this)}render(){var t;const{el:i,groupTitle:e,headingLevel:c}=this,o=null!==V(i,z.parentItem),s={[I.container]:!0,[I.indented]:o},r=e,l=null===(t=i.closest("calcite-pick-list"))||void 0===t?void 0:t.headingLevel,d=l?U(l+1):null;return a(n,null,r?a(P,{class:I.heading,level:c||d},r):null,a("slot",{name:z.parentItem}),a("section",{class:s},a("slot",null)))}get el(){return e(this)}};M.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{margin-block-end:0.25rem;box-sizing:border-box;display:block;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}:host *{box-sizing:border-box}:host(:last-child){margin-block-end:0px}.header{margin:0px;display:flex;align-content:space-between;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{flex:1 1 auto;padding:0.5rem}.heading{margin-block:0.5rem;margin-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-ui-text-3)}.container--indented{margin-inline-start:1.5rem}";const O=class{constructor(a){t(this,a),this.calciteListItemChange=i(this,"calciteListItemChange",6),this.calciteListItemRemove=i(this,"calciteListItemRemove",7),this.calciteInternalListItemPropsChange=i(this,"calciteInternalListItemPropsChange",6),this.calciteInternalListItemValueChange=i(this,"calciteInternalListItemValueChange",6),this.disabled=!1,this.disableDeselect=!1,this.nonInteractive=!1,this.icon=null,this.removable=!1,this.selected=!1,this.intlRemove=C.remove,this.pickListClickHandler=t=>{this.disabled||this.disableDeselect&&this.selected||this.nonInteractive||(this.shiftPressed=t.shiftKey,this.selected=!this.selected)},this.pickListKeyDownHandler=t=>{if(" "===t.key){if(t.preventDefault(),this.disableDeselect&&this.selected||this.nonInteractive)return;this.selected=!this.selected}},this.removeClickHandler=()=>{this.calciteListItemRemove.emit()}}descriptionWatchHandler(){this.calciteInternalListItemPropsChange.emit()}labelWatchHandler(){this.calciteInternalListItemPropsChange.emit()}metadataWatchHandler(){this.calciteInternalListItemPropsChange.emit()}selectedWatchHandler(){this.calciteListItemChange.emit({item:this.el,value:this.value,selected:this.selected,shiftPressed:this.shiftPressed}),this.shiftPressed=!1}valueWatchHandler(t,i){this.calciteInternalListItemValueChange.emit({oldValue:i,newValue:t})}connectedCallback(){K(this)}componentWillLoad(){R(this)}componentDidLoad(){S(this)}disconnectedCallback(){q(this)}componentDidRender(){F(this,!!this.el.closest("calcite-pick-list")&&"managed")}async toggleSelected(t){this.selected="boolean"==typeof t?t:!this.selected}async setFocus(){var t;await T(this),null===(t=this.focusEl)||void 0===t||t.focus()}renderIcon(){const{icon:t}=this;return t?a("span",{class:{[H.icon]:!0,[H.iconDot]:t===_.circle},onClick:this.pickListClickHandler},t===_.square?a("calcite-icon",{icon:L.checked,scale:"s"}):null):null}renderRemoveAction(){return this.removable?a("calcite-action",{class:H.remove,icon:L.remove,onClick:this.removeClickHandler,slot:j.actionsEnd,text:this.intlRemove}):null}renderActionsStart(){const{el:t}=this;return V(t,j.actionsStart)?a("div",{class:{[H.actions]:!0,[H.actionsStart]:!0}},a("slot",{name:j.actionsStart})):null}renderActionsEnd(){const{el:t,removable:i}=this;return V(t,j.actionsEnd)||i?a("div",{class:{[H.actions]:!0,[H.actionsEnd]:!0}},a("slot",{name:j.actionsEnd}),this.renderRemoveAction()):null}render(){const{description:t,label:i}=this;return a(n,null,this.renderIcon(),this.renderActionsStart(),a("label",{"aria-label":i,class:H.label,onClick:this.pickListClickHandler,onKeyDown:this.pickListKeyDownHandler,ref:t=>this.focusEl=t,tabIndex:0},a("div",{"aria-checked":A(this.selected),class:H.textContainer,role:"menuitemcheckbox"},a("span",{class:H.title},i),t?a("span",{class:H.description},t):null)),this.renderActionsEnd())}get el(){return e(this)}static get watchers(){return{description:["descriptionWatchHandler"],label:["labelWatchHandler"],metadata:["metadataWatchHandler"],selected:["selectedWatchHandler"],value:["valueWatchHandler"]}}};O.style='@charset "UTF-8";@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{margin:0px;margin-block-end:1px;box-sizing:border-box;display:flex;align-items:stretch;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-1);--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition:background-color var(--calcite-animation-timing);animation:calcite-fade-in var(--calcite-animation-timing)}:host *{box-sizing:border-box}.label{display:flex;flex:1 1 auto;cursor:pointer;align-items:center;background-color:transparent;outline-color:transparent}.label:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.label:hover{background-color:var(--calcite-ui-foreground-2)}:host([non-interactive]:hover){background-color:var(--calcite-ui-foreground-1)}:host([non-interactive]) .label,:host([non-interactive]) .icon{pointer-events:none}.icon{margin-block:0px;display:flex;cursor:pointer;align-items:center;padding:0.25rem;color:var(--calcite-ui-brand);flex:0 0 auto;line-height:0}.icon:hover{background-color:var(--calcite-ui-foreground-2)}.icon-dot{display:flex;inline-size:1.5rem;align-items:center;padding:0.5rem}.icon-dot:before{opacity:0;content:"•"}.icon calcite-icon{opacity:0}:host([selected]) .icon-dot:before,:host([selected]) .icon calcite-icon{transition:opacity var(--calcite-animation-timing);opacity:1}.text-container{pointer-events:none;display:flex;flex-direction:column;flex-wrap:nowrap;overflow:hidden;padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word}.title{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1)}.description{margin-block-start:0.125rem;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}.actions{margin:0px;display:flex;flex:0 1 auto;align-items:stretch;justify-content:flex-end}.actions--start~.label{padding-inline-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}';export{E as calcite_pick_list,M as calcite_pick_list_group,O as calcite_pick_list_item}
@@ -1,6 +0,0 @@
1
- /*!
2
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
3
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
4
- * v1.0.0-next.647
5
- */
6
- import{a as i,r as a,h as t,H as n,g as e}from"./p-8a0a27c0.js";import{a as c,t as s}from"./p-4cae09d9.js";import{c as o}from"./p-fa3a9bb4.js";import"./p-c88cf62a.js";import"./p-16f69e78.js";const l={},r={},m={s:16,m:24,l:32};const h=class{constructor(i){a(this,i),this.icon=null,this.flipRtl=!1,this.scale="m",this.visible=!1}connectedCallback(){this.waitUntilVisible((()=>{this.visible=!0,this.loadIconPathData()}))}disconnectedCallback(){var i;null===(i=this.intersectionObserver)||void 0===i||i.disconnect(),this.intersectionObserver=null}async componentWillLoad(){this.loadIconPathData()}render(){const{el:i,flipRtl:a,pathData:e,scale:o,textLabel:l}=this,r=c(i),h=m[o],p=!!l,d=[].concat(e||"");return t(n,{"aria-hidden":s(!p),"aria-label":p?l:null,role:p?"img":null},t("svg",{class:{"flip-rtl":"rtl"===r&&a,svg:!0},fill:"currentColor",height:"100%",viewBox:`0 0 ${h} ${h}`,width:"100%",xmlns:"http://www.w3.org/2000/svg"},d.map((i=>t("path","string"==typeof i?{d:i}:{d:i.d,opacity:"opacity"in i?i.opacity:1})))))}async loadIconPathData(){const{icon:a,scale:t,visible:n}=this;a&&n&&(this.pathData=await async function({icon:a,scale:t}){const n=m[t],e=function(i){const a=!isNaN(Number(i.charAt(0))),t=i.split("-");return 1===t.length?a?`i${i}`:i:t.map(((i,t)=>0===t?a?`i${i.toUpperCase()}`:i:i.charAt(0).toUpperCase()+i.slice(1))).join("")}(a),c="F"===e.charAt(e.length-1),s=`${c?e.substring(0,e.length-1):e}${n}${c?"F":""}`;if(l[s])return l[s];r[s]||(r[s]=fetch(i(`./assets/icon/${s}.json`)).then((i=>i.json())).catch((()=>(console.error(`"${s}" is not a valid calcite-ui-icon name`),""))));const o=await r[s];return l[s]=o,o}({icon:a,scale:t}))}waitUntilVisible(i){this.intersectionObserver=o("intersection",(a=>{a.forEach((a=>{a.isIntersecting&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null,i())}))}),{rootMargin:"50px"}),this.intersectionObserver?this.intersectionObserver.observe(this.el):i()}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{icon:["loadIconPathData"],scale:["loadIconPathData"]}}};h.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-flex;color:var(--calcite-ui-icon-color)}:host([scale=s]){block-size:1rem;inline-size:1rem;min-inline-size:1rem;min-block-size:1rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem;min-inline-size:1.5rem;min-block-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem;min-inline-size:2rem;min-block-size:2rem}.flip-rtl{transform:scaleX(-1)}.svg{display:block}";export{h as calcite_icon}
@@ -1,6 +0,0 @@
1
- /*!
2
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
3
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
4
- * v1.0.0-next.647
5
- */
6
- import{r as a,c as t,h as i,H as n,g as o}from"./p-8a0a27c0.js";import{c as e}from"./p-fa3a9bb4.js";const c=class{constructor(i){a(this,i),this.calciteRadioButtonGroupChange=t(this,"calciteRadioButtonGroupChange",6),this.disabled=!1,this.hidden=!1,this.layout="horizontal",this.required=!1,this.scale="m",this.mutationObserver=e("mutation",(()=>this.passPropsToRadioButtons())),this.passPropsToRadioButtons=()=>{const a=this.el.querySelectorAll("calcite-radio-button");a.length>0&&a.forEach((a=>{a.disabled=this.disabled||a.disabled,a.hidden=this.hidden,a.name=this.name,a.required=this.required,a.scale=this.scale}))}}onDisabledChange(){this.passPropsToRadioButtons()}onHiddenChange(){this.passPropsToRadioButtons()}onLayoutChange(){this.passPropsToRadioButtons()}onScaleChange(){this.passPropsToRadioButtons()}connectedCallback(){var a;this.passPropsToRadioButtons(),null===(a=this.mutationObserver)||void 0===a||a.observe(this.el,{childList:!0,subtree:!0})}disconnectedCallback(){var a;null===(a=this.mutationObserver)||void 0===a||a.disconnect()}radioButtonChangeHandler(a){this.calciteRadioButtonGroupChange.emit(a.target.value)}render(){return i(n,{role:"radiogroup"},i("slot",null))}get el(){return o(this)}static get watchers(){return{disabled:["onDisabledChange"],hidden:["onHiddenChange"],layout:["onLayoutChange"],scale:["onScaleChange"]}}};c.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:flex;max-inline-size:100vw}:host([layout=horizontal]){flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s]){gap:1rem}:host([layout=horizontal][scale=m]){gap:1.25rem}:host([layout=horizontal][scale=l]){gap:1.5rem}:host([layout=vertical]){flex-direction:column}";export{c as calcite_radio_button_group}