@esri/calcite-components 3.3.0-next.21 → 3.3.0-next.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/calcite/{FXJHN2LG.js → 22ERDHTC.js} +2 -2
- package/dist/calcite/{QWZJ6NMG.js → 25W76YNV.js} +1 -1
- package/dist/calcite/{ILQCMPEA.js → 2AYZV3WU.js} +1 -1
- package/dist/calcite/{5GOPNZ36.js → 3FZP3UYC.js} +2 -2
- package/dist/calcite/{KSTXL35W.js → 454NXUWZ.js} +2 -2
- package/dist/calcite/{NUP7UYCJ.js → 4AO7AIYB.js} +1 -1
- package/dist/calcite/{CHAQ6IHZ.js → 4BC2Q7K3.js} +2 -2
- package/dist/calcite/{UWH7B45X.js → 4HDAK7D5.js} +2 -2
- package/dist/calcite/{3JTLRPB7.js → 4JTWRBWZ.js} +2 -2
- package/dist/calcite/{WMDJBFC2.js → 4NKJ73FU.js} +2 -2
- package/dist/calcite/{MCXIYQXO.js → 4NO3QKTL.js} +2 -2
- package/dist/calcite/{23AGIKAV.js → 4PHZPFMF.js} +2 -2
- package/dist/calcite/{BUVK6TQC.js → 4PY6YVQE.js} +1 -1
- package/dist/calcite/{B4MAANGY.js → 5G7GF2LG.js} +2 -2
- package/dist/calcite/{537JB3JX.js → 5GY6HYCP.js} +2 -2
- package/dist/calcite/{YTLGUTB5.js → 5UVPIDBO.js} +2 -2
- package/dist/calcite/{22RCFI52.js → 6APBTBY2.js} +2 -2
- package/dist/calcite/{LWDSCZNO.js → 6GCEQLMA.js} +2 -2
- package/dist/calcite/{ZNEEVUOP.js → 6MGB7T7N.js} +2 -2
- package/dist/calcite/{GZ4IT56M.js → 6RDBFF5J.js} +2 -2
- package/dist/calcite/{BJGWX7YB.js → 6VZ3MD7C.js} +2 -2
- package/dist/calcite/{TC3JULZI.js → 7BDDYID3.js} +1 -1
- package/dist/calcite/{U7ZEJC4X.js → 7GTCEA32.js} +2 -2
- package/dist/calcite/{44PKZ4LG.js → 7IZIXSOW.js} +2 -2
- package/dist/calcite/{HYR3RAA5.js → 7K7EK6RW.js} +1 -1
- package/dist/calcite/{QBB3NK5U.js → 7PHMN5PV.js} +2 -2
- package/dist/calcite/{UQHLN25H.js → 7PTC3JBD.js} +1 -1
- package/dist/calcite/{LBM7HBZ4.js → 7VKM2NPO.js} +2 -2
- package/dist/calcite/{7ABHWTSR.js → 7WPM2HLU.js} +2 -2
- package/dist/calcite/{MXQ6DCYH.js → A3NEY4JH.js} +2 -2
- package/dist/calcite/{AHQCOYSZ.js → AH3F74VQ.js} +2 -2
- package/dist/calcite/{EELNN2HO.js → ALK2JX7L.js} +2 -2
- package/dist/calcite/{AETL7FA7.js → AMYZ4UKL.js} +2 -2
- package/dist/calcite/{B356BD5X.js → ANKO2LTN.js} +2 -2
- package/dist/calcite/{BYCHLSYY.js → AOAFXEIJ.js} +2 -2
- package/dist/calcite/{ZJ5K7IXT.js → B2LPMRAX.js} +1 -1
- package/dist/calcite/{TLCBA5HU.js → B53LDC7V.js} +2 -2
- package/dist/calcite/{2UXF5JAE.js → B6X5ZKVI.js} +2 -2
- package/dist/calcite/{AHMGVTH6.js → B7ZAOZVH.js} +2 -2
- package/dist/calcite/{MGASWZ4Z.js → BIBDGSZR.js} +2 -2
- package/dist/calcite/{MPDJHXE7.js → BNGZSRD2.js} +2 -2
- package/dist/calcite/{KLKJ2BIF.js → BXVWMSUA.js} +2 -2
- package/dist/calcite/{LJVWMMIE.js → CCVAKLBT.js} +2 -2
- package/dist/calcite/{C6DMCTMW.js → CD3RRKOC.js} +2 -2
- package/dist/calcite/{S2SUDW45.js → CN4HMVYX.js} +2 -2
- package/dist/calcite/{P32X7JWD.js → CNERRUEE.js} +2 -2
- package/dist/calcite/{PCW6AJ5H.js → CUXZ2KK2.js} +2 -2
- package/dist/calcite/{KDPTP6F2.js → CV63O4UJ.js} +2 -2
- package/dist/calcite/{P75KOSBW.js → D3CL2XK3.js} +1 -1
- package/dist/calcite/{7CKNAVTO.js → D4TMPTM7.js} +2 -2
- package/dist/calcite/{H2OP7QSX.js → D5W4AOHR.js} +2 -2
- package/dist/calcite/{YGAM7YFK.js → DEBRB3LV.js} +2 -2
- package/dist/calcite/{F4ZCBPHF.js → DEWYTJJI.js} +2 -2
- package/dist/calcite/{VZP4YRYG.js → DO6JCQXB.js} +2 -2
- package/dist/calcite/{Q7WBE2IH.js → E4V27HQW.js} +2 -2
- package/dist/calcite/{VHXYLKYY.js → EAM4CTZ7.js} +2 -2
- package/dist/calcite/{OQWAW7FS.js → EERIUASV.js} +2 -2
- package/dist/calcite/{HY2C2LTM.js → EF2YKM4Z.js} +2 -2
- package/dist/calcite/{RV4VHRTA.js → EFKFAZC3.js} +2 -2
- package/dist/calcite/{YXHGNDSO.js → EKXRB6Q2.js} +2 -2
- package/dist/calcite/{KI3E5TE2.js → ET4Q3DWV.js} +2 -2
- package/dist/calcite/{YHIXU53Q.js → ETBWAYXE.js} +2 -2
- package/dist/calcite/{MLPIQKPG.js → ETZO63XV.js} +2 -2
- package/dist/calcite/{HUEHJZWU.js → EY2Z6A6R.js} +1 -1
- package/dist/calcite/{QMJNRBCS.js → EY6WMB4E.js} +2 -2
- package/dist/calcite/{EFXVIKD7.js → F4MZMQJO.js} +2 -2
- package/dist/calcite/{VXLP33V2.js → FC4MJ6NY.js} +1 -1
- package/dist/calcite/{WADZAU3A.js → FCBNU2PM.js} +1 -1
- package/dist/calcite/{NXONCXM4.js → FECHZGNH.js} +2 -2
- package/dist/calcite/{H3JWG2OG.js → FGAFF76B.js} +2 -2
- package/dist/calcite/{HOID54F7.js → FLH7GZCX.js} +1 -1
- package/dist/calcite/{G3TKS6JF.js → FM3PXNN6.js} +2 -2
- package/dist/calcite/{RZXQ44FY.js → FN4GJ7IZ.js} +2 -2
- package/dist/calcite/{DPAFWF44.js → FO4QBUDA.js} +2 -2
- package/dist/calcite/{E6JJSZKR.js → FWY6KLYH.js} +2 -2
- package/dist/calcite/{XMYDMDWT.js → G7KHXYCG.js} +2 -2
- package/dist/calcite/{VU3QJRB4.js → GLG4NFZL.js} +2 -2
- package/dist/calcite/{7K3KLZFZ.js → GR32UN6F.js} +2 -2
- package/dist/calcite/{2Q67VQHB.js → GYTXEJNH.js} +2 -2
- package/dist/calcite/{CRDC3BJ2.js → H7I73IXV.js} +2 -2
- package/dist/calcite/{7YOTN7JN.js → HC7LQAR7.js} +2 -2
- package/dist/calcite/{SPPEHJHK.js → HIDL3J5Q.js} +2 -2
- package/dist/calcite/{N5CFMJRN.js → HKFI6ODY.js} +2 -2
- package/dist/calcite/{WAV3DWXS.js → HNIYPRDY.js} +2 -2
- package/dist/calcite/{DWWU7C3Z.js → HXLFFRAD.js} +2 -2
- package/dist/calcite/{ZULIYMI3.js → HXMTXHYM.js} +2 -2
- package/dist/calcite/{POEWQK3Z.js → HXQRQVPK.js} +2 -2
- package/dist/calcite/{RCB3Z2KA.js → HXSJXSL2.js} +2 -2
- package/dist/calcite/{KSYJHHX2.js → HYFYXB7S.js} +2 -2
- package/dist/calcite/{YJF5AILV.js → IBN3TBYU.js} +2 -2
- package/dist/calcite/{BVPFKYZM.js → IWRRF6YK.js} +2 -2
- package/dist/calcite/{PFIESKC5.js → IWSXCRNO.js} +2 -2
- package/dist/calcite/{ONMUMIWT.js → JKPF4IXY.js} +2 -2
- package/dist/calcite/{RZZYP5OQ.js → JRQVADVG.js} +2 -2
- package/dist/calcite/{7PMDNQI5.js → K5UKV4CY.js} +2 -2
- package/dist/calcite/{MI5EKALO.js → KDJIJRG3.js} +2 -2
- package/dist/calcite/{42NRWXNB.js → KLNQ7XMV.js} +2 -2
- package/dist/calcite/{WBVL3BEM.js → KRKOOFPC.js} +2 -2
- package/dist/calcite/{5X5SMYZ4.js → KSYGSO3X.js} +2 -2
- package/dist/calcite/{UZWIPYIJ.js → KUP5XKTU.js} +2 -2
- package/dist/calcite/{QOO2YNRY.js → LKOWKY7T.js} +2 -2
- package/dist/calcite/{65NV2R4L.js → LPARS4PS.js} +2 -2
- package/dist/calcite/{ARX5LS46.js → LYWE4GAC.js} +2 -2
- package/dist/calcite/{P2GBLS5I.js → MDUWCQYU.js} +2 -2
- package/dist/calcite/{3Y7SOZUR.js → ML2VWHBU.js} +2 -2
- package/dist/calcite/{YPIVYYBB.js → MPGR7YTM.js} +2 -2
- package/dist/calcite/{ICND3XKO.js → MRZ6JXZW.js} +2 -2
- package/dist/calcite/{D4MKEZZE.js → NQFRAAH4.js} +1 -1
- package/dist/calcite/{Y635RPAG.js → NYCXOVD2.js} +1 -1
- package/dist/calcite/{NJLZ6E6K.js → NYPJQVLR.js} +2 -2
- package/dist/calcite/{ITPJ7P2E.js → O63EHUT2.js} +2 -2
- package/dist/calcite/{TRAXEK5K.js → OJJMV73H.js} +1 -1
- package/dist/calcite/{S7HJTMRQ.js → OMCIROVD.js} +2 -2
- package/dist/calcite/{7KZ6JDYK.js → OOGIROZF.js} +2 -2
- package/dist/calcite/{PCAFOKIV.js → PA4CYAFZ.js} +2 -2
- package/dist/calcite/{KF5KB7OU.js → PF2UHYTV.js} +2 -2
- package/dist/calcite/{4SVG4BDU.js → PICO7VCX.js} +2 -2
- package/dist/calcite/{4KNXXZXI.js → PKNF6DK4.js} +2 -2
- package/dist/calcite/{ND7GIN3H.js → PPHOWIRF.js} +2 -2
- package/dist/calcite/{QAXIODM2.js → PPYDHM3S.js} +2 -2
- package/dist/calcite/{EPRDSR7O.js → PUFDS2CL.js} +2 -2
- package/dist/calcite/{SZHE3ATL.js → Q2ZIDVRD.js} +2 -2
- package/dist/calcite/{ZJMPADXH.js → QGPLIVGL.js} +2 -2
- package/dist/calcite/{RKSSTP24.js → QISFHQYA.js} +2 -2
- package/dist/calcite/{2X4SVNJA.js → QJRZO6V5.js} +2 -2
- package/dist/calcite/{M3WNAMTP.js → QO4GVYCS.js} +2 -2
- package/dist/calcite/{OJ3ENBDI.js → QORNCFEG.js} +2 -2
- package/dist/calcite/{Z2P7WUNN.js → QOS6ONDG.js} +2 -2
- package/dist/calcite/{STX2XZPL.js → R4B67722.js} +2 -2
- package/dist/calcite/{QPHXBDF3.js → R7XU2FPQ.js} +2 -2
- package/dist/calcite/{PWLPNU7S.js → RDPWPULX.js} +1 -1
- package/dist/calcite/{CQU3HDF4.js → RQ6YILQL.js} +2 -2
- package/dist/calcite/{PSPQQ3SB.js → RQMMNL6Y.js} +2 -2
- package/dist/calcite/{7W35SJS6.js → RUAZRDMV.js} +2 -2
- package/dist/calcite/{G4CREM3X.js → SPVNNHQN.js} +2 -2
- package/dist/calcite/{SY5EBL2M.js → SU3JRKKR.js} +2 -2
- package/dist/calcite/{TNHMKY4K.js → TLA56RIL.js} +1 -1
- package/dist/calcite/{4QM73IAR.js → TSQHEP5X.js} +2 -2
- package/dist/calcite/{HHOLIY7J.js → UD4BC744.js} +2 -2
- package/dist/calcite/{MV3HUJ4J.js → UFTFNYQS.js} +2 -2
- package/dist/calcite/{DIOPRTYB.js → ULREPXC3.js} +2 -2
- package/dist/calcite/{JSOJFEMA.js → UNTCQ6D4.js} +2 -2
- package/dist/calcite/{6RDDZ7RE.js → UP4SMLRH.js} +2 -2
- package/dist/calcite/{T64OTFQD.js → UTVSGXVT.js} +2 -2
- package/dist/calcite/{37HVB5HS.js → UZFLK677.js} +1 -1
- package/dist/calcite/{LYBBT5WX.js → V2QAYQV7.js} +2 -2
- package/dist/calcite/{25O4I47C.js → V6AN4FI4.js} +2 -2
- package/dist/calcite/{63U66KOY.js → VFPK3CG6.js} +2 -2
- package/dist/calcite/{F42PYPH6.js → VFWEZX3H.js} +2 -2
- package/dist/calcite/{5IEGPLHJ.js → VK5OCRH4.js} +1 -1
- package/dist/calcite/{YUSXBVZ3.js → VKSCFROM.js} +1 -1
- package/dist/calcite/{ZWZBLDQU.js → VSICEUVZ.js} +2 -2
- package/dist/calcite/{BYSLIF75.js → VZ3YKL6H.js} +2 -2
- package/dist/calcite/{OC47P33C.js → W3IDXMM6.js} +2 -2
- package/dist/calcite/{SPIREORE.js → W5VA3CS5.js} +1 -1
- package/dist/calcite/{MJWV2O4K.js → WBMJBSU2.js} +2 -2
- package/dist/calcite/{JJCDYABL.js → WHB45CEF.js} +2 -2
- package/dist/calcite/{UBRKRYAU.js → WMKTKM5H.js} +2 -2
- package/dist/calcite/{FCY3Z2EX.js → WN3YUHMQ.js} +2 -2
- package/dist/calcite/{KJ3JSI6W.js → WWUSCXNT.js} +2 -2
- package/dist/calcite/{YQPLBMPI.js → WYYF6DFZ.js} +2 -2
- package/dist/calcite/{LIT67P3N.js → X7ARHWRR.js} +2 -2
- package/dist/calcite/{NO3LQDEF.js → XC5QKATW.js} +2 -2
- package/dist/calcite/{YZA7ETV6.js → XRTED66U.js} +2 -2
- package/dist/calcite/{OPF4UIYE.js → YBY365AM.js} +2 -2
- package/dist/calcite/{4BMU27X7.js → YCY3MRFO.js} +2 -2
- package/dist/calcite/{LXBDGMBV.js → YG5QVFXU.js} +2 -2
- package/dist/calcite/{EHQBQW5O.js → YMLSYVOR.js} +2 -2
- package/dist/calcite/{ZLEB62UA.js → Z3QWRQPG.js} +2 -2
- package/dist/calcite/{RU5ZIKKZ.js → ZARQRR6Z.js} +2 -2
- package/dist/calcite/{MEPO7WGH.js → ZLHGNJJD.js} +2 -2
- package/dist/calcite/calcite.css +1 -1
- package/dist/calcite/calcite.esm.js +3 -3
- package/dist/chunks/ExpandToggle.js +1 -1
- package/dist/chunks/FloatingArrow.js +1 -1
- package/dist/chunks/Heading.js +1 -1
- package/dist/chunks/Validation.js +1 -1
- package/dist/chunks/XButton.js +1 -1
- package/dist/chunks/_sortable.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/input.js +1 -1
- package/dist/chunks/interact.min.js +1 -1
- package/dist/chunks/interactive.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/responsive.js +1 -1
- package/dist/chunks/runtime.js +5 -5
- package/dist/chunks/sortableComponent.js +1 -1
- package/dist/chunks/text.js +1 -1
- package/dist/chunks/time.js +1 -1
- package/dist/chunks/useFocusTrap.js +1 -1
- package/dist/chunks/usePreventDocumentScroll.js +1 -1
- package/dist/chunks/useT9n.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-modal/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-center-row/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-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-tile-select/customElement.js +1 -1
- package/dist/components/calcite-tile-select-group/customElement.js +1 -1
- package/dist/components/calcite-time-picker/customElement.js +1 -1
- package/dist/components/calcite-tip/customElement.js +1 -1
- package/dist/components/calcite-tip-group/customElement.js +1 -1
- package/dist/components/calcite-tip-manager/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 +4 -4
|
@@ -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
|
-
v3.3.0-next.
|
|
4
|
-
import{a as k}from"./
|
|
3
|
+
v3.3.0-next.22 */
|
|
4
|
+
import{a as k}from"./QGPLIVGL.js";import{c as N,e as z,f as S,h as O}from"./EKXRB6Q2.js";import{c as x,d as y,e as I}from"./6APBTBY2.js";import{a as E,b as C}from"./FGAFF76B.js";import{a as v}from"./RDPWPULX.js";import{b as f}from"./CCVAKLBT.js";import{l as g}from"./KSYGSO3X.js";import{a as b,d as w}from"./V6AN4FI4.js";import"./ZARQRR6Z.js";import"./OJJMV73H.js";import{E as p,F as l,J as u,R as m,c as d,d as o,q as h}from"./JRQVADVG.js";var $=d`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host{--calcite-icon-size: 1rem;--calcite-spacing-eighth: .125rem;--calcite-spacing-quarter: .25rem;--calcite-spacing-half: .5rem;--calcite-spacing-three-quarters: .75rem;--calcite-spacing: 1rem;--calcite-spacing-plus-quarter: 1.25rem;--calcite-spacing-plus-half: 1.5rem;--calcite-spacing-double: 2rem;--calcite-menu-min-width: 10rem;--calcite-header-min-height: 3rem;--calcite-footer-min-height: 3rem}: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;flex-direction:column;font-size:var(--calcite-select-font-size);font-weight:var(--calcite-internal-select-font-weight, var(--calcite-font-weight-regular))}.wrapper{position:relative;display:flex;align-items:stretch;inline-size:var(--select-width);block-size:var(--calcite-internal-select-block-size, 32px)}.wrapper:focus-within .icon,.wrapper:active .icon,.wrapper:hover .icon{color:var(--calcite-select-icon-color-hover, var(--calcite-color-text-1))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-select-font-size: var(--calcite-font-size--2);--calcite-select-spacing-inline: .5rem 2rem;--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-sm);--calcite-internal-select-block-size: 24px}:host([scale=m]){--calcite-internal-select-font-size: var(--calcite-font-size--1);--calcite-select-spacing-inline: .75rem 2.5rem;--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-md)}:host([scale=l]){--calcite-internal-select-font-size: var(--calcite-font-size-0);--calcite-select-spacing-inline: 1rem 3rem;--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-lg);--calcite-internal-select-block-size: 44px}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}.select{margin:0;box-sizing:border-box;inline-size:100%;cursor:pointer;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0;border-style:solid;background-color:var(--calcite-color-foreground-1);font-family:inherit;outline-color:transparent;font-weight:inherit;font-size:var(--calcite-select-font-size, var(--calcite-internal-select-font-size));color:var(--calcite-select-text-color, var(--calcite-color-text-2));border-color:var(--calcite-select-border-color, var(--calcite-color-border-input));border-width:var(--calcite-select-internal-border-width, var(--calcite-border-width-sm));padding-inline:var(--calcite-select-spacing-inline);padding-block:var(--calcite-internal-select-spacing-block);border-inline-end-width:0;line-height:var(--calcite-internal-select-line-height, normal)}.select:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}select:disabled{border-color:var(--calcite-color-border-input);--tw-bg-opacity: 1}.icon-container{pointer-events:none;position:absolute;inset-block:0px;display:flex;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:transparent;color:var(--calcite-color-text-2);inset-inline-end:0px;border-color:var(--calcite-select-border-color, var(--calcite-color-border-input));border-inline-width:0px var(--calcite-select-internal-icon-border-inline-end-width, 1px);padding-inline:var(--calcite-internal-select-icon-container-padding-inline)}.icon-container .icon{color:var(--calcite-select-icon-color, var(--calcite-color-text-3))}:host([status=invalid]) select,:host([status=invalid]) .icon-container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) select:focus,:host([status=invalid]) .icon-container: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))))}.select:focus~.icon-container{border-color:transparent}.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([hidden]){display:none}[hidden]{display:none}`,n={icon:"icon",iconContainer:"icon-container",select:"select",wrapper:"wrapper"},T={validationMessage:"selectValidationMessage"};function s(c){return c.tagName==="CALCITE-OPTION"}function A(c){return c.tagName==="CALCITE-OPTION-GROUP"}var r=class extends p{constructor(){super(),this.componentToNativeEl=new Map,this.mutationObserver=v("mutation",()=>this.populateInternalSelect()),this.disabled=!1,this.required=!1,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=null,this.width="auto",this.calciteSelectChange=h({cancelable:!1}),this.listen("calciteInternalOptionChange",this.handleOptionOrGroupChange),this.listen("calciteInternalOptionGroupChange",this.handleOptionOrGroupChange)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],label:1,name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectedOption:[0,{},{attribute:!1}],status:[3,{},{reflect:!0}],validationIcon:[3,{converter:u},{reflect:!0}],validationMessage:1,validity:[0,{},{attribute:!1}],value:1,width:[3,{},{reflect:!0}]}}static{this.styles=$}async setFocus(){await w(this),g(this.selectEl)}connectedCallback(){super.connectedCallback();let{el:e}=this;this.mutationObserver?.observe(e,{subtree:!0,childList:!0}),x(this),N(this)}willUpdate(e){e.has("value")&&(this.hasUpdated||this.value!==null)&&this.updateItemsFromValue(this.value),e.has("selectedOption")&&(this.value=this.selectedOption?.value)}updated(){E(this)}loaded(){typeof this.value=="string"&&this.updateItemsFromValue(this.value),this.populateInternalSelect();let e=this.selectEl.selectedOptions[0];this.selectFromNativeOption(e),S(this,this.selectedOption?.value??"")}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),y(this),z(this)}handleInternalSelectChange(){let e=this.selectEl.selectedOptions[0];this.selectFromNativeOption(e),requestAnimationFrame(()=>this.emitChangeEvent())}handleOptionOrGroupChange(e){e.stopPropagation();let t=e.target,i=this.componentToNativeEl.get(t);i&&(this.updateNativeElement(t,i),s(t)&&t.selected&&(this.deselectAllExcept(t),this.selectedOption=t))}onLabelClick(){this.setFocus()}updateItemsFromValue(e){this.el.querySelectorAll("calcite-option").forEach(t=>t.selected=t.value===e)}updateNativeElement(e,t){if(t.disabled=e.disabled,t.label=e.label,s(e)){let i=t;i.selected=e.selected,i.value=e.value,i.innerText=e.label}}populateInternalSelect(){let e=Array.from(this.el.children).filter(t=>t.tagName==="CALCITE-OPTION"||t.tagName==="CALCITE-OPTION-GROUP");this.clearInternalSelect(),e.forEach(t=>this.selectEl?.append(this.toNativeElement(t)))}clearInternalSelect(){this.componentToNativeEl.forEach(e=>e.remove()),this.componentToNativeEl.clear()}storeSelectRef(e){e&&(this.selectEl=e)}selectFromNativeOption(e){if(!e)return;let t;this.componentToNativeEl.forEach((i,a)=>{s(a)&&i===e&&(a.selected=!0,t=a,this.deselectAllExcept(a))}),t&&(this.selectedOption=t)}toNativeElement(e){if(s(e)){let t=document.createElement("option");return this.updateNativeElement(e,t),this.componentToNativeEl.set(e,t),t}if(A(e)){let t=document.createElement("optgroup");return this.updateNativeElement(e,t),Array.from(e.children).forEach(i=>{let a=this.toNativeElement(i);t.append(a),this.componentToNativeEl.set(e,a)}),this.componentToNativeEl.set(e,t),t}throw new Error("unsupported element child provided")}deselectAllExcept(e){this.el.querySelectorAll("calcite-option").forEach(t=>{t!==e&&(t.selected=!1)})}emitChangeEvent(){this.calciteSelectChange.emit()}renderChevron(){return o`<div class=${l(n.iconContainer)}><calcite-icon class=${l(n.icon)} icon=chevron-down .scale=${b(this.scale)}></calcite-icon></div>`}render(){let{disabled:e}=this;return C({disabled:e,children:o`<div class=${l(n.wrapper)}><select aria-errormessage=${T.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${I(this)} class=${l(n.select)} .disabled=${e} @change=${this.handleInternalSelectChange} ${f(this.storeSelectRef)}><slot></slot></select>${this.renderChevron()}${O({component:this})}</div>${this.validationMessage&&this.status==="invalid"?k({icon:this.validationIcon,id:T.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};m("calcite-select",r);export{r as Select};
|
|
@@ -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
|
-
v3.3.0-next.
|
|
4
|
-
import{a as $}from"./Y635RPAG.js";import{a as C}from"./ILQCMPEA.js";import{a as O}from"./SPIREORE.js";import{a as w}from"./CRDC3BJ2.js";import{d as _}from"./ARX5LS46.js";import{b as I}from"./LJVWMMIE.js";import{D as u,e as S,u as L,v as M}from"./5X5SMYZ4.js";import"./TRAXEK5K.js";import{E as H,F as s,K as z,M as D,N as R,R as V,c as A,d as p,q as B}from"./RZZYP5OQ.js";var o={container:"container",actionBarContainer:"action-bar-container",contentContainer:"content-container",content:"content",contentHeader:"content__header",contentBody:"content__body",contentOverlay:"content--overlay",floatAll:"float-all",floatContent:"float--content",resizeHandle:"resize-handle",resizeHandleBar:"resize-handle-bar"},N={actionBar:"action-bar",header:"header"},U=A`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host{pointer-events:none;position:relative;display:flex;flex:0 1 auto;align-items:stretch;z-index:var(--calcite-shell-panel-z-index, var(--calcite-z-index));--calcite-shell-panel-max-height: unset;--calcite-internal-shell-panel-shadow-block-start: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-block-end: 0 -4px 8px -1px rgba(0, 0, 0, .08), 0 -2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-start: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04)}.calcite--rtl.content--overlay{--calcite-internal-shell-panel-shadow-inline-start: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04)}:host([layout=vertical]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index) + 1))}:host([layout=vertical][display-mode=overlay]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index-header) + 1))}:host([layout=vertical][display-mode=float-all]) .content{flex:2}:host([layout=vertical]:not([display-mode=float-all])) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 300px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][display-mode=float-all]) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical]:not([display-mode=float-all])) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 420px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][display-mode=float-all]) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical]:not([display-mode=float-all])) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 680px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=vertical][display-mode=float-all]) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=horizontal]) .height-s{--calcite-internal-shell-panel-max-height: var( --calcite-shell-panel-max-height, var(--calcite-shell-panel-detached-max-height, 20vh) )}:host([layout=horizontal]) .content{--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 30vh)}:host([layout=horizontal]) .height-l{--calcite-internal-shell-panel-max-height: var( --calcite-shell-panel-max-height, var(--calcite-shell-panel-detached-max-height, 40vh) )}.container{pointer-events:none;box-sizing:border-box;display:flex;block-size:100%;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-shell-panel-text-color, var(--calcite-color-text-2))}.container *{box-sizing:border-box}.container.float-all{margin-block:var(--calcite-spacing-sm);margin-inline:var(--calcite-spacing-sm)}.float-all{max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) );box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm));border-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));overflow:hidden}:host([layout=vertical][position=start]) .float-all{border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-shell-panel-border-color, var(--calcite-color-border-3))}:host([layout=vertical][position=end]) .float-all{border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-shell-panel-border-color, var(--calcite-color-border-3)))}:host([layout=horizontal]) .float-all{border-inline:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-shell-panel-border-color, var(--calcite-color-border-3)))}:host([layout=horizontal]) .container{block-size:auto;inline-size:100%;flex-direction:column}.resize-handle{position:absolute;box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;outline:2px solid transparent;outline-offset:2px;--calcite-internal-shell-panel-resize-handle-offset: calc( (var(--calcite-size-fixed-xxl) - var(--calcite-size-fixed-sm-plus)) / 2 * -1 );z-index:var(--calcite-z-index-header)}.resize-handle:active .resize-handle-bar,.resize-handle:hover .resize-handle-bar{color:var(--calcite-shell-panel-resize-icon-color, var(--calcite-color-text-1));background-color:var(--calcite-shell-panel-resize-background-color, var(--calcite-color-foreground-3))}.resize-handle-bar{pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--calcite-shell-panel-resize-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-shell-panel-resize-background-color, var(--calcite-color-background))}.resize-handle:focus .resize-handle-bar{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-color:transparent;outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus)}:host([position=start][layout=vertical]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-end:var(--calcite-internal-shell-panel-resize-handle-offset);block-size:100%}:host([position=start][layout=vertical]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([position=start][layout=vertical]):host([display-mode^=float]) .resize-handle-bar{border-start-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=end][layout=vertical]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-start:var(--calcite-internal-shell-panel-resize-handle-offset);block-size:100%}:host([position=end][layout=vertical]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([position=end][layout=vertical]):host([display-mode^=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=start][layout=horizontal]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-end:var(--calcite-internal-shell-panel-resize-handle-offset)}:host([position=start][layout=horizontal]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-start:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([position=start][layout=horizontal]):host([display-mode^=float]) .resize-handle-bar{border-end-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=end][layout=horizontal]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-start:var(--calcite-internal-shell-panel-resize-handle-offset)}:host([position=end][layout=horizontal]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-end:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([position=end][layout=horizontal]):host([display-mode^=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-start-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}::slotted(.calcite-match-height){display:flex;flex:1 1 auto;overflow:hidden}.action-bar-container{pointer-events:auto;box-sizing:border-box;display:flex;flex:1 1 auto}.content-container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;align-items:stretch;align-self:stretch}:host([layout=horizontal]) .action-bar-container,:host([layout=horizontal]) .content-container{flex-direction:column}.content{pointer-events:auto;position:relative;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;padding:0;background-color:var(--calcite-shell-panel-background-color, var(--calcite-color-background));transition:max-block-size var(--calcite-animation-timing),max-inline-size var(--calcite-animation-timing)}:host([layout=vertical]:not([display-mode=float-all])) .content{inline-size:var(--calcite-internal-shell-panel-width);max-inline-size:var(--calcite-internal-shell-panel-max-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=vertical][display-mode=float-all]) .content{inline-size:var(--calcite-internal-shell-panel-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=horizontal]) .content{block-size:var(--calcite-internal-shell-panel-height);max-block-size:var(--calcite-internal-shell-panel-max-height);min-block-size:var(--calcite-internal-shell-panel-min-height)}:host([resizable][layout=vertical][position=start]) .content{padding-inline-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=vertical][position=end]) .content{padding-inline-start:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=horizontal][position=start]) .content{padding-block-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=horizontal][position=end]) .content{padding-block-start:var(--calcite-size-fixed-sm-plus)}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.content--overlay{position:absolute;--tw-shadow: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--tw-shadow-colored: 0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--calcite-shell-panel-shadow, var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow))}:host([layout=vertical]) .content--overlay{inset-block-start:0px;block-size:100%}:host([layout=horizontal]) .content--overlay{inset-inline-start:0px;inline-size:100%}:host([layout=vertical][position=start]) .content--overlay{inset-inline-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-start)}:host([layout=vertical][position=end]) .content--overlay{inset-inline-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-end)}:host([layout=horizontal][position=start]) .content--overlay{inset-block-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-start)}:host([layout=horizontal][position=end]) .content--overlay{inset-block-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-end)}.float--content{margin-block-end:auto;block-size:auto;overflow:hidden;--tw-shadow: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--tw-shadow-colored: 0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--calcite-shell-panel-shadow, var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow));border-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));margin-inline:var(--calcite-spacing-sm);margin-block-start:var(--calcite-spacing-sm);max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) )}.float--content ::slotted(calcite-panel),.float--content ::slotted(calcite-flow){max-block-size:unset}:host([layout=horizontal]) .float--content{margin-block:var(--calcite-spacing-sm)}:host([position=start]) .float--content ::slotted(calcite-panel),:host([position=start]) .float--content ::slotted(calcite-flow),:host([position=end]) .float--content ::slotted(calcite-panel),:host([position=end]) .float--content ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([position=start]:not([slot=panel-end])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-flow),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-panel),:host([position=end][slot=panel-start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]) .content ::slotted(calcite-flow),:host([position=end][slot=panel-start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([resizable][layout=vertical]) .content ::slotted(calcite-flow),:host([resizable][layout=vertical]) .content ::slotted(calcite-panel){border-inline-start:none;border-inline-end:none}:host([resizable][layout=horizontal]) .content ::slotted(calcite-flow),:host([resizable][layout=horizontal]) .content ::slotted(calcite-panel){border-block-start:none;border-block-end:none}:host([position=end]:not([slot=panel-start])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]) .content ::slotted(calcite-panel){border-inline-end:none}:host([layout=horizontal]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline:0}:host([layout=horizontal][position=start]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=start]) .content ::slotted(calcite-panel){border-inline:0;border-block-start:0}:host([layout=horizontal][position=end]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=end]) .content ::slotted(calcite-panel){border-inline:0;border-block-end:0}:host([hidden]){display:none}[hidden]{display:none}`,E=class extends H{constructor(){super(...arguments),this.actionBars=[],this.messages=_(),this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.hasHeader=!1,this.collapsed=!1,this.displayMode="dock",this.layout="vertical",this.position="start",this.resizable=!1,this.widthScale="m",this.calciteInternalShellPanelResizeEnd=B({cancelable:!1}),this.calciteInternalShellPanelResizeStart=B({cancelable:!1})}static{this.properties={resizeValues:[16,{},{state:!0}],hasHeader:[16,{},{state:!0}],collapsed:[7,{},{reflect:!0,type:Boolean}],displayMode:[3,{},{reflect:!0}],heightScale:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],position:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],height:[3,{},{reflect:!0}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=U}willUpdate(e){e.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.setActionBarsLayout(this.actionBars)}disconnectedCallback(){super.disconnectedCallback(),this.cleanupInteractions()}getContentElDOMRect(){return this.contentEl.getBoundingClientRect()}handleKeyDown(e){let{key:l,defaultPrevented:r,shiftKey:a}=e,{position:i,layout:t,resizable:n,contentEl:c,el:m,resizeValues:{maxBlockSize:x,maxInlineSize:y,minBlockSize:v,minInlineSize:g}}=this,k=[...t==="horizontal"?["ArrowUp","ArrowDown"]:["ArrowLeft","ArrowRight"],"Home","End"];if(!n||!c||r||!k.includes(l))return;let h=this.getContentElDOMRect(),f=S(m)==="rtl"?-1:1,d=a?R:D;switch(l){case"ArrowUp":this.updateSize({size:h.height+(t==="horizontal"&&i==="end"?d:-d),type:"blockSize"}),e.preventDefault();break;case"ArrowDown":this.updateSize({size:h.height+(t==="horizontal"&&i==="end"?-d:d),type:"blockSize"}),e.preventDefault();break;case"ArrowLeft":this.updateSize({size:h.width+(t==="vertical"&&i==="end"?d:-d)*f,type:"inlineSize"}),e.preventDefault();break;case"ArrowRight":this.updateSize({size:h.width+(t==="vertical"&&i==="end"?-d:d)*f,type:"inlineSize"}),e.preventDefault();break;case"Home":this.updateSize({size:t==="horizontal"?v:g,type:t==="horizontal"?"blockSize":"inlineSize"}),e.preventDefault();break;case"End":this.updateSize({size:t==="horizontal"?x:y,type:t==="horizontal"?"blockSize":"inlineSize"}),e.preventDefault();break}}updateSize({type:e,size:l}){let{contentEl:r,resizeValues:a}=this;if(!r)return;let i=e==="blockSize"?"minBlockSize":"minInlineSize",t=e==="blockSize"?"maxBlockSize":"maxInlineSize",n=a[i]&&a[t]?O(l,a[i],a[t]):l,c=Math.round(n);this.resizeValues={...a,[e]:c},r.style[e]=l!==null?`${c}px`:null}cleanupInteractions(){this.interaction?.unset(),this.updateSize({size:null,type:"inlineSize"}),this.updateSize({size:null,type:"blockSize"})}async setupInteractions(){this.cleanupInteractions();let{el:e,contentEl:l,resizable:r,position:a,collapsed:i,resizeHandleEl:t,layout:n}=this;if(!l||i||!r||!t)return;await this.el.componentOnReady();let{inlineSize:c,minInlineSize:m,blockSize:x,minBlockSize:y,maxInlineSize:v,maxBlockSize:g}=window.getComputedStyle(l),b={inlineSize:u(c),blockSize:u(x),minInlineSize:u(m),minBlockSize:u(y),maxInlineSize:u(v)||window.innerWidth,maxBlockSize:u(g)||window.innerHeight};this.resizeValues=b;let k=S(e)==="rtl";this.interaction=$(l,{context:e.ownerDocument}).resizable({edges:{top:a==="end"&&n==="horizontal"?t:!1,right:a===(k?"end":"start")&&n==="vertical"?t:!1,bottom:a==="start"&&n==="horizontal"?t:!1,left:a===(k?"start":"end")&&n==="vertical"?t:!1},modifiers:[$.modifiers.restrictSize({min:{width:b.minInlineSize,height:b.minBlockSize},max:{width:b.maxInlineSize,height:b.maxBlockSize}})],listeners:{resizestart:()=>{this.calciteInternalShellPanelResizeStart.emit()},resizeend:()=>{this.calciteInternalShellPanelResizeEnd.emit()},move:({rect:h})=>{let f=n==="horizontal";this.updateSize({size:f?h.height:h.width,type:f?"blockSize":"inlineSize"})}}})}storeContentEl(e){this.contentEl=e}setResizeHandleEl(e){this.resizeHandleEl=e,this.setupInteractions()}setActionBarsLayout(e){e.forEach(l=>l.layout=this.layout)}handleActionBarSlotChange(e){let l=M(e).filter(r=>r?.matches("calcite-action-bar"));this.actionBars=l,this.setActionBarsLayout(l)}handleHeaderSlotChange(e){this.hasHeader=L(e)}getResizeIcon(){let{layout:e}=this;return e==="horizontal"?"drag-resize-vertical":"drag-resize-horizontal"}renderHeader(){return w("header",p`<div class=${s(o.contentHeader)} .hidden=${!this.hasHeader}><slot name=${N.header} @slotchange=${this.handleHeaderSlotChange}></slot></div>`)}render(){let{collapsed:e,position:l,resizable:r,layout:a,displayMode:i,resizeValues:t}=this,n=S(this.el),c=!e&&r?w("resize-handle",p`<div .ariaLabel=${this.messages.resize} .ariaOrientation=${a==="horizontal"?"vertical":"horizontal"} .ariaValueMax=${a=="horizontal"?t.maxBlockSize:t.maxInlineSize} .ariaValueMin=${a=="horizontal"?t.minBlockSize:t.minInlineSize} .ariaValueNow=${a=="horizontal"?t.blockSize:t.inlineSize} class=${s(o.resizeHandle)} @keydown=${this.handleKeyDown} role=separator tabindex=0 touch-action=none ${I(this.setResizeHandleEl)}><div class=${s(o.resizeHandleBar)}><calcite-icon .icon=${this.getResizeIcon()} scale=s></calcite-icon></div></div>`):null,m=()=>a==="horizontal"?l==="start"?z.calciteAnimateInDown:z.calciteAnimateInUp:n==="ltr"&&l==="end"||n==="rtl"&&l==="start"?z.calciteAnimateInLeft:z.calciteAnimateInRight,x=p`<div class=${s(o.contentContainer)}>${w("content",p`<div class=${s({[z.rtl]:n==="rtl",[o.content]:!0,[o.contentOverlay]:i==="overlay",[o.floatContent]:i==="float-content"||i==="float",[z.calciteAnimate]:i==="overlay",[m()]:i==="overlay",[C("width",this.width,this.widthScale)]:!!(this.width||this.widthScale),[C("height",this.height,this.heightScale)]:!!(this.height||this.heightScale)})} .hidden=${e} ${I(this.storeContentEl)}>${this.renderHeader()}<div class=${s(o.contentBody)}><slot></slot></div>${c}</div>`)}</div>`,v=[w("action-bar-container",p`<div class=${s(o.actionBarContainer)}><slot name=${N.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot></div>`),x];return l==="end"&&v.reverse(),p`<div class=${s({[o.container]:!0,[o.floatAll]:i==="float-all"})}>${v}</div>`}};V("calcite-shell-panel",E);export{E as ShellPanel};
|
|
3
|
+
v3.3.0-next.22 */
|
|
4
|
+
import{a as $}from"./NYCXOVD2.js";import{a as C}from"./2AYZV3WU.js";import{a as O}from"./W5VA3CS5.js";import{a as w}from"./H7I73IXV.js";import{d as _}from"./LYWE4GAC.js";import{b as I}from"./CCVAKLBT.js";import{D as u,e as S,u as L,v as M}from"./KSYGSO3X.js";import"./OJJMV73H.js";import{E as H,F as s,K as z,M as D,N as R,R as V,c as A,d as p,q as B}from"./JRQVADVG.js";var o={container:"container",actionBarContainer:"action-bar-container",contentContainer:"content-container",content:"content",contentHeader:"content__header",contentBody:"content__body",contentOverlay:"content--overlay",floatAll:"float-all",floatContent:"float--content",resizeHandle:"resize-handle",resizeHandleBar:"resize-handle-bar"},N={actionBar:"action-bar",header:"header"},U=A`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host{pointer-events:none;position:relative;display:flex;flex:0 1 auto;align-items:stretch;z-index:var(--calcite-shell-panel-z-index, var(--calcite-z-index));--calcite-shell-panel-max-height: unset;--calcite-internal-shell-panel-shadow-block-start: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-block-end: 0 -4px 8px -1px rgba(0, 0, 0, .08), 0 -2px 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-start: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04)}.calcite--rtl.content--overlay{--calcite-internal-shell-panel-shadow-inline-start: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-internal-shell-panel-shadow-inline-end: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04)}:host([layout=vertical]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index) + 1))}:host([layout=vertical][display-mode=overlay]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index-header) + 1))}:host([layout=vertical][display-mode=float-all]) .content{flex:2}:host([layout=vertical]:not([display-mode=float-all])) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 300px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][display-mode=float-all]) .width-s{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical]:not([display-mode=float-all])) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 420px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][display-mode=float-all]) .width-m{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical]:not([display-mode=float-all])) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 680px);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=vertical][display-mode=float-all]) .width-l{--calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px)}:host([layout=horizontal]) .height-s{--calcite-internal-shell-panel-max-height: var( --calcite-shell-panel-max-height, var(--calcite-shell-panel-detached-max-height, 20vh) )}:host([layout=horizontal]) .content{--calcite-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height: var(--calcite-shell-panel-max-height, 30vh)}:host([layout=horizontal]) .height-l{--calcite-internal-shell-panel-max-height: var( --calcite-shell-panel-max-height, var(--calcite-shell-panel-detached-max-height, 40vh) )}.container{pointer-events:none;box-sizing:border-box;display:flex;block-size:100%;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-shell-panel-text-color, var(--calcite-color-text-2))}.container *{box-sizing:border-box}.container.float-all{margin-block:var(--calcite-spacing-sm);margin-inline:var(--calcite-spacing-sm)}.float-all{max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) );box-shadow:var(--calcite-shell-panel-shadow, var(--calcite-shadow-sm));border-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));overflow:hidden}:host([layout=vertical][position=start]) .float-all{border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-shell-panel-border-color, var(--calcite-color-border-3))}:host([layout=vertical][position=end]) .float-all{border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-shell-panel-border-color, var(--calcite-color-border-3)))}:host([layout=horizontal]) .float-all{border-inline:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-shell-panel-border-color, var(--calcite-color-border-3)))}:host([layout=horizontal]) .container{block-size:auto;inline-size:100%;flex-direction:column}.resize-handle{position:absolute;box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;outline:2px solid transparent;outline-offset:2px;--calcite-internal-shell-panel-resize-handle-offset: calc( (var(--calcite-size-fixed-xxl) - var(--calcite-size-fixed-sm-plus)) / 2 * -1 );z-index:var(--calcite-z-index-header)}.resize-handle:active .resize-handle-bar,.resize-handle:hover .resize-handle-bar{color:var(--calcite-shell-panel-resize-icon-color, var(--calcite-color-text-1));background-color:var(--calcite-shell-panel-resize-background-color, var(--calcite-color-foreground-3))}.resize-handle-bar{pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--calcite-shell-panel-resize-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-shell-panel-resize-background-color, var(--calcite-color-background))}.resize-handle:focus .resize-handle-bar{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-color:transparent;outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus)}:host([position=start][layout=vertical]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-end:var(--calcite-internal-shell-panel-resize-handle-offset);block-size:100%}:host([position=start][layout=vertical]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([position=start][layout=vertical]):host([display-mode^=float]) .resize-handle-bar{border-start-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=end][layout=vertical]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-start:var(--calcite-internal-shell-panel-resize-handle-offset);block-size:100%}:host([position=end][layout=vertical]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([position=end][layout=vertical]):host([display-mode^=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=start][layout=horizontal]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-end:var(--calcite-internal-shell-panel-resize-handle-offset)}:host([position=start][layout=horizontal]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-start:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([position=start][layout=horizontal]):host([display-mode^=float]) .resize-handle-bar{border-end-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-end-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}:host([position=end][layout=horizontal]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-start:var(--calcite-internal-shell-panel-resize-handle-offset)}:host([position=end][layout=horizontal]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-end:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([position=end][layout=horizontal]):host([display-mode^=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));border-start-end-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round))}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}::slotted(.calcite-match-height){display:flex;flex:1 1 auto;overflow:hidden}.action-bar-container{pointer-events:auto;box-sizing:border-box;display:flex;flex:1 1 auto}.content-container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;align-items:stretch;align-self:stretch}:host([layout=horizontal]) .action-bar-container,:host([layout=horizontal]) .content-container{flex-direction:column}.content{pointer-events:auto;position:relative;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;padding:0;background-color:var(--calcite-shell-panel-background-color, var(--calcite-color-background));transition:max-block-size var(--calcite-animation-timing),max-inline-size var(--calcite-animation-timing)}:host([layout=vertical]:not([display-mode=float-all])) .content{inline-size:var(--calcite-internal-shell-panel-width);max-inline-size:var(--calcite-internal-shell-panel-max-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=vertical][display-mode=float-all]) .content{inline-size:var(--calcite-internal-shell-panel-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=horizontal]) .content{block-size:var(--calcite-internal-shell-panel-height);max-block-size:var(--calcite-internal-shell-panel-max-height);min-block-size:var(--calcite-internal-shell-panel-min-height)}:host([resizable][layout=vertical][position=start]) .content{padding-inline-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=vertical][position=end]) .content{padding-inline-start:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=horizontal][position=start]) .content{padding-block-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][layout=horizontal][position=end]) .content{padding-block-start:var(--calcite-size-fixed-sm-plus)}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.content--overlay{position:absolute;--tw-shadow: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--tw-shadow-colored: 0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--calcite-shell-panel-shadow, var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow))}:host([layout=vertical]) .content--overlay{inset-block-start:0px;block-size:100%}:host([layout=horizontal]) .content--overlay{inset-inline-start:0px;inline-size:100%}:host([layout=vertical][position=start]) .content--overlay{inset-inline-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-start)}:host([layout=vertical][position=end]) .content--overlay{inset-inline-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-end)}:host([layout=horizontal][position=start]) .content--overlay{inset-block-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-start)}:host([layout=horizontal][position=end]) .content--overlay{inset-block-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-end)}.float--content{margin-block-end:auto;block-size:auto;overflow:hidden;--tw-shadow: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--tw-shadow-colored: 0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--calcite-shell-panel-shadow, var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow));border-radius:var(--calcite-shell-panel-corner-radius, var(--calcite-corner-radius-round));margin-inline:var(--calcite-spacing-sm);margin-block-start:var(--calcite-spacing-sm);max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem) )}.float--content ::slotted(calcite-panel),.float--content ::slotted(calcite-flow){max-block-size:unset}:host([layout=horizontal]) .float--content{margin-block:var(--calcite-spacing-sm)}:host([position=start]) .float--content ::slotted(calcite-panel),:host([position=start]) .float--content ::slotted(calcite-flow),:host([position=end]) .float--content ::slotted(calcite-panel),:host([position=end]) .float--content ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border:var(--calcite-border-width-sm) solid var(--calcite-shell-border-color, var(--calcite-color-border-3))}:host([position=start]:not([slot=panel-end])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-flow),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-panel),:host([position=end][slot=panel-start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]) .content ::slotted(calcite-flow),:host([position=end][slot=panel-start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([resizable][layout=vertical]) .content ::slotted(calcite-flow),:host([resizable][layout=vertical]) .content ::slotted(calcite-panel){border-inline-start:none;border-inline-end:none}:host([resizable][layout=horizontal]) .content ::slotted(calcite-flow),:host([resizable][layout=horizontal]) .content ::slotted(calcite-panel){border-block-start:none;border-block-end:none}:host([position=end]:not([slot=panel-start])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]) .content ::slotted(calcite-panel){border-inline-end:none}:host([layout=horizontal]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline:0}:host([layout=horizontal][position=start]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=start]) .content ::slotted(calcite-panel){border-inline:0;border-block-start:0}:host([layout=horizontal][position=end]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=end]) .content ::slotted(calcite-panel){border-inline:0;border-block-end:0}:host([hidden]){display:none}[hidden]{display:none}`,E=class extends H{constructor(){super(...arguments),this.actionBars=[],this.messages=_(),this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.hasHeader=!1,this.collapsed=!1,this.displayMode="dock",this.layout="vertical",this.position="start",this.resizable=!1,this.widthScale="m",this.calciteInternalShellPanelResizeEnd=B({cancelable:!1}),this.calciteInternalShellPanelResizeStart=B({cancelable:!1})}static{this.properties={resizeValues:[16,{},{state:!0}],hasHeader:[16,{},{state:!0}],collapsed:[7,{},{reflect:!0,type:Boolean}],displayMode:[3,{},{reflect:!0}],heightScale:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],position:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],height:[3,{},{reflect:!0}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=U}willUpdate(e){e.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.setActionBarsLayout(this.actionBars)}disconnectedCallback(){super.disconnectedCallback(),this.cleanupInteractions()}getContentElDOMRect(){return this.contentEl.getBoundingClientRect()}handleKeyDown(e){let{key:l,defaultPrevented:r,shiftKey:a}=e,{position:i,layout:t,resizable:n,contentEl:c,el:m,resizeValues:{maxBlockSize:x,maxInlineSize:y,minBlockSize:v,minInlineSize:g}}=this,k=[...t==="horizontal"?["ArrowUp","ArrowDown"]:["ArrowLeft","ArrowRight"],"Home","End"];if(!n||!c||r||!k.includes(l))return;let h=this.getContentElDOMRect(),f=S(m)==="rtl"?-1:1,d=a?R:D;switch(l){case"ArrowUp":this.updateSize({size:h.height+(t==="horizontal"&&i==="end"?d:-d),type:"blockSize"}),e.preventDefault();break;case"ArrowDown":this.updateSize({size:h.height+(t==="horizontal"&&i==="end"?-d:d),type:"blockSize"}),e.preventDefault();break;case"ArrowLeft":this.updateSize({size:h.width+(t==="vertical"&&i==="end"?d:-d)*f,type:"inlineSize"}),e.preventDefault();break;case"ArrowRight":this.updateSize({size:h.width+(t==="vertical"&&i==="end"?-d:d)*f,type:"inlineSize"}),e.preventDefault();break;case"Home":this.updateSize({size:t==="horizontal"?v:g,type:t==="horizontal"?"blockSize":"inlineSize"}),e.preventDefault();break;case"End":this.updateSize({size:t==="horizontal"?x:y,type:t==="horizontal"?"blockSize":"inlineSize"}),e.preventDefault();break}}updateSize({type:e,size:l}){let{contentEl:r,resizeValues:a}=this;if(!r)return;let i=e==="blockSize"?"minBlockSize":"minInlineSize",t=e==="blockSize"?"maxBlockSize":"maxInlineSize",n=a[i]&&a[t]?O(l,a[i],a[t]):l,c=Math.round(n);this.resizeValues={...a,[e]:c},r.style[e]=l!==null?`${c}px`:null}cleanupInteractions(){this.interaction?.unset(),this.updateSize({size:null,type:"inlineSize"}),this.updateSize({size:null,type:"blockSize"})}async setupInteractions(){this.cleanupInteractions();let{el:e,contentEl:l,resizable:r,position:a,collapsed:i,resizeHandleEl:t,layout:n}=this;if(!l||i||!r||!t)return;await this.el.componentOnReady();let{inlineSize:c,minInlineSize:m,blockSize:x,minBlockSize:y,maxInlineSize:v,maxBlockSize:g}=window.getComputedStyle(l),b={inlineSize:u(c),blockSize:u(x),minInlineSize:u(m),minBlockSize:u(y),maxInlineSize:u(v)||window.innerWidth,maxBlockSize:u(g)||window.innerHeight};this.resizeValues=b;let k=S(e)==="rtl";this.interaction=$(l,{context:e.ownerDocument}).resizable({edges:{top:a==="end"&&n==="horizontal"?t:!1,right:a===(k?"end":"start")&&n==="vertical"?t:!1,bottom:a==="start"&&n==="horizontal"?t:!1,left:a===(k?"start":"end")&&n==="vertical"?t:!1},modifiers:[$.modifiers.restrictSize({min:{width:b.minInlineSize,height:b.minBlockSize},max:{width:b.maxInlineSize,height:b.maxBlockSize}})],listeners:{resizestart:()=>{this.calciteInternalShellPanelResizeStart.emit()},resizeend:()=>{this.calciteInternalShellPanelResizeEnd.emit()},move:({rect:h})=>{let f=n==="horizontal";this.updateSize({size:f?h.height:h.width,type:f?"blockSize":"inlineSize"})}}})}storeContentEl(e){this.contentEl=e}setResizeHandleEl(e){this.resizeHandleEl=e,this.setupInteractions()}setActionBarsLayout(e){e.forEach(l=>l.layout=this.layout)}handleActionBarSlotChange(e){let l=M(e).filter(r=>r?.matches("calcite-action-bar"));this.actionBars=l,this.setActionBarsLayout(l)}handleHeaderSlotChange(e){this.hasHeader=L(e)}getResizeIcon(){let{layout:e}=this;return e==="horizontal"?"drag-resize-vertical":"drag-resize-horizontal"}renderHeader(){return w("header",p`<div class=${s(o.contentHeader)} .hidden=${!this.hasHeader}><slot name=${N.header} @slotchange=${this.handleHeaderSlotChange}></slot></div>`)}render(){let{collapsed:e,position:l,resizable:r,layout:a,displayMode:i,resizeValues:t}=this,n=S(this.el),c=!e&&r?w("resize-handle",p`<div .ariaLabel=${this.messages.resize} .ariaOrientation=${a==="horizontal"?"vertical":"horizontal"} .ariaValueMax=${a=="horizontal"?t.maxBlockSize:t.maxInlineSize} .ariaValueMin=${a=="horizontal"?t.minBlockSize:t.minInlineSize} .ariaValueNow=${a=="horizontal"?t.blockSize:t.inlineSize} class=${s(o.resizeHandle)} @keydown=${this.handleKeyDown} role=separator tabindex=0 touch-action=none ${I(this.setResizeHandleEl)}><div class=${s(o.resizeHandleBar)}><calcite-icon .icon=${this.getResizeIcon()} scale=s></calcite-icon></div></div>`):null,m=()=>a==="horizontal"?l==="start"?z.calciteAnimateInDown:z.calciteAnimateInUp:n==="ltr"&&l==="end"||n==="rtl"&&l==="start"?z.calciteAnimateInLeft:z.calciteAnimateInRight,x=p`<div class=${s(o.contentContainer)}>${w("content",p`<div class=${s({[z.rtl]:n==="rtl",[o.content]:!0,[o.contentOverlay]:i==="overlay",[o.floatContent]:i==="float-content"||i==="float",[z.calciteAnimate]:i==="overlay",[m()]:i==="overlay",[C("width",this.width,this.widthScale)]:!!(this.width||this.widthScale),[C("height",this.height,this.heightScale)]:!!(this.height||this.heightScale)})} .hidden=${e} ${I(this.storeContentEl)}>${this.renderHeader()}<div class=${s(o.contentBody)}><slot></slot></div>${c}</div>`)}</div>`,v=[w("action-bar-container",p`<div class=${s(o.actionBarContainer)}><slot name=${N.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot></div>`),x];return l==="end"&&v.reverse(),p`<div class=${s({[o.container]:!0,[o.floatAll]:i==="float-all"})}>${v}</div>`}};V("calcite-shell-panel",E);export{E as ShellPanel};
|
|
@@ -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
|
-
v3.3.0-next.
|
|
4
|
-
import{a,b,c}from"./
|
|
3
|
+
v3.3.0-next.22 */
|
|
4
|
+
import{a,b,c}from"./QORNCFEG.js";import"./UZFLK677.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
|
-
v3.3.0-next.
|
|
4
|
-
import{b as T}from"./
|
|
3
|
+
v3.3.0-next.22 */
|
|
4
|
+
import{b as T}from"./QO4GVYCS.js";import"./ML2VWHBU.js";import{a as x}from"./H7I73IXV.js";import{a as v}from"./RDPWPULX.js";import{d as $}from"./LYWE4GAC.js";import{b}from"./CCVAKLBT.js";import{e as y}from"./KSYGSO3X.js";import{a as k}from"./ZARQRR6Z.js";import"./OJJMV73H.js";import{E as m,F as a,R as f,c as g,d as r,q as u}from"./JRQVADVG.js";var i={header:"header",heading:"heading",close:"close",container:"container",tipContainer:"tip-container",tipContainerAdvancing:"tip-container--advancing",tipContainerRetreating:"tip-container--retreating",pagination:"pagination",pagePosition:"page-position",pageNext:"page-next",pagePrevious:"page-previous"},c={chevronLeft:"chevron-left",chevronRight:"chevron-right",close:"x"},w=g`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);--calcite-tip-manager-height: 19vh}:host *{box-sizing:border-box}:host([closed]){display:none}.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}.header{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;padding-inline-end:0px;padding-inline-start:1rem}.header .heading{padding:0;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.container{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}.container:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.tip-container{margin-block-start:1px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:1rem;outline-color:transparent;animation-name:none;animation-duration:var(--calcite-animation-timing);block-size:var(--calcite-tip-manager-height)}.tip-container:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}::slotted(calcite-tip){margin:0;border-style:none;max-inline-size:var(--calcite-tip-max-width)}.tip-container--advancing{animation-name:tip-advance}.tip-container--retreating{animation-name:tip-retreat}.pagination{display:flex;align-items:center;justify-content:center;padding-inline:0px;padding-block:.75rem .5rem}.page-position{margin-block:0px;margin-inline:.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@keyframes tip-advance{0%{opacity:0;transform:translate3d(50px,0,0) scale(.99)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;transform:translate3d(-50px,0,0) scale(.99)}to{opacity:1;transform:translateZ(0) scale(1)}}:host([hidden]){display:none}[hidden]{display:none}`,h=class extends m{constructor(){super(...arguments),this.messages=$(),this.mutationObserver=v("mutation",()=>this.setUpTips()),this.closed=!1,this.calciteTipManagerClose=u({cancelable:!1})}static{this.properties={direction:[16,{},{state:!0}],groupTitle:[16,{},{state:!0}],selectedIndex:[16,{},{state:!0}],tips:[16,{},{state:!0}],total:[16,{},{state:!0}],closed:[7,{},{reflect:!0,type:Boolean}],headingLevel:[11,{},{type:Number,reflect:!0}],messageOverrides:[0,{},{attribute:!1}]}}static{this.styles=w}async nextTip(){this.direction="advancing";let e=this.selectedIndex+1;this.selectedIndex=(e+this.total)%this.total}async previousTip(){this.direction="retreating";let e=this.selectedIndex-1;this.selectedIndex=(e+this.total)%this.total}connectedCallback(){super.connectedCallback(),this.setUpTips(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}async load(){k.deprecated("component",{name:"tip-manager",removalVersion:4,suggested:"carousel"})}willUpdate(e){e.has("closed")&&(this.hasUpdated||this.closed!==!1)&&(this.direction=null),e.has("selectedIndex")&&this.selectedChangeHandler(),e.has("messages")&&this.updateGroupTitle()}loaded(){this.updateGroupTitle()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}selectedChangeHandler(){this.showSelectedTip(),this.updateGroupTitle()}setUpTips(){let e=Array.from(this.el.querySelectorAll("calcite-tip"));if(this.total=e.length,this.total===0)return;let t=this.el.querySelector("calcite-tip[selected]");this.tips=e,this.selectedIndex=t?e.indexOf(t):0,e.forEach(o=>{o.closeDisabled=!0}),this.showSelectedTip()}hideTipManager(){this.closed=!0,this.calciteTipManagerClose.emit()}showSelectedTip(){this.tips.forEach((e,t)=>{let o=this.selectedIndex===t;e.selected=o,e.hidden=!o})}updateGroupTitle(){if(this.tips){let t=this.tips[this.selectedIndex].closest("calcite-tip-group");this.groupTitle=t?.groupTitle||this.messages?.defaultGroupTitle}}previousClicked(){this.previousTip()}nextClicked(){this.nextTip()}tipManagerKeyDownHandler(e){if(e.target===this.container)switch(e.key){case"ArrowRight":e.preventDefault(),this.nextTip();break;case"ArrowLeft":e.preventDefault(),this.previousTip();break;case"Home":e.preventDefault(),this.selectedIndex=0;break;case"End":e.preventDefault(),this.selectedIndex=this.total-1;break}}storeContainerRef(e){this.container=e}renderPagination(){let e=y(this.el),{selectedIndex:t,tips:o,total:s,messages:n}=this,l=n.next,d=n.previous,p=n.defaultPaginationLabel;return o.length>1?r`<footer class=${a(i.pagination)}><calcite-action class=${a(i.pagePrevious)} .icon=${e==="ltr"?c.chevronLeft:c.chevronRight} @click=${this.previousClicked} scale=m .text=${d}></calcite-action><span class=${a(i.pagePosition)}>${`${p} ${t+1}/${s}`}</span><calcite-action class=${a(i.pageNext)} .icon=${e==="ltr"?c.chevronRight:c.chevronLeft} @click=${this.nextClicked} scale=m .text=${l}></calcite-action></footer>`:null}render(){let{closed:e,direction:t,headingLevel:o,groupTitle:s,selectedIndex:n,messages:l,total:d}=this,p=l.close;return d===0?null:r`<section .ariaHidden=${e} class=${a(i.container)} .hidden=${e} @keydown=${this.tipManagerKeyDownHandler} tabindex=0 ${b(this.storeContainerRef)}><header class=${a(i.header)}>${T({class:i.heading,level:o,children:s})}<calcite-action class=${a(i.close)} @click=${this.hideTipManager} scale=m .text=${p}><calcite-icon .icon=${c.close} scale=m></calcite-icon></calcite-action></header>${x(n,r`<div class=${a({[i.tipContainer]:!0,[i.tipContainerAdvancing]:!e&&t==="advancing",[i.tipContainerRetreating]:!e&&t==="retreating"})} tabindex=0><slot></slot></div>`)}${this.renderPagination()}</section>`}};f("calcite-tip-manager",h);export{h as TipManager};
|
|
@@ -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
|
-
v3.3.0-next.
|
|
3
|
+
v3.3.0-next.22 */
|
|
4
4
|
var n={container:"container",containerNone:"container--none-selection",icon:"dropdown-item-icon",iconEnd:"dropdown-item-icon--end",iconStart:"dropdown-item-icon--start",itemContent:"dropdown-item-content",link:"dropdown-link"};export{n 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
|
-
v3.3.0-next.
|
|
4
|
-
import{a as x,h as y,k as D,l as v,m as g,n as p,o as d,p as f,q as r,r as c,s as L}from"./
|
|
3
|
+
v3.3.0-next.22 */
|
|
4
|
+
import{a as x,h as y,k as D,l as v,m as g,n as p,o as d,p as f,q as r,r as c,s as L}from"./UFTFNYQS.js";import"./B2LPMRAX.js";import{a as F}from"./H7I73IXV.js";import{b as C}from"./CCVAKLBT.js";import{l as T}from"./KSYGSO3X.js";import{d as B}from"./V6AN4FI4.js";import"./ZARQRR6Z.js";import"./OJJMV73H.js";import{E as O,F as I,R as E,c as N,d as m,q as S}from"./JRQVADVG.js";var b={container:"container",hexInput:"hex-input",opacityInput:"opacity-input"},U=N`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host{display:block}.container{display:flex;inline-size:100%;flex-wrap:nowrap;align-items:center}.hex-input{flex-grow:1;text-transform:uppercase}.opacity-input{inline-size:100px;margin-inline-start:-1px}:host([hidden]){display:none}[hidden]{display:none}`,$=x(),V=class extends O{constructor(){super(...arguments),this.internalColor=$,this.alphaChannel=!1,this.allowEmpty=!1,this.hexLabel="Hex",this.scale="m",this.value=r(c($,this.alphaChannel),this.alphaChannel,!0),this.calciteColorPickerHexInputChange=S({cancelable:!1})}static{this.properties={internalColor:[16,{},{state:!0}],alphaChannel:[5,{},{type:Boolean}],allowEmpty:[5,{},{type:Boolean}],hexLabel:1,messages:[0,{},{attribute:!1}],numberingSystem:1,scale:[3,{},{reflect:!0}],value:[3,{},{reflect:!0}]}}static{this.styles=U}async setFocus(){return await B(this),T(this.hexInputNode)}connectedCallback(){super.connectedCallback(),this.previousNonNullValue=this.value;let{allowEmpty:t,alphaChannel:e,value:a}=this;if(a){let n=r(a,e);p(n,e)&&this.internalSetValue(n,n,!1);return}t&&this.internalSetValue(void 0,void 0,!1)}willUpdate(t){t.has("value")&&(this.hasUpdated||this.value!==r(c($,this.alphaChannel),this.alphaChannel,!0))&&this.internalSetValue(this.value,t.get("value"),!1)}onHexInputBlur(){let t=this.hexInputNode,e=t.value,a=`#${e}`,{allowEmpty:n,internalColor:l}=this,s=n&&!e,i=f(a);(d(a,!0)||d(a,!1))&&this.onHexInputChange(),!(s||p(a)&&i)&&(t.value=n&&!l?"":this.formatHexForInternalInput(L(l.object())))}onOpacityInputBlur(){let t=this.opacityInputNode,e=t.value,{allowEmpty:a,internalColor:n}=this;a&&!e||(t.value=a&&!n?"":this.formatOpacityForInternalInput(n))}onOpacityInputInput(){this.onOpacityInputChange()}onHexInputChange(){let e=this.hexInputNode.value;if(e){let a=r(e,!1);if(p(a)&&this.alphaChannel&&this.internalColor){let l=r(this.internalColor.hexa(),!0).slice(-2);e=`${a+l}`}}this.internalSetValue(e,this.value)}onOpacityInputChange(){let t=this.opacityInputNode,e;if(!t.value)e=t.value;else{let a=g(Number(t.value));e=this.internalColor?.alpha(a).hexa()}this.internalSetValue(e,this.value)}onInputFocus(t){t.type==="calciteInternalInputTextFocus"?this.hexInputNode.selectText():this.opacityInputNode.selectText()}onHexInputInput(){let t=`#${this.hexInputNode.value}`,e=this.value;p(t,this.alphaChannel)&&f(t,this.alphaChannel)&&this.internalSetValue(t,e)}onInputKeyDown(t){let{altKey:e,ctrlKey:a,metaKey:n,shiftKey:l}=t,{alphaChannel:s,hexInputNode:i,internalColor:o,value:h}=this,{key:u}=t,H=t.composedPath();if(u==="Tab"&&d(h,this.alphaChannel)||u==="Enter"){H.includes(i)?this.onHexInputChange():this.onOpacityInputChange(),u==="Enter"&&t.preventDefault();return}let k=u==="ArrowDown"||u==="ArrowUp",w=this.value;if(k){if(!h){this.internalSetValue(this.previousNonNullValue,w),t.preventDefault();return}let z=u==="ArrowUp"?1:-1,P=l?10:1;this.internalSetValue(c(this.nudgeRGBChannels(o,P*z,H.includes(i)?"rgb":"a"),s),w),t.preventDefault();return}let A=e||a||n,R=u.length===1,K=D.test(u);R&&!A&&!K&&t.preventDefault()}onHexInputPaste(t){let e=t.clipboardData.getData("text");p(e,this.alphaChannel)&&f(e,this.alphaChannel)&&(t.preventDefault(),this.hexInputNode.value=e.slice(1),this.internalSetValue(e,this.value))}internalSetValue(t,e,a=!0){if(t){let{alphaChannel:n}=this,l=r(t,n,n);if(p(l,n)){let{internalColor:s}=this,i=x(l),o=r(c(i,n),n),h=!s||o!==r(c(s,n),n);this.internalColor=i,this.previousNonNullValue=o,this.value=o,h&&a&&this.calciteColorPickerHexInputChange.emit();return}}else if(this.allowEmpty){this.internalColor=void 0,this.value=void 0,a&&this.calciteColorPickerHexInputChange.emit();return}this.value=e}storeHexInputRef(t){this.hexInputNode=t}storeOpacityInputRef(t){this.opacityInputNode=t}formatHexForInternalInput(t){return t?t.replace("#","").slice(0,6):""}formatOpacityForInternalInput(t){return t?`${v(t.alpha())}`:""}nudgeRGBChannels(t,e,a){let n,l=t.array(),s=l.slice(0,3);if(a==="rgb")n=[...s.map(o=>o+e),this.alphaChannel?l[3]:void 0];else{let i=g(v(t.alpha())+e);n=[...s,i]}return x(n)}render(){let{alphaChannel:t,hexLabel:e,internalColor:a,messages:n,scale:l,value:s}=this,i=this.formatHexForInternalInput(s),o=this.formatOpacityForInternalInput(a),h=l==="l"?"m":"s";return m`<div class=${I(b.container)}><calcite-input-text class=${I(b.hexInput)} .label=${n?.hex||e} .maxLength=${this.alphaChannel?8:6} @keydown=${this.onInputKeyDown} @paste=${this.onHexInputPaste} @calciteInputTextChange=${this.onHexInputChange} @calciteInputTextInput=${this.onHexInputInput} @calciteInternalInputTextBlur=${this.onHexInputBlur} @calciteInternalInputTextFocus=${this.onInputFocus} prefix-text=# .scale=${h} .value=${i} ${C(this.storeHexInputRef)}></calcite-input-text>${t?F("opacity-input",m`<calcite-input-number class=${I(b.opacityInput)} .label=${n?.opacity} .max=${y.max} max-length=3 .min=${y.min} number-button-type=none .numberingSystem=${this.numberingSystem} @keydown=${this.onInputKeyDown} @calciteInputNumberInput=${this.onOpacityInputInput} @calciteInternalInputNumberBlur=${this.onOpacityInputBlur} @calciteInternalInputNumberFocus=${this.onInputFocus} .scale=${h} suffix-text=% .value=${o} ${C(this.storeOpacityInputRef)}></calcite-input-number>`):null}</div>`}};E("calcite-color-picker-hex-input",V);export{V as ColorPickerHexInput};
|
|
@@ -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
|
-
v3.3.0-next.
|
|
4
|
-
import{a as b,b as y,j as l,m as F,n as C,q as w}from"./YGAM7YFK.js";import"./YPIVYYBB.js";import{a as I}from"./CRDC3BJ2.js";import"./HYR3RAA5.js";import{b as H}from"./LJVWMMIE.js";import{E as R,F as u,R as A,c as x,d as f,q as v}from"./RZZYP5OQ.js";var d={calendar:"calendar",calendarContainer:"calendar-container",calendarStart:"calendar--start",currentDay:"current-day",dayContainer:"day-container",insideRangeHover:"inside-range--hover",month:"month",noncurrent:"noncurrent",outsideRangeHover:"outside-range--hover",weekDays:"week-days",weekHeader:"week-header",weekHeaderContainer:"week-header-container"},L=x`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host([hidden]){display:none}[hidden]{display:none}.calendar-container{display:flex;inline-size:100%}:host([range][layout=vertical]) .calendar-container{flex-direction:column}.calendar{inline-size:100%}.week-header-container{display:flex;block-size:16px;padding-inline:var(--calcite-spacing-sm);padding-block:var(--calcite-spacing-md)}.week-header{display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-bold);inline-size:14.2857142857%;color:var(--calcite-date-picker-week-header-text-color, var(--calcite-color-text-3))}.day-container{display:flex;inline-size:100%;min-inline-size:0px;justify-content:center}.day-container calcite-date-picker-day{inline-size:100%}.week-days{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;padding-inline:var(--calcite-spacing-sm);padding-block-end:var(--calcite-spacing-sm)}.month-header{display:flex;inline-size:100%;justify-content:space-between}.month{display:flex;inline-size:100%;flex-direction:column;justify-content:space-between}.day{font-size:var(--calcite-font-size)}:host([scale=s]) .week-days{padding-inline:var(--calcite-spacing-xs);padding-block-end:var(--calcite-spacing-xs)}:host([scale=s]) .week-header-container{padding-inline:var(--calcite-spacing-xs);padding-block:var(--calcite-spacing-sm)}:host([scale=s]) .day{font-size:var(--calcite-font-size-sm)}:host([scale=l]) .week-header{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .week-days{padding-inline:var(--calcite-spacing-md);padding-block-end:var(--calcite-spacing-md)}:host([scale=l]) .week-header-container{padding-inline:var(--calcite-spacing-md);padding-block:var(--calcite-spacing-md-plus)}:host([scale=l]) .day{font-size:var(--calcite-font-size-md)}.calendar--start{border-width:0px;border-style:solid;border-color:var(--calcite-date-picker-range-calendar-divider-color, var(--calcite-color-border-1))}:host([range][layout=horizontal]) .calendar--start{border-inline-end-width:var(--calcite-border-width-sm)}:host([range][layout=vertical]) .calendar--start{border-block-end-width:var(--calcite-border-width-sm)}.noncurrent{pointer-events:none;opacity:0}`,p=7,M=6,P=42,S=class extends R{constructor(){super(),this.activeDate=new Date,this.range=!1,this.calciteInternalDatePickerDayHover=v({cancelable:!1}),this.calciteInternalDatePickerDaySelect=v({cancelable:!1}),this.calciteInternalDatePickerMonthActiveDateChange=v({cancelable:!1}),this.calciteInternalDatePickerMonthChange=v({cancelable:!1}),this.calciteInternalDatePickerMonthMouseOut=v({cancelable:!1}),this.listen("pointerout",this.pointerOutHandler),this.listen("focusout",this.disableActiveFocus)}static{this.properties={focusedDate:[16,{},{state:!0}],activeDate:[0,{},{attribute:!1}],dateTimeFormat:[0,{},{attribute:!1}],endDate:[0,{},{attribute:!1}],headingLevel:[11,{},{type:Number,reflect:!0}],hoverRange:[0,{},{attribute:!1}],layout:[3,{},{reflect:!0}],localeData:[0,{},{attribute:!1}],max:[0,{},{attribute:!1}],messages:[0,{},{attribute:!1}],min:[0,{},{attribute:!1}],monthStyle:1,range:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectedDate:[0,{},{attribute:!1}],startDate:[0,{},{attribute:!1}]}}static{this.styles=L}load(){this.focusedDate=this.selectedDate||this.activeDate}willUpdate(e){e.has("activeDate")&&this.updateFocusedDateWithActive(this.activeDate),e.has("selectedDate")&&(this.focusedDate=this.selectedDate)}updateFocusedDateWithActive(e){this.selectedDate||(this.focusedDate=b(e,this.min,this.max)?e:y(e,this.min,this.max))}keyDownHandler(e){if(e.defaultPrevented)return;let a=this.el.dir==="rtl",t=e.target.value;switch(e.key){case"ArrowUp":e.preventDefault(),this.addDays(-7,t);break;case"ArrowRight":e.preventDefault(),this.addDays(a?-1:1,t);break;case"ArrowDown":e.preventDefault(),this.addDays(7,t);break;case"ArrowLeft":e.preventDefault(),this.addDays(a?1:-1,t);break;case"PageUp":e.preventDefault(),this.addMonths(-1,t);break;case"PageDown":e.preventDefault(),this.addMonths(1,t);break;case"Home":e.preventDefault(),this.activeDate.setDate(1),this.addDays(0,t);break;case"End":e.preventDefault(),this.activeDate.setDate(new Date(this.activeDate.getFullYear(),this.activeDate.getMonth()+1,0).getDate()),this.addDays(0,t);break;case"Enter":case" ":e.preventDefault();break;case"Tab":this.activeFocus=!1}}disableActiveFocus(){this.activeFocus=!1}pointerOutHandler(){this.calciteInternalDatePickerMonthMouseOut.emit()}addMonths(e,a){let t=new Date(a);t.setMonth(a.getMonth()+e),this.calciteInternalDatePickerMonthActiveDateChange.emit(y(t,this.min,this.max)),this.focusedDate=y(t,this.min,this.max),this.activeFocus=!0,this.calciteInternalDatePickerDayHover.emit(t)}addDays(e=0,a){let t=new Date(a);t.setDate(a.getDate()+e),this.calciteInternalDatePickerMonthActiveDateChange.emit(y(t,this.min,this.max)),this.focusedDate=y(t,this.min,this.max),this.activeFocus=!0,this.calciteInternalDatePickerDayHover.emit(t)}getPreviousMonthDays(e,a,t){let s=new Date(a,e,0),i=s.getDate(),n=s.getDay(),c=[];if(n===(t+M)%p)return c;if(n===t)return[i];for(let o=(p+n-t)%p;o>=0;o--)c.push(i-o);return c}getCurrentMonthDays(e,a){let t=new Date(a,e+1,0).getDate(),s=[];for(let i=0;i<t;i++)s.push(i+1);return s}getNextMonthDays(e,a,t){let s=new Date(a,e+1,0).getDay(),i=[];if(s===(t+M)%p)return i;for(let n=0;n<(M-(s-t))%p;n++)i.push(n+1);return i}betweenSelectedRange(e){return!!(this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate&&!this.isRangeHover(e))}isSelected(e){return!!(l(e,this.selectedDate)||this.startDate&&l(e,this.startDate)||this.endDate&&l(e,this.endDate))}isStartOfRange(e){return!!(this.startDate&&!l(this.startDate,this.endDate)&&l(this.startDate,e)&&!this.isEndOfRange(e))}isEndOfRange(e){return!!(this.endDate&&!l(this.startDate,this.endDate)&&l(this.endDate,e)||!this.endDate&&this.hoverRange&&l(this.startDate,this.hoverRange.end)&&l(e,this.hoverRange.end))}dayHover(e){let a=e.target;a.disabled?this.calciteInternalDatePickerMonthMouseOut.emit():this.calciteInternalDatePickerDayHover.emit(a.value),e.stopPropagation()}daySelect(e){let a=e.target;this.activeFocus=!1,this.calciteInternalDatePickerDaySelect.emit(a.value),e.stopPropagation()}isFocusedOnStart(){return this.hoverRange?.focused==="start"}isHoverInRange(){if(!this.hoverRange||!this.startDate)return!1;let{start:e,end:a}=this.hoverRange,t=this.isFocusedOnStart(),s=this.startDate&&a>this.startDate,i=this.endDate&&a<this.endDate,n=this.startDate&&e>this.startDate,c=this.endDate&&e<this.endDate,o=!t&&this.startDate&&s&&(!this.endDate||i),h=t&&this.startDate&&n&&c;return o||h}isRangeHover(e){if(!this.hoverRange)return!1;let{start:a,end:t}=this.hoverRange,s=this.isFocusedOnStart(),i=this.isHoverInRange(),n=e>a&&e<this.startDate,c=e<t&&e>this.endDate,o=e>t&&e<this.endDate,h=e<a&&e>this.startDate,g=e<t&&e>this.startDate,r=e>a&&e<this.endDate,D=this.startDate&&this.endDate;if(i){if(D)return s?e<this.endDate&&(h||n):o||c;if(this.startDate&&!this.endDate)return s?n:g;if(!this.startDate&&this.endDate)return s?r:c}else if(D)return s?n:c}getDays(e,a,t,s="start"){let i=this.activeDate.getMonth(),n=i+1;i=s==="end"?n:i;let c=0,o=()=>c++%7,h=this.activeDate.getFullYear();return[...e.map(r=>({active:!1,day:r,dayInWeek:o(),date:new Date(h,i-1,r)})),...a.map(r=>{let D=new Date(h,i,r),m=l(D,new Date);return{active:this.focusedDate&&this.focusedDate!==this.startDate&&this.focusedDate!==this.endDate?l(D,this.focusedDate):l(D,this.startDate)||l(D,this.endDate),currentMonth:!0,currentDay:m,day:r,dayInWeek:o(),date:D,ref:!0}}),...t.map(r=>({active:!1,day:r,dayInWeek:o(),date:new Date(h,n,r)}))]}monthHeaderSelectChange(e){let a=new Date(e.detail),t=e.target;this.updateFocusableDate(a),e.stopPropagation(),this.calciteInternalDatePickerMonthChange.emit({date:a,position:t.position})}updateFocusableDate(e){!this.selectedDate||!this.range?this.focusedDate=this.getFirstValidDateOfMonth(e):this.selectedDate&&this.range&&(!w(this.startDate,e)||!w(this.endDate,e))&&(this.focusedDate=this.getFirstValidDateOfMonth(e))}getFirstValidDateOfMonth(e){return e.getDate()===1?e:F(e,this.min,this.max)}render(){let e=this.activeDate.getMonth(),a=this.activeDate.getFullYear(),t=this.localeData.weekStart%7,{abbreviated:s,short:i,narrow:n}=this.localeData.days,c=this.scale==="s"?n||i||s:i||s||n,o=[...c.slice(t,7),...c.slice(0,t)],h=this.getCurrentMonthDays(e,a),g=this.getPreviousMonthDays(e,a,t),r=this.getNextMonthDays(e,a,t),D=h.length+g.length+r.length;if(D<P){let Y=r.length?r[r.length-1]:0;for(let k=1;k<=P-D;k++)r.push(Y+k)}let m=e+1,$=this.getPreviousMonthDays(m,a,t),E=this.getCurrentMonthDays(m,a),z=this.getNextMonthDays(m,a,t),O=this.getDays(g,h,r),B=this.getDays($,E,z,"end");return f`<div class=${u({[d.calendarContainer]:!0})} role=grid>${this.renderCalendar(o,O)}${this.range&&this.renderCalendar(o,B,!0)||""}</div>`}renderDateDay({active:e,currentMonth:a,currentDay:t,date:s,day:i,dayInWeek:n,ref:c},o){let h=b(s,this.min,this.max);return I(o,f`<div class=${u({[d.dayContainer]:!0})} role=gridcell><calcite-date-picker-day .active=${e} class=${u({[d.currentDay]:t,[d.insideRangeHover]:this.isHoverInRange(),[d.outsideRangeHover]:!this.isHoverInRange(),[d.noncurrent]:this.range&&!a})} .currentMonth=${a} .dateTimeFormat=${this.dateTimeFormat} .day=${i} .disabled=${!h} .endOfRange=${this.isEndOfRange(s)} .highlighted=${this.betweenSelectedRange(s)} @calciteInternalDayHover=${this.dayHover} @calciteInternalDaySelect=${this.daySelect} .range=${!!this.startDate&&!!this.endDate&&!l(this.startDate,this.endDate)} .rangeEdge=${n===0?"start":n===6?"end":void 0} .rangeHover=${h&&this.isRangeHover(s)} .scale=${this.scale} .selected=${this.isSelected(s)} .startOfRange=${this.isStartOfRange(s)} .value=${s} ${H(g=>{c&&e&&this.activeFocus&&g?.setFocus()})}></calcite-date-picker-day></div>`)}renderCalendar(e,a,t=!1){return f`<div class=${u({[d.calendar]:!0,[d.calendarStart]:!t})}><calcite-date-picker-month-header .activeDate=${t?C(this.activeDate):this.activeDate} data-test-calendar=${t?"end":"start"} .headingLevel=${this.headingLevel} .localeData=${this.localeData} .max=${this.max} .messages=${this.messages} .min=${this.min} .monthStyle=${this.monthStyle} @calciteInternalDatePickerMonthHeaderSelectChange=${this.monthHeaderSelectChange} .position=${t?"end":this.range?"start":null} .scale=${this.scale} .selectedDate=${this.selectedDate}></calcite-date-picker-month-header>${this.renderMonthCalendar(e,a,t)}</div>`}renderMonthCalendar(e,a,t=!1){return f`<div class=${u({[d.month]:!0})} @keydown=${this.keyDownHandler}><div class=${u({[d.weekHeaderContainer]:!0})} role=row>${e.map(i=>f`<span class=${u({[d.weekHeader]:!0})} role=columnheader>${i}</span>`)}</div><div class=${u({[d.weekDays]:!0})} role=row>${a.map((i,n)=>this.renderDateDay(i,t?50+n:n))}</div></div>`}};A("calcite-date-picker-month",S);export{S as DatePickerMonth};
|
|
3
|
+
v3.3.0-next.22 */
|
|
4
|
+
import{a as b,b as y,j as l,m as F,n as C,q as w}from"./DEBRB3LV.js";import"./MPGR7YTM.js";import{a as I}from"./H7I73IXV.js";import"./7K7EK6RW.js";import{b as H}from"./CCVAKLBT.js";import{E as R,F as u,R as A,c as x,d as f,q as v}from"./JRQVADVG.js";var d={calendar:"calendar",calendarContainer:"calendar-container",calendarStart:"calendar--start",currentDay:"current-day",dayContainer:"day-container",insideRangeHover:"inside-range--hover",month:"month",noncurrent:"noncurrent",outsideRangeHover:"outside-range--hover",weekDays:"week-days",weekHeader:"week-header",weekHeaderContainer:"week-header-container"},L=x`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host([hidden]){display:none}[hidden]{display:none}.calendar-container{display:flex;inline-size:100%}:host([range][layout=vertical]) .calendar-container{flex-direction:column}.calendar{inline-size:100%}.week-header-container{display:flex;block-size:16px;padding-inline:var(--calcite-spacing-sm);padding-block:var(--calcite-spacing-md)}.week-header{display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-bold);inline-size:14.2857142857%;color:var(--calcite-date-picker-week-header-text-color, var(--calcite-color-text-3))}.day-container{display:flex;inline-size:100%;min-inline-size:0px;justify-content:center}.day-container calcite-date-picker-day{inline-size:100%}.week-days{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;padding-inline:var(--calcite-spacing-sm);padding-block-end:var(--calcite-spacing-sm)}.month-header{display:flex;inline-size:100%;justify-content:space-between}.month{display:flex;inline-size:100%;flex-direction:column;justify-content:space-between}.day{font-size:var(--calcite-font-size)}:host([scale=s]) .week-days{padding-inline:var(--calcite-spacing-xs);padding-block-end:var(--calcite-spacing-xs)}:host([scale=s]) .week-header-container{padding-inline:var(--calcite-spacing-xs);padding-block:var(--calcite-spacing-sm)}:host([scale=s]) .day{font-size:var(--calcite-font-size-sm)}:host([scale=l]) .week-header{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .week-days{padding-inline:var(--calcite-spacing-md);padding-block-end:var(--calcite-spacing-md)}:host([scale=l]) .week-header-container{padding-inline:var(--calcite-spacing-md);padding-block:var(--calcite-spacing-md-plus)}:host([scale=l]) .day{font-size:var(--calcite-font-size-md)}.calendar--start{border-width:0px;border-style:solid;border-color:var(--calcite-date-picker-range-calendar-divider-color, var(--calcite-color-border-1))}:host([range][layout=horizontal]) .calendar--start{border-inline-end-width:var(--calcite-border-width-sm)}:host([range][layout=vertical]) .calendar--start{border-block-end-width:var(--calcite-border-width-sm)}.noncurrent{pointer-events:none;opacity:0}`,p=7,M=6,P=42,S=class extends R{constructor(){super(),this.activeDate=new Date,this.range=!1,this.calciteInternalDatePickerDayHover=v({cancelable:!1}),this.calciteInternalDatePickerDaySelect=v({cancelable:!1}),this.calciteInternalDatePickerMonthActiveDateChange=v({cancelable:!1}),this.calciteInternalDatePickerMonthChange=v({cancelable:!1}),this.calciteInternalDatePickerMonthMouseOut=v({cancelable:!1}),this.listen("pointerout",this.pointerOutHandler),this.listen("focusout",this.disableActiveFocus)}static{this.properties={focusedDate:[16,{},{state:!0}],activeDate:[0,{},{attribute:!1}],dateTimeFormat:[0,{},{attribute:!1}],endDate:[0,{},{attribute:!1}],headingLevel:[11,{},{type:Number,reflect:!0}],hoverRange:[0,{},{attribute:!1}],layout:[3,{},{reflect:!0}],localeData:[0,{},{attribute:!1}],max:[0,{},{attribute:!1}],messages:[0,{},{attribute:!1}],min:[0,{},{attribute:!1}],monthStyle:1,range:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectedDate:[0,{},{attribute:!1}],startDate:[0,{},{attribute:!1}]}}static{this.styles=L}load(){this.focusedDate=this.selectedDate||this.activeDate}willUpdate(e){e.has("activeDate")&&this.updateFocusedDateWithActive(this.activeDate),e.has("selectedDate")&&(this.focusedDate=this.selectedDate)}updateFocusedDateWithActive(e){this.selectedDate||(this.focusedDate=b(e,this.min,this.max)?e:y(e,this.min,this.max))}keyDownHandler(e){if(e.defaultPrevented)return;let a=this.el.dir==="rtl",t=e.target.value;switch(e.key){case"ArrowUp":e.preventDefault(),this.addDays(-7,t);break;case"ArrowRight":e.preventDefault(),this.addDays(a?-1:1,t);break;case"ArrowDown":e.preventDefault(),this.addDays(7,t);break;case"ArrowLeft":e.preventDefault(),this.addDays(a?1:-1,t);break;case"PageUp":e.preventDefault(),this.addMonths(-1,t);break;case"PageDown":e.preventDefault(),this.addMonths(1,t);break;case"Home":e.preventDefault(),this.activeDate.setDate(1),this.addDays(0,t);break;case"End":e.preventDefault(),this.activeDate.setDate(new Date(this.activeDate.getFullYear(),this.activeDate.getMonth()+1,0).getDate()),this.addDays(0,t);break;case"Enter":case" ":e.preventDefault();break;case"Tab":this.activeFocus=!1}}disableActiveFocus(){this.activeFocus=!1}pointerOutHandler(){this.calciteInternalDatePickerMonthMouseOut.emit()}addMonths(e,a){let t=new Date(a);t.setMonth(a.getMonth()+e),this.calciteInternalDatePickerMonthActiveDateChange.emit(y(t,this.min,this.max)),this.focusedDate=y(t,this.min,this.max),this.activeFocus=!0,this.calciteInternalDatePickerDayHover.emit(t)}addDays(e=0,a){let t=new Date(a);t.setDate(a.getDate()+e),this.calciteInternalDatePickerMonthActiveDateChange.emit(y(t,this.min,this.max)),this.focusedDate=y(t,this.min,this.max),this.activeFocus=!0,this.calciteInternalDatePickerDayHover.emit(t)}getPreviousMonthDays(e,a,t){let s=new Date(a,e,0),i=s.getDate(),n=s.getDay(),c=[];if(n===(t+M)%p)return c;if(n===t)return[i];for(let o=(p+n-t)%p;o>=0;o--)c.push(i-o);return c}getCurrentMonthDays(e,a){let t=new Date(a,e+1,0).getDate(),s=[];for(let i=0;i<t;i++)s.push(i+1);return s}getNextMonthDays(e,a,t){let s=new Date(a,e+1,0).getDay(),i=[];if(s===(t+M)%p)return i;for(let n=0;n<(M-(s-t))%p;n++)i.push(n+1);return i}betweenSelectedRange(e){return!!(this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate&&!this.isRangeHover(e))}isSelected(e){return!!(l(e,this.selectedDate)||this.startDate&&l(e,this.startDate)||this.endDate&&l(e,this.endDate))}isStartOfRange(e){return!!(this.startDate&&!l(this.startDate,this.endDate)&&l(this.startDate,e)&&!this.isEndOfRange(e))}isEndOfRange(e){return!!(this.endDate&&!l(this.startDate,this.endDate)&&l(this.endDate,e)||!this.endDate&&this.hoverRange&&l(this.startDate,this.hoverRange.end)&&l(e,this.hoverRange.end))}dayHover(e){let a=e.target;a.disabled?this.calciteInternalDatePickerMonthMouseOut.emit():this.calciteInternalDatePickerDayHover.emit(a.value),e.stopPropagation()}daySelect(e){let a=e.target;this.activeFocus=!1,this.calciteInternalDatePickerDaySelect.emit(a.value),e.stopPropagation()}isFocusedOnStart(){return this.hoverRange?.focused==="start"}isHoverInRange(){if(!this.hoverRange||!this.startDate)return!1;let{start:e,end:a}=this.hoverRange,t=this.isFocusedOnStart(),s=this.startDate&&a>this.startDate,i=this.endDate&&a<this.endDate,n=this.startDate&&e>this.startDate,c=this.endDate&&e<this.endDate,o=!t&&this.startDate&&s&&(!this.endDate||i),h=t&&this.startDate&&n&&c;return o||h}isRangeHover(e){if(!this.hoverRange)return!1;let{start:a,end:t}=this.hoverRange,s=this.isFocusedOnStart(),i=this.isHoverInRange(),n=e>a&&e<this.startDate,c=e<t&&e>this.endDate,o=e>t&&e<this.endDate,h=e<a&&e>this.startDate,g=e<t&&e>this.startDate,r=e>a&&e<this.endDate,D=this.startDate&&this.endDate;if(i){if(D)return s?e<this.endDate&&(h||n):o||c;if(this.startDate&&!this.endDate)return s?n:g;if(!this.startDate&&this.endDate)return s?r:c}else if(D)return s?n:c}getDays(e,a,t,s="start"){let i=this.activeDate.getMonth(),n=i+1;i=s==="end"?n:i;let c=0,o=()=>c++%7,h=this.activeDate.getFullYear();return[...e.map(r=>({active:!1,day:r,dayInWeek:o(),date:new Date(h,i-1,r)})),...a.map(r=>{let D=new Date(h,i,r),m=l(D,new Date);return{active:this.focusedDate&&this.focusedDate!==this.startDate&&this.focusedDate!==this.endDate?l(D,this.focusedDate):l(D,this.startDate)||l(D,this.endDate),currentMonth:!0,currentDay:m,day:r,dayInWeek:o(),date:D,ref:!0}}),...t.map(r=>({active:!1,day:r,dayInWeek:o(),date:new Date(h,n,r)}))]}monthHeaderSelectChange(e){let a=new Date(e.detail),t=e.target;this.updateFocusableDate(a),e.stopPropagation(),this.calciteInternalDatePickerMonthChange.emit({date:a,position:t.position})}updateFocusableDate(e){!this.selectedDate||!this.range?this.focusedDate=this.getFirstValidDateOfMonth(e):this.selectedDate&&this.range&&(!w(this.startDate,e)||!w(this.endDate,e))&&(this.focusedDate=this.getFirstValidDateOfMonth(e))}getFirstValidDateOfMonth(e){return e.getDate()===1?e:F(e,this.min,this.max)}render(){let e=this.activeDate.getMonth(),a=this.activeDate.getFullYear(),t=this.localeData.weekStart%7,{abbreviated:s,short:i,narrow:n}=this.localeData.days,c=this.scale==="s"?n||i||s:i||s||n,o=[...c.slice(t,7),...c.slice(0,t)],h=this.getCurrentMonthDays(e,a),g=this.getPreviousMonthDays(e,a,t),r=this.getNextMonthDays(e,a,t),D=h.length+g.length+r.length;if(D<P){let Y=r.length?r[r.length-1]:0;for(let k=1;k<=P-D;k++)r.push(Y+k)}let m=e+1,$=this.getPreviousMonthDays(m,a,t),E=this.getCurrentMonthDays(m,a),z=this.getNextMonthDays(m,a,t),O=this.getDays(g,h,r),B=this.getDays($,E,z,"end");return f`<div class=${u({[d.calendarContainer]:!0})} role=grid>${this.renderCalendar(o,O)}${this.range&&this.renderCalendar(o,B,!0)||""}</div>`}renderDateDay({active:e,currentMonth:a,currentDay:t,date:s,day:i,dayInWeek:n,ref:c},o){let h=b(s,this.min,this.max);return I(o,f`<div class=${u({[d.dayContainer]:!0})} role=gridcell><calcite-date-picker-day .active=${e} class=${u({[d.currentDay]:t,[d.insideRangeHover]:this.isHoverInRange(),[d.outsideRangeHover]:!this.isHoverInRange(),[d.noncurrent]:this.range&&!a})} .currentMonth=${a} .dateTimeFormat=${this.dateTimeFormat} .day=${i} .disabled=${!h} .endOfRange=${this.isEndOfRange(s)} .highlighted=${this.betweenSelectedRange(s)} @calciteInternalDayHover=${this.dayHover} @calciteInternalDaySelect=${this.daySelect} .range=${!!this.startDate&&!!this.endDate&&!l(this.startDate,this.endDate)} .rangeEdge=${n===0?"start":n===6?"end":void 0} .rangeHover=${h&&this.isRangeHover(s)} .scale=${this.scale} .selected=${this.isSelected(s)} .startOfRange=${this.isStartOfRange(s)} .value=${s} ${H(g=>{c&&e&&this.activeFocus&&g?.setFocus()})}></calcite-date-picker-day></div>`)}renderCalendar(e,a,t=!1){return f`<div class=${u({[d.calendar]:!0,[d.calendarStart]:!t})}><calcite-date-picker-month-header .activeDate=${t?C(this.activeDate):this.activeDate} data-test-calendar=${t?"end":"start"} .headingLevel=${this.headingLevel} .localeData=${this.localeData} .max=${this.max} .messages=${this.messages} .min=${this.min} .monthStyle=${this.monthStyle} @calciteInternalDatePickerMonthHeaderSelectChange=${this.monthHeaderSelectChange} .position=${t?"end":this.range?"start":null} .scale=${this.scale} .selectedDate=${this.selectedDate}></calcite-date-picker-month-header>${this.renderMonthCalendar(e,a,t)}</div>`}renderMonthCalendar(e,a,t=!1){return f`<div class=${u({[d.month]:!0})} @keydown=${this.keyDownHandler}><div class=${u({[d.weekHeaderContainer]:!0})} role=row>${e.map(i=>f`<span class=${u({[d.weekHeader]:!0})} role=columnheader>${i}</span>`)}</div><div class=${u({[d.weekDays]:!0})} role=row>${a.map((i,n)=>this.renderDateDay(i,t?50+n:n))}</div></div>`}};A("calcite-date-picker-month",S);export{S as DatePickerMonth};
|
|
@@ -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
|
-
v3.3.0-next.
|
|
4
|
-
import{e as E,f as R,g as $}from"./ZJ5K7IXT.js";var y={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};var B=Object.create(null);for(let t in y)Object.hasOwn(y,t)&&(B[y[t]]=t);var g={to:{},get:{}};g.get=function(t){let n=t.slice(0,3).toLowerCase(),e,r;switch(n){case"hsl":{e=g.get.hsl(t),r="hsl";break}case"hwb":{e=g.get.hwb(t),r="hwb";break}default:{e=g.get.rgb(t),r="rgb";break}}return e?{model:r,value:e}:null};g.get.rgb=function(t){if(!t)return null;let n=/^#([a-f\d]{3,4})$/i,e=/^#([a-f\d]{6})([a-f\d]{2})?$/i,r=/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|/]\s*([+-]?[\d.]+)(%?)\s*)?\)$/,o=/^rgba?\(\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*(?:[,|/]\s*([+-]?[\d.]+)(%?)\s*)?\)$/,s=/^(\w+)$/,c=[0,0,0,1],a,l,h;if(a=t.match(e)){for(h=a[2],a=a[1],l=0;l<3;l++){let _=l*2;c[l]=Number.parseInt(a.slice(_,_+2),16)}h&&(c[3]=Number.parseInt(h,16)/255)}else if(a=t.match(n)){for(a=a[1],h=a[3],l=0;l<3;l++)c[l]=Number.parseInt(a[l]+a[l],16);h&&(c[3]=Number.parseInt(h+h,16)/255)}else if(a=t.match(r)){for(l=0;l<3;l++)c[l]=Number.parseInt(a[l+1],10);a[4]&&(c[3]=a[5]?Number.parseFloat(a[4])*.01:Number.parseFloat(a[4]))}else if(a=t.match(o)){for(l=0;l<3;l++)c[l]=Math.round(Number.parseFloat(a[l+1])*2.55);a[4]&&(c[3]=a[5]?Number.parseFloat(a[4])*.01:Number.parseFloat(a[4]))}else return(a=t.match(s))?a[1]==="transparent"?[0,0,0,0]:Object.hasOwn(y,a[1])?(c=y[a[1]],c[3]=1,c):null:null;for(l=0;l<3;l++)c[l]=k(c[l],0,255);return c[3]=k(c[3],0,1),c};g.get.hsl=function(t){if(!t)return null;let n=/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*(?:[,|/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/,e=t.match(n);if(e){let r=Number.parseFloat(e[4]),o=(Number.parseFloat(e[1])%360+360)%360,s=k(Number.parseFloat(e[2]),0,100),c=k(Number.parseFloat(e[3]),0,100),a=k(Number.isNaN(r)?1:r,0,1);return[o,s,c,a]}return null};g.get.hwb=function(t){if(!t)return null;let n=/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d.]+)%\s*,\s*([+-]?[\d.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/,e=t.match(n);if(e){let r=Number.parseFloat(e[4]),o=(Number.parseFloat(e[1])%360+360)%360,s=k(Number.parseFloat(e[2]),0,100),c=k(Number.parseFloat(e[3]),0,100),a=k(Number.isNaN(r)?1:r,0,1);return[o,s,c,a]}return null};g.to.hex=function(...t){return"#"+H(t[0])+H(t[1])+H(t[2])+(t[3]<1?H(Math.round(t[3]*255)):"")};g.to.rgb=function(...t){return t.length<4||t[3]===1?"rgb("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+")":"rgba("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+", "+t[3]+")"};g.to.rgb.percent=function(...t){let n=Math.round(t[0]/255*100),e=Math.round(t[1]/255*100),r=Math.round(t[2]/255*100);return t.length<4||t[3]===1?"rgb("+n+"%, "+e+"%, "+r+"%)":"rgba("+n+"%, "+e+"%, "+r+"%, "+t[3]+")"};g.to.hsl=function(...t){return t.length<4||t[3]===1?"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)":"hsla("+t[0]+", "+t[1]+"%, "+t[2]+"%, "+t[3]+")"};g.to.hwb=function(...t){let n="";return t.length>=4&&t[3]!==1&&(n=", "+t[3]),"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+n+")"};g.to.keyword=function(...t){return B[t.slice(0,3)]};function k(t,n,e){return Math.min(Math.max(n,t),e)}function H(t){let n=Math.round(t).toString(16).toUpperCase();return n.length<2?"0"+n:n}var M=g;var T={};for(let t of Object.keys(y))T[y[t]]=t;var i={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},oklab:{channels:3,labels:["okl","oka","okb"]},lch:{channels:3,labels:"lch"},oklch:{channels:3,labels:["okl","okc","okh"]},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}},S=i,w=(6/29)**3;function x(t){let n=t>.0031308?1.055*t**.4166666666666667-.055:t*12.92;return Math.min(Math.max(0,n),1)}function A(t){return t>.04045?((t+.055)/1.055)**2.4:t/12.92}for(let t of Object.keys(i)){if(!("channels"in i[t]))throw new Error("missing channels property: "+t);if(!("labels"in i[t]))throw new Error("missing channel labels property: "+t);if(i[t].labels.length!==i[t].channels)throw new Error("channel and label counts mismatch: "+t);let{channels:n,labels:e}=i[t];delete i[t].channels,delete i[t].labels,Object.defineProperty(i[t],"channels",{value:n}),Object.defineProperty(i[t],"labels",{value:e})}i.rgb.hsl=function(t){let n=t[0]/255,e=t[1]/255,r=t[2]/255,o=Math.min(n,e,r),s=Math.max(n,e,r),c=s-o,a,l;switch(s){case o:{a=0;break}case n:{a=(e-r)/c;break}case e:{a=2+(r-n)/c;break}case r:{a=4+(n-e)/c;break}}a=Math.min(a*60,360),a<0&&(a+=360);let h=(o+s)/2;return s===o?l=0:h<=.5?l=c/(s+o):l=c/(2-s-o),[a,l*100,h*100]};i.rgb.hsv=function(t){let n,e,r,o,s,c=t[0]/255,a=t[1]/255,l=t[2]/255,h=Math.max(c,a,l),_=h-Math.min(c,a,l),v=function(Y){return(h-Y)/6/_+1/2};if(_===0)o=0,s=0;else{switch(s=_/h,n=v(c),e=v(a),r=v(l),h){case c:{o=r-e;break}case a:{o=1/3+n-r;break}case l:{o=2/3+e-n;break}}o<0?o+=1:o>1&&(o-=1)}return[o*360,s*100,h*100]};i.rgb.hwb=function(t){let n=t[0],e=t[1],r=t[2],o=i.rgb.hsl(t)[0],s=1/255*Math.min(n,Math.min(e,r));return r=1-1/255*Math.max(n,Math.max(e,r)),[o,s*100,r*100]};i.rgb.oklab=function(t){let n=A(t[0]/255),e=A(t[1]/255),r=A(t[2]/255),o=Math.cbrt(.4122214708*n+.5363325363*e+.0514459929*r),s=Math.cbrt(.2119034982*n+.6806995451*e+.1073969566*r),c=Math.cbrt(.0883024619*n+.2817188376*e+.6299787005*r),a=.2104542553*o+.793617785*s-.0040720468*c,l=1.9779984951*o-2.428592205*s+.4505937099*c,h=.0259040371*o+.7827717662*s-.808675766*c;return[a*100,l*100,h*100]};i.rgb.cmyk=function(t){let n=t[0]/255,e=t[1]/255,r=t[2]/255,o=Math.min(1-n,1-e,1-r),s=(1-n-o)/(1-o)||0,c=(1-e-o)/(1-o)||0,a=(1-r-o)/(1-o)||0;return[s*100,c*100,a*100,o*100]};function J(t,n){return(t[0]-n[0])**2+(t[1]-n[1])**2+(t[2]-n[2])**2}i.rgb.keyword=function(t){let n=T[t];if(n)return n;let e=Number.POSITIVE_INFINITY,r;for(let o of Object.keys(y)){let s=y[o],c=J(t,s);c<e&&(e=c,r=o)}return r};i.keyword.rgb=function(t){return y[t]};i.rgb.xyz=function(t){let n=A(t[0]/255),e=A(t[1]/255),r=A(t[2]/255),o=n*.4124564+e*.3575761+r*.1804375,s=n*.2126729+e*.7151522+r*.072175,c=n*.0193339+e*.119192+r*.9503041;return[o*100,s*100,c*100]};i.rgb.lab=function(t){let n=i.rgb.xyz(t),e=n[0],r=n[1],o=n[2];e/=95.047,r/=100,o/=108.883,e=e>w?e**(1/3):7.787*e+16/116,r=r>w?r**(1/3):7.787*r+16/116,o=o>w?o**(1/3):7.787*o+16/116;let s=116*r-16,c=500*(e-r),a=200*(r-o);return[s,c,a]};i.hsl.rgb=function(t){let n=t[0]/360,e=t[1]/100,r=t[2]/100,o,s;if(e===0)return s=r*255,[s,s,s];let c=r<.5?r*(1+e):r+e-r*e,a=2*r-c,l=[0,0,0];for(let h=0;h<3;h++)o=n+1/3*-(h-1),o<0&&o++,o>1&&o--,6*o<1?s=a+(c-a)*6*o:2*o<1?s=c:3*o<2?s=a+(c-a)*(2/3-o)*6:s=a,l[h]=s*255;return l};i.hsl.hsv=function(t){let n=t[0],e=t[1]/100,r=t[2]/100,o=e,s=Math.max(r,.01);r*=2,e*=r<=1?r:2-r,o*=s<=1?s:2-s;let c=(r+e)/2,a=r===0?2*o/(s+o):2*e/(r+e);return[n,a*100,c*100]};i.hsv.rgb=function(t){let n=t[0]/60,e=t[1]/100,r=t[2]/100,o=Math.floor(n)%6,s=n-Math.floor(n),c=255*r*(1-e),a=255*r*(1-e*s),l=255*r*(1-e*(1-s));switch(r*=255,o){case 0:return[r,l,c];case 1:return[a,r,c];case 2:return[c,r,l];case 3:return[c,a,r];case 4:return[l,c,r];case 5:return[r,c,a]}};i.hsv.hsl=function(t){let n=t[0],e=t[1]/100,r=t[2]/100,o=Math.max(r,.01),s,c;c=(2-e)*r;let a=(2-e)*o;return s=e*o,s/=a<=1?a:2-a,s=s||0,c/=2,[n,s*100,c*100]};i.hwb.rgb=function(t){let n=t[0]/360,e=t[1]/100,r=t[2]/100,o=e+r,s;o>1&&(e/=o,r/=o);let c=Math.floor(6*n),a=1-r;s=6*n-c,(c&1)!==0&&(s=1-s);let l=e+s*(a-e),h,_,v;switch(c){default:case 6:case 0:{h=a,_=l,v=e;break}case 1:{h=l,_=a,v=e;break}case 2:{h=e,_=a,v=l;break}case 3:{h=e,_=l,v=a;break}case 4:{h=l,_=e,v=a;break}case 5:{h=a,_=e,v=l;break}}return[h*255,_*255,v*255]};i.cmyk.rgb=function(t){let n=t[0]/100,e=t[1]/100,r=t[2]/100,o=t[3]/100,s=1-Math.min(1,n*(1-o)+o),c=1-Math.min(1,e*(1-o)+o),a=1-Math.min(1,r*(1-o)+o);return[s*255,c*255,a*255]};i.xyz.rgb=function(t){let n=t[0]/100,e=t[1]/100,r=t[2]/100,o,s,c;return o=n*3.2404542+e*-1.5371385+r*-.4985314,s=n*-.969266+e*1.8760108+r*.041556,c=n*.0556434+e*-.2040259+r*1.0572252,o=x(o),s=x(s),c=x(c),[o*255,s*255,c*255]};i.xyz.lab=function(t){let n=t[0],e=t[1],r=t[2];n/=95.047,e/=100,r/=108.883,n=n>w?n**(1/3):7.787*n+16/116,e=e>w?e**(1/3):7.787*e+16/116,r=r>w?r**(1/3):7.787*r+16/116;let o=116*e-16,s=500*(n-e),c=200*(e-r);return[o,s,c]};i.xyz.oklab=function(t){let n=t[0]/100,e=t[1]/100,r=t[2]/100,o=Math.cbrt(.8189330101*n+.3618667424*e-.1288597137*r),s=Math.cbrt(.0329845436*n+.9293118715*e+.0361456387*r),c=Math.cbrt(.0482003018*n+.2643662691*e+.633851707*r),a=.2104542553*o+.793617785*s-.0040720468*c,l=1.9779984951*o-2.428592205*s+.4505937099*c,h=.0259040371*o+.7827717662*s-.808675766*c;return[a*100,l*100,h*100]};i.oklab.oklch=function(t){return i.lab.lch(t)};i.oklab.xyz=function(t){let n=t[0]/100,e=t[1]/100,r=t[2]/100,o=(.999999998*n+.396337792*e+.215803758*r)**3,s=(1.000000008*n-.105561342*e-.063854175*r)**3,c=(1.000000055*n-.089484182*e-1.291485538*r)**3,a=1.227013851*o-.55779998*s+.281256149*c,l=-.040580178*o+1.11225687*s-.071676679*c,h=-.076381285*o-.421481978*s+1.58616322*c;return[a*100,l*100,h*100]};i.oklab.rgb=function(t){let n=t[0]/100,e=t[1]/100,r=t[2]/100,o=(n+.3963377774*e+.2158037573*r)**3,s=(n-.1055613458*e-.0638541728*r)**3,c=(n-.0894841775*e-1.291485548*r)**3,a=x(4.0767416621*o-3.3077115913*s+.2309699292*c),l=x(-1.2684380046*o+2.6097574011*s-.3413193965*c),h=x(-.0041960863*o-.7034186147*s+1.707614701*c);return[a*255,l*255,h*255]};i.oklch.oklab=function(t){return i.lch.lab(t)};i.lab.xyz=function(t){let n=t[0],e=t[1],r=t[2],o,s,c;s=(n+16)/116,o=e/500+s,c=s-r/200;let a=s**3,l=o**3,h=c**3;return s=a>w?a:(s-16/116)/7.787,o=l>w?l:(o-16/116)/7.787,c=h>w?h:(c-16/116)/7.787,o*=95.047,s*=100,c*=108.883,[o,s,c]};i.lab.lch=function(t){let n=t[0],e=t[1],r=t[2],o;o=Math.atan2(r,e)*360/2/Math.PI,o<0&&(o+=360);let c=Math.sqrt(e*e+r*r);return[n,c,o]};i.lch.lab=function(t){let n=t[0],e=t[1],o=t[2]/360*2*Math.PI,s=e*Math.cos(o),c=e*Math.sin(o);return[n,s,c]};i.rgb.ansi16=function(t,n=null){let[e,r,o]=t,s=n===null?i.rgb.hsv(t)[2]:n;if(s=Math.round(s/50),s===0)return 30;let c=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(e/255));return s===2&&(c+=60),c};i.hsv.ansi16=function(t){return i.rgb.ansi16(i.hsv.rgb(t),t[2])};i.rgb.ansi256=function(t){let n=t[0],e=t[1],r=t[2];return n>>4===e>>4&&e>>4===r>>4?n<8?16:n>248?231:Math.round((n-8)/247*24)+232:16+36*Math.round(n/255*5)+6*Math.round(e/255*5)+Math.round(r/255*5)};i.ansi16.rgb=function(t){t=t[0];let n=t%10;if(n===0||n===7)return t>50&&(n+=3.5),n=n/10.5*255,[n,n,n];let e=(Math.trunc(t>50)+1)*.5,r=(n&1)*e*255,o=(n>>1&1)*e*255,s=(n>>2&1)*e*255;return[r,o,s]};i.ansi256.rgb=function(t){if(t=t[0],t>=232){let s=(t-232)*10+8;return[s,s,s]}t-=16;let n,e=Math.floor(t/36)/5*255,r=Math.floor((n=t%36)/6)/5*255,o=n%6/5*255;return[e,r,o]};i.rgb.hex=function(t){let e=(((Math.round(t[0])&255)<<16)+((Math.round(t[1])&255)<<8)+(Math.round(t[2])&255)).toString(16).toUpperCase();return"000000".slice(e.length)+e};i.hex.rgb=function(t){let n=t.toString(16).match(/[a-f\d]{6}|[a-f\d]{3}/i);if(!n)return[0,0,0];let e=n[0];n[0].length===3&&(e=[...e].map(a=>a+a).join(""));let r=Number.parseInt(e,16),o=r>>16&255,s=r>>8&255,c=r&255;return[o,s,c]};i.rgb.hcg=function(t){let n=t[0]/255,e=t[1]/255,r=t[2]/255,o=Math.max(Math.max(n,e),r),s=Math.min(Math.min(n,e),r),c=o-s,a,l=c<1?s/(1-c):0;return c<=0?a=0:o===n?a=(e-r)/c%6:o===e?a=2+(r-n)/c:a=4+(n-e)/c,a/=6,a%=1,[a*360,c*100,l*100]};i.hsl.hcg=function(t){let n=t[1]/100,e=t[2]/100,r=e<.5?2*n*e:2*n*(1-e),o=0;return r<1&&(o=(e-.5*r)/(1-r)),[t[0],r*100,o*100]};i.hsv.hcg=function(t){let n=t[1]/100,e=t[2]/100,r=n*e,o=0;return r<1&&(o=(e-r)/(1-r)),[t[0],r*100,o*100]};i.hcg.rgb=function(t){let n=t[0]/360,e=t[1]/100,r=t[2]/100;if(e===0)return[r*255,r*255,r*255];let o=[0,0,0],s=n%1*6,c=s%1,a=1-c,l=0;switch(Math.floor(s)){case 0:{o[0]=1,o[1]=c,o[2]=0;break}case 1:{o[0]=a,o[1]=1,o[2]=0;break}case 2:{o[0]=0,o[1]=1,o[2]=c;break}case 3:{o[0]=0,o[1]=a,o[2]=1;break}case 4:{o[0]=c,o[1]=0,o[2]=1;break}default:o[0]=1,o[1]=0,o[2]=a}return l=(1-e)*r,[(e*o[0]+l)*255,(e*o[1]+l)*255,(e*o[2]+l)*255]};i.hcg.hsv=function(t){let n=t[1]/100,e=t[2]/100,r=n+e*(1-n),o=0;return r>0&&(o=n/r),[t[0],o*100,r*100]};i.hcg.hsl=function(t){let n=t[1]/100,r=t[2]/100*(1-n)+.5*n,o=0;return r>0&&r<.5?o=n/(2*r):r>=.5&&r<1&&(o=n/(2*(1-r))),[t[0],o*100,r*100]};i.hcg.hwb=function(t){let n=t[1]/100,e=t[2]/100,r=n+e*(1-n);return[t[0],(r-n)*100,(1-r)*100]};i.hwb.hcg=function(t){let n=t[1]/100,r=1-t[2]/100,o=r-n,s=0;return o<1&&(s=(r-o)/(1-o)),[t[0],o*100,s*100]};i.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]};i.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]};i.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]};i.gray.hsl=function(t){return[0,0,t[0]]};i.gray.hsv=i.gray.hsl;i.gray.hwb=function(t){return[0,100,t[0]]};i.gray.cmyk=function(t){return[0,0,0,t[0]]};i.gray.lab=function(t){return[t[0],0,0]};i.gray.hex=function(t){let n=Math.round(t[0]/100*255)&255,r=((n<<16)+(n<<8)+n).toString(16).toUpperCase();return"000000".slice(r.length)+r};i.rgb.gray=function(t){return[(t[0]+t[1]+t[2])/3/255*100]};function Z(){let t={},n=Object.keys(S);for(let{length:e}=n,r=0;r<e;r++)t[n[r]]={distance:-1,parent:null};return t}function Q(t){let n=Z(),e=[t];for(n[t].distance=0;e.length>0;){let r=e.pop(),o=Object.keys(S[r]);for(let{length:s}=o,c=0;c<s;c++){let a=o[c],l=n[a];l.distance===-1&&(l.distance=n[r].distance+1,l.parent=r,e.unshift(a))}}return n}function V(t,n){return function(e){return n(t(e))}}function tt(t,n){let e=[n[t].parent,t],r=S[n[t].parent][t],o=n[t].parent;for(;n[o].parent;)e.unshift(n[o].parent),r=V(S[n[o].parent][o],r),o=n[o].parent;return r.conversion=e,r}function nt(t){let n=Q(t),e={},r=Object.keys(n);for(let{length:o}=r,s=0;s<o;s++){let c=r[s];n[c].parent!==null&&(e[c]=tt(c,n))}return e}var G=nt;var F={},et=Object.keys(S);function rt(t){let n=function(...e){let r=e[0];return r==null?r:(r.length>1&&(e=r),t(e))};return"conversion"in t&&(n.conversion=t.conversion),n}function ot(t){let n=function(...e){let r=e[0];if(r==null)return r;r.length>1&&(e=r);let o=t(e);if(typeof o=="object")for(let{length:s}=o,c=0;c<s;c++)o[c]=Math.round(o[c]);return o};return"conversion"in t&&(n.conversion=t.conversion),n}for(let t of et){F[t]={},Object.defineProperty(F[t],"channels",{value:S[t].channels}),Object.defineProperty(F[t],"labels",{value:S[t].labels});let n=G(t),e=Object.keys(n);for(let r of e){let o=n[r];F[t][r]=ot(o),F[t][r].raw=rt(o)}}var m=F;var q=["keyword","gray","hex"],I={};for(let t of Object.keys(m))I[[...m[t].labels].sort().join("")]=t;var L={};function p(t,n){if(!(this instanceof p))return new p(t,n);if(n&&n in q&&(n=null),n&&!(n in m))throw new Error("Unknown model: "+n);let e,r;if(t==null)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(t instanceof p)this.model=t.model,this.color=[...t.color],this.valpha=t.valpha;else if(typeof t=="string"){let o=M.get(t);if(o===null)throw new Error("Unable to parse color from string: "+t);this.model=o.model,r=m[this.model].channels,this.color=o.value.slice(0,r),this.valpha=typeof o.value[r]=="number"?o.value[r]:1}else if(t.length>0){this.model=n||"rgb",r=m[this.model].channels;let o=Array.prototype.slice.call(t,0,r);this.color=O(o,r),this.valpha=typeof t[r]=="number"?t[r]:1}else if(typeof t=="number")this.model="rgb",this.color=[t>>16&255,t>>8&255,t&255],this.valpha=1;else{this.valpha=1;let o=Object.keys(t);"alpha"in t&&(o.splice(o.indexOf("alpha"),1),this.valpha=typeof t.alpha=="number"?t.alpha:0);let s=o.sort().join("");if(!(s in I))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=I[s];let{labels:c}=m[this.model],a=[];for(e=0;e<c.length;e++)a.push(t[c[e]]);this.color=O(a)}if(L[this.model])for(r=m[this.model].channels,e=0;e<r;e++){let o=L[this.model][e];o&&(this.color[e]=o(this.color[e]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}p.prototype={toString(){return this.string()},toJSON(){return this[this.model]()},string(t){let n=this.model in M.to?this:this.rgb();n=n.round(typeof t=="number"?t:1);let e=n.valpha===1?n.color:[...n.color,this.valpha];return M.to[n.model](...e)},percentString(t){let n=this.rgb().round(typeof t=="number"?t:1),e=n.valpha===1?n.color:[...n.color,this.valpha];return M.to.rgb.percent(...e)},array(){return this.valpha===1?[...this.color]:[...this.color,this.valpha]},object(){let t={},{channels:n}=m[this.model],{labels:e}=m[this.model];for(let r=0;r<n;r++)t[e[r]]=this.color[r];return this.valpha!==1&&(t.alpha=this.valpha),t},unitArray(){let t=this.rgb().color;return t[0]/=255,t[1]/=255,t[2]/=255,this.valpha!==1&&t.push(this.valpha),t},unitObject(){let t=this.rgb().object();return t.r/=255,t.g/=255,t.b/=255,this.valpha!==1&&(t.alpha=this.valpha),t},round(t){return t=Math.max(t||0,0),new p([...this.color.map(ct(t)),this.valpha],this.model)},alpha(t){return t!==void 0?new p([...this.color,Math.max(0,Math.min(1,t))],this.model):this.valpha},red:u("rgb",0,b(255)),green:u("rgb",1,b(255)),blue:u("rgb",2,b(255)),hue:u(["hsl","hsv","hsl","hwb","hcg"],0,t=>(t%360+360)%360),saturationl:u("hsl",1,b(100)),lightness:u("hsl",2,b(100)),saturationv:u("hsv",1,b(100)),value:u("hsv",2,b(100)),chroma:u("hcg",1,b(100)),gray:u("hcg",2,b(100)),white:u("hwb",1,b(100)),wblack:u("hwb",2,b(100)),cyan:u("cmyk",0,b(100)),magenta:u("cmyk",1,b(100)),yellow:u("cmyk",2,b(100)),black:u("cmyk",3,b(100)),x:u("xyz",0,b(95.047)),y:u("xyz",1,b(100)),z:u("xyz",2,b(108.833)),l:u("lab",0,b(100)),a:u("lab",1),b:u("lab",2),keyword(t){return t!==void 0?new p(t):m[this.model].keyword(this.color)},hex(t){return t!==void 0?new p(t):M.to.hex(...this.rgb().round().color)},hexa(t){if(t!==void 0)return new p(t);let n=this.rgb().round().color,e=Math.round(this.valpha*255).toString(16).toUpperCase();return e.length===1&&(e="0"+e),M.to.hex(...n)+e},rgbNumber(){let t=this.rgb().color;return(t[0]&255)<<16|(t[1]&255)<<8|t[2]&255},luminosity(){let t=this.rgb().color,n=[];for(let[e,r]of t.entries()){let o=r/255;n[e]=o<=.04045?o/12.92:((o+.055)/1.055)**2.4}return .2126*n[0]+.7152*n[1]+.0722*n[2]},contrast(t){let n=this.luminosity(),e=t.luminosity();return n>e?(n+.05)/(e+.05):(e+.05)/(n+.05)},level(t){let n=this.contrast(t);return n>=7?"AAA":n>=4.5?"AA":""},isDark(){let t=this.rgb().color;return(t[0]*2126+t[1]*7152+t[2]*722)/1e4<128},isLight(){return!this.isDark()},negate(){let t=this.rgb();for(let n=0;n<3;n++)t.color[n]=255-t.color[n];return t},lighten(t){let n=this.hsl();return n.color[2]+=n.color[2]*t,n},darken(t){let n=this.hsl();return n.color[2]-=n.color[2]*t,n},saturate(t){let n=this.hsl();return n.color[1]+=n.color[1]*t,n},desaturate(t){let n=this.hsl();return n.color[1]-=n.color[1]*t,n},whiten(t){let n=this.hwb();return n.color[1]+=n.color[1]*t,n},blacken(t){let n=this.hwb();return n.color[2]+=n.color[2]*t,n},grayscale(){let t=this.rgb().color,n=t[0]*.3+t[1]*.59+t[2]*.11;return p.rgb(n,n,n)},fade(t){return this.alpha(this.valpha-this.valpha*t)},opaquer(t){return this.alpha(this.valpha+this.valpha*t)},rotate(t){let n=this.hsl(),e=n.color[0];return e=(e+t)%360,e=e<0?360+e:e,n.color[0]=e,n},mix(t,n){if(!t||!t.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t);let e=t.rgb(),r=this.rgb(),o=n===void 0?.5:n,s=2*o-1,c=e.alpha()-r.alpha(),a=((s*c===-1?s:(s+c)/(1+s*c))+1)/2,l=1-a;return p.rgb(a*e.red()+l*r.red(),a*e.green()+l*r.green(),a*e.blue()+l*r.blue(),e.alpha()*o+r.alpha()*(1-o))}};for(let t of Object.keys(m)){if(q.includes(t))continue;let{channels:n}=m[t];p.prototype[t]=function(...e){return this.model===t?new p(this):e.length>0?new p(e,t):new p([...at(m[this.model][t].raw(this.color)),this.valpha],t)},p[t]=function(...e){let r=e[0];return typeof r=="number"&&(r=O(e,n)),new p(r,t)}}function st(t,n){return Number(t.toFixed(n))}function ct(t){return function(n){return st(n,t)}}function u(t,n,e){t=Array.isArray(t)?t:[t];for(let r of t)(L[r]||=[])[n]=e;return t=t[0],function(r){let o;return r!==void 0?(e&&(r=e(r)),o=this[t](),o.color[n]=r,o):(o=this[t]().color[n],e&&(o=e(o)),o)}}function b(t){return function(n){return Math.max(0,Math.min(t,n))}}function at(t){return Array.isArray(t)?t:[t]}function O(t,n){for(let e=0;e<n;e++)typeof t[e]!="number"&&(t[e]=0);return t}var W=p;var It={channel:"channel",channels:"channels",colorField:"color-field",colorFieldScope:"scope--color-field",colorMode:"color-mode",colorModeContainer:"color-mode-container",container:"container",control:"control",controlAndScope:"control-and-scope",controlSection:"control-section",deleteColor:"delete-color",header:"header",hexAndChannelsGroup:"hex-and-channels-group",hexOptions:"color-hex-options",hueScope:"scope--hue",hueSlider:"hue-slider",opacityScope:"scope--opacity",opacitySlider:"opacity-slider",preview:"preview",previewAndSliders:"preview-and-sliders",saveColor:"save-color",savedColor:"saved-color",savedColors:"saved-colors",savedColorsButtons:"saved-colors-buttons",savedColorsSection:"saved-colors-section",scope:"scope",section:"section",slider:"slider",sliders:"sliders",splitSection:"section--split"},Lt=W("#007AC2"),Ot="calcite-color-",zt={r:255,g:255,b:255},lt={h:360,s:100,v:100},Et=lt.h-1,Rt={min:0,max:100},it={s:{gap:parseInt(E),slider:{height:12},thumb:{radius:7},preview:{size:20},minWidth:200},m:{gap:parseInt(R),slider:{height:12},thumb:{radius:7},preview:{size:24},minWidth:240},l:{gap:parseInt($),slider:{height:12},thumb:{radius:7},preview:{size:32},minWidth:304}},$t=1,Bt=/^[0-9A-F]$/i,ht=/^#[0-9A-F]{3}$/i,ut=/^#[0-9A-F]{6}$/i,ft=/^#[0-9A-F]{4}$/i,dt=/^#[0-9A-F]{8}$/i,Tt=t=>Number((t*100).toFixed()),Gt=t=>Number((t/100).toFixed(2));function j(t,n=!1){return z(t,n)||bt(t,n)}function D(t,n,e){return t?t.length===n&&e.test(t):!1}function z(t,n=!1){return D(t,n?5:4,n?ft:ht)}function bt(t,n=!1){return D(t,n?9:7,n?dt:ut)}function qt(t,n=!1,e=!1){if(t=t.toLowerCase(),t.startsWith("#")||(t=`#${t}`),z(t,n))return P(X(t,n));if(n&&e&&j(t,!1)){let r=z(t,!1);return P(X(`${t}${r?"f":"ff"}`,!0))}return t}function Wt(t,n=!1){return n?t.hexa():t.hex()}function P(t){let{r:n,g:e,b:r}=t,o=N(n),s=N(e),c=N(r),a="a"in t?N(t.a*255):"";return`#${o}${s}${c}${a}`.toLowerCase()}function N(t){return t.toString(16).padStart(2,"0")}function Pt(t){let n={...t,a:t.alpha??1};return delete n.alpha,n}function Xt(t){let n={...t,alpha:t.a??1};return delete n.a,n}function X(t,n=!1){if(!j(t,n))return null;t=t.replace("#","");let e,r,o,s;if(t.length===3||t.length===4){let[a,l,h,_]=t.split("");e=parseInt(`${a}${a}`,16),r=parseInt(`${l}${l}`,16),o=parseInt(`${h}${h}`,16),s=parseInt(`${_}${_}`,16)/255}else e=parseInt(t.slice(0,2),16),r=parseInt(t.slice(2,4),16),o=parseInt(t.slice(4,6),16),s=parseInt(t.slice(6,8),16)/255;return isNaN(s)?{r:e,g:r,b:o}:{r:e,g:r,b:o,a:s}}var U=t=>t,f=U({HEX:"hex",HEXA:"hexa",RGB_CSS:"rgb-css",RGBA_CSS:"rgba-css",HSL_CSS:"hsl-css",HSLA_CSS:"hsla-css"}),d=U({RGB:"rgb",RGBA:"rgba",HSL:"hsl",HSLA:"hsla",HSV:"hsv",HSVA:"hsva"});function jt(t){if(typeof t=="string"){if(t.startsWith("#")){let{length:n}=t;if(n===4||n===7)return f.HEX;if(n===5||n===9)return f.HEXA}if(t.startsWith("rgba("))return f.RGBA_CSS;if(t.startsWith("rgb("))return f.RGB_CSS;if(t.startsWith("hsl("))return f.HSL_CSS;if(t.startsWith("hsla("))return f.HSLA_CSS}if(typeof t=="object"){if(C(t,"r","g","b"))return C(t,"a")?d.RGBA:d.RGB;if(C(t,"h","s","l"))return C(t,"a")?d.HSLA:d.HSL;if(C(t,"h","s","v"))return C(t,"a")?d.HSVA:d.HSV}return null}function C(t,...n){return n.every(e=>e&&t&&`${e}`in t)}function Dt(t,n){return t?.rgb().array().toString()===n?.rgb().array().toString()}function Ut(t){return t===f.HEXA||t===f.RGBA_CSS||t===f.HSLA_CSS||t===d.RGBA||t===d.HSLA||t===d.HSVA}function Kt(t){return t===f.HEX?f.HEXA:t===f.RGB_CSS?f.RGBA_CSS:t===f.HSL_CSS?f.HSLA_CSS:t===d.RGB?d.RGBA:t===d.HSL?d.HSLA:t===d.HSV?d.HSVA:t}function Yt(t){return t===f.HEXA?f.HEX:t===f.RGBA_CSS?f.RGB_CSS:t===f.HSLA_CSS?f.HSL_CSS:t===d.RGBA?d.RGB:t===d.HSLA?d.HSL:t===d.HSVA?d.HSV:t}var pt=1,K=pt*2;function Jt(t,n,e){let r=e?it.l.preview.size:n.preview.size,o=t-K,s=n.gap*3;return Math.max(o-s-r,0)}function Zt(t){let e=t-K;return{width:Math.max(e,0),height:Math.max(Math.floor(e/1.8),0)}}export{W as a,It as b,Lt as c,Ot as d,zt as e,lt as f,Et as g,Rt as h,it as i,$t as j,Bt as k,Tt as l,Gt as m,j as n,z as o,bt as p,qt as q,Wt as r,P as s,Pt as t,Xt as u,X as v,f as w,jt as x,Dt as y,Ut as z,Kt as A,Yt as B,Jt as C,Zt as D};
|
|
3
|
+
v3.3.0-next.22 */
|
|
4
|
+
import{e as E,f as R,g as $}from"./B2LPMRAX.js";var y={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};var B=Object.create(null);for(let t in y)Object.hasOwn(y,t)&&(B[y[t]]=t);var g={to:{},get:{}};g.get=function(t){let n=t.slice(0,3).toLowerCase(),e,r;switch(n){case"hsl":{e=g.get.hsl(t),r="hsl";break}case"hwb":{e=g.get.hwb(t),r="hwb";break}default:{e=g.get.rgb(t),r="rgb";break}}return e?{model:r,value:e}:null};g.get.rgb=function(t){if(!t)return null;let n=/^#([a-f\d]{3,4})$/i,e=/^#([a-f\d]{6})([a-f\d]{2})?$/i,r=/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|/]\s*([+-]?[\d.]+)(%?)\s*)?\)$/,o=/^rgba?\(\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*(?:[,|/]\s*([+-]?[\d.]+)(%?)\s*)?\)$/,s=/^(\w+)$/,c=[0,0,0,1],a,l,h;if(a=t.match(e)){for(h=a[2],a=a[1],l=0;l<3;l++){let _=l*2;c[l]=Number.parseInt(a.slice(_,_+2),16)}h&&(c[3]=Number.parseInt(h,16)/255)}else if(a=t.match(n)){for(a=a[1],h=a[3],l=0;l<3;l++)c[l]=Number.parseInt(a[l]+a[l],16);h&&(c[3]=Number.parseInt(h+h,16)/255)}else if(a=t.match(r)){for(l=0;l<3;l++)c[l]=Number.parseInt(a[l+1],10);a[4]&&(c[3]=a[5]?Number.parseFloat(a[4])*.01:Number.parseFloat(a[4]))}else if(a=t.match(o)){for(l=0;l<3;l++)c[l]=Math.round(Number.parseFloat(a[l+1])*2.55);a[4]&&(c[3]=a[5]?Number.parseFloat(a[4])*.01:Number.parseFloat(a[4]))}else return(a=t.match(s))?a[1]==="transparent"?[0,0,0,0]:Object.hasOwn(y,a[1])?(c=y[a[1]],c[3]=1,c):null:null;for(l=0;l<3;l++)c[l]=k(c[l],0,255);return c[3]=k(c[3],0,1),c};g.get.hsl=function(t){if(!t)return null;let n=/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*(?:[,|/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/,e=t.match(n);if(e){let r=Number.parseFloat(e[4]),o=(Number.parseFloat(e[1])%360+360)%360,s=k(Number.parseFloat(e[2]),0,100),c=k(Number.parseFloat(e[3]),0,100),a=k(Number.isNaN(r)?1:r,0,1);return[o,s,c,a]}return null};g.get.hwb=function(t){if(!t)return null;let n=/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d.]+)%\s*,\s*([+-]?[\d.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/,e=t.match(n);if(e){let r=Number.parseFloat(e[4]),o=(Number.parseFloat(e[1])%360+360)%360,s=k(Number.parseFloat(e[2]),0,100),c=k(Number.parseFloat(e[3]),0,100),a=k(Number.isNaN(r)?1:r,0,1);return[o,s,c,a]}return null};g.to.hex=function(...t){return"#"+H(t[0])+H(t[1])+H(t[2])+(t[3]<1?H(Math.round(t[3]*255)):"")};g.to.rgb=function(...t){return t.length<4||t[3]===1?"rgb("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+")":"rgba("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+", "+t[3]+")"};g.to.rgb.percent=function(...t){let n=Math.round(t[0]/255*100),e=Math.round(t[1]/255*100),r=Math.round(t[2]/255*100);return t.length<4||t[3]===1?"rgb("+n+"%, "+e+"%, "+r+"%)":"rgba("+n+"%, "+e+"%, "+r+"%, "+t[3]+")"};g.to.hsl=function(...t){return t.length<4||t[3]===1?"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)":"hsla("+t[0]+", "+t[1]+"%, "+t[2]+"%, "+t[3]+")"};g.to.hwb=function(...t){let n="";return t.length>=4&&t[3]!==1&&(n=", "+t[3]),"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+n+")"};g.to.keyword=function(...t){return B[t.slice(0,3)]};function k(t,n,e){return Math.min(Math.max(n,t),e)}function H(t){let n=Math.round(t).toString(16).toUpperCase();return n.length<2?"0"+n:n}var M=g;var T={};for(let t of Object.keys(y))T[y[t]]=t;var i={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},oklab:{channels:3,labels:["okl","oka","okb"]},lch:{channels:3,labels:"lch"},oklch:{channels:3,labels:["okl","okc","okh"]},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}},S=i,w=(6/29)**3;function x(t){let n=t>.0031308?1.055*t**.4166666666666667-.055:t*12.92;return Math.min(Math.max(0,n),1)}function A(t){return t>.04045?((t+.055)/1.055)**2.4:t/12.92}for(let t of Object.keys(i)){if(!("channels"in i[t]))throw new Error("missing channels property: "+t);if(!("labels"in i[t]))throw new Error("missing channel labels property: "+t);if(i[t].labels.length!==i[t].channels)throw new Error("channel and label counts mismatch: "+t);let{channels:n,labels:e}=i[t];delete i[t].channels,delete i[t].labels,Object.defineProperty(i[t],"channels",{value:n}),Object.defineProperty(i[t],"labels",{value:e})}i.rgb.hsl=function(t){let n=t[0]/255,e=t[1]/255,r=t[2]/255,o=Math.min(n,e,r),s=Math.max(n,e,r),c=s-o,a,l;switch(s){case o:{a=0;break}case n:{a=(e-r)/c;break}case e:{a=2+(r-n)/c;break}case r:{a=4+(n-e)/c;break}}a=Math.min(a*60,360),a<0&&(a+=360);let h=(o+s)/2;return s===o?l=0:h<=.5?l=c/(s+o):l=c/(2-s-o),[a,l*100,h*100]};i.rgb.hsv=function(t){let n,e,r,o,s,c=t[0]/255,a=t[1]/255,l=t[2]/255,h=Math.max(c,a,l),_=h-Math.min(c,a,l),v=function(Y){return(h-Y)/6/_+1/2};if(_===0)o=0,s=0;else{switch(s=_/h,n=v(c),e=v(a),r=v(l),h){case c:{o=r-e;break}case a:{o=1/3+n-r;break}case l:{o=2/3+e-n;break}}o<0?o+=1:o>1&&(o-=1)}return[o*360,s*100,h*100]};i.rgb.hwb=function(t){let n=t[0],e=t[1],r=t[2],o=i.rgb.hsl(t)[0],s=1/255*Math.min(n,Math.min(e,r));return r=1-1/255*Math.max(n,Math.max(e,r)),[o,s*100,r*100]};i.rgb.oklab=function(t){let n=A(t[0]/255),e=A(t[1]/255),r=A(t[2]/255),o=Math.cbrt(.4122214708*n+.5363325363*e+.0514459929*r),s=Math.cbrt(.2119034982*n+.6806995451*e+.1073969566*r),c=Math.cbrt(.0883024619*n+.2817188376*e+.6299787005*r),a=.2104542553*o+.793617785*s-.0040720468*c,l=1.9779984951*o-2.428592205*s+.4505937099*c,h=.0259040371*o+.7827717662*s-.808675766*c;return[a*100,l*100,h*100]};i.rgb.cmyk=function(t){let n=t[0]/255,e=t[1]/255,r=t[2]/255,o=Math.min(1-n,1-e,1-r),s=(1-n-o)/(1-o)||0,c=(1-e-o)/(1-o)||0,a=(1-r-o)/(1-o)||0;return[s*100,c*100,a*100,o*100]};function J(t,n){return(t[0]-n[0])**2+(t[1]-n[1])**2+(t[2]-n[2])**2}i.rgb.keyword=function(t){let n=T[t];if(n)return n;let e=Number.POSITIVE_INFINITY,r;for(let o of Object.keys(y)){let s=y[o],c=J(t,s);c<e&&(e=c,r=o)}return r};i.keyword.rgb=function(t){return y[t]};i.rgb.xyz=function(t){let n=A(t[0]/255),e=A(t[1]/255),r=A(t[2]/255),o=n*.4124564+e*.3575761+r*.1804375,s=n*.2126729+e*.7151522+r*.072175,c=n*.0193339+e*.119192+r*.9503041;return[o*100,s*100,c*100]};i.rgb.lab=function(t){let n=i.rgb.xyz(t),e=n[0],r=n[1],o=n[2];e/=95.047,r/=100,o/=108.883,e=e>w?e**(1/3):7.787*e+16/116,r=r>w?r**(1/3):7.787*r+16/116,o=o>w?o**(1/3):7.787*o+16/116;let s=116*r-16,c=500*(e-r),a=200*(r-o);return[s,c,a]};i.hsl.rgb=function(t){let n=t[0]/360,e=t[1]/100,r=t[2]/100,o,s;if(e===0)return s=r*255,[s,s,s];let c=r<.5?r*(1+e):r+e-r*e,a=2*r-c,l=[0,0,0];for(let h=0;h<3;h++)o=n+1/3*-(h-1),o<0&&o++,o>1&&o--,6*o<1?s=a+(c-a)*6*o:2*o<1?s=c:3*o<2?s=a+(c-a)*(2/3-o)*6:s=a,l[h]=s*255;return l};i.hsl.hsv=function(t){let n=t[0],e=t[1]/100,r=t[2]/100,o=e,s=Math.max(r,.01);r*=2,e*=r<=1?r:2-r,o*=s<=1?s:2-s;let c=(r+e)/2,a=r===0?2*o/(s+o):2*e/(r+e);return[n,a*100,c*100]};i.hsv.rgb=function(t){let n=t[0]/60,e=t[1]/100,r=t[2]/100,o=Math.floor(n)%6,s=n-Math.floor(n),c=255*r*(1-e),a=255*r*(1-e*s),l=255*r*(1-e*(1-s));switch(r*=255,o){case 0:return[r,l,c];case 1:return[a,r,c];case 2:return[c,r,l];case 3:return[c,a,r];case 4:return[l,c,r];case 5:return[r,c,a]}};i.hsv.hsl=function(t){let n=t[0],e=t[1]/100,r=t[2]/100,o=Math.max(r,.01),s,c;c=(2-e)*r;let a=(2-e)*o;return s=e*o,s/=a<=1?a:2-a,s=s||0,c/=2,[n,s*100,c*100]};i.hwb.rgb=function(t){let n=t[0]/360,e=t[1]/100,r=t[2]/100,o=e+r,s;o>1&&(e/=o,r/=o);let c=Math.floor(6*n),a=1-r;s=6*n-c,(c&1)!==0&&(s=1-s);let l=e+s*(a-e),h,_,v;switch(c){default:case 6:case 0:{h=a,_=l,v=e;break}case 1:{h=l,_=a,v=e;break}case 2:{h=e,_=a,v=l;break}case 3:{h=e,_=l,v=a;break}case 4:{h=l,_=e,v=a;break}case 5:{h=a,_=e,v=l;break}}return[h*255,_*255,v*255]};i.cmyk.rgb=function(t){let n=t[0]/100,e=t[1]/100,r=t[2]/100,o=t[3]/100,s=1-Math.min(1,n*(1-o)+o),c=1-Math.min(1,e*(1-o)+o),a=1-Math.min(1,r*(1-o)+o);return[s*255,c*255,a*255]};i.xyz.rgb=function(t){let n=t[0]/100,e=t[1]/100,r=t[2]/100,o,s,c;return o=n*3.2404542+e*-1.5371385+r*-.4985314,s=n*-.969266+e*1.8760108+r*.041556,c=n*.0556434+e*-.2040259+r*1.0572252,o=x(o),s=x(s),c=x(c),[o*255,s*255,c*255]};i.xyz.lab=function(t){let n=t[0],e=t[1],r=t[2];n/=95.047,e/=100,r/=108.883,n=n>w?n**(1/3):7.787*n+16/116,e=e>w?e**(1/3):7.787*e+16/116,r=r>w?r**(1/3):7.787*r+16/116;let o=116*e-16,s=500*(n-e),c=200*(e-r);return[o,s,c]};i.xyz.oklab=function(t){let n=t[0]/100,e=t[1]/100,r=t[2]/100,o=Math.cbrt(.8189330101*n+.3618667424*e-.1288597137*r),s=Math.cbrt(.0329845436*n+.9293118715*e+.0361456387*r),c=Math.cbrt(.0482003018*n+.2643662691*e+.633851707*r),a=.2104542553*o+.793617785*s-.0040720468*c,l=1.9779984951*o-2.428592205*s+.4505937099*c,h=.0259040371*o+.7827717662*s-.808675766*c;return[a*100,l*100,h*100]};i.oklab.oklch=function(t){return i.lab.lch(t)};i.oklab.xyz=function(t){let n=t[0]/100,e=t[1]/100,r=t[2]/100,o=(.999999998*n+.396337792*e+.215803758*r)**3,s=(1.000000008*n-.105561342*e-.063854175*r)**3,c=(1.000000055*n-.089484182*e-1.291485538*r)**3,a=1.227013851*o-.55779998*s+.281256149*c,l=-.040580178*o+1.11225687*s-.071676679*c,h=-.076381285*o-.421481978*s+1.58616322*c;return[a*100,l*100,h*100]};i.oklab.rgb=function(t){let n=t[0]/100,e=t[1]/100,r=t[2]/100,o=(n+.3963377774*e+.2158037573*r)**3,s=(n-.1055613458*e-.0638541728*r)**3,c=(n-.0894841775*e-1.291485548*r)**3,a=x(4.0767416621*o-3.3077115913*s+.2309699292*c),l=x(-1.2684380046*o+2.6097574011*s-.3413193965*c),h=x(-.0041960863*o-.7034186147*s+1.707614701*c);return[a*255,l*255,h*255]};i.oklch.oklab=function(t){return i.lch.lab(t)};i.lab.xyz=function(t){let n=t[0],e=t[1],r=t[2],o,s,c;s=(n+16)/116,o=e/500+s,c=s-r/200;let a=s**3,l=o**3,h=c**3;return s=a>w?a:(s-16/116)/7.787,o=l>w?l:(o-16/116)/7.787,c=h>w?h:(c-16/116)/7.787,o*=95.047,s*=100,c*=108.883,[o,s,c]};i.lab.lch=function(t){let n=t[0],e=t[1],r=t[2],o;o=Math.atan2(r,e)*360/2/Math.PI,o<0&&(o+=360);let c=Math.sqrt(e*e+r*r);return[n,c,o]};i.lch.lab=function(t){let n=t[0],e=t[1],o=t[2]/360*2*Math.PI,s=e*Math.cos(o),c=e*Math.sin(o);return[n,s,c]};i.rgb.ansi16=function(t,n=null){let[e,r,o]=t,s=n===null?i.rgb.hsv(t)[2]:n;if(s=Math.round(s/50),s===0)return 30;let c=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(e/255));return s===2&&(c+=60),c};i.hsv.ansi16=function(t){return i.rgb.ansi16(i.hsv.rgb(t),t[2])};i.rgb.ansi256=function(t){let n=t[0],e=t[1],r=t[2];return n>>4===e>>4&&e>>4===r>>4?n<8?16:n>248?231:Math.round((n-8)/247*24)+232:16+36*Math.round(n/255*5)+6*Math.round(e/255*5)+Math.round(r/255*5)};i.ansi16.rgb=function(t){t=t[0];let n=t%10;if(n===0||n===7)return t>50&&(n+=3.5),n=n/10.5*255,[n,n,n];let e=(Math.trunc(t>50)+1)*.5,r=(n&1)*e*255,o=(n>>1&1)*e*255,s=(n>>2&1)*e*255;return[r,o,s]};i.ansi256.rgb=function(t){if(t=t[0],t>=232){let s=(t-232)*10+8;return[s,s,s]}t-=16;let n,e=Math.floor(t/36)/5*255,r=Math.floor((n=t%36)/6)/5*255,o=n%6/5*255;return[e,r,o]};i.rgb.hex=function(t){let e=(((Math.round(t[0])&255)<<16)+((Math.round(t[1])&255)<<8)+(Math.round(t[2])&255)).toString(16).toUpperCase();return"000000".slice(e.length)+e};i.hex.rgb=function(t){let n=t.toString(16).match(/[a-f\d]{6}|[a-f\d]{3}/i);if(!n)return[0,0,0];let e=n[0];n[0].length===3&&(e=[...e].map(a=>a+a).join(""));let r=Number.parseInt(e,16),o=r>>16&255,s=r>>8&255,c=r&255;return[o,s,c]};i.rgb.hcg=function(t){let n=t[0]/255,e=t[1]/255,r=t[2]/255,o=Math.max(Math.max(n,e),r),s=Math.min(Math.min(n,e),r),c=o-s,a,l=c<1?s/(1-c):0;return c<=0?a=0:o===n?a=(e-r)/c%6:o===e?a=2+(r-n)/c:a=4+(n-e)/c,a/=6,a%=1,[a*360,c*100,l*100]};i.hsl.hcg=function(t){let n=t[1]/100,e=t[2]/100,r=e<.5?2*n*e:2*n*(1-e),o=0;return r<1&&(o=(e-.5*r)/(1-r)),[t[0],r*100,o*100]};i.hsv.hcg=function(t){let n=t[1]/100,e=t[2]/100,r=n*e,o=0;return r<1&&(o=(e-r)/(1-r)),[t[0],r*100,o*100]};i.hcg.rgb=function(t){let n=t[0]/360,e=t[1]/100,r=t[2]/100;if(e===0)return[r*255,r*255,r*255];let o=[0,0,0],s=n%1*6,c=s%1,a=1-c,l=0;switch(Math.floor(s)){case 0:{o[0]=1,o[1]=c,o[2]=0;break}case 1:{o[0]=a,o[1]=1,o[2]=0;break}case 2:{o[0]=0,o[1]=1,o[2]=c;break}case 3:{o[0]=0,o[1]=a,o[2]=1;break}case 4:{o[0]=c,o[1]=0,o[2]=1;break}default:o[0]=1,o[1]=0,o[2]=a}return l=(1-e)*r,[(e*o[0]+l)*255,(e*o[1]+l)*255,(e*o[2]+l)*255]};i.hcg.hsv=function(t){let n=t[1]/100,e=t[2]/100,r=n+e*(1-n),o=0;return r>0&&(o=n/r),[t[0],o*100,r*100]};i.hcg.hsl=function(t){let n=t[1]/100,r=t[2]/100*(1-n)+.5*n,o=0;return r>0&&r<.5?o=n/(2*r):r>=.5&&r<1&&(o=n/(2*(1-r))),[t[0],o*100,r*100]};i.hcg.hwb=function(t){let n=t[1]/100,e=t[2]/100,r=n+e*(1-n);return[t[0],(r-n)*100,(1-r)*100]};i.hwb.hcg=function(t){let n=t[1]/100,r=1-t[2]/100,o=r-n,s=0;return o<1&&(s=(r-o)/(1-o)),[t[0],o*100,s*100]};i.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]};i.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]};i.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]};i.gray.hsl=function(t){return[0,0,t[0]]};i.gray.hsv=i.gray.hsl;i.gray.hwb=function(t){return[0,100,t[0]]};i.gray.cmyk=function(t){return[0,0,0,t[0]]};i.gray.lab=function(t){return[t[0],0,0]};i.gray.hex=function(t){let n=Math.round(t[0]/100*255)&255,r=((n<<16)+(n<<8)+n).toString(16).toUpperCase();return"000000".slice(r.length)+r};i.rgb.gray=function(t){return[(t[0]+t[1]+t[2])/3/255*100]};function Z(){let t={},n=Object.keys(S);for(let{length:e}=n,r=0;r<e;r++)t[n[r]]={distance:-1,parent:null};return t}function Q(t){let n=Z(),e=[t];for(n[t].distance=0;e.length>0;){let r=e.pop(),o=Object.keys(S[r]);for(let{length:s}=o,c=0;c<s;c++){let a=o[c],l=n[a];l.distance===-1&&(l.distance=n[r].distance+1,l.parent=r,e.unshift(a))}}return n}function V(t,n){return function(e){return n(t(e))}}function tt(t,n){let e=[n[t].parent,t],r=S[n[t].parent][t],o=n[t].parent;for(;n[o].parent;)e.unshift(n[o].parent),r=V(S[n[o].parent][o],r),o=n[o].parent;return r.conversion=e,r}function nt(t){let n=Q(t),e={},r=Object.keys(n);for(let{length:o}=r,s=0;s<o;s++){let c=r[s];n[c].parent!==null&&(e[c]=tt(c,n))}return e}var G=nt;var F={},et=Object.keys(S);function rt(t){let n=function(...e){let r=e[0];return r==null?r:(r.length>1&&(e=r),t(e))};return"conversion"in t&&(n.conversion=t.conversion),n}function ot(t){let n=function(...e){let r=e[0];if(r==null)return r;r.length>1&&(e=r);let o=t(e);if(typeof o=="object")for(let{length:s}=o,c=0;c<s;c++)o[c]=Math.round(o[c]);return o};return"conversion"in t&&(n.conversion=t.conversion),n}for(let t of et){F[t]={},Object.defineProperty(F[t],"channels",{value:S[t].channels}),Object.defineProperty(F[t],"labels",{value:S[t].labels});let n=G(t),e=Object.keys(n);for(let r of e){let o=n[r];F[t][r]=ot(o),F[t][r].raw=rt(o)}}var m=F;var q=["keyword","gray","hex"],I={};for(let t of Object.keys(m))I[[...m[t].labels].sort().join("")]=t;var L={};function p(t,n){if(!(this instanceof p))return new p(t,n);if(n&&n in q&&(n=null),n&&!(n in m))throw new Error("Unknown model: "+n);let e,r;if(t==null)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(t instanceof p)this.model=t.model,this.color=[...t.color],this.valpha=t.valpha;else if(typeof t=="string"){let o=M.get(t);if(o===null)throw new Error("Unable to parse color from string: "+t);this.model=o.model,r=m[this.model].channels,this.color=o.value.slice(0,r),this.valpha=typeof o.value[r]=="number"?o.value[r]:1}else if(t.length>0){this.model=n||"rgb",r=m[this.model].channels;let o=Array.prototype.slice.call(t,0,r);this.color=O(o,r),this.valpha=typeof t[r]=="number"?t[r]:1}else if(typeof t=="number")this.model="rgb",this.color=[t>>16&255,t>>8&255,t&255],this.valpha=1;else{this.valpha=1;let o=Object.keys(t);"alpha"in t&&(o.splice(o.indexOf("alpha"),1),this.valpha=typeof t.alpha=="number"?t.alpha:0);let s=o.sort().join("");if(!(s in I))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=I[s];let{labels:c}=m[this.model],a=[];for(e=0;e<c.length;e++)a.push(t[c[e]]);this.color=O(a)}if(L[this.model])for(r=m[this.model].channels,e=0;e<r;e++){let o=L[this.model][e];o&&(this.color[e]=o(this.color[e]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}p.prototype={toString(){return this.string()},toJSON(){return this[this.model]()},string(t){let n=this.model in M.to?this:this.rgb();n=n.round(typeof t=="number"?t:1);let e=n.valpha===1?n.color:[...n.color,this.valpha];return M.to[n.model](...e)},percentString(t){let n=this.rgb().round(typeof t=="number"?t:1),e=n.valpha===1?n.color:[...n.color,this.valpha];return M.to.rgb.percent(...e)},array(){return this.valpha===1?[...this.color]:[...this.color,this.valpha]},object(){let t={},{channels:n}=m[this.model],{labels:e}=m[this.model];for(let r=0;r<n;r++)t[e[r]]=this.color[r];return this.valpha!==1&&(t.alpha=this.valpha),t},unitArray(){let t=this.rgb().color;return t[0]/=255,t[1]/=255,t[2]/=255,this.valpha!==1&&t.push(this.valpha),t},unitObject(){let t=this.rgb().object();return t.r/=255,t.g/=255,t.b/=255,this.valpha!==1&&(t.alpha=this.valpha),t},round(t){return t=Math.max(t||0,0),new p([...this.color.map(ct(t)),this.valpha],this.model)},alpha(t){return t!==void 0?new p([...this.color,Math.max(0,Math.min(1,t))],this.model):this.valpha},red:u("rgb",0,b(255)),green:u("rgb",1,b(255)),blue:u("rgb",2,b(255)),hue:u(["hsl","hsv","hsl","hwb","hcg"],0,t=>(t%360+360)%360),saturationl:u("hsl",1,b(100)),lightness:u("hsl",2,b(100)),saturationv:u("hsv",1,b(100)),value:u("hsv",2,b(100)),chroma:u("hcg",1,b(100)),gray:u("hcg",2,b(100)),white:u("hwb",1,b(100)),wblack:u("hwb",2,b(100)),cyan:u("cmyk",0,b(100)),magenta:u("cmyk",1,b(100)),yellow:u("cmyk",2,b(100)),black:u("cmyk",3,b(100)),x:u("xyz",0,b(95.047)),y:u("xyz",1,b(100)),z:u("xyz",2,b(108.833)),l:u("lab",0,b(100)),a:u("lab",1),b:u("lab",2),keyword(t){return t!==void 0?new p(t):m[this.model].keyword(this.color)},hex(t){return t!==void 0?new p(t):M.to.hex(...this.rgb().round().color)},hexa(t){if(t!==void 0)return new p(t);let n=this.rgb().round().color,e=Math.round(this.valpha*255).toString(16).toUpperCase();return e.length===1&&(e="0"+e),M.to.hex(...n)+e},rgbNumber(){let t=this.rgb().color;return(t[0]&255)<<16|(t[1]&255)<<8|t[2]&255},luminosity(){let t=this.rgb().color,n=[];for(let[e,r]of t.entries()){let o=r/255;n[e]=o<=.04045?o/12.92:((o+.055)/1.055)**2.4}return .2126*n[0]+.7152*n[1]+.0722*n[2]},contrast(t){let n=this.luminosity(),e=t.luminosity();return n>e?(n+.05)/(e+.05):(e+.05)/(n+.05)},level(t){let n=this.contrast(t);return n>=7?"AAA":n>=4.5?"AA":""},isDark(){let t=this.rgb().color;return(t[0]*2126+t[1]*7152+t[2]*722)/1e4<128},isLight(){return!this.isDark()},negate(){let t=this.rgb();for(let n=0;n<3;n++)t.color[n]=255-t.color[n];return t},lighten(t){let n=this.hsl();return n.color[2]+=n.color[2]*t,n},darken(t){let n=this.hsl();return n.color[2]-=n.color[2]*t,n},saturate(t){let n=this.hsl();return n.color[1]+=n.color[1]*t,n},desaturate(t){let n=this.hsl();return n.color[1]-=n.color[1]*t,n},whiten(t){let n=this.hwb();return n.color[1]+=n.color[1]*t,n},blacken(t){let n=this.hwb();return n.color[2]+=n.color[2]*t,n},grayscale(){let t=this.rgb().color,n=t[0]*.3+t[1]*.59+t[2]*.11;return p.rgb(n,n,n)},fade(t){return this.alpha(this.valpha-this.valpha*t)},opaquer(t){return this.alpha(this.valpha+this.valpha*t)},rotate(t){let n=this.hsl(),e=n.color[0];return e=(e+t)%360,e=e<0?360+e:e,n.color[0]=e,n},mix(t,n){if(!t||!t.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t);let e=t.rgb(),r=this.rgb(),o=n===void 0?.5:n,s=2*o-1,c=e.alpha()-r.alpha(),a=((s*c===-1?s:(s+c)/(1+s*c))+1)/2,l=1-a;return p.rgb(a*e.red()+l*r.red(),a*e.green()+l*r.green(),a*e.blue()+l*r.blue(),e.alpha()*o+r.alpha()*(1-o))}};for(let t of Object.keys(m)){if(q.includes(t))continue;let{channels:n}=m[t];p.prototype[t]=function(...e){return this.model===t?new p(this):e.length>0?new p(e,t):new p([...at(m[this.model][t].raw(this.color)),this.valpha],t)},p[t]=function(...e){let r=e[0];return typeof r=="number"&&(r=O(e,n)),new p(r,t)}}function st(t,n){return Number(t.toFixed(n))}function ct(t){return function(n){return st(n,t)}}function u(t,n,e){t=Array.isArray(t)?t:[t];for(let r of t)(L[r]||=[])[n]=e;return t=t[0],function(r){let o;return r!==void 0?(e&&(r=e(r)),o=this[t](),o.color[n]=r,o):(o=this[t]().color[n],e&&(o=e(o)),o)}}function b(t){return function(n){return Math.max(0,Math.min(t,n))}}function at(t){return Array.isArray(t)?t:[t]}function O(t,n){for(let e=0;e<n;e++)typeof t[e]!="number"&&(t[e]=0);return t}var W=p;var It={channel:"channel",channels:"channels",colorField:"color-field",colorFieldScope:"scope--color-field",colorMode:"color-mode",colorModeContainer:"color-mode-container",container:"container",control:"control",controlAndScope:"control-and-scope",controlSection:"control-section",deleteColor:"delete-color",header:"header",hexAndChannelsGroup:"hex-and-channels-group",hexOptions:"color-hex-options",hueScope:"scope--hue",hueSlider:"hue-slider",opacityScope:"scope--opacity",opacitySlider:"opacity-slider",preview:"preview",previewAndSliders:"preview-and-sliders",saveColor:"save-color",savedColor:"saved-color",savedColors:"saved-colors",savedColorsButtons:"saved-colors-buttons",savedColorsSection:"saved-colors-section",scope:"scope",section:"section",slider:"slider",sliders:"sliders",splitSection:"section--split"},Lt=W("#007AC2"),Ot="calcite-color-",zt={r:255,g:255,b:255},lt={h:360,s:100,v:100},Et=lt.h-1,Rt={min:0,max:100},it={s:{gap:parseInt(E),slider:{height:12},thumb:{radius:7},preview:{size:20},minWidth:200},m:{gap:parseInt(R),slider:{height:12},thumb:{radius:7},preview:{size:24},minWidth:240},l:{gap:parseInt($),slider:{height:12},thumb:{radius:7},preview:{size:32},minWidth:304}},$t=1,Bt=/^[0-9A-F]$/i,ht=/^#[0-9A-F]{3}$/i,ut=/^#[0-9A-F]{6}$/i,ft=/^#[0-9A-F]{4}$/i,dt=/^#[0-9A-F]{8}$/i,Tt=t=>Number((t*100).toFixed()),Gt=t=>Number((t/100).toFixed(2));function j(t,n=!1){return z(t,n)||bt(t,n)}function D(t,n,e){return t?t.length===n&&e.test(t):!1}function z(t,n=!1){return D(t,n?5:4,n?ft:ht)}function bt(t,n=!1){return D(t,n?9:7,n?dt:ut)}function qt(t,n=!1,e=!1){if(t=t.toLowerCase(),t.startsWith("#")||(t=`#${t}`),z(t,n))return P(X(t,n));if(n&&e&&j(t,!1)){let r=z(t,!1);return P(X(`${t}${r?"f":"ff"}`,!0))}return t}function Wt(t,n=!1){return n?t.hexa():t.hex()}function P(t){let{r:n,g:e,b:r}=t,o=N(n),s=N(e),c=N(r),a="a"in t?N(t.a*255):"";return`#${o}${s}${c}${a}`.toLowerCase()}function N(t){return t.toString(16).padStart(2,"0")}function Pt(t){let n={...t,a:t.alpha??1};return delete n.alpha,n}function Xt(t){let n={...t,alpha:t.a??1};return delete n.a,n}function X(t,n=!1){if(!j(t,n))return null;t=t.replace("#","");let e,r,o,s;if(t.length===3||t.length===4){let[a,l,h,_]=t.split("");e=parseInt(`${a}${a}`,16),r=parseInt(`${l}${l}`,16),o=parseInt(`${h}${h}`,16),s=parseInt(`${_}${_}`,16)/255}else e=parseInt(t.slice(0,2),16),r=parseInt(t.slice(2,4),16),o=parseInt(t.slice(4,6),16),s=parseInt(t.slice(6,8),16)/255;return isNaN(s)?{r:e,g:r,b:o}:{r:e,g:r,b:o,a:s}}var U=t=>t,f=U({HEX:"hex",HEXA:"hexa",RGB_CSS:"rgb-css",RGBA_CSS:"rgba-css",HSL_CSS:"hsl-css",HSLA_CSS:"hsla-css"}),d=U({RGB:"rgb",RGBA:"rgba",HSL:"hsl",HSLA:"hsla",HSV:"hsv",HSVA:"hsva"});function jt(t){if(typeof t=="string"){if(t.startsWith("#")){let{length:n}=t;if(n===4||n===7)return f.HEX;if(n===5||n===9)return f.HEXA}if(t.startsWith("rgba("))return f.RGBA_CSS;if(t.startsWith("rgb("))return f.RGB_CSS;if(t.startsWith("hsl("))return f.HSL_CSS;if(t.startsWith("hsla("))return f.HSLA_CSS}if(typeof t=="object"){if(C(t,"r","g","b"))return C(t,"a")?d.RGBA:d.RGB;if(C(t,"h","s","l"))return C(t,"a")?d.HSLA:d.HSL;if(C(t,"h","s","v"))return C(t,"a")?d.HSVA:d.HSV}return null}function C(t,...n){return n.every(e=>e&&t&&`${e}`in t)}function Dt(t,n){return t?.rgb().array().toString()===n?.rgb().array().toString()}function Ut(t){return t===f.HEXA||t===f.RGBA_CSS||t===f.HSLA_CSS||t===d.RGBA||t===d.HSLA||t===d.HSVA}function Kt(t){return t===f.HEX?f.HEXA:t===f.RGB_CSS?f.RGBA_CSS:t===f.HSL_CSS?f.HSLA_CSS:t===d.RGB?d.RGBA:t===d.HSL?d.HSLA:t===d.HSV?d.HSVA:t}function Yt(t){return t===f.HEXA?f.HEX:t===f.RGBA_CSS?f.RGB_CSS:t===f.HSLA_CSS?f.HSL_CSS:t===d.RGBA?d.RGB:t===d.HSLA?d.HSL:t===d.HSVA?d.HSV:t}var pt=1,K=pt*2;function Jt(t,n,e){let r=e?it.l.preview.size:n.preview.size,o=t-K,s=n.gap*3;return Math.max(o-s-r,0)}function Zt(t){let e=t-K;return{width:Math.max(e,0),height:Math.max(Math.floor(e/1.8),0)}}export{W as a,It as b,Lt as c,Ot as d,zt as e,lt as f,Et as g,Rt as h,it as i,$t as j,Bt as k,Tt as l,Gt as m,j as n,z as o,bt as p,qt as q,Wt as r,P as s,Pt as t,Xt as u,X as v,f as w,jt as x,Dt as y,Ut as z,Kt as A,Yt as B,Jt as C,Zt 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
|
-
v3.3.0-next.
|
|
4
|
-
import{k as m}from"./YPIVYYBB.js";import"./HYR3RAA5.js";import{d as I}from"./ARX5LS46.js";import{a as p,b as h}from"./LJVWMMIE.js";import{c as f}from"./25O4I47C.js";import"./RU5ZIKKZ.js";import{E as A,F as c,R as E,c as z,d as l,h as x,i as T,q as b}from"./RZZYP5OQ.js";function L(){return navigator.userAgentData}function U(){if(!1)return"";let g=L();return g?.brands?g.brands.map(({brand:e,version:i})=>`${e}/${i}`).join(" "):navigator.userAgent}var n={bordered:"bordered",striped:"striped",selectionArea:"selection-area",paginationArea:"pagination-area",container:"container",tableContainer:"table-container",tableFixed:"table--fixed",assistiveText:"assistive-text",selectionActions:"selection-actions"},S={selectionActions:"selection-actions",tableHeader:"table-header",tableFooter:"table-footer"},D=z`@charset "UTF-8";:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host([scale=s]){--calcite-internal-table-cell-padding: .25rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size--2);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--3)}:host([scale=m]){--calcite-internal-table-cell-padding: .5rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size--1);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--2)}:host([scale=l]){--calcite-internal-table-cell-padding: 1rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size-0);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--1)}:host{display:flex}.container{display:flex;block-size:100%;inline-size:100%;flex-direction:column}.table-container{overflow:auto;white-space:nowrap;border:1px solid var(--calcite-color-border-3)}.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}table{inline-size:100%;border-collapse:collapse;overflow-x:scroll}@-moz-document url-prefix(){table{border-collapse:separate;border-spacing:0}}.table--fixed{table-layout:fixed}.bordered ::slotted(calcite-table-row){--calcite-table-row-border-color: var(--calcite-color-border-3)}.striped ::slotted(calcite-table-row:nth-child(2n+1)){--calcite-table-row-background: var(--calcite-color-foreground-2)}.selection-actions{display:flex;flex-direction:row;margin-inline-start:auto}.selection-area{display:flex;flex-direction:row;align-items:center;padding-block:var(--calcite-internal-table-cell-padding)}.selection-area calcite-chip:last-of-type{margin-inline-end:.5rem}.selection-area calcite-chip:last-of-type:not(:first-of-type){margin-inline-start:.5rem}.selection-area calcite-button{margin-inline-end:1rem}.pagination-area{display:flex;inline-size:100%;flex-direction:row;justify-content:center;padding-block:var(--calcite-internal-table-cell-padding)}calcite-pagination{flex:1;justify-content:center}:host([hidden]){display:none}[hidden]{display:none}`,w=class extends A{constructor(){super(),this.paginationEl=p(),this.tableBodySlotEl=p(),this.tableFootSlotEl=p(),this.tableHeadSlotEl=p(),this.messages=I({blocking:!0}),this.colCount=0,this.pageStartRow=1,this.selectedCount=0,this._selectedItems=[],this.bordered=!1,this.groupSeparator=!1,this.interactionMode="interactive",this.layout="auto",this.numbered=!1,this.pageSize=0,this.scale="m",this.selectionDisplay="top",this.selectionMode="none",this.striped=!1,this.calciteInternalTableRowFocusChange=b({cancelable:!1}),this.calciteTablePageChange=b({cancelable:!1}),this.calciteTableSelect=b({cancelable:!1}),this.listen("calciteTableRowSelect",this.calciteTableRowSelectListener),this.listen("calciteInternalTableRowSelect",this.calciteInternalTableRowSelectListener),this.listen("calciteInternalTableRowFocusRequest",this.calciteInternalTableRowFocusEvent)}static{this.properties={colCount:[16,{},{state:!0}],pageStartRow:[16,{},{state:!0}],readCellContentsToAT:[16,{},{state:!0}],selectedCount:[16,{},{state:!0}],_selectedItems:[16,{},{state:!0}],bordered:[7,{},{reflect:!0,type:Boolean}],caption:1,groupSeparator:[7,{},{reflect:!0,type:Boolean}],interactionMode:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],numbered:[7,{},{reflect:!0,type:Boolean}],numberingSystem:[3,{},{reflect:!0}],pageSize:[11,{},{reflect:!0,type:Number}],scale:[3,{},{reflect:!0}],selectedItems:[32,{},{attribute:!1,readOnly:!0}],selectionDisplay:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],striped:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=D}get selectedItems(){return this._selectedItems}async load(){this.readCellContentsToAT=/safari/i.test(U()),this.listenOn(this.el.shadowRoot,"slotchange",this.handleSlotChange)}willUpdate(e){(e.has("groupSeparator")&&(this.hasUpdated||this.groupSeparator!==!1)||e.has("interactionMode")&&(this.hasUpdated||this.interactionMode!=="interactive")||e.has("numbered")&&(this.hasUpdated||this.numbered!==!1)||e.has("numberingSystem")||e.has("pageSize")&&(this.hasUpdated||this.pageSize!==0)||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none"))&&this.updateRows()}handleSlotChange(){this.updateRows()}calciteTableRowSelectListener(e){e.composedPath().includes(this.el)&&this.setSelectedItems(e.target)}calciteInternalTableRowSelectListener(e){e.composedPath().includes(this.el)&&(this.updateSelectedItems(!1),e.stopPropagation())}calciteInternalTableRowFocusEvent(e){let i=e.detail.cellPosition,s=e.detail.rowPosition,o=e.detail.destination,r=e.detail.lastCell,t=this.bodyRows?.filter(u=>!f(u)),a=this.allRows?.filter(u=>!f(u)),R=this.headRows[this.headRows.length-1]?.positionAll,y=t[0]?.positionAll,$=t[t.length-1]?.positionAll,v=this.footRows[0]?.positionAll,F=a[a.length-1]?.positionAll,P=o==="next"&&s===R,M=o==="previous"&&s===v,O=o==="previous"&&s===y,k=o==="next"&&s===$,d;switch(o){case"first":d=0;break;case"last":d=F;break;case"next":d=P?y:k?v:s+1;break;case"previous":d=M?$:O?R:s-1;break}let C=this.allRows?.find(u=>u.positionAll===d)?.cellCount,B=i>C?C:i;d!==void 0&&this.calciteInternalTableRowFocusChange.emit({cellPosition:B,rowPosition:d,destination:o,lastCell:r})}getSlottedRows(e){return e?.assignedElements({flatten:!0})?.filter(i=>i?.matches("calcite-table-row"))}updateRows(){let e=this.getSlottedRows(this.tableHeadSlotEl.value)||[],i=this.getSlottedRows(this.tableBodySlotEl.value)||[],s=this.getSlottedRows(this.tableFootSlotEl.value)||[],o=[...e,...i,...s];e?.forEach(t=>{let a=e?.indexOf(t);t.rowType="head",t.positionSection=a,t.positionSectionLocalized=this.localizeNumber((a+1).toString())}),i?.forEach(t=>{let a=i?.indexOf(t);t.rowType="body",t.positionSection=a,t.positionSectionLocalized=this.localizeNumber((a+1).toString())}),s?.forEach(t=>{let a=s?.indexOf(t);t.rowType="foot",t.positionSection=a,t.positionSectionLocalized=this.localizeNumber((a+1).toString())}),o?.forEach(t=>{t.interactionMode=this.interactionMode,t.selectionMode=this.selectionMode,t.bodyRowCount=i?.length,t.positionAll=o?.indexOf(t),t.numbered=this.numbered,t.scale=this.scale,t.readCellContentsToAT=this.readCellContentsToAT,t.lastVisibleRow=o?.indexOf(t)===o.length-1});let r=e[0]?.cellCount||e[0]?.querySelectorAll("calcite-table-header")?.length;this.colCount=r,this.headRows=e,this.bodyRows=i,this.footRows=s,this.allRows=o,this.updateSelectedItems(),this.paginateRows()}handlePaginationChange(){let e=this.paginationEl.value?.startItem;this.pageStartRow=e||1,this.calciteTablePageChange.emit(),this.updateRows()}paginateRows(){this.bodyRows?.forEach(e=>{let i=e.positionSection+1,s=i>=this.pageStartRow&&i<this.pageStartRow+this.pageSize;e.itemHidden=this.pageSize>0&&!s&&!this.footRows.includes(e),e.lastVisibleRow=i===this.pageStartRow+this.pageSize-1||i===this.bodyRows.length})}async updateSelectedItems(e){let i=this.bodyRows?.filter(s=>s.selected);this._selectedItems=i,this.selectedCount=i?.length,this.allRows?.forEach(s=>{s.selectedRowCount=this.selectedCount,s.selectedRowCountLocalized=this.localizeNumber(this.selectedCount)}),e&&this.calciteTableSelect.emit()}handleDeselectAllRows(){this.bodyRows?.forEach(e=>{e.selected=!1}),this.updateSelectedItems(!0)}setSelectedItems(e){this.bodyRows?.forEach(i=>{e?.rowType==="head"?i.selected=this.selectedCount!==this.bodyRows?.length:i.selected=this.selectionMode==="multiple"||e===i?i.selected:!1}),this.updateSelectedItems(!0)}localizeNumber(e){return m.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},m.localize(e.toString())}renderSelectionArea(){let e=this._selectedItems?.filter(t=>f(t))?.length,i=this.localizeNumber(e?.toString()),o=`${this.localizeNumber(this.selectedCount?.toString())} ${this.messages.selected}`,r=`${i} ${this.messages.hiddenSelected}`;return l`<div class=${c(n.selectionArea)}><calcite-chip .kind=${this.selectedCount>0?"brand":"neutral"} .label=${o} .scale=${this.scale} .value=${o}>${o}</calcite-chip>${e>0&&l`<calcite-chip icon=hide-empty .label=${r} .scale=${this.scale} title=${r??x} .value=${r}>${i}</calcite-chip>`||""}${this.selectedCount>0&&l`<calcite-button icon-start=x kind=neutral @click=${this.handleDeselectAllRows} round .scale=${this.scale} .title=${`${this.messages.clear} ${o} ${this.messages.row}`}>${this.messages.clear}</calcite-button>`||""}<div class=${c(n.selectionActions)}><slot name=${S.selectionActions}></slot></div></div>`}renderPaginationArea(){return l`<div class=${c(n.paginationArea)}><calcite-pagination .groupSeparator=${this.groupSeparator} .numberingSystem=${this.numberingSystem} @calcitePaginationChange=${this.handlePaginationChange} .pageSize=${this.pageSize} .scale=${this.scale} start-item=1 .totalItems=${this.bodyRows?.length} ${h(this.paginationEl)}></calcite-pagination></div>`}renderTHead(){return l`<thead><slot name=${S.tableHeader} ${h(this.tableHeadSlotEl)}></slot></thead>`}renderTBody(){return l`<tbody><slot ${h(this.tableBodySlotEl)}></slot></tbody>`}renderTFoot(){return l`<tfoot><slot name=${S.tableFooter} ${h(this.tableFootSlotEl)}></slot></tfoot>`}render(){return l`<div class=${c(n.container)}>${this.selectionMode!=="none"&&this.selectionDisplay!=="none"&&this.renderSelectionArea()||""}<div class=${c({[n.bordered]:this.bordered,[n.striped]:this.striped,[n.tableContainer]:!0})}><table .ariaColCount=${this.colCount} .ariaMultiSelectable=${this.selectionMode==="multiple"?"true":null} .ariaRowCount=${this.allRows?.length} class=${c({[n.tableFixed]:this.layout==="fixed"})} .role=${this.interactionMode==="interactive"?"grid":"table"} ${h(e=>{e&&T(l`<caption class=${c(n.assistiveText)}>${this.caption}</caption>${this.renderTHead()}${this.renderTBody()}${this.renderTFoot()}`,e)})}></table></div>${this.pageSize>0&&this.renderPaginationArea()||""}</div>`}};E("calcite-table",w);export{w as Table};
|
|
3
|
+
v3.3.0-next.22 */
|
|
4
|
+
import{k as m}from"./MPGR7YTM.js";import"./7K7EK6RW.js";import{d as I}from"./LYWE4GAC.js";import{a as p,b as h}from"./CCVAKLBT.js";import{c as f}from"./V6AN4FI4.js";import"./ZARQRR6Z.js";import{E as A,F as c,R as E,c as z,d as l,h as x,i as T,q as b}from"./JRQVADVG.js";function L(){return navigator.userAgentData}function U(){if(!1)return"";let g=L();return g?.brands?g.brands.map(({brand:e,version:i})=>`${e}/${i}`).join(" "):navigator.userAgent}var n={bordered:"bordered",striped:"striped",selectionArea:"selection-area",paginationArea:"pagination-area",container:"container",tableContainer:"table-container",tableFixed:"table--fixed",assistiveText:"assistive-text",selectionActions:"selection-actions"},S={selectionActions:"selection-actions",tableHeader:"table-header",tableFooter:"table-footer"},D=z`@charset "UTF-8";:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host([scale=s]){--calcite-internal-table-cell-padding: .25rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size--2);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--3)}:host([scale=m]){--calcite-internal-table-cell-padding: .5rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size--1);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--2)}:host([scale=l]){--calcite-internal-table-cell-padding: 1rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size-0);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--1)}:host{display:flex}.container{display:flex;block-size:100%;inline-size:100%;flex-direction:column}.table-container{overflow:auto;white-space:nowrap;border:1px solid var(--calcite-color-border-3)}.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}table{inline-size:100%;border-collapse:collapse;overflow-x:scroll}@-moz-document url-prefix(){table{border-collapse:separate;border-spacing:0}}.table--fixed{table-layout:fixed}.bordered ::slotted(calcite-table-row){--calcite-table-row-border-color: var(--calcite-color-border-3)}.striped ::slotted(calcite-table-row:nth-child(2n+1)){--calcite-table-row-background: var(--calcite-color-foreground-2)}.selection-actions{display:flex;flex-direction:row;margin-inline-start:auto}.selection-area{display:flex;flex-direction:row;align-items:center;padding-block:var(--calcite-internal-table-cell-padding)}.selection-area calcite-chip:last-of-type{margin-inline-end:.5rem}.selection-area calcite-chip:last-of-type:not(:first-of-type){margin-inline-start:.5rem}.selection-area calcite-button{margin-inline-end:1rem}.pagination-area{display:flex;inline-size:100%;flex-direction:row;justify-content:center;padding-block:var(--calcite-internal-table-cell-padding)}calcite-pagination{flex:1;justify-content:center}:host([hidden]){display:none}[hidden]{display:none}`,w=class extends A{constructor(){super(),this.paginationEl=p(),this.tableBodySlotEl=p(),this.tableFootSlotEl=p(),this.tableHeadSlotEl=p(),this.messages=I({blocking:!0}),this.colCount=0,this.pageStartRow=1,this.selectedCount=0,this._selectedItems=[],this.bordered=!1,this.groupSeparator=!1,this.interactionMode="interactive",this.layout="auto",this.numbered=!1,this.pageSize=0,this.scale="m",this.selectionDisplay="top",this.selectionMode="none",this.striped=!1,this.calciteInternalTableRowFocusChange=b({cancelable:!1}),this.calciteTablePageChange=b({cancelable:!1}),this.calciteTableSelect=b({cancelable:!1}),this.listen("calciteTableRowSelect",this.calciteTableRowSelectListener),this.listen("calciteInternalTableRowSelect",this.calciteInternalTableRowSelectListener),this.listen("calciteInternalTableRowFocusRequest",this.calciteInternalTableRowFocusEvent)}static{this.properties={colCount:[16,{},{state:!0}],pageStartRow:[16,{},{state:!0}],readCellContentsToAT:[16,{},{state:!0}],selectedCount:[16,{},{state:!0}],_selectedItems:[16,{},{state:!0}],bordered:[7,{},{reflect:!0,type:Boolean}],caption:1,groupSeparator:[7,{},{reflect:!0,type:Boolean}],interactionMode:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],numbered:[7,{},{reflect:!0,type:Boolean}],numberingSystem:[3,{},{reflect:!0}],pageSize:[11,{},{reflect:!0,type:Number}],scale:[3,{},{reflect:!0}],selectedItems:[32,{},{attribute:!1,readOnly:!0}],selectionDisplay:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],striped:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=D}get selectedItems(){return this._selectedItems}async load(){this.readCellContentsToAT=/safari/i.test(U()),this.listenOn(this.el.shadowRoot,"slotchange",this.handleSlotChange)}willUpdate(e){(e.has("groupSeparator")&&(this.hasUpdated||this.groupSeparator!==!1)||e.has("interactionMode")&&(this.hasUpdated||this.interactionMode!=="interactive")||e.has("numbered")&&(this.hasUpdated||this.numbered!==!1)||e.has("numberingSystem")||e.has("pageSize")&&(this.hasUpdated||this.pageSize!==0)||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none"))&&this.updateRows()}handleSlotChange(){this.updateRows()}calciteTableRowSelectListener(e){e.composedPath().includes(this.el)&&this.setSelectedItems(e.target)}calciteInternalTableRowSelectListener(e){e.composedPath().includes(this.el)&&(this.updateSelectedItems(!1),e.stopPropagation())}calciteInternalTableRowFocusEvent(e){let i=e.detail.cellPosition,s=e.detail.rowPosition,o=e.detail.destination,r=e.detail.lastCell,t=this.bodyRows?.filter(u=>!f(u)),a=this.allRows?.filter(u=>!f(u)),R=this.headRows[this.headRows.length-1]?.positionAll,y=t[0]?.positionAll,$=t[t.length-1]?.positionAll,v=this.footRows[0]?.positionAll,F=a[a.length-1]?.positionAll,P=o==="next"&&s===R,M=o==="previous"&&s===v,O=o==="previous"&&s===y,k=o==="next"&&s===$,d;switch(o){case"first":d=0;break;case"last":d=F;break;case"next":d=P?y:k?v:s+1;break;case"previous":d=M?$:O?R:s-1;break}let C=this.allRows?.find(u=>u.positionAll===d)?.cellCount,B=i>C?C:i;d!==void 0&&this.calciteInternalTableRowFocusChange.emit({cellPosition:B,rowPosition:d,destination:o,lastCell:r})}getSlottedRows(e){return e?.assignedElements({flatten:!0})?.filter(i=>i?.matches("calcite-table-row"))}updateRows(){let e=this.getSlottedRows(this.tableHeadSlotEl.value)||[],i=this.getSlottedRows(this.tableBodySlotEl.value)||[],s=this.getSlottedRows(this.tableFootSlotEl.value)||[],o=[...e,...i,...s];e?.forEach(t=>{let a=e?.indexOf(t);t.rowType="head",t.positionSection=a,t.positionSectionLocalized=this.localizeNumber((a+1).toString())}),i?.forEach(t=>{let a=i?.indexOf(t);t.rowType="body",t.positionSection=a,t.positionSectionLocalized=this.localizeNumber((a+1).toString())}),s?.forEach(t=>{let a=s?.indexOf(t);t.rowType="foot",t.positionSection=a,t.positionSectionLocalized=this.localizeNumber((a+1).toString())}),o?.forEach(t=>{t.interactionMode=this.interactionMode,t.selectionMode=this.selectionMode,t.bodyRowCount=i?.length,t.positionAll=o?.indexOf(t),t.numbered=this.numbered,t.scale=this.scale,t.readCellContentsToAT=this.readCellContentsToAT,t.lastVisibleRow=o?.indexOf(t)===o.length-1});let r=e[0]?.cellCount||e[0]?.querySelectorAll("calcite-table-header")?.length;this.colCount=r,this.headRows=e,this.bodyRows=i,this.footRows=s,this.allRows=o,this.updateSelectedItems(),this.paginateRows()}handlePaginationChange(){let e=this.paginationEl.value?.startItem;this.pageStartRow=e||1,this.calciteTablePageChange.emit(),this.updateRows()}paginateRows(){this.bodyRows?.forEach(e=>{let i=e.positionSection+1,s=i>=this.pageStartRow&&i<this.pageStartRow+this.pageSize;e.itemHidden=this.pageSize>0&&!s&&!this.footRows.includes(e),e.lastVisibleRow=i===this.pageStartRow+this.pageSize-1||i===this.bodyRows.length})}async updateSelectedItems(e){let i=this.bodyRows?.filter(s=>s.selected);this._selectedItems=i,this.selectedCount=i?.length,this.allRows?.forEach(s=>{s.selectedRowCount=this.selectedCount,s.selectedRowCountLocalized=this.localizeNumber(this.selectedCount)}),e&&this.calciteTableSelect.emit()}handleDeselectAllRows(){this.bodyRows?.forEach(e=>{e.selected=!1}),this.updateSelectedItems(!0)}setSelectedItems(e){this.bodyRows?.forEach(i=>{e?.rowType==="head"?i.selected=this.selectedCount!==this.bodyRows?.length:i.selected=this.selectionMode==="multiple"||e===i?i.selected:!1}),this.updateSelectedItems(!0)}localizeNumber(e){return m.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},m.localize(e.toString())}renderSelectionArea(){let e=this._selectedItems?.filter(t=>f(t))?.length,i=this.localizeNumber(e?.toString()),o=`${this.localizeNumber(this.selectedCount?.toString())} ${this.messages.selected}`,r=`${i} ${this.messages.hiddenSelected}`;return l`<div class=${c(n.selectionArea)}><calcite-chip .kind=${this.selectedCount>0?"brand":"neutral"} .label=${o} .scale=${this.scale} .value=${o}>${o}</calcite-chip>${e>0&&l`<calcite-chip icon=hide-empty .label=${r} .scale=${this.scale} title=${r??x} .value=${r}>${i}</calcite-chip>`||""}${this.selectedCount>0&&l`<calcite-button icon-start=x kind=neutral @click=${this.handleDeselectAllRows} round .scale=${this.scale} .title=${`${this.messages.clear} ${o} ${this.messages.row}`}>${this.messages.clear}</calcite-button>`||""}<div class=${c(n.selectionActions)}><slot name=${S.selectionActions}></slot></div></div>`}renderPaginationArea(){return l`<div class=${c(n.paginationArea)}><calcite-pagination .groupSeparator=${this.groupSeparator} .numberingSystem=${this.numberingSystem} @calcitePaginationChange=${this.handlePaginationChange} .pageSize=${this.pageSize} .scale=${this.scale} start-item=1 .totalItems=${this.bodyRows?.length} ${h(this.paginationEl)}></calcite-pagination></div>`}renderTHead(){return l`<thead><slot name=${S.tableHeader} ${h(this.tableHeadSlotEl)}></slot></thead>`}renderTBody(){return l`<tbody><slot ${h(this.tableBodySlotEl)}></slot></tbody>`}renderTFoot(){return l`<tfoot><slot name=${S.tableFooter} ${h(this.tableFootSlotEl)}></slot></tfoot>`}render(){return l`<div class=${c(n.container)}>${this.selectionMode!=="none"&&this.selectionDisplay!=="none"&&this.renderSelectionArea()||""}<div class=${c({[n.bordered]:this.bordered,[n.striped]:this.striped,[n.tableContainer]:!0})}><table .ariaColCount=${this.colCount} .ariaMultiSelectable=${this.selectionMode==="multiple"?"true":null} .ariaRowCount=${this.allRows?.length} class=${c({[n.tableFixed]:this.layout==="fixed"})} .role=${this.interactionMode==="interactive"?"grid":"table"} ${h(e=>{e&&T(l`<caption class=${c(n.assistiveText)}>${this.caption}</caption>${this.renderTHead()}${this.renderTBody()}${this.renderTFoot()}`,e)})}></table></div>${this.pageSize>0&&this.renderPaginationArea()||""}</div>`}};E("calcite-table",w);export{w as Table};
|
|
@@ -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
|
-
v3.3.0-next.
|
|
4
|
-
import{c as h}from"./
|
|
3
|
+
v3.3.0-next.22 */
|
|
4
|
+
import{c as h}from"./KSYGSO3X.js";import{a as d}from"./OJJMV73H.js";import{E as o,F as a,I as c,R as r,c as n,d as s}from"./JRQVADVG.js";var b={container:"container",content:"content"},p=n`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host{display:none}:host,.container,.content{block-size:100%;inline-size:100%}:host([selected]),:host([selected]) .container{display:flex;flex-direction:column}.content{box-sizing:border-box;padding-block:var(--calcite-tab-content-space-y, var(--calcite-tab-content-block-padding, var(--calcite-internal-tab-content-space-y)))}.scale-s{--calcite-internal-tab-content-space-y: .25rem;font-size:var(--calcite-font-size-sm);line-height:1rem}.scale-m{--calcite-internal-tab-content-space-y: .5rem;font-size:var(--calcite-font-size);line-height:1rem}.scale-l{--calcite-internal-tab-content-space-y: .625rem;font-size:var(--calcite-font-size-md);line-height:1.25rem}.container{display:none;block-size:100%;inline-size:100%;overflow:auto;outline-color:transparent}.container:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([hidden]){display:none}[hidden]{display:none}`,i=class extends o{constructor(){super(),this.guid=`calcite-tab-title-${d()}`,this.scale="m",this.selected=!1,this.listenOn(document.body,"calciteInternalTabChange",this.internalTabChangeHandler)}static{this.properties={labeledBy:[16,{},{state:!0}],scale:1,selected:[7,{},{reflect:!0,type:Boolean}],tab:[3,{},{reflect:!0}]}}static{this.styles=p}async getTabIndex(){return Array.prototype.indexOf.call(h(this.el.parentElement.children).filter(e=>e.matches("calcite-tab")),this.el)}_updateAriaInfo(e=[],l=[]){this.labeledBy=l[e.indexOf(this.el.id)]||null}connectedCallback(){super.connectedCallback(),this.parentTabsEl=this.el.closest("calcite-tabs")}disconnectedCallback(){super.disconnectedCallback(),document.body?.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))}internalTabChangeHandler(e){e.composedPath().find(t=>t.tagName==="CALCITE-TABS")===this.parentTabsEl&&(this.tab?this.selected=this.tab===e.detail.tab:this.getTabIndex().then(t=>{this.selected=t===e.detail.tab}),e.stopPropagation())}render(){let e=this.el.id||this.guid;return c(this.el,"aria-labelledby",this.labeledBy),c(this.el,"id",e),s`<div class=${a({[b.container]:!0,[`scale-${this.scale}`]:!0})} role=tabpanel .tabIndex=${this.selected?0:-1}><section class=${a(b.content)}><slot></slot></section></div>`}};r("calcite-tab",i);export{i as Tab};
|