@esri/calcite-components 5.0.0-next.26 → 5.0.0-next.27

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 (357) hide show
  1. package/dist/cdn/{3ILU5HMO.js → 2JL5ZGH7.js} +2 -2
  2. package/dist/cdn/{UK5M4QCY.js → 2S2L3EQ7.js} +2 -2
  3. package/dist/cdn/{YL6AVWLZ.js → 2YK6CVS6.js} +2 -2
  4. package/dist/cdn/{QPLV643W.js → 336XVH75.js} +2 -2
  5. package/dist/cdn/{NBGXBSR4.js → 35SARPY5.js} +2 -2
  6. package/dist/cdn/{47DFYWT7.js → 3BS4LNKS.js} +1 -1
  7. package/dist/cdn/{L2HPOBTI.js → 3IEPPQ7X.js} +2 -2
  8. package/dist/cdn/{NZM73CDI.js → 3VEW4WQK.js} +2 -2
  9. package/dist/cdn/{IZG6SCFX.js → 3YPTDAT3.js} +1 -1
  10. package/dist/cdn/{77223OGR.js → 4DBNEHK3.js} +2 -2
  11. package/dist/cdn/{XUXUXKVY.js → 4V7BZLWR.js} +2 -2
  12. package/dist/cdn/{TOJWPJZO.js → 5253XWSA.js} +2 -2
  13. package/dist/cdn/{YSWB2MUY.js → 563KGS4Y.js} +1 -1
  14. package/dist/cdn/{SLBOIPUI.js → 5DWNMUMC.js} +2 -2
  15. package/dist/cdn/{EPA5EBO4.js → 5QEHA37M.js} +2 -2
  16. package/dist/cdn/{MAHGPUV2.js → 5VNWY5LG.js} +2 -2
  17. package/dist/cdn/{HN42KFKY.js → 5XGADHYE.js} +2 -2
  18. package/dist/cdn/{SBRSHLCL.js → 65TH2FK7.js} +2 -2
  19. package/dist/cdn/{D7OBAVZT.js → 6EM466OS.js} +2 -2
  20. package/dist/cdn/{4FZKOFIT.js → 6ISI2CAF.js} +2 -2
  21. package/dist/cdn/{HKSOVKSS.js → 6KQ4JFWQ.js} +2 -2
  22. package/dist/cdn/{LLHJY7FO.js → 6MHFUQ4I.js} +2 -2
  23. package/dist/cdn/{VMAECY3E.js → 6OM4CJE6.js} +2 -2
  24. package/dist/cdn/{UJORWXAT.js → 6Q5X66EV.js} +2 -2
  25. package/dist/cdn/6WGTRGQ3.js +4 -0
  26. package/dist/cdn/{JHMUWWQC.js → 7534BBHW.js} +2 -2
  27. package/dist/cdn/{E2CJ3WMN.js → 75JUYSEU.js} +2 -2
  28. package/dist/cdn/{MUXHUU6U.js → 7FZUMGVI.js} +1 -1
  29. package/dist/cdn/{ZFALE3R5.js → 7GTMUJBK.js} +2 -2
  30. package/dist/cdn/{BJWZNEE6.js → 7QBX6HG6.js} +1 -1
  31. package/dist/cdn/{D5UX7ECF.js → 7UOCOKWE.js} +2 -2
  32. package/dist/cdn/{BS6FO7VM.js → 7UWAXM2S.js} +2 -2
  33. package/dist/cdn/{W7GKGD7L.js → A2XXH362.js} +2 -2
  34. package/dist/cdn/{5U7ADNIZ.js → A7LQL3JY.js} +2 -2
  35. package/dist/cdn/{OEZPBK7R.js → AC35Y5HD.js} +2 -2
  36. package/dist/cdn/{PJPCM6TA.js → ADHO4BCO.js} +2 -2
  37. package/dist/cdn/{IIG6KL5B.js → ADI5Y4OW.js} +2 -2
  38. package/dist/cdn/{6SRTCZUL.js → AHWS3HRJ.js} +2 -2
  39. package/dist/cdn/{ZOG53OH5.js → AIX6NZYG.js} +2 -2
  40. package/dist/cdn/{HY7V66E2.js → AJSBRVAB.js} +2 -2
  41. package/dist/cdn/{QIWQPYMD.js → AKR4JST4.js} +2 -2
  42. package/dist/cdn/{XTCTFLEI.js → AN35IWDM.js} +2 -2
  43. package/dist/cdn/{P4SFTOL2.js → AVLDSF5N.js} +2 -2
  44. package/dist/cdn/{2XHAGMKL.js → B5ADLQCU.js} +2 -2
  45. package/dist/cdn/{4VRO7HIK.js → BG7PIWAE.js} +2 -2
  46. package/dist/cdn/BSDYTDKB.js +4 -0
  47. package/dist/cdn/{DTSRU6CW.js → BSYFCWRY.js} +2 -2
  48. package/dist/cdn/{BC6T7LXX.js → BWPFLE55.js} +2 -2
  49. package/dist/cdn/{WVPOSWB7.js → BYMVJ3VA.js} +2 -2
  50. package/dist/cdn/{SUF3BEFB.js → C7AEIVEN.js} +2 -2
  51. package/dist/cdn/CRQFGR7B.js +4 -0
  52. package/dist/cdn/{PGQ556IU.js → D235BG5B.js} +2 -2
  53. package/dist/cdn/{SOCINMJ3.js → D77DSPLC.js} +2 -2
  54. package/dist/cdn/{5O4F6PZJ.js → DC2X7EYH.js} +2 -2
  55. package/dist/cdn/{HWAZHT5V.js → DD7LLHWA.js} +2 -2
  56. package/dist/cdn/{S3LMUVIR.js → DI373V3L.js} +2 -2
  57. package/dist/cdn/{WL4H37YF.js → DRIYSMRA.js} +2 -2
  58. package/dist/cdn/{WHUJJZKU.js → E6WZYQR6.js} +2 -2
  59. package/dist/cdn/{ONWB4LLN.js → EI2RE76N.js} +2 -2
  60. package/dist/cdn/{FAT3Y2BN.js → ETNWW5JZ.js} +1 -1
  61. package/dist/cdn/{TVHBJX3S.js → F6IUDO2N.js} +2 -2
  62. package/dist/cdn/{AHIQKX5F.js → FCK2YVGM.js} +2 -2
  63. package/dist/cdn/{IILDTQRG.js → FK2YURR7.js} +2 -2
  64. package/dist/cdn/{UGKRXWQA.js → FWN7QRQ6.js} +2 -2
  65. package/dist/cdn/{MIOMU44N.js → G4DLNQ7K.js} +2 -2
  66. package/dist/cdn/{HMQK4NHX.js → G6OIPZFQ.js} +2 -2
  67. package/dist/cdn/{AQU252UZ.js → GJ6BOJ55.js} +2 -2
  68. package/dist/cdn/{WYWH3B2F.js → GLKK4ERF.js} +2 -2
  69. package/dist/cdn/{6N2MAGTM.js → GNDZLX6A.js} +2 -2
  70. package/dist/cdn/{432I5L6K.js → GQ276M6N.js} +2 -2
  71. package/dist/cdn/{CHVB7IKL.js → GRLGAWZJ.js} +2 -2
  72. package/dist/cdn/{3RCYATIP.js → GZZKKWOS.js} +1 -1
  73. package/dist/cdn/{HXVXKTPF.js → H4BVJCL2.js} +2 -2
  74. package/dist/cdn/{RSG7A2EY.js → HBRMGV7K.js} +2 -2
  75. package/dist/cdn/{KQHZTEQA.js → HCVN4Q5N.js} +2 -2
  76. package/dist/cdn/{FE7MC2RS.js → HECPNLTC.js} +2 -2
  77. package/dist/cdn/HHHR4LHE.js +4 -0
  78. package/dist/cdn/{UR6UPX4T.js → HLYZU57U.js} +2 -2
  79. package/dist/cdn/{MYTCFLOM.js → HS72OF43.js} +2 -2
  80. package/dist/cdn/{7JL3ZCM4.js → IKQHPTMM.js} +2 -2
  81. package/dist/cdn/{SRXKNFWZ.js → IMYRTSDO.js} +2 -2
  82. package/dist/cdn/{PLDBKZJU.js → INTN5KDJ.js} +2 -2
  83. package/dist/cdn/{MW5EJLCT.js → IVYPGTXR.js} +2 -2
  84. package/dist/cdn/{E5QC5ISI.js → IXD3TR3C.js} +2 -2
  85. package/dist/cdn/{XHNHEAWO.js → J4GW4FQA.js} +1 -1
  86. package/dist/cdn/{SMB2EQKM.js → JCGYNLNJ.js} +2 -2
  87. package/dist/cdn/{ARB4Q3GY.js → JL5GJZBR.js} +2 -2
  88. package/dist/cdn/{MD5WJSZN.js → JPM3XDBS.js} +1 -1
  89. package/dist/cdn/{7BPYHEOW.js → K2GQIVQ6.js} +2 -2
  90. package/dist/cdn/{TQDSVXLJ.js → K7Q2ANSC.js} +2 -2
  91. package/dist/cdn/{KQUCKRP3.js → KEM4MXHR.js} +2 -2
  92. package/dist/cdn/{QOYXWNLB.js → KEWRGL4F.js} +2 -2
  93. package/dist/cdn/{RBBDKUN4.js → KKNAISCF.js} +2 -2
  94. package/dist/cdn/{2FZFM5NL.js → KOCV6HOA.js} +2 -2
  95. package/dist/cdn/{ET5LOAXJ.js → LF3YYZDO.js} +2 -2
  96. package/dist/cdn/{WIKB25QH.js → LICAKY7L.js} +1 -1
  97. package/dist/cdn/{3S24RP6Q.js → LKATYYOC.js} +2 -2
  98. package/dist/cdn/{TB54TF7D.js → LRICWPMS.js} +2 -2
  99. package/dist/cdn/{FMKQR3NY.js → MMDFEAQH.js} +2 -2
  100. package/dist/cdn/{6L2CD66G.js → MNEZ2PN3.js} +2 -2
  101. package/dist/cdn/{HBGTAWK3.js → MQ6F6Y65.js} +1 -1
  102. package/dist/cdn/{B4QK4RBC.js → MSR5INSD.js} +2 -2
  103. package/dist/cdn/{B5UWHKTV.js → MWIH32NM.js} +2 -2
  104. package/dist/cdn/{PIS5J4L6.js → NTSGNHPP.js} +2 -2
  105. package/dist/cdn/{6F7MIVOD.js → NUXG46RX.js} +2 -2
  106. package/dist/cdn/{CWNLGPSB.js → NW3ES5B4.js} +1 -1
  107. package/dist/cdn/{6AV5OUAI.js → O2KUWZ7O.js} +1 -1
  108. package/dist/cdn/{X5M5H7V5.js → OGT27QLK.js} +2 -2
  109. package/dist/cdn/{RC6OSJIM.js → OH5V54HS.js} +2 -2
  110. package/dist/cdn/{5XAHBWEI.js → ONONU6SL.js} +1 -1
  111. package/dist/cdn/{EYU5DTMI.js → OPY7DTRK.js} +1 -1
  112. package/dist/cdn/{62ZCKEBN.js → OYLLYGS7.js} +2 -2
  113. package/dist/cdn/{EVY5PGRH.js → P525JITH.js} +2 -2
  114. package/dist/cdn/{DT3IOU7S.js → PDQUI7VW.js} +2 -2
  115. package/dist/cdn/{YOAHZBK4.js → PDTD3TOA.js} +2 -2
  116. package/dist/cdn/PLTCLO5M.js +4 -0
  117. package/dist/cdn/{PUM2TUJT.js → PPEGXL3J.js} +2 -2
  118. package/dist/cdn/{IOMZGRK4.js → PQYHMM2S.js} +2 -2
  119. package/dist/cdn/{IMNNSECB.js → PXEIDJCC.js} +2 -2
  120. package/dist/cdn/{7DAYYO7G.js → Q3SFMQ52.js} +2 -2
  121. package/dist/cdn/{7A5GUUXX.js → Q5GMRZGW.js} +2 -2
  122. package/dist/cdn/{MI2ILVKK.js → QCFDEKM7.js} +2 -2
  123. package/dist/cdn/{DXQFA7YZ.js → QJ3D4NWB.js} +1 -1
  124. package/dist/cdn/{QKW5HNIF.js → QOEYQJ3H.js} +1 -1
  125. package/dist/cdn/{2U3HRPBE.js → QRC6GKFC.js} +2 -2
  126. package/dist/cdn/{UFXOUOBW.js → QWO4SEL6.js} +2 -2
  127. package/dist/cdn/{KNWKHZDP.js → QZYSDV6Y.js} +1 -1
  128. package/dist/cdn/{RLKDPOH2.js → R2YM4H5W.js} +1 -1
  129. package/dist/cdn/{HTSVYMIU.js → R7BRBOU7.js} +1 -1
  130. package/dist/cdn/{TU3YLD2E.js → RCMESI6O.js} +2 -2
  131. package/dist/cdn/{6FPWFMQD.js → RCREKRA6.js} +2 -2
  132. package/dist/cdn/{WUWREGJO.js → REMNCLV5.js} +1 -1
  133. package/dist/cdn/{NFJBMBKC.js → RR76PS2R.js} +2 -2
  134. package/dist/cdn/{E5D5DLBW.js → RSGI4OXJ.js} +2 -2
  135. package/dist/cdn/{SZYDF2UZ.js → RYA22M5U.js} +1 -1
  136. package/dist/cdn/{VR7J7K4K.js → SEAKLVI3.js} +2 -2
  137. package/dist/cdn/{5N76V6DK.js → SM3ZYGA6.js} +2 -2
  138. package/dist/cdn/{7UWIO6G4.js → ST2VDJTE.js} +2 -2
  139. package/dist/cdn/{5DDVN7VT.js → SY5KU6WQ.js} +2 -2
  140. package/dist/cdn/{4A5BQ3P6.js → T7VIIEO7.js} +2 -2
  141. package/dist/cdn/{YRXGH5DY.js → TNTDALVV.js} +2 -2
  142. package/dist/cdn/{LKLTEHWQ.js → TWFX6N6U.js} +2 -2
  143. package/dist/cdn/{FRO3DRWQ.js → U3MMDQWZ.js} +2 -2
  144. package/dist/cdn/{H7FAIOG4.js → U3XZF46Y.js} +2 -2
  145. package/dist/cdn/{IEHTF4JJ.js → U56QVRC7.js} +2 -2
  146. package/dist/cdn/{K424XZFZ.js → U77J5VMI.js} +2 -2
  147. package/dist/cdn/{YX3LSUMD.js → UGNWHZTB.js} +2 -2
  148. package/dist/cdn/{LJHB3MJX.js → UJI5PZDE.js} +2 -2
  149. package/dist/cdn/{USQILMSK.js → UNVOG4UB.js} +2 -2
  150. package/dist/cdn/{3YNQI3NO.js → UPJPTRRY.js} +2 -2
  151. package/dist/cdn/{52WSL3OS.js → V2JLOD4Q.js} +2 -2
  152. package/dist/cdn/{FW2WJAMV.js → VDLXSRZF.js} +2 -2
  153. package/dist/cdn/{DJVTADL7.js → VE4ELDOI.js} +2 -2
  154. package/dist/cdn/{TGB6THII.js → VFG5QVI4.js} +2 -2
  155. package/dist/cdn/{VMISRU6U.js → VK7J7QZN.js} +2 -2
  156. package/dist/cdn/{E4EYXCOT.js → VT6VJLTC.js} +1 -1
  157. package/dist/cdn/{3LX4UEMG.js → W75LIZ2T.js} +2 -2
  158. package/dist/cdn/{SVGBKLP3.js → WBZKPWNZ.js} +2 -2
  159. package/dist/cdn/{ZMB25IZB.js → WCBSDOQC.js} +2 -2
  160. package/dist/cdn/{2CFMML7J.js → WXU74YSS.js} +2 -2
  161. package/dist/cdn/{UE6N72DC.js → X7XVUJ7O.js} +2 -2
  162. package/dist/cdn/{TJQWEEWG.js → XCTR672U.js} +2 -2
  163. package/dist/cdn/{BOOYLMNS.js → XGGDZ32P.js} +2 -2
  164. package/dist/cdn/{QZKEE2GW.js → XHPBB4XG.js} +2 -2
  165. package/dist/cdn/{OIC2PJSR.js → Y3DMD2ZQ.js} +2 -2
  166. package/dist/cdn/{UTDL752M.js → Y4QOUGJH.js} +2 -2
  167. package/dist/cdn/{VRI45OLI.js → YEMYHD55.js} +1 -1
  168. package/dist/cdn/{ZKY4KTD2.js → Z5GKFYA4.js} +1 -1
  169. package/dist/cdn/{BYDTCRJO.js → ZD3TGC7G.js} +2 -2
  170. package/dist/cdn/{BY6FQDGD.js → ZPFWHVJ3.js} +2 -2
  171. package/dist/cdn/{3T7FBLY4.js → ZPHYW55J.js} +2 -2
  172. package/dist/cdn/{JALLQ642.js → ZW6NLHDZ.js} +2 -2
  173. package/dist/cdn/index.js +2 -2
  174. package/dist/chunks/ExpandToggle.js +1 -1
  175. package/dist/chunks/FloatingArrow.js +1 -1
  176. package/dist/chunks/Heading.js +1 -1
  177. package/dist/chunks/InternalLabel.js +1 -1
  178. package/dist/chunks/Validation.js +1 -1
  179. package/dist/chunks/array.js +1 -1
  180. package/dist/chunks/component.js +1 -1
  181. package/dist/chunks/core.js +1 -1
  182. package/dist/chunks/date.js +1 -1
  183. package/dist/chunks/dom.js +1 -1
  184. package/dist/chunks/dynamicClasses.js +1 -1
  185. package/dist/chunks/filter.js +1 -1
  186. package/dist/chunks/floating-ui.js +1 -1
  187. package/dist/chunks/form.js +1 -1
  188. package/dist/chunks/global.js +1 -1
  189. package/dist/chunks/guid.js +1 -1
  190. package/dist/chunks/header.js +1 -1
  191. package/dist/chunks/input.js +1 -1
  192. package/dist/chunks/interact.min.js +1 -1
  193. package/dist/chunks/key.js +1 -1
  194. package/dist/chunks/label.js +1 -1
  195. package/dist/chunks/locale.js +1 -1
  196. package/dist/chunks/logger.js +1 -1
  197. package/dist/chunks/math.js +1 -1
  198. package/dist/chunks/observers.js +1 -1
  199. package/dist/chunks/openCloseComponent.js +1 -1
  200. package/dist/chunks/resources.js +1 -1
  201. package/dist/chunks/resources2.js +1 -1
  202. package/dist/chunks/resources3.js +1 -1
  203. package/dist/chunks/resources4.js +1 -1
  204. package/dist/chunks/resources5.js +1 -1
  205. package/dist/chunks/resources6.js +1 -1
  206. package/dist/chunks/resources7.js +1 -1
  207. package/dist/chunks/resources8.js +1 -1
  208. package/dist/chunks/responsive.js +1 -1
  209. package/dist/chunks/runtime.js +5 -5
  210. package/dist/chunks/sortable.js +1 -1
  211. package/dist/chunks/sortableComponent.js +1 -1
  212. package/dist/chunks/text.js +1 -1
  213. package/dist/chunks/useCancelable.js +1 -1
  214. package/dist/chunks/useFocusTrap.js +1 -1
  215. package/dist/chunks/useInteractive.js +1 -1
  216. package/dist/chunks/usePreventDocumentScroll.js +1 -1
  217. package/dist/chunks/useSetFocus.js +1 -1
  218. package/dist/chunks/useT9n.js +1 -1
  219. package/dist/chunks/useTime.js +1 -1
  220. package/dist/chunks/utils.js +1 -1
  221. package/dist/chunks/utils2.js +1 -1
  222. package/dist/chunks/utils3.js +1 -1
  223. package/dist/chunks/utils4.js +1 -1
  224. package/dist/components/calcite-accordion/customElement.js +1 -1
  225. package/dist/components/calcite-accordion-item/customElement.js +1 -1
  226. package/dist/components/calcite-action/customElement.js +1 -1
  227. package/dist/components/calcite-action-bar/customElement.js +1 -1
  228. package/dist/components/calcite-action-group/customElement.js +1 -1
  229. package/dist/components/calcite-action-menu/customElement.js +1 -1
  230. package/dist/components/calcite-action-pad/customElement.js +1 -1
  231. package/dist/components/calcite-alert/customElement.js +1 -1
  232. package/dist/components/calcite-autocomplete/customElement.js +1 -1
  233. package/dist/components/calcite-autocomplete-item/customElement.js +1 -1
  234. package/dist/components/calcite-autocomplete-item-group/customElement.js +1 -1
  235. package/dist/components/calcite-avatar/customElement.js +1 -1
  236. package/dist/components/calcite-block/customElement.js +1 -1
  237. package/dist/components/calcite-block-group/customElement.js +1 -1
  238. package/dist/components/calcite-block-section/customElement.js +1 -1
  239. package/dist/components/calcite-button/customElement.js +1 -1
  240. package/dist/components/calcite-card/customElement.js +1 -1
  241. package/dist/components/calcite-card-group/customElement.js +1 -1
  242. package/dist/components/calcite-carousel/customElement.js +1 -1
  243. package/dist/components/calcite-carousel-item/customElement.js +1 -1
  244. package/dist/components/calcite-checkbox/customElement.js +1 -1
  245. package/dist/components/calcite-chip/customElement.js +1 -1
  246. package/dist/components/calcite-chip-group/customElement.js +1 -1
  247. package/dist/components/calcite-color-picker/customElement.js +1 -1
  248. package/dist/components/calcite-color-picker-hex-input/customElement.js +1 -1
  249. package/dist/components/calcite-color-picker-swatch/customElement.js +1 -1
  250. package/dist/components/calcite-combobox/customElement.d.ts +6 -0
  251. package/dist/components/calcite-combobox/customElement.js +38 -28
  252. package/dist/components/calcite-combobox-item/customElement.d.ts +3 -2
  253. package/dist/components/calcite-combobox-item/customElement.js +11 -4
  254. package/dist/components/calcite-combobox-item-group/customElement.js +1 -1
  255. package/dist/components/calcite-date-picker/customElement.js +1 -1
  256. package/dist/components/calcite-date-picker-day/customElement.js +1 -1
  257. package/dist/components/calcite-date-picker-month/customElement.js +1 -1
  258. package/dist/components/calcite-date-picker-month-header/customElement.js +1 -1
  259. package/dist/components/calcite-dialog/customElement.js +1 -1
  260. package/dist/components/calcite-dropdown/customElement.js +1 -1
  261. package/dist/components/calcite-dropdown-group/customElement.js +1 -1
  262. package/dist/components/calcite-dropdown-item/customElement.js +1 -1
  263. package/dist/components/calcite-fab/customElement.js +1 -1
  264. package/dist/components/calcite-filter/customElement.js +1 -1
  265. package/dist/components/calcite-flow/customElement.js +1 -1
  266. package/dist/components/calcite-flow-item/customElement.js +1 -1
  267. package/dist/components/calcite-graph/customElement.js +1 -1
  268. package/dist/components/calcite-handle/customElement.js +1 -1
  269. package/dist/components/calcite-icon/customElement.js +1 -1
  270. package/dist/components/calcite-inline-editable/customElement.js +1 -1
  271. package/dist/components/calcite-input/customElement.js +1 -1
  272. package/dist/components/calcite-input-date-picker/customElement.js +1 -1
  273. package/dist/components/calcite-input-message/customElement.js +1 -1
  274. package/dist/components/calcite-input-number/customElement.js +1 -1
  275. package/dist/components/calcite-input-text/customElement.js +1 -1
  276. package/dist/components/calcite-input-time-picker/customElement.js +1 -1
  277. package/dist/components/calcite-input-time-zone/customElement.js +1 -1
  278. package/dist/components/calcite-label/customElement.js +1 -1
  279. package/dist/components/calcite-link/customElement.js +1 -1
  280. package/dist/components/calcite-list/customElement.js +1 -1
  281. package/dist/components/calcite-list-item/customElement.js +1 -1
  282. package/dist/components/calcite-list-item-group/customElement.js +1 -1
  283. package/dist/components/calcite-loader/customElement.js +1 -1
  284. package/dist/components/calcite-menu/customElement.js +1 -1
  285. package/dist/components/calcite-menu-item/customElement.js +1 -1
  286. package/dist/components/calcite-meter/customElement.js +1 -1
  287. package/dist/components/calcite-navigation/customElement.js +1 -1
  288. package/dist/components/calcite-navigation-logo/customElement.js +1 -1
  289. package/dist/components/calcite-navigation-user/customElement.js +1 -1
  290. package/dist/components/calcite-notice/customElement.js +1 -1
  291. package/dist/components/calcite-option/customElement.js +1 -1
  292. package/dist/components/calcite-option-group/customElement.js +1 -1
  293. package/dist/components/calcite-pagination/customElement.js +1 -1
  294. package/dist/components/calcite-panel/customElement.js +2 -2
  295. package/dist/components/calcite-panel/resources.d.ts +0 -1
  296. package/dist/components/calcite-popover/customElement.js +1 -1
  297. package/dist/components/calcite-progress/customElement.js +1 -1
  298. package/dist/components/calcite-radio-button/customElement.js +1 -1
  299. package/dist/components/calcite-radio-button-group/customElement.js +1 -1
  300. package/dist/components/calcite-rating/customElement.js +1 -1
  301. package/dist/components/calcite-scrim/customElement.js +1 -1
  302. package/dist/components/calcite-segmented-control/customElement.js +1 -1
  303. package/dist/components/calcite-segmented-control-item/customElement.js +1 -1
  304. package/dist/components/calcite-select/customElement.js +1 -1
  305. package/dist/components/calcite-sheet/customElement.js +1 -1
  306. package/dist/components/calcite-shell/customElement.js +1 -1
  307. package/dist/components/calcite-shell-panel/customElement.d.ts +5 -0
  308. package/dist/components/calcite-shell-panel/customElement.js +74 -43
  309. package/dist/components/calcite-slider/customElement.js +1 -1
  310. package/dist/components/calcite-sort-handle/customElement.js +1 -1
  311. package/dist/components/calcite-sortable-list/customElement.js +1 -1
  312. package/dist/components/calcite-split-button/customElement.js +1 -1
  313. package/dist/components/calcite-stack/customElement.js +1 -1
  314. package/dist/components/calcite-stepper/customElement.js +1 -1
  315. package/dist/components/calcite-stepper-item/customElement.js +1 -1
  316. package/dist/components/calcite-swatch/customElement.js +1 -1
  317. package/dist/components/calcite-swatch-group/customElement.js +1 -1
  318. package/dist/components/calcite-switch/customElement.js +1 -1
  319. package/dist/components/calcite-tab/customElement.js +1 -1
  320. package/dist/components/calcite-tab-nav/customElement.js +1 -1
  321. package/dist/components/calcite-tab-title/customElement.js +4 -4
  322. package/dist/components/calcite-tab-title/index.d.ts +1 -0
  323. package/dist/components/calcite-tab-title/index.js +1 -0
  324. package/dist/components/calcite-tab-title/resources.d.ts +1 -0
  325. package/dist/components/calcite-table/customElement.js +1 -1
  326. package/dist/components/calcite-table-cell/customElement.js +1 -1
  327. package/dist/components/calcite-table-header/customElement.js +1 -1
  328. package/dist/components/calcite-table-row/customElement.js +1 -1
  329. package/dist/components/calcite-tabs/customElement.js +1 -1
  330. package/dist/components/calcite-text-area/customElement.js +1 -1
  331. package/dist/components/calcite-tile/customElement.js +1 -1
  332. package/dist/components/calcite-tile-group/customElement.js +1 -1
  333. package/dist/components/calcite-time-picker/customElement.js +1 -1
  334. package/dist/components/calcite-tooltip/customElement.js +1 -1
  335. package/dist/components/calcite-tree/customElement.js +1 -1
  336. package/dist/components/calcite-tree-item/customElement.js +1 -1
  337. package/dist/components/interfaces.d.ts +1 -0
  338. package/dist/controllers/useSizeOverride.d.ts +44 -0
  339. package/dist/docs/api.json +224 -4
  340. package/dist/docs/docs.json +141 -3
  341. package/dist/docs/vscode.html-custom-data.json +71 -2
  342. package/dist/docs/web-types.json +39 -4
  343. package/dist/index.js +1 -1
  344. package/dist/loader.js +3 -3
  345. package/dist/types/lumina.d.ts +1 -1
  346. package/dist/types/preact.d.ts +1 -1
  347. package/dist/types/preact10.d.ts +1 -1
  348. package/dist/types/react.d.ts +1 -1
  349. package/dist/types/stencil.d.ts +1 -1
  350. package/package.json +6 -6
  351. package/dist/cdn/EC6EAHTF.js +0 -4
  352. package/dist/cdn/GA2OVDMV.js +0 -4
  353. package/dist/cdn/M7GQJBGE.js +0 -4
  354. package/dist/cdn/N4XJYQRH.js +0 -4
  355. package/dist/cdn/UQIFZG6A.js +0 -4
  356. package/dist/cdn/YNSRHIEC.js +0 -4
  357. package/dist/chunks/XButton.js +0 -21
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { css, html } from "lit";
6
6
  import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { css, html, nothing, svg } from "lit";
6
6
  import { LitElement, setAttribute, safeClassMap, safeStyleMap } from "@arcgis/lumina";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { css, html } from "lit";
6
6
  import { LitElement } from "@arcgis/lumina";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
5
5
  import { css, html } from "lit";
6
6
  import { keyed } from "lit/directives/keyed.js";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { keyed } from "lit/directives/keyed.js";
6
6
  import { css, html } from "lit";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { css, html } from "lit";
6
6
  import { createRef, ref } from "lit-html/directives/ref.js";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { css, html } from "lit";
6
6
  import { keyed } from "lit/directives/keyed.js";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { css, html } from "lit";
6
6
  import { keyed } from "lit/directives/keyed.js";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { css, html } from "lit";
6
6
  import { createRef, ref } from "lit-html/directives/ref.js";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { html } from "lit";
6
6
  import { LitElement, createEvent } from "@arcgis/lumina";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { html } from "lit";
6
6
  import { LitElement, createEvent } from "@arcgis/lumina";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { keyed } from "lit/directives/keyed.js";
6
6
  import { css, html, nothing } from "lit";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { keyed } from "lit/directives/keyed.js";
6
6
  import { css, html, nothing } from "lit";
@@ -17,7 +17,7 @@ import { u as useSetFocus } from "../../chunks/useSetFocus.js";
17
17
  import { s as styles$1 } from "../../chunks/header.js";
18
18
  import { u as useInteractive } from "../../chunks/useInteractive.js";
19
19
  import { C as CSS, S as SLOTS, I as ICONS, a as IDS } from "../../chunks/resources3.js";
20
- 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-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-spacing-sm);--calcite-internal-panel-header-vertical-padding: 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-spacing-sm)}:host([scale=m]){--calcite-internal-panel-default-space: var(--calcite-spacing-md);--calcite-internal-panel-header-vertical-padding: 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-spacing-md)}:host(:is([scale=s],[scale=m])){--calcite-internal-panel-action-spacing: var(--calcite-spacing-xxs)}:host([scale=l]){--calcite-internal-panel-action-spacing: var(--calcite-spacing-xs);--calcite-internal-panel-default-space: var(--calcite-spacing-lg);--calcite-internal-panel-header-vertical-padding: 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-spacing-lg)}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;padding:var(--calcite-internal-panel-default-space);border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));background-color:var(--calcite-panel-background-color, var(--calcite-color-foreground-1))}.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;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-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-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))}.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,.back-button,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)}.back-button{border-width:0px;border-style:solid;border-inline-end-width:1px;border-color:var(--calcite-panel-border-color, var(--calcite-color-border-3))}.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-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--2);line-height:1.375;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-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-color-text-1))}:host([hidden]){display:none}[hidden]{display:none}`;
20
+ 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-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-spacing-sm);--calcite-internal-panel-header-vertical-padding: 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-spacing-sm)}:host([scale=m]){--calcite-internal-panel-default-space: var(--calcite-spacing-md);--calcite-internal-panel-header-vertical-padding: 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-spacing-md)}:host(:is([scale=s],[scale=m])){--calcite-internal-panel-action-spacing: var(--calcite-spacing-xxs)}:host([scale=l]){--calcite-internal-panel-action-spacing: var(--calcite-spacing-xs);--calcite-internal-panel-default-space: var(--calcite-spacing-lg);--calcite-internal-panel-header-vertical-padding: 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-spacing-lg)}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;padding:var(--calcite-internal-panel-default-space);border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));background-color:var(--calcite-panel-background-color, var(--calcite-color-foreground-1))}.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;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-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-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))}.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-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--2);line-height:1.375;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-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-color-text-1))}:host([hidden]){display:none}[hidden]{display:none}`;
21
21
  class Panel extends LitElement {
22
22
  constructor() {
23
23
  super();
@@ -1,7 +1,6 @@
1
1
  import { IconName } from '../calcite-icon/interfaces';
2
2
  export declare const CSS: {
3
3
  actionBarContainer: string;
4
- backButton: string;
5
4
  container: string;
6
5
  contentBottom: string;
7
6
  contentTop: string;
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { keyed } from "lit/directives/keyed.js";
6
6
  import { css, html } from "lit";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
5
5
  import { css, html } from "lit";
6
6
  import { LitElement, safeClassMap, safeStyleMap } from "@arcgis/lumina";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { css, nothing, html } from "lit";
6
6
  import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { css, html } from "lit";
6
6
  import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { live } from "lit/directives/live.js";
6
6
  import { css, html as html$1 } from "lit";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { css, html } from "lit";
6
6
  import { LitElement, safeClassMap } from "@arcgis/lumina";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { css, isServer, nothing, html } from "lit";
6
6
  import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { css, html } from "lit";
6
6
  import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { css, html } from "lit";
6
6
  import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { C as CSS_UTILITY, a as resizeShiftStep, b as resizeStep, c as customElement } from "../../chunks/runtime.js";
5
5
  import { ref } from "lit/directives/ref.js";
6
6
  import { keyed } from "lit/directives/keyed.js";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { keyed } from "lit/directives/keyed.js";
6
6
  import { css, html } from "lit";
@@ -70,6 +70,11 @@ export declare class ShellPanel extends LitElement {
70
70
  widthScale: Scale;
71
71
  /** Specifies the width of the component. */
72
72
  width: Extract<Width, Scale>;
73
+ /** @param size */
74
+ updateSize(size: {
75
+ inline?: number | null;
76
+ block?: number | null;
77
+ }): Promise<void>;
73
78
  /** Fires when the component's content area is collapsed. */
74
79
  readonly calciteShellPanelCollapse: TargetedEvent<this, void>;
75
80
  /** Fires when the component's content area is expanded. */
@@ -1,16 +1,50 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { C as CSS_UTILITY, a as resizeShiftStep, b as resizeStep, c as customElement } from "../../chunks/runtime.js";
5
5
  import { keyed } from "lit/directives/keyed.js";
6
6
  import { i as interact } from "../../chunks/interact.min.js";
7
7
  import { css, html } from "lit";
8
8
  import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
9
- import { createRef, ref } from "lit/directives/ref.js";
9
+ import { createRef, ref } from "lit-html/directives/ref.js";
10
10
  import { g as getElementDir, k as getStylePixelValue, s as slotChangeGetAssignedElements, a as slotChangeHasAssignedElement } from "../../chunks/dom.js";
11
- import { c as clamp } from "../../chunks/math.js";
12
11
  import { g as getDimensionClass } from "../../chunks/dynamicClasses.js";
13
12
  import { u as useT9n } from "../../chunks/useT9n.js";
13
+ import { makeController } from "@arcgis/lumina/controllers";
14
+ const useSizeOverride = (context) => makeController(() => {
15
+ const applyAxis = (requestedSize, axis, el) => {
16
+ if (requestedSize === void 0) {
17
+ return void 0;
18
+ }
19
+ const prop = axis === "block" ? "block-size" : "inline-size";
20
+ if (requestedSize === null) {
21
+ el.style.removeProperty(prop);
22
+ return null;
23
+ }
24
+ let clampedSize = requestedSize;
25
+ const bounds = context.getBounds?.() ?? { inline: { min: null, max: null }, block: { min: null, max: null } };
26
+ const { min, max } = axis === "inline" ? bounds.inline : bounds.block;
27
+ if (min !== null) {
28
+ clampedSize = Math.round(Math.max(clampedSize, min));
29
+ }
30
+ if (max !== null) {
31
+ clampedSize = Math.round(Math.min(clampedSize, max));
32
+ }
33
+ el.style.setProperty(prop, `${Math.round(clampedSize)}px`);
34
+ return clampedSize;
35
+ };
36
+ return {
37
+ resize(sizes) {
38
+ const targetElement = context.targetElement.value;
39
+ const inline = applyAxis(sizes.inline, "inline", targetElement);
40
+ const block = applyAxis(sizes.block, "block", targetElement);
41
+ return {
42
+ inline,
43
+ block
44
+ };
45
+ }
46
+ };
47
+ });
14
48
  const styles$1 = css`.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@keyframes in{0%{opacity:0}to{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0,-5px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0,5px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(.95,.95,1)}to{opacity:1;transform:scaleZ(1)}}`;
15
49
  const CSS = {
16
50
  container: "container",
@@ -33,13 +67,20 @@ const ICONS = {
33
67
  dragVertical: "drag-resize-vertical",
34
68
  dragHorizontal: "drag-resize-horizontal"
35
69
  };
36
- const styles = css`:host{pointer-events:none;position:relative;display:flex;flex:0 1 auto;align-items:stretch;z-index:var(--calcite-shell-panel-z-index, var(--calcite-z-index));--calcite-shell-panel-max-height: unset;--calcite-internal-shell-panel-shadow-block-start: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-block-end: 0 -4px 8px -1px rgba(0, 0, 0, .08), 0 -2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-start: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04)}.calcite--rtl.content--overlay{--calcite-internal-shell-panel-shadow-inline-start: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04)}:host([layout=vertical]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index) + 1))}:host([layout=vertical][display-mode=overlay]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index-header) + 1))}:host([layout=vertical][display-mode=float-all]) .content{flex:2}:host([layout=vertical]:not([display-mode=float-all])) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 300px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][display-mode=float-all]) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical]:not([display-mode=float-all])) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 420px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][display-mode=float-all]) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical]:not([display-mode=float-all])) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 680px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=vertical][display-mode=float-all]) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([display-mode=float-all][layout]) .content,:host([display-mode=float-all][layout]) .float-all{block-size:var(--calcite-shell-panel-height, var(--calcite-internal-shell-panel-max-height))}:host([layout=horizontal]) .content{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 30vh)}:host([layout=horizontal]) .height-s{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 20vh)}:host([layout=horizontal]) .height-l{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 40vh)}.container{pointer-events:none;box-sizing:border-box;display:flex;block-size:100%;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-shell-panel-text-color, var(--calcite-color-text-2))}.container *{box-sizing:border-box}.container.float-all{margin-block:var(--calcite-spacing-sm);margin-inline:var(--calcite-spacing-sm)}.float-all{min-block-size:var(--calcite-internal-shell-panel-min-height);max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) );box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm));border-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));overflow:hidden}:host([layout=vertical][position=start]) .float-all{border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-shell-panel-border-color, var(--calcite-color-border-3))}:host([layout=vertical][position=end]) .float-all{border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-shell-panel-border-color, var(--calcite-color-border-3)))}:host([layout=horizontal]) .float-all{border-inline:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-shell-panel-border-color, var(--calcite-color-border-3)))}:host([layout=horizontal]) .container{block-size:auto;inline-size:100%;flex-direction:column}.resize-handle{position:absolute;box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;outline:2px solid transparent;outline-offset:2px;--calcite-internal-shell-panel-resize-handle-offset: calc( (var(--calcite-size-fixed-xxl) - var(--calcite-size-fixed-sm-plus)) / 2 * -1 );z-index:var(--calcite-z-index-header)}.resize-handle:active .resize-handle-bar,.resize-handle:hover .resize-handle-bar{color:var(--calcite-shell-panel-resize-icon-color, var(--calcite-color-text-1));background-color:var(--calcite-shell-panel-resize-background-color, var(--calcite-color-foreground-3))}.resize-handle-bar{pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--calcite-shell-panel-resize-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-shell-panel-resize-background-color, var(--calcite-color-background))}.resize-handle:focus .resize-handle-bar{outline-color:transparent;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}:host([position=start][layout=vertical]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-end:var(--calcite-internal-shell-panel-resize-handle-offset);block-size:100%}:host([position=start][layout=vertical]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([position=start][layout=vertical]):host([display-mode^=float]) .resize-handle-bar{border-start-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=end][layout=vertical]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-start:var(--calcite-internal-shell-panel-resize-handle-offset);block-size:100%}:host([position=end][layout=vertical]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([position=end][layout=vertical]):host([display-mode^=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=start][layout=horizontal]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-end:var(--calcite-internal-shell-panel-resize-handle-offset)}:host([position=start][layout=horizontal]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-start:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([position=start][layout=horizontal]):host([display-mode^=float]) .resize-handle-bar{border-end-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=end][layout=horizontal]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-start:var(--calcite-internal-shell-panel-resize-handle-offset)}:host([position=end][layout=horizontal]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-end:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([position=end][layout=horizontal]):host([display-mode^=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-start-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}.action-bar-container{pointer-events:auto;box-sizing:border-box;display:flex;flex:1 1 auto}.content-container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;align-items:stretch;align-self:stretch}:host([layout=horizontal]) .action-bar-container,:host([layout=horizontal]) .content-container{flex-direction:column}.content{pointer-events:auto;position:relative;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;padding:0;background-color:var(--calcite-shell-panel-background-color, var(--calcite-color-background));transition:max-block-size var(--calcite-animation-timing),max-inline-size var(--calcite-animation-timing)}:host([layout=vertical]:not([display-mode=float-all])) .content{inline-size:var(--calcite-internal-shell-panel-width);max-inline-size:var(--calcite-internal-shell-panel-max-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=vertical][display-mode=float-all]) .content{inline-size:var(--calcite-internal-shell-panel-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=horizontal]) .content{block-size:var(--calcite-internal-shell-panel-height);max-block-size:var(--calcite-internal-shell-panel-max-height);min-block-size:var(--calcite-internal-shell-panel-min-height)}:host([resizable][layout=vertical][position=start]) .content{padding-inline-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=vertical][position=end]) .content{padding-inline-start:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=horizontal][position=start]) .content{padding-block-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=horizontal][position=end]) .content{padding-block-start:var(--calcite-size-fixed-sm-plus)}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.content--overlay{position:absolute;--tw-shadow: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--tw-shadow-colored: 0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--calcite-shell-panel-shadow, var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow))}:host([layout=vertical]) .content--overlay{inset-block-start:0px;block-size:100%}:host([layout=horizontal]) .content--overlay{inset-inline-start:0px;inline-size:100%}:host([layout=vertical][position=start]) .content--overlay{inset-inline-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-start)}:host([layout=vertical][position=end]) .content--overlay{inset-inline-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-end)}:host([layout=horizontal][position=start]) .content--overlay{inset-block-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-start)}:host([layout=horizontal][position=end]) .content--overlay{inset-block-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-end)}.float--content{margin-block-end:auto;block-size:auto;overflow:hidden;--tw-shadow: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--tw-shadow-colored: 0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--calcite-shell-panel-shadow, var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow));border-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));margin-inline:var(--calcite-spacing-sm);margin-block-start:var(--calcite-spacing-sm);max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) )}.float--content ::slotted(calcite-panel),.float--content ::slotted(calcite-flow){max-block-size:unset}:host([layout=horizontal]) .float--content{margin-block:var(--calcite-spacing-sm)}:host([position=start]) .float--content ::slotted(calcite-panel),:host([position=start]) .float--content ::slotted(calcite-flow),:host([position=end]) .float--content ::slotted(calcite-panel),:host([position=end]) .float--content ::slotted(calcite-flow){border-style:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([position=start]:not([slot=panel-end])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-flow),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-panel),:host([position=end][slot=panel-start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]) .content ::slotted(calcite-flow),:host([position=end][slot=panel-start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([resizable][layout=vertical]) .content ::slotted(calcite-flow),:host([resizable][layout=vertical]) .content ::slotted(calcite-panel){border-inline-start:none;border-inline-end:none}:host([resizable][layout=horizontal]) .content ::slotted(calcite-flow),:host([resizable][layout=horizontal]) .content ::slotted(calcite-panel){border-block-start:none;border-block-end:none}:host([position=end]:not([slot=panel-start])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]) .content ::slotted(calcite-panel){border-inline-end:none}:host([layout=horizontal]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline:0}:host([layout=horizontal][position=start]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=start]) .content ::slotted(calcite-panel){border-inline:0;border-block-start:0}:host([layout=horizontal][position=end]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=end]) .content ::slotted(calcite-panel){border-inline:0;border-block-end:0}:host([hidden]){display:none}[hidden]{display:none}`;
70
+ const styles = css`:host{pointer-events:none;position:relative;display:flex;flex:0 1 auto;align-items:stretch;z-index:var(--calcite-shell-panel-z-index, var(--calcite-z-index));--calcite-shell-panel-max-height: unset;--calcite-internal-shell-panel-shadow-block-start: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-block-end: 0 -4px 8px -1px rgba(0, 0, 0, .08), 0 -2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-start: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04)}.calcite--rtl.content--overlay{--calcite-internal-shell-panel-shadow-inline-start: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04)}:host([layout=vertical]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index) + 1))}:host([layout=vertical][display-mode=overlay]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index-header) + 1))}:host([layout=vertical][display-mode=float-all]) .content{flex:2}:host([layout=vertical]:not([display-mode=float-all])) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 300px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][display-mode=float-all]) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical]:not([display-mode=float-all])) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 420px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][display-mode=float-all]) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical]:not([display-mode=float-all])) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 680px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=vertical][display-mode=float-all]) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=horizontal]) .content{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 30vh)}:host([layout=horizontal]) .height-s{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 20vh)}:host([layout=horizontal]) .height-l{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 40vh)}.container{pointer-events:none;box-sizing:border-box;display:flex;block-size:100%;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-shell-panel-text-color, var(--calcite-color-text-2))}.container *{box-sizing:border-box}.container.float-all{margin-block:var(--calcite-spacing-sm);margin-inline:var(--calcite-spacing-sm)}.float-all{min-block-size:var(--calcite-internal-shell-panel-min-height);max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) );box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm));border-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));overflow:hidden}:host([layout=vertical][position=start]) .float-all{border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-shell-panel-border-color, var(--calcite-color-border-3))}:host([layout=vertical][position=end]) .float-all{border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-shell-panel-border-color, var(--calcite-color-border-3)))}:host([layout=horizontal]) .float-all{border-inline:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-shell-panel-border-color, var(--calcite-color-border-3)))}:host([layout=horizontal]) .container{block-size:auto;inline-size:100%;flex-direction:column}.resize-handle{position:absolute;box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;outline:2px solid transparent;outline-offset:2px;--calcite-internal-shell-panel-resize-handle-offset: calc( (var(--calcite-size-fixed-xxl) - var(--calcite-size-fixed-sm-plus)) / 2 * -1 );z-index:var(--calcite-z-index-header)}.resize-handle:active .resize-handle-bar,.resize-handle:hover .resize-handle-bar{color:var(--calcite-shell-panel-resize-icon-color, var(--calcite-color-text-1));background-color:var(--calcite-shell-panel-resize-background-color, var(--calcite-color-foreground-3))}.resize-handle-bar{pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--calcite-shell-panel-resize-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-shell-panel-resize-background-color, var(--calcite-color-background))}.resize-handle:focus .resize-handle-bar{outline-color:transparent;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}:host([position=start][layout=vertical]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-end:var(--calcite-internal-shell-panel-resize-handle-offset);block-size:100%}:host([position=start][layout=vertical]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([position=start][layout=vertical]):host([display-mode^=float]) .resize-handle-bar{border-start-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=end][layout=vertical]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-start:var(--calcite-internal-shell-panel-resize-handle-offset);block-size:100%}:host([position=end][layout=vertical]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([position=end][layout=vertical]):host([display-mode^=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=start][layout=horizontal]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-end:var(--calcite-internal-shell-panel-resize-handle-offset)}:host([position=start][layout=horizontal]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-start:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([position=start][layout=horizontal]):host([display-mode^=float]) .resize-handle-bar{border-end-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=end][layout=horizontal]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-start:var(--calcite-internal-shell-panel-resize-handle-offset)}:host([position=end][layout=horizontal]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-end:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([position=end][layout=horizontal]):host([display-mode^=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-start-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}.action-bar-container{pointer-events:auto;box-sizing:border-box;display:flex;flex:1 1 auto}.content-container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;align-items:stretch;align-self:stretch}:host([layout=horizontal]) .action-bar-container,:host([layout=horizontal]) .content-container{flex-direction:column}.content{pointer-events:auto;position:relative;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;padding:0;background-color:var(--calcite-shell-panel-background-color, var(--calcite-color-background));transition:max-block-size var(--calcite-animation-timing),max-inline-size var(--calcite-animation-timing)}:host([layout=vertical]:not([display-mode=float-all])) .content{inline-size:var(--calcite-internal-shell-panel-width);max-inline-size:var(--calcite-internal-shell-panel-max-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=vertical][display-mode=float-all]) .content{inline-size:var(--calcite-internal-shell-panel-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=horizontal]) .content{block-size:var(--calcite-internal-shell-panel-height);max-block-size:var(--calcite-internal-shell-panel-max-height);min-block-size:var(--calcite-internal-shell-panel-min-height)}:host([resizable][layout=vertical][position=start]) .content{padding-inline-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=vertical][position=end]) .content{padding-inline-start:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=horizontal][position=start]) .content{padding-block-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=horizontal][position=end]) .content{padding-block-start:var(--calcite-size-fixed-sm-plus)}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.content--overlay{position:absolute;--tw-shadow: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--tw-shadow-colored: 0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--calcite-shell-panel-shadow, var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow))}:host([layout=vertical]) .content--overlay{inset-block-start:0px;block-size:100%}:host([layout=horizontal]) .content--overlay{inset-inline-start:0px;inline-size:100%}:host([layout=vertical][position=start]) .content--overlay{inset-inline-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-start)}:host([layout=vertical][position=end]) .content--overlay{inset-inline-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-end)}:host([layout=horizontal][position=start]) .content--overlay{inset-block-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-start)}:host([layout=horizontal][position=end]) .content--overlay{inset-block-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-end)}.float--content{margin-block-end:auto;block-size:auto;overflow:hidden;--tw-shadow: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--tw-shadow-colored: 0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--calcite-shell-panel-shadow, var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow));border-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));margin-inline:var(--calcite-spacing-sm);margin-block-start:var(--calcite-spacing-sm);max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) )}.float--content ::slotted(calcite-panel),.float--content ::slotted(calcite-flow){max-block-size:unset}:host([layout=horizontal]) .float--content{margin-block:var(--calcite-spacing-sm)}:host([position=start]) .float--content ::slotted(calcite-panel),:host([position=start]) .float--content ::slotted(calcite-flow),:host([position=end]) .float--content ::slotted(calcite-panel),:host([position=end]) .float--content ::slotted(calcite-flow){border-style:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([position=start]:not([slot=panel-end])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-flow),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-panel),:host([position=end][slot=panel-start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]) .content ::slotted(calcite-flow),:host([position=end][slot=panel-start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([resizable][layout=vertical]) .content ::slotted(calcite-flow),:host([resizable][layout=vertical]) .content ::slotted(calcite-panel){border-inline-start:none;border-inline-end:none}:host([resizable][layout=horizontal]) .content ::slotted(calcite-flow),:host([resizable][layout=horizontal]) .content ::slotted(calcite-panel){border-block-start:none;border-block-end:none}:host([position=end]:not([slot=panel-start])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]) .content ::slotted(calcite-panel){border-inline-end:none}:host([layout=horizontal]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline:0}:host([layout=horizontal][position=start]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=start]) .content ::slotted(calcite-panel){border-inline:0;border-block-start:0}:host([layout=horizontal][position=end]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=end]) .content ::slotted(calcite-panel){border-inline:0;border-block-end:0}:host([hidden]){display:none}[hidden]{display:none}`;
37
71
  class ShellPanel extends LitElement {
38
72
  constructor() {
39
73
  super(...arguments);
40
74
  this.actionBars = [];
41
75
  this.contentRef = createRef();
42
76
  this.messages = useT9n();
77
+ this.sizeOverride = useSizeOverride({
78
+ targetElement: this.contentRef,
79
+ getBounds: () => ({
80
+ inline: { min: this.resizeValues.minInlineSize, max: this.resizeValues.maxInlineSize },
81
+ block: { min: this.resizeValues.minBlockSize, max: this.resizeValues.maxBlockSize }
82
+ })
83
+ });
43
84
  this.resizeValues = {
44
85
  inlineSize: null,
45
86
  blockSize: null,
@@ -66,6 +107,9 @@ class ShellPanel extends LitElement {
66
107
  static {
67
108
  this.styles = [styles, styles$1];
68
109
  }
110
+ async updateSize(size) {
111
+ this.updateSizeInternal(size);
112
+ }
69
113
  willUpdate(changes) {
70
114
  if (changes.has("layout") && (this.hasUpdated || this.layout !== "vertical")) {
71
115
  this.setActionBarsLayout(this.actionBars);
@@ -85,6 +129,21 @@ class ShellPanel extends LitElement {
85
129
  getContentElDOMRect() {
86
130
  return this.contentRef.value.getBoundingClientRect();
87
131
  }
132
+ updateSizeInternal(size) {
133
+ if (!this.contentRef.value) {
134
+ return;
135
+ }
136
+ const appliedSize = this.sizeOverride.resize(size);
137
+ this.resizeValues = {
138
+ ...this.resizeValues,
139
+ ...appliedSize.inline !== void 0 && {
140
+ inlineSize: appliedSize.inline
141
+ },
142
+ ...appliedSize.block !== void 0 && {
143
+ blockSize: appliedSize.block
144
+ }
145
+ };
146
+ }
88
147
  handleKeyDown(event) {
89
148
  const { key, defaultPrevented, shiftKey } = event;
90
149
  const { position, layout, resizable, contentRef, el, resizeValues: { maxBlockSize, maxInlineSize, minBlockSize, minInlineSize } } = this;
@@ -98,64 +157,39 @@ class ShellPanel extends LitElement {
98
157
  const stepValue = shiftKey ? resizeShiftStep : resizeStep;
99
158
  switch (key) {
100
159
  case "ArrowUp":
101
- this.updateSize({
102
- size: rect.height + (layout === "horizontal" && position === "end" ? stepValue : -stepValue),
103
- type: "blockSize"
160
+ this.updateSizeInternal({
161
+ block: rect.height + (layout === "horizontal" && position === "end" ? stepValue : -stepValue)
104
162
  });
105
163
  event.preventDefault();
106
164
  break;
107
165
  case "ArrowDown":
108
- this.updateSize({
109
- size: rect.height + (layout === "horizontal" && position === "end" ? -stepValue : stepValue),
110
- type: "blockSize"
166
+ this.updateSizeInternal({
167
+ block: rect.height + (layout === "horizontal" && position === "end" ? -stepValue : stepValue)
111
168
  });
112
169
  event.preventDefault();
113
170
  break;
114
171
  case "ArrowLeft":
115
- this.updateSize({
116
- size: rect.width + (layout === "vertical" && position === "end" ? stepValue : -stepValue) * invertRTL,
117
- type: "inlineSize"
172
+ this.updateSizeInternal({
173
+ inline: rect.width + (layout === "vertical" && position === "end" ? stepValue : -stepValue) * invertRTL
118
174
  });
119
175
  event.preventDefault();
120
176
  break;
121
177
  case "ArrowRight":
122
- this.updateSize({
123
- size: rect.width + (layout === "vertical" && position === "end" ? -stepValue : stepValue) * invertRTL,
124
- type: "inlineSize"
178
+ this.updateSizeInternal({
179
+ inline: rect.width + (layout === "vertical" && position === "end" ? -stepValue : stepValue) * invertRTL
125
180
  });
126
181
  event.preventDefault();
127
182
  break;
128
183
  case "Home":
129
- this.updateSize({
130
- size: layout === "horizontal" ? minBlockSize : minInlineSize,
131
- type: layout === "horizontal" ? "blockSize" : "inlineSize"
132
- });
184
+ this.updateSizeInternal(layout === "horizontal" ? { block: minBlockSize } : { inline: minInlineSize });
133
185
  event.preventDefault();
134
186
  break;
135
187
  case "End":
136
- this.updateSize({
137
- size: layout === "horizontal" ? maxBlockSize : maxInlineSize,
138
- type: layout === "horizontal" ? "blockSize" : "inlineSize"
139
- });
188
+ this.updateSizeInternal(layout === "horizontal" ? { block: maxBlockSize } : { inline: maxInlineSize });
140
189
  event.preventDefault();
141
190
  break;
142
191
  }
143
192
  }
144
- updateSize({ type, size }) {
145
- const { contentRef, resizeValues } = this;
146
- if (!contentRef.value) {
147
- return;
148
- }
149
- const resizeMin = type === "blockSize" ? "minBlockSize" : "minInlineSize";
150
- const resizeMax = type === "blockSize" ? "maxBlockSize" : "maxInlineSize";
151
- const clamped = resizeValues[resizeMin] && resizeValues[resizeMax] ? clamp(size, resizeValues[resizeMin], resizeValues[resizeMax]) : size;
152
- const rounded = Math.round(clamped);
153
- this.resizeValues = {
154
- ...resizeValues,
155
- [type]: rounded
156
- };
157
- contentRef.value.style[type] = size !== null ? `${rounded}px` : null;
158
- }
159
193
  cleanupInteractions() {
160
194
  this.interaction?.unset();
161
195
  }
@@ -205,10 +239,7 @@ class ShellPanel extends LitElement {
205
239
  },
206
240
  move: ({ rect }) => {
207
241
  const isBlock = layout === "horizontal";
208
- this.updateSize({
209
- size: isBlock ? rect.height : rect.width,
210
- type: isBlock ? "blockSize" : "inlineSize"
211
- });
242
+ this.updateSize(isBlock ? { block: rect.height } : { inline: rect.width });
212
243
  }
213
244
  }
214
245
  });
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { keyed } from "lit/directives/keyed.js";
6
6
  import { css, html, nothing } from "lit";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { ref } from "lit/directives/ref.js";
6
6
  import { keyed } from "lit/directives/keyed.js";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { css, html } from "lit";
6
6
  import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { css, html } from "lit";
6
6
  import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { css, html } from "lit";
6
6
  import { keyed } from "lit/directives/keyed.js";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { css, html as html$1, nothing } from "lit";
6
6
  import { safeClassMap, LitElement, createEvent } from "@arcgis/lumina";
@@ -1,6 +1,6 @@
1
1
  /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2
2
  See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3
- v5.0.0-next.26 */
3
+ v5.0.0-next.27 */
4
4
  import { c as customElement } from "../../chunks/runtime.js";
5
5
  import { css, nothing, html } from "lit";
6
6
  import { createRef, ref } from "lit-html/directives/ref.js";