@esri/calcite-components 5.2.0-next.83 → 5.2.0-next.85
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.
- package/THIRD-PARTY-NOTICES.md +21 -187
- package/dist/cdn/{RIG3K3FF.js → 22SH4PTK.js} +1 -1
- package/dist/cdn/3FOL7NO5.js +2 -0
- package/dist/cdn/3JFAH4TD.js +2 -0
- package/dist/cdn/3XS7XZAX.js +2 -0
- package/dist/cdn/{IHMCVRLO.js → 3Y4A22VM.js} +1 -1
- package/dist/cdn/4AHRBYBE.js +2 -0
- package/dist/cdn/{VGRVKNB6.js → 4FAWT7R5.js} +1 -1
- package/dist/cdn/4GLCXBSJ.js +2 -0
- package/dist/cdn/4UPWQKIQ.js +2 -0
- package/dist/cdn/4YDNRQUB.js +2 -0
- package/dist/cdn/5BHDE6QM.js +2 -0
- package/dist/cdn/5KPXHZLK.js +2 -0
- package/dist/cdn/{MWD5AMVB.js → 63NVCBMF.js} +1 -1
- package/dist/cdn/67EGP6BW.js +2 -0
- package/dist/cdn/{6XMDJVYH.js → 6OAAZ4VY.js} +1 -1
- package/dist/cdn/6YFZGJWC.js +2 -0
- package/dist/cdn/7EY3DIKY.js +2 -0
- package/dist/cdn/7HZGLIER.js +2 -0
- package/dist/cdn/{YGMNWZZ6.js → 7IZ57ZUJ.js} +1 -1
- package/dist/cdn/7KG6OPOJ.js +2 -0
- package/dist/cdn/7RIBVIM2.js +2 -0
- package/dist/cdn/{VZS22XCE.js → 7XXZUJSK.js} +1 -1
- package/dist/cdn/{RJ3QSAUG.js → 7YW2OMW5.js} +1 -1
- package/dist/cdn/7Z67B6Y2.js +2 -0
- package/dist/cdn/{FSUBM63X.js → 7ZC7I7BK.js} +1 -1
- package/dist/cdn/{JJAMYTVE.js → AEXAOGBT.js} +1 -1
- package/dist/cdn/{PXH6J3KM.js → ARPEJJE2.js} +1 -1
- package/dist/cdn/{VT75YNFJ.js → ASJKFOCH.js} +1 -1
- package/dist/cdn/AZVH3FKW.js +2 -0
- package/dist/cdn/BEQV63MZ.js +2 -0
- package/dist/cdn/BGNYSF7C.js +2 -0
- package/dist/cdn/BGXKHI3W.js +2 -0
- package/dist/cdn/{2PLF7K5U.js → BL3VFY3K.js} +1 -1
- package/dist/cdn/BMN35JCJ.js +2 -0
- package/dist/cdn/BPIFVQZC.js +2 -0
- package/dist/cdn/BTMW5IVV.js +2 -0
- package/dist/cdn/{O65JIC66.js → BWDGUTHJ.js} +1 -1
- package/dist/cdn/{MHDHW7SE.js → CEKRDMEV.js} +1 -1
- package/dist/cdn/{5F6ZRWHU.js → CGOJLWID.js} +1 -1
- package/dist/cdn/{KB2POSEH.js → CK5RPS63.js} +1 -1
- package/dist/cdn/CNEJFX7J.js +2 -0
- package/dist/cdn/CPVF2KD5.js +2 -0
- package/dist/cdn/CYBZRYY2.js +2 -0
- package/dist/cdn/D4D4IKWD.js +2 -0
- package/dist/cdn/D6FC6I2L.js +2 -0
- package/dist/cdn/{NNA5EWKM.js → D7ZXEUHU.js} +1 -1
- package/dist/cdn/{DNVTLXWI.js → DAAKDDEY.js} +1 -1
- package/dist/cdn/DAIRLOTL.js +2 -0
- package/dist/cdn/DLC4Y24K.js +2 -0
- package/dist/cdn/DOZLW5VD.js +2 -0
- package/dist/cdn/DZH3O4FA.js +2 -0
- package/dist/cdn/E2EGE3BM.js +2 -0
- package/dist/cdn/E4FME6B2.js +2 -0
- package/dist/cdn/EEHCZ6DD.js +2 -0
- package/dist/cdn/{7QP3NTSZ.js → EHBREIEJ.js} +1 -1
- package/dist/cdn/EJLQVQZZ.js +2 -0
- package/dist/cdn/{LQQ3VSBG.js → EROUT3LK.js} +1 -1
- package/dist/cdn/F2PQUG3S.js +2 -0
- package/dist/cdn/FAQPVZ3T.js +2 -0
- package/dist/cdn/FC3PEJ5D.js +2 -0
- package/dist/cdn/FKGFK3IX.js +2 -0
- package/dist/cdn/G25SOAYD.js +2 -0
- package/dist/cdn/G7FFEES5.js +2 -0
- package/dist/cdn/{P4QOQFN7.js → GBW6MIEP.js} +1 -1
- package/dist/cdn/GGAL2GLV.js +2 -0
- package/dist/cdn/GLDAMS6P.js +2 -0
- package/dist/cdn/GRGTUWQW.js +2 -0
- package/dist/cdn/GVJV5ZWF.js +2 -0
- package/dist/cdn/H6IAYHZ6.js +2 -0
- package/dist/cdn/HRKTI5LA.js +2 -0
- package/dist/cdn/HWSWHTT4.js +2 -0
- package/dist/cdn/{OKS2NZ2L.js → HXU6LH47.js} +1 -1
- package/dist/cdn/IANXM4WS.js +2 -0
- package/dist/cdn/{4QWJ3PQW.js → IJGLEN77.js} +1 -1
- package/dist/cdn/IPBQJM4J.js +2 -0
- package/dist/cdn/IXRS54CU.js +2 -0
- package/dist/cdn/{WQW6AASC.js → JVFPFH6H.js} +1 -1
- package/dist/cdn/{76IRRSCU.js → JXY2PUCG.js} +1 -1
- package/dist/cdn/{ZSL7AGFT.js → KFEQSY4V.js} +1 -1
- package/dist/cdn/{WFBTQW2F.js → KJZZQ53Q.js} +1 -1
- package/dist/cdn/{J6WSVCRI.js → KRMA22FS.js} +1 -1
- package/dist/cdn/L6UPQ5NU.js +2 -0
- package/dist/cdn/LCXA5M44.js +2 -0
- package/dist/cdn/{IRD5MPE2.js → LGRYFS2N.js} +1 -1
- package/dist/cdn/{L3NLBBY5.js → M4XG6CGT.js} +1 -1
- package/dist/cdn/{3NPFNONH.js → MJMONOF2.js} +1 -1
- package/dist/cdn/{KEWVPEC3.js → MLXW4Q7L.js} +1 -1
- package/dist/cdn/MPUTYNXJ.js +2 -0
- package/dist/cdn/MWHGTJLI.js +2 -0
- package/dist/cdn/{KLTQRGYC.js → MX2N4EQT.js} +1 -1
- package/dist/cdn/{34CYV3BV.js → MZ337KXH.js} +1 -1
- package/dist/cdn/NMNF5RLV.js +2 -0
- package/dist/cdn/NN4XFEOQ.js +2 -0
- package/dist/cdn/O4BMXFHY.js +2 -0
- package/dist/cdn/O5ESCC65.js +2 -0
- package/dist/cdn/O6Y3UUOV.js +2 -0
- package/dist/cdn/OA72JTZK.js +2 -0
- package/dist/cdn/OIYCDNDZ.js +2 -0
- package/dist/cdn/{4LCRL77C.js → OPVIVHQW.js} +1 -1
- package/dist/cdn/OZFYCC5K.js +2 -0
- package/dist/cdn/{KFFFAKTI.js → PDV25XYK.js} +1 -1
- package/dist/cdn/PIZXTCTN.js +2 -0
- package/dist/cdn/PRHNXJMH.js +2 -0
- package/dist/cdn/QD74GZDL.js +2 -0
- package/dist/cdn/QFWS3BD7.js +2 -0
- package/dist/cdn/QIQDTOFK.js +2 -0
- package/dist/cdn/QSMCHMHV.js +2 -0
- package/dist/cdn/QUKJUQLI.js +2 -0
- package/dist/cdn/{WSE245YW.js → R2NTM4ST.js} +1 -1
- package/dist/cdn/R2S5MDRN.js +2 -0
- package/dist/cdn/R7AE3ZTA.js +2 -0
- package/dist/cdn/{SWABWW3B.js → RWGF5CZT.js} +1 -1
- package/dist/cdn/{QEZ3GMQZ.js → SAZM37N6.js} +1 -1
- package/dist/cdn/{BXVFWXHE.js → SVNE5SD4.js} +1 -1
- package/dist/cdn/{U5RQRA2E.js → T4SQ3T5D.js} +1 -1
- package/dist/cdn/{BHSWTPPK.js → T7OMXDHP.js} +1 -1
- package/dist/cdn/TARRBEFX.js +2 -0
- package/dist/cdn/TOEMY4BR.js +2 -0
- package/dist/cdn/TRYLQ7Q5.js +2 -0
- package/dist/cdn/{RLI632QM.js → TSDCTEMO.js} +1 -1
- package/dist/cdn/TUQGI65P.js +2 -0
- package/dist/cdn/TUWVI2HM.js +2 -0
- package/dist/cdn/TV45AIBT.js +2 -0
- package/dist/cdn/TXTWTIAM.js +2 -0
- package/dist/cdn/TYQS2SEV.js +2 -0
- package/dist/cdn/{C33XPIYG.js → UAPPAGMH.js} +1 -1
- package/dist/cdn/UGPYI2TE.js +2 -0
- package/dist/cdn/{PH4KV2SM.js → UKT2W47B.js} +1 -1
- package/dist/cdn/UL654B3X.js +2 -0
- package/dist/cdn/{XOX7HMDS.js → ULSD5A62.js} +1 -1
- package/dist/cdn/{AXK4FE32.js → UV2JMY7Y.js} +1 -1
- package/dist/cdn/UVBBEL3V.js +2 -0
- package/dist/cdn/UXP24NU3.js +2 -0
- package/dist/cdn/UXUVUO22.js +2 -0
- package/dist/cdn/{FH7IYEQX.js → V5D6RICM.js} +1 -1
- package/dist/cdn/VKHHTYIM.js +2 -0
- package/dist/cdn/VNPS2M5R.js +2 -0
- package/dist/cdn/VUOD33DE.js +2 -0
- package/dist/cdn/{AQYNY5VF.js → VXEWXIPV.js} +1 -1
- package/dist/cdn/WEK6QZOU.js +2 -0
- package/dist/cdn/{JERQCFKV.js → WMXBYSUV.js} +1 -1
- package/dist/cdn/WOL346HD.js +2 -0
- package/dist/cdn/WRXIIM4T.js +2 -0
- package/dist/cdn/{7LMK7GEB.js → WUKAPGVX.js} +1 -1
- package/dist/cdn/X534DUOJ.js +2 -0
- package/dist/cdn/XOOLHWVY.js +2 -0
- package/dist/cdn/{W7OFQ735.js → XRKTQYG2.js} +1 -1
- package/dist/cdn/{AH4JJSUT.js → XYZHXGWT.js} +1 -1
- package/dist/cdn/YANKWWPB.js +2 -0
- package/dist/cdn/YPMDR35T.js +2 -0
- package/dist/cdn/{25FT2PXC.js → YXEU5PYR.js} +1 -1
- package/dist/cdn/{GZICSP2K.js → YXQ3ADP4.js} +1 -1
- package/dist/cdn/ZAMIQKJD.js +2 -0
- package/dist/cdn/{I4JLP523.js → ZGOJ4LZG.js} +1 -1
- package/dist/cdn/ZO4XKKJG.js +2 -0
- package/dist/cdn/{D534EUWD.js → ZQSKUC33.js} +1 -1
- package/dist/cdn/ZRO3OV2N.js +2 -0
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/Validation.js +1 -1
- package/dist/chunks/date.js +5 -5
- package/dist/chunks/dom.js +2 -2
- package/dist/chunks/floating-ui.js +2 -2
- package/dist/chunks/resources16.js +11 -6
- package/dist/chunks/resources17.js +6 -11
- package/dist/chunks/resources29.js +9 -10
- package/dist/chunks/resources30.js +14 -3
- package/dist/chunks/resources31.js +7 -17
- package/dist/chunks/resources34.js +9 -9
- package/dist/chunks/runtime.js +4 -4
- package/dist/chunks/useLabel.js +1 -1
- package/dist/chunks/useTime.js +1 -1
- package/dist/chunks/utils2.js +1 -1
- package/dist/chunks/utils3.js +6 -6
- package/dist/chunks/utils4.js +5 -5
- package/dist/components/calcite-color-picker/customElement.js +1 -1
- package/dist/components/calcite-color-picker-hex-input/customElement.js +1 -1
- package/dist/components/calcite-combobox/customElement.js +1 -1
- package/dist/components/calcite-combobox-item/customElement.js +1 -1
- package/dist/components/calcite-date-picker/customElement.js +1 -1
- package/dist/components/calcite-date-picker-month/customElement.js +1 -1
- package/dist/components/calcite-date-picker-month-header/customElement.js +1 -1
- package/dist/components/calcite-dropdown/customElement.js +1 -1
- package/dist/components/calcite-dropdown-group/customElement.js +2 -2
- package/dist/components/calcite-dropdown-item/customElement.js +1 -1
- package/dist/components/calcite-input/customElement.js +1 -1
- package/dist/components/calcite-input-date-picker/customElement.js +1 -1
- package/dist/components/calcite-input-number/customElement.js +1 -1
- package/dist/components/calcite-input-text/customElement.js +1 -1
- package/dist/components/calcite-input-time-picker/customElement.js +1 -1
- package/dist/components/calcite-link/customElement.js +3 -3
- package/dist/components/calcite-list/customElement.js +3 -3
- package/dist/components/calcite-list-item/customElement.js +3 -3
- package/dist/components/calcite-list-item-group/customElement.js +1 -1
- package/dist/components/calcite-scrim/customElement.js +1 -1
- package/dist/components/calcite-segmented-control/customElement.d.ts +1 -0
- package/dist/components/calcite-segmented-control-item/customElement.js +1 -1
- package/dist/components/calcite-sheet/customElement.js +1 -1
- package/dist/components/calcite-shell-panel/customElement.js +1 -1
- package/dist/components/calcite-slider/customElement.js +5 -1
- package/dist/components/calcite-stepper-item/customElement.js +1 -1
- package/dist/components/calcite-switch/customElement.js +1 -1
- package/dist/components/calcite-table/customElement.js +1 -1
- package/dist/components/calcite-table-cell/customElement.js +1 -1
- package/dist/components/calcite-table-header/customElement.js +1 -1
- package/dist/components/calcite-table-row/customElement.js +3 -3
- package/dist/components/calcite-text-area/customElement.js +1 -1
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +107 -50
- package/dist/cdn/2EQB7YN3.js +0 -2
- package/dist/cdn/2LI2WSK2.js +0 -2
- package/dist/cdn/2NMOUP5T.js +0 -2
- package/dist/cdn/2RBZ3MFA.js +0 -2
- package/dist/cdn/33Y2A47P.js +0 -2
- package/dist/cdn/3CFQGSIY.js +0 -2
- package/dist/cdn/3L2SGNLT.js +0 -2
- package/dist/cdn/4OQHR4AQ.js +0 -2
- package/dist/cdn/4OUANJIR.js +0 -2
- package/dist/cdn/53MZS7H5.js +0 -2
- package/dist/cdn/5EUSVBR5.js +0 -2
- package/dist/cdn/5H2VUN3A.js +0 -2
- package/dist/cdn/6AOIM3YQ.js +0 -2
- package/dist/cdn/6DMZ6LZA.js +0 -2
- package/dist/cdn/6SYAH4DD.js +0 -2
- package/dist/cdn/6YLYMBJ3.js +0 -2
- package/dist/cdn/7FUJDWL7.js +0 -2
- package/dist/cdn/A6CYMCQG.js +0 -2
- package/dist/cdn/AMOOZSMH.js +0 -2
- package/dist/cdn/AP3X36DT.js +0 -2
- package/dist/cdn/AQ2KIN4C.js +0 -2
- package/dist/cdn/B5IDYTTA.js +0 -2
- package/dist/cdn/CBYINCPT.js +0 -2
- package/dist/cdn/CIK4MAHC.js +0 -2
- package/dist/cdn/CPKR56EX.js +0 -2
- package/dist/cdn/D6HM5K2D.js +0 -2
- package/dist/cdn/DAHOGZYX.js +0 -2
- package/dist/cdn/DM2EXQE2.js +0 -2
- package/dist/cdn/E7RHZGA2.js +0 -2
- package/dist/cdn/EDIKOBI7.js +0 -2
- package/dist/cdn/EEYJGKQH.js +0 -2
- package/dist/cdn/EMA7SQCN.js +0 -2
- package/dist/cdn/ESPVHLH3.js +0 -2
- package/dist/cdn/EUC74R3K.js +0 -2
- package/dist/cdn/F4JFQNV4.js +0 -2
- package/dist/cdn/G6ZYDUUZ.js +0 -2
- package/dist/cdn/GD3MFRUV.js +0 -2
- package/dist/cdn/GSXKWFJD.js +0 -2
- package/dist/cdn/GXG4AYDV.js +0 -2
- package/dist/cdn/GZ25N33N.js +0 -2
- package/dist/cdn/HCULZHUE.js +0 -2
- package/dist/cdn/HDTMIL3Y.js +0 -2
- package/dist/cdn/HKHNWWLW.js +0 -2
- package/dist/cdn/HXHFZCWO.js +0 -2
- package/dist/cdn/HZXDMGAF.js +0 -2
- package/dist/cdn/IQQ3XJTU.js +0 -2
- package/dist/cdn/IYWZMKF6.js +0 -2
- package/dist/cdn/JPBINU3Z.js +0 -2
- package/dist/cdn/KVDXRHXG.js +0 -2
- package/dist/cdn/L7LHOQLW.js +0 -2
- package/dist/cdn/LB65OFJM.js +0 -2
- package/dist/cdn/LC6H6CKP.js +0 -2
- package/dist/cdn/LFPCCS6R.js +0 -2
- package/dist/cdn/LPH75CL3.js +0 -2
- package/dist/cdn/LQ46ORAE.js +0 -2
- package/dist/cdn/LTNZ24PK.js +0 -2
- package/dist/cdn/M6M7S4PY.js +0 -2
- package/dist/cdn/NKQ6M4FR.js +0 -2
- package/dist/cdn/NPLBSGBT.js +0 -2
- package/dist/cdn/NWYJ27QK.js +0 -2
- package/dist/cdn/OYSRP7F7.js +0 -2
- package/dist/cdn/P7XS57AZ.js +0 -2
- package/dist/cdn/PLGCRHNG.js +0 -2
- package/dist/cdn/PMNQKJ6A.js +0 -2
- package/dist/cdn/QKIMXRWH.js +0 -2
- package/dist/cdn/QWBMYNJQ.js +0 -2
- package/dist/cdn/REUVN225.js +0 -2
- package/dist/cdn/RSQP2IPQ.js +0 -2
- package/dist/cdn/RSW4LWFK.js +0 -2
- package/dist/cdn/RYZPM63G.js +0 -2
- package/dist/cdn/S5VZJZXA.js +0 -2
- package/dist/cdn/SBZVRTIF.js +0 -2
- package/dist/cdn/SKJLFD7L.js +0 -2
- package/dist/cdn/T3PSEA6K.js +0 -2
- package/dist/cdn/TGGIONSU.js +0 -2
- package/dist/cdn/TUXYQK6E.js +0 -2
- package/dist/cdn/U5IOKUCO.js +0 -2
- package/dist/cdn/UBSMSDPS.js +0 -2
- package/dist/cdn/UH2FMLM5.js +0 -2
- package/dist/cdn/VFXVWQBO.js +0 -2
- package/dist/cdn/VJQYDMEL.js +0 -2
- package/dist/cdn/VNIZMPKP.js +0 -2
- package/dist/cdn/VWIQZ6WW.js +0 -2
- package/dist/cdn/VXDPJESZ.js +0 -2
- package/dist/cdn/WDVG2RTR.js +0 -2
- package/dist/cdn/WFQDNFM7.js +0 -2
- package/dist/cdn/WUSLFKGZ.js +0 -2
- package/dist/cdn/WXYI47VG.js +0 -2
- package/dist/cdn/X6H3C4GI.js +0 -2
- package/dist/cdn/XLPSYGE6.js +0 -2
- package/dist/cdn/YD7Q4IUT.js +0 -2
- package/dist/cdn/YEJ6BAK4.js +0 -2
- package/dist/cdn/YSUIQHTK.js +0 -2
- package/dist/cdn/YUR5CYIN.js +0 -2
- package/dist/cdn/Z2VYUAK2.js +0 -2
- package/dist/cdn/ZIB3JXEE.js +0 -2
- package/dist/cdn/ZPTBI2PI.js +0 -2
- package/dist/cdn/ZT24UIOW.js +0 -2
- /package/dist/cdn/{URPI7UGE.js → 2TDUNXKF.js} +0 -0
- /package/dist/cdn/{3DUGUDZY.js → 5EICKOK7.js} +0 -0
- /package/dist/cdn/{3QPETC2U.js → 7FW2RVVH.js} +0 -0
- /package/dist/cdn/{CL32TRUD.js → 7O7LCUUS.js} +0 -0
- /package/dist/cdn/{VFY4EAP2.js → AJL3UUYU.js} +0 -0
- /package/dist/cdn/{V6MLAVPM.js → J2KLZQZM.js} +0 -0
- /package/dist/cdn/{B26JHK23.js → Z7CZFVLC.js} +0 -0
- /package/dist/cdn/{3TT3H2DC.js → ZHEVX44R.js} +0 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import{a as c,b as E,c as R}from"./EFKVMB36.js";import{a as A,b as K}from"./R2NTM4ST.js";import{a as C}from"./735UOYTJ.js";import{a as g}from"./UV2JMY7Y.js";import{c as N}from"./SZUPQ4CX.js";import{a as S}from"./7VTO7SRW.js";import{a as U}from"./VI7SBYXT.js";import{a as W}from"./JVFPFH6H.js";import"./VUYX7MNO.js";import{e as _}from"./MWHGTJLI.js";import"./CYBZRYY2.js";import{H as t,x as O,y as L}from"./7FW2RVVH.js";import{E as w,F as x,G as M,H as d,M as u,O as V,P as D,T as H,g as I,h as z,p as v}from"./KRMA22FS.js";var T=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)}}`,Z=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}`,$=class extends M{constructor(){super(),this.direction=_(),this.resizeHandleRef=w(),this.actionBars=[],this.actionBarContainerResizeObserver=U("resize",()=>this.updateActionBarSize()),this.handleActionBarExpand=()=>{this.isActionBarExpanded=!0},this.handleActionBarCollapse=()=>{this.isActionBarExpanded=!1},this.contentRef=w(),this.containerRef=w(),this.messages=W(),this.sizeOverride=K({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=[Z,T]}async updateSize(e){this.updateSizeInternal(e)}connectedCallback(){super.connectedCallback(),this.hasUpdated&&(this.refreshResize(),this.syncActionBarExpandedState())}willUpdate(e){let l=!1;e.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&(this.setActionBarLayout(this.actionBar),this.updateSizeInternal({inline:null,block:null}),l=!0),(e.has("direction")&&this.hasUpdated||e.has("position")&&(this.hasUpdated||this.position!=="start"))&&(l=!0),(e.has("collapsed")&&(this.hasUpdated||this.collapsed!==!1)||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1))&&(l=this.resizable&&!this.collapsed,l||this.cleanUpInteractions()),l&&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:l,defaultPrevented:a,shiftKey:r}=e,{position:n,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||a||!y.includes(l))return;let f=s.value.getBoundingClientRect(),P=this.direction==="rtl"?-1:1,p=r?D:V;switch(l){case"ArrowUp":this.updateSizeInternal({block:f.height+(i==="horizontal"&&n==="end"?p:-p)}),e.preventDefault();break;case"ArrowDown":this.updateSizeInternal({block:f.height+(i==="horizontal"&&n==="end"?-p:p)}),e.preventDefault();break;case"ArrowLeft":this.updateSizeInternal({inline:f.width+(i==="vertical"&&n==="end"?p:-p)*P}),e.preventDefault();break;case"ArrowRight":this.updateSizeInternal({inline:f.width+(i==="vertical"&&n==="end"?-p:p)*P}),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:l}=this;if(!e.value)return;let a=window.getComputedStyle(e.value),r=t(a.maxInlineSize)||window.innerWidth,n=t(a.maxBlockSize)||window.innerHeight,i=l==="vertical"?this.getAvailableInlineSize():null,o=l==="horizontal"?this.getAvailableBlockSize():null;this.resizeValues={inlineSize:t(a.inlineSize),blockSize:t(a.blockSize),minInlineSize:t(a.minInlineSize),minBlockSize:t(a.minBlockSize),maxInlineSize:i===null?r:Math.min(r,i),maxBlockSize:o===null?n:Math.min(n,o)}}getAvailableBlockSize(){return this.getAvailableSize("block")}getAvailableInlineSize(){return this.getAvailableSize("inline")}getAvailableSize(e){let l=e==="inline"?"width":"height",a=this.shellSizingDataProvider?.(e),r=this.actionBarContainerEl?.getBoundingClientRect()[l]??0,n=Math.max(r,this.actionBars.reduce((h,b)=>h+b.getBoundingClientRect()[l],0));if(!a)return null;let{availableSize:i}=a,o=this.getContainerSpacingSize(e),s=this.getContentSpacingSize(e);return Math.max(Math.floor(i)-Math.ceil(n)-Math.ceil(o)-Math.ceil(s),0)}getContentSpacingSize(e){let l=this.contentRef.value;if(!l)return 0;let a=window.getComputedStyle(l);return e==="inline"?t(a.marginInlineStart)+t(a.marginInlineEnd)+t(a.borderInlineStartWidth)+t(a.borderInlineEndWidth):t(a.marginBlockStart)+t(a.marginBlockEnd)+t(a.borderBlockStartWidth)+t(a.borderBlockEndWidth)}getContainerSpacingSize(e){let l=this.containerRef.value;if(!l)return 0;let a=window.getComputedStyle(l);return e==="inline"?t(a.marginInlineStart)+t(a.marginInlineEnd)+t(a.borderInlineStartWidth)+t(a.borderInlineEndWidth):t(a.marginBlockStart)+t(a.marginBlockEnd)+t(a.borderBlockStartWidth)+t(a.borderBlockEndWidth)}getMaxBlockSize(){let{layout:e,contentRef:l}=this;if(e!=="horizontal")return this.resizeValues.maxBlockSize;if(!l.value)return this.resizeValues.maxBlockSize;let a=window.getComputedStyle(l.value),r=t(a.maxBlockSize)||window.innerHeight,n=this.getAvailableBlockSize();return n===null?r:Math.min(r,n)}getMaxInlineSize(){let{layout:e,contentRef:l}=this;if(e!=="vertical")return this.resizeValues.maxInlineSize;if(!l.value)return this.resizeValues.maxInlineSize;let a=window.getComputedStyle(l.value),r=t(a.maxInlineSize)||window.innerWidth,n=this.getAvailableInlineSize();return n===null?r:Math.min(r,n)}async refreshResize(){await this.componentOnReady(),await this.updateComplete,this.updateResizeValues(),this.setUpResizeInteractions()}setUpResizeInteractions(){this.cleanUpInteractions();let{el:e,contentRef:l,resizable:a,position:r,collapsed:n,resizeHandleRef:i,layout:o}=this,s=i.value;if(!l.value||n||!a||!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=A(l.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:[A.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(),l=e.width,a=e.height;this.el.style.setProperty("--calcite-internal-shell-panel-action-bar-width",`${l}px`),this.el.style.setProperty("--calcite-internal-shell-panel-action-bar-height",`${a}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 l=L(e).find(N);this.actionBar=l,this.setActionBarLayout(l),this.syncActionBarExpandedState(l)}handleActionBarExpandEvent(e){e.target===this.actionBar&&this.handleActionBarExpand()}handleActionBarCollapseEvent(e){e.target===this.actionBar&&this.handleActionBarCollapse()}handleHeaderSlotChange(e){this.hasHeader=O(e)}getResizeIcon(){let{layout:e}=this;return e==="horizontal"?R.dragVertical:R.dragHorizontal}syncActionBarExpandedState(e=this.actionBar){this.isActionBarExpanded=!!e?.expanded}renderHeader(){return g("header",z`<div class=${d(c.contentHeader)} .hidden=${!this.hasHeader}><slot name=${E.header} @slotchange=${this.handleHeaderSlotChange}></slot></div>`)}render(){let{collapsed:e,position:l,resizable:a,layout:r,displayMode:n,resizeValues:i}=this,o=this.direction,s=r==="horizontal",h=!e&&a?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"?l==="start"?u.calciteAnimateInDown:u.calciteAnimateInUp:o==="ltr"&&l==="end"||o==="rtl"&&l==="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]:n==="overlay",[c.floatContent]:n==="float-content"||n==="float",[u.calciteAnimate]:n==="overlay",[b()]:n==="overlay",[C("width",this.width,this.widthScale)]:!!(this.width||this.widthScale),[C("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=${E.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot></div>`),B=this.actionBarPosition||l,y=[k,m];return(B==="end"||B==="bottom")&&y.reverse(),z`<div class=${d({[c.container]:!0,[c.floatAll]:n==="float-all"})} ${x(this.containerRef)}>${y}</div>`}};H("calcite-shell-panel",$);export{$ as ShellPanel};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import{a as t,b as A,c as x,d as l}from"./CZERUG3F.js";import{a as W}from"./DAAKDDEY.js";import{a as G}from"./3Y4A22VM.js";import{b as V}from"./RWGF5CZT.js";import{a as I}from"./SVNE5SD4.js";import"./ULSD5A62.js";import{a as j}from"./XYZHXGWT.js";import{a as m}from"./UV2JMY7Y.js";import{c as U}from"./SZUPQ4CX.js";import"./3XS7XZAX.js";import{b as _}from"./7VTO7SRW.js";import{a as N,b as O}from"./VI7SBYXT.js";import{a as M}from"./JVFPFH6H.js";import{c as K}from"./XX43OXTK.js";import"./VUYX7MNO.js";import{a as L}from"./ZQSKUC33.js";import{a as R}from"./ZWPNZ5XW.js";import"./MWHGTJLI.js";import"./CYBZRYY2.js";import{v as T,w as k,x as h,y as H}from"./7FW2RVVH.js";import{E as F,F as E,G as D,H as o,T as P,g as B,h as n,l as y,p as $}from"./KRMA22FS.js";var q=B`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;border-radius:var(--calcite-panel-corner-radius, var(--calcite-corner-radius-sharp))}slot[name=alerts]::slotted(calcite-alert){block-size:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-panel-default-space: var(--calcite-spacing-sm);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-sm-plus)}:host([scale=s]) .header-content .heading{font-size:var(--calcite-font-size--1)}:host([scale=s]) .header-content .description{font-size:var(--calcite-font-size--2)}:host([scale=s]) .header-content .icon{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]){--calcite-internal-panel-default-space: var(--calcite-spacing-md);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-md-plus)}:host([scale=m]) .header-content .heading{font-size:var(--calcite-font-size-0)}:host([scale=m]) .header-content .description{font-size:var(--calcite-font-size--1)}:host([scale=m]) .header-content .icon{margin-inline-end:var(--calcite-spacing-md)}:host(:is([scale=s],[scale=m])){--calcite-internal-panel-action-spacing: var(--calcite-spacing-xxs)}:host([scale=l]){--calcite-internal-panel-action-spacing: var(--calcite-spacing-xs);--calcite-internal-panel-default-space: var(--calcite-spacing-lg);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-xl)}:host([scale=l]) .header-content .heading{font-size:var(--calcite-font-size-1)}:host([scale=l]) .header-content .description{font-size:var(--calcite-font-size-0)}:host([scale=l]) .header-content .icon{margin-inline-end:var(--calcite-spacing-lg)}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));background-color:var(--calcite-panel-background-color, var(--calcite-color-foreground-1))}.content-top{padding:var(--calcite-panel-content-top-space, var(--calcite-internal-panel-default-space))}.content-bottom{padding:var(--calcite-panel-content-bottom-space, var(--calcite-internal-panel-default-space))}.container{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;overflow:hidden;background-color:var(--calcite-color-background);padding:0;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-color-text-2);transition:max-block-size var(--calcite-animation-timing),inline-size var(--calcite-animation-timing);box-sizing:border-box;font-size:var(--calcite-font-size--1)}.container *{box-sizing:border-box}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-panel-header-background-color, var(--calcite-color-foreground-1));border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-panel-header-border-block-end, var(--calcite-color-border-3)))}.header--no-row{border-block-end:0}.content-top--no-border{border-block-start:0}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3))}.header-top{inline-size:100%;border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));padding:var(--calcite-panel-header-top-space, var(--calcite-internal-panel-default-space))}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:.75rem;padding-block:.875rem;margin-inline-end:auto;justify-content:center}.header-content .heading-text-content{flex:1 1 auto;overflow:hidden}.header-content .heading,.header-content .description{display:block;flex:none;overflow-wrap:break-word;padding:0;line-height:var(--calcite-font-line-height-relative-snug)}.header-content .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-panel-heading-text-color, var(--calcite-color-text-1))}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{color:var(--calcite-panel-description-text-color, var(--calcite-color-text-2))}#close,#collapse,calcite-action-menu{--calcite-action-background-color: var(--calcite-panel-header-action-background-color);--calcite-action-background-color-hover: var(--calcite-panel-header-action-background-color-hover);--calcite-action-background-color-press: var(--calcite-panel-header-action-background-color-press);--calcite-action-text-color: var(--calcite-panel-header-action-text-color);--calcite-action-text-color-press: var(--calcite-panel-header-action-text-color-press)}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;margin:auto;gap:var(--calcite-internal-panel-action-spacing)}.header-actions--start{margin-inline-start:var(--calcite-internal-panel-action-spacing)}.header-actions--end{margin-inline-end:var(--calcite-internal-panel-action-spacing)}.content-wrapper{position:relative;display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;color:var(--calcite-color-text-2);outline-color:transparent;padding:var(--calcite-panel-space, var(--calcite-panel-content-space, 0));background:var(--calcite-panel-background-color, var(--calcite-color-background))}.content-wrapper:focus-visible{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.header-content{flex:1 1 auto;justify-content:center;padding-block:var(--calcite-internal-panel-header-vertical-padding);padding-inline:var(--calcite-internal-panel-default-space)}.header-content.header--slotted-content{padding:var(--calcite-panel-header-content-space, var(--calcite-internal-panel-header-vertical-padding) var(--calcite-internal-panel-default-space))}.header-content.header--non-slotted-content{align-items:center;flex-direction:row}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;align-items:center;justify-content:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));padding:var(--calcite-panel-footer-space, var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-space)));background-color:var(--calcite-panel-footer-background-color, var(--calcite-color-foreground-1))}.footer-content{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:center}.footer-start{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-start;margin-inline-end:auto;gap:var(--calcite-internal-panel-default-space)}.footer-end{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-end;margin-inline-start:auto;gap:var(--calcite-internal-panel-default-space)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:.5rem;inset-inline:0;inline-size:fit-content}calcite-icon{--calcite-icon-color: var(--calcite-panel-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-1)))}:host([hidden]){display:none}[hidden]{display:none}`,w=class extends D{constructor(){super(),this.containerRef=F(),this.resizeObserver=N("resize",()=>this.resizeHandler()),this.messages=M(),this._closed=!1,this.focusSetter=L()(this),this.focusTrapController=W({focusTrapOptions:{allowOutsideClick:!0,escapeDeactivates:e=>(!e.defaultPrevented&&this.closable&&(this.emitCloseEvent(),e.preventDefault()),!1)}})(this),this.interactiveContainer=j(this),this.hasActionBar=!1,this.hasContentBottom=!1,this.hasContentTop=!1,this.hasEndActions=!1,this.hasFab=!1,this.hasFooterContent=!1,this.hasFooterEndContent=!1,this.hasFooterStartContent=!1,this.hasHeaderContent=!1,this.hasHeaderDescription=!1,this.hasHeaderHeading=!1,this.hasHeaderTop=!1,this.hasMenuItems=!1,this.hasStartActions=!1,this.showHeaderContent=!1,this.closable=!1,this.collapseDirection="down",this.collapsed=!1,this.collapsible=!1,this.disabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.focusTrapEnabled=!1,this.menuOpen=!1,this.menuPlacement=V,this.overlayPositioning="absolute",this.scale="m",this.topLayerDisabled=!1,this.calcitePanelClose=$({cancelable:!0}),this.calcitePanelCollapse=$({cancelable:!1}),this.calcitePanelExpand=$({cancelable:!1}),this.calcitePanelScroll=$({cancelable:!1}),this.calcitePanelToggle=$({cancelable:!1}),this.listen("keydown",this.panelKeyDownHandler),this.listen("calcitePanelClose",this.panelCloseHandler)}static{this.properties={hasActionBar:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],hasEndActions:[16,{},{state:!0}],hasFab:[16,{},{state:!0}],hasFooterContent:[16,{},{state:!0}],hasFooterEndContent:[16,{},{state:!0}],hasFooterStartContent:[16,{},{state:!0}],hasHeaderContent:[16,{},{state:!0}],hasHeaderDescription:[16,{},{state:!0}],hasHeaderHeading:[16,{},{state:!0}],hasHeaderTop:[16,{},{state:!0}],hasMenuItems:[16,{},{state:!0}],hasStartActions:[16,{},{state:!0}],showHeaderContent:[16,{},{state:!0}],beforeClose:[0,{},{attribute:!1}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],collapseDirection:1,collapsed:[7,{},{reflect:!0,type:Boolean}],collapsible:[7,{},{reflect:!0,type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],focusTrapEnabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],menuFlipPlacements:[0,{},{attribute:!1}],menuOpen:[7,{},{reflect:!0,type:Boolean}],menuPlacement:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],overlayPositioning:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=[G,q]}get closed(){return this._closed}set closed(e){let a=this._closed;e!==a&&this.setClosedState(e)}async scrollContentTo(e){this.panelScrollEl?.scrollTo(e)}async setFocus(e){return this.focusSetter(()=>this.containerRef.value,e)}async updateFocusTrapElements(e){this.focusTrapController.setExtraContainers(e),this.focusTrapController.updateContainerElements()}willUpdate(e){e.has("collapsed")&&this.hasUpdated&&(this.collapsed?this.calcitePanelCollapse.emit():this.calcitePanelExpand.emit())}updated(e){(e.has("focusTrapEnabled")||e.has("closable")||e.has("closed"))&&(!this.closed&&this.closable&&this.focusTrapEnabled?this.focusTrapController.activate():this.focusTrapController.deactivate())}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}focusTrapDisabledOverride(){return!this.focusTrapEnabled||!this.closable||this.closed}async setClosedState(e){if(this.beforeClose&&e)try{await this.beforeClose?.()}catch{return}this._closed=e}resizeHandler(){let{panelScrollEl:e}=this;if(!e||typeof e.scrollHeight!="number"||typeof e.offsetHeight!="number")return;e.scrollHeight>e.offsetHeight?e.setAttribute("tabindex","0"):e.removeAttribute("tabindex")}closeClickHandler(){this.emitCloseEvent()}emitCloseEvent(){this.calcitePanelClose.emit()}panelKeyDownHandler(e){e.key!=="Escape"||e.defaultPrevented||this.closed||!this.closable||(e.preventDefault(),this.emitCloseEvent())}panelCloseHandler(e){e.defaultPrevented||e.target!==this.el||(this.closed=!0)}collapse(){this.collapsed=!this.collapsed,this.calcitePanelToggle.emit()}panelScrollHandler(){this.calcitePanelScroll.emit()}handleHeaderActionsStartSlotChange(e){this.hasStartActions=h(e)}handleHeaderActionsEndSlotChange(e){this.hasEndActions=h(e)}handleHeaderMenuActionsSlotChange(e){this.hasMenuItems=h(e)}handleActionBarSlotChange(e){let a=H(e).filter(U);a.forEach(i=>i.layout="horizontal"),this.hasActionBar=!!a.length}handleHeaderContentSlotChange(e){this.hasHeaderContent=h(e)}handleHeaderTopSlotChange(e){this.hasHeaderTop=h(e)}handleHeaderDescriptionSlotChange(e){this.hasHeaderDescription=k(e)||H(e).some(T)}handleHeaderHeadingSlotChange(e){this.hasHeaderHeading=k(e)||H(e).some(T)}handleFabSlotChange(e){this.hasFab=h(e)}handleFooterEndSlotChange(e){this.hasFooterEndContent=h(e)}handleFooterStartSlotChange(e){this.hasFooterStartContent=h(e)}handleFooterSlotChange(e){this.hasFooterContent=h(e)}contentBottomSlotChangeHandler(e){this.hasContentBottom=h(e)}contentTopSlotChangeHandler(e){this.hasContentTop=h(e)}setPanelScrollEl(e){O(this.resizeObserver,this.panelScrollEl,e),this.panelScrollEl=e}handleAlertsSlotChange(e){H(e)?.map(a=>{a.nodeName==="CALCITE-ALERT"&&(a.embedded=!0)})}get hasHeaderRow(){return this.hasHeaderContent||!!this.heading||!!this.description||this.hasHeaderHeading||this.hasHeaderDescription||this.hasStartActions||this.hasEndActions||this.collapsible||this.closable||this.hasMenuItems}renderHeaderContent(){let{heading:e,headingLevel:a,description:i,hasHeaderContent:s,hasHeaderDescription:r,hasHeaderHeading:c,icon:u,scale:d}=this,g=!!e||c,p=!!i||r,f=g||p,v=u?n`<calcite-icon class=${o(t.icon)} .flipRtl=${this.iconFlipRtl} .icon=${u} .scale=${R(d)}></calcite-icon>`:null,b=I({class:t.heading,hidden:!g,level:a,children:n`<slot .hidden=${!c} name=${l.heading} @slotchange=${this.handleHeaderHeadingSlotChange}></slot>${c?null:e}`}),C=n`<span class=${o(t.description)} .hidden=${!p}><slot .hidden=${!r} name=${l.description} @slotchange=${this.handleHeaderDescriptionSlotChange}></slot>${r?null:i}</span>`;return m("header-content",n`<div class=${o({[t.headerContent]:!0,[t.headerNonSlottedContent]:!0})} .hidden=${s||!f}>${v}<div class=${o(t.headingTextContent)}>${b}${C}</div></div>`)}renderActionBar(){return n`<div class=${o(t.actionBarContainer)} .hidden=${!this.hasActionBar}><slot name=${l.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot></div>`}renderHeaderSlottedContent(){return m("slotted-header-content",n`<div class=${o({[t.headerContent]:!0,[t.headerSlottedContent]:!0})} .hidden=${!this.hasHeaderContent}><slot name=${l.headerContent} @slotchange=${this.handleHeaderContentSlotChange}></slot></div>`)}renderHeaderTop(){return n`<div class=${o(t.headerTop)} .hidden=${!this.hasHeaderTop}><slot name=${l.headerTop} @slotchange=${this.handleHeaderTopSlotChange}></slot></div>`}renderHeaderStartActions(){let{hasStartActions:e}=this;return m("header-actions-start",n`<div class=${o({[t.headerActionsStart]:!0,[t.headerActions]:!0})} .hidden=${!e}><slot name=${l.headerActionsStart} @slotchange=${this.handleHeaderActionsStartSlotChange}></slot></div>`)}renderHeaderActionsEnd(){let{hasEndActions:e,messages:a,closable:i,collapsed:s,collapseDirection:r,collapsible:c,hasMenuItems:u}=this,{collapse:d,expand:g,close:p}=a,f=[x.expand,x.collapse];r==="up"&&f.reverse();let v=c?n`<calcite-action .aria=${{expanded:!s}} .icon=${s?f[0]:f[1]} id=${A.collapse} .label=${d} @click=${this.collapse} .scale=${this.scale} .text=${d} title=${(s?g:d)??y}></calcite-action>`:null,b=i?n`<calcite-action .ariaLabel=${p} .icon=${x.close} id=${A.close} @click=${this.closeClickHandler} .scale=${this.scale} .text=${p} title=${p??y}></calcite-action>`:null,C=n`<slot name=${l.headerActionsEnd} @slotchange=${this.handleHeaderActionsEndSlotChange}></slot>`,z=e||v||b||u;return m("header-actions-end",n`<div class=${o({[t.headerActionsEnd]:!0,[t.headerActions]:!0})} .hidden=${!z}>${C}${this.renderMenu()}${v}${b}</div>`)}renderMenu(){let{hasMenuItems:e,messages:a,menuOpen:i,menuFlipPlacements:s,menuPlacement:r,scale:c}=this;return m("menu",n`<calcite-action-menu .flipPlacements=${s??["top","bottom"]} .hidden=${!e} .label=${a.options} .open=${i} .overlayPositioning=${this.overlayPositioning} .placement=${r} .scale=${c} .topLayerDisabled=${this.topLayerDisabled}><calcite-action class=${o(t.menuAction)} .icon=${x.menu} .scale=${c} slot=${K.trigger} .text=${a.options}></calcite-action><slot name=${l.headerMenuActions} @slotchange=${this.handleHeaderMenuActionsSlotChange}></slot></calcite-action-menu>`)}renderHeaderNode(){let{hasHeaderContent:e,hasHeaderDescription:a,hasHeaderHeading:i,hasHeaderTop:s,hasStartActions:r,hasEndActions:c,closable:u,collapsible:d,hasMenuItems:g,hasActionBar:p,hasContentTop:f,heading:v,description:b}=this,C=this.renderHeaderContent(),S=e||(!!v||!!b||i||a)||s||r||c||d||u||g||p||f;return this.showHeaderContent=S,n`<header class=${o({[t.header]:!0,[t.headerNoRow]:s&&!this.hasHeaderRow&&!p&&!f})} .hidden=${!(S||p||f)}>${this.renderHeaderTop()}<div class=${o({[t.headerContainer]:!0,[t.headerContainerBorderEnd]:p&&this.hasHeaderRow})} .hidden=${!S}>${this.renderHeaderStartActions()}${this.renderHeaderSlottedContent()}${C}${this.renderHeaderActionsEnd()}</div>${this.renderActionBar()}${this.renderContentTop()}</header>`}renderFooterNode(){let{hasFooterEndContent:e,hasFooterStartContent:a,hasFooterContent:i}=this,s=a||e||i;return n`<footer class=${o(t.footer)} .hidden=${!s}><div class=${o(t.footerContent)} .hidden=${!i}><slot name=${l.footer} @slotchange=${this.handleFooterSlotChange}></slot></div><div class=${o(t.footerStart)} .hidden=${i||!a}><slot name=${l.footerStart} @slotchange=${this.handleFooterStartSlotChange}></slot></div><div class=${o(t.footerEnd)} .hidden=${i||!e}><slot name=${l.footerEnd} @slotchange=${this.handleFooterEndSlotChange}></slot></div></footer>`}renderContent(){return n`<div class=${o(t.contentWrapper)} .hidden=${this.collapsible&&this.collapsed} @scroll=${this.panelScrollHandler} ${E(this.setPanelScrollEl)}><slot></slot>${this.renderFab()}</div>`}renderContentBottom(){return n`<div class=${o(t.contentBottom)} .hidden=${!this.hasContentBottom}><slot name=${l.contentBottom} @slotchange=${this.contentBottomSlotChangeHandler}></slot></div>`}renderContentTop(){return n`<div class=${o({[t.contentTop]:!0,[t.contentTopNoBorder]:this.hasHeaderTop&&!this.hasHeaderRow&&!this.hasActionBar})} .hidden=${!this.hasContentTop}><slot name=${l.contentTop} @slotchange=${this.contentTopSlotChangeHandler}></slot></div>`}renderFab(){return n`<div class=${o(t.fabContainer)} .hidden=${!this.hasFab}><slot name=${l.fab} @slotchange=${this.handleFabSlotChange}></slot></div>`}render(){let{disabled:e,loading:a,closed:i,heading:s,description:r,focusTrapEnabled:c,closable:u}=this,d=c&&u,g=n`<div .ariaBusy=${_(a,void 0)} .ariaDescription=${d&&r?r:void 0} .ariaLabel=${d&&s?s:void 0} .ariaLive=${d?"polite":void 0} class=${o(t.container)} .hidden=${i} .role=${d?"dialog":"article"} ${E(this.containerRef)}>${this.renderHeaderNode()}${this.renderContent()}${this.renderContentBottom()}${this.renderFooterNode()}${m("alerts",n`<slot name=${l.alerts} @slotchange=${this.handleAlertsSlotChange}></slot>`)}</div>`;return this.interactiveContainer({disabled:e,children:n`${a?n`<calcite-scrim .loading=${a}></calcite-scrim>`:null}${g}`})}};P("calcite-panel",w);export{w as Panel};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import{a as m}from"./ZGOJ4LZG.js";import{a as p}from"./YXQ3ADP4.js";import{a as g,b as t}from"./XOOLHWVY.js";import{a as d}from"./VI7SBYXT.js";import{a as u}from"./JVFPFH6H.js";import{a as h}from"./ZQSKUC33.js";import"./ZWPNZ5XW.js";import"./MWHGTJLI.js";import"./CYBZRYY2.js";import"./7FW2RVVH.js";import{G as n,H as r,L as c,T as o,g as i,h as s,p as l}from"./KRMA22FS.js";var f={itemWrapper:"item-wrapper"},b={validationMessage:"radioButtonGroupValidationMessage"},x=i`:host{display:flex;flex-direction:column}:host>.item-wrapper{display:flex;max-inline-size:100vw}:host([layout=horizontal])>.item-wrapper{flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s])>.item-wrapper{column-gap:var(--calcite-radio-button-group-gap, var(--calcite-spacing-lg))}:host([layout=horizontal][scale=m])>.item-wrapper{column-gap:var(--calcite-radio-button-group-gap, var(--calcite-spacing-xl))}:host([layout=horizontal][scale=l])>.item-wrapper{column-gap:var(--calcite-radio-button-group-gap, var(--calcite-spacing-xxl))}:host([layout=vertical])>.item-wrapper{flex-direction:column;inline-size:fit-content}:host([scale=s]) calcite-input-message{--calcite-input-message-spacing: var( --calcite-radio-button-input-message-spacing, calc(var(--calcite-spacing-xxs) * -1) )}:host([scale=m]) calcite-input-message{--calcite-input-message-spacing: var( --calcite-radio-button-input-message-spacing, calc(var(--calcite-spacing-sm) * -1) )}:host([scale=l]) calcite-input-message{--calcite-input-message-spacing: var( --calcite-radio-button-input-message-spacing, calc(var(--calcite-spacing-md) * -1) )}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`,a=class extends n{constructor(){super(),this.messages=u(),this.mutationObserver=d("mutation",()=>this.passPropsToRadioButtons()),this.focusSetter=h()(this),this._disabled=!1,this.disabledWasSet=!1,this.radioButtons=[],this.layout="horizontal",this.required=!1,this.scale="m",this.selectedItem=null,this.status="idle",this.calciteRadioButtonGroupChange=l({cancelable:!1}),this.listen("calciteRadioButtonChange",this.radioButtonChangeHandler),this.listen("calciteInvalid",this.handleInvalidFormEvent),this.listen("luminaFormResetCallback",()=>{this.status==="invalid"&&t(this)})}static{this.properties={radioButtons:[16,{},{state:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],labelText:1,layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectedItem:[0,{},{attribute:!1}],status:[3,{},{reflect:!0}],validationIcon:[3,{converter:c},{reflect:!0}],validationMessage:1}}static{this.styles=x}get disabled(){return this._disabled}set disabled(e){this._disabled=e,this.disabledWasSet=!0}async setFocus(e){return this.focusSetter(()=>this.selectedItem&&!this.selectedItem.disabled?this.selectedItem:this.getFocusableRadioButton(),e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}willUpdate(e){(e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)||e.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("status")&&this.hasUpdated)&&this.passPropsToRadioButtons()}loaded(){this.passPropsToRadioButtons()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}handleInvalidFormEvent(e){let v=this.validationMessage||e.target.validationMessage||"";g(this,{message:v,icon:!0,status:"invalid"})}passPropsToRadioButtons(){this.radioButtons=Array.from(this.el.querySelectorAll("calcite-radio-button")),this.selectedItem=Array.from(this.radioButtons).reverse().find(e=>e.checked)??null,this.radioButtons.forEach(e=>{this.disabledWasSet&&(e.disabled=this.disabled),e.name=this.name,e.required=this.required,e.scale=this.scale,e.status=this.status})}getFocusableRadioButton(){return this.radioButtons.find(e=>!e.disabled)}radioButtonChangeHandler(e){this.selectedItem=e.target,this.required&&this.selectedItem&&this.status==="invalid"&&t(this),this.calciteRadioButtonGroupChange.emit()}render(){return this.el.role="radiogroup",s`${this.labelText&&p({labelText:this.labelText,required:this.required,tooltipText:this.messages.required})||""}<div aria-errormessage=${b.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaRequired=${this.required} class=${r(f.itemWrapper)}><slot></slot></div>${this.validationMessage&&this.status==="invalid"?m({icon:this.validationIcon,id:b.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`}};o("calcite-radio-button-group",a);export{a as RadioButtonGroup};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import{A,B as D,C as y,k as P,v as k,w,x as V,y as m,z as h}from"./KRMA22FS.js";var b=(s,f,c)=>{let p=new Map;for(let e=f;e<=c;e++)p.set(s[e],e);return p},I=w(class extends V{constructor(s){if(super(s),s.type!==k.CHILD)throw Error("repeat() can only be used in text expressions")}dt(s,f,c){let p;c===void 0?c=f:f!==void 0&&(p=f);let e=[],n=[],o=0;for(let a of s)e[o]=p?p(a,o):o,n[o]=c(a,o),o++;return{values:n,keys:e}}render(s,f,c){return this.dt(s,f,c).values}update(s,[f,c,p]){let e=D(s),{values:n,keys:o}=this.dt(f,c,p);if(!Array.isArray(e))return this.ut=o,n;let a=this.ut??=[],u=[],v,g,t=0,l=e.length-1,r=0,i=n.length-1;for(;t<=l&&r<=i;)if(e[t]===null)t++;else if(e[l]===null)l--;else if(a[t]===o[r])u[r]=h(e[t],n[r]),t++,r++;else if(a[l]===o[i])u[i]=h(e[l],n[i]),l--,i--;else if(a[t]===o[i])u[i]=h(e[t],n[i]),m(s,u[i+1],e[t]),t++,i--;else if(a[l]===o[r])u[r]=h(e[l],n[r]),m(s,e[t],e[l]),l--,r++;else if(v===void 0&&(v=b(o,r,i),g=b(a,t,l)),v.has(a[t]))if(v.has(a[l])){let d=g.get(o[r]),x=d!==void 0?e[d]:null;if(x===null){let C=m(s,e[t]);h(C,n[r]),u[r]=C}else u[r]=h(x,n[r]),m(s,e[t],x),e[d]=null;r++}else y(e[l]),l--;else y(e[t]),t++;for(;r<=i;){let d=m(s,u[i+1]);h(d,n[r]),u[r++]=d}for(;t<=l;){let d=e[t++];d!==null&&y(d)}return this.ut=o,A(s,u),P}});export{I as a};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import{c as e}from"./VUYX7MNO.js";var t={actionsEnd:"actions-end",actionsStart:"actions-start",description:"description",close:"close",container:"container",containerHover:"container--hover",containerBorder:"container--border",containerBorderSelected:"container--border-selected",containerHighlightSelected:"container--highlight-selected",content:"content",contentBottom:"content-bottom",contentContainer:"content-container",contentContainerHasCenterContent:"content-container--has-center-content",contentContainerSelectable:"content-container--selectable",contentContainerUnavailable:"content-container--unavailable",contentContainerWrapper:"content-container-wrapper",contentContainerWrapperBordered:"content-container-wrapper--bordered",contentEnd:"content-end",contentStart:"content-start",customContent:"custom-content",expandedContainer:"expanded-container",dragContainer:"drag-container",gridCell:"grid-cell",icon:"icon",nestedContainer:"nested-container",nestedContainerExpanded:"nested-container--expanded",label:"label",row:"row",selectionContainer:"selection-container",selectionContainerSingle:"selection-container--single",wrapper:"wrapper",wrapperBordered:"wrapper--bordered"},o={actionsStart:"actions-start",contentStart:"content-start",content:"content",contentBottom:"content-bottom",contentEnd:"content-end",actionsEnd:"actions-end"},c=0,a={selectedMultiple:"check-square-f",selectedSingle:"circle-inset-large",unselectedMultiple:"square",unselectedSingle:"circle",collapsedLTR:"chevron-right",collapsedRTL:"chevron-left",open:"chevron-down",blank:"blank",close:"x"},r="data-test-active",i=e("calcite-list-item"),s={container:"container",heading:"heading"},l=e("calcite-list-item-group");export{t as a,o as b,c,a as d,r as e,i as f,s as g,l as h};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import{a as te,b as ie,c as ne,d as ae}from"./KJZZQ53Q.js";import{a as ee}from"./LGRYFS2N.js";import{a as W,b as g,c as _,d as K,e as G,j as r}from"./MPUTYNXJ.js";import{a as J}from"./ZGOJ4LZG.js";import{a as Z}from"./YXQ3ADP4.js";import{c as Q}from"./XOOLHWVY.js";import{a as Y}from"./DKJI4BME.js";import{a as X}from"./CEKRDMEV.js";import{a as U}from"./XYZHXGWT.js";import{a as F}from"./UV2JMY7Y.js";import{b as q}from"./YP3AYJH3.js";import{a as A}from"./JVFPFH6H.js";import{a as j}from"./ZQSKUC33.js";import{a as P}from"./ZWPNZ5XW.js";import{c as M,e as L}from"./MWHGTJLI.js";import"./CYBZRYY2.js";import{A as $,s as C}from"./7FW2RVVH.js";import{D,E as x,F as k,G as H,H as l,L as z,M as T,Q as O,T as R,g as S,h as s,l as p,p as b}from"./KRMA22FS.js";var n={loader:"loader",clearButton:"clear-button",clearable:"clearable",inlineEditing:"inline-editing",inlineChild:"inline-child",inlineEditableChild:"inline-editable-child",inlineEdit:"inline-edit",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",numberButtonItem:"number-button-item",hasSuffix:"has-suffix",hasPrefix:"has-prefix"},re={validationMessage:"inputNumberValidationMessage"},ue={action:"action"},le={chevronUp:"chevron-up",chevronDown:"chevron-down"},oe={up:"up",down:"down"},de=150,he=S`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;--calcite-internal-input-number-focus-outline-color: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) );--calcite-internal-input-number-number-button-item-height: auto}:host([scale=s]){--calcite-internal-input-number-icon-padding-inline: var(--calcite-spacing-fixed-sm)}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);block-size:var(--calcite-input-number-height, 1.5rem)}:host([scale=s]) input{padding-inline:var(--calcite-spacing-sm)}:host([scale=s]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=s]) .prefix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-xxs)}:host([scale=s]) .has-suffix input{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .suffix{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper{block-size:var(--calcite-input-number-height, 1.5rem)}:host([scale=s]) .clear-button{block-size:var(--calcite-spacing-xxl)}:host([scale=s]):host([number-button-type=horizontal]){--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-xxs)}:host([scale=s]):host([number-button-type=vertical]){--calcite-internal-input-number-number-button-item-height: 8px;--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-xxs);--calcite-internal-input-number-number-button-item-vertical-padding: 3px}:host([scale=m]){--calcite-internal-input-number-icon-padding-inline: var(--calcite-spacing-fixed-md)}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);block-size:var(--calcite-input-number-height, 2rem)}:host([scale=m]) input{padding-inline:var(--calcite-spacing-md)}:host([scale=m]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xs)}:host([scale=m]) .prefix{padding-inline:var(--calcite-spacing-md) var(--calcite-spacing-xs)}:host([scale=m]) .has-suffix input{padding-inline-end:var(--calcite-spacing-xs)}:host([scale=m]) .suffix{padding-inline:var(--calcite-spacing-xs) var(--calcite-spacing-md)}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper{block-size:var(--calcite-input-number-height, 2rem)}:host([scale=m]):host([number-button-type=horizontal]){--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-space-sm)}:host([scale=m]):host([number-button-type=vertical]){--calcite-internal-input-number-number-button-item-height: 11px;--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-space-sm);--calcite-internal-input-number-number-button-item-vertical-padding: var(--calcite-space-2xs)}:host([scale=l]){--calcite-internal-input-number-icon-padding-inline: var(--calcite-spacing-fixed-lg)}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);block-size:var(--calcite-input-number-height, 2.75rem)}:host([scale=l]) input{padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .has-prefix input{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=l]) .prefix{padding-inline:var(--calcite-spacing-lg) var(--calcite-spacing-sm)}:host([scale=l]) .has-suffix input{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=l]) .suffix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-lg)}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper{block-size:var(--calcite-input-number-height, 2.75rem)}:host([scale=l]):host([number-button-type=horizontal]){--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-sm-plus)}:host([scale=l]):host([number-button-type=vertical]){--calcite-internal-input-number-number-button-item-height: 16px;--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-sm-plus);--calcite-internal-input-number-number-button-item-vertical-padding: 5px}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none;position:relative;margin:0;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;font-family:inherit;font-weight:var(--calcite-font-weight-normal);outline:none;background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-number-text-color, var(--calcite-color-text-1));text-align:var(--calcite-internal-input-number-alignment)}input:placeholder-shown{text-overflow:ellipsis}.element-wrapper,input{border-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}.has-prefix input,.element-wrapper:has(.icon) input{border-start-start-radius:0;border-end-start-radius:0}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) input,.has-prefix input,.element-wrapper:has(.icon) input{border-inline-start-width:0}.element-wrapper:has(.clear-button) input,.has-suffix input,.element-wrapper:has(.number-button-item--horizontal[data-adjustment=up]) input,.element-wrapper:has(.number-button-item) input{border-inline-end-width:0}.has-suffix input,.clearable input,:host(:not([read-only])) input,.suffix,.clear-button{border-start-end-radius:0;border-end-end-radius:0}.has-prefix :is(.prefix:first-child,.loader+.prefix),:host([number-button-type=horizontal]) .number-button-item[data-adjustment=down],.element-wrapper:has(.icon) :is(.icon:first-child,.loader+.icon){border-start-start-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp));border-end-start-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host([read-only]) .suffix,:host([read-only]) .wrapper:not(.has-suffix) .clear-button,:host([number-button-type=horizontal]) .number-button-item[data-adjustment=up]{border-end-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp));border-start-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px;border-end-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]{border-start-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host(:not([read-only])[number-button-type=horizontal]) .prefix,:host(:not([read-only])[number-button-type=horizontal]) input,.has-prefix input{border-start-start-radius:0;border-end-start-radius:0}input{border-width:1px;border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input))}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-input-number-text-color-focus, var(--calcite-color-text-1))}input[readonly]{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-input-number-background-color, var(--calcite-color-background))}input[readonly]:focus{color:var(--calcite-input-number-text-color-focus, var(--calcite-color-text-1))}:host([read-only]) .prefix,:host([read-only]) .icon,:host([read-only]) .clear-button,:host([read-only]) .suffix{background-color:var(--calcite-input-number-background-color, var(--calcite-color-background))}.element-wrapper{position:relative;display:inline-flex;flex:1 1 0%;align-items:center;order:3;isolation:isolate}.element-wrapper:has(input:focus){outline:var(--calcite-border-width-md) solid var(--calcite-internal-input-number-focus-outline-color);outline-offset:calc(var(--calcite-border-width-sm) * -2)}.element-wrapper:has(input:focus) input{z-index:calc(var(--calcite-z-index) * -1)}:host([status=invalid]) .prefix,:host([status=invalid]) .icon,:host([status=invalid]) input,:host([status=invalid]) .clear-button,:host([status=invalid]) .suffix,:host([status=invalid]) .number-button-item{border-color:var(--calcite-color-status-danger)}:host([status=invalid]){--calcite-internal-input-number-focus-outline-color: var(--calcite-color-status-danger)}.icon{box-sizing:border-box;display:flex;align-self:stretch;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));border-inline-end-width:var(--calcite-border-width-none);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));--calcite-icon-color: var( --calcite-input-number-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) );align-items:center;padding-inline-start:var(--calcite-internal-input-number-icon-padding-inline)}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) .icon,.has-prefix .icon{border-inline-start-width:0}.clear-button{box-sizing:border-box;display:flex;align-self:stretch;order:4;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));border-inline-start-width:var(--calcite-border-width-none);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1))}.has-suffix .clear-button,.element-wrapper:has(.number-button-item.number-button-item--horizontal[data-adjustment=up]) .clear-button,.element-wrapper:has(.number-button-item) .clear-button{border-inline-end-width:0}.loader{inset-block-start:var(--calcite-border-width-sm);inset-inline:var(--calcite-border-width-sm);pointer-events:none;position:absolute;display:block}.loader calcite-progress{--calcite-progress-background-color: var(--calcite-input-loading-background-color);--calcite-progress-fill-color: var(--calcite-input-loading-fill-color)}.inline-edit{order:7}.action-wrapper{order:8;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;line-height:1;font-weight:var(--calcite-font-weight-regular);border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input))}.prefix{order:0;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size, auto);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-prefix-text-color, var(--calcite-color-text-2))}.suffix{order:5;border-inline-start-width:0px;inline-size:var(--calcite-input-suffix-size, auto);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-suffix-text-color, var(--calcite-color-text-2))}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) .prefix{border-inline-start-width:var(--calcite-border-width-none)}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=up]) .suffix,.element-wrapper:has(.number-button-item) .suffix{border-inline-end-width:var(--calcite-border-width-none)}:host([alignment=start]){--calcite-internal-input-number-alignment: start}:host([alignment=center]){--calcite-internal-input-number-alignment: center}:host([alignment=end]){--calcite-internal-input-number-alignment: end}.number-button-wrapper{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;pointer-events:none;box-sizing:border-box;display:flex;flex-direction:column;order:6}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-action{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-action{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{max-block-size:100%;min-block-size:100%;align-self:stretch;order:1}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-action,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-action{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-inline-start-width:var(--calcite-border-width-sm);border-inline-end-width:0px;order:0;padding-inline-start:var(--calcite-internal-input-number-number-button-item-horizontal-padding)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5;padding-inline-end:var(--calcite-internal-input-number-number-button-item-horizontal-padding)}:host([number-button-type=vertical]) .number-button-item{padding-inline-end:var(--calcite-internal-input-number-number-button-item-horizontal-padding)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]{border-start-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp));border-block-end-width:var(--calcite-border-width-none);padding-block-start:var(--calcite-internal-input-number-number-button-item-vertical-padding)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px;border-end-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp));padding-block-end:var(--calcite-internal-input-number-number-button-item-vertical-padding)}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));border-inline-start-width:var(--calcite-border-width-none)}.number-button-item:hover calcite-action{--calcite-action-background-color: var( --calcite-input-actions-background-color-hover, var(--calcite-color-foreground-2) );--calcite-action-text-color: var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.number-button-item:active calcite-action{--calcite-action-background-color: var( --calcite-input-actions-background-color-press, var(--calcite-color-foreground-3) );--calcite-action-text-color: var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.number-button-item calcite-action{--calcite-internal-action-height: var(--calcite-internal-input-number-number-button-item-height);--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-actions-background-color);--calcite-action-text-color: var(--calcite-input-actions-icon-color)}.number-button-item calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-actions-background-color-hover);--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-hover)}.number-button-item calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-actions-background-color-press);--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-press)}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{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}input.inline-child.inline-editable-child{background-color:transparent}input.inline-child .inline-editing{background-color:inherit}input.inline-child:not(.inline-editing){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.element-wrapper:has(input.inline-child:not(.inline-editing)) .loader,.element-wrapper:has(input.inline-child:not(.inline-editing)) .number-button-item,.element-wrapper:has(input.inline-child:not(.inline-editing)) .prefix,.element-wrapper:has(input.inline-child:not(.inline-editing)) .icon,.element-wrapper:has(input.inline-child:not(.inline-editing)) .clear-button,.element-wrapper:has(input.inline-child:not(.inline-editing)) .suffix{display:none}:host([inline-edit]:not([inline-editing])) .wrapper:hover input,:host([inline-edit]:not([inline-editing])) .wrapper:hover .inline-edit,:host([inline-edit]:not([inline-editing])) .wrapper:hover .action-wrapper,:host:has(input.inline-child:not(.inline-editable-child):not(.inline-editing)) .wrapper:hover input,:host:has(input.inline-child:not(.inline-editable-child):not(.inline-editing)) .wrapper:hover .inline-edit,:host:has(input.inline-child:not(.inline-editable-child):not(.inline-editing)) .wrapper:hover .action-wrapper{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;background-color:var(--calcite-input-number-inline-edit-background-color-hover, var(--calcite-color-foreground-2))}:host([inline-edit]) input,:host([inline-edit]) .inline-edit,:host([inline-edit]) .action-wrapper{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;background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1))}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-number-placeholder-text-color, var(--calcite-color-text-3))}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var(--calcite-input-actions-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-actions-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-actions-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-input-actions-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-actions-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-actions-background-color-press, var(--calcite-input-actions-background-color));--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-space-2xs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-space-2xs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-space-sm-plus)}.inline-edit--container{display:flex;cursor:pointer;align-items:center}.inline-edit--container .enable-editing,.inline-edit--container .confirm-changes,.inline-edit--container .cancel-editing{margin-inline-start:var(--calcite-space-2xs)}.inline-edit--container .enable-editing{--calcite-action-text-color: var(--calcite-input-number-inline-edit-control-text-color, var(--calcite-color-text-1))}.inline-edit--container calcite-action{--calcite-action-background-color: var(--calcite-input-number-inline-edit-control-background-color);--calcite-action-corner-radius: var(--calcite-input-number-inline-edit-control-corner-radius);--calcite-action-loader-color: var(--calcite-input-number-inline-edit-control-loader-color);--calcite-action-text-color: var(--calcite-input-number-inline-edit-control-text-color)}.inline-edit--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-number-inline-edit-control-background-color-hover, var(--calcite-input-number-inline-edit-control-background-color));--calcite-action-text-color-press: var(--calcite-input-number-inline-edit-control-text-color-press, var(--calcite-input-number-inline-edit-control-text-color))}.inline-edit--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-number-inline-edit-control-background-color-press, var(--calcite-input-number-inline-edit-control-background-color));--calcite-action-text-color-press: var(--calcite-input-number-inline-edit-control-text-color-press, var(--calcite-input-number-inline-edit-control-text-color))}`,B=class extends H{constructor(){super(),this.actionWrapperRef=x(),this.attributeWatch=M(["autofocus","enterkeyhint","inputmode"],this.handleGlobalAttributesChanged),this.childNumberRef=x(),this.enableInlineEditingButtonRef=x(),this.direction=L(),this.formSupport=Q({inputType:"number"})(this),this.inputWrapperRef=x(),this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.messages=A({blocking:!0}),this.focusSetter=j()(this),this.interactiveContainer=U(this),this.inlineEditManager=new ne({getInlineEditing:()=>this.inlineEditing,setInlineEditing:e=>{this.inlineEditing=e},getValue:()=>this.value,restoreValue:e=>{this.restoreInlineEditingValue(e)},commitValue:()=>this.commitInlineEditingValue(),setFocus:()=>{this.setFocus()},emitCancel:()=>{this.calciteInputNumberInlineEditingCancel.emit()},emitConfirm:()=>{this.calciteInputNumberInlineEditingConfirm.emit()},emitEnableEditingChange:()=>{this.calciteInputNumberInlineEditingChange.emit()}}),this.inlineEditingLoading=!1,this.slottedActionElDisabledInternally=!1,this.alignment="start",this.clearable=!1,this.disabled=!1,this.inlineEditing=!1,this.inlineEdit=!1,this.groupSeparator=!1,this.iconFlipRtl=!1,this.integer=!1,this.loading=!1,this.localeFormat=!1,this.numberButtonType="vertical",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.calciteInputNumberChange=b({cancelable:!1}),this.calciteInputNumberInlineEditingCancel=b({cancelable:!1}),this.calciteInputNumberInlineEditingChange=b({cancelable:!1}),this.calciteInputNumberInlineEditingConfirm=b({cancelable:!1}),this.calciteInputNumberInput=b(),this.calciteInternalInputNumberBlur=b({cancelable:!1}),this.calciteInternalInputNumberFocus=b({cancelable:!1}),X(this),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={draftValue:[16,{},{state:!0}],displayedValue:[16,{},{state:!0}],inlineEditingLoading:[16,{},{state:!0}],slottedActionElDisabledInternally:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],autocomplete:1,clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],inlineEditing:[7,{},{reflect:!0,type:Boolean}],inlineEdit:[3,{converter:ae},{reflect:!0}],inlineEditingBeforeConfirm:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],icon:[3,{converter:z},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],integer:[5,{},{type:Boolean}],label:1,labelText:1,loading:[7,{},{reflect:!0,type:Boolean}],localeFormat:[5,{},{type:Boolean}],max:[11,{},{reflect:!0,type:Number}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],min:[11,{},{reflect:!0,type:Number}],minLength:[11,{},{reflect:!0,type:Number}],name:[3,{},{reflect:!0}],numberButtonType:[3,{},{reflect:!0}],numberingSystem:[3,{},{reflect:!0}],placeholder:1,prefixText:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],step:[3,{},{reflect:!0}],suffixText:1,validationIcon:[3,{converter:z},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=he}get selfManagedInlineEdit(){return!!this.inlineEdit&&!this.inlineEditableEl}get hasInlineEditContext(){return!!this.inlineEdit||!!this.inlineEditableEl}get inlineEditControlsDisabled(){return this.inlineEdit==="controls-disabled"}get inlineEditingEnabledInContext(){return this.inlineEditableEl?this.inlineEditableEl.editingEnabled:this.inlineEditing}get isStagingInlineEditingValue(){return this.selfManagedInlineEdit&&this.inlineEditing}get valueForEditing(){return this.draftValue??this.value}get isClearable(){return this.clearable&&this.valueForEditing.length>0}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueWatcher(e,t),e&&this._value===""&&this.setNumberValue({origin:"reset",value:t}))}async selectText(){this.childNumberRef.value?.select()}async setFocus(e){return this.focusSetter(()=>this.childNumberRef.value,e)}connectedCallback(){super.connectedCallback(),this.inlineEditableEl=this.el.closest("calcite-inline-editable")??void 0}async load(){this.maxString=this.max?.toString(),this.minString=this.min?.toString(),this.requestedIcon=C({},this.icon,"number"),this.setPreviousEmittedNumberValue(this.value),this.setPreviousNumberValue(this.value),this.warnAboutInvalidNumberValue(this.value),this.value==="Infinity"||this.value==="-Infinity"?(this.displayedValue=this.value,this.previousEmittedNumberValue=this.value):this.setNumberValue({origin:"connected",value:g(this.value)?this.value:""})}willUpdate(e){e.has("max")&&(this.maxString=this.max?.toString()||void 0),e.has("min")&&(this.minString=this.min?.toString()||void 0),e.has("icon")&&(this.requestedIcon=C({},this.icon,"number")),e.has("messages")&&(r.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:!1}),e.has("readOnly")&&this.stopNudging()}disconnectedCallback(){super.disconnectedCallback(),this.stopNudging()}stopNudging(){window.clearInterval(this.nudgeNumberValueIntervalId)}handleGlobalAttributesChanged(){this.requestUpdate()}valueWatcher(e,t){if(!this.userChangedValue){if(e==="Infinity"||e==="-Infinity"){this.displayedValue=e,this.previousEmittedNumberValue=e;return}this.setNumberValue({origin:"direct",previousValue:t,value:e==null||e==""?"":g(e)?e:this.previousValue||""}),this.warnAboutInvalidNumberValue(e)}this.userChangedValue=!1}keyDownHandler(e){if(!(this.readOnly||this.disabled||e.defaultPrevented)){if(this.selfManagedInlineEdit&&this.inlineEditing&&e.key==="Escape"){if(e.preventDefault(),this.isClearable){this.clearInputValue(e);return}this.inlineEditManager.cancelEditing(),requestAnimationFrame(()=>{this.enableInlineEditingButtonRef.value?.setFocus()});return}this.isClearable&&e.key==="Escape"&&(!this.hasInlineEditContext||this.inlineEditingEnabledInContext)&&(this.clearInputValue(e),e.preventDefault()),e.key==="Enter"&&this.formSupport.active&&(this.formSupport.requestSubmit(),e.preventDefault())}}onLabelClick(){if(this.selfManagedInlineEdit&&!this.inlineEditing){this.inlineEditManager.enable();return}this.setFocus()}incrementOrDecrementNumberValue(e,t,i,o){let a=this.valueForEditing;if(a==="Infinity"||a==="-Infinity")return;let m=e==="up"?1:-1,u=this.integer&&typeof this.step=="number"?Math.round(this.step):this.step,f=u==="any"?1:Math.abs(u||1),h=new W(a!==""?a:"0").add(`${f*m}`),v=()=>typeof i=="number"&&!isNaN(i)&&h.subtract(`${i}`).isNegative,y=()=>typeof t=="number"&&!isNaN(t)&&!h.subtract(`${t}`).isNegative,E=v()?`${i}`:y()?`${t}`:h.toString();this.setNumberValue({committing:!0,nativeEvent:o,origin:"user",value:E})}clearInputValue(e){this.setNumberValue({committing:!0,nativeEvent:e,origin:"user",value:""})}clearButtonPointerDownHandler(e){this.hasInlineEditContext&&this.inlineEditingEnabledInContext&&e.preventDefault()}commitInlineEditingValue(){let e=this.draftValue;e!==void 0&&(this.draftValue=void 0,e!==this.value&&(this.previousValueOrigin="user",this.userChangedValue=!0,this.value=e,this.calciteInputNumberChange.emit(),this.setPreviousEmittedNumberValue(e)))}emitChangeIfUserModified(){this.isStagingInlineEditingValue||this.previousValueOrigin==="user"&&this.value!==this.previousEmittedNumberValue&&(this.calciteInputNumberChange.emit(),this.setPreviousEmittedNumberValue(this.value))}inputNumberBlurHandler(){this.stopNudging(),this.isStagingInlineEditingValue&&this.inlineEditControlsDisabled&&this.commitInlineEditingValue(),this.calciteInternalInputNumberBlur.emit(),this.selfManagedInlineEdit&&this.inlineEditing&&this.inlineEditControlsDisabled&&(this.inlineEditManager.disable(),this.calciteInputNumberInlineEditingChange.emit()),this.emitChangeIfUserModified()}clickHandler(e){if(this.disabled)return;let t=e.composedPath(),i=t.some(o=>o instanceof HTMLElement&&o.classList.contains(te.container));if(!(!t.includes(this.inputWrapperRef.value)||t.includes(this.actionWrapperRef.value)||i)){if(this.selfManagedInlineEdit&&!this.inlineEditing){e.preventDefault(),this.inlineEditManager.enable();return}this.setFocus()}}inputNumberFocusHandler(){this.calciteInternalInputNumberFocus.emit()}focusEnableInlineEditingButton(){this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.enableInlineEditingButtonRef.value?.setFocus()})})}inlineEditCancelEditingHandler(){this.inlineEditManager.cancelEditing(),this.focusEnableInlineEditingButton()}async inlineEditConfirmChangesHandler(){await this.inlineEditManager.confirm(this.inlineEditingBeforeConfirm,e=>{this.inlineEditingLoading=e}),this.focusEnableInlineEditingButton()}inputNumberInputHandler(e){if(this.disabled||this.readOnly||this.value==="Infinity"||this.value==="-Infinity")return;let t=e.target.value;r.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let i=r.delocalize(t);e.inputType==="insertFromPaste"?((!g(i)||this.integer&&(i.includes("e")||i.includes(".")))&&e.preventDefault(),this.setNumberValue({nativeEvent:e,origin:"user",value:_(i)}),this.childNumberRef.value&&(this.childNumberRef.value.value=this.displayedValue)):this.setNumberValue({nativeEvent:e,origin:"user",value:i})}async inputNumberKeyDownHandler(e){if(this.disabled||this.readOnly)return;if(this.value==="Infinity"||this.value==="-Infinity"){e.preventDefault(),(e.key==="Backspace"||e.key==="Delete")&&this.clearInputValue(e);return}if(e.key==="ArrowUp"){e.preventDefault(),this.nudgeNumberValue("up",e);return}if(e.key==="ArrowDown"){e.preventDefault(),this.nudgeNumberValue("down",e);return}let t=[...q,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(e.altKey||e.ctrlKey||e.metaKey)return;let i=e.shiftKey&&e.key==="Tab";if(t.includes(e.key)||i){if(e.key==="Enter"){if(this.isStagingInlineEditingValue){e.preventDefault();let o=e.currentTarget;this.inlineEditControlsDisabled?o.blur():(await this.inlineEditManager.confirm(this.inlineEditingBeforeConfirm,a=>{this.inlineEditingLoading=a}),this.focusEnableInlineEditingButton());return}this.emitChangeIfUserModified()}return}r.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},!(e.key===r.decimal&&!this.integer&&(!this.value&&!this.childNumberRef.value?.value||this.value&&this.childNumberRef.value?.value.indexOf(r.decimal)===-1))&&(/[eE]/.test(e.key)&&!this.integer&&(!this.value&&!this.childNumberRef.value?.value||this.value&&this.childNumberRef.value&&!/[eE]/.test(this.childNumberRef.value.value))||e.key==="-"&&(!this.value&&!this.childNumberRef.value?.value||this.value&&this.childNumberRef.value&&this.childNumberRef.value.value.split("-").length<=2)||e.preventDefault())}nudgeNumberValue(e,t){if(t instanceof KeyboardEvent&&t.repeat)return;let i=this.maxString?parseFloat(this.maxString):null,o=this.minString?parseFloat(this.minString):null;this.incrementOrDecrementNumberValue(e,i,o,t),this.nudgeNumberValueIntervalId&&this.stopNudging();let a=!0;this.nudgeNumberValueIntervalId=window.setInterval(()=>{if(a){a=!1;return}this.incrementOrDecrementNumberValue(e,i,o,t)},de)}nudgeButtonPointerUpHandler(e){$(e)&&this.stopNudging()}nudgeButtonPointerOutHandler(){this.stopNudging()}nudgeButtonPointerDownHandler(e){if(!$(e))return;e.preventDefault();let t=e.currentTarget.dataset.adjustment;this.disabled||this.nudgeNumberValue(t,e)}setInputNumberValue(e){this.childNumberRef.value&&(this.childNumberRef.value.value=e)}setPreviousEmittedNumberValue(e){this.previousEmittedNumberValue=this.normalizeValue(e)}normalizeValue(e){return g(e)?e:""}setPreviousNumberValue(e){this.previousValue=this.normalizeValue(e)}restoreInlineEditingValue(e){this.draftValue=void 0,this.setNumberValue({origin:"direct",value:e})}setNumberValue({committing:e=!1,nativeEvent:t,origin:i,previousValue:o,value:a}){r.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let m=this.valueForEditing,u=i==="user"&&this.isStagingInlineEditingValue,f=this.previousValue?.length>a.length||m?.length>a.length,d=this.integer?a.replace(/[e.]/g,""):a,h=d.charAt(d.length-1)===".",v=d.charAt(0)==="-",y=d.match(/^-?(0+)\d/),E=h&&f?d:K(d),w=a&&!E?g(this.previousValue)?this.previousValue:"":E,c=r.localize(w);i!=="connected"&&!h&&(c=G(c,w,r)),h&&f&&(c=`${c}${r.decimal}`),y&&(c=`${v?c.charAt(0):""}${r.localize("0").repeat(y[1].length)}${v?c.slice(1):c}`),this.displayedValue=c,this.setPreviousNumberValue(o??m),this.previousValueOrigin=i;let I=["-","."].includes(w)?"":w;u?this.draftValue=I:(this.userChangedValue=i==="user"&&this.value!==I,this.value=I);let se=new Set(["e","E",r.decimal,r.minusSign,r.group,...r.digits]),N=this.childNumberRef.value?.value;if(N){let V=Array.from(N).filter(ce=>se.has(ce)).join("");V!==N&&this.setInputNumberValue(V)}i==="direct"&&(this.draftValue=void 0,this.setInputNumberValue(c),this.setPreviousEmittedNumberValue(I)),t&&!u&&(this.calciteInputNumberInput.emit().defaultPrevented?(this.value=this.previousValue,this.displayedValue=r.localize(this.previousValue)):e&&!u&&this.emitChangeIfUserModified())}inputNumberKeyUpHandler(){this.stopNudging()}warnAboutInvalidNumberValue(e){e&&!g(e)&&O.warn(`The specified value "${e}" cannot be parsed, or is out of range.`)}render(){let e=this.direction,t=s`<div class=${l(n.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,i=s`<div class=${l(n.clearButton)} @click=${this.disabled||this.readOnly?void 0:this.clearInputValue} @pointerdown=${this.clearButtonPointerDownHandler}>${ee({ariaLabel:this.messages.clear,disabled:this.disabled||this.readOnly,scale:this.scale,title:this.messages.clear})}</div>`,o=s`<div class=${l(n.inputIcon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${P(this.scale)}></calcite-icon></div>`,a=this.numberButtonType==="horizontal",m=s`<div aria-hidden=true class=${l({[n.numberButtonItem]:!0,[n.buttonItemHorizontal]:a})} data-adjustment=${oe.up} data-testid=number-button-up @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler}><calcite-action .disabled=${this.disabled||this.readOnly} .icon=${le.chevronUp} .scale=${this.scale} tabindex=-1 text></calcite-action></div>`,u=s`<div aria-hidden=true class=${l({[n.numberButtonItem]:!0,[n.buttonItemHorizontal]:a})} data-adjustment=${oe.down} data-testid=number-button-down @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler}><calcite-action .disabled=${this.disabled||this.readOnly} .icon=${le.chevronDown} .scale=${this.scale} tabindex=-1 text></calcite-action></div>`,f=s`<div class=${l(n.numberButtonWrapper)}>${m}${u}</div>`,d=s`<div class=${l(n.prefix)}>${this.prefixText}</div>`,h=s`<div class=${l(n.suffix)}>${this.suffixText}</div>`,v=F("localized-input",s`<input aria-errormessage=${re.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${Y(this)} autocomplete=${this.autocomplete??p} .autofocus=${this.el.autofocus} class=${l({[n.inlineEditing]:this.inlineEditingEnabledInContext,[n.inlineChild]:this.hasInlineEditContext,[n.inlineEditableChild]:!!this.inlineEditableEl})} value=${this.defaultValue??p} .disabled=${this.disabled} enterkeyhint=${this.el.enterKeyHint??p} inputmode=${(this.el.inputMode||"decimal")??p} maxlength=${this.maxLength??p} minlength=${this.minLength??p} @blur=${this.inputNumberBlurHandler} @focus=${this.inputNumberFocusHandler} @input=${this.inputNumberInputHandler} @keydown=${this.inputNumberKeyDownHandler} @keyup=${this.inputNumberKeyUpHandler} placeholder=${(this.placeholder||"")??p} .readOnly=${this.readOnly} .required=${this.required} tabindex=${(this.disabled||this.hasInlineEditContext&&!this.inlineEditingEnabledInContext?-1:void 0)??p} type=text .value=${D(this.displayedValue??"")} ${k(this.childNumberRef)}>`);return this.interactiveContainer({disabled:this.disabled,children:s`${this.labelText&&Z({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${l({[n.inputWrapper]:!0,[T.rtl]:e==="rtl",[n.hasSuffix]:this.suffixText,[n.hasPrefix]:this.prefixText,[n.clearable]:this.isClearable})} ${k(this.inputWrapperRef)}><div class=${l(n.wrapper)}>${this.loading?t:null}${this.numberButtonType==="horizontal"&&!this.readOnly?u:null}${this.prefixText?d:null}${this.requestedIcon?o:null}${v}${this.isClearable?i:null}${this.suffixText?h:null}${this.numberButtonType==="horizontal"&&!this.readOnly?m:null}${this.numberButtonType==="vertical"&&!this.readOnly?f:null}</div>${this.selfManagedInlineEdit&&s`<div class=${l(n.inlineEdit)}>${ie({cancelEditingLabel:this.messages.cancelInlineEditing,confirmChangesLabel:this.messages.confirmInlineEditingChanges,enableEditingButtonRef:this.enableInlineEditingButtonRef,enableEditingLabel:this.messages.enableInlineEditing,inlineEditing:this.inlineEditing,loading:this.inlineEditingLoading,onCancelEditing:this.inlineEditCancelEditingHandler,onConfirmChanges:this.inlineEditConfirmChangesHandler,onEnableEditing:()=>this.inlineEditManager.enable(),scale:this.scale,showControls:this.inlineEditing&&!this.inlineEditControlsDisabled})}</div>`||""}<div class=${l(n.actionWrapper)} ${k(this.actionWrapperRef)}><slot name=${ue.action}></slot></div></div>${this.validationMessage&&this.status==="invalid"?J({icon:this.validationIcon,id:re.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};R("calcite-input-number",B);export{B as InputNumber};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import{a as B,b as F}from"./UAPPAGMH.js";import{a as P}from"./735UOYTJ.js";import{b as L}from"./Z7CZFVLC.js";import{a as S}from"./XRKTQYG2.js";import{a as u,c as v,d as k,e as O,f as T,g as a,h as H}from"./RWGF5CZT.js";import{a as C}from"./SAZM37N6.js";import{a as A}from"./XYZHXGWT.js";import"./3XS7XZAX.js";import{a as m}from"./YP3AYJH3.js";import"./7VTO7SRW.js";import{a as d,b as p}from"./VI7SBYXT.js";import"./VUYX7MNO.js";import{a as x}from"./ZQSKUC33.js";import"./ZWPNZ5XW.js";import{e as D}from"./MWHGTJLI.js";import"./CYBZRYY2.js";import{G as f}from"./7FW2RVVH.js";import{E as b,F as l,G as I,H as c,T as y,g as E,h,p as n}from"./KRMA22FS.js";var M={trigger:"trigger"},w={content:"content",wrapper:"wrapper",triggerContainer:"trigger-container"},R=E`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}.wrapper{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.wrapper{opacity:0;inset-block-start:0;left:0}}:host([top-layer-disabled]) .wrapper{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown)}.wrapper[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.wrapper:popover-open{display:block}.wrapper .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.wrapper[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.wrapper[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.wrapper[data-placement^=left] .calcite-floating-ui-anim{left:5px}.wrapper[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.wrapper .calcite-floating-ui-anim{box-shadow:var(--calcite-shadow-md)}.content{width:auto;overflow-y:auto;overflow-x:hidden;inline-size:var(--calcite-dropdown-width, var(--calcite-internal-dropdown-width));background-color:var(--calcite-dropdown-background-color, var(--calcite-color-foreground-1));max-block-size:var(--calcite-dropdown-max-height, 45vh)}.trigger-container{position:relative;display:flex;height:100%;flex:1 1 auto;overflow-wrap:break-word;word-break:break-word}.width-s{--calcite-internal-dropdown-width: 12rem}.width-m{--calcite-internal-dropdown-width: 14rem}.width-l{--calcite-internal-dropdown-width: 16rem}@media(forced-colors:active){:host([open]) .wrapper{border:var(--calcite-border-width-sm) solid canvasText}}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,U=F({click:!0,hover:!0}),g=class extends I{constructor(){super(),this.referenceElementController=B({manager:U})(this),this.direction=D(),this.focusLastDropdownItem=!1,this.activeItemIndex=-1,this.groups=[],this.items=[],this.mutationObserver=d("mutation",()=>this.updateItems()),this.transitionProp="opacity",this.resizeObserver=d("resize",e=>this.resizeObserverCallback(e)),this.triggerSlotRef=b(),this.onReferenceElementKeyDown=e=>this.keyDownHandler(e),this.focusSetter=x()(this),this.interactiveContainer=A(this),this.topLayer=S({target:()=>this.floatingEl})(this),this.closeOnSelectDisabled=!1,this.disabled=!1,this.maxItems=0,this.offsetDistance=0,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement=u,this.scale="m",this.selectedItems=[],this.topLayerDisabled=!1,this.type="click",this.calciteDropdownBeforeClose=n({cancelable:!1}),this.calciteDropdownBeforeOpen=n({cancelable:!1}),this.calciteDropdownClose=n({cancelable:!1}),this.calciteDropdownOpen=n({cancelable:!1}),this.calciteDropdownSelect=n({cancelable:!1}),this.listenOn(window,"click",this.closeCalciteDropdownOnClick),this.listenOn(window,"calciteDropdownOpen",this.closeCalciteDropdownOnOpenEvent),this.listen("pointerenter",this.pointerEnterHandler),this.listen("pointerleave",this.pointerLeaveHandler),this.listen("calciteInternalDropdownItemSelect",this.handleItemSelect)}static{this.properties={activeDescendantElement:[16,{},{state:!0}],referenceEl:[16,{},{state:!0}],closeOnSelectDisabled:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],maxItems:[11,{},{reflect:!0,type:Number}],offsetDistance:[11,{},{type:Number,reflect:!0}],offsetSkidding:[11,{},{reflect:!0,type:Number}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],referenceElement:1,scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],type:[3,{},{reflect:!0}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=R}get referenceElementType(){return this.referenceElement?this.type:void 0}get autoClose(){return!0}async reposition(e=!1){let{filteredFlipPlacements:t,floatingEl:i,offsetDistance:s,offsetSkidding:r,overlayPositioning:o,placement:$,referenceEl:z}=this;return O(this,{direction:this.direction,floatingEl:i,referenceEl:z,offsetDistance:s,offsetSkidding:r,overlayPositioning:o,placement:$,flipPlacements:t,type:"menu"},e)}async setFocus(e){return this.focusSetter(()=>this.referenceEl instanceof HTMLElement?this.referenceEl:this.floatingEl,e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements(),this.updateItems(),a(this)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(this.disabled),e.has("flipPlacements")&&this.flipPlacementsHandler(),e.has("maxItems")&&this.hasUpdated&&this.setMaxScrollerHeight(),this.hasUpdated&&(e.has("offsetDistance")&&this.offsetDistance!==0||e.has("offsetSkidding")&&this.offsetSkidding!==0||e.has("overlayPositioning")&&this.overlayPositioning!=="absolute"||e.has("placement")&&this.placement!==u)&&this.reposition(!0),e.has("scale")&&(this.hasUpdated||this.scale!=="m")&&this.handlePropsChange(),e.has("referenceElement")&&!this.referenceElement&&this.open&&this.topLayer.hide()}updated(e){if(e.has("referenceEl")&&this.referenceElementType){let t=e.get("referenceEl");t instanceof HTMLElement&&(t.ariaActiveDescendantElement=null),this.syncActiveDescendantOwnerElement(),a(this)}}loaded(){this.updateSelectedItems(),a(this)}disconnectedCallback(){super.disconnectedCallback();let e=this.triggerSlotRef.value;e&&(e.ariaActiveDescendantElement=null),this.referenceEl instanceof HTMLElement&&(this.referenceEl.ariaActiveDescendantElement=null),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),H(this)}openHandler(){this.disabled||(C(this),this.reposition(!0))}handleDisabledChange(e){e||(this.open=!1)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}handlePropsChange(){this.updateItems(),this.updateGroupProps()}closeCalciteDropdownOnClick(e){this.referenceElementType||this.disabled||!this.open||e.composedPath().includes(this.el)||this.closeCalciteDropdown()}closeCalciteDropdownOnOpenEvent(e){this.referenceElementType||e.composedPath().includes(this.el)||this.closeCalciteDropdown()}pointerEnterHandler(){this.referenceElementType||this.disabled||this.type!=="hover"||(this.open=!0)}pointerLeaveHandler(){this.referenceElementType||this.disabled||this.type!=="hover"||this.closeCalciteDropdown()}getTraversableItems(){return this.items.filter(e=>!e.disabled&&!e.hidden)}async handleItemSelect(e){this.updateSelectedItems(),this.syncActiveItemFromTraversableItems(),e.stopPropagation(),this.calciteDropdownSelect.emit(),await this.setFocus(),this.closeOnSelectDisabled||this.closeCalciteDropdown()}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?k(t,e):void 0}updateItems(){this.items=this.groups.map(e=>Array.from(e?.querySelectorAll("calcite-dropdown-item"))).reduce((e,t)=>[...e,...t],[]),this.updateSelectedItems(),this.syncActiveItemFromTraversableItems(),this.reposition(!0),this.items.forEach(e=>e.scale=this.scale)}updateGroups(e){let t=e.target.assignedElements({flatten:!0}).filter(L);this.groups=t,this.updateItems(),this.updateGroupProps()}updateGroupProps(){this.groups.forEach((e,t)=>{e.scale=this.scale,e.position=t})}resizeObserverCallback(e){e.forEach(({target:t})=>{t===this.referenceEl?this.setDropdownWidth():t===this.scrollerEl&&this.setMaxScrollerHeight()})}setDropdownWidth(){let{referenceEl:e,scrollerEl:t}=this;!t||!(e instanceof HTMLElement)||(t.style.minWidth=`${e.clientWidth}px`)}setMaxScrollerHeight(){let{maxItems:e,items:t,scrollerEl:i}=this;if(!i)return;let s=t.length>=e&&e>0?this.getYDistanceFromScroller(t.at(e-1)):0;i.style.maxBlockSize=s>0?`${s}px`:"",this.reposition(!0)}setScrollerAndTransitionEl(e){p(this.resizeObserver,this.scrollerEl,e),this.scrollerEl=e,this.transitionEl=e}onBeforeOpen(){this.setInitialActiveItem(),this.calciteDropdownBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calciteDropdownOpen.emit()}onBeforeClose(){this.calciteDropdownBeforeClose.emit()}onClose(){this.calciteDropdownClose.emit(),this.syncActiveDescendantOwnerElement(),T(this),this.topLayer.hide()}setReferenceEl(e){let t=this.referenceEl instanceof HTMLElement?this.referenceEl:void 0,i=e instanceof HTMLElement?e:void 0;p(this.resizeObserver,t,i),!(this.referenceElementType||!i)&&(this.referenceEl=e,this.syncActiveDescendantOwnerElement(),a(this))}setFloatingEl(e){this.floatingEl=e,a(this)}handleTriggerSlotChange(){this.syncActiveDescendantOwnerElement()}keyDownHandler(e){if(!(this.referenceEl instanceof HTMLElement)||!e.composedPath().includes(this.referenceEl))return;let{defaultPrevented:t,key:i}=e;if(!t){if(this.open&&i==="Escape"){this.closeCalciteDropdown(),e.preventDefault();return}if(!this.open&&m(i)){this.open=!0,e.preventDefault();return}if(!this.open&&(i==="ArrowDown"||i==="ArrowUp")){e.preventDefault(),this.focusLastDropdownItem=i==="ArrowUp",this.open=!0;return}if(this.open){if(i==="Tab"){this.closeCalciteDropdown();return}if(i==="ArrowDown"){e.preventDefault(),this.navigateActiveItem("next");return}if(i==="ArrowUp"){e.preventDefault(),this.navigateActiveItem("previous");return}if(i==="Home"){e.preventDefault(),this.navigateActiveItem("first");return}if(i==="End"){e.preventDefault(),this.navigateActiveItem("last");return}m(i)&&(e.preventDefault(),this.activateActiveItem())}}}updateSelectedItems(){this.selectedItems=this.items.filter(e=>e.selected)}getYDistanceFromScroller(e){let{scrollerEl:t}=this;return!e||!t?NaN:e.getBoundingClientRect().bottom-t.getBoundingClientRect().top+t.scrollTop}closeCalciteDropdown(){this.open=!1,this.setActiveItemByIndex(-1)}async setInitialActiveItem(){let e=this.getTraversableItems(),t=this.focusLastDropdownItem?e.at(-1):e[0];if(this.focusLastDropdownItem=!1,!t){this.setActiveItemByIndex(-1);return}let i=e.findIndex(s=>s===t);this.setActiveItemByIndex(i),await this.scrollActiveItemIntoView(t)}syncActiveItemFromTraversableItems(){let e=this.getTraversableItems();if(!e.length){this.setActiveItemByIndex(-1);return}if(this.activeItemIndex<0||this.activeItemIndex>=e.length){this.setActiveItemByIndex(0);return}this.updateActiveDescendantElement(e[this.activeItemIndex])}setActiveItemByIndex(e){this.activeItemIndex=e;let t=this.getTraversableItems(),i=e>=0?t[e]:null;this.updateActiveDescendantElement(i)}updateActiveDescendantElement(e){this.items.forEach(t=>{t.activeDescendant=t===e}),this.activeDescendantElement=e??void 0,this.syncActiveDescendantOwnerElement()}syncActiveDescendantOwnerElement(){let{referenceEl:e,referenceElementType:t}=this,i=this.triggerSlotRef.value,s=this.open?this.activeDescendantElement??null:null,r=e instanceof HTMLElement?e:null,o=!!t;i&&(i.ariaActiveDescendantElement=o?null:s),r&&(r.ariaActiveDescendantElement=o?s:null)}navigateActiveItem(e){let t=this.getTraversableItems();if(!t.length)return;let i=t.length,s=this.activeItemIndex;s<0||s>=i?s=e==="previous"||e==="last"?i-1:0:e==="next"?s=(s+1)%i:e==="previous"?s=(s-1+i)%i:e==="first"?s=0:e==="last"&&(s=i-1);let r=t[s];this.setActiveItemByIndex(s),this.scrollActiveItemIntoView(r)}async scrollActiveItemIntoView(e){e&&(await this.updateComplete,await f(),await f(),e.scrollIntoView({block:"nearest"}))}activateActiveItem(){let e=this.getTraversableItems(),t=e[this.activeItemIndex]||e[0];t&&(this.setActiveItemByIndex(e.findIndex(i=>i===t)),t.activateItem())}openHoverDropdown(){this.open||this.disabled||this.type!=="hover"||(this.open=!0)}closeHoverDropdown(e){if(!this.open||this.disabled||this.type!=="hover")return;let t=e.relatedTarget;t&&(this.el.contains(t)||this.referenceEl!=null&&this.referenceEl instanceof HTMLElement&&this.referenceEl.contains(t))||this.closeCalciteDropdown()}toggleClickDropdown(){this.disabled||this.type!=="click"||(this.open=!this.open)}render(){let{open:e}=this;return this.interactiveContainer({disabled:this.disabled,children:h`${this.referenceElementType?null:h`<div class=${c(w.triggerContainer)} @click=${this.toggleClickDropdown} @focusin=${this.openHoverDropdown} @focusout=${this.closeHoverDropdown} @keydown=${this.keyDownHandler} ${l(this.setReferenceEl)}><slot .ariaControlsElements=${this.scrollerEl?[this.scrollerEl]:void 0} .ariaExpanded=${e} aria-haspopup=menu name=${M.trigger} @slotchange=${this.handleTriggerSlotChange} ${l(this.triggerSlotRef)}></slot></div>`}<div class=${c({[w.wrapper]:!0,[P("width",this.width,this.widthScale)]:!!(this.width||this.widthScale)})} .inert=${!e} popover=manual ${l(this.setFloatingEl)}><div .ariaLabelledByElements=${this.referenceEl instanceof HTMLElement?[this.referenceEl]:void 0} class=${c({[w.content]:!0,[v.animation]:!0,[v.animationActive]:e})} role=menu ${l(this.setScrollerAndTransitionEl)}><slot @slotchange=${this.updateGroups}></slot></div></div>`})}};y("calcite-dropdown",g);export{g as Dropdown};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as s,b as o}from"./NH334SIF.js";import{a as i}from"./
|
|
2
|
+
import{a as s,b as o}from"./NH334SIF.js";import{a as i}from"./UV2JMY7Y.js";import{x as a}from"./7FW2RVVH.js";import{G as r,H as e,T as d,g as l,h as n}from"./KRMA22FS.js";var h=l`:host([disabled]) .content{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) .content *,:host([disabled]) .content ::slotted(*){pointer-events:none}:host{display:flex;flex:1 1 0%;flex-direction:column}.container{display:flex;flex:1 1 auto;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);padding-inline:var(--calcite-stack-padding-inline, .75rem);padding-block:var(--calcite-stack-padding-block, .5rem)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:0 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:.75rem;align-self:center}.actions-start,.actions-end,.content-start,.content-end{display:flex;align-items:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends r{constructor(){super(...arguments),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.disabled=!1}static{this.properties={hasActionsEnd:[16,{},{state:!0}],hasActionsStart:[16,{},{state:!0}],hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],disabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=h}handleActionsStartSlotChange(t){this.hasActionsStart=a(t)}handleActionsEndSlotChange(t){this.hasActionsEnd=a(t)}handleContentStartSlotChange(t){this.hasContentStart=a(t)}handleContentEndSlotChange(t){this.hasContentEnd=a(t)}renderActionsStart(){let{hasActionsStart:t}=this;return i("actions-start-container",n`<div class=${e(s.actionsStart)} .hidden=${!t}><slot name=${o.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`)}renderActionsEnd(){let{hasActionsEnd:t}=this;return i("actions-end-container",n`<div class=${e(s.actionsEnd)} .hidden=${!t}><slot name=${o.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot></div>`)}renderContentStart(){let{hasContentStart:t}=this;return n`<div class=${e(s.contentStart)} .hidden=${!t}><slot name=${o.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderDefaultContent(){return n`<div class=${e(s.content)}><slot></slot></div>`}renderContentEnd(){let{hasContentEnd:t}=this;return n`<div class=${e(s.contentEnd)} .hidden=${!t}><slot name=${o.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div>`}render(){return n`<div class=${e(s.container)}>${this.renderActionsStart()}${this.renderContentStart()}${this.renderDefaultContent()}${this.renderContentEnd()}${this.renderActionsEnd()}</div>`}};d("calcite-stack",c);export{c as Stack};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import{a as te,b as D}from"./YJPIZ6DX.js";import{a as K,j as w}from"./MPUTYNXJ.js";import{a as Y}from"./ZGOJ4LZG.js";import{a as Q}from"./YXQ3ADP4.js";import{c as Z}from"./XOOLHWVY.js";import{a as J}from"./DKJI4BME.js";import{a as ee}from"./CEKRDMEV.js";import{a as j}from"./XYZHXGWT.js";import{a as X}from"./UV2JMY7Y.js";import{e as G}from"./3XS7XZAX.js";import{a as W}from"./YP3AYJH3.js";import{a as q}from"./T6CCMW7H.js";import{a as N}from"./JVFPFH6H.js";import{a as U}from"./ZQSKUC33.js";import"./ZWPNZ5XW.js";import{e as I}from"./MWHGTJLI.js";import"./CYBZRYY2.js";import{A as _,t as P}from"./7FW2RVVH.js";import{E as k,F as R,G as F,H as b,I as M,K as O,L as E,T as A,g as C,h as V,l as B,p as H}from"./KRMA22FS.js";var o={container:"container",containerRange:"container--range",graph:"graph",handle:"handle",handleExtension:"handle-extension",handleLabel:"handle__label",handleLabelMinValue:"handle__label--minValue",handleLabelValue:"handle__label--value",hyphen:"hyphen",hyphenWrap:"hyphen--wrap",static:"static",thumb:"thumb",thumbActive:"thumb--active",thumbContainer:"thumb-container",thumbMinValue:"thumb--minValue",thumbPrecise:"thumb--precise",thumbValue:"thumb--value",tick:"tick",tickActive:"tick--active",tickLabel:"tick__label",tickMax:"tick__label--max",tickMin:"tick__label--min",ticks:"ticks",track:"track",trackRange:"track__range",transformed:"transformed",scale:$=>`scale--${$}`},se="calcite-slider",S={validationMessage:"validationMessage",host:$=>`${se}-${$}`},le=250,ne=C`@charset "UTF-8";:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.scale--s{--calcite-slider-handle-size: var(--calcite-space-sm-plus);--calcite-slider-handle-extension-height: .4rem;--calcite-slider-container-font-size: var(--calcite-font-size--3)}.scale--s .handle__label,.scale--s .tick__label{line-height:.75rem}.scale--m{--calcite-slider-handle-size: .875rem;--calcite-slider-handle-extension-height: .5rem;--calcite-slider-container-font-size: var(--calcite-font-size--2)}.scale--m .handle__label,.scale--m .tick__label{line-height:1rem}.scale--l{--calcite-slider-handle-size: 1rem;--calcite-slider-handle-extension-height: .65rem;--calcite-slider-container-font-size: var(--calcite-font-size--1)}.scale--l .handle__label,.scale--l .tick__label{line-height:1rem}.handle__label,.tick__label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-slider-text-color, var(--calcite-color-text-2));font-size:var(--calcite-slider-container-font-size)}:host{display:block}:host .validation-container{padding-block-start:0!important}.container{position:relative;display:block;overflow-wrap:normal;word-break:normal;padding-inline:calc(var(--calcite-slider-handle-size) * .5);padding-block:calc(var(--calcite-slider-handle-size) * .5);margin-block:calc(var(--calcite-slider-handle-size) * .5);margin-inline:0;--calcite-slider-full-handle-height: calc( var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height) );touch-action:none;-webkit-user-select:none;user-select:none}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.375rem}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.5rem}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.55rem}:host([precise]:not([has-histogram])) .container .thumb--value{--calcite-slider-thumb-y-offset: calc(var(--calcite-slider-full-handle-height) * -1)}.thumb-container{position:relative;max-inline-size:100%}.thumb{--calcite-slider-thumb-x-offset: calc(var(--calcite-slider-handle-size) * .5);position:absolute;margin:0;display:flex;cursor:pointer;flex-direction:column;align-items:center;border-style:none;background-color:transparent;padding:0;font-family:inherit;outline:2px solid transparent;outline-offset:2px;transform:translate(var(--calcite-slider-thumb-x-offset),var(--calcite-slider-thumb-y-offset))}.thumb .handle__label{white-space:nowrap}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;inset-block:0px;opacity:0}.thumb .handle__label.hyphen:after{content:"—";display:inline-block;inline-size:1em}.thumb .handle__label.hyphen--wrap{display:flex}.thumb .handle{box-sizing:border-box;border-radius:9999px;outline-color:transparent;background-color:var(--calcite-slider-handle-fill-color, var(--calcite-color-foreground-1));block-size:var(--calcite-slider-handle-size);inline-size:var(--calcite-slider-handle-size);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;transition:border var(--calcite-internal-animation-timing-medium) ease,background-color var(--calcite-internal-animation-timing-medium) ease,box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{inline-size:.125rem;block-size:var(--calcite-slider-handle-extension-height);background-color:var(--calcite-slider-handle-extension-color, var(--calcite-color-text-3))}.thumb:hover .handle{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.thumb:hover .handle-extension{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.thumb:focus .handle{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.thumb:focus .handle-extension{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.thumb.thumb--minValue{transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1),var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset: -.125rem}:host([label-handles]) .thumb{--calcite-slider-thumb-x-offset: 50%}:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -1.4375rem}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -1.875rem}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -2rem}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{margin-block-start:.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{margin-block-end:.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset: -2.075rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset: -2.75rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset: -3.0625rem}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand));box-shadow:0 0 8px #00000029}.thumb:hover.thumb--precise:after,.thumb:focus.thumb--precise:after,.thumb--active.thumb--precise:after{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.track{position:relative;block-size:.125rem;background-color:var(--calcite-slider-track-color, var(--calcite-color-border-2));transition:all var(--calcite-internal-animation-timing-medium) ease-in;border-radius:var(--calcite-corner-radius)}.track__range{position:absolute;inset-block-start:0px;block-size:.125rem;background-color:var(--calcite-slider-track-fill-color, var(--calcite-color-brand));border-radius:var(--calcite-corner-radius)}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{position:absolute;inline-size:100%;content:"";inset-block-start:calc(var(--calcite-slider-full-handle-height) * .5 * -1);block-size:calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height))}@media(forced-colors:active){.thumb{outline-width:0;outline-offset:0}.handle{outline:2px solid transparent;outline-offset:2px}.thumb:focus .handle,.thumb .handle-extension,.thumb:hover .handle-extension,.thumb:focus .handle-extension,.thumb:active .handle-extension{background-color:canvasText}.track{background-color:canvasText}.track__range{background-color:highlight}}.tick{position:absolute;block-size:.25rem;inline-size:.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-slider-tick-color, var(--calcite-color-border-input));border-color:var(--calcite-slider-tick-border-color, var(--calcite-color-foreground-1));inset-block-start:-2px;pointer-events:none;margin-inline-start:-.125rem}.tick--active{background-color:var(--calcite-slider-tick-selected-color, var(--calcite-color-brand))}.tick__label{pointer-events:none;margin-block-start:.875rem;display:flex;justify-content:center}.tick__label--min{transition:opacity var(--calcite-animation-timing)}.tick__label--max{transition:opacity var(--calcite-internal-animation-timing-fast)}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max,:host([has-histogram][precise]) .tick__label--min,:host([has-histogram][precise]) .tick__label--max{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.graph{color:var(--calcite-slider-graph-color, var(--calcite-color-foreground-3));block-size:48px}:host([label-ticks][ticks]) .container{padding-block-end:calc(.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-block-end:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-block-end:calc(var(--calcite-slider-handle-size) * .5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-block-start:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container--range{padding-block-end:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`;function g($){return Array.isArray($)}var ae=0,re="\u200E",z=class extends F{constructor(){super(),this.direction=I(),this.dragEnd=e=>{this.disabled||(this.removeDragListeners(),this.focusActiveHandle(e.clientX),this.dragProp&&!G(this.lastDragPropValue,this.getDragPropValue(this.dragProp))&&this.emitChange(),this.dragProp=void 0,this.lastDragPropValue=void 0,this.minValueDragRange=void 0,this.maxValueDragRange=void 0,this.minMaxValueRange=void 0)},this.dragUpdate=e=>{if(!(this.disabled||!this.trackRef.value)&&(e.preventDefault(),this.dragProp)){let t=this.mapToRange(e.clientX||e.pageX);if(g(this.value)&&this.dragProp==="minMaxValue")if(this.minValueDragRange&&this.maxValueDragRange&&this.minMaxValueRange){let i=t-this.minValueDragRange,a=t+this.maxValueDragRange;a<=this.max&&i>=this.min&&a-i===this.minMaxValueRange&&this.setValue({minValue:this.clamp(i,"minValue"),maxValue:this.clamp(a,"maxValue")})}else this.minValueDragRange=t-this.minValue,this.maxValueDragRange=this.maxValue-t,this.minMaxValueRange=this.maxValue-this.minValue;else if(g(this.value)&&this.previousEmittedValue!==void 0&&g(this.previousEmittedValue)&&this.dragProp==="maxValue"){let[i,a]=this.previousEmittedValue;i===a&&t<i?(this.dragProp="minValue",this.minHandleRef.value.focus()):this.setValue({[this.dragProp]:this.clamp(t,this.dragProp)})}else this.setValue({[this.dragProp]:this.clamp(t,this.dragProp)})}},this.formatValue=e=>{w.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let t=w.localize(e.toString(),!0);return this.direction==="rtl"&&t.startsWith(w.minusSign)?`${re}${t}`:t},this.formSupport=Z({inputType:"range"})(this),this.guid=S.host(q()),this.maxHandleRef=k(),this.maxValueLabelRefs={label:k(),static:k(),transformed:k()},this.maxTickLabelRef=k(),this.messages=N({blocking:!0}),this.minHandleRef=k(),this.minValueLabelRefs={label:k(),static:k(),transformed:k()},this.minTickLabelRef=k(),this.pointerUpDragEnd=e=>{this.disabled||!_(e)||this.dragEnd(e)},this.trackRef=k(),this.focusSetter=U()(this),this.interactiveContainer=j(this),this._value=ae,this.activeProp="value",this.tickValues=[],this.disabled=!1,this.fillPlacement="start",this.groupSeparator=!1,this.hasHistogram=!1,this.labelHandles=!1,this.labelTicks=!1,this.max=100,this.min=0,this.mirrored=!1,this.precise=!1,this.required=!1,this.scale="m",this.snap=!1,this.status="idle",this.step=1,this.calciteSliderChange=H({cancelable:!1}),this.calciteSliderInput=H({cancelable:!1}),ee(this),this.listen("pointerdown",this.pointerDownHandler),this.listen("keydown",this.handleKeyDown),this.listen("touchstart",this.handleTouchStart)}static{this.properties={activeProp:[16,{},{state:!0}],maxValueDragRange:[16,{},{state:!0}],minMaxValueRange:[16,{},{state:!0}],minValueDragRange:[16,{},{state:!0}],tickValues:[16,{},{state:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],fillPlacement:[3,{},{reflect:!0}],form:[3,{},{reflect:!0}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],hasHistogram:[7,{},{reflect:!0,type:Boolean}],histogram:[0,{},{attribute:!1}],histogramStops:[0,{},{attribute:!1}],label:1,labelFormatter:[0,{},{attribute:!1}],labelHandles:[7,{},{reflect:!0,type:Boolean}],labelTicks:[7,{},{reflect:!0,type:Boolean}],max:[11,{},{reflect:!0,type:Number}],maxLabel:1,maxValue:[9,{},{type:Number}],min:[11,{},{reflect:!0,type:Number}],minLabel:1,labelText:1,messageOverrides:[0,{},{attribute:!1}],minValue:[9,{},{type:Number}],mirrored:[7,{},{reflect:!0,type:Boolean}],name:[3,{},{reflect:!0}],numberingSystem:1,pageStep:[11,{},{reflect:!0,type:Number}],precise:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],snap:[7,{},{reflect:!0,type:Boolean}],status:[3,{},{reflect:!0}],step:[11,{},{reflect:!0,type:Number}],ticks:[11,{},{reflect:!0,type:Number}],validationIcon:[3,{converter:E},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:[11,{},{reflect:!0,type:Number}]}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=ne}get value(){return this._value}set value(e){if(Array.isArray(e)){this._value=e;return}if(e!=null){this._value=Number(e);return}this._value=Array.isArray(this._value)?[this.minValue,this.maxValue]:ae}async setFocus(e){return this.focusSetter(()=>this.minHandleRef.value||this.maxHandleRef.value,e)}connectedCallback(){super.connectedCallback(),this.setMinMaxFromValue(),this.setValueFromMinMax(),this.previousEmittedValue=this.value}load(){this.setInitialValue()}willUpdate(e){e.has("histogram")&&(this.hasHistogram=!!this.histogram),e.has("ticks")&&(this.tickValues=this.generateTickValues()),e.has("value")&&(this.hasUpdated||this.value!==0)&&this.setMinMaxFromValue(),(e.has("minValue")||e.has("maxValue"))&&this.setValueFromMinMax()}updated(){this.isConnected&&(this.labelHandles&&(this.adjustHostObscuredHandleLabel("value"),g(this.value)&&(this.adjustHostObscuredHandleLabel("minValue"),this.precise&&!this.hasHistogram||this.hyphenateCollidingRangeHandleLabels())),this.hideObscuredBoundingTickLabels())}disconnectedCallback(){super.disconnectedCallback(),this.removeDragListeners()}setInitialValue(){g(this.value)||(this.value=this.snap?this.getClosestStep(this.value):this.clamp(this.value))}handleKeyDown(e){let t=this.shouldMirror(),{activeProp:i,max:a,min:s,pageStep:l,step:n}=this,h=this[i],{key:r}=e;if(W(r)){e.preventDefault();return}let c=NaN;if(r==="ArrowUp"||r==="ArrowRight"?c=h+n*(t&&r==="ArrowRight"?-1:1):r==="ArrowDown"||r==="ArrowLeft"?c=h-n*(t&&r==="ArrowLeft"?-1:1):r==="PageUp"?l&&(c=h+l):r==="PageDown"?l&&(c=h-l):r==="Home"?c=s:r==="End"&&(c=a),isNaN(c))return;e.preventDefault();let m=Number(c.toFixed(D(n)));this.setValue({[i]:this.clamp(m,i)})}pointerDownHandler(e){if(this.disabled||!_(e))return;let t=e.clientX||e.pageX,i=this.mapToRange(t),a="value";g(this.value)&&(i>=this.minValue&&i<=this.maxValue&&this.lastDragProp==="minMaxValue"?a="minMaxValue":a=Math.abs(this.maxValue-i)<Math.abs(this.minValue-i)||i>=this.maxValue?"maxValue":"minValue"),this.lastDragPropValue=this.getDragPropValue(a),this.dragStart(a);let s=e.composedPath();[this.minHandleRef.value,this.maxHandleRef.value].some(n=>n&&s.includes(n))||this.setValue({[a]:this.clamp(i,a)}),this.focusActiveHandle(t)}handleTouchStart(e){e.preventDefault()}buildThumbType(e){let t=[e];return this.labelHandles&&t.push("labeled"),this.precise&&t.push("precise"),this.hasHistogram&&t.push("histogram"),t.join("-")}setValueFromMinMax(){let{minValue:e,maxValue:t}=this;typeof e=="number"&&typeof t=="number"&&(this.value=[e,t])}setMinMaxFromValue(){let{value:e}=this;g(e)&&(this.minValue=e[0],this.maxValue=e[1])}onLabelClick(){this.setFocus()}shouldMirror(){return this.mirrored&&!this.hasHistogram}shouldUseMinValue(){return g(this.value)?this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0:!1}getTickDensity(){let e=(this.max-this.min)/this.ticks/le;return e<1?1:e}generateTickValues(){let e=this.ticks??0;if(e<=0)return[];let t=[this.min],i=this.getTickDensity(),a=e*i,s=this.min;for(;s<this.max;)s+=a,t.push(Math.min(s,this.max));return t.includes(this.max)||t.push(this.max),t}onThumbBlur(){this.activeProp=void 0}onThumbFocus(e){let t=e.currentTarget;this.activeProp=t.getAttribute("data-value-prop")}onThumbPointerDown(e){let t=e.currentTarget;this.pointerDownDragStart(e,t.getAttribute("data-value-prop"))}onTrackPointerDown(e){this.pointerDownDragStart(e,"minMaxValue")}pointerDownDragStart(e,t){_(e)&&this.dragStart(t)}dragStart(e){this.dragProp=e,this.lastDragProp=this.dragProp,this.activeProp=e,window.addEventListener("pointermove",this.dragUpdate),window.addEventListener("pointerup",this.pointerUpDragEnd),window.addEventListener("pointercancel",this.dragEnd)}getDragPropValue(e){return e==="minMaxValue"?this.value:this[e]}focusActiveHandle(e){this.dragProp==="minValue"?this.minHandleRef.value.focus():this.dragProp==="maxValue"||this.dragProp==="value"?this.maxHandleRef.value.focus():this.dragProp==="minMaxValue"&&this.getClosestHandle(e).focus()}emitChange(){this.calciteSliderChange.emit(),this.previousEmittedValue=this.value}removeDragListeners(){window.removeEventListener("pointermove",this.dragUpdate),window.removeEventListener("pointerup",this.pointerUpDragEnd),window.removeEventListener("pointercancel",this.dragEnd)}setValue(e){let t=!1;if(Object.keys(e).forEach(a=>{let s=e[a];s!==void 0&&(t||(t=this[a]!==s),this[a]=s)}),!t)return;(e.minValue||e.maxValue)&&this.setValueFromMinMax(),this.dragProp||this.emitChange(),this.calciteSliderInput.emit()}clamp(e,t){return e=te(e,this.min,this.max),t==="maxValue"&&(e=Math.max(e,this.minValue)),t==="minValue"&&(e=Math.min(e,this.maxValue)),e}mapToRange(e){let t=this.max-this.min,{left:i,width:a}=this.trackRef.value.getBoundingClientRect()||{left:0,width:0},s=(e-i)/a,l=this.shouldMirror(),n=this.clamp(this.min+t*(l?1-s:s)),h=Number(n.toFixed(D(this.step)));return this.snap&&this.step?this.getClosestStep(h):h}getClosestStep(e){let{max:t,min:i,step:a}=this,s=new K(`${Math.floor((e-i)/a)}`).multiply(`${a}`).add(`${i}`).toString(),l=this.clamp(Number(s));return l>t&&(l-=a),l}getClosestHandle(e){let t=this.minHandleRef.value,i=this.maxHandleRef.value;return this.getDistanceX(i,e)>this.getDistanceX(t,e)?t:i}getDistanceX(e,t){return Math.abs(e.getBoundingClientRect().left-t)}getFontSizeForElement(e){return Number(window.getComputedStyle(e).getPropertyValue("font-size").match(/\d+/)[0])}getUnitInterval(e){e=this.clamp(e);let t=this.max-this.min;return(e-this.min)/t}adjustHostObscuredHandleLabel(e){let t=e==="minValue"?this.minValueLabelRefs:this.maxValueLabelRefs,i=t.label.value,a=t.static.value,s=t.transformed.value,l=a.getBoundingClientRect(),n=this.getHostOffset(l.left,l.right);i.style.transform=`translateX(${n}px)`,s.style.transform=`translateX(${n}px)`}hyphenateCollidingRangeHandleLabels(){let e=this.shouldMirror(),t=e?this.maxValueLabelRefs:this.minValueLabelRefs,i=e?this.minValueLabelRefs:this.maxValueLabelRefs,a=t.label.value,s=t.static.value,l=t.transformed.value,n=this.getHostOffset(s.getBoundingClientRect().left,s.getBoundingClientRect().right),h=i.label.value,r=i.static.value,c=i.transformed.value,m=this.getHostOffset(r.getBoundingClientRect().left,r.getBoundingClientRect().right),p=this.getFontSizeForElement(a),v=this.getRangeLabelOverlap(l,c),y=a,u=p/2;if(v>0){if(y.classList.add(o.hyphen,o.hyphenWrap),m===0&&n===0){let d=v/2-u;d=Math.sign(d)===-1?Math.abs(d):-d;let f=this.getHostOffset(l.getBoundingClientRect().left+d-u,l.getBoundingClientRect().right+d-u),x=v/2,L=this.getHostOffset(c.getBoundingClientRect().left+x,c.getBoundingClientRect().right+x);f!==0&&(d+=f,x+=f),L!==0&&(d+=L,x+=L),a.style.transform=`translateX(${d}px)`,l.style.transform=`translateX(${d-u}px)`,h.style.transform=`translateX(${x}px)`,c.style.transform=`translateX(${x}px)`}else if(n>0||m>0)a.style.transform=`translateX(${n+u}px)`,h.style.transform=`translateX(${v+m}px)`,c.style.transform=`translateX(${v+m}px)`;else if(n<0||m<0){let d=Math.abs(n)+v-u;d=Math.sign(d)===-1?Math.abs(d):-d,a.style.transform=`translateX(${d}px)`,l.style.transform=`translateX(${d-u}px)`}}else y.classList.remove(o.hyphen,o.hyphenWrap),a.style.transform=`translateX(${n}px)`,l.style.transform=`translateX(${n}px)`,h.style.transform=`translateX(${m}px)`,c.style.transform=`translateX(${m}px)`}hideObscuredBoundingTickLabels(){let e=g(this.value);if(!this.hasHistogram&&!e&&!this.labelHandles&&!this.precise||!this.hasHistogram&&!e&&this.labelHandles&&!this.precise||!this.hasHistogram&&!e&&!this.labelHandles&&this.precise||!this.hasHistogram&&!e&&this.labelHandles&&this.precise||!this.hasHistogram&&e&&!this.precise||this.hasHistogram&&!this.precise&&!this.labelHandles)return;let t=this.minHandleRef.value,i=this.maxHandleRef.value,a=this.minTickLabelRef.value,s=this.maxTickLabelRef.value;!t&&i&&a&&s&&(a.style.opacity=this.isMinTickLabelObscured(a,i)?"0":"1",s.style.opacity=this.isMaxTickLabelObscured(s,i)?"0":"1"),t&&i&&a&&s&&(a.style.opacity=this.isMinTickLabelObscured(a,t)||this.isMinTickLabelObscured(a,i)?"0":"1",s.style.opacity=this.isMaxTickLabelObscured(s,t)||this.isMaxTickLabelObscured(s,i)&&this.hasHistogram?"0":"1")}getHostOffset(e,t){let{left:i,right:a}=this.el.getBoundingClientRect();return e<i?i-e:t>a?-(t-a):0}getRangeLabelOverlap(e,t){let i=e.getBoundingClientRect(),a=t.getBoundingClientRect(),s=this.getFontSizeForElement(e),l=i.right+s-a.left;return Math.max(l,0)}isMinTickLabelObscured(e,t){let i=e.getBoundingClientRect(),a=t.getBoundingClientRect();return P(i,a)}isMaxTickLabelObscured(e,t){let i=e.getBoundingClientRect(),a=t.getBoundingClientRect();return P(i,a)}internalLabelFormatter(e,t){let i=this.labelFormatter;if(!i)return this.formatValue(e);let a=i(e,t,this.formatValue);return a??this.formatValue(e)}render(){let e=this.el.id||this.guid,t=g(this.value)?this.maxValue:this.value,i=this.minValue||this.min,a=this.shouldUseMinValue(),s=this.getUnitInterval(a?this.minValue:i)*100,l=this.getUnitInterval(t)*100,n=this.shouldMirror(),h=g(this.value),r=J(this),c=h&&!!r,m=this.buildThumbType("max"),p=this.renderThumb({type:m,thumbPlacement:m.includes("histogram")?"below":"above",labelFallback:r,maxInterval:l,minInterval:s,mirror:n}),v=this.buildThumbType("min"),y=h?this.renderThumb({type:v,thumbPlacement:v.includes("histogram")||v.includes("precise")?"below":"above",labelFallback:r,maxInterval:l,minInterval:s,mirror:n}):null,u=h?"start":this.fillPlacement,d=u==="none"?{left:"unset",right:"unset"}:u==="end"?{left:`${n?s:l}%`,right:`${n?l:s}%`}:{left:`${n?100-l:s}%`,right:`${n?s:100-l}%`};return O(this.el,"id",e),this.interactiveContainer({disabled:this.disabled,children:V`${this.labelText&&Q({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-errormessage=${S.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${r} .ariaRequired=${this.required} class=${b({[o.container]:!0,[o.containerRange]:h,[o.scale(this.scale)]:!0})} .role=${c?"group":void 0}>${this.renderGraph()}<div class=${b(o.track)} ${R(this.trackRef)}><div class=${b(o.trackRange)} @pointerdown=${this.onTrackPointerDown} style=${M(d)}></div><div class=${b(o.ticks)}>${this.tickValues.map(f=>{let x=`${this.getUnitInterval(f)*100}%`,L=!1;if(u==="start"||u==="end")if(a)L=f>=this.minValue&&f<=this.maxValue;else{let T=u==="start"?i:t,ie=u==="start"?t:this.max;L=f>=T&&f<=ie}return V`<span class=${b({[o.tick]:!0,[o.tickActive]:L})} style=${M({left:n?"":x,right:n?x:""})}>${this.renderTickLabel(f)}</span>`})}</div></div><div class=${b(o.thumbContainer)}>${y}${p}</div></div>${this.validationMessage&&this.status==="invalid"?Y({icon:this.validationIcon,id:S.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderThumb({type:e,mirror:t,thumbPlacement:i,minInterval:a,maxInterval:s,labelFallback:l}){let n=e.includes("labeled"),h=e.includes("precise"),r=e.includes("min"),c=g(this.value),m=r?this.minValue:c?this.maxValue:this.value,p=r?"minValue":c?"maxValue":"value",v=r?this.minLabel||l:c?this.maxLabel||l:this.minLabel||l,y=r?this.minValue:m,u=p==="minValue"?this.internalLabelFormatter(this.minValue,"min"):p==="maxValue"?this.internalLabelFormatter(this.maxValue,"max"):this.internalLabelFormatter(m,"value"),d=r?{left:`${t?100-a:a}%`}:{right:`${t?s:100-s}%`},f=`${o.handleLabel} ${r?o.handleLabelMinValue:o.handleLabelValue}`,x=r?this.minValueLabelRefs:this.maxValueLabelRefs,T=[...n?[V`<span aria-hidden=true class=${b(f)} ${R(x.label)}>${u}</span>`,V`<span aria-hidden=true class=${`${f} ${o.static}`} ${R(x.static)}>${u}</span>`,V`<span aria-hidden=true class=${`${f} ${o.transformed}`} ${R(x.transformed)}>${u}</span>`]:[],V`<div class=${b(o.handle)}></div>`,h&&V`<div class=${b(o.handleExtension)}></div>`||""];return i==="below"&&T.reverse(),X(e,V`<div .ariaLabel=${v} aria-orientation=horizontal .ariaValueMax=${this.max} .ariaValueMin=${this.min} .ariaValueNow=${y} class=${b({[o.thumb]:!0,[o.thumbValue]:!r,[o.thumbActive]:this.lastDragProp!=="minMaxValue"&&this.dragProp===p,[o.thumbPrecise]:h,[o.thumbMinValue]:r})} data-value-prop=${p??B} @blur=${this.onThumbBlur} @focus=${this.onThumbFocus} @pointerdown=${this.onThumbPointerDown} role=slider style=${M(d)} tabindex=0 ${R(r?this.minHandleRef:this.maxHandleRef)}>${T}</div>`)}renderGraph(){return this.histogram?V`<calcite-graph class=${b(o.graph)} .colorStops=${this.histogramStops} .data=${this.histogram} .highlightMax=${g(this.value)?this.maxValue:this.value} .highlightMin=${g(this.value)?this.minValue:this.min} .max=${this.max} .min=${this.min}></calcite-graph>`:null}renderTickLabel(e){let{hasHistogram:t,labelHandles:i,labelTicks:a,max:s,min:l,precise:n,value:h}=this,r=g(h),c=e===l,m=e===s,p=c||m;if(!(a&&(!t&&(p||!n||!r)||t&&(p||!n&&!i))))return null;let y={[o.tickLabel]:!0,[o.tickMin]:c,[o.tickMax]:m},u=this.internalLabelFormatter(e,"tick");return c?V`<span class=${b(y)} ${R(this.minTickLabelRef)}>${u}</span>`:m?V`<span class=${b(y)} ${R(this.maxTickLabelRef)}>${u}</span>`:V`<span class=${b(y)}>${u}</span>`}};A("calcite-slider",z);export{z as Slider};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a}from"./T6CCMW7H.js";import{
|
|
2
|
+
import{a}from"./T6CCMW7H.js";import{G as l,H as o,K as c,T as n,g as s,h as i}from"./KRMA22FS.js";var r={container:"container",selected:"selected"},h="calcite-carousel-item",p={host:t=>`${h}-${t}`},m=s`:host{display:flex}.container{display:none;inline-size:var(--calcite-container-size-content-fluid)}:host([selected]) .container{display:block}:host([hidden]){display:none}[hidden]{display:none}`,e=class extends l{constructor(){super(...arguments),this.guid=p.host(a()),this.selected=!1}static{this.properties={label:1,selected:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=m}render(){let d=this.el.id||this.guid;return c(this.el,"id",d),i`<div .ariaLabel=${this.label} class=${o({[r.container]:!0,[r.selected]:this.selected})} role=tabpanel><slot></slot></div>`}};n("calcite-carousel-item",e);export{e as CarouselItem};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import{b as p}from"./5DJ4CKCP.js";import{b as E}from"./ABR4JGS6.js";import{a as u}from"./VI7SBYXT.js";import{c as S}from"./VUYX7MNO.js";import{a as y}from"./ZQSKUC33.js";import"./ZWPNZ5XW.js";import"./MWHGTJLI.js";import"./CYBZRYY2.js";import{x as n}from"./7FW2RVVH.js";import{E as m,F as g,G as d,H as o,T as v,g as c,h as s,p as h}from"./KRMA22FS.js";var a={container:"container",containerContent:"container-content",hasProgress:"progress-bar",hide:"hide",primary:"primary",secondary:"secondary",tertiary:"tertiary"},e={logo:"logo",user:"user",progress:"progress",navigationAction:"navigation-action",contentStart:"content-start",contentEnd:"content-end",contentCenter:"content-center",navSecondary:"navigation-secondary",navTertiary:"navigation-tertiary"},C={hamburger:"hamburger"},f=S("calcite-navigation"),H=c`:host([hidden]){display:none}[hidden]{display:none}:host{display:block}:host([scale=s]){--calcite-internal-navigation-primary-height: 3rem;--calcite-internal-navigation-secondary-height: 2.25rem;--calcite-internal-navigation-tertiary-height: 2.25rem;--calcite-internal-navigation-navigation-action-margin-inline: 8px}:host([scale=m]){--calcite-internal-navigation-primary-height: 4rem;--calcite-internal-navigation-secondary-height: 3rem;--calcite-internal-navigation-tertiary-height: 3rem;--calcite-internal-navigation-navigation-action-margin-inline: var(--calcite-font-size-sm)}:host([scale=l]){--calcite-internal-navigation-primary-height: 4.75rem;--calcite-internal-navigation-secondary-height: 4rem;--calcite-internal-navigation-tertiary-height: 4rem;--calcite-internal-navigation-navigation-action-margin-inline: var(--calcite-font-size-md)}.container{display:flex;inline-size:100%;flex-direction:column;margin-block:0;margin-inline:auto;background-color:var(--calcite-navigation-background-color, var(--calcite-navigation-background, var(--calcite-color-foreground-1)))}.container.primary,.container.secondary,.container.tertiary{border-block-end:1px solid;border-block-end-color:var(--calcite-navigation-border-color, var(--calcite-color-border-3))}.user,.logo{display:flex}.hide{display:none}.primary{block-size:var(--calcite-internal-navigation-primary-height)}.secondary{block-size:var(--calcite-internal-navigation-secondary-height)}.tertiary{block-size:var(--calcite-internal-navigation-tertiary-height)}.container-content{margin-inline:auto;display:flex;block-size:100%;inline-size:100%;margin-block:0;inline-size:var(--calcite-navigation-width, 100%);max-inline-size:100%}.container-content.progress-bar{margin-block-start:.125rem}slot[name]{display:flex;flex-direction:row}slot[name=navigation-secondary]::slotted(calcite-navigation),slot[name=navigation-tertiary]::slotted(calcite-navigation){inline-size:100%}slot[name=content-start]::slotted(*),slot[name=content-center]::slotted(*),slot[name=content-end]::slotted(*){display:flex;flex-direction:row;align-items:center}slot[name=progress],slot[name=progress] calcite-progress{inset-block-start:0;inset-inline:0}slot[name=content-end]{margin-inline-start:auto}slot[name=content-start]{margin-inline-end:auto}slot[name=content-end],slot[name=logo]~slot[name=user],slot[name=user]:only-child{margin-inline-start:auto}slot[name=content-center]{margin-inline-start:auto;margin-inline-end:auto}slot[name=content-start]~slot[name=content-center]{margin-inline-start:0px}slot[name=content-start]~slot[name=content-end],slot[name=content-center]~slot[name=content-end],slot[name=content-center]~slot[name=user],slot[name=content-end]~slot[name=user]{margin:0}slot[name=navigation-action] calcite-action{align-self:center;margin-inline-start:var(--calcite-internal-navigation-navigation-action-margin-inline)}`,r=class extends d{constructor(){super(...arguments),this.navigationActionRef=m(),this.focusSetter=y()(this),this.mutationObserver=u("mutation",()=>{this.updateNavigationLogo(),this.updateNavigationUser(),this.updateNestedNavigation()}),this.logoSlotHasElements=!1,this.navigationActionSlotHasElements=!1,this.primaryContentCenterSlotHasElements=!1,this.primaryContentEndSlotHasElements=!1,this.primaryContentStartSlotHasElements=!1,this.progressSlotHasElement=!1,this.secondarySlotHasElements=!1,this.tertiarySlotHasElements=!1,this.userSlotHasElements=!1,this.navigationAction=!1,this.scale="m",this.calciteNavigationActionSelect=h({cancelable:!1})}static{this.properties={logoSlotHasElements:[16,{},{state:!0}],navigationActionSlotHasElements:[16,{},{state:!0}],primaryContentCenterSlotHasElements:[16,{},{state:!0}],primaryContentEndSlotHasElements:[16,{},{state:!0}],primaryContentStartSlotHasElements:[16,{},{state:!0}],progressSlotHasElement:[16,{},{state:!0}],secondarySlotHasElements:[16,{},{state:!0}],tertiarySlotHasElements:[16,{},{state:!0}],userSlotHasElements:[16,{},{state:!0}],label:1,navigationAction:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}]}}static{this.styles=H}async setFocus(t){return this.focusSetter(()=>this.navigationActionRef.value,t)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0}),this.updateNavigationLogo(),this.updateNavigationUser(),this.updateNestedNavigation()}updated(t){(t.has("scale")||t.has("logoSlotHasElements")||t.has("userSlotHasElements")||t.has("secondarySlotHasElements")||t.has("tertiarySlotHasElements"))&&(this.updateNavigationLogo(),this.updateNavigationUser(),this.updateNestedNavigation())}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}actionClickHandler(){this.calciteNavigationActionSelect.emit()}handleUserSlotChange(t){this.isPrimaryLevel()&&(this.userSlotHasElements=n(t))}handleLogoSlotChange(t){this.isPrimaryLevel()&&(this.logoSlotHasElements=n(t))}handleContentStartSlotChange(t){this.isPrimaryLevel()&&(this.primaryContentStartSlotHasElements=n(t))}handleContentEndSlotChange(t){this.isPrimaryLevel()&&(this.primaryContentEndSlotHasElements=n(t))}handleContentCenterSlotChange(t){this.isPrimaryLevel()&&(this.primaryContentCenterSlotHasElements=n(t))}handleSecondarySlotChange(t){this.secondarySlotHasElements=n(t)}handleTertiarySlotChange(t){this.tertiarySlotHasElements=n(t)}handleMenuActionSlotChange(t){this.isPrimaryLevel()&&(this.navigationActionSlotHasElements=n(t),this.navigationActionSlotHasElements&&(this.navigationAction=!1))}handleProgressSlotChange(t){this.isPrimaryLevel()&&(this.progressSlotHasElement=n(t))}isPrimaryLevel(){return this.el.slot!==e.navSecondary&&this.el.slot!==e.navTertiary}getOwnedNavigationElements(t,i){let l=this.el.shadowRoot?.querySelector(`slot[name="${t}"]`);return l?l.assignedElements({flatten:!0}).filter(i):[]}updateNavigationLogo(){this.getOwnedNavigationElements(e.logo,p).forEach(t=>{t.scale=this.scale})}updateNavigationUser(){this.getOwnedNavigationElements(e.user,E).forEach(t=>{t.scale=this.scale})}updateNestedNavigation(){[...this.getOwnedNavigationElements(e.navSecondary,f),...this.getOwnedNavigationElements(e.navTertiary,f)].forEach(i=>{i!==this.el&&(i.scale=this.scale)})}renderMenuAction(){return s`<slot name=${e.navigationAction} @slotchange=${this.handleMenuActionSlotChange}>${this.navigationAction&&s`<calcite-action .icon=${C.hamburger} @click=${this.actionClickHandler} .text=${this.label} ${g(this.navigationActionRef)}></calcite-action>`||""}</slot>`}render(){let t=this.logoSlotHasElements||this.userSlotHasElements||this.navigationActionSlotHasElements||this.primaryContentCenterSlotHasElements||this.primaryContentEndSlotHasElements||this.primaryContentStartSlotHasElements||this.navigationAction,i=this.el.slot;return s`<div class=${o({[a.container]:!0,[a.secondary]:i===e.navSecondary,[a.tertiary]:i===e.navTertiary,[a.primary]:t})}><div class=${o({[a.hide]:!this.progressSlotHasElement,[e.progress]:!0})}><slot name=${e.progress} @slotchange=${this.handleProgressSlotChange}></slot></div><div class=${o({[a.containerContent]:!0,[a.hasProgress]:this.progressSlotHasElement})}>${this.renderMenuAction()}<div class=${o({[a.hide]:!this.logoSlotHasElements,[e.logo]:!0})}><slot name=${e.logo} @slotchange=${this.handleLogoSlotChange}></slot></div><slot name=${e.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot><slot name=${e.contentCenter} @slotchange=${this.handleContentCenterSlotChange}></slot><slot name=${e.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot><div class=${o({[a.hide]:!this.userSlotHasElements,[e.user]:!0})}><slot name=${e.user} @slotchange=${this.handleUserSlotChange}></slot></div></div></div><slot name=${e.navSecondary} @slotchange=${this.handleSecondarySlotChange}></slot><slot name=${e.navTertiary} @slotchange=${this.handleTertiarySlotChange}></slot>`}};v("calcite-navigation",r);export{r as Navigation};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import{a as F}from"./EROUT3LK.js";import{a as y,b as L}from"./R2NTM4ST.js";import{a as u,b as a,c as $,d as D}from"./UKNZDAOR.js";import{d as o}from"./CZERUG3F.js";import{a as U}from"./DAAKDDEY.js";import{a as A}from"./735UOYTJ.js";import{a as M}from"./XRKTQYG2.js";import{a as R}from"./SAZM37N6.js";import{a as P}from"./UV2JMY7Y.js";import{a as E}from"./VI7SBYXT.js";import{a as I}from"./JVFPFH6H.js";import"./VUYX7MNO.js";import{a as B}from"./ZQSKUC33.js";import"./ZWPNZ5XW.js";import"./MWHGTJLI.js";import"./CYBZRYY2.js";import{H as g}from"./7FW2RVVH.js";import{E as k,F as w,G as C,H as b,P as c,T as O,g as T,h as x,p as f}from"./KRMA22FS.js";var j=T`:host{--calcite-dialog-scrim-background-color: rgba(0, 0, 0, .85);pointer-events:none;inset:0;display:flex;--calcite-internal-dialog-animation-offset: 20px}:host([top-layer-disabled]),:host([top-layer-disabled]) .container,:host([embedded]),.container--embedded{z-index:var(--calcite-z-index-overlay)}:host([embedded][modal]){position:absolute}.container{pointer-events:auto;position:fixed;inset:0;display:flex;block-size:100%;inline-size:100%;align-items:center;justify-content:center;overflow:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) ease-in-out}:host([placement=top]) .container{align-items:flex-start;justify-content:center}:host([placement=top-start]) .container{align-items:flex-start;justify-content:flex-start}:host([placement=top-end]) .container{align-items:flex-start;justify-content:flex-end}:host([placement=bottom]) .container{align-items:flex-end;justify-content:center}:host([placement=bottom-start]) .container{align-items:flex-end;justify-content:flex-start}:host([placement=bottom-end]) .container{align-items:flex-end;justify-content:flex-end}:host(:not([modal])) .container{pointer-events:none}:host([scale=s]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-sm));--calcite-internal-dialog-min-size-x: 198px;--calcite-internal-dialog-min-size-y: 140px}:host([scale=m]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-md));--calcite-internal-dialog-min-size-x: 288px;--calcite-internal-dialog-min-size-y: 180px}:host([scale=l]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-md-plus));--calcite-internal-dialog-min-size-x: 388px;--calcite-internal-dialog-min-size-y: 220px}.scrim{--calcite-scrim-background: var(--calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim));--calcite-scrim-background-color: var( --calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim) );position:fixed;inset:0;display:flex;overflow-y:hidden;z-index:calc(var(--calcite-z-index) * -1)}:host([top-layer-disabled]) .scrim{z-index:unset}calcite-panel{--calcite-panel-content-space: var(--calcite-dialog-content-space, var(--calcite-internal-dialog-content-padding));--calcite-panel-content-top-space: var( --calcite-dialog-content-top-space, var(--calcite-internal-dialog-content-padding) );--calcite-panel-content-bottom-space: var( --calcite-dialog-content-bottom-space, var(--calcite-internal-dialog-content-padding) );--calcite-panel-footer-space: var(--calcite-dialog-footer-space);--calcite-panel-border-color: var(--calcite-dialog-border-color);--calcite-panel-background-color: var(--calcite-dialog-background-color, var(--calcite-color-foreground-1));--calcite-panel-icon-color: var(--calcite-dialog-icon-color);--calcite-panel-heading-text-color: var(--calcite-dialog-heading-text-color);--calcite-panel-description-text-color: var(--calcite-dialog-description-text-color);--calcite-panel-header-background-color: var(--calcite-dialog-header-background-color);--calcite-panel-header-action-background-color: var(--calcite-dialog-header-action-background-color);--calcite-panel-header-action-background-color-hover: var(--calcite-dialog-header-action-background-color-hover);--calcite-panel-header-action-background-color-press: var(--calcite-dialog-header-action-background-color-press);--calcite-panel-header-action-text-color: var(--calcite-dialog-header-action-text-color);--calcite-panel-header-action-text-color-press: var(--calcite-dialog-header-action-text-color-press);--calcite-panel-footer-background-color: var(--calcite-dialog-footer-background-color);--calcite-panel-space: var(--calcite-dialog-space, var(--calcite-internal-dialog-content-padding));--calcite-panel-header-content-space: var(--calcite-dialog-header-content-space, var(--calcite-dialog-content-space));--calcite-panel-header-top-space: var(--calcite-dialog-header-top-space);--calcite-popover-border-color: var(--calcite-dialog-action-menu-border-color, var(--calcite-color-border-1));--calcite-panel-corner-radius: var(--calcite-dialog-corner-radius)}:host([kind=brand]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-brand))}:host([kind=danger]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-danger))}:host([kind=info]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-info))}:host([kind=success]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-success))}:host([kind=warning]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-warning))}::slotted(*){--calcite-panel-background-color: initial}[popover]{padding:0;border:none;background-color:transparent;position:fixed;display:flex}[popover]:popover-open{display:flex}.dialog{pointer-events:none;position:relative;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;opacity:0;box-shadow:var(--calcite-shadow-md);-webkit-overflow-scrolling:touch;visibility:hidden;transition:inset-block-start var(--calcite-internal-animation-timing-slow) ease-in-out allow-discrete,opacity var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));min-inline-size:var(--calcite-dialog-min-size-x, var(--calcite-internal-dialog-min-size-x));max-inline-size:var(--calcite-dialog-max-size-x, 100%);min-block-size:var(--calcite-dialog-min-size-y, var(--calcite-internal-dialog-min-size-y));max-block-size:var(--calcite-dialog-max-size-y, 100%);--calcite-internal-dialog-hidden-position: calc( var(--calcite-dialog-offset-y, 0px) + var(--calcite-internal-dialog-animation-offset) );--calcite-internal-dialog-shown-position: var(--calcite-dialog-offset-y, 0);inset-inline-start:var(--calcite-dialog-offset-x, 0);inset-block-start:var(--calcite-internal-dialog-hidden-position)}:host([top-layer-disabled]) .dialog,:host([embedded]) .dialog{z-index:var(--calcite-z-index-modal)}:host([menu-open]) .dialog{transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.panel{visibility:hidden;opacity:0;border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.container--open .panel{visibility:visible;opacity:1;transition:visibility 0ms linear,opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.container--open{opacity:1;visibility:visible;transition-delay:0ms}.container--open .dialog{pointer-events:auto;visibility:visible;opacity:1;transition:inset-block-start var(--calcite-internal-animation-timing-slow) ease-in-out allow-discrete,opacity var(--calcite-internal-animation-timing-slow) ease-in-out;transition-delay:0ms}.width-s{inline-size:auto;inline-size:var(--calcite-dialog-size-x, 32rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:35rem){:host(:not([fullscreen-disabled])) .width-s{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}.width-m{inline-size:var(--calcite-dialog-size-x, 48rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:51rem){:host(:not([fullscreen-disabled])) .width-m{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}.width-l{inline-size:var(--calcite-dialog-size-x, 94rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:97rem){:host(:not([fullscreen-disabled])) .width-l{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}:host([placement=cover]) .dialog{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0}:host([placement=cover]) .panel{border-radius:0}:host([kind]) .panel{border-start-start-radius:0px;border-start-end-radius:0px}:host([kind]) .dialog{overflow:hidden}:host([kind=brand]) .dialog{border-color:var(--calcite-color-brand)}:host([kind=danger]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-danger))}:host([kind=info]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-info))}:host([kind=success]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-success))}:host([kind=warning]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-warning))}:host([open]) .dialog{inset-block-start:var(--calcite-internal-dialog-shown-position)}@starting-style{:host([open]) .dialog{inset-block-start:var(--calcite-internal-dialog-hidden-position);opacity:0}}:host([kind=brand][open]) .dialog,:host([kind=danger][open]) .dialog,:host([kind=info][open]) .dialog,:host([kind=success][open]) .dialog,:host([kind=warning][open]) .dialog{border-width:0px;border-block-start-width:4px;border-style:solid}.container--embedded{position:absolute;pointer-events:auto}.container--embedded calcite-scrim{position:absolute}.assistive-text{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}:host([hidden]){display:none}[hidden]{display:none}`,S=class extends C{constructor(){super(...arguments),this.dragPosition={...$},this.focusTrap=U({triggerProp:"open",focusTrapOptions:{clickOutsideDeactivates:()=>!this.modal||this.embedded,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})(this),this.usePreventDocumentScroll=F()(this),this.mutationObserver=E("mutation",()=>this.handleMutationObserver()),this._open=!1,this.openProp="opened",this.transitionProp="opacity",this.panelRef=k(),this.popoverRef=k(),this.resizePosition={...D},this.messages=I(),this.focusSetter=B()(this),this.sizeOverride=L({targetElement:()=>({value:this.transitionEl}),getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.resizeValues.maxInlineSize},block:{min:this.resizeValues.minBlockSize,max:this.resizeValues.maxBlockSize}}),fullscreenDisabled:()=>this.fullscreenDisabled,onResize:e=>{this.resizeValues=e}}),this.topLayer=M({disabledOverride:()=>this.embedded,target:this.popoverRef})(this),this.assistiveText=null,this.hasContentBottom=!1,this.hasContentTop=!1,this.hasFooter=!0,this.opened=!1,this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.closeDisabled=!1,this.dragEnabled=!1,this.embedded=!1,this.escapeDisabled=!1,this.fullscreenDisabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.menuOpen=!1,this.modal=!1,this.focusTrapDisabled=!1,this.outsideCloseDisabled=!1,this.overlayPositioning="absolute",this.placement="center",this.resizable=!1,this.scale="m",this.topLayerDisabled=!1,this.widthScale="m",this.calciteDialogBeforeClose=f({cancelable:!1}),this.calciteDialogBeforeOpen=f({cancelable:!1}),this.calciteDialogClose=f({cancelable:!1}),this.calciteDialogOpen=f({cancelable:!1}),this.calciteDialogScroll=f({cancelable:!1})}static{this.properties={assistiveText:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],hasFooter:[16,{},{state:!0}],opened:[16,{},{state:!0}],resizeValues:[16,{},{state:!0}],beforeClose:[0,{},{attribute:!1}],closeDisabled:[7,{},{reflect:!0,type:Boolean}],description:1,dragEnabled:[7,{},{reflect:!0,type:Boolean}],embedded:[7,{},{reflect:!0,type:Boolean}],escapeDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],fullscreenDisabled:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],kind:[3,{},{reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],menuOpen:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],modal:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],open:[7,{},{reflect:!0,type:Boolean}],outsideCloseDisabled:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=j}get preventDocumentScroll(){return!this.embedded&&this.modal}get open(){return this._open}set open(e){let t=this._open;e!==t&&this.setOpenState(e)}async scrollContentTo(e){await this.panelRef.value?.scrollContentTo(e)}async setFocus(e){return this.focusSetter(()=>this.panelRef.value??this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}async updateSize(e){this.updateSizeInternal(e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setUpInteractions()}willUpdate(e){(e.has("open")&&(this.hasUpdated||this.open!==!1)||e.has("placement")&&(this.hasUpdated||this.placement!=="center")||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1)||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1))&&this.setUpInteractions(),(e.has("messages")||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1))&&this.updateAssistiveText(),e.has("opened")&&(this.hasUpdated||this.opened!==!1)&&this.handleOpenedChange()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.embedded=!1,this.cleanUpInteractions()}focusTrapDisabledOverride(){return!this.modal&&this.focusTrapDisabled}updateAssistiveText(){let{messages:e}=this;this.assistiveText=e&&(this.dragEnabled||this.resizable)?`${this.dragEnabled?e.dragEnabled:""} ${this.resizable?e.resizeEnabled:""}`:null}onBeforeOpen(){this.calciteDialogBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.focusTrapDisabled&&this.setFocus(),this.focusTrap.activate(),this.calciteDialogOpen.emit()}onBeforeClose(){this.calciteDialogBeforeClose.emit()}onClose(){this.focusTrap.deactivate(),this.calciteDialogClose.emit(),this.topLayer.hide()}async setOpenState(e){if(this.beforeClose&&!e)try{await this.beforeClose?.()}catch{return}this._open=e,e&&await this.componentOnReady(),this.opened=e}handleOpenedChange(){R(this)}async triggerInteractModifiers(){let{interaction:e}=this;e&&(await e.reflow({name:"drag"}),await e.reflow({name:"resize"}))}getTransitionRefDOMRect(){return this.transitionEl.getBoundingClientRect()}handleKeyDown(e){let{key:t,shiftKey:i,defaultPrevented:r}=e,{dragEnabled:n,resizable:s,resizePosition:d,dragPosition:l,transitionEl:p}=this;if(!(r||!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t)))switch(t){case"ArrowUp":if(i&&s&&p){let{minBlockSize:m}=window.getComputedStyle(p),h=g(m),v=this.getTransitionRefDOMRect().height;if(v<=h)return;this.updateSizeInternal({block:v-c}),d.bottom-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else n&&(l.y-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowDown":i&&s&&p?(this.updateSizeInternal({block:this.getTransitionRefDOMRect().height+c}),d.bottom+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):n&&(l.y+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowLeft":if(i&&s&&p){let{minInlineSize:m}=window.getComputedStyle(p),h=g(m),v=this.getTransitionRefDOMRect().width;if(v<=h)return;this.updateSizeInternal({inline:v-c}),d.right-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else n&&(l.x-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowRight":i&&s&&p?(this.updateSizeInternal({inline:this.getTransitionRefDOMRect().width+c}),d.right+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):n&&(l.x+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break}}updateTransform(){let{dragPosition:{x:e,y:t},resizePosition:i,transitionEl:r,dragEnabled:n,resizable:s}=this;if(!r)return;if(!n&&!s){r.style.transform="";return}let{top:d,right:l,bottom:p,left:z}=this.getAdjustedResizePosition(i),m=Math.round(e+z+l),h=Math.round(t+d+p);this.transitionEl.style.transform=m||h?`translate(${m}px, ${h}px)`:""}cleanUpInteractions(){this.interaction?.unset(),this.updateSizeInternal({inline:null,block:null}),this.dragPosition={...$},this.resizePosition={...D},this.updateTransform()}async setUpInteractions(){this.cleanUpInteractions();let{el:e,transitionEl:t,resizable:i,dragEnabled:r,resizePosition:n,dragPosition:s}=this;if(!(!t||!this.open)){if((i||r)&&(this.interaction=y(t,{context:e.ownerDocument})),i){await this.el.componentOnReady();let{minInlineSize:d,minBlockSize:l,maxInlineSize:p,maxBlockSize:z}=window.getComputedStyle(this.transitionEl);this.interaction.resizable({edges:{top:!0,right:!0,bottom:!0,left:!0},modifiers:[y.modifiers.restrictSize({min:{width:g(d),height:g(l)},max:{width:g(p)||window.innerWidth,height:g(z)||window.innerHeight}}),y.modifiers.restrict({restriction:"parent"})],listeners:{move:({rect:m,deltaRect:h})=>{h&&(n.top+=h.top,n.right+=h.right,n.bottom+=h.bottom,n.left+=h.left),this.updateSizeInternal({inline:m.width,block:m.height}),this.updateTransform()}}})}r&&this.interaction.draggable({modifiers:[y.modifiers.restrictRect({restriction:"parent"})],listeners:{move:({dx:d,dy:l})=>{s.x+=d,s.y+=l,this.updateTransform()}}})}}getAdjustedResizePosition({top:e,right:t,bottom:i,left:r}){let n=e/2,s=t/2,d=i/2,l=r/2;switch(this.placement){case"top":return{top:e,right:s,bottom:0,left:l};case"top-start":return{top:e,right:0,bottom:0,left:r};case"top-end":return{top:e,right:t,bottom:0,left:0};case"bottom":return{top:0,right:s,bottom:i,left:l};case"bottom-start":return{top:0,right:0,bottom:i,left:r};case"bottom-end":return{top:0,right:t,bottom:i,left:0};default:return{top:n,right:s,bottom:d,left:l}}}setTransitionEl(e){e&&(this.transitionEl=e,this.setUpInteractions())}handleInternalPanelScroll(e){e.target===this.panelRef.value&&(e.stopPropagation(),this.calciteDialogScroll.emit())}handleInternalPanelCloseClick(e){e.target===this.panelRef.value&&(e.preventDefault(),e.stopPropagation(),this.open=!1)}handlePanelKeyDown(e){this.escapeDisabled&&e.key==="Escape"&&!e.defaultPrevented&&e.preventDefault()}handleOutsideClose(){this.outsideCloseDisabled||(this.open=!1)}handleMutationObserver(){this.focusTrap.updateContainerElements()}updateSizeInternal(e){this.transitionEl&&this.sizeOverride.resize(e)}render(){let{assistiveText:e,description:t,heading:i,opened:r,icon:n,iconFlipRtl:s}=this;return x`<div .ariaDescription=${t} .ariaLabel=${i} .ariaModal=${this.modal} class=${b({[u.container]:!0,[u.containerOpen]:r,[u.containerEmbedded]:this.embedded})} .popover=${this.embedded?void 0:"manual"} role=dialog ${w(this.popoverRef)}>${this.modal?x`<calcite-scrim class=${b(u.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>`:null}<div class=${b({[u.dialog]:!0,[A("width",this.width,this.widthScale)]:!!(this.width||this.widthScale)})} @keydown=${this.handleKeyDown} ${w(this.setTransitionEl)}>${e?P("assistive-text",x`<div aria-live=polite class=${b(u.assistiveText)}>${e}</div>`):null}<slot name=${a.customContent}><calcite-panel class=${b(u.panel)} .closable=${!this.closeDisabled} .description=${t} .heading=${i} .headingLevel=${this.headingLevel} .hidden=${!this.opened} .icon=${n} .iconFlipRtl=${s} .loading=${this.loading} .menuOpen=${this.menuOpen} .messageOverrides=${this.messageOverrides} @calcitePanelClose=${this.handleInternalPanelCloseClick} @calcitePanelScroll=${this.handleInternalPanelScroll} @keydown=${this.handlePanelKeyDown} .overlayPositioning=${this.overlayPositioning} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled} ${w(this.panelRef)}><slot name=${a.actionBar} slot=${o.actionBar}></slot><slot name=${a.alerts} slot=${o.alerts}></slot><slot name=${a.headerActionsStart} slot=${o.headerActionsStart}></slot><slot name=${a.headerActionsEnd} slot=${o.headerActionsEnd}></slot><slot name=${a.description} slot=${o.description}></slot><slot name=${a.heading} slot=${o.heading}></slot><slot name=${a.headerContent} slot=${o.headerContent}></slot><slot name=${a.headerTop} slot=${o.headerTop}></slot><slot name=${a.headerMenuActions} slot=${o.headerMenuActions}></slot><slot name=${a.fab} slot=${o.fab}></slot><slot name=${a.contentTop} slot=${o.contentTop}></slot><slot name=${a.contentBottom} slot=${o.contentBottom}></slot><slot name=${a.footerStart} slot=${o.footerStart}></slot><slot name=${a.footer} slot=${o.footer}></slot><slot name=${a.footerEnd} slot=${o.footerEnd}></slot><slot></slot></calcite-panel></slot></div></div>`}};O("calcite-dialog",S);export{S as Dialog};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import{a as i}from"./YXQ3ADP4.js";import{c as g}from"./XOOLHWVY.js";import{a as p}from"./DKJI4BME.js";import{a as v}from"./CEKRDMEV.js";import{a as u}from"./XYZHXGWT.js";import{a as m}from"./YP3AYJH3.js";import{a as b}from"./ZQSKUC33.js";import"./ZWPNZ5XW.js";import"./MWHGTJLI.js";import"./CYBZRYY2.js";import"./7FW2RVVH.js";import{E as s,F as o,G as d,H as t,T as h,g as c,h as n,p as r}from"./KRMA22FS.js";var a={container:"container",track:"track",handle:"handle"},f=c`: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([scale=s]) .container{block-size:.75rem}:host([scale=s]) .track{block-size:.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:.5rem;inline-size:.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:.75rem;inline-size:.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{outline:none;display:flex}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;vertical-align:top;outline-color:transparent;border-radius:var(--calcite-switch-corner-radius, 9999px);border-color:var(--calcite-switch-border-color);background-color:var(--calcite-switch-background-color, var(--calcite-color-border-input))}.container:focus .track{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container:hover .track{background-color:var(--calcite-switch-background-color-hover, var(--calcite-color-text-3))}.handle{pointer-events:none;position:absolute;display:block;transition-property:all;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1);inset-block-start:var(--calcite-spacing-base);inset-inline:var(--calcite-spacing-base) auto;background-color:var(--calcite-switch-handle-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-switch-handle-border-color);border-radius:var(--calcite-switch-corner-radius, 9999px);box-shadow:var(--calcite-switch-handle-shadow)}:host([checked]) .track{background-color:var(--calcite-switch-background-color, var(--calcite-color-brand))}:host([checked]) .handle{inset-inline:auto var(--calcite-spacing-base)}:host([checked]):host(:hover:not([disabled])) .track{background-color:var(--calcite-switch-background-color-hover, var(--calcite-color-brand-hover))}@media(forced-colors:active){.container:focus-visible{outline:2px solid transparent;outline-offset:2px}.track,.handle{outline:2px solid transparent;outline-offset:2px}:host([checked]) .track{background-color:canvasText}:host([checked]) .handle{outline:none}:host([checked]):host(:hover:not([disabled])) .track{background-color:canvasText}}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}:host([hidden]){display:none}[hidden]{display:none}`,l=class extends d{constructor(){super(),this.formSupport=g({inputType:"checkbox"})(this),this.switchRef=s(),this.focusSetter=b()(this),this.interactiveContainer=u(this),this.checked=!1,this.disabled=!1,this.required=!1,this.scale="m",this.calciteSwitchChange=r({cancelable:!1}),v(this),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={checked:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],label:1,labelTextEnd:1,labelTextStart:1,name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=f}async setFocus(e){return this.focusSetter(()=>this.switchRef.value,e)}keyDownHandler(e){!this.disabled&&m(e.key)&&(this.toggle(),e.preventDefault())}onLabelClick(){this.disabled||(this.toggle(),this.setFocus())}toggle(){this.checked=!this.checked,this.calciteSwitchChange.emit()}clickHandler(){this.disabled||this.toggle()}render(){return this.interactiveContainer({disabled:this.disabled,children:n`<div .ariaChecked=${this.checked} .ariaLabel=${p(this)} class=${t(a.container)} role=switch tabindex=0 ${o(this.switchRef)}>${this.labelTextStart&&i({alignmentCenter:!0,bottomSpacingDisabled:!0,labelText:this.labelTextStart,spacingInlineEnd:!0})||""}<div class=${t(a.track)}><div class=${t(a.handle)}></div></div>${this.labelTextEnd&&i({alignmentCenter:!0,bottomSpacingDisabled:!0,labelText:this.labelTextEnd,spacingInlineStart:!0})||""}</div>`})}};h("calcite-switch",l);export{l as Switch};
|