@esri/calcite-components 5.0.0-next.90 → 5.0.0
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/LICENSE.md +1 -1
- package/README.md +3 -3
- package/{THIRD-PARTY-LICENSES.md → THIRD-PARTY-NOTICES.md} +32 -32
- package/dist/cdn/{WGSNXQ6Z.js → 256GEJRV.js} +2 -2
- package/dist/cdn/{IEOKCKAL.js → 2COQ4N3Q.js} +2 -2
- package/dist/cdn/{ZWRODY2L.js → 2JDX3HMS.js} +2 -2
- package/dist/cdn/{I6W6MEFS.js → 2LF5U6LZ.js} +2 -2
- package/dist/cdn/{3OLKUD75.js → 3B7S4NSV.js} +2 -2
- package/dist/cdn/{AHH6CZPM.js → 3EWNVJ5H.js} +2 -2
- package/dist/cdn/{CX6C5AP4.js → 3Y7QS4TI.js} +2 -2
- package/dist/cdn/{E756HATB.js → 4675RKM3.js} +2 -2
- package/dist/cdn/{RG43MK7J.js → 4PAHJGIX.js} +2 -2
- package/dist/cdn/{VTAD2KWZ.js → 4VJ3XLLC.js} +2 -2
- package/dist/cdn/{KCJNSCVQ.js → 4WJHYN2P.js} +2 -2
- package/dist/cdn/{7HRDXUDT.js → 4WWXWVRA.js} +2 -2
- package/dist/cdn/{53AZOIDQ.js → 5535V2HS.js} +2 -2
- package/dist/cdn/{B462VH4Q.js → 5ADIYSFW.js} +1 -1
- package/dist/cdn/{LO7U2YBI.js → 5E5CDL22.js} +2 -2
- package/dist/cdn/{X6HPXAIP.js → 5G7SHA54.js} +2 -2
- package/dist/cdn/{56KIQGMU.js → 5L44R6EF.js} +1 -1
- package/dist/cdn/{ORMZ3OME.js → 63FNXDPF.js} +2 -2
- package/dist/cdn/{JNS5OZXU.js → 6MH4VQH6.js} +2 -2
- package/dist/cdn/{ZI27XUYI.js → 76TEL7PQ.js} +1 -1
- package/dist/cdn/{HVXOJQEJ.js → 7BCIDDBP.js} +2 -2
- package/dist/cdn/{TNX6W2TH.js → 7CXUCW7M.js} +2 -2
- package/dist/cdn/{SDWH6NCM.js → 7LVAIIM7.js} +2 -2
- package/dist/cdn/{PRT36Y7X.js → 7QIZHY77.js} +2 -2
- package/dist/cdn/{LIRUHNDL.js → 7RSTZCR3.js} +2 -2
- package/dist/cdn/{JZU3G6D6.js → 7Y3AJVBO.js} +2 -2
- package/dist/cdn/{IXAI55GV.js → AEB3WXMU.js} +2 -2
- package/dist/cdn/{ZVJJCWQZ.js → AH4IKEYK.js} +2 -2
- package/dist/cdn/{LZZZYALB.js → AIZ2IF3E.js} +2 -2
- package/dist/cdn/{Y365SWRZ.js → APKBCW3E.js} +2 -2
- package/dist/cdn/{4XUVVXSS.js → APOXH4NM.js} +2 -2
- package/dist/cdn/{XJH4EWZT.js → AR24DFYK.js} +2 -2
- package/dist/cdn/{H3XHJPQS.js → AUM62NOU.js} +2 -2
- package/dist/cdn/{ZJZMDWFY.js → AVHPVPXW.js} +1 -1
- package/dist/cdn/{KSX6BQIL.js → BD6G37NT.js} +2 -2
- package/dist/cdn/{4FQLQRJH.js → BD7T6TUM.js} +2 -2
- package/dist/cdn/{ZMN6MPPD.js → BGPTQLGU.js} +1 -1
- package/dist/cdn/{7KFIM36X.js → BJZLHY2T.js} +1 -1
- package/dist/cdn/{HCQZENX4.js → BNR3II4Y.js} +2 -2
- package/dist/cdn/{3JCUBVGX.js → BNXY3PHK.js} +2 -2
- package/dist/cdn/{GRPPKNO4.js → BRVJXN23.js} +2 -2
- package/dist/cdn/{PESKECOL.js → BTDOSAX2.js} +2 -2
- package/dist/cdn/{B75IDQMG.js → BTDTZT3K.js} +2 -2
- package/dist/cdn/{FUFPUC3J.js → C3GS6BMJ.js} +2 -2
- package/dist/cdn/{VQRDUN37.js → CGGBTOEH.js} +2 -2
- package/dist/cdn/{PIWIJ2KY.js → CNCDLTPI.js} +2 -2
- package/dist/cdn/{HHIL2XED.js → CRP2NHPY.js} +2 -2
- package/dist/cdn/{PGAGEAJH.js → D57BGBSK.js} +2 -2
- package/dist/cdn/{A5QNT6VR.js → DJQR57VC.js} +2 -2
- package/dist/cdn/{NJIFONK4.js → DLCR2BZZ.js} +2 -2
- package/dist/cdn/{XX2MSC32.js → DPKYL2EC.js} +2 -2
- package/dist/cdn/{U7ZDBIIR.js → DY6MS52F.js} +2 -2
- package/dist/cdn/{2DFGGHQE.js → DZ7QKWDK.js} +1 -1
- package/dist/cdn/{RXH6GMQL.js → EE6OTRGW.js} +1 -1
- package/dist/cdn/{Z3JP3LUC.js → F5BIAFBI.js} +2 -2
- package/dist/cdn/{TCHNDCID.js → F6H3DXCY.js} +2 -2
- package/dist/cdn/{J6TFKAIC.js → FETI7EKZ.js} +2 -2
- package/dist/cdn/{MQVQXZTI.js → FGCU2GWN.js} +2 -2
- package/dist/cdn/{4VODXBZJ.js → FGDUJ74F.js} +1 -1
- package/dist/cdn/{XOQT32SN.js → FNZ2HXDB.js} +1 -1
- package/dist/cdn/{3C3ND6VG.js → FQ3TR4HW.js} +2 -2
- package/dist/cdn/{ALSB4MME.js → FRDS6U7H.js} +2 -2
- package/dist/cdn/{CQZ5XOUE.js → FSV47WM7.js} +1 -1
- package/dist/cdn/{L5DCYOBU.js → FVH7MXOW.js} +2 -2
- package/dist/cdn/{E5ANJARX.js → FWCMNOFR.js} +2 -2
- package/dist/cdn/{2D4FAAS7.js → G2L36563.js} +2 -2
- package/dist/cdn/{BWT4WCU2.js → GAFQLQEE.js} +2 -2
- package/dist/cdn/{5RSVFEAE.js → GCFOT3OR.js} +2 -2
- package/dist/cdn/{IHEE2CLJ.js → GFD7CTUG.js} +2 -2
- package/dist/cdn/{4FUK34M7.js → GGGJSJ23.js} +2 -2
- package/dist/cdn/{RIY5NVZT.js → GLSBAWO4.js} +2 -2
- package/dist/cdn/{ITVMQGUZ.js → H7NVY7CX.js} +2 -2
- package/dist/cdn/{XEVMMGSJ.js → HATVATL4.js} +2 -2
- package/dist/cdn/{NYJPJOH6.js → HFAKOO6F.js} +2 -2
- package/dist/cdn/{42PDLP4V.js → HLR3E4S6.js} +2 -2
- package/dist/cdn/{VYMY7D7E.js → HO55VHYW.js} +2 -2
- package/dist/cdn/{CPK2AXTV.js → HULZTISZ.js} +2 -2
- package/dist/cdn/{FUF5AYBJ.js → I7LUEIGZ.js} +2 -2
- package/dist/cdn/{XSFHOUUE.js → ICBBCOLE.js} +1 -1
- package/dist/cdn/{W3RDOCHY.js → IDWS7FFP.js} +2 -2
- package/dist/cdn/{HWBAGILB.js → IIT73XGP.js} +1 -1
- package/dist/cdn/{MRKMUYAC.js → IJPHDFU5.js} +2 -2
- package/dist/cdn/{JN4NZDBU.js → IMHNWG7Z.js} +2 -2
- package/dist/cdn/{VTJXAHNM.js → IQ6FUOZP.js} +2 -2
- package/dist/cdn/{4J44XSQW.js → IYQUDEJO.js} +2 -2
- package/dist/cdn/{T6KT2BLZ.js → IZSMD6BH.js} +2 -2
- package/dist/cdn/{L7GK7GQK.js → J3AN2DR4.js} +2 -2
- package/dist/cdn/{BYTGKTPU.js → J43BZOLH.js} +1 -1
- package/dist/cdn/{E7NJJDKC.js → JRIDQ6KV.js} +2 -2
- package/dist/cdn/{VR2L65O2.js → K4NLKEAQ.js} +2 -2
- package/dist/cdn/{OYVJXVEV.js → K52GMRFJ.js} +2 -2
- package/dist/cdn/{RETBGNCK.js → KFOC2MWI.js} +2 -2
- package/dist/cdn/{CMR4V2WQ.js → KLGRXPJV.js} +2 -2
- package/dist/cdn/{HNXAG4BM.js → KSFJA54Q.js} +2 -2
- package/dist/cdn/{V5RIHRRO.js → KTANO47V.js} +2 -2
- package/dist/cdn/{P7YHAIEZ.js → KXJJGQTX.js} +2 -2
- package/dist/cdn/{QW337ER2.js → KZRKUSHK.js} +2 -2
- package/dist/cdn/{XW5AOIBB.js → L2YGU7BT.js} +2 -2
- package/dist/cdn/{ZFLMPCLT.js → LQTQMXK3.js} +1 -1
- package/dist/cdn/{WDARI2SE.js → LZFJPL7U.js} +2 -2
- package/dist/cdn/{J235UDWW.js → M57TODJD.js} +2 -2
- package/dist/cdn/{F72Z4HM6.js → MB2OEHHH.js} +2 -2
- package/dist/cdn/{Q74XMOUA.js → MC65B75R.js} +2 -2
- package/dist/cdn/{UDD4BTI2.js → MJWUADH6.js} +2 -2
- package/dist/cdn/{YRR5ZVS5.js → MRW6Y55I.js} +2 -2
- package/dist/cdn/{JUFLQ6OQ.js → MYQ2LCZC.js} +2 -2
- package/dist/cdn/{QF42KR4I.js → NXBQRQXL.js} +2 -2
- package/dist/cdn/{CHOI2LKF.js → O6CYXG3O.js} +2 -2
- package/dist/cdn/{UT2TD7PC.js → OCBOO7AO.js} +2 -2
- package/dist/cdn/{TN3G5URR.js → OFTKR42K.js} +2 -2
- package/dist/cdn/{54Z7J24D.js → OSYMWJES.js} +2 -2
- package/dist/cdn/{V6GMCJSG.js → P7O2LN6C.js} +2 -2
- package/dist/cdn/{CFWVE5Y4.js → PAZJ5Y7Z.js} +2 -2
- package/dist/cdn/{NPLFO6RM.js → PR4PV2IH.js} +2 -2
- package/dist/cdn/{ETHV3NPM.js → PTKSF5UW.js} +1 -1
- package/dist/cdn/{IEYWOOZQ.js → PXCUZVCC.js} +2 -2
- package/dist/cdn/{RLLZEMXM.js → QAEGAMWT.js} +2 -2
- package/dist/cdn/{ZUFRHJVH.js → QFPCRRM3.js} +2 -2
- package/dist/cdn/{WA2FXRDY.js → QJYXZLWE.js} +2 -2
- package/dist/cdn/{YTMUZ4UM.js → QOR375HY.js} +2 -2
- package/dist/cdn/{GJXXDFJS.js → QV362NZF.js} +2 -2
- package/dist/cdn/{VKNGKWY6.js → QYWC33HA.js} +2 -2
- package/dist/cdn/{IRCVD4Y7.js → R2GBQQ6L.js} +2 -2
- package/dist/cdn/{JMPB26QJ.js → R2I6BYS2.js} +2 -2
- package/dist/cdn/{Y6GEQPKV.js → R4BLCRGG.js} +2 -2
- package/dist/cdn/{ZSGXM2FJ.js → RGV6VH7U.js} +2 -2
- package/dist/cdn/{4IHEL2UE.js → RST4PSBP.js} +2 -2
- package/dist/cdn/{SDMCB2L2.js → SG6SLBYA.js} +2 -2
- package/dist/cdn/{WEYVNBIG.js → SHN3GLJG.js} +2 -2
- package/dist/cdn/{NKERUAOG.js → SMMLO4QY.js} +1 -1
- package/dist/cdn/{SE5DKTEL.js → SQTXBP3L.js} +2 -2
- package/dist/cdn/{6SST7X4E.js → SS6AO3RG.js} +2 -2
- package/dist/cdn/{GDDJZRQN.js → TEJRN5UE.js} +2 -2
- package/dist/cdn/{4WDYGAZV.js → TFT3BFZ2.js} +2 -2
- package/dist/cdn/{GAKKH3B5.js → TLDETJBM.js} +1 -1
- package/dist/cdn/{K3L24DGY.js → TLWHN7AF.js} +2 -2
- package/dist/cdn/{SXZ7YXBK.js → TPTR4HFU.js} +1 -1
- package/dist/cdn/{LSVTBQL3.js → TRDONYR7.js} +2 -2
- package/dist/cdn/{UOLGMMDV.js → U3ROJOHY.js} +2 -2
- package/dist/cdn/{OZAXHXWC.js → UFLDI22I.js} +2 -2
- package/dist/cdn/{WRTJU25K.js → UNPQSH3S.js} +2 -2
- package/dist/cdn/{P4AKCQCA.js → UQOTSM4X.js} +2 -2
- package/dist/cdn/{XDT6HCOQ.js → UR4LFVZY.js} +2 -2
- package/dist/cdn/{EBEMVQGW.js → UWTJ4CGQ.js} +2 -2
- package/dist/cdn/{E3UI4CEU.js → VJAUFE3I.js} +2 -2
- package/dist/cdn/{ZOR666OR.js → VKYRCARI.js} +1 -1
- package/dist/cdn/{WMGA7JQC.js → VL45VPVN.js} +2 -2
- package/dist/cdn/{2PN65HF3.js → VT3DFN4N.js} +2 -2
- package/dist/cdn/{A5G4EAEX.js → VUAKCS3R.js} +2 -2
- package/dist/cdn/{WIQVFYMX.js → VX4Q3WPO.js} +2 -2
- package/dist/cdn/{DL7GHMZM.js → VYRH76YF.js} +2 -2
- package/dist/cdn/{X3WEABQT.js → W35527Y6.js} +1 -1
- package/dist/cdn/{R5EEDG7I.js → WGVTBR6M.js} +2 -2
- package/dist/cdn/{6546YQJW.js → WJZTLKQ4.js} +2 -2
- package/dist/cdn/{JHQZW7OP.js → WN5VQD53.js} +2 -2
- package/dist/cdn/{3GQKYROX.js → WUU6SHXA.js} +2 -2
- package/dist/cdn/{EY5LIL32.js → X3QBMNRO.js} +2 -2
- package/dist/cdn/{PGLQFOO4.js → X64BJJNI.js} +2 -2
- package/dist/cdn/{FQVNDR6W.js → XI2XXMZD.js} +2 -2
- package/dist/cdn/{AIZG625O.js → XJWOUM7F.js} +2 -2
- package/dist/cdn/{HGUVUOHZ.js → XNCGCYA3.js} +2 -2
- package/dist/cdn/{GKK6QSGA.js → XUCWA6FL.js} +2 -2
- package/dist/cdn/{3DIPLP4F.js → XVYT4PK6.js} +2 -2
- package/dist/cdn/{3KCD3RCI.js → XZQ5CRHN.js} +2 -2
- package/dist/cdn/{B2DBJWFY.js → Y3OGEVQQ.js} +2 -2
- package/dist/cdn/{YDY2PJ77.js → YMYYPYHT.js} +1 -1
- package/dist/cdn/{D3MBAVFD.js → YPEYPZ5Q.js} +2 -2
- package/dist/cdn/{DC7W4QGO.js → Z5KFC2Q7.js} +1 -1
- package/dist/cdn/{PYJCVQM2.js → ZBFX2JGJ.js} +1 -1
- package/dist/cdn/{UXYYCBD3.js → ZEXFU556.js} +2 -2
- package/dist/cdn/{75ZFNBNQ.js → ZMPKNIOK.js} +2 -2
- package/dist/cdn/{YPNEV572.js → ZPJSUYL6.js} +2 -2
- package/dist/cdn/{MI4JHPOY.js → ZVGHK2ST.js} +2 -2
- package/dist/cdn/{BWY2UIDA.js → ZVWHCPCV.js} +1 -1
- package/dist/cdn/{SKRFI3FL.js → ZZVNO5WL.js} +2 -2
- package/dist/cdn/index.js +2 -2
- package/dist/chunks/ExpandToggle.js +1 -1
- package/dist/chunks/FloatingArrow.js +1 -1
- package/dist/chunks/Heading.js +1 -1
- package/dist/chunks/InternalLabel.js +1 -1
- package/dist/chunks/Validation.js +1 -1
- package/dist/chunks/array.js +1 -1
- package/dist/chunks/component.js +1 -1
- package/dist/chunks/core.js +1 -1
- package/dist/chunks/date.js +1 -1
- package/dist/chunks/dom.js +1 -1
- package/dist/chunks/dynamicClasses.js +1 -1
- package/dist/chunks/filter.js +1 -1
- package/dist/chunks/floating-ui.js +1 -1
- package/dist/chunks/form.js +1 -1
- package/dist/chunks/global.js +1 -1
- package/dist/chunks/guid.js +1 -1
- package/dist/chunks/header.js +1 -1
- package/dist/chunks/input.js +1 -1
- package/dist/chunks/key.js +1 -1
- package/dist/chunks/label.js +1 -1
- package/dist/chunks/locale.js +1 -1
- package/dist/chunks/logger.js +1 -1
- package/dist/chunks/math.js +1 -1
- package/dist/chunks/observers.js +1 -1
- package/dist/chunks/openCloseComponent.js +1 -1
- package/dist/chunks/resources.js +1 -1
- package/dist/chunks/resources2.js +1 -1
- package/dist/chunks/resources3.js +1 -1
- package/dist/chunks/resources4.js +1 -1
- package/dist/chunks/resources5.js +1 -1
- package/dist/chunks/resources6.js +1 -1
- package/dist/chunks/resources7.js +1 -1
- package/dist/chunks/resources8.js +1 -1
- package/dist/chunks/resources9.js +1 -1
- package/dist/chunks/responsive.js +1 -1
- package/dist/chunks/runtime.js +5 -5
- package/dist/chunks/sortable.js +1 -1
- package/dist/chunks/sortableComponent.js +1 -1
- package/dist/chunks/text.js +1 -1
- package/dist/chunks/useCancelable.js +1 -1
- package/dist/chunks/useFocusTrap.js +1 -1
- package/dist/chunks/useInteractive.js +1 -1
- package/dist/chunks/usePreventDocumentScroll.js +1 -1
- package/dist/chunks/useSetFocus.js +1 -1
- package/dist/chunks/useSizeOverride.js +1 -1
- package/dist/chunks/useT9n.js +1 -1
- package/dist/chunks/useTime.js +1 -1
- package/dist/chunks/useTopLayer.js +1 -1
- package/dist/chunks/utils.js +1 -1
- package/dist/chunks/utils2.js +1 -1
- package/dist/chunks/utils3.js +1 -1
- package/dist/chunks/utils4.js +1 -1
- package/dist/components/calcite-accordion/customElement.js +1 -1
- package/dist/components/calcite-accordion-item/customElement.js +1 -1
- package/dist/components/calcite-action/customElement.js +1 -1
- package/dist/components/calcite-action-bar/customElement.js +1 -1
- package/dist/components/calcite-action-group/customElement.js +1 -1
- package/dist/components/calcite-action-menu/customElement.js +1 -1
- package/dist/components/calcite-action-pad/customElement.js +1 -1
- package/dist/components/calcite-alert/customElement.js +1 -1
- package/dist/components/calcite-autocomplete/customElement.js +1 -1
- package/dist/components/calcite-autocomplete-item/customElement.js +1 -1
- package/dist/components/calcite-autocomplete-item-group/customElement.js +1 -1
- package/dist/components/calcite-avatar/customElement.js +1 -1
- package/dist/components/calcite-block/customElement.js +1 -1
- package/dist/components/calcite-block-group/customElement.js +1 -1
- package/dist/components/calcite-block-section/customElement.js +1 -1
- package/dist/components/calcite-button/customElement.js +1 -1
- package/dist/components/calcite-card/customElement.js +1 -1
- package/dist/components/calcite-card-group/customElement.js +1 -1
- package/dist/components/calcite-carousel/customElement.js +1 -1
- package/dist/components/calcite-carousel-item/customElement.js +1 -1
- package/dist/components/calcite-checkbox/customElement.js +1 -1
- package/dist/components/calcite-chip/customElement.js +1 -1
- package/dist/components/calcite-chip-group/customElement.js +1 -1
- package/dist/components/calcite-color-picker/customElement.js +1 -1
- package/dist/components/calcite-color-picker-hex-input/customElement.js +1 -1
- package/dist/components/calcite-color-picker-swatch/customElement.js +1 -1
- package/dist/components/calcite-combobox/customElement.js +1 -1
- package/dist/components/calcite-combobox-item/customElement.js +1 -1
- package/dist/components/calcite-combobox-item-group/customElement.js +1 -1
- package/dist/components/calcite-date-picker/customElement.js +1 -1
- package/dist/components/calcite-date-picker-day/customElement.js +1 -1
- package/dist/components/calcite-date-picker-month/customElement.js +1 -1
- package/dist/components/calcite-date-picker-month-header/customElement.js +1 -1
- package/dist/components/calcite-dialog/customElement.js +1 -1
- package/dist/components/calcite-dropdown/customElement.js +1 -1
- package/dist/components/calcite-dropdown-group/customElement.js +1 -1
- package/dist/components/calcite-dropdown-item/customElement.js +1 -1
- package/dist/components/calcite-fab/customElement.js +1 -1
- package/dist/components/calcite-filter/customElement.js +1 -1
- package/dist/components/calcite-flow/customElement.js +1 -1
- package/dist/components/calcite-flow-item/customElement.js +1 -1
- package/dist/components/calcite-graph/customElement.js +1 -1
- package/dist/components/calcite-handle/customElement.js +1 -1
- package/dist/components/calcite-icon/customElement.js +1 -1
- package/dist/components/calcite-inline-editable/customElement.js +1 -1
- package/dist/components/calcite-input/customElement.js +1 -1
- package/dist/components/calcite-input-date-picker/customElement.js +1 -1
- package/dist/components/calcite-input-message/customElement.js +1 -1
- package/dist/components/calcite-input-number/customElement.js +1 -1
- package/dist/components/calcite-input-text/customElement.js +1 -1
- package/dist/components/calcite-input-time-picker/customElement.js +1 -1
- package/dist/components/calcite-input-time-zone/customElement.js +1 -1
- package/dist/components/calcite-label/customElement.js +1 -1
- package/dist/components/calcite-link/customElement.js +1 -1
- package/dist/components/calcite-list/customElement.js +1 -1
- package/dist/components/calcite-list-item/customElement.js +1 -1
- package/dist/components/calcite-list-item-group/customElement.js +1 -1
- package/dist/components/calcite-loader/customElement.js +1 -1
- package/dist/components/calcite-menu/customElement.js +1 -1
- package/dist/components/calcite-menu-item/customElement.js +1 -1
- package/dist/components/calcite-meter/customElement.js +1 -1
- package/dist/components/calcite-navigation/customElement.js +1 -1
- package/dist/components/calcite-navigation-logo/customElement.js +1 -1
- package/dist/components/calcite-navigation-user/customElement.js +1 -1
- package/dist/components/calcite-notice/customElement.js +1 -1
- package/dist/components/calcite-option/customElement.js +1 -1
- package/dist/components/calcite-option-group/customElement.js +1 -1
- package/dist/components/calcite-pagination/customElement.js +1 -1
- package/dist/components/calcite-panel/customElement.js +1 -1
- package/dist/components/calcite-popover/customElement.js +1 -1
- package/dist/components/calcite-progress/customElement.js +1 -1
- package/dist/components/calcite-radio-button/customElement.js +1 -1
- package/dist/components/calcite-radio-button-group/customElement.js +1 -1
- package/dist/components/calcite-rating/customElement.js +1 -1
- package/dist/components/calcite-scrim/customElement.js +1 -1
- package/dist/components/calcite-segmented-control/customElement.js +1 -1
- package/dist/components/calcite-segmented-control-item/customElement.js +1 -1
- package/dist/components/calcite-select/customElement.js +1 -1
- package/dist/components/calcite-sheet/customElement.js +1 -1
- package/dist/components/calcite-shell/customElement.js +1 -1
- package/dist/components/calcite-shell-panel/customElement.js +1 -1
- package/dist/components/calcite-slider/customElement.js +1 -1
- package/dist/components/calcite-sort-handle/customElement.js +1 -1
- package/dist/components/calcite-sortable-list/customElement.js +1 -1
- package/dist/components/calcite-split-button/customElement.js +1 -1
- package/dist/components/calcite-stack/customElement.js +1 -1
- package/dist/components/calcite-stepper/customElement.js +1 -1
- package/dist/components/calcite-stepper-item/customElement.js +1 -1
- package/dist/components/calcite-swatch/customElement.js +1 -1
- package/dist/components/calcite-swatch-group/customElement.js +1 -1
- package/dist/components/calcite-switch/customElement.js +1 -1
- package/dist/components/calcite-tab/customElement.js +1 -1
- package/dist/components/calcite-tab-nav/customElement.js +1 -1
- package/dist/components/calcite-tab-title/customElement.js +1 -1
- package/dist/components/calcite-table/customElement.js +1 -1
- package/dist/components/calcite-table-cell/customElement.js +1 -1
- package/dist/components/calcite-table-header/customElement.js +1 -1
- package/dist/components/calcite-table-row/customElement.js +1 -1
- package/dist/components/calcite-tabs/customElement.js +1 -1
- package/dist/components/calcite-text-area/customElement.js +1 -1
- package/dist/components/calcite-tile/customElement.js +1 -1
- package/dist/components/calcite-tile-group/customElement.js +1 -1
- package/dist/components/calcite-time-picker/customElement.js +1 -1
- package/dist/components/calcite-tooltip/customElement.js +1 -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/web-types.json +1 -1
- package/dist/index.js +1 -1
- package/dist/loader.js +1 -1
- package/package.json +7 -7
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0
|
|
4
|
-
import{a as q}from"./56KIQGMU.js";import{j as c}from"./U7ZDBIIR.js";import{a as j}from"./WIQVFYMX.js";import{a as F}from"./CPK2AXTV.js";import{c as R,d as W,e as B}from"./Z3JP3LUC.js";import{c as O,e as A,h as H}from"./CHOI2LKF.js";import{a as T}from"./4IHEL2UE.js";import{a as M}from"./JZU3G6D6.js";import{c as I}from"./SXZ7YXBK.js";import"./RXH6GMQL.js";import{a as k,b as L}from"./ZMN6MPPD.js";import{a as E}from"./42PDLP4V.js";import{a as C}from"./XEVMMGSJ.js";import"./NKERUAOG.js";import{c as $}from"./PIWIJ2KY.js";import"./KCJNSCVQ.js";import{t as u}from"./CFWVE5Y4.js";import{a as S}from"./2DFGGHQE.js";import{B as x,C as b,D as m,E as y,F as r,H as l,J as z,Q as w,g as v,h as s,p as g}from"./ITVMQGUZ.js";var t={assistiveText:"assistive-text",characterLimit:"character-limit",content:"content",container:"container",footer:"footer",characterOverLimit:"character--over-limit",readOnly:"readonly",textAreaInvalid:"text-area--invalid",footerSlotted:"footer--slotted",hide:"hide",footerEndSlotOnly:"footer--end-only",textArea:"text-area",textAreaOnly:"text-area--only",wrapper:"wrapper",loaderContainer:"loader-container",loader:"loader"},N={validationMessage:"textAreaValidationMessage"},V={footerStart:"footer-start",footerEnd:"footer-end"},P=100,p=Object.freeze({height:0,width:0}),U=v`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:inline-block;block-size:100%;inline-size:100%;--calcite-internal-text-area-border-color: var(--calcite-text-area-border-color, var(--calcite-color-border-input));--calcite-internal-text-area-footer-border-color: var( --calcite-text-area-footer-border-color, var(--calcite-internal-text-area-border-color) );--calcite-internal-text-area-corner-radius: var( --calcite-text-area-corner-radius, var(--calcite-corner-radius-default) );--calcite-internal-text-area-shadow: var(--calcite-text-area-shadow, var(--calcite-shadow-none));--calcite-internal-text-area-footer-background-color: var( --calcite-text-area-footer-background-color, var(--calcite-text-area-background-color, var(--calcite-color-foreground-1)) );min-block-size:var(--calcite-text-area-min-height, calc(2 * var(--calcite-internal-text-area-padding-block) + 2 * var(--calcite-border-width-sm)));min-inline-size:var(--calcite-text-area-min-width, 12rem)}.wrapper{box-sizing:border-box;block-size:100%;inline-size:100%;box-shadow:var(--calcite-internal-text-area-shadow);border-radius:var(--calcite-internal-text-area-corner-radius)}.text-area,.footer{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));padding-block:var(--calcite-internal-text-area-padding-block);padding-inline:var(--calcite-internal-text-area-padding-inline)}.footer{background-color:var(--calcite-internal-text-area-footer-background-color);border-radius:0 0 var(--calcite-internal-text-area-corner-radius) var(--calcite-internal-text-area-corner-radius)}.text-area{position:relative;margin:0;box-sizing:border-box;display:block;inline-size:100%;--calcite-internal-text-area-border-block-end-color: var(--calcite-internal-text-area-border-color);border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-border-color);border-block-end-color:var(--calcite-internal-text-area-border-block-end-color);color:var(--calcite-text-area-text-color, var(--calcite-color-text-1));font-family:inherit;max-block-size:var(--calcite-text-area-max-height);min-block-size:calc(var(--calcite-text-area-min-height, 0px) - var(--calcite-internal-text-area-footer-min-height, 0px));max-inline-size:var(--calcite-text-area-max-width);min-inline-size:var(--calcite-text-area-min-width, 12rem);background-color:var(--calcite-text-area-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-internal-text-area-corner-radius) var(--calcite-internal-text-area-corner-radius) 0 0}.text-area::placeholder{font-weight:var(--calcite-font-weight-normal)}@media screen and (max-width:480px){.text-area{resize:none}}.text-area:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.text-area.text-area--invalid{--calcite-internal-text-area-border-color: var(--calcite-color-status-danger)}.text-area.text-area--invalid:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.text-area.footer--slotted{min-inline-size:18rem}.text-area.text-area--only{border-radius:var(--calcite-internal-text-area-corner-radius)}.text-area:not(.text-area--only,.text-area--invalid){--calcite-internal-text-area-border-block-end-color: var( --calcite-text-area-divider-color, var(--calcite-color-border-3) )}.loader-container{position:relative;block-size:inherit}.loader{position:absolute;inset-block-start:0;inset-block-start:var(--calcite-spacing-px);inset-inline:var(--calcite-spacing-px)}.footer{box-sizing:border-box;display:flex;align-items:center;border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-footer-border-color);border-block-start:var(--calcite-border-width-none);min-block-size:var(--calcite-internal-text-area-footer-min-height)}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));font-weight:var(--calcite-font-weight-regular);color:var(--calcite-text-area-character-limit-text-color, var(--calcite-color-text-2));padding-inline-start:var(--calcite-spacing-md)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-status-danger)}.readonly{background-color:var(--calcite-text-area-background-color, var(--calcite-color-background));font-weight:var(--calcite-font-weight-medium)}.footer.readonly{background-color:var(--calcite-internal-text-area-footer-background-color, var(--calcite-color-background))}.content,.hide{display:none}.container{display:flex;inline-size:100%;justify-content:space-between}.footer--end-only{justify-content:flex-end}.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}.text-area.text-area--only{block-size:100%;min-block-size:var(--calcite-text-area-min-height, 0)}:host([resize=none]) .text-area{resize:none}:host([resize=horizontal]) .text-area{resize:horizontal}:host([resize=vertical]) .text-area{resize:vertical}:host([scale=s]){--calcite-internal-text-area-padding-block: var(--calcite-spacing-xxs);--calcite-internal-text-area-padding-inline: var(--calcite-spacing-sm);--calcite-internal-text-area-footer-min-height: 1.75rem}:host([scale=s]) .text-area,:host([scale=s]) .footer,:host([scale=s]) .character-limit{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--2))}:host([scale=s]) .character-limit{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=m]){--calcite-internal-text-area-padding-block: var(--calcite-spacing-sm);--calcite-internal-text-area-padding-inline: var(--calcite-spacing-md);--calcite-internal-text-area-footer-min-height: 2.25rem}:host([scale=l]){--calcite-internal-text-area-padding-block: var(--calcite-spacing-md);--calcite-internal-text-area-padding-inline: var(--calcite-spacing-lg);--calcite-internal-text-area-footer-min-height: 2.75rem}:host([scale=l]) .text-area,:host([scale=l]) .footer,:host([scale=l]) .character-limit{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size-0))}:host([scale=l]) .character-limit{padding-inline-start:var(--calcite-spacing-lg)}:host([status=invalid]){--calcite-internal-text-area-border-color: var(--calcite-color-status-danger)}:host([status=invalid]) .text-area:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([disabled]) .text-area,:host([disabled]) .footer{opacity:var(--calcite-opacity-half)}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-placeholder-text-color, var(--calcite-color-text-3))}`,f=class extends y{constructor(){super(...arguments),this.attributeWatch=$(["autofocus","spellcheck"],this.handleGlobalAttributesChanged),this.footerRef=b(),this.guid=S(),this.resizeObserver=k("resize",async()=>{await this.componentOnReady();let{textAreaHeight:e,textAreaWidth:a,elHeight:i,elWidth:n,footerHeight:d,footerWidth:o,validationMessageHeight:h}=this.getHeightAndWidthOfElements();if(o>0&&o!==a&&(this.footerRef.value.style.width=`${a}px`),this.resize==="none")return;let{width:D,height:G}=getComputedStyle(this.el);n!==a&&D!=="auto"&&this.updateSizeToAuto("width"),i!==e+d+h&&G!=="auto"&&this.updateSizeToAuto("height")}),this.cancelable=M()(this),this.updateSizeToAuto=I(e=>{this.el.style[e]="auto"},P,{edges:["trailing"]}),this.messages=E({blocking:!0}),this.focusSetter=C()(this),this.interactiveContainer=T(this),this.disabled=!1,this.groupSeparator=!1,this.limitText=!1,this.loading=!1,this.readOnly=!1,this.required=!1,this.resize="both",this.scale="m",this.status="idle",this.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.value="",this.wrap="soft",this.calciteTextAreaChange=g(),this.calciteTextAreaInput=g()}static{this.properties={endSlotHasElements:[16,{},{state:!0}],startSlotHasElements:[16,{},{state:!0}],columns:[11,{},{reflect:!0,type:Number}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],label:1,labelText:1,limitText:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],minLength:[11,{},{reflect:!0,type:Number}],name:[3,{},{reflect:!0}],numberingSystem:1,placeholder:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],resize:[3,{},{reflect:!0}],rows:[11,{},{reflect:!0,type:Number}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],validationIcon:[3,{converter:z,type:String},{reflect:!0}],validationMessage:1,validity:[0,{},{attribute:!1}],value:1,wrap:[3,{},{reflect:!0}]}}static{this.styles=U}async selectText(){await this.componentOnReady(),this.textAreaEl?.select()}async setFocus(e){return this.focusSetter(()=>this.textAreaEl,e)}connectedCallback(){super.connectedCallback(),R(this),O(this),this.cancelable.add(this.updateSizeToAuto)}updated(){this.setTextAreaHeight()}disconnectedCallback(){super.disconnectedCallback(),W(this),A(this),this.resizeObserver?.disconnect()}handleGlobalAttributesChanged(){this.requestUpdate()}onLabelClick(){this.setFocus()}handleInput(e){this.value=e.target.value,this.calciteTextAreaInput.emit()}handleChange(){this.calciteTextAreaChange.emit()}contentSlotChangeHandler(){this.value||this.el.childNodes.forEach(a=>{a.nodeName==="#text"&&(this.value=a.nodeValue.trim())})}getLocalizedCharacterLength(){let e=this.value?this.value.length.toString():"0",a=this.maxLength.toString();return this.numberingSystem==="latn"?{currentLength:e,maxLength:a}:(c.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"never",useGrouping:this.groupSeparator},{currentLength:c.localize(e),maxLength:c.localize(a)})}syncHiddenFormInput(e){e.setCustomValidity(""),this.isCharacterLimitExceeded()&&e.setCustomValidity(this.replacePlaceholdersInMessages()),q("textarea",this,e)}setTextAreaEl(e){L(this.resizeObserver,this.textAreaEl,e),this.textAreaEl=e}setTextAreaHeight(){let{textAreaHeight:e,elHeight:a,footerHeight:i,validationMessageHeight:n}=this.getHeightAndWidthOfElements();i>0&&e+i+n!=a&&(this.textAreaEl.style.height=`${a-i}px`)}getHeightAndWidthOfElements(){let{height:e,width:a}=this.textAreaEl?this.textAreaEl.getBoundingClientRect():p,{height:i,width:n}=this.el.getBoundingClientRect(),{height:d,width:o}=this.footerRef.value?this.footerRef.value.getBoundingClientRect():p,{height:h}=this.validationMessageEl?this.validationMessageEl.getBoundingClientRect():p;return{textAreaHeight:e,textAreaWidth:a,elHeight:i,elWidth:n,footerHeight:d,footerWidth:o,validationMessageHeight:h}}replacePlaceholdersInMessages(){return this.messages.tooLong.replace("{maxLength}",this.localizedCharacterLengthObj.maxLength).replace("{currentLength}",this.localizedCharacterLengthObj.currentLength)}isCharacterLimitExceeded(){return this.value?.length>this.maxLength}setValidationRef(e){e&&(this.validationMessageEl=e)}render(){let e=this.startSlotHasElements||this.endSlotHasElements||!!this.maxLength,a=s`<div class=${r(t.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`;return this.interactiveContainer({disabled:this.disabled,children:s`<div class=${r(t.wrapper)}>${this.labelText&&F({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${r(t.loaderContainer)}>${this.loading?a:null}<textarea aria-describedby=${this.guid??l} aria-errormessage=${N.validationMessage} .ariaInvalid=${this.status==="invalid"||this.isCharacterLimitExceeded()} .ariaLabel=${B(this)} .autofocus=${this.el.autofocus} class=${r({[t.textArea]:!0,[t.readOnly]:this.readOnly,[t.textAreaInvalid]:this.isCharacterLimitExceeded(),[t.footerSlotted]:this.endSlotHasElements&&this.startSlotHasElements,[t.textAreaOnly]:!e})} .cols=${this.columns} .disabled=${this.disabled} maxlength=${(this.limitText?this.maxLength:void 0)??l} name=${this.name??l} @change=${this.handleChange} @input=${this.handleInput} placeholder=${this.placeholder??l} .readOnly=${this.readOnly} .required=${this.required} .rows=${this.rows} spellcheck=${this.el.spellcheck??l} .value=${x(this.value??"")} wrap=${this.wrap??l} ${m(this.setTextAreaEl)}></textarea><span class=${r({[t.content]:!0})}><slot @slotchange=${this.contentSlotChangeHandler}></slot></span><footer class=${r({[t.footer]:!0,[t.readOnly]:this.readOnly,[t.hide]:!e})} ${m(this.footerRef)}><div class=${r({[t.container]:!0,[t.footerEndSlotOnly]:!this.startSlotHasElements&&this.endSlotHasElements})}><slot name=${V.footerStart} @slotchange=${i=>this.startSlotHasElements=u(i)}></slot><slot name=${V.footerEnd} @slotchange=${i=>this.endSlotHasElements=u(i)}></slot></div>${this.renderCharacterLimit()}</footer>${H({component:this})}${this.isCharacterLimitExceeded()&&s`<span aria-live=polite class=${r(t.assistiveText)} id=${this.guid??l}>${this.replacePlaceholdersInMessages()}</span>`||""}</div>${this.validationMessage&&this.status==="invalid"?j({icon:this.validationIcon,id:N.validationMessage,message:this.validationMessage,ref:this.setValidationRef,scale:this.scale,status:this.status}):null}</div>`})}renderCharacterLimit(){return this.maxLength?(this.localizedCharacterLengthObj=this.getLocalizedCharacterLength(),s`<span class=${r(t.characterLimit)}><span class=${r({[t.characterOverLimit]:this.isCharacterLimitExceeded()})}>${this.localizedCharacterLengthObj.currentLength}</span>/${this.localizedCharacterLengthObj.maxLength}</span>`):null}};w("calcite-text-area",f);export{f as TextArea};
|
|
3
|
+
v5.0.0 */
|
|
4
|
+
import{a as q}from"./5L44R6EF.js";import{j as c}from"./DY6MS52F.js";import{a as j}from"./VX4Q3WPO.js";import{a as F}from"./HULZTISZ.js";import{c as R,d as W,e as B}from"./F5BIAFBI.js";import{c as O,e as A,h as H}from"./O6CYXG3O.js";import{a as T}from"./RST4PSBP.js";import{a as M}from"./7Y3AJVBO.js";import{c as I}from"./TPTR4HFU.js";import"./EE6OTRGW.js";import{a as k,b as L}from"./BGPTQLGU.js";import{a as E}from"./HLR3E4S6.js";import{a as C}from"./HATVATL4.js";import"./SMMLO4QY.js";import{c as $}from"./CNCDLTPI.js";import"./4WJHYN2P.js";import{t as u}from"./PAZJ5Y7Z.js";import{a as S}from"./DZ7QKWDK.js";import{B as x,C as b,D as m,E as y,F as r,H as l,J as z,Q as w,g as v,h as s,p as g}from"./H7NVY7CX.js";var t={assistiveText:"assistive-text",characterLimit:"character-limit",content:"content",container:"container",footer:"footer",characterOverLimit:"character--over-limit",readOnly:"readonly",textAreaInvalid:"text-area--invalid",footerSlotted:"footer--slotted",hide:"hide",footerEndSlotOnly:"footer--end-only",textArea:"text-area",textAreaOnly:"text-area--only",wrapper:"wrapper",loaderContainer:"loader-container",loader:"loader"},N={validationMessage:"textAreaValidationMessage"},V={footerStart:"footer-start",footerEnd:"footer-end"},P=100,p=Object.freeze({height:0,width:0}),U=v`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:inline-block;block-size:100%;inline-size:100%;--calcite-internal-text-area-border-color: var(--calcite-text-area-border-color, var(--calcite-color-border-input));--calcite-internal-text-area-footer-border-color: var( --calcite-text-area-footer-border-color, var(--calcite-internal-text-area-border-color) );--calcite-internal-text-area-corner-radius: var( --calcite-text-area-corner-radius, var(--calcite-corner-radius-default) );--calcite-internal-text-area-shadow: var(--calcite-text-area-shadow, var(--calcite-shadow-none));--calcite-internal-text-area-footer-background-color: var( --calcite-text-area-footer-background-color, var(--calcite-text-area-background-color, var(--calcite-color-foreground-1)) );min-block-size:var(--calcite-text-area-min-height, calc(2 * var(--calcite-internal-text-area-padding-block) + 2 * var(--calcite-border-width-sm)));min-inline-size:var(--calcite-text-area-min-width, 12rem)}.wrapper{box-sizing:border-box;block-size:100%;inline-size:100%;box-shadow:var(--calcite-internal-text-area-shadow);border-radius:var(--calcite-internal-text-area-corner-radius)}.text-area,.footer{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));padding-block:var(--calcite-internal-text-area-padding-block);padding-inline:var(--calcite-internal-text-area-padding-inline)}.footer{background-color:var(--calcite-internal-text-area-footer-background-color);border-radius:0 0 var(--calcite-internal-text-area-corner-radius) var(--calcite-internal-text-area-corner-radius)}.text-area{position:relative;margin:0;box-sizing:border-box;display:block;inline-size:100%;--calcite-internal-text-area-border-block-end-color: var(--calcite-internal-text-area-border-color);border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-border-color);border-block-end-color:var(--calcite-internal-text-area-border-block-end-color);color:var(--calcite-text-area-text-color, var(--calcite-color-text-1));font-family:inherit;max-block-size:var(--calcite-text-area-max-height);min-block-size:calc(var(--calcite-text-area-min-height, 0px) - var(--calcite-internal-text-area-footer-min-height, 0px));max-inline-size:var(--calcite-text-area-max-width);min-inline-size:var(--calcite-text-area-min-width, 12rem);background-color:var(--calcite-text-area-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-internal-text-area-corner-radius) var(--calcite-internal-text-area-corner-radius) 0 0}.text-area::placeholder{font-weight:var(--calcite-font-weight-normal)}@media screen and (max-width:480px){.text-area{resize:none}}.text-area:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.text-area.text-area--invalid{--calcite-internal-text-area-border-color: var(--calcite-color-status-danger)}.text-area.text-area--invalid:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.text-area.footer--slotted{min-inline-size:18rem}.text-area.text-area--only{border-radius:var(--calcite-internal-text-area-corner-radius)}.text-area:not(.text-area--only,.text-area--invalid){--calcite-internal-text-area-border-block-end-color: var( --calcite-text-area-divider-color, var(--calcite-color-border-3) )}.loader-container{position:relative;block-size:inherit}.loader{position:absolute;inset-block-start:0;inset-block-start:var(--calcite-spacing-px);inset-inline:var(--calcite-spacing-px)}.footer{box-sizing:border-box;display:flex;align-items:center;border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-footer-border-color);border-block-start:var(--calcite-border-width-none);min-block-size:var(--calcite-internal-text-area-footer-min-height)}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));font-weight:var(--calcite-font-weight-regular);color:var(--calcite-text-area-character-limit-text-color, var(--calcite-color-text-2));padding-inline-start:var(--calcite-spacing-md)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-status-danger)}.readonly{background-color:var(--calcite-text-area-background-color, var(--calcite-color-background));font-weight:var(--calcite-font-weight-medium)}.footer.readonly{background-color:var(--calcite-internal-text-area-footer-background-color, var(--calcite-color-background))}.content,.hide{display:none}.container{display:flex;inline-size:100%;justify-content:space-between}.footer--end-only{justify-content:flex-end}.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}.text-area.text-area--only{block-size:100%;min-block-size:var(--calcite-text-area-min-height, 0)}:host([resize=none]) .text-area{resize:none}:host([resize=horizontal]) .text-area{resize:horizontal}:host([resize=vertical]) .text-area{resize:vertical}:host([scale=s]){--calcite-internal-text-area-padding-block: var(--calcite-spacing-xxs);--calcite-internal-text-area-padding-inline: var(--calcite-spacing-sm);--calcite-internal-text-area-footer-min-height: 1.75rem}:host([scale=s]) .text-area,:host([scale=s]) .footer,:host([scale=s]) .character-limit{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--2))}:host([scale=s]) .character-limit{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=m]){--calcite-internal-text-area-padding-block: var(--calcite-spacing-sm);--calcite-internal-text-area-padding-inline: var(--calcite-spacing-md);--calcite-internal-text-area-footer-min-height: 2.25rem}:host([scale=l]){--calcite-internal-text-area-padding-block: var(--calcite-spacing-md);--calcite-internal-text-area-padding-inline: var(--calcite-spacing-lg);--calcite-internal-text-area-footer-min-height: 2.75rem}:host([scale=l]) .text-area,:host([scale=l]) .footer,:host([scale=l]) .character-limit{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size-0))}:host([scale=l]) .character-limit{padding-inline-start:var(--calcite-spacing-lg)}:host([status=invalid]){--calcite-internal-text-area-border-color: var(--calcite-color-status-danger)}:host([status=invalid]) .text-area:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([disabled]) .text-area,:host([disabled]) .footer{opacity:var(--calcite-opacity-half)}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-placeholder-text-color, var(--calcite-color-text-3))}`,f=class extends y{constructor(){super(...arguments),this.attributeWatch=$(["autofocus","spellcheck"],this.handleGlobalAttributesChanged),this.footerRef=b(),this.guid=S(),this.resizeObserver=k("resize",async()=>{await this.componentOnReady();let{textAreaHeight:e,textAreaWidth:a,elHeight:i,elWidth:n,footerHeight:d,footerWidth:o,validationMessageHeight:h}=this.getHeightAndWidthOfElements();if(o>0&&o!==a&&(this.footerRef.value.style.width=`${a}px`),this.resize==="none")return;let{width:D,height:G}=getComputedStyle(this.el);n!==a&&D!=="auto"&&this.updateSizeToAuto("width"),i!==e+d+h&&G!=="auto"&&this.updateSizeToAuto("height")}),this.cancelable=M()(this),this.updateSizeToAuto=I(e=>{this.el.style[e]="auto"},P,{edges:["trailing"]}),this.messages=E({blocking:!0}),this.focusSetter=C()(this),this.interactiveContainer=T(this),this.disabled=!1,this.groupSeparator=!1,this.limitText=!1,this.loading=!1,this.readOnly=!1,this.required=!1,this.resize="both",this.scale="m",this.status="idle",this.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.value="",this.wrap="soft",this.calciteTextAreaChange=g(),this.calciteTextAreaInput=g()}static{this.properties={endSlotHasElements:[16,{},{state:!0}],startSlotHasElements:[16,{},{state:!0}],columns:[11,{},{reflect:!0,type:Number}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],label:1,labelText:1,limitText:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],minLength:[11,{},{reflect:!0,type:Number}],name:[3,{},{reflect:!0}],numberingSystem:1,placeholder:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],resize:[3,{},{reflect:!0}],rows:[11,{},{reflect:!0,type:Number}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],validationIcon:[3,{converter:z,type:String},{reflect:!0}],validationMessage:1,validity:[0,{},{attribute:!1}],value:1,wrap:[3,{},{reflect:!0}]}}static{this.styles=U}async selectText(){await this.componentOnReady(),this.textAreaEl?.select()}async setFocus(e){return this.focusSetter(()=>this.textAreaEl,e)}connectedCallback(){super.connectedCallback(),R(this),O(this),this.cancelable.add(this.updateSizeToAuto)}updated(){this.setTextAreaHeight()}disconnectedCallback(){super.disconnectedCallback(),W(this),A(this),this.resizeObserver?.disconnect()}handleGlobalAttributesChanged(){this.requestUpdate()}onLabelClick(){this.setFocus()}handleInput(e){this.value=e.target.value,this.calciteTextAreaInput.emit()}handleChange(){this.calciteTextAreaChange.emit()}contentSlotChangeHandler(){this.value||this.el.childNodes.forEach(a=>{a.nodeName==="#text"&&(this.value=a.nodeValue.trim())})}getLocalizedCharacterLength(){let e=this.value?this.value.length.toString():"0",a=this.maxLength.toString();return this.numberingSystem==="latn"?{currentLength:e,maxLength:a}:(c.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"never",useGrouping:this.groupSeparator},{currentLength:c.localize(e),maxLength:c.localize(a)})}syncHiddenFormInput(e){e.setCustomValidity(""),this.isCharacterLimitExceeded()&&e.setCustomValidity(this.replacePlaceholdersInMessages()),q("textarea",this,e)}setTextAreaEl(e){L(this.resizeObserver,this.textAreaEl,e),this.textAreaEl=e}setTextAreaHeight(){let{textAreaHeight:e,elHeight:a,footerHeight:i,validationMessageHeight:n}=this.getHeightAndWidthOfElements();i>0&&e+i+n!=a&&(this.textAreaEl.style.height=`${a-i}px`)}getHeightAndWidthOfElements(){let{height:e,width:a}=this.textAreaEl?this.textAreaEl.getBoundingClientRect():p,{height:i,width:n}=this.el.getBoundingClientRect(),{height:d,width:o}=this.footerRef.value?this.footerRef.value.getBoundingClientRect():p,{height:h}=this.validationMessageEl?this.validationMessageEl.getBoundingClientRect():p;return{textAreaHeight:e,textAreaWidth:a,elHeight:i,elWidth:n,footerHeight:d,footerWidth:o,validationMessageHeight:h}}replacePlaceholdersInMessages(){return this.messages.tooLong.replace("{maxLength}",this.localizedCharacterLengthObj.maxLength).replace("{currentLength}",this.localizedCharacterLengthObj.currentLength)}isCharacterLimitExceeded(){return this.value?.length>this.maxLength}setValidationRef(e){e&&(this.validationMessageEl=e)}render(){let e=this.startSlotHasElements||this.endSlotHasElements||!!this.maxLength,a=s`<div class=${r(t.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`;return this.interactiveContainer({disabled:this.disabled,children:s`<div class=${r(t.wrapper)}>${this.labelText&&F({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${r(t.loaderContainer)}>${this.loading?a:null}<textarea aria-describedby=${this.guid??l} aria-errormessage=${N.validationMessage} .ariaInvalid=${this.status==="invalid"||this.isCharacterLimitExceeded()} .ariaLabel=${B(this)} .autofocus=${this.el.autofocus} class=${r({[t.textArea]:!0,[t.readOnly]:this.readOnly,[t.textAreaInvalid]:this.isCharacterLimitExceeded(),[t.footerSlotted]:this.endSlotHasElements&&this.startSlotHasElements,[t.textAreaOnly]:!e})} .cols=${this.columns} .disabled=${this.disabled} maxlength=${(this.limitText?this.maxLength:void 0)??l} name=${this.name??l} @change=${this.handleChange} @input=${this.handleInput} placeholder=${this.placeholder??l} .readOnly=${this.readOnly} .required=${this.required} .rows=${this.rows} spellcheck=${this.el.spellcheck??l} .value=${x(this.value??"")} wrap=${this.wrap??l} ${m(this.setTextAreaEl)}></textarea><span class=${r({[t.content]:!0})}><slot @slotchange=${this.contentSlotChangeHandler}></slot></span><footer class=${r({[t.footer]:!0,[t.readOnly]:this.readOnly,[t.hide]:!e})} ${m(this.footerRef)}><div class=${r({[t.container]:!0,[t.footerEndSlotOnly]:!this.startSlotHasElements&&this.endSlotHasElements})}><slot name=${V.footerStart} @slotchange=${i=>this.startSlotHasElements=u(i)}></slot><slot name=${V.footerEnd} @slotchange=${i=>this.endSlotHasElements=u(i)}></slot></div>${this.renderCharacterLimit()}</footer>${H({component:this})}${this.isCharacterLimitExceeded()&&s`<span aria-live=polite class=${r(t.assistiveText)} id=${this.guid??l}>${this.replacePlaceholdersInMessages()}</span>`||""}</div>${this.validationMessage&&this.status==="invalid"?j({icon:this.validationIcon,id:N.validationMessage,message:this.validationMessage,ref:this.setValidationRef,scale:this.scale,status:this.status}):null}</div>`})}renderCharacterLimit(){return this.maxLength?(this.localizedCharacterLengthObj=this.getLocalizedCharacterLength(),s`<span class=${r(t.characterLimit)}><span class=${r({[t.characterOverLimit]:this.isCharacterLimitExceeded()})}>${this.localizedCharacterLengthObj.currentLength}</span>/${this.localizedCharacterLengthObj.maxLength}</span>`):null}};w("calcite-text-area",f);export{f as TextArea};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0
|
|
4
|
-
import{g as e}from"./
|
|
3
|
+
v5.0.0 */
|
|
4
|
+
import{g as e}from"./H7NVY7CX.js";var a=e`.header{margin:0;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0;padding:0;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:.5rem}`;export{a};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0
|
|
4
|
-
import{a as L}from"./XDT6HCOQ.js";import{a as z,b as R}from"./JNS5OZXU.js";import{d as r}from"./7KFIM36X.js";import{a as M}from"./E5ANJARX.js";import{a as A}from"./BWY2UIDA.js";import{a as I}from"./V5RIHRRO.js";import{a as P}from"./DL7GHMZM.js";import{a as E}from"./HVXOJQEJ.js";import{a as C}from"./ZMN6MPPD.js";import{a as B}from"./42PDLP4V.js";import{a as O}from"./XEVMMGSJ.js";import"./NKERUAOG.js";import"./PIWIJ2KY.js";import"./KCJNSCVQ.js";import{D as f}from"./CFWVE5Y4.js";import"./2DFGGHQE.js";import{C as k,D as w,E as $,F as b,N as l,Q as T,g as D,h as y,p as g}from"./ITVMQGUZ.js";var m={dialog:"dialog",panel:"panel",scrim:"scrim",container:"container",containerOpen:"container--open",containerEmbedded:"container--embedded",assistiveText:"assistive-text",openingActive:"dialog--opening-active"},c={actionBar:"action-bar",alerts:"alerts",customContent:"custom-content",contentTop:"content-top",contentBottom:"content-bottom",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerStart:"footer-start",footerEnd:"footer-end"},F={x:null,y:null},U={top:null,right:null,bottom:null,left:null},V=D`:host{--calcite-dialog-scrim-background-color: rgba(0, 0, 0, .85);pointer-events:none;inset:0;display:flex;--calcite-internal-dialog-animation-offset: 20px}:host([top-layer-disabled]),:host([top-layer-disabled]) .container,:host([embedded]),.container--embedded{z-index:var(--calcite-z-index-overlay)}:host([embedded][modal]){position:absolute}.container{pointer-events:auto;position:fixed;inset:0;display:flex;block-size:100%;inline-size:100%;align-items:center;justify-content:center;overflow:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88)}:host([placement=top]) .container{align-items:flex-start;justify-content:center}:host([placement=top-start]) .container{align-items:flex-start;justify-content:flex-start}:host([placement=top-end]) .container{align-items:flex-start;justify-content:flex-end}:host([placement=bottom]) .container{align-items:flex-end;justify-content:center}:host([placement=bottom-start]) .container{align-items:flex-end;justify-content:flex-start}:host([placement=bottom-end]) .container{align-items:flex-end;justify-content:flex-end}:host(:not([modal])) .container{pointer-events:none}:host([scale=s]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-sm));--calcite-internal-dialog-min-size-x: 198px;--calcite-internal-dialog-min-size-y: 140px}:host([scale=m]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-md));--calcite-internal-dialog-min-size-x: 288px;--calcite-internal-dialog-min-size-y: 180px}:host([scale=l]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-md-plus));--calcite-internal-dialog-min-size-x: 388px;--calcite-internal-dialog-min-size-y: 220px}.scrim{--calcite-scrim-background: var(--calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim));--calcite-scrim-background-color: var( --calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim) );position:fixed;inset:0;display:flex;overflow-y:hidden;z-index:calc(var(--calcite-z-index) * -1)}:host([top-layer-disabled]) .scrim{z-index:unset}calcite-panel{--calcite-panel-content-space: var(--calcite-dialog-content-space, var(--calcite-internal-dialog-content-padding));--calcite-panel-footer-space: var(--calcite-dialog-footer-space);--calcite-panel-border-color: var(--calcite-dialog-border-color);--calcite-panel-background-color: var(--calcite-dialog-background-color, var(--calcite-color-foreground-1));--calcite-panel-icon-color: var(--calcite-dialog-icon-color);--calcite-panel-heading-text-color: var(--calcite-dialog-heading-text-color);--calcite-panel-description-text-color: var(--calcite-dialog-description-text-color);--calcite-panel-header-background-color: var(--calcite-dialog-header-background-color);--calcite-panel-header-action-background-color: var(--calcite-dialog-header-action-background-color);--calcite-panel-header-action-background-color-hover: var(--calcite-dialog-header-action-background-color-hover);--calcite-panel-header-action-background-color-press: var(--calcite-dialog-header-action-background-color-press);--calcite-panel-header-action-text-color: var(--calcite-dialog-header-action-text-color);--calcite-panel-header-action-text-color-press: var(--calcite-dialog-header-action-text-color-press);--calcite-panel-footer-background-color: var(--calcite-dialog-footer-background-color);--calcite-panel-space: var(--calcite-dialog-space, var(--calcite-internal-dialog-content-padding));--calcite-panel-header-content-space: var(--calcite-dialog-header-content-space, var(--calcite-dialog-content-space));--calcite-popover-border-color: var(--calcite-dialog-action-menu-border-color, var(--calcite-color-border-1));--calcite-panel-corner-radius: var(--calcite-dialog-corner-radius)}:host([kind=brand]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-brand))}:host([kind=danger]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-danger))}:host([kind=info]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-info))}:host([kind=success]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-success))}:host([kind=warning]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-warning))}::slotted(*){--calcite-panel-background-color: initial}[popover]{padding:0;border:none;background-color:transparent;position:fixed;display:flex}[popover]:popover-open{display:flex}.dialog{pointer-events:none;position:relative;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;opacity:0;--tw-shadow: 0 2px 12px -4px rgba(0, 0, 0, .2), 0 2px 4px -2px rgba(0, 0, 0, .16);--tw-shadow-colored: 0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:inset-block var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88);border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));min-inline-size:var(--calcite-dialog-min-size-x, var(--calcite-internal-dialog-min-size-x));max-inline-size:var(--calcite-dialog-max-size-x, 100%);min-block-size:var(--calcite-dialog-min-size-y, var(--calcite-internal-dialog-min-size-y));max-block-size:var(--calcite-dialog-max-size-y, 100%);--calcite-internal-dialog-hidden-position: calc( var(--calcite-dialog-offset-y, 0px) + var(--calcite-internal-dialog-animation-offset) );--calcite-internal-dialog-shown-position: var(--calcite-dialog-offset-y, 0);inset-inline-start:var(--calcite-dialog-offset-x, 0);inset-block-start:var(--calcite-internal-dialog-hidden-position)}.dialog--opening-active{inset-block-start:var(--calcite-internal-dialog-shown-position)}:host([top-layer-disabled]) .dialog,:host([embedded]) .dialog{z-index:var(--calcite-z-index-modal)}:host([menu-open]) .dialog{transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88)}.panel{visibility:hidden;opacity:0;border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88)}.container--open .panel{visibility:visible;opacity:1;transition:visibility 0ms linear,opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88)}.container--open{opacity:1;visibility:visible;transition-delay:0ms}.container--open .dialog{pointer-events:auto;visibility:visible;opacity:1;transition:inset-block var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88);transition-delay:0ms}.width-s{inline-size:auto;inline-size:var(--calcite-dialog-size-x, 32rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:35rem){:host(:not([fullscreen-disabled])) .width-s{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}:host(:not([fullscreen-disabled])) .width-s.dialog--opening-active{inset-block-start:0}.width-m{inline-size:var(--calcite-dialog-size-x, 48rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:51rem){:host(:not([fullscreen-disabled])) .width-m{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}:host(:not([fullscreen-disabled])) .width-m.dialog--opening-active{inset-block-start:0}.width-l{inline-size:var(--calcite-dialog-size-x, 94rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:97rem){:host(:not([fullscreen-disabled])) .width-l{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}:host(:not([fullscreen-disabled])) .width-l.dialog--opening-active{inset-block-start:0}:host([placement=cover]) .dialog{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0}:host([placement=cover]) .panel{border-radius:0}:host([kind]) .panel{border-start-start-radius:0px;border-start-end-radius:0px}:host([kind]) .dialog{overflow:hidden}:host([kind=brand]) .dialog{border-color:var(--calcite-color-brand)}:host([kind=danger]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-danger))}:host([kind=info]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-info))}:host([kind=success]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-success))}:host([kind=warning]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-warning))}:host([kind=brand][open]) .dialog,:host([kind=danger][open]) .dialog,:host([kind=info][open]) .dialog,:host([kind=success][open]) .dialog,:host([kind=warning][open]) .dialog{border-width:0px;border-block-start-width:4px;border-style:solid}.container--embedded{position:absolute;pointer-events:auto}.container--embedded calcite-scrim{position:absolute}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}`,S=class extends ${constructor(){super(...arguments),this.dragPosition={...F},this.focusTrap=M({triggerProp:"open",focusTrapOptions:{clickOutsideDeactivates:()=>!this.modal||this.embedded,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})(this),this.usePreventDocumentScroll=L()(this),this.mutationObserver=C("mutation",()=>this.handleMutationObserver()),this._open=!1,this.openProp="opened",this.transitionProp="opacity",this.panelRef=k(),this.popoverRef=k(),this.resizePosition={...U},this.transitionEl=null,this.messages=B(),this.focusSetter=O()(this),this.sizeOverride=R({targetElement:()=>({value:this.transitionEl}),getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.resizeValues.maxInlineSize},block:{min:this.resizeValues.minBlockSize,max:this.resizeValues.maxBlockSize}}),fullscreenDisabled:()=>this.fullscreenDisabled}),this.topLayer=I({disabledOverride:()=>this.embedded,target:this.popoverRef})(this),this.assistiveText=null,this.hasContentBottom=!1,this.hasContentTop=!1,this.hasFooter=!0,this.opened=!1,this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.closeDisabled=!1,this.dragEnabled=!1,this.embedded=!1,this.escapeDisabled=!1,this.fullscreenDisabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.menuOpen=!1,this.modal=!1,this.focusTrapDisabled=!1,this.outsideCloseDisabled=!1,this.overlayPositioning="absolute",this.placement="center",this.resizable=!1,this.scale="m",this.topLayerDisabled=!1,this.widthScale="m",this.calciteDialogBeforeClose=g({cancelable:!1}),this.calciteDialogBeforeOpen=g({cancelable:!1}),this.calciteDialogClose=g({cancelable:!1}),this.calciteDialogOpen=g({cancelable:!1}),this.calciteDialogScroll=g({cancelable:!1})}static{this.properties={assistiveText:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],hasFooter:[16,{},{state:!0}],opened:[16,{},{state:!0}],resizeValues:[16,{},{state:!0}],beforeClose:[0,{},{attribute:!1}],closeDisabled:[7,{},{reflect:!0,type:Boolean}],description:1,dragEnabled:[7,{},{reflect:!0,type:Boolean}],embedded:[7,{},{reflect:!0,type:Boolean}],escapeDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],fullscreenDisabled:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],kind:[3,{},{reflect:!0}],icon:[3,{type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],menuOpen:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],modal:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],open:[7,{},{reflect:!0,type:Boolean}],outsideCloseDisabled:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=V}get preventDocumentScroll(){return!this.embedded&&this.modal}get open(){return this._open}set open(e){let i=this._open;e!==i&&this.setOpenState(e)}async scrollContentTo(e){await this.panelRef.value?.scrollContentTo(e)}async setFocus(e){return this.focusSetter(()=>this.panelRef.value??this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}async updateSize(e){this.updateSizeInternal(e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setupInteractions()}willUpdate(e){(e.has("open")&&(this.hasUpdated||this.open!==!1)||e.has("placement")&&(this.hasUpdated||this.placement!=="center")||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1)||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1))&&this.setupInteractions(),(e.has("messages")||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1))&&this.updateAssistiveText(),e.has("opened")&&(this.hasUpdated||this.opened!==!1)&&this.handleOpenedChange(this.opened)}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.embedded=!1,this.cleanupInteractions()}focusTrapDisabledOverride(){return!this.modal&&this.focusTrapDisabled}updateAssistiveText(){let{messages:e}=this;this.assistiveText=e&&(this.dragEnabled||this.resizable)?`${this.dragEnabled?e.dragEnabled:""} ${this.resizable?e.resizeEnabled:""}`:null}onBeforeOpen(){this.calciteDialogBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.focusTrapDisabled&&this.setFocus(),this.focusTrap.activate(),this.calciteDialogOpen.emit()}onBeforeClose(){this.calciteDialogBeforeClose.emit()}onClose(){this.focusTrap.deactivate(),this.calciteDialogClose.emit(),this.topLayer.hide()}async setOpenState(e){if(this.beforeClose&&!e)try{await this.beforeClose?.()}catch{return}this._open=e,e&&await this.componentOnReady(),this.opened=e}handleOpenedChange(e){let{transitionEl:i}=this;i&&(i.classList.toggle(m.openingActive,e),P(this))}async triggerInteractModifiers(){let{interaction:e}=this;e&&(await e.reflow({name:"drag"}),await e.reflow({name:"resize"}))}getTransitionRefDOMRect(){return this.transitionEl.getBoundingClientRect()}handleKeyDown(e){let{key:i,shiftKey:t,defaultPrevented:s}=e,{dragEnabled:a,resizable:o,resizePosition:d,dragPosition:n,transitionEl:p}=this;if(!(s||!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(i)))switch(i){case"ArrowUp":if(t&&o&&p){let{minBlockSize:u}=window.getComputedStyle(p),h=f(u),v=this.getTransitionRefDOMRect().height;if(v<=h)return;this.updateSizeInternal({block:v-l}),d.bottom-=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else a&&(n.y-=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowDown":t&&o&&p?(this.updateSizeInternal({block:this.getTransitionRefDOMRect().height+l}),d.bottom+=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):a&&(n.y+=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowLeft":if(t&&o&&p){let{minInlineSize:u}=window.getComputedStyle(p),h=f(u),v=this.getTransitionRefDOMRect().width;if(v<=h)return;this.updateSizeInternal({inline:v-l}),d.right-=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else a&&(n.x-=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowRight":t&&o&&p?(this.updateSizeInternal({inline:this.getTransitionRefDOMRect().width+l}),d.right+=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):a&&(n.x+=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break}}updateTransform(){let{dragPosition:{x:e,y:i},resizePosition:t,transitionEl:s,dragEnabled:a,resizable:o}=this;if(!s)return;if(!a&&!o){s.style.transform=null;return}let{top:d,right:n,bottom:p,left:x}=this.getAdjustedResizePosition(t),u=Math.round(e+x+n),h=Math.round(i+d+p);this.transitionEl.style.transform=u||h?`translate(${u}px, ${h}px)`:null}cleanupInteractions(){this.interaction?.unset(),this.updateSizeInternal({inline:null,block:null}),this.dragPosition={...F},this.resizePosition={...U},this.updateTransform()}async setupInteractions(){this.cleanupInteractions();let{el:e,transitionEl:i,resizable:t,dragEnabled:s,resizePosition:a,dragPosition:o}=this;if(!(!i||!this.open)){if((t||s)&&(this.interaction=z(i,{context:e.ownerDocument})),t){await this.el.componentOnReady();let{minInlineSize:d,minBlockSize:n,maxInlineSize:p,maxBlockSize:x}=window.getComputedStyle(this.transitionEl);this.interaction.resizable({edges:{top:!0,right:!0,bottom:!0,left:!0},modifiers:[z.modifiers.restrictSize({min:{width:f(d),height:f(n)},max:{width:f(p)||window.innerWidth,height:f(x)||window.innerHeight}}),z.modifiers.restrict({restriction:"parent"})],listeners:{move:({rect:u,deltaRect:h})=>{h&&(a.top+=h.top,a.right+=h.right,a.bottom+=h.bottom,a.left+=h.left),this.updateSizeInternal({inline:u.width,block:u.height}),this.updateTransform()}}})}s&&this.interaction.draggable({modifiers:[z.modifiers.restrictRect({restriction:"parent"})],listeners:{move:({dx:d,dy:n})=>{o.x+=d,o.y+=n,this.updateTransform()}}})}}getAdjustedResizePosition({top:e,right:i,bottom:t,left:s}){let a=e/2,o=i/2,d=t/2,n=s/2;switch(this.placement){case"top":return{top:e,right:o,bottom:0,left:n};case"top-start":return{top:e,right:0,bottom:0,left:s};case"top-end":return{top:e,right:i,bottom:0,left:0};case"bottom":return{top:0,right:o,bottom:t,left:n};case"bottom-start":return{top:0,right:0,bottom:t,left:s};case"bottom-end":return{top:0,right:i,bottom:t,left:0};case"cover":case"center":default:return{top:a,right:o,bottom:d,left:n}}}setTransitionEl(e){e&&(this.transitionEl=e,this.setupInteractions())}handleInternalPanelScroll(e){e.target===this.panelRef.value&&(e.stopPropagation(),this.calciteDialogScroll.emit())}handleInternalPanelCloseClick(e){e.target===this.panelRef.value&&(e.preventDefault(),e.stopPropagation(),this.open=!1)}handlePanelKeyDown(e){this.escapeDisabled&&e.key==="Escape"&&!e.defaultPrevented&&e.preventDefault()}handleOutsideClose(){this.outsideCloseDisabled||(this.open=!1)}handleMutationObserver(){this.focusTrap.updateContainerElements()}updateSizeInternal(e){if(!this.transitionEl)return;let t=this.sizeOverride.resize(e);this.resizeValues={...this.resizeValues,...t.inline!==void 0&&{inlineSize:t.inline},...t.block!==void 0&&{blockSize:t.block}}}render(){let{assistiveText:e,description:i,heading:t,opened:s,icon:a,iconFlipRtl:o}=this;return y`<div .ariaDescription=${i} .ariaLabel=${t} .ariaModal=${this.modal} class=${b({[m.container]:!0,[m.containerOpen]:s,[m.containerEmbedded]:this.embedded})} .popover=${this.embedded?null:"manual"} role=dialog ${w(this.popoverRef)}>${this.modal?y`<calcite-scrim class=${b(m.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>`:null}<div class=${b({[m.dialog]:!0,[A("width",this.width,this.widthScale)]:!!(this.width||this.widthScale)})} @keydown=${this.handleKeyDown} ${w(this.setTransitionEl)}>${e?E("assistive-text",y`<div aria-live=polite class=${b(m.assistiveText)}>${e}</div>`):null}<slot name=${c.customContent}><calcite-panel class=${b(m.panel)} .closable=${!this.closeDisabled} .description=${i} .heading=${t} .headingLevel=${this.headingLevel} .hidden=${!this.opened} .icon=${a} .iconFlipRtl=${o} .loading=${this.loading} .menuOpen=${this.menuOpen} .messageOverrides=${this.messageOverrides} @keydown=${this.handlePanelKeyDown} @calcitePanelClose=${this.handleInternalPanelCloseClick} @calcitePanelScroll=${this.handleInternalPanelScroll} .overlayPositioning=${this.overlayPositioning} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled} ${w(this.panelRef)}><slot name=${c.actionBar} slot=${r.actionBar}></slot><slot name=${c.alerts} slot=${r.alerts}></slot><slot name=${c.headerActionsStart} slot=${r.headerActionsStart}></slot><slot name=${c.headerActionsEnd} slot=${r.headerActionsEnd}></slot><slot name=${c.headerContent} slot=${r.headerContent}></slot><slot name=${c.headerMenuActions} slot=${r.headerMenuActions}></slot><slot name=${c.fab} slot=${r.fab}></slot><slot name=${c.contentTop} slot=${r.contentTop}></slot><slot name=${c.contentBottom} slot=${r.contentBottom}></slot><slot name=${c.footerStart} slot=${r.footerStart}></slot><slot name=${c.footer} slot=${r.footer}></slot><slot name=${c.footerEnd} slot=${r.footerEnd}></slot><slot></slot></calcite-panel></slot></div></div>`}};T("calcite-dialog",S);export{S as Dialog};
|
|
3
|
+
v5.0.0 */
|
|
4
|
+
import{a as L}from"./UR4LFVZY.js";import{a as z,b as R}from"./6MH4VQH6.js";import{d as r}from"./BJZLHY2T.js";import{a as M}from"./FWCMNOFR.js";import{a as A}from"./ZVWHCPCV.js";import{a as I}from"./KTANO47V.js";import{a as P}from"./VYRH76YF.js";import{a as E}from"./7BCIDDBP.js";import{a as C}from"./BGPTQLGU.js";import{a as B}from"./HLR3E4S6.js";import{a as O}from"./HATVATL4.js";import"./SMMLO4QY.js";import"./CNCDLTPI.js";import"./4WJHYN2P.js";import{D as f}from"./PAZJ5Y7Z.js";import"./DZ7QKWDK.js";import{C as k,D as w,E as $,F as b,N as l,Q as T,g as D,h as y,p as g}from"./H7NVY7CX.js";var m={dialog:"dialog",panel:"panel",scrim:"scrim",container:"container",containerOpen:"container--open",containerEmbedded:"container--embedded",assistiveText:"assistive-text",openingActive:"dialog--opening-active"},c={actionBar:"action-bar",alerts:"alerts",customContent:"custom-content",contentTop:"content-top",contentBottom:"content-bottom",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerStart:"footer-start",footerEnd:"footer-end"},F={x:null,y:null},U={top:null,right:null,bottom:null,left:null},V=D`:host{--calcite-dialog-scrim-background-color: rgba(0, 0, 0, .85);pointer-events:none;inset:0;display:flex;--calcite-internal-dialog-animation-offset: 20px}:host([top-layer-disabled]),:host([top-layer-disabled]) .container,:host([embedded]),.container--embedded{z-index:var(--calcite-z-index-overlay)}:host([embedded][modal]){position:absolute}.container{pointer-events:auto;position:fixed;inset:0;display:flex;block-size:100%;inline-size:100%;align-items:center;justify-content:center;overflow:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88)}:host([placement=top]) .container{align-items:flex-start;justify-content:center}:host([placement=top-start]) .container{align-items:flex-start;justify-content:flex-start}:host([placement=top-end]) .container{align-items:flex-start;justify-content:flex-end}:host([placement=bottom]) .container{align-items:flex-end;justify-content:center}:host([placement=bottom-start]) .container{align-items:flex-end;justify-content:flex-start}:host([placement=bottom-end]) .container{align-items:flex-end;justify-content:flex-end}:host(:not([modal])) .container{pointer-events:none}:host([scale=s]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-sm));--calcite-internal-dialog-min-size-x: 198px;--calcite-internal-dialog-min-size-y: 140px}:host([scale=m]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-md));--calcite-internal-dialog-min-size-x: 288px;--calcite-internal-dialog-min-size-y: 180px}:host([scale=l]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-md-plus));--calcite-internal-dialog-min-size-x: 388px;--calcite-internal-dialog-min-size-y: 220px}.scrim{--calcite-scrim-background: var(--calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim));--calcite-scrim-background-color: var( --calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim) );position:fixed;inset:0;display:flex;overflow-y:hidden;z-index:calc(var(--calcite-z-index) * -1)}:host([top-layer-disabled]) .scrim{z-index:unset}calcite-panel{--calcite-panel-content-space: var(--calcite-dialog-content-space, var(--calcite-internal-dialog-content-padding));--calcite-panel-footer-space: var(--calcite-dialog-footer-space);--calcite-panel-border-color: var(--calcite-dialog-border-color);--calcite-panel-background-color: var(--calcite-dialog-background-color, var(--calcite-color-foreground-1));--calcite-panel-icon-color: var(--calcite-dialog-icon-color);--calcite-panel-heading-text-color: var(--calcite-dialog-heading-text-color);--calcite-panel-description-text-color: var(--calcite-dialog-description-text-color);--calcite-panel-header-background-color: var(--calcite-dialog-header-background-color);--calcite-panel-header-action-background-color: var(--calcite-dialog-header-action-background-color);--calcite-panel-header-action-background-color-hover: var(--calcite-dialog-header-action-background-color-hover);--calcite-panel-header-action-background-color-press: var(--calcite-dialog-header-action-background-color-press);--calcite-panel-header-action-text-color: var(--calcite-dialog-header-action-text-color);--calcite-panel-header-action-text-color-press: var(--calcite-dialog-header-action-text-color-press);--calcite-panel-footer-background-color: var(--calcite-dialog-footer-background-color);--calcite-panel-space: var(--calcite-dialog-space, var(--calcite-internal-dialog-content-padding));--calcite-panel-header-content-space: var(--calcite-dialog-header-content-space, var(--calcite-dialog-content-space));--calcite-popover-border-color: var(--calcite-dialog-action-menu-border-color, var(--calcite-color-border-1));--calcite-panel-corner-radius: var(--calcite-dialog-corner-radius)}:host([kind=brand]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-brand))}:host([kind=danger]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-danger))}:host([kind=info]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-info))}:host([kind=success]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-success))}:host([kind=warning]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-warning))}::slotted(*){--calcite-panel-background-color: initial}[popover]{padding:0;border:none;background-color:transparent;position:fixed;display:flex}[popover]:popover-open{display:flex}.dialog{pointer-events:none;position:relative;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;opacity:0;--tw-shadow: 0 2px 12px -4px rgba(0, 0, 0, .2), 0 2px 4px -2px rgba(0, 0, 0, .16);--tw-shadow-colored: 0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:inset-block var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88);border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));min-inline-size:var(--calcite-dialog-min-size-x, var(--calcite-internal-dialog-min-size-x));max-inline-size:var(--calcite-dialog-max-size-x, 100%);min-block-size:var(--calcite-dialog-min-size-y, var(--calcite-internal-dialog-min-size-y));max-block-size:var(--calcite-dialog-max-size-y, 100%);--calcite-internal-dialog-hidden-position: calc( var(--calcite-dialog-offset-y, 0px) + var(--calcite-internal-dialog-animation-offset) );--calcite-internal-dialog-shown-position: var(--calcite-dialog-offset-y, 0);inset-inline-start:var(--calcite-dialog-offset-x, 0);inset-block-start:var(--calcite-internal-dialog-hidden-position)}.dialog--opening-active{inset-block-start:var(--calcite-internal-dialog-shown-position)}:host([top-layer-disabled]) .dialog,:host([embedded]) .dialog{z-index:var(--calcite-z-index-modal)}:host([menu-open]) .dialog{transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88)}.panel{visibility:hidden;opacity:0;border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88)}.container--open .panel{visibility:visible;opacity:1;transition:visibility 0ms linear,opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88)}.container--open{opacity:1;visibility:visible;transition-delay:0ms}.container--open .dialog{pointer-events:auto;visibility:visible;opacity:1;transition:inset-block var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88);transition-delay:0ms}.width-s{inline-size:auto;inline-size:var(--calcite-dialog-size-x, 32rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:35rem){:host(:not([fullscreen-disabled])) .width-s{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}:host(:not([fullscreen-disabled])) .width-s.dialog--opening-active{inset-block-start:0}.width-m{inline-size:var(--calcite-dialog-size-x, 48rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:51rem){:host(:not([fullscreen-disabled])) .width-m{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}:host(:not([fullscreen-disabled])) .width-m.dialog--opening-active{inset-block-start:0}.width-l{inline-size:var(--calcite-dialog-size-x, 94rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:97rem){:host(:not([fullscreen-disabled])) .width-l{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}:host(:not([fullscreen-disabled])) .width-l.dialog--opening-active{inset-block-start:0}:host([placement=cover]) .dialog{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0}:host([placement=cover]) .panel{border-radius:0}:host([kind]) .panel{border-start-start-radius:0px;border-start-end-radius:0px}:host([kind]) .dialog{overflow:hidden}:host([kind=brand]) .dialog{border-color:var(--calcite-color-brand)}:host([kind=danger]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-danger))}:host([kind=info]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-info))}:host([kind=success]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-success))}:host([kind=warning]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-warning))}:host([kind=brand][open]) .dialog,:host([kind=danger][open]) .dialog,:host([kind=info][open]) .dialog,:host([kind=success][open]) .dialog,:host([kind=warning][open]) .dialog{border-width:0px;border-block-start-width:4px;border-style:solid}.container--embedded{position:absolute;pointer-events:auto}.container--embedded calcite-scrim{position:absolute}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}`,S=class extends ${constructor(){super(...arguments),this.dragPosition={...F},this.focusTrap=M({triggerProp:"open",focusTrapOptions:{clickOutsideDeactivates:()=>!this.modal||this.embedded,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})(this),this.usePreventDocumentScroll=L()(this),this.mutationObserver=C("mutation",()=>this.handleMutationObserver()),this._open=!1,this.openProp="opened",this.transitionProp="opacity",this.panelRef=k(),this.popoverRef=k(),this.resizePosition={...U},this.transitionEl=null,this.messages=B(),this.focusSetter=O()(this),this.sizeOverride=R({targetElement:()=>({value:this.transitionEl}),getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.resizeValues.maxInlineSize},block:{min:this.resizeValues.minBlockSize,max:this.resizeValues.maxBlockSize}}),fullscreenDisabled:()=>this.fullscreenDisabled}),this.topLayer=I({disabledOverride:()=>this.embedded,target:this.popoverRef})(this),this.assistiveText=null,this.hasContentBottom=!1,this.hasContentTop=!1,this.hasFooter=!0,this.opened=!1,this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.closeDisabled=!1,this.dragEnabled=!1,this.embedded=!1,this.escapeDisabled=!1,this.fullscreenDisabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.menuOpen=!1,this.modal=!1,this.focusTrapDisabled=!1,this.outsideCloseDisabled=!1,this.overlayPositioning="absolute",this.placement="center",this.resizable=!1,this.scale="m",this.topLayerDisabled=!1,this.widthScale="m",this.calciteDialogBeforeClose=g({cancelable:!1}),this.calciteDialogBeforeOpen=g({cancelable:!1}),this.calciteDialogClose=g({cancelable:!1}),this.calciteDialogOpen=g({cancelable:!1}),this.calciteDialogScroll=g({cancelable:!1})}static{this.properties={assistiveText:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],hasFooter:[16,{},{state:!0}],opened:[16,{},{state:!0}],resizeValues:[16,{},{state:!0}],beforeClose:[0,{},{attribute:!1}],closeDisabled:[7,{},{reflect:!0,type:Boolean}],description:1,dragEnabled:[7,{},{reflect:!0,type:Boolean}],embedded:[7,{},{reflect:!0,type:Boolean}],escapeDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],fullscreenDisabled:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],kind:[3,{},{reflect:!0}],icon:[3,{type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],menuOpen:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],modal:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],open:[7,{},{reflect:!0,type:Boolean}],outsideCloseDisabled:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=V}get preventDocumentScroll(){return!this.embedded&&this.modal}get open(){return this._open}set open(e){let i=this._open;e!==i&&this.setOpenState(e)}async scrollContentTo(e){await this.panelRef.value?.scrollContentTo(e)}async setFocus(e){return this.focusSetter(()=>this.panelRef.value??this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}async updateSize(e){this.updateSizeInternal(e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setupInteractions()}willUpdate(e){(e.has("open")&&(this.hasUpdated||this.open!==!1)||e.has("placement")&&(this.hasUpdated||this.placement!=="center")||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1)||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1))&&this.setupInteractions(),(e.has("messages")||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1))&&this.updateAssistiveText(),e.has("opened")&&(this.hasUpdated||this.opened!==!1)&&this.handleOpenedChange(this.opened)}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.embedded=!1,this.cleanupInteractions()}focusTrapDisabledOverride(){return!this.modal&&this.focusTrapDisabled}updateAssistiveText(){let{messages:e}=this;this.assistiveText=e&&(this.dragEnabled||this.resizable)?`${this.dragEnabled?e.dragEnabled:""} ${this.resizable?e.resizeEnabled:""}`:null}onBeforeOpen(){this.calciteDialogBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.focusTrapDisabled&&this.setFocus(),this.focusTrap.activate(),this.calciteDialogOpen.emit()}onBeforeClose(){this.calciteDialogBeforeClose.emit()}onClose(){this.focusTrap.deactivate(),this.calciteDialogClose.emit(),this.topLayer.hide()}async setOpenState(e){if(this.beforeClose&&!e)try{await this.beforeClose?.()}catch{return}this._open=e,e&&await this.componentOnReady(),this.opened=e}handleOpenedChange(e){let{transitionEl:i}=this;i&&(i.classList.toggle(m.openingActive,e),P(this))}async triggerInteractModifiers(){let{interaction:e}=this;e&&(await e.reflow({name:"drag"}),await e.reflow({name:"resize"}))}getTransitionRefDOMRect(){return this.transitionEl.getBoundingClientRect()}handleKeyDown(e){let{key:i,shiftKey:t,defaultPrevented:s}=e,{dragEnabled:a,resizable:o,resizePosition:d,dragPosition:n,transitionEl:p}=this;if(!(s||!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(i)))switch(i){case"ArrowUp":if(t&&o&&p){let{minBlockSize:u}=window.getComputedStyle(p),h=f(u),v=this.getTransitionRefDOMRect().height;if(v<=h)return;this.updateSizeInternal({block:v-l}),d.bottom-=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else a&&(n.y-=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowDown":t&&o&&p?(this.updateSizeInternal({block:this.getTransitionRefDOMRect().height+l}),d.bottom+=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):a&&(n.y+=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowLeft":if(t&&o&&p){let{minInlineSize:u}=window.getComputedStyle(p),h=f(u),v=this.getTransitionRefDOMRect().width;if(v<=h)return;this.updateSizeInternal({inline:v-l}),d.right-=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else a&&(n.x-=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowRight":t&&o&&p?(this.updateSizeInternal({inline:this.getTransitionRefDOMRect().width+l}),d.right+=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):a&&(n.x+=l,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break}}updateTransform(){let{dragPosition:{x:e,y:i},resizePosition:t,transitionEl:s,dragEnabled:a,resizable:o}=this;if(!s)return;if(!a&&!o){s.style.transform=null;return}let{top:d,right:n,bottom:p,left:x}=this.getAdjustedResizePosition(t),u=Math.round(e+x+n),h=Math.round(i+d+p);this.transitionEl.style.transform=u||h?`translate(${u}px, ${h}px)`:null}cleanupInteractions(){this.interaction?.unset(),this.updateSizeInternal({inline:null,block:null}),this.dragPosition={...F},this.resizePosition={...U},this.updateTransform()}async setupInteractions(){this.cleanupInteractions();let{el:e,transitionEl:i,resizable:t,dragEnabled:s,resizePosition:a,dragPosition:o}=this;if(!(!i||!this.open)){if((t||s)&&(this.interaction=z(i,{context:e.ownerDocument})),t){await this.el.componentOnReady();let{minInlineSize:d,minBlockSize:n,maxInlineSize:p,maxBlockSize:x}=window.getComputedStyle(this.transitionEl);this.interaction.resizable({edges:{top:!0,right:!0,bottom:!0,left:!0},modifiers:[z.modifiers.restrictSize({min:{width:f(d),height:f(n)},max:{width:f(p)||window.innerWidth,height:f(x)||window.innerHeight}}),z.modifiers.restrict({restriction:"parent"})],listeners:{move:({rect:u,deltaRect:h})=>{h&&(a.top+=h.top,a.right+=h.right,a.bottom+=h.bottom,a.left+=h.left),this.updateSizeInternal({inline:u.width,block:u.height}),this.updateTransform()}}})}s&&this.interaction.draggable({modifiers:[z.modifiers.restrictRect({restriction:"parent"})],listeners:{move:({dx:d,dy:n})=>{o.x+=d,o.y+=n,this.updateTransform()}}})}}getAdjustedResizePosition({top:e,right:i,bottom:t,left:s}){let a=e/2,o=i/2,d=t/2,n=s/2;switch(this.placement){case"top":return{top:e,right:o,bottom:0,left:n};case"top-start":return{top:e,right:0,bottom:0,left:s};case"top-end":return{top:e,right:i,bottom:0,left:0};case"bottom":return{top:0,right:o,bottom:t,left:n};case"bottom-start":return{top:0,right:0,bottom:t,left:s};case"bottom-end":return{top:0,right:i,bottom:t,left:0};case"cover":case"center":default:return{top:a,right:o,bottom:d,left:n}}}setTransitionEl(e){e&&(this.transitionEl=e,this.setupInteractions())}handleInternalPanelScroll(e){e.target===this.panelRef.value&&(e.stopPropagation(),this.calciteDialogScroll.emit())}handleInternalPanelCloseClick(e){e.target===this.panelRef.value&&(e.preventDefault(),e.stopPropagation(),this.open=!1)}handlePanelKeyDown(e){this.escapeDisabled&&e.key==="Escape"&&!e.defaultPrevented&&e.preventDefault()}handleOutsideClose(){this.outsideCloseDisabled||(this.open=!1)}handleMutationObserver(){this.focusTrap.updateContainerElements()}updateSizeInternal(e){if(!this.transitionEl)return;let t=this.sizeOverride.resize(e);this.resizeValues={...this.resizeValues,...t.inline!==void 0&&{inlineSize:t.inline},...t.block!==void 0&&{blockSize:t.block}}}render(){let{assistiveText:e,description:i,heading:t,opened:s,icon:a,iconFlipRtl:o}=this;return y`<div .ariaDescription=${i} .ariaLabel=${t} .ariaModal=${this.modal} class=${b({[m.container]:!0,[m.containerOpen]:s,[m.containerEmbedded]:this.embedded})} .popover=${this.embedded?null:"manual"} role=dialog ${w(this.popoverRef)}>${this.modal?y`<calcite-scrim class=${b(m.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>`:null}<div class=${b({[m.dialog]:!0,[A("width",this.width,this.widthScale)]:!!(this.width||this.widthScale)})} @keydown=${this.handleKeyDown} ${w(this.setTransitionEl)}>${e?E("assistive-text",y`<div aria-live=polite class=${b(m.assistiveText)}>${e}</div>`):null}<slot name=${c.customContent}><calcite-panel class=${b(m.panel)} .closable=${!this.closeDisabled} .description=${i} .heading=${t} .headingLevel=${this.headingLevel} .hidden=${!this.opened} .icon=${a} .iconFlipRtl=${o} .loading=${this.loading} .menuOpen=${this.menuOpen} .messageOverrides=${this.messageOverrides} @keydown=${this.handlePanelKeyDown} @calcitePanelClose=${this.handleInternalPanelCloseClick} @calcitePanelScroll=${this.handleInternalPanelScroll} .overlayPositioning=${this.overlayPositioning} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled} ${w(this.panelRef)}><slot name=${c.actionBar} slot=${r.actionBar}></slot><slot name=${c.alerts} slot=${r.alerts}></slot><slot name=${c.headerActionsStart} slot=${r.headerActionsStart}></slot><slot name=${c.headerActionsEnd} slot=${r.headerActionsEnd}></slot><slot name=${c.headerContent} slot=${r.headerContent}></slot><slot name=${c.headerMenuActions} slot=${r.headerMenuActions}></slot><slot name=${c.fab} slot=${r.fab}></slot><slot name=${c.contentTop} slot=${r.contentTop}></slot><slot name=${c.contentBottom} slot=${r.contentBottom}></slot><slot name=${c.footerStart} slot=${r.footerStart}></slot><slot name=${c.footer} slot=${r.footer}></slot><slot name=${c.footerEnd} slot=${r.footerEnd}></slot><slot></slot></calcite-panel></slot></div></div>`}};T("calcite-dialog",S);export{S as Dialog};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0
|
|
4
|
-
import{b as p}from"./
|
|
3
|
+
v5.0.0 */
|
|
4
|
+
import{b as p}from"./EE6OTRGW.js";import{b as d}from"./4WJHYN2P.js";var w=new RegExp("\\.(0+)?$"),E=new RegExp("0+$"),l=class t{static{this.DECIMALS=100}static{this.ROUNDED=!0}static{this.SHIFT=BigInt("1"+"0".repeat(this.DECIMALS))}constructor(e){if(e instanceof t)return e;let[i,s]=B(e).split(".").concat("");this.value=BigInt(i+s.padEnd(t.DECIMALS,"0").slice(0,t.DECIMALS))+BigInt(t.ROUNDED&&s[t.DECIMALS]>="5"),this.isNegative=e.charAt(0)==="-"}static{this._divRound=(e,i)=>t.fromBigInt(e/i+(t.ROUNDED?e*BigInt(2)/i%BigInt(2):BigInt(0)))}static{this.fromBigInt=e=>Object.assign(Object.create(t.prototype),{value:e,isNegative:e<BigInt(0)})}getIntegersAndDecimals(){let e=this.value.toString().replace("-","").padStart(t.DECIMALS+1,"0"),i=e.slice(0,-t.DECIMALS),s=e.slice(-t.DECIMALS).replace(E,"");return{integers:i,decimals:s}}toString(){let{integers:e,decimals:i}=this.getIntegersAndDecimals();return`${this.isNegative?"-":""}${e}${i.length?"."+i:""}`}formatToParts(e){let{integers:i,decimals:s}=this.getIntegersAndDecimals(),n=e.numberFormatter.formatToParts(BigInt(i));return this.isNegative&&n.unshift({type:"minusSign",value:e.minusSign}),s.length&&(n.push({type:"decimal",value:e.decimal}),s.split("").forEach(r=>n.push({type:"fraction",value:r}))),n}format(e){let{integers:i,decimals:s}=this.getIntegersAndDecimals(),n=`${this.isNegative?e.minusSign:""}${e.numberFormatter.format(BigInt(i))}`,r=s.length?`${e.decimal}${s.split("").map(u=>e.numberFormatter.format(Number(u))).join("")}`:"";return`${n}${r}`}add(e){return t.fromBigInt(this.value+new t(e).value)}subtract(e){return t.fromBigInt(this.value-new t(e).value)}multiply(e){return t._divRound(this.value*new t(e).value,t.SHIFT)}divide(e){return t._divRound(this.value*t.SHIFT,new t(e).value)}};function $(t){return!(!t||isNaN(Number(t)))}function k(t){return!t||!M(t)?"":g(t,e=>{let i=!1,s=e.split("").filter((n,r)=>n.match(/\./g)&&!i?(i=!0,!0):n.match(/-/g)&&r===0?!0:p.includes(n)).join("");return $(s)?new l(s).toString():""})}var F=/^([-0])0+(?=\d)/,A=/(?!^\.)\.$/,C=/(?!^-)-/g,x=/^-\b0\b\.?0*$/,_=/0*$/,L=new Set(["e","E","-",",",".",...p]),U=t=>{let e=Array.from(t).filter(i=>L.has(i)).join("");return g(e,i=>{let s=i.replace(C,"").replace(A,"").replace(F,"$1");return $(s)?x.test(s)?s:T(s):i})};function T(t){let e=t.split(".")[1],i=new l(t).toString(),[s,n]=i.split(".");return e&&n!==e?`${s}.${e}`:i}function g(t,e){if(!t)return t;let i=t.toLowerCase().indexOf("e")+1;return i?t.replace(/[eE]*$/g,"").substring(0,i).concat(t.slice(i).replace(/[eE]/g,"")).split(/[eE]/).map((s,n)=>e(n===1?s.replace(/\./g,""):s)).join("e").replace(/^e/,"1e"):e(t)}function B(t){let e=t.split(/[eE]/);if(e.length===1)return t;let i=+t;if(Number.isSafeInteger(i))return`${i}`;let s=t.charAt(0)==="-",n=+e[1],r=e[0].split("."),u=(s?r[0].substring(1):r[0])||"",D=r[1]||"",O=(a,m)=>{let c=Math.abs(m)-a.length,h=c>0?`${"0".repeat(c)}${a}`:a;return`${h.slice(0,m)}.${h.slice(m)}`},N=(a,m)=>{let c=m>a.length?`${a}${"0".repeat(m-a.length)}`:a;return`${c.slice(0,m)}.${c.slice(m)}`},S=n>0?`${u}${N(D,n)}`:`${O(u,n)}${D}`;return`${s?"-":""}${S.charAt(0)==="."?"0":""}${S.replace(w,"").replace(F,"")}`}function M(t){return p.some(e=>t.includes(e))}function z(t,e,i){let s=e.split(".")[1];if(s){let n=s.match(_)[0];if(n&&i.delocalize(t).length!==e.length&&s.indexOf("e")===-1){let r=i.decimal;return t=t.includes(r)?t:`${t}${r}`,t.padEnd(t.length+n.length,i.localize("0"))}}return t}var J=new Map(Object.entries({bg:{am:"\u043F\u0440.\u043E\u0431.",pm:"\u0441\u043B.\u043E\u0431."},bs:{am:"prijepodne",pm:"popodne"},ca:{am:"a.\xA0m.",pm:"p.\xA0m."},cs:{am:"dop.",pm:"odp."},es:{am:"a.\xA0m.",pm:"p.\xA0m."},"es-mx":{am:"a.m.",pm:"p.m."},"es-MX":{am:"a.m.",pm:"p.m."},fi:{am:"ap.",pm:"ip."},he:{am:"\u05DC\u05E4\u05E0\u05D4\u05F4\u05E6",pm:"\u05D0\u05D7\u05D4\u05F4\u05E6"},hu:{am:"de. ",pm:"du."},lt:{am:"prie\u0161piet",pm:"popiet"},lv:{am:"priek\u0161pusdien\u0101",pm:"p\u0113cpusdien\u0101"},mk:{am:"\u043F\u0440\u0435\u0442\u043F\u043B.",pm:"\u043F\u043E\u043F\u043B."},no:{am:"a.m.",pm:"p.m."},nl:{am:"a.m.",pm:"p.m."},"pt-pt":{am:"da manh\xE3",pm:"da tarde"},"pt-PT":{am:"da manh\xE3",pm:"da tarde"},ro:{am:"a.m.",pm:"p.m."},sl:{am:"dop.",pm:"pop."},sv:{am:"fm",pm:"em"},th:{am:"\u0E01\u0E48\u0E2D\u0E19\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",pm:"\u0E2B\u0E25\u0E31\u0E07\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07"},tr:{am:"\xD6\xD6",pm:"\xD6S"},uk:{am:"\u0434\u043F",pm:"\u043F\u043F"},vi:{am:"SA",pm:"CH"}})),R=["arab","arabext","latn"],v=t=>R.includes(t),f=new Intl.NumberFormat().resolvedOptions().numberingSystem,y=f==="arab"||!v(f)?"latn":f,j=t=>v(t)?t:y;function K(t){switch(t){case"it-CH":return"de-CH";case"bs":return"sr-Latn-CS";default:return t}}var b=class{constructor(){this.delocalize=e=>this._numberFormatOptions?g(e,i=>i.replace(new RegExp(`[${this._minusSign}]`,"g"),"-").replace(new RegExp(`[${this._group}]`,"g"),"").replace(new RegExp(`[${this._decimal}]`,"g"),".").replace(new RegExp(`[${this._digits.join("")}]`,"g"),this._getDigitIndex)):e,this.localize=e=>this._numberFormatOptions?g(e,i=>$(i.trim())?new l(i.trim()).format(this).replace(new RegExp(`[${this._actualGroup}]`,"g"),this._group):i):e}get group(){return this._group}get decimal(){return this._decimal}get minusSign(){return this._minusSign}get digits(){return this._digits}get numberFormatter(){return this._numberFormatter}get numberFormatOptions(){return this._numberFormatOptions}set numberFormatOptions(e){if(e.numberingSystem=j(e?.numberingSystem),e.locale=e?.locale||d,!this._numberFormatOptions&&e.locale===d&&e.numberingSystem===y&&Object.keys(e).length===2||JSON.stringify(this._numberFormatOptions)===JSON.stringify(e))return;this._numberFormatOptions=e,this._numberFormatter=new Intl.NumberFormat(this._numberFormatOptions.locale,this._numberFormatOptions),this._digits=[...new Intl.NumberFormat(this._numberFormatOptions.locale,{useGrouping:!1,numberingSystem:this._numberFormatOptions.numberingSystem}).format(9876543210)].reverse();let i=new Map(this._digits.map((n,r)=>[n,r])),s=new Intl.NumberFormat(this._numberFormatOptions.locale,{numberingSystem:this._numberFormatOptions.numberingSystem}).formatToParts(-123456789e-1);this._actualGroup=s.find(n=>n.type==="group").value,this._group=this._actualGroup.trim().length===0||this._actualGroup==" "?"\xA0":this._actualGroup,this._decimal=e.locale==="bs"||e.locale==="mk"?",":s.find(n=>n.type==="decimal").value,this._minusSign=s.find(n=>n.type==="minusSign").value,this._getDigitIndex=n=>i.get(n)}},X=new b,o,I;function H(t={}){return Object.entries(t).sort(([e],[i])=>e.localeCompare(i)).map(e=>`${e[0]}-${e[1]}`).flat().join(":")}function q(t,e){o||(o=new Map),I!==t&&(o.clear(),I=t);let i=H(e),s=o.get(i);if(s)return s;let n=new Intl.DateTimeFormat(t,e);return o.set(i,n),n}export{l as a,$ as b,k as c,U as d,z as e,J as f,j as g,K as h,b as i,X as j,q as k};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0
|
|
3
|
+
v5.0.0 */
|
|
4
4
|
function e(r){return r.map(o=>{let t="";for(let n=0;n<o;n++)t+=((1+Math.random())*65536|0).toString(16).substring(1);return t}).join("-")}var i=()=>e([2,1,1,1,3]);export{i as a};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0
|
|
3
|
+
v5.0.0 */
|
|
4
4
|
function t(n){return n==="Enter"||n===" "}var e=["0","1","2","3","4","5","6","7","8","9"];export{t as a,e as b};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0
|
|
4
|
-
import{j as L,k as C,z as h}from"./
|
|
3
|
+
v5.0.0 */
|
|
4
|
+
import{j as L,k as C,z as h}from"./PAZJ5Y7Z.js";var k="calciteInternalLabelClick",E="calciteInternalLabelConnected",f="calciteInternalLabelDisconnected",v="calcite-label",r=new WeakMap,i=new WeakMap,c=new WeakMap,d=new WeakMap,s=new Set,y=e=>{let{id:t}=e,l=t&&L(e,{selector:`${v}[for="${t}"]`});if(l)return l;let a=C(e,v);return!a||M(a,e)?null:a};function M(e,t){let l,a="custom-element-ancestor-check",b=n=>{n.stopImmediatePropagation();let u=n.composedPath();l=u.slice(u.indexOf(t),u.indexOf(e))};return e.addEventListener(a,b,{once:!0}),t.dispatchEvent(new CustomEvent(a,{composed:!0,bubbles:!0})),e.removeEventListener(a,b),l.filter(n=>n!==t&&n!==e).filter(n=>n.tagName?.includes("-")).length>0}function m(e){if(!e)return;let t=y(e.el);if(i.has(t)&&t===e.labelEl||!t&&s.has(e))return;let l=O.bind(e);if(t){e.labelEl=t;let a=r.get(t)||[];a.push(e),r.set(t,a.sort(w)),i.has(e.labelEl)||(i.set(e.labelEl,g),e.labelEl.addEventListener(k,g)),s.delete(e),document.removeEventListener(E,c.get(e)),d.set(e,l),document.addEventListener(f,l)}else s.has(e)||(l(),document.removeEventListener(f,d.get(e)))}function T(e){if(!e||(s.delete(e),document.removeEventListener(E,c.get(e)),document.removeEventListener(f,d.get(e)),c.delete(e),d.delete(e),!e.labelEl))return;let t=r.get(e.labelEl);t.length===1&&(e.labelEl.removeEventListener(k,i.get(e.labelEl)),i.delete(e.labelEl)),r.set(e.labelEl,t.filter(l=>l!==e).sort(w)),e.labelEl=null}function w(e,t){return h(e.el,t.el)?-1:1}function I(e){return e.label||e.labelEl?.textContent?.trim()||""}function g(e){let t=e.detail.sourceEvent.target,l=r.get(this),a=l.find(n=>n.el===t);if(l.includes(a))return;let o=l[0];o.disabled||o.onLabelClick(e)}function D(){s.has(this)&&m(this)}function O(){s.add(this);let e=c.get(this)||D.bind(this);c.set(this,e),document.addEventListener(E,e)}async function B(e){if(await e.componentOnReady(),r.has(e))return;let l=e.ownerDocument?.getElementById(e.for);l&&requestAnimationFrame(()=>{for(let a of s)if(a.el===l){m(a);break}})}export{E as a,f as b,m as c,T as d,I as e,B as f};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0
|
|
4
|
-
import{a,b,c}from"./
|
|
3
|
+
v5.0.0 */
|
|
4
|
+
import{a,b,c}from"./K4NLKEAQ.js";import"./VKYRCARI.js";export{b as extractRegion,c as getCountry,a as global};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0
|
|
4
|
-
import{a as t,b as S,c as v,d as c}from"./7KFIM36X.js";import{a as D}from"./NJIFONK4.js";import{b as O}from"./TNX6W2TH.js";import{a as M}from"./4WDYGAZV.js";import"./VYMY7D7E.js";import{a as I}from"./4IHEL2UE.js";import{a as g}from"./HVXOJQEJ.js";import"./SXZ7YXBK.js";import{a as F,b as B}from"./ZMN6MPPD.js";import{a as N}from"./42PDLP4V.js";import{c as L}from"./XOQT32SN.js";import{a as T}from"./XEVMMGSJ.js";import{a as P}from"./NKERUAOG.js";import"./PIWIJ2KY.js";import"./KCJNSCVQ.js";import{t as s,u as x}from"./CFWVE5Y4.js";import"./2DFGGHQE.js";import{C as z,D as C,E,F as o,Q as w,g as A,h as n,l as $,p as m}from"./ITVMQGUZ.js";var _=A`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;border-radius:var(--calcite-panel-corner-radius, var(--calcite-corner-radius-sharp))}slot[name=alerts]::slotted(calcite-alert){block-size:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-panel-default-space: var(--calcite-spacing-sm);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-sm-plus)}:host([scale=s]) .header-content .heading{font-size:var(--calcite-font-size--1)}:host([scale=s]) .header-content .description{font-size:var(--calcite-font-size--2)}:host([scale=s]) .header-content .icon{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]){--calcite-internal-panel-default-space: var(--calcite-spacing-md);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-md-plus)}:host([scale=m]) .header-content .heading{font-size:var(--calcite-font-size-0)}:host([scale=m]) .header-content .description{font-size:var(--calcite-font-size--1)}:host([scale=m]) .header-content .icon{margin-inline-end:var(--calcite-spacing-md)}:host(:is([scale=s],[scale=m])){--calcite-internal-panel-action-spacing: var(--calcite-spacing-xxs)}:host([scale=l]){--calcite-internal-panel-action-spacing: var(--calcite-spacing-xs);--calcite-internal-panel-default-space: var(--calcite-spacing-lg);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-xl)}:host([scale=l]) .header-content .heading{font-size:var(--calcite-font-size-1)}:host([scale=l]) .header-content .description{font-size:var(--calcite-font-size-0)}:host([scale=l]) .header-content .icon{margin-inline-end:var(--calcite-spacing-lg)}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;padding:var(--calcite-internal-panel-default-space);border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));background-color:var(--calcite-panel-background-color, var(--calcite-color-foreground-1))}.container{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;overflow:hidden;background-color:var(--calcite-color-background);padding:0;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-color-text-2);transition:max-block-size var(--calcite-animation-timing),inline-size var(--calcite-animation-timing);box-sizing:border-box;font-size:var(--calcite-font-size--1)}.container *{box-sizing:border-box}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-panel-header-background-color, var(--calcite-color-foreground-1));border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-panel-header-border-block-end, var(--calcite-color-border-3)))}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3))}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:.75rem;padding-block:.875rem;margin-inline-end:auto;justify-content:center}.header-content .heading-text-content{flex:1 1 auto;overflow:hidden}.header-content .heading,.header-content .description{display:block;flex:none;overflow-wrap:break-word;padding:0;line-height:var(--calcite-font-line-height-relative-snug)}.header-content .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-panel-heading-text-color, var(--calcite-color-text-1))}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{color:var(--calcite-panel-description-text-color, var(--calcite-color-text-2))}#close,#collapse,calcite-action-menu{--calcite-action-background-color: var(--calcite-panel-header-action-background-color);--calcite-action-background-color-hover: var(--calcite-panel-header-action-background-color-hover);--calcite-action-background-color-press: var(--calcite-panel-header-action-background-color-press);--calcite-action-text-color: var(--calcite-panel-header-action-text-color);--calcite-action-text-color-press: var(--calcite-panel-header-action-text-color-press)}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;margin:auto;gap:var(--calcite-internal-panel-action-spacing)}.header-actions--start{margin-inline-start:var(--calcite-internal-panel-action-spacing)}.header-actions--end{margin-inline-end:var(--calcite-internal-panel-action-spacing)}.content-wrapper{position:relative;display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;color:var(--calcite-color-text-2);outline-color:transparent;padding:var(--calcite-panel-space, var(--calcite-panel-content-space, 0));background:var(--calcite-panel-background-color, var(--calcite-color-background))}.content-wrapper:focus-visible{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.header-content{flex:1 1 auto;justify-content:center;padding-block:var(--calcite-internal-panel-header-vertical-padding);padding-inline:var(--calcite-internal-panel-default-space)}.header-content.header--slotted-content{padding:var(--calcite-panel-header-content-space, var(--calcite-internal-panel-header-vertical-padding) var(--calcite-internal-panel-default-space))}.header-content.header--non-slotted-content{align-items:center;flex-direction:row}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;align-items:center;justify-content:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));padding:var(--calcite-panel-footer-space, var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-space)));background-color:var(--calcite-panel-footer-background-color, var(--calcite-color-foreground-1))}.footer-content{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:center}.footer-start{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-start;margin-inline-end:auto;gap:var(--calcite-internal-panel-default-space)}.footer-end{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-end;margin-inline-start:auto;gap:var(--calcite-internal-panel-default-space)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:.5rem;inset-inline:0;inline-size:fit-content}calcite-icon{--calcite-icon-color: var(--calcite-panel-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-1)))}:host([hidden]){display:none}[hidden]{display:none}`,y=class extends E{constructor(){super(),this.containerRef=z(),this.resizeObserver=F("resize",()=>this.resizeHandler()),this.messages=N(),this._closed=!1,this.focusSetter=T()(this),this.interactiveContainer=I(this),this.hasActionBar=!1,this.hasContentBottom=!1,this.hasContentTop=!1,this.hasEndActions=!1,this.hasFab=!1,this.hasFooterContent=!1,this.hasFooterEndContent=!1,this.hasFooterStartContent=!1,this.hasHeaderContent=!1,this.hasMenuItems=!1,this.hasStartActions=!1,this.showHeaderContent=!1,this.closable=!1,this.collapseDirection="down",this.collapsed=!1,this.collapsible=!1,this.disabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.menuOpen=!1,this.menuPlacement=O,this.overlayPositioning="absolute",this.scale="m",this.topLayerDisabled=!1,this.calcitePanelClose=m({cancelable:!0}),this.calcitePanelCollapse=m({cancelable:!1}),this.calcitePanelExpand=m({cancelable:!1}),this.calcitePanelScroll=m({cancelable:!1}),this.calcitePanelToggle=m({cancelable:!1}),this.listen("keydown",this.panelKeyDownHandler),this.listen("calcitePanelClose",this.panelCloseHandler)}static{this.properties={hasActionBar:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],hasEndActions:[16,{},{state:!0}],hasFab:[16,{},{state:!0}],hasFooterContent:[16,{},{state:!0}],hasFooterEndContent:[16,{},{state:!0}],hasFooterStartContent:[16,{},{state:!0}],hasHeaderContent:[16,{},{state:!0}],hasMenuItems:[16,{},{state:!0}],hasStartActions:[16,{},{state:!0}],showHeaderContent:[16,{},{state:!0}],beforeClose:[0,{},{attribute:!1}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],collapseDirection:1,collapsed:[7,{},{reflect:!0,type:Boolean}],collapsible:[7,{},{reflect:!0,type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],icon:[3,{type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],menuFlipPlacements:[0,{},{attribute:!1}],menuOpen:[7,{},{reflect:!0,type:Boolean}],menuPlacement:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],overlayPositioning:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=[D,_]}get closed(){return this._closed}set closed(e){let a=this._closed;e!==a&&this.setClosedState(e)}async scrollContentTo(e){this.panelScrollEl?.scrollTo(e)}async setFocus(e){return this.focusSetter(()=>this.containerRef.value,e)}willUpdate(e){e.has("collapsed")&&this.hasUpdated&&(this.collapsed?this.calcitePanelCollapse.emit():this.calcitePanelExpand.emit())}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}async setClosedState(e){if(this.beforeClose&&e)try{await this.beforeClose?.()}catch{return}this._closed=e}resizeHandler(){let{panelScrollEl:e}=this;if(!e||typeof e.scrollHeight!="number"||typeof e.offsetHeight!="number")return;e.scrollHeight>e.offsetHeight?e.setAttribute("tabindex","0"):e.removeAttribute("tabindex")}closeClickHandler(){this.emitCloseEvent()}emitCloseEvent(){this.calcitePanelClose.emit()}panelKeyDownHandler(e){this.closable&&e.key==="Escape"&&!e.defaultPrevented&&(e.preventDefault(),this.emitCloseEvent())}panelCloseHandler(e){e.defaultPrevented||e.target!==this.el||(this.closed=!0)}collapse(){this.collapsed=!this.collapsed,this.calcitePanelToggle.emit()}panelScrollHandler(){this.calcitePanelScroll.emit()}handleHeaderActionsStartSlotChange(e){this.hasStartActions=s(e)}handleHeaderActionsEndSlotChange(e){this.hasEndActions=s(e)}handleHeaderMenuActionsSlotChange(e){this.hasMenuItems=s(e)}handleActionBarSlotChange(e){let a=x(e).filter(l=>l?.matches("calcite-action-bar"));a.forEach(l=>l.layout="horizontal"),this.hasActionBar=!!a.length}handleHeaderContentSlotChange(e){this.hasHeaderContent=s(e)}handleFabSlotChange(e){this.hasFab=s(e)}handleFooterEndSlotChange(e){this.hasFooterEndContent=s(e)}handleFooterStartSlotChange(e){this.hasFooterStartContent=s(e)}handleFooterSlotChange(e){this.hasFooterContent=s(e)}contentBottomSlotChangeHandler(e){this.hasContentBottom=s(e)}contentTopSlotChangeHandler(e){this.hasContentTop=s(e)}setPanelScrollEl(e){B(this.resizeObserver,this.panelScrollEl,e),this.panelScrollEl=e}handleAlertsSlotChange(e){x(e)?.map(a=>{a.nodeName==="CALCITE-ALERT"&&(a.embedded=!0)})}renderHeaderContent(){let{heading:e,headingLevel:a,description:l,hasHeaderContent:i,icon:d,scale:h}=this,p=d?n`<calcite-icon class=${o(t.icon)} .flipRtl=${this.iconFlipRtl} .icon=${d} .scale=${P(h)}></calcite-icon>`:null,r=e?M({class:t.heading,level:a,children:e}):null,f=l?n`<span class=${o(t.description)}>${l}</span>`:null;return!i&&(r||f)?g("header-content",n`<div class=${o({[t.headerContent]:!0,[t.headerNonSlottedContent]:!0})}>${p}<div class=${o(t.headingTextContent)}>${r}${f}</div></div>`):null}renderActionBar(){return n`<div class=${o(t.actionBarContainer)} .hidden=${!this.hasActionBar}><slot name=${c.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot></div>`}renderHeaderSlottedContent(){return g("slotted-header-content",n`<div class=${o({[t.headerContent]:!0,[t.headerSlottedContent]:!0})} .hidden=${!this.hasHeaderContent}><slot name=${c.headerContent} @slotchange=${this.handleHeaderContentSlotChange}></slot></div>`)}renderHeaderStartActions(){let{hasStartActions:e}=this;return g("header-actions-start",n`<div class=${o({[t.headerActionsStart]:!0,[t.headerActions]:!0})} .hidden=${!e}><slot name=${c.headerActionsStart} @slotchange=${this.handleHeaderActionsStartSlotChange}></slot></div>`)}renderHeaderActionsEnd(){let{hasEndActions:e,messages:a,closable:l,collapsed:i,collapseDirection:d,collapsible:h,hasMenuItems:p}=this,{collapse:r,expand:f,close:u}=a,b=[v.expand,v.collapse];d==="up"&&b.reverse();let H=h?n`<calcite-action .aria=${{expanded:!i}} .icon=${i?b[0]:b[1]} id=${S.collapse} .label=${r} @click=${this.collapse} .scale=${this.scale} .text=${r} title=${(i?f:r)??$}></calcite-action>`:null,k=l?n`<calcite-action .ariaLabel=${u} .icon=${v.close} id=${S.close} @click=${this.closeClickHandler} .scale=${this.scale} .text=${u} title=${u??$}></calcite-action>`:null,R=n`<slot name=${c.headerActionsEnd} @slotchange=${this.handleHeaderActionsEndSlotChange}></slot>`,j=e||H||k||p;return g("header-actions-end",n`<div class=${o({[t.headerActionsEnd]:!0,[t.headerActions]:!0})} .hidden=${!j}>${R}${this.renderMenu()}${H}${k}</div>`)}renderMenu(){let{hasMenuItems:e,messages:a,menuOpen:l,menuFlipPlacements:i,menuPlacement:d,scale:h}=this;return g("menu",n`<calcite-action-menu .flipPlacements=${i??["top","bottom"]} .hidden=${!e} .label=${a.options} .open=${l} .overlayPositioning=${this.overlayPositioning} .placement=${d} .scale=${h} .topLayerDisabled=${this.topLayerDisabled}><calcite-action class=${o(t.menuAction)} .icon=${v.menu} .scale=${h} slot=${L.trigger} .text=${a.options}></calcite-action><slot name=${c.headerMenuActions} @slotchange=${this.handleHeaderMenuActionsSlotChange}></slot></calcite-action-menu>`)}renderHeaderNode(){let{hasHeaderContent:e,hasStartActions:a,hasEndActions:l,closable:i,collapsible:d,hasMenuItems:h,hasActionBar:p,hasContentTop:r}=this,f=this.renderHeaderContent(),u=e||!!f||a||l||d||i||h||p||r;return this.showHeaderContent=u,n`<header class=${o(t.header)} .hidden=${!(u||p||r)}><div class=${o({[t.headerContainer]:!0,[t.headerContainerBorderEnd]:p})} .hidden=${!u}>${this.renderHeaderStartActions()}${this.renderHeaderSlottedContent()}${f}${this.renderHeaderActionsEnd()}</div>${this.renderActionBar()}${this.renderContentTop()}</header>`}renderFooterNode(){let{hasFooterEndContent:e,hasFooterStartContent:a,hasFooterContent:l}=this,i=a||e||l;return n`<footer class=${o(t.footer)} .hidden=${!i}><div class=${o(t.footerContent)} .hidden=${!l}><slot name=${c.footer} @slotchange=${this.handleFooterSlotChange}></slot></div><div class=${o(t.footerStart)} .hidden=${l||!a}><slot name=${c.footerStart} @slotchange=${this.handleFooterStartSlotChange}></slot></div><div class=${o(t.footerEnd)} .hidden=${l||!e}><slot name=${c.footerEnd} @slotchange=${this.handleFooterEndSlotChange}></slot></div></footer>`}renderContent(){return n`<div class=${o(t.contentWrapper)} .hidden=${this.collapsible&&this.collapsed} @scroll=${this.panelScrollHandler} ${C(this.setPanelScrollEl)}><slot></slot>${this.renderFab()}</div>`}renderContentBottom(){return n`<div class=${o(t.contentBottom)} .hidden=${!this.hasContentBottom}><slot name=${c.contentBottom} @slotchange=${this.contentBottomSlotChangeHandler}></slot></div>`}renderContentTop(){return n`<div class=${o(t.contentTop)} .hidden=${!this.hasContentTop}><slot name=${c.contentTop} @slotchange=${this.contentTopSlotChangeHandler}></slot></div>`}renderFab(){return n`<div class=${o(t.fabContainer)} .hidden=${!this.hasFab}><slot name=${c.fab} @slotchange=${this.handleFabSlotChange}></slot></div>`}render(){let{disabled:e,loading:a,closed:l}=this,i=n`<article .ariaBusy=${a} class=${o(t.container)} .hidden=${l} ${C(this.containerRef)}>${this.renderHeaderNode()}${this.renderContent()}${this.renderContentBottom()}${this.renderFooterNode()}${g("alerts",n`<slot name=${c.alerts} @slotchange=${this.handleAlertsSlotChange}></slot>`)}</article>`;return this.interactiveContainer({disabled:e,children:n`${a?n`<calcite-scrim .loading=${a}></calcite-scrim>`:null}${i}`})}};w("calcite-panel",y);export{y as Panel};
|
|
3
|
+
v5.0.0 */
|
|
4
|
+
import{a as t,b as S,c as v,d as c}from"./BJZLHY2T.js";import{a as D}from"./DLCR2BZZ.js";import{b as O}from"./7CXUCW7M.js";import{a as M}from"./TFT3BFZ2.js";import"./HO55VHYW.js";import{a as I}from"./RST4PSBP.js";import{a as g}from"./7BCIDDBP.js";import"./TPTR4HFU.js";import{a as F,b as B}from"./BGPTQLGU.js";import{a as N}from"./HLR3E4S6.js";import{c as L}from"./FNZ2HXDB.js";import{a as T}from"./HATVATL4.js";import{a as P}from"./SMMLO4QY.js";import"./CNCDLTPI.js";import"./4WJHYN2P.js";import{t as s,u as x}from"./PAZJ5Y7Z.js";import"./DZ7QKWDK.js";import{C as z,D as C,E,F as o,Q as w,g as A,h as n,l as $,p as m}from"./H7NVY7CX.js";var _=A`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;border-radius:var(--calcite-panel-corner-radius, var(--calcite-corner-radius-sharp))}slot[name=alerts]::slotted(calcite-alert){block-size:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-panel-default-space: var(--calcite-spacing-sm);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-sm-plus)}:host([scale=s]) .header-content .heading{font-size:var(--calcite-font-size--1)}:host([scale=s]) .header-content .description{font-size:var(--calcite-font-size--2)}:host([scale=s]) .header-content .icon{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]){--calcite-internal-panel-default-space: var(--calcite-spacing-md);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-md-plus)}:host([scale=m]) .header-content .heading{font-size:var(--calcite-font-size-0)}:host([scale=m]) .header-content .description{font-size:var(--calcite-font-size--1)}:host([scale=m]) .header-content .icon{margin-inline-end:var(--calcite-spacing-md)}:host(:is([scale=s],[scale=m])){--calcite-internal-panel-action-spacing: var(--calcite-spacing-xxs)}:host([scale=l]){--calcite-internal-panel-action-spacing: var(--calcite-spacing-xs);--calcite-internal-panel-default-space: var(--calcite-spacing-lg);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-xl)}:host([scale=l]) .header-content .heading{font-size:var(--calcite-font-size-1)}:host([scale=l]) .header-content .description{font-size:var(--calcite-font-size-0)}:host([scale=l]) .header-content .icon{margin-inline-end:var(--calcite-spacing-lg)}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;padding:var(--calcite-internal-panel-default-space);border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));background-color:var(--calcite-panel-background-color, var(--calcite-color-foreground-1))}.container{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;overflow:hidden;background-color:var(--calcite-color-background);padding:0;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-color-text-2);transition:max-block-size var(--calcite-animation-timing),inline-size var(--calcite-animation-timing);box-sizing:border-box;font-size:var(--calcite-font-size--1)}.container *{box-sizing:border-box}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-panel-header-background-color, var(--calcite-color-foreground-1));border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-panel-header-border-block-end, var(--calcite-color-border-3)))}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3))}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:.75rem;padding-block:.875rem;margin-inline-end:auto;justify-content:center}.header-content .heading-text-content{flex:1 1 auto;overflow:hidden}.header-content .heading,.header-content .description{display:block;flex:none;overflow-wrap:break-word;padding:0;line-height:var(--calcite-font-line-height-relative-snug)}.header-content .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-panel-heading-text-color, var(--calcite-color-text-1))}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{color:var(--calcite-panel-description-text-color, var(--calcite-color-text-2))}#close,#collapse,calcite-action-menu{--calcite-action-background-color: var(--calcite-panel-header-action-background-color);--calcite-action-background-color-hover: var(--calcite-panel-header-action-background-color-hover);--calcite-action-background-color-press: var(--calcite-panel-header-action-background-color-press);--calcite-action-text-color: var(--calcite-panel-header-action-text-color);--calcite-action-text-color-press: var(--calcite-panel-header-action-text-color-press)}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;margin:auto;gap:var(--calcite-internal-panel-action-spacing)}.header-actions--start{margin-inline-start:var(--calcite-internal-panel-action-spacing)}.header-actions--end{margin-inline-end:var(--calcite-internal-panel-action-spacing)}.content-wrapper{position:relative;display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;color:var(--calcite-color-text-2);outline-color:transparent;padding:var(--calcite-panel-space, var(--calcite-panel-content-space, 0));background:var(--calcite-panel-background-color, var(--calcite-color-background))}.content-wrapper:focus-visible{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.header-content{flex:1 1 auto;justify-content:center;padding-block:var(--calcite-internal-panel-header-vertical-padding);padding-inline:var(--calcite-internal-panel-default-space)}.header-content.header--slotted-content{padding:var(--calcite-panel-header-content-space, var(--calcite-internal-panel-header-vertical-padding) var(--calcite-internal-panel-default-space))}.header-content.header--non-slotted-content{align-items:center;flex-direction:row}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;align-items:center;justify-content:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));padding:var(--calcite-panel-footer-space, var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-space)));background-color:var(--calcite-panel-footer-background-color, var(--calcite-color-foreground-1))}.footer-content{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:center}.footer-start{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-start;margin-inline-end:auto;gap:var(--calcite-internal-panel-default-space)}.footer-end{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-end;margin-inline-start:auto;gap:var(--calcite-internal-panel-default-space)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:.5rem;inset-inline:0;inline-size:fit-content}calcite-icon{--calcite-icon-color: var(--calcite-panel-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-1)))}:host([hidden]){display:none}[hidden]{display:none}`,y=class extends E{constructor(){super(),this.containerRef=z(),this.resizeObserver=F("resize",()=>this.resizeHandler()),this.messages=N(),this._closed=!1,this.focusSetter=T()(this),this.interactiveContainer=I(this),this.hasActionBar=!1,this.hasContentBottom=!1,this.hasContentTop=!1,this.hasEndActions=!1,this.hasFab=!1,this.hasFooterContent=!1,this.hasFooterEndContent=!1,this.hasFooterStartContent=!1,this.hasHeaderContent=!1,this.hasMenuItems=!1,this.hasStartActions=!1,this.showHeaderContent=!1,this.closable=!1,this.collapseDirection="down",this.collapsed=!1,this.collapsible=!1,this.disabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.menuOpen=!1,this.menuPlacement=O,this.overlayPositioning="absolute",this.scale="m",this.topLayerDisabled=!1,this.calcitePanelClose=m({cancelable:!0}),this.calcitePanelCollapse=m({cancelable:!1}),this.calcitePanelExpand=m({cancelable:!1}),this.calcitePanelScroll=m({cancelable:!1}),this.calcitePanelToggle=m({cancelable:!1}),this.listen("keydown",this.panelKeyDownHandler),this.listen("calcitePanelClose",this.panelCloseHandler)}static{this.properties={hasActionBar:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],hasEndActions:[16,{},{state:!0}],hasFab:[16,{},{state:!0}],hasFooterContent:[16,{},{state:!0}],hasFooterEndContent:[16,{},{state:!0}],hasFooterStartContent:[16,{},{state:!0}],hasHeaderContent:[16,{},{state:!0}],hasMenuItems:[16,{},{state:!0}],hasStartActions:[16,{},{state:!0}],showHeaderContent:[16,{},{state:!0}],beforeClose:[0,{},{attribute:!1}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],collapseDirection:1,collapsed:[7,{},{reflect:!0,type:Boolean}],collapsible:[7,{},{reflect:!0,type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],icon:[3,{type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],menuFlipPlacements:[0,{},{attribute:!1}],menuOpen:[7,{},{reflect:!0,type:Boolean}],menuPlacement:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],overlayPositioning:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=[D,_]}get closed(){return this._closed}set closed(e){let a=this._closed;e!==a&&this.setClosedState(e)}async scrollContentTo(e){this.panelScrollEl?.scrollTo(e)}async setFocus(e){return this.focusSetter(()=>this.containerRef.value,e)}willUpdate(e){e.has("collapsed")&&this.hasUpdated&&(this.collapsed?this.calcitePanelCollapse.emit():this.calcitePanelExpand.emit())}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}async setClosedState(e){if(this.beforeClose&&e)try{await this.beforeClose?.()}catch{return}this._closed=e}resizeHandler(){let{panelScrollEl:e}=this;if(!e||typeof e.scrollHeight!="number"||typeof e.offsetHeight!="number")return;e.scrollHeight>e.offsetHeight?e.setAttribute("tabindex","0"):e.removeAttribute("tabindex")}closeClickHandler(){this.emitCloseEvent()}emitCloseEvent(){this.calcitePanelClose.emit()}panelKeyDownHandler(e){this.closable&&e.key==="Escape"&&!e.defaultPrevented&&(e.preventDefault(),this.emitCloseEvent())}panelCloseHandler(e){e.defaultPrevented||e.target!==this.el||(this.closed=!0)}collapse(){this.collapsed=!this.collapsed,this.calcitePanelToggle.emit()}panelScrollHandler(){this.calcitePanelScroll.emit()}handleHeaderActionsStartSlotChange(e){this.hasStartActions=s(e)}handleHeaderActionsEndSlotChange(e){this.hasEndActions=s(e)}handleHeaderMenuActionsSlotChange(e){this.hasMenuItems=s(e)}handleActionBarSlotChange(e){let a=x(e).filter(l=>l?.matches("calcite-action-bar"));a.forEach(l=>l.layout="horizontal"),this.hasActionBar=!!a.length}handleHeaderContentSlotChange(e){this.hasHeaderContent=s(e)}handleFabSlotChange(e){this.hasFab=s(e)}handleFooterEndSlotChange(e){this.hasFooterEndContent=s(e)}handleFooterStartSlotChange(e){this.hasFooterStartContent=s(e)}handleFooterSlotChange(e){this.hasFooterContent=s(e)}contentBottomSlotChangeHandler(e){this.hasContentBottom=s(e)}contentTopSlotChangeHandler(e){this.hasContentTop=s(e)}setPanelScrollEl(e){B(this.resizeObserver,this.panelScrollEl,e),this.panelScrollEl=e}handleAlertsSlotChange(e){x(e)?.map(a=>{a.nodeName==="CALCITE-ALERT"&&(a.embedded=!0)})}renderHeaderContent(){let{heading:e,headingLevel:a,description:l,hasHeaderContent:i,icon:d,scale:h}=this,p=d?n`<calcite-icon class=${o(t.icon)} .flipRtl=${this.iconFlipRtl} .icon=${d} .scale=${P(h)}></calcite-icon>`:null,r=e?M({class:t.heading,level:a,children:e}):null,f=l?n`<span class=${o(t.description)}>${l}</span>`:null;return!i&&(r||f)?g("header-content",n`<div class=${o({[t.headerContent]:!0,[t.headerNonSlottedContent]:!0})}>${p}<div class=${o(t.headingTextContent)}>${r}${f}</div></div>`):null}renderActionBar(){return n`<div class=${o(t.actionBarContainer)} .hidden=${!this.hasActionBar}><slot name=${c.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot></div>`}renderHeaderSlottedContent(){return g("slotted-header-content",n`<div class=${o({[t.headerContent]:!0,[t.headerSlottedContent]:!0})} .hidden=${!this.hasHeaderContent}><slot name=${c.headerContent} @slotchange=${this.handleHeaderContentSlotChange}></slot></div>`)}renderHeaderStartActions(){let{hasStartActions:e}=this;return g("header-actions-start",n`<div class=${o({[t.headerActionsStart]:!0,[t.headerActions]:!0})} .hidden=${!e}><slot name=${c.headerActionsStart} @slotchange=${this.handleHeaderActionsStartSlotChange}></slot></div>`)}renderHeaderActionsEnd(){let{hasEndActions:e,messages:a,closable:l,collapsed:i,collapseDirection:d,collapsible:h,hasMenuItems:p}=this,{collapse:r,expand:f,close:u}=a,b=[v.expand,v.collapse];d==="up"&&b.reverse();let H=h?n`<calcite-action .aria=${{expanded:!i}} .icon=${i?b[0]:b[1]} id=${S.collapse} .label=${r} @click=${this.collapse} .scale=${this.scale} .text=${r} title=${(i?f:r)??$}></calcite-action>`:null,k=l?n`<calcite-action .ariaLabel=${u} .icon=${v.close} id=${S.close} @click=${this.closeClickHandler} .scale=${this.scale} .text=${u} title=${u??$}></calcite-action>`:null,R=n`<slot name=${c.headerActionsEnd} @slotchange=${this.handleHeaderActionsEndSlotChange}></slot>`,j=e||H||k||p;return g("header-actions-end",n`<div class=${o({[t.headerActionsEnd]:!0,[t.headerActions]:!0})} .hidden=${!j}>${R}${this.renderMenu()}${H}${k}</div>`)}renderMenu(){let{hasMenuItems:e,messages:a,menuOpen:l,menuFlipPlacements:i,menuPlacement:d,scale:h}=this;return g("menu",n`<calcite-action-menu .flipPlacements=${i??["top","bottom"]} .hidden=${!e} .label=${a.options} .open=${l} .overlayPositioning=${this.overlayPositioning} .placement=${d} .scale=${h} .topLayerDisabled=${this.topLayerDisabled}><calcite-action class=${o(t.menuAction)} .icon=${v.menu} .scale=${h} slot=${L.trigger} .text=${a.options}></calcite-action><slot name=${c.headerMenuActions} @slotchange=${this.handleHeaderMenuActionsSlotChange}></slot></calcite-action-menu>`)}renderHeaderNode(){let{hasHeaderContent:e,hasStartActions:a,hasEndActions:l,closable:i,collapsible:d,hasMenuItems:h,hasActionBar:p,hasContentTop:r}=this,f=this.renderHeaderContent(),u=e||!!f||a||l||d||i||h||p||r;return this.showHeaderContent=u,n`<header class=${o(t.header)} .hidden=${!(u||p||r)}><div class=${o({[t.headerContainer]:!0,[t.headerContainerBorderEnd]:p})} .hidden=${!u}>${this.renderHeaderStartActions()}${this.renderHeaderSlottedContent()}${f}${this.renderHeaderActionsEnd()}</div>${this.renderActionBar()}${this.renderContentTop()}</header>`}renderFooterNode(){let{hasFooterEndContent:e,hasFooterStartContent:a,hasFooterContent:l}=this,i=a||e||l;return n`<footer class=${o(t.footer)} .hidden=${!i}><div class=${o(t.footerContent)} .hidden=${!l}><slot name=${c.footer} @slotchange=${this.handleFooterSlotChange}></slot></div><div class=${o(t.footerStart)} .hidden=${l||!a}><slot name=${c.footerStart} @slotchange=${this.handleFooterStartSlotChange}></slot></div><div class=${o(t.footerEnd)} .hidden=${l||!e}><slot name=${c.footerEnd} @slotchange=${this.handleFooterEndSlotChange}></slot></div></footer>`}renderContent(){return n`<div class=${o(t.contentWrapper)} .hidden=${this.collapsible&&this.collapsed} @scroll=${this.panelScrollHandler} ${C(this.setPanelScrollEl)}><slot></slot>${this.renderFab()}</div>`}renderContentBottom(){return n`<div class=${o(t.contentBottom)} .hidden=${!this.hasContentBottom}><slot name=${c.contentBottom} @slotchange=${this.contentBottomSlotChangeHandler}></slot></div>`}renderContentTop(){return n`<div class=${o(t.contentTop)} .hidden=${!this.hasContentTop}><slot name=${c.contentTop} @slotchange=${this.contentTopSlotChangeHandler}></slot></div>`}renderFab(){return n`<div class=${o(t.fabContainer)} .hidden=${!this.hasFab}><slot name=${c.fab} @slotchange=${this.handleFabSlotChange}></slot></div>`}render(){let{disabled:e,loading:a,closed:l}=this,i=n`<article .ariaBusy=${a} class=${o(t.container)} .hidden=${l} ${C(this.containerRef)}>${this.renderHeaderNode()}${this.renderContent()}${this.renderContentBottom()}${this.renderFooterNode()}${g("alerts",n`<slot name=${c.alerts} @slotchange=${this.handleAlertsSlotChange}></slot>`)}</article>`;return this.interactiveContainer({disabled:e,children:n`${a?n`<calcite-scrim .loading=${a}></calcite-scrim>`:null}${i}`})}};w("calcite-panel",y);export{y as Panel};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0
|
|
4
|
-
import{a as o,b as r,f as d}from"./
|
|
3
|
+
v5.0.0 */
|
|
4
|
+
import{a as o,b as r,f as d}from"./F5BIAFBI.js";import"./PAZJ5Y7Z.js";import"./DZ7QKWDK.js";import{E as n,F as c,Q as s,g as a,h as l,p as i}from"./H7NVY7CX.js";var h={container:"container"},b=a`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:.25rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);margin-block-end:var(--calcite-label-margin-bottom, .5rem)}:host([scale=m]) .container{gap:.5rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);margin-block-end:var(--calcite-label-margin-bottom, .75rem)}:host([scale=l]) .container{gap:.5rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-color-text-1);color:var(--calcite-label-text-color, var(--calcite-color-text-1))}:host([layout=block]) .container,:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:.5rem}:host([layout=inline][scale=l]) .container{gap:.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity: 1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity: 0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,t=class extends n{constructor(){super(),this.alignment="start",this.layout="default",this.scale="m",this.calciteInternalLabelClick=i({bubbles:!1,cancelable:!1}),this.listen("click",this.labelClickHandler)}static{this.properties={alignment:[3,{},{reflect:!0}],for:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}]}}static{this.styles=b}connectedCallback(){super.connectedCallback(),document.dispatchEvent(new CustomEvent(o))}willUpdate(e){e.has("for")&&d(this.el)}disconnectedCallback(){super.disconnectedCallback(),document.dispatchEvent(new CustomEvent(r))}labelClickHandler(e){window.getSelection()?.type!=="Range"&&this.calciteInternalLabelClick.emit({sourceEvent:e})}render(){return l`<div class=${c(h.container)}><slot></slot></div>`}};s("calcite-label",t);export{t as Label};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0
|
|
3
|
+
v5.0.0 */
|
|
4
4
|
var c="24px",a="32px",e="44px",t="48px";export{c as a,a as b,e as c,t as d};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0
|
|
3
|
+
v5.0.0 */
|
|
4
4
|
var o={menu:"menu",defaultTrigger:"default-trigger"},e="calcite-action-menu",i={button:t=>`${e}-${t}-menu-button`,menu:t=>`${e}-${t}-menu`,action:(t,n)=>`${e}-${t}-action-${n}`},a={tooltip:"tooltip",trigger:"trigger"},s={menu:"ellipsis"};export{o as a,i as b,a as c,s as d};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0
|
|
4
|
-
import{a as u}from"./
|
|
3
|
+
v5.0.0 */
|
|
4
|
+
import{a as u}from"./VX4Q3WPO.js";import{a as h}from"./HULZTISZ.js";import{a as o}from"./BGPTQLGU.js";import{a as p}from"./HLR3E4S6.js";import{a as d}from"./HATVATL4.js";import"./SMMLO4QY.js";import"./CNCDLTPI.js";import"./4WJHYN2P.js";import"./PAZJ5Y7Z.js";import"./DZ7QKWDK.js";import{E as l,F as n,J as r,Q as c,g as a,h as i,p as s}from"./H7NVY7CX.js";var g={itemWrapper:"item-wrapper"},m={validationMessage:"radioButtonGroupValidationMessage"},b=a`:host{display:flex;flex-direction:column}:host>.item-wrapper{display:flex;max-inline-size:100vw}:host([layout=horizontal])>.item-wrapper{flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s])>.item-wrapper{column-gap:var(--calcite-radio-button-group-gap, var(--calcite-spacing-lg))}:host([layout=horizontal][scale=m])>.item-wrapper{column-gap:var(--calcite-radio-button-group-gap, var(--calcite-spacing-xl))}:host([layout=horizontal][scale=l])>.item-wrapper{column-gap:var(--calcite-radio-button-group-gap, var(--calcite-spacing-xxl))}:host([layout=vertical])>.item-wrapper{flex-direction:column;inline-size:fit-content}:host([scale=s]) calcite-input-message{--calcite-input-message-spacing: var( --calcite-radio-button-input-message-spacing, calc(var(--calcite-spacing-xxs) * -1) )}:host([scale=m]) calcite-input-message{--calcite-input-message-spacing: var( --calcite-radio-button-input-message-spacing, calc(var(--calcite-spacing-sm) * -1) )}:host([scale=l]) calcite-input-message{--calcite-input-message-spacing: var( --calcite-radio-button-input-message-spacing, calc(var(--calcite-spacing-md) * -1) )}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`,t=class extends l{constructor(){super(),this.messages=p(),this.mutationObserver=o("mutation",()=>this.passPropsToRadioButtons()),this.focusSetter=d()(this),this.radioButtons=[],this.disabled=!1,this.layout="horizontal",this.required=!1,this.scale="m",this.selectedItem=null,this.status="idle",this.calciteRadioButtonGroupChange=s({cancelable:!1}),this.listen("calciteRadioButtonChange",this.radioButtonChangeHandler)}static{this.properties={radioButtons:[16,{},{state:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],labelText:1,layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectedItem:[0,{},{attribute:!1}],status:[3,{},{reflect:!0}],validationIcon:[3,{converter:r,type:String},{reflect:!0}],validationMessage:1}}static{this.styles=b}async setFocus(e){return this.focusSetter(()=>this.selectedItem&&!this.selectedItem.disabled?this.selectedItem:this.getFocusableRadioButton(),e)}connectedCallback(){super.connectedCallback(),this.passPropsToRadioButtons(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}willUpdate(e){(e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)||e.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")||e.has("scale")&&(this.hasUpdated||this.scale!=="m"))&&this.passPropsToRadioButtons()}loaded(){this.passPropsToRadioButtons()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}passPropsToRadioButtons(){this.radioButtons=Array.from(this.el.querySelectorAll("calcite-radio-button")),this.selectedItem=Array.from(this.radioButtons).reverse().find(e=>e.checked)||null,this.radioButtons.length>0&&this.radioButtons.forEach(e=>{this.hasUpdated&&(e.disabled=this.disabled||e.disabled),e.name=this.name,e.required=this.required,e.scale=this.scale})}getFocusableRadioButton(){return this.radioButtons.find(e=>!e.disabled)??null}radioButtonChangeHandler(e){this.selectedItem=e.target,this.calciteRadioButtonGroupChange.emit()}render(){return this.el.role="radiogroup",i`${this.labelText&&h({labelText:this.labelText,required:this.required,tooltipText:this.messages.required})||""}<div aria-errormessage=${m.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaRequired=${this.required} class=${n(g.itemWrapper)}><slot></slot></div>${this.validationMessage&&this.status==="invalid"?u({icon:this.validationIcon,id:m.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`}};c("calcite-radio-button-group",t);export{t as RadioButtonGroup};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0
|
|
4
|
-
import{a as q}from"./JZU3G6D6.js";import{a as B}from"./SXZ7YXBK.js";import{a as H,b as $,c as I,d as L}from"./A5G4EAEX.js";import{a as x}from"./ZMN6MPPD.js";import"./PYJCVQM2.js";import{a as G}from"./42PDLP4V.js";import{c as O}from"./YDY2PJ77.js";import"./XOQT32SN.js";import{a as T}from"./XEVMMGSJ.js";import"./NKERUAOG.js";import"./PIWIJ2KY.js";import"./KCJNSCVQ.js";import{D as c,t as k,u as C,y as g}from"./CFWVE5Y4.js";import"./2DFGGHQE.js";import{C as w,D as E,E as z,F as m,L as S,Q as D,g as y,h as v,p as f}from"./ITVMQGUZ.js";var K=({bufferSize:b=0,containerSize:e,itemSizes:t})=>{let a=e-b,n=t.length,i=0;for(let[r,o]of t.entries())if(i=i+o,i>a){n=r;break}else continue;return n},N=({bufferSize:b=0,containerSize:e,itemSizes:t})=>Math.max(t.length-K({bufferSize:b,itemSizes:t,containerSize:e}),0),U={container:"container",actionGroupEnd:"action-group--end"},M={actionsEnd:"actions-end",expandTooltip:"expand-tooltip"},j=y`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([scale=s]){--calcite-internal-action-bar-gap: var(--calcite-action-bar-items-space, var(--calcite-spacing-xxs));--calcite-internal-action-bar-padding: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-action-bar-gap: var(--calcite-action-bar-items-space, var(--calcite-spacing-sm));--calcite-internal-action-bar-padding: var(--calcite-spacing-sm)}:host([scale=l]){--calcite-internal-action-bar-gap: var(--calcite-action-bar-items-space, var(--calcite-space-sm-plus));--calcite-internal-action-bar-padding: var(--calcite-spacing-sm-plus)}:host{display:inline-flex;align-self:stretch;background:transparent;--calcite-internal-action-group-dividing-border-margin: calc(var(--calcite-spacing-base) + 1px)}.container{display:inline-flex;flex:1 1 auto;flex-direction:column;background-color:var(--calcite-action-bar-background-color, var(--calcite-color-foreground-1));gap:var(--calcite-internal-action-bar-gap);padding:var(--calcite-internal-action-bar-padding)}@keyframes in{0%{opacity:0}to{opacity:1}}:host([floating]) .container{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;overflow:hidden;border-radius:var(--calcite-action-bar-corner-radius, var(--calcite-corner-radius-round));--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--calcite-action-bar-shadow, var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow))}:host([layout=vertical]){flex-direction:column}:host([layout=vertical]):host([overflow-actions-disabled]) .container{overflow-y:auto}:host([layout=vertical]):host([expanded]) .container{max-inline-size:var(--calcite-action-bar-expanded-max-width, auto)}:host([layout=vertical]) .action-group--end{margin-block-start:auto}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:var(--calcite-border-width-sm);border-image:linear-gradient(to right,transparent var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-group-dividing-border-margin)),transparent var(--calcite-internal-action-group-dividing-border-margin));border-image-slice:1;padding-block-end:var(--calcite-internal-action-bar-padding)}:host([layout=horizontal]){flex-direction:row}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]):host([overflow-actions-disabled]) .container{overflow-x:auto}:host([layout=horizontal]) .action-group--end{margin-inline-start:auto}:host([layout=horizontal]) ::slotted(calcite-action-group:not(:last-of-type)){border-image:linear-gradient(transparent var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-group-dividing-border-margin)),transparent var(--calcite-internal-action-group-dividing-border-margin));border-image-slice:1;border-inline-end-width:var(--calcite-border-width-sm);padding-inline-end:var(--calcite-internal-action-bar-padding)}.action-group--end{justify-content:flex-end}:host([hidden]){display:none}[hidden]{display:none}`,A=class extends z{constructor(){super(),this.actions=[],this.containerRef=w(),this.mutationObserver=x("mutation",()=>this.mutationObserverHandler()),this.cancelable=q()(this),this.resize=B(({width:e,height:t})=>{let{expanded:a,expandDisabled:n,layout:i,overflowActionsDisabled:r,actionGroups:o}=this;if(r||i==="vertical"&&!t||i==="horizontal"&&!e)return;let d=this.getItemSizes();this.updateGroups();let h=this.hasActionsEnd||!n?o.length+1:o.length,s=h,l=getComputedStyle(this.containerRef.value);if(s+=c(i==="horizontal"?l.paddingInlineStart:l.paddingBlockStart)+c(i==="horizontal"?l.paddingInlineEnd:l.paddingBlockEnd),o.length>0&&o.forEach((p,R)=>{let u=getComputedStyle(p),W=c(u.gap),F=p.childElementCount-1;s+=W*F,R<o.length-1&&(s+=c(i==="horizontal"?u.paddingInlineEnd:u.paddingBlockEnd),s+=c(i==="horizontal"?u.borderInlineEndWidth:u.borderBlockEndWidth))}),h>0)for(let p=1;p<h;p++)s+=c(l.gap);let P=N({bufferSize:s,containerSize:i==="horizontal"?e:t,itemSizes:d});$({actionGroups:o,expanded:a,overflowCount:P})},S.resize),this.resizeHandler=e=>{let{width:t,height:a}=e.contentRect;this.resize({width:t,height:a})},this.resizeObserver=x("resize",e=>this.resizeHandlerEntries(e)),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionBarToggle.emit()},this.messages=G(),this.focusSetter=T()(this),this.setExpandToggleEl=e=>{this.expandToggleEl=e},this.hasActionsEnd=!1,this.floating=!1,this.expandDisabled=!1,this.expanded=!1,this.layout="vertical",this.overflowActionsDisabled=!1,this.overlayPositioning="absolute",this.scale="m",this.selectionAppearance="neutral",this.calciteActionBarCollapse=f({cancelable:!1}),this.calciteActionBarExpand=f({cancelable:!1}),this.calciteActionBarToggle=f({cancelable:!1}),this.listen("calciteActionMenuOpen",this.actionMenuOpenHandler),this.listen("keydown",this.handleKeyDown)}static{this.properties={expandTooltip:[16,{},{state:!0}],hasActionsEnd:[16,{},{state:!0}],actionsEndGroupLabel:1,floating:[7,{},{reflect:!0,type:Boolean}],expandDisabled:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],overflowActionsDisabled:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],position:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}]}}static{this.styles=j}async overflowActions(){this.resize({width:this.el.clientWidth,height:this.el.clientHeight})}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.updateGroups(),this.overflowActions(),this.updateActions(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.overflowActionsDisabledHandler(this.overflowActionsDisabled),this.cancelable.add(this.resize)}willUpdate(e){e.has("expandDisabled")&&(this.hasUpdated||this.expandDisabled!==!1)&&this.overflowActions(),e.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.updateGroups(),e.has("overflowActionsDisabled")&&(this.hasUpdated||this.overflowActionsDisabled!==!1)&&this.overflowActionsDisabledHandler(this.overflowActionsDisabled),e.has("expanded")&&this.hasUpdated&&(this.expandedHandler(),this.expanded?this.calciteActionBarExpand.emit():this.calciteActionBarCollapse.emit()),e.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="neutral")&&this.updateActions()}loaded(){this.overflowActions()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect()}getItemSizes(){let{el:e,layout:t,expandToggleEl:a}=this,n=H(e);a&&n.push(a);let i=t==="horizontal"?"clientWidth":"clientHeight",r=Math.max(...n.map(o=>o[i]||0));return n.map(o=>o[i]||r)}expandedHandler(){let{el:e,expanded:t}=this;I({el:e,expanded:t}),this.overflowActions()}overflowActionsDisabledHandler(e){if(e){this.resizeObserver?.disconnect();return}this.resizeObserver?.observe(this.el),this.overflowActions()}actionMenuOpenHandler(e){if(e.target.menuOpen){let t=e.composedPath();this.actionGroups?.forEach(a=>{t.includes(a)||(a.menuOpen=!1)})}}mutationObserverHandler(){this.updateGroups(),this.overflowActions(),this.queryAndStoreActions(),this.updateActions()}resizeHandlerEntries(e){e.forEach(this.resizeHandler)}updateGroups(){let e=Array.from(this.el.querySelectorAll("calcite-action-group"));this.actionGroups=e,e.forEach(t=>{t.layout=this.layout,t.scale=this.scale})}handleDefaultSlotChange(){this.updateGroups(),this.queryAndStoreActions(),this.updateActions()}handleActionsEndSlotChange(e){this.hasActionsEnd=k(e)}handleTooltipSlotChange(e){let t=C(e).filter(a=>a?.matches("calcite-tooltip"));this.expandTooltip=t[0]}updateActions(){this.actions.forEach(e=>{e.selectionAppearance=this.selectionAppearance})}queryAndStoreActions(){this.actions=Array.from(this.el.querySelectorAll("calcite-action"))}handleKeyDown(e){this.queryAndStoreActions();let t=this.actions.filter(n=>!n.disabled),a=document.activeElement;if(O(a))switch(e.key){case"ArrowRight":case"ArrowDown":g(t,a,"next",!0),e.preventDefault();break;case"ArrowLeft":case"ArrowUp":g(t,a,"previous",!0),e.preventDefault();break;case"Home":g(t,a,"first",!0),e.preventDefault();break;case"End":g(t,a,"last",!0),e.preventDefault();break;case"Tab":this.setActionTabIndexes(a);break}}setActionTabIndexes(e){this.actions.forEach(t=>{t.tabIndex=!t.disabled&&t===e?0:-1})}renderBottomActionGroup(){let{expanded:e,expandDisabled:t,el:a,position:n,toggleExpand:i,scale:r,layout:o,messages:d,actionsEndGroupLabel:h,overlayPositioning:s}=this,l=t?null:L({collapseLabel:d.collapseLabel,collapseText:d.collapse,el:a,expandLabel:d.expandLabel,expandText:d.expand,expanded:e,position:n,ref:this.setExpandToggleEl,scale:r,toggle:i,tooltip:this.expandTooltip});return v`<calcite-action-group class=${m(U.actionGroupEnd)} .hidden=${this.expandDisabled&&!this.hasActionsEnd} .label=${h} .layout=${o} .overlayPositioning=${s} .scale=${r}><slot name=${M.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot><slot name=${M.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>${l}</calcite-action-group>`}render(){return v`<div .ariaOrientation=${this.layout==="horizontal"?"horizontal":"vertical"} class=${m(U.container)} role=toolbar ${E(this.containerRef)}><slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderBottomActionGroup()}</div>`}};D("calcite-action-bar",A);export{A as ActionBar};
|
|
3
|
+
v5.0.0 */
|
|
4
|
+
import{a as q}from"./7Y3AJVBO.js";import{a as B}from"./TPTR4HFU.js";import{a as H,b as $,c as I,d as L}from"./VUAKCS3R.js";import{a as x}from"./BGPTQLGU.js";import"./ZBFX2JGJ.js";import{a as G}from"./HLR3E4S6.js";import{c as O}from"./YMYYPYHT.js";import"./FNZ2HXDB.js";import{a as T}from"./HATVATL4.js";import"./SMMLO4QY.js";import"./CNCDLTPI.js";import"./4WJHYN2P.js";import{D as c,t as k,u as C,y as g}from"./PAZJ5Y7Z.js";import"./DZ7QKWDK.js";import{C as w,D as E,E as z,F as m,L as S,Q as D,g as y,h as v,p as f}from"./H7NVY7CX.js";var K=({bufferSize:b=0,containerSize:e,itemSizes:t})=>{let a=e-b,n=t.length,i=0;for(let[r,o]of t.entries())if(i=i+o,i>a){n=r;break}else continue;return n},N=({bufferSize:b=0,containerSize:e,itemSizes:t})=>Math.max(t.length-K({bufferSize:b,itemSizes:t,containerSize:e}),0),U={container:"container",actionGroupEnd:"action-group--end"},M={actionsEnd:"actions-end",expandTooltip:"expand-tooltip"},j=y`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([scale=s]){--calcite-internal-action-bar-gap: var(--calcite-action-bar-items-space, var(--calcite-spacing-xxs));--calcite-internal-action-bar-padding: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-action-bar-gap: var(--calcite-action-bar-items-space, var(--calcite-spacing-sm));--calcite-internal-action-bar-padding: var(--calcite-spacing-sm)}:host([scale=l]){--calcite-internal-action-bar-gap: var(--calcite-action-bar-items-space, var(--calcite-space-sm-plus));--calcite-internal-action-bar-padding: var(--calcite-spacing-sm-plus)}:host{display:inline-flex;align-self:stretch;background:transparent;--calcite-internal-action-group-dividing-border-margin: calc(var(--calcite-spacing-base) + 1px)}.container{display:inline-flex;flex:1 1 auto;flex-direction:column;background-color:var(--calcite-action-bar-background-color, var(--calcite-color-foreground-1));gap:var(--calcite-internal-action-bar-gap);padding:var(--calcite-internal-action-bar-padding)}@keyframes in{0%{opacity:0}to{opacity:1}}:host([floating]) .container{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;overflow:hidden;border-radius:var(--calcite-action-bar-corner-radius, var(--calcite-corner-radius-round));--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--calcite-action-bar-shadow, var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow))}:host([layout=vertical]){flex-direction:column}:host([layout=vertical]):host([overflow-actions-disabled]) .container{overflow-y:auto}:host([layout=vertical]):host([expanded]) .container{max-inline-size:var(--calcite-action-bar-expanded-max-width, auto)}:host([layout=vertical]) .action-group--end{margin-block-start:auto}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:var(--calcite-border-width-sm);border-image:linear-gradient(to right,transparent var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-group-dividing-border-margin)),transparent var(--calcite-internal-action-group-dividing-border-margin));border-image-slice:1;padding-block-end:var(--calcite-internal-action-bar-padding)}:host([layout=horizontal]){flex-direction:row}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]):host([overflow-actions-disabled]) .container{overflow-x:auto}:host([layout=horizontal]) .action-group--end{margin-inline-start:auto}:host([layout=horizontal]) ::slotted(calcite-action-group:not(:last-of-type)){border-image:linear-gradient(transparent var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-group-dividing-border-margin)),transparent var(--calcite-internal-action-group-dividing-border-margin));border-image-slice:1;border-inline-end-width:var(--calcite-border-width-sm);padding-inline-end:var(--calcite-internal-action-bar-padding)}.action-group--end{justify-content:flex-end}:host([hidden]){display:none}[hidden]{display:none}`,A=class extends z{constructor(){super(),this.actions=[],this.containerRef=w(),this.mutationObserver=x("mutation",()=>this.mutationObserverHandler()),this.cancelable=q()(this),this.resize=B(({width:e,height:t})=>{let{expanded:a,expandDisabled:n,layout:i,overflowActionsDisabled:r,actionGroups:o}=this;if(r||i==="vertical"&&!t||i==="horizontal"&&!e)return;let d=this.getItemSizes();this.updateGroups();let h=this.hasActionsEnd||!n?o.length+1:o.length,s=h,l=getComputedStyle(this.containerRef.value);if(s+=c(i==="horizontal"?l.paddingInlineStart:l.paddingBlockStart)+c(i==="horizontal"?l.paddingInlineEnd:l.paddingBlockEnd),o.length>0&&o.forEach((p,R)=>{let u=getComputedStyle(p),W=c(u.gap),F=p.childElementCount-1;s+=W*F,R<o.length-1&&(s+=c(i==="horizontal"?u.paddingInlineEnd:u.paddingBlockEnd),s+=c(i==="horizontal"?u.borderInlineEndWidth:u.borderBlockEndWidth))}),h>0)for(let p=1;p<h;p++)s+=c(l.gap);let P=N({bufferSize:s,containerSize:i==="horizontal"?e:t,itemSizes:d});$({actionGroups:o,expanded:a,overflowCount:P})},S.resize),this.resizeHandler=e=>{let{width:t,height:a}=e.contentRect;this.resize({width:t,height:a})},this.resizeObserver=x("resize",e=>this.resizeHandlerEntries(e)),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionBarToggle.emit()},this.messages=G(),this.focusSetter=T()(this),this.setExpandToggleEl=e=>{this.expandToggleEl=e},this.hasActionsEnd=!1,this.floating=!1,this.expandDisabled=!1,this.expanded=!1,this.layout="vertical",this.overflowActionsDisabled=!1,this.overlayPositioning="absolute",this.scale="m",this.selectionAppearance="neutral",this.calciteActionBarCollapse=f({cancelable:!1}),this.calciteActionBarExpand=f({cancelable:!1}),this.calciteActionBarToggle=f({cancelable:!1}),this.listen("calciteActionMenuOpen",this.actionMenuOpenHandler),this.listen("keydown",this.handleKeyDown)}static{this.properties={expandTooltip:[16,{},{state:!0}],hasActionsEnd:[16,{},{state:!0}],actionsEndGroupLabel:1,floating:[7,{},{reflect:!0,type:Boolean}],expandDisabled:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],overflowActionsDisabled:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],position:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}]}}static{this.styles=j}async overflowActions(){this.resize({width:this.el.clientWidth,height:this.el.clientHeight})}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.updateGroups(),this.overflowActions(),this.updateActions(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.overflowActionsDisabledHandler(this.overflowActionsDisabled),this.cancelable.add(this.resize)}willUpdate(e){e.has("expandDisabled")&&(this.hasUpdated||this.expandDisabled!==!1)&&this.overflowActions(),e.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.updateGroups(),e.has("overflowActionsDisabled")&&(this.hasUpdated||this.overflowActionsDisabled!==!1)&&this.overflowActionsDisabledHandler(this.overflowActionsDisabled),e.has("expanded")&&this.hasUpdated&&(this.expandedHandler(),this.expanded?this.calciteActionBarExpand.emit():this.calciteActionBarCollapse.emit()),e.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="neutral")&&this.updateActions()}loaded(){this.overflowActions()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect()}getItemSizes(){let{el:e,layout:t,expandToggleEl:a}=this,n=H(e);a&&n.push(a);let i=t==="horizontal"?"clientWidth":"clientHeight",r=Math.max(...n.map(o=>o[i]||0));return n.map(o=>o[i]||r)}expandedHandler(){let{el:e,expanded:t}=this;I({el:e,expanded:t}),this.overflowActions()}overflowActionsDisabledHandler(e){if(e){this.resizeObserver?.disconnect();return}this.resizeObserver?.observe(this.el),this.overflowActions()}actionMenuOpenHandler(e){if(e.target.menuOpen){let t=e.composedPath();this.actionGroups?.forEach(a=>{t.includes(a)||(a.menuOpen=!1)})}}mutationObserverHandler(){this.updateGroups(),this.overflowActions(),this.queryAndStoreActions(),this.updateActions()}resizeHandlerEntries(e){e.forEach(this.resizeHandler)}updateGroups(){let e=Array.from(this.el.querySelectorAll("calcite-action-group"));this.actionGroups=e,e.forEach(t=>{t.layout=this.layout,t.scale=this.scale})}handleDefaultSlotChange(){this.updateGroups(),this.queryAndStoreActions(),this.updateActions()}handleActionsEndSlotChange(e){this.hasActionsEnd=k(e)}handleTooltipSlotChange(e){let t=C(e).filter(a=>a?.matches("calcite-tooltip"));this.expandTooltip=t[0]}updateActions(){this.actions.forEach(e=>{e.selectionAppearance=this.selectionAppearance})}queryAndStoreActions(){this.actions=Array.from(this.el.querySelectorAll("calcite-action"))}handleKeyDown(e){this.queryAndStoreActions();let t=this.actions.filter(n=>!n.disabled),a=document.activeElement;if(O(a))switch(e.key){case"ArrowRight":case"ArrowDown":g(t,a,"next",!0),e.preventDefault();break;case"ArrowLeft":case"ArrowUp":g(t,a,"previous",!0),e.preventDefault();break;case"Home":g(t,a,"first",!0),e.preventDefault();break;case"End":g(t,a,"last",!0),e.preventDefault();break;case"Tab":this.setActionTabIndexes(a);break}}setActionTabIndexes(e){this.actions.forEach(t=>{t.tabIndex=!t.disabled&&t===e?0:-1})}renderBottomActionGroup(){let{expanded:e,expandDisabled:t,el:a,position:n,toggleExpand:i,scale:r,layout:o,messages:d,actionsEndGroupLabel:h,overlayPositioning:s}=this,l=t?null:L({collapseLabel:d.collapseLabel,collapseText:d.collapse,el:a,expandLabel:d.expandLabel,expandText:d.expand,expanded:e,position:n,ref:this.setExpandToggleEl,scale:r,toggle:i,tooltip:this.expandTooltip});return v`<calcite-action-group class=${m(U.actionGroupEnd)} .hidden=${this.expandDisabled&&!this.hasActionsEnd} .label=${h} .layout=${o} .overlayPositioning=${s} .scale=${r}><slot name=${M.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot><slot name=${M.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>${l}</calcite-action-group>`}render(){return v`<div .ariaOrientation=${this.layout==="horizontal"?"horizontal":"vertical"} class=${m(U.container)} role=toolbar ${E(this.containerRef)}><slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderBottomActionGroup()}</div>`}};D("calcite-action-bar",A);export{A as ActionBar};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0
|
|
3
|
+
v5.0.0 */
|
|
4
4
|
var n={container:"container",containerNone:"container--none-selection",icon:"icon",iconEnd:"icon--end",iconStart:"icon--start",itemContent:"content",link:"link"},c={check:"check"};export{n as a,c as b};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0
|
|
4
|
-
import{a as s}from"./
|
|
3
|
+
v5.0.0 */
|
|
4
|
+
import{a as s}from"./BGPTQLGU.js";import{E as n,F as o,Q as r,g as i,h as c,p as a}from"./H7NVY7CX.js";var l={accordion:"accordion",transparent:"accordion--transparent"},d=i`:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-color-border-2));background-color:var(--calcite-accordion-background-color, var(--calcite-color-foreground-1))}.accordion--transparent{--calcite-accordion-border-color: transparent;border-color:var(--calcite-color-transparent);background-color:var(--calcite-color-transparent)}:host([scale=s]){--calcite-internal-accordion-item-spacing-unit: .25rem;--calcite-internal-accordion-icon-margin: .5rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) .5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host([scale=m]){--calcite-internal-accordion-item-spacing-unit: .5rem;--calcite-internal-accordion-icon-margin: .75rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) .75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=l]){--calcite-internal-accordion-item-spacing-unit: .75rem;--calcite-internal-accordion-icon-margin: 1rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([hidden]){display:none}[hidden]{display:none}`,t=class extends n{constructor(){super(),this.mutationObserver=s("mutation",()=>this.updateAccordionItems()),this.appearance="solid",this.iconPosition="end",this.iconType="chevron",this.scale="m",this.selectionMode="multiple",this.calciteInternalAccordionChange=a({cancelable:!1}),this.listen("calciteInternalAccordionItemSelect",this.updateActiveItemOnChange)}static{this.properties={appearance:[3,{},{reflect:!0}],iconPosition:[3,{},{reflect:!0}],iconType:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=d}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0}),this.updateAccordionItems()}willUpdate(e){(e.has("appearance")&&(this.hasUpdated||this.appearance!=="solid")||e.has("iconPosition")&&(this.hasUpdated||this.iconPosition!=="end")||e.has("iconType")&&(this.hasUpdated||this.iconType!=="chevron")||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="multiple"))&&this.updateAccordionItems()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}updateActiveItemOnChange(e){this.calciteInternalAccordionChange.emit({requestedAccordionItem:e.detail.requestedAccordionItem}),e.stopPropagation()}updateAccordionItems(){this.el.querySelectorAll("calcite-accordion-item").forEach(e=>{e.appearance=this.appearance,e.iconPosition=this.iconPosition,e.iconType=this.iconType,e.scale=this.scale}),document.dispatchEvent(new CustomEvent("calciteInternalAccordionItemsSync"))}render(){let e=this.appearance==="transparent";return c`<div class=${o({[l.transparent]:e,[l.accordion]:!e})}><slot></slot></div>`}};r("calcite-accordion",t);export{t as Accordion};
|