@esri/calcite-components 5.2.0-next.47 → 5.2.0-next.48

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 (149) hide show
  1. package/dist/cdn/{JHXFOQ55.js → 2DDL5ZJU.js} +1 -1
  2. package/dist/cdn/{XUKIT3XX.js → 2DV4RLQJ.js} +1 -1
  3. package/dist/cdn/{HEMIFVMO.js → 2P7FOK6C.js} +1 -1
  4. package/dist/cdn/{JTRSS22D.js → 3BQ3HAXI.js} +1 -1
  5. package/dist/cdn/{4I6YLQ5T.js → 3BQ4YMT4.js} +1 -1
  6. package/dist/cdn/{LWUFE56Q.js → 3F3WUEAG.js} +1 -1
  7. package/dist/cdn/{RCPHDYCA.js → 3KOO2DDK.js} +1 -1
  8. package/dist/cdn/{NFBYAZ4D.js → 44OKUTSA.js} +1 -1
  9. package/dist/cdn/{PSIIHRNQ.js → 47MVW4LV.js} +1 -1
  10. package/dist/cdn/{DORK25O3.js → 4DFAWLAW.js} +1 -1
  11. package/dist/cdn/{5HQG5LCY.js → 4LBCNU6M.js} +1 -1
  12. package/dist/cdn/{XAZ3DIPN.js → 4N7S7EU5.js} +1 -1
  13. package/dist/cdn/{22QGYTSK.js → 5BZU7EOG.js} +1 -1
  14. package/dist/cdn/{PCQKZ6LD.js → 5G2ZWZWD.js} +1 -1
  15. package/dist/cdn/{EESAB24R.js → 5P7AWUXT.js} +1 -1
  16. package/dist/cdn/{MG2INSQO.js → 5UGWKIGL.js} +1 -1
  17. package/dist/cdn/{Z24KWPV2.js → 6FOFBPU6.js} +1 -1
  18. package/dist/cdn/{VHFUDJNR.js → 6J5S2QTS.js} +1 -1
  19. package/dist/cdn/{XQSLIZ4M.js → 6PW2F624.js} +1 -1
  20. package/dist/cdn/{EKXRU3BE.js → 6SSCE6VG.js} +1 -1
  21. package/dist/cdn/{FDBPY66R.js → 6TYZNJAZ.js} +1 -1
  22. package/dist/cdn/{VBJCPFA7.js → 7HQG6ZNG.js} +1 -1
  23. package/dist/cdn/{SRR2IFDL.js → 7L6UB76A.js} +1 -1
  24. package/dist/cdn/{HIXG2AI5.js → 7MLO7KFY.js} +1 -1
  25. package/dist/cdn/{VBXVPJNE.js → 7NJOPO4V.js} +1 -1
  26. package/dist/cdn/{S34MQ6VQ.js → 7QGXXOW6.js} +1 -1
  27. package/dist/cdn/{3CMVFIS2.js → A2ZMTC5A.js} +1 -1
  28. package/dist/cdn/{FJGCAABI.js → AEY5D423.js} +1 -1
  29. package/dist/cdn/{JFXGXP6U.js → AJVDOKOS.js} +1 -1
  30. package/dist/cdn/{7WACAT5I.js → AK4OV5ZX.js} +1 -1
  31. package/dist/cdn/{OL24EK32.js → AR53XDTT.js} +1 -1
  32. package/dist/cdn/{2PHC3HLJ.js → B7T4NSPW.js} +1 -1
  33. package/dist/cdn/{KO5WAXWL.js → BLTUUHVY.js} +1 -1
  34. package/dist/cdn/{H7K4CKP4.js → C4RL4P2Y.js} +1 -1
  35. package/dist/cdn/{D7LWZIHJ.js → DI4UWEHF.js} +1 -1
  36. package/dist/cdn/{OJBEKVQ2.js → DVM4QCQZ.js} +1 -1
  37. package/dist/cdn/{75F5AR24.js → EDCAVNTA.js} +1 -1
  38. package/dist/cdn/{PL3ZKTMC.js → FC6CPYDV.js} +1 -1
  39. package/dist/cdn/{UOHGOCIQ.js → FGF5VH2I.js} +1 -1
  40. package/dist/cdn/{DBNFE2QP.js → FJ4XLOED.js} +1 -1
  41. package/dist/cdn/{NGGWMC3U.js → FZEKRBOP.js} +1 -1
  42. package/dist/cdn/{YAWTM2FH.js → GFHMUTGI.js} +1 -1
  43. package/dist/cdn/{3MQJJIFK.js → GG3D7A3G.js} +1 -1
  44. package/dist/cdn/{DIJXW6GE.js → GHEMJED4.js} +1 -1
  45. package/dist/cdn/{T6YM6IUN.js → GSR6IG6C.js} +1 -1
  46. package/dist/cdn/{ABMXKKXK.js → HCW2DLKX.js} +1 -1
  47. package/dist/cdn/{XMIBXHIE.js → HF36MM7H.js} +1 -1
  48. package/dist/cdn/{YKK5IHXU.js → HF6KCX2S.js} +1 -1
  49. package/dist/cdn/{AOVAWY55.js → HLW5WNZ3.js} +1 -1
  50. package/dist/cdn/{DPRZJXSZ.js → HOA52VPD.js} +1 -1
  51. package/dist/cdn/{VZSAELFC.js → HXGBOWML.js} +1 -1
  52. package/dist/cdn/{KTIBYZLT.js → I5SIYICS.js} +1 -1
  53. package/dist/cdn/{6PAPRX77.js → ICWFQRX7.js} +1 -1
  54. package/dist/cdn/{WDV5WB6R.js → IQMJVANU.js} +1 -1
  55. package/dist/cdn/{ACYOXBFI.js → ITCXMBHT.js} +1 -1
  56. package/dist/cdn/{7TADGA4A.js → JGQ5AYYB.js} +1 -1
  57. package/dist/cdn/{NSF2LRG3.js → JHWTJY5X.js} +1 -1
  58. package/dist/cdn/{BNGK5GN6.js → JWLOAQPA.js} +1 -1
  59. package/dist/cdn/{AJUGPB4Y.js → KC3XI2FK.js} +1 -1
  60. package/dist/cdn/{3KU4W2T2.js → KDPTMS5S.js} +1 -1
  61. package/dist/cdn/{R55MDXLV.js → KGRJJLLC.js} +1 -1
  62. package/dist/cdn/{MQWBJ5XR.js → KIHFIRBW.js} +1 -1
  63. package/dist/cdn/{QMBJ6VIU.js → KMVCCQJ4.js} +1 -1
  64. package/dist/cdn/{WVRCYZIT.js → KRDOZILE.js} +1 -1
  65. package/dist/cdn/{GXT6RGBZ.js → LFLWJJZA.js} +1 -1
  66. package/dist/cdn/{TODNDEPM.js → LIR56SYG.js} +1 -1
  67. package/dist/cdn/{LNTR2OTN.js → LQ5YQ3M6.js} +1 -1
  68. package/dist/cdn/{YRZLI3A6.js → M7AE6Z3D.js} +1 -1
  69. package/dist/cdn/{QAYYUZNF.js → MDPBLZUD.js} +1 -1
  70. package/dist/cdn/{X3X4DZL6.js → MUBHW6J6.js} +1 -1
  71. package/dist/cdn/{NXIPZE3X.js → MWUIRFOB.js} +1 -1
  72. package/dist/cdn/{TOUDSV6H.js → MXNHKAW7.js} +1 -1
  73. package/dist/cdn/{B6L4XCKN.js → N33ZK33V.js} +1 -1
  74. package/dist/cdn/{DPP3XXXY.js → N5YINROO.js} +1 -1
  75. package/dist/cdn/{TQTRZ73K.js → NGT4EOOR.js} +1 -1
  76. package/dist/cdn/{SRJ3TSU7.js → NOKKLIRH.js} +1 -1
  77. package/dist/cdn/{72UHMOP3.js → NPKWQ5Z7.js} +1 -1
  78. package/dist/cdn/{Q7D4OC2U.js → NPUXGYKK.js} +1 -1
  79. package/dist/cdn/{OYDU5X6R.js → O45XHTTO.js} +1 -1
  80. package/dist/cdn/{EOPW2MZD.js → OC7DXYC4.js} +1 -1
  81. package/dist/cdn/{ZLUC5VO4.js → OEVQ4BJL.js} +1 -1
  82. package/dist/cdn/{UPMBUO77.js → PLEBDG2W.js} +1 -1
  83. package/dist/cdn/{AUP6ZCCO.js → PS7KIIQT.js} +1 -1
  84. package/dist/cdn/{OERUFKHY.js → PVDIUICY.js} +1 -1
  85. package/dist/cdn/{ON5UVBBW.js → Q4AGP7G7.js} +1 -1
  86. package/dist/cdn/{I5ABAQVQ.js → Q5PNSK7V.js} +1 -1
  87. package/dist/cdn/{KQHFOQTQ.js → Q6FRNER7.js} +1 -1
  88. package/dist/cdn/{POSFWR2R.js → Q6PBNCVQ.js} +1 -1
  89. package/dist/cdn/{B533HUZM.js → QFA63OKQ.js} +1 -1
  90. package/dist/cdn/{SGAGH6SD.js → QN2MEVMG.js} +1 -1
  91. package/dist/cdn/{VGB5L46P.js → QXN2S4SY.js} +1 -1
  92. package/dist/cdn/{KKKKQLWF.js → RCVRSV36.js} +1 -1
  93. package/dist/cdn/{CW3RGY32.js → RI7I3SWQ.js} +1 -1
  94. package/dist/cdn/{256YTYV2.js → RK4ZGFSR.js} +1 -1
  95. package/dist/cdn/{G7IICTHG.js → RPDQJVDQ.js} +1 -1
  96. package/dist/cdn/{THYIEUYX.js → RQR7GQWW.js} +1 -1
  97. package/dist/cdn/{XE7VTTHG.js → RSKCDA4Y.js} +1 -1
  98. package/dist/cdn/{7T2N2EGO.js → S57EC43R.js} +1 -1
  99. package/dist/cdn/{XO2MQTXC.js → S725NF4U.js} +1 -1
  100. package/dist/cdn/{YJ24H5R5.js → SC3LIZQM.js} +1 -1
  101. package/dist/cdn/{FLZPZGJZ.js → SF65Z6OH.js} +1 -1
  102. package/dist/cdn/{IO4SS6NR.js → SHTAGRNT.js} +1 -1
  103. package/dist/cdn/{ON3UPNNB.js → T7Z5PBKB.js} +1 -1
  104. package/dist/cdn/{3PMQSMCN.js → TH3X452N.js} +1 -1
  105. package/dist/cdn/{XSFP2DH6.js → TMYO7Y3U.js} +1 -1
  106. package/dist/cdn/{WGJ2RUQU.js → TVEVCDVP.js} +1 -1
  107. package/dist/cdn/{7JB37CFF.js → U3TOQLI2.js} +1 -1
  108. package/dist/cdn/{6UJRS4KL.js → U3UYFDML.js} +1 -1
  109. package/dist/cdn/{6OYLBGRR.js → UTFSNW2T.js} +1 -1
  110. package/dist/cdn/{MUCO3RQG.js → UW2PXASN.js} +1 -1
  111. package/dist/cdn/{UJEHJV2J.js → UXFE5UZ5.js} +1 -1
  112. package/dist/cdn/{HFOQJZQN.js → V5GD27VR.js} +1 -1
  113. package/dist/cdn/{VZZJ6KJZ.js → VCPS3WH5.js} +1 -1
  114. package/dist/cdn/{ICA5H4CC.js → VKPMCKEL.js} +1 -1
  115. package/dist/cdn/VPOTBTWV.js +2 -0
  116. package/dist/cdn/{NDA6UAUY.js → VQ3J3K33.js} +1 -1
  117. package/dist/cdn/{FWUANUNT.js → W55LURB4.js} +1 -1
  118. package/dist/cdn/{YIWK7LQT.js → WAU3AWKK.js} +1 -1
  119. package/dist/cdn/{WLVY3TT2.js → WC3V6FME.js} +1 -1
  120. package/dist/cdn/{PT5MDPKU.js → WDQ5MHS5.js} +1 -1
  121. package/dist/cdn/{G7IZVLT6.js → WLLIUR2C.js} +1 -1
  122. package/dist/cdn/{UIBLQRT2.js → WSAXQB4Y.js} +1 -1
  123. package/dist/cdn/{SY7FPLMP.js → WTVHRK7W.js} +1 -1
  124. package/dist/cdn/{3J7JDHER.js → X2MXGHMH.js} +1 -1
  125. package/dist/cdn/{RCUA6CZK.js → XHAKRXPX.js} +1 -1
  126. package/dist/cdn/{KZLTHP5B.js → XJ4LMSFS.js} +1 -1
  127. package/dist/cdn/{L5Y2ZYVX.js → XOF56N7N.js} +1 -1
  128. package/dist/cdn/{5USZI3LP.js → XOVAEQIH.js} +1 -1
  129. package/dist/cdn/{36BONKIH.js → XY2TYQGP.js} +1 -1
  130. package/dist/cdn/{T4MMAZBQ.js → Y5OVRT7Q.js} +1 -1
  131. package/dist/cdn/{RPVB3EN2.js → YFVUBEV5.js} +1 -1
  132. package/dist/cdn/{7GN6YCTB.js → YQL35R2M.js} +1 -1
  133. package/dist/cdn/{FP66Y4W4.js → YQVDFZGC.js} +1 -1
  134. package/dist/cdn/{E56W5Q6H.js → Z224SVDF.js} +1 -1
  135. package/dist/cdn/{MUFDOMJY.js → ZGANSKJL.js} +1 -1
  136. package/dist/cdn/{SHBGE7GX.js → ZJRAOPHW.js} +1 -1
  137. package/dist/cdn/{JJUU5GVJ.js → ZKILL7WF.js} +1 -1
  138. package/dist/cdn/{CZRIWBN7.js → ZO2DXLVH.js} +1 -1
  139. package/dist/cdn/{G4FZ7MFW.js → ZS7GWOKU.js} +1 -1
  140. package/dist/cdn/{RQ7CK7B7.js → ZT72XEHI.js} +1 -1
  141. package/dist/cdn/{AJR2B3EK.js → ZZVCHQUJ.js} +1 -1
  142. package/dist/cdn/index.js +1 -1
  143. package/dist/chunks/runtime.js +3 -3
  144. package/dist/components/calcite-dropdown/customElement.js +3 -0
  145. package/dist/docs/api.json +1 -1
  146. package/dist/docs/docs.json +1 -1
  147. package/dist/docs/web-types.json +1 -1
  148. package/package.json +2 -2
  149. package/dist/cdn/GD4EJAGV.js +0 -2
package/dist/cdn/{RPVB3EN2.js → YFVUBEV5.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as k}from"./GH3XYO4N.js";import{m as y}from"./MBM7UIXE.js";import{a as K}from"./DPP3XXXY.js";import"./27YYIR6K.js";import{a as N}from"./7T2N2EGO.js";import{a as x}from"./YA3S7CBB.js";import"./YP3AYJH3.js";import{a as W}from"./T6CCMW7H.js";import{a as E}from"./VI7SBYXT.js";import{a as U}from"./T4MMAZBQ.js";import{a as B}from"./THYIEUYX.js";import"./ZWPNZ5XW.js";import{e as F}from"./R55MDXLV.js";import{C as m,E as L,y as M}from"./EKXRU3BE.js";import{C as f,D as b,E as A,F as s,R as H,g as O,h as r,l as c,p}from"./TODNDEPM.js";var _=6e3,a={container:"container",containerOverlaid:"container--overlaid",containerEdged:"container--edged",itemContainer:"item-container",itemContainerForward:"item-container--forward",itemContainerBackward:"item-container--backward",pagination:"pagination",paginationAriaLive:"pagination-aria-live",paginationItems:"pagination-items",paginationItem:"pagination-item",paginationItemIndividual:"pagination-item--individual",paginationItemVisible:"pagination-item--visible",paginationItemOutOfRange:"pagination-item--out-of-range",paginationItemSelected:"pagination-item--selected",paginationItemRangeEdge:"pagination-item--range-edge",pageNext:"page-next",pagePrevious:"page-previous",autoplayControl:"autoplay-control",autoplayProgress:"autoplay-progress"},h={chevronLeft:"chevron-left",chevronRight:"chevron-right",inactive:"bullet-point",active:"bullet-point-large",pause:"pause-f",play:"play-f"},v={medium:7,small:5,xsmall:3,xxsmall:1},Y="calcite-carousel-container",J={host:w=>`${Y}-${w}`},Q=O`: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;inline-size:100%;--calcite-internal-carousel-pagination-space: 1.5rem;--calcite-internal-carousel-pagination-space-wide: 3.5rem;--calcite-internal-carousel-pagination-background-color: var( --calcite-carousel-pagination-background-color, transparent );--calcite-internal-carousel-pagination-background-color-hover: var( --calcite-carousel-pagination-background-color-hover, transparent );--calcite-internal-carousel-pagination-background-color-press: var( --calcite-carousel-pagination-background-color-press, transparent );--calcite-internal-carousel-pagination-background-color-selected: var( --calcite-carousel-pagination-background-color-selected, transparent );--calcite-internal-carousel-pagination-overlay-background-color: var( --calcite-carousel-pagination-background-color, var(--calcite-color-foreground-1) );--calcite-internal-carousel-pagination-overlay-background-color-hover: var( --calcite-carousel-pagination-background-color-hover, var(--calcite-color-foreground-2) );--calcite-internal-carousel-pagination-overlay-background-color-active: var( --calcite-carousel-pagination-background-color-press, var(--calcite-color-foreground-2) );--calcite-internal-carousel-pagination-overlay-background-color-selected: var( --calcite-carousel-pagination-background-color-selected, var(--calcite-color-foreground-1) );--calcite-internal-carousel-pagination-icon-color-hover: var( --calcite-carousel-pagination-icon-color-hover, var(--calcite-color-text-1) );--calcite-internal-carousel-pagination-icon-color: var( --calcite-carousel-pagination-icon-color, var(--calcite-color-border-1) );--calcite-internal-carousel-pagination-icon-color-selected: var( --calcite-carousel-pagination-icon-color-selected, var(--calcite-color-brand) );--calcite-internal-carousel-control-icon-color-hover: var( --calcite-carousel-control-icon-color-hover, var(--calcite-internal-carousel-pagination-icon-color-hover) );--calcite-internal-carousel-control-icon-color: var( --calcite-carousel-control-icon-color, var(--calcite-carousel-pagination-icon-color, var(--calcite-color-text-3)) );--calcite-internal-carousel-autoplay-progress-background-color: var( --calcite-carousel-autoplay-progress-background-color, var(--calcite-color-border-3) );--calcite-internal-carousel-autoplay-progress-fill-color: var( --calcite-carousel-autoplay-progress-fill-color, var(--calcite-color-brand) );--calcite-internal-carousel-autoplay-control-color: var( --calcite-carousel-pagination-icon-color, var(--calcite-color-text-3) )}.container{position:relative;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);color:var(--calcite-color-text-2);outline-color:transparent}.container: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))))}.container--edged:not(.container--overlaid){padding-inline:var(--calcite-internal-carousel-pagination-space-wide);inline-size:calc(100% - var(--calcite-internal-carousel-pagination-space-wide) * 2)}.item-container{display:flex;flex:1 1 auto;align-items:flex-start;justify-content:center;overflow:auto;padding:.25rem;animation-name:none;animation-duration:var(--calcite-animation-timing)}.container--overlaid .item-container{padding:0}.item-container--forward{animation-name:item-forward}.item-container--backward{animation-name:item-backward}calcite-carousel-item:not([selected]){opacity:0}.pagination-aria-live{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}.pagination{margin:.75rem;display:flex;flex-direction:row;align-items:center;justify-content:center;inline-size:auto}.pagination-items{display:flex;flex-direction:row;align-items:center}.container--overlaid .pagination{position:absolute}.pagination-item.page-next,.pagination-item.page-previous{color:var(--calcite-internal-carousel-control-icon-color);--calcite-icon-color: var(--calcite-internal-carousel-control-icon-color)}.pagination-item.page-next:hover,.pagination-item.page-previous:hover{color:var(--calcite-internal-carousel-control-icon-color-hover);--calcite-icon-color: var(--calcite-internal-carousel-control-icon-color-hover)}.container--edged .page-next,.container--edged .page-previous{block-size:3rem;inline-size:3rem;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.container--edged .page-next{inset-inline-end:0}.container--edged .page-previous{inset-inline-start:0}.container--overlaid .pagination{inset-block-start:unset;inset-block-end:0;inset-inline:0}:host([pagination-position=top]) .container--overlaid .pagination{inset-block-start:0;inset-block-end:unset}.pagination-item.autoplay-control{position:relative;color:var(--calcite-internal-carousel-autoplay-control-color);--calcite-progress-fill-color: var(--calcite-internal-carousel-autoplay-progress-fill-color);--calcite-progress-background-color: var(--calcite-internal-carousel-autoplay-progress-background-color)}.autoplay-control:focus .autoplay-progress{inset-block-end:4px;inset-inline:2px;inline-size:calc(100% - 4px)}.autoplay-progress{position:absolute;inset-block-end:2px;inset-inline:0;inline-size:100%}.pagination-item{margin:0;block-size:2rem;inline-size:2rem;cursor:pointer;align-items:center;border-style:none;background-color:transparent;outline-color:transparent;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;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;background-color:var(--calcite-internal-carousel-pagination-background-color);color:var(--calcite-internal-carousel-pagination-icon-color)}.pagination-item:hover{background-color:var(--calcite-internal-carousel-pagination-background-color-hover);color:var(--calcite-internal-carousel-pagination-icon-color-hover)}.pagination-item:focus{background-color:var(--calcite-internal-carousel-pagination-background-color-press);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))))}.pagination-item:active{background-color:var(--calcite-internal-carousel-pagination-background-color-press);color:var(--calcite-internal-carousel-pagination-icon-color-hover)}.pagination-item calcite-icon{color:inherit;pointer-events:none}.pagination-item.pagination-item--selected{background-color:var(--calcite-internal-carousel-pagination-background-color-selected);color:var(--calcite-internal-carousel-pagination-icon-color-selected)}.pagination-item--individual{pointer-events:none;inline-size:0px;padding:0;opacity:0;visibility:hidden;transition:var(--calcite-animation-timing) ease-in-out inline-size,var(--calcite-animation-timing) ease-in-out padding,var(--calcite-animation-timing) ease-in-out opacity}.pagination-item--individual.pagination-item--visible{pointer-events:auto;inline-size:2rem;opacity:1;visibility:visible}.pagination-item--range-edge calcite-icon{scale:.75;transition:var(--calcite-animation-timing) ease-in-out scale}.container--overlaid .pagination-item{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color)}.container--overlaid .pagination-item:hover{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-hover)}.container--overlaid .pagination-item:focus{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-active)}.container--overlaid .pagination-item:active{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-active)}.container--overlaid .pagination-item.pagination-item--selected{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-selected);color:var(--calcite-internal-carousel-pagination-icon-color-selected)}@keyframes item-forward{0%{transform:translate3d(100px,0,0)}to{transform:translateZ(0)}}@keyframes item-backward{0%{transform:translate3d(-100px,0,0)}to{transform:translateZ(0)}}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,D=class extends A{constructor(){super(...arguments),this.autoplayHandler=()=>{this.clearIntervals(),this.slideDurationInterval=setInterval(this.timer,this.autoplayDuration/100)},this.containerRef=f(),this.containerId=J.host(W()),this.direction=F(),this.itemContainerRef=f(),this.resizeHandler=({contentRect:{width:e}})=>{this.setMaxItemsToBreakpoint(e)},this.resizeObserver=E("resize",e=>e.forEach(this.resizeHandler)),this.tabListRef=f(),this.timer=()=>{let e=this.slideDurationRemaining;(!this.suspendedDueToFocus&&!this.suspendedDueToHover||this.userPreventsSuspend)&&(e<=.01?(e=1,this.itemDirection="forward",this.nextItem(!1)):e=e-.01),e>0&&(this.slideDurationRemaining=e)},this.messages=U({blocking:!0}),this.focusSetter=B()(this),this.interactiveContainer=N(this),this.itemDirection="standby",this.hasMultiple=!1,this.items=[],this.maxItems=v.xxsmall,this.playing=!1,this.selectedIndex=0,this.slideDurationRemaining=1,this.suspendedDueToFocus=!1,this.suspendedDueToHover=!1,this.suspendedSlideDurationRemaining=1,this.userPreventsSuspend=!1,this.arrowType="inline",this.autoplay=!1,this.autoplayDuration=_,this.controlOverlay=!1,this.disabled=!1,this.paginationDisabled=!1,this.paginationPosition="bottom",this.calciteCarouselChange=p({cancelable:!1}),this.calciteCarouselPause=p({cancelable:!1}),this.calciteCarouselPlay=p({cancelable:!1}),this.calciteCarouselResume=p({cancelable:!1}),this.calciteCarouselStop=p({cancelable:!1})}static{this.properties={itemDirection:[16,{},{state:!0}],hasMultiple:[16,{},{state:!0}],items:[16,{},{state:!0}],maxItems:[16,{},{state:!0}],playing:[16,{},{state:!0}],selectedIndex:[16,{},{state:!0}],slideDurationRemaining:[16,{},{state:!0}],suspendedDueToFocus:[16,{},{state:!0}],suspendedDueToHover:[16,{},{state:!0}],suspendedSlideDurationRemaining:[16,{},{state:!0}],userPreventsSuspend:[16,{},{state:!0}],arrowType:[3,{},{reflect:!0}],autoplay:[3,{},{reflect:!0}],autoplayDuration:[11,{},{type:Number,reflect:!0}],controlOverlay:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],label:1,messageOverrides:[0,{},{attribute:!1}],paginationDisabled:[5,{},{type:Boolean}],paginationPosition:[3,{},{reflect:!0}],paused:[5,{},{type:Boolean}],selectedItem:[0,{},{attribute:!1}]}}static{this.styles=Q}async play(){this.playing||!this.hasMultiple||this.autoplay!==""&&this.autoplay!==!0&&this.autoplay!=="paused"||this.handlePlay(!0)}async setFocus(e){return this.focusSetter(()=>this.containerRef.value,e)}async stop(){this.playing&&this.handlePause(!0)}connectedCallback(){super.connectedCallback(),this.resizeObserver?.observe(this.el)}async load(){(this.autoplay===""||this.autoplay)&&this.autoplay!=="paused"?this.handlePlay(!1):this.autoplay==="paused"&&(this.paused=!0)}willUpdate(e){this.hasUpdated&&!this.hasMultiple&&this.handlePause(!1),e.has("autoplay")&&this.hasUpdated&&this.autoplayWatcher(this.autoplay),e.has("itemDirection")&&(this.hasUpdated||this.itemDirection!=="standby")&&this.itemDirectionWatcher(this.itemDirection),e.has("playing")&&(this.hasUpdated||this.playing!==!1)&&(this.paused=!this.playing),(e.has("suspendedDueToFocus")&&(this.hasUpdated||this.suspendedDueToFocus!==!1)||e.has("suspendedDueToHover")&&(this.hasUpdated||this.suspendedDueToHover!==!1))&&this.suspendWatcher()}disconnectedCallback(){super.disconnectedCallback(),this.clearIntervals(),this.resizeObserver?.disconnect()}autoplayWatcher(e){e||this.handlePause(!1)}async itemDirectionWatcher(e){e==="standby"||!this.itemContainerRef.value||(await L(this.itemContainerRef.value,e==="forward"?"item-forward":"item-backward"),this.itemDirection="standby")}suspendWatcher(){!this.suspendedDueToFocus&&!this.suspendedDueToHover?this.suspendEnd():this.suspendStart()}setMaxItemsToBreakpoint(e){if(e){if(e>=k.width.small){this.maxItems=v.medium;return}if(e>=k.width.xsmall){this.maxItems=v.small;return}if(e>=k.width.xxsmall){this.maxItems=v.xsmall;return}this.maxItems=v.xxsmall}}clearIntervals(){clearInterval(this.slideDurationInterval),clearInterval(this.slideInterval)}nextItem(e){this.playing&&e&&(this.playing=!1);let t=x(this.selectedIndex+1,this.items.length);this.setSelectedItem(t,e)}previousItem(){this.playing=!1;let e=x(Math.max(this.selectedIndex-1,-1),this.items.length);this.setSelectedItem(e,!0)}handlePlay(e){this.playing=!0,this.autoplayHandler(),this.slideInterval=setInterval(this.autoplayHandler,this.autoplayDuration),e&&this.calciteCarouselPlay.emit()}handlePause(e){this.playing=!1,this.clearIntervals(),this.slideDurationRemaining=1,this.suspendedSlideDurationRemaining=1,e&&this.calciteCarouselStop.emit()}suspendStart(){this.suspendedSlideDurationRemaining=this.slideDurationRemaining}suspendEnd(){this.slideDurationRemaining=this.suspendedSlideDurationRemaining}handleSlotChange(e){let t=M(e);if(t.length<1)return;let i=t.findIndex(u=>u.selected),n=i>-1?i:0;this.items=t,this.hasMultiple=t.length>1,this.setSelectedItem(n,!1)}setSelectedItem(e,t){let i=this.selectedIndex;this.items.forEach((n,u)=>{let l=e===u;n.selected=l,l&&(this.selectedItem=n,this.selectedIndex=u)}),t&&(this.playing=!1,i!==this.selectedIndex&&this.calciteCarouselChange.emit())}handleArrowClick(e){let t=e.target.dataset.itemDirection;this.playing&&this.handlePause(!0),t==="next"?(this.itemDirection="forward",this.nextItem(!0)):t==="previous"&&(this.itemDirection="backward",this.previousItem())}handleItemSelection(e){let t=e.currentTarget,i=parseInt(t.dataset.index,10);i!==this.selectedIndex&&(this.playing&&this.handlePause(!0),this.itemDirection=i>this.selectedIndex?"forward":"backward",this.setSelectedItem(i,!0))}toggleRotation(){this.userPreventsSuspend=!0,this.playing?this.handlePause(!0):this.handlePlay(!0)}handleFocusIn(){let e=this.playing;e&&(this.suspendedDueToFocus=!0),(!this.suspendedDueToFocus||!this.suspendedDueToHover)&&e&&this.calciteCarouselPause.emit()}handleMouseIn(){let e=this.playing;e&&(this.suspendedDueToHover=!0),(!this.suspendedDueToFocus||!this.suspendedDueToHover)&&e&&this.calciteCarouselPause.emit()}handleMouseOut(e){let t=!this.el.contains(e.relatedTarget),i=this.playing;t&&i&&(this.suspendedDueToHover=!1),t&&i&&!this.suspendedDueToFocus&&(this.userPreventsSuspend=!1,this.calciteCarouselResume.emit())}handleFocusOut(e){let t=!e.composedPath().includes(e.relatedTarget),i=this.playing;t&&i&&(this.suspendedDueToFocus=!1),t&&i&&!this.suspendedDueToHover&&(this.userPreventsSuspend=!1,this.calciteCarouselResume.emit())}containerKeyDownHandler(e){if(e.target!==this.containerRef.value)return;let t=this.items.length-1;switch(e.key){case" ":case"Enter":e.preventDefault(),(this.autoplay===""||this.autoplay===!0||this.autoplay==="paused")&&this.toggleRotation();break;case"ArrowRight":if(e.preventDefault(),!this.hasMultiple)return;this.itemDirection="forward",this.nextItem(!0);break;case"ArrowLeft":if(e.preventDefault(),!this.hasMultiple)return;this.itemDirection="backward",this.previousItem();break;case"Home":if(e.preventDefault(),this.selectedIndex===0)return;this.itemDirection="backward",this.setSelectedItem(0,!0);break;case"End":if(e.preventDefault(),this.selectedIndex===t)return;this.itemDirection="forward",this.setSelectedItem(t,!0);break}}tabListKeyDownHandler(e){let t=Array(...this.tabListRef.value.querySelectorAll(`button:not(.${a.paginationItemOutOfRange})`)),i=e.target;switch(e.key){case"ArrowRight":m(t,i,"next");break;case"ArrowLeft":m(t,i,"previous");break;case"Home":e.preventDefault(),m(t,i,"first");break;case"End":e.preventDefault(),m(t,i,"last");break}}renderRotationControl(){let e=this.playing?this.messages.pause:this.messages.play,t=this.slideDurationRemaining*100;return r`<button .ariaLabel=${e} class=${s({[a.paginationItem]:!0,[a.autoplayControl]:!0})} @click=${this.toggleRotation} title=${e??c}><calcite-icon .icon=${this.playing?h.pause:h.play} scale=s></calcite-icon>${this.playing&&r`<calcite-progress class=${s(a.autoplayProgress)} .label=${this.messages.carouselItemProgress} .value=${t}></calcite-progress>`||""}</button>`}renderPaginationArea(){return r`<div class=${s({[a.pagination]:!0,[a.containerOverlaid]:this.controlOverlay})} @keydown=${this.tabListKeyDownHandler} ${b(this.tabListRef)}>${(this.playing||this.autoplay===""||this.autoplay===!0||this.autoplay==="paused")&&this.hasMultiple&&this.renderRotationControl()||""}${this.arrowType==="inline"&&this.hasMultiple&&this.renderArrow("previous")||""}${this.paginationDisabled?this.renderPaginationAriaLive():this.renderPaginationItems()}${this.arrowType==="inline"&&this.hasMultiple&&this.renderArrow("next")||""}</div>`}renderPaginationItems(){let{selectedIndex:e,maxItems:t,items:i,label:n,handleItemSelection:u}=this;return r`<div .ariaLabel=${n} class=${s(a.paginationItems)} role=tablist>${K(i,l=>l.id,(l,o)=>{let g=i.length,d=o===e,j=o===0,q=o===g-1,$=g-t-1,I=e<t,R=e>=$,S=I?0:e-Math.floor(t/2),V=R?g:S+t,C=I?0:R?$:S,P=I?t+1:V,G=!j&&!q&&!d&&(o===C-1||o===P),T=d||o<=P&&o>=C-1,z=g-1<=t,Z=d?h.active:h.inactive;return r`<button aria-controls=${(d?void 0:l.id)??c} .ariaSelected=${d} class=${s({[a.paginationItem]:!0,[a.paginationItemIndividual]:!0,[a.paginationItemSelected]:d,[a.paginationItemRangeEdge]:g-1>t&&G,[a.paginationItemOutOfRange]:!(z||T),[a.paginationItemVisible]:z||T})} data-index=${o??c} @click=${u} role=tab title=${l.label??c}><calcite-icon .icon=${Z} scale=l></calcite-icon></button>`})}</div>`}renderPaginationAriaLive(){let{messages:e,messages:{_lang:t},selectedIndex:i,items:n}=this;if(!e._loading)return y.numberFormatOptions={locale:t},r`<div aria-live=off class=${s(a.paginationAriaLive)} role=status>${e.paginationStatus.replace("{current}",y.localize(`${i+1}`)).replace("{total}",y.localize(`${n.length}`))}</div>`}renderArrow(e){let t=e==="previous",i=this.direction,n=this.arrowType==="edge"?"m":"s",u=t?a.pagePrevious:a.pageNext,l=t?this.messages.previous:this.messages.next,o=t?h.chevronLeft:h.chevronRight;return r`<button aria-controls=${this.containerId??c} class=${s({[a.paginationItem]:!0,[u]:!0})} data-item-direction=${e??c} @click=${this.handleArrowClick} title=${l??c}><calcite-icon .flipRtl=${i==="rtl"} .icon=${o} .scale=${n}></calcite-icon></button>`}render(){let{itemDirection:e,paginationPosition:t}=this,i=this.renderPaginationArea(),n=r`<section class=${s({[a.itemContainer]:!0,[a.itemContainerForward]:e==="forward",[a.itemContainerBackward]:e==="backward"})} id=${this.containerId??c} ${b(this.itemContainerRef)}><slot @slotchange=${this.handleSlotChange}></slot></section>`;return this.interactiveContainer({disabled:this.disabled,children:r`<div .ariaLabel=${this.label} .ariaLive=${this.playing?"off":"polite"} .ariaRoleDescription=${this.messages.carousel} class=${s({[a.container]:!0,[a.containerOverlaid]:this.controlOverlay,[a.containerEdged]:this.arrowType==="edge"})} @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut} @keydown=${this.containerKeyDownHandler} @mouseenter=${this.handleMouseIn} @mouseleave=${this.handleMouseOut} role=group tabindex=0 ${b(this.containerRef)}>${t==="top"?i:n}${t==="top"?n:i}${this.arrowType==="edge"&&this.hasMultiple&&this.renderArrow("previous")||""}${this.arrowType==="edge"&&this.hasMultiple&&this.renderArrow("next")||""}</div>`})}};H("calcite-carousel",D);export{D as Carousel};
2
+ import{a as k}from"./GH3XYO4N.js";import{m as y}from"./MBM7UIXE.js";import{a as K}from"./N5YINROO.js";import"./27YYIR6K.js";import{a as N}from"./S57EC43R.js";import{a as x}from"./YA3S7CBB.js";import"./YP3AYJH3.js";import{a as W}from"./T6CCMW7H.js";import{a as E}from"./VI7SBYXT.js";import{a as U}from"./Y5OVRT7Q.js";import{a as B}from"./RQR7GQWW.js";import"./ZWPNZ5XW.js";import{e as F}from"./KGRJJLLC.js";import{C as m,E as L,y as M}from"./6SSCE6VG.js";import{C as f,D as b,E as A,F as s,R as H,g as O,h as r,l as c,p}from"./LIR56SYG.js";var _=6e3,a={container:"container",containerOverlaid:"container--overlaid",containerEdged:"container--edged",itemContainer:"item-container",itemContainerForward:"item-container--forward",itemContainerBackward:"item-container--backward",pagination:"pagination",paginationAriaLive:"pagination-aria-live",paginationItems:"pagination-items",paginationItem:"pagination-item",paginationItemIndividual:"pagination-item--individual",paginationItemVisible:"pagination-item--visible",paginationItemOutOfRange:"pagination-item--out-of-range",paginationItemSelected:"pagination-item--selected",paginationItemRangeEdge:"pagination-item--range-edge",pageNext:"page-next",pagePrevious:"page-previous",autoplayControl:"autoplay-control",autoplayProgress:"autoplay-progress"},h={chevronLeft:"chevron-left",chevronRight:"chevron-right",inactive:"bullet-point",active:"bullet-point-large",pause:"pause-f",play:"play-f"},v={medium:7,small:5,xsmall:3,xxsmall:1},Y="calcite-carousel-container",J={host:w=>`${Y}-${w}`},Q=O`: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;inline-size:100%;--calcite-internal-carousel-pagination-space: 1.5rem;--calcite-internal-carousel-pagination-space-wide: 3.5rem;--calcite-internal-carousel-pagination-background-color: var( --calcite-carousel-pagination-background-color, transparent );--calcite-internal-carousel-pagination-background-color-hover: var( --calcite-carousel-pagination-background-color-hover, transparent );--calcite-internal-carousel-pagination-background-color-press: var( --calcite-carousel-pagination-background-color-press, transparent );--calcite-internal-carousel-pagination-background-color-selected: var( --calcite-carousel-pagination-background-color-selected, transparent );--calcite-internal-carousel-pagination-overlay-background-color: var( --calcite-carousel-pagination-background-color, var(--calcite-color-foreground-1) );--calcite-internal-carousel-pagination-overlay-background-color-hover: var( --calcite-carousel-pagination-background-color-hover, var(--calcite-color-foreground-2) );--calcite-internal-carousel-pagination-overlay-background-color-active: var( --calcite-carousel-pagination-background-color-press, var(--calcite-color-foreground-2) );--calcite-internal-carousel-pagination-overlay-background-color-selected: var( --calcite-carousel-pagination-background-color-selected, var(--calcite-color-foreground-1) );--calcite-internal-carousel-pagination-icon-color-hover: var( --calcite-carousel-pagination-icon-color-hover, var(--calcite-color-text-1) );--calcite-internal-carousel-pagination-icon-color: var( --calcite-carousel-pagination-icon-color, var(--calcite-color-border-1) );--calcite-internal-carousel-pagination-icon-color-selected: var( --calcite-carousel-pagination-icon-color-selected, var(--calcite-color-brand) );--calcite-internal-carousel-control-icon-color-hover: var( --calcite-carousel-control-icon-color-hover, var(--calcite-internal-carousel-pagination-icon-color-hover) );--calcite-internal-carousel-control-icon-color: var( --calcite-carousel-control-icon-color, var(--calcite-carousel-pagination-icon-color, var(--calcite-color-text-3)) );--calcite-internal-carousel-autoplay-progress-background-color: var( --calcite-carousel-autoplay-progress-background-color, var(--calcite-color-border-3) );--calcite-internal-carousel-autoplay-progress-fill-color: var( --calcite-carousel-autoplay-progress-fill-color, var(--calcite-color-brand) );--calcite-internal-carousel-autoplay-control-color: var( --calcite-carousel-pagination-icon-color, var(--calcite-color-text-3) )}.container{position:relative;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);color:var(--calcite-color-text-2);outline-color:transparent}.container: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))))}.container--edged:not(.container--overlaid){padding-inline:var(--calcite-internal-carousel-pagination-space-wide);inline-size:calc(100% - var(--calcite-internal-carousel-pagination-space-wide) * 2)}.item-container{display:flex;flex:1 1 auto;align-items:flex-start;justify-content:center;overflow:auto;padding:.25rem;animation-name:none;animation-duration:var(--calcite-animation-timing)}.container--overlaid .item-container{padding:0}.item-container--forward{animation-name:item-forward}.item-container--backward{animation-name:item-backward}calcite-carousel-item:not([selected]){opacity:0}.pagination-aria-live{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}.pagination{margin:.75rem;display:flex;flex-direction:row;align-items:center;justify-content:center;inline-size:auto}.pagination-items{display:flex;flex-direction:row;align-items:center}.container--overlaid .pagination{position:absolute}.pagination-item.page-next,.pagination-item.page-previous{color:var(--calcite-internal-carousel-control-icon-color);--calcite-icon-color: var(--calcite-internal-carousel-control-icon-color)}.pagination-item.page-next:hover,.pagination-item.page-previous:hover{color:var(--calcite-internal-carousel-control-icon-color-hover);--calcite-icon-color: var(--calcite-internal-carousel-control-icon-color-hover)}.container--edged .page-next,.container--edged .page-previous{block-size:3rem;inline-size:3rem;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.container--edged .page-next{inset-inline-end:0}.container--edged .page-previous{inset-inline-start:0}.container--overlaid .pagination{inset-block-start:unset;inset-block-end:0;inset-inline:0}:host([pagination-position=top]) .container--overlaid .pagination{inset-block-start:0;inset-block-end:unset}.pagination-item.autoplay-control{position:relative;color:var(--calcite-internal-carousel-autoplay-control-color);--calcite-progress-fill-color: var(--calcite-internal-carousel-autoplay-progress-fill-color);--calcite-progress-background-color: var(--calcite-internal-carousel-autoplay-progress-background-color)}.autoplay-control:focus .autoplay-progress{inset-block-end:4px;inset-inline:2px;inline-size:calc(100% - 4px)}.autoplay-progress{position:absolute;inset-block-end:2px;inset-inline:0;inline-size:100%}.pagination-item{margin:0;block-size:2rem;inline-size:2rem;cursor:pointer;align-items:center;border-style:none;background-color:transparent;outline-color:transparent;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;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;background-color:var(--calcite-internal-carousel-pagination-background-color);color:var(--calcite-internal-carousel-pagination-icon-color)}.pagination-item:hover{background-color:var(--calcite-internal-carousel-pagination-background-color-hover);color:var(--calcite-internal-carousel-pagination-icon-color-hover)}.pagination-item:focus{background-color:var(--calcite-internal-carousel-pagination-background-color-press);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))))}.pagination-item:active{background-color:var(--calcite-internal-carousel-pagination-background-color-press);color:var(--calcite-internal-carousel-pagination-icon-color-hover)}.pagination-item calcite-icon{color:inherit;pointer-events:none}.pagination-item.pagination-item--selected{background-color:var(--calcite-internal-carousel-pagination-background-color-selected);color:var(--calcite-internal-carousel-pagination-icon-color-selected)}.pagination-item--individual{pointer-events:none;inline-size:0px;padding:0;opacity:0;visibility:hidden;transition:var(--calcite-animation-timing) ease-in-out inline-size,var(--calcite-animation-timing) ease-in-out padding,var(--calcite-animation-timing) ease-in-out opacity}.pagination-item--individual.pagination-item--visible{pointer-events:auto;inline-size:2rem;opacity:1;visibility:visible}.pagination-item--range-edge calcite-icon{scale:.75;transition:var(--calcite-animation-timing) ease-in-out scale}.container--overlaid .pagination-item{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color)}.container--overlaid .pagination-item:hover{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-hover)}.container--overlaid .pagination-item:focus{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-active)}.container--overlaid .pagination-item:active{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-active)}.container--overlaid .pagination-item.pagination-item--selected{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-selected);color:var(--calcite-internal-carousel-pagination-icon-color-selected)}@keyframes item-forward{0%{transform:translate3d(100px,0,0)}to{transform:translateZ(0)}}@keyframes item-backward{0%{transform:translate3d(-100px,0,0)}to{transform:translateZ(0)}}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,D=class extends A{constructor(){super(...arguments),this.autoplayHandler=()=>{this.clearIntervals(),this.slideDurationInterval=setInterval(this.timer,this.autoplayDuration/100)},this.containerRef=f(),this.containerId=J.host(W()),this.direction=F(),this.itemContainerRef=f(),this.resizeHandler=({contentRect:{width:e}})=>{this.setMaxItemsToBreakpoint(e)},this.resizeObserver=E("resize",e=>e.forEach(this.resizeHandler)),this.tabListRef=f(),this.timer=()=>{let e=this.slideDurationRemaining;(!this.suspendedDueToFocus&&!this.suspendedDueToHover||this.userPreventsSuspend)&&(e<=.01?(e=1,this.itemDirection="forward",this.nextItem(!1)):e=e-.01),e>0&&(this.slideDurationRemaining=e)},this.messages=U({blocking:!0}),this.focusSetter=B()(this),this.interactiveContainer=N(this),this.itemDirection="standby",this.hasMultiple=!1,this.items=[],this.maxItems=v.xxsmall,this.playing=!1,this.selectedIndex=0,this.slideDurationRemaining=1,this.suspendedDueToFocus=!1,this.suspendedDueToHover=!1,this.suspendedSlideDurationRemaining=1,this.userPreventsSuspend=!1,this.arrowType="inline",this.autoplay=!1,this.autoplayDuration=_,this.controlOverlay=!1,this.disabled=!1,this.paginationDisabled=!1,this.paginationPosition="bottom",this.calciteCarouselChange=p({cancelable:!1}),this.calciteCarouselPause=p({cancelable:!1}),this.calciteCarouselPlay=p({cancelable:!1}),this.calciteCarouselResume=p({cancelable:!1}),this.calciteCarouselStop=p({cancelable:!1})}static{this.properties={itemDirection:[16,{},{state:!0}],hasMultiple:[16,{},{state:!0}],items:[16,{},{state:!0}],maxItems:[16,{},{state:!0}],playing:[16,{},{state:!0}],selectedIndex:[16,{},{state:!0}],slideDurationRemaining:[16,{},{state:!0}],suspendedDueToFocus:[16,{},{state:!0}],suspendedDueToHover:[16,{},{state:!0}],suspendedSlideDurationRemaining:[16,{},{state:!0}],userPreventsSuspend:[16,{},{state:!0}],arrowType:[3,{},{reflect:!0}],autoplay:[3,{},{reflect:!0}],autoplayDuration:[11,{},{type:Number,reflect:!0}],controlOverlay:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],label:1,messageOverrides:[0,{},{attribute:!1}],paginationDisabled:[5,{},{type:Boolean}],paginationPosition:[3,{},{reflect:!0}],paused:[5,{},{type:Boolean}],selectedItem:[0,{},{attribute:!1}]}}static{this.styles=Q}async play(){this.playing||!this.hasMultiple||this.autoplay!==""&&this.autoplay!==!0&&this.autoplay!=="paused"||this.handlePlay(!0)}async setFocus(e){return this.focusSetter(()=>this.containerRef.value,e)}async stop(){this.playing&&this.handlePause(!0)}connectedCallback(){super.connectedCallback(),this.resizeObserver?.observe(this.el)}async load(){(this.autoplay===""||this.autoplay)&&this.autoplay!=="paused"?this.handlePlay(!1):this.autoplay==="paused"&&(this.paused=!0)}willUpdate(e){this.hasUpdated&&!this.hasMultiple&&this.handlePause(!1),e.has("autoplay")&&this.hasUpdated&&this.autoplayWatcher(this.autoplay),e.has("itemDirection")&&(this.hasUpdated||this.itemDirection!=="standby")&&this.itemDirectionWatcher(this.itemDirection),e.has("playing")&&(this.hasUpdated||this.playing!==!1)&&(this.paused=!this.playing),(e.has("suspendedDueToFocus")&&(this.hasUpdated||this.suspendedDueToFocus!==!1)||e.has("suspendedDueToHover")&&(this.hasUpdated||this.suspendedDueToHover!==!1))&&this.suspendWatcher()}disconnectedCallback(){super.disconnectedCallback(),this.clearIntervals(),this.resizeObserver?.disconnect()}autoplayWatcher(e){e||this.handlePause(!1)}async itemDirectionWatcher(e){e==="standby"||!this.itemContainerRef.value||(await L(this.itemContainerRef.value,e==="forward"?"item-forward":"item-backward"),this.itemDirection="standby")}suspendWatcher(){!this.suspendedDueToFocus&&!this.suspendedDueToHover?this.suspendEnd():this.suspendStart()}setMaxItemsToBreakpoint(e){if(e){if(e>=k.width.small){this.maxItems=v.medium;return}if(e>=k.width.xsmall){this.maxItems=v.small;return}if(e>=k.width.xxsmall){this.maxItems=v.xsmall;return}this.maxItems=v.xxsmall}}clearIntervals(){clearInterval(this.slideDurationInterval),clearInterval(this.slideInterval)}nextItem(e){this.playing&&e&&(this.playing=!1);let t=x(this.selectedIndex+1,this.items.length);this.setSelectedItem(t,e)}previousItem(){this.playing=!1;let e=x(Math.max(this.selectedIndex-1,-1),this.items.length);this.setSelectedItem(e,!0)}handlePlay(e){this.playing=!0,this.autoplayHandler(),this.slideInterval=setInterval(this.autoplayHandler,this.autoplayDuration),e&&this.calciteCarouselPlay.emit()}handlePause(e){this.playing=!1,this.clearIntervals(),this.slideDurationRemaining=1,this.suspendedSlideDurationRemaining=1,e&&this.calciteCarouselStop.emit()}suspendStart(){this.suspendedSlideDurationRemaining=this.slideDurationRemaining}suspendEnd(){this.slideDurationRemaining=this.suspendedSlideDurationRemaining}handleSlotChange(e){let t=M(e);if(t.length<1)return;let i=t.findIndex(u=>u.selected),n=i>-1?i:0;this.items=t,this.hasMultiple=t.length>1,this.setSelectedItem(n,!1)}setSelectedItem(e,t){let i=this.selectedIndex;this.items.forEach((n,u)=>{let l=e===u;n.selected=l,l&&(this.selectedItem=n,this.selectedIndex=u)}),t&&(this.playing=!1,i!==this.selectedIndex&&this.calciteCarouselChange.emit())}handleArrowClick(e){let t=e.target.dataset.itemDirection;this.playing&&this.handlePause(!0),t==="next"?(this.itemDirection="forward",this.nextItem(!0)):t==="previous"&&(this.itemDirection="backward",this.previousItem())}handleItemSelection(e){let t=e.currentTarget,i=parseInt(t.dataset.index,10);i!==this.selectedIndex&&(this.playing&&this.handlePause(!0),this.itemDirection=i>this.selectedIndex?"forward":"backward",this.setSelectedItem(i,!0))}toggleRotation(){this.userPreventsSuspend=!0,this.playing?this.handlePause(!0):this.handlePlay(!0)}handleFocusIn(){let e=this.playing;e&&(this.suspendedDueToFocus=!0),(!this.suspendedDueToFocus||!this.suspendedDueToHover)&&e&&this.calciteCarouselPause.emit()}handleMouseIn(){let e=this.playing;e&&(this.suspendedDueToHover=!0),(!this.suspendedDueToFocus||!this.suspendedDueToHover)&&e&&this.calciteCarouselPause.emit()}handleMouseOut(e){let t=!this.el.contains(e.relatedTarget),i=this.playing;t&&i&&(this.suspendedDueToHover=!1),t&&i&&!this.suspendedDueToFocus&&(this.userPreventsSuspend=!1,this.calciteCarouselResume.emit())}handleFocusOut(e){let t=!e.composedPath().includes(e.relatedTarget),i=this.playing;t&&i&&(this.suspendedDueToFocus=!1),t&&i&&!this.suspendedDueToHover&&(this.userPreventsSuspend=!1,this.calciteCarouselResume.emit())}containerKeyDownHandler(e){if(e.target!==this.containerRef.value)return;let t=this.items.length-1;switch(e.key){case" ":case"Enter":e.preventDefault(),(this.autoplay===""||this.autoplay===!0||this.autoplay==="paused")&&this.toggleRotation();break;case"ArrowRight":if(e.preventDefault(),!this.hasMultiple)return;this.itemDirection="forward",this.nextItem(!0);break;case"ArrowLeft":if(e.preventDefault(),!this.hasMultiple)return;this.itemDirection="backward",this.previousItem();break;case"Home":if(e.preventDefault(),this.selectedIndex===0)return;this.itemDirection="backward",this.setSelectedItem(0,!0);break;case"End":if(e.preventDefault(),this.selectedIndex===t)return;this.itemDirection="forward",this.setSelectedItem(t,!0);break}}tabListKeyDownHandler(e){let t=Array(...this.tabListRef.value.querySelectorAll(`button:not(.${a.paginationItemOutOfRange})`)),i=e.target;switch(e.key){case"ArrowRight":m(t,i,"next");break;case"ArrowLeft":m(t,i,"previous");break;case"Home":e.preventDefault(),m(t,i,"first");break;case"End":e.preventDefault(),m(t,i,"last");break}}renderRotationControl(){let e=this.playing?this.messages.pause:this.messages.play,t=this.slideDurationRemaining*100;return r`<button .ariaLabel=${e} class=${s({[a.paginationItem]:!0,[a.autoplayControl]:!0})} @click=${this.toggleRotation} title=${e??c}><calcite-icon .icon=${this.playing?h.pause:h.play} scale=s></calcite-icon>${this.playing&&r`<calcite-progress class=${s(a.autoplayProgress)} .label=${this.messages.carouselItemProgress} .value=${t}></calcite-progress>`||""}</button>`}renderPaginationArea(){return r`<div class=${s({[a.pagination]:!0,[a.containerOverlaid]:this.controlOverlay})} @keydown=${this.tabListKeyDownHandler} ${b(this.tabListRef)}>${(this.playing||this.autoplay===""||this.autoplay===!0||this.autoplay==="paused")&&this.hasMultiple&&this.renderRotationControl()||""}${this.arrowType==="inline"&&this.hasMultiple&&this.renderArrow("previous")||""}${this.paginationDisabled?this.renderPaginationAriaLive():this.renderPaginationItems()}${this.arrowType==="inline"&&this.hasMultiple&&this.renderArrow("next")||""}</div>`}renderPaginationItems(){let{selectedIndex:e,maxItems:t,items:i,label:n,handleItemSelection:u}=this;return r`<div .ariaLabel=${n} class=${s(a.paginationItems)} role=tablist>${K(i,l=>l.id,(l,o)=>{let g=i.length,d=o===e,j=o===0,q=o===g-1,$=g-t-1,I=e<t,R=e>=$,S=I?0:e-Math.floor(t/2),V=R?g:S+t,C=I?0:R?$:S,P=I?t+1:V,G=!j&&!q&&!d&&(o===C-1||o===P),T=d||o<=P&&o>=C-1,z=g-1<=t,Z=d?h.active:h.inactive;return r`<button aria-controls=${(d?void 0:l.id)??c} .ariaSelected=${d} class=${s({[a.paginationItem]:!0,[a.paginationItemIndividual]:!0,[a.paginationItemSelected]:d,[a.paginationItemRangeEdge]:g-1>t&&G,[a.paginationItemOutOfRange]:!(z||T),[a.paginationItemVisible]:z||T})} data-index=${o??c} @click=${u} role=tab title=${l.label??c}><calcite-icon .icon=${Z} scale=l></calcite-icon></button>`})}</div>`}renderPaginationAriaLive(){let{messages:e,messages:{_lang:t},selectedIndex:i,items:n}=this;if(!e._loading)return y.numberFormatOptions={locale:t},r`<div aria-live=off class=${s(a.paginationAriaLive)} role=status>${e.paginationStatus.replace("{current}",y.localize(`${i+1}`)).replace("{total}",y.localize(`${n.length}`))}</div>`}renderArrow(e){let t=e==="previous",i=this.direction,n=this.arrowType==="edge"?"m":"s",u=t?a.pagePrevious:a.pageNext,l=t?this.messages.previous:this.messages.next,o=t?h.chevronLeft:h.chevronRight;return r`<button aria-controls=${this.containerId??c} class=${s({[a.paginationItem]:!0,[u]:!0})} data-item-direction=${e??c} @click=${this.handleArrowClick} title=${l??c}><calcite-icon .flipRtl=${i==="rtl"} .icon=${o} .scale=${n}></calcite-icon></button>`}render(){let{itemDirection:e,paginationPosition:t}=this,i=this.renderPaginationArea(),n=r`<section class=${s({[a.itemContainer]:!0,[a.itemContainerForward]:e==="forward",[a.itemContainerBackward]:e==="backward"})} id=${this.containerId??c} ${b(this.itemContainerRef)}><slot @slotchange=${this.handleSlotChange}></slot></section>`;return this.interactiveContainer({disabled:this.disabled,children:r`<div .ariaLabel=${this.label} .ariaLive=${this.playing?"off":"polite"} .ariaRoleDescription=${this.messages.carousel} class=${s({[a.container]:!0,[a.containerOverlaid]:this.controlOverlay,[a.containerEdged]:this.arrowType==="edge"})} @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut} @keydown=${this.containerKeyDownHandler} @mouseenter=${this.handleMouseIn} @mouseleave=${this.handleMouseOut} role=group tabindex=0 ${b(this.containerRef)}>${t==="top"?i:n}${t==="top"?n:i}${this.arrowType==="edge"&&this.hasMultiple&&this.renderArrow("previous")||""}${this.arrowType==="edge"&&this.hasMultiple&&this.renderArrow("next")||""}</div>`})}};H("calcite-carousel",D);export{D as Carousel};
package/dist/cdn/{7GN6YCTB.js → YQL35R2M.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as $,b as M,c as P,d as A}from"./256YTYV2.js";import{a as m,b as n,c as o,h as r,j as f,k as v,m as u,n as h,p as D}from"./RYA2FB6F.js";import{m as z,n as k}from"./MBM7UIXE.js";import"./YP3AYJH3.js";import{a as C}from"./T4MMAZBQ.js";import{a as b}from"./THYIEUYX.js";import"./ZWPNZ5XW.js";import"./R55MDXLV.js";import"./EKXRU3BE.js";import{E as x,F as S,O as R,R as E,g as y,h as d,p as g}from"./TODNDEPM.js";var F=2,O={dateStyle:"full"},I={container:"container"},L=y`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:inline-block;inline-size:100%;overflow:visible;border-width:1px;border-style:solid;vertical-align:top;border-color:var(--calcite-date-picker-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-date-picker-corner-radius, var(--calcite-corner-radius))}:host([scale=s]){inline-size:236px;min-inline-size:216px;max-inline-size:380px}:host([scale=s][range][layout=horizontal][calendars="2"]){inline-size:480px;min-inline-size:432px;max-inline-size:772px}:host([scale=m]){inline-size:298px;min-inline-size:272px;max-inline-size:480px}:host([scale=m][layout=horizontal][range][calendars="2"]){inline-size:608px;min-inline-size:544px;max-inline-size:972px}:host([scale=l]){inline-size:334px;min-inline-size:320px;max-inline-size:600px}:host([scale=l][layout=horizontal][range][calendars="2"]){inline-size:684px;min-inline-size:640px;max-inline-size:1212px}.container{outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}`,p=class extends x{constructor(){super(),this.rangeValueChangedByUser=!1,this.messages=C({blocking:!0}),this.focusSetter=b()(this),this.calendars=2,this.layout="horizontal",this.monthStyle="wide",this.proximitySelectionDisabled=!1,this.range=!1,this.scale="m",this.calciteDatePickerChange=g({cancelable:!1}),this.calciteDatePickerRangeChange=g({cancelable:!1}),this.listen("keydown",this.keyDownHandler)}static{this.properties={activeEndDate:[16,{},{state:!0}],activeStartDate:[16,{},{state:!0}],dateTimeFormat:[16,{},{state:!0}],hoverRange:[16,{},{state:!0}],localeData:[16,{},{state:!0}],activeDate:[0,{},{attribute:!1}],activeRange:[3,{},{reflect:!0}],calendars:[11,{},{type:Number,reflect:!0}],headingLevel:[11,{},{type:Number,reflect:!0}],layout:[3,{},{reflect:!0}],max:[3,{},{reflect:!0}],maxAsDate:[0,{},{attribute:!1}],messageOverrides:[0,{},{attribute:!1}],min:[3,{},{reflect:!0}],minAsDate:[0,{},{attribute:!1}],monthStyle:1,numberingSystem:[3,{},{reflect:!0}],proximitySelectionDisabled:[7,{},{reflect:!0,type:Boolean}],range:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],value:1,valueAsDate:[0,{},{attribute:!1}]}}static{this.styles=L}async reset(){this.resetActiveDates(),this.rangeValueChangedByUser=!1}async setFocus(t){return this.focusSetter(()=>this.el,t)}async load(){await this.loadLocaleData()}willUpdate(t){t.has("value")&&this.valueHandler(this.value),t.has("valueAsDate")&&this.valueAsDateWatcher(this.valueAsDate);let e=A(t,"min"),a=A(t,"max");e==="min"?this.minAsDate=this.min?o(this.min):void 0:e==="minAsDate"&&(this.minAsDate=o(r(this.minAsDate))),a==="max"?this.maxAsDate=this.max?o(this.max):void 0:a==="maxAsDate"&&(this.maxAsDate=o(r(this.maxAsDate))),(t.has("range")&&this.range||t.has("maxAsDate")||t.has("minAsDate"))&&this.setActiveStartAndEndDates(),t.has("activeDate")&&this.hasUpdated&&this.activeDateWatcher(this.activeDate),t.has("messages")&&this.hasUpdated&&this.loadLocaleData().catch(R.error)}activeDateWatcher(t){this.range&&(t?(this.activeStartDate=t,this.activeEndDate=h(this.activeStartDate)):this.resetActiveDates())}valueHandler(t){Array.isArray(t)?(this.valueAsDate=t.every(e=>e==="")?void 0:P(t),this.rangeValueChangedByUser||this.resetActiveDates()):t?this.valueAsDate=o(t):(this.valueAsDate=void 0,this.resetActiveDates())}valueAsDateWatcher(t){this.range&&Array.isArray(t)&&!this.rangeValueChangedByUser?this.setActiveStartAndEndDates():this.range||(t&&t!==this.activeDate?this.activeDate=t:t||this.resetActiveDates())}keyDownHandler(t){t.key==="Escape"&&this.resetActiveDates()}async loadLocaleData(){if(!1)return;let t=M(this.messages._lang);z.numberFormatOptions={numberingSystem:this.numberingSystem,locale:t,useGrouping:!1},this.localeData=await $(t),this.dateTimeFormat=k(t,O)}monthHeaderSelectChange(t){let e=new Date(t.detail.date),a=t.detail.position;this.range?a==="end"?(this.activeEndDate=e,this.activeStartDate=v(e)):(this.activeStartDate=e,this.activeEndDate=h(e)):this.activeDate=e,t.stopPropagation()}monthActiveDateChange(t){let e=new Date(t.detail);if(!this.range)this.activeDate=e;else{let a=e.getMonth(),i=a!==this.activeStartDate?.getMonth()&&(this.calendars===1||(this.activeStartDate?a!==h(this.activeStartDate).getMonth():!1));this.activeRange==="end"?(!this.activeEndDate||this.activeStartDate&&i)&&(this.activeEndDate=e,this.activeStartDate=v(e)):(this.activeStartDate&&i||!this.activeStartDate)&&(this.activeStartDate=e,this.activeEndDate=h(e))}t.stopPropagation()}monthHoverChange(t){if(!this.range){this.hoverRange=void 0;return}let{valueAsDate:e}=this,a=Array.isArray(e)?e[0]:void 0,i=Array.isArray(e)?e[1]:void 0,s=new Date(t.detail);if(this.hoverRange={focused:this.activeRange||"start",start:a,end:i},this.proximitySelectionDisabled)i&&a||!i&&a&&s>=a?(this.hoverRange.focused="end",this.hoverRange.end=s):!i&&a&&s<a?this.hoverRange={focused:"start",start:s,end:a}:this.hoverRange=void 0;else if(this.activeRange&&this.hoverRange)this.activeRange==="end"?(this.hoverRange.end=s,this.hoverRange.focused="end"):(this.hoverRange.start=s,this.hoverRange.focused="start");else if(a&&i){let c=Math.abs(D(s,a)),l=Math.abs(D(s,i));s>i?(this.hoverRange.end=s,this.hoverRange.focused="end"):s<a?(this.hoverRange.start=s,this.hoverRange.focused="start"):s>a&&s<i&&(c<l?(this.hoverRange.start=s,this.hoverRange.focused="start"):(this.hoverRange.end=s,this.hoverRange.focused="end"))}else a&&(s<a?this.hoverRange={focused:"start",start:s,end:a}:(this.hoverRange.end=s,this.hoverRange.focused="end"));t.stopPropagation()}monthMouseOutChange(t){this.hoverRange&&(this.hoverRange=void 0),t.stopPropagation()}resetActiveDates(){let{valueAsDate:t}=this;if(!Array.isArray(t)){if(t&&t!==this.activeDate)this.activeDate=new Date(t);else if(!t){this.activeDate=void 0;let e=this.getActiveDate(void 0,this.minAsDate,this.maxAsDate);this.range?(this.activeStartDate=e,this.activeEndDate=void 0):this.activeDate=e}}Array.isArray(t)&&(t[0]&&t[0]!==this.activeStartDate?this.activeStartDate=new Date(t[0]):t[0]||(this.activeStartDate=this.getActiveDate(void 0,this.minAsDate,this.maxAsDate)),t[1]&&t[1]!==this.activeEndDate?this.activeEndDate=new Date(t[1]):t[1]||(this.activeEndDate=void 0)),this.hoverRange=void 0}getEndDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[1]||void 0}setEndDate(t,e=!0){let a=this.getStartDate();this.rangeValueChangedByUser=!0,this.value=[r(a),r(t)],this.valueAsDate=[a,t],e&&this.calciteDatePickerRangeChange.emit()}getStartDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[0]||void 0}setStartDate(t,e=!0){let a=this.getEndDate();this.rangeValueChangedByUser=!0,this.value=[r(t),r(a)],this.valueAsDate=[t,a],e&&this.calciteDatePickerRangeChange.emit()}monthDateChange(t){let e=new Date(t.detail),a=r(e);if(!this.range&&a===r(this.valueAsDate))return;if(!this.range){this.value=a||"",this.valueAsDate=e||void 0,this.activeDate=e||void 0,this.calciteDatePickerChange.emit();return}let i=this.getStartDate(),s=this.getEndDate();if(!i||!s&&e<i)i&&this.setEndDate(new Date(i)),this.activeRange=="end"?this.setEndDate(e):this.setStartDate(e);else if(!s)this.setEndDate(e);else if(this.proximitySelectionDisabled)this.setStartDate(e,!1),this.setEndDate(void 0,!1),this.calciteDatePickerRangeChange.emit();else if(this.activeRange)this.activeRange=="end"?this.setEndDate(e):(e>s&&(this.setEndDate(void 0,!1),this.activeEndDate=void 0),this.setStartDate(e));else{let c=D(e,i),l=D(e,s);l===0||c<0?this.setStartDate(e):c===0||l<0?this.setEndDate(e):c<l?this.setStartDate(e):this.setEndDate(e)}t.stopPropagation(),this.calciteDatePickerChange.emit()}getActiveDate(t,e,a){let i=n(new Date,e,a);return n(this.activeDate,e,a)||t||(f(a,i)&&!this.range?u(i,e,a):i)}getActiveEndDate(t,e,a){return n(this.activeEndDate,e,a)||t||n(h(new Date),e,a)}setActiveStartAndEndDates(){if(this.range){let t=n(Array.isArray(this.valueAsDate)?this.valueAsDate[0]:this.valueAsDate,this.minAsDate,this.maxAsDate),e=n(Array.isArray(this.valueAsDate)?this.valueAsDate[1]:void 0,this.minAsDate,this.maxAsDate);if(this.activeStartDate=this.getActiveDate(t,this.minAsDate,this.maxAsDate),this.activeEndDate=this.getActiveEndDate(e,this.minAsDate,this.maxAsDate),f(this.activeStartDate,this.activeEndDate)){let a=u(this.activeEndDate?v(this.activeEndDate):void 0,this.minAsDate,this.maxAsDate),i=this.activeEndDate?h(this.activeEndDate):void 0;m(a,this.minAsDate,this.maxAsDate)?this.activeStartDate=a:m(i,this.minAsDate,this.maxAsDate)&&(this.activeEndDate=i)}}}render(){let t=n(this.range&&Array.isArray(this.valueAsDate)?this.valueAsDate[0]:this.valueAsDate,this.minAsDate,this.maxAsDate),e=this.getActiveDate(t,this.minAsDate,this.maxAsDate),a=this.range&&Array.isArray(this.valueAsDate)?n(this.valueAsDate[1],this.minAsDate,this.maxAsDate):void 0,i=this.range&&this.activeRange?this.activeRange==="start"?this.minAsDate:t:this.minAsDate,s=this.range?this.activeStartDate:e;return d`<div aria-hidden class=${S(I.container)} tabindex=-1>${this.renderMonth(s,this.maxAsDate,i,t,a)}</div>`}renderMonth(t,e,a,i,s){return d`<calcite-date-picker-month .activeDate=${t} .calendars=${this.calendars} .dateTimeFormat=${this.dateTimeFormat} .endDate=${this.range?s:void 0} .headingLevel=${this.headingLevel||F} .hoverRange=${this.hoverRange} .layout=${this.layout} .localeData=${this.localeData} .max=${e} .messages=${this.messages} .min=${a} .monthStyle=${this.monthStyle} @calciteInternalDatePickerDayHover=${this.monthHoverChange} @calciteInternalDatePickerDaySelect=${this.monthDateChange} @calciteInternalDatePickerMonthActiveDateChange=${this.monthActiveDateChange} @calciteInternalDatePickerMonthChange=${this.monthHeaderSelectChange} @calciteInternalDatePickerMonthMouseOut=${this.monthMouseOutChange} .range=${this.range} .scale=${this.scale} .selectedDate=${this.activeRange==="end"?s:i} .startDate=${this.range?i:void 0}></calcite-date-picker-month>`}};E("calcite-date-picker",p);export{p as DatePicker};
2
+ import{a as $,b as M,c as P,d as A}from"./RK4ZGFSR.js";import{a as m,b as n,c as o,h as r,j as f,k as v,m as u,n as h,p as D}from"./RYA2FB6F.js";import{m as z,n as k}from"./MBM7UIXE.js";import"./YP3AYJH3.js";import{a as C}from"./Y5OVRT7Q.js";import{a as b}from"./RQR7GQWW.js";import"./ZWPNZ5XW.js";import"./KGRJJLLC.js";import"./6SSCE6VG.js";import{E as x,F as S,O as R,R as E,g as y,h as d,p as g}from"./LIR56SYG.js";var F=2,O={dateStyle:"full"},I={container:"container"},L=y`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:inline-block;inline-size:100%;overflow:visible;border-width:1px;border-style:solid;vertical-align:top;border-color:var(--calcite-date-picker-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-date-picker-corner-radius, var(--calcite-corner-radius))}:host([scale=s]){inline-size:236px;min-inline-size:216px;max-inline-size:380px}:host([scale=s][range][layout=horizontal][calendars="2"]){inline-size:480px;min-inline-size:432px;max-inline-size:772px}:host([scale=m]){inline-size:298px;min-inline-size:272px;max-inline-size:480px}:host([scale=m][layout=horizontal][range][calendars="2"]){inline-size:608px;min-inline-size:544px;max-inline-size:972px}:host([scale=l]){inline-size:334px;min-inline-size:320px;max-inline-size:600px}:host([scale=l][layout=horizontal][range][calendars="2"]){inline-size:684px;min-inline-size:640px;max-inline-size:1212px}.container{outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}`,p=class extends x{constructor(){super(),this.rangeValueChangedByUser=!1,this.messages=C({blocking:!0}),this.focusSetter=b()(this),this.calendars=2,this.layout="horizontal",this.monthStyle="wide",this.proximitySelectionDisabled=!1,this.range=!1,this.scale="m",this.calciteDatePickerChange=g({cancelable:!1}),this.calciteDatePickerRangeChange=g({cancelable:!1}),this.listen("keydown",this.keyDownHandler)}static{this.properties={activeEndDate:[16,{},{state:!0}],activeStartDate:[16,{},{state:!0}],dateTimeFormat:[16,{},{state:!0}],hoverRange:[16,{},{state:!0}],localeData:[16,{},{state:!0}],activeDate:[0,{},{attribute:!1}],activeRange:[3,{},{reflect:!0}],calendars:[11,{},{type:Number,reflect:!0}],headingLevel:[11,{},{type:Number,reflect:!0}],layout:[3,{},{reflect:!0}],max:[3,{},{reflect:!0}],maxAsDate:[0,{},{attribute:!1}],messageOverrides:[0,{},{attribute:!1}],min:[3,{},{reflect:!0}],minAsDate:[0,{},{attribute:!1}],monthStyle:1,numberingSystem:[3,{},{reflect:!0}],proximitySelectionDisabled:[7,{},{reflect:!0,type:Boolean}],range:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],value:1,valueAsDate:[0,{},{attribute:!1}]}}static{this.styles=L}async reset(){this.resetActiveDates(),this.rangeValueChangedByUser=!1}async setFocus(t){return this.focusSetter(()=>this.el,t)}async load(){await this.loadLocaleData()}willUpdate(t){t.has("value")&&this.valueHandler(this.value),t.has("valueAsDate")&&this.valueAsDateWatcher(this.valueAsDate);let e=A(t,"min"),a=A(t,"max");e==="min"?this.minAsDate=this.min?o(this.min):void 0:e==="minAsDate"&&(this.minAsDate=o(r(this.minAsDate))),a==="max"?this.maxAsDate=this.max?o(this.max):void 0:a==="maxAsDate"&&(this.maxAsDate=o(r(this.maxAsDate))),(t.has("range")&&this.range||t.has("maxAsDate")||t.has("minAsDate"))&&this.setActiveStartAndEndDates(),t.has("activeDate")&&this.hasUpdated&&this.activeDateWatcher(this.activeDate),t.has("messages")&&this.hasUpdated&&this.loadLocaleData().catch(R.error)}activeDateWatcher(t){this.range&&(t?(this.activeStartDate=t,this.activeEndDate=h(this.activeStartDate)):this.resetActiveDates())}valueHandler(t){Array.isArray(t)?(this.valueAsDate=t.every(e=>e==="")?void 0:P(t),this.rangeValueChangedByUser||this.resetActiveDates()):t?this.valueAsDate=o(t):(this.valueAsDate=void 0,this.resetActiveDates())}valueAsDateWatcher(t){this.range&&Array.isArray(t)&&!this.rangeValueChangedByUser?this.setActiveStartAndEndDates():this.range||(t&&t!==this.activeDate?this.activeDate=t:t||this.resetActiveDates())}keyDownHandler(t){t.key==="Escape"&&this.resetActiveDates()}async loadLocaleData(){if(!1)return;let t=M(this.messages._lang);z.numberFormatOptions={numberingSystem:this.numberingSystem,locale:t,useGrouping:!1},this.localeData=await $(t),this.dateTimeFormat=k(t,O)}monthHeaderSelectChange(t){let e=new Date(t.detail.date),a=t.detail.position;this.range?a==="end"?(this.activeEndDate=e,this.activeStartDate=v(e)):(this.activeStartDate=e,this.activeEndDate=h(e)):this.activeDate=e,t.stopPropagation()}monthActiveDateChange(t){let e=new Date(t.detail);if(!this.range)this.activeDate=e;else{let a=e.getMonth(),i=a!==this.activeStartDate?.getMonth()&&(this.calendars===1||(this.activeStartDate?a!==h(this.activeStartDate).getMonth():!1));this.activeRange==="end"?(!this.activeEndDate||this.activeStartDate&&i)&&(this.activeEndDate=e,this.activeStartDate=v(e)):(this.activeStartDate&&i||!this.activeStartDate)&&(this.activeStartDate=e,this.activeEndDate=h(e))}t.stopPropagation()}monthHoverChange(t){if(!this.range){this.hoverRange=void 0;return}let{valueAsDate:e}=this,a=Array.isArray(e)?e[0]:void 0,i=Array.isArray(e)?e[1]:void 0,s=new Date(t.detail);if(this.hoverRange={focused:this.activeRange||"start",start:a,end:i},this.proximitySelectionDisabled)i&&a||!i&&a&&s>=a?(this.hoverRange.focused="end",this.hoverRange.end=s):!i&&a&&s<a?this.hoverRange={focused:"start",start:s,end:a}:this.hoverRange=void 0;else if(this.activeRange&&this.hoverRange)this.activeRange==="end"?(this.hoverRange.end=s,this.hoverRange.focused="end"):(this.hoverRange.start=s,this.hoverRange.focused="start");else if(a&&i){let c=Math.abs(D(s,a)),l=Math.abs(D(s,i));s>i?(this.hoverRange.end=s,this.hoverRange.focused="end"):s<a?(this.hoverRange.start=s,this.hoverRange.focused="start"):s>a&&s<i&&(c<l?(this.hoverRange.start=s,this.hoverRange.focused="start"):(this.hoverRange.end=s,this.hoverRange.focused="end"))}else a&&(s<a?this.hoverRange={focused:"start",start:s,end:a}:(this.hoverRange.end=s,this.hoverRange.focused="end"));t.stopPropagation()}monthMouseOutChange(t){this.hoverRange&&(this.hoverRange=void 0),t.stopPropagation()}resetActiveDates(){let{valueAsDate:t}=this;if(!Array.isArray(t)){if(t&&t!==this.activeDate)this.activeDate=new Date(t);else if(!t){this.activeDate=void 0;let e=this.getActiveDate(void 0,this.minAsDate,this.maxAsDate);this.range?(this.activeStartDate=e,this.activeEndDate=void 0):this.activeDate=e}}Array.isArray(t)&&(t[0]&&t[0]!==this.activeStartDate?this.activeStartDate=new Date(t[0]):t[0]||(this.activeStartDate=this.getActiveDate(void 0,this.minAsDate,this.maxAsDate)),t[1]&&t[1]!==this.activeEndDate?this.activeEndDate=new Date(t[1]):t[1]||(this.activeEndDate=void 0)),this.hoverRange=void 0}getEndDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[1]||void 0}setEndDate(t,e=!0){let a=this.getStartDate();this.rangeValueChangedByUser=!0,this.value=[r(a),r(t)],this.valueAsDate=[a,t],e&&this.calciteDatePickerRangeChange.emit()}getStartDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[0]||void 0}setStartDate(t,e=!0){let a=this.getEndDate();this.rangeValueChangedByUser=!0,this.value=[r(t),r(a)],this.valueAsDate=[t,a],e&&this.calciteDatePickerRangeChange.emit()}monthDateChange(t){let e=new Date(t.detail),a=r(e);if(!this.range&&a===r(this.valueAsDate))return;if(!this.range){this.value=a||"",this.valueAsDate=e||void 0,this.activeDate=e||void 0,this.calciteDatePickerChange.emit();return}let i=this.getStartDate(),s=this.getEndDate();if(!i||!s&&e<i)i&&this.setEndDate(new Date(i)),this.activeRange=="end"?this.setEndDate(e):this.setStartDate(e);else if(!s)this.setEndDate(e);else if(this.proximitySelectionDisabled)this.setStartDate(e,!1),this.setEndDate(void 0,!1),this.calciteDatePickerRangeChange.emit();else if(this.activeRange)this.activeRange=="end"?this.setEndDate(e):(e>s&&(this.setEndDate(void 0,!1),this.activeEndDate=void 0),this.setStartDate(e));else{let c=D(e,i),l=D(e,s);l===0||c<0?this.setStartDate(e):c===0||l<0?this.setEndDate(e):c<l?this.setStartDate(e):this.setEndDate(e)}t.stopPropagation(),this.calciteDatePickerChange.emit()}getActiveDate(t,e,a){let i=n(new Date,e,a);return n(this.activeDate,e,a)||t||(f(a,i)&&!this.range?u(i,e,a):i)}getActiveEndDate(t,e,a){return n(this.activeEndDate,e,a)||t||n(h(new Date),e,a)}setActiveStartAndEndDates(){if(this.range){let t=n(Array.isArray(this.valueAsDate)?this.valueAsDate[0]:this.valueAsDate,this.minAsDate,this.maxAsDate),e=n(Array.isArray(this.valueAsDate)?this.valueAsDate[1]:void 0,this.minAsDate,this.maxAsDate);if(this.activeStartDate=this.getActiveDate(t,this.minAsDate,this.maxAsDate),this.activeEndDate=this.getActiveEndDate(e,this.minAsDate,this.maxAsDate),f(this.activeStartDate,this.activeEndDate)){let a=u(this.activeEndDate?v(this.activeEndDate):void 0,this.minAsDate,this.maxAsDate),i=this.activeEndDate?h(this.activeEndDate):void 0;m(a,this.minAsDate,this.maxAsDate)?this.activeStartDate=a:m(i,this.minAsDate,this.maxAsDate)&&(this.activeEndDate=i)}}}render(){let t=n(this.range&&Array.isArray(this.valueAsDate)?this.valueAsDate[0]:this.valueAsDate,this.minAsDate,this.maxAsDate),e=this.getActiveDate(t,this.minAsDate,this.maxAsDate),a=this.range&&Array.isArray(this.valueAsDate)?n(this.valueAsDate[1],this.minAsDate,this.maxAsDate):void 0,i=this.range&&this.activeRange?this.activeRange==="start"?this.minAsDate:t:this.minAsDate,s=this.range?this.activeStartDate:e;return d`<div aria-hidden class=${S(I.container)} tabindex=-1>${this.renderMonth(s,this.maxAsDate,i,t,a)}</div>`}renderMonth(t,e,a,i,s){return d`<calcite-date-picker-month .activeDate=${t} .calendars=${this.calendars} .dateTimeFormat=${this.dateTimeFormat} .endDate=${this.range?s:void 0} .headingLevel=${this.headingLevel||F} .hoverRange=${this.hoverRange} .layout=${this.layout} .localeData=${this.localeData} .max=${e} .messages=${this.messages} .min=${a} .monthStyle=${this.monthStyle} @calciteInternalDatePickerDayHover=${this.monthHoverChange} @calciteInternalDatePickerDaySelect=${this.monthDateChange} @calciteInternalDatePickerMonthActiveDateChange=${this.monthActiveDateChange} @calciteInternalDatePickerMonthChange=${this.monthHeaderSelectChange} @calciteInternalDatePickerMonthMouseOut=${this.monthMouseOutChange} .range=${this.range} .scale=${this.scale} .selectedDate=${this.activeRange==="end"?s:i} .startDate=${this.range?i:void 0}></calcite-date-picker-month>`}};E("calcite-date-picker",p);export{p as DatePicker};
package/dist/cdn/{FP66Y4W4.js → YQVDFZGC.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{b as R}from"./GZZYSINJ.js";import{a as V}from"./YP3AYJH3.js";import{b as I}from"./R55MDXLV.js";import{A as q,B as z,k as U,m as X}from"./EKXRU3BE.js";import{O as F}from"./TODNDEPM.js";var Ce=o=>{let{manager:a}=o;return I((i,c)=>{let u,f,E=l=>!!(l&&i.referenceElementType),C=l=>{E(l)&&(a.registerElement(i,l),f=l)},v=l=>{E(l)&&(a.unregisterElement(i,l),f===l&&(f=void 0))},p=l=>{let{referenceElement:g,el:w}=l;return(typeof g=="string"?X(w,{id:g}):g)||void 0},m=(l=!0)=>{if(!i.referenceElementType)return;i.referenceEl=p(i);let{el:g,referenceElement:w,referenceEl:H}=i;l&&w&&!H&&F.warn(`${g.tagName}: reference-element id "${w}" was not found.`,{el:g})};c.onConnected(()=>{u=requestAnimationFrame(()=>{i.el.isConnected&&(m(i.manager.loadedCalled),C(i.referenceEl))})}),c.onLoaded(()=>{i.referenceElement&&!i.referenceEl&&m()}),c.onUpdate(l=>{i.hasUpdated&&(l.has("referenceElement")&&m(),l.has("referenceEl")?(v(l.get("referenceEl")),C(i.referenceEl)):l.has("open")&&a.updateElement(i,i.referenceEl))}),c.onDisconnected(()=>{u!=null&&(cancelAnimationFrame(u),u=void 0),v(f)})})};function $(o,a){if(o===a)return!0;if(o.length!==a.length)return!1;let i=new Set(o),c=new Set(a);if(i.size!==c.size)return!1;for(let u of i)if(!c.has(u))return!1;return!0}var ce=5,T=300,de=T/3,ue=T*1.5;function fe({startX:o,startY:a,endX:i,endY:c}){return Math.hypot(i-o,c-a)>ce}var pe=o=>{let a=new Map,i=new WeakMap,c=null,u=null,f=null,E=null,C=null,v=null,p=0,m=(e,n)=>{let t=e.find(s=>a.has(s));if(!t)return;let r=a.get(t);return n?r?.filter(s=>s.referenceElementType===n):r},l=(e,n)=>{let t=e.composedPath(),r=m(t,n);r?.forEach(s=>{s&&!s.triggerDisabled&&(s.open=!s.open)}),Array.from(a.values()).flat().filter(s=>!r?.includes(s)&&s.autoClose&&s.open&&!t.includes(s.el)).forEach(s=>s.open=!1)},g=e=>{z(e)||e.defaultPrevented||v&&fe({endY:e.clientY,endX:e.clientX,startY:v.y,startX:v.x})||(v=null,l(e,"click"))},w=()=>{E!=null&&window.clearTimeout(E),E=null},H=()=>{f!=null&&window.clearTimeout(f),f=null},h=()=>{w(),H()},D=(e,n)=>!!(c?.some(t=>t?.open&&n.includes(t.el))||e?.some(t=>t?.open&&n.includes(t.el))),k=(e,n)=>{e?.forEach(t=>t.open=n),c=n?e:null},y=()=>{k(c,!1)},G=e=>{if(e.key==="Escape"&&!e.defaultPrevented){let n=c?.filter(t=>t?.open);if(n?.length){h(),y();let t=e.composedPath();n.some(r=>r.referenceEl instanceof Element&&t.includes(r.referenceEl)||t.includes(r.el))&&e.preventDefault()}}},Q=e=>{if(e.defaultPrevented)return;u=null;let n=e.composedPath(),t=m(n,"hover");if(D(t,n)){h();return}if(y(),!t?.length)return;h();let r=t.filter(d=>d.closeOnClick),s=t.filter(d=>!d.closeOnClick);r?.length&&(u=r,k(r,!1)),k(s,!0)},x=e=>{if(e.defaultPrevented||!q(e))return;let{clientX:n,clientY:t}=e;v={x:n,y:t}},W=e=>{e.defaultPrevented||(e.key==="Escape"?J():V(e.key)&&l(e,"click"))},j=e=>{m(e.composedPath())?.forEach(t=>t.onReferenceElementKeyDown?.(e))},J=()=>{Array.from(a.values()).flat().forEach(e=>e.open=!1)},O=e=>{$(e??[],c??[])||y()},Z=e=>{E=window.setTimeout(()=>{E===null||!$(e??[],C??[])||(H(),O(e),k(e,!0))},c?.some(n=>n.open)?de:T)},S=()=>{f=window.setTimeout(()=>{f!==null&&y()},ue)},b=e=>{if(e.defaultPrevented){y();return}let n=e.composedPath(),t=m(n,"hover");if(D(t,n)){h();return}t?.some(r=>u?.includes(r))||(t?.some(r=>C?.includes(r))||w(),C=t,t?.length?Z(t):c?.some(r=>r?.open)&&S(),u=null)},A=()=>{y()},M=e=>{e.defaultPrevented||(h(),S())},_=e=>{o.click&&g(e),o.hover&&Q(e)},B=e=>{j(e),o.click&&W(e),o.hover&&G(e)},ee=()=>{(o.click||o.hover)&&(window.addEventListener("click",_),window.addEventListener("keydown",B)),o.click&&window.addEventListener("pointerdown",x),o.hover&&(window.addEventListener("pointermove",b),window.addEventListener("focusin",P),window.addEventListener("blur",A),document.addEventListener("pointerleave",M))},ne=()=>{(o.click||o.hover)&&(window.removeEventListener("click",_),window.removeEventListener("keydown",B)),o.click&&window.removeEventListener("pointerdown",x),o.hover&&(window.removeEventListener("pointermove",b),window.removeEventListener("focusin",P),window.removeEventListener("blur",A),document.removeEventListener("pointerleave",M))},te=(e,n)=>{h(),k(e,n)},Y=e=>e instanceof Element?U(e):null,P=e=>{if(e.defaultPrevented)return;let n=e.composedPath(),t=m(n,"hover");if(D(t,n)){h();return}t?.some(r=>u?.includes(r))||(u=null,O(t),t?.length&&te(t,!0))},K=(e,n)=>{if(!(!n||!e.referenceElementType)&&o.click&&"ariaExpanded"in n){let r=(a.get(n)??[])?.some(s=>s.open)??!1;n.ariaExpanded=R(e.open||r)}},re=e=>{e.addEventListener("focusin",P)},se=e=>{e.removeEventListener("focusin",P)},oe=e=>{let n=i.get(e),t=(typeof n=="number"?n:0)+1;t===1&&re(e),i.set(e,t)},ie=e=>{let n=i.get(e),t=typeof n=="number"?n:0,r=Math.max(0,t-1);if(t>0&&r===0){se(e),i.delete(e);return}r>0&&i.set(e,r)},le=(e,n)=>{if(!n||!e.referenceElementType)return;let t=a.get(n)??[];if(t.includes(e))return;if(o.click&&"ariaControlsElements"in n){let s=n.ariaControlsElements??[];if(!s.includes(e.el)){let d=[...s,e.el];n.ariaControlsElements=d}}if(o.hover&&"ariaDescribedByElements"in n){let s=n.ariaDescribedByElements??[];if(!s.includes(e.el)){let d=[...s,e.el];n.ariaDescribedByElements=d}}p++,a.set(n,[...t,e]);let r=o.hover?Y(n):null;r&&oe(r),p===1&&ee(),K(e,n)},N=e=>{p--,e&&ie(e)};return{registerElement:le,unregisterElement:(e,n)=>{if(!n||!e.referenceElementType)return;let t=o.hover?Y(n):null,r=a.get(n)??[],s=r.filter(d=>d!==e);if(s.length>0?(a.set(n,s),s.length!==r.length&&N(t)):a.delete(n)&&N(t),p===0&&(ne(),h()),o.click&&"ariaControlsElements"in n){let d=(n.ariaControlsElements??[]).filter(L=>L!==e.el);n.ariaControlsElements=d.length>0?d:null}if(o.click&&"ariaExpanded"in n)if((s?.length??0)>0){let L=s?.some(ae=>ae.open)??!1;n.ariaExpanded=R(L)}else n.ariaExpanded=null;if(o.hover&&"ariaDescribedByElements"in n){let d=(n.ariaDescribedByElements??[]).filter(L=>L!==e.el);n.ariaDescribedByElements=d.length>0?d:null}},updateElement:K}};export{Ce as a,pe as b};
2
+ import{b as R}from"./GZZYSINJ.js";import{a as V}from"./YP3AYJH3.js";import{b as I}from"./KGRJJLLC.js";import{A as q,B as z,k as U,m as X}from"./6SSCE6VG.js";import{O as F}from"./LIR56SYG.js";var Ce=o=>{let{manager:a}=o;return I((i,c)=>{let u,f,E=l=>!!(l&&i.referenceElementType),C=l=>{E(l)&&(a.registerElement(i,l),f=l)},v=l=>{E(l)&&(a.unregisterElement(i,l),f===l&&(f=void 0))},p=l=>{let{referenceElement:g,el:w}=l;return(typeof g=="string"?X(w,{id:g}):g)||void 0},m=(l=!0)=>{if(!i.referenceElementType)return;i.referenceEl=p(i);let{el:g,referenceElement:w,referenceEl:H}=i;l&&w&&!H&&F.warn(`${g.tagName}: reference-element id "${w}" was not found.`,{el:g})};c.onConnected(()=>{u=requestAnimationFrame(()=>{i.el.isConnected&&(m(i.manager.loadedCalled),C(i.referenceEl))})}),c.onLoaded(()=>{i.referenceElement&&!i.referenceEl&&m()}),c.onUpdate(l=>{i.hasUpdated&&(l.has("referenceElement")&&m(),l.has("referenceEl")?(v(l.get("referenceEl")),C(i.referenceEl)):l.has("open")&&a.updateElement(i,i.referenceEl))}),c.onDisconnected(()=>{u!=null&&(cancelAnimationFrame(u),u=void 0),v(f)})})};function $(o,a){if(o===a)return!0;if(o.length!==a.length)return!1;let i=new Set(o),c=new Set(a);if(i.size!==c.size)return!1;for(let u of i)if(!c.has(u))return!1;return!0}var ce=5,T=300,de=T/3,ue=T*1.5;function fe({startX:o,startY:a,endX:i,endY:c}){return Math.hypot(i-o,c-a)>ce}var pe=o=>{let a=new Map,i=new WeakMap,c=null,u=null,f=null,E=null,C=null,v=null,p=0,m=(e,n)=>{let t=e.find(s=>a.has(s));if(!t)return;let r=a.get(t);return n?r?.filter(s=>s.referenceElementType===n):r},l=(e,n)=>{let t=e.composedPath(),r=m(t,n);r?.forEach(s=>{s&&!s.triggerDisabled&&(s.open=!s.open)}),Array.from(a.values()).flat().filter(s=>!r?.includes(s)&&s.autoClose&&s.open&&!t.includes(s.el)).forEach(s=>s.open=!1)},g=e=>{z(e)||e.defaultPrevented||v&&fe({endY:e.clientY,endX:e.clientX,startY:v.y,startX:v.x})||(v=null,l(e,"click"))},w=()=>{E!=null&&window.clearTimeout(E),E=null},H=()=>{f!=null&&window.clearTimeout(f),f=null},h=()=>{w(),H()},D=(e,n)=>!!(c?.some(t=>t?.open&&n.includes(t.el))||e?.some(t=>t?.open&&n.includes(t.el))),k=(e,n)=>{e?.forEach(t=>t.open=n),c=n?e:null},y=()=>{k(c,!1)},G=e=>{if(e.key==="Escape"&&!e.defaultPrevented){let n=c?.filter(t=>t?.open);if(n?.length){h(),y();let t=e.composedPath();n.some(r=>r.referenceEl instanceof Element&&t.includes(r.referenceEl)||t.includes(r.el))&&e.preventDefault()}}},Q=e=>{if(e.defaultPrevented)return;u=null;let n=e.composedPath(),t=m(n,"hover");if(D(t,n)){h();return}if(y(),!t?.length)return;h();let r=t.filter(d=>d.closeOnClick),s=t.filter(d=>!d.closeOnClick);r?.length&&(u=r,k(r,!1)),k(s,!0)},x=e=>{if(e.defaultPrevented||!q(e))return;let{clientX:n,clientY:t}=e;v={x:n,y:t}},W=e=>{e.defaultPrevented||(e.key==="Escape"?J():V(e.key)&&l(e,"click"))},j=e=>{m(e.composedPath())?.forEach(t=>t.onReferenceElementKeyDown?.(e))},J=()=>{Array.from(a.values()).flat().forEach(e=>e.open=!1)},O=e=>{$(e??[],c??[])||y()},Z=e=>{E=window.setTimeout(()=>{E===null||!$(e??[],C??[])||(H(),O(e),k(e,!0))},c?.some(n=>n.open)?de:T)},S=()=>{f=window.setTimeout(()=>{f!==null&&y()},ue)},b=e=>{if(e.defaultPrevented){y();return}let n=e.composedPath(),t=m(n,"hover");if(D(t,n)){h();return}t?.some(r=>u?.includes(r))||(t?.some(r=>C?.includes(r))||w(),C=t,t?.length?Z(t):c?.some(r=>r?.open)&&S(),u=null)},A=()=>{y()},M=e=>{e.defaultPrevented||(h(),S())},_=e=>{o.click&&g(e),o.hover&&Q(e)},B=e=>{j(e),o.click&&W(e),o.hover&&G(e)},ee=()=>{(o.click||o.hover)&&(window.addEventListener("click",_),window.addEventListener("keydown",B)),o.click&&window.addEventListener("pointerdown",x),o.hover&&(window.addEventListener("pointermove",b),window.addEventListener("focusin",P),window.addEventListener("blur",A),document.addEventListener("pointerleave",M))},ne=()=>{(o.click||o.hover)&&(window.removeEventListener("click",_),window.removeEventListener("keydown",B)),o.click&&window.removeEventListener("pointerdown",x),o.hover&&(window.removeEventListener("pointermove",b),window.removeEventListener("focusin",P),window.removeEventListener("blur",A),document.removeEventListener("pointerleave",M))},te=(e,n)=>{h(),k(e,n)},Y=e=>e instanceof Element?U(e):null,P=e=>{if(e.defaultPrevented)return;let n=e.composedPath(),t=m(n,"hover");if(D(t,n)){h();return}t?.some(r=>u?.includes(r))||(u=null,O(t),t?.length&&te(t,!0))},K=(e,n)=>{if(!(!n||!e.referenceElementType)&&o.click&&"ariaExpanded"in n){let r=(a.get(n)??[])?.some(s=>s.open)??!1;n.ariaExpanded=R(e.open||r)}},re=e=>{e.addEventListener("focusin",P)},se=e=>{e.removeEventListener("focusin",P)},oe=e=>{let n=i.get(e),t=(typeof n=="number"?n:0)+1;t===1&&re(e),i.set(e,t)},ie=e=>{let n=i.get(e),t=typeof n=="number"?n:0,r=Math.max(0,t-1);if(t>0&&r===0){se(e),i.delete(e);return}r>0&&i.set(e,r)},le=(e,n)=>{if(!n||!e.referenceElementType)return;let t=a.get(n)??[];if(t.includes(e))return;if(o.click&&"ariaControlsElements"in n){let s=n.ariaControlsElements??[];if(!s.includes(e.el)){let d=[...s,e.el];n.ariaControlsElements=d}}if(o.hover&&"ariaDescribedByElements"in n){let s=n.ariaDescribedByElements??[];if(!s.includes(e.el)){let d=[...s,e.el];n.ariaDescribedByElements=d}}p++,a.set(n,[...t,e]);let r=o.hover?Y(n):null;r&&oe(r),p===1&&ee(),K(e,n)},N=e=>{p--,e&&ie(e)};return{registerElement:le,unregisterElement:(e,n)=>{if(!n||!e.referenceElementType)return;let t=o.hover?Y(n):null,r=a.get(n)??[],s=r.filter(d=>d!==e);if(s.length>0?(a.set(n,s),s.length!==r.length&&N(t)):a.delete(n)&&N(t),p===0&&(ne(),h()),o.click&&"ariaControlsElements"in n){let d=(n.ariaControlsElements??[]).filter(L=>L!==e.el);n.ariaControlsElements=d.length>0?d:null}if(o.click&&"ariaExpanded"in n)if((s?.length??0)>0){let L=s?.some(ae=>ae.open)??!1;n.ariaExpanded=R(L)}else n.ariaExpanded=null;if(o.hover&&"ariaDescribedByElements"in n){let d=(n.ariaDescribedByElements??[]).filter(L=>L!==e.el);n.ariaDescribedByElements=d.length>0?d:null}},updateElement:K}};export{Ce as a,pe as b};
package/dist/cdn/{E56W5Q6H.js → Z224SVDF.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as w}from"./G7IZVLT6.js";import"./G4FZ7MFW.js";import{a as C}from"./7T2N2EGO.js";import"./QAYYUZNF.js";import{a as y}from"./THYIEUYX.js";import"./ZWPNZ5XW.js";import"./R55MDXLV.js";import{x as z}from"./EKXRU3BE.js";import{D as b,E as m,F as i,H as x,R as k,g,h as c,p as h}from"./TODNDEPM.js";var t={container:"container",contentContainer:"content-container",contentContainerHasContent:"content-container--has-content",contentContainerHasOnlyContentTopAndBottom:"content-container--has-only-content-top-and-bottom",textContentContainer:"text-content-container",description:"description",heading:"heading",icon:"icon",interactive:"interactive",largeVisualDeprecated:"large-visual-deprecated",row:"row",selected:"selected",selectionIcon:"selection-icon",textContent:"text-content"},s={selectedMultiple:"check-square-f",selectedSingle:"circle-f",unselectedMultiple:"square",unselectedSingle:"circle"},$={contentBottom:"content-bottom",contentTop:"content-top"},A=g`: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{box-shadow:var(--calcite-tile-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:inline-block}calcite-link{--calcite-link-text-color: var(--calcite-tile-link-text-color)}.container{background-color:var(--calcite-tile-background-color, var(--calcite-color-foreground-1));block-size:var(--calcite-container-size-content-fluid);border-radius:var(--calcite-tile-corner-radius, var(--calcite-corner-radius));box-sizing:border-box;color:var(--calcite-tile-text-color, var(--calcite-color-text-3));inline-size:var(--calcite-container-size-content-fluid);outline:var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color, var(--calcite-color-border-2));padding:var(--calcite-internal-tile-spacing);position:relative;-webkit-user-select:none;user-select:none}.container .selection-icon{color:var(--calcite-tile-text-color, var(--calcite-color-text-3))}.container ::slotted(calcite-chip){--calcite-icon-color: var(--calcite-tile-text-color, var(--calcite-color-text-3))}.container.interactive{cursor:pointer}.container.interactive:hover,.container.interactive:focus,.container.interactive.selected{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:var(--calcite-z-index)}.container.interactive:hover .selection-icon,.container.interactive:focus .selection-icon,.container.interactive.selected .selection-icon{color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}.container.interactive:hover .icon,.container.interactive:focus .icon,.container.interactive.selected .icon{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1))}.container.interactive:hover ::slotted(calcite-chip),.container.interactive:focus ::slotted(calcite-chip),.container.interactive.selected ::slotted(calcite-chip){--calcite-icon-color: var(--calcite-tile-text-color, var(--calcite-color-text-1))}.container.interactive:focus{box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:calc(var(--calcite-z-index) + 1)}.content-container,.row{align-items:flex-start;display:flex}.content-container{flex-direction:column;overflow-wrap:break-word;word-break:break-word;inline-size:var(--calcite-container-size-content-fluid)}.text-content-container{inline-size:100%;outline-color:transparent;padding:0}.text-content{display:flex;flex-direction:column}.heading{margin:0;padding:0;color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1));font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}.description{color:var(--calcite-tile-text-color, var(--calcite-color-text-2));font-weight:var(--calcite-font-weight-regular);overflow-wrap:break-word}.large-visual-deprecated{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}.large-visual-deprecated .icon{align-self:center;block-size:64px;inline-size:64px}.large-visual-deprecated .selection-icon{position:absolute;inset-inline-start:var(--calcite-internal-tile-spacing);inset-block-start:var(--calcite-internal-tile-spacing);z-index:var(--calcite-z-index)}.large-visual-deprecated .text-content-container{justify-content:center}:host([alignment=center]) .icon{align-self:center}:host([alignment=center]) .text-content-container{justify-content:center}:host([alignment=center]) .text-content{text-align:center}:host([alignment=center]) slot[name=content-bottom]::slotted(*),:host([alignment=center]) slot[name=content-top]::slotted(*){align-self:center}:host([scale=s]){--calcite-internal-tile-spacing: var(--calcite-spacing-sm);max-inline-size:400px;min-inline-size:100px}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=s]) .description{font-size:var(--calcite-font-size--3);line-height:.85938rem}:host([scale=m]){--calcite-internal-tile-spacing: var(--calcite-spacing-md);max-inline-size:460px;min-inline-size:140px}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=m]) .description{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=l]){--calcite-internal-tile-spacing: var(--calcite-spacing-lg);max-inline-size:520px;min-inline-size:160px}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0);line-height:1.375rem}:host([scale=l]) .description{font-size:var(--calcite-font-size--1);line-height:1.20313rem}.content-container--has-content,.row{gap:var(--calcite-internal-tile-spacing)}.content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-internal-tile-spacing)}:host([selection-appearance=border][layout=horizontal]) .container.selected:focus:before,:host([selection-appearance=border][layout=vertical]) .container.selected:focus:before{block-size:100%;box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([selection-appearance=highlight]) .container.selected{background-color:var(--calcite-color-surface-highlight)}:host([selection-appearance=border][layout=horizontal]) .container.selected{box-shadow:inset 0 -4px 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([selection-appearance=border][layout=vertical]) .container.selected{box-shadow:inset 4px 0 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host(:hover:not([disabled])) .heading,:host([active]:not([disabled])) .heading{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1))}:host(:hover:not([disabled])) .description,:host([active]:not([disabled])) .description{color:var(--calcite-tile-text-color, var(--calcite-color-text-2))}:host([href]:focus:not([disabled])) .container,:host([href]:hover:not([disabled])) .container{outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link));z-index:var(--calcite-z-index)}:host([href]:focus:not([disabled])) .icon,:host([href]:hover:not([disabled])) .icon{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:focus:not([disabled])) .heading,:host([href]:hover:not([disabled])) .heading{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:active:not([disabled])) .container{box-shadow:inset 0 0 0 1px var(--calcite-tile-link-color, var(--calcite-color-text-link));outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([embed]) .container{padding:0}:host([selection-mode=none]) .container:hover,:host([selection-mode=none]) .container.selected{outline-color:var(--calcite-tile-border-color, var(--calcite-color-border-2))}:host([selection-mode=none]) .container:focus{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}::slotted(*){max-inline-size:100%}`,v=class extends m{constructor(){super(),this.focusSetter=y()(this),this.interactiveContainer=C(this),this.hasContentBottom=!1,this.hasContentTop=!1,this.active=!1,this.alignment="start",this.disabled=!1,this.embed=!1,this.iconFlipRtl=!1,this.interactive=!1,this.layout="horizontal",this.scale="m",this.selected=!1,this.selectionAppearance="icon",this.selectionMode="none",this.calciteInternalTileKeyEvent=h({cancelable:!1}),this.calciteTileSelect=h(),this.listen("keydown",this.keyDownHandler)}static{this.properties={hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],active:[7,{},{reflect:!0,type:Boolean}],alignment:[3,{},{reflect:!0}],description:[3,{},{reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],embed:[7,{},{reflect:!0,type:Boolean}],heading:[3,{},{reflect:!0}],headingLevel:[11,{},{type:Number,reflect:!0}],href:[3,{},{reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],interactive:[5,{},{type:Boolean}],label:1,layout:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=A}async setFocus(e){return this.focusSetter(()=>this.interactive?this.containerEl:void 0,e)}clickHandler(){this.interactive&&(this.setFocus(),this.handleSelectEvent())}handleSelectEvent(){this.disabled||!this.interactive||this.selectionMode==="single-persist"&&this.selected===!0||this.calciteTileSelect.emit()}handleSlotChange(e){let o=e.target.dataset.name;this[`has${o}`]=z(e)}setContainerEl(e){this.containerEl=e}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.handleSelectEvent(),e.preventDefault();break;case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"ArrowUp":case"Home":case"End":this.calciteInternalTileKeyEvent.emit(e),e.preventDefault();break}}renderSelectionIcon(){let{selected:e,selectionAppearance:o,selectionMode:a}=this;if(o==="icon"&&a!=="none")return c`<calcite-icon class=${i(t.selectionIcon)} .icon=${e?a==="multiple"?s.selectedMultiple:s.selectedSingle:a==="multiple"?s.unselectedMultiple:s.unselectedSingle} scale=s></calcite-icon>`}renderTile(){let{description:e,disabled:o,hasContentBottom:a,hasContentTop:S,heading:l,headingLevel:B,icon:r,iconFlipRtl:E,interactive:n,selectionMode:d}=this,T=l&&r&&!e,p=!!this.href||!n,u=d==="multiple"&&n?"checkbox":d!=="none"&&n?"radio":n?"button":void 0,f=!!(e||l||r),H=!f&&S&&a;return c`<div .ariaChecked=${d!=="none"&&n?this.selected:void 0} .ariaDisabled=${p?o:void 0} .ariaLabel=${u&&this.label} class=${i({[t.container]:!0,[t.interactive]:n,[t.largeVisualDeprecated]:T,[t.row]:!0,[t.selected]:this.selected})} @click=${this.clickHandler} .role=${u} tabindex=${(p?void 0:0)??x} ${b(this.setContainerEl)}>${this.renderSelectionIcon()}<div class=${i({[t.contentContainer]:!0,[t.contentContainerHasContent]:f,[t.contentContainerHasOnlyContentTopAndBottom]:H})}><slot name=${$.contentTop} @slotchange=${this.handleSlotChange}></slot>${r&&c`<calcite-icon class=${i(t.icon)} .flipRtl=${E} .icon=${r} scale=l></calcite-icon>`||""}<div class=${i({[t.textContentContainer]:!0,[t.row]:!0})}><div class=${i(t.textContent)}>${l&&w({class:t.heading,level:B,children:l})||""}${e&&c`<div class=${i(t.description)}>${e}</div>`||""}</div></div><slot name=${$.contentBottom} @slotchange=${this.handleSlotChange}></slot></div></div>`}render(){let{disabled:e}=this;return this.interactiveContainer({disabled:e,children:this.href?c`<calcite-link .disabled=${e} .href=${this.href}>${this.renderTile()}</calcite-link>`:this.renderTile()})}};k("calcite-tile",v);export{v as Tile};
2
+ import{a as w}from"./WLLIUR2C.js";import"./ZS7GWOKU.js";import{a as C}from"./S57EC43R.js";import"./MDPBLZUD.js";import{a as y}from"./RQR7GQWW.js";import"./ZWPNZ5XW.js";import"./KGRJJLLC.js";import{x as z}from"./6SSCE6VG.js";import{D as b,E as m,F as i,H as x,R as k,g,h as c,p as h}from"./LIR56SYG.js";var t={container:"container",contentContainer:"content-container",contentContainerHasContent:"content-container--has-content",contentContainerHasOnlyContentTopAndBottom:"content-container--has-only-content-top-and-bottom",textContentContainer:"text-content-container",description:"description",heading:"heading",icon:"icon",interactive:"interactive",largeVisualDeprecated:"large-visual-deprecated",row:"row",selected:"selected",selectionIcon:"selection-icon",textContent:"text-content"},s={selectedMultiple:"check-square-f",selectedSingle:"circle-f",unselectedMultiple:"square",unselectedSingle:"circle"},$={contentBottom:"content-bottom",contentTop:"content-top"},A=g`: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{box-shadow:var(--calcite-tile-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:inline-block}calcite-link{--calcite-link-text-color: var(--calcite-tile-link-text-color)}.container{background-color:var(--calcite-tile-background-color, var(--calcite-color-foreground-1));block-size:var(--calcite-container-size-content-fluid);border-radius:var(--calcite-tile-corner-radius, var(--calcite-corner-radius));box-sizing:border-box;color:var(--calcite-tile-text-color, var(--calcite-color-text-3));inline-size:var(--calcite-container-size-content-fluid);outline:var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color, var(--calcite-color-border-2));padding:var(--calcite-internal-tile-spacing);position:relative;-webkit-user-select:none;user-select:none}.container .selection-icon{color:var(--calcite-tile-text-color, var(--calcite-color-text-3))}.container ::slotted(calcite-chip){--calcite-icon-color: var(--calcite-tile-text-color, var(--calcite-color-text-3))}.container.interactive{cursor:pointer}.container.interactive:hover,.container.interactive:focus,.container.interactive.selected{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:var(--calcite-z-index)}.container.interactive:hover .selection-icon,.container.interactive:focus .selection-icon,.container.interactive.selected .selection-icon{color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}.container.interactive:hover .icon,.container.interactive:focus .icon,.container.interactive.selected .icon{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1))}.container.interactive:hover ::slotted(calcite-chip),.container.interactive:focus ::slotted(calcite-chip),.container.interactive.selected ::slotted(calcite-chip){--calcite-icon-color: var(--calcite-tile-text-color, var(--calcite-color-text-1))}.container.interactive:focus{box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:calc(var(--calcite-z-index) + 1)}.content-container,.row{align-items:flex-start;display:flex}.content-container{flex-direction:column;overflow-wrap:break-word;word-break:break-word;inline-size:var(--calcite-container-size-content-fluid)}.text-content-container{inline-size:100%;outline-color:transparent;padding:0}.text-content{display:flex;flex-direction:column}.heading{margin:0;padding:0;color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1));font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}.description{color:var(--calcite-tile-text-color, var(--calcite-color-text-2));font-weight:var(--calcite-font-weight-regular);overflow-wrap:break-word}.large-visual-deprecated{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}.large-visual-deprecated .icon{align-self:center;block-size:64px;inline-size:64px}.large-visual-deprecated .selection-icon{position:absolute;inset-inline-start:var(--calcite-internal-tile-spacing);inset-block-start:var(--calcite-internal-tile-spacing);z-index:var(--calcite-z-index)}.large-visual-deprecated .text-content-container{justify-content:center}:host([alignment=center]) .icon{align-self:center}:host([alignment=center]) .text-content-container{justify-content:center}:host([alignment=center]) .text-content{text-align:center}:host([alignment=center]) slot[name=content-bottom]::slotted(*),:host([alignment=center]) slot[name=content-top]::slotted(*){align-self:center}:host([scale=s]){--calcite-internal-tile-spacing: var(--calcite-spacing-sm);max-inline-size:400px;min-inline-size:100px}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=s]) .description{font-size:var(--calcite-font-size--3);line-height:.85938rem}:host([scale=m]){--calcite-internal-tile-spacing: var(--calcite-spacing-md);max-inline-size:460px;min-inline-size:140px}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=m]) .description{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=l]){--calcite-internal-tile-spacing: var(--calcite-spacing-lg);max-inline-size:520px;min-inline-size:160px}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0);line-height:1.375rem}:host([scale=l]) .description{font-size:var(--calcite-font-size--1);line-height:1.20313rem}.content-container--has-content,.row{gap:var(--calcite-internal-tile-spacing)}.content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-internal-tile-spacing)}:host([selection-appearance=border][layout=horizontal]) .container.selected:focus:before,:host([selection-appearance=border][layout=vertical]) .container.selected:focus:before{block-size:100%;box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([selection-appearance=highlight]) .container.selected{background-color:var(--calcite-color-surface-highlight)}:host([selection-appearance=border][layout=horizontal]) .container.selected{box-shadow:inset 0 -4px 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([selection-appearance=border][layout=vertical]) .container.selected{box-shadow:inset 4px 0 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host(:hover:not([disabled])) .heading,:host([active]:not([disabled])) .heading{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1))}:host(:hover:not([disabled])) .description,:host([active]:not([disabled])) .description{color:var(--calcite-tile-text-color, var(--calcite-color-text-2))}:host([href]:focus:not([disabled])) .container,:host([href]:hover:not([disabled])) .container{outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link));z-index:var(--calcite-z-index)}:host([href]:focus:not([disabled])) .icon,:host([href]:hover:not([disabled])) .icon{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:focus:not([disabled])) .heading,:host([href]:hover:not([disabled])) .heading{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:active:not([disabled])) .container{box-shadow:inset 0 0 0 1px var(--calcite-tile-link-color, var(--calcite-color-text-link));outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([embed]) .container{padding:0}:host([selection-mode=none]) .container:hover,:host([selection-mode=none]) .container.selected{outline-color:var(--calcite-tile-border-color, var(--calcite-color-border-2))}:host([selection-mode=none]) .container:focus{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}::slotted(*){max-inline-size:100%}`,v=class extends m{constructor(){super(),this.focusSetter=y()(this),this.interactiveContainer=C(this),this.hasContentBottom=!1,this.hasContentTop=!1,this.active=!1,this.alignment="start",this.disabled=!1,this.embed=!1,this.iconFlipRtl=!1,this.interactive=!1,this.layout="horizontal",this.scale="m",this.selected=!1,this.selectionAppearance="icon",this.selectionMode="none",this.calciteInternalTileKeyEvent=h({cancelable:!1}),this.calciteTileSelect=h(),this.listen("keydown",this.keyDownHandler)}static{this.properties={hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],active:[7,{},{reflect:!0,type:Boolean}],alignment:[3,{},{reflect:!0}],description:[3,{},{reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],embed:[7,{},{reflect:!0,type:Boolean}],heading:[3,{},{reflect:!0}],headingLevel:[11,{},{type:Number,reflect:!0}],href:[3,{},{reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],interactive:[5,{},{type:Boolean}],label:1,layout:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=A}async setFocus(e){return this.focusSetter(()=>this.interactive?this.containerEl:void 0,e)}clickHandler(){this.interactive&&(this.setFocus(),this.handleSelectEvent())}handleSelectEvent(){this.disabled||!this.interactive||this.selectionMode==="single-persist"&&this.selected===!0||this.calciteTileSelect.emit()}handleSlotChange(e){let o=e.target.dataset.name;this[`has${o}`]=z(e)}setContainerEl(e){this.containerEl=e}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.handleSelectEvent(),e.preventDefault();break;case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"ArrowUp":case"Home":case"End":this.calciteInternalTileKeyEvent.emit(e),e.preventDefault();break}}renderSelectionIcon(){let{selected:e,selectionAppearance:o,selectionMode:a}=this;if(o==="icon"&&a!=="none")return c`<calcite-icon class=${i(t.selectionIcon)} .icon=${e?a==="multiple"?s.selectedMultiple:s.selectedSingle:a==="multiple"?s.unselectedMultiple:s.unselectedSingle} scale=s></calcite-icon>`}renderTile(){let{description:e,disabled:o,hasContentBottom:a,hasContentTop:S,heading:l,headingLevel:B,icon:r,iconFlipRtl:E,interactive:n,selectionMode:d}=this,T=l&&r&&!e,p=!!this.href||!n,u=d==="multiple"&&n?"checkbox":d!=="none"&&n?"radio":n?"button":void 0,f=!!(e||l||r),H=!f&&S&&a;return c`<div .ariaChecked=${d!=="none"&&n?this.selected:void 0} .ariaDisabled=${p?o:void 0} .ariaLabel=${u&&this.label} class=${i({[t.container]:!0,[t.interactive]:n,[t.largeVisualDeprecated]:T,[t.row]:!0,[t.selected]:this.selected})} @click=${this.clickHandler} .role=${u} tabindex=${(p?void 0:0)??x} ${b(this.setContainerEl)}>${this.renderSelectionIcon()}<div class=${i({[t.contentContainer]:!0,[t.contentContainerHasContent]:f,[t.contentContainerHasOnlyContentTopAndBottom]:H})}><slot name=${$.contentTop} @slotchange=${this.handleSlotChange}></slot>${r&&c`<calcite-icon class=${i(t.icon)} .flipRtl=${E} .icon=${r} scale=l></calcite-icon>`||""}<div class=${i({[t.textContentContainer]:!0,[t.row]:!0})}><div class=${i(t.textContent)}>${l&&w({class:t.heading,level:B,children:l})||""}${e&&c`<div class=${i(t.description)}>${e}</div>`||""}</div></div><slot name=${$.contentBottom} @slotchange=${this.handleSlotChange}></slot></div></div>`}render(){let{disabled:e}=this;return this.interactiveContainer({disabled:e,children:this.href?c`<calcite-link .disabled=${e} .href=${this.href}>${this.renderTile()}</calcite-link>`:this.renderTile()})}};k("calcite-tile",v);export{v as Tile};
package/dist/cdn/{MUFDOMJY.js → ZGANSKJL.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as x,h as y,l as E,n as g,o as b,p,q as I,r as d,s as r,t as h,u as B}from"./TFGN3C6X.js";import"./27YYIR6K.js";import{a as O}from"./QAYYUZNF.js";import"./5EBGPCB7.js";import{a as T}from"./THYIEUYX.js";import"./ZWPNZ5XW.js";import"./R55MDXLV.js";import"./EKXRU3BE.js";import{C,D as v,E as D,F as f,R as F,g as k,h as m,p as R}from"./TODNDEPM.js";var $={container:"container",hexInput:"hex-input",opacityInput:"opacity-input"},U=k`:host{display:block}.container{display:flex;inline-size:100%;flex-wrap:nowrap;align-items:center}.hex-input{--calcite-input-text-background-color: var(--calcite-color-picker-input-background-color);--calcite-input-text-border-color: var(--calcite-color-picker-input-border-color);--calcite-input-text-text-color: var(--calcite-color-picker-input-text-color);--calcite-input-prefix-text-color: var(--calcite-color-picker-input-prefix-text-color)}.opacity-input{--calcite-input-number-background-color: var(--calcite-color-picker-input-background-color);--calcite-input-number-border-color: var(--calcite-color-picker-input-border-color);--calcite-input-number-text-color: var(--calcite-color-picker-input-text-color);--calcite-input-suffix-text-color: var(--calcite-color-picker-input-suffix-text-color)}.hex-input{flex-grow:1;text-transform:uppercase}.opacity-input{inline-size:100px;margin-inline-start:-1px}:host([hidden]){display:none}[hidden]{display:none}`,V=x(),w=class extends D{constructor(){super(...arguments),this.hexInputRef=C(),this.opacityInputRef=C(),this.focusSetter=T()(this),this.internalColor=V,this.alphaChannel=!1,this.allowEmpty=!1,this.hexLabel="Hex",this.scale="m",this.value=r(h(V,this.alphaChannel),this.alphaChannel,!0),this.calciteColorPickerHexInputChange=R({cancelable:!1})}static{this.properties={internalColor:[16,{},{state:!0}],alphaChannel:[5,{},{type:Boolean}],allowEmpty:[5,{},{type:Boolean}],hexLabel:1,messages:[0,{},{attribute:!1}],numberingSystem:1,scale:[3,{},{reflect:!0}],value:[3,{},{reflect:!0}]}}static{this.styles=U}async setFocus(t){return this.focusSetter(()=>this.hexInputRef.value,t)}connectedCallback(){super.connectedCallback(),this.previousDefinedValue=this.value;let{allowEmpty:t,alphaChannel:e,value:a}=this;if(a){let n=r(a,e);p(n,e)&&this.internalSetValue(n,n,!1);return}t&&this.internalSetValue(void 0,void 0,!1)}willUpdate(t){t.has("value")&&(this.hasUpdated||this.value!==r(h(V,this.alphaChannel),this.alphaChannel,!0))&&this.internalSetValue(this.value,t.get("value"),!1)}onHexInputBlur(){let t=this.hexInputRef.value,e=t.value,a=`#${e}`,{allowEmpty:n,internalColor:l}=this,o=n&&!e,i=d(a);(I(a,!0)||I(a,!1))&&this.onHexInputChange(),!(o||p(a)&&i)&&(t.value=n&&!l?"":this.formatHexForInternalInput(B(l.object())))}onOpacityInputBlur(){let t=this.opacityInputRef.value,e=t.value,{allowEmpty:a,internalColor:n}=this;a&&!e||(t.value=a&&!n?"":this.formatOpacityForInternalInput(n))}onOpacityInputInput(){this.onOpacityInputChange()}onHexInputChange(){let e=this.hexInputRef.value.value;if(e){let a=r(e,!1);if(p(a)&&this.alphaChannel&&this.internalColor){let l=r(this.internalColor.hexa(),!0).slice(-2);e=`${a+l}`}}this.internalSetValue(e,this.value)}onOpacityInputChange(){let t=this.opacityInputRef.value,e;if(!t.value)e=t.value;else{let a=b(Number(t.value));e=this.internalColor?.alpha(a).hexa()}this.internalSetValue(e,this.value)}onInputFocus(t){(t.type==="calciteInternalInputTextFocus"?this.hexInputRef:this.opacityInputRef).value.selectText()}onHexInputInput(){let t=`#${this.hexInputRef.value.value}`,e=this.value;p(t,this.alphaChannel)&&d(t,this.alphaChannel)&&this.internalSetValue(t,e)}onInputKeyDown(t){let{altKey:e,ctrlKey:a,metaKey:n,shiftKey:l}=t,{alphaChannel:o,hexInputRef:i,internalColor:s,value:c}=this,{key:u}=t,H=t.composedPath();if(u==="Tab"&&I(c,this.alphaChannel)||u==="Enter"){H.includes(i.value)?this.onHexInputChange():this.onOpacityInputChange(),u==="Enter"&&t.preventDefault();return}let L=u==="ArrowDown"||u==="ArrowUp",S=this.value;if(L){if(!c){this.internalSetValue(this.previousDefinedValue,S),t.preventDefault();return}let P=u==="ArrowUp"?1:-1,N=l?10:1;this.internalSetValue(h(this.nudgeRGBChannels(s,N*P,H.includes(i.value)?"rgb":"a"),o),S),t.preventDefault();return}let A=e||a||n,K=u.length===1,z=E.test(u);K&&!A&&!z&&t.preventDefault()}onHexInputPaste(t){let e=t.clipboardData?.getData("text");p(e,this.alphaChannel)&&d(e,this.alphaChannel)&&(t.preventDefault(),this.hexInputRef.value.value=e.slice(1),this.internalSetValue(e,this.value))}internalSetValue(t,e,a=!0){if(t){let{alphaChannel:n}=this,l=r(t,n,n);if(p(l,n)){let{internalColor:o}=this,i=x(l),s=r(h(i,n),n),c=!o||s!==r(h(o,n),n);this.internalColor=i,this.previousDefinedValue=s,this.value=s,c&&a&&this.calciteColorPickerHexInputChange.emit();return}}else if(this.allowEmpty){this.internalColor=void 0,this.value=void 0,a&&this.calciteColorPickerHexInputChange.emit();return}this.value=e}formatHexForInternalInput(t){return t?t.replace("#","").slice(0,6):""}formatOpacityForInternalInput(t){return t?`${g(t.alpha())}`:""}nudgeRGBChannels(t,e,a){let n,l=t.array(),o=l.slice(0,3);if(a==="rgb")n=[...o.map(s=>s+e),this.alphaChannel?l[3]:void 0];else{let i=b(g(t.alpha())+e);n=[...o,i]}return x(n)}render(){let{alphaChannel:t,hexLabel:e,internalColor:a,messages:n,scale:l,value:o}=this,i=this.formatHexForInternalInput(o),s=this.formatOpacityForInternalInput(a),c=l==="l"?"m":"s";return m`<div class=${f($.container)}><calcite-input-text class=${f($.hexInput)} .label=${n?.hex||e} .maxLength=${this.alphaChannel?8:6} @calciteInputTextChange=${this.onHexInputChange} @calciteInputTextInput=${this.onHexInputInput} @calciteInternalInputTextBlur=${this.onHexInputBlur} @calciteInternalInputTextFocus=${this.onInputFocus} @keydown=${this.onInputKeyDown} @paste=${this.onHexInputPaste} prefix-text=# .scale=${c} .value=${i} ${v(this.hexInputRef)}></calcite-input-text>${t?O("opacity-input",m`<calcite-input-number class=${f($.opacityInput)} .label=${n?.opacity} .max=${y.max} max-length=3 .min=${y.min} number-button-type=none .numberingSystem=${this.numberingSystem} @calciteInputNumberInput=${this.onOpacityInputInput} @calciteInternalInputNumberBlur=${this.onOpacityInputBlur} @calciteInternalInputNumberFocus=${this.onInputFocus} @keydown=${this.onInputKeyDown} .scale=${c} suffix-text=% .value=${s} ${v(this.opacityInputRef)}></calcite-input-number>`):null}</div>`}};F("calcite-color-picker-hex-input",w);export{w as ColorPickerHexInput};
2
+ import{a as x,h as y,l as E,n as g,o as b,p,q as I,r as d,s as r,t as h,u as B}from"./TFGN3C6X.js";import"./27YYIR6K.js";import{a as O}from"./MDPBLZUD.js";import"./5EBGPCB7.js";import{a as T}from"./RQR7GQWW.js";import"./ZWPNZ5XW.js";import"./KGRJJLLC.js";import"./6SSCE6VG.js";import{C,D as v,E as D,F as f,R as F,g as k,h as m,p as R}from"./LIR56SYG.js";var $={container:"container",hexInput:"hex-input",opacityInput:"opacity-input"},U=k`:host{display:block}.container{display:flex;inline-size:100%;flex-wrap:nowrap;align-items:center}.hex-input{--calcite-input-text-background-color: var(--calcite-color-picker-input-background-color);--calcite-input-text-border-color: var(--calcite-color-picker-input-border-color);--calcite-input-text-text-color: var(--calcite-color-picker-input-text-color);--calcite-input-prefix-text-color: var(--calcite-color-picker-input-prefix-text-color)}.opacity-input{--calcite-input-number-background-color: var(--calcite-color-picker-input-background-color);--calcite-input-number-border-color: var(--calcite-color-picker-input-border-color);--calcite-input-number-text-color: var(--calcite-color-picker-input-text-color);--calcite-input-suffix-text-color: var(--calcite-color-picker-input-suffix-text-color)}.hex-input{flex-grow:1;text-transform:uppercase}.opacity-input{inline-size:100px;margin-inline-start:-1px}:host([hidden]){display:none}[hidden]{display:none}`,V=x(),w=class extends D{constructor(){super(...arguments),this.hexInputRef=C(),this.opacityInputRef=C(),this.focusSetter=T()(this),this.internalColor=V,this.alphaChannel=!1,this.allowEmpty=!1,this.hexLabel="Hex",this.scale="m",this.value=r(h(V,this.alphaChannel),this.alphaChannel,!0),this.calciteColorPickerHexInputChange=R({cancelable:!1})}static{this.properties={internalColor:[16,{},{state:!0}],alphaChannel:[5,{},{type:Boolean}],allowEmpty:[5,{},{type:Boolean}],hexLabel:1,messages:[0,{},{attribute:!1}],numberingSystem:1,scale:[3,{},{reflect:!0}],value:[3,{},{reflect:!0}]}}static{this.styles=U}async setFocus(t){return this.focusSetter(()=>this.hexInputRef.value,t)}connectedCallback(){super.connectedCallback(),this.previousDefinedValue=this.value;let{allowEmpty:t,alphaChannel:e,value:a}=this;if(a){let n=r(a,e);p(n,e)&&this.internalSetValue(n,n,!1);return}t&&this.internalSetValue(void 0,void 0,!1)}willUpdate(t){t.has("value")&&(this.hasUpdated||this.value!==r(h(V,this.alphaChannel),this.alphaChannel,!0))&&this.internalSetValue(this.value,t.get("value"),!1)}onHexInputBlur(){let t=this.hexInputRef.value,e=t.value,a=`#${e}`,{allowEmpty:n,internalColor:l}=this,o=n&&!e,i=d(a);(I(a,!0)||I(a,!1))&&this.onHexInputChange(),!(o||p(a)&&i)&&(t.value=n&&!l?"":this.formatHexForInternalInput(B(l.object())))}onOpacityInputBlur(){let t=this.opacityInputRef.value,e=t.value,{allowEmpty:a,internalColor:n}=this;a&&!e||(t.value=a&&!n?"":this.formatOpacityForInternalInput(n))}onOpacityInputInput(){this.onOpacityInputChange()}onHexInputChange(){let e=this.hexInputRef.value.value;if(e){let a=r(e,!1);if(p(a)&&this.alphaChannel&&this.internalColor){let l=r(this.internalColor.hexa(),!0).slice(-2);e=`${a+l}`}}this.internalSetValue(e,this.value)}onOpacityInputChange(){let t=this.opacityInputRef.value,e;if(!t.value)e=t.value;else{let a=b(Number(t.value));e=this.internalColor?.alpha(a).hexa()}this.internalSetValue(e,this.value)}onInputFocus(t){(t.type==="calciteInternalInputTextFocus"?this.hexInputRef:this.opacityInputRef).value.selectText()}onHexInputInput(){let t=`#${this.hexInputRef.value.value}`,e=this.value;p(t,this.alphaChannel)&&d(t,this.alphaChannel)&&this.internalSetValue(t,e)}onInputKeyDown(t){let{altKey:e,ctrlKey:a,metaKey:n,shiftKey:l}=t,{alphaChannel:o,hexInputRef:i,internalColor:s,value:c}=this,{key:u}=t,H=t.composedPath();if(u==="Tab"&&I(c,this.alphaChannel)||u==="Enter"){H.includes(i.value)?this.onHexInputChange():this.onOpacityInputChange(),u==="Enter"&&t.preventDefault();return}let L=u==="ArrowDown"||u==="ArrowUp",S=this.value;if(L){if(!c){this.internalSetValue(this.previousDefinedValue,S),t.preventDefault();return}let P=u==="ArrowUp"?1:-1,N=l?10:1;this.internalSetValue(h(this.nudgeRGBChannels(s,N*P,H.includes(i.value)?"rgb":"a"),o),S),t.preventDefault();return}let A=e||a||n,K=u.length===1,z=E.test(u);K&&!A&&!z&&t.preventDefault()}onHexInputPaste(t){let e=t.clipboardData?.getData("text");p(e,this.alphaChannel)&&d(e,this.alphaChannel)&&(t.preventDefault(),this.hexInputRef.value.value=e.slice(1),this.internalSetValue(e,this.value))}internalSetValue(t,e,a=!0){if(t){let{alphaChannel:n}=this,l=r(t,n,n);if(p(l,n)){let{internalColor:o}=this,i=x(l),s=r(h(i,n),n),c=!o||s!==r(h(o,n),n);this.internalColor=i,this.previousDefinedValue=s,this.value=s,c&&a&&this.calciteColorPickerHexInputChange.emit();return}}else if(this.allowEmpty){this.internalColor=void 0,this.value=void 0,a&&this.calciteColorPickerHexInputChange.emit();return}this.value=e}formatHexForInternalInput(t){return t?t.replace("#","").slice(0,6):""}formatOpacityForInternalInput(t){return t?`${g(t.alpha())}`:""}nudgeRGBChannels(t,e,a){let n,l=t.array(),o=l.slice(0,3);if(a==="rgb")n=[...o.map(s=>s+e),this.alphaChannel?l[3]:void 0];else{let i=b(g(t.alpha())+e);n=[...o,i]}return x(n)}render(){let{alphaChannel:t,hexLabel:e,internalColor:a,messages:n,scale:l,value:o}=this,i=this.formatHexForInternalInput(o),s=this.formatOpacityForInternalInput(a),c=l==="l"?"m":"s";return m`<div class=${f($.container)}><calcite-input-text class=${f($.hexInput)} .label=${n?.hex||e} .maxLength=${this.alphaChannel?8:6} @calciteInputTextChange=${this.onHexInputChange} @calciteInputTextInput=${this.onHexInputInput} @calciteInternalInputTextBlur=${this.onHexInputBlur} @calciteInternalInputTextFocus=${this.onInputFocus} @keydown=${this.onInputKeyDown} @paste=${this.onHexInputPaste} prefix-text=# .scale=${c} .value=${i} ${v(this.hexInputRef)}></calcite-input-text>${t?O("opacity-input",m`<calcite-input-number class=${f($.opacityInput)} .label=${n?.opacity} .max=${y.max} max-length=3 .min=${y.min} number-button-type=none .numberingSystem=${this.numberingSystem} @calciteInputNumberInput=${this.onOpacityInputInput} @calciteInternalInputNumberBlur=${this.onOpacityInputBlur} @calciteInternalInputNumberFocus=${this.onInputFocus} @keydown=${this.onInputKeyDown} .scale=${c} suffix-text=% .value=${s} ${v(this.opacityInputRef)}></calcite-input-number>`):null}</div>`}};F("calcite-color-picker-hex-input",w);export{w as ColorPickerHexInput};
package/dist/cdn/{SHBGE7GX.js → ZJRAOPHW.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as C,b as L}from"./L5Y2ZYVX.js";import{a as A}from"./735UOYTJ.js";import{a as g}from"./QAYYUZNF.js";import{a as S}from"./GZZYSINJ.js";import{a as M}from"./VI7SBYXT.js";import{a as O}from"./T4MMAZBQ.js";import{e as D}from"./R55MDXLV.js";import{H as n,x as _,y as U}from"./EKXRU3BE.js";import{C as w,D as x,E as $,F as d,K as u,M as P,N as V,R as H,g as I,h as z,p as v}from"./TODNDEPM.js";var K=I`.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)}}`,c={container:"container",actionBarContainer:"action-bar-container",contentContainer:"content-container",content:"content",contentActionBarExpanded:"content--action-bar-expanded",contentHeader:"content__header",contentBody:"content__body",contentOverlay:"content--overlay",floatAll:"float-all",floatContent:"float--content",resizeHandle:"resize-handle",resizeHandleBar:"resize-handle-bar"},W={actionBar:"action-bar",header:"header"},N={dragVertical:"drag-resize-vertical",dragHorizontal:"drag-resize-horizontal"},T=I`: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-internal-shell-panel-border: var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3));--calcite-internal-shell-panel-resize-handle-thickness: var(--calcite-size-fixed-xxl);--calcite-internal-shell-panel-resize-handle-bar-thickness: var(--calcite-size-4xs);--calcite-internal-shell-panel-resize-handle-side-thickness: calc( var(--calcite-internal-shell-panel-resize-handle-thickness) - var( --calcite-internal-shell-panel-resize-handle-bar-thickness ) ) / 2}.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)}:host([display-mode=float-all][height=s]),:host([display-mode=float-all][height-scale=s]) .content{min-block-size:var(--calcite-shell-panel-height, 20vh)}:host([display-mode=float-all][height=m]),:host([display-mode=float-all][height-scale=m]) .content{min-block-size:var(--calcite-shell-panel-height, 30vh)}:host([display-mode=float-all][height=l]),:host([display-mode=float-all][height-scale=l]) .content{min-block-size:var(--calcite-shell-panel-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-relative-base);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)}:host([action-bar-position]) .container{flex-direction:var(--calcite-internal-shell-panel-container-flex-direction);padding-inline-start:var(--calcite-internal-shell-panel-container-padding-inline-start);padding-inline-end:var(--calcite-internal-shell-panel-container-padding-inline-end);padding-block-start:var(--calcite-internal-shell-panel-container-padding-block-start);padding-block-end:var(--calcite-internal-shell-panel-container-padding-block-end)}.float-all{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}:host([layout=horizontal]):host([action-bar-position]) .container{flex-direction:var(--calcite-internal-shell-panel-container-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 );inset-inline-start:var(--calcite-internal-shell-panel-resize-handle-inset-inline-start);inset-inline-end:var(--calcite-internal-shell-panel-resize-handle-inset-inline-end);inset-block-start:var(--calcite-internal-shell-panel-resize-handle-inset-block-start);inset-block-end:var(--calcite-internal-shell-panel-resize-handle-inset-block-end);z-index:var(--calcite-z-index-header);touch-action:none}.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);block-size:100%;inset-inline-end:var(--calcite-internal-shell-panel-resize-handle-inset-inline-end, var(--calcite-internal-shell-panel-resize-handle-offset))}:host([position=start][layout=vertical]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-start:var(--calcite-internal-shell-panel-border)}: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=start][layout=vertical]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, var(--calcite-size-fixed-sm-plus));block-size:var(--calcite-internal-shell-panel-resize-handle-block-size, 100%)}:host([position=start][layout=vertical]):host([action-bar-position]) .resize-handle-bar{border-inline-start:var(--calcite-internal-shell-panel-resize-handle-bar-border-inline-start, var(--calcite-internal-shell-panel-border))}:host([position=start][layout=vertical]):host([action-bar-position=top]){--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( var(--calcite-internal-shell-panel-action-bar-height) * -1 )}:host([position=start][layout=vertical]):host([action-bar-position=top]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}:host([position=start][layout=vertical]):host([action-bar-position=bottom]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}: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-internal-shell-panel-border)}: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=end][layout=vertical]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, var(--calcite-size-fixed-sm-plus));block-size:var(--calcite-internal-shell-panel-resize-handle-block-size, 100%);inset-inline-start:var(--calcite-internal-shell-panel-resize-handle-inset-inline-start, var(--calcite-internal-shell-panel-resize-handle-offset))}:host([position=end][layout=vertical]):host([action-bar-position=top]){--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( var(--calcite-internal-shell-panel-action-bar-height) * -1 )}:host([position=end][layout=vertical]):host([action-bar-position=top]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}:host([position=end][layout=vertical]):host([action-bar-position=bottom]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}: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-internal-shell-panel-border)}: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=start][layout=horizontal]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, 100%);inset-block-end:var(--calcite-internal-shell-panel-resize-handle-inset-block-end, var(--calcite-internal-shell-panel-resize-handle-offset))}: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-internal-shell-panel-border)}: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))}:host([position=end][layout=horizontal]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, 100%);block-size:var(--calcite-internal-shell-panel-resize-handle-block-size, var(--calcite-size-fixed-xxl));inset-block-start:var(--calcite-internal-shell-panel-resize-handle-inset-block-start, var(--calcite-internal-shell-panel-resize-handle-offset))}::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([action-bar-position]) .content{padding-inline-start:var(--calcite-internal-shell-panel-content-padding-inline-start);padding-inline-end:var(--calcite-internal-shell-panel-content-padding-inline-end);padding-block-start:var(--calcite-internal-shell-panel-content-padding-block-start);padding-block-end:var(--calcite-internal-shell-panel-content-padding-block-end)}.content--action-bar-expanded{--calcite-internal-shell-panel-max-width: 100%}: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-internal-shell-panel-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=vertical][position=end]):host([action-bar-position]) .content{padding-inline-start:var(--calcite-internal-shell-panel-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=start]):host([action-bar-position]) .content{padding-block-end:var(--calcite-internal-shell-panel-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)}:host([resizable][layout=horizontal][position=end]):host([action-bar-position]) .content{padding-block-start:var(--calcite-internal-shell-panel-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;box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm))}: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;box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm));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([action-bar-position]) .content ::slotted(calcite-flow),:host([action-bar-position]) .content ::slotted(calcite-panel:not([closed])){border-inline-start:var(--calcite-internal-shell-panel-slotted-panel-border-inline-start, var(--calcite-internal-shell-panel-border));border-inline-end:var(--calcite-internal-shell-panel-slotted-panel-border-inline-end, var(--calcite-internal-shell-panel-border));border-block-start:var(--calcite-internal-shell-panel-slotted-panel-border-block-start, var(--calcite-internal-shell-panel-border));border-block-end:var(--calcite-internal-shell-panel-slotted-panel-border-block-end, var(--calcite-internal-shell-panel-border))}:host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar){border-block-start:var(--calcite-internal-shell-panel-action-bar-border-block-start);border-block-end:var(--calcite-internal-shell-panel-action-bar-border-block-end)}: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([position=start]:not([slot=panel-end])):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline-start:var(--calcite-internal-shell-panel-action-bar-border-inline-start, none);border-inline-end:var(--calcite-internal-shell-panel-action-bar-border-inline-end);border-block-start:var(--calcite-internal-shell-panel-action-bar-border-block-start);border-block-end:var(--calcite-internal-shell-panel-action-bar-border-block-end)}: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=vertical]):host([action-bar-position]) .content ::slotted(calcite-flow),:host([resizable][layout=vertical]):host([action-bar-position]) .content ::slotted(calcite-panel){border-inline-start:var(--calcite-internal-shell-panel-slotted-panel-border-inline-start, none);border-inline-end:var(--calcite-internal-shell-panel-slotted-panel-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([resizable][layout=horizontal]):host([action-bar-position]) .content ::slotted(calcite-flow),:host([resizable][layout=horizontal]):host([action-bar-position]) .content ::slotted(calcite-panel){border-block-start:var(--calcite-internal-shell-panel-slotted-panel-border-block-start, none);border-block-end:var(--calcite-internal-shell-panel-slotted-panel-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([position=end]:not([slot=panel-start])):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline-start:var(--calcite-internal-shell-panel-action-bar-border-inline-start);border-inline-end:var(--calcite-internal-shell-panel-action-bar-border-inline-end, none)}:host([position=end]:not([slot=panel-start])):host([action-bar-position]) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])):host([action-bar-position]) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]):host([action-bar-position]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]):host([action-bar-position]) .content ::slotted(calcite-panel){border-inline-start:var(--calcite-internal-shell-panel-slotted-panel-border-inline-start);border-inline-end:var(--calcite-internal-shell-panel-slotted-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([display-mode=dock]) .resize-handle-bar,:host([display-mode=float-all]) .resize-handle-bar,:host([display-mode=overlay]) .resize-handle-bar{border-block-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-block-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}:host([display-mode=dock]):host([action-bar-position]) .resize-handle-bar,:host([display-mode=float-all]):host([action-bar-position]) .resize-handle-bar,:host([display-mode=overlay]):host([action-bar-position]) .resize-handle-bar{border-inline-end:var(--calcite-internal-shell-panel-resize-handle-bar-border-inline-end, var(--calcite-border-width-sm) solid var(--calcite-color-border-3));border-block-start:var(--calcite-internal-shell-panel-resize-handle-bar-border-block-start, var(--calcite-border-width-sm) solid var(--calcite-color-border-3));border-block-end:var(--calcite-internal-shell-panel-resize-handle-bar-border-block-end, var(--calcite-border-width-sm) solid var(--calcite-color-border-3))}:host([action-bar-position]) ::slotted(calcite-action-bar){display:flex;flex:1 1 0}:host([action-bar-position=start][slot=panel-start]){--calcite-internal-shell-panel-action-bar-border-inline-start: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: 0;--calcite-internal-shell-panel-action-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( var(--calcite-internal-shell-panel-resize-handle-side-thickness) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=start][slot=panel-end]){--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-inline-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( calc( var(--calcite-internal-shell-panel-action-bar-width) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inset-inline-end: auto;--calcite-internal-shell-panel-content-padding-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=start][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-start]){--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-start: auto;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( calc( var(--calcite-internal-shell-panel-action-bar-width) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-container-padding-inline-end: 0;--calcite-internal-shell-panel-content-padding-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=end][slot=panel-start]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-end]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( var(--calcite-internal-shell-panel-resize-handle-side-thickness) * -1 );--calcite-internal-shell-panel-content-padding-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=end][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-content-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=top][slot=panel-start]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=top][slot=panel-start]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-inline-end: 0}:host([action-bar-position=top][slot=panel-end]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=top][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-inline-start: 0}:host([action-bar-position=bottom][slot=panel-start]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-content-padding-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=bottom][slot=panel-start]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=bottom][slot=panel-end]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=bottom][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-inline-start: 0}:host([action-bar-position=top][slot=panel-top]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=top][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( calc( var(--calcite-internal-shell-panel-action-bar-height) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 )}:host([action-bar-position=top][slot=panel-bottom]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-block-start: 0}:host([action-bar-position=bottom][slot=panel-top]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-inset-block-end: calc( calc( var(--calcite-internal-shell-panel-action-bar-height) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-content-padding-block-end: 0;--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=bottom][slot=panel-top]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=bottom][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border)}:host([action-bar-position=start][slot=panel-top]){--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inset-block-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-content-padding-block-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=start][slot=panel-top]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-top]){--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-resize-handle-inset-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-block-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-content-padding-block-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=end][slot=panel-top]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=start][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-internal-shell-panel-resize-handle-block-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=start][slot=panel-bottom]):host([resizable]){--calcite-internal-shell-panel-content-padding-block-start: 0;--calcite-internal-shell-panel-container-padding-block-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-resize-handle-inset-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-internal-shell-panel-resize-handle-block-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=end][slot=panel-bottom]):host([resizable]){--calcite-internal-shell-panel-content-padding-block-start: 0;--calcite-internal-shell-panel-container-padding-block-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([hidden]){display:none}[hidden]{display:none}`,E=class extends ${constructor(){super(),this.direction=D(),this.resizeHandleRef=w(),this.actionBars=[],this.actionBarContainerResizeObserver=M("resize",()=>this.updateActionBarSize()),this.handleActionBarExpand=()=>{this.isActionBarExpanded=!0},this.handleActionBarCollapse=()=>{this.isActionBarExpanded=!1},this.contentRef=w(),this.containerRef=w(),this.messages=O(),this.sizeOverride=L({targetElement:this.contentRef,getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.getMaxInlineSize()},block:{min:this.resizeValues.minBlockSize,max:this.getMaxBlockSize()}}),onResize:e=>{this.resizeValues=e}}),this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.isActionBarExpanded=!1,this.hasHeader=!1,this.collapsed=!1,this.displayMode="dock",this.layout="vertical",this.position="start",this.resizable=!1,this.widthScale="m",this.calciteInternalShellPanelActionBarPositionChange=v({cancelable:!1}),this.calciteInternalShellPanelResizableChange=v({cancelable:!1}),this.calciteInternalShellPanelResizeEnd=v({cancelable:!1}),this.calciteInternalShellPanelResizeStart=v({cancelable:!1}),this.calciteShellPanelCollapse=v({cancelable:!1}),this.calciteShellPanelExpand=v({cancelable:!1}),this.listen("calciteActionBarExpand",this.handleActionBarExpandEvent),this.listen("calciteActionBarCollapse",this.handleActionBarCollapseEvent)}static{this.properties={resizeValues:[16,{},{state:!0}],isActionBarExpanded:[16,{},{state:!0}],hasHeader:[16,{},{state:!0}],actionBarPosition:[3,{},{reflect:!0}],collapsed:[7,{},{reflect:!0,type:Boolean}],displayMode:[3,{},{reflect:!0}],heightScale:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],position:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],shellSizingDataProvider:[0,{},{attribute:!1}],height:[3,{},{reflect:!0}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=[T,K]}async updateSize(e){this.updateSizeInternal(e)}connectedCallback(){super.connectedCallback(),this.hasUpdated&&(this.refreshResize(),this.syncActionBarExpandedState())}willUpdate(e){let a=!1;e.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&(this.setActionBarLayout(this.actionBar),this.updateSizeInternal({inline:null,block:null}),a=!0),(e.has("direction")&&this.hasUpdated||e.has("position")&&(this.hasUpdated||this.position!=="start"))&&(a=!0),(e.has("collapsed")&&(this.hasUpdated||this.collapsed!==!1)||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1))&&(a=this.resizable&&!this.collapsed,a||this.cleanUpInteractions()),a&&this.refreshResize(),e.has("actionBarPosition")&&this.hasUpdated&&this.setActionBarLayout(this.actionBar),e.has("resizable")&&this.hasUpdated&&this.calciteInternalShellPanelResizableChange.emit(),e.has("collapsed")&&this.hasUpdated&&(this.collapsed?this.calciteShellPanelCollapse.emit():this.calciteShellPanelExpand.emit())}updated(e){e.has("actionBarPosition")&&this.calciteInternalShellPanelActionBarPositionChange.emit()}disconnectedCallback(){super.disconnectedCallback(),this.cleanUpInteractions(),this.actionBarContainerEl&&this.actionBarContainerResizeObserver?.unobserve(this.actionBarContainerEl)}updateSizeInternal(e){this.contentRef.value&&this.sizeOverride.resize(e)}handleKeyDown(e){let{key:a,defaultPrevented:l,shiftKey:r}=e,{position:t,layout:i,resizable:o,contentRef:s,resizeValues:{maxBlockSize:h,maxInlineSize:b,minBlockSize:m,minInlineSize:k}}=this,y=[...i==="horizontal"?["ArrowUp","ArrowDown"]:["ArrowLeft","ArrowRight"],"Home","End"];if(!o||!s.value||l||!y.includes(a))return;let f=s.value.getBoundingClientRect(),R=this.direction==="rtl"?-1:1,p=r?V:P;switch(a){case"ArrowUp":this.updateSizeInternal({block:f.height+(i==="horizontal"&&t==="end"?p:-p)}),e.preventDefault();break;case"ArrowDown":this.updateSizeInternal({block:f.height+(i==="horizontal"&&t==="end"?-p:p)}),e.preventDefault();break;case"ArrowLeft":this.updateSizeInternal({inline:f.width+(i==="vertical"&&t==="end"?p:-p)*R}),e.preventDefault();break;case"ArrowRight":this.updateSizeInternal({inline:f.width+(i==="vertical"&&t==="end"?-p:p)*R}),e.preventDefault();break;case"Home":this.updateSizeInternal(i==="horizontal"?{block:m}:{inline:k}),e.preventDefault();break;case"End":this.updateSizeInternal(i==="horizontal"?{block:h}:{inline:b}),e.preventDefault();break}}cleanUpInteractions(){this.interaction?.unset()}updateResizeValues(){let{contentRef:e,layout:a}=this;if(!e.value)return;let l=window.getComputedStyle(e.value),r=n(l.maxInlineSize)||window.innerWidth,t=n(l.maxBlockSize)||window.innerHeight,i=a==="vertical"?this.getAvailableInlineSize():null,o=a==="horizontal"?this.getAvailableBlockSize():null;this.resizeValues={inlineSize:n(l.inlineSize),blockSize:n(l.blockSize),minInlineSize:n(l.minInlineSize),minBlockSize:n(l.minBlockSize),maxInlineSize:i===null?r:Math.min(r,i),maxBlockSize:o===null?t:Math.min(t,o)}}getAvailableBlockSize(){return this.getAvailableSize("block")}getAvailableInlineSize(){return this.getAvailableSize("inline")}getAvailableSize(e){let a=e==="inline"?"width":"height",l=this.shellSizingDataProvider?.(e),r=this.actionBarContainerEl?.getBoundingClientRect()[a]??0,t=Math.max(r,this.actionBars.reduce((h,b)=>h+b.getBoundingClientRect()[a],0));if(!l)return null;let{availableSize:i}=l,o=this.getContainerSpacingSize(e),s=this.getContentSpacingSize(e);return Math.max(Math.floor(i)-Math.ceil(t)-Math.ceil(o)-Math.ceil(s),0)}getContentSpacingSize(e){let a=this.contentRef.value;if(!a)return 0;let l=window.getComputedStyle(a);return e==="inline"?n(l.marginInlineStart)+n(l.marginInlineEnd)+n(l.borderInlineStartWidth)+n(l.borderInlineEndWidth):n(l.marginBlockStart)+n(l.marginBlockEnd)+n(l.borderBlockStartWidth)+n(l.borderBlockEndWidth)}getContainerSpacingSize(e){let a=this.containerRef.value;if(!a)return 0;let l=window.getComputedStyle(a);return e==="inline"?n(l.marginInlineStart)+n(l.marginInlineEnd)+n(l.borderInlineStartWidth)+n(l.borderInlineEndWidth):n(l.marginBlockStart)+n(l.marginBlockEnd)+n(l.borderBlockStartWidth)+n(l.borderBlockEndWidth)}getMaxBlockSize(){let{layout:e,contentRef:a}=this;if(e!=="horizontal")return this.resizeValues.maxBlockSize;if(!a.value)return this.resizeValues.maxBlockSize;let l=window.getComputedStyle(a.value),r=n(l.maxBlockSize)||window.innerHeight,t=this.getAvailableBlockSize();return t===null?r:Math.min(r,t)}getMaxInlineSize(){let{layout:e,contentRef:a}=this;if(e!=="vertical")return this.resizeValues.maxInlineSize;if(!a.value)return this.resizeValues.maxInlineSize;let l=window.getComputedStyle(a.value),r=n(l.maxInlineSize)||window.innerWidth,t=this.getAvailableInlineSize();return t===null?r:Math.min(r,t)}async refreshResize(){await this.componentOnReady(),await this.updateComplete,this.updateResizeValues(),this.setUpResizeInteractions()}setUpResizeInteractions(){this.cleanUpInteractions();let{el:e,contentRef:a,resizable:l,position:r,collapsed:t,resizeHandleRef:i,layout:o}=this,s=i.value;if(!a.value||t||!l||!s)return;let h=this.direction==="rtl",b=this.resizeValues.minInlineSize===null||this.resizeValues.minBlockSize===null?void 0:{width:this.resizeValues.minInlineSize,height:this.resizeValues.minBlockSize};this.interaction=C(a.value,{context:e.ownerDocument}).resizable({edges:{top:r==="end"&&o==="horizontal"?s:!1,right:r===(h?"end":"start")&&o==="vertical"?s:!1,bottom:r==="start"&&o==="horizontal"?s:!1,left:r===(h?"start":"end")&&o==="vertical"?s:!1},modifiers:[C.modifiers.restrictSize({min:b})],listeners:{resizestart:()=>{this.calciteInternalShellPanelResizeStart.emit()},resizeend:()=>{this.calciteInternalShellPanelResizeEnd.emit()},move:({rect:m})=>{let k=o==="horizontal";this.updateSize(k?{block:m.height}:{inline:m.width})}}})}setActionBarContainerEl(e){this.actionBarContainerEl&&this.actionBarContainerResizeObserver?.unobserve(this.actionBarContainerEl),this.actionBarContainerEl=e,e&&(this.actionBarContainerResizeObserver?.observe(e),this.updateActionBarSize())}updateActionBarSize(){if(!this.actionBarContainerEl)return;let e=this.actionBarContainerEl.getBoundingClientRect(),a=e.width,l=e.height;this.el.style.setProperty("--calcite-internal-shell-panel-action-bar-width",`${a}px`),this.el.style.setProperty("--calcite-internal-shell-panel-action-bar-height",`${l}px`)}setActionBarLayout(e){if(e){if(this.actionBarPosition){e.layout=this.actionBarPosition==="top"||this.actionBarPosition==="bottom"?"horizontal":"vertical";return}e.layout=this.layout}}handleActionBarSlotChange(e){let a=U(e).find(l=>l.matches("calcite-action-bar"));this.actionBar=a,this.setActionBarLayout(a),this.syncActionBarExpandedState(a)}handleActionBarExpandEvent(e){e.target===this.actionBar&&this.handleActionBarExpand()}handleActionBarCollapseEvent(e){e.target===this.actionBar&&this.handleActionBarCollapse()}handleHeaderSlotChange(e){this.hasHeader=_(e)}getResizeIcon(){let{layout:e}=this;return e==="horizontal"?N.dragVertical:N.dragHorizontal}syncActionBarExpandedState(e=this.actionBar){this.isActionBarExpanded=!!e?.expanded}renderHeader(){return g("header",z`<div class=${d(c.contentHeader)} .hidden=${!this.hasHeader}><slot name=${W.header} @slotchange=${this.handleHeaderSlotChange}></slot></div>`)}render(){let{collapsed:e,position:a,resizable:l,layout:r,displayMode:t,resizeValues:i}=this,o=this.direction,s=r==="horizontal",h=!e&&l?g("resize-handle",z`<div .ariaLabel=${this.messages.resize} .ariaOrientation=${s?"vertical":"horizontal"} .ariaValueMax=${S(s?"block":"inline",i.maxBlockSize,i.maxInlineSize)} .ariaValueMin=${S(s?"block":"inline",i.minBlockSize,i.minInlineSize)} .ariaValueNow=${S(s?"block":"inline",i.blockSize,i.inlineSize)} class=${d(c.resizeHandle)} @keydown=${this.handleKeyDown} role=separator tabindex=0 ${x(this.resizeHandleRef)}><div class=${d(c.resizeHandleBar)}><calcite-icon .icon=${this.getResizeIcon()} scale=s></calcite-icon></div></div>`):null,b=()=>r==="horizontal"?a==="start"?u.calciteAnimateInDown:u.calciteAnimateInUp:o==="ltr"&&a==="end"||o==="rtl"&&a==="start"?u.calciteAnimateInLeft:u.calciteAnimateInRight,m=z`<div class=${d(c.contentContainer)}>${g("content",z`<div class=${d({[u.rtl]:o==="rtl",[c.content]:!0,[c.contentActionBarExpanded]:this.isActionBarExpanded,[c.contentOverlay]:t==="overlay",[c.floatContent]:t==="float-content"||t==="float",[u.calciteAnimate]:t==="overlay",[b()]:t==="overlay",[A("width",this.width,this.widthScale)]:!!(this.width||this.widthScale),[A("height",this.height,this.heightScale)]:!!(this.height||this.heightScale)})} .hidden=${e} ${x(this.contentRef)}>${this.renderHeader()}<div class=${d(c.contentBody)}><slot></slot></div>${h}</div>`)}</div>`,k=g("action-bar-container",z`<div class=${d(c.actionBarContainer)} ${x(this.setActionBarContainerEl)}><slot name=${W.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot></div>`),B=this.actionBarPosition||a,y=[k,m];return(B==="end"||B==="bottom")&&y.reverse(),z`<div class=${d({[c.container]:!0,[c.floatAll]:t==="float-all"})} ${x(this.containerRef)}>${y}</div>`}};H("calcite-shell-panel",E);export{E as ShellPanel};
2
+ import{a as C,b as L}from"./XOF56N7N.js";import{a as A}from"./735UOYTJ.js";import{a as g}from"./MDPBLZUD.js";import{a as S}from"./GZZYSINJ.js";import{a as M}from"./VI7SBYXT.js";import{a as O}from"./Y5OVRT7Q.js";import{e as D}from"./KGRJJLLC.js";import{H as n,x as _,y as U}from"./6SSCE6VG.js";import{C as w,D as x,E as $,F as d,K as u,M as P,N as V,R as H,g as I,h as z,p as v}from"./LIR56SYG.js";var K=I`.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)}}`,c={container:"container",actionBarContainer:"action-bar-container",contentContainer:"content-container",content:"content",contentActionBarExpanded:"content--action-bar-expanded",contentHeader:"content__header",contentBody:"content__body",contentOverlay:"content--overlay",floatAll:"float-all",floatContent:"float--content",resizeHandle:"resize-handle",resizeHandleBar:"resize-handle-bar"},W={actionBar:"action-bar",header:"header"},N={dragVertical:"drag-resize-vertical",dragHorizontal:"drag-resize-horizontal"},T=I`: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-internal-shell-panel-border: var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3));--calcite-internal-shell-panel-resize-handle-thickness: var(--calcite-size-fixed-xxl);--calcite-internal-shell-panel-resize-handle-bar-thickness: var(--calcite-size-4xs);--calcite-internal-shell-panel-resize-handle-side-thickness: calc( var(--calcite-internal-shell-panel-resize-handle-thickness) - var( --calcite-internal-shell-panel-resize-handle-bar-thickness ) ) / 2}.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)}:host([display-mode=float-all][height=s]),:host([display-mode=float-all][height-scale=s]) .content{min-block-size:var(--calcite-shell-panel-height, 20vh)}:host([display-mode=float-all][height=m]),:host([display-mode=float-all][height-scale=m]) .content{min-block-size:var(--calcite-shell-panel-height, 30vh)}:host([display-mode=float-all][height=l]),:host([display-mode=float-all][height-scale=l]) .content{min-block-size:var(--calcite-shell-panel-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-relative-base);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)}:host([action-bar-position]) .container{flex-direction:var(--calcite-internal-shell-panel-container-flex-direction);padding-inline-start:var(--calcite-internal-shell-panel-container-padding-inline-start);padding-inline-end:var(--calcite-internal-shell-panel-container-padding-inline-end);padding-block-start:var(--calcite-internal-shell-panel-container-padding-block-start);padding-block-end:var(--calcite-internal-shell-panel-container-padding-block-end)}.float-all{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}:host([layout=horizontal]):host([action-bar-position]) .container{flex-direction:var(--calcite-internal-shell-panel-container-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 );inset-inline-start:var(--calcite-internal-shell-panel-resize-handle-inset-inline-start);inset-inline-end:var(--calcite-internal-shell-panel-resize-handle-inset-inline-end);inset-block-start:var(--calcite-internal-shell-panel-resize-handle-inset-block-start);inset-block-end:var(--calcite-internal-shell-panel-resize-handle-inset-block-end);z-index:var(--calcite-z-index-header);touch-action:none}.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);block-size:100%;inset-inline-end:var(--calcite-internal-shell-panel-resize-handle-inset-inline-end, var(--calcite-internal-shell-panel-resize-handle-offset))}:host([position=start][layout=vertical]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-start:var(--calcite-internal-shell-panel-border)}: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=start][layout=vertical]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, var(--calcite-size-fixed-sm-plus));block-size:var(--calcite-internal-shell-panel-resize-handle-block-size, 100%)}:host([position=start][layout=vertical]):host([action-bar-position]) .resize-handle-bar{border-inline-start:var(--calcite-internal-shell-panel-resize-handle-bar-border-inline-start, var(--calcite-internal-shell-panel-border))}:host([position=start][layout=vertical]):host([action-bar-position=top]){--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( var(--calcite-internal-shell-panel-action-bar-height) * -1 )}:host([position=start][layout=vertical]):host([action-bar-position=top]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}:host([position=start][layout=vertical]):host([action-bar-position=bottom]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}: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-internal-shell-panel-border)}: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=end][layout=vertical]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, var(--calcite-size-fixed-sm-plus));block-size:var(--calcite-internal-shell-panel-resize-handle-block-size, 100%);inset-inline-start:var(--calcite-internal-shell-panel-resize-handle-inset-inline-start, var(--calcite-internal-shell-panel-resize-handle-offset))}:host([position=end][layout=vertical]):host([action-bar-position=top]){--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( var(--calcite-internal-shell-panel-action-bar-height) * -1 )}:host([position=end][layout=vertical]):host([action-bar-position=top]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}:host([position=end][layout=vertical]):host([action-bar-position=bottom]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}: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-internal-shell-panel-border)}: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=start][layout=horizontal]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, 100%);inset-block-end:var(--calcite-internal-shell-panel-resize-handle-inset-block-end, var(--calcite-internal-shell-panel-resize-handle-offset))}: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-internal-shell-panel-border)}: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))}:host([position=end][layout=horizontal]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, 100%);block-size:var(--calcite-internal-shell-panel-resize-handle-block-size, var(--calcite-size-fixed-xxl));inset-block-start:var(--calcite-internal-shell-panel-resize-handle-inset-block-start, var(--calcite-internal-shell-panel-resize-handle-offset))}::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([action-bar-position]) .content{padding-inline-start:var(--calcite-internal-shell-panel-content-padding-inline-start);padding-inline-end:var(--calcite-internal-shell-panel-content-padding-inline-end);padding-block-start:var(--calcite-internal-shell-panel-content-padding-block-start);padding-block-end:var(--calcite-internal-shell-panel-content-padding-block-end)}.content--action-bar-expanded{--calcite-internal-shell-panel-max-width: 100%}: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-internal-shell-panel-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=vertical][position=end]):host([action-bar-position]) .content{padding-inline-start:var(--calcite-internal-shell-panel-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=start]):host([action-bar-position]) .content{padding-block-end:var(--calcite-internal-shell-panel-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)}:host([resizable][layout=horizontal][position=end]):host([action-bar-position]) .content{padding-block-start:var(--calcite-internal-shell-panel-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;box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm))}: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;box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm));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([action-bar-position]) .content ::slotted(calcite-flow),:host([action-bar-position]) .content ::slotted(calcite-panel:not([closed])){border-inline-start:var(--calcite-internal-shell-panel-slotted-panel-border-inline-start, var(--calcite-internal-shell-panel-border));border-inline-end:var(--calcite-internal-shell-panel-slotted-panel-border-inline-end, var(--calcite-internal-shell-panel-border));border-block-start:var(--calcite-internal-shell-panel-slotted-panel-border-block-start, var(--calcite-internal-shell-panel-border));border-block-end:var(--calcite-internal-shell-panel-slotted-panel-border-block-end, var(--calcite-internal-shell-panel-border))}:host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar){border-block-start:var(--calcite-internal-shell-panel-action-bar-border-block-start);border-block-end:var(--calcite-internal-shell-panel-action-bar-border-block-end)}: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([position=start]:not([slot=panel-end])):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline-start:var(--calcite-internal-shell-panel-action-bar-border-inline-start, none);border-inline-end:var(--calcite-internal-shell-panel-action-bar-border-inline-end);border-block-start:var(--calcite-internal-shell-panel-action-bar-border-block-start);border-block-end:var(--calcite-internal-shell-panel-action-bar-border-block-end)}: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=vertical]):host([action-bar-position]) .content ::slotted(calcite-flow),:host([resizable][layout=vertical]):host([action-bar-position]) .content ::slotted(calcite-panel){border-inline-start:var(--calcite-internal-shell-panel-slotted-panel-border-inline-start, none);border-inline-end:var(--calcite-internal-shell-panel-slotted-panel-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([resizable][layout=horizontal]):host([action-bar-position]) .content ::slotted(calcite-flow),:host([resizable][layout=horizontal]):host([action-bar-position]) .content ::slotted(calcite-panel){border-block-start:var(--calcite-internal-shell-panel-slotted-panel-border-block-start, none);border-block-end:var(--calcite-internal-shell-panel-slotted-panel-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([position=end]:not([slot=panel-start])):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline-start:var(--calcite-internal-shell-panel-action-bar-border-inline-start);border-inline-end:var(--calcite-internal-shell-panel-action-bar-border-inline-end, none)}:host([position=end]:not([slot=panel-start])):host([action-bar-position]) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])):host([action-bar-position]) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]):host([action-bar-position]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]):host([action-bar-position]) .content ::slotted(calcite-panel){border-inline-start:var(--calcite-internal-shell-panel-slotted-panel-border-inline-start);border-inline-end:var(--calcite-internal-shell-panel-slotted-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([display-mode=dock]) .resize-handle-bar,:host([display-mode=float-all]) .resize-handle-bar,:host([display-mode=overlay]) .resize-handle-bar{border-block-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-block-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}:host([display-mode=dock]):host([action-bar-position]) .resize-handle-bar,:host([display-mode=float-all]):host([action-bar-position]) .resize-handle-bar,:host([display-mode=overlay]):host([action-bar-position]) .resize-handle-bar{border-inline-end:var(--calcite-internal-shell-panel-resize-handle-bar-border-inline-end, var(--calcite-border-width-sm) solid var(--calcite-color-border-3));border-block-start:var(--calcite-internal-shell-panel-resize-handle-bar-border-block-start, var(--calcite-border-width-sm) solid var(--calcite-color-border-3));border-block-end:var(--calcite-internal-shell-panel-resize-handle-bar-border-block-end, var(--calcite-border-width-sm) solid var(--calcite-color-border-3))}:host([action-bar-position]) ::slotted(calcite-action-bar){display:flex;flex:1 1 0}:host([action-bar-position=start][slot=panel-start]){--calcite-internal-shell-panel-action-bar-border-inline-start: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: 0;--calcite-internal-shell-panel-action-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( var(--calcite-internal-shell-panel-resize-handle-side-thickness) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=start][slot=panel-end]){--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-inline-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( calc( var(--calcite-internal-shell-panel-action-bar-width) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inset-inline-end: auto;--calcite-internal-shell-panel-content-padding-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=start][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-start]){--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-start: auto;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( calc( var(--calcite-internal-shell-panel-action-bar-width) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-container-padding-inline-end: 0;--calcite-internal-shell-panel-content-padding-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=end][slot=panel-start]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-end]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( var(--calcite-internal-shell-panel-resize-handle-side-thickness) * -1 );--calcite-internal-shell-panel-content-padding-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=end][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-content-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=top][slot=panel-start]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=top][slot=panel-start]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-inline-end: 0}:host([action-bar-position=top][slot=panel-end]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=top][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-inline-start: 0}:host([action-bar-position=bottom][slot=panel-start]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-content-padding-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=bottom][slot=panel-start]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=bottom][slot=panel-end]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=bottom][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-inline-start: 0}:host([action-bar-position=top][slot=panel-top]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=top][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( calc( var(--calcite-internal-shell-panel-action-bar-height) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 )}:host([action-bar-position=top][slot=panel-bottom]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-block-start: 0}:host([action-bar-position=bottom][slot=panel-top]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-inset-block-end: calc( calc( var(--calcite-internal-shell-panel-action-bar-height) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-content-padding-block-end: 0;--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=bottom][slot=panel-top]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=bottom][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border)}:host([action-bar-position=start][slot=panel-top]){--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inset-block-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-content-padding-block-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=start][slot=panel-top]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-top]){--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-resize-handle-inset-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-block-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-content-padding-block-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=end][slot=panel-top]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=start][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-internal-shell-panel-resize-handle-block-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=start][slot=panel-bottom]):host([resizable]){--calcite-internal-shell-panel-content-padding-block-start: 0;--calcite-internal-shell-panel-container-padding-block-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-resize-handle-inset-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-internal-shell-panel-resize-handle-block-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=end][slot=panel-bottom]):host([resizable]){--calcite-internal-shell-panel-content-padding-block-start: 0;--calcite-internal-shell-panel-container-padding-block-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([hidden]){display:none}[hidden]{display:none}`,E=class extends ${constructor(){super(),this.direction=D(),this.resizeHandleRef=w(),this.actionBars=[],this.actionBarContainerResizeObserver=M("resize",()=>this.updateActionBarSize()),this.handleActionBarExpand=()=>{this.isActionBarExpanded=!0},this.handleActionBarCollapse=()=>{this.isActionBarExpanded=!1},this.contentRef=w(),this.containerRef=w(),this.messages=O(),this.sizeOverride=L({targetElement:this.contentRef,getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.getMaxInlineSize()},block:{min:this.resizeValues.minBlockSize,max:this.getMaxBlockSize()}}),onResize:e=>{this.resizeValues=e}}),this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.isActionBarExpanded=!1,this.hasHeader=!1,this.collapsed=!1,this.displayMode="dock",this.layout="vertical",this.position="start",this.resizable=!1,this.widthScale="m",this.calciteInternalShellPanelActionBarPositionChange=v({cancelable:!1}),this.calciteInternalShellPanelResizableChange=v({cancelable:!1}),this.calciteInternalShellPanelResizeEnd=v({cancelable:!1}),this.calciteInternalShellPanelResizeStart=v({cancelable:!1}),this.calciteShellPanelCollapse=v({cancelable:!1}),this.calciteShellPanelExpand=v({cancelable:!1}),this.listen("calciteActionBarExpand",this.handleActionBarExpandEvent),this.listen("calciteActionBarCollapse",this.handleActionBarCollapseEvent)}static{this.properties={resizeValues:[16,{},{state:!0}],isActionBarExpanded:[16,{},{state:!0}],hasHeader:[16,{},{state:!0}],actionBarPosition:[3,{},{reflect:!0}],collapsed:[7,{},{reflect:!0,type:Boolean}],displayMode:[3,{},{reflect:!0}],heightScale:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],position:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],shellSizingDataProvider:[0,{},{attribute:!1}],height:[3,{},{reflect:!0}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=[T,K]}async updateSize(e){this.updateSizeInternal(e)}connectedCallback(){super.connectedCallback(),this.hasUpdated&&(this.refreshResize(),this.syncActionBarExpandedState())}willUpdate(e){let a=!1;e.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&(this.setActionBarLayout(this.actionBar),this.updateSizeInternal({inline:null,block:null}),a=!0),(e.has("direction")&&this.hasUpdated||e.has("position")&&(this.hasUpdated||this.position!=="start"))&&(a=!0),(e.has("collapsed")&&(this.hasUpdated||this.collapsed!==!1)||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1))&&(a=this.resizable&&!this.collapsed,a||this.cleanUpInteractions()),a&&this.refreshResize(),e.has("actionBarPosition")&&this.hasUpdated&&this.setActionBarLayout(this.actionBar),e.has("resizable")&&this.hasUpdated&&this.calciteInternalShellPanelResizableChange.emit(),e.has("collapsed")&&this.hasUpdated&&(this.collapsed?this.calciteShellPanelCollapse.emit():this.calciteShellPanelExpand.emit())}updated(e){e.has("actionBarPosition")&&this.calciteInternalShellPanelActionBarPositionChange.emit()}disconnectedCallback(){super.disconnectedCallback(),this.cleanUpInteractions(),this.actionBarContainerEl&&this.actionBarContainerResizeObserver?.unobserve(this.actionBarContainerEl)}updateSizeInternal(e){this.contentRef.value&&this.sizeOverride.resize(e)}handleKeyDown(e){let{key:a,defaultPrevented:l,shiftKey:r}=e,{position:t,layout:i,resizable:o,contentRef:s,resizeValues:{maxBlockSize:h,maxInlineSize:b,minBlockSize:m,minInlineSize:k}}=this,y=[...i==="horizontal"?["ArrowUp","ArrowDown"]:["ArrowLeft","ArrowRight"],"Home","End"];if(!o||!s.value||l||!y.includes(a))return;let f=s.value.getBoundingClientRect(),R=this.direction==="rtl"?-1:1,p=r?V:P;switch(a){case"ArrowUp":this.updateSizeInternal({block:f.height+(i==="horizontal"&&t==="end"?p:-p)}),e.preventDefault();break;case"ArrowDown":this.updateSizeInternal({block:f.height+(i==="horizontal"&&t==="end"?-p:p)}),e.preventDefault();break;case"ArrowLeft":this.updateSizeInternal({inline:f.width+(i==="vertical"&&t==="end"?p:-p)*R}),e.preventDefault();break;case"ArrowRight":this.updateSizeInternal({inline:f.width+(i==="vertical"&&t==="end"?-p:p)*R}),e.preventDefault();break;case"Home":this.updateSizeInternal(i==="horizontal"?{block:m}:{inline:k}),e.preventDefault();break;case"End":this.updateSizeInternal(i==="horizontal"?{block:h}:{inline:b}),e.preventDefault();break}}cleanUpInteractions(){this.interaction?.unset()}updateResizeValues(){let{contentRef:e,layout:a}=this;if(!e.value)return;let l=window.getComputedStyle(e.value),r=n(l.maxInlineSize)||window.innerWidth,t=n(l.maxBlockSize)||window.innerHeight,i=a==="vertical"?this.getAvailableInlineSize():null,o=a==="horizontal"?this.getAvailableBlockSize():null;this.resizeValues={inlineSize:n(l.inlineSize),blockSize:n(l.blockSize),minInlineSize:n(l.minInlineSize),minBlockSize:n(l.minBlockSize),maxInlineSize:i===null?r:Math.min(r,i),maxBlockSize:o===null?t:Math.min(t,o)}}getAvailableBlockSize(){return this.getAvailableSize("block")}getAvailableInlineSize(){return this.getAvailableSize("inline")}getAvailableSize(e){let a=e==="inline"?"width":"height",l=this.shellSizingDataProvider?.(e),r=this.actionBarContainerEl?.getBoundingClientRect()[a]??0,t=Math.max(r,this.actionBars.reduce((h,b)=>h+b.getBoundingClientRect()[a],0));if(!l)return null;let{availableSize:i}=l,o=this.getContainerSpacingSize(e),s=this.getContentSpacingSize(e);return Math.max(Math.floor(i)-Math.ceil(t)-Math.ceil(o)-Math.ceil(s),0)}getContentSpacingSize(e){let a=this.contentRef.value;if(!a)return 0;let l=window.getComputedStyle(a);return e==="inline"?n(l.marginInlineStart)+n(l.marginInlineEnd)+n(l.borderInlineStartWidth)+n(l.borderInlineEndWidth):n(l.marginBlockStart)+n(l.marginBlockEnd)+n(l.borderBlockStartWidth)+n(l.borderBlockEndWidth)}getContainerSpacingSize(e){let a=this.containerRef.value;if(!a)return 0;let l=window.getComputedStyle(a);return e==="inline"?n(l.marginInlineStart)+n(l.marginInlineEnd)+n(l.borderInlineStartWidth)+n(l.borderInlineEndWidth):n(l.marginBlockStart)+n(l.marginBlockEnd)+n(l.borderBlockStartWidth)+n(l.borderBlockEndWidth)}getMaxBlockSize(){let{layout:e,contentRef:a}=this;if(e!=="horizontal")return this.resizeValues.maxBlockSize;if(!a.value)return this.resizeValues.maxBlockSize;let l=window.getComputedStyle(a.value),r=n(l.maxBlockSize)||window.innerHeight,t=this.getAvailableBlockSize();return t===null?r:Math.min(r,t)}getMaxInlineSize(){let{layout:e,contentRef:a}=this;if(e!=="vertical")return this.resizeValues.maxInlineSize;if(!a.value)return this.resizeValues.maxInlineSize;let l=window.getComputedStyle(a.value),r=n(l.maxInlineSize)||window.innerWidth,t=this.getAvailableInlineSize();return t===null?r:Math.min(r,t)}async refreshResize(){await this.componentOnReady(),await this.updateComplete,this.updateResizeValues(),this.setUpResizeInteractions()}setUpResizeInteractions(){this.cleanUpInteractions();let{el:e,contentRef:a,resizable:l,position:r,collapsed:t,resizeHandleRef:i,layout:o}=this,s=i.value;if(!a.value||t||!l||!s)return;let h=this.direction==="rtl",b=this.resizeValues.minInlineSize===null||this.resizeValues.minBlockSize===null?void 0:{width:this.resizeValues.minInlineSize,height:this.resizeValues.minBlockSize};this.interaction=C(a.value,{context:e.ownerDocument}).resizable({edges:{top:r==="end"&&o==="horizontal"?s:!1,right:r===(h?"end":"start")&&o==="vertical"?s:!1,bottom:r==="start"&&o==="horizontal"?s:!1,left:r===(h?"start":"end")&&o==="vertical"?s:!1},modifiers:[C.modifiers.restrictSize({min:b})],listeners:{resizestart:()=>{this.calciteInternalShellPanelResizeStart.emit()},resizeend:()=>{this.calciteInternalShellPanelResizeEnd.emit()},move:({rect:m})=>{let k=o==="horizontal";this.updateSize(k?{block:m.height}:{inline:m.width})}}})}setActionBarContainerEl(e){this.actionBarContainerEl&&this.actionBarContainerResizeObserver?.unobserve(this.actionBarContainerEl),this.actionBarContainerEl=e,e&&(this.actionBarContainerResizeObserver?.observe(e),this.updateActionBarSize())}updateActionBarSize(){if(!this.actionBarContainerEl)return;let e=this.actionBarContainerEl.getBoundingClientRect(),a=e.width,l=e.height;this.el.style.setProperty("--calcite-internal-shell-panel-action-bar-width",`${a}px`),this.el.style.setProperty("--calcite-internal-shell-panel-action-bar-height",`${l}px`)}setActionBarLayout(e){if(e){if(this.actionBarPosition){e.layout=this.actionBarPosition==="top"||this.actionBarPosition==="bottom"?"horizontal":"vertical";return}e.layout=this.layout}}handleActionBarSlotChange(e){let a=U(e).find(l=>l.matches("calcite-action-bar"));this.actionBar=a,this.setActionBarLayout(a),this.syncActionBarExpandedState(a)}handleActionBarExpandEvent(e){e.target===this.actionBar&&this.handleActionBarExpand()}handleActionBarCollapseEvent(e){e.target===this.actionBar&&this.handleActionBarCollapse()}handleHeaderSlotChange(e){this.hasHeader=_(e)}getResizeIcon(){let{layout:e}=this;return e==="horizontal"?N.dragVertical:N.dragHorizontal}syncActionBarExpandedState(e=this.actionBar){this.isActionBarExpanded=!!e?.expanded}renderHeader(){return g("header",z`<div class=${d(c.contentHeader)} .hidden=${!this.hasHeader}><slot name=${W.header} @slotchange=${this.handleHeaderSlotChange}></slot></div>`)}render(){let{collapsed:e,position:a,resizable:l,layout:r,displayMode:t,resizeValues:i}=this,o=this.direction,s=r==="horizontal",h=!e&&l?g("resize-handle",z`<div .ariaLabel=${this.messages.resize} .ariaOrientation=${s?"vertical":"horizontal"} .ariaValueMax=${S(s?"block":"inline",i.maxBlockSize,i.maxInlineSize)} .ariaValueMin=${S(s?"block":"inline",i.minBlockSize,i.minInlineSize)} .ariaValueNow=${S(s?"block":"inline",i.blockSize,i.inlineSize)} class=${d(c.resizeHandle)} @keydown=${this.handleKeyDown} role=separator tabindex=0 ${x(this.resizeHandleRef)}><div class=${d(c.resizeHandleBar)}><calcite-icon .icon=${this.getResizeIcon()} scale=s></calcite-icon></div></div>`):null,b=()=>r==="horizontal"?a==="start"?u.calciteAnimateInDown:u.calciteAnimateInUp:o==="ltr"&&a==="end"||o==="rtl"&&a==="start"?u.calciteAnimateInLeft:u.calciteAnimateInRight,m=z`<div class=${d(c.contentContainer)}>${g("content",z`<div class=${d({[u.rtl]:o==="rtl",[c.content]:!0,[c.contentActionBarExpanded]:this.isActionBarExpanded,[c.contentOverlay]:t==="overlay",[c.floatContent]:t==="float-content"||t==="float",[u.calciteAnimate]:t==="overlay",[b()]:t==="overlay",[A("width",this.width,this.widthScale)]:!!(this.width||this.widthScale),[A("height",this.height,this.heightScale)]:!!(this.height||this.heightScale)})} .hidden=${e} ${x(this.contentRef)}>${this.renderHeader()}<div class=${d(c.contentBody)}><slot></slot></div>${h}</div>`)}</div>`,k=g("action-bar-container",z`<div class=${d(c.actionBarContainer)} ${x(this.setActionBarContainerEl)}><slot name=${W.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot></div>`),B=this.actionBarPosition||a,y=[k,m];return(B==="end"||B==="bottom")&&y.reverse(),z`<div class=${d({[c.container]:!0,[c.floatAll]:t==="float-all"})} ${x(this.containerRef)}>${y}</div>`}};H("calcite-shell-panel",E);export{E as ShellPanel};
package/dist/cdn/{JJUU5GVJ.js → ZKILL7WF.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{b as i}from"./R55MDXLV.js";var d=e=>i((t,n)=>{let a=!1;n.onConnected(()=>{a&&o(!0)});async function o(s){await t.componentOnReady();let r=typeof e.target=="function"?e.target():e.target.value;if(!r||!r.hasAttribute("popover"))return;if(e.disabledOverride?.()||"topLayerDisabled"in t&&t.topLayerDisabled===!0||!s){a=!1,r.hidePopover();return}a=!0,r.showPopover()}return{show:async()=>{await o(!0)},hide:async()=>{await o(!1)}}});export{d as a};
2
+ import{b as i}from"./KGRJJLLC.js";var d=e=>i((t,n)=>{let a=!1;n.onConnected(()=>{a&&o(!0)});async function o(s){await t.componentOnReady();let r=typeof e.target=="function"?e.target():e.target.value;if(!r||!r.hasAttribute("popover"))return;if(e.disabledOverride?.()||"topLayerDisabled"in t&&t.topLayerDisabled===!0||!s){a=!1,r.hidePopover();return}a=!0,r.showPopover()}return{show:async()=>{await o(!0)},hide:async()=>{await o(!1)}}});export{d as a};