@esri/calcite-components 6.0.0-next.2 → 6.0.0-next.21

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 (512) hide show
  1. package/README.md +1 -1
  2. package/dist/cdn/{MEWOQUB3.js → 223W6LE6.js} +1 -1
  3. package/dist/cdn/{KE3GJVSQ.js → 22NLVRMQ.js} +1 -1
  4. package/dist/cdn/{IHGUGSQZ.js → 2HKTQKIH.js} +1 -1
  5. package/dist/cdn/{KOVKQZ54.js → 2LTNE2J4.js} +1 -1
  6. package/dist/cdn/{MSTEJZOI.js → 2OD2MGWV.js} +1 -1
  7. package/dist/cdn/{S7LNFWY3.js → 3AFFJLVY.js} +1 -1
  8. package/dist/cdn/{W2W3CKTH.js → 3PSQ2R35.js} +1 -1
  9. package/dist/cdn/3VLS6XUS.js +2 -0
  10. package/dist/cdn/43QGZQHO.js +2 -0
  11. package/dist/cdn/{273FNCX2.js → 4F4R7KYO.js} +1 -1
  12. package/dist/cdn/4PMDXBZR.js +2 -0
  13. package/dist/cdn/4QDQG26I.js +2 -0
  14. package/dist/cdn/{JIIKBJJW.js → 5D2NEYZW.js} +1 -1
  15. package/dist/cdn/5VOEKVT2.js +2 -0
  16. package/dist/cdn/{M3FI5WF2.js → 6F7UYHW2.js} +1 -1
  17. package/dist/cdn/{XDGVGNRC.js → 6FZVJGKC.js} +1 -1
  18. package/dist/cdn/6JMUIF4F.js +2 -0
  19. package/dist/cdn/6MDH7C4R.js +2 -0
  20. package/dist/cdn/6MLPV6EV.js +2 -0
  21. package/dist/cdn/{WQKFWH55.js → 6OWCAUN5.js} +1 -1
  22. package/dist/cdn/{7YEZVXC4.js → 6RCNPDD6.js} +1 -1
  23. package/dist/cdn/6VJGGSVT.js +2 -0
  24. package/dist/cdn/75JI65U7.js +2 -0
  25. package/dist/cdn/7DJKJGW5.js +2 -0
  26. package/dist/cdn/7FL7AGSC.js +2 -0
  27. package/dist/cdn/{6KYJOPZY.js → 7SDW6CJN.js} +1 -1
  28. package/dist/cdn/7ST7F4C6.js +2 -0
  29. package/dist/cdn/{DPRLR4WC.js → 7XS2SBMV.js} +1 -1
  30. package/dist/cdn/{KCDRJSQ5.js → A3EJHPRO.js} +1 -1
  31. package/dist/cdn/AQIXRNUC.js +2 -0
  32. package/dist/cdn/{NBOTH5XL.js → ASXRP7XI.js} +1 -1
  33. package/dist/cdn/{KRVMZWGR.js → AU5A2EFG.js} +1 -1
  34. package/dist/cdn/{2DSTJBKW.js → B2ZZAOVP.js} +1 -1
  35. package/dist/cdn/{66U3YQAK.js → B3GZC5K2.js} +1 -1
  36. package/dist/cdn/{BWWSTZBC.js → B5PAE7GA.js} +1 -1
  37. package/dist/cdn/{72VQX4HV.js → B7DJSTXM.js} +1 -1
  38. package/dist/cdn/{NY4HO46K.js → BBSSYLOF.js} +1 -1
  39. package/dist/cdn/{NM4JGNN2.js → BCXJAK2Y.js} +1 -1
  40. package/dist/cdn/{U7YCVXZ3.js → BJAWDVEF.js} +1 -1
  41. package/dist/cdn/C3ZPJCLV.js +2 -0
  42. package/dist/cdn/{QQJAAD4D.js → C75XSIWC.js} +1 -1
  43. package/dist/cdn/CGISL4IE.js +4 -0
  44. package/dist/cdn/CMLT3S3M.js +2 -0
  45. package/dist/cdn/D2N5YVPZ.js +2 -0
  46. package/dist/cdn/{K4PBH6SD.js → DBN7UMVW.js} +1 -1
  47. package/dist/cdn/{UE76JFYY.js → DOIHMBBW.js} +1 -1
  48. package/dist/cdn/{737AN2CX.js → DQIUIZK3.js} +1 -1
  49. package/dist/cdn/{77QBHZFJ.js → E5ZW7EOD.js} +1 -1
  50. package/dist/cdn/{NAJMABPV.js → EQNCSPGY.js} +1 -1
  51. package/dist/cdn/EW44NU73.js +2 -0
  52. package/dist/cdn/EZGSGKNY.js +2 -0
  53. package/dist/cdn/{KAADRWY5.js → F3VMM64Y.js} +1 -1
  54. package/dist/cdn/F4YSIPQB.js +2 -0
  55. package/dist/cdn/{4XVKHJ2X.js → F5ITNV4F.js} +1 -1
  56. package/dist/cdn/{SODPWZHI.js → FHGPRD2I.js} +1 -1
  57. package/dist/cdn/{SXAW7MNS.js → FR6PIDS2.js} +1 -1
  58. package/dist/cdn/{B6T5RNLF.js → FUGQDG25.js} +1 -1
  59. package/dist/cdn/{ALDTCMFW.js → FZSYHFGG.js} +1 -1
  60. package/dist/cdn/G2LFTHKB.js +2 -0
  61. package/dist/cdn/{2M4ETWZU.js → G4SOANDF.js} +1 -1
  62. package/dist/cdn/{3CCUB4RN.js → GJ6QA72Q.js} +1 -1
  63. package/dist/cdn/GODDGRIM.js +2 -0
  64. package/dist/cdn/GPUDVETJ.js +2 -0
  65. package/dist/cdn/H2O6BNXL.js +2 -0
  66. package/dist/cdn/{G5CKYQMY.js → H7ROXLJZ.js} +1 -1
  67. package/dist/cdn/{LVU4SIXV.js → HASKZEWS.js} +1 -1
  68. package/dist/cdn/{XKHMRAUY.js → HBWRRDGG.js} +1 -1
  69. package/dist/cdn/{WMSWABKA.js → HC3X32YH.js} +1 -1
  70. package/dist/cdn/{ZDSVHHRM.js → HJHRSII7.js} +1 -1
  71. package/dist/cdn/{G7RVPH4C.js → HKXJXU7S.js} +1 -1
  72. package/dist/cdn/{NRDEJY44.js → HNNJVH5N.js} +1 -1
  73. package/dist/cdn/HSFPIQ3V.js +2 -0
  74. package/dist/cdn/HW4P4F3W.js +2 -0
  75. package/dist/cdn/I2CMQFSF.js +2 -0
  76. package/dist/cdn/ICZPODAW.js +2 -0
  77. package/dist/cdn/{HHUWPN3A.js → IHXI4OLW.js} +1 -1
  78. package/dist/cdn/{SIYPJMXG.js → IJEMAAHD.js} +1 -1
  79. package/dist/cdn/{T6FDJHAC.js → IKOX73E3.js} +1 -1
  80. package/dist/cdn/{2ZGOGJF6.js → IR2A2F5H.js} +1 -1
  81. package/dist/cdn/{WHGMG5VX.js → IXNMS7HW.js} +1 -1
  82. package/dist/cdn/{L52YMQCF.js → J2OH4U4P.js} +1 -1
  83. package/dist/cdn/JAARPQK6.js +2 -0
  84. package/dist/cdn/{XHNFLVLS.js → JFRCQM7E.js} +1 -1
  85. package/dist/cdn/{MKQQ4JY5.js → JHA7GYWD.js} +1 -1
  86. package/dist/cdn/{XPSSVDAR.js → JHKU2OVH.js} +1 -1
  87. package/dist/cdn/{WIHQLE5T.js → JHYK73LU.js} +1 -1
  88. package/dist/cdn/K477JM2I.js +2 -0
  89. package/dist/cdn/{YWJV2ZJH.js → K4N2EM4F.js} +1 -1
  90. package/dist/cdn/KKFGIVD6.js +2 -0
  91. package/dist/cdn/{FMBZL2MH.js → KKMSYRNB.js} +1 -1
  92. package/dist/cdn/{KHJVFQLY.js → KOQXT3EG.js} +1 -1
  93. package/dist/cdn/{CEXDJV3D.js → KULOWW3X.js} +1 -1
  94. package/dist/cdn/KZ6E3NTF.js +2 -0
  95. package/dist/cdn/L7FWJRGX.js +2 -0
  96. package/dist/cdn/{GXSJJCPQ.js → LDFXQ6WC.js} +1 -1
  97. package/dist/cdn/LHAL2DLD.js +2 -0
  98. package/dist/cdn/LIPIKH5W.js +2 -0
  99. package/dist/cdn/LN335X64.js +4 -0
  100. package/dist/cdn/LXTMJSEZ.js +2 -0
  101. package/dist/cdn/LZ2LNBCJ.js +2 -0
  102. package/dist/cdn/{4RK2IZYL.js → LZPLASEQ.js} +1 -1
  103. package/dist/cdn/{SKGY35V6.js → M2FNO345.js} +1 -1
  104. package/dist/cdn/{LPAMEVHT.js → MBBKKJ5T.js} +1 -1
  105. package/dist/cdn/MGROSAVF.js +2 -0
  106. package/dist/cdn/{NPSRHHXM.js → MQPN6RWU.js} +1 -1
  107. package/dist/cdn/{7IAXXX5I.js → MU2SEDNK.js} +1 -1
  108. package/dist/cdn/{5ZMT3SCL.js → N2LSFCQB.js} +1 -1
  109. package/dist/cdn/{YF7W5TNY.js → NO3H5PAJ.js} +1 -1
  110. package/dist/cdn/{GRW5KE52.js → NPJNPZL6.js} +1 -1
  111. package/dist/cdn/{V2KL5GNR.js → OD6OIPUQ.js} +1 -1
  112. package/dist/cdn/{LHJS25PA.js → ODU6JYNH.js} +1 -1
  113. package/dist/cdn/{XOFZSKJF.js → OKXA6BGH.js} +1 -1
  114. package/dist/cdn/OM67I5OV.js +2 -0
  115. package/dist/cdn/{2FAOL3TJ.js → ORIJJUN7.js} +1 -1
  116. package/dist/cdn/{CTFG7BKR.js → OS5XNQXP.js} +1 -1
  117. package/dist/cdn/OSPSMXCW.js +2 -0
  118. package/dist/cdn/OTPWDYWR.js +2 -0
  119. package/dist/cdn/OUGIMZJ3.js +2 -0
  120. package/dist/cdn/{TT36J74O.js → PPYGAB7T.js} +1 -1
  121. package/dist/cdn/PWBG4GRR.js +2 -0
  122. package/dist/cdn/{A4NOGVP7.js → QAGTFRK3.js} +1 -1
  123. package/dist/cdn/QEH5EF5E.js +2 -0
  124. package/dist/cdn/QKPAKLKF.js +2 -0
  125. package/dist/cdn/QMIMGMQN.js +2 -0
  126. package/dist/cdn/QRX37DPF.js +2 -0
  127. package/dist/cdn/R2VBTLA2.js +2 -0
  128. package/dist/cdn/RMLOWP7Y.js +2 -0
  129. package/dist/cdn/RQ6NCXDH.js +2 -0
  130. package/dist/cdn/{4SPWA3PB.js → SBISOJF7.js} +1 -1
  131. package/dist/cdn/SBUMSDIR.js +2 -0
  132. package/dist/cdn/{XWKUAYS3.js → SDU4R5MI.js} +1 -1
  133. package/dist/cdn/{O6FVXXVE.js → SFVWKI2W.js} +1 -1
  134. package/dist/cdn/SGTG3MOD.js +2 -0
  135. package/dist/cdn/SNF66L2P.js +2 -0
  136. package/dist/cdn/{YKOI3XVI.js → SRUYXOUG.js} +1 -1
  137. package/dist/cdn/{QKYO5KKT.js → TBUK6ANU.js} +1 -1
  138. package/dist/cdn/{QLYXW2TH.js → TFJWBIPL.js} +1 -1
  139. package/dist/cdn/{II4VOTYZ.js → TGZUPIPO.js} +1 -1
  140. package/dist/cdn/{AYRJ7NYC.js → TJGNWJF6.js} +1 -1
  141. package/dist/cdn/{AJUUWTFC.js → TYD3ZYJS.js} +1 -1
  142. package/dist/cdn/{DAT73NDQ.js → URNCCFR6.js} +1 -1
  143. package/dist/cdn/{YSW3EMMW.js → UTXN6YZB.js} +1 -1
  144. package/dist/cdn/V4A427UR.js +2 -0
  145. package/dist/cdn/V6ZD6HFR.js +2 -0
  146. package/dist/cdn/{CWBXU2F7.js → VIZJ6UPN.js} +1 -1
  147. package/dist/cdn/{KWWA7UIP.js → VKVBCBSQ.js} +1 -1
  148. package/dist/cdn/{N2LW56CP.js → VP2UDP6C.js} +1 -1
  149. package/dist/cdn/W2J4OI23.js +2 -0
  150. package/dist/cdn/{GGNXTSYK.js → W4CTQLKO.js} +1 -1
  151. package/dist/cdn/{CITN3SES.js → W6STXL5X.js} +1 -1
  152. package/dist/cdn/WIZBEODG.js +2 -0
  153. package/dist/cdn/WTNYMVTD.js +2 -0
  154. package/dist/cdn/WU43O4ZF.js +2 -0
  155. package/dist/cdn/XEDZEFWH.js +2 -0
  156. package/dist/cdn/XGLOX3EZ.js +20 -0
  157. package/dist/cdn/XI3D2ECF.js +2 -0
  158. package/dist/cdn/XI533FAA.js +2 -0
  159. package/dist/cdn/{ECJJHTCC.js → XIERF7M3.js} +1 -1
  160. package/dist/cdn/{UOBTIKWI.js → XTNNNHIS.js} +1 -1
  161. package/dist/cdn/{RUGBI54D.js → XY2NGASJ.js} +1 -1
  162. package/dist/cdn/XY34NDQR.js +2 -0
  163. package/dist/cdn/{NBJ5NTDK.js → Y5ASPAXE.js} +1 -1
  164. package/dist/cdn/YEUH5SYT.js +2 -0
  165. package/dist/cdn/YPASF5LY.js +2 -0
  166. package/dist/cdn/YSK6HDBM.js +2 -0
  167. package/dist/cdn/{D6ZKUE5D.js → YTGZHSPZ.js} +1 -1
  168. package/dist/cdn/{DYQWA4UX.js → Z2PB4F6G.js} +1 -1
  169. package/dist/cdn/ZCTSWGAB.js +2 -0
  170. package/dist/cdn/ZEM2IGDH.js +2 -0
  171. package/dist/cdn/ZILQK6FI.js +2 -0
  172. package/dist/cdn/{JXF6UBUW.js → ZK26QW47.js} +1 -1
  173. package/dist/cdn/{AULZNBSL.js → ZRPWJAOA.js} +1 -1
  174. package/dist/cdn/ZTNUSBAC.js +2 -0
  175. package/dist/cdn/ZWBJR6K4.js +2 -0
  176. package/dist/cdn/assets/icon/spaceBetweenHorizontal16.json +1 -1
  177. package/dist/cdn/index.js +1 -1
  178. package/dist/cdn/main.css +1 -1
  179. package/dist/chunks/aria.js +5 -0
  180. package/dist/chunks/dom.js +6 -16
  181. package/dist/chunks/resources.js +1 -1
  182. package/dist/chunks/resources10.js +6 -56
  183. package/dist/chunks/resources11.js +21 -5
  184. package/dist/chunks/resources12.js +1 -1
  185. package/dist/chunks/resources13.js +1 -1
  186. package/dist/chunks/resources15.js +2 -3
  187. package/dist/chunks/resources17.js +1 -1
  188. package/dist/chunks/resources18.js +1 -1
  189. package/dist/chunks/resources2.js +18 -22
  190. package/dist/chunks/resources20.js +1 -1
  191. package/dist/chunks/resources21.js +1 -1
  192. package/dist/chunks/resources22.js +1 -1
  193. package/dist/chunks/resources23.js +1 -1
  194. package/dist/chunks/resources24.js +1 -1
  195. package/dist/chunks/resources25.js +1 -1
  196. package/dist/chunks/resources26.js +1 -1
  197. package/dist/chunks/resources27.js +1 -1
  198. package/dist/chunks/resources28.js +1 -1
  199. package/dist/chunks/resources29.js +1 -1
  200. package/dist/chunks/resources3.js +20 -18
  201. package/dist/chunks/resources30.js +1 -1
  202. package/dist/chunks/resources31.js +1 -1
  203. package/dist/chunks/resources32.js +1 -2
  204. package/dist/chunks/resources33.js +1 -1
  205. package/dist/chunks/resources34.js +1 -1
  206. package/dist/chunks/resources4.js +9 -19
  207. package/dist/chunks/resources5.js +19 -7
  208. package/dist/chunks/resources6.js +39 -13
  209. package/dist/chunks/resources7.js +20 -38
  210. package/dist/chunks/resources8.js +23 -21
  211. package/dist/chunks/resources9.js +52 -27
  212. package/dist/chunks/responsive.js +1 -1
  213. package/dist/chunks/runtime.js +4 -4
  214. package/dist/chunks/sortable.js +1 -1
  215. package/dist/chunks/useForm.js +1 -1
  216. package/dist/chunks/useSizeOverride.js +2 -2
  217. package/dist/chunks/utils.js +1 -1
  218. package/dist/chunks/utils3.js +1 -1
  219. package/dist/chunks/utils4.js +1 -1
  220. package/dist/components/calcite-accordion/customElement.js +1 -1
  221. package/dist/components/calcite-accordion-item/customElement.js +1 -1
  222. package/dist/components/calcite-action/customElement.js +2 -2
  223. package/dist/components/calcite-action-bar/customElement.js +45 -14
  224. package/dist/components/calcite-action-group/customElement.js +3 -3
  225. package/dist/components/calcite-action-menu/customElement.js +3 -3
  226. package/dist/components/calcite-alert/customElement.js +2 -2
  227. package/dist/components/calcite-autocomplete/customElement.js +8 -8
  228. package/dist/components/calcite-autocomplete-item/customElement.js +2 -2
  229. package/dist/components/calcite-autocomplete-item-group/customElement.js +3 -3
  230. package/dist/components/calcite-avatar/customElement.js +1 -1
  231. package/dist/components/calcite-block/customElement.d.ts +0 -35
  232. package/dist/components/calcite-block/customElement.js +3 -32
  233. package/dist/components/calcite-block/index.js +1 -1
  234. package/dist/components/calcite-block-group/customElement.d.ts +0 -7
  235. package/dist/components/calcite-block-group/customElement.js +3 -4
  236. package/dist/components/calcite-button/customElement.d.ts +3 -1
  237. package/dist/components/calcite-button/customElement.js +4 -4
  238. package/dist/components/calcite-card/customElement.js +1 -1
  239. package/dist/components/calcite-card-group/customElement.js +1 -1
  240. package/dist/components/calcite-checkbox/customElement.js +1 -1
  241. package/dist/components/calcite-chip/customElement.js +1 -1
  242. package/dist/components/calcite-chip-group/customElement.js +1 -1
  243. package/dist/components/calcite-combobox/customElement.js +3 -3
  244. package/dist/components/calcite-combobox-item/customElement.js +1 -1
  245. package/dist/components/calcite-date-picker/customElement.js +1 -1
  246. package/dist/components/calcite-date-picker-day/customElement.js +1 -1
  247. package/dist/components/calcite-date-picker-month/customElement.js +1 -1
  248. package/dist/components/calcite-date-picker-month-header/customElement.js +2 -2
  249. package/dist/components/calcite-dialog/customElement.d.ts +3 -1
  250. package/dist/components/calcite-dialog/customElement.js +6 -5
  251. package/dist/components/calcite-dropdown/customElement.d.ts +2 -4
  252. package/dist/components/calcite-dropdown/customElement.js +2 -2
  253. package/dist/components/calcite-dropdown-group/customElement.js +1 -1
  254. package/dist/components/calcite-dropdown-item/customElement.js +1 -1
  255. package/dist/components/calcite-filter/customElement.js +1 -1
  256. package/dist/components/calcite-flow/customElement.js +1 -1
  257. package/dist/components/calcite-graph/customElement.js +1 -1
  258. package/dist/components/calcite-input/customElement.js +1 -1
  259. package/dist/components/calcite-input-date-picker/customElement.js +1 -1
  260. package/dist/components/calcite-input-message/customElement.d.ts +1 -4
  261. package/dist/components/calcite-input-number/customElement.js +1 -1
  262. package/dist/components/calcite-input-text/customElement.js +1 -1
  263. package/dist/components/calcite-input-time-picker/customElement.js +2 -2
  264. package/dist/components/calcite-input-time-zone/customElement.js +1 -1
  265. package/dist/components/calcite-label/customElement.d.ts +1 -3
  266. package/dist/components/calcite-label/customElement.js +1 -1
  267. package/dist/components/calcite-link/customElement.js +1 -1
  268. package/dist/components/calcite-list/customElement.d.ts +1 -8
  269. package/dist/components/calcite-list/customElement.js +1 -2
  270. package/dist/components/calcite-list/index.js +1 -1
  271. package/dist/components/calcite-list-item/customElement.js +1 -1
  272. package/dist/components/calcite-menu/customElement.js +1 -1
  273. package/dist/components/calcite-menu-item/customElement.js +1 -1
  274. package/dist/components/calcite-meter/customElement.js +2 -2
  275. package/dist/components/calcite-navigation/customElement.js +2 -2
  276. package/dist/components/calcite-navigation-logo/customElement.js +1 -1
  277. package/dist/components/calcite-navigation-user/customElement.js +1 -1
  278. package/dist/components/calcite-notice/customElement.d.ts +1 -3
  279. package/dist/components/calcite-notice/customElement.js +2 -2
  280. package/dist/components/calcite-pagination/customElement.js +1 -1
  281. package/dist/components/calcite-panel/customElement.js +3 -3
  282. package/dist/components/calcite-popover/customElement.d.ts +2 -4
  283. package/dist/components/calcite-popover/customElement.js +1 -1
  284. package/dist/components/calcite-progress/customElement.js +1 -1
  285. package/dist/components/calcite-radio-button/customElement.js +1 -1
  286. package/dist/components/calcite-rating/customElement.js +7 -7
  287. package/dist/components/calcite-segmented-control/customElement.d.ts +0 -2
  288. package/dist/components/calcite-segmented-control/customElement.js +1 -1
  289. package/dist/components/calcite-segmented-control-item/customElement.js +1 -1
  290. package/dist/components/calcite-select/customElement.d.ts +1 -3
  291. package/dist/components/calcite-select/customElement.js +2 -2
  292. package/dist/components/calcite-shell/customElement.js +4 -2
  293. package/dist/components/calcite-shell-panel/customElement.d.ts +5 -6
  294. package/dist/components/calcite-shell-panel/customElement.js +9 -1
  295. package/dist/components/calcite-shell-panel/types.d.ts +1 -1
  296. package/dist/components/calcite-slider/customElement.js +2 -2
  297. package/dist/components/calcite-split-button/customElement.d.ts +1 -3
  298. package/dist/components/calcite-split-button/customElement.js +1 -1
  299. package/dist/components/calcite-stack/customElement.js +1 -1
  300. package/dist/components/calcite-stepper-item/customElement.js +1 -1
  301. package/dist/components/calcite-swatch/customElement.js +1 -1
  302. package/dist/components/calcite-switch/customElement.js +1 -1
  303. package/dist/components/calcite-tab/customElement.js +1 -1
  304. package/dist/components/calcite-tab-nav/customElement.js +1 -1
  305. package/dist/components/calcite-tab-title/customElement.js +1 -1
  306. package/dist/components/calcite-text/customElement.js +1 -1
  307. package/dist/components/calcite-text-area/customElement.js +1 -1
  308. package/dist/components/calcite-tile/customElement.js +1 -4
  309. package/dist/components/calcite-tile-group/customElement.d.ts +1 -2
  310. package/dist/components/calcite-tooltip/customElement.d.ts +2 -4
  311. package/dist/components/calcite-tooltip/customElement.js +2 -3
  312. package/dist/components/calcite-tree-item/customElement.js +2 -2
  313. package/dist/docs/api.json +1 -1
  314. package/dist/docs/docs.json +1 -1
  315. package/dist/docs/supported-browsers.json +1 -1
  316. package/dist/docs/translations.json +1 -1
  317. package/dist/docs/vscode.css-custom-data.json +1 -1
  318. package/dist/docs/vscode.html-custom-data.json +1 -1
  319. package/dist/docs/web-types.json +1 -1
  320. package/dist/index.d.ts +0 -44
  321. package/dist/loader.js +2 -7
  322. package/dist/types/lumina.d.ts +2 -41
  323. package/dist/types/preact.d.ts +2 -46
  324. package/dist/types/react.d.ts +2 -51
  325. package/dist/types/stencil.d.ts +2 -41
  326. package/package.json +17 -17
  327. package/dist/cdn/2VTY5LQ6.js +0 -2
  328. package/dist/cdn/337IVZQ5.js +0 -2
  329. package/dist/cdn/3CTVLEWD.js +0 -2
  330. package/dist/cdn/3IUKHKSX.js +0 -20
  331. package/dist/cdn/3U524SQH.js +0 -2
  332. package/dist/cdn/3WA7E4ZU.js +0 -2
  333. package/dist/cdn/4DQBCTK5.js +0 -2
  334. package/dist/cdn/663G76DR.js +0 -2
  335. package/dist/cdn/6E3UFQ5L.js +0 -2
  336. package/dist/cdn/6M2GRSL6.js +0 -2
  337. package/dist/cdn/6NZ4M3JI.js +0 -2
  338. package/dist/cdn/6ZEJRYDB.js +0 -2
  339. package/dist/cdn/7NQLZR6U.js +0 -2
  340. package/dist/cdn/A5OQTYIZ.js +0 -2
  341. package/dist/cdn/A6ZG6CH4.js +0 -2
  342. package/dist/cdn/B3OV6FHO.js +0 -2
  343. package/dist/cdn/C7HSJAUY.js +0 -2
  344. package/dist/cdn/CQYIOPJS.js +0 -2
  345. package/dist/cdn/CS2JG65P.js +0 -2
  346. package/dist/cdn/D256R6DP.js +0 -2
  347. package/dist/cdn/D2SW4SVQ.js +0 -2
  348. package/dist/cdn/DP6CN6HN.js +0 -2
  349. package/dist/cdn/E5NJW2ZG.js +0 -2
  350. package/dist/cdn/EHVRGGHS.js +0 -2
  351. package/dist/cdn/EIEKGCTH.js +0 -2
  352. package/dist/cdn/EKMBB3NE.js +0 -2
  353. package/dist/cdn/F5J2JR3T.js +0 -2
  354. package/dist/cdn/FPXP76XS.js +0 -2
  355. package/dist/cdn/GAAKV2C3.js +0 -2
  356. package/dist/cdn/GJRL6GXH.js +0 -2
  357. package/dist/cdn/GYQADZBQ.js +0 -2
  358. package/dist/cdn/HQOZ7PVD.js +0 -2
  359. package/dist/cdn/HRQCTYB2.js +0 -2
  360. package/dist/cdn/IZ5CUQJA.js +0 -2
  361. package/dist/cdn/J7SLQZST.js +0 -2
  362. package/dist/cdn/JI5RWOTK.js +0 -2
  363. package/dist/cdn/JUUVUH5Y.js +0 -2
  364. package/dist/cdn/JYQEVQED.js +0 -2
  365. package/dist/cdn/KA3HIFHL.js +0 -2
  366. package/dist/cdn/MBPSINVB.js +0 -2
  367. package/dist/cdn/MVZRXC34.js +0 -2
  368. package/dist/cdn/N2LRLEKB.js +0 -2
  369. package/dist/cdn/NPLTKVWC.js +0 -2
  370. package/dist/cdn/NSIM6YJP.js +0 -2
  371. package/dist/cdn/OF7EDP7Y.js +0 -2
  372. package/dist/cdn/OMRGS6YG.js +0 -2
  373. package/dist/cdn/ONL7KCBI.js +0 -2
  374. package/dist/cdn/Q26NSEOR.js +0 -2
  375. package/dist/cdn/Q4PGLETQ.js +0 -2
  376. package/dist/cdn/QEXI4SMX.js +0 -2
  377. package/dist/cdn/QGQY72AI.js +0 -2
  378. package/dist/cdn/R4JCPBLC.js +0 -2
  379. package/dist/cdn/R6WKGKSU.js +0 -2
  380. package/dist/cdn/RDQF6AQS.js +0 -2
  381. package/dist/cdn/RT5ZS4VX.js +0 -2
  382. package/dist/cdn/SL3MH5OT.js +0 -2
  383. package/dist/cdn/THWEI3K2.js +0 -2
  384. package/dist/cdn/TOTGM2SP.js +0 -2
  385. package/dist/cdn/TRRY5LN7.js +0 -2
  386. package/dist/cdn/TWU5BV7Z.js +0 -2
  387. package/dist/cdn/UAICETTE.js +0 -2
  388. package/dist/cdn/UDLWRVR4.js +0 -4
  389. package/dist/cdn/UGD4VOGZ.js +0 -2
  390. package/dist/cdn/VBMZS3ZU.js +0 -2
  391. package/dist/cdn/VL7QTJSE.js +0 -2
  392. package/dist/cdn/VXTRPJJ4.js +0 -2
  393. package/dist/cdn/W32WN6PV.js +0 -2
  394. package/dist/cdn/WCO6AFY3.js +0 -2
  395. package/dist/cdn/WN6KY7GO.js +0 -2
  396. package/dist/cdn/WZEY6HY6.js +0 -2
  397. package/dist/cdn/X2TR4NTP.js +0 -2
  398. package/dist/cdn/XG62B2V7.js +0 -2
  399. package/dist/cdn/XODDJIYV.js +0 -2
  400. package/dist/cdn/XVEFLGJR.js +0 -2
  401. package/dist/cdn/Y5VG6YLH.js +0 -4
  402. package/dist/cdn/YBX7RUMR.js +0 -2
  403. package/dist/cdn/YKOLRZEJ.js +0 -2
  404. package/dist/cdn/YTDEBSOG.js +0 -2
  405. package/dist/cdn/YV4JKSOA.js +0 -2
  406. package/dist/cdn/ZS5MSUS7.js +0 -2
  407. package/dist/cdn/assets/action-pad/t9n/messages.ar.json +0 -1
  408. package/dist/cdn/assets/action-pad/t9n/messages.bg.json +0 -1
  409. package/dist/cdn/assets/action-pad/t9n/messages.bs.json +0 -1
  410. package/dist/cdn/assets/action-pad/t9n/messages.ca.json +0 -1
  411. package/dist/cdn/assets/action-pad/t9n/messages.cs.json +0 -1
  412. package/dist/cdn/assets/action-pad/t9n/messages.da.json +0 -1
  413. package/dist/cdn/assets/action-pad/t9n/messages.de.json +0 -1
  414. package/dist/cdn/assets/action-pad/t9n/messages.el.json +0 -1
  415. package/dist/cdn/assets/action-pad/t9n/messages.en.json +0 -1
  416. package/dist/cdn/assets/action-pad/t9n/messages.es.json +0 -1
  417. package/dist/cdn/assets/action-pad/t9n/messages.et.json +0 -1
  418. package/dist/cdn/assets/action-pad/t9n/messages.fi.json +0 -1
  419. package/dist/cdn/assets/action-pad/t9n/messages.fr.json +0 -1
  420. package/dist/cdn/assets/action-pad/t9n/messages.he.json +0 -1
  421. package/dist/cdn/assets/action-pad/t9n/messages.hr.json +0 -1
  422. package/dist/cdn/assets/action-pad/t9n/messages.hu.json +0 -1
  423. package/dist/cdn/assets/action-pad/t9n/messages.id.json +0 -1
  424. package/dist/cdn/assets/action-pad/t9n/messages.it.json +0 -1
  425. package/dist/cdn/assets/action-pad/t9n/messages.ja.json +0 -1
  426. package/dist/cdn/assets/action-pad/t9n/messages.json +0 -1
  427. package/dist/cdn/assets/action-pad/t9n/messages.ko.json +0 -1
  428. package/dist/cdn/assets/action-pad/t9n/messages.lt.json +0 -1
  429. package/dist/cdn/assets/action-pad/t9n/messages.lv.json +0 -1
  430. package/dist/cdn/assets/action-pad/t9n/messages.nl.json +0 -1
  431. package/dist/cdn/assets/action-pad/t9n/messages.no.json +0 -1
  432. package/dist/cdn/assets/action-pad/t9n/messages.pl.json +0 -1
  433. package/dist/cdn/assets/action-pad/t9n/messages.pt-BR.json +0 -1
  434. package/dist/cdn/assets/action-pad/t9n/messages.pt-PT.json +0 -1
  435. package/dist/cdn/assets/action-pad/t9n/messages.ro.json +0 -1
  436. package/dist/cdn/assets/action-pad/t9n/messages.ru.json +0 -1
  437. package/dist/cdn/assets/action-pad/t9n/messages.sk.json +0 -1
  438. package/dist/cdn/assets/action-pad/t9n/messages.sl.json +0 -1
  439. package/dist/cdn/assets/action-pad/t9n/messages.sr.json +0 -1
  440. package/dist/cdn/assets/action-pad/t9n/messages.sv.json +0 -1
  441. package/dist/cdn/assets/action-pad/t9n/messages.th.json +0 -1
  442. package/dist/cdn/assets/action-pad/t9n/messages.tr.json +0 -1
  443. package/dist/cdn/assets/action-pad/t9n/messages.uk.json +0 -1
  444. package/dist/cdn/assets/action-pad/t9n/messages.vi.json +0 -1
  445. package/dist/cdn/assets/action-pad/t9n/messages.zh-CN.json +0 -1
  446. package/dist/cdn/assets/action-pad/t9n/messages.zh-HK.json +0 -1
  447. package/dist/cdn/assets/action-pad/t9n/messages.zh-TW.json +0 -1
  448. package/dist/cdn/assets/handle/t9n/messages.ar.json +0 -1
  449. package/dist/cdn/assets/handle/t9n/messages.bg.json +0 -1
  450. package/dist/cdn/assets/handle/t9n/messages.bs.json +0 -1
  451. package/dist/cdn/assets/handle/t9n/messages.ca.json +0 -1
  452. package/dist/cdn/assets/handle/t9n/messages.cs.json +0 -1
  453. package/dist/cdn/assets/handle/t9n/messages.da.json +0 -1
  454. package/dist/cdn/assets/handle/t9n/messages.de.json +0 -1
  455. package/dist/cdn/assets/handle/t9n/messages.el.json +0 -1
  456. package/dist/cdn/assets/handle/t9n/messages.en.json +0 -1
  457. package/dist/cdn/assets/handle/t9n/messages.es.json +0 -1
  458. package/dist/cdn/assets/handle/t9n/messages.et.json +0 -1
  459. package/dist/cdn/assets/handle/t9n/messages.fi.json +0 -1
  460. package/dist/cdn/assets/handle/t9n/messages.fr.json +0 -1
  461. package/dist/cdn/assets/handle/t9n/messages.he.json +0 -1
  462. package/dist/cdn/assets/handle/t9n/messages.hr.json +0 -1
  463. package/dist/cdn/assets/handle/t9n/messages.hu.json +0 -1
  464. package/dist/cdn/assets/handle/t9n/messages.id.json +0 -1
  465. package/dist/cdn/assets/handle/t9n/messages.it.json +0 -1
  466. package/dist/cdn/assets/handle/t9n/messages.ja.json +0 -1
  467. package/dist/cdn/assets/handle/t9n/messages.json +0 -1
  468. package/dist/cdn/assets/handle/t9n/messages.ko.json +0 -1
  469. package/dist/cdn/assets/handle/t9n/messages.lt.json +0 -1
  470. package/dist/cdn/assets/handle/t9n/messages.lv.json +0 -1
  471. package/dist/cdn/assets/handle/t9n/messages.nl.json +0 -1
  472. package/dist/cdn/assets/handle/t9n/messages.no.json +0 -1
  473. package/dist/cdn/assets/handle/t9n/messages.pl.json +0 -1
  474. package/dist/cdn/assets/handle/t9n/messages.pt-BR.json +0 -1
  475. package/dist/cdn/assets/handle/t9n/messages.pt-PT.json +0 -1
  476. package/dist/cdn/assets/handle/t9n/messages.ro.json +0 -1
  477. package/dist/cdn/assets/handle/t9n/messages.ru.json +0 -1
  478. package/dist/cdn/assets/handle/t9n/messages.sk.json +0 -1
  479. package/dist/cdn/assets/handle/t9n/messages.sl.json +0 -1
  480. package/dist/cdn/assets/handle/t9n/messages.sr.json +0 -1
  481. package/dist/cdn/assets/handle/t9n/messages.sv.json +0 -1
  482. package/dist/cdn/assets/handle/t9n/messages.th.json +0 -1
  483. package/dist/cdn/assets/handle/t9n/messages.tr.json +0 -1
  484. package/dist/cdn/assets/handle/t9n/messages.uk.json +0 -1
  485. package/dist/cdn/assets/handle/t9n/messages.vi.json +0 -1
  486. package/dist/cdn/assets/handle/t9n/messages.zh-CN.json +0 -1
  487. package/dist/cdn/assets/handle/t9n/messages.zh-HK.json +0 -1
  488. package/dist/cdn/assets/handle/t9n/messages.zh-TW.json +0 -1
  489. package/dist/chunks/ExpandToggle.js +0 -48
  490. package/dist/components/calcite-action-pad/customElement.d.ts +0 -96
  491. package/dist/components/calcite-action-pad/customElement.js +0 -185
  492. package/dist/components/calcite-action-pad/index.d.ts +0 -1
  493. package/dist/components/calcite-action-pad/index.js +0 -3
  494. package/dist/components/calcite-color-picker-swatch/customElement.d.ts +0 -25
  495. package/dist/components/calcite-color-picker-swatch/customElement.js +0 -104
  496. package/dist/components/calcite-color-picker-swatch/index.d.ts +0 -1
  497. package/dist/components/calcite-color-picker-swatch/index.js +0 -1
  498. package/dist/components/calcite-focus-trap/customElement.d.ts +0 -53
  499. package/dist/components/calcite-focus-trap/customElement.js +0 -61
  500. package/dist/components/calcite-focus-trap/index.d.ts +0 -1
  501. package/dist/components/calcite-focus-trap/index.js +0 -1
  502. package/dist/components/calcite-handle/customElement.d.ts +0 -66
  503. package/dist/components/calcite-handle/customElement.js +0 -128
  504. package/dist/components/calcite-handle/index.d.ts +0 -1
  505. package/dist/components/calcite-handle/index.js +0 -2
  506. package/dist/components/calcite-handle/types.d.ts +0 -3
  507. package/dist/components/calcite-sortable-list/customElement.d.ts +0 -52
  508. package/dist/components/calcite-sortable-list/customElement.js +0 -133
  509. package/dist/components/calcite-sortable-list/index.d.ts +0 -1
  510. package/dist/components/calcite-sortable-list/index.js +0 -1
  511. /package/dist/cdn/{ZZDNIBT7.js → 2IM7ZZ7U.js} +0 -0
  512. /package/dist/cdn/{NYT7VOUO.js → TIIRIEHJ.js} +0 -0
package/dist/components/calcite-meter/customElement.js CHANGED
@@ -5,7 +5,7 @@ import { css, html } from "lit";
5
5
  import { createRef, ref } from "lit/directives/ref.js";
6
6
  import { LitElement, safeClassMap, safeStyleMap } from "@arcgis/lumina";
7
7
  import { n as numberStringFormatter } from "../../chunks/locale.js";
8
- import { B as intersects } from "../../chunks/dom.js";
8
+ import { A as intersects } from "../../chunks/dom.js";
9
9
  import { c as createObserver } from "../../chunks/observers.js";
10
10
  import { u as useT9n } from "../../chunks/useT9n.js";
11
11
  const CSS = {
@@ -23,7 +23,7 @@ const CSS = {
23
23
  warning: "fill-warning",
24
24
  danger: "fill-danger"
25
25
  };
26
- const styles = css`: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([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host{display:flex;--calcite-internal-meter-space: var(--calcite-theme-space-base, var(--calcite-spacing-base));--calcite-internal-meter-height: var(--calcite-theme-space-lg, var(--calcite-spacing-lg));--calcite-internal-meter-font-size: var(--calcite-font-size--1);--calcite-internal-meter-fill-color: var(--calcite-meter-fill-color, var(--calcite-color-brand));--calcite-internal-meter-background-color: var( --calcite-meter-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-internal-meter-border-color: var(--calcite-meter-border-color, var(--calcite-color-border-2));--calcite-internal-meter-shadow: var(--calcite-meter-shadow, var(--calcite-shadow-none));--calcite-internal-meter-corner-radius: var(--calcite-meter-corner-radius, 9999px);--calcite-internal-meter-value-text-color: var(--calcite-meter-value-text-color, var(--calcite-color-text-1));--calcite-internal-meter-range-text-color: var(--calcite-meter-range-text-color, var(--calcite-color-text-3));--calcite-internal-meter-label-line-height: var(--calcite-font-line-height-base)}:host([scale=s]){--calcite-internal-meter-height: var(--calcite-theme-space-md, var(--calcite-spacing-md));--calcite-internal-meter-font-size: var(--calcite-font-size--2)}:host([scale=l]){--calcite-internal-meter-height: var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl));--calcite-internal-meter-font-size: var(--calcite-font-size-0);--calcite-internal-meter-label-line-height: var(--calcite-font-line-height-md)}:host([appearance=solid]){--calcite-internal-meter-border-color: var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3));--calcite-internal-meter-background-color: var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3))}:host([appearance=outline]){--calcite-internal-meter-background-color: transparent}.fill{--calcite-internal-meter-fill-color: var(--calcite-meter-fill-color, var(--calcite-color-brand))}.fill-danger{--calcite-internal-meter-fill-color: var(--calcite-meter-fill-color, var(--calcite-color-status-danger))}.fill-success{--calcite-internal-meter-fill-color: var(--calcite-meter-fill-color, var(--calcite-color-status-success))}.fill-warning{--calcite-internal-meter-fill-color: var(--calcite-meter-fill-color, var(--calcite-color-status-warning))}.container{position:relative;display:flex;align-items:center;margin:0;inline-size:var(--calcite-container-size-content-fluid);block-size:var(--calcite-internal-meter-height);background-color:var(--calcite-internal-meter-background-color);border:var(--calcite-border-width-sm) solid var(--calcite-internal-meter-border-color);border-radius:var(--calcite-internal-meter-corner-radius);box-shadow:var(--calcite-internal-meter-shadow)}.value-visible{margin-block-start:var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl))}.steps-visible{margin-block-end:var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl))}.step-line{position:absolute;inset-block:0px;display:block;inline-size:var(--calcite-internal-meter-space);background-color:var(--calcite-internal-meter-border-color)}.label{position:absolute;display:flex;gap:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));font-size:var(--calcite-internal-meter-font-size);line-height:var(--calcite-internal-meter-label-line-height)}.label-hidden{visibility:hidden;opacity:0}.label-value{inset-block-end:calc(100% + .5em);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-internal-meter-value-text-color)}.label-range{color:var(--calcite-internal-meter-range-text-color);inset-block-start:calc(100% + .5em)}.label-range .unit-label{font-weight:var(--calcite-font-weight-medium)}.fill{position:absolute;z-index:var(--calcite-z-index);display:block;transition-timing-function:cubic-bezier(.4,0,.2,1);inset-inline-start:var(--calcite-internal-meter-space);inset-block:var(--calcite-internal-meter-space);border-radius:var(--calcite-internal-meter-corner-radius);max-inline-size:calc(100% - var(--calcite-internal-meter-space) * 2);min-inline-size:calc(var(--calcite-internal-meter-height) - var(--calcite-internal-meter-space) * 2);background-color:var(--calcite-internal-meter-fill-color);transition-property:inline-size,background-color,box-shadow}.solid .fill{inset-block:0;inset-inline-start:0;max-inline-size:100%;min-inline-size:calc(var(--calcite-internal-meter-height));box-shadow:0 0 0 1px var(--calcite-internal-meter-fill-color)}`;
26
+ const styles = css`: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([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host{display:flex;--calcite-internal-meter-space: var(--calcite-theme-space-base, var(--calcite-spacing-base));--calcite-internal-meter-height: var(--calcite-theme-space-lg, var(--calcite-spacing-lg));--calcite-internal-meter-font-size: var(--calcite-font-size--1);--calcite-internal-meter-fill-color: var(--calcite-meter-fill-color, var(--calcite-color-brand));--calcite-internal-meter-background-color: var( --calcite-meter-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-internal-meter-border-color: var(--calcite-meter-border-color, var(--calcite-color-border-2));--calcite-internal-meter-shadow: var(--calcite-meter-shadow, var(--calcite-shadow-none));--calcite-internal-meter-corner-radius: var(--calcite-meter-corner-radius, 9999px);--calcite-internal-meter-value-text-color: var(--calcite-meter-value-text-color, var(--calcite-color-text-1));--calcite-internal-meter-range-text-color: var(--calcite-meter-range-text-color, var(--calcite-color-text-3));--calcite-internal-meter-label-line-height: var(--calcite-font-line-height-base)}:host([scale=s]){--calcite-internal-meter-height: var(--calcite-theme-space-md, var(--calcite-spacing-md));--calcite-internal-meter-font-size: var(--calcite-font-size--2)}:host([scale=l]){--calcite-internal-meter-height: var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl));--calcite-internal-meter-font-size: var(--calcite-font-size-0);--calcite-internal-meter-label-line-height: var(--calcite-font-line-height-md)}:host([appearance=solid]){--calcite-internal-meter-border-color: var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3));--calcite-internal-meter-background-color: var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3))}:host([appearance=outline]){--calcite-internal-meter-background-color: transparent}.fill{--calcite-internal-meter-fill-color: var(--calcite-meter-fill-color, var(--calcite-color-brand))}.fill-danger{--calcite-internal-meter-fill-color: var(--calcite-meter-fill-color, var(--calcite-color-status-danger))}.fill-success{--calcite-internal-meter-fill-color: var(--calcite-meter-fill-color, var(--calcite-color-status-success))}.fill-warning{--calcite-internal-meter-fill-color: var(--calcite-meter-fill-color, var(--calcite-color-status-warning))}.container{display:flex;position:relative;align-items:center;margin:0;inline-size:var(--calcite-container-size-content-fluid);block-size:var(--calcite-internal-meter-height);background-color:var(--calcite-internal-meter-background-color);border:var(--calcite-border-width-sm) solid var(--calcite-internal-meter-border-color);border-radius:var(--calcite-internal-meter-corner-radius);box-shadow:var(--calcite-internal-meter-shadow)}.value-visible{margin-block-start:var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl))}.steps-visible{margin-block-end:var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl))}.step-line{display:block;position:absolute;inset-block:var(--calcite-space-none);inline-size:var(--calcite-internal-meter-space);background-color:var(--calcite-internal-meter-border-color)}.label{position:absolute;display:flex;gap:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));font-size:var(--calcite-internal-meter-font-size);line-height:var(--calcite-internal-meter-label-line-height)}.label-hidden{visibility:hidden;opacity:0}.label-value{inset-block-end:calc(100% + .5em);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-internal-meter-value-text-color)}.label-range{color:var(--calcite-internal-meter-range-text-color);inset-block-start:calc(100% + .5em)}.label-range .unit-label{font-weight:var(--calcite-font-weight-medium)}.fill{display:block;position:absolute;transition-timing-function:var(--calcite-animation-easing-function);z-index:var(--calcite-z-index);inset-inline-start:var(--calcite-internal-meter-space);inset-block:var(--calcite-internal-meter-space);border-radius:var(--calcite-internal-meter-corner-radius);max-inline-size:calc(100% - var(--calcite-internal-meter-space) * 2);min-inline-size:calc(var(--calcite-internal-meter-height) - var(--calcite-internal-meter-space) * 2);background-color:var(--calcite-internal-meter-fill-color);transition-property:inline-size,background-color,box-shadow}.solid .fill{inset-block:0;inset-inline-start:0;max-inline-size:100%;min-inline-size:calc(var(--calcite-internal-meter-height));box-shadow:0 0 0 1px var(--calcite-internal-meter-fill-color)}`;
27
27
  class Meter extends LitElement {
28
28
  constructor() {
29
29
  super(...arguments);
package/dist/components/calcite-navigation/customElement.js CHANGED
@@ -8,7 +8,7 @@ import { i as isNavigationLogo } from "../../chunks/resources21.js";
8
8
  import { i as isNavigationUser } from "../../chunks/resources22.js";
9
9
  import { u as useFocusable } from "../../chunks/useFocusable.js";
10
10
  import { c as createObserver } from "../../chunks/observers.js";
11
- import { i as isTag } from "../../chunks/resources3.js";
11
+ import { i as isTag } from "../../chunks/resources2.js";
12
12
  const CSS = {
13
13
  container: "container",
14
14
  containerContent: "container-content",
@@ -33,7 +33,7 @@ const ICONS = {
33
33
  hamburger: "hamburger"
34
34
  };
35
35
  const isNavigation = isTag("calcite-navigation");
36
- const styles = css`:host([hidden]){display:none}[hidden]{display:none}:host{display:block}:host([scale=s]){--calcite-internal-navigation-primary-height: 3rem;--calcite-internal-navigation-secondary-height: 2.25rem;--calcite-internal-navigation-tertiary-height: 2.25rem;--calcite-internal-navigation-navigation-action-margin-inline: 8px}:host([scale=m]){--calcite-internal-navigation-primary-height: 4rem;--calcite-internal-navigation-secondary-height: 3rem;--calcite-internal-navigation-tertiary-height: 3rem;--calcite-internal-navigation-navigation-action-margin-inline: var(--calcite-font-size-sm)}:host([scale=l]){--calcite-internal-navigation-primary-height: 4.75rem;--calcite-internal-navigation-secondary-height: 4rem;--calcite-internal-navigation-tertiary-height: 4rem;--calcite-internal-navigation-navigation-action-margin-inline: var(--calcite-font-size-md)}.container{display:flex;inline-size:100%;flex-direction:column;margin-block:0;margin-inline:auto;background-color:var(--calcite-navigation-background-color, var(--calcite-navigation-background, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))))}.container.primary,.container.secondary,.container.tertiary{border-block-end:1px solid;border-block-end-color:var(--calcite-navigation-border-color, var(--calcite-color-border-3))}.user,.logo{display:flex}.hide{display:none}.primary{block-size:var(--calcite-internal-navigation-primary-height)}.secondary{block-size:var(--calcite-internal-navigation-secondary-height)}.tertiary{block-size:var(--calcite-internal-navigation-tertiary-height)}.container-content{margin-inline:auto;display:flex;block-size:100%;inline-size:100%;margin-block:0;inline-size:var(--calcite-navigation-width, 100%);max-inline-size:100%}.container-content.progress-bar{margin-block-start:.125rem}slot[name]{display:flex;flex-direction:row}slot[name=navigation-secondary]::slotted(calcite-navigation),slot[name=navigation-tertiary]::slotted(calcite-navigation){inline-size:100%}slot[name=content-start]::slotted(*),slot[name=content-center]::slotted(*),slot[name=content-end]::slotted(*){display:flex;flex-direction:row;align-items:center}slot[name=progress],slot[name=progress] calcite-progress{inset-block-start:0;inset-inline:0}slot[name=content-end]{margin-inline-start:auto}slot[name=content-start]{margin-inline-end:auto}slot[name=content-end],slot[name=logo]~slot[name=user],slot[name=user]:only-child{margin-inline-start:auto}slot[name=content-center]{margin-inline-start:auto;margin-inline-end:auto}slot[name=content-start]~slot[name=content-center]{margin-inline-start:0px}slot[name=content-start]~slot[name=content-end],slot[name=content-center]~slot[name=content-end],slot[name=content-center]~slot[name=user],slot[name=content-end]~slot[name=user]{margin:0}slot[name=navigation-action] calcite-action{align-self:center;margin-inline-start:var(--calcite-internal-navigation-navigation-action-margin-inline)}`;
36
+ const styles = css`:host([hidden]){display:none}[hidden]{display:none}:host{display:block}:host([scale=s]){--calcite-internal-navigation-primary-height: 3rem;--calcite-internal-navigation-secondary-height: 2.25rem;--calcite-internal-navigation-tertiary-height: 2.25rem;--calcite-internal-navigation-navigation-action-margin-inline: 8px}:host([scale=m]){--calcite-internal-navigation-primary-height: 4rem;--calcite-internal-navigation-secondary-height: 3rem;--calcite-internal-navigation-tertiary-height: 3rem;--calcite-internal-navigation-navigation-action-margin-inline: var(--calcite-font-size-sm)}:host([scale=l]){--calcite-internal-navigation-primary-height: 4.75rem;--calcite-internal-navigation-secondary-height: 4rem;--calcite-internal-navigation-tertiary-height: 4rem;--calcite-internal-navigation-navigation-action-margin-inline: var(--calcite-font-size-md)}.container{display:flex;flex-direction:column;inline-size:100%;margin-block:var(--calcite-space-none);margin-inline:auto;background-color:var(--calcite-navigation-background-color, var(--calcite-navigation-background, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))))}.container.primary,.container.secondary,.container.tertiary{border-block-end:1px solid;border-block-end-color:var(--calcite-navigation-border-color, var(--calcite-color-border-3))}.user,.logo{display:flex}.hide{display:none}.primary{block-size:var(--calcite-internal-navigation-primary-height)}.secondary{block-size:var(--calcite-internal-navigation-secondary-height)}.tertiary{block-size:var(--calcite-internal-navigation-tertiary-height)}.container-content{display:flex;block-size:100%;margin-inline:auto;margin-block:0;inline-size:var(--calcite-navigation-width, 100%);max-inline-size:100%}.container-content.progress-bar{margin-block-start:.125rem}slot[name]{display:flex;flex-direction:row}slot[name=navigation-secondary]::slotted(calcite-navigation),slot[name=navigation-tertiary]::slotted(calcite-navigation){inline-size:100%}slot[name=content-start]::slotted(*),slot[name=content-center]::slotted(*),slot[name=content-end]::slotted(*){display:flex;flex-direction:row;align-items:center}slot[name=progress],slot[name=progress] calcite-progress{inset-block-start:0;inset-inline:0}slot[name=content-end]{margin-inline-start:auto}slot[name=content-start]{margin-inline-end:auto}slot[name=content-end],slot[name=logo]~slot[name=user],slot[name=user]:only-child{margin-inline-start:auto}slot[name=content-center]{margin-inline:auto}slot[name=content-start]~slot[name=content-center]{margin-inline-start:var(--calcite-space-none)}slot[name=content-start]~slot[name=content-end],slot[name=content-center]~slot[name=content-end],slot[name=content-center]~slot[name=user],slot[name=content-end]~slot[name=user]{margin:var(--calcite-space-none)}slot[name=navigation-action] calcite-action{align-self:center;margin-inline-start:var(--calcite-internal-navigation-navigation-action-margin-inline)}`;
37
37
  class Navigation extends LitElement {
38
38
  constructor() {
39
39
  super(...arguments);
package/dist/components/calcite-navigation-logo/customElement.js CHANGED
@@ -6,7 +6,7 @@ import { LitElement, safeClassMap, nothing } from "@arcgis/lumina";
6
6
  import { H as Heading } from "../../chunks/Heading.js";
7
7
  import { u as useFocusable } from "../../chunks/useFocusable.js";
8
8
  import { C as CSS } from "../../chunks/resources21.js";
9
- const styles = css`:host{display:inline-flex}:host([scale=s]){--calcite-internal-navigation-logo-padding-inline: var(--calcite-space-md);--calcite-internal-navigation-logo-image-size: 1.75rem;--calcite-internal-navigation-logo-heading-font-size: var(--calcite-font-size-relative-base);--calcite-internal-navigation-logo-heading-standalone-font-size: var(--calcite-font-size-1);--calcite-internal-navigation-logo-description-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-navigation-logo-heading-line-height: var(--calcite-space-lg);--calcite-internal-navigation-logo-description-line-height: var(--calcite-space-lg)}:host([scale=m]){--calcite-internal-navigation-logo-padding-inline: var(--calcite-space-lg);--calcite-internal-navigation-logo-image-size: 1.75rem;--calcite-internal-navigation-logo-heading-font-size: var(--calcite-font-size-relative-md);--calcite-internal-navigation-logo-heading-standalone-font-size: var(--calcite-font-size-relative-xl);--calcite-internal-navigation-logo-description-font-size: var(--calcite-font-size-relative-base);--calcite-internal-navigation-logo-heading-line-height: var(--calcite-space-xl);--calcite-internal-navigation-logo-description-line-height: var(--calcite-space-lg)}:host([scale=l]){--calcite-internal-navigation-logo-padding-inline: var(--calcite-space-xl);--calcite-internal-navigation-logo-image-size: 2.75rem;--calcite-internal-navigation-logo-heading-font-size: var(--calcite-font-size-relative-xl);--calcite-internal-navigation-logo-heading-standalone-font-size: var(--calcite-font-size-relative-2xl);--calcite-internal-navigation-logo-description-font-size: var(--calcite-font-size-relative-lg);--calcite-internal-navigation-logo-heading-line-height: var(--calcite-space-2xl);--calcite-internal-navigation-logo-description-line-height: var(--calcite-space-2xl)}.container{margin:0;display:flex;align-items:center;justify-content:center;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);background-color:var(--calcite-navigation-background-color, var(--calcite-internal-navigation-logo-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))));border-block-end:2px solid var(--calcite-color-transparent)}.container--link{cursor:pointer;text-decoration-line:none;outline-color:transparent}:host(:focus) .container--link{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.image{block-size:var(--calcite-internal-navigation-logo-image-size)}.image,.icon{margin:0;display:flex;color:var(--calcite-navigation-logo-text-color, var(--calcite-icon-color, var(--calcite-internal-navigation-logo-text-color, var(--calcite-ui-icon-color, inherit))));padding-inline:var(--calcite-internal-navigation-logo-padding-inline)}.image~.icon{padding-inline-start:0px}.image~.text-container,.icon~.text-container{padding-inline-start:0px}:host([href]:hover),:host([href]:focus){--calcite-internal-navigation-logo-background-color: var( --calcite-theme-color-surface-3, var(--calcite-color-foreground-2) )}:host([href]:active){--calcite-internal-navigation-logo-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) )}:host([active]) .container{border-block-end-color:var(--calcite-navigation-accent-color, var(--calcite-color-brand))}:host([active]),:host([href]:active){--calcite-internal-navigation-logo-text-color: var(--calcite-color-brand)}.text-container{margin-block-start:.125rem;display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;padding-inline:var(--calcite-internal-navigation-logo-padding-inline)}.heading{margin-inline-start:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-navigation-logo-heading-text-color, var(--calcite-color-text-1));font-size:var(--calcite-internal-navigation-logo-heading-font-size);padding-block-start:var(--calcite-space-2xs);line-height:var(--calcite-internal-navigation-logo-heading-line-height)}.standalone{font-size:var(--calcite-internal-navigation-logo-heading-standalone-font-size);padding-block-start:0}.description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-2);color:var(--calcite-navigation-logo-text-color, var(--calcite-color-text-2));font-size:var(--calcite-internal-navigation-logo-description-font-size);line-height:var(--calcite-internal-navigation-logo-description-line-height)}:host([hidden]){display:none}[hidden]{display:none}`;
9
+ const styles = css`:host{display:inline-flex}:host([scale=s]){--calcite-internal-navigation-logo-padding-inline: var(--calcite-space-md);--calcite-internal-navigation-logo-image-size: 1.75rem;--calcite-internal-navigation-logo-heading-font-size: var(--calcite-font-size-relative-base);--calcite-internal-navigation-logo-heading-standalone-font-size: var(--calcite-font-size-1);--calcite-internal-navigation-logo-description-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-navigation-logo-heading-line-height: var(--calcite-space-lg);--calcite-internal-navigation-logo-description-line-height: var(--calcite-space-lg)}:host([scale=m]){--calcite-internal-navigation-logo-padding-inline: var(--calcite-space-lg);--calcite-internal-navigation-logo-image-size: 1.75rem;--calcite-internal-navigation-logo-heading-font-size: var(--calcite-font-size-relative-md);--calcite-internal-navigation-logo-heading-standalone-font-size: var(--calcite-font-size-relative-xl);--calcite-internal-navigation-logo-description-font-size: var(--calcite-font-size-relative-base);--calcite-internal-navigation-logo-heading-line-height: var(--calcite-space-xl);--calcite-internal-navigation-logo-description-line-height: var(--calcite-space-lg)}:host([scale=l]){--calcite-internal-navigation-logo-padding-inline: var(--calcite-space-xl);--calcite-internal-navigation-logo-image-size: 2.75rem;--calcite-internal-navigation-logo-heading-font-size: var(--calcite-font-size-relative-xl);--calcite-internal-navigation-logo-heading-standalone-font-size: var(--calcite-font-size-relative-2xl);--calcite-internal-navigation-logo-description-font-size: var(--calcite-font-size-relative-lg);--calcite-internal-navigation-logo-heading-line-height: var(--calcite-space-2xl);--calcite-internal-navigation-logo-description-line-height: var(--calcite-space-2xl)}.container{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);display:flex;margin:var(--calcite-space-none);align-items:center;justify-content:center;background-color:var(--calcite-navigation-background-color, var(--calcite-internal-navigation-logo-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))));border-block-end:2px solid var(--calcite-color-transparent)}.container--link{outline-color:var(--calcite-color-transparent);cursor:pointer;text-decoration-line:none}:host(:focus) .container--link{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.image{block-size:var(--calcite-internal-navigation-logo-image-size)}.image,.icon{display:flex;margin:var(--calcite-space-none);color:var(--calcite-navigation-logo-text-color, var(--calcite-icon-color, var(--calcite-internal-navigation-logo-text-color, var(--calcite-ui-icon-color, inherit))));padding-inline:var(--calcite-internal-navigation-logo-padding-inline)}.image~.icon{padding-inline-start:var(--calcite-space-none)}.image~.text-container,.icon~.text-container{padding-inline-start:var(--calcite-space-none)}:host([href]:hover),:host([href]:focus){--calcite-internal-navigation-logo-background-color: var( --calcite-theme-color-surface-3, var(--calcite-color-foreground-2) )}:host([href]:active){--calcite-internal-navigation-logo-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) )}:host([active]) .container{border-block-end-color:var(--calcite-navigation-accent-color, var(--calcite-color-brand))}:host([active]),:host([href]:active){--calcite-internal-navigation-logo-text-color: var(--calcite-color-brand)}.text-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;text-align:start;margin-block-start:var(--calcite-space-base);padding-inline:var(--calcite-internal-navigation-logo-padding-inline)}.heading{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline-start:var(--calcite-space-none);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-navigation-logo-heading-text-color, var(--calcite-color-text-1));font-size:var(--calcite-internal-navigation-logo-heading-font-size);padding-block-start:var(--calcite-space-2xs);line-height:var(--calcite-internal-navigation-logo-heading-line-height)}.standalone{font-size:var(--calcite-internal-navigation-logo-heading-standalone-font-size);padding-block-start:0}.description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-navigation-logo-text-color, var(--calcite-color-text-2));font-size:var(--calcite-internal-navigation-logo-description-font-size);line-height:var(--calcite-internal-navigation-logo-description-line-height)}:host([hidden]){display:none}[hidden]{display:none}`;
10
10
  class NavigationLogo extends LitElement {
11
11
  constructor() {
12
12
  super(...arguments);
package/dist/components/calcite-navigation-user/customElement.js CHANGED
@@ -5,7 +5,7 @@ import { keyed } from "lit/directives/keyed.js";
5
5
  import { LitElement, safeClassMap } from "@arcgis/lumina";
6
6
  import { u as useFocusable } from "../../chunks/useFocusable.js";
7
7
  import { C as CSS } from "../../chunks/resources22.js";
8
- const styles = css`:host([scale=s]){--calcite-internal-navigation-user-padding-inline: var(--calcite-space-md);--calcite-internal-navigation-user-full-name-font-size: var(--calcite-font-size-relative-base);--calcite-internal-navigation-user-username-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-navigation-user-full-name-line-height: var(--calcite-space-lg);--calcite-internal-navigation-user-username-line-height: var(--calcite-space-lg)}:host([scale=m]){--calcite-internal-navigation-user-padding-inline: var(--calcite-space-lg);--calcite-internal-navigation-user-full-name-font-size: var(--calcite-font-size-relative-md);--calcite-internal-navigation-user-username-font-size: var(--calcite-font-size-relative-base);--calcite-internal-navigation-user-full-name-line-height: var(--calcite-space-xl);--calcite-internal-navigation-user-username-line-height: var(--calcite-space-lg)}:host([scale=l]){--calcite-internal-navigation-user-padding-inline: var(--calcite-space-xl);--calcite-internal-navigation-user-full-name-font-size: var(--calcite-font-size-relative-xl);--calcite-internal-navigation-user-username-font-size: var(--calcite-font-size-relative-lg);--calcite-internal-navigation-user-full-name-line-height: var(--calcite-space-2xl);--calcite-internal-navigation-user-username-line-height: var(--calcite-space-2xl)}:host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}:host .button{margin:0;display:flex;cursor:pointer;align-items:center;justify-content:center;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);outline-color:transparent;font-family:inherit;border:none;padding-inline:0;background-color:var(--calcite-navigation-background-color, var(--calcite-internal-navigation-user-background-color, var(--calcite-color-transparent)));border-block-end:2px solid var(--calcite-color-transparent)}.text-container{margin-block-start:.125rem;display:flex;flex-direction:column;text-align:start;padding-inline:var(--calcite-internal-navigation-user-padding-inline)}calcite-avatar{--calcite-avatar-corner-radius: var(--calcite-navigation-user-avatar-corner-radius);--calcite-avatar-color: var(--calcite-navigation-user-avatar-color);padding-inline:var(--calcite-internal-navigation-user-padding-inline)}calcite-avatar~.text-container{padding-inline-start:0px}.full-name{margin-inline-start:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-navigation-user-full-name-text-color, var(--calcite-color-text-1));font-size:var(--calcite-internal-navigation-user-full-name-font-size);padding-block-start:var(--calcite-space-2xs);line-height:var(--calcite-internal-navigation-user-full-name-line-height)}.standalone{padding-block-start:0}.username{font-size:var(--calcite-internal-navigation-user-username-font-size);color:var(--calcite-navigation-user-name-text-color, var(--calcite-color-text-2));line-height:var(--calcite-internal-navigation-user-username-line-height)}:host(:hover) .button,:host(:focus) .button{--calcite-internal-navigation-user-background-color: var( --calcite-theme-color-surface-3, var(--calcite-color-foreground-2) )}:host(:focus) .button{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:active) .button{--calcite-internal-navigation-user-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) )}:host([active]) .button{border-block-end-color:var(--calcite-navigation-accent-color, var(--calcite-color-brand))}:host([hidden]){display:none}[hidden]{display:none}`;
8
+ const styles = css`:host([scale=s]){--calcite-internal-navigation-user-padding-inline: var(--calcite-space-md);--calcite-internal-navigation-user-full-name-font-size: var(--calcite-font-size-relative-base);--calcite-internal-navigation-user-username-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-navigation-user-full-name-line-height: var(--calcite-space-lg);--calcite-internal-navigation-user-username-line-height: var(--calcite-space-lg)}:host([scale=m]){--calcite-internal-navigation-user-padding-inline: var(--calcite-space-lg);--calcite-internal-navigation-user-full-name-font-size: var(--calcite-font-size-relative-md);--calcite-internal-navigation-user-username-font-size: var(--calcite-font-size-relative-base);--calcite-internal-navigation-user-full-name-line-height: var(--calcite-space-xl);--calcite-internal-navigation-user-username-line-height: var(--calcite-space-lg)}:host([scale=l]){--calcite-internal-navigation-user-padding-inline: var(--calcite-space-xl);--calcite-internal-navigation-user-full-name-font-size: var(--calcite-font-size-relative-xl);--calcite-internal-navigation-user-username-font-size: var(--calcite-font-size-relative-lg);--calcite-internal-navigation-user-full-name-line-height: var(--calcite-space-2xl);--calcite-internal-navigation-user-username-line-height: var(--calcite-space-2xl)}:host{outline:var(--calcite-border-width-md) solid transparent;outline-offset:var(--calcite-border-width-md);display:inline-flex}:host .button{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);display:flex;margin:var(--calcite-space-none);align-items:center;justify-content:center;cursor:pointer;outline-color:var(--calcite-color-transparent);font-family:inherit;border:none;padding-inline:0;background-color:var(--calcite-navigation-background-color, var(--calcite-internal-navigation-user-background-color, var(--calcite-color-transparent)));border-block-end:2px solid var(--calcite-color-transparent)}.text-container{display:flex;flex-direction:column;text-align:start;margin-block-start:var(--calcite-space-base);padding-inline:var(--calcite-internal-navigation-user-padding-inline)}calcite-avatar{--calcite-avatar-corner-radius: var(--calcite-navigation-user-avatar-corner-radius);--calcite-avatar-color: var(--calcite-navigation-user-avatar-color);padding-inline:var(--calcite-internal-navigation-user-padding-inline)}calcite-avatar~.text-container{padding-inline-start:var(--calcite-space-none)}.full-name{margin-inline-start:var(--calcite-space-none);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-navigation-user-full-name-text-color, var(--calcite-color-text-1));font-size:var(--calcite-internal-navigation-user-full-name-font-size);padding-block-start:var(--calcite-space-2xs);line-height:var(--calcite-internal-navigation-user-full-name-line-height)}.standalone{padding-block-start:0}.username{font-size:var(--calcite-internal-navigation-user-username-font-size);color:var(--calcite-navigation-user-name-text-color, var(--calcite-color-text-2));line-height:var(--calcite-internal-navigation-user-username-line-height)}:host(:hover) .button,:host(:focus) .button{--calcite-internal-navigation-user-background-color: var( --calcite-theme-color-surface-3, var(--calcite-color-foreground-2) )}:host(:focus) .button{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}:host(:active) .button{--calcite-internal-navigation-user-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) )}:host([active]) .button{border-block-end-color:var(--calcite-navigation-accent-color, var(--calcite-color-brand))}:host([hidden]){display:none}[hidden]{display:none}`;
9
9
  class NavigationUser extends LitElement {
10
10
  constructor() {
11
11
  super(...arguments);
package/dist/components/calcite-notice/customElement.d.ts CHANGED
@@ -101,11 +101,9 @@ export abstract class Notice extends LitElement {
101
101
  /**
102
102
  * Specifies the width of the component.
103
103
  *
104
- * [Deprecated] The `"half"` value is deprecated in v3.0.0, removal target v6.0.0 - use `"full"` instead.
105
- *
106
104
  * @default "auto"
107
105
  */
108
- accessor width: Extract<Width, "auto" | "half" | "full">;
106
+ accessor width: Extract<Width, "auto" | "full">;
109
107
  /**
110
108
  * Sets focus on the component's first focusable element.
111
109
  *
package/dist/components/calcite-notice/customElement.js CHANGED
@@ -4,7 +4,7 @@ import { css, html } from "lit";
4
4
  import { createRef, ref } from "lit/directives/ref.js";
5
5
  import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";
6
6
  import { v as setRequestedIcon, s as slotChangeHasAssignedElement } from "../../chunks/dom.js";
7
- import { K as KindIcons, a as KindIconsFilled } from "../../chunks/resources3.js";
7
+ import { K as KindIcons, a as KindIconsFilled } from "../../chunks/resources2.js";
8
8
  import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
9
9
  import { g as getIconScale } from "../../chunks/component.js";
10
10
  import { u as useT9n } from "../../chunks/useT9n.js";
@@ -22,7 +22,7 @@ const CSS = {
22
22
  content: "notice-content",
23
23
  icon: "notice-icon"
24
24
  };
25
- const styles = css`:host([scale=s]){--calcite-notice-spacing-token-small: .5rem;--calcite-notice-spacing-token-large: .75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) ::slotted(calcite-link){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]){--calcite-notice-spacing-token-small: .75rem;--calcite-notice-spacing-token-large: 1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) ::slotted(calcite-link){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]){--calcite-notice-spacing-token-small: 1rem;--calcite-notice-spacing-token-large: 1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) ::slotted(calcite-link){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) .notice-close{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .actions-end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));gap:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([width=auto]){--calcite-notice-width: auto}:host([width=half]){--calcite-notice-width: 50%}:host([width=full]){--calcite-notice-width: 100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;opacity:0;overflow:hidden;max-block-size:0;transition-property:opacity,max-block-size;transition-duration:var(--calcite-animation-timing);text-align:start;border-radius:var(--calcite-notice-corner-radius, var(--calcite-corner-radius-sm));box-shadow:var(--calcite-notice-shadow, var(--calcite-shadow-none))}:host{display:flex}:host([open]) .container{pointer-events:auto;max-block-size:100%;align-items:center;opacity:1;overflow:visible}@starting-style{:host([open]) .container{opacity:0;max-block-size:0}}:host([open][appearance=outline-fill]) .container{border:var(--calcite-border-width-sm) solid}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-notice-title-text-color, var(--calcite-color-text-1))}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-notice-content-text-color, var(--calcite-color-text-2))}:host(:not([kind=neutral])[appearance=solid]) .container slot[name=title]::slotted(*),:host(:not([kind=neutral])[appearance=solid]) .container *::slotted([slot=title]){color:var(--calcite-notice-title-text-color, var(--calcite-color-text-inverse))}:host(:not([kind=neutral])[appearance=solid]) .container slot[name=message]::slotted(*),:host(:not([kind=neutral])[appearance=solid]) .container *::slotted([slot=message]){color:var(--calcite-notice-content-text-color, var(--calcite-color-text-inverse))}.notice-content{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;box-sizing:border-box;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-large)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;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;box-sizing:border-box;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;padding-inline:var(--calcite-notice-spacing-token-small)}.notice-close{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;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;flex:0 0 auto;margin-inline-end:var(--calcite-theme-space-xs, var(--calcite-spacing-xs));--calcite-action-background-color: var(--calcite-notice-close-background-color);--calcite-action-background-color-hover: var( --calcite-notice-close-background-color-hover, var(--calcite-notice-close-background-color-focus) );--calcite-action-background-color-press: var(--calcite-notice-close-background-color-press);--calcite-action-text-color: var(--calcite-notice-close-icon-color, var(--calcite-color-text-3));--calcite-action-text-color-press: var(--calcite-notice-close-icon-color-hover)}.actions-end{display:flex;align-items:center;flex:0 0 auto;margin-inline-end:var(--calcite-theme-space-xs, var(--calcite-spacing-xs));gap:var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([kind=brand][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-brand) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-brand) 5%, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))))}:host([kind=brand][appearance=outline-fill]) .notice-icon,:host([kind=brand][appearance=transparent]) .notice-icon{color:var(--calcite-color-brand)}:host([kind=info][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-info) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-info) 5%, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))))}:host([kind=info][appearance=outline-fill]) .notice-icon,:host([kind=info][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-danger) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-danger) 5%, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))))}:host([kind=danger][appearance=outline-fill]) .notice-icon,:host([kind=danger][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-success) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-success) 5%, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))))}:host([kind=success][appearance=outline-fill]) .notice-icon,:host([kind=success][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-warning) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-warning) 5%, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))))}:host([kind=warning][appearance=outline-fill]) .notice-icon,:host([kind=warning][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-warning)}:host([kind=neutral][appearance=outline-fill]) .container{border-color:var(--calcite-color-border-2);background-color:var(--calcite-notice-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}:host([kind=neutral]) .notice-icon{color:var(--calcite-color-text-3)}:host([appearance=transparent]) .container{background-color:transparent}:host([hidden]){display:none}[hidden]{display:none}`;
25
+ const styles = css`:host([scale=s]){--calcite-notice-spacing-token-small: .5rem;--calcite-notice-spacing-token-large: .75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) ::slotted(calcite-link){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]){--calcite-notice-spacing-token-small: .75rem;--calcite-notice-spacing-token-large: 1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) ::slotted(calcite-link){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]){--calcite-notice-spacing-token-small: 1rem;--calcite-notice-spacing-token-large: 1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) ::slotted(calcite-link){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) .notice-close{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .actions-end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));gap:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([width=auto]){--calcite-notice-width: auto}:host([width=full]){--calcite-notice-width: 100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:var(--calcite-space-none);box-sizing:border-box;display:flex;inline-size:100%;opacity:0;overflow:hidden;max-block-size:0;transition-property:opacity,max-block-size;transition-duration:var(--calcite-animation-timing);text-align:start;border-radius:var(--calcite-notice-corner-radius, var(--calcite-corner-radius-sm));box-shadow:var(--calcite-notice-shadow, var(--calcite-shadow-none))}:host{display:flex}:host([open]) .container{pointer-events:auto;max-block-size:100%;align-items:center;opacity:var(--calcite-opacity-full);overflow:visible}@starting-style{:host([open]) .container{opacity:0;max-block-size:0}}:host([open][appearance=outline-fill]) .container{border:var(--calcite-border-width-sm) solid}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:var(--calcite-space-none);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-notice-title-text-color, var(--calcite-color-text-1))}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:var(--calcite-space-none);display:inline;font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));color:var(--calcite-notice-content-text-color, var(--calcite-color-text-2))}:host(:not([kind=neutral])[appearance=solid]) .container slot[name=title]::slotted(*),:host(:not([kind=neutral])[appearance=solid]) .container *::slotted([slot=title]){color:var(--calcite-notice-title-text-color, var(--calcite-color-text-inverse))}:host(:not([kind=neutral])[appearance=solid]) .container slot[name=message]::slotted(*),:host(:not([kind=neutral])[appearance=solid]) .container *::slotted([slot=message]){color:var(--calcite-notice-content-text-color, var(--calcite-color-text-inverse))}.notice-content{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;box-sizing:border-box;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:var(--calcite-space-none);flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-large)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{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;box-sizing:border-box;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;align-items:center;padding-inline:var(--calcite-notice-spacing-token-small)}.notice-close{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;display:flex;cursor:pointer;align-items:center;box-sizing:border-box;flex:0 0 auto;margin-inline-end:var(--calcite-theme-space-xs, var(--calcite-spacing-xs));--calcite-action-background-color: var(--calcite-notice-close-background-color);--calcite-action-background-color-hover: var( --calcite-notice-close-background-color-hover, var(--calcite-notice-close-background-color-focus) );--calcite-action-background-color-press: var(--calcite-notice-close-background-color-press);--calcite-action-text-color: var(--calcite-notice-close-icon-color, var(--calcite-color-text-3));--calcite-action-text-color-press: var(--calcite-notice-close-icon-color-hover)}.actions-end{display:flex;align-items:center;flex:0 0 auto;margin-inline-end:var(--calcite-theme-space-xs, var(--calcite-spacing-xs));gap:var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([kind=brand][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-brand) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-brand) 5%, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))))}:host([kind=brand][appearance=outline-fill]) .notice-icon,:host([kind=brand][appearance=transparent]) .notice-icon{color:var(--calcite-color-brand)}:host([kind=info][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-info) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-info) 5%, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))))}:host([kind=info][appearance=outline-fill]) .notice-icon,:host([kind=info][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-danger) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-danger) 5%, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))))}:host([kind=danger][appearance=outline-fill]) .notice-icon,:host([kind=danger][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-success) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-success) 5%, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))))}:host([kind=success][appearance=outline-fill]) .notice-icon,:host([kind=success][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-warning) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-warning) 5%, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))))}:host([kind=warning][appearance=outline-fill]) .notice-icon,:host([kind=warning][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-warning)}:host([kind=neutral][appearance=outline-fill]) .container{border-color:var(--calcite-color-border-2);background-color:var(--calcite-notice-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}:host([kind=neutral]) .notice-icon{color:var(--calcite-color-text-3)}:host([appearance=transparent]) .container{background-color:transparent}:host([hidden]){display:none}[hidden]{display:none}`;
26
26
  class Notice extends LitElement {
27
27
  constructor() {
28
28
  super(...arguments);
package/dist/components/calcite-pagination/customElement.js CHANGED
@@ -25,7 +25,7 @@ const ICONS = {
25
25
  first: "chevron-start",
26
26
  last: "chevron-end"
27
27
  };
28
- const styles = css`:host{display:flex;writing-mode:horizontal-tb}.list{margin:0;display:flex;list-style-type:none;padding:0;column-gap:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.list-item{margin:0;display:flex;padding:0}.hidden-item{display:none}:host([scale=s]) .chevron,:host([scale=s]) .page,:host([scale=s]) .ellipsis{block-size:1.5rem;padding-inline:.25rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);min-inline-size:1.5rem}:host([scale=m]) .chevron,:host([scale=m]) .page,:host([scale=m]) .ellipsis{block-size:2rem;padding-inline:.5rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);min-inline-size:2rem}:host([scale=l]) .chevron,:host([scale=l]) .page,:host([scale=l]) .ellipsis{block-size:2.75rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);min-inline-size:2.75rem}:host([scale=l]) .chevron{padding-inline:var(--calcite-space-sm-plus)}:host([scale=l]) .page,:host([scale=l]) .ellipsis{padding-inline:.75rem}:host button{outline-color:transparent}:host button:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.chevron,.page,.ellipsis{margin:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-style:none;--tw-border-opacity: 0;background-color:transparent;padding:0;vertical-align:baseline;font-family:inherit;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);color:var(--calcite-pagination-color, var(--calcite-color-text-3))}.chevron,.page{cursor:pointer;border-block:2px solid transparent}.chevron:hover,.page:hover{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;color:var(--calcite-pagination-color-hover, var(--calcite-color-text-1))}.chevron:active,.page:active{color:var(--calcite-pagination-color-hover, var(--calcite-color-text-1))}.page:hover{border-block-end-color:var(--calcite-pagination-color-border-hover, var(--calcite-color-border-2))}.page:active{background-color:var(--calcite-pagination-background-color, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}.page.selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-pagination-color-hover, var(--calcite-color-text-1));border-block-end-color:var(--calcite-pagination-color-border-active, var(--calcite-color-brand))}.page.selected:focus{border-block-end-width:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));padding-block-start:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.chevron:hover{background-color:var(--calcite-pagination-icon-color-background-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}.chevron:active{background-color:var(--calcite-pagination-background-color, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}.chevron.disabled{pointer-events:none;background-color:transparent}.chevron.disabled>calcite-icon{opacity:var(--calcite-opacity-disabled)}:host([hidden]){display:none}[hidden]{display:none}`;
28
+ const styles = css`:host{display:flex;writing-mode:horizontal-tb}.list{display:flex;list-style-type:none;margin:var(--calcite-space-none);padding:var(--calcite-space-none);column-gap:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.list-item{display:flex;margin:var(--calcite-space-none);padding:var(--calcite-space-none)}.hidden-item{display:none}:host([scale=s]) .chevron,:host([scale=s]) .page,:host([scale=s]) .ellipsis{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);block-size:var(--calcite-space-2xl);padding-inline:var(--calcite-space-2xs);min-inline-size:1.5rem}:host([scale=m]) .chevron,:host([scale=m]) .page,:host([scale=m]) .ellipsis{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);block-size:var(--calcite-space-3xl);padding-inline:var(--calcite-space-sm);min-inline-size:2rem}:host([scale=l]) .chevron,:host([scale=l]) .page,:host([scale=l]) .ellipsis{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);block-size:var(--calcite-space-4xl);min-inline-size:2.75rem}:host([scale=l]) .chevron{padding-inline:var(--calcite-space-sm-plus)}:host([scale=l]) .page,:host([scale=l]) .ellipsis{padding-inline:var(--calcite-space-md)}:host button{outline-color:var(--calcite-color-transparent)}:host button:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.chevron,.page,.ellipsis{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);padding:var(--calcite-space-none);margin:var(--calcite-space-none);font-family:inherit;box-sizing:border-box;display:flex;align-items:center;border-style:none;justify-content:center;vertical-align:baseline;background-color:var(--calcite-color-transparent);border-color:var(--calcite-color-transparent);color:var(--calcite-pagination-color, var(--calcite-color-text-3))}.chevron,.page{cursor:pointer;border-block:2px solid transparent}.chevron:hover,.page:hover{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;color:var(--calcite-pagination-color-hover, var(--calcite-color-text-1))}.chevron:active,.page:active{color:var(--calcite-pagination-color-hover, var(--calcite-color-text-1))}.page:hover{border-block-end-color:var(--calcite-pagination-color-border-hover, var(--calcite-color-border-2))}.page:active{background-color:var(--calcite-pagination-background-color, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}.page.selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-pagination-color-hover, var(--calcite-color-text-1));border-block-end-color:var(--calcite-pagination-color-border-active, var(--calcite-color-brand))}.page.selected:focus{border-block-end-width:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));padding-block-start:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.chevron:hover{background-color:var(--calcite-pagination-icon-color-background-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}.chevron:active{background-color:var(--calcite-pagination-background-color, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}.chevron.disabled{background-color:var(--calcite-color-transparent);pointer-events:none}.chevron.disabled>calcite-icon{opacity:var(--calcite-opacity-disabled)}:host([hidden]){display:none}[hidden]{display:none}`;
29
29
  const firstAndLastPageCount = 2;
30
30
  const ellipsisCount = 2;
31
31
  const maxItemBreakpoints = {
package/dist/components/calcite-panel/customElement.js CHANGED
@@ -7,7 +7,7 @@ import { createRef, ref } from "lit/directives/ref.js";
7
7
  import { s as slotChangeHasAssignedElement, b as slotChangeGetAssignedElements, d as slotChangeHasTextContent, u as hasVisibleContent } from "../../chunks/dom.js";
8
8
  import { g as getIconScale } from "../../chunks/component.js";
9
9
  import { c as createObserver, u as updateRefObserver } from "../../chunks/observers.js";
10
- import { S as SLOTS$1 } from "../../chunks/resources2.js";
10
+ import { S as SLOTS$1 } from "../../chunks/resources11.js";
11
11
  import { H as Heading } from "../../chunks/Heading.js";
12
12
  import { d as defaultEndMenuPlacement } from "../../chunks/floating-ui.js";
13
13
  import { u as useT9n } from "../../chunks/useT9n.js";
@@ -18,7 +18,7 @@ import { u as useInteractive } from "../../chunks/useInteractive.js";
18
18
  import { u as useFocusTrap } from "../../chunks/useFocusTrap.js";
19
19
  import { C as CSS, S as SLOTS, I as IDS, a as ICONS } from "../../chunks/resources14.js";
20
20
  import { t as toAriaBoolean } from "../../chunks/aria.js";
21
- const styles = css`: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;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;border-radius:var(--calcite-panel-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)))}slot[name=alerts]::slotted(calcite-alert){block-size:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-panel-default-space: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));--calcite-internal-panel-header-vertical-padding: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host([scale=s]) .header-content .heading{font-size:var(--calcite-font-size--1)}:host([scale=s]) .header-content .description{font-size:var(--calcite-font-size--2)}:host([scale=s]) .header-content .icon{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]){--calcite-internal-panel-default-space: var(--calcite-theme-space-md, var(--calcite-spacing-md));--calcite-internal-panel-header-vertical-padding: var(--calcite-theme-space-md-plus, var(--calcite-spacing-md-plus))}:host([scale=m]) .header-content .heading{font-size:var(--calcite-font-size-0)}:host([scale=m]) .header-content .description{font-size:var(--calcite-font-size--1)}:host([scale=m]) .header-content .icon{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host(:is([scale=s],[scale=m])){--calcite-internal-panel-action-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l]){--calcite-internal-panel-action-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs));--calcite-internal-panel-default-space: var(--calcite-theme-space-lg, var(--calcite-spacing-lg));--calcite-internal-panel-header-vertical-padding: var(--calcite-theme-space-xl, var(--calcite-spacing-xl))}:host([scale=l]) .header-content .heading{font-size:var(--calcite-font-size-1)}:host([scale=l]) .header-content .description{font-size:var(--calcite-font-size-0)}:host([scale=l]) .header-content .icon{margin-inline-end:var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));background-color:var(--calcite-panel-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.content-top{padding:var(--calcite-panel-content-top-space, var(--calcite-internal-panel-default-space))}.content-bottom{padding:var(--calcite-panel-content-bottom-space, var(--calcite-internal-panel-default-space))}.container{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;overflow:hidden;background-color:var(--calcite-color-background);padding:0;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-color-text-2);transition:max-block-size var(--calcite-animation-timing),inline-size var(--calcite-animation-timing);box-sizing:border-box;font-size:var(--calcite-font-size--1)}.container *{box-sizing:border-box}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-panel-header-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-panel-header-border-block-end, var(--calcite-color-border-3)))}.header--no-row{border-block-end:0}.content-top--no-border{border-block-start:0}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3))}.header-top{inline-size:100%;border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));padding:var(--calcite-panel-header-top-space, var(--calcite-internal-panel-default-space))}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:.75rem;padding-block:.875rem;margin-inline-end:auto;justify-content:center}.header-content .heading-text-content{flex:1 1 auto;overflow:hidden}.header-content .heading,.header-content .description{display:block;flex:none;overflow-wrap:break-word;padding:0;line-height:var(--calcite-font-line-height-relative-snug)}.header-content .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-panel-heading-text-color, var(--calcite-color-text-1))}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{color:var(--calcite-panel-description-text-color, var(--calcite-color-text-2))}#close,#collapse,calcite-action-menu{--calcite-action-background-color: var(--calcite-panel-header-action-background-color);--calcite-action-background-color-hover: var(--calcite-panel-header-action-background-color-hover);--calcite-action-background-color-press: var(--calcite-panel-header-action-background-color-press);--calcite-action-text-color: var(--calcite-panel-header-action-text-color);--calcite-action-text-color-press: var(--calcite-panel-header-action-text-color-press)}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;margin:auto;gap:var(--calcite-internal-panel-action-spacing)}.header-actions--start{margin-inline-start:var(--calcite-internal-panel-action-spacing)}.header-actions--end{margin-inline-end:var(--calcite-internal-panel-action-spacing)}.content-wrapper{position:relative;display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;color:var(--calcite-color-text-2);outline-color:transparent;padding:var(--calcite-panel-space, var(--calcite-panel-content-space, 0));background:var(--calcite-panel-background-color, var(--calcite-theme-color-surface-1, var(--calcite-color-background)))}.content-wrapper:focus-visible{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.header-content{flex:1 1 auto;justify-content:center;padding-block:var(--calcite-internal-panel-header-vertical-padding);padding-inline:var(--calcite-internal-panel-default-space)}.header-content.header--slotted-content{padding:var(--calcite-panel-header-content-space, var(--calcite-internal-panel-header-vertical-padding) var(--calcite-internal-panel-default-space))}.header-content.header--non-slotted-content{align-items:center;flex-direction:row}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;align-items:center;justify-content:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));padding:var(--calcite-panel-footer-space, var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-space)));background-color:var(--calcite-panel-footer-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.footer-content{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:center}.footer-start{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-start;margin-inline-end:auto;gap:var(--calcite-internal-panel-default-space)}.footer-end{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-end;margin-inline-start:auto;gap:var(--calcite-internal-panel-default-space)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:.5rem;inset-inline:0;inline-size:fit-content}calcite-icon{--calcite-icon-color: var(--calcite-panel-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-1)))}:host([hidden]){display:none}[hidden]{display:none}`;
21
+ const styles = css`: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:flex;inline-size:100%;block-size:100%;flex:1 1 auto;overflow:hidden;box-sizing:border-box;border-radius:var(--calcite-panel-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)))}slot[name=alerts]::slotted(calcite-alert){block-size:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-panel-default-space: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));--calcite-internal-panel-header-vertical-padding: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host([scale=s]) .header-content .heading{font-size:var(--calcite-font-size--1)}:host([scale=s]) .header-content .description{font-size:var(--calcite-font-size--2)}:host([scale=s]) .header-content .icon{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]){--calcite-internal-panel-default-space: var(--calcite-theme-space-md, var(--calcite-spacing-md));--calcite-internal-panel-header-vertical-padding: var(--calcite-theme-space-md-plus, var(--calcite-spacing-md-plus))}:host([scale=m]) .header-content .heading{font-size:var(--calcite-font-size-0)}:host([scale=m]) .header-content .description{font-size:var(--calcite-font-size--1)}:host([scale=m]) .header-content .icon{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host(:is([scale=s],[scale=m])){--calcite-internal-panel-action-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l]){--calcite-internal-panel-action-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs));--calcite-internal-panel-default-space: var(--calcite-theme-space-lg, var(--calcite-spacing-lg));--calcite-internal-panel-header-vertical-padding: var(--calcite-theme-space-xl, var(--calcite-spacing-xl))}:host([scale=l]) .header-content .heading{font-size:var(--calcite-font-size-1)}:host([scale=l]) .header-content .description{font-size:var(--calcite-font-size-0)}:host([scale=l]) .header-content .icon{margin-inline-end:var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));background-color:var(--calcite-panel-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.content-top{padding:var(--calcite-panel-content-top-space, var(--calcite-internal-panel-default-space))}.content-bottom{padding:var(--calcite-panel-content-bottom-space, var(--calcite-internal-panel-default-space))}.container{position:relative;background-color:var(--calcite-theme-color-surface-1, var(--calcite-color-background));margin:var(--calcite-space-none);display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:var(--calcite-space-none);overflow:hidden;box-sizing:border-box;color:var(--calcite-color-text-2);transition:max-block-size var(--calcite-animation-timing),inline-size var(--calcite-animation-timing);font-size:var(--calcite-font-size-relative-base)}.container *{box-sizing:border-box}.header{display:flex;flex-direction:column;z-index:var(--calcite-z-index-header);background-color:var(--calcite-panel-header-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-panel-header-border-block-end, var(--calcite-color-border-3)))}.header--no-row{border-block-end:0}.content-top--no-border{border-block-start:0}.header-container{display:flex;flex-direction:row;inline-size:100%;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3))}.header-top{inline-size:100%;border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));padding:var(--calcite-panel-header-top-space, var(--calcite-internal-panel-default-space))}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:var(--calcite-space-md);padding-block:var(--calcite-space-md-plus);margin-inline-end:auto;justify-content:center}.header-content .heading-text-content{flex:1 1 auto;overflow:hidden}.header-content .heading,.header-content .description{display:block;flex:none;overflow-wrap:break-word;padding:var(--calcite-space-none);line-height:var(--calcite-font-line-height-relative-snug)}.header-content .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-panel-heading-text-color, var(--calcite-color-text-1))}.header-content .heading:only-child{margin-block-end:var(--calcite-space-none)}.header-content .description{color:var(--calcite-panel-description-text-color, var(--calcite-color-text-2))}#close,#collapse,calcite-action-menu{--calcite-action-background-color: var(--calcite-panel-header-action-background-color);--calcite-action-background-color-hover: var(--calcite-panel-header-action-background-color-hover);--calcite-action-background-color-press: var(--calcite-panel-header-action-background-color-press);--calcite-action-text-color: var(--calcite-panel-header-action-text-color);--calcite-action-text-color-press: var(--calcite-panel-header-action-text-color-press)}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;margin:auto;gap:var(--calcite-internal-panel-action-spacing)}.header-actions--start{margin-inline-start:var(--calcite-internal-panel-action-spacing)}.header-actions--end{margin-inline-end:var(--calcite-internal-panel-action-spacing)}.content-wrapper{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;block-size:100%;outline-color:var(--calcite-color-transparent);color:var(--calcite-color-text-2);position:relative;padding:var(--calcite-panel-space, var(--calcite-panel-content-space, 0));background:var(--calcite-panel-background-color, var(--calcite-theme-color-surface-1, var(--calcite-color-background)))}.content-wrapper:focus-visible{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.header-content{flex:1 1 auto;justify-content:center;padding-block:var(--calcite-internal-panel-header-vertical-padding);padding-inline:var(--calcite-internal-panel-default-space)}.header-content.header--slotted-content{padding:var(--calcite-panel-header-content-space, var(--calcite-internal-panel-header-vertical-padding) var(--calcite-internal-panel-default-space))}.header-content.header--non-slotted-content{align-items:center;flex-direction:row}.footer{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);display:flex;margin-block-start:auto;flex-direction:row;align-content:space-between;justify-content:center;align-items:center;border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));padding:var(--calcite-panel-footer-space, var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-space)));background-color:var(--calcite-panel-footer-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.footer-content{display:flex;flex-direction:row;align-items:center;justify-content:center;flex:1 1 0%}.footer-start{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex:1 1 0%;margin-inline-end:auto;gap:var(--calcite-internal-panel-default-space)}.footer-end{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex:1 1 0%;margin-inline-start:auto;gap:var(--calcite-internal-panel-default-space)}.fab-container{position:sticky;inset-block-end:var(--calcite-space-none);margin-block:var(--calcite-space-none);margin-inline:auto;display:block;padding:var(--calcite-space-sm);z-index:var(--calcite-z-index-sticky);inset-inline:0;inline-size:fit-content}calcite-icon{--calcite-icon-color: var(--calcite-panel-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-1)))}:host([hidden]){display:none}[hidden]{display:none}`;
22
22
  class Panel extends LitElement {
23
23
  constructor() {
24
24
  super();
@@ -315,7 +315,7 @@ class Panel extends LitElement {
315
315
  const hasDialogRole = this.hasDialogBehavior;
316
316
  const hasDialogHeading = !!heading || this.hasHeaderHeading;
317
317
  const panelNode = html`<div aria-labelledby=${(hasDialogRole && hasDialogHeading ? IDS.heading : void 0) ?? nothing} .ariaBusy=${toAriaBoolean(loading, void 0)} .ariaDescription=${hasDialogRole && description ? description : void 0} .ariaLabel=${hasDialogRole && heading && !this.hasHeaderHeading ? heading : void 0} .ariaLive=${hasDialogRole ? "polite" : void 0} class=${safeClassMap(CSS.container)} .hidden=${closed} .role=${hasDialogRole ? "dialog" : "article"} ${ref(this.containerRef)}>${this.renderHeaderNode()}${this.renderContent()}${this.renderContentBottom()}${this.renderFooterNode()}${keyed("alerts", html`<slot name=${SLOTS.alerts} @slotchange=${this.handleAlertsSlotChange}></slot>`)}</div>`;
318
- return this.interactiveContainer({ disabled, children: html`${loading ? html`<calcite-scrim .loading=${loading}></calcite-scrim>` : null}${panelNode}` });
318
+ return this.interactiveContainer({ disabled, children: html`${panelNode}${loading ? html`<calcite-scrim .loading=${loading}></calcite-scrim>` : null}` });
319
319
  }
320
320
  }
321
321
  customElement("calcite-panel", Panel);
package/dist/components/calcite-popover/customElement.d.ts CHANGED
@@ -111,11 +111,9 @@ export abstract class Popover extends LitElement {
111
111
  */
112
112
  accessor pointerDisabled: boolean;
113
113
  /**
114
- * The `referenceElement` is used to position the component according to its `placement` value.
114
+ * The `referenceElement` is used to position the component according to its `placement` value. When a DOM element is specified and `triggerDisabled` is not specified, clicking or pressing the `referenceElement` toggles the component's `open` state.
115
115
  *
116
- * Setting the value to an `HTMLElement` is preferred so the component does not need to query the DOM.
117
- *
118
- * However, a string `id` of the reference element can also be used.
116
+ * Setting the value to an `HTMLElement` is preferred so the component does not need to query the DOM. However, a string `id` of the reference element can also be used.
119
117
  *
120
118
  * The component should not be placed within its own `referenceElement` to avoid unintended behavior.
121
119
  *
package/dist/components/calcite-popover/customElement.js CHANGED
@@ -27,7 +27,7 @@ const CSS = {
27
27
  heading: "heading"
28
28
  };
29
29
  const defaultPopoverPlacement = "auto";
30
- const styles = css`:host{display:contents}:host([top-layer-disabled]){--calcite-floating-ui-z-index: var(--calcite-z-index-popup)}.position-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.position-container{opacity:0;inset-block-start:0;left:0}}.position-container{max-inline-size:var(--calcite-popover-max-size-x, 100vw)}.position-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.position-container:popover-open{display:block}.position-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.position-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.position-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.position-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.position-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]) .heading{padding:.5rem .75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host(:is([scale=s],[scale=m])){--calcite-internal-popover-close-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=m]) .heading{padding:.75rem 1rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]){--calcite-internal-popover-close-spacing: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .heading{padding:1rem 1.25rem;font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug)}.position-container .calcite-floating-ui-anim{border-width:1px;border-style:solid;box-shadow:var(--calcite-shadow-md);background-color:var(--calcite-popover-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-color:var(--calcite-popover-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-popover-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)))}.calcite-floating-ui-arrow{fill:var(--calcite-popover-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-bottom-width:1px;border-style:solid;border-block-end-color:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.heading{margin:0;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);word-wrap:break-word;word-break:break-word;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container{position:relative;display:flex;height:100%;flex-direction:row;flex-wrap:nowrap;border-radius:.25rem;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container.has-header{flex-direction:column}.content{display:flex;height:100%;width:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button{margin:auto;margin-inline-end:var(--calcite-internal-popover-close-spacing)}.close-button-container{display:flex;flex:0 0 auto}::slotted(calcite-panel),::slotted(calcite-flow){height:100%}:host([hidden]){display:none}[hidden]{display:none}`;
30
+ const styles = css`:host{display:contents}:host([top-layer-disabled]){--calcite-floating-ui-z-index: var(--calcite-z-index-popup)}.position-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.position-container{opacity:0;inset-block-start:0;left:0}}.position-container{max-inline-size:var(--calcite-popover-max-size-x, 100vw)}.position-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.position-container:popover-open{display:block}.position-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.position-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.position-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.position-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.position-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]) .heading{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug);padding-inline:var(--calcite-space-md);padding-block:var(--calcite-space-sm)}:host(:is([scale=s],[scale=m])){--calcite-internal-popover-close-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=m]) .heading{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug);padding-inline:var(--calcite-space-lg);padding-block:var(--calcite-space-md)}:host([scale=l]){--calcite-internal-popover-close-spacing: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .heading{font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug);padding-inline:var(--calcite-space-xl);padding-block:var(--calcite-space-lg)}.position-container .calcite-floating-ui-anim{border-width:var(--calcite-border-width-sm);border-style:solid;box-shadow:var(--calcite-shadow-md);background-color:var(--calcite-popover-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-color:var(--calcite-popover-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-popover-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)))}.calcite-floating-ui-arrow{fill:var(--calcite-popover-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:var(--calcite-border-width-none);border-block-end-width:var(--calcite-border-width-sm);border-style:solid;border-block-end-color:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.heading{overflow-wrap:break-word;word-break:break-word;margin:var(--calcite-space-none);display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container{position:relative;display:flex;block-size:100%;flex-direction:row;flex-wrap:nowrap;border-radius:var(--calcite-border-width-lg);color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container.has-header{flex-direction:column}.content{overflow-wrap:break-word;word-break:break-word;display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;align-self:center}.close-button{margin:auto;margin-inline-end:var(--calcite-internal-popover-close-spacing)}.close-button-container{display:flex;flex:0 0 auto}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%}:host([hidden]){display:none}[hidden]{display:none}`;
31
31
  const manager = referenceElementManager({ click: true });
32
32
  class Popover extends LitElement {
33
33
  constructor() {
package/dist/components/calcite-progress/customElement.js CHANGED
@@ -3,7 +3,7 @@ import { C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
3
3
  import { css, html } from "lit";
4
4
  import { LitElement, safeClassMap, safeStyleMap } from "@arcgis/lumina";
5
5
  import { useDirection } from "@arcgis/lumina/controllers";
6
- const styles = css`:host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px;border-radius:var(--calcite-corner-radius)}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background-color:var(--calcite-progress-background-color, var(--calcite-color-border-3))}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-progress-fill-color, var(--calcite-color-brand))}@media(forced-colors:active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-progress-text-color, var(--calcite-color-text-2))}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%,0,0)}50%{inline-size:40%}to{transform:translate3d(600%,0,0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%,0,0)}50%{inline-size:40%}to{transform:translate3d(-600%,0,0)}}:host([hidden]){display:none}[hidden]{display:none}`;
6
+ const styles = css`:host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:var(--calcite-space-none);block-size:2px;border-radius:var(--calcite-corner-radius)}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background-color:var(--calcite-progress-background-color, var(--calcite-color-border-3))}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-progress-fill-color, var(--calcite-color-brand))}@media(forced-colors:active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);padding-inline:var(--calcite-space-none);padding-block:var(--calcite-space-lg) var(--calcite-space-none);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-progress-text-color, var(--calcite-color-text-2))}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%,0,0)}50%{inline-size:40%}to{transform:translate3d(600%,0,0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%,0,0)}50%{inline-size:40%}to{transform:translate3d(-600%,0,0)}}:host([hidden]){display:none}[hidden]{display:none}`;
7
7
  const CSS = {
8
8
  track: "track",
9
9
  bar: "bar",
package/dist/components/calcite-radio-button/customElement.js CHANGED
@@ -15,7 +15,7 @@ const CSS = {
15
15
  container: "container",
16
16
  radio: "radio"
17
17
  };
18
- const styles = css`: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;display:flex}:host .radio{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;cursor:pointer;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-theme-color-surface-2, 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-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-size-fixed-md))}:host([scale=m]){--calcite-internal-radio-size: var(--calcite-radio-button-size, var(--calcite-size-fixed-md-plus))}:host([scale=l]){--calcite-internal-radio-size: var(--calcite-radio-button-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-theme-color-surface-2, 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-theme-color-surface-2, 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-theme-color-surface-2, var(--calcite-color-foreground-1)))}:host([status=invalid]:not([checked])){--calcite-radio-button-border-color: var(--calcite-color-status-danger)}:host([status=invalid]:not([checked]):focus) .radio{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),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}}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}:host([hidden]){display:none}[hidden]{display:none}`;
18
+ const styles = css`: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{outline:var(--calcite-border-width-md) solid transparent;outline-offset:var(--calcite-border-width-md);position:relative;display:flex}:host .radio{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;cursor:pointer;outline-color:var(--calcite-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-theme-color-surface-2, 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-offset:calc(var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}:host([disabled]) .radio{opacity:var(--calcite-opacity-disabled);cursor:default}: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-size-fixed-md))}:host([scale=m]){--calcite-internal-radio-size: var(--calcite-radio-button-size, var(--calcite-size-fixed-md-plus))}:host([scale=l]){--calcite-internal-radio-size: var(--calcite-radio-button-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-theme-color-surface-2, 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-theme-color-surface-2, 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-theme-color-surface-2, var(--calcite-color-foreground-1)))}:host([status=invalid]:not([checked])){--calcite-radio-button-border-color: var(--calcite-color-status-danger)}:host([status=invalid]:not([checked]):focus) .radio{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(var(--calcite-theme-space-base, var(--calcite-spacing-base)) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),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}}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}:host([hidden]){display:none}[hidden]{display:none}`;
19
19
  class RadioButton extends LitElement {
20
20
  constructor() {
21
21
  super();
package/dist/components/calcite-rating/customElement.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
2
- import { c as customElement } from "../../chunks/runtime.js";
2
+ import { C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
3
3
  import { live } from "lit/directives/live.js";
4
4
  import { html, css } from "lit";
5
5
  import { safeClassMap, LitElement, createEvent, stringOrBoolean, nothing, safeStyleMap } from "@arcgis/lumina";
@@ -13,6 +13,7 @@ import { u as useT9n } from "../../chunks/useT9n.js";
13
13
  import { u as useFocusable } from "../../chunks/useFocusable.js";
14
14
  import { u as useInteractive } from "../../chunks/useInteractive.js";
15
15
  import { u as useForm } from "../../chunks/useForm.js";
16
+ import { s as styles$1 } from "../../chunks/screen-reader.js";
16
17
  const StarIcon = ({ full, scale, partial }) => html`<calcite-icon class=${safeClassMap(partial ? void 0 : "icon")} .icon=${full ? "star-f" : "star"} .scale=${scale}></calcite-icon>`;
17
18
  const CSS = {
18
19
  fieldSet: "fieldset",
@@ -20,15 +21,14 @@ const CSS = {
20
21
  fraction: "fraction",
21
22
  numberAverage: "number--average",
22
23
  numberCount: "number--count",
23
- wrapper: "wrapper",
24
- visuallyHidden: "visually-hidden"
24
+ wrapper: "wrapper"
25
25
  };
26
26
  const idPrefix = "calcite-ratings";
27
27
  const IDS = {
28
28
  validationMessage: "validationMessage",
29
29
  host: (id) => `${idPrefix}-${id}`
30
30
  };
31
- const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){min-block-size:var(--calcite-space-2xl);--calcite-internal-rating-spacing: .25rem}:host([scale=m]){min-block-size:var(--calcite-space-3xl);--calcite-internal-rating-spacing: .5rem}:host([scale=l]){min-block-size:var(--calcite-space-4xl);--calcite-internal-rating-spacing: .75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing, var(--calcite-internal-rating-spacing))}.wrapper{display:inline-block}.star{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;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-rating-color, var(--calcite-color-border-input))}.star:hover{color:var(--calcite-rating-color-hover, var(--calcite-color-brand-hover))}.star:active{color:var(--calcite-rating-color-press, var(--calcite-color-brand-press))}.star:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.average,.fraction{color:var(--calcite-rating-average-color, var(--calcite-color-status-warning))}.hovered,.selected{color:var(--calcite-rating-color, var(--calcite-color-brand))}.fraction{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;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:700;color:var(--calcite-rating-average-text-color)}.number--count{color:var(--calcite-rating-count-text-color, var(--calcite-color-text-2));font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing, var(--calcite-internal-rating-spacing))}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`;
31
+ const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){min-block-size:var(--calcite-space-2xl);--calcite-internal-rating-spacing: .25rem}:host([scale=m]){min-block-size:var(--calcite-space-3xl);--calcite-internal-rating-spacing: .5rem}:host([scale=l]){min-block-size:var(--calcite-space-4xl);--calcite-internal-rating-spacing: .75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing, var(--calcite-internal-rating-spacing))}.wrapper{display:inline-block}.star{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;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-rating-color, var(--calcite-color-border-input))}.star:hover{color:var(--calcite-rating-color-hover, var(--calcite-color-brand-hover))}.star:active{color:var(--calcite-rating-color-press, var(--calcite-color-brand-press))}.star:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.average,.fraction{color:var(--calcite-rating-average-color, var(--calcite-color-status-warning))}.hovered,.selected{color:var(--calcite-rating-color, var(--calcite-color-brand))}.fraction{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;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:700;color:var(--calcite-rating-average-text-color)}.number--count{color:var(--calcite-rating-count-text-color, var(--calcite-color-text-2));font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing, var(--calcite-internal-rating-spacing))}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`;
32
32
  class Rating extends LitElement {
33
33
  constructor() {
34
34
  super();
@@ -67,7 +67,7 @@ class Rating extends LitElement {
67
67
  this.formAssociated = true;
68
68
  }
69
69
  static {
70
- this.styles = styles;
70
+ this.styles = [styles, styles$1];
71
71
  }
72
72
  get value() {
73
73
  return this._value;
@@ -219,14 +219,14 @@ class Rating extends LitElement {
219
219
  }
220
220
  render() {
221
221
  const countString = this.count?.toString();
222
- return this.interactiveContainer({ disabled: this.disabled, children: html`<span class=${safeClassMap(CSS.wrapper)}>${this.labelText && InternalLabel({ labelText: this.labelText, onClick: this.onLabelClick, required: this.required, tooltipText: this.messages.required }) || ""}<fieldset class=${safeClassMap(CSS.fieldSet)} .disabled=${this.disabled}><legend class=${safeClassMap(CSS.visuallyHidden)}>${this.messages.rating}</legend>${this.starsMap.map(({ average, checked, fraction, hovered, id, partial, selected, value, tabIndex }) => {
222
+ return this.interactiveContainer({ disabled: this.disabled, children: html`<span class=${safeClassMap(CSS.wrapper)}>${this.labelText && InternalLabel({ labelText: this.labelText, onClick: this.onLabelClick, required: this.required, tooltipText: this.messages.required }) || ""}<fieldset class=${safeClassMap(CSS.fieldSet)} .disabled=${this.disabled}><legend class=${safeClassMap(CSS_UTILITY.screenReaderText)}>${this.messages.rating}</legend>${this.starsMap.map(({ average, checked, fraction, hovered, id, partial, selected, value, tabIndex }) => {
223
223
  return html`<label class=${safeClassMap({
224
224
  [CSS.star]: true,
225
225
  selected,
226
226
  hovered,
227
227
  average,
228
228
  partial
229
- })} data-value=${value ?? nothing} for=${id ?? nothing} @click=${this.handleLabelClick} @focus=${this.handleLabelFocus} @keydown=${this.handleLabelKeyDown} @pointerdown=${this.handleLabelPointerDown} @pointerover=${this.handleLabelPointerOver} tabindex=${tabIndex ?? nothing}><input aria-errormessage=${IDS.validationMessage} .ariaInvalid=${this.status === "invalid"} .ariaLabel=${getLabelText(this)} .ariaRequired=${this.required} .checked=${checked} class=${safeClassMap(CSS.visuallyHidden)} .disabled=${this.disabled || this.readOnly} id=${id ?? nothing} name=${this.guid ?? nothing} @change=${this.handleInputChange} tabindex=-1 type=radio .value=${live(value ?? "")}>${StarIcon({ full: selected || average || hovered, scale: this.scale })}${partial && html`<div class=${safeClassMap(CSS.fraction)} style=${safeStyleMap({ width: `${fraction * 100}%` })}>${StarIcon({ full: true, partial: true, scale: this.scale })}</div>` || ""}<span class=${safeClassMap(CSS.visuallyHidden)}>${this.messages.stars.replace("{num}", `${value}`)}</span></label>`;
229
+ })} data-value=${value ?? nothing} for=${id ?? nothing} @click=${this.handleLabelClick} @focus=${this.handleLabelFocus} @keydown=${this.handleLabelKeyDown} @pointerdown=${this.handleLabelPointerDown} @pointerover=${this.handleLabelPointerOver} tabindex=${tabIndex ?? nothing}><input aria-errormessage=${IDS.validationMessage} .ariaInvalid=${this.status === "invalid"} .ariaLabel=${getLabelText(this)} .ariaRequired=${this.required} .checked=${checked} class=${safeClassMap(CSS_UTILITY.screenReaderText)} .disabled=${this.disabled || this.readOnly} id=${id ?? nothing} name=${this.guid ?? nothing} @change=${this.handleInputChange} tabindex=-1 type=radio .value=${live(value ?? "")}>${StarIcon({ full: selected || average || hovered, scale: this.scale })}${partial && html`<div class=${safeClassMap(CSS.fraction)} style=${safeStyleMap({ width: `${fraction * 100}%` })}>${StarIcon({ full: true, partial: true, scale: this.scale })}</div>` || ""}<span class=${safeClassMap(CSS_UTILITY.screenReaderText)}>${this.messages.stars.replace("{num}", `${value}`)}</span></label>`;
230
230
  })}${(this.count || this.average) && this.showChip ? html`<calcite-chip .label=${countString} .scale=${this.scale} .value=${countString}>${!!this.average && html`<span class=${safeClassMap(CSS.numberAverage)}>${this.average.toString()}</span>` || ""}${!!this.count && html`<span class=${safeClassMap(CSS.numberCount)}>(${countString})</span>` || ""}</calcite-chip>` : null}</fieldset>${this.validationMessage && this.status === "invalid" ? Validation({ icon: this.validationIcon, id: IDS.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status }) : null}</span>` });
231
231
  }
232
232
  }
package/dist/components/calcite-segmented-control/customElement.d.ts CHANGED
@@ -89,8 +89,6 @@ export abstract class SegmentedControl extends LitElement {
89
89
  /**
90
90
  * Specifies the width of the component.
91
91
  *
92
- * [Deprecated] The `"half"` value is deprecated in v3.0.0, removal target v6.0.0 - use `"full"` instead.
93
- *
94
92
  * @default "auto"
95
93
  */
96
94
  accessor width: Extract<"auto" | "full", Width>;
package/dist/components/calcite-segmented-control/customElement.js CHANGED
@@ -19,7 +19,7 @@ const CSS = {
19
19
  const IDS = {
20
20
  validationMessage: "segmentedControlValidationMessage"
21
21
  };
22
- const styles = css`: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;flex-direction:column}.item-wrapper{display:flex;background-color:var(--calcite-color-foreground-1);inline-size:fit-content;border-radius:var(--calcite-segmented-control-corner-radius, var(--calcite-corner-radius));outline:1px solid var(--calcite-segmented-control-border-color, var(--calcite-color-border-input));outline-offset:-1px}:host([appearance=outline])>.item-wrapper{background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([layout=vertical])>.item-wrapper{flex-direction:column;align-items:flex-start;align-self:flex-start}:host([width=full])>.item-wrapper{inline-size:100%;min-inline-size:fit-content}:host([width=full])>.item-wrapper ::slotted(calcite-segmented-control-item){flex:1 1 auto}:host([width=full][layout=vertical])>.item-wrapper ::slotted(calcite-segmented-control-item){justify-content:flex-start}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`;
22
+ const styles = css`: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;flex-direction:column}.item-wrapper{display:flex;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));inline-size:fit-content;border-radius:var(--calcite-segmented-control-corner-radius, var(--calcite-corner-radius));outline:1px solid var(--calcite-segmented-control-border-color, var(--calcite-color-border-input));outline-offset:-1px}:host([appearance=outline])>.item-wrapper{background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([layout=vertical])>.item-wrapper{flex-direction:column;align-items:flex-start;align-self:flex-start}:host([width=full])>.item-wrapper{inline-size:100%;min-inline-size:fit-content}:host([width=full])>.item-wrapper ::slotted(calcite-segmented-control-item){flex:1 1 auto}:host([width=full][layout=vertical])>.item-wrapper ::slotted(calcite-segmented-control-item){justify-content:flex-start}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`;
23
23
  class SegmentedControl extends LitElement {
24
24
  constructor() {
25
25
  super();
package/dist/components/calcite-segmented-control-item/customElement.js CHANGED
@@ -5,7 +5,7 @@ import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
5
5
  import { r as slotChangeHasContent } from "../../chunks/dom.js";
6
6
  import { t as toAriaBoolean } from "../../chunks/aria.js";
7
7
  import { C as CSS, S as SLOTS } from "../../chunks/resources23.js";
8
- const styles = css`:host{display:flex;cursor:pointer;align-self:stretch;font-weight:var(--calcite-font-weight-normal);outline-color:transparent;transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out}.label{pointer-events:none;margin:.125rem;box-sizing:border-box;display:flex;flex:1 1 0%;align-items:center;color:var(--calcite-segmented-control-color, var(--calcite-color-text-3));background-color:var(--calcite-segmented-control-background-color);box-shadow:var(--calcite-segmented-control-shadow);border-radius:max(0px,var(--calcite-segmented-control-corner-radius, var(--calcite-corner-radius)) - 2px);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out,color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{justify-content:center}:host(:focus){outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));outline-offset:-1px;z-index:var(--calcite-z-index);border-radius:var(--calcite-segmented-control-corner-radius, var(--calcite-corner-radius))}.label--scale-s{padding-inline:.5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);padding-block:.125rem}.label--scale-m{padding-inline:.75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);padding-block:.375rem}.label--scale-l{padding-inline:1rem;padding-block:var(--calcite-space-sm-plus);font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host(:hover) .label{background-color:var(--calcite-segmented-control-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)));color:var(--calcite-segmented-control-color, var(--calcite-color-text-1))}:host(:active) .label{background-color:var(--calcite-segmented-control-background-color, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}:host([checked]) .label{cursor:default;background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-brand));color:var(--calcite-segmented-control-color, var(--calcite-color-text-inverse))}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{background-color:var(--calcite-segmented-control-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));box-shadow:var(--calcite-segmented-control-shadow, inset 0 0 0 1px var(--calcite-color-brand));color:var(--calcite-segmented-control-color, var(--calcite-color-brand))}:host([checked]) .label--outline{background-color:var(--calcite-segmented-control-background-color, transparent)}::slotted(input){display:none}@media(forced-colors:active){:host([checked]) .label{background-color:highlight}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{outline:2px solid transparent;outline-offset:2px}:host([checked]) .label:not([class~=label--outline]) .icon{color:highlightText}}.icon{position:relative;margin:0;display:inline-flex;line-height:inherit;margin-inline-start:var(--calcite-internal-segmented-control-icon-margin-start);margin-inline-end:var(--calcite-internal-segmented-control-icon-margin-end);--calcite-icon-color: var(--calcite-segmented-control-icon-color)}:host([icon-start]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-end: .5rem}:host([icon-end]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-start: .5rem}:host([icon-start]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-end: .75rem}:host([icon-end]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-start: .75rem}:host([icon-start]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-end: 1rem}:host([icon-end]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-start: 1rem}.label .icon--solo{--calcite-internal-segmented-control-icon-margin-start: 0;--calcite-internal-segmented-control-icon-margin-end: 0}:host([hidden]){display:none}[hidden]{display:none}`;
8
+ const styles = css`:host{display:flex;cursor:pointer;align-self:stretch;font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));outline-color:transparent;transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out}.label{pointer-events:none;margin:.125rem;box-sizing:border-box;display:flex;flex:1 1 0%;align-items:center;color:var(--calcite-segmented-control-color, var(--calcite-color-text-3));background-color:var(--calcite-segmented-control-background-color);box-shadow:var(--calcite-segmented-control-shadow);border-radius:max(0px,var(--calcite-segmented-control-corner-radius, var(--calcite-corner-radius)) - 2px);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out,color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{justify-content:center}:host(:focus){outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-theme-space-base, var(--calcite-spacing-base))) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));outline-offset:-1px;z-index:var(--calcite-z-index);border-radius:var(--calcite-segmented-control-corner-radius, var(--calcite-corner-radius))}.label--scale-s{padding-inline:.5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);padding-block:.125rem}.label--scale-m{padding-inline:.75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);padding-block:.375rem}.label--scale-l{padding-inline:1rem;padding-block:var(--calcite-space-sm-plus);font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host(:hover) .label{background-color:var(--calcite-segmented-control-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)));color:var(--calcite-segmented-control-color, var(--calcite-color-text-1))}:host(:active) .label{background-color:var(--calcite-segmented-control-background-color, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}:host([checked]) .label{cursor:default;background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-brand));color:var(--calcite-segmented-control-color, var(--calcite-color-text-inverse))}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{background-color:var(--calcite-segmented-control-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));box-shadow:var(--calcite-segmented-control-shadow, inset 0 0 0 1px var(--calcite-color-brand));color:var(--calcite-segmented-control-color, var(--calcite-color-brand))}:host([checked]) .label--outline{background-color:var(--calcite-segmented-control-background-color, transparent)}::slotted(input){display:none}@media(forced-colors:active){:host([checked]) .label{background-color:highlight}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{outline:2px solid transparent;outline-offset:2px}:host([checked]) .label:not([class~=label--outline]) .icon{color:highlightText}}.icon{position:relative;margin:0;display:inline-flex;line-height:inherit;margin-inline-start:var(--calcite-internal-segmented-control-icon-margin-start);margin-inline-end:var(--calcite-internal-segmented-control-icon-margin-end);--calcite-icon-color: var(--calcite-segmented-control-icon-color)}:host([icon-start]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-end: .5rem}:host([icon-end]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-start: .5rem}:host([icon-start]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-end: .75rem}:host([icon-end]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-start: .75rem}:host([icon-start]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-end: 1rem}:host([icon-end]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-start: 1rem}.label .icon--solo{--calcite-internal-segmented-control-icon-margin-start: 0;--calcite-internal-segmented-control-icon-margin-end: 0}:host([hidden]){display:none}[hidden]{display:none}`;
9
9
  class SegmentedControlItem extends LitElement {
10
10
  constructor() {
11
11
  super(...arguments);
package/dist/components/calcite-select/customElement.d.ts CHANGED
@@ -94,11 +94,9 @@ export abstract class Select extends LitElement {
94
94
  /**
95
95
  * Specifies the width of the component.
96
96
  *
97
- * [Deprecated] The `"half"` value is deprecated in v3.0.0, removal target v6.0.0 - use `"full"` instead.
98
- *
99
97
  * @default "auto"
100
98
  */
101
- accessor width: Extract<Width, "auto" | "half" | "full">;
99
+ accessor width: Extract<Width, "auto" | "full">;
102
100
  /**
103
101
  * Sets focus on the component.
104
102
  *