@banzamel/mineralui 1.1.1 → 1.3.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/README.md +1 -1
- package/dist/MAvatar-B4Y9P5ua.js +57 -0
- package/dist/MAvatar-B4Y9P5ua.js.map +1 -0
- package/dist/MAvatar-D4ZC9wml.cjs +2 -0
- package/dist/MAvatar-D4ZC9wml.cjs.map +1 -0
- package/dist/MBadge-BaeeIRhu.js +19 -0
- package/dist/MBadge-BaeeIRhu.js.map +1 -0
- package/dist/MBadge-DJuqtMP7.cjs +2 -0
- package/dist/MBadge-DJuqtMP7.cjs.map +1 -0
- package/dist/MButton-Rg85cgO1.cjs +2 -0
- package/dist/{MButton-CX8SV1m0.cjs.map → MButton-Rg85cgO1.cjs.map} +1 -1
- package/dist/MButton-pSNx-6UK.js +113 -0
- package/dist/{MButton-BJdrNg2I.js.map → MButton-pSNx-6UK.js.map} +1 -1
- package/dist/{MCheckbox-DfCD0EtS.js → MCheckbox-B7SpcD4H.js} +1 -1
- package/dist/{MCheckbox-DfCD0EtS.js.map → MCheckbox-B7SpcD4H.js.map} +1 -1
- package/dist/{MCheckbox-CAZA97h7.cjs → MCheckbox-Bea3orrs.cjs} +1 -1
- package/dist/{MCheckbox-CAZA97h7.cjs.map → MCheckbox-Bea3orrs.cjs.map} +1 -1
- package/dist/{MCookieBootstrap-BhTMPs8T.js → MCookieBootstrap-CNYLvKjW.js} +1 -1
- package/dist/{MCookieBootstrap-BhTMPs8T.js.map → MCookieBootstrap-CNYLvKjW.js.map} +1 -1
- package/dist/{MCookieBootstrap-Fxpem-gF.cjs → MCookieBootstrap-DSOT4FQo.cjs} +1 -1
- package/dist/{MCookieBootstrap-Fxpem-gF.cjs.map → MCookieBootstrap-DSOT4FQo.cjs.map} +1 -1
- package/dist/{MDataTable-D-ASD4g3.js → MDataTable-D5SnGm3D.js} +10 -10
- package/dist/{MDataTable-D-ASD4g3.js.map → MDataTable-D5SnGm3D.js.map} +1 -1
- package/dist/{MDataTable-BZs6Cn9e.cjs → MDataTable-_afEvx2S.cjs} +2 -2
- package/dist/{MDataTable-BZs6Cn9e.cjs.map → MDataTable-_afEvx2S.cjs.map} +1 -1
- package/dist/{MDrawer-CTVEF34p.cjs → MDrawer-2NDNRU77.cjs} +2 -2
- package/dist/{MDrawer-CTVEF34p.cjs.map → MDrawer-2NDNRU77.cjs.map} +1 -1
- package/dist/{MDrawer-CscOMXBg.js → MDrawer-CHvOVWPw.js} +2 -2
- package/dist/{MDrawer-CscOMXBg.js.map → MDrawer-CHvOVWPw.js.map} +1 -1
- package/dist/{MDropdownMenu-B1eOmM7u.js → MDropdownMenu-CxBhYxQb.js} +1 -1
- package/dist/{MDropdownMenu-B1eOmM7u.js.map → MDropdownMenu-CxBhYxQb.js.map} +1 -1
- package/dist/{MDropdownMenu-CiJ_7DQ2.cjs → MDropdownMenu-X7ywPqth.cjs} +1 -1
- package/dist/{MDropdownMenu-CiJ_7DQ2.cjs.map → MDropdownMenu-X7ywPqth.cjs.map} +1 -1
- package/dist/MHeading-C5s-kb2D.js +21 -0
- package/dist/MHeading-C5s-kb2D.js.map +1 -0
- package/dist/MHeading-CvAYmqMN.cjs +2 -0
- package/dist/MHeading-CvAYmqMN.cjs.map +1 -0
- package/dist/MImage-DqAx0_B0.cjs +2 -0
- package/dist/MImage-DqAx0_B0.cjs.map +1 -0
- package/dist/MImage-F34N1nhB.js +53 -0
- package/dist/MImage-F34N1nhB.js.map +1 -0
- package/dist/MInline-BKY7arDg.js +41 -0
- package/dist/MInline-BKY7arDg.js.map +1 -0
- package/dist/MInline-FgdIt6kv.cjs +2 -0
- package/dist/MInline-FgdIt6kv.cjs.map +1 -0
- package/dist/{MInput-BZ1ZPuk3.cjs → MInput-C_Prnehc.cjs} +2 -2
- package/dist/{MInput-BZ1ZPuk3.cjs.map → MInput-C_Prnehc.cjs.map} +1 -1
- package/dist/{MInput-B8RPS-wr.js → MInput-DI066RK9.js} +2 -2
- package/dist/{MInput-B8RPS-wr.js.map → MInput-DI066RK9.js.map} +1 -1
- package/dist/{MInputCVC-DOBmGhJL.cjs → MInputCVC-B75iBIRt.cjs} +2 -2
- package/dist/{MInputCVC-DOBmGhJL.cjs.map → MInputCVC-B75iBIRt.cjs.map} +1 -1
- package/dist/{MInputCVC-BJQWuuwR.js → MInputCVC-BlBZjRft.js} +3 -3
- package/dist/{MInputCVC-BJQWuuwR.js.map → MInputCVC-BlBZjRft.js.map} +1 -1
- package/dist/{MInputSearch-DAAg9FXv.cjs → MInputSearch-BKQnKS-9.cjs} +2 -2
- package/dist/{MInputSearch-DAAg9FXv.cjs.map → MInputSearch-BKQnKS-9.cjs.map} +1 -1
- package/dist/{MInputSearch-PMHykVrc.js → MInputSearch-CBsBsuqu.js} +2 -2
- package/dist/{MInputSearch-PMHykVrc.js.map → MInputSearch-CBsBsuqu.js.map} +1 -1
- package/dist/MLink-BgYBHhce.js +31 -0
- package/dist/{MLink-CBmT8zaD.js.map → MLink-BgYBHhce.js.map} +1 -1
- package/dist/MLink-DmB3rcWB.cjs +2 -0
- package/dist/{MLink-D10DD8oX.cjs.map → MLink-DmB3rcWB.cjs.map} +1 -1
- package/dist/{MModal-CfzduXaI.cjs → MModal-BaA098nr.cjs} +2 -2
- package/dist/{MModal-CfzduXaI.cjs.map → MModal-BaA098nr.cjs.map} +1 -1
- package/dist/{MModal-BogYYyZE.js → MModal-DXZ2SrJt.js} +2 -2
- package/dist/{MModal-BogYYyZE.js.map → MModal-DXZ2SrJt.js.map} +1 -1
- package/dist/{MPagination-CgvjKhLN.js → MPagination-BFI_z3y6.js} +2 -2
- package/dist/{MPagination-CgvjKhLN.js.map → MPagination-BFI_z3y6.js.map} +1 -1
- package/dist/{MPagination-vg2EqB8z.cjs → MPagination-C6hnhbTp.cjs} +2 -2
- package/dist/{MPagination-vg2EqB8z.cjs.map → MPagination-C6hnhbTp.cjs.map} +1 -1
- package/dist/{MQrCode-l0FzrNCq.js → MQrCode-DfZwkhZV.js} +2 -2
- package/dist/{MQrCode-l0FzrNCq.js.map → MQrCode-DfZwkhZV.js.map} +1 -1
- package/dist/{MQrCode-DB9vELHq.cjs → MQrCode-L0trT6n3.cjs} +2 -2
- package/dist/{MQrCode-DB9vELHq.cjs.map → MQrCode-L0trT6n3.cjs.map} +1 -1
- package/dist/{MSkeleton-D7wnoEE8.cjs → MSkeleton-BEdflu0F.cjs} +2 -2
- package/dist/{MSkeleton-D7wnoEE8.cjs.map → MSkeleton-BEdflu0F.cjs.map} +1 -1
- package/dist/{MSkeleton-Bh9cCe49.js → MSkeleton-DX9gJ311.js} +2 -2
- package/dist/{MSkeleton-Bh9cCe49.js.map → MSkeleton-DX9gJ311.js.map} +1 -1
- package/dist/{MSlider-YDSrVUQ8.cjs → MSlider-BCMJkvcA.cjs} +1 -1
- package/dist/{MSlider-YDSrVUQ8.cjs.map → MSlider-BCMJkvcA.cjs.map} +1 -1
- package/dist/{MSlider-BlgzLtHa.js → MSlider-CqrusKJQ.js} +1 -1
- package/dist/{MSlider-BlgzLtHa.js.map → MSlider-CqrusKJQ.js.map} +1 -1
- package/dist/{MSparkline-Bl5-EHJr.cjs → MSparkline-BOaNmbeB.cjs} +1 -1
- package/dist/{MSparkline-Bl5-EHJr.cjs.map → MSparkline-BOaNmbeB.cjs.map} +1 -1
- package/dist/{MSparkline-C8tnqhJm.js → MSparkline-Cb_EwR-E.js} +1 -1
- package/dist/{MSparkline-C8tnqhJm.js.map → MSparkline-Cb_EwR-E.js.map} +1 -1
- package/dist/MStack-BgwBqm-V.cjs +2 -0
- package/dist/MStack-BgwBqm-V.cjs.map +1 -0
- package/dist/MStack-Dk0GNVBT.js +41 -0
- package/dist/MStack-Dk0GNVBT.js.map +1 -0
- package/dist/MSubText-D8VxE877.cjs +2 -0
- package/dist/MSubText-D8VxE877.cjs.map +1 -0
- package/dist/MSubText-DwNeDGYg.js +17 -0
- package/dist/MSubText-DwNeDGYg.js.map +1 -0
- package/dist/MSurface-CFbX5C63.cjs +2 -0
- package/dist/MSurface-CFbX5C63.cjs.map +1 -0
- package/dist/MSurface-COlEjDyo.js +41 -0
- package/dist/MSurface-COlEjDyo.js.map +1 -0
- package/dist/MTag-DZjcHYn0.cjs +2 -0
- package/dist/MTag-DZjcHYn0.cjs.map +1 -0
- package/dist/MTag-wsCYRndK.js +39 -0
- package/dist/MTag-wsCYRndK.js.map +1 -0
- package/dist/MText-CexZuJgV.js +45 -0
- package/dist/MText-CexZuJgV.js.map +1 -0
- package/dist/MText-YIBipYLh.cjs +2 -0
- package/dist/MText-YIBipYLh.cjs.map +1 -0
- package/dist/{MTimeAgo-LWntwbKg.cjs → MTimeAgo-91_ndjxU.cjs} +2 -2
- package/dist/{MTimeAgo-LWntwbKg.cjs.map → MTimeAgo-91_ndjxU.cjs.map} +1 -1
- package/dist/{MTimeAgo-irsvTFAY.js → MTimeAgo-xxl53mct.js} +2 -2
- package/dist/{MTimeAgo-irsvTFAY.js.map → MTimeAgo-xxl53mct.js.map} +1 -1
- package/dist/{MToggle-BbSDIAJq.js → MToggle-B6emKoKq.js} +1 -1
- package/dist/{MToggle-BbSDIAJq.js.map → MToggle-B6emKoKq.js.map} +1 -1
- package/dist/{MToggle-GhhAJgUa.cjs → MToggle-CsGS_W3X.cjs} +1 -1
- package/dist/{MToggle-GhhAJgUa.cjs.map → MToggle-CsGS_W3X.cjs.map} +1 -1
- package/dist/{MTooltip-eTM5DKtM.cjs → MTooltip-CNXoyQEN.cjs} +1 -1
- package/dist/{MTooltip-eTM5DKtM.cjs.map → MTooltip-CNXoyQEN.cjs.map} +1 -1
- package/dist/{MTooltip-BVQ7wBrO.js → MTooltip-UYOjDBOu.js} +1 -1
- package/dist/{MTooltip-BVQ7wBrO.js.map → MTooltip-UYOjDBOu.js.map} +1 -1
- package/dist/{cards-JqA2VWit.js → cards-BguCbFp7.js} +64 -64
- package/dist/{cards-JqA2VWit.js.map → cards-BguCbFp7.js.map} +1 -1
- package/dist/{cards-QoMhQlao.cjs → cards-DgOG2sWk.cjs} +2 -2
- package/dist/{cards-QoMhQlao.cjs.map → cards-DgOG2sWk.cjs.map} +1 -1
- package/dist/cards.cjs +1 -1
- package/dist/cards.js +2 -2
- package/dist/components/controls/MButton/MButton.types.d.ts +2 -2
- package/dist/components/feedback/MAlert/MAlert.d.ts +1 -1
- package/dist/components/feedback/MAlert/MAlert.types.d.ts +2 -2
- package/dist/components/feedback/MBadge/MBadge.d.ts +1 -1
- package/dist/components/feedback/MBadge/MBadge.types.d.ts +2 -2
- package/dist/components/feedback/MBanner/MBanner.d.ts +1 -1
- package/dist/components/feedback/MBanner/MBanner.types.d.ts +2 -2
- package/dist/components/feedback/MCookie/MCookieBootstrap/MCookieBootstrap.script.d.ts +4 -0
- package/dist/components/feedback/MTag/MTag.d.ts +1 -1
- package/dist/components/feedback/MTag/MTag.types.d.ts +2 -2
- package/dist/components/layout/MContainer/MContainer.d.ts +1 -1
- package/dist/components/layout/MContainer/MContainer.types.d.ts +2 -1
- package/dist/components/layout/MDivider/MDivider.d.ts +1 -1
- package/dist/components/layout/MDivider/MDivider.types.d.ts +2 -1
- package/dist/components/layout/MFooter/MFooter.d.ts +1 -1
- package/dist/components/layout/MFooter/MFooter.types.d.ts +2 -1
- package/dist/components/layout/MGrid/MGrid.d.ts +2 -2
- package/dist/components/layout/MGrid/MGrid.types.d.ts +4 -2
- package/dist/components/layout/MHeader/MHeader.d.ts +1 -1
- package/dist/components/layout/MHeader/MHeader.types.d.ts +2 -1
- package/dist/components/layout/MInline/MInline.d.ts +1 -1
- package/dist/components/layout/MInline/MInline.types.d.ts +2 -1
- package/dist/components/layout/MNavbar/MNavbar.d.ts +1 -1
- package/dist/components/layout/MNavbar/MNavbar.types.d.ts +6 -1
- package/dist/components/layout/MNavbar/index.d.ts +1 -1
- package/dist/components/layout/MNavs/MNavs.types.d.ts +12 -2
- package/dist/components/layout/MNavs/index.d.ts +1 -1
- package/dist/components/layout/MSection/MSection.d.ts +1 -1
- package/dist/components/layout/MSection/MSection.types.d.ts +2 -1
- package/dist/components/layout/MStack/MStack.d.ts +1 -1
- package/dist/components/layout/MStack/MStack.types.d.ts +2 -1
- package/dist/components/layout/MSurface/MSurface.d.ts +1 -1
- package/dist/components/layout/MSurface/MSurface.types.d.ts +2 -1
- package/dist/components/layout/MTopbar/MTopbar.d.ts +1 -1
- package/dist/components/layout/MTopbar/MTopbar.types.d.ts +2 -2
- package/dist/components/media/MAvatar/MAvatar.d.ts +1 -1
- package/dist/components/media/MAvatar/MAvatar.types.d.ts +2 -2
- package/dist/components/media/MAvatarStack/MAvatarStack.d.ts +1 -1
- package/dist/components/media/MAvatarStack/MAvatarStack.types.d.ts +2 -2
- package/dist/components/media/MImage/MImage.d.ts +1 -1
- package/dist/components/media/MImage/MImage.types.d.ts +2 -1
- package/dist/components/typography/MHeading/MHeading.d.ts +563 -2
- package/dist/components/typography/MHeading/MHeading.types.d.ts +2 -2
- package/dist/components/typography/MLink/MLink.types.d.ts +2 -1
- package/dist/components/typography/MSubText/MSubText.d.ts +1 -1
- package/dist/components/typography/MSubText/MSubText.types.d.ts +2 -2
- package/dist/components/typography/MText/MText.d.ts +1 -1
- package/dist/components/typography/MText/MText.types.d.ts +2 -2
- package/dist/controls-CN5d1q6e.cjs +2 -0
- package/dist/{controls-BFmZuejK.cjs.map → controls-CN5d1q6e.cjs.map} +1 -1
- package/dist/{controls-Dbev0qSy.js → controls-CVdInuMI.js} +145 -143
- package/dist/{controls-Dbev0qSy.js.map → controls-CVdInuMI.js.map} +1 -1
- 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.cjs.map +1 -1
- package/dist/cookie-consent-bootstrap.js +45 -32
- package/dist/cookie-consent-bootstrap.js.map +1 -1
- package/dist/data-BZ3Uio4Z.cjs +2 -0
- package/dist/data-BZ3Uio4Z.cjs.map +1 -0
- package/dist/{data-B1hbWMzU.js → data-BpGAUxCL.js} +554 -553
- package/dist/data-BpGAUxCL.js.map +1 -0
- package/dist/data.cjs +1 -1
- package/dist/data.js +3 -3
- package/dist/{display-B-zP1BEz.cjs → display-CCG1eb0m.cjs} +2 -2
- package/dist/{display-B-zP1BEz.cjs.map → display-CCG1eb0m.cjs.map} +1 -1
- package/dist/{display-DC0d-nPm.js → display-gwrOWH2c.js} +3 -3
- package/dist/{display-DC0d-nPm.js.map → display-gwrOWH2c.js.map} +1 -1
- package/dist/display.cjs +1 -1
- package/dist/display.js +3 -3
- package/dist/{dropdowns-Vo7Oo_ii.js → dropdowns-CNKEy6vf.js} +43 -43
- package/dist/{dropdowns-Vo7Oo_ii.js.map → dropdowns-CNKEy6vf.js.map} +1 -1
- package/dist/dropdowns-HY56LZkp.cjs +2 -0
- package/dist/{dropdowns-CMt9-Jpa.cjs.map → dropdowns-HY56LZkp.cjs.map} +1 -1
- package/dist/dropdowns.cjs +1 -1
- package/dist/dropdowns.js +1 -1
- package/dist/{feedback-D29Er-TD.js → feedback-BfSdnvUS.js} +315 -312
- package/dist/feedback-BfSdnvUS.js.map +1 -0
- package/dist/feedback-DkQNQVdK.cjs +2 -0
- package/dist/feedback-DkQNQVdK.cjs.map +1 -0
- package/dist/feedback.cjs +1 -1
- package/dist/feedback.js +6 -6
- package/dist/{frameworkTexts-BgzNvcs2.js → frameworkTexts-B6oE8pMk.js} +1 -1
- package/dist/{frameworkTexts-BgzNvcs2.js.map → frameworkTexts-B6oE8pMk.js.map} +1 -1
- package/dist/{frameworkTexts-r4jSfpMt.cjs → frameworkTexts-C_9KZK_A.cjs} +1 -1
- package/dist/{frameworkTexts-r4jSfpMt.cjs.map → frameworkTexts-C_9KZK_A.cjs.map} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +59 -59
- package/dist/{inputs-Bl7ssV3Q.js → inputs-BO7bjvyf.js} +115 -115
- package/dist/{inputs-Bl7ssV3Q.js.map → inputs-BO7bjvyf.js.map} +1 -1
- package/dist/{inputs-Dw9Uv8f4.cjs → inputs-vov7Kj6q.cjs} +2 -2
- package/dist/{inputs-Dw9Uv8f4.cjs.map → inputs-vov7Kj6q.cjs.map} +1 -1
- package/dist/inputs.cjs +1 -1
- package/dist/inputs.js +4 -4
- package/dist/layout-BvKpFxol.js +905 -0
- package/dist/layout-BvKpFxol.js.map +1 -0
- package/dist/layout-TFV-1uoQ.cjs +2 -0
- package/dist/layout-TFV-1uoQ.cjs.map +1 -0
- package/dist/layout.cjs +1 -1
- package/dist/layout.js +6 -6
- package/dist/{locale-uMMj57KX.js → locale-BNyzqXAU.js} +1 -1
- package/dist/{locale-uMMj57KX.js.map → locale-BNyzqXAU.js.map} +1 -1
- package/dist/{locale-LCAQDJCd.cjs → locale-BltrWJtd.cjs} +1 -1
- package/dist/{locale-LCAQDJCd.cjs.map → locale-BltrWJtd.cjs.map} +1 -1
- package/dist/media-BhRjHzpA.cjs +2 -0
- package/dist/{media-C4WtzWxU.cjs.map → media-BhRjHzpA.cjs.map} +1 -1
- package/dist/{media-D5zF3vH6.js → media-BuIEAgV-.js} +145 -143
- package/dist/{media-D5zF3vH6.js.map → media-BuIEAgV-.js.map} +1 -1
- package/dist/media.cjs +1 -1
- package/dist/media.js +3 -3
- package/dist/{overlays-D9_8GEse.cjs → overlays-CjEh_HWn.cjs} +2 -2
- package/dist/{overlays-D9_8GEse.cjs.map → overlays-CjEh_HWn.cjs.map} +1 -1
- package/dist/{overlays-BahWPCPW.js → overlays-D1SAF1F_.js} +3 -3
- package/dist/{overlays-BahWPCPW.js.map → overlays-D1SAF1F_.js.map} +1 -1
- package/dist/overlays.cjs +1 -1
- package/dist/overlays.js +5 -5
- package/dist/style-runtime.cjs +1 -1
- package/dist/style-runtime.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/theme/MTheme.types.d.ts +5 -0
- package/dist/theme/index.d.ts +2 -1
- package/dist/theme/responsive.d.ts +18 -0
- package/dist/{theme-DLorpkJc.cjs → theme-CyIOdO9W.cjs} +2 -2
- package/dist/theme-CyIOdO9W.cjs.map +1 -0
- package/dist/{theme-BV4qkzZU.js → theme-Dl4EpdnW.js} +14 -2
- package/dist/theme-Dl4EpdnW.js.map +1 -0
- package/dist/theme.cjs +1 -1
- package/dist/theme.js +2 -2
- package/dist/{typography-BR2o3w3X.js → typography-BrIbvz08.js} +2 -2
- package/dist/{typography-BR2o3w3X.js.map → typography-BrIbvz08.js.map} +1 -1
- package/dist/{typography-BobOsDbn.cjs → typography-DHjL4YTH.cjs} +2 -2
- package/dist/{typography-BobOsDbn.cjs.map → typography-DHjL4YTH.cjs.map} +1 -1
- package/dist/typography.cjs +1 -1
- package/dist/typography.js +5 -5
- package/package.json +1 -1
- package/dist/MAvatar-nLlGAprq.cjs +0 -2
- package/dist/MAvatar-nLlGAprq.cjs.map +0 -1
- package/dist/MAvatar-tpFpLFPO.js +0 -55
- package/dist/MAvatar-tpFpLFPO.js.map +0 -1
- package/dist/MBadge-UTUlEAik.js +0 -17
- package/dist/MBadge-UTUlEAik.js.map +0 -1
- package/dist/MBadge-imAk1gYn.cjs +0 -2
- package/dist/MBadge-imAk1gYn.cjs.map +0 -1
- package/dist/MButton-BJdrNg2I.js +0 -111
- package/dist/MButton-CX8SV1m0.cjs +0 -2
- package/dist/MHeading-CMGPJwul.js +0 -19
- package/dist/MHeading-CMGPJwul.js.map +0 -1
- package/dist/MHeading-sW0j7ssI.cjs +0 -2
- package/dist/MHeading-sW0j7ssI.cjs.map +0 -1
- package/dist/MImage-3UVzZIgA.js +0 -49
- package/dist/MImage-3UVzZIgA.js.map +0 -1
- package/dist/MImage-BHgzEHMO.cjs +0 -2
- package/dist/MImage-BHgzEHMO.cjs.map +0 -1
- package/dist/MInline-DUzpnZoB.cjs +0 -2
- package/dist/MInline-DUzpnZoB.cjs.map +0 -1
- package/dist/MInline-cTj903A4.js +0 -39
- package/dist/MInline-cTj903A4.js.map +0 -1
- package/dist/MLink-CBmT8zaD.js +0 -29
- package/dist/MLink-D10DD8oX.cjs +0 -2
- package/dist/MStack-BKDsNitR.cjs +0 -2
- package/dist/MStack-BKDsNitR.cjs.map +0 -1
- package/dist/MStack-XTsT_kLJ.js +0 -39
- package/dist/MStack-XTsT_kLJ.js.map +0 -1
- package/dist/MSubText-BIaYgtU4.cjs +0 -2
- package/dist/MSubText-BIaYgtU4.cjs.map +0 -1
- package/dist/MSubText-uoh7Qx7S.js +0 -15
- package/dist/MSubText-uoh7Qx7S.js.map +0 -1
- package/dist/MSurface-B1LXFczo.js +0 -39
- package/dist/MSurface-B1LXFczo.js.map +0 -1
- package/dist/MSurface-BgZ86iYn.cjs +0 -2
- package/dist/MSurface-BgZ86iYn.cjs.map +0 -1
- package/dist/MTag-BVo9zFIj.cjs +0 -2
- package/dist/MTag-BVo9zFIj.cjs.map +0 -1
- package/dist/MTag-Bq9b51kE.js +0 -37
- package/dist/MTag-Bq9b51kE.js.map +0 -1
- package/dist/MText-B4koGfYi.cjs +0 -2
- package/dist/MText-B4koGfYi.cjs.map +0 -1
- package/dist/MText-CKyns1SE.js +0 -43
- package/dist/MText-CKyns1SE.js.map +0 -1
- package/dist/controls-BFmZuejK.cjs +0 -2
- package/dist/data-B1hbWMzU.js.map +0 -1
- package/dist/data-BooVW8q_.cjs +0 -2
- package/dist/data-BooVW8q_.cjs.map +0 -1
- package/dist/dropdowns-CMt9-Jpa.cjs +0 -2
- package/dist/feedback-B-PVXL68.cjs +0 -2
- package/dist/feedback-B-PVXL68.cjs.map +0 -1
- package/dist/feedback-D29Er-TD.js.map +0 -1
- package/dist/layout-C1QKiv2J.cjs +0 -2
- package/dist/layout-C1QKiv2J.cjs.map +0 -1
- package/dist/layout-UP_12LRD.js +0 -817
- package/dist/layout-UP_12LRD.js.map +0 -1
- package/dist/media-C4WtzWxU.cjs +0 -2
- package/dist/theme-BV4qkzZU.js.map +0 -1
- package/dist/theme-DLorpkJc.cjs.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MQrCode-DB9vELHq.cjs","names":[],"sources":["../src/components/display/MRating/MRating.tsx","../src/components/display/MQrCode/MQrCode.tsx"],"sourcesContent":["import {useState} from 'react'\nimport type {MRatingProps} from './MRating.types'\nimport {MStarFillIcon, MStarIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MRating.css'\n\n// Render an interactive star-based rating control.\nexport function MRating({\n value = 0,\n max = 5,\n color = 'warning',\n size = 'md',\n readOnly = false,\n onChange,\n className,\n ...rest\n}: MRatingProps) {\n const [hovered, setHovered] = useState<number | null>(null)\n const displayValue = hovered ?? value\n\n const handleClick = (index: number) => {\n if (readOnly) return\n onChange?.(index)\n }\n\n return (\n <div\n className={cn('rating', `color-${color}`, size, readOnly && 'read-only', className)}\n role=\"radiogroup\"\n aria-label=\"MRating\"\n onMouseLeave={() => setHovered(null)}\n {...rest}\n >\n {Array.from({length: max}, (_, i) => {\n const starIndex = i + 1\n const filled = displayValue >= starIndex\n return (\n <button\n key={i}\n type=\"button\"\n className=\"rating-star\"\n onClick={() => handleClick(starIndex)}\n onMouseEnter={() => !readOnly && setHovered(starIndex)}\n aria-label={`${starIndex} star${starIndex > 1 ? 's' : ''}`}\n tabIndex={readOnly ? -1 : 0}\n disabled={readOnly}\n >\n <span className=\"star-icon\" aria-hidden=\"true\">\n {filled ? <MStarFillIcon /> : <MStarIcon />}\n </span>\n </button>\n )\n })}\n </div>\n )\n}\n","import type {CSSProperties} from 'react'\nimport type {MQrCodeProps} from './MQrCode.types'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls/MButton'\nimport {MErrorIcon, MSuccessIcon} from '../../../icons'\nimport './MQrCode.css'\n\ntype VersionInfo = {\n version: number\n size: number\n dataWords: number\n ecWords: number\n byteLimit: number\n align: number[]\n}\n\nconst versions: VersionInfo[] = [\n {version: 1, size: 21, dataWords: 19, ecWords: 7, byteLimit: 17, align: []},\n {version: 2, size: 25, dataWords: 34, ecWords: 10, byteLimit: 32, align: [6, 18]},\n {version: 3, size: 29, dataWords: 55, ecWords: 15, byteLimit: 53, align: [6, 22]},\n {version: 4, size: 33, dataWords: 80, ecWords: 20, byteLimit: 78, align: [6, 26]},\n {version: 5, size: 37, dataWords: 108, ecWords: 26, byteLimit: 106, align: [6, 30]},\n]\n\nconst formatBits = [\n '111011111000100',\n '111001011110011',\n '111110110101010',\n '111100010011101',\n '110011000101111',\n '110001100011000',\n '110110001000001',\n '110100101110110',\n]\n\nconst expTable = new Array<number>(512).fill(0)\nconst logTable = new Array<number>(256).fill(0)\nconst encoder = new TextEncoder()\n\nlet fieldReady = false\n\n// Prepare log/exp lookup tables for QR Reed-Solomon math.\nfunction ensureField() {\n if (fieldReady) return\n\n let value = 1\n\n for (let i = 0; i < 255; i += 1) {\n expTable[i] = value\n logTable[value] = i\n value <<= 1\n\n if (value & 0x100) {\n value ^= 0x11d\n }\n }\n\n for (let i = 255; i < 512; i += 1) {\n expTable[i] = expTable[i - 255]\n }\n\n fieldReady = true\n}\n\n// Multiply two values inside the QR Galois field.\nfunction gfMul(a: number, b: number) {\n if (!a || !b) return 0\n ensureField()\n return expTable[logTable[a] + logTable[b]]\n}\n\n// Multiply generator polynomials used for error correction.\nfunction polyMul(left: number[], right: number[]) {\n const next = new Array(left.length + right.length - 1).fill(0)\n\n for (let row = 0; row < left.length; row += 1) {\n for (let col = 0; col < right.length; col += 1) {\n next[row + col] ^= gfMul(left[row], right[col])\n }\n }\n\n return next\n}\n\n// Build the generator polynomial for the chosen correction size.\nfunction makeGenerator(ecWords: number) {\n ensureField()\n\n let poly = [1]\n\n for (let i = 0; i < ecWords; i += 1) {\n poly = polyMul(poly, [1, expTable[i]])\n }\n\n return poly\n}\n\n// Compute Reed-Solomon error words for the current payload.\nfunction makeErrorWords(data: number[], ecWords: number) {\n const poly = makeGenerator(ecWords)\n const work = [...data, ...new Array(ecWords).fill(0)]\n\n for (let i = 0; i < data.length; i += 1) {\n const factor = work[i]\n\n if (!factor) continue\n\n for (let j = 0; j < poly.length; j += 1) {\n work[i + j] ^= gfMul(poly[j], factor)\n }\n }\n\n return work.slice(-ecWords)\n}\n\n// Push bits in MSB order so QR payload building stays explicit.\nfunction pushBits(target: number[], value: number, size: number) {\n for (let bit = size - 1; bit >= 0; bit -= 1) {\n target.push((value >> bit) & 1)\n }\n}\n\n// Repack a flat bit list into QR codewords.\nfunction bitsToBytes(bits: number[]) {\n const bytes: number[] = []\n\n for (let i = 0; i < bits.length; i += 8) {\n let byte = 0\n\n for (let bit = 0; bit < 8; bit += 1) {\n byte = (byte << 1) | (bits[i + bit] ?? 0)\n }\n\n bytes.push(byte)\n }\n\n return bytes\n}\n\n// Pick the smallest supported QR version for the payload.\nfunction pickVersion(length: number) {\n return versions.find((item) => length <= item.byteLimit) ?? null\n}\n\n// Encode a string as byte mode payload plus correction words.\nfunction encodeData(value: string, info: VersionInfo) {\n const data = Array.from(encoder.encode(value))\n const bits: number[] = []\n const capacity = info.dataWords * 8\n\n pushBits(bits, 0b0100, 4)\n pushBits(bits, data.length, 8)\n\n data.forEach((byte) => pushBits(bits, byte, 8))\n\n pushBits(bits, 0, Math.min(4, capacity - bits.length))\n\n while (bits.length % 8 !== 0) {\n bits.push(0)\n }\n\n const pads = [0xec, 0x11]\n\n for (let i = 0; bits.length < capacity; i += 1) {\n pushBits(bits, pads[i % 2], 8)\n }\n\n const dataWords = bitsToBytes(bits)\n return [...dataWords, ...makeErrorWords(dataWords, info.ecWords)]\n}\n\n// Create an empty matrix before function patterns are placed.\nfunction makeGrid(size: number) {\n return Array.from({length: size}, () => Array<boolean | null>(size).fill(null))\n}\n\n// Write a module and mark it as reserved.\nfunction setCell(grid: (boolean | null)[][], marks: boolean[][], row: number, col: number, dark: boolean) {\n if (row < 0 || col < 0 || row >= grid.length || col >= grid.length) return\n grid[row][col] = dark\n marks[row][col] = true\n}\n\n// Place one finder pattern with its quiet white border.\nfunction placeFinder(grid: (boolean | null)[][], marks: boolean[][], top: number, left: number) {\n for (let row = -1; row <= 7; row += 1) {\n for (let col = -1; col <= 7; col += 1) {\n const edge = row === -1 || row === 7 || col === -1 || col === 7\n const outer = row === 0 || row === 6 || col === 0 || col === 6\n const inner = row >= 2 && row <= 4 && col >= 2 && col <= 4\n setCell(grid, marks, top + row, left + col, !edge && (outer || inner))\n }\n }\n}\n\n// Place one alignment pattern unless another function block already owns it.\nfunction placeAlign(grid: (boolean | null)[][], marks: boolean[][], center: number, middle: number) {\n if (marks[center][middle]) return\n\n for (let row = -2; row <= 2; row += 1) {\n for (let col = -2; col <= 2; col += 1) {\n const edge = Math.max(Math.abs(row), Math.abs(col)) === 2\n const dot = row === 0 && col === 0\n setCell(grid, marks, center + row, middle + col, edge || dot)\n }\n }\n}\n\n// Reserve format info cells before data placement starts.\nfunction markFormat(marks: boolean[][]) {\n const size = marks.length\n const left = [\n [8, 0],\n [8, 1],\n [8, 2],\n [8, 3],\n [8, 4],\n [8, 5],\n [8, 7],\n [8, 8],\n [7, 8],\n [5, 8],\n [4, 8],\n [3, 8],\n [2, 8],\n [1, 8],\n [0, 8],\n ]\n const right = [\n [size - 1, 8],\n [size - 2, 8],\n [size - 3, 8],\n [size - 4, 8],\n [size - 5, 8],\n [size - 6, 8],\n [size - 7, 8],\n [8, size - 8],\n [8, size - 7],\n [8, size - 6],\n [8, size - 5],\n [8, size - 4],\n [8, size - 3],\n [8, size - 2],\n [8, size - 1],\n ]\n\n ;[...left, ...right].forEach(([row, col]) => {\n marks[row][col] = true\n })\n}\n\n// Build the static QR scaffolding: finders, timing and align blocks.\nfunction makeBase(info: VersionInfo) {\n const grid = makeGrid(info.size)\n const marks = Array.from({length: info.size}, () => Array<boolean>(info.size).fill(false))\n\n placeFinder(grid, marks, 0, 0)\n placeFinder(grid, marks, 0, info.size - 7)\n placeFinder(grid, marks, info.size - 7, 0)\n\n for (let i = 8; i < info.size - 8; i += 1) {\n setCell(grid, marks, 6, i, i % 2 === 0)\n setCell(grid, marks, i, 6, i % 2 === 0)\n }\n\n info.align.forEach((row) => {\n info.align.forEach((col) => {\n placeAlign(grid, marks, row, col)\n })\n })\n\n markFormat(marks)\n setCell(grid, marks, info.version * 4 + 9, 8, true)\n\n return {grid, marks}\n}\n\n// Fill open cells with payload bits using the QR zig-zag path.\nfunction placeData(grid: (boolean | null)[][], marks: boolean[][], words: number[]) {\n const size = grid.length\n const bits: number[] = []\n\n words.forEach((word) => pushBits(bits, word, 8))\n\n let index = 0\n let up = true\n\n for (let col = size - 1; col > 0; col -= 2) {\n if (col === 6) {\n col -= 1\n }\n\n let row = up ? size - 1 : 0\n\n while (row >= 0 && row < size) {\n for (let offset = 0; offset < 2; offset += 1) {\n const x = col - offset\n\n if (marks[row][x]) continue\n\n grid[row][x] = bits[index] === 1\n index += 1\n }\n\n row += up ? -1 : 1\n }\n\n up = !up\n }\n\n for (let row = 0; row < size; row += 1) {\n for (let col = 0; col < size; col += 1) {\n if (!marks[row][col] && grid[row][col] == null) {\n grid[row][col] = false\n }\n }\n }\n}\n\n// Check whether the current mask flips this module.\nfunction shouldFlip(mask: number, row: number, col: number) {\n switch (mask) {\n case 0:\n return (row + col) % 2 === 0\n case 1:\n return row % 2 === 0\n case 2:\n return col % 3 === 0\n case 3:\n return (row + col) % 3 === 0\n case 4:\n return (Math.floor(row / 2) + Math.floor(col / 3)) % 2 === 0\n case 5:\n return ((row * col) % 2) + ((row * col) % 3) === 0\n case 6:\n return (((row * col) % 2) + ((row * col) % 3)) % 2 === 0\n case 7:\n return (((row + col) % 2) + ((row * col) % 3)) % 2 === 0\n default:\n return false\n }\n}\n\n// Apply one mask while leaving reserved cells untouched.\nfunction applyMask(grid: (boolean | null)[][], marks: boolean[][], mask: number) {\n return grid.map((line, row) =>\n line.map((cell, col) => {\n if (marks[row][col]) return Boolean(cell)\n return shouldFlip(mask, row, col) ? !cell : Boolean(cell)\n })\n )\n}\n\n// Write format bits into both reserved format strips.\nfunction withFormat(grid: boolean[][], mask: number) {\n const size = grid.length\n const bits = formatBits[mask]\n const left = [\n [8, 0],\n [8, 1],\n [8, 2],\n [8, 3],\n [8, 4],\n [8, 5],\n [8, 7],\n [8, 8],\n [7, 8],\n [5, 8],\n [4, 8],\n [3, 8],\n [2, 8],\n [1, 8],\n [0, 8],\n ]\n const right = [\n [size - 1, 8],\n [size - 2, 8],\n [size - 3, 8],\n [size - 4, 8],\n [size - 5, 8],\n [size - 6, 8],\n [size - 7, 8],\n [8, size - 8],\n [8, size - 7],\n [8, size - 6],\n [8, size - 5],\n [8, size - 4],\n [8, size - 3],\n [8, size - 2],\n [8, size - 1],\n ]\n const next = grid.map((line) => [...line])\n\n bits.split('').forEach((bit, index) => {\n const dark = bit === '1'\n const [leftRow, leftCol] = left[index]\n const [rightRow, rightCol] = right[index]\n\n next[leftRow][leftCol] = dark\n next[rightRow][rightCol] = dark\n })\n\n return next\n}\n\n// Penalize long runs of the same color.\nfunction runPenalty(values: boolean[]) {\n let score = 0\n let run = 1\n\n for (let i = 1; i <= values.length; i += 1) {\n if (values[i] === values[i - 1]) {\n run += 1\n continue\n }\n\n if (run >= 5) {\n score += run - 2\n }\n\n run = 1\n }\n\n return score\n}\n\n// Penalize large flat blocks that scan poorly.\nfunction blockPenalty(grid: boolean[][]) {\n let score = 0\n\n for (let row = 0; row < grid.length - 1; row += 1) {\n for (let col = 0; col < grid.length - 1; col += 1) {\n const cell = grid[row][col]\n\n if (cell === grid[row][col + 1] && cell === grid[row + 1][col] && cell === grid[row + 1][col + 1]) {\n score += 3\n }\n }\n }\n\n return score\n}\n\n// Penalize patterns that look too similar to finder markers.\nfunction finderPenalty(values: boolean[]) {\n const matchA = '10111010000'\n const matchB = '00001011101'\n let score = 0\n\n for (let i = 0; i <= values.length - 11; i += 1) {\n const slice = values\n .slice(i, i + 11)\n .map((cell) => (cell ? '1' : '0'))\n .join('')\n\n if (slice === matchA || slice === matchB) {\n score += 40\n }\n }\n\n return score\n}\n\n// Keep the dark/light balance near the QR target.\nfunction ratioPenalty(grid: boolean[][]) {\n const total = grid.length * grid.length\n const dark = grid.flat().filter(Boolean).length\n const ratio = (dark * 100) / total\n return Math.floor(Math.abs(ratio - 50) / 5) * 10\n}\n\n// Sum the standard QR penalties for one candidate matrix.\nfunction getPenalty(grid: boolean[][]) {\n let score = 0\n\n for (let row = 0; row < grid.length; row += 1) {\n score += runPenalty(grid[row])\n score += finderPenalty(grid[row])\n }\n\n for (let col = 0; col < grid.length; col += 1) {\n const line = grid.map((row) => row[col])\n score += runPenalty(line)\n score += finderPenalty(line)\n }\n\n score += blockPenalty(grid)\n score += ratioPenalty(grid)\n\n return score\n}\n\n// Build the final matrix and pick the mask with the lowest penalty.\nfunction makeMatrix(value: string) {\n const data = Array.from(encoder.encode(value))\n const info = pickVersion(data.length)\n\n if (!info) {\n return null\n }\n\n const {grid, marks} = makeBase(info)\n placeData(grid, marks, encodeData(value, info))\n\n let bestMask = 0\n let bestGrid = withFormat(applyMask(grid, marks, 0), 0)\n let bestScore = getPenalty(bestGrid)\n\n for (let mask = 1; mask < 8; mask += 1) {\n const masked = withFormat(applyMask(grid, marks, mask), mask)\n const score = getPenalty(masked)\n\n if (score < bestScore) {\n bestMask = mask\n bestGrid = masked\n bestScore = score\n }\n }\n\n return {grid: bestGrid, mask: bestMask}\n}\n\n// Render a local SVG QR code without adding a runtime dependency.\nexport function MQrCode({\n value,\n size = 144,\n padding = 4,\n fg = '#111827',\n bg = '#ffffff',\n status = 'idle',\n statusLabel,\n className,\n style,\n ...rest\n}: MQrCodeProps) {\n const qr = makeMatrix(value)\n\n if (!qr) {\n return null\n }\n\n const dimension = qr.grid.length + padding * 2\n const nextStyle = {\n '--qr-size': `${size}px`,\n ...style,\n } as CSSProperties\n const statusColor = status === 'success' ? 'success' : status === 'error' ? 'error' : 'primary'\n\n return (\n <div\n className={cn('qr-code', status !== 'idle' && `status-${status}`, className)}\n style={nextStyle}\n aria-busy={status === 'loading' || undefined}\n {...rest}\n >\n <svg\n className={cn(status !== 'idle' && 'dimmed')}\n viewBox={`0 0 ${dimension} ${dimension}`}\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n role=\"img\"\n aria-label=\"QR code\"\n >\n <rect width={dimension} height={dimension} fill={bg} />\n {qr.grid.map((line, row) =>\n line.map((cell, col) =>\n cell ? (\n <rect\n key={`${row}-${col}`}\n x={col + padding}\n y={row + padding}\n width=\"1\"\n height=\"1\"\n fill={fg}\n />\n ) : null\n )\n )}\n </svg>\n {status !== 'idle' && (\n <div className=\"qr-status-center\" aria-label={statusLabel ?? `QR code ${status}`} role=\"status\">\n {status === 'loading' ? (\n <MButton\n variant=\"ghost\"\n size=\"lg\"\n color={statusColor}\n shape=\"circle\"\n iconOnly\n loading\n pulsing\n disabled\n tabIndex={-1}\n className=\"qr-status-chip\"\n aria-hidden=\"true\"\n />\n ) : status === 'success' ? (\n <MButton\n variant=\"ghost\"\n size=\"lg\"\n color={statusColor}\n shape=\"circle\"\n iconOnly\n pulsing\n disabled\n tabIndex={-1}\n className=\"qr-status-chip\"\n aria-hidden=\"true\"\n >\n <MSuccessIcon />\n </MButton>\n ) : (\n <MButton\n variant=\"ghost\"\n size=\"lg\"\n color={statusColor}\n shape=\"circle\"\n iconOnly\n pulsing\n disabled\n tabIndex={-1}\n className=\"qr-status-chip\"\n aria-hidden=\"true\"\n >\n <MErrorIcon />\n </MButton>\n )}\n </div>\n )}\n </div>\n )\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MQrCode-L0trT6n3.cjs","names":[],"sources":["../src/components/display/MRating/MRating.tsx","../src/components/display/MQrCode/MQrCode.tsx"],"sourcesContent":["import {useState} from 'react'\nimport type {MRatingProps} from './MRating.types'\nimport {MStarFillIcon, MStarIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MRating.css'\n\n// Render an interactive star-based rating control.\nexport function MRating({\n value = 0,\n max = 5,\n color = 'warning',\n size = 'md',\n readOnly = false,\n onChange,\n className,\n ...rest\n}: MRatingProps) {\n const [hovered, setHovered] = useState<number | null>(null)\n const displayValue = hovered ?? value\n\n const handleClick = (index: number) => {\n if (readOnly) return\n onChange?.(index)\n }\n\n return (\n <div\n className={cn('rating', `color-${color}`, size, readOnly && 'read-only', className)}\n role=\"radiogroup\"\n aria-label=\"MRating\"\n onMouseLeave={() => setHovered(null)}\n {...rest}\n >\n {Array.from({length: max}, (_, i) => {\n const starIndex = i + 1\n const filled = displayValue >= starIndex\n return (\n <button\n key={i}\n type=\"button\"\n className=\"rating-star\"\n onClick={() => handleClick(starIndex)}\n onMouseEnter={() => !readOnly && setHovered(starIndex)}\n aria-label={`${starIndex} star${starIndex > 1 ? 's' : ''}`}\n tabIndex={readOnly ? -1 : 0}\n disabled={readOnly}\n >\n <span className=\"star-icon\" aria-hidden=\"true\">\n {filled ? <MStarFillIcon /> : <MStarIcon />}\n </span>\n </button>\n )\n })}\n </div>\n )\n}\n","import type {CSSProperties} from 'react'\nimport type {MQrCodeProps} from './MQrCode.types'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls/MButton'\nimport {MErrorIcon, MSuccessIcon} from '../../../icons'\nimport './MQrCode.css'\n\ntype VersionInfo = {\n version: number\n size: number\n dataWords: number\n ecWords: number\n byteLimit: number\n align: number[]\n}\n\nconst versions: VersionInfo[] = [\n {version: 1, size: 21, dataWords: 19, ecWords: 7, byteLimit: 17, align: []},\n {version: 2, size: 25, dataWords: 34, ecWords: 10, byteLimit: 32, align: [6, 18]},\n {version: 3, size: 29, dataWords: 55, ecWords: 15, byteLimit: 53, align: [6, 22]},\n {version: 4, size: 33, dataWords: 80, ecWords: 20, byteLimit: 78, align: [6, 26]},\n {version: 5, size: 37, dataWords: 108, ecWords: 26, byteLimit: 106, align: [6, 30]},\n]\n\nconst formatBits = [\n '111011111000100',\n '111001011110011',\n '111110110101010',\n '111100010011101',\n '110011000101111',\n '110001100011000',\n '110110001000001',\n '110100101110110',\n]\n\nconst expTable = new Array<number>(512).fill(0)\nconst logTable = new Array<number>(256).fill(0)\nconst encoder = new TextEncoder()\n\nlet fieldReady = false\n\n// Prepare log/exp lookup tables for QR Reed-Solomon math.\nfunction ensureField() {\n if (fieldReady) return\n\n let value = 1\n\n for (let i = 0; i < 255; i += 1) {\n expTable[i] = value\n logTable[value] = i\n value <<= 1\n\n if (value & 0x100) {\n value ^= 0x11d\n }\n }\n\n for (let i = 255; i < 512; i += 1) {\n expTable[i] = expTable[i - 255]\n }\n\n fieldReady = true\n}\n\n// Multiply two values inside the QR Galois field.\nfunction gfMul(a: number, b: number) {\n if (!a || !b) return 0\n ensureField()\n return expTable[logTable[a] + logTable[b]]\n}\n\n// Multiply generator polynomials used for error correction.\nfunction polyMul(left: number[], right: number[]) {\n const next = new Array(left.length + right.length - 1).fill(0)\n\n for (let row = 0; row < left.length; row += 1) {\n for (let col = 0; col < right.length; col += 1) {\n next[row + col] ^= gfMul(left[row], right[col])\n }\n }\n\n return next\n}\n\n// Build the generator polynomial for the chosen correction size.\nfunction makeGenerator(ecWords: number) {\n ensureField()\n\n let poly = [1]\n\n for (let i = 0; i < ecWords; i += 1) {\n poly = polyMul(poly, [1, expTable[i]])\n }\n\n return poly\n}\n\n// Compute Reed-Solomon error words for the current payload.\nfunction makeErrorWords(data: number[], ecWords: number) {\n const poly = makeGenerator(ecWords)\n const work = [...data, ...new Array(ecWords).fill(0)]\n\n for (let i = 0; i < data.length; i += 1) {\n const factor = work[i]\n\n if (!factor) continue\n\n for (let j = 0; j < poly.length; j += 1) {\n work[i + j] ^= gfMul(poly[j], factor)\n }\n }\n\n return work.slice(-ecWords)\n}\n\n// Push bits in MSB order so QR payload building stays explicit.\nfunction pushBits(target: number[], value: number, size: number) {\n for (let bit = size - 1; bit >= 0; bit -= 1) {\n target.push((value >> bit) & 1)\n }\n}\n\n// Repack a flat bit list into QR codewords.\nfunction bitsToBytes(bits: number[]) {\n const bytes: number[] = []\n\n for (let i = 0; i < bits.length; i += 8) {\n let byte = 0\n\n for (let bit = 0; bit < 8; bit += 1) {\n byte = (byte << 1) | (bits[i + bit] ?? 0)\n }\n\n bytes.push(byte)\n }\n\n return bytes\n}\n\n// Pick the smallest supported QR version for the payload.\nfunction pickVersion(length: number) {\n return versions.find((item) => length <= item.byteLimit) ?? null\n}\n\n// Encode a string as byte mode payload plus correction words.\nfunction encodeData(value: string, info: VersionInfo) {\n const data = Array.from(encoder.encode(value))\n const bits: number[] = []\n const capacity = info.dataWords * 8\n\n pushBits(bits, 0b0100, 4)\n pushBits(bits, data.length, 8)\n\n data.forEach((byte) => pushBits(bits, byte, 8))\n\n pushBits(bits, 0, Math.min(4, capacity - bits.length))\n\n while (bits.length % 8 !== 0) {\n bits.push(0)\n }\n\n const pads = [0xec, 0x11]\n\n for (let i = 0; bits.length < capacity; i += 1) {\n pushBits(bits, pads[i % 2], 8)\n }\n\n const dataWords = bitsToBytes(bits)\n return [...dataWords, ...makeErrorWords(dataWords, info.ecWords)]\n}\n\n// Create an empty matrix before function patterns are placed.\nfunction makeGrid(size: number) {\n return Array.from({length: size}, () => Array<boolean | null>(size).fill(null))\n}\n\n// Write a module and mark it as reserved.\nfunction setCell(grid: (boolean | null)[][], marks: boolean[][], row: number, col: number, dark: boolean) {\n if (row < 0 || col < 0 || row >= grid.length || col >= grid.length) return\n grid[row][col] = dark\n marks[row][col] = true\n}\n\n// Place one finder pattern with its quiet white border.\nfunction placeFinder(grid: (boolean | null)[][], marks: boolean[][], top: number, left: number) {\n for (let row = -1; row <= 7; row += 1) {\n for (let col = -1; col <= 7; col += 1) {\n const edge = row === -1 || row === 7 || col === -1 || col === 7\n const outer = row === 0 || row === 6 || col === 0 || col === 6\n const inner = row >= 2 && row <= 4 && col >= 2 && col <= 4\n setCell(grid, marks, top + row, left + col, !edge && (outer || inner))\n }\n }\n}\n\n// Place one alignment pattern unless another function block already owns it.\nfunction placeAlign(grid: (boolean | null)[][], marks: boolean[][], center: number, middle: number) {\n if (marks[center][middle]) return\n\n for (let row = -2; row <= 2; row += 1) {\n for (let col = -2; col <= 2; col += 1) {\n const edge = Math.max(Math.abs(row), Math.abs(col)) === 2\n const dot = row === 0 && col === 0\n setCell(grid, marks, center + row, middle + col, edge || dot)\n }\n }\n}\n\n// Reserve format info cells before data placement starts.\nfunction markFormat(marks: boolean[][]) {\n const size = marks.length\n const left = [\n [8, 0],\n [8, 1],\n [8, 2],\n [8, 3],\n [8, 4],\n [8, 5],\n [8, 7],\n [8, 8],\n [7, 8],\n [5, 8],\n [4, 8],\n [3, 8],\n [2, 8],\n [1, 8],\n [0, 8],\n ]\n const right = [\n [size - 1, 8],\n [size - 2, 8],\n [size - 3, 8],\n [size - 4, 8],\n [size - 5, 8],\n [size - 6, 8],\n [size - 7, 8],\n [8, size - 8],\n [8, size - 7],\n [8, size - 6],\n [8, size - 5],\n [8, size - 4],\n [8, size - 3],\n [8, size - 2],\n [8, size - 1],\n ]\n\n ;[...left, ...right].forEach(([row, col]) => {\n marks[row][col] = true\n })\n}\n\n// Build the static QR scaffolding: finders, timing and align blocks.\nfunction makeBase(info: VersionInfo) {\n const grid = makeGrid(info.size)\n const marks = Array.from({length: info.size}, () => Array<boolean>(info.size).fill(false))\n\n placeFinder(grid, marks, 0, 0)\n placeFinder(grid, marks, 0, info.size - 7)\n placeFinder(grid, marks, info.size - 7, 0)\n\n for (let i = 8; i < info.size - 8; i += 1) {\n setCell(grid, marks, 6, i, i % 2 === 0)\n setCell(grid, marks, i, 6, i % 2 === 0)\n }\n\n info.align.forEach((row) => {\n info.align.forEach((col) => {\n placeAlign(grid, marks, row, col)\n })\n })\n\n markFormat(marks)\n setCell(grid, marks, info.version * 4 + 9, 8, true)\n\n return {grid, marks}\n}\n\n// Fill open cells with payload bits using the QR zig-zag path.\nfunction placeData(grid: (boolean | null)[][], marks: boolean[][], words: number[]) {\n const size = grid.length\n const bits: number[] = []\n\n words.forEach((word) => pushBits(bits, word, 8))\n\n let index = 0\n let up = true\n\n for (let col = size - 1; col > 0; col -= 2) {\n if (col === 6) {\n col -= 1\n }\n\n let row = up ? size - 1 : 0\n\n while (row >= 0 && row < size) {\n for (let offset = 0; offset < 2; offset += 1) {\n const x = col - offset\n\n if (marks[row][x]) continue\n\n grid[row][x] = bits[index] === 1\n index += 1\n }\n\n row += up ? -1 : 1\n }\n\n up = !up\n }\n\n for (let row = 0; row < size; row += 1) {\n for (let col = 0; col < size; col += 1) {\n if (!marks[row][col] && grid[row][col] == null) {\n grid[row][col] = false\n }\n }\n }\n}\n\n// Check whether the current mask flips this module.\nfunction shouldFlip(mask: number, row: number, col: number) {\n switch (mask) {\n case 0:\n return (row + col) % 2 === 0\n case 1:\n return row % 2 === 0\n case 2:\n return col % 3 === 0\n case 3:\n return (row + col) % 3 === 0\n case 4:\n return (Math.floor(row / 2) + Math.floor(col / 3)) % 2 === 0\n case 5:\n return ((row * col) % 2) + ((row * col) % 3) === 0\n case 6:\n return (((row * col) % 2) + ((row * col) % 3)) % 2 === 0\n case 7:\n return (((row + col) % 2) + ((row * col) % 3)) % 2 === 0\n default:\n return false\n }\n}\n\n// Apply one mask while leaving reserved cells untouched.\nfunction applyMask(grid: (boolean | null)[][], marks: boolean[][], mask: number) {\n return grid.map((line, row) =>\n line.map((cell, col) => {\n if (marks[row][col]) return Boolean(cell)\n return shouldFlip(mask, row, col) ? !cell : Boolean(cell)\n })\n )\n}\n\n// Write format bits into both reserved format strips.\nfunction withFormat(grid: boolean[][], mask: number) {\n const size = grid.length\n const bits = formatBits[mask]\n const left = [\n [8, 0],\n [8, 1],\n [8, 2],\n [8, 3],\n [8, 4],\n [8, 5],\n [8, 7],\n [8, 8],\n [7, 8],\n [5, 8],\n [4, 8],\n [3, 8],\n [2, 8],\n [1, 8],\n [0, 8],\n ]\n const right = [\n [size - 1, 8],\n [size - 2, 8],\n [size - 3, 8],\n [size - 4, 8],\n [size - 5, 8],\n [size - 6, 8],\n [size - 7, 8],\n [8, size - 8],\n [8, size - 7],\n [8, size - 6],\n [8, size - 5],\n [8, size - 4],\n [8, size - 3],\n [8, size - 2],\n [8, size - 1],\n ]\n const next = grid.map((line) => [...line])\n\n bits.split('').forEach((bit, index) => {\n const dark = bit === '1'\n const [leftRow, leftCol] = left[index]\n const [rightRow, rightCol] = right[index]\n\n next[leftRow][leftCol] = dark\n next[rightRow][rightCol] = dark\n })\n\n return next\n}\n\n// Penalize long runs of the same color.\nfunction runPenalty(values: boolean[]) {\n let score = 0\n let run = 1\n\n for (let i = 1; i <= values.length; i += 1) {\n if (values[i] === values[i - 1]) {\n run += 1\n continue\n }\n\n if (run >= 5) {\n score += run - 2\n }\n\n run = 1\n }\n\n return score\n}\n\n// Penalize large flat blocks that scan poorly.\nfunction blockPenalty(grid: boolean[][]) {\n let score = 0\n\n for (let row = 0; row < grid.length - 1; row += 1) {\n for (let col = 0; col < grid.length - 1; col += 1) {\n const cell = grid[row][col]\n\n if (cell === grid[row][col + 1] && cell === grid[row + 1][col] && cell === grid[row + 1][col + 1]) {\n score += 3\n }\n }\n }\n\n return score\n}\n\n// Penalize patterns that look too similar to finder markers.\nfunction finderPenalty(values: boolean[]) {\n const matchA = '10111010000'\n const matchB = '00001011101'\n let score = 0\n\n for (let i = 0; i <= values.length - 11; i += 1) {\n const slice = values\n .slice(i, i + 11)\n .map((cell) => (cell ? '1' : '0'))\n .join('')\n\n if (slice === matchA || slice === matchB) {\n score += 40\n }\n }\n\n return score\n}\n\n// Keep the dark/light balance near the QR target.\nfunction ratioPenalty(grid: boolean[][]) {\n const total = grid.length * grid.length\n const dark = grid.flat().filter(Boolean).length\n const ratio = (dark * 100) / total\n return Math.floor(Math.abs(ratio - 50) / 5) * 10\n}\n\n// Sum the standard QR penalties for one candidate matrix.\nfunction getPenalty(grid: boolean[][]) {\n let score = 0\n\n for (let row = 0; row < grid.length; row += 1) {\n score += runPenalty(grid[row])\n score += finderPenalty(grid[row])\n }\n\n for (let col = 0; col < grid.length; col += 1) {\n const line = grid.map((row) => row[col])\n score += runPenalty(line)\n score += finderPenalty(line)\n }\n\n score += blockPenalty(grid)\n score += ratioPenalty(grid)\n\n return score\n}\n\n// Build the final matrix and pick the mask with the lowest penalty.\nfunction makeMatrix(value: string) {\n const data = Array.from(encoder.encode(value))\n const info = pickVersion(data.length)\n\n if (!info) {\n return null\n }\n\n const {grid, marks} = makeBase(info)\n placeData(grid, marks, encodeData(value, info))\n\n let bestMask = 0\n let bestGrid = withFormat(applyMask(grid, marks, 0), 0)\n let bestScore = getPenalty(bestGrid)\n\n for (let mask = 1; mask < 8; mask += 1) {\n const masked = withFormat(applyMask(grid, marks, mask), mask)\n const score = getPenalty(masked)\n\n if (score < bestScore) {\n bestMask = mask\n bestGrid = masked\n bestScore = score\n }\n }\n\n return {grid: bestGrid, mask: bestMask}\n}\n\n// Render a local SVG QR code without adding a runtime dependency.\nexport function MQrCode({\n value,\n size = 144,\n padding = 4,\n fg = '#111827',\n bg = '#ffffff',\n status = 'idle',\n statusLabel,\n className,\n style,\n ...rest\n}: MQrCodeProps) {\n const qr = makeMatrix(value)\n\n if (!qr) {\n return null\n }\n\n const dimension = qr.grid.length + padding * 2\n const nextStyle = {\n '--qr-size': `${size}px`,\n ...style,\n } as CSSProperties\n const statusColor = status === 'success' ? 'success' : status === 'error' ? 'error' : 'primary'\n\n return (\n <div\n className={cn('qr-code', status !== 'idle' && `status-${status}`, className)}\n style={nextStyle}\n aria-busy={status === 'loading' || undefined}\n {...rest}\n >\n <svg\n className={cn(status !== 'idle' && 'dimmed')}\n viewBox={`0 0 ${dimension} ${dimension}`}\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n role=\"img\"\n aria-label=\"QR code\"\n >\n <rect width={dimension} height={dimension} fill={bg} />\n {qr.grid.map((line, row) =>\n line.map((cell, col) =>\n cell ? (\n <rect\n key={`${row}-${col}`}\n x={col + padding}\n y={row + padding}\n width=\"1\"\n height=\"1\"\n fill={fg}\n />\n ) : null\n )\n )}\n </svg>\n {status !== 'idle' && (\n <div className=\"qr-status-center\" aria-label={statusLabel ?? `QR code ${status}`} role=\"status\">\n {status === 'loading' ? (\n <MButton\n variant=\"ghost\"\n size=\"lg\"\n color={statusColor}\n shape=\"circle\"\n iconOnly\n loading\n pulsing\n disabled\n tabIndex={-1}\n className=\"qr-status-chip\"\n aria-hidden=\"true\"\n />\n ) : status === 'success' ? (\n <MButton\n variant=\"ghost\"\n size=\"lg\"\n color={statusColor}\n shape=\"circle\"\n iconOnly\n pulsing\n disabled\n tabIndex={-1}\n className=\"qr-status-chip\"\n aria-hidden=\"true\"\n >\n <MSuccessIcon />\n </MButton>\n ) : (\n <MButton\n variant=\"ghost\"\n size=\"lg\"\n color={statusColor}\n shape=\"circle\"\n iconOnly\n pulsing\n disabled\n tabIndex={-1}\n className=\"qr-status-chip\"\n aria-hidden=\"true\"\n >\n <MErrorIcon />\n </MButton>\n )}\n </div>\n )}\n </div>\n )\n}\n"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require(`./cn-CU5TNITO.cjs`),t=require(`./useInteractionEffect-DnEfbCrX.cjs`),n=require(`./MSurface-
|
|
2
|
-
//# sourceMappingURL=MSkeleton-
|
|
1
|
+
const e=require(`./cn-CU5TNITO.cjs`),t=require(`./useInteractionEffect-DnEfbCrX.cjs`),n=require(`./MSurface-CFbX5C63.cjs`);let r=require(`react/jsx-runtime`);function i({interactive:i=!1,stretch:a=!0,tone:o=`raised`,padded:s=!1,color:c,clickEffect:u,rippleColor:d,skeleton:f=!1,spacing:p,mt:m,mb:h,ml:g,mr:_,mx:v,my:y,className:b,children:x,onPointerDown:S,...C}){let{effectClassName:w,effectLayer:T,handlePointerDown:E}=t.t({effect:u??(i?`ripple`:`none`),disabled:!i||f,color:d});return(0,r.jsxs)(n.t,{tone:o,padded:s,spacing:p,mt:m,mb:h,ml:g,mr:_,mx:v,my:y,className:e.t(`card`,!a&&`no-stretch`,c&&`color-${c}`,i&&!f&&`interactive`,f&&`skeleton`,w,b),onPointerDown:e=>{E(e),S?.(e)},...C,children:[T,f?(0,r.jsxs)(`div`,{className:`card-skeleton-content`,children:[(0,r.jsx)(l,{variant:`rectangle`,height:`8rem`}),(0,r.jsx)(l,{variant:`text`,lines:3,className:`card-skeleton-lines`})]}):x]})}function a({className:t,children:n,...i}){return(0,r.jsx)(`div`,{className:e.t(`header`,t),...i,children:n})}function o({className:t,children:n,...i}){return(0,r.jsx)(`div`,{className:e.t(`body`,t),...i,children:n})}function s({className:t,children:n,...i}){return(0,r.jsx)(`div`,{className:e.t(`footer`,t),...i,children:n})}function c(e,t){return t<=1?`100%`:e===t-1?`68%`:e===t-2&&t>3?`88%`:`100%`}function l({variant:t=`text`,width:n,height:i,radius:a,lines:o=3,gap:s,animate:l=!0,className:u,style:d,...f}){let p=l===!1?`none`:l===!0?`shimmer`:l;return t===`text`?(0,r.jsx)(`div`,{className:e.t(`skeleton-group`,u),style:{width:n??void 0,gap:s??void 0,...d},...f,children:Array.from({length:o},(t,n)=>(0,r.jsx)(`div`,{className:e.t(`skeleton`,`text`,p),style:{width:c(n,o),height:i??void 0,borderRadius:a??void 0}},n))}):(0,r.jsx)(`div`,{className:e.t(`skeleton`,t,p,u),style:{width:n??void 0,height:i??void 0,borderRadius:a??void 0,...d},...f})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});
|
|
2
|
+
//# sourceMappingURL=MSkeleton-BEdflu0F.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MSkeleton-
|
|
1
|
+
{"version":3,"file":"MSkeleton-BEdflu0F.cjs","names":[],"sources":["../src/components/cards/MCard/MCard.tsx","../src/components/feedback/MSkeleton/MSkeleton.tsx"],"sourcesContent":["import type {MCardProps, MCardSectionProps} from './MCard.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {MSurface} from '../../layout'\nimport {MSkeleton} from '../../feedback'\nimport './MCard.css'\n\n// Compose elevated content blocks that can optionally behave like an interactive surface.\nexport function MCard({\n interactive = false,\n stretch = true,\n tone = 'raised',\n padded = false,\n color,\n clickEffect,\n rippleColor,\n skeleton = false,\n spacing,\n mt,\n mb,\n ml,\n mr,\n mx,\n my,\n className,\n children,\n onPointerDown,\n ...rest\n}: MCardProps) {\n const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLDivElement>({\n effect: clickEffect ?? (interactive ? 'ripple' : 'none'),\n disabled: !interactive || skeleton,\n color: rippleColor,\n })\n\n return (\n <MSurface\n tone={tone}\n padded={padded}\n spacing={spacing}\n mt={mt}\n mb={mb}\n ml={ml}\n mr={mr}\n mx={mx}\n my={my}\n className={cn(\n 'card',\n !stretch && 'no-stretch',\n color && `color-${color}`,\n interactive && !skeleton && 'interactive',\n skeleton && 'skeleton',\n effectClassName,\n className\n )}\n onPointerDown={(event) => {\n handlePointerDown(event)\n onPointerDown?.(event)\n }}\n {...rest}\n >\n {effectLayer}\n {skeleton ? (\n <div className=\"card-skeleton-content\">\n <MSkeleton variant=\"rectangle\" height=\"8rem\" />\n <MSkeleton variant=\"text\" lines={3} className=\"card-skeleton-lines\" />\n </div>\n ) : (\n children\n )}\n </MSurface>\n )\n}\n\n// Render the top section of a card.\nexport function MCardHeader({className, children, ...rest}: MCardSectionProps) {\n return (\n <div className={cn('header', className)} {...rest}>\n {children}\n </div>\n )\n}\n\n// Render the main content section of a card.\nexport function MCardBody({className, children, ...rest}: MCardSectionProps) {\n return (\n <div className={cn('body', className)} {...rest}>\n {children}\n </div>\n )\n}\n\n// Render the bottom section of a card.\nexport function MCardFooter({className, children, ...rest}: MCardSectionProps) {\n return (\n <div className={cn('footer', className)} {...rest}>\n {children}\n </div>\n )\n}\n","import type {MSkeletonProps} from './MSkeleton.types'\nimport {cn} from '../../../utils/cn'\nimport './MSkeleton.css'\n\nfunction getTextLineWidth(index: number, lines: number) {\n if (lines <= 1) {\n return '100%'\n }\n\n if (index === lines - 1) {\n return '68%'\n }\n\n if (index === lines - 2 && lines > 3) {\n return '88%'\n }\n\n return '100%'\n}\n\n// Animated placeholder shown while content is loading.\nexport function MSkeleton({\n variant = 'text',\n width,\n height,\n radius,\n lines = 3,\n gap,\n animate = true,\n className,\n style,\n ...rest\n}: MSkeletonProps) {\n const animation = animate === false ? 'none' : animate === true ? 'shimmer' : animate\n\n if (variant === 'text') {\n return (\n <div\n className={cn('skeleton-group', className)}\n style={{width: width ?? undefined, gap: gap ?? undefined, ...style}}\n {...rest}\n >\n {Array.from({length: lines}, (_, i) => (\n <div\n key={i}\n className={cn('skeleton', 'text', animation)}\n style={{\n width: getTextLineWidth(i, lines),\n height: height ?? undefined,\n borderRadius: radius ?? undefined,\n }}\n />\n ))}\n </div>\n )\n }\n\n return (\n <div\n className={cn('skeleton', variant, animation, className)}\n style={{\n width: width ?? undefined,\n height: height ?? undefined,\n borderRadius: radius ?? undefined,\n ...style,\n }}\n {...rest}\n />\n )\n}\n"],"mappings":"8JAQA,SAAgB,EAAM,CAClB,cAAc,GACd,UAAU,GACV,OAAO,SACP,SAAS,GACT,QACA,cACA,cACA,WAAW,GACX,UACA,KACA,KACA,KACA,KACA,KACA,KACA,YACA,WACA,gBACA,GAAG,GACQ,CACX,GAAM,CAAC,kBAAiB,cAAa,qBAAqB,EAAA,EAAqC,CAC3F,OAAQ,IAAgB,EAAc,SAAW,QACjD,SAAU,CAAC,GAAe,EAC1B,MAAO,EACV,CAAC,CAEF,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CACU,OACE,SACC,UACL,KACA,KACA,KACA,KACA,KACA,KACJ,UAAW,EAAA,EACP,OACA,CAAC,GAAW,aACZ,GAAS,SAAS,IAClB,GAAe,CAAC,GAAY,cAC5B,GAAY,WACZ,EACA,EACH,CACD,cAAgB,GAAU,CACtB,EAAkB,EAAM,CACxB,IAAgB,EAAM,EAE1B,GAAI,WAvBR,CAyBK,EACA,GACG,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,iCAAf,EACI,EAAA,EAAA,KAAC,EAAD,CAAW,QAAQ,YAAY,OAAO,OAAS,CAAA,EAC/C,EAAA,EAAA,KAAC,EAAD,CAAW,QAAQ,OAAO,MAAO,EAAG,UAAU,sBAAwB,CAAA,CACpE,GAEN,EAEG,GAKnB,SAAgB,EAAY,CAAC,YAAW,WAAU,GAAG,GAA0B,CAC3E,OACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,SAAU,EAAU,CAAE,GAAI,EACxC,WACC,CAAA,CAKd,SAAgB,EAAU,CAAC,YAAW,WAAU,GAAG,GAA0B,CACzE,OACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,OAAQ,EAAU,CAAE,GAAI,EACtC,WACC,CAAA,CAKd,SAAgB,EAAY,CAAC,YAAW,WAAU,GAAG,GAA0B,CAC3E,OACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,SAAU,EAAU,CAAE,GAAI,EACxC,WACC,CAAA,CC7Fd,SAAS,EAAiB,EAAe,EAAe,CAapD,OAZI,GAAS,EACF,OAGP,IAAU,EAAQ,EACX,MAGP,IAAU,EAAQ,GAAK,EAAQ,EACxB,MAGJ,OAIX,SAAgB,EAAU,CACtB,UAAU,OACV,QACA,SACA,SACA,QAAQ,EACR,MACA,UAAU,GACV,YACA,QACA,GAAG,GACY,CACf,IAAM,EAAY,IAAY,GAAQ,OAAS,IAAY,GAAO,UAAY,EAwB9E,OAtBI,IAAY,QAER,EAAA,EAAA,KAAC,MAAD,CACI,UAAW,EAAA,EAAG,iBAAkB,EAAU,CAC1C,MAAO,CAAC,MAAO,GAAS,IAAA,GAAW,IAAK,GAAO,IAAA,GAAW,GAAG,EAAM,CACnE,GAAI,WAEH,MAAM,KAAK,CAAC,OAAQ,EAAM,EAAG,EAAG,KAC7B,EAAA,EAAA,KAAC,MAAD,CAEI,UAAW,EAAA,EAAG,WAAY,OAAQ,EAAU,CAC5C,MAAO,CACH,MAAO,EAAiB,EAAG,EAAM,CACjC,OAAQ,GAAU,IAAA,GAClB,aAAc,GAAU,IAAA,GAC3B,CACH,CAPO,EAOP,CACJ,CACA,CAAA,EAKV,EAAA,EAAA,KAAC,MAAD,CACI,UAAW,EAAA,EAAG,WAAY,EAAS,EAAW,EAAU,CACxD,MAAO,CACH,MAAO,GAAS,IAAA,GAChB,OAAQ,GAAU,IAAA,GAClB,aAAc,GAAU,IAAA,GACxB,GAAG,EACN,CACD,GAAI,EACN,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./cn-YER3QsV1.js";
|
|
2
2
|
import { t } from "./useInteractionEffect-DtpbVd77.js";
|
|
3
|
-
import { t as n } from "./MSurface-
|
|
3
|
+
import { t as n } from "./MSurface-COlEjDyo.js";
|
|
4
4
|
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
5
5
|
//#region src/components/cards/MCard/MCard.tsx
|
|
6
6
|
function a({ interactive: a = !1, stretch: o = !0, tone: s = "raised", padded: c = !1, color: l, clickEffect: d, rippleColor: f, skeleton: p = !1, spacing: m, mt: h, mb: g, ml: _, mr: v, mx: y, my: b, className: x, children: S, onPointerDown: C, ...w }) {
|
|
@@ -95,4 +95,4 @@ function u({ variant: t = "text", width: n, height: i, radius: a, lines: o = 3,
|
|
|
95
95
|
//#endregion
|
|
96
96
|
export { o as a, c as i, a as n, s as r, u as t };
|
|
97
97
|
|
|
98
|
-
//# sourceMappingURL=MSkeleton-
|
|
98
|
+
//# sourceMappingURL=MSkeleton-DX9gJ311.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MSkeleton-
|
|
1
|
+
{"version":3,"file":"MSkeleton-DX9gJ311.js","names":[],"sources":["../src/components/cards/MCard/MCard.tsx","../src/components/feedback/MSkeleton/MSkeleton.tsx"],"sourcesContent":["import type {MCardProps, MCardSectionProps} from './MCard.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {MSurface} from '../../layout'\nimport {MSkeleton} from '../../feedback'\nimport './MCard.css'\n\n// Compose elevated content blocks that can optionally behave like an interactive surface.\nexport function MCard({\n interactive = false,\n stretch = true,\n tone = 'raised',\n padded = false,\n color,\n clickEffect,\n rippleColor,\n skeleton = false,\n spacing,\n mt,\n mb,\n ml,\n mr,\n mx,\n my,\n className,\n children,\n onPointerDown,\n ...rest\n}: MCardProps) {\n const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLDivElement>({\n effect: clickEffect ?? (interactive ? 'ripple' : 'none'),\n disabled: !interactive || skeleton,\n color: rippleColor,\n })\n\n return (\n <MSurface\n tone={tone}\n padded={padded}\n spacing={spacing}\n mt={mt}\n mb={mb}\n ml={ml}\n mr={mr}\n mx={mx}\n my={my}\n className={cn(\n 'card',\n !stretch && 'no-stretch',\n color && `color-${color}`,\n interactive && !skeleton && 'interactive',\n skeleton && 'skeleton',\n effectClassName,\n className\n )}\n onPointerDown={(event) => {\n handlePointerDown(event)\n onPointerDown?.(event)\n }}\n {...rest}\n >\n {effectLayer}\n {skeleton ? (\n <div className=\"card-skeleton-content\">\n <MSkeleton variant=\"rectangle\" height=\"8rem\" />\n <MSkeleton variant=\"text\" lines={3} className=\"card-skeleton-lines\" />\n </div>\n ) : (\n children\n )}\n </MSurface>\n )\n}\n\n// Render the top section of a card.\nexport function MCardHeader({className, children, ...rest}: MCardSectionProps) {\n return (\n <div className={cn('header', className)} {...rest}>\n {children}\n </div>\n )\n}\n\n// Render the main content section of a card.\nexport function MCardBody({className, children, ...rest}: MCardSectionProps) {\n return (\n <div className={cn('body', className)} {...rest}>\n {children}\n </div>\n )\n}\n\n// Render the bottom section of a card.\nexport function MCardFooter({className, children, ...rest}: MCardSectionProps) {\n return (\n <div className={cn('footer', className)} {...rest}>\n {children}\n </div>\n )\n}\n","import type {MSkeletonProps} from './MSkeleton.types'\nimport {cn} from '../../../utils/cn'\nimport './MSkeleton.css'\n\nfunction getTextLineWidth(index: number, lines: number) {\n if (lines <= 1) {\n return '100%'\n }\n\n if (index === lines - 1) {\n return '68%'\n }\n\n if (index === lines - 2 && lines > 3) {\n return '88%'\n }\n\n return '100%'\n}\n\n// Animated placeholder shown while content is loading.\nexport function MSkeleton({\n variant = 'text',\n width,\n height,\n radius,\n lines = 3,\n gap,\n animate = true,\n className,\n style,\n ...rest\n}: MSkeletonProps) {\n const animation = animate === false ? 'none' : animate === true ? 'shimmer' : animate\n\n if (variant === 'text') {\n return (\n <div\n className={cn('skeleton-group', className)}\n style={{width: width ?? undefined, gap: gap ?? undefined, ...style}}\n {...rest}\n >\n {Array.from({length: lines}, (_, i) => (\n <div\n key={i}\n className={cn('skeleton', 'text', animation)}\n style={{\n width: getTextLineWidth(i, lines),\n height: height ?? undefined,\n borderRadius: radius ?? undefined,\n }}\n />\n ))}\n </div>\n )\n }\n\n return (\n <div\n className={cn('skeleton', variant, animation, className)}\n style={{\n width: width ?? undefined,\n height: height ?? undefined,\n borderRadius: radius ?? undefined,\n ...style,\n }}\n {...rest}\n />\n )\n}\n"],"mappings":";;;;;AAQA,SAAgB,EAAM,EAClB,iBAAc,IACd,aAAU,IACV,UAAO,UACP,YAAS,IACT,UACA,gBACA,gBACA,cAAW,IACX,YACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,aACA,kBACA,GAAG,KACQ;CACX,IAAM,EAAC,oBAAiB,gBAAa,yBAAqB,EAAqC;EAC3F,QAAQ,MAAgB,IAAc,WAAW;EACjD,UAAU,CAAC,KAAe;EAC1B,OAAO;EACV,CAAC;AAEF,QACI,kBAAC,GAAD;EACU;EACE;EACC;EACL;EACA;EACA;EACA;EACA;EACA;EACJ,WAAW,EACP,QACA,CAAC,KAAW,cACZ,KAAS,SAAS,KAClB,KAAe,CAAC,KAAY,eAC5B,KAAY,YACZ,GACA,EACH;EACD,gBAAgB,MAAU;AAEtB,GADA,EAAkB,EAAM,EACxB,IAAgB,EAAM;;EAE1B,GAAI;YAvBR,CAyBK,GACA,IACG,kBAAC,OAAD;GAAK,WAAU;aAAf,CACI,kBAAC,GAAD;IAAW,SAAQ;IAAY,QAAO;IAAS,CAAA,EAC/C,kBAAC,GAAD;IAAW,SAAQ;IAAO,OAAO;IAAG,WAAU;IAAwB,CAAA,CACpE;OAEN,EAEG;;;AAKnB,SAAgB,EAAY,EAAC,cAAW,aAAU,GAAG,KAA0B;AAC3E,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,UAAU,EAAU;EAAE,GAAI;EACxC;EACC,CAAA;;AAKd,SAAgB,EAAU,EAAC,cAAW,aAAU,GAAG,KAA0B;AACzE,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,QAAQ,EAAU;EAAE,GAAI;EACtC;EACC,CAAA;;AAKd,SAAgB,EAAY,EAAC,cAAW,aAAU,GAAG,KAA0B;AAC3E,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,UAAU,EAAU;EAAE,GAAI;EACxC;EACC,CAAA;;;;AC7Fd,SAAS,EAAiB,GAAe,GAAe;AAapD,QAZI,KAAS,IACF,SAGP,MAAU,IAAQ,IACX,QAGP,MAAU,IAAQ,KAAK,IAAQ,IACxB,QAGJ;;AAIX,SAAgB,EAAU,EACtB,aAAU,QACV,UACA,WACA,WACA,WAAQ,GACR,QACA,aAAU,IACV,cACA,UACA,GAAG,KACY;CACf,IAAM,IAAY,MAAY,KAAQ,SAAS,MAAY,KAAO,YAAY;AAwB9E,QAtBI,MAAY,SAER,kBAAC,OAAD;EACI,WAAW,EAAG,kBAAkB,EAAU;EAC1C,OAAO;GAAC,OAAO,KAAS,KAAA;GAAW,KAAK,KAAO,KAAA;GAAW,GAAG;GAAM;EACnE,GAAI;YAEH,MAAM,KAAK,EAAC,QAAQ,GAAM,GAAG,GAAG,MAC7B,kBAAC,OAAD;GAEI,WAAW,EAAG,YAAY,QAAQ,EAAU;GAC5C,OAAO;IACH,OAAO,EAAiB,GAAG,EAAM;IACjC,QAAQ,KAAU,KAAA;IAClB,cAAc,KAAU,KAAA;IAC3B;GACH,EAPO,EAOP,CACJ;EACA,CAAA,GAKV,kBAAC,OAAD;EACI,WAAW,EAAG,YAAY,GAAS,GAAW,EAAU;EACxD,OAAO;GACH,OAAO,KAAS,KAAA;GAChB,QAAQ,KAAU,KAAA;GAClB,cAAc,KAAU,KAAA;GACxB,GAAG;GACN;EACD,GAAI;EACN,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
const e=require(`./cn-CU5TNITO.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);function r({min:r=0,max:i=100,step:a=1,value:o,onChange:s,marks:c,label:l,color:u=`primary`,disabled:d=!1,className:f,...p}){let m=(0,t.useRef)(null),h=(o-r)/(i-r)*100,g=(0,t.useCallback)(e=>{let t=Math.round(e/a)*a;return Math.min(i,Math.max(r,t))},[r,i,a]),_=(0,t.useCallback)(e=>{let t=m.current;if(!t)return o;let n=t.getBoundingClientRect();return g(r+(e-n.left)/n.width*(i-r))},[r,i,o,g]),v=(0,t.useCallback)(e=>{if(d)return;e.preventDefault();let t=e.currentTarget;t.setPointerCapture(e.pointerId),s(_(e.clientX));let n=e=>{s(_(e.clientX))},r=()=>{t.removeEventListener(`pointermove`,n),t.removeEventListener(`pointerup`,r)};t.addEventListener(`pointermove`,n),t.addEventListener(`pointerup`,r)},[d,s,_]);return(0,n.jsxs)(`div`,{className:e.t(`slider`,`color-${u}`,d&&`disabled`,f),...p,children:[l&&(0,n.jsx)(`div`,{className:`label`,children:l}),(0,n.jsxs)(`div`,{className:`track-wrapper`,ref:m,onPointerDown:v,children:[(0,n.jsxs)(`div`,{className:`track`,children:[(0,n.jsx)(`div`,{className:`fill`,style:{width:`${h}%`}}),(0,n.jsx)(`div`,{className:`thumb`,style:{left:`${h}%`}})]}),c&&c.length>0&&(0,n.jsx)(`div`,{className:`marks`,children:c.map(e=>(0,n.jsxs)(`div`,{className:`mark`,style:{left:`${(e.value-r)/(i-r)*100}%`},children:[(0,n.jsx)(`div`,{className:`tick`}),e.label&&(0,n.jsx)(`div`,{className:`label`,children:e.label})]},e.value))})]})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
|
|
2
|
-
//# sourceMappingURL=MSlider-
|
|
2
|
+
//# sourceMappingURL=MSlider-BCMJkvcA.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MSlider-
|
|
1
|
+
{"version":3,"file":"MSlider-BCMJkvcA.cjs","names":[],"sources":["../src/components/controls/MSlider/MSlider.tsx"],"sourcesContent":["import {useCallback, useRef} from 'react'\nimport type * as React from 'react'\nimport type {MSliderProps} from './MSlider.types'\nimport {cn} from '../../../utils/cn'\nimport './MSlider.css'\n\nexport function MSlider({\n min = 0,\n max = 100,\n step = 1,\n value,\n onChange,\n marks,\n label,\n color = 'primary',\n disabled = false,\n className,\n ...rest\n}: MSliderProps) {\n const trackRef = useRef<HTMLDivElement>(null)\n\n const percent = ((value - min) / (max - min)) * 100\n\n const clampAndSnap = useCallback(\n (raw: number) => {\n const snapped = Math.round(raw / step) * step\n return Math.min(max, Math.max(min, snapped))\n },\n [min, max, step]\n )\n\n const valueFromPointer = useCallback(\n (clientX: number) => {\n const track = trackRef.current\n if (!track) return value\n const rect = track.getBoundingClientRect()\n const ratio = (clientX - rect.left) / rect.width\n return clampAndSnap(min + ratio * (max - min))\n },\n [min, max, value, clampAndSnap]\n )\n\n const handlePointerDown = useCallback(\n (e: React.PointerEvent) => {\n if (disabled) return\n e.preventDefault()\n const target = e.currentTarget as HTMLElement\n target.setPointerCapture(e.pointerId)\n onChange(valueFromPointer(e.clientX))\n\n const onMove = (ev: PointerEvent) => {\n onChange(valueFromPointer(ev.clientX))\n }\n const onUp = () => {\n target.removeEventListener('pointermove', onMove)\n target.removeEventListener('pointerup', onUp)\n }\n target.addEventListener('pointermove', onMove)\n target.addEventListener('pointerup', onUp)\n },\n [disabled, onChange, valueFromPointer]\n )\n\n return (\n <div className={cn('slider', `color-${color}`, disabled && 'disabled', className)} {...rest}>\n {label && <div className=\"label\">{label}</div>}\n <div className=\"track-wrapper\" ref={trackRef} onPointerDown={handlePointerDown}>\n <div className=\"track\">\n <div className=\"fill\" style={{width: `${percent}%`}} />\n <div className=\"thumb\" style={{left: `${percent}%`}} />\n </div>\n {marks && marks.length > 0 && (\n <div className=\"marks\">\n {marks.map((mark) => {\n const markPercent = ((mark.value - min) / (max - min)) * 100\n return (\n <div key={mark.value} className=\"mark\" style={{left: `${markPercent}%`}}>\n <div className=\"tick\" />\n {mark.label && <div className=\"label\">{mark.label}</div>}\n </div>\n )\n })}\n </div>\n )}\n </div>\n </div>\n )\n}\n"],"mappings":"2FAMA,SAAgB,EAAQ,CACpB,MAAM,EACN,MAAM,IACN,OAAO,EACP,QACA,WACA,QACA,QACA,QAAQ,UACR,WAAW,GACX,YACA,GAAG,GACU,CACb,IAAM,GAAA,EAAA,EAAA,QAAkC,KAAK,CAEvC,GAAY,EAAQ,IAAQ,EAAM,GAAQ,IAE1C,GAAA,EAAA,EAAA,aACD,GAAgB,CACb,IAAM,EAAU,KAAK,MAAM,EAAM,EAAK,CAAG,EACzC,OAAO,KAAK,IAAI,EAAK,KAAK,IAAI,EAAK,EAAQ,CAAC,EAEhD,CAAC,EAAK,EAAK,EAAK,CACnB,CAEK,GAAA,EAAA,EAAA,aACD,GAAoB,CACjB,IAAM,EAAQ,EAAS,QACvB,GAAI,CAAC,EAAO,OAAO,EACnB,IAAM,EAAO,EAAM,uBAAuB,CAE1C,OAAO,EAAa,GADL,EAAU,EAAK,MAAQ,EAAK,OACR,EAAM,GAAK,EAElD,CAAC,EAAK,EAAK,EAAO,EAAa,CAClC,CAEK,GAAA,EAAA,EAAA,aACD,GAA0B,CACvB,GAAI,EAAU,OACd,EAAE,gBAAgB,CAClB,IAAM,EAAS,EAAE,cACjB,EAAO,kBAAkB,EAAE,UAAU,CACrC,EAAS,EAAiB,EAAE,QAAQ,CAAC,CAErC,IAAM,EAAU,GAAqB,CACjC,EAAS,EAAiB,EAAG,QAAQ,CAAC,EAEpC,MAAa,CACf,EAAO,oBAAoB,cAAe,EAAO,CACjD,EAAO,oBAAoB,YAAa,EAAK,EAEjD,EAAO,iBAAiB,cAAe,EAAO,CAC9C,EAAO,iBAAiB,YAAa,EAAK,EAE9C,CAAC,EAAU,EAAU,EAAiB,CACzC,CAED,OACI,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,EAAG,SAAU,SAAS,IAAS,GAAY,WAAY,EAAU,CAAE,GAAI,WAAvF,CACK,IAAS,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBAAS,EAAY,CAAA,EAC9C,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,gBAAgB,IAAK,EAAU,cAAe,WAA7D,EACI,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,iBAAf,EACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,OAAO,MAAO,CAAC,MAAO,GAAG,EAAQ,GAAG,CAAI,CAAA,EACvD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,QAAQ,MAAO,CAAC,KAAM,GAAG,EAAQ,GAAG,CAAI,CAAA,CACrD,GACL,GAAS,EAAM,OAAS,IACrB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBACV,EAAM,IAAK,IAGJ,EAAA,EAAA,MAAC,MAAD,CAAsB,UAAU,OAAO,MAAO,CAAC,KAAM,IAFnC,EAAK,MAAQ,IAAQ,EAAM,GAAQ,IAEe,GAAG,UAAvE,EACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,OAAS,CAAA,CACvB,EAAK,QAAS,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBAAS,EAAK,MAAY,CAAA,CACtD,EAHI,EAAK,MAGT,CAEZ,CACA,CAAA,CAER,GACJ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MSlider-
|
|
1
|
+
{"version":3,"file":"MSlider-CqrusKJQ.js","names":[],"sources":["../src/components/controls/MSlider/MSlider.tsx"],"sourcesContent":["import {useCallback, useRef} from 'react'\nimport type * as React from 'react'\nimport type {MSliderProps} from './MSlider.types'\nimport {cn} from '../../../utils/cn'\nimport './MSlider.css'\n\nexport function MSlider({\n min = 0,\n max = 100,\n step = 1,\n value,\n onChange,\n marks,\n label,\n color = 'primary',\n disabled = false,\n className,\n ...rest\n}: MSliderProps) {\n const trackRef = useRef<HTMLDivElement>(null)\n\n const percent = ((value - min) / (max - min)) * 100\n\n const clampAndSnap = useCallback(\n (raw: number) => {\n const snapped = Math.round(raw / step) * step\n return Math.min(max, Math.max(min, snapped))\n },\n [min, max, step]\n )\n\n const valueFromPointer = useCallback(\n (clientX: number) => {\n const track = trackRef.current\n if (!track) return value\n const rect = track.getBoundingClientRect()\n const ratio = (clientX - rect.left) / rect.width\n return clampAndSnap(min + ratio * (max - min))\n },\n [min, max, value, clampAndSnap]\n )\n\n const handlePointerDown = useCallback(\n (e: React.PointerEvent) => {\n if (disabled) return\n e.preventDefault()\n const target = e.currentTarget as HTMLElement\n target.setPointerCapture(e.pointerId)\n onChange(valueFromPointer(e.clientX))\n\n const onMove = (ev: PointerEvent) => {\n onChange(valueFromPointer(ev.clientX))\n }\n const onUp = () => {\n target.removeEventListener('pointermove', onMove)\n target.removeEventListener('pointerup', onUp)\n }\n target.addEventListener('pointermove', onMove)\n target.addEventListener('pointerup', onUp)\n },\n [disabled, onChange, valueFromPointer]\n )\n\n return (\n <div className={cn('slider', `color-${color}`, disabled && 'disabled', className)} {...rest}>\n {label && <div className=\"label\">{label}</div>}\n <div className=\"track-wrapper\" ref={trackRef} onPointerDown={handlePointerDown}>\n <div className=\"track\">\n <div className=\"fill\" style={{width: `${percent}%`}} />\n <div className=\"thumb\" style={{left: `${percent}%`}} />\n </div>\n {marks && marks.length > 0 && (\n <div className=\"marks\">\n {marks.map((mark) => {\n const markPercent = ((mark.value - min) / (max - min)) * 100\n return (\n <div key={mark.value} className=\"mark\" style={{left: `${markPercent}%`}}>\n <div className=\"tick\" />\n {mark.label && <div className=\"label\">{mark.label}</div>}\n </div>\n )\n })}\n </div>\n )}\n </div>\n </div>\n )\n}\n"],"mappings":";;;;AAMA,SAAgB,EAAQ,EACpB,SAAM,GACN,SAAM,KACN,UAAO,GACP,UACA,aACA,UACA,UACA,WAAQ,WACR,cAAW,IACX,cACA,GAAG,KACU;CACb,IAAM,IAAW,EAAuB,KAAK,EAEvC,KAAY,IAAQ,MAAQ,IAAM,KAAQ,KAE1C,IAAe,GAChB,MAAgB;EACb,IAAM,IAAU,KAAK,MAAM,IAAM,EAAK,GAAG;AACzC,SAAO,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,EAAQ,CAAC;IAEhD;EAAC;EAAK;EAAK;EAAK,CACnB,EAEK,IAAmB,GACpB,MAAoB;EACjB,IAAM,IAAQ,EAAS;AACvB,MAAI,CAAC,EAAO,QAAO;EACnB,IAAM,IAAO,EAAM,uBAAuB;AAE1C,SAAO,EAAa,KADL,IAAU,EAAK,QAAQ,EAAK,SACR,IAAM,GAAK;IAElD;EAAC;EAAK;EAAK;EAAO;EAAa,CAClC,EAEK,IAAoB,GACrB,MAA0B;AACvB,MAAI,EAAU;AACd,IAAE,gBAAgB;EAClB,IAAM,IAAS,EAAE;AAEjB,EADA,EAAO,kBAAkB,EAAE,UAAU,EACrC,EAAS,EAAiB,EAAE,QAAQ,CAAC;EAErC,IAAM,KAAU,MAAqB;AACjC,KAAS,EAAiB,EAAG,QAAQ,CAAC;KAEpC,UAAa;AAEf,GADA,EAAO,oBAAoB,eAAe,EAAO,EACjD,EAAO,oBAAoB,aAAa,EAAK;;AAGjD,EADA,EAAO,iBAAiB,eAAe,EAAO,EAC9C,EAAO,iBAAiB,aAAa,EAAK;IAE9C;EAAC;EAAU;EAAU;EAAiB,CACzC;AAED,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,UAAU,SAAS,KAAS,KAAY,YAAY,EAAU;EAAE,GAAI;YAAvF,CACK,KAAS,kBAAC,OAAD;GAAK,WAAU;aAAS;GAAY,CAAA,EAC9C,kBAAC,OAAD;GAAK,WAAU;GAAgB,KAAK;GAAU,eAAe;aAA7D,CACI,kBAAC,OAAD;IAAK,WAAU;cAAf,CACI,kBAAC,OAAD;KAAK,WAAU;KAAO,OAAO,EAAC,OAAO,GAAG,EAAQ,IAAG;KAAI,CAAA,EACvD,kBAAC,OAAD;KAAK,WAAU;KAAQ,OAAO,EAAC,MAAM,GAAG,EAAQ,IAAG;KAAI,CAAA,CACrD;OACL,KAAS,EAAM,SAAS,KACrB,kBAAC,OAAD;IAAK,WAAU;cACV,EAAM,KAAK,MAGJ,kBAAC,OAAD;KAAsB,WAAU;KAAO,OAAO,EAAC,MAAM,IAFnC,EAAK,QAAQ,MAAQ,IAAM,KAAQ,IAEe,IAAG;eAAvE,CACI,kBAAC,OAAD,EAAK,WAAU,QAAS,CAAA,EACvB,EAAK,SAAS,kBAAC,OAAD;MAAK,WAAU;gBAAS,EAAK;MAAY,CAAA,CACtD;OAHI,EAAK,MAGT,CAEZ;IACA,CAAA,CAER;KACJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
const e=require(`./cn-CU5TNITO.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);function r(e,t){let[n,r]=e,[i,a]=t,o=r-n||1;return e=>i+(e-n)/o*(a-i)}function i(e){if(e>=0)return 0;let t=o(e,0);return Math.floor(e/t)*t}function a(e,t=0){let n=o(t,e);return Math.ceil(e/n)*n}function o(e,t,n=5){let r=(t-e||1)/n,i=10**Math.floor(Math.log10(r)),a=r/i,o;return o=a<=1?1:a<=2?2:a<=5?5:10,o*i}function s(e,t,n=5){let r=o(e,t,n),i=Math.floor(e/r)*r,a=Math.ceil(t/r)*r,s=[];for(let e=i;e<=a+r*.01;e+=r)s.push(Math.round(e*1e10)/1e10);return s}function c(e){let t=1/0,n=-1/0;for(let r of e)for(let e of r)e<t&&(t=e),e>n&&(n=e);return t===1/0?[0,1]:t===n?[t-1,n+1]:[t,n]}function l(e){if(e.length===0)return[0,1];let t=Math.max(...e.map(e=>e.length)),n=-1/0;for(let r=0;r<t;r++){let t=0;for(let n of e)t+=n[r]??0;t>n&&(n=t)}return[0,n===0?1:n]}function u(e){return e.length===0?``:e.map((e,t)=>`${t===0?`M`:`L`}${e.x},${e.y}`).join(` `)}function d(e){if(e.length===0)return``;if(e.length===1)return`M${e[0].x},${e[0].y}`;if(e.length===2)return u(e);let t=`M${e[0].x},${e[0].y}`;for(let n=0;n<e.length-1;n++){let r=e[Math.max(n-1,0)],i=e[n],a=e[n+1],o=e[Math.min(n+2,e.length-1)],s=i.x+(a.x-r.x)/6,c=i.y+(a.y-r.y)/6,l=a.x-(o.x-i.x)/6,u=a.y-(o.y-i.y)/6;t+=` C${s},${c} ${l},${u} ${a.x},${a.y}`}return t}function f(e,t,n){if(e.length===0)return``;let r=n?d(e):u(e),i=e[e.length-1],a=e[0];return`${r} L${i.x},${t} L${a.x},${t} Z`}function p(e,t,n){if(e.length===0)return``;let r=n?d(e):u(e),i=[...t].reverse();return`${r} ${n?d(i).replace(/^M/,`L`):i.map(e=>`L${e.x},${e.y}`).join(` `)} Z`}function m(e,t,n,r,i){let a=i-r;if(a>=Math.PI*2-.001){let i=r+Math.PI;return[`M${e+n*Math.cos(r)},${t+n*Math.sin(r)}`,`A${n},${n} 0 1 1 ${e+n*Math.cos(i)},${t+n*Math.sin(i)}`,`A${n},${n} 0 1 1 ${e+n*Math.cos(r)},${t+n*Math.sin(r)}`].join(` `)}let o=+(a>Math.PI);return`M${e+n*Math.cos(r)},${t+n*Math.sin(r)} A${n},${n} 0 ${o} 1 ${e+n*Math.cos(i)},${t+n*Math.sin(i)}`}function h(e,t,n,r,i,a){let o=a-i;if(r<=0){if(o>=Math.PI*2-.001)return m(e,t,n,i,a)+` Z`;let r=e+n*Math.cos(i),s=t+n*Math.sin(i),c=e+n*Math.cos(a),l=t+n*Math.sin(a);return`M${e},${t} L${r},${s} A${n},${n} 0 ${+(o>Math.PI)} 1 ${c},${l} Z`}let s=e+n*Math.cos(i),c=t+n*Math.sin(i),l=e+n*Math.cos(a),u=t+n*Math.sin(a),d=e+r*Math.cos(a),f=t+r*Math.sin(a),p=e+r*Math.cos(i),h=t+r*Math.sin(i);if(o>=Math.PI*2-.001){let a=i+Math.PI,o=e+n*Math.cos(a),l=t+n*Math.sin(a),u=e+r*Math.cos(a),d=t+r*Math.sin(a);return[`M${s},${c}`,`A${n},${n} 0 1 1 ${o},${l}`,`A${n},${n} 0 1 1 ${s},${c}`,`M${p},${h}`,`A${r},${r} 0 1 0 ${u},${d}`,`A${r},${r} 0 1 0 ${p},${h}`,`Z`].join(` `)}let g=+(o>Math.PI);return[`M${s},${c}`,`A${n},${n} 0 ${g} 1 ${l},${u}`,`L${d},${f}`,`A${r},${r} 0 ${g} 0 ${p},${h}`,`Z`].join(` `)}var g=2;function _({data:i,type:a=`line`,color:o=`primary`,width:s=`100%`,height:c=40,padding:l=g,curved:p=!0,animated:m=!0,showMinMax:h=!1,fillOpacity:_=.15,className:v,style:y,...b}){let x=(0,t.useRef)(null),[S,C]=(0,t.useState)(!m),w=Math.max(0,l);(0,t.useEffect)(()=>{if(m){let e=requestAnimationFrame(()=>C(!0));return()=>cancelAnimationFrame(e)}},[m]);let{points:T,minIdx:E,maxIdx:D,svgWidth:O,svgHeight:k,barWidth:A}=(0,t.useMemo)(()=>{let e=i.length;if(e===0)return{points:[],minIdx:0,maxIdx:0,svgWidth:100,svgHeight:c,barWidth:0};let t=c,n=1/0,a=-1/0,o=0,s=0;for(let t=0;t<e;t++)i[t]<n&&(n=i[t],o=t),i[t]>a&&(a=i[t],s=t);n===a&&(--n,a+=1);let l=r([0,Math.max(e-1,1)],[w,98-w]),u=r([n,a],[t-w,w]),d=i.map((e,t)=>({x:l(t),y:u(e)})),f=e>1?(98-w*2)/e:98-w*2;return{points:d,minIdx:o,maxIdx:s,svgWidth:98,svgHeight:t,barWidth:f}},[i,c,w]);if(i.length===0)return null;let j=a===`bar`?``:p?d(T):u(T),M=a===`area`?f(T,k-w,p):``;return(0,n.jsx)(`div`,{className:e.t(`sparkline`,o,v),style:{width:s,height:c,...y},...b,children:(0,n.jsxs)(`svg`,{ref:x,viewBox:`0 0 ${O} ${k}`,preserveAspectRatio:`none`,className:e.t(`sparkline-svg`,S&&`mounted`),children:[a===`area`&&(0,n.jsx)(`path`,{className:`sparkline-area`,d:M,style:{opacity:_}}),a===`bar`?(0,n.jsx)(`g`,{className:`sparkline-bars`,children:T.map((e,t)=>{let r=k-w-e.y;return(0,n.jsx)(`rect`,{className:`sparkline-bar`,x:e.x-A*.4,y:e.y,width:A*.8,height:Math.max(r,.5),rx:1},t)})}):(0,n.jsx)(`path`,{className:`sparkline-line`,d:j}),h&&a!==`bar`&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`circle`,{className:`sparkline-dot sparkline-dot-min`,cx:T[E].x,cy:T[E].y,r:2.5}),(0,n.jsx)(`circle`,{className:`sparkline-dot sparkline-dot-max`,cx:T[D].x,cy:T[D].y,r:2.5})]})]})})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return l}});
|
|
2
|
-
//# sourceMappingURL=MSparkline-
|
|
2
|
+
//# sourceMappingURL=MSparkline-BOaNmbeB.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MSparkline-Bl5-EHJr.cjs","names":[],"sources":["../src/components/data/MChart/utils/scales.ts","../src/components/data/MChart/utils/paths.ts","../src/components/data/MSparkline/MSparkline.tsx"],"sourcesContent":["export function createLinearScale(domain: [number, number], range: [number, number]): (value: number) => number {\n const [d0, d1] = domain\n const [r0, r1] = range\n const span = d1 - d0 || 1\n\n return (value: number) => r0 + ((value - d0) / span) * (r1 - r0)\n}\n\nexport function niceMin(min: number): number {\n if (min >= 0) return 0\n const step = niceStep(min, 0)\n return Math.floor(min / step) * step\n}\n\nexport function niceMax(max: number, min: number = 0): number {\n const step = niceStep(min, max)\n return Math.ceil(max / step) * step\n}\n\nexport function niceStep(min: number, max: number, ticks = 5): number {\n const range = max - min || 1\n const rough = range / ticks\n const pow = Math.pow(10, Math.floor(Math.log10(rough)))\n const normalized = rough / pow\n\n let nice: number\n if (normalized <= 1) nice = 1\n else if (normalized <= 2) nice = 2\n else if (normalized <= 5) nice = 5\n else nice = 10\n\n return nice * pow\n}\n\nexport function generateTicks(min: number, max: number, count = 5): number[] {\n const step = niceStep(min, max, count)\n const start = Math.floor(min / step) * step\n const end = Math.ceil(max / step) * step\n const ticks: number[] = []\n\n for (let v = start; v <= end + step * 0.01; v += step) {\n ticks.push(Math.round(v * 1e10) / 1e10)\n }\n\n return ticks\n}\n\nexport function getDataExtent(datasets: number[][]): [number, number] {\n let min = Infinity\n let max = -Infinity\n\n for (const data of datasets) {\n for (const v of data) {\n if (v < min) min = v\n if (v > max) max = v\n }\n }\n\n if (min === Infinity) return [0, 1]\n if (min === max) return [min - 1, max + 1]\n\n return [min, max]\n}\n\nexport function getStackedExtent(datasets: number[][]): [number, number] {\n if (datasets.length === 0) return [0, 1]\n\n const len = Math.max(...datasets.map((d) => d.length))\n let max = -Infinity\n\n for (let i = 0; i < len; i++) {\n let sum = 0\n for (const data of datasets) {\n sum += data[i] ?? 0\n }\n if (sum > max) max = sum\n }\n\n return [0, max === 0 ? 1 : max]\n}\n","export interface Point {\n x: number\n y: number\n}\n\nexport function linePath(points: Point[]): string {\n if (points.length === 0) return ''\n return points.map((p, i) => `${i === 0 ? 'M' : 'L'}${p.x},${p.y}`).join(' ')\n}\n\nexport function curvedPath(points: Point[]): string {\n if (points.length === 0) return ''\n if (points.length === 1) return `M${points[0].x},${points[0].y}`\n if (points.length === 2) return linePath(points)\n\n let d = `M${points[0].x},${points[0].y}`\n\n for (let i = 0; i < points.length - 1; i++) {\n const p0 = points[Math.max(i - 1, 0)]\n const p1 = points[i]\n const p2 = points[i + 1]\n const p3 = points[Math.min(i + 2, points.length - 1)]\n\n const cp1x = p1.x + (p2.x - p0.x) / 6\n const cp1y = p1.y + (p2.y - p0.y) / 6\n const cp2x = p2.x - (p3.x - p1.x) / 6\n const cp2y = p2.y - (p3.y - p1.y) / 6\n\n d += ` C${cp1x},${cp1y} ${cp2x},${cp2y} ${p2.x},${p2.y}`\n }\n\n return d\n}\n\nexport function areaPath(points: Point[], baseline: number, curved: boolean): string {\n if (points.length === 0) return ''\n\n const topPath = curved ? curvedPath(points) : linePath(points)\n const last = points[points.length - 1]\n const first = points[0]\n\n return `${topPath} L${last.x},${baseline} L${first.x},${baseline} Z`\n}\n\nexport function stackedAreaPath(topPoints: Point[], bottomPoints: Point[], curved: boolean): string {\n if (topPoints.length === 0) return ''\n\n const topPath = curved ? curvedPath(topPoints) : linePath(topPoints)\n const reversed = [...bottomPoints].reverse()\n const bottomPath = curved\n ? curvedPath(reversed).replace(/^M/, 'L')\n : reversed.map((p) => `L${p.x},${p.y}`).join(' ')\n\n return `${topPath} ${bottomPath} Z`\n}\n\nexport function pieArc(cx: number, cy: number, r: number, startAngle: number, endAngle: number): string {\n const sweep = endAngle - startAngle\n if (sweep >= Math.PI * 2 - 0.001) {\n const mid = startAngle + Math.PI\n return [\n `M${cx + r * Math.cos(startAngle)},${cy + r * Math.sin(startAngle)}`,\n `A${r},${r} 0 1 1 ${cx + r * Math.cos(mid)},${cy + r * Math.sin(mid)}`,\n `A${r},${r} 0 1 1 ${cx + r * Math.cos(startAngle)},${cy + r * Math.sin(startAngle)}`,\n ].join(' ')\n }\n\n const largeArc = sweep > Math.PI ? 1 : 0\n const x1 = cx + r * Math.cos(startAngle)\n const y1 = cy + r * Math.sin(startAngle)\n const x2 = cx + r * Math.cos(endAngle)\n const y2 = cy + r * Math.sin(endAngle)\n\n return `M${x1},${y1} A${r},${r} 0 ${largeArc} 1 ${x2},${y2}`\n}\n\nexport function pieSector(\n cx: number,\n cy: number,\n outerR: number,\n innerR: number,\n startAngle: number,\n endAngle: number\n): string {\n const sweep = endAngle - startAngle\n\n if (innerR <= 0) {\n if (sweep >= Math.PI * 2 - 0.001) {\n return pieArc(cx, cy, outerR, startAngle, endAngle) + ' Z'\n }\n const x1 = cx + outerR * Math.cos(startAngle)\n const y1 = cy + outerR * Math.sin(startAngle)\n const x2 = cx + outerR * Math.cos(endAngle)\n const y2 = cy + outerR * Math.sin(endAngle)\n const largeArc = sweep > Math.PI ? 1 : 0\n return `M${cx},${cy} L${x1},${y1} A${outerR},${outerR} 0 ${largeArc} 1 ${x2},${y2} Z`\n }\n\n const ox1 = cx + outerR * Math.cos(startAngle)\n const oy1 = cy + outerR * Math.sin(startAngle)\n const ox2 = cx + outerR * Math.cos(endAngle)\n const oy2 = cy + outerR * Math.sin(endAngle)\n const ix1 = cx + innerR * Math.cos(endAngle)\n const iy1 = cy + innerR * Math.sin(endAngle)\n const ix2 = cx + innerR * Math.cos(startAngle)\n const iy2 = cy + innerR * Math.sin(startAngle)\n\n if (sweep >= Math.PI * 2 - 0.001) {\n const mid = startAngle + Math.PI\n const omx = cx + outerR * Math.cos(mid)\n const omy = cy + outerR * Math.sin(mid)\n const imx = cx + innerR * Math.cos(mid)\n const imy = cy + innerR * Math.sin(mid)\n return [\n `M${ox1},${oy1}`,\n `A${outerR},${outerR} 0 1 1 ${omx},${omy}`,\n `A${outerR},${outerR} 0 1 1 ${ox1},${oy1}`,\n `M${ix2},${iy2}`,\n `A${innerR},${innerR} 0 1 0 ${imx},${imy}`,\n `A${innerR},${innerR} 0 1 0 ${ix2},${iy2}`,\n 'Z',\n ].join(' ')\n }\n\n const largeArc = sweep > Math.PI ? 1 : 0\n return [\n `M${ox1},${oy1}`,\n `A${outerR},${outerR} 0 ${largeArc} 1 ${ox2},${oy2}`,\n `L${ix1},${iy1}`,\n `A${innerR},${innerR} 0 ${largeArc} 0 ${ix2},${iy2}`,\n 'Z',\n ].join(' ')\n}\n","import {useMemo, useRef, useEffect, useState} from 'react'\nimport type {MSparklineProps} from './MSparkline.types'\nimport {cn} from '../../../utils/cn'\nimport {createLinearScale} from '../MChart/utils/scales'\nimport {linePath, curvedPath, areaPath} from '../MChart/utils/paths'\nimport type {Point} from '../MChart/utils/paths'\nimport './MSparkline.css'\n\nconst DEFAULT_PADDING = 2\n\nexport function MSparkline({\n data,\n type = 'line',\n color = 'primary',\n width = '100%',\n height = 40,\n padding = DEFAULT_PADDING,\n curved = true,\n animated = true,\n showMinMax = false,\n fillOpacity = 0.15,\n className,\n style,\n ...rest\n}: MSparklineProps) {\n const svgRef = useRef<SVGSVGElement>(null)\n const [mounted, setMounted] = useState(!animated)\n const resolvedPadding = Math.max(0, padding)\n\n useEffect(() => {\n if (animated) {\n const id = requestAnimationFrame(() => setMounted(true))\n return () => cancelAnimationFrame(id)\n }\n }, [animated])\n\n const {points, minIdx, maxIdx, svgWidth, svgHeight, barWidth} = useMemo(() => {\n const len = data.length\n if (len === 0) {\n return {\n points: [] as Point[],\n minIdx: 0,\n maxIdx: 0,\n svgWidth: 100,\n svgHeight: height,\n barWidth: 0,\n }\n }\n\n const svgW = 98\n const svgH = height\n\n let min = Infinity\n let max = -Infinity\n let mnI = 0\n let mxI = 0\n\n for (let i = 0; i < len; i++) {\n if (data[i] < min) {\n min = data[i]\n mnI = i\n }\n if (data[i] > max) {\n max = data[i]\n mxI = i\n }\n }\n\n if (min === max) {\n min -= 1\n max += 1\n }\n\n const xScale = createLinearScale([0, Math.max(len - 1, 1)], [resolvedPadding, svgW - resolvedPadding])\n const yScale = createLinearScale([min, max], [svgH - resolvedPadding, resolvedPadding])\n\n const pts: Point[] = data.map((v, i) => ({x: xScale(i), y: yScale(v)}))\n const bw = len > 1 ? (svgW - resolvedPadding * 2) / len : svgW - resolvedPadding * 2\n\n return {points: pts, minIdx: mnI, maxIdx: mxI, svgWidth: svgW, svgHeight: svgH, barWidth: bw}\n }, [data, height, resolvedPadding])\n\n if (data.length === 0) return null\n\n const pathStr = type === 'bar' ? '' : curved ? curvedPath(points) : linePath(points)\n const areaStr = type === 'area' ? areaPath(points, svgHeight - resolvedPadding, curved) : ''\n\n return (\n <div className={cn('sparkline', color, className)} style={{width, height, ...style}} {...rest}>\n <svg\n ref={svgRef}\n viewBox={`0 0 ${svgWidth} ${svgHeight}`}\n preserveAspectRatio=\"none\"\n className={cn('sparkline-svg', mounted && 'mounted')}\n >\n {type === 'area' && <path className=\"sparkline-area\" d={areaStr} style={{opacity: fillOpacity}} />}\n {type === 'bar' ? (\n <g className=\"sparkline-bars\">\n {points.map((p, i) => {\n const barH = svgHeight - resolvedPadding - p.y\n return (\n <rect\n key={i}\n className=\"sparkline-bar\"\n x={p.x - barWidth * 0.4}\n y={p.y}\n width={barWidth * 0.8}\n height={Math.max(barH, 0.5)}\n rx={1}\n />\n )\n })}\n </g>\n ) : (\n <path className=\"sparkline-line\" d={pathStr} />\n )}\n {showMinMax && type !== 'bar' && (\n <>\n <circle\n className=\"sparkline-dot sparkline-dot-min\"\n cx={points[minIdx].x}\n cy={points[minIdx].y}\n r={2.5}\n />\n <circle\n className=\"sparkline-dot sparkline-dot-max\"\n cx={points[maxIdx].x}\n cy={points[maxIdx].y}\n r={2.5}\n />\n </>\n )}\n </svg>\n </div>\n )\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MSparkline-BOaNmbeB.cjs","names":[],"sources":["../src/components/data/MChart/utils/scales.ts","../src/components/data/MChart/utils/paths.ts","../src/components/data/MSparkline/MSparkline.tsx"],"sourcesContent":["export function createLinearScale(domain: [number, number], range: [number, number]): (value: number) => number {\n const [d0, d1] = domain\n const [r0, r1] = range\n const span = d1 - d0 || 1\n\n return (value: number) => r0 + ((value - d0) / span) * (r1 - r0)\n}\n\nexport function niceMin(min: number): number {\n if (min >= 0) return 0\n const step = niceStep(min, 0)\n return Math.floor(min / step) * step\n}\n\nexport function niceMax(max: number, min: number = 0): number {\n const step = niceStep(min, max)\n return Math.ceil(max / step) * step\n}\n\nexport function niceStep(min: number, max: number, ticks = 5): number {\n const range = max - min || 1\n const rough = range / ticks\n const pow = Math.pow(10, Math.floor(Math.log10(rough)))\n const normalized = rough / pow\n\n let nice: number\n if (normalized <= 1) nice = 1\n else if (normalized <= 2) nice = 2\n else if (normalized <= 5) nice = 5\n else nice = 10\n\n return nice * pow\n}\n\nexport function generateTicks(min: number, max: number, count = 5): number[] {\n const step = niceStep(min, max, count)\n const start = Math.floor(min / step) * step\n const end = Math.ceil(max / step) * step\n const ticks: number[] = []\n\n for (let v = start; v <= end + step * 0.01; v += step) {\n ticks.push(Math.round(v * 1e10) / 1e10)\n }\n\n return ticks\n}\n\nexport function getDataExtent(datasets: number[][]): [number, number] {\n let min = Infinity\n let max = -Infinity\n\n for (const data of datasets) {\n for (const v of data) {\n if (v < min) min = v\n if (v > max) max = v\n }\n }\n\n if (min === Infinity) return [0, 1]\n if (min === max) return [min - 1, max + 1]\n\n return [min, max]\n}\n\nexport function getStackedExtent(datasets: number[][]): [number, number] {\n if (datasets.length === 0) return [0, 1]\n\n const len = Math.max(...datasets.map((d) => d.length))\n let max = -Infinity\n\n for (let i = 0; i < len; i++) {\n let sum = 0\n for (const data of datasets) {\n sum += data[i] ?? 0\n }\n if (sum > max) max = sum\n }\n\n return [0, max === 0 ? 1 : max]\n}\n","export interface Point {\n x: number\n y: number\n}\n\nexport function linePath(points: Point[]): string {\n if (points.length === 0) return ''\n return points.map((p, i) => `${i === 0 ? 'M' : 'L'}${p.x},${p.y}`).join(' ')\n}\n\nexport function curvedPath(points: Point[]): string {\n if (points.length === 0) return ''\n if (points.length === 1) return `M${points[0].x},${points[0].y}`\n if (points.length === 2) return linePath(points)\n\n let d = `M${points[0].x},${points[0].y}`\n\n for (let i = 0; i < points.length - 1; i++) {\n const p0 = points[Math.max(i - 1, 0)]\n const p1 = points[i]\n const p2 = points[i + 1]\n const p3 = points[Math.min(i + 2, points.length - 1)]\n\n const cp1x = p1.x + (p2.x - p0.x) / 6\n const cp1y = p1.y + (p2.y - p0.y) / 6\n const cp2x = p2.x - (p3.x - p1.x) / 6\n const cp2y = p2.y - (p3.y - p1.y) / 6\n\n d += ` C${cp1x},${cp1y} ${cp2x},${cp2y} ${p2.x},${p2.y}`\n }\n\n return d\n}\n\nexport function areaPath(points: Point[], baseline: number, curved: boolean): string {\n if (points.length === 0) return ''\n\n const topPath = curved ? curvedPath(points) : linePath(points)\n const last = points[points.length - 1]\n const first = points[0]\n\n return `${topPath} L${last.x},${baseline} L${first.x},${baseline} Z`\n}\n\nexport function stackedAreaPath(topPoints: Point[], bottomPoints: Point[], curved: boolean): string {\n if (topPoints.length === 0) return ''\n\n const topPath = curved ? curvedPath(topPoints) : linePath(topPoints)\n const reversed = [...bottomPoints].reverse()\n const bottomPath = curved\n ? curvedPath(reversed).replace(/^M/, 'L')\n : reversed.map((p) => `L${p.x},${p.y}`).join(' ')\n\n return `${topPath} ${bottomPath} Z`\n}\n\nexport function pieArc(cx: number, cy: number, r: number, startAngle: number, endAngle: number): string {\n const sweep = endAngle - startAngle\n if (sweep >= Math.PI * 2 - 0.001) {\n const mid = startAngle + Math.PI\n return [\n `M${cx + r * Math.cos(startAngle)},${cy + r * Math.sin(startAngle)}`,\n `A${r},${r} 0 1 1 ${cx + r * Math.cos(mid)},${cy + r * Math.sin(mid)}`,\n `A${r},${r} 0 1 1 ${cx + r * Math.cos(startAngle)},${cy + r * Math.sin(startAngle)}`,\n ].join(' ')\n }\n\n const largeArc = sweep > Math.PI ? 1 : 0\n const x1 = cx + r * Math.cos(startAngle)\n const y1 = cy + r * Math.sin(startAngle)\n const x2 = cx + r * Math.cos(endAngle)\n const y2 = cy + r * Math.sin(endAngle)\n\n return `M${x1},${y1} A${r},${r} 0 ${largeArc} 1 ${x2},${y2}`\n}\n\nexport function pieSector(\n cx: number,\n cy: number,\n outerR: number,\n innerR: number,\n startAngle: number,\n endAngle: number\n): string {\n const sweep = endAngle - startAngle\n\n if (innerR <= 0) {\n if (sweep >= Math.PI * 2 - 0.001) {\n return pieArc(cx, cy, outerR, startAngle, endAngle) + ' Z'\n }\n const x1 = cx + outerR * Math.cos(startAngle)\n const y1 = cy + outerR * Math.sin(startAngle)\n const x2 = cx + outerR * Math.cos(endAngle)\n const y2 = cy + outerR * Math.sin(endAngle)\n const largeArc = sweep > Math.PI ? 1 : 0\n return `M${cx},${cy} L${x1},${y1} A${outerR},${outerR} 0 ${largeArc} 1 ${x2},${y2} Z`\n }\n\n const ox1 = cx + outerR * Math.cos(startAngle)\n const oy1 = cy + outerR * Math.sin(startAngle)\n const ox2 = cx + outerR * Math.cos(endAngle)\n const oy2 = cy + outerR * Math.sin(endAngle)\n const ix1 = cx + innerR * Math.cos(endAngle)\n const iy1 = cy + innerR * Math.sin(endAngle)\n const ix2 = cx + innerR * Math.cos(startAngle)\n const iy2 = cy + innerR * Math.sin(startAngle)\n\n if (sweep >= Math.PI * 2 - 0.001) {\n const mid = startAngle + Math.PI\n const omx = cx + outerR * Math.cos(mid)\n const omy = cy + outerR * Math.sin(mid)\n const imx = cx + innerR * Math.cos(mid)\n const imy = cy + innerR * Math.sin(mid)\n return [\n `M${ox1},${oy1}`,\n `A${outerR},${outerR} 0 1 1 ${omx},${omy}`,\n `A${outerR},${outerR} 0 1 1 ${ox1},${oy1}`,\n `M${ix2},${iy2}`,\n `A${innerR},${innerR} 0 1 0 ${imx},${imy}`,\n `A${innerR},${innerR} 0 1 0 ${ix2},${iy2}`,\n 'Z',\n ].join(' ')\n }\n\n const largeArc = sweep > Math.PI ? 1 : 0\n return [\n `M${ox1},${oy1}`,\n `A${outerR},${outerR} 0 ${largeArc} 1 ${ox2},${oy2}`,\n `L${ix1},${iy1}`,\n `A${innerR},${innerR} 0 ${largeArc} 0 ${ix2},${iy2}`,\n 'Z',\n ].join(' ')\n}\n","import {useMemo, useRef, useEffect, useState} from 'react'\nimport type {MSparklineProps} from './MSparkline.types'\nimport {cn} from '../../../utils/cn'\nimport {createLinearScale} from '../MChart/utils/scales'\nimport {linePath, curvedPath, areaPath} from '../MChart/utils/paths'\nimport type {Point} from '../MChart/utils/paths'\nimport './MSparkline.css'\n\nconst DEFAULT_PADDING = 2\n\nexport function MSparkline({\n data,\n type = 'line',\n color = 'primary',\n width = '100%',\n height = 40,\n padding = DEFAULT_PADDING,\n curved = true,\n animated = true,\n showMinMax = false,\n fillOpacity = 0.15,\n className,\n style,\n ...rest\n}: MSparklineProps) {\n const svgRef = useRef<SVGSVGElement>(null)\n const [mounted, setMounted] = useState(!animated)\n const resolvedPadding = Math.max(0, padding)\n\n useEffect(() => {\n if (animated) {\n const id = requestAnimationFrame(() => setMounted(true))\n return () => cancelAnimationFrame(id)\n }\n }, [animated])\n\n const {points, minIdx, maxIdx, svgWidth, svgHeight, barWidth} = useMemo(() => {\n const len = data.length\n if (len === 0) {\n return {\n points: [] as Point[],\n minIdx: 0,\n maxIdx: 0,\n svgWidth: 100,\n svgHeight: height,\n barWidth: 0,\n }\n }\n\n const svgW = 98\n const svgH = height\n\n let min = Infinity\n let max = -Infinity\n let mnI = 0\n let mxI = 0\n\n for (let i = 0; i < len; i++) {\n if (data[i] < min) {\n min = data[i]\n mnI = i\n }\n if (data[i] > max) {\n max = data[i]\n mxI = i\n }\n }\n\n if (min === max) {\n min -= 1\n max += 1\n }\n\n const xScale = createLinearScale([0, Math.max(len - 1, 1)], [resolvedPadding, svgW - resolvedPadding])\n const yScale = createLinearScale([min, max], [svgH - resolvedPadding, resolvedPadding])\n\n const pts: Point[] = data.map((v, i) => ({x: xScale(i), y: yScale(v)}))\n const bw = len > 1 ? (svgW - resolvedPadding * 2) / len : svgW - resolvedPadding * 2\n\n return {points: pts, minIdx: mnI, maxIdx: mxI, svgWidth: svgW, svgHeight: svgH, barWidth: bw}\n }, [data, height, resolvedPadding])\n\n if (data.length === 0) return null\n\n const pathStr = type === 'bar' ? '' : curved ? curvedPath(points) : linePath(points)\n const areaStr = type === 'area' ? areaPath(points, svgHeight - resolvedPadding, curved) : ''\n\n return (\n <div className={cn('sparkline', color, className)} style={{width, height, ...style}} {...rest}>\n <svg\n ref={svgRef}\n viewBox={`0 0 ${svgWidth} ${svgHeight}`}\n preserveAspectRatio=\"none\"\n className={cn('sparkline-svg', mounted && 'mounted')}\n >\n {type === 'area' && <path className=\"sparkline-area\" d={areaStr} style={{opacity: fillOpacity}} />}\n {type === 'bar' ? (\n <g className=\"sparkline-bars\">\n {points.map((p, i) => {\n const barH = svgHeight - resolvedPadding - p.y\n return (\n <rect\n key={i}\n className=\"sparkline-bar\"\n x={p.x - barWidth * 0.4}\n y={p.y}\n width={barWidth * 0.8}\n height={Math.max(barH, 0.5)}\n rx={1}\n />\n )\n })}\n </g>\n ) : (\n <path className=\"sparkline-line\" d={pathStr} />\n )}\n {showMinMax && type !== 'bar' && (\n <>\n <circle\n className=\"sparkline-dot sparkline-dot-min\"\n cx={points[minIdx].x}\n cy={points[minIdx].y}\n r={2.5}\n />\n <circle\n className=\"sparkline-dot sparkline-dot-max\"\n cx={points[maxIdx].x}\n cy={points[maxIdx].y}\n r={2.5}\n />\n </>\n )}\n </svg>\n </div>\n )\n}\n"],"mappings":"2FAAA,SAAgB,EAAkB,EAA0B,EAAoD,CAC5G,GAAM,CAAC,EAAI,GAAM,EACX,CAAC,EAAI,GAAM,EACX,EAAO,EAAK,GAAM,EAExB,MAAQ,IAAkB,GAAO,EAAQ,GAAM,GAAS,EAAK,GAGjE,SAAgB,EAAQ,EAAqB,CACzC,GAAI,GAAO,EAAG,MAAO,GACrB,IAAM,EAAO,EAAS,EAAK,EAAE,CAC7B,OAAO,KAAK,MAAM,EAAM,EAAK,CAAG,EAGpC,SAAgB,EAAQ,EAAa,EAAc,EAAW,CAC1D,IAAM,EAAO,EAAS,EAAK,EAAI,CAC/B,OAAO,KAAK,KAAK,EAAM,EAAK,CAAG,EAGnC,SAAgB,EAAS,EAAa,EAAa,EAAQ,EAAW,CAElE,IAAM,GADQ,EAAM,GAAO,GACL,EAChB,EAAe,IAAI,KAAK,MAAM,KAAK,MAAM,EAAM,CAAC,CAChD,EAAa,EAAQ,EAEvB,EAMJ,MALA,CAGK,EAHD,GAAc,EAAU,EACnB,GAAc,EAAU,EACxB,GAAc,EAAU,EACrB,GAEL,EAAO,EAGlB,SAAgB,EAAc,EAAa,EAAa,EAAQ,EAAa,CACzE,IAAM,EAAO,EAAS,EAAK,EAAK,EAAM,CAChC,EAAQ,KAAK,MAAM,EAAM,EAAK,CAAG,EACjC,EAAM,KAAK,KAAK,EAAM,EAAK,CAAG,EAC9B,EAAkB,EAAE,CAE1B,IAAK,IAAI,EAAI,EAAO,GAAK,EAAM,EAAO,IAAM,GAAK,EAC7C,EAAM,KAAK,KAAK,MAAM,EAAI,KAAK,CAAG,KAAK,CAG3C,OAAO,EAGX,SAAgB,EAAc,EAAwC,CAClE,IAAI,EAAM,IACN,EAAM,KAEV,IAAK,IAAM,KAAQ,EACf,IAAK,IAAM,KAAK,EACR,EAAI,IAAK,EAAM,GACf,EAAI,IAAK,EAAM,GAO3B,OAHI,IAAQ,IAAiB,CAAC,EAAG,EAAE,CAC/B,IAAQ,EAAY,CAAC,EAAM,EAAG,EAAM,EAAE,CAEnC,CAAC,EAAK,EAAI,CAGrB,SAAgB,EAAiB,EAAwC,CACrE,GAAI,EAAS,SAAW,EAAG,MAAO,CAAC,EAAG,EAAE,CAExC,IAAM,EAAM,KAAK,IAAI,GAAG,EAAS,IAAK,GAAM,EAAE,OAAO,CAAC,CAClD,EAAM,KAEV,IAAK,IAAI,EAAI,EAAG,EAAI,EAAK,IAAK,CAC1B,IAAI,EAAM,EACV,IAAK,IAAM,KAAQ,EACf,GAAO,EAAK,IAAM,EAElB,EAAM,IAAK,EAAM,GAGzB,MAAO,CAAC,EAAG,IAAQ,EAAI,EAAI,EAAI,CCzEnC,SAAgB,EAAS,EAAyB,CAE9C,OADI,EAAO,SAAW,EAAU,GACzB,EAAO,KAAK,EAAG,IAAM,GAAG,IAAM,EAAI,IAAM,MAAM,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,IAAI,CAGhF,SAAgB,EAAW,EAAyB,CAChD,GAAI,EAAO,SAAW,EAAG,MAAO,GAChC,GAAI,EAAO,SAAW,EAAG,MAAO,IAAI,EAAO,GAAG,EAAE,GAAG,EAAO,GAAG,IAC7D,GAAI,EAAO,SAAW,EAAG,OAAO,EAAS,EAAO,CAEhD,IAAI,EAAI,IAAI,EAAO,GAAG,EAAE,GAAG,EAAO,GAAG,IAErC,IAAK,IAAI,EAAI,EAAG,EAAI,EAAO,OAAS,EAAG,IAAK,CACxC,IAAM,EAAK,EAAO,KAAK,IAAI,EAAI,EAAG,EAAE,EAC9B,EAAK,EAAO,GACZ,EAAK,EAAO,EAAI,GAChB,EAAK,EAAO,KAAK,IAAI,EAAI,EAAG,EAAO,OAAS,EAAE,EAE9C,EAAO,EAAG,GAAK,EAAG,EAAI,EAAG,GAAK,EAC9B,EAAO,EAAG,GAAK,EAAG,EAAI,EAAG,GAAK,EAC9B,EAAO,EAAG,GAAK,EAAG,EAAI,EAAG,GAAK,EAC9B,EAAO,EAAG,GAAK,EAAG,EAAI,EAAG,GAAK,EAEpC,GAAK,KAAK,EAAK,GAAG,EAAK,GAAG,EAAK,GAAG,EAAK,GAAG,EAAG,EAAE,GAAG,EAAG,IAGzD,OAAO,EAGX,SAAgB,EAAS,EAAiB,EAAkB,EAAyB,CACjF,GAAI,EAAO,SAAW,EAAG,MAAO,GAEhC,IAAM,EAAU,EAAS,EAAW,EAAO,CAAG,EAAS,EAAO,CACxD,EAAO,EAAO,EAAO,OAAS,GAC9B,EAAQ,EAAO,GAErB,MAAO,GAAG,EAAQ,IAAI,EAAK,EAAE,GAAG,EAAS,IAAI,EAAM,EAAE,GAAG,EAAS,IAGrE,SAAgB,EAAgB,EAAoB,EAAuB,EAAyB,CAChG,GAAI,EAAU,SAAW,EAAG,MAAO,GAEnC,IAAM,EAAU,EAAS,EAAW,EAAU,CAAG,EAAS,EAAU,CAC9D,EAAW,CAAC,GAAG,EAAa,CAAC,SAAS,CAK5C,MAAO,GAAG,EAAQ,GAJC,EACb,EAAW,EAAS,CAAC,QAAQ,KAAM,IAAI,CACvC,EAAS,IAAK,GAAM,IAAI,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,IAAI,CAErB,IAGpC,SAAgB,EAAO,EAAY,EAAY,EAAW,EAAoB,EAA0B,CACpG,IAAM,EAAQ,EAAW,EACzB,GAAI,GAAS,KAAK,GAAK,EAAI,KAAO,CAC9B,IAAM,EAAM,EAAa,KAAK,GAC9B,MAAO,CACH,IAAI,EAAK,EAAI,KAAK,IAAI,EAAW,CAAC,GAAG,EAAK,EAAI,KAAK,IAAI,EAAW,GAClE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAK,EAAI,KAAK,IAAI,EAAI,CAAC,GAAG,EAAK,EAAI,KAAK,IAAI,EAAI,GACpE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAK,EAAI,KAAK,IAAI,EAAW,CAAC,GAAG,EAAK,EAAI,KAAK,IAAI,EAAW,GACrF,CAAC,KAAK,IAAI,CAGf,IAAM,EAAW,IAAQ,KAAK,IAM9B,MAAO,IALI,EAAK,EAAI,KAAK,IAAI,EAAW,CAK1B,GAJH,EAAK,EAAI,KAAK,IAAI,EAAW,CAIpB,IAAI,EAAE,GAAG,EAAE,KAAK,EAAS,KAHlC,EAAK,EAAI,KAAK,IAAI,EAAS,CAGe,GAF1C,EAAK,EAAI,KAAK,IAAI,EAAS,GAK1C,SAAgB,EACZ,EACA,EACA,EACA,EACA,EACA,EACM,CACN,IAAM,EAAQ,EAAW,EAEzB,GAAI,GAAU,EAAG,CACb,GAAI,GAAS,KAAK,GAAK,EAAI,KACvB,OAAO,EAAO,EAAI,EAAI,EAAQ,EAAY,EAAS,CAAG,KAE1D,IAAM,EAAK,EAAK,EAAS,KAAK,IAAI,EAAW,CACvC,EAAK,EAAK,EAAS,KAAK,IAAI,EAAW,CACvC,EAAK,EAAK,EAAS,KAAK,IAAI,EAAS,CACrC,EAAK,EAAK,EAAS,KAAK,IAAI,EAAS,CAE3C,MAAO,IAAI,EAAG,GAAG,EAAG,IAAI,EAAG,GAAG,EAAG,IAAI,EAAO,GAAG,EAAO,KADrC,IAAQ,KAAK,IACsC,KAAK,EAAG,GAAG,EAAG,IAGtF,IAAM,EAAM,EAAK,EAAS,KAAK,IAAI,EAAW,CACxC,EAAM,EAAK,EAAS,KAAK,IAAI,EAAW,CACxC,EAAM,EAAK,EAAS,KAAK,IAAI,EAAS,CACtC,EAAM,EAAK,EAAS,KAAK,IAAI,EAAS,CACtC,EAAM,EAAK,EAAS,KAAK,IAAI,EAAS,CACtC,EAAM,EAAK,EAAS,KAAK,IAAI,EAAS,CACtC,EAAM,EAAK,EAAS,KAAK,IAAI,EAAW,CACxC,EAAM,EAAK,EAAS,KAAK,IAAI,EAAW,CAE9C,GAAI,GAAS,KAAK,GAAK,EAAI,KAAO,CAC9B,IAAM,EAAM,EAAa,KAAK,GACxB,EAAM,EAAK,EAAS,KAAK,IAAI,EAAI,CACjC,EAAM,EAAK,EAAS,KAAK,IAAI,EAAI,CACjC,EAAM,EAAK,EAAS,KAAK,IAAI,EAAI,CACjC,EAAM,EAAK,EAAS,KAAK,IAAI,EAAI,CACvC,MAAO,CACH,IAAI,EAAI,GAAG,IACX,IAAI,EAAO,GAAG,EAAO,SAAS,EAAI,GAAG,IACrC,IAAI,EAAO,GAAG,EAAO,SAAS,EAAI,GAAG,IACrC,IAAI,EAAI,GAAG,IACX,IAAI,EAAO,GAAG,EAAO,SAAS,EAAI,GAAG,IACrC,IAAI,EAAO,GAAG,EAAO,SAAS,EAAI,GAAG,IACrC,IACH,CAAC,KAAK,IAAI,CAGf,IAAM,EAAW,IAAQ,KAAK,IAC9B,MAAO,CACH,IAAI,EAAI,GAAG,IACX,IAAI,EAAO,GAAG,EAAO,KAAK,EAAS,KAAK,EAAI,GAAG,IAC/C,IAAI,EAAI,GAAG,IACX,IAAI,EAAO,GAAG,EAAO,KAAK,EAAS,KAAK,EAAI,GAAG,IAC/C,IACH,CAAC,KAAK,IAAI,CC3Hf,IAAM,EAAkB,EAExB,SAAgB,EAAW,CACvB,OACA,OAAO,OACP,QAAQ,UACR,QAAQ,OACR,SAAS,GACT,UAAU,EACV,SAAS,GACT,WAAW,GACX,aAAa,GACb,cAAc,IACd,YACA,QACA,GAAG,GACa,CAChB,IAAM,GAAA,EAAA,EAAA,QAA+B,KAAK,CACpC,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,CAAC,EAAS,CAC3C,EAAkB,KAAK,IAAI,EAAG,EAAQ,EAE5C,EAAA,EAAA,eAAgB,CACZ,GAAI,EAAU,CACV,IAAM,EAAK,0BAA4B,EAAW,GAAK,CAAC,CACxD,UAAa,qBAAqB,EAAG,GAE1C,CAAC,EAAS,CAAC,CAEd,GAAM,CAAC,SAAQ,SAAQ,SAAQ,WAAU,YAAW,aAAA,EAAA,EAAA,aAA0B,CAC1E,IAAM,EAAM,EAAK,OACjB,GAAI,IAAQ,EACR,MAAO,CACH,OAAQ,EAAE,CACV,OAAQ,EACR,OAAQ,EACR,SAAU,IACV,UAAW,EACX,SAAU,EACb,CAGL,IACM,EAAO,EAET,EAAM,IACN,EAAM,KACN,EAAM,EACN,EAAM,EAEV,IAAK,IAAI,EAAI,EAAG,EAAI,EAAK,IACjB,EAAK,GAAK,IACV,EAAM,EAAK,GACX,EAAM,GAEN,EAAK,GAAK,IACV,EAAM,EAAK,GACX,EAAM,GAIV,IAAQ,IACR,IACA,GAAO,GAGX,IAAM,EAAS,EAAkB,CAAC,EAAG,KAAK,IAAI,EAAM,EAAG,EAAE,CAAC,CAAE,CAAC,EAAiB,GAAO,EAAgB,CAAC,CAChG,EAAS,EAAkB,CAAC,EAAK,EAAI,CAAE,CAAC,EAAO,EAAiB,EAAgB,CAAC,CAEjF,EAAe,EAAK,KAAK,EAAG,KAAO,CAAC,EAAG,EAAO,EAAE,CAAE,EAAG,EAAO,EAAE,CAAC,EAAE,CACjE,EAAK,EAAM,GAAK,GAAO,EAAkB,GAAK,EAAM,GAAO,EAAkB,EAEnF,MAAO,CAAC,OAAQ,EAAK,OAAQ,EAAK,OAAQ,EAAK,SAAU,GAAM,UAAW,EAAM,SAAU,EAAG,EAC9F,CAAC,EAAM,EAAQ,EAAgB,CAAC,CAEnC,GAAI,EAAK,SAAW,EAAG,OAAO,KAE9B,IAAM,EAAU,IAAS,MAAQ,GAAK,EAAS,EAAW,EAAO,CAAG,EAAS,EAAO,CAC9E,EAAU,IAAS,OAAS,EAAS,EAAQ,EAAY,EAAiB,EAAO,CAAG,GAE1F,OACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,YAAa,EAAO,EAAU,CAAE,MAAO,CAAC,QAAO,SAAQ,GAAG,EAAM,CAAE,GAAI,YACrF,EAAA,EAAA,MAAC,MAAD,CACI,IAAK,EACL,QAAS,OAAO,EAAS,GAAG,IAC5B,oBAAoB,OACpB,UAAW,EAAA,EAAG,gBAAiB,GAAW,UAAU,UAJxD,CAMK,IAAS,SAAU,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,iBAAiB,EAAG,EAAS,MAAO,CAAC,QAAS,EAAY,CAAI,CAAA,CACjG,IAAS,OACN,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,0BACR,EAAO,KAAK,EAAG,IAAM,CAClB,IAAM,EAAO,EAAY,EAAkB,EAAE,EAC7C,OACI,EAAA,EAAA,KAAC,OAAD,CAEI,UAAU,gBACV,EAAG,EAAE,EAAI,EAAW,GACpB,EAAG,EAAE,EACL,MAAO,EAAW,GAClB,OAAQ,KAAK,IAAI,EAAM,GAAI,CAC3B,GAAI,EACN,CAPO,EAOP,EAER,CACF,CAAA,EAEJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,iBAAiB,EAAG,EAAW,CAAA,CAElD,GAAc,IAAS,QACpB,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACI,EAAA,EAAA,KAAC,SAAD,CACI,UAAU,kCACV,GAAI,EAAO,GAAQ,EACnB,GAAI,EAAO,GAAQ,EACnB,EAAG,IACL,CAAA,EACF,EAAA,EAAA,KAAC,SAAD,CACI,UAAU,kCACV,GAAI,EAAO,GAAQ,EACnB,GAAI,EAAO,GAAQ,EACnB,EAAG,IACL,CAAA,CACH,CAAA,CAAA,CAEL,GACJ,CAAA"}
|
|
@@ -204,4 +204,4 @@ function S({ data: l, type: u = "line", color: d = "primary", width: f = "100%",
|
|
|
204
204
|
//#endregion
|
|
205
205
|
export { b as a, f as c, u as d, l as f, h as i, p as l, _ as n, v as o, g as r, c as s, S as t, m as u };
|
|
206
206
|
|
|
207
|
-
//# sourceMappingURL=MSparkline-
|
|
207
|
+
//# sourceMappingURL=MSparkline-Cb_EwR-E.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MSparkline-C8tnqhJm.js","names":[],"sources":["../src/components/data/MChart/utils/scales.ts","../src/components/data/MChart/utils/paths.ts","../src/components/data/MSparkline/MSparkline.tsx"],"sourcesContent":["export function createLinearScale(domain: [number, number], range: [number, number]): (value: number) => number {\n const [d0, d1] = domain\n const [r0, r1] = range\n const span = d1 - d0 || 1\n\n return (value: number) => r0 + ((value - d0) / span) * (r1 - r0)\n}\n\nexport function niceMin(min: number): number {\n if (min >= 0) return 0\n const step = niceStep(min, 0)\n return Math.floor(min / step) * step\n}\n\nexport function niceMax(max: number, min: number = 0): number {\n const step = niceStep(min, max)\n return Math.ceil(max / step) * step\n}\n\nexport function niceStep(min: number, max: number, ticks = 5): number {\n const range = max - min || 1\n const rough = range / ticks\n const pow = Math.pow(10, Math.floor(Math.log10(rough)))\n const normalized = rough / pow\n\n let nice: number\n if (normalized <= 1) nice = 1\n else if (normalized <= 2) nice = 2\n else if (normalized <= 5) nice = 5\n else nice = 10\n\n return nice * pow\n}\n\nexport function generateTicks(min: number, max: number, count = 5): number[] {\n const step = niceStep(min, max, count)\n const start = Math.floor(min / step) * step\n const end = Math.ceil(max / step) * step\n const ticks: number[] = []\n\n for (let v = start; v <= end + step * 0.01; v += step) {\n ticks.push(Math.round(v * 1e10) / 1e10)\n }\n\n return ticks\n}\n\nexport function getDataExtent(datasets: number[][]): [number, number] {\n let min = Infinity\n let max = -Infinity\n\n for (const data of datasets) {\n for (const v of data) {\n if (v < min) min = v\n if (v > max) max = v\n }\n }\n\n if (min === Infinity) return [0, 1]\n if (min === max) return [min - 1, max + 1]\n\n return [min, max]\n}\n\nexport function getStackedExtent(datasets: number[][]): [number, number] {\n if (datasets.length === 0) return [0, 1]\n\n const len = Math.max(...datasets.map((d) => d.length))\n let max = -Infinity\n\n for (let i = 0; i < len; i++) {\n let sum = 0\n for (const data of datasets) {\n sum += data[i] ?? 0\n }\n if (sum > max) max = sum\n }\n\n return [0, max === 0 ? 1 : max]\n}\n","export interface Point {\n x: number\n y: number\n}\n\nexport function linePath(points: Point[]): string {\n if (points.length === 0) return ''\n return points.map((p, i) => `${i === 0 ? 'M' : 'L'}${p.x},${p.y}`).join(' ')\n}\n\nexport function curvedPath(points: Point[]): string {\n if (points.length === 0) return ''\n if (points.length === 1) return `M${points[0].x},${points[0].y}`\n if (points.length === 2) return linePath(points)\n\n let d = `M${points[0].x},${points[0].y}`\n\n for (let i = 0; i < points.length - 1; i++) {\n const p0 = points[Math.max(i - 1, 0)]\n const p1 = points[i]\n const p2 = points[i + 1]\n const p3 = points[Math.min(i + 2, points.length - 1)]\n\n const cp1x = p1.x + (p2.x - p0.x) / 6\n const cp1y = p1.y + (p2.y - p0.y) / 6\n const cp2x = p2.x - (p3.x - p1.x) / 6\n const cp2y = p2.y - (p3.y - p1.y) / 6\n\n d += ` C${cp1x},${cp1y} ${cp2x},${cp2y} ${p2.x},${p2.y}`\n }\n\n return d\n}\n\nexport function areaPath(points: Point[], baseline: number, curved: boolean): string {\n if (points.length === 0) return ''\n\n const topPath = curved ? curvedPath(points) : linePath(points)\n const last = points[points.length - 1]\n const first = points[0]\n\n return `${topPath} L${last.x},${baseline} L${first.x},${baseline} Z`\n}\n\nexport function stackedAreaPath(topPoints: Point[], bottomPoints: Point[], curved: boolean): string {\n if (topPoints.length === 0) return ''\n\n const topPath = curved ? curvedPath(topPoints) : linePath(topPoints)\n const reversed = [...bottomPoints].reverse()\n const bottomPath = curved\n ? curvedPath(reversed).replace(/^M/, 'L')\n : reversed.map((p) => `L${p.x},${p.y}`).join(' ')\n\n return `${topPath} ${bottomPath} Z`\n}\n\nexport function pieArc(cx: number, cy: number, r: number, startAngle: number, endAngle: number): string {\n const sweep = endAngle - startAngle\n if (sweep >= Math.PI * 2 - 0.001) {\n const mid = startAngle + Math.PI\n return [\n `M${cx + r * Math.cos(startAngle)},${cy + r * Math.sin(startAngle)}`,\n `A${r},${r} 0 1 1 ${cx + r * Math.cos(mid)},${cy + r * Math.sin(mid)}`,\n `A${r},${r} 0 1 1 ${cx + r * Math.cos(startAngle)},${cy + r * Math.sin(startAngle)}`,\n ].join(' ')\n }\n\n const largeArc = sweep > Math.PI ? 1 : 0\n const x1 = cx + r * Math.cos(startAngle)\n const y1 = cy + r * Math.sin(startAngle)\n const x2 = cx + r * Math.cos(endAngle)\n const y2 = cy + r * Math.sin(endAngle)\n\n return `M${x1},${y1} A${r},${r} 0 ${largeArc} 1 ${x2},${y2}`\n}\n\nexport function pieSector(\n cx: number,\n cy: number,\n outerR: number,\n innerR: number,\n startAngle: number,\n endAngle: number\n): string {\n const sweep = endAngle - startAngle\n\n if (innerR <= 0) {\n if (sweep >= Math.PI * 2 - 0.001) {\n return pieArc(cx, cy, outerR, startAngle, endAngle) + ' Z'\n }\n const x1 = cx + outerR * Math.cos(startAngle)\n const y1 = cy + outerR * Math.sin(startAngle)\n const x2 = cx + outerR * Math.cos(endAngle)\n const y2 = cy + outerR * Math.sin(endAngle)\n const largeArc = sweep > Math.PI ? 1 : 0\n return `M${cx},${cy} L${x1},${y1} A${outerR},${outerR} 0 ${largeArc} 1 ${x2},${y2} Z`\n }\n\n const ox1 = cx + outerR * Math.cos(startAngle)\n const oy1 = cy + outerR * Math.sin(startAngle)\n const ox2 = cx + outerR * Math.cos(endAngle)\n const oy2 = cy + outerR * Math.sin(endAngle)\n const ix1 = cx + innerR * Math.cos(endAngle)\n const iy1 = cy + innerR * Math.sin(endAngle)\n const ix2 = cx + innerR * Math.cos(startAngle)\n const iy2 = cy + innerR * Math.sin(startAngle)\n\n if (sweep >= Math.PI * 2 - 0.001) {\n const mid = startAngle + Math.PI\n const omx = cx + outerR * Math.cos(mid)\n const omy = cy + outerR * Math.sin(mid)\n const imx = cx + innerR * Math.cos(mid)\n const imy = cy + innerR * Math.sin(mid)\n return [\n `M${ox1},${oy1}`,\n `A${outerR},${outerR} 0 1 1 ${omx},${omy}`,\n `A${outerR},${outerR} 0 1 1 ${ox1},${oy1}`,\n `M${ix2},${iy2}`,\n `A${innerR},${innerR} 0 1 0 ${imx},${imy}`,\n `A${innerR},${innerR} 0 1 0 ${ix2},${iy2}`,\n 'Z',\n ].join(' ')\n }\n\n const largeArc = sweep > Math.PI ? 1 : 0\n return [\n `M${ox1},${oy1}`,\n `A${outerR},${outerR} 0 ${largeArc} 1 ${ox2},${oy2}`,\n `L${ix1},${iy1}`,\n `A${innerR},${innerR} 0 ${largeArc} 0 ${ix2},${iy2}`,\n 'Z',\n ].join(' ')\n}\n","import {useMemo, useRef, useEffect, useState} from 'react'\nimport type {MSparklineProps} from './MSparkline.types'\nimport {cn} from '../../../utils/cn'\nimport {createLinearScale} from '../MChart/utils/scales'\nimport {linePath, curvedPath, areaPath} from '../MChart/utils/paths'\nimport type {Point} from '../MChart/utils/paths'\nimport './MSparkline.css'\n\nconst DEFAULT_PADDING = 2\n\nexport function MSparkline({\n data,\n type = 'line',\n color = 'primary',\n width = '100%',\n height = 40,\n padding = DEFAULT_PADDING,\n curved = true,\n animated = true,\n showMinMax = false,\n fillOpacity = 0.15,\n className,\n style,\n ...rest\n}: MSparklineProps) {\n const svgRef = useRef<SVGSVGElement>(null)\n const [mounted, setMounted] = useState(!animated)\n const resolvedPadding = Math.max(0, padding)\n\n useEffect(() => {\n if (animated) {\n const id = requestAnimationFrame(() => setMounted(true))\n return () => cancelAnimationFrame(id)\n }\n }, [animated])\n\n const {points, minIdx, maxIdx, svgWidth, svgHeight, barWidth} = useMemo(() => {\n const len = data.length\n if (len === 0) {\n return {\n points: [] as Point[],\n minIdx: 0,\n maxIdx: 0,\n svgWidth: 100,\n svgHeight: height,\n barWidth: 0,\n }\n }\n\n const svgW = 98\n const svgH = height\n\n let min = Infinity\n let max = -Infinity\n let mnI = 0\n let mxI = 0\n\n for (let i = 0; i < len; i++) {\n if (data[i] < min) {\n min = data[i]\n mnI = i\n }\n if (data[i] > max) {\n max = data[i]\n mxI = i\n }\n }\n\n if (min === max) {\n min -= 1\n max += 1\n }\n\n const xScale = createLinearScale([0, Math.max(len - 1, 1)], [resolvedPadding, svgW - resolvedPadding])\n const yScale = createLinearScale([min, max], [svgH - resolvedPadding, resolvedPadding])\n\n const pts: Point[] = data.map((v, i) => ({x: xScale(i), y: yScale(v)}))\n const bw = len > 1 ? (svgW - resolvedPadding * 2) / len : svgW - resolvedPadding * 2\n\n return {points: pts, minIdx: mnI, maxIdx: mxI, svgWidth: svgW, svgHeight: svgH, barWidth: bw}\n }, [data, height, resolvedPadding])\n\n if (data.length === 0) return null\n\n const pathStr = type === 'bar' ? '' : curved ? curvedPath(points) : linePath(points)\n const areaStr = type === 'area' ? areaPath(points, svgHeight - resolvedPadding, curved) : ''\n\n return (\n <div className={cn('sparkline', color, className)} style={{width, height, ...style}} {...rest}>\n <svg\n ref={svgRef}\n viewBox={`0 0 ${svgWidth} ${svgHeight}`}\n preserveAspectRatio=\"none\"\n className={cn('sparkline-svg', mounted && 'mounted')}\n >\n {type === 'area' && <path className=\"sparkline-area\" d={areaStr} style={{opacity: fillOpacity}} />}\n {type === 'bar' ? (\n <g className=\"sparkline-bars\">\n {points.map((p, i) => {\n const barH = svgHeight - resolvedPadding - p.y\n return (\n <rect\n key={i}\n className=\"sparkline-bar\"\n x={p.x - barWidth * 0.4}\n y={p.y}\n width={barWidth * 0.8}\n height={Math.max(barH, 0.5)}\n rx={1}\n />\n )\n })}\n </g>\n ) : (\n <path className=\"sparkline-line\" d={pathStr} />\n )}\n {showMinMax && type !== 'bar' && (\n <>\n <circle\n className=\"sparkline-dot sparkline-dot-min\"\n cx={points[minIdx].x}\n cy={points[minIdx].y}\n r={2.5}\n />\n <circle\n className=\"sparkline-dot sparkline-dot-max\"\n cx={points[maxIdx].x}\n cy={points[maxIdx].y}\n r={2.5}\n />\n </>\n )}\n </svg>\n </div>\n )\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MSparkline-Cb_EwR-E.js","names":[],"sources":["../src/components/data/MChart/utils/scales.ts","../src/components/data/MChart/utils/paths.ts","../src/components/data/MSparkline/MSparkline.tsx"],"sourcesContent":["export function createLinearScale(domain: [number, number], range: [number, number]): (value: number) => number {\n const [d0, d1] = domain\n const [r0, r1] = range\n const span = d1 - d0 || 1\n\n return (value: number) => r0 + ((value - d0) / span) * (r1 - r0)\n}\n\nexport function niceMin(min: number): number {\n if (min >= 0) return 0\n const step = niceStep(min, 0)\n return Math.floor(min / step) * step\n}\n\nexport function niceMax(max: number, min: number = 0): number {\n const step = niceStep(min, max)\n return Math.ceil(max / step) * step\n}\n\nexport function niceStep(min: number, max: number, ticks = 5): number {\n const range = max - min || 1\n const rough = range / ticks\n const pow = Math.pow(10, Math.floor(Math.log10(rough)))\n const normalized = rough / pow\n\n let nice: number\n if (normalized <= 1) nice = 1\n else if (normalized <= 2) nice = 2\n else if (normalized <= 5) nice = 5\n else nice = 10\n\n return nice * pow\n}\n\nexport function generateTicks(min: number, max: number, count = 5): number[] {\n const step = niceStep(min, max, count)\n const start = Math.floor(min / step) * step\n const end = Math.ceil(max / step) * step\n const ticks: number[] = []\n\n for (let v = start; v <= end + step * 0.01; v += step) {\n ticks.push(Math.round(v * 1e10) / 1e10)\n }\n\n return ticks\n}\n\nexport function getDataExtent(datasets: number[][]): [number, number] {\n let min = Infinity\n let max = -Infinity\n\n for (const data of datasets) {\n for (const v of data) {\n if (v < min) min = v\n if (v > max) max = v\n }\n }\n\n if (min === Infinity) return [0, 1]\n if (min === max) return [min - 1, max + 1]\n\n return [min, max]\n}\n\nexport function getStackedExtent(datasets: number[][]): [number, number] {\n if (datasets.length === 0) return [0, 1]\n\n const len = Math.max(...datasets.map((d) => d.length))\n let max = -Infinity\n\n for (let i = 0; i < len; i++) {\n let sum = 0\n for (const data of datasets) {\n sum += data[i] ?? 0\n }\n if (sum > max) max = sum\n }\n\n return [0, max === 0 ? 1 : max]\n}\n","export interface Point {\n x: number\n y: number\n}\n\nexport function linePath(points: Point[]): string {\n if (points.length === 0) return ''\n return points.map((p, i) => `${i === 0 ? 'M' : 'L'}${p.x},${p.y}`).join(' ')\n}\n\nexport function curvedPath(points: Point[]): string {\n if (points.length === 0) return ''\n if (points.length === 1) return `M${points[0].x},${points[0].y}`\n if (points.length === 2) return linePath(points)\n\n let d = `M${points[0].x},${points[0].y}`\n\n for (let i = 0; i < points.length - 1; i++) {\n const p0 = points[Math.max(i - 1, 0)]\n const p1 = points[i]\n const p2 = points[i + 1]\n const p3 = points[Math.min(i + 2, points.length - 1)]\n\n const cp1x = p1.x + (p2.x - p0.x) / 6\n const cp1y = p1.y + (p2.y - p0.y) / 6\n const cp2x = p2.x - (p3.x - p1.x) / 6\n const cp2y = p2.y - (p3.y - p1.y) / 6\n\n d += ` C${cp1x},${cp1y} ${cp2x},${cp2y} ${p2.x},${p2.y}`\n }\n\n return d\n}\n\nexport function areaPath(points: Point[], baseline: number, curved: boolean): string {\n if (points.length === 0) return ''\n\n const topPath = curved ? curvedPath(points) : linePath(points)\n const last = points[points.length - 1]\n const first = points[0]\n\n return `${topPath} L${last.x},${baseline} L${first.x},${baseline} Z`\n}\n\nexport function stackedAreaPath(topPoints: Point[], bottomPoints: Point[], curved: boolean): string {\n if (topPoints.length === 0) return ''\n\n const topPath = curved ? curvedPath(topPoints) : linePath(topPoints)\n const reversed = [...bottomPoints].reverse()\n const bottomPath = curved\n ? curvedPath(reversed).replace(/^M/, 'L')\n : reversed.map((p) => `L${p.x},${p.y}`).join(' ')\n\n return `${topPath} ${bottomPath} Z`\n}\n\nexport function pieArc(cx: number, cy: number, r: number, startAngle: number, endAngle: number): string {\n const sweep = endAngle - startAngle\n if (sweep >= Math.PI * 2 - 0.001) {\n const mid = startAngle + Math.PI\n return [\n `M${cx + r * Math.cos(startAngle)},${cy + r * Math.sin(startAngle)}`,\n `A${r},${r} 0 1 1 ${cx + r * Math.cos(mid)},${cy + r * Math.sin(mid)}`,\n `A${r},${r} 0 1 1 ${cx + r * Math.cos(startAngle)},${cy + r * Math.sin(startAngle)}`,\n ].join(' ')\n }\n\n const largeArc = sweep > Math.PI ? 1 : 0\n const x1 = cx + r * Math.cos(startAngle)\n const y1 = cy + r * Math.sin(startAngle)\n const x2 = cx + r * Math.cos(endAngle)\n const y2 = cy + r * Math.sin(endAngle)\n\n return `M${x1},${y1} A${r},${r} 0 ${largeArc} 1 ${x2},${y2}`\n}\n\nexport function pieSector(\n cx: number,\n cy: number,\n outerR: number,\n innerR: number,\n startAngle: number,\n endAngle: number\n): string {\n const sweep = endAngle - startAngle\n\n if (innerR <= 0) {\n if (sweep >= Math.PI * 2 - 0.001) {\n return pieArc(cx, cy, outerR, startAngle, endAngle) + ' Z'\n }\n const x1 = cx + outerR * Math.cos(startAngle)\n const y1 = cy + outerR * Math.sin(startAngle)\n const x2 = cx + outerR * Math.cos(endAngle)\n const y2 = cy + outerR * Math.sin(endAngle)\n const largeArc = sweep > Math.PI ? 1 : 0\n return `M${cx},${cy} L${x1},${y1} A${outerR},${outerR} 0 ${largeArc} 1 ${x2},${y2} Z`\n }\n\n const ox1 = cx + outerR * Math.cos(startAngle)\n const oy1 = cy + outerR * Math.sin(startAngle)\n const ox2 = cx + outerR * Math.cos(endAngle)\n const oy2 = cy + outerR * Math.sin(endAngle)\n const ix1 = cx + innerR * Math.cos(endAngle)\n const iy1 = cy + innerR * Math.sin(endAngle)\n const ix2 = cx + innerR * Math.cos(startAngle)\n const iy2 = cy + innerR * Math.sin(startAngle)\n\n if (sweep >= Math.PI * 2 - 0.001) {\n const mid = startAngle + Math.PI\n const omx = cx + outerR * Math.cos(mid)\n const omy = cy + outerR * Math.sin(mid)\n const imx = cx + innerR * Math.cos(mid)\n const imy = cy + innerR * Math.sin(mid)\n return [\n `M${ox1},${oy1}`,\n `A${outerR},${outerR} 0 1 1 ${omx},${omy}`,\n `A${outerR},${outerR} 0 1 1 ${ox1},${oy1}`,\n `M${ix2},${iy2}`,\n `A${innerR},${innerR} 0 1 0 ${imx},${imy}`,\n `A${innerR},${innerR} 0 1 0 ${ix2},${iy2}`,\n 'Z',\n ].join(' ')\n }\n\n const largeArc = sweep > Math.PI ? 1 : 0\n return [\n `M${ox1},${oy1}`,\n `A${outerR},${outerR} 0 ${largeArc} 1 ${ox2},${oy2}`,\n `L${ix1},${iy1}`,\n `A${innerR},${innerR} 0 ${largeArc} 0 ${ix2},${iy2}`,\n 'Z',\n ].join(' ')\n}\n","import {useMemo, useRef, useEffect, useState} from 'react'\nimport type {MSparklineProps} from './MSparkline.types'\nimport {cn} from '../../../utils/cn'\nimport {createLinearScale} from '../MChart/utils/scales'\nimport {linePath, curvedPath, areaPath} from '../MChart/utils/paths'\nimport type {Point} from '../MChart/utils/paths'\nimport './MSparkline.css'\n\nconst DEFAULT_PADDING = 2\n\nexport function MSparkline({\n data,\n type = 'line',\n color = 'primary',\n width = '100%',\n height = 40,\n padding = DEFAULT_PADDING,\n curved = true,\n animated = true,\n showMinMax = false,\n fillOpacity = 0.15,\n className,\n style,\n ...rest\n}: MSparklineProps) {\n const svgRef = useRef<SVGSVGElement>(null)\n const [mounted, setMounted] = useState(!animated)\n const resolvedPadding = Math.max(0, padding)\n\n useEffect(() => {\n if (animated) {\n const id = requestAnimationFrame(() => setMounted(true))\n return () => cancelAnimationFrame(id)\n }\n }, [animated])\n\n const {points, minIdx, maxIdx, svgWidth, svgHeight, barWidth} = useMemo(() => {\n const len = data.length\n if (len === 0) {\n return {\n points: [] as Point[],\n minIdx: 0,\n maxIdx: 0,\n svgWidth: 100,\n svgHeight: height,\n barWidth: 0,\n }\n }\n\n const svgW = 98\n const svgH = height\n\n let min = Infinity\n let max = -Infinity\n let mnI = 0\n let mxI = 0\n\n for (let i = 0; i < len; i++) {\n if (data[i] < min) {\n min = data[i]\n mnI = i\n }\n if (data[i] > max) {\n max = data[i]\n mxI = i\n }\n }\n\n if (min === max) {\n min -= 1\n max += 1\n }\n\n const xScale = createLinearScale([0, Math.max(len - 1, 1)], [resolvedPadding, svgW - resolvedPadding])\n const yScale = createLinearScale([min, max], [svgH - resolvedPadding, resolvedPadding])\n\n const pts: Point[] = data.map((v, i) => ({x: xScale(i), y: yScale(v)}))\n const bw = len > 1 ? (svgW - resolvedPadding * 2) / len : svgW - resolvedPadding * 2\n\n return {points: pts, minIdx: mnI, maxIdx: mxI, svgWidth: svgW, svgHeight: svgH, barWidth: bw}\n }, [data, height, resolvedPadding])\n\n if (data.length === 0) return null\n\n const pathStr = type === 'bar' ? '' : curved ? curvedPath(points) : linePath(points)\n const areaStr = type === 'area' ? areaPath(points, svgHeight - resolvedPadding, curved) : ''\n\n return (\n <div className={cn('sparkline', color, className)} style={{width, height, ...style}} {...rest}>\n <svg\n ref={svgRef}\n viewBox={`0 0 ${svgWidth} ${svgHeight}`}\n preserveAspectRatio=\"none\"\n className={cn('sparkline-svg', mounted && 'mounted')}\n >\n {type === 'area' && <path className=\"sparkline-area\" d={areaStr} style={{opacity: fillOpacity}} />}\n {type === 'bar' ? (\n <g className=\"sparkline-bars\">\n {points.map((p, i) => {\n const barH = svgHeight - resolvedPadding - p.y\n return (\n <rect\n key={i}\n className=\"sparkline-bar\"\n x={p.x - barWidth * 0.4}\n y={p.y}\n width={barWidth * 0.8}\n height={Math.max(barH, 0.5)}\n rx={1}\n />\n )\n })}\n </g>\n ) : (\n <path className=\"sparkline-line\" d={pathStr} />\n )}\n {showMinMax && type !== 'bar' && (\n <>\n <circle\n className=\"sparkline-dot sparkline-dot-min\"\n cx={points[minIdx].x}\n cy={points[minIdx].y}\n r={2.5}\n />\n <circle\n className=\"sparkline-dot sparkline-dot-max\"\n cx={points[maxIdx].x}\n cy={points[maxIdx].y}\n r={2.5}\n />\n </>\n )}\n </svg>\n </div>\n )\n}\n"],"mappings":";;;;AAAA,SAAgB,EAAkB,GAA0B,GAAoD;CAC5G,IAAM,CAAC,GAAI,KAAM,GACX,CAAC,GAAI,KAAM,GACX,IAAO,IAAK,KAAM;AAExB,SAAQ,MAAkB,KAAO,IAAQ,KAAM,KAAS,IAAK;;AAGjE,SAAgB,EAAQ,GAAqB;AACzC,KAAI,KAAO,EAAG,QAAO;CACrB,IAAM,IAAO,EAAS,GAAK,EAAE;AAC7B,QAAO,KAAK,MAAM,IAAM,EAAK,GAAG;;AAGpC,SAAgB,EAAQ,GAAa,IAAc,GAAW;CAC1D,IAAM,IAAO,EAAS,GAAK,EAAI;AAC/B,QAAO,KAAK,KAAK,IAAM,EAAK,GAAG;;AAGnC,SAAgB,EAAS,GAAa,GAAa,IAAQ,GAAW;CAElE,IAAM,KADQ,IAAM,KAAO,KACL,GAChB,IAAe,MAAI,KAAK,MAAM,KAAK,MAAM,EAAM,CAAC,EAChD,IAAa,IAAQ,GAEvB;AAMJ,QALA,AAGK,IAHD,KAAc,IAAU,IACnB,KAAc,IAAU,IACxB,KAAc,IAAU,IACrB,IAEL,IAAO;;AAGlB,SAAgB,EAAc,GAAa,GAAa,IAAQ,GAAa;CACzE,IAAM,IAAO,EAAS,GAAK,GAAK,EAAM,EAChC,IAAQ,KAAK,MAAM,IAAM,EAAK,GAAG,GACjC,IAAM,KAAK,KAAK,IAAM,EAAK,GAAG,GAC9B,IAAkB,EAAE;AAE1B,MAAK,IAAI,IAAI,GAAO,KAAK,IAAM,IAAO,KAAM,KAAK,EAC7C,GAAM,KAAK,KAAK,MAAM,IAAI,KAAK,GAAG,KAAK;AAG3C,QAAO;;AAGX,SAAgB,EAAc,GAAwC;CAClE,IAAI,IAAM,UACN,IAAM;AAEV,MAAK,IAAM,KAAQ,EACf,MAAK,IAAM,KAAK,EAEZ,CADI,IAAI,MAAK,IAAM,IACf,IAAI,MAAK,IAAM;AAO3B,QAHI,MAAQ,WAAiB,CAAC,GAAG,EAAE,GAC/B,MAAQ,IAAY,CAAC,IAAM,GAAG,IAAM,EAAE,GAEnC,CAAC,GAAK,EAAI;;AAGrB,SAAgB,EAAiB,GAAwC;AACrE,KAAI,EAAS,WAAW,EAAG,QAAO,CAAC,GAAG,EAAE;CAExC,IAAM,IAAM,KAAK,IAAI,GAAG,EAAS,KAAK,MAAM,EAAE,OAAO,CAAC,EAClD,IAAM;AAEV,MAAK,IAAI,IAAI,GAAG,IAAI,GAAK,KAAK;EAC1B,IAAI,IAAM;AACV,OAAK,IAAM,KAAQ,EACf,MAAO,EAAK,MAAM;AAEtB,EAAI,IAAM,MAAK,IAAM;;AAGzB,QAAO,CAAC,GAAG,MAAQ,IAAI,IAAI,EAAI;;;;ACzEnC,SAAgB,EAAS,GAAyB;AAE9C,QADI,EAAO,WAAW,IAAU,KACzB,EAAO,KAAK,GAAG,MAAM,GAAG,MAAM,IAAI,MAAM,MAAM,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,IAAI;;AAGhF,SAAgB,EAAW,GAAyB;AAChD,KAAI,EAAO,WAAW,EAAG,QAAO;AAChC,KAAI,EAAO,WAAW,EAAG,QAAO,IAAI,EAAO,GAAG,EAAE,GAAG,EAAO,GAAG;AAC7D,KAAI,EAAO,WAAW,EAAG,QAAO,EAAS,EAAO;CAEhD,IAAI,IAAI,IAAI,EAAO,GAAG,EAAE,GAAG,EAAO,GAAG;AAErC,MAAK,IAAI,IAAI,GAAG,IAAI,EAAO,SAAS,GAAG,KAAK;EACxC,IAAM,IAAK,EAAO,KAAK,IAAI,IAAI,GAAG,EAAE,GAC9B,IAAK,EAAO,IACZ,IAAK,EAAO,IAAI,IAChB,IAAK,EAAO,KAAK,IAAI,IAAI,GAAG,EAAO,SAAS,EAAE,GAE9C,IAAO,EAAG,KAAK,EAAG,IAAI,EAAG,KAAK,GAC9B,IAAO,EAAG,KAAK,EAAG,IAAI,EAAG,KAAK,GAC9B,IAAO,EAAG,KAAK,EAAG,IAAI,EAAG,KAAK,GAC9B,IAAO,EAAG,KAAK,EAAG,IAAI,EAAG,KAAK;AAEpC,OAAK,KAAK,EAAK,GAAG,EAAK,GAAG,EAAK,GAAG,EAAK,GAAG,EAAG,EAAE,GAAG,EAAG;;AAGzD,QAAO;;AAGX,SAAgB,EAAS,GAAiB,GAAkB,GAAyB;AACjF,KAAI,EAAO,WAAW,EAAG,QAAO;CAEhC,IAAM,IAAU,IAAS,EAAW,EAAO,GAAG,EAAS,EAAO,EACxD,IAAO,EAAO,EAAO,SAAS,IAC9B,IAAQ,EAAO;AAErB,QAAO,GAAG,EAAQ,IAAI,EAAK,EAAE,GAAG,EAAS,IAAI,EAAM,EAAE,GAAG,EAAS;;AAGrE,SAAgB,EAAgB,GAAoB,GAAuB,GAAyB;AAChG,KAAI,EAAU,WAAW,EAAG,QAAO;CAEnC,IAAM,IAAU,IAAS,EAAW,EAAU,GAAG,EAAS,EAAU,EAC9D,IAAW,CAAC,GAAG,EAAa,CAAC,SAAS;AAK5C,QAAO,GAAG,EAAQ,GAJC,IACb,EAAW,EAAS,CAAC,QAAQ,MAAM,IAAI,GACvC,EAAS,KAAK,MAAM,IAAI,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,IAAI,CAErB;;AAGpC,SAAgB,EAAO,GAAY,GAAY,GAAW,GAAoB,GAA0B;CACpG,IAAM,IAAQ,IAAW;AACzB,KAAI,KAAS,KAAK,KAAK,IAAI,MAAO;EAC9B,IAAM,IAAM,IAAa,KAAK;AAC9B,SAAO;GACH,IAAI,IAAK,IAAI,KAAK,IAAI,EAAW,CAAC,GAAG,IAAK,IAAI,KAAK,IAAI,EAAW;GAClE,IAAI,EAAE,GAAG,EAAE,SAAS,IAAK,IAAI,KAAK,IAAI,EAAI,CAAC,GAAG,IAAK,IAAI,KAAK,IAAI,EAAI;GACpE,IAAI,EAAE,GAAG,EAAE,SAAS,IAAK,IAAI,KAAK,IAAI,EAAW,CAAC,GAAG,IAAK,IAAI,KAAK,IAAI,EAAW;GACrF,CAAC,KAAK,IAAI;;CAGf,IAAM,IAAW,MAAQ,KAAK;AAM9B,QAAO,IALI,IAAK,IAAI,KAAK,IAAI,EAAW,CAK1B,GAJH,IAAK,IAAI,KAAK,IAAI,EAAW,CAIpB,IAAI,EAAE,GAAG,EAAE,KAAK,EAAS,KAHlC,IAAK,IAAI,KAAK,IAAI,EAAS,CAGe,GAF1C,IAAK,IAAI,KAAK,IAAI,EAAS;;AAK1C,SAAgB,EACZ,GACA,GACA,GACA,GACA,GACA,GACM;CACN,IAAM,IAAQ,IAAW;AAEzB,KAAI,KAAU,GAAG;AACb,MAAI,KAAS,KAAK,KAAK,IAAI,KACvB,QAAO,EAAO,GAAI,GAAI,GAAQ,GAAY,EAAS,GAAG;EAE1D,IAAM,IAAK,IAAK,IAAS,KAAK,IAAI,EAAW,EACvC,IAAK,IAAK,IAAS,KAAK,IAAI,EAAW,EACvC,IAAK,IAAK,IAAS,KAAK,IAAI,EAAS,EACrC,IAAK,IAAK,IAAS,KAAK,IAAI,EAAS;AAE3C,SAAO,IAAI,EAAG,GAAG,EAAG,IAAI,EAAG,GAAG,EAAG,IAAI,EAAO,GAAG,EAAO,KADrC,MAAQ,KAAK,IACsC,KAAK,EAAG,GAAG,EAAG;;CAGtF,IAAM,IAAM,IAAK,IAAS,KAAK,IAAI,EAAW,EACxC,IAAM,IAAK,IAAS,KAAK,IAAI,EAAW,EACxC,IAAM,IAAK,IAAS,KAAK,IAAI,EAAS,EACtC,IAAM,IAAK,IAAS,KAAK,IAAI,EAAS,EACtC,IAAM,IAAK,IAAS,KAAK,IAAI,EAAS,EACtC,IAAM,IAAK,IAAS,KAAK,IAAI,EAAS,EACtC,IAAM,IAAK,IAAS,KAAK,IAAI,EAAW,EACxC,IAAM,IAAK,IAAS,KAAK,IAAI,EAAW;AAE9C,KAAI,KAAS,KAAK,KAAK,IAAI,MAAO;EAC9B,IAAM,IAAM,IAAa,KAAK,IACxB,IAAM,IAAK,IAAS,KAAK,IAAI,EAAI,EACjC,IAAM,IAAK,IAAS,KAAK,IAAI,EAAI,EACjC,IAAM,IAAK,IAAS,KAAK,IAAI,EAAI,EACjC,IAAM,IAAK,IAAS,KAAK,IAAI,EAAI;AACvC,SAAO;GACH,IAAI,EAAI,GAAG;GACX,IAAI,EAAO,GAAG,EAAO,SAAS,EAAI,GAAG;GACrC,IAAI,EAAO,GAAG,EAAO,SAAS,EAAI,GAAG;GACrC,IAAI,EAAI,GAAG;GACX,IAAI,EAAO,GAAG,EAAO,SAAS,EAAI,GAAG;GACrC,IAAI,EAAO,GAAG,EAAO,SAAS,EAAI,GAAG;GACrC;GACH,CAAC,KAAK,IAAI;;CAGf,IAAM,IAAW,MAAQ,KAAK;AAC9B,QAAO;EACH,IAAI,EAAI,GAAG;EACX,IAAI,EAAO,GAAG,EAAO,KAAK,EAAS,KAAK,EAAI,GAAG;EAC/C,IAAI,EAAI,GAAG;EACX,IAAI,EAAO,GAAG,EAAO,KAAK,EAAS,KAAK,EAAI,GAAG;EAC/C;EACH,CAAC,KAAK,IAAI;;;;AC3Hf,IAAM,IAAkB;AAExB,SAAgB,EAAW,EACvB,SACA,UAAO,QACP,WAAQ,WACR,WAAQ,QACR,YAAS,IACT,aAAU,GACV,YAAS,IACT,cAAW,IACX,gBAAa,IACb,iBAAc,KACd,cACA,UACA,GAAG,KACa;CAChB,IAAM,IAAS,EAAsB,KAAK,EACpC,CAAC,GAAS,KAAc,EAAS,CAAC,EAAS,EAC3C,IAAkB,KAAK,IAAI,GAAG,EAAQ;AAE5C,SAAgB;AACZ,MAAI,GAAU;GACV,IAAM,IAAK,4BAA4B,EAAW,GAAK,CAAC;AACxD,gBAAa,qBAAqB,EAAG;;IAE1C,CAAC,EAAS,CAAC;CAEd,IAAM,EAAC,WAAQ,WAAQ,WAAQ,aAAU,cAAW,gBAAY,QAAc;EAC1E,IAAM,IAAM,EAAK;AACjB,MAAI,MAAQ,EACR,QAAO;GACH,QAAQ,EAAE;GACV,QAAQ;GACR,QAAQ;GACR,UAAU;GACV,WAAW;GACX,UAAU;GACb;EAGL,IACM,IAAO,GAET,IAAM,UACN,IAAM,WACN,IAAM,GACN,IAAM;AAEV,OAAK,IAAI,IAAI,GAAG,IAAI,GAAK,IAKrB,CAJI,EAAK,KAAK,MACV,IAAM,EAAK,IACX,IAAM,IAEN,EAAK,KAAK,MACV,IAAM,EAAK,IACX,IAAM;AAId,EAAI,MAAQ,MACR,KACA,KAAO;EAGX,IAAM,IAAS,EAAkB,CAAC,GAAG,KAAK,IAAI,IAAM,GAAG,EAAE,CAAC,EAAE,CAAC,GAAiB,KAAO,EAAgB,CAAC,EAChG,IAAS,EAAkB,CAAC,GAAK,EAAI,EAAE,CAAC,IAAO,GAAiB,EAAgB,CAAC,EAEjF,IAAe,EAAK,KAAK,GAAG,OAAO;GAAC,GAAG,EAAO,EAAE;GAAE,GAAG,EAAO,EAAE;GAAC,EAAE,EACjE,IAAK,IAAM,KAAK,KAAO,IAAkB,KAAK,IAAM,KAAO,IAAkB;AAEnF,SAAO;GAAC,QAAQ;GAAK,QAAQ;GAAK,QAAQ;GAAK,UAAU;GAAM,WAAW;GAAM,UAAU;GAAG;IAC9F;EAAC;EAAM;EAAQ;EAAgB,CAAC;AAEnC,KAAI,EAAK,WAAW,EAAG,QAAO;CAE9B,IAAM,IAAU,MAAS,QAAQ,KAAK,IAAS,EAAW,EAAO,GAAG,EAAS,EAAO,EAC9E,IAAU,MAAS,SAAS,EAAS,GAAQ,IAAY,GAAiB,EAAO,GAAG;AAE1F,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,aAAa,GAAO,EAAU;EAAE,OAAO;GAAC;GAAO;GAAQ,GAAG;GAAM;EAAE,GAAI;YACrF,kBAAC,OAAD;GACI,KAAK;GACL,SAAS,OAAO,EAAS,GAAG;GAC5B,qBAAoB;GACpB,WAAW,EAAG,iBAAiB,KAAW,UAAU;aAJxD;IAMK,MAAS,UAAU,kBAAC,QAAD;KAAM,WAAU;KAAiB,GAAG;KAAS,OAAO,EAAC,SAAS,GAAY;KAAI,CAAA;IACjG,MAAS,QACN,kBAAC,KAAD;KAAG,WAAU;eACR,EAAO,KAAK,GAAG,MAAM;MAClB,IAAM,IAAO,IAAY,IAAkB,EAAE;AAC7C,aACI,kBAAC,QAAD;OAEI,WAAU;OACV,GAAG,EAAE,IAAI,IAAW;OACpB,GAAG,EAAE;OACL,OAAO,IAAW;OAClB,QAAQ,KAAK,IAAI,GAAM,GAAI;OAC3B,IAAI;OACN,EAPO,EAOP;OAER;KACF,CAAA,GAEJ,kBAAC,QAAD;KAAM,WAAU;KAAiB,GAAG;KAAW,CAAA;IAElD,KAAc,MAAS,SACpB,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,UAAD;KACI,WAAU;KACV,IAAI,EAAO,GAAQ;KACnB,IAAI,EAAO,GAAQ;KACnB,GAAG;KACL,CAAA,EACF,kBAAC,UAAD;KACI,WAAU;KACV,IAAI,EAAO,GAAQ;KACnB,IAAI,EAAO,GAAQ;KACnB,GAAG;KACL,CAAA,CACH,EAAA,CAAA;IAEL;;EACJ,CAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const e=require(`./theme-CyIOdO9W.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./useReveal-B_17PI89.cjs`),r=require(`./layoutProps-Ck4VtGm9.cjs`);let i=require(`react/jsx-runtime`);function a({align:a=`stretch`,hidden:o,reveal:s,spacing:c,padding:l,fsize:u,mt:d,mb:f,ml:p,mr:m,mx:h,my:g,pt:_,pb:v,pl:y,pr:b,px:x,py:S,fullWidth:C,className:w,style:T,children:E,...D}){let O=r.n({fsize:u}),k=n.t(s);return(0,i.jsx)(`div`,{ref:s!==void 0&&s!==!1?k:void 0,className:t.t(`stack`,a!==`stretch`&&a,s!==void 0&&s!==!1&&`reveal`,...r.t({spacing:c,padding:l,fsize:u,mt:d,mb:f,ml:p,mr:m,mx:h,my:g,pt:_,pb:v,pl:y,pr:b,px:x,py:S,fullWidth:C}),w),style:{...O,...T},...e.n(o),...D,children:E})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
|
|
2
|
+
//# sourceMappingURL=MStack-BgwBqm-V.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MStack-BgwBqm-V.cjs","names":[],"sources":["../src/components/layout/MStack/MStack.tsx"],"sourcesContent":["import type {MStackProps} from './MStack.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport {useReveal} from '../../../utils/useReveal'\nimport './MStack.css'\n\n// MStack children vertically with shared layout utility props.\nexport function MStack({\n align = 'stretch',\n hidden,\n reveal,\n spacing,\n padding,\n fsize,\n mt,\n mb,\n ml,\n mr,\n mx,\n my,\n pt,\n pb,\n pl,\n pr,\n px,\n py,\n fullWidth,\n className,\n style,\n children,\n ...rest\n}: MStackProps) {\n const utilityStyle = getLayoutUtilityStyles({fsize})\n const revealRef = useReveal<HTMLDivElement>(reveal)\n\n return (\n <div\n ref={reveal !== undefined && reveal !== false ? revealRef : undefined}\n className={cn(\n 'stack',\n align !== 'stretch' && align,\n reveal !== undefined && reveal !== false && 'reveal',\n ...getLayoutUtilityClassNames({\n spacing,\n padding,\n fsize,\n mt,\n mb,\n ml,\n mr,\n mx,\n my,\n pt,\n pb,\n pl,\n pr,\n px,\n py,\n fullWidth,\n }),\n className\n )}\n style={{...utilityStyle, ...style}}\n {...getHiddenProps(hidden)}\n {...rest}\n >\n {children}\n </div>\n )\n}\n"],"mappings":"wLAQA,SAAgB,EAAO,CACnB,QAAQ,UACR,SACA,SACA,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,WACA,GAAG,GACS,CACZ,IAAM,EAAe,EAAA,EAAuB,CAAC,QAAM,CAAC,CAC9C,EAAY,EAAA,EAA0B,EAAO,CAEnD,OACI,EAAA,EAAA,KAAC,MAAD,CACI,IAAK,IAAW,IAAA,IAAa,IAAW,GAAQ,EAAY,IAAA,GAC5D,UAAW,EAAA,EACP,QACA,IAAU,WAAa,EACvB,IAAW,IAAA,IAAa,IAAW,IAAS,SAC5C,GAAG,EAAA,EAA2B,CAC1B,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACH,CAAC,CACF,EACH,CACD,MAAO,CAAC,GAAG,EAAc,GAAG,EAAM,CAClC,GAAI,EAAA,EAAe,EAAO,CAC1B,GAAI,EAEH,WACC,CAAA"}
|