@templatical/editor 0.25.0 → 0.25.2
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-JLsbPnsH.js} +14 -14
- package/dist/{AiFeatureMenu-Cji1LBJJ.js → AiFeatureMenu-BvA-lViN.js} +7 -7
- package/dist/{BlockIssueBadge-BQiT0FML.js → BlockIssueBadge-Cf0-GC3o.js} +5 -5
- package/dist/{BlockPreviewCanvas-DAnwZofk.js → BlockPreviewCanvas-CnJIM5TO.js} +3 -3
- package/dist/{CloudEditor-CXaft6Ej.js → CloudEditor-Caq7z4-7.js} +25 -25
- package/dist/{CollaboratorBar-BR-rL2wG.js → CollaboratorBar-BFz4LgA0.js} +4 -4
- package/dist/{ColorPicker-B4ArSUhy.js → ColorPicker-B5xXWWX5.js} +6 -6
- package/dist/{CommentsSidebar-Bm5GLDts.js → CommentsSidebar-CGihWwn9.js} +15 -15
- package/dist/{CountdownBlock-CIVAQDVu.js → CountdownBlock-DuyvGcr8.js} +3 -3
- package/dist/{CountdownToolbar-DBmb3tlb.js → CountdownToolbar-DpNCZAUI.js} +4 -4
- package/dist/{DesignReferenceSidebar-CnyJ8L-j.js → DesignReferenceSidebar-CiIHHiil.js} +11 -11
- package/dist/{IssuesPanel-D3XgmYCt.js → IssuesPanel-CUkmAC_S.js} +8 -8
- package/dist/{LoadingTrack-XK_eeUdq.js → LoadingTrack-BexpNuTV.js} +1 -1
- package/dist/{MergeTagModeToggle-BK0fI3P2.js → MergeTagModeToggle-C6nS3qri.js} +5 -5
- package/dist/{MergeTagSuggestion-D0OHRv7L.js → MergeTagSuggestion-98fAcuM-.js} +26 -24
- package/dist/{NumberWithSuffix-Cjj9UNIp.js → NumberWithSuffix-DB-1GNvx.js} +2 -2
- package/dist/{ParagraphEditor-jGnbJEA2.js → ParagraphEditor-NgW-T9YV.js} +114 -97
- package/dist/{RichTextEditorContent-DaaKdzjb.js → RichTextEditorContent-CN7OVR6u.js} +8 -8
- package/dist/{SaveBlockDialog-B3ngEldp.js → SaveBlockDialog-lgcmhAsO.js} +10 -10
- package/dist/{SavedBlocksBrowserModal-DawN3XaB.js → SavedBlocksBrowserModal-3u247V2z.js} +11 -11
- package/dist/{SavedBlocksPanels-eDC9Y46N.js → SavedBlocksPanels-Dh6dABJt.js} +2 -2
- package/dist/{SavedBlocksPickBar-CQbbXmzj.js → SavedBlocksPickBar-Bo82D3Qy.js} +4 -4
- package/dist/{SnapshotHistory-COxKtHM-.js → SnapshotHistory-Dsb1i40w.js} +16 -16
- package/dist/{TemplateScoringPanel-bUuqOO1z.js → TemplateScoringPanel-Bzd_YSag.js} +15 -15
- package/dist/{TestEmailModal-CytkbZVQ.js → TestEmailModal-DvqDTOcO.js} +10 -10
- package/dist/{TestEmailPanel-CHUY7VZn.js → TestEmailPanel-BXoVnAqu.js} +2 -2
- package/dist/{TitleEditor-aMR1bOyY.js → TitleEditor-DWSi998C.js} +12 -12
- package/dist/{TplModal-fmYNYdyp.js → TplModal-DKn0h2qe.js} +5 -5
- package/dist/{blockTypeIcons-C6b9rg88.js → blockTypeIcons-DKlza6aR.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-BY1Iy-e8.js} +14 -14
- package/dist/cdn/chunks/{AiChatSidebar-bkBKpNgE.js.map → AiChatSidebar-BY1Iy-e8.js.map} +1 -1
- package/dist/cdn/chunks/{AiFeatureMenu-CI4SYTq2.js → AiFeatureMenu-BS4Rek6j.js} +6 -6
- package/dist/cdn/chunks/{AiFeatureMenu-CI4SYTq2.js.map → AiFeatureMenu-BS4Rek6j.js.map} +1 -1
- package/dist/cdn/chunks/{BlockIssueBadge-CRnx8Dv9.js → BlockIssueBadge-BcIQUe_Q.js} +5 -5
- package/dist/cdn/chunks/{BlockIssueBadge-CRnx8Dv9.js.map → BlockIssueBadge-BcIQUe_Q.js.map} +1 -1
- package/dist/cdn/chunks/{BlockPreviewCanvas-CXCWhqbp.js → BlockPreviewCanvas-oND1iXLL.js} +4 -4
- package/dist/cdn/chunks/{BlockPreviewCanvas-CXCWhqbp.js.map → BlockPreviewCanvas-oND1iXLL.js.map} +1 -1
- package/dist/cdn/chunks/{CloudEditor-D-t7RyDh.js → CloudEditor-BaqiFbf0.js} +28 -28
- package/dist/cdn/chunks/{CloudEditor-D-t7RyDh.js.map → CloudEditor-BaqiFbf0.js.map} +1 -1
- package/dist/cdn/chunks/{CollaboratorBar-DcXYo47v.js → CollaboratorBar-DF02nTwF.js} +5 -5
- package/dist/cdn/chunks/{CollaboratorBar-DcXYo47v.js.map → CollaboratorBar-DF02nTwF.js.map} +1 -1
- package/dist/cdn/chunks/{ColorPicker-_1O7YU2z.js → ColorPicker-BXH44v2H.js} +7 -7
- package/dist/cdn/chunks/{ColorPicker-_1O7YU2z.js.map → ColorPicker-BXH44v2H.js.map} +1 -1
- package/dist/cdn/chunks/{CommentsSidebar-BEgLBYX-.js → CommentsSidebar-B9bWvvbl.js} +10 -10
- package/dist/cdn/chunks/{CommentsSidebar-BEgLBYX-.js.map → CommentsSidebar-B9bWvvbl.js.map} +1 -1
- package/dist/cdn/chunks/{CountdownBlock-CPnQA44g.js → CountdownBlock-BTpRd0Hn.js} +4 -4
- package/dist/cdn/chunks/{CountdownBlock-CPnQA44g.js.map → CountdownBlock-BTpRd0Hn.js.map} +1 -1
- package/dist/cdn/chunks/{CountdownToolbar-Cdo-30U4.js → CountdownToolbar-CW10rbWt.js} +5 -5
- package/dist/cdn/chunks/{CountdownToolbar-Cdo-30U4.js.map → CountdownToolbar-CW10rbWt.js.map} +1 -1
- package/dist/cdn/chunks/{DesignReferenceSidebar-DPqBr-ut.js → DesignReferenceSidebar-BXjH47QC.js} +9 -9
- package/dist/cdn/chunks/{DesignReferenceSidebar-DPqBr-ut.js.map → DesignReferenceSidebar-BXjH47QC.js.map} +1 -1
- package/dist/cdn/chunks/{IssuesPanel-DoQWb23r.js → IssuesPanel-DStHCHfr.js} +7 -7
- package/dist/cdn/chunks/{IssuesPanel-DoQWb23r.js.map → IssuesPanel-DStHCHfr.js.map} +1 -1
- package/dist/cdn/chunks/{LoadingTrack-G2tuXqCJ.js → LoadingTrack-DQowK3MV.js} +2 -2
- package/dist/cdn/chunks/{LoadingTrack-G2tuXqCJ.js.map → LoadingTrack-DQowK3MV.js.map} +1 -1
- package/dist/cdn/chunks/{MergeTagModeToggle-CWuVC3MU.js → MergeTagModeToggle-BCmQg4Qe.js} +5 -5
- package/dist/cdn/chunks/{MergeTagModeToggle-CWuVC3MU.js.map → MergeTagModeToggle-BCmQg4Qe.js.map} +1 -1
- package/dist/cdn/chunks/{MergeTagSuggestion-Ces5Ua78.js → MergeTagSuggestion-BgExdloL.js} +3 -3
- package/dist/cdn/chunks/{MergeTagSuggestion-Ces5Ua78.js.map → MergeTagSuggestion-BgExdloL.js.map} +1 -1
- package/dist/cdn/chunks/{NumberWithSuffix-DQ4sgvt5.js → NumberWithSuffix-BANVbpT0.js} +3 -3
- package/dist/cdn/chunks/{NumberWithSuffix-DQ4sgvt5.js.map → NumberWithSuffix-BANVbpT0.js.map} +1 -1
- package/dist/cdn/chunks/{ParagraphEditor-Uv5LPF3W.js → ParagraphEditor-DqilB4_f.js} +142 -132
- package/dist/cdn/chunks/ParagraphEditor-DqilB4_f.js.map +1 -0
- package/dist/cdn/chunks/{RichTextEditorContent-Bt3s09qY.js → RichTextEditorContent-BeJx4LVH.js} +7 -7
- package/dist/cdn/chunks/{RichTextEditorContent-Bt3s09qY.js.map → RichTextEditorContent-BeJx4LVH.js.map} +1 -1
- package/dist/cdn/chunks/{SaveBlockDialog-BAew6EFd.js → SaveBlockDialog-Dm31xRZy.js} +8 -8
- package/dist/cdn/chunks/{SaveBlockDialog-BAew6EFd.js.map → SaveBlockDialog-Dm31xRZy.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksBrowserModal-Dn4IJDJW.js → SavedBlocksBrowserModal-Tp37b4y7.js} +9 -9
- package/dist/cdn/chunks/{SavedBlocksBrowserModal-Dn4IJDJW.js.map → SavedBlocksBrowserModal-Tp37b4y7.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksPanels-B62U5DYW.js → SavedBlocksPanels-ElerTTa_.js} +3 -3
- package/dist/cdn/chunks/{SavedBlocksPanels-B62U5DYW.js.map → SavedBlocksPanels-ElerTTa_.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksPickBar-CyRKZg2T.js → SavedBlocksPickBar-QHJ-Mjx0.js} +7 -7
- package/dist/cdn/chunks/{SavedBlocksPickBar-CyRKZg2T.js.map → SavedBlocksPickBar-QHJ-Mjx0.js.map} +1 -1
- package/dist/cdn/chunks/{SnapshotHistory-QQt0DKey.js → SnapshotHistory-jogWGLB-.js} +12 -12
- package/dist/cdn/chunks/{SnapshotHistory-QQt0DKey.js.map → SnapshotHistory-jogWGLB-.js.map} +1 -1
- package/dist/cdn/chunks/{TemplateScoringPanel-BwyCMcit.js → TemplateScoringPanel-B2XIOTl-.js} +52 -52
- package/dist/cdn/chunks/{TemplateScoringPanel-BwyCMcit.js.map → TemplateScoringPanel-B2XIOTl-.js.map} +1 -1
- package/dist/cdn/chunks/{TestEmailModal-B5UQkDJp.js → TestEmailModal-BcPjQygV.js} +9 -9
- package/dist/cdn/chunks/{TestEmailModal-B5UQkDJp.js.map → TestEmailModal-BcPjQygV.js.map} +1 -1
- package/dist/cdn/chunks/{TestEmailPanel-CvuBq4RA.js → TestEmailPanel-1zxRa00s.js} +3 -3
- package/dist/cdn/chunks/{TestEmailPanel-CvuBq4RA.js.map → TestEmailPanel-1zxRa00s.js.map} +1 -1
- package/dist/cdn/chunks/{TitleEditor-B9W954u9.js → TitleEditor-DTrmublj.js} +14 -14
- package/dist/cdn/chunks/{TitleEditor-B9W954u9.js.map → TitleEditor-DTrmublj.js.map} +1 -1
- package/dist/cdn/chunks/{TplModal-B8UsvWc8.js → TplModal-By50gtwa.js} +5 -5
- package/dist/cdn/chunks/{TplModal-B8UsvWc8.js.map → TplModal-By50gtwa.js.map} +1 -1
- package/dist/cdn/chunks/blockTypeIcons-BhFhHuFt.js +21 -0
- package/dist/cdn/chunks/{blockTypeIcons-B8s3_ahs.js.map → blockTypeIcons-BhFhHuFt.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-B0f7Ub8f.js} +3 -3
- package/dist/cdn/chunks/{cloud-DOaGUdR0.js.map → cloud-B0f7Ub8f.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-lZgXNk4G.js → dist-B4VIlp1g.js} +3 -3
- package/dist/cdn/chunks/{dist-lZgXNk4G.js.map → dist-B4VIlp1g.js.map} +1 -1
- package/dist/cdn/chunks/{dist-B8AX9np4.js → dist-H51neg3K.js} +10 -8
- package/dist/cdn/chunks/{dist-B8AX9np4.js.map → dist-H51neg3K.js.map} +1 -1
- package/dist/cdn/chunks/{draggable-JcMTNF3U.js → draggable-Z4XXmbPC.js} +556 -522
- package/dist/cdn/chunks/draggable-Z4XXmbPC.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-Dq0D79tq.js} +6 -6
- package/dist/cdn/chunks/{extensions-5jgtarD-.js.map → extensions-Dq0D79tq.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/{htmlparser-CPhs2cYE.js → htmlparser-DTML8Gvz.js} +8 -7
- package/dist/cdn/chunks/{htmlparser-CPhs2cYE.js.map → htmlparser-DTML8Gvz.js.map} +1 -1
- package/dist/cdn/chunks/{icons-Cp4ZIJw-.js → icons-C_kRN0_C.js} +104 -97
- package/dist/cdn/chunks/icons-C_kRN0_C.js.map +1 -0
- package/dist/cdn/chunks/{keys-BxPCfHBH.js → keys-DsoX52o_.js} +2 -2
- package/dist/cdn/chunks/{keys-BxPCfHBH.js.map → keys-DsoX52o_.js.map} +1 -1
- package/dist/cdn/chunks/{liquid.browser-CZaQe87t.js → liquid.browser-DrGys_ek.js} +22 -20
- package/dist/cdn/chunks/{liquid.browser-CZaQe87t.js.map → liquid.browser-DrGys_ek.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/{pusher-kUlkqMvR.js → pusher-BbIHJKf3.js} +29 -25
- package/dist/cdn/chunks/{pusher-kUlkqMvR.js.map → pusher-BbIHJKf3.js.map} +1 -1
- package/dist/cdn/chunks/{src-C417zeUg.js → src-Aea1Vl1H.js} +2 -2
- package/dist/cdn/chunks/{src-C417zeUg.js.map → src-Aea1Vl1H.js.map} +1 -1
- package/dist/cdn/chunks/{src-Dpj0x27M.js → src-CRvTVX4F.js} +427 -424
- package/dist/cdn/chunks/{src-Dpj0x27M.js.map → src-CRvTVX4F.js.map} +1 -1
- package/dist/cdn/chunks/{src-B8W42vT-.js → src-_GNJgPcS.js} +216 -176
- package/dist/cdn/chunks/src-_GNJgPcS.js.map +1 -0
- package/dist/cdn/chunks/{styles-DANwMzW2.js → styles-znpPfrFd.js} +79 -79
- package/dist/cdn/chunks/{styles-DANwMzW2.js.map → styles-znpPfrFd.js.map} +1 -1
- package/dist/cdn/chunks/{tiptap-rsib432n.js → tiptap-C5vzWlHv.js} +225 -183
- package/dist/cdn/chunks/tiptap-C5vzWlHv.js.map +1 -0
- package/dist/cdn/chunks/{useAliveFlag-CseYNikC.js → useAliveFlag-4IDYQRNu.js} +2 -2
- package/dist/cdn/chunks/{useAliveFlag-CseYNikC.js.map → useAliveFlag-4IDYQRNu.js.map} +1 -1
- package/dist/cdn/chunks/{useCloudI18n-CjVzv11v.js → useCloudI18n-D4JpHTPk.js} +3 -3
- package/dist/cdn/chunks/{useCloudI18n-CjVzv11v.js.map → useCloudI18n-D4JpHTPk.js.map} +1 -1
- package/dist/cdn/chunks/{useEditorCore-DfW-thCr.js → useEditorCore-BMXBmdd8.js} +28 -28
- package/dist/cdn/chunks/useEditorCore-BMXBmdd8.js.map +1 -0
- package/dist/cdn/chunks/{useI18n-DniEFeIl.js → useI18n-BvcEYzrI.js} +3 -3
- package/dist/cdn/chunks/{useI18n-DniEFeIl.js.map → useI18n-BvcEYzrI.js.map} +1 -1
- package/dist/cdn/chunks/{useMergeTag-Bk9_f5cc.js → useMergeTag-BSdxMUzg.js} +3 -3
- package/dist/cdn/chunks/{useMergeTag-Bk9_f5cc.js.map → useMergeTag-BSdxMUzg.js.map} +1 -1
- package/dist/cdn/chunks/{usePopoverPosition-C4xFJCJ2.js → usePopoverPosition-ig-71caO.js} +3 -3
- package/dist/cdn/chunks/{usePopoverPosition-C4xFJCJ2.js.map → usePopoverPosition-ig-71caO.js.map} +1 -1
- package/dist/cdn/editor.js +15 -15
- package/dist/{check-CIhIDh4h.js → check-COV27dGb.js} +1 -1
- package/dist/{chevron-down-CZ0m6G3s.js → chevron-down-vsU88vcr.js} +1 -1
- package/dist/{chevron-up-BH_tJLeb.js → chevron-up-RrZ0Rjn9.js} +1 -1
- package/dist/{circle-alert-DkEXnGPV.js → circle-alert-B6GlHmmi.js} +1 -1
- package/dist/{clock-BDIJZUET.js → clock-egOt8zjQ.js} +1 -1
- package/dist/{cloud-BZn3jqoL.js → cloud-D-2StbvU.js} +1 -1
- package/dist/{createLucideIcon-AEltGIse.js → createLucideIcon-D6cqT5Pm.js} +3 -3
- package/dist/{de-CieSMCUp.js → de-DHra3lvx.js} +1 -0
- package/dist/{dist-iCEDH3cC.js → dist-B56SufAv.js} +1 -1
- package/dist/{dist-CkPvZCld.js → dist-BQZkRg05.js} +1 -1
- package/dist/{dist-DT1XnEnj.js → dist-BpKxrUi2.js} +2 -2
- package/dist/{dist-CcQFPJMF.js → dist-CHxPjcxA.js} +181 -145
- package/dist/{dist-BxbTVeY0.js → dist-CqV4XslQ.js} +1 -1
- package/dist/{dist-Dx71pluS.js → dist-D4GoAr2g.js} +9 -7
- package/dist/{dist-DSIgxp0v.js → dist-DHwnYYx0.js} +1 -1
- package/dist/{dist-DX4x6mQ1.js → dist-Du95Y9M3.js} +1 -1
- package/dist/{dist-B6Px6GPj.js → dist-DzzTB4eE.js} +1 -1
- package/dist/{dist-DyCHUyRR.js → dist-GUZZpDK3.js} +1 -1
- package/dist/{dist-nR6mxyqI.js → dist-MwT7T6Xp.js} +1 -1
- package/dist/{dist-CIqhVQ1O.js → dist-UkG5ZJ1P.js} +17 -15
- package/dist/{dist-CRH880TV.js → dist-vpuiQ7_Q.js} +1 -1
- 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-y6KjLr9t.js} +7 -7
- package/dist/{fr-CSEEzv1_.js → fr-Cm85vB2g.js} +1 -0
- package/dist/{image-up-8ktdYdaZ.js → image-up-CycES-MQ.js} +1 -1
- package/dist/{info-CvrCgTLH.js → info-BUdvm046.js} +1 -1
- package/dist/{keys-BFPiNAIn.js → keys-fwF3qZax.js} +1 -1
- package/dist/{liquid.browser-BECWFL5Z.js → liquid.browser-Di5zMIEx.js} +21 -19
- package/dist/{list-checks-yzGT93ZL.js → list-checks-BAeuuATD.js} +1 -1
- package/dist/{loader-circle-B6euendB.js → loader-circle-L5yuAx_j.js} +1 -1
- package/dist/{message-circle-BMldLVcA.js → message-circle-DRdaapVc.js} +1 -1
- package/dist/{nl-xyk1T2mA.js → nl-dmiIX7oT.js} +1 -0
- package/dist/{pencil-CkKkSd6N.js → pencil-BfErVPf_.js} +1 -1
- package/dist/{pt-BR-yr6uOJgn.js → pt-BR-CaIG-7EM.js} +1 -0
- package/dist/{refresh-cw-fBPgB97G.js → refresh-cw-D0PYatER.js} +1 -1
- package/dist/{runtime-dom.esm-bundler-CBbDt7sw.js → runtime-dom.esm-bundler-CepEmvwF.js} +172 -168
- package/dist/{scan-line-CRoEOUiK.js → scan-line-Byi3fJcr.js} +1 -1
- package/dist/{send-B9Tt2qBi.js → send-DuyNexMY.js} +1 -1
- package/dist/{shield-check-QfZkYeIo.js → shield-check-BkkN_1qw.js} +1 -1
- package/dist/{sparkles-8UeMmZb8.js → sparkles-DAw2sBXk.js} +1 -1
- package/dist/{styles-C9GM-bBC.js → styles-BzwheHH_.js} +32 -32
- package/dist/templatical-editor.js +17 -17
- package/dist/{text-align-start-Dn8uIheW.js → text-align-start-Ba3xJKn6.js} +1 -1
- package/dist/{trash-2-DDyvqj0E.js → trash-2-CapEBXBI.js} +1 -1
- package/dist/{triangle-alert-B3PydLzl.js → triangle-alert-52pdw8jI.js} +1 -1
- package/dist/{upload-hE8ItfyG.js → upload-oAgigC31.js} +1 -1
- package/dist/{useAliveFlag-AfoTE_AY.js → useAliveFlag-cvyBxHp7.js} +1 -1
- package/dist/{useCloudI18n-B2lItQ6O.js → useCloudI18n-DKVm6PCa.js} +2 -2
- package/dist/{useEditorCore-Ck_hBiGA.js → useEditorCore-BhjEMSeE.js} +23 -23
- package/dist/{useI18n-C1KcdX_K.js → useI18n-DoVKdCTH.js} +2 -2
- package/dist/{useMergeTag-DHCwRMfH.js → useMergeTag-DTSOQnyr.js} +2 -2
- package/dist/{usePopoverPosition-ClnEh_Cp.js → usePopoverPosition-C0dPEF4X.js} +4 -4
- package/dist/{vue.runtime.esm-bundler-Xpz-L9Fn.js → vue.runtime.esm-bundler-D1diBMsm.js} +297 -251
- package/dist/{x-C4lETLDx.js → x-DvBgbDuf.js} +1 -1
- package/package.json +11 -11
- 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
- package/dist/cdn/chunks/tiptap-rsib432n.js.map +0 -1
- package/dist/cdn/chunks/useEditorCore-DfW-thCr.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-Z4XXmbPC.js";
|
|
2
|
+
import { h as ne } from "./dist-B4VIlp1g.js";
|
|
3
|
+
import { a as re, n as ie, o as ae, r as P, s as F, t as oe } from "./dist-H51neg3K.js";
|
|
4
|
+
import { C as I, Et as se, Ft as ce, J as le, K as ue, Lt as de, N as fe, U as pe, at as me, bt as he, ct as ge, d as _e, gt as ve, it as ye, n as be, s as xe, yt as Se, z as Ce } from "./icons-C_kRN0_C.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-B0f7Ub8f.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(ce), {
|
|
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() {
|
|
@@ -684,23 +684,25 @@ var Ue, We, Ge, U = (Ue = function(e) {
|
|
|
684
684
|
var o = n.apply(null, i);
|
|
685
685
|
o && e.push(o);
|
|
686
686
|
}
|
|
687
|
-
} else if (a === "object")
|
|
688
|
-
|
|
687
|
+
} else if (a === "object") {
|
|
688
|
+
if (i.toString === Object.prototype.toString) for (var s in i) t.call(i, s) && i[s] && e.push(s);
|
|
689
|
+
else e.push(i.toString());
|
|
690
|
+
}
|
|
689
691
|
}
|
|
690
692
|
}
|
|
691
693
|
return e.join(" ");
|
|
692
694
|
}
|
|
693
695
|
e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
|
|
694
696
|
})();
|
|
695
|
-
},
|
|
696
|
-
path:
|
|
697
|
+
}, We(Ke = {
|
|
698
|
+
path: Ge,
|
|
697
699
|
exports: {},
|
|
698
700
|
require: function(e, t) {
|
|
699
701
|
return function() {
|
|
700
702
|
throw Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs");
|
|
701
|
-
}(t == null &&
|
|
703
|
+
}(t == null && Ke.path);
|
|
702
704
|
}
|
|
703
|
-
},
|
|
705
|
+
}, Ke.exports), Ke.exports), U = function(e) {
|
|
704
706
|
return function(t, n) {
|
|
705
707
|
if (!t) return e;
|
|
706
708
|
var r;
|
|
@@ -712,7 +714,7 @@ var Ue, We, Ge, U = (Ue = function(e) {
|
|
|
712
714
|
}), "") : "");
|
|
713
715
|
};
|
|
714
716
|
};
|
|
715
|
-
function
|
|
717
|
+
function qe(e, t, n) {
|
|
716
718
|
var r, i, a, o, s;
|
|
717
719
|
function c() {
|
|
718
720
|
var l = Date.now() - o;
|
|
@@ -730,65 +732,65 @@ function Ke(e, t, n) {
|
|
|
730
732
|
r &&= (s = e.apply(a, i), a = i = null, clearTimeout(r), null);
|
|
731
733
|
}, l;
|
|
732
734
|
}
|
|
733
|
-
|
|
734
|
-
var
|
|
735
|
-
return
|
|
735
|
+
qe.debounce = qe;
|
|
736
|
+
var Je = qe, W = function() {
|
|
737
|
+
return W = Object.assign || function(e) {
|
|
736
738
|
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
739
|
return e;
|
|
738
|
-
},
|
|
740
|
+
}, W.apply(this, arguments);
|
|
739
741
|
};
|
|
740
|
-
function
|
|
742
|
+
function Ye(e, t) {
|
|
741
743
|
var n, r;
|
|
742
744
|
return e && t ? (n = "" + e + t[0].toUpperCase() + t.slice(1), r = e + "-" + t) : (n = e || t, r = e || t), {
|
|
743
745
|
name: n,
|
|
744
746
|
classname: r
|
|
745
747
|
};
|
|
746
748
|
}
|
|
747
|
-
function
|
|
749
|
+
function Xe(e) {
|
|
748
750
|
return /^blob:/.test(e);
|
|
749
751
|
}
|
|
750
|
-
function
|
|
751
|
-
return
|
|
752
|
+
function Ze(e) {
|
|
753
|
+
return Xe(e) || function(e) {
|
|
752
754
|
return /^data:/.test(e);
|
|
753
755
|
}(e);
|
|
754
756
|
}
|
|
755
|
-
function
|
|
757
|
+
function Qe(e) {
|
|
756
758
|
return !!(e && e.constructor && e.call && e.apply);
|
|
757
759
|
}
|
|
758
|
-
function
|
|
760
|
+
function G(e) {
|
|
759
761
|
return e === void 0;
|
|
760
762
|
}
|
|
761
|
-
function
|
|
763
|
+
function $e(e) {
|
|
762
764
|
return typeof e == "object" && !!e;
|
|
763
765
|
}
|
|
764
|
-
function
|
|
766
|
+
function et(e, t, n) {
|
|
765
767
|
var r = {};
|
|
766
|
-
return
|
|
767
|
-
r[i] =
|
|
768
|
+
return $e(e) ? (Object.keys(t).forEach((function(i) {
|
|
769
|
+
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
770
|
})), r) : e ? t : n;
|
|
769
771
|
}
|
|
770
|
-
function
|
|
772
|
+
function tt(e) {
|
|
771
773
|
var t = Number(e);
|
|
772
774
|
return Number.isNaN(t) ? e : t;
|
|
773
775
|
}
|
|
774
|
-
function
|
|
776
|
+
function nt(e) {
|
|
775
777
|
return typeof (e == "number" || function(e) {
|
|
776
778
|
return typeof e == "object" && !!e;
|
|
777
|
-
}(e) && toString.call(e) == "[object Number]") && !
|
|
779
|
+
}(e) && toString.call(e) == "[object Number]") && !rt(e);
|
|
778
780
|
}
|
|
779
|
-
function
|
|
781
|
+
function rt(e) {
|
|
780
782
|
return e != e;
|
|
781
783
|
}
|
|
782
|
-
function
|
|
784
|
+
function it(e, t) {
|
|
783
785
|
return Math.sqrt((e.x - t.x) ** 2 + (e.y - t.y) ** 2);
|
|
784
786
|
}
|
|
785
|
-
var
|
|
787
|
+
var at = function(e, t) {
|
|
786
788
|
e === void 0 && (e = {}), t === void 0 && (t = {}), this.type = "manipulateImage", this.move = e, this.scale = t;
|
|
787
|
-
},
|
|
789
|
+
}, ot = function(e, t) {
|
|
788
790
|
t === void 0 && (t = {}), this.type = "resize", this.directions = e, this.params = t;
|
|
789
|
-
},
|
|
791
|
+
}, st = function(e) {
|
|
790
792
|
this.type = "move", this.directions = e;
|
|
791
|
-
},
|
|
793
|
+
}, ct = function() {
|
|
792
794
|
function e(e, t, n, r, i) {
|
|
793
795
|
this.type = "drag", this.nativeEvent = e, this.position = n, this.previousPosition = r, this.element = t, this.anchor = i;
|
|
794
796
|
}
|
|
@@ -806,7 +808,7 @@ var it = function(e, t) {
|
|
|
806
808
|
top: 0
|
|
807
809
|
};
|
|
808
810
|
}, e;
|
|
809
|
-
}(),
|
|
811
|
+
}(), lt = {
|
|
810
812
|
name: "DraggableElement",
|
|
811
813
|
props: { classname: { type: String } },
|
|
812
814
|
beforeMount: function() {
|
|
@@ -827,7 +829,7 @@ var it = function(e, t) {
|
|
|
827
829
|
this.hovered && !this.touches.length && (this.hovered = !1, this.$emit("leave"));
|
|
828
830
|
},
|
|
829
831
|
onTouchStart: function(e) {
|
|
830
|
-
e.cancelable && !this.disabled && e.touches.length === 1 && (this.touches =
|
|
832
|
+
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
833
|
return {
|
|
832
834
|
clientX: t.clientX + n.clientX / e.touches.length,
|
|
833
835
|
clientY: t.clientY + n.clientY / e.touches.length
|
|
@@ -873,11 +875,11 @@ var it = function(e, t) {
|
|
|
873
875
|
};
|
|
874
876
|
},
|
|
875
877
|
processMove: function(e, t) {
|
|
876
|
-
var n =
|
|
878
|
+
var n = He(t);
|
|
877
879
|
if (this.touches.length) {
|
|
878
880
|
if (this.touches.length === 1 && n.length === 1) {
|
|
879
881
|
var r = this.$refs.draggable;
|
|
880
|
-
this.$emit("drag", new
|
|
882
|
+
this.$emit("drag", new ct(e, r, {
|
|
881
883
|
left: n[0].clientX,
|
|
882
884
|
top: n[0].clientY
|
|
883
885
|
}, {
|
|
@@ -899,7 +901,7 @@ var it = function(e, t) {
|
|
|
899
901
|
"enter"
|
|
900
902
|
]
|
|
901
903
|
};
|
|
902
|
-
|
|
904
|
+
lt.render = function(e, t, n, i, a, o) {
|
|
903
905
|
return c(), S("div", {
|
|
904
906
|
ref: "draggable",
|
|
905
907
|
class: n.classname,
|
|
@@ -917,9 +919,9 @@ ct.render = function(e, t, n, i, a, o) {
|
|
|
917
919
|
}
|
|
918
920
|
}, [r(e.$slots, "default")], 34);
|
|
919
921
|
};
|
|
920
|
-
var
|
|
922
|
+
var ut = U("vue-handler-wrapper"), dt = {
|
|
921
923
|
name: "HandlerWrapper",
|
|
922
|
-
components: { DraggableElement:
|
|
924
|
+
components: { DraggableElement: lt },
|
|
923
925
|
props: {
|
|
924
926
|
horizontalPosition: { type: String },
|
|
925
927
|
verticalPosition: { type: String },
|
|
@@ -931,12 +933,12 @@ var lt = W("vue-handler-wrapper"), ut = {
|
|
|
931
933
|
computed: { classes: function() {
|
|
932
934
|
var e;
|
|
933
935
|
if (this.horizontalPosition || this.verticalPosition) {
|
|
934
|
-
var t, n =
|
|
935
|
-
e =
|
|
936
|
-
} else e =
|
|
936
|
+
var t, n = Ye(this.horizontalPosition, this.verticalPosition);
|
|
937
|
+
e = ut((V(t = {}, n.classname, !0), V(t, "disabled", this.disabled), t));
|
|
938
|
+
} else e = ut({ disabled: this.disabled });
|
|
937
939
|
return {
|
|
938
940
|
root: e,
|
|
939
|
-
draggable:
|
|
941
|
+
draggable: ut("draggable")
|
|
940
942
|
};
|
|
941
943
|
} },
|
|
942
944
|
emits: [
|
|
@@ -946,7 +948,7 @@ var lt = W("vue-handler-wrapper"), ut = {
|
|
|
946
948
|
"drag-end"
|
|
947
949
|
]
|
|
948
950
|
};
|
|
949
|
-
|
|
951
|
+
dt.render = function(e, t, n, i, o, s) {
|
|
950
952
|
var l = a("DraggableElement");
|
|
951
953
|
return c(), S("div", { class: s.classes.root }, [N(l, {
|
|
952
954
|
class: s.classes.draggable,
|
|
@@ -969,9 +971,9 @@ ut.render = function(e, t, n, i, o, s) {
|
|
|
969
971
|
_: 3
|
|
970
972
|
}, 8, ["class"])], 2);
|
|
971
973
|
};
|
|
972
|
-
var
|
|
974
|
+
var ft = U("vue-line-wrapper"), pt = {
|
|
973
975
|
name: "LineWrapper",
|
|
974
|
-
components: { DraggableElement:
|
|
976
|
+
components: { DraggableElement: lt },
|
|
975
977
|
props: {
|
|
976
978
|
position: {
|
|
977
979
|
type: String,
|
|
@@ -984,7 +986,7 @@ var dt = W("vue-line-wrapper"), ft = {
|
|
|
984
986
|
},
|
|
985
987
|
computed: { classname: function() {
|
|
986
988
|
var e;
|
|
987
|
-
return
|
|
989
|
+
return ft((V(e = {}, this.position, !0), V(e, "disabled", this.disabled), e));
|
|
988
990
|
} },
|
|
989
991
|
emits: [
|
|
990
992
|
"leave",
|
|
@@ -993,7 +995,7 @@ var dt = W("vue-line-wrapper"), ft = {
|
|
|
993
995
|
"drag-end"
|
|
994
996
|
]
|
|
995
997
|
};
|
|
996
|
-
|
|
998
|
+
pt.render = function(e, t, n, i, o, s) {
|
|
997
999
|
var l = a("DraggableElement");
|
|
998
1000
|
return c(), S(l, {
|
|
999
1001
|
class: s.classname,
|
|
@@ -1016,23 +1018,23 @@ ft.render = function(e, t, n, i, o, s) {
|
|
|
1016
1018
|
_: 3
|
|
1017
1019
|
}, 8, ["class"]);
|
|
1018
1020
|
};
|
|
1019
|
-
var
|
|
1021
|
+
var K = [
|
|
1020
1022
|
"left",
|
|
1021
1023
|
"right",
|
|
1022
1024
|
"top",
|
|
1023
1025
|
"bottom"
|
|
1024
|
-
],
|
|
1026
|
+
], mt = ["left", "right"], ht = ["top", "bottom"], gt = ["left", "top"], _t = [
|
|
1025
1027
|
"fill-area",
|
|
1026
1028
|
"fit-area",
|
|
1027
1029
|
"stencil",
|
|
1028
1030
|
"none"
|
|
1029
|
-
],
|
|
1031
|
+
], vt = {
|
|
1030
1032
|
left: 0,
|
|
1031
1033
|
top: 0,
|
|
1032
1034
|
width: 0,
|
|
1033
1035
|
height: 0
|
|
1034
1036
|
};
|
|
1035
|
-
function
|
|
1037
|
+
function yt(e, t, n) {
|
|
1036
1038
|
return !(n ||= [
|
|
1037
1039
|
"width",
|
|
1038
1040
|
"height",
|
|
@@ -1042,7 +1044,7 @@ function vt(e, t, n) {
|
|
|
1042
1044
|
return e[n] !== t[n];
|
|
1043
1045
|
}));
|
|
1044
1046
|
}
|
|
1045
|
-
function
|
|
1047
|
+
function q(e) {
|
|
1046
1048
|
return {
|
|
1047
1049
|
left: e.left,
|
|
1048
1050
|
top: e.top,
|
|
@@ -1050,31 +1052,31 @@ function J(e) {
|
|
|
1050
1052
|
bottom: e.top + e.height
|
|
1051
1053
|
};
|
|
1052
1054
|
}
|
|
1053
|
-
function
|
|
1055
|
+
function bt(e, t) {
|
|
1054
1056
|
return {
|
|
1055
1057
|
left: e.left - t.left,
|
|
1056
1058
|
top: e.top - t.top
|
|
1057
1059
|
};
|
|
1058
1060
|
}
|
|
1059
|
-
function
|
|
1061
|
+
function J(e) {
|
|
1060
1062
|
return {
|
|
1061
1063
|
left: e.left + e.width / 2,
|
|
1062
1064
|
top: e.top + e.height / 2
|
|
1063
1065
|
};
|
|
1064
1066
|
}
|
|
1065
|
-
function
|
|
1067
|
+
function xt(e, t) {
|
|
1066
1068
|
var n = {
|
|
1067
1069
|
left: 0,
|
|
1068
1070
|
top: 0,
|
|
1069
1071
|
right: 0,
|
|
1070
1072
|
bottom: 0
|
|
1071
1073
|
};
|
|
1072
|
-
return
|
|
1073
|
-
var i = t[r], a =
|
|
1074
|
+
return K.forEach((function(r) {
|
|
1075
|
+
var i = t[r], a = q(e)[r];
|
|
1074
1076
|
n[r] = i !== void 0 && a !== void 0 ? r === "left" || r === "top" ? Math.max(0, i - a) : Math.max(0, a - i) : 0;
|
|
1075
1077
|
})), n;
|
|
1076
1078
|
}
|
|
1077
|
-
function
|
|
1079
|
+
function Y(e, t) {
|
|
1078
1080
|
return {
|
|
1079
1081
|
left: e.left - t.left,
|
|
1080
1082
|
top: e.top - t.top,
|
|
@@ -1089,7 +1091,7 @@ function St(e) {
|
|
|
1089
1091
|
};
|
|
1090
1092
|
}
|
|
1091
1093
|
function X(e, t) {
|
|
1092
|
-
return
|
|
1094
|
+
return W(W({}, e), {
|
|
1093
1095
|
left: e.left + t.left,
|
|
1094
1096
|
top: e.top + t.top
|
|
1095
1097
|
});
|
|
@@ -1097,7 +1099,7 @@ function X(e, t) {
|
|
|
1097
1099
|
function Z(e, t, n, r) {
|
|
1098
1100
|
if (t !== 1) {
|
|
1099
1101
|
if (n) {
|
|
1100
|
-
var i =
|
|
1102
|
+
var i = J(e);
|
|
1101
1103
|
return {
|
|
1102
1104
|
width: e.width * t,
|
|
1103
1105
|
height: e.height * t,
|
|
@@ -1118,13 +1120,13 @@ function Q(e) {
|
|
|
1118
1120
|
return e.width / e.height;
|
|
1119
1121
|
}
|
|
1120
1122
|
function Ct(e, t) {
|
|
1121
|
-
return Math.min(t.right !== void 0 && t.left !== void 0 ? (t.right - t.left) / e.width :
|
|
1123
|
+
return Math.min(t.right !== void 0 && t.left !== void 0 ? (t.right - t.left) / e.width : 1 / 0, t.bottom !== void 0 && t.top !== void 0 ? (t.bottom - t.top) / e.height : 1 / 0);
|
|
1122
1124
|
}
|
|
1123
1125
|
function wt(e, t) {
|
|
1124
1126
|
var n = {
|
|
1125
1127
|
left: 0,
|
|
1126
1128
|
top: 0
|
|
1127
|
-
}, r =
|
|
1129
|
+
}, r = xt(e, t);
|
|
1128
1130
|
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
1131
|
}
|
|
1130
1132
|
function Tt(e, t) {
|
|
@@ -1133,16 +1135,16 @@ function Tt(e, t) {
|
|
|
1133
1135
|
}
|
|
1134
1136
|
function Et(e, t) {
|
|
1135
1137
|
var n = Q(e), r = Q(t);
|
|
1136
|
-
return t.width <
|
|
1138
|
+
return t.width < 1 / 0 && t.height < 1 / 0 ? n > r ? {
|
|
1137
1139
|
width: t.width,
|
|
1138
1140
|
height: t.width / n
|
|
1139
1141
|
} : {
|
|
1140
1142
|
width: t.height * n,
|
|
1141
1143
|
height: t.height
|
|
1142
|
-
} : t.width <
|
|
1144
|
+
} : t.width < 1 / 0 ? {
|
|
1143
1145
|
width: t.width,
|
|
1144
1146
|
height: t.width / n
|
|
1145
|
-
} : t.height <
|
|
1147
|
+
} : t.height < 1 / 0 ? {
|
|
1146
1148
|
width: t.height * n,
|
|
1147
1149
|
height: t.height
|
|
1148
1150
|
} : e;
|
|
@@ -1162,7 +1164,7 @@ function Ot(e, t) {
|
|
|
1162
1164
|
};
|
|
1163
1165
|
}
|
|
1164
1166
|
function kt(e, t) {
|
|
1165
|
-
var n =
|
|
1167
|
+
var n = xt($(e, t), t);
|
|
1166
1168
|
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
1169
|
}
|
|
1168
1170
|
function $(e, t, n) {
|
|
@@ -1172,12 +1174,12 @@ function $(e, t, n) {
|
|
|
1172
1174
|
}
|
|
1173
1175
|
function At(e) {
|
|
1174
1176
|
return {
|
|
1175
|
-
width: e.right !== void 0 && e.left !== void 0 ? e.right - e.left :
|
|
1176
|
-
height: e.bottom !== void 0 && e.top !== void 0 ? e.bottom - e.top :
|
|
1177
|
+
width: e.right !== void 0 && e.left !== void 0 ? e.right - e.left : 1 / 0,
|
|
1178
|
+
height: e.bottom !== void 0 && e.top !== void 0 ? e.bottom - e.top : 1 / 0
|
|
1177
1179
|
};
|
|
1178
1180
|
}
|
|
1179
1181
|
function jt(e, t) {
|
|
1180
|
-
return
|
|
1182
|
+
return W(W({}, e), {
|
|
1181
1183
|
minWidth: Math.min(t.width, e.minWidth),
|
|
1182
1184
|
minHeight: Math.min(t.height, e.minHeight),
|
|
1183
1185
|
maxWidth: Math.min(t.width, e.maxWidth),
|
|
@@ -1187,7 +1189,7 @@ function jt(e, t) {
|
|
|
1187
1189
|
function Mt(e, t, n) {
|
|
1188
1190
|
n === void 0 && (n = !0);
|
|
1189
1191
|
var r = {};
|
|
1190
|
-
return
|
|
1192
|
+
return K.forEach((function(i) {
|
|
1191
1193
|
var a = e[i], o = t[i];
|
|
1192
1194
|
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
1195
|
})), r;
|
|
@@ -1205,7 +1207,7 @@ function Ft(e, t) {
|
|
|
1205
1207
|
function It(e) {
|
|
1206
1208
|
var t = e.width, n = e.height, r = e.sizeRestrictions, i = {
|
|
1207
1209
|
minimum: e.aspectRatio && e.aspectRatio.minimum || 0,
|
|
1208
|
-
maximum: e.aspectRatio && e.aspectRatio.maximum ||
|
|
1210
|
+
maximum: e.aspectRatio && e.aspectRatio.maximum || 1 / 0
|
|
1209
1211
|
}, a = {
|
|
1210
1212
|
width: Math.max(r.minWidth, Math.min(r.maxWidth, t)),
|
|
1211
1213
|
height: Math.max(r.minHeight, Math.min(r.maxHeight, n))
|
|
@@ -1257,20 +1259,20 @@ function Rt(e) {
|
|
|
1257
1259
|
return Lt({
|
|
1258
1260
|
coordinates: e,
|
|
1259
1261
|
positionRestrictions: a,
|
|
1260
|
-
event: new
|
|
1262
|
+
event: new st({
|
|
1261
1263
|
left: t.left - e.left,
|
|
1262
1264
|
top: t.top - e.top
|
|
1263
1265
|
})
|
|
1264
1266
|
});
|
|
1265
|
-
}, l =
|
|
1267
|
+
}, l = W({}, t);
|
|
1266
1268
|
return (Array.isArray(n) ? n : [n]).forEach((function(e) {
|
|
1267
1269
|
var t = {};
|
|
1268
|
-
|
|
1270
|
+
G((t = typeof e == "function" ? e({
|
|
1269
1271
|
coordinates: l,
|
|
1270
1272
|
imageSize: r,
|
|
1271
1273
|
visibleArea: s
|
|
1272
|
-
}) : e).width) &&
|
|
1273
|
-
return c(
|
|
1274
|
+
}) : e).width) && G(t.height) || (l = function(e, t) {
|
|
1275
|
+
return c(W(W(W({}, e), It({
|
|
1274
1276
|
width: t.width,
|
|
1275
1277
|
height: t.height,
|
|
1276
1278
|
sizeRestrictions: i,
|
|
@@ -1282,12 +1284,12 @@ function Rt(e) {
|
|
|
1282
1284
|
left: e.left,
|
|
1283
1285
|
top: e.top
|
|
1284
1286
|
});
|
|
1285
|
-
}(l,
|
|
1287
|
+
}(l, W(W({}, l), t))), G(t.left) && G(t.top) || (l = c(l, W(W({}, l), t)));
|
|
1286
1288
|
})), l;
|
|
1287
1289
|
}
|
|
1288
1290
|
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 =
|
|
1291
|
+
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);
|
|
1292
|
+
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
1293
|
sizeRestrictions: o,
|
|
1292
1294
|
width: d.width,
|
|
1293
1295
|
height: d.height,
|
|
@@ -1300,16 +1302,16 @@ function zt(e) {
|
|
|
1300
1302
|
visibleArea: f,
|
|
1301
1303
|
type: "resize"
|
|
1302
1304
|
}));
|
|
1303
|
-
return m !== 1 && (f = Z(f, m), d = Z(d, m)), f = $(f = X(f,
|
|
1305
|
+
return m !== 1 && (f = Z(f, m), d = Z(d, m)), f = $(f = X(f, bt(J(d), J(f))), t({
|
|
1304
1306
|
visibleArea: f,
|
|
1305
1307
|
type: "move"
|
|
1306
1308
|
})), {
|
|
1307
|
-
coordinates: d = $(d, Nt(
|
|
1309
|
+
coordinates: d = $(d, Nt(q(f), s)),
|
|
1308
1310
|
visibleArea: f
|
|
1309
1311
|
};
|
|
1310
1312
|
}
|
|
1311
1313
|
function Bt(e) {
|
|
1312
|
-
var t = e.event, n = e.getAreaRestrictions, r = e.boundaries, i = e.coordinates, a = e.visibleArea, o = e.positionRestrictions, s =
|
|
1314
|
+
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
1315
|
if (i && a && t.type !== "manipulateImage") {
|
|
1314
1316
|
var l = {
|
|
1315
1317
|
width: 0,
|
|
@@ -1320,10 +1322,10 @@ function Bt(e) {
|
|
|
1320
1322
|
visibleArea: c,
|
|
1321
1323
|
type: "resize"
|
|
1322
1324
|
}));
|
|
1323
|
-
c = Z(c, u), u !== 1 && (l.height /= u, l.width /= u), c = $(c = X(c,
|
|
1325
|
+
c = Z(c, u), u !== 1 && (l.height /= u, l.width /= u), c = $(c = X(c, bt(J(s), J(c))), n({
|
|
1324
1326
|
visibleArea: c,
|
|
1325
1327
|
type: "move"
|
|
1326
|
-
})), s = $(s, Nt(
|
|
1328
|
+
})), s = $(s, Nt(q(c), o));
|
|
1327
1329
|
}
|
|
1328
1330
|
return {
|
|
1329
1331
|
coordinates: s,
|
|
@@ -1331,7 +1333,7 @@ function Bt(e) {
|
|
|
1331
1333
|
};
|
|
1332
1334
|
}
|
|
1333
1335
|
function Vt(e) {
|
|
1334
|
-
var t = e.event, n = e.coordinates, r = e.visibleArea, i = e.getAreaRestrictions, a =
|
|
1336
|
+
var t = e.event, n = e.coordinates, r = e.visibleArea, i = e.getAreaRestrictions, a = W({}, r), o = W({}, n);
|
|
1335
1337
|
if (t.type === "setCoordinates") {
|
|
1336
1338
|
var s = Math.max(0, o.width - a.width), c = Math.max(0, o.height - a.height);
|
|
1337
1339
|
s > c ? a = Z(a, Math.min(o.width / a.width, Ct(a, i({
|
|
@@ -1340,7 +1342,7 @@ function Vt(e) {
|
|
|
1340
1342
|
})))) : c > s && (a = Z(a, Math.min(o.height / a.height, Ct(a, i({
|
|
1341
1343
|
visibleArea: a,
|
|
1342
1344
|
type: "resize"
|
|
1343
|
-
}))))), a = $(a = X(a, St(wt(o,
|
|
1345
|
+
}))))), a = $(a = X(a, St(wt(o, q(a)))), i({
|
|
1344
1346
|
visibleArea: a,
|
|
1345
1347
|
type: "move"
|
|
1346
1348
|
}));
|
|
@@ -1358,14 +1360,14 @@ function Ht(e) {
|
|
|
1358
1360
|
};
|
|
1359
1361
|
}
|
|
1360
1362
|
function Ut(e) {
|
|
1361
|
-
var t = e.imageSize, n = e.visibleArea, r = e.aspectRatio, i = e.sizeRestrictions, a = n || t, o = Math.min(r.maximum ||
|
|
1363
|
+
var t = e.imageSize, n = e.visibleArea, r = e.aspectRatio, i = e.sizeRestrictions, a = n || t, o = Math.min(r.maximum || 1 / 0, Math.max(r.minimum || 0, Q(a))), s = a.width < a.height ? {
|
|
1362
1364
|
width: .8 * a.width,
|
|
1363
1365
|
height: .8 * a.width / o
|
|
1364
1366
|
} : {
|
|
1365
1367
|
height: .8 * a.height,
|
|
1366
1368
|
width: .8 * a.height * o
|
|
1367
1369
|
};
|
|
1368
|
-
return It(
|
|
1370
|
+
return It(W(W({}, s), {
|
|
1369
1371
|
aspectRatio: r,
|
|
1370
1372
|
sizeRestrictions: i
|
|
1371
1373
|
}));
|
|
@@ -1393,7 +1395,7 @@ function Gt(e) {
|
|
|
1393
1395
|
top: n.top + n.height / 2 - o.height / 2,
|
|
1394
1396
|
width: o.width,
|
|
1395
1397
|
height: o.height
|
|
1396
|
-
}, c =
|
|
1398
|
+
}, c = xt(n, q(W({
|
|
1397
1399
|
left: 0,
|
|
1398
1400
|
top: 0
|
|
1399
1401
|
}, r))), l = {};
|
|
@@ -1411,10 +1413,10 @@ function Gt(e) {
|
|
|
1411
1413
|
};
|
|
1412
1414
|
}
|
|
1413
1415
|
function Kt(e, t) {
|
|
1414
|
-
return Mt(e,
|
|
1416
|
+
return Mt(e, q(t));
|
|
1415
1417
|
}
|
|
1416
1418
|
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 =
|
|
1419
|
+
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
1420
|
u = X(u, {
|
|
1419
1421
|
left: l.left || 0,
|
|
1420
1422
|
top: l.top || 0
|
|
@@ -1422,7 +1424,7 @@ function qt(e) {
|
|
|
1422
1424
|
var h = {
|
|
1423
1425
|
stencil: {
|
|
1424
1426
|
minimum: Math.max(i.minWidth ? i.minWidth / d.width : 0, i.minHeight ? i.minHeight / d.height : 0),
|
|
1425
|
-
maximum: Math.min(i.maxWidth ? i.maxWidth / d.width :
|
|
1427
|
+
maximum: Math.min(i.maxWidth ? i.maxWidth / d.width : 1 / 0, i.maxHeight ? i.maxHeight / d.height : 1 / 0, Ct(d, o))
|
|
1426
1428
|
},
|
|
1427
1429
|
area: { maximum: Ct(u, a({
|
|
1428
1430
|
visibleArea: u,
|
|
@@ -1439,49 +1441,49 @@ function qt(e) {
|
|
|
1439
1441
|
})), a({
|
|
1440
1442
|
visibleArea: u,
|
|
1441
1443
|
type: "move"
|
|
1442
|
-
})), d.width *= p, d.height *= p, d.left = u.left + g * p, d.top = u.top + v * p, d = $(d, Nt(
|
|
1444
|
+
})), 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
1445
|
visibleArea: u,
|
|
1444
1446
|
type: "move"
|
|
1445
|
-
})), St(wt(d,
|
|
1447
|
+
})), St(wt(d, q(u)))))), {
|
|
1446
1448
|
coordinates: d,
|
|
1447
1449
|
visibleArea: u
|
|
1448
1450
|
};
|
|
1449
1451
|
}
|
|
1450
1452
|
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 =
|
|
1453
|
+
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
1454
|
left: 0,
|
|
1453
1455
|
top: 0
|
|
1454
1456
|
}, c)), l);
|
|
1455
|
-
return (u =
|
|
1457
|
+
return (u = W(W({}, It({
|
|
1456
1458
|
sizeRestrictions: a,
|
|
1457
1459
|
aspectRatio: t,
|
|
1458
1460
|
width: u.width,
|
|
1459
1461
|
height: u.height
|
|
1460
|
-
})), Ot(
|
|
1462
|
+
})), 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
1463
|
visibleArea: d,
|
|
1462
1464
|
type: "resize"
|
|
1463
1465
|
}))), {
|
|
1464
1466
|
coordinates: u = $(u, o),
|
|
1465
|
-
visibleArea: d = $(d = X(d,
|
|
1467
|
+
visibleArea: d = $(d = X(d, bt(J(u), J(r))), n({
|
|
1466
1468
|
visibleArea: d,
|
|
1467
1469
|
type: "move"
|
|
1468
1470
|
}))
|
|
1469
1471
|
};
|
|
1470
1472
|
}
|
|
1471
1473
|
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 =
|
|
1474
|
+
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
1475
|
if (u || d) {
|
|
1474
1476
|
var f = Ot({
|
|
1475
1477
|
left: s.width / 2,
|
|
1476
1478
|
top: s.height / 2
|
|
1477
|
-
}, -r), p = Ot(
|
|
1479
|
+
}, -r), p = Ot(J(c), -r), m = Ot({
|
|
1478
1480
|
left: u ? f.left - (p.left - f.left) : p.left,
|
|
1479
1481
|
top: d ? f.top - (p.top - f.top) : p.top
|
|
1480
1482
|
}, r);
|
|
1481
|
-
c = X(c,
|
|
1483
|
+
c = X(c, bt(m, J(c))), p = Ot(J(l), -r), l = $(l = X(l, bt(m = Ot({
|
|
1482
1484
|
left: u ? f.left - (p.left - f.left) : p.left,
|
|
1483
1485
|
top: d ? f.top - (p.top - f.top) : p.top
|
|
1484
|
-
}, r),
|
|
1486
|
+
}, r), J(l))), i({
|
|
1485
1487
|
visibleArea: l,
|
|
1486
1488
|
type: "move"
|
|
1487
1489
|
}));
|
|
@@ -1492,39 +1494,39 @@ function Yt(e) {
|
|
|
1492
1494
|
};
|
|
1493
1495
|
}
|
|
1494
1496
|
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 =
|
|
1497
|
+
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
1498
|
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 =
|
|
1499
|
+
var d = xt(Y(n, c), i);
|
|
1500
|
+
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
1501
|
var f = {
|
|
1500
|
-
width:
|
|
1501
|
-
height:
|
|
1502
|
-
left:
|
|
1503
|
-
right:
|
|
1504
|
-
top:
|
|
1505
|
-
bottom:
|
|
1502
|
+
width: 1 / 0,
|
|
1503
|
+
height: 1 / 0,
|
|
1504
|
+
left: 1 / 0,
|
|
1505
|
+
right: 1 / 0,
|
|
1506
|
+
top: 1 / 0,
|
|
1507
|
+
bottom: 1 / 0
|
|
1506
1508
|
};
|
|
1507
|
-
if (
|
|
1509
|
+
if (K.forEach((function(e) {
|
|
1508
1510
|
var t = d[e];
|
|
1509
1511
|
t && c[e] && (f[e] = Math.max(0, 1 - t / c[e]));
|
|
1510
1512
|
})), o) {
|
|
1511
|
-
var p = Math.min.apply(null,
|
|
1513
|
+
var p = Math.min.apply(null, K.map((function(e) {
|
|
1512
1514
|
return f[e];
|
|
1513
1515
|
})));
|
|
1514
|
-
p !==
|
|
1516
|
+
p !== 1 / 0 && K.forEach((function(e) {
|
|
1515
1517
|
c[e] *= p;
|
|
1516
1518
|
}));
|
|
1517
|
-
} else
|
|
1518
|
-
f[e] !==
|
|
1519
|
+
} else K.forEach((function(e) {
|
|
1520
|
+
f[e] !== 1 / 0 && (c[e] *= f[e]);
|
|
1519
1521
|
}));
|
|
1520
|
-
if (l =
|
|
1522
|
+
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
1523
|
var m = Math.min(f.width, f.height);
|
|
1522
|
-
m !==
|
|
1524
|
+
m !== 1 / 0 && K.forEach((function(e) {
|
|
1523
1525
|
c[e] *= m;
|
|
1524
1526
|
}));
|
|
1525
|
-
} else f.width !==
|
|
1527
|
+
} else f.width !== 1 / 0 && mt.forEach((function(e) {
|
|
1526
1528
|
c[e] *= f.width;
|
|
1527
|
-
})), f.height !==
|
|
1529
|
+
})), f.height !== 1 / 0 && ht.forEach((function(e) {
|
|
1528
1530
|
c[e] *= f.height;
|
|
1529
1531
|
}));
|
|
1530
1532
|
return c;
|
|
@@ -1532,9 +1534,9 @@ function Xt(e) {
|
|
|
1532
1534
|
function Zt(e, t, n) {
|
|
1533
1535
|
return t == 0 && n == 0 ? e / 2 : t == 0 ? 0 : n == 0 ? e : e * Math.abs(t / (t + n));
|
|
1534
1536
|
}
|
|
1535
|
-
var Qt =
|
|
1537
|
+
var Qt = U("vue-simple-handler"), $t = U("vue-simple-handler-wrapper"), en = {
|
|
1536
1538
|
name: "SimpleHandler",
|
|
1537
|
-
components: { HandlerWrapper:
|
|
1539
|
+
components: { HandlerWrapper: dt },
|
|
1538
1540
|
props: {
|
|
1539
1541
|
defaultClass: { type: String },
|
|
1540
1542
|
hoverClass: { type: String },
|
|
@@ -1550,10 +1552,10 @@ var Qt = W("vue-simple-handler"), $t = W("vue-simple-handler-wrapper"), en = {
|
|
|
1550
1552
|
return { hover: !1 };
|
|
1551
1553
|
},
|
|
1552
1554
|
computed: { classes: function() {
|
|
1553
|
-
var e, t = (
|
|
1555
|
+
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
1556
|
return {
|
|
1555
|
-
default:
|
|
1556
|
-
wrapper:
|
|
1557
|
+
default: H(Qt(t), this.defaultClass, this.hover && this.hoverClass),
|
|
1558
|
+
wrapper: H($t(t), this.wrapperClass)
|
|
1557
1559
|
};
|
|
1558
1560
|
} },
|
|
1559
1561
|
methods: {
|
|
@@ -1599,9 +1601,9 @@ en.render = function(e, t, n, r, i, o) {
|
|
|
1599
1601
|
"onLeave"
|
|
1600
1602
|
]);
|
|
1601
1603
|
};
|
|
1602
|
-
var tn =
|
|
1604
|
+
var tn = U("vue-simple-line"), nn = U("vue-simple-line-wrapper"), rn = {
|
|
1603
1605
|
name: "SimpleLine",
|
|
1604
|
-
components: { LineWrapper:
|
|
1606
|
+
components: { LineWrapper: pt },
|
|
1605
1607
|
props: {
|
|
1606
1608
|
defaultClass: { type: String },
|
|
1607
1609
|
hoverClass: { type: String },
|
|
@@ -1617,8 +1619,8 @@ var tn = W("vue-simple-line"), nn = W("vue-simple-line-wrapper"), rn = {
|
|
|
1617
1619
|
},
|
|
1618
1620
|
computed: { classes: function() {
|
|
1619
1621
|
return {
|
|
1620
|
-
root:
|
|
1621
|
-
wrapper:
|
|
1622
|
+
root: H(tn(V({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass),
|
|
1623
|
+
wrapper: H(nn(V({}, this.position, !0)), this.wrapperClass)
|
|
1622
1624
|
};
|
|
1623
1625
|
} },
|
|
1624
1626
|
methods: {
|
|
@@ -1662,7 +1664,7 @@ rn.render = function(e, t, n, r, i, o) {
|
|
|
1662
1664
|
"onLeave"
|
|
1663
1665
|
]);
|
|
1664
1666
|
};
|
|
1665
|
-
var an =
|
|
1667
|
+
var an = U("vue-bounding-box"), on = [
|
|
1666
1668
|
"east",
|
|
1667
1669
|
"west",
|
|
1668
1670
|
null
|
|
@@ -1748,7 +1750,7 @@ var an = W("vue-bounding-box"), on = [
|
|
|
1748
1750
|
return on.forEach((function(t) {
|
|
1749
1751
|
sn.forEach((function(n) {
|
|
1750
1752
|
if (t !== n) {
|
|
1751
|
-
var r =
|
|
1753
|
+
var r = Ye(t, n);
|
|
1752
1754
|
e.push({
|
|
1753
1755
|
name: r.name,
|
|
1754
1756
|
classname: r.classname,
|
|
@@ -1780,8 +1782,8 @@ var an = W("vue-bounding-box"), on = [
|
|
|
1780
1782
|
n.horizontalDirection && n.verticalDirection || !e.lines[n.name] || t.push({
|
|
1781
1783
|
name: n.name,
|
|
1782
1784
|
component: e.linesComponent,
|
|
1783
|
-
class:
|
|
1784
|
-
wrapperClass:
|
|
1785
|
+
class: H(e.classes.lines.default, e.classes.lines[n.name], !e.resizable && e.classes.lines.disabled),
|
|
1786
|
+
wrapperClass: H(e.classes.linesWrappers.default, e.classes.linesWrappers[n.name], !e.resizable && e.classes.linesWrappers.disabled),
|
|
1785
1787
|
hoverClass: e.classes.lines.hover,
|
|
1786
1788
|
verticalDirection: n.verticalDirection,
|
|
1787
1789
|
horizontalDirection: n.horizontalDirection,
|
|
@@ -1796,8 +1798,8 @@ var an = W("vue-bounding-box"), on = [
|
|
|
1796
1798
|
var a = {
|
|
1797
1799
|
name: i.name,
|
|
1798
1800
|
component: e.handlersComponent,
|
|
1799
|
-
class:
|
|
1800
|
-
wrapperClass:
|
|
1801
|
+
class: H(e.classes.handlers.default, e.classes.handlers[i.name]),
|
|
1802
|
+
wrapperClass: H(e.classes.handlersWrappers.default, e.classes.handlersWrappers[i.name]),
|
|
1801
1803
|
hoverClass: e.classes.handlers.hover,
|
|
1802
1804
|
verticalDirection: i.verticalDirection,
|
|
1803
1805
|
horizontalDirection: i.horizontalDirection,
|
|
@@ -1806,7 +1808,7 @@ var an = W("vue-bounding-box"), on = [
|
|
|
1806
1808
|
if (n && r) {
|
|
1807
1809
|
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
1810
|
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",
|
|
1811
|
+
} else a.wrapperClass = an("handler", V({}, i.classname, !0));
|
|
1810
1812
|
t.push(a);
|
|
1811
1813
|
}
|
|
1812
1814
|
})), t;
|
|
@@ -1832,7 +1834,7 @@ var an = W("vue-bounding-box"), on = [
|
|
|
1832
1834
|
top: 0,
|
|
1833
1835
|
bottom: 0
|
|
1834
1836
|
};
|
|
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
|
|
1837
|
+
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
1838
|
allowedDirections: {
|
|
1837
1839
|
left: t === "west" || !t,
|
|
1838
1840
|
right: t === "east" || !t,
|
|
@@ -1906,7 +1908,7 @@ cn.render = function(e, t, n, i, a, o) {
|
|
|
1906
1908
|
})), 128))
|
|
1907
1909
|
], 6);
|
|
1908
1910
|
};
|
|
1909
|
-
var ln =
|
|
1911
|
+
var ln = U("vue-draggable-area"), un = {
|
|
1910
1912
|
name: "DraggableArea",
|
|
1911
1913
|
props: {
|
|
1912
1914
|
movable: {
|
|
@@ -1934,14 +1936,14 @@ var ln = W("vue-draggable-area"), un = {
|
|
|
1934
1936
|
onTouchStart: function(e) {
|
|
1935
1937
|
if (e.cancelable) {
|
|
1936
1938
|
var t = this.movable && e.touches.length === 1;
|
|
1937
|
-
t && (this.touches =
|
|
1939
|
+
t && (this.touches = He(e.touches)), (this.touchStarted || t) && (e.preventDefault(), e.stopPropagation());
|
|
1938
1940
|
}
|
|
1939
1941
|
},
|
|
1940
1942
|
onTouchEnd: function() {
|
|
1941
1943
|
this.touchStarted = !1, this.processEnd();
|
|
1942
1944
|
},
|
|
1943
1945
|
onTouchMove: function(e) {
|
|
1944
|
-
this.touches.length >= 1 && (this.touchStarted ? (this.processMove(e, e.touches), e.preventDefault(), e.stopPropagation()) :
|
|
1946
|
+
this.touches.length >= 1 && (this.touchStarted ? (this.processMove(e, e.touches), e.preventDefault(), e.stopPropagation()) : it({
|
|
1945
1947
|
x: this.touches[0].clientX,
|
|
1946
1948
|
y: this.touches[0].clientY
|
|
1947
1949
|
}, {
|
|
@@ -1980,10 +1982,10 @@ var ln = W("vue-draggable-area"), un = {
|
|
|
1980
1982
|
};
|
|
1981
1983
|
},
|
|
1982
1984
|
processMove: function(e, t) {
|
|
1983
|
-
var n =
|
|
1985
|
+
var n = He(t);
|
|
1984
1986
|
if (this.touches.length) {
|
|
1985
1987
|
var r = this.$refs.container.getBoundingClientRect(), i = r.left, a = r.top;
|
|
1986
|
-
this.touches.length === 1 && n.length === 1 && this.$emit("move", new
|
|
1988
|
+
this.touches.length === 1 && n.length === 1 && this.$emit("move", new st({
|
|
1987
1989
|
left: n[0].clientX - (i + this.anchor.x),
|
|
1988
1990
|
top: n[0].clientY - (a + this.anchor.y)
|
|
1989
1991
|
}));
|
|
@@ -2018,29 +2020,30 @@ function dn(e) {
|
|
|
2018
2020
|
function fn(e) {
|
|
2019
2021
|
return new Promise((function(t, n) {
|
|
2020
2022
|
try {
|
|
2021
|
-
if (e)
|
|
2022
|
-
|
|
2023
|
-
|
|
2024
|
-
|
|
2025
|
-
|
|
2026
|
-
|
|
2027
|
-
|
|
2028
|
-
|
|
2029
|
-
|
|
2030
|
-
|
|
2031
|
-
|
|
2032
|
-
|
|
2033
|
-
|
|
2034
|
-
|
|
2035
|
-
|
|
2036
|
-
|
|
2037
|
-
|
|
2038
|
-
i.
|
|
2039
|
-
|
|
2040
|
-
i.
|
|
2041
|
-
|
|
2042
|
-
|
|
2043
|
-
|
|
2023
|
+
if (e) {
|
|
2024
|
+
if (/^data:/i.test(e)) t(function(e) {
|
|
2025
|
+
e = e.replace(/^data:([^;]+);base64,/gim, "");
|
|
2026
|
+
for (var t = atob(e), n = t.length, r = new ArrayBuffer(n), i = new Uint8Array(r), a = 0; a < n; a++) i[a] = t.charCodeAt(a);
|
|
2027
|
+
return r;
|
|
2028
|
+
}(e));
|
|
2029
|
+
else if (/^blob:/i.test(e)) {
|
|
2030
|
+
var r = new FileReader();
|
|
2031
|
+
r.onload = function(e) {
|
|
2032
|
+
t(e.target.result);
|
|
2033
|
+
}, a = e, o = function(e) {
|
|
2034
|
+
r.readAsArrayBuffer(e);
|
|
2035
|
+
}, (s = new XMLHttpRequest()).open("GET", a, !0), s.responseType = "blob", s.onload = function() {
|
|
2036
|
+
this.status != 200 && this.status !== 0 || o(this.response);
|
|
2037
|
+
}, s.send();
|
|
2038
|
+
} else {
|
|
2039
|
+
var i = new XMLHttpRequest();
|
|
2040
|
+
i.onreadystatechange = function() {
|
|
2041
|
+
i.readyState === 4 && (i.status === 200 || i.status === 0 ? t(i.response) : n("Warning: could not load an image to parse its orientation"), i = null);
|
|
2042
|
+
}, i.onprogress = function() {
|
|
2043
|
+
i.getResponseHeader("content-type") !== "image/jpeg" && i.abort();
|
|
2044
|
+
}, i.withCredentials = !1, i.open("GET", e, !0), i.responseType = "arraybuffer", i.send(null);
|
|
2045
|
+
}
|
|
2046
|
+
} else n("Error: the image is empty");
|
|
2044
2047
|
} catch (e) {
|
|
2045
2048
|
n(e);
|
|
2046
2049
|
}
|
|
@@ -2091,7 +2094,7 @@ function hn(e, t) {
|
|
|
2091
2094
|
return e.forEach((function(t) {
|
|
2092
2095
|
a.left += (t.clientX - r) / e.length, a.top += (t.clientY - i) / e.length;
|
|
2093
2096
|
})), e.forEach((function(e) {
|
|
2094
|
-
o +=
|
|
2097
|
+
o += it({
|
|
2095
2098
|
x: a.left,
|
|
2096
2099
|
y: a.top
|
|
2097
2100
|
}, {
|
|
@@ -2134,18 +2137,18 @@ var gn = {
|
|
|
2134
2137
|
window.removeEventListener("mouseup", this.onMouseUp), window.removeEventListener("mousemove", this.onMouseMove), window.removeEventListener("touchmove", this.onTouchMove), window.removeEventListener("touchend", this.onTouchEnd);
|
|
2135
2138
|
},
|
|
2136
2139
|
created: function() {
|
|
2137
|
-
this.transforming = !1, this.debouncedProcessEnd =
|
|
2140
|
+
this.transforming = !1, this.debouncedProcessEnd = Je(this.processEnd), this.touches = [];
|
|
2138
2141
|
},
|
|
2139
2142
|
methods: {
|
|
2140
2143
|
processMove: function(e, t) {
|
|
2141
2144
|
if (this.touches.length) {
|
|
2142
|
-
if (this.touches.length === 1 && t.length === 1) this.$emit("move", new
|
|
2145
|
+
if (this.touches.length === 1 && t.length === 1) this.$emit("move", new at({
|
|
2143
2146
|
left: this.touches[0].clientX - t[0].clientX,
|
|
2144
2147
|
top: this.touches[0].clientY - t[0].clientY
|
|
2145
2148
|
}));
|
|
2146
2149
|
else if (this.touches.length > 1 && this.touchResize) {
|
|
2147
2150
|
var n = hn(t, this.$refs.container), r = this.oldGeometricProperties;
|
|
2148
|
-
r.count === n.count && r.count > 1 && this.$emit("resize", new
|
|
2151
|
+
r.count === n.count && r.count > 1 && this.$emit("resize", new at({
|
|
2149
2152
|
left: r.centerMass.left - n.centerMass.left,
|
|
2150
2153
|
top: r.centerMass.top - n.centerMass.top
|
|
2151
2154
|
}, {
|
|
@@ -2168,7 +2171,7 @@ var gn = {
|
|
|
2168
2171
|
onTouchStart: function(e) {
|
|
2169
2172
|
if (e.cancelable && (this.touchMove || this.touchResize && e.touches.length > 1) && this.processEvent(e)) {
|
|
2170
2173
|
var t = this.$refs.container, n = t.getBoundingClientRect(), r = n.left, i = n.top, a = n.bottom, o = n.right;
|
|
2171
|
-
this.touches =
|
|
2174
|
+
this.touches = He(e.touches).filter((function(e) {
|
|
2172
2175
|
return e.clientX > r && e.clientX < o && e.clientY > i && e.clientY < a;
|
|
2173
2176
|
})), this.oldGeometricProperties = hn(this.touches, t);
|
|
2174
2177
|
}
|
|
@@ -2179,7 +2182,7 @@ var gn = {
|
|
|
2179
2182
|
onTouchMove: function(e) {
|
|
2180
2183
|
var t = this;
|
|
2181
2184
|
if (this.touches.length) {
|
|
2182
|
-
var n =
|
|
2185
|
+
var n = He(e.touches).filter((function(e) {
|
|
2183
2186
|
return !e.identifier || t.touches.find((function(t) {
|
|
2184
2187
|
return t.identifier === e.identifier;
|
|
2185
2188
|
}));
|
|
@@ -2208,11 +2211,11 @@ var gn = {
|
|
|
2208
2211
|
},
|
|
2209
2212
|
onWheel: function(e) {
|
|
2210
2213
|
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 ||
|
|
2214
|
+
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
2215
|
left: e.clientX - n,
|
|
2213
2216
|
top: e.clientY - r
|
|
2214
2217
|
};
|
|
2215
|
-
this.$emit("resize", new
|
|
2218
|
+
this.$emit("resize", new at({}, {
|
|
2216
2219
|
factor: i,
|
|
2217
2220
|
center: a
|
|
2218
2221
|
})), this.touches.length || this.debouncedProcessEnd();
|
|
@@ -2287,7 +2290,7 @@ _n.render = function(e, t, n, i, o, s) {
|
|
|
2287
2290
|
"wheel-resize"
|
|
2288
2291
|
]);
|
|
2289
2292
|
};
|
|
2290
|
-
var vn =
|
|
2293
|
+
var vn = U("vue-preview"), yn = {
|
|
2291
2294
|
props: {
|
|
2292
2295
|
coordinates: { type: Object },
|
|
2293
2296
|
transitions: { type: Object },
|
|
@@ -2320,7 +2323,7 @@ var vn = W("vue-preview"), yn = {
|
|
|
2320
2323
|
root: vn({ fill: this.fill }),
|
|
2321
2324
|
wrapper: vn("wrapper"),
|
|
2322
2325
|
imageWrapper: vn("image-wrapper"),
|
|
2323
|
-
image:
|
|
2326
|
+
image: H(vn("image"), this.imageClass)
|
|
2324
2327
|
};
|
|
2325
2328
|
},
|
|
2326
2329
|
style: function() {
|
|
@@ -2339,7 +2342,7 @@ var vn = W("vue-preview"), yn = {
|
|
|
2339
2342
|
},
|
|
2340
2343
|
imageStyle: function() {
|
|
2341
2344
|
if (this.coordinates && this.image) {
|
|
2342
|
-
var e = this.coordinates.width / this.size.width, t =
|
|
2345
|
+
var e = this.coordinates.width / this.size.width, t = B(B({
|
|
2343
2346
|
rotate: 0,
|
|
2344
2347
|
flip: {
|
|
2345
2348
|
horizontal: !1,
|
|
@@ -2435,7 +2438,7 @@ bn.render = function(e, t, r, i, o, s) {
|
|
|
2435
2438
|
var l = a("preview");
|
|
2436
2439
|
return c(), S(l, n(e.$attrs, { fill: !0 }), null, 16);
|
|
2437
2440
|
};
|
|
2438
|
-
var xn =
|
|
2441
|
+
var xn = U("vue-rectangle-stencil"), Sn = {
|
|
2439
2442
|
name: "RectangleStencil",
|
|
2440
2443
|
components: {
|
|
2441
2444
|
StencilPreview: bn,
|
|
@@ -2510,13 +2513,13 @@ var xn = W("vue-rectangle-stencil"), Sn = {
|
|
|
2510
2513
|
computed: {
|
|
2511
2514
|
classes: function() {
|
|
2512
2515
|
return {
|
|
2513
|
-
stencil:
|
|
2516
|
+
stencil: H(xn({
|
|
2514
2517
|
movable: this.movable,
|
|
2515
2518
|
moving: this.moving,
|
|
2516
2519
|
resizing: this.resizing
|
|
2517
2520
|
}), this.moving && this.movingClass, this.resizing && this.resizingClass),
|
|
2518
|
-
preview:
|
|
2519
|
-
boundingBox:
|
|
2521
|
+
preview: H(xn("preview"), this.previewClass),
|
|
2522
|
+
boundingBox: H(xn("bounding-box"), this.boundingBoxClass)
|
|
2520
2523
|
};
|
|
2521
2524
|
},
|
|
2522
2525
|
style: function() {
|
|
@@ -2626,7 +2629,7 @@ Sn.render = function(e, t, n, r, i, o) {
|
|
|
2626
2629
|
"onResizeEnd"
|
|
2627
2630
|
])], 6);
|
|
2628
2631
|
};
|
|
2629
|
-
var Cn = ["transitions"], wn =
|
|
2632
|
+
var Cn = ["transitions"], wn = U("vue-advanced-cropper"), Tn = {
|
|
2630
2633
|
name: "Cropper",
|
|
2631
2634
|
components: { BackgroundWrapper: _n },
|
|
2632
2635
|
props: {
|
|
@@ -2692,7 +2695,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
2692
2695
|
type: String,
|
|
2693
2696
|
default: "fit-area",
|
|
2694
2697
|
validator: function(e) {
|
|
2695
|
-
return
|
|
2698
|
+
return _t.indexOf(e) !== -1;
|
|
2696
2699
|
}
|
|
2697
2700
|
},
|
|
2698
2701
|
roundResult: {
|
|
@@ -2726,24 +2729,24 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
2726
2729
|
resizeAlgorithm: {
|
|
2727
2730
|
type: Function,
|
|
2728
2731
|
default: function(e) {
|
|
2729
|
-
var t = e.event, n = e.coordinates, r = e.aspectRatio, i = e.positionRestrictions, a = e.sizeRestrictions, o =
|
|
2732
|
+
var t = e.event, n = e.coordinates, r = e.aspectRatio, i = e.positionRestrictions, a = e.sizeRestrictions, o = W(W({}, n), {
|
|
2730
2733
|
right: n.left + n.width,
|
|
2731
2734
|
bottom: n.top + n.height
|
|
2732
|
-
}), s = t.params || {}, c =
|
|
2735
|
+
}), s = t.params || {}, c = W({}, t.directions), l = s.allowedDirections || {
|
|
2733
2736
|
left: !0,
|
|
2734
2737
|
right: !0,
|
|
2735
2738
|
bottom: !0,
|
|
2736
2739
|
top: !0
|
|
2737
2740
|
};
|
|
2738
|
-
a.widthFrozen && (c.left = 0, c.right = 0), a.heightFrozen && (c.top = 0, c.bottom = 0),
|
|
2741
|
+
a.widthFrozen && (c.left = 0, c.right = 0), a.heightFrozen && (c.top = 0, c.bottom = 0), K.forEach((function(e) {
|
|
2739
2742
|
l[e] || (c[e] = 0);
|
|
2740
2743
|
}));
|
|
2741
|
-
var u =
|
|
2744
|
+
var u = Y(o, c = Xt({
|
|
2742
2745
|
coordinates: o,
|
|
2743
2746
|
directions: c,
|
|
2744
2747
|
sizeRestrictions: a,
|
|
2745
2748
|
positionRestrictions: i
|
|
2746
|
-
})).width, d =
|
|
2749
|
+
})).width, d = Y(o, c).height, f = s.preserveRatio ? Q(o) : Tt(u / d, r);
|
|
2747
2750
|
if (f) {
|
|
2748
2751
|
var p = s.respectDirection;
|
|
2749
2752
|
if (p ||= o.width >= o.height || f === 1 ? "width" : "height", p === "width") {
|
|
@@ -2768,10 +2771,10 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
2768
2771
|
compensate: s.compensate
|
|
2769
2772
|
});
|
|
2770
2773
|
}
|
|
2771
|
-
return u =
|
|
2774
|
+
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
2775
|
l[e] || (c[e] = 0);
|
|
2773
2776
|
})), Lt({
|
|
2774
|
-
event: new
|
|
2777
|
+
event: new st({
|
|
2775
2778
|
left: -c.left,
|
|
2776
2779
|
top: -c.top
|
|
2777
2780
|
}),
|
|
@@ -2799,7 +2802,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
2799
2802
|
fitCoordinates: {
|
|
2800
2803
|
type: Function,
|
|
2801
2804
|
default: function(e) {
|
|
2802
|
-
var t = e.visibleArea, n = e.coordinates, r = e.aspectRatio, i = e.sizeRestrictions, a = e.positionRestrictions, o =
|
|
2805
|
+
var t = e.visibleArea, n = e.coordinates, r = e.aspectRatio, i = e.sizeRestrictions, a = e.positionRestrictions, o = W(W({}, n), It({
|
|
2803
2806
|
width: n.width,
|
|
2804
2807
|
height: n.height,
|
|
2805
2808
|
aspectRatio: r,
|
|
@@ -2810,15 +2813,15 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
2810
2813
|
minWidth: Math.min(t.width, i.minWidth)
|
|
2811
2814
|
}
|
|
2812
2815
|
}));
|
|
2813
|
-
return o = $(o = X(o,
|
|
2816
|
+
return o = $(o = X(o, bt(J(n), J(o))), Nt(q(t), a));
|
|
2814
2817
|
}
|
|
2815
2818
|
},
|
|
2816
2819
|
fitVisibleArea: {
|
|
2817
2820
|
type: Function,
|
|
2818
2821
|
default: function(e) {
|
|
2819
|
-
var t = e.visibleArea, n = e.boundaries, r = e.getAreaRestrictions, i = e.coordinates, a =
|
|
2822
|
+
var t = e.visibleArea, n = e.boundaries, r = e.getAreaRestrictions, i = e.coordinates, a = W({}, t);
|
|
2820
2823
|
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,
|
|
2824
|
+
var o = St(wt(i, q(a = Z(a, kt(a, r({
|
|
2822
2825
|
visibleArea: a,
|
|
2823
2826
|
type: "resize"
|
|
2824
2827
|
}))))));
|
|
@@ -2899,7 +2902,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
2899
2902
|
height: 0
|
|
2900
2903
|
},
|
|
2901
2904
|
visibleArea: null,
|
|
2902
|
-
coordinates:
|
|
2905
|
+
coordinates: B({}, vt)
|
|
2903
2906
|
};
|
|
2904
2907
|
},
|
|
2905
2908
|
computed: {
|
|
@@ -2937,7 +2940,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
2937
2940
|
return !!(this.visibleArea && this.imageLoaded);
|
|
2938
2941
|
},
|
|
2939
2942
|
settings: function() {
|
|
2940
|
-
var e =
|
|
2943
|
+
var e = et(this.resizeImage, {
|
|
2941
2944
|
touch: !0,
|
|
2942
2945
|
wheel: { ratio: .1 },
|
|
2943
2946
|
adjustStencil: !0
|
|
@@ -2947,7 +2950,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
2947
2950
|
adjustStencil: !1
|
|
2948
2951
|
});
|
|
2949
2952
|
return {
|
|
2950
|
-
moveImage:
|
|
2953
|
+
moveImage: et(this.moveImage, {
|
|
2951
2954
|
touch: !0,
|
|
2952
2955
|
mouse: !0
|
|
2953
2956
|
}, {
|
|
@@ -2978,21 +2981,21 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
2978
2981
|
if (this.boundaries.width && this.boundaries.height && this.imageSize.width && this.imageSize.height) {
|
|
2979
2982
|
var e = this.sizeRestrictionsAlgorithm({
|
|
2980
2983
|
imageSize: this.imageSize,
|
|
2981
|
-
minWidth:
|
|
2982
|
-
minHeight:
|
|
2983
|
-
maxWidth:
|
|
2984
|
-
maxHeight:
|
|
2984
|
+
minWidth: G(this.minWidth) ? 0 : tt(this.minWidth),
|
|
2985
|
+
minHeight: G(this.minHeight) ? 0 : tt(this.minHeight),
|
|
2986
|
+
maxWidth: G(this.maxWidth) ? 1 / 0 : tt(this.maxWidth),
|
|
2987
|
+
maxHeight: G(this.maxHeight) ? 1 / 0 : tt(this.maxHeight)
|
|
2985
2988
|
});
|
|
2986
2989
|
if (e = function(e) {
|
|
2987
|
-
var t = e.areaRestrictions, n = e.sizeRestrictions, r = e.boundaries, i = e.positionRestrictions, a =
|
|
2990
|
+
var t = e.areaRestrictions, n = e.sizeRestrictions, r = e.boundaries, i = e.positionRestrictions, a = W(W({}, n), {
|
|
2988
2991
|
minWidth: n.minWidth === void 0 ? 0 : n.minWidth,
|
|
2989
2992
|
minHeight: n.minHeight === void 0 ? 0 : n.minHeight,
|
|
2990
|
-
maxWidth: n.maxWidth === void 0 ?
|
|
2991
|
-
maxHeight: n.maxHeight === void 0 ?
|
|
2993
|
+
maxWidth: n.maxWidth === void 0 ? 1 / 0 : n.maxWidth,
|
|
2994
|
+
maxHeight: n.maxHeight === void 0 ? 1 / 0 : n.maxHeight
|
|
2992
2995
|
});
|
|
2993
2996
|
i.left !== void 0 && i.right !== void 0 && (a.maxWidth = Math.min(a.maxWidth, i.right - i.left)), i.bottom !== void 0 && i.top !== void 0 && (a.maxHeight = Math.min(a.maxHeight, i.bottom - i.top));
|
|
2994
2997
|
var o = At(t), s = Et(r, o);
|
|
2995
|
-
return o.width <
|
|
2998
|
+
return o.width < 1 / 0 && (!a.maxWidth || a.maxWidth > s.width) && (a.maxWidth = Math.min(a.maxWidth, s.width)), o.height < 1 / 0 && (!a.maxHeight || a.maxHeight > s.height) && (a.maxHeight = Math.min(a.maxHeight, s.height)), a.minWidth > a.maxWidth && (a.minWidth = a.maxWidth, a.widthFrozen = !0), a.minHeight > a.maxHeight && (a.minHeight = a.maxHeight, a.heightFrozen = !0), a;
|
|
2996
2999
|
}({
|
|
2997
3000
|
sizeRestrictions: e,
|
|
2998
3001
|
areaRestrictions: this.getAreaRestrictions({
|
|
@@ -3030,14 +3033,14 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3030
3033
|
classes: function() {
|
|
3031
3034
|
return {
|
|
3032
3035
|
cropper: wn(),
|
|
3033
|
-
image:
|
|
3036
|
+
image: H(wn("image"), this.imageClass),
|
|
3034
3037
|
stencil: wn("stencil"),
|
|
3035
|
-
boundaries:
|
|
3036
|
-
stretcher:
|
|
3037
|
-
background:
|
|
3038
|
-
foreground:
|
|
3039
|
-
imageWrapper:
|
|
3040
|
-
cropperWrapper:
|
|
3038
|
+
boundaries: H(wn("boundaries"), this.boundariesClass),
|
|
3039
|
+
stretcher: H(wn("stretcher")),
|
|
3040
|
+
background: H(wn("background"), this.backgroundClass),
|
|
3041
|
+
foreground: H(wn("foreground"), this.foregroundClass),
|
|
3042
|
+
imageWrapper: H(wn("image-wrapper")),
|
|
3043
|
+
cropperWrapper: H(wn("cropper-wrapper"))
|
|
3041
3044
|
};
|
|
3042
3045
|
},
|
|
3043
3046
|
stencilCoordinates: function() {
|
|
@@ -3074,7 +3077,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3074
3077
|
}, n = {
|
|
3075
3078
|
left: (1 - 1 / this.coefficient) * e.width / 2,
|
|
3076
3079
|
top: (1 - 1 / this.coefficient) * e.height / 2
|
|
3077
|
-
}, r =
|
|
3080
|
+
}, r = B(B({}, this.imageTransforms), {}, {
|
|
3078
3081
|
scaleX: this.imageTransforms.scaleX * (this.imageAttributes.width / e.width),
|
|
3079
3082
|
scaleY: this.imageTransforms.scaleY * (this.imageAttributes.height / e.height)
|
|
3080
3083
|
}), i = {
|
|
@@ -3123,7 +3126,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3123
3126
|
}
|
|
3124
3127
|
},
|
|
3125
3128
|
created: function() {
|
|
3126
|
-
this.debouncedUpdate =
|
|
3129
|
+
this.debouncedUpdate = Je(this.update, this.debounce), this.debouncedDisableTransitions = Je(this.disableTransitions, this.transitionsOptions.time), this.awaiting = !1;
|
|
3127
3130
|
},
|
|
3128
3131
|
mounted: function() {
|
|
3129
3132
|
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 +3136,16 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3133
3136
|
},
|
|
3134
3137
|
methods: {
|
|
3135
3138
|
getResult: function() {
|
|
3136
|
-
var e = this.initialized ? this.prepareResult(
|
|
3139
|
+
var e = this.initialized ? this.prepareResult(B({}, this.coordinates)) : this.defaultCoordinates(), t = {
|
|
3137
3140
|
rotate: this.imageTransforms.rotate % 360,
|
|
3138
|
-
flip:
|
|
3141
|
+
flip: B({}, this.imageTransforms.flip)
|
|
3139
3142
|
};
|
|
3140
3143
|
if (this.src && this.imageLoaded) {
|
|
3141
3144
|
var n = this;
|
|
3142
3145
|
return {
|
|
3143
3146
|
image: this.image,
|
|
3144
3147
|
coordinates: e,
|
|
3145
|
-
visibleArea: this.visibleArea ?
|
|
3148
|
+
visibleArea: this.visibleArea ? B({}, this.visibleArea) : null,
|
|
3146
3149
|
imageTransforms: t,
|
|
3147
3150
|
get canvas() {
|
|
3148
3151
|
return n.canvas ? n.getCanvas() : void 0;
|
|
@@ -3152,14 +3155,14 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3152
3155
|
return {
|
|
3153
3156
|
image: this.image,
|
|
3154
3157
|
coordinates: e,
|
|
3155
|
-
visibleArea: this.visibleArea ?
|
|
3158
|
+
visibleArea: this.visibleArea ? B({}, this.visibleArea) : null,
|
|
3156
3159
|
canvas: void 0,
|
|
3157
3160
|
imageTransforms: t
|
|
3158
3161
|
};
|
|
3159
3162
|
},
|
|
3160
3163
|
zoom: function(e, t) {
|
|
3161
3164
|
var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).transitions, r = n === void 0 || n;
|
|
3162
|
-
this.onManipulateImage(new
|
|
3165
|
+
this.onManipulateImage(new at({}, {
|
|
3163
3166
|
factor: 1 / e,
|
|
3164
3167
|
center: t
|
|
3165
3168
|
}), {
|
|
@@ -3169,7 +3172,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3169
3172
|
},
|
|
3170
3173
|
move: function(e, t) {
|
|
3171
3174
|
var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).transitions, r = n === void 0 || n;
|
|
3172
|
-
this.onManipulateImage(new
|
|
3175
|
+
this.onManipulateImage(new at({
|
|
3173
3176
|
left: e || 0,
|
|
3174
3177
|
top: t || 0
|
|
3175
3178
|
}), {
|
|
@@ -3212,7 +3215,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3212
3215
|
top: Math.round(t.top)
|
|
3213
3216
|
};
|
|
3214
3217
|
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
|
-
}(
|
|
3218
|
+
}(B(B({}, this.getPublicProperties()), {}, {
|
|
3216
3219
|
positionRestrictions: Kt(this.positionRestrictions, this.visibleArea),
|
|
3217
3220
|
coordinates: e
|
|
3218
3221
|
})) : e;
|
|
@@ -3234,16 +3237,16 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3234
3237
|
sizeRestrictions: this.sizeRestrictions,
|
|
3235
3238
|
stencilSize: this.getStencilSize()
|
|
3236
3239
|
});
|
|
3237
|
-
return
|
|
3240
|
+
return B(B({}, a), {}, { changed: !yt(a.visibleArea, t) || !yt(a.coordinates, n) });
|
|
3238
3241
|
},
|
|
3239
3242
|
runAutoZoom: function(e) {
|
|
3240
|
-
var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transitions, r = n !== void 0 && n, i =
|
|
3243
|
+
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
3244
|
r && c && this.enableTransitions(), this.visibleArea = o, this.coordinates = s, r && c && this.debouncedDisableTransitions();
|
|
3242
3245
|
},
|
|
3243
3246
|
normalizeEvent: function(e) {
|
|
3244
3247
|
return function(e) {
|
|
3245
3248
|
var t = e.event, n = e.visibleArea, r = e.coefficient;
|
|
3246
|
-
if (t.type === "manipulateImage") return
|
|
3249
|
+
if (t.type === "manipulateImage") return W(W({}, t), {
|
|
3247
3250
|
move: {
|
|
3248
3251
|
left: t.move && t.move.left ? r * t.move.left : 0,
|
|
3249
3252
|
top: t.move && t.move.top ? r * t.move.top : 0
|
|
@@ -3257,19 +3260,19 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3257
3260
|
}
|
|
3258
3261
|
});
|
|
3259
3262
|
if (t.type === "resize") {
|
|
3260
|
-
var i =
|
|
3261
|
-
return
|
|
3263
|
+
var i = W(W({}, t), { directions: W({}, t.directions) });
|
|
3264
|
+
return K.forEach((function(e) {
|
|
3262
3265
|
i.directions[e] *= r;
|
|
3263
3266
|
})), i;
|
|
3264
3267
|
}
|
|
3265
3268
|
if (t.type === "move") {
|
|
3266
|
-
var a =
|
|
3267
|
-
return
|
|
3269
|
+
var a = W(W({}, t), { directions: W({}, t.directions) });
|
|
3270
|
+
return gt.forEach((function(e) {
|
|
3268
3271
|
a.directions[e] *= r;
|
|
3269
3272
|
})), a;
|
|
3270
3273
|
}
|
|
3271
3274
|
return t;
|
|
3272
|
-
}(
|
|
3275
|
+
}(B(B({}, this.getPublicProperties()), {}, { event: e }));
|
|
3273
3276
|
},
|
|
3274
3277
|
getCanvas: function() {
|
|
3275
3278
|
if (this.$refs.canvas) {
|
|
@@ -3279,16 +3282,16 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3279
3282
|
height: t.naturalHeight
|
|
3280
3283
|
}, o = Dt(a, r), s = e.getContext("2d");
|
|
3281
3284
|
e.height = o.height, e.width = o.width, s.save();
|
|
3282
|
-
var c = Ot(
|
|
3285
|
+
var c = Ot(J(W({
|
|
3283
3286
|
left: 0,
|
|
3284
3287
|
top: 0
|
|
3285
3288
|
}, a)), r);
|
|
3286
3289
|
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 =
|
|
3290
|
+
}(this.$refs.sourceCanvas, t, this.imageTransforms) : t, r = B({
|
|
3288
3291
|
minWidth: 0,
|
|
3289
3292
|
minHeight: 0,
|
|
3290
|
-
maxWidth:
|
|
3291
|
-
maxHeight:
|
|
3293
|
+
maxWidth: 1 / 0,
|
|
3294
|
+
maxHeight: 1 / 0,
|
|
3292
3295
|
maxArea: this.maxCanvasSize,
|
|
3293
3296
|
imageSmoothingEnabled: !0,
|
|
3294
3297
|
imageSmoothingQuality: "high",
|
|
@@ -3302,8 +3305,8 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3302
3305
|
sizeRestrictions: {
|
|
3303
3306
|
minWidth: i([r.width, r.minWidth]) || 0,
|
|
3304
3307
|
minHeight: i([r.height, r.minHeight]) || 0,
|
|
3305
|
-
maxWidth: i([r.width, r.maxWidth]) ||
|
|
3306
|
-
maxHeight: i([r.height, r.maxHeight]) ||
|
|
3308
|
+
maxWidth: i([r.width, r.maxWidth]) || 1 / 0,
|
|
3309
|
+
maxHeight: i([r.height, r.maxHeight]) || 1 / 0
|
|
3307
3310
|
},
|
|
3308
3311
|
width: this.coordinates.width,
|
|
3309
3312
|
height: this.coordinates.height,
|
|
@@ -3349,7 +3352,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3349
3352
|
this.$refs.cropper, this.$refs.image;
|
|
3350
3353
|
var t = this.defaultSize;
|
|
3351
3354
|
t ||= this.stencilSize ? Wt : Ut, this.sizeRestrictions;
|
|
3352
|
-
var n =
|
|
3355
|
+
var n = Qe(t) ? t({
|
|
3353
3356
|
boundaries: this.boundaries,
|
|
3354
3357
|
imageSize: this.imageSize,
|
|
3355
3358
|
aspectRatio: this.getAspectRatio(),
|
|
@@ -3358,13 +3361,13 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3358
3361
|
visibleArea: this.visibleArea
|
|
3359
3362
|
}) : t, r = this.defaultPosition || Ht, i = [n, function(t) {
|
|
3360
3363
|
var n = t.coordinates;
|
|
3361
|
-
return
|
|
3364
|
+
return B({}, Qe(r) ? r({
|
|
3362
3365
|
coordinates: n,
|
|
3363
3366
|
imageSize: e.imageSize,
|
|
3364
3367
|
visibleArea: e.visibleArea
|
|
3365
3368
|
}) : e.defaultPosition);
|
|
3366
3369
|
}];
|
|
3367
|
-
this.delayedTransforms && i.push.apply(i,
|
|
3370
|
+
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
3371
|
}
|
|
3369
3372
|
},
|
|
3370
3373
|
clearImage: function() {
|
|
@@ -3394,7 +3397,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3394
3397
|
cropper: n,
|
|
3395
3398
|
imageSize: e.imageSize
|
|
3396
3399
|
};
|
|
3397
|
-
if (e.boundaries =
|
|
3400
|
+
if (e.boundaries = Qe(e.defaultBoundaries) ? e.defaultBoundaries(t) : e.defaultBoundaries === "fit" ? function(e) {
|
|
3398
3401
|
var t = e.cropper, n = e.imageSize, r = t.clientHeight, i = t.clientWidth, a = r, o = n.width * r / n.height;
|
|
3399
3402
|
return o > i && (o = i, a = n.height * i / n.width), {
|
|
3400
3403
|
width: o,
|
|
@@ -3411,10 +3414,10 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3411
3414
|
},
|
|
3412
3415
|
resetVisibleArea: function() {
|
|
3413
3416
|
var e = this;
|
|
3414
|
-
return this.appliedImageTransforms =
|
|
3417
|
+
return this.appliedImageTransforms = B(B({}, this.defaultImageTransforms), {}, { flip: B({}, this.defaultImageTransforms.flip) }), this.updateBoundaries().then((function() {
|
|
3415
3418
|
e.priority !== "visible-area" && (e.visibleArea = null, e.resetCoordinates());
|
|
3416
3419
|
var t, n, r, i, a, o, s = e.defaultVisibleArea || Gt;
|
|
3417
|
-
e.visibleArea =
|
|
3420
|
+
e.visibleArea = Qe(s) ? s({
|
|
3418
3421
|
imageSize: e.imageSize,
|
|
3419
3422
|
boundaries: e.boundaries,
|
|
3420
3423
|
coordinates: e.priority === "visible-area" ? null : e.coordinates,
|
|
@@ -3424,7 +3427,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3424
3427
|
visibleArea: e.visibleArea,
|
|
3425
3428
|
boundaries: e.boundaries,
|
|
3426
3429
|
getAreaRestrictions: e.getAreaRestrictions
|
|
3427
|
-
}, n = t.visibleArea, r = t.boundaries, i = t.getAreaRestrictions, a =
|
|
3430
|
+
}, 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
3431
|
visibleArea: a,
|
|
3429
3432
|
type: "move"
|
|
3430
3433
|
}))), e.priority === "visible-area" ? e.resetCoordinates() : e.coordinates = e.fitCoordinates({
|
|
@@ -3465,7 +3468,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3465
3468
|
var e, t = this;
|
|
3466
3469
|
if (this.imageLoaded = !1, this.delayedTransforms = null, this.src) {
|
|
3467
3470
|
if (function(e) {
|
|
3468
|
-
if (
|
|
3471
|
+
if (Ze(e)) return !1;
|
|
3469
3472
|
var t = window.location, n = /(\w+:)?(?:\/\/)([\w.-]+)?(?::(\d+))?\/?/.exec(e) || [], r = {
|
|
3470
3473
|
protocol: n[1] || "",
|
|
3471
3474
|
host: n[2] || "",
|
|
@@ -3475,7 +3478,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3475
3478
|
};
|
|
3476
3479
|
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
3480
|
}(this.src)) {
|
|
3478
|
-
var n =
|
|
3481
|
+
var n = G(this.crossOrigin) ? this.canvas : this.crossOrigin;
|
|
3479
3482
|
!0 === n && (n = "anonymous"), this.imageAttributes.crossOrigin = n || null;
|
|
3480
3483
|
}
|
|
3481
3484
|
if (this.checkOrientation) {
|
|
@@ -3518,13 +3521,13 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3518
3521
|
},
|
|
3519
3522
|
onParseImage: function(e) {
|
|
3520
3523
|
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 ?
|
|
3524
|
+
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
3525
|
for (var t = [], n = new Uint8Array(e); n.length > 0;) {
|
|
3523
3526
|
var r = n.subarray(0, 8192);
|
|
3524
3527
|
t.push(String.fromCharCode.apply(null, Array.from ? Array.from(r) : r.slice())), n = n.subarray(8192);
|
|
3525
3528
|
}
|
|
3526
3529
|
return "data:image/jpeg;base64," + btoa(t.join(""));
|
|
3527
|
-
}(r) : this.imageAttributes.src = n, this.appliedImageTransforms =
|
|
3530
|
+
}(r) : this.imageAttributes.src = n, this.appliedImageTransforms = Qe(this.defaultTransforms) ? dn(this.defaultTransforms()) : $e(this.defaultTransforms) ? dn(this.defaultTransforms) : function(e) {
|
|
3528
3531
|
var t = dn({});
|
|
3529
3532
|
if (e) switch (e) {
|
|
3530
3533
|
case 2:
|
|
@@ -3548,7 +3551,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3548
3551
|
case 8: t.rotate = -90;
|
|
3549
3552
|
}
|
|
3550
3553
|
return t;
|
|
3551
|
-
}(i), this.defaultImageTransforms =
|
|
3554
|
+
}(i), this.defaultImageTransforms = B(B({}, this.appliedImageTransforms), {}, { flip: B({}, this.appliedImageTransforms.flip) }), this.$nextTick((function() {
|
|
3552
3555
|
var e = t.$refs.image;
|
|
3553
3556
|
e && e.complete && (function(e) {
|
|
3554
3557
|
return !!e.naturalWidth;
|
|
@@ -3564,7 +3567,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3564
3567
|
onMove: function(e) {
|
|
3565
3568
|
var t = this;
|
|
3566
3569
|
this.transitionsOptions.enabled || this.awaitRender((function() {
|
|
3567
|
-
t.coordinates = t.moveAlgorithm(
|
|
3570
|
+
t.coordinates = t.moveAlgorithm(B(B({}, t.getPublicProperties()), {}, {
|
|
3568
3571
|
positionRestrictions: Kt(t.positionRestrictions, t.visibleArea),
|
|
3569
3572
|
coordinates: t.coordinates,
|
|
3570
3573
|
event: t.normalizeEvent(e)
|
|
@@ -3575,7 +3578,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3575
3578
|
var t = this;
|
|
3576
3579
|
this.transitionsOptions.enabled || this.stencilSize && !this.autoZoom || this.awaitRender((function() {
|
|
3577
3580
|
var n = t.sizeRestrictions, r = Math.min(t.coordinates.width, t.coordinates.height, 20 * t.coefficient);
|
|
3578
|
-
t.coordinates = t.resizeAlgorithm(
|
|
3581
|
+
t.coordinates = t.resizeAlgorithm(B(B({}, t.getPublicProperties()), {}, {
|
|
3579
3582
|
positionRestrictions: Kt(t.positionRestrictions, t.visibleArea),
|
|
3580
3583
|
sizeRestrictions: {
|
|
3581
3584
|
maxWidth: Math.min(n.maxWidth, t.visibleArea.width),
|
|
@@ -3592,7 +3595,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3592
3595
|
if (!this.transitionsOptions.enabled) {
|
|
3593
3596
|
var n = t.transitions, r = n !== void 0 && n, i = t.normalize, a = i === void 0 || i;
|
|
3594
3597
|
r && this.enableTransitions();
|
|
3595
|
-
var o = qt(
|
|
3598
|
+
var o = qt(B(B({}, this.getPublicProperties()), {}, {
|
|
3596
3599
|
event: a ? this.normalizeEvent(e) : e,
|
|
3597
3600
|
getAreaRestrictions: this.getAreaRestrictions,
|
|
3598
3601
|
imageRestriction: this.imageRestriction,
|
|
@@ -3620,9 +3623,9 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3620
3623
|
var s = this.$refs.stencil.aspectRatios();
|
|
3621
3624
|
t = s.minimum, n = s.maximum;
|
|
3622
3625
|
}
|
|
3623
|
-
if (
|
|
3626
|
+
if (G(t) && (t = G(i) ? a : i), G(n) && (n = G(i) ? o : i), !e && (G(t) || G(n))) {
|
|
3624
3627
|
var c = this.getStencilSize(), l = c ? Q(c) : null;
|
|
3625
|
-
|
|
3628
|
+
G(t) && (t = nt(l) ? l : void 0), G(n) && (n = nt(l) ? l : void 0);
|
|
3626
3629
|
}
|
|
3627
3630
|
return {
|
|
3628
3631
|
minimum: t,
|
|
@@ -3640,7 +3643,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3640
3643
|
coefficient: this.coefficient,
|
|
3641
3644
|
coordinates: this.coordinates,
|
|
3642
3645
|
aspectRatio: this.getAspectRatio(!0)
|
|
3643
|
-
}, t = e.boundaries, n = e.stencilSize, r = e.aspectRatio, Tt(Q(i =
|
|
3646
|
+
}, t = e.boundaries, n = e.stencilSize, r = e.aspectRatio, Tt(Q(i = Qe(n) ? n({
|
|
3644
3647
|
boundaries: t,
|
|
3645
3648
|
aspectRatio: r
|
|
3646
3649
|
}) : n), r) && (i = It({
|
|
@@ -3685,13 +3688,13 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3685
3688
|
};
|
|
3686
3689
|
},
|
|
3687
3690
|
defaultCoordinates: function() {
|
|
3688
|
-
return
|
|
3691
|
+
return B({}, vt);
|
|
3689
3692
|
},
|
|
3690
3693
|
flip: function(e, t) {
|
|
3691
3694
|
var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).transitions, r = n === void 0 || n;
|
|
3692
3695
|
if (!this.transitionsActive) {
|
|
3693
3696
|
r && this.enableTransitions();
|
|
3694
|
-
var i =
|
|
3697
|
+
var i = B({}, this.imageTransforms.flip), a = Yt({
|
|
3695
3698
|
flip: {
|
|
3696
3699
|
horizontal: e ? !i.horizontal : i.horizontal,
|
|
3697
3700
|
vertical: t ? !i.vertical : i.vertical
|
|
@@ -3713,7 +3716,7 @@ var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
|
|
|
3713
3716
|
var t = (arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}).transitions, n = t === void 0 || t;
|
|
3714
3717
|
if (!this.transitionsActive) {
|
|
3715
3718
|
n && this.enableTransitions();
|
|
3716
|
-
var r =
|
|
3719
|
+
var r = B({}, this.imageSize);
|
|
3717
3720
|
this.appliedImageTransforms.rotate += e;
|
|
3718
3721
|
var i = Jt({
|
|
3719
3722
|
visibleArea: this.visibleArea,
|
|
@@ -3869,7 +3872,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
3869
3872
|
}, rr = {
|
|
3870
3873
|
class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
|
|
3871
3874
|
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__*/
|
|
3875
|
+
}, 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
3876
|
__name: "MediaEditModal",
|
|
3874
3877
|
props: {
|
|
3875
3878
|
visible: { type: Boolean },
|
|
@@ -3877,43 +3880,43 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
3877
3880
|
},
|
|
3878
3881
|
emits: ["save", "close"],
|
|
3879
3882
|
setup(e, { emit: t }) {
|
|
3880
|
-
let n = e, r = t, { t: a } =
|
|
3883
|
+
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
3884
|
"image/jpeg",
|
|
3882
3885
|
"image/png",
|
|
3883
3886
|
"image/webp",
|
|
3884
3887
|
"image/gif"
|
|
3885
|
-
].includes(n.item.mime_type) : !1),
|
|
3888
|
+
].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
3889
|
te(() => n.visible, (e) => {
|
|
3887
3890
|
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
3891
|
});
|
|
3889
|
-
function
|
|
3892
|
+
function de(e) {
|
|
3890
3893
|
e.coordinates && (F.value = {
|
|
3891
3894
|
width: Math.round(e.coordinates.width),
|
|
3892
3895
|
height: Math.round(e.coordinates.height)
|
|
3893
3896
|
}, se.value = !0);
|
|
3894
3897
|
}
|
|
3895
|
-
function
|
|
3898
|
+
function fe() {
|
|
3896
3899
|
oe.value = !0, !P.value && n.item?.width && n.item?.height && (P.value = n.item.width / n.item.height);
|
|
3897
3900
|
}
|
|
3898
|
-
function
|
|
3901
|
+
function pe(e) {
|
|
3899
3902
|
let t = e.target.value;
|
|
3900
3903
|
ie.value = t, ne.value = t && parseInt(t, 10) || void 0;
|
|
3901
3904
|
}
|
|
3902
|
-
function
|
|
3905
|
+
function me(e) {
|
|
3903
3906
|
let t = e.target.value;
|
|
3904
3907
|
ae.value = t, re.value = t && parseInt(t, 10) || void 0;
|
|
3905
3908
|
}
|
|
3906
|
-
async function
|
|
3909
|
+
async function he() {
|
|
3907
3910
|
let e = D.value.trim();
|
|
3908
3911
|
if (!e || !n.item || I.value) return;
|
|
3909
3912
|
let t = m(n.item.mime_type), i;
|
|
3910
|
-
if (
|
|
3913
|
+
if (ce.value && ee.value && se.value) {
|
|
3911
3914
|
I.value = !0;
|
|
3912
3915
|
try {
|
|
3913
3916
|
let { canvas: e } = ee.value.getResult();
|
|
3914
3917
|
if (e) {
|
|
3915
|
-
let t =
|
|
3916
|
-
i = { file: await
|
|
3918
|
+
let t = Ie(e, ne.value, re.value), r = Fe(n.item.mime_type);
|
|
3919
|
+
i = { file: await Le(t, n.item.filename, r) };
|
|
3917
3920
|
}
|
|
3918
3921
|
} catch {
|
|
3919
3922
|
I.value = !1;
|
|
@@ -3923,8 +3926,8 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
3923
3926
|
}
|
|
3924
3927
|
r("save", n.item.id, e, t ? O.value : void 0, i), r("close");
|
|
3925
3928
|
}
|
|
3926
|
-
function
|
|
3927
|
-
e.key === "Enter" && !I.value && (e.preventDefault(),
|
|
3929
|
+
function ge(e) {
|
|
3930
|
+
e.key === "Enter" && !I.value && (e.preventDefault(), he()), e.key === "Escape" && r("close");
|
|
3928
3931
|
}
|
|
3929
3932
|
return (t, n) => (c(), S(g, { to: b(s) || "body" }, [N(C, {
|
|
3930
3933
|
"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
|
|
@@ -3940,22 +3943,22 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
3940
3943
|
class: "tpl tpl:fixed tpl:inset-0 tpl:z-[10000] tpl:flex tpl:items-center tpl:justify-center",
|
|
3941
3944
|
style: { "background-color": "var(--tpl-overlay)" },
|
|
3942
3945
|
onClick: n[3] ||= x((e) => r("close"), ["self"]),
|
|
3943
|
-
onKeydown:
|
|
3946
|
+
onKeydown: ge
|
|
3944
3947
|
}, [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",
|
|
3948
|
+
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
3949
|
style: { "background-color": "var(--tpl-bg-elevated)" }
|
|
3947
3950
|
}, [
|
|
3948
3951
|
E("div", kn, [E("h3", An, h(b(a).mediaLibrary.editFile), 1)]),
|
|
3949
3952
|
E("div", jn, [
|
|
3950
|
-
|
|
3953
|
+
ce.value ? (c(), v("div", Mn, [E("div", Nn, [N(b(Tn), {
|
|
3951
3954
|
ref_key: "cropperRef",
|
|
3952
3955
|
ref: ee,
|
|
3953
3956
|
src: e.item.url,
|
|
3954
|
-
"stencil-props": { aspectRatio:
|
|
3957
|
+
"stencil-props": { aspectRatio: le.value },
|
|
3955
3958
|
class: "tpl:h-full tpl:w-full",
|
|
3956
3959
|
"background-class": "tpl-cropper-background",
|
|
3957
|
-
onChange:
|
|
3958
|
-
onReady:
|
|
3960
|
+
onChange: de,
|
|
3961
|
+
onReady: fe
|
|
3959
3962
|
}, null, 8, ["src", "stencil-props"])]), E("div", Pn, [
|
|
3960
3963
|
E("div", null, [E("label", Fn, h(b(a).mediaLibrary.cropAspectRatio), 1), E("div", In, [(c(), v(A, null, u([
|
|
3961
3964
|
"free",
|
|
@@ -3985,7 +3988,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
3985
3988
|
color: "var(--tpl-text)"
|
|
3986
3989
|
},
|
|
3987
3990
|
placeholder: F.value?.width?.toString() || "",
|
|
3988
|
-
onInput:
|
|
3991
|
+
onInput: pe
|
|
3989
3992
|
}, 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
3993
|
value: ae.value,
|
|
3991
3994
|
type: "number",
|
|
@@ -3997,9 +4000,9 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
3997
4000
|
color: "var(--tpl-text)"
|
|
3998
4001
|
},
|
|
3999
4002
|
placeholder: F.value?.height?.toString() || "",
|
|
4000
|
-
onInput:
|
|
4003
|
+
onInput: me
|
|
4001
4004
|
}, null, 40, Yn), E("span", Xn, h(b(a).mediaLibrary.cropPixels), 1)])])]),
|
|
4002
|
-
|
|
4005
|
+
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
4006
|
])])) : y("", !0),
|
|
4004
4007
|
E("div", $n, [E("label", er, h(b(a).mediaLibrary.fileName), 1), i(E("input", {
|
|
4005
4008
|
"onUpdate:modelValue": n[0] ||= (e) => D.value = e,
|
|
@@ -4010,7 +4013,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4010
4013
|
"background-color": "var(--tpl-bg)",
|
|
4011
4014
|
color: "var(--tpl-text)"
|
|
4012
4015
|
},
|
|
4013
|
-
autofocus: !
|
|
4016
|
+
autofocus: !ce.value
|
|
4014
4017
|
}, null, 8, tr), [[w, D.value]])]),
|
|
4015
4018
|
b(m)(e.item.mime_type) ? (c(), v("div", nr, [E("label", rr, h(b(a).mediaLibrary.altText), 1), i(E("input", {
|
|
4016
4019
|
"onUpdate:modelValue": n[1] ||= (e) => O.value = e,
|
|
@@ -4036,7 +4039,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4036
4039
|
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
4040
|
style: { background: "linear-gradient(\n 135deg,\n var(--tpl-primary),\n var(--tpl-primary-hover)\n )" },
|
|
4038
4041
|
disabled: I.value,
|
|
4039
|
-
onClick:
|
|
4042
|
+
onClick: he
|
|
4040
4043
|
}, h(I.value ? b(a).mediaLibrary.saving : b(a).mediaLibrary.saveChanges), 9, or)])
|
|
4041
4044
|
], 2)], 40, On)) : y("", !0)]),
|
|
4042
4045
|
_: 1
|
|
@@ -4065,7 +4068,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4065
4068
|
"deleteFolder"
|
|
4066
4069
|
],
|
|
4067
4070
|
setup(e, { emit: t }) {
|
|
4068
|
-
let n = e, r = t, { t: o } =
|
|
4071
|
+
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
4072
|
function M(e, t) {
|
|
4070
4073
|
for (let n of e) if (n.id === t || n.children && M(n.children, t)) return !0;
|
|
4071
4074
|
return !1;
|
|
@@ -4106,7 +4109,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4106
4109
|
key: 0,
|
|
4107
4110
|
class: "tpl:flex tpl:size-4 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
|
|
4108
4111
|
onClick: x(te, ["stop"])
|
|
4109
|
-
}, [N(b(
|
|
4112
|
+
}, [N(b(ce), {
|
|
4110
4113
|
class: T(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": j.value }]),
|
|
4111
4114
|
size: 10,
|
|
4112
4115
|
"stroke-width": 2
|
|
@@ -4114,7 +4117,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4114
4117
|
E("button", {
|
|
4115
4118
|
class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-1.5",
|
|
4116
4119
|
onClick: n[0] ||= (t) => r("navigate", e.folder.id)
|
|
4117
|
-
}, [N(b(
|
|
4120
|
+
}, [N(b(Se), {
|
|
4118
4121
|
class: "tpl:shrink-0",
|
|
4119
4122
|
size: 14,
|
|
4120
4123
|
"stroke-width": 1.5
|
|
@@ -4140,7 +4143,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4140
4143
|
class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
|
|
4141
4144
|
title: b(o).mediaLibrary.addSubfolder,
|
|
4142
4145
|
onClick: x(ae, ["stop"])
|
|
4143
|
-
}, [N(b(
|
|
4146
|
+
}, [N(b(pe), {
|
|
4144
4147
|
size: 12,
|
|
4145
4148
|
"stroke-width": 2
|
|
4146
4149
|
})], 8, dr)) : y("", !0),
|
|
@@ -4148,14 +4151,14 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4148
4151
|
class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
|
|
4149
4152
|
title: b(o).mediaLibrary.renameFolder,
|
|
4150
4153
|
onClick: x(ne, ["stop"])
|
|
4151
|
-
}, [N(b(
|
|
4154
|
+
}, [N(b(ue), {
|
|
4152
4155
|
size: 12,
|
|
4153
4156
|
"stroke-width": 2
|
|
4154
4157
|
})], 8, fr),
|
|
4155
4158
|
E("button", {
|
|
4156
4159
|
class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
|
|
4157
4160
|
onClick: n[3] ||= x((t) => r("deleteFolder", e.folder.id), ["stop"])
|
|
4158
|
-
}, [N(b(
|
|
4161
|
+
}, [N(b(_e), {
|
|
4159
4162
|
size: 12,
|
|
4160
4163
|
"stroke-width": 2,
|
|
4161
4164
|
style: { color: "var(--tpl-danger)" }
|
|
@@ -4213,7 +4216,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4213
4216
|
"showFrequentlyUsed"
|
|
4214
4217
|
],
|
|
4215
4218
|
setup(e, { emit: t }) {
|
|
4216
|
-
let n = t, { t: r } =
|
|
4219
|
+
let n = t, { t: r } = z(), a = p(!1), o = p("");
|
|
4217
4220
|
function s() {
|
|
4218
4221
|
a.value = !0, o.value = "";
|
|
4219
4222
|
}
|
|
@@ -4231,7 +4234,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4231
4234
|
color: e.viewMode === "files" && e.currentFolderId === null ? "var(--tpl-primary)" : "var(--tpl-text)"
|
|
4232
4235
|
}),
|
|
4233
4236
|
onClick: f[0] ||= (e) => n("navigate", null)
|
|
4234
|
-
}, [N(b(
|
|
4237
|
+
}, [N(b(he), {
|
|
4235
4238
|
size: 14,
|
|
4236
4239
|
"stroke-width": 1.5
|
|
4237
4240
|
}), j(" " + h(b(r).mediaLibrary.allFiles), 1)], 4),
|
|
@@ -4264,7 +4267,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4264
4267
|
class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-2 tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:transition-all tpl:duration-150",
|
|
4265
4268
|
style: { color: "var(--tpl-text-muted)" },
|
|
4266
4269
|
onClick: s
|
|
4267
|
-
}, [N(b(
|
|
4270
|
+
}, [N(b(pe), {
|
|
4268
4271
|
size: 14,
|
|
4269
4272
|
"stroke-width": 1.5
|
|
4270
4273
|
}), j(" " + h(b(r).mediaLibrary.newFolder), 1)])),
|
|
@@ -4278,7 +4281,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4278
4281
|
color: e.viewMode === "frequently-used" ? "var(--tpl-primary)" : "var(--tpl-text)"
|
|
4279
4282
|
}),
|
|
4280
4283
|
onClick: f[6] ||= (e) => n("showFrequentlyUsed")
|
|
4281
|
-
}, [N(b(
|
|
4284
|
+
}, [N(b(I), {
|
|
4282
4285
|
size: 14,
|
|
4283
4286
|
"stroke-width": 1.5
|
|
4284
4287
|
}), j(" " + h(b(r).mediaLibrary.frequentlyUsed), 1)], 4)) : y("", !0)
|
|
@@ -4495,7 +4498,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4495
4498
|
}, Yr = {
|
|
4496
4499
|
key: 4,
|
|
4497
4500
|
class: "tpl:flex tpl:justify-center tpl:py-4"
|
|
4498
|
-
}, Xr = /*#__PURE__*/
|
|
4501
|
+
}, Xr = /*#__PURE__*/ we(/* @__PURE__ */ M({
|
|
4499
4502
|
__name: "MediaGrid",
|
|
4500
4503
|
props: {
|
|
4501
4504
|
items: {},
|
|
@@ -4513,14 +4516,14 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4513
4516
|
"replace"
|
|
4514
4517
|
],
|
|
4515
4518
|
setup(e, { emit: t }) {
|
|
4516
|
-
let n = e, r = t, { isAcceptedMimeType: i, isImageMimeType: a } =
|
|
4519
|
+
let n = e, r = t, { isAcceptedMimeType: i, isImageMimeType: a } = Ne();
|
|
4517
4520
|
function o(e) {
|
|
4518
4521
|
return !n.accept || n.accept.length === 0 || i(e.mime_type, n.accept);
|
|
4519
4522
|
}
|
|
4520
4523
|
function s(e) {
|
|
4521
4524
|
r("select", e);
|
|
4522
4525
|
}
|
|
4523
|
-
let { t: l } =
|
|
4526
|
+
let { t: l } = z(), d = p(null);
|
|
4524
4527
|
F(d, ([{ isIntersecting: e }]) => {
|
|
4525
4528
|
e && n.hasMore && !n.isLoading && r("loadMore");
|
|
4526
4529
|
}, { threshold: .1 });
|
|
@@ -4542,7 +4545,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4542
4545
|
key: t,
|
|
4543
4546
|
class: T(["tpl-pulse tpl:rounded-lg", e.layout === "list" ? "tpl:h-12" : "tpl:aspect-square"]),
|
|
4544
4547
|
style: { "background-color": "var(--tpl-bg-hover)" }
|
|
4545
|
-
}, null, 2)), 64))], 2)) : e.items.length === 0 ? (c(), v("div", Cr, [N(b(
|
|
4548
|
+
}, null, 2)), 64))], 2)) : e.items.length === 0 ? (c(), v("div", Cr, [N(b(he), {
|
|
4546
4549
|
class: "tpl:mb-3",
|
|
4547
4550
|
size: 40,
|
|
4548
4551
|
"stroke-width": 1,
|
|
@@ -4566,7 +4569,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4566
4569
|
style: { color: "var(--tpl-text-muted)" },
|
|
4567
4570
|
title: b(l).mediaLibrary.editFile,
|
|
4568
4571
|
onClick: x((e) => r("edit", t), ["stop"])
|
|
4569
|
-
}, [N(b(
|
|
4572
|
+
}, [N(b(ue), {
|
|
4570
4573
|
size: 12,
|
|
4571
4574
|
"stroke-width": 2
|
|
4572
4575
|
})], 8, Kr), E("button", {
|
|
@@ -4574,11 +4577,11 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4574
4577
|
style: { color: "var(--tpl-text-muted)" },
|
|
4575
4578
|
title: b(l).mediaLibrary.replaceFile,
|
|
4576
4579
|
onClick: x((e) => r("replace", t), ["stop"])
|
|
4577
|
-
}, [N(b(
|
|
4580
|
+
}, [N(b(Ce), {
|
|
4578
4581
|
size: 12,
|
|
4579
4582
|
"stroke-width": 2
|
|
4580
4583
|
})], 8, qr)]),
|
|
4581
|
-
e.selectedIds.has(t.id) ? (c(), v("div", Jr, [N(b(
|
|
4584
|
+
e.selectedIds.has(t.id) ? (c(), v("div", Jr, [N(b(de), {
|
|
4582
4585
|
size: 12,
|
|
4583
4586
|
"stroke-width": 3
|
|
4584
4587
|
})])) : y("", !0)
|
|
@@ -4611,7 +4614,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4611
4614
|
style: { "background-color": "rgba(0, 0, 0, 0.6)" },
|
|
4612
4615
|
title: b(l).mediaLibrary.editFile,
|
|
4613
4616
|
onClick: x((e) => r("edit", t), ["stop"])
|
|
4614
|
-
}, [N(b(
|
|
4617
|
+
}, [N(b(ue), {
|
|
4615
4618
|
size: 11,
|
|
4616
4619
|
"stroke-width": 2
|
|
4617
4620
|
})], 8, Pr), E("button", {
|
|
@@ -4619,11 +4622,11 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4619
4622
|
style: { "background-color": "rgba(0, 0, 0, 0.6)" },
|
|
4620
4623
|
title: b(l).mediaLibrary.replaceFile,
|
|
4621
4624
|
onClick: x((e) => r("replace", t), ["stop"])
|
|
4622
|
-
}, [N(b(
|
|
4625
|
+
}, [N(b(Ce), {
|
|
4623
4626
|
size: 11,
|
|
4624
4627
|
"stroke-width": 2
|
|
4625
4628
|
})], 8, Fr)]),
|
|
4626
|
-
e.selectedIds.has(t.id) ? (c(), v("div", Ir, [N(b(
|
|
4629
|
+
e.selectedIds.has(t.id) ? (c(), v("div", Ir, [N(b(de), {
|
|
4627
4630
|
size: 12,
|
|
4628
4631
|
"stroke-width": 3
|
|
4629
4632
|
})])) : y("", !0)
|
|
@@ -4633,7 +4636,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4633
4636
|
ref: d,
|
|
4634
4637
|
class: "tpl:h-4"
|
|
4635
4638
|
}, null, 512),
|
|
4636
|
-
e.isLoading && e.items.length > 0 ? (c(), v("div", Yr, [N(b(
|
|
4639
|
+
e.isLoading && e.items.length > 0 ? (c(), v("div", Yr, [N(b(ye), {
|
|
4637
4640
|
class: "tpl-spinner",
|
|
4638
4641
|
size: 20,
|
|
4639
4642
|
"stroke-width": 2,
|
|
@@ -4663,7 +4666,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4663
4666
|
},
|
|
4664
4667
|
emits: ["import", "close"],
|
|
4665
4668
|
setup(e, { emit: t }) {
|
|
4666
|
-
let n = e, r = t, { t: a } =
|
|
4669
|
+
let n = e, r = t, { t: a } = z(), o = d("tplUiTheme"), s = d(ze, p(null)), l = p("");
|
|
4667
4670
|
te(() => n.visible, (e) => {
|
|
4668
4671
|
e && (l.value = "");
|
|
4669
4672
|
});
|
|
@@ -4722,7 +4725,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4722
4725
|
style: { background: "linear-gradient(\n 135deg,\n var(--tpl-primary),\n var(--tpl-primary-hover)\n )" },
|
|
4723
4726
|
disabled: !l.value.trim() || e.isImporting,
|
|
4724
4727
|
onClick: u
|
|
4725
|
-
}, [e.isImporting ? (c(), v("span", oi, [N(b(
|
|
4728
|
+
}, [e.isImporting ? (c(), v("span", oi, [N(b(ye), {
|
|
4726
4729
|
class: "tpl:animate-spin",
|
|
4727
4730
|
size: 12,
|
|
4728
4731
|
"stroke-width": 2
|
|
@@ -4743,7 +4746,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4743
4746
|
},
|
|
4744
4747
|
emits: ["select", "close"],
|
|
4745
4748
|
setup(e, { emit: t }) {
|
|
4746
|
-
let n = t, { t: r } =
|
|
4749
|
+
let n = t, { t: r } = z(), i = p(null);
|
|
4747
4750
|
function a(e, t = 0) {
|
|
4748
4751
|
let n = [];
|
|
4749
4752
|
for (let r of e) n.push({
|
|
@@ -4768,7 +4771,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4768
4771
|
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
4772
|
style: { color: "var(--tpl-text)" },
|
|
4770
4773
|
onClick: o[0] ||= (e) => n("select", null)
|
|
4771
|
-
}, [N(b(
|
|
4774
|
+
}, [N(b(he), {
|
|
4772
4775
|
class: "tpl:shrink-0",
|
|
4773
4776
|
size: 14,
|
|
4774
4777
|
"stroke-width": 1.5
|
|
@@ -4783,7 +4786,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4783
4786
|
disabled: t.id === e.currentFolderId,
|
|
4784
4787
|
onClick: (e) => n("select", t.id)
|
|
4785
4788
|
}, [
|
|
4786
|
-
N(b(
|
|
4789
|
+
N(b(Se), {
|
|
4787
4790
|
class: "tpl:shrink-0",
|
|
4788
4791
|
size: 14,
|
|
4789
4792
|
"stroke-width": 1.5
|
|
@@ -4808,7 +4811,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4808
4811
|
}, xi = {
|
|
4809
4812
|
class: "tpl:block tpl:text-[10px]",
|
|
4810
4813
|
style: { color: "var(--tpl-text-muted)" }
|
|
4811
|
-
}, Si = ["value"], Ci = ["value"], wi = /*#__PURE__*/
|
|
4814
|
+
}, Si = ["value"], Ci = ["value"], wi = /*#__PURE__*/ we(/* @__PURE__ */ M({
|
|
4812
4815
|
__name: "MediaPreviewPanel",
|
|
4813
4816
|
props: {
|
|
4814
4817
|
item: {},
|
|
@@ -4817,7 +4820,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4817
4820
|
},
|
|
4818
4821
|
emits: ["update:selectedConversion"],
|
|
4819
4822
|
setup(e, { emit: t }) {
|
|
4820
|
-
let n = e, r = t, { t: i } =
|
|
4823
|
+
let n = e, r = t, { t: i } = z(), { isImageMimeType: a } = Ne(), o = _(() => {
|
|
4821
4824
|
if (!m.value || !n.item.conversions_generated) return [];
|
|
4822
4825
|
let e = [];
|
|
4823
4826
|
return n.item.small_url && e.push({
|
|
@@ -4894,7 +4897,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4894
4897
|
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
4898
|
p.value ? (c(), v(A, { key: 1 }, [
|
|
4896
4899
|
n[0] ||= j(" · ", -1),
|
|
4897
|
-
N(b(
|
|
4900
|
+
N(b(Se), {
|
|
4898
4901
|
class: "tpl:mb-px tpl:inline",
|
|
4899
4902
|
size: 9,
|
|
4900
4903
|
"stroke-width": 2
|
|
@@ -4960,7 +4963,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
4960
4963
|
},
|
|
4961
4964
|
emits: ["replace", "close"],
|
|
4962
4965
|
setup(e, { emit: t }) {
|
|
4963
|
-
let n = e, r = t, { t: i } =
|
|
4966
|
+
let n = e, r = t, { t: i } = z(), a = d("tplUiTheme"), o = d(ze, p(null)), s = p(null), l = p(null), u = _(() => {
|
|
4964
4967
|
if (!n.item) return "";
|
|
4965
4968
|
let e = n.item.filename.split(".");
|
|
4966
4969
|
return e.length > 1 ? e[e.length - 1].toLowerCase() : "";
|
|
@@ -5051,7 +5054,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
5051
5054
|
},
|
|
5052
5055
|
emits: ["upload"],
|
|
5053
5056
|
setup(e, { emit: t }) {
|
|
5054
|
-
let n = t, { t: r, format: i } =
|
|
5057
|
+
let n = t, { t: r, format: i } = z(), { allAcceptedMimeTypes: a, allAcceptedInputString: o, maxFileSize: s } = Ne(), l = p();
|
|
5055
5058
|
function u(e) {
|
|
5056
5059
|
let t = [];
|
|
5057
5060
|
for (let n of Array.from(e)) a.value.includes(n.type) && n.size <= s.value && t.push(n);
|
|
@@ -5078,7 +5081,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
5078
5081
|
"background-color": "var(--tpl-bg)"
|
|
5079
5082
|
},
|
|
5080
5083
|
onClick: n[0] ||= (e) => b(m)()
|
|
5081
|
-
}, [e.isUploading ? (c(), v("div", Bi, [N(b(
|
|
5084
|
+
}, [e.isUploading ? (c(), v("div", Bi, [N(b(ye), {
|
|
5082
5085
|
class: "tpl-spinner",
|
|
5083
5086
|
size: 20,
|
|
5084
5087
|
"stroke-width": 2,
|
|
@@ -5087,7 +5090,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
5087
5090
|
current: e.uploadProgress.current,
|
|
5088
5091
|
total: e.uploadProgress.total
|
|
5089
5092
|
}) : b(r).mediaLibrary.uploading), 1)])) : (c(), v(A, { key: 1 }, [
|
|
5090
|
-
N(b(
|
|
5093
|
+
N(b(xe), {
|
|
5091
5094
|
class: "tpl:mb-2",
|
|
5092
5095
|
size: 24,
|
|
5093
5096
|
"stroke-width": 1.5,
|
|
@@ -5129,7 +5132,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
|
|
|
5129
5132
|
size: {}
|
|
5130
5133
|
},
|
|
5131
5134
|
setup(e) {
|
|
5132
|
-
let t = e, { t: n, format: r } =
|
|
5135
|
+
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
5136
|
function g(e) {
|
|
5134
5137
|
if (e === 0) return "0 B";
|
|
5135
5138
|
let t = 1024, n = [
|
|
@@ -5375,9 +5378,9 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5375
5378
|
},
|
|
5376
5379
|
emits: ["close", "select"],
|
|
5377
5380
|
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 } =
|
|
5381
|
+
let n = e, r = t, { t: i } = z(), a = d("tplUiTheme"), o = ee(() => n.popoverTarget ?? null);
|
|
5382
|
+
l(ze, o);
|
|
5383
|
+
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
5384
|
projectId: m.value,
|
|
5382
5385
|
authManager: s
|
|
5383
5386
|
}), F = Xi({
|
|
@@ -5392,11 +5395,11 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5392
5395
|
e.key === "Escape" && r("close");
|
|
5393
5396
|
}
|
|
5394
5397
|
re(document, "keydown", oe);
|
|
5395
|
-
function
|
|
5398
|
+
function I() {
|
|
5396
5399
|
return P.previewItem.value ? !n.accept?.length || ie(P.previewItem.value.mime_type, n.accept) : !1;
|
|
5397
5400
|
}
|
|
5398
|
-
function
|
|
5399
|
-
if (
|
|
5401
|
+
function ce() {
|
|
5402
|
+
if (I()) {
|
|
5400
5403
|
let e = P.previewItem.value;
|
|
5401
5404
|
r("select", {
|
|
5402
5405
|
...e,
|
|
@@ -5435,7 +5438,7 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5435
5438
|
},
|
|
5436
5439
|
placeholder: b(i).mediaLibrary.searchPlaceholder,
|
|
5437
5440
|
onInput: n[0] ||= (e) => b(F).handleSearchInput(e.target.value)
|
|
5438
|
-
}, null, 40, ra), N(b(
|
|
5441
|
+
}, null, 40, ra), N(b(fe), {
|
|
5439
5442
|
class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
|
|
5440
5443
|
size: 13,
|
|
5441
5444
|
"stroke-width": 2,
|
|
@@ -5445,7 +5448,7 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5445
5448
|
class: "tpl:flex tpl:size-7 tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150",
|
|
5446
5449
|
style: { color: "var(--tpl-text-muted)" },
|
|
5447
5450
|
onClick: n[1] ||= (e) => r("close")
|
|
5448
|
-
}, [N(b(
|
|
5451
|
+
}, [N(b(be), {
|
|
5449
5452
|
size: 18,
|
|
5450
5453
|
"stroke-width": 2
|
|
5451
5454
|
})])
|
|
@@ -5491,11 +5494,11 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5491
5494
|
}),
|
|
5492
5495
|
title: b(F).showSidebar.value ? b(i).mediaLibrary.hideFolders : b(i).mediaLibrary.showFolders,
|
|
5493
5496
|
onClick: n[2] ||= (e) => b(F).showSidebar.value = !b(F).showSidebar.value
|
|
5494
|
-
}, [N(b(
|
|
5497
|
+
}, [N(b(le), {
|
|
5495
5498
|
size: 16,
|
|
5496
5499
|
"stroke-width": 2
|
|
5497
5500
|
})], 12, la)) : y("", !0),
|
|
5498
|
-
b(P).viewMode.value === "frequently-used" ? (c(), v("span", ua, h(b(i).mediaLibrary.frequentlyUsed), 1)) : (c(), S(
|
|
5501
|
+
b(P).viewMode.value === "frequently-used" ? (c(), v("span", ua, h(b(i).mediaLibrary.frequentlyUsed), 1)) : (c(), S(Me, {
|
|
5499
5502
|
key: 2,
|
|
5500
5503
|
folders: b(P).folders.value,
|
|
5501
5504
|
"current-folder-id": b(P).currentFolderId.value,
|
|
@@ -5513,7 +5516,7 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5513
5516
|
}),
|
|
5514
5517
|
title: b(i).mediaLibrary.viewGrid,
|
|
5515
5518
|
onClick: n[3] ||= (e) => b(F).layoutMode.value = "grid"
|
|
5516
|
-
}, [N(b(
|
|
5519
|
+
}, [N(b(ve), {
|
|
5517
5520
|
size: 14,
|
|
5518
5521
|
"stroke-width": 2
|
|
5519
5522
|
})], 12, fa), E("button", {
|
|
@@ -5524,7 +5527,7 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5524
5527
|
}),
|
|
5525
5528
|
title: b(i).mediaLibrary.viewList,
|
|
5526
5529
|
onClick: n[4] ||= (e) => b(F).layoutMode.value = "list"
|
|
5527
|
-
}, [N(b(
|
|
5530
|
+
}, [N(b(me), {
|
|
5528
5531
|
size: 14,
|
|
5529
5532
|
"stroke-width": 2
|
|
5530
5533
|
})], 12, pa)])
|
|
@@ -5574,7 +5577,7 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5574
5577
|
"background-color": "var(--tpl-bg)"
|
|
5575
5578
|
},
|
|
5576
5579
|
onClick: n[7] ||= (e) => b(F).showImportUrlModal.value = !0
|
|
5577
|
-
}, [N(b(
|
|
5580
|
+
}, [N(b(ge), {
|
|
5578
5581
|
size: 14,
|
|
5579
5582
|
"stroke-width": 2
|
|
5580
5583
|
}), j(" " + h(b(i).mediaLibrary.importFromUrl), 1)])) : y("", !0)])) : y("", !0), N(Xr, {
|
|
@@ -5709,11 +5712,11 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5709
5712
|
backgroundColor: "var(--tpl-bg)"
|
|
5710
5713
|
}),
|
|
5711
5714
|
onClick: n[14] ||= (e) => b(F).copy(b(F).selectedUrl.value)
|
|
5712
|
-
}, [b(F).copied.value ? (c(), S(b(
|
|
5715
|
+
}, [b(F).copied.value ? (c(), S(b(de), {
|
|
5713
5716
|
key: 1,
|
|
5714
5717
|
size: 12,
|
|
5715
5718
|
"stroke-width": 2
|
|
5716
|
-
})) : (c(), S(b(
|
|
5719
|
+
})) : (c(), S(b(se), {
|
|
5717
5720
|
key: 0,
|
|
5718
5721
|
size: 12,
|
|
5719
5722
|
"stroke-width": 2
|
|
@@ -5750,8 +5753,8 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5750
5753
|
"background-color": "var(--tpl-primary)",
|
|
5751
5754
|
color: "var(--tpl-bg)"
|
|
5752
5755
|
},
|
|
5753
|
-
disabled: !
|
|
5754
|
-
onClick:
|
|
5756
|
+
disabled: !I(),
|
|
5757
|
+
onClick: ce
|
|
5755
5758
|
}, h(e.accept?.length ? b(i).mediaLibrary.selectImage : b(i).mediaLibrary.selectFile), 9, Ba)])])])
|
|
5756
5759
|
])], 8, Zi)) : y("", !0)]),
|
|
5757
5760
|
_: 1
|
|
@@ -5842,7 +5845,7 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5842
5845
|
features: _(() => r.planConfig.features),
|
|
5843
5846
|
fetchConfig: async () => {}
|
|
5844
5847
|
});
|
|
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 } =
|
|
5848
|
+
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
5849
|
projectId: r.projectId,
|
|
5847
5850
|
authManager: r.authManager,
|
|
5848
5851
|
onError: r.onError
|
|
@@ -5877,7 +5880,7 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5877
5880
|
},
|
|
5878
5881
|
placeholder: a.value.mediaLibrary.searchPlaceholder,
|
|
5879
5882
|
onInput: n[0] ||= (e) => b(O).handleSearchInput(e.target.value)
|
|
5880
|
-
}, null, 40, qa), N(b(
|
|
5883
|
+
}, null, 40, qa), N(b(fe), {
|
|
5881
5884
|
class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
|
|
5882
5885
|
size: 13,
|
|
5883
5886
|
"stroke-width": 2,
|
|
@@ -5924,11 +5927,11 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5924
5927
|
}),
|
|
5925
5928
|
title: b(O).showSidebar.value ? a.value.mediaLibrary.hideFolders : a.value.mediaLibrary.showFolders,
|
|
5926
5929
|
onClick: n[1] ||= (e) => b(O).showSidebar.value = !b(O).showSidebar.value
|
|
5927
|
-
}, [N(b(
|
|
5930
|
+
}, [N(b(le), {
|
|
5928
5931
|
size: 16,
|
|
5929
5932
|
"stroke-width": 2
|
|
5930
5933
|
})], 12, $a)) : y("", !0),
|
|
5931
|
-
b(D).viewMode.value === "frequently-used" ? (c(), v("span", eo, h(a.value.mediaLibrary.frequentlyUsed), 1)) : (c(), S(
|
|
5934
|
+
b(D).viewMode.value === "frequently-used" ? (c(), v("span", eo, h(a.value.mediaLibrary.frequentlyUsed), 1)) : (c(), S(Me, {
|
|
5932
5935
|
key: 2,
|
|
5933
5936
|
folders: b(D).folders.value,
|
|
5934
5937
|
"current-folder-id": b(D).currentFolderId.value,
|
|
@@ -5946,7 +5949,7 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5946
5949
|
}),
|
|
5947
5950
|
title: a.value.mediaLibrary.viewGrid,
|
|
5948
5951
|
onClick: n[2] ||= (e) => b(O).layoutMode.value = "grid"
|
|
5949
|
-
}, [N(b(
|
|
5952
|
+
}, [N(b(ve), {
|
|
5950
5953
|
size: 14,
|
|
5951
5954
|
"stroke-width": 2
|
|
5952
5955
|
})], 12, no), E("button", {
|
|
@@ -5957,7 +5960,7 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
5957
5960
|
}),
|
|
5958
5961
|
title: a.value.mediaLibrary.viewList,
|
|
5959
5962
|
onClick: n[3] ||= (e) => b(O).layoutMode.value = "list"
|
|
5960
|
-
}, [N(b(
|
|
5963
|
+
}, [N(b(me), {
|
|
5961
5964
|
size: 14,
|
|
5962
5965
|
"stroke-width": 2
|
|
5963
5966
|
})], 12, ro)])
|
|
@@ -6007,7 +6010,7 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
6007
6010
|
"background-color": "var(--tpl-bg)"
|
|
6008
6011
|
},
|
|
6009
6012
|
onClick: n[6] ||= (e) => b(O).showImportUrlModal.value = !0
|
|
6010
|
-
}, [N(b(
|
|
6013
|
+
}, [N(b(ge), {
|
|
6011
6014
|
size: 14,
|
|
6012
6015
|
"stroke-width": 2
|
|
6013
6016
|
}), j(" " + h(a.value.mediaLibrary.importFromUrl), 1)])) : y("", !0)])) : y("", !0), N(Xr, {
|
|
@@ -6140,11 +6143,11 @@ var Zi = ["data-tpl-theme"], Qi = {
|
|
|
6140
6143
|
backgroundColor: "var(--tpl-bg)"
|
|
6141
6144
|
}),
|
|
6142
6145
|
onClick: n[13] ||= (e) => b(O).copy(b(O).selectedUrl.value)
|
|
6143
|
-
}, [b(O).copied.value ? (c(), S(b(
|
|
6146
|
+
}, [b(O).copied.value ? (c(), S(b(de), {
|
|
6144
6147
|
key: 1,
|
|
6145
6148
|
size: 12,
|
|
6146
6149
|
"stroke-width": 2
|
|
6147
|
-
})) : (c(), S(b(
|
|
6150
|
+
})) : (c(), S(b(se), {
|
|
6148
6151
|
key: 0,
|
|
6149
6152
|
size: 12,
|
|
6150
6153
|
"stroke-width": 2
|
|
@@ -6223,9 +6226,9 @@ var Vo = null, Ho = p(null);
|
|
|
6223
6226
|
async function Uo(e) {
|
|
6224
6227
|
let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
|
|
6225
6228
|
if (!n) throw Error(`Container element not found: ${e.container}`);
|
|
6226
|
-
let r =
|
|
6229
|
+
let r = Ee(e.auth, e.onError);
|
|
6227
6230
|
await r.initialize();
|
|
6228
|
-
let i = await new
|
|
6231
|
+
let i = await new Te(r).fetchConfig(), a = await Bo(e.locale ?? "en");
|
|
6229
6232
|
return Go(n, e.theme), Vo && Wo(), new Promise((o, s) => {
|
|
6230
6233
|
try {
|
|
6231
6234
|
Vo = D({ setup() {
|
|
@@ -6262,6 +6265,6 @@ typeof window < "u" && (window.TemplaticalMedia = {
|
|
|
6262
6265
|
unmount: Wo
|
|
6263
6266
|
});
|
|
6264
6267
|
//#endregion
|
|
6265
|
-
export {
|
|
6268
|
+
export { De as MediaApiClient, Va as MediaLibraryModal };
|
|
6266
6269
|
|
|
6267
|
-
//# sourceMappingURL=src-
|
|
6270
|
+
//# sourceMappingURL=src-CRvTVX4F.js.map
|