@esri/calcite-components 3.3.0-next.93 → 3.3.0-next.94

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 (346) hide show
  1. package/dist/calcite/{VUGB34R2.js → 26D3K2QL.js} +2 -2
  2. package/dist/calcite/{OHDBIXSG.js → 27OKTPYV.js} +2 -2
  3. package/dist/calcite/{TLWBRBCF.js → 27XVLW34.js} +2 -2
  4. package/dist/calcite/{XXQ4ABRB.js → 2AHBYNQY.js} +2 -2
  5. package/dist/calcite/{L22N7LSN.js → 2GXSZR3H.js} +1 -1
  6. package/dist/calcite/{LLIMF4PW.js → 2T6IGYR7.js} +2 -2
  7. package/dist/calcite/{YPRLZ34C.js → 2UBNPJCN.js} +2 -2
  8. package/dist/calcite/{2ZFUSYA3.js → 2UEPGEUJ.js} +2 -2
  9. package/dist/calcite/{2YZ3LVQO.js → 2WFBZ4M6.js} +1 -1
  10. package/dist/calcite/{37AWVVL2.js → 3GRJWGXL.js} +2 -2
  11. package/dist/calcite/{NRKV7YCC.js → 3NQLUYH3.js} +2 -2
  12. package/dist/calcite/{FNKJTIFU.js → 3SVMTAA2.js} +2 -2
  13. package/dist/calcite/{7TAKU3XF.js → 3UAD3BJB.js} +2 -2
  14. package/dist/calcite/{STMHYU5S.js → 3VJSNM2Y.js} +1 -1
  15. package/dist/calcite/{RP3WS527.js → 4552DITK.js} +2 -2
  16. package/dist/calcite/{HM34KLZC.js → 4IDN5HGD.js} +2 -2
  17. package/dist/calcite/{UPGLTHX6.js → 4JQP2A4I.js} +2 -2
  18. package/dist/calcite/{UJ7RZEPJ.js → 4NUVPY27.js} +2 -2
  19. package/dist/calcite/{I2JDMGN3.js → 4OXQ5JCS.js} +2 -2
  20. package/dist/calcite/{AUBCXCZF.js → 56YRAK7L.js} +2 -2
  21. package/dist/calcite/{Z6WM722K.js → 5ARKICVZ.js} +2 -2
  22. package/dist/calcite/{OYRHRNQM.js → 5DZCPTKR.js} +1 -1
  23. package/dist/calcite/{5D7QN6SO.js → 5EBPIQS3.js} +2 -2
  24. package/dist/calcite/{UEO3GBCV.js → 5JYRKFYS.js} +2 -2
  25. package/dist/calcite/{XU4IXNI6.js → 5LJL3TPT.js} +2 -2
  26. package/dist/calcite/{KYEQNJRP.js → 5MTXQU6L.js} +2 -2
  27. package/dist/calcite/{R7XJZF6Y.js → 5P2G5NN3.js} +2 -2
  28. package/dist/calcite/{34OQ4IQZ.js → 5UM6SZWX.js} +2 -2
  29. package/dist/calcite/{GMOVGF7E.js → 5YI37KSL.js} +2 -2
  30. package/dist/calcite/{76NPIGTT.js → 64IZ3RBR.js} +2 -2
  31. package/dist/calcite/{IP7W5DRO.js → 6GC2T2J4.js} +2 -2
  32. package/dist/calcite/{SEM7IEGP.js → 6MYOFE72.js} +2 -2
  33. package/dist/calcite/{QB2TMJEN.js → 6RXG43QC.js} +2 -2
  34. package/dist/calcite/{NUOPA4CT.js → 7AFTFV2P.js} +2 -2
  35. package/dist/calcite/{6BSDFYTL.js → 7BWGOUOV.js} +1 -1
  36. package/dist/calcite/{3ZE4LOR3.js → 7F2NUWMO.js} +2 -2
  37. package/dist/calcite/{7GRJHGRU.js → 7J6TKGAD.js} +2 -2
  38. package/dist/calcite/{6EOKAU7S.js → 7RODBKZG.js} +2 -2
  39. package/dist/calcite/{7BLKIAEK.js → A27G7HQ4.js} +2 -2
  40. package/dist/calcite/{ZHTWNA7V.js → ABDN3ANU.js} +2 -2
  41. package/dist/calcite/{OJL64SY5.js → AHKDUH25.js} +2 -2
  42. package/dist/calcite/{NGR7KE4K.js → AVPFV4JO.js} +2 -2
  43. package/dist/calcite/{3WMU4DHS.js → B2CCIJTB.js} +2 -2
  44. package/dist/calcite/{U7DJDM4M.js → B2Z437WR.js} +2 -2
  45. package/dist/calcite/{D5YBOHXU.js → B67JU5FM.js} +1 -1
  46. package/dist/calcite/{BNXY2UEG.js → BBTHIECO.js} +2 -2
  47. package/dist/calcite/{JVYIWOXN.js → BFZNVKU5.js} +2 -2
  48. package/dist/calcite/{ETQXOO7B.js → BGRAQUNH.js} +2 -2
  49. package/dist/calcite/{UHKMPR4E.js → BHEW6YWH.js} +2 -2
  50. package/dist/calcite/{DDJDJHH2.js → BMJUXBBW.js} +2 -2
  51. package/dist/calcite/{X4PT5AS2.js → C42GTRI5.js} +2 -2
  52. package/dist/calcite/{5D6JGVDK.js → CJ7T4O5V.js} +2 -2
  53. package/dist/calcite/{6ICEXKJ5.js → CKLTAUNH.js} +1 -1
  54. package/dist/calcite/{256SLLQN.js → CLBOVF2E.js} +2 -2
  55. package/dist/calcite/{NQQ62NXV.js → CNKALN64.js} +1 -1
  56. package/dist/calcite/{ICBSFUX3.js → COR7LNXK.js} +2 -2
  57. package/dist/calcite/{EOTZEKM2.js → CPBXZYXF.js} +2 -2
  58. package/dist/calcite/{25635OHH.js → CQROTEOH.js} +2 -2
  59. package/dist/calcite/{CVIQPFN6.js → CRV6JZHE.js} +2 -2
  60. package/dist/calcite/CSV4VODY.js +4 -0
  61. package/dist/calcite/{LUQBO45K.js → CX2XTKRF.js} +2 -2
  62. package/dist/calcite/{7OUUG4VS.js → CYPTXQAQ.js} +2 -2
  63. package/dist/calcite/{X2LZCYES.js → DGMH24Q2.js} +2 -2
  64. package/dist/calcite/{6DA5X6JH.js → DSCVHXOH.js} +1 -1
  65. package/dist/calcite/{M65DRQVN.js → DXE4LZ62.js} +2 -2
  66. package/dist/calcite/{AGDST7Y3.js → DYF3KJZT.js} +2 -2
  67. package/dist/calcite/{WE2SCPXQ.js → DZPG4XZQ.js} +2 -2
  68. package/dist/calcite/{JA3Y7SLA.js → EB3ZF4O3.js} +2 -2
  69. package/dist/calcite/{CMDA5RKA.js → EMXB45TW.js} +2 -2
  70. package/dist/calcite/{DR2DMSKO.js → EPNBPC4E.js} +2 -2
  71. package/dist/calcite/{SWWDIQEC.js → ERF2YNZL.js} +2 -2
  72. package/dist/calcite/{DIANWQR4.js → EZWJF3SD.js} +2 -2
  73. package/dist/calcite/{HDPK7NVQ.js → F6Q4N74Z.js} +2 -2
  74. package/dist/calcite/{UMUPVTSZ.js → FEWNEYD3.js} +2 -2
  75. package/dist/calcite/{ERCSH55N.js → FEWWPEIE.js} +2 -2
  76. package/dist/calcite/{RIBM7YK5.js → FIENGXVC.js} +2 -2
  77. package/dist/calcite/{UZ7BATX6.js → FL75GUAQ.js} +2 -2
  78. package/dist/calcite/{LYFSSB34.js → FLJXQLET.js} +2 -2
  79. package/dist/calcite/{I5NW3OBW.js → FPECBSWO.js} +2 -2
  80. package/dist/calcite/{P3BJDBH5.js → G4AQZPFA.js} +2 -2
  81. package/dist/calcite/{X43PICVJ.js → GC2YPJNJ.js} +2 -2
  82. package/dist/calcite/{BI3D3OTE.js → GCKK4XR6.js} +2 -2
  83. package/dist/calcite/{ZURULWK7.js → GDUSR5HI.js} +2 -2
  84. package/dist/calcite/{X5GWP2QP.js → GIGKBWQU.js} +2 -2
  85. package/dist/calcite/{NB4WZSMT.js → GX26QS6C.js} +1 -1
  86. package/dist/calcite/{PR5EVTJI.js → GZFXAUFN.js} +1 -1
  87. package/dist/calcite/{FIJOGZHJ.js → H7JYMDY5.js} +2 -2
  88. package/dist/calcite/{26I2NUML.js → HAXI6KXK.js} +1 -1
  89. package/dist/calcite/{X7T3237B.js → HMBWWRP5.js} +2 -2
  90. package/dist/calcite/{MS67O3LG.js → HODJPJEZ.js} +2 -2
  91. package/dist/calcite/{KDQ3APMM.js → I47KBRGK.js} +1 -1
  92. package/dist/calcite/{5L2ILYYP.js → I5JVXCBP.js} +2 -2
  93. package/dist/calcite/{JHRFOVCP.js → IB3DGUEY.js} +2 -2
  94. package/dist/calcite/{K7FVPZIV.js → ICNYAPHT.js} +1 -1
  95. package/dist/calcite/{PWNBD4XH.js → IXYCVMQY.js} +2 -2
  96. package/dist/calcite/{VDXV26SG.js → JPO6FQRV.js} +2 -2
  97. package/dist/calcite/{F6Z3COJF.js → JQ7L5ARN.js} +2 -2
  98. package/dist/calcite/{UQOA56ZH.js → JTGU5FZF.js} +2 -2
  99. package/dist/calcite/{DKLCCKYS.js → JYAWNM5F.js} +2 -2
  100. package/dist/calcite/{OPUSN4MS.js → K2YW5CX3.js} +2 -2
  101. package/dist/calcite/{XT42U7XW.js → K3RSBDE3.js} +2 -2
  102. package/dist/calcite/{RKKEC3II.js → K5S4S5Q7.js} +2 -2
  103. package/dist/calcite/{C3XOKCQY.js → KD3JL24G.js} +2 -2
  104. package/dist/calcite/{6ILRRD5N.js → KJFMPCBI.js} +2 -2
  105. package/dist/calcite/{YRVJ4UM5.js → KMVKTB7Y.js} +2 -2
  106. package/dist/calcite/{QVCAGRLE.js → KMWYFM4R.js} +2 -2
  107. package/dist/calcite/{VM47XJC6.js → KMZBZC2W.js} +2 -2
  108. package/dist/calcite/{4BJ7MYVO.js → KVOI25UF.js} +2 -2
  109. package/dist/calcite/{7L2QZC2X.js → KY5FQYLK.js} +2 -2
  110. package/dist/calcite/{2VHI52RB.js → L7IDLES4.js} +2 -2
  111. package/dist/calcite/{BW6EURZU.js → LB5WM6GF.js} +2 -2
  112. package/dist/calcite/{VVRESEPD.js → LXMCTI3W.js} +2 -2
  113. package/dist/calcite/{JTQPOWYC.js → M5GVTFIV.js} +2 -2
  114. package/dist/calcite/{U47NCC5H.js → MJUCXCLR.js} +2 -2
  115. package/dist/calcite/{XPIFRCRA.js → N2GRBMXJ.js} +2 -2
  116. package/dist/calcite/{EVV3B2PI.js → NDJCKEZN.js} +2 -2
  117. package/dist/calcite/{R3WRSQ6H.js → NHVPD6QX.js} +2 -2
  118. package/dist/calcite/{IBIEO7US.js → NMDQDYY7.js} +2 -2
  119. package/dist/calcite/{HVSP6YMD.js → NQBV4RRJ.js} +2 -2
  120. package/dist/calcite/{NUZDVVTH.js → NYWFDFA5.js} +2 -2
  121. package/dist/calcite/{UXQ7K6KV.js → OZ757QYH.js} +2 -2
  122. package/dist/calcite/{VBWWGW6V.js → PVFTF4N4.js} +2 -2
  123. package/dist/calcite/{WAGP62LG.js → QHB5YQNZ.js} +2 -2
  124. package/dist/calcite/{YMZIO6N7.js → QKT5I6QC.js} +1 -1
  125. package/dist/calcite/{YEM44UYR.js → QKXGSIRE.js} +2 -2
  126. package/dist/calcite/{3GZJJRPQ.js → QTNFM4PA.js} +2 -2
  127. package/dist/calcite/{OJEG4L62.js → QTQ4IBXN.js} +2 -2
  128. package/dist/calcite/{WWWDVNJP.js → R7CKM55S.js} +2 -2
  129. package/dist/calcite/{JZA5MVOV.js → RBZO5C46.js} +2 -2
  130. package/dist/calcite/{K4ZM7PF4.js → RI6ZAZHE.js} +2 -2
  131. package/dist/calcite/{UWPLHI6I.js → S4CJDXYT.js} +2 -2
  132. package/dist/calcite/{P7AO2NTY.js → S5GSLFY2.js} +2 -2
  133. package/dist/calcite/{FZDX3ZFW.js → SB5B2DVH.js} +2 -2
  134. package/dist/calcite/{WUUDFJBP.js → SCH2LUMU.js} +2 -2
  135. package/dist/calcite/{Q7S5DJHB.js → SDFWI2IK.js} +2 -2
  136. package/dist/calcite/{MVLHCRLU.js → SDGGVBG7.js} +1 -1
  137. package/dist/calcite/{PD3CNYB5.js → SMVUQZZC.js} +2 -2
  138. package/dist/calcite/{6DYLQYS5.js → SXYYQERI.js} +2 -2
  139. package/dist/calcite/{YT2YCZCM.js → TAAJU766.js} +2 -2
  140. package/dist/calcite/{3YWZ6XUI.js → TG5ZHZWR.js} +2 -2
  141. package/dist/calcite/{RWVDDW63.js → TJKSCYB3.js} +2 -2
  142. package/dist/calcite/{CFX54W53.js → TSQMCHRZ.js} +2 -2
  143. package/dist/calcite/{U7O55G3Y.js → TYNRVE2G.js} +2 -2
  144. package/dist/calcite/{Z2RKKBNL.js → U3AWI4P7.js} +2 -2
  145. package/dist/calcite/{3QL3DTCK.js → UB7SIEZM.js} +2 -2
  146. package/dist/calcite/{4RFXU7ZI.js → UBC63T2O.js} +2 -2
  147. package/dist/calcite/{DN3DLALT.js → UC7RP2EY.js} +1 -1
  148. package/dist/calcite/{HMX2OVJO.js → UOZCYEOV.js} +1 -1
  149. package/dist/calcite/{2ZKWPN6X.js → V47TZBOR.js} +2 -2
  150. package/dist/calcite/{ZAOZQE3A.js → VHCWSSSA.js} +1 -1
  151. package/dist/calcite/{2FSBSHQF.js → VIHX4YZS.js} +2 -2
  152. package/dist/calcite/{2LUEVLTY.js → VJFNIW4U.js} +2 -2
  153. package/dist/calcite/{FF7CVSDZ.js → VSIM3HQ4.js} +1 -1
  154. package/dist/calcite/{Y66CW3R4.js → WMWICBDG.js} +1 -1
  155. package/dist/calcite/{BCVMLJGZ.js → WTYZPIA6.js} +2 -2
  156. package/dist/calcite/{DUFJ2XTU.js → WVW7WVZZ.js} +1 -1
  157. package/dist/calcite/{6OECHT6Y.js → X5OANS27.js} +2 -2
  158. package/dist/calcite/{VGS3YIJE.js → XI5CEX4W.js} +2 -2
  159. package/dist/calcite/{JFAYDKC3.js → XKIF3BZG.js} +2 -2
  160. package/dist/calcite/{HOEKR6DQ.js → XNLU3XZW.js} +2 -2
  161. package/dist/calcite/{MHPIZ2NL.js → XZ6M7HTG.js} +2 -2
  162. package/dist/calcite/{THHCLCEG.js → Y3ATQT7H.js} +2 -2
  163. package/dist/calcite/{JHEGD7PD.js → Y3B2TNL6.js} +2 -2
  164. package/dist/calcite/{WYJQUUEV.js → Y6NY3J7Q.js} +2 -2
  165. package/dist/calcite/{E4AGCUEQ.js → YFKXYMIP.js} +2 -2
  166. package/dist/calcite/{2KLAYHZJ.js → YHW5BCME.js} +2 -2
  167. package/dist/calcite/{75G5HLMG.js → YRR7KYQX.js} +1 -1
  168. package/dist/calcite/{WFWWNU2O.js → Z7RNFPUP.js} +2 -2
  169. package/dist/calcite/{UOIBWZJX.js → ZE7P2LT7.js} +2 -2
  170. package/dist/calcite/{A2XWGKWO.js → ZGMZUI7A.js} +2 -2
  171. package/dist/calcite/{BJAZDG7H.js → ZJU3JOM2.js} +2 -2
  172. package/dist/calcite/{FJFZGKXL.js → ZLKWIMGR.js} +2 -2
  173. package/dist/calcite/{OC2KVYEP.js → ZRXDKJPA.js} +2 -2
  174. package/dist/calcite/{TRJCQYVT.js → ZU4NYF2I.js} +2 -2
  175. package/dist/calcite/{FVHTUJWO.js → ZX5MHCRD.js} +2 -2
  176. package/dist/calcite/{72FY5KRM.js → ZYBI6IWL.js} +2 -2
  177. package/dist/calcite/{KCOMNH2Z.js → ZZTXWJWE.js} +2 -2
  178. package/dist/calcite/calcite.esm.js +2 -2
  179. package/dist/chunks/ExpandToggle.js +1 -1
  180. package/dist/chunks/FloatingArrow.js +1 -1
  181. package/dist/chunks/Heading.js +1 -1
  182. package/dist/chunks/Validation.js +1 -1
  183. package/dist/chunks/XButton.js +1 -1
  184. package/dist/chunks/_sortable.js +1 -1
  185. package/dist/chunks/array.js +1 -1
  186. package/dist/chunks/component.js +1 -1
  187. package/dist/chunks/core.js +1 -1
  188. package/dist/chunks/date.js +1 -1
  189. package/dist/chunks/dom.js +1 -1
  190. package/dist/chunks/dynamicClasses.js +1 -1
  191. package/dist/chunks/filter.js +1 -1
  192. package/dist/chunks/floating-ui.js +1 -1
  193. package/dist/chunks/form.js +1 -1
  194. package/dist/chunks/global.js +1 -1
  195. package/dist/chunks/guid.js +1 -1
  196. package/dist/chunks/input.js +1 -1
  197. package/dist/chunks/interact.min.js +1 -1
  198. package/dist/chunks/interactive.js +1 -1
  199. package/dist/chunks/key.js +1 -1
  200. package/dist/chunks/label.js +1 -1
  201. package/dist/chunks/locale.js +1 -1
  202. package/dist/chunks/logger.js +1 -1
  203. package/dist/chunks/math.js +1 -1
  204. package/dist/chunks/observers.js +1 -1
  205. package/dist/chunks/openCloseComponent.js +1 -1
  206. package/dist/chunks/resources.js +1 -1
  207. package/dist/chunks/resources2.js +1 -1
  208. package/dist/chunks/resources3.js +1 -1
  209. package/dist/chunks/resources4.js +1 -1
  210. package/dist/chunks/resources5.js +1 -1
  211. package/dist/chunks/resources6.js +1 -1
  212. package/dist/chunks/resources7.js +1 -1
  213. package/dist/chunks/responsive.js +1 -1
  214. package/dist/chunks/runtime.js +4 -4
  215. package/dist/chunks/sortableComponent.js +1 -1
  216. package/dist/chunks/text.js +1 -1
  217. package/dist/chunks/useCancelable.js +1 -1
  218. package/dist/chunks/useFocusTrap.js +1 -1
  219. package/dist/chunks/usePreventDocumentScroll.js +1 -1
  220. package/dist/chunks/useSetFocus.js +1 -1
  221. package/dist/chunks/useT9n.js +1 -1
  222. package/dist/chunks/useTime.js +1 -1
  223. package/dist/chunks/utils.js +1 -1
  224. package/dist/chunks/utils2.js +1 -1
  225. package/dist/chunks/utils3.js +1 -1
  226. package/dist/chunks/utils4.js +1 -1
  227. package/dist/components/calcite-accordion/customElement.js +1 -1
  228. package/dist/components/calcite-accordion-item/customElement.js +1 -1
  229. package/dist/components/calcite-action/customElement.js +1 -1
  230. package/dist/components/calcite-action-bar/customElement.js +1 -1
  231. package/dist/components/calcite-action-group/customElement.js +1 -1
  232. package/dist/components/calcite-action-menu/customElement.js +1 -1
  233. package/dist/components/calcite-action-pad/customElement.js +1 -1
  234. package/dist/components/calcite-alert/customElement.js +1 -1
  235. package/dist/components/calcite-autocomplete/customElement.js +1 -1
  236. package/dist/components/calcite-autocomplete-item/customElement.js +1 -1
  237. package/dist/components/calcite-autocomplete-item-group/customElement.js +1 -1
  238. package/dist/components/calcite-avatar/customElement.js +1 -1
  239. package/dist/components/calcite-block/customElement.js +4 -4
  240. package/dist/components/calcite-block-group/customElement.js +1 -1
  241. package/dist/components/calcite-block-section/customElement.js +1 -1
  242. package/dist/components/calcite-button/customElement.js +1 -1
  243. package/dist/components/calcite-card/customElement.js +1 -1
  244. package/dist/components/calcite-card-group/customElement.js +1 -1
  245. package/dist/components/calcite-carousel/customElement.js +1 -1
  246. package/dist/components/calcite-carousel-item/customElement.js +1 -1
  247. package/dist/components/calcite-checkbox/customElement.js +1 -1
  248. package/dist/components/calcite-chip/customElement.js +1 -1
  249. package/dist/components/calcite-chip-group/customElement.js +1 -1
  250. package/dist/components/calcite-color-picker/customElement.js +1 -1
  251. package/dist/components/calcite-color-picker-hex-input/customElement.js +1 -1
  252. package/dist/components/calcite-color-picker-swatch/customElement.js +1 -1
  253. package/dist/components/calcite-combobox/customElement.js +1 -1
  254. package/dist/components/calcite-combobox-item/customElement.js +1 -1
  255. package/dist/components/calcite-combobox-item-group/customElement.js +1 -1
  256. package/dist/components/calcite-date-picker/customElement.js +1 -1
  257. package/dist/components/calcite-date-picker-day/customElement.js +1 -1
  258. package/dist/components/calcite-date-picker-month/customElement.js +1 -1
  259. package/dist/components/calcite-date-picker-month-header/customElement.js +1 -1
  260. package/dist/components/calcite-dialog/customElement.js +1 -1
  261. package/dist/components/calcite-dropdown/customElement.js +1 -1
  262. package/dist/components/calcite-dropdown-group/customElement.js +1 -1
  263. package/dist/components/calcite-dropdown-item/customElement.js +1 -1
  264. package/dist/components/calcite-fab/customElement.js +1 -1
  265. package/dist/components/calcite-filter/customElement.js +1 -1
  266. package/dist/components/calcite-flow/customElement.js +1 -1
  267. package/dist/components/calcite-flow-item/customElement.js +1 -1
  268. package/dist/components/calcite-graph/customElement.js +1 -1
  269. package/dist/components/calcite-handle/customElement.js +1 -1
  270. package/dist/components/calcite-icon/customElement.js +1 -1
  271. package/dist/components/calcite-inline-editable/customElement.js +1 -1
  272. package/dist/components/calcite-input/customElement.js +1 -1
  273. package/dist/components/calcite-input-date-picker/customElement.js +1 -1
  274. package/dist/components/calcite-input-message/customElement.js +1 -1
  275. package/dist/components/calcite-input-number/customElement.js +1 -1
  276. package/dist/components/calcite-input-text/customElement.js +1 -1
  277. package/dist/components/calcite-input-time-picker/customElement.js +1 -1
  278. package/dist/components/calcite-input-time-zone/customElement.js +1 -1
  279. package/dist/components/calcite-label/customElement.js +1 -1
  280. package/dist/components/calcite-link/customElement.js +1 -1
  281. package/dist/components/calcite-list/customElement.js +1 -1
  282. package/dist/components/calcite-list-item/customElement.js +1 -1
  283. package/dist/components/calcite-list-item-group/customElement.js +1 -1
  284. package/dist/components/calcite-loader/customElement.js +1 -1
  285. package/dist/components/calcite-menu/customElement.js +1 -1
  286. package/dist/components/calcite-menu-item/customElement.js +1 -1
  287. package/dist/components/calcite-meter/customElement.js +1 -1
  288. package/dist/components/calcite-modal/customElement.js +1 -1
  289. package/dist/components/calcite-navigation/customElement.js +1 -1
  290. package/dist/components/calcite-navigation-logo/customElement.js +1 -1
  291. package/dist/components/calcite-navigation-user/customElement.js +1 -1
  292. package/dist/components/calcite-notice/customElement.js +1 -1
  293. package/dist/components/calcite-option/customElement.js +1 -1
  294. package/dist/components/calcite-option-group/customElement.js +1 -1
  295. package/dist/components/calcite-pagination/customElement.js +1 -1
  296. package/dist/components/calcite-panel/customElement.js +1 -1
  297. package/dist/components/calcite-popover/customElement.js +1 -1
  298. package/dist/components/calcite-progress/customElement.js +1 -1
  299. package/dist/components/calcite-radio-button/customElement.js +1 -1
  300. package/dist/components/calcite-radio-button-group/customElement.js +1 -1
  301. package/dist/components/calcite-rating/customElement.js +1 -1
  302. package/dist/components/calcite-scrim/customElement.js +1 -1
  303. package/dist/components/calcite-segmented-control/customElement.js +1 -1
  304. package/dist/components/calcite-segmented-control-item/customElement.js +1 -1
  305. package/dist/components/calcite-select/customElement.js +1 -1
  306. package/dist/components/calcite-sheet/customElement.js +1 -1
  307. package/dist/components/calcite-shell/customElement.js +1 -1
  308. package/dist/components/calcite-shell-center-row/customElement.js +1 -1
  309. package/dist/components/calcite-shell-panel/customElement.js +1 -1
  310. package/dist/components/calcite-slider/customElement.js +1 -1
  311. package/dist/components/calcite-sort-handle/customElement.js +1 -1
  312. package/dist/components/calcite-sortable-list/customElement.js +1 -1
  313. package/dist/components/calcite-split-button/customElement.js +1 -1
  314. package/dist/components/calcite-stack/customElement.js +1 -1
  315. package/dist/components/calcite-stepper/customElement.js +1 -1
  316. package/dist/components/calcite-stepper-item/customElement.js +1 -1
  317. package/dist/components/calcite-swatch/customElement.js +1 -1
  318. package/dist/components/calcite-swatch-group/customElement.js +1 -1
  319. package/dist/components/calcite-switch/customElement.js +1 -1
  320. package/dist/components/calcite-tab/customElement.js +1 -1
  321. package/dist/components/calcite-tab-nav/customElement.js +1 -1
  322. package/dist/components/calcite-tab-title/customElement.js +1 -1
  323. package/dist/components/calcite-table/customElement.js +1 -1
  324. package/dist/components/calcite-table-cell/customElement.js +1 -1
  325. package/dist/components/calcite-table-header/customElement.js +1 -1
  326. package/dist/components/calcite-table-row/customElement.js +1 -1
  327. package/dist/components/calcite-tabs/customElement.js +1 -1
  328. package/dist/components/calcite-text-area/customElement.js +1 -1
  329. package/dist/components/calcite-tile/customElement.js +1 -1
  330. package/dist/components/calcite-tile-group/customElement.js +1 -1
  331. package/dist/components/calcite-tile-select/customElement.js +1 -1
  332. package/dist/components/calcite-tile-select-group/customElement.js +1 -1
  333. package/dist/components/calcite-time-picker/customElement.js +1 -1
  334. package/dist/components/calcite-tip/customElement.js +1 -1
  335. package/dist/components/calcite-tip-group/customElement.js +1 -1
  336. package/dist/components/calcite-tip-manager/customElement.js +1 -1
  337. package/dist/components/calcite-tooltip/customElement.js +1 -1
  338. package/dist/components/calcite-tree/customElement.js +1 -1
  339. package/dist/components/calcite-tree-item/customElement.js +1 -1
  340. package/dist/docs/api.json +1 -1
  341. package/dist/docs/docs.json +1 -1
  342. package/dist/docs/web-types.json +1 -1
  343. package/dist/index.js +1 -1
  344. package/dist/loader.js +1 -1
  345. package/package.json +2 -2
  346. package/dist/calcite/TVNI3YR6.js +0 -4
package/dist/calcite/{VUGB34R2.js → 26D3K2QL.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v3.3.0-next.93 */
4
- import{d as t}from"./Y66CW3R4.js";import{a as B,b as y}from"./AGDST7Y3.js";import{a as $}from"./72FY5KRM.js";import{a as v}from"./P3BJDBH5.js";import{a as k}from"./DDJDJHH2.js";import"./FIJOGZHJ.js";import"./JVYIWOXN.js";import"./BNXY2UEG.js";import{e as w}from"./SEM7IEGP.js";import"./L22N7LSN.js";import{C as h,D as u,E as m,Q as g,g as p,h as d,l as b,o as l}from"./FVHTUJWO.js";var L={backButton:"back-button"},C={backLeft:"chevron-left",backRight:"chevron-right"},o={actionBar:"action-bar",alerts:"alerts",contentTop:"content-top",contentBottom:"content-bottom",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerActions:"footer-actions",footerEnd:"footer-end",footerStart:"footer-start"},O=p`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:none;inline-size:100%;flex:1 1 auto;overflow:hidden}:host([selected]){display:flex}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.back-button{border-width:0px;border-style:solid;border-inline-end-width:1px;border-color:var(--calcite-flow-border-color, var(--calcite-color-border-3))}calcite-panel{--calcite-panel-background-color: var(--calcite-flow-background-color);--calcite-panel-border-color: var(--calcite-flow-border-color, var(--calcite-flow-item-header-border-block-end));--calcite-panel-corner-radius: var(--calcite-flow-corner-radius);--calcite-panel-description-text-color: var(--calcite-flow-description-text-color);--calcite-panel-footer-background-color: var(--calcite-flow-footer-background-color);--calcite-panel-footer-space: var(--calcite-flow-footer-space, var(--calcite-flow-item-footer-padding));--calcite-panel-header-action-background-color-hover: var(--calcite-flow-header-action-background-color-hover);--calcite-panel-header-action-background-color-press: var(--calcite-flow-header-action-background-color-press);--calcite-panel-header-action-background-color: var(--calcite-flow-header-action-background-color);--calcite-panel-header-action-indicator-color: var(--calcite-flow-header-action-indicator-color);--calcite-panel-header-action-text-color-press: var(--calcite-flow-header-action-text-color-press);--calcite-panel-header-action-text-color: var(--calcite-flow-header-action-text-color);--calcite-panel-header-background-color: var(--calcite-flow-header-background-color);--calcite-panel-header-content-space: var(--calcite-flow-header-content-space);--calcite-panel-heading-text-color: var(--calcite-flow-heading-text-color);--calcite-panel-icon-color: var(--calcite-flow-icon-color);--calcite-panel-space: var(--calcite-flow-space)}:host([hidden]){display:none}[hidden]{display:none}`,f=class extends u{constructor(){super(...arguments),this.messages=v(),this.focusSetter=k()(this),this.closable=!1,this.closed=!1,this.collapseDirection="down",this.collapsed=!1,this.collapsible=!1,this.disabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.menuOpen=!1,this.overlayPositioning="absolute",this.scale="m",this.selected=!1,this.showBackButton=!1,this.calciteFlowItemBack=l(),this.calciteFlowItemClose=l({cancelable:!1}),this.calciteFlowItemCollapse=l({cancelable:!1}),this.calciteFlowItemExpand=l({cancelable:!1}),this.calciteFlowItemScroll=l({cancelable:!1}),this.calciteFlowItemToggle=l({cancelable:!1}),this.calciteInternalFlowItemChange=l({cancelable:!1})}static{this.properties={beforeBack:[0,{},{attribute:!1}],beforeClose:[0,{},{attribute:!1}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],collapseDirection:1,collapsed:[7,{},{reflect:!0,type:Boolean}],collapsible:[7,{},{reflect:!0,type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],menuOpen:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],overlayPositioning:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],showBackButton:[5,{},{type:Boolean}]}}static{this.styles=O}async scrollContentTo(e){await this.containerEl?.scrollContentTo(e)}async setFocus(e){return this.focusSetter(()=>this.backButtonEl||this.containerEl,e)}willUpdate(e){e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.calciteInternalFlowItemChange.emit(),e.has("collapsed")&&this.hasUpdated&&(this.collapsed?this.calciteFlowItemCollapse.emit():this.calciteFlowItemExpand.emit())}updated(){B(this)}handleInternalPanelScroll(e){e.target===this.containerEl&&(e.stopPropagation(),this.calciteFlowItemScroll.emit())}handleInternalPanelClose(e){e.target===this.containerEl&&(e.stopPropagation(),this.closed=!0,this.calciteFlowItemClose.emit())}handleInternalPanelToggle(e){e.target===this.containerEl&&(e.stopPropagation(),this.collapsed=e.target.collapsed,this.calciteFlowItemToggle.emit())}backButtonClick(){this.calciteFlowItemBack.emit()}setBackRef(e){this.backButtonEl=e}setContainerRef(e){this.containerEl=e}renderBackButton(){let{el:e}=this,r=w(e)==="rtl",{showBackButton:s,backButtonClick:i,messages:n}=this,a=n.back,c=r?C.backRight:C.backLeft;return s?$("flow-back-button",d`<calcite-action .ariaLabel=${a} class=${m(L.backButton)} .icon=${c} @click=${i} scale=s slot=${o.headerActionsStart} .text=${a} title=${a??b} ${h(this.setBackRef)}></calcite-action>`):null}render(){let{collapsed:e,collapseDirection:r,collapsible:s,closable:i,closed:n,description:a,disabled:c,heading:I,headingLevel:S,loading:x,menuOpen:E,messages:F,overlayPositioning:P,beforeClose:A,icon:T,iconFlipRtl:R}=this;return y({disabled:c,children:d`<calcite-panel .beforeClose=${A} .closable=${i} .closed=${n} .collapseDirection=${r} .collapsed=${e} .collapsible=${s} .description=${a} .disabled=${c} .heading=${I} .headingLevel=${S} .icon=${T} .iconFlipRtl=${R} .loading=${x} .menuOpen=${E} .messageOverrides=${F} @calcitePanelClose=${this.handleInternalPanelClose} @calcitePanelScroll=${this.handleInternalPanelScroll} @calcitePanelToggle=${this.handleInternalPanelToggle} .overlayPositioning=${P} .scale=${this.scale} ${h(this.setContainerRef)}>${this.renderBackButton()}<slot name=${o.actionBar} slot=${t.actionBar}></slot><slot name=${o.alerts} slot=${t.alerts}></slot><slot name=${o.headerActionsStart} slot=${t.headerActionsStart}></slot><slot name=${o.headerActionsEnd} slot=${t.headerActionsEnd}></slot><slot name=${o.headerContent} slot=${t.headerContent}></slot><slot name=${o.headerMenuActions} slot=${t.headerMenuActions}></slot><slot name=${o.fab} slot=${t.fab}></slot><slot name=${o.contentTop} slot=${t.contentTop}></slot><slot name=${o.contentBottom} slot=${t.contentBottom}></slot><slot name=${o.footerStart} slot=${t.footerStart}></slot><slot name=${o.footer} slot=${t.footer}></slot><slot name=${o.footerEnd} slot=${t.footerEnd}></slot><slot name=${o.footerActions} slot=${t.footerActions}></slot><slot></slot></calcite-panel>`})}};g("calcite-flow-item",f);export{f as FlowItem};
3
+ v3.3.0-next.94 */
4
+ import{d as t}from"./WMWICBDG.js";import{a as B,b as y}from"./DYF3KJZT.js";import{a as $}from"./ZYBI6IWL.js";import{a as v}from"./G4AQZPFA.js";import{a as k}from"./BMJUXBBW.js";import"./H7JYMDY5.js";import"./BFZNVKU5.js";import"./BBTHIECO.js";import{e as w}from"./6MYOFE72.js";import"./2GXSZR3H.js";import{C as h,D as u,E as m,Q as g,g as p,h as d,l as b,o as l}from"./ZX5MHCRD.js";var L={backButton:"back-button"},C={backLeft:"chevron-left",backRight:"chevron-right"},o={actionBar:"action-bar",alerts:"alerts",contentTop:"content-top",contentBottom:"content-bottom",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerActions:"footer-actions",footerEnd:"footer-end",footerStart:"footer-start"},O=p`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:none;inline-size:100%;flex:1 1 auto;overflow:hidden}:host([selected]){display:flex}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.back-button{border-width:0px;border-style:solid;border-inline-end-width:1px;border-color:var(--calcite-flow-border-color, var(--calcite-color-border-3))}calcite-panel{--calcite-panel-background-color: var(--calcite-flow-background-color);--calcite-panel-border-color: var(--calcite-flow-border-color, var(--calcite-flow-item-header-border-block-end));--calcite-panel-corner-radius: var(--calcite-flow-corner-radius);--calcite-panel-description-text-color: var(--calcite-flow-description-text-color);--calcite-panel-footer-background-color: var(--calcite-flow-footer-background-color);--calcite-panel-footer-space: var(--calcite-flow-footer-space, var(--calcite-flow-item-footer-padding));--calcite-panel-header-action-background-color-hover: var(--calcite-flow-header-action-background-color-hover);--calcite-panel-header-action-background-color-press: var(--calcite-flow-header-action-background-color-press);--calcite-panel-header-action-background-color: var(--calcite-flow-header-action-background-color);--calcite-panel-header-action-indicator-color: var(--calcite-flow-header-action-indicator-color);--calcite-panel-header-action-text-color-press: var(--calcite-flow-header-action-text-color-press);--calcite-panel-header-action-text-color: var(--calcite-flow-header-action-text-color);--calcite-panel-header-background-color: var(--calcite-flow-header-background-color);--calcite-panel-header-content-space: var(--calcite-flow-header-content-space);--calcite-panel-heading-text-color: var(--calcite-flow-heading-text-color);--calcite-panel-icon-color: var(--calcite-flow-icon-color);--calcite-panel-space: var(--calcite-flow-space)}:host([hidden]){display:none}[hidden]{display:none}`,f=class extends u{constructor(){super(...arguments),this.messages=v(),this.focusSetter=k()(this),this.closable=!1,this.closed=!1,this.collapseDirection="down",this.collapsed=!1,this.collapsible=!1,this.disabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.menuOpen=!1,this.overlayPositioning="absolute",this.scale="m",this.selected=!1,this.showBackButton=!1,this.calciteFlowItemBack=l(),this.calciteFlowItemClose=l({cancelable:!1}),this.calciteFlowItemCollapse=l({cancelable:!1}),this.calciteFlowItemExpand=l({cancelable:!1}),this.calciteFlowItemScroll=l({cancelable:!1}),this.calciteFlowItemToggle=l({cancelable:!1}),this.calciteInternalFlowItemChange=l({cancelable:!1})}static{this.properties={beforeBack:[0,{},{attribute:!1}],beforeClose:[0,{},{attribute:!1}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],collapseDirection:1,collapsed:[7,{},{reflect:!0,type:Boolean}],collapsible:[7,{},{reflect:!0,type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],menuOpen:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],overlayPositioning:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],showBackButton:[5,{},{type:Boolean}]}}static{this.styles=O}async scrollContentTo(e){await this.containerEl?.scrollContentTo(e)}async setFocus(e){return this.focusSetter(()=>this.backButtonEl||this.containerEl,e)}willUpdate(e){e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.calciteInternalFlowItemChange.emit(),e.has("collapsed")&&this.hasUpdated&&(this.collapsed?this.calciteFlowItemCollapse.emit():this.calciteFlowItemExpand.emit())}updated(){B(this)}handleInternalPanelScroll(e){e.target===this.containerEl&&(e.stopPropagation(),this.calciteFlowItemScroll.emit())}handleInternalPanelClose(e){e.target===this.containerEl&&(e.stopPropagation(),this.closed=!0,this.calciteFlowItemClose.emit())}handleInternalPanelToggle(e){e.target===this.containerEl&&(e.stopPropagation(),this.collapsed=e.target.collapsed,this.calciteFlowItemToggle.emit())}backButtonClick(){this.calciteFlowItemBack.emit()}setBackRef(e){this.backButtonEl=e}setContainerRef(e){this.containerEl=e}renderBackButton(){let{el:e}=this,r=w(e)==="rtl",{showBackButton:s,backButtonClick:i,messages:n}=this,a=n.back,c=r?C.backRight:C.backLeft;return s?$("flow-back-button",d`<calcite-action .ariaLabel=${a} class=${m(L.backButton)} .icon=${c} @click=${i} scale=s slot=${o.headerActionsStart} .text=${a} title=${a??b} ${h(this.setBackRef)}></calcite-action>`):null}render(){let{collapsed:e,collapseDirection:r,collapsible:s,closable:i,closed:n,description:a,disabled:c,heading:I,headingLevel:S,loading:x,menuOpen:E,messages:F,overlayPositioning:P,beforeClose:A,icon:T,iconFlipRtl:R}=this;return y({disabled:c,children:d`<calcite-panel .beforeClose=${A} .closable=${i} .closed=${n} .collapseDirection=${r} .collapsed=${e} .collapsible=${s} .description=${a} .disabled=${c} .heading=${I} .headingLevel=${S} .icon=${T} .iconFlipRtl=${R} .loading=${x} .menuOpen=${E} .messageOverrides=${F} @calcitePanelClose=${this.handleInternalPanelClose} @calcitePanelScroll=${this.handleInternalPanelScroll} @calcitePanelToggle=${this.handleInternalPanelToggle} .overlayPositioning=${P} .scale=${this.scale} ${h(this.setContainerRef)}>${this.renderBackButton()}<slot name=${o.actionBar} slot=${t.actionBar}></slot><slot name=${o.alerts} slot=${t.alerts}></slot><slot name=${o.headerActionsStart} slot=${t.headerActionsStart}></slot><slot name=${o.headerActionsEnd} slot=${t.headerActionsEnd}></slot><slot name=${o.headerContent} slot=${t.headerContent}></slot><slot name=${o.headerMenuActions} slot=${t.headerMenuActions}></slot><slot name=${o.fab} slot=${t.fab}></slot><slot name=${o.contentTop} slot=${t.contentTop}></slot><slot name=${o.contentBottom} slot=${t.contentBottom}></slot><slot name=${o.footerStart} slot=${t.footerStart}></slot><slot name=${o.footer} slot=${t.footer}></slot><slot name=${o.footerEnd} slot=${t.footerEnd}></slot><slot name=${o.footerActions} slot=${t.footerActions}></slot><slot></slot></calcite-panel>`})}};g("calcite-flow-item",f);export{f as FlowItem};
package/dist/calcite/{OHDBIXSG.js → 27OKTPYV.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v3.3.0-next.93 */
4
- import{b as $}from"./M65DRQVN.js";import"./ETQXOO7B.js";import{a as b}from"./72FY5KRM.js";import{a as x}from"./DN3DLALT.js";import{a as T}from"./P3BJDBH5.js";import"./FIJOGZHJ.js";import{a as k}from"./BNXY2UEG.js";import{e as y}from"./SEM7IEGP.js";import"./L22N7LSN.js";import{C as m,D as f,E as a,Q as v,g,h as r,o as u}from"./FVHTUJWO.js";var i={header:"header",heading:"heading",close:"close",container:"container",tipContainer:"tip-container",tipContainerAdvancing:"tip-container--advancing",tipContainerRetreating:"tip-container--retreating",pagination:"pagination",pagePosition:"page-position",pageNext:"page-next",pagePrevious:"page-previous"},c={chevronLeft:"chevron-left",chevronRight:"chevron-right",close:"x"},w=g`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);--calcite-tip-manager-height: 19vh}:host *{box-sizing:border-box}:host([closed]){display:none}.header{margin:0;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0;padding:0;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:.5rem}.header{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;padding-inline-end:0px;padding-inline-start:1rem}.header .heading{padding:0;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.container{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}.container:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.tip-container{margin-block-start:1px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:1rem;outline-color:transparent;animation-name:none;animation-duration:var(--calcite-animation-timing);block-size:var(--calcite-tip-manager-height)}.tip-container:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}::slotted(calcite-tip){margin:0;border-style:none;max-inline-size:var(--calcite-tip-max-width)}.tip-container--advancing{animation-name:tip-advance}.tip-container--retreating{animation-name:tip-retreat}.pagination{display:flex;align-items:center;justify-content:center;padding-inline:0px;padding-block:.75rem .5rem}.page-position{margin-block:0px;margin-inline:.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@keyframes tip-advance{0%{opacity:0;transform:translate3d(50px,0,0) scale(.99)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;transform:translate3d(-50px,0,0) scale(.99)}to{opacity:1;transform:translateZ(0) scale(1)}}:host([hidden]){display:none}[hidden]{display:none}`,h=class extends f{constructor(){super(...arguments),this.messages=T(),this.mutationObserver=x("mutation",()=>this.setUpTips()),this.closed=!1,this.calciteTipManagerClose=u({cancelable:!1})}static{this.properties={direction:[16,{},{state:!0}],groupTitle:[16,{},{state:!0}],selectedIndex:[16,{},{state:!0}],tips:[16,{},{state:!0}],total:[16,{},{state:!0}],closed:[7,{},{reflect:!0,type:Boolean}],headingLevel:[11,{},{type:Number,reflect:!0}],messageOverrides:[0,{},{attribute:!1}]}}static{this.styles=w}async nextTip(){this.direction="advancing";let e=this.selectedIndex+1;this.selectedIndex=(e+this.total)%this.total}async previousTip(){this.direction="retreating";let e=this.selectedIndex-1;this.selectedIndex=(e+this.total)%this.total}connectedCallback(){super.connectedCallback(),this.setUpTips(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}async load(){k.deprecated("component",{name:"tip-manager",removalVersion:4,suggested:"carousel"})}willUpdate(e){e.has("closed")&&(this.hasUpdated||this.closed!==!1)&&(this.direction=null),e.has("selectedIndex")&&this.selectedChangeHandler(),e.has("messages")&&this.updateGroupTitle()}loaded(){this.updateGroupTitle()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}selectedChangeHandler(){this.showSelectedTip(),this.updateGroupTitle()}setUpTips(){let e=Array.from(this.el.querySelectorAll("calcite-tip"));if(this.total=e.length,this.total===0)return;let t=this.el.querySelector("calcite-tip[selected]");this.tips=e,this.selectedIndex=t?e.indexOf(t):0,e.forEach(o=>{o.closeDisabled=!0}),this.showSelectedTip()}hideTipManager(){this.closed=!0,this.calciteTipManagerClose.emit()}showSelectedTip(){this.tips.forEach((e,t)=>{let o=this.selectedIndex===t;e.selected=o,e.hidden=!o})}updateGroupTitle(){if(this.tips){let t=this.tips[this.selectedIndex].closest("calcite-tip-group");this.groupTitle=t?.groupTitle||this.messages?.defaultGroupTitle}}previousClicked(){this.previousTip()}nextClicked(){this.nextTip()}tipManagerKeyDownHandler(e){if(e.target===this.container)switch(e.key){case"ArrowRight":e.preventDefault(),this.nextTip();break;case"ArrowLeft":e.preventDefault(),this.previousTip();break;case"Home":e.preventDefault(),this.selectedIndex=0;break;case"End":e.preventDefault(),this.selectedIndex=this.total-1;break}}storeContainerRef(e){this.container=e}renderPagination(){let e=y(this.el),{selectedIndex:t,tips:o,total:s,messages:n}=this,l=n.next,d=n.previous,p=n.defaultPaginationLabel;return o.length>1?r`<footer class=${a(i.pagination)}><calcite-action class=${a(i.pagePrevious)} .icon=${e==="ltr"?c.chevronLeft:c.chevronRight} @click=${this.previousClicked} scale=m .text=${d}></calcite-action><span class=${a(i.pagePosition)}>${`${p} ${t+1}/${s}`}</span><calcite-action class=${a(i.pageNext)} .icon=${e==="ltr"?c.chevronRight:c.chevronLeft} @click=${this.nextClicked} scale=m .text=${l}></calcite-action></footer>`:null}render(){let{closed:e,direction:t,headingLevel:o,groupTitle:s,selectedIndex:n,messages:l,total:d}=this,p=l.close;return d===0?null:r`<section .ariaHidden=${e} class=${a(i.container)} .hidden=${e} @keydown=${this.tipManagerKeyDownHandler} tabindex=0 ${m(this.storeContainerRef)}><header class=${a(i.header)}>${$({class:i.heading,level:o,children:s})}<calcite-action class=${a(i.close)} @click=${this.hideTipManager} scale=m .text=${p}><calcite-icon .icon=${c.close} scale=m></calcite-icon></calcite-action></header>${b(n,r`<div class=${a({[i.tipContainer]:!0,[i.tipContainerAdvancing]:!e&&t==="advancing",[i.tipContainerRetreating]:!e&&t==="retreating"})} tabindex=0><slot></slot></div>`)}${this.renderPagination()}</section>`}};v("calcite-tip-manager",h);export{h as TipManager};
3
+ v3.3.0-next.94 */
4
+ import{b as $}from"./DXE4LZ62.js";import"./BGRAQUNH.js";import{a as b}from"./ZYBI6IWL.js";import{a as x}from"./UC7RP2EY.js";import{a as T}from"./G4AQZPFA.js";import"./H7JYMDY5.js";import{a as k}from"./BBTHIECO.js";import{e as y}from"./6MYOFE72.js";import"./2GXSZR3H.js";import{C as m,D as f,E as a,Q as v,g,h as r,o as u}from"./ZX5MHCRD.js";var i={header:"header",heading:"heading",close:"close",container:"container",tipContainer:"tip-container",tipContainerAdvancing:"tip-container--advancing",tipContainerRetreating:"tip-container--retreating",pagination:"pagination",pagePosition:"page-position",pageNext:"page-next",pagePrevious:"page-previous"},c={chevronLeft:"chevron-left",chevronRight:"chevron-right",close:"x"},w=g`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);--calcite-tip-manager-height: 19vh}:host *{box-sizing:border-box}:host([closed]){display:none}.header{margin:0;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0;padding:0;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:.5rem}.header{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;padding-inline-end:0px;padding-inline-start:1rem}.header .heading{padding:0;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.container{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}.container:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.tip-container{margin-block-start:1px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:1rem;outline-color:transparent;animation-name:none;animation-duration:var(--calcite-animation-timing);block-size:var(--calcite-tip-manager-height)}.tip-container:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}::slotted(calcite-tip){margin:0;border-style:none;max-inline-size:var(--calcite-tip-max-width)}.tip-container--advancing{animation-name:tip-advance}.tip-container--retreating{animation-name:tip-retreat}.pagination{display:flex;align-items:center;justify-content:center;padding-inline:0px;padding-block:.75rem .5rem}.page-position{margin-block:0px;margin-inline:.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@keyframes tip-advance{0%{opacity:0;transform:translate3d(50px,0,0) scale(.99)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;transform:translate3d(-50px,0,0) scale(.99)}to{opacity:1;transform:translateZ(0) scale(1)}}:host([hidden]){display:none}[hidden]{display:none}`,h=class extends f{constructor(){super(...arguments),this.messages=T(),this.mutationObserver=x("mutation",()=>this.setUpTips()),this.closed=!1,this.calciteTipManagerClose=u({cancelable:!1})}static{this.properties={direction:[16,{},{state:!0}],groupTitle:[16,{},{state:!0}],selectedIndex:[16,{},{state:!0}],tips:[16,{},{state:!0}],total:[16,{},{state:!0}],closed:[7,{},{reflect:!0,type:Boolean}],headingLevel:[11,{},{type:Number,reflect:!0}],messageOverrides:[0,{},{attribute:!1}]}}static{this.styles=w}async nextTip(){this.direction="advancing";let e=this.selectedIndex+1;this.selectedIndex=(e+this.total)%this.total}async previousTip(){this.direction="retreating";let e=this.selectedIndex-1;this.selectedIndex=(e+this.total)%this.total}connectedCallback(){super.connectedCallback(),this.setUpTips(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}async load(){k.deprecated("component",{name:"tip-manager",removalVersion:4,suggested:"carousel"})}willUpdate(e){e.has("closed")&&(this.hasUpdated||this.closed!==!1)&&(this.direction=null),e.has("selectedIndex")&&this.selectedChangeHandler(),e.has("messages")&&this.updateGroupTitle()}loaded(){this.updateGroupTitle()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}selectedChangeHandler(){this.showSelectedTip(),this.updateGroupTitle()}setUpTips(){let e=Array.from(this.el.querySelectorAll("calcite-tip"));if(this.total=e.length,this.total===0)return;let t=this.el.querySelector("calcite-tip[selected]");this.tips=e,this.selectedIndex=t?e.indexOf(t):0,e.forEach(o=>{o.closeDisabled=!0}),this.showSelectedTip()}hideTipManager(){this.closed=!0,this.calciteTipManagerClose.emit()}showSelectedTip(){this.tips.forEach((e,t)=>{let o=this.selectedIndex===t;e.selected=o,e.hidden=!o})}updateGroupTitle(){if(this.tips){let t=this.tips[this.selectedIndex].closest("calcite-tip-group");this.groupTitle=t?.groupTitle||this.messages?.defaultGroupTitle}}previousClicked(){this.previousTip()}nextClicked(){this.nextTip()}tipManagerKeyDownHandler(e){if(e.target===this.container)switch(e.key){case"ArrowRight":e.preventDefault(),this.nextTip();break;case"ArrowLeft":e.preventDefault(),this.previousTip();break;case"Home":e.preventDefault(),this.selectedIndex=0;break;case"End":e.preventDefault(),this.selectedIndex=this.total-1;break}}storeContainerRef(e){this.container=e}renderPagination(){let e=y(this.el),{selectedIndex:t,tips:o,total:s,messages:n}=this,l=n.next,d=n.previous,p=n.defaultPaginationLabel;return o.length>1?r`<footer class=${a(i.pagination)}><calcite-action class=${a(i.pagePrevious)} .icon=${e==="ltr"?c.chevronLeft:c.chevronRight} @click=${this.previousClicked} scale=m .text=${d}></calcite-action><span class=${a(i.pagePosition)}>${`${p} ${t+1}/${s}`}</span><calcite-action class=${a(i.pageNext)} .icon=${e==="ltr"?c.chevronRight:c.chevronLeft} @click=${this.nextClicked} scale=m .text=${l}></calcite-action></footer>`:null}render(){let{closed:e,direction:t,headingLevel:o,groupTitle:s,selectedIndex:n,messages:l,total:d}=this,p=l.close;return d===0?null:r`<section .ariaHidden=${e} class=${a(i.container)} .hidden=${e} @keydown=${this.tipManagerKeyDownHandler} tabindex=0 ${m(this.storeContainerRef)}><header class=${a(i.header)}>${$({class:i.heading,level:o,children:s})}<calcite-action class=${a(i.close)} @click=${this.hideTipManager} scale=m .text=${p}><calcite-icon .icon=${c.close} scale=m></calcite-icon></calcite-action></header>${b(n,r`<div class=${a({[i.tipContainer]:!0,[i.tipContainerAdvancing]:!e&&t==="advancing",[i.tipContainerRetreating]:!e&&t==="retreating"})} tabindex=0><slot></slot></div>`)}${this.renderPagination()}</section>`}};v("calcite-tip-manager",h);export{h as TipManager};
package/dist/calcite/{TLWBRBCF.js → 27XVLW34.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v3.3.0-next.93 */
4
- import{a as s,b as r,f as d}from"./5L2ILYYP.js";import"./SEM7IEGP.js";import"./L22N7LSN.js";import{D as n,E as c,Q as o,g as a,h as l,o as i}from"./FVHTUJWO.js";var b={container:"container"},h=a`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, .5rem)}:host([scale=m]) .container{gap:.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, .75rem)}:host([scale=l]) .container{gap:.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-color-text-1);color:var(--calcite-label-text-color, var(--calcite-color-text-1))}:host([layout=block]) .container,:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:.5rem}:host([layout=inline][scale=l]) .container{gap:.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity: 1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity: 0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,t=class extends n{constructor(){super(),this.alignment="start",this.layout="default",this.scale="m",this.calciteInternalLabelClick=i({bubbles:!1,cancelable:!1}),this.listen("click",this.labelClickHandler)}static{this.properties={alignment:[3,{},{reflect:!0}],for:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}]}}static{this.styles=h}connectedCallback(){super.connectedCallback(),document.dispatchEvent(new CustomEvent(s))}willUpdate(e){e.has("for")&&d(this.el)}disconnectedCallback(){super.disconnectedCallback(),document.dispatchEvent(new CustomEvent(r))}labelClickHandler(e){window.getSelection()?.type!=="Range"&&this.calciteInternalLabelClick.emit({sourceEvent:e})}render(){return l`<div class=${c(b.container)}><slot></slot></div>`}};o("calcite-label",t);export{t as Label};
3
+ v3.3.0-next.94 */
4
+ import{a as s,b as r,f as d}from"./I5JVXCBP.js";import"./6MYOFE72.js";import"./2GXSZR3H.js";import{D as n,E as c,Q as o,g as a,h as l,o as i}from"./ZX5MHCRD.js";var b={container:"container"},h=a`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, .5rem)}:host([scale=m]) .container{gap:.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, .75rem)}:host([scale=l]) .container{gap:.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-color-text-1);color:var(--calcite-label-text-color, var(--calcite-color-text-1))}:host([layout=block]) .container,:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:.5rem}:host([layout=inline][scale=l]) .container{gap:.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity: 1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity: 0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,t=class extends n{constructor(){super(),this.alignment="start",this.layout="default",this.scale="m",this.calciteInternalLabelClick=i({bubbles:!1,cancelable:!1}),this.listen("click",this.labelClickHandler)}static{this.properties={alignment:[3,{},{reflect:!0}],for:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}]}}static{this.styles=h}connectedCallback(){super.connectedCallback(),document.dispatchEvent(new CustomEvent(s))}willUpdate(e){e.has("for")&&d(this.el)}disconnectedCallback(){super.disconnectedCallback(),document.dispatchEvent(new CustomEvent(r))}labelClickHandler(e){window.getSelection()?.type!=="Range"&&this.calciteInternalLabelClick.emit({sourceEvent:e})}render(){return l`<div class=${c(b.container)}><slot></slot></div>`}};o("calcite-label",t);export{t as Label};
package/dist/calcite/{XXQ4ABRB.js → 2AHBYNQY.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v3.3.0-next.93 */
4
- import{a as ue,d as V,e as Ce}from"./6DA5X6JH.js";import{a as ne}from"./QVCAGRLE.js";import{A as k,B as he,C as _,D as de,E as pe,a as S,b as n,c as g,d as I,e as D,f as u,g as K,h as b,i as A,j as H,k as U,m as O,n as j,r as P,s as y,u as re,v as ce,x as N,y as W,z as B}from"./IP7W5DRO.js";import"./2YZ3LVQO.js";import{a as ae,b as oe}from"./AGDST7Y3.js";import{a as T}from"./72FY5KRM.js";import{a as se}from"./XT42U7XW.js";import{c as E}from"./ZAOZQE3A.js";import{a as le}from"./STMHYU5S.js";import{a as Q}from"./DN3DLALT.js";import{a as ie}from"./P3BJDBH5.js";import{a as te}from"./DDJDJHH2.js";import"./FIJOGZHJ.js";import"./JVYIWOXN.js";import"./BNXY2UEG.js";import{e as ee,w as L}from"./SEM7IEGP.js";import"./L22N7LSN.js";import{C as v,D as J,E as r,F as x,Q as Z,g as Y,h as p,l as $,o as M}from"./FVHTUJWO.js";var ke=Y`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal);inline-size:var(--calcite-internal-color-picker-min-width);min-inline-size:var(--calcite-internal-color-picker-min-width)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-color-picker-min-width: 200px;--calcite-color-picker-spacing: var(--calcite-spacing-sm)}:host([scale=m]){--calcite-internal-color-picker-min-width: 240px;--calcite-color-picker-spacing: var(--calcite-spacing-md)}:host([scale=l]){--calcite-internal-color-picker-min-width: 304px;--calcite-color-picker-spacing: var(--calcite-spacing-lg);font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .control-section{display:flex;flex-direction:column;flex-wrap:wrap;align-items:baseline}:host([scale=l]) .color-hex-options{inline-size:100%;display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}.container{background-color:var(--calcite-color-foreground-1);display:flex;flex-direction:column;block-size:min-content;border:1px solid var(--calcite-color-border-1)}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.color-field,.control-and-scope{-webkit-user-select:none;user-select:none}.scope{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);block-size:1px;inline-size:1px;border-radius:9999px;background-color:transparent;font-size:var(--calcite-font-size--1);outline-color:transparent}.scope:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));outline-offset:6px}.hex-and-channels-group{display:flex;inline-size:100%;flex-direction:column;flex-wrap:wrap}.section{padding-block:0 var(--calcite-color-picker-spacing);padding-inline:var(--calcite-color-picker-spacing)}.section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}.sliders{display:flex;flex-direction:column;justify-content:space-between;margin-inline-start:var(--calcite-color-picker-spacing);gap:var(--calcite-spacing-xxs)}.preview-and-sliders{display:flex;align-items:center;padding:var(--calcite-color-picker-spacing)}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-color-text-1)}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex}.channel{flex-grow:1}.channel[data-channel-index="3"]{margin-inline-start:-1px;min-inline-size:81px}:host([scale=s]) .channel[data-channel-index="3"]{min-inline-size:68px}:host([scale=l]) .channel[data-channel-index="3"]{min-inline-size:88px}.saved-colors-buttons{display:flex}.swatch-group{margin-block-start:var(--calcite-color-picker-spacing)}:host([hidden]){display:none}[hidden]{display:none}`,fe=16,X=class extends J{constructor(){super(),this._color=g,this.internalColorUpdateContext=null,this.isActiveChannelInputEmpty=!1,this.mode=N.HEX,this.resizeObserver=Q("resize",e=>this.resizeCanvas(e)),this.shiftKeyChannelAdjustment=0,this.upOrDownArrowKeyTracker=null,this._valueWasSet=!1,this.messages=ie({blocking:!0}),this.captureColorFieldColor=(e,t,i=!0)=>{let{width:a,height:o}=this.dynamicDimensions.colorField,s=Math.round(u.s/a*e),l=Math.round(u.v/o*(o-t));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(s).value(l),i)},this.cancelable=se()(this),this.drawColorControls=E((e="all")=>{(e==="all"||e==="color-field")&&this.colorFieldRenderingContext&&this.drawColorField(),(e==="all"||e==="hue-slider")&&this.hueSliderRenderingContext&&this.drawHueSlider(),this.alphaChannel&&(e==="all"||e==="opacity-slider")&&this.opacitySliderRenderingContext&&this.drawOpacitySlider()},fe),this.globalPointerMoveHandler=e=>{let{activeCanvasInfo:t,el:i}=this;if(!i.isConnected||!t)return;let{context:a,bounds:o}=t,s,l,{clientX:c,clientY:h}=e;a.canvas.matches(":hover")?(s=c-o.x,l=h-o.y):(c<o.x+o.width&&c>o.x?s=c-o.x:c<o.x?s=0:s=o.width,h<o.y+o.height&&h>o.y?l=h-o.y:h<o.y?l=0:l=o.height),a===this.colorFieldRenderingContext?this.captureColorFieldColor(s,l,!1):a===this.hueSliderRenderingContext?this.captureHueSliderColor(s):a===this.opacitySliderRenderingContext&&this.captureOpacitySliderValue(s)},this.globalPointerUpHandler=e=>{if(!L(e))return;let t=this.activeCanvasInfo;this.activeCanvasInfo=null,this.drawColorControls(),t&&this.calciteColorPickerChange.emit()},this.resizeCanvas=E(e=>{if(!this.hasUpdated)return;let[t]=e,i=Math.floor(t.contentBoxSize[0].inlineSize);this.dynamicDimensions.colorField.width!==i&&(this.updateDynamicDimensions(i),this.updateCanvasSize(),this.drawColorControls())},fe),this.updateDynamicDimensions=e=>{let t={width:de(e,this.staticDimensions,this.alphaChannel),height:this.staticDimensions.slider.height};this.dynamicDimensions={colorField:pe(e),slider:t}},this.focusSetter=te()(this),this.channelMode="rgb",this.channels=this.toChannels(g),this.staticDimensions=A.m,this.savedColors=[],this.allowEmpty=!1,this.alphaChannel=!1,this.channelsDisabled=!1,this.clearable=!1,this.disabled=!1,this.fieldDisabled=!1,this.format="auto",this.hexDisabled=!1,this.savedDisabled=!1,this.scale="m",this.calciteColorPickerChange=M({cancelable:!1}),this.calciteColorPickerInput=M({cancelable:!1}),this.listen("keydown",this.handleChannelKeyUpOrDown,{capture:!0}),this.listen("keyup",this.handleChannelKeyUpOrDown,{capture:!0})}static{this.properties={channelMode:[16,{},{state:!0}],channels:[16,{},{state:!0}],colorFieldScopeLeft:[16,{},{state:!0}],colorFieldScopeTop:[16,{},{state:!0}],staticDimensions:[16,{},{state:!0}],hueScopeLeft:[16,{},{state:!0}],opacityScopeLeft:[16,{},{state:!0}],savedColors:[16,{},{state:!0}],scopeOrientation:[16,{},{state:!0}],allowEmpty:[7,{},{reflect:!0,type:Boolean}],alphaChannel:[5,{},{type:Boolean}],channelsDisabled:[5,{},{type:Boolean}],clearable:[7,{},{reflect:!0,type:Boolean}],color:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],fieldDisabled:[7,{},{reflect:!0,type:Boolean}],format:[3,{},{reflect:!0}],hexDisabled:[5,{},{type:Boolean}],messageOverrides:[0,{},{attribute:!1}],numberingSystem:[3,{},{reflect:!0}],savedDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],storageId:[3,{},{reflect:!0}],value:1}}static{this.styles=ke}get color(){return this._color}set color(e){let t=this._color;this._color=e,this.handleColorChange(e,t)}get value(){return this._value}set value(e){let t=this._value;this._value=e,this.handleValueChange(e,t),this._valueWasSet=!0}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.observeResize(),this.cancelable.add([this.drawColorControls,this.resizeCanvas])}async load(){this._valueWasSet||(this._value??=P(y(g,this.alphaChannel))),this.handleAllowEmptyOrClearableChange();let{isClearable:e,color:t,format:i,value:a}=this,o=e&&!a,s=W(a),l=o||i==="auto"&&s||i===s,c=o?null:l?S(a):t;l||this.showIncompatibleColorWarning(a,i),this.setMode(i,!1),this.internalColorSet(c,!1,"initial"),this.updateStaticDimensions(this.scale),this.updateDynamicDimensions(A[this.scale].minWidth);let h=`${I}${this.storageId}`;this.storageId&&localStorage.getItem(h)&&(this.savedColors=JSON.parse(localStorage.getItem(h)))}willUpdate(e){(e.has("allowEmpty")&&(this.hasUpdated||this.allowEmpty!==!1)||e.has("clearable")&&(this.hasUpdated||this.clearable!==!1))&&this.handleAllowEmptyOrClearableChange(),e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)&&this.handleAlphaChannelChange(this.alphaChannel),this.hasUpdated&&(e.has("alphaChannel")&&this.alphaChannel!==!1||e.has("staticDimensions")&&this.staticDimensions!==A.m)&&this.handleAlphaChannelDimensionsChange(),(e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)||e.has("format")&&(this.hasUpdated||this.format!=="auto"))&&this.handleFormatOrAlphaChannelChange(),e.has("scale")&&(this.hasUpdated||this.scale!=="m")&&this.handleScaleChange(this.scale)}updated(){ae(this)}loaded(){this.handleAlphaChannelDimensionsChange()}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("pointermove",this.globalPointerMoveHandler),window.removeEventListener("pointerup",this.globalPointerUpHandler),this.resizeObserver?.disconnect()}get baseColorFieldColor(){return this.color||this.previousColor||g}get effectiveSliderWidth(){return this.dynamicDimensions.slider.width}observeResize(){this.resizeObserver?.observe(this.el)}handleAllowEmptyOrClearableChange(){this.isClearable=this.clearable||this.allowEmpty}handleAlphaChannelChange(e){let{format:t}=this;e&&t!=="auto"&&!k(t)&&(console.warn(`ignoring alphaChannel as the current format (${t}) does not support alpha`),this.alphaChannel=!1)}handleAlphaChannelDimensionsChange(){this.drawColorControls()}handleColorChange(e,t){this.drawColorControls(),this.updateChannelsFromColor(e),this.previousColor=t}handleFormatOrAlphaChannelChange(){this.setMode(this.format),this.internalColorSet(this.color,!1,"internal")}handleScaleChange(e="m"){this.updateStaticDimensions(e),this.updateCanvasSize(),this.drawColorControls()}handleValueChange(e,t){let{isClearable:i,format:a}=this,o=!i||e,s=!1;if(o){let d=W(e);if(!d||a!=="auto"&&d!==a){this.showIncompatibleColorWarning(e,a),this._value=t;return}s=this.mode!==d,this.setMode(d,this.internalColorUpdateContext===null)}let l=this.activeCanvasInfo;if(this.internalColorUpdateContext==="initial")return;if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit(),l||this.calciteColorPickerChange.emit();return}let c=i&&!e?null:S(e!=null&&typeof e=="object"&&k(this.mode)?ce(e):e),h=!B(c,this.color);(s||h)&&this.internalColorSet(c,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css"))||this.internalColorUpdateContext==="internal","internal")}handleTabActivate(e){this.channelMode=e.currentTarget.getAttribute("data-color-mode"),this.updateChannelsFromColor(this.color)}handleColorFieldScopeKeyDown(e){let{key:t}=e,i={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};i[t]&&(e.preventDefault(),this.scopeOrientation=t==="ArrowDown"||t==="ArrowUp"?"vertical":"horizontal",this.captureColorFieldColor(this.colorFieldScopeLeft+i[t].x||0,this.colorFieldScopeTop+i[t].y||0,!1))}handleHueScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,a={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(a[i]){e.preventDefault();let o=a[i]*t,s=this.baseColorFieldColor.hue(),l=this.baseColorFieldColor.hue(s+o);this.internalColorSet(l,!1)}}handleHexInputChange(e){e.stopPropagation();let{isClearable:t,color:i}=this,o=e.target.value;if(t&&!o){this.internalColorSet(null);return}let s=i&&P(y(i,k(this.mode)));o!==s&&this.internalColorSet(S(o))}handleSavedColorSelect(e){let t=e.currentTarget;this.internalColorSet(S(t.color))}handleChannelInput(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),o=i===3?b.max:this.channelMode==="rgb"?D[Object.keys(D)[i]]:u[Object.keys(u)[i]],s;if(!t.value)s="",this.isActiveChannelInputEmpty=!0,this.upOrDownArrowKeyTracker=null;else{let c=Number(t.value)+this.shiftKeyChannelAdjustment;s=ue(c,0,o).toString()}t.value=s,s!==""&&this.shiftKeyChannelAdjustment!==0?this.handleChannelChange(e):s!==""&&this.handleChannelChange(e)}handleChannelBlur(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=[...this.channels];!t.value&&!this.isClearable&&(t.value=a[i]?.toString())}handleChannelFocus(e){e.currentTarget.selectText()}handleChannelKeyUpOrDown(e){this.shiftKeyChannelAdjustment=0;let{key:t}=e;if(t!=="ArrowUp"&&t!=="ArrowDown"||!e.composedPath().some(o=>o.classList?.contains(n.channel)))return;let{shiftKey:i}=e;if(e.preventDefault(),!this.color){this.internalColorSet(this.previousColor),e.stopPropagation();return}let a=9;this.shiftKeyChannelAdjustment=t==="ArrowUp"&&i?a:t==="ArrowDown"&&i?-a:0,t==="ArrowUp"&&(this.upOrDownArrowKeyTracker="up"),t==="ArrowDown"&&(this.upOrDownArrowKeyTracker="down")}getChannelInputLimit(e){return this.channelMode==="rgb"?D[Object.keys(D)[e]]:u[Object.keys(u)[e]]}handleChannelChange(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=[...this.channels];if(this.isClearable&&!t.value){this.channels=[null,null,null,null],this.internalColorSet(null);return}let s=i===3;this.isActiveChannelInputEmpty&&this.upOrDownArrowKeyTracker&&(t.value=this.upOrDownArrowKeyTracker==="up"?(a[i]+1<=this.getChannelInputLimit(i)?a[i]+1:this.getChannelInputLimit(i)).toString():(a[i]-1>=0?a[i]-1:0).toString(),this.isActiveChannelInputEmpty=!1,this.upOrDownArrowKeyTracker=null);let l=t.value?Number(t.value):a[i];a[i]=s?j(l):l,this.updateColorFromChannels(a)}handleSavedColorKeyDown(e){le(e.key)&&(e.preventDefault(),this.handleSavedColorSelect(e))}handleColorFieldPointerDown(e){this.handleCanvasControlPointerDown(e,this.colorFieldRenderingContext,this.captureColorFieldColor,this.colorFieldScopeNode)}focusScope(e){requestAnimationFrame(()=>{e.focus()})}handleHueSliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.hueSliderRenderingContext,this.captureHueSliderColor,this.hueScopeNode)}handleOpacitySliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.opacitySliderRenderingContext,this.captureOpacitySliderValue,this.opacityScopeNode)}handleCanvasControlPointerDown(e,t,i,a){L(e)&&(window.addEventListener("pointermove",this.globalPointerMoveHandler),window.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:t,bounds:t.canvas.getBoundingClientRect()},i.call(this,e.offsetX,e.offsetY),this.focusScope(a))}storeColorFieldScope(e){this.colorFieldScopeNode=e}storeHueScope(e){this.hueScopeNode=e}handleKeyDown(e){e.key==="Enter"&&e.preventDefault()}showIncompatibleColorWarning(e,t){console.warn(`ignoring color value (${e}) as it is not compatible with the current format (${t})`)}setMode(e,t=!0){let i=e==="auto"?this.mode:e;this.mode=this.ensureCompatibleMode(i,t)}ensureCompatibleMode(e,t){let{alphaChannel:i}=this,a=k(e);if(i&&!a){let o=he(e);return t&&console.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}if(!i&&a){let o=_(e);return t&&console.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}return e}captureHueSliderColor(e){let t=K/this.effectiveSliderWidth*e;this.internalColorSet(this.baseColorFieldColor.hue(t),!1)}captureOpacitySliderValue(e){let t=j(b.max/this.effectiveSliderWidth*e);this.internalColorSet(this.baseColorFieldColor.alpha(t),!1)}internalColorSet(e,t=!0,i="user-interaction"){t&&B(e,this.color)||(this.internalColorUpdateContext=i,this.color=e,this.value=this.toValue(e),this.internalColorUpdateContext=null)}toValue(e,t=this.mode){if(!e)return null;if(t.includes("hex")){let o=t===N.HEXA;return P(y(e.round(),o),o)}if(t.includes("-css")){let o=e[t.replace("-css","").replace("a","")]().round().string();if((t.endsWith("a")||t.endsWith("a-css"))&&e.alpha()===1){let l=o.slice(0,3),c=o.slice(4,-1);return`${l}a(${c}, ${e.alpha()})`}return o}let a=e[_(t)]().round().object();return t.endsWith("a")?re(a):a}getSliderCapSpacing(){let{staticDimensions:{slider:{height:e},thumb:{radius:t}}}=this;return t*2-e}updateStaticDimensions(e="m"){this.staticDimensions=A[e]}deleteColor(){let e=y(this.color,this.alphaChannel);if(!(this.savedColors.indexOf(e)>-1))return;let i=this.savedColors.filter(o=>o!==e);this.savedColors=i;let a=`${I}${this.storageId}`;this.storageId&&localStorage.setItem(a,JSON.stringify(i))}saveColor(){let e=y(this.color,this.alphaChannel);if(this.savedColors.indexOf(e)>-1)return;let i=[...this.savedColors,e];this.savedColors=i;let a=`${I}${this.storageId}`;this.storageId&&localStorage.setItem(a,JSON.stringify(i))}drawColorField(){let e=this.colorFieldRenderingContext,{width:t,height:i}=this.dynamicDimensions.colorField;e.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string(),e.fillRect(0,0,t,i);let a=e.createLinearGradient(0,0,t,0);a.addColorStop(0,"rgba(255,255,255,1)"),a.addColorStop(1,"rgba(255,255,255,0)"),e.fillStyle=a,e.fillRect(0,0,t,i);let o=e.createLinearGradient(0,0,0,i);o.addColorStop(0,"rgba(0,0,0,0)"),o.addColorStop(1,"rgba(0,0,0,1)"),e.fillStyle=o,e.fillRect(0,0,t,i),this.drawActiveColorFieldColor()}setCanvasContextSize(e,{height:t,width:i}){if(!e)return;let a=window.devicePixelRatio||1;e.width=i*a,e.height=t*a,e.style.height=`${t}px`,e.style.width=`${i}px`,e.getContext("2d").scale(a,a)}initColorField(e){e&&(this.colorFieldRenderingContext=e.getContext("2d"),this.updateCanvasSize("color-field"),this.drawColorControls())}initHueSlider(e){e&&(this.hueSliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("hue-slider"),this.drawHueSlider())}initOpacitySlider(e){e&&(this.opacitySliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("opacity-slider"),this.drawOpacitySlider())}updateCanvasSize(e="all"){let{dynamicDimensions:t,staticDimensions:i}=this;(e==="all"||e==="color-field")&&this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,t.colorField);let a={width:this.effectiveSliderWidth,height:i.slider.height+(i.thumb.radius-t.slider.height/2)*2};(e==="all"||e==="hue-slider")&&this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,a),(e==="all"||e==="opacity-slider")&&this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,a)}drawActiveColorFieldColor(){let{color:e}=this;if(!e)return;let t=e.hsv(),{staticDimensions:{thumb:{radius:i}}}=this,{width:a,height:o}=this.dynamicDimensions.colorField,s=t.saturationv()/(u.s/a),l=o-t.value()/(u.v/o);requestAnimationFrame(()=>{this.colorFieldScopeLeft=s,this.colorFieldScopeTop=l}),this.drawThumb(this.colorFieldRenderingContext,i,s,l,t,!1)}drawThumb(e,t,i,a,o,s){let c=2*Math.PI,h=1;if(e.beginPath(),e.arc(i,a,t,0,c),e.fillStyle="#fff",e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=h,e.stroke(),s&&o.alpha()<1){let f=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.beginPath(),e.arc(i,a,t-3,0,c),e.fillStyle=f,e.fill()}e.globalCompositeOperation="source-atop",e.beginPath(),e.arc(i,a,t-3,0,c);let d=s?o.alpha():1;e.fillStyle=o.rgb().alpha(d).string(),e.fill(),e.globalCompositeOperation="source-over"}drawActiveHueSliderColor(){let{color:e}=this;if(!e)return;let t=e.hsv().saturationv(100).value(100),{staticDimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=t.hue()/(K/a),s=i,l=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.hueScopeLeft=l}),this.drawThumb(this.hueSliderRenderingContext,i,l,s,t,!1)}drawHueSlider(){let e=this.hueSliderRenderingContext,{staticDimensions:{slider:{height:t},thumb:{radius:i}}}=this,a=0,o=i-t/2,s=this.effectiveSliderWidth,l=e.createLinearGradient(0,0,s,0),c=["red","yellow","lime","cyan","blue","magenta","#ff0004"],h=1/(c.length-1),d=0;c.forEach(f=>{l.addColorStop(d,S(f).string()),d+=h}),e.clearRect(0,0,s,t+this.getSliderCapSpacing()*2),this.drawSliderPath(e,t,s,a,o),e.fillStyle=l,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveHueSliderColor()}drawOpacitySlider(){let e=this.opacitySliderRenderingContext,{baseColorFieldColor:t,staticDimensions:{slider:{height:i},thumb:{radius:a}}}=this,o=0,s=a-i/2,l=this.effectiveSliderWidth;e.clearRect(0,0,l,i+this.getSliderCapSpacing()*2);let c=e.createLinearGradient(0,s,l,0),h=t.rgb().alpha(0),d=t.rgb().alpha(.5),f=t.rgb().alpha(1);c.addColorStop(0,h.string()),c.addColorStop(.5,d.string()),c.addColorStop(1,f.string()),this.drawSliderPath(e,i,l,o,s);let C=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.fillStyle=C,e.fill(),e.fillStyle=c,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveOpacitySliderColor()}drawSliderPath(e,t,i,a,o){let s=t/2+1;e.beginPath(),e.moveTo(a+s,o),e.lineTo(a+i-s,o),e.quadraticCurveTo(a+i,o,a+i,o+s),e.lineTo(a+i,o+t-s),e.quadraticCurveTo(a+i,o+t,a+i-s,o+t),e.lineTo(a+s,o+t),e.quadraticCurveTo(a,o+t,a,o+t-s),e.lineTo(a,o+s),e.quadraticCurveTo(a,o,a+s,o),e.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern)return this.checkerPattern;let e=document.createElement("canvas");e.width=10,e.height=10;let t=e.getContext("2d");return t.fillStyle="#ccc",t.fillRect(0,0,10,10),t.fillStyle="#fff",t.fillRect(0,0,5,5),t.fillRect(5,5,5,5),this.checkerPattern=e,e}drawActiveOpacitySliderColor(){let{color:e}=this;if(!e)return;let t=e,{staticDimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=O(t.alpha())/(b.max/a),s=i,l=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.opacityScopeLeft=l}),this.drawThumb(this.opacitySliderRenderingContext,i,l,s,t,!0)}getSliderBoundX(e,t,i){let a=Ce(e,t,i);return a===0?e:a===-1?V(e,0,t,i,i*2):V(e,0,t,t-i*2,t-i)}storeOpacityScope(e){this.opacityScopeNode=e}handleOpacityScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,a={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01};if(a[i]){e.preventDefault();let o=a[i]*t,s=this.baseColorFieldColor.alpha(),l=this.baseColorFieldColor.alpha(s+o);this.internalColorSet(l,!1)}}updateColorFromChannels(e){this.internalColorSet(S(e,this.channelMode))}updateChannelsFromColor(e){this.channels=e?this.toChannels(e):[null,null,null,null]}toChannels(e){let{channelMode:t}=this,i=e[t]().round().array();return i.length===3&&i.push(1),i}getAdjustedScopePosition(e,t){return[e-H/2,t-H/2]}render(){let{channelsDisabled:e,color:t,colorFieldScopeLeft:i,colorFieldScopeTop:a,staticDimensions:{thumb:{radius:o}},fieldDisabled:s,hexDisabled:l,hueScopeLeft:c,messages:h,alphaChannel:d,opacityScopeLeft:f,savedColors:C,savedDisabled:w,scale:m,scopeOrientation:me}=this,q=this.effectiveSliderWidth,R=t?y(t,d):null,ge=o,ve=c??q*g.hue()/u.h,Se=o,be=f??q*O(g.alpha())/b.max,G=t===void 0,z=me==="vertical",[ye,we]=this.getAdjustedScopePosition(i,a),[$e,xe]=this.getAdjustedScopePosition(ve,ge),[De,Ae]=this.getAdjustedScopePosition(be,Se);return oe({disabled:this.disabled,children:p`<div class=${r(n.container)}>${s?null:p`<div class=${r(n.controlAndScope)}><canvas class=${r(n.colorField)} @pointerdown=${this.handleColorFieldPointerDown} ${v(this.initColorField)}></canvas><div .ariaLabel=${z?h.value:h.saturation} .ariaValueMax=${z?u.v:u.s} aria-valuemin=0 .ariaValueNow=${(z?t?.saturationv():t?.value())||"0"} class=${r({[n.scope]:!0,[n.colorFieldScope]:!0})} @keydown=${this.handleColorFieldScopeKeyDown} role=slider style=${x({top:`${we||0}px`,left:`${ye||0}px`})} tabindex=0 ${v(this.storeColorFieldScope)}></div></div>`}<div class=${r(n.previewAndSliders)}><calcite-swatch class=${r(n.preview)} .color=${R} .label=${R} .scale=${this.alphaChannel?"l":this.scale}></calcite-swatch><div class=${r(n.sliders)}><div class=${r(n.controlAndScope)}><canvas class=${r({[n.slider]:!0,[n.hueSlider]:!0})} @pointerdown=${this.handleHueSliderPointerDown} ${v(this.initHueSlider)}></canvas><div .ariaLabel=${h.hue} .ariaValueMax=${u.h} aria-valuemin=0 .ariaValueNow=${t?.round().hue()||g.round().hue()} class=${r({[n.scope]:!0,[n.hueScope]:!0})} @keydown=${this.handleHueScopeKeyDown} role=slider style=${x({top:`${xe}px`,left:`${$e}px`})} tabindex=0 ${v(this.storeHueScope)}></div></div>${d?p`<div class=${r(n.controlAndScope)}><canvas class=${r({[n.slider]:!0,[n.opacitySlider]:!0})} @pointerdown=${this.handleOpacitySliderPointerDown} ${v(this.initOpacitySlider)}></canvas><div .ariaLabel=${h.opacity} .ariaValueMax=${b.max} .ariaValueMin=${b.min} .ariaValueNow=${(t||g).round().alpha()} class=${r({[n.scope]:!0,[n.opacityScope]:!0})} @keydown=${this.handleOpacityScopeKeyDown} role=slider style=${x({top:`${Ae}px`,left:`${De}px`})} tabindex=0 ${v(this.storeOpacityScope)}></div></div>`:null}</div></div>${l&&e?null:p`<div class=${r({[n.controlSection]:!0,[n.section]:!0})}><div class=${r(n.hexAndChannelsGroup)}>${l?null:p`<div class=${r(n.hexOptions)}><calcite-color-picker-hex-input .allowEmpty=${this.isClearable} .alphaChannel=${d} class=${r(n.control)} .messages=${h} .numberingSystem=${this.numberingSystem} @calciteColorPickerHexInputChange=${this.handleHexInputChange} .scale=${m} .value=${R}></calcite-color-picker-hex-input></div>`}${e?null:p`<calcite-tabs class=${r({[n.colorModeContainer]:!0,[n.splitSection]:!0})} .scale=${m==="l"?"m":"s"}><calcite-tab-nav slot=title-group>${this.renderChannelsTabTitle("rgb")}${this.renderChannelsTabTitle("hsv")}</calcite-tab-nav>${this.renderChannelsTab("rgb")}${this.renderChannelsTab("hsv")}</calcite-tabs>`}</div></div>`}${w?null:p`<div class=${r({[n.savedColorsSection]:!0,[n.section]:!0})}><div class=${r(n.header)}><label>${h.saved}</label><div class=${r(n.savedColorsButtons)}><calcite-button appearance=transparent class=${r(n.deleteColor)} .disabled=${G} .iconStart=${U.minus} kind=neutral .label=${h.deleteColor} @click=${this.deleteColor} .scale=${m} type=button></calcite-button><calcite-button appearance=transparent class=${r(n.saveColor)} .disabled=${G} .iconStart=${U.plus} kind=neutral .label=${h.saveColor} @click=${this.saveColor} .scale=${m} type=button></calcite-button></div></div>${C.length>0?p`<calcite-swatch-group class=${r(n.swatchGroup)} .label=${h.saved} .scale=${m} selection-mode=none>${ne(C,F=>F,F=>p`<calcite-swatch class=${r(n.savedColor)} .color=${F} .label=${F} @click=${this.handleSavedColorSelect} @keydown=${this.handleSavedColorKeyDown} .scale=${m} tabindex=0></calcite-swatch>`)}</calcite-swatch-group>`:null}</div>`}</div>`})}renderChannelsTabTitle(e){let{channelMode:t,messages:i}=this,a=e===t,o=e==="rgb"?i.rgb:i.hsv;return T(e,p`<calcite-tab-title class=${r(n.colorMode)} data-color-mode=${e??$} @calciteTabsActivate=${this.handleTabActivate} .selected=${a}>${o}</calcite-tab-title>`)}renderChannelsTab(e){let{isClearable:t,channelMode:i,channels:a,messages:o,alphaChannel:s}=this,l=e===i,h=e==="rgb"?[o.red,o.green,o.blue]:[o.hue,o.saturation,o.value],d=ee(this.el),f=s?a:a.slice(0,3);return T(e,p`<calcite-tab class=${r(n.control)} .selected=${l}><div class=${r(n.channels)} dir=ltr>${f.map((C,w)=>{let m=w===3;return m&&(C=t&&!C?C:O(C)),this.renderChannel(C,w,h[w],d,m?"%":"")})}</div></calcite-tab>`)}renderChannel(e,t,i,a,o){return T(t,p`<calcite-input-number class=${r(n.channel)} data-channel-index=${t??$} dir=${a??$} .label=${i} lang=${this.messages._lang??$} number-button-type=none .numberingSystem=${this.numberingSystem} @keydown=${this.handleKeyDown} @calciteInputNumberChange=${this.handleChannelChange} @calciteInputNumberInput=${this.handleChannelInput} @calciteInternalInputNumberBlur=${this.handleChannelBlur} @calciteInternalInputNumberFocus=${this.handleChannelFocus} .scale=${this.scale==="l"?"m":"s"} style=${x({marginLeft:t>0&&!(this.scale==="s"&&this.alphaChannel&&t===3)?"-1px":""})} .suffixText=${o} .value=${e?.toString()}></calcite-input-number>`)}};Z("calcite-color-picker",X);export{X as ColorPicker};
3
+ v3.3.0-next.94 */
4
+ import{a as ue,d as V,e as Ce}from"./DSCVHXOH.js";import{a as ne}from"./KMWYFM4R.js";import{A as k,B as he,C as _,D as de,E as pe,a as S,b as n,c as g,d as I,e as D,f as u,g as K,h as b,i as A,j as H,k as U,m as O,n as j,r as P,s as y,u as re,v as ce,x as N,y as W,z as B}from"./6GC2T2J4.js";import"./2WFBZ4M6.js";import{a as ae,b as oe}from"./DYF3KJZT.js";import{a as T}from"./ZYBI6IWL.js";import{a as se}from"./K3RSBDE3.js";import{c as E}from"./VHCWSSSA.js";import{a as le}from"./3VJSNM2Y.js";import{a as Q}from"./UC7RP2EY.js";import{a as ie}from"./G4AQZPFA.js";import{a as te}from"./BMJUXBBW.js";import"./H7JYMDY5.js";import"./BFZNVKU5.js";import"./BBTHIECO.js";import{e as ee,w as L}from"./6MYOFE72.js";import"./2GXSZR3H.js";import{C as v,D as J,E as r,F as x,Q as Z,g as Y,h as p,l as $,o as M}from"./ZX5MHCRD.js";var ke=Y`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal);inline-size:var(--calcite-internal-color-picker-min-width);min-inline-size:var(--calcite-internal-color-picker-min-width)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-color-picker-min-width: 200px;--calcite-color-picker-spacing: var(--calcite-spacing-sm)}:host([scale=m]){--calcite-internal-color-picker-min-width: 240px;--calcite-color-picker-spacing: var(--calcite-spacing-md)}:host([scale=l]){--calcite-internal-color-picker-min-width: 304px;--calcite-color-picker-spacing: var(--calcite-spacing-lg);font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .control-section{display:flex;flex-direction:column;flex-wrap:wrap;align-items:baseline}:host([scale=l]) .color-hex-options{inline-size:100%;display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}.container{background-color:var(--calcite-color-foreground-1);display:flex;flex-direction:column;block-size:min-content;border:1px solid var(--calcite-color-border-1)}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.color-field,.control-and-scope{-webkit-user-select:none;user-select:none}.scope{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);block-size:1px;inline-size:1px;border-radius:9999px;background-color:transparent;font-size:var(--calcite-font-size--1);outline-color:transparent}.scope:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));outline-offset:6px}.hex-and-channels-group{display:flex;inline-size:100%;flex-direction:column;flex-wrap:wrap}.section{padding-block:0 var(--calcite-color-picker-spacing);padding-inline:var(--calcite-color-picker-spacing)}.section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}.sliders{display:flex;flex-direction:column;justify-content:space-between;margin-inline-start:var(--calcite-color-picker-spacing);gap:var(--calcite-spacing-xxs)}.preview-and-sliders{display:flex;align-items:center;padding:var(--calcite-color-picker-spacing)}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-color-text-1)}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex}.channel{flex-grow:1}.channel[data-channel-index="3"]{margin-inline-start:-1px;min-inline-size:81px}:host([scale=s]) .channel[data-channel-index="3"]{min-inline-size:68px}:host([scale=l]) .channel[data-channel-index="3"]{min-inline-size:88px}.saved-colors-buttons{display:flex}.swatch-group{margin-block-start:var(--calcite-color-picker-spacing)}:host([hidden]){display:none}[hidden]{display:none}`,fe=16,X=class extends J{constructor(){super(),this._color=g,this.internalColorUpdateContext=null,this.isActiveChannelInputEmpty=!1,this.mode=N.HEX,this.resizeObserver=Q("resize",e=>this.resizeCanvas(e)),this.shiftKeyChannelAdjustment=0,this.upOrDownArrowKeyTracker=null,this._valueWasSet=!1,this.messages=ie({blocking:!0}),this.captureColorFieldColor=(e,t,i=!0)=>{let{width:a,height:o}=this.dynamicDimensions.colorField,s=Math.round(u.s/a*e),l=Math.round(u.v/o*(o-t));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(s).value(l),i)},this.cancelable=se()(this),this.drawColorControls=E((e="all")=>{(e==="all"||e==="color-field")&&this.colorFieldRenderingContext&&this.drawColorField(),(e==="all"||e==="hue-slider")&&this.hueSliderRenderingContext&&this.drawHueSlider(),this.alphaChannel&&(e==="all"||e==="opacity-slider")&&this.opacitySliderRenderingContext&&this.drawOpacitySlider()},fe),this.globalPointerMoveHandler=e=>{let{activeCanvasInfo:t,el:i}=this;if(!i.isConnected||!t)return;let{context:a,bounds:o}=t,s,l,{clientX:c,clientY:h}=e;a.canvas.matches(":hover")?(s=c-o.x,l=h-o.y):(c<o.x+o.width&&c>o.x?s=c-o.x:c<o.x?s=0:s=o.width,h<o.y+o.height&&h>o.y?l=h-o.y:h<o.y?l=0:l=o.height),a===this.colorFieldRenderingContext?this.captureColorFieldColor(s,l,!1):a===this.hueSliderRenderingContext?this.captureHueSliderColor(s):a===this.opacitySliderRenderingContext&&this.captureOpacitySliderValue(s)},this.globalPointerUpHandler=e=>{if(!L(e))return;let t=this.activeCanvasInfo;this.activeCanvasInfo=null,this.drawColorControls(),t&&this.calciteColorPickerChange.emit()},this.resizeCanvas=E(e=>{if(!this.hasUpdated)return;let[t]=e,i=Math.floor(t.contentBoxSize[0].inlineSize);this.dynamicDimensions.colorField.width!==i&&(this.updateDynamicDimensions(i),this.updateCanvasSize(),this.drawColorControls())},fe),this.updateDynamicDimensions=e=>{let t={width:de(e,this.staticDimensions,this.alphaChannel),height:this.staticDimensions.slider.height};this.dynamicDimensions={colorField:pe(e),slider:t}},this.focusSetter=te()(this),this.channelMode="rgb",this.channels=this.toChannels(g),this.staticDimensions=A.m,this.savedColors=[],this.allowEmpty=!1,this.alphaChannel=!1,this.channelsDisabled=!1,this.clearable=!1,this.disabled=!1,this.fieldDisabled=!1,this.format="auto",this.hexDisabled=!1,this.savedDisabled=!1,this.scale="m",this.calciteColorPickerChange=M({cancelable:!1}),this.calciteColorPickerInput=M({cancelable:!1}),this.listen("keydown",this.handleChannelKeyUpOrDown,{capture:!0}),this.listen("keyup",this.handleChannelKeyUpOrDown,{capture:!0})}static{this.properties={channelMode:[16,{},{state:!0}],channels:[16,{},{state:!0}],colorFieldScopeLeft:[16,{},{state:!0}],colorFieldScopeTop:[16,{},{state:!0}],staticDimensions:[16,{},{state:!0}],hueScopeLeft:[16,{},{state:!0}],opacityScopeLeft:[16,{},{state:!0}],savedColors:[16,{},{state:!0}],scopeOrientation:[16,{},{state:!0}],allowEmpty:[7,{},{reflect:!0,type:Boolean}],alphaChannel:[5,{},{type:Boolean}],channelsDisabled:[5,{},{type:Boolean}],clearable:[7,{},{reflect:!0,type:Boolean}],color:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],fieldDisabled:[7,{},{reflect:!0,type:Boolean}],format:[3,{},{reflect:!0}],hexDisabled:[5,{},{type:Boolean}],messageOverrides:[0,{},{attribute:!1}],numberingSystem:[3,{},{reflect:!0}],savedDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],storageId:[3,{},{reflect:!0}],value:1}}static{this.styles=ke}get color(){return this._color}set color(e){let t=this._color;this._color=e,this.handleColorChange(e,t)}get value(){return this._value}set value(e){let t=this._value;this._value=e,this.handleValueChange(e,t),this._valueWasSet=!0}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.observeResize(),this.cancelable.add([this.drawColorControls,this.resizeCanvas])}async load(){this._valueWasSet||(this._value??=P(y(g,this.alphaChannel))),this.handleAllowEmptyOrClearableChange();let{isClearable:e,color:t,format:i,value:a}=this,o=e&&!a,s=W(a),l=o||i==="auto"&&s||i===s,c=o?null:l?S(a):t;l||this.showIncompatibleColorWarning(a,i),this.setMode(i,!1),this.internalColorSet(c,!1,"initial"),this.updateStaticDimensions(this.scale),this.updateDynamicDimensions(A[this.scale].minWidth);let h=`${I}${this.storageId}`;this.storageId&&localStorage.getItem(h)&&(this.savedColors=JSON.parse(localStorage.getItem(h)))}willUpdate(e){(e.has("allowEmpty")&&(this.hasUpdated||this.allowEmpty!==!1)||e.has("clearable")&&(this.hasUpdated||this.clearable!==!1))&&this.handleAllowEmptyOrClearableChange(),e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)&&this.handleAlphaChannelChange(this.alphaChannel),this.hasUpdated&&(e.has("alphaChannel")&&this.alphaChannel!==!1||e.has("staticDimensions")&&this.staticDimensions!==A.m)&&this.handleAlphaChannelDimensionsChange(),(e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)||e.has("format")&&(this.hasUpdated||this.format!=="auto"))&&this.handleFormatOrAlphaChannelChange(),e.has("scale")&&(this.hasUpdated||this.scale!=="m")&&this.handleScaleChange(this.scale)}updated(){ae(this)}loaded(){this.handleAlphaChannelDimensionsChange()}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("pointermove",this.globalPointerMoveHandler),window.removeEventListener("pointerup",this.globalPointerUpHandler),this.resizeObserver?.disconnect()}get baseColorFieldColor(){return this.color||this.previousColor||g}get effectiveSliderWidth(){return this.dynamicDimensions.slider.width}observeResize(){this.resizeObserver?.observe(this.el)}handleAllowEmptyOrClearableChange(){this.isClearable=this.clearable||this.allowEmpty}handleAlphaChannelChange(e){let{format:t}=this;e&&t!=="auto"&&!k(t)&&(console.warn(`ignoring alphaChannel as the current format (${t}) does not support alpha`),this.alphaChannel=!1)}handleAlphaChannelDimensionsChange(){this.drawColorControls()}handleColorChange(e,t){this.drawColorControls(),this.updateChannelsFromColor(e),this.previousColor=t}handleFormatOrAlphaChannelChange(){this.setMode(this.format),this.internalColorSet(this.color,!1,"internal")}handleScaleChange(e="m"){this.updateStaticDimensions(e),this.updateCanvasSize(),this.drawColorControls()}handleValueChange(e,t){let{isClearable:i,format:a}=this,o=!i||e,s=!1;if(o){let d=W(e);if(!d||a!=="auto"&&d!==a){this.showIncompatibleColorWarning(e,a),this._value=t;return}s=this.mode!==d,this.setMode(d,this.internalColorUpdateContext===null)}let l=this.activeCanvasInfo;if(this.internalColorUpdateContext==="initial")return;if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit(),l||this.calciteColorPickerChange.emit();return}let c=i&&!e?null:S(e!=null&&typeof e=="object"&&k(this.mode)?ce(e):e),h=!B(c,this.color);(s||h)&&this.internalColorSet(c,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css"))||this.internalColorUpdateContext==="internal","internal")}handleTabActivate(e){this.channelMode=e.currentTarget.getAttribute("data-color-mode"),this.updateChannelsFromColor(this.color)}handleColorFieldScopeKeyDown(e){let{key:t}=e,i={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};i[t]&&(e.preventDefault(),this.scopeOrientation=t==="ArrowDown"||t==="ArrowUp"?"vertical":"horizontal",this.captureColorFieldColor(this.colorFieldScopeLeft+i[t].x||0,this.colorFieldScopeTop+i[t].y||0,!1))}handleHueScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,a={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(a[i]){e.preventDefault();let o=a[i]*t,s=this.baseColorFieldColor.hue(),l=this.baseColorFieldColor.hue(s+o);this.internalColorSet(l,!1)}}handleHexInputChange(e){e.stopPropagation();let{isClearable:t,color:i}=this,o=e.target.value;if(t&&!o){this.internalColorSet(null);return}let s=i&&P(y(i,k(this.mode)));o!==s&&this.internalColorSet(S(o))}handleSavedColorSelect(e){let t=e.currentTarget;this.internalColorSet(S(t.color))}handleChannelInput(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),o=i===3?b.max:this.channelMode==="rgb"?D[Object.keys(D)[i]]:u[Object.keys(u)[i]],s;if(!t.value)s="",this.isActiveChannelInputEmpty=!0,this.upOrDownArrowKeyTracker=null;else{let c=Number(t.value)+this.shiftKeyChannelAdjustment;s=ue(c,0,o).toString()}t.value=s,s!==""&&this.shiftKeyChannelAdjustment!==0?this.handleChannelChange(e):s!==""&&this.handleChannelChange(e)}handleChannelBlur(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=[...this.channels];!t.value&&!this.isClearable&&(t.value=a[i]?.toString())}handleChannelFocus(e){e.currentTarget.selectText()}handleChannelKeyUpOrDown(e){this.shiftKeyChannelAdjustment=0;let{key:t}=e;if(t!=="ArrowUp"&&t!=="ArrowDown"||!e.composedPath().some(o=>o.classList?.contains(n.channel)))return;let{shiftKey:i}=e;if(e.preventDefault(),!this.color){this.internalColorSet(this.previousColor),e.stopPropagation();return}let a=9;this.shiftKeyChannelAdjustment=t==="ArrowUp"&&i?a:t==="ArrowDown"&&i?-a:0,t==="ArrowUp"&&(this.upOrDownArrowKeyTracker="up"),t==="ArrowDown"&&(this.upOrDownArrowKeyTracker="down")}getChannelInputLimit(e){return this.channelMode==="rgb"?D[Object.keys(D)[e]]:u[Object.keys(u)[e]]}handleChannelChange(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=[...this.channels];if(this.isClearable&&!t.value){this.channels=[null,null,null,null],this.internalColorSet(null);return}let s=i===3;this.isActiveChannelInputEmpty&&this.upOrDownArrowKeyTracker&&(t.value=this.upOrDownArrowKeyTracker==="up"?(a[i]+1<=this.getChannelInputLimit(i)?a[i]+1:this.getChannelInputLimit(i)).toString():(a[i]-1>=0?a[i]-1:0).toString(),this.isActiveChannelInputEmpty=!1,this.upOrDownArrowKeyTracker=null);let l=t.value?Number(t.value):a[i];a[i]=s?j(l):l,this.updateColorFromChannels(a)}handleSavedColorKeyDown(e){le(e.key)&&(e.preventDefault(),this.handleSavedColorSelect(e))}handleColorFieldPointerDown(e){this.handleCanvasControlPointerDown(e,this.colorFieldRenderingContext,this.captureColorFieldColor,this.colorFieldScopeNode)}focusScope(e){requestAnimationFrame(()=>{e.focus()})}handleHueSliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.hueSliderRenderingContext,this.captureHueSliderColor,this.hueScopeNode)}handleOpacitySliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.opacitySliderRenderingContext,this.captureOpacitySliderValue,this.opacityScopeNode)}handleCanvasControlPointerDown(e,t,i,a){L(e)&&(window.addEventListener("pointermove",this.globalPointerMoveHandler),window.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:t,bounds:t.canvas.getBoundingClientRect()},i.call(this,e.offsetX,e.offsetY),this.focusScope(a))}storeColorFieldScope(e){this.colorFieldScopeNode=e}storeHueScope(e){this.hueScopeNode=e}handleKeyDown(e){e.key==="Enter"&&e.preventDefault()}showIncompatibleColorWarning(e,t){console.warn(`ignoring color value (${e}) as it is not compatible with the current format (${t})`)}setMode(e,t=!0){let i=e==="auto"?this.mode:e;this.mode=this.ensureCompatibleMode(i,t)}ensureCompatibleMode(e,t){let{alphaChannel:i}=this,a=k(e);if(i&&!a){let o=he(e);return t&&console.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}if(!i&&a){let o=_(e);return t&&console.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}return e}captureHueSliderColor(e){let t=K/this.effectiveSliderWidth*e;this.internalColorSet(this.baseColorFieldColor.hue(t),!1)}captureOpacitySliderValue(e){let t=j(b.max/this.effectiveSliderWidth*e);this.internalColorSet(this.baseColorFieldColor.alpha(t),!1)}internalColorSet(e,t=!0,i="user-interaction"){t&&B(e,this.color)||(this.internalColorUpdateContext=i,this.color=e,this.value=this.toValue(e),this.internalColorUpdateContext=null)}toValue(e,t=this.mode){if(!e)return null;if(t.includes("hex")){let o=t===N.HEXA;return P(y(e.round(),o),o)}if(t.includes("-css")){let o=e[t.replace("-css","").replace("a","")]().round().string();if((t.endsWith("a")||t.endsWith("a-css"))&&e.alpha()===1){let l=o.slice(0,3),c=o.slice(4,-1);return`${l}a(${c}, ${e.alpha()})`}return o}let a=e[_(t)]().round().object();return t.endsWith("a")?re(a):a}getSliderCapSpacing(){let{staticDimensions:{slider:{height:e},thumb:{radius:t}}}=this;return t*2-e}updateStaticDimensions(e="m"){this.staticDimensions=A[e]}deleteColor(){let e=y(this.color,this.alphaChannel);if(!(this.savedColors.indexOf(e)>-1))return;let i=this.savedColors.filter(o=>o!==e);this.savedColors=i;let a=`${I}${this.storageId}`;this.storageId&&localStorage.setItem(a,JSON.stringify(i))}saveColor(){let e=y(this.color,this.alphaChannel);if(this.savedColors.indexOf(e)>-1)return;let i=[...this.savedColors,e];this.savedColors=i;let a=`${I}${this.storageId}`;this.storageId&&localStorage.setItem(a,JSON.stringify(i))}drawColorField(){let e=this.colorFieldRenderingContext,{width:t,height:i}=this.dynamicDimensions.colorField;e.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string(),e.fillRect(0,0,t,i);let a=e.createLinearGradient(0,0,t,0);a.addColorStop(0,"rgba(255,255,255,1)"),a.addColorStop(1,"rgba(255,255,255,0)"),e.fillStyle=a,e.fillRect(0,0,t,i);let o=e.createLinearGradient(0,0,0,i);o.addColorStop(0,"rgba(0,0,0,0)"),o.addColorStop(1,"rgba(0,0,0,1)"),e.fillStyle=o,e.fillRect(0,0,t,i),this.drawActiveColorFieldColor()}setCanvasContextSize(e,{height:t,width:i}){if(!e)return;let a=window.devicePixelRatio||1;e.width=i*a,e.height=t*a,e.style.height=`${t}px`,e.style.width=`${i}px`,e.getContext("2d").scale(a,a)}initColorField(e){e&&(this.colorFieldRenderingContext=e.getContext("2d"),this.updateCanvasSize("color-field"),this.drawColorControls())}initHueSlider(e){e&&(this.hueSliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("hue-slider"),this.drawHueSlider())}initOpacitySlider(e){e&&(this.opacitySliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("opacity-slider"),this.drawOpacitySlider())}updateCanvasSize(e="all"){let{dynamicDimensions:t,staticDimensions:i}=this;(e==="all"||e==="color-field")&&this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,t.colorField);let a={width:this.effectiveSliderWidth,height:i.slider.height+(i.thumb.radius-t.slider.height/2)*2};(e==="all"||e==="hue-slider")&&this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,a),(e==="all"||e==="opacity-slider")&&this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,a)}drawActiveColorFieldColor(){let{color:e}=this;if(!e)return;let t=e.hsv(),{staticDimensions:{thumb:{radius:i}}}=this,{width:a,height:o}=this.dynamicDimensions.colorField,s=t.saturationv()/(u.s/a),l=o-t.value()/(u.v/o);requestAnimationFrame(()=>{this.colorFieldScopeLeft=s,this.colorFieldScopeTop=l}),this.drawThumb(this.colorFieldRenderingContext,i,s,l,t,!1)}drawThumb(e,t,i,a,o,s){let c=2*Math.PI,h=1;if(e.beginPath(),e.arc(i,a,t,0,c),e.fillStyle="#fff",e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=h,e.stroke(),s&&o.alpha()<1){let f=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.beginPath(),e.arc(i,a,t-3,0,c),e.fillStyle=f,e.fill()}e.globalCompositeOperation="source-atop",e.beginPath(),e.arc(i,a,t-3,0,c);let d=s?o.alpha():1;e.fillStyle=o.rgb().alpha(d).string(),e.fill(),e.globalCompositeOperation="source-over"}drawActiveHueSliderColor(){let{color:e}=this;if(!e)return;let t=e.hsv().saturationv(100).value(100),{staticDimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=t.hue()/(K/a),s=i,l=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.hueScopeLeft=l}),this.drawThumb(this.hueSliderRenderingContext,i,l,s,t,!1)}drawHueSlider(){let e=this.hueSliderRenderingContext,{staticDimensions:{slider:{height:t},thumb:{radius:i}}}=this,a=0,o=i-t/2,s=this.effectiveSliderWidth,l=e.createLinearGradient(0,0,s,0),c=["red","yellow","lime","cyan","blue","magenta","#ff0004"],h=1/(c.length-1),d=0;c.forEach(f=>{l.addColorStop(d,S(f).string()),d+=h}),e.clearRect(0,0,s,t+this.getSliderCapSpacing()*2),this.drawSliderPath(e,t,s,a,o),e.fillStyle=l,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveHueSliderColor()}drawOpacitySlider(){let e=this.opacitySliderRenderingContext,{baseColorFieldColor:t,staticDimensions:{slider:{height:i},thumb:{radius:a}}}=this,o=0,s=a-i/2,l=this.effectiveSliderWidth;e.clearRect(0,0,l,i+this.getSliderCapSpacing()*2);let c=e.createLinearGradient(0,s,l,0),h=t.rgb().alpha(0),d=t.rgb().alpha(.5),f=t.rgb().alpha(1);c.addColorStop(0,h.string()),c.addColorStop(.5,d.string()),c.addColorStop(1,f.string()),this.drawSliderPath(e,i,l,o,s);let C=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.fillStyle=C,e.fill(),e.fillStyle=c,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveOpacitySliderColor()}drawSliderPath(e,t,i,a,o){let s=t/2+1;e.beginPath(),e.moveTo(a+s,o),e.lineTo(a+i-s,o),e.quadraticCurveTo(a+i,o,a+i,o+s),e.lineTo(a+i,o+t-s),e.quadraticCurveTo(a+i,o+t,a+i-s,o+t),e.lineTo(a+s,o+t),e.quadraticCurveTo(a,o+t,a,o+t-s),e.lineTo(a,o+s),e.quadraticCurveTo(a,o,a+s,o),e.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern)return this.checkerPattern;let e=document.createElement("canvas");e.width=10,e.height=10;let t=e.getContext("2d");return t.fillStyle="#ccc",t.fillRect(0,0,10,10),t.fillStyle="#fff",t.fillRect(0,0,5,5),t.fillRect(5,5,5,5),this.checkerPattern=e,e}drawActiveOpacitySliderColor(){let{color:e}=this;if(!e)return;let t=e,{staticDimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=O(t.alpha())/(b.max/a),s=i,l=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.opacityScopeLeft=l}),this.drawThumb(this.opacitySliderRenderingContext,i,l,s,t,!0)}getSliderBoundX(e,t,i){let a=Ce(e,t,i);return a===0?e:a===-1?V(e,0,t,i,i*2):V(e,0,t,t-i*2,t-i)}storeOpacityScope(e){this.opacityScopeNode=e}handleOpacityScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,a={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01};if(a[i]){e.preventDefault();let o=a[i]*t,s=this.baseColorFieldColor.alpha(),l=this.baseColorFieldColor.alpha(s+o);this.internalColorSet(l,!1)}}updateColorFromChannels(e){this.internalColorSet(S(e,this.channelMode))}updateChannelsFromColor(e){this.channels=e?this.toChannels(e):[null,null,null,null]}toChannels(e){let{channelMode:t}=this,i=e[t]().round().array();return i.length===3&&i.push(1),i}getAdjustedScopePosition(e,t){return[e-H/2,t-H/2]}render(){let{channelsDisabled:e,color:t,colorFieldScopeLeft:i,colorFieldScopeTop:a,staticDimensions:{thumb:{radius:o}},fieldDisabled:s,hexDisabled:l,hueScopeLeft:c,messages:h,alphaChannel:d,opacityScopeLeft:f,savedColors:C,savedDisabled:w,scale:m,scopeOrientation:me}=this,q=this.effectiveSliderWidth,R=t?y(t,d):null,ge=o,ve=c??q*g.hue()/u.h,Se=o,be=f??q*O(g.alpha())/b.max,G=t===void 0,z=me==="vertical",[ye,we]=this.getAdjustedScopePosition(i,a),[$e,xe]=this.getAdjustedScopePosition(ve,ge),[De,Ae]=this.getAdjustedScopePosition(be,Se);return oe({disabled:this.disabled,children:p`<div class=${r(n.container)}>${s?null:p`<div class=${r(n.controlAndScope)}><canvas class=${r(n.colorField)} @pointerdown=${this.handleColorFieldPointerDown} ${v(this.initColorField)}></canvas><div .ariaLabel=${z?h.value:h.saturation} .ariaValueMax=${z?u.v:u.s} aria-valuemin=0 .ariaValueNow=${(z?t?.saturationv():t?.value())||"0"} class=${r({[n.scope]:!0,[n.colorFieldScope]:!0})} @keydown=${this.handleColorFieldScopeKeyDown} role=slider style=${x({top:`${we||0}px`,left:`${ye||0}px`})} tabindex=0 ${v(this.storeColorFieldScope)}></div></div>`}<div class=${r(n.previewAndSliders)}><calcite-swatch class=${r(n.preview)} .color=${R} .label=${R} .scale=${this.alphaChannel?"l":this.scale}></calcite-swatch><div class=${r(n.sliders)}><div class=${r(n.controlAndScope)}><canvas class=${r({[n.slider]:!0,[n.hueSlider]:!0})} @pointerdown=${this.handleHueSliderPointerDown} ${v(this.initHueSlider)}></canvas><div .ariaLabel=${h.hue} .ariaValueMax=${u.h} aria-valuemin=0 .ariaValueNow=${t?.round().hue()||g.round().hue()} class=${r({[n.scope]:!0,[n.hueScope]:!0})} @keydown=${this.handleHueScopeKeyDown} role=slider style=${x({top:`${xe}px`,left:`${$e}px`})} tabindex=0 ${v(this.storeHueScope)}></div></div>${d?p`<div class=${r(n.controlAndScope)}><canvas class=${r({[n.slider]:!0,[n.opacitySlider]:!0})} @pointerdown=${this.handleOpacitySliderPointerDown} ${v(this.initOpacitySlider)}></canvas><div .ariaLabel=${h.opacity} .ariaValueMax=${b.max} .ariaValueMin=${b.min} .ariaValueNow=${(t||g).round().alpha()} class=${r({[n.scope]:!0,[n.opacityScope]:!0})} @keydown=${this.handleOpacityScopeKeyDown} role=slider style=${x({top:`${Ae}px`,left:`${De}px`})} tabindex=0 ${v(this.storeOpacityScope)}></div></div>`:null}</div></div>${l&&e?null:p`<div class=${r({[n.controlSection]:!0,[n.section]:!0})}><div class=${r(n.hexAndChannelsGroup)}>${l?null:p`<div class=${r(n.hexOptions)}><calcite-color-picker-hex-input .allowEmpty=${this.isClearable} .alphaChannel=${d} class=${r(n.control)} .messages=${h} .numberingSystem=${this.numberingSystem} @calciteColorPickerHexInputChange=${this.handleHexInputChange} .scale=${m} .value=${R}></calcite-color-picker-hex-input></div>`}${e?null:p`<calcite-tabs class=${r({[n.colorModeContainer]:!0,[n.splitSection]:!0})} .scale=${m==="l"?"m":"s"}><calcite-tab-nav slot=title-group>${this.renderChannelsTabTitle("rgb")}${this.renderChannelsTabTitle("hsv")}</calcite-tab-nav>${this.renderChannelsTab("rgb")}${this.renderChannelsTab("hsv")}</calcite-tabs>`}</div></div>`}${w?null:p`<div class=${r({[n.savedColorsSection]:!0,[n.section]:!0})}><div class=${r(n.header)}><label>${h.saved}</label><div class=${r(n.savedColorsButtons)}><calcite-button appearance=transparent class=${r(n.deleteColor)} .disabled=${G} .iconStart=${U.minus} kind=neutral .label=${h.deleteColor} @click=${this.deleteColor} .scale=${m} type=button></calcite-button><calcite-button appearance=transparent class=${r(n.saveColor)} .disabled=${G} .iconStart=${U.plus} kind=neutral .label=${h.saveColor} @click=${this.saveColor} .scale=${m} type=button></calcite-button></div></div>${C.length>0?p`<calcite-swatch-group class=${r(n.swatchGroup)} .label=${h.saved} .scale=${m} selection-mode=none>${ne(C,F=>F,F=>p`<calcite-swatch class=${r(n.savedColor)} .color=${F} .label=${F} @click=${this.handleSavedColorSelect} @keydown=${this.handleSavedColorKeyDown} .scale=${m} tabindex=0></calcite-swatch>`)}</calcite-swatch-group>`:null}</div>`}</div>`})}renderChannelsTabTitle(e){let{channelMode:t,messages:i}=this,a=e===t,o=e==="rgb"?i.rgb:i.hsv;return T(e,p`<calcite-tab-title class=${r(n.colorMode)} data-color-mode=${e??$} @calciteTabsActivate=${this.handleTabActivate} .selected=${a}>${o}</calcite-tab-title>`)}renderChannelsTab(e){let{isClearable:t,channelMode:i,channels:a,messages:o,alphaChannel:s}=this,l=e===i,h=e==="rgb"?[o.red,o.green,o.blue]:[o.hue,o.saturation,o.value],d=ee(this.el),f=s?a:a.slice(0,3);return T(e,p`<calcite-tab class=${r(n.control)} .selected=${l}><div class=${r(n.channels)} dir=ltr>${f.map((C,w)=>{let m=w===3;return m&&(C=t&&!C?C:O(C)),this.renderChannel(C,w,h[w],d,m?"%":"")})}</div></calcite-tab>`)}renderChannel(e,t,i,a,o){return T(t,p`<calcite-input-number class=${r(n.channel)} data-channel-index=${t??$} dir=${a??$} .label=${i} lang=${this.messages._lang??$} number-button-type=none .numberingSystem=${this.numberingSystem} @keydown=${this.handleKeyDown} @calciteInputNumberChange=${this.handleChannelChange} @calciteInputNumberInput=${this.handleChannelInput} @calciteInternalInputNumberBlur=${this.handleChannelBlur} @calciteInternalInputNumberFocus=${this.handleChannelFocus} .scale=${this.scale==="l"?"m":"s"} style=${x({marginLeft:t>0&&!(this.scale==="s"&&this.alphaChannel&&t===3)?"-1px":""})} .suffixText=${o} .value=${e?.toString()}></calcite-input-number>`)}};Z("calcite-color-picker",X);export{X as ColorPicker};
package/dist/calcite/{L22N7LSN.js → 2GXSZR3H.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v3.3.0-next.93 */
3
+ v3.3.0-next.94 */
4
4
  function e(r){return r.map(o=>{let t="";for(let n=0;n<o;n++)t+=((1+Math.random())*65536|0).toString(16).substring(1);return t}).join("-")}var i=()=>e([2,1,1,1,3]);export{i as a};
package/dist/calcite/{LLIMF4PW.js → 2T6IGYR7.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v3.3.0-next.93 */
4
- import{b as l}from"./2KLAYHZJ.js";import{a as g,b}from"./AGDST7Y3.js";import{a as f}from"./JVYIWOXN.js";import"./BNXY2UEG.js";import{a as v}from"./L22N7LSN.js";import{D as m,E as i,Q as h,g as p,h as n,o as u}from"./FVHTUJWO.js";var t={container:"container",containerActive:"container--active",contentCenter:"content-center",description:"description",heading:"heading",iconEnd:"icon-end",iconStart:"icon-start",scale:c=>`scale--${c}`},x={contentEnd:"content-end",contentStart:"content-start"},$="autocomplete-item",z={host:c=>`${$}-${c}`},y=p`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-internal-autocomplete-item-spacing-unit-l: .5rem;--calcite-internal-autocomplete-item-spacing-unit-s: .25rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-internal-autocomplete-item-spacing-unit-l: .75rem;--calcite-internal-autocomplete-item-spacing-unit-s: .375rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-internal-autocomplete-item-spacing-unit-l: 1rem;--calcite-internal-autocomplete-item-spacing-unit-s: .625rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size)}:host{display:flex}.container{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;outline-color:transparent;background-color:var(--calcite-autocomplete-background-color, var(--calcite-color-foreground-1));color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-3));gap:var(--calcite-internal-autocomplete-item-spacing-unit-l);padding-inline:var(--calcite-internal-autocomplete-item-spacing-unit-l);padding-block:var(--calcite-internal-autocomplete-item-spacing-unit-s);word-wrap:break-word;word-break:break-word;justify-content:space-around}.description{color:var(--calcite-autocomplete-description-text-color);font-size:var(--calcite-internal-autocomplete-item-description-font-size)}.heading{color:var(--calcite-autocomplete-heading-text-color, var(--calcite-color-text-1))}.heading,.description{line-height:var(--calcite-font-line-height-relative-snug)}:host(:hover:not([disabled])) .container{background-color:var(--calcite-autocomplete-background-color, var(--calcite-color-foreground-2))}:host(:hover:not([disabled])) .container .description{color:var(--calcite-autocomplete-description-text-color, var(--calcite-color-text-2))}.container--active{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.content-center{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,r=class extends m{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.guid=z.host(v()),this.scale="m",this.calciteAutocompleteItemSelect=u({cancelable:!1})}static{this.properties={active:[5,{},{type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],guid:1,heading:1,iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{reflect:!0}],inputValueMatchPattern:[2,{},{reflect:!0,attribute:!1}],label:1,scale:1,value:1}}static{this.styles=y}emitSelectEvent(){this.calciteAutocompleteItemSelect.emit()}updated(){g(this)}handleClick(e){e.preventDefault(),this.emitSelectEvent()}render(){let{active:e,description:a,heading:o,disabled:s,inputValueMatchPattern:d}=this;return b({disabled:s,children:n`<div class=${i({[t.container]:!0,[t.containerActive]:e&&!s,[t.scale(this.scale)]:!0})} @click=${this.handleClick}>${this.renderIcon("start")}<slot name=${x.contentStart}></slot><div class=${i(t.contentCenter)}><div class=${i(t.heading)}>${l({text:o,pattern:d})}</div><div class=${i(t.description)}>${l({text:a,pattern:d})}</div></div><slot name=${x.contentEnd}></slot>${this.renderIcon("end")}</div>`})}renderIcon(e){let{iconFlipRtl:a}=this,o=e==="start"?this.iconStart:this.iconEnd;return o?n`<calcite-icon class=${i(e==="start"?t.iconStart:t.iconEnd)} .flipRtl=${a===e||a==="both"} .icon=${o} .scale=${f(this.scale)}></calcite-icon>`:null}};h("calcite-autocomplete-item",r);export{r as AutocompleteItem};
3
+ v3.3.0-next.94 */
4
+ import{b as l}from"./YHW5BCME.js";import{a as g,b}from"./DYF3KJZT.js";import{a as f}from"./BFZNVKU5.js";import"./BBTHIECO.js";import{a as v}from"./2GXSZR3H.js";import{D as m,E as i,Q as h,g as p,h as n,o as u}from"./ZX5MHCRD.js";var t={container:"container",containerActive:"container--active",contentCenter:"content-center",description:"description",heading:"heading",iconEnd:"icon-end",iconStart:"icon-start",scale:c=>`scale--${c}`},x={contentEnd:"content-end",contentStart:"content-start"},$="autocomplete-item",z={host:c=>`${$}-${c}`},y=p`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-internal-autocomplete-item-spacing-unit-l: .5rem;--calcite-internal-autocomplete-item-spacing-unit-s: .25rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-internal-autocomplete-item-spacing-unit-l: .75rem;--calcite-internal-autocomplete-item-spacing-unit-s: .375rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-internal-autocomplete-item-spacing-unit-l: 1rem;--calcite-internal-autocomplete-item-spacing-unit-s: .625rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size)}:host{display:flex}.container{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;outline-color:transparent;background-color:var(--calcite-autocomplete-background-color, var(--calcite-color-foreground-1));color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-3));gap:var(--calcite-internal-autocomplete-item-spacing-unit-l);padding-inline:var(--calcite-internal-autocomplete-item-spacing-unit-l);padding-block:var(--calcite-internal-autocomplete-item-spacing-unit-s);word-wrap:break-word;word-break:break-word;justify-content:space-around}.description{color:var(--calcite-autocomplete-description-text-color);font-size:var(--calcite-internal-autocomplete-item-description-font-size)}.heading{color:var(--calcite-autocomplete-heading-text-color, var(--calcite-color-text-1))}.heading,.description{line-height:var(--calcite-font-line-height-relative-snug)}:host(:hover:not([disabled])) .container{background-color:var(--calcite-autocomplete-background-color, var(--calcite-color-foreground-2))}:host(:hover:not([disabled])) .container .description{color:var(--calcite-autocomplete-description-text-color, var(--calcite-color-text-2))}.container--active{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.content-center{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,r=class extends m{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.guid=z.host(v()),this.scale="m",this.calciteAutocompleteItemSelect=u({cancelable:!1})}static{this.properties={active:[5,{},{type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],guid:1,heading:1,iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{reflect:!0}],inputValueMatchPattern:[2,{},{reflect:!0,attribute:!1}],label:1,scale:1,value:1}}static{this.styles=y}emitSelectEvent(){this.calciteAutocompleteItemSelect.emit()}updated(){g(this)}handleClick(e){e.preventDefault(),this.emitSelectEvent()}render(){let{active:e,description:a,heading:o,disabled:s,inputValueMatchPattern:d}=this;return b({disabled:s,children:n`<div class=${i({[t.container]:!0,[t.containerActive]:e&&!s,[t.scale(this.scale)]:!0})} @click=${this.handleClick}>${this.renderIcon("start")}<slot name=${x.contentStart}></slot><div class=${i(t.contentCenter)}><div class=${i(t.heading)}>${l({text:o,pattern:d})}</div><div class=${i(t.description)}>${l({text:a,pattern:d})}</div></div><slot name=${x.contentEnd}></slot>${this.renderIcon("end")}</div>`})}renderIcon(e){let{iconFlipRtl:a}=this,o=e==="start"?this.iconStart:this.iconEnd;return o?n`<calcite-icon class=${i(e==="start"?t.iconStart:t.iconEnd)} .flipRtl=${a===e||a==="both"} .icon=${o} .scale=${f(this.scale)}></calcite-icon>`:null}};h("calcite-autocomplete-item",r);export{r as AutocompleteItem};
package/dist/calcite/{YPRLZ34C.js → 2UBNPJCN.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v3.3.0-next.93 */
4
- import{c as C,d as R,e as z}from"./5L2ILYYP.js";import{c as y,e as w,h as I}from"./6OECHT6Y.js";import{a as B,b as x}from"./AGDST7Y3.js";import{a as l}from"./MVLHCRLU.js";import{a as g}from"./DDJDJHH2.js";import"./FIJOGZHJ.js";import"./JVYIWOXN.js";import"./BNXY2UEG.js";import{e as k}from"./SEM7IEGP.js";import"./L22N7LSN.js";import{C as p,D as v,E as d,Q as m,g as u,h as b,l as f,o as c}from"./FVHTUJWO.js";var A={container:"container",radio:"radio"},L=u`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;outline-color:transparent;border-radius:var(--calcite-radio-button-corner-radius, var(--calcite-corner-radius-pill));background-color:var(--calcite-radio-button-background-color, var(--calcite-color-foreground-1));box-shadow:inset 0 0 0 var(--calcite-border-width-sm) var(--calcite-radio-button-border-color, var(--calcite-color-border-input))}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-md) var(--calcite-radio-button-border-color, var(--calcite-color-brand-hover))}:host([hovered]) .radio:active,:host(:not([checked])[focused]:not([disabled])) .radio:active{box-shadow:inset 0 0 0 var(--calcite-border-width-md) var(--calcite-color-brand-press)}:host([focused]) .radio{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hovered][disabled]) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-sm) var(--calcite-radio-button-border-color, var(--calcite-color-border-input))}:host([scale=s]){--calcite-internal-radio-size: var( --calcite-radio-button-size, var(--calcite-radio-size, var(--calcite-size-fixed-md)) )}:host([scale=m]){--calcite-internal-radio-size: var( --calcite-radio-button-size, var(--calcite-radio-size, var(--calcite-size-fixed-md-plus)) )}:host([scale=l]){--calcite-internal-radio-size: var( --calcite-radio-button-size, var(--calcite-radio-size, var(--calcite-size-fixed-lg)) )}.radio{block-size:var(--calcite-internal-radio-size);inline-size:var(--calcite-internal-radio-size);size:var(--calcite-internal-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-lg) var(--calcite-radio-button-border-color, var(--calcite-color-brand))}:host([scale=s][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-lg) var(--calcite-radio-button-border-color, var(--calcite-color-brand)),0 0 0 2px var(--calcite-radio-button-background-color, var(--calcite-color-foreground-1))}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{box-shadow:inset 0 0 0 5px var(--calcite-radio-button-border-color, var(--calcite-color-brand))}:host([scale=m][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 5px var(--calcite-radio-button-border-color, var(--calcite-color-brand)),0 0 0 2px var(--calcite-radio-button-background-color, var(--calcite-color-foreground-1))}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{box-shadow:inset 0 0 0 6px var(--calcite-radio-button-border-color, var(--calcite-color-brand))}:host([scale=l][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 6px var(--calcite-radio-button-border-color, var(--calcite-color-brand)),0 0 0 2px var(--calcite-radio-button-background-color, var(--calcite-color-foreground-1))}@media (forced-colors: active){:host([checked]) .radio:after,:host([checked][disabled]) .radio:after{content:"";inline-size:var(--calcite-internal-radio-size);block-size:var(--calcite-internal-radio-size);background-color:CanvasText;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}:host([hidden]){display:none}[hidden]{display:none}`,h=class extends v{constructor(){super(),this.focusSetter=g()(this),this.checked=!1,this.disabled=!1,this.focused=!1,this.hovered=!1,this.required=!1,this.scale="m",this.calciteInternalRadioButtonBlur=c({cancelable:!1}),this.calciteInternalRadioButtonCheckedChange=c({cancelable:!1}),this.calciteInternalRadioButtonFocus=c({cancelable:!1}),this.calciteRadioButtonChange=c({cancelable:!1}),this.listen("pointerenter",this.pointerEnterHandler),this.listen("pointerleave",this.pointerLeaveHandler),this.listen("click",this.clickHandler),this.listen("keydown",this.handleKeyDown)}static{this.properties={checked:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],focused:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],hovered:[7,{},{reflect:!0,type:Boolean}],label:1,name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],value:1}}static{this.styles=L}async emitCheckedChange(){this.calciteInternalRadioButtonCheckedChange.emit()}async setFocus(e){return this.focusSetter(()=>this.containerEl,e)}connectedCallback(){this.rootNode=this.el.getRootNode(),this.name&&this.checkLastRadioButton(),C(this),y(this),this.updateTabIndexOfOtherRadioButtonsInGroup(),super.connectedCallback()}willUpdate(e){this.hasUpdated&&e.has("checked")&&this.checkedChanged(this.checked),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.updateTabIndexOfOtherRadioButtonsInGroup(),e.has("name")&&this.checkLastRadioButton()}updated(){B(this)}loaded(){this.focused&&!this.disabled&&this.setFocus()}disconnectedCallback(){super.disconnectedCallback(),R(this),w(this),this.updateTabIndexOfOtherRadioButtonsInGroup()}checkedChanged(e){e&&this.uncheckOtherRadioButtonsInGroup(),this.calciteInternalRadioButtonCheckedChange.emit()}syncHiddenFormInput(e){e.type="radio"}selectItem(e,o){e[o].click()}queryButtons(){return Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter(e=>e.name===this.name)}isFocusable(){let e=this.queryButtons(),o=e.find(i=>!i.disabled),t=e.find(i=>i.checked);return o===this.el&&!t}check(){this.disabled||(this.focused=!0,this.setFocus(),!this.checked&&(this.uncheckAllRadioButtonsInGroup(),this.checked=!0,this.calciteRadioButtonChange.emit()))}clickHandler(){this.disabled||this.check()}onLabelClick(e){if(this.disabled||this.el.hidden)return;let o=e.currentTarget,t=o.for?this.rootNode.querySelector(`calcite-radio-button[id="${o.for}"]`):o.querySelector(`calcite-radio-button[name="${this.name}"]`);t&&(t.focused=!0,this.setFocus(),!t.checked&&(this.uncheckOtherRadioButtonsInGroup(),t.checked=!0,this.calciteRadioButtonChange.emit()))}checkLastRadioButton(){let o=this.queryButtons().filter(t=>t.checked);if(o?.length>1){let t=o[o.length-1];o.filter(i=>i!==t).forEach(i=>{i.checked=!1,i.emitCheckedChange()})}}setContainerEl(e){this.containerEl=e}uncheckAllRadioButtonsInGroup(){this.queryButtons().forEach(o=>{o.checked&&(o.checked=!1,o.focused=!1)})}uncheckOtherRadioButtonsInGroup(){this.queryButtons().filter(t=>t!==this.el).forEach(t=>{t.checked&&(t.checked=!1,t.focused=!1)})}updateTabIndexOfOtherRadioButtonsInGroup(){this.queryButtons().filter(t=>t!==this.el&&!t.disabled).forEach(t=>{t.manager?.component.requestUpdate()})}getTabIndex(){if(!this.disabled)return this.checked||this.isFocusable()?0:-1}pointerEnterHandler(){this.disabled||(this.hovered=!0)}pointerLeaveHandler(){this.disabled||(this.hovered=!1)}handleKeyDown(e){let o=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "],{key:t}=e,{el:i}=this;if(o.indexOf(t)===-1)return;if(t===" "){this.check(),e.preventDefault();return}let r=t;k(i)==="rtl"&&(t==="ArrowRight"&&(r="ArrowLeft"),t==="ArrowLeft"&&(r="ArrowRight"));let a=Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter(n=>n.name===this.name),s=0;switch(a.some((n,F)=>{if(n.checked)return s=F,!0}),r){case"ArrowLeft":case"ArrowUp":e.preventDefault(),this.selectItem(a,this.getNextNonDisabledIndex(a,s,"left"));return;case"ArrowRight":case"ArrowDown":e.preventDefault(),this.selectItem(a,this.getNextNonDisabledIndex(a,s,"right"));return;default:return}}getNextNonDisabledIndex(e,o,t){let i=e.length,r=t==="left"?-1:1,a=l(o+r,i);for(;e[a].disabled;)a=l(a+r,i);return a}onContainerBlur(){this.focused=!1,this.calciteInternalRadioButtonBlur.emit()}onContainerFocus(){this.disabled||(this.focused=!0,this.calciteInternalRadioButtonFocus.emit())}render(){let e=this.getTabIndex();return x({disabled:this.disabled,children:b`<div .ariaChecked=${this.checked} .ariaLabel=${z(this)} class=${d(A.container)} @blur=${this.onContainerBlur} @focus=${this.onContainerFocus} role=radio tabindex=${e??f} ${p(this.setContainerEl)}><div class=${d(A.radio)}></div></div>${I({component:this})}`})}};m("calcite-radio-button",h);export{h as RadioButton};
3
+ v3.3.0-next.94 */
4
+ import{c as C,d as R,e as z}from"./I5JVXCBP.js";import{c as y,e as w,h as I}from"./X5OANS27.js";import{a as B,b as x}from"./DYF3KJZT.js";import{a as l}from"./SDGGVBG7.js";import{a as g}from"./BMJUXBBW.js";import"./H7JYMDY5.js";import"./BFZNVKU5.js";import"./BBTHIECO.js";import{e as k}from"./6MYOFE72.js";import"./2GXSZR3H.js";import{C as p,D as v,E as d,Q as m,g as u,h as b,l as f,o as c}from"./ZX5MHCRD.js";var A={container:"container",radio:"radio"},L=u`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;outline-color:transparent;border-radius:var(--calcite-radio-button-corner-radius, var(--calcite-corner-radius-pill));background-color:var(--calcite-radio-button-background-color, var(--calcite-color-foreground-1));box-shadow:inset 0 0 0 var(--calcite-border-width-sm) var(--calcite-radio-button-border-color, var(--calcite-color-border-input))}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-md) var(--calcite-radio-button-border-color, var(--calcite-color-brand-hover))}:host([hovered]) .radio:active,:host(:not([checked])[focused]:not([disabled])) .radio:active{box-shadow:inset 0 0 0 var(--calcite-border-width-md) var(--calcite-color-brand-press)}:host([focused]) .radio{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hovered][disabled]) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-sm) var(--calcite-radio-button-border-color, var(--calcite-color-border-input))}:host([scale=s]){--calcite-internal-radio-size: var( --calcite-radio-button-size, var(--calcite-radio-size, var(--calcite-size-fixed-md)) )}:host([scale=m]){--calcite-internal-radio-size: var( --calcite-radio-button-size, var(--calcite-radio-size, var(--calcite-size-fixed-md-plus)) )}:host([scale=l]){--calcite-internal-radio-size: var( --calcite-radio-button-size, var(--calcite-radio-size, var(--calcite-size-fixed-lg)) )}.radio{block-size:var(--calcite-internal-radio-size);inline-size:var(--calcite-internal-radio-size);size:var(--calcite-internal-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-lg) var(--calcite-radio-button-border-color, var(--calcite-color-brand))}:host([scale=s][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-lg) var(--calcite-radio-button-border-color, var(--calcite-color-brand)),0 0 0 2px var(--calcite-radio-button-background-color, var(--calcite-color-foreground-1))}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{box-shadow:inset 0 0 0 5px var(--calcite-radio-button-border-color, var(--calcite-color-brand))}:host([scale=m][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 5px var(--calcite-radio-button-border-color, var(--calcite-color-brand)),0 0 0 2px var(--calcite-radio-button-background-color, var(--calcite-color-foreground-1))}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{box-shadow:inset 0 0 0 6px var(--calcite-radio-button-border-color, var(--calcite-color-brand))}:host([scale=l][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 6px var(--calcite-radio-button-border-color, var(--calcite-color-brand)),0 0 0 2px var(--calcite-radio-button-background-color, var(--calcite-color-foreground-1))}@media (forced-colors: active){:host([checked]) .radio:after,:host([checked][disabled]) .radio:after{content:"";inline-size:var(--calcite-internal-radio-size);block-size:var(--calcite-internal-radio-size);background-color:CanvasText;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}:host([hidden]){display:none}[hidden]{display:none}`,h=class extends v{constructor(){super(),this.focusSetter=g()(this),this.checked=!1,this.disabled=!1,this.focused=!1,this.hovered=!1,this.required=!1,this.scale="m",this.calciteInternalRadioButtonBlur=c({cancelable:!1}),this.calciteInternalRadioButtonCheckedChange=c({cancelable:!1}),this.calciteInternalRadioButtonFocus=c({cancelable:!1}),this.calciteRadioButtonChange=c({cancelable:!1}),this.listen("pointerenter",this.pointerEnterHandler),this.listen("pointerleave",this.pointerLeaveHandler),this.listen("click",this.clickHandler),this.listen("keydown",this.handleKeyDown)}static{this.properties={checked:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],focused:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],hovered:[7,{},{reflect:!0,type:Boolean}],label:1,name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],value:1}}static{this.styles=L}async emitCheckedChange(){this.calciteInternalRadioButtonCheckedChange.emit()}async setFocus(e){return this.focusSetter(()=>this.containerEl,e)}connectedCallback(){this.rootNode=this.el.getRootNode(),this.name&&this.checkLastRadioButton(),C(this),y(this),this.updateTabIndexOfOtherRadioButtonsInGroup(),super.connectedCallback()}willUpdate(e){this.hasUpdated&&e.has("checked")&&this.checkedChanged(this.checked),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.updateTabIndexOfOtherRadioButtonsInGroup(),e.has("name")&&this.checkLastRadioButton()}updated(){B(this)}loaded(){this.focused&&!this.disabled&&this.setFocus()}disconnectedCallback(){super.disconnectedCallback(),R(this),w(this),this.updateTabIndexOfOtherRadioButtonsInGroup()}checkedChanged(e){e&&this.uncheckOtherRadioButtonsInGroup(),this.calciteInternalRadioButtonCheckedChange.emit()}syncHiddenFormInput(e){e.type="radio"}selectItem(e,o){e[o].click()}queryButtons(){return Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter(e=>e.name===this.name)}isFocusable(){let e=this.queryButtons(),o=e.find(i=>!i.disabled),t=e.find(i=>i.checked);return o===this.el&&!t}check(){this.disabled||(this.focused=!0,this.setFocus(),!this.checked&&(this.uncheckAllRadioButtonsInGroup(),this.checked=!0,this.calciteRadioButtonChange.emit()))}clickHandler(){this.disabled||this.check()}onLabelClick(e){if(this.disabled||this.el.hidden)return;let o=e.currentTarget,t=o.for?this.rootNode.querySelector(`calcite-radio-button[id="${o.for}"]`):o.querySelector(`calcite-radio-button[name="${this.name}"]`);t&&(t.focused=!0,this.setFocus(),!t.checked&&(this.uncheckOtherRadioButtonsInGroup(),t.checked=!0,this.calciteRadioButtonChange.emit()))}checkLastRadioButton(){let o=this.queryButtons().filter(t=>t.checked);if(o?.length>1){let t=o[o.length-1];o.filter(i=>i!==t).forEach(i=>{i.checked=!1,i.emitCheckedChange()})}}setContainerEl(e){this.containerEl=e}uncheckAllRadioButtonsInGroup(){this.queryButtons().forEach(o=>{o.checked&&(o.checked=!1,o.focused=!1)})}uncheckOtherRadioButtonsInGroup(){this.queryButtons().filter(t=>t!==this.el).forEach(t=>{t.checked&&(t.checked=!1,t.focused=!1)})}updateTabIndexOfOtherRadioButtonsInGroup(){this.queryButtons().filter(t=>t!==this.el&&!t.disabled).forEach(t=>{t.manager?.component.requestUpdate()})}getTabIndex(){if(!this.disabled)return this.checked||this.isFocusable()?0:-1}pointerEnterHandler(){this.disabled||(this.hovered=!0)}pointerLeaveHandler(){this.disabled||(this.hovered=!1)}handleKeyDown(e){let o=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "],{key:t}=e,{el:i}=this;if(o.indexOf(t)===-1)return;if(t===" "){this.check(),e.preventDefault();return}let r=t;k(i)==="rtl"&&(t==="ArrowRight"&&(r="ArrowLeft"),t==="ArrowLeft"&&(r="ArrowRight"));let a=Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter(n=>n.name===this.name),s=0;switch(a.some((n,F)=>{if(n.checked)return s=F,!0}),r){case"ArrowLeft":case"ArrowUp":e.preventDefault(),this.selectItem(a,this.getNextNonDisabledIndex(a,s,"left"));return;case"ArrowRight":case"ArrowDown":e.preventDefault(),this.selectItem(a,this.getNextNonDisabledIndex(a,s,"right"));return;default:return}}getNextNonDisabledIndex(e,o,t){let i=e.length,r=t==="left"?-1:1,a=l(o+r,i);for(;e[a].disabled;)a=l(a+r,i);return a}onContainerBlur(){this.focused=!1,this.calciteInternalRadioButtonBlur.emit()}onContainerFocus(){this.disabled||(this.focused=!0,this.calciteInternalRadioButtonFocus.emit())}render(){let e=this.getTabIndex();return x({disabled:this.disabled,children:b`<div .ariaChecked=${this.checked} .ariaLabel=${z(this)} class=${d(A.container)} @blur=${this.onContainerBlur} @focus=${this.onContainerFocus} role=radio tabindex=${e??f} ${p(this.setContainerEl)}><div class=${d(A.radio)}></div></div>${I({component:this})}`})}};m("calcite-radio-button",h);export{h as RadioButton};
package/dist/calcite/{2ZFUSYA3.js → 2UEPGEUJ.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v3.3.0-next.93 */
4
- import{a as Dt}from"./ZAOZQE3A.js";import{e as Lt}from"./SEM7IEGP.js";import{K as Tt}from"./FVHTUJWO.js";var yt=["top","right","bottom","left"],Ft=["start","end"],vt=yt.reduce((t,e)=>t.concat(e,e+"-"+Ft[0],e+"-"+Ft[1]),[]),j=Math.min,V=Math.max,rt=Math.round,ct=Math.floor,M=t=>({x:t,y:t}),Ae={left:"right",right:"left",bottom:"top",top:"bottom"},Oe={start:"end",end:"start"};function ut(t,e,n){return V(t,j(e,n))}function Y(t,e){return typeof t=="function"?t(e):t}function $(t){return t.split("-")[0]}function k(t){return t.split("-")[1]}function bt(t){return t==="x"?"y":"x"}function dt(t){return t==="y"?"height":"width"}var Re=new Set(["top","bottom"]);function _(t){return Re.has($(t))?"y":"x"}function mt(t){return bt(_(t))}function At(t,e,n){n===void 0&&(n=!1);let o=k(t),i=mt(t),r=dt(i),s=i==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[r]>e.floating[r]&&(s=st(s)),[s,st(s)]}function Nt(t){let e=st(t);return[it(t),e,it(e)]}function it(t){return t.replace(/start|end/g,e=>Oe[e])}var Mt=["left","right"],kt=["right","left"],Pe=["top","bottom"],Se=["bottom","top"];function Ce(t,e,n){switch(t){case"top":case"bottom":return n?e?kt:Mt:e?Mt:kt;case"left":case"right":return e?Pe:Se;default:return[]}}function Bt(t,e,n,o){let i=k(t),r=Ce($(t),n==="start",o);return i&&(r=r.map(s=>s+"-"+i),e&&(r=r.concat(r.map(it)))),r}function st(t){return t.replace(/left|right|bottom|top/g,e=>Ae[e])}function Ee(t){return{top:0,right:0,bottom:0,left:0,...t}}function Ot(t){return typeof t!="number"?Ee(t):{top:t,right:t,bottom:t,left:t}}function K(t){let{x:e,y:n,width:o,height:i}=t;return{width:o,height:i,top:n,left:e,right:e+o,bottom:n+i,x:e,y:n}}function $t(t,e,n){let{reference:o,floating:i}=t,r=_(e),s=mt(e),c=dt(s),l=$(e),a=r==="y",d=o.x+o.width/2-i.width/2,u=o.y+o.height/2-i.height/2,m=o[c]/2-i[c]/2,f;switch(l){case"top":f={x:d,y:o.y-i.height};break;case"bottom":f={x:d,y:o.y+o.height};break;case"right":f={x:o.x+o.width,y:u};break;case"left":f={x:o.x-i.width,y:u};break;default:f={x:o.x,y:o.y}}switch(k(e)){case"start":f[s]-=m*(n&&a?-1:1);break;case"end":f[s]+=m*(n&&a?-1:1);break}return f}var Vt=async(t,e,n)=>{let{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:s}=n,c=r.filter(Boolean),l=await(s.isRTL==null?void 0:s.isRTL(e)),a=await s.getElementRects({reference:t,floating:e,strategy:i}),{x:d,y:u}=$t(a,o,l),m=o,f={},g=0;for(let h=0;h<c.length;h++){let{name:p,fn:w}=c[h],{x,y,data:b,reset:v}=await w({x:d,y:u,initialPlacement:o,placement:m,strategy:i,middlewareData:f,rects:a,platform:s,elements:{reference:t,floating:e}});d=x??d,u=y??u,f={...f,[p]:{...f[p],...b}},v&&g<=50&&(g++,typeof v=="object"&&(v.placement&&(m=v.placement),v.rects&&(a=v.rects===!0?await s.getElementRects({reference:t,floating:e,strategy:i}):v.rects),{x:d,y:u}=$t(a,m,l)),h=-1)}return{x:d,y:u,placement:m,strategy:i,middlewareData:f}};async function Z(t,e){var n;e===void 0&&(e={});let{x:o,y:i,platform:r,rects:s,elements:c,strategy:l}=t,{boundary:a="clippingAncestors",rootBoundary:d="viewport",elementContext:u="floating",altBoundary:m=!1,padding:f=0}=Y(e,t),g=Ot(f),p=c[m?u==="floating"?"reference":"floating":u],w=K(await r.getClippingRect({element:(n=await(r.isElement==null?void 0:r.isElement(p)))==null||n?p:p.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(c.floating)),boundary:a,rootBoundary:d,strategy:l})),x=u==="floating"?{x:o,y:i,width:s.floating.width,height:s.floating.height}:s.reference,y=await(r.getOffsetParent==null?void 0:r.getOffsetParent(c.floating)),b=await(r.isElement==null?void 0:r.isElement(y))?await(r.getScale==null?void 0:r.getScale(y))||{x:1,y:1}:{x:1,y:1},v=K(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:x,offsetParent:y,strategy:l}):x);return{top:(w.top-v.top+g.top)/b.y,bottom:(v.bottom-w.bottom+g.bottom)/b.y,left:(w.left-v.left+g.left)/b.x,right:(v.right-w.right+g.right)/b.x}}var _t=t=>({name:"arrow",options:t,async fn(e){let{x:n,y:o,placement:i,rects:r,platform:s,elements:c,middlewareData:l}=e,{element:a,padding:d=0}=Y(t,e)||{};if(a==null)return{};let u=Ot(d),m={x:n,y:o},f=mt(i),g=dt(f),h=await s.getDimensions(a),p=f==="y",w=p?"top":"left",x=p?"bottom":"right",y=p?"clientHeight":"clientWidth",b=r.reference[g]+r.reference[f]-m[f]-r.floating[g],v=m[f]-r.reference[f],R=await(s.getOffsetParent==null?void 0:s.getOffsetParent(a)),O=R?R[y]:0;(!O||!await(s.isElement==null?void 0:s.isElement(R)))&&(O=c.floating[y]||r.floating[g]);let U=b/2-v/2,C=O/2-h[g]/2-1,A=j(u[w],C),L=j(u[x],C),W=A,X=O-h[g]-L,P=O/2-h[g]/2+U,q=ut(W,P,X),H=!l.arrow&&k(i)!=null&&P!==q&&r.reference[g]/2-(P<W?A:L)-h[g]/2<0,D=H?P<W?P-W:P-X:0;return{[f]:m[f]+D,data:{[f]:q,centerOffset:P-q-D,...H&&{alignmentOffset:D}},reset:H}}});function Te(t,e,n){return(t?[...n.filter(i=>k(i)===t),...n.filter(i=>k(i)!==t)]:n.filter(i=>$(i)===i)).filter(i=>t?k(i)===t||(e?it(i)!==i:!1):!0)}var zt=function(t){return t===void 0&&(t={}),{name:"autoPlacement",options:t,async fn(e){var n,o,i;let{rects:r,middlewareData:s,placement:c,platform:l,elements:a}=e,{crossAxis:d=!1,alignment:u,allowedPlacements:m=vt,autoAlignment:f=!0,...g}=Y(t,e),h=u!==void 0||m===vt?Te(u||null,f,m):m,p=await Z(e,g),w=((n=s.autoPlacement)==null?void 0:n.index)||0,x=h[w];if(x==null)return{};let y=At(x,r,await(l.isRTL==null?void 0:l.isRTL(a.floating)));if(c!==x)return{reset:{placement:h[0]}};let b=[p[$(x)],p[y[0]],p[y[1]]],v=[...((o=s.autoPlacement)==null?void 0:o.overflows)||[],{placement:x,overflows:b}],R=h[w+1];if(R)return{data:{index:w+1,overflows:v},reset:{placement:R}};let O=v.map(A=>{let L=k(A.placement);return[A.placement,L&&d?A.overflows.slice(0,2).reduce((W,X)=>W+X,0):A.overflows[0],A.overflows]}).sort((A,L)=>A[1]-L[1]),C=((i=O.filter(A=>A[2].slice(0,k(A[0])?2:3).every(L=>L<=0))[0])==null?void 0:i[0])||O[0][0];return C!==c?{data:{index:w+1,overflows:v},reset:{placement:C}}:{}}}},Ut=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n,o;let{placement:i,middlewareData:r,rects:s,initialPlacement:c,platform:l,elements:a}=e,{mainAxis:d=!0,crossAxis:u=!0,fallbackPlacements:m,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:h=!0,...p}=Y(t,e);if((n=r.arrow)!=null&&n.alignmentOffset)return{};let w=$(i),x=_(c),y=$(c)===c,b=await(l.isRTL==null?void 0:l.isRTL(a.floating)),v=m||(y||!h?[st(c)]:Nt(c)),R=g!=="none";!m&&R&&v.push(...Bt(c,h,g,b));let O=[c,...v],U=await Z(e,p),C=[],A=((o=r.flip)==null?void 0:o.overflows)||[];if(d&&C.push(U[w]),u){let P=At(i,s,b);C.push(U[P[0]],U[P[1]])}if(A=[...A,{placement:i,overflows:C}],!C.every(P=>P<=0)){var L,W;let P=(((L=r.flip)==null?void 0:L.index)||0)+1,q=O[P];if(q&&(!(u==="alignment"?x!==_(q):!1)||A.every(F=>_(F.placement)===x?F.overflows[0]>0:!0)))return{data:{index:P,overflows:A},reset:{placement:q}};let H=(W=A.filter(D=>D.overflows[0]<=0).sort((D,F)=>D.overflows[1]-F.overflows[1])[0])==null?void 0:W.placement;if(!H)switch(f){case"bestFit":{var X;let D=(X=A.filter(F=>{if(R){let I=_(F.placement);return I===x||I==="y"}return!0}).map(F=>[F.placement,F.overflows.filter(I=>I>0).reduce((I,be)=>I+be,0)]).sort((F,I)=>F[1]-I[1])[0])==null?void 0:X[0];D&&(H=D);break}case"initialPlacement":H=c;break}if(i!==H)return{reset:{placement:H}}}return{}}}};function Wt(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function Ht(t){return yt.some(e=>t[e]>=0)}var It=function(t){return t===void 0&&(t={}),{name:"hide",options:t,async fn(e){let{rects:n}=e,{strategy:o="referenceHidden",...i}=Y(t,e);switch(o){case"referenceHidden":{let r=await Z(e,{...i,elementContext:"reference"}),s=Wt(r,n.reference);return{data:{referenceHiddenOffsets:s,referenceHidden:Ht(s)}}}case"escaped":{let r=await Z(e,{...i,altBoundary:!0}),s=Wt(r,n.floating);return{data:{escapedOffsets:s,escaped:Ht(s)}}}default:return{}}}}};var Le=new Set(["left","top"]);async function De(t,e){let{placement:n,platform:o,elements:i}=t,r=await(o.isRTL==null?void 0:o.isRTL(i.floating)),s=$(n),c=k(n),l=_(n)==="y",a=Le.has(s)?-1:1,d=r&&l?-1:1,u=Y(e,t),{mainAxis:m,crossAxis:f,alignmentAxis:g}=typeof u=="number"?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:u.mainAxis||0,crossAxis:u.crossAxis||0,alignmentAxis:u.alignmentAxis};return c&&typeof g=="number"&&(f=c==="end"?g*-1:g),l?{x:f*d,y:m*a}:{x:m*a,y:f*d}}var jt=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var n,o;let{x:i,y:r,placement:s,middlewareData:c}=e,l=await De(e,t);return s===((n=c.offset)==null?void 0:n.placement)&&(o=c.arrow)!=null&&o.alignmentOffset?{}:{x:i+l.x,y:r+l.y,data:{...l,placement:s}}}}},Yt=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:n,y:o,placement:i}=e,{mainAxis:r=!0,crossAxis:s=!1,limiter:c={fn:p=>{let{x:w,y:x}=p;return{x:w,y:x}}},...l}=Y(t,e),a={x:n,y:o},d=await Z(e,l),u=_($(i)),m=bt(u),f=a[m],g=a[u];if(r){let p=m==="y"?"top":"left",w=m==="y"?"bottom":"right",x=f+d[p],y=f-d[w];f=ut(x,f,y)}if(s){let p=u==="y"?"top":"left",w=u==="y"?"bottom":"right",x=g+d[p],y=g-d[w];g=ut(x,g,y)}let h=c.fn({...e,[m]:f,[u]:g});return{...h,data:{x:h.x-n,y:h.y-o,enabled:{[m]:r,[u]:s}}}}}};function gt(){return typeof window<"u"}function G(t){return qt(t)?(t.nodeName||"").toLowerCase():"#document"}function S(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function N(t){var e;return(e=(qt(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function qt(t){return gt()?t instanceof Node||t instanceof S(t).Node:!1}function E(t){return gt()?t instanceof Element||t instanceof S(t).Element:!1}function B(t){return gt()?t instanceof HTMLElement||t instanceof S(t).HTMLElement:!1}function Xt(t){return!gt()||typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof S(t).ShadowRoot}var Fe=new Set(["inline","contents"]);function et(t){let{overflow:e,overflowX:n,overflowY:o,display:i}=T(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!Fe.has(i)}var Me=new Set(["table","td","th"]);function Kt(t){return Me.has(G(t))}var ke=[":popover-open",":modal"];function lt(t){return ke.some(e=>{try{return t.matches(e)}catch{return!1}})}var Ne=["transform","translate","scale","rotate","perspective"],Be=["transform","translate","scale","rotate","perspective","filter"],$e=["paint","layout","strict","content"];function nt(t){let e=ht(),n=E(t)?T(t):t;return Ne.some(o=>n[o]?n[o]!=="none":!1)||(n.containerType?n.containerType!=="normal":!1)||!e&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!e&&(n.filter?n.filter!=="none":!1)||Be.some(o=>(n.willChange||"").includes(o))||$e.some(o=>(n.contain||"").includes(o))}function Gt(t){let e=z(t);for(;B(e)&&!J(e);){if(nt(e))return e;if(lt(e))return null;e=z(e)}return null}function ht(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}var We=new Set(["html","body","#document"]);function J(t){return We.has(G(t))}function T(t){return S(t).getComputedStyle(t)}function at(t){return E(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function z(t){if(G(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Xt(t)&&t.host||N(t);return Xt(e)?e.host:e}function Jt(t){let e=z(t);return J(e)?t.ownerDocument?t.ownerDocument.body:t.body:B(e)&&et(e)?e:Jt(e)}function tt(t,e,n){var o;e===void 0&&(e=[]),n===void 0&&(n=!0);let i=Jt(t),r=i===((o=t.ownerDocument)==null?void 0:o.body),s=S(i);if(r){let c=pt(s);return e.concat(s,s.visualViewport||[],et(i)?i:[],c&&n?tt(c):[])}return e.concat(i,tt(i,[],n))}function pt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function te(t){let e=T(t),n=parseFloat(e.width)||0,o=parseFloat(e.height)||0,i=B(t),r=i?t.offsetWidth:n,s=i?t.offsetHeight:o,c=rt(n)!==r||rt(o)!==s;return c&&(n=r,o=s),{width:n,height:o,$:c}}function Pt(t){return E(t)?t:t.contextElement}function ot(t){let e=Pt(t);if(!B(e))return M(1);let n=e.getBoundingClientRect(),{width:o,height:i,$:r}=te(e),s=(r?rt(n.width):n.width)/o,c=(r?rt(n.height):n.height)/i;return(!s||!Number.isFinite(s))&&(s=1),(!c||!Number.isFinite(c))&&(c=1),{x:s,y:c}}var He=M(0);function ee(t){let e=S(t);return!ht()||!e.visualViewport?He:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function Ve(t,e,n){return e===void 0&&(e=!1),!n||e&&n!==S(t)?!1:e}function Q(t,e,n,o){e===void 0&&(e=!1),n===void 0&&(n=!1);let i=t.getBoundingClientRect(),r=Pt(t),s=M(1);e&&(o?E(o)&&(s=ot(o)):s=ot(t));let c=Ve(r,n,o)?ee(r):M(0),l=(i.left+c.x)/s.x,a=(i.top+c.y)/s.y,d=i.width/s.x,u=i.height/s.y;if(r){let m=S(r),f=o&&E(o)?S(o):o,g=m,h=pt(g);for(;h&&o&&f!==g;){let p=ot(h),w=h.getBoundingClientRect(),x=T(h),y=w.left+(h.clientLeft+parseFloat(x.paddingLeft))*p.x,b=w.top+(h.clientTop+parseFloat(x.paddingTop))*p.y;l*=p.x,a*=p.y,d*=p.x,u*=p.y,l+=y,a+=b,g=S(h),h=pt(g)}}return K({width:d,height:u,x:l,y:a})}function St(t,e){let n=at(t).scrollLeft;return e?e.left+n:Q(N(t)).left+n}function ne(t,e,n){n===void 0&&(n=!1);let o=t.getBoundingClientRect(),i=o.left+e.scrollLeft-(n?0:St(t,o)),r=o.top+e.scrollTop;return{x:i,y:r}}function _e(t){let{elements:e,rect:n,offsetParent:o,strategy:i}=t,r=i==="fixed",s=N(o),c=e?lt(e.floating):!1;if(o===s||c&&r)return n;let l={scrollLeft:0,scrollTop:0},a=M(1),d=M(0),u=B(o);if((u||!u&&!r)&&((G(o)!=="body"||et(s))&&(l=at(o)),B(o))){let f=Q(o);a=ot(o),d.x=f.x+o.clientLeft,d.y=f.y+o.clientTop}let m=s&&!u&&!r?ne(s,l,!0):M(0);return{width:n.width*a.x,height:n.height*a.y,x:n.x*a.x-l.scrollLeft*a.x+d.x+m.x,y:n.y*a.y-l.scrollTop*a.y+d.y+m.y}}function ze(t){return Array.from(t.getClientRects())}function Ue(t){let e=N(t),n=at(t),o=t.ownerDocument.body,i=V(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),r=V(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight),s=-n.scrollLeft+St(t),c=-n.scrollTop;return T(o).direction==="rtl"&&(s+=V(e.clientWidth,o.clientWidth)-i),{width:i,height:r,x:s,y:c}}function Ie(t,e){let n=S(t),o=N(t),i=n.visualViewport,r=o.clientWidth,s=o.clientHeight,c=0,l=0;if(i){r=i.width,s=i.height;let a=ht();(!a||a&&e==="fixed")&&(c=i.offsetLeft,l=i.offsetTop)}return{width:r,height:s,x:c,y:l}}var je=new Set(["absolute","fixed"]);function Ye(t,e){let n=Q(t,!0,e==="fixed"),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=B(t)?ot(t):M(1),s=t.clientWidth*r.x,c=t.clientHeight*r.y,l=i*r.x,a=o*r.y;return{width:s,height:c,x:l,y:a}}function Qt(t,e,n){let o;if(e==="viewport")o=Ie(t,n);else if(e==="document")o=Ue(N(t));else if(E(e))o=Ye(e,n);else{let i=ee(t);o={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height}}return K(o)}function oe(t,e){let n=z(t);return n===e||!E(n)||J(n)?!1:T(n).position==="fixed"||oe(n,e)}function Xe(t,e){let n=e.get(t);if(n)return n;let o=tt(t,[],!1).filter(c=>E(c)&&G(c)!=="body"),i=null,r=T(t).position==="fixed",s=r?z(t):t;for(;E(s)&&!J(s);){let c=T(s),l=nt(s);!l&&c.position==="fixed"&&(i=null),(r?!l&&!i:!l&&c.position==="static"&&!!i&&je.has(i.position)||et(s)&&!l&&oe(t,s))?o=o.filter(d=>d!==s):i=c,s=z(s)}return e.set(t,o),o}function qe(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t,s=[...n==="clippingAncestors"?lt(e)?[]:Xe(e,this._c):[].concat(n),o],c=s[0],l=s.reduce((a,d)=>{let u=Qt(e,d,i);return a.top=V(u.top,a.top),a.right=j(u.right,a.right),a.bottom=j(u.bottom,a.bottom),a.left=V(u.left,a.left),a},Qt(e,c,i));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function Ke(t){let{width:e,height:n}=te(t);return{width:e,height:n}}function Ge(t,e,n){let o=B(e),i=N(e),r=n==="fixed",s=Q(t,!0,r,e),c={scrollLeft:0,scrollTop:0},l=M(0);function a(){l.x=St(i)}if(o||!o&&!r)if((G(e)!=="body"||et(i))&&(c=at(e)),o){let f=Q(e,!0,r,e);l.x=f.x+e.clientLeft,l.y=f.y+e.clientTop}else i&&a();r&&!o&&i&&a();let d=i&&!o&&!r?ne(i,c):M(0),u=s.left+c.scrollLeft-l.x-d.x,m=s.top+c.scrollTop-l.y-d.y;return{x:u,y:m,width:s.width,height:s.height}}function Rt(t){return T(t).position==="static"}function Zt(t,e){if(!B(t)||T(t).position==="fixed")return null;if(e)return e(t);let n=t.offsetParent;return N(t)===n&&(n=n.ownerDocument.body),n}function ie(t,e){let n=S(t);if(lt(t))return n;if(!B(t)){let i=z(t);for(;i&&!J(i);){if(E(i)&&!Rt(i))return i;i=z(i)}return n}let o=Zt(t,e);for(;o&&Kt(o)&&Rt(o);)o=Zt(o,e);return o&&J(o)&&Rt(o)&&!nt(o)?n:o||Gt(t)||n}var Je=async function(t){let e=this.getOffsetParent||ie,n=this.getDimensions,o=await n(t.floating);return{reference:Ge(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Qe(t){return T(t).direction==="rtl"}var wt={convertOffsetParentRelativeRectToViewportRelativeRect:_e,getDocumentElement:N,getClippingRect:qe,getOffsetParent:ie,getElementRects:Je,getClientRects:ze,getDimensions:Ke,getScale:ot,isElement:E,isRTL:Qe};function se(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function Ze(t,e){let n=null,o,i=N(t);function r(){var c;clearTimeout(o),(c=n)==null||c.disconnect(),n=null}function s(c,l){c===void 0&&(c=!1),l===void 0&&(l=1),r();let a=t.getBoundingClientRect(),{left:d,top:u,width:m,height:f}=a;if(c||e(),!m||!f)return;let g=ct(u),h=ct(i.clientWidth-(d+m)),p=ct(i.clientHeight-(u+f)),w=ct(d),y={rootMargin:-g+"px "+-h+"px "+-p+"px "+-w+"px",threshold:V(0,j(1,l))||1},b=!0;function v(R){let O=R[0].intersectionRatio;if(O!==l){if(!b)return s();O?s(!1,O):o=setTimeout(()=>{s(!1,1e-7)},1e3)}O===1&&!se(a,t.getBoundingClientRect())&&s(),b=!1}try{n=new IntersectionObserver(v,{...y,root:i.ownerDocument})}catch{n=new IntersectionObserver(v,y)}n.observe(t)}return s(!0),r}function re(t,e,n,o){o===void 0&&(o={});let{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:l=!1}=o,a=Pt(t),d=i||r?[...a?tt(a):[],...tt(e)]:[];d.forEach(w=>{i&&w.addEventListener("scroll",n,{passive:!0}),r&&w.addEventListener("resize",n)});let u=a&&c?Ze(a,n):null,m=-1,f=null;s&&(f=new ResizeObserver(w=>{let[x]=w;x&&x.target===a&&f&&(f.unobserve(e),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var y;(y=f)==null||y.observe(e)})),n()}),a&&!l&&f.observe(a),f.observe(e));let g,h=l?Q(t):null;l&&p();function p(){let w=Q(t);h&&!se(h,w)&&n(),h=w,g=requestAnimationFrame(p)}return n(),()=>{var w;d.forEach(x=>{i&&x.removeEventListener("scroll",n),r&&x.removeEventListener("resize",n)}),u?.(),(w=f)==null||w.disconnect(),f=null,l&&cancelAnimationFrame(g)}}var ce=jt,le=zt,ae=Yt,Ct=Ut;var fe=It,ue=_t;var de=(t,e,n)=>{let o=new Map,i={platform:wt,...n},r={...i.platform,_c:o};return Vt(t,e,{...i,platform:r})};function me(t){return tn(t)}function Et(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}function tn(t){for(let e=t;e;e=Et(e))if(e instanceof Element&&getComputedStyle(e).display==="none")return null;for(let e=Et(t);e;e=Et(e)){if(!(e instanceof Element))continue;let n=getComputedStyle(e);if(n.display!=="contents"&&(n.position!=="static"||nt(n)||e.tagName==="BODY"))return e}return null}(function(){if(!!1){let e=wt.getOffsetParent;wt.getOffsetParent=n=>e(n,me)}})();function ge(t){let e=window.devicePixelRatio||1;return Math.round(t*e)/e}var xe=async(t,{referenceEl:e,floatingEl:n,overlayPositioning:o="absolute",placement:i,flipDisabled:r,flipPlacements:s,offsetDistance:c,offsetSkidding:l,arrowEl:a,type:d})=>{if(!e||!n)return;let u=Lt(n)==="rtl",{x:m,y:f,placement:g,strategy:h,middlewareData:p}=await de(e,n,{strategy:o,placement:i==="auto"||i==="auto-start"||i==="auto-end"?void 0:he(i,u),middleware:nn({placement:i,flipDisabled:r,flipPlacements:s?.map(b=>he(b,u)),offsetDistance:c,offsetSkidding:l,arrowEl:a,type:d})});if(a&&p.arrow){let{x:b,y:v}=p.arrow,R=g.split("-")[0],O=b!=null?"left":"top",U=rn[R],C={left:"",top:"",bottom:"",right:""};"floatingLayout"in t&&(t.floatingLayout=R==="left"||R==="right"?"horizontal":"vertical"),Object.assign(a.style,{...C,[O]:`${O=="left"?b:v}px`,[R]:"100%",transform:U})}let x=p.hide?.referenceHidden?"hidden":null,y=x?"none":null;n.setAttribute(en,g),Object.assign(n.style,{pointerEvents:y,position:h,transform:`translate(${ge(m)}px,${ge(f)}px)`,visibility:x})},en="data-placement",ye=["top","bottom","right","left","top-start","top-end","bottom-start","bottom-end","right-start","right-end","left-start","left-end","leading","trailing","leading-start","leading-end","trailing-start","trailing-end"],Tn="bottom-start",Ln="bottom-end",Dn={animation:"calcite-floating-ui-anim",animationActive:"calcite-floating-ui-anim--active"};function nn({placement:t,flipDisabled:e,flipPlacements:n,offsetDistance:o,offsetSkidding:i,arrowEl:r,type:s}){let c=[ae(),fe()];return s==="menu"&&c.push(Ct({fallbackPlacements:n||["top-start","top","top-end","bottom-start","bottom","bottom-end"]})),c.push(ce({mainAxis:typeof o=="number"?o:0,crossAxis:typeof i=="number"?i:0})),t==="auto"||t==="auto-start"||t==="auto-end"?c.push(le({alignment:t==="auto-start"?"start":t==="auto-end"?"end":null})):e||c.push(Ct(n?{fallbackPlacements:n}:{})),r&&c.push(ue({element:r})),c}function on(t){return ye.includes(t)}function Fn(t,e){let n=t.filter(on);return n.length!==t.length&&console.warn(`${e.tagName}: Invalid value found in: flipPlacements. Try any of these: ${ye.map(o=>`"${o}"`).join(", ").trim()}`,{el:e}),n}function he(t,e=!1){let n=["left","right"];return e&&n.reverse(),t.replace(/leading/gi,n[0]).replace(/trailing/gi,n[1])}async function Mn(t,e,n=!1){if(!t.open||!e.floatingEl||!e.referenceEl)return;if(Object.assign(e.floatingEl.style,{display:"block",position:e.overlayPositioning??"absolute"}),!ft.get(t))return ve(t);await(n?sn(t):xe)(t,e)}function sn(t){let e=xt.get(t);return e||(e=Dt(xe,Tt.reposition,{edges:["leading","trailing"]}),xt.set(t,e),e)}var rn={top:"",left:"rotate(-90deg)",bottom:"rotate(180deg)",right:"rotate(90deg)"},ft=new WeakMap,xt=new WeakMap;async function ve(t){let{referenceEl:e,floatingEl:n}=t;if(!n.isConnected)return;let o=re;ft.set(t,{state:"pending"});let i,r=o(e,n,()=>{let s=t.reposition();i||(i=s)});return ft.set(t,{state:"active",cleanUp:r}),i}function cn(t){let{floatingEl:e}=t;e&&Object.assign(e.style,{display:"",pointerEvents:"",position:"",transform:"",visibility:""})}async function kn(t){let{floatingEl:e,referenceEl:n}=t;if(cn(t),!(!e||!n)&&(ln(t),!!t.open))return ve(t)}function ln(t){let e=ft.get(t);e?.state==="active"&&e.cleanUp(),ft.delete(t),xt.get(t)?.cancel(),xt.delete(t)}var pe=4,Nn=Math.ceil(Math.hypot(pe,pe));export{Tn as a,Ln as b,Dn as c,Fn as d,Mn as e,cn as f,kn as g,ln as h,Nn as i};
3
+ v3.3.0-next.94 */
4
+ import{a as Dt}from"./VHCWSSSA.js";import{e as Lt}from"./6MYOFE72.js";import{K as Tt}from"./ZX5MHCRD.js";var yt=["top","right","bottom","left"],Ft=["start","end"],vt=yt.reduce((t,e)=>t.concat(e,e+"-"+Ft[0],e+"-"+Ft[1]),[]),j=Math.min,V=Math.max,rt=Math.round,ct=Math.floor,M=t=>({x:t,y:t}),Ae={left:"right",right:"left",bottom:"top",top:"bottom"},Oe={start:"end",end:"start"};function ut(t,e,n){return V(t,j(e,n))}function Y(t,e){return typeof t=="function"?t(e):t}function $(t){return t.split("-")[0]}function k(t){return t.split("-")[1]}function bt(t){return t==="x"?"y":"x"}function dt(t){return t==="y"?"height":"width"}var Re=new Set(["top","bottom"]);function _(t){return Re.has($(t))?"y":"x"}function mt(t){return bt(_(t))}function At(t,e,n){n===void 0&&(n=!1);let o=k(t),i=mt(t),r=dt(i),s=i==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[r]>e.floating[r]&&(s=st(s)),[s,st(s)]}function Nt(t){let e=st(t);return[it(t),e,it(e)]}function it(t){return t.replace(/start|end/g,e=>Oe[e])}var Mt=["left","right"],kt=["right","left"],Pe=["top","bottom"],Se=["bottom","top"];function Ce(t,e,n){switch(t){case"top":case"bottom":return n?e?kt:Mt:e?Mt:kt;case"left":case"right":return e?Pe:Se;default:return[]}}function Bt(t,e,n,o){let i=k(t),r=Ce($(t),n==="start",o);return i&&(r=r.map(s=>s+"-"+i),e&&(r=r.concat(r.map(it)))),r}function st(t){return t.replace(/left|right|bottom|top/g,e=>Ae[e])}function Ee(t){return{top:0,right:0,bottom:0,left:0,...t}}function Ot(t){return typeof t!="number"?Ee(t):{top:t,right:t,bottom:t,left:t}}function K(t){let{x:e,y:n,width:o,height:i}=t;return{width:o,height:i,top:n,left:e,right:e+o,bottom:n+i,x:e,y:n}}function $t(t,e,n){let{reference:o,floating:i}=t,r=_(e),s=mt(e),c=dt(s),l=$(e),a=r==="y",d=o.x+o.width/2-i.width/2,u=o.y+o.height/2-i.height/2,m=o[c]/2-i[c]/2,f;switch(l){case"top":f={x:d,y:o.y-i.height};break;case"bottom":f={x:d,y:o.y+o.height};break;case"right":f={x:o.x+o.width,y:u};break;case"left":f={x:o.x-i.width,y:u};break;default:f={x:o.x,y:o.y}}switch(k(e)){case"start":f[s]-=m*(n&&a?-1:1);break;case"end":f[s]+=m*(n&&a?-1:1);break}return f}var Vt=async(t,e,n)=>{let{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:s}=n,c=r.filter(Boolean),l=await(s.isRTL==null?void 0:s.isRTL(e)),a=await s.getElementRects({reference:t,floating:e,strategy:i}),{x:d,y:u}=$t(a,o,l),m=o,f={},g=0;for(let h=0;h<c.length;h++){let{name:p,fn:w}=c[h],{x,y,data:b,reset:v}=await w({x:d,y:u,initialPlacement:o,placement:m,strategy:i,middlewareData:f,rects:a,platform:s,elements:{reference:t,floating:e}});d=x??d,u=y??u,f={...f,[p]:{...f[p],...b}},v&&g<=50&&(g++,typeof v=="object"&&(v.placement&&(m=v.placement),v.rects&&(a=v.rects===!0?await s.getElementRects({reference:t,floating:e,strategy:i}):v.rects),{x:d,y:u}=$t(a,m,l)),h=-1)}return{x:d,y:u,placement:m,strategy:i,middlewareData:f}};async function Z(t,e){var n;e===void 0&&(e={});let{x:o,y:i,platform:r,rects:s,elements:c,strategy:l}=t,{boundary:a="clippingAncestors",rootBoundary:d="viewport",elementContext:u="floating",altBoundary:m=!1,padding:f=0}=Y(e,t),g=Ot(f),p=c[m?u==="floating"?"reference":"floating":u],w=K(await r.getClippingRect({element:(n=await(r.isElement==null?void 0:r.isElement(p)))==null||n?p:p.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(c.floating)),boundary:a,rootBoundary:d,strategy:l})),x=u==="floating"?{x:o,y:i,width:s.floating.width,height:s.floating.height}:s.reference,y=await(r.getOffsetParent==null?void 0:r.getOffsetParent(c.floating)),b=await(r.isElement==null?void 0:r.isElement(y))?await(r.getScale==null?void 0:r.getScale(y))||{x:1,y:1}:{x:1,y:1},v=K(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:x,offsetParent:y,strategy:l}):x);return{top:(w.top-v.top+g.top)/b.y,bottom:(v.bottom-w.bottom+g.bottom)/b.y,left:(w.left-v.left+g.left)/b.x,right:(v.right-w.right+g.right)/b.x}}var _t=t=>({name:"arrow",options:t,async fn(e){let{x:n,y:o,placement:i,rects:r,platform:s,elements:c,middlewareData:l}=e,{element:a,padding:d=0}=Y(t,e)||{};if(a==null)return{};let u=Ot(d),m={x:n,y:o},f=mt(i),g=dt(f),h=await s.getDimensions(a),p=f==="y",w=p?"top":"left",x=p?"bottom":"right",y=p?"clientHeight":"clientWidth",b=r.reference[g]+r.reference[f]-m[f]-r.floating[g],v=m[f]-r.reference[f],R=await(s.getOffsetParent==null?void 0:s.getOffsetParent(a)),O=R?R[y]:0;(!O||!await(s.isElement==null?void 0:s.isElement(R)))&&(O=c.floating[y]||r.floating[g]);let U=b/2-v/2,C=O/2-h[g]/2-1,A=j(u[w],C),L=j(u[x],C),W=A,X=O-h[g]-L,P=O/2-h[g]/2+U,q=ut(W,P,X),H=!l.arrow&&k(i)!=null&&P!==q&&r.reference[g]/2-(P<W?A:L)-h[g]/2<0,D=H?P<W?P-W:P-X:0;return{[f]:m[f]+D,data:{[f]:q,centerOffset:P-q-D,...H&&{alignmentOffset:D}},reset:H}}});function Te(t,e,n){return(t?[...n.filter(i=>k(i)===t),...n.filter(i=>k(i)!==t)]:n.filter(i=>$(i)===i)).filter(i=>t?k(i)===t||(e?it(i)!==i:!1):!0)}var zt=function(t){return t===void 0&&(t={}),{name:"autoPlacement",options:t,async fn(e){var n,o,i;let{rects:r,middlewareData:s,placement:c,platform:l,elements:a}=e,{crossAxis:d=!1,alignment:u,allowedPlacements:m=vt,autoAlignment:f=!0,...g}=Y(t,e),h=u!==void 0||m===vt?Te(u||null,f,m):m,p=await Z(e,g),w=((n=s.autoPlacement)==null?void 0:n.index)||0,x=h[w];if(x==null)return{};let y=At(x,r,await(l.isRTL==null?void 0:l.isRTL(a.floating)));if(c!==x)return{reset:{placement:h[0]}};let b=[p[$(x)],p[y[0]],p[y[1]]],v=[...((o=s.autoPlacement)==null?void 0:o.overflows)||[],{placement:x,overflows:b}],R=h[w+1];if(R)return{data:{index:w+1,overflows:v},reset:{placement:R}};let O=v.map(A=>{let L=k(A.placement);return[A.placement,L&&d?A.overflows.slice(0,2).reduce((W,X)=>W+X,0):A.overflows[0],A.overflows]}).sort((A,L)=>A[1]-L[1]),C=((i=O.filter(A=>A[2].slice(0,k(A[0])?2:3).every(L=>L<=0))[0])==null?void 0:i[0])||O[0][0];return C!==c?{data:{index:w+1,overflows:v},reset:{placement:C}}:{}}}},Ut=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n,o;let{placement:i,middlewareData:r,rects:s,initialPlacement:c,platform:l,elements:a}=e,{mainAxis:d=!0,crossAxis:u=!0,fallbackPlacements:m,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:h=!0,...p}=Y(t,e);if((n=r.arrow)!=null&&n.alignmentOffset)return{};let w=$(i),x=_(c),y=$(c)===c,b=await(l.isRTL==null?void 0:l.isRTL(a.floating)),v=m||(y||!h?[st(c)]:Nt(c)),R=g!=="none";!m&&R&&v.push(...Bt(c,h,g,b));let O=[c,...v],U=await Z(e,p),C=[],A=((o=r.flip)==null?void 0:o.overflows)||[];if(d&&C.push(U[w]),u){let P=At(i,s,b);C.push(U[P[0]],U[P[1]])}if(A=[...A,{placement:i,overflows:C}],!C.every(P=>P<=0)){var L,W;let P=(((L=r.flip)==null?void 0:L.index)||0)+1,q=O[P];if(q&&(!(u==="alignment"?x!==_(q):!1)||A.every(F=>_(F.placement)===x?F.overflows[0]>0:!0)))return{data:{index:P,overflows:A},reset:{placement:q}};let H=(W=A.filter(D=>D.overflows[0]<=0).sort((D,F)=>D.overflows[1]-F.overflows[1])[0])==null?void 0:W.placement;if(!H)switch(f){case"bestFit":{var X;let D=(X=A.filter(F=>{if(R){let I=_(F.placement);return I===x||I==="y"}return!0}).map(F=>[F.placement,F.overflows.filter(I=>I>0).reduce((I,be)=>I+be,0)]).sort((F,I)=>F[1]-I[1])[0])==null?void 0:X[0];D&&(H=D);break}case"initialPlacement":H=c;break}if(i!==H)return{reset:{placement:H}}}return{}}}};function Wt(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function Ht(t){return yt.some(e=>t[e]>=0)}var It=function(t){return t===void 0&&(t={}),{name:"hide",options:t,async fn(e){let{rects:n}=e,{strategy:o="referenceHidden",...i}=Y(t,e);switch(o){case"referenceHidden":{let r=await Z(e,{...i,elementContext:"reference"}),s=Wt(r,n.reference);return{data:{referenceHiddenOffsets:s,referenceHidden:Ht(s)}}}case"escaped":{let r=await Z(e,{...i,altBoundary:!0}),s=Wt(r,n.floating);return{data:{escapedOffsets:s,escaped:Ht(s)}}}default:return{}}}}};var Le=new Set(["left","top"]);async function De(t,e){let{placement:n,platform:o,elements:i}=t,r=await(o.isRTL==null?void 0:o.isRTL(i.floating)),s=$(n),c=k(n),l=_(n)==="y",a=Le.has(s)?-1:1,d=r&&l?-1:1,u=Y(e,t),{mainAxis:m,crossAxis:f,alignmentAxis:g}=typeof u=="number"?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:u.mainAxis||0,crossAxis:u.crossAxis||0,alignmentAxis:u.alignmentAxis};return c&&typeof g=="number"&&(f=c==="end"?g*-1:g),l?{x:f*d,y:m*a}:{x:m*a,y:f*d}}var jt=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var n,o;let{x:i,y:r,placement:s,middlewareData:c}=e,l=await De(e,t);return s===((n=c.offset)==null?void 0:n.placement)&&(o=c.arrow)!=null&&o.alignmentOffset?{}:{x:i+l.x,y:r+l.y,data:{...l,placement:s}}}}},Yt=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:n,y:o,placement:i}=e,{mainAxis:r=!0,crossAxis:s=!1,limiter:c={fn:p=>{let{x:w,y:x}=p;return{x:w,y:x}}},...l}=Y(t,e),a={x:n,y:o},d=await Z(e,l),u=_($(i)),m=bt(u),f=a[m],g=a[u];if(r){let p=m==="y"?"top":"left",w=m==="y"?"bottom":"right",x=f+d[p],y=f-d[w];f=ut(x,f,y)}if(s){let p=u==="y"?"top":"left",w=u==="y"?"bottom":"right",x=g+d[p],y=g-d[w];g=ut(x,g,y)}let h=c.fn({...e,[m]:f,[u]:g});return{...h,data:{x:h.x-n,y:h.y-o,enabled:{[m]:r,[u]:s}}}}}};function gt(){return typeof window<"u"}function G(t){return qt(t)?(t.nodeName||"").toLowerCase():"#document"}function S(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function N(t){var e;return(e=(qt(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function qt(t){return gt()?t instanceof Node||t instanceof S(t).Node:!1}function E(t){return gt()?t instanceof Element||t instanceof S(t).Element:!1}function B(t){return gt()?t instanceof HTMLElement||t instanceof S(t).HTMLElement:!1}function Xt(t){return!gt()||typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof S(t).ShadowRoot}var Fe=new Set(["inline","contents"]);function et(t){let{overflow:e,overflowX:n,overflowY:o,display:i}=T(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!Fe.has(i)}var Me=new Set(["table","td","th"]);function Kt(t){return Me.has(G(t))}var ke=[":popover-open",":modal"];function lt(t){return ke.some(e=>{try{return t.matches(e)}catch{return!1}})}var Ne=["transform","translate","scale","rotate","perspective"],Be=["transform","translate","scale","rotate","perspective","filter"],$e=["paint","layout","strict","content"];function nt(t){let e=ht(),n=E(t)?T(t):t;return Ne.some(o=>n[o]?n[o]!=="none":!1)||(n.containerType?n.containerType!=="normal":!1)||!e&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!e&&(n.filter?n.filter!=="none":!1)||Be.some(o=>(n.willChange||"").includes(o))||$e.some(o=>(n.contain||"").includes(o))}function Gt(t){let e=z(t);for(;B(e)&&!J(e);){if(nt(e))return e;if(lt(e))return null;e=z(e)}return null}function ht(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}var We=new Set(["html","body","#document"]);function J(t){return We.has(G(t))}function T(t){return S(t).getComputedStyle(t)}function at(t){return E(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function z(t){if(G(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Xt(t)&&t.host||N(t);return Xt(e)?e.host:e}function Jt(t){let e=z(t);return J(e)?t.ownerDocument?t.ownerDocument.body:t.body:B(e)&&et(e)?e:Jt(e)}function tt(t,e,n){var o;e===void 0&&(e=[]),n===void 0&&(n=!0);let i=Jt(t),r=i===((o=t.ownerDocument)==null?void 0:o.body),s=S(i);if(r){let c=pt(s);return e.concat(s,s.visualViewport||[],et(i)?i:[],c&&n?tt(c):[])}return e.concat(i,tt(i,[],n))}function pt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function te(t){let e=T(t),n=parseFloat(e.width)||0,o=parseFloat(e.height)||0,i=B(t),r=i?t.offsetWidth:n,s=i?t.offsetHeight:o,c=rt(n)!==r||rt(o)!==s;return c&&(n=r,o=s),{width:n,height:o,$:c}}function Pt(t){return E(t)?t:t.contextElement}function ot(t){let e=Pt(t);if(!B(e))return M(1);let n=e.getBoundingClientRect(),{width:o,height:i,$:r}=te(e),s=(r?rt(n.width):n.width)/o,c=(r?rt(n.height):n.height)/i;return(!s||!Number.isFinite(s))&&(s=1),(!c||!Number.isFinite(c))&&(c=1),{x:s,y:c}}var He=M(0);function ee(t){let e=S(t);return!ht()||!e.visualViewport?He:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function Ve(t,e,n){return e===void 0&&(e=!1),!n||e&&n!==S(t)?!1:e}function Q(t,e,n,o){e===void 0&&(e=!1),n===void 0&&(n=!1);let i=t.getBoundingClientRect(),r=Pt(t),s=M(1);e&&(o?E(o)&&(s=ot(o)):s=ot(t));let c=Ve(r,n,o)?ee(r):M(0),l=(i.left+c.x)/s.x,a=(i.top+c.y)/s.y,d=i.width/s.x,u=i.height/s.y;if(r){let m=S(r),f=o&&E(o)?S(o):o,g=m,h=pt(g);for(;h&&o&&f!==g;){let p=ot(h),w=h.getBoundingClientRect(),x=T(h),y=w.left+(h.clientLeft+parseFloat(x.paddingLeft))*p.x,b=w.top+(h.clientTop+parseFloat(x.paddingTop))*p.y;l*=p.x,a*=p.y,d*=p.x,u*=p.y,l+=y,a+=b,g=S(h),h=pt(g)}}return K({width:d,height:u,x:l,y:a})}function St(t,e){let n=at(t).scrollLeft;return e?e.left+n:Q(N(t)).left+n}function ne(t,e,n){n===void 0&&(n=!1);let o=t.getBoundingClientRect(),i=o.left+e.scrollLeft-(n?0:St(t,o)),r=o.top+e.scrollTop;return{x:i,y:r}}function _e(t){let{elements:e,rect:n,offsetParent:o,strategy:i}=t,r=i==="fixed",s=N(o),c=e?lt(e.floating):!1;if(o===s||c&&r)return n;let l={scrollLeft:0,scrollTop:0},a=M(1),d=M(0),u=B(o);if((u||!u&&!r)&&((G(o)!=="body"||et(s))&&(l=at(o)),B(o))){let f=Q(o);a=ot(o),d.x=f.x+o.clientLeft,d.y=f.y+o.clientTop}let m=s&&!u&&!r?ne(s,l,!0):M(0);return{width:n.width*a.x,height:n.height*a.y,x:n.x*a.x-l.scrollLeft*a.x+d.x+m.x,y:n.y*a.y-l.scrollTop*a.y+d.y+m.y}}function ze(t){return Array.from(t.getClientRects())}function Ue(t){let e=N(t),n=at(t),o=t.ownerDocument.body,i=V(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),r=V(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight),s=-n.scrollLeft+St(t),c=-n.scrollTop;return T(o).direction==="rtl"&&(s+=V(e.clientWidth,o.clientWidth)-i),{width:i,height:r,x:s,y:c}}function Ie(t,e){let n=S(t),o=N(t),i=n.visualViewport,r=o.clientWidth,s=o.clientHeight,c=0,l=0;if(i){r=i.width,s=i.height;let a=ht();(!a||a&&e==="fixed")&&(c=i.offsetLeft,l=i.offsetTop)}return{width:r,height:s,x:c,y:l}}var je=new Set(["absolute","fixed"]);function Ye(t,e){let n=Q(t,!0,e==="fixed"),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=B(t)?ot(t):M(1),s=t.clientWidth*r.x,c=t.clientHeight*r.y,l=i*r.x,a=o*r.y;return{width:s,height:c,x:l,y:a}}function Qt(t,e,n){let o;if(e==="viewport")o=Ie(t,n);else if(e==="document")o=Ue(N(t));else if(E(e))o=Ye(e,n);else{let i=ee(t);o={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height}}return K(o)}function oe(t,e){let n=z(t);return n===e||!E(n)||J(n)?!1:T(n).position==="fixed"||oe(n,e)}function Xe(t,e){let n=e.get(t);if(n)return n;let o=tt(t,[],!1).filter(c=>E(c)&&G(c)!=="body"),i=null,r=T(t).position==="fixed",s=r?z(t):t;for(;E(s)&&!J(s);){let c=T(s),l=nt(s);!l&&c.position==="fixed"&&(i=null),(r?!l&&!i:!l&&c.position==="static"&&!!i&&je.has(i.position)||et(s)&&!l&&oe(t,s))?o=o.filter(d=>d!==s):i=c,s=z(s)}return e.set(t,o),o}function qe(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t,s=[...n==="clippingAncestors"?lt(e)?[]:Xe(e,this._c):[].concat(n),o],c=s[0],l=s.reduce((a,d)=>{let u=Qt(e,d,i);return a.top=V(u.top,a.top),a.right=j(u.right,a.right),a.bottom=j(u.bottom,a.bottom),a.left=V(u.left,a.left),a},Qt(e,c,i));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function Ke(t){let{width:e,height:n}=te(t);return{width:e,height:n}}function Ge(t,e,n){let o=B(e),i=N(e),r=n==="fixed",s=Q(t,!0,r,e),c={scrollLeft:0,scrollTop:0},l=M(0);function a(){l.x=St(i)}if(o||!o&&!r)if((G(e)!=="body"||et(i))&&(c=at(e)),o){let f=Q(e,!0,r,e);l.x=f.x+e.clientLeft,l.y=f.y+e.clientTop}else i&&a();r&&!o&&i&&a();let d=i&&!o&&!r?ne(i,c):M(0),u=s.left+c.scrollLeft-l.x-d.x,m=s.top+c.scrollTop-l.y-d.y;return{x:u,y:m,width:s.width,height:s.height}}function Rt(t){return T(t).position==="static"}function Zt(t,e){if(!B(t)||T(t).position==="fixed")return null;if(e)return e(t);let n=t.offsetParent;return N(t)===n&&(n=n.ownerDocument.body),n}function ie(t,e){let n=S(t);if(lt(t))return n;if(!B(t)){let i=z(t);for(;i&&!J(i);){if(E(i)&&!Rt(i))return i;i=z(i)}return n}let o=Zt(t,e);for(;o&&Kt(o)&&Rt(o);)o=Zt(o,e);return o&&J(o)&&Rt(o)&&!nt(o)?n:o||Gt(t)||n}var Je=async function(t){let e=this.getOffsetParent||ie,n=this.getDimensions,o=await n(t.floating);return{reference:Ge(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Qe(t){return T(t).direction==="rtl"}var wt={convertOffsetParentRelativeRectToViewportRelativeRect:_e,getDocumentElement:N,getClippingRect:qe,getOffsetParent:ie,getElementRects:Je,getClientRects:ze,getDimensions:Ke,getScale:ot,isElement:E,isRTL:Qe};function se(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function Ze(t,e){let n=null,o,i=N(t);function r(){var c;clearTimeout(o),(c=n)==null||c.disconnect(),n=null}function s(c,l){c===void 0&&(c=!1),l===void 0&&(l=1),r();let a=t.getBoundingClientRect(),{left:d,top:u,width:m,height:f}=a;if(c||e(),!m||!f)return;let g=ct(u),h=ct(i.clientWidth-(d+m)),p=ct(i.clientHeight-(u+f)),w=ct(d),y={rootMargin:-g+"px "+-h+"px "+-p+"px "+-w+"px",threshold:V(0,j(1,l))||1},b=!0;function v(R){let O=R[0].intersectionRatio;if(O!==l){if(!b)return s();O?s(!1,O):o=setTimeout(()=>{s(!1,1e-7)},1e3)}O===1&&!se(a,t.getBoundingClientRect())&&s(),b=!1}try{n=new IntersectionObserver(v,{...y,root:i.ownerDocument})}catch{n=new IntersectionObserver(v,y)}n.observe(t)}return s(!0),r}function re(t,e,n,o){o===void 0&&(o={});let{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:l=!1}=o,a=Pt(t),d=i||r?[...a?tt(a):[],...tt(e)]:[];d.forEach(w=>{i&&w.addEventListener("scroll",n,{passive:!0}),r&&w.addEventListener("resize",n)});let u=a&&c?Ze(a,n):null,m=-1,f=null;s&&(f=new ResizeObserver(w=>{let[x]=w;x&&x.target===a&&f&&(f.unobserve(e),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var y;(y=f)==null||y.observe(e)})),n()}),a&&!l&&f.observe(a),f.observe(e));let g,h=l?Q(t):null;l&&p();function p(){let w=Q(t);h&&!se(h,w)&&n(),h=w,g=requestAnimationFrame(p)}return n(),()=>{var w;d.forEach(x=>{i&&x.removeEventListener("scroll",n),r&&x.removeEventListener("resize",n)}),u?.(),(w=f)==null||w.disconnect(),f=null,l&&cancelAnimationFrame(g)}}var ce=jt,le=zt,ae=Yt,Ct=Ut;var fe=It,ue=_t;var de=(t,e,n)=>{let o=new Map,i={platform:wt,...n},r={...i.platform,_c:o};return Vt(t,e,{...i,platform:r})};function me(t){return tn(t)}function Et(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}function tn(t){for(let e=t;e;e=Et(e))if(e instanceof Element&&getComputedStyle(e).display==="none")return null;for(let e=Et(t);e;e=Et(e)){if(!(e instanceof Element))continue;let n=getComputedStyle(e);if(n.display!=="contents"&&(n.position!=="static"||nt(n)||e.tagName==="BODY"))return e}return null}(function(){if(!!1){let e=wt.getOffsetParent;wt.getOffsetParent=n=>e(n,me)}})();function ge(t){let e=window.devicePixelRatio||1;return Math.round(t*e)/e}var xe=async(t,{referenceEl:e,floatingEl:n,overlayPositioning:o="absolute",placement:i,flipDisabled:r,flipPlacements:s,offsetDistance:c,offsetSkidding:l,arrowEl:a,type:d})=>{if(!e||!n)return;let u=Lt(n)==="rtl",{x:m,y:f,placement:g,strategy:h,middlewareData:p}=await de(e,n,{strategy:o,placement:i==="auto"||i==="auto-start"||i==="auto-end"?void 0:he(i,u),middleware:nn({placement:i,flipDisabled:r,flipPlacements:s?.map(b=>he(b,u)),offsetDistance:c,offsetSkidding:l,arrowEl:a,type:d})});if(a&&p.arrow){let{x:b,y:v}=p.arrow,R=g.split("-")[0],O=b!=null?"left":"top",U=rn[R],C={left:"",top:"",bottom:"",right:""};"floatingLayout"in t&&(t.floatingLayout=R==="left"||R==="right"?"horizontal":"vertical"),Object.assign(a.style,{...C,[O]:`${O=="left"?b:v}px`,[R]:"100%",transform:U})}let x=p.hide?.referenceHidden?"hidden":null,y=x?"none":null;n.setAttribute(en,g),Object.assign(n.style,{pointerEvents:y,position:h,transform:`translate(${ge(m)}px,${ge(f)}px)`,visibility:x})},en="data-placement",ye=["top","bottom","right","left","top-start","top-end","bottom-start","bottom-end","right-start","right-end","left-start","left-end","leading","trailing","leading-start","leading-end","trailing-start","trailing-end"],Tn="bottom-start",Ln="bottom-end",Dn={animation:"calcite-floating-ui-anim",animationActive:"calcite-floating-ui-anim--active"};function nn({placement:t,flipDisabled:e,flipPlacements:n,offsetDistance:o,offsetSkidding:i,arrowEl:r,type:s}){let c=[ae(),fe()];return s==="menu"&&c.push(Ct({fallbackPlacements:n||["top-start","top","top-end","bottom-start","bottom","bottom-end"]})),c.push(ce({mainAxis:typeof o=="number"?o:0,crossAxis:typeof i=="number"?i:0})),t==="auto"||t==="auto-start"||t==="auto-end"?c.push(le({alignment:t==="auto-start"?"start":t==="auto-end"?"end":null})):e||c.push(Ct(n?{fallbackPlacements:n}:{})),r&&c.push(ue({element:r})),c}function on(t){return ye.includes(t)}function Fn(t,e){let n=t.filter(on);return n.length!==t.length&&console.warn(`${e.tagName}: Invalid value found in: flipPlacements. Try any of these: ${ye.map(o=>`"${o}"`).join(", ").trim()}`,{el:e}),n}function he(t,e=!1){let n=["left","right"];return e&&n.reverse(),t.replace(/leading/gi,n[0]).replace(/trailing/gi,n[1])}async function Mn(t,e,n=!1){if(!t.open||!e.floatingEl||!e.referenceEl)return;if(Object.assign(e.floatingEl.style,{display:"block",position:e.overlayPositioning??"absolute"}),!ft.get(t))return ve(t);await(n?sn(t):xe)(t,e)}function sn(t){let e=xt.get(t);return e||(e=Dt(xe,Tt.reposition,{edges:["leading","trailing"]}),xt.set(t,e),e)}var rn={top:"",left:"rotate(-90deg)",bottom:"rotate(180deg)",right:"rotate(90deg)"},ft=new WeakMap,xt=new WeakMap;async function ve(t){let{referenceEl:e,floatingEl:n}=t;if(!n.isConnected)return;let o=re;ft.set(t,{state:"pending"});let i,r=o(e,n,()=>{let s=t.reposition();i||(i=s)});return ft.set(t,{state:"active",cleanUp:r}),i}function cn(t){let{floatingEl:e}=t;e&&Object.assign(e.style,{display:"",pointerEvents:"",position:"",transform:"",visibility:""})}async function kn(t){let{floatingEl:e,referenceEl:n}=t;if(cn(t),!(!e||!n)&&(ln(t),!!t.open))return ve(t)}function ln(t){let e=ft.get(t);e?.state==="active"&&e.cleanUp(),ft.delete(t),xt.get(t)?.cancel(),xt.delete(t)}var pe=4,Nn=Math.ceil(Math.hypot(pe,pe));export{Tn as a,Ln as b,Dn as c,Fn as d,Mn as e,cn as f,kn as g,ln as h,Nn as i};
package/dist/calcite/{2YZ3LVQO.js → 2WFBZ4M6.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v3.3.0-next.93 */
3
+ v3.3.0-next.94 */
4
4
  var c={max:"320px"},a={max:"476px"},i={max:"768px"},t={max:"1152px"},e="8px",n="12px",s="16px",x="2px",o="0.25rem",p="0.5rem";export{c as a,a as b,i as c,t as d,e,n as f,s as g,x as h,o as i,p as j};
package/dist/calcite/{37AWVVL2.js → 3GRJWGXL.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v3.3.0-next.93 */
4
- import{a as l}from"./72FY5KRM.js";import{a as h}from"./BNXY2UEG.js";import{u as d}from"./SEM7IEGP.js";import"./L22N7LSN.js";import{D as n,E as a,Q as c,g as s,h as o}from"./FVHTUJWO.js";var p={actionBarContainer:"action-bar-container",content:"content"},m={actionBar:"action-bar"},f=s`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{z-index:var(--calcite-z-index);display:flex;flex:1 1 auto;overflow:hidden;background-color:transparent}.content{margin:0;display:flex;block-size:100%;inline-size:100%;overflow:hidden;flex:1 0 0}.action-bar-container{display:flex}:host([detached]){margin-inline:.5rem;margin-block:.5rem 1.5rem}@keyframes in-up{0%{opacity:0;transform:translate3D(0,5px,0)}to{opacity:1;transform:translateZ(0)}}:host([detached]){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:.25rem;border-width:0px;--tw-shadow: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(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)}:host([position=end]){align-self:flex-end}:host([position=start]){align-self:flex-start}:host([height-scale=s]){block-size:33.333333%}:host([height-scale=m]){block-size:70%}:host([height-scale=l]){block-size:100%}:host([height-scale=l][detached]){block-size:calc(100% - 2rem)}::slotted(calcite-panel){block-size:100%;inline-size:100%}::slotted(calcite-action-bar),::slotted(calcite-action-bar[position=end]){border-inline-end:1px solid;border-color:var(--calcite-color-border-3)}:host([hidden]){display:none}[hidden]{display:none}`,i=class extends n{constructor(){super(...arguments),this.detached=!1,this.heightScale="s",this.position="end"}static{this.properties={actionBar:[16,{},{state:!0}],detached:[7,{},{reflect:!0,type:Boolean}],heightScale:[3,{},{reflect:!0}],position:[3,{},{reflect:!0}]}}static{this.styles=f}load(){h.deprecated("component",{name:"shell-center-row",removalVersion:4,suggested:"shell-panel"})}loaded(){this.actionBar?.position==="end"&&this.requestUpdate()}handleActionBarSlotChange(t){this.actionBar=d(t).filter(e=>e.matches("calcite-action-bar"))[0]}render(){let{actionBar:t}=this,e=o`<div class=${a(p.content)}><slot></slot></div>`,r=[l("action-bar",o`<div class=${a(p.actionBarContainer)} .hidden=${!this.actionBar}><slot name=${m.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot></div>`),e];return t?.position==="end"&&r.reverse(),r}};c("calcite-shell-center-row",i);export{i as ShellCenterRow};
3
+ v3.3.0-next.94 */
4
+ import{a as l}from"./ZYBI6IWL.js";import{a as h}from"./BBTHIECO.js";import{u as d}from"./6MYOFE72.js";import"./2GXSZR3H.js";import{D as n,E as a,Q as c,g as s,h as o}from"./ZX5MHCRD.js";var p={actionBarContainer:"action-bar-container",content:"content"},m={actionBar:"action-bar"},f=s`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{z-index:var(--calcite-z-index);display:flex;flex:1 1 auto;overflow:hidden;background-color:transparent}.content{margin:0;display:flex;block-size:100%;inline-size:100%;overflow:hidden;flex:1 0 0}.action-bar-container{display:flex}:host([detached]){margin-inline:.5rem;margin-block:.5rem 1.5rem}@keyframes in-up{0%{opacity:0;transform:translate3D(0,5px,0)}to{opacity:1;transform:translateZ(0)}}:host([detached]){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:.25rem;border-width:0px;--tw-shadow: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(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)}:host([position=end]){align-self:flex-end}:host([position=start]){align-self:flex-start}:host([height-scale=s]){block-size:33.333333%}:host([height-scale=m]){block-size:70%}:host([height-scale=l]){block-size:100%}:host([height-scale=l][detached]){block-size:calc(100% - 2rem)}::slotted(calcite-panel){block-size:100%;inline-size:100%}::slotted(calcite-action-bar),::slotted(calcite-action-bar[position=end]){border-inline-end:1px solid;border-color:var(--calcite-color-border-3)}:host([hidden]){display:none}[hidden]{display:none}`,i=class extends n{constructor(){super(...arguments),this.detached=!1,this.heightScale="s",this.position="end"}static{this.properties={actionBar:[16,{},{state:!0}],detached:[7,{},{reflect:!0,type:Boolean}],heightScale:[3,{},{reflect:!0}],position:[3,{},{reflect:!0}]}}static{this.styles=f}load(){h.deprecated("component",{name:"shell-center-row",removalVersion:4,suggested:"shell-panel"})}loaded(){this.actionBar?.position==="end"&&this.requestUpdate()}handleActionBarSlotChange(t){this.actionBar=d(t).filter(e=>e.matches("calcite-action-bar"))[0]}render(){let{actionBar:t}=this,e=o`<div class=${a(p.content)}><slot></slot></div>`,r=[l("action-bar",o`<div class=${a(p.actionBarContainer)} .hidden=${!this.actionBar}><slot name=${m.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot></div>`),e];return t?.position==="end"&&r.reverse(),r}};c("calcite-shell-center-row",i);export{i as ShellCenterRow};
package/dist/calcite/{NRKV7YCC.js → 3NQLUYH3.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v3.3.0-next.93 */
4
- import{c as f,d as b}from"./3QL3DTCK.js";import{a as u}from"./DN3DLALT.js";import"./DUFJ2XTU.js";import{a as m}from"./P3BJDBH5.js";import"./75G5HLMG.js";import{a as g}from"./DDJDJHH2.js";import"./FIJOGZHJ.js";import"./JVYIWOXN.js";import{a as x}from"./BNXY2UEG.js";import{u as h}from"./SEM7IEGP.js";import"./L22N7LSN.js";import{D as d,E as s,Q as p,g as r,h as i,o as a}from"./FVHTUJWO.js";var y={actionGroupEnd:"action-group--end",container:"container"},k={expandTooltip:"expand-tooltip"},A=r`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:block}@keyframes in{0%{opacity:0}to{opacity:1}}:host{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:var(--calcite-action-pad-corner-radius, .125rem);background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width, auto)}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:1px}.container{display:inline-flex;flex-direction:column;overflow:hidden;--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);gap:var(--calcite-action-pad-items-space, 0);border-radius:calc(var(--calcite-action-pad-corner-radius, .125rem) * 2);background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1))}.action-group--bottom{flex-grow:1;justify-content:flex-end;padding-block-end:0px}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0}:host([layout=horizontal]) .container ::slotted(calcite-action-group:not(:last-of-type)){border-inline-end-width:1px}:host([hidden]){display:none}[hidden]{display:none}`,n=class extends d{constructor(){super(),this.mutationObserver=u("mutation",()=>this.updateGroups()),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionPadToggle.emit()},this.messages=m(),this.focusSetter=g()(this),this.expandDisabled=!1,this.expanded=!1,this.layout="vertical",this.overlayPositioning="absolute",this.scale="m",this.calciteActionPadCollapse=a({cancelable:!1}),this.calciteActionPadExpand=a({cancelable:!1}),this.calciteActionPadToggle=a({cancelable:!1}),this.listen("calciteActionMenuOpen",this.actionMenuOpenHandler)}static{this.properties={expandTooltip:[16,{},{state:!0}],actionsEndGroupLabel:1,expandDisabled:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],overlayPositioning:[3,{},{reflect:!0}],position:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=A}async setFocus(t){return this.focusSetter(()=>this.el,t)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}async load(){x.deprecated("component",{name:"action-pad",removalVersion:4,suggested:"action-bar"})}willUpdate(t){t.has("expanded")&&this.hasUpdated&&f({el:this.el,expanded:this.expanded}),t.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.updateGroups(),t.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteActionPadExpand.emit():this.calciteActionPadCollapse.emit())}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}actionMenuOpenHandler(t){if(t.target.menuOpen){let o=t.composedPath();this.actionGroups?.forEach(e=>{o.includes(e)||(e.menuOpen=!1)})}}updateGroups(){let t=Array.from(this.el.querySelectorAll("calcite-action-group"));this.actionGroups=t,this.setGroupLayout(t)}setGroupLayout(t){t.forEach(o=>o.layout=this.layout)}handleDefaultSlotChange(){this.updateGroups()}handleTooltipSlotChange(t){let o=h(t).filter(e=>e?.matches("calcite-tooltip"));this.expandTooltip=o[0]}renderBottomActionGroup(){let{expanded:t,expandDisabled:o,messages:e,el:v,position:w,toggleExpand:E,scale:l,layout:T,actionsEndGroupLabel:G,overlayPositioning:C}=this,c=o?null:b({collapseLabel:e.collapseLabel,collapseText:e.collapse,el:v,expandLabel:e.expandLabel,expandText:e.expand,expanded:t,position:w,scale:l,toggle:E,tooltip:this.expandTooltip});return c?i`<calcite-action-group class=${s(y.actionGroupEnd)} .label=${G} .layout=${T} .overlayPositioning=${C} .scale=${l}><slot name=${k.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>${c}</calcite-action-group>`:null}render(){return i`<div class=${s(y.container)}><slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderBottomActionGroup()}</div>`}};p("calcite-action-pad",n);export{n as ActionPad};
3
+ v3.3.0-next.94 */
4
+ import{c as f,d as b}from"./UB7SIEZM.js";import{a as u}from"./UC7RP2EY.js";import"./WVW7WVZZ.js";import{a as m}from"./G4AQZPFA.js";import"./YRR7KYQX.js";import{a as g}from"./BMJUXBBW.js";import"./H7JYMDY5.js";import"./BFZNVKU5.js";import{a as x}from"./BBTHIECO.js";import{u as h}from"./6MYOFE72.js";import"./2GXSZR3H.js";import{D as d,E as s,Q as p,g as r,h as i,o as a}from"./ZX5MHCRD.js";var y={actionGroupEnd:"action-group--end",container:"container"},k={expandTooltip:"expand-tooltip"},A=r`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:block}@keyframes in{0%{opacity:0}to{opacity:1}}:host{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:var(--calcite-action-pad-corner-radius, .125rem);background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width, auto)}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:1px}.container{display:inline-flex;flex-direction:column;overflow:hidden;--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);gap:var(--calcite-action-pad-items-space, 0);border-radius:calc(var(--calcite-action-pad-corner-radius, .125rem) * 2);background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1))}.action-group--bottom{flex-grow:1;justify-content:flex-end;padding-block-end:0px}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0}:host([layout=horizontal]) .container ::slotted(calcite-action-group:not(:last-of-type)){border-inline-end-width:1px}:host([hidden]){display:none}[hidden]{display:none}`,n=class extends d{constructor(){super(),this.mutationObserver=u("mutation",()=>this.updateGroups()),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionPadToggle.emit()},this.messages=m(),this.focusSetter=g()(this),this.expandDisabled=!1,this.expanded=!1,this.layout="vertical",this.overlayPositioning="absolute",this.scale="m",this.calciteActionPadCollapse=a({cancelable:!1}),this.calciteActionPadExpand=a({cancelable:!1}),this.calciteActionPadToggle=a({cancelable:!1}),this.listen("calciteActionMenuOpen",this.actionMenuOpenHandler)}static{this.properties={expandTooltip:[16,{},{state:!0}],actionsEndGroupLabel:1,expandDisabled:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],overlayPositioning:[3,{},{reflect:!0}],position:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=A}async setFocus(t){return this.focusSetter(()=>this.el,t)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}async load(){x.deprecated("component",{name:"action-pad",removalVersion:4,suggested:"action-bar"})}willUpdate(t){t.has("expanded")&&this.hasUpdated&&f({el:this.el,expanded:this.expanded}),t.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.updateGroups(),t.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteActionPadExpand.emit():this.calciteActionPadCollapse.emit())}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}actionMenuOpenHandler(t){if(t.target.menuOpen){let o=t.composedPath();this.actionGroups?.forEach(e=>{o.includes(e)||(e.menuOpen=!1)})}}updateGroups(){let t=Array.from(this.el.querySelectorAll("calcite-action-group"));this.actionGroups=t,this.setGroupLayout(t)}setGroupLayout(t){t.forEach(o=>o.layout=this.layout)}handleDefaultSlotChange(){this.updateGroups()}handleTooltipSlotChange(t){let o=h(t).filter(e=>e?.matches("calcite-tooltip"));this.expandTooltip=o[0]}renderBottomActionGroup(){let{expanded:t,expandDisabled:o,messages:e,el:v,position:w,toggleExpand:E,scale:l,layout:T,actionsEndGroupLabel:G,overlayPositioning:C}=this,c=o?null:b({collapseLabel:e.collapseLabel,collapseText:e.collapse,el:v,expandLabel:e.expandLabel,expandText:e.expand,expanded:t,position:w,scale:l,toggle:E,tooltip:this.expandTooltip});return c?i`<calcite-action-group class=${s(y.actionGroupEnd)} .label=${G} .layout=${T} .overlayPositioning=${C} .scale=${l}><slot name=${k.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>${c}</calcite-action-group>`:null}render(){return i`<div class=${s(y.container)}><slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderBottomActionGroup()}</div>`}};p("calcite-action-pad",n);export{n as ActionPad};
package/dist/calcite/{FNKJTIFU.js → 3SVMTAA2.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v3.3.0-next.93 */
4
- import{a as f,b as p}from"./M65DRQVN.js";import"./ETQXOO7B.js";import{a as h}from"./72FY5KRM.js";import{a as u}from"./P3BJDBH5.js";import"./FIJOGZHJ.js";import{a as g}from"./BNXY2UEG.js";import{t as m}from"./SEM7IEGP.js";import"./L22N7LSN.js";import{D as c,E as t,Q as d,g as r,h as i,o as s}from"./FVHTUJWO.js";var e={container:"container",header:"header",heading:"heading",close:"close",imageFrame:"image-frame",content:"content",info:"info",infoNoThumbnail:"info--no-thumbnail"},$={close:"x"},y={thumbnail:"thumbnail"},T=r`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host{position:relative;margin:1rem;box-sizing:border-box;display:flex;flex-direction:row;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}.container{inline-size:100%;padding:1rem}:host([closed]),:host([closed]) .container{display:none}:host([selected]) .container{margin:0;border-style:none;padding:0}.header{margin:0;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0;padding:0;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:.5rem}.header{margin-block-end:.5rem}.header .heading{padding:0;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-1)}.content{display:flex}.info{padding-block:0px;padding-inline:1rem;inline-size:70%}.info--no-thumbnail{inline-size:100%;padding-inline:0px}::slotted(p){margin-block-start:0px}::slotted(a){outline-color:transparent;color:var(--calcite-color-brand)}::slotted(a:focus){outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.image-frame{inline-size:25%}.image-frame img{max-inline-size:100%}::slotted(img){max-inline-size:100%}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends c{constructor(){super(...arguments),this.messages=u(),this.hasThumbnail=!1,this.closeDisabled=!1,this.closed=!1,this.selected=!1,this.calciteTipDismiss=s({cancelable:!1})}static{this.properties={hasThumbnail:[16,{},{state:!0}],closeDisabled:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],messageOverrides:[0,{},{attribute:!1}],selected:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=T}async load(){g.deprecated("component",{name:"tip",removalVersion:4,suggested:["card","notice","panel","tile"]})}hideTip(){this.closed=!0,this.calciteTipDismiss.emit()}handleThumbnailSlotChange(a){this.hasThumbnail=m(a)}renderHeader(){let{heading:a,headingLevel:n,el:b}=this,l=b.closest("calcite-tip-manager")?.headingLevel,v=l?f(l+1):null,x=n||v;return a?i`<header class=${t(e.header)}>${p({class:e.heading,level:x,children:a})}</header>`:null}renderDismissButton(){let{closeDisabled:a,hideTip:n}=this;return a?null:i`<calcite-action class=${t(e.close)} .icon=${$.close} @click=${n} scale=l .text=${this.messages.close}></calcite-action>`}renderImageFrame(){return h("thumbnail",i`<div class=${t(e.imageFrame)} .hidden=${!this.hasThumbnail}><slot name=${y.thumbnail} @slotchange=${this.handleThumbnailSlotChange}></slot></div>`)}renderInfoNode(){return i`<div class=${t({[e.info]:!0,[e.infoNoThumbnail]:!this.hasThumbnail})}><slot></slot></div>`}renderContent(){return i`<div class=${t(e.content)}>${this.renderImageFrame()}${this.renderInfoNode()}</div>`}render(){return i`<article class=${t(e.container)}>${this.renderHeader()}${this.renderContent()}</article>${this.renderDismissButton()}`}};d("calcite-tip",o);export{o as Tip};
3
+ v3.3.0-next.94 */
4
+ import{a as f,b as p}from"./DXE4LZ62.js";import"./BGRAQUNH.js";import{a as h}from"./ZYBI6IWL.js";import{a as u}from"./G4AQZPFA.js";import"./H7JYMDY5.js";import{a as g}from"./BBTHIECO.js";import{t as m}from"./6MYOFE72.js";import"./2GXSZR3H.js";import{D as c,E as t,Q as d,g as r,h as i,o as s}from"./ZX5MHCRD.js";var e={container:"container",header:"header",heading:"heading",close:"close",imageFrame:"image-frame",content:"content",info:"info",infoNoThumbnail:"info--no-thumbnail"},$={close:"x"},y={thumbnail:"thumbnail"},T=r`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host{position:relative;margin:1rem;box-sizing:border-box;display:flex;flex-direction:row;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}.container{inline-size:100%;padding:1rem}:host([closed]),:host([closed]) .container{display:none}:host([selected]) .container{margin:0;border-style:none;padding:0}.header{margin:0;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0;padding:0;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:.5rem}.header{margin-block-end:.5rem}.header .heading{padding:0;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-1)}.content{display:flex}.info{padding-block:0px;padding-inline:1rem;inline-size:70%}.info--no-thumbnail{inline-size:100%;padding-inline:0px}::slotted(p){margin-block-start:0px}::slotted(a){outline-color:transparent;color:var(--calcite-color-brand)}::slotted(a:focus){outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.image-frame{inline-size:25%}.image-frame img{max-inline-size:100%}::slotted(img){max-inline-size:100%}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends c{constructor(){super(...arguments),this.messages=u(),this.hasThumbnail=!1,this.closeDisabled=!1,this.closed=!1,this.selected=!1,this.calciteTipDismiss=s({cancelable:!1})}static{this.properties={hasThumbnail:[16,{},{state:!0}],closeDisabled:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],messageOverrides:[0,{},{attribute:!1}],selected:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=T}async load(){g.deprecated("component",{name:"tip",removalVersion:4,suggested:["card","notice","panel","tile"]})}hideTip(){this.closed=!0,this.calciteTipDismiss.emit()}handleThumbnailSlotChange(a){this.hasThumbnail=m(a)}renderHeader(){let{heading:a,headingLevel:n,el:b}=this,l=b.closest("calcite-tip-manager")?.headingLevel,v=l?f(l+1):null,x=n||v;return a?i`<header class=${t(e.header)}>${p({class:e.heading,level:x,children:a})}</header>`:null}renderDismissButton(){let{closeDisabled:a,hideTip:n}=this;return a?null:i`<calcite-action class=${t(e.close)} .icon=${$.close} @click=${n} scale=l .text=${this.messages.close}></calcite-action>`}renderImageFrame(){return h("thumbnail",i`<div class=${t(e.imageFrame)} .hidden=${!this.hasThumbnail}><slot name=${y.thumbnail} @slotchange=${this.handleThumbnailSlotChange}></slot></div>`)}renderInfoNode(){return i`<div class=${t({[e.info]:!0,[e.infoNoThumbnail]:!this.hasThumbnail})}><slot></slot></div>`}renderContent(){return i`<div class=${t(e.content)}>${this.renderImageFrame()}${this.renderInfoNode()}</div>`}render(){return i`<article class=${t(e.container)}>${this.renderHeader()}${this.renderContent()}</article>${this.renderDismissButton()}`}};d("calcite-tip",o);export{o as Tip};