@banzamel/mineralui 1.7.1 → 1.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{MAvatar-BHASnoyu.js → MAvatar-BcayQCnp.js} +2 -2
- package/dist/{MAvatar-BHASnoyu.js.map → MAvatar-BcayQCnp.js.map} +1 -1
- package/dist/{MAvatar-CV3xJOmx.cjs → MAvatar-BgevCYi3.cjs} +2 -2
- package/dist/{MAvatar-CV3xJOmx.cjs.map → MAvatar-BgevCYi3.cjs.map} +1 -1
- package/dist/MButton-8UCydOik.cjs +2 -0
- package/dist/MButton-8UCydOik.cjs.map +1 -0
- package/dist/{MButton-y9qXhhGt.js → MButton-DZLLrtQb.js} +38 -36
- package/dist/MButton-DZLLrtQb.js.map +1 -0
- package/dist/{MCheckbox-B-nT2OBE.js → MCheckbox-B7SpcD4H.js} +1 -1
- package/dist/{MCheckbox-B-nT2OBE.js.map → MCheckbox-B7SpcD4H.js.map} +1 -1
- package/dist/{MCheckbox-CdDWGVp3.cjs → MCheckbox-Dn3p_9-1.cjs} +2 -2
- package/dist/{MCheckbox-CdDWGVp3.cjs.map → MCheckbox-Dn3p_9-1.cjs.map} +1 -1
- package/dist/{MCookieBootstrap-3-wyz3Dk.cjs → MCookieBootstrap-BUqtJO3m.cjs} +1 -1
- package/dist/{MCookieBootstrap-3-wyz3Dk.cjs.map → MCookieBootstrap-BUqtJO3m.cjs.map} +1 -1
- package/dist/{MCookieBootstrap-CGvYxIK8.js → MCookieBootstrap-Btt49Iuq.js} +1 -1
- package/dist/{MCookieBootstrap-CGvYxIK8.js.map → MCookieBootstrap-Btt49Iuq.js.map} +1 -1
- package/dist/{MDataTable-C3v15no3.cjs → MDataTable-95_Mb6jE.cjs} +2 -2
- package/dist/MDataTable-95_Mb6jE.cjs.map +1 -0
- package/dist/{MDataTable-C_XiTGTF.js → MDataTable-DxDS5auV.js} +5 -5
- package/dist/MDataTable-DxDS5auV.js.map +1 -0
- package/dist/{MDrawer-W2WQs1sM.js → MDrawer-CXNHYwPO.js} +2 -2
- package/dist/{MDrawer-W2WQs1sM.js.map → MDrawer-CXNHYwPO.js.map} +1 -1
- package/dist/{MDrawer-BtA_Xgj0.cjs → MDrawer-DzqtHVeA.cjs} +2 -2
- package/dist/{MDrawer-BtA_Xgj0.cjs.map → MDrawer-DzqtHVeA.cjs.map} +1 -1
- package/dist/{MDropdownMenu-BWgf92rJ.js → MDropdownMenu-CeiC1tz3.js} +1 -1
- package/dist/{MDropdownMenu-BWgf92rJ.js.map → MDropdownMenu-CeiC1tz3.js.map} +1 -1
- package/dist/{MDropdownMenu-mGE19gCi.cjs → MDropdownMenu-c9U3sEcl.cjs} +2 -2
- package/dist/{MDropdownMenu-mGE19gCi.cjs.map → MDropdownMenu-c9U3sEcl.cjs.map} +1 -1
- package/dist/{MGalleryIllustration-D2agVuZM.cjs → MGalleryIllustration-Dglx_Ckc.cjs} +2 -2
- package/dist/{MGalleryIllustration-D2agVuZM.cjs.map → MGalleryIllustration-Dglx_Ckc.cjs.map} +1 -1
- package/dist/MGrid-C4kPZDSa.cjs +2 -0
- package/dist/MGrid-C4kPZDSa.cjs.map +1 -0
- package/dist/MGrid-DR0fHItF.js +182 -0
- package/dist/MGrid-DR0fHItF.js.map +1 -0
- package/dist/{MHeading-BQCe_JhE.cjs → MHeading-CKe5lcM_.cjs} +2 -2
- package/dist/{MHeading-BQCe_JhE.cjs.map → MHeading-CKe5lcM_.cjs.map} +1 -1
- package/dist/{MI18nProvider-CqAwaswx.cjs → MI18nProvider-DOh5xexz.cjs} +2 -2
- package/dist/{MI18nProvider-CqAwaswx.cjs.map → MI18nProvider-DOh5xexz.cjs.map} +1 -1
- package/dist/MImage-BZ6SrSao.cjs +2 -0
- package/dist/MImage-BZ6SrSao.cjs.map +1 -0
- package/dist/{MImage-I0LPhcqF.js → MImage-Btx_7g2Z.js} +5 -6
- package/dist/MImage-Btx_7g2Z.js.map +1 -0
- package/dist/{MInput-CNSvoRiu.js → MInput-7i0Dy1t4.js} +2 -2
- package/dist/{MInput-CNSvoRiu.js.map → MInput-7i0Dy1t4.js.map} +1 -1
- package/dist/{MInput-5-alcVsu.cjs → MInput-D_zaoWwX.cjs} +2 -2
- package/dist/{MInput-5-alcVsu.cjs.map → MInput-D_zaoWwX.cjs.map} +1 -1
- package/dist/MInputExpDate-DWWwjMYK.cjs +2 -0
- package/dist/MInputExpDate-DWWwjMYK.cjs.map +1 -0
- package/dist/{MInputCVC-BgougfgN.js → MInputExpDate-DhO5zN7L.js} +97 -97
- package/dist/MInputExpDate-DhO5zN7L.js.map +1 -0
- package/dist/{MInputSearch-BwR-BPh2.js → MInputSearch-CmzHPnmC.js} +2 -2
- package/dist/{MInputSearch-BwR-BPh2.js.map → MInputSearch-CmzHPnmC.js.map} +1 -1
- package/dist/{MInputSearch-X9yNPuTf.cjs → MInputSearch-DpHSVpmL.cjs} +2 -2
- package/dist/{MInputSearch-X9yNPuTf.cjs.map → MInputSearch-DpHSVpmL.cjs.map} +1 -1
- package/dist/MKbd-DWTS3iS5.cjs +2 -0
- package/dist/MKbd-DWTS3iS5.cjs.map +1 -0
- package/dist/MKbd-v6-tJ9sP.js +14 -0
- package/dist/MKbd-v6-tJ9sP.js.map +1 -0
- package/dist/{MLink-BakLkpKp.cjs → MLink-B3ImjkJV.cjs} +2 -2
- package/dist/{MLink-BakLkpKp.cjs.map → MLink-B3ImjkJV.cjs.map} +1 -1
- package/dist/{MModal-BYuPCSLG.cjs → MModal-CP0e31pv.cjs} +2 -2
- package/dist/{MModal-BYuPCSLG.cjs.map → MModal-CP0e31pv.cjs.map} +1 -1
- package/dist/{MModal-K73juXhN.js → MModal-DGmeQlWo.js} +2 -2
- package/dist/{MModal-K73juXhN.js.map → MModal-DGmeQlWo.js.map} +1 -1
- package/dist/{MPagination-B8BcGks_.cjs → MPagination-CS62B9kZ.cjs} +2 -2
- package/dist/{MPagination-B8BcGks_.cjs.map → MPagination-CS62B9kZ.cjs.map} +1 -1
- package/dist/{MPagination-BdBpF3Px.js → MPagination-Dr110are.js} +2 -2
- package/dist/{MPagination-BdBpF3Px.js.map → MPagination-Dr110are.js.map} +1 -1
- package/dist/{MPopover-DfEiRuM9.cjs → MPopover-CxxaY9kr.cjs} +2 -2
- package/dist/{MPopover-DfEiRuM9.cjs.map → MPopover-CxxaY9kr.cjs.map} +1 -1
- package/dist/{MPortal-CuBXhhl_.cjs → MPortal-BIxPtFYd.cjs} +2 -2
- package/dist/{MPortal-CuBXhhl_.cjs.map → MPortal-BIxPtFYd.cjs.map} +1 -1
- package/dist/{MQrCode-CCtTkkv9.js → MQrCode-6ANDcExA.js} +150 -100
- package/dist/MQrCode-6ANDcExA.js.map +1 -0
- package/dist/MQrCode-B0-Np-N3.cjs +2 -0
- package/dist/MQrCode-B0-Np-N3.cjs.map +1 -0
- package/dist/MSimpleGrid-Bojj4xKH.js +18 -0
- package/dist/MSimpleGrid-Bojj4xKH.js.map +1 -0
- package/dist/MSimpleGrid-CyLf-9R2.cjs +2 -0
- package/dist/MSimpleGrid-CyLf-9R2.cjs.map +1 -0
- package/dist/MSkeleton-BdwhPx-k.cjs +2 -0
- package/dist/MSkeleton-BdwhPx-k.cjs.map +1 -0
- package/dist/MSkeleton-BvXgnYs_.js +136 -0
- package/dist/MSkeleton-BvXgnYs_.js.map +1 -0
- package/dist/{MSlider-5141rKeH.js → MSlider-CqrusKJQ.js} +1 -1
- package/dist/{MSlider-5141rKeH.js.map → MSlider-CqrusKJQ.js.map} +1 -1
- package/dist/{MSlider-fhvfj0ft.cjs → MSlider-qCGmD4UA.cjs} +2 -2
- package/dist/{MSlider-fhvfj0ft.cjs.map → MSlider-qCGmD4UA.cjs.map} +1 -1
- package/dist/MStack-ByFYGSsy.cjs +2 -0
- package/dist/MStack-ByFYGSsy.cjs.map +1 -0
- package/dist/MStack-DFIc3S4_.js +70 -0
- package/dist/MStack-DFIc3S4_.js.map +1 -0
- package/dist/{MSubText-C1unzaCF.cjs → MSubText-1ilKSz8e.cjs} +2 -2
- package/dist/{MSubText-C1unzaCF.cjs.map → MSubText-1ilKSz8e.cjs.map} +1 -1
- package/dist/MSurface-CmVIQC1A.js +43 -0
- package/dist/MSurface-CmVIQC1A.js.map +1 -0
- package/dist/MSurface-CpAuwpHv.cjs +2 -0
- package/dist/MSurface-CpAuwpHv.cjs.map +1 -0
- package/dist/{MTabs-Dg31d-_D.js → MTabs-BQZ--mMq.js} +1 -1
- package/dist/{MTabs-Dg31d-_D.js.map → MTabs-BQZ--mMq.js.map} +1 -1
- package/dist/{MTabs-DuLqttVp.cjs → MTabs-DeUn6bIp.cjs} +2 -2
- package/dist/{MTabs-DuLqttVp.cjs.map → MTabs-DeUn6bIp.cjs.map} +1 -1
- package/dist/{MTag-CH5nMbm7.js → MTag-C4SUJly2.js} +2 -2
- package/dist/{MTag-CH5nMbm7.js.map → MTag-C4SUJly2.js.map} +1 -1
- package/dist/{MTag-CeLhZhqT.cjs → MTag-DwQ-j1sV.cjs} +2 -2
- package/dist/{MTag-CeLhZhqT.cjs.map → MTag-DwQ-j1sV.cjs.map} +1 -1
- package/dist/{MText-BbEkc0Ik.cjs → MText-D0fI_D_Q.cjs} +2 -2
- package/dist/{MText-BbEkc0Ik.cjs.map → MText-D0fI_D_Q.cjs.map} +1 -1
- package/dist/{MTimeAgo-Dd0JQRGj.cjs → MTimeAgo-DI3DF7bD.cjs} +2 -2
- package/dist/{MTimeAgo-Dd0JQRGj.cjs.map → MTimeAgo-DI3DF7bD.cjs.map} +1 -1
- package/dist/{MTimeAgo-C4p80NvI.js → MTimeAgo-Db8gOade.js} +2 -2
- package/dist/{MTimeAgo-C4p80NvI.js.map → MTimeAgo-Db8gOade.js.map} +1 -1
- package/dist/{MToggle-Dt1Ctr5e.js → MToggle-B6emKoKq.js} +1 -1
- package/dist/{MToggle-Dt1Ctr5e.js.map → MToggle-B6emKoKq.js.map} +1 -1
- package/dist/{MToggle-BZSwJw_z.cjs → MToggle-BVJm5Bdk.cjs} +2 -2
- package/dist/{MToggle-BZSwJw_z.cjs.map → MToggle-BVJm5Bdk.cjs.map} +1 -1
- package/dist/{MTooltip-BE0GcseJ.cjs → MTooltip-Dq2vYf3G.cjs} +2 -2
- package/dist/{MTooltip-BE0GcseJ.cjs.map → MTooltip-Dq2vYf3G.cjs.map} +1 -1
- package/dist/{MTooltip-C43aUKMP.js → MTooltip-jSf4VBtB.js} +1 -1
- package/dist/{MTooltip-C43aUKMP.js.map → MTooltip-jSf4VBtB.js.map} +1 -1
- package/dist/MTreeView-AqH8XMPz.js +516 -0
- package/dist/MTreeView-AqH8XMPz.js.map +1 -0
- package/dist/MTreeView-Dp9qbqQh.cjs +2 -0
- package/dist/MTreeView-Dp9qbqQh.cjs.map +1 -0
- package/dist/{arduino-C1gw-z1N.cjs → arduino-Bm509TuR.cjs} +1 -1
- package/dist/{arduino-C1gw-z1N.cjs.map → arduino-Bm509TuR.cjs.map} +1 -1
- package/dist/{arduino-5iMB2x4D.js → arduino-C5s1z3P1.js} +1 -1
- package/dist/{arduino-5iMB2x4D.js.map → arduino-C5s1z3P1.js.map} +1 -1
- package/dist/{bash-wzZkpJC-.cjs → bash-CyBbinAU.cjs} +1 -1
- package/dist/{bash-wzZkpJC-.cjs.map → bash-CyBbinAU.cjs.map} +1 -1
- package/dist/{bash-CNKpaaFe.js → bash-RIFbRcCe.js} +1 -1
- package/dist/{bash-CNKpaaFe.js.map → bash-RIFbRcCe.js.map} +1 -1
- package/dist/{c-BKjXPJPn.js → c-DAywn1DE.js} +1 -1
- package/dist/{c-BKjXPJPn.js.map → c-DAywn1DE.js.map} +1 -1
- package/dist/{c-BSPjDa0P.cjs → c-DGOxo0dj.cjs} +1 -1
- package/dist/{c-BSPjDa0P.cjs.map → c-DGOxo0dj.cjs.map} +1 -1
- package/dist/cards-B9g6Lf1n.cjs +2 -0
- package/dist/cards-B9g6Lf1n.cjs.map +1 -0
- package/dist/cards-D7oHIHmU.js +1535 -0
- package/dist/cards-D7oHIHmU.js.map +1 -0
- package/dist/cards.cjs +1 -1
- package/dist/cards.js +3 -3
- package/dist/components/cards/MCard/MCard.d.ts +1 -1
- package/dist/components/cards/MCard/MCard.types.d.ts +2 -5
- package/dist/components/cards/MCardActionArea/MCardActionArea.d.ts +2 -0
- package/dist/components/cards/MCardActionArea/MCardActionArea.types.d.ts +7 -0
- package/dist/components/cards/MCardActionArea/index.d.ts +2 -0
- package/dist/components/cards/MCardDaySchedule/MCardDaySchedule.d.ts +2 -0
- package/dist/components/cards/MCardDaySchedule/MCardDaySchedule.types.d.ts +41 -0
- package/dist/components/cards/MCardDaySchedule/index.d.ts +2 -0
- package/dist/components/cards/MCardDocumentTree/MCardDocumentTree.d.ts +2 -0
- package/dist/components/cards/MCardDocumentTree/MCardDocumentTree.types.d.ts +31 -0
- package/dist/components/cards/MCardDocumentTree/index.d.ts +2 -0
- package/dist/components/cards/MCardFinance/MCardFinance.d.ts +1 -1
- package/dist/components/cards/MCardFinance/MCardFinance.types.d.ts +2 -1
- package/dist/components/cards/MCardGrid/MCardGrid.d.ts +1 -1
- package/dist/components/cards/MCardGrid/MCardGrid.types.d.ts +2 -0
- package/dist/components/cards/MCardPayment/MCardPayment.d.ts +1 -1
- package/dist/components/cards/MCardPayment/MCardPayment.types.d.ts +2 -1
- package/dist/components/cards/MCardTile/MCardTile.d.ts +1 -1
- package/dist/components/cards/MCardTile/MCardTile.types.d.ts +2 -4
- package/dist/components/cards/MCardWidget/MCardWidget.d.ts +1 -1
- package/dist/components/cards/MCardWidget/MCardWidget.types.d.ts +2 -1
- package/dist/components/cards/MStatCard/MStatCard.d.ts +3 -0
- package/dist/components/cards/MStatCard/MStatCard.types.d.ts +16 -0
- package/dist/components/cards/MStatCard/index.d.ts +2 -0
- package/dist/components/cards/index.d.ts +10 -0
- package/dist/components/cards/shared/MCardAction.types.d.ts +12 -0
- package/dist/components/cards/shared/MCardAction.utils.d.ts +16 -0
- package/dist/components/cards/shared/MCardColor.utils.d.ts +3 -0
- package/dist/components/cards/shared/index.d.ts +3 -0
- package/dist/components/controls/MButton/MButton.types.d.ts +2 -0
- package/dist/components/controls/MQuickActions/MQuickActions.d.ts +2 -0
- package/dist/components/controls/MQuickActions/MQuickActions.types.d.ts +33 -0
- package/dist/components/controls/MQuickActions/index.d.ts +2 -0
- package/dist/components/controls/index.d.ts +2 -0
- package/dist/components/data/MTreeView/MTreeView.d.ts +1 -1
- package/dist/components/data/MTreeView/MTreeView.types.d.ts +2 -0
- package/dist/components/display/MDetailList/MDetailList.d.ts +2 -0
- package/dist/components/display/MDetailList/MDetailList.types.d.ts +20 -0
- package/dist/components/display/MDetailList/index.d.ts +2 -0
- package/dist/components/display/index.d.ts +2 -0
- package/dist/components/layout/MAppMenu/MAppMenu.d.ts +2 -0
- package/dist/components/layout/MAppMenu/MAppMenu.types.d.ts +63 -0
- package/dist/components/layout/MAppMenu/index.d.ts +2 -0
- package/dist/components/layout/MInline/MInline.d.ts +1 -1
- package/dist/components/layout/MInline/MInline.types.d.ts +1 -1
- package/dist/components/layout/MSidebar/MSidebar.d.ts +1 -1
- package/dist/components/layout/MSidebar/MSidebar.types.d.ts +7 -0
- package/dist/components/layout/MStatGrid/MStatGrid.d.ts +2 -0
- package/dist/components/layout/MStatGrid/MStatGrid.types.d.ts +9 -0
- package/dist/components/layout/MStatGrid/index.d.ts +2 -0
- package/dist/components/layout/MSurface/MSurface.d.ts +1 -1
- package/dist/components/layout/MSurface/MSurface.types.d.ts +6 -1
- package/dist/components/layout/index.d.ts +6 -0
- package/dist/components/media/MGallery/MGallery.types.d.ts +5 -0
- package/dist/components/overlays/MCommandPalette/MCommandPalette.d.ts +2 -0
- package/dist/components/overlays/MCommandPalette/MCommandPalette.types.d.ts +35 -0
- package/dist/components/overlays/MCommandPalette/index.d.ts +2 -0
- package/dist/components/overlays/index.d.ts +2 -0
- package/dist/components/typography/MHeading/MHeading.d.ts +3 -3
- package/dist/{controls-DCtMOoQe.js → controls-BczTk73I.js} +141 -100
- package/dist/controls-BczTk73I.js.map +1 -0
- package/dist/controls-BfV0vxeJ.cjs +2 -0
- package/dist/controls-BfV0vxeJ.cjs.map +1 -0
- package/dist/controls.cjs +1 -1
- package/dist/controls.js +6 -6
- package/dist/cookie-consent-bootstrap.cjs +1 -1
- package/dist/cookie-consent-bootstrap.js +1 -1
- package/dist/{core-B8VC-Umz.js → core-BUYr52VU.js} +1 -1
- package/dist/{core-B8VC-Umz.js.map → core-BUYr52VU.js.map} +1 -1
- package/dist/{core-w629c4ND.cjs → core-DAox0BHy.cjs} +1 -1
- package/dist/{core-w629c4ND.cjs.map → core-DAox0BHy.cjs.map} +1 -1
- package/dist/{cpp-LIcuHkFj.cjs → cpp-D-FtdQo9.cjs} +1 -1
- package/dist/{cpp-LIcuHkFj.cjs.map → cpp-D-FtdQo9.cjs.map} +1 -1
- package/dist/{cpp-bNWmO1Au.js → cpp-Y9cHXDal.js} +1 -1
- package/dist/{cpp-bNWmO1Au.js.map → cpp-Y9cHXDal.js.map} +1 -1
- package/dist/{css-h_5aJA6y.js → css-C__ffGj6.js} +1 -1
- package/dist/{css-h_5aJA6y.js.map → css-C__ffGj6.js.map} +1 -1
- package/dist/{css-D6fGBtGV.cjs → css-DCYZ-Rs6.cjs} +1 -1
- package/dist/{css-D6fGBtGV.cjs.map → css-DCYZ-Rs6.cjs.map} +1 -1
- package/dist/data-7kG1MC1Z.cjs +2 -0
- package/dist/data-7kG1MC1Z.cjs.map +1 -0
- package/dist/{data-DT1ncDx_.js → data-z3e8XTSt.js} +762 -1067
- package/dist/data-z3e8XTSt.js.map +1 -0
- package/dist/data.cjs +1 -1
- package/dist/data.js +4 -4
- package/dist/display-Cw3-bTsm.cjs +3 -0
- package/dist/{display-BxVd6MMK.cjs.map → display-Cw3-bTsm.cjs.map} +1 -1
- package/dist/{display-CtVfcztO.js → display-DyC7084n.js} +34 -36
- package/dist/{display-CtVfcztO.js.map → display-DyC7084n.js.map} +1 -1
- package/dist/display.cjs +1 -1
- package/dist/display.js +4 -4
- package/dist/{dropdowns-BgpcQ9Hq.cjs → dropdowns-6eO0b6eI.cjs} +2 -2
- package/dist/{dropdowns-BgpcQ9Hq.cjs.map → dropdowns-6eO0b6eI.cjs.map} +1 -1
- package/dist/{dropdowns-C58ur0qF.js → dropdowns-zXgrjNXZ.js} +7 -7
- package/dist/{dropdowns-C58ur0qF.js.map → dropdowns-zXgrjNXZ.js.map} +1 -1
- package/dist/dropdowns.cjs +1 -1
- package/dist/dropdowns.js +1 -1
- package/dist/feedback-BvRmoSzV.cjs +2 -0
- package/dist/{feedback-BJiO6j28.cjs.map → feedback-BvRmoSzV.cjs.map} +1 -1
- package/dist/{feedback-q3oO-E_X.js → feedback-DfBjzJAw.js} +299 -300
- package/dist/{feedback-q3oO-E_X.js.map → feedback-DfBjzJAw.js.map} +1 -1
- package/dist/feedback.cjs +1 -1
- package/dist/feedback.js +6 -7
- package/dist/{form-DIOkVhd9.js → form-BiPQ8SRK.js} +1 -1
- package/dist/{form-DIOkVhd9.js.map → form-BiPQ8SRK.js.map} +1 -1
- package/dist/{form-D7OKrCBM.cjs → form-DlXWN2ul.cjs} +2 -2
- package/dist/{form-D7OKrCBM.cjs.map → form-DlXWN2ul.cjs.map} +1 -1
- package/dist/form.cjs +1 -1
- package/dist/form.js +1 -1
- package/dist/{frameworkTexts-CJHzJHsg.cjs → frameworkTexts-BLJcGUXz.cjs} +2 -2
- package/dist/{frameworkTexts-CJHzJHsg.cjs.map → frameworkTexts-BLJcGUXz.cjs.map} +1 -1
- package/dist/{frameworkTexts-Bzd6bn9s.js → frameworkTexts-BTFyhWFD.js} +1 -1
- package/dist/{frameworkTexts-Bzd6bn9s.js.map → frameworkTexts-BTFyhWFD.js.map} +1 -1
- package/dist/i18n.cjs +1 -1
- package/dist/{icons-lUQfZ4Jr.cjs → icons-qCoE70hn.cjs} +2 -2
- package/dist/{icons-lUQfZ4Jr.cjs.map → icons-qCoE70hn.cjs.map} +1 -1
- package/dist/icons.cjs +1 -1
- package/dist/illustrations.cjs +1 -1
- package/dist/index.cjs +2 -1
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +90 -56
- package/dist/index.js.map +1 -0
- package/dist/{inputs-DOO1tKK9.cjs → inputs-C1I1SLZ8.cjs} +2 -2
- package/dist/{inputs-DOO1tKK9.cjs.map → inputs-C1I1SLZ8.cjs.map} +1 -1
- package/dist/{inputs-Dwjwa_SJ.js → inputs-Dy1WurNK.js} +16 -7
- package/dist/{inputs-Dwjwa_SJ.js.map → inputs-Dy1WurNK.js.map} +1 -1
- package/dist/inputs.cjs +1 -1
- package/dist/inputs.js +5 -5
- package/dist/{javascript-BnTECToz.js → javascript-ClV78Svx.js} +1 -1
- package/dist/{javascript-BnTECToz.js.map → javascript-ClV78Svx.js.map} +1 -1
- package/dist/{javascript-Oy5hkezl.cjs → javascript-_Sr9cnsG.cjs} +1 -1
- package/dist/{javascript-Oy5hkezl.cjs.map → javascript-_Sr9cnsG.cjs.map} +1 -1
- package/dist/{json-BP8eqPWc.cjs → json-BFetU4Pi.cjs} +1 -1
- package/dist/{json-BP8eqPWc.cjs.map → json-BFetU4Pi.cjs.map} +1 -1
- package/dist/{json-Ci-bDynf.js → json-Dz6EkGZR.js} +1 -1
- package/dist/{json-Ci-bDynf.js.map → json-Dz6EkGZR.js.map} +1 -1
- package/dist/layout-D1-mF4xn.js +772 -0
- package/dist/layout-D1-mF4xn.js.map +1 -0
- package/dist/layout-Op6GWQ8w.cjs +2 -0
- package/dist/layout-Op6GWQ8w.cjs.map +1 -0
- package/dist/layout.cjs +1 -1
- package/dist/layout.js +8 -7
- package/dist/licensing-DmF0ObpG.cjs +2 -0
- package/dist/licensing-DmF0ObpG.cjs.map +1 -0
- package/dist/{licensing-CwzqhHH9.js → licensing-ZFCUU4Z8.js} +5 -1
- package/dist/licensing-ZFCUU4Z8.js.map +1 -0
- package/dist/{locale-Ba2yreFR.cjs → locale-Bz2JXxDZ.cjs} +2 -2
- package/dist/{locale-Ba2yreFR.cjs.map → locale-Bz2JXxDZ.cjs.map} +1 -1
- package/dist/{locale-JX_gX03k.js → locale-CS1-IY_I.js} +1 -1
- package/dist/{locale-JX_gX03k.js.map → locale-CS1-IY_I.js.map} +1 -1
- package/dist/media-DbToUupt.cjs +2 -0
- package/dist/media-DbToUupt.cjs.map +1 -0
- package/dist/{media-DdshnqJ1.js → media-DdChr0Cw.js} +7 -7
- package/dist/media-DdChr0Cw.js.map +1 -0
- package/dist/media.cjs +1 -1
- package/dist/media.js +3 -3
- package/dist/overlays-B0khU6Wb.js +392 -0
- package/dist/overlays-B0khU6Wb.js.map +1 -0
- package/dist/overlays-VAh5PqAe.cjs +2 -0
- package/dist/overlays-VAh5PqAe.cjs.map +1 -0
- package/dist/overlays.cjs +1 -1
- package/dist/overlays.js +6 -6
- package/dist/{php-DJ5j7KZU.js → php-5Erp5xxI.js} +1 -1
- package/dist/{php-DJ5j7KZU.js.map → php-5Erp5xxI.js.map} +1 -1
- package/dist/{php-Cwjc-ZYq.cjs → php-jOdR0XS8.cjs} +1 -1
- package/dist/{php-Cwjc-ZYq.cjs.map → php-jOdR0XS8.cjs.map} +1 -1
- package/dist/primitives.cjs +1 -1
- package/dist/style-runtime.cjs +1 -1
- package/dist/style-runtime.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/{theme-Bb_NAEiZ.cjs → theme-BaroO-OB.cjs} +2 -2
- package/dist/{theme-Bb_NAEiZ.cjs.map → theme-BaroO-OB.cjs.map} +1 -1
- package/dist/theme.cjs +1 -1
- package/dist/{typescript-QKlfKtex.cjs → typescript-C65sNL5w.cjs} +1 -1
- package/dist/{typescript-QKlfKtex.cjs.map → typescript-C65sNL5w.cjs.map} +1 -1
- package/dist/{typescript-DUexJ4gh.js → typescript-wdQKWfxO.js} +1 -1
- package/dist/{typescript-DUexJ4gh.js.map → typescript-wdQKWfxO.js.map} +1 -1
- package/dist/{typography-BSBsn0f8.js → typography-CldwDFse.js} +2 -11
- package/dist/typography-CldwDFse.js.map +1 -0
- package/dist/typography-D7COsP1O.cjs +2 -0
- package/dist/typography-D7COsP1O.cjs.map +1 -0
- package/dist/typography.cjs +1 -1
- package/dist/typography.js +4 -3
- package/dist/{useGhostText-mibV4s1-.cjs → useGhostText-Dg4P606B.cjs} +2 -2
- package/dist/{useGhostText-mibV4s1-.cjs.map → useGhostText-Dg4P606B.cjs.map} +1 -1
- package/dist/{useInteractionEffect-CtXlbjhC.cjs → useInteractionEffect-Bo8285cg.cjs} +2 -2
- package/dist/{useInteractionEffect-CtXlbjhC.cjs.map → useInteractionEffect-Bo8285cg.cjs.map} +1 -1
- package/dist/{useKeyboardNav-CCUoRMgm.cjs → useKeyboardNav-CyeQtqF8.cjs} +2 -2
- package/dist/{useKeyboardNav-CCUoRMgm.cjs.map → useKeyboardNav-CyeQtqF8.cjs.map} +1 -1
- package/dist/utils/commandPaletteFromAppMenu.d.ts +42 -0
- package/dist/utils/licensing.d.ts +4 -0
- package/dist/utils.cjs +1 -1
- package/dist/utils.js +1 -1
- package/dist/{xml-DEtyywwU.cjs → xml-B2okahIr.cjs} +1 -1
- package/dist/{xml-DEtyywwU.cjs.map → xml-B2okahIr.cjs.map} +1 -1
- package/dist/{xml-DlZghN7m.js → xml-a3b-XevT.js} +1 -1
- package/dist/{xml-DlZghN7m.js.map → xml-a3b-XevT.js.map} +1 -1
- package/package.json +1 -1
- package/dist/MBadge-BoxsfX_h.cjs +0 -2
- package/dist/MBadge-BoxsfX_h.cjs.map +0 -1
- package/dist/MBadge-_BggwkrM.js +0 -19
- package/dist/MBadge-_BggwkrM.js.map +0 -1
- package/dist/MButton-B9k45kH-.cjs +0 -2
- package/dist/MButton-B9k45kH-.cjs.map +0 -1
- package/dist/MButton-y9qXhhGt.js.map +0 -1
- package/dist/MDataTable-C3v15no3.cjs.map +0 -1
- package/dist/MDataTable-C_XiTGTF.js.map +0 -1
- package/dist/MImage-I0LPhcqF.js.map +0 -1
- package/dist/MImage-hnSqIPaC.cjs +0 -2
- package/dist/MImage-hnSqIPaC.cjs.map +0 -1
- package/dist/MInline-CoMhfX5V.js +0 -39
- package/dist/MInline-CoMhfX5V.js.map +0 -1
- package/dist/MInline-FEXWkr71.cjs +0 -2
- package/dist/MInline-FEXWkr71.cjs.map +0 -1
- package/dist/MInputCVC-BgougfgN.js.map +0 -1
- package/dist/MInputCVC-CRWp1fYi.cjs +0 -2
- package/dist/MInputCVC-CRWp1fYi.cjs.map +0 -1
- package/dist/MQrCode-BXXTLtBP.cjs +0 -2
- package/dist/MQrCode-BXXTLtBP.cjs.map +0 -1
- package/dist/MQrCode-CCtTkkv9.js.map +0 -1
- package/dist/MSkeleton-BP7H_lsX.js +0 -98
- package/dist/MSkeleton-BP7H_lsX.js.map +0 -1
- package/dist/MSkeleton-QO2sI-Ni.cjs +0 -2
- package/dist/MSkeleton-QO2sI-Ni.cjs.map +0 -1
- package/dist/MSparkline-CcM1n7Kh.cjs +0 -2
- package/dist/MSparkline-CcM1n7Kh.cjs.map +0 -1
- package/dist/MSparkline-voNWOLNz.js +0 -207
- package/dist/MSparkline-voNWOLNz.js.map +0 -1
- package/dist/MStack-CSaEbepM.js +0 -39
- package/dist/MStack-CSaEbepM.js.map +0 -1
- package/dist/MStack-Dy8Zl6FW.cjs +0 -2
- package/dist/MStack-Dy8Zl6FW.cjs.map +0 -1
- package/dist/MSurface-f_3vN0sd.js +0 -39
- package/dist/MSurface-f_3vN0sd.js.map +0 -1
- package/dist/MSurface-wVqTsi1m.cjs +0 -2
- package/dist/MSurface-wVqTsi1m.cjs.map +0 -1
- package/dist/cards-BYX8bM2l.js +0 -1163
- package/dist/cards-BYX8bM2l.js.map +0 -1
- package/dist/cards-lCx9oEVk.cjs +0 -2
- package/dist/cards-lCx9oEVk.cjs.map +0 -1
- package/dist/controls-CZCxbJgq.cjs +0 -2
- package/dist/controls-CZCxbJgq.cjs.map +0 -1
- package/dist/controls-DCtMOoQe.js.map +0 -1
- package/dist/data-CcS-eYye.cjs +0 -2
- package/dist/data-CcS-eYye.cjs.map +0 -1
- package/dist/data-DT1ncDx_.js.map +0 -1
- package/dist/display-BxVd6MMK.cjs +0 -3
- package/dist/feedback-BJiO6j28.cjs +0 -2
- package/dist/layout-B3S9bvaP.cjs +0 -2
- package/dist/layout-B3S9bvaP.cjs.map +0 -1
- package/dist/layout-BqDbW0Qn.js +0 -854
- package/dist/layout-BqDbW0Qn.js.map +0 -1
- package/dist/licensing-CwzqhHH9.js.map +0 -1
- package/dist/licensing-Df1Z1rnQ.cjs +0 -2
- package/dist/licensing-Df1Z1rnQ.cjs.map +0 -1
- package/dist/media-C5atCcc6.cjs +0 -2
- package/dist/media-C5atCcc6.cjs.map +0 -1
- package/dist/media-DdshnqJ1.js.map +0 -1
- package/dist/overlays-BC_6IATL.cjs +0 -2
- package/dist/overlays-BC_6IATL.cjs.map +0 -1
- package/dist/overlays-zUoV_Jy7.js +0 -186
- package/dist/overlays-zUoV_Jy7.js.map +0 -1
- package/dist/typography-BSBsn0f8.js.map +0 -1
- package/dist/typography-CRKIyR-B.cjs +0 -2
- package/dist/typography-CRKIyR-B.cjs.map +0 -1
|
@@ -1,70 +1,68 @@
|
|
|
1
1
|
import { t as e } from "./theme-D_f-cmSA.js";
|
|
2
|
-
import { $r as t, Ai as n, Ar as r, At as i, Br as a, Cr as o, Dr as s, Ei as c, Fr as l, Gr as u, Hr as d, Ir as f, Jr as p, Kr as m, Li as h, Lr as g, Mr as _, Or as v,
|
|
3
|
-
import { t as
|
|
4
|
-
import { t as
|
|
5
|
-
import { t as
|
|
6
|
-
import { t as
|
|
7
|
-
import { t as
|
|
8
|
-
import { t as
|
|
9
|
-
import { t as
|
|
10
|
-
import { r as
|
|
11
|
-
import { t as
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import { t as
|
|
15
|
-
import { t as
|
|
16
|
-
import { i as
|
|
17
|
-
import { t as
|
|
18
|
-
import { t as
|
|
19
|
-
import { t as
|
|
20
|
-
import { t as
|
|
21
|
-
import { t as
|
|
22
|
-
import { a as
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import { Children as ze, createContext as Be, isValidElement as Ve, useCallback as q, useContext as He, useEffect as Ue, useMemo as J, useRef as Y, useState as X } from "react";
|
|
27
|
-
import { Fragment as We, jsx as Z, jsxs as Q } from "react/jsx-runtime";
|
|
2
|
+
import { $r as t, Ai as n, Ar as r, At as i, Br as a, Cr as o, Dr as s, Ei as c, Fr as l, Gr as u, Hr as d, Ir as f, Jr as p, Kr as m, Li as h, Lr as g, Mr as _, Or as v, Pr as y, Qr as b, Rr as x, Sr as S, Tr as C, Ur as w, Vr as T, Wr as E, Yr as D, br as O, cn as k, dn as A, ei as j, en as M, ii as ee, jr as te, jt as ne, kr as re, nn as ie, pi as ae, qr as oe, sn as se, ti as ce, tn as N, vr as le, wr as ue, xr as de, zr as fe } from "./icons-CfpYxnfg.js";
|
|
3
|
+
import { t as P } from "./cn-YER3QsV1.js";
|
|
4
|
+
import { t as pe } from "./MPortal-Ba2Sxset.js";
|
|
5
|
+
import { t as me } from "./MPopover-Cqz5TsHg.js";
|
|
6
|
+
import { n as he, t as ge } from "./MStack-DFIc3S4_.js";
|
|
7
|
+
import { t as F } from "./MText-DcB1GAt-.js";
|
|
8
|
+
import { t as I } from "./MHeading-MPh8Qm9q.js";
|
|
9
|
+
import { t as _e } from "./MSubText-BFdfBlpS.js";
|
|
10
|
+
import { r as L, t as R } from "./MButton-DZLLrtQb.js";
|
|
11
|
+
import { t as ve } from "./MCheckbox-B7SpcD4H.js";
|
|
12
|
+
import { n as ye, r as z, s as B } from "./MSkeleton-BvXgnYs_.js";
|
|
13
|
+
import { t as be } from "./MModal-DGmeQlWo.js";
|
|
14
|
+
import { t as xe } from "./MInputSearch-CmzHPnmC.js";
|
|
15
|
+
import { t as Se } from "./MTooltip-jSf4VBtB.js";
|
|
16
|
+
import { i as Ce, r as we } from "./MDropdownMenu-CeiC1tz3.js";
|
|
17
|
+
import { t as Te } from "./locale-CS1-IY_I.js";
|
|
18
|
+
import { t as V } from "./MTimeAgo-Db8gOade.js";
|
|
19
|
+
import { t as H } from "./MImage-Btx_7g2Z.js";
|
|
20
|
+
import { t as U } from "./MAvatar-BcayQCnp.js";
|
|
21
|
+
import { a as W, c as G, d as Ee, f as De, i as Oe, l as ke, o as Ae, p as je, r as Me, s as Ne, t as Pe, u as Fe } from "./MTreeView-AqH8XMPz.js";
|
|
22
|
+
import { a as Ie, r as Le, t as Re } from "./frameworkTexts-BTFyhWFD.js";
|
|
23
|
+
import { t as ze } from "./MTabs-BQZ--mMq.js";
|
|
24
|
+
import { Children as Be, createContext as Ve, isValidElement as He, useCallback as K, useContext as Ue, useEffect as We, useMemo as q, useRef as J, useState as Y } from "react";
|
|
25
|
+
import { Fragment as Ge, jsx as X, jsxs as Z } from "react/jsx-runtime";
|
|
28
26
|
//#region src/components/data/MChat/MChatContext.ts
|
|
29
|
-
var
|
|
30
|
-
function
|
|
31
|
-
return
|
|
27
|
+
var Ke = Ve({});
|
|
28
|
+
function qe() {
|
|
29
|
+
return Ue(Ke);
|
|
32
30
|
}
|
|
33
31
|
//#endregion
|
|
34
32
|
//#region src/components/data/MChat/MChat.tsx
|
|
35
|
-
function
|
|
36
|
-
return
|
|
33
|
+
function Je(e, t) {
|
|
34
|
+
return He(e) && !!e.type[t];
|
|
37
35
|
}
|
|
38
|
-
function
|
|
36
|
+
function Ye({ variant: e = "inline", open: t, onToggle: n, unreadCount: r, color: a = "primary", className: o, children: s, ...c }) {
|
|
39
37
|
let l = null, u = null, d = [];
|
|
40
|
-
|
|
41
|
-
if (
|
|
38
|
+
Be.forEach(s, (e) => {
|
|
39
|
+
if (Je(e, "__chatHeader")) {
|
|
42
40
|
l = e;
|
|
43
41
|
return;
|
|
44
42
|
}
|
|
45
|
-
if (
|
|
43
|
+
if (Je(e, "__chatConversationList")) {
|
|
46
44
|
u = e;
|
|
47
45
|
return;
|
|
48
46
|
}
|
|
49
47
|
d.push(e);
|
|
50
48
|
});
|
|
51
|
-
let f =
|
|
49
|
+
let f = q(() => ({ color: a }), [a]), p = /* @__PURE__ */ X(Ke.Provider, {
|
|
52
50
|
value: f,
|
|
53
|
-
children: /* @__PURE__ */
|
|
54
|
-
className:
|
|
51
|
+
children: /* @__PURE__ */ Z("div", {
|
|
52
|
+
className: P("chat", e, `color-${a}`, e === "floating" && t && "open", o),
|
|
55
53
|
...c,
|
|
56
|
-
children: [u && /* @__PURE__ */
|
|
54
|
+
children: [u && /* @__PURE__ */ X("div", {
|
|
57
55
|
className: "chat-sidebar",
|
|
58
56
|
children: u
|
|
59
|
-
}), /* @__PURE__ */
|
|
57
|
+
}), /* @__PURE__ */ Z("div", {
|
|
60
58
|
className: "chat-main",
|
|
61
59
|
children: [l, d]
|
|
62
60
|
})]
|
|
63
61
|
})
|
|
64
62
|
});
|
|
65
|
-
return e === "floating" ? /* @__PURE__ */
|
|
66
|
-
className:
|
|
67
|
-
children: [t && p, /* @__PURE__ */
|
|
63
|
+
return e === "floating" ? /* @__PURE__ */ X(pe, { children: /* @__PURE__ */ Z("div", {
|
|
64
|
+
className: P("chat-floating-wrapper", t && "open"),
|
|
65
|
+
children: [t && p, /* @__PURE__ */ X(R, {
|
|
68
66
|
variant: "filled",
|
|
69
67
|
color: a,
|
|
70
68
|
shape: "circle",
|
|
@@ -75,55 +73,55 @@ function Je({ variant: e = "inline", open: t, onToggle: n, unreadCount: r, color
|
|
|
75
73
|
badge: !t && r ? r : void 0,
|
|
76
74
|
badgeColor: "error",
|
|
77
75
|
badgePulsing: !t && !!r,
|
|
78
|
-
children: /* @__PURE__ */
|
|
76
|
+
children: /* @__PURE__ */ X(i, {})
|
|
79
77
|
})]
|
|
80
78
|
}) }) : p;
|
|
81
79
|
}
|
|
82
80
|
//#endregion
|
|
83
81
|
//#region src/components/data/MChat/MChatHeader.tsx
|
|
84
|
-
function
|
|
85
|
-
return /* @__PURE__ */
|
|
86
|
-
className:
|
|
82
|
+
function Xe({ bordered: e = !1, className: t, children: n, ...r }) {
|
|
83
|
+
return /* @__PURE__ */ X("div", {
|
|
84
|
+
className: P("chat-header", e && "bordered", t),
|
|
87
85
|
...r,
|
|
88
86
|
children: n
|
|
89
87
|
});
|
|
90
88
|
}
|
|
91
|
-
|
|
89
|
+
Xe.__chatHeader = !0;
|
|
92
90
|
//#endregion
|
|
93
91
|
//#region src/components/data/MChat/MChatMessage.tsx
|
|
94
|
-
function
|
|
92
|
+
function Ze({ status: e }) {
|
|
95
93
|
if (!e) return null;
|
|
96
94
|
let t = e === "delivered" || e === "read";
|
|
97
|
-
return /* @__PURE__ */
|
|
98
|
-
className:
|
|
95
|
+
return /* @__PURE__ */ X("span", {
|
|
96
|
+
className: P("chat-status", e === "read" ? "chat-status-read" : ""),
|
|
99
97
|
"aria-label": e,
|
|
100
98
|
children: t ? "✓✓" : "✓"
|
|
101
99
|
});
|
|
102
100
|
}
|
|
103
|
-
function
|
|
101
|
+
function Qe({ message: e, showAvatar: t = !0, showTimestamp: n = !0, color: r, className: i, ...a }) {
|
|
104
102
|
let { content: o, sender: s, timestamp: c, status: l, isOwn: u, images: d } = e;
|
|
105
|
-
return /* @__PURE__ */
|
|
106
|
-
className:
|
|
103
|
+
return /* @__PURE__ */ Z("div", {
|
|
104
|
+
className: P("chat-message", u && "own", r || void 0, i),
|
|
107
105
|
...a,
|
|
108
|
-
children: [t && !u && /* @__PURE__ */
|
|
106
|
+
children: [t && !u && /* @__PURE__ */ X(U, {
|
|
109
107
|
src: s.avatar,
|
|
110
108
|
name: s.name,
|
|
111
109
|
size: "sm",
|
|
112
110
|
color: r,
|
|
113
111
|
className: "chat-message-avatar"
|
|
114
|
-
}), /* @__PURE__ */
|
|
112
|
+
}), /* @__PURE__ */ Z("div", {
|
|
115
113
|
className: "chat-message-content",
|
|
116
114
|
children: [
|
|
117
|
-
!u && /* @__PURE__ */
|
|
115
|
+
!u && /* @__PURE__ */ X(F, {
|
|
118
116
|
className: "chat-message-sender",
|
|
119
117
|
color: "neutral",
|
|
120
118
|
children: s.name
|
|
121
119
|
}),
|
|
122
|
-
/* @__PURE__ */
|
|
120
|
+
/* @__PURE__ */ Z("div", {
|
|
123
121
|
className: "chat-message-bubble",
|
|
124
|
-
children: [o && /* @__PURE__ */
|
|
125
|
-
className:
|
|
126
|
-
children: d.map((e, t) => /* @__PURE__ */
|
|
122
|
+
children: [o && /* @__PURE__ */ X(F, { children: o }), d && d.length > 0 && /* @__PURE__ */ X("div", {
|
|
123
|
+
className: P("chat-message-images", d.length > 1 && "grid"),
|
|
124
|
+
children: d.map((e, t) => /* @__PURE__ */ X(H, {
|
|
127
125
|
src: e,
|
|
128
126
|
alt: "",
|
|
129
127
|
fit: "cover",
|
|
@@ -132,11 +130,11 @@ function Ze({ message: e, showAvatar: t = !0, showTimestamp: n = !0, color: r, c
|
|
|
132
130
|
}, t))
|
|
133
131
|
})]
|
|
134
132
|
}),
|
|
135
|
-
/* @__PURE__ */
|
|
133
|
+
/* @__PURE__ */ Z("div", {
|
|
136
134
|
className: "chat-message-meta",
|
|
137
|
-
children: [u && /* @__PURE__ */
|
|
135
|
+
children: [u && /* @__PURE__ */ X(Ze, { status: l }), n && /* @__PURE__ */ X(_e, {
|
|
138
136
|
className: "chat-message-time",
|
|
139
|
-
children: /* @__PURE__ */
|
|
137
|
+
children: /* @__PURE__ */ X(V, { value: c })
|
|
140
138
|
})]
|
|
141
139
|
})
|
|
142
140
|
]
|
|
@@ -145,30 +143,30 @@ function Ze({ message: e, showAvatar: t = !0, showTimestamp: n = !0, color: r, c
|
|
|
145
143
|
}
|
|
146
144
|
//#endregion
|
|
147
145
|
//#region src/components/data/MChat/MChatBody.tsx
|
|
148
|
-
function
|
|
149
|
-
let { color: s } =
|
|
146
|
+
function $e({ messages: e, onScrollTop: t, loading: n = !1, color: r, className: i, children: a, ...o }) {
|
|
147
|
+
let { color: s } = qe(), c = r ?? s, l = J(null), u = J(!0), d = J(0), f = K(() => {
|
|
150
148
|
let e = l.current;
|
|
151
149
|
e && (e.scrollTop = e.scrollHeight);
|
|
152
150
|
}, []);
|
|
153
|
-
return
|
|
151
|
+
return We(() => {
|
|
154
152
|
let t = e?.length ?? 0;
|
|
155
153
|
t > d.current && u.current && f(), d.current = t;
|
|
156
|
-
}, [e?.length, f]),
|
|
154
|
+
}, [e?.length, f]), We(() => {
|
|
157
155
|
f();
|
|
158
|
-
}, [f]), /* @__PURE__ */
|
|
156
|
+
}, [f]), /* @__PURE__ */ Z("div", {
|
|
159
157
|
ref: l,
|
|
160
|
-
className:
|
|
158
|
+
className: P("chat-body", i),
|
|
161
159
|
onScroll: () => {
|
|
162
160
|
let e = l.current;
|
|
163
161
|
e && (u.current = e.scrollHeight - e.scrollTop - e.clientHeight < 40, e.scrollTop < 40 && t && !n && t());
|
|
164
162
|
},
|
|
165
163
|
...o,
|
|
166
164
|
children: [
|
|
167
|
-
n && /* @__PURE__ */
|
|
165
|
+
n && /* @__PURE__ */ X("div", {
|
|
168
166
|
className: "chat-body-loader",
|
|
169
|
-
children: /* @__PURE__ */
|
|
167
|
+
children: /* @__PURE__ */ X(L, { size: "sm" })
|
|
170
168
|
}),
|
|
171
|
-
e?.map((e) => /* @__PURE__ */
|
|
169
|
+
e?.map((e) => /* @__PURE__ */ X(Qe, {
|
|
172
170
|
message: e,
|
|
173
171
|
color: c
|
|
174
172
|
}, e.id)),
|
|
@@ -178,7 +176,7 @@ function Qe({ messages: e, onScrollTop: t, loading: n = !1, color: r, className:
|
|
|
178
176
|
}
|
|
179
177
|
//#endregion
|
|
180
178
|
//#region src/components/data/MChat/emojis.ts
|
|
181
|
-
var
|
|
179
|
+
var et = [
|
|
182
180
|
{
|
|
183
181
|
label: "Smileys",
|
|
184
182
|
emojis: /* @__PURE__ */ "😀.😃.😄.😁.😆.😅.🤣.😂.🙂.😊.😇.🥰.😍.🤩.😘.😗.😋.😛.😜.🤪.😝.🤗.🤔.🫡.🤐.🤨.😐.😑.😶.🫠.😏.😒.🙄.😬.😮💨.🤥.😌.😔.😪.🤤.😴.😷.🤒.🤕.🤢.🤮.🤧.🥵.🥶.😵.🤯.🥳.🥸.😎.🤓.🧐".split(".")
|
|
@@ -237,19 +235,19 @@ var $e = [
|
|
|
237
235
|
"🔔"
|
|
238
236
|
]
|
|
239
237
|
}
|
|
240
|
-
],
|
|
241
|
-
function
|
|
242
|
-
let { color: u } =
|
|
238
|
+
], tt = "image/png,image/jpeg,image/gif,image/webp";
|
|
239
|
+
function nt({ onSend: e, placeholder: t = "Type a message…", disabled: n = !1, showEmoji: r = !0, showAttach: i = !0, onTyping: a, color: o, className: s, ...l }) {
|
|
240
|
+
let { color: u } = qe(), d = o ?? u, [f, p] = Y(""), [m, g] = Y(!1), [_, v] = Y([]), [y, b] = Y([]), [x, S] = Y(!1), C = J(null), w = J(null), T = J(null), E = J(!1), D = J(void 0), O = K((e) => {
|
|
243
241
|
let t = e.filter((e) => e.type.startsWith("image/"));
|
|
244
242
|
t.length !== 0 && (v((e) => [...e, ...t]), t.forEach((e) => {
|
|
245
243
|
let t = URL.createObjectURL(e);
|
|
246
244
|
b((e) => [...e, t]);
|
|
247
245
|
}));
|
|
248
|
-
}, []), k =
|
|
246
|
+
}, []), k = K((e) => {
|
|
249
247
|
b((t) => (URL.revokeObjectURL(t[e]), t.filter((t, n) => n !== e))), v((t) => t.filter((t, n) => n !== e));
|
|
250
248
|
}, []);
|
|
251
|
-
|
|
252
|
-
let A =
|
|
249
|
+
We(() => () => y.forEach((e) => URL.revokeObjectURL(e)), []);
|
|
250
|
+
let A = K(() => {
|
|
253
251
|
let t = f.trim();
|
|
254
252
|
!t && _.length === 0 || n || (e?.(t, _.length > 0 ? _ : void 0), p(""), v([]), b((e) => (e.forEach((e) => URL.revokeObjectURL(e)), [])), C.current && (C.current.style.height = "auto"), E.current && (E.current = !1, a?.(!1)));
|
|
255
253
|
}, [
|
|
@@ -261,53 +259,53 @@ function tt({ onSend: e, placeholder: t = "Type a message…", disabled: n = !1,
|
|
|
261
259
|
]), j = (e) => {
|
|
262
260
|
e.key === "Enter" && !e.shiftKey && (e.preventDefault(), A());
|
|
263
261
|
}, M = (e) => {
|
|
264
|
-
p(e.target.value),
|
|
262
|
+
p(e.target.value), ee(e.target), a && (E.current || (E.current = !0, a(!0)), clearTimeout(D.current), D.current = setTimeout(() => {
|
|
265
263
|
E.current = !1, a(!1);
|
|
266
264
|
}, 1500));
|
|
267
|
-
},
|
|
265
|
+
}, ee = (e) => {
|
|
268
266
|
e.style.height = "auto", e.style.height = Math.min(e.scrollHeight, 120) + "px";
|
|
269
267
|
};
|
|
270
|
-
|
|
271
|
-
let
|
|
268
|
+
We(() => () => clearTimeout(D.current), []);
|
|
269
|
+
let te = (e) => {
|
|
272
270
|
p((t) => t + e), g(!1), C.current?.focus();
|
|
273
|
-
}, te = (e) => {
|
|
274
|
-
e.preventDefault(), S(!0);
|
|
275
271
|
}, re = (e) => {
|
|
276
|
-
e.preventDefault(), S(!
|
|
272
|
+
e.preventDefault(), S(!0);
|
|
277
273
|
}, ie = (e) => {
|
|
274
|
+
e.preventDefault(), S(!1);
|
|
275
|
+
}, ae = (e) => {
|
|
278
276
|
e.preventDefault(), S(!1), O(Array.from(e.dataTransfer.files));
|
|
279
|
-
},
|
|
277
|
+
}, oe = () => {
|
|
280
278
|
let e = T.current?.files;
|
|
281
279
|
e && O(Array.from(e)), T.current && (T.current.value = "");
|
|
282
|
-
},
|
|
283
|
-
return /* @__PURE__ */
|
|
284
|
-
className:
|
|
285
|
-
onDragOver:
|
|
286
|
-
onDragLeave:
|
|
287
|
-
onDrop:
|
|
280
|
+
}, se = f.trim() || _.length > 0;
|
|
281
|
+
return /* @__PURE__ */ Z("div", {
|
|
282
|
+
className: P("chat-input", x && "drag-over", s),
|
|
283
|
+
onDragOver: re,
|
|
284
|
+
onDragLeave: ie,
|
|
285
|
+
onDrop: ae,
|
|
288
286
|
...l,
|
|
289
|
-
children: [y.length > 0 && /* @__PURE__ */
|
|
287
|
+
children: [y.length > 0 && /* @__PURE__ */ X("div", {
|
|
290
288
|
className: "chat-input-previews",
|
|
291
|
-
children: y.map((e, t) => /* @__PURE__ */
|
|
289
|
+
children: y.map((e, t) => /* @__PURE__ */ Z("div", {
|
|
292
290
|
className: "chat-input-preview",
|
|
293
|
-
children: [/* @__PURE__ */
|
|
291
|
+
children: [/* @__PURE__ */ X(H, {
|
|
294
292
|
src: e,
|
|
295
293
|
alt: "",
|
|
296
294
|
fit: "cover",
|
|
297
295
|
rounded: !0,
|
|
298
296
|
className: "chat-input-preview-img"
|
|
299
|
-
}), /* @__PURE__ */
|
|
297
|
+
}), /* @__PURE__ */ X("button", {
|
|
300
298
|
type: "button",
|
|
301
299
|
className: "chat-input-preview-remove",
|
|
302
300
|
onClick: () => k(t),
|
|
303
301
|
"aria-label": "Remove image",
|
|
304
|
-
children: /* @__PURE__ */
|
|
302
|
+
children: /* @__PURE__ */ X(h, {})
|
|
305
303
|
})]
|
|
306
304
|
}, t))
|
|
307
|
-
}), /* @__PURE__ */
|
|
305
|
+
}), /* @__PURE__ */ Z("div", {
|
|
308
306
|
className: "chat-input-field",
|
|
309
307
|
children: [
|
|
310
|
-
r && /* @__PURE__ */
|
|
308
|
+
r && /* @__PURE__ */ Z(Ge, { children: [/* @__PURE__ */ X("button", {
|
|
311
309
|
ref: w,
|
|
312
310
|
type: "button",
|
|
313
311
|
className: "chat-input-emoji-trigger",
|
|
@@ -315,47 +313,47 @@ function tt({ onSend: e, placeholder: t = "Type a message…", disabled: n = !1,
|
|
|
315
313
|
"aria-label": "Emoji",
|
|
316
314
|
disabled: n,
|
|
317
315
|
children: "😊"
|
|
318
|
-
}), /* @__PURE__ */
|
|
316
|
+
}), /* @__PURE__ */ X(me, {
|
|
319
317
|
open: m,
|
|
320
318
|
anchorRef: w,
|
|
321
319
|
onClose: () => g(!1),
|
|
322
320
|
placement: "top-start",
|
|
323
|
-
children: /* @__PURE__ */
|
|
321
|
+
children: /* @__PURE__ */ X("div", {
|
|
324
322
|
className: "chat-emoji-picker",
|
|
325
|
-
children:
|
|
323
|
+
children: et.map((e) => /* @__PURE__ */ Z("div", {
|
|
326
324
|
className: "chat-emoji-category",
|
|
327
|
-
children: [/* @__PURE__ */
|
|
325
|
+
children: [/* @__PURE__ */ X("div", {
|
|
328
326
|
className: "chat-emoji-category-label",
|
|
329
327
|
children: e.label
|
|
330
|
-
}), /* @__PURE__ */
|
|
328
|
+
}), /* @__PURE__ */ X("div", {
|
|
331
329
|
className: "chat-emoji-grid",
|
|
332
|
-
children: e.emojis.map((e) => /* @__PURE__ */
|
|
330
|
+
children: e.emojis.map((e) => /* @__PURE__ */ X("button", {
|
|
333
331
|
type: "button",
|
|
334
332
|
className: "chat-emoji-btn",
|
|
335
|
-
onClick: () =>
|
|
333
|
+
onClick: () => te(e),
|
|
336
334
|
children: e
|
|
337
335
|
}, e))
|
|
338
336
|
})]
|
|
339
337
|
}, e.label))
|
|
340
338
|
})
|
|
341
339
|
})] }),
|
|
342
|
-
i && /* @__PURE__ */
|
|
340
|
+
i && /* @__PURE__ */ Z(Ge, { children: [/* @__PURE__ */ X("input", {
|
|
343
341
|
ref: T,
|
|
344
342
|
type: "file",
|
|
345
|
-
accept:
|
|
343
|
+
accept: tt,
|
|
346
344
|
multiple: !0,
|
|
347
345
|
className: "chat-input-file-hidden",
|
|
348
|
-
onChange:
|
|
346
|
+
onChange: oe,
|
|
349
347
|
tabIndex: -1
|
|
350
|
-
}), /* @__PURE__ */
|
|
348
|
+
}), /* @__PURE__ */ X("button", {
|
|
351
349
|
type: "button",
|
|
352
350
|
className: "chat-input-attach-trigger",
|
|
353
351
|
onClick: () => T.current?.click(),
|
|
354
352
|
"aria-label": "Attach image",
|
|
355
353
|
disabled: n,
|
|
356
|
-
children: /* @__PURE__ */
|
|
354
|
+
children: /* @__PURE__ */ X(c, { color: "inherit" })
|
|
357
355
|
})] }),
|
|
358
|
-
/* @__PURE__ */
|
|
356
|
+
/* @__PURE__ */ X("textarea", {
|
|
359
357
|
ref: C,
|
|
360
358
|
className: "chat-input-textarea",
|
|
361
359
|
value: f,
|
|
@@ -365,7 +363,7 @@ function tt({ onSend: e, placeholder: t = "Type a message…", disabled: n = !1,
|
|
|
365
363
|
disabled: n,
|
|
366
364
|
rows: 1
|
|
367
365
|
}),
|
|
368
|
-
/* @__PURE__ */
|
|
366
|
+
/* @__PURE__ */ X(R, {
|
|
369
367
|
variant: "filled",
|
|
370
368
|
size: "sm",
|
|
371
369
|
color: d ?? "primary",
|
|
@@ -373,9 +371,9 @@ function tt({ onSend: e, placeholder: t = "Type a message…", disabled: n = !1,
|
|
|
373
371
|
shape: "circle",
|
|
374
372
|
className: "chat-input-send",
|
|
375
373
|
onClick: A,
|
|
376
|
-
disabled: n || !
|
|
374
|
+
disabled: n || !se,
|
|
377
375
|
"aria-label": "Send",
|
|
378
|
-
children: /* @__PURE__ */
|
|
376
|
+
children: /* @__PURE__ */ X(ne, {})
|
|
379
377
|
})
|
|
380
378
|
]
|
|
381
379
|
})]
|
|
@@ -383,44 +381,44 @@ function tt({ onSend: e, placeholder: t = "Type a message…", disabled: n = !1,
|
|
|
383
381
|
}
|
|
384
382
|
//#endregion
|
|
385
383
|
//#region src/components/data/MChat/MChatTypingIndicator.tsx
|
|
386
|
-
function
|
|
384
|
+
function rt({ users: e = [], visible: t = !0, className: n, ...r }) {
|
|
387
385
|
if (!t || e.length === 0) return null;
|
|
388
386
|
let i = e.length === 1 ? `${e[0].name} is typing` : e.length === 2 ? `${e[0].name} and ${e[1].name} are typing` : `${e[0].name} and ${e.length - 1} others are typing`;
|
|
389
|
-
return /* @__PURE__ */
|
|
390
|
-
className:
|
|
387
|
+
return /* @__PURE__ */ Z("div", {
|
|
388
|
+
className: P("chat-typing", n),
|
|
391
389
|
"aria-label": i,
|
|
392
390
|
...r,
|
|
393
|
-
children: [e.length === 1 && /* @__PURE__ */
|
|
391
|
+
children: [e.length === 1 && /* @__PURE__ */ X(U, {
|
|
394
392
|
src: e[0].avatar,
|
|
395
393
|
name: e[0].name,
|
|
396
394
|
size: "sm",
|
|
397
395
|
className: "chat-typing-avatar"
|
|
398
|
-
}), /* @__PURE__ */
|
|
396
|
+
}), /* @__PURE__ */ Z("div", {
|
|
399
397
|
className: "chat-typing-dots",
|
|
400
398
|
children: [
|
|
401
|
-
/* @__PURE__ */
|
|
402
|
-
/* @__PURE__ */
|
|
403
|
-
/* @__PURE__ */
|
|
399
|
+
/* @__PURE__ */ X("span", { className: "chat-typing-dot" }),
|
|
400
|
+
/* @__PURE__ */ X("span", { className: "chat-typing-dot" }),
|
|
401
|
+
/* @__PURE__ */ X("span", { className: "chat-typing-dot" })
|
|
404
402
|
]
|
|
405
403
|
})]
|
|
406
404
|
});
|
|
407
405
|
}
|
|
408
406
|
//#endregion
|
|
409
407
|
//#region src/components/data/MChat/MChatConversationList.tsx
|
|
410
|
-
function
|
|
411
|
-
return /* @__PURE__ */
|
|
412
|
-
className:
|
|
408
|
+
function it({ className: e, children: t, ...n }) {
|
|
409
|
+
return /* @__PURE__ */ X("div", {
|
|
410
|
+
className: P("chat-conversation-list", e),
|
|
413
411
|
...n,
|
|
414
412
|
children: t
|
|
415
413
|
});
|
|
416
414
|
}
|
|
417
|
-
|
|
415
|
+
it.__chatConversationList = !0;
|
|
418
416
|
//#endregion
|
|
419
417
|
//#region src/components/data/MChat/MChatConversationItem.tsx
|
|
420
|
-
function
|
|
421
|
-
let { color: o } =
|
|
422
|
-
return /* @__PURE__ */
|
|
423
|
-
className:
|
|
418
|
+
function at({ conversation: e, active: t = !1, color: n, onClick: r, className: i, ...a }) {
|
|
419
|
+
let { color: o } = qe(), s = n ?? o, { title: c, participants: l, lastMessage: u, unreadCount: d } = e, f = c ?? l.map((e) => e.name).join(", "), p = l[0], m = l.some((e) => e.online);
|
|
420
|
+
return /* @__PURE__ */ Z("div", {
|
|
421
|
+
className: P("chat-conversation-item", t && "active", i),
|
|
424
422
|
onClick: () => r?.(e),
|
|
425
423
|
role: "button",
|
|
426
424
|
tabIndex: 0,
|
|
@@ -428,7 +426,7 @@ function it({ conversation: e, active: t = !1, color: n, onClick: r, className:
|
|
|
428
426
|
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), r?.(e));
|
|
429
427
|
},
|
|
430
428
|
...a,
|
|
431
|
-
children: [/* @__PURE__ */
|
|
429
|
+
children: [/* @__PURE__ */ X(U, {
|
|
432
430
|
src: p?.avatar,
|
|
433
431
|
name: p?.name,
|
|
434
432
|
size: "md",
|
|
@@ -436,23 +434,23 @@ function it({ conversation: e, active: t = !1, color: n, onClick: r, className:
|
|
|
436
434
|
badge: m,
|
|
437
435
|
badgeColor: "success",
|
|
438
436
|
className: "chat-conversation-avatar"
|
|
439
|
-
}), /* @__PURE__ */
|
|
437
|
+
}), /* @__PURE__ */ Z("div", {
|
|
440
438
|
className: "chat-conversation-info",
|
|
441
|
-
children: [/* @__PURE__ */
|
|
439
|
+
children: [/* @__PURE__ */ Z("div", {
|
|
442
440
|
className: "chat-conversation-top",
|
|
443
|
-
children: [/* @__PURE__ */
|
|
441
|
+
children: [/* @__PURE__ */ X(F, {
|
|
444
442
|
className: "chat-conversation-name",
|
|
445
443
|
children: f
|
|
446
|
-
}), u && /* @__PURE__ */
|
|
444
|
+
}), u && /* @__PURE__ */ X(_e, {
|
|
447
445
|
className: "chat-conversation-time",
|
|
448
|
-
children: /* @__PURE__ */
|
|
446
|
+
children: /* @__PURE__ */ X(V, { value: u.timestamp })
|
|
449
447
|
})]
|
|
450
|
-
}), u && /* @__PURE__ */
|
|
448
|
+
}), u && /* @__PURE__ */ Z("div", {
|
|
451
449
|
className: "chat-conversation-bottom",
|
|
452
|
-
children: [/* @__PURE__ */
|
|
450
|
+
children: [/* @__PURE__ */ Z(_e, {
|
|
453
451
|
className: "chat-conversation-preview",
|
|
454
452
|
children: [u.isOwn ? "You: " : "", u.content]
|
|
455
|
-
}), !!d && d > 0 && /* @__PURE__ */
|
|
453
|
+
}), !!d && d > 0 && /* @__PURE__ */ X(B, {
|
|
456
454
|
color: s ?? "primary",
|
|
457
455
|
size: "sm",
|
|
458
456
|
rounded: !0,
|
|
@@ -463,322 +461,19 @@ function it({ conversation: e, active: t = !1, color: n, onClick: r, className:
|
|
|
463
461
|
});
|
|
464
462
|
}
|
|
465
463
|
//#endregion
|
|
466
|
-
//#region src/components/data/MTreeView/MTreeView.tsx
|
|
467
|
-
var at = {
|
|
468
|
-
pdf: /* @__PURE__ */ Z(M, {}),
|
|
469
|
-
ts: /* @__PURE__ */ Z(T, {}),
|
|
470
|
-
tsx: /* @__PURE__ */ Z(D, {}),
|
|
471
|
-
js: /* @__PURE__ */ Z(te, {}),
|
|
472
|
-
jsx: /* @__PURE__ */ Z(x, {}),
|
|
473
|
-
css: /* @__PURE__ */ Z(ce, {}),
|
|
474
|
-
scss: /* @__PURE__ */ Z(ce, {}),
|
|
475
|
-
html: /* @__PURE__ */ Z(re, {}),
|
|
476
|
-
json: /* @__PURE__ */ Z(_, {}),
|
|
477
|
-
md: /* @__PURE__ */ Z(b, {}),
|
|
478
|
-
txt: /* @__PURE__ */ Z(u, {}),
|
|
479
|
-
csv: /* @__PURE__ */ Z(w, {}),
|
|
480
|
-
zip: /* @__PURE__ */ Z(O, {}),
|
|
481
|
-
rar: /* @__PURE__ */ Z(E, {}),
|
|
482
|
-
svg: /* @__PURE__ */ Z(d, {}),
|
|
483
|
-
png: /* @__PURE__ */ Z(ue, {}),
|
|
484
|
-
jpg: /* @__PURE__ */ Z(r, {}),
|
|
485
|
-
jpeg: /* @__PURE__ */ Z(t, {}),
|
|
486
|
-
gif: /* @__PURE__ */ Z(v, {}),
|
|
487
|
-
webp: /* @__PURE__ */ Z(m, {}),
|
|
488
|
-
php: /* @__PURE__ */ Z(S, {}),
|
|
489
|
-
xml: /* @__PURE__ */ Z(p, {}),
|
|
490
|
-
xls: /* @__PURE__ */ Z(oe, {}),
|
|
491
|
-
ppt: /* @__PURE__ */ Z(a, {}),
|
|
492
|
-
odt: /* @__PURE__ */ Z(g, {}),
|
|
493
|
-
exe: /* @__PURE__ */ Z(s, {}),
|
|
494
|
-
mp3: /* @__PURE__ */ Z(l, {}),
|
|
495
|
-
mp4: /* @__PURE__ */ Z(f, {})
|
|
496
|
-
};
|
|
497
|
-
function ot(e) {
|
|
498
|
-
let t = e.lastIndexOf(".");
|
|
499
|
-
return t < 1 ? null : e.slice(t + 1).toLowerCase();
|
|
500
|
-
}
|
|
501
|
-
function st(e) {
|
|
502
|
-
return e.kind === "folder" || !!e.children?.length;
|
|
503
|
-
}
|
|
504
|
-
function ct(e) {
|
|
505
|
-
let t = ot(e);
|
|
506
|
-
return t ? at[t] ?? /* @__PURE__ */ Z(F, {}) : /* @__PURE__ */ Z(ee, {});
|
|
507
|
-
}
|
|
508
|
-
function lt(e, t, n) {
|
|
509
|
-
return e.icon ? e.icon : n ? st(e) ? Z(t ? C : o, {}) : ct(e.label) : null;
|
|
510
|
-
}
|
|
511
|
-
function ut(e) {
|
|
512
|
-
let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
|
|
513
|
-
function i(e) {
|
|
514
|
-
t.set(e.id, e);
|
|
515
|
-
let a = /* @__PURE__ */ new Set();
|
|
516
|
-
for (let t of e.children ?? []) r.set(t.id, e.id), a.add(t.id), i(t).forEach((e) => a.add(e));
|
|
517
|
-
return n.set(e.id, a), a;
|
|
518
|
-
}
|
|
519
|
-
return e.forEach(i), {
|
|
520
|
-
nodeMap: t,
|
|
521
|
-
descendants: n,
|
|
522
|
-
parentMap: r
|
|
523
|
-
};
|
|
524
|
-
}
|
|
525
|
-
function dt(e, t) {
|
|
526
|
-
let n = /* @__PURE__ */ new Set();
|
|
527
|
-
function r(e) {
|
|
528
|
-
if (!e.children?.length) return t.has(e.id) ? {
|
|
529
|
-
checked: 1,
|
|
530
|
-
total: 1
|
|
531
|
-
} : {
|
|
532
|
-
checked: 0,
|
|
533
|
-
total: 1
|
|
534
|
-
};
|
|
535
|
-
let i = 0, a = 0;
|
|
536
|
-
for (let t of e.children) {
|
|
537
|
-
let e = r(t);
|
|
538
|
-
i += e.checked, a += e.total;
|
|
539
|
-
}
|
|
540
|
-
return i > 0 && i < a && n.add(e.id), {
|
|
541
|
-
checked: i,
|
|
542
|
-
total: a
|
|
543
|
-
};
|
|
544
|
-
}
|
|
545
|
-
return e.forEach(r), n;
|
|
546
|
-
}
|
|
547
|
-
function ft(e, t) {
|
|
548
|
-
return typeof window > "u" ? {
|
|
549
|
-
x: e,
|
|
550
|
-
y: t
|
|
551
|
-
} : {
|
|
552
|
-
x: Math.max(8, Math.min(e, window.innerWidth - 220)),
|
|
553
|
-
y: Math.max(8, Math.min(t, window.innerHeight - 16))
|
|
554
|
-
};
|
|
555
|
-
}
|
|
556
|
-
function pt({ node: e, level: t, expandable: n, selectable: r, expandedIds: i, selectedId: a, draggedId: o, dropTargetId: s, onToggle: c, onSelect: l, checkable: u, checkedIds: d, indeterminateIds: f, onCheck: p, indent: m, showLines: h, fileIcons: g, draggable: _, canDropOnNode: v, onContextMenu: b, onDragStart: x, onDragOver: S, onDrop: C, onDragEnd: w }) {
|
|
557
|
-
let T = st(e), E = i.has(e.id), D = a === e.id, O = o === e.id, k = s === e.id, A = v?.(e), j = lt(e, E, !!g), M = d?.has(e.id) ?? !1, N = f?.has(e.id) ?? !1;
|
|
558
|
-
return /* @__PURE__ */ Q("li", {
|
|
559
|
-
role: "treeitem",
|
|
560
|
-
"aria-expanded": T ? E : void 0,
|
|
561
|
-
children: [/* @__PURE__ */ Q("div", {
|
|
562
|
-
className: L("item", D && "selected", e.disabled && "disabled", r && !e.disabled && "selectable", _ && !e.disabled && "draggable", O && "dragging", A && "can-drop", k && "drop-target"),
|
|
563
|
-
style: { paddingLeft: t * m },
|
|
564
|
-
draggable: _ && !e.disabled,
|
|
565
|
-
onClick: () => {
|
|
566
|
-
e.disabled || (T && n && c(e.id), r && l?.(e.id, e));
|
|
567
|
-
},
|
|
568
|
-
onContextMenu: (t) => b?.(t, e),
|
|
569
|
-
onDragStart: (t) => x?.(t, e),
|
|
570
|
-
onDragOver: (t) => S?.(t, e),
|
|
571
|
-
onDrop: (t) => C?.(t, e),
|
|
572
|
-
onDragEnd: w,
|
|
573
|
-
children: [
|
|
574
|
-
/* @__PURE__ */ Z("span", {
|
|
575
|
-
className: "toggle",
|
|
576
|
-
children: T && n ? /* @__PURE__ */ Z("span", {
|
|
577
|
-
className: L("arrow", E && "expanded"),
|
|
578
|
-
children: /* @__PURE__ */ Z(y, {})
|
|
579
|
-
}) : /* @__PURE__ */ Z("span", { className: "spacer" })
|
|
580
|
-
}),
|
|
581
|
-
u && /* @__PURE__ */ Z("span", {
|
|
582
|
-
className: "check",
|
|
583
|
-
onClick: (e) => e.stopPropagation(),
|
|
584
|
-
children: /* @__PURE__ */ Z(he, {
|
|
585
|
-
size: "sm",
|
|
586
|
-
clickEffect: "none",
|
|
587
|
-
disabled: e.disabled,
|
|
588
|
-
checked: M,
|
|
589
|
-
indeterminate: N,
|
|
590
|
-
onChange: () => p?.(e.id)
|
|
591
|
-
})
|
|
592
|
-
}),
|
|
593
|
-
j && /* @__PURE__ */ Z("span", {
|
|
594
|
-
className: "icon",
|
|
595
|
-
children: j
|
|
596
|
-
}),
|
|
597
|
-
/* @__PURE__ */ Z("span", {
|
|
598
|
-
className: "label",
|
|
599
|
-
children: e.label
|
|
600
|
-
})
|
|
601
|
-
]
|
|
602
|
-
}), T && E && /* @__PURE__ */ Z("ul", {
|
|
603
|
-
className: "list",
|
|
604
|
-
role: "group",
|
|
605
|
-
style: h ? { "--line-left": `${t * m + 17}px` } : void 0,
|
|
606
|
-
children: (e.children ?? []).map((e) => /* @__PURE__ */ Z(pt, {
|
|
607
|
-
node: e,
|
|
608
|
-
level: t + 1,
|
|
609
|
-
expandable: n,
|
|
610
|
-
selectable: r,
|
|
611
|
-
expandedIds: i,
|
|
612
|
-
selectedId: a,
|
|
613
|
-
draggedId: o,
|
|
614
|
-
dropTargetId: s,
|
|
615
|
-
onToggle: c,
|
|
616
|
-
onSelect: l,
|
|
617
|
-
checkable: u,
|
|
618
|
-
checkedIds: d,
|
|
619
|
-
indeterminateIds: f,
|
|
620
|
-
onCheck: p,
|
|
621
|
-
indent: m,
|
|
622
|
-
showLines: h,
|
|
623
|
-
fileIcons: g,
|
|
624
|
-
draggable: _,
|
|
625
|
-
canDropOnNode: v,
|
|
626
|
-
onContextMenu: b,
|
|
627
|
-
onDragStart: x,
|
|
628
|
-
onDragOver: S,
|
|
629
|
-
onDrop: C,
|
|
630
|
-
onDragEnd: w
|
|
631
|
-
}, e.id))
|
|
632
|
-
})]
|
|
633
|
-
});
|
|
634
|
-
}
|
|
635
|
-
function mt({ items: e, expandable: t = !0, selectable: n = !1, defaultExpanded: r = [], expanded: i, onExpandChange: a, selected: o, onSelect: s, checkable: c = !1, defaultChecked: l = [], checked: u, onCheckedChange: d, indent: f = 20, showLines: p = !0, fileIcons: m = !0, draggable: h = !1, canDrop: g, onMove: _, contextMenuItems: v, onContextMenuAction: y, className: b, ...x }) {
|
|
636
|
-
let [S, C] = X(r), [w, T] = X(null), [E, D] = X(l), [O, k] = X(null), [A, j] = X(null), [M, N] = X(null), ee = Y(null), te = i ?? S, ne = new Set(te), re = o === void 0 ? w : o, ie = new Set(u ?? E), ae = c ? dt(e, ie) : /* @__PURE__ */ new Set(), { nodeMap: oe, descendants: P, parentMap: F } = ut(e), I = O ? oe.get(O) ?? null : null;
|
|
637
|
-
Ue(() => {
|
|
638
|
-
if (!M) return;
|
|
639
|
-
function e(e) {
|
|
640
|
-
e && ee.current && ee.current.contains(e.target) || N(null);
|
|
641
|
-
}
|
|
642
|
-
function t(e) {
|
|
643
|
-
e.key === "Escape" && N(null);
|
|
644
|
-
}
|
|
645
|
-
return document.addEventListener("mousedown", e), document.addEventListener("scroll", e, !0), window.addEventListener("resize", e), document.addEventListener("keydown", t), () => {
|
|
646
|
-
document.removeEventListener("mousedown", e), document.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e), document.removeEventListener("keydown", t);
|
|
647
|
-
};
|
|
648
|
-
}, [M]);
|
|
649
|
-
function se(e) {
|
|
650
|
-
let t = ne.has(e) ? te.filter((t) => t !== e) : [...te, e];
|
|
651
|
-
a ? a(t) : C(t);
|
|
652
|
-
}
|
|
653
|
-
function ce(e, t) {
|
|
654
|
-
s ? s(e, t) : T(e);
|
|
655
|
-
}
|
|
656
|
-
function le(e) {
|
|
657
|
-
let t = oe.get(e);
|
|
658
|
-
if (!t || t.disabled) return;
|
|
659
|
-
let n = new Set(ie), r = n.has(e), i = [e, ...Array.from(P.get(e) ?? [])];
|
|
660
|
-
if (r) for (let e of i) n.delete(e);
|
|
661
|
-
else for (let e of i) {
|
|
662
|
-
let t = oe.get(e);
|
|
663
|
-
t && !t.disabled && n.add(e);
|
|
664
|
-
}
|
|
665
|
-
let a = F.get(e);
|
|
666
|
-
for (; a;) {
|
|
667
|
-
let e = oe.get(a);
|
|
668
|
-
if (!e) break;
|
|
669
|
-
let t = (e.children ?? []).every((e) => e.disabled || n.has(e.id)), r = (e.children ?? []).some((e) => !e.disabled);
|
|
670
|
-
t && r ? n.add(a) : n.delete(a), a = F.get(a);
|
|
671
|
-
}
|
|
672
|
-
let o = Array.from(n);
|
|
673
|
-
u === void 0 && D(o), d?.(o);
|
|
674
|
-
}
|
|
675
|
-
function ue() {
|
|
676
|
-
k(null), j(null);
|
|
677
|
-
}
|
|
678
|
-
function R(e) {
|
|
679
|
-
return !I || !h || !_ || e.disabled || !st(e) || e.id === I.id || P.get(I.id)?.has(e.id) ? !1 : g ? g(I, e) : !0;
|
|
680
|
-
}
|
|
681
|
-
function fe(e, t) {
|
|
682
|
-
if (!v || t.disabled) return;
|
|
683
|
-
let n = v(t).filter(Boolean);
|
|
684
|
-
if (!n.length) return;
|
|
685
|
-
e.preventDefault(), ce(t.id, t);
|
|
686
|
-
let r = ft(e.clientX, e.clientY);
|
|
687
|
-
N({
|
|
688
|
-
node: t,
|
|
689
|
-
items: n,
|
|
690
|
-
x: r.x,
|
|
691
|
-
y: r.y
|
|
692
|
-
});
|
|
693
|
-
}
|
|
694
|
-
function z(e, t) {
|
|
695
|
-
!h || t.disabled || (e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", t.id), N(null), k(t.id));
|
|
696
|
-
}
|
|
697
|
-
function pe(e, t) {
|
|
698
|
-
R(t) && (e.preventDefault(), e.dataTransfer.dropEffect = "move", j(t.id));
|
|
699
|
-
}
|
|
700
|
-
function B(e, n) {
|
|
701
|
-
if (e.preventDefault(), !I || !R(n)) {
|
|
702
|
-
ue();
|
|
703
|
-
return;
|
|
704
|
-
}
|
|
705
|
-
_?.({
|
|
706
|
-
draggedId: I.id,
|
|
707
|
-
draggedNode: I,
|
|
708
|
-
targetId: n.id,
|
|
709
|
-
targetNode: n
|
|
710
|
-
}), t && !ne.has(n.id) && se(n.id), ue();
|
|
711
|
-
}
|
|
712
|
-
return /* @__PURE__ */ Q("div", {
|
|
713
|
-
className: L("tree", p && "lines", b),
|
|
714
|
-
...x,
|
|
715
|
-
children: [/* @__PURE__ */ Z("ul", {
|
|
716
|
-
className: "list",
|
|
717
|
-
role: "tree",
|
|
718
|
-
children: e.map((e) => /* @__PURE__ */ Z(pt, {
|
|
719
|
-
node: e,
|
|
720
|
-
level: 0,
|
|
721
|
-
expandable: t,
|
|
722
|
-
selectable: n,
|
|
723
|
-
expandedIds: ne,
|
|
724
|
-
selectedId: re,
|
|
725
|
-
draggedId: O,
|
|
726
|
-
dropTargetId: A,
|
|
727
|
-
onToggle: se,
|
|
728
|
-
onSelect: ce,
|
|
729
|
-
checkable: c,
|
|
730
|
-
checkedIds: ie,
|
|
731
|
-
indeterminateIds: ae,
|
|
732
|
-
onCheck: le,
|
|
733
|
-
indent: f,
|
|
734
|
-
showLines: p,
|
|
735
|
-
fileIcons: m,
|
|
736
|
-
draggable: h,
|
|
737
|
-
canDropOnNode: R,
|
|
738
|
-
onContextMenu: fe,
|
|
739
|
-
onDragStart: z,
|
|
740
|
-
onDragOver: pe,
|
|
741
|
-
onDrop: B,
|
|
742
|
-
onDragEnd: ue
|
|
743
|
-
}, e.id))
|
|
744
|
-
}), M && /* @__PURE__ */ Z(de, { children: /* @__PURE__ */ Z("div", {
|
|
745
|
-
ref: ee,
|
|
746
|
-
className: "tree menu",
|
|
747
|
-
style: {
|
|
748
|
-
top: M.y,
|
|
749
|
-
left: M.x
|
|
750
|
-
},
|
|
751
|
-
role: "menu",
|
|
752
|
-
children: M.items.map((e) => /* @__PURE__ */ Q("button", {
|
|
753
|
-
type: "button",
|
|
754
|
-
className: L("action", e.color, e.disabled && "disabled"),
|
|
755
|
-
role: "menuitem",
|
|
756
|
-
disabled: e.disabled,
|
|
757
|
-
onClick: () => {
|
|
758
|
-
e.disabled || (y?.(e.id, M.node), N(null));
|
|
759
|
-
},
|
|
760
|
-
children: [e.icon && /* @__PURE__ */ Z("span", {
|
|
761
|
-
className: "icon",
|
|
762
|
-
children: e.icon
|
|
763
|
-
}), /* @__PURE__ */ Z("span", { children: e.label })]
|
|
764
|
-
}, e.id))
|
|
765
|
-
}) })]
|
|
766
|
-
});
|
|
767
|
-
}
|
|
768
|
-
//#endregion
|
|
769
464
|
//#region src/components/data/MTaskList/MTaskList.tsx
|
|
770
|
-
function
|
|
771
|
-
return /* @__PURE__ */
|
|
772
|
-
className:
|
|
465
|
+
function ot({ items: e, color: t = "primary", strikethrough: n = !0, onChange: r, className: i, ...a }) {
|
|
466
|
+
return /* @__PURE__ */ X("div", {
|
|
467
|
+
className: P("task list", `color-${t}`, i),
|
|
773
468
|
role: "list",
|
|
774
469
|
...a,
|
|
775
|
-
children: e.map((e) => /* @__PURE__ */
|
|
776
|
-
className:
|
|
470
|
+
children: e.map((e) => /* @__PURE__ */ Z("div", {
|
|
471
|
+
className: P("task item", e.checked && "checked", e.disabled && "disabled"),
|
|
777
472
|
role: "listitem",
|
|
778
473
|
onClick: (t) => {
|
|
779
474
|
e.disabled || t.target.closest(".checkbox") || r?.(e.id, !(e.checked ?? !1));
|
|
780
475
|
},
|
|
781
|
-
children: [/* @__PURE__ */
|
|
476
|
+
children: [/* @__PURE__ */ X(ve, {
|
|
782
477
|
className: "task control",
|
|
783
478
|
checked: e.checked ?? !1,
|
|
784
479
|
color: t,
|
|
@@ -786,8 +481,8 @@ function ht({ items: e, color: t = "primary", strikethrough: n = !0, onChange: r
|
|
|
786
481
|
disabled: e.disabled,
|
|
787
482
|
onChange: (t) => r?.(e.id, t.target.checked),
|
|
788
483
|
clickEffect: "ripple"
|
|
789
|
-
}), /* @__PURE__ */
|
|
790
|
-
className:
|
|
484
|
+
}), /* @__PURE__ */ X("span", {
|
|
485
|
+
className: P("task label", e.checked && n && "done"),
|
|
791
486
|
children: e.label
|
|
792
487
|
})]
|
|
793
488
|
}, e.id))
|
|
@@ -795,51 +490,51 @@ function ht({ items: e, color: t = "primary", strikethrough: n = !0, onChange: r
|
|
|
795
490
|
}
|
|
796
491
|
//#endregion
|
|
797
492
|
//#region src/components/data/MFileManager/MFileManager.tsx
|
|
798
|
-
var
|
|
799
|
-
pdf: /* @__PURE__ */
|
|
800
|
-
ts: /* @__PURE__ */
|
|
801
|
-
tsx: /* @__PURE__ */
|
|
802
|
-
js: /* @__PURE__ */
|
|
803
|
-
jsx: /* @__PURE__ */
|
|
804
|
-
css: /* @__PURE__ */
|
|
805
|
-
scss: /* @__PURE__ */
|
|
806
|
-
html: /* @__PURE__ */
|
|
807
|
-
json: /* @__PURE__ */
|
|
808
|
-
md: /* @__PURE__ */
|
|
809
|
-
txt: /* @__PURE__ */
|
|
810
|
-
csv: /* @__PURE__ */
|
|
811
|
-
zip: /* @__PURE__ */
|
|
812
|
-
rar: /* @__PURE__ */
|
|
813
|
-
svg: /* @__PURE__ */
|
|
814
|
-
png: /* @__PURE__ */
|
|
815
|
-
jpg: /* @__PURE__ */
|
|
816
|
-
jpeg: /* @__PURE__ */
|
|
817
|
-
gif: /* @__PURE__ */
|
|
818
|
-
webp: /* @__PURE__ */
|
|
819
|
-
php: /* @__PURE__ */
|
|
820
|
-
xml: /* @__PURE__ */
|
|
821
|
-
xls: /* @__PURE__ */
|
|
822
|
-
ppt: /* @__PURE__ */
|
|
823
|
-
odt: /* @__PURE__ */
|
|
824
|
-
exe: /* @__PURE__ */
|
|
825
|
-
mp3: /* @__PURE__ */
|
|
826
|
-
mp4: /* @__PURE__ */
|
|
493
|
+
var st = {
|
|
494
|
+
pdf: /* @__PURE__ */ X(j, {}),
|
|
495
|
+
ts: /* @__PURE__ */ X(w, {}),
|
|
496
|
+
tsx: /* @__PURE__ */ X(E, {}),
|
|
497
|
+
js: /* @__PURE__ */ X(te, {}),
|
|
498
|
+
jsx: /* @__PURE__ */ X(b, {}),
|
|
499
|
+
css: /* @__PURE__ */ X(ue, {}),
|
|
500
|
+
scss: /* @__PURE__ */ X(ue, {}),
|
|
501
|
+
html: /* @__PURE__ */ X(re, {}),
|
|
502
|
+
json: /* @__PURE__ */ X(_, {}),
|
|
503
|
+
md: /* @__PURE__ */ X(y, {}),
|
|
504
|
+
txt: /* @__PURE__ */ X(u, {}),
|
|
505
|
+
csv: /* @__PURE__ */ X(C, {}),
|
|
506
|
+
zip: /* @__PURE__ */ X(D, {}),
|
|
507
|
+
rar: /* @__PURE__ */ X(T, {}),
|
|
508
|
+
svg: /* @__PURE__ */ X(d, {}),
|
|
509
|
+
png: /* @__PURE__ */ X(fe, {}),
|
|
510
|
+
jpg: /* @__PURE__ */ X(r, {}),
|
|
511
|
+
jpeg: /* @__PURE__ */ X(t, {}),
|
|
512
|
+
gif: /* @__PURE__ */ X(v, {}),
|
|
513
|
+
webp: /* @__PURE__ */ X(m, {}),
|
|
514
|
+
php: /* @__PURE__ */ X(x, {}),
|
|
515
|
+
xml: /* @__PURE__ */ X(p, {}),
|
|
516
|
+
xls: /* @__PURE__ */ X(oe, {}),
|
|
517
|
+
ppt: /* @__PURE__ */ X(a, {}),
|
|
518
|
+
odt: /* @__PURE__ */ X(g, {}),
|
|
519
|
+
exe: /* @__PURE__ */ X(s, {}),
|
|
520
|
+
mp3: /* @__PURE__ */ X(l, {}),
|
|
521
|
+
mp4: /* @__PURE__ */ X(f, {})
|
|
827
522
|
};
|
|
828
|
-
function
|
|
523
|
+
function ct(e) {
|
|
829
524
|
let t = e.lastIndexOf(".");
|
|
830
525
|
return t < 1 ? null : e.slice(t + 1).toLowerCase();
|
|
831
526
|
}
|
|
832
|
-
function
|
|
527
|
+
function Q(e) {
|
|
833
528
|
return e?.kind === "folder" || !!e?.children?.length;
|
|
834
529
|
}
|
|
835
|
-
function
|
|
836
|
-
let t =
|
|
837
|
-
return t ?
|
|
530
|
+
function lt(e) {
|
|
531
|
+
let t = ct(e);
|
|
532
|
+
return t ? st[t] ?? /* @__PURE__ */ X(ce, {}) : /* @__PURE__ */ X(ee, {});
|
|
838
533
|
}
|
|
839
|
-
function
|
|
840
|
-
return e.icon ? e.icon :
|
|
534
|
+
function ut(e, t = !1) {
|
|
535
|
+
return e.icon ? e.icon : Q(e) ? X(t ? S : o, {}) : lt(e.label);
|
|
841
536
|
}
|
|
842
|
-
function
|
|
537
|
+
function dt(e) {
|
|
843
538
|
if (!e || e < 1) return null;
|
|
844
539
|
let t = [
|
|
845
540
|
"B",
|
|
@@ -852,7 +547,7 @@ function bt(e) {
|
|
|
852
547
|
let i = n >= 100 || r === 0 ? 0 : 1;
|
|
853
548
|
return `${n.toFixed(i)} ${t[r]}`;
|
|
854
549
|
}
|
|
855
|
-
function
|
|
550
|
+
function ft(e, t) {
|
|
856
551
|
if (!e) return null;
|
|
857
552
|
let n = e instanceof Date ? e : new Date(e);
|
|
858
553
|
return Number.isNaN(n.getTime()) ? null : new Intl.DateTimeFormat(t, {
|
|
@@ -863,7 +558,7 @@ function xt(e, t) {
|
|
|
863
558
|
minute: "2-digit"
|
|
864
559
|
}).format(n);
|
|
865
560
|
}
|
|
866
|
-
function
|
|
561
|
+
function pt(e) {
|
|
867
562
|
let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
|
|
868
563
|
function r(e, i) {
|
|
869
564
|
for (let a of e) t.set(a.id, a), n.set(a.id, i), a.children?.length && r(a.children, a.id);
|
|
@@ -873,14 +568,14 @@ function St(e) {
|
|
|
873
568
|
parentMap: n
|
|
874
569
|
};
|
|
875
570
|
}
|
|
876
|
-
function
|
|
877
|
-
return e.flatMap((e) =>
|
|
571
|
+
function mt(e) {
|
|
572
|
+
return e.flatMap((e) => Q(e) ? [{
|
|
878
573
|
...e,
|
|
879
574
|
kind: "folder",
|
|
880
|
-
children:
|
|
575
|
+
children: mt(e.children ?? [])
|
|
881
576
|
}] : []);
|
|
882
577
|
}
|
|
883
|
-
function
|
|
578
|
+
function ht(e, t, n) {
|
|
884
579
|
let r = [], i = e;
|
|
885
580
|
for (; i;) {
|
|
886
581
|
let e = t.get(i);
|
|
@@ -889,15 +584,15 @@ function wt(e, t, n) {
|
|
|
889
584
|
}
|
|
890
585
|
return r;
|
|
891
586
|
}
|
|
892
|
-
function
|
|
587
|
+
function gt(e, t, n) {
|
|
893
588
|
if (!e) return null;
|
|
894
589
|
let r = t.get(e);
|
|
895
|
-
return r ?
|
|
590
|
+
return r ? Q(r) ? r.id : n.get(r.id) ?? null : null;
|
|
896
591
|
}
|
|
897
|
-
function
|
|
592
|
+
function _t(e, t) {
|
|
898
593
|
return e ? e.children ?? [] : t;
|
|
899
594
|
}
|
|
900
|
-
function
|
|
595
|
+
function vt(e, t, n, r, i) {
|
|
901
596
|
let a = e ? t.get(e) ?? null : null, o = a ? n.get(a.id) ?? null : null;
|
|
902
597
|
return {
|
|
903
598
|
id: e,
|
|
@@ -908,174 +603,174 @@ function Dt(e, t, n, r, i) {
|
|
|
908
603
|
activeFolder: i
|
|
909
604
|
};
|
|
910
605
|
}
|
|
911
|
-
function
|
|
606
|
+
function yt(e, t) {
|
|
912
607
|
return [
|
|
913
|
-
|
|
608
|
+
...Q(e) ? [] : [{
|
|
914
609
|
id: "download",
|
|
915
610
|
label: t.download,
|
|
916
|
-
icon: /* @__PURE__ */
|
|
611
|
+
icon: /* @__PURE__ */ X(N, {}),
|
|
917
612
|
color: "primary"
|
|
918
613
|
}],
|
|
919
614
|
{
|
|
920
615
|
id: "rename",
|
|
921
616
|
label: t.rename,
|
|
922
|
-
icon: /* @__PURE__ */
|
|
617
|
+
icon: /* @__PURE__ */ X(ie, {})
|
|
923
618
|
},
|
|
924
619
|
{
|
|
925
620
|
id: "move",
|
|
926
621
|
label: t.moveTo,
|
|
927
|
-
icon: /* @__PURE__ */
|
|
622
|
+
icon: /* @__PURE__ */ X(n, {})
|
|
928
623
|
},
|
|
929
624
|
{
|
|
930
625
|
id: "delete",
|
|
931
626
|
label: t.delete,
|
|
932
|
-
icon: /* @__PURE__ */
|
|
627
|
+
icon: /* @__PURE__ */ X(A, {}),
|
|
933
628
|
color: "error"
|
|
934
629
|
}
|
|
935
630
|
];
|
|
936
631
|
}
|
|
937
|
-
function
|
|
938
|
-
return [
|
|
632
|
+
function bt(e, t) {
|
|
633
|
+
return [...Q(e) ? [{
|
|
939
634
|
id: "new-folder",
|
|
940
635
|
label: t.newFolder,
|
|
941
|
-
icon: /* @__PURE__ */
|
|
942
|
-
}] : [], ...
|
|
943
|
-
}
|
|
944
|
-
function
|
|
945
|
-
let j =
|
|
946
|
-
function
|
|
947
|
-
let t =
|
|
948
|
-
s ? s(t, n) :
|
|
636
|
+
icon: /* @__PURE__ */ X(de, {})
|
|
637
|
+
}] : [], ...yt(e, t)];
|
|
638
|
+
}
|
|
639
|
+
function xt({ items: e, locale: t, defaultExpanded: n = [], expanded: r, onExpandChange: i, folderId: a, defaultFolderId: o = null, onFolderChange: s, selectedId: c, onSelectionChange: l, view: u, defaultView: d = "list", onViewChange: f, searchValue: p, defaultSearchValue: m = "", onSearchChange: h, searchable: g = !0, searchPlaceholder: _, showSidebar: v = !0, showPreview: y = !0, emptyText: b, toolbarActions: x = [], onToolbarAction: S, onOpenItem: C, onItemAction: w, onContextMenuAction: T, canDrop: E, onMove: D, renderPreview: O, className: k, ...A }) {
|
|
640
|
+
let j = Te(t), M = Ie(), [ee, te] = Y(o), [ne, re] = Y(null), [ie, ae] = Y(d), [oe, ce] = Y(m), { nodeMap: N, parentMap: ue } = q(() => pt(e), [e]), de = q(() => mt(e), [e]), fe = gt(a === void 0 ? ee : a, N, ue), pe = fe ? N.get(fe) ?? null : null, me = c === void 0 ? ne : c, I = me ? N.get(me) ?? null : null, _e = I ? I.id : null, L = u ?? ie, ve = p ?? oe, ye = _t(pe, e), z = ve.trim().toLowerCase(), be = ht(fe, N, ue), Se = _ ?? M.searchPlaceholder, V = b ?? M.emptyText, H = !!(w || T), U = q(() => z ? ye.filter((e) => e.label.toLowerCase().includes(z)) : ye, [ye, z]);
|
|
641
|
+
function W(e) {
|
|
642
|
+
let t = gt(e, N, ue), n = t ? N.get(t) ?? null : null;
|
|
643
|
+
s ? s(t, n) : te(t);
|
|
949
644
|
}
|
|
950
|
-
function
|
|
951
|
-
let r =
|
|
952
|
-
l ? l(r) :
|
|
645
|
+
function G(e, t = fe, n = pe) {
|
|
646
|
+
let r = vt(e, N, ue, t, n);
|
|
647
|
+
l ? l(r) : re(e);
|
|
953
648
|
}
|
|
954
|
-
function
|
|
955
|
-
f ? f(e) :
|
|
649
|
+
function Ee(e) {
|
|
650
|
+
f ? f(e) : ae(e);
|
|
956
651
|
}
|
|
957
|
-
function
|
|
958
|
-
h ? h(e) :
|
|
652
|
+
function De(e) {
|
|
653
|
+
h ? h(e) : ce(e);
|
|
959
654
|
}
|
|
960
|
-
function
|
|
961
|
-
|
|
655
|
+
function Oe(e, t) {
|
|
656
|
+
W(e), G(e, t.id, t);
|
|
962
657
|
}
|
|
963
|
-
function
|
|
964
|
-
if (
|
|
965
|
-
|
|
658
|
+
function ke(e) {
|
|
659
|
+
if (Q(e)) {
|
|
660
|
+
W(e.id), G(e.id, e.id, e);
|
|
966
661
|
return;
|
|
967
662
|
}
|
|
968
|
-
|
|
663
|
+
G(e.id);
|
|
969
664
|
}
|
|
970
|
-
function
|
|
665
|
+
function Ae(e) {
|
|
971
666
|
S && S({
|
|
972
|
-
...
|
|
667
|
+
...vt(_e, N, ue, fe, pe),
|
|
973
668
|
actionId: e,
|
|
974
|
-
visibleItems:
|
|
669
|
+
visibleItems: U
|
|
975
670
|
});
|
|
976
671
|
}
|
|
977
|
-
function
|
|
672
|
+
function je(e, t) {
|
|
978
673
|
(w ?? T)?.(e, t);
|
|
979
674
|
}
|
|
980
|
-
function
|
|
675
|
+
function Me(e, t) {
|
|
981
676
|
(T ?? w)?.(e, t);
|
|
982
677
|
}
|
|
983
|
-
function
|
|
984
|
-
let t = [], n =
|
|
985
|
-
return
|
|
678
|
+
function Ne(e) {
|
|
679
|
+
let t = [], n = dt(e.size), r = ft(e.modifiedAt, j);
|
|
680
|
+
return Q(e) && t.push(M.itemsCount(e.children?.length ?? 0)), n && t.push(n), r && t.push(r), t.join(" / ");
|
|
986
681
|
}
|
|
987
|
-
return /* @__PURE__ */
|
|
988
|
-
className:
|
|
682
|
+
return /* @__PURE__ */ Z("div", {
|
|
683
|
+
className: P("file-manager", !v && "no-sidebar", !y && "no-preview", k),
|
|
989
684
|
...A,
|
|
990
|
-
children: [/* @__PURE__ */
|
|
685
|
+
children: [/* @__PURE__ */ Z("div", {
|
|
991
686
|
className: "toolbar",
|
|
992
|
-
children: [/* @__PURE__ */
|
|
687
|
+
children: [/* @__PURE__ */ Z("div", {
|
|
993
688
|
className: "toolbar-main",
|
|
994
|
-
children: [/* @__PURE__ */
|
|
689
|
+
children: [/* @__PURE__ */ Z("div", {
|
|
995
690
|
className: "breadcrumbs",
|
|
996
|
-
children: [/* @__PURE__ */
|
|
691
|
+
children: [/* @__PURE__ */ Z("button", {
|
|
997
692
|
type: "button",
|
|
998
693
|
className: "breadcrumb root",
|
|
999
|
-
onClick: () =>
|
|
1000
|
-
children: [/* @__PURE__ */
|
|
694
|
+
onClick: () => W(null),
|
|
695
|
+
children: [/* @__PURE__ */ X(le, {}), /* @__PURE__ */ X(F, {
|
|
1001
696
|
as: "span",
|
|
1002
697
|
weight: "semibold",
|
|
1003
698
|
children: M.home
|
|
1004
699
|
})]
|
|
1005
|
-
}),
|
|
700
|
+
}), be.map((e) => /* @__PURE__ */ Z("div", {
|
|
1006
701
|
className: "breadcrumbs",
|
|
1007
|
-
children: [/* @__PURE__ */
|
|
702
|
+
children: [/* @__PURE__ */ X("span", {
|
|
1008
703
|
className: "breadcrumb-separator",
|
|
1009
704
|
children: "/"
|
|
1010
|
-
}), /* @__PURE__ */
|
|
705
|
+
}), /* @__PURE__ */ X("button", {
|
|
1011
706
|
type: "button",
|
|
1012
707
|
className: "breadcrumb",
|
|
1013
|
-
onClick: () =>
|
|
1014
|
-
children: /* @__PURE__ */
|
|
708
|
+
onClick: () => W(e.id),
|
|
709
|
+
children: /* @__PURE__ */ X(F, {
|
|
1015
710
|
as: "span",
|
|
1016
711
|
children: e.label
|
|
1017
712
|
})
|
|
1018
713
|
})]
|
|
1019
714
|
}, e.id))]
|
|
1020
|
-
}), g && /* @__PURE__ */
|
|
715
|
+
}), g && /* @__PURE__ */ X(xe, {
|
|
1021
716
|
className: "toolbar-search",
|
|
1022
717
|
size: "sm",
|
|
1023
|
-
placeholder:
|
|
1024
|
-
value:
|
|
1025
|
-
onChange: (e) =>
|
|
1026
|
-
onClear: () =>
|
|
718
|
+
placeholder: Se,
|
|
719
|
+
value: ve,
|
|
720
|
+
onChange: (e) => De(e.target.value),
|
|
721
|
+
onClear: () => De("")
|
|
1027
722
|
})]
|
|
1028
|
-
}), /* @__PURE__ */
|
|
723
|
+
}), /* @__PURE__ */ Z("div", {
|
|
1029
724
|
className: "toolbar-actions",
|
|
1030
|
-
children: [x.map((e) => /* @__PURE__ */
|
|
725
|
+
children: [x.map((e) => /* @__PURE__ */ X(R, {
|
|
1031
726
|
size: "sm",
|
|
1032
727
|
variant: e.variant ?? "ghost",
|
|
1033
728
|
color: e.color,
|
|
1034
729
|
disabled: e.disabled,
|
|
1035
|
-
onClick: () =>
|
|
730
|
+
onClick: () => Ae(e.id),
|
|
1036
731
|
startIcon: e.icon,
|
|
1037
732
|
children: e.label
|
|
1038
|
-
}, e.id)), /* @__PURE__ */
|
|
733
|
+
}, e.id)), /* @__PURE__ */ Z("div", {
|
|
1039
734
|
className: "view-switch",
|
|
1040
|
-
children: [/* @__PURE__ */
|
|
735
|
+
children: [/* @__PURE__ */ X(R, {
|
|
1041
736
|
size: "sm",
|
|
1042
|
-
variant:
|
|
1043
|
-
onClick: () =>
|
|
737
|
+
variant: L === "list" ? "secondary" : "ghost",
|
|
738
|
+
onClick: () => Ee("list"),
|
|
1044
739
|
children: M.listView
|
|
1045
|
-
}), /* @__PURE__ */
|
|
740
|
+
}), /* @__PURE__ */ X(R, {
|
|
1046
741
|
size: "sm",
|
|
1047
|
-
variant:
|
|
1048
|
-
onClick: () =>
|
|
742
|
+
variant: L === "grid" ? "secondary" : "ghost",
|
|
743
|
+
onClick: () => Ee("grid"),
|
|
1049
744
|
children: M.gridView
|
|
1050
745
|
})]
|
|
1051
746
|
})]
|
|
1052
747
|
})]
|
|
1053
|
-
}), /* @__PURE__ */
|
|
748
|
+
}), /* @__PURE__ */ Z("div", {
|
|
1054
749
|
className: "body",
|
|
1055
750
|
children: [
|
|
1056
|
-
v && /* @__PURE__ */
|
|
751
|
+
v && /* @__PURE__ */ Z("aside", {
|
|
1057
752
|
className: "panel",
|
|
1058
|
-
children: [/* @__PURE__ */
|
|
753
|
+
children: [/* @__PURE__ */ Z("div", {
|
|
1059
754
|
className: "panel-header",
|
|
1060
|
-
children: [/* @__PURE__ */
|
|
755
|
+
children: [/* @__PURE__ */ X(F, {
|
|
1061
756
|
weight: "semibold",
|
|
1062
757
|
children: M.folders
|
|
1063
|
-
}), /* @__PURE__ */
|
|
758
|
+
}), /* @__PURE__ */ X(B, {
|
|
1064
759
|
size: "sm",
|
|
1065
760
|
color: "info",
|
|
1066
|
-
children:
|
|
761
|
+
children: de.length
|
|
1067
762
|
})]
|
|
1068
|
-
}), /* @__PURE__ */
|
|
763
|
+
}), /* @__PURE__ */ X("div", {
|
|
1069
764
|
className: "panel-body sidebar-body",
|
|
1070
|
-
children:
|
|
1071
|
-
items:
|
|
765
|
+
children: de.length > 0 ? /* @__PURE__ */ X(Pe, {
|
|
766
|
+
items: de,
|
|
1072
767
|
selectable: !0,
|
|
1073
768
|
fileIcons: !0,
|
|
1074
769
|
defaultExpanded: n,
|
|
1075
770
|
expanded: r,
|
|
1076
771
|
onExpandChange: i,
|
|
1077
|
-
selected:
|
|
1078
|
-
onSelect: (e, t) =>
|
|
772
|
+
selected: fe,
|
|
773
|
+
onSelect: (e, t) => Oe(e, t),
|
|
1079
774
|
draggable: !!D,
|
|
1080
775
|
canDrop: E ? (e, t) => E(e, t) : void 0,
|
|
1081
776
|
onMove: D ? (e) => D({
|
|
@@ -1084,72 +779,72 @@ function At({ items: e, locale: t, defaultExpanded: n = [], expanded: r, onExpan
|
|
|
1084
779
|
targetId: e.targetId,
|
|
1085
780
|
targetNode: e.targetNode
|
|
1086
781
|
}) : void 0,
|
|
1087
|
-
contextMenuItems:
|
|
1088
|
-
onContextMenuAction:
|
|
1089
|
-
}) : /* @__PURE__ */
|
|
782
|
+
contextMenuItems: H ? (e) => bt(e, M) : void 0,
|
|
783
|
+
onContextMenuAction: H ? (e, t) => Me(e, t) : void 0
|
|
784
|
+
}) : /* @__PURE__ */ X("div", {
|
|
1090
785
|
className: "empty-state",
|
|
1091
786
|
children: M.noFoldersAvailable
|
|
1092
787
|
})
|
|
1093
788
|
})]
|
|
1094
789
|
}),
|
|
1095
|
-
/* @__PURE__ */
|
|
790
|
+
/* @__PURE__ */ Z("section", {
|
|
1096
791
|
className: "panel",
|
|
1097
|
-
children: [/* @__PURE__ */
|
|
792
|
+
children: [/* @__PURE__ */ Z("div", {
|
|
1098
793
|
className: "panel-header",
|
|
1099
|
-
children: [/* @__PURE__ */
|
|
794
|
+
children: [/* @__PURE__ */ Z(he, {
|
|
1100
795
|
align: "center",
|
|
1101
796
|
wrap: "wrap",
|
|
1102
|
-
children: [/* @__PURE__ */
|
|
797
|
+
children: [/* @__PURE__ */ X(F, {
|
|
1103
798
|
weight: "semibold",
|
|
1104
|
-
children:
|
|
1105
|
-
}), /* @__PURE__ */
|
|
799
|
+
children: pe?.label ?? M.home
|
|
800
|
+
}), /* @__PURE__ */ X(B, {
|
|
1106
801
|
size: "sm",
|
|
1107
|
-
children:
|
|
802
|
+
children: U.length
|
|
1108
803
|
})]
|
|
1109
|
-
}), /* @__PURE__ */
|
|
804
|
+
}), /* @__PURE__ */ X(F, {
|
|
1110
805
|
size: "sm",
|
|
1111
806
|
tone: "muted",
|
|
1112
|
-
children:
|
|
807
|
+
children: z ? M.filteredBy(ve) : M.currentFolder
|
|
1113
808
|
})]
|
|
1114
|
-
}), /* @__PURE__ */
|
|
809
|
+
}), /* @__PURE__ */ X("div", {
|
|
1115
810
|
className: "panel-body",
|
|
1116
|
-
children:
|
|
1117
|
-
className:
|
|
1118
|
-
children:
|
|
1119
|
-
let t =
|
|
1120
|
-
return /* @__PURE__ */
|
|
1121
|
-
className:
|
|
1122
|
-
children: [/* @__PURE__ */
|
|
811
|
+
children: U.length > 0 ? /* @__PURE__ */ X("div", {
|
|
812
|
+
className: P("content-items", L),
|
|
813
|
+
children: U.map((e) => {
|
|
814
|
+
let t = _e === e.id, n = Ne(e), r = H ? yt(e, M) : [];
|
|
815
|
+
return /* @__PURE__ */ Z("div", {
|
|
816
|
+
className: P("item-card", t && "selected"),
|
|
817
|
+
children: [/* @__PURE__ */ Z("button", {
|
|
1123
818
|
type: "button",
|
|
1124
819
|
className: "item-card-main",
|
|
1125
|
-
onClick: () =>
|
|
820
|
+
onClick: () => ke(e),
|
|
1126
821
|
onDoubleClick: () => C?.(e),
|
|
1127
|
-
children: [/* @__PURE__ */
|
|
822
|
+
children: [/* @__PURE__ */ X("span", {
|
|
1128
823
|
className: "item-icon",
|
|
1129
|
-
children:
|
|
1130
|
-
}), /* @__PURE__ */
|
|
824
|
+
children: ut(e)
|
|
825
|
+
}), /* @__PURE__ */ Z("span", {
|
|
1131
826
|
className: "item-text",
|
|
1132
827
|
children: [
|
|
1133
|
-
/* @__PURE__ */
|
|
828
|
+
/* @__PURE__ */ X(F, {
|
|
1134
829
|
as: "span",
|
|
1135
830
|
weight: "semibold",
|
|
1136
831
|
truncate: !0,
|
|
1137
832
|
children: e.label
|
|
1138
833
|
}),
|
|
1139
|
-
e.description ? /* @__PURE__ */
|
|
834
|
+
e.description ? /* @__PURE__ */ X(F, {
|
|
1140
835
|
as: "span",
|
|
1141
836
|
size: "sm",
|
|
1142
837
|
tone: "muted",
|
|
1143
838
|
truncate: 2,
|
|
1144
839
|
children: e.description
|
|
1145
840
|
}) : null,
|
|
1146
|
-
/* @__PURE__ */
|
|
841
|
+
/* @__PURE__ */ Z("span", {
|
|
1147
842
|
className: "item-meta",
|
|
1148
|
-
children: [/* @__PURE__ */
|
|
843
|
+
children: [/* @__PURE__ */ X(B, {
|
|
1149
844
|
size: "sm",
|
|
1150
|
-
color:
|
|
1151
|
-
children:
|
|
1152
|
-
}), n ? /* @__PURE__ */
|
|
845
|
+
color: Q(e) ? "info" : "primary",
|
|
846
|
+
children: Q(e) ? M.folder : M.file
|
|
847
|
+
}), n ? /* @__PURE__ */ X(F, {
|
|
1153
848
|
as: "span",
|
|
1154
849
|
size: "sm",
|
|
1155
850
|
tone: "muted",
|
|
@@ -1159,94 +854,94 @@ function At({ items: e, locale: t, defaultExpanded: n = [], expanded: r, onExpan
|
|
|
1159
854
|
})
|
|
1160
855
|
]
|
|
1161
856
|
})]
|
|
1162
|
-
}), r.length > 0 ? /* @__PURE__ */
|
|
857
|
+
}), r.length > 0 ? /* @__PURE__ */ X("div", {
|
|
1163
858
|
className: "item-card-actions",
|
|
1164
|
-
children: /* @__PURE__ */
|
|
859
|
+
children: /* @__PURE__ */ X(Ce, {
|
|
1165
860
|
placement: "bottom-end",
|
|
1166
|
-
trigger: /* @__PURE__ */
|
|
861
|
+
trigger: /* @__PURE__ */ X(R, {
|
|
1167
862
|
"aria-label": `${M.preview}: ${e.label}`,
|
|
1168
863
|
variant: "ghost",
|
|
1169
864
|
size: "sm",
|
|
1170
865
|
iconOnly: !0,
|
|
1171
|
-
children: /* @__PURE__ */
|
|
866
|
+
children: /* @__PURE__ */ X(se, {})
|
|
1172
867
|
}),
|
|
1173
|
-
children: r.map((t) => /* @__PURE__ */
|
|
868
|
+
children: r.map((t) => /* @__PURE__ */ X(we, {
|
|
1174
869
|
icon: t.icon,
|
|
1175
870
|
label: t.label,
|
|
1176
871
|
color: t.color,
|
|
1177
|
-
onClick: () =>
|
|
872
|
+
onClick: () => je(t.id, e)
|
|
1178
873
|
}, t.id))
|
|
1179
874
|
})
|
|
1180
875
|
}) : null]
|
|
1181
876
|
}, e.id);
|
|
1182
877
|
})
|
|
1183
|
-
}) : /* @__PURE__ */
|
|
878
|
+
}) : /* @__PURE__ */ X("div", {
|
|
1184
879
|
className: "empty-state",
|
|
1185
|
-
children:
|
|
880
|
+
children: V
|
|
1186
881
|
})
|
|
1187
882
|
})]
|
|
1188
883
|
}),
|
|
1189
|
-
y && /* @__PURE__ */
|
|
884
|
+
y && /* @__PURE__ */ Z("aside", {
|
|
1190
885
|
className: "panel",
|
|
1191
|
-
children: [/* @__PURE__ */
|
|
886
|
+
children: [/* @__PURE__ */ Z("div", {
|
|
1192
887
|
className: "panel-header",
|
|
1193
|
-
children: [/* @__PURE__ */
|
|
888
|
+
children: [/* @__PURE__ */ X(F, {
|
|
1194
889
|
weight: "semibold",
|
|
1195
890
|
children: M.preview
|
|
1196
|
-
}),
|
|
891
|
+
}), I ? /* @__PURE__ */ X(B, {
|
|
1197
892
|
size: "sm",
|
|
1198
|
-
color:
|
|
1199
|
-
children:
|
|
893
|
+
color: Q(I) ? "info" : "primary",
|
|
894
|
+
children: Q(I) ? M.folder : M.file
|
|
1200
895
|
}) : null]
|
|
1201
|
-
}), /* @__PURE__ */
|
|
896
|
+
}), /* @__PURE__ */ X("div", {
|
|
1202
897
|
className: "panel-body",
|
|
1203
|
-
children:
|
|
1204
|
-
/* @__PURE__ */
|
|
898
|
+
children: I ? /* @__PURE__ */ Z(ge, { children: [
|
|
899
|
+
/* @__PURE__ */ X("div", {
|
|
1205
900
|
className: "preview-visual",
|
|
1206
|
-
children: O ? O(
|
|
901
|
+
children: O ? O(I) : I.preview ? I.preview : /* @__PURE__ */ X("span", {
|
|
1207
902
|
className: "preview-icon",
|
|
1208
|
-
children:
|
|
903
|
+
children: ut(I, !0)
|
|
1209
904
|
})
|
|
1210
905
|
}),
|
|
1211
|
-
/* @__PURE__ */
|
|
906
|
+
/* @__PURE__ */ X(F, {
|
|
1212
907
|
weight: "semibold",
|
|
1213
|
-
children:
|
|
908
|
+
children: I.label
|
|
1214
909
|
}),
|
|
1215
|
-
|
|
910
|
+
I.description ? /* @__PURE__ */ X(F, {
|
|
1216
911
|
size: "sm",
|
|
1217
912
|
tone: "muted",
|
|
1218
|
-
children:
|
|
913
|
+
children: I.description
|
|
1219
914
|
}) : null,
|
|
1220
|
-
/* @__PURE__ */
|
|
915
|
+
/* @__PURE__ */ Z("div", {
|
|
1221
916
|
className: "preview-meta",
|
|
1222
917
|
children: [
|
|
1223
|
-
/* @__PURE__ */
|
|
918
|
+
/* @__PURE__ */ X(B, {
|
|
1224
919
|
size: "sm",
|
|
1225
|
-
color:
|
|
1226
|
-
children:
|
|
920
|
+
color: Q(I) ? "info" : "primary",
|
|
921
|
+
children: Q(I) ? M.folder : M.file
|
|
1227
922
|
}),
|
|
1228
|
-
|
|
923
|
+
dt(I.size) ? /* @__PURE__ */ X(B, {
|
|
1229
924
|
size: "sm",
|
|
1230
|
-
children:
|
|
925
|
+
children: dt(I.size)
|
|
1231
926
|
}) : null,
|
|
1232
|
-
|
|
927
|
+
ft(I.modifiedAt, j) ? /* @__PURE__ */ X(B, {
|
|
1233
928
|
size: "sm",
|
|
1234
929
|
color: "neutral",
|
|
1235
|
-
children:
|
|
930
|
+
children: ft(I.modifiedAt, j)
|
|
1236
931
|
}) : null
|
|
1237
932
|
]
|
|
1238
933
|
}),
|
|
1239
|
-
/* @__PURE__ */
|
|
934
|
+
/* @__PURE__ */ Z(F, {
|
|
1240
935
|
size: "sm",
|
|
1241
936
|
tone: "muted",
|
|
1242
937
|
children: [
|
|
1243
938
|
M.path,
|
|
1244
939
|
":",
|
|
1245
940
|
" ",
|
|
1246
|
-
[M.home, ...
|
|
941
|
+
[M.home, ...ht(I.id, N, ue).map((e) => e.label)].join(" / ")
|
|
1247
942
|
]
|
|
1248
943
|
})
|
|
1249
|
-
] }) : /* @__PURE__ */
|
|
944
|
+
] }) : /* @__PURE__ */ X("div", {
|
|
1250
945
|
className: "preview-empty",
|
|
1251
946
|
children: M.selectItemToInspect
|
|
1252
947
|
})
|
|
@@ -1258,41 +953,41 @@ function At({ items: e, locale: t, defaultExpanded: n = [], expanded: r, onExpan
|
|
|
1258
953
|
}
|
|
1259
954
|
//#endregion
|
|
1260
955
|
//#region src/components/data/MCalendarBoard/MCalendarBoard.tsx
|
|
1261
|
-
var
|
|
1262
|
-
function
|
|
956
|
+
var St = 24, $ = 60, Ct = 56, wt = 110, Tt = 6, Et = ["rgba(14, 165, 233, 0.85)", "rgba(244, 63, 94, 0.85)"];
|
|
957
|
+
function Dt(e) {
|
|
1263
958
|
return new Date(e.getFullYear(), e.getMonth(), e.getDate());
|
|
1264
959
|
}
|
|
1265
|
-
function
|
|
960
|
+
function Ot(e) {
|
|
1266
961
|
if (!e) return null;
|
|
1267
|
-
if (e instanceof Date) return
|
|
962
|
+
if (e instanceof Date) return Dt(e);
|
|
1268
963
|
let t = new Date(e);
|
|
1269
|
-
return Number.isNaN(t.getTime()) ? null :
|
|
964
|
+
return Number.isNaN(t.getTime()) ? null : Dt(t);
|
|
1270
965
|
}
|
|
1271
|
-
function
|
|
966
|
+
function kt(e) {
|
|
1272
967
|
return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
|
|
1273
968
|
}
|
|
1274
|
-
function
|
|
1275
|
-
return
|
|
969
|
+
function At(e) {
|
|
970
|
+
return Ot(e.date);
|
|
1276
971
|
}
|
|
1277
|
-
function
|
|
972
|
+
function jt(e, t) {
|
|
1278
973
|
let n = new Date(e);
|
|
1279
|
-
return n.setDate(n.getDate() + t),
|
|
974
|
+
return n.setDate(n.getDate() + t), Dt(n);
|
|
1280
975
|
}
|
|
1281
|
-
function
|
|
1282
|
-
let n =
|
|
1283
|
-
return
|
|
976
|
+
function Mt(e, t) {
|
|
977
|
+
let n = Dt(e);
|
|
978
|
+
return jt(n, -((n.getDay() - t + 7) % 7));
|
|
1284
979
|
}
|
|
1285
|
-
function
|
|
980
|
+
function Nt(e) {
|
|
1286
981
|
return [...e].sort((e, t) => {
|
|
1287
982
|
let n = e.startTime ?? "99:99", r = t.startTime ?? "99:99";
|
|
1288
983
|
return n.localeCompare(r);
|
|
1289
984
|
});
|
|
1290
985
|
}
|
|
1291
|
-
function
|
|
1292
|
-
let n =
|
|
1293
|
-
return Array.from({ length: 42 }, (e, t) =>
|
|
986
|
+
function Pt(e, t) {
|
|
987
|
+
let n = Mt(new Date(e.getFullYear(), e.getMonth(), 1), t);
|
|
988
|
+
return Array.from({ length: 42 }, (e, t) => jt(n, t));
|
|
1294
989
|
}
|
|
1295
|
-
function
|
|
990
|
+
function Ft(e) {
|
|
1296
991
|
switch (e) {
|
|
1297
992
|
case "active": return "rgba(14, 165, 233, 1)";
|
|
1298
993
|
case "done": return "rgba(34, 197, 94, 1)";
|
|
@@ -1300,10 +995,10 @@ function Gt(e) {
|
|
|
1300
995
|
default: return "rgba(245, 158, 11, 1)";
|
|
1301
996
|
}
|
|
1302
997
|
}
|
|
1303
|
-
function
|
|
1304
|
-
return e.color ??
|
|
998
|
+
function It(e) {
|
|
999
|
+
return e.color ?? Ft(e.status);
|
|
1305
1000
|
}
|
|
1306
|
-
function
|
|
1001
|
+
function Lt(e, t) {
|
|
1307
1002
|
return new Intl.DateTimeFormat(t, {
|
|
1308
1003
|
weekday: "long",
|
|
1309
1004
|
day: "numeric",
|
|
@@ -1311,63 +1006,63 @@ function qt(e, t) {
|
|
|
1311
1006
|
year: "numeric"
|
|
1312
1007
|
}).format(e);
|
|
1313
1008
|
}
|
|
1314
|
-
function
|
|
1315
|
-
let n =
|
|
1009
|
+
function Rt(e, t) {
|
|
1010
|
+
let n = jt(e, 6), r = new Intl.DateTimeFormat(t, {
|
|
1316
1011
|
day: "numeric",
|
|
1317
1012
|
month: "short"
|
|
1318
1013
|
});
|
|
1319
1014
|
return `${r.format(e)} - ${r.format(n)}`;
|
|
1320
1015
|
}
|
|
1321
|
-
function
|
|
1016
|
+
function zt(e, t) {
|
|
1322
1017
|
return e.startTime && e.endTime ? `${e.startTime} - ${e.endTime}` : e.startTime ? e.startTime : t.allDay;
|
|
1323
1018
|
}
|
|
1324
|
-
function
|
|
1019
|
+
function Bt(e) {
|
|
1325
1020
|
let t = /^(\d{1,2}):(\d{2})$/.exec(e);
|
|
1326
1021
|
return t ? Number(t[1]) * 60 + Number(t[2]) : null;
|
|
1327
1022
|
}
|
|
1328
|
-
function
|
|
1023
|
+
function Vt(e) {
|
|
1329
1024
|
if (!e.startTime || !e.endTime) return null;
|
|
1330
|
-
let t =
|
|
1025
|
+
let t = Bt(e.startTime), n = Bt(e.endTime);
|
|
1331
1026
|
if (t === null || n === null || n <= t) return null;
|
|
1332
1027
|
let r = n - t, i = Math.floor(r / 60), a = r % 60;
|
|
1333
1028
|
return i === 0 ? `${a}m` : a === 0 ? `${i}h` : `${i}h ${a}m`;
|
|
1334
1029
|
}
|
|
1335
|
-
function
|
|
1030
|
+
function Ht(e, t) {
|
|
1336
1031
|
let n = /* @__PURE__ */ new Date(), r = new Date(e);
|
|
1337
1032
|
r.setHours(t, 0, 0, 0);
|
|
1338
1033
|
let i = new Date(r);
|
|
1339
1034
|
return i.setHours(t + 1, 0, 0, 0), i <= n ? "past" : r <= n && i > n ? "active" : "upcoming";
|
|
1340
1035
|
}
|
|
1341
|
-
function
|
|
1036
|
+
function Ut(e) {
|
|
1342
1037
|
if (!e) return null;
|
|
1343
1038
|
let [t, n] = e.split(":"), r = Number(t), i = Number(n ?? 0);
|
|
1344
|
-
return Number.isNaN(r) || Number.isNaN(i) ? null : r *
|
|
1039
|
+
return Number.isNaN(r) || Number.isNaN(i) ? null : r * $ + i;
|
|
1345
1040
|
}
|
|
1346
|
-
function
|
|
1347
|
-
let t =
|
|
1041
|
+
function Wt(e) {
|
|
1042
|
+
let t = Ut(e.startTime);
|
|
1348
1043
|
if (t === null) return null;
|
|
1349
|
-
let n =
|
|
1044
|
+
let n = Ut(e.endTime), r = n !== null && n > t ? n : t + $;
|
|
1350
1045
|
return {
|
|
1351
1046
|
start: t,
|
|
1352
|
-
end: Math.min(r,
|
|
1047
|
+
end: Math.min(r, St * $)
|
|
1353
1048
|
};
|
|
1354
1049
|
}
|
|
1355
|
-
function
|
|
1356
|
-
let n = t *
|
|
1050
|
+
function Gt(e, t) {
|
|
1051
|
+
let n = t * $, r = n + $, i = [];
|
|
1357
1052
|
return e.forEach((e) => {
|
|
1358
|
-
let t =
|
|
1053
|
+
let t = Wt(e);
|
|
1359
1054
|
if (!t) return;
|
|
1360
1055
|
let a = Math.max(t.start, n), o = Math.min(t.end, r);
|
|
1361
1056
|
o <= a || i.push({
|
|
1362
1057
|
event: e,
|
|
1363
|
-
fromPercent: (a - n) /
|
|
1364
|
-
toPercent: (o - n) /
|
|
1058
|
+
fromPercent: (a - n) / $ * 100,
|
|
1059
|
+
toPercent: (o - n) / $ * 100
|
|
1365
1060
|
});
|
|
1366
1061
|
}), i;
|
|
1367
1062
|
}
|
|
1368
|
-
function
|
|
1063
|
+
function Kt(e) {
|
|
1369
1064
|
let t = /* @__PURE__ */ new Set(), n = e.map((e) => {
|
|
1370
|
-
let t =
|
|
1065
|
+
let t = Wt(e);
|
|
1371
1066
|
return t ? {
|
|
1372
1067
|
event: e,
|
|
1373
1068
|
...t
|
|
@@ -1376,67 +1071,67 @@ function nn(e) {
|
|
|
1376
1071
|
for (let e = 0; e < n.length; e += 1) for (let r = e + 1; r < n.length && !(n[r].start >= n[e].end); r += 1) t.add(n[e].event.id), t.add(n[r].event.id);
|
|
1377
1072
|
return t;
|
|
1378
1073
|
}
|
|
1379
|
-
function
|
|
1074
|
+
function qt(e, t, n) {
|
|
1380
1075
|
if (!t.length || !n.length) return e;
|
|
1381
1076
|
let r = t.filter((e) => n.includes(e.id));
|
|
1382
1077
|
return r.length ? e.filter((e) => r.some((t) => t.predicate(e))) : e;
|
|
1383
1078
|
}
|
|
1384
|
-
function
|
|
1385
|
-
return t === "week" ?
|
|
1079
|
+
function Jt(e, t, n, r) {
|
|
1080
|
+
return t === "week" ? Rt(Mt(e, r), n) : new Intl.DateTimeFormat(n, {
|
|
1386
1081
|
month: "long",
|
|
1387
1082
|
year: "numeric"
|
|
1388
1083
|
}).format(e);
|
|
1389
1084
|
}
|
|
1390
|
-
function
|
|
1085
|
+
function Yt(e, t) {
|
|
1391
1086
|
return e === "week" ? t.weekView : t.monthView;
|
|
1392
1087
|
}
|
|
1393
|
-
function
|
|
1088
|
+
function Xt(e, t) {
|
|
1394
1089
|
let n = [];
|
|
1395
1090
|
return e && n.push({
|
|
1396
1091
|
id: "add",
|
|
1397
1092
|
label: t ?? "Add event",
|
|
1398
|
-
icon: /* @__PURE__ */
|
|
1093
|
+
icon: /* @__PURE__ */ X(O, {}),
|
|
1399
1094
|
onSelect: (t) => e(t)
|
|
1400
1095
|
}), n;
|
|
1401
1096
|
}
|
|
1402
|
-
function
|
|
1097
|
+
function Zt(e, t, n) {
|
|
1403
1098
|
let r = [];
|
|
1404
1099
|
e.href && r.push({
|
|
1405
1100
|
id: "open",
|
|
1406
1101
|
label: "Open",
|
|
1407
|
-
icon: /* @__PURE__ */
|
|
1102
|
+
icon: /* @__PURE__ */ X(M, {}),
|
|
1408
1103
|
href: e.href
|
|
1409
1104
|
});
|
|
1410
1105
|
let i = e.onEdit ?? t;
|
|
1411
1106
|
i && r.push({
|
|
1412
1107
|
id: "edit",
|
|
1413
1108
|
label: "Edit",
|
|
1414
|
-
icon: /* @__PURE__ */
|
|
1109
|
+
icon: /* @__PURE__ */ X(ie, {}),
|
|
1415
1110
|
onSelect: i
|
|
1416
1111
|
});
|
|
1417
1112
|
let a = e.onDelete ?? n;
|
|
1418
1113
|
return a && r.push({
|
|
1419
1114
|
id: "delete",
|
|
1420
1115
|
label: "Delete",
|
|
1421
|
-
icon: /* @__PURE__ */
|
|
1116
|
+
icon: /* @__PURE__ */ X(A, {}),
|
|
1422
1117
|
color: "error",
|
|
1423
1118
|
onSelect: a
|
|
1424
1119
|
}), r;
|
|
1425
1120
|
}
|
|
1426
|
-
function
|
|
1427
|
-
let o =
|
|
1428
|
-
return /* @__PURE__ */
|
|
1429
|
-
className:
|
|
1121
|
+
function Qt({ date: e, events: t, overlapWarning: n = !1, orientation: r = "vertical", className: i, ...a }) {
|
|
1122
|
+
let o = Re(), s = q(() => Kt(t), [t]), c = Array.from({ length: St }, (e, t) => t);
|
|
1123
|
+
return /* @__PURE__ */ X("div", {
|
|
1124
|
+
className: P("calendar hourbar", r, i),
|
|
1430
1125
|
"aria-hidden": "true",
|
|
1431
1126
|
...a,
|
|
1432
1127
|
children: c.map((e) => {
|
|
1433
|
-
let r =
|
|
1434
|
-
return /* @__PURE__ */
|
|
1435
|
-
className:
|
|
1128
|
+
let r = Gt(t, e), i = Math.min(100, r.reduce((e, t) => e + (t.toPercent - t.fromPercent), 0)), a = n && r.some((e) => s.has(e.event.id));
|
|
1129
|
+
return /* @__PURE__ */ X("div", {
|
|
1130
|
+
className: P("hourbar slot", r.length > 0 && "filled", a && "overlap"),
|
|
1436
1131
|
style: { "--mineral-hourbar-fill": `${i}%` },
|
|
1437
1132
|
children: r.map((e, t) => {
|
|
1438
|
-
let n = a && r.length > 1 ?
|
|
1439
|
-
return /* @__PURE__ */
|
|
1133
|
+
let n = a && r.length > 1 ? Et[t % Et.length] : It(e.event), i = Vt(e.event), s = zt(e.event, o);
|
|
1134
|
+
return /* @__PURE__ */ X(Se, {
|
|
1440
1135
|
placement: "left",
|
|
1441
1136
|
delay: 120,
|
|
1442
1137
|
className: "hourbar segment-wrapper",
|
|
@@ -1448,11 +1143,11 @@ function ln({ date: e, events: t, overlapWarning: n = !1, orientation: r = "vert
|
|
|
1448
1143
|
height: `${e.toPercent - e.fromPercent}%`,
|
|
1449
1144
|
background: n
|
|
1450
1145
|
},
|
|
1451
|
-
content: /* @__PURE__ */
|
|
1146
|
+
content: /* @__PURE__ */ Z("div", {
|
|
1452
1147
|
className: "hourbar tooltip-content",
|
|
1453
|
-
children: [/* @__PURE__ */
|
|
1148
|
+
children: [/* @__PURE__ */ X("strong", { children: e.event.title }), /* @__PURE__ */ X("span", { children: i ? `${s} · ${i}` : s })]
|
|
1454
1149
|
}),
|
|
1455
|
-
children: /* @__PURE__ */
|
|
1150
|
+
children: /* @__PURE__ */ X("span", {
|
|
1456
1151
|
className: "hourbar segment-fill",
|
|
1457
1152
|
"aria-hidden": "true"
|
|
1458
1153
|
})
|
|
@@ -1462,12 +1157,12 @@ function ln({ date: e, events: t, overlapWarning: n = !1, orientation: r = "vert
|
|
|
1462
1157
|
})
|
|
1463
1158
|
});
|
|
1464
1159
|
}
|
|
1465
|
-
function
|
|
1466
|
-
return e.length ? /* @__PURE__ */
|
|
1160
|
+
function $t({ filters: e, activeFilterIds: t, onToggle: n }) {
|
|
1161
|
+
return e.length ? /* @__PURE__ */ X("div", {
|
|
1467
1162
|
className: "calendar filters",
|
|
1468
1163
|
children: e.map((e) => {
|
|
1469
1164
|
let r = t.includes(e.id);
|
|
1470
|
-
return /* @__PURE__ */
|
|
1165
|
+
return /* @__PURE__ */ X(R, {
|
|
1471
1166
|
type: "button",
|
|
1472
1167
|
size: "sm",
|
|
1473
1168
|
variant: "outlined",
|
|
@@ -1480,15 +1175,15 @@ function un({ filters: e, activeFilterIds: t, onToggle: n }) {
|
|
|
1480
1175
|
})
|
|
1481
1176
|
}) : null;
|
|
1482
1177
|
}
|
|
1483
|
-
function
|
|
1484
|
-
let d =
|
|
1485
|
-
return /* @__PURE__ */
|
|
1178
|
+
function en({ days: e, eventsByDay: t, selectedDate: n, activeDate: r, onDayInteract: i, dayBadge: a, renderDayCell: o, showHourBar: s, overlapWarning: c, onAddEvent: l, addEventLabel: u }) {
|
|
1179
|
+
let d = kt(Dt(/* @__PURE__ */ new Date()));
|
|
1180
|
+
return /* @__PURE__ */ X("div", {
|
|
1486
1181
|
className: "calendar week",
|
|
1487
1182
|
children: e.map((e) => {
|
|
1488
|
-
let f =
|
|
1183
|
+
let f = kt(e), p = t.get(f) ?? [], m = a?.(e, p) ?? (p.length > 0 ? /* @__PURE__ */ X(B, {
|
|
1489
1184
|
size: "sm",
|
|
1490
1185
|
children: p.length
|
|
1491
|
-
}) : null), h = !!(n &&
|
|
1186
|
+
}) : null), h = !!(n && kt(n) === f), g = {
|
|
1492
1187
|
date: e,
|
|
1493
1188
|
events: p,
|
|
1494
1189
|
badge: m,
|
|
@@ -1496,14 +1191,14 @@ function dn({ days: e, eventsByDay: t, selectedDate: n, activeDate: r, onDayInte
|
|
|
1496
1191
|
isSelected: h,
|
|
1497
1192
|
isOutsideMonth: !1
|
|
1498
1193
|
};
|
|
1499
|
-
return /* @__PURE__ */
|
|
1194
|
+
return /* @__PURE__ */ X("div", {
|
|
1500
1195
|
className: "calendar week column",
|
|
1501
|
-
children: /* @__PURE__ */
|
|
1196
|
+
children: /* @__PURE__ */ X(tn, {
|
|
1502
1197
|
date: e,
|
|
1503
1198
|
events: p,
|
|
1504
1199
|
badge: m,
|
|
1505
1200
|
isToday: g.isToday,
|
|
1506
|
-
isSelected: h || !!(r &&
|
|
1201
|
+
isSelected: h || !!(r && kt(r) === f),
|
|
1507
1202
|
isOutsideMonth: !1,
|
|
1508
1203
|
showHourBar: s,
|
|
1509
1204
|
overlapWarning: c,
|
|
@@ -1516,38 +1211,38 @@ function dn({ days: e, eventsByDay: t, selectedDate: n, activeDate: r, onDayInte
|
|
|
1516
1211
|
})
|
|
1517
1212
|
});
|
|
1518
1213
|
}
|
|
1519
|
-
function
|
|
1214
|
+
function tn({ date: e, events: t = [], badge: n, isToday: r = !1, isSelected: i = !1, isOutsideMonth: a = !1, showHourBar: o = !1, overlapWarning: s = !1, onAddEvent: c, addEventLabel: l, className: u, children: d, ...f }) {
|
|
1520
1215
|
let p = (t) => {
|
|
1521
1216
|
t.stopPropagation(), c?.(e);
|
|
1522
1217
|
};
|
|
1523
|
-
return /* @__PURE__ */
|
|
1218
|
+
return /* @__PURE__ */ X("button", {
|
|
1524
1219
|
type: "button",
|
|
1525
|
-
className:
|
|
1220
|
+
className: P("calendar day cell", r && "today", i && "selected", a && "outside-month", o && "has-hourbar", u),
|
|
1526
1221
|
...f,
|
|
1527
|
-
children: d ?? /* @__PURE__ */
|
|
1222
|
+
children: d ?? /* @__PURE__ */ Z(Ge, { children: [/* @__PURE__ */ Z("div", {
|
|
1528
1223
|
className: "day inner",
|
|
1529
|
-
children: [/* @__PURE__ */
|
|
1224
|
+
children: [/* @__PURE__ */ Z("div", {
|
|
1530
1225
|
className: "day header",
|
|
1531
|
-
children: [/* @__PURE__ */
|
|
1226
|
+
children: [/* @__PURE__ */ X("span", {
|
|
1532
1227
|
className: "day number",
|
|
1533
1228
|
children: e.getDate()
|
|
1534
|
-
}), /* @__PURE__ */
|
|
1229
|
+
}), /* @__PURE__ */ X("div", {
|
|
1535
1230
|
className: "day meta",
|
|
1536
1231
|
children: n
|
|
1537
1232
|
})]
|
|
1538
|
-
}), c && /* @__PURE__ */
|
|
1233
|
+
}), c && /* @__PURE__ */ X("div", {
|
|
1539
1234
|
className: "day footer",
|
|
1540
|
-
children: /* @__PURE__ */
|
|
1235
|
+
children: /* @__PURE__ */ X("span", {
|
|
1541
1236
|
role: "button",
|
|
1542
1237
|
tabIndex: -1,
|
|
1543
1238
|
"aria-label": l,
|
|
1544
1239
|
title: l,
|
|
1545
1240
|
className: "day add",
|
|
1546
1241
|
onClick: p,
|
|
1547
|
-
children: /* @__PURE__ */
|
|
1242
|
+
children: /* @__PURE__ */ X(O, { size: 14 })
|
|
1548
1243
|
})
|
|
1549
1244
|
})]
|
|
1550
|
-
}), o && /* @__PURE__ */
|
|
1245
|
+
}), o && /* @__PURE__ */ X(Qt, {
|
|
1551
1246
|
date: e,
|
|
1552
1247
|
events: t,
|
|
1553
1248
|
overlapWarning: s,
|
|
@@ -1555,10 +1250,10 @@ function fn({ date: e, events: t = [], badge: n, isToday: r = !1, isSelected: i
|
|
|
1555
1250
|
})] })
|
|
1556
1251
|
});
|
|
1557
1252
|
}
|
|
1558
|
-
function
|
|
1559
|
-
let f =
|
|
1253
|
+
function nn({ event: e, locale: t, className: n, currentDate: r, menuItems: i, renderMenu: a, showActions: o = !0, overlap: s = !1, onSelect: c, onEdit: l, onDelete: u, ...d }) {
|
|
1254
|
+
let f = Te(t), p = Re(), m = e.status === "cancelled" ? "error" : e.status === "done" ? "success" : e.status === "active" ? "info" : "warning", h = e.menuItems ?? i ?? a?.(e) ?? Zt(e, l, u), g = !!(e.href || e.onClick || c), _ = It(e), v = (t) => {
|
|
1560
1255
|
t.target.closest(".event-menu, .event-menu-trigger") || (e.onClick?.(e), c?.(e));
|
|
1561
|
-
}, y = (t) => /* @__PURE__ */
|
|
1256
|
+
}, y = (t) => /* @__PURE__ */ Z(t, {
|
|
1562
1257
|
...t === "a" ? {
|
|
1563
1258
|
href: e.href,
|
|
1564
1259
|
target: (e.href, void 0)
|
|
@@ -1568,92 +1263,92 @@ function pn({ event: e, locale: t, className: n, currentDate: r, menuItems: i, r
|
|
|
1568
1263
|
onClick: v
|
|
1569
1264
|
} : {},
|
|
1570
1265
|
...t === "a" ? { onClick: v } : {},
|
|
1571
|
-
className:
|
|
1266
|
+
className: P("calendar event item", g && "interactive", s && "overlap", n),
|
|
1572
1267
|
style: { "--mineral-event-accent": _ },
|
|
1573
1268
|
...d,
|
|
1574
1269
|
children: [
|
|
1575
|
-
/* @__PURE__ */
|
|
1270
|
+
/* @__PURE__ */ Z("div", {
|
|
1576
1271
|
className: "event time",
|
|
1577
|
-
children: [/* @__PURE__ */
|
|
1272
|
+
children: [/* @__PURE__ */ X("span", {
|
|
1578
1273
|
className: "event accent",
|
|
1579
1274
|
"aria-hidden": "true"
|
|
1580
|
-
}),
|
|
1275
|
+
}), zt(e, p)]
|
|
1581
1276
|
}),
|
|
1582
|
-
/* @__PURE__ */
|
|
1277
|
+
/* @__PURE__ */ Z("div", {
|
|
1583
1278
|
className: "event content",
|
|
1584
1279
|
children: [
|
|
1585
|
-
/* @__PURE__ */
|
|
1280
|
+
/* @__PURE__ */ Z("div", {
|
|
1586
1281
|
className: "event title row",
|
|
1587
|
-
children: [/* @__PURE__ */
|
|
1282
|
+
children: [/* @__PURE__ */ X(I, {
|
|
1588
1283
|
level: 5,
|
|
1589
1284
|
children: e.title
|
|
1590
|
-
}), /* @__PURE__ */
|
|
1285
|
+
}), /* @__PURE__ */ Z("div", {
|
|
1591
1286
|
className: "event title meta",
|
|
1592
|
-
children: [s && /* @__PURE__ */
|
|
1287
|
+
children: [s && /* @__PURE__ */ Z(B, {
|
|
1593
1288
|
color: "warning",
|
|
1594
1289
|
size: "sm",
|
|
1595
|
-
children: [/* @__PURE__ */
|
|
1596
|
-
}), e.status && /* @__PURE__ */
|
|
1290
|
+
children: [/* @__PURE__ */ X(ae, { size: 12 }), " Overlap"]
|
|
1291
|
+
}), e.status && /* @__PURE__ */ X(B, {
|
|
1597
1292
|
color: m,
|
|
1598
1293
|
size: "sm",
|
|
1599
1294
|
children: e.status
|
|
1600
1295
|
})]
|
|
1601
1296
|
})]
|
|
1602
1297
|
}),
|
|
1603
|
-
e.description && /* @__PURE__ */
|
|
1298
|
+
e.description && /* @__PURE__ */ X(F, {
|
|
1604
1299
|
size: "sm",
|
|
1605
1300
|
tone: "muted",
|
|
1606
1301
|
children: e.description
|
|
1607
1302
|
}),
|
|
1608
|
-
/* @__PURE__ */
|
|
1303
|
+
/* @__PURE__ */ Z("div", {
|
|
1609
1304
|
className: "event details",
|
|
1610
1305
|
children: [
|
|
1611
|
-
e.type && /* @__PURE__ */
|
|
1306
|
+
e.type && /* @__PURE__ */ X(B, {
|
|
1612
1307
|
color: "neutral",
|
|
1613
1308
|
size: "sm",
|
|
1614
1309
|
children: e.type
|
|
1615
1310
|
}),
|
|
1616
|
-
e.badgeLabel && /* @__PURE__ */
|
|
1311
|
+
e.badgeLabel && /* @__PURE__ */ X(B, {
|
|
1617
1312
|
size: "sm",
|
|
1618
1313
|
children: e.badgeLabel
|
|
1619
1314
|
}),
|
|
1620
|
-
e.user && /* @__PURE__ */
|
|
1315
|
+
e.user && /* @__PURE__ */ Z("span", {
|
|
1621
1316
|
className: "event user",
|
|
1622
|
-
children: [/* @__PURE__ */
|
|
1317
|
+
children: [/* @__PURE__ */ X(U, {
|
|
1623
1318
|
size: "sm",
|
|
1624
1319
|
src: e.user.avatar,
|
|
1625
1320
|
name: e.user.name,
|
|
1626
1321
|
backgroundColor: e.user.color
|
|
1627
1322
|
}), e.user.name]
|
|
1628
1323
|
}),
|
|
1629
|
-
!e.startTime && !e.endTime && r && /* @__PURE__ */
|
|
1324
|
+
!e.startTime && !e.endTime && r && /* @__PURE__ */ X(F, {
|
|
1630
1325
|
size: "sm",
|
|
1631
1326
|
tone: "muted",
|
|
1632
|
-
children:
|
|
1327
|
+
children: Lt(r, f)
|
|
1633
1328
|
})
|
|
1634
1329
|
]
|
|
1635
1330
|
})
|
|
1636
1331
|
]
|
|
1637
1332
|
}),
|
|
1638
|
-
o && h.length > 0 && /* @__PURE__ */
|
|
1333
|
+
o && h.length > 0 && /* @__PURE__ */ X("div", {
|
|
1639
1334
|
className: "event-menu",
|
|
1640
1335
|
onClick: (e) => e.stopPropagation(),
|
|
1641
1336
|
onMouseDown: (e) => e.stopPropagation(),
|
|
1642
|
-
children: /* @__PURE__ */
|
|
1337
|
+
children: /* @__PURE__ */ X(Ce, {
|
|
1643
1338
|
placement: "bottom-end",
|
|
1644
|
-
trigger: /* @__PURE__ */
|
|
1339
|
+
trigger: /* @__PURE__ */ X("span", {
|
|
1645
1340
|
className: "event-menu-trigger",
|
|
1646
1341
|
"aria-label": "Event actions",
|
|
1647
1342
|
role: "presentation",
|
|
1648
|
-
children: /* @__PURE__ */
|
|
1343
|
+
children: /* @__PURE__ */ X(se, { size: 16 })
|
|
1649
1344
|
}),
|
|
1650
|
-
children: h.map((t) => t.href ? /* @__PURE__ */
|
|
1345
|
+
children: h.map((t) => t.href ? /* @__PURE__ */ X(we, {
|
|
1651
1346
|
icon: t.icon,
|
|
1652
1347
|
label: t.label,
|
|
1653
1348
|
href: t.href,
|
|
1654
1349
|
color: t.color,
|
|
1655
1350
|
disabled: t.disabled
|
|
1656
|
-
}, t.id) : /* @__PURE__ */
|
|
1351
|
+
}, t.id) : /* @__PURE__ */ X(we, {
|
|
1657
1352
|
icon: t.icon,
|
|
1658
1353
|
label: t.label,
|
|
1659
1354
|
color: t.color,
|
|
@@ -1666,12 +1361,12 @@ function pn({ event: e, locale: t, className: n, currentDate: r, menuItems: i, r
|
|
|
1666
1361
|
});
|
|
1667
1362
|
return e.href ? y("a") : y(g ? "button" : "div");
|
|
1668
1363
|
}
|
|
1669
|
-
function
|
|
1670
|
-
let f =
|
|
1671
|
-
return e.length ? /* @__PURE__ */
|
|
1672
|
-
className:
|
|
1364
|
+
function rn({ events: e, locale: t, currentDate: n, emptyStateText: r, overlapWarning: i = !1, renderEventItem: a, renderEventMenu: o, onEventSelect: s, onEventEdit: c, onEventDelete: l, className: u, ...d }) {
|
|
1365
|
+
let f = Te(t), p = Re(), m = q(() => i ? Kt(e) : /* @__PURE__ */ new Set(), [e, i]);
|
|
1366
|
+
return e.length ? /* @__PURE__ */ X("div", {
|
|
1367
|
+
className: P("calendar event list", u),
|
|
1673
1368
|
...d,
|
|
1674
|
-
children: /* @__PURE__ */
|
|
1369
|
+
children: /* @__PURE__ */ X(ge, { children: Nt(e).map((e) => a ? /* @__PURE__ */ X("div", { children: a(e) }, e.id) : /* @__PURE__ */ X(nn, {
|
|
1675
1370
|
event: e,
|
|
1676
1371
|
locale: f,
|
|
1677
1372
|
currentDate: n,
|
|
@@ -1681,38 +1376,38 @@ function mn({ events: e, locale: t, currentDate: n, emptyStateText: r, overlapWa
|
|
|
1681
1376
|
onEdit: c,
|
|
1682
1377
|
onDelete: l
|
|
1683
1378
|
}, e.id)) })
|
|
1684
|
-
}) : /* @__PURE__ */
|
|
1379
|
+
}) : /* @__PURE__ */ X(F, {
|
|
1685
1380
|
size: "sm",
|
|
1686
1381
|
tone: "muted",
|
|
1687
|
-
className:
|
|
1382
|
+
className: P("calendar event list", u),
|
|
1688
1383
|
...d,
|
|
1689
1384
|
children: r ?? p.emptyStateText
|
|
1690
1385
|
});
|
|
1691
1386
|
}
|
|
1692
|
-
function
|
|
1693
|
-
let [l, u] =
|
|
1694
|
-
return /* @__PURE__ */
|
|
1387
|
+
function an({ event: e, locale: t, date: n, timeLabel: r, overlap: i, renderEventMenu: a, onSelect: o, onEdit: s, onDelete: c }) {
|
|
1388
|
+
let [l, u] = Y(!1), d = J(null);
|
|
1389
|
+
return /* @__PURE__ */ Z(Ge, { children: [/* @__PURE__ */ Z("button", {
|
|
1695
1390
|
ref: d,
|
|
1696
1391
|
type: "button",
|
|
1697
|
-
className:
|
|
1698
|
-
style: { "--mineral-event-color":
|
|
1392
|
+
className: P("timeline event-chip", i && "overlap", l && "open"),
|
|
1393
|
+
style: { "--mineral-event-color": It(e) },
|
|
1699
1394
|
onClick: () => u((e) => !e),
|
|
1700
|
-
children: [/* @__PURE__ */
|
|
1395
|
+
children: [/* @__PURE__ */ X("span", {
|
|
1701
1396
|
className: "timeline event-chip-time",
|
|
1702
1397
|
children: r
|
|
1703
|
-
}), /* @__PURE__ */
|
|
1398
|
+
}), /* @__PURE__ */ X("span", {
|
|
1704
1399
|
className: "timeline event-chip-title",
|
|
1705
1400
|
children: e.title
|
|
1706
1401
|
})]
|
|
1707
|
-
}), /* @__PURE__ */
|
|
1402
|
+
}), /* @__PURE__ */ X(me, {
|
|
1708
1403
|
open: l,
|
|
1709
1404
|
anchorRef: d,
|
|
1710
1405
|
onClose: () => u(!1),
|
|
1711
1406
|
placement: "right-start",
|
|
1712
|
-
children: /* @__PURE__ */
|
|
1407
|
+
children: /* @__PURE__ */ X(ye, {
|
|
1713
1408
|
className: "timeline event-popup",
|
|
1714
1409
|
outlined: !1,
|
|
1715
|
-
children: /* @__PURE__ */
|
|
1410
|
+
children: /* @__PURE__ */ X(z, { children: /* @__PURE__ */ X(nn, {
|
|
1716
1411
|
event: e,
|
|
1717
1412
|
locale: t,
|
|
1718
1413
|
currentDate: n,
|
|
@@ -1725,12 +1420,12 @@ function hn({ event: e, locale: t, date: n, timeLabel: r, overlap: i, renderEven
|
|
|
1725
1420
|
})
|
|
1726
1421
|
})] });
|
|
1727
1422
|
}
|
|
1728
|
-
function
|
|
1729
|
-
let g =
|
|
1423
|
+
function on({ date: e, events: t, locale: n, startHour: r = 0, endHour: i = 23, emptyStateText: a, overlapWarning: o = !1, onAddEvent: s, addEventLabel: c, renderEventItem: l, renderEventMenu: u, onEventSelect: d, onEventEdit: f, onEventDelete: p, className: m, ...h }) {
|
|
1424
|
+
let g = Te(n), _ = Re(), v = Math.max(0, Math.min(r, St - 1)), y = Math.max(v, Math.min(i, St - 1)), b = Array.from({ length: y - v + 1 }, (e, t) => v + t), x = t.filter((e) => !e.startTime), S = q(() => o ? Kt(t) : /* @__PURE__ */ new Set(), [t, o]), C = /* @__PURE__ */ X("div", {
|
|
1730
1425
|
className: "timeline allday-panel",
|
|
1731
|
-
children: x.length > 0 ? /* @__PURE__ */
|
|
1426
|
+
children: x.length > 0 ? /* @__PURE__ */ X(ge, {
|
|
1732
1427
|
spacing: "xs",
|
|
1733
|
-
children: x.map((t) => l ? /* @__PURE__ */
|
|
1428
|
+
children: x.map((t) => l ? /* @__PURE__ */ X("div", { children: l(t) }, t.id) : /* @__PURE__ */ X(nn, {
|
|
1734
1429
|
event: t,
|
|
1735
1430
|
locale: g,
|
|
1736
1431
|
currentDate: e,
|
|
@@ -1740,15 +1435,15 @@ function gn({ date: e, events: t, locale: n, startHour: r = 0, endHour: i = 23,
|
|
|
1740
1435
|
onEdit: f,
|
|
1741
1436
|
onDelete: p
|
|
1742
1437
|
}, t.id))
|
|
1743
|
-
}) : /* @__PURE__ */
|
|
1438
|
+
}) : /* @__PURE__ */ X(F, {
|
|
1744
1439
|
size: "sm",
|
|
1745
1440
|
tone: "muted",
|
|
1746
1441
|
children: a ?? _.emptyStateText
|
|
1747
1442
|
})
|
|
1748
|
-
}), w = v *
|
|
1749
|
-
let e =
|
|
1443
|
+
}), w = v * $, T = (y + 1) * $, E = (y - v + 1) * Ct, D = q(() => {
|
|
1444
|
+
let e = Nt(t.filter((e) => !!e.startTime)), n = [];
|
|
1750
1445
|
e.forEach((e) => {
|
|
1751
|
-
let t =
|
|
1446
|
+
let t = Wt(e);
|
|
1752
1447
|
!t || t.end <= w || t.start >= T || n.push({
|
|
1753
1448
|
event: e,
|
|
1754
1449
|
start: t.start,
|
|
@@ -1780,65 +1475,65 @@ function gn({ date: e, events: t, locale: n, startHour: r = 0, endHour: i = 23,
|
|
|
1780
1475
|
t,
|
|
1781
1476
|
w,
|
|
1782
1477
|
T
|
|
1783
|
-
]),
|
|
1478
|
+
]), k = /* @__PURE__ */ Z("div", {
|
|
1784
1479
|
className: "timeline canvas",
|
|
1785
1480
|
style: {
|
|
1786
|
-
"--timeline-hour-height": `${
|
|
1481
|
+
"--timeline-hour-height": `${Ct}px`,
|
|
1787
1482
|
height: `${E}px`
|
|
1788
1483
|
},
|
|
1789
|
-
children: [/* @__PURE__ */
|
|
1484
|
+
children: [/* @__PURE__ */ X("div", {
|
|
1790
1485
|
className: "timeline rows",
|
|
1791
1486
|
children: b.map((t) => {
|
|
1792
|
-
let n =
|
|
1793
|
-
return /* @__PURE__ */
|
|
1794
|
-
className:
|
|
1487
|
+
let n = Ht(e, t), r = s ? () => s(e, t) : void 0;
|
|
1488
|
+
return /* @__PURE__ */ Z("div", {
|
|
1489
|
+
className: P("timeline row", n),
|
|
1795
1490
|
children: [
|
|
1796
|
-
/* @__PURE__ */
|
|
1491
|
+
/* @__PURE__ */ Z("div", {
|
|
1797
1492
|
className: "row time-cell",
|
|
1798
|
-
children: [/* @__PURE__ */
|
|
1493
|
+
children: [/* @__PURE__ */ X("span", { children: `${String(t).padStart(2, "0")}:00` }), r && /* @__PURE__ */ X("button", {
|
|
1799
1494
|
type: "button",
|
|
1800
1495
|
className: "row add",
|
|
1801
1496
|
"aria-label": c,
|
|
1802
1497
|
title: c,
|
|
1803
1498
|
onClick: r,
|
|
1804
|
-
children: /* @__PURE__ */
|
|
1499
|
+
children: /* @__PURE__ */ X(O, { size: 12 })
|
|
1805
1500
|
})]
|
|
1806
1501
|
}),
|
|
1807
|
-
/* @__PURE__ */
|
|
1502
|
+
/* @__PURE__ */ X("div", {
|
|
1808
1503
|
className: "row rail",
|
|
1809
1504
|
"aria-hidden": "true"
|
|
1810
1505
|
}),
|
|
1811
|
-
/* @__PURE__ */
|
|
1506
|
+
/* @__PURE__ */ X("div", {
|
|
1812
1507
|
className: "row body",
|
|
1813
1508
|
"aria-hidden": "true"
|
|
1814
1509
|
})
|
|
1815
1510
|
]
|
|
1816
1511
|
}, t);
|
|
1817
1512
|
})
|
|
1818
|
-
}), /* @__PURE__ */
|
|
1513
|
+
}), /* @__PURE__ */ X("div", {
|
|
1819
1514
|
className: "timeline events",
|
|
1820
|
-
children: D.length === 0 ? /* @__PURE__ */
|
|
1515
|
+
children: D.length === 0 ? /* @__PURE__ */ X("div", {
|
|
1821
1516
|
className: "timeline events-empty",
|
|
1822
|
-
children: /* @__PURE__ */
|
|
1517
|
+
children: /* @__PURE__ */ X(F, {
|
|
1823
1518
|
size: "sm",
|
|
1824
1519
|
tone: "muted",
|
|
1825
1520
|
children: a ?? _.timelineEmptyState
|
|
1826
1521
|
})
|
|
1827
1522
|
}) : D.map((t) => {
|
|
1828
|
-
let n = Math.max(t.start, w) - w, r = Math.min(t.end, T) - w, i = n /
|
|
1829
|
-
return /* @__PURE__ */
|
|
1523
|
+
let n = Math.max(t.start, w) - w, r = Math.min(t.end, T) - w, i = n / $ * Ct, a = Math.max((r - n) / $ * Ct, 28), o = t.column * (wt + Tt);
|
|
1524
|
+
return /* @__PURE__ */ X("div", {
|
|
1830
1525
|
className: "timeline event-block",
|
|
1831
1526
|
style: {
|
|
1832
1527
|
top: `${i}px`,
|
|
1833
1528
|
height: `${a}px`,
|
|
1834
1529
|
left: `${o}px`,
|
|
1835
|
-
width: `${
|
|
1530
|
+
width: `${wt}px`
|
|
1836
1531
|
},
|
|
1837
|
-
children: l ? l(t.event) : /* @__PURE__ */
|
|
1532
|
+
children: l ? l(t.event) : /* @__PURE__ */ X(an, {
|
|
1838
1533
|
event: t.event,
|
|
1839
1534
|
locale: g,
|
|
1840
1535
|
date: e,
|
|
1841
|
-
timeLabel:
|
|
1536
|
+
timeLabel: zt(t.event, _),
|
|
1842
1537
|
overlap: S.has(t.event.id),
|
|
1843
1538
|
renderEventMenu: u,
|
|
1844
1539
|
onSelect: d,
|
|
@@ -1849,20 +1544,20 @@ function gn({ date: e, events: t, locale: n, startHour: r = 0, endHour: i = 23,
|
|
|
1849
1544
|
})
|
|
1850
1545
|
})]
|
|
1851
1546
|
});
|
|
1852
|
-
return /* @__PURE__ */
|
|
1853
|
-
className:
|
|
1547
|
+
return /* @__PURE__ */ X("div", {
|
|
1548
|
+
className: P("calendar timeline", m),
|
|
1854
1549
|
...h,
|
|
1855
|
-
children: /* @__PURE__ */
|
|
1550
|
+
children: /* @__PURE__ */ Z(ge, { children: [/* @__PURE__ */ Z("div", {
|
|
1856
1551
|
className: "timeline header",
|
|
1857
|
-
children: [/* @__PURE__ */
|
|
1552
|
+
children: [/* @__PURE__ */ X(I, {
|
|
1858
1553
|
level: 5,
|
|
1859
1554
|
children: _.timelineTitle
|
|
1860
|
-
}), o && S.size > 0 && /* @__PURE__ */
|
|
1555
|
+
}), o && S.size > 0 && /* @__PURE__ */ Z(B, {
|
|
1861
1556
|
color: "warning",
|
|
1862
1557
|
size: "sm",
|
|
1863
|
-
children: [/* @__PURE__ */
|
|
1558
|
+
children: [/* @__PURE__ */ X(ae, { size: 12 }), " Overlap"]
|
|
1864
1559
|
})]
|
|
1865
|
-
}), x.length > 0 ? /* @__PURE__ */
|
|
1560
|
+
}), x.length > 0 ? /* @__PURE__ */ X(ze, {
|
|
1866
1561
|
className: "calendar timeline-tabs",
|
|
1867
1562
|
variant: "underline",
|
|
1868
1563
|
size: "sm",
|
|
@@ -1871,47 +1566,47 @@ function gn({ date: e, events: t, locale: n, startHour: r = 0, endHour: i = 23,
|
|
|
1871
1566
|
items: [{
|
|
1872
1567
|
value: "timeline",
|
|
1873
1568
|
label: _.timelineTab,
|
|
1874
|
-
content:
|
|
1569
|
+
content: k
|
|
1875
1570
|
}, {
|
|
1876
1571
|
value: "allday",
|
|
1877
1572
|
label: `${_.allDayTab} (${x.length})`,
|
|
1878
1573
|
content: C
|
|
1879
1574
|
}]
|
|
1880
|
-
}) :
|
|
1575
|
+
}) : k] })
|
|
1881
1576
|
});
|
|
1882
1577
|
}
|
|
1883
|
-
function
|
|
1884
|
-
let _ =
|
|
1578
|
+
function sn({ date: e, events: t, locale: n, timelineStartHour: r, timelineEndHour: i, showTimeline: a, overlapWarning: o, emptyStateText: s, addEventLabel: c, dayMenuLabel: l, onAddEvent: u, renderDayMenu: d, onEventSelect: f, onEventEdit: p, onEventDelete: m, renderEventItem: h, renderEventMenu: g }) {
|
|
1579
|
+
let _ = Re();
|
|
1885
1580
|
if (!e) return null;
|
|
1886
|
-
let v = d?.(e, t) ??
|
|
1887
|
-
return /* @__PURE__ */
|
|
1581
|
+
let v = d?.(e, t) ?? Xt(u, c);
|
|
1582
|
+
return /* @__PURE__ */ Z(ge, { children: [/* @__PURE__ */ Z("div", {
|
|
1888
1583
|
className: "calendar details header",
|
|
1889
|
-
children: [/* @__PURE__ */
|
|
1584
|
+
children: [/* @__PURE__ */ Z(ge, {
|
|
1890
1585
|
spacing: "xs",
|
|
1891
|
-
children: [/* @__PURE__ */
|
|
1586
|
+
children: [/* @__PURE__ */ X(I, {
|
|
1892
1587
|
level: 4,
|
|
1893
|
-
children:
|
|
1894
|
-
}), /* @__PURE__ */
|
|
1588
|
+
children: Lt(e, n)
|
|
1589
|
+
}), /* @__PURE__ */ X(F, {
|
|
1895
1590
|
tone: "muted",
|
|
1896
1591
|
size: "sm",
|
|
1897
1592
|
children: t.length > 0 ? _.itemsCount(t.length) : s
|
|
1898
1593
|
})]
|
|
1899
|
-
}), v.length > 0 && /* @__PURE__ */
|
|
1594
|
+
}), v.length > 0 && /* @__PURE__ */ X(Ce, {
|
|
1900
1595
|
placement: "bottom-end",
|
|
1901
|
-
trigger: /* @__PURE__ */
|
|
1596
|
+
trigger: /* @__PURE__ */ X("button", {
|
|
1902
1597
|
type: "button",
|
|
1903
1598
|
className: "day-menu-trigger",
|
|
1904
1599
|
"aria-label": l ?? "Day actions",
|
|
1905
1600
|
title: l ?? "Day actions",
|
|
1906
|
-
children: /* @__PURE__ */
|
|
1601
|
+
children: /* @__PURE__ */ X(k, { size: 18 })
|
|
1907
1602
|
}),
|
|
1908
|
-
children: v.map((n) => n.href ? /* @__PURE__ */
|
|
1603
|
+
children: v.map((n) => n.href ? /* @__PURE__ */ X(we, {
|
|
1909
1604
|
icon: n.icon,
|
|
1910
1605
|
label: n.label,
|
|
1911
1606
|
href: n.href,
|
|
1912
1607
|
color: n.color,
|
|
1913
1608
|
disabled: n.disabled
|
|
1914
|
-
}, n.id) : /* @__PURE__ */
|
|
1609
|
+
}, n.id) : /* @__PURE__ */ X(we, {
|
|
1915
1610
|
icon: n.icon,
|
|
1916
1611
|
label: n.label,
|
|
1917
1612
|
color: n.color,
|
|
@@ -1919,7 +1614,7 @@ function _n({ date: e, events: t, locale: n, timelineStartHour: r, timelineEndHo
|
|
|
1919
1614
|
onClick: () => n.onSelect?.(e, t)
|
|
1920
1615
|
}, n.id))
|
|
1921
1616
|
})]
|
|
1922
|
-
}), a ? /* @__PURE__ */
|
|
1617
|
+
}), a ? /* @__PURE__ */ X(on, {
|
|
1923
1618
|
date: e,
|
|
1924
1619
|
events: t,
|
|
1925
1620
|
locale: n,
|
|
@@ -1934,7 +1629,7 @@ function _n({ date: e, events: t, locale: n, timelineStartHour: r, timelineEndHo
|
|
|
1934
1629
|
onEventEdit: p,
|
|
1935
1630
|
onEventDelete: m,
|
|
1936
1631
|
emptyStateText: s
|
|
1937
|
-
}) : /* @__PURE__ */
|
|
1632
|
+
}) : /* @__PURE__ */ X(rn, {
|
|
1938
1633
|
events: t,
|
|
1939
1634
|
locale: n,
|
|
1940
1635
|
currentDate: e,
|
|
@@ -1947,9 +1642,9 @@ function _n({ date: e, events: t, locale: n, timelineStartHour: r, timelineEndHo
|
|
|
1947
1642
|
onEventDelete: m
|
|
1948
1643
|
})] });
|
|
1949
1644
|
}
|
|
1950
|
-
function
|
|
1951
|
-
let S =
|
|
1952
|
-
return /* @__PURE__ */
|
|
1645
|
+
function cn({ open: e, anchorRef: t, onClose: n, date: r, events: i, locale: a, timelineStartHour: o = 0, timelineEndHour: s = 23, showTimeline: c = !0, emptyStateText: l, overlapWarning: u = !1, onAddEvent: d, addEventLabel: f, dayMenuLabel: p, onEventSelect: m, onEventEdit: h, onEventDelete: g, renderEventItem: _, renderEventMenu: v, renderDayMenu: y, className: b, style: x }) {
|
|
1646
|
+
let S = Te(a), C = Re();
|
|
1647
|
+
return /* @__PURE__ */ Z(Ge, { children: [e && /* @__PURE__ */ X(pe, { children: /* @__PURE__ */ X("div", {
|
|
1953
1648
|
className: "calendar popover-shield",
|
|
1954
1649
|
onMouseDown: (e) => {
|
|
1955
1650
|
e.preventDefault(), e.stopPropagation(), n();
|
|
@@ -1958,18 +1653,18 @@ function vn({ open: e, anchorRef: t, onClose: n, date: r, events: i, locale: a,
|
|
|
1958
1653
|
e.preventDefault(), e.stopPropagation();
|
|
1959
1654
|
},
|
|
1960
1655
|
"aria-hidden": "true"
|
|
1961
|
-
}) }), /* @__PURE__ */
|
|
1656
|
+
}) }), /* @__PURE__ */ X(me, {
|
|
1962
1657
|
open: e,
|
|
1963
1658
|
anchorRef: t,
|
|
1964
1659
|
onClose: n,
|
|
1965
1660
|
placement: "bottom-start",
|
|
1966
|
-
className:
|
|
1661
|
+
className: P("calendar popover", b),
|
|
1967
1662
|
style: x,
|
|
1968
|
-
children: /* @__PURE__ */
|
|
1663
|
+
children: /* @__PURE__ */ X(ye, {
|
|
1969
1664
|
className: "calendar event-popover",
|
|
1970
|
-
children: /* @__PURE__ */
|
|
1665
|
+
children: /* @__PURE__ */ X(z, { children: /* @__PURE__ */ X("div", {
|
|
1971
1666
|
className: "calendar popover-scroll",
|
|
1972
|
-
children: /* @__PURE__ */
|
|
1667
|
+
children: /* @__PURE__ */ X(sn, {
|
|
1973
1668
|
date: r,
|
|
1974
1669
|
events: i,
|
|
1975
1670
|
locale: S,
|
|
@@ -1992,149 +1687,149 @@ function vn({ open: e, anchorRef: t, onClose: n, date: r, events: i, locale: a,
|
|
|
1992
1687
|
})
|
|
1993
1688
|
})] });
|
|
1994
1689
|
}
|
|
1995
|
-
function
|
|
1996
|
-
let
|
|
1997
|
-
|
|
1998
|
-
let t = window.matchMedia(`(max-width: ${e.md}px)`), n = () =>
|
|
1690
|
+
function ln({ month: t, defaultMonth: n, onMonthChange: r, events: i = [], locale: a, weekStartsOn: o = 1, view: s, defaultView: c = "month", views: l = ["month", "week"], onViewChange: u, selectedDate: d, defaultSelectedDate: f, onDayClick: p, dayBadge: m, renderDayCell: h, renderEventItem: g, renderEventMenu: _, detailsMode: v = "auto", showTimeline: y = !0, showHourBar: b = !0, timelineStartHour: x = 0, timelineEndHour: S = 23, overlapWarning: C = !1, onAddEvent: w, addEventLabel: T = "Add event", dayMenuLabel: E, renderDayMenu: D, onEventSelect: O, onEventEdit: k, onEventDelete: A, emptyStateText: j, filters: M = [], activeFilters: ee, defaultActiveFilters: te = [], onActiveFiltersChange: ne, fullWidth: re = !1, className: ie, ...ae }) {
|
|
1691
|
+
let oe = Te(a), se = Le(), ce = Re(), N = Dt(/* @__PURE__ */ new Date()), [le, ue] = Y(Dt(n ?? t ?? N)), [de, fe] = Y(c), [pe, me] = Y(Ot(f)), [he, _e] = Y(te), [L, ve] = Y(null), [ye, z] = Y(!1), [xe, Se] = Y(!1), Ce = J(null), we = t !== void 0 && typeof r == "function", V = Dt(we ? t ?? le : le), H = s ?? de, U = Ot(d) ?? pe, W = ee ?? he;
|
|
1692
|
+
We(() => {
|
|
1693
|
+
let t = window.matchMedia(`(max-width: ${e.md}px)`), n = () => Se(t.matches);
|
|
1999
1694
|
return n(), t.addEventListener("change", n), () => t.removeEventListener("change", n);
|
|
2000
|
-
}, []),
|
|
2001
|
-
|
|
2002
|
-
}, [
|
|
2003
|
-
s &&
|
|
2004
|
-
}, [s]),
|
|
2005
|
-
d !== void 0 &&
|
|
1695
|
+
}, []), We(() => {
|
|
1696
|
+
we && t && ue(Dt(t));
|
|
1697
|
+
}, [we, t]), We(() => {
|
|
1698
|
+
s && fe(s);
|
|
1699
|
+
}, [s]), We(() => {
|
|
1700
|
+
d !== void 0 && me(Ot(d));
|
|
2006
1701
|
}, [d]);
|
|
2007
|
-
let
|
|
1702
|
+
let G = q(() => qt(i, M, W), [
|
|
2008
1703
|
i,
|
|
2009
1704
|
M,
|
|
2010
|
-
|
|
2011
|
-
]),
|
|
1705
|
+
W
|
|
1706
|
+
]), Ee = q(() => {
|
|
2012
1707
|
let e = /* @__PURE__ */ new Map();
|
|
2013
|
-
return
|
|
2014
|
-
let n =
|
|
1708
|
+
return G.forEach((t) => {
|
|
1709
|
+
let n = At(t);
|
|
2015
1710
|
if (!n) return;
|
|
2016
|
-
let r =
|
|
1711
|
+
let r = kt(n), i = e.get(r) ?? [];
|
|
2017
1712
|
i.push(t), e.set(r, i);
|
|
2018
1713
|
}), e;
|
|
2019
|
-
}, [
|
|
2020
|
-
if (
|
|
2021
|
-
let e =
|
|
2022
|
-
return Array.from({ length: 7 }, (t, n) =>
|
|
1714
|
+
}, [G]), De = q(() => {
|
|
1715
|
+
if (H === "week") {
|
|
1716
|
+
let e = Mt(U ?? V, o);
|
|
1717
|
+
return Array.from({ length: 7 }, (t, n) => jt(e, n));
|
|
2023
1718
|
}
|
|
2024
|
-
return
|
|
1719
|
+
return Pt(V, o);
|
|
2025
1720
|
}, [
|
|
2026
|
-
|
|
2027
|
-
|
|
2028
|
-
|
|
1721
|
+
H,
|
|
1722
|
+
U,
|
|
1723
|
+
V,
|
|
2029
1724
|
o
|
|
2030
|
-
]),
|
|
2031
|
-
let t =
|
|
2032
|
-
|
|
2033
|
-
},
|
|
2034
|
-
if (
|
|
2035
|
-
let t =
|
|
2036
|
-
|
|
1725
|
+
]), Oe = v === "auto" ? xe ? "modal" : "popover" : v, ke = L ? Ee.get(kt(L)) ?? [] : [], Ae = l.includes("month"), je = l.includes("week"), Me = (e) => {
|
|
1726
|
+
let t = Dt(e);
|
|
1727
|
+
ue(t), r?.(t);
|
|
1728
|
+
}, Ne = (e) => {
|
|
1729
|
+
if (H === "week") {
|
|
1730
|
+
let t = jt(U ?? V, e * 7);
|
|
1731
|
+
Me(t), me(t), ve(t), z(!1);
|
|
2037
1732
|
return;
|
|
2038
1733
|
}
|
|
2039
|
-
|
|
2040
|
-
},
|
|
2041
|
-
|
|
2042
|
-
},
|
|
2043
|
-
let n =
|
|
2044
|
-
|
|
2045
|
-
},
|
|
2046
|
-
|
|
2047
|
-
},
|
|
2048
|
-
|
|
2049
|
-
},
|
|
2050
|
-
let t =
|
|
2051
|
-
|
|
2052
|
-
},
|
|
2053
|
-
return /* @__PURE__ */
|
|
2054
|
-
className:
|
|
2055
|
-
...
|
|
1734
|
+
Me(new Date(V.getFullYear(), V.getMonth() + e, 1)), z(!1), ve(null);
|
|
1735
|
+
}, Pe = (e) => {
|
|
1736
|
+
fe(e), u?.(e);
|
|
1737
|
+
}, Fe = (e, t) => {
|
|
1738
|
+
let n = Dt(e);
|
|
1739
|
+
me(n), p?.(n, t);
|
|
1740
|
+
}, Ie = (e, t, n) => {
|
|
1741
|
+
Ce.current = t, ve(e), Fe(e, n), z(!0);
|
|
1742
|
+
}, ze = (e, t, n) => {
|
|
1743
|
+
Ie(e, t, n), H === "month" && e.getMonth() !== V.getMonth() && Me(new Date(e.getFullYear(), e.getMonth(), 1));
|
|
1744
|
+
}, Be = (e) => {
|
|
1745
|
+
let t = W.includes(e) ? W.filter((t) => t !== e) : [...W, e];
|
|
1746
|
+
_e(t), ne?.(t);
|
|
1747
|
+
}, Ve = Mt(H === "week" ? U ?? V : V, o);
|
|
1748
|
+
return /* @__PURE__ */ Z("div", {
|
|
1749
|
+
className: P("calendar board", re && "full-width", ie),
|
|
1750
|
+
...ae,
|
|
2056
1751
|
children: [
|
|
2057
|
-
/* @__PURE__ */
|
|
1752
|
+
/* @__PURE__ */ Z("div", {
|
|
2058
1753
|
className: "calendar header",
|
|
2059
|
-
children: [/* @__PURE__ */
|
|
1754
|
+
children: [/* @__PURE__ */ Z(ge, { children: [/* @__PURE__ */ X(I, {
|
|
2060
1755
|
level: 3,
|
|
2061
|
-
children:
|
|
2062
|
-
}), /* @__PURE__ */
|
|
1756
|
+
children: Jt(V, H, oe, o)
|
|
1757
|
+
}), /* @__PURE__ */ X(F, {
|
|
2063
1758
|
size: "sm",
|
|
2064
1759
|
tone: "muted",
|
|
2065
|
-
children:
|
|
2066
|
-
})] }), /* @__PURE__ */
|
|
1760
|
+
children: Yt(H, ce)
|
|
1761
|
+
})] }), /* @__PURE__ */ Z(ge, {
|
|
2067
1762
|
align: "end",
|
|
2068
|
-
children: [/* @__PURE__ */
|
|
1763
|
+
children: [/* @__PURE__ */ Z("div", {
|
|
2069
1764
|
className: "calendar actions",
|
|
2070
|
-
children: [/* @__PURE__ */
|
|
1765
|
+
children: [/* @__PURE__ */ X(R, {
|
|
2071
1766
|
type: "button",
|
|
2072
1767
|
size: "sm",
|
|
2073
1768
|
variant: "outlined",
|
|
2074
1769
|
color: "neutral",
|
|
2075
|
-
onClick: () =>
|
|
2076
|
-
children:
|
|
2077
|
-
}), /* @__PURE__ */
|
|
1770
|
+
onClick: () => Ne(-1),
|
|
1771
|
+
children: H === "week" ? ce.previousWeek : se.previousMonth
|
|
1772
|
+
}), /* @__PURE__ */ X(R, {
|
|
2078
1773
|
type: "button",
|
|
2079
1774
|
size: "sm",
|
|
2080
1775
|
variant: "outlined",
|
|
2081
1776
|
color: "neutral",
|
|
2082
|
-
onClick: () =>
|
|
2083
|
-
children:
|
|
1777
|
+
onClick: () => Ne(1),
|
|
1778
|
+
children: H === "week" ? ce.nextWeek : se.nextMonth
|
|
2084
1779
|
})]
|
|
2085
|
-
}), (
|
|
1780
|
+
}), (Ae || je) && /* @__PURE__ */ Z("div", {
|
|
2086
1781
|
className: "calendar views",
|
|
2087
|
-
children: [
|
|
1782
|
+
children: [Ae && /* @__PURE__ */ X(R, {
|
|
2088
1783
|
type: "button",
|
|
2089
1784
|
size: "sm",
|
|
2090
1785
|
variant: "outlined",
|
|
2091
|
-
color:
|
|
2092
|
-
active:
|
|
2093
|
-
onClick: () =>
|
|
2094
|
-
children:
|
|
2095
|
-
}),
|
|
1786
|
+
color: H === "month" ? "primary" : "neutral",
|
|
1787
|
+
active: H === "month",
|
|
1788
|
+
onClick: () => Pe("month"),
|
|
1789
|
+
children: ce.monthView
|
|
1790
|
+
}), je && /* @__PURE__ */ X(R, {
|
|
2096
1791
|
type: "button",
|
|
2097
1792
|
size: "sm",
|
|
2098
1793
|
variant: "outlined",
|
|
2099
|
-
color:
|
|
2100
|
-
active:
|
|
2101
|
-
onClick: () =>
|
|
2102
|
-
children:
|
|
1794
|
+
color: H === "week" ? "primary" : "neutral",
|
|
1795
|
+
active: H === "week",
|
|
1796
|
+
onClick: () => Pe("week"),
|
|
1797
|
+
children: ce.weekView
|
|
2103
1798
|
})]
|
|
2104
1799
|
})]
|
|
2105
1800
|
})]
|
|
2106
1801
|
}),
|
|
2107
|
-
/* @__PURE__ */
|
|
1802
|
+
/* @__PURE__ */ X($t, {
|
|
2108
1803
|
filters: M,
|
|
2109
|
-
activeFilterIds:
|
|
2110
|
-
onToggle:
|
|
1804
|
+
activeFilterIds: W,
|
|
1805
|
+
onToggle: Be
|
|
2111
1806
|
}),
|
|
2112
|
-
/* @__PURE__ */
|
|
1807
|
+
/* @__PURE__ */ X("div", {
|
|
2113
1808
|
className: "calendar days",
|
|
2114
|
-
children: Array.from({ length: 7 }, (e, t) =>
|
|
1809
|
+
children: Array.from({ length: 7 }, (e, t) => jt(Ve, t)).map((e) => /* @__PURE__ */ X("div", {
|
|
2115
1810
|
className: "calendar day",
|
|
2116
|
-
children: new Intl.DateTimeFormat(
|
|
2117
|
-
},
|
|
1811
|
+
children: new Intl.DateTimeFormat(oe, { weekday: "short" }).format(e)
|
|
1812
|
+
}, kt(e)))
|
|
2118
1813
|
}),
|
|
2119
|
-
|
|
2120
|
-
days:
|
|
2121
|
-
eventsByDay:
|
|
2122
|
-
selectedDate:
|
|
2123
|
-
activeDate:
|
|
2124
|
-
onDayInteract:
|
|
1814
|
+
H === "week" ? /* @__PURE__ */ X(en, {
|
|
1815
|
+
days: De,
|
|
1816
|
+
eventsByDay: Ee,
|
|
1817
|
+
selectedDate: U,
|
|
1818
|
+
activeDate: L,
|
|
1819
|
+
onDayInteract: ze,
|
|
2125
1820
|
dayBadge: m,
|
|
2126
1821
|
renderDayCell: h,
|
|
2127
1822
|
showHourBar: b,
|
|
2128
1823
|
overlapWarning: C,
|
|
2129
1824
|
onAddEvent: w,
|
|
2130
1825
|
addEventLabel: T
|
|
2131
|
-
}) : /* @__PURE__ */
|
|
1826
|
+
}) : /* @__PURE__ */ X("div", {
|
|
2132
1827
|
className: "calendar grid",
|
|
2133
|
-
children:
|
|
2134
|
-
let t =
|
|
1828
|
+
children: De.map((e) => {
|
|
1829
|
+
let t = kt(e), n = Ee.get(t) ?? [], r = m?.(e, n) ?? (n.length > 0 ? /* @__PURE__ */ X(B, {
|
|
2135
1830
|
size: "sm",
|
|
2136
1831
|
children: n.length
|
|
2137
|
-
}) : null), i = t ===
|
|
1832
|
+
}) : null), i = t === kt(N), a = !!(U && t === kt(U)), o = e.getMonth() !== V.getMonth(), s = {
|
|
2138
1833
|
date: e,
|
|
2139
1834
|
events: n,
|
|
2140
1835
|
badge: r,
|
|
@@ -2142,29 +1837,29 @@ function yn({ month: t, defaultMonth: n, onMonthChange: r, events: i = [], local
|
|
|
2142
1837
|
isSelected: a,
|
|
2143
1838
|
isOutsideMonth: o
|
|
2144
1839
|
};
|
|
2145
|
-
return /* @__PURE__ */
|
|
1840
|
+
return /* @__PURE__ */ X(tn, {
|
|
2146
1841
|
date: e,
|
|
2147
1842
|
events: n,
|
|
2148
1843
|
badge: r,
|
|
2149
1844
|
isToday: i,
|
|
2150
|
-
isSelected: a || !!(
|
|
1845
|
+
isSelected: a || !!(L && t === kt(L)),
|
|
2151
1846
|
isOutsideMonth: o,
|
|
2152
1847
|
showHourBar: b,
|
|
2153
1848
|
overlapWarning: C,
|
|
2154
1849
|
onAddEvent: w ? (e) => w(e) : void 0,
|
|
2155
1850
|
addEventLabel: T,
|
|
2156
|
-
onClick: (t) =>
|
|
1851
|
+
onClick: (t) => ze(e, t.currentTarget, n),
|
|
2157
1852
|
children: h ? h(e, s) : void 0
|
|
2158
1853
|
}, t);
|
|
2159
1854
|
})
|
|
2160
1855
|
}),
|
|
2161
|
-
|
|
2162
|
-
open:
|
|
2163
|
-
anchorRef:
|
|
2164
|
-
onClose: () =>
|
|
2165
|
-
date:
|
|
2166
|
-
events:
|
|
2167
|
-
locale:
|
|
1856
|
+
Oe === "popover" ? /* @__PURE__ */ X(cn, {
|
|
1857
|
+
open: ye && !!L && !!Ce.current,
|
|
1858
|
+
anchorRef: Ce,
|
|
1859
|
+
onClose: () => z(!1),
|
|
1860
|
+
date: L,
|
|
1861
|
+
events: ke,
|
|
1862
|
+
locale: oe,
|
|
2168
1863
|
timelineStartHour: x,
|
|
2169
1864
|
timelineEndHour: S,
|
|
2170
1865
|
showTimeline: y,
|
|
@@ -2176,24 +1871,24 @@ function yn({ month: t, defaultMonth: n, onMonthChange: r, events: i = [], local
|
|
|
2176
1871
|
onEventSelect: O,
|
|
2177
1872
|
onEventEdit: k,
|
|
2178
1873
|
onEventDelete: A,
|
|
2179
|
-
emptyStateText: j ??
|
|
1874
|
+
emptyStateText: j ?? ce.emptyStateText,
|
|
2180
1875
|
renderEventItem: g,
|
|
2181
1876
|
renderEventMenu: _
|
|
2182
|
-
}) : /* @__PURE__ */
|
|
2183
|
-
open:
|
|
2184
|
-
onClose: () =>
|
|
1877
|
+
}) : /* @__PURE__ */ X(be, {
|
|
1878
|
+
open: ye && !!L,
|
|
1879
|
+
onClose: () => z(!1),
|
|
2185
1880
|
size: "lg",
|
|
2186
|
-
children: /* @__PURE__ */
|
|
1881
|
+
children: /* @__PURE__ */ X("div", {
|
|
2187
1882
|
className: "calendar popover-scroll",
|
|
2188
|
-
children: /* @__PURE__ */
|
|
2189
|
-
date:
|
|
2190
|
-
events:
|
|
2191
|
-
locale:
|
|
1883
|
+
children: /* @__PURE__ */ X(sn, {
|
|
1884
|
+
date: L,
|
|
1885
|
+
events: ke,
|
|
1886
|
+
locale: oe,
|
|
2192
1887
|
timelineStartHour: x,
|
|
2193
1888
|
timelineEndHour: S,
|
|
2194
1889
|
showTimeline: y,
|
|
2195
1890
|
overlapWarning: C,
|
|
2196
|
-
emptyStateText: j ??
|
|
1891
|
+
emptyStateText: j ?? ce.emptyStateText,
|
|
2197
1892
|
addEventLabel: T,
|
|
2198
1893
|
dayMenuLabel: E,
|
|
2199
1894
|
onAddEvent: w,
|
|
@@ -2211,7 +1906,7 @@ function yn({ month: t, defaultMonth: n, onMonthChange: r, events: i = [], local
|
|
|
2211
1906
|
}
|
|
2212
1907
|
//#endregion
|
|
2213
1908
|
//#region src/components/data/MChart/MChart.types.ts
|
|
2214
|
-
var
|
|
1909
|
+
var un = [
|
|
2215
1910
|
"primary",
|
|
2216
1911
|
"info",
|
|
2217
1912
|
"success",
|
|
@@ -2220,12 +1915,12 @@ var bn = [
|
|
|
2220
1915
|
"news",
|
|
2221
1916
|
"neutral",
|
|
2222
1917
|
"dark"
|
|
2223
|
-
],
|
|
1918
|
+
], dn = {
|
|
2224
1919
|
top: 20,
|
|
2225
1920
|
right: 20,
|
|
2226
1921
|
bottom: 40,
|
|
2227
1922
|
left: 50
|
|
2228
|
-
},
|
|
1923
|
+
}, fn = {
|
|
2229
1924
|
top: 20,
|
|
2230
1925
|
right: 20,
|
|
2231
1926
|
bottom: 55,
|
|
@@ -2233,24 +1928,24 @@ var bn = [
|
|
|
2233
1928
|
};
|
|
2234
1929
|
//#endregion
|
|
2235
1930
|
//#region src/components/data/MChart/utils/formats.ts
|
|
2236
|
-
function
|
|
1931
|
+
function pn(e) {
|
|
2237
1932
|
return Math.abs(e) >= 1e6 ? (e / 1e6).toFixed(1).replace(/\.0$/, "") + "M" : Math.abs(e) >= 1e3 ? (e / 1e3).toFixed(1).replace(/\.0$/, "") + "k" : Number.isInteger(e) ? String(e) : e.toFixed(1);
|
|
2238
1933
|
}
|
|
2239
|
-
function
|
|
1934
|
+
function mn(e) {
|
|
2240
1935
|
return e;
|
|
2241
1936
|
}
|
|
2242
1937
|
//#endregion
|
|
2243
1938
|
//#region src/components/data/MChart/parts/ChartGrid.tsx
|
|
2244
|
-
function
|
|
2245
|
-
return /* @__PURE__ */
|
|
1939
|
+
function hn({ x: e, y: t, width: n, height: r, horizontalLines: i, verticalLines: a }) {
|
|
1940
|
+
return /* @__PURE__ */ Z("g", {
|
|
2246
1941
|
className: "chart-grid",
|
|
2247
|
-
children: [i.map((t, r) => /* @__PURE__ */
|
|
1942
|
+
children: [i.map((t, r) => /* @__PURE__ */ X("line", {
|
|
2248
1943
|
x1: e,
|
|
2249
1944
|
y1: t,
|
|
2250
1945
|
x2: e + n,
|
|
2251
1946
|
y2: t,
|
|
2252
1947
|
className: "chart-grid-line"
|
|
2253
|
-
}, `h${r}`)), a?.map((e, n) => /* @__PURE__ */
|
|
1948
|
+
}, `h${r}`)), a?.map((e, n) => /* @__PURE__ */ X("line", {
|
|
2254
1949
|
x1: e,
|
|
2255
1950
|
y1: t,
|
|
2256
1951
|
x2: e,
|
|
@@ -2261,25 +1956,25 @@ function Tn({ x: e, y: t, width: n, height: r, horizontalLines: i, verticalLines
|
|
|
2261
1956
|
}
|
|
2262
1957
|
//#endregion
|
|
2263
1958
|
//#region src/components/data/MChart/parts/ChartAxis.tsx
|
|
2264
|
-
function
|
|
1959
|
+
function gn({ type: e, x: t, y: n, length: r, ticks: i, title: a }) {
|
|
2265
1960
|
let o = e === "x";
|
|
2266
|
-
return /* @__PURE__ */
|
|
1961
|
+
return /* @__PURE__ */ Z("g", {
|
|
2267
1962
|
className: `chart-axis chart-axis-${e}`,
|
|
2268
1963
|
children: [
|
|
2269
|
-
/* @__PURE__ */
|
|
1964
|
+
/* @__PURE__ */ X("line", {
|
|
2270
1965
|
x1: t,
|
|
2271
1966
|
y1: n,
|
|
2272
1967
|
x2: o ? t + r : t,
|
|
2273
1968
|
y2: o ? n : n - r,
|
|
2274
1969
|
className: "chart-axis-line"
|
|
2275
1970
|
}),
|
|
2276
|
-
i.map((e, r) => /* @__PURE__ */
|
|
1971
|
+
i.map((e, r) => /* @__PURE__ */ X("g", { children: o ? /* @__PURE__ */ X("text", {
|
|
2277
1972
|
x: e.position,
|
|
2278
1973
|
y: n + 16,
|
|
2279
1974
|
textAnchor: "middle",
|
|
2280
1975
|
className: "chart-axis-label",
|
|
2281
1976
|
children: e.label
|
|
2282
|
-
}) : /* @__PURE__ */
|
|
1977
|
+
}) : /* @__PURE__ */ X("text", {
|
|
2283
1978
|
x: t - 8,
|
|
2284
1979
|
y: e.position,
|
|
2285
1980
|
textAnchor: "end",
|
|
@@ -2287,13 +1982,13 @@ function En({ type: e, x: t, y: n, length: r, ticks: i, title: a }) {
|
|
|
2287
1982
|
className: "chart-axis-label",
|
|
2288
1983
|
children: e.label
|
|
2289
1984
|
}) }, r)),
|
|
2290
|
-
a && (o ? /* @__PURE__ */
|
|
1985
|
+
a && (o ? /* @__PURE__ */ X("text", {
|
|
2291
1986
|
x: t + r / 2,
|
|
2292
1987
|
y: n + 36,
|
|
2293
1988
|
textAnchor: "middle",
|
|
2294
1989
|
className: "chart-axis-title",
|
|
2295
1990
|
children: a
|
|
2296
|
-
}) : /* @__PURE__ */
|
|
1991
|
+
}) : /* @__PURE__ */ X("text", {
|
|
2297
1992
|
x: t - 40,
|
|
2298
1993
|
y: n - r / 2,
|
|
2299
1994
|
textAnchor: "middle",
|
|
@@ -2307,9 +2002,9 @@ function En({ type: e, x: t, y: n, length: r, ticks: i, title: a }) {
|
|
|
2307
2002
|
}
|
|
2308
2003
|
//#endregion
|
|
2309
2004
|
//#region src/components/data/MChart/charts/MLineChart.tsx
|
|
2310
|
-
function
|
|
2311
|
-
let [h, g] =
|
|
2312
|
-
let t = e.map((e) => e.data), [n, r] =
|
|
2005
|
+
function _n({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAxis: a, yAxis: o, showGrid: s, showXAxis: c, showYAxis: l, curved: u, animated: d, valueFormatter: f = pn, onTooltip: p, onDataClick: m }) {
|
|
2006
|
+
let [h, g] = Y(null), _ = n - i.left - i.right, v = r - i.top - i.bottom, { yMin: y, yMax: b, yTicks: x, xLabels: S, seriesPoints: C } = q(() => {
|
|
2007
|
+
let t = e.map((e) => e.data), [n, r] = Fe(t), i = o?.min ?? je(n), s = o?.max ?? De(r, n), c = ke(i, s, o?.ticks ?? 5), l = Math.max(...t.map((e) => e.length), 1), u = a?.labels ?? Array.from({ length: l }, (e, t) => String(t)), d = G([0, Math.max(l - 1, 1)], [0, _]), f = G([i, s], [v, 0]);
|
|
2313
2008
|
return {
|
|
2314
2009
|
yMin: i,
|
|
2315
2010
|
yMax: s,
|
|
@@ -2326,7 +2021,7 @@ function Dn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2326
2021
|
v,
|
|
2327
2022
|
a,
|
|
2328
2023
|
o
|
|
2329
|
-
]), w =
|
|
2024
|
+
]), w = G([y, b], [v, 0]), T = G([0, Math.max(S.length - 1, 1)], [0, _]), E = K((r) => {
|
|
2330
2025
|
let a = r.currentTarget.closest("svg");
|
|
2331
2026
|
if (!a) return;
|
|
2332
2027
|
let o = a.getBoundingClientRect(), s = n / o.width, c = (r.clientX - o.left) * s - i.left, l = Math.round(c / _ * Math.max(S.length - 1, 1)), u = Math.max(0, Math.min(l, S.length - 1));
|
|
@@ -2348,7 +2043,7 @@ function Dn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2348
2043
|
i.left,
|
|
2349
2044
|
n,
|
|
2350
2045
|
p
|
|
2351
|
-
]), D =
|
|
2046
|
+
]), D = K(() => {
|
|
2352
2047
|
g(null), p(null);
|
|
2353
2048
|
}, [p]), O = x.map((e) => i.top + w(e)), k = S.map((e, t) => i.left + T(t)), A = x.map((e) => ({
|
|
2354
2049
|
position: i.top + w(e),
|
|
@@ -2357,8 +2052,8 @@ function Dn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2357
2052
|
position: i.left + T(t),
|
|
2358
2053
|
label: e
|
|
2359
2054
|
}));
|
|
2360
|
-
return /* @__PURE__ */
|
|
2361
|
-
s && /* @__PURE__ */
|
|
2055
|
+
return /* @__PURE__ */ Z("g", { children: [
|
|
2056
|
+
s && /* @__PURE__ */ X(hn, {
|
|
2362
2057
|
x: i.left,
|
|
2363
2058
|
y: i.top,
|
|
2364
2059
|
width: _,
|
|
@@ -2366,7 +2061,7 @@ function Dn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2366
2061
|
horizontalLines: O,
|
|
2367
2062
|
verticalLines: k
|
|
2368
2063
|
}),
|
|
2369
|
-
l && /* @__PURE__ */
|
|
2064
|
+
l && /* @__PURE__ */ X(gn, {
|
|
2370
2065
|
type: "y",
|
|
2371
2066
|
x: i.left,
|
|
2372
2067
|
y: i.top + v,
|
|
@@ -2374,7 +2069,7 @@ function Dn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2374
2069
|
ticks: A,
|
|
2375
2070
|
title: o?.title
|
|
2376
2071
|
}),
|
|
2377
|
-
c && /* @__PURE__ */
|
|
2072
|
+
c && /* @__PURE__ */ X(gn, {
|
|
2378
2073
|
type: "x",
|
|
2379
2074
|
x: i.left,
|
|
2380
2075
|
y: i.top + v,
|
|
@@ -2382,11 +2077,11 @@ function Dn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2382
2077
|
ticks: j,
|
|
2383
2078
|
title: a?.title
|
|
2384
2079
|
}),
|
|
2385
|
-
/* @__PURE__ */
|
|
2080
|
+
/* @__PURE__ */ Z("g", {
|
|
2386
2081
|
onMouseMove: E,
|
|
2387
2082
|
onMouseLeave: D,
|
|
2388
2083
|
children: [
|
|
2389
|
-
/* @__PURE__ */
|
|
2084
|
+
/* @__PURE__ */ X("rect", {
|
|
2390
2085
|
x: i.left,
|
|
2391
2086
|
y: i.top,
|
|
2392
2087
|
width: _,
|
|
@@ -2394,17 +2089,17 @@ function Dn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2394
2089
|
fill: "transparent"
|
|
2395
2090
|
}),
|
|
2396
2091
|
C.map((n, r) => {
|
|
2397
|
-
let a = e[r].color ?? t[r % t.length], o = u ?
|
|
2092
|
+
let a = e[r].color ?? t[r % t.length], o = u ? Oe(n.map((e) => ({
|
|
2398
2093
|
x: e.x + i.left,
|
|
2399
2094
|
y: e.y + i.top
|
|
2400
|
-
}))) :
|
|
2095
|
+
}))) : W(n.map((e) => ({
|
|
2401
2096
|
x: e.x + i.left,
|
|
2402
2097
|
y: e.y + i.top
|
|
2403
2098
|
})));
|
|
2404
|
-
return /* @__PURE__ */
|
|
2099
|
+
return /* @__PURE__ */ Z("g", { children: [/* @__PURE__ */ X("path", {
|
|
2405
2100
|
className: `chart-line ${a} ${d ? "animated" : ""}`,
|
|
2406
2101
|
d: o
|
|
2407
|
-
}), n.map((t, n) => /* @__PURE__ */
|
|
2102
|
+
}), n.map((t, n) => /* @__PURE__ */ X("circle", {
|
|
2408
2103
|
className: `chart-dot ${a} ${h === n ? "active" : ""}`,
|
|
2409
2104
|
cx: t.x + i.left,
|
|
2410
2105
|
cy: t.y + i.top,
|
|
@@ -2413,7 +2108,7 @@ function Dn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2413
2108
|
style: { cursor: m ? "pointer" : void 0 }
|
|
2414
2109
|
}, n))] }, r);
|
|
2415
2110
|
}),
|
|
2416
|
-
h !== null && /* @__PURE__ */
|
|
2111
|
+
h !== null && /* @__PURE__ */ X("line", {
|
|
2417
2112
|
className: "chart-crosshair",
|
|
2418
2113
|
x1: i.left + T(h),
|
|
2419
2114
|
y1: i.top,
|
|
@@ -2426,15 +2121,15 @@ function Dn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2426
2121
|
}
|
|
2427
2122
|
//#endregion
|
|
2428
2123
|
//#region src/components/data/MChart/charts/MBarChart.tsx
|
|
2429
|
-
function
|
|
2430
|
-
let [h, g] =
|
|
2124
|
+
function vn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAxis: a, yAxis: o, showGrid: s, showXAxis: c, showYAxis: l, stacked: u, animated: d, valueFormatter: f = pn, onTooltip: p, onDataClick: m }) {
|
|
2125
|
+
let [h, g] = Y(null), _ = n - i.left - i.right, v = r - i.top - i.bottom, { yMin: y, yMax: b, yTicks: x, xLabels: S, maxLen: C } = q(() => {
|
|
2431
2126
|
let t = e.map((e) => e.data), n = Math.max(...t.map((e) => e.length), 1), r, i;
|
|
2432
|
-
u ? [r, i] =
|
|
2433
|
-
let s = o?.min ??
|
|
2127
|
+
u ? [r, i] = Ee(t) : [r, i] = Fe(t);
|
|
2128
|
+
let s = o?.min ?? je(r), c = o?.max ?? De(i, r);
|
|
2434
2129
|
return {
|
|
2435
2130
|
yMin: s,
|
|
2436
2131
|
yMax: c,
|
|
2437
|
-
yTicks:
|
|
2132
|
+
yTicks: ke(s, c, o?.ticks ?? 5),
|
|
2438
2133
|
xLabels: a?.labels ?? Array.from({ length: n }, (e, t) => String(t)),
|
|
2439
2134
|
maxLen: n
|
|
2440
2135
|
};
|
|
@@ -2443,7 +2138,7 @@ function On({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2443
2138
|
a,
|
|
2444
2139
|
o,
|
|
2445
2140
|
u
|
|
2446
|
-
]), w =
|
|
2141
|
+
]), w = G([y, b], [v, 0]), T = _ / C, E = Math.max(T * .1, 2), D = e.length, O = K((n, r, i) => {
|
|
2447
2142
|
g({
|
|
2448
2143
|
di: n,
|
|
2449
2144
|
pi: r
|
|
@@ -2471,7 +2166,7 @@ function On({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2471
2166
|
S,
|
|
2472
2167
|
u,
|
|
2473
2168
|
p
|
|
2474
|
-
]), k =
|
|
2169
|
+
]), k = K(() => {
|
|
2475
2170
|
g(null), p(null);
|
|
2476
2171
|
}, [p]), A = x.map((e) => i.top + w(e)), j = S.map((e, t) => ({
|
|
2477
2172
|
position: i.left + T * t + T / 2,
|
|
@@ -2479,16 +2174,16 @@ function On({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2479
2174
|
})), M = x.map((e) => ({
|
|
2480
2175
|
position: i.top + w(e),
|
|
2481
2176
|
label: (o?.formatter ?? f)(e)
|
|
2482
|
-
})),
|
|
2483
|
-
return /* @__PURE__ */
|
|
2484
|
-
s && /* @__PURE__ */
|
|
2177
|
+
})), ee = w(0);
|
|
2178
|
+
return /* @__PURE__ */ Z("g", { children: [
|
|
2179
|
+
s && /* @__PURE__ */ X(hn, {
|
|
2485
2180
|
x: i.left,
|
|
2486
2181
|
y: i.top,
|
|
2487
2182
|
width: _,
|
|
2488
2183
|
height: v,
|
|
2489
2184
|
horizontalLines: A
|
|
2490
2185
|
}),
|
|
2491
|
-
l && /* @__PURE__ */
|
|
2186
|
+
l && /* @__PURE__ */ X(gn, {
|
|
2492
2187
|
type: "y",
|
|
2493
2188
|
x: i.left,
|
|
2494
2189
|
y: i.top + v,
|
|
@@ -2496,7 +2191,7 @@ function On({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2496
2191
|
ticks: M,
|
|
2497
2192
|
title: o?.title
|
|
2498
2193
|
}),
|
|
2499
|
-
c && /* @__PURE__ */
|
|
2194
|
+
c && /* @__PURE__ */ X(gn, {
|
|
2500
2195
|
type: "x",
|
|
2501
2196
|
x: i.left,
|
|
2502
2197
|
y: i.top + v,
|
|
@@ -2504,15 +2199,15 @@ function On({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2504
2199
|
ticks: j,
|
|
2505
2200
|
title: a?.title
|
|
2506
2201
|
}),
|
|
2507
|
-
/* @__PURE__ */
|
|
2202
|
+
/* @__PURE__ */ X("g", {
|
|
2508
2203
|
onMouseLeave: k,
|
|
2509
2204
|
children: u ? S.map((n, r) => {
|
|
2510
|
-
let a =
|
|
2511
|
-
return /* @__PURE__ */
|
|
2512
|
-
let l = n.data[r] ?? 0, u =
|
|
2205
|
+
let a = ee, o = T - E * 2, s = i.left + T * r + E;
|
|
2206
|
+
return /* @__PURE__ */ X("g", { children: e.map((n, c) => {
|
|
2207
|
+
let l = n.data[r] ?? 0, u = ee - w(l), f = a - u;
|
|
2513
2208
|
a = f;
|
|
2514
2209
|
let p = n.color ?? t[c % t.length], g = h?.di === c && h?.pi === r;
|
|
2515
|
-
return /* @__PURE__ */
|
|
2210
|
+
return /* @__PURE__ */ X("rect", {
|
|
2516
2211
|
className: `chart-bar ${p} ${d ? "animated" : ""} ${g ? "active" : ""}`,
|
|
2517
2212
|
x: s,
|
|
2518
2213
|
y: i.top + f,
|
|
@@ -2526,9 +2221,9 @@ function On({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2526
2221
|
}) }, r);
|
|
2527
2222
|
}) : e.map((e, n) => {
|
|
2528
2223
|
let r = (T - E * 2) / D;
|
|
2529
|
-
return /* @__PURE__ */
|
|
2530
|
-
let s =
|
|
2531
|
-
return /* @__PURE__ */
|
|
2224
|
+
return /* @__PURE__ */ X("g", { children: e.data.map((a, o) => {
|
|
2225
|
+
let s = ee - w(a), c = i.left + T * o + E + r * n, l = Math.min(ee, w(a)), u = e.color ?? t[n % t.length], f = h?.di === n && h?.pi === o;
|
|
2226
|
+
return /* @__PURE__ */ X("rect", {
|
|
2532
2227
|
className: `chart-bar ${u} ${d ? "animated" : ""} ${f ? "active" : ""}`,
|
|
2533
2228
|
x: c,
|
|
2534
2229
|
y: i.top + l,
|
|
@@ -2546,11 +2241,11 @@ function On({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2546
2241
|
}
|
|
2547
2242
|
//#endregion
|
|
2548
2243
|
//#region src/components/data/MChart/charts/MAreaChart.tsx
|
|
2549
|
-
function
|
|
2550
|
-
let [g, _] =
|
|
2244
|
+
function yn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAxis: a, yAxis: o, showGrid: s, showXAxis: c, showYAxis: l, curved: u, stacked: d, animated: f, valueFormatter: p = pn, onTooltip: m, onDataClick: h }) {
|
|
2245
|
+
let [g, _] = Y(null), v = n - i.left - i.right, y = r - i.top - i.bottom, { yMin: b, yMax: x, yTicks: S, xLabels: C, seriesPoints: w, stackedPaths: T } = q(() => {
|
|
2551
2246
|
let t = e.map((e) => e.data), n = Math.max(...t.map((e) => e.length), 1), r, s;
|
|
2552
|
-
d ? [r, s] =
|
|
2553
|
-
let c = o?.min ??
|
|
2247
|
+
d ? [r, s] = Ee(t) : [r, s] = Fe(t);
|
|
2248
|
+
let c = o?.min ?? je(r), l = o?.max ?? De(s, r), f = ke(c, l, o?.ticks ?? 5), p = a?.labels ?? Array.from({ length: n }, (e, t) => String(t)), m = G([0, Math.max(n - 1, 1)], [0, v]), h = G([c, l], [y, 0]);
|
|
2554
2249
|
if (d) {
|
|
2555
2250
|
let e = [];
|
|
2556
2251
|
for (let r = 0; r < t.length; r++) {
|
|
@@ -2569,14 +2264,14 @@ function kn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2569
2264
|
y: i.top + h(e)
|
|
2570
2265
|
}));
|
|
2571
2266
|
return {
|
|
2572
|
-
area:
|
|
2267
|
+
area: Ne(r, n === 0 ? t.map((e, t) => ({
|
|
2573
2268
|
x: i.left + m(t),
|
|
2574
2269
|
y: i.top + h(0)
|
|
2575
2270
|
})) : e[n - 1].map((e, t) => ({
|
|
2576
2271
|
x: i.left + m(t),
|
|
2577
2272
|
y: i.top + h(e)
|
|
2578
2273
|
})), u),
|
|
2579
|
-
line: u ?
|
|
2274
|
+
line: u ? Oe(r) : W(r),
|
|
2580
2275
|
topPts: r
|
|
2581
2276
|
};
|
|
2582
2277
|
})
|
|
@@ -2602,7 +2297,7 @@ function kn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2602
2297
|
d,
|
|
2603
2298
|
u,
|
|
2604
2299
|
i
|
|
2605
|
-
]), E =
|
|
2300
|
+
]), E = G([b, x], [y, 0]), D = G([0, Math.max(C.length - 1, 1)], [0, v]), O = K((r) => {
|
|
2606
2301
|
let a = r.currentTarget.closest("svg");
|
|
2607
2302
|
if (!a) return;
|
|
2608
2303
|
let o = a.getBoundingClientRect(), s = n / o.width, c = (r.clientX - o.left) * s - i.left, l = Math.round(c / v * Math.max(C.length - 1, 1)), u = Math.max(0, Math.min(l, C.length - 1));
|
|
@@ -2624,7 +2319,7 @@ function kn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2624
2319
|
i.left,
|
|
2625
2320
|
n,
|
|
2626
2321
|
m
|
|
2627
|
-
]), k =
|
|
2322
|
+
]), k = K(() => {
|
|
2628
2323
|
_(null), m(null);
|
|
2629
2324
|
}, [m]), A = S.map((e) => i.top + E(e)), j = S.map((e) => ({
|
|
2630
2325
|
position: i.top + E(e),
|
|
@@ -2633,15 +2328,15 @@ function kn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2633
2328
|
position: i.left + D(t),
|
|
2634
2329
|
label: e
|
|
2635
2330
|
}));
|
|
2636
|
-
return /* @__PURE__ */
|
|
2637
|
-
s && /* @__PURE__ */
|
|
2331
|
+
return /* @__PURE__ */ Z("g", { children: [
|
|
2332
|
+
s && /* @__PURE__ */ X(hn, {
|
|
2638
2333
|
x: i.left,
|
|
2639
2334
|
y: i.top,
|
|
2640
2335
|
width: v,
|
|
2641
2336
|
height: y,
|
|
2642
2337
|
horizontalLines: A
|
|
2643
2338
|
}),
|
|
2644
|
-
l && /* @__PURE__ */
|
|
2339
|
+
l && /* @__PURE__ */ X(gn, {
|
|
2645
2340
|
type: "y",
|
|
2646
2341
|
x: i.left,
|
|
2647
2342
|
y: i.top + y,
|
|
@@ -2649,7 +2344,7 @@ function kn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2649
2344
|
ticks: j,
|
|
2650
2345
|
title: o?.title
|
|
2651
2346
|
}),
|
|
2652
|
-
c && /* @__PURE__ */
|
|
2347
|
+
c && /* @__PURE__ */ X(gn, {
|
|
2653
2348
|
type: "x",
|
|
2654
2349
|
x: i.left,
|
|
2655
2350
|
y: i.top + y,
|
|
@@ -2657,11 +2352,11 @@ function kn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2657
2352
|
ticks: M,
|
|
2658
2353
|
title: a?.title
|
|
2659
2354
|
}),
|
|
2660
|
-
/* @__PURE__ */
|
|
2355
|
+
/* @__PURE__ */ Z("g", {
|
|
2661
2356
|
onMouseMove: O,
|
|
2662
2357
|
onMouseLeave: k,
|
|
2663
2358
|
children: [
|
|
2664
|
-
/* @__PURE__ */
|
|
2359
|
+
/* @__PURE__ */ X("rect", {
|
|
2665
2360
|
x: i.left,
|
|
2666
2361
|
y: i.top,
|
|
2667
2362
|
width: v,
|
|
@@ -2670,25 +2365,25 @@ function kn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2670
2365
|
}),
|
|
2671
2366
|
d && T ? T.map((n, r) => {
|
|
2672
2367
|
let i = e[r].color ?? t[r % t.length];
|
|
2673
|
-
return /* @__PURE__ */
|
|
2368
|
+
return /* @__PURE__ */ Z("g", { children: [/* @__PURE__ */ X("path", {
|
|
2674
2369
|
className: `chart-area-fill ${i}`,
|
|
2675
2370
|
d: n.area
|
|
2676
|
-
}), /* @__PURE__ */
|
|
2371
|
+
}), /* @__PURE__ */ X("path", {
|
|
2677
2372
|
className: `chart-line ${i} ${f ? "animated" : ""}`,
|
|
2678
2373
|
d: n.line
|
|
2679
2374
|
})] }, r);
|
|
2680
2375
|
}) : w.map((n, r) => {
|
|
2681
|
-
let a = e[r].color ?? t[r % t.length], o = u ?
|
|
2682
|
-
return /* @__PURE__ */
|
|
2683
|
-
/* @__PURE__ */
|
|
2376
|
+
let a = e[r].color ?? t[r % t.length], o = u ? Oe(n) : W(n), s = Me(n, i.top + y, u);
|
|
2377
|
+
return /* @__PURE__ */ Z("g", { children: [
|
|
2378
|
+
/* @__PURE__ */ X("path", {
|
|
2684
2379
|
className: `chart-area-fill ${a}`,
|
|
2685
2380
|
d: s
|
|
2686
2381
|
}),
|
|
2687
|
-
/* @__PURE__ */
|
|
2382
|
+
/* @__PURE__ */ X("path", {
|
|
2688
2383
|
className: `chart-line ${a} ${f ? "animated" : ""}`,
|
|
2689
2384
|
d: o
|
|
2690
2385
|
}),
|
|
2691
|
-
n.map((t, n) => /* @__PURE__ */
|
|
2386
|
+
n.map((t, n) => /* @__PURE__ */ X("circle", {
|
|
2692
2387
|
className: `chart-dot ${a} ${g === n ? "active" : ""}`,
|
|
2693
2388
|
cx: t.x,
|
|
2694
2389
|
cy: t.y,
|
|
@@ -2698,7 +2393,7 @@ function kn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2698
2393
|
}, n))
|
|
2699
2394
|
] }, r);
|
|
2700
2395
|
}),
|
|
2701
|
-
g !== null && /* @__PURE__ */
|
|
2396
|
+
g !== null && /* @__PURE__ */ X("line", {
|
|
2702
2397
|
className: "chart-crosshair",
|
|
2703
2398
|
x1: i.left + D(g),
|
|
2704
2399
|
y1: i.top,
|
|
@@ -2711,8 +2406,8 @@ function kn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
|
|
|
2711
2406
|
}
|
|
2712
2407
|
//#endregion
|
|
2713
2408
|
//#region src/components/data/MChart/charts/MPieChart.tsx
|
|
2714
|
-
function
|
|
2715
|
-
let [d, f] =
|
|
2409
|
+
function bn({ data: e, colors: t, innerWidth: n, innerHeight: r, donut: i, donutWidth: a, animated: o, valueFormatter: s = pn, xAxis: c, onTooltip: l, onDataClick: u }) {
|
|
2410
|
+
let [d, f] = Y(null), p = n / 2, m = r / 2, h = Math.min(p, m) - 10, g = i ? h - (a ?? h * .4) : 0, _ = q(() => {
|
|
2716
2411
|
let n = e.length === 1 ? e[0].data : e.map((e) => e.data[0] ?? 0), r = e.length === 1 ? c?.labels ?? n.map((e, t) => `Segment ${t + 1}`) : e.map((e) => e.label), i = n.reduce((e, t) => e + Math.max(t, 0), 0) || 1, a = -Math.PI / 2;
|
|
2717
2412
|
return n.map((n, o) => {
|
|
2718
2413
|
let s = Math.max(n, 0) / i * Math.PI * 2, c = {
|
|
@@ -2729,7 +2424,7 @@ function An({ data: e, colors: t, innerWidth: n, innerHeight: r, donut: i, donut
|
|
|
2729
2424
|
e,
|
|
2730
2425
|
t,
|
|
2731
2426
|
c
|
|
2732
|
-
]), v =
|
|
2427
|
+
]), v = K((e, t) => {
|
|
2733
2428
|
f(e);
|
|
2734
2429
|
let n = t.currentTarget.closest("svg");
|
|
2735
2430
|
if (!n) return;
|
|
@@ -2744,12 +2439,12 @@ function An({ data: e, colors: t, innerWidth: n, innerHeight: r, donut: i, donut
|
|
|
2744
2439
|
x: t.clientX - r.left,
|
|
2745
2440
|
y: t.clientY - r.top
|
|
2746
2441
|
});
|
|
2747
|
-
}, [_, l]), y =
|
|
2442
|
+
}, [_, l]), y = K(() => {
|
|
2748
2443
|
f(null), l(null);
|
|
2749
2444
|
}, [l]);
|
|
2750
|
-
return /* @__PURE__ */
|
|
2751
|
-
let n = d === t, r =
|
|
2752
|
-
return /* @__PURE__ */
|
|
2445
|
+
return /* @__PURE__ */ Z("g", { children: [_.map((e, t) => {
|
|
2446
|
+
let n = d === t, r = Ae(p, m, n ? h + 4 : h, g, e.startAngle, e.endAngle);
|
|
2447
|
+
return /* @__PURE__ */ X("path", {
|
|
2753
2448
|
className: `chart-pie-segment ${e.color} ${o ? "animated" : ""} ${n ? "active" : ""}`,
|
|
2754
2449
|
d: r,
|
|
2755
2450
|
onMouseEnter: (e) => v(t, e),
|
|
@@ -2772,7 +2467,7 @@ function An({ data: e, colors: t, innerWidth: n, innerHeight: r, donut: i, donut
|
|
|
2772
2467
|
onClick: () => u?.(0, t, e.value),
|
|
2773
2468
|
style: { cursor: u ? "pointer" : void 0 }
|
|
2774
2469
|
}, t);
|
|
2775
|
-
}), i && /* @__PURE__ */
|
|
2470
|
+
}), i && /* @__PURE__ */ X("text", {
|
|
2776
2471
|
x: p,
|
|
2777
2472
|
y: m,
|
|
2778
2473
|
textAnchor: "middle",
|
|
@@ -2783,7 +2478,7 @@ function An({ data: e, colors: t, innerWidth: n, innerHeight: r, donut: i, donut
|
|
|
2783
2478
|
}
|
|
2784
2479
|
//#endregion
|
|
2785
2480
|
//#region src/components/data/MChart/parts/ChartDefs.tsx
|
|
2786
|
-
var
|
|
2481
|
+
var xn = [
|
|
2787
2482
|
"primary",
|
|
2788
2483
|
"info",
|
|
2789
2484
|
"success",
|
|
@@ -2794,46 +2489,46 @@ var jn = [
|
|
|
2794
2489
|
"dark",
|
|
2795
2490
|
"light"
|
|
2796
2491
|
];
|
|
2797
|
-
function
|
|
2798
|
-
return /* @__PURE__ */
|
|
2799
|
-
|
|
2492
|
+
function Sn() {
|
|
2493
|
+
return /* @__PURE__ */ Z("defs", { children: [
|
|
2494
|
+
xn.map((e) => /* @__PURE__ */ Z("linearGradient", {
|
|
2800
2495
|
id: `chart-bar-grad-${e}`,
|
|
2801
2496
|
x1: "0",
|
|
2802
2497
|
y1: "0",
|
|
2803
2498
|
x2: "0",
|
|
2804
2499
|
y2: "1",
|
|
2805
|
-
children: [/* @__PURE__ */
|
|
2500
|
+
children: [/* @__PURE__ */ X("stop", {
|
|
2806
2501
|
offset: "0%",
|
|
2807
2502
|
className: `chart-grad-stop-start ${e}`
|
|
2808
|
-
}), /* @__PURE__ */
|
|
2503
|
+
}), /* @__PURE__ */ X("stop", {
|
|
2809
2504
|
offset: "100%",
|
|
2810
2505
|
className: `chart-grad-stop-end ${e}`
|
|
2811
2506
|
})]
|
|
2812
2507
|
}, `bar-${e}`)),
|
|
2813
|
-
|
|
2508
|
+
xn.map((e) => /* @__PURE__ */ Z("linearGradient", {
|
|
2814
2509
|
id: `chart-pie-grad-${e}`,
|
|
2815
2510
|
x1: "0.3",
|
|
2816
2511
|
y1: "0",
|
|
2817
2512
|
x2: "0.7",
|
|
2818
2513
|
y2: "1",
|
|
2819
|
-
children: [/* @__PURE__ */
|
|
2514
|
+
children: [/* @__PURE__ */ X("stop", {
|
|
2820
2515
|
offset: "0%",
|
|
2821
2516
|
className: `chart-grad-stop-start ${e}`
|
|
2822
|
-
}), /* @__PURE__ */
|
|
2517
|
+
}), /* @__PURE__ */ X("stop", {
|
|
2823
2518
|
offset: "100%",
|
|
2824
2519
|
className: `chart-grad-stop-end ${e}`
|
|
2825
2520
|
})]
|
|
2826
2521
|
}, `pie-${e}`)),
|
|
2827
|
-
|
|
2522
|
+
xn.map((e) => /* @__PURE__ */ Z("linearGradient", {
|
|
2828
2523
|
id: `chart-area-grad-${e}`,
|
|
2829
2524
|
x1: "0",
|
|
2830
2525
|
y1: "0",
|
|
2831
2526
|
x2: "0",
|
|
2832
2527
|
y2: "1",
|
|
2833
|
-
children: [/* @__PURE__ */
|
|
2528
|
+
children: [/* @__PURE__ */ X("stop", {
|
|
2834
2529
|
offset: "0%",
|
|
2835
2530
|
className: `chart-grad-area-start ${e}`
|
|
2836
|
-
}), /* @__PURE__ */
|
|
2531
|
+
}), /* @__PURE__ */ X("stop", {
|
|
2837
2532
|
offset: "100%",
|
|
2838
2533
|
className: `chart-grad-area-end ${e}`
|
|
2839
2534
|
})]
|
|
@@ -2842,25 +2537,25 @@ function Mn() {
|
|
|
2842
2537
|
}
|
|
2843
2538
|
//#endregion
|
|
2844
2539
|
//#region src/components/data/MChart/parts/ChartTooltip.tsx
|
|
2845
|
-
function
|
|
2846
|
-
return e ? /* @__PURE__ */
|
|
2540
|
+
function Cn({ data: e, valueFormatter: t }) {
|
|
2541
|
+
return e ? /* @__PURE__ */ Z("div", {
|
|
2847
2542
|
className: "chart-tooltip",
|
|
2848
2543
|
style: {
|
|
2849
2544
|
left: e.x,
|
|
2850
2545
|
top: e.y
|
|
2851
2546
|
},
|
|
2852
|
-
children: [/* @__PURE__ */
|
|
2547
|
+
children: [/* @__PURE__ */ X("div", {
|
|
2853
2548
|
className: "chart-tooltip-label",
|
|
2854
2549
|
children: e.label
|
|
2855
|
-
}), e.items.map((e, n) => /* @__PURE__ */
|
|
2550
|
+
}), e.items.map((e, n) => /* @__PURE__ */ Z("div", {
|
|
2856
2551
|
className: "chart-tooltip-row",
|
|
2857
2552
|
children: [
|
|
2858
|
-
/* @__PURE__ */
|
|
2859
|
-
/* @__PURE__ */
|
|
2553
|
+
/* @__PURE__ */ X("span", { className: `chart-tooltip-dot ${e.color}` }),
|
|
2554
|
+
/* @__PURE__ */ X("span", {
|
|
2860
2555
|
className: "chart-tooltip-name",
|
|
2861
2556
|
children: e.name
|
|
2862
2557
|
}),
|
|
2863
|
-
/* @__PURE__ */
|
|
2558
|
+
/* @__PURE__ */ X("span", {
|
|
2864
2559
|
className: "chart-tooltip-value",
|
|
2865
2560
|
children: t(e.value)
|
|
2866
2561
|
})
|
|
@@ -2870,12 +2565,12 @@ function Nn({ data: e, valueFormatter: t }) {
|
|
|
2870
2565
|
}
|
|
2871
2566
|
//#endregion
|
|
2872
2567
|
//#region src/components/data/MChart/parts/ChartLegend.tsx
|
|
2873
|
-
function
|
|
2874
|
-
return e.length <= 1 ? null : /* @__PURE__ */
|
|
2568
|
+
function wn({ items: e }) {
|
|
2569
|
+
return e.length <= 1 ? null : /* @__PURE__ */ X("div", {
|
|
2875
2570
|
className: "chart-legend",
|
|
2876
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
2571
|
+
children: e.map((e, t) => /* @__PURE__ */ Z("div", {
|
|
2877
2572
|
className: "chart-legend-item",
|
|
2878
|
-
children: [/* @__PURE__ */
|
|
2573
|
+
children: [/* @__PURE__ */ X("span", { className: `chart-legend-dot ${e.color}` }), /* @__PURE__ */ X("span", {
|
|
2879
2574
|
className: "chart-legend-label",
|
|
2880
2575
|
children: e.label
|
|
2881
2576
|
})]
|
|
@@ -2884,10 +2579,10 @@ function Pn({ items: e }) {
|
|
|
2884
2579
|
}
|
|
2885
2580
|
//#endregion
|
|
2886
2581
|
//#region src/components/data/MChart/MChart.tsx
|
|
2887
|
-
function
|
|
2888
|
-
let C =
|
|
2582
|
+
function Tn({ type: e, data: t, width: n = "100%", height: r = 300, aspectRatio: i, xAxis: a, yAxis: o, showGrid: s = !0, showXAxis: c = !0, showYAxis: l = !0, showLegend: u = !0, showTooltip: d = !0, animated: f = !0, stacked: p = !1, curved: m = !1, donut: h = !1, donutWidth: g, valueFormatter: _ = pn, labelFormatter: v = mn, onDataClick: y, className: b, style: x, ...S }) {
|
|
2583
|
+
let C = J(null), [w, T] = Y(null), E = un, D = a?.title || o?.title ? fn : dn, O = i ? void 0 : typeof r == "number" ? r : 300, k = O ?? 300, A = K((e) => {
|
|
2889
2584
|
d && T(e);
|
|
2890
|
-
}, [d]), j =
|
|
2585
|
+
}, [d]), j = q(() => e === "pie" && t.length === 1 ? (a?.labels ?? t[0].data.map((e, t) => `Segment ${t + 1}`)).map((e, t) => ({
|
|
2891
2586
|
label: e,
|
|
2892
2587
|
color: E[t % E.length]
|
|
2893
2588
|
})) : t.map((e, t) => ({
|
|
@@ -2914,9 +2609,9 @@ function Fn({ type: e, data: t, width: n = "100%", height: r = 300, aspectRatio:
|
|
|
2914
2609
|
onTooltip: A,
|
|
2915
2610
|
onDataClick: y
|
|
2916
2611
|
};
|
|
2917
|
-
return /* @__PURE__ */
|
|
2612
|
+
return /* @__PURE__ */ Z("div", {
|
|
2918
2613
|
ref: C,
|
|
2919
|
-
className:
|
|
2614
|
+
className: P("chart", b),
|
|
2920
2615
|
style: {
|
|
2921
2616
|
width: n,
|
|
2922
2617
|
height: i ? void 0 : O,
|
|
@@ -2925,73 +2620,73 @@ function Fn({ type: e, data: t, width: n = "100%", height: r = 300, aspectRatio:
|
|
|
2925
2620
|
},
|
|
2926
2621
|
...S,
|
|
2927
2622
|
children: [
|
|
2928
|
-
/* @__PURE__ */
|
|
2623
|
+
/* @__PURE__ */ Z("svg", {
|
|
2929
2624
|
viewBox: `0 0 600 ${k}`,
|
|
2930
2625
|
preserveAspectRatio: "xMidYMid meet",
|
|
2931
2626
|
className: "chart-svg",
|
|
2932
2627
|
children: [
|
|
2933
|
-
/* @__PURE__ */
|
|
2934
|
-
e === "line" && /* @__PURE__ */
|
|
2628
|
+
/* @__PURE__ */ X(Sn, {}),
|
|
2629
|
+
e === "line" && /* @__PURE__ */ X(_n, {
|
|
2935
2630
|
...M,
|
|
2936
2631
|
curved: m
|
|
2937
2632
|
}),
|
|
2938
|
-
e === "bar" && /* @__PURE__ */
|
|
2633
|
+
e === "bar" && /* @__PURE__ */ X(vn, {
|
|
2939
2634
|
...M,
|
|
2940
2635
|
stacked: p
|
|
2941
2636
|
}),
|
|
2942
|
-
e === "area" && /* @__PURE__ */
|
|
2637
|
+
e === "area" && /* @__PURE__ */ X(yn, {
|
|
2943
2638
|
...M,
|
|
2944
2639
|
curved: m,
|
|
2945
2640
|
stacked: p
|
|
2946
2641
|
}),
|
|
2947
|
-
e === "pie" && /* @__PURE__ */
|
|
2642
|
+
e === "pie" && /* @__PURE__ */ X(bn, {
|
|
2948
2643
|
...M,
|
|
2949
2644
|
donut: h,
|
|
2950
2645
|
donutWidth: g
|
|
2951
2646
|
})
|
|
2952
2647
|
]
|
|
2953
2648
|
}),
|
|
2954
|
-
d && /* @__PURE__ */
|
|
2649
|
+
d && /* @__PURE__ */ X(Cn, {
|
|
2955
2650
|
data: w,
|
|
2956
2651
|
valueFormatter: _
|
|
2957
2652
|
}),
|
|
2958
|
-
u && /* @__PURE__ */
|
|
2653
|
+
u && /* @__PURE__ */ X(wn, { items: j })
|
|
2959
2654
|
]
|
|
2960
2655
|
});
|
|
2961
2656
|
}
|
|
2962
2657
|
//#endregion
|
|
2963
2658
|
//#region src/components/data/MChart/MLineChart.tsx
|
|
2964
|
-
function
|
|
2965
|
-
return /* @__PURE__ */
|
|
2659
|
+
function En(e) {
|
|
2660
|
+
return /* @__PURE__ */ X(Tn, {
|
|
2966
2661
|
type: "line",
|
|
2967
2662
|
...e
|
|
2968
2663
|
});
|
|
2969
2664
|
}
|
|
2970
2665
|
//#endregion
|
|
2971
2666
|
//#region src/components/data/MChart/MBarChart.tsx
|
|
2972
|
-
function
|
|
2973
|
-
return /* @__PURE__ */
|
|
2667
|
+
function Dn(e) {
|
|
2668
|
+
return /* @__PURE__ */ X(Tn, {
|
|
2974
2669
|
type: "bar",
|
|
2975
2670
|
...e
|
|
2976
2671
|
});
|
|
2977
2672
|
}
|
|
2978
2673
|
//#endregion
|
|
2979
2674
|
//#region src/components/data/MChart/MAreaChart.tsx
|
|
2980
|
-
function
|
|
2981
|
-
return /* @__PURE__ */
|
|
2675
|
+
function On(e) {
|
|
2676
|
+
return /* @__PURE__ */ X(Tn, {
|
|
2982
2677
|
type: "area",
|
|
2983
2678
|
...e
|
|
2984
2679
|
});
|
|
2985
2680
|
}
|
|
2986
2681
|
//#endregion
|
|
2987
2682
|
//#region src/components/data/MChart/MPieChart.tsx
|
|
2988
|
-
function
|
|
2989
|
-
return /* @__PURE__ */
|
|
2683
|
+
function kn(e) {
|
|
2684
|
+
return /* @__PURE__ */ X(Tn, {
|
|
2990
2685
|
type: "pie",
|
|
2991
2686
|
...e
|
|
2992
2687
|
});
|
|
2993
2688
|
}
|
|
2994
2689
|
//#endregion
|
|
2995
|
-
export {
|
|
2690
|
+
export { nt as _, ln as a, Xe as b, rn as c, on as d, xt as f, rt as g, it as h, En as i, cn as l, at as m, On as n, tn as o, ot as p, Dn as r, nn as s, kn as t, Qt as u, $e as v, Ye as x, Qe as y };
|
|
2996
2691
|
|
|
2997
|
-
//# sourceMappingURL=data-
|
|
2692
|
+
//# sourceMappingURL=data-z3e8XTSt.js.map
|