@esri/calcite-components 5.2.0-next.30 → 5.2.0-next.31
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/dist/cdn/{DNJWLEZW.js → 275HTM6C.js} +1 -1
- package/dist/cdn/{YIG7OHCG.js → 2DNDO7OS.js} +1 -1
- package/dist/cdn/{VMCOZ3HV.js → 2H7GADY6.js} +1 -1
- package/dist/cdn/{C3WONRU7.js → 2KBNA5VV.js} +1 -1
- package/dist/cdn/{DXNQDJIF.js → 2PB3PUJA.js} +1 -1
- package/dist/cdn/{YVPTOJ5A.js → 2YFHVR5X.js} +1 -1
- package/dist/cdn/{7JP2QDSY.js → 34LKI7AN.js} +1 -1
- package/dist/cdn/{E4TKILOL.js → 34T5T2XB.js} +1 -1
- package/dist/cdn/{UXTQJCNN.js → 3GDCEW2O.js} +1 -1
- package/dist/cdn/{PNWVAEZN.js → 4DQGC5JY.js} +1 -1
- package/dist/cdn/{GL4HAMBI.js → 4XIM5ILC.js} +1 -1
- package/dist/cdn/{OTHJKEUE.js → 554NDE73.js} +1 -1
- package/dist/cdn/{WWITNWC2.js → 5HDPDQLH.js} +1 -1
- package/dist/cdn/{RIRQHOBE.js → 5IPGJCLD.js} +1 -1
- package/dist/cdn/{RW4M5CR6.js → 5JJPS3HK.js} +1 -1
- package/dist/cdn/{OIHVLKPK.js → 5PHIIVOU.js} +1 -1
- package/dist/cdn/{S5NVS4GZ.js → 5RP24S6I.js} +1 -1
- package/dist/cdn/{IAFVBT32.js → 5WA7VCUZ.js} +1 -1
- package/dist/cdn/{KUWM3KH7.js → 5WH4GGFT.js} +1 -1
- package/dist/cdn/{AVCX74DP.js → 5XTVVQ6D.js} +1 -1
- package/dist/cdn/{VLGXJHJZ.js → 62XMTWRN.js} +1 -1
- package/dist/cdn/{ECBRRRYY.js → 6ICS6SMF.js} +1 -1
- package/dist/cdn/{TJUGLK7F.js → 6TS5ZWQ7.js} +1 -1
- package/dist/cdn/{UESRXLZE.js → 6YTP7R4Z.js} +1 -1
- package/dist/cdn/{SVU2DXVH.js → 73LRUXQN.js} +1 -1
- package/dist/cdn/7UDX2IW2.js +2 -0
- package/dist/cdn/{ILOVG2ER.js → 7ZO4IPZP.js} +1 -1
- package/dist/cdn/{FXRJYL3C.js → AGIZ5KII.js} +1 -1
- package/dist/cdn/{JR5WU7IG.js → ASAPFCDE.js} +1 -1
- package/dist/cdn/{LP3TELFB.js → B2S475VC.js} +1 -1
- package/dist/cdn/{ZFAINRBG.js → B32RTCOC.js} +1 -1
- package/dist/cdn/{RIY7L66T.js → B35DWLY3.js} +1 -1
- package/dist/cdn/{N37CYE3C.js → B5SOOORA.js} +1 -1
- package/dist/cdn/{AGDLGJ6L.js → B64U7QND.js} +1 -1
- package/dist/cdn/{76ACXAF3.js → BAG3AJA4.js} +1 -1
- package/dist/cdn/{MXIWNVFP.js → BN3I74NC.js} +1 -1
- package/dist/cdn/{7TZ6KD4O.js → BXPFZXKS.js} +1 -1
- package/dist/cdn/{744ICFOB.js → BXZHLQWU.js} +1 -1
- package/dist/cdn/{GNXXWAUU.js → C7ODFPXC.js} +1 -1
- package/dist/cdn/{WOQEDKPR.js → CIZGCFP6.js} +1 -1
- package/dist/cdn/{A5J4D5E4.js → CN7PTHEB.js} +1 -1
- package/dist/cdn/{7VCES7OE.js → CU7CJFBQ.js} +1 -1
- package/dist/cdn/{UHCJZSPT.js → CXNZFM4C.js} +1 -1
- package/dist/cdn/{WSGPRBXQ.js → D5VAYHIC.js} +1 -1
- package/dist/cdn/{JLVQUTEE.js → DDD32FUC.js} +1 -1
- package/dist/cdn/{7Z4FHAX2.js → DGQGNFWC.js} +1 -1
- package/dist/cdn/{YSMLTX25.js → DM6ECIF2.js} +1 -1
- package/dist/cdn/DMK27J6W.js +2 -0
- package/dist/cdn/{R434GHPA.js → DSZP76JS.js} +1 -1
- package/dist/cdn/{JHYELFTN.js → DX4UNEXL.js} +1 -1
- package/dist/cdn/{GYLPLFN5.js → EBF72GF4.js} +1 -1
- package/dist/cdn/{OUL6IB3V.js → EJ4Q77N6.js} +1 -1
- package/dist/cdn/{GYGYZGV2.js → ESLOUCHV.js} +1 -1
- package/dist/cdn/{HFGCBOA6.js → ETODEMQI.js} +1 -1
- package/dist/cdn/{JWCIDZM4.js → F3AVUHA6.js} +1 -1
- package/dist/cdn/{TIZK2BII.js → FAYBZ4NA.js} +1 -1
- package/dist/cdn/{7HJVRNDA.js → FRJN2MYE.js} +1 -1
- package/dist/cdn/{NFQVM6G3.js → G6JEYMUX.js} +1 -1
- package/dist/cdn/GJYVDQON.js +2 -0
- package/dist/cdn/{O6JGN5I7.js → GL2M4Y47.js} +1 -1
- package/dist/cdn/{KNG2XVTR.js → GOBF5ORA.js} +1 -1
- package/dist/cdn/{OWGPSQUW.js → GSG6GHLN.js} +1 -1
- package/dist/cdn/{SVZ3IFYS.js → GTTVUYZE.js} +1 -1
- package/dist/cdn/{P6VCN6MX.js → GVQVBOVP.js} +1 -1
- package/dist/cdn/{V7E67VOT.js → GVXEBJEW.js} +1 -1
- package/dist/cdn/{KM4ZA4CE.js → GXI7Q6QU.js} +1 -1
- package/dist/cdn/{HYONXP3Q.js → H34AXDQR.js} +1 -1
- package/dist/cdn/{H4KOQ3P3.js → H6J4OSM7.js} +1 -1
- package/dist/cdn/{NYRH26AX.js → HFKP45FH.js} +1 -1
- package/dist/cdn/{P5V7JFB5.js → HIHNZASH.js} +1 -1
- package/dist/cdn/{4F7RPBMC.js → HX5G6PEU.js} +1 -1
- package/dist/cdn/{XVKFFHIM.js → I7VLBVVR.js} +1 -1
- package/dist/cdn/{Y3WHK3EI.js → IA4HJQWG.js} +1 -1
- package/dist/cdn/{FPFNNOM4.js → IJ5EZCER.js} +1 -1
- package/dist/cdn/{G2G2EWKP.js → IKBEV42F.js} +1 -1
- package/dist/cdn/{A3QXPEE3.js → ILFOOTH6.js} +1 -1
- package/dist/cdn/{2TYJA7ZA.js → IRVIPQ7D.js} +1 -1
- package/dist/cdn/{PIRO2BNM.js → IXX32AEN.js} +1 -1
- package/dist/cdn/{WJE5Q74F.js → JFKJED36.js} +1 -1
- package/dist/cdn/{L4JBLHJP.js → JGCDFFLC.js} +1 -1
- package/dist/cdn/{O2TWSKJQ.js → JGO735CO.js} +1 -1
- package/dist/cdn/{QOK4W2DZ.js → JSGT6DCJ.js} +1 -1
- package/dist/cdn/{HHB75VAP.js → JZA7C6P3.js} +1 -1
- package/dist/cdn/{7CNQUYOT.js → K4PSZCHX.js} +1 -1
- package/dist/cdn/{ZM4UKWZJ.js → KCNYR66O.js} +1 -1
- package/dist/cdn/KDQXAYDJ.js +2 -0
- package/dist/cdn/{OTWUFKKP.js → KMRQDEB2.js} +1 -1
- package/dist/cdn/{C67GL2CA.js → LG7NMJYN.js} +1 -1
- package/dist/cdn/{6QWNCW32.js → LPRA3T32.js} +1 -1
- package/dist/cdn/{2Q5EZYJY.js → MIXAK4SX.js} +1 -1
- package/dist/cdn/{WEC4V5A4.js → MQDJHBBP.js} +1 -1
- package/dist/cdn/{TYUT2PCJ.js → N3NMWUPR.js} +1 -1
- package/dist/cdn/{USCBNO6D.js → NEUPWH65.js} +1 -1
- package/dist/cdn/{KQ7JODBH.js → NQY3QGUP.js} +1 -1
- package/dist/cdn/{HQAF5VNB.js → O3ZI5ANT.js} +1 -1
- package/dist/cdn/{FEEM36AX.js → O6SPXDVK.js} +1 -1
- package/dist/cdn/{B4CZNDF3.js → O7NYKDOG.js} +1 -1
- package/dist/cdn/{G2VMVWVC.js → OAT4WOFR.js} +1 -1
- package/dist/cdn/{IPPUJ4XV.js → OHEH32P2.js} +1 -1
- package/dist/cdn/{YVJQNMYJ.js → OIYAOKXL.js} +1 -1
- package/dist/cdn/{KE4B2YVK.js → OMBL5LNO.js} +1 -1
- package/dist/cdn/{TN5VSQFI.js → OSBBG6HI.js} +1 -1
- package/dist/cdn/{UG4WZLVD.js → P2S6K7H4.js} +1 -1
- package/dist/cdn/{BFU36GZX.js → P6CXN7P4.js} +1 -1
- package/dist/cdn/{KLSU556M.js → PCWHJTFI.js} +1 -1
- package/dist/cdn/{L6XXOKYW.js → PUPGDIZ5.js} +1 -1
- package/dist/cdn/{H6W4S4LE.js → QN35D4ON.js} +1 -1
- package/dist/cdn/{QUZYKERC.js → QPZWBDRN.js} +1 -1
- package/dist/cdn/{DQIOK5E6.js → RA3ZTRG2.js} +1 -1
- package/dist/cdn/{XRJY4MG7.js → RT3EYWNV.js} +1 -1
- package/dist/cdn/{V7CTUOE3.js → S5W6RC6X.js} +1 -1
- package/dist/cdn/{I72HA7SW.js → S6KZLK5M.js} +1 -1
- package/dist/cdn/{MQSF7LRG.js → SAW4B7WT.js} +1 -1
- package/dist/cdn/{PX6LQKUI.js → SIGHPEZ7.js} +1 -1
- package/dist/cdn/{I7EE4WLX.js → SIYPKMOX.js} +1 -1
- package/dist/cdn/{MHRIRXTX.js → SKFU336B.js} +1 -1
- package/dist/cdn/{S75DSAHG.js → SRJHFMFP.js} +1 -1
- package/dist/cdn/{UCKR6SFU.js → SRNYDEOY.js} +1 -1
- package/dist/cdn/{YLLHGJB3.js → ST5SCEF4.js} +1 -1
- package/dist/cdn/{KVL67YS2.js → SZHLLS6U.js} +1 -1
- package/dist/cdn/{CIXBCLNA.js → TBX6B7NS.js} +1 -1
- package/dist/cdn/{XCQQISIF.js → TSZKDMVH.js} +1 -1
- package/dist/cdn/{UDBL4JHQ.js → U5K5WQQL.js} +1 -1
- package/dist/cdn/{II6DZIXM.js → URIFYT4D.js} +1 -1
- package/dist/cdn/{2JUKL5RZ.js → UYUBR74C.js} +1 -1
- package/dist/cdn/{HZR6NCWA.js → VLZTSSQW.js} +1 -1
- package/dist/cdn/{B6YEVWZC.js → W64C3RNL.js} +1 -1
- package/dist/cdn/{3AXZKAYQ.js → WBRB2MAG.js} +1 -1
- package/dist/cdn/{3ULD6GMI.js → WKGZT2PG.js} +1 -1
- package/dist/cdn/{WF4T4755.js → WQBBH5FE.js} +1 -1
- package/dist/cdn/{IUPRTI22.js → XHEIS6D3.js} +1 -1
- package/dist/cdn/XKRS7NPC.js +2 -0
- package/dist/cdn/{U4CNMRWE.js → XNTVXLSV.js} +1 -1
- package/dist/cdn/{NNVHBWZN.js → XOGICJGV.js} +1 -1
- package/dist/cdn/{IV6LNHPU.js → XPIK2PAN.js} +1 -1
- package/dist/cdn/{7BMELRUN.js → XZZQRQ65.js} +1 -1
- package/dist/cdn/Y42AXULS.js +2 -0
- package/dist/cdn/{GQQAD4CY.js → YA7ARNQJ.js} +1 -1
- package/dist/cdn/{CBALBCOP.js → YLAZZLRL.js} +1 -1
- package/dist/cdn/{CUZA2JG2.js → YM7MW4ZE.js} +1 -1
- package/dist/cdn/{XZ3AWUYG.js → YUYGZXBT.js} +1 -1
- package/dist/cdn/{DCV7F4JX.js → YWGZAN5R.js} +1 -1
- package/dist/cdn/{3QCZXBFB.js → ZJHYIAS5.js} +1 -1
- package/dist/cdn/{SDSIO47V.js → ZVDNCEBK.js} +1 -1
- package/dist/cdn/{TUU23R4U.js → ZXZ7BCV3.js} +1 -1
- package/dist/cdn/{GPVRWYQF.js → ZYUHSMKB.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/ExpandToggle.js +11 -45
- package/dist/chunks/dom.js +23 -23
- package/dist/chunks/manager.js +1 -1
- package/dist/chunks/openCloseComponent.js +1 -1
- package/dist/chunks/resources2.js +10 -14
- package/dist/chunks/resources3.js +17 -9
- package/dist/chunks/runtime.js +4 -4
- package/dist/chunks/useFocusTrap.js +1 -1
- package/dist/chunks/useForm.js +1 -1
- package/dist/chunks/useLabel.js +1 -1
- package/dist/chunks/useSetFocus.js +1 -1
- package/dist/chunks/utils2.js +1 -1
- package/dist/components/calcite-accordion-item/customElement.d.ts +5 -1
- package/dist/components/calcite-action/customElement.d.ts +5 -1
- package/dist/components/calcite-action-bar/customElement.d.ts +8 -2
- package/dist/components/calcite-action-bar/customElement.js +252 -55
- package/dist/components/calcite-action-group/customElement.d.ts +14 -1
- package/dist/components/calcite-action-group/customElement.js +61 -51
- package/dist/components/calcite-action-menu/customElement.d.ts +10 -0
- package/dist/components/calcite-action-menu/customElement.js +78 -36
- package/dist/components/calcite-action-pad/customElement.d.ts +5 -1
- package/dist/components/calcite-action-pad/customElement.js +2 -2
- package/dist/components/calcite-alert/customElement.d.ts +5 -1
- package/dist/components/calcite-alert/customElement.js +1 -1
- package/dist/components/calcite-autocomplete/customElement.d.ts +5 -1
- package/dist/components/calcite-avatar/customElement.js +1 -1
- package/dist/components/calcite-block/customElement.d.ts +5 -1
- package/dist/components/calcite-block-group/customElement.js +1 -1
- package/dist/components/calcite-block-section/customElement.d.ts +5 -1
- package/dist/components/calcite-button/customElement.d.ts +5 -1
- package/dist/components/calcite-button/customElement.js +1 -1
- package/dist/components/calcite-card/customElement.d.ts +5 -1
- package/dist/components/calcite-carousel/customElement.d.ts +5 -1
- package/dist/components/calcite-checkbox/customElement.d.ts +5 -1
- package/dist/components/calcite-chip/customElement.d.ts +5 -1
- package/dist/components/calcite-chip/customElement.js +1 -1
- package/dist/components/calcite-color-picker/customElement.d.ts +5 -1
- package/dist/components/calcite-color-picker/customElement.js +1 -1
- package/dist/components/calcite-color-picker-swatch/customElement.js +1 -1
- package/dist/components/calcite-combobox/customElement.d.ts +5 -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.d.ts +6 -2
- package/dist/components/calcite-date-picker/customElement.js +27 -5
- package/dist/components/calcite-date-picker-month-header/customElement.js +1 -1
- package/dist/components/calcite-dialog/customElement.d.ts +5 -1
- package/dist/components/calcite-dropdown/customElement.js +1 -1
- package/dist/components/calcite-filter/customElement.d.ts +5 -1
- package/dist/components/calcite-flow-item/customElement.d.ts +5 -1
- package/dist/components/calcite-handle/customElement.d.ts +5 -1
- package/dist/components/calcite-inline-editable/customElement.d.ts +5 -1
- package/dist/components/calcite-input/customElement.d.ts +5 -1
- package/dist/components/calcite-input/customElement.js +1 -1
- package/dist/components/calcite-input-date-picker/customElement.d.ts +5 -1
- package/dist/components/calcite-input-message/customElement.js +1 -1
- package/dist/components/calcite-input-number/customElement.d.ts +5 -1
- package/dist/components/calcite-input-number/customElement.js +1 -1
- package/dist/components/calcite-input-text/customElement.d.ts +5 -1
- package/dist/components/calcite-input-text/customElement.js +1 -1
- package/dist/components/calcite-input-time-picker/customElement.d.ts +5 -1
- package/dist/components/calcite-input-time-zone/customElement.d.ts +5 -1
- package/dist/components/calcite-list/customElement.d.ts +5 -1
- package/dist/components/calcite-list/customElement.js +1 -1
- package/dist/components/calcite-list-item/customElement.d.ts +5 -1
- package/dist/components/calcite-list-item/customElement.js +1 -1
- package/dist/components/calcite-menu/customElement.d.ts +5 -1
- package/dist/components/calcite-menu/customElement.js +1 -1
- package/dist/components/calcite-menu-item/customElement.d.ts +5 -1
- package/dist/components/calcite-meter/customElement.js +1 -1
- package/dist/components/calcite-notice/customElement.d.ts +5 -1
- package/dist/components/calcite-notice/customElement.js +1 -1
- package/dist/components/calcite-pagination/customElement.d.ts +5 -1
- package/dist/components/calcite-panel/customElement.d.ts +5 -1
- package/dist/components/calcite-panel/customElement.js +2 -2
- package/dist/components/calcite-popover/customElement.d.ts +5 -1
- package/dist/components/calcite-radio-button-group/customElement.d.ts +5 -1
- package/dist/components/calcite-rating/customElement.d.ts +5 -1
- package/dist/components/calcite-scrim/customElement.d.ts +5 -1
- package/dist/components/calcite-scrim/customElement.js +1 -1
- package/dist/components/calcite-segmented-control/customElement.d.ts +5 -1
- package/dist/components/calcite-segmented-control-item/customElement.js +1 -1
- package/dist/components/calcite-select/customElement.d.ts +5 -1
- package/dist/components/calcite-sheet/customElement.d.ts +5 -1
- package/dist/components/calcite-shell-panel/customElement.d.ts +5 -1
- package/dist/components/calcite-slider/customElement.d.ts +5 -1
- package/dist/components/calcite-slider/customElement.js +1 -1
- package/dist/components/calcite-sort-handle/customElement.d.ts +5 -1
- package/dist/components/calcite-sortable-list/customElement.js +1 -1
- package/dist/components/calcite-stepper/customElement.d.ts +5 -1
- package/dist/components/calcite-stepper-item/customElement.d.ts +5 -1
- package/dist/components/calcite-stepper-item/customElement.js +1 -1
- package/dist/components/calcite-tab/customElement.js +1 -1
- package/dist/components/calcite-tab-nav/customElement.d.ts +5 -1
- package/dist/components/calcite-tab-nav/customElement.js +1 -1
- package/dist/components/calcite-tab-title/customElement.d.ts +5 -1
- package/dist/components/calcite-tab-title/customElement.js +1 -1
- package/dist/components/calcite-table/customElement.d.ts +5 -1
- package/dist/components/calcite-table-cell/customElement.d.ts +5 -1
- package/dist/components/calcite-table-header/customElement.d.ts +5 -1
- package/dist/components/calcite-table-row/customElement.js +1 -1
- package/dist/components/calcite-tabs/customElement.js +1 -1
- package/dist/components/calcite-text-area/customElement.d.ts +5 -1
- package/dist/components/calcite-time-picker/customElement.d.ts +5 -1
- package/dist/components/calcite-tree/customElement.js +1 -1
- package/dist/components/calcite-tree-item/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/dist/loader.js +2 -2
- package/dist/types/lumina.d.ts +2 -0
- package/dist/types/preact.d.ts +2 -0
- package/dist/types/react.d.ts +2 -0
- package/dist/types/stencil.d.ts +2 -0
- package/package.json +2 -2
- package/dist/cdn/B5BPICM5.js +0 -2
- package/dist/cdn/IZ7RXFUG.js +0 -2
- package/dist/cdn/LIAKX4W7.js +0 -2
- package/dist/cdn/RYOYQ7JI.js +0 -2
- package/dist/cdn/U6XLKGTJ.js +0 -2
- package/dist/cdn/VVXGJ5AX.js +0 -2
- /package/dist/cdn/{WXZMRXAK.js → 5IJ25RMA.js} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as C,b as M}from"./OUL6IB3V.js";import{a as I}from"./735UOYTJ.js";import{a as g}from"./DQIOK5E6.js";import{a as S}from"./GZZYSINJ.js";import{a as _}from"./VI7SBYXT.js";import{a as L}from"./P5V7JFB5.js";import{e as D}from"./U4CNMRWE.js";import"./V7CTUOE3.js";import{C as z,s as U,t as O}from"./QUZYKERC.js";import{E as A,F as w,G as $,H as c,M as b,O as V,P,S as H,g as B,h,p}from"./S5NVS4GZ.js";var T=B`.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)}}`,i={container:"container",actionBarContainer:"action-bar-container",contentContainer:"content-container",content:"content",contentActionBarExpanded:"content--action-bar-expanded",contentHeader:"content__header",contentBody:"content__body",contentOverlay:"content--overlay",floatAll:"float-all",floatContent:"float--content",resizeHandle:"resize-handle",resizeHandleBar:"resize-handle-bar"},N={actionBar:"action-bar",header:"header"},K={dragVertical:"drag-resize-vertical",dragHorizontal:"drag-resize-horizontal"},Z=B`:host{pointer-events:none;position:relative;display:flex;flex:0 1 auto;align-items:stretch;z-index:var(--calcite-shell-panel-z-index, var(--calcite-z-index));--calcite-shell-panel-max-height: unset;--calcite-internal-shell-panel-shadow-block-start: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-block-end: 0 -4px 8px -1px rgba(0, 0, 0, .08), 0 -2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-start: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-border: var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3));--calcite-internal-shell-panel-resize-handle-thickness: var(--calcite-size-fixed-xxl);--calcite-internal-shell-panel-resize-handle-bar-thickness: var(--calcite-size-4xs);--calcite-internal-shell-panel-resize-handle-side-thickness: calc( var(--calcite-internal-shell-panel-resize-handle-thickness) - var( --calcite-internal-shell-panel-resize-handle-bar-thickness ) ) / 2}.calcite--rtl.content--overlay{--calcite-internal-shell-panel-shadow-inline-start: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04)}:host([layout=vertical]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index) + 1))}:host([layout=vertical][display-mode=overlay]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index-header) + 1))}:host([layout=vertical][display-mode=float-all]) .content{flex:2}:host([layout=vertical]:not([display-mode=float-all])) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 300px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][display-mode=float-all]) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical]:not([display-mode=float-all])) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 420px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][display-mode=float-all]) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical]:not([display-mode=float-all])) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 680px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=vertical][display-mode=float-all]) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=horizontal]) .content{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 30vh)}:host([layout=horizontal]) .height-s{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 20vh)}:host([layout=horizontal]) .height-l{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 40vh)}:host([display-mode=float-all][height=s]),:host([display-mode=float-all][height-scale=s]) .content{min-block-size:var(--calcite-shell-panel-height, 20vh)}:host([display-mode=float-all][height=m]),:host([display-mode=float-all][height-scale=m]) .content{min-block-size:var(--calcite-shell-panel-height, 30vh)}:host([display-mode=float-all][height=l]),:host([display-mode=float-all][height-scale=l]) .content{min-block-size:var(--calcite-shell-panel-height, 40vh)}.container{pointer-events:none;box-sizing:border-box;display:flex;block-size:100%;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-shell-panel-text-color, var(--calcite-color-text-2))}.container *{box-sizing:border-box}.container.float-all{margin-block:var(--calcite-spacing-sm);margin-inline:var(--calcite-spacing-sm)}:host([action-bar-position]) .container{flex-direction:var(--calcite-internal-shell-panel-container-flex-direction);padding-inline-start:var(--calcite-internal-shell-panel-container-padding-inline-start);padding-inline-end:var(--calcite-internal-shell-panel-container-padding-inline-end);padding-block-start:var(--calcite-internal-shell-panel-container-padding-block-start);padding-block-end:var(--calcite-internal-shell-panel-container-padding-block-end)}.float-all{max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) );box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm));border-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));overflow:hidden}:host([layout=vertical][position=start]) .float-all{border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-shell-panel-border-color, var(--calcite-color-border-3))}:host([layout=vertical][position=end]) .float-all{border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-shell-panel-border-color, var(--calcite-color-border-3)))}:host([layout=horizontal]) .float-all{border-inline:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-shell-panel-border-color, var(--calcite-color-border-3)))}:host([layout=horizontal]) .container{block-size:auto;inline-size:100%;flex-direction:column}:host([layout=horizontal]):host([action-bar-position]) .container{flex-direction:var(--calcite-internal-shell-panel-container-flex-direction, column)}.resize-handle{position:absolute;box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;outline:2px solid transparent;outline-offset:2px;--calcite-internal-shell-panel-resize-handle-offset: calc( (var(--calcite-size-fixed-xxl) - var(--calcite-size-fixed-sm-plus)) / 2 * -1 );inset-inline-start:var(--calcite-internal-shell-panel-resize-handle-inset-inline-start);inset-inline-end:var(--calcite-internal-shell-panel-resize-handle-inset-inline-end);inset-block-start:var(--calcite-internal-shell-panel-resize-handle-inset-block-start);inset-block-end:var(--calcite-internal-shell-panel-resize-handle-inset-block-end);z-index:var(--calcite-z-index-header);touch-action:none}.resize-handle:active .resize-handle-bar,.resize-handle:hover .resize-handle-bar{color:var(--calcite-shell-panel-resize-icon-color, var(--calcite-color-text-1));background-color:var(--calcite-shell-panel-resize-background-color, var(--calcite-color-foreground-3))}.resize-handle-bar{pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--calcite-shell-panel-resize-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-shell-panel-resize-background-color, var(--calcite-color-background))}.resize-handle:focus .resize-handle-bar{outline-color:transparent;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}:host([position=start][layout=vertical]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);block-size:100%;inset-inline-end:var(--calcite-internal-shell-panel-resize-handle-inset-inline-end, var(--calcite-internal-shell-panel-resize-handle-offset))}:host([position=start][layout=vertical]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-start:var(--calcite-internal-shell-panel-border)}:host([position=start][layout=vertical]):host([display-mode^=float]) .resize-handle-bar{border-start-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=start][layout=vertical]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, var(--calcite-size-fixed-sm-plus));block-size:var(--calcite-internal-shell-panel-resize-handle-block-size, 100%)}:host([position=start][layout=vertical]):host([action-bar-position]) .resize-handle-bar{border-inline-start:var(--calcite-internal-shell-panel-resize-handle-bar-border-inline-start, var(--calcite-internal-shell-panel-border))}:host([position=start][layout=vertical]):host([action-bar-position=top]){--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( var(--calcite-internal-shell-panel-action-bar-height) * -1 )}:host([position=start][layout=vertical]):host([action-bar-position=top]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}:host([position=start][layout=vertical]):host([action-bar-position=bottom]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}:host([position=end][layout=vertical]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-start:var(--calcite-internal-shell-panel-resize-handle-offset);block-size:100%}:host([position=end][layout=vertical]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-end:var(--calcite-internal-shell-panel-border)}:host([position=end][layout=vertical]):host([display-mode^=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=end][layout=vertical]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, var(--calcite-size-fixed-sm-plus));block-size:var(--calcite-internal-shell-panel-resize-handle-block-size, 100%);inset-inline-start:var(--calcite-internal-shell-panel-resize-handle-inset-inline-start, var(--calcite-internal-shell-panel-resize-handle-offset))}:host([position=end][layout=vertical]):host([action-bar-position=top]){--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( var(--calcite-internal-shell-panel-action-bar-height) * -1 )}:host([position=end][layout=vertical]):host([action-bar-position=top]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}:host([position=end][layout=vertical]):host([action-bar-position=bottom]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}:host([position=start][layout=horizontal]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-end:var(--calcite-internal-shell-panel-resize-handle-offset)}:host([position=start][layout=horizontal]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-start:var(--calcite-internal-shell-panel-border)}:host([position=start][layout=horizontal]):host([display-mode^=float]) .resize-handle-bar{border-end-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=start][layout=horizontal]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, 100%);inset-block-end:var(--calcite-internal-shell-panel-resize-handle-inset-block-end, var(--calcite-internal-shell-panel-resize-handle-offset))}:host([position=end][layout=horizontal]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-start:var(--calcite-internal-shell-panel-resize-handle-offset)}:host([position=end][layout=horizontal]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-end:var(--calcite-internal-shell-panel-border)}:host([position=end][layout=horizontal]):host([display-mode^=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-start-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=end][layout=horizontal]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, 100%);block-size:var(--calcite-internal-shell-panel-resize-handle-block-size, var(--calcite-size-fixed-xxl));inset-block-start:var(--calcite-internal-shell-panel-resize-handle-inset-block-start, var(--calcite-internal-shell-panel-resize-handle-offset))}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}.action-bar-container{pointer-events:auto;box-sizing:border-box;display:flex;flex:1 1 auto}.content-container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;align-items:stretch;align-self:stretch}:host([layout=horizontal]) .action-bar-container,:host([layout=horizontal]) .content-container{flex-direction:column}.content{pointer-events:auto;position:relative;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;padding:0;background-color:var(--calcite-shell-panel-background-color, var(--calcite-color-background));transition:max-block-size var(--calcite-animation-timing),max-inline-size var(--calcite-animation-timing)}:host([action-bar-position]) .content{padding-inline-start:var(--calcite-internal-shell-panel-content-padding-inline-start);padding-inline-end:var(--calcite-internal-shell-panel-content-padding-inline-end);padding-block-start:var(--calcite-internal-shell-panel-content-padding-block-start);padding-block-end:var(--calcite-internal-shell-panel-content-padding-block-end)}.content--action-bar-expanded{--calcite-internal-shell-panel-max-width: 100%}:host([layout=vertical]:not([display-mode=float-all])) .content{inline-size:var(--calcite-internal-shell-panel-width);max-inline-size:var(--calcite-internal-shell-panel-max-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=vertical][display-mode=float-all]) .content{inline-size:var(--calcite-internal-shell-panel-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=horizontal]) .content{block-size:var(--calcite-internal-shell-panel-height);max-block-size:var(--calcite-internal-shell-panel-max-height);min-block-size:var(--calcite-internal-shell-panel-min-height)}:host([resizable][layout=vertical][position=start]) .content{padding-inline-end:var(--calcite-internal-shell-panel-content-padding-inline-end, var(--calcite-size-fixed-sm-plus))}:host([resizable][layout=vertical][position=end]) .content{padding-inline-start:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=vertical][position=end]):host([action-bar-position]) .content{padding-inline-start:var(--calcite-internal-shell-panel-content-padding-inline-start, var(--calcite-size-fixed-sm-plus))}:host([resizable][layout=horizontal][position=start]) .content{padding-block-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=horizontal][position=start]):host([action-bar-position]) .content{padding-block-end:var(--calcite-internal-shell-panel-content-padding-block-end, var(--calcite-size-fixed-sm-plus))}:host([resizable][layout=horizontal][position=end]) .content{padding-block-start:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=horizontal][position=end]):host([action-bar-position]) .content{padding-block-start:var(--calcite-internal-shell-panel-content-padding-block-start, var(--calcite-size-fixed-sm-plus))}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.content--overlay{position:absolute;box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm))}:host([layout=vertical]) .content--overlay{inset-block-start:0px;block-size:100%}:host([layout=horizontal]) .content--overlay{inset-inline-start:0px;inline-size:100%}:host([layout=vertical][position=start]) .content--overlay{inset-inline-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-start)}:host([layout=vertical][position=end]) .content--overlay{inset-inline-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-end)}:host([layout=horizontal][position=start]) .content--overlay{inset-block-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-start)}:host([layout=horizontal][position=end]) .content--overlay{inset-block-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-end)}.float--content{margin-block-end:auto;block-size:auto;overflow:hidden;box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm));border-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));margin-inline:var(--calcite-spacing-sm);margin-block-start:var(--calcite-spacing-sm);max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) )}.float--content ::slotted(calcite-panel),.float--content ::slotted(calcite-flow){max-block-size:unset}:host([layout=horizontal]) .float--content{margin-block:var(--calcite-spacing-sm)}:host([position=start]) .float--content ::slotted(calcite-panel),:host([position=start]) .float--content ::slotted(calcite-flow),:host([position=end]) .float--content ::slotted(calcite-panel),:host([position=end]) .float--content ::slotted(calcite-flow){border-style:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([action-bar-position]) .content ::slotted(calcite-flow),:host([action-bar-position]) .content ::slotted(calcite-panel:not([closed])){border-inline-start:var(--calcite-internal-shell-panel-slotted-panel-border-inline-start, var(--calcite-internal-shell-panel-border));border-inline-end:var(--calcite-internal-shell-panel-slotted-panel-border-inline-end, var(--calcite-internal-shell-panel-border));border-block-start:var(--calcite-internal-shell-panel-slotted-panel-border-block-start, var(--calcite-internal-shell-panel-border));border-block-end:var(--calcite-internal-shell-panel-slotted-panel-border-block-end, var(--calcite-internal-shell-panel-border))}:host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar){border-block-start:var(--calcite-internal-shell-panel-action-bar-border-block-start);border-block-end:var(--calcite-internal-shell-panel-action-bar-border-block-end)}:host([position=start]:not([slot=panel-end])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-flow),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-panel),:host([position=end][slot=panel-start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]) .content ::slotted(calcite-flow),:host([position=end][slot=panel-start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([position=start]:not([slot=panel-end])):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline-start:var(--calcite-internal-shell-panel-action-bar-border-inline-start, none);border-inline-end:var(--calcite-internal-shell-panel-action-bar-border-inline-end);border-block-start:var(--calcite-internal-shell-panel-action-bar-border-block-start);border-block-end:var(--calcite-internal-shell-panel-action-bar-border-block-end)}:host([resizable][layout=vertical]) .content ::slotted(calcite-flow),:host([resizable][layout=vertical]) .content ::slotted(calcite-panel){border-inline-start:none;border-inline-end:none}:host([resizable][layout=vertical]):host([action-bar-position]) .content ::slotted(calcite-flow),:host([resizable][layout=vertical]):host([action-bar-position]) .content ::slotted(calcite-panel){border-inline-start:var(--calcite-internal-shell-panel-slotted-panel-border-inline-start, none);border-inline-end:var(--calcite-internal-shell-panel-slotted-panel-border-inline-end, none)}:host([resizable][layout=horizontal]) .content ::slotted(calcite-flow),:host([resizable][layout=horizontal]) .content ::slotted(calcite-panel){border-block-start:none;border-block-end:none}:host([resizable][layout=horizontal]):host([action-bar-position]) .content ::slotted(calcite-flow),:host([resizable][layout=horizontal]):host([action-bar-position]) .content ::slotted(calcite-panel){border-block-start:var(--calcite-internal-shell-panel-slotted-panel-border-block-start, none);border-block-end:var(--calcite-internal-shell-panel-slotted-panel-border-block-end, none)}:host([position=end]:not([slot=panel-start])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]) .content ::slotted(calcite-panel){border-inline-end:none}:host([position=end]:not([slot=panel-start])):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline-start:var(--calcite-internal-shell-panel-action-bar-border-inline-start);border-inline-end:var(--calcite-internal-shell-panel-action-bar-border-inline-end, none)}:host([position=end]:not([slot=panel-start])):host([action-bar-position]) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])):host([action-bar-position]) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]):host([action-bar-position]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]):host([action-bar-position]) .content ::slotted(calcite-panel){border-inline-start:var(--calcite-internal-shell-panel-slotted-panel-border-inline-start);border-inline-end:var(--calcite-internal-shell-panel-slotted-panel-border-inline-end, none)}:host([layout=horizontal]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline:0}:host([layout=horizontal][position=start]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=start]) .content ::slotted(calcite-panel){border-inline:0;border-block-start:0}:host([layout=horizontal][position=end]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=end]) .content ::slotted(calcite-panel){border-inline:0;border-block-end:0}:host([display-mode=dock]) .resize-handle-bar,:host([display-mode=float-all]) .resize-handle-bar,:host([display-mode=overlay]) .resize-handle-bar{border-block-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-block-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}:host([display-mode=dock]):host([action-bar-position]) .resize-handle-bar,:host([display-mode=float-all]):host([action-bar-position]) .resize-handle-bar,:host([display-mode=overlay]):host([action-bar-position]) .resize-handle-bar{border-inline-end:var(--calcite-internal-shell-panel-resize-handle-bar-border-inline-end, var(--calcite-border-width-sm) solid var(--calcite-color-border-3));border-block-start:var(--calcite-internal-shell-panel-resize-handle-bar-border-block-start, var(--calcite-border-width-sm) solid var(--calcite-color-border-3));border-block-end:var(--calcite-internal-shell-panel-resize-handle-bar-border-block-end, var(--calcite-border-width-sm) solid var(--calcite-color-border-3))}:host([action-bar-position]) ::slotted(calcite-action-bar){display:flex;flex:1 1 0}:host([action-bar-position=start][slot=panel-start]){--calcite-internal-shell-panel-action-bar-border-inline-start: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: 0;--calcite-internal-shell-panel-action-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( var(--calcite-internal-shell-panel-resize-handle-side-thickness) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=start][slot=panel-end]){--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-inline-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( calc( var(--calcite-internal-shell-panel-action-bar-width) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inset-inline-end: auto;--calcite-internal-shell-panel-content-padding-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=start][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-start]){--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-start: auto;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( calc( var(--calcite-internal-shell-panel-action-bar-width) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-container-padding-inline-end: 0;--calcite-internal-shell-panel-content-padding-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=end][slot=panel-start]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-end]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( var(--calcite-internal-shell-panel-resize-handle-side-thickness) * -1 );--calcite-internal-shell-panel-content-padding-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=end][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-content-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=top][slot=panel-start]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=top][slot=panel-start]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-inline-end: 0}:host([action-bar-position=top][slot=panel-end]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=top][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-inline-start: 0}:host([action-bar-position=bottom][slot=panel-start]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-content-padding-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=bottom][slot=panel-start]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=bottom][slot=panel-end]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=bottom][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-inline-start: 0}:host([action-bar-position=top][slot=panel-top]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=top][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( calc( var(--calcite-internal-shell-panel-action-bar-height) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 )}:host([action-bar-position=top][slot=panel-bottom]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-block-start: 0}:host([action-bar-position=bottom][slot=panel-top]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-inset-block-end: calc( calc( var(--calcite-internal-shell-panel-action-bar-height) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-content-padding-block-end: 0;--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=bottom][slot=panel-top]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=bottom][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border)}:host([action-bar-position=start][slot=panel-top]){--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inset-block-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-content-padding-block-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=start][slot=panel-top]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-top]){--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-resize-handle-inset-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-block-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-content-padding-block-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=end][slot=panel-top]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=start][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-internal-shell-panel-resize-handle-block-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=start][slot=panel-bottom]):host([resizable]){--calcite-internal-shell-panel-content-padding-block-start: 0;--calcite-internal-shell-panel-container-padding-block-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-resize-handle-inset-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-internal-shell-panel-resize-handle-block-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=end][slot=panel-bottom]):host([resizable]){--calcite-internal-shell-panel-content-padding-block-start: 0;--calcite-internal-shell-panel-container-padding-block-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([hidden]){display:none}[hidden]{display:none}`,E=class extends ${constructor(){super(),this.direction=D(),this.resizeHandleRef=A(),this.actionBarContainerResizeObserver=_("resize",()=>this.updateActionBarSize()),this.handleActionBarExpand=()=>{this.isActionBarExpanded=!0},this.handleActionBarCollapse=()=>{this.isActionBarExpanded=!1},this.contentRef=A(),this.messages=L(),this.sizeOverride=M({targetElement:this.contentRef,getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.resizeValues.maxInlineSize},block:{min:this.resizeValues.minBlockSize,max:this.resizeValues.maxBlockSize}}),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=p({cancelable:!1}),this.calciteInternalShellPanelResizableChange=p({cancelable:!1}),this.calciteInternalShellPanelResizeEnd=p({cancelable:!1}),this.calciteInternalShellPanelResizeStart=p({cancelable:!1}),this.calciteShellPanelCollapse=p({cancelable:!1}),this.calciteShellPanelExpand=p({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}],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:o,shiftKey:s}=e,{position:n,layout:a,resizable:r,contentRef:t,resizeValues:{maxBlockSize:v,maxInlineSize:m,minBlockSize:k,minInlineSize:u}}=this,y=[...a==="horizontal"?["ArrowUp","ArrowDown"]:["ArrowLeft","ArrowRight"],"Home","End"];if(!r||!t.value||o||!y.includes(l))return;let x=t.value.getBoundingClientRect(),R=this.direction==="rtl"?-1:1,d=s?P:V;switch(l){case"ArrowUp":this.updateSizeInternal({block:x.height+(a==="horizontal"&&n==="end"?d:-d)}),e.preventDefault();break;case"ArrowDown":this.updateSizeInternal({block:x.height+(a==="horizontal"&&n==="end"?-d:d)}),e.preventDefault();break;case"ArrowLeft":this.updateSizeInternal({inline:x.width+(a==="vertical"&&n==="end"?d:-d)*R}),e.preventDefault();break;case"ArrowRight":this.updateSizeInternal({inline:x.width+(a==="vertical"&&n==="end"?-d:d)*R}),e.preventDefault();break;case"Home":this.updateSizeInternal(a==="horizontal"?{block:k}:{inline:u}),e.preventDefault();break;case"End":this.updateSizeInternal(a==="horizontal"?{block:v}:{inline:m}),e.preventDefault();break}}cleanUpInteractions(){this.interaction?.unset()}updateResizeValues(){let{contentRef:e}=this;if(!e.value)return;let l=window.getComputedStyle(e.value);this.resizeValues={inlineSize:z(l.inlineSize),blockSize:z(l.blockSize),minInlineSize:z(l.minInlineSize),minBlockSize:z(l.minBlockSize),maxInlineSize:z(l.maxInlineSize)||window.innerWidth,maxBlockSize:z(l.maxBlockSize)||window.innerHeight}}async refreshResize(){await this.componentOnReady(),await this.updateComplete,this.updateResizeValues(),this.setUpResizeInteractions()}setUpResizeInteractions(){this.cleanUpInteractions();let{el:e,contentRef:l,resizable:o,position:s,collapsed:n,resizeHandleRef:a,layout:r}=this,t=a.value;if(!l.value||n||!o||!t)return;let v=this.direction==="rtl",m=this.resizeValues.minInlineSize===null||this.resizeValues.minBlockSize===null?void 0:{width:this.resizeValues.minInlineSize,height:this.resizeValues.minBlockSize},k=this.resizeValues.maxInlineSize===null||this.resizeValues.maxBlockSize===null?void 0:{width:this.resizeValues.maxInlineSize,height:this.resizeValues.maxBlockSize};this.interaction=C(l.value,{context:e.ownerDocument}).resizable({edges:{top:s==="end"&&r==="horizontal"?t:!1,right:s===(v?"end":"start")&&r==="vertical"?t:!1,bottom:s==="start"&&r==="horizontal"?t:!1,left:s===(v?"start":"end")&&r==="vertical"?t:!1},modifiers:[C.modifiers.restrictSize({min:m,max:k})],listeners:{resizestart:()=>{this.calciteInternalShellPanelResizeStart.emit()},resizeend:()=>{this.calciteInternalShellPanelResizeEnd.emit()},move:({rect:u})=>{let f=r==="horizontal";this.updateSize(f?{block:u.height}:{inline:u.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,o=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",`${o}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=O(e).find(o=>o.matches("calcite-action-bar"));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=U(e)}getResizeIcon(){let{layout:e}=this;return e==="horizontal"?K.dragVertical:K.dragHorizontal}syncActionBarExpandedState(e=this.actionBar){this.isActionBarExpanded=!!e?.expanded}renderHeader(){return g("header",h`<div class=${c(i.contentHeader)} .hidden=${!this.hasHeader}><slot name=${N.header} @slotchange=${this.handleHeaderSlotChange}></slot></div>`)}render(){let{collapsed:e,position:l,resizable:o,layout:s,displayMode:n,resizeValues:a}=this,r=this.direction,t=s==="horizontal",v=!e&&o?g("resize-handle",h`<div .ariaLabel=${this.messages.resize} .ariaOrientation=${t?"vertical":"horizontal"} .ariaValueMax=${S(t?"block":"inline",a.maxBlockSize,a.maxInlineSize)} .ariaValueMin=${S(t?"block":"inline",a.minBlockSize,a.minInlineSize)} .ariaValueNow=${S(t?"block":"inline",a.blockSize,a.inlineSize)} class=${c(i.resizeHandle)} @keydown=${this.handleKeyDown} role=separator tabindex=0 ${w(this.resizeHandleRef)}><div class=${c(i.resizeHandleBar)}><calcite-icon .icon=${this.getResizeIcon()} scale=s></calcite-icon></div></div>`):null,m=()=>s==="horizontal"?l==="start"?b.calciteAnimateInDown:b.calciteAnimateInUp:r==="ltr"&&l==="end"||r==="rtl"&&l==="start"?b.calciteAnimateInLeft:b.calciteAnimateInRight,k=h`<div class=${c(i.contentContainer)}>${g("content",h`<div class=${c({[b.rtl]:r==="rtl",[i.content]:!0,[i.contentActionBarExpanded]:this.isActionBarExpanded,[i.contentOverlay]:n==="overlay",[i.floatContent]:n==="float-content"||n==="float",[b.calciteAnimate]:n==="overlay",[m()]:n==="overlay",[I("width",this.width,this.widthScale)]:!!(this.width||this.widthScale),[I("height",this.height,this.heightScale)]:!!(this.height||this.heightScale)})} .hidden=${e} ${w(this.contentRef)}>${this.renderHeader()}<div class=${c(i.contentBody)}><slot></slot></div>${v}</div>`)}</div>`,u=g("action-bar-container",h`<div class=${c(i.actionBarContainer)} ${w(this.setActionBarContainerEl)}><slot name=${N.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot></div>`),f=this.actionBarPosition||l,y=[u,k];return(f==="end"||f==="bottom")&&y.reverse(),h`<div class=${c({[i.container]:!0,[i.floatAll]:n==="float-all"})}>${y}</div>`}};H("calcite-shell-panel",E);export{E as ShellPanel};
|
|
2
|
+
import{a as C,b as M}from"./EJ4Q77N6.js";import{a as I}from"./735UOYTJ.js";import{a as g}from"./RA3ZTRG2.js";import{a as S}from"./GZZYSINJ.js";import{a as _}from"./VI7SBYXT.js";import{a as L}from"./HIHNZASH.js";import{e as D}from"./XNTVXLSV.js";import"./S5W6RC6X.js";import{C as z,s as U,t as O}from"./QPZWBDRN.js";import{E as A,F as w,G as $,H as c,M as b,O as V,P,S as H,g as B,h,p}from"./5RP24S6I.js";var T=B`.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)}}`,i={container:"container",actionBarContainer:"action-bar-container",contentContainer:"content-container",content:"content",contentActionBarExpanded:"content--action-bar-expanded",contentHeader:"content__header",contentBody:"content__body",contentOverlay:"content--overlay",floatAll:"float-all",floatContent:"float--content",resizeHandle:"resize-handle",resizeHandleBar:"resize-handle-bar"},N={actionBar:"action-bar",header:"header"},K={dragVertical:"drag-resize-vertical",dragHorizontal:"drag-resize-horizontal"},Z=B`:host{pointer-events:none;position:relative;display:flex;flex:0 1 auto;align-items:stretch;z-index:var(--calcite-shell-panel-z-index, var(--calcite-z-index));--calcite-shell-panel-max-height: unset;--calcite-internal-shell-panel-shadow-block-start: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-block-end: 0 -4px 8px -1px rgba(0, 0, 0, .08), 0 -2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-start: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-border: var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3));--calcite-internal-shell-panel-resize-handle-thickness: var(--calcite-size-fixed-xxl);--calcite-internal-shell-panel-resize-handle-bar-thickness: var(--calcite-size-4xs);--calcite-internal-shell-panel-resize-handle-side-thickness: calc( var(--calcite-internal-shell-panel-resize-handle-thickness) - var( --calcite-internal-shell-panel-resize-handle-bar-thickness ) ) / 2}.calcite--rtl.content--overlay{--calcite-internal-shell-panel-shadow-inline-start: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04)}:host([layout=vertical]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index) + 1))}:host([layout=vertical][display-mode=overlay]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index-header) + 1))}:host([layout=vertical][display-mode=float-all]) .content{flex:2}:host([layout=vertical]:not([display-mode=float-all])) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 300px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][display-mode=float-all]) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical]:not([display-mode=float-all])) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 420px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][display-mode=float-all]) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical]:not([display-mode=float-all])) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 680px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=vertical][display-mode=float-all]) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=horizontal]) .content{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 30vh)}:host([layout=horizontal]) .height-s{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 20vh)}:host([layout=horizontal]) .height-l{--calcite-internal-shell-panel-height: var(--calcite-shell-panel-height);--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 40vh)}:host([display-mode=float-all][height=s]),:host([display-mode=float-all][height-scale=s]) .content{min-block-size:var(--calcite-shell-panel-height, 20vh)}:host([display-mode=float-all][height=m]),:host([display-mode=float-all][height-scale=m]) .content{min-block-size:var(--calcite-shell-panel-height, 30vh)}:host([display-mode=float-all][height=l]),:host([display-mode=float-all][height-scale=l]) .content{min-block-size:var(--calcite-shell-panel-height, 40vh)}.container{pointer-events:none;box-sizing:border-box;display:flex;block-size:100%;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-shell-panel-text-color, var(--calcite-color-text-2))}.container *{box-sizing:border-box}.container.float-all{margin-block:var(--calcite-spacing-sm);margin-inline:var(--calcite-spacing-sm)}:host([action-bar-position]) .container{flex-direction:var(--calcite-internal-shell-panel-container-flex-direction);padding-inline-start:var(--calcite-internal-shell-panel-container-padding-inline-start);padding-inline-end:var(--calcite-internal-shell-panel-container-padding-inline-end);padding-block-start:var(--calcite-internal-shell-panel-container-padding-block-start);padding-block-end:var(--calcite-internal-shell-panel-container-padding-block-end)}.float-all{max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) );box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm));border-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));overflow:hidden}:host([layout=vertical][position=start]) .float-all{border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-shell-panel-border-color, var(--calcite-color-border-3))}:host([layout=vertical][position=end]) .float-all{border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-shell-panel-border-color, var(--calcite-color-border-3)))}:host([layout=horizontal]) .float-all{border-inline:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-shell-panel-border-color, var(--calcite-color-border-3)))}:host([layout=horizontal]) .container{block-size:auto;inline-size:100%;flex-direction:column}:host([layout=horizontal]):host([action-bar-position]) .container{flex-direction:var(--calcite-internal-shell-panel-container-flex-direction, column)}.resize-handle{position:absolute;box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;outline:2px solid transparent;outline-offset:2px;--calcite-internal-shell-panel-resize-handle-offset: calc( (var(--calcite-size-fixed-xxl) - var(--calcite-size-fixed-sm-plus)) / 2 * -1 );inset-inline-start:var(--calcite-internal-shell-panel-resize-handle-inset-inline-start);inset-inline-end:var(--calcite-internal-shell-panel-resize-handle-inset-inline-end);inset-block-start:var(--calcite-internal-shell-panel-resize-handle-inset-block-start);inset-block-end:var(--calcite-internal-shell-panel-resize-handle-inset-block-end);z-index:var(--calcite-z-index-header);touch-action:none}.resize-handle:active .resize-handle-bar,.resize-handle:hover .resize-handle-bar{color:var(--calcite-shell-panel-resize-icon-color, var(--calcite-color-text-1));background-color:var(--calcite-shell-panel-resize-background-color, var(--calcite-color-foreground-3))}.resize-handle-bar{pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--calcite-shell-panel-resize-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-shell-panel-resize-background-color, var(--calcite-color-background))}.resize-handle:focus .resize-handle-bar{outline-color:transparent;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}:host([position=start][layout=vertical]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);block-size:100%;inset-inline-end:var(--calcite-internal-shell-panel-resize-handle-inset-inline-end, var(--calcite-internal-shell-panel-resize-handle-offset))}:host([position=start][layout=vertical]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-start:var(--calcite-internal-shell-panel-border)}:host([position=start][layout=vertical]):host([display-mode^=float]) .resize-handle-bar{border-start-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=start][layout=vertical]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, var(--calcite-size-fixed-sm-plus));block-size:var(--calcite-internal-shell-panel-resize-handle-block-size, 100%)}:host([position=start][layout=vertical]):host([action-bar-position]) .resize-handle-bar{border-inline-start:var(--calcite-internal-shell-panel-resize-handle-bar-border-inline-start, var(--calcite-internal-shell-panel-border))}:host([position=start][layout=vertical]):host([action-bar-position=top]){--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( var(--calcite-internal-shell-panel-action-bar-height) * -1 )}:host([position=start][layout=vertical]):host([action-bar-position=top]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}:host([position=start][layout=vertical]):host([action-bar-position=bottom]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}:host([position=end][layout=vertical]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-start:var(--calcite-internal-shell-panel-resize-handle-offset);block-size:100%}:host([position=end][layout=vertical]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-end:var(--calcite-internal-shell-panel-border)}:host([position=end][layout=vertical]):host([display-mode^=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=end][layout=vertical]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, var(--calcite-size-fixed-sm-plus));block-size:var(--calcite-internal-shell-panel-resize-handle-block-size, 100%);inset-inline-start:var(--calcite-internal-shell-panel-resize-handle-inset-inline-start, var(--calcite-internal-shell-panel-resize-handle-offset))}:host([position=end][layout=vertical]):host([action-bar-position=top]){--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( var(--calcite-internal-shell-panel-action-bar-height) * -1 )}:host([position=end][layout=vertical]):host([action-bar-position=top]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}:host([position=end][layout=vertical]):host([action-bar-position=bottom]) .resize-handle{block-size:calc(100% + var(--calcite-internal-shell-panel-action-bar-height))}:host([position=start][layout=horizontal]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-end:var(--calcite-internal-shell-panel-resize-handle-offset)}:host([position=start][layout=horizontal]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-start:var(--calcite-internal-shell-panel-border)}:host([position=start][layout=horizontal]):host([display-mode^=float]) .resize-handle-bar{border-end-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=start][layout=horizontal]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, 100%);inset-block-end:var(--calcite-internal-shell-panel-resize-handle-inset-block-end, var(--calcite-internal-shell-panel-resize-handle-offset))}:host([position=end][layout=horizontal]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-start:var(--calcite-internal-shell-panel-resize-handle-offset)}:host([position=end][layout=horizontal]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-end:var(--calcite-internal-shell-panel-border)}:host([position=end][layout=horizontal]):host([display-mode^=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-start-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=end][layout=horizontal]):host([action-bar-position]) .resize-handle{inline-size:var(--calcite-internal-shell-panel-resize-handle-inline-size, 100%);block-size:var(--calcite-internal-shell-panel-resize-handle-block-size, var(--calcite-size-fixed-xxl));inset-block-start:var(--calcite-internal-shell-panel-resize-handle-inset-block-start, var(--calcite-internal-shell-panel-resize-handle-offset))}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}.action-bar-container{pointer-events:auto;box-sizing:border-box;display:flex;flex:1 1 auto}.content-container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;align-items:stretch;align-self:stretch}:host([layout=horizontal]) .action-bar-container,:host([layout=horizontal]) .content-container{flex-direction:column}.content{pointer-events:auto;position:relative;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;padding:0;background-color:var(--calcite-shell-panel-background-color, var(--calcite-color-background));transition:max-block-size var(--calcite-animation-timing),max-inline-size var(--calcite-animation-timing)}:host([action-bar-position]) .content{padding-inline-start:var(--calcite-internal-shell-panel-content-padding-inline-start);padding-inline-end:var(--calcite-internal-shell-panel-content-padding-inline-end);padding-block-start:var(--calcite-internal-shell-panel-content-padding-block-start);padding-block-end:var(--calcite-internal-shell-panel-content-padding-block-end)}.content--action-bar-expanded{--calcite-internal-shell-panel-max-width: 100%}:host([layout=vertical]:not([display-mode=float-all])) .content{inline-size:var(--calcite-internal-shell-panel-width);max-inline-size:var(--calcite-internal-shell-panel-max-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=vertical][display-mode=float-all]) .content{inline-size:var(--calcite-internal-shell-panel-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=horizontal]) .content{block-size:var(--calcite-internal-shell-panel-height);max-block-size:var(--calcite-internal-shell-panel-max-height);min-block-size:var(--calcite-internal-shell-panel-min-height)}:host([resizable][layout=vertical][position=start]) .content{padding-inline-end:var(--calcite-internal-shell-panel-content-padding-inline-end, var(--calcite-size-fixed-sm-plus))}:host([resizable][layout=vertical][position=end]) .content{padding-inline-start:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=vertical][position=end]):host([action-bar-position]) .content{padding-inline-start:var(--calcite-internal-shell-panel-content-padding-inline-start, var(--calcite-size-fixed-sm-plus))}:host([resizable][layout=horizontal][position=start]) .content{padding-block-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=horizontal][position=start]):host([action-bar-position]) .content{padding-block-end:var(--calcite-internal-shell-panel-content-padding-block-end, var(--calcite-size-fixed-sm-plus))}:host([resizable][layout=horizontal][position=end]) .content{padding-block-start:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=horizontal][position=end]):host([action-bar-position]) .content{padding-block-start:var(--calcite-internal-shell-panel-content-padding-block-start, var(--calcite-size-fixed-sm-plus))}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.content--overlay{position:absolute;box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm))}:host([layout=vertical]) .content--overlay{inset-block-start:0px;block-size:100%}:host([layout=horizontal]) .content--overlay{inset-inline-start:0px;inline-size:100%}:host([layout=vertical][position=start]) .content--overlay{inset-inline-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-start)}:host([layout=vertical][position=end]) .content--overlay{inset-inline-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-end)}:host([layout=horizontal][position=start]) .content--overlay{inset-block-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-start)}:host([layout=horizontal][position=end]) .content--overlay{inset-block-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-end)}.float--content{margin-block-end:auto;block-size:auto;overflow:hidden;box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm));border-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));margin-inline:var(--calcite-spacing-sm);margin-block-start:var(--calcite-spacing-sm);max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) )}.float--content ::slotted(calcite-panel),.float--content ::slotted(calcite-flow){max-block-size:unset}:host([layout=horizontal]) .float--content{margin-block:var(--calcite-spacing-sm)}:host([position=start]) .float--content ::slotted(calcite-panel),:host([position=start]) .float--content ::slotted(calcite-flow),:host([position=end]) .float--content ::slotted(calcite-panel),:host([position=end]) .float--content ::slotted(calcite-flow){border-style:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([action-bar-position]) .content ::slotted(calcite-flow),:host([action-bar-position]) .content ::slotted(calcite-panel:not([closed])){border-inline-start:var(--calcite-internal-shell-panel-slotted-panel-border-inline-start, var(--calcite-internal-shell-panel-border));border-inline-end:var(--calcite-internal-shell-panel-slotted-panel-border-inline-end, var(--calcite-internal-shell-panel-border));border-block-start:var(--calcite-internal-shell-panel-slotted-panel-border-block-start, var(--calcite-internal-shell-panel-border));border-block-end:var(--calcite-internal-shell-panel-slotted-panel-border-block-end, var(--calcite-internal-shell-panel-border))}:host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar){border-block-start:var(--calcite-internal-shell-panel-action-bar-border-block-start);border-block-end:var(--calcite-internal-shell-panel-action-bar-border-block-end)}:host([position=start]:not([slot=panel-end])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-flow),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-panel),:host([position=end][slot=panel-start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]) .content ::slotted(calcite-flow),:host([position=end][slot=panel-start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([position=start]:not([slot=panel-end])):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline-start:var(--calcite-internal-shell-panel-action-bar-border-inline-start, none);border-inline-end:var(--calcite-internal-shell-panel-action-bar-border-inline-end);border-block-start:var(--calcite-internal-shell-panel-action-bar-border-block-start);border-block-end:var(--calcite-internal-shell-panel-action-bar-border-block-end)}:host([resizable][layout=vertical]) .content ::slotted(calcite-flow),:host([resizable][layout=vertical]) .content ::slotted(calcite-panel){border-inline-start:none;border-inline-end:none}:host([resizable][layout=vertical]):host([action-bar-position]) .content ::slotted(calcite-flow),:host([resizable][layout=vertical]):host([action-bar-position]) .content ::slotted(calcite-panel){border-inline-start:var(--calcite-internal-shell-panel-slotted-panel-border-inline-start, none);border-inline-end:var(--calcite-internal-shell-panel-slotted-panel-border-inline-end, none)}:host([resizable][layout=horizontal]) .content ::slotted(calcite-flow),:host([resizable][layout=horizontal]) .content ::slotted(calcite-panel){border-block-start:none;border-block-end:none}:host([resizable][layout=horizontal]):host([action-bar-position]) .content ::slotted(calcite-flow),:host([resizable][layout=horizontal]):host([action-bar-position]) .content ::slotted(calcite-panel){border-block-start:var(--calcite-internal-shell-panel-slotted-panel-border-block-start, none);border-block-end:var(--calcite-internal-shell-panel-slotted-panel-border-block-end, none)}:host([position=end]:not([slot=panel-start])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]) .content ::slotted(calcite-panel){border-inline-end:none}:host([position=end]:not([slot=panel-start])):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]):host([action-bar-position]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline-start:var(--calcite-internal-shell-panel-action-bar-border-inline-start);border-inline-end:var(--calcite-internal-shell-panel-action-bar-border-inline-end, none)}:host([position=end]:not([slot=panel-start])):host([action-bar-position]) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])):host([action-bar-position]) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]):host([action-bar-position]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]):host([action-bar-position]) .content ::slotted(calcite-panel){border-inline-start:var(--calcite-internal-shell-panel-slotted-panel-border-inline-start);border-inline-end:var(--calcite-internal-shell-panel-slotted-panel-border-inline-end, none)}:host([layout=horizontal]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline:0}:host([layout=horizontal][position=start]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=start]) .content ::slotted(calcite-panel){border-inline:0;border-block-start:0}:host([layout=horizontal][position=end]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=end]) .content ::slotted(calcite-panel){border-inline:0;border-block-end:0}:host([display-mode=dock]) .resize-handle-bar,:host([display-mode=float-all]) .resize-handle-bar,:host([display-mode=overlay]) .resize-handle-bar{border-block-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-block-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}:host([display-mode=dock]):host([action-bar-position]) .resize-handle-bar,:host([display-mode=float-all]):host([action-bar-position]) .resize-handle-bar,:host([display-mode=overlay]):host([action-bar-position]) .resize-handle-bar{border-inline-end:var(--calcite-internal-shell-panel-resize-handle-bar-border-inline-end, var(--calcite-border-width-sm) solid var(--calcite-color-border-3));border-block-start:var(--calcite-internal-shell-panel-resize-handle-bar-border-block-start, var(--calcite-border-width-sm) solid var(--calcite-color-border-3));border-block-end:var(--calcite-internal-shell-panel-resize-handle-bar-border-block-end, var(--calcite-border-width-sm) solid var(--calcite-color-border-3))}:host([action-bar-position]) ::slotted(calcite-action-bar){display:flex;flex:1 1 0}:host([action-bar-position=start][slot=panel-start]){--calcite-internal-shell-panel-action-bar-border-inline-start: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: 0;--calcite-internal-shell-panel-action-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( var(--calcite-internal-shell-panel-resize-handle-side-thickness) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=start][slot=panel-end]){--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-inline-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( calc( var(--calcite-internal-shell-panel-action-bar-width) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inset-inline-end: auto;--calcite-internal-shell-panel-content-padding-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=start][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-start]){--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-start: auto;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( calc( var(--calcite-internal-shell-panel-action-bar-width) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-container-padding-inline-end: 0;--calcite-internal-shell-panel-content-padding-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=end][slot=panel-start]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-end]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( var(--calcite-internal-shell-panel-resize-handle-side-thickness) * -1 );--calcite-internal-shell-panel-content-padding-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=end][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-content-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=top][slot=panel-start]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=top][slot=panel-start]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-inline-end: 0}:host([action-bar-position=top][slot=panel-end]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=top][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-inline-start: 0}:host([action-bar-position=bottom][slot=panel-start]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-content-padding-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=bottom][slot=panel-start]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=bottom][slot=panel-end]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: column;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=bottom][slot=panel-end]):host([resizable]){--calcite-internal-shell-panel-container-padding-inline-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-inline-start: 0}:host([action-bar-position=top][slot=panel-top]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=top][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( calc( var(--calcite-internal-shell-panel-action-bar-height) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 )}:host([action-bar-position=top][slot=panel-bottom]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness );--calcite-internal-shell-panel-content-padding-block-start: 0}:host([action-bar-position=bottom][slot=panel-top]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-inset-block-end: calc( calc( var(--calcite-internal-shell-panel-action-bar-height) + var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-content-padding-block-end: 0;--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=bottom][slot=panel-top]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=bottom][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border)}:host([action-bar-position=start][slot=panel-top]){--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inset-block-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-content-padding-block-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=start][slot=panel-top]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-top]){--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-slotted-panel-border-block-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-resize-handle-inset-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-block-end: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-content-padding-block-end: 0;--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-shell-panel-z-index: var(--calcite-z-index-sticky)}:host([action-bar-position=end][slot=panel-top]):host([resizable]){--calcite-internal-shell-panel-container-padding-block-end: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=start][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-end: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-resize-handle-inset-inline-start: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-inline-end: 0;--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-internal-shell-panel-resize-handle-block-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=start][slot=panel-bottom]):host([resizable]){--calcite-internal-shell-panel-content-padding-block-start: 0;--calcite-internal-shell-panel-container-padding-block-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([action-bar-position=end][slot=panel-bottom]){--calcite-internal-shell-panel-resize-handle-bar-border-inline-end: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-start: 0;--calcite-internal-shell-panel-resize-handle-bar-border-block-end: 0;--calcite-internal-shell-panel-action-bar-border-inline-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-action-bar-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-slotted-panel-border-block-start: var(--calcite-internal-shell-panel-border);--calcite-internal-shell-panel-container-flex-direction: row;--calcite-internal-shell-panel-resize-handle-inset-inline-start: 0;--calcite-internal-shell-panel-resize-handle-inset-inline-end: calc( var(--calcite-internal-shell-panel-action-bar-width) * -1 );--calcite-internal-shell-panel-resize-handle-inset-block-start: calc( calc( var(--calcite-internal-shell-panel-resize-handle-bar-thickness) + var(--calcite-internal-shell-panel-resize-handle-side-thickness) ) * -1 );--calcite-internal-shell-panel-resize-handle-inline-size: auto;--calcite-internal-shell-panel-resize-handle-block-size: var(--calcite-size-fixed-xxl)}:host([action-bar-position=end][slot=panel-bottom]):host([resizable]){--calcite-internal-shell-panel-content-padding-block-start: 0;--calcite-internal-shell-panel-container-padding-block-start: var( --calcite-internal-shell-panel-resize-handle-bar-thickness )}:host([hidden]){display:none}[hidden]{display:none}`,E=class extends ${constructor(){super(),this.direction=D(),this.resizeHandleRef=A(),this.actionBarContainerResizeObserver=_("resize",()=>this.updateActionBarSize()),this.handleActionBarExpand=()=>{this.isActionBarExpanded=!0},this.handleActionBarCollapse=()=>{this.isActionBarExpanded=!1},this.contentRef=A(),this.messages=L(),this.sizeOverride=M({targetElement:this.contentRef,getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.resizeValues.maxInlineSize},block:{min:this.resizeValues.minBlockSize,max:this.resizeValues.maxBlockSize}}),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=p({cancelable:!1}),this.calciteInternalShellPanelResizableChange=p({cancelable:!1}),this.calciteInternalShellPanelResizeEnd=p({cancelable:!1}),this.calciteInternalShellPanelResizeStart=p({cancelable:!1}),this.calciteShellPanelCollapse=p({cancelable:!1}),this.calciteShellPanelExpand=p({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}],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:o,shiftKey:s}=e,{position:n,layout:a,resizable:r,contentRef:t,resizeValues:{maxBlockSize:v,maxInlineSize:m,minBlockSize:k,minInlineSize:u}}=this,y=[...a==="horizontal"?["ArrowUp","ArrowDown"]:["ArrowLeft","ArrowRight"],"Home","End"];if(!r||!t.value||o||!y.includes(l))return;let x=t.value.getBoundingClientRect(),R=this.direction==="rtl"?-1:1,d=s?P:V;switch(l){case"ArrowUp":this.updateSizeInternal({block:x.height+(a==="horizontal"&&n==="end"?d:-d)}),e.preventDefault();break;case"ArrowDown":this.updateSizeInternal({block:x.height+(a==="horizontal"&&n==="end"?-d:d)}),e.preventDefault();break;case"ArrowLeft":this.updateSizeInternal({inline:x.width+(a==="vertical"&&n==="end"?d:-d)*R}),e.preventDefault();break;case"ArrowRight":this.updateSizeInternal({inline:x.width+(a==="vertical"&&n==="end"?-d:d)*R}),e.preventDefault();break;case"Home":this.updateSizeInternal(a==="horizontal"?{block:k}:{inline:u}),e.preventDefault();break;case"End":this.updateSizeInternal(a==="horizontal"?{block:v}:{inline:m}),e.preventDefault();break}}cleanUpInteractions(){this.interaction?.unset()}updateResizeValues(){let{contentRef:e}=this;if(!e.value)return;let l=window.getComputedStyle(e.value);this.resizeValues={inlineSize:z(l.inlineSize),blockSize:z(l.blockSize),minInlineSize:z(l.minInlineSize),minBlockSize:z(l.minBlockSize),maxInlineSize:z(l.maxInlineSize)||window.innerWidth,maxBlockSize:z(l.maxBlockSize)||window.innerHeight}}async refreshResize(){await this.componentOnReady(),await this.updateComplete,this.updateResizeValues(),this.setUpResizeInteractions()}setUpResizeInteractions(){this.cleanUpInteractions();let{el:e,contentRef:l,resizable:o,position:s,collapsed:n,resizeHandleRef:a,layout:r}=this,t=a.value;if(!l.value||n||!o||!t)return;let v=this.direction==="rtl",m=this.resizeValues.minInlineSize===null||this.resizeValues.minBlockSize===null?void 0:{width:this.resizeValues.minInlineSize,height:this.resizeValues.minBlockSize},k=this.resizeValues.maxInlineSize===null||this.resizeValues.maxBlockSize===null?void 0:{width:this.resizeValues.maxInlineSize,height:this.resizeValues.maxBlockSize};this.interaction=C(l.value,{context:e.ownerDocument}).resizable({edges:{top:s==="end"&&r==="horizontal"?t:!1,right:s===(v?"end":"start")&&r==="vertical"?t:!1,bottom:s==="start"&&r==="horizontal"?t:!1,left:s===(v?"start":"end")&&r==="vertical"?t:!1},modifiers:[C.modifiers.restrictSize({min:m,max:k})],listeners:{resizestart:()=>{this.calciteInternalShellPanelResizeStart.emit()},resizeend:()=>{this.calciteInternalShellPanelResizeEnd.emit()},move:({rect:u})=>{let f=r==="horizontal";this.updateSize(f?{block:u.height}:{inline:u.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,o=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",`${o}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=O(e).find(o=>o.matches("calcite-action-bar"));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=U(e)}getResizeIcon(){let{layout:e}=this;return e==="horizontal"?K.dragVertical:K.dragHorizontal}syncActionBarExpandedState(e=this.actionBar){this.isActionBarExpanded=!!e?.expanded}renderHeader(){return g("header",h`<div class=${c(i.contentHeader)} .hidden=${!this.hasHeader}><slot name=${N.header} @slotchange=${this.handleHeaderSlotChange}></slot></div>`)}render(){let{collapsed:e,position:l,resizable:o,layout:s,displayMode:n,resizeValues:a}=this,r=this.direction,t=s==="horizontal",v=!e&&o?g("resize-handle",h`<div .ariaLabel=${this.messages.resize} .ariaOrientation=${t?"vertical":"horizontal"} .ariaValueMax=${S(t?"block":"inline",a.maxBlockSize,a.maxInlineSize)} .ariaValueMin=${S(t?"block":"inline",a.minBlockSize,a.minInlineSize)} .ariaValueNow=${S(t?"block":"inline",a.blockSize,a.inlineSize)} class=${c(i.resizeHandle)} @keydown=${this.handleKeyDown} role=separator tabindex=0 ${w(this.resizeHandleRef)}><div class=${c(i.resizeHandleBar)}><calcite-icon .icon=${this.getResizeIcon()} scale=s></calcite-icon></div></div>`):null,m=()=>s==="horizontal"?l==="start"?b.calciteAnimateInDown:b.calciteAnimateInUp:r==="ltr"&&l==="end"||r==="rtl"&&l==="start"?b.calciteAnimateInLeft:b.calciteAnimateInRight,k=h`<div class=${c(i.contentContainer)}>${g("content",h`<div class=${c({[b.rtl]:r==="rtl",[i.content]:!0,[i.contentActionBarExpanded]:this.isActionBarExpanded,[i.contentOverlay]:n==="overlay",[i.floatContent]:n==="float-content"||n==="float",[b.calciteAnimate]:n==="overlay",[m()]:n==="overlay",[I("width",this.width,this.widthScale)]:!!(this.width||this.widthScale),[I("height",this.height,this.heightScale)]:!!(this.height||this.heightScale)})} .hidden=${e} ${w(this.contentRef)}>${this.renderHeader()}<div class=${c(i.contentBody)}><slot></slot></div>${v}</div>`)}</div>`,u=g("action-bar-container",h`<div class=${c(i.actionBarContainer)} ${w(this.setActionBarContainerEl)}><slot name=${N.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot></div>`),f=this.actionBarPosition||l,y=[u,k];return(f==="end"||f==="bottom")&&y.reverse(),h`<div class=${c({[i.container]:!0,[i.floatAll]:n==="float-all"})}>${y}</div>`}};H("calcite-shell-panel",E);export{E as ShellPanel};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as t,b as $}from"./Q24FQVQ4.js";import{a as I}from"./
|
|
2
|
+
import{a as t,b as $}from"./Q24FQVQ4.js";import{a as I}from"./GVQVBOVP.js";import{b as y}from"./GZZYSINJ.js";import{a as k}from"./62XMTWRN.js";import{a as s}from"./ZWPNZ5XW.js";import"./XNTVXLSV.js";import"./S5W6RC6X.js";import"./QPZWBDRN.js";import{E as v,F as g,G as b,H as o,J as l,K as w,S as x,g as f,h as i,p as r}from"./5RP24S6I.js";var q=f`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;flex-grow:1;align-items:center;outline:2px solid transparent;outline-offset:2px}.container{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;text-decoration-line:none;color:var(--calcite-dropdown-item-text-color, var(--calcite-color-text-1));text-align:start}.container a{outline:none;position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;text-decoration-line:none;color:var(--calcite-dropdown-item-text-color, var(--calcite-color-text-1))}.content{flex:1 1 auto}.icon{position:relative;opacity:0;transition-timing-function:cubic-bezier(.4,0,.2,1);transform:scale(.9)}.icon--start,.icon--end{--calcite-icon-color: var(--calcite-dropdown-item-text-color, var(--calcite-color-text-3))}:host([scale=s]) .container{padding-block:.25rem;padding-inline:.5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host([scale=s]) .icon,:host([scale=s]) .icon--start{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .icon--end{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .container{padding-block:.5rem;padding-inline:.75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=m]) .icon,:host([scale=m]) .icon--start{padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .icon--end{padding-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .container{padding-block:var(--calcite-space-sm-plus);padding-inline:1rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([scale=l]) .icon,:host([scale=l]) .icon--start{padding-inline-end:var(--calcite-spacing-lg)}:host([scale=l]) .icon--end{padding-inline-start:var(--calcite-spacing-lg)}:host(:focus) .container,:host([active-descendant]) .container{text-decoration-line:none;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:hover:not([disabled])) .container{background-color:var(--calcite-dropdown-item-background-color-hover, var(--calcite-color-foreground-2))}:host(:active:not([disabled])) .container{background-color:var(--calcite-dropdown-item-background-color-press, var(--calcite-color-foreground-3))}:host(:hover:not([disabled])) .container,:host(:active:not([disabled])) .container{text-decoration-line:none;color:var(--calcite-dropdown-item-text-color-press, var(--calcite-color-text-1))}:host(:hover:not([disabled])) .icon--start,:host(:hover:not([disabled])) .icon--end,:host(:active:not([disabled])) .icon--start,:host(:active:not([disabled])) .icon--end{--calcite-icon-color: var(--calcite-dropdown-item-text-color-press, var(--calcite-color-text-1))}:host(:hover:not([disabled])) .link,:host(:active:not([disabled])) .link{color:var(--calcite-dropdown-item-text-color-press, var(--calcite-color-text-1))}:host([selected]) .container:not(.container--none-selection),:host([selected]) .link{font-weight:var(--calcite-font-weight-medium);--calcite-internal-dropdown-item-text-color: var( --calcite-dropdown-item-text-color-press, var(--calcite-color-text-1) );color:var(--calcite-internal-dropdown-item-text-color)}:host([selected]) .container:not(.container--none-selection) .icon,:host([selected]) .link .icon{--calcite-icon-color: var(--calcite-dropdown-item-icon-color-press, var(--calcite-color-brand))}:host([selected]) .container:not(.container--none-selection) .icon--start,:host([selected]) .container:not(.container--none-selection) .icon--end,:host([selected]) .link .icon--start,:host([selected]) .link .icon--end{--calcite-icon-color: var(--calcite-internal-dropdown-item-text-color)}:host(:hover:not([disabled])) .icon{--calcite-icon-color: var(--calcite-dropdown-item-icon-color-hover)}:host([selected]) .icon{opacity:1}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,d=class extends b{constructor(){super(),this.childLinkRef=v(),this.focusSetter=k()(this),this.interactiveContainer=I(this),this.disabled=!1,this.activeDescendant=!1,this.scale="m",this.selected=!1,this.selectionMode="single",this.calciteDropdownItemSelect=r({cancelable:!1}),this.calciteInternalDropdownItemSelect=r({cancelable:!1}),this.listen("click",this.onClick),this.listenOn(document.body,"calciteInternalDropdownItemChange",this.updateActiveItemOnChange)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],activeDescendant:[7,{},{reflect:!0,type:Boolean}],href:[3,{},{reflect:!0}],iconEnd:[3,{type:String},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{type:String},{reflect:!0}],label:1,rel:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:1,target:[3,{},{reflect:!0}]}}static{this.styles=q}async setFocus(e){return this.focusSetter(()=>this.el,e)}async activateItem(){if(!this.disabled){if(this.href){this.childLinkRef.value?.click();return}this.emitRequestedItem()}}connectedCallback(){super.connectedCallback(),this.initialize()}load(){this.initialize()}onClick(){this.emitRequestedItem()}updateActiveItemOnChange(e){this.parentDropdownGroupEl&&e.composedPath().includes(this.parentDropdownGroupEl)&&(this.requestedDropdownGroup=e.detail.requestedDropdownGroup,this.requestedDropdownItem=e.detail.requestedDropdownItem,this.determineActiveItem()),e.stopPropagation()}initialize(){this.parentDropdownGroupEl=this.el.closest("calcite-dropdown-group")??void 0,this.selectionMode==="none"&&(this.selected=!1)}determineActiveItem(){switch(this.selectionMode){case"multiple":this.el===this.requestedDropdownItem&&(this.selected=!this.selected);break;case"single":this.el===this.requestedDropdownItem?this.selected=!0:this.requestedDropdownGroup===this.parentDropdownGroupEl&&(this.selected=!1);break;case"none":this.selected=!1;break}}emitRequestedItem(){this.calciteDropdownItemSelect.emit(),this.calciteInternalDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})}render(){let{href:e,selectionMode:c,label:h,iconFlipRtl:n}=this,p=i`<calcite-icon class=${o(t.iconStart)} .flipRtl=${n==="start"||n==="both"} .icon=${this.iconStart} .scale=${s(this.scale)}></calcite-icon>`,a=i`<span class=${o(t.itemContent)}><slot></slot></span>`,m=i`<calcite-icon class=${o(t.iconEnd)} .flipRtl=${n==="end"||n==="both"} .icon=${this.iconEnd} .scale=${s(this.scale)}></calcite-icon>`,u=this.iconStart&&this.iconEnd?[p,a,m]:this.iconStart?[p,a]:this.iconEnd?[a,m]:a,D=e?i`<a .ariaLabel=${h} class=${o(t.link)} href=${e??l} rel=${this.rel??l} tabindex=-1 target=${this.target??l} ${g(this.childLinkRef)}>${u}</a>`:u,E=e?null:c==="single"?"menuitemradio":c==="multiple"?"menuitemcheckbox":"menuitem",S=c!=="none"?y(this.selected):null,{disabled:C}=this;return this.el.ariaChecked=S,this.el.ariaLabel=e?"":h??null,this.el.role=E,w(this.el,"tabIndex",-1),this.interactiveContainer({disabled:C,children:i`<div class=${o({[t.container]:!0,[t.containerNone]:c==="none"})}>${c!=="none"?i`<calcite-icon class=${o(t.icon)} .icon=${$.check} .scale=${s(this.scale)}></calcite-icon>`:null}${D}</div>`})}};x("calcite-dropdown-item",d);export{d as DropdownItem};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as d}from"./VI7SBYXT.js";import{a as h}from"./
|
|
2
|
+
import{a as d}from"./VI7SBYXT.js";import{a as h}from"./HIHNZASH.js";import"./XNTVXLSV.js";import"./S5W6RC6X.js";import{p as m}from"./QPZWBDRN.js";import{E as l,F as r,G as o,H as s,S as c,g as a,h as t}from"./5RP24S6I.js";var f={scrim:"scrim",content:"content"},u={s:72,l:480},b=a`:host{position:absolute;inset:0;z-index:var(--calcite-z-index-overlay);display:flex;block-size:100%;inline-size:100%;flex-direction:column;align-items:stretch}@keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity: 0 }to{--tw-text-opacity: 1 }}.scrim{position:absolute;inset:0;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background, var(--calcite-color-transparent-scrim))}.content{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}`,i=class extends o{constructor(){super(...arguments),this.loaderRef=l(),this.resizeObserver=d("resize",()=>this.handleResize()),this.messages=h(),this.hasContent=!1,this.loading=!1}static{this.properties={hasContent:[16,{},{state:!0}],loaderScale:[16,{},{state:!0}],loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}]}}static{this.styles=b}connectedCallback(){super.connectedCallback(),this.resizeObserver?.observe(this.el)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}handleDefaultSlotChange(e){this.hasContent=m(e)}getScale(e){return e<u.s?"s":e>=u.l?"l":"m"}handleResize(){let{el:e}=this;this.loaderScale=this.getScale(Math.min(e.clientHeight,e.clientWidth)??0)}render(){let{hasContent:e,loading:p,loaderScale:n,messages:g}=this;return t`<div class=${s(f.scrim)}>${p&&n?t`<calcite-loader .label=${g.loading} .scale=${n} ${r(this.loaderRef)}></calcite-loader>`:null}<div class=${s(f.content)} .hidden=${!e}><slot @slotchange=${this.handleDefaultSlotChange}></slot></div></div>`}};c("calcite-scrim",i);export{i as Scrim};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{M as v}from"./
|
|
2
|
+
import{M as v}from"./5RP24S6I.js";var B=["input:not([inert]):not([inert] *)","select:not([inert]):not([inert] *)","textarea:not([inert]):not([inert] *)","a[href]:not([inert]):not([inert] *)","area[href]:not([inert]):not([inert] *)","button:not([inert]):not([inert] *)","[tabindex]:not(slot):not([inert]):not([inert] *)","audio[controls]:not([inert]):not([inert] *)","video[controls]:not([inert]):not([inert] *)",'[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)',"details>summary:first-of-type:not([inert]):not([inert] *)","details:not([inert]):not([inert] *)"],p=B.join(","),I=typeof Element>"u",d=I?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,b=!I&&Element.prototype.getRootNode?function(e){var t;return e==null||(t=e.getRootNode)===null||t===void 0?void 0:t.call(e)}:function(e){return e?.ownerDocument},g=function(t,r){var n;r===void 0&&(r=!0);var i=t==null||(n=t.getAttribute)===null||n===void 0?void 0:n.call(t,"inert"),o=i===""||i==="true",a=o||r&&t&&(typeof t.closest=="function"?t.closest("[inert]"):g(t.parentNode));return a},L=function(t){var r,n=t==null||(r=t.getAttribute)===null||r===void 0?void 0:r.call(t,"contenteditable");return n===""||n==="true"},x=function(t,r,n){if(g(t))return[];var i=Array.prototype.slice.apply(t.querySelectorAll(p));return r&&d.call(t,p)&&i.unshift(t),i=i.filter(n),i},y=function(t,r,n){for(var i=[],o=Array.from(t);o.length;){var a=o.shift();if(!g(a,!1))if(a.tagName==="SLOT"){var s=a.assignedElements(),c=s.length?s:a.children,u=y(c,!0,n);n.flatten?i.push.apply(i,u):i.push({scopeParent:a,candidates:u})}else{var f=d.call(a,p);f&&n.filter(a)&&(r||!t.includes(a))&&i.push(a);var l=a.shadowRoot||typeof n.getShadowRoot=="function"&&n.getShadowRoot(a),h=!g(l,!1)&&(!n.shadowRootFilter||n.shadowRootFilter(a));if(l&&h){var T=y(l===!0?a.children:l.children,!0,n);n.flatten?i.push.apply(i,T):i.push({scopeParent:a,candidates:T})}else o.unshift.apply(o,a.children)}}return i},A=function(t){return!isNaN(parseInt(t.getAttribute("tabindex"),10))},R=function(t){if(!t)throw new Error("No node provided");return t.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName)||L(t))&&!A(t)?0:t.tabIndex},q=function(t,r){var n=R(t);return n<0&&r&&!A(t)?0:n},W=function(t,r){return t.tabIndex===r.tabIndex?t.documentOrder-r.documentOrder:t.tabIndex-r.tabIndex},F=function(t){return t.tagName==="INPUT"},U=function(t){return F(t)&&t.type==="hidden"},G=function(t){var r=t.tagName==="DETAILS"&&Array.prototype.slice.apply(t.children).some(function(n){return n.tagName==="SUMMARY"});return r},V=function(t,r){for(var n=0;n<t.length;n++)if(t[n].checked&&t[n].form===r)return t[n]},$=function(t){if(!t.name)return!0;var r=t.form||b(t),n=function(s){return r.querySelectorAll('input[type="radio"][name="'+s+'"]')},i;if(typeof window<"u"&&typeof window.CSS<"u"&&typeof window.CSS.escape=="function")i=n(window.CSS.escape(t.name));else try{i=n(t.name)}catch(a){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",a.message),!1}var o=V(i,t.form);return!o||o===t},j=function(t){return F(t)&&t.type==="radio"},z=function(t){return j(t)&&!$(t)},X=function(t){var r,n=t&&b(t),i=(r=n)===null||r===void 0?void 0:r.host,o=!1;if(n&&n!==t){var a,s,c;for(o=!!((a=i)!==null&&a!==void 0&&(s=a.ownerDocument)!==null&&s!==void 0&&s.contains(i)||t!=null&&(c=t.ownerDocument)!==null&&c!==void 0&&c.contains(t));!o&&i;){var u,f,l;n=b(i),i=(u=n)===null||u===void 0?void 0:u.host,o=!!((f=i)!==null&&f!==void 0&&(l=f.ownerDocument)!==null&&l!==void 0&&l.contains(i))}}return o},w=function(t){var r=t.getBoundingClientRect(),n=r.width,i=r.height;return n===0&&i===0},H=function(t,r){var n=r.displayCheck,i=r.getShadowRoot;if(n==="full-native"&&"checkVisibility"in t){var o=t.checkVisibility({checkOpacity:!1,opacityProperty:!1,contentVisibilityAuto:!0,visibilityProperty:!0,checkVisibilityCSS:!0});return!o}var a=getComputedStyle(t),s=a.visibility;if(s==="hidden"||s==="collapse")return!0;var c=d.call(t,"details>summary:first-of-type"),u=c?t.parentElement:t;if(d.call(u,"details:not([open]) *"))return!0;if(!n||n==="full"||n==="full-native"||n==="legacy-full"){if(typeof i=="function"){for(var f=t;t;){var l=t.parentElement,h=b(t);if(l&&!l.shadowRoot&&i(l)===!0)return w(t);t.assignedSlot?t=t.assignedSlot:!l&&h!==t.ownerDocument?t=h.host:t=l}t=f}if(X(t))return!t.getClientRects().length;if(n!=="legacy-full")return!0}else if(n==="non-zero-area")return w(t);return!1},Y=function(t){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))for(var r=t.parentElement;r;){if(r.tagName==="FIELDSET"&&r.disabled){for(var n=0;n<r.children.length;n++){var i=r.children.item(n);if(i.tagName==="LEGEND")return d.call(r,"fieldset[disabled] *")?!0:!i.contains(t)}return!0}r=r.parentElement}return!1},S=function(t,r){return!(r.disabled||U(r)||H(r,t)||G(r)||Y(r))},C=function(t,r){return!(z(r)||R(r)<0||!S(t,r))},Z=function(t){var r=parseInt(t.getAttribute("tabindex"),10);return!!(isNaN(r)||r>=0)},O=function(t){var r=[],n=[];return t.forEach(function(i,o){var a=!!i.scopeParent,s=a?i.scopeParent:i,c=q(s,a),u=a?O(i.candidates):s;c===0?a?r.push.apply(r,u):r.push(s):n.push({documentOrder:o,tabIndex:c,item:i,isScope:a,content:u})}),n.sort(W).reduce(function(i,o){return o.isScope?i.push.apply(i,o.content):i.push(o.content),i},[]).concat(r)},K=function(t,r){r=r||{};var n;return r.getShadowRoot?n=y([t],r.includeContainer,{filter:C.bind(null,r),flatten:!1,getShadowRoot:r.getShadowRoot,shadowRootFilter:Z}):n=x(t,r.includeContainer,C.bind(null,r)),O(n)},J=function(t,r){r=r||{};var n;return r.getShadowRoot?n=y([t],r.includeContainer,{filter:S.bind(null,r),flatten:!0,getShadowRoot:r.getShadowRoot}):n=x(t,r.includeContainer,S.bind(null,r)),n},k={getShadowRoot:!0};function vt(e){return Array.isArray(e)?e:Array.from(e)}function bt(e){let t=M(e,`.${v.darkMode}, .${v.lightMode}, .${v.autoMode}`);return t?.classList.contains("calcite-mode-dark")||t?.classList.contains("calcite-mode-auto")&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}function gt(e){return e?parseFloat(getComputedStyle(e).inlineSize):0}function m(e){return e.getRootNode()}function yt(e){let t=m(e);return"host"in t?t:null}function pt(e,t){if(!e)return 0;let n=document.createElement("canvas").getContext("2d");return n.font=t,n.measureText(e).width}function D(e){return e.host||null}function Q(e,{selector:t,id:r}){if(!e)return null;e.assignedSlot&&(e=e.assignedSlot);let n=m(e),i=r?"getElementById"in n?n.getElementById(r):null:t?n.querySelector(t):null;if(i)return i;let o=D(n);return o?Q(o,{selector:t,id:r}):null}function M(e,t){if(!e)return null;let r=e.closest(t);if(r)return r;let n=D(m(e));return n?M(n,t):null}function _(e){return typeof e?.setFocus=="function"}async function tt(e,t=!1,r="tabbable",n,i){return e?_(e)&&n!==e?e.setFocus(i):(r==="tabbable"?rt:it)(e,t,i):void 0}function et(e,t){if(e)return K(e,{...k,includeContainer:t})[0]??e}function rt(e,t,r){et(e,t)?.focus(r)}function nt(e,t){if(e)return J(e,{...k,includeContainer:t})[0]??e}function it(e,t,r){nt(e,t)?.focus(r)}function St(e,t){return Array.from(e.children).filter(r=>r.matches(t))}function at(e,t){return e.filter(r=>r.matches(t))}function mt(e,t,r){if(typeof t=="string"&&t!=="")return t;if(t===""||t===!0)return e[r]}function Tt(e,t){return!(t.left>e.right||t.right<e.left||t.top>e.bottom||t.bottom<e.top)}function wt(e){return lt(e)||ut(e)}function ot(e){return st(e).filter(t=>t.nodeType===Node.TEXT_NODE).map(t=>t.textContent).join("").trim()}function Ct(e){for(let t of e.childNodes)if(t.nodeType===Node.TEXT_NODE&&t.textContent?.trim()!==""||t.nodeType===Node.ELEMENT_NODE)return!0;return!1}function ut(e){return!!ot(e)}function st(e){return e.currentTarget.assignedNodes({flatten:!0})}function lt(e){return!!ct(e).length}function ct(e,t){return ft(e.currentTarget,t)}function ft(e,t){let r=e.assignedElements({flatten:!0});return t?at(r,t):r}function Et(e){return!!(e.isPrimary&&e.button===0)}function Nt(e){return e.detail===0}var It=(e,t,r,n=!0,i=!0,o=!1)=>{let a=e.indexOf(t),s=a===0,c=a===e.length-1;n&&(r=r==="previous"&&s?"last":r==="next"&&c?"first":r);let u;return r==="previous"?u=e[a-1]||e[n?e.length-1:a]:r==="next"?u=e[a+1]||e[n?0:a]:r==="last"?u=e[e.length-1]:u=e[0],tt(u,i,"tabbable",o?u:void 0),u};function xt(e,t){if(!e.parentNode||!t.parentNode||e.parentNode!==t.parentNode)return!1;let r=Array.from(e.parentNode.children);return r.indexOf(e)<r.indexOf(t)}async function At(e,t){return P(e,t,"animation")}async function Rt(e,t){return P(e,t,"transition")}function E(e,t,r){return e.getAnimations().find(n=>t==="transition"?"transitionProperty"in n&&n.transitionProperty===r:"animationName"in n&&n.animationName===r)}async function P(e,t,r){let n=E(e,r,t);if(n||(await dt(),n=E(e,r,t)),!!n)try{await n.finished}catch{}}async function dt(){await new Promise(e=>requestAnimationFrame(()=>e()))}function Ft(e){return e.endsWith("px")?parseFloat(e):e.endsWith("vw")?N(parseFloat(e),window.innerWidth):e.endsWith("vh")?N(parseFloat(e),window.innerHeight):0}function N(e,t){return e*t/100}export{k as a,vt as b,bt as c,gt as d,m as e,yt as f,pt as g,Q as h,M as i,_ as j,tt as k,et as l,St as m,mt as n,Tt as o,wt as p,Ct as q,ut as r,lt as s,ct as t,ft as u,Et as v,Nt as w,It as x,xt as y,At as z,Rt as A,dt as B,Ft as C};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{A as o,l as r,w as s,x as i}from"./
|
|
2
|
+
import{A as o,l as r,w as s,x as i}from"./5RP24S6I.js";var u=s(class extends i{constructor(){super(...arguments),this.key=r}render(t,e){return this.key=t,e}update(t,[e,m]){return e!==this.key&&(o(t),this.key=e),m}});export{u as a};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as oe}from"./
|
|
2
|
+
import{b as oe}from"./XNTVXLSV.js";import{a as ue,k as se}from"./QPZWBDRN.js";import{Q as ie}from"./5RP24S6I.js";var le=["input:not([inert]):not([inert] *)","select:not([inert]):not([inert] *)","textarea:not([inert]):not([inert] *)","a[href]:not([inert]):not([inert] *)","area[href]:not([inert]):not([inert] *)","button:not([inert]):not([inert] *)","[tabindex]:not(slot):not([inert]):not([inert] *)","audio[controls]:not([inert]):not([inert] *)","video[controls]:not([inert]):not([inert] *)",'[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)',"details>summary:first-of-type:not([inert]):not([inert] *)","details:not([inert]):not([inert] *)"],M=le.join(","),fe=typeof Element>"u",O=fe?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,_=!fe&&Element.prototype.getRootNode?function(a){var e;return a==null||(e=a.getRootNode)===null||e===void 0?void 0:e.call(a)}:function(a){return a?.ownerDocument},G=function(e,t){var n;t===void 0&&(t=!0);var u=e==null||(n=e.getAttribute)===null||n===void 0?void 0:n.call(e,"inert"),s=u===""||u==="true",r=s||t&&e&&(typeof e.closest=="function"?e.closest("[inert]"):G(e.parentNode));return r},Re=function(e){var t,n=e==null||(t=e.getAttribute)===null||t===void 0?void 0:t.call(e,"contenteditable");return n===""||n==="true"},de=function(e,t,n){if(G(e))return[];var u=Array.prototype.slice.apply(e.querySelectorAll(M));return t&&O.call(e,M)&&u.unshift(e),u=u.filter(n),u},V=function(e,t,n){for(var u=[],s=Array.from(e);s.length;){var r=s.shift();if(!G(r,!1))if(r.tagName==="SLOT"){var l=r.assignedElements(),p=l.length?l:r.children,w=V(p,!0,n);n.flatten?u.push.apply(u,w):u.push({scopeParent:r,candidates:w})}else{var F=O.call(r,M);F&&n.filter(r)&&(t||!e.includes(r))&&u.push(r);var g=r.shadowRoot||typeof n.getShadowRoot=="function"&&n.getShadowRoot(r),N=!G(g,!1)&&(!n.shadowRootFilter||n.shadowRootFilter(r));if(g&&N){var A=V(g===!0?r.children:g.children,!0,n);n.flatten?u.push.apply(u,A):u.push({scopeParent:r,candidates:A})}else s.unshift.apply(s,r.children)}}return u},ve=function(e){return!isNaN(parseInt(e.getAttribute("tabindex"),10))},C=function(e){if(!e)throw new Error("No node provided");return e.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName)||Re(e))&&!ve(e)?0:e.tabIndex},Ie=function(e,t){var n=C(e);return n<0&&t&&!ve(e)?0:n},Ce=function(e,t){return e.tabIndex===t.tabIndex?e.documentOrder-t.documentOrder:e.tabIndex-t.tabIndex},be=function(e){return e.tagName==="INPUT"},Oe=function(e){return be(e)&&e.type==="hidden"},Pe=function(e){var t=e.tagName==="DETAILS"&&Array.prototype.slice.apply(e.children).some(function(n){return n.tagName==="SUMMARY"});return t},Le=function(e,t){for(var n=0;n<e.length;n++)if(e[n].checked&&e[n].form===t)return e[n]},xe=function(e){if(!e.name)return!0;var t=e.form||_(e),n=function(l){return t.querySelectorAll('input[type="radio"][name="'+l+'"]')},u;if(typeof window<"u"&&typeof window.CSS<"u"&&typeof window.CSS.escape=="function")u=n(window.CSS.escape(e.name));else try{u=n(e.name)}catch(r){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",r.message),!1}var s=Le(u,e.form);return!s||s===e},je=function(e){return be(e)&&e.type==="radio"},Be=function(e){return je(e)&&!xe(e)},Ke=function(e){var t,n=e&&_(e),u=(t=n)===null||t===void 0?void 0:t.host,s=!1;if(n&&n!==e){var r,l,p;for(s=!!((r=u)!==null&&r!==void 0&&(l=r.ownerDocument)!==null&&l!==void 0&&l.contains(u)||e!=null&&(p=e.ownerDocument)!==null&&p!==void 0&&p.contains(e));!s&&u;){var w,F,g;n=_(u),u=(w=n)===null||w===void 0?void 0:w.host,s=!!((F=u)!==null&&F!==void 0&&(g=F.ownerDocument)!==null&&g!==void 0&&g.contains(u))}}return s},ce=function(e){var t=e.getBoundingClientRect(),n=t.width,u=t.height;return n===0&&u===0},Me=function(e,t){var n=t.displayCheck,u=t.getShadowRoot;if(n==="full-native"&&"checkVisibility"in e){var s=e.checkVisibility({checkOpacity:!1,opacityProperty:!1,contentVisibilityAuto:!0,visibilityProperty:!0,checkVisibilityCSS:!0});return!s}var r=getComputedStyle(e),l=r.visibility;if(l==="hidden"||l==="collapse")return!0;var p=O.call(e,"details>summary:first-of-type"),w=p?e.parentElement:e;if(O.call(w,"details:not([open]) *"))return!0;if(!n||n==="full"||n==="full-native"||n==="legacy-full"){if(typeof u=="function"){for(var F=e;e;){var g=e.parentElement,N=_(e);if(g&&!g.shadowRoot&&u(g)===!0)return ce(e);e.assignedSlot?e=e.assignedSlot:!g&&N!==e.ownerDocument?e=N.host:e=g}e=F}if(Ke(e))return!e.getClientRects().length;if(n!=="legacy-full")return!0}else if(n==="non-zero-area")return ce(e);return!1},_e=function(e){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))for(var t=e.parentElement;t;){if(t.tagName==="FIELDSET"&&t.disabled){for(var n=0;n<t.children.length;n++){var u=t.children.item(n);if(u.tagName==="LEGEND")return O.call(t,"fieldset[disabled] *")?!0:!u.contains(e)}return!0}t=t.parentElement}return!1},q=function(e,t){return!(t.disabled||Oe(t)||Me(t,e)||Pe(t)||_e(t))},X=function(e,t){return!(Be(t)||C(t)<0||!q(e,t))},Ge=function(e){var t=parseInt(e.getAttribute("tabindex"),10);return!!(isNaN(t)||t>=0)},pe=function(e){var t=[],n=[];return e.forEach(function(u,s){var r=!!u.scopeParent,l=r?u.scopeParent:u,p=Ie(l,r),w=r?pe(u.candidates):l;p===0?r?t.push.apply(t,w):t.push(l):n.push({documentOrder:s,tabIndex:p,item:u,isScope:r,content:w})}),n.sort(Ce).reduce(function(u,s){return s.isScope?u.push.apply(u,s.content):u.push(s.content),u},[]).concat(t)},he=function(e,t){t=t||{};var n;return t.getShadowRoot?n=V([e],t.includeContainer,{filter:X.bind(null,t),flatten:!1,getShadowRoot:t.getShadowRoot,shadowRootFilter:Ge}):n=de(e,t.includeContainer,X.bind(null,t)),pe(n)},ye=function(e,t){t=t||{};var n;return t.getShadowRoot?n=V([e],t.includeContainer,{filter:q.bind(null,t),flatten:!0,getShadowRoot:t.getShadowRoot}):n=de(e,t.includeContainer,q.bind(null,t)),n},P=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return O.call(e,M)===!1?!1:X(t,e)},Ve=le.concat("iframe:not([inert]):not([inert] *)").join(","),U=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return O.call(e,Ve)===!1?!1:q(t,e)};function $(a,e){(e==null||e>a.length)&&(e=a.length);for(var t=0,n=Array(e);t<e;t++)n[t]=a[t];return n}function qe(a){if(Array.isArray(a))return $(a)}function me(a,e){var t=typeof Symbol<"u"&&a[Symbol.iterator]||a["@@iterator"];if(!t){if(Array.isArray(a)||(t=Se(a))||e){t&&(a=t);var n=0,u=function(){};return{s:u,n:function(){return n>=a.length?{done:!0}:{done:!1,value:a[n++]}},e:function(p){throw p},f:u}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
|
|
3
3
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var s,r=!0,l=!1;return{s:function(){t=t.call(a)},n:function(){var p=t.next();return r=p.done,p},e:function(p){l=!0,s=p},f:function(){try{r||t.return==null||t.return()}finally{if(l)throw s}}}}function Ue(a,e,t){return(e=ze(e))in a?Object.defineProperty(a,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):a[e]=t,a}function We(a){if(typeof Symbol<"u"&&a[Symbol.iterator]!=null||a["@@iterator"]!=null)return Array.from(a)}function Ye(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
4
4
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ge(a,e){var t=Object.keys(a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(a);e&&(n=n.filter(function(u){return Object.getOwnPropertyDescriptor(a,u).enumerable})),t.push.apply(t,n)}return t}function we(a){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{};e%2?ge(Object(t),!0).forEach(function(n){Ue(a,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(t)):ge(Object(t)).forEach(function(n){Object.defineProperty(a,n,Object.getOwnPropertyDescriptor(t,n))})}return a}function He(a){return qe(a)||We(a)||Se(a)||Ye()}function Ze(a,e){if(typeof a!="object"||!a)return a;var t=a[Symbol.toPrimitive];if(t!==void 0){var n=t.call(a,e);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(a)}function ze(a){var e=Ze(a,"string");return typeof e=="symbol"?e:e+""}function Se(a,e){if(a){if(typeof a=="string")return $(a,e);var t={}.toString.call(a).slice(8,-1);return t==="Object"&&a.constructor&&(t=a.constructor.name),t==="Map"||t==="Set"?Array.from(a):t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?$(a,e):void 0}}var D={getActiveTrap:function(e){return e?.length>0?e[e.length-1]:null},activateTrap:function(e,t){var n=D.getActiveTrap(e);t!==n&&D.pauseTrap(e);var u=e.indexOf(t);u===-1||e.splice(u,1),e.push(t)},deactivateTrap:function(e,t){var n=e.indexOf(t);n!==-1&&e.splice(n,1),D.unpauseTrap(e)},pauseTrap:function(e){var t=D.getActiveTrap(e);t?._setPausedState(!0)},unpauseTrap:function(e){var t=D.getActiveTrap(e);t&&!t._isManuallyPaused()&&t._setPausedState(!1)}},Xe=function(e){return e.tagName&&e.tagName.toLowerCase()==="input"&&typeof e.select=="function"},$e=function(e){return e?.key==="Escape"||e?.key==="Esc"||e?.keyCode===27},j=function(e){return e?.key==="Tab"||e?.keyCode===9},Je=function(e){return j(e)&&!e.shiftKey},Qe=function(e){return j(e)&&e.shiftKey},Te=function(e){return setTimeout(e,0)},x=function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),u=1;u<t;u++)n[u-1]=arguments[u];return typeof e=="function"?e.apply(void 0,n):e},W=function(e){return e.target.shadowRoot&&typeof e.composedPath=="function"?e.composedPath()[0]:e.target},et=[],Fe=function(e,t){var n=t?.document||document,u=t?.trapStack||et,s=we({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,delayReturnFocus:!0,isolateSubtrees:!1,isKeyForward:Je,isKeyBackward:Qe},t),r={containers:[],containerGroups:[],tabbableGroups:[],adjacentElements:new Set,alreadySilent:new Set,nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,manuallyPaused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},l,p=function(i,o,c){return i&&i[o]!==void 0?i[o]:s[c||o]},w=function(i,o){var c=typeof o?.composedPath=="function"?o.composedPath():void 0;return r.containerGroups.findIndex(function(v){var d=v.container,y=v.tabbableNodes;return d.contains(i)||c?.includes(d)||y.find(function(f){return f===i})})},F=function(i){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},c=o.hasFallback,v=c===void 0?!1:c,d=o.params,y=d===void 0?[]:d,f=s[i];if(typeof f=="function"&&(f=f.apply(void 0,He(y))),f===!0&&(f=void 0),!f){if(f===void 0||f===!1)return f;throw new Error("`".concat(i,"` was specified but was not a node, or did not return a node"))}var h=f;if(typeof f=="string"){try{h=n.querySelector(f)}catch(b){throw new Error("`".concat(i,'` appears to be an invalid selector; error="').concat(b.message,'"'))}if(!h&&!v)throw new Error("`".concat(i,"` as selector refers to no known node"))}return h},g=function(i){var o=i.activeElement;return o?o.shadowRoot&&o.shadowRoot.activeElement!==null?g(o.shadowRoot):o:null},N=function(){var i=F("initialFocus",{hasFallback:!0});if(i===!1)return!1;if(i===void 0||i&&!U(i,s.tabbableOptions)){var o=g(n);if(w(o)>=0)i=o;else{var c=r.tabbableGroups[0],v=c&&c.firstTabbableNode;i=v||F("fallbackFocus")}}else i===null&&(i=F("fallbackFocus"));if(!i)throw new Error("Your focus-trap needs to have at least one focusable element");return i},A=function(){if(r.containerGroups=r.containers.map(function(i){var o=he(i,s.tabbableOptions),c=ye(i,s.tabbableOptions),v=o.length>0?o[0]:void 0,d=o.length>0?o[o.length-1]:void 0,y=c.find(function(b){return P(b)}),f=c.slice().reverse().find(function(b){return P(b)}),h=!!o.find(function(b){return C(b)>0});return{container:i,tabbableNodes:o,focusableNodes:c,posTabIndexesFound:h,firstTabbableNode:v,lastTabbableNode:d,firstDomTabbableNode:y,lastDomTabbableNode:f,nextTabbableNode:function(T){var E=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0,k=o.indexOf(T);return k<0?E?c.slice(c.indexOf(T)+1).find(function(R){return P(R)}):c.slice(0,c.indexOf(T)).reverse().find(function(R){return P(R)}):o[k+(E?1:-1)]}}}),r.tabbableGroups=r.containerGroups.filter(function(i){return i.tabbableNodes.length>0}),r.tabbableGroups.length<=0&&!F("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(r.containerGroups.find(function(i){return i.posTabIndexesFound})&&r.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},S=function(i){if(i!==!1&&i!==g(document)){if(!i||!i.focus){S(N());return}i.focus({preventScroll:!!s.preventScroll}),r.mostRecentlyFocusedNode=i,Xe(i)&&i.select()}},B=function(i){var o=F("setReturnFocus",{params:[i]});return o||(o===!1?!1:i)},J=function(i){var o=i.target,c=i.event,v=i.isBackward,d=v===void 0?!1:v;o=o||W(c),A();var y=null;if(r.tabbableGroups.length>0){var f=w(o,c),h=f>=0?r.containerGroups[f]:void 0;if(f<0)d?y=r.tabbableGroups[r.tabbableGroups.length-1].lastTabbableNode:y=r.tabbableGroups[0].firstTabbableNode;else if(d){var b=r.tabbableGroups.findIndex(function(Z){var z=Z.firstTabbableNode;return o===z});if(b<0&&(h.container===o||U(o,s.tabbableOptions)&&!P(o,s.tabbableOptions)&&!h.nextTabbableNode(o,!1))&&(b=f),b>=0){var T=b===0?r.tabbableGroups.length-1:b-1,E=r.tabbableGroups[T];y=C(o)>=0?E.lastTabbableNode:E.lastDomTabbableNode}else j(c)||(y=h.nextTabbableNode(o,!1))}else{var k=r.tabbableGroups.findIndex(function(Z){var z=Z.lastTabbableNode;return o===z});if(k<0&&(h.container===o||U(o,s.tabbableOptions)&&!P(o,s.tabbableOptions)&&!h.nextTabbableNode(o))&&(k=f),k>=0){var R=k===r.tabbableGroups.length-1?0:k+1,I=r.tabbableGroups[R];y=C(o)>=0?I.firstTabbableNode:I.firstDomTabbableNode}else j(c)||(y=h.nextTabbableNode(o))}}else y=F("fallbackFocus");return y},K=function(i){var o=W(i);if(!(w(o,i)>=0)){if(x(s.clickOutsideDeactivates,i)){l.deactivate({returnFocus:s.returnFocusOnDeactivate});return}x(s.allowOutsideClick,i)||i.preventDefault()}},Q=function(i){var o=W(i),c=w(o,i)>=0;if(c||o instanceof Document)c&&(r.mostRecentlyFocusedNode=o);else{i.stopImmediatePropagation();var v,d=!0;if(r.mostRecentlyFocusedNode)if(C(r.mostRecentlyFocusedNode)>0){var y=w(r.mostRecentlyFocusedNode),f=r.containerGroups[y].tabbableNodes;if(f.length>0){var h=f.findIndex(function(b){return b===r.mostRecentlyFocusedNode});h>=0&&(s.isKeyForward(r.recentNavEvent)?h+1<f.length&&(v=f[h+1],d=!1):h-1>=0&&(v=f[h-1],d=!1))}}else r.containerGroups.some(function(b){return b.tabbableNodes.some(function(T){return C(T)>0})})||(d=!1);else d=!1;d&&(v=J({target:r.mostRecentlyFocusedNode,isBackward:s.isKeyBackward(r.recentNavEvent)})),S(v||r.mostRecentlyFocusedNode||N())}r.recentNavEvent=void 0},ke=function(i){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;r.recentNavEvent=i;var c=J({event:i,isBackward:o});c&&(j(i)&&i.preventDefault(),S(c))},ee=function(i){(s.isKeyForward(i)||s.isKeyBackward(i))&&ke(i,s.isKeyBackward(i))},te=function(i){$e(i)&&x(s.escapeDeactivates,i)!==!1&&(i.preventDefault(),l.deactivate())},ae=function(i){var o=W(i);w(o,i)>=0||x(s.clickOutsideDeactivates,i)||x(s.allowOutsideClick,i)||(i.preventDefault(),i.stopImmediatePropagation())},re=function(){if(r.active){D.activateTrap(u,l);var i;return s.delayInitialFocus?i=new Promise(function(o){r.delayInitialFocusTimer=Te(function(){S(N()),o()})}):S(N()),n.addEventListener("focusin",Q,!0),n.addEventListener("mousedown",K,{capture:!0,passive:!1}),n.addEventListener("touchstart",K,{capture:!0,passive:!1}),n.addEventListener("click",ae,{capture:!0,passive:!1}),n.addEventListener("keydown",ee,{capture:!0,passive:!1}),n.addEventListener("keydown",te),i}},Ae=function(i){r.active&&!r.paused&&l._setSubtreeIsolation(!1),r.adjacentElements.clear(),r.alreadySilent.clear();var o=new Set,c=new Set,v=me(i),d;try{for(v.s();!(d=v.n()).done;){var y=d.value;o.add(y);for(var f=typeof ShadowRoot<"u"&&y.getRootNode()instanceof ShadowRoot,h=y;h;){o.add(h);var b=h.parentElement,T=[];b?T=b.children:!b&&f&&(T=h.getRootNode().children,b=h.getRootNode().host,f=typeof ShadowRoot<"u"&&b.getRootNode()instanceof ShadowRoot);var E=me(T),k;try{for(E.s();!(k=E.n()).done;){var R=k.value;c.add(R)}}catch(I){E.e(I)}finally{E.f()}h=b}}}catch(I){v.e(I)}finally{v.f()}o.forEach(function(I){c.delete(I)}),r.adjacentElements=c},ne=function(){if(r.active)return n.removeEventListener("focusin",Q,!0),n.removeEventListener("mousedown",K,!0),n.removeEventListener("touchstart",K,!0),n.removeEventListener("click",ae,!0),n.removeEventListener("keydown",ee,!0),n.removeEventListener("keydown",te),l},De=function(i){var o=r.mostRecentlyFocusedNode;if(o){var c=i.some(function(d){var y=Array.from(d.removedNodes);return y.some(function(f){return f===o||typeof f.contains=="function"&&f.contains(o)})});if(c&&r.containers.some(function(d){return d?.isConnected})){A();var v=N();S(v)}}},H=typeof window<"u"&&"MutationObserver"in window?new MutationObserver(De):void 0,L=function(){H&&(H.disconnect(),r.active&&!r.paused&&r.containers.map(function(i){H.observe(i,{subtree:!0,childList:!0})}))};return l={get active(){return r.active},get paused(){return r.paused},activate:function(i){if(r.active)return this;var o=p(i,"onActivate"),c=p(i,"onPostActivate"),v=p(i,"checkCanFocusTrap"),d=D.getActiveTrap(u),y=!1;if(d&&!d.paused){var f;(f=d._setSubtreeIsolation)===null||f===void 0||f.call(d,!1),y=!0}try{v||A(),r.active=!0,r.paused=!1,r.nodeFocusedBeforeActivation=g(n),o?.({trap:l});var h=function(){v&&A();var E=function(){l._setSubtreeIsolation(!0),L(),c?.({trap:l})},k=re();k?k.then(E):E()};if(v)return v(r.containers.concat()).then(h,h),this;h()}catch(T){if(d===D.getActiveTrap(u)&&y){var b;(b=d._setSubtreeIsolation)===null||b===void 0||b.call(d,!0)}throw T}return this},deactivate:function(i){if(!r.active)return this;var o=we({onDeactivate:s.onDeactivate,onPostDeactivate:s.onPostDeactivate,checkCanReturnFocus:s.checkCanReturnFocus},i);clearTimeout(r.delayInitialFocusTimer),r.delayInitialFocusTimer=void 0,r.paused||l._setSubtreeIsolation(!1),r.alreadySilent.clear(),ne(),r.active=!1,r.paused=!1,L(),D.deactivateTrap(u,l);var c=p(o,"onDeactivate"),v=p(o,"onPostDeactivate"),d=p(o,"checkCanReturnFocus"),y=p(o,"delayReturnFocus"),f=p(o,"returnFocus","returnFocusOnDeactivate");c?.({trap:l});var h=function(){f&&S(B(r.nodeFocusedBeforeActivation)),v?.({trap:l})},b=function(){y&&f?Te(h):h()};return f&&d?(d(B(r.nodeFocusedBeforeActivation)).then(b,b),this):(b(),this)},pause:function(i){return r.active?(r.manuallyPaused=!0,this._setPausedState(!0,i)):this},unpause:function(i){return r.active?(r.manuallyPaused=!1,u[u.length-1]!==this?this:this._setPausedState(!1,i)):this},updateContainerElements:function(i){var o=[].concat(i).filter(Boolean);return r.containers=o.map(function(c){return typeof c=="string"?n.querySelector(c):c}),s.isolateSubtrees&&Ae(r.containers),r.active&&(A(),r.paused||l._setSubtreeIsolation(!0)),L(),this}},Object.defineProperties(l,{_isManuallyPaused:{value:function(){return r.manuallyPaused}},_setPausedState:{value:function(i,o){if(r.paused===i)return this;if(r.paused=i,i){var c=p(o,"onPause"),v=p(o,"onPostPause");c?.({trap:l}),ne(),l._setSubtreeIsolation(!1),L(),v?.({trap:l})}else{var d=p(o,"onUnpause"),y=p(o,"onPostUnpause");d?.({trap:l});var f=function(){A();var b=function(){l._setSubtreeIsolation(!0),L(),y?.({trap:l})},T=re();T?T.then(b):b()};f()}return this}},_setSubtreeIsolation:{value:function(i){s.isolateSubtrees&&r.adjacentElements.forEach(function(o){var c;i?s.isolateSubtrees==="aria-hidden"?((o.ariaHidden==="true"||((c=o.getAttribute("aria-hidden"))===null||c===void 0?void 0:c.toLowerCase())==="true")&&r.alreadySilent.add(o),o.setAttribute("aria-hidden","true")):((o.inert||o.hasAttribute("inert"))&&r.alreadySilent.add(o),o.setAttribute("inert",!0)):r.alreadySilent.has(o)||(s.isolateSubtrees==="aria-hidden"?o.removeAttribute("aria-hidden"):o.removeAttribute("inert"))})}}}),l.updateContainerElements(e),l};function Ne(a,{focusTrapOptions:e},t){return!e?.extraContainers&&!t?a:[a,...Ee(e?.extraContainers),...Ee(t)]}function Ee(a=[]){return Array.isArray(a)?a:[a]}var Y=new WeakSet;function tt(a,e){let t=e&&e!==document.body&&e!==document.documentElement;return!Y.has(a)&&t&&se(e),!1}function at(a,e){let t=e?.fallbackFocus||a,n=e?.clickOutsideDeactivates??!0,u;return{fallbackFocus:t,...e,document:a.ownerDocument,tabbableOptions:ue,trapStack:ie().focusTrapStack,clickOutsideDeactivates:s=>(Y.has(a)||Y.add(a),typeof n=="function"?n(s):n),onActivate:s=>{e?.escapeDeactivates&&(u=new AbortController,a.addEventListener("keydown",r=>{if(r.key==="Escape"){let l=e?.escapeDeactivates;(typeof l=="function"?l(r):l??!0)&&s.trap.deactivate()}},{signal:u.signal})),e?.onActivate?.(s)},onDeactivate:s=>{u?.abort(),u=void 0,e?.onDeactivate?.(s)},onPostDeactivate:()=>{Y.delete(a)},setReturnFocus:s=>{let r=typeof e?.setReturnFocus=="function"?e.setReturnFocus(s):e?.setReturnFocus;return r===void 0?tt(a,s):r}}}var lt=(a={})=>oe((e,t)=>{let n,u,s,r=!1,l=a.focusTrapOptions,p=()=>a.triggerProp?!!e[a.triggerProp]:!0,w=()=>a.triggerProp?p():r,F=()=>typeof e.focusTrapDisabledOverride=="function"?!e.focusTrapDisabledOverride():!e.focusTrapDisabled,g=()=>{let S=u||e.el;S.isConnected&&(n||(s||=Ne(S,e),n=Fe(s,at(S,{...l,...e.focusTrapOptions}))),F()&&n.activate())},N=()=>{n?.deactivate()};return t.onConnected(()=>{n&&w()&&g()}),t.onUpdate(S=>{if(!(!e.hasUpdated||!S.has("focusTrapDisabled"))){if(e.focusTrapDisabled||!p()){N();return}w()&&g()}}),t.onDisconnected(()=>N()),{get _instance(){},activate:()=>{r=!0,g()},deactivate:()=>{r=!1,N()},overrideFocusTrapEl:S=>{if(n)throw new Error("Focus trap already created");u=S},setExtraContainers:S=>{let B=u||e.el;s=Ne(B,e,S)},updateContainerElements:()=>n?.updateContainerElements(s)}});export{lt as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{n as l}from"./
|
|
2
|
+
import{n as l}from"./5RP24S6I.js";var p=(n,o)=>{let e=n;for(;e;){if(e===o)return!0;if(!e.parentNode)return!1;e.parentNode instanceof ShadowRoot?e=e.parentNode.host:e=e.parentNode}return!1},f=(n,o,e)=>{let r=E(o).subscribe;return r(t=>{t.some(s=>p(n,s.target))&&e()})},u={},E=n=>{let o=n.join(","),e=u[o];if(e!==void 0)return e;let r=new Set,t=new MutationObserver(s=>r.forEach(a=>a(s)));globalThis.document&&t.observe(document.documentElement,{attributes:!0,attributeFilter:n,subtree:!0});let i={subscribe:s=>(r.add(s),()=>{r.delete(s),r.size===0&&(t.disconnect(),u[o]=void 0)})};return u[o]=i,i},b=(n,o)=>{let e=n;for(;e;){let r=e.closest?.(o);if(r)return r;let t=e.getRootNode?.();if(t===globalThis.document)return;e=t?.host}};var g=(n,o,e)=>b(n,`[${o}]`)?.getAttribute(o)??e;var v="ar,bg,bs,ca,cs,da,de,el,en,es,et,fi,fr,he,hr,hu,id,it,ja,ko,lt,lv,nl,nb,no,pl,pt-BR,pt-PT,ro,ru,sk,sl,sr,sv,th,tr,uk,vi,zh-CN,zh-HK,zh-TW".split(","),C=new Set(v),c="en",y={pt:"pt-BR",nb:"no",nn:"no",zh:"zh-CN"},N=async(n,o,e="")=>{let r=`${o}/${e}`,t=`${r}${n}.json`;return d[t]??(d[t]=h(n,r)),await d[t]},d={},h=async(n,o)=>{let e=`${o}${n}.json`;try{let r=await fetch(e);if(r.ok)return await r.json()}catch(r){return l("error","intl",`An unknown error occurred while fetching localization strings at ${e}`,{detail:{error:r}}),{}}return n===c?{}:await h(c,o)},w=n=>{let o=g(n,"lang",globalThis.navigator?.language||c);return{lang:o,t9nLocale:m(o)}},m=n=>{let[o,e]=n.split("-"),r=o.toLowerCase(),t=r;return e&&(t=`${r}-${e.toUpperCase()}`),t=y[t]??t,C.has(t)?t:e?m(r):c},k=(n,o,e,r)=>{let t,i=()=>L(n,o(),r).then(s=>{(t?.lang!==s.lang||t.t9nLocale!==s.t9nLocale||t.t9nStrings!==s.t9nStrings)&&e(s),t=s}).catch(s=>{l("error","intl","Error updating component locale state",{detail:{error:s}})});return queueMicrotask(i),f(n,["lang"],i)},L=async(n,o,e=n.localName.split("-").slice(1).join("-"))=>{let{lang:r,t9nLocale:t}=w(n),i=`${o}/${e}/t9n`,a=e===null?{}:await N(t,i,"messages.");return{lang:r,t9nLocale:t,t9nStrings:a}};export{f as a,g as b,C as c,c as d,w as e,m as f,k as g};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as $}from"./KWIC32XQ.js";import{a as C,b as L,c as m,d as A,f as V,h as b}from"./SWQCPUC2.js";import{j as D}from"./RIRQHOBE.js";import{a as K}from"./RW4M5CR6.js";import{a as B}from"./P6VCN6MX.js";import{a as v}from"./DQIOK5E6.js";import{a as W}from"./2JUKL5RZ.js";import{a as q}from"./5EBGPCB7.js";import"./YP3AYJH3.js";import{a as z}from"./T6CCMW7H.js";import{a as y}from"./VI7SBYXT.js";import{a as G}from"./P5V7JFB5.js";import{a as N}from"./VLGXJHJZ.js";import"./ZWPNZ5XW.js";import"./U4CNMRWE.js";import"./V7CTUOE3.js";import{e as U,p as w,s as E}from"./QUZYKERC.js";import{F as I,G as R,H as h,I as k,N as H,S as T,g as M,h as d,p}from"./S5NVS4GZ.js";var f={container:"container",table:"table",scrim:"scrim",stack:"stack",tableContainer:"table-container",sticky:"sticky-pos",assistiveText:"assistive-text",containerHeight:"container-height"},S={emptyContent:"empty-content",filterNoResults:"filter-no-results",filterActionsStart:"filter-actions-start",filterActionsEnd:"filter-actions-end"},_=M`: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}:host([scale=s]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xxs)}:host([scale=l]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xs)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{position:relative;background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.container-height{block-size:100%}.table-container{box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%}.stack{--calcite-stack-padding-inline: 0;--calcite-stack-padding-block: 0}.sticky-pos{position:sticky;inset-block-start:0px;z-index:calc(var(--calcite-z-index-sticky) + 1);background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.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}::slotted(:is(calcite-action[slot=filter-actions-start],calcite-action[slot=filter-actions-end])){gap:var(--calcite-internal-list-action-spacing);align-self:center}::slotted(calcite-action[slot=filter-actions-start]){margin-inline-start:var(--calcite-internal-list-action-spacing)}::slotted(calcite-action[slot=filter-actions-end]){margin-inline-end:var(--calcite-internal-list-action-spacing)}:host([hidden]){display:none}[hidden]{display:none}`,j=`${L}, ${m}`,P=class extends R{constructor(){super(),this.dragSelector=m,this.focusableItems=[],this.handleSelector="calcite-sort-handle",this.listItems=[],this.listItemGroups=[],this.mutationObserver=y("mutation",()=>{this.willPerformFilter=!0,this.updateListItemsDebounced()}),this.cancelable=W()(this),this.sortable=K()(this),this.updateListItemsDebounced=q(this.updateListItems,H.nextTick),this.visibleItems=[],this.willFilterEmit=!1,this.willPerformFilter=!1,this.messages=G({blocking:!0}),this.focusSetter=N()(this),this.interactiveContainer=B(this),this.filterRowResizeObserver=y("resize",()=>this.updateFilterRowHeight()),this.setFilterContainerEl=t=>{this.filterContainerEl=t,this.observeFilterRow()},this.dataForFilter=[],this.hasFilterActionsEnd=!1,this.hasFilterActionsStart=!1,this.hasFilterNoResults=!1,this.sortHandleMenuItems=[],this.hasContent=!1,this.hasEmptyContent=!1,this.filterRowHeight=0,this.disabled=!1,this.dragEnabled=!1,this.filterEnabled=!1,this.filterText="",this.filteredData=[],this.filteredItems=[],this.interactionMode="interactive",this.loading=!1,this.displayMode="flat",this.scale="m",this.selectedItems=[],this.selectionAppearance="icon",this.selectionMode="none",this.sortDisabled=!1,this.calciteInternalListDefaultSlotChange=p({cancelable:!1}),this.calciteListChange=p({cancelable:!1}),this.calciteListDragEnd=p({cancelable:!1}),this.calciteListDragStart=p({cancelable:!1}),this.calciteListFilter=p({cancelable:!1}),this.calciteListMoveHalt=p({cancelable:!1}),this.calciteListOrderChange=p({cancelable:!1}),this.listen("calciteInternalListItemToggle",this.handleCalciteListItemToggle),this.listen("calciteInternalFocusPreviousItem",this.handleCalciteInternalFocusPreviousItem),this.listen("calciteInternalListItemActive",this.handleCalciteInternalListItemActive),this.listen("calciteListItemSelect",this.handleCalciteListItemSelect),this.listen("calciteInternalAssistiveTextChange",this.handleCalciteInternalAssistiveTextChange),this.listen("calciteListItemSortHandleBeforeOpen",this.updateListItemsDebounced),this.listen("calciteSortHandleReorder",this.handleSortReorder),this.listen("calciteSortHandleMove",this.handleSortMove),this.listen("calciteSortHandleAdd",this.handleSortAdd),this.listen("calciteInternalListItemSelect",this.handleCalciteInternalListItemSelect),this.listen("calciteInternalListItemSelectMultiple",this.handleCalciteInternalListItemSelectMultiple),this.listen("calciteInternalListItemChange",this.handleCalciteInternalListItemChange),this.listen("calciteInternalListItemGroupDefaultSlotChange",this.handleCalciteInternalListItemGroupDefaultSlotChange),this.listen("calciteInternalListItemGroupChange",this.handleCalciteInternalListItemChange)}static{this.properties={assistiveText:[16,{},{state:!0}],dataForFilter:[16,{},{state:!0}],hasFilterActionsEnd:[16,{},{state:!0}],hasFilterActionsStart:[16,{},{state:!0}],hasFilterNoResults:[16,{},{state:!0}],sortHandleMenuItems:[16,{},{state:!0}],hasContent:[16,{},{state:!0}],hasEmptyContent:[16,{},{state:!0}],filterRowHeight:[16,{},{state:!0}],canPull:[0,{},{attribute:!1}],canPut:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],dragEnabled:[7,{},{reflect:!0,type:Boolean}],filterEnabled:[7,{},{reflect:!0,type:Boolean}],filterPredicate:[0,{},{attribute:!1}],filterLabel:[3,{},{reflect:!0}],filterPlaceholder:[3,{},{reflect:!0}],filterProps:[0,{},{attribute:!1}],filterText:[3,{},{reflect:!0}],filteredData:[0,{},{attribute:!1}],filteredItems:[0,{},{attribute:!1}],group:[3,{},{reflect:!0}],interactionMode:[3,{},{reflect:!0}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],displayMode:[3,{},{reflect:!0}],numberingSystem:1,scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],sortDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=_}get hasActiveFilter(){return!!(this.filterEnabled&&this.filterText&&this.filteredItems.length!==this.visibleItems.length)}get showEmptyContentContainer(){return!this.hasContent&&this.hasEmptyContent}get showNoResultsContainer(){return!!(this.filterEnabled&&this.filterText&&this.hasFilterNoResults&&this.visibleItems.length&&!this.filteredItems.length)}get effectiveFilterProps(){return this.filterProps?this.filterProps.filter(t=>t!=="el"):["description","label","metadata","heading"]}emitOrderChangeEvent(t){this.calciteListOrderChange.emit(t)}async setFocus(t){return this.focusSetter(()=>this.filterEnabled?this.filterEl:this.focusableItems.find(e=>e.active),t)}connectedCallback(){super.connectedCallback(),this.connectObserver(),this.willPerformFilter=!0,this.updateListItemsDebounced(),this.setUpSorting(),this.setParentList(),this.setListItemGroups(),this.cancelable.add(this.updateListItemsDebounced)}async load(){this.handleInteractionModeWarning()}willUpdate(t){(t.has("filterText")||t.has("filterProps")||t.has("filterPredicate"))&&this.performFilter(),(t.has("filterEnabled")&&(this.hasUpdated||this.filterEnabled!==!1)||t.has("group")||t.has("sortDisabled")&&(this.hasUpdated||this.sortDisabled!==!1)||t.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||t.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none")||t.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="icon")||t.has("displayMode")&&this.hasUpdated||t.has("scale")&&this.hasUpdated||t.has("canPull")&&this.hasUpdated||t.has("canPut")&&this.hasUpdated||t.has("filterPredicate")&&this.hasUpdated)&&this.handleListItemChange()}disconnectedCallback(){super.disconnectedCallback(),this.disconnectObserver(),this.unobserveFilterRow()}updateListItems(){this.updateFilterRowHeight(),this.updateGroupItems();let{selectionAppearance:t,selectionMode:e,interactionMode:i,dragEnabled:a,el:s,filterEl:n,displayMode:l,scale:r,sortDisabled:c,sortHandleMenuItems:u}=this,g=Array.from(this.el.querySelectorAll(m)),x=s,O=Array.from(x.children).filter(b);if(g.forEach(o=>{o.closest(C)===s&&(o.scale=r,o.selectionAppearance=t,o.selectionMode=e,o.interactionMode=i,o.moveToItems=u.filter(F=>this.validateSortMenuItem({type:"move",fromEl:x,toEl:F.element,dragEl:o,newIndex:0,oldIndex:O.indexOf(o)})),o.addToItems=this.sortHandleMenuItems.filter(F=>this.validateSortMenuItem({type:"add",fromEl:x,toEl:F.element,dragEl:o,newIndex:0,oldIndex:O.indexOf(o)})),o.dragHandle=a,o.displayMode=l,o.sortDisabled=c)}),this.parentListEl){this.setUpSorting();return}this.listItems=g,this.filterEnabled&&this.willPerformFilter&&(this.willPerformFilter=!1,this.dataForFilter=this.getItemData(),n&&(n.items=this.dataForFilter,this.filterAndUpdateData())),this.visibleItems=this.listItems.filter(o=>!o.closed&&!o.hidden),this.updateFilteredItems(),this.borderItems(),this.focusableItems=this.filteredItems.filter(o=>!o.disabled),this.setActiveListItem(),this.updateSelectedItems(),this.setUpSorting()}unobserveFilterRow(){this.filterRowResizeObserver?.disconnect()}observeFilterRow(){this.unobserveFilterRow();let t=this.filterContainerEl;t&&this.filterRowResizeObserver?.observe(t)}updateFilterRowHeight(){this.filterRowHeight=this.filterContainerEl?.clientHeight??0}handleListItemChange(){this.willPerformFilter=!0,this.updateListItemsDebounced()}handleCalciteListItemToggle(t){this.parentListEl||(t.stopPropagation(),this.borderItems())}handleCalciteInternalFocusPreviousItem(t){if(this.parentListEl)return;t.stopPropagation();let{focusableItems:e}=this,a=e.findIndex(s=>s.active)-1;e[a]&&this.focusRow(e[a])}handleCalciteInternalListItemActive(t){if(this.parentListEl)return;t.stopPropagation();let e=t.target,{listItems:i}=this;i.forEach(a=>{a.active=a===e})}handleCalciteListItemSelect(){this.parentListEl||this.updateSelectedItems(!0)}handleCalciteInternalAssistiveTextChange(t){this.assistiveText=t.detail.message,t.stopPropagation()}handleSortReorder(t){this.parentListEl||t.defaultPrevented||(t.preventDefault(),this.handleReorder(t))}handleSortAdd(t){this.parentListEl||t.defaultPrevented||(t.preventDefault(),this.handleAdd(t))}handleSortMove(t){this.parentListEl||t.defaultPrevented||(t.preventDefault(),this.handleMove(t))}handleCalciteInternalListItemSelect(t){if(this.parentListEl)return;t.stopPropagation();let e=t.target,{listItems:i,selectionMode:a}=this;e.selected&&(a==="single"||a==="single-persist")&&i.forEach(s=>s.selected=s===e),this.updateSelectedItems()}handleCalciteInternalListItemSelectMultiple(t){if(this.parentListEl)return;t.stopPropagation();let{target:e,detail:i}=t,{focusableItems:a,lastSelectedInfo:s}=this,n=e;if(i.selectMultiple&&s){let l=a.indexOf(n),r=a.indexOf(s.selectedItem),c=Math.min(r,l),u=Math.max(r,l);a.slice(c,u+1).forEach(g=>g.selected=s.selected)}else this.lastSelectedInfo={selectedItem:n,selected:n.selected}}handleCalciteInternalListItemChange(t){this.parentListEl||(t.stopPropagation(),this.handleListItemChange())}handleCalciteInternalListItemGroupDefaultSlotChange(t){this.parentListEl||(t.stopPropagation(),this.handleListItemChange())}connectObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectObserver(){this.mutationObserver?.disconnect()}setUpSorting(){let{dragEnabled:t,defaultSlotEl:e}=this;t&&e&&V(e),this.sortable.reset()}onGlobalDragStart(){this.disconnectObserver()}onGlobalDragEnd(){this.connectObserver()}onDragEnd(t){this.calciteListDragEnd.emit(t)}onDragStart(t){t.dragEl.sortHandleOpen=!1,this.calciteListDragStart.emit(t)}onDragSort(t){this.setParentList(),this.updateListItemsDebounced(),this.calciteListOrderChange.emit(t)}setParentList(){this.parentListEl=this.el.parentElement?.closest(C)||void 0}handleDefaultSlotChange(t){this.parentListEl&&this.calciteInternalListDefaultSlotChange.emit(),this.hasContent=w(t)}handleEmptyContentSlotChange(t){this.hasEmptyContent=w(t)}setListItemGroups(){this.listItemGroups=Array.from(this.el.querySelectorAll(L))}handleFilterActionsStartSlotChange(t){this.hasFilterActionsStart=E(t)}handleFilterActionsEndSlotChange(t){this.hasFilterActionsEnd=E(t)}handleFilterNoResultsSlotChange(t){this.hasFilterNoResults=E(t)}setActiveListItem(){let{focusableItems:t}=this;t.some(e=>e.active)||t[0]&&(t[0].active=!0)}async updateSelectedItems(t=!1){await this.updateComplete,this.selectedItems=this.visibleItems.filter(e=>e.selected),t&&this.calciteListChange.emit()}filterElements({el:t,filteredItems:e,visibleParents:i}){let a=!i.has(t)&&!e.includes(t);t.filterHidden=a;let s=t.parentElement.closest(j);s&&(a||i.add(s),this.filterElements({el:s,filteredItems:e,visibleParents:i}))}allParentListItemsExpanded(t){let e=t.parentElement?.closest(m);if(e){if(!e.expanded)return!1}else return!0;return this.allParentListItemsExpanded(e)}borderItems(){let t=this.visibleItems.filter(e=>!e.filterHidden&&this.allParentListItemsExpanded(e));t.forEach(e=>e.bordered=e!==t[t.length-1])}updateFilteredItems(){let{visibleItems:t,filteredData:e,filterText:i,filterPredicate:a}=this,s=t?.filter(r=>t.every(c=>c===r||!r.contains(c))),n=a?t.filter(a):i?e.map(r=>r.el):t||[],l=new WeakSet;s.forEach(r=>this.filterElements({el:r,filteredItems:n,visibleParents:l})),this.filteredItems=n,this.willFilterEmit&&(this.willFilterEmit=!1,this.calciteListFilter.emit())}updateFilteredData(){let{filterEl:t}=this;t&&(t.filteredItems&&(this.filteredData=t.filteredItems),this.updateListItemsDebounced())}async filterAndUpdateData(){let t=this.filterEl?.value??this.filterText;await this.filterEl?.filter(t),this.updateFilteredData()}performFilter(){let{filterEl:t,filterText:e,effectiveFilterProps:i}=this;t&&(t.value=e,t.filterProps=i,this.filterAndUpdateData())}setDefaultSlotEl(t){this.defaultSlotEl=t}setFilterEl(t){this.filterEl=t,this.performFilter()}handleFilterChange(t){t.stopPropagation();let{value:e}=t.currentTarget;this.filterText=e,this.willFilterEmit=!0,this.updateFilteredData()}getItemData(){return this.listItems.map(t=>({label:t.label,description:t.description,metadata:t.metadata,heading:this.getGroupHeading(t),el:t}))}getGroupHeading(t){return this.listItemGroups.filter(e=>e.contains(t)&&e.heading).map(e=>e.heading)}updateGroupItems(){let{el:t,group:e,scale:i}=this,a=U(t),s=e?Array.from(a.querySelectorAll(`${C}[group="${e}"]`)).filter(l=>!l.disabled&&l.dragEnabled):[];this.sortHandleMenuItems=s.map(l=>({element:l,label:l.label??l.id,id:z()})),Array.from(this.el.querySelectorAll(L)).forEach(l=>{l.scale=i})}focusRow(t){let{focusableItems:e}=this;t&&(e.forEach(i=>i.active=i===t),t.setFocus())}isNavigable(t){let e=t.parentElement?.closest(m);return e?e.expanded&&this.isNavigable(e):!0}handleListKeydown(t){if(t.defaultPrevented||this.parentListEl)return;let{key:e}=t,i=this.focusableItems.filter(s=>this.isNavigable(s)),a=i.findIndex(s=>s.active);if(e==="ArrowDown"){t.preventDefault();let s=t.target===this.filterEl?0:a+1;i[s]&&this.focusRow(i[s])}else if(e==="ArrowUp"){if(t.preventDefault(),a===0&&this.filterEnabled){this.filterEl.setFocus();return}let s=a-1;i[s]&&this.focusRow(i[s])}else if(e==="Home"){t.preventDefault();let s=i[0];s&&this.focusRow(s)}else if(e==="End"){t.preventDefault();let s=i[i.length-1];s&&this.focusRow(s)}}handleInteractionModeWarning(){this.interactionMode==="static"&&this.selectionMode!=="none"&&this.selectionAppearance==="border"&&console.warn('selection-appearance="border" requires interaction-mode="interactive"')}validateSortMenuItem({fromEl:t,toEl:e,dragEl:i,newIndex:a,oldIndex:s,type:n}){if(!t||!e||e===t||i.contains(e))return!1;let l=t.canPull?.({toEl:e,fromEl:t,dragEl:i,newIndex:a,oldIndex:s})??!0,r=e.canPut?.({toEl:e,fromEl:t,dragEl:i,newIndex:a,oldIndex:s})??!0;return(n==="add"?l==="clone":l===!0)&&r}handleAdd(t){let{addTo:e}=t.detail,i=t.target,a=i?.parentElement,s=e.element,l=Array.from(a.children).filter(b).indexOf(i),r=0;if(!this.validateSortMenuItem({type:"add",fromEl:a,toEl:s,dragEl:i,newIndex:r,oldIndex:l}))return;i.sortHandleOpen=!1,this.disconnectObserver();let c=i.cloneNode();s.prepend(c),A(i),this.updateListItemsDebounced(),this.connectObserver();let u={dragEl:i,fromEl:a,toEl:s,newIndex:r,oldIndex:l};this.calciteListOrderChange.emit(u),s.emitOrderChangeEvent(u)}handleMove(t){let{moveTo:e}=t.detail,i=t.target,a=i?.parentElement,s=e.element,l=Array.from(a.children).filter(b).indexOf(i),r=0;if(!this.validateSortMenuItem({type:"move",fromEl:a,toEl:s,dragEl:i,newIndex:r,oldIndex:l}))return;i.sortHandleOpen=!1,this.disconnectObserver(),s.prepend(i),A(i),this.updateListItemsDebounced(),this.connectObserver();let c={dragEl:i,fromEl:a,toEl:s,newIndex:r,oldIndex:l};this.calciteListOrderChange.emit(c),s.emitOrderChangeEvent(c)}handleReorder(t){let{reorder:e}=t.detail,i=t.target,a=i?.parentElement;if(!a)return;i.sortHandleOpen=!1;let s=Array.from(a.children).filter(b),n=s.length-1,l=s.indexOf(i),r=l;switch(e){case"top":r=0;break;case"bottom":r=n;break;case"up":r=l===0?0:l-1;break;case"down":r=l===n?n:l+1;break}this.disconnectObserver();let c=e==="up"||e==="top"?s[r]:s[r].nextSibling;a.insertBefore(i,c),this.updateListItemsDebounced(),this.connectObserver(),this.calciteListOrderChange.emit({dragEl:i,fromEl:a,toEl:a,newIndex:r,oldIndex:l})}render(){let{loading:t,label:e,disabled:i,dataForFilter:a,filterEnabled:s,filterPlaceholder:n,filterLabel:l,hasFilterActionsStart:r,hasFilterActionsEnd:c,effectiveFilterProps:u}=this;return this.interactiveContainer({disabled:this.disabled,children:d`<div class=${h({[f.container]:!0,[f.containerHeight]:this.listItems.length<1&&t})} style=${k({"--calcite-internal-filter-enabled-offset":`${this.filterRowHeight}px`})}>${this.dragEnabled?d`<span aria-live=assertive class=${h(f.assistiveText)}>${this.assistiveText}</span>`:null}${this.renderItemAriaLive()}${t?d`<calcite-scrim class=${h(f.scrim)} .loading=${t}></calcite-scrim>`:null}<div .ariaBusy=${t} .ariaLabel=${e||""} class=${h(f.table)} @keydown=${this.handleListKeydown} role=treegrid>${s||r||c?d`<div class=${h(f.sticky)} role=rowgroup ${I(this.setFilterContainerEl)}><div role=row><div role=columnheader><calcite-stack class=${h(f.stack)}><slot name=${S.filterActionsStart} @slotchange=${this.handleFilterActionsStartSlotChange} slot=${$.actionsStart}></slot><calcite-filter .ariaLabel=${n} .disabled=${i} .filterProps=${u} .items=${a} .label=${l} @calciteFilterChange=${this.handleFilterChange} .placeholder=${n} .scale=${this.scale} ${I(this.setFilterEl)}></calcite-filter><slot name=${S.filterActionsEnd} @slotchange=${this.handleFilterActionsEndSlotChange} slot=${$.actionsEnd}></slot></calcite-stack></div></div></div>`:null}<div class=${h(f.tableContainer)} role=rowgroup><div .hidden=${!this.showEmptyContentContainer}><slot name=${S.emptyContent} @slotchange=${this.handleEmptyContentSlotChange}></slot></div><slot @slotchange=${this.handleDefaultSlotChange} ${I(this.setDefaultSlotEl)}></slot></div></div><div aria-live=polite .hidden=${!this.showNoResultsContainer}><slot name=${S.filterNoResults} @slotchange=${this.handleFilterNoResultsSlotChange}></slot></div></div>`})}renderItemAriaLive(){let{messages:t,filteredItems:e,parentListEl:i,messages:{_lang:a},numberingSystem:s}=this;return D.numberFormatOptions={locale:a,numberingSystem:s},i?null:d`<div aria-live=polite class=${h(f.assistiveText)}>${this.hasActiveFilter?v("aria-filter-enabled",d`<div>${t.filterEnabled}</div>`):null}${v("aria-item-count",d`<div>${t.total.replace("{count}",D.localize(e.length.toString()))}</div>`)}${e.length?v("aria-item-list",d`<ol>${e.map(n=>d`<li>${n.label}</li>`)}</ol>`):null}</div>`}};T("calcite-list",P);export{P as List};
|
|
2
|
+
import{b as $}from"./KWIC32XQ.js";import{a as C,b as L,c as m,d as A,f as V,h as b}from"./SWQCPUC2.js";import{j as D}from"./5IPGJCLD.js";import{a as K}from"./5JJPS3HK.js";import{a as B}from"./GVQVBOVP.js";import{a as v}from"./RA3ZTRG2.js";import{a as W}from"./UYUBR74C.js";import{a as q}from"./5EBGPCB7.js";import"./YP3AYJH3.js";import{a as z}from"./T6CCMW7H.js";import{a as y}from"./VI7SBYXT.js";import{a as G}from"./HIHNZASH.js";import{a as N}from"./62XMTWRN.js";import"./ZWPNZ5XW.js";import"./XNTVXLSV.js";import"./S5W6RC6X.js";import{e as U,p as w,s as E}from"./QPZWBDRN.js";import{F as I,G as R,H as h,I as k,N as H,S as T,g as M,h as d,p}from"./5RP24S6I.js";var f={container:"container",table:"table",scrim:"scrim",stack:"stack",tableContainer:"table-container",sticky:"sticky-pos",assistiveText:"assistive-text",containerHeight:"container-height"},S={emptyContent:"empty-content",filterNoResults:"filter-no-results",filterActionsStart:"filter-actions-start",filterActionsEnd:"filter-actions-end"},_=M`: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}:host([scale=s]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xxs)}:host([scale=l]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xs)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{position:relative;background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.container-height{block-size:100%}.table-container{box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%}.stack{--calcite-stack-padding-inline: 0;--calcite-stack-padding-block: 0}.sticky-pos{position:sticky;inset-block-start:0px;z-index:calc(var(--calcite-z-index-sticky) + 1);background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.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}::slotted(:is(calcite-action[slot=filter-actions-start],calcite-action[slot=filter-actions-end])){gap:var(--calcite-internal-list-action-spacing);align-self:center}::slotted(calcite-action[slot=filter-actions-start]){margin-inline-start:var(--calcite-internal-list-action-spacing)}::slotted(calcite-action[slot=filter-actions-end]){margin-inline-end:var(--calcite-internal-list-action-spacing)}:host([hidden]){display:none}[hidden]{display:none}`,j=`${L}, ${m}`,P=class extends R{constructor(){super(),this.dragSelector=m,this.focusableItems=[],this.handleSelector="calcite-sort-handle",this.listItems=[],this.listItemGroups=[],this.mutationObserver=y("mutation",()=>{this.willPerformFilter=!0,this.updateListItemsDebounced()}),this.cancelable=W()(this),this.sortable=K()(this),this.updateListItemsDebounced=q(this.updateListItems,H.nextTick),this.visibleItems=[],this.willFilterEmit=!1,this.willPerformFilter=!1,this.messages=G({blocking:!0}),this.focusSetter=N()(this),this.interactiveContainer=B(this),this.filterRowResizeObserver=y("resize",()=>this.updateFilterRowHeight()),this.setFilterContainerEl=t=>{this.filterContainerEl=t,this.observeFilterRow()},this.dataForFilter=[],this.hasFilterActionsEnd=!1,this.hasFilterActionsStart=!1,this.hasFilterNoResults=!1,this.sortHandleMenuItems=[],this.hasContent=!1,this.hasEmptyContent=!1,this.filterRowHeight=0,this.disabled=!1,this.dragEnabled=!1,this.filterEnabled=!1,this.filterText="",this.filteredData=[],this.filteredItems=[],this.interactionMode="interactive",this.loading=!1,this.displayMode="flat",this.scale="m",this.selectedItems=[],this.selectionAppearance="icon",this.selectionMode="none",this.sortDisabled=!1,this.calciteInternalListDefaultSlotChange=p({cancelable:!1}),this.calciteListChange=p({cancelable:!1}),this.calciteListDragEnd=p({cancelable:!1}),this.calciteListDragStart=p({cancelable:!1}),this.calciteListFilter=p({cancelable:!1}),this.calciteListMoveHalt=p({cancelable:!1}),this.calciteListOrderChange=p({cancelable:!1}),this.listen("calciteInternalListItemToggle",this.handleCalciteListItemToggle),this.listen("calciteInternalFocusPreviousItem",this.handleCalciteInternalFocusPreviousItem),this.listen("calciteInternalListItemActive",this.handleCalciteInternalListItemActive),this.listen("calciteListItemSelect",this.handleCalciteListItemSelect),this.listen("calciteInternalAssistiveTextChange",this.handleCalciteInternalAssistiveTextChange),this.listen("calciteListItemSortHandleBeforeOpen",this.updateListItemsDebounced),this.listen("calciteSortHandleReorder",this.handleSortReorder),this.listen("calciteSortHandleMove",this.handleSortMove),this.listen("calciteSortHandleAdd",this.handleSortAdd),this.listen("calciteInternalListItemSelect",this.handleCalciteInternalListItemSelect),this.listen("calciteInternalListItemSelectMultiple",this.handleCalciteInternalListItemSelectMultiple),this.listen("calciteInternalListItemChange",this.handleCalciteInternalListItemChange),this.listen("calciteInternalListItemGroupDefaultSlotChange",this.handleCalciteInternalListItemGroupDefaultSlotChange),this.listen("calciteInternalListItemGroupChange",this.handleCalciteInternalListItemChange)}static{this.properties={assistiveText:[16,{},{state:!0}],dataForFilter:[16,{},{state:!0}],hasFilterActionsEnd:[16,{},{state:!0}],hasFilterActionsStart:[16,{},{state:!0}],hasFilterNoResults:[16,{},{state:!0}],sortHandleMenuItems:[16,{},{state:!0}],hasContent:[16,{},{state:!0}],hasEmptyContent:[16,{},{state:!0}],filterRowHeight:[16,{},{state:!0}],canPull:[0,{},{attribute:!1}],canPut:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],dragEnabled:[7,{},{reflect:!0,type:Boolean}],filterEnabled:[7,{},{reflect:!0,type:Boolean}],filterPredicate:[0,{},{attribute:!1}],filterLabel:[3,{},{reflect:!0}],filterPlaceholder:[3,{},{reflect:!0}],filterProps:[0,{},{attribute:!1}],filterText:[3,{},{reflect:!0}],filteredData:[0,{},{attribute:!1}],filteredItems:[0,{},{attribute:!1}],group:[3,{},{reflect:!0}],interactionMode:[3,{},{reflect:!0}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],displayMode:[3,{},{reflect:!0}],numberingSystem:1,scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],sortDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=_}get hasActiveFilter(){return!!(this.filterEnabled&&this.filterText&&this.filteredItems.length!==this.visibleItems.length)}get showEmptyContentContainer(){return!this.hasContent&&this.hasEmptyContent}get showNoResultsContainer(){return!!(this.filterEnabled&&this.filterText&&this.hasFilterNoResults&&this.visibleItems.length&&!this.filteredItems.length)}get effectiveFilterProps(){return this.filterProps?this.filterProps.filter(t=>t!=="el"):["description","label","metadata","heading"]}emitOrderChangeEvent(t){this.calciteListOrderChange.emit(t)}async setFocus(t){return this.focusSetter(()=>this.filterEnabled?this.filterEl:this.focusableItems.find(e=>e.active),t)}connectedCallback(){super.connectedCallback(),this.connectObserver(),this.willPerformFilter=!0,this.updateListItemsDebounced(),this.setUpSorting(),this.setParentList(),this.setListItemGroups(),this.cancelable.add(this.updateListItemsDebounced)}async load(){this.handleInteractionModeWarning()}willUpdate(t){(t.has("filterText")||t.has("filterProps")||t.has("filterPredicate"))&&this.performFilter(),(t.has("filterEnabled")&&(this.hasUpdated||this.filterEnabled!==!1)||t.has("group")||t.has("sortDisabled")&&(this.hasUpdated||this.sortDisabled!==!1)||t.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||t.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none")||t.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="icon")||t.has("displayMode")&&this.hasUpdated||t.has("scale")&&this.hasUpdated||t.has("canPull")&&this.hasUpdated||t.has("canPut")&&this.hasUpdated||t.has("filterPredicate")&&this.hasUpdated)&&this.handleListItemChange()}disconnectedCallback(){super.disconnectedCallback(),this.disconnectObserver(),this.unobserveFilterRow()}updateListItems(){this.updateFilterRowHeight(),this.updateGroupItems();let{selectionAppearance:t,selectionMode:e,interactionMode:i,dragEnabled:a,el:s,filterEl:n,displayMode:l,scale:r,sortDisabled:c,sortHandleMenuItems:u}=this,g=Array.from(this.el.querySelectorAll(m)),x=s,O=Array.from(x.children).filter(b);if(g.forEach(o=>{o.closest(C)===s&&(o.scale=r,o.selectionAppearance=t,o.selectionMode=e,o.interactionMode=i,o.moveToItems=u.filter(F=>this.validateSortMenuItem({type:"move",fromEl:x,toEl:F.element,dragEl:o,newIndex:0,oldIndex:O.indexOf(o)})),o.addToItems=this.sortHandleMenuItems.filter(F=>this.validateSortMenuItem({type:"add",fromEl:x,toEl:F.element,dragEl:o,newIndex:0,oldIndex:O.indexOf(o)})),o.dragHandle=a,o.displayMode=l,o.sortDisabled=c)}),this.parentListEl){this.setUpSorting();return}this.listItems=g,this.filterEnabled&&this.willPerformFilter&&(this.willPerformFilter=!1,this.dataForFilter=this.getItemData(),n&&(n.items=this.dataForFilter,this.filterAndUpdateData())),this.visibleItems=this.listItems.filter(o=>!o.closed&&!o.hidden),this.updateFilteredItems(),this.borderItems(),this.focusableItems=this.filteredItems.filter(o=>!o.disabled),this.setActiveListItem(),this.updateSelectedItems(),this.setUpSorting()}unobserveFilterRow(){this.filterRowResizeObserver?.disconnect()}observeFilterRow(){this.unobserveFilterRow();let t=this.filterContainerEl;t&&this.filterRowResizeObserver?.observe(t)}updateFilterRowHeight(){this.filterRowHeight=this.filterContainerEl?.clientHeight??0}handleListItemChange(){this.willPerformFilter=!0,this.updateListItemsDebounced()}handleCalciteListItemToggle(t){this.parentListEl||(t.stopPropagation(),this.borderItems())}handleCalciteInternalFocusPreviousItem(t){if(this.parentListEl)return;t.stopPropagation();let{focusableItems:e}=this,a=e.findIndex(s=>s.active)-1;e[a]&&this.focusRow(e[a])}handleCalciteInternalListItemActive(t){if(this.parentListEl)return;t.stopPropagation();let e=t.target,{listItems:i}=this;i.forEach(a=>{a.active=a===e})}handleCalciteListItemSelect(){this.parentListEl||this.updateSelectedItems(!0)}handleCalciteInternalAssistiveTextChange(t){this.assistiveText=t.detail.message,t.stopPropagation()}handleSortReorder(t){this.parentListEl||t.defaultPrevented||(t.preventDefault(),this.handleReorder(t))}handleSortAdd(t){this.parentListEl||t.defaultPrevented||(t.preventDefault(),this.handleAdd(t))}handleSortMove(t){this.parentListEl||t.defaultPrevented||(t.preventDefault(),this.handleMove(t))}handleCalciteInternalListItemSelect(t){if(this.parentListEl)return;t.stopPropagation();let e=t.target,{listItems:i,selectionMode:a}=this;e.selected&&(a==="single"||a==="single-persist")&&i.forEach(s=>s.selected=s===e),this.updateSelectedItems()}handleCalciteInternalListItemSelectMultiple(t){if(this.parentListEl)return;t.stopPropagation();let{target:e,detail:i}=t,{focusableItems:a,lastSelectedInfo:s}=this,n=e;if(i.selectMultiple&&s){let l=a.indexOf(n),r=a.indexOf(s.selectedItem),c=Math.min(r,l),u=Math.max(r,l);a.slice(c,u+1).forEach(g=>g.selected=s.selected)}else this.lastSelectedInfo={selectedItem:n,selected:n.selected}}handleCalciteInternalListItemChange(t){this.parentListEl||(t.stopPropagation(),this.handleListItemChange())}handleCalciteInternalListItemGroupDefaultSlotChange(t){this.parentListEl||(t.stopPropagation(),this.handleListItemChange())}connectObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectObserver(){this.mutationObserver?.disconnect()}setUpSorting(){let{dragEnabled:t,defaultSlotEl:e}=this;t&&e&&V(e),this.sortable.reset()}onGlobalDragStart(){this.disconnectObserver()}onGlobalDragEnd(){this.connectObserver()}onDragEnd(t){this.calciteListDragEnd.emit(t)}onDragStart(t){t.dragEl.sortHandleOpen=!1,this.calciteListDragStart.emit(t)}onDragSort(t){this.setParentList(),this.updateListItemsDebounced(),this.calciteListOrderChange.emit(t)}setParentList(){this.parentListEl=this.el.parentElement?.closest(C)||void 0}handleDefaultSlotChange(t){this.parentListEl&&this.calciteInternalListDefaultSlotChange.emit(),this.hasContent=w(t)}handleEmptyContentSlotChange(t){this.hasEmptyContent=w(t)}setListItemGroups(){this.listItemGroups=Array.from(this.el.querySelectorAll(L))}handleFilterActionsStartSlotChange(t){this.hasFilterActionsStart=E(t)}handleFilterActionsEndSlotChange(t){this.hasFilterActionsEnd=E(t)}handleFilterNoResultsSlotChange(t){this.hasFilterNoResults=E(t)}setActiveListItem(){let{focusableItems:t}=this;t.some(e=>e.active)||t[0]&&(t[0].active=!0)}async updateSelectedItems(t=!1){await this.updateComplete,this.selectedItems=this.visibleItems.filter(e=>e.selected),t&&this.calciteListChange.emit()}filterElements({el:t,filteredItems:e,visibleParents:i}){let a=!i.has(t)&&!e.includes(t);t.filterHidden=a;let s=t.parentElement.closest(j);s&&(a||i.add(s),this.filterElements({el:s,filteredItems:e,visibleParents:i}))}allParentListItemsExpanded(t){let e=t.parentElement?.closest(m);if(e){if(!e.expanded)return!1}else return!0;return this.allParentListItemsExpanded(e)}borderItems(){let t=this.visibleItems.filter(e=>!e.filterHidden&&this.allParentListItemsExpanded(e));t.forEach(e=>e.bordered=e!==t[t.length-1])}updateFilteredItems(){let{visibleItems:t,filteredData:e,filterText:i,filterPredicate:a}=this,s=t?.filter(r=>t.every(c=>c===r||!r.contains(c))),n=a?t.filter(a):i?e.map(r=>r.el):t||[],l=new WeakSet;s.forEach(r=>this.filterElements({el:r,filteredItems:n,visibleParents:l})),this.filteredItems=n,this.willFilterEmit&&(this.willFilterEmit=!1,this.calciteListFilter.emit())}updateFilteredData(){let{filterEl:t}=this;t&&(t.filteredItems&&(this.filteredData=t.filteredItems),this.updateListItemsDebounced())}async filterAndUpdateData(){let t=this.filterEl?.value??this.filterText;await this.filterEl?.filter(t),this.updateFilteredData()}performFilter(){let{filterEl:t,filterText:e,effectiveFilterProps:i}=this;t&&(t.value=e,t.filterProps=i,this.filterAndUpdateData())}setDefaultSlotEl(t){this.defaultSlotEl=t}setFilterEl(t){this.filterEl=t,this.performFilter()}handleFilterChange(t){t.stopPropagation();let{value:e}=t.currentTarget;this.filterText=e,this.willFilterEmit=!0,this.updateFilteredData()}getItemData(){return this.listItems.map(t=>({label:t.label,description:t.description,metadata:t.metadata,heading:this.getGroupHeading(t),el:t}))}getGroupHeading(t){return this.listItemGroups.filter(e=>e.contains(t)&&e.heading).map(e=>e.heading)}updateGroupItems(){let{el:t,group:e,scale:i}=this,a=U(t),s=e?Array.from(a.querySelectorAll(`${C}[group="${e}"]`)).filter(l=>!l.disabled&&l.dragEnabled):[];this.sortHandleMenuItems=s.map(l=>({element:l,label:l.label??l.id,id:z()})),Array.from(this.el.querySelectorAll(L)).forEach(l=>{l.scale=i})}focusRow(t){let{focusableItems:e}=this;t&&(e.forEach(i=>i.active=i===t),t.setFocus())}isNavigable(t){let e=t.parentElement?.closest(m);return e?e.expanded&&this.isNavigable(e):!0}handleListKeydown(t){if(t.defaultPrevented||this.parentListEl)return;let{key:e}=t,i=this.focusableItems.filter(s=>this.isNavigable(s)),a=i.findIndex(s=>s.active);if(e==="ArrowDown"){t.preventDefault();let s=t.target===this.filterEl?0:a+1;i[s]&&this.focusRow(i[s])}else if(e==="ArrowUp"){if(t.preventDefault(),a===0&&this.filterEnabled){this.filterEl.setFocus();return}let s=a-1;i[s]&&this.focusRow(i[s])}else if(e==="Home"){t.preventDefault();let s=i[0];s&&this.focusRow(s)}else if(e==="End"){t.preventDefault();let s=i[i.length-1];s&&this.focusRow(s)}}handleInteractionModeWarning(){this.interactionMode==="static"&&this.selectionMode!=="none"&&this.selectionAppearance==="border"&&console.warn('selection-appearance="border" requires interaction-mode="interactive"')}validateSortMenuItem({fromEl:t,toEl:e,dragEl:i,newIndex:a,oldIndex:s,type:n}){if(!t||!e||e===t||i.contains(e))return!1;let l=t.canPull?.({toEl:e,fromEl:t,dragEl:i,newIndex:a,oldIndex:s})??!0,r=e.canPut?.({toEl:e,fromEl:t,dragEl:i,newIndex:a,oldIndex:s})??!0;return(n==="add"?l==="clone":l===!0)&&r}handleAdd(t){let{addTo:e}=t.detail,i=t.target,a=i?.parentElement,s=e.element,l=Array.from(a.children).filter(b).indexOf(i),r=0;if(!this.validateSortMenuItem({type:"add",fromEl:a,toEl:s,dragEl:i,newIndex:r,oldIndex:l}))return;i.sortHandleOpen=!1,this.disconnectObserver();let c=i.cloneNode();s.prepend(c),A(i),this.updateListItemsDebounced(),this.connectObserver();let u={dragEl:i,fromEl:a,toEl:s,newIndex:r,oldIndex:l};this.calciteListOrderChange.emit(u),s.emitOrderChangeEvent(u)}handleMove(t){let{moveTo:e}=t.detail,i=t.target,a=i?.parentElement,s=e.element,l=Array.from(a.children).filter(b).indexOf(i),r=0;if(!this.validateSortMenuItem({type:"move",fromEl:a,toEl:s,dragEl:i,newIndex:r,oldIndex:l}))return;i.sortHandleOpen=!1,this.disconnectObserver(),s.prepend(i),A(i),this.updateListItemsDebounced(),this.connectObserver();let c={dragEl:i,fromEl:a,toEl:s,newIndex:r,oldIndex:l};this.calciteListOrderChange.emit(c),s.emitOrderChangeEvent(c)}handleReorder(t){let{reorder:e}=t.detail,i=t.target,a=i?.parentElement;if(!a)return;i.sortHandleOpen=!1;let s=Array.from(a.children).filter(b),n=s.length-1,l=s.indexOf(i),r=l;switch(e){case"top":r=0;break;case"bottom":r=n;break;case"up":r=l===0?0:l-1;break;case"down":r=l===n?n:l+1;break}this.disconnectObserver();let c=e==="up"||e==="top"?s[r]:s[r].nextSibling;a.insertBefore(i,c),this.updateListItemsDebounced(),this.connectObserver(),this.calciteListOrderChange.emit({dragEl:i,fromEl:a,toEl:a,newIndex:r,oldIndex:l})}render(){let{loading:t,label:e,disabled:i,dataForFilter:a,filterEnabled:s,filterPlaceholder:n,filterLabel:l,hasFilterActionsStart:r,hasFilterActionsEnd:c,effectiveFilterProps:u}=this;return this.interactiveContainer({disabled:this.disabled,children:d`<div class=${h({[f.container]:!0,[f.containerHeight]:this.listItems.length<1&&t})} style=${k({"--calcite-internal-filter-enabled-offset":`${this.filterRowHeight}px`})}>${this.dragEnabled?d`<span aria-live=assertive class=${h(f.assistiveText)}>${this.assistiveText}</span>`:null}${this.renderItemAriaLive()}${t?d`<calcite-scrim class=${h(f.scrim)} .loading=${t}></calcite-scrim>`:null}<div .ariaBusy=${t} .ariaLabel=${e||""} class=${h(f.table)} @keydown=${this.handleListKeydown} role=treegrid>${s||r||c?d`<div class=${h(f.sticky)} role=rowgroup ${I(this.setFilterContainerEl)}><div role=row><div role=columnheader><calcite-stack class=${h(f.stack)}><slot name=${S.filterActionsStart} @slotchange=${this.handleFilterActionsStartSlotChange} slot=${$.actionsStart}></slot><calcite-filter .ariaLabel=${n} .disabled=${i} .filterProps=${u} .items=${a} .label=${l} @calciteFilterChange=${this.handleFilterChange} .placeholder=${n} .scale=${this.scale} ${I(this.setFilterEl)}></calcite-filter><slot name=${S.filterActionsEnd} @slotchange=${this.handleFilterActionsEndSlotChange} slot=${$.actionsEnd}></slot></calcite-stack></div></div></div>`:null}<div class=${h(f.tableContainer)} role=rowgroup><div .hidden=${!this.showEmptyContentContainer}><slot name=${S.emptyContent} @slotchange=${this.handleEmptyContentSlotChange}></slot></div><slot @slotchange=${this.handleDefaultSlotChange} ${I(this.setDefaultSlotEl)}></slot></div></div><div aria-live=polite .hidden=${!this.showNoResultsContainer}><slot name=${S.filterNoResults} @slotchange=${this.handleFilterNoResultsSlotChange}></slot></div></div>`})}renderItemAriaLive(){let{messages:t,filteredItems:e,parentListEl:i,messages:{_lang:a},numberingSystem:s}=this;return D.numberFormatOptions={locale:a,numberingSystem:s},i?null:d`<div aria-live=polite class=${h(f.assistiveText)}>${this.hasActiveFilter?v("aria-filter-enabled",d`<div>${t.filterEnabled}</div>`):null}${v("aria-item-count",d`<div>${t.total.replace("{count}",D.localize(e.length.toString()))}</div>`)}${e.length?v("aria-item-list",d`<ol>${e.map(n=>d`<li>${n.label}</li>`)}</ol>`):null}</div>`}};T("calcite-list",P);export{P as List};
|