@templatical/editor 0.25.0 → 0.25.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.
- package/dist/{AiChatSidebar-CIkS8DsO.js → AiChatSidebar-BYMdVldY.js} +14 -14
- package/dist/{AiFeatureMenu-Cji1LBJJ.js → AiFeatureMenu-BhHhnu9G.js} +7 -7
- package/dist/{BlockIssueBadge-BQiT0FML.js → BlockIssueBadge-De36PJC4.js} +5 -5
- package/dist/{BlockPreviewCanvas-DAnwZofk.js → BlockPreviewCanvas-BxSoA1QV.js} +3 -3
- package/dist/{CloudEditor-CXaft6Ej.js → CloudEditor-BXfuytQj.js} +25 -25
- package/dist/{CollaboratorBar-BR-rL2wG.js → CollaboratorBar-D9AfWRTH.js} +4 -4
- package/dist/{ColorPicker-B4ArSUhy.js → ColorPicker-VPq4ASC8.js} +6 -6
- package/dist/{CommentsSidebar-Bm5GLDts.js → CommentsSidebar-C8BLy3Pr.js} +15 -15
- package/dist/{CountdownBlock-CIVAQDVu.js → CountdownBlock-Bs2Q_bFX.js} +3 -3
- package/dist/{CountdownToolbar-DBmb3tlb.js → CountdownToolbar-Cic6cdOw.js} +4 -4
- package/dist/{DesignReferenceSidebar-CnyJ8L-j.js → DesignReferenceSidebar-k-26nkJI.js} +11 -11
- package/dist/{IssuesPanel-D3XgmYCt.js → IssuesPanel-NPzwTPYW.js} +8 -8
- package/dist/{LoadingTrack-XK_eeUdq.js → LoadingTrack-DH3OEM3z.js} +1 -1
- package/dist/{MergeTagModeToggle-BK0fI3P2.js → MergeTagModeToggle-DEGyx8tw.js} +5 -5
- package/dist/{MergeTagSuggestion-D0OHRv7L.js → MergeTagSuggestion-DvisJ9im.js} +2 -2
- package/dist/{NumberWithSuffix-Cjj9UNIp.js → NumberWithSuffix-CuHCIwSn.js} +2 -2
- package/dist/{ParagraphEditor-jGnbJEA2.js → ParagraphEditor-DK_IPi9H.js} +56 -33
- package/dist/{RichTextEditorContent-DaaKdzjb.js → RichTextEditorContent-DznIQcdY.js} +8 -8
- package/dist/{SaveBlockDialog-B3ngEldp.js → SaveBlockDialog-R9PbMsy-.js} +10 -10
- package/dist/{SavedBlocksBrowserModal-DawN3XaB.js → SavedBlocksBrowserModal-ttPAklPE.js} +11 -11
- package/dist/{SavedBlocksPanels-eDC9Y46N.js → SavedBlocksPanels-BCwQgKLF.js} +2 -2
- package/dist/{SavedBlocksPickBar-CQbbXmzj.js → SavedBlocksPickBar-DD5Ddv9t.js} +4 -4
- package/dist/{SnapshotHistory-COxKtHM-.js → SnapshotHistory-BXSTGgBh.js} +10 -10
- package/dist/{TemplateScoringPanel-bUuqOO1z.js → TemplateScoringPanel-Ue6Dfnjb.js} +15 -15
- package/dist/{TestEmailModal-CytkbZVQ.js → TestEmailModal-KPFc5oSv.js} +10 -10
- package/dist/{TestEmailPanel-CHUY7VZn.js → TestEmailPanel-b8GHTrnE.js} +2 -2
- package/dist/{TitleEditor-aMR1bOyY.js → TitleEditor-8ln7UBr_.js} +10 -10
- package/dist/{TplModal-fmYNYdyp.js → TplModal-D_FA3Wm3.js} +5 -5
- package/dist/{blockTypeIcons-C6b9rg88.js → blockTypeIcons-BoZeK6l7.js} +2 -2
- package/dist/bundle-stats.json +6 -6
- package/dist/{ca-8Dvbwo50.js → ca-D1zgI9fQ.js} +1 -0
- package/dist/cdn/chunks/{AiChatSidebar-bkBKpNgE.js → AiChatSidebar-D6jGwb4y.js} +16 -16
- package/dist/cdn/chunks/{AiChatSidebar-bkBKpNgE.js.map → AiChatSidebar-D6jGwb4y.js.map} +1 -1
- package/dist/cdn/chunks/{AiFeatureMenu-CI4SYTq2.js → AiFeatureMenu-BtEcjxLL.js} +8 -8
- package/dist/cdn/chunks/{AiFeatureMenu-CI4SYTq2.js.map → AiFeatureMenu-BtEcjxLL.js.map} +1 -1
- package/dist/cdn/chunks/{BlockIssueBadge-CRnx8Dv9.js → BlockIssueBadge-dnqZk6pl.js} +5 -5
- package/dist/cdn/chunks/{BlockIssueBadge-CRnx8Dv9.js.map → BlockIssueBadge-dnqZk6pl.js.map} +1 -1
- package/dist/cdn/chunks/{BlockPreviewCanvas-CXCWhqbp.js → BlockPreviewCanvas-D8pfTFWi.js} +4 -4
- package/dist/cdn/chunks/{BlockPreviewCanvas-CXCWhqbp.js.map → BlockPreviewCanvas-D8pfTFWi.js.map} +1 -1
- package/dist/cdn/chunks/{CloudEditor-D-t7RyDh.js → CloudEditor-BJ4-pPAl.js} +28 -28
- package/dist/cdn/chunks/{CloudEditor-D-t7RyDh.js.map → CloudEditor-BJ4-pPAl.js.map} +1 -1
- package/dist/cdn/chunks/{CollaboratorBar-DcXYo47v.js → CollaboratorBar-SeUOuLeJ.js} +5 -5
- package/dist/cdn/chunks/{CollaboratorBar-DcXYo47v.js.map → CollaboratorBar-SeUOuLeJ.js.map} +1 -1
- package/dist/cdn/chunks/{ColorPicker-_1O7YU2z.js → ColorPicker-yxvrro60.js} +7 -7
- package/dist/cdn/chunks/{ColorPicker-_1O7YU2z.js.map → ColorPicker-yxvrro60.js.map} +1 -1
- package/dist/cdn/chunks/{CommentsSidebar-BEgLBYX-.js → CommentsSidebar-FPbg-FuU.js} +20 -20
- package/dist/cdn/chunks/{CommentsSidebar-BEgLBYX-.js.map → CommentsSidebar-FPbg-FuU.js.map} +1 -1
- package/dist/cdn/chunks/{CountdownBlock-CPnQA44g.js → CountdownBlock-D2Oth7YY.js} +4 -4
- package/dist/cdn/chunks/{CountdownBlock-CPnQA44g.js.map → CountdownBlock-D2Oth7YY.js.map} +1 -1
- package/dist/cdn/chunks/{CountdownToolbar-Cdo-30U4.js → CountdownToolbar-BNgTBQGB.js} +5 -5
- package/dist/cdn/chunks/{CountdownToolbar-Cdo-30U4.js.map → CountdownToolbar-BNgTBQGB.js.map} +1 -1
- package/dist/cdn/chunks/{DesignReferenceSidebar-DPqBr-ut.js → DesignReferenceSidebar-ChB_HBK1.js} +11 -11
- package/dist/cdn/chunks/{DesignReferenceSidebar-DPqBr-ut.js.map → DesignReferenceSidebar-ChB_HBK1.js.map} +1 -1
- package/dist/cdn/chunks/{IssuesPanel-DoQWb23r.js → IssuesPanel-CjiZ8cLW.js} +9 -9
- package/dist/cdn/chunks/{IssuesPanel-DoQWb23r.js.map → IssuesPanel-CjiZ8cLW.js.map} +1 -1
- package/dist/cdn/chunks/{LoadingTrack-G2tuXqCJ.js → LoadingTrack-CiNg9s16.js} +2 -2
- package/dist/cdn/chunks/{LoadingTrack-G2tuXqCJ.js.map → LoadingTrack-CiNg9s16.js.map} +1 -1
- package/dist/cdn/chunks/{MergeTagModeToggle-CWuVC3MU.js → MergeTagModeToggle-CiYbOKzd.js} +15 -15
- package/dist/cdn/chunks/{MergeTagModeToggle-CWuVC3MU.js.map → MergeTagModeToggle-CiYbOKzd.js.map} +1 -1
- package/dist/cdn/chunks/{MergeTagSuggestion-Ces5Ua78.js → MergeTagSuggestion-CvZLI6Np.js} +3 -3
- package/dist/cdn/chunks/{MergeTagSuggestion-Ces5Ua78.js.map → MergeTagSuggestion-CvZLI6Np.js.map} +1 -1
- package/dist/cdn/chunks/{NumberWithSuffix-DQ4sgvt5.js → NumberWithSuffix-vVwCWrd_.js} +3 -3
- package/dist/cdn/chunks/{NumberWithSuffix-DQ4sgvt5.js.map → NumberWithSuffix-vVwCWrd_.js.map} +1 -1
- package/dist/cdn/chunks/{ParagraphEditor-Uv5LPF3W.js → ParagraphEditor-o4hs9mgy.js} +141 -131
- package/dist/cdn/chunks/ParagraphEditor-o4hs9mgy.js.map +1 -0
- package/dist/cdn/chunks/{RichTextEditorContent-Bt3s09qY.js → RichTextEditorContent-BAriGldd.js} +7 -7
- package/dist/cdn/chunks/{RichTextEditorContent-Bt3s09qY.js.map → RichTextEditorContent-BAriGldd.js.map} +1 -1
- package/dist/cdn/chunks/{SaveBlockDialog-BAew6EFd.js → SaveBlockDialog-D3-oILb5.js} +19 -19
- package/dist/cdn/chunks/{SaveBlockDialog-BAew6EFd.js.map → SaveBlockDialog-D3-oILb5.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksBrowserModal-Dn4IJDJW.js → SavedBlocksBrowserModal-jMnNd4wn.js} +13 -13
- package/dist/cdn/chunks/{SavedBlocksBrowserModal-Dn4IJDJW.js.map → SavedBlocksBrowserModal-jMnNd4wn.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksPanels-B62U5DYW.js → SavedBlocksPanels-BDd8FH6l.js} +3 -3
- package/dist/cdn/chunks/{SavedBlocksPanels-B62U5DYW.js.map → SavedBlocksPanels-BDd8FH6l.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksPickBar-CyRKZg2T.js → SavedBlocksPickBar-BNkLe8In.js} +7 -7
- package/dist/cdn/chunks/{SavedBlocksPickBar-CyRKZg2T.js.map → SavedBlocksPickBar-BNkLe8In.js.map} +1 -1
- package/dist/cdn/chunks/{SnapshotHistory-QQt0DKey.js → SnapshotHistory-CYVi7fvQ.js} +12 -12
- package/dist/cdn/chunks/{SnapshotHistory-QQt0DKey.js.map → SnapshotHistory-CYVi7fvQ.js.map} +1 -1
- package/dist/cdn/chunks/{TemplateScoringPanel-BwyCMcit.js → TemplateScoringPanel-D0KrxVnr.js} +54 -54
- package/dist/cdn/chunks/{TemplateScoringPanel-BwyCMcit.js.map → TemplateScoringPanel-D0KrxVnr.js.map} +1 -1
- package/dist/cdn/chunks/{TestEmailModal-B5UQkDJp.js → TestEmailModal-_RbTD787.js} +9 -9
- package/dist/cdn/chunks/{TestEmailModal-B5UQkDJp.js.map → TestEmailModal-_RbTD787.js.map} +1 -1
- package/dist/cdn/chunks/{TestEmailPanel-CvuBq4RA.js → TestEmailPanel-BAnKtbSu.js} +3 -3
- package/dist/cdn/chunks/{TestEmailPanel-CvuBq4RA.js.map → TestEmailPanel-BAnKtbSu.js.map} +1 -1
- package/dist/cdn/chunks/{TitleEditor-B9W954u9.js → TitleEditor-LiUvXGPw.js} +17 -17
- package/dist/cdn/chunks/{TitleEditor-B9W954u9.js.map → TitleEditor-LiUvXGPw.js.map} +1 -1
- package/dist/cdn/chunks/{TplModal-B8UsvWc8.js → TplModal-C1iguuZz.js} +5 -5
- package/dist/cdn/chunks/{TplModal-B8UsvWc8.js.map → TplModal-C1iguuZz.js.map} +1 -1
- package/dist/cdn/chunks/blockTypeIcons-CrPzyP_k.js +21 -0
- package/dist/cdn/chunks/{blockTypeIcons-B8s3_ahs.js.map → blockTypeIcons-CrPzyP_k.js.map} +1 -1
- package/dist/cdn/chunks/{ca-8Dvbwo50.js → ca-D1zgI9fQ.js} +2 -1
- package/dist/cdn/chunks/ca-D1zgI9fQ.js.map +1 -0
- package/dist/cdn/chunks/{cloud-DOaGUdR0.js → cloud-CxNsW3hp.js} +2 -2
- package/dist/cdn/chunks/{cloud-DOaGUdR0.js.map → cloud-CxNsW3hp.js.map} +1 -1
- package/dist/cdn/chunks/{de-CieSMCUp.js → de-DHra3lvx.js} +2 -1
- package/dist/cdn/chunks/de-DHra3lvx.js.map +1 -0
- package/dist/cdn/chunks/{dist-B8AX9np4.js → dist-BLF-S9_A.js} +4 -4
- package/dist/cdn/chunks/{dist-B8AX9np4.js.map → dist-BLF-S9_A.js.map} +1 -1
- package/dist/cdn/chunks/{dist-lZgXNk4G.js → dist-Dp46rwVY.js} +3 -3
- package/dist/cdn/chunks/{dist-lZgXNk4G.js.map → dist-Dp46rwVY.js.map} +1 -1
- package/dist/cdn/chunks/{draggable-JcMTNF3U.js → draggable-BRF_Q_jB.js} +445 -433
- package/dist/cdn/chunks/draggable-BRF_Q_jB.js.map +1 -0
- package/dist/cdn/chunks/{en-D0t_2Fq_.js → en-DlqX2YWZ.js} +2 -1
- package/dist/cdn/chunks/en-DlqX2YWZ.js.map +1 -0
- package/dist/cdn/chunks/{es-DwDoNuLM.js → es-Cuss2snv.js} +2 -1
- package/dist/cdn/chunks/es-Cuss2snv.js.map +1 -0
- package/dist/cdn/chunks/{extensions-5jgtarD-.js → extensions-yNQlgLNE.js} +6 -6
- package/dist/cdn/chunks/{extensions-5jgtarD-.js.map → extensions-yNQlgLNE.js.map} +1 -1
- package/dist/cdn/chunks/{fr-CSEEzv1_.js → fr-Cm85vB2g.js} +2 -1
- package/dist/cdn/chunks/fr-Cm85vB2g.js.map +1 -0
- package/dist/cdn/chunks/{icons-Cp4ZIJw-.js → icons-DN008liP.js} +45 -32
- package/dist/cdn/chunks/icons-DN008liP.js.map +1 -0
- package/dist/cdn/chunks/{keys-BxPCfHBH.js → keys-CZOBuCQd.js} +2 -2
- package/dist/cdn/chunks/{keys-BxPCfHBH.js.map → keys-CZOBuCQd.js.map} +1 -1
- package/dist/cdn/chunks/{nl-xyk1T2mA.js → nl-dmiIX7oT.js} +2 -1
- package/dist/cdn/chunks/nl-dmiIX7oT.js.map +1 -0
- package/dist/cdn/chunks/{pt-BR-yr6uOJgn.js → pt-BR-CaIG-7EM.js} +2 -1
- package/dist/cdn/chunks/pt-BR-CaIG-7EM.js.map +1 -0
- package/dist/cdn/chunks/{src-Dpj0x27M.js → src-B2LpXMIw.js} +373 -373
- package/dist/cdn/chunks/{src-Dpj0x27M.js.map → src-B2LpXMIw.js.map} +1 -1
- package/dist/cdn/chunks/{src-B8W42vT-.js → src-D_3bXt7-.js} +215 -175
- package/dist/cdn/chunks/src-D_3bXt7-.js.map +1 -0
- package/dist/cdn/chunks/{src-C417zeUg.js → src-uc_Mb_yH.js} +2 -2
- package/dist/cdn/chunks/{src-C417zeUg.js.map → src-uc_Mb_yH.js.map} +1 -1
- package/dist/cdn/chunks/{styles-DANwMzW2.js → styles-BzP13r-I.js} +83 -83
- package/dist/cdn/chunks/{styles-DANwMzW2.js.map → styles-BzP13r-I.js.map} +1 -1
- package/dist/cdn/chunks/{tiptap-rsib432n.js → tiptap-CgwK_fKJ.js} +2 -2
- package/dist/cdn/chunks/{tiptap-rsib432n.js.map → tiptap-CgwK_fKJ.js.map} +1 -1
- package/dist/cdn/chunks/{useAliveFlag-CseYNikC.js → useAliveFlag-Ctyt3GgH.js} +2 -2
- package/dist/cdn/chunks/{useAliveFlag-CseYNikC.js.map → useAliveFlag-Ctyt3GgH.js.map} +1 -1
- package/dist/cdn/chunks/{useCloudI18n-CjVzv11v.js → useCloudI18n-CML0BxqX.js} +3 -3
- package/dist/cdn/chunks/{useCloudI18n-CjVzv11v.js.map → useCloudI18n-CML0BxqX.js.map} +1 -1
- package/dist/cdn/chunks/{useEditorCore-DfW-thCr.js → useEditorCore-CTYH6u4r.js} +32 -32
- package/dist/cdn/chunks/{useEditorCore-DfW-thCr.js.map → useEditorCore-CTYH6u4r.js.map} +1 -1
- package/dist/cdn/chunks/{useI18n-DniEFeIl.js → useI18n-aRMtgYRj.js} +3 -3
- package/dist/cdn/chunks/{useI18n-DniEFeIl.js.map → useI18n-aRMtgYRj.js.map} +1 -1
- package/dist/cdn/chunks/{useMergeTag-Bk9_f5cc.js → useMergeTag-8a8BnIZp.js} +3 -3
- package/dist/cdn/chunks/{useMergeTag-Bk9_f5cc.js.map → useMergeTag-8a8BnIZp.js.map} +1 -1
- package/dist/cdn/chunks/{usePopoverPosition-C4xFJCJ2.js → usePopoverPosition-Dm1jv3y5.js} +3 -3
- package/dist/cdn/chunks/{usePopoverPosition-C4xFJCJ2.js.map → usePopoverPosition-Dm1jv3y5.js.map} +1 -1
- package/dist/cdn/editor.js +15 -15
- package/dist/{check-CIhIDh4h.js → check-Bqimqf7l.js} +1 -1
- package/dist/{chevron-down-CZ0m6G3s.js → chevron-down-CYOoeGBd.js} +1 -1
- package/dist/{chevron-up-BH_tJLeb.js → chevron-up-DYknsfm0.js} +1 -1
- package/dist/{circle-alert-DkEXnGPV.js → circle-alert-6q_jgtv_.js} +1 -1
- package/dist/{clock-BDIJZUET.js → clock-CnadSSTD.js} +1 -1
- package/dist/{cloud-BZn3jqoL.js → cloud-BJLg_SlM.js} +1 -1
- package/dist/{createLucideIcon-AEltGIse.js → createLucideIcon-D7GKhya2.js} +3 -3
- package/dist/{de-CieSMCUp.js → de-DHra3lvx.js} +1 -0
- package/dist/{dist-CIqhVQ1O.js → dist-C31bMR4x.js} +3 -3
- package/dist/{dist-DT1XnEnj.js → dist-DDfXShPv.js} +2 -2
- package/dist/{en-D0t_2Fq_.js → en-DlqX2YWZ.js} +1 -0
- package/dist/{es-DwDoNuLM.js → es-Cuss2snv.js} +1 -0
- package/dist/{extensions-BjvyU9Ea.js → extensions-CbiWtzS6.js} +6 -6
- package/dist/{fr-CSEEzv1_.js → fr-Cm85vB2g.js} +1 -0
- package/dist/{image-up-8ktdYdaZ.js → image-up-BfukboIn.js} +1 -1
- package/dist/{info-CvrCgTLH.js → info-DSYRzSZo.js} +1 -1
- package/dist/{keys-BFPiNAIn.js → keys-BI6VSUh4.js} +1 -1
- package/dist/{list-checks-yzGT93ZL.js → list-checks-URZOyLhr.js} +1 -1
- package/dist/{loader-circle-B6euendB.js → loader-circle-GADaYcyQ.js} +1 -1
- package/dist/{message-circle-BMldLVcA.js → message-circle-B62fdo0b.js} +1 -1
- package/dist/{nl-xyk1T2mA.js → nl-dmiIX7oT.js} +1 -0
- package/dist/{pencil-CkKkSd6N.js → pencil-BGwkOpD_.js} +1 -1
- package/dist/{pt-BR-yr6uOJgn.js → pt-BR-CaIG-7EM.js} +1 -0
- package/dist/{refresh-cw-fBPgB97G.js → refresh-cw-Z4wXfduO.js} +1 -1
- package/dist/{runtime-dom.esm-bundler-CBbDt7sw.js → runtime-dom.esm-bundler-BkOsapVg.js} +163 -162
- package/dist/{scan-line-CRoEOUiK.js → scan-line-D8Oh5xos.js} +1 -1
- package/dist/{send-B9Tt2qBi.js → send-BYp4k38T.js} +1 -1
- package/dist/{shield-check-QfZkYeIo.js → shield-check-Cm0RePnW.js} +1 -1
- package/dist/{sparkles-8UeMmZb8.js → sparkles-BHEE-vRD.js} +1 -1
- package/dist/{styles-C9GM-bBC.js → styles-B0MEBpOK.js} +32 -32
- package/dist/templatical-editor.js +17 -17
- package/dist/{text-align-start-Dn8uIheW.js → text-align-start-CHrg3vK8.js} +1 -1
- package/dist/{trash-2-DDyvqj0E.js → trash-2-BoNT8wbq.js} +1 -1
- package/dist/{triangle-alert-B3PydLzl.js → triangle-alert-CiN0ssB3.js} +1 -1
- package/dist/{upload-hE8ItfyG.js → upload-WvZGBySw.js} +1 -1
- package/dist/{useAliveFlag-AfoTE_AY.js → useAliveFlag-eT67QCMf.js} +1 -1
- package/dist/{useCloudI18n-B2lItQ6O.js → useCloudI18n-KgIWl-IE.js} +2 -2
- package/dist/{useEditorCore-Ck_hBiGA.js → useEditorCore-BMbxdUbY.js} +20 -20
- package/dist/{useI18n-C1KcdX_K.js → useI18n-BkHfCWC6.js} +2 -2
- package/dist/{useMergeTag-DHCwRMfH.js → useMergeTag-CZ4XYAxu.js} +2 -2
- package/dist/{usePopoverPosition-ClnEh_Cp.js → usePopoverPosition-D93u-EZm.js} +4 -4
- package/dist/{vue.runtime.esm-bundler-Xpz-L9Fn.js → vue.runtime.esm-bundler-0R1UhmZB.js} +179 -157
- package/dist/{x-C4lETLDx.js → x-B4WnJVRx.js} +1 -1
- package/package.json +10 -10
- package/dist/cdn/chunks/ParagraphEditor-Uv5LPF3W.js.map +0 -1
- package/dist/cdn/chunks/blockTypeIcons-B8s3_ahs.js +0 -21
- package/dist/cdn/chunks/ca-8Dvbwo50.js.map +0 -1
- package/dist/cdn/chunks/de-CieSMCUp.js.map +0 -1
- package/dist/cdn/chunks/draggable-JcMTNF3U.js.map +0 -1
- package/dist/cdn/chunks/en-D0t_2Fq_.js.map +0 -1
- package/dist/cdn/chunks/es-DwDoNuLM.js.map +0 -1
- package/dist/cdn/chunks/fr-CSEEzv1_.js.map +0 -1
- package/dist/cdn/chunks/icons-Cp4ZIJw-.js.map +0 -1
- package/dist/cdn/chunks/nl-xyk1T2mA.js.map +0 -1
- package/dist/cdn/chunks/pt-BR-yr6uOJgn.js.map +0 -1
- package/dist/cdn/chunks/src-B8W42vT-.js.map +0 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { A as e, C as t, D as n, F as r, H as i, I as a, K as o, L as s, M as c, N as l, P as u, T as d, V as f, Z as p, c as m, ct as h, d as g, f as _, g as v, h as y, it as b, l as x, m as S, n as C, o as w, ot as T, p as E, r as D, s as O, st as k, tt as ee, u as A, v as j, x as M, y as N, z as te } from "./draggable-
|
|
2
|
-
import { h as ne } from "./dist-
|
|
3
|
-
import { a as re, n as ie, o as ae, r as P, s as F, t as oe } from "./dist-
|
|
4
|
-
import {
|
|
5
|
-
import { t as
|
|
6
|
-
import { S as
|
|
1
|
+
import { A as e, C as t, D as n, F as r, H as i, I as a, K as o, L as s, M as c, N as l, P as u, T as d, V as f, Z as p, c as m, ct as h, d as g, f as _, g as v, h as y, it as b, l as x, m as S, n as C, o as w, ot as T, p as E, r as D, s as O, st as k, tt as ee, u as A, v as j, x as M, y as N, z as te } from "./draggable-BRF_Q_jB.js";
|
|
2
|
+
import { h as ne } from "./dist-Dp46rwVY.js";
|
|
3
|
+
import { a as re, n as ie, o as ae, r as P, s as F, t as oe } from "./dist-BLF-S9_A.js";
|
|
4
|
+
import { B as I, C as se, Et as ce, Lt as le, P as ue, Pt as de, W as fe, Y as pe, _t as me, at as he, bt as ge, d as _e, lt as ve, n as ye, ot as be, q as xe, s as Se, xt as Ce } from "./icons-DN008liP.js";
|
|
5
|
+
import { t as we } from "./_plugin-vue_export-helper-B3ysoDQm.js";
|
|
6
|
+
import { S as L, b as Te, w as Ee, x as R } from "./cloud-CxNsW3hp.js";
|
|
7
7
|
//#region ../media-library/src/api-client.ts
|
|
8
|
-
var
|
|
8
|
+
var De = class {
|
|
9
9
|
authManager;
|
|
10
10
|
constructor(e) {
|
|
11
11
|
this.authManager = e;
|
|
@@ -40,7 +40,7 @@ var Ee = class {
|
|
|
40
40
|
async browseMedia(e) {
|
|
41
41
|
let t = new URLSearchParams();
|
|
42
42
|
e.folder_id && t.set("folder_id", e.folder_id), e.search && t.set("search", e.search), e.category && t.set("category", e.category), e.sort && t.set("sort", e.sort), e.cursor && t.set("cursor", e.cursor);
|
|
43
|
-
let n = t.toString(), r = `${R
|
|
43
|
+
let n = t.toString(), r = `${L(R["media.browse"], this.baseParams)}${n ? `?${n}` : ""}`, i = await this.authManager.authenticatedFetch(r, { headers: { Accept: "application/json" } });
|
|
44
44
|
if (!i.ok) {
|
|
45
45
|
let e = await i.json().catch(() => ({ message: `HTTP error ${i.status}` }));
|
|
46
46
|
throw Error(e.message, { cause: e });
|
|
@@ -50,7 +50,7 @@ var Ee = class {
|
|
|
50
50
|
async uploadMedia(e, t) {
|
|
51
51
|
let n = new FormData();
|
|
52
52
|
n.append("file", e), t && n.append("folder_id", t);
|
|
53
|
-
let r = R
|
|
53
|
+
let r = L(R["media.upload"], this.baseParams), i = await this.authManager.authenticatedFetch(r, {
|
|
54
54
|
method: "POST",
|
|
55
55
|
headers: { Accept: "application/json" },
|
|
56
56
|
body: n
|
|
@@ -62,7 +62,7 @@ var Ee = class {
|
|
|
62
62
|
return (await i.json()).data;
|
|
63
63
|
}
|
|
64
64
|
async updateMedia(e, t, n) {
|
|
65
|
-
return this.request(R
|
|
65
|
+
return this.request(L(R["media.update"], {
|
|
66
66
|
...this.baseParams,
|
|
67
67
|
media: e
|
|
68
68
|
}), {
|
|
@@ -74,13 +74,13 @@ var Ee = class {
|
|
|
74
74
|
});
|
|
75
75
|
}
|
|
76
76
|
async deleteMedia(e) {
|
|
77
|
-
return this.request(R
|
|
77
|
+
return this.request(L(R["media.delete"], this.baseParams), {
|
|
78
78
|
method: "POST",
|
|
79
79
|
body: JSON.stringify({ ids: e })
|
|
80
80
|
});
|
|
81
81
|
}
|
|
82
82
|
async moveMedia(e, t) {
|
|
83
|
-
return this.request(R
|
|
83
|
+
return this.request(L(R["media.move"], this.baseParams), {
|
|
84
84
|
method: "POST",
|
|
85
85
|
body: JSON.stringify({
|
|
86
86
|
ids: e,
|
|
@@ -89,10 +89,10 @@ var Ee = class {
|
|
|
89
89
|
});
|
|
90
90
|
}
|
|
91
91
|
async getMediaFolders() {
|
|
92
|
-
return this.request(R
|
|
92
|
+
return this.request(L(R["folders.index"], this.baseParams));
|
|
93
93
|
}
|
|
94
94
|
async createMediaFolder(e, t) {
|
|
95
|
-
return this.request(R
|
|
95
|
+
return this.request(L(R["folders.store"], this.baseParams), {
|
|
96
96
|
method: "POST",
|
|
97
97
|
body: JSON.stringify({
|
|
98
98
|
name: e,
|
|
@@ -101,7 +101,7 @@ var Ee = class {
|
|
|
101
101
|
});
|
|
102
102
|
}
|
|
103
103
|
async renameMediaFolder(e, t) {
|
|
104
|
-
return this.request(R
|
|
104
|
+
return this.request(L(R["folders.update"], {
|
|
105
105
|
...this.baseParams,
|
|
106
106
|
mediaFolder: e
|
|
107
107
|
}), {
|
|
@@ -110,13 +110,13 @@ var Ee = class {
|
|
|
110
110
|
});
|
|
111
111
|
}
|
|
112
112
|
async deleteMediaFolder(e) {
|
|
113
|
-
return this.request(R
|
|
113
|
+
return this.request(L(R["folders.destroy"], {
|
|
114
114
|
...this.baseParams,
|
|
115
115
|
mediaFolder: e
|
|
116
116
|
}), { method: "DELETE" });
|
|
117
117
|
}
|
|
118
118
|
async checkMediaUsage(e) {
|
|
119
|
-
let t = await this.authManager.authenticatedFetch(R
|
|
119
|
+
let t = await this.authManager.authenticatedFetch(L(R["media.checkUsage"], this.baseParams), {
|
|
120
120
|
method: "POST",
|
|
121
121
|
headers: {
|
|
122
122
|
"Content-Type": "application/json",
|
|
@@ -131,10 +131,10 @@ var Ee = class {
|
|
|
131
131
|
return t.json();
|
|
132
132
|
}
|
|
133
133
|
async getFrequentlyUsed() {
|
|
134
|
-
return this.request(R
|
|
134
|
+
return this.request(L(R["media.frequentlyUsed"], this.baseParams));
|
|
135
135
|
}
|
|
136
136
|
async importFromUrl(e, t) {
|
|
137
|
-
return this.request(R
|
|
137
|
+
return this.request(L(R["media.importFromUrl"], this.baseParams), {
|
|
138
138
|
method: "POST",
|
|
139
139
|
body: JSON.stringify({
|
|
140
140
|
url: e,
|
|
@@ -145,7 +145,7 @@ var Ee = class {
|
|
|
145
145
|
async replaceMedia(e, t) {
|
|
146
146
|
let n = new FormData();
|
|
147
147
|
n.append("file", t);
|
|
148
|
-
let r = R
|
|
148
|
+
let r = L(R["media.replace"], {
|
|
149
149
|
...this.baseParams,
|
|
150
150
|
media: e
|
|
151
151
|
}), i = await this.authManager.authenticatedFetch(r, {
|
|
@@ -162,9 +162,9 @@ var Ee = class {
|
|
|
162
162
|
};
|
|
163
163
|
//#endregion
|
|
164
164
|
//#region ../media-library/src/composable.ts
|
|
165
|
-
function
|
|
165
|
+
function Oe(e) {
|
|
166
166
|
if (!e.projectId) throw Error("projectId is required for useMediaLibrary");
|
|
167
|
-
let t = new
|
|
167
|
+
let t = new De(e.authManager), n = p([]), r = p([]), i = p(null), a = p("files"), o = p(""), s = p(null), c = p("newest"), l = p(!1), u = p(!1), d = p(!1), f = p(null), m = p(null), h = p(/* @__PURE__ */ new Set()), g = p(null), _ = p([]), v = p({}), y = p(!1), b = p([]), x = p(!1), S = p(null), C = p(!1), w = p(null), T = p(!1), E = p(null), D = p(null), O = 0;
|
|
168
168
|
async function k() {
|
|
169
169
|
let r = ++O;
|
|
170
170
|
l.value = !0;
|
|
@@ -309,7 +309,7 @@ function De(e) {
|
|
|
309
309
|
function se() {
|
|
310
310
|
y.value = !1, b.value = [], v.value = {};
|
|
311
311
|
}
|
|
312
|
-
async function
|
|
312
|
+
async function ce(r) {
|
|
313
313
|
x.value = !0, S.value = null;
|
|
314
314
|
try {
|
|
315
315
|
let e = await t.importFromUrl(r, i.value);
|
|
@@ -320,57 +320,57 @@ function De(e) {
|
|
|
320
320
|
x.value = !1;
|
|
321
321
|
}
|
|
322
322
|
}
|
|
323
|
-
function
|
|
323
|
+
function le(e) {
|
|
324
324
|
let t = new Set(h.value);
|
|
325
325
|
t.has(e) ? t.delete(e) : t.add(e), h.value = t;
|
|
326
326
|
}
|
|
327
|
-
function
|
|
327
|
+
function ue() {
|
|
328
328
|
h.value = /* @__PURE__ */ new Set(), g.value = null;
|
|
329
329
|
}
|
|
330
|
-
function
|
|
330
|
+
function de(e) {
|
|
331
331
|
g.value = e, h.value = /* @__PURE__ */ new Set([e.id]);
|
|
332
332
|
}
|
|
333
|
-
async function
|
|
333
|
+
async function fe() {
|
|
334
334
|
try {
|
|
335
335
|
r.value = await t.getMediaFolders();
|
|
336
336
|
} catch (t) {
|
|
337
337
|
e.onError?.(t);
|
|
338
338
|
}
|
|
339
339
|
}
|
|
340
|
-
async function
|
|
340
|
+
async function pe(n, r) {
|
|
341
341
|
try {
|
|
342
342
|
let e = await t.createMediaFolder(n, r);
|
|
343
|
-
return await
|
|
343
|
+
return await fe(), e;
|
|
344
344
|
} catch (t) {
|
|
345
345
|
return e.onError?.(t), null;
|
|
346
346
|
}
|
|
347
347
|
}
|
|
348
|
-
function
|
|
348
|
+
function me(e, t) {
|
|
349
349
|
for (let n of e) {
|
|
350
350
|
if (n.id === t) return n;
|
|
351
351
|
if (n.children) {
|
|
352
|
-
let e =
|
|
352
|
+
let e = me(n.children, t);
|
|
353
353
|
if (e) return e;
|
|
354
354
|
}
|
|
355
355
|
}
|
|
356
356
|
return null;
|
|
357
357
|
}
|
|
358
|
-
async function
|
|
358
|
+
async function he(n, r) {
|
|
359
359
|
try {
|
|
360
|
-
await t.renameMediaFolder(n, r), await
|
|
360
|
+
await t.renameMediaFolder(n, r), await fe();
|
|
361
361
|
} catch (t) {
|
|
362
362
|
e.onError?.(t);
|
|
363
363
|
}
|
|
364
364
|
}
|
|
365
|
-
async function
|
|
365
|
+
async function ge(n) {
|
|
366
366
|
try {
|
|
367
|
-
let e =
|
|
368
|
-
await t.deleteMediaFolder(n), i.value === n && (i.value = e), await
|
|
367
|
+
let e = me(r.value, n)?.parent_id ?? null;
|
|
368
|
+
await t.deleteMediaFolder(n), i.value === n && (i.value = e), await fe(), await k();
|
|
369
369
|
} catch (t) {
|
|
370
370
|
e.onError?.(t);
|
|
371
371
|
}
|
|
372
372
|
}
|
|
373
|
-
async function
|
|
373
|
+
async function _e(n) {
|
|
374
374
|
E.value = n, w.value = null;
|
|
375
375
|
try {
|
|
376
376
|
let e = await t.checkMediaUsage([n.id]);
|
|
@@ -379,10 +379,10 @@ function De(e) {
|
|
|
379
379
|
e.onError?.(t);
|
|
380
380
|
}
|
|
381
381
|
}
|
|
382
|
-
function
|
|
382
|
+
function ve() {
|
|
383
383
|
T.value = !1, E.value = null, D.value = null, w.value = null;
|
|
384
384
|
}
|
|
385
|
-
async function
|
|
385
|
+
async function ye(r) {
|
|
386
386
|
if (!E.value) return null;
|
|
387
387
|
C.value = !0, w.value = null;
|
|
388
388
|
try {
|
|
@@ -394,7 +394,7 @@ function De(e) {
|
|
|
394
394
|
C.value = !1;
|
|
395
395
|
}
|
|
396
396
|
}
|
|
397
|
-
async function
|
|
397
|
+
async function be(r, i) {
|
|
398
398
|
try {
|
|
399
399
|
let e = await t.replaceMedia(r, i);
|
|
400
400
|
return n.value = n.value.map((t) => t.id === e.id ? e : t), _.value = _.value.map((t) => t.id === e.id ? e : t), g.value?.id === e.id && (g.value = e), e;
|
|
@@ -433,15 +433,15 @@ function De(e) {
|
|
|
433
433
|
deleteSelected: P,
|
|
434
434
|
isImportingFromUrl: x,
|
|
435
435
|
importFromUrlError: S,
|
|
436
|
-
importFromUrl:
|
|
437
|
-
toggleSelection:
|
|
438
|
-
clearSelection:
|
|
439
|
-
selectItem:
|
|
440
|
-
loadFolders:
|
|
441
|
-
createFolder:
|
|
442
|
-
renameFolder:
|
|
443
|
-
deleteFolder:
|
|
444
|
-
findFolderInTree:
|
|
436
|
+
importFromUrl: ce,
|
|
437
|
+
toggleSelection: le,
|
|
438
|
+
clearSelection: ue,
|
|
439
|
+
selectItem: de,
|
|
440
|
+
loadFolders: fe,
|
|
441
|
+
createFolder: pe,
|
|
442
|
+
renameFolder: he,
|
|
443
|
+
deleteFolder: ge,
|
|
444
|
+
findFolderInTree: me,
|
|
445
445
|
loadFrequentlyUsed: F,
|
|
446
446
|
checkUsageBeforeDelete: oe,
|
|
447
447
|
confirmDelete: I,
|
|
@@ -451,15 +451,15 @@ function De(e) {
|
|
|
451
451
|
showReplaceWarning: T,
|
|
452
452
|
pendingReplaceItem: E,
|
|
453
453
|
replaceUsageInfo: D,
|
|
454
|
-
checkUsageBeforeReplace:
|
|
455
|
-
cancelReplace:
|
|
456
|
-
replaceFile:
|
|
457
|
-
replaceMediaDirectly:
|
|
454
|
+
checkUsageBeforeReplace: _e,
|
|
455
|
+
cancelReplace: ve,
|
|
456
|
+
replaceFile: ye,
|
|
457
|
+
replaceMediaDirectly: be
|
|
458
458
|
};
|
|
459
459
|
}
|
|
460
460
|
//#endregion
|
|
461
461
|
//#region ../media-library/src/composables/useI18n.ts
|
|
462
|
-
function
|
|
462
|
+
function z(e) {
|
|
463
463
|
let t = e ?? d("translations"), n = o(t) ? t.value : t;
|
|
464
464
|
function r(e, t) {
|
|
465
465
|
return e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : `{${n}}`);
|
|
@@ -471,14 +471,14 @@ function B(e) {
|
|
|
471
471
|
}
|
|
472
472
|
//#endregion
|
|
473
473
|
//#region ../media-library/src/components/media/MediaBreadcrumb.vue?vue&type=script&setup=true&lang.ts
|
|
474
|
-
var
|
|
474
|
+
var ke = {
|
|
475
475
|
key: 0,
|
|
476
476
|
class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs",
|
|
477
477
|
style: { color: "var(--tpl-text-muted)" }
|
|
478
|
-
},
|
|
478
|
+
}, Ae = ["onClick"], je = {
|
|
479
479
|
key: 1,
|
|
480
480
|
style: { color: "var(--tpl-text)" }
|
|
481
|
-
},
|
|
481
|
+
}, Me = /* @__PURE__ */ M({
|
|
482
482
|
__name: "MediaBreadcrumb",
|
|
483
483
|
props: {
|
|
484
484
|
folders: {},
|
|
@@ -486,7 +486,7 @@ var Oe = {
|
|
|
486
486
|
},
|
|
487
487
|
emits: ["navigate"],
|
|
488
488
|
setup(e, { emit: t }) {
|
|
489
|
-
let n = e, r = t, { t: i } =
|
|
489
|
+
let n = e, r = t, { t: i } = z(), a = _(() => {
|
|
490
490
|
if (!n.currentFolderId) return [];
|
|
491
491
|
let e = [];
|
|
492
492
|
return o(n.folders, n.currentFolderId, e), e;
|
|
@@ -498,11 +498,11 @@ var Oe = {
|
|
|
498
498
|
}
|
|
499
499
|
return !1;
|
|
500
500
|
}
|
|
501
|
-
return (e, t) => a.value.length > 0 ? (c(), v("div",
|
|
501
|
+
return (e, t) => a.value.length > 0 ? (c(), v("div", ke, [E("button", {
|
|
502
502
|
class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
|
|
503
503
|
style: { color: "var(--tpl-primary)" },
|
|
504
504
|
onClick: t[0] ||= (e) => r("navigate", null)
|
|
505
|
-
}, h(b(i).mediaLibrary.allFiles), 1), (c(!0), v(A, null, u(a.value, (e, t) => (c(), v(A, { key: e.id }, [N(b(
|
|
505
|
+
}, h(b(i).mediaLibrary.allFiles), 1), (c(!0), v(A, null, u(a.value, (e, t) => (c(), v(A, { key: e.id }, [N(b(de), {
|
|
506
506
|
size: 12,
|
|
507
507
|
"stroke-width": 2
|
|
508
508
|
}), t < a.value.length - 1 ? (c(), v("button", {
|
|
@@ -510,12 +510,12 @@ var Oe = {
|
|
|
510
510
|
class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
|
|
511
511
|
style: { color: "var(--tpl-primary)" },
|
|
512
512
|
onClick: (t) => r("navigate", e.id)
|
|
513
|
-
}, h(e.name), 9,
|
|
513
|
+
}, h(e.name), 9, Ae)) : (c(), v("span", je, h(e.name), 1))], 64))), 128))])) : y("", !0);
|
|
514
514
|
}
|
|
515
515
|
});
|
|
516
516
|
//#endregion
|
|
517
517
|
//#region ../media-library/src/composables/useMediaCategories.ts
|
|
518
|
-
function
|
|
518
|
+
function Ne() {
|
|
519
519
|
let e = d("planConfig"), t = _(() => e.config.value?.media ?? null), n = _(() => t.value?.use_media_library ?? !0), r = _(() => t.value?.categories ?? null), i = _(() => r.value ? Object.values(r.value).flatMap((e) => e.mime_types) : []), a = _(() => i.value.join(",")), o = _(() => t.value?.max_file_size ?? 0);
|
|
520
520
|
function s(e, t) {
|
|
521
521
|
return r.value ? !t || t.length === 0 ? i.value.includes(e) : t.some((t) => r.value[t]?.mime_types.includes(e)) : !1;
|
|
@@ -541,14 +541,14 @@ function Me() {
|
|
|
541
541
|
}
|
|
542
542
|
//#endregion
|
|
543
543
|
//#region ../media-library/src/composables/useImageCrop.ts
|
|
544
|
-
var
|
|
544
|
+
var Pe = {
|
|
545
545
|
free: void 0,
|
|
546
546
|
square: 1,
|
|
547
547
|
landscape43: 4 / 3,
|
|
548
548
|
landscape169: 16 / 9,
|
|
549
549
|
original: void 0
|
|
550
550
|
};
|
|
551
|
-
function
|
|
551
|
+
function Fe(e) {
|
|
552
552
|
return e === "image/png" || e === "image/gif" ? {
|
|
553
553
|
mimeType: "image/png",
|
|
554
554
|
quality: 1
|
|
@@ -560,7 +560,7 @@ function Pe(e) {
|
|
|
560
560
|
quality: .92
|
|
561
561
|
};
|
|
562
562
|
}
|
|
563
|
-
function
|
|
563
|
+
function Ie(e, t, n) {
|
|
564
564
|
let r = e.width, i = e.height;
|
|
565
565
|
if (!t && !n) return e;
|
|
566
566
|
let a = r, o = i;
|
|
@@ -574,7 +574,7 @@ function Fe(e, t, n) {
|
|
|
574
574
|
let c = s.getContext("2d");
|
|
575
575
|
return c && (c.imageSmoothingEnabled = !0, c.imageSmoothingQuality = "high", c.drawImage(e, 0, 0, a, o)), s;
|
|
576
576
|
}
|
|
577
|
-
function
|
|
577
|
+
function Le(e, t, n) {
|
|
578
578
|
return new Promise((r, i) => {
|
|
579
579
|
e.toBlob((e) => {
|
|
580
580
|
if (!e) {
|
|
@@ -586,7 +586,7 @@ function Ie(e, t, n) {
|
|
|
586
586
|
}, n.mimeType, n.quality);
|
|
587
587
|
});
|
|
588
588
|
}
|
|
589
|
-
function
|
|
589
|
+
function Re(e, t, n, r) {
|
|
590
590
|
let i = e, a = t;
|
|
591
591
|
if (n && i > n) {
|
|
592
592
|
let e = n / i;
|
|
@@ -603,10 +603,10 @@ function Le(e, t, n, r) {
|
|
|
603
603
|
}
|
|
604
604
|
//#endregion
|
|
605
605
|
//#region ../media-library/src/keys.ts
|
|
606
|
-
var
|
|
606
|
+
var ze = Symbol("templaticalMediaPopoverTarget");
|
|
607
607
|
//#endregion
|
|
608
|
-
//#region ../../node_modules/.pnpm/vue-advanced-cropper@2.8.9_vue@3.5.
|
|
609
|
-
function
|
|
608
|
+
//#region ../../node_modules/.pnpm/vue-advanced-cropper@2.8.9_vue@3.5.41_typescript@6.0.3_/node_modules/vue-advanced-cropper/dist/index.esm-bundler.js
|
|
609
|
+
function Be(e, t) {
|
|
610
610
|
var n = Object.keys(e);
|
|
611
611
|
if (Object.getOwnPropertySymbols) {
|
|
612
612
|
var r = Object.getOwnPropertySymbols(e);
|
|
@@ -616,18 +616,18 @@ function ze(e, t) {
|
|
|
616
616
|
}
|
|
617
617
|
return n;
|
|
618
618
|
}
|
|
619
|
-
function
|
|
619
|
+
function B(e) {
|
|
620
620
|
for (var t = 1; t < arguments.length; t++) {
|
|
621
621
|
var n = arguments[t] == null ? {} : arguments[t];
|
|
622
|
-
t % 2 ?
|
|
623
|
-
|
|
624
|
-
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) :
|
|
622
|
+
t % 2 ? Be(Object(n), !0).forEach((function(t) {
|
|
623
|
+
V(e, t, n[t]);
|
|
624
|
+
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Be(Object(n)).forEach((function(t) {
|
|
625
625
|
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
|
|
626
626
|
}));
|
|
627
627
|
}
|
|
628
628
|
return e;
|
|
629
629
|
}
|
|
630
|
-
function
|
|
630
|
+
function V(e, t, n) {
|
|
631
631
|
return t in e ? Object.defineProperty(e, t, {
|
|
632
632
|
value: n,
|
|
633
633
|
enumerable: !0,
|
|
@@ -635,7 +635,7 @@ function H(e, t, n) {
|
|
|
635
635
|
writable: !0
|
|
636
636
|
}) : e[t] = n, e;
|
|
637
637
|
}
|
|
638
|
-
function
|
|
638
|
+
function Ve(e, t) {
|
|
639
639
|
if (e == null) return {};
|
|
640
640
|
var n, r, i = function(e, t) {
|
|
641
641
|
if (e == null) return {};
|
|
@@ -649,28 +649,28 @@ function Be(e, t) {
|
|
|
649
649
|
}
|
|
650
650
|
return i;
|
|
651
651
|
}
|
|
652
|
-
function
|
|
652
|
+
function He(e) {
|
|
653
653
|
return function(e) {
|
|
654
|
-
if (Array.isArray(e)) return
|
|
654
|
+
if (Array.isArray(e)) return Ue(e);
|
|
655
655
|
}(e) || function(e) {
|
|
656
656
|
if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null) return Array.from(e);
|
|
657
657
|
}(e) || function(e, t) {
|
|
658
658
|
if (e) {
|
|
659
|
-
if (typeof e == "string") return
|
|
659
|
+
if (typeof e == "string") return Ue(e, t);
|
|
660
660
|
var n = Object.prototype.toString.call(e).slice(8, -1);
|
|
661
661
|
if (n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set") return Array.from(e);
|
|
662
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return
|
|
662
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Ue(e, t);
|
|
663
663
|
}
|
|
664
664
|
}(e) || function() {
|
|
665
665
|
throw TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
666
666
|
}();
|
|
667
667
|
}
|
|
668
|
-
function
|
|
668
|
+
function Ue(e, t) {
|
|
669
669
|
(t == null || t > e.length) && (t = e.length);
|
|
670
670
|
for (var n = 0, r = Array(t); n < t; n++) r[n] = e[n];
|
|
671
671
|
return r;
|
|
672
672
|
}
|
|
673
|
-
var
|
|
673
|
+
var We, Ge, Ke, H = (We = function(e) {
|
|
674
674
|
(function() {
|
|
675
675
|
var t = {}.hasOwnProperty;
|
|
676
676
|
function n() {
|
|
@@ -692,15 +692,15 @@ var Ue, We, Ge, U = (Ue = function(e) {
|
|
|
692
692
|
}
|
|
693
693
|
e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
|
|
694
694
|
})();
|
|
695
|
-
},
|
|
696
|
-
path:
|
|
695
|
+
}, We(Ke = {
|
|
696
|
+
path: Ge,
|
|
697
697
|
exports: {},
|
|
698
698
|
require: function(e, t) {
|
|
699
699
|
return function() {
|
|
700
700
|
throw Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs");
|
|
701
|
-
}(t == null &&
|
|
701
|
+
}(t == null && Ke.path);
|
|
702
702
|
}
|
|
703
|
-
},
|
|
703
|
+
}, Ke.exports), Ke.exports), U = function(e) {
|
|
704
704
|
return function(t, n) {
|
|
705
705
|
if (!t) return e;
|
|
706
706
|
var r;
|
|
@@ -712,7 +712,7 @@ var Ue, We, Ge, U = (Ue = function(e) {
|
|
|
712
712
|
}), "") : "");
|
|
713
713
|
};
|
|
714
714
|
};
|
|
715
|
-
function
|
|
715
|
+
function qe(e, t, n) {
|
|
716
716
|
var r, i, a, o, s;
|
|
717
717
|
function c() {
|
|
718
718
|
var l = Date.now() - o;
|
|
@@ -730,65 +730,65 @@ function Ke(e, t, n) {
|
|
|
730
730
|
r &&= (s = e.apply(a, i), a = i = null, clearTimeout(r), null);
|
|
731
731
|
}, l;
|
|
732
732
|
}
|
|
733
|
-
|
|
734
|
-
var
|
|
735
|
-
return
|
|
733
|
+
qe.debounce = qe;
|
|
734
|
+
var Je = qe, W = function() {
|
|
735
|
+
return W = Object.assign || function(e) {
|
|
736
736
|
for (var t, n = 1, r = arguments.length; n < r; n++) for (var i in t = arguments[n]) Object.prototype.hasOwnProperty.call(t, i) && (e[i] = t[i]);
|
|
737
737
|
return e;
|
|
738
|
-
},
|
|
738
|
+
}, W.apply(this, arguments);
|
|
739
739
|
};
|
|
740
|
-
function
|
|
740
|
+
function Ye(e, t) {
|
|
741
741
|
var n, r;
|
|
742
742
|
return e && t ? (n = "" + e + t[0].toUpperCase() + t.slice(1), r = e + "-" + t) : (n = e || t, r = e || t), {
|
|
743
743
|
name: n,
|
|
744
744
|
classname: r
|
|
745
745
|
};
|
|
746
746
|
}
|
|
747
|
-
function
|
|
747
|
+
function Xe(e) {
|
|
748
748
|
return /^blob:/.test(e);
|
|
749
749
|
}
|
|
750
|
-
function
|
|
751
|
-
return
|
|
750
|
+
function Ze(e) {
|
|
751
|
+
return Xe(e) || function(e) {
|
|
752
752
|
return /^data:/.test(e);
|
|
753
753
|
}(e);
|
|
754
754
|
}
|
|
755
|
-
function
|
|
755
|
+
function Qe(e) {
|
|
756
756
|
return !!(e && e.constructor && e.call && e.apply);
|
|
757
757
|
}
|
|
758
|
-
function
|
|
758
|
+
function G(e) {
|
|
759
759
|
return e === void 0;
|
|
760
760
|
}
|
|
761
|
-
function
|
|
761
|
+
function $e(e) {
|
|
762
762
|
return typeof e == "object" && !!e;
|
|
763
763
|
}
|
|
764
|
-
function
|
|
764
|
+
function et(e, t, n) {
|
|
765
765
|
var r = {};
|
|
766
|
-
return
|
|
767
|
-
r[i] =
|
|
766
|
+
return $e(e) ? (Object.keys(t).forEach((function(i) {
|
|
767
|
+
r[i] = G(e[i]) ? t[i] : $e(t[i]) ? $e(e[i]) ? et(e[i], t[i], n[i]) : e[i] ? t[i] : n[i] : !0 === t[i] || !1 === t[i] ? !!e[i] : e[i];
|
|
768
768
|
})), r) : e ? t : n;
|
|
769
769
|
}
|
|
770
|
-
function
|
|
770
|
+
function tt(e) {
|
|
771
771
|
var t = Number(e);
|
|
772
772
|
return Number.isNaN(t) ? e : t;
|
|
773
773
|
}
|
|
774
|
-
function
|
|
774
|
+
function nt(e) {
|
|
775
775
|
return typeof (e == "number" || function(e) {
|
|
776
776
|
return typeof e == "object" && !!e;
|
|
777
|
-
}(e) && toString.call(e) == "[object Number]") && !
|
|
777
|
+
}(e) && toString.call(e) == "[object Number]") && !rt(e);
|
|
778
778
|
}
|
|
779
|
-
function
|
|
779
|
+
function rt(e) {
|
|
780
780
|
return e != e;
|
|
781
781
|
}
|
|
782
|
-
function
|
|
782
|
+
function it(e, t) {
|
|
783
783
|
return Math.sqrt((e.x - t.x) ** 2 + (e.y - t.y) ** 2);
|
|
784
784
|
}
|
|
785
|
-
var
|
|
785
|
+
var at = function(e, t) {
|
|
786
786
|
e === void 0 && (e = {}), t === void 0 && (t = {}), this.type = "manipulateImage", this.move = e, this.scale = t;
|
|
787
|
-
},
|
|
787
|
+
}, ot = function(e, t) {
|
|
788
788
|
t === void 0 && (t = {}), this.type = "resize", this.directions = e, this.params = t;
|
|
789
|
-
},
|
|
789
|
+
}, st = function(e) {
|
|
790
790
|
this.type = "move", this.directions = e;
|
|
791
|
-
},
|
|
791
|
+
}, ct = function() {
|
|
792
792
|
function e(e, t, n, r, i) {
|
|
793
793
|
this.type = "drag", this.nativeEvent = e, this.position = n, this.previousPosition = r, this.element = t, this.anchor = i;
|
|
794
794
|
}
|
|
@@ -806,7 +806,7 @@ var it = function(e, t) {
|
|
|
806
806
|
top: 0
|
|
807
807
|
};
|
|
808
808
|
}, e;
|
|
809
|
-
}(),
|
|
809
|
+
}(), lt = {
|
|
810
810
|
name: "DraggableElement",
|
|
811
811
|
props: { classname: { type: String } },
|
|
812
812
|
beforeMount: function() {
|
|
@@ -827,7 +827,7 @@ var it = function(e, t) {
|
|
|
827
827
|
this.hovered && !this.touches.length && (this.hovered = !1, this.$emit("leave"));
|
|
828
828
|
},
|
|
829
829
|
onTouchStart: function(e) {
|
|
830
|
-
e.cancelable && !this.disabled && e.touches.length === 1 && (this.touches =
|
|
830
|
+
e.cancelable && !this.disabled && e.touches.length === 1 && (this.touches = He(e.touches), this.hovered ||= (this.$emit("enter"), !0), e.touches.length && this.initAnchor(this.touches.reduce((function(t, n) {
|
|
831
831
|
return {
|
|
832
832
|
clientX: t.clientX + n.clientX / e.touches.length,
|
|
833
833
|
clientY: t.clientY + n.clientY / e.touches.length
|
|
@@ -873,11 +873,11 @@ var it = function(e, t) {
|
|
|
873
873
|
};
|
|
874
874
|
},
|
|
875
875
|
processMove: function(e, t) {
|
|
876
|
-
var n =
|
|
876
|
+
var n = He(t);
|
|
877
877
|
if (this.touches.length) {
|
|
878
878
|
if (this.touches.length === 1 && n.length === 1) {
|
|
879
879
|
var r = this.$refs.draggable;
|
|
880
|
-
this.$emit("drag", new
|
|
880
|
+
this.$emit("drag", new ct(e, r, {
|
|
881
881
|
left: n[0].clientX,
|
|
882
882
|
top: n[0].clientY
|
|
883
883
|
}, {
|
|
@@ -899,7 +899,7 @@ var it = function(e, t) {
|
|
|
899
899
|
"enter"
|
|
900
900
|
]
|
|
901
901
|
};
|
|
902
|
-
|
|
902
|
+
lt.render = function(e, t, n, i, a, o) {
|
|
903
903
|
return c(), S("div", {
|
|
904
904
|
ref: "draggable",
|
|
905
905
|
class: n.classname,
|
|
@@ -917,9 +917,9 @@ ct.render = function(e, t, n, i, a, o) {
|
|
|
917
917
|
}
|
|
918
918
|
}, [r(e.$slots, "default")], 34);
|
|
919
919
|
};
|
|
920
|
-
var
|
|
920
|
+
var ut = U("vue-handler-wrapper"), dt = {
|
|
921
921
|
name: "HandlerWrapper",
|
|
922
|
-
components: { DraggableElement:
|
|
922
|
+
components: { DraggableElement: lt },
|
|
923
923
|
props: {
|
|
924
924
|
horizontalPosition: { type: String },
|
|
925
925
|
verticalPosition: { type: String },
|
|
@@ -931,12 +931,12 @@ var lt = W("vue-handler-wrapper"), ut = {
|
|
|
931
931
|
computed: { classes: function() {
|
|
932
932
|
var e;
|
|
933
933
|
if (this.horizontalPosition || this.verticalPosition) {
|
|
934
|
-
var t, n =
|
|
935
|
-
e =
|
|
936
|
-
} else e =
|
|
934
|
+
var t, n = Ye(this.horizontalPosition, this.verticalPosition);
|
|
935
|
+
e = ut((V(t = {}, n.classname, !0), V(t, "disabled", this.disabled), t));
|
|
936
|
+
} else e = ut({ disabled: this.disabled });
|
|
937
937
|
return {
|
|
938
938
|
root: e,
|
|
939
|
-
draggable:
|
|
939
|
+
draggable: ut("draggable")
|
|
940
940
|
};
|
|
941
941
|
} },
|
|
942
942
|
emits: [
|
|
@@ -946,7 +946,7 @@ var lt = W("vue-handler-wrapper"), ut = {
|
|
|
946
946
|
"drag-end"
|
|
947
947
|
]
|
|
948
948
|
};
|
|
949
|
-
|
|
949
|
+
dt.render = function(e, t, n, i, o, s) {
|
|
950
950
|
var l = a("DraggableElement");
|
|
951
951
|
return c(), S("div", { class: s.classes.root }, [N(l, {
|
|
952
952
|
class: s.classes.draggable,
|
|
@@ -969,9 +969,9 @@ ut.render = function(e, t, n, i, o, s) {
|
|
|
969
969
|
_: 3
|
|
970
970
|
}, 8, ["class"])], 2);
|
|
971
971
|
};
|
|
972
|
-
var
|
|
972
|
+
var ft = U("vue-line-wrapper"), pt = {
|
|
973
973
|
name: "LineWrapper",
|
|
974
|
-
components: { DraggableElement:
|
|
974
|
+
components: { DraggableElement: lt },
|
|
975
975
|
props: {
|
|
976
976
|
position: {
|
|
977
977
|
type: String,
|
|
@@ -984,7 +984,7 @@ var dt = W("vue-line-wrapper"), ft = {
|
|
|
984
984
|
},
|
|
985
985
|
computed: { classname: function() {
|
|
986
986
|
var e;
|
|
987
|
-
return
|
|
987
|
+
return ft((V(e = {}, this.position, !0), V(e, "disabled", this.disabled), e));
|
|
988
988
|
} },
|
|
989
989
|
emits: [
|
|
990
990
|
"leave",
|
|
@@ -993,7 +993,7 @@ var dt = W("vue-line-wrapper"), ft = {
|
|
|
993
993
|
"drag-end"
|
|
994
994
|
]
|
|
995
995
|
};
|
|
996
|
-
|
|
996
|
+
pt.render = function(e, t, n, i, o, s) {
|
|
997
997
|
var l = a("DraggableElement");
|
|
998
998
|
return c(), S(l, {
|
|
999
999
|
class: s.classname,
|
|
@@ -1016,23 +1016,23 @@ ft.render = function(e, t, n, i, o, s) {
|
|
|
1016
1016
|
_: 3
|
|
1017
1017
|
}, 8, ["class"]);
|
|
1018
1018
|
};
|
|
1019
|
-
var
|
|
1019
|
+
var K = [
|
|
1020
1020
|
"left",
|
|
1021
1021
|
"right",
|
|
1022
1022
|
"top",
|
|
1023
1023
|
"bottom"
|
|
1024
|
-
],
|
|
1024
|
+
], mt = ["left", "right"], ht = ["top", "bottom"], gt = ["left", "top"], _t = [
|
|
1025
1025
|
"fill-area",
|
|
1026
1026
|
"fit-area",
|
|
1027
1027
|
"stencil",
|
|
1028
1028
|
"none"
|
|
1029
|
-
],
|
|
1029
|
+
], vt = {
|
|
1030
1030
|
left: 0,
|
|
1031
1031
|
top: 0,
|
|
1032
1032
|
width: 0,
|
|
1033
1033
|
height: 0
|
|
1034
1034
|
};
|
|
1035
|
-
function
|
|
1035
|
+
function yt(e, t, n) {
|
|
1036
1036
|
return !(n ||= [
|
|
1037
1037
|
"width",
|
|
1038
1038
|
"height",
|
|
@@ -1042,7 +1042,7 @@ function vt(e, t, n) {
|
|
|
1042
1042
|
return e[n] !== t[n];
|
|
1043
1043
|
}));
|
|
1044
1044
|
}
|
|
1045
|
-
function
|
|
1045
|
+
function q(e) {
|
|
1046
1046
|
return {
|
|
1047
1047
|
left: e.left,
|
|
1048
1048
|
top: e.top,
|
|
@@ -1050,31 +1050,31 @@ function J(e) {
|
|
|
1050
1050
|
bottom: e.top + e.height
|
|
1051
1051
|
};
|
|
1052
1052
|
}
|
|
1053
|
-
function
|
|
1053
|
+
function bt(e, t) {
|
|
1054
1054
|
return {
|
|
1055
1055
|
left: e.left - t.left,
|
|
1056
1056
|
top: e.top - t.top
|
|
1057
1057
|
};
|
|
1058
1058
|
}
|
|
1059
|
-
function
|
|
1059
|
+
function J(e) {
|
|
1060
1060
|
return {
|
|
1061
1061
|
left: e.left + e.width / 2,
|
|
1062
1062
|
top: e.top + e.height / 2
|
|
1063
1063
|
};
|
|
1064
1064
|
}
|
|
1065
|
-
function
|
|
1065
|
+
function xt(e, t) {
|
|
1066
1066
|
var n = {
|
|
1067
1067
|
left: 0,
|
|
1068
1068
|
top: 0,
|
|
1069
1069
|
right: 0,
|
|
1070
1070
|
bottom: 0
|
|
1071
1071
|
};
|
|
1072
|
-
return
|
|
1073
|
-
var i = t[r], a =
|
|
1072
|
+
return K.forEach((function(r) {
|
|
1073
|
+
var i = t[r], a = q(e)[r];
|
|
1074
1074
|
n[r] = i !== void 0 && a !== void 0 ? r === "left" || r === "top" ? Math.max(0, i - a) : Math.max(0, a - i) : 0;
|
|
1075
1075
|
})), n;
|
|
1076
1076
|
}
|
|
1077
|
-
function
|
|
1077
|
+
function Y(e, t) {
|
|
1078
1078
|
return {
|
|
1079
1079
|
left: e.left - t.left,
|
|
1080
1080
|
top: e.top - t.top,
|
|
@@ -1089,7 +1089,7 @@ function St(e) {
|
|
|
1089
1089
|
};
|
|
1090
1090
|
}
|
|
1091
1091
|
function X(e, t) {
|
|
1092
|
-
return
|
|
1092
|
+
return W(W({}, e), {
|
|
1093
1093
|
left: e.left + t.left,
|
|
1094
1094
|
top: e.top + t.top
|
|
1095
1095
|
});
|
|
@@ -1097,7 +1097,7 @@ function X(e, t) {
|
|
|
1097
1097
|
function Z(e, t, n, r) {
|
|
1098
1098
|
if (t !== 1) {
|
|
1099
1099
|
if (n) {
|
|
1100
|
-
var i =
|
|
1100
|
+
var i = J(e);
|
|
1101
1101
|
return {
|
|
1102
1102
|
width: e.width * t,
|
|
1103
1103
|
height: e.height * t,
|
|
@@ -1124,7 +1124,7 @@ function wt(e, t) {
|
|
|
1124
1124
|
var n = {
|
|
1125
1125
|
left: 0,
|
|
1126
1126
|
top: 0
|
|
1127
|
-
}, r =
|
|
1127
|
+
}, r = xt(e, t);
|
|
1128
1128
|
return r.left && r.left > 0 ? n.left = r.left : r.right && r.right > 0 && (n.left = -r.right), r.top && r.top > 0 ? n.top = r.top : r.bottom && r.bottom > 0 && (n.top = -r.bottom), n;
|
|
1129
1129
|
}
|
|
1130
1130
|
function Tt(e, t) {
|
|
@@ -1162,7 +1162,7 @@ function Ot(e, t) {
|
|
|
1162
1162
|
};
|
|
1163
1163
|
}
|
|
1164
1164
|
function kt(e, t) {
|
|
1165
|
-
var n =
|
|
1165
|
+
var n = xt($(e, t), t);
|
|
1166
1166
|
return n.left + n.right + n.top + n.bottom ? n.left + n.right > n.top + n.bottom ? Math.min((e.width + n.left + n.right) / e.width, Ct(e, t)) : Math.min((e.height + n.top + n.bottom) / e.height, Ct(e, t)) : 1;
|
|
1167
1167
|
}
|
|
1168
1168
|
function $(e, t, n) {
|
|
@@ -1177,7 +1177,7 @@ function At(e) {
|
|
|
1177
1177
|
};
|
|
1178
1178
|
}
|
|
1179
1179
|
function jt(e, t) {
|
|
1180
|
-
return
|
|
1180
|
+
return W(W({}, e), {
|
|
1181
1181
|
minWidth: Math.min(t.width, e.minWidth),
|
|
1182
1182
|
minHeight: Math.min(t.height, e.minHeight),
|
|
1183
1183
|
maxWidth: Math.min(t.width, e.maxWidth),
|
|
@@ -1187,7 +1187,7 @@ function jt(e, t) {
|
|
|
1187
1187
|
function Mt(e, t, n) {
|
|
1188
1188
|
n === void 0 && (n = !0);
|
|
1189
1189
|
var r = {};
|
|
1190
|
-
return
|
|
1190
|
+
return K.forEach((function(i) {
|
|
1191
1191
|
var a = e[i], o = t[i];
|
|
1192
1192
|
a !== void 0 && o !== void 0 ? r[i] = i === "left" || i === "top" ? n ? Math.max(a, o) : Math.min(a, o) : n ? Math.min(a, o) : Math.max(a, o) : o === void 0 ? a !== void 0 && (r[i] = a) : r[i] = o;
|
|
1193
1193
|
})), r;
|
|
@@ -1257,20 +1257,20 @@ function Rt(e) {
|
|
|
1257
1257
|
return Lt({
|
|
1258
1258
|
coordinates: e,
|
|
1259
1259
|
positionRestrictions: a,
|
|
1260
|
-
event: new
|
|
1260
|
+
event: new st({
|
|
1261
1261
|
left: t.left - e.left,
|
|
1262
1262
|
top: t.top - e.top
|
|
1263
1263
|
})
|
|
1264
1264
|
});
|
|
1265
|
-
}, l =
|
|
1265
|
+
}, l = W({}, t);
|
|
1266
1266
|
return (Array.isArray(n) ? n : [n]).forEach((function(e) {
|
|
1267
1267
|
var t = {};
|
|
1268
|
-
|
|
1268
|
+
G((t = typeof e == "function" ? e({
|
|
1269
1269
|
coordinates: l,
|
|
1270
1270
|
imageSize: r,
|
|
1271
1271
|
visibleArea: s
|
|
1272
|
-
}) : e).width) &&
|
|
1273
|
-
return c(
|
|
1272
|
+
}) : e).width) && G(t.height) || (l = function(e, t) {
|
|
1273
|
+
return c(W(W(W({}, e), It({
|
|
1274
1274
|
width: t.width,
|
|
1275
1275
|
height: t.height,
|
|
1276
1276
|
sizeRestrictions: i,
|
|
@@ -1282,12 +1282,12 @@ function Rt(e) {
|
|
|
1282
1282
|
left: e.left,
|
|
1283
1283
|
top: e.top
|
|
1284
1284
|
});
|
|
1285
|
-
}(l,
|
|
1285
|
+
}(l, W(W({}, l), t))), G(t.left) && G(t.top) || (l = c(l, W(W({}, l), t)));
|
|
1286
1286
|
})), l;
|
|
1287
1287
|
}
|
|
1288
1288
|
function zt(e) {
|
|
1289
|
-
var t = e.getAreaRestrictions, n = e.boundaries, r = e.coordinates, i = e.visibleArea, a = e.stencilSize, o = e.sizeRestrictions, s = e.positionRestrictions, c, l, u, d =
|
|
1290
|
-
c = Q(p), l = Q(d), u === void 0 && (u = .001), (c === 0 || l === 0 ? Math.abs(l - c) < u : Math.abs(l / c) < 1 + u && Math.abs(l / c) > 1 - u) || (d =
|
|
1289
|
+
var t = e.getAreaRestrictions, n = e.boundaries, r = e.coordinates, i = e.visibleArea, a = e.stencilSize, o = e.sizeRestrictions, s = e.positionRestrictions, c, l, u, d = W({}, r), f = W({}, i), p = W({}, a);
|
|
1290
|
+
c = Q(p), l = Q(d), u === void 0 && (u = .001), (c === 0 || l === 0 ? Math.abs(l - c) < u : Math.abs(l / c) < 1 + u && Math.abs(l / c) > 1 - u) || (d = W(W({}, d), It({
|
|
1291
1291
|
sizeRestrictions: o,
|
|
1292
1292
|
width: d.width,
|
|
1293
1293
|
height: d.height,
|
|
@@ -1300,16 +1300,16 @@ function zt(e) {
|
|
|
1300
1300
|
visibleArea: f,
|
|
1301
1301
|
type: "resize"
|
|
1302
1302
|
}));
|
|
1303
|
-
return m !== 1 && (f = Z(f, m), d = Z(d, m)), f = $(f = X(f,
|
|
1303
|
+
return m !== 1 && (f = Z(f, m), d = Z(d, m)), f = $(f = X(f, bt(J(d), J(f))), t({
|
|
1304
1304
|
visibleArea: f,
|
|
1305
1305
|
type: "move"
|
|
1306
1306
|
})), {
|
|
1307
|
-
coordinates: d = $(d, Nt(
|
|
1307
|
+
coordinates: d = $(d, Nt(q(f), s)),
|
|
1308
1308
|
visibleArea: f
|
|
1309
1309
|
};
|
|
1310
1310
|
}
|
|
1311
1311
|
function Bt(e) {
|
|
1312
|
-
var t = e.event, n = e.getAreaRestrictions, r = e.boundaries, i = e.coordinates, a = e.visibleArea, o = e.positionRestrictions, s =
|
|
1312
|
+
var t = e.event, n = e.getAreaRestrictions, r = e.boundaries, i = e.coordinates, a = e.visibleArea, o = e.positionRestrictions, s = W({}, i), c = W({}, a);
|
|
1313
1313
|
if (i && a && t.type !== "manipulateImage") {
|
|
1314
1314
|
var l = {
|
|
1315
1315
|
width: 0,
|
|
@@ -1320,10 +1320,10 @@ function Bt(e) {
|
|
|
1320
1320
|
visibleArea: c,
|
|
1321
1321
|
type: "resize"
|
|
1322
1322
|
}));
|
|
1323
|
-
c = Z(c, u), u !== 1 && (l.height /= u, l.width /= u), c = $(c = X(c,
|
|
1323
|
+
c = Z(c, u), u !== 1 && (l.height /= u, l.width /= u), c = $(c = X(c, bt(J(s), J(c))), n({
|
|
1324
1324
|
visibleArea: c,
|
|
1325
1325
|
type: "move"
|
|
1326
|
-
})), s = $(s, Nt(
|
|
1326
|
+
})), s = $(s, Nt(q(c), o));
|
|
1327
1327
|
}
|
|
1328
1328
|
return {
|
|
1329
1329
|
coordinates: s,
|
|
@@ -1331,7 +1331,7 @@ function Bt(e) {
|
|
|
1331
1331
|
};
|
|
1332
1332
|
}
|
|
1333
1333
|
function Vt(e) {
|
|
1334
|
-
var t = e.event, n = e.coordinates, r = e.visibleArea, i = e.getAreaRestrictions, a =
|
|
1334
|
+
var t = e.event, n = e.coordinates, r = e.visibleArea, i = e.getAreaRestrictions, a = W({}, r), o = W({}, n);
|
|
1335
1335
|
if (t.type === "setCoordinates") {
|
|
1336
1336
|
var s = Math.max(0, o.width - a.width), c = Math.max(0, o.height - a.height);
|
|
1337
1337
|
s > c ? a = Z(a, Math.min(o.width / a.width, Ct(a, i({
|
|
@@ -1340,7 +1340,7 @@ function Vt(e) {
|
|
|
1340
1340
|
})))) : c > s && (a = Z(a, Math.min(o.height / a.height, Ct(a, i({
|
|
1341
1341
|
visibleArea: a,
|
|
1342
1342
|
type: "resize"
|
|
1343
|
-
}))))), a = $(a = X(a, St(wt(o,
|
|
1343
|
+
}))))), a = $(a = X(a, St(wt(o, q(a)))), i({
|
|
1344
1344
|
visibleArea: a,
|
|
1345
1345
|
type: "move"
|
|
1346
1346
|
}));
|
|
@@ -1365,7 +1365,7 @@ function Ut(e) {
|
|
|
1365
1365
|
height: .8 * a.height,
|
|
1366
1366
|
width: .8 * a.height * o
|
|
1367
1367
|
};
|
|
1368
|
-
return It(
|
|
1368
|
+
return It(W(W({}, s), {
|
|
1369
1369
|
aspectRatio: r,
|
|
1370
1370
|
sizeRestrictions: i
|
|
1371
1371
|
}));
|
|
@@ -1393,7 +1393,7 @@ function Gt(e) {
|
|
|
1393
1393
|
top: n.top + n.height / 2 - o.height / 2,
|
|
1394
1394
|
width: o.width,
|
|
1395
1395
|
height: o.height
|
|
1396
|
-
}, c =
|
|
1396
|
+
}, c = xt(n, q(W({
|
|
1397
1397
|
left: 0,
|
|
1398
1398
|
top: 0
|
|
1399
1399
|
}, r))), l = {};
|
|
@@ -1411,10 +1411,10 @@ function Gt(e) {
|
|
|
1411
1411
|
};
|
|
1412
1412
|
}
|
|
1413
1413
|
function Kt(e, t) {
|
|
1414
|
-
return Mt(e,
|
|
1414
|
+
return Mt(e, q(t));
|
|
1415
1415
|
}
|
|
1416
1416
|
function qt(e) {
|
|
1417
|
-
var t = e.event, n = e.coordinates, r = e.visibleArea, i = e.sizeRestrictions, a = e.getAreaRestrictions, o = e.positionRestrictions, s = e.adjustStencil, c = t.scale, l = t.move, u =
|
|
1417
|
+
var t = e.event, n = e.coordinates, r = e.visibleArea, i = e.sizeRestrictions, a = e.getAreaRestrictions, o = e.positionRestrictions, s = e.adjustStencil, c = t.scale, l = t.move, u = W({}, r), d = W({}, n), f = 1, p = 1, m = c.factor && Math.abs(c.factor - 1) > .001;
|
|
1418
1418
|
u = X(u, {
|
|
1419
1419
|
left: l.left || 0,
|
|
1420
1420
|
top: l.top || 0
|
|
@@ -1439,49 +1439,49 @@ function qt(e) {
|
|
|
1439
1439
|
})), a({
|
|
1440
1440
|
visibleArea: u,
|
|
1441
1441
|
type: "move"
|
|
1442
|
-
})), d.width *= p, d.height *= p, d.left = u.left + g * p, d.top = u.top + v * p, d = $(d, Nt(
|
|
1442
|
+
})), d.width *= p, d.height *= p, d.left = u.left + g * p, d.top = u.top + v * p, d = $(d, Nt(q(u), o)), c.factor && m && s && (c.factor > 1 ? f = Math.min(h.area.maximum, c.factor) / p : c.factor < 1 && (f = Math.max(d.height / u.height, d.width / u.width, c.factor / p)), f !== 1 && (u = X(u = $(u = Z(u, f, c.factor > 1 ? c.center : J(d)), a({
|
|
1443
1443
|
visibleArea: u,
|
|
1444
1444
|
type: "move"
|
|
1445
|
-
})), St(wt(d,
|
|
1445
|
+
})), St(wt(d, q(u)))))), {
|
|
1446
1446
|
coordinates: d,
|
|
1447
1447
|
visibleArea: u
|
|
1448
1448
|
};
|
|
1449
1449
|
}
|
|
1450
1450
|
function Jt(e) {
|
|
1451
|
-
var t = e.aspectRatio, n = e.getAreaRestrictions, r = e.coordinates, i = e.visibleArea, a = e.sizeRestrictions, o = e.positionRestrictions, s = e.imageSize, c = e.previousImageSize, l = e.angle, u =
|
|
1451
|
+
var t = e.aspectRatio, n = e.getAreaRestrictions, r = e.coordinates, i = e.visibleArea, a = e.sizeRestrictions, o = e.positionRestrictions, s = e.imageSize, c = e.previousImageSize, l = e.angle, u = W({}, r), d = W({}, i), f = Ot(J(W({
|
|
1452
1452
|
left: 0,
|
|
1453
1453
|
top: 0
|
|
1454
1454
|
}, c)), l);
|
|
1455
|
-
return (u =
|
|
1455
|
+
return (u = W(W({}, It({
|
|
1456
1456
|
sizeRestrictions: a,
|
|
1457
1457
|
aspectRatio: t,
|
|
1458
1458
|
width: u.width,
|
|
1459
1459
|
height: u.height
|
|
1460
|
-
})), Ot(
|
|
1460
|
+
})), Ot(J(u), l))).left -= f.left - s.width / 2 + u.width / 2, u.top -= f.top - s.height / 2 + u.height / 2, d = Z(d, kt(d, n({
|
|
1461
1461
|
visibleArea: d,
|
|
1462
1462
|
type: "resize"
|
|
1463
1463
|
}))), {
|
|
1464
1464
|
coordinates: u = $(u, o),
|
|
1465
|
-
visibleArea: d = $(d = X(d,
|
|
1465
|
+
visibleArea: d = $(d = X(d, bt(J(u), J(r))), n({
|
|
1466
1466
|
visibleArea: d,
|
|
1467
1467
|
type: "move"
|
|
1468
1468
|
}))
|
|
1469
1469
|
};
|
|
1470
1470
|
}
|
|
1471
1471
|
function Yt(e) {
|
|
1472
|
-
var t = e.flip, n = e.previousFlip, r = e.rotate, i = e.getAreaRestrictions, a = e.coordinates, o = e.visibleArea, s = e.imageSize, c =
|
|
1472
|
+
var t = e.flip, n = e.previousFlip, r = e.rotate, i = e.getAreaRestrictions, a = e.coordinates, o = e.visibleArea, s = e.imageSize, c = W({}, a), l = W({}, o), u = n.horizontal !== t.horizontal, d = n.vertical !== t.vertical;
|
|
1473
1473
|
if (u || d) {
|
|
1474
1474
|
var f = Ot({
|
|
1475
1475
|
left: s.width / 2,
|
|
1476
1476
|
top: s.height / 2
|
|
1477
|
-
}, -r), p = Ot(
|
|
1477
|
+
}, -r), p = Ot(J(c), -r), m = Ot({
|
|
1478
1478
|
left: u ? f.left - (p.left - f.left) : p.left,
|
|
1479
1479
|
top: d ? f.top - (p.top - f.top) : p.top
|
|
1480
1480
|
}, r);
|
|
1481
|
-
c = X(c,
|
|
1481
|
+
c = X(c, bt(m, J(c))), p = Ot(J(l), -r), l = $(l = X(l, bt(m = Ot({
|
|
1482
1482
|
left: u ? f.left - (p.left - f.left) : p.left,
|
|
1483
1483
|
top: d ? f.top - (p.top - f.top) : p.top
|
|
1484
|
-
}, r),
|
|
1484
|
+
}, r), J(l))), i({
|
|
1485
1485
|
visibleArea: l,
|
|
1486
1486
|
type: "move"
|
|
1487
1487
|
}));
|
|
@@ -1492,10 +1492,10 @@ function Yt(e) {
|
|
|
1492
1492
|
};
|
|
1493
1493
|
}
|
|
1494
1494
|
function Xt(e) {
|
|
1495
|
-
var t = e.directions, n = e.coordinates, r = e.positionRestrictions, i = r === void 0 ? {} : r, a = e.sizeRestrictions, o = e.preserveRatio, s = e.compensate, c =
|
|
1495
|
+
var t = e.directions, n = e.coordinates, r = e.positionRestrictions, i = r === void 0 ? {} : r, a = e.sizeRestrictions, o = e.preserveRatio, s = e.compensate, c = W({}, t), l = Y(n, c).width, u = Y(n, c).height;
|
|
1496
1496
|
l < 0 && (c.left < 0 && c.right < 0 ? (c.left = -(n.width - a.minWidth) / (c.left / c.right), c.right = -(n.width - a.minWidth) / (c.right / c.left)) : c.left < 0 ? c.left = -(n.width - a.minWidth) : c.right < 0 && (c.right = -(n.width - a.minWidth))), u < 0 && (c.top < 0 && c.bottom < 0 ? (c.top = -(n.height - a.minHeight) / (c.top / c.bottom), c.bottom = -(n.height - a.minHeight) / (c.bottom / c.top)) : c.top < 0 ? c.top = -(n.height - a.minHeight) : c.bottom < 0 && (c.bottom = -(n.height - a.minHeight)));
|
|
1497
|
-
var d =
|
|
1498
|
-
s && (d.left && d.left > 0 && d.right === 0 ? (c.right += d.left, c.left -= d.left) : d.right && d.right > 0 && d.left === 0 && (c.left += d.right, c.right -= d.right), d.top && d.top > 0 && d.bottom === 0 ? (c.bottom += d.top, c.top -= d.top) : d.bottom && d.bottom > 0 && d.top === 0 && (c.top += d.bottom, c.bottom -= d.bottom), d =
|
|
1497
|
+
var d = xt(Y(n, c), i);
|
|
1498
|
+
s && (d.left && d.left > 0 && d.right === 0 ? (c.right += d.left, c.left -= d.left) : d.right && d.right > 0 && d.left === 0 && (c.left += d.right, c.right -= d.right), d.top && d.top > 0 && d.bottom === 0 ? (c.bottom += d.top, c.top -= d.top) : d.bottom && d.bottom > 0 && d.top === 0 && (c.top += d.bottom, c.bottom -= d.bottom), d = xt(Y(n, c), i));
|
|
1499
1499
|
var f = {
|
|
1500
1500
|
width: Infinity,
|
|
1501
1501
|
height: Infinity,
|
|
@@ -1504,27 +1504,27 @@ function Xt(e) {
|
|
|
1504
1504
|
top: Infinity,
|
|
1505
1505
|
bottom: Infinity
|
|
1506
1506
|
};
|
|
1507
|
-
if (
|
|
1507
|
+
if (K.forEach((function(e) {
|
|
1508
1508
|
var t = d[e];
|
|
1509
1509
|
t && c[e] && (f[e] = Math.max(0, 1 - t / c[e]));
|
|
1510
1510
|
})), o) {
|
|
1511
|
-
var p = Math.min.apply(null,
|
|
1511
|
+
var p = Math.min.apply(null, K.map((function(e) {
|
|
1512
1512
|
return f[e];
|
|
1513
1513
|
})));
|
|
1514
|
-
p !== Infinity &&
|
|
1514
|
+
p !== Infinity && K.forEach((function(e) {
|
|
1515
1515
|
c[e] *= p;
|
|
1516
1516
|
}));
|
|
1517
|
-
} else
|
|
1517
|
+
} else K.forEach((function(e) {
|
|
1518
1518
|
f[e] !== Infinity && (c[e] *= f[e]);
|
|
1519
1519
|
}));
|
|
1520
|
-
if (l =
|
|
1520
|
+
if (l = Y(n, c).width, u = Y(n, c).height, c.right + c.left && (l > a.maxWidth ? f.width = (a.maxWidth - n.width) / (c.right + c.left) : l < a.minWidth && (f.width = (a.minWidth - n.width) / (c.right + c.left))), c.bottom + c.top && (u > a.maxHeight ? f.height = (a.maxHeight - n.height) / (c.bottom + c.top) : u < a.minHeight && (f.height = (a.minHeight - n.height) / (c.bottom + c.top))), o) {
|
|
1521
1521
|
var m = Math.min(f.width, f.height);
|
|
1522
|
-
m !== Infinity &&
|
|
1522
|
+
m !== Infinity && K.forEach((function(e) {
|
|
1523
1523
|
c[e] *= m;
|
|
1524
1524
|
}));
|
|
1525
|
-
} else f.width !== Infinity &&
|
|
1525
|
+
} else f.width !== Infinity && mt.forEach((function(e) {
|
|
1526
1526
|
c[e] *= f.width;
|
|
1527
|
-
})), f.height !== Infinity &&
|
|
1527
|
+
})), f.height !== Infinity && ht.forEach((function(e) {
|
|
1528
1528
|
c[e] *= f.height;
|
|
1529
1529
|
}));
|
|
1530
1530
|
return c;
|
|
@@ -1532,9 +1532,9 @@ function Xt(e) {
|
|
|
1532
1532
|
function Zt(e, t, n) {
|
|
1533
1533
|
return t == 0 && n == 0 ? e / 2 : t == 0 ? 0 : n == 0 ? e : e * Math.abs(t / (t + n));
|
|
1534
1534
|
}
|
|
1535
|
-
var Qt =
|
|
1535
|
+
var Qt = U("vue-simple-handler"), $t = U("vue-simple-handler-wrapper"), en = {
|
|
1536
1536
|
name: "SimpleHandler",
|
|
1537
|
-
components: { HandlerWrapper:
|
|
1537
|
+
components: { HandlerWrapper: dt },
|
|
1538
1538
|
props: {
|
|
1539
1539
|
defaultClass: { type: String },
|
|
1540
1540
|
hoverClass: { type: String },
|
|
@@ -1550,10 +1550,10 @@ var Qt = W("vue-simple-handler"), $t = W("vue-simple-handler-wrapper"), en = {
|
|
|
1550
1550
|
return { hover: !1 };
|
|
1551
1551
|
},
|
|
1552
1552
|
computed: { classes: function() {
|
|
1553
|
-
var e, t = (
|
|
1553
|
+
var e, t = (V(e = {}, this.horizontalPosition, !!this.horizontalPosition), V(e, this.verticalPosition, !!this.verticalPosition), V(e, `${this.horizontalPosition}-${this.verticalPosition}`, !!(this.verticalPosition && this.horizontalPosition)), V(e, "hover", this.hover), e);
|
|
1554
1554
|
return {
|
|
1555
|
-
default:
|
|
1556
|
-
wrapper:
|
|
1555
|
+
default: H(Qt(t), this.defaultClass, this.hover && this.hoverClass),
|
|
1556
|
+
wrapper: H($t(t), this.wrapperClass)
|
|
1557
1557
|
};
|
|
1558
1558
|
} },
|
|
1559
1559
|
methods: {
|
|
@@ -1599,9 +1599,9 @@ en.render = function(e, t, n, r, i, o) {
|
|
|
1599
1599
|
"onLeave"
|
|
1600
1600
|
]);
|
|
1601
1601
|
};
|
|
1602
|
-
var tn =
|
|
1602
|
+
var tn = U("vue-simple-line"), nn = U("vue-simple-line-wrapper"), rn = {
|
|
1603
1603
|
name: "SimpleLine",
|
|
1604
|
-
components: { LineWrapper:
|
|
1604
|
+
components: { LineWrapper: pt },
|
|
1605
1605
|
props: {
|
|
1606
1606
|
defaultClass: { type: String },
|
|
1607
1607
|
hoverClass: { type: String },
|
|
@@ -1617,8 +1617,8 @@ var tn = W("vue-simple-line"), nn = W("vue-simple-line-wrapper"), rn = {
|
|
|
1617
1617
|
},
|
|
1618
1618
|
computed: { classes: function() {
|
|
1619
1619
|
return {
|
|
1620
|
-
root:
|
|
1621
|
-
wrapper:
|
|
1620
|
+
root: H(tn(V({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass),
|
|
1621
|
+
wrapper: H(nn(V({}, this.position, !0)), this.wrapperClass)
|
|
1622
1622
|
};
|
|
1623
1623
|
} },
|
|
1624
1624
|
methods: {
|
|
@@ -1662,7 +1662,7 @@ rn.render = function(e, t, n, r, i, o) {
|
|
|
1662
1662
|
"onLeave"
|
|
1663
1663
|
]);
|
|
1664
1664
|
};
|
|
1665
|
-
var an =
|
|
1665
|
+
var an = U("vue-bounding-box"), on = [
|
|
1666
1666
|
"east",
|
|
1667
1667
|
"west",
|
|
1668
1668
|
null
|
|
@@ -1748,7 +1748,7 @@ var an = W("vue-bounding-box"), on = [
|
|
|
1748
1748
|
return on.forEach((function(t) {
|
|
1749
1749
|
sn.forEach((function(n) {
|
|
1750
1750
|
if (t !== n) {
|
|
1751
|
-
var r =
|
|
1751
|
+
var r = Ye(t, n);
|
|
1752
1752
|
e.push({
|
|
1753
1753
|
name: r.name,
|
|
1754
1754
|
classname: r.classname,
|
|
@@ -1780,8 +1780,8 @@ var an = W("vue-bounding-box"), on = [
|
|
|
1780
1780
|
n.horizontalDirection && n.verticalDirection || !e.lines[n.name] || t.push({
|
|
1781
1781
|
name: n.name,
|
|
1782
1782
|
component: e.linesComponent,
|
|
1783
|
-
class:
|
|
1784
|
-
wrapperClass:
|
|
1783
|
+
class: H(e.classes.lines.default, e.classes.lines[n.name], !e.resizable && e.classes.lines.disabled),
|
|
1784
|
+
wrapperClass: H(e.classes.linesWrappers.default, e.classes.linesWrappers[n.name], !e.resizable && e.classes.linesWrappers.disabled),
|
|
1785
1785
|
hoverClass: e.classes.lines.hover,
|
|
1786
1786
|
verticalDirection: n.verticalDirection,
|
|
1787
1787
|
horizontalDirection: n.horizontalDirection,
|
|
@@ -1796,8 +1796,8 @@ var an = W("vue-bounding-box"), on = [
|
|
|
1796
1796
|
var a = {
|
|
1797
1797
|
name: i.name,
|
|
1798
1798
|
component: e.handlersComponent,
|
|
1799
|
-
class:
|
|
1800
|
-
wrapperClass:
|
|
1799
|
+
class: H(e.classes.handlers.default, e.classes.handlers[i.name]),
|
|
1800
|
+
wrapperClass: H(e.classes.handlersWrappers.default, e.classes.handlersWrappers[i.name]),
|
|
1801
1801
|
hoverClass: e.classes.handlers.hover,
|
|
1802
1802
|
verticalDirection: i.verticalDirection,
|
|
1803
1803
|
horizontalDirection: i.horizontalDirection,
|
|
@@ -1806,7 +1806,7 @@ var an = W("vue-bounding-box"), on = [
|
|
|
1806
1806
|
if (n && r) {
|
|
1807
1807
|
var o = i.horizontalDirection, s = i.verticalDirection, c = o === "east" ? n : o === "west" ? 0 : n / 2, l = s === "south" ? r : s === "north" ? 0 : r / 2;
|
|
1808
1808
|
a.wrapperClass = an("handler"), a.wrapperStyle = { transform: `translate(${c}px, ${l}px)` }, e.transitions && e.transitions.enabled && (a.wrapperStyle.transition = `${e.transitions.time}ms ${e.transitions.timingFunction}`);
|
|
1809
|
-
} else a.wrapperClass = an("handler",
|
|
1809
|
+
} else a.wrapperClass = an("handler", V({}, i.classname, !0));
|
|
1810
1810
|
t.push(a);
|
|
1811
1811
|
}
|
|
1812
1812
|
})), t;
|
|
@@ -1832,7 +1832,7 @@ var an = W("vue-bounding-box"), on = [
|
|
|
1832
1832
|
top: 0,
|
|
1833
1833
|
bottom: 0
|
|
1834
1834
|
};
|
|
1835
|
-
t === "west" ? s.left -= a : t === "east" && (s.right += a), n === "north" ? s.top -= o : n === "south" && (s.bottom += o), !n && t ? r = "width" : n && !t && (r = "height"), this.resizable && this.$emit("resize", new
|
|
1835
|
+
t === "west" ? s.left -= a : t === "east" && (s.right += a), n === "north" ? s.top -= o : n === "south" && (s.bottom += o), !n && t ? r = "width" : n && !t && (r = "height"), this.resizable && this.$emit("resize", new ot(s, {
|
|
1836
1836
|
allowedDirections: {
|
|
1837
1837
|
left: t === "west" || !t,
|
|
1838
1838
|
right: t === "east" || !t,
|
|
@@ -1906,7 +1906,7 @@ cn.render = function(e, t, n, i, a, o) {
|
|
|
1906
1906
|
})), 128))
|
|
1907
1907
|
], 6);
|
|
1908
1908
|
};
|
|
1909
|
-
var ln =
|
|
1909
|
+
var ln = U("vue-draggable-area"), un = {
|
|
1910
1910
|
name: "DraggableArea",
|
|
1911
1911
|
props: {
|
|
1912
1912
|
movable: {
|
|
@@ -1934,14 +1934,14 @@ var ln = W("vue-draggable-area"), un = {
|
|
|
1934
1934
|
onTouchStart: function(e) {
|
|
1935
1935
|
if (e.cancelable) {
|
|
1936
1936
|
var t = this.movable && e.touches.length === 1;
|
|
1937
|
-
t && (this.touches =
|
|
1937
|
+
t && (this.touches = He(e.touches)), (this.touchStarted || t) && (e.preventDefault(), e.stopPropagation());
|
|
1938
1938
|
}
|
|
1939
1939
|
},
|
|
1940
1940
|
onTouchEnd: function() {
|
|
1941
1941
|
this.touchStarted = !1, this.processEnd();
|
|
1942
1942
|
},
|
|
1943
1943
|
onTouchMove: function(e) {
|
|
1944
|
-
this.touches.length >= 1 && (this.touchStarted ? (this.processMove(e, e.touches), e.preventDefault(), e.stopPropagation()) :
|
|
1944
|
+
this.touches.length >= 1 && (this.touchStarted ? (this.processMove(e, e.touches), e.preventDefault(), e.stopPropagation()) : it({
|
|
1945
1945
|
x: this.touches[0].clientX,
|
|
1946
1946
|
y: this.touches[0].clientY
|
|
1947
1947
|
}, {
|
|
@@ -1980,10 +1980,10 @@ var ln = W("vue-draggable-area"), un = {
|
|
|
1980
1980
|
};
|
|
1981
1981
|
},
|
|
1982
1982
|
processMove: function(e, t) {
|
|
1983
|
-
var n =
|
|
1983
|
+
var n = He(t);
|
|
1984
1984
|
if (this.touches.length) {
|
|
1985
1985
|
var r = this.$refs.container.getBoundingClientRect(), i = r.left, a = r.top;
|
|
1986
|
-
this.touches.length === 1 && n.length === 1 && this.$emit("move", new
|
|
1986
|
+
this.touches.length === 1 && n.length === 1 && this.$emit("move", new st({
|
|
1987
1987
|
left: n[0].clientX - (i + this.anchor.x),
|
|
1988
1988
|
top: n[0].clientY - (a + this.anchor.y)
|
|
1989
1989
|
}));
|
|
@@ -2091,7 +2091,7 @@ function hn(e, t) {
|
|
|
2091
2091
|
return e.forEach((function(t) {
|
|
2092
2092
|
a.left += (t.clientX - r) / e.length, a.top += (t.clientY - i) / e.length;
|
|
2093
2093
|
})), e.forEach((function(e) {
|
|
2094
|
-
o +=
|
|
2094
|
+
o += it({
|
|
2095
2095
|
x: a.left,
|
|
2096
2096
|
y: a.top
|
|
2097
2097
|
}, {
|
|
@@ -2134,18 +2134,18 @@ var gn = {
|
|
|
2134
2134
|
window.removeEventListener("mouseup", this.onMouseUp), window.removeEventListener("mousemove", this.onMouseMove), window.removeEventListener("touchmove", this.onTouchMove), window.removeEventListener("touchend", this.onTouchEnd);
|
|
2135
2135
|
},
|
|
2136
2136
|
created: function() {
|
|
2137
|
-
this.transforming = !1, this.debouncedProcessEnd =
|
|
2137
|
+
this.transforming = !1, this.debouncedProcessEnd = Je(this.processEnd), this.touches = [];
|
|
2138
2138
|
},
|
|
2139
2139
|
methods: {
|
|
2140
2140
|
processMove: function(e, t) {
|
|
2141
2141
|
if (this.touches.length) {
|
|
2142
|
-
if (this.touches.length === 1 && t.length === 1) this.$emit("move", new
|
|
2142
|
+
if (this.touches.length === 1 && t.length === 1) this.$emit("move", new at({
|
|
2143
2143
|
left: this.touches[0].clientX - t[0].clientX,
|
|
2144
2144
|
top: this.touches[0].clientY - t[0].clientY
|
|
2145
2145
|
}));
|
|
2146
2146
|
else if (this.touches.length > 1 && this.touchResize) {
|
|
2147
2147
|
var n = hn(t, this.$refs.container), r = this.oldGeometricProperties;
|
|
2148
|
-
r.count === n.count && r.count > 1 && this.$emit("resize", new
|
|
2148
|
+
r.count === n.count && r.count > 1 && this.$emit("resize", new at({
|
|
2149
2149
|
left: r.centerMass.left - n.centerMass.left,
|
|
2150
2150
|
top: r.centerMass.top - n.centerMass.top
|
|
2151
2151
|
}, {
|
|
@@ -2168,7 +2168,7 @@ var gn = {
|
|
|
2168
2168
|
onTouchStart: function(e) {
|
|
2169
2169
|
if (e.cancelable && (this.touchMove || this.touchResize && e.touches.length > 1) && this.processEvent(e)) {
|
|
2170
2170
|
var t = this.$refs.container, n = t.getBoundingClientRect(), r = n.left, i = n.top, a = n.bottom, o = n.right;
|
|
2171
|
-
this.touches =
|
|
2171
|
+
this.touches = He(e.touches).filter((function(e) {
|
|
2172
2172
|
return e.clientX > r && e.clientX < o && e.clientY > i && e.clientY < a;
|
|
2173
2173
|
})), this.oldGeometricProperties = hn(this.touches, t);
|
|
2174
2174
|
}
|
|
@@ -2179,7 +2179,7 @@ var gn = {
|
|
|
2179
2179
|
onTouchMove: function(e) {
|
|
2180
2180
|
var t = this;
|
|
2181
2181
|
if (this.touches.length) {
|
|
2182
|
-
var n =
|
|
2182
|
+
var n = He(e.touches).filter((function(e) {
|
|
2183
2183
|
return !e.identifier || t.touches.find((function(t) {
|
|
2184
2184
|
return t.identifier === e.identifier;
|
|
2185
2185
|
}));
|
|
@@ -2208,11 +2208,11 @@ var gn = {
|
|
|
2208
2208
|
},
|
|
2209
2209
|
onWheel: function(e) {
|
|
2210
2210
|
if (this.wheelResize && this.processEvent(e)) {
|
|
2211
|
-
var t = this.$refs.container.getBoundingClientRect(), n = t.left, r = t.top, i = 1 + this.wheelResize.ratio * (o = e.deltaY || e.detail || e.wheelDelta, (s = +o) == 0 ||
|
|
2211
|
+
var t = this.$refs.container.getBoundingClientRect(), n = t.left, r = t.top, i = 1 + this.wheelResize.ratio * (o = e.deltaY || e.detail || e.wheelDelta, (s = +o) == 0 || rt(s) ? s : s > 0 ? 1 : -1), a = {
|
|
2212
2212
|
left: e.clientX - n,
|
|
2213
2213
|
top: e.clientY - r
|
|
2214
2214
|
};
|
|
2215
|
-
this.$emit("resize", new
|
|
2215
|
+
this.$emit("resize", new at({}, {
|
|
2216
2216
|
factor: i,
|
|
2217
2217
|
center: a
|
|
2218
2218
|
})), this.touches.length || this.debouncedProcessEnd();
|
|
@@ -2287,7 +2287,7 @@ _n.render = function(e, t, n, i, o, s) {
|
|
|
2287
2287
|
"wheel-resize"
|
|
2288
2288
|
]);
|
|
2289
2289
|
};
|
|
2290
|
-
var vn =
|
|
2290
|
+
var vn = U("vue-preview"), yn = {
|
|
2291
2291
|
props: {
|
|
2292
2292
|
coordinates: { type: Object },
|
|
2293
2293
|
transitions: { type: Object },
|
|
@@ -2320,7 +2320,7 @@ var vn = W("vue-preview"), yn = {
|
|
|
2320
2320
|
root: vn({ fill: this.fill }),
|
|
2321
2321
|
wrapper: vn("wrapper"),
|
|
2322
2322
|
imageWrapper: vn("image-wrapper"),
|
|
2323
|
-
image:
|
|
2323
|
+
image: H(vn("image"), this.imageClass)
|
|
2324
2324
|
};
|
|
2325
2325
|
},
|
|
2326
2326
|
style: function() {
|
|
@@ -2339,7 +2339,7 @@ var vn = W("vue-preview"), yn = {
|
|
|
2339
2339
|
},
|
|
2340
2340
|
imageStyle: function() {
|
|
2341
2341
|
if (this.coordinates && this.image) {
|
|
2342
|
-
var e = this.coordinates.width / this.size.width, t =
|
|
2342
|
+
var e = this.coordinates.width / this.size.width, t = B(B({
|
|
2343
2343
|
rotate: 0,
|
|
2344
2344
|
flip: {
|
|
2345
2345
|
horizontal: !1,
|
|
@@ -2435,7 +2435,7 @@ bn.render = function(e, t, r, i, o, s) {
|
|
|
2435
2435
|
var l = a("preview");
|
|
2436
2436
|
return c(), S(l, n(e.$attrs, { fill: !0 }), null, 16);
|
|
2437
2437
|
};
|
|
2438
|
-
var xn =
|
|
2438
|
+
var xn = U("vue-rectangle-stencil"), Sn = {
|
|
2439
2439
|
name: "RectangleStencil",
|
|
2440
2440
|
components: {
|
|
2441
2441
|
StencilPreview: bn,
|
|
@@ -2510,13 +2510,13 @@ var xn = W("vue-rectangle-stencil"), Sn = {
|
|
|
2510
2510
|
computed: {
|
|
2511
2511
|
classes: function() {
|
|
2512
2512
|
return {
|
|
2513
|
-
stencil:
|
|
2513
|
+
stencil: H(xn({
|
|
2514
2514
|
movable: this.movable,
|
|
2515
2515
|
moving: this.moving,
|
|
2516
2516
|
resizing: this.resizing
|
|
2517
2517
|
}), this.moving && this.movingClass, this.resizing && this.resizingClass),
|
|
2518
|
-
preview:
|
|
2519
|
-
boundingBox:
|
|
2518
|
+
preview: H(xn("preview"), this.previewClass),
|
|
2519
|
+
boundingBox: H(xn("bounding-box"), this.boundingBoxClass)
|
|
2520
2520
|
};
|
|
2521
2521
|
},
|
|
2522
2522
|
style: function() {
|
|
@@ -2626,7 +2626,7 @@ Sn.render = function(e, t, n, r, i, o) {
|
|
|
2626
2626
|
"onResizeEnd"
|
|
2627
2627
|
])], 6);
|
|
2628
2628
|
};
|
|
2629
|
-
var Cn = ["transitions"], wn =
|
|
2629
|
+
var Cn = ["transitions"], wn = U("vue-advanced-cropper"), Tn = {
|
|
2630
2630
|
name: "Cropper",
|
|
2631
2631
|
components: { BackgroundWrapper: _n },
|
|
2632
2632
|
props: {
|
|
@@ -2692,7 +2692,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
2692
2692
|
type: String,
|
|
2693
2693
|
default: "fit-area",
|
|
2694
2694
|
validator: function(e) {
|
|
2695
|
-
return
|
|
2695
|
+
return _t.indexOf(e) !== -1;
|
|
2696
2696
|
}
|
|
2697
2697
|
},
|
|
2698
2698
|
roundResult: {
|
|
@@ -2726,24 +2726,24 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
2726
2726
|
resizeAlgorithm: {
|
|
2727
2727
|
type: Function,
|
|
2728
2728
|
default: function(e) {
|
|
2729
|
-
var t = e.event, n = e.coordinates, r = e.aspectRatio, i = e.positionRestrictions, a = e.sizeRestrictions, o =
|
|
2729
|
+
var t = e.event, n = e.coordinates, r = e.aspectRatio, i = e.positionRestrictions, a = e.sizeRestrictions, o = W(W({}, n), {
|
|
2730
2730
|
right: n.left + n.width,
|
|
2731
2731
|
bottom: n.top + n.height
|
|
2732
|
-
}), s = t.params || {}, c =
|
|
2732
|
+
}), s = t.params || {}, c = W({}, t.directions), l = s.allowedDirections || {
|
|
2733
2733
|
left: !0,
|
|
2734
2734
|
right: !0,
|
|
2735
2735
|
bottom: !0,
|
|
2736
2736
|
top: !0
|
|
2737
2737
|
};
|
|
2738
|
-
a.widthFrozen && (c.left = 0, c.right = 0), a.heightFrozen && (c.top = 0, c.bottom = 0),
|
|
2738
|
+
a.widthFrozen && (c.left = 0, c.right = 0), a.heightFrozen && (c.top = 0, c.bottom = 0), K.forEach((function(e) {
|
|
2739
2739
|
l[e] || (c[e] = 0);
|
|
2740
2740
|
}));
|
|
2741
|
-
var u =
|
|
2741
|
+
var u = Y(o, c = Xt({
|
|
2742
2742
|
coordinates: o,
|
|
2743
2743
|
directions: c,
|
|
2744
2744
|
sizeRestrictions: a,
|
|
2745
2745
|
positionRestrictions: i
|
|
2746
|
-
})).width, d =
|
|
2746
|
+
})).width, d = Y(o, c).height, f = s.preserveRatio ? Q(o) : Tt(u / d, r);
|
|
2747
2747
|
if (f) {
|
|
2748
2748
|
var p = s.respectDirection;
|
|
2749
2749
|
if (p ||= o.width >= o.height || f === 1 ? "width" : "height", p === "width") {
|
|
@@ -2768,10 +2768,10 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
2768
2768
|
compensate: s.compensate
|
|
2769
2769
|
});
|
|
2770
2770
|
}
|
|
2771
|
-
return u =
|
|
2771
|
+
return u = Y(o, c).width, d = Y(o, c).height, (f = s.preserveRatio ? Q(o) : Tt(u / d, r)) && Math.abs(f - u / d) > .001 && K.forEach((function(e) {
|
|
2772
2772
|
l[e] || (c[e] = 0);
|
|
2773
2773
|
})), Lt({
|
|
2774
|
-
event: new
|
|
2774
|
+
event: new st({
|
|
2775
2775
|
left: -c.left,
|
|
2776
2776
|
top: -c.top
|
|
2777
2777
|
}),
|
|
@@ -2799,7 +2799,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
2799
2799
|
fitCoordinates: {
|
|
2800
2800
|
type: Function,
|
|
2801
2801
|
default: function(e) {
|
|
2802
|
-
var t = e.visibleArea, n = e.coordinates, r = e.aspectRatio, i = e.sizeRestrictions, a = e.positionRestrictions, o =
|
|
2802
|
+
var t = e.visibleArea, n = e.coordinates, r = e.aspectRatio, i = e.sizeRestrictions, a = e.positionRestrictions, o = W(W({}, n), It({
|
|
2803
2803
|
width: n.width,
|
|
2804
2804
|
height: n.height,
|
|
2805
2805
|
aspectRatio: r,
|
|
@@ -2810,15 +2810,15 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
2810
2810
|
minWidth: Math.min(t.width, i.minWidth)
|
|
2811
2811
|
}
|
|
2812
2812
|
}));
|
|
2813
|
-
return o = $(o = X(o,
|
|
2813
|
+
return o = $(o = X(o, bt(J(n), J(o))), Nt(q(t), a));
|
|
2814
2814
|
}
|
|
2815
2815
|
},
|
|
2816
2816
|
fitVisibleArea: {
|
|
2817
2817
|
type: Function,
|
|
2818
2818
|
default: function(e) {
|
|
2819
|
-
var t = e.visibleArea, n = e.boundaries, r = e.getAreaRestrictions, i = e.coordinates, a =
|
|
2819
|
+
var t = e.visibleArea, n = e.boundaries, r = e.getAreaRestrictions, i = e.coordinates, a = W({}, t);
|
|
2820
2820
|
a.height = a.width / Q(n), a.top += (t.height - a.height) / 2, (i.height - a.height > 0 || i.width - a.width > 0) && (a = Z(a, Math.max(i.height / a.height, i.width / a.width)));
|
|
2821
|
-
var o = St(wt(i,
|
|
2821
|
+
var o = St(wt(i, q(a = Z(a, kt(a, r({
|
|
2822
2822
|
visibleArea: a,
|
|
2823
2823
|
type: "resize"
|
|
2824
2824
|
}))))));
|
|
@@ -2899,7 +2899,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
2899
2899
|
height: 0
|
|
2900
2900
|
},
|
|
2901
2901
|
visibleArea: null,
|
|
2902
|
-
coordinates:
|
|
2902
|
+
coordinates: B({}, vt)
|
|
2903
2903
|
};
|
|
2904
2904
|
},
|
|
2905
2905
|
computed: {
|
|
@@ -2937,7 +2937,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
2937
2937
|
return !!(this.visibleArea && this.imageLoaded);
|
|
2938
2938
|
},
|
|
2939
2939
|
settings: function() {
|
|
2940
|
-
var e =
|
|
2940
|
+
var e = et(this.resizeImage, {
|
|
2941
2941
|
touch: !0,
|
|
2942
2942
|
wheel: { ratio: .1 },
|
|
2943
2943
|
adjustStencil: !0
|
|
@@ -2947,7 +2947,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
2947
2947
|
adjustStencil: !1
|
|
2948
2948
|
});
|
|
2949
2949
|
return {
|
|
2950
|
-
moveImage:
|
|
2950
|
+
moveImage: et(this.moveImage, {
|
|
2951
2951
|
touch: !0,
|
|
2952
2952
|
mouse: !0
|
|
2953
2953
|
}, {
|
|
@@ -2978,13 +2978,13 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
2978
2978
|
if (this.boundaries.width && this.boundaries.height && this.imageSize.width && this.imageSize.height) {
|
|
2979
2979
|
var e = this.sizeRestrictionsAlgorithm({
|
|
2980
2980
|
imageSize: this.imageSize,
|
|
2981
|
-
minWidth:
|
|
2982
|
-
minHeight:
|
|
2983
|
-
maxWidth:
|
|
2984
|
-
maxHeight:
|
|
2981
|
+
minWidth: G(this.minWidth) ? 0 : tt(this.minWidth),
|
|
2982
|
+
minHeight: G(this.minHeight) ? 0 : tt(this.minHeight),
|
|
2983
|
+
maxWidth: G(this.maxWidth) ? Infinity : tt(this.maxWidth),
|
|
2984
|
+
maxHeight: G(this.maxHeight) ? Infinity : tt(this.maxHeight)
|
|
2985
2985
|
});
|
|
2986
2986
|
if (e = function(e) {
|
|
2987
|
-
var t = e.areaRestrictions, n = e.sizeRestrictions, r = e.boundaries, i = e.positionRestrictions, a =
|
|
2987
|
+
var t = e.areaRestrictions, n = e.sizeRestrictions, r = e.boundaries, i = e.positionRestrictions, a = W(W({}, n), {
|
|
2988
2988
|
minWidth: n.minWidth === void 0 ? 0 : n.minWidth,
|
|
2989
2989
|
minHeight: n.minHeight === void 0 ? 0 : n.minHeight,
|
|
2990
2990
|
maxWidth: n.maxWidth === void 0 ? Infinity : n.maxWidth,
|
|
@@ -3030,14 +3030,14 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3030
3030
|
classes: function() {
|
|
3031
3031
|
return {
|
|
3032
3032
|
cropper: wn(),
|
|
3033
|
-
image:
|
|
3033
|
+
image: H(wn("image"), this.imageClass),
|
|
3034
3034
|
stencil: wn("stencil"),
|
|
3035
|
-
boundaries:
|
|
3036
|
-
stretcher:
|
|
3037
|
-
background:
|
|
3038
|
-
foreground:
|
|
3039
|
-
imageWrapper:
|
|
3040
|
-
cropperWrapper:
|
|
3035
|
+
boundaries: H(wn("boundaries"), this.boundariesClass),
|
|
3036
|
+
stretcher: H(wn("stretcher")),
|
|
3037
|
+
background: H(wn("background"), this.backgroundClass),
|
|
3038
|
+
foreground: H(wn("foreground"), this.foregroundClass),
|
|
3039
|
+
imageWrapper: H(wn("image-wrapper")),
|
|
3040
|
+
cropperWrapper: H(wn("cropper-wrapper"))
|
|
3041
3041
|
};
|
|
3042
3042
|
},
|
|
3043
3043
|
stencilCoordinates: function() {
|
|
@@ -3074,7 +3074,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3074
3074
|
}, n = {
|
|
3075
3075
|
left: (1 - 1 / this.coefficient) * e.width / 2,
|
|
3076
3076
|
top: (1 - 1 / this.coefficient) * e.height / 2
|
|
3077
|
-
}, r =
|
|
3077
|
+
}, r = B(B({}, this.imageTransforms), {}, {
|
|
3078
3078
|
scaleX: this.imageTransforms.scaleX * (this.imageAttributes.width / e.width),
|
|
3079
3079
|
scaleY: this.imageTransforms.scaleY * (this.imageAttributes.height / e.height)
|
|
3080
3080
|
}), i = {
|
|
@@ -3123,7 +3123,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3123
3123
|
}
|
|
3124
3124
|
},
|
|
3125
3125
|
created: function() {
|
|
3126
|
-
this.debouncedUpdate =
|
|
3126
|
+
this.debouncedUpdate = Je(this.update, this.debounce), this.debouncedDisableTransitions = Je(this.disableTransitions, this.transitionsOptions.time), this.awaiting = !1;
|
|
3127
3127
|
},
|
|
3128
3128
|
mounted: function() {
|
|
3129
3129
|
this.$refs.image.addEventListener("load", this.onSuccessLoadImage), this.$refs.image.addEventListener("error", this.onFailLoadImage), this.onChangeImage(), window.addEventListener("resize", this.refresh), window.addEventListener("orientationchange", this.refresh);
|
|
@@ -3133,16 +3133,16 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3133
3133
|
},
|
|
3134
3134
|
methods: {
|
|
3135
3135
|
getResult: function() {
|
|
3136
|
-
var e = this.initialized ? this.prepareResult(
|
|
3136
|
+
var e = this.initialized ? this.prepareResult(B({}, this.coordinates)) : this.defaultCoordinates(), t = {
|
|
3137
3137
|
rotate: this.imageTransforms.rotate % 360,
|
|
3138
|
-
flip:
|
|
3138
|
+
flip: B({}, this.imageTransforms.flip)
|
|
3139
3139
|
};
|
|
3140
3140
|
if (this.src && this.imageLoaded) {
|
|
3141
3141
|
var n = this;
|
|
3142
3142
|
return {
|
|
3143
3143
|
image: this.image,
|
|
3144
3144
|
coordinates: e,
|
|
3145
|
-
visibleArea: this.visibleArea ?
|
|
3145
|
+
visibleArea: this.visibleArea ? B({}, this.visibleArea) : null,
|
|
3146
3146
|
imageTransforms: t,
|
|
3147
3147
|
get canvas() {
|
|
3148
3148
|
return n.canvas ? n.getCanvas() : void 0;
|
|
@@ -3152,14 +3152,14 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3152
3152
|
return {
|
|
3153
3153
|
image: this.image,
|
|
3154
3154
|
coordinates: e,
|
|
3155
|
-
visibleArea: this.visibleArea ?
|
|
3155
|
+
visibleArea: this.visibleArea ? B({}, this.visibleArea) : null,
|
|
3156
3156
|
canvas: void 0,
|
|
3157
3157
|
imageTransforms: t
|
|
3158
3158
|
};
|
|
3159
3159
|
},
|
|
3160
3160
|
zoom: function(e, t) {
|
|
3161
3161
|
var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).transitions, r = n === void 0 || n;
|
|
3162
|
-
this.onManipulateImage(new
|
|
3162
|
+
this.onManipulateImage(new at({}, {
|
|
3163
3163
|
factor: 1 / e,
|
|
3164
3164
|
center: t
|
|
3165
3165
|
}), {
|
|
@@ -3169,7 +3169,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3169
3169
|
},
|
|
3170
3170
|
move: function(e, t) {
|
|
3171
3171
|
var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).transitions, r = n === void 0 || n;
|
|
3172
|
-
this.onManipulateImage(new
|
|
3172
|
+
this.onManipulateImage(new at({
|
|
3173
3173
|
left: e || 0,
|
|
3174
3174
|
top: t || 0
|
|
3175
3175
|
}), {
|
|
@@ -3212,7 +3212,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3212
3212
|
top: Math.round(t.top)
|
|
3213
3213
|
};
|
|
3214
3214
|
return i.width > n.maxWidth ? i.width = Math.floor(t.width) : i.width < n.minWidth && (i.width = Math.ceil(t.width)), i.height > n.maxHeight ? i.height = Math.floor(t.height) : i.height < n.minHeight && (i.height = Math.ceil(t.height)), $(i, r);
|
|
3215
|
-
}(
|
|
3215
|
+
}(B(B({}, this.getPublicProperties()), {}, {
|
|
3216
3216
|
positionRestrictions: Kt(this.positionRestrictions, this.visibleArea),
|
|
3217
3217
|
coordinates: e
|
|
3218
3218
|
})) : e;
|
|
@@ -3234,16 +3234,16 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3234
3234
|
sizeRestrictions: this.sizeRestrictions,
|
|
3235
3235
|
stencilSize: this.getStencilSize()
|
|
3236
3236
|
});
|
|
3237
|
-
return
|
|
3237
|
+
return B(B({}, a), {}, { changed: !yt(a.visibleArea, t) || !yt(a.coordinates, n) });
|
|
3238
3238
|
},
|
|
3239
3239
|
runAutoZoom: function(e) {
|
|
3240
|
-
var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transitions, r = n !== void 0 && n, i =
|
|
3240
|
+
var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transitions, r = n !== void 0 && n, i = Ve(t, Cn), a = this.processAutoZoom(e, this.visibleArea, this.coordinates, i), o = a.visibleArea, s = a.coordinates, c = a.changed;
|
|
3241
3241
|
r && c && this.enableTransitions(), this.visibleArea = o, this.coordinates = s, r && c && this.debouncedDisableTransitions();
|
|
3242
3242
|
},
|
|
3243
3243
|
normalizeEvent: function(e) {
|
|
3244
3244
|
return function(e) {
|
|
3245
3245
|
var t = e.event, n = e.visibleArea, r = e.coefficient;
|
|
3246
|
-
if (t.type === "manipulateImage") return
|
|
3246
|
+
if (t.type === "manipulateImage") return W(W({}, t), {
|
|
3247
3247
|
move: {
|
|
3248
3248
|
left: t.move && t.move.left ? r * t.move.left : 0,
|
|
3249
3249
|
top: t.move && t.move.top ? r * t.move.top : 0
|
|
@@ -3257,19 +3257,19 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3257
3257
|
}
|
|
3258
3258
|
});
|
|
3259
3259
|
if (t.type === "resize") {
|
|
3260
|
-
var i =
|
|
3261
|
-
return
|
|
3260
|
+
var i = W(W({}, t), { directions: W({}, t.directions) });
|
|
3261
|
+
return K.forEach((function(e) {
|
|
3262
3262
|
i.directions[e] *= r;
|
|
3263
3263
|
})), i;
|
|
3264
3264
|
}
|
|
3265
3265
|
if (t.type === "move") {
|
|
3266
|
-
var a =
|
|
3267
|
-
return
|
|
3266
|
+
var a = W(W({}, t), { directions: W({}, t.directions) });
|
|
3267
|
+
return gt.forEach((function(e) {
|
|
3268
3268
|
a.directions[e] *= r;
|
|
3269
3269
|
})), a;
|
|
3270
3270
|
}
|
|
3271
3271
|
return t;
|
|
3272
|
-
}(
|
|
3272
|
+
}(B(B({}, this.getPublicProperties()), {}, { event: e }));
|
|
3273
3273
|
},
|
|
3274
3274
|
getCanvas: function() {
|
|
3275
3275
|
if (this.$refs.canvas) {
|
|
@@ -3279,12 +3279,12 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3279
3279
|
height: t.naturalHeight
|
|
3280
3280
|
}, o = Dt(a, r), s = e.getContext("2d");
|
|
3281
3281
|
e.height = o.height, e.width = o.width, s.save();
|
|
3282
|
-
var c = Ot(
|
|
3282
|
+
var c = Ot(J(W({
|
|
3283
3283
|
left: 0,
|
|
3284
3284
|
top: 0
|
|
3285
3285
|
}, a)), r);
|
|
3286
3286
|
return s.translate(-(c.left - o.width / 2), -(c.top - o.height / 2)), s.rotate(r * Math.PI / 180), s.translate(i.horizontal ? a.width : 0, i.vertical ? a.height : 0), s.scale(i.horizontal ? -1 : 1, i.vertical ? -1 : 1), s.drawImage(t, 0, 0, a.width, a.height), s.restore(), e;
|
|
3287
|
-
}(this.$refs.sourceCanvas, t, this.imageTransforms) : t, r =
|
|
3287
|
+
}(this.$refs.sourceCanvas, t, this.imageTransforms) : t, r = B({
|
|
3288
3288
|
minWidth: 0,
|
|
3289
3289
|
minHeight: 0,
|
|
3290
3290
|
maxWidth: Infinity,
|
|
@@ -3349,7 +3349,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3349
3349
|
this.$refs.cropper, this.$refs.image;
|
|
3350
3350
|
var t = this.defaultSize;
|
|
3351
3351
|
t ||= this.stencilSize ? Wt : Ut, this.sizeRestrictions;
|
|
3352
|
-
var n =
|
|
3352
|
+
var n = Qe(t) ? t({
|
|
3353
3353
|
boundaries: this.boundaries,
|
|
3354
3354
|
imageSize: this.imageSize,
|
|
3355
3355
|
aspectRatio: this.getAspectRatio(),
|
|
@@ -3358,13 +3358,13 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3358
3358
|
visibleArea: this.visibleArea
|
|
3359
3359
|
}) : t, r = this.defaultPosition || Ht, i = [n, function(t) {
|
|
3360
3360
|
var n = t.coordinates;
|
|
3361
|
-
return
|
|
3361
|
+
return B({}, Qe(r) ? r({
|
|
3362
3362
|
coordinates: n,
|
|
3363
3363
|
imageSize: e.imageSize,
|
|
3364
3364
|
visibleArea: e.visibleArea
|
|
3365
3365
|
}) : e.defaultPosition);
|
|
3366
3366
|
}];
|
|
3367
|
-
this.delayedTransforms && i.push.apply(i,
|
|
3367
|
+
this.delayedTransforms && i.push.apply(i, He(Array.isArray(this.delayedTransforms) ? this.delayedTransforms : [this.delayedTransforms])), this.coordinates = this.applyTransform(i, !0), this.delayedTransforms = null;
|
|
3368
3368
|
}
|
|
3369
3369
|
},
|
|
3370
3370
|
clearImage: function() {
|
|
@@ -3394,7 +3394,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3394
3394
|
cropper: n,
|
|
3395
3395
|
imageSize: e.imageSize
|
|
3396
3396
|
};
|
|
3397
|
-
if (e.boundaries =
|
|
3397
|
+
if (e.boundaries = Qe(e.defaultBoundaries) ? e.defaultBoundaries(t) : e.defaultBoundaries === "fit" ? function(e) {
|
|
3398
3398
|
var t = e.cropper, n = e.imageSize, r = t.clientHeight, i = t.clientWidth, a = r, o = n.width * r / n.height;
|
|
3399
3399
|
return o > i && (o = i, a = n.height * i / n.width), {
|
|
3400
3400
|
width: o,
|
|
@@ -3411,10 +3411,10 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3411
3411
|
},
|
|
3412
3412
|
resetVisibleArea: function() {
|
|
3413
3413
|
var e = this;
|
|
3414
|
-
return this.appliedImageTransforms =
|
|
3414
|
+
return this.appliedImageTransforms = B(B({}, this.defaultImageTransforms), {}, { flip: B({}, this.defaultImageTransforms.flip) }), this.updateBoundaries().then((function() {
|
|
3415
3415
|
e.priority !== "visible-area" && (e.visibleArea = null, e.resetCoordinates());
|
|
3416
3416
|
var t, n, r, i, a, o, s = e.defaultVisibleArea || Gt;
|
|
3417
|
-
e.visibleArea =
|
|
3417
|
+
e.visibleArea = Qe(s) ? s({
|
|
3418
3418
|
imageSize: e.imageSize,
|
|
3419
3419
|
boundaries: e.boundaries,
|
|
3420
3420
|
coordinates: e.priority === "visible-area" ? null : e.coordinates,
|
|
@@ -3424,7 +3424,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3424
3424
|
visibleArea: e.visibleArea,
|
|
3425
3425
|
boundaries: e.boundaries,
|
|
3426
3426
|
getAreaRestrictions: e.getAreaRestrictions
|
|
3427
|
-
}, n = t.visibleArea, r = t.boundaries, i = t.getAreaRestrictions, a =
|
|
3427
|
+
}, n = t.visibleArea, r = t.boundaries, i = t.getAreaRestrictions, a = W({}, n), o = Q(r), a.width / a.height !== o && (a.height = a.width / o), $(a, i({
|
|
3428
3428
|
visibleArea: a,
|
|
3429
3429
|
type: "move"
|
|
3430
3430
|
}))), e.priority === "visible-area" ? e.resetCoordinates() : e.coordinates = e.fitCoordinates({
|
|
@@ -3465,7 +3465,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3465
3465
|
var e, t = this;
|
|
3466
3466
|
if (this.imageLoaded = !1, this.delayedTransforms = null, this.src) {
|
|
3467
3467
|
if (function(e) {
|
|
3468
|
-
if (
|
|
3468
|
+
if (Ze(e)) return !1;
|
|
3469
3469
|
var t = window.location, n = /(\w+:)?(?:\/\/)([\w.-]+)?(?::(\d+))?\/?/.exec(e) || [], r = {
|
|
3470
3470
|
protocol: n[1] || "",
|
|
3471
3471
|
host: n[2] || "",
|
|
@@ -3475,7 +3475,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3475
3475
|
};
|
|
3476
3476
|
return !(!r.protocol && !r.host && !r.port || r.protocol && r.protocol == t.protocol && r.host && r.host == t.host && r.host && i(r) == i(t));
|
|
3477
3477
|
}(this.src)) {
|
|
3478
|
-
var n =
|
|
3478
|
+
var n = G(this.crossOrigin) ? this.canvas : this.crossOrigin;
|
|
3479
3479
|
!0 === n && (n = "anonymous"), this.imageAttributes.crossOrigin = n || null;
|
|
3480
3480
|
}
|
|
3481
3481
|
if (this.checkOrientation) {
|
|
@@ -3518,13 +3518,13 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3518
3518
|
},
|
|
3519
3519
|
onParseImage: function(e) {
|
|
3520
3520
|
var t = this, n = e.source, r = e.arrayBuffer, i = e.orientation;
|
|
3521
|
-
this.imageAttributes.revoke && this.imageAttributes.src && URL.revokeObjectURL(this.imageAttributes.src), this.imageAttributes.revoke = !1, r && i && i > 1 ?
|
|
3521
|
+
this.imageAttributes.revoke && this.imageAttributes.src && URL.revokeObjectURL(this.imageAttributes.src), this.imageAttributes.revoke = !1, r && i && i > 1 ? Xe(n) || !Ze(n) ? (this.imageAttributes.src = URL.createObjectURL(new Blob([r])), this.imageAttributes.revoke = !0) : this.imageAttributes.src = function(e) {
|
|
3522
3522
|
for (var t = [], n = new Uint8Array(e); n.length > 0;) {
|
|
3523
3523
|
var r = n.subarray(0, 8192);
|
|
3524
3524
|
t.push(String.fromCharCode.apply(null, Array.from ? Array.from(r) : r.slice())), n = n.subarray(8192);
|
|
3525
3525
|
}
|
|
3526
3526
|
return "data:image/jpeg;base64," + btoa(t.join(""));
|
|
3527
|
-
}(r) : this.imageAttributes.src = n, this.appliedImageTransforms =
|
|
3527
|
+
}(r) : this.imageAttributes.src = n, this.appliedImageTransforms = Qe(this.defaultTransforms) ? dn(this.defaultTransforms()) : $e(this.defaultTransforms) ? dn(this.defaultTransforms) : function(e) {
|
|
3528
3528
|
var t = dn({});
|
|
3529
3529
|
if (e) switch (e) {
|
|
3530
3530
|
case 2:
|
|
@@ -3548,7 +3548,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3548
3548
|
case 8: t.rotate = -90;
|
|
3549
3549
|
}
|
|
3550
3550
|
return t;
|
|
3551
|
-
}(i), this.defaultImageTransforms =
|
|
3551
|
+
}(i), this.defaultImageTransforms = B(B({}, this.appliedImageTransforms), {}, { flip: B({}, this.appliedImageTransforms.flip) }), this.$nextTick((function() {
|
|
3552
3552
|
var e = t.$refs.image;
|
|
3553
3553
|
e && e.complete && (function(e) {
|
|
3554
3554
|
return !!e.naturalWidth;
|
|
@@ -3564,7 +3564,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3564
3564
|
onMove: function(e) {
|
|
3565
3565
|
var t = this;
|
|
3566
3566
|
this.transitionsOptions.enabled || this.awaitRender((function() {
|
|
3567
|
-
t.coordinates = t.moveAlgorithm(
|
|
3567
|
+
t.coordinates = t.moveAlgorithm(B(B({}, t.getPublicProperties()), {}, {
|
|
3568
3568
|
positionRestrictions: Kt(t.positionRestrictions, t.visibleArea),
|
|
3569
3569
|
coordinates: t.coordinates,
|
|
3570
3570
|
event: t.normalizeEvent(e)
|
|
@@ -3575,7 +3575,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3575
3575
|
var t = this;
|
|
3576
3576
|
this.transitionsOptions.enabled || this.stencilSize && !this.autoZoom || this.awaitRender((function() {
|
|
3577
3577
|
var n = t.sizeRestrictions, r = Math.min(t.coordinates.width, t.coordinates.height, 20 * t.coefficient);
|
|
3578
|
-
t.coordinates = t.resizeAlgorithm(
|
|
3578
|
+
t.coordinates = t.resizeAlgorithm(B(B({}, t.getPublicProperties()), {}, {
|
|
3579
3579
|
positionRestrictions: Kt(t.positionRestrictions, t.visibleArea),
|
|
3580
3580
|
sizeRestrictions: {
|
|
3581
3581
|
maxWidth: Math.min(n.maxWidth, t.visibleArea.width),
|
|
@@ -3592,7 +3592,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3592
3592
|
if (!this.transitionsOptions.enabled) {
|
|
3593
3593
|
var n = t.transitions, r = n !== void 0 && n, i = t.normalize, a = i === void 0 || i;
|
|
3594
3594
|
r && this.enableTransitions();
|
|
3595
|
-
var o = qt(
|
|
3595
|
+
var o = qt(B(B({}, this.getPublicProperties()), {}, {
|
|
3596
3596
|
event: a ? this.normalizeEvent(e) : e,
|
|
3597
3597
|
getAreaRestrictions: this.getAreaRestrictions,
|
|
3598
3598
|
imageRestriction: this.imageRestriction,
|
|
@@ -3620,9 +3620,9 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3620
3620
|
var s = this.$refs.stencil.aspectRatios();
|
|
3621
3621
|
t = s.minimum, n = s.maximum;
|
|
3622
3622
|
}
|
|
3623
|
-
if (
|
|
3623
|
+
if (G(t) && (t = G(i) ? a : i), G(n) && (n = G(i) ? o : i), !e && (G(t) || G(n))) {
|
|
3624
3624
|
var c = this.getStencilSize(), l = c ? Q(c) : null;
|
|
3625
|
-
|
|
3625
|
+
G(t) && (t = nt(l) ? l : void 0), G(n) && (n = nt(l) ? l : void 0);
|
|
3626
3626
|
}
|
|
3627
3627
|
return {
|
|
3628
3628
|
minimum: t,
|
|
@@ -3640,7 +3640,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3640
3640
|
coefficient: this.coefficient,
|
|
3641
3641
|
coordinates: this.coordinates,
|
|
3642
3642
|
aspectRatio: this.getAspectRatio(!0)
|
|
3643
|
-
}, t = e.boundaries, n = e.stencilSize, r = e.aspectRatio, Tt(Q(i =
|
|
3643
|
+
}, t = e.boundaries, n = e.stencilSize, r = e.aspectRatio, Tt(Q(i = Qe(n) ? n({
|
|
3644
3644
|
boundaries: t,
|
|
3645
3645
|
aspectRatio: r
|
|
3646
3646
|
}) : n), r) && (i = It({
|
|
@@ -3685,13 +3685,13 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3685
3685
|
};
|
|
3686
3686
|
},
|
|
3687
3687
|
defaultCoordinates: function() {
|
|
3688
|
-
return
|
|
3688
|
+
return B({}, vt);
|
|
3689
3689
|
},
|
|
3690
3690
|
flip: function(e, t) {
|
|
3691
3691
|
var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).transitions, r = n === void 0 || n;
|
|
3692
3692
|
if (!this.transitionsActive) {
|
|
3693
3693
|
r && this.enableTransitions();
|
|
3694
|
-
var i =
|
|
3694
|
+
var i = B({}, this.imageTransforms.flip), a = Yt({
|
|
3695
3695
|
flip: {
|
|
3696
3696
|
horizontal: e ? !i.horizontal : i.horizontal,
|
|
3697
3697
|
vertical: t ? !i.vertical : i.vertical
|
|
@@ -3713,7 +3713,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3713
3713
|
var t = (arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}).transitions, n = t === void 0 || t;
|
|
3714
3714
|
if (!this.transitionsActive) {
|
|
3715
3715
|
n && this.enableTransitions();
|
|
3716
|
-
var r =
|
|
3716
|
+
var r = B({}, this.imageSize);
|
|
3717
3717
|
this.appliedImageTransforms.rotate += e;
|
|
3718
3718
|
var i = Jt({
|
|
3719
3719
|
visibleArea: this.visibleArea,
|
|
@@ -3869,7 +3869,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
3869
3869
|
}, rr = {
|
|
3870
3870
|
class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
|
|
3871
3871
|
style: { color: "var(--tpl-text-muted)" }
|
|
3872
|
-
}, ir = ["placeholder"], ar = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, or = ["disabled"], sr = /*#__PURE__*/
|
|
3872
|
+
}, ir = ["placeholder"], ar = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, or = ["disabled"], sr = /*#__PURE__*/ we(/* @__PURE__ */ M({
|
|
3873
3873
|
__name: "MediaEditModal",
|
|
3874
3874
|
props: {
|
|
3875
3875
|
visible: { type: Boolean },
|
|
@@ -3877,43 +3877,43 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
3877
3877
|
},
|
|
3878
3878
|
emits: ["save", "close"],
|
|
3879
3879
|
setup(e, { emit: t }) {
|
|
3880
|
-
let n = e, r = t, { t: a } =
|
|
3880
|
+
let n = e, r = t, { t: a } = z(), o = d("tplUiTheme"), s = d(ze, p(null)), l = a.mediaLibrary, { isImageMimeType: m } = Ne(), D = p(""), O = p(""), ee = p(null), M = p("free"), ne = p(void 0), re = p(void 0), ie = p(""), ae = p(""), P = p(void 0), F = p(null), oe = p(!1), I = p(!1), se = p(!1), ce = _(() => n.item ? [
|
|
3881
3881
|
"image/jpeg",
|
|
3882
3882
|
"image/png",
|
|
3883
3883
|
"image/webp",
|
|
3884
3884
|
"image/gif"
|
|
3885
|
-
].includes(n.item.mime_type) : !1),
|
|
3885
|
+
].includes(n.item.mime_type) : !1), le = _(() => M.value === "original" ? P.value : Pe[M.value]), ue = _(() => F.value ? Re(F.value.width, F.value.height, ne.value, re.value) : null);
|
|
3886
3886
|
te(() => n.visible, (e) => {
|
|
3887
3887
|
e && n.item && (D.value = n.item.filename, O.value = n.item.alt_text || "", M.value = "free", ne.value = void 0, re.value = void 0, ie.value = "", ae.value = "", P.value = void 0, F.value = null, oe.value = !1, se.value = !1, n.item.width && n.item.height && (P.value = n.item.width / n.item.height));
|
|
3888
3888
|
});
|
|
3889
|
-
function
|
|
3889
|
+
function de(e) {
|
|
3890
3890
|
e.coordinates && (F.value = {
|
|
3891
3891
|
width: Math.round(e.coordinates.width),
|
|
3892
3892
|
height: Math.round(e.coordinates.height)
|
|
3893
3893
|
}, se.value = !0);
|
|
3894
3894
|
}
|
|
3895
|
-
function
|
|
3895
|
+
function fe() {
|
|
3896
3896
|
oe.value = !0, !P.value && n.item?.width && n.item?.height && (P.value = n.item.width / n.item.height);
|
|
3897
3897
|
}
|
|
3898
|
-
function
|
|
3898
|
+
function pe(e) {
|
|
3899
3899
|
let t = e.target.value;
|
|
3900
3900
|
ie.value = t, ne.value = t && parseInt(t, 10) || void 0;
|
|
3901
3901
|
}
|
|
3902
|
-
function
|
|
3902
|
+
function me(e) {
|
|
3903
3903
|
let t = e.target.value;
|
|
3904
3904
|
ae.value = t, re.value = t && parseInt(t, 10) || void 0;
|
|
3905
3905
|
}
|
|
3906
|
-
async function
|
|
3906
|
+
async function he() {
|
|
3907
3907
|
let e = D.value.trim();
|
|
3908
3908
|
if (!e || !n.item || I.value) return;
|
|
3909
3909
|
let t = m(n.item.mime_type), i;
|
|
3910
|
-
if (
|
|
3910
|
+
if (ce.value && ee.value && se.value) {
|
|
3911
3911
|
I.value = !0;
|
|
3912
3912
|
try {
|
|
3913
3913
|
let { canvas: e } = ee.value.getResult();
|
|
3914
3914
|
if (e) {
|
|
3915
|
-
let t =
|
|
3916
|
-
i = { file: await
|
|
3915
|
+
let t = Ie(e, ne.value, re.value), r = Fe(n.item.mime_type);
|
|
3916
|
+
i = { file: await Le(t, n.item.filename, r) };
|
|
3917
3917
|
}
|
|
3918
3918
|
} catch {
|
|
3919
3919
|
I.value = !1;
|
|
@@ -3923,8 +3923,8 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
3923
3923
|
}
|
|
3924
3924
|
r("save", n.item.id, e, t ? O.value : void 0, i), r("close");
|
|
3925
3925
|
}
|
|
3926
|
-
function
|
|
3927
|
-
e.key === "Enter" && !I.value && (e.preventDefault(),
|
|
3926
|
+
function ge(e) {
|
|
3927
|
+
e.key === "Enter" && !I.value && (e.preventDefault(), he()), e.key === "Escape" && r("close");
|
|
3928
3928
|
}
|
|
3929
3929
|
return (t, n) => (c(), S(g, { to: b(s) || "body" }, [N(C, {
|
|
3930
3930
|
"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
|
|
@@ -3940,22 +3940,22 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
3940
3940
|
class: "tpl tpl:fixed tpl:inset-0 tpl:z-[10000] tpl:flex tpl:items-center tpl:justify-center",
|
|
3941
3941
|
style: { "background-color": "var(--tpl-overlay)" },
|
|
3942
3942
|
onClick: n[3] ||= x((e) => r("close"), ["self"]),
|
|
3943
|
-
onKeydown:
|
|
3943
|
+
onKeydown: ge
|
|
3944
3944
|
}, [E("div", {
|
|
3945
|
-
class: T(["tpl:mx-4 tpl:flex tpl:max-h-[90vh] tpl:w-full tpl:flex-col tpl:overflow-hidden tpl:rounded-lg tpl:shadow-xl",
|
|
3945
|
+
class: T(["tpl:mx-4 tpl:flex tpl:max-h-[90vh] tpl:w-full tpl:flex-col tpl:overflow-hidden tpl:rounded-lg tpl:shadow-xl", ce.value ? "tpl:max-w-2xl" : "tpl:max-w-sm"]),
|
|
3946
3946
|
style: { "background-color": "var(--tpl-bg-elevated)" }
|
|
3947
3947
|
}, [
|
|
3948
3948
|
E("div", kn, [E("h3", An, h(b(a).mediaLibrary.editFile), 1)]),
|
|
3949
3949
|
E("div", jn, [
|
|
3950
|
-
|
|
3950
|
+
ce.value ? (c(), v("div", Mn, [E("div", Nn, [N(b(Tn), {
|
|
3951
3951
|
ref_key: "cropperRef",
|
|
3952
3952
|
ref: ee,
|
|
3953
3953
|
src: e.item.url,
|
|
3954
|
-
"stencil-props": { aspectRatio:
|
|
3954
|
+
"stencil-props": { aspectRatio: le.value },
|
|
3955
3955
|
class: "tpl:h-full tpl:w-full",
|
|
3956
3956
|
"background-class": "tpl-cropper-background",
|
|
3957
|
-
onChange:
|
|
3958
|
-
onReady:
|
|
3957
|
+
onChange: de,
|
|
3958
|
+
onReady: fe
|
|
3959
3959
|
}, null, 8, ["src", "stencil-props"])]), E("div", Pn, [
|
|
3960
3960
|
E("div", null, [E("label", Fn, h(b(a).mediaLibrary.cropAspectRatio), 1), E("div", In, [(c(), v(A, null, u([
|
|
3961
3961
|
"free",
|
|
@@ -3985,7 +3985,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
3985
3985
|
color: "var(--tpl-text)"
|
|
3986
3986
|
},
|
|
3987
3987
|
placeholder: F.value?.width?.toString() || "",
|
|
3988
|
-
onInput:
|
|
3988
|
+
onInput: pe
|
|
3989
3989
|
}, null, 40, Un), E("span", Wn, h(b(a).mediaLibrary.cropPixels), 1)])]), E("div", Gn, [E("label", Kn, [j(h(b(a).mediaLibrary.cropMaxHeight) + " ", 1), E("span", qn, h(b(a).mediaLibrary.cropOptional), 1)]), E("div", Jn, [E("input", {
|
|
3990
3990
|
value: ae.value,
|
|
3991
3991
|
type: "number",
|
|
@@ -3997,9 +3997,9 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
3997
3997
|
color: "var(--tpl-text)"
|
|
3998
3998
|
},
|
|
3999
3999
|
placeholder: F.value?.height?.toString() || "",
|
|
4000
|
-
onInput:
|
|
4000
|
+
onInput: me
|
|
4001
4001
|
}, null, 40, Yn), E("span", Xn, h(b(a).mediaLibrary.cropPixels), 1)])])]),
|
|
4002
|
-
|
|
4002
|
+
ue.value ? (c(), v("div", Zn, [E("span", null, h(b(a).mediaLibrary.cropOutputSize) + ": ", 1), E("span", Qn, h(ue.value.width) + " x " + h(ue.value.height) + " " + h(b(a).mediaLibrary.cropPixels), 1)])) : y("", !0)
|
|
4003
4003
|
])])) : y("", !0),
|
|
4004
4004
|
E("div", $n, [E("label", er, h(b(a).mediaLibrary.fileName), 1), i(E("input", {
|
|
4005
4005
|
"onUpdate:modelValue": n[0] ||= (e) => D.value = e,
|
|
@@ -4010,7 +4010,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4010
4010
|
"background-color": "var(--tpl-bg)",
|
|
4011
4011
|
color: "var(--tpl-text)"
|
|
4012
4012
|
},
|
|
4013
|
-
autofocus: !
|
|
4013
|
+
autofocus: !ce.value
|
|
4014
4014
|
}, null, 8, tr), [[w, D.value]])]),
|
|
4015
4015
|
b(m)(e.item.mime_type) ? (c(), v("div", nr, [E("label", rr, h(b(a).mediaLibrary.altText), 1), i(E("input", {
|
|
4016
4016
|
"onUpdate:modelValue": n[1] ||= (e) => O.value = e,
|
|
@@ -4036,7 +4036,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4036
4036
|
class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-white tpl:transition-all tpl:duration-150 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
|
|
4037
4037
|
style: { background: "linear-gradient(\n 135deg,\n var(--tpl-primary),\n var(--tpl-primary-hover)\n )" },
|
|
4038
4038
|
disabled: I.value,
|
|
4039
|
-
onClick:
|
|
4039
|
+
onClick: he
|
|
4040
4040
|
}, h(I.value ? b(a).mediaLibrary.saving : b(a).mediaLibrary.saveChanges), 9, or)])
|
|
4041
4041
|
], 2)], 40, On)) : y("", !0)]),
|
|
4042
4042
|
_: 1
|
|
@@ -4065,7 +4065,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4065
4065
|
"deleteFolder"
|
|
4066
4066
|
],
|
|
4067
4067
|
setup(e, { emit: t }) {
|
|
4068
|
-
let n = e, r = t, { t: o } =
|
|
4068
|
+
let n = e, r = t, { t: o } = z(), s = p(!1), l = p(!1), d = p(""), f = p(!1), g = p(""), C = _(() => (n.folder.children?.length ?? 0) > 0), D = _(() => n.depth < 4), O = _(() => n.currentFolderId === n.folder.id), ee = _(() => !n.currentFolderId || !n.folder.children ? !1 : M(n.folder.children, n.currentFolderId)), j = _(() => s.value || ee.value);
|
|
4069
4069
|
function M(e, t) {
|
|
4070
4070
|
for (let n of e) if (n.id === t || n.children && M(n.children, t)) return !0;
|
|
4071
4071
|
return !1;
|
|
@@ -4106,7 +4106,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4106
4106
|
key: 0,
|
|
4107
4107
|
class: "tpl:flex tpl:size-4 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
|
|
4108
4108
|
onClick: x(te, ["stop"])
|
|
4109
|
-
}, [N(b(
|
|
4109
|
+
}, [N(b(de), {
|
|
4110
4110
|
class: T(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": j.value }]),
|
|
4111
4111
|
size: 10,
|
|
4112
4112
|
"stroke-width": 2
|
|
@@ -4114,7 +4114,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4114
4114
|
E("button", {
|
|
4115
4115
|
class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-1.5",
|
|
4116
4116
|
onClick: n[0] ||= (t) => r("navigate", e.folder.id)
|
|
4117
|
-
}, [N(b(
|
|
4117
|
+
}, [N(b(ge), {
|
|
4118
4118
|
class: "tpl:shrink-0",
|
|
4119
4119
|
size: 14,
|
|
4120
4120
|
"stroke-width": 1.5
|
|
@@ -4148,14 +4148,14 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4148
4148
|
class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
|
|
4149
4149
|
title: b(o).mediaLibrary.renameFolder,
|
|
4150
4150
|
onClick: x(ne, ["stop"])
|
|
4151
|
-
}, [N(b(
|
|
4151
|
+
}, [N(b(xe), {
|
|
4152
4152
|
size: 12,
|
|
4153
4153
|
"stroke-width": 2
|
|
4154
4154
|
})], 8, fr),
|
|
4155
4155
|
E("button", {
|
|
4156
4156
|
class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
|
|
4157
4157
|
onClick: n[3] ||= x((t) => r("deleteFolder", e.folder.id), ["stop"])
|
|
4158
|
-
}, [N(b(
|
|
4158
|
+
}, [N(b(_e), {
|
|
4159
4159
|
size: 12,
|
|
4160
4160
|
"stroke-width": 2,
|
|
4161
4161
|
style: { color: "var(--tpl-danger)" }
|
|
@@ -4213,7 +4213,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4213
4213
|
"showFrequentlyUsed"
|
|
4214
4214
|
],
|
|
4215
4215
|
setup(e, { emit: t }) {
|
|
4216
|
-
let n = t, { t: r } =
|
|
4216
|
+
let n = t, { t: r } = z(), a = p(!1), o = p("");
|
|
4217
4217
|
function s() {
|
|
4218
4218
|
a.value = !0, o.value = "";
|
|
4219
4219
|
}
|
|
@@ -4231,7 +4231,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4231
4231
|
color: e.viewMode === "files" && e.currentFolderId === null ? "var(--tpl-primary)" : "var(--tpl-text)"
|
|
4232
4232
|
}),
|
|
4233
4233
|
onClick: f[0] ||= (e) => n("navigate", null)
|
|
4234
|
-
}, [N(b(
|
|
4234
|
+
}, [N(b(Ce), {
|
|
4235
4235
|
size: 14,
|
|
4236
4236
|
"stroke-width": 1.5
|
|
4237
4237
|
}), j(" " + h(b(r).mediaLibrary.allFiles), 1)], 4),
|
|
@@ -4278,7 +4278,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4278
4278
|
color: e.viewMode === "frequently-used" ? "var(--tpl-primary)" : "var(--tpl-text)"
|
|
4279
4279
|
}),
|
|
4280
4280
|
onClick: f[6] ||= (e) => n("showFrequentlyUsed")
|
|
4281
|
-
}, [N(b(
|
|
4281
|
+
}, [N(b(se), {
|
|
4282
4282
|
size: 14,
|
|
4283
4283
|
"stroke-width": 1.5
|
|
4284
4284
|
}), j(" " + h(b(r).mediaLibrary.frequentlyUsed), 1)], 4)) : y("", !0)
|
|
@@ -4495,7 +4495,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4495
4495
|
}, Yr = {
|
|
4496
4496
|
key: 4,
|
|
4497
4497
|
class: "tpl:flex tpl:justify-center tpl:py-4"
|
|
4498
|
-
}, Xr = /*#__PURE__*/
|
|
4498
|
+
}, Xr = /*#__PURE__*/ we(/* @__PURE__ */ M({
|
|
4499
4499
|
__name: "MediaGrid",
|
|
4500
4500
|
props: {
|
|
4501
4501
|
items: {},
|
|
@@ -4513,14 +4513,14 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4513
4513
|
"replace"
|
|
4514
4514
|
],
|
|
4515
4515
|
setup(e, { emit: t }) {
|
|
4516
|
-
let n = e, r = t, { isAcceptedMimeType: i, isImageMimeType: a } =
|
|
4516
|
+
let n = e, r = t, { isAcceptedMimeType: i, isImageMimeType: a } = Ne();
|
|
4517
4517
|
function o(e) {
|
|
4518
4518
|
return !n.accept || n.accept.length === 0 || i(e.mime_type, n.accept);
|
|
4519
4519
|
}
|
|
4520
4520
|
function s(e) {
|
|
4521
4521
|
r("select", e);
|
|
4522
4522
|
}
|
|
4523
|
-
let { t: l } =
|
|
4523
|
+
let { t: l } = z(), d = p(null);
|
|
4524
4524
|
F(d, ([{ isIntersecting: e }]) => {
|
|
4525
4525
|
e && n.hasMore && !n.isLoading && r("loadMore");
|
|
4526
4526
|
}, { threshold: .1 });
|
|
@@ -4542,7 +4542,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4542
4542
|
key: t,
|
|
4543
4543
|
class: T(["tpl-pulse tpl:rounded-lg", e.layout === "list" ? "tpl:h-12" : "tpl:aspect-square"]),
|
|
4544
4544
|
style: { "background-color": "var(--tpl-bg-hover)" }
|
|
4545
|
-
}, null, 2)), 64))], 2)) : e.items.length === 0 ? (c(), v("div", Cr, [N(b(
|
|
4545
|
+
}, null, 2)), 64))], 2)) : e.items.length === 0 ? (c(), v("div", Cr, [N(b(Ce), {
|
|
4546
4546
|
class: "tpl:mb-3",
|
|
4547
4547
|
size: 40,
|
|
4548
4548
|
"stroke-width": 1,
|
|
@@ -4566,7 +4566,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4566
4566
|
style: { color: "var(--tpl-text-muted)" },
|
|
4567
4567
|
title: b(l).mediaLibrary.editFile,
|
|
4568
4568
|
onClick: x((e) => r("edit", t), ["stop"])
|
|
4569
|
-
}, [N(b(
|
|
4569
|
+
}, [N(b(xe), {
|
|
4570
4570
|
size: 12,
|
|
4571
4571
|
"stroke-width": 2
|
|
4572
4572
|
})], 8, Kr), E("button", {
|
|
@@ -4574,11 +4574,11 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4574
4574
|
style: { color: "var(--tpl-text-muted)" },
|
|
4575
4575
|
title: b(l).mediaLibrary.replaceFile,
|
|
4576
4576
|
onClick: x((e) => r("replace", t), ["stop"])
|
|
4577
|
-
}, [N(b(
|
|
4577
|
+
}, [N(b(I), {
|
|
4578
4578
|
size: 12,
|
|
4579
4579
|
"stroke-width": 2
|
|
4580
4580
|
})], 8, qr)]),
|
|
4581
|
-
e.selectedIds.has(t.id) ? (c(), v("div", Jr, [N(b(
|
|
4581
|
+
e.selectedIds.has(t.id) ? (c(), v("div", Jr, [N(b(le), {
|
|
4582
4582
|
size: 12,
|
|
4583
4583
|
"stroke-width": 3
|
|
4584
4584
|
})])) : y("", !0)
|
|
@@ -4611,7 +4611,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4611
4611
|
style: { "background-color": "rgba(0, 0, 0, 0.6)" },
|
|
4612
4612
|
title: b(l).mediaLibrary.editFile,
|
|
4613
4613
|
onClick: x((e) => r("edit", t), ["stop"])
|
|
4614
|
-
}, [N(b(
|
|
4614
|
+
}, [N(b(xe), {
|
|
4615
4615
|
size: 11,
|
|
4616
4616
|
"stroke-width": 2
|
|
4617
4617
|
})], 8, Pr), E("button", {
|
|
@@ -4619,11 +4619,11 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4619
4619
|
style: { "background-color": "rgba(0, 0, 0, 0.6)" },
|
|
4620
4620
|
title: b(l).mediaLibrary.replaceFile,
|
|
4621
4621
|
onClick: x((e) => r("replace", t), ["stop"])
|
|
4622
|
-
}, [N(b(
|
|
4622
|
+
}, [N(b(I), {
|
|
4623
4623
|
size: 11,
|
|
4624
4624
|
"stroke-width": 2
|
|
4625
4625
|
})], 8, Fr)]),
|
|
4626
|
-
e.selectedIds.has(t.id) ? (c(), v("div", Ir, [N(b(
|
|
4626
|
+
e.selectedIds.has(t.id) ? (c(), v("div", Ir, [N(b(le), {
|
|
4627
4627
|
size: 12,
|
|
4628
4628
|
"stroke-width": 3
|
|
4629
4629
|
})])) : y("", !0)
|
|
@@ -4633,7 +4633,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4633
4633
|
ref: d,
|
|
4634
4634
|
class: "tpl:h-4"
|
|
4635
4635
|
}, null, 512),
|
|
4636
|
-
e.isLoading && e.items.length > 0 ? (c(), v("div", Yr, [N(b(
|
|
4636
|
+
e.isLoading && e.items.length > 0 ? (c(), v("div", Yr, [N(b(he), {
|
|
4637
4637
|
class: "tpl-spinner",
|
|
4638
4638
|
size: 20,
|
|
4639
4639
|
"stroke-width": 2,
|
|
@@ -4663,7 +4663,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4663
4663
|
},
|
|
4664
4664
|
emits: ["import", "close"],
|
|
4665
4665
|
setup(e, { emit: t }) {
|
|
4666
|
-
let n = e, r = t, { t: a } =
|
|
4666
|
+
let n = e, r = t, { t: a } = z(), o = d("tplUiTheme"), s = d(ze, p(null)), l = p("");
|
|
4667
4667
|
te(() => n.visible, (e) => {
|
|
4668
4668
|
e && (l.value = "");
|
|
4669
4669
|
});
|
|
@@ -4722,7 +4722,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4722
4722
|
style: { background: "linear-gradient(\n 135deg,\n var(--tpl-primary),\n var(--tpl-primary-hover)\n )" },
|
|
4723
4723
|
disabled: !l.value.trim() || e.isImporting,
|
|
4724
4724
|
onClick: u
|
|
4725
|
-
}, [e.isImporting ? (c(), v("span", oi, [N(b(
|
|
4725
|
+
}, [e.isImporting ? (c(), v("span", oi, [N(b(he), {
|
|
4726
4726
|
class: "tpl:animate-spin",
|
|
4727
4727
|
size: 12,
|
|
4728
4728
|
"stroke-width": 2
|
|
@@ -4743,7 +4743,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4743
4743
|
},
|
|
4744
4744
|
emits: ["select", "close"],
|
|
4745
4745
|
setup(e, { emit: t }) {
|
|
4746
|
-
let n = t, { t: r } =
|
|
4746
|
+
let n = t, { t: r } = z(), i = p(null);
|
|
4747
4747
|
function a(e, t = 0) {
|
|
4748
4748
|
let n = [];
|
|
4749
4749
|
for (let r of e) n.push({
|
|
@@ -4768,7 +4768,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4768
4768
|
class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-1.5 tpl:px-3 tpl:py-1.5 tpl:text-left tpl:text-xs tpl:transition-colors tpl:duration-100",
|
|
4769
4769
|
style: { color: "var(--tpl-text)" },
|
|
4770
4770
|
onClick: o[0] ||= (e) => n("select", null)
|
|
4771
|
-
}, [N(b(
|
|
4771
|
+
}, [N(b(Ce), {
|
|
4772
4772
|
class: "tpl:shrink-0",
|
|
4773
4773
|
size: 14,
|
|
4774
4774
|
"stroke-width": 1.5
|
|
@@ -4783,7 +4783,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4783
4783
|
disabled: t.id === e.currentFolderId,
|
|
4784
4784
|
onClick: (e) => n("select", t.id)
|
|
4785
4785
|
}, [
|
|
4786
|
-
N(b(
|
|
4786
|
+
N(b(ge), {
|
|
4787
4787
|
class: "tpl:shrink-0",
|
|
4788
4788
|
size: 14,
|
|
4789
4789
|
"stroke-width": 1.5
|
|
@@ -4808,7 +4808,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4808
4808
|
}, xi = {
|
|
4809
4809
|
class: "tpl:block tpl:text-[10px]",
|
|
4810
4810
|
style: { color: "var(--tpl-text-muted)" }
|
|
4811
|
-
}, Si = ["value"], Ci = ["value"], wi = /*#__PURE__*/
|
|
4811
|
+
}, Si = ["value"], Ci = ["value"], wi = /*#__PURE__*/ we(/* @__PURE__ */ M({
|
|
4812
4812
|
__name: "MediaPreviewPanel",
|
|
4813
4813
|
props: {
|
|
4814
4814
|
item: {},
|
|
@@ -4817,7 +4817,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4817
4817
|
},
|
|
4818
4818
|
emits: ["update:selectedConversion"],
|
|
4819
4819
|
setup(e, { emit: t }) {
|
|
4820
|
-
let n = e, r = t, { t: i } =
|
|
4820
|
+
let n = e, r = t, { t: i } = z(), { isImageMimeType: a } = Ne(), o = _(() => {
|
|
4821
4821
|
if (!m.value || !n.item.conversions_generated) return [];
|
|
4822
4822
|
let e = [];
|
|
4823
4823
|
return n.item.small_url && e.push({
|
|
@@ -4894,7 +4894,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4894
4894
|
m.value && e.item.width && e.item.height ? (c(), v(A, { key: 0 }, [j(" · " + h(e.item.width) + "×" + h(e.item.height) + "px ", 1)], 64)) : y("", !0),
|
|
4895
4895
|
p.value ? (c(), v(A, { key: 1 }, [
|
|
4896
4896
|
n[0] ||= j(" · ", -1),
|
|
4897
|
-
N(b(
|
|
4897
|
+
N(b(ge), {
|
|
4898
4898
|
class: "tpl:mb-px tpl:inline",
|
|
4899
4899
|
size: 9,
|
|
4900
4900
|
"stroke-width": 2
|
|
@@ -4960,7 +4960,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4960
4960
|
},
|
|
4961
4961
|
emits: ["replace", "close"],
|
|
4962
4962
|
setup(e, { emit: t }) {
|
|
4963
|
-
let n = e, r = t, { t: i } =
|
|
4963
|
+
let n = e, r = t, { t: i } = z(), a = d("tplUiTheme"), o = d(ze, p(null)), s = p(null), l = p(null), u = _(() => {
|
|
4964
4964
|
if (!n.item) return "";
|
|
4965
4965
|
let e = n.item.filename.split(".");
|
|
4966
4966
|
return e.length > 1 ? e[e.length - 1].toLowerCase() : "";
|
|
@@ -5051,7 +5051,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
5051
5051
|
},
|
|
5052
5052
|
emits: ["upload"],
|
|
5053
5053
|
setup(e, { emit: t }) {
|
|
5054
|
-
let n = t, { t: r, format: i } =
|
|
5054
|
+
let n = t, { t: r, format: i } = z(), { allAcceptedMimeTypes: a, allAcceptedInputString: o, maxFileSize: s } = Ne(), l = p();
|
|
5055
5055
|
function u(e) {
|
|
5056
5056
|
let t = [];
|
|
5057
5057
|
for (let n of Array.from(e)) a.value.includes(n.type) && n.size <= s.value && t.push(n);
|
|
@@ -5078,7 +5078,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
5078
5078
|
"background-color": "var(--tpl-bg)"
|
|
5079
5079
|
},
|
|
5080
5080
|
onClick: n[0] ||= (e) => b(m)()
|
|
5081
|
-
}, [e.isUploading ? (c(), v("div", Bi, [N(b(
|
|
5081
|
+
}, [e.isUploading ? (c(), v("div", Bi, [N(b(he), {
|
|
5082
5082
|
class: "tpl-spinner",
|
|
5083
5083
|
size: 20,
|
|
5084
5084
|
"stroke-width": 2,
|
|
@@ -5087,7 +5087,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
5087
5087
|
current: e.uploadProgress.current,
|
|
5088
5088
|
total: e.uploadProgress.total
|
|
5089
5089
|
}) : b(r).mediaLibrary.uploading), 1)])) : (c(), v(A, { key: 1 }, [
|
|
5090
|
-
N(b(
|
|
5090
|
+
N(b(Se), {
|
|
5091
5091
|
class: "tpl:mb-2",
|
|
5092
5092
|
size: 24,
|
|
5093
5093
|
"stroke-width": 1.5,
|
|
@@ -5129,7 +5129,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
5129
5129
|
size: {}
|
|
5130
5130
|
},
|
|
5131
5131
|
setup(e) {
|
|
5132
|
-
let t = e, { t: n, format: r } =
|
|
5132
|
+
let t = e, { t: n, format: r } = z(), i = p(!1), a = _(() => t.size ?? 24), o = _(() => Math.max(2, a.value / 8)), s = _(() => (a.value - o.value) / 2), l = _(() => 2 * Math.PI * s.value), u = _(() => t.limitBytes <= 0 ? 0 : Math.min(100, t.usedBytes / t.limitBytes * 100)), d = _(() => l.value - u.value / 100 * l.value), m = _(() => u.value >= 95 ? "var(--tpl-danger)" : u.value >= 75 ? "var(--tpl-warning, #f59e0b)" : "var(--tpl-primary)");
|
|
5133
5133
|
function g(e) {
|
|
5134
5134
|
if (e === 0) return "0 B";
|
|
5135
5135
|
let t = 1024, n = [
|
|
@@ -5375,9 +5375,9 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5375
5375
|
},
|
|
5376
5376
|
emits: ["close", "select"],
|
|
5377
5377
|
setup(e, { emit: t }) {
|
|
5378
|
-
let n = e, r = t, { t: i } =
|
|
5379
|
-
l(
|
|
5380
|
-
let s = d("authManager"), p = d("projectId"), m = _(() => p.value), w = d("planConfig"), D = _(() => w.hasFeature("media_folders")), O = _(() => w.hasFeature("import_from_url")), M = _(() => w.config.value?.storage.used_bytes ?? 0), ne = _(() => w.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: ie, availableCategories: ae } =
|
|
5378
|
+
let n = e, r = t, { t: i } = z(), a = d("tplUiTheme"), o = ee(() => n.popoverTarget ?? null);
|
|
5379
|
+
l(ze, o);
|
|
5380
|
+
let s = d("authManager"), p = d("projectId"), m = _(() => p.value), w = d("planConfig"), D = _(() => w.hasFeature("media_folders")), O = _(() => w.hasFeature("import_from_url")), M = _(() => w.config.value?.storage.used_bytes ?? 0), ne = _(() => w.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: ie, availableCategories: ae } = Ne(), P = Oe({
|
|
5381
5381
|
projectId: m.value,
|
|
5382
5382
|
authManager: s
|
|
5383
5383
|
}), F = Xi({
|
|
@@ -5392,11 +5392,11 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5392
5392
|
e.key === "Escape" && r("close");
|
|
5393
5393
|
}
|
|
5394
5394
|
re(document, "keydown", oe);
|
|
5395
|
-
function
|
|
5395
|
+
function I() {
|
|
5396
5396
|
return P.previewItem.value ? !n.accept?.length || ie(P.previewItem.value.mime_type, n.accept) : !1;
|
|
5397
5397
|
}
|
|
5398
|
-
function
|
|
5399
|
-
if (
|
|
5398
|
+
function se() {
|
|
5399
|
+
if (I()) {
|
|
5400
5400
|
let e = P.previewItem.value;
|
|
5401
5401
|
r("select", {
|
|
5402
5402
|
...e,
|
|
@@ -5435,7 +5435,7 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5435
5435
|
},
|
|
5436
5436
|
placeholder: b(i).mediaLibrary.searchPlaceholder,
|
|
5437
5437
|
onInput: n[0] ||= (e) => b(F).handleSearchInput(e.target.value)
|
|
5438
|
-
}, null, 40, ra), N(b(
|
|
5438
|
+
}, null, 40, ra), N(b(ue), {
|
|
5439
5439
|
class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
|
|
5440
5440
|
size: 13,
|
|
5441
5441
|
"stroke-width": 2,
|
|
@@ -5491,11 +5491,11 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5491
5491
|
}),
|
|
5492
5492
|
title: b(F).showSidebar.value ? b(i).mediaLibrary.hideFolders : b(i).mediaLibrary.showFolders,
|
|
5493
5493
|
onClick: n[2] ||= (e) => b(F).showSidebar.value = !b(F).showSidebar.value
|
|
5494
|
-
}, [N(b(
|
|
5494
|
+
}, [N(b(pe), {
|
|
5495
5495
|
size: 16,
|
|
5496
5496
|
"stroke-width": 2
|
|
5497
5497
|
})], 12, la)) : y("", !0),
|
|
5498
|
-
b(P).viewMode.value === "frequently-used" ? (c(), v("span", ua, h(b(i).mediaLibrary.frequentlyUsed), 1)) : (c(), S(
|
|
5498
|
+
b(P).viewMode.value === "frequently-used" ? (c(), v("span", ua, h(b(i).mediaLibrary.frequentlyUsed), 1)) : (c(), S(Me, {
|
|
5499
5499
|
key: 2,
|
|
5500
5500
|
folders: b(P).folders.value,
|
|
5501
5501
|
"current-folder-id": b(P).currentFolderId.value,
|
|
@@ -5513,7 +5513,7 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5513
5513
|
}),
|
|
5514
5514
|
title: b(i).mediaLibrary.viewGrid,
|
|
5515
5515
|
onClick: n[3] ||= (e) => b(F).layoutMode.value = "grid"
|
|
5516
|
-
}, [N(b(
|
|
5516
|
+
}, [N(b(me), {
|
|
5517
5517
|
size: 14,
|
|
5518
5518
|
"stroke-width": 2
|
|
5519
5519
|
})], 12, fa), E("button", {
|
|
@@ -5524,7 +5524,7 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5524
5524
|
}),
|
|
5525
5525
|
title: b(i).mediaLibrary.viewList,
|
|
5526
5526
|
onClick: n[4] ||= (e) => b(F).layoutMode.value = "list"
|
|
5527
|
-
}, [N(b(
|
|
5527
|
+
}, [N(b(be), {
|
|
5528
5528
|
size: 14,
|
|
5529
5529
|
"stroke-width": 2
|
|
5530
5530
|
})], 12, pa)])
|
|
@@ -5574,7 +5574,7 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5574
5574
|
"background-color": "var(--tpl-bg)"
|
|
5575
5575
|
},
|
|
5576
5576
|
onClick: n[7] ||= (e) => b(F).showImportUrlModal.value = !0
|
|
5577
|
-
}, [N(b(
|
|
5577
|
+
}, [N(b(ve), {
|
|
5578
5578
|
size: 14,
|
|
5579
5579
|
"stroke-width": 2
|
|
5580
5580
|
}), j(" " + h(b(i).mediaLibrary.importFromUrl), 1)])) : y("", !0)])) : y("", !0), N(Xr, {
|
|
@@ -5709,11 +5709,11 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5709
5709
|
backgroundColor: "var(--tpl-bg)"
|
|
5710
5710
|
}),
|
|
5711
5711
|
onClick: n[14] ||= (e) => b(F).copy(b(F).selectedUrl.value)
|
|
5712
|
-
}, [b(F).copied.value ? (c(), S(b(
|
|
5712
|
+
}, [b(F).copied.value ? (c(), S(b(le), {
|
|
5713
5713
|
key: 1,
|
|
5714
5714
|
size: 12,
|
|
5715
5715
|
"stroke-width": 2
|
|
5716
|
-
})) : (c(), S(b(
|
|
5716
|
+
})) : (c(), S(b(ce), {
|
|
5717
5717
|
key: 0,
|
|
5718
5718
|
size: 12,
|
|
5719
5719
|
"stroke-width": 2
|
|
@@ -5750,8 +5750,8 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5750
5750
|
"background-color": "var(--tpl-primary)",
|
|
5751
5751
|
color: "var(--tpl-bg)"
|
|
5752
5752
|
},
|
|
5753
|
-
disabled: !
|
|
5754
|
-
onClick:
|
|
5753
|
+
disabled: !I(),
|
|
5754
|
+
onClick: se
|
|
5755
5755
|
}, h(e.accept?.length ? b(i).mediaLibrary.selectImage : b(i).mediaLibrary.selectFile), 9, Ba)])])])
|
|
5756
5756
|
])], 8, Zi)) : y("", !0)]),
|
|
5757
5757
|
_: 1
|
|
@@ -5842,7 +5842,7 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5842
5842
|
features: _(() => r.planConfig.features),
|
|
5843
5843
|
fetchConfig: async () => {}
|
|
5844
5844
|
});
|
|
5845
|
-
let s = _(() => r.planConfig.features.media_folders ?? !1), d = _(() => r.planConfig.features.import_from_url ?? !1), m = _(() => r.planConfig.storage.used_bytes ?? 0), g = _(() => r.planConfig.storage.limit_bytes ?? 0), { availableCategories: w } =
|
|
5845
|
+
let s = _(() => r.planConfig.features.media_folders ?? !1), d = _(() => r.planConfig.features.import_from_url ?? !1), m = _(() => r.planConfig.storage.used_bytes ?? 0), g = _(() => r.planConfig.storage.limit_bytes ?? 0), { availableCategories: w } = Ne(), D = Oe({
|
|
5846
5846
|
projectId: r.projectId,
|
|
5847
5847
|
authManager: r.authManager,
|
|
5848
5848
|
onError: r.onError
|
|
@@ -5877,7 +5877,7 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5877
5877
|
},
|
|
5878
5878
|
placeholder: a.value.mediaLibrary.searchPlaceholder,
|
|
5879
5879
|
onInput: n[0] ||= (e) => b(O).handleSearchInput(e.target.value)
|
|
5880
|
-
}, null, 40, qa), N(b(
|
|
5880
|
+
}, null, 40, qa), N(b(ue), {
|
|
5881
5881
|
class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
|
|
5882
5882
|
size: 13,
|
|
5883
5883
|
"stroke-width": 2,
|
|
@@ -5924,11 +5924,11 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5924
5924
|
}),
|
|
5925
5925
|
title: b(O).showSidebar.value ? a.value.mediaLibrary.hideFolders : a.value.mediaLibrary.showFolders,
|
|
5926
5926
|
onClick: n[1] ||= (e) => b(O).showSidebar.value = !b(O).showSidebar.value
|
|
5927
|
-
}, [N(b(
|
|
5927
|
+
}, [N(b(pe), {
|
|
5928
5928
|
size: 16,
|
|
5929
5929
|
"stroke-width": 2
|
|
5930
5930
|
})], 12, $a)) : y("", !0),
|
|
5931
|
-
b(D).viewMode.value === "frequently-used" ? (c(), v("span", eo, h(a.value.mediaLibrary.frequentlyUsed), 1)) : (c(), S(
|
|
5931
|
+
b(D).viewMode.value === "frequently-used" ? (c(), v("span", eo, h(a.value.mediaLibrary.frequentlyUsed), 1)) : (c(), S(Me, {
|
|
5932
5932
|
key: 2,
|
|
5933
5933
|
folders: b(D).folders.value,
|
|
5934
5934
|
"current-folder-id": b(D).currentFolderId.value,
|
|
@@ -5946,7 +5946,7 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5946
5946
|
}),
|
|
5947
5947
|
title: a.value.mediaLibrary.viewGrid,
|
|
5948
5948
|
onClick: n[2] ||= (e) => b(O).layoutMode.value = "grid"
|
|
5949
|
-
}, [N(b(
|
|
5949
|
+
}, [N(b(me), {
|
|
5950
5950
|
size: 14,
|
|
5951
5951
|
"stroke-width": 2
|
|
5952
5952
|
})], 12, no), E("button", {
|
|
@@ -5957,7 +5957,7 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5957
5957
|
}),
|
|
5958
5958
|
title: a.value.mediaLibrary.viewList,
|
|
5959
5959
|
onClick: n[3] ||= (e) => b(O).layoutMode.value = "list"
|
|
5960
|
-
}, [N(b(
|
|
5960
|
+
}, [N(b(be), {
|
|
5961
5961
|
size: 14,
|
|
5962
5962
|
"stroke-width": 2
|
|
5963
5963
|
})], 12, ro)])
|
|
@@ -6007,7 +6007,7 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
6007
6007
|
"background-color": "var(--tpl-bg)"
|
|
6008
6008
|
},
|
|
6009
6009
|
onClick: n[6] ||= (e) => b(O).showImportUrlModal.value = !0
|
|
6010
|
-
}, [N(b(
|
|
6010
|
+
}, [N(b(ve), {
|
|
6011
6011
|
size: 14,
|
|
6012
6012
|
"stroke-width": 2
|
|
6013
6013
|
}), j(" " + h(a.value.mediaLibrary.importFromUrl), 1)])) : y("", !0)])) : y("", !0), N(Xr, {
|
|
@@ -6140,11 +6140,11 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
6140
6140
|
backgroundColor: "var(--tpl-bg)"
|
|
6141
6141
|
}),
|
|
6142
6142
|
onClick: n[13] ||= (e) => b(O).copy(b(O).selectedUrl.value)
|
|
6143
|
-
}, [b(O).copied.value ? (c(), S(b(
|
|
6143
|
+
}, [b(O).copied.value ? (c(), S(b(le), {
|
|
6144
6144
|
key: 1,
|
|
6145
6145
|
size: 12,
|
|
6146
6146
|
"stroke-width": 2
|
|
6147
|
-
})) : (c(), S(b(
|
|
6147
|
+
})) : (c(), S(b(ce), {
|
|
6148
6148
|
key: 0,
|
|
6149
6149
|
size: 12,
|
|
6150
6150
|
"stroke-width": 2
|
|
@@ -6223,9 +6223,9 @@ var Vo = null, Ho = p(null);
|
|
|
6223
6223
|
async function Uo(e) {
|
|
6224
6224
|
let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
|
|
6225
6225
|
if (!n) throw Error(`Container element not found: ${e.container}`);
|
|
6226
|
-
let r =
|
|
6226
|
+
let r = Ee(e.auth, e.onError);
|
|
6227
6227
|
await r.initialize();
|
|
6228
|
-
let i = await new
|
|
6228
|
+
let i = await new Te(r).fetchConfig(), a = await Bo(e.locale ?? "en");
|
|
6229
6229
|
return Go(n, e.theme), Vo && Wo(), new Promise((o, s) => {
|
|
6230
6230
|
try {
|
|
6231
6231
|
Vo = D({ setup() {
|
|
@@ -6262,6 +6262,6 @@ typeof window < "u" && (window.TemplaticalMedia = {
|
|
|
6262
6262
|
unmount: Wo
|
|
6263
6263
|
});
|
|
6264
6264
|
//#endregion
|
|
6265
|
-
export {
|
|
6265
|
+
export { De as MediaApiClient, Va as MediaLibraryModal };
|
|
6266
6266
|
|
|
6267
|
-
//# sourceMappingURL=src-
|
|
6267
|
+
//# sourceMappingURL=src-B2LpXMIw.js.map
|