@banzamel/mineralui 1.6.4 → 1.7.1

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.
Files changed (303) hide show
  1. package/README.md +1 -1
  2. package/dist/{MAvatar-BVJh6kgW.cjs → MAvatar-CV3xJOmx.cjs} +2 -2
  3. package/dist/{MAvatar-BVJh6kgW.cjs.map → MAvatar-CV3xJOmx.cjs.map} +1 -1
  4. package/dist/{MBadge-B4x-Lx7e.cjs → MBadge-BoxsfX_h.cjs} +2 -2
  5. package/dist/{MBadge-B4x-Lx7e.cjs.map → MBadge-BoxsfX_h.cjs.map} +1 -1
  6. package/dist/{MButton-DrkVdRDy.cjs → MButton-B9k45kH-.cjs} +2 -2
  7. package/dist/{MButton-DrkVdRDy.cjs.map → MButton-B9k45kH-.cjs.map} +1 -1
  8. package/dist/{MCheckbox-C40ESQRe.cjs → MCheckbox-CdDWGVp3.cjs} +2 -2
  9. package/dist/{MCheckbox-C40ESQRe.cjs.map → MCheckbox-CdDWGVp3.cjs.map} +1 -1
  10. package/dist/MDataTable-C3v15no3.cjs +2 -0
  11. package/dist/MDataTable-C3v15no3.cjs.map +1 -0
  12. package/dist/MDataTable-C_XiTGTF.js +297 -0
  13. package/dist/MDataTable-C_XiTGTF.js.map +1 -0
  14. package/dist/{MDrawer-DFkrFrnD.cjs → MDrawer-BtA_Xgj0.cjs} +2 -2
  15. package/dist/{MDrawer-DFkrFrnD.cjs.map → MDrawer-BtA_Xgj0.cjs.map} +1 -1
  16. package/dist/{MDropdownMenu-D79Cm5aS.js → MDropdownMenu-BWgf92rJ.js} +5 -5
  17. package/dist/MDropdownMenu-BWgf92rJ.js.map +1 -0
  18. package/dist/MDropdownMenu-mGE19gCi.cjs +2 -0
  19. package/dist/MDropdownMenu-mGE19gCi.cjs.map +1 -0
  20. package/dist/{MGalleryIllustration-BB3DoCl_.cjs → MGalleryIllustration-D2agVuZM.cjs} +2 -2
  21. package/dist/{MGalleryIllustration-BB3DoCl_.cjs.map → MGalleryIllustration-D2agVuZM.cjs.map} +1 -1
  22. package/dist/{MHeading-BhCNoJeW.cjs → MHeading-BQCe_JhE.cjs} +2 -2
  23. package/dist/{MHeading-BhCNoJeW.cjs.map → MHeading-BQCe_JhE.cjs.map} +1 -1
  24. package/dist/{MI18nProvider-B2sE0x5D.cjs → MI18nProvider-CqAwaswx.cjs} +2 -2
  25. package/dist/{MI18nProvider-B2sE0x5D.cjs.map → MI18nProvider-CqAwaswx.cjs.map} +1 -1
  26. package/dist/{MImage-BKX-xBm3.js → MImage-I0LPhcqF.js} +2 -2
  27. package/dist/MImage-I0LPhcqF.js.map +1 -0
  28. package/dist/{MImage-YbDKE-1t.cjs → MImage-hnSqIPaC.cjs} +2 -2
  29. package/dist/MImage-hnSqIPaC.cjs.map +1 -0
  30. package/dist/{MInline-CHrh3PHH.cjs → MInline-FEXWkr71.cjs} +2 -2
  31. package/dist/{MInline-CHrh3PHH.cjs.map → MInline-FEXWkr71.cjs.map} +1 -1
  32. package/dist/{MInput-DYqV3-rQ.cjs → MInput-5-alcVsu.cjs} +2 -2
  33. package/dist/{MInput-DYqV3-rQ.cjs.map → MInput-5-alcVsu.cjs.map} +1 -1
  34. package/dist/{MInput-bzSwK880.js → MInput-CNSvoRiu.js} +2 -1
  35. package/dist/{MInput-bzSwK880.js.map → MInput-CNSvoRiu.js.map} +1 -1
  36. package/dist/{MInputCVC-BHpMHTO5.js → MInputCVC-BgougfgN.js} +3 -3
  37. package/dist/{MInputCVC-BHpMHTO5.js.map → MInputCVC-BgougfgN.js.map} +1 -1
  38. package/dist/{MInputCVC-5NkYSxV8.cjs → MInputCVC-CRWp1fYi.cjs} +2 -2
  39. package/dist/{MInputCVC-5NkYSxV8.cjs.map → MInputCVC-CRWp1fYi.cjs.map} +1 -1
  40. package/dist/{MInputSearch-Dh4C3Tz5.js → MInputSearch-BwR-BPh2.js} +2 -2
  41. package/dist/{MInputSearch-Dh4C3Tz5.js.map → MInputSearch-BwR-BPh2.js.map} +1 -1
  42. package/dist/{MInputSearch-DfoenJIm.cjs → MInputSearch-X9yNPuTf.cjs} +2 -2
  43. package/dist/{MInputSearch-DfoenJIm.cjs.map → MInputSearch-X9yNPuTf.cjs.map} +1 -1
  44. package/dist/{MLink-CY45UR_j.cjs → MLink-BakLkpKp.cjs} +2 -2
  45. package/dist/{MLink-CY45UR_j.cjs.map → MLink-BakLkpKp.cjs.map} +1 -1
  46. package/dist/{MModal-DT5BBgNZ.cjs → MModal-BYuPCSLG.cjs} +2 -2
  47. package/dist/{MModal-DT5BBgNZ.cjs.map → MModal-BYuPCSLG.cjs.map} +1 -1
  48. package/dist/{MModal-BDTAgnrm.js → MModal-K73juXhN.js} +2 -2
  49. package/dist/{MModal-BDTAgnrm.js.map → MModal-K73juXhN.js.map} +1 -1
  50. package/dist/{MPagination-CZEJMJzZ.cjs → MPagination-B8BcGks_.cjs} +2 -2
  51. package/dist/{MPagination-CZEJMJzZ.cjs.map → MPagination-B8BcGks_.cjs.map} +1 -1
  52. package/dist/{MPagination-CTnaW5AW.js → MPagination-BdBpF3Px.js} +1 -1
  53. package/dist/{MPagination-CTnaW5AW.js.map → MPagination-BdBpF3Px.js.map} +1 -1
  54. package/dist/{MPopover-B4IUb9f0.cjs → MPopover-DfEiRuM9.cjs} +2 -2
  55. package/dist/{MPopover-B4IUb9f0.cjs.map → MPopover-DfEiRuM9.cjs.map} +1 -1
  56. package/dist/{MPortal-Bi24xTGW.cjs → MPortal-CuBXhhl_.cjs} +2 -2
  57. package/dist/{MPortal-Bi24xTGW.cjs.map → MPortal-CuBXhhl_.cjs.map} +1 -1
  58. package/dist/{MQrCode-ByfmG33y.cjs → MQrCode-BXXTLtBP.cjs} +2 -2
  59. package/dist/{MQrCode-ByfmG33y.cjs.map → MQrCode-BXXTLtBP.cjs.map} +1 -1
  60. package/dist/{MSkeleton-DGhtNmpI.js → MSkeleton-BP7H_lsX.js} +2 -2
  61. package/dist/{MSkeleton-DGhtNmpI.js.map → MSkeleton-BP7H_lsX.js.map} +1 -1
  62. package/dist/{MSkeleton-5j1h9s95.cjs → MSkeleton-QO2sI-Ni.cjs} +2 -2
  63. package/dist/{MSkeleton-5j1h9s95.cjs.map → MSkeleton-QO2sI-Ni.cjs.map} +1 -1
  64. package/dist/{MSlider-Ch3VjAJC.cjs → MSlider-fhvfj0ft.cjs} +2 -2
  65. package/dist/{MSlider-Ch3VjAJC.cjs.map → MSlider-fhvfj0ft.cjs.map} +1 -1
  66. package/dist/{MSparkline-B6qpt5WM.cjs → MSparkline-CcM1n7Kh.cjs} +2 -2
  67. package/dist/{MSparkline-B6qpt5WM.cjs.map → MSparkline-CcM1n7Kh.cjs.map} +1 -1
  68. package/dist/{MStack-Bh-R2opf.cjs → MStack-Dy8Zl6FW.cjs} +2 -2
  69. package/dist/{MStack-Bh-R2opf.cjs.map → MStack-Dy8Zl6FW.cjs.map} +1 -1
  70. package/dist/{MSubText-C-70zn0m.cjs → MSubText-C1unzaCF.cjs} +2 -2
  71. package/dist/{MSubText-C-70zn0m.cjs.map → MSubText-C1unzaCF.cjs.map} +1 -1
  72. package/dist/{MSurface-DJYSftdM.js → MSurface-f_3vN0sd.js} +1 -1
  73. package/dist/{MSurface-DJYSftdM.js.map → MSurface-f_3vN0sd.js.map} +1 -1
  74. package/dist/{MSurface-CpiV1-7f.cjs → MSurface-wVqTsi1m.cjs} +2 -2
  75. package/dist/{MSurface-CpiV1-7f.cjs.map → MSurface-wVqTsi1m.cjs.map} +1 -1
  76. package/dist/MTabs-Dg31d-_D.js +89 -0
  77. package/dist/MTabs-Dg31d-_D.js.map +1 -0
  78. package/dist/MTabs-DuLqttVp.cjs +2 -0
  79. package/dist/MTabs-DuLqttVp.cjs.map +1 -0
  80. package/dist/{MTag-Y4Tswmli.cjs → MTag-CeLhZhqT.cjs} +2 -2
  81. package/dist/{MTag-Y4Tswmli.cjs.map → MTag-CeLhZhqT.cjs.map} +1 -1
  82. package/dist/{MText-DEJddMB5.cjs → MText-BbEkc0Ik.cjs} +2 -2
  83. package/dist/{MText-DEJddMB5.cjs.map → MText-BbEkc0Ik.cjs.map} +1 -1
  84. package/dist/{MTimeAgo-DxZGVo2Y.cjs → MTimeAgo-Dd0JQRGj.cjs} +2 -2
  85. package/dist/{MTimeAgo-DxZGVo2Y.cjs.map → MTimeAgo-Dd0JQRGj.cjs.map} +1 -1
  86. package/dist/{MToggle-C8vYRzpC.cjs → MToggle-BZSwJw_z.cjs} +2 -2
  87. package/dist/{MToggle-C8vYRzpC.cjs.map → MToggle-BZSwJw_z.cjs.map} +1 -1
  88. package/dist/{MTooltip-kSTMMpvu.cjs → MTooltip-BE0GcseJ.cjs} +2 -2
  89. package/dist/{MTooltip-kSTMMpvu.cjs.map → MTooltip-BE0GcseJ.cjs.map} +1 -1
  90. package/dist/{arduino-Eif5KI8O.js → arduino-5iMB2x4D.js} +1 -1
  91. package/dist/{arduino-Eif5KI8O.js.map → arduino-5iMB2x4D.js.map} +1 -1
  92. package/dist/{arduino-CXUo7Bjy.cjs → arduino-C1gw-z1N.cjs} +1 -1
  93. package/dist/{arduino-CXUo7Bjy.cjs.map → arduino-C1gw-z1N.cjs.map} +1 -1
  94. package/dist/{bash-CCF_TYbb.js → bash-CNKpaaFe.js} +1 -1
  95. package/dist/{bash-CCF_TYbb.js.map → bash-CNKpaaFe.js.map} +1 -1
  96. package/dist/{bash-W4h3o_nx.cjs → bash-wzZkpJC-.cjs} +1 -1
  97. package/dist/{bash-W4h3o_nx.cjs.map → bash-wzZkpJC-.cjs.map} +1 -1
  98. package/dist/{c-DVgkp6T3.js → c-BKjXPJPn.js} +1 -1
  99. package/dist/{c-DVgkp6T3.js.map → c-BKjXPJPn.js.map} +1 -1
  100. package/dist/{c-Dm60JY-W.cjs → c-BSPjDa0P.cjs} +1 -1
  101. package/dist/{c-Dm60JY-W.cjs.map → c-BSPjDa0P.cjs.map} +1 -1
  102. package/dist/{cards-fn61xD_5.js → cards-BYX8bM2l.js} +457 -307
  103. package/dist/cards-BYX8bM2l.js.map +1 -0
  104. package/dist/cards-lCx9oEVk.cjs +2 -0
  105. package/dist/cards-lCx9oEVk.cjs.map +1 -0
  106. package/dist/cards.cjs +1 -1
  107. package/dist/cards.js +3 -3
  108. package/dist/components/cards/MCardGrid/MCardGrid.d.ts +1 -1
  109. package/dist/components/cards/MCardGrid/MCardGrid.types.d.ts +21 -5
  110. package/dist/components/cards/MCardTile/MCardTile.d.ts +2 -0
  111. package/dist/components/cards/MCardTile/MCardTile.types.d.ts +28 -0
  112. package/dist/components/cards/MCardTile/index.d.ts +2 -0
  113. package/dist/components/cards/ServiceCardsShared/ServiceCardsShared.d.ts +1 -1
  114. package/dist/components/cards/ServiceCardsShared/ServiceCardsShared.types.d.ts +1 -3
  115. package/dist/components/cards/index.d.ts +2 -0
  116. package/dist/components/data/MCalendarBoard/MCalendarBoard.d.ts +8 -7
  117. package/dist/components/data/MCalendarBoard/MCalendarBoard.types.d.ts +75 -6
  118. package/dist/components/data/MCalendarBoard/index.d.ts +2 -2
  119. package/dist/components/data/MDataTable/MDataTable.d.ts +1 -1
  120. package/dist/components/data/MDataTable/MDataTable.types.d.ts +23 -0
  121. package/dist/components/data/MTreeView/MTreeView.d.ts +1 -1
  122. package/dist/components/data/MTreeView/MTreeView.types.d.ts +9 -1
  123. package/dist/components/data/index.d.ts +2 -2
  124. package/dist/components/display/MBlur/MBlur.d.ts +2 -0
  125. package/dist/components/display/MBlur/MBlur.types.d.ts +13 -0
  126. package/dist/components/display/MBlur/index.d.ts +2 -0
  127. package/dist/components/display/index.d.ts +2 -0
  128. package/dist/components/inputs/MInputIBAN/MInputIBAN.types.d.ts +3 -3
  129. package/dist/components/inputs/MInputPhone/MInputPhone.types.d.ts +2 -0
  130. package/dist/components/layout/MGrid/MGrid.d.ts +2 -2
  131. package/dist/components/layout/MGrid/MGrid.types.d.ts +2 -0
  132. package/dist/components/media/MMediaLightbox/MMediaLightbox.d.ts +1 -1
  133. package/dist/components/overlays/MTooltip/MTooltip.types.d.ts +2 -2
  134. package/dist/{controls-C5PtrGZf.cjs → controls-CZCxbJgq.cjs} +2 -2
  135. package/dist/{controls-C5PtrGZf.cjs.map → controls-CZCxbJgq.cjs.map} +1 -1
  136. package/dist/controls.cjs +1 -1
  137. package/dist/{core-CB9-PTLK.js → core-B8VC-Umz.js} +1 -1
  138. package/dist/{core-CB9-PTLK.js.map → core-B8VC-Umz.js.map} +1 -1
  139. package/dist/{core-AKWkE8Bx.cjs → core-w629c4ND.cjs} +1 -1
  140. package/dist/{core-AKWkE8Bx.cjs.map → core-w629c4ND.cjs.map} +1 -1
  141. package/dist/{cpp-DyKt1H8n.cjs → cpp-LIcuHkFj.cjs} +1 -1
  142. package/dist/{cpp-DyKt1H8n.cjs.map → cpp-LIcuHkFj.cjs.map} +1 -1
  143. package/dist/{cpp-OOenfB17.js → cpp-bNWmO1Au.js} +1 -1
  144. package/dist/{cpp-OOenfB17.js.map → cpp-bNWmO1Au.js.map} +1 -1
  145. package/dist/creditCards-D_HwRUBz.cjs +2 -0
  146. package/dist/creditCards-D_HwRUBz.cjs.map +1 -0
  147. package/dist/{creditCards-CCysEwry.js → creditCards-D_iWmtG6.js} +14 -8
  148. package/dist/creditCards-D_iWmtG6.js.map +1 -0
  149. package/dist/{css-DxVbPJLu.cjs → css-D6fGBtGV.cjs} +1 -1
  150. package/dist/{css-DxVbPJLu.cjs.map → css-D6fGBtGV.cjs.map} +1 -1
  151. package/dist/{css-u5LSEAra.js → css-h_5aJA6y.js} +1 -1
  152. package/dist/{css-u5LSEAra.js.map → css-h_5aJA6y.js.map} +1 -1
  153. package/dist/data-CcS-eYye.cjs +2 -0
  154. package/dist/data-CcS-eYye.cjs.map +1 -0
  155. package/dist/data-DT1ncDx_.js +2997 -0
  156. package/dist/data-DT1ncDx_.js.map +1 -0
  157. package/dist/data.cjs +1 -1
  158. package/dist/data.js +3 -3
  159. package/dist/{display-BafEcBK_.cjs → display-BxVd6MMK.cjs} +3 -3
  160. package/dist/display-BxVd6MMK.cjs.map +1 -0
  161. package/dist/{display-Zxj9YHu_.js → display-CtVfcztO.js} +47 -18
  162. package/dist/display-CtVfcztO.js.map +1 -0
  163. package/dist/display.cjs +1 -1
  164. package/dist/display.js +4 -4
  165. package/dist/dropdowns-BgpcQ9Hq.cjs +2 -0
  166. package/dist/dropdowns-BgpcQ9Hq.cjs.map +1 -0
  167. package/dist/{dropdowns-Bw8obCYl.js → dropdowns-C58ur0qF.js} +582 -555
  168. package/dist/dropdowns-C58ur0qF.js.map +1 -0
  169. package/dist/dropdowns.cjs +1 -1
  170. package/dist/dropdowns.js +1 -1
  171. package/dist/{feedback-Di0SEpRe.cjs → feedback-BJiO6j28.cjs} +2 -2
  172. package/dist/{feedback-Di0SEpRe.cjs.map → feedback-BJiO6j28.cjs.map} +1 -1
  173. package/dist/{feedback-8H3bmQw5.js → feedback-q3oO-E_X.js} +5 -5
  174. package/dist/{feedback-8H3bmQw5.js.map → feedback-q3oO-E_X.js.map} +1 -1
  175. package/dist/feedback.cjs +1 -1
  176. package/dist/feedback.js +2 -2
  177. package/dist/{form-BYz99Py5.cjs → form-D7OKrCBM.cjs} +2 -2
  178. package/dist/{form-BYz99Py5.cjs.map → form-D7OKrCBM.cjs.map} +1 -1
  179. package/dist/{form-JHlvtP9r.js → form-DIOkVhd9.js} +2 -2
  180. package/dist/{form-JHlvtP9r.js.map → form-DIOkVhd9.js.map} +1 -1
  181. package/dist/form.cjs +1 -1
  182. package/dist/form.js +1 -1
  183. package/dist/{frameworkTexts-CvxcWRXp.js → frameworkTexts-Bzd6bn9s.js} +3 -1
  184. package/dist/frameworkTexts-Bzd6bn9s.js.map +1 -0
  185. package/dist/frameworkTexts-CJHzJHsg.cjs +2 -0
  186. package/dist/frameworkTexts-CJHzJHsg.cjs.map +1 -0
  187. package/dist/i18n/frameworkTexts.d.ts +2 -0
  188. package/dist/i18n.cjs +1 -1
  189. package/dist/icons-CfpYxnfg.js.map +1 -1
  190. package/dist/{icons-DWMgDKgt.cjs → icons-lUQfZ4Jr.cjs} +2 -2
  191. package/dist/{icons-DWMgDKgt.cjs.map → icons-lUQfZ4Jr.cjs.map} +1 -1
  192. package/dist/icons.cjs +1 -1
  193. package/dist/illustrations.cjs +1 -1
  194. package/dist/index.cjs +1 -1
  195. package/dist/index.js +43 -42
  196. package/dist/inputs-DOO1tKK9.cjs +2 -0
  197. package/dist/inputs-DOO1tKK9.cjs.map +1 -0
  198. package/dist/{inputs-Bcwd_UTr.js → inputs-Dwjwa_SJ.js} +545 -439
  199. package/dist/inputs-Dwjwa_SJ.js.map +1 -0
  200. package/dist/inputs.cjs +1 -1
  201. package/dist/inputs.js +5 -5
  202. package/dist/{javascript-CXjsxb-I.js → javascript-BnTECToz.js} +1 -1
  203. package/dist/{javascript-CXjsxb-I.js.map → javascript-BnTECToz.js.map} +1 -1
  204. package/dist/{javascript-CzjCTQxn.cjs → javascript-Oy5hkezl.cjs} +1 -1
  205. package/dist/{javascript-CzjCTQxn.cjs.map → javascript-Oy5hkezl.cjs.map} +1 -1
  206. package/dist/{json-9Qq5guN0.cjs → json-BP8eqPWc.cjs} +1 -1
  207. package/dist/{json-9Qq5guN0.cjs.map → json-BP8eqPWc.cjs.map} +1 -1
  208. package/dist/{json-CyV5VF8D.js → json-Ci-bDynf.js} +1 -1
  209. package/dist/{json-CyV5VF8D.js.map → json-Ci-bDynf.js.map} +1 -1
  210. package/dist/layout-B3S9bvaP.cjs +2 -0
  211. package/dist/layout-B3S9bvaP.cjs.map +1 -0
  212. package/dist/{layout-BpEnTocp.js → layout-BqDbW0Qn.js} +265 -347
  213. package/dist/layout-BqDbW0Qn.js.map +1 -0
  214. package/dist/layout.cjs +1 -1
  215. package/dist/layout.js +7 -6
  216. package/dist/{licensing-ezfo7ZTh.cjs → licensing-Df1Z1rnQ.cjs} +2 -2
  217. package/dist/{licensing-ezfo7ZTh.cjs.map → licensing-Df1Z1rnQ.cjs.map} +1 -1
  218. package/dist/{locale-CZyqh3ON.cjs → locale-Ba2yreFR.cjs} +2 -2
  219. package/dist/{locale-CZyqh3ON.cjs.map → locale-Ba2yreFR.cjs.map} +1 -1
  220. package/dist/{media-CiHsgOmu.cjs → media-C5atCcc6.cjs} +2 -2
  221. package/dist/{media-CiHsgOmu.cjs.map → media-C5atCcc6.cjs.map} +1 -1
  222. package/dist/{media-IM9mfVAn.js → media-DdshnqJ1.js} +3 -3
  223. package/dist/{media-IM9mfVAn.js.map → media-DdshnqJ1.js.map} +1 -1
  224. package/dist/media.cjs +1 -1
  225. package/dist/media.js +2 -2
  226. package/dist/{overlays-DrSGzbbA.cjs → overlays-BC_6IATL.cjs} +2 -2
  227. package/dist/{overlays-DrSGzbbA.cjs.map → overlays-BC_6IATL.cjs.map} +1 -1
  228. package/dist/{overlays-CGlqD3rl.js → overlays-zUoV_Jy7.js} +2 -2
  229. package/dist/{overlays-CGlqD3rl.js.map → overlays-zUoV_Jy7.js.map} +1 -1
  230. package/dist/overlays.cjs +1 -1
  231. package/dist/overlays.js +3 -3
  232. package/dist/{php-Br75m0HU.cjs → php-Cwjc-ZYq.cjs} +1 -1
  233. package/dist/{php-Br75m0HU.cjs.map → php-Cwjc-ZYq.cjs.map} +1 -1
  234. package/dist/{php-deNqvHeU.js → php-DJ5j7KZU.js} +1 -1
  235. package/dist/{php-deNqvHeU.js.map → php-DJ5j7KZU.js.map} +1 -1
  236. package/dist/primitives.cjs +1 -1
  237. package/dist/style-runtime.cjs +1 -1
  238. package/dist/style-runtime.js +1 -1
  239. package/dist/styles.css +1 -1
  240. package/dist/{theme-CgS-bND3.cjs → theme-Bb_NAEiZ.cjs} +2 -2
  241. package/dist/{theme-CgS-bND3.cjs.map → theme-Bb_NAEiZ.cjs.map} +1 -1
  242. package/dist/theme.cjs +1 -1
  243. package/dist/{typescript-jNfCpQvl.js → typescript-DUexJ4gh.js} +1 -1
  244. package/dist/{typescript-jNfCpQvl.js.map → typescript-DUexJ4gh.js.map} +1 -1
  245. package/dist/{typescript-CRgqVaw_.cjs → typescript-QKlfKtex.cjs} +1 -1
  246. package/dist/{typescript-CRgqVaw_.cjs.map → typescript-QKlfKtex.cjs.map} +1 -1
  247. package/dist/{typography-Zo4Usx9I.cjs → typography-CRKIyR-B.cjs} +2 -2
  248. package/dist/{typography-Zo4Usx9I.cjs.map → typography-CRKIyR-B.cjs.map} +1 -1
  249. package/dist/typography.cjs +1 -1
  250. package/dist/{useGhostText-tv1LiSPs.cjs → useGhostText-mibV4s1-.cjs} +2 -2
  251. package/dist/{useGhostText-tv1LiSPs.cjs.map → useGhostText-mibV4s1-.cjs.map} +1 -1
  252. package/dist/{useInteractionEffect-D1ZdNbKU.cjs → useInteractionEffect-CtXlbjhC.cjs} +2 -2
  253. package/dist/{useInteractionEffect-D1ZdNbKU.cjs.map → useInteractionEffect-CtXlbjhC.cjs.map} +1 -1
  254. package/dist/{useKeyboardNav-CkIlAagq.cjs → useKeyboardNav-CCUoRMgm.cjs} +2 -2
  255. package/dist/{useKeyboardNav-CkIlAagq.cjs.map → useKeyboardNav-CCUoRMgm.cjs.map} +1 -1
  256. package/dist/utils/creditCards.d.ts +1 -0
  257. package/dist/utils/validators.d.ts +2 -0
  258. package/dist/utils.cjs +1 -1
  259. package/dist/utils.js +3 -3
  260. package/dist/{validators-H8tNxb8O.js → validators-D5OCyV2h.js} +23 -20
  261. package/dist/validators-D5OCyV2h.js.map +1 -0
  262. package/dist/{validators-BeNTD8mf.cjs → validators-DRhikiAi.cjs} +2 -2
  263. package/dist/validators-DRhikiAi.cjs.map +1 -0
  264. package/dist/{xml-C_ksWBRH.cjs → xml-DEtyywwU.cjs} +1 -1
  265. package/dist/{xml-C_ksWBRH.cjs.map → xml-DEtyywwU.cjs.map} +1 -1
  266. package/dist/{xml-0Th6YIDv.js → xml-DlZghN7m.js} +1 -1
  267. package/dist/{xml-0Th6YIDv.js.map → xml-DlZghN7m.js.map} +1 -1
  268. package/package.json +1 -1
  269. package/dist/MDataTable-Bx7W-Ari.cjs +0 -2
  270. package/dist/MDataTable-Bx7W-Ari.cjs.map +0 -1
  271. package/dist/MDataTable-ByvNQqNP.js +0 -149
  272. package/dist/MDataTable-ByvNQqNP.js.map +0 -1
  273. package/dist/MDropdownMenu-BmfXSc46.cjs +0 -2
  274. package/dist/MDropdownMenu-BmfXSc46.cjs.map +0 -1
  275. package/dist/MDropdownMenu-D79Cm5aS.js.map +0 -1
  276. package/dist/MImage-BKX-xBm3.js.map +0 -1
  277. package/dist/MImage-YbDKE-1t.cjs.map +0 -1
  278. package/dist/cards-BiYdorB0.cjs +0 -2
  279. package/dist/cards-BiYdorB0.cjs.map +0 -1
  280. package/dist/cards-fn61xD_5.js.map +0 -1
  281. package/dist/creditCards-CCysEwry.js.map +0 -1
  282. package/dist/creditCards-ljs044xt.cjs +0 -2
  283. package/dist/creditCards-ljs044xt.cjs.map +0 -1
  284. package/dist/data-BiwK5rfx.js +0 -2527
  285. package/dist/data-BiwK5rfx.js.map +0 -1
  286. package/dist/data-DOuPqg8d.cjs +0 -2
  287. package/dist/data-DOuPqg8d.cjs.map +0 -1
  288. package/dist/display-BafEcBK_.cjs.map +0 -1
  289. package/dist/display-Zxj9YHu_.js.map +0 -1
  290. package/dist/dropdowns-Bw8obCYl.js.map +0 -1
  291. package/dist/dropdowns-DN7j1HhE.cjs +0 -2
  292. package/dist/dropdowns-DN7j1HhE.cjs.map +0 -1
  293. package/dist/frameworkTexts-CvxcWRXp.js.map +0 -1
  294. package/dist/frameworkTexts-abkS5XZK.cjs +0 -2
  295. package/dist/frameworkTexts-abkS5XZK.cjs.map +0 -1
  296. package/dist/inputs-Bcwd_UTr.js.map +0 -1
  297. package/dist/inputs-FP545Yri.cjs +0 -2
  298. package/dist/inputs-FP545Yri.cjs.map +0 -1
  299. package/dist/layout-BpEnTocp.js.map +0 -1
  300. package/dist/layout-rtlHrjDb.cjs +0 -2
  301. package/dist/layout-rtlHrjDb.cjs.map +0 -1
  302. package/dist/validators-BeNTD8mf.cjs.map +0 -1
  303. package/dist/validators-H8tNxb8O.js.map +0 -1
@@ -1,2527 +0,0 @@
1
- import { t as e } from "./theme-D_f-cmSA.js";
2
- import { $r as t, Ai as n, Ar as r, At as i, Br as a, Cr as o, Dr as s, Ei as c, Fr as l, Gr as u, Hr as d, Ir as f, Jr as p, Kr as m, Li as h, Lr as g, Mr as _, Or as v, Pi as y, Pr as b, Qr as x, Rr as S, Sr as C, Tr as w, Ur as T, Vr as E, Wr as D, Yr as O, dn as k, ei as A, ii as j, jr as M, jt as ee, kr as N, nn as te, qr as ne, sn as re, ti as ie, tn as ae, vr as oe, wr as se, xr as P, zr as F } from "./icons-CfpYxnfg.js";
3
- import { t as I } from "./cn-YER3QsV1.js";
4
- import { t as ce } from "./MPortal-Ba2Sxset.js";
5
- import { t as L } from "./MPopover-Cqz5TsHg.js";
6
- import { t as le } from "./MInline-CoMhfX5V.js";
7
- import { t as R } from "./MText-DcB1GAt-.js";
8
- import { t as ue } from "./MHeading-MPh8Qm9q.js";
9
- import { t as de } from "./MSubText-BFdfBlpS.js";
10
- import { r as fe, t as z } from "./MButton-y9qXhhGt.js";
11
- import { t as B } from "./MCheckbox-B-nT2OBE.js";
12
- import { t as V } from "./MBadge-_BggwkrM.js";
13
- import { n as pe, r as H } from "./MSkeleton-DGhtNmpI.js";
14
- import { t as me } from "./MModal-BDTAgnrm.js";
15
- import { i as U, r as he } from "./MDropdownMenu-D79Cm5aS.js";
16
- import { t as ge } from "./locale-JX_gX03k.js";
17
- import { t as W } from "./MTimeAgo-C4p80NvI.js";
18
- import { t as _e } from "./MImage-BKX-xBm3.js";
19
- import { t as ve } from "./MAvatar-BHASnoyu.js";
20
- import { t as ye } from "./MInputSearch-Dh4C3Tz5.js";
21
- import { a as be, c as xe, d as Se, f as Ce, i as we, l as Te, n as Ee, o as De, r as Oe, s as G, u as ke } from "./MSparkline-voNWOLNz.js";
22
- import { a as Ae, r as je, t as Me } from "./frameworkTexts-CvxcWRXp.js";
23
- import { t as Ne } from "./MStack-CSaEbepM.js";
24
- import { Children as Pe, createContext as Fe, isValidElement as Ie, useCallback as K, useContext as Le, useEffect as Re, useMemo as q, useRef as J, useState as Y } from "react";
25
- import { Fragment as ze, jsx as X, jsxs as Z } from "react/jsx-runtime";
26
- //#region src/components/data/MChat/MChatContext.ts
27
- var Be = Fe({});
28
- function Ve() {
29
- return Le(Be);
30
- }
31
- //#endregion
32
- //#region src/components/data/MChat/MChat.tsx
33
- function He(e, t) {
34
- return Ie(e) && !!e.type[t];
35
- }
36
- function Ue({ variant: e = "inline", open: t, onToggle: n, unreadCount: r, color: a = "primary", className: o, children: s, ...c }) {
37
- let l = null, u = null, d = [];
38
- Pe.forEach(s, (e) => {
39
- if (He(e, "__chatHeader")) {
40
- l = e;
41
- return;
42
- }
43
- if (He(e, "__chatConversationList")) {
44
- u = e;
45
- return;
46
- }
47
- d.push(e);
48
- });
49
- let f = q(() => ({ color: a }), [a]), p = /* @__PURE__ */ X(Be.Provider, {
50
- value: f,
51
- children: /* @__PURE__ */ Z("div", {
52
- className: I("chat", e, `color-${a}`, e === "floating" && t && "open", o),
53
- ...c,
54
- children: [u && /* @__PURE__ */ X("div", {
55
- className: "chat-sidebar",
56
- children: u
57
- }), /* @__PURE__ */ Z("div", {
58
- className: "chat-main",
59
- children: [l, d]
60
- })]
61
- })
62
- });
63
- return e === "floating" ? /* @__PURE__ */ X(ce, { children: /* @__PURE__ */ Z("div", {
64
- className: I("chat-floating-wrapper", t && "open"),
65
- children: [t && p, /* @__PURE__ */ X(z, {
66
- variant: "filled",
67
- color: a,
68
- shape: "circle",
69
- size: "lg",
70
- className: "chat-floating-trigger",
71
- onClick: n,
72
- "aria-label": t ? "Close chat" : "Open chat",
73
- badge: !t && r ? r : void 0,
74
- badgeColor: "error",
75
- badgePulsing: !t && !!r,
76
- children: /* @__PURE__ */ X(i, {})
77
- })]
78
- }) }) : p;
79
- }
80
- //#endregion
81
- //#region src/components/data/MChat/MChatHeader.tsx
82
- function We({ bordered: e = !1, className: t, children: n, ...r }) {
83
- return /* @__PURE__ */ X("div", {
84
- className: I("chat-header", e && "bordered", t),
85
- ...r,
86
- children: n
87
- });
88
- }
89
- We.__chatHeader = !0;
90
- //#endregion
91
- //#region src/components/data/MChat/MChatMessage.tsx
92
- function Ge({ status: e }) {
93
- if (!e) return null;
94
- let t = e === "delivered" || e === "read";
95
- return /* @__PURE__ */ X("span", {
96
- className: I("chat-status", e === "read" ? "chat-status-read" : ""),
97
- "aria-label": e,
98
- children: t ? "✓✓" : "✓"
99
- });
100
- }
101
- function Ke({ message: e, showAvatar: t = !0, showTimestamp: n = !0, color: r, className: i, ...a }) {
102
- let { content: o, sender: s, timestamp: c, status: l, isOwn: u, images: d } = e;
103
- return /* @__PURE__ */ Z("div", {
104
- className: I("chat-message", u && "own", r || void 0, i),
105
- ...a,
106
- children: [t && !u && /* @__PURE__ */ X(ve, {
107
- src: s.avatar,
108
- name: s.name,
109
- size: "sm",
110
- color: r,
111
- className: "chat-message-avatar"
112
- }), /* @__PURE__ */ Z("div", {
113
- className: "chat-message-content",
114
- children: [
115
- !u && /* @__PURE__ */ X(R, {
116
- className: "chat-message-sender",
117
- color: "neutral",
118
- children: s.name
119
- }),
120
- /* @__PURE__ */ Z("div", {
121
- className: "chat-message-bubble",
122
- children: [o && /* @__PURE__ */ X(R, { children: o }), d && d.length > 0 && /* @__PURE__ */ X("div", {
123
- className: I("chat-message-images", d.length > 1 && "grid"),
124
- children: d.map((e, t) => /* @__PURE__ */ X(_e, {
125
- src: e,
126
- alt: "",
127
- fit: "cover",
128
- rounded: !0,
129
- className: "chat-message-image"
130
- }, t))
131
- })]
132
- }),
133
- /* @__PURE__ */ Z("div", {
134
- className: "chat-message-meta",
135
- children: [u && /* @__PURE__ */ X(Ge, { status: l }), n && /* @__PURE__ */ X(de, {
136
- className: "chat-message-time",
137
- children: /* @__PURE__ */ X(W, { value: c })
138
- })]
139
- })
140
- ]
141
- })]
142
- });
143
- }
144
- //#endregion
145
- //#region src/components/data/MChat/MChatBody.tsx
146
- function qe({ messages: e, onScrollTop: t, loading: n = !1, color: r, className: i, children: a, ...o }) {
147
- let { color: s } = Ve(), c = r ?? s, l = J(null), u = J(!0), d = J(0), f = K(() => {
148
- let e = l.current;
149
- e && (e.scrollTop = e.scrollHeight);
150
- }, []);
151
- return Re(() => {
152
- let t = e?.length ?? 0;
153
- t > d.current && u.current && f(), d.current = t;
154
- }, [e?.length, f]), Re(() => {
155
- f();
156
- }, [f]), /* @__PURE__ */ Z("div", {
157
- ref: l,
158
- className: I("chat-body", i),
159
- onScroll: () => {
160
- let e = l.current;
161
- e && (u.current = e.scrollHeight - e.scrollTop - e.clientHeight < 40, e.scrollTop < 40 && t && !n && t());
162
- },
163
- ...o,
164
- children: [
165
- n && /* @__PURE__ */ X("div", {
166
- className: "chat-body-loader",
167
- children: /* @__PURE__ */ X(fe, { size: "sm" })
168
- }),
169
- e?.map((e) => /* @__PURE__ */ X(Ke, {
170
- message: e,
171
- color: c
172
- }, e.id)),
173
- a
174
- ]
175
- });
176
- }
177
- //#endregion
178
- //#region src/components/data/MChat/emojis.ts
179
- var Je = [
180
- {
181
- label: "Smileys",
182
- emojis: /* @__PURE__ */ "😀.😃.😄.😁.😆.😅.🤣.😂.🙂.😊.😇.🥰.😍.🤩.😘.😗.😋.😛.😜.🤪.😝.🤗.🤔.🫡.🤐.🤨.😐.😑.😶.🫠.😏.😒.🙄.😬.😮‍💨.🤥.😌.😔.😪.🤤.😴.😷.🤒.🤕.🤢.🤮.🤧.🥵.🥶.😵.🤯.🥳.🥸.😎.🤓.🧐".split(".")
183
- },
184
- {
185
- label: "Gestures",
186
- emojis: /* @__PURE__ */ "👋.🤚.🖐️.✋.🖖.🫱.🫲.👌.🤌.🤏.✌️.🤞.🫰.🤟.🤘.🤙.👈.👉.👆.👇.☝️.👍.👎.✊.👊.🤛.🤜.👏.🙌.🫶.👐.🤝".split(".")
187
- },
188
- {
189
- label: "Hearts",
190
- emojis: [
191
- "❤️",
192
- "🧡",
193
- "💛",
194
- "💚",
195
- "💙",
196
- "💜",
197
- "🖤",
198
- "🤍",
199
- "🤎",
200
- "💔",
201
- "❤️‍🔥",
202
- "❤️‍🩹",
203
- "💕",
204
- "💞",
205
- "💓",
206
- "💗",
207
- "💖",
208
- "💘",
209
- "💝",
210
- "💟"
211
- ]
212
- },
213
- {
214
- label: "Objects",
215
- emojis: [
216
- "🔥",
217
- "✨",
218
- "🌟",
219
- "💫",
220
- "⚡",
221
- "💥",
222
- "🎉",
223
- "🎊",
224
- "🏆",
225
- "🥇",
226
- "🎯",
227
- "💡",
228
- "📌",
229
- "📎",
230
- "✅",
231
- "❌",
232
- "⭐",
233
- "💬",
234
- "👁️‍🗨️",
235
- "🔔"
236
- ]
237
- }
238
- ], Ye = "image/png,image/jpeg,image/gif,image/webp";
239
- function Xe({ onSend: e, placeholder: t = "Type a message…", disabled: n = !1, showEmoji: r = !0, showAttach: i = !0, onTyping: a, color: o, className: s, ...l }) {
240
- let { color: u } = Ve(), d = o ?? u, [f, p] = Y(""), [m, g] = Y(!1), [_, v] = Y([]), [y, b] = Y([]), [x, S] = Y(!1), C = J(null), w = J(null), T = J(null), E = J(!1), D = J(void 0), O = K((e) => {
241
- let t = e.filter((e) => e.type.startsWith("image/"));
242
- t.length !== 0 && (v((e) => [...e, ...t]), t.forEach((e) => {
243
- let t = URL.createObjectURL(e);
244
- b((e) => [...e, t]);
245
- }));
246
- }, []), k = K((e) => {
247
- b((t) => (URL.revokeObjectURL(t[e]), t.filter((t, n) => n !== e))), v((t) => t.filter((t, n) => n !== e));
248
- }, []);
249
- Re(() => () => y.forEach((e) => URL.revokeObjectURL(e)), []);
250
- let A = K(() => {
251
- let t = f.trim();
252
- !t && _.length === 0 || n || (e?.(t, _.length > 0 ? _ : void 0), p(""), v([]), b((e) => (e.forEach((e) => URL.revokeObjectURL(e)), [])), C.current && (C.current.style.height = "auto"), E.current && (E.current = !1, a?.(!1)));
253
- }, [
254
- f,
255
- _,
256
- n,
257
- e,
258
- a
259
- ]), j = (e) => {
260
- e.key === "Enter" && !e.shiftKey && (e.preventDefault(), A());
261
- }, M = (e) => {
262
- p(e.target.value), N(e.target), a && (E.current || (E.current = !0, a(!0)), clearTimeout(D.current), D.current = setTimeout(() => {
263
- E.current = !1, a(!1);
264
- }, 1500));
265
- }, N = (e) => {
266
- e.style.height = "auto", e.style.height = Math.min(e.scrollHeight, 120) + "px";
267
- };
268
- Re(() => () => clearTimeout(D.current), []);
269
- let te = (e) => {
270
- p((t) => t + e), g(!1), C.current?.focus();
271
- }, ne = (e) => {
272
- e.preventDefault(), S(!0);
273
- }, re = (e) => {
274
- e.preventDefault(), S(!1);
275
- }, ie = (e) => {
276
- e.preventDefault(), S(!1), O(Array.from(e.dataTransfer.files));
277
- }, ae = () => {
278
- let e = T.current?.files;
279
- e && O(Array.from(e)), T.current && (T.current.value = "");
280
- }, oe = f.trim() || _.length > 0;
281
- return /* @__PURE__ */ Z("div", {
282
- className: I("chat-input", x && "drag-over", s),
283
- onDragOver: ne,
284
- onDragLeave: re,
285
- onDrop: ie,
286
- ...l,
287
- children: [y.length > 0 && /* @__PURE__ */ X("div", {
288
- className: "chat-input-previews",
289
- children: y.map((e, t) => /* @__PURE__ */ Z("div", {
290
- className: "chat-input-preview",
291
- children: [/* @__PURE__ */ X(_e, {
292
- src: e,
293
- alt: "",
294
- fit: "cover",
295
- rounded: !0,
296
- className: "chat-input-preview-img"
297
- }), /* @__PURE__ */ X("button", {
298
- type: "button",
299
- className: "chat-input-preview-remove",
300
- onClick: () => k(t),
301
- "aria-label": "Remove image",
302
- children: /* @__PURE__ */ X(h, {})
303
- })]
304
- }, t))
305
- }), /* @__PURE__ */ Z("div", {
306
- className: "chat-input-field",
307
- children: [
308
- r && /* @__PURE__ */ Z(ze, { children: [/* @__PURE__ */ X("button", {
309
- ref: w,
310
- type: "button",
311
- className: "chat-input-emoji-trigger",
312
- onClick: () => g((e) => !e),
313
- "aria-label": "Emoji",
314
- disabled: n,
315
- children: "😊"
316
- }), /* @__PURE__ */ X(L, {
317
- open: m,
318
- anchorRef: w,
319
- onClose: () => g(!1),
320
- placement: "top-start",
321
- children: /* @__PURE__ */ X("div", {
322
- className: "chat-emoji-picker",
323
- children: Je.map((e) => /* @__PURE__ */ Z("div", {
324
- className: "chat-emoji-category",
325
- children: [/* @__PURE__ */ X("div", {
326
- className: "chat-emoji-category-label",
327
- children: e.label
328
- }), /* @__PURE__ */ X("div", {
329
- className: "chat-emoji-grid",
330
- children: e.emojis.map((e) => /* @__PURE__ */ X("button", {
331
- type: "button",
332
- className: "chat-emoji-btn",
333
- onClick: () => te(e),
334
- children: e
335
- }, e))
336
- })]
337
- }, e.label))
338
- })
339
- })] }),
340
- i && /* @__PURE__ */ Z(ze, { children: [/* @__PURE__ */ X("input", {
341
- ref: T,
342
- type: "file",
343
- accept: Ye,
344
- multiple: !0,
345
- className: "chat-input-file-hidden",
346
- onChange: ae,
347
- tabIndex: -1
348
- }), /* @__PURE__ */ X("button", {
349
- type: "button",
350
- className: "chat-input-attach-trigger",
351
- onClick: () => T.current?.click(),
352
- "aria-label": "Attach image",
353
- disabled: n,
354
- children: /* @__PURE__ */ X(c, { color: "inherit" })
355
- })] }),
356
- /* @__PURE__ */ X("textarea", {
357
- ref: C,
358
- className: "chat-input-textarea",
359
- value: f,
360
- onChange: M,
361
- onKeyDown: j,
362
- placeholder: t,
363
- disabled: n,
364
- rows: 1
365
- }),
366
- /* @__PURE__ */ X(z, {
367
- variant: "filled",
368
- size: "sm",
369
- color: d ?? "primary",
370
- iconOnly: !0,
371
- shape: "circle",
372
- className: "chat-input-send",
373
- onClick: A,
374
- disabled: n || !oe,
375
- "aria-label": "Send",
376
- children: /* @__PURE__ */ X(ee, {})
377
- })
378
- ]
379
- })]
380
- });
381
- }
382
- //#endregion
383
- //#region src/components/data/MChat/MChatTypingIndicator.tsx
384
- function Ze({ users: e = [], visible: t = !0, className: n, ...r }) {
385
- if (!t || e.length === 0) return null;
386
- let i = e.length === 1 ? `${e[0].name} is typing` : e.length === 2 ? `${e[0].name} and ${e[1].name} are typing` : `${e[0].name} and ${e.length - 1} others are typing`;
387
- return /* @__PURE__ */ Z("div", {
388
- className: I("chat-typing", n),
389
- "aria-label": i,
390
- ...r,
391
- children: [e.length === 1 && /* @__PURE__ */ X(ve, {
392
- src: e[0].avatar,
393
- name: e[0].name,
394
- size: "sm",
395
- className: "chat-typing-avatar"
396
- }), /* @__PURE__ */ Z("div", {
397
- className: "chat-typing-dots",
398
- children: [
399
- /* @__PURE__ */ X("span", { className: "chat-typing-dot" }),
400
- /* @__PURE__ */ X("span", { className: "chat-typing-dot" }),
401
- /* @__PURE__ */ X("span", { className: "chat-typing-dot" })
402
- ]
403
- })]
404
- });
405
- }
406
- //#endregion
407
- //#region src/components/data/MChat/MChatConversationList.tsx
408
- function Qe({ className: e, children: t, ...n }) {
409
- return /* @__PURE__ */ X("div", {
410
- className: I("chat-conversation-list", e),
411
- ...n,
412
- children: t
413
- });
414
- }
415
- Qe.__chatConversationList = !0;
416
- //#endregion
417
- //#region src/components/data/MChat/MChatConversationItem.tsx
418
- function $e({ conversation: e, active: t = !1, color: n, onClick: r, className: i, ...a }) {
419
- let { color: o } = Ve(), s = n ?? o, { title: c, participants: l, lastMessage: u, unreadCount: d } = e, f = c ?? l.map((e) => e.name).join(", "), p = l[0], m = l.some((e) => e.online);
420
- return /* @__PURE__ */ Z("div", {
421
- className: I("chat-conversation-item", t && "active", i),
422
- onClick: () => r?.(e),
423
- role: "button",
424
- tabIndex: 0,
425
- onKeyDown: (t) => {
426
- (t.key === "Enter" || t.key === " ") && (t.preventDefault(), r?.(e));
427
- },
428
- ...a,
429
- children: [/* @__PURE__ */ X(ve, {
430
- src: p?.avatar,
431
- name: p?.name,
432
- size: "md",
433
- color: s,
434
- badge: m,
435
- badgeColor: "success",
436
- className: "chat-conversation-avatar"
437
- }), /* @__PURE__ */ Z("div", {
438
- className: "chat-conversation-info",
439
- children: [/* @__PURE__ */ Z("div", {
440
- className: "chat-conversation-top",
441
- children: [/* @__PURE__ */ X(R, {
442
- className: "chat-conversation-name",
443
- children: f
444
- }), u && /* @__PURE__ */ X(de, {
445
- className: "chat-conversation-time",
446
- children: /* @__PURE__ */ X(W, { value: u.timestamp })
447
- })]
448
- }), u && /* @__PURE__ */ Z("div", {
449
- className: "chat-conversation-bottom",
450
- children: [/* @__PURE__ */ Z(de, {
451
- className: "chat-conversation-preview",
452
- children: [u.isOwn ? "You: " : "", u.content]
453
- }), !!d && d > 0 && /* @__PURE__ */ X(V, {
454
- color: s ?? "primary",
455
- size: "sm",
456
- rounded: !0,
457
- children: d
458
- })]
459
- })]
460
- })]
461
- });
462
- }
463
- //#endregion
464
- //#region src/components/data/MTreeView/MTreeView.tsx
465
- var et = {
466
- pdf: /* @__PURE__ */ X(A, {}),
467
- ts: /* @__PURE__ */ X(T, {}),
468
- tsx: /* @__PURE__ */ X(D, {}),
469
- js: /* @__PURE__ */ X(M, {}),
470
- jsx: /* @__PURE__ */ X(x, {}),
471
- css: /* @__PURE__ */ X(se, {}),
472
- scss: /* @__PURE__ */ X(se, {}),
473
- html: /* @__PURE__ */ X(N, {}),
474
- json: /* @__PURE__ */ X(_, {}),
475
- md: /* @__PURE__ */ X(b, {}),
476
- txt: /* @__PURE__ */ X(u, {}),
477
- csv: /* @__PURE__ */ X(w, {}),
478
- zip: /* @__PURE__ */ X(O, {}),
479
- rar: /* @__PURE__ */ X(E, {}),
480
- svg: /* @__PURE__ */ X(d, {}),
481
- png: /* @__PURE__ */ X(F, {}),
482
- jpg: /* @__PURE__ */ X(r, {}),
483
- jpeg: /* @__PURE__ */ X(t, {}),
484
- gif: /* @__PURE__ */ X(v, {}),
485
- webp: /* @__PURE__ */ X(m, {}),
486
- php: /* @__PURE__ */ X(S, {}),
487
- xml: /* @__PURE__ */ X(p, {}),
488
- xls: /* @__PURE__ */ X(ne, {}),
489
- ppt: /* @__PURE__ */ X(a, {}),
490
- odt: /* @__PURE__ */ X(g, {}),
491
- exe: /* @__PURE__ */ X(s, {}),
492
- mp3: /* @__PURE__ */ X(l, {}),
493
- mp4: /* @__PURE__ */ X(f, {})
494
- };
495
- function tt(e) {
496
- let t = e.lastIndexOf(".");
497
- return t < 1 ? null : e.slice(t + 1).toLowerCase();
498
- }
499
- function nt(e) {
500
- return e.kind === "folder" || !!e.children?.length;
501
- }
502
- function rt(e) {
503
- let t = tt(e);
504
- return t ? et[t] ?? /* @__PURE__ */ X(ie, {}) : /* @__PURE__ */ X(j, {});
505
- }
506
- function it(e, t, n) {
507
- return e.icon ? e.icon : n ? nt(e) ? X(t ? C : o, {}) : rt(e.label) : null;
508
- }
509
- function at(e) {
510
- let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
511
- function r(e) {
512
- t.set(e.id, e);
513
- let i = /* @__PURE__ */ new Set();
514
- for (let t of e.children ?? []) i.add(t.id), r(t).forEach((e) => i.add(e));
515
- return n.set(e.id, i), i;
516
- }
517
- return e.forEach(r), {
518
- nodeMap: t,
519
- descendants: n
520
- };
521
- }
522
- function ot(e, t) {
523
- return typeof window > "u" ? {
524
- x: e,
525
- y: t
526
- } : {
527
- x: Math.max(8, Math.min(e, window.innerWidth - 220)),
528
- y: Math.max(8, Math.min(t, window.innerHeight - 16))
529
- };
530
- }
531
- function st({ node: e, level: t, expandable: n, selectable: r, expandedIds: i, selectedId: a, draggedId: o, dropTargetId: s, onToggle: c, onSelect: l, indent: u, showLines: d, fileIcons: f, draggable: p, canDropOnNode: m, onContextMenu: h, onDragStart: g, onDragOver: _, onDrop: v, onDragEnd: b }) {
532
- let x = nt(e), S = i.has(e.id), C = a === e.id, w = o === e.id, T = s === e.id, E = m?.(e), D = it(e, S, !!f);
533
- return /* @__PURE__ */ Z("li", {
534
- role: "treeitem",
535
- "aria-expanded": x ? S : void 0,
536
- children: [/* @__PURE__ */ Z("div", {
537
- className: I("item", C && "selected", e.disabled && "disabled", r && !e.disabled && "selectable", p && !e.disabled && "draggable", w && "dragging", E && "can-drop", T && "drop-target"),
538
- style: { paddingLeft: t * u },
539
- draggable: p && !e.disabled,
540
- onClick: () => {
541
- e.disabled || (x && n && c(e.id), r && l?.(e.id, e));
542
- },
543
- onContextMenu: (t) => h?.(t, e),
544
- onDragStart: (t) => g?.(t, e),
545
- onDragOver: (t) => _?.(t, e),
546
- onDrop: (t) => v?.(t, e),
547
- onDragEnd: b,
548
- children: [
549
- /* @__PURE__ */ X("span", {
550
- className: "toggle",
551
- children: x && n ? /* @__PURE__ */ X("span", {
552
- className: I("arrow", S && "expanded"),
553
- children: /* @__PURE__ */ X(y, {})
554
- }) : /* @__PURE__ */ X("span", { className: "spacer" })
555
- }),
556
- D && /* @__PURE__ */ X("span", {
557
- className: "icon",
558
- children: D
559
- }),
560
- /* @__PURE__ */ X("span", {
561
- className: "label",
562
- children: e.label
563
- })
564
- ]
565
- }), x && S && /* @__PURE__ */ X("ul", {
566
- className: "list",
567
- role: "group",
568
- style: d ? { "--line-left": `${t * u + 17}px` } : void 0,
569
- children: (e.children ?? []).map((e) => /* @__PURE__ */ X(st, {
570
- node: e,
571
- level: t + 1,
572
- expandable: n,
573
- selectable: r,
574
- expandedIds: i,
575
- selectedId: a,
576
- draggedId: o,
577
- dropTargetId: s,
578
- onToggle: c,
579
- onSelect: l,
580
- indent: u,
581
- showLines: d,
582
- fileIcons: f,
583
- draggable: p,
584
- canDropOnNode: m,
585
- onContextMenu: h,
586
- onDragStart: g,
587
- onDragOver: _,
588
- onDrop: v,
589
- onDragEnd: b
590
- }, e.id))
591
- })]
592
- });
593
- }
594
- function ct({ items: e, expandable: t = !0, selectable: n = !1, defaultExpanded: r = [], expanded: i, onExpandChange: a, selected: o, onSelect: s, indent: c = 20, showLines: l = !0, fileIcons: u = !0, draggable: d = !1, canDrop: f, onMove: p, contextMenuItems: m, onContextMenuAction: h, className: g, ..._ }) {
595
- let [v, y] = Y(r), [b, x] = Y(null), [S, C] = Y(null), [w, T] = Y(null), [E, D] = Y(null), O = J(null), k = i ?? v, A = new Set(k), j = o === void 0 ? b : o, { nodeMap: M, descendants: ee } = at(e), N = S ? M.get(S) ?? null : null;
596
- Re(() => {
597
- if (!E) return;
598
- function e(e) {
599
- e && O.current && O.current.contains(e.target) || D(null);
600
- }
601
- function t(e) {
602
- e.key === "Escape" && D(null);
603
- }
604
- return document.addEventListener("mousedown", e), document.addEventListener("scroll", e, !0), window.addEventListener("resize", e), document.addEventListener("keydown", t), () => {
605
- document.removeEventListener("mousedown", e), document.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e), document.removeEventListener("keydown", t);
606
- };
607
- }, [E]);
608
- function te(e) {
609
- let t = A.has(e) ? k.filter((t) => t !== e) : [...k, e];
610
- a ? a(t) : y(t);
611
- }
612
- function ne(e, t) {
613
- s ? s(e, t) : x(e);
614
- }
615
- function re() {
616
- C(null), T(null);
617
- }
618
- function ie(e) {
619
- return !N || !d || !p || e.disabled || !nt(e) || e.id === N.id || ee.get(N.id)?.has(e.id) ? !1 : f ? f(N, e) : !0;
620
- }
621
- function ae(e, t) {
622
- if (!m || t.disabled) return;
623
- let n = m(t).filter(Boolean);
624
- if (!n.length) return;
625
- e.preventDefault(), ne(t.id, t);
626
- let r = ot(e.clientX, e.clientY);
627
- D({
628
- node: t,
629
- items: n,
630
- x: r.x,
631
- y: r.y
632
- });
633
- }
634
- function oe(e, t) {
635
- !d || t.disabled || (e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", t.id), D(null), C(t.id));
636
- }
637
- function se(e, t) {
638
- ie(t) && (e.preventDefault(), e.dataTransfer.dropEffect = "move", T(t.id));
639
- }
640
- function P(e, n) {
641
- if (e.preventDefault(), !N || !ie(n)) {
642
- re();
643
- return;
644
- }
645
- p?.({
646
- draggedId: N.id,
647
- draggedNode: N,
648
- targetId: n.id,
649
- targetNode: n
650
- }), t && !A.has(n.id) && te(n.id), re();
651
- }
652
- return /* @__PURE__ */ Z("div", {
653
- className: I("tree", l && "lines", g),
654
- ..._,
655
- children: [/* @__PURE__ */ X("ul", {
656
- className: "list",
657
- role: "tree",
658
- children: e.map((e) => /* @__PURE__ */ X(st, {
659
- node: e,
660
- level: 0,
661
- expandable: t,
662
- selectable: n,
663
- expandedIds: A,
664
- selectedId: j,
665
- draggedId: S,
666
- dropTargetId: w,
667
- onToggle: te,
668
- onSelect: ne,
669
- indent: c,
670
- showLines: l,
671
- fileIcons: u,
672
- draggable: d,
673
- canDropOnNode: ie,
674
- onContextMenu: ae,
675
- onDragStart: oe,
676
- onDragOver: se,
677
- onDrop: P,
678
- onDragEnd: re
679
- }, e.id))
680
- }), E && /* @__PURE__ */ X(ce, { children: /* @__PURE__ */ X("div", {
681
- ref: O,
682
- className: "tree menu",
683
- style: {
684
- top: E.y,
685
- left: E.x
686
- },
687
- role: "menu",
688
- children: E.items.map((e) => /* @__PURE__ */ Z("button", {
689
- type: "button",
690
- className: I("action", e.color, e.disabled && "disabled"),
691
- role: "menuitem",
692
- disabled: e.disabled,
693
- onClick: () => {
694
- e.disabled || (h?.(e.id, E.node), D(null));
695
- },
696
- children: [e.icon && /* @__PURE__ */ X("span", {
697
- className: "icon",
698
- children: e.icon
699
- }), /* @__PURE__ */ X("span", { children: e.label })]
700
- }, e.id))
701
- }) })]
702
- });
703
- }
704
- //#endregion
705
- //#region src/components/data/MTaskList/MTaskList.tsx
706
- function lt({ items: e, color: t = "primary", strikethrough: n = !0, onChange: r, className: i, ...a }) {
707
- return /* @__PURE__ */ X("div", {
708
- className: I("task list", `color-${t}`, i),
709
- role: "list",
710
- ...a,
711
- children: e.map((e) => /* @__PURE__ */ Z("div", {
712
- className: I("task item", e.checked && "checked", e.disabled && "disabled"),
713
- role: "listitem",
714
- onClick: (t) => {
715
- e.disabled || t.target.closest(".checkbox") || r?.(e.id, !(e.checked ?? !1));
716
- },
717
- children: [/* @__PURE__ */ X(B, {
718
- className: "task control",
719
- checked: e.checked ?? !1,
720
- color: t,
721
- size: "sm",
722
- disabled: e.disabled,
723
- onChange: (t) => r?.(e.id, t.target.checked),
724
- clickEffect: "ripple"
725
- }), /* @__PURE__ */ X("span", {
726
- className: I("task label", e.checked && n && "done"),
727
- children: e.label
728
- })]
729
- }, e.id))
730
- });
731
- }
732
- //#endregion
733
- //#region src/components/data/MFileManager/MFileManager.tsx
734
- var ut = {
735
- pdf: /* @__PURE__ */ X(A, {}),
736
- ts: /* @__PURE__ */ X(T, {}),
737
- tsx: /* @__PURE__ */ X(D, {}),
738
- js: /* @__PURE__ */ X(M, {}),
739
- jsx: /* @__PURE__ */ X(x, {}),
740
- css: /* @__PURE__ */ X(se, {}),
741
- scss: /* @__PURE__ */ X(se, {}),
742
- html: /* @__PURE__ */ X(N, {}),
743
- json: /* @__PURE__ */ X(_, {}),
744
- md: /* @__PURE__ */ X(b, {}),
745
- txt: /* @__PURE__ */ X(u, {}),
746
- csv: /* @__PURE__ */ X(w, {}),
747
- zip: /* @__PURE__ */ X(O, {}),
748
- rar: /* @__PURE__ */ X(E, {}),
749
- svg: /* @__PURE__ */ X(d, {}),
750
- png: /* @__PURE__ */ X(F, {}),
751
- jpg: /* @__PURE__ */ X(r, {}),
752
- jpeg: /* @__PURE__ */ X(t, {}),
753
- gif: /* @__PURE__ */ X(v, {}),
754
- webp: /* @__PURE__ */ X(m, {}),
755
- php: /* @__PURE__ */ X(S, {}),
756
- xml: /* @__PURE__ */ X(p, {}),
757
- xls: /* @__PURE__ */ X(ne, {}),
758
- ppt: /* @__PURE__ */ X(a, {}),
759
- odt: /* @__PURE__ */ X(g, {}),
760
- exe: /* @__PURE__ */ X(s, {}),
761
- mp3: /* @__PURE__ */ X(l, {}),
762
- mp4: /* @__PURE__ */ X(f, {})
763
- };
764
- function dt(e) {
765
- let t = e.lastIndexOf(".");
766
- return t < 1 ? null : e.slice(t + 1).toLowerCase();
767
- }
768
- function Q(e) {
769
- return e?.kind === "folder" || !!e?.children?.length;
770
- }
771
- function ft(e) {
772
- let t = dt(e);
773
- return t ? ut[t] ?? /* @__PURE__ */ X(ie, {}) : /* @__PURE__ */ X(j, {});
774
- }
775
- function pt(e, t = !1) {
776
- return e.icon ? e.icon : Q(e) ? X(t ? C : o, {}) : ft(e.label);
777
- }
778
- function mt(e) {
779
- if (!e || e < 1) return null;
780
- let t = [
781
- "B",
782
- "KB",
783
- "MB",
784
- "GB",
785
- "TB"
786
- ], n = e, r = 0;
787
- for (; n >= 1024 && r < t.length - 1;) n /= 1024, r += 1;
788
- let i = n >= 100 || r === 0 ? 0 : 1;
789
- return `${n.toFixed(i)} ${t[r]}`;
790
- }
791
- function ht(e, t) {
792
- if (!e) return null;
793
- let n = e instanceof Date ? e : new Date(e);
794
- return Number.isNaN(n.getTime()) ? null : new Intl.DateTimeFormat(t, {
795
- year: "numeric",
796
- month: "short",
797
- day: "numeric",
798
- hour: "2-digit",
799
- minute: "2-digit"
800
- }).format(n);
801
- }
802
- function gt(e) {
803
- let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
804
- function r(e, i) {
805
- for (let a of e) t.set(a.id, a), n.set(a.id, i), a.children?.length && r(a.children, a.id);
806
- }
807
- return r(e, null), {
808
- nodeMap: t,
809
- parentMap: n
810
- };
811
- }
812
- function _t(e) {
813
- return e.flatMap((e) => Q(e) ? [{
814
- ...e,
815
- kind: "folder",
816
- children: _t(e.children ?? [])
817
- }] : []);
818
- }
819
- function vt(e, t, n) {
820
- let r = [], i = e;
821
- for (; i;) {
822
- let e = t.get(i);
823
- if (!e) break;
824
- r.unshift(e), i = n.get(i) ?? null;
825
- }
826
- return r;
827
- }
828
- function yt(e, t, n) {
829
- if (!e) return null;
830
- let r = t.get(e);
831
- return r ? Q(r) ? r.id : n.get(r.id) ?? null : null;
832
- }
833
- function bt(e, t) {
834
- return e ? e.children ?? [] : t;
835
- }
836
- function xt(e, t, n, r, i) {
837
- let a = e ? t.get(e) ?? null : null, o = a ? n.get(a.id) ?? null : null;
838
- return {
839
- id: e,
840
- node: a,
841
- parentId: o,
842
- parentNode: o ? t.get(o) ?? null : null,
843
- activeFolderId: r,
844
- activeFolder: i
845
- };
846
- }
847
- function St(e, t) {
848
- return [
849
- ...Q(e) ? [] : [{
850
- id: "download",
851
- label: t.download,
852
- icon: /* @__PURE__ */ X(ae, {}),
853
- color: "primary"
854
- }],
855
- {
856
- id: "rename",
857
- label: t.rename,
858
- icon: /* @__PURE__ */ X(te, {})
859
- },
860
- {
861
- id: "move",
862
- label: t.moveTo,
863
- icon: /* @__PURE__ */ X(n, {})
864
- },
865
- {
866
- id: "delete",
867
- label: t.delete,
868
- icon: /* @__PURE__ */ X(k, {}),
869
- color: "error"
870
- }
871
- ];
872
- }
873
- function Ct(e, t) {
874
- return [...Q(e) ? [{
875
- id: "new-folder",
876
- label: t.newFolder,
877
- icon: /* @__PURE__ */ X(P, {})
878
- }] : [], ...St(e, t)];
879
- }
880
- function wt({ items: e, locale: t, defaultExpanded: n = [], expanded: r, onExpandChange: i, folderId: a, defaultFolderId: o = null, onFolderChange: s, selectedId: c, onSelectionChange: l, view: u, defaultView: d = "list", onViewChange: f, searchValue: p, defaultSearchValue: m = "", onSearchChange: h, searchable: g = !0, searchPlaceholder: _, showSidebar: v = !0, showPreview: y = !0, emptyText: b, toolbarActions: x = [], onToolbarAction: S, onOpenItem: C, onItemAction: w, onContextMenuAction: T, canDrop: E, onMove: D, renderPreview: O, className: k, ...A }) {
881
- let j = ge(t), M = Ae(), [ee, N] = Y(o), [te, ne] = Y(null), [ie, ae] = Y(d), [se, P] = Y(m), { nodeMap: F, parentMap: ce } = q(() => gt(e), [e]), L = q(() => _t(e), [e]), ue = yt(a === void 0 ? ee : a, F, ce), de = ue ? F.get(ue) ?? null : null, fe = c === void 0 ? te : c, B = fe ? F.get(fe) ?? null : null, pe = B ? B.id : null, H = u ?? ie, me = p ?? se, W = bt(de, e), _e = me.trim().toLowerCase(), ve = vt(ue, F, ce), be = _ ?? M.searchPlaceholder, xe = b ?? M.emptyText, Se = !!(w || T), Ce = q(() => _e ? W.filter((e) => e.label.toLowerCase().includes(_e)) : W, [W, _e]);
882
- function we(e) {
883
- let t = yt(e, F, ce), n = t ? F.get(t) ?? null : null;
884
- s ? s(t, n) : N(t);
885
- }
886
- function Te(e, t = ue, n = de) {
887
- let r = xt(e, F, ce, t, n);
888
- l ? l(r) : ne(e);
889
- }
890
- function Ee(e) {
891
- f ? f(e) : ae(e);
892
- }
893
- function De(e) {
894
- h ? h(e) : P(e);
895
- }
896
- function Oe(e, t) {
897
- we(e), Te(e, t.id, t);
898
- }
899
- function G(e) {
900
- if (Q(e)) {
901
- we(e.id), Te(e.id, e.id, e);
902
- return;
903
- }
904
- Te(e.id);
905
- }
906
- function ke(e) {
907
- S && S({
908
- ...xt(pe, F, ce, ue, de),
909
- actionId: e,
910
- visibleItems: Ce
911
- });
912
- }
913
- function je(e, t) {
914
- (w ?? T)?.(e, t);
915
- }
916
- function Me(e, t) {
917
- (T ?? w)?.(e, t);
918
- }
919
- function Pe(e) {
920
- let t = [], n = mt(e.size), r = ht(e.modifiedAt, j);
921
- return Q(e) && t.push(M.itemsCount(e.children?.length ?? 0)), n && t.push(n), r && t.push(r), t.join(" / ");
922
- }
923
- return /* @__PURE__ */ Z("div", {
924
- className: I("file-manager", !v && "no-sidebar", !y && "no-preview", k),
925
- ...A,
926
- children: [/* @__PURE__ */ Z("div", {
927
- className: "toolbar",
928
- children: [/* @__PURE__ */ Z("div", {
929
- className: "toolbar-main",
930
- children: [/* @__PURE__ */ Z("div", {
931
- className: "breadcrumbs",
932
- children: [/* @__PURE__ */ Z("button", {
933
- type: "button",
934
- className: "breadcrumb root",
935
- onClick: () => we(null),
936
- children: [/* @__PURE__ */ X(oe, {}), /* @__PURE__ */ X(R, {
937
- as: "span",
938
- weight: "semibold",
939
- children: M.home
940
- })]
941
- }), ve.map((e) => /* @__PURE__ */ Z("div", {
942
- className: "breadcrumbs",
943
- children: [/* @__PURE__ */ X("span", {
944
- className: "breadcrumb-separator",
945
- children: "/"
946
- }), /* @__PURE__ */ X("button", {
947
- type: "button",
948
- className: "breadcrumb",
949
- onClick: () => we(e.id),
950
- children: /* @__PURE__ */ X(R, {
951
- as: "span",
952
- children: e.label
953
- })
954
- })]
955
- }, e.id))]
956
- }), g && /* @__PURE__ */ X(ye, {
957
- className: "toolbar-search",
958
- size: "sm",
959
- placeholder: be,
960
- value: me,
961
- onChange: (e) => De(e.target.value),
962
- onClear: () => De("")
963
- })]
964
- }), /* @__PURE__ */ Z("div", {
965
- className: "toolbar-actions",
966
- children: [x.map((e) => /* @__PURE__ */ X(z, {
967
- size: "sm",
968
- variant: e.variant ?? "ghost",
969
- color: e.color,
970
- disabled: e.disabled,
971
- onClick: () => ke(e.id),
972
- startIcon: e.icon,
973
- children: e.label
974
- }, e.id)), /* @__PURE__ */ Z("div", {
975
- className: "view-switch",
976
- children: [/* @__PURE__ */ X(z, {
977
- size: "sm",
978
- variant: H === "list" ? "secondary" : "ghost",
979
- onClick: () => Ee("list"),
980
- children: M.listView
981
- }), /* @__PURE__ */ X(z, {
982
- size: "sm",
983
- variant: H === "grid" ? "secondary" : "ghost",
984
- onClick: () => Ee("grid"),
985
- children: M.gridView
986
- })]
987
- })]
988
- })]
989
- }), /* @__PURE__ */ Z("div", {
990
- className: "body",
991
- children: [
992
- v && /* @__PURE__ */ Z("aside", {
993
- className: "panel",
994
- children: [/* @__PURE__ */ Z("div", {
995
- className: "panel-header",
996
- children: [/* @__PURE__ */ X(R, {
997
- weight: "semibold",
998
- children: M.folders
999
- }), /* @__PURE__ */ X(V, {
1000
- size: "sm",
1001
- color: "info",
1002
- children: L.length
1003
- })]
1004
- }), /* @__PURE__ */ X("div", {
1005
- className: "panel-body sidebar-body",
1006
- children: L.length > 0 ? /* @__PURE__ */ X(ct, {
1007
- items: L,
1008
- selectable: !0,
1009
- fileIcons: !0,
1010
- defaultExpanded: n,
1011
- expanded: r,
1012
- onExpandChange: i,
1013
- selected: ue,
1014
- onSelect: (e, t) => Oe(e, t),
1015
- draggable: !!D,
1016
- canDrop: E ? (e, t) => E(e, t) : void 0,
1017
- onMove: D ? (e) => D({
1018
- draggedId: e.draggedId,
1019
- draggedNode: e.draggedNode,
1020
- targetId: e.targetId,
1021
- targetNode: e.targetNode
1022
- }) : void 0,
1023
- contextMenuItems: Se ? (e) => Ct(e, M) : void 0,
1024
- onContextMenuAction: Se ? (e, t) => Me(e, t) : void 0
1025
- }) : /* @__PURE__ */ X("div", {
1026
- className: "empty-state",
1027
- children: M.noFoldersAvailable
1028
- })
1029
- })]
1030
- }),
1031
- /* @__PURE__ */ Z("section", {
1032
- className: "panel",
1033
- children: [/* @__PURE__ */ Z("div", {
1034
- className: "panel-header",
1035
- children: [/* @__PURE__ */ Z(le, {
1036
- align: "center",
1037
- wrap: "wrap",
1038
- children: [/* @__PURE__ */ X(R, {
1039
- weight: "semibold",
1040
- children: de?.label ?? M.home
1041
- }), /* @__PURE__ */ X(V, {
1042
- size: "sm",
1043
- children: Ce.length
1044
- })]
1045
- }), /* @__PURE__ */ X(R, {
1046
- size: "sm",
1047
- tone: "muted",
1048
- children: _e ? M.filteredBy(me) : M.currentFolder
1049
- })]
1050
- }), /* @__PURE__ */ X("div", {
1051
- className: "panel-body",
1052
- children: Ce.length > 0 ? /* @__PURE__ */ X("div", {
1053
- className: I("content-items", H),
1054
- children: Ce.map((e) => {
1055
- let t = pe === e.id, n = Pe(e), r = Se ? St(e, M) : [];
1056
- return /* @__PURE__ */ Z("div", {
1057
- className: I("item-card", t && "selected"),
1058
- children: [/* @__PURE__ */ Z("button", {
1059
- type: "button",
1060
- className: "item-card-main",
1061
- onClick: () => G(e),
1062
- onDoubleClick: () => C?.(e),
1063
- children: [/* @__PURE__ */ X("span", {
1064
- className: "item-icon",
1065
- children: pt(e)
1066
- }), /* @__PURE__ */ Z("span", {
1067
- className: "item-text",
1068
- children: [
1069
- /* @__PURE__ */ X(R, {
1070
- as: "span",
1071
- weight: "semibold",
1072
- truncate: !0,
1073
- children: e.label
1074
- }),
1075
- e.description ? /* @__PURE__ */ X(R, {
1076
- as: "span",
1077
- size: "sm",
1078
- tone: "muted",
1079
- truncate: 2,
1080
- children: e.description
1081
- }) : null,
1082
- /* @__PURE__ */ Z("span", {
1083
- className: "item-meta",
1084
- children: [/* @__PURE__ */ X(V, {
1085
- size: "sm",
1086
- color: Q(e) ? "info" : "primary",
1087
- children: Q(e) ? M.folder : M.file
1088
- }), n ? /* @__PURE__ */ X(R, {
1089
- as: "span",
1090
- size: "sm",
1091
- tone: "muted",
1092
- truncate: !0,
1093
- children: n
1094
- }) : null]
1095
- })
1096
- ]
1097
- })]
1098
- }), r.length > 0 ? /* @__PURE__ */ X("div", {
1099
- className: "item-card-actions",
1100
- children: /* @__PURE__ */ X(U, {
1101
- placement: "bottom-end",
1102
- trigger: /* @__PURE__ */ X(z, {
1103
- "aria-label": `${M.preview}: ${e.label}`,
1104
- variant: "ghost",
1105
- size: "sm",
1106
- iconOnly: !0,
1107
- children: /* @__PURE__ */ X(re, {})
1108
- }),
1109
- children: r.map((t) => /* @__PURE__ */ X(he, {
1110
- icon: t.icon,
1111
- label: t.label,
1112
- color: t.color,
1113
- onClick: () => je(t.id, e)
1114
- }, t.id))
1115
- })
1116
- }) : null]
1117
- }, e.id);
1118
- })
1119
- }) : /* @__PURE__ */ X("div", {
1120
- className: "empty-state",
1121
- children: xe
1122
- })
1123
- })]
1124
- }),
1125
- y && /* @__PURE__ */ Z("aside", {
1126
- className: "panel",
1127
- children: [/* @__PURE__ */ Z("div", {
1128
- className: "panel-header",
1129
- children: [/* @__PURE__ */ X(R, {
1130
- weight: "semibold",
1131
- children: M.preview
1132
- }), B ? /* @__PURE__ */ X(V, {
1133
- size: "sm",
1134
- color: Q(B) ? "info" : "primary",
1135
- children: Q(B) ? M.folder : M.file
1136
- }) : null]
1137
- }), /* @__PURE__ */ X("div", {
1138
- className: "panel-body",
1139
- children: B ? /* @__PURE__ */ Z(Ne, { children: [
1140
- /* @__PURE__ */ X("div", {
1141
- className: "preview-visual",
1142
- children: O ? O(B) : B.preview ? B.preview : /* @__PURE__ */ X("span", {
1143
- className: "preview-icon",
1144
- children: pt(B, !0)
1145
- })
1146
- }),
1147
- /* @__PURE__ */ X(R, {
1148
- weight: "semibold",
1149
- children: B.label
1150
- }),
1151
- B.description ? /* @__PURE__ */ X(R, {
1152
- size: "sm",
1153
- tone: "muted",
1154
- children: B.description
1155
- }) : null,
1156
- /* @__PURE__ */ Z("div", {
1157
- className: "preview-meta",
1158
- children: [
1159
- /* @__PURE__ */ X(V, {
1160
- size: "sm",
1161
- color: Q(B) ? "info" : "primary",
1162
- children: Q(B) ? M.folder : M.file
1163
- }),
1164
- mt(B.size) ? /* @__PURE__ */ X(V, {
1165
- size: "sm",
1166
- children: mt(B.size)
1167
- }) : null,
1168
- ht(B.modifiedAt, j) ? /* @__PURE__ */ X(V, {
1169
- size: "sm",
1170
- color: "neutral",
1171
- children: ht(B.modifiedAt, j)
1172
- }) : null
1173
- ]
1174
- }),
1175
- /* @__PURE__ */ Z(R, {
1176
- size: "sm",
1177
- tone: "muted",
1178
- children: [
1179
- M.path,
1180
- ":",
1181
- " ",
1182
- [M.home, ...vt(B.id, F, ce).map((e) => e.label)].join(" / ")
1183
- ]
1184
- })
1185
- ] }) : /* @__PURE__ */ X("div", {
1186
- className: "preview-empty",
1187
- children: M.selectItemToInspect
1188
- })
1189
- })]
1190
- })
1191
- ]
1192
- })]
1193
- });
1194
- }
1195
- //#endregion
1196
- //#region src/components/data/MCalendarBoard/MCalendarBoard.tsx
1197
- function $(e) {
1198
- return new Date(e.getFullYear(), e.getMonth(), e.getDate());
1199
- }
1200
- function Tt(e) {
1201
- if (!e) return null;
1202
- if (e instanceof Date) return $(e);
1203
- let t = new Date(e);
1204
- return Number.isNaN(t.getTime()) ? null : $(t);
1205
- }
1206
- function Et(e) {
1207
- return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
1208
- }
1209
- function Dt(e) {
1210
- return Tt(e.date);
1211
- }
1212
- function Ot(e, t) {
1213
- let n = new Date(e);
1214
- return n.setDate(n.getDate() + t), $(n);
1215
- }
1216
- function kt(e, t) {
1217
- let n = $(e);
1218
- return Ot(n, -((n.getDay() - t + 7) % 7));
1219
- }
1220
- function At(e) {
1221
- return [...e].sort((e, t) => {
1222
- let n = e.startTime ?? "99:99", r = t.startTime ?? "99:99";
1223
- return n.localeCompare(r);
1224
- });
1225
- }
1226
- function jt(e, t) {
1227
- let n = kt(new Date(e.getFullYear(), e.getMonth(), 1), t);
1228
- return Array.from({ length: 42 }, (e, t) => Ot(n, t));
1229
- }
1230
- function Mt(e) {
1231
- switch (e) {
1232
- case "active": return "rgba(14, 165, 233, 1)";
1233
- case "done": return "rgba(34, 197, 94, 1)";
1234
- case "cancelled": return "rgba(239, 68, 68, 1)";
1235
- default: return "rgba(245, 158, 11, 1)";
1236
- }
1237
- }
1238
- function Nt(e, t) {
1239
- return new Intl.DateTimeFormat(t, {
1240
- weekday: "long",
1241
- day: "numeric",
1242
- month: "long",
1243
- year: "numeric"
1244
- }).format(e);
1245
- }
1246
- function Pt(e, t) {
1247
- let n = Ot(e, 6), r = new Intl.DateTimeFormat(t, {
1248
- day: "numeric",
1249
- month: "short"
1250
- });
1251
- return `${r.format(e)} - ${r.format(n)}`;
1252
- }
1253
- function Ft(e, t) {
1254
- return e.startTime && e.endTime ? `${e.startTime} - ${e.endTime}` : e.startTime ? e.startTime : t.allDay;
1255
- }
1256
- function It(e, t) {
1257
- let n = /* @__PURE__ */ new Date(), r = new Date(e);
1258
- r.setHours(t, 0, 0, 0);
1259
- let i = new Date(r);
1260
- return i.setHours(t + 1, 0, 0, 0), i <= n ? "past" : r <= n && i > n ? "active" : "upcoming";
1261
- }
1262
- function Lt(e) {
1263
- return At(e).slice(0, 4).map((e) => /* @__PURE__ */ X("span", {
1264
- className: "marker",
1265
- style: { background: e.color ?? Mt(e.status) },
1266
- "aria-hidden": "true"
1267
- }, e.id));
1268
- }
1269
- function Rt(e, t, n) {
1270
- if (!t.length || !n.length) return e;
1271
- let r = t.filter((e) => n.includes(e.id));
1272
- return r.length ? e.filter((e) => r.some((t) => t.predicate(e))) : e;
1273
- }
1274
- function zt(e, t, n, r) {
1275
- return t === "week" ? Pt(kt(e, r), n) : new Intl.DateTimeFormat(n, {
1276
- month: "long",
1277
- year: "numeric"
1278
- }).format(e);
1279
- }
1280
- function Bt(e, t) {
1281
- return e === "week" ? t.weekView : t.monthView;
1282
- }
1283
- function Vt({ date: e, events: t, locale: n, timelineStartHour: r, timelineEndHour: i, showTimeline: a, emptyStateText: o, renderEventItem: s }) {
1284
- if (!e) return null;
1285
- let c = Me();
1286
- return /* @__PURE__ */ Z(Ne, { children: [
1287
- /* @__PURE__ */ Z(Ne, { children: [/* @__PURE__ */ X(ue, {
1288
- level: 4,
1289
- children: Nt(e, n)
1290
- }), /* @__PURE__ */ X(R, {
1291
- tone: "muted",
1292
- size: "sm",
1293
- children: t.length > 0 ? c.itemsCount(t.length) : o
1294
- })] }),
1295
- /* @__PURE__ */ X(Kt, {
1296
- events: t,
1297
- locale: n,
1298
- currentDate: e,
1299
- emptyStateText: o,
1300
- renderEventItem: s
1301
- }),
1302
- a && /* @__PURE__ */ X(qt, {
1303
- date: e,
1304
- events: t,
1305
- locale: n,
1306
- startHour: r,
1307
- endHour: i
1308
- })
1309
- ] });
1310
- }
1311
- function Ht({ filters: e, activeFilterIds: t, onToggle: n }) {
1312
- return e.length ? /* @__PURE__ */ X("div", {
1313
- className: "calendar filters",
1314
- children: e.map((e) => {
1315
- let r = t.includes(e.id);
1316
- return /* @__PURE__ */ X(z, {
1317
- type: "button",
1318
- size: "sm",
1319
- variant: "outlined",
1320
- color: r ? "primary" : "neutral",
1321
- active: r,
1322
- className: "calendar filter button",
1323
- onClick: () => n(e.id),
1324
- children: e.label
1325
- }, e.id);
1326
- })
1327
- }) : null;
1328
- }
1329
- function Ut({ days: e, eventsByDay: t, selectedDate: n, activeDate: r, onDayInteract: i, onDayHover: a, onDayLeave: o, dayBadge: s, renderDayCell: c }) {
1330
- let l = Et($(/* @__PURE__ */ new Date()));
1331
- return /* @__PURE__ */ X("div", {
1332
- className: "calendar week",
1333
- children: e.map((e) => {
1334
- let u = Et(e), d = t.get(u) ?? [], f = s?.(e, d) ?? (d.length > 0 ? /* @__PURE__ */ X(V, {
1335
- size: "sm",
1336
- children: d.length
1337
- }) : null), p = Lt(d), m = !!(n && Et(n) === u), h = {
1338
- date: e,
1339
- events: d,
1340
- badge: f,
1341
- isToday: u === l,
1342
- isSelected: m,
1343
- isOutsideMonth: !1
1344
- };
1345
- return /* @__PURE__ */ X("div", {
1346
- className: "calendar week column",
1347
- children: /* @__PURE__ */ X(Wt, {
1348
- date: e,
1349
- events: d,
1350
- badge: f,
1351
- markers: p,
1352
- isToday: h.isToday,
1353
- isSelected: m || !!(r && Et(r) === u),
1354
- isOutsideMonth: !1,
1355
- onClick: (t) => i(e, t.currentTarget, d),
1356
- onMouseEnter: (t) => a(e, t.currentTarget, d),
1357
- onMouseLeave: o,
1358
- children: c ? c(e, h) : void 0
1359
- })
1360
- }, u);
1361
- })
1362
- });
1363
- }
1364
- function Wt({ date: e, events: t = [], badge: n, markers: r, isToday: i = !1, isSelected: a = !1, isOutsideMonth: o = !1, className: s, children: c, ...l }) {
1365
- return /* @__PURE__ */ X("button", {
1366
- type: "button",
1367
- className: I("calendar day cell", i && "today", a && "selected", o && "outside-month", s),
1368
- ...l,
1369
- children: c ?? /* @__PURE__ */ Z(ze, { children: [/* @__PURE__ */ Z("div", {
1370
- className: "day header",
1371
- children: [/* @__PURE__ */ X("span", {
1372
- className: "day number",
1373
- children: e.getDate()
1374
- }), /* @__PURE__ */ X("div", {
1375
- className: "day meta",
1376
- children: n
1377
- })]
1378
- }), /* @__PURE__ */ X("div", {
1379
- className: "markers",
1380
- children: r ?? Lt(t)
1381
- })] })
1382
- });
1383
- }
1384
- function Gt({ event: e, locale: t, className: n, currentDate: r, ...i }) {
1385
- let a = ge(t), o = Me(), s = e.status === "cancelled" ? "error" : e.status === "done" ? "success" : e.status === "active" ? "info" : "warning";
1386
- return /* @__PURE__ */ Z("div", {
1387
- className: I("calendar event item", n),
1388
- ...i,
1389
- children: [/* @__PURE__ */ X("div", {
1390
- className: "event time",
1391
- children: Ft(e, o)
1392
- }), /* @__PURE__ */ Z("div", {
1393
- className: "event content",
1394
- children: [
1395
- /* @__PURE__ */ Z("div", {
1396
- className: "event title row",
1397
- children: [/* @__PURE__ */ X(ue, {
1398
- level: 5,
1399
- children: e.title
1400
- }), e.status && /* @__PURE__ */ X(V, {
1401
- color: s,
1402
- size: "sm",
1403
- children: e.status
1404
- })]
1405
- }),
1406
- e.description && /* @__PURE__ */ X(R, {
1407
- size: "sm",
1408
- tone: "muted",
1409
- children: e.description
1410
- }),
1411
- /* @__PURE__ */ Z("div", {
1412
- className: "event details",
1413
- children: [
1414
- e.type && /* @__PURE__ */ X(V, {
1415
- color: "neutral",
1416
- size: "sm",
1417
- children: e.type
1418
- }),
1419
- e.badgeLabel && /* @__PURE__ */ X(V, {
1420
- size: "sm",
1421
- children: e.badgeLabel
1422
- }),
1423
- e.user && /* @__PURE__ */ Z("span", {
1424
- className: "event user",
1425
- children: [/* @__PURE__ */ X(ve, {
1426
- size: "sm",
1427
- src: e.user.avatar,
1428
- name: e.user.name,
1429
- backgroundColor: e.user.color
1430
- }), e.user.name]
1431
- }),
1432
- !e.startTime && !e.endTime && r && /* @__PURE__ */ X(R, {
1433
- size: "sm",
1434
- tone: "muted",
1435
- children: Nt(r, a)
1436
- })
1437
- ]
1438
- })
1439
- ]
1440
- })]
1441
- });
1442
- }
1443
- function Kt({ events: e, locale: t, currentDate: n, emptyStateText: r, renderEventItem: i, className: a, ...o }) {
1444
- let s = ge(t), c = Me();
1445
- return e.length ? /* @__PURE__ */ X("div", {
1446
- className: I("calendar event list", a),
1447
- ...o,
1448
- children: /* @__PURE__ */ X(Ne, { children: At(e).map((e) => i ? /* @__PURE__ */ X("div", { children: i(e) }, e.id) : /* @__PURE__ */ X(Gt, {
1449
- event: e,
1450
- locale: s,
1451
- currentDate: n
1452
- }, e.id)) })
1453
- }) : /* @__PURE__ */ X(R, {
1454
- size: "sm",
1455
- tone: "muted",
1456
- className: I("calendar event list", a),
1457
- ...o,
1458
- children: r ?? c.emptyStateText
1459
- });
1460
- }
1461
- function qt({ date: e, events: t, locale: n, startHour: r = 6, endHour: i = 22, emptyStateText: a, className: o, ...s }) {
1462
- ge(n);
1463
- let c = Me(), l = Array.from({ length: Math.max(i - r + 1, 1) }, (e, t) => r + t);
1464
- return /* @__PURE__ */ X("div", {
1465
- className: I("calendar timeline", o),
1466
- ...s,
1467
- children: /* @__PURE__ */ Z(Ne, { children: [/* @__PURE__ */ X(ue, {
1468
- level: 5,
1469
- children: c.timelineTitle
1470
- }), /* @__PURE__ */ X("div", {
1471
- className: "timeline slots",
1472
- children: l.map((n) => {
1473
- let r = t.filter((e) => e.startTime ? Number(e.startTime.split(":")[0]) === n : !1);
1474
- return /* @__PURE__ */ Z("div", {
1475
- className: I("timeline slot", It(e, n)),
1476
- children: [
1477
- /* @__PURE__ */ X("div", {
1478
- className: "slot time",
1479
- children: `${String(n).padStart(2, "0")}:00`
1480
- }),
1481
- /* @__PURE__ */ X("div", { className: "slot line" }),
1482
- /* @__PURE__ */ X("div", {
1483
- className: "slot content",
1484
- children: r.length > 0 ? /* @__PURE__ */ X(Ne, { children: r.map((e) => /* @__PURE__ */ Z("div", {
1485
- className: "slot event",
1486
- children: [/* @__PURE__ */ X("span", {
1487
- className: "slot event dot",
1488
- style: { background: e.color ?? Mt(e.status) }
1489
- }), /* @__PURE__ */ X(R, {
1490
- size: "sm",
1491
- children: e.title
1492
- })]
1493
- }, e.id)) }) : /* @__PURE__ */ X(R, {
1494
- size: "sm",
1495
- tone: "muted",
1496
- children: a ?? c.timelineEmptyState
1497
- })
1498
- })
1499
- ]
1500
- }, n);
1501
- })
1502
- })] })
1503
- });
1504
- }
1505
- function Jt({ open: e, anchorRef: t, onClose: n, onPointerEnter: r, onPointerLeave: i, date: a, events: o, locale: s, timelineStartHour: c = 6, timelineEndHour: l = 22, showTimeline: u = !0, emptyStateText: d, renderEventItem: f, className: p, style: m }) {
1506
- let h = ge(s), g = Me();
1507
- return /* @__PURE__ */ X(L, {
1508
- open: e,
1509
- anchorRef: t,
1510
- onClose: n,
1511
- placement: "bottom-start",
1512
- className: I("calendar popover", p),
1513
- style: m,
1514
- children: /* @__PURE__ */ X(pe, {
1515
- className: "calendar event popover",
1516
- onPointerEnter: r,
1517
- onPointerLeave: i,
1518
- children: /* @__PURE__ */ X(H, { children: /* @__PURE__ */ X(Vt, {
1519
- date: a,
1520
- events: o,
1521
- locale: h,
1522
- timelineStartHour: c,
1523
- timelineEndHour: l,
1524
- showTimeline: u,
1525
- emptyStateText: d ?? g.emptyStateText,
1526
- renderEventItem: f
1527
- }) })
1528
- })
1529
- });
1530
- }
1531
- function Yt({ month: t, defaultMonth: n, onMonthChange: r, events: i = [], locale: a, weekStartsOn: o = 1, view: s, defaultView: c = "month", views: l = ["month", "week"], onViewChange: u, selectedDate: d, defaultSelectedDate: f, onDayClick: p, dayBadge: m, renderDayCell: h, renderEventItem: g, detailsTrigger: _ = "click", detailsMode: v = "auto", showTimeline: y = !0, timelineStartHour: b = 6, timelineEndHour: x = 22, emptyStateText: S, filters: C = [], activeFilters: w, defaultActiveFilters: T = [], onActiveFiltersChange: E, fullWidth: D = !1, className: O, ...k }) {
1532
- let A = ge(a), j = je(), M = Me(), ee = $(/* @__PURE__ */ new Date()), [N, te] = Y($(n ?? t ?? ee)), [ne, re] = Y(c), [ie, ae] = Y(Tt(f)), [oe, se] = Y(T), [P, F] = Y(null), [ce, L] = Y(!1), [le, de] = Y(!1), fe = J(null), B = J(null), pe = t !== void 0 && typeof r == "function", H = $(pe ? t ?? N : N), U = s ?? ne, he = Tt(d) ?? ie, W = w ?? oe;
1533
- Re(() => {
1534
- let t = window.matchMedia(`(max-width: ${e.md}px)`), n = () => de(t.matches);
1535
- return n(), t.addEventListener("change", n), () => t.removeEventListener("change", n);
1536
- }, []), Re(() => {
1537
- pe && t && te($(t));
1538
- }, [pe, t]), Re(() => {
1539
- s && re(s);
1540
- }, [s]), Re(() => {
1541
- d !== void 0 && ae(Tt(d));
1542
- }, [d]), Re(() => () => {
1543
- B.current && window.clearTimeout(B.current);
1544
- }, []);
1545
- let _e = q(() => Rt(i, C, W), [
1546
- i,
1547
- C,
1548
- W
1549
- ]), ve = q(() => {
1550
- let e = /* @__PURE__ */ new Map();
1551
- return _e.forEach((t) => {
1552
- let n = Dt(t);
1553
- if (!n) return;
1554
- let r = Et(n), i = e.get(r) ?? [];
1555
- i.push(t), e.set(r, i);
1556
- }), e;
1557
- }, [_e]), ye = q(() => {
1558
- if (U === "week") {
1559
- let e = kt(he ?? H, o);
1560
- return Array.from({ length: 7 }, (t, n) => Ot(e, n));
1561
- }
1562
- return jt(H, o);
1563
- }, [
1564
- U,
1565
- he,
1566
- H,
1567
- o
1568
- ]), be = v === "auto" ? le ? "modal" : "popover" : v, xe = P ? ve.get(Et(P)) ?? [] : [], Se = l.includes("month"), Ce = l.includes("week"), we = (e) => {
1569
- let t = $(e);
1570
- te(t), r?.(t);
1571
- }, Te = (e) => {
1572
- if (U === "week") {
1573
- let t = Ot(he ?? H, e * 7);
1574
- we(t), ae(t), F(t), L(!1);
1575
- return;
1576
- }
1577
- we(new Date(H.getFullYear(), H.getMonth() + e, 1)), L(!1), F(null);
1578
- }, Ee = (e) => {
1579
- re(e), u?.(e);
1580
- }, De = (e, t) => {
1581
- let n = $(e);
1582
- ae(n), p?.(n, t);
1583
- }, Oe = () => {
1584
- B.current &&= (window.clearTimeout(B.current), null);
1585
- }, G = () => {
1586
- Oe(), B.current = window.setTimeout(() => {
1587
- L(!1);
1588
- }, 180);
1589
- }, ke = (e, t, n) => {
1590
- fe.current = t, F(e), De(e, n), L(!0);
1591
- }, Ae = (e, t, n) => {
1592
- Oe(), ke(e, t, n), U === "month" && e.getMonth() !== H.getMonth() && we(new Date(e.getFullYear(), e.getMonth(), 1));
1593
- }, Pe = (e, t, n) => {
1594
- _ !== "hover" || be !== "popover" || (Oe(), ke(e, t, n));
1595
- }, Fe = (e) => {
1596
- let t = W.includes(e) ? W.filter((t) => t !== e) : [...W, e];
1597
- se(t), E?.(t);
1598
- }, Ie = kt(U === "week" ? he ?? H : H, o);
1599
- return /* @__PURE__ */ Z("div", {
1600
- className: I("calendar board", D && "full-width", O),
1601
- ...k,
1602
- children: [
1603
- /* @__PURE__ */ Z("div", {
1604
- className: "calendar header",
1605
- children: [/* @__PURE__ */ Z(Ne, { children: [/* @__PURE__ */ X(ue, {
1606
- level: 3,
1607
- children: zt(H, U, A, o)
1608
- }), /* @__PURE__ */ X(R, {
1609
- size: "sm",
1610
- tone: "muted",
1611
- children: Bt(U, M)
1612
- })] }), /* @__PURE__ */ Z(Ne, {
1613
- align: "end",
1614
- children: [/* @__PURE__ */ Z("div", {
1615
- className: "calendar actions",
1616
- children: [/* @__PURE__ */ X(z, {
1617
- type: "button",
1618
- size: "sm",
1619
- variant: "outlined",
1620
- color: "neutral",
1621
- onClick: () => Te(-1),
1622
- children: U === "week" ? M.previousWeek : j.previousMonth
1623
- }), /* @__PURE__ */ X(z, {
1624
- type: "button",
1625
- size: "sm",
1626
- variant: "outlined",
1627
- color: "neutral",
1628
- onClick: () => Te(1),
1629
- children: U === "week" ? M.nextWeek : j.nextMonth
1630
- })]
1631
- }), (Se || Ce) && /* @__PURE__ */ Z("div", {
1632
- className: "calendar views",
1633
- children: [Se && /* @__PURE__ */ X(z, {
1634
- type: "button",
1635
- size: "sm",
1636
- variant: "outlined",
1637
- color: U === "month" ? "primary" : "neutral",
1638
- active: U === "month",
1639
- onClick: () => Ee("month"),
1640
- children: M.monthView
1641
- }), Ce && /* @__PURE__ */ X(z, {
1642
- type: "button",
1643
- size: "sm",
1644
- variant: "outlined",
1645
- color: U === "week" ? "primary" : "neutral",
1646
- active: U === "week",
1647
- onClick: () => Ee("week"),
1648
- children: M.weekView
1649
- })]
1650
- })]
1651
- })]
1652
- }),
1653
- /* @__PURE__ */ X(Ht, {
1654
- filters: C,
1655
- activeFilterIds: W,
1656
- onToggle: Fe
1657
- }),
1658
- /* @__PURE__ */ X("div", {
1659
- className: "calendar days",
1660
- children: Array.from({ length: 7 }, (e, t) => Ot(Ie, t)).map((e) => /* @__PURE__ */ X("div", {
1661
- className: "calendar day",
1662
- children: new Intl.DateTimeFormat(A, { weekday: "short" }).format(e)
1663
- }, Et(e)))
1664
- }),
1665
- U === "week" ? /* @__PURE__ */ X(Ut, {
1666
- days: ye,
1667
- eventsByDay: ve,
1668
- selectedDate: he,
1669
- activeDate: P,
1670
- onDayInteract: Ae,
1671
- onDayHover: Pe,
1672
- onDayLeave: () => {
1673
- _ === "hover" && be === "popover" && G();
1674
- },
1675
- dayBadge: m,
1676
- renderDayCell: h
1677
- }) : /* @__PURE__ */ X("div", {
1678
- className: "calendar grid",
1679
- children: ye.map((e) => {
1680
- let t = Et(e), n = ve.get(t) ?? [], r = m?.(e, n) ?? (n.length > 0 ? /* @__PURE__ */ X(V, {
1681
- size: "sm",
1682
- children: n.length
1683
- }) : null), i = t === Et(ee), a = !!(he && t === Et(he)), o = e.getMonth() !== H.getMonth(), s = Lt(n), c = {
1684
- date: e,
1685
- events: n,
1686
- badge: r,
1687
- isToday: i,
1688
- isSelected: a,
1689
- isOutsideMonth: o
1690
- };
1691
- return /* @__PURE__ */ X(Wt, {
1692
- date: e,
1693
- events: n,
1694
- badge: r,
1695
- markers: s,
1696
- isToday: i,
1697
- isSelected: a || !!(P && t === Et(P)),
1698
- isOutsideMonth: o,
1699
- onClick: (t) => Ae(e, t.currentTarget, n),
1700
- onMouseEnter: (t) => Pe(e, t.currentTarget, n),
1701
- onMouseLeave: () => {
1702
- _ === "hover" && be === "popover" && G();
1703
- },
1704
- children: h ? h(e, c) : void 0
1705
- }, t);
1706
- })
1707
- }),
1708
- be === "popover" ? /* @__PURE__ */ X(Jt, {
1709
- open: ce && !!P && !!fe.current,
1710
- anchorRef: fe,
1711
- onClose: () => L(!1),
1712
- onPointerEnter: () => Oe(),
1713
- onPointerLeave: () => G(),
1714
- date: P,
1715
- events: xe,
1716
- locale: A,
1717
- timelineStartHour: b,
1718
- timelineEndHour: x,
1719
- showTimeline: y,
1720
- emptyStateText: S ?? M.emptyStateText,
1721
- renderEventItem: g
1722
- }) : /* @__PURE__ */ X(me, {
1723
- open: ce && !!P,
1724
- onClose: () => L(!1),
1725
- title: P ? Nt(P, A) : void 0,
1726
- description: P ? M.itemsCount(xe.length) : void 0,
1727
- size: "lg",
1728
- children: /* @__PURE__ */ X(Vt, {
1729
- date: P,
1730
- events: xe,
1731
- locale: A,
1732
- timelineStartHour: b,
1733
- timelineEndHour: x,
1734
- showTimeline: y,
1735
- emptyStateText: S ?? M.emptyStateText,
1736
- renderEventItem: g
1737
- })
1738
- })
1739
- ]
1740
- });
1741
- }
1742
- //#endregion
1743
- //#region src/components/data/MChart/MChart.types.ts
1744
- var Xt = [
1745
- "primary",
1746
- "info",
1747
- "success",
1748
- "warning",
1749
- "error",
1750
- "news",
1751
- "neutral",
1752
- "dark"
1753
- ], Zt = {
1754
- top: 20,
1755
- right: 20,
1756
- bottom: 40,
1757
- left: 50
1758
- }, Qt = {
1759
- top: 20,
1760
- right: 20,
1761
- bottom: 55,
1762
- left: 65
1763
- };
1764
- //#endregion
1765
- //#region src/components/data/MChart/utils/formats.ts
1766
- function $t(e) {
1767
- return Math.abs(e) >= 1e6 ? (e / 1e6).toFixed(1).replace(/\.0$/, "") + "M" : Math.abs(e) >= 1e3 ? (e / 1e3).toFixed(1).replace(/\.0$/, "") + "k" : Number.isInteger(e) ? String(e) : e.toFixed(1);
1768
- }
1769
- function en(e) {
1770
- return e;
1771
- }
1772
- //#endregion
1773
- //#region src/components/data/MChart/parts/ChartGrid.tsx
1774
- function tn({ x: e, y: t, width: n, height: r, horizontalLines: i, verticalLines: a }) {
1775
- return /* @__PURE__ */ Z("g", {
1776
- className: "chart-grid",
1777
- children: [i.map((t, r) => /* @__PURE__ */ X("line", {
1778
- x1: e,
1779
- y1: t,
1780
- x2: e + n,
1781
- y2: t,
1782
- className: "chart-grid-line"
1783
- }, `h${r}`)), a?.map((e, n) => /* @__PURE__ */ X("line", {
1784
- x1: e,
1785
- y1: t,
1786
- x2: e,
1787
- y2: t + r,
1788
- className: "chart-grid-line chart-grid-line-vertical"
1789
- }, `v${n}`))]
1790
- });
1791
- }
1792
- //#endregion
1793
- //#region src/components/data/MChart/parts/ChartAxis.tsx
1794
- function nn({ type: e, x: t, y: n, length: r, ticks: i, title: a }) {
1795
- let o = e === "x";
1796
- return /* @__PURE__ */ Z("g", {
1797
- className: `chart-axis chart-axis-${e}`,
1798
- children: [
1799
- /* @__PURE__ */ X("line", {
1800
- x1: t,
1801
- y1: n,
1802
- x2: o ? t + r : t,
1803
- y2: o ? n : n - r,
1804
- className: "chart-axis-line"
1805
- }),
1806
- i.map((e, r) => /* @__PURE__ */ X("g", { children: o ? /* @__PURE__ */ X("text", {
1807
- x: e.position,
1808
- y: n + 16,
1809
- textAnchor: "middle",
1810
- className: "chart-axis-label",
1811
- children: e.label
1812
- }) : /* @__PURE__ */ X("text", {
1813
- x: t - 8,
1814
- y: e.position,
1815
- textAnchor: "end",
1816
- dominantBaseline: "middle",
1817
- className: "chart-axis-label",
1818
- children: e.label
1819
- }) }, r)),
1820
- a && (o ? /* @__PURE__ */ X("text", {
1821
- x: t + r / 2,
1822
- y: n + 36,
1823
- textAnchor: "middle",
1824
- className: "chart-axis-title",
1825
- children: a
1826
- }) : /* @__PURE__ */ X("text", {
1827
- x: t - 40,
1828
- y: n - r / 2,
1829
- textAnchor: "middle",
1830
- dominantBaseline: "middle",
1831
- transform: `rotate(-90, ${t - 40}, ${n - r / 2})`,
1832
- className: "chart-axis-title",
1833
- children: a
1834
- }))
1835
- ]
1836
- });
1837
- }
1838
- //#endregion
1839
- //#region src/components/data/MChart/charts/MLineChart.tsx
1840
- function rn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAxis: a, yAxis: o, showGrid: s, showXAxis: c, showYAxis: l, curved: u, animated: d, valueFormatter: f = $t, onTooltip: p, onDataClick: m }) {
1841
- let [h, g] = Y(null), _ = n - i.left - i.right, v = r - i.top - i.bottom, { yMin: y, yMax: b, yTicks: x, xLabels: S, seriesPoints: C } = q(() => {
1842
- let t = e.map((e) => e.data), [n, r] = Te(t), i = o?.min ?? Ce(n), s = o?.max ?? Se(r, n), c = xe(i, s, o?.ticks ?? 5), l = Math.max(...t.map((e) => e.length), 1), u = a?.labels ?? Array.from({ length: l }, (e, t) => String(t)), d = G([0, Math.max(l - 1, 1)], [0, _]), f = G([i, s], [v, 0]);
1843
- return {
1844
- yMin: i,
1845
- yMax: s,
1846
- yTicks: c,
1847
- xLabels: u,
1848
- seriesPoints: t.map((e) => e.map((e, t) => ({
1849
- x: d(t),
1850
- y: f(e)
1851
- })))
1852
- };
1853
- }, [
1854
- e,
1855
- _,
1856
- v,
1857
- a,
1858
- o
1859
- ]), w = G([y, b], [v, 0]), T = G([0, Math.max(S.length - 1, 1)], [0, _]), E = K((r) => {
1860
- let a = r.currentTarget.closest("svg");
1861
- if (!a) return;
1862
- let o = a.getBoundingClientRect(), s = n / o.width, c = (r.clientX - o.left) * s - i.left, l = Math.round(c / _ * Math.max(S.length - 1, 1)), u = Math.max(0, Math.min(l, S.length - 1));
1863
- g(u), p({
1864
- label: S[u],
1865
- items: e.map((e, n) => ({
1866
- name: e.label,
1867
- value: e.data[u] ?? 0,
1868
- color: e.color ?? t[n % t.length]
1869
- })),
1870
- x: r.clientX - o.left,
1871
- y: r.clientY - o.top
1872
- });
1873
- }, [
1874
- e,
1875
- t,
1876
- S,
1877
- _,
1878
- i.left,
1879
- n,
1880
- p
1881
- ]), D = K(() => {
1882
- g(null), p(null);
1883
- }, [p]), O = x.map((e) => i.top + w(e)), k = S.map((e, t) => i.left + T(t)), A = x.map((e) => ({
1884
- position: i.top + w(e),
1885
- label: (o?.formatter ?? f)(e)
1886
- })), j = S.map((e, t) => ({
1887
- position: i.left + T(t),
1888
- label: e
1889
- }));
1890
- return /* @__PURE__ */ Z("g", { children: [
1891
- s && /* @__PURE__ */ X(tn, {
1892
- x: i.left,
1893
- y: i.top,
1894
- width: _,
1895
- height: v,
1896
- horizontalLines: O,
1897
- verticalLines: k
1898
- }),
1899
- l && /* @__PURE__ */ X(nn, {
1900
- type: "y",
1901
- x: i.left,
1902
- y: i.top + v,
1903
- length: v,
1904
- ticks: A,
1905
- title: o?.title
1906
- }),
1907
- c && /* @__PURE__ */ X(nn, {
1908
- type: "x",
1909
- x: i.left,
1910
- y: i.top + v,
1911
- length: _,
1912
- ticks: j,
1913
- title: a?.title
1914
- }),
1915
- /* @__PURE__ */ Z("g", {
1916
- onMouseMove: E,
1917
- onMouseLeave: D,
1918
- children: [
1919
- /* @__PURE__ */ X("rect", {
1920
- x: i.left,
1921
- y: i.top,
1922
- width: _,
1923
- height: v,
1924
- fill: "transparent"
1925
- }),
1926
- C.map((n, r) => {
1927
- let a = e[r].color ?? t[r % t.length], o = u ? Oe(n.map((e) => ({
1928
- x: e.x + i.left,
1929
- y: e.y + i.top
1930
- }))) : we(n.map((e) => ({
1931
- x: e.x + i.left,
1932
- y: e.y + i.top
1933
- })));
1934
- return /* @__PURE__ */ Z("g", { children: [/* @__PURE__ */ X("path", {
1935
- className: `chart-line ${a} ${d ? "animated" : ""}`,
1936
- d: o
1937
- }), n.map((t, n) => /* @__PURE__ */ X("circle", {
1938
- className: `chart-dot ${a} ${h === n ? "active" : ""}`,
1939
- cx: t.x + i.left,
1940
- cy: t.y + i.top,
1941
- r: h === n ? 5 : 3,
1942
- onClick: () => m?.(r, n, e[r].data[n]),
1943
- style: { cursor: m ? "pointer" : void 0 }
1944
- }, n))] }, r);
1945
- }),
1946
- h !== null && /* @__PURE__ */ X("line", {
1947
- className: "chart-crosshair",
1948
- x1: i.left + T(h),
1949
- y1: i.top,
1950
- x2: i.left + T(h),
1951
- y2: i.top + v
1952
- })
1953
- ]
1954
- })
1955
- ] });
1956
- }
1957
- //#endregion
1958
- //#region src/components/data/MChart/charts/MBarChart.tsx
1959
- function an({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAxis: a, yAxis: o, showGrid: s, showXAxis: c, showYAxis: l, stacked: u, animated: d, valueFormatter: f = $t, onTooltip: p, onDataClick: m }) {
1960
- let [h, g] = Y(null), _ = n - i.left - i.right, v = r - i.top - i.bottom, { yMin: y, yMax: b, yTicks: x, xLabels: S, maxLen: C } = q(() => {
1961
- let t = e.map((e) => e.data), n = Math.max(...t.map((e) => e.length), 1), r, i;
1962
- u ? [r, i] = ke(t) : [r, i] = Te(t);
1963
- let s = o?.min ?? Ce(r), c = o?.max ?? Se(i, r);
1964
- return {
1965
- yMin: s,
1966
- yMax: c,
1967
- yTicks: xe(s, c, o?.ticks ?? 5),
1968
- xLabels: a?.labels ?? Array.from({ length: n }, (e, t) => String(t)),
1969
- maxLen: n
1970
- };
1971
- }, [
1972
- e,
1973
- a,
1974
- o,
1975
- u
1976
- ]), w = G([y, b], [v, 0]), T = _ / C, E = Math.max(T * .1, 2), D = e.length, O = K((n, r, i) => {
1977
- g({
1978
- di: n,
1979
- pi: r
1980
- });
1981
- let a = i.currentTarget.closest("svg");
1982
- if (!a) return;
1983
- let o = a.getBoundingClientRect();
1984
- p({
1985
- label: S[r],
1986
- items: u ? e.map((e, n) => ({
1987
- name: e.label,
1988
- value: e.data[r] ?? 0,
1989
- color: e.color ?? t[n % t.length]
1990
- })) : [{
1991
- name: e[n].label,
1992
- value: e[n].data[r],
1993
- color: e[n].color ?? t[n % t.length]
1994
- }],
1995
- x: i.clientX - o.left,
1996
- y: i.clientY - o.top
1997
- });
1998
- }, [
1999
- e,
2000
- t,
2001
- S,
2002
- u,
2003
- p
2004
- ]), k = K(() => {
2005
- g(null), p(null);
2006
- }, [p]), A = x.map((e) => i.top + w(e)), j = S.map((e, t) => ({
2007
- position: i.left + T * t + T / 2,
2008
- label: e
2009
- })), M = x.map((e) => ({
2010
- position: i.top + w(e),
2011
- label: (o?.formatter ?? f)(e)
2012
- })), ee = w(0);
2013
- return /* @__PURE__ */ Z("g", { children: [
2014
- s && /* @__PURE__ */ X(tn, {
2015
- x: i.left,
2016
- y: i.top,
2017
- width: _,
2018
- height: v,
2019
- horizontalLines: A
2020
- }),
2021
- l && /* @__PURE__ */ X(nn, {
2022
- type: "y",
2023
- x: i.left,
2024
- y: i.top + v,
2025
- length: v,
2026
- ticks: M,
2027
- title: o?.title
2028
- }),
2029
- c && /* @__PURE__ */ X(nn, {
2030
- type: "x",
2031
- x: i.left,
2032
- y: i.top + v,
2033
- length: _,
2034
- ticks: j,
2035
- title: a?.title
2036
- }),
2037
- /* @__PURE__ */ X("g", {
2038
- onMouseLeave: k,
2039
- children: u ? S.map((n, r) => {
2040
- let a = ee, o = T - E * 2, s = i.left + T * r + E;
2041
- return /* @__PURE__ */ X("g", { children: e.map((n, c) => {
2042
- let l = n.data[r] ?? 0, u = ee - w(l), f = a - u;
2043
- a = f;
2044
- let p = n.color ?? t[c % t.length], g = h?.di === c && h?.pi === r;
2045
- return /* @__PURE__ */ X("rect", {
2046
- className: `chart-bar ${p} ${d ? "animated" : ""} ${g ? "active" : ""}`,
2047
- x: s,
2048
- y: i.top + f,
2049
- width: Math.max(o, 1),
2050
- height: Math.max(u, 0),
2051
- rx: c === e.length - 1 ? 3 : 0,
2052
- onMouseEnter: (e) => O(c, r, e),
2053
- onClick: () => m?.(c, r, l),
2054
- style: { cursor: m ? "pointer" : void 0 }
2055
- }, c);
2056
- }) }, r);
2057
- }) : e.map((e, n) => {
2058
- let r = (T - E * 2) / D;
2059
- return /* @__PURE__ */ X("g", { children: e.data.map((a, o) => {
2060
- let s = ee - w(a), c = i.left + T * o + E + r * n, l = Math.min(ee, w(a)), u = e.color ?? t[n % t.length], f = h?.di === n && h?.pi === o;
2061
- return /* @__PURE__ */ X("rect", {
2062
- className: `chart-bar ${u} ${d ? "animated" : ""} ${f ? "active" : ""}`,
2063
- x: c,
2064
- y: i.top + l,
2065
- width: Math.max(r, 1),
2066
- height: Math.max(Math.abs(s), 0),
2067
- rx: 3,
2068
- onMouseEnter: (e) => O(n, o, e),
2069
- onClick: () => m?.(n, o, a),
2070
- style: { cursor: m ? "pointer" : void 0 }
2071
- }, o);
2072
- }) }, n);
2073
- })
2074
- })
2075
- ] });
2076
- }
2077
- //#endregion
2078
- //#region src/components/data/MChart/charts/MAreaChart.tsx
2079
- function on({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAxis: a, yAxis: o, showGrid: s, showXAxis: c, showYAxis: l, curved: u, stacked: d, animated: f, valueFormatter: p = $t, onTooltip: m, onDataClick: h }) {
2080
- let [g, _] = Y(null), v = n - i.left - i.right, y = r - i.top - i.bottom, { yMin: b, yMax: x, yTicks: S, xLabels: C, seriesPoints: w, stackedPaths: T } = q(() => {
2081
- let t = e.map((e) => e.data), n = Math.max(...t.map((e) => e.length), 1), r, s;
2082
- d ? [r, s] = ke(t) : [r, s] = Te(t);
2083
- let c = o?.min ?? Ce(r), l = o?.max ?? Se(s, r), f = xe(c, l, o?.ticks ?? 5), p = a?.labels ?? Array.from({ length: n }, (e, t) => String(t)), m = G([0, Math.max(n - 1, 1)], [0, v]), h = G([c, l], [y, 0]);
2084
- if (d) {
2085
- let e = [];
2086
- for (let r = 0; r < t.length; r++) {
2087
- e[r] = [];
2088
- for (let i = 0; i < n; i++) e[r][i] = (t[r][i] ?? 0) + (r > 0 ? e[r - 1][i] : 0);
2089
- }
2090
- return {
2091
- yMin: c,
2092
- yMax: l,
2093
- yTicks: f,
2094
- xLabels: p,
2095
- seriesPoints: [],
2096
- stackedPaths: e.map((t, n) => {
2097
- let r = t.map((e, t) => ({
2098
- x: i.left + m(t),
2099
- y: i.top + h(e)
2100
- }));
2101
- return {
2102
- area: De(r, n === 0 ? t.map((e, t) => ({
2103
- x: i.left + m(t),
2104
- y: i.top + h(0)
2105
- })) : e[n - 1].map((e, t) => ({
2106
- x: i.left + m(t),
2107
- y: i.top + h(e)
2108
- })), u),
2109
- line: u ? Oe(r) : we(r),
2110
- topPts: r
2111
- };
2112
- })
2113
- };
2114
- }
2115
- return {
2116
- yMin: c,
2117
- yMax: l,
2118
- yTicks: f,
2119
- xLabels: p,
2120
- seriesPoints: t.map((e) => e.map((e, t) => ({
2121
- x: i.left + m(t),
2122
- y: i.top + h(e)
2123
- }))),
2124
- stackedPaths: void 0
2125
- };
2126
- }, [
2127
- e,
2128
- v,
2129
- y,
2130
- a,
2131
- o,
2132
- d,
2133
- u,
2134
- i
2135
- ]), E = G([b, x], [y, 0]), D = G([0, Math.max(C.length - 1, 1)], [0, v]), O = K((r) => {
2136
- let a = r.currentTarget.closest("svg");
2137
- if (!a) return;
2138
- let o = a.getBoundingClientRect(), s = n / o.width, c = (r.clientX - o.left) * s - i.left, l = Math.round(c / v * Math.max(C.length - 1, 1)), u = Math.max(0, Math.min(l, C.length - 1));
2139
- _(u), m({
2140
- label: C[u],
2141
- items: e.map((e, n) => ({
2142
- name: e.label,
2143
- value: e.data[u] ?? 0,
2144
- color: e.color ?? t[n % t.length]
2145
- })),
2146
- x: r.clientX - o.left,
2147
- y: r.clientY - o.top
2148
- });
2149
- }, [
2150
- e,
2151
- t,
2152
- C,
2153
- v,
2154
- i.left,
2155
- n,
2156
- m
2157
- ]), k = K(() => {
2158
- _(null), m(null);
2159
- }, [m]), A = S.map((e) => i.top + E(e)), j = S.map((e) => ({
2160
- position: i.top + E(e),
2161
- label: (o?.formatter ?? p)(e)
2162
- })), M = C.map((e, t) => ({
2163
- position: i.left + D(t),
2164
- label: e
2165
- }));
2166
- return /* @__PURE__ */ Z("g", { children: [
2167
- s && /* @__PURE__ */ X(tn, {
2168
- x: i.left,
2169
- y: i.top,
2170
- width: v,
2171
- height: y,
2172
- horizontalLines: A
2173
- }),
2174
- l && /* @__PURE__ */ X(nn, {
2175
- type: "y",
2176
- x: i.left,
2177
- y: i.top + y,
2178
- length: y,
2179
- ticks: j,
2180
- title: o?.title
2181
- }),
2182
- c && /* @__PURE__ */ X(nn, {
2183
- type: "x",
2184
- x: i.left,
2185
- y: i.top + y,
2186
- length: v,
2187
- ticks: M,
2188
- title: a?.title
2189
- }),
2190
- /* @__PURE__ */ Z("g", {
2191
- onMouseMove: O,
2192
- onMouseLeave: k,
2193
- children: [
2194
- /* @__PURE__ */ X("rect", {
2195
- x: i.left,
2196
- y: i.top,
2197
- width: v,
2198
- height: y,
2199
- fill: "transparent"
2200
- }),
2201
- d && T ? T.map((n, r) => {
2202
- let i = e[r].color ?? t[r % t.length];
2203
- return /* @__PURE__ */ Z("g", { children: [/* @__PURE__ */ X("path", {
2204
- className: `chart-area-fill ${i}`,
2205
- d: n.area
2206
- }), /* @__PURE__ */ X("path", {
2207
- className: `chart-line ${i} ${f ? "animated" : ""}`,
2208
- d: n.line
2209
- })] }, r);
2210
- }) : w.map((n, r) => {
2211
- let a = e[r].color ?? t[r % t.length], o = u ? Oe(n) : we(n), s = Ee(n, i.top + y, u);
2212
- return /* @__PURE__ */ Z("g", { children: [
2213
- /* @__PURE__ */ X("path", {
2214
- className: `chart-area-fill ${a}`,
2215
- d: s
2216
- }),
2217
- /* @__PURE__ */ X("path", {
2218
- className: `chart-line ${a} ${f ? "animated" : ""}`,
2219
- d: o
2220
- }),
2221
- n.map((t, n) => /* @__PURE__ */ X("circle", {
2222
- className: `chart-dot ${a} ${g === n ? "active" : ""}`,
2223
- cx: t.x,
2224
- cy: t.y,
2225
- r: g === n ? 5 : 3,
2226
- onClick: () => h?.(r, n, e[r].data[n]),
2227
- style: { cursor: h ? "pointer" : void 0 }
2228
- }, n))
2229
- ] }, r);
2230
- }),
2231
- g !== null && /* @__PURE__ */ X("line", {
2232
- className: "chart-crosshair",
2233
- x1: i.left + D(g),
2234
- y1: i.top,
2235
- x2: i.left + D(g),
2236
- y2: i.top + y
2237
- })
2238
- ]
2239
- })
2240
- ] });
2241
- }
2242
- //#endregion
2243
- //#region src/components/data/MChart/charts/MPieChart.tsx
2244
- function sn({ data: e, colors: t, innerWidth: n, innerHeight: r, donut: i, donutWidth: a, animated: o, valueFormatter: s = $t, xAxis: c, onTooltip: l, onDataClick: u }) {
2245
- let [d, f] = Y(null), p = n / 2, m = r / 2, h = Math.min(p, m) - 10, g = i ? h - (a ?? h * .4) : 0, _ = q(() => {
2246
- let n = e.length === 1 ? e[0].data : e.map((e) => e.data[0] ?? 0), r = e.length === 1 ? c?.labels ?? n.map((e, t) => `Segment ${t + 1}`) : e.map((e) => e.label), i = n.reduce((e, t) => e + Math.max(t, 0), 0) || 1, a = -Math.PI / 2;
2247
- return n.map((n, o) => {
2248
- let s = Math.max(n, 0) / i * Math.PI * 2, c = {
2249
- value: n,
2250
- label: r[o] ?? `Segment ${o + 1}`,
2251
- color: (e.length === 1 ? void 0 : e[o].color) ?? t[o % t.length],
2252
- startAngle: a,
2253
- endAngle: a + s,
2254
- percentage: Math.max(n, 0) / i * 100
2255
- };
2256
- return a += s, c;
2257
- });
2258
- }, [
2259
- e,
2260
- t,
2261
- c
2262
- ]), v = K((e, t) => {
2263
- f(e);
2264
- let n = t.currentTarget.closest("svg");
2265
- if (!n) return;
2266
- let r = n.getBoundingClientRect();
2267
- l({
2268
- label: _[e].label,
2269
- items: [{
2270
- name: _[e].label,
2271
- value: _[e].value,
2272
- color: _[e].color
2273
- }],
2274
- x: t.clientX - r.left,
2275
- y: t.clientY - r.top
2276
- });
2277
- }, [_, l]), y = K(() => {
2278
- f(null), l(null);
2279
- }, [l]);
2280
- return /* @__PURE__ */ Z("g", { children: [_.map((e, t) => {
2281
- let n = d === t, r = be(p, m, n ? h + 4 : h, g, e.startAngle, e.endAngle);
2282
- return /* @__PURE__ */ X("path", {
2283
- className: `chart-pie-segment ${e.color} ${o ? "animated" : ""} ${n ? "active" : ""}`,
2284
- d: r,
2285
- onMouseEnter: (e) => v(t, e),
2286
- onMouseLeave: y,
2287
- onMouseMove: (t) => {
2288
- let n = t.currentTarget.closest("svg");
2289
- if (!n) return;
2290
- let r = n.getBoundingClientRect();
2291
- l({
2292
- label: e.label,
2293
- items: [{
2294
- name: e.label,
2295
- value: e.value,
2296
- color: e.color
2297
- }],
2298
- x: t.clientX - r.left,
2299
- y: t.clientY - r.top
2300
- });
2301
- },
2302
- onClick: () => u?.(0, t, e.value),
2303
- style: { cursor: u ? "pointer" : void 0 }
2304
- }, t);
2305
- }), i && /* @__PURE__ */ X("text", {
2306
- x: p,
2307
- y: m,
2308
- textAnchor: "middle",
2309
- dominantBaseline: "middle",
2310
- className: "chart-pie-center",
2311
- children: s(d === null ? _.reduce((e, t) => e + t.value, 0) : _[d].value)
2312
- })] });
2313
- }
2314
- //#endregion
2315
- //#region src/components/data/MChart/parts/ChartDefs.tsx
2316
- var cn = [
2317
- "primary",
2318
- "info",
2319
- "success",
2320
- "warning",
2321
- "error",
2322
- "news",
2323
- "neutral",
2324
- "dark",
2325
- "light"
2326
- ];
2327
- function ln() {
2328
- return /* @__PURE__ */ Z("defs", { children: [
2329
- cn.map((e) => /* @__PURE__ */ Z("linearGradient", {
2330
- id: `chart-bar-grad-${e}`,
2331
- x1: "0",
2332
- y1: "0",
2333
- x2: "0",
2334
- y2: "1",
2335
- children: [/* @__PURE__ */ X("stop", {
2336
- offset: "0%",
2337
- className: `chart-grad-stop-start ${e}`
2338
- }), /* @__PURE__ */ X("stop", {
2339
- offset: "100%",
2340
- className: `chart-grad-stop-end ${e}`
2341
- })]
2342
- }, `bar-${e}`)),
2343
- cn.map((e) => /* @__PURE__ */ Z("linearGradient", {
2344
- id: `chart-pie-grad-${e}`,
2345
- x1: "0.3",
2346
- y1: "0",
2347
- x2: "0.7",
2348
- y2: "1",
2349
- children: [/* @__PURE__ */ X("stop", {
2350
- offset: "0%",
2351
- className: `chart-grad-stop-start ${e}`
2352
- }), /* @__PURE__ */ X("stop", {
2353
- offset: "100%",
2354
- className: `chart-grad-stop-end ${e}`
2355
- })]
2356
- }, `pie-${e}`)),
2357
- cn.map((e) => /* @__PURE__ */ Z("linearGradient", {
2358
- id: `chart-area-grad-${e}`,
2359
- x1: "0",
2360
- y1: "0",
2361
- x2: "0",
2362
- y2: "1",
2363
- children: [/* @__PURE__ */ X("stop", {
2364
- offset: "0%",
2365
- className: `chart-grad-area-start ${e}`
2366
- }), /* @__PURE__ */ X("stop", {
2367
- offset: "100%",
2368
- className: `chart-grad-area-end ${e}`
2369
- })]
2370
- }, `area-${e}`))
2371
- ] });
2372
- }
2373
- //#endregion
2374
- //#region src/components/data/MChart/parts/ChartTooltip.tsx
2375
- function un({ data: e, valueFormatter: t }) {
2376
- return e ? /* @__PURE__ */ Z("div", {
2377
- className: "chart-tooltip",
2378
- style: {
2379
- left: e.x,
2380
- top: e.y
2381
- },
2382
- children: [/* @__PURE__ */ X("div", {
2383
- className: "chart-tooltip-label",
2384
- children: e.label
2385
- }), e.items.map((e, n) => /* @__PURE__ */ Z("div", {
2386
- className: "chart-tooltip-row",
2387
- children: [
2388
- /* @__PURE__ */ X("span", { className: `chart-tooltip-dot ${e.color}` }),
2389
- /* @__PURE__ */ X("span", {
2390
- className: "chart-tooltip-name",
2391
- children: e.name
2392
- }),
2393
- /* @__PURE__ */ X("span", {
2394
- className: "chart-tooltip-value",
2395
- children: t(e.value)
2396
- })
2397
- ]
2398
- }, n))]
2399
- }) : null;
2400
- }
2401
- //#endregion
2402
- //#region src/components/data/MChart/parts/ChartLegend.tsx
2403
- function dn({ items: e }) {
2404
- return e.length <= 1 ? null : /* @__PURE__ */ X("div", {
2405
- className: "chart-legend",
2406
- children: e.map((e, t) => /* @__PURE__ */ Z("div", {
2407
- className: "chart-legend-item",
2408
- children: [/* @__PURE__ */ X("span", { className: `chart-legend-dot ${e.color}` }), /* @__PURE__ */ X("span", {
2409
- className: "chart-legend-label",
2410
- children: e.label
2411
- })]
2412
- }, t))
2413
- });
2414
- }
2415
- //#endregion
2416
- //#region src/components/data/MChart/MChart.tsx
2417
- function fn({ type: e, data: t, width: n = "100%", height: r = 300, aspectRatio: i, xAxis: a, yAxis: o, showGrid: s = !0, showXAxis: c = !0, showYAxis: l = !0, showLegend: u = !0, showTooltip: d = !0, animated: f = !0, stacked: p = !1, curved: m = !1, donut: h = !1, donutWidth: g, valueFormatter: _ = $t, labelFormatter: v = en, onDataClick: y, className: b, style: x, ...S }) {
2418
- let C = J(null), [w, T] = Y(null), E = Xt, D = a?.title || o?.title ? Qt : Zt, O = i ? void 0 : typeof r == "number" ? r : 300, k = O ?? 300, A = K((e) => {
2419
- d && T(e);
2420
- }, [d]), j = q(() => e === "pie" && t.length === 1 ? (a?.labels ?? t[0].data.map((e, t) => `Segment ${t + 1}`)).map((e, t) => ({
2421
- label: e,
2422
- color: E[t % E.length]
2423
- })) : t.map((e, t) => ({
2424
- label: e.label,
2425
- color: e.color ?? E[t % E.length]
2426
- })), [
2427
- t,
2428
- E,
2429
- e,
2430
- a
2431
- ]), M = {
2432
- data: t,
2433
- colors: E,
2434
- innerWidth: 600,
2435
- innerHeight: k,
2436
- padding: D,
2437
- xAxis: a,
2438
- yAxis: o,
2439
- showGrid: s,
2440
- showXAxis: c,
2441
- showYAxis: l,
2442
- animated: f,
2443
- valueFormatter: _,
2444
- onTooltip: A,
2445
- onDataClick: y
2446
- };
2447
- return /* @__PURE__ */ Z("div", {
2448
- ref: C,
2449
- className: I("chart", b),
2450
- style: {
2451
- width: n,
2452
- height: i ? void 0 : O,
2453
- aspectRatio: i ? String(i) : void 0,
2454
- ...x
2455
- },
2456
- ...S,
2457
- children: [
2458
- /* @__PURE__ */ Z("svg", {
2459
- viewBox: `0 0 600 ${k}`,
2460
- preserveAspectRatio: "xMidYMid meet",
2461
- className: "chart-svg",
2462
- children: [
2463
- /* @__PURE__ */ X(ln, {}),
2464
- e === "line" && /* @__PURE__ */ X(rn, {
2465
- ...M,
2466
- curved: m
2467
- }),
2468
- e === "bar" && /* @__PURE__ */ X(an, {
2469
- ...M,
2470
- stacked: p
2471
- }),
2472
- e === "area" && /* @__PURE__ */ X(on, {
2473
- ...M,
2474
- curved: m,
2475
- stacked: p
2476
- }),
2477
- e === "pie" && /* @__PURE__ */ X(sn, {
2478
- ...M,
2479
- donut: h,
2480
- donutWidth: g
2481
- })
2482
- ]
2483
- }),
2484
- d && /* @__PURE__ */ X(un, {
2485
- data: w,
2486
- valueFormatter: _
2487
- }),
2488
- u && /* @__PURE__ */ X(dn, { items: j })
2489
- ]
2490
- });
2491
- }
2492
- //#endregion
2493
- //#region src/components/data/MChart/MLineChart.tsx
2494
- function pn(e) {
2495
- return /* @__PURE__ */ X(fn, {
2496
- type: "line",
2497
- ...e
2498
- });
2499
- }
2500
- //#endregion
2501
- //#region src/components/data/MChart/MBarChart.tsx
2502
- function mn(e) {
2503
- return /* @__PURE__ */ X(fn, {
2504
- type: "bar",
2505
- ...e
2506
- });
2507
- }
2508
- //#endregion
2509
- //#region src/components/data/MChart/MAreaChart.tsx
2510
- function hn(e) {
2511
- return /* @__PURE__ */ X(fn, {
2512
- type: "area",
2513
- ...e
2514
- });
2515
- }
2516
- //#endregion
2517
- //#region src/components/data/MChart/MPieChart.tsx
2518
- function gn(e) {
2519
- return /* @__PURE__ */ X(fn, {
2520
- type: "pie",
2521
- ...e
2522
- });
2523
- }
2524
- //#endregion
2525
- export { Xe as _, Yt as a, We as b, Kt as c, wt as d, lt as f, Ze as g, Qe as h, pn as i, Jt as l, $e as m, hn as n, Wt as o, ct as p, mn as r, Gt as s, gn as t, qt as u, qe as v, Ue as x, Ke as y };
2526
-
2527
- //# sourceMappingURL=data-BiwK5rfx.js.map