@templatical/editor 0.28.1 → 0.29.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +84 -31
- package/dist/{AiChatSidebar-mZyf81xG.js → AiChatSidebar-DsYJwCLT.js} +14 -14
- package/dist/{AiFeatureMenu-wpL2vbbd.js → AiFeatureMenu-CehKC-dh.js} +7 -7
- package/dist/{BlockIssueBadge-CavnyR3o.js → BlockIssueBadge-Dhk7Hv4m.js} +5 -5
- package/dist/{BlockPreviewCanvas-C4M7JT4x.js → BlockPreviewCanvas-BQZ7aTPr.js} +3 -3
- package/dist/{CloudHeaderExtras-fH0cB-Ru.js → CloudHeaderExtras-CaRdlYpY.js} +5 -5
- package/dist/{CloudPanels-Davlnzfd.js → CloudPanels-CYqHk1Az.js} +7 -7
- package/dist/{CollaboratorBar-BvQZriPA.js → CollaboratorBar-BZi12Mut.js} +4 -4
- package/dist/{ColorPicker-OLSFZBBZ.js → ColorPicker-CXPSbnRD.js} +7 -7
- package/dist/{CommentsPanel-B4_63eIS.js → CommentsPanel-DnWdgQHg.js} +2 -2
- package/dist/{CommentsSidebar-BkBHMXez.js → CommentsSidebar-ZOqmuo4D.js} +16 -16
- package/dist/{CountdownBlock-Drr1WErd.js → CountdownBlock-BgNK7fZY.js} +3 -3
- package/dist/{CountdownToolbar-D8FsDIfa.js → CountdownToolbar-ByQVLqFF.js} +4 -4
- package/dist/{DesignReferenceSidebar-Dp44REBY.js → DesignReferenceSidebar-B9anB-Q0.js} +11 -11
- package/dist/{IssuesPanel-C1v3dmoB.js → IssuesPanel-CDk7lUna.js} +8 -8
- package/dist/{LoadingTrack-Db9j_aBr.js → LoadingTrack-5KBr5cE8.js} +1 -1
- package/dist/{MergeTagModeToggle-CZN0Pr1o.js → MergeTagModeToggle-sBEGugix.js} +5 -5
- package/dist/{MergeTagSuggestion-a7Tk8tBB.js → MergeTagSuggestion-DPfXtDzP.js} +57 -41
- package/dist/{NumberWithSuffix-C1D0WFrN.js → NumberWithSuffix-C-k0BP1m.js} +1 -1
- package/dist/{ParagraphEditor-CGxsm0Mx.js → ParagraphEditor-gbp5gbFv.js} +25 -25
- package/dist/{RestoreVersionDialog-BLW8wC1J.js → RestoreVersionDialog-DIHpGfFr.js} +5 -5
- package/dist/{RichTextEditorContent-COBy_Q9j.js → RichTextEditorContent-DZ6GiAUi.js} +8 -8
- package/dist/{SaveBlockDialog-KWQaS1_q.js → SaveBlockDialog-QSj7tf1p.js} +10 -10
- package/dist/{SavedBlocksBrowserModal-Cg8yP_EN.js → SavedBlocksBrowserModal-Bz2xaBzJ.js} +11 -11
- package/dist/{SavedBlocksPanels-bept0JjA.js → SavedBlocksPanels-RNgOnK9j.js} +2 -2
- package/dist/{SavedBlocksPickBar-Z-YRd488.js → SavedBlocksPickBar-CRmd3sD9.js} +4 -4
- package/dist/{TemplateScoringPanel-5zp1qOSl.js → TemplateScoringPanel-CDwlSFEe.js} +15 -15
- package/dist/{TestEmailModal-DtJabfkS.js → TestEmailModal-DclmELUc.js} +10 -10
- package/dist/{TestEmailPanel-CtFxt5q7.js → TestEmailPanel-4i4n9Kup.js} +2 -2
- package/dist/{TitleEditor-BfWPus_C.js → TitleEditor-DMAeSWx3.js} +12 -12
- package/dist/{TplModal-DBlMd7h9.js → TplModal-CjuKT36J.js} +5 -5
- package/dist/{VersionHistoryMenu-Cg4UKxKc.js → VersionHistoryMenu-B6zAcmAC.js} +8 -8
- package/dist/{VersionHistoryPanels-BKjbNEOM.js → VersionHistoryPanels-MqgexkhW.js} +2 -2
- package/dist/{VersionPreviewBanner-B0thyJ8F.js → VersionPreviewBanner-CQlSzQ2B.js} +3 -3
- package/dist/{blockTypeIcons-CQMkcHo9.js → blockTypeIcons-ejNais7n.js} +2 -2
- package/dist/bundle-stats.json +6 -6
- package/dist/cdn/chunks/{AiChatSidebar-BQATQ3Tr.js → AiChatSidebar-BE97qqqb.js} +11 -11
- package/dist/cdn/chunks/{AiChatSidebar-BQATQ3Tr.js.map → AiChatSidebar-BE97qqqb.js.map} +1 -1
- package/dist/cdn/chunks/{AiFeatureMenu-cNoZ0xl_.js → AiFeatureMenu-CNP54HPc.js} +6 -6
- package/dist/cdn/chunks/{AiFeatureMenu-cNoZ0xl_.js.map → AiFeatureMenu-CNP54HPc.js.map} +1 -1
- package/dist/cdn/chunks/{BlockIssueBadge-CH_3vFw4.js → BlockIssueBadge-Bry71Wjz.js} +5 -5
- package/dist/cdn/chunks/{BlockIssueBadge-CH_3vFw4.js.map → BlockIssueBadge-Bry71Wjz.js.map} +1 -1
- package/dist/cdn/chunks/{BlockPreviewCanvas-BXVC8-Zj.js → BlockPreviewCanvas-CUEZIwJ4.js} +4 -4
- package/dist/cdn/chunks/{BlockPreviewCanvas-BXVC8-Zj.js.map → BlockPreviewCanvas-CUEZIwJ4.js.map} +1 -1
- package/dist/cdn/chunks/{CloudHeaderExtras-CUAM2ADe.js → CloudHeaderExtras-Bz--_dKu.js} +5 -5
- package/dist/cdn/chunks/{CloudHeaderExtras-CUAM2ADe.js.map → CloudHeaderExtras-Bz--_dKu.js.map} +1 -1
- package/dist/cdn/chunks/{CloudPanels-DMnnSIkX.js → CloudPanels-BXcdYgy0.js} +7 -7
- package/dist/cdn/chunks/{CloudPanels-DMnnSIkX.js.map → CloudPanels-BXcdYgy0.js.map} +1 -1
- package/dist/cdn/chunks/{CollaboratorBar-C6sorNRi.js → CollaboratorBar-CvvoIrKS.js} +5 -5
- package/dist/cdn/chunks/{CollaboratorBar-C6sorNRi.js.map → CollaboratorBar-CvvoIrKS.js.map} +1 -1
- package/dist/cdn/chunks/{ColorPicker-q1V7ggWI.js → ColorPicker-Ww4xHHMI.js} +7 -7
- package/dist/cdn/chunks/{ColorPicker-q1V7ggWI.js.map → ColorPicker-Ww4xHHMI.js.map} +1 -1
- package/dist/cdn/chunks/{CommentsPanel-ExfxJZM3.js → CommentsPanel-DjId-XH-.js} +3 -3
- package/dist/cdn/chunks/{CommentsPanel-ExfxJZM3.js.map → CommentsPanel-DjId-XH-.js.map} +1 -1
- package/dist/cdn/chunks/{CommentsSidebar-CzALURMJ.js → CommentsSidebar-DXXGWSr4.js} +5 -5
- package/dist/cdn/chunks/{CommentsSidebar-CzALURMJ.js.map → CommentsSidebar-DXXGWSr4.js.map} +1 -1
- package/dist/cdn/chunks/{CountdownBlock-_7TUBqJS.js → CountdownBlock-CWeJBC0L.js} +4 -4
- package/dist/cdn/chunks/{CountdownBlock-_7TUBqJS.js.map → CountdownBlock-CWeJBC0L.js.map} +1 -1
- package/dist/cdn/chunks/{CountdownToolbar-CkbWSrAH.js → CountdownToolbar-BD90NpY1.js} +5 -5
- package/dist/cdn/chunks/{CountdownToolbar-CkbWSrAH.js.map → CountdownToolbar-BD90NpY1.js.map} +1 -1
- package/dist/cdn/chunks/{DesignReferenceSidebar-COh0Rx_A.js → DesignReferenceSidebar-DY-laxO5.js} +7 -7
- package/dist/cdn/chunks/{DesignReferenceSidebar-COh0Rx_A.js.map → DesignReferenceSidebar-DY-laxO5.js.map} +1 -1
- package/dist/cdn/chunks/{IssuesPanel-C1NG0xRI.js → IssuesPanel-iC2hgrXx.js} +6 -6
- package/dist/cdn/chunks/{IssuesPanel-C1NG0xRI.js.map → IssuesPanel-iC2hgrXx.js.map} +1 -1
- package/dist/cdn/chunks/{LoadingTrack-D_wweXVz.js → LoadingTrack-Cz1sT0wP.js} +2 -2
- package/dist/cdn/chunks/{LoadingTrack-D_wweXVz.js.map → LoadingTrack-Cz1sT0wP.js.map} +1 -1
- package/dist/cdn/chunks/{MergeTagModeToggle-B1yXCp3D.js → MergeTagModeToggle-BRW3qErZ.js} +5 -5
- package/dist/cdn/chunks/{MergeTagModeToggle-B1yXCp3D.js.map → MergeTagModeToggle-BRW3qErZ.js.map} +1 -1
- package/dist/cdn/chunks/{MergeTagSuggestion-DqYR3jPA.js → MergeTagSuggestion-VP_nC-8W.js} +3 -3
- package/dist/cdn/chunks/{MergeTagSuggestion-DqYR3jPA.js.map → MergeTagSuggestion-VP_nC-8W.js.map} +1 -1
- package/dist/cdn/chunks/{NumberWithSuffix-CWvM_I3T.js → NumberWithSuffix-DOG0zHvY.js} +2 -2
- package/dist/cdn/chunks/{NumberWithSuffix-CWvM_I3T.js.map → NumberWithSuffix-DOG0zHvY.js.map} +1 -1
- package/dist/cdn/chunks/{ParagraphEditor-DPM1hUKo.js → ParagraphEditor-CPVnO48U.js} +27 -27
- package/dist/cdn/chunks/{ParagraphEditor-DPM1hUKo.js.map → ParagraphEditor-CPVnO48U.js.map} +1 -1
- package/dist/cdn/chunks/{RestoreVersionDialog-Dz0bX5ZZ.js → RestoreVersionDialog--Blx-VKu.js} +5 -5
- package/dist/cdn/chunks/{RestoreVersionDialog-Dz0bX5ZZ.js.map → RestoreVersionDialog--Blx-VKu.js.map} +1 -1
- package/dist/cdn/chunks/{RichTextEditorContent-nkyIRAyN.js → RichTextEditorContent-DpvOKKH-.js} +7 -7
- package/dist/cdn/chunks/{RichTextEditorContent-nkyIRAyN.js.map → RichTextEditorContent-DpvOKKH-.js.map} +1 -1
- package/dist/cdn/chunks/{SaveBlockDialog-DYr5yKqy.js → SaveBlockDialog-DXQ2g_38.js} +8 -8
- package/dist/cdn/chunks/{SaveBlockDialog-DYr5yKqy.js.map → SaveBlockDialog-DXQ2g_38.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksBrowserModal-BUJjcHkw.js → SavedBlocksBrowserModal-DWBvVkuk.js} +9 -9
- package/dist/cdn/chunks/{SavedBlocksBrowserModal-BUJjcHkw.js.map → SavedBlocksBrowserModal-DWBvVkuk.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksPanels-DFgvmsbj.js → SavedBlocksPanels-GgdpiPUq.js} +3 -3
- package/dist/cdn/chunks/{SavedBlocksPanels-DFgvmsbj.js.map → SavedBlocksPanels-GgdpiPUq.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksPickBar-Brg8US_n.js → SavedBlocksPickBar-Dyb5xi1B.js} +5 -5
- package/dist/cdn/chunks/{SavedBlocksPickBar-Brg8US_n.js.map → SavedBlocksPickBar-Dyb5xi1B.js.map} +1 -1
- package/dist/cdn/chunks/{TemplateScoringPanel-DO86BvdQ.js → TemplateScoringPanel-B0YcaJsR.js} +11 -11
- package/dist/cdn/chunks/{TemplateScoringPanel-DO86BvdQ.js.map → TemplateScoringPanel-B0YcaJsR.js.map} +1 -1
- package/dist/cdn/chunks/{TestEmailModal-DRCcdGvX.js → TestEmailModal-B9SmAIKZ.js} +9 -9
- package/dist/cdn/chunks/{TestEmailModal-DRCcdGvX.js.map → TestEmailModal-B9SmAIKZ.js.map} +1 -1
- package/dist/cdn/chunks/{TestEmailPanel-BZU5HX2c.js → TestEmailPanel-Q6alElB1.js} +3 -3
- package/dist/cdn/chunks/{TestEmailPanel-BZU5HX2c.js.map → TestEmailPanel-Q6alElB1.js.map} +1 -1
- package/dist/cdn/chunks/{TitleEditor-CLkXt5RZ.js → TitleEditor-Tudoac5f.js} +12 -12
- package/dist/cdn/chunks/{TitleEditor-CLkXt5RZ.js.map → TitleEditor-Tudoac5f.js.map} +1 -1
- package/dist/cdn/chunks/{TplModal-BhfPoZ_W.js → TplModal-BNJIFnyj.js} +5 -5
- package/dist/cdn/chunks/{TplModal-BhfPoZ_W.js.map → TplModal-BNJIFnyj.js.map} +1 -1
- package/dist/cdn/chunks/{VersionHistoryMenu-_DyRYBRP.js → VersionHistoryMenu-DJGcA_RX.js} +5 -5
- package/dist/cdn/chunks/{VersionHistoryMenu-_DyRYBRP.js.map → VersionHistoryMenu-DJGcA_RX.js.map} +1 -1
- package/dist/cdn/chunks/{VersionHistoryPanels-DGfOOcKV.js → VersionHistoryPanels-Crw5JA89.js} +3 -3
- package/dist/cdn/chunks/{VersionHistoryPanels-DGfOOcKV.js.map → VersionHistoryPanels-Crw5JA89.js.map} +1 -1
- package/dist/cdn/chunks/{VersionPreviewBanner-FbBmgknN.js → VersionPreviewBanner-C8pfES5A.js} +4 -4
- package/dist/cdn/chunks/{VersionPreviewBanner-FbBmgknN.js.map → VersionPreviewBanner-C8pfES5A.js.map} +1 -1
- package/dist/cdn/chunks/{blockTypeIcons-o4ammRlm.js → blockTypeIcons-JUwZtKaq.js} +2 -2
- package/dist/cdn/chunks/{blockTypeIcons-o4ammRlm.js.map → blockTypeIcons-JUwZtKaq.js.map} +1 -1
- package/dist/cdn/chunks/{cloud-CRCcXTc5.js → cloud-C29LPXYn.js} +2 -2
- package/dist/cdn/chunks/{cloud-CRCcXTc5.js.map → cloud-C29LPXYn.js.map} +1 -1
- package/dist/cdn/chunks/createCloudRuntime-C6MJN7M6.js +443 -0
- package/dist/cdn/chunks/createCloudRuntime-C6MJN7M6.js.map +1 -0
- package/dist/cdn/chunks/{dist-eKG4m5Wx.js → dist-CgR3inPR.js} +3 -3
- package/dist/cdn/chunks/{dist-eKG4m5Wx.js.map → dist-CgR3inPR.js.map} +1 -1
- package/dist/cdn/chunks/{dist-2fOlspdg.js → dist-El3fQnfk.js} +4 -4
- package/dist/cdn/chunks/{dist-2fOlspdg.js.map → dist-El3fQnfk.js.map} +1 -1
- package/dist/cdn/chunks/{draggable-BLMjz0GK.js → draggable-D2vo-aQI.js} +1465 -1435
- package/dist/cdn/chunks/draggable-D2vo-aQI.js.map +1 -0
- package/dist/cdn/chunks/en-DIwntrh3.js +2 -0
- package/dist/cdn/chunks/{extensions-qSqWdFko.js → extensions-BQefRevf.js} +6 -6
- package/dist/cdn/chunks/{extensions-qSqWdFko.js.map → extensions-BQefRevf.js.map} +1 -1
- package/dist/cdn/chunks/{icons-MeYdeH4P.js → icons-BTdLXRXn.js} +27 -27
- package/dist/cdn/chunks/icons-BTdLXRXn.js.map +1 -0
- package/dist/cdn/chunks/{keys-D7OpfE2s.js → keys-BJ770Mwm.js} +2 -2
- package/dist/cdn/chunks/{keys-D7OpfE2s.js.map → keys-BJ770Mwm.js.map} +1 -1
- package/dist/cdn/chunks/{liquid.browser-UlAOKBjI.js → liquid.browser-BPvKXNfO.js} +2 -2
- package/dist/cdn/chunks/{liquid.browser-UlAOKBjI.js.map → liquid.browser-BPvKXNfO.js.map} +1 -1
- package/dist/cdn/chunks/{src-BxHH_6Yr.js → src-CjSrA_o4.js} +2 -2
- package/dist/cdn/chunks/{src-BxHH_6Yr.js.map → src-CjSrA_o4.js.map} +1 -1
- package/dist/cdn/chunks/{src-2QDLdUyx.js → src-fxaI2EQc.js} +8 -8
- package/dist/cdn/chunks/{src-2QDLdUyx.js.map → src-fxaI2EQc.js.map} +1 -1
- package/dist/cdn/chunks/{tiptap-DgH_wKK_.js → tiptap-Bqy-H6CT.js} +3356 -3219
- package/dist/cdn/chunks/tiptap-Bqy-H6CT.js.map +1 -0
- package/dist/cdn/chunks/{useAliveFlag-C1pwLtPO.js → useAliveFlag-DrXxPV8V.js} +2 -2
- package/dist/cdn/chunks/{useAliveFlag-C1pwLtPO.js.map → useAliveFlag-DrXxPV8V.js.map} +1 -1
- package/dist/cdn/chunks/{useCloudI18n-D4gzxtqF.js → useCloudI18n-D0AoLV0a.js} +3 -3
- package/dist/cdn/chunks/{useCloudI18n-D4gzxtqF.js.map → useCloudI18n-D0AoLV0a.js.map} +1 -1
- package/dist/cdn/chunks/{useEditorCore-2ZVOY0Rh.js → useEditorCore-o2emEjgF.js} +448 -424
- package/dist/cdn/chunks/useEditorCore-o2emEjgF.js.map +1 -0
- package/dist/cdn/chunks/useEditorRoot-BFGRBGts.js +10 -0
- package/dist/cdn/chunks/{useEditorRoot-BY-amddA.js.map → useEditorRoot-BFGRBGts.js.map} +1 -1
- package/dist/cdn/chunks/{useI18n-DYb1SgLB.js → useI18n-DIhawILp.js} +3 -3
- package/dist/cdn/chunks/{useI18n-DYb1SgLB.js.map → useI18n-DIhawILp.js.map} +1 -1
- package/dist/cdn/chunks/{useMergeTag-D-SE_XN8.js → useMergeTag-BWt1DQS1.js} +3 -3
- package/dist/cdn/chunks/{useMergeTag-D-SE_XN8.js.map → useMergeTag-BWt1DQS1.js.map} +1 -1
- package/dist/cdn/chunks/{usePopoverPosition-CJZ6EkS4.js → usePopoverPosition-DkiTLnBm.js} +3 -3
- package/dist/cdn/chunks/{usePopoverPosition-CJZ6EkS4.js.map → usePopoverPosition-DkiTLnBm.js.map} +1 -1
- package/dist/cdn/chunks/{useScrollToBlock-D6gyIzT1.js → useScrollToBlock-KcSAuXKz.js} +3 -3
- package/dist/cdn/chunks/{useScrollToBlock-D6gyIzT1.js.map → useScrollToBlock-KcSAuXKz.js.map} +1 -1
- package/dist/cdn/editor.css +1 -1
- package/dist/cdn/editor.js +1436 -1427
- package/dist/cdn/editor.js.map +1 -1
- package/dist/{check-CLfibuQc.js → check-CTe6VejT.js} +1 -1
- package/dist/{chevron-down-DamTR8ta.js → chevron-down-BBThVMu-.js} +1 -1
- package/dist/{chevron-up-CrV_Ksg-.js → chevron-up-iECwf-Bc.js} +1 -1
- package/dist/{circle-alert-BLy-e34e.js → circle-alert-Z_eeykrO.js} +1 -1
- package/dist/{clock-DQI6aaFT.js → clock-CEj1c29j.js} +1 -1
- package/dist/{cloud-DXFUA8H_.js → cloud-CHHQWdaR.js} +1 -1
- package/dist/createCloudRuntime-WwKt9mgb.js +441 -0
- package/dist/{createLucideIcon-Cbl3Ma_H.js → createLucideIcon-DphAT3tw.js} +3 -3
- package/dist/{dist-Dx-KOuOj.js → dist-9fjN9cuD.js} +2 -2
- package/dist/{dist-WE11SQGe.js → dist-BUpBA58N.js} +2 -2
- package/dist/{dist-CLc1cpN2.js → dist-BdIwIlKz.js} +6 -5
- package/dist/{dist-CQQNoHxz.js → dist-BfcqryVg.js} +2 -2
- package/dist/{dist-Dz7KUOSg.js → dist-CaR5TLiM.js} +2 -2
- package/dist/{dist-CkSgS-K9.js → dist-CuuPnIMy.js} +3 -3
- package/dist/dist-CzMzshfS.js +5 -0
- package/dist/{dist-CclsUQ7r.js → dist-D2P8U3p6.js} +2 -2
- package/dist/{dist-C145btxT.js → dist-DLaIQ5H5.js} +151 -155
- package/dist/{dist-CgXIMxZc.js → dist-DSgmnQ-f.js} +2 -2
- package/dist/dist-DTVuNn8M.js +5 -0
- package/dist/{dist-D4Jb08yv.js → dist-DifptC-U.js} +2 -2
- package/dist/{dist-7Lr_A7Va.js → dist-gWM8H2hz.js} +7 -6
- package/dist/{dist-DUn6jY0n.js → dist-nmzPlqlz.js} +2290 -2175
- package/dist/{extensions-PJK0gLCL.js → extensions-B4gwZ36u.js} +7 -7
- package/dist/{image-up-BVOMy_Fs.js → image-up-W1INxCu8.js} +1 -1
- package/dist/index.d.ts +146 -117
- package/dist/{info-BKMKasyT.js → info-5t4WYKfh.js} +1 -1
- package/dist/{keys-CAor2T5q.js → keys-BJtoezGU.js} +1 -1
- package/dist/{liquid.browser-B-rGrnrQ.js → liquid.browser-CJgDDvQz.js} +1 -1
- package/dist/{loader-circle-CSGh8n8A.js → loader-circle-DJCZ_JMY.js} +1 -1
- package/dist/{message-circle-C6q2Fm_W.js → message-circle-Biu6lHh_.js} +1 -1
- package/dist/{pencil-DaTN0HKw.js → pencil-DkPlMca7.js} +1 -1
- package/dist/{refresh-cw-Cu4wRQwT.js → refresh-cw-DHbpkkol.js} +1 -1
- package/dist/{runtime-dom.esm-bundler-CHEsXNQz.js → runtime-dom.esm-bundler-Co_SPqAz.js} +180 -166
- package/dist/{scan-line-O_o657Gv.js → scan-line-DojwGzjU.js} +1 -1
- package/dist/{send-GS3soauT.js → send-c6ppcE9I.js} +1 -1
- package/dist/{shield-check-B2TzT3Wp.js → shield-check-F9T4ylNK.js} +1 -1
- package/dist/{sparkles-CNENcXZl.js → sparkles-D-0OiTZD.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/templatical-editor.js +835 -826
- package/dist/{text-align-start-D0-k8RUf.js → text-align-start-kEEtoRrD.js} +1 -1
- package/dist/{trash-2-BE-qGIpG.js → trash-2-DRQzhY9R.js} +1 -1
- package/dist/{triangle-alert-DNM2_dyh.js → triangle-alert-Bt4-GU3t.js} +1 -1
- package/dist/{upload-Cv2Jx-yM.js → upload-D2wtjvH8.js} +1 -1
- package/dist/{useAliveFlag-1yBub211.js → useAliveFlag-AFbwfHlJ.js} +1 -1
- package/dist/{useCloudI18n-Dwo7usTl.js → useCloudI18n-BA69BpQ_.js} +2 -2
- package/dist/{useEditorCore-DM8vzMZQ.js → useEditorCore-CJp84vJY.js} +1097 -1075
- package/dist/{useEditorRoot-CUIzpMYc.js → useEditorRoot-Cdo8Vhxa.js} +2 -2
- package/dist/{useI18n-DT_DKupw.js → useI18n-B135ASaG.js} +2 -2
- package/dist/{useMergeTag-CcHQCcPN.js → useMergeTag-D1Rsn4BO.js} +2 -2
- package/dist/{usePopoverPosition-DaHz1kqb.js → usePopoverPosition-DAOHr_iM.js} +2 -2
- package/dist/{useScrollToBlock-C2LYXENK.js → useScrollToBlock-B0Qpjfa4.js} +3 -3
- package/dist/{vue.runtime.esm-bundler-CdH_W9qX.js → vue.runtime.esm-bundler-BhOUdXMi.js} +1244 -1204
- package/dist/{x-DUPrT6Aa.js → x-YiG-TUGN.js} +1 -1
- package/package.json +26 -26
- package/dist/cdn/chunks/createCloudRuntime-C-u7oIGa.js +0 -344
- package/dist/cdn/chunks/createCloudRuntime-C-u7oIGa.js.map +0 -1
- package/dist/cdn/chunks/draggable-BLMjz0GK.js.map +0 -1
- package/dist/cdn/chunks/en-C6FKrw69.js +0 -2
- package/dist/cdn/chunks/icons-MeYdeH4P.js.map +0 -1
- package/dist/cdn/chunks/tiptap-DgH_wKK_.js.map +0 -1
- package/dist/cdn/chunks/useEditorCore-2ZVOY0Rh.js.map +0 -1
- package/dist/cdn/chunks/useEditorRoot-BY-amddA.js +0 -10
- package/dist/createCloudRuntime-BrgMP9gS.js +0 -342
- package/dist/dist-D-ulkdvF.js +0 -5
- package/dist/dist-Kf9u4ULN.js +0 -5
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
import { A as e, B as t, D as n, Dt as r, G as i, J as a, L as o, M as s, O as c, Ot as l, P as u, S as d, T as f, U as p, X as m, _ as h, b as g, c as _, d as v, g as y, h as b, j as x, k as S, kt as C, l as w, p as T, q as E, r as D, rt as O, s as k, u as A, v as j, z as M } from "./vue.runtime.esm-bundler-
|
|
2
|
-
import { a as N, c as P, n as F, o as I, s as L, t as R } from "./runtime-dom.esm-bundler-
|
|
1
|
+
import { A as e, B as t, D as n, Dt as r, G as i, J as a, L as o, M as s, O as c, Ot as l, P as u, S as d, T as f, U as p, X as m, _ as h, b as g, c as _, d as v, g as y, h as b, j as x, k as S, kt as C, l as w, p as T, q as E, r as D, rt as O, s as k, u as A, v as j, z as M } from "./vue.runtime.esm-bundler-BhOUdXMi.js";
|
|
2
|
+
import { a as N, c as P, n as F, o as I, s as L, t as R } from "./runtime-dom.esm-bundler-Co_SPqAz.js";
|
|
3
3
|
import { A as z, D as B, E as V, M as H, N as U, R as W, T as G, a as ee, c as te, f as ne, k as K, l as re, p as ie, s as ae, z as oe } from "./dist-B1kLn1rs.js";
|
|
4
|
-
import { F as se, G as ce, I as le, J as ue, K as de, M as fe, O as pe, P as me, R as he, T as ge, V as _e, W as ve, X as ye, Y as be, _ as xe, a as Se, b as Ce, c as we, f as Te, g as Ee, h as De, i as Oe, l as ke, m as Ae, n as je, o as Me, p as Ne, q as Pe, r as Fe, s as Ie, t as Le, u as Re, v as ze, w as Be, x as Ve, y as He, z as Ue } from "./useEditorCore-
|
|
5
|
-
import { c as We, m as Ge, p as Ke } from "./dist-
|
|
6
|
-
import { i as qe } from "./dist-
|
|
7
|
-
import { B as Je, D as Ye, F as Xe, H as Ze, L as Qe, N as $e, O as et, U as tt, V as nt, W as rt, _ as it, c as at, d as ot, f as st, h as ct, j as lt, k as ut, m as dt, n as ft, o as pt, p as mt, r as ht, s as gt, u as _t, w as vt, z as yt } from "./keys-
|
|
8
|
-
import { t as q } from "./useI18n-
|
|
4
|
+
import { F as se, G as ce, I as le, J as ue, K as de, M as fe, O as pe, P as me, R as he, T as ge, V as _e, W as ve, X as ye, Y as be, _ as xe, a as Se, b as Ce, c as we, f as Te, g as Ee, h as De, i as Oe, l as ke, m as Ae, n as je, o as Me, p as Ne, q as Pe, r as Fe, s as Ie, t as Le, u as Re, v as ze, w as Be, x as Ve, y as He, z as Ue } from "./useEditorCore-CJp84vJY.js";
|
|
5
|
+
import { c as We, m as Ge, p as Ke } from "./dist-BUpBA58N.js";
|
|
6
|
+
import { i as qe } from "./dist-CuuPnIMy.js";
|
|
7
|
+
import { B as Je, D as Ye, F as Xe, H as Ze, L as Qe, N as $e, O as et, U as tt, V as nt, W as rt, _ as it, c as at, d as ot, f as st, h as ct, j as lt, k as ut, m as dt, n as ft, o as pt, p as mt, r as ht, s as gt, u as _t, w as vt, z as yt } from "./keys-BJtoezGU.js";
|
|
8
|
+
import { t as q } from "./useI18n-B135ASaG.js";
|
|
9
9
|
import { t as bt } from "./logger-BBlvSn6q.js";
|
|
10
|
-
import { a as xt, n as St } from "./usePopoverPosition-
|
|
11
|
-
import { t as J } from "./createLucideIcon-
|
|
12
|
-
import { n as Ct, t as wt } from "./scan-line-
|
|
13
|
-
import { t as Tt } from "./check-
|
|
14
|
-
import { t as Et } from "./chevron-down-
|
|
15
|
-
import { t as Dt } from "./circle-alert-
|
|
16
|
-
import { i as Ot, n as kt, r as At, t as jt } from "./blockTypeIcons-
|
|
17
|
-
import { n as Mt, t as Nt } from "./refresh-cw-
|
|
18
|
-
import { t as Pt } from "./image-up-
|
|
19
|
-
import { t as Ft } from "./info-
|
|
20
|
-
import { n as It, t as Lt } from "./useScrollToBlock-
|
|
21
|
-
import { t as Rt } from "./loader-circle-
|
|
22
|
-
import { t as zt } from "./message-circle-
|
|
23
|
-
import { i as Bt, n as Vt, r as Ht, t as Ut } from "./MergeTagModeToggle-
|
|
24
|
-
import { t as Wt } from "./send-
|
|
25
|
-
import { t as Gt } from "./sparkles-
|
|
26
|
-
import { n as Kt, r as qt, t as Jt } from "./text-align-start-
|
|
27
|
-
import { t as Yt } from "./trash-2-
|
|
28
|
-
import { t as Xt } from "./upload-
|
|
29
|
-
import { t as Zt } from "./x-
|
|
10
|
+
import { a as xt, n as St } from "./usePopoverPosition-DAOHr_iM.js";
|
|
11
|
+
import { t as J } from "./createLucideIcon-DphAT3tw.js";
|
|
12
|
+
import { n as Ct, t as wt } from "./scan-line-DojwGzjU.js";
|
|
13
|
+
import { t as Tt } from "./check-CTe6VejT.js";
|
|
14
|
+
import { t as Et } from "./chevron-down-BBThVMu-.js";
|
|
15
|
+
import { t as Dt } from "./circle-alert-Z_eeykrO.js";
|
|
16
|
+
import { i as Ot, n as kt, r as At, t as jt } from "./blockTypeIcons-ejNais7n.js";
|
|
17
|
+
import { n as Mt, t as Nt } from "./refresh-cw-DHbpkkol.js";
|
|
18
|
+
import { t as Pt } from "./image-up-W1INxCu8.js";
|
|
19
|
+
import { t as Ft } from "./info-5t4WYKfh.js";
|
|
20
|
+
import { n as It, t as Lt } from "./useScrollToBlock-B0Qpjfa4.js";
|
|
21
|
+
import { t as Rt } from "./loader-circle-DJCZ_JMY.js";
|
|
22
|
+
import { t as zt } from "./message-circle-Biu6lHh_.js";
|
|
23
|
+
import { i as Bt, n as Vt, r as Ht, t as Ut } from "./MergeTagModeToggle-sBEGugix.js";
|
|
24
|
+
import { t as Wt } from "./send-c6ppcE9I.js";
|
|
25
|
+
import { t as Gt } from "./sparkles-D-0OiTZD.js";
|
|
26
|
+
import { n as Kt, r as qt, t as Jt } from "./text-align-start-kEEtoRrD.js";
|
|
27
|
+
import { t as Yt } from "./trash-2-DRQzhY9R.js";
|
|
28
|
+
import { t as Xt } from "./upload-D2wtjvH8.js";
|
|
29
|
+
import { t as Zt } from "./x-YiG-TUGN.js";
|
|
30
30
|
import { t as Qt } from "./_plugin-vue_export-helper-B3ysoDQm.js";
|
|
31
|
-
import { t as $t } from "./useCloudI18n-
|
|
32
|
-
import { t as en } from "./useMergeTag-
|
|
33
|
-
import { t as tn } from "./useAliveFlag-
|
|
31
|
+
import { t as $t } from "./useCloudI18n-BA69BpQ_.js";
|
|
32
|
+
import { t as en } from "./useMergeTag-D1Rsn4BO.js";
|
|
33
|
+
import { t as tn } from "./useAliveFlag-AFbwfHlJ.js";
|
|
34
34
|
import { t as nn } from "./preRenderCustomBlocks-BebjKtmw.js";
|
|
35
35
|
import { C as rn, S as an, _ as on, b as sn, c as cn, g as Y, h as X, l as ln, m as Z, p as Q, r as un, t as dn, y as fn } from "./styleConstants-C_YAPdQS.js";
|
|
36
36
|
import { n as pn, t as mn } from "./emailFrameWidth-BmFCN2dp.js";
|
|
37
37
|
import { t as hn } from "./readableTextColor-f8Kykfnh.js";
|
|
38
|
-
import { t as $ } from "./ColorPicker-
|
|
39
|
-
import { n as gn, r as _n } from "./MergeTagSuggestion-
|
|
40
|
-
import { i as vn, n as yn, r as bn, t as xn } from "./NumberWithSuffix-
|
|
38
|
+
import { t as $ } from "./ColorPicker-CXPSbnRD.js";
|
|
39
|
+
import { n as gn, r as _n } from "./MergeTagSuggestion-DPfXtDzP.js";
|
|
40
|
+
import { i as vn, n as yn, r as bn, t as xn } from "./NumberWithSuffix-C-k0BP1m.js";
|
|
41
41
|
import { t as Sn } from "./formatRelativeTime-CtUU-QZ8.js";
|
|
42
|
-
import { t as Cn } from "./TplModal-
|
|
42
|
+
import { t as Cn } from "./TplModal-CjuKT36J.js";
|
|
43
43
|
var wn = J("circle", [["circle", {
|
|
44
44
|
cx: "12",
|
|
45
45
|
cy: "12",
|
|
@@ -224,7 +224,6 @@ function Rn(e) {
|
|
|
224
224
|
provider: t,
|
|
225
225
|
getTemplateId: () => n.state.template?.id ?? null,
|
|
226
226
|
getUser: () => e.user ?? null,
|
|
227
|
-
onComment: e.onComment,
|
|
228
227
|
onError: e.onError
|
|
229
228
|
});
|
|
230
229
|
ce({
|
|
@@ -382,10 +381,10 @@ function Vn(e) {
|
|
|
382
381
|
function g(e) {
|
|
383
382
|
o(), r.value = "error", i.value = e instanceof Error && e.message ? e.message : "Save failed";
|
|
384
383
|
}
|
|
385
|
-
async function _() {
|
|
384
|
+
async function _(e) {
|
|
386
385
|
try {
|
|
387
|
-
let
|
|
388
|
-
return h(),
|
|
386
|
+
let t = await n.save(e);
|
|
387
|
+
return h(), t;
|
|
389
388
|
} catch (e) {
|
|
390
389
|
throw g(e), e;
|
|
391
390
|
}
|
|
@@ -402,8 +401,8 @@ function Vn(e) {
|
|
|
402
401
|
return o(), r.value = "idle", i.value = "", n.load(e);
|
|
403
402
|
}
|
|
404
403
|
let b = !1;
|
|
405
|
-
function x() {
|
|
406
|
-
return _().then(() => {
|
|
404
|
+
function x(e) {
|
|
405
|
+
return _(e).then(() => {
|
|
407
406
|
b && (b = !1, n.state.isDirty && w());
|
|
408
407
|
}, () => {
|
|
409
408
|
b = !1;
|
|
@@ -412,14 +411,14 @@ function Vn(e) {
|
|
|
412
411
|
function S() {
|
|
413
412
|
return !c.value || !f.value || p.value;
|
|
414
413
|
}
|
|
415
|
-
function C() {
|
|
414
|
+
function C(t = "manual") {
|
|
416
415
|
if (S()) return;
|
|
417
|
-
let
|
|
418
|
-
if (
|
|
419
|
-
|
|
416
|
+
let n = e.getSaveGate?.();
|
|
417
|
+
if (n) {
|
|
418
|
+
n.tryRunSave(() => x(t));
|
|
420
419
|
return;
|
|
421
420
|
}
|
|
422
|
-
x();
|
|
421
|
+
x(t);
|
|
423
422
|
}
|
|
424
423
|
function w() {
|
|
425
424
|
if (!c.value || !f.value) return;
|
|
@@ -429,14 +428,14 @@ function Vn(e) {
|
|
|
429
428
|
}
|
|
430
429
|
let t = e.getSaveGate?.();
|
|
431
430
|
if (t) {
|
|
432
|
-
t.runUnlessBlocked(x);
|
|
431
|
+
t.runUnlessBlocked(() => x("autosave"));
|
|
433
432
|
return;
|
|
434
433
|
}
|
|
435
|
-
x();
|
|
434
|
+
x("autosave");
|
|
436
435
|
}
|
|
437
436
|
function T(e) {
|
|
438
437
|
let t = e.trim();
|
|
439
|
-
t && t !== n.state.template?.name && (n.setName(t), C());
|
|
438
|
+
t && t !== n.state.template?.name && (n.setName(t), C("rename"));
|
|
440
439
|
}
|
|
441
440
|
return e.guardUnsavedChanges !== !1 && qe(window, "beforeunload", (e) => {
|
|
442
441
|
n.state.isDirty && (e.preventDefault(), e.returnValue = "");
|
|
@@ -497,6 +496,9 @@ async function Un(e) {
|
|
|
497
496
|
//#region src/composables/useTestEmailFeature.ts
|
|
498
497
|
var Wn = 1200;
|
|
499
498
|
function Gn(e) {
|
|
499
|
+
return e instanceof Error ? e : Error(String(e));
|
|
500
|
+
}
|
|
501
|
+
function Kn(e) {
|
|
500
502
|
let { provider: t } = e, n = m(!1), r = m(!1), i = m(!1), a = m(null), o = null, s = !1;
|
|
501
503
|
function c() {
|
|
502
504
|
o !== null && (clearTimeout(o), o = null);
|
|
@@ -525,7 +527,14 @@ function Gn(e) {
|
|
|
525
527
|
throw e;
|
|
526
528
|
}
|
|
527
529
|
}
|
|
528
|
-
|
|
530
|
+
function g(n) {
|
|
531
|
+
try {
|
|
532
|
+
t.onSent?.(n);
|
|
533
|
+
} catch (t) {
|
|
534
|
+
e.onError?.(Gn(t));
|
|
535
|
+
}
|
|
536
|
+
}
|
|
537
|
+
async function _(n) {
|
|
529
538
|
if (r.value) return;
|
|
530
539
|
let s = l.value;
|
|
531
540
|
if (s && !s.includes(n)) {
|
|
@@ -534,15 +543,15 @@ function Gn(e) {
|
|
|
534
543
|
}
|
|
535
544
|
r.value = !0, a.value = null;
|
|
536
545
|
try {
|
|
537
|
-
let r = await h()
|
|
538
|
-
await t.send({
|
|
546
|
+
let r = await h(), a = {
|
|
539
547
|
recipient: n,
|
|
540
548
|
content: e.getContent(),
|
|
541
549
|
...r === void 0 ? {} : { mjml: r },
|
|
542
550
|
...s === void 0 ? {} : { allowedRecipients: s }
|
|
543
|
-
}
|
|
551
|
+
};
|
|
552
|
+
await t.send(a), i.value = !0, o = setTimeout(p, Wn), g(a);
|
|
544
553
|
} catch (t) {
|
|
545
|
-
let n =
|
|
554
|
+
let n = Gn(t);
|
|
546
555
|
a.value = {
|
|
547
556
|
kind: "provider",
|
|
548
557
|
message: n.message
|
|
@@ -558,7 +567,7 @@ function Gn(e) {
|
|
|
558
567
|
isSending: r,
|
|
559
568
|
justSent: i,
|
|
560
569
|
error: a,
|
|
561
|
-
send:
|
|
570
|
+
send: _,
|
|
562
571
|
allowedRecipients: l,
|
|
563
572
|
defaultRecipient: u,
|
|
564
573
|
isAvailable: d,
|
|
@@ -570,7 +579,7 @@ function Gn(e) {
|
|
|
570
579
|
}
|
|
571
580
|
//#endregion
|
|
572
581
|
//#region src/composables/useVersionHistoryFeature.ts
|
|
573
|
-
function
|
|
582
|
+
function qn(e) {
|
|
574
583
|
let { provider: t, editor: n, history: r, conditionPreview: i, autoSave: a } = e, o = ye({
|
|
575
584
|
provider: t,
|
|
576
585
|
getTemplateId: () => n.state.template?.id ?? null,
|
|
@@ -681,15 +690,12 @@ function Kn(e) {
|
|
|
681
690
|
}
|
|
682
691
|
//#endregion
|
|
683
692
|
//#region src/types/auto-save.ts
|
|
684
|
-
function
|
|
685
|
-
return e
|
|
686
|
-
enabled: !0,
|
|
687
|
-
debounce: e.debounce
|
|
688
|
-
};
|
|
693
|
+
function Jn(e, t) {
|
|
694
|
+
return e ?? t;
|
|
689
695
|
}
|
|
690
696
|
//#endregion
|
|
691
697
|
//#region src/utils/resolveLintOptions.ts
|
|
692
|
-
function
|
|
698
|
+
function Yn(e) {
|
|
693
699
|
return {
|
|
694
700
|
...e.lint,
|
|
695
701
|
locale: e.locale
|
|
@@ -697,20 +703,20 @@ function Jn(e) {
|
|
|
697
703
|
}
|
|
698
704
|
//#endregion
|
|
699
705
|
//#region src/utils/renderProvider.ts
|
|
700
|
-
function
|
|
706
|
+
function Xn(e) {
|
|
701
707
|
return {
|
|
702
708
|
customFonts: e.customFonts.value,
|
|
703
709
|
defaultFallback: e.defaultFallback.value
|
|
704
710
|
};
|
|
705
711
|
}
|
|
706
|
-
async function
|
|
712
|
+
async function Zn(e) {
|
|
707
713
|
let t = oe(e.getContent());
|
|
708
714
|
return await nn(t, { renderCustomBlock: e.renderCustomBlock }), {
|
|
709
715
|
content: t,
|
|
710
716
|
fonts: e.getFonts()
|
|
711
717
|
};
|
|
712
718
|
}
|
|
713
|
-
function
|
|
719
|
+
function Qn(e) {
|
|
714
720
|
async function t() {
|
|
715
721
|
let t = e.provider, n = t?.toMjml?.bind(t);
|
|
716
722
|
return n ? n(await e.buildPayload()) : e.renderLocalMjml();
|
|
@@ -729,13 +735,13 @@ function Zn(e) {
|
|
|
729
735
|
}
|
|
730
736
|
//#endregion
|
|
731
737
|
//#region src/utils/normalizeMergeTagMarkup.ts
|
|
732
|
-
function
|
|
738
|
+
function $n(e) {
|
|
733
739
|
let t = e.flags.includes("g") ? e.flags : `${e.flags}g`;
|
|
734
740
|
return new RegExp(e.source, t);
|
|
735
741
|
}
|
|
736
|
-
function
|
|
742
|
+
function er(e, t, n) {
|
|
737
743
|
let r = [], i = (t, n, i) => {
|
|
738
|
-
let a =
|
|
744
|
+
let a = $n(t), o = a.exec(e);
|
|
739
745
|
for (; o !== null;) {
|
|
740
746
|
let t = o.index, s = t + o[0].length;
|
|
741
747
|
o[0].length === 0 ? a.lastIndex++ : r.some((e) => t < e.end && s > e.start) || r.push({
|
|
@@ -749,7 +755,7 @@ function $n(e, t, n) {
|
|
|
749
755
|
};
|
|
750
756
|
return i(n.logic, "data-logic-merge-tag", (e) => V(e, n)), i(n.value, "data-merge-tag", (e) => B(e, t)), r.sort((e, t) => e.start - t.start);
|
|
751
757
|
}
|
|
752
|
-
function
|
|
758
|
+
function tr(e) {
|
|
753
759
|
let t = e.createTreeWalker(e.body, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT, { acceptNode(e) {
|
|
754
760
|
if (e.nodeType !== 1) return NodeFilter.FILTER_ACCEPT;
|
|
755
761
|
let t = e;
|
|
@@ -758,11 +764,11 @@ function er(e) {
|
|
|
758
764
|
for (; r !== null;) n.push(r), r = t.nextNode();
|
|
759
765
|
return n;
|
|
760
766
|
}
|
|
761
|
-
function
|
|
767
|
+
function nr(e, t, n) {
|
|
762
768
|
if (!e || !te(e, n) || typeof DOMParser > "u") return e;
|
|
763
769
|
let r = new DOMParser().parseFromString(`<!doctype html><body>${e}</body>`, "text/html"), i = 0;
|
|
764
|
-
for (let e of
|
|
765
|
-
let a = e.data, o =
|
|
770
|
+
for (let e of tr(r)) {
|
|
771
|
+
let a = e.data, o = er(a, t, n);
|
|
766
772
|
if (o.length === 0) continue;
|
|
767
773
|
let s = r.createDocumentFragment(), c = 0;
|
|
768
774
|
for (let e of o) {
|
|
@@ -774,13 +780,13 @@ function tr(e, t, n) {
|
|
|
774
780
|
}
|
|
775
781
|
return i === 0 ? e : r.body.innerHTML;
|
|
776
782
|
}
|
|
777
|
-
function
|
|
783
|
+
function rr(e, t, n) {
|
|
778
784
|
if (e.type === "section") {
|
|
779
785
|
if (!Array.isArray(e.children)) return e;
|
|
780
786
|
let r = !1, i = e.children.map((e) => {
|
|
781
787
|
if (!Array.isArray(e)) return e;
|
|
782
788
|
let i = !1, a = e.map((e) => {
|
|
783
|
-
let r =
|
|
789
|
+
let r = rr(e, t, n);
|
|
784
790
|
return r !== e && (i = !0), r;
|
|
785
791
|
});
|
|
786
792
|
return i ? (r = !0, a) : e;
|
|
@@ -791,16 +797,16 @@ function nr(e, t, n) {
|
|
|
791
797
|
} : e;
|
|
792
798
|
}
|
|
793
799
|
if (e.type !== "title" && e.type !== "paragraph" || typeof e.content != "string") return e;
|
|
794
|
-
let r =
|
|
800
|
+
let r = nr(e.content, t, n);
|
|
795
801
|
return r === e.content ? e : {
|
|
796
802
|
...e,
|
|
797
803
|
content: r
|
|
798
804
|
};
|
|
799
805
|
}
|
|
800
|
-
function
|
|
806
|
+
function ir(e, t, n) {
|
|
801
807
|
if (!e || !Array.isArray(e.blocks)) return e;
|
|
802
808
|
let r = !1, i = e.blocks.map((e) => {
|
|
803
|
-
let i =
|
|
809
|
+
let i = rr(e, t, n);
|
|
804
810
|
return i !== e && (r = !0), i;
|
|
805
811
|
});
|
|
806
812
|
return r ? {
|
|
@@ -808,10 +814,10 @@ function rr(e, t, n) {
|
|
|
808
814
|
blocks: i
|
|
809
815
|
} : e;
|
|
810
816
|
}
|
|
811
|
-
function ir(e, t) {
|
|
812
|
-
return rr(e, t?.tags ?? [], W(t?.syntax));
|
|
813
|
-
}
|
|
814
817
|
function ar(e, t) {
|
|
818
|
+
return ir(e, t?.tags ?? [], W(t?.syntax));
|
|
819
|
+
}
|
|
820
|
+
function or(e, t) {
|
|
815
821
|
return {
|
|
816
822
|
get state() {
|
|
817
823
|
return e.state;
|
|
@@ -819,14 +825,14 @@ function ar(e, t) {
|
|
|
819
825
|
get content() {
|
|
820
826
|
return e.content;
|
|
821
827
|
},
|
|
822
|
-
setContent: (n, r) => e.setContent(
|
|
828
|
+
setContent: (n, r) => e.setContent(ar(n, t), r)
|
|
823
829
|
};
|
|
824
830
|
}
|
|
825
|
-
function
|
|
831
|
+
function sr(e, t) {
|
|
826
832
|
return {
|
|
827
833
|
...e,
|
|
828
834
|
async load(n) {
|
|
829
|
-
let r = await e.load(n), i =
|
|
835
|
+
let r = await e.load(n), i = ar(r.content, t);
|
|
830
836
|
return i === r.content ? r : {
|
|
831
837
|
...r,
|
|
832
838
|
content: i
|
|
@@ -836,30 +842,30 @@ function or(e, t) {
|
|
|
836
842
|
}
|
|
837
843
|
//#endregion
|
|
838
844
|
//#region src/components/Canvas.vue?vue&type=script&setup=true&lang.ts
|
|
839
|
-
var
|
|
845
|
+
var cr = ["aria-label"], lr = {
|
|
840
846
|
key: 0,
|
|
841
847
|
role: "status",
|
|
842
848
|
"aria-busy": "true",
|
|
843
849
|
"data-testid": "preview-resolution-loading",
|
|
844
850
|
class: "tpl:flex tpl:flex-col tpl:gap-3 tpl:p-6"
|
|
845
|
-
},
|
|
851
|
+
}, ur = { class: "tpl:sr-only" }, dr = {
|
|
846
852
|
key: 1,
|
|
847
853
|
role: "status",
|
|
848
854
|
"data-testid": "preview-resolution-failed",
|
|
849
855
|
class: "tpl:mx-6 tpl:mt-4 tpl:rounded-md tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg-hover)]"
|
|
850
|
-
},
|
|
856
|
+
}, fr = {
|
|
851
857
|
key: 0,
|
|
852
858
|
class: "tpl-canvas-empty-content tpl:flex tpl:flex-col tpl:items-center"
|
|
853
|
-
},
|
|
859
|
+
}, pr = { class: "tpl-canvas-empty-icon tpl:mb-4 tpl:text-[var(--tpl-primary)]" }, mr = { class: "tpl-canvas-empty-title tpl:m-0 tpl:mb-2 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-primary)]" }, hr = { class: "tpl-canvas-empty-text tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-dim)]" }, gr = {
|
|
854
860
|
key: 0,
|
|
855
861
|
class: "tpl:m-0 tpl:mt-2 tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-center tpl:gap-x-1 tpl:gap-y-0.5 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
|
|
856
|
-
},
|
|
862
|
+
}, _r = {
|
|
857
863
|
key: 1,
|
|
858
864
|
class: "tpl:m-0 tpl:mt-4 tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-center tpl:gap-x-1 tpl:gap-y-0.5 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
|
|
859
|
-
},
|
|
865
|
+
}, vr = { class: "tpl:relative" }, yr = {
|
|
860
866
|
class: "tpl:inline-flex tpl:size-3 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[8px] tpl:font-bold",
|
|
861
867
|
style: { "background-color": "color-mix(\n in srgb,\n var(--tpl-bg) 30%,\n transparent\n )" }
|
|
862
|
-
},
|
|
868
|
+
}, br = /*#__PURE__*/ Qt(/* @__PURE__ */ j({
|
|
863
869
|
__name: "Canvas",
|
|
864
870
|
props: {
|
|
865
871
|
viewport: {},
|
|
@@ -967,11 +973,11 @@ var sr = ["aria-label"], cr = {
|
|
|
967
973
|
}]),
|
|
968
974
|
style: l(B.value),
|
|
969
975
|
onClick: te
|
|
970
|
-
}, [O(j)?.isInitialResolve.value ? (S(), v("div",
|
|
976
|
+
}, [O(j)?.isInitialResolve.value ? (S(), v("div", lr, [_("span", ur, C(O(c).previewResolution.resolving), 1), (S(), v(D, null, x(3, (e) => _("div", {
|
|
971
977
|
key: e,
|
|
972
978
|
"aria-hidden": "true",
|
|
973
979
|
class: "tpl-pulse tpl:h-16 tpl:rounded-md tpl:bg-[var(--tpl-bg-hover)]"
|
|
974
|
-
})), 64))])) : O(j)?.hasFailed.value ? (S(), v("p",
|
|
980
|
+
})), 64))])) : O(j)?.hasFailed.value ? (S(), v("p", dr, C(O(c).previewResolution.failed), 1)) : A("", !0), t(y(O(we), {
|
|
975
981
|
modelValue: L.value,
|
|
976
982
|
"onUpdate:modelValue": i[2] ||= (e) => L.value = e,
|
|
977
983
|
group: "blocks",
|
|
@@ -994,14 +1000,14 @@ var sr = ["aria-label"], cr = {
|
|
|
994
1000
|
onDragleave: G,
|
|
995
1001
|
onDrop: ee
|
|
996
1002
|
}, {
|
|
997
|
-
default: M(() => [V.value ? (S(), v("div",
|
|
998
|
-
_("div",
|
|
1003
|
+
default: M(() => [V.value ? (S(), v("div", fr, [
|
|
1004
|
+
_("div", pr, [y(O(Fn), {
|
|
999
1005
|
size: 48,
|
|
1000
1006
|
"stroke-width": 1
|
|
1001
1007
|
})]),
|
|
1002
|
-
_("p",
|
|
1003
|
-
_("p",
|
|
1004
|
-
N.value && O(f) ? (S(), v("p",
|
|
1008
|
+
_("p", mr, C(O(c).canvas.noBlocks), 1),
|
|
1009
|
+
_("p", hr, C(O(c).canvas.dragHint), 1),
|
|
1010
|
+
N.value && O(f) ? (S(), v("p", gr, [
|
|
1005
1011
|
b(C(O(c).canvas.aiHintChat) + " ", 1),
|
|
1006
1012
|
_("button", {
|
|
1007
1013
|
class: "tpl:inline-flex tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:whitespace-nowrap tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-sm tpl:font-semibold tpl:transition-colors tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
|
|
@@ -1012,7 +1018,7 @@ var sr = ["aria-label"], cr = {
|
|
|
1012
1018
|
}), b(" " + C(O(f).aiMenu.aiAssistant), 1)]),
|
|
1013
1019
|
b(" " + C(O(c).canvas.aiHintChatSuffix), 1)
|
|
1014
1020
|
])) : A("", !0),
|
|
1015
|
-
P.value && O(f) ? (S(), v("p",
|
|
1021
|
+
P.value && O(f) ? (S(), v("p", _r, [
|
|
1016
1022
|
b(C(O(c).canvas.aiHintDesign) + " ", 1),
|
|
1017
1023
|
_("button", {
|
|
1018
1024
|
class: "tpl:inline-flex tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:whitespace-nowrap tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-sm tpl:font-semibold tpl:transition-colors tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
|
|
@@ -1026,7 +1032,7 @@ var sr = ["aria-label"], cr = {
|
|
|
1026
1032
|
])) : A("", !0), (S(!0), v(D, null, x(L.value, (e) => t((S(), v("div", {
|
|
1027
1033
|
key: e.id,
|
|
1028
1034
|
class: "tpl-block-item"
|
|
1029
|
-
}, [_("div",
|
|
1035
|
+
}, [_("div", vr, [K(e.id) ? (S(), v("div", {
|
|
1030
1036
|
key: 0,
|
|
1031
1037
|
class: "tpl-collab-lock tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[4] tpl:rounded-sm",
|
|
1032
1038
|
style: l({
|
|
@@ -1039,7 +1045,7 @@ var sr = ["aria-label"], cr = {
|
|
|
1039
1045
|
backgroundColor: K(e.id).color,
|
|
1040
1046
|
color: O(hn)(K(e.id).color)
|
|
1041
1047
|
})
|
|
1042
|
-
}, [_("span",
|
|
1048
|
+
}, [_("span", yr, C(K(e.id).name.charAt(0)), 1), b(" " + C(K(e.id).name), 1)], 4)], 4)) : A("", !0), y(Re, {
|
|
1043
1049
|
block: e,
|
|
1044
1050
|
"is-selected": !n.previewMode && !ae.value && n.selectedBlockId === e.id && !K(e.id),
|
|
1045
1051
|
picked: ie(e.id),
|
|
@@ -1072,9 +1078,9 @@ var sr = ["aria-label"], cr = {
|
|
|
1072
1078
|
"modelValue",
|
|
1073
1079
|
"disabled",
|
|
1074
1080
|
"class"
|
|
1075
|
-
]), [[I, !O(j)?.isInitialResolve.value]])], 6)], 12,
|
|
1081
|
+
]), [[I, !O(j)?.isInitialResolve.value]])], 6)], 12, cr)], 4));
|
|
1076
1082
|
}
|
|
1077
|
-
}), [["__scopeId", "data-v-9bb8b409"]]),
|
|
1083
|
+
}), [["__scopeId", "data-v-9bb8b409"]]), xr = j({
|
|
1078
1084
|
name: "CustomBlockStylesheets",
|
|
1079
1085
|
setup() {
|
|
1080
1086
|
let e = d(mt, null);
|
|
@@ -1087,7 +1093,7 @@ var sr = ["aria-label"], cr = {
|
|
|
1087
1093
|
});
|
|
1088
1094
|
//#endregion
|
|
1089
1095
|
//#region src/utils/resolvePaletteBlocks.ts
|
|
1090
|
-
function
|
|
1096
|
+
function Sr(e, t) {
|
|
1091
1097
|
if (!t || t.length === 0) return {
|
|
1092
1098
|
items: e,
|
|
1093
1099
|
unknown: []
|
|
@@ -1106,7 +1112,7 @@ function xr(e, t) {
|
|
|
1106
1112
|
}
|
|
1107
1113
|
//#endregion
|
|
1108
1114
|
//#region src/utils/resolveInsertPosition.ts
|
|
1109
|
-
function
|
|
1115
|
+
function Cr(e) {
|
|
1110
1116
|
let { blockType: t, selectedBlockId: n, findBlockLocation: r, isBlockLocked: i } = e;
|
|
1111
1117
|
if (!n) return {};
|
|
1112
1118
|
let a = r(n);
|
|
@@ -1124,21 +1130,21 @@ function Sr(e) {
|
|
|
1124
1130
|
}
|
|
1125
1131
|
//#endregion
|
|
1126
1132
|
//#region src/components/Sidebar.vue?vue&type=script&setup=true&lang.ts
|
|
1127
|
-
var
|
|
1133
|
+
var wr = ["aria-label"], Tr = {
|
|
1128
1134
|
key: 0,
|
|
1129
1135
|
class: "tpl:border-b tpl:px-1 tpl:pb-1 tpl:border-[var(--tpl-border)]"
|
|
1130
|
-
},
|
|
1136
|
+
}, Er = ["aria-label"], Dr = {
|
|
1131
1137
|
key: 0,
|
|
1132
1138
|
class: "tpl:truncate tpl:text-sm tpl:font-medium"
|
|
1133
|
-
},
|
|
1139
|
+
}, Or = [
|
|
1134
1140
|
"data-palette-type",
|
|
1135
1141
|
"aria-label",
|
|
1136
1142
|
"onClick",
|
|
1137
1143
|
"onKeydown"
|
|
1138
|
-
],
|
|
1144
|
+
], kr = { class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:transition-transform tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:scale-105" }, Ar = {
|
|
1139
1145
|
key: 0,
|
|
1140
1146
|
class: "tpl:truncate tpl:text-sm tpl:font-medium"
|
|
1141
|
-
},
|
|
1147
|
+
}, jr = /* @__PURE__ */ j({
|
|
1142
1148
|
__name: "Sidebar",
|
|
1143
1149
|
setup(e) {
|
|
1144
1150
|
let { t, format: n } = q(), r = d(st, []), i = d($e, void 0), a = d(pt, void 0), s = d(ct, null), c = Lt(), f = d(at, {}), p = k(() => f.savedBlocks?.isAvailable.value === !0), h = m(!1), g = m(!1), b = m(null);
|
|
@@ -1188,7 +1194,7 @@ var Cr = ["aria-label"], wr = {
|
|
|
1188
1194
|
label: e.name,
|
|
1189
1195
|
isCustom: !0,
|
|
1190
1196
|
icon: e.icon
|
|
1191
|
-
}))), R = k(() => [...I.value, ...L.value]), z = k(() =>
|
|
1197
|
+
}))), R = k(() => [...I.value, ...L.value]), z = k(() => Sr(R.value, i)), B = k(() => z.value.items), V = /* @__PURE__ */ new Set();
|
|
1192
1198
|
o(() => z.value.unknown, (e) => {
|
|
1193
1199
|
for (let t of e) V.has(t) || (V.add(t), bt.warn(`config.paletteBlocks: "${t}" is not a built-in or registered custom block (use the "custom:" prefix for custom blocks) — skipping it in the palette.`));
|
|
1194
1200
|
}, { immediate: !0 });
|
|
@@ -1201,7 +1207,7 @@ var Cr = ["aria-label"], wr = {
|
|
|
1201
1207
|
}
|
|
1202
1208
|
function U(e) {
|
|
1203
1209
|
if (!s) return;
|
|
1204
|
-
let t = H(e), { targetSectionId: n, columnIndex: r, index: i } =
|
|
1210
|
+
let t = H(e), { targetSectionId: n, columnIndex: r, index: i } = Cr({
|
|
1205
1211
|
blockType: e.type,
|
|
1206
1212
|
selectedBlockId: s.state.selectedBlockId,
|
|
1207
1213
|
findBlockLocation: s.findBlockLocation,
|
|
@@ -1228,7 +1234,7 @@ var Cr = ["aria-label"], wr = {
|
|
|
1228
1234
|
onMouseleave: E,
|
|
1229
1235
|
onFocusin: r[2] ||= (e) => h.value = !0,
|
|
1230
1236
|
onFocusout: r[3] ||= (e) => h.value = !1
|
|
1231
|
-
}, [p.value ? (S(), v("div",
|
|
1237
|
+
}, [p.value ? (S(), v("div", Tr, [_("button", {
|
|
1232
1238
|
type: "button",
|
|
1233
1239
|
"aria-label": O(t).sidebarNav.browseSavedBlocks,
|
|
1234
1240
|
class: "tpl:flex tpl:h-10 tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-3 tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)]",
|
|
@@ -1238,7 +1244,7 @@ var Cr = ["aria-label"], wr = {
|
|
|
1238
1244
|
size: 20,
|
|
1239
1245
|
"stroke-width": 1.5,
|
|
1240
1246
|
class: "tpl:shrink-0"
|
|
1241
|
-
}), h.value ? (S(), v("span",
|
|
1247
|
+
}), h.value ? (S(), v("span", Dr, C(O(t).savedBlocks.title), 1)) : A("", !0)], 12, Er)])) : A("", !0), y(O(we), {
|
|
1242
1248
|
"model-value": B.value,
|
|
1243
1249
|
group: {
|
|
1244
1250
|
name: "blocks",
|
|
@@ -1263,7 +1269,7 @@ var Cr = ["aria-label"], wr = {
|
|
|
1263
1269
|
style: l({ justifyContent: h.value ? "flex-start" : "center" }),
|
|
1264
1270
|
onClick: (t) => U(e),
|
|
1265
1271
|
onKeydown: (t) => W(t, e)
|
|
1266
|
-
}, [_("div",
|
|
1272
|
+
}, [_("div", kr, [O(jt)[e.type] ? (S(), w(u(O(jt)[e.type]), {
|
|
1267
1273
|
key: 0,
|
|
1268
1274
|
size: 20,
|
|
1269
1275
|
"stroke-width": 1.5
|
|
@@ -1271,14 +1277,14 @@ var Cr = ["aria-label"], wr = {
|
|
|
1271
1277
|
key: 1,
|
|
1272
1278
|
icon: e.icon,
|
|
1273
1279
|
size: 20
|
|
1274
|
-
}, null, 8, ["icon"])) : A("", !0)]), h.value ? (S(), v("span",
|
|
1280
|
+
}, null, 8, ["icon"])) : A("", !0)]), h.value ? (S(), v("span", Ar, C(e.label), 1)) : A("", !0)], 44, Or))), 128))]),
|
|
1275
1281
|
_: 1
|
|
1276
|
-
}, 8, ["model-value"])], 44,
|
|
1282
|
+
}, 8, ["model-value"])], 44, wr));
|
|
1277
1283
|
}
|
|
1278
1284
|
});
|
|
1279
1285
|
//#endregion
|
|
1280
1286
|
//#region src/utils/mergeTagTrigger.ts
|
|
1281
|
-
function
|
|
1287
|
+
function Mr(e, t, n, r) {
|
|
1282
1288
|
if (!n) return null;
|
|
1283
1289
|
let i = e.slice(0, t), a = i.lastIndexOf(n);
|
|
1284
1290
|
if (a === -1) return null;
|
|
@@ -1291,8 +1297,8 @@ function jr(e, t, n, r) {
|
|
|
1291
1297
|
}
|
|
1292
1298
|
//#endregion
|
|
1293
1299
|
//#region src/utils/textFieldCaret.ts
|
|
1294
|
-
var
|
|
1295
|
-
function
|
|
1300
|
+
var Nr = /* @__PURE__ */ "boxSizing.width.borderTopWidth.borderRightWidth.borderBottomWidth.borderLeftWidth.borderStyle.paddingTop.paddingRight.paddingBottom.paddingLeft.fontStyle.fontVariant.fontWeight.fontStretch.fontSize.lineHeight.fontFamily.textAlign.textTransform.textIndent.letterSpacing.wordSpacing.tabSize.whiteSpace.wordWrap.wordBreak".split(".");
|
|
1301
|
+
function Pr(e, t, n) {
|
|
1296
1302
|
return {
|
|
1297
1303
|
left: e,
|
|
1298
1304
|
top: t,
|
|
@@ -1305,7 +1311,7 @@ function Nr(e, t, n) {
|
|
|
1305
1311
|
toJSON: () => ({})
|
|
1306
1312
|
};
|
|
1307
1313
|
}
|
|
1308
|
-
function
|
|
1314
|
+
function Fr(e, t) {
|
|
1309
1315
|
let n = e.ownerDocument, r = n.defaultView;
|
|
1310
1316
|
if (!r) return null;
|
|
1311
1317
|
let i = e.tagName === "INPUT", a = r.getComputedStyle(e), o = n.createElement("div");
|
|
@@ -1313,7 +1319,7 @@ function Pr(e, t) {
|
|
|
1313
1319
|
let s = o.style;
|
|
1314
1320
|
s.position = "absolute", s.visibility = "hidden", s.top = "0", s.left = "0", s.overflow = "hidden", s.whiteSpace = i ? "pre" : "pre-wrap", s.wordWrap = i ? "normal" : "break-word";
|
|
1315
1321
|
let c = s, l = a;
|
|
1316
|
-
for (let e of
|
|
1322
|
+
for (let e of Nr) c[e] = l[e];
|
|
1317
1323
|
i && (s.width = "auto", s.whiteSpace = "pre");
|
|
1318
1324
|
let u = e.value, d = u.slice(0, t);
|
|
1319
1325
|
i && (d = d.replace(/\s/g, "\xA0")), o.textContent = d;
|
|
@@ -1322,26 +1328,26 @@ function Pr(e, t) {
|
|
|
1322
1328
|
let p = f.offsetTop, m = f.offsetLeft;
|
|
1323
1329
|
n.body.removeChild(o);
|
|
1324
1330
|
let h = e.getBoundingClientRect(), g = parseFloat(a.borderTopWidth) || 0, _ = parseFloat(a.borderLeftWidth) || 0, v = parseFloat(a.lineHeight) || parseFloat(a.fontSize) || 0, y = h.left + m + _ - e.scrollLeft;
|
|
1325
|
-
if (i) return
|
|
1331
|
+
if (i) return Pr(y, h.top, h.bottom);
|
|
1326
1332
|
let b = h.top + p + g - e.scrollTop;
|
|
1327
|
-
return
|
|
1333
|
+
return Pr(y, b, b + v);
|
|
1328
1334
|
}
|
|
1329
1335
|
//#endregion
|
|
1330
1336
|
//#region src/composables/useMergeTagAutocomplete.ts
|
|
1331
|
-
var
|
|
1337
|
+
var Ir = /* @__PURE__ */ new Set([
|
|
1332
1338
|
"ArrowLeft",
|
|
1333
1339
|
"ArrowRight",
|
|
1334
1340
|
"Home",
|
|
1335
1341
|
"End"
|
|
1336
1342
|
]);
|
|
1337
|
-
function
|
|
1343
|
+
function Lr(e) {
|
|
1338
1344
|
let { elementRef: t, modelValue: n, emit: r, mergeTags: a, syntax: o, enabled: s, onInsert: c } = e, l = z(o), u = K(o), m = s && l !== null && a.length > 0, h = d(nt, null), g = (i(h) ? h.value : h)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", _ = St(), v = gn(g, _), y = !1;
|
|
1339
1345
|
p() && E(() => {
|
|
1340
1346
|
y = !0, v.close();
|
|
1341
1347
|
});
|
|
1342
1348
|
function b(e) {
|
|
1343
1349
|
let t = e.value ?? "";
|
|
1344
|
-
return
|
|
1350
|
+
return Mr(t, e.selectionStart ?? t.length, l, u);
|
|
1345
1351
|
}
|
|
1346
1352
|
function x(e, i, a) {
|
|
1347
1353
|
let o = e.value ?? n(), s = o.slice(i.caret), l = u && s.startsWith(u) ? u.length : 0, d = o.slice(0, i.triggerStart), p = o.slice(i.caret + l), m = d + a.value + p, h = d.length + a.value.length;
|
|
@@ -1363,7 +1369,7 @@ function Ir(e) {
|
|
|
1363
1369
|
v.close();
|
|
1364
1370
|
return;
|
|
1365
1371
|
}
|
|
1366
|
-
let r = _n(a, n.query), i = () =>
|
|
1372
|
+
let r = _n(a, n.query), i = () => Fr(e, n.triggerStart), o = (t) => x(e, n, t);
|
|
1367
1373
|
v.isOpen() ? v.update({
|
|
1368
1374
|
items: r,
|
|
1369
1375
|
getRect: i,
|
|
@@ -1376,7 +1382,7 @@ function Ir(e) {
|
|
|
1376
1382
|
});
|
|
1377
1383
|
}
|
|
1378
1384
|
function C(e) {
|
|
1379
|
-
return v.isOpen() ? e.key === "Escape" ? (v.close(), !0) :
|
|
1385
|
+
return v.isOpen() ? e.key === "Escape" ? (v.close(), !0) : Ir.has(e.key) ? (v.close(), !1) : v.handleKeyDown(e) : !1;
|
|
1380
1386
|
}
|
|
1381
1387
|
return {
|
|
1382
1388
|
available: m,
|
|
@@ -1388,12 +1394,12 @@ function Ir(e) {
|
|
|
1388
1394
|
}
|
|
1389
1395
|
//#endregion
|
|
1390
1396
|
//#region src/composables/useMergeTagField.ts
|
|
1391
|
-
function
|
|
1397
|
+
function Rr(e) {
|
|
1392
1398
|
let { modelValue: t, emit: n, elementRef: r } = e, { mergeTags: i, canRequestMergeTag: a, isRequesting: o, isMergeTagValue: s, getMergeTagLabel: c, requestMergeTag: l, syntax: u, autocomplete: d } = en(), { canInsertLogicTag: h, isRequesting: g, requestLogicTag: _ } = Be(), v = m(!1), y = !1, b = !1;
|
|
1393
1399
|
p() && E(() => {
|
|
1394
1400
|
b = !0;
|
|
1395
1401
|
});
|
|
1396
|
-
let x =
|
|
1402
|
+
let x = Lr({
|
|
1397
1403
|
elementRef: r,
|
|
1398
1404
|
modelValue: t,
|
|
1399
1405
|
emit: n,
|
|
@@ -1515,10 +1521,10 @@ function Lr(e) {
|
|
|
1515
1521
|
}
|
|
1516
1522
|
//#endregion
|
|
1517
1523
|
//#region src/components/MergeTagSegments.vue?vue&type=script&setup=true&lang.ts
|
|
1518
|
-
var
|
|
1524
|
+
var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip"], Hr = {
|
|
1519
1525
|
key: 2,
|
|
1520
1526
|
class: "tpl:text-sm tpl:text-[var(--tpl-text)]"
|
|
1521
|
-
},
|
|
1527
|
+
}, Ur = ["aria-label", "title"], Wr = /* @__PURE__ */ j({
|
|
1522
1528
|
__name: "MergeTagSegments",
|
|
1523
1529
|
props: {
|
|
1524
1530
|
segments: {},
|
|
@@ -1546,7 +1552,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1546
1552
|
"background-color": "color-mix(\n in srgb,\n var(--tpl-primary) 20%,\n transparent\n )",
|
|
1547
1553
|
color: "var(--tpl-primary)"
|
|
1548
1554
|
}
|
|
1549
|
-
}, C(e.label), 9,
|
|
1555
|
+
}, C(e.label), 9, Br)) : e.type === "logicMergeTag" ? (S(), v("span", {
|
|
1550
1556
|
key: 1,
|
|
1551
1557
|
class: "tpl-tooltip tpl:inline-flex tpl:items-center tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase",
|
|
1552
1558
|
"data-tooltip": e.value,
|
|
@@ -1555,7 +1561,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1555
1561
|
border: "1.5px solid\n color-mix(in srgb, var(--tpl-primary) 50%, transparent)",
|
|
1556
1562
|
color: "var(--tpl-primary)"
|
|
1557
1563
|
}
|
|
1558
|
-
}, C(e.keyword), 9,
|
|
1564
|
+
}, C(e.keyword), 9, Vr)) : (S(), v("span", Hr, C(e.value), 1))], 64))), 128)), _("button", {
|
|
1559
1565
|
type: "button",
|
|
1560
1566
|
class: "tpl:ml-auto tpl:flex tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-dim)] tpl:opacity-60 tpl:transition-all tpl:hover:text-[var(--tpl-danger)] tpl:hover:opacity-100",
|
|
1561
1567
|
"aria-label": O(i).mergeTag.remove,
|
|
@@ -1564,13 +1570,13 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1564
1570
|
}, [y(O(Zt), {
|
|
1565
1571
|
size: 12,
|
|
1566
1572
|
"stroke-width": 2.5
|
|
1567
|
-
})], 8,
|
|
1573
|
+
})], 8, Ur)], 42, zr));
|
|
1568
1574
|
}
|
|
1569
|
-
}),
|
|
1575
|
+
}), Gr = [
|
|
1570
1576
|
"aria-label",
|
|
1571
1577
|
"title",
|
|
1572
1578
|
"disabled"
|
|
1573
|
-
],
|
|
1579
|
+
], Kr = "tpl:flex tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)] tpl:hover:border-[var(--tpl-primary)]", qr = /* @__PURE__ */ j({
|
|
1574
1580
|
__name: "MergeTagInsertButton",
|
|
1575
1581
|
props: { disabled: { type: Boolean } },
|
|
1576
1582
|
emits: ["insert"],
|
|
@@ -1578,7 +1584,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1578
1584
|
let { t } = q();
|
|
1579
1585
|
return (n, i) => (S(), v("button", {
|
|
1580
1586
|
type: "button",
|
|
1581
|
-
class: r([
|
|
1587
|
+
class: r([Kr, "tpl:mt-1.5"]),
|
|
1582
1588
|
"aria-label": O(t).mergeTag.insert,
|
|
1583
1589
|
title: O(t).mergeTag.insert,
|
|
1584
1590
|
disabled: e.disabled,
|
|
@@ -1587,13 +1593,13 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1587
1593
|
}, [y(O(wt), {
|
|
1588
1594
|
size: 12,
|
|
1589
1595
|
"stroke-width": 2
|
|
1590
|
-
}), b(" " + C(O(t).mergeTag.insertShort), 1)], 42,
|
|
1596
|
+
}), b(" " + C(O(t).mergeTag.insertShort), 1)], 42, Gr));
|
|
1591
1597
|
}
|
|
1592
|
-
}),
|
|
1598
|
+
}), Jr = [
|
|
1593
1599
|
"aria-label",
|
|
1594
1600
|
"title",
|
|
1595
1601
|
"disabled"
|
|
1596
|
-
],
|
|
1602
|
+
], Yr = "tpl:flex tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)] tpl:hover:border-[var(--tpl-primary)]", Xr = /* @__PURE__ */ j({
|
|
1597
1603
|
__name: "LogicTagInsertButton",
|
|
1598
1604
|
props: { disabled: { type: Boolean } },
|
|
1599
1605
|
emits: ["insert"],
|
|
@@ -1601,7 +1607,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1601
1607
|
let { t } = q();
|
|
1602
1608
|
return (n, i) => (S(), v("button", {
|
|
1603
1609
|
type: "button",
|
|
1604
|
-
class: r([
|
|
1610
|
+
class: r([Yr, "tpl:mt-1.5"]),
|
|
1605
1611
|
"aria-label": O(t).logicTag.insert,
|
|
1606
1612
|
title: O(t).logicTag.insert,
|
|
1607
1613
|
disabled: e.disabled,
|
|
@@ -1611,19 +1617,19 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1611
1617
|
}, [y(O(Ct), {
|
|
1612
1618
|
size: 12,
|
|
1613
1619
|
"stroke-width": 2
|
|
1614
|
-
}), b(" " + C(O(t).logicTag.insertShort), 1)], 42,
|
|
1620
|
+
}), b(" " + C(O(t).logicTag.insertShort), 1)], 42, Jr));
|
|
1615
1621
|
}
|
|
1616
|
-
}),
|
|
1622
|
+
}), Zr = { key: 0 }, Qr = {
|
|
1617
1623
|
key: 0,
|
|
1618
1624
|
class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
|
|
1619
|
-
},
|
|
1625
|
+
}, $r = { key: 1 }, ei = [
|
|
1620
1626
|
"value",
|
|
1621
1627
|
"placeholder",
|
|
1622
1628
|
"rows"
|
|
1623
|
-
],
|
|
1629
|
+
], ti = {
|
|
1624
1630
|
key: 0,
|
|
1625
1631
|
class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
|
|
1626
|
-
},
|
|
1632
|
+
}, ni = "tpl:w-full tpl:resize-y tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", ri = "tpl:flex tpl:w-full tpl:min-h-20 tpl:cursor-pointer tpl:items-start tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", ii = /* @__PURE__ */ j({
|
|
1627
1633
|
__name: "MergeTagTextarea",
|
|
1628
1634
|
props: {
|
|
1629
1635
|
modelValue: {},
|
|
@@ -1632,32 +1638,32 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1632
1638
|
},
|
|
1633
1639
|
emits: ["update:modelValue"],
|
|
1634
1640
|
setup(e, { emit: t }) {
|
|
1635
|
-
let n = e, i = t, a = m(null), { segments: o, hasMergeTags: s, canRequestMergeTag: c, isRequestingMergeTag: l, canInsertLogicTag: u, isRequestingLogicTag: d, isEditing: f, startEditing: p, handleInput: h, handleKeydown: g, handleClick: b, handleBlur: x, clearValue: C, insertMergeTag: T, insertLogicTag: E } =
|
|
1641
|
+
let n = e, i = t, a = m(null), { segments: o, hasMergeTags: s, canRequestMergeTag: c, isRequestingMergeTag: l, canInsertLogicTag: u, isRequestingLogicTag: d, isEditing: f, startEditing: p, handleInput: h, handleKeydown: g, handleClick: b, handleBlur: x, clearValue: C, insertMergeTag: T, insertLogicTag: E } = Rr({
|
|
1636
1642
|
modelValue: () => n.modelValue,
|
|
1637
1643
|
emit: (e) => i("update:modelValue", e),
|
|
1638
1644
|
elementRef: a
|
|
1639
1645
|
});
|
|
1640
|
-
return (t, n) => O(s) && !O(f) ? (S(), v("div",
|
|
1646
|
+
return (t, n) => O(s) && !O(f) ? (S(), v("div", Zr, [y(Wr, {
|
|
1641
1647
|
segments: O(o),
|
|
1642
|
-
"display-class":
|
|
1648
|
+
"display-class": ri,
|
|
1643
1649
|
onEdit: O(p),
|
|
1644
1650
|
onClear: O(C)
|
|
1645
1651
|
}, null, 8, [
|
|
1646
1652
|
"segments",
|
|
1647
1653
|
"onEdit",
|
|
1648
1654
|
"onClear"
|
|
1649
|
-
]), O(c) || O(u) ? (S(), v("div",
|
|
1655
|
+
]), O(c) || O(u) ? (S(), v("div", Qr, [O(c) ? (S(), w(qr, {
|
|
1650
1656
|
key: 0,
|
|
1651
1657
|
disabled: O(l),
|
|
1652
1658
|
onInsert: O(T)
|
|
1653
|
-
}, null, 8, ["disabled", "onInsert"])) : A("", !0), O(u) ? (S(), w(
|
|
1659
|
+
}, null, 8, ["disabled", "onInsert"])) : A("", !0), O(u) ? (S(), w(Xr, {
|
|
1654
1660
|
key: 1,
|
|
1655
1661
|
disabled: O(d),
|
|
1656
1662
|
onInsert: O(E)
|
|
1657
|
-
}, null, 8, ["disabled", "onInsert"])) : A("", !0)])) : A("", !0)])) : (S(), v("div",
|
|
1663
|
+
}, null, 8, ["disabled", "onInsert"])) : A("", !0)])) : A("", !0)])) : (S(), v("div", $r, [_("textarea", {
|
|
1658
1664
|
ref_key: "textareaRef",
|
|
1659
1665
|
ref: a,
|
|
1660
|
-
class: r(
|
|
1666
|
+
class: r(ni),
|
|
1661
1667
|
value: e.modelValue,
|
|
1662
1668
|
placeholder: e.placeholder,
|
|
1663
1669
|
rows: e.rows,
|
|
@@ -1665,20 +1671,20 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1665
1671
|
onKeydown: n[1] ||= (...e) => O(g) && O(g)(...e),
|
|
1666
1672
|
onClick: n[2] ||= (...e) => O(b) && O(b)(...e),
|
|
1667
1673
|
onBlur: n[3] ||= (...e) => O(x) && O(x)(...e)
|
|
1668
|
-
}, null, 40,
|
|
1674
|
+
}, null, 40, ei), O(c) || O(u) ? (S(), v("div", ti, [O(c) ? (S(), w(qr, {
|
|
1669
1675
|
key: 0,
|
|
1670
1676
|
disabled: O(l),
|
|
1671
1677
|
onInsert: O(T)
|
|
1672
|
-
}, null, 8, ["disabled", "onInsert"])) : A("", !0), O(u) ? (S(), w(
|
|
1678
|
+
}, null, 8, ["disabled", "onInsert"])) : A("", !0), O(u) ? (S(), w(Xr, {
|
|
1673
1679
|
key: 1,
|
|
1674
1680
|
disabled: O(d),
|
|
1675
1681
|
onInsert: O(E)
|
|
1676
1682
|
}, null, 8, ["disabled", "onInsert"])) : A("", !0)])) : A("", !0)]));
|
|
1677
1683
|
}
|
|
1678
|
-
}),
|
|
1684
|
+
}), ai = { class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]" }, oi = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:gap-3 tpl:overflow-y-auto tpl:p-4" }, si = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, ci = { class: "tpl:mb-3.5" }, li = { class: "tpl:grid tpl:grid-cols-4 tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-hover)]" }, ui = ["onClick"], di = { class: "tpl:flex tpl:items-stretch" }, fi = ["value"], pi = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, mi = {
|
|
1679
1685
|
class: "tpl:mb-3.5",
|
|
1680
1686
|
"data-testid": "template-settings-background"
|
|
1681
|
-
},
|
|
1687
|
+
}, hi = { class: "tpl:mb-3.5" }, gi = { class: "tpl:mb-3.5" }, _i = { class: "tpl:mb-3.5" }, vi = ["value"], yi = ["value"], bi = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, xi = ["value"], Si = { class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, Ci = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, wi = { class: "tpl:mt-1 tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, Ti = { class: "tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, Ei = { class: "tpl:shrink-0 tpl:text-xs tpl:tabular-nums tpl:text-[var(--tpl-text-dim)]" }, Di = { class: "tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3" }, Oi = { class: "tpl:mb-2.5 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text-muted)]" }, ki = { class: "tpl:m-0 tpl:pl-[18px] tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, Ai = { class: "tpl:mb-1 tpl:last:mb-0" }, ji = { class: "tpl:mb-1 tpl:last:mb-0" }, Mi = { class: "tpl:mb-1 tpl:last:mb-0" }, Ni = 150, Pi = /* @__PURE__ */ j({
|
|
1682
1688
|
__name: "TemplateSettings",
|
|
1683
1689
|
props: { settings: {} },
|
|
1684
1690
|
emits: ["update"],
|
|
@@ -1701,14 +1707,14 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1701
1707
|
label: "800px"
|
|
1702
1708
|
}
|
|
1703
1709
|
];
|
|
1704
|
-
return (t, n) => (S(), v("aside",
|
|
1710
|
+
return (t, n) => (S(), v("aside", ai, [_("div", oi, [
|
|
1705
1711
|
_("div", { class: r(O(ln)) }, [
|
|
1706
|
-
_("div",
|
|
1712
|
+
_("div", si, [y(O(In), {
|
|
1707
1713
|
class: "tpl:text-[var(--tpl-text-muted)]",
|
|
1708
1714
|
size: 14,
|
|
1709
1715
|
"stroke-width": 2
|
|
1710
1716
|
}), _("span", null, C(O(a).templateSettings.layout), 1)]),
|
|
1711
|
-
_("div",
|
|
1717
|
+
_("div", ci, [_("label", { class: r(O(Y)) }, C(O(a).templateSettings.widthPreset), 3), _("div", li, [(S(), v(D, null, x(u, (t) => _("button", {
|
|
1712
1718
|
key: t.value,
|
|
1713
1719
|
class: "tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
|
|
1714
1720
|
style: l({
|
|
@@ -1717,38 +1723,38 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1717
1723
|
boxShadow: e.settings.width === t.value ? "var(--tpl-shadow)" : "none"
|
|
1718
1724
|
}),
|
|
1719
1725
|
onClick: (e) => i("update", { width: t.value })
|
|
1720
|
-
}, C(t.label), 13,
|
|
1721
|
-
_("div", null, [_("label", { class: r(O(Y)) }, C(O(a).templateSettings.customWidth), 3), _("div",
|
|
1726
|
+
}, C(t.label), 13, ui)), 64))])]),
|
|
1727
|
+
_("div", null, [_("label", { class: r(O(Y)) }, C(O(a).templateSettings.customWidth), 3), _("div", di, [_("input", {
|
|
1722
1728
|
type: "number",
|
|
1723
1729
|
class: r(O(Z)),
|
|
1724
1730
|
value: e.settings.width,
|
|
1725
1731
|
min: "300",
|
|
1726
1732
|
max: "900",
|
|
1727
1733
|
onInput: n[0] ||= (e) => i("update", { width: Number(e.target.value) })
|
|
1728
|
-
}, null, 42,
|
|
1734
|
+
}, null, 42, fi), _("span", { class: r(O(X)) }, "px", 2)])])
|
|
1729
1735
|
], 2),
|
|
1730
1736
|
_("div", { class: r(O(ln)) }, [
|
|
1731
|
-
_("div",
|
|
1737
|
+
_("div", pi, [y(O(wn), {
|
|
1732
1738
|
class: "tpl:text-[var(--tpl-text-muted)]",
|
|
1733
1739
|
size: 14,
|
|
1734
1740
|
"stroke-width": 2
|
|
1735
1741
|
}), _("span", null, C(O(a).templateSettings.appearance), 1)]),
|
|
1736
|
-
_("div",
|
|
1742
|
+
_("div", mi, [_("label", { class: r(O(Y)) }, C(O(a).templateSettings.backgroundColor), 3), y($, {
|
|
1737
1743
|
"model-value": e.settings.backgroundColor,
|
|
1738
1744
|
placeholder: O(dn),
|
|
1739
1745
|
"onUpdate:modelValue": n[1] ||= (e) => i("update", { backgroundColor: e })
|
|
1740
1746
|
}, null, 8, ["model-value", "placeholder"])]),
|
|
1741
|
-
_("div",
|
|
1747
|
+
_("div", hi, [_("label", { class: r(O(Y)) }, C(O(a).templateSettings.textColor), 3), y($, {
|
|
1742
1748
|
"model-value": e.settings.textColor ?? "",
|
|
1743
1749
|
"seed-color": "#1a1a1a",
|
|
1744
1750
|
"onUpdate:modelValue": n[2] ||= (e) => i("update", { textColor: e })
|
|
1745
1751
|
}, null, 8, ["model-value"])]),
|
|
1746
|
-
_("div",
|
|
1752
|
+
_("div", gi, [_("label", { class: r(O(Y)) }, C(O(a).templateSettings.linkColor), 3), y($, {
|
|
1747
1753
|
"model-value": e.settings.linkColor ?? "",
|
|
1748
1754
|
"seed-color": "#0066cc",
|
|
1749
1755
|
"onUpdate:modelValue": n[3] ||= (e) => i("update", { linkColor: e || void 0 })
|
|
1750
1756
|
}, null, 8, ["model-value"])]),
|
|
1751
|
-
_("div",
|
|
1757
|
+
_("div", _i, [y(vn, {
|
|
1752
1758
|
class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
|
|
1753
1759
|
"model-value": e.settings.linkUnderline,
|
|
1754
1760
|
label: O(a).templateSettings.linkUnderline,
|
|
@@ -1761,9 +1767,9 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1761
1767
|
}, [(S(!0), v(D, null, x(s.value, (e) => (S(), v("option", {
|
|
1762
1768
|
key: e.value,
|
|
1763
1769
|
value: e.value
|
|
1764
|
-
}, C(e.label), 9,
|
|
1770
|
+
}, C(e.label), 9, yi))), 128))], 42, vi)])
|
|
1765
1771
|
], 2),
|
|
1766
|
-
_("div", { class: r(O(ln)) }, [_("div",
|
|
1772
|
+
_("div", { class: r(O(ln)) }, [_("div", bi, [y(O(Tn), {
|
|
1767
1773
|
class: "tpl:text-[var(--tpl-text-muted)]",
|
|
1768
1774
|
size: 14,
|
|
1769
1775
|
"stroke-width": 2
|
|
@@ -1778,40 +1784,40 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1778
1784
|
autocapitalize: "off",
|
|
1779
1785
|
autocomplete: "off",
|
|
1780
1786
|
onInput: n[6] ||= (e) => i("update", { locale: e.target.value.trim() || void 0 })
|
|
1781
|
-
}, null, 42,
|
|
1782
|
-
_("p",
|
|
1787
|
+
}, null, 42, xi),
|
|
1788
|
+
_("p", Si, C(O(a).templateSettings.contentLocaleHint), 1)
|
|
1783
1789
|
])], 2),
|
|
1784
|
-
_("div", { class: r(O(ln)) }, [_("div",
|
|
1790
|
+
_("div", { class: r(O(ln)) }, [_("div", Ci, [y(O(Mt), {
|
|
1785
1791
|
class: "tpl:text-[var(--tpl-text-muted)]",
|
|
1786
1792
|
size: 14,
|
|
1787
1793
|
"stroke-width": 2
|
|
1788
|
-
}), _("span", null, C(O(a).templateSettings.preheaderText), 1)]), _("div", null, [y(
|
|
1794
|
+
}), _("span", null, C(O(a).templateSettings.preheaderText), 1)]), _("div", null, [y(ii, {
|
|
1789
1795
|
"model-value": e.settings.preheaderText ?? "",
|
|
1790
1796
|
placeholder: O(a).templateSettings.preheaderTextPlaceholder,
|
|
1791
1797
|
rows: 2,
|
|
1792
1798
|
"onUpdate:modelValue": n[7] ||= (e) => i("update", { preheaderText: e.replace(/[\r\n]/g, " ") || void 0 })
|
|
1793
|
-
}, null, 8, ["model-value", "placeholder"]), _("div",
|
|
1794
|
-
_("div",
|
|
1799
|
+
}, null, 8, ["model-value", "placeholder"]), _("div", wi, [_("span", Ti, C(O(a).templateSettings.preheaderTextHint), 1), _("span", Ei, C((e.settings.preheaderText ?? "").length) + "/" + C(Ni), 1)])])], 2),
|
|
1800
|
+
_("div", Di, [_("div", Oi, [y(O(Ft), {
|
|
1795
1801
|
size: 14,
|
|
1796
1802
|
"stroke-width": 2
|
|
1797
|
-
}), _("span", null, C(O(a).templateSettings.tips), 1)]), _("ul",
|
|
1798
|
-
_("li",
|
|
1799
|
-
_("li",
|
|
1800
|
-
_("li",
|
|
1803
|
+
}), _("span", null, C(O(a).templateSettings.tips), 1)]), _("ul", ki, [
|
|
1804
|
+
_("li", Ai, C(O(a).templateSettings.tip1), 1),
|
|
1805
|
+
_("li", ji, C(O(a).templateSettings.tip2), 1),
|
|
1806
|
+
_("li", Mi, C(O(a).templateSettings.tip3), 1)
|
|
1801
1807
|
])])
|
|
1802
1808
|
])]));
|
|
1803
1809
|
}
|
|
1804
|
-
}),
|
|
1810
|
+
}), Fi = { key: 0 }, Ii = {
|
|
1805
1811
|
key: 0,
|
|
1806
1812
|
class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
|
|
1807
|
-
},
|
|
1813
|
+
}, Li = { key: 1 }, Ri = [
|
|
1808
1814
|
"type",
|
|
1809
1815
|
"value",
|
|
1810
1816
|
"placeholder"
|
|
1811
|
-
],
|
|
1817
|
+
], zi = {
|
|
1812
1818
|
key: 0,
|
|
1813
1819
|
class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
|
|
1814
|
-
},
|
|
1820
|
+
}, Bi = "tpl:flex tpl:w-full tpl:min-h-10 tpl:cursor-pointer tpl:items-center tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3.5 tpl:py-1.5 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", Vi = /*#__PURE__*/ Qt(/* @__PURE__ */ j({
|
|
1815
1821
|
__name: "MergeTagInput",
|
|
1816
1822
|
props: {
|
|
1817
1823
|
modelValue: {},
|
|
@@ -1824,14 +1830,14 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1824
1830
|
},
|
|
1825
1831
|
emits: ["update:modelValue"],
|
|
1826
1832
|
setup(e, { emit: t }) {
|
|
1827
|
-
let n = e, i = t, a = m(null), { segments: o, hasMergeTags: s, canRequestMergeTag: c, isRequestingMergeTag: l, canInsertLogicTag: u, isRequestingLogicTag: d, isEditing: f, startEditing: p, handleInput: h, handleKeydown: g, handleClick: b, handleBlur: x, clearValue: C, insertMergeTag: T, insertLogicTag: E } =
|
|
1833
|
+
let n = e, i = t, a = m(null), { segments: o, hasMergeTags: s, canRequestMergeTag: c, isRequestingMergeTag: l, canInsertLogicTag: u, isRequestingLogicTag: d, isEditing: f, startEditing: p, handleInput: h, handleKeydown: g, handleClick: b, handleBlur: x, clearValue: C, insertMergeTag: T, insertLogicTag: E } = Rr({
|
|
1828
1834
|
modelValue: () => n.modelValue,
|
|
1829
1835
|
emit: (e) => i("update:modelValue", e),
|
|
1830
1836
|
elementRef: a
|
|
1831
1837
|
});
|
|
1832
|
-
return (t, n) => O(s) && !O(f) ? (S(), v("div",
|
|
1838
|
+
return (t, n) => O(s) && !O(f) ? (S(), v("div", Fi, [y(Wr, {
|
|
1833
1839
|
segments: O(o),
|
|
1834
|
-
"display-class":
|
|
1840
|
+
"display-class": Bi,
|
|
1835
1841
|
pulse: e.pulse,
|
|
1836
1842
|
onEdit: O(p),
|
|
1837
1843
|
onClear: O(C)
|
|
@@ -1840,15 +1846,15 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1840
1846
|
"pulse",
|
|
1841
1847
|
"onEdit",
|
|
1842
1848
|
"onClear"
|
|
1843
|
-
]), O(c) || O(u) ? (S(), v("div",
|
|
1849
|
+
]), O(c) || O(u) ? (S(), v("div", Ii, [O(c) ? (S(), w(qr, {
|
|
1844
1850
|
key: 0,
|
|
1845
1851
|
disabled: O(l),
|
|
1846
1852
|
onInsert: O(T)
|
|
1847
|
-
}, null, 8, ["disabled", "onInsert"])) : A("", !0), O(u) ? (S(), w(
|
|
1853
|
+
}, null, 8, ["disabled", "onInsert"])) : A("", !0), O(u) ? (S(), w(Xr, {
|
|
1848
1854
|
key: 1,
|
|
1849
1855
|
disabled: O(d),
|
|
1850
1856
|
onInsert: O(E)
|
|
1851
|
-
}, null, 8, ["disabled", "onInsert"])) : A("", !0)])) : A("", !0)])) : (S(), v("div",
|
|
1857
|
+
}, null, 8, ["disabled", "onInsert"])) : A("", !0)])) : A("", !0)])) : (S(), v("div", Li, [_("input", {
|
|
1852
1858
|
ref_key: "inputRef",
|
|
1853
1859
|
ref: a,
|
|
1854
1860
|
type: e.type,
|
|
@@ -1859,20 +1865,20 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1859
1865
|
onKeydown: n[1] ||= (...e) => O(g) && O(g)(...e),
|
|
1860
1866
|
onClick: n[2] ||= (...e) => O(b) && O(b)(...e),
|
|
1861
1867
|
onBlur: n[3] ||= (...e) => O(x) && O(x)(...e)
|
|
1862
|
-
}, null, 42,
|
|
1868
|
+
}, null, 42, Ri), O(c) || O(u) ? (S(), v("div", zi, [O(c) ? (S(), w(qr, {
|
|
1863
1869
|
key: 0,
|
|
1864
1870
|
disabled: O(l),
|
|
1865
1871
|
onInsert: O(T)
|
|
1866
|
-
}, null, 8, ["disabled", "onInsert"])) : A("", !0), O(u) ? (S(), w(
|
|
1872
|
+
}, null, 8, ["disabled", "onInsert"])) : A("", !0), O(u) ? (S(), w(Xr, {
|
|
1867
1873
|
key: 1,
|
|
1868
1874
|
disabled: O(d),
|
|
1869
1875
|
onInsert: O(E)
|
|
1870
1876
|
}, null, 8, ["disabled", "onInsert"])) : A("", !0)])) : A("", !0)]));
|
|
1871
1877
|
}
|
|
1872
|
-
}), [["__scopeId", "data-v-c289916a"]]),
|
|
1878
|
+
}), [["__scopeId", "data-v-c289916a"]]), Hi = { class: "tpl:mb-3.5" }, Ui = ["value"], Wi = { value: "" }, Gi = ["value"], Ki = { class: "tpl:mb-3.5" }, qi = { class: "tpl:mb-3.5" }, Ji = { class: "tpl:mb-3.5" }, Yi = { class: "tpl:mb-3.5" }, Xi = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, Zi = { class: "tpl:mb-3.5" }, Qi = { class: "tpl:flex tpl:items-stretch" }, $i = ["value"], ea = { class: "tpl:mb-3.5" }, ta = { class: "tpl:flex tpl:items-stretch" }, na = ["value"], ra = { class: "tpl:mb-3.5" }, ia = ["value"], aa = { value: "auto" }, oa = { value: "full" }, sa = { value: "custom" }, ca = {
|
|
1873
1879
|
key: 0,
|
|
1874
1880
|
class: "tpl:mt-2 tpl:flex tpl:items-stretch"
|
|
1875
|
-
},
|
|
1881
|
+
}, la = ["value"], ua = { class: "tpl:mb-3.5" }, da = 200, fa = /* @__PURE__ */ j({
|
|
1876
1882
|
__name: "ButtonToolbar",
|
|
1877
1883
|
props: {
|
|
1878
1884
|
block: {},
|
|
@@ -1890,7 +1896,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1890
1896
|
return;
|
|
1891
1897
|
}
|
|
1892
1898
|
if (e === "custom") {
|
|
1893
|
-
s("width", typeof n.block.width == "number" ? n.block.width :
|
|
1899
|
+
s("width", typeof n.block.width == "number" ? n.block.width : da);
|
|
1894
1900
|
return;
|
|
1895
1901
|
}
|
|
1896
1902
|
s("width", void 0);
|
|
@@ -1900,22 +1906,22 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1900
1906
|
!Number.isFinite(t) || t <= 0 || s("width", t);
|
|
1901
1907
|
}
|
|
1902
1908
|
return (t, n) => (S(), v(D, null, [
|
|
1903
|
-
_("div",
|
|
1909
|
+
_("div", Hi, [_("label", { class: r(O(Y)) }, C(O(a).button.fontFamily), 3), _("select", {
|
|
1904
1910
|
class: r(O(Q)),
|
|
1905
1911
|
value: e.block.fontFamily || "",
|
|
1906
1912
|
onChange: n[0] ||= (e) => s("fontFamily", e.target.value || void 0)
|
|
1907
|
-
}, [_("option",
|
|
1913
|
+
}, [_("option", Wi, C(O(a).button.inheritFont), 1), (S(!0), v(D, null, x(e.fontFamilies, (e) => (S(), v("option", {
|
|
1908
1914
|
key: e.value,
|
|
1909
1915
|
value: e.value
|
|
1910
|
-
}, C(e.label), 9,
|
|
1911
|
-
_("div",
|
|
1916
|
+
}, C(e.label), 9, Gi))), 128))], 42, Ui)]),
|
|
1917
|
+
_("div", Ki, [_("label", { class: r(O(Y)) }, C(O(a).button.text), 3), y(Vi, {
|
|
1912
1918
|
"model-value": e.block.text,
|
|
1913
1919
|
type: "text",
|
|
1914
1920
|
"onUpdate:modelValue": n[1] ||= (e) => s("text", e)
|
|
1915
1921
|
}, null, 8, ["model-value"])]),
|
|
1916
|
-
_("div",
|
|
1922
|
+
_("div", qi, [
|
|
1917
1923
|
_("label", { class: r(O(Y)) }, C(O(a).button.url), 3),
|
|
1918
|
-
y(
|
|
1924
|
+
y(Vi, {
|
|
1919
1925
|
"model-value": e.block.url,
|
|
1920
1926
|
type: "url",
|
|
1921
1927
|
placeholder: O(a).button.urlPlaceholder,
|
|
@@ -1929,49 +1935,49 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1929
1935
|
"onUpdate:modelValue": n[3] ||= (e) => s("openInNewTab", e)
|
|
1930
1936
|
}, null, 8, ["model-value", "label"])) : A("", !0)
|
|
1931
1937
|
]),
|
|
1932
|
-
_("div",
|
|
1938
|
+
_("div", Ji, [_("label", { class: r(O(Y)) }, C(O(a).button.background), 3), y($, {
|
|
1933
1939
|
"model-value": e.block.backgroundColor,
|
|
1934
1940
|
"onUpdate:modelValue": n[4] ||= (e) => s("backgroundColor", e)
|
|
1935
1941
|
}, null, 8, ["model-value"])]),
|
|
1936
|
-
_("div",
|
|
1942
|
+
_("div", Yi, [_("label", { class: r(O(Y)) }, C(O(a).button.textColor), 3), y($, {
|
|
1937
1943
|
"model-value": e.block.textColor,
|
|
1938
1944
|
"onUpdate:modelValue": n[5] ||= (e) => s("textColor", e)
|
|
1939
1945
|
}, null, 8, ["model-value"])]),
|
|
1940
|
-
_("div",
|
|
1946
|
+
_("div", Xi, [_("div", Zi, [_("label", { class: r(O(Y)) }, C(O(a).button.borderRadius), 3), _("div", Qi, [_("input", {
|
|
1941
1947
|
type: "number",
|
|
1942
1948
|
class: r(O(Z)),
|
|
1943
1949
|
value: e.block.borderRadius,
|
|
1944
1950
|
min: "0",
|
|
1945
1951
|
max: "50",
|
|
1946
1952
|
onInput: n[6] ||= (e) => s("borderRadius", Number(e.target.value))
|
|
1947
|
-
}, null, 42,
|
|
1953
|
+
}, null, 42, $i), _("span", { class: r(O(X)) }, "px", 2)])]), _("div", ea, [_("label", { class: r(O(Y)) }, C(O(a).button.fontSize), 3), _("div", ta, [_("input", {
|
|
1948
1954
|
type: "number",
|
|
1949
1955
|
class: r(O(Z)),
|
|
1950
1956
|
value: e.block.fontSize,
|
|
1951
1957
|
min: "10",
|
|
1952
1958
|
max: "36",
|
|
1953
1959
|
onInput: n[7] ||= (e) => s("fontSize", Number(e.target.value))
|
|
1954
|
-
}, null, 42,
|
|
1955
|
-
_("div",
|
|
1960
|
+
}, null, 42, na), _("span", { class: r(O(X)) }, "px", 2)])])]),
|
|
1961
|
+
_("div", ra, [
|
|
1956
1962
|
_("label", { class: r(O(Y)) }, C(O(a).button.width), 3),
|
|
1957
1963
|
_("select", {
|
|
1958
1964
|
class: r(O(Q)),
|
|
1959
1965
|
value: o.value,
|
|
1960
1966
|
onChange: n[8] ||= (e) => c(e.target.value)
|
|
1961
1967
|
}, [
|
|
1962
|
-
_("option",
|
|
1963
|
-
_("option",
|
|
1964
|
-
_("option",
|
|
1965
|
-
], 42,
|
|
1966
|
-
o.value === "custom" ? (S(), v("div",
|
|
1968
|
+
_("option", aa, C(O(a).button.widthAuto), 1),
|
|
1969
|
+
_("option", oa, C(O(a).button.fullWidth), 1),
|
|
1970
|
+
_("option", sa, C(O(a).button.widthCustom), 1)
|
|
1971
|
+
], 42, ia),
|
|
1972
|
+
o.value === "custom" ? (S(), v("div", ca, [_("input", {
|
|
1967
1973
|
type: "number",
|
|
1968
1974
|
class: r(O(Z)),
|
|
1969
|
-
value: typeof e.block.width == "number" ? e.block.width :
|
|
1975
|
+
value: typeof e.block.width == "number" ? e.block.width : da,
|
|
1970
1976
|
min: "20",
|
|
1971
1977
|
onInput: n[9] ||= (e) => l(e.target.value)
|
|
1972
|
-
}, null, 42,
|
|
1978
|
+
}, null, 42, la), _("span", { class: r(O(X)) }, "px", 2)])) : A("", !0)
|
|
1973
1979
|
]),
|
|
1974
|
-
_("div",
|
|
1980
|
+
_("div", ua, [_("label", { class: r(O(Y)) }, C(O(a).title.align), 3), y(bn, {
|
|
1975
1981
|
options: [
|
|
1976
1982
|
{
|
|
1977
1983
|
value: "left",
|
|
@@ -1991,7 +1997,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1991
1997
|
}, null, 8, ["options", "model-value"])])
|
|
1992
1998
|
], 64));
|
|
1993
1999
|
}
|
|
1994
|
-
}),
|
|
2000
|
+
}), pa = { class: "spacing-control" }, ma = { class: "tpl:mb-2 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, ha = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-1.5" }, ga = { class: "tpl:flex tpl:items-center" }, _a = ["aria-label"], va = ["value", "aria-label"], ya = ["aria-label"], ba = { class: "tpl:flex tpl:items-center tpl:gap-2" }, xa = { class: "tpl:flex tpl:items-center" }, Sa = ["aria-label"], Ca = ["value", "aria-label"], wa = ["aria-label"], Ta = ["aria-label", "title"], Ea = { class: "tpl:flex tpl:items-center" }, Da = ["aria-label"], Oa = ["value", "aria-label"], ka = ["aria-label"], Aa = { class: "tpl:flex tpl:items-center" }, ja = ["aria-label"], Ma = ["value", "aria-label"], Na = ["aria-label"], Pa = "tpl:flex tpl:items-center tpl:justify-center tpl:w-8 tpl:h-8 tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg)] tpl:border tpl:border-[var(--tpl-border)] tpl:cursor-pointer tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)] tpl:active:bg-[var(--tpl-bg-active)]", Fa = "tpl:w-10 tpl:h-8 tpl:text-center tpl:text-xs tpl:font-medium tpl:border-y tpl:border-x-0 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", Ia = /*#__PURE__*/ Qt(/* @__PURE__ */ j({
|
|
1995
2001
|
__name: "SpacingControl",
|
|
1996
2002
|
props: {
|
|
1997
2003
|
modelValue: {},
|
|
@@ -2038,59 +2044,59 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2038
2044
|
});
|
|
2039
2045
|
}
|
|
2040
2046
|
}
|
|
2041
|
-
return (t, n) => (S(), v("div",
|
|
2042
|
-
_("div",
|
|
2047
|
+
return (t, n) => (S(), v("div", pa, [_("label", ma, C(e.label), 1), _("div", ha, [
|
|
2048
|
+
_("div", ga, [
|
|
2043
2049
|
_("button", {
|
|
2044
2050
|
"aria-label": O(a).spacingControl.decreaseTop,
|
|
2045
|
-
class: r([
|
|
2051
|
+
class: r([Pa, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
|
|
2046
2052
|
onClick: n[0] ||= (e) => l("top", -1)
|
|
2047
2053
|
}, [y(O(Ot), {
|
|
2048
2054
|
size: 12,
|
|
2049
2055
|
"stroke-width": 2
|
|
2050
|
-
})], 10,
|
|
2056
|
+
})], 10, _a),
|
|
2051
2057
|
_("input", {
|
|
2052
2058
|
type: "number",
|
|
2053
|
-
class: r(
|
|
2059
|
+
class: r(Fa),
|
|
2054
2060
|
value: e.modelValue.top,
|
|
2055
2061
|
"aria-label": O(a).spacingControl.top,
|
|
2056
2062
|
min: "0",
|
|
2057
2063
|
onInput: n[1] ||= (e) => u("top", Number(e.target.value))
|
|
2058
|
-
}, null, 40,
|
|
2064
|
+
}, null, 40, va),
|
|
2059
2065
|
_("button", {
|
|
2060
2066
|
"aria-label": O(a).spacingControl.increaseTop,
|
|
2061
|
-
class: r([
|
|
2067
|
+
class: r([Pa, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
|
|
2062
2068
|
onClick: n[2] ||= (e) => l("top", 1)
|
|
2063
2069
|
}, [y(O(jn), {
|
|
2064
2070
|
size: 12,
|
|
2065
2071
|
"stroke-width": 2
|
|
2066
|
-
})], 10,
|
|
2072
|
+
})], 10, ya)
|
|
2067
2073
|
]),
|
|
2068
|
-
_("div",
|
|
2069
|
-
_("div",
|
|
2074
|
+
_("div", ba, [
|
|
2075
|
+
_("div", xa, [
|
|
2070
2076
|
_("button", {
|
|
2071
2077
|
"aria-label": O(a).spacingControl.decreaseLeft,
|
|
2072
|
-
class: r([
|
|
2078
|
+
class: r([Pa, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
|
|
2073
2079
|
onClick: n[3] ||= (e) => l("left", -1)
|
|
2074
2080
|
}, [y(O(Ot), {
|
|
2075
2081
|
size: 12,
|
|
2076
2082
|
"stroke-width": 2
|
|
2077
|
-
})], 10,
|
|
2083
|
+
})], 10, Sa),
|
|
2078
2084
|
_("input", {
|
|
2079
2085
|
type: "number",
|
|
2080
|
-
class: r(
|
|
2086
|
+
class: r(Fa),
|
|
2081
2087
|
value: e.modelValue.left,
|
|
2082
2088
|
"aria-label": O(a).spacingControl.left,
|
|
2083
2089
|
min: "0",
|
|
2084
2090
|
onInput: n[4] ||= (e) => u("left", Number(e.target.value))
|
|
2085
|
-
}, null, 40,
|
|
2091
|
+
}, null, 40, Ca),
|
|
2086
2092
|
_("button", {
|
|
2087
2093
|
"aria-label": O(a).spacingControl.increaseLeft,
|
|
2088
|
-
class: r([
|
|
2094
|
+
class: r([Pa, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
|
|
2089
2095
|
onClick: n[5] ||= (e) => l("left", 1)
|
|
2090
2096
|
}, [y(O(jn), {
|
|
2091
2097
|
size: 12,
|
|
2092
2098
|
"stroke-width": 2
|
|
2093
|
-
})], 10,
|
|
2099
|
+
})], 10, wa)
|
|
2094
2100
|
]),
|
|
2095
2101
|
_("button", {
|
|
2096
2102
|
class: r(["tpl:flex tpl:h-8 tpl:w-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", c.value ? "tpl:border-[var(--tpl-primary)] tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]" : "tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-bg-hover)]"]),
|
|
@@ -2105,63 +2111,63 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2105
2111
|
key: 1,
|
|
2106
2112
|
size: 14,
|
|
2107
2113
|
"stroke-width": 2
|
|
2108
|
-
}))], 10,
|
|
2109
|
-
_("div",
|
|
2114
|
+
}))], 10, Ta),
|
|
2115
|
+
_("div", Ea, [
|
|
2110
2116
|
_("button", {
|
|
2111
2117
|
"aria-label": O(a).spacingControl.decreaseRight,
|
|
2112
|
-
class: r([
|
|
2118
|
+
class: r([Pa, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
|
|
2113
2119
|
onClick: n[6] ||= (e) => l("right", -1)
|
|
2114
2120
|
}, [y(O(Ot), {
|
|
2115
2121
|
size: 12,
|
|
2116
2122
|
"stroke-width": 2
|
|
2117
|
-
})], 10,
|
|
2123
|
+
})], 10, Da),
|
|
2118
2124
|
_("input", {
|
|
2119
2125
|
type: "number",
|
|
2120
|
-
class: r(
|
|
2126
|
+
class: r(Fa),
|
|
2121
2127
|
value: e.modelValue.right,
|
|
2122
2128
|
"aria-label": O(a).spacingControl.right,
|
|
2123
2129
|
min: "0",
|
|
2124
2130
|
onInput: n[7] ||= (e) => u("right", Number(e.target.value))
|
|
2125
|
-
}, null, 40,
|
|
2131
|
+
}, null, 40, Oa),
|
|
2126
2132
|
_("button", {
|
|
2127
2133
|
"aria-label": O(a).spacingControl.increaseRight,
|
|
2128
|
-
class: r([
|
|
2134
|
+
class: r([Pa, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
|
|
2129
2135
|
onClick: n[8] ||= (e) => l("right", 1)
|
|
2130
2136
|
}, [y(O(jn), {
|
|
2131
2137
|
size: 12,
|
|
2132
2138
|
"stroke-width": 2
|
|
2133
|
-
})], 10,
|
|
2139
|
+
})], 10, ka)
|
|
2134
2140
|
])
|
|
2135
2141
|
]),
|
|
2136
|
-
_("div",
|
|
2142
|
+
_("div", Aa, [
|
|
2137
2143
|
_("button", {
|
|
2138
2144
|
"aria-label": O(a).spacingControl.decreaseBottom,
|
|
2139
|
-
class: r([
|
|
2145
|
+
class: r([Pa, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
|
|
2140
2146
|
onClick: n[9] ||= (e) => l("bottom", -1)
|
|
2141
2147
|
}, [y(O(Ot), {
|
|
2142
2148
|
size: 12,
|
|
2143
2149
|
"stroke-width": 2
|
|
2144
|
-
})], 10,
|
|
2150
|
+
})], 10, ja),
|
|
2145
2151
|
_("input", {
|
|
2146
2152
|
type: "number",
|
|
2147
|
-
class: r(
|
|
2153
|
+
class: r(Fa),
|
|
2148
2154
|
value: e.modelValue.bottom,
|
|
2149
2155
|
"aria-label": O(a).spacingControl.bottom,
|
|
2150
2156
|
min: "0",
|
|
2151
2157
|
onInput: n[10] ||= (e) => u("bottom", Number(e.target.value))
|
|
2152
|
-
}, null, 40,
|
|
2158
|
+
}, null, 40, Ma),
|
|
2153
2159
|
_("button", {
|
|
2154
2160
|
"aria-label": O(a).spacingControl.increaseBottom,
|
|
2155
|
-
class: r([
|
|
2161
|
+
class: r([Pa, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
|
|
2156
2162
|
onClick: n[11] ||= (e) => l("bottom", 1)
|
|
2157
2163
|
}, [y(O(jn), {
|
|
2158
2164
|
size: 12,
|
|
2159
2165
|
"stroke-width": 2
|
|
2160
|
-
})], 10,
|
|
2166
|
+
})], 10, Na)
|
|
2161
2167
|
])
|
|
2162
2168
|
])]));
|
|
2163
2169
|
}
|
|
2164
|
-
}), [["__scopeId", "data-v-69591c1e"]]),
|
|
2170
|
+
}), [["__scopeId", "data-v-69591c1e"]]), La = ["data-testid"], Ra = { class: "tpl:mt-3" }, za = /* @__PURE__ */ j({
|
|
2165
2171
|
__name: "CollapsibleSection",
|
|
2166
2172
|
props: {
|
|
2167
2173
|
title: {},
|
|
@@ -2180,21 +2186,21 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2180
2186
|
class: r(["tpl:transition-transform tpl:duration-200", e.open ? "tpl:rotate-0" : "tpl:-rotate-90"]),
|
|
2181
2187
|
size: 12,
|
|
2182
2188
|
"stroke-width": 2
|
|
2183
|
-
}, null, 8, ["class"]), _("span", null, C(e.title), 1)], 8,
|
|
2189
|
+
}, null, 8, ["class"]), _("span", null, C(e.title), 1)], 8, La), t(_("div", Ra, [s(n.$slots, "default")], 512), [[I, e.open]])], 2));
|
|
2184
2190
|
}
|
|
2185
|
-
}),
|
|
2191
|
+
}), Ba = { class: "tpl:space-y-2" }, Va = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ha = { class: "tpl:space-y-2" }, Ua = ["value"], Wa = { value: "" }, Ga = ["label"], Ka = ["value"], qa = ["value"], Ja = {
|
|
2186
2192
|
key: 0,
|
|
2187
2193
|
value: "__custom__"
|
|
2188
|
-
},
|
|
2194
|
+
}, Ya = {
|
|
2189
2195
|
key: 0,
|
|
2190
2196
|
class: "tpl:space-y-2"
|
|
2191
|
-
},
|
|
2197
|
+
}, Xa = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Za = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Qa = { class: "tpl:flex tpl:justify-end" }, $a = ["disabled"], eo = {
|
|
2192
2198
|
key: 0,
|
|
2193
2199
|
class: "tpl:text-[11px] tpl:text-[var(--tpl-text-muted)]"
|
|
2194
|
-
},
|
|
2200
|
+
}, to = { class: "tpl:space-y-1" }, no = { class: "tpl:m-0 tpl:overflow-x-auto tpl:rounded tpl:bg-[var(--tpl-bg)] tpl:p-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-muted)]" }, ro = {
|
|
2195
2201
|
key: 0,
|
|
2196
2202
|
class: "tpl:m-0 tpl:overflow-x-auto tpl:rounded tpl:bg-[var(--tpl-bg)] tpl:p-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-muted)]"
|
|
2197
|
-
},
|
|
2203
|
+
}, io = /* @__PURE__ */ j({
|
|
2198
2204
|
__name: "CommonBlockSettings",
|
|
2199
2205
|
props: {
|
|
2200
2206
|
block: {},
|
|
@@ -2257,13 +2263,13 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2257
2263
|
t[e] = !t[e], s("update", { visibility: t });
|
|
2258
2264
|
}
|
|
2259
2265
|
return (n, i) => (S(), v("div", { class: r(["tpl:flex tpl:flex-col", e.isFirstSection ? "" : "tpl:mt-4"]) }, [
|
|
2260
|
-
y(
|
|
2266
|
+
y(za, {
|
|
2261
2267
|
title: O(c).blockSettings.spacing,
|
|
2262
2268
|
open: p.has("spacing"),
|
|
2263
2269
|
"no-border": e.isFirstSection,
|
|
2264
2270
|
onToggle: i[1] ||= (e) => j("spacing")
|
|
2265
2271
|
}, {
|
|
2266
|
-
default: M(() => [y(
|
|
2272
|
+
default: M(() => [y(Ia, {
|
|
2267
2273
|
label: O(c).blockSettings.padding,
|
|
2268
2274
|
"model-value": e.block.styles.padding,
|
|
2269
2275
|
"onUpdate:modelValue": i[0] ||= (e) => z("padding", e)
|
|
@@ -2274,7 +2280,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2274
2280
|
"open",
|
|
2275
2281
|
"no-border"
|
|
2276
2282
|
]),
|
|
2277
|
-
y(
|
|
2283
|
+
y(za, {
|
|
2278
2284
|
title: O(c).blockSettings.background,
|
|
2279
2285
|
open: p.has("bg"),
|
|
2280
2286
|
onToggle: i[3] ||= (e) => j("bg")
|
|
@@ -2285,19 +2291,19 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2285
2291
|
}, null, 8, ["model-value"])]),
|
|
2286
2292
|
_: 1
|
|
2287
2293
|
}, 8, ["title", "open"]),
|
|
2288
|
-
y(
|
|
2294
|
+
y(za, {
|
|
2289
2295
|
title: O(c).blockSettings.display,
|
|
2290
2296
|
open: p.has("display"),
|
|
2291
2297
|
onToggle: i[4] ||= (e) => j("display")
|
|
2292
2298
|
}, {
|
|
2293
|
-
default: M(() => [_("div",
|
|
2299
|
+
default: M(() => [_("div", Ba, [(S(), v(D, null, x(E, (e) => y(vn, {
|
|
2294
2300
|
key: e.key,
|
|
2295
2301
|
class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
|
|
2296
2302
|
"model-value": B(e.key),
|
|
2297
2303
|
label: O(c).blockSettings[e.labelKey],
|
|
2298
2304
|
"onUpdate:modelValue": (t) => V(e.key)
|
|
2299
2305
|
}, {
|
|
2300
|
-
default: M(() => [_("span",
|
|
2306
|
+
default: M(() => [_("span", Va, [(S(), w(u(e.icon), {
|
|
2301
2307
|
size: 14,
|
|
2302
2308
|
"stroke-width": 1.5
|
|
2303
2309
|
})), b(" " + C(O(c).blockSettings[e.labelKey]), 1)])]),
|
|
@@ -2309,14 +2315,14 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2309
2315
|
])), 64))])]),
|
|
2310
2316
|
_: 1
|
|
2311
2317
|
}, 8, ["title", "open"]),
|
|
2312
|
-
P.value ? (S(), w(
|
|
2318
|
+
P.value ? (S(), w(za, {
|
|
2313
2319
|
key: 0,
|
|
2314
2320
|
"header-test-id": "display-condition-section",
|
|
2315
2321
|
title: O(c).blockSettings.displayCondition,
|
|
2316
2322
|
open: p.has("condition"),
|
|
2317
2323
|
onToggle: i[8] ||= (e) => j("condition")
|
|
2318
2324
|
}, {
|
|
2319
|
-
default: M(() => [_("div",
|
|
2325
|
+
default: M(() => [_("div", Ha, [_("select", {
|
|
2320
2326
|
"data-testid": "display-condition-select",
|
|
2321
2327
|
class: r(["tpl:w-full tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:text-xs tpl:outline-none tpl:transition-all tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]", e.block.displayCondition ? "tpl:border-[var(--tpl-primary)] tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-text)]" : "tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"]),
|
|
2322
2328
|
value: h.value || F.value ? "__custom__" : e.block.displayCondition?.label ?? "",
|
|
@@ -2334,41 +2340,41 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2334
2340
|
n && s("update", { displayCondition: n });
|
|
2335
2341
|
}
|
|
2336
2342
|
}, [
|
|
2337
|
-
_("option",
|
|
2343
|
+
_("option", Wa, C(O(c).blockSettings.noCondition), 1),
|
|
2338
2344
|
(S(!0), v(D, null, x(R.value, (e, t) => (S(), v(D, { key: t }, [t ? (S(), v("optgroup", {
|
|
2339
2345
|
key: 0,
|
|
2340
2346
|
label: String(t)
|
|
2341
2347
|
}, [(S(!0), v(D, null, x(e, (e) => (S(), v("option", {
|
|
2342
2348
|
key: e.label,
|
|
2343
2349
|
value: e.label
|
|
2344
|
-
}, C(e.label), 9,
|
|
2350
|
+
}, C(e.label), 9, Ka))), 128))], 8, Ga)) : (S(!0), v(D, { key: 1 }, x(e, (e) => (S(), v("option", {
|
|
2345
2351
|
key: e.label,
|
|
2346
2352
|
value: e.label
|
|
2347
|
-
}, C(e.label), 9,
|
|
2348
|
-
O(f) ? (S(), v("option",
|
|
2349
|
-
], 42,
|
|
2350
|
-
_("div", null, [_("label",
|
|
2353
|
+
}, C(e.label), 9, qa))), 128))], 64))), 128)),
|
|
2354
|
+
O(f) ? (S(), v("option", Ja, C(O(c).blockSettings.customCondition), 1)) : A("", !0)
|
|
2355
|
+
], 42, Ua), h.value || F.value ? (S(), v("div", Ya, [
|
|
2356
|
+
_("div", null, [_("label", Xa, C(O(c).blockSettings.customConditionBefore), 1), t(_("textarea", {
|
|
2351
2357
|
"onUpdate:modelValue": i[6] ||= (e) => g.value = e,
|
|
2352
2358
|
rows: "2",
|
|
2353
2359
|
class: r(O(on))
|
|
2354
2360
|
}, null, 2), [[N, g.value]])]),
|
|
2355
|
-
_("div", null, [_("label",
|
|
2361
|
+
_("div", null, [_("label", Za, C(O(c).blockSettings.customConditionAfter), 1), t(_("textarea", {
|
|
2356
2362
|
"onUpdate:modelValue": i[7] ||= (e) => T.value = e,
|
|
2357
2363
|
rows: "2",
|
|
2358
2364
|
class: r(O(on))
|
|
2359
2365
|
}, null, 2), [[N, T.value]])]),
|
|
2360
|
-
_("div",
|
|
2366
|
+
_("div", Qa, [_("button", {
|
|
2361
2367
|
type: "button",
|
|
2362
2368
|
class: "tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-[var(--tpl-primary)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-on-primary)] tpl:transition-all tpl:hover:opacity-90 tpl:disabled:opacity-50",
|
|
2363
2369
|
disabled: !g.value.trim(),
|
|
2364
2370
|
onClick: L
|
|
2365
|
-
}, C(O(c).blockSettings.applyCondition), 9,
|
|
2366
|
-
])) : e.block.displayCondition && !F.value ? (S(), v(D, { key: 1 }, [e.block.displayCondition.description ? (S(), v("p",
|
|
2371
|
+
}, C(O(c).blockSettings.applyCondition), 9, $a)])
|
|
2372
|
+
])) : e.block.displayCondition && !F.value ? (S(), v(D, { key: 1 }, [e.block.displayCondition.description ? (S(), v("p", eo, C(e.block.displayCondition.description), 1)) : A("", !0), _("div", to, [_("pre", no, C(e.block.displayCondition.before), 1), e.block.displayCondition.after ? (S(), v("pre", ro, C(e.block.displayCondition.after), 1)) : A("", !0)])], 64)) : A("", !0)])]),
|
|
2367
2373
|
_: 1
|
|
2368
2374
|
}, 8, ["title", "open"])) : A("", !0)
|
|
2369
2375
|
], 2));
|
|
2370
2376
|
}
|
|
2371
|
-
}),
|
|
2377
|
+
}), ao = ["title"], oo = /* @__PURE__ */ j({
|
|
2372
2378
|
__name: "BooleanField",
|
|
2373
2379
|
props: {
|
|
2374
2380
|
field: {},
|
|
@@ -2400,9 +2406,9 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2400
2406
|
"label",
|
|
2401
2407
|
"required",
|
|
2402
2408
|
"disabled"
|
|
2403
|
-
])], 8,
|
|
2409
|
+
])], 8, ao));
|
|
2404
2410
|
}
|
|
2405
|
-
}),
|
|
2411
|
+
}), so = { class: "tpl:mb-3.5" }, co = ["title"], lo = { class: "tpl-sr-only" }, uo = ["title"], fo = { class: "tpl-sr-only" }, po = /* @__PURE__ */ j({
|
|
2406
2412
|
__name: "FieldWrapper",
|
|
2407
2413
|
props: {
|
|
2408
2414
|
label: {},
|
|
@@ -2411,7 +2417,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2411
2417
|
},
|
|
2412
2418
|
setup(e) {
|
|
2413
2419
|
let { t } = q();
|
|
2414
|
-
return (n, i) => (S(), v("div",
|
|
2420
|
+
return (n, i) => (S(), v("div", so, [_("label", { class: r(O(Y)) }, [
|
|
2415
2421
|
b(C(e.label) + " ", 1),
|
|
2416
2422
|
e.readOnly ? (S(), v("span", {
|
|
2417
2423
|
key: 0,
|
|
@@ -2420,15 +2426,15 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2420
2426
|
size: 12,
|
|
2421
2427
|
class: "tpl:inline tpl:text-[var(--tpl-text-dim)]",
|
|
2422
2428
|
"aria-hidden": "true"
|
|
2423
|
-
}), _("span",
|
|
2429
|
+
}), _("span", lo, C(O(t).customBlocks.dataSource.readOnlyTooltip), 1)], 8, co)) : A("", !0),
|
|
2424
2430
|
e.required ? (S(), v("span", {
|
|
2425
2431
|
key: 1,
|
|
2426
2432
|
class: "tpl:text-[var(--tpl-danger)]",
|
|
2427
2433
|
title: O(t).customBlocks.fields.required
|
|
2428
|
-
}, [i[0] ||= _("span", { "aria-hidden": "true" }, "*", -1), _("span",
|
|
2434
|
+
}, [i[0] ||= _("span", { "aria-hidden": "true" }, "*", -1), _("span", fo, C(O(t).customBlocks.fields.required), 1)], 8, uo)) : A("", !0)
|
|
2429
2435
|
], 2), s(n.$slots, "default")]));
|
|
2430
2436
|
}
|
|
2431
|
-
}),
|
|
2437
|
+
}), mo = /* @__PURE__ */ j({
|
|
2432
2438
|
__name: "ColorField",
|
|
2433
2439
|
props: {
|
|
2434
2440
|
field: {},
|
|
@@ -2438,7 +2444,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2438
2444
|
emits: ["update:modelValue"],
|
|
2439
2445
|
setup(e, { emit: t }) {
|
|
2440
2446
|
let n = e, r = t, { t: i } = q(), a = d(_t, xt), o = k(() => Ue(n.field, a));
|
|
2441
|
-
return (t, n) => (S(), w(
|
|
2447
|
+
return (t, n) => (S(), w(po, {
|
|
2442
2448
|
label: e.field.label,
|
|
2443
2449
|
required: e.field.required,
|
|
2444
2450
|
"read-only": e.readOnly
|
|
@@ -2466,15 +2472,15 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2466
2472
|
"read-only"
|
|
2467
2473
|
]));
|
|
2468
2474
|
}
|
|
2469
|
-
}),
|
|
2475
|
+
}), ho = {
|
|
2470
2476
|
key: 0,
|
|
2471
2477
|
class: "tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-xs tpl:font-medium tpl:border-[var(--tpl-primary)] tpl:text-[var(--tpl-primary)]",
|
|
2472
2478
|
style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 90%, transparent)" }
|
|
2473
|
-
},
|
|
2479
|
+
}, go = [
|
|
2474
2480
|
"value",
|
|
2475
2481
|
"placeholder",
|
|
2476
2482
|
"title"
|
|
2477
|
-
],
|
|
2483
|
+
], _o = ["value", "placeholder"], vo = /* @__PURE__ */ j({
|
|
2478
2484
|
__name: "ImageField",
|
|
2479
2485
|
props: {
|
|
2480
2486
|
field: {},
|
|
@@ -2509,7 +2515,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2509
2515
|
enabled: p,
|
|
2510
2516
|
onFiles: h
|
|
2511
2517
|
});
|
|
2512
|
-
return (t, n) => (S(), w(
|
|
2518
|
+
return (t, n) => (S(), w(po, {
|
|
2513
2519
|
label: e.field.label,
|
|
2514
2520
|
required: e.field.required,
|
|
2515
2521
|
"read-only": e.readOnly
|
|
@@ -2519,7 +2525,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2519
2525
|
ref: u,
|
|
2520
2526
|
class: "tpl:relative"
|
|
2521
2527
|
}, [
|
|
2522
|
-
p.value && (O(g) || f.value) ? (S(), v("div",
|
|
2528
|
+
p.value && (O(g) || f.value) ? (S(), v("div", ho, [f.value ? (S(), v(D, { key: 0 }, [y(O(Rt), {
|
|
2523
2529
|
class: "tpl-spinner",
|
|
2524
2530
|
size: 18,
|
|
2525
2531
|
"stroke-width": 2
|
|
@@ -2535,14 +2541,14 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2535
2541
|
placeholder: e.field.placeholder || "https://...",
|
|
2536
2542
|
disabled: "",
|
|
2537
2543
|
title: O(a).customBlocks.dataSource.readOnlyTooltip
|
|
2538
|
-
}, null, 10,
|
|
2544
|
+
}, null, 10, go)) : (S(), v("input", {
|
|
2539
2545
|
key: 2,
|
|
2540
2546
|
type: "url",
|
|
2541
2547
|
class: r(O(Q)),
|
|
2542
2548
|
value: e.modelValue,
|
|
2543
2549
|
placeholder: e.field.placeholder || "https://...",
|
|
2544
2550
|
onInput: n[0] ||= (e) => i("update:modelValue", e.target.value)
|
|
2545
|
-
}, null, 42,
|
|
2551
|
+
}, null, 42, _o)),
|
|
2546
2552
|
c.value && !e.readOnly ? (S(), v("button", {
|
|
2547
2553
|
key: 3,
|
|
2548
2554
|
class: "tpl:mt-2 tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg)]",
|
|
@@ -2559,7 +2565,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2559
2565
|
"read-only"
|
|
2560
2566
|
]));
|
|
2561
2567
|
}
|
|
2562
|
-
}),
|
|
2568
|
+
}), yo = [
|
|
2563
2569
|
"value",
|
|
2564
2570
|
"placeholder",
|
|
2565
2571
|
"min",
|
|
@@ -2567,7 +2573,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2567
2573
|
"step",
|
|
2568
2574
|
"disabled",
|
|
2569
2575
|
"title"
|
|
2570
|
-
],
|
|
2576
|
+
], bo = /* @__PURE__ */ j({
|
|
2571
2577
|
__name: "NumberField",
|
|
2572
2578
|
props: {
|
|
2573
2579
|
field: {},
|
|
@@ -2577,7 +2583,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2577
2583
|
emits: ["update:modelValue"],
|
|
2578
2584
|
setup(e, { emit: t }) {
|
|
2579
2585
|
let n = t, { t: i } = q();
|
|
2580
|
-
return (t, a) => (S(), w(
|
|
2586
|
+
return (t, a) => (S(), w(po, {
|
|
2581
2587
|
label: e.field.label,
|
|
2582
2588
|
required: e.field.required,
|
|
2583
2589
|
"read-only": e.readOnly
|
|
@@ -2593,7 +2599,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2593
2599
|
disabled: e.readOnly,
|
|
2594
2600
|
title: e.readOnly ? O(i).customBlocks.dataSource.readOnlyTooltip : void 0,
|
|
2595
2601
|
onInput: a[0] ||= (t) => !e.readOnly && n("update:modelValue", Number(t.target.value))
|
|
2596
|
-
}, null, 42,
|
|
2602
|
+
}, null, 42, yo)]),
|
|
2597
2603
|
_: 1
|
|
2598
2604
|
}, 8, [
|
|
2599
2605
|
"label",
|
|
@@ -2601,13 +2607,13 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2601
2607
|
"read-only"
|
|
2602
2608
|
]));
|
|
2603
2609
|
}
|
|
2604
|
-
}),
|
|
2610
|
+
}), xo = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, So = { class: "tpl:mb-2 tpl:flex tpl:items-center tpl:justify-between" }, Co = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]" }, wo = ["title", "onClick"], To = {
|
|
2605
2611
|
key: 1,
|
|
2606
2612
|
class: "tpl:m-0 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
|
|
2607
|
-
},
|
|
2613
|
+
}, Eo = {
|
|
2608
2614
|
key: 2,
|
|
2609
2615
|
class: "tpl:m-0 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
|
|
2610
|
-
},
|
|
2616
|
+
}, Do = /* @__PURE__ */ j({
|
|
2611
2617
|
__name: "RepeatableField",
|
|
2612
2618
|
props: {
|
|
2613
2619
|
field: {},
|
|
@@ -2635,16 +2641,16 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2635
2641
|
} : r);
|
|
2636
2642
|
i("update:modelValue", r);
|
|
2637
2643
|
}
|
|
2638
|
-
return (t, n) => (S(), w(
|
|
2644
|
+
return (t, n) => (S(), w(po, {
|
|
2639
2645
|
label: e.field.label,
|
|
2640
2646
|
required: e.field.required,
|
|
2641
2647
|
"read-only": e.readOnly
|
|
2642
2648
|
}, {
|
|
2643
|
-
default: M(() => [_("div",
|
|
2649
|
+
default: M(() => [_("div", xo, [
|
|
2644
2650
|
(S(!0), v(D, null, x(s.value, (t, n) => (S(), v("div", {
|
|
2645
2651
|
key: `${e.field.key}-${n}`,
|
|
2646
2652
|
class: "tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-3"
|
|
2647
|
-
}, [_("div",
|
|
2653
|
+
}, [_("div", So, [_("span", Co, " #" + C(n + 1), 1), l.value && !e.readOnly ? (S(), v("button", {
|
|
2648
2654
|
key: 0,
|
|
2649
2655
|
type: "button",
|
|
2650
2656
|
class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]",
|
|
@@ -2653,7 +2659,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2653
2659
|
}, [y(O(Yt), {
|
|
2654
2660
|
size: 12,
|
|
2655
2661
|
"stroke-width": 2
|
|
2656
|
-
})], 8,
|
|
2662
|
+
})], 8, wo)) : A("", !0)]), (S(!0), v(D, null, x(e.field.fields, (r) => (S(), w(u(O(Io)(r.type)), {
|
|
2657
2663
|
key: r.key,
|
|
2658
2664
|
field: r,
|
|
2659
2665
|
"model-value": t[r.key],
|
|
@@ -2674,8 +2680,8 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2674
2680
|
size: 14,
|
|
2675
2681
|
"stroke-width": 2
|
|
2676
2682
|
}), b(" " + C(O(a).customBlocks.fields.addItem), 1)], 2)) : A("", !0),
|
|
2677
|
-
!c.value && !e.readOnly ? (S(), v("p",
|
|
2678
|
-
!l.value && !e.readOnly ? (S(), v("p",
|
|
2683
|
+
!c.value && !e.readOnly ? (S(), v("p", To, C(O(a).customBlocks.fields.maxItemsReached), 1)) : A("", !0),
|
|
2684
|
+
!l.value && !e.readOnly ? (S(), v("p", Eo, C(O(o)(O(a).customBlocks.fields.minItemsRequired, { count: e.field.minItems ?? 0 })), 1)) : A("", !0)
|
|
2679
2685
|
])]),
|
|
2680
2686
|
_: 1
|
|
2681
2687
|
}, 8, [
|
|
@@ -2684,11 +2690,11 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2684
2690
|
"read-only"
|
|
2685
2691
|
]));
|
|
2686
2692
|
}
|
|
2687
|
-
}),
|
|
2693
|
+
}), Oo = [
|
|
2688
2694
|
"value",
|
|
2689
2695
|
"disabled",
|
|
2690
2696
|
"title"
|
|
2691
|
-
],
|
|
2697
|
+
], ko = ["value"], Ao = /* @__PURE__ */ j({
|
|
2692
2698
|
__name: "SelectField",
|
|
2693
2699
|
props: {
|
|
2694
2700
|
field: {},
|
|
@@ -2698,7 +2704,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2698
2704
|
emits: ["update:modelValue"],
|
|
2699
2705
|
setup(e, { emit: t }) {
|
|
2700
2706
|
let n = t, { t: i } = q();
|
|
2701
|
-
return (t, a) => (S(), w(
|
|
2707
|
+
return (t, a) => (S(), w(po, {
|
|
2702
2708
|
label: e.field.label,
|
|
2703
2709
|
required: e.field.required,
|
|
2704
2710
|
"read-only": e.readOnly
|
|
@@ -2712,7 +2718,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2712
2718
|
}, [(S(!0), v(D, null, x(e.field.options, (e) => (S(), v("option", {
|
|
2713
2719
|
key: e.value,
|
|
2714
2720
|
value: e.value
|
|
2715
|
-
}, C(e.label), 9,
|
|
2721
|
+
}, C(e.label), 9, ko))), 128))], 42, Oo)]),
|
|
2716
2722
|
_: 1
|
|
2717
2723
|
}, 8, [
|
|
2718
2724
|
"label",
|
|
@@ -2720,11 +2726,11 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2720
2726
|
"read-only"
|
|
2721
2727
|
]));
|
|
2722
2728
|
}
|
|
2723
|
-
}),
|
|
2729
|
+
}), jo = [
|
|
2724
2730
|
"value",
|
|
2725
2731
|
"placeholder",
|
|
2726
2732
|
"title"
|
|
2727
|
-
],
|
|
2733
|
+
], Mo = /* @__PURE__ */ j({
|
|
2728
2734
|
__name: "TextField",
|
|
2729
2735
|
props: {
|
|
2730
2736
|
field: {},
|
|
@@ -2734,7 +2740,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2734
2740
|
emits: ["update:modelValue"],
|
|
2735
2741
|
setup(e, { emit: t }) {
|
|
2736
2742
|
let n = t, { t: i } = q();
|
|
2737
|
-
return (t, a) => (S(), w(
|
|
2743
|
+
return (t, a) => (S(), w(po, {
|
|
2738
2744
|
label: e.field.label,
|
|
2739
2745
|
required: e.field.required,
|
|
2740
2746
|
"read-only": e.readOnly
|
|
@@ -2747,7 +2753,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2747
2753
|
placeholder: e.field.placeholder,
|
|
2748
2754
|
disabled: "",
|
|
2749
2755
|
title: O(i).customBlocks.dataSource.readOnlyTooltip
|
|
2750
|
-
}, null, 10,
|
|
2756
|
+
}, null, 10, jo)) : (S(), w(Vi, {
|
|
2751
2757
|
key: 1,
|
|
2752
2758
|
"model-value": e.modelValue,
|
|
2753
2759
|
placeholder: e.field.placeholder,
|
|
@@ -2760,12 +2766,12 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2760
2766
|
"read-only"
|
|
2761
2767
|
]));
|
|
2762
2768
|
}
|
|
2763
|
-
}),
|
|
2769
|
+
}), No = [
|
|
2764
2770
|
"value",
|
|
2765
2771
|
"placeholder",
|
|
2766
2772
|
"title"
|
|
2767
|
-
],
|
|
2768
|
-
text:
|
|
2773
|
+
], Po = "tpl:w-full tpl:resize-y tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:opacity-60 tpl:cursor-not-allowed", Fo = {
|
|
2774
|
+
text: Mo,
|
|
2769
2775
|
textarea: /* @__PURE__ */ j({
|
|
2770
2776
|
__name: "TextareaField",
|
|
2771
2777
|
props: {
|
|
@@ -2776,7 +2782,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2776
2782
|
emits: ["update:modelValue"],
|
|
2777
2783
|
setup(e, { emit: t }) {
|
|
2778
2784
|
let n = t, { t: i } = q();
|
|
2779
|
-
return (t, a) => (S(), w(
|
|
2785
|
+
return (t, a) => (S(), w(po, {
|
|
2780
2786
|
label: e.field.label,
|
|
2781
2787
|
required: e.field.required,
|
|
2782
2788
|
"read-only": e.readOnly
|
|
@@ -2788,8 +2794,8 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2788
2794
|
rows: "3",
|
|
2789
2795
|
disabled: "",
|
|
2790
2796
|
title: O(i).customBlocks.dataSource.readOnlyTooltip,
|
|
2791
|
-
class: r(
|
|
2792
|
-
}, null, 8,
|
|
2797
|
+
class: r(Po)
|
|
2798
|
+
}, null, 8, No)) : (S(), w(ii, {
|
|
2793
2799
|
key: 1,
|
|
2794
2800
|
"model-value": e.modelValue,
|
|
2795
2801
|
placeholder: e.field.placeholder,
|
|
@@ -2803,37 +2809,37 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2803
2809
|
]));
|
|
2804
2810
|
}
|
|
2805
2811
|
}),
|
|
2806
|
-
image:
|
|
2807
|
-
color:
|
|
2808
|
-
number:
|
|
2809
|
-
select:
|
|
2810
|
-
boolean:
|
|
2811
|
-
repeatable:
|
|
2812
|
+
image: vo,
|
|
2813
|
+
color: mo,
|
|
2814
|
+
number: bo,
|
|
2815
|
+
select: Ao,
|
|
2816
|
+
boolean: oo,
|
|
2817
|
+
repeatable: Do
|
|
2812
2818
|
};
|
|
2813
|
-
function
|
|
2814
|
-
return
|
|
2819
|
+
function Io(e) {
|
|
2820
|
+
return Fo[e] ?? Mo;
|
|
2815
2821
|
}
|
|
2816
2822
|
//#endregion
|
|
2817
2823
|
//#region src/components/toolbar/CustomBlockToolbar.vue?vue&type=script&setup=true&lang.ts
|
|
2818
|
-
var
|
|
2824
|
+
var Lo = {
|
|
2819
2825
|
key: 0,
|
|
2820
2826
|
class: "tpl:p-4"
|
|
2821
|
-
},
|
|
2827
|
+
}, Ro = { class: "tpl:m-0 tpl:text-center tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, zo = { key: 1 }, Bo = {
|
|
2822
2828
|
key: 0,
|
|
2823
2829
|
class: "tpl:m-0 tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
|
|
2824
|
-
},
|
|
2830
|
+
}, Vo = {
|
|
2825
2831
|
key: 1,
|
|
2826
2832
|
class: "tpl:mb-4"
|
|
2827
|
-
},
|
|
2833
|
+
}, Ho = {
|
|
2828
2834
|
key: 1,
|
|
2829
2835
|
class: "tpl:flex tpl:h-[32px] tpl:items-center"
|
|
2830
|
-
},
|
|
2836
|
+
}, Uo = {
|
|
2831
2837
|
key: 0,
|
|
2832
2838
|
class: "tpl:w-full tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
|
|
2833
|
-
},
|
|
2839
|
+
}, Wo = {
|
|
2834
2840
|
key: 2,
|
|
2835
2841
|
class: "tpl:m-0 tpl:mt-2 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]"
|
|
2836
|
-
},
|
|
2842
|
+
}, Go = /* @__PURE__ */ j({
|
|
2837
2843
|
__name: "CustomBlockToolbar",
|
|
2838
2844
|
props: { block: {} },
|
|
2839
2845
|
emits: ["updateFieldValues", "updateDataSourceFetched"],
|
|
@@ -2854,23 +2860,23 @@ var Io = {
|
|
|
2854
2860
|
[e]: t
|
|
2855
2861
|
});
|
|
2856
2862
|
}
|
|
2857
|
-
return (t, n) => o.value ? (S(), v("div",
|
|
2858
|
-
o.value.description ? (S(), v("p",
|
|
2859
|
-
O(p) ? (S(), v("div",
|
|
2863
|
+
return (t, n) => o.value ? (S(), v("div", zo, [
|
|
2864
|
+
o.value.description ? (S(), v("p", Bo, C(o.value.description), 1)) : A("", !0),
|
|
2865
|
+
O(p) ? (S(), v("div", Vo, [O(m) && !O(c) ? (S(), v("button", {
|
|
2860
2866
|
key: 0,
|
|
2861
2867
|
type: "button",
|
|
2862
2868
|
class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded-md tpl:px-3 tpl:py-2.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-on-primary)] tpl:transition-all tpl:bg-[var(--tpl-primary)]",
|
|
2863
2869
|
onClick: n[0] ||= (...e) => O(f) && O(f)(...e)
|
|
2864
|
-
}, C(o.value?.dataSource?.label || O(i).customBlocks.dataSource.fetchButton), 1)) : (S(), v("div",
|
|
2870
|
+
}, C(o.value?.dataSource?.label || O(i).customBlocks.dataSource.fetchButton), 1)) : (S(), v("div", Ho, [O(c) ? (S(), v("div", Uo, C(O(i).customBlocks.dataSource.fetching), 1)) : (S(), v("button", {
|
|
2865
2871
|
key: 1,
|
|
2866
2872
|
type: "button",
|
|
2867
2873
|
class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:hover:border-[var(--tpl-primary)] tpl:hover:text-[var(--tpl-primary)]",
|
|
2868
2874
|
onClick: n[1] ||= (...e) => O(f) && O(f)(...e)
|
|
2869
|
-
}, [y(O(Nt), { size: 12 }), b(" " + C(O(i).customBlocks.dataSource.changeButton), 1)]))])), O(l) ? (S(), v("p",
|
|
2875
|
+
}, [y(O(Nt), { size: 12 }), b(" " + C(O(i).customBlocks.dataSource.changeButton), 1)]))])), O(l) ? (S(), v("p", Wo, [y(O(Dt), {
|
|
2870
2876
|
size: 14,
|
|
2871
2877
|
class: "tpl:shrink-0"
|
|
2872
2878
|
}), b(" " + C(O(i).customBlocks.dataSource.fetchError), 1)])) : A("", !0)])) : A("", !0),
|
|
2873
|
-
(S(!0), v(D, null, x(o.value.fields, (t) => (S(), w(u(O(
|
|
2879
|
+
(S(!0), v(D, null, x(o.value.fields, (t) => (S(), w(u(O(Io)(t.type)), {
|
|
2874
2880
|
key: t.key,
|
|
2875
2881
|
field: t,
|
|
2876
2882
|
"model-value": e.block.fieldValues[t.key],
|
|
@@ -2882,9 +2888,9 @@ var Io = {
|
|
|
2882
2888
|
"read-only",
|
|
2883
2889
|
"onUpdate:modelValue"
|
|
2884
2890
|
]))), 128))
|
|
2885
|
-
])) : (S(), v("div",
|
|
2891
|
+
])) : (S(), v("div", Lo, [_("p", Ro, C(O(i).customBlocks.toolbar.noDefinition), 1)]));
|
|
2886
2892
|
}
|
|
2887
|
-
}),
|
|
2893
|
+
}), Ko = { class: "tpl:mb-3.5" }, qo = { class: "tpl:mb-3.5" }, Jo = { class: "tpl:mb-3.5" }, Yo = { class: "tpl:flex tpl:items-stretch" }, Xo = ["value"], Zo = /* @__PURE__ */ j({
|
|
2888
2894
|
__name: "DividerToolbar",
|
|
2889
2895
|
props: { block: {} },
|
|
2890
2896
|
emits: ["update"],
|
|
@@ -2894,7 +2900,7 @@ var Io = {
|
|
|
2894
2900
|
n("update", { [e]: t });
|
|
2895
2901
|
}
|
|
2896
2902
|
return (t, n) => (S(), v(D, null, [
|
|
2897
|
-
_("div",
|
|
2903
|
+
_("div", Ko, [_("label", { class: r(O(Y)) }, C(O(i).divider.style), 3), y(bn, {
|
|
2898
2904
|
options: [
|
|
2899
2905
|
{
|
|
2900
2906
|
value: "solid",
|
|
@@ -2912,27 +2918,27 @@ var Io = {
|
|
|
2912
2918
|
"model-value": e.block.lineStyle,
|
|
2913
2919
|
"onUpdate:modelValue": n[0] ||= (e) => a("lineStyle", e)
|
|
2914
2920
|
}, null, 8, ["options", "model-value"])]),
|
|
2915
|
-
_("div",
|
|
2921
|
+
_("div", qo, [_("label", { class: r(O(Y)) }, C(O(i).divider.color), 3), y($, {
|
|
2916
2922
|
"model-value": e.block.color,
|
|
2917
2923
|
"onUpdate:modelValue": n[1] ||= (e) => a("color", e)
|
|
2918
2924
|
}, null, 8, ["model-value"])]),
|
|
2919
|
-
_("div",
|
|
2925
|
+
_("div", Jo, [_("label", { class: r(O(Y)) }, C(O(i).divider.thickness), 3), _("div", Yo, [_("input", {
|
|
2920
2926
|
type: "number",
|
|
2921
2927
|
class: r(O(Z)),
|
|
2922
2928
|
value: e.block.thickness,
|
|
2923
2929
|
min: "1",
|
|
2924
2930
|
max: "10",
|
|
2925
2931
|
onInput: n[2] ||= (e) => a("thickness", Number(e.target.value))
|
|
2926
|
-
}, null, 42,
|
|
2932
|
+
}, null, 42, Xo), _("span", { class: r(O(X)) }, "px", 2)])])
|
|
2927
2933
|
], 64));
|
|
2928
2934
|
}
|
|
2929
|
-
}),
|
|
2935
|
+
}), Qo = { class: "tpl:mb-3.5" }, $o = ["value"], es = { class: "tpl:mt-1.5 tpl:flex tpl:items-start tpl:gap-1.5 tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, ts = /* @__PURE__ */ j({
|
|
2930
2936
|
__name: "HtmlToolbar",
|
|
2931
2937
|
props: { block: {} },
|
|
2932
2938
|
emits: ["update"],
|
|
2933
2939
|
setup(e, { emit: t }) {
|
|
2934
2940
|
let n = t, { t: i } = q();
|
|
2935
|
-
return (t, a) => (S(), v("div",
|
|
2941
|
+
return (t, a) => (S(), v("div", Qo, [
|
|
2936
2942
|
_("label", { class: r(O(Y)) }, C(O(i).html.content), 3),
|
|
2937
2943
|
_("textarea", {
|
|
2938
2944
|
value: e.block.content,
|
|
@@ -2940,31 +2946,31 @@ var Io = {
|
|
|
2940
2946
|
rows: "10",
|
|
2941
2947
|
class: r(O(on)),
|
|
2942
2948
|
onInput: a[0] ||= (e) => n("update", { content: e.target.value })
|
|
2943
|
-
}, null, 42,
|
|
2944
|
-
_("p",
|
|
2949
|
+
}, null, 42, $o),
|
|
2950
|
+
_("p", es, [y(O(Ft), {
|
|
2945
2951
|
size: 12,
|
|
2946
2952
|
class: "tpl:mt-0.5 tpl:shrink-0"
|
|
2947
2953
|
}), b(" " + C(O(i).html.sanitizationHint), 1)])
|
|
2948
2954
|
]));
|
|
2949
2955
|
}
|
|
2950
|
-
}),
|
|
2956
|
+
}), ns = { class: "tpl:mb-3.5" }, rs = {
|
|
2951
2957
|
key: 0,
|
|
2952
2958
|
class: "tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-xs tpl:font-medium tpl:border-[var(--tpl-primary)] tpl:text-[var(--tpl-primary)]",
|
|
2953
2959
|
style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 90%, transparent)" }
|
|
2954
|
-
},
|
|
2960
|
+
}, is = {
|
|
2955
2961
|
key: 0,
|
|
2956
2962
|
class: "tpl:mb-3.5"
|
|
2957
|
-
},
|
|
2963
|
+
}, as = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, os = [
|
|
2958
2964
|
"value",
|
|
2959
2965
|
"placeholder",
|
|
2960
2966
|
"title"
|
|
2961
|
-
],
|
|
2967
|
+
], ss = { class: "tpl:mb-3.5" }, cs = { class: "tpl:block tpl:text-[var(--tpl-text-dim)]" }, ls = { class: "tpl:mb-3.5" }, us = ["value"], ds = { value: "full" }, fs = { value: "custom" }, ps = {
|
|
2962
2968
|
key: 0,
|
|
2963
2969
|
class: "tpl:mt-2 tpl:flex tpl:items-stretch"
|
|
2964
|
-
},
|
|
2970
|
+
}, ms = ["value"], hs = { class: "tpl:mb-3.5" }, gs = ["value"], _s = { value: "auto" }, vs = { value: "custom" }, ys = {
|
|
2965
2971
|
key: 0,
|
|
2966
2972
|
class: "tpl:mt-2 tpl:flex tpl:items-stretch"
|
|
2967
|
-
},
|
|
2973
|
+
}, bs = ["value"], xs = { class: "tpl:mb-3.5" }, Ss = { class: "tpl:mb-3.5" }, Cs = 350, ws = 200, Ts = /* @__PURE__ */ j({
|
|
2968
2974
|
__name: "ImageToolbar",
|
|
2969
2975
|
props: { block: {} },
|
|
2970
2976
|
emits: ["update"],
|
|
@@ -2985,13 +2991,13 @@ var Io = {
|
|
|
2985
2991
|
function E(e) {
|
|
2986
2992
|
if (e === "custom") {
|
|
2987
2993
|
let e = n.block.width;
|
|
2988
|
-
(typeof e != "number" || h.includes(e)) && T("width",
|
|
2994
|
+
(typeof e != "number" || h.includes(e)) && T("width", Cs);
|
|
2989
2995
|
return;
|
|
2990
2996
|
}
|
|
2991
2997
|
T("width", e === "full" ? "full" : Number(e));
|
|
2992
2998
|
}
|
|
2993
2999
|
function j(e) {
|
|
2994
|
-
T("height", e === "custom" ?
|
|
3000
|
+
T("height", e === "custom" ? ws : void 0);
|
|
2995
3001
|
}
|
|
2996
3002
|
function N(e) {
|
|
2997
3003
|
let t = Number(e);
|
|
@@ -3027,12 +3033,12 @@ var Io = {
|
|
|
3027
3033
|
onFiles: B
|
|
3028
3034
|
});
|
|
3029
3035
|
return (t, n) => (S(), v(D, null, [
|
|
3030
|
-
_("div",
|
|
3036
|
+
_("div", ns, [_("label", { class: r(O(Y)) }, C(O(a).image.imageUrl), 3), _("div", {
|
|
3031
3037
|
ref_key: "dropZoneRef",
|
|
3032
3038
|
ref: I,
|
|
3033
3039
|
class: "tpl:relative"
|
|
3034
3040
|
}, [
|
|
3035
|
-
z.value && (O(V) || L.value) ? (S(), v("div",
|
|
3041
|
+
z.value && (O(V) || L.value) ? (S(), v("div", rs, [L.value ? (S(), v(D, { key: 0 }, [y(O(Rt), {
|
|
3036
3042
|
class: "tpl-spinner",
|
|
3037
3043
|
size: 18,
|
|
3038
3044
|
"stroke-width": 2
|
|
@@ -3040,7 +3046,7 @@ var Io = {
|
|
|
3040
3046
|
size: 18,
|
|
3041
3047
|
"stroke-width": 1.5
|
|
3042
3048
|
}), b(" " + C(O(a).image.dropToUpload), 1)], 64))])) : A("", !0),
|
|
3043
|
-
y(
|
|
3049
|
+
y(Vi, {
|
|
3044
3050
|
"model-value": e.block.src,
|
|
3045
3051
|
type: "url",
|
|
3046
3052
|
placeholder: O(a).image.imageUrlPlaceholder,
|
|
@@ -3065,17 +3071,17 @@ var Io = {
|
|
|
3065
3071
|
"stroke-width": 1.5
|
|
3066
3072
|
}), b(" " + C(O(a).image.browseMedia), 1)])) : A("", !0)
|
|
3067
3073
|
], 512)]),
|
|
3068
|
-
O(te)(e.block.src, O(s)) ? (S(), v("div",
|
|
3074
|
+
O(te)(e.block.src, O(s)) ? (S(), v("div", is, [_("label", { class: r(O(Y)) }, [b(C(O(a).image.placeholderUrl) + " ", 1), _("span", as, C(O(a).image.optional), 1)], 2), _("input", {
|
|
3069
3075
|
type: "url",
|
|
3070
3076
|
class: r(O(Q)),
|
|
3071
3077
|
value: e.block.placeholderUrl || "",
|
|
3072
3078
|
placeholder: O(a).image.placeholderUrlPlaceholder,
|
|
3073
3079
|
title: O(a).image.placeholderUrlTooltip,
|
|
3074
3080
|
onInput: n[1] ||= (e) => T("placeholderUrl", e.target.value)
|
|
3075
|
-
}, null, 42,
|
|
3076
|
-
_("div",
|
|
3081
|
+
}, null, 42, os)])) : A("", !0),
|
|
3082
|
+
_("div", ss, [
|
|
3077
3083
|
_("label", { class: r(O(Y)) }, C(O(a).image.altText), 3),
|
|
3078
|
-
y(
|
|
3084
|
+
y(Vi, {
|
|
3079
3085
|
"model-value": e.block.alt,
|
|
3080
3086
|
type: "text",
|
|
3081
3087
|
placeholder: O(a).image.altTextPlaceholder,
|
|
@@ -3094,49 +3100,49 @@ var Io = {
|
|
|
3094
3100
|
label: O(a).image.decorative,
|
|
3095
3101
|
"onUpdate:modelValue": n[3] ||= (e) => T("decorative", e)
|
|
3096
3102
|
}, {
|
|
3097
|
-
default: M(() => [_("span", null, [b(C(O(a).image.decorative) + " ", 1), _("span",
|
|
3103
|
+
default: M(() => [_("span", null, [b(C(O(a).image.decorative) + " ", 1), _("span", cs, C(O(a).image.decorativeHint), 1)])]),
|
|
3098
3104
|
_: 1
|
|
3099
3105
|
}, 8, ["model-value", "label"])
|
|
3100
3106
|
]),
|
|
3101
|
-
_("div",
|
|
3107
|
+
_("div", ls, [
|
|
3102
3108
|
_("label", { class: r(O(Y)) }, C(O(a).image.width), 3),
|
|
3103
3109
|
_("select", {
|
|
3104
3110
|
class: r(O(Q)),
|
|
3105
3111
|
value: g.value,
|
|
3106
3112
|
onChange: n[4] ||= (e) => E(e.target.value)
|
|
3107
3113
|
}, [
|
|
3108
|
-
_("option",
|
|
3114
|
+
_("option", ds, C(O(a).image.fullWidth), 1),
|
|
3109
3115
|
n[11] ||= _("option", { value: "300" }, "300px", -1),
|
|
3110
3116
|
n[12] ||= _("option", { value: "400" }, "400px", -1),
|
|
3111
3117
|
n[13] ||= _("option", { value: "500" }, "500px", -1),
|
|
3112
|
-
_("option",
|
|
3113
|
-
], 42,
|
|
3114
|
-
g.value === "custom" ? (S(), v("div",
|
|
3118
|
+
_("option", fs, C(O(a).image.widthCustom), 1)
|
|
3119
|
+
], 42, us),
|
|
3120
|
+
g.value === "custom" ? (S(), v("div", ps, [_("input", {
|
|
3115
3121
|
type: "number",
|
|
3116
3122
|
class: r(O(Z)),
|
|
3117
|
-
value: typeof e.block.width == "number" ? e.block.width :
|
|
3123
|
+
value: typeof e.block.width == "number" ? e.block.width : Cs,
|
|
3118
3124
|
min: "20",
|
|
3119
3125
|
onInput: n[5] ||= (e) => P(e.target.value)
|
|
3120
|
-
}, null, 42,
|
|
3126
|
+
}, null, 42, ms), _("span", { class: r(O(X)) }, "px", 2)])) : A("", !0)
|
|
3121
3127
|
]),
|
|
3122
|
-
_("div",
|
|
3128
|
+
_("div", hs, [
|
|
3123
3129
|
_("label", { class: r(O(Y)) }, C(O(a).image.height), 3),
|
|
3124
3130
|
_("select", {
|
|
3125
3131
|
class: r(O(Q)),
|
|
3126
3132
|
"data-testid": "image-height-mode",
|
|
3127
3133
|
value: x.value,
|
|
3128
3134
|
onChange: n[6] ||= (e) => j(e.target.value)
|
|
3129
|
-
}, [_("option",
|
|
3130
|
-
x.value === "custom" ? (S(), v("div",
|
|
3135
|
+
}, [_("option", _s, C(O(a).image.heightAuto), 1), _("option", vs, C(O(a).image.heightCustom), 1)], 42, gs),
|
|
3136
|
+
x.value === "custom" ? (S(), v("div", ys, [_("input", {
|
|
3131
3137
|
type: "number",
|
|
3132
3138
|
"data-testid": "image-height-input",
|
|
3133
3139
|
class: r(O(Z)),
|
|
3134
3140
|
value: e.block.height,
|
|
3135
3141
|
min: "20",
|
|
3136
3142
|
onInput: n[7] ||= (e) => N(e.target.value)
|
|
3137
|
-
}, null, 42,
|
|
3143
|
+
}, null, 42, bs), _("span", { class: r(O(X)) }, "px", 2)])) : A("", !0)
|
|
3138
3144
|
]),
|
|
3139
|
-
_("div",
|
|
3145
|
+
_("div", xs, [_("label", { class: r(O(Y)) }, C(O(a).title.align), 3), y(bn, {
|
|
3140
3146
|
options: [
|
|
3141
3147
|
{
|
|
3142
3148
|
value: "left",
|
|
@@ -3154,9 +3160,9 @@ var Io = {
|
|
|
3154
3160
|
"model-value": e.block.align,
|
|
3155
3161
|
"onUpdate:modelValue": n[8] ||= (e) => T("align", e)
|
|
3156
3162
|
}, null, 8, ["options", "model-value"])]),
|
|
3157
|
-
_("div",
|
|
3163
|
+
_("div", Ss, [
|
|
3158
3164
|
_("label", { class: r(O(Y)) }, C(O(a).image.linkUrl), 3),
|
|
3159
|
-
y(
|
|
3165
|
+
y(Vi, {
|
|
3160
3166
|
"model-value": e.block.linkUrl || "",
|
|
3161
3167
|
type: "url",
|
|
3162
3168
|
placeholder: O(a).image.imageUrlPlaceholder,
|
|
@@ -3172,11 +3178,11 @@ var Io = {
|
|
|
3172
3178
|
])
|
|
3173
3179
|
], 64));
|
|
3174
3180
|
}
|
|
3175
|
-
}),
|
|
3181
|
+
}), Es = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Ds = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Os = [
|
|
3176
3182
|
"value",
|
|
3177
3183
|
"placeholder",
|
|
3178
3184
|
"onInput"
|
|
3179
|
-
],
|
|
3185
|
+
], ks = ["title", "onClick"], As = { class: "tpl:flex tpl:flex-wrap tpl:items-center tpl:gap-x-3 tpl:gap-y-1.5 tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, js = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ms = ["value"], Ns = { value: "" }, Ps = ["value"], Fs = ["value"], Is = /* @__PURE__ */ j({
|
|
3180
3186
|
__name: "MenuToolbar",
|
|
3181
3187
|
props: {
|
|
3182
3188
|
block: {},
|
|
@@ -3240,25 +3246,25 @@ var Io = {
|
|
|
3240
3246
|
}
|
|
3241
3247
|
return (t, n) => (S(), v(D, null, [
|
|
3242
3248
|
y(yn, { label: O(a).menu.items }, {
|
|
3243
|
-
default: M(() => [_("div",
|
|
3249
|
+
default: M(() => [_("div", Es, [(S(!0), v(D, null, x(e.block.items, (t) => (S(), v("div", {
|
|
3244
3250
|
key: t.id,
|
|
3245
3251
|
class: "tpl:flex tpl:flex-col tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-2"
|
|
3246
3252
|
}, [
|
|
3247
|
-
_("div",
|
|
3253
|
+
_("div", Ds, [_("input", {
|
|
3248
3254
|
type: "text",
|
|
3249
3255
|
class: r([O(Q), "tpl:flex-1"]),
|
|
3250
3256
|
value: t.text,
|
|
3251
3257
|
placeholder: O(a).menu.text,
|
|
3252
3258
|
onInput: (e) => u(t.id, "text", e.target.value)
|
|
3253
|
-
}, null, 42,
|
|
3259
|
+
}, null, 42, Os), _("button", {
|
|
3254
3260
|
class: r(O(sn)),
|
|
3255
3261
|
title: O(a).menu.removeItem,
|
|
3256
3262
|
onClick: (e) => d(t.id)
|
|
3257
3263
|
}, [y(O(Zt), {
|
|
3258
3264
|
size: 14,
|
|
3259
3265
|
"stroke-width": 2
|
|
3260
|
-
})], 10,
|
|
3261
|
-
y(
|
|
3266
|
+
})], 10, ks)]),
|
|
3267
|
+
y(Vi, {
|
|
3262
3268
|
"model-value": t.url,
|
|
3263
3269
|
type: "url",
|
|
3264
3270
|
placeholder: O(a).menu.urlPlaceholder,
|
|
@@ -3268,7 +3274,7 @@ var Io = {
|
|
|
3268
3274
|
"placeholder",
|
|
3269
3275
|
"onUpdate:modelValue"
|
|
3270
3276
|
]),
|
|
3271
|
-
_("div",
|
|
3277
|
+
_("div", As, [(S(!0), v(D, null, x(o.value, (e) => (S(), w(vn, {
|
|
3272
3278
|
key: e.key,
|
|
3273
3279
|
"model-value": t[e.key],
|
|
3274
3280
|
label: e.label,
|
|
@@ -3278,7 +3284,7 @@ var Io = {
|
|
|
3278
3284
|
"label",
|
|
3279
3285
|
"onUpdate:modelValue"
|
|
3280
3286
|
]))), 128))]),
|
|
3281
|
-
_("div",
|
|
3287
|
+
_("div", js, [_("label", { class: r([O(Y), "tpl:!mb-0"]) }, C(O(a).menu.color), 3), y($, {
|
|
3282
3288
|
"swatch-only": "",
|
|
3283
3289
|
"model-value": t.color || e.block.linkColor || e.block.color || "",
|
|
3284
3290
|
"onUpdate:modelValue": (e) => u(t.id, "color", e)
|
|
@@ -3297,10 +3303,10 @@ var Io = {
|
|
|
3297
3303
|
class: r(O(Q)),
|
|
3298
3304
|
value: e.block.fontFamily || "",
|
|
3299
3305
|
onChange: n[0] ||= (e) => c("fontFamily", e.target.value || void 0)
|
|
3300
|
-
}, [_("option",
|
|
3306
|
+
}, [_("option", Ns, C(O(a).title.inheritFont), 1), (S(!0), v(D, null, x(e.fontFamilies, (e) => (S(), v("option", {
|
|
3301
3307
|
key: e.value,
|
|
3302
3308
|
value: e.value
|
|
3303
|
-
}, C(e.label), 9,
|
|
3309
|
+
}, C(e.label), 9, Ps))), 128))], 42, Ms)]),
|
|
3304
3310
|
_: 1
|
|
3305
3311
|
}, 8, ["label"]),
|
|
3306
3312
|
y(yn, { label: O(a).menu.fontSize }, {
|
|
@@ -3341,7 +3347,7 @@ var Io = {
|
|
|
3341
3347
|
class: r(O(Q)),
|
|
3342
3348
|
value: e.block.separator,
|
|
3343
3349
|
onInput: n[5] ||= (e) => c("separator", e.target.value)
|
|
3344
|
-
}, null, 42,
|
|
3350
|
+
}, null, 42, Fs)]),
|
|
3345
3351
|
_: 1
|
|
3346
3352
|
}, 8, ["label"]),
|
|
3347
3353
|
y(yn, { label: O(a).menu.separatorColor }, {
|
|
@@ -3366,11 +3372,11 @@ var Io = {
|
|
|
3366
3372
|
});
|
|
3367
3373
|
//#endregion
|
|
3368
3374
|
//#region src/utils/rebalanceColumnChildren.ts
|
|
3369
|
-
function
|
|
3375
|
+
function Ls(e) {
|
|
3370
3376
|
return e === "1" ? 1 : e === "3" ? 3 : 2;
|
|
3371
3377
|
}
|
|
3372
|
-
function
|
|
3373
|
-
let n =
|
|
3378
|
+
function Rs(e, t) {
|
|
3379
|
+
let n = Ls(t);
|
|
3374
3380
|
if (e.length === n) return e;
|
|
3375
3381
|
if (e.length < n) {
|
|
3376
3382
|
let t = Array.from({ length: n - e.length }, () => []);
|
|
@@ -3381,13 +3387,13 @@ function Ls(e, t) {
|
|
|
3381
3387
|
}
|
|
3382
3388
|
//#endregion
|
|
3383
3389
|
//#region src/components/toolbar/SectionToolbar.vue?vue&type=script&setup=true&lang.ts
|
|
3384
|
-
var
|
|
3390
|
+
var zs = { class: "tpl:mb-3.5" }, Bs = ["value"], Vs = ["value"], Hs = {
|
|
3385
3391
|
key: 0,
|
|
3386
3392
|
class: "tpl:mb-3.5"
|
|
3387
|
-
},
|
|
3393
|
+
}, Us = { class: "tpl:mb-3.5" }, Ws = { class: "tpl:flex tpl:items-stretch" }, Gs = ["value"], Ks = { class: "tpl:mb-3.5" }, qs = {
|
|
3388
3394
|
key: 0,
|
|
3389
3395
|
class: "tpl:mt-3 tpl:ml-0.5 tpl:space-y-3 tpl:border-l tpl:border-[var(--tpl-border)] tpl:pl-3"
|
|
3390
|
-
},
|
|
3396
|
+
}, Js = { class: "tpl:flex tpl:items-stretch" }, Ys = ["value"], Xs = /* @__PURE__ */ j({
|
|
3391
3397
|
__name: "SectionToolbar",
|
|
3392
3398
|
props: { block: {} },
|
|
3393
3399
|
emits: ["update"],
|
|
@@ -3415,7 +3421,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3415
3421
|
}
|
|
3416
3422
|
]);
|
|
3417
3423
|
function s(e) {
|
|
3418
|
-
let t = e.target.value, r =
|
|
3424
|
+
let t = e.target.value, r = Rs(n.block.children, t);
|
|
3419
3425
|
i("update", {
|
|
3420
3426
|
columns: t,
|
|
3421
3427
|
children: r
|
|
@@ -3449,39 +3455,39 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3449
3455
|
d({ borderRadius: Number(e.target.value) });
|
|
3450
3456
|
}
|
|
3451
3457
|
return (t, n) => (S(), v(D, null, [
|
|
3452
|
-
_("div",
|
|
3458
|
+
_("div", zs, [_("label", { class: r(O(Y)) }, C(O(a).section.columns), 3), _("select", {
|
|
3453
3459
|
class: r(O(Q)),
|
|
3454
3460
|
value: e.block.columns,
|
|
3455
3461
|
onChange: s
|
|
3456
3462
|
}, [(S(!0), v(D, null, x(o.value, (e) => (S(), v("option", {
|
|
3457
3463
|
key: e.value,
|
|
3458
3464
|
value: e.value
|
|
3459
|
-
}, C(e.label), 9,
|
|
3460
|
-
e.block.columns === "1" ? A("", !0) : (S(), v("div",
|
|
3465
|
+
}, C(e.label), 9, Vs))), 128))], 42, Bs)]),
|
|
3466
|
+
e.block.columns === "1" ? A("", !0) : (S(), v("div", Hs, [y(vn, {
|
|
3461
3467
|
class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
|
|
3462
3468
|
"model-value": e.block.stackOnMobile !== !1,
|
|
3463
3469
|
label: O(a).section.stackOnMobile,
|
|
3464
3470
|
"onUpdate:modelValue": n[0] ||= (e) => c(e)
|
|
3465
3471
|
}, null, 8, ["model-value", "label"])])),
|
|
3466
|
-
_("div",
|
|
3472
|
+
_("div", Us, [_("label", { class: r(O(Y)) }, C(O(a).section.borderRadius), 3), _("div", Ws, [_("input", {
|
|
3467
3473
|
type: "number",
|
|
3468
3474
|
class: r(O(Z)),
|
|
3469
3475
|
value: e.block.borderRadius ?? 0,
|
|
3470
3476
|
min: "0",
|
|
3471
3477
|
max: "50",
|
|
3472
3478
|
onInput: l
|
|
3473
|
-
}, null, 42,
|
|
3474
|
-
_("div",
|
|
3479
|
+
}, null, 42, Gs), _("span", { class: r(O(X)) }, "px", 2)])]),
|
|
3480
|
+
_("div", Ks, [y(vn, {
|
|
3475
3481
|
class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
|
|
3476
3482
|
"model-value": !!e.block.wrapper,
|
|
3477
3483
|
label: O(a).section.wrapperEnable,
|
|
3478
3484
|
"onUpdate:modelValue": n[1] ||= (e) => u(e)
|
|
3479
|
-
}, null, 8, ["model-value", "label"]), e.block.wrapper ? (S(), v("div",
|
|
3485
|
+
}, null, 8, ["model-value", "label"]), e.block.wrapper ? (S(), v("div", qs, [
|
|
3480
3486
|
_("div", null, [_("label", { class: r(O(Y)) }, C(O(a).blockSettings.color), 3), y($, {
|
|
3481
3487
|
"model-value": e.block.wrapper.backgroundColor ?? "",
|
|
3482
3488
|
"onUpdate:modelValue": n[2] ||= (e) => d({ backgroundColor: e })
|
|
3483
3489
|
}, null, 8, ["model-value"])]),
|
|
3484
|
-
y(
|
|
3490
|
+
y(Ia, {
|
|
3485
3491
|
label: O(a).blockSettings.padding,
|
|
3486
3492
|
"model-value": e.block.wrapper.padding ?? {
|
|
3487
3493
|
top: 0,
|
|
@@ -3491,18 +3497,18 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3491
3497
|
},
|
|
3492
3498
|
"onUpdate:modelValue": f
|
|
3493
3499
|
}, null, 8, ["label", "model-value"]),
|
|
3494
|
-
_("div", null, [_("label", { class: r(O(Y)) }, C(O(a).section.borderRadius), 3), _("div",
|
|
3500
|
+
_("div", null, [_("label", { class: r(O(Y)) }, C(O(a).section.borderRadius), 3), _("div", Js, [_("input", {
|
|
3495
3501
|
type: "number",
|
|
3496
3502
|
class: r(O(Z)),
|
|
3497
3503
|
value: e.block.wrapper.borderRadius ?? 0,
|
|
3498
3504
|
min: "0",
|
|
3499
3505
|
max: "50",
|
|
3500
3506
|
onInput: p
|
|
3501
|
-
}, null, 42,
|
|
3507
|
+
}, null, 42, Ys), _("span", { class: r(O(X)) }, "px", 2)])])
|
|
3502
3508
|
])) : A("", !0)])
|
|
3503
3509
|
], 64));
|
|
3504
3510
|
}
|
|
3505
|
-
}),
|
|
3511
|
+
}), Zs = { class: "tpl:mb-3.5" }, Qs = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, $s = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ec = ["value", "onChange"], tc = ["value"], nc = ["title", "onClick"], rc = { class: "tpl:mb-3.5" }, ic = ["value"], ac = { value: "solid" }, oc = { value: "outlined" }, sc = { value: "rounded" }, cc = { value: "square" }, lc = { value: "circle" }, uc = { class: "tpl:mb-3.5" }, dc = { class: "tpl:mb-3.5" }, fc = { class: "tpl:flex tpl:items-stretch" }, pc = ["value"], mc = { class: "tpl:mb-3.5" }, hc = /* @__PURE__ */ j({
|
|
3506
3512
|
__name: "SocialToolbar",
|
|
3507
3513
|
props: { block: {} },
|
|
3508
3514
|
emits: ["update"],
|
|
@@ -3530,10 +3536,10 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3530
3536
|
i("update", { icons: n.block.icons.filter((t) => t.id !== e) });
|
|
3531
3537
|
}
|
|
3532
3538
|
return (t, n) => (S(), v(D, null, [
|
|
3533
|
-
_("div",
|
|
3539
|
+
_("div", Zs, [_("label", { class: r(O(Y)) }, C(O(a).social.icons), 3), _("div", Qs, [(S(!0), v(D, null, x(e.block.icons, (e) => (S(), v("div", {
|
|
3534
3540
|
key: e.id,
|
|
3535
3541
|
class: "tpl:flex tpl:flex-col tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-2"
|
|
3536
|
-
}, [_("div",
|
|
3542
|
+
}, [_("div", $s, [_("select", {
|
|
3537
3543
|
"data-testid": "social-platform-select",
|
|
3538
3544
|
class: r([O(Q), "tpl:flex-1"]),
|
|
3539
3545
|
value: e.platform,
|
|
@@ -3541,14 +3547,14 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3541
3547
|
}, [(S(!0), v(D, null, x(O(Me), (e) => (S(), v("option", {
|
|
3542
3548
|
key: e,
|
|
3543
3549
|
value: e
|
|
3544
|
-
}, C(O(a).social.platforms[e]), 9,
|
|
3550
|
+
}, C(O(a).social.platforms[e]), 9, tc))), 128))], 42, ec), _("button", {
|
|
3545
3551
|
class: r(O(sn)),
|
|
3546
3552
|
title: O(a).social.removeIcon,
|
|
3547
3553
|
onClick: (t) => l(e.id)
|
|
3548
3554
|
}, [y(O(Zt), {
|
|
3549
3555
|
size: 14,
|
|
3550
3556
|
"stroke-width": 2
|
|
3551
|
-
})], 10,
|
|
3557
|
+
})], 10, nc)]), y(Vi, {
|
|
3552
3558
|
"model-value": e.url,
|
|
3553
3559
|
type: "url",
|
|
3554
3560
|
placeholder: O(a).social.urlPlaceholder,
|
|
@@ -3564,18 +3570,18 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3564
3570
|
size: 14,
|
|
3565
3571
|
"stroke-width": 2
|
|
3566
3572
|
}), b(" " + C(O(a).social.addIcon), 1)], 2)])]),
|
|
3567
|
-
_("div",
|
|
3573
|
+
_("div", rc, [_("label", { class: r(O(Y)) }, C(O(a).social.style), 3), _("select", {
|
|
3568
3574
|
class: r(O(Q)),
|
|
3569
3575
|
value: e.block.iconStyle,
|
|
3570
3576
|
onChange: n[0] ||= (e) => o("iconStyle", e.target.value)
|
|
3571
3577
|
}, [
|
|
3572
|
-
_("option",
|
|
3573
|
-
_("option",
|
|
3574
|
-
_("option",
|
|
3575
|
-
_("option",
|
|
3576
|
-
_("option",
|
|
3577
|
-
], 42,
|
|
3578
|
-
_("div",
|
|
3578
|
+
_("option", ac, C(O(a).social.styleSolid), 1),
|
|
3579
|
+
_("option", oc, C(O(a).social.styleOutlined), 1),
|
|
3580
|
+
_("option", sc, C(O(a).social.styleRounded), 1),
|
|
3581
|
+
_("option", cc, C(O(a).social.styleSquare), 1),
|
|
3582
|
+
_("option", lc, C(O(a).social.styleCircle), 1)
|
|
3583
|
+
], 42, ic)]),
|
|
3584
|
+
_("div", uc, [_("label", { class: r(O(Y)) }, C(O(a).social.size), 3), y(bn, {
|
|
3579
3585
|
options: [
|
|
3580
3586
|
{
|
|
3581
3587
|
value: "small",
|
|
@@ -3593,15 +3599,15 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3593
3599
|
"model-value": e.block.iconSize,
|
|
3594
3600
|
"onUpdate:modelValue": n[1] ||= (e) => o("iconSize", e)
|
|
3595
3601
|
}, null, 8, ["options", "model-value"])]),
|
|
3596
|
-
_("div",
|
|
3602
|
+
_("div", dc, [_("label", { class: r(O(Y)) }, C(O(a).social.spacing), 3), _("div", fc, [_("input", {
|
|
3597
3603
|
type: "number",
|
|
3598
3604
|
class: r(O(Z)),
|
|
3599
3605
|
value: e.block.spacing,
|
|
3600
3606
|
min: "0",
|
|
3601
3607
|
max: "50",
|
|
3602
3608
|
onInput: n[2] ||= (e) => o("spacing", Number(e.target.value))
|
|
3603
|
-
}, null, 42,
|
|
3604
|
-
_("div",
|
|
3609
|
+
}, null, 42, pc), _("span", { class: r(O(X)) }, "px", 2)])]),
|
|
3610
|
+
_("div", mc, [_("label", { class: r(O(Y)) }, C(O(a).social.align), 3), y(bn, {
|
|
3605
3611
|
options: [
|
|
3606
3612
|
{
|
|
3607
3613
|
value: "left",
|
|
@@ -3624,22 +3630,22 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3624
3630
|
}, null, 8, ["options", "model-value"])])
|
|
3625
3631
|
], 64));
|
|
3626
3632
|
}
|
|
3627
|
-
}),
|
|
3633
|
+
}), gc = { class: "tpl:mb-3.5" }, _c = { class: "tpl:flex tpl:items-stretch" }, vc = ["value"], yc = ["value"], bc = /* @__PURE__ */ j({
|
|
3628
3634
|
__name: "SpacerToolbar",
|
|
3629
3635
|
props: { block: {} },
|
|
3630
3636
|
emits: ["update"],
|
|
3631
3637
|
setup(e, { emit: t }) {
|
|
3632
3638
|
let n = t, { t: i } = q();
|
|
3633
|
-
return (t, a) => (S(), v("div",
|
|
3639
|
+
return (t, a) => (S(), v("div", gc, [
|
|
3634
3640
|
_("label", { class: r(O(Y)) }, C(O(i).spacer.height), 3),
|
|
3635
|
-
_("div",
|
|
3641
|
+
_("div", _c, [_("input", {
|
|
3636
3642
|
type: "number",
|
|
3637
3643
|
class: r(O(Z)),
|
|
3638
3644
|
value: e.block.height,
|
|
3639
3645
|
min: "10",
|
|
3640
3646
|
max: "100",
|
|
3641
3647
|
onInput: a[0] ||= (e) => n("update", { height: Number(e.target.value) })
|
|
3642
|
-
}, null, 42,
|
|
3648
|
+
}, null, 42, vc), _("span", { class: r(O(X)) }, "px", 2)]),
|
|
3643
3649
|
_("input", {
|
|
3644
3650
|
type: "range",
|
|
3645
3651
|
class: "tpl:mt-2 tpl:w-full tpl:accent-[var(--tpl-primary)]",
|
|
@@ -3647,13 +3653,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3647
3653
|
min: "10",
|
|
3648
3654
|
max: "100",
|
|
3649
3655
|
onInput: a[1] ||= (e) => n("update", { height: Number(e.target.value) })
|
|
3650
|
-
}, null, 40,
|
|
3656
|
+
}, null, 40, yc)
|
|
3651
3657
|
]));
|
|
3652
3658
|
}
|
|
3653
|
-
}),
|
|
3659
|
+
}), xc = { class: "tpl:mb-3.5" }, Sc = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Cc = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, wc = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, Tc = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, Ec = ["disabled"], Dc = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, Oc = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, kc = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, Ac = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, jc = ["disabled"], Mc = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, Nc = { class: "tpl:mb-3.5" }, Pc = {
|
|
3654
3660
|
key: 0,
|
|
3655
3661
|
class: "tpl:mb-3.5"
|
|
3656
|
-
},
|
|
3662
|
+
}, Fc = { class: "tpl:mb-3.5" }, Ic = { class: "tpl:mb-3.5" }, Lc = { class: "tpl:flex tpl:items-stretch" }, Rc = ["value"], zc = { class: "tpl:mb-3.5" }, Bc = { class: "tpl:flex tpl:items-stretch" }, Vc = ["value"], Hc = { class: "tpl:mb-3.5" }, Uc = ["value"], Wc = { value: "" }, Gc = ["value"], Kc = { class: "tpl:mb-3.5" }, qc = { class: "tpl:flex tpl:items-stretch" }, Jc = ["value"], Yc = { class: "tpl:mb-3.5" }, Xc = { class: "tpl:mb-3.5" }, Zc = /* @__PURE__ */ j({
|
|
3657
3663
|
__name: "TableToolbar",
|
|
3658
3664
|
props: {
|
|
3659
3665
|
block: {},
|
|
@@ -3696,7 +3702,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3696
3702
|
i("update", { rows: t });
|
|
3697
3703
|
}
|
|
3698
3704
|
return (t, n) => (S(), v(D, null, [
|
|
3699
|
-
_("div",
|
|
3705
|
+
_("div", xc, [_("label", { class: r(O(Y)) }, C(O(a).table.dimensions), 3), _("div", Sc, [_("div", Cc, [_("span", wc, C(O(a).table.rows), 1), _("div", Tc, [
|
|
3700
3706
|
_("button", {
|
|
3701
3707
|
class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:hover:text-[var(--tpl-primary)] tpl:disabled:opacity-30",
|
|
3702
3708
|
disabled: e.block.rows.length <= 1,
|
|
@@ -3704,8 +3710,8 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3704
3710
|
}, [y(O(Ot), {
|
|
3705
3711
|
size: 12,
|
|
3706
3712
|
"stroke-width": 2
|
|
3707
|
-
})], 8,
|
|
3708
|
-
_("span",
|
|
3713
|
+
})], 8, Ec),
|
|
3714
|
+
_("span", Dc, C(e.block.rows.length), 1),
|
|
3709
3715
|
_("button", {
|
|
3710
3716
|
class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:hover:text-[var(--tpl-primary)]",
|
|
3711
3717
|
onClick: c
|
|
@@ -3713,7 +3719,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3713
3719
|
size: 12,
|
|
3714
3720
|
"stroke-width": 2
|
|
3715
3721
|
})])
|
|
3716
|
-
])]), _("div",
|
|
3722
|
+
])]), _("div", Oc, [_("span", kc, C(O(a).table.columns), 1), _("div", Ac, [
|
|
3717
3723
|
_("button", {
|
|
3718
3724
|
class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:hover:text-[var(--tpl-primary)] tpl:disabled:opacity-30",
|
|
3719
3725
|
disabled: o.value <= 1,
|
|
@@ -3721,8 +3727,8 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3721
3727
|
}, [y(O(Ot), {
|
|
3722
3728
|
size: 12,
|
|
3723
3729
|
"stroke-width": 2
|
|
3724
|
-
})], 8,
|
|
3725
|
-
_("span",
|
|
3730
|
+
})], 8, jc),
|
|
3731
|
+
_("span", Mc, C(o.value), 1),
|
|
3726
3732
|
_("button", {
|
|
3727
3733
|
class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:hover:text-[var(--tpl-primary)]",
|
|
3728
3734
|
onClick: u
|
|
@@ -3731,13 +3737,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3731
3737
|
"stroke-width": 2
|
|
3732
3738
|
})])
|
|
3733
3739
|
])])])]),
|
|
3734
|
-
_("div",
|
|
3740
|
+
_("div", Nc, [y(vn, {
|
|
3735
3741
|
class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
|
|
3736
3742
|
"model-value": e.block.hasHeaderRow,
|
|
3737
3743
|
label: O(a).table.hasHeaderRow,
|
|
3738
3744
|
"onUpdate:modelValue": n[2] ||= (e) => s("hasHeaderRow", e)
|
|
3739
3745
|
}, null, 8, ["model-value", "label"])]),
|
|
3740
|
-
e.block.hasHeaderRow ? (S(), v("div",
|
|
3746
|
+
e.block.hasHeaderRow ? (S(), v("div", Pc, [_("label", { class: r(O(Y)) }, C(O(a).table.headerBackgroundColor), 3), y($, {
|
|
3741
3747
|
"model-value": e.block.headerBackgroundColor ?? "",
|
|
3742
3748
|
"seed-color": O(un),
|
|
3743
3749
|
placeholder: O(a).table.noHeaderBg,
|
|
@@ -3747,47 +3753,47 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3747
3753
|
"seed-color",
|
|
3748
3754
|
"placeholder"
|
|
3749
3755
|
])])) : A("", !0),
|
|
3750
|
-
_("div",
|
|
3756
|
+
_("div", Fc, [_("label", { class: r(O(Y)) }, C(O(a).table.borderColor), 3), y($, {
|
|
3751
3757
|
"model-value": e.block.borderColor,
|
|
3752
3758
|
"onUpdate:modelValue": n[4] ||= (e) => s("borderColor", e)
|
|
3753
3759
|
}, null, 8, ["model-value"])]),
|
|
3754
|
-
_("div",
|
|
3760
|
+
_("div", Ic, [_("label", { class: r(O(Y)) }, C(O(a).table.borderWidth), 3), _("div", Lc, [_("input", {
|
|
3755
3761
|
type: "number",
|
|
3756
3762
|
class: r(O(Z)),
|
|
3757
3763
|
value: e.block.borderWidth,
|
|
3758
3764
|
min: "0",
|
|
3759
3765
|
max: "10",
|
|
3760
3766
|
onInput: n[5] ||= (e) => s("borderWidth", Number(e.target.value))
|
|
3761
|
-
}, null, 42,
|
|
3762
|
-
_("div",
|
|
3767
|
+
}, null, 42, Rc), _("span", { class: r(O(X)) }, "px", 2)])]),
|
|
3768
|
+
_("div", zc, [_("label", { class: r(O(Y)) }, C(O(a).table.cellPadding), 3), _("div", Bc, [_("input", {
|
|
3763
3769
|
type: "number",
|
|
3764
3770
|
class: r(O(Z)),
|
|
3765
3771
|
value: e.block.cellPadding,
|
|
3766
3772
|
min: "0",
|
|
3767
3773
|
max: "30",
|
|
3768
3774
|
onInput: n[6] ||= (e) => s("cellPadding", Number(e.target.value))
|
|
3769
|
-
}, null, 42,
|
|
3770
|
-
_("div",
|
|
3775
|
+
}, null, 42, Vc), _("span", { class: r(O(X)) }, "px", 2)])]),
|
|
3776
|
+
_("div", Hc, [_("label", { class: r(O(Y)) }, C(O(a).table.fontFamily), 3), _("select", {
|
|
3771
3777
|
class: r(O(Q)),
|
|
3772
3778
|
value: e.block.fontFamily || "",
|
|
3773
3779
|
onChange: n[7] ||= (e) => s("fontFamily", e.target.value || void 0)
|
|
3774
|
-
}, [_("option",
|
|
3780
|
+
}, [_("option", Wc, C(O(a).title.inheritFont), 1), (S(!0), v(D, null, x(e.fontFamilies, (e) => (S(), v("option", {
|
|
3775
3781
|
key: e.value,
|
|
3776
3782
|
value: e.value
|
|
3777
|
-
}, C(e.label), 9,
|
|
3778
|
-
_("div",
|
|
3783
|
+
}, C(e.label), 9, Gc))), 128))], 42, Uc)]),
|
|
3784
|
+
_("div", Kc, [_("label", { class: r(O(Y)) }, C(O(a).table.fontSize), 3), _("div", qc, [_("input", {
|
|
3779
3785
|
type: "number",
|
|
3780
3786
|
class: r(O(Z)),
|
|
3781
3787
|
value: e.block.fontSize,
|
|
3782
3788
|
min: "10",
|
|
3783
3789
|
max: "32",
|
|
3784
3790
|
onInput: n[8] ||= (e) => s("fontSize", Number(e.target.value))
|
|
3785
|
-
}, null, 42,
|
|
3786
|
-
_("div",
|
|
3791
|
+
}, null, 42, Jc), _("span", { class: r(O(X)) }, "px", 2)])]),
|
|
3792
|
+
_("div", Yc, [_("label", { class: r(O(Y)) }, C(O(a).table.color), 3), y($, {
|
|
3787
3793
|
"model-value": e.block.color ?? "",
|
|
3788
3794
|
"onUpdate:modelValue": n[9] ||= (e) => s("color", e || void 0)
|
|
3789
3795
|
}, null, 8, ["model-value"])]),
|
|
3790
|
-
_("div",
|
|
3796
|
+
_("div", Xc, [_("label", { class: r(O(Y)) }, C(O(a).table.textAlign), 3), y(bn, {
|
|
3791
3797
|
options: [
|
|
3792
3798
|
{
|
|
3793
3799
|
value: "left",
|
|
@@ -3810,7 +3816,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3810
3816
|
}, null, 8, ["options", "model-value"])])
|
|
3811
3817
|
], 64));
|
|
3812
3818
|
}
|
|
3813
|
-
}),
|
|
3819
|
+
}), Qc = { class: "tpl:mb-3.5" }, $c = ["value"], el = { value: 1 }, tl = { value: 2 }, nl = { value: 3 }, rl = { value: 4 }, il = { class: "tpl:mb-3.5" }, al = ["value"], ol = { value: "" }, sl = ["value"], cl = { class: "tpl:mb-3.5" }, ll = { class: "tpl:mb-3.5" }, ul = /* @__PURE__ */ j({
|
|
3814
3820
|
__name: "TitleToolbar",
|
|
3815
3821
|
props: {
|
|
3816
3822
|
block: {},
|
|
@@ -3823,29 +3829,29 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3823
3829
|
n("update", { [e]: t });
|
|
3824
3830
|
}
|
|
3825
3831
|
return (t, n) => (S(), v(D, null, [
|
|
3826
|
-
_("div",
|
|
3832
|
+
_("div", Qc, [_("label", { class: r(O(Y)) }, C(O(i).title.level), 3), _("select", {
|
|
3827
3833
|
class: r(O(Q)),
|
|
3828
3834
|
value: e.block.level,
|
|
3829
3835
|
onChange: n[0] ||= (e) => a("level", Number(e.target.value))
|
|
3830
3836
|
}, [
|
|
3831
|
-
_("option",
|
|
3832
|
-
_("option",
|
|
3833
|
-
_("option",
|
|
3834
|
-
_("option",
|
|
3835
|
-
], 42,
|
|
3836
|
-
_("div",
|
|
3837
|
+
_("option", el, C(O(i).title.heading1), 1),
|
|
3838
|
+
_("option", tl, C(O(i).title.heading2), 1),
|
|
3839
|
+
_("option", nl, C(O(i).title.heading3), 1),
|
|
3840
|
+
_("option", rl, C(O(i).title.heading4), 1)
|
|
3841
|
+
], 42, $c)]),
|
|
3842
|
+
_("div", il, [_("label", { class: r(O(Y)) }, C(O(i).title.fontFamily), 3), _("select", {
|
|
3837
3843
|
class: r(O(Q)),
|
|
3838
3844
|
value: e.block.fontFamily || "",
|
|
3839
3845
|
onChange: n[1] ||= (e) => a("fontFamily", e.target.value || void 0)
|
|
3840
|
-
}, [_("option",
|
|
3846
|
+
}, [_("option", ol, C(O(i).title.inheritFont), 1), (S(!0), v(D, null, x(e.fontFamilies, (e) => (S(), v("option", {
|
|
3841
3847
|
key: e.value,
|
|
3842
3848
|
value: e.value
|
|
3843
|
-
}, C(e.label), 9,
|
|
3844
|
-
_("div",
|
|
3849
|
+
}, C(e.label), 9, sl))), 128))], 42, al)]),
|
|
3850
|
+
_("div", cl, [_("label", { class: r(O(Y)) }, C(O(i).title.color), 3), y($, {
|
|
3845
3851
|
"model-value": e.block.color ?? "",
|
|
3846
3852
|
"onUpdate:modelValue": n[2] ||= (e) => a("color", e || void 0)
|
|
3847
3853
|
}, null, 8, ["model-value"])]),
|
|
3848
|
-
_("div",
|
|
3854
|
+
_("div", ll, [_("label", { class: r(O(Y)) }, C(O(i).title.align), 3), y(bn, {
|
|
3849
3855
|
options: [
|
|
3850
3856
|
{
|
|
3851
3857
|
value: "left",
|
|
@@ -3868,17 +3874,17 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3868
3874
|
}, null, 8, ["options", "model-value"])])
|
|
3869
3875
|
], 64));
|
|
3870
3876
|
}
|
|
3871
|
-
}),
|
|
3877
|
+
}), dl = { class: "tpl:mb-3.5" }, fl = {
|
|
3872
3878
|
key: 0,
|
|
3873
3879
|
class: "tpl:mb-3.5"
|
|
3874
|
-
},
|
|
3880
|
+
}, pl = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, ml = [
|
|
3875
3881
|
"value",
|
|
3876
3882
|
"placeholder",
|
|
3877
3883
|
"title"
|
|
3878
|
-
],
|
|
3884
|
+
], hl = { class: "tpl:mb-3.5" }, gl = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, _l = { class: "tpl:mb-3.5" }, vl = { class: "tpl:mb-3.5" }, yl = ["value"], bl = { value: "full" }, xl = { class: "tpl:mb-3.5" }, Sl = ["value"], Cl = { value: "auto" }, wl = { value: "custom" }, Tl = {
|
|
3879
3885
|
key: 0,
|
|
3880
3886
|
class: "tpl:mt-2 tpl:flex tpl:items-stretch"
|
|
3881
|
-
},
|
|
3887
|
+
}, El = ["value"], Dl = { class: "tpl:mb-3.5" }, Ol = 200, kl = /* @__PURE__ */ j({
|
|
3882
3888
|
__name: "VideoToolbar",
|
|
3883
3889
|
props: { block: {} },
|
|
3884
3890
|
emits: ["update"],
|
|
@@ -3890,7 +3896,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3890
3896
|
i("update", { [e]: t });
|
|
3891
3897
|
}
|
|
3892
3898
|
function x(e) {
|
|
3893
|
-
g("height", e === "custom" ?
|
|
3899
|
+
g("height", e === "custom" ? Ol : void 0);
|
|
3894
3900
|
}
|
|
3895
3901
|
function T(e) {
|
|
3896
3902
|
let t = Number(e);
|
|
@@ -3901,9 +3907,9 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3901
3907
|
c.alive && e && (g("thumbnailUrl", e.url), p.value = !0, h());
|
|
3902
3908
|
}
|
|
3903
3909
|
return (t, n) => (S(), v(D, null, [
|
|
3904
|
-
_("div",
|
|
3910
|
+
_("div", dl, [
|
|
3905
3911
|
_("label", { class: r(O(Y)) }, C(O(a).video.videoUrl), 3),
|
|
3906
|
-
y(
|
|
3912
|
+
y(Vi, {
|
|
3907
3913
|
"model-value": e.block.url,
|
|
3908
3914
|
type: "url",
|
|
3909
3915
|
placeholder: O(a).video.videoUrlPlaceholder,
|
|
@@ -3917,17 +3923,17 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3917
3923
|
"onUpdate:modelValue": n[1] ||= (e) => g("openInNewTab", e)
|
|
3918
3924
|
}, null, 8, ["model-value", "label"])) : A("", !0)
|
|
3919
3925
|
]),
|
|
3920
|
-
u.value ? (S(), v("div",
|
|
3926
|
+
u.value ? (S(), v("div", fl, [_("label", { class: r(O(Y)) }, [b(C(O(a).video.placeholderUrl) + " ", 1), _("span", pl, C(O(a).video.optional), 1)], 2), _("input", {
|
|
3921
3927
|
type: "url",
|
|
3922
3928
|
class: r(O(Q)),
|
|
3923
3929
|
value: e.block.placeholderUrl || "",
|
|
3924
3930
|
placeholder: O(a).video.placeholderUrlPlaceholder,
|
|
3925
3931
|
title: O(a).video.placeholderUrlTooltip,
|
|
3926
3932
|
onInput: n[2] ||= (e) => g("placeholderUrl", e.target.value)
|
|
3927
|
-
}, null, 42,
|
|
3928
|
-
_("div",
|
|
3929
|
-
_("label", { class: r(O(Y)) }, [b(C(O(a).video.customThumbnail) + " ", 1), _("span",
|
|
3930
|
-
y(
|
|
3933
|
+
}, null, 42, ml)])) : A("", !0),
|
|
3934
|
+
_("div", hl, [
|
|
3935
|
+
_("label", { class: r(O(Y)) }, [b(C(O(a).video.customThumbnail) + " ", 1), _("span", gl, C(O(a).video.optional), 1)], 2),
|
|
3936
|
+
y(Vi, {
|
|
3931
3937
|
"model-value": e.block.thumbnailUrl,
|
|
3932
3938
|
type: "url",
|
|
3933
3939
|
placeholder: O(a).video.thumbnailPlaceholder,
|
|
@@ -3952,40 +3958,40 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3952
3958
|
"stroke-width": 1.5
|
|
3953
3959
|
}), b(" " + C(O(a).image.browseMedia), 1)])) : A("", !0)
|
|
3954
3960
|
]),
|
|
3955
|
-
_("div",
|
|
3961
|
+
_("div", _l, [_("label", { class: r(O(Y)) }, C(O(a).video.altText), 3), y(Vi, {
|
|
3956
3962
|
"model-value": e.block.alt,
|
|
3957
3963
|
type: "text",
|
|
3958
3964
|
placeholder: O(a).video.altTextPlaceholder,
|
|
3959
3965
|
"onUpdate:modelValue": n[4] ||= (e) => g("alt", e)
|
|
3960
3966
|
}, null, 8, ["model-value", "placeholder"])]),
|
|
3961
|
-
_("div",
|
|
3967
|
+
_("div", vl, [_("label", { class: r(O(Y)) }, C(O(a).video.width), 3), _("select", {
|
|
3962
3968
|
class: r(O(Q)),
|
|
3963
3969
|
value: e.block.width,
|
|
3964
3970
|
onChange: n[5] ||= (e) => g("width", e.target.value === "full" ? "full" : Number(e.target.value))
|
|
3965
3971
|
}, [
|
|
3966
|
-
_("option",
|
|
3972
|
+
_("option", bl, C(O(a).video.fullWidth), 1),
|
|
3967
3973
|
n[9] ||= _("option", { value: "300" }, "300px", -1),
|
|
3968
3974
|
n[10] ||= _("option", { value: "400" }, "400px", -1),
|
|
3969
3975
|
n[11] ||= _("option", { value: "500" }, "500px", -1)
|
|
3970
|
-
], 42,
|
|
3971
|
-
_("div",
|
|
3976
|
+
], 42, yl)]),
|
|
3977
|
+
_("div", xl, [
|
|
3972
3978
|
_("label", { class: r(O(Y)) }, C(O(a).video.height), 3),
|
|
3973
3979
|
_("select", {
|
|
3974
3980
|
class: r(O(Q)),
|
|
3975
3981
|
"data-testid": "video-height-mode",
|
|
3976
3982
|
value: f.value,
|
|
3977
3983
|
onChange: n[6] ||= (e) => x(e.target.value)
|
|
3978
|
-
}, [_("option",
|
|
3979
|
-
f.value === "custom" ? (S(), v("div",
|
|
3984
|
+
}, [_("option", Cl, C(O(a).video.heightAuto), 1), _("option", wl, C(O(a).video.heightCustom), 1)], 42, Sl),
|
|
3985
|
+
f.value === "custom" ? (S(), v("div", Tl, [_("input", {
|
|
3980
3986
|
type: "number",
|
|
3981
3987
|
"data-testid": "video-height-input",
|
|
3982
3988
|
class: r(O(Z)),
|
|
3983
3989
|
value: e.block.height,
|
|
3984
3990
|
min: "20",
|
|
3985
3991
|
onInput: n[7] ||= (e) => T(e.target.value)
|
|
3986
|
-
}, null, 42,
|
|
3992
|
+
}, null, 42, El), _("span", { class: r(O(X)) }, "px", 2)])) : A("", !0)
|
|
3987
3993
|
]),
|
|
3988
|
-
_("div",
|
|
3994
|
+
_("div", Dl, [_("label", { class: r(O(Y)) }, C(O(a).title.align), 3), y(bn, {
|
|
3989
3995
|
options: [
|
|
3990
3996
|
{
|
|
3991
3997
|
value: "left",
|
|
@@ -4005,7 +4011,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4005
4011
|
}, null, 8, ["options", "model-value"])])
|
|
4006
4012
|
], 64));
|
|
4007
4013
|
}
|
|
4008
|
-
}),
|
|
4014
|
+
}), Al = ["aria-label"], jl = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, Ml = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, Nl = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Pl = { class: "tpl:flex tpl:gap-1" }, Fl = ["title"], Il = ["title"], Ll = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, Rl = /*#__PURE__*/ Qt(/* @__PURE__ */ j({
|
|
4009
4015
|
__name: "Toolbar",
|
|
4010
4016
|
props: { block: {} },
|
|
4011
4017
|
emits: [
|
|
@@ -4014,7 +4020,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4014
4020
|
"duplicate"
|
|
4015
4021
|
],
|
|
4016
4022
|
setup(e, { emit: t }) {
|
|
4017
|
-
let n = h(() => import("./CountdownToolbar-
|
|
4023
|
+
let n = h(() => import("./CountdownToolbar-ByQVLqFF.js")), r = e, i = t, { t: a } = q(), o = rt(it, "Toolbar"), s = d(st, []), c = k(() => r.block.type), l = k(() => H(r.block)), f = k(() => {
|
|
4018
4024
|
if (l.value) return s.find((e) => e.type === r.block.customType);
|
|
4019
4025
|
}), p = k(() => l.value ? f.value?.name ?? r.block.customType : _e(c.value, a)), m = o.fonts;
|
|
4020
4026
|
function g(e) {
|
|
@@ -4023,7 +4029,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4023
4029
|
return (t, r) => (S(), v("aside", {
|
|
4024
4030
|
"aria-label": O(a).landmarks.blockToolbar,
|
|
4025
4031
|
class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]"
|
|
4026
|
-
}, [_("div",
|
|
4032
|
+
}, [_("div", jl, [_("div", Ml, [O(jt)[c.value] ? (S(), w(u(O(jt)[c.value]), {
|
|
4027
4033
|
key: 0,
|
|
4028
4034
|
size: 16,
|
|
4029
4035
|
"stroke-width": 1.5
|
|
@@ -4031,70 +4037,70 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4031
4037
|
key: 1,
|
|
4032
4038
|
size: 16,
|
|
4033
4039
|
"stroke-width": 1.5
|
|
4034
|
-
})) : A("", !0), _("h3",
|
|
4040
|
+
})) : A("", !0), _("h3", Nl, C(p.value), 1)]), _("div", Pl, [_("button", {
|
|
4035
4041
|
class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:hover:bg-[var(--tpl-bg-active)] tpl:hover:text-[var(--tpl-text)]",
|
|
4036
4042
|
title: O(a).toolbar.duplicate,
|
|
4037
4043
|
onClick: r[0] ||= (e) => i("duplicate")
|
|
4038
4044
|
}, [y(O(se), {
|
|
4039
4045
|
size: 14,
|
|
4040
4046
|
"stroke-width": 2
|
|
4041
|
-
})], 8,
|
|
4047
|
+
})], 8, Fl), _("button", {
|
|
4042
4048
|
class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]",
|
|
4043
4049
|
title: O(a).toolbar.delete,
|
|
4044
4050
|
onClick: r[1] ||= (e) => i("delete")
|
|
4045
4051
|
}, [y(O(Yt), {
|
|
4046
4052
|
size: 14,
|
|
4047
4053
|
"stroke-width": 2
|
|
4048
|
-
})], 8,
|
|
4054
|
+
})], 8, Il)])]), _("div", Ll, [l.value ? (S(), w(Go, {
|
|
4049
4055
|
key: 0,
|
|
4050
4056
|
block: e.block,
|
|
4051
4057
|
onUpdateFieldValues: r[2] ||= (e) => i("update", { fieldValues: e }),
|
|
4052
4058
|
onUpdateDataSourceFetched: r[3] ||= (e) => i("update", { dataSourceFetched: e })
|
|
4053
|
-
}, null, 8, ["block"])) : c.value === "section" ? (S(), w(
|
|
4059
|
+
}, null, 8, ["block"])) : c.value === "section" ? (S(), w(Xs, {
|
|
4054
4060
|
key: 1,
|
|
4055
4061
|
block: e.block,
|
|
4056
4062
|
onUpdate: g
|
|
4057
|
-
}, null, 8, ["block"])) : c.value === "title" ? (S(), w(
|
|
4063
|
+
}, null, 8, ["block"])) : c.value === "title" ? (S(), w(ul, {
|
|
4058
4064
|
key: 2,
|
|
4059
4065
|
block: e.block,
|
|
4060
4066
|
"font-families": O(m),
|
|
4061
4067
|
onUpdate: g
|
|
4062
|
-
}, null, 8, ["block", "font-families"])) : c.value === "paragraph" ? (S(), v(D, { key: 3 }, [], 64)) : c.value === "image" ? (S(), w(
|
|
4068
|
+
}, null, 8, ["block", "font-families"])) : c.value === "paragraph" ? (S(), v(D, { key: 3 }, [], 64)) : c.value === "image" ? (S(), w(Ts, {
|
|
4063
4069
|
key: 4,
|
|
4064
4070
|
block: e.block,
|
|
4065
4071
|
onUpdate: g
|
|
4066
|
-
}, null, 8, ["block"])) : c.value === "video" ? (S(), w(
|
|
4072
|
+
}, null, 8, ["block"])) : c.value === "video" ? (S(), w(kl, {
|
|
4067
4073
|
key: 5,
|
|
4068
4074
|
block: e.block,
|
|
4069
4075
|
onUpdate: g
|
|
4070
|
-
}, null, 8, ["block"])) : c.value === "button" ? (S(), w(
|
|
4076
|
+
}, null, 8, ["block"])) : c.value === "button" ? (S(), w(fa, {
|
|
4071
4077
|
key: 6,
|
|
4072
4078
|
block: e.block,
|
|
4073
4079
|
"font-families": O(m),
|
|
4074
4080
|
onUpdate: g
|
|
4075
|
-
}, null, 8, ["block", "font-families"])) : c.value === "divider" ? (S(), w(
|
|
4081
|
+
}, null, 8, ["block", "font-families"])) : c.value === "divider" ? (S(), w(Zo, {
|
|
4076
4082
|
key: 7,
|
|
4077
4083
|
block: e.block,
|
|
4078
4084
|
onUpdate: g
|
|
4079
|
-
}, null, 8, ["block"])) : c.value === "social" ? (S(), w(
|
|
4085
|
+
}, null, 8, ["block"])) : c.value === "social" ? (S(), w(hc, {
|
|
4080
4086
|
key: 8,
|
|
4081
4087
|
block: e.block,
|
|
4082
4088
|
onUpdate: g
|
|
4083
|
-
}, null, 8, ["block"])) : c.value === "menu" ? (S(), w(
|
|
4089
|
+
}, null, 8, ["block"])) : c.value === "menu" ? (S(), w(Is, {
|
|
4084
4090
|
key: 9,
|
|
4085
4091
|
block: e.block,
|
|
4086
4092
|
"font-families": O(m),
|
|
4087
4093
|
onUpdate: g
|
|
4088
|
-
}, null, 8, ["block", "font-families"])) : c.value === "table" ? (S(), w(
|
|
4094
|
+
}, null, 8, ["block", "font-families"])) : c.value === "table" ? (S(), w(Zc, {
|
|
4089
4095
|
key: 10,
|
|
4090
4096
|
block: e.block,
|
|
4091
4097
|
"font-families": O(m),
|
|
4092
4098
|
onUpdate: g
|
|
4093
|
-
}, null, 8, ["block", "font-families"])) : c.value === "spacer" ? (S(), w(
|
|
4099
|
+
}, null, 8, ["block", "font-families"])) : c.value === "spacer" ? (S(), w(bc, {
|
|
4094
4100
|
key: 11,
|
|
4095
4101
|
block: e.block,
|
|
4096
4102
|
onUpdate: g
|
|
4097
|
-
}, null, 8, ["block"])) : c.value === "html" ? (S(), w(
|
|
4103
|
+
}, null, 8, ["block"])) : c.value === "html" ? (S(), w(ts, {
|
|
4098
4104
|
key: 12,
|
|
4099
4105
|
block: e.block,
|
|
4100
4106
|
onUpdate: g
|
|
@@ -4103,52 +4109,52 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4103
4109
|
block: e.block,
|
|
4104
4110
|
"font-families": O(m),
|
|
4105
4111
|
onUpdate: g
|
|
4106
|
-
}, null, 8, ["block", "font-families"])) : A("", !0), y(
|
|
4112
|
+
}, null, 8, ["block", "font-families"])) : A("", !0), y(io, {
|
|
4107
4113
|
block: e.block,
|
|
4108
4114
|
"is-first-section": c.value === "paragraph",
|
|
4109
4115
|
onUpdate: g
|
|
4110
|
-
}, null, 8, ["block", "is-first-section"])])], 8,
|
|
4116
|
+
}, null, 8, ["block", "is-first-section"])])], 8, Al));
|
|
4111
4117
|
}
|
|
4112
|
-
}), [["__scopeId", "data-v-c0ea5f03"]]),
|
|
4118
|
+
}), [["__scopeId", "data-v-c0ea5f03"]]), zl = ["aria-label"], Bl = {
|
|
4113
4119
|
role: "tablist",
|
|
4114
4120
|
class: "tpl:relative tpl:flex tpl:gap-1 tpl:border-b tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-active)] tpl:p-1.5"
|
|
4115
|
-
},
|
|
4121
|
+
}, Vl = [
|
|
4116
4122
|
"aria-selected",
|
|
4117
4123
|
"aria-label",
|
|
4118
4124
|
"title"
|
|
4119
|
-
],
|
|
4125
|
+
], Hl = { key: 0 }, Ul = [
|
|
4120
4126
|
"aria-selected",
|
|
4121
4127
|
"aria-label",
|
|
4122
4128
|
"title"
|
|
4123
|
-
],
|
|
4129
|
+
], Wl = { key: 0 }, Gl = [
|
|
4124
4130
|
"aria-selected",
|
|
4125
4131
|
"aria-label",
|
|
4126
4132
|
"title"
|
|
4127
|
-
],
|
|
4133
|
+
], Kl = { key: 0 }, ql = {
|
|
4128
4134
|
key: 1,
|
|
4129
4135
|
class: "tpl:ml-1 tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-1.5 tpl:text-[10px]"
|
|
4130
|
-
},
|
|
4136
|
+
}, Jl = {
|
|
4131
4137
|
key: 0,
|
|
4132
4138
|
id: "tpl-tabpanel-content",
|
|
4133
4139
|
role: "tabpanel",
|
|
4134
4140
|
"aria-labelledby": "tpl-tab-content",
|
|
4135
4141
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
4136
|
-
},
|
|
4142
|
+
}, Yl = {
|
|
4137
4143
|
key: 1,
|
|
4138
4144
|
class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:px-6 tpl:py-10 tpl:text-center tpl:text-[var(--tpl-text-muted)]"
|
|
4139
|
-
},
|
|
4145
|
+
}, Xl = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, Zl = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Ql = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, $l = {
|
|
4140
4146
|
key: 1,
|
|
4141
4147
|
id: "tpl-tabpanel-settings",
|
|
4142
4148
|
role: "tabpanel",
|
|
4143
4149
|
"aria-labelledby": "tpl-tab-settings",
|
|
4144
4150
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
4145
|
-
},
|
|
4151
|
+
}, eu = {
|
|
4146
4152
|
key: 2,
|
|
4147
4153
|
id: "tpl-tabpanel-issues",
|
|
4148
4154
|
role: "tabpanel",
|
|
4149
4155
|
"aria-labelledby": "tpl-tab-issues",
|
|
4150
4156
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
4151
|
-
},
|
|
4157
|
+
}, tu = /* @__PURE__ */ j({
|
|
4152
4158
|
__name: "RightSidebar",
|
|
4153
4159
|
props: {
|
|
4154
4160
|
selectedBlock: {},
|
|
@@ -4162,7 +4168,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4162
4168
|
"update-settings"
|
|
4163
4169
|
],
|
|
4164
4170
|
setup(e, { emit: t }) {
|
|
4165
|
-
let n = h(() => import("./IssuesPanel-
|
|
4171
|
+
let n = h(() => import("./IssuesPanel-CDk7lUna.js")), i = e, a = t, { t: s } = q(), c = m("content"), u = d(yt, null), f = k(() => u !== null), p = k(() => u?.issues.value.length ?? 0);
|
|
4166
4172
|
function g(e) {
|
|
4167
4173
|
return c.value === e ? "tpl:flex-1 tpl:text-[var(--tpl-primary)]" : "tpl:shrink-0 tpl:text-[var(--tpl-text-muted)] tpl:hover:text-[var(--tpl-text)]";
|
|
4168
4174
|
}
|
|
@@ -4178,7 +4184,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4178
4184
|
"aria-label": O(s).landmarks.rightSidebar,
|
|
4179
4185
|
class: r(["tpl-right-sidebar tpl:absolute tpl:top-14 tpl:bottom-0 tpl:z-40 tpl:flex tpl:w-[320px] tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)] tpl:transition-all tpl:duration-200 tpl:border-l tpl:border-[var(--tpl-border)]", e.shiftedLeft ? "tpl:right-[360px]" : "tpl:right-0"])
|
|
4180
4186
|
}, [
|
|
4181
|
-
_("div",
|
|
4187
|
+
_("div", Bl, [
|
|
4182
4188
|
_("button", {
|
|
4183
4189
|
id: "tpl-tab-content",
|
|
4184
4190
|
role: "tab",
|
|
@@ -4192,7 +4198,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4192
4198
|
}, [y(O(An), {
|
|
4193
4199
|
size: 14,
|
|
4194
4200
|
"stroke-width": 2
|
|
4195
|
-
}), c.value === "content" ? (S(), v("span",
|
|
4201
|
+
}), c.value === "content" ? (S(), v("span", Hl, C(O(s).sidebar.content), 1)) : A("", !0)], 14, Vl),
|
|
4196
4202
|
_("button", {
|
|
4197
4203
|
id: "tpl-tab-settings",
|
|
4198
4204
|
role: "tab",
|
|
@@ -4206,7 +4212,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4206
4212
|
}, [y(O(Pn), {
|
|
4207
4213
|
size: 14,
|
|
4208
4214
|
"stroke-width": 1.5
|
|
4209
|
-
}), c.value === "settings" ? (S(), v("span",
|
|
4215
|
+
}), c.value === "settings" ? (S(), v("span", Wl, C(O(s).sidebar.settings), 1)) : A("", !0)], 14, Ul),
|
|
4210
4216
|
f.value ? (S(), v("button", {
|
|
4211
4217
|
key: 0,
|
|
4212
4218
|
id: "tpl-tab-issues",
|
|
@@ -4223,68 +4229,68 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4223
4229
|
size: 14,
|
|
4224
4230
|
"stroke-width": 1.5
|
|
4225
4231
|
}),
|
|
4226
|
-
c.value === "issues" ? (S(), v("span",
|
|
4227
|
-
p.value > 0 ? (S(), v("span",
|
|
4228
|
-
], 14,
|
|
4232
|
+
c.value === "issues" ? (S(), v("span", Kl, C(O(s).issues.panelTabLabel), 1)) : A("", !0),
|
|
4233
|
+
p.value > 0 ? (S(), v("span", ql, C(p.value), 1)) : A("", !0)
|
|
4234
|
+
], 14, Gl)) : A("", !0)
|
|
4229
4235
|
]),
|
|
4230
|
-
c.value === "content" ? (S(), v("div",
|
|
4236
|
+
c.value === "content" ? (S(), v("div", Jl, [e.selectedBlock ? (S(), w(Rl, {
|
|
4231
4237
|
key: 0,
|
|
4232
4238
|
block: e.selectedBlock,
|
|
4233
4239
|
onUpdate: i[3] ||= (e) => a("update-block", e),
|
|
4234
4240
|
onDelete: i[4] ||= (e) => a("delete-block"),
|
|
4235
4241
|
onDuplicate: i[5] ||= (e) => a("duplicate-block")
|
|
4236
|
-
}, null, 8, ["block"])) : (S(), v("div",
|
|
4237
|
-
_("div",
|
|
4242
|
+
}, null, 8, ["block"])) : (S(), v("div", Yl, [
|
|
4243
|
+
_("div", Xl, [y(O(En), {
|
|
4238
4244
|
size: 40,
|
|
4239
4245
|
"stroke-width": 1.5
|
|
4240
4246
|
})]),
|
|
4241
|
-
_("h3",
|
|
4242
|
-
_("p",
|
|
4247
|
+
_("h3", Zl, C(O(s).sidebar.noSelection), 1),
|
|
4248
|
+
_("p", Ql, C(O(s).sidebar.noSelectionHint), 1)
|
|
4243
4249
|
]))])) : A("", !0),
|
|
4244
|
-
c.value === "settings" ? (S(), v("div",
|
|
4250
|
+
c.value === "settings" ? (S(), v("div", $l, [y(Pi, {
|
|
4245
4251
|
settings: e.settings,
|
|
4246
4252
|
onUpdate: i[6] ||= (e) => a("update-settings", e)
|
|
4247
4253
|
}, null, 8, ["settings"])])) : A("", !0),
|
|
4248
|
-
c.value === "issues" && f.value ? (S(), v("div",
|
|
4249
|
-
], 10,
|
|
4254
|
+
c.value === "issues" && f.value ? (S(), v("div", eu, [y(O(n))])) : A("", !0)
|
|
4255
|
+
], 10, zl));
|
|
4250
4256
|
}
|
|
4251
|
-
}),
|
|
4257
|
+
}), nu = {
|
|
4252
4258
|
class: "tpl-small-screen-notice tpl:absolute tpl:inset-0 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-4 tpl:px-6 tpl:py-10 tpl:text-center tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)]",
|
|
4253
4259
|
style: { "z-index": "10001" },
|
|
4254
4260
|
role: "status",
|
|
4255
4261
|
"data-testid": "small-screen-notice"
|
|
4256
|
-
},
|
|
4262
|
+
}, ru = { class: "tpl:text-[var(--tpl-text-dim)]" }, iu = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, au = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, ou = /* @__PURE__ */ j({
|
|
4257
4263
|
__name: "SmallScreenNotice",
|
|
4258
4264
|
setup(e) {
|
|
4259
4265
|
let { t } = q();
|
|
4260
|
-
return (e, n) => (S(), v("div",
|
|
4261
|
-
_("div",
|
|
4266
|
+
return (e, n) => (S(), v("div", nu, [
|
|
4267
|
+
_("div", ru, [y(O(Bt), {
|
|
4262
4268
|
size: 48,
|
|
4263
4269
|
"stroke-width": 1.5
|
|
4264
4270
|
})]),
|
|
4265
|
-
_("h2",
|
|
4266
|
-
_("p",
|
|
4271
|
+
_("h2", iu, C(O(t).smallScreen.title), 1),
|
|
4272
|
+
_("p", au, C(O(t).smallScreen.message), 1)
|
|
4267
4273
|
]));
|
|
4268
4274
|
}
|
|
4269
|
-
}),
|
|
4275
|
+
}), su = {
|
|
4270
4276
|
class: "tpl:pointer-events-auto tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-tl-lg tpl:p-1",
|
|
4271
4277
|
style: {
|
|
4272
4278
|
"background-color": "color-mix(\n in srgb,\n var(--tpl-canvas-bg) 85%,\n transparent\n )",
|
|
4273
4279
|
"backdrop-filter": "blur(8px)",
|
|
4274
4280
|
"-webkit-backdrop-filter": "blur(8px)"
|
|
4275
4281
|
}
|
|
4276
|
-
},
|
|
4282
|
+
}, cu = {
|
|
4277
4283
|
href: "https://github.com/templatical/sdk",
|
|
4278
4284
|
target: "_blank",
|
|
4279
4285
|
rel: "noopener noreferrer",
|
|
4280
4286
|
class: "tpl:transition-colors tpl:hover:opacity-80 tpl:text-[var(--tpl-text-dim)]",
|
|
4281
4287
|
style: { "text-decoration": "none" }
|
|
4282
|
-
},
|
|
4288
|
+
}, lu = /* @__PURE__ */ j({
|
|
4283
4289
|
__name: "EditorFooter",
|
|
4284
4290
|
props: { positionClass: {} },
|
|
4285
4291
|
setup(e) {
|
|
4286
4292
|
let { t } = q();
|
|
4287
|
-
return (n, i) => (S(), v("footer", { class: r(["tpl:pointer-events-none tpl:absolute tpl:bottom-0 tpl:z-50 tpl:flex tpl:h-8 tpl:items-center tpl:justify-end tpl:pr-4 tpl:text-[9px] tpl:opacity-90 tpl:transition-all tpl:duration-300 tpl:text-[var(--tpl-text-dim)]", e.positionClass]) }, [_("div",
|
|
4293
|
+
return (n, i) => (S(), v("footer", { class: r(["tpl:pointer-events-none tpl:absolute tpl:bottom-0 tpl:z-50 tpl:flex tpl:h-8 tpl:items-center tpl:justify-end tpl:pr-4 tpl:text-[9px] tpl:opacity-90 tpl:transition-all tpl:duration-300 tpl:text-[var(--tpl-text-dim)]", e.positionClass]) }, [_("div", su, [
|
|
4288
4294
|
_("span", null, C(O(t).footer.poweredBy), 1),
|
|
4289
4295
|
i[0] ||= _("a", {
|
|
4290
4296
|
href: "https://templatical.com",
|
|
@@ -4299,14 +4305,14 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4299
4305
|
alt: ""
|
|
4300
4306
|
}), b(" Templatical ")], -1),
|
|
4301
4307
|
i[1] ||= _("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
|
|
4302
|
-
_("a",
|
|
4308
|
+
_("a", cu, C(O(t).footer.openSource), 1)
|
|
4303
4309
|
])], 2));
|
|
4304
4310
|
}
|
|
4305
|
-
}),
|
|
4311
|
+
}), uu = [
|
|
4306
4312
|
"aria-label",
|
|
4307
4313
|
"title",
|
|
4308
4314
|
"aria-pressed"
|
|
4309
|
-
],
|
|
4315
|
+
], du = /*#__PURE__*/ Qt(/* @__PURE__ */ j({
|
|
4310
4316
|
__name: "DarkModeToggle",
|
|
4311
4317
|
props: { darkMode: { type: Boolean } },
|
|
4312
4318
|
emits: ["change"],
|
|
@@ -4339,13 +4345,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4339
4345
|
"stroke-width": 1.5
|
|
4340
4346
|
}))]),
|
|
4341
4347
|
_: 1
|
|
4342
|
-
})], 12,
|
|
4348
|
+
})], 12, uu));
|
|
4343
4349
|
}
|
|
4344
|
-
}), [["__scopeId", "data-v-632aa74f"]]),
|
|
4350
|
+
}), [["__scopeId", "data-v-632aa74f"]]), fu = [
|
|
4345
4351
|
"aria-label",
|
|
4346
4352
|
"title",
|
|
4347
4353
|
"aria-pressed"
|
|
4348
|
-
],
|
|
4354
|
+
], pu = /*#__PURE__*/ Qt(/* @__PURE__ */ j({
|
|
4349
4355
|
__name: "PreviewToggle",
|
|
4350
4356
|
props: { previewMode: { type: Boolean } },
|
|
4351
4357
|
emits: ["change"],
|
|
@@ -4378,9 +4384,9 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4378
4384
|
"stroke-width": 1.5
|
|
4379
4385
|
}))]),
|
|
4380
4386
|
_: 1
|
|
4381
|
-
})], 12,
|
|
4387
|
+
})], 12, fu));
|
|
4382
4388
|
}
|
|
4383
|
-
}), [["__scopeId", "data-v-eef7b2ca"]]),
|
|
4389
|
+
}), [["__scopeId", "data-v-eef7b2ca"]]), mu = ["aria-label", "onKeydown"], hu = ["title", "aria-label"], gu = /* @__PURE__ */ j({
|
|
4384
4390
|
__name: "TemplateNameField",
|
|
4385
4391
|
props: {
|
|
4386
4392
|
name: {},
|
|
@@ -4412,7 +4418,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4412
4418
|
class: r([O(Q), "tpl:h-8 tpl:max-w-[260px] tpl:text-sm tpl:font-medium"]),
|
|
4413
4419
|
onKeydown: [L(P(d, ["prevent"]), ["enter"]), L(P(p, ["prevent"]), ["esc"])],
|
|
4414
4420
|
onBlur: d
|
|
4415
|
-
}, null, 42,
|
|
4421
|
+
}, null, 42, mu)), [[N, c.value]]) : e.editable ? (S(), v("button", {
|
|
4416
4422
|
key: 1,
|
|
4417
4423
|
type: "button",
|
|
4418
4424
|
"data-testid": "template-name",
|
|
@@ -4420,13 +4426,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4420
4426
|
"aria-label": O(o).header.rename,
|
|
4421
4427
|
class: r(["tpl:max-w-[260px] tpl:cursor-pointer tpl:truncate tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-transparent tpl:px-2 tpl:py-1 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:border-[var(--tpl-border)] tpl:hover:bg-[var(--tpl-bg-hover)]", { "tpl:text-[var(--tpl-text-dim)]": !e.name }]),
|
|
4422
4428
|
onClick: u
|
|
4423
|
-
}, C(e.name || O(o).header.untitled), 11,
|
|
4429
|
+
}, C(e.name || O(o).header.untitled), 11, hu)) : (S(), v("span", {
|
|
4424
4430
|
key: 2,
|
|
4425
4431
|
"data-testid": "template-name",
|
|
4426
4432
|
class: r(["tpl:max-w-[260px] tpl:truncate tpl:px-2 tpl:py-1 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]", { "tpl:text-[var(--tpl-text-dim)]": !e.name }])
|
|
4427
4433
|
}, C(e.name || O(o).header.untitled), 3));
|
|
4428
4434
|
}
|
|
4429
|
-
}),
|
|
4435
|
+
}), _u = ["title"], vu = /* @__PURE__ */ j({
|
|
4430
4436
|
__name: "TemplateTimestamp",
|
|
4431
4437
|
props: {
|
|
4432
4438
|
iso: {},
|
|
@@ -4452,19 +4458,19 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4452
4458
|
"data-testid": "template-timestamp",
|
|
4453
4459
|
title: o.value,
|
|
4454
4460
|
class: "tpl:max-w-[260px] tpl:truncate tpl:px-2 tpl:text-xs tpl:leading-tight tpl:text-[var(--tpl-text-dim)]"
|
|
4455
|
-
}, C(a.value), 9,
|
|
4461
|
+
}, C(a.value), 9, _u)) : A("", !0);
|
|
4456
4462
|
}
|
|
4457
|
-
}),
|
|
4463
|
+
}), yu = ["data-tooltip"], bu = {
|
|
4458
4464
|
key: 1,
|
|
4459
4465
|
"aria-live": "polite",
|
|
4460
4466
|
"data-testid": "save-status-saved",
|
|
4461
4467
|
class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-success)]"
|
|
4462
|
-
},
|
|
4468
|
+
}, xu = {
|
|
4463
4469
|
key: 2,
|
|
4464
4470
|
"aria-live": "polite",
|
|
4465
4471
|
"data-testid": "save-status-unsaved",
|
|
4466
4472
|
class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
|
|
4467
|
-
},
|
|
4473
|
+
}, Su = /* @__PURE__ */ j({
|
|
4468
4474
|
__name: "TemplateSaveStatus",
|
|
4469
4475
|
props: {
|
|
4470
4476
|
status: {},
|
|
@@ -4482,19 +4488,19 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4482
4488
|
}, [y(O(Dt), {
|
|
4483
4489
|
size: 12,
|
|
4484
4490
|
"stroke-width": 2.5
|
|
4485
|
-
}), b(" " + C(O(t).header.saveFailed), 1)], 8,
|
|
4491
|
+
}), b(" " + C(O(t).header.saveFailed), 1)], 8, yu)) : e.status === "saved" ? (S(), v("div", bu, [y(O(Tt), {
|
|
4486
4492
|
size: 12,
|
|
4487
4493
|
"stroke-width": 2.5
|
|
4488
|
-
}), b(" " + C(O(t).header.saved), 1)])) : e.isDirty ? (S(), v("div",
|
|
4494
|
+
}), b(" " + C(O(t).header.saved), 1)])) : e.isDirty ? (S(), v("div", xu, [r[0] ||= _("span", { class: "tpl-pulse tpl:size-1.5 tpl:rounded-full tpl:bg-[var(--tpl-primary)]" }, null, -1), b(" " + C(O(t).header.unsaved), 1)])) : A("", !0);
|
|
4489
4495
|
}
|
|
4490
|
-
}),
|
|
4496
|
+
}), Cu = { class: "tpl-header tpl:absolute tpl:top-0 tpl:right-0 tpl:left-0 tpl:z-50 tpl:grid tpl:h-14 tpl:grid-cols-[1fr_auto_1fr] tpl:items-center tpl:px-4 tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:border-b tpl:border-[var(--tpl-border)]" }, wu = { class: "tpl-header-left tpl:flex tpl:min-w-[200px] tpl:items-center tpl:gap-2.5" }, Tu = { class: "tpl-header-center tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, Eu = { class: "tpl-header-right tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, Du = ["aria-label", "aria-expanded"], Ou = {
|
|
4491
4497
|
key: 0,
|
|
4492
4498
|
class: "tpl:inline-flex tpl:size-4.5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[10px] tpl:font-semibold tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-on-primary)]"
|
|
4493
|
-
},
|
|
4499
|
+
}, ku = [
|
|
4494
4500
|
"aria-label",
|
|
4495
4501
|
"title",
|
|
4496
4502
|
"disabled"
|
|
4497
|
-
],
|
|
4503
|
+
], Au = ["disabled", "title"], ju = /* @__PURE__ */ j({
|
|
4498
4504
|
__name: "EditorHeader",
|
|
4499
4505
|
props: {
|
|
4500
4506
|
editor: {},
|
|
@@ -4506,13 +4512,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4506
4512
|
comments: {}
|
|
4507
4513
|
},
|
|
4508
4514
|
setup(e) {
|
|
4509
|
-
let t = h(() => import("./VersionHistoryMenu-
|
|
4510
|
-
return (n, i) => (S(), v("header",
|
|
4511
|
-
_("div",
|
|
4515
|
+
let t = h(() => import("./VersionHistoryMenu-B6zAcmAC.js"));
|
|
4516
|
+
return (n, i) => (S(), v("header", Cu, [
|
|
4517
|
+
_("div", wu, [
|
|
4512
4518
|
e.templates?.isAvailable.value && e.templates.hasTemplate.value && (e.showTemplateName || e.templates.timestamp.value) ? (S(), v("div", {
|
|
4513
4519
|
key: 0,
|
|
4514
4520
|
class: r(["tpl:flex tpl:min-w-0 tpl:flex-col tpl:items-start", { "tpl:pb-1.5": e.showTemplateName && e.templates.timestamp.value !== null }])
|
|
4515
|
-
}, [e.showTemplateName ? (S(), w(
|
|
4521
|
+
}, [e.showTemplateName ? (S(), w(gu, {
|
|
4516
4522
|
key: 0,
|
|
4517
4523
|
name: e.templates.name.value,
|
|
4518
4524
|
editable: e.templates.canSave.value,
|
|
@@ -4521,7 +4527,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4521
4527
|
"name",
|
|
4522
4528
|
"editable",
|
|
4523
4529
|
"onCommit"
|
|
4524
|
-
])) : A("", !0), e.templates.timestamp.value ? (S(), w(
|
|
4530
|
+
])) : A("", !0), e.templates.timestamp.value ? (S(), w(vu, {
|
|
4525
4531
|
key: 1,
|
|
4526
4532
|
iso: e.templates.timestamp.value.iso,
|
|
4527
4533
|
kind: e.templates.timestamp.value.kind
|
|
@@ -4542,22 +4548,22 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4542
4548
|
])) : A("", !0),
|
|
4543
4549
|
s(n.$slots, "left-extras")
|
|
4544
4550
|
]),
|
|
4545
|
-
_("div",
|
|
4551
|
+
_("div", Tu, [
|
|
4546
4552
|
y(Vt, {
|
|
4547
4553
|
viewport: e.editor.state.viewport,
|
|
4548
4554
|
onChange: e.editor.setViewport
|
|
4549
4555
|
}, null, 8, ["viewport", "onChange"]),
|
|
4550
|
-
y(
|
|
4556
|
+
y(du, {
|
|
4551
4557
|
"dark-mode": e.editor.state.darkMode,
|
|
4552
4558
|
onChange: e.editor.setDarkMode
|
|
4553
4559
|
}, null, 8, ["dark-mode", "onChange"]),
|
|
4554
|
-
y(
|
|
4560
|
+
y(pu, {
|
|
4555
4561
|
"preview-mode": e.editor.state.previewMode,
|
|
4556
4562
|
onChange: e.editor.setPreviewMode
|
|
4557
4563
|
}, null, 8, ["preview-mode", "onChange"])
|
|
4558
4564
|
]),
|
|
4559
|
-
_("div",
|
|
4560
|
-
e.templates?.isAvailable.value && e.templates.canSave.value ? (S(), w(
|
|
4565
|
+
_("div", Eu, [
|
|
4566
|
+
e.templates?.isAvailable.value && e.templates.canSave.value ? (S(), w(Su, {
|
|
4561
4567
|
key: 0,
|
|
4562
4568
|
status: e.templates.status.value,
|
|
4563
4569
|
"error-message": e.templates.errorMessage.value,
|
|
@@ -4585,8 +4591,8 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4585
4591
|
"stroke-width": 2
|
|
4586
4592
|
}),
|
|
4587
4593
|
b(" " + C(e.core.t.comments.button) + " ", 1),
|
|
4588
|
-
e.comments.unresolvedCount.value > 0 && !e.comments.isOpen.value ? (S(), v("span",
|
|
4589
|
-
], 14,
|
|
4594
|
+
e.comments.unresolvedCount.value > 0 && !e.comments.isOpen.value ? (S(), v("span", Ou, C(e.comments.unresolvedCount.value), 1)) : A("", !0)
|
|
4595
|
+
], 14, Du)) : A("", !0),
|
|
4590
4596
|
s(n.$slots, "right-extras"),
|
|
4591
4597
|
e.testEmail?.isAvailable.value ? (S(), v("button", {
|
|
4592
4598
|
key: 2,
|
|
@@ -4606,7 +4612,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4606
4612
|
key: 0,
|
|
4607
4613
|
size: 16,
|
|
4608
4614
|
"stroke-width": 2
|
|
4609
|
-
})), b(" " + C(e.core.t.testEmail.button), 1)], 10,
|
|
4615
|
+
})), b(" " + C(e.core.t.testEmail.button), 1)], 10, ku)) : A("", !0),
|
|
4610
4616
|
e.templates?.isAvailable.value && e.templates.canSave.value ? (S(), v("button", {
|
|
4611
4617
|
key: 3,
|
|
4612
4618
|
type: "button",
|
|
@@ -4625,33 +4631,33 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4625
4631
|
key: 0,
|
|
4626
4632
|
size: 16,
|
|
4627
4633
|
"stroke-width": 2
|
|
4628
|
-
})), b(" " + C(e.templates.isSaving.value ? e.core.t.header.saving : e.core.t.header.save), 1)], 14,
|
|
4634
|
+
})), b(" " + C(e.templates.isSaving.value ? e.core.t.header.saving : e.core.t.header.save), 1)], 14, Au)) : A("", !0)
|
|
4629
4635
|
])
|
|
4630
4636
|
]));
|
|
4631
4637
|
}
|
|
4632
|
-
}),
|
|
4638
|
+
}), Mu = ["aria-labelledby", "data-tpl-theme"], Nu = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:gap-3 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Pu = ["id"], Fu = ["aria-label"], Iu = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Lu = [
|
|
4633
4639
|
"id",
|
|
4634
4640
|
"placeholder",
|
|
4635
4641
|
"aria-label",
|
|
4636
4642
|
"aria-activedescendant"
|
|
4637
|
-
],
|
|
4643
|
+
], Ru = {
|
|
4638
4644
|
key: 0,
|
|
4639
4645
|
class: "tpl:flex tpl:gap-1.5 tpl:overflow-x-auto tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2",
|
|
4640
4646
|
"data-testid": "merge-tag-picker-group-pills"
|
|
4641
|
-
},
|
|
4647
|
+
}, zu = ["data-group-name", "onClick"], Bu = ["aria-label"], Vu = {
|
|
4642
4648
|
key: 0,
|
|
4643
4649
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
4644
4650
|
"data-testid": "merge-tag-picker-empty"
|
|
4645
|
-
},
|
|
4651
|
+
}, Hu = {
|
|
4646
4652
|
key: 1,
|
|
4647
4653
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
4648
4654
|
"data-testid": "merge-tag-picker-empty"
|
|
4649
|
-
},
|
|
4655
|
+
}, Uu = [
|
|
4650
4656
|
"aria-expanded",
|
|
4651
4657
|
"data-group-name",
|
|
4652
4658
|
"data-group-collapsed",
|
|
4653
4659
|
"onClick"
|
|
4654
|
-
],
|
|
4660
|
+
], Wu = { class: "tpl:ml-1 tpl:font-normal" }, Gu = [
|
|
4655
4661
|
"id",
|
|
4656
4662
|
"aria-selected",
|
|
4657
4663
|
"data-selected",
|
|
@@ -4660,14 +4666,14 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4660
4666
|
"title",
|
|
4661
4667
|
"onMousemove",
|
|
4662
4668
|
"onClick"
|
|
4663
|
-
],
|
|
4669
|
+
], Ku = { class: "tpl:text-sm tpl:font-medium" }, qu = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, Ju = {
|
|
4664
4670
|
key: 0,
|
|
4665
4671
|
class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
4666
|
-
},
|
|
4672
|
+
}, Yu = {
|
|
4667
4673
|
key: 1,
|
|
4668
4674
|
"data-testid": "merge-tag-picker-sample",
|
|
4669
4675
|
class: "tpl:line-clamp-1 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
4670
|
-
},
|
|
4676
|
+
}, Xu = "tpl-merge-tag-picker-list", Zu = /* @__PURE__ */ j({
|
|
4671
4677
|
__name: "MergeTagPickerModal",
|
|
4672
4678
|
setup(e) {
|
|
4673
4679
|
let n = rt(Ye, "MergeTagPickerModal"), { t: i, format: a } = q(), s = d(Je, null), c = d(Ze, null), u = m(""), p = We(u, 200), h = m(null), g = k(() => p.value.trim().length > 0), b = m(0), T = k(() => n.tags.value.some((e) => !!e.group)), E = m(/* @__PURE__ */ new Set());
|
|
@@ -4780,10 +4786,10 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4780
4786
|
}
|
|
4781
4787
|
}
|
|
4782
4788
|
function re() {
|
|
4783
|
-
if (B.value.length !== 0) return `${
|
|
4789
|
+
if (B.value.length !== 0) return `${Xu}-opt-${b.value}`;
|
|
4784
4790
|
}
|
|
4785
4791
|
function ie(e) {
|
|
4786
|
-
return `${
|
|
4792
|
+
return `${Xu}-opt-${e}`;
|
|
4787
4793
|
}
|
|
4788
4794
|
let ae = k(() => n.tags.value.length === 0), oe = k(() => !ae.value && I.value.length === 0), se = k(() => T.value && R.value.length > 1 && !g.value);
|
|
4789
4795
|
return (e, o) => (S(), w(Cn, {
|
|
@@ -4794,16 +4800,16 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4794
4800
|
default: M(() => [_("div", {
|
|
4795
4801
|
role: "dialog",
|
|
4796
4802
|
"aria-modal": "true",
|
|
4797
|
-
"aria-labelledby": `${
|
|
4803
|
+
"aria-labelledby": `${Xu}-title`,
|
|
4798
4804
|
"data-tpl-theme": O(c),
|
|
4799
4805
|
"data-testid": "merge-tag-picker-modal",
|
|
4800
4806
|
class: "tpl tpl:flex tpl:max-h-[80%] tpl:w-[420px] tpl:max-w-full tpl:flex-col tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-lg)]",
|
|
4801
4807
|
style: l(O(s))
|
|
4802
4808
|
}, [
|
|
4803
|
-
_("header",
|
|
4804
|
-
id: `${
|
|
4809
|
+
_("header", Nu, [_("h2", {
|
|
4810
|
+
id: `${Xu}-title`,
|
|
4805
4811
|
class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
|
|
4806
|
-
}, C(O(i).mergeTag.picker.title), 9,
|
|
4812
|
+
}, C(O(i).mergeTag.picker.title), 9, Pu), _("button", {
|
|
4807
4813
|
type: "button",
|
|
4808
4814
|
class: "tpl:flex tpl:h-7 tpl:w-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
|
|
4809
4815
|
"aria-label": O(i).mergeTag.picker.close,
|
|
@@ -4812,13 +4818,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4812
4818
|
}, [y(O(Zt), {
|
|
4813
4819
|
size: 16,
|
|
4814
4820
|
"stroke-width": 2
|
|
4815
|
-
})], 8,
|
|
4816
|
-
_("div",
|
|
4821
|
+
})], 8, Fu)]),
|
|
4822
|
+
_("div", Iu, [y(O(kt), {
|
|
4817
4823
|
class: "tpl:pointer-events-none tpl:absolute tpl:top-1/2 tpl:left-5 tpl:-translate-y-1/2 tpl:text-[var(--tpl-text-dim)]",
|
|
4818
4824
|
size: 14,
|
|
4819
4825
|
"stroke-width": 2
|
|
4820
4826
|
}), t(_("input", {
|
|
4821
|
-
id: `${
|
|
4827
|
+
id: `${Xu}-search`,
|
|
4822
4828
|
ref_key: "searchInputRef",
|
|
4823
4829
|
ref: h,
|
|
4824
4830
|
"onUpdate:modelValue": o[0] ||= (e) => u.value = e,
|
|
@@ -4826,34 +4832,34 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4826
4832
|
class: "tpl:w-full tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)]",
|
|
4827
4833
|
placeholder: O(i).mergeTag.picker.searchPlaceholder,
|
|
4828
4834
|
"aria-label": O(i).mergeTag.picker.searchAriaLabel,
|
|
4829
|
-
"aria-controls":
|
|
4835
|
+
"aria-controls": Xu,
|
|
4830
4836
|
"aria-activedescendant": re(),
|
|
4831
4837
|
"data-testid": "merge-tag-picker-search",
|
|
4832
4838
|
onKeydown: o[1] ||= L(P(() => {}, ["prevent"]), ["enter"])
|
|
4833
|
-
}, null, 40,
|
|
4834
|
-
se.value ? (S(), v("div",
|
|
4839
|
+
}, null, 40, Lu), [[N, u.value]])]),
|
|
4840
|
+
se.value ? (S(), v("div", Ru, [(S(!0), v(D, null, x(R.value, (e) => (S(), v("button", {
|
|
4835
4841
|
key: e,
|
|
4836
4842
|
type: "button",
|
|
4837
4843
|
class: "tpl:flex tpl:flex-shrink-0 tpl:cursor-pointer tpl:items-center tpl:rounded-full tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-2.5 tpl:py-0.5 tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
|
|
4838
4844
|
"data-testid": "merge-tag-picker-group-pill",
|
|
4839
4845
|
"data-group-name": e,
|
|
4840
4846
|
onClick: (t) => ne(e)
|
|
4841
|
-
}, C(e), 9,
|
|
4847
|
+
}, C(e), 9, zu))), 128))])) : A("", !0),
|
|
4842
4848
|
_("div", {
|
|
4843
|
-
id:
|
|
4849
|
+
id: Xu,
|
|
4844
4850
|
ref_key: "listRef",
|
|
4845
4851
|
ref: W,
|
|
4846
4852
|
class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
|
|
4847
4853
|
role: "listbox",
|
|
4848
4854
|
"aria-label": O(i).mergeTag.picker.title,
|
|
4849
4855
|
"data-testid": "merge-tag-picker-list"
|
|
4850
|
-
}, [ae.value ? (S(), v("div",
|
|
4856
|
+
}, [ae.value ? (S(), v("div", Vu, C(O(i).mergeTag.picker.empty), 1)) : oe.value ? (S(), v("div", Hu, C(O(i).mergeTag.picker.noResults), 1)) : (S(!0), v(D, { key: 2 }, x(z.value, (e, t) => (S(), v(D, { key: t }, [e.kind === "header" ? (S(), v("button", {
|
|
4851
4857
|
key: 0,
|
|
4852
4858
|
ref_for: !0,
|
|
4853
4859
|
ref: (t) => ee(e.group, t),
|
|
4854
4860
|
type: "button",
|
|
4855
4861
|
"aria-expanded": !j(e.group),
|
|
4856
|
-
"aria-controls":
|
|
4862
|
+
"aria-controls": Xu,
|
|
4857
4863
|
class: "tpl:sticky tpl:top-0 tpl:z-10 tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-1.5 tpl:border-none tpl:bg-[var(--tpl-bg-elevated)] tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-left tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)]",
|
|
4858
4864
|
"data-testid": "merge-tag-picker-group-header",
|
|
4859
4865
|
"data-group-name": e.group,
|
|
@@ -4866,8 +4872,8 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4866
4872
|
class: r(["tpl:transition-transform", j(e.group) ? "tpl:-rotate-90" : ""])
|
|
4867
4873
|
}, null, 8, ["class"]),
|
|
4868
4874
|
_("span", null, C(e.group), 1),
|
|
4869
|
-
_("span",
|
|
4870
|
-
], 8,
|
|
4875
|
+
_("span", Wu, " (" + C(O(a)(O(i).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
|
|
4876
|
+
], 8, Uu)) : (S(), v("button", {
|
|
4871
4877
|
key: 1,
|
|
4872
4878
|
id: ie(e.index),
|
|
4873
4879
|
type: "button",
|
|
@@ -4882,16 +4888,16 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4882
4888
|
onMousemove: (t) => b.value = e.index,
|
|
4883
4889
|
onClick: (t) => V(e.tag)
|
|
4884
4890
|
}, [
|
|
4885
|
-
_("span",
|
|
4886
|
-
_("span",
|
|
4887
|
-
e.tag.description ? (S(), v("span",
|
|
4888
|
-
e.tag.sample === void 0 ? A("", !0) : (S(), v("span",
|
|
4889
|
-
], 42,
|
|
4890
|
-
], 12,
|
|
4891
|
+
_("span", Ku, C(e.tag.label), 1),
|
|
4892
|
+
_("span", qu, C(e.tag.value), 1),
|
|
4893
|
+
e.tag.description ? (S(), v("span", Ju, C(e.tag.description), 1)) : A("", !0),
|
|
4894
|
+
e.tag.sample === void 0 ? A("", !0) : (S(), v("span", Yu, C(O(a)(O(i).mergeTag.picker.sample, { sample: e.tag.sample })), 1))
|
|
4895
|
+
], 42, Gu))], 64))), 128))], 8, Bu)
|
|
4896
|
+
], 12, Mu)]),
|
|
4891
4897
|
_: 1
|
|
4892
4898
|
}, 8, ["visible"]));
|
|
4893
4899
|
}
|
|
4894
|
-
}),
|
|
4900
|
+
}), Qu = ["data-logic-keyword"], $u = /* @__PURE__ */ j({
|
|
4895
4901
|
__name: "LogicTagBadge",
|
|
4896
4902
|
props: {
|
|
4897
4903
|
value: {},
|
|
@@ -4908,22 +4914,22 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4908
4914
|
},
|
|
4909
4915
|
"data-testid": "merge-tag-logic-badge",
|
|
4910
4916
|
"data-logic-keyword": r.value
|
|
4911
|
-
}, C(r.value), 9,
|
|
4917
|
+
}, C(r.value), 9, Qu)) : A("", !0);
|
|
4912
4918
|
}
|
|
4913
|
-
}),
|
|
4919
|
+
}), ed = ["aria-labelledby", "data-tpl-theme"], td = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:gap-3 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, nd = ["id"], rd = ["aria-label"], id = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, ad = [
|
|
4914
4920
|
"id",
|
|
4915
4921
|
"placeholder",
|
|
4916
4922
|
"aria-label",
|
|
4917
4923
|
"aria-activedescendant"
|
|
4918
|
-
],
|
|
4924
|
+
], od = ["aria-label"], sd = {
|
|
4919
4925
|
key: 0,
|
|
4920
4926
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
4921
4927
|
"data-testid": "logic-picker-empty"
|
|
4922
|
-
},
|
|
4928
|
+
}, cd = {
|
|
4923
4929
|
key: 1,
|
|
4924
4930
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
4925
4931
|
"data-testid": "logic-picker-empty"
|
|
4926
|
-
},
|
|
4932
|
+
}, ld = ["data-group-name"], ud = [
|
|
4927
4933
|
"id",
|
|
4928
4934
|
"aria-selected",
|
|
4929
4935
|
"data-selected",
|
|
@@ -4931,16 +4937,16 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4931
4937
|
"data-logic-kind",
|
|
4932
4938
|
"onMousemove",
|
|
4933
4939
|
"onClick"
|
|
4934
|
-
],
|
|
4940
|
+
], dd = { class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-between tpl:gap-2" }, fd = { class: "tpl:text-sm tpl:font-medium" }, pd = {
|
|
4935
4941
|
key: 0,
|
|
4936
4942
|
class: "tpl:flex tpl:items-center"
|
|
4937
|
-
},
|
|
4943
|
+
}, md = {
|
|
4938
4944
|
key: 1,
|
|
4939
4945
|
class: "tpl:flex tpl:items-center tpl:gap-1"
|
|
4940
|
-
},
|
|
4946
|
+
}, hd = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, gd = {
|
|
4941
4947
|
key: 0,
|
|
4942
4948
|
class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
4943
|
-
},
|
|
4949
|
+
}, _d = "tpl-logic-picker-list", vd = /* @__PURE__ */ j({
|
|
4944
4950
|
__name: "LogicTagPickerModal",
|
|
4945
4951
|
setup(e) {
|
|
4946
4952
|
let n = rt(vt, "LogicTagPickerModal"), { t: i } = q(), a = d(ut, ee.liquid), s = d(Je, null), c = d(Ze, null), u = m(""), p = We(u, 200), h = m(null), g = k(() => p.value.trim().length > 0), b = m(0);
|
|
@@ -5026,10 +5032,10 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5026
5032
|
}
|
|
5027
5033
|
}
|
|
5028
5034
|
function K(e) {
|
|
5029
|
-
return `${
|
|
5035
|
+
return `${_d}-opt-${e}`;
|
|
5030
5036
|
}
|
|
5031
5037
|
function re() {
|
|
5032
|
-
return B.value.length === 0 ? void 0 : `${
|
|
5038
|
+
return B.value.length === 0 ? void 0 : `${_d}-opt-${b.value}`;
|
|
5033
5039
|
}
|
|
5034
5040
|
return (e, o) => (S(), w(Cn, {
|
|
5035
5041
|
visible: O(n).isOpen.value,
|
|
@@ -5039,16 +5045,16 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5039
5045
|
default: M(() => [_("div", {
|
|
5040
5046
|
role: "dialog",
|
|
5041
5047
|
"aria-modal": "true",
|
|
5042
|
-
"aria-labelledby": `${
|
|
5048
|
+
"aria-labelledby": `${_d}-title`,
|
|
5043
5049
|
"data-tpl-theme": O(c),
|
|
5044
5050
|
"data-testid": "logic-picker-modal",
|
|
5045
5051
|
class: "tpl tpl:flex tpl:max-h-[80%] tpl:w-[420px] tpl:max-w-full tpl:flex-col tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-lg)]",
|
|
5046
5052
|
style: l(O(s))
|
|
5047
5053
|
}, [
|
|
5048
|
-
_("header",
|
|
5049
|
-
id: `${
|
|
5054
|
+
_("header", td, [_("h2", {
|
|
5055
|
+
id: `${_d}-title`,
|
|
5050
5056
|
class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
|
|
5051
|
-
}, C(O(i).logicTag.picker.title), 9,
|
|
5057
|
+
}, C(O(i).logicTag.picker.title), 9, nd), _("button", {
|
|
5052
5058
|
type: "button",
|
|
5053
5059
|
class: "tpl:flex tpl:h-7 tpl:w-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
|
|
5054
5060
|
"aria-label": O(i).logicTag.picker.close,
|
|
@@ -5057,13 +5063,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5057
5063
|
}, [y(O(Zt), {
|
|
5058
5064
|
size: 16,
|
|
5059
5065
|
"stroke-width": 2
|
|
5060
|
-
})], 8,
|
|
5061
|
-
_("div",
|
|
5066
|
+
})], 8, rd)]),
|
|
5067
|
+
_("div", id, [y(O(kt), {
|
|
5062
5068
|
class: "tpl:pointer-events-none tpl:absolute tpl:top-1/2 tpl:left-5 tpl:-translate-y-1/2 tpl:text-[var(--tpl-text-dim)]",
|
|
5063
5069
|
size: 14,
|
|
5064
5070
|
"stroke-width": 2
|
|
5065
5071
|
}), t(_("input", {
|
|
5066
|
-
id: `${
|
|
5072
|
+
id: `${_d}-search`,
|
|
5067
5073
|
ref_key: "searchInputRef",
|
|
5068
5074
|
ref: h,
|
|
5069
5075
|
"onUpdate:modelValue": o[0] ||= (e) => u.value = e,
|
|
@@ -5071,25 +5077,25 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5071
5077
|
class: "tpl:w-full tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)]",
|
|
5072
5078
|
placeholder: O(i).logicTag.picker.searchPlaceholder,
|
|
5073
5079
|
"aria-label": O(i).logicTag.picker.searchAriaLabel,
|
|
5074
|
-
"aria-controls":
|
|
5080
|
+
"aria-controls": _d,
|
|
5075
5081
|
"aria-activedescendant": re(),
|
|
5076
5082
|
"data-testid": "logic-picker-search",
|
|
5077
5083
|
onKeydown: o[1] ||= L(P(() => {}, ["prevent"]), ["enter"])
|
|
5078
|
-
}, null, 40,
|
|
5084
|
+
}, null, 40, ad), [[N, u.value]])]),
|
|
5079
5085
|
_("div", {
|
|
5080
|
-
id:
|
|
5086
|
+
id: _d,
|
|
5081
5087
|
ref_key: "listRef",
|
|
5082
5088
|
ref: U,
|
|
5083
5089
|
class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
|
|
5084
5090
|
role: "listbox",
|
|
5085
5091
|
"aria-label": O(i).logicTag.picker.title,
|
|
5086
5092
|
"data-testid": "logic-picker-list"
|
|
5087
|
-
}, [V.value ? (S(), v("div",
|
|
5093
|
+
}, [V.value ? (S(), v("div", sd, C(O(i).logicTag.picker.empty), 1)) : H.value ? (S(), v("div", cd, C(O(i).logicTag.picker.noResults), 1)) : (S(!0), v(D, { key: 2 }, x(z.value.rows, (e, t) => (S(), v(D, { key: t }, [e.kind === "header" ? (S(), v("div", {
|
|
5088
5094
|
key: 0,
|
|
5089
5095
|
class: "tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]",
|
|
5090
5096
|
"data-testid": "logic-picker-header",
|
|
5091
5097
|
"data-group-name": e.label
|
|
5092
|
-
}, C(e.label), 9,
|
|
5098
|
+
}, C(e.label), 9, ld)) : (S(), v("button", {
|
|
5093
5099
|
key: 1,
|
|
5094
5100
|
id: K(e.index),
|
|
5095
5101
|
type: "button",
|
|
@@ -5103,32 +5109,32 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5103
5109
|
onMousemove: (t) => b.value = e.index,
|
|
5104
5110
|
onClick: (t) => W(e.kind === "tag" ? e.tag : e.pair)
|
|
5105
5111
|
}, [
|
|
5106
|
-
_("span",
|
|
5112
|
+
_("span", dd, [_("span", fd, C(e.kind === "tag" ? e.tag.label : e.pair.label), 1), e.kind === "tag" ? (S(), v("span", pd, [y($u, {
|
|
5107
5113
|
value: e.tag.value,
|
|
5108
5114
|
syntax: O(a)
|
|
5109
|
-
}, null, 8, ["value", "syntax"])])) : (S(), v("span",
|
|
5110
|
-
y(
|
|
5115
|
+
}, null, 8, ["value", "syntax"])])) : (S(), v("span", md, [
|
|
5116
|
+
y($u, {
|
|
5111
5117
|
value: e.pair.before,
|
|
5112
5118
|
syntax: O(a)
|
|
5113
5119
|
}, null, 8, ["value", "syntax"]),
|
|
5114
5120
|
o[2] ||= _("span", { class: "tpl:text-[var(--tpl-text-dim)]" }, "…", -1),
|
|
5115
|
-
y(
|
|
5121
|
+
y($u, {
|
|
5116
5122
|
value: e.pair.after,
|
|
5117
5123
|
syntax: O(a)
|
|
5118
5124
|
}, null, 8, ["value", "syntax"])
|
|
5119
5125
|
]))]),
|
|
5120
|
-
_("span",
|
|
5121
|
-
(e.kind === "tag" ? e.tag.description : e.pair.description) ? (S(), v("span",
|
|
5122
|
-
], 42,
|
|
5123
|
-
], 12,
|
|
5126
|
+
_("span", hd, C(e.kind === "tag" ? e.tag.value : `${e.pair.before} … ${e.pair.after}`), 1),
|
|
5127
|
+
(e.kind === "tag" ? e.tag.description : e.pair.description) ? (S(), v("span", gd, C(e.kind === "tag" ? e.tag.description : e.pair.description), 1)) : A("", !0)
|
|
5128
|
+
], 42, ud))], 64))), 128))], 8, od)
|
|
5129
|
+
], 12, ed)]),
|
|
5124
5130
|
_: 1
|
|
5125
5131
|
}, 8, ["visible"]));
|
|
5126
5132
|
}
|
|
5127
|
-
}),
|
|
5133
|
+
}), yd = ["data-tpl-theme"], bd = { class: "tpl:absolute tpl:inset-0 tpl:overflow-hidden" }, xd = { class: "tpl-preview-overlay tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, Sd = { class: "tpl:absolute tpl:left-1/2 tpl:top-2 tpl:flex tpl:-translate-x-1/2 tpl:flex-col tpl:items-center tpl:gap-2" }, Cd = {
|
|
5128
5134
|
key: 0,
|
|
5129
5135
|
"data-testid": "merge-tag-mode-toggle-anchor",
|
|
5130
5136
|
class: "tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-[var(--tpl-shadow-md)]"
|
|
5131
|
-
},
|
|
5137
|
+
}, wd = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, Td = ["aria-label"], Ed = /*#__PURE__*/ Qt(/* @__PURE__ */ j({
|
|
5132
5138
|
__name: "Editor",
|
|
5133
5139
|
props: {
|
|
5134
5140
|
config: {},
|
|
@@ -5138,7 +5144,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5138
5144
|
cloud: {}
|
|
5139
5145
|
},
|
|
5140
5146
|
setup(e, { expose: i }) {
|
|
5141
|
-
let a = e, s = a.config.templates ?
|
|
5147
|
+
let a = e, s = a.config.templates ? sr(a.config.templates, a.config.mergeTags) : void 0, u = ue({
|
|
5142
5148
|
content: a.config.content,
|
|
5143
5149
|
defaultFontFamily: a.config.fonts?.defaultFont,
|
|
5144
5150
|
templateDefaults: a.config.templateDefaults,
|
|
@@ -5148,7 +5154,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5148
5154
|
}), d = a.cloud ? a.cloud.attach({ editor: u }) : null, f = s ? Vn({
|
|
5149
5155
|
provider: s,
|
|
5150
5156
|
editor: u,
|
|
5151
|
-
guardUnsavedChanges: a.config.unsavedChangesGuard,
|
|
5157
|
+
guardUnsavedChanges: a.config.templates?.unsavedChangesGuard,
|
|
5152
5158
|
getSaveGate: a.cloud ? () => a.cloud.getSaveGate() : void 0
|
|
5153
5159
|
}) : null;
|
|
5154
5160
|
a.config.onDirtyChange && o(() => u.state.isDirty, (e) => a.config.onDirtyChange(e));
|
|
@@ -5157,28 +5163,27 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5157
5163
|
editor: u,
|
|
5158
5164
|
onError: a.config.onError,
|
|
5159
5165
|
isAvailable: a.cloud ? () => a.cloud.isSavedBlocksAvailable() : void 0
|
|
5160
|
-
}) : null, x = h(() => import("./SavedBlocksPanels-
|
|
5166
|
+
}) : null, x = h(() => import("./SavedBlocksPanels-RNgOnK9j.js")), E = a.config.testEmail ? Kn({
|
|
5161
5167
|
provider: a.config.testEmail,
|
|
5162
5168
|
getContent: () => u.content.value,
|
|
5163
5169
|
renderMjml: te,
|
|
5164
5170
|
onError: a.config.onError,
|
|
5165
5171
|
isAvailable: a.cloud ? () => a.cloud.isTestEmailAvailable() : void 0
|
|
5166
|
-
}) : null, D = h(() => import("./TestEmailPanel-
|
|
5172
|
+
}) : null, D = h(() => import("./TestEmailPanel-4i4n9Kup.js")), j = a.config.comments ? Rn({
|
|
5167
5173
|
provider: a.config.comments,
|
|
5168
5174
|
editor: u,
|
|
5169
5175
|
user: a.config.user,
|
|
5170
5176
|
isOpen: d?.panelState.commentsOpen,
|
|
5171
|
-
onComment: a.config.onComment,
|
|
5172
5177
|
onError: a.config.onError,
|
|
5173
5178
|
isAvailable: a.cloud ? () => a.cloud.isCommentsAvailable() : void 0,
|
|
5174
5179
|
isBlockSaved: a.cloud ? (e) => a.cloud.isBlockSaved(e) : void 0
|
|
5175
|
-
}) : null, N = h(() => import("./CommentsPanel-
|
|
5176
|
-
B
|
|
5180
|
+
}) : null, N = h(() => import("./CommentsPanel-DnWdgQHg.js")), F = h(() => import("./CloudPanels-CYqHk1Az.js")), L = h(() => import("./CloudHeaderExtras-CaRdlYpY.js")), z = h(() => import("./VersionHistoryPanels-MqgexkhW.js")), B = Jn(a.config.templates?.autoSave, !1), V = B && f !== null;
|
|
5181
|
+
B && f !== null && !f.canSave.value && bt.warn("config.templates.autoSave is on but this provider's save is false — there is nothing to persist to. Give it a real save function, or use `onChange` to persist the content yourself."), a.config.changeDebounce !== void 0 && f !== null && a.config.templates?.autoSave === void 0 && !a.config.onChange && bt.warn("config.changeDebounce is set but nothing will use it — config.templates.autoSave is unset and there is no onChange either, so the timer has no consumer. Set config.templates.autoSave, or add onChange, so the debounce takes effect.");
|
|
5177
5182
|
let H = a.config.onChange || V ? {
|
|
5178
5183
|
onChange: () => {
|
|
5179
5184
|
a.config.onChange?.(JSON.parse(JSON.stringify(u.state.content))), V && f.requestAutoSave();
|
|
5180
5185
|
},
|
|
5181
|
-
...
|
|
5186
|
+
...a.config.changeDebounce === void 0 ? {} : { debounce: a.config.changeDebounce }
|
|
5182
5187
|
} : null, U = {
|
|
5183
5188
|
...g ? { savedBlocks: g.capability } : {},
|
|
5184
5189
|
...f ? { templates: f.capability } : {},
|
|
@@ -5202,7 +5207,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5202
5207
|
onRequestMedia: a.cloud?.onRequestMedia ?? a.config.onRequestMedia,
|
|
5203
5208
|
resolvePreview: a.config.resolvePreview,
|
|
5204
5209
|
resolveImageUrl: a.config.resolveImageUrl,
|
|
5205
|
-
lint:
|
|
5210
|
+
lint: Yn(a.config)
|
|
5206
5211
|
},
|
|
5207
5212
|
translations: a.translations,
|
|
5208
5213
|
fontsManager: a.fontsManager,
|
|
@@ -5214,15 +5219,15 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5214
5219
|
}), G = a.cloud && d ? a.cloud.ready({
|
|
5215
5220
|
core: W,
|
|
5216
5221
|
capabilities: U
|
|
5217
|
-
}) : null, ee = a.config.versionHistory ?
|
|
5222
|
+
}) : null, ee = a.config.versionHistory ? qn({
|
|
5218
5223
|
provider: a.config.versionHistory,
|
|
5219
|
-
editor:
|
|
5224
|
+
editor: or(u, a.config.mergeTags),
|
|
5220
5225
|
history: W.history,
|
|
5221
5226
|
conditionPreview: W.conditionPreview,
|
|
5222
5227
|
autoSave: W.autoSave,
|
|
5223
5228
|
saveBeforeRestore: f ? {
|
|
5224
5229
|
canSave: () => f.canSave.value && !(a.cloud?.getSaveGate()?.shouldBlock.value ?? !1),
|
|
5225
|
-
save: () => f.save()
|
|
5230
|
+
save: () => f.save("restore")
|
|
5226
5231
|
} : null,
|
|
5227
5232
|
onError: a.config.onError
|
|
5228
5233
|
}) : null;
|
|
@@ -5232,7 +5237,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5232
5237
|
getContent: () => u.content.value,
|
|
5233
5238
|
renderCustomBlock: W.registry.renderCustomBlock,
|
|
5234
5239
|
getCustomBlockStylesheet: (e) => W.registry.getDefinition(e)?.stylesheet,
|
|
5235
|
-
getFonts: () =>
|
|
5240
|
+
getFonts: () => Xn(a.fontsManager)
|
|
5236
5241
|
});
|
|
5237
5242
|
}
|
|
5238
5243
|
let ne = k(() => j?.isOpen.value === !0 || d?.panelState.rightPanelOpen.value === !0), K = k(() => u.state.previewMode ? "tpl:left-0 tpl:right-0" : ne.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]");
|
|
@@ -5259,137 +5264,139 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5259
5264
|
}), (n, i) => (S(), v("div", {
|
|
5260
5265
|
ref_key: "rootEl",
|
|
5261
5266
|
ref: p,
|
|
5262
|
-
class: r(["tpl tpl:relative tpl:h-full
|
|
5267
|
+
class: r(["tpl tpl:relative tpl:h-full", { "tpl:dark": O(u).state.darkMode }]),
|
|
5263
5268
|
"data-tpl-theme": O(W).resolvedTheme.value,
|
|
5264
5269
|
style: l(O(W).themeStyles.value),
|
|
5265
5270
|
onDragover: i[8] ||= P(() => {}, ["prevent"]),
|
|
5266
5271
|
onDrop: i[9] ||= P(() => {}, ["prevent"])
|
|
5267
5272
|
}, [
|
|
5268
|
-
y(
|
|
5269
|
-
|
|
5270
|
-
|
|
5271
|
-
|
|
5272
|
-
|
|
5273
|
-
|
|
5274
|
-
|
|
5275
|
-
|
|
5276
|
-
|
|
5277
|
-
|
|
5278
|
-
|
|
5279
|
-
|
|
5280
|
-
|
|
5281
|
-
|
|
5282
|
-
|
|
5283
|
-
|
|
5284
|
-
|
|
5285
|
-
|
|
5286
|
-
|
|
5287
|
-
|
|
5288
|
-
|
|
5289
|
-
|
|
5290
|
-
|
|
5291
|
-
|
|
5292
|
-
|
|
5293
|
-
|
|
5294
|
-
|
|
5295
|
-
|
|
5296
|
-
|
|
5297
|
-
|
|
5298
|
-
|
|
5299
|
-
|
|
5300
|
-
|
|
5301
|
-
|
|
5302
|
-
|
|
5303
|
-
|
|
5304
|
-
|
|
5305
|
-
|
|
5306
|
-
|
|
5307
|
-
|
|
5308
|
-
|
|
5309
|
-
|
|
5310
|
-
|
|
5311
|
-
|
|
5273
|
+
y(xr),
|
|
5274
|
+
_("div", bd, [
|
|
5275
|
+
y(ju, {
|
|
5276
|
+
editor: O(u),
|
|
5277
|
+
core: O(W),
|
|
5278
|
+
templates: O(f),
|
|
5279
|
+
"show-template-name": e.config.templates?.nameField !== !1,
|
|
5280
|
+
"test-email": O(E),
|
|
5281
|
+
"version-history": O(ee),
|
|
5282
|
+
comments: O(j)
|
|
5283
|
+
}, T({ _: 2 }, [O(d) ? {
|
|
5284
|
+
name: "left-extras",
|
|
5285
|
+
fn: M(() => [y(O(L), {
|
|
5286
|
+
part: "left",
|
|
5287
|
+
cloud: O(d)
|
|
5288
|
+
}, null, 8, ["cloud"])]),
|
|
5289
|
+
key: "0"
|
|
5290
|
+
} : void 0, O(d) ? {
|
|
5291
|
+
name: "right-extras",
|
|
5292
|
+
fn: M(() => [y(O(L), {
|
|
5293
|
+
part: "right",
|
|
5294
|
+
cloud: O(d)
|
|
5295
|
+
}, null, 8, ["cloud"])]),
|
|
5296
|
+
key: "1"
|
|
5297
|
+
} : void 0]), 1032, [
|
|
5298
|
+
"editor",
|
|
5299
|
+
"core",
|
|
5300
|
+
"templates",
|
|
5301
|
+
"show-template-name",
|
|
5302
|
+
"test-email",
|
|
5303
|
+
"version-history",
|
|
5304
|
+
"comments"
|
|
5305
|
+
]),
|
|
5306
|
+
t(y(jr, null, null, 512), [[I, !O(u).state.previewMode]]),
|
|
5307
|
+
_("div", {
|
|
5308
|
+
class: r(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [K.value, O(ee)?.isPreviewing.value ? "tpl:top-[104px]" : "tpl:top-14"]]),
|
|
5309
|
+
style: { transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)" }
|
|
5310
|
+
}, [_("div", xd, [_("div", Sd, [y(R, { name: "tpl-preview-pill" }, {
|
|
5311
|
+
default: M(() => [O(u).state.previewMode && !O(W).previewResolution.supersedesSamples.value ? (S(), v("div", Cd, [y(Ut, {
|
|
5312
|
+
"sample-mode": O(W).mergeTagSampleMode.value,
|
|
5313
|
+
onChange: i[0] ||= (e) => O(W).mergeTagSampleMode.value = e
|
|
5314
|
+
}, null, 8, ["sample-mode"])])) : A("", !0)]),
|
|
5315
|
+
_: 1
|
|
5316
|
+
}), y(R, { name: "tpl-preview-pill" }, {
|
|
5317
|
+
default: M(() => [O(W).conditionPreview.hasHiddenBlocks.value && O(W).appliesConditionFilter.value ? (S(), v("button", {
|
|
5318
|
+
key: 0,
|
|
5319
|
+
type: "button",
|
|
5320
|
+
class: r([O(rn), "tpl:shadow-[var(--tpl-shadow-md)]"]),
|
|
5321
|
+
"data-testid": "restore-hidden-blocks",
|
|
5322
|
+
onClick: i[1] ||= (e) => O(W).conditionPreview.reset()
|
|
5323
|
+
}, [y(O(Mn), {
|
|
5324
|
+
size: 16,
|
|
5325
|
+
"stroke-width": 2
|
|
5326
|
+
}), b(" " + C(O(W).t.blockSettings.restoreHiddenBlocks), 1)], 2)) : A("", !0)]),
|
|
5327
|
+
_: 1
|
|
5328
|
+
})])]), _("main", wd, [y(br, {
|
|
5329
|
+
viewport: O(u).state.viewport,
|
|
5330
|
+
content: O(W).previewResolution.content.value,
|
|
5331
|
+
"selected-block-id": O(u).state.selectedBlockId,
|
|
5332
|
+
"dark-mode": O(u).state.darkMode,
|
|
5333
|
+
"preview-mode": O(u).state.previewMode,
|
|
5334
|
+
"locked-blocks": O(d)?.collaboration?.lockedBlocks.value,
|
|
5335
|
+
onSelectBlock: O(u).selectBlock,
|
|
5336
|
+
onOpenAiChat: i[2] ||= (e) => re("ai-chat"),
|
|
5337
|
+
onOpenDesignReference: i[3] ||= (e) => re("design-reference")
|
|
5338
|
+
}, null, 8, [
|
|
5339
|
+
"viewport",
|
|
5340
|
+
"content",
|
|
5341
|
+
"selected-block-id",
|
|
5342
|
+
"dark-mode",
|
|
5343
|
+
"preview-mode",
|
|
5344
|
+
"locked-blocks",
|
|
5345
|
+
"onSelectBlock"
|
|
5346
|
+
])])], 2),
|
|
5347
|
+
e.config.branding === !1 ? A("", !0) : (S(), w(lu, {
|
|
5312
5348
|
key: 0,
|
|
5313
|
-
|
|
5314
|
-
|
|
5315
|
-
|
|
5316
|
-
|
|
5317
|
-
|
|
5318
|
-
|
|
5319
|
-
"
|
|
5320
|
-
|
|
5321
|
-
|
|
5322
|
-
|
|
5323
|
-
|
|
5324
|
-
|
|
5325
|
-
|
|
5326
|
-
|
|
5327
|
-
|
|
5328
|
-
|
|
5329
|
-
|
|
5330
|
-
|
|
5331
|
-
|
|
5332
|
-
|
|
5333
|
-
|
|
5334
|
-
|
|
5335
|
-
|
|
5336
|
-
|
|
5337
|
-
|
|
5338
|
-
|
|
5339
|
-
|
|
5340
|
-
])])], 2),
|
|
5341
|
-
e.config.branding === !1 ? A("", !0) : (S(), w(cu, {
|
|
5342
|
-
key: 0,
|
|
5343
|
-
"position-class": [K.value]
|
|
5344
|
-
}, null, 8, ["position-class"])),
|
|
5345
|
-
_("div", {
|
|
5346
|
-
class: "tpl-sr-only",
|
|
5347
|
-
role: "status",
|
|
5348
|
-
"aria-live": "polite",
|
|
5349
|
-
"aria-atomic": "true",
|
|
5350
|
-
"aria-label": O(W).t.landmarks.reorderAnnouncements
|
|
5351
|
-
}, C(O(W).keyboardReorder.announcement.value), 9, Cd),
|
|
5352
|
-
t(y(eu, {
|
|
5353
|
-
"selected-block": O(u).selectedBlock.value,
|
|
5354
|
-
settings: O(u).content.value.settings,
|
|
5355
|
-
"shifted-left": ne.value,
|
|
5356
|
-
onUpdateBlock: i[4] ||= (e) => O(u).updateBlock(O(u).state.selectedBlockId, e),
|
|
5357
|
-
onDeleteBlock: i[5] ||= () => {
|
|
5358
|
-
O(u).state.selectedBlockId && O(W).blockActions.deleteBlock(O(u).state.selectedBlockId);
|
|
5359
|
-
},
|
|
5360
|
-
onDuplicateBlock: i[6] ||= () => {
|
|
5361
|
-
O(u).selectedBlock.value && O(W).blockActions.duplicateBlock(O(u).selectedBlock.value);
|
|
5362
|
-
},
|
|
5363
|
-
onUpdateSettings: i[7] ||= (e) => O(u).updateSettings(e)
|
|
5364
|
-
}, null, 8, [
|
|
5365
|
-
"selected-block",
|
|
5366
|
-
"settings",
|
|
5367
|
-
"shifted-left"
|
|
5368
|
-
]), [[I, !O(u).state.previewMode]]),
|
|
5349
|
+
"position-class": [K.value]
|
|
5350
|
+
}, null, 8, ["position-class"])),
|
|
5351
|
+
_("div", {
|
|
5352
|
+
class: "tpl-sr-only",
|
|
5353
|
+
role: "status",
|
|
5354
|
+
"aria-live": "polite",
|
|
5355
|
+
"aria-atomic": "true",
|
|
5356
|
+
"aria-label": O(W).t.landmarks.reorderAnnouncements
|
|
5357
|
+
}, C(O(W).keyboardReorder.announcement.value), 9, Td),
|
|
5358
|
+
t(y(tu, {
|
|
5359
|
+
"selected-block": O(u).selectedBlock.value,
|
|
5360
|
+
settings: O(u).content.value.settings,
|
|
5361
|
+
"shifted-left": ne.value,
|
|
5362
|
+
onUpdateBlock: i[4] ||= (e) => O(u).updateBlock(O(u).state.selectedBlockId, e),
|
|
5363
|
+
onDeleteBlock: i[5] ||= () => {
|
|
5364
|
+
O(u).state.selectedBlockId && O(W).blockActions.deleteBlock(O(u).state.selectedBlockId);
|
|
5365
|
+
},
|
|
5366
|
+
onDuplicateBlock: i[6] ||= () => {
|
|
5367
|
+
O(u).selectedBlock.value && O(W).blockActions.duplicateBlock(O(u).selectedBlock.value);
|
|
5368
|
+
},
|
|
5369
|
+
onUpdateSettings: i[7] ||= (e) => O(u).updateSettings(e)
|
|
5370
|
+
}, null, 8, [
|
|
5371
|
+
"selected-block",
|
|
5372
|
+
"settings",
|
|
5373
|
+
"shifted-left"
|
|
5374
|
+
]), [[I, !O(u).state.previewMode]])
|
|
5375
|
+
]),
|
|
5369
5376
|
_("div", {
|
|
5370
5377
|
ref: (e) => O(W).popoverRoot.value = e,
|
|
5371
5378
|
class: "tpl-popover-root"
|
|
5372
5379
|
}, null, 512),
|
|
5373
|
-
y(
|
|
5374
|
-
y(
|
|
5380
|
+
y(Zu),
|
|
5381
|
+
y(vd),
|
|
5375
5382
|
O(g)?.isAvailable.value ? (S(), w(O(x), {
|
|
5376
|
-
key:
|
|
5383
|
+
key: 0,
|
|
5377
5384
|
feature: O(g)
|
|
5378
5385
|
}, null, 8, ["feature"])) : A("", !0),
|
|
5379
5386
|
O(E)?.isAvailable.value ? (S(), w(O(D), {
|
|
5380
|
-
key:
|
|
5387
|
+
key: 1,
|
|
5381
5388
|
feature: O(E)
|
|
5382
5389
|
}, null, 8, ["feature"])) : A("", !0),
|
|
5383
5390
|
O(j)?.isAvailable.value ? (S(), w(O(N), {
|
|
5384
|
-
key:
|
|
5391
|
+
key: 2,
|
|
5385
5392
|
feature: O(j)
|
|
5386
5393
|
}, null, 8, ["feature"])) : A("", !0),
|
|
5387
5394
|
O(ee)?.isAvailable.value ? (S(), w(O(z), {
|
|
5388
|
-
key:
|
|
5395
|
+
key: 3,
|
|
5389
5396
|
feature: O(ee)
|
|
5390
5397
|
}, null, 8, ["feature"])) : A("", !0),
|
|
5391
5398
|
e.cloud && O(d) && O(G) ? (S(), w(O(F), {
|
|
5392
|
-
key:
|
|
5399
|
+
key: 4,
|
|
5393
5400
|
editor: O(u),
|
|
5394
5401
|
core: O(W),
|
|
5395
5402
|
runtime: e.cloud,
|
|
@@ -5404,10 +5411,10 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5404
5411
|
"ready",
|
|
5405
5412
|
"locale"
|
|
5406
5413
|
])) : A("", !0),
|
|
5407
|
-
O(ie) ? (S(), w(
|
|
5408
|
-
], 46,
|
|
5414
|
+
O(ie) ? (S(), w(ou, { key: 5 })) : A("", !0)
|
|
5415
|
+
], 46, yd));
|
|
5409
5416
|
}
|
|
5410
|
-
}), [["__scopeId", "data-v-
|
|
5417
|
+
}), [["__scopeId", "data-v-226e891c"]]), Dd = /* #__PURE__ */ Object.assign({
|
|
5411
5418
|
"./locales/ca.ts": () => import("./ca-DY0AYOLG.js"),
|
|
5412
5419
|
"./locales/de.ts": () => import("./de-CYLWugqb.js"),
|
|
5413
5420
|
"./locales/en.ts": () => import("./en-C3TM249M.js"),
|
|
@@ -5415,96 +5422,96 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5415
5422
|
"./locales/fr.ts": () => import("./fr-CdLhJ7kw.js"),
|
|
5416
5423
|
"./locales/nl.ts": () => import("./nl-BvsLoyKp.js"),
|
|
5417
5424
|
"./locales/pt-BR.ts": () => import("./pt-BR-CAGS5YXp.js")
|
|
5418
|
-
}),
|
|
5425
|
+
}), Od = /* #__PURE__ */ Object.assign({
|
|
5419
5426
|
"./locales/cloud/de.ts": () => import("./de-BytZwgn6.js"),
|
|
5420
5427
|
"./locales/cloud/en.ts": () => import("./en-DyOSV0lY.js"),
|
|
5421
5428
|
"./locales/cloud/pt-BR.ts": () => import("./pt-BR-C1WLSGDh.js")
|
|
5422
5429
|
});
|
|
5423
|
-
function
|
|
5430
|
+
function kd(e) {
|
|
5424
5431
|
return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
|
|
5425
5432
|
}
|
|
5426
|
-
var
|
|
5427
|
-
function
|
|
5433
|
+
var Ad = kd(Dd), jd = kd(Od);
|
|
5434
|
+
function Md(e) {
|
|
5428
5435
|
return e.trim().replace(/_/g, "-").toLowerCase();
|
|
5429
5436
|
}
|
|
5430
|
-
function
|
|
5431
|
-
let n =
|
|
5432
|
-
return t.find((e) =>
|
|
5437
|
+
function Nd(e, t) {
|
|
5438
|
+
let n = Md(e);
|
|
5439
|
+
return t.find((e) => Md(e) === n);
|
|
5433
5440
|
}
|
|
5434
|
-
function
|
|
5435
|
-
return
|
|
5441
|
+
function Pd(e) {
|
|
5442
|
+
return Md(e).split("-")[0];
|
|
5436
5443
|
}
|
|
5437
|
-
function
|
|
5438
|
-
return
|
|
5444
|
+
function Fd(e, t) {
|
|
5445
|
+
return Nd(e, t) ?? Nd(Pd(e), t);
|
|
5439
5446
|
}
|
|
5440
|
-
function
|
|
5441
|
-
return
|
|
5447
|
+
function Id(e, t) {
|
|
5448
|
+
return Fd(e, t) ?? "en";
|
|
5442
5449
|
}
|
|
5443
|
-
async function
|
|
5444
|
-
let t =
|
|
5450
|
+
async function Ld(e) {
|
|
5451
|
+
let t = Dd[`./locales/${Id(e, Ad)}.ts`];
|
|
5445
5452
|
return (await t()).default;
|
|
5446
5453
|
}
|
|
5447
|
-
async function
|
|
5448
|
-
let t =
|
|
5454
|
+
async function Rd(e) {
|
|
5455
|
+
let t = Od[`./locales/cloud/${Id(e, jd)}.ts`];
|
|
5449
5456
|
return (await t()).default;
|
|
5450
5457
|
}
|
|
5451
|
-
function
|
|
5452
|
-
return
|
|
5458
|
+
function zd(e) {
|
|
5459
|
+
return Fd(e, Ad) !== void 0;
|
|
5453
5460
|
}
|
|
5454
|
-
function
|
|
5455
|
-
return
|
|
5461
|
+
function Bd(e) {
|
|
5462
|
+
return Fd(e, jd) !== void 0;
|
|
5456
5463
|
}
|
|
5457
|
-
function
|
|
5458
|
-
return [...
|
|
5464
|
+
function Vd() {
|
|
5465
|
+
return [...Ad];
|
|
5459
5466
|
}
|
|
5460
|
-
function
|
|
5461
|
-
return [...
|
|
5467
|
+
function Hd() {
|
|
5468
|
+
return [...jd];
|
|
5462
5469
|
}
|
|
5463
5470
|
//#endregion
|
|
5464
5471
|
//#region \0virtual:editor-css
|
|
5465
|
-
var Vd = "@import\"https://fonts.bunny.net/css?family=geist:400,500,600\";.tpl-loading-track[data-v-c3d50014]{height:3px;width:100%;border-radius:9999px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 15%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 30%,var(--tpl-primary) 50%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 70%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 85%,transparent 100%);background-size:200% 100%;animation:tpl-loading-flow-c3d50014 3s ease-in-out infinite}@keyframes tpl-loading-flow-c3d50014{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.tpl-loading-track-fill[data-v-c3d50014]{animation:none;background-position:50% 0}}.tpl-block--idle[data-v-096f1d37]{outline:1.5px dashed color-mix(in srgb,var(--tpl-primary) 30%,transparent);outline-offset:-1px;transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--idle[data-v-096f1d37]:hover{outline:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent);outline-offset:-1px;box-shadow:0 0 8px color-mix(in srgb,var(--tpl-primary) 8%,transparent)}.tpl-block--picked[data-v-096f1d37]{outline:2px solid var(--tpl-primary);outline-offset:-1px;box-shadow:0 0 0 4px color-mix(in srgb,var(--tpl-primary) 18%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--selected[data-v-096f1d37]{outline:2px solid color-mix(in srgb,var(--tpl-primary) 60%,transparent);outline-offset:-1px;box-shadow:0 0 12px color-mix(in srgb,var(--tpl-primary) 15%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block-action-btn[data-v-096f1d37]{color:var(--tpl-chrome-text-muted);background-color:transparent}.tpl-block-action-btn[data-v-096f1d37]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-chrome-text)}.tpl-block-action-btn[data-v-096f1d37]:active{transform:scale(.9)}.tpl-block-delete-btn[data-v-096f1d37]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-condition-toggle[data-v-096f1d37]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-condition-toggle[data-v-096f1d37]:active{transform:scale(.9)}.tpl-block-hidden-overlay[data-v-096f1d37]{background-color:color-mix(in srgb,var(--tpl-bg) 60%,transparent)}.tpl-table-editable[data-v-963ac422] th[contenteditable],.tpl-table-editable[data-v-963ac422] td[contenteditable]{outline:none;cursor:text;min-width:calc(2 * var(--tpl-base-size))}.tpl-table-editable[data-v-963ac422] th[contenteditable]:empty:before,.tpl-table-editable[data-v-963ac422] td[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--tpl-text-dim);pointer-events:none}.tpl-table-editable[data-v-963ac422] th[contenteditable]:focus,.tpl-table-editable[data-v-963ac422] td[contenteditable]:focus{outline:2px solid var(--tpl-primary);outline-offset:-2px;border-radius:1px}hex-color-picker{--hcp-width: 200px}hex-color-picker::part(hue){border-radius:var(--tpl-radius-sm, 7px)}hex-color-picker::part(saturation){border-radius:var(--tpl-radius-sm, 7px) var(--tpl-radius-sm, 7px) 0 0}.tpl-color-swatch-empty{background-color:var(--tpl-bg);background-image:linear-gradient(to top right,transparent calc(50% - .75px),var(--tpl-text-dim) calc(50% - .75px),var(--tpl-text-dim) calc(50% + .75px),transparent calc(50% + .75px))}.tpl-canvas--dark-mode[data-v-9bb8b409] .tpl-block-content:not(.tpl-block-content *){filter:invert(1) hue-rotate(180deg)}[data-v-9bb8b409] .tpl-block-content{transition:filter .3s ease}.tpl-canvas--dark-mode[data-v-9bb8b409] .tpl-block-content img{filter:invert(1) hue-rotate(180deg)}.tpl-pulse-fill[data-v-c289916a]{animation:tpl-field-pulse-c289916a 1s ease-out}@keyframes tpl-field-pulse-c289916a{0%{box-shadow:0 0 color-mix(in srgb,var(--tpl-warning) 30%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 6%,transparent)}40%{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-warning) 15%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 5%,transparent)}to{box-shadow:0 0 0 0 transparent;background-color:transparent}}@media(prefers-reduced-motion:reduce){.tpl-pulse-fill[data-v-c289916a]{animation:none}}input[type=number][data-v-69591c1e]::-webkit-outer-spin-button,input[type=number][data-v-69591c1e]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-69591c1e]{-moz-appearance:textfield}.tpl-collapsible[data-v-c0ea5f03]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.16,1,.3,1)}.tpl-collapsible--open[data-v-c0ea5f03]{grid-template-rows:1fr}.tpl-collapsible>div[data-v-c0ea5f03]{overflow:hidden}.tpl-icon-enter-active[data-v-632aa74f],.tpl-icon-leave-active[data-v-632aa74f]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-632aa74f],.tpl-icon-leave-to[data-v-632aa74f]{opacity:0;transform:scale(.8)}.tpl-dark-mode-toggle[data-v-632aa74f]:hover{background-color:var(--tpl-bg-hover)}.tpl-dark-mode-toggle[data-v-632aa74f]:active{transform:scale(.92)}.tpl-icon-enter-active[data-v-eef7b2ca],.tpl-icon-leave-active[data-v-eef7b2ca]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-eef7b2ca],.tpl-icon-leave-to[data-v-eef7b2ca]{opacity:0;transform:scale(.8)}.tpl-preview-toggle[data-v-eef7b2ca]:hover{background-color:var(--tpl-bg-hover)}.tpl-preview-toggle[data-v-eef7b2ca]:active{transform:scale(.92)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tpl-comet-angle:0deg;--tpl-comet-start:100%}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-md:calc(.375 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tpl-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tpl-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\\:pointer-events-auto{pointer-events:auto}.tpl\\:pointer-events-none{pointer-events:none}.tpl\\:invisible{visibility:hidden}.tpl\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl\\:absolute{position:absolute}.tpl\\:fixed{position:fixed}.tpl\\:relative{position:relative}.tpl\\:sticky{position:sticky}.tpl\\:inset-0{inset:0}.tpl\\:inset-x-0{inset-inline:0}.tpl\\:inset-y-1{inset-block:calc(var(--tpl-base-size) / 4)}.tpl\\:-top-0\\.5{top:calc(calc(var(--tpl-base-size) / 4) * -.5)}.tpl\\:-top-1{top:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:top-0{top:0}.tpl\\:top-1{top:calc(var(--tpl-base-size) / 4)}.tpl\\:top-1\\.5{top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:top-1\\/2{top:50%}.tpl\\:top-2{top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:top-14{top:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:top-16{top:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:top-\\[104px\\]{top:104px}.tpl\\:top-full{top:100%}.tpl\\:-right-1{right:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:-right-2{right:calc(calc(var(--tpl-base-size) / 4) * -2)}.tpl\\:right-0{right:0}.tpl\\:right-1{right:calc(var(--tpl-base-size) / 4)}.tpl\\:right-1\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:right-2{right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:right-2\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:right-\\[320px\\]{right:320px}.tpl\\:right-\\[360px\\]{right:360px}.tpl\\:right-\\[680px\\]{right:680px}.tpl\\:bottom-0{bottom:0}.tpl\\:bottom-1{bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:bottom-10{bottom:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:bottom-full{bottom:100%}.tpl\\:-left-1{left:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:left-0{left:0}.tpl\\:left-1\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:left-1\\/2{left:50%}.tpl\\:left-2\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:left-3{left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:left-5{left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:left-12{left:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:z-10{z-index:10}.tpl\\:z-40{z-index:40}.tpl\\:z-50{z-index:50}.tpl\\:z-\\[4\\]{z-index:4}.tpl\\:z-\\[5\\]{z-index:5}.tpl\\:z-\\[9999\\]{z-index:9999}.tpl\\:z-\\[10000\\]{z-index:10000}.tpl\\:m-0{margin:0}.tpl\\:m-6{margin:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-0\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mx-1{margin-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:mx-1\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mx-3{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mx-4{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mx-6{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-auto{margin-inline:auto}.tpl\\:mt-0\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mt-1{margin-top:calc(var(--tpl-base-size) / 4)}.tpl\\:mt-1\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mt-2{margin-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mt-3{margin-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mt-4{margin-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:\\!mb-0{margin-bottom:0!important}.tpl\\:mb-1{margin-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:mb-1\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mb-2{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mb-2\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:mb-3{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mb-3\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:mb-4{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mb-px{margin-bottom:1px}.tpl\\:-ml-48{margin-left:calc(calc(var(--tpl-base-size) / 4) * -48)}.tpl\\:ml-0{margin-left:0}.tpl\\:ml-0\\.5{margin-left:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:ml-1{margin-left:calc(var(--tpl-base-size) / 4)}.tpl\\:ml-5{margin-left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:ml-auto{margin-left:auto}.tpl\\:line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:\\!flex{display:flex!important}.tpl\\:block{display:block}.tpl\\:flex{display:flex}.tpl\\:grid{display:grid}.tpl\\:hidden{display:none}.tpl\\:inline{display:inline}.tpl\\:inline-block{display:inline-block}.tpl\\:inline-flex{display:inline-flex}.tpl\\:aspect-square{aspect-ratio:1}.tpl\\:size-1\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 1.5);height:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:size-2{width:calc(calc(var(--tpl-base-size) / 4) * 2);height:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:size-3{width:calc(calc(var(--tpl-base-size) / 4) * 3);height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:size-4{width:calc(calc(var(--tpl-base-size) / 4) * 4);height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:size-4\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 4.5);height:calc(calc(var(--tpl-base-size) / 4) * 4.5)}.tpl\\:size-5{width:calc(calc(var(--tpl-base-size) / 4) * 5);height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:size-6{width:calc(calc(var(--tpl-base-size) / 4) * 6);height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:size-7{width:calc(calc(var(--tpl-base-size) / 4) * 7);height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:size-8{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:size-10{width:calc(calc(var(--tpl-base-size) / 4) * 10);height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:size-16{width:calc(calc(var(--tpl-base-size) / 4) * 16);height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:size-full{width:100%;height:100%}.tpl\\:h-0{height:0}.tpl\\:h-2\\.5{height:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:h-3{height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:h-4{height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:h-5{height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:h-6{height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:h-7{height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:h-8{height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:h-9{height:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:h-10{height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:h-12{height:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:h-14{height:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:h-16{height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:h-32{height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:h-44{height:calc(calc(var(--tpl-base-size) / 4) * 44)}.tpl\\:h-\\[32px\\]{height:32px}.tpl\\:h-auto{height:auto}.tpl\\:h-full{height:100%}.tpl\\:max-h-24{max-height:calc(calc(var(--tpl-base-size) / 4) * 24)}.tpl\\:max-h-32{max-height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:max-h-48{max-height:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:max-h-56{max-height:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:max-h-64{max-height:calc(calc(var(--tpl-base-size) / 4) * 64)}.tpl\\:max-h-\\[50vh\\]{max-height:50vh}.tpl\\:max-h-\\[60vh\\]{max-height:60vh}.tpl\\:max-h-\\[80\\%\\]{max-height:80%}.tpl\\:max-h-\\[80vh\\]{max-height:80vh}.tpl\\:max-h-\\[90\\%\\]{max-height:90%}.tpl\\:max-h-\\[90vh\\]{max-height:90vh}.tpl\\:max-h-full{max-height:100%}.tpl\\:min-h-0{min-height:0}.tpl\\:min-h-6{min-height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-h-10{min-height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:min-h-20{min-height:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:min-h-\\[1\\.5em\\]{min-height:1.5em}.tpl\\:min-h-\\[1em\\]{min-height:1em}.tpl\\:min-h-\\[48px\\]{min-height:48px}.tpl\\:min-h-\\[60px\\]{min-height:60px}.tpl\\:min-h-\\[64px\\]{min-height:64px}.tpl\\:min-h-\\[68px\\]{min-height:68px}.tpl\\:min-h-\\[72px\\]{min-height:72px}.tpl\\:min-h-\\[80px\\]{min-height:80px}.tpl\\:min-h-\\[100px\\]{min-height:100px}.tpl\\:min-h-\\[120px\\]{min-height:120px}.tpl\\:min-h-\\[150px\\]{min-height:150px}.tpl\\:min-h-\\[400px\\]{min-height:400px}.tpl\\:w-1\\/2{width:50%}.tpl\\:w-1\\/3{width:33.3333%}.tpl\\:w-1\\/4{width:25%}.tpl\\:w-2\\/3{width:66.6667%}.tpl\\:w-3\\/4{width:75%}.tpl\\:w-5\\/6{width:83.3333%}.tpl\\:w-7{width:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:w-8{width:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:w-9{width:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:w-10{width:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:w-12{width:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:w-16{width:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:w-20{width:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:w-28{width:calc(calc(var(--tpl-base-size) / 4) * 28)}.tpl\\:w-32{width:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:w-36{width:calc(calc(var(--tpl-base-size) / 4) * 36)}.tpl\\:w-40{width:calc(calc(var(--tpl-base-size) / 4) * 40)}.tpl\\:w-48{width:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:w-52{width:calc(calc(var(--tpl-base-size) / 4) * 52)}.tpl\\:w-56{width:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:w-72{width:calc(calc(var(--tpl-base-size) / 4) * 72)}.tpl\\:w-\\[280px\\]{width:280px}.tpl\\:w-\\[300px\\]{width:300px}.tpl\\:w-\\[320px\\]{width:320px}.tpl\\:w-\\[360px\\]{width:360px}.tpl\\:w-\\[400px\\]{width:400px}.tpl\\:w-\\[420px\\]{width:420px}.tpl\\:w-\\[1000px\\]{width:1000px}.tpl\\:w-\\[min\\(420px\\,92vw\\)\\]{width:min(420px,92vw)}.tpl\\:w-full{width:100%}.tpl\\:w-px{width:1px}.tpl\\:max-w-2xl{max-width:calc(42 * var(--tpl-base-size))}.tpl\\:max-w-3xl{max-width:calc(48 * var(--tpl-base-size))}.tpl\\:max-w-\\[220px\\]{max-width:220px}.tpl\\:max-w-\\[240px\\]{max-width:240px}.tpl\\:max-w-\\[260px\\]{max-width:260px}.tpl\\:max-w-\\[320px\\]{max-width:320px}.tpl\\:max-w-\\[600px\\]{max-width:600px}.tpl\\:max-w-\\[calc\\(100\\%_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100% - 2 * var(--tpl-base-size))}.tpl\\:max-w-\\[calc\\(100vw_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100vw - 2 * var(--tpl-base-size))}.tpl\\:max-w-full{max-width:100%}.tpl\\:max-w-md{max-width:calc(28 * var(--tpl-base-size))}.tpl\\:max-w-sm{max-width:calc(24 * var(--tpl-base-size))}.tpl\\:min-w-0{min-width:0}.tpl\\:min-w-6{min-width:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-w-\\[20px\\]{min-width:20px}.tpl\\:min-w-\\[200px\\]{min-width:200px}.tpl\\:flex-1{flex:1}.tpl\\:flex-shrink-0,.tpl\\:shrink-0{flex-shrink:0}.tpl\\:origin-top-right{transform-origin:100% 0}.tpl\\:-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-4{--tw-translate-x:calc(calc(var(--tpl-base-size) / 4) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-2{--tw-translate-y:calc(calc(var(--tpl-base-size) / 4) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-1{--tw-translate-y:calc(var(--tpl-base-size) / 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-\\[-8px\\]{--tw-translate-y:-8px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:-rotate-90{rotate:-90deg}.tpl\\:rotate-0{rotate:0deg}.tpl\\:rotate-45{rotate:45deg}.tpl\\:rotate-90{rotate:90deg}.tpl\\:rotate-180{rotate:180deg}.tpl\\:animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.tpl\\:animate-spin{animation:1s linear infinite spin}.tpl\\:cursor-default{cursor:default}.tpl\\:cursor-grab{cursor:grab}.tpl\\:cursor-help{cursor:help}.tpl\\:cursor-not-allowed{cursor:not-allowed}.tpl\\:cursor-pointer{cursor:pointer}.tpl\\:resize-none{resize:none}.tpl\\:resize-y{resize:vertical}.tpl\\:list-none{list-style-type:none}.tpl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tpl\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.tpl\\:grid-cols-\\[1fr_auto_1fr\\]{grid-template-columns:1fr auto 1fr}.tpl\\:flex-col{flex-direction:column}.tpl\\:flex-wrap{flex-wrap:wrap}.tpl\\:items-center{align-items:center}.tpl\\:items-end{align-items:flex-end}.tpl\\:items-start{align-items:flex-start}.tpl\\:items-stretch{align-items:stretch}.tpl\\:justify-between{justify-content:space-between}.tpl\\:justify-center{justify-content:center}.tpl\\:justify-end{justify-content:flex-end}.tpl\\:gap-0{gap:0}.tpl\\:gap-0\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-1{gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-1\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:gap-2{gap:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:gap-2\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:gap-3{gap:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:gap-4{gap:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:gap-5{gap:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:gap-6{gap:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:gap-10{gap:calc(calc(var(--tpl-base-size) / 4) * 10)}:where(.tpl\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tpl-base-size) / 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tpl-base-size) / 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * calc(1 - var(--tw-space-y-reverse)))}.tpl\\:gap-x-1{column-gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-x-3{column-gap:calc(calc(var(--tpl-base-size) / 4) * 3)}:where(.tpl\\:-space-x-1\\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}.tpl\\:gap-y-0\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-y-1\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:self-end{align-self:flex-end}.tpl\\:self-start{align-self:flex-start}.tpl\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tpl\\:overflow-auto{overflow:auto}.tpl\\:overflow-hidden{overflow:hidden}.tpl\\:overflow-x-auto{overflow-x:auto}.tpl\\:overflow-y-auto{overflow-y:auto}.tpl\\:rounded{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-\\[calc\\(var\\(--tpl-radius-sm\\)-2px\\)\\]{border-radius:calc(var(--tpl-radius-sm) - 2px)}.tpl\\:rounded-\\[var\\(--tpl-radius\\)\\]{border-radius:var(--tpl-radius)}.tpl\\:rounded-\\[var\\(--tpl-radius-lg\\)\\]{border-radius:var(--tpl-radius-lg)}.tpl\\:rounded-\\[var\\(--tpl-radius-md\\)\\]{border-radius:var(--tpl-radius-md)}.tpl\\:rounded-\\[var\\(--tpl-radius-sm\\)\\]{border-radius:var(--tpl-radius-sm)}.tpl\\:rounded-full{border-radius:3.40282e38px}.tpl\\:rounded-lg{border-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-md{border-radius:calc(.375 * var(--tpl-base-size))}.tpl\\:rounded-sm{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-xl{border-radius:calc(.75 * var(--tpl-base-size))}.tpl\\:rounded-l-\\[var\\(--tpl-radius-sm\\)\\]{border-top-left-radius:var(--tpl-radius-sm);border-bottom-left-radius:var(--tpl-radius-sm)}.tpl\\:rounded-tl-lg{border-top-left-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-r-\\[var\\(--tpl-radius-sm\\)\\]{border-top-right-radius:var(--tpl-radius-sm);border-bottom-right-radius:var(--tpl-radius-sm)}.tpl\\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.tpl\\:border{border-style:var(--tw-border-style);border-width:1px}.tpl\\:border-0{border-style:var(--tw-border-style);border-width:0}.tpl\\:border-2{border-style:var(--tw-border-style);border-width:2px}.tpl\\:border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.tpl\\:border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.tpl\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.tpl\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.tpl\\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.tpl\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.tpl\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.tpl\\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.tpl\\:border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.tpl\\:border-dashed{--tw-border-style:dashed;border-style:dashed}.tpl\\:border-none{--tw-border-style:none;border-style:none}.tpl\\:border-\\[var\\(--tpl-bg\\)\\]{border-color:var(--tpl-bg)}.tpl\\:border-\\[var\\(--tpl-border\\)\\]{border-color:var(--tpl-border)}.tpl\\:border-\\[var\\(--tpl-border-light\\)\\]{border-color:var(--tpl-border-light)}.tpl\\:border-\\[var\\(--tpl-danger\\)\\]{border-color:var(--tpl-danger)}.tpl\\:border-\\[var\\(--tpl-primary\\)\\]{border-color:var(--tpl-primary)}.tpl\\:border-\\[var\\(--tpl-primary-hover\\)\\]{border-color:var(--tpl-primary-hover)}.tpl\\:border-\\[var\\(--tpl-warning\\)\\]{border-color:var(--tpl-warning)}.tpl\\:border-transparent{border-color:#0000}.tpl\\:border-l-\\[var\\(--tpl-primary\\)\\]{border-left-color:var(--tpl-primary)}.tpl\\:border-l-transparent{border-left-color:#0000}.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:var(--tpl-bg)}@supports (color:color-mix(in lab,red,red)){.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:color-mix(in srgb,var(--tpl-bg) 90%,transparent)}}.tpl\\:bg-\\[var\\(--tpl-bg\\)\\]{background-color:var(--tpl-bg)}.tpl\\:bg-\\[var\\(--tpl-bg-active\\)\\]{background-color:var(--tpl-bg-active)}.tpl\\:bg-\\[var\\(--tpl-bg-elevated\\)\\]{background-color:var(--tpl-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-bg-hover\\)\\]{background-color:var(--tpl-bg-hover)}.tpl\\:bg-\\[var\\(--tpl-border\\)\\]{background-color:var(--tpl-border)}.tpl\\:bg-\\[var\\(--tpl-canvas-bg\\)\\]{background-color:var(--tpl-canvas-bg)}.tpl\\:bg-\\[var\\(--tpl-chrome-bg-elevated\\)\\]{background-color:var(--tpl-chrome-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-chrome-primary-light\\)\\]{background-color:var(--tpl-chrome-primary-light)}.tpl\\:bg-\\[var\\(--tpl-danger\\)\\]{background-color:var(--tpl-danger)}.tpl\\:bg-\\[var\\(--tpl-danger-light\\)\\]{background-color:var(--tpl-danger-light)}.tpl\\:bg-\\[var\\(--tpl-primary\\)\\]{background-color:var(--tpl-primary)}.tpl\\:bg-\\[var\\(--tpl-primary-light\\)\\]{background-color:var(--tpl-primary-light)}.tpl\\:bg-\\[var\\(--tpl-warning-light\\)\\]{background-color:var(--tpl-warning-light)}.tpl\\:bg-black\\/30{background-color:oklab(0% none none/.3)}.tpl\\:bg-black\\/40{background-color:oklab(0% none none/.4)}.tpl\\:bg-transparent{background-color:#0000}.tpl\\:object-contain{object-fit:contain}.tpl\\:object-cover{object-fit:cover}.tpl\\:p-0{padding:0}.tpl\\:p-0\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:p-1{padding:calc(var(--tpl-base-size) / 4)}.tpl\\:p-1\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:p-2{padding:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:p-3{padding:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:p-4{padding:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:p-5{padding:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:p-6{padding:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:p-8{padding:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-0\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:px-1{padding-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:px-1\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:px-2{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:px-2\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:px-3{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:px-3\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:px-4{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:px-5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:px-6{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:px-8{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-10{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-0{padding-block:0}.tpl\\:py-0\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:py-1{padding-block:calc(var(--tpl-base-size) / 4)}.tpl\\:py-1\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:py-2{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:py-2\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:py-3{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:py-3\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:py-4{padding-block:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:py-5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:py-6{padding-block:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:py-8{padding-block:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:py-10{padding-block:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-12{padding-block:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:py-16{padding-block:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:py-\\[5px\\]{padding-block:5px}.tpl\\:py-\\[7px\\]{padding-block:7px}.tpl\\:py-px{padding-block:1px}.tpl\\:pt-1{padding-top:calc(var(--tpl-base-size) / 4)}.tpl\\:pt-2{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pt-2\\.5{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pt-3{padding-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pt-4{padding-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-2{padding-right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pr-3{padding-right:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pr-4{padding-right:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-6{padding-right:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:pr-7{padding-right:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:pr-8{padding-right:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pb-1{padding-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:pb-1\\.5{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:pb-2{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pb-3{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pb-4{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-2{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pl-2\\.5{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pl-3{padding-left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pl-4{padding-left:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-8{padding-left:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pl-9{padding-left:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:pl-\\[18px\\]{padding-left:18px}.tpl\\:text-center{text-align:center}.tpl\\:text-left{text-align:left}.tpl\\:font-\\[inherit\\]{font-family:inherit}.tpl\\:font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tpl\\:font-sans{font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tpl\\:text-4xl{font-size:calc(2.25 * var(--tpl-base-size));line-height:var(--tw-leading,calc(2.5 / 2.25))}.tpl\\:text-base{font-size:var(--tpl-base-size);line-height:var(--tw-leading, 1.5 )}.tpl\\:text-lg{font-size:calc(1.125 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.75 / 1.125))}.tpl\\:text-sm{font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875))}.tpl\\:text-xs{font-size:calc(.75 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1 / .75))}.tpl\\:text-\\[0\\.8em\\]{font-size:.8em}.tpl\\:text-\\[0\\.9em\\]{font-size:.9em}.tpl\\:text-\\[1em\\]{font-size:1em}.tpl\\:text-\\[8px\\]{font-size:8px}.tpl\\:text-\\[9px\\]{font-size:9px}.tpl\\:text-\\[10px\\]{font-size:10px}.tpl\\:text-\\[11px\\]{font-size:11px}.tpl\\:text-\\[12px\\]{font-size:12px}.tpl\\:text-\\[13px\\]{font-size:13px}.tpl\\:text-\\[length\\:inherit\\]{font-size:inherit}.tpl\\:leading-none{--tw-leading:1;line-height:1}.tpl\\:leading-normal{--tw-leading:1.5;line-height:1.5}.tpl\\:leading-relaxed{--tw-leading:1.625;line-height:1.625}.tpl\\:leading-snug{--tw-leading:1.375;line-height:1.375}.tpl\\:leading-tight{--tw-leading:1.25;line-height:1.25}.tpl\\:font-\\[var\\(--tpl-font-family\\)\\]{--tw-font-weight:var(--tpl-font-family);font-weight:var(--tpl-font-family)}.tpl\\:font-bold{--tw-font-weight:700;font-weight:700}.tpl\\:font-medium{--tw-font-weight:500;font-weight:500}.tpl\\:font-normal{--tw-font-weight:400;font-weight:400}.tpl\\:font-semibold{--tw-font-weight:600;font-weight:600}.tpl\\:tracking-wide{--tw-tracking:.025em;letter-spacing:.025em}.tpl\\:tracking-wider{--tw-tracking:.05em;letter-spacing:.05em}.tpl\\:break-all{word-break:break-all}.tpl\\:text-ellipsis{text-overflow:ellipsis}.tpl\\:whitespace-nowrap{white-space:nowrap}.tpl\\:whitespace-pre-wrap{white-space:pre-wrap}.tpl\\:text-\\[var\\(--tpl-bg\\)\\]{color:var(--tpl-bg)}.tpl\\:text-\\[var\\(--tpl-border\\)\\]{color:var(--tpl-border)}.tpl\\:text-\\[var\\(--tpl-border-light\\)\\]{color:var(--tpl-border-light)}.tpl\\:text-\\[var\\(--tpl-chrome-text-dim\\)\\]{color:var(--tpl-chrome-text-dim)}.tpl\\:text-\\[var\\(--tpl-chrome-text-muted\\)\\]{color:var(--tpl-chrome-text-muted)}.tpl\\:text-\\[var\\(--tpl-danger\\)\\]{color:var(--tpl-danger)}.tpl\\:text-\\[var\\(--tpl-on-primary\\)\\]{color:var(--tpl-on-primary)}.tpl\\:text-\\[var\\(--tpl-primary\\)\\]{color:var(--tpl-primary)}.tpl\\:text-\\[var\\(--tpl-primary-hover\\)\\]{color:var(--tpl-primary-hover)}.tpl\\:text-\\[var\\(--tpl-success\\)\\]{color:var(--tpl-success)}.tpl\\:text-\\[var\\(--tpl-success\\,var\\(--tpl-primary\\)\\)\\]{color:var(--tpl-success,var(--tpl-primary))}.tpl\\:text-\\[var\\(--tpl-text\\)\\]{color:var(--tpl-text)}.tpl\\:text-\\[var\\(--tpl-text-dim\\)\\]{color:var(--tpl-text-dim)}.tpl\\:text-\\[var\\(--tpl-text-muted\\)\\]{color:var(--tpl-text-muted)}.tpl\\:text-\\[var\\(--tpl-warning\\)\\]{color:var(--tpl-warning)}.tpl\\:text-white{color:#fff}.tpl\\:normal-case{text-transform:none}.tpl\\:uppercase{text-transform:uppercase}.tpl\\:italic{font-style:italic}.tpl\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tpl\\:no-underline{text-decoration-line:none}.tpl\\:underline{text-decoration-line:underline}.tpl\\:accent-\\[var\\(--tpl-primary\\)\\]{accent-color:var(--tpl-primary)}.tpl\\:opacity-0{opacity:0}.tpl\\:opacity-50{opacity:.5}.tpl\\:opacity-60{opacity:.6}.tpl\\:opacity-70{opacity:.7}.tpl\\:opacity-90{opacity:.9}.tpl\\:opacity-100{opacity:1}.tpl\\:shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-ring\\)\\]{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow\\)\\]{--tw-shadow:var(--tpl-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-lg\\)\\]{--tw-shadow:var(--tpl-shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-\\[var\\(--tpl-border\\)\\]{--tw-ring-color:var(--tpl-border)}.tpl\\:ring-\\[var\\(--tpl-primary\\)\\]{--tw-ring-color:var(--tpl-primary)}.tpl\\:ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:backdrop-blur-\\[2px\\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.tpl\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.tpl\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.tpl\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.tpl\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.tpl\\:duration-\\[80ms\\]{--tw-duration:80ms;transition-duration:80ms}.tpl\\:duration-\\[120ms\\]{--tw-duration:.12s;transition-duration:.12s}.tpl\\:ease-\\[cubic-bezier\\(0\\.16\\,1\\,0\\.3\\,1\\)\\]{--tw-ease:cubic-bezier(.16,1,.3,1);transition-timing-function:cubic-bezier(.16,1,.3,1)}.tpl\\:ease-in{--tw-ease:cubic-bezier(.4, 0, 1, 1);transition-timing-function:cubic-bezier(.4,0,1,1)}.tpl\\:ease-out{--tw-ease:cubic-bezier(0, 0, .2, 1);transition-timing-function:cubic-bezier(0,0,.2,1)}.tpl\\:outline-none{--tw-outline-style:none;outline-style:none}.tpl\\:select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.tpl\\:group-hover\\:bg-black\\/40:is(:where(.tpl\\:group):hover *){background-color:oklab(0% none none/.4)}.tpl\\:group-hover\\:opacity-100:is(:where(.tpl\\:group):hover *){opacity:1}}.tpl\\:placeholder\\:text-\\[var\\(--tpl-text-dim\\)\\]::placeholder{color:var(--tpl-text-dim)}.tpl\\:first\\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.tpl\\:last\\:mb-0:last-child{margin-bottom:0}@media(hover:hover){.tpl\\:hover\\:z-10:hover{z-index:10}.tpl\\:hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:border-\\[var\\(--tpl-border\\)\\]:hover{border-color:var(--tpl-border)}.tpl\\:hover\\:border-\\[var\\(--tpl-danger\\)\\]:hover{border-color:var(--tpl-danger)}.tpl\\:hover\\:border-\\[var\\(--tpl-primary\\)\\]:hover{border-color:var(--tpl-primary)}.tpl\\:hover\\:border-\\[var\\(--tpl-text-dim\\)\\]:hover{border-color:var(--tpl-text-dim)}.tpl\\:hover\\:border-l-\\[var\\(--tpl-primary\\)\\]:hover{border-left-color:var(--tpl-primary)}.tpl\\:hover\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-text\\)_8\\%\\,transparent\\)\\]:hover{background-color:var(--tpl-text)}@supports (color:color-mix(in lab,red,red)){.tpl\\:hover\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-text\\)_8\\%\\,transparent\\)\\]:hover{background-color:color-mix(in srgb,var(--tpl-text) 8%,transparent)}}.tpl\\:hover\\:bg-\\[var\\(--tpl-bg-active\\)\\]:hover{background-color:var(--tpl-bg-active)}.tpl\\:hover\\:bg-\\[var\\(--tpl-bg-hover\\)\\]:hover{background-color:var(--tpl-bg-hover)}.tpl\\:hover\\:bg-\\[var\\(--tpl-danger-light\\)\\]:hover{background-color:var(--tpl-danger-light)}.tpl\\:hover\\:bg-\\[var\\(--tpl-primary-hover\\)\\]:hover{background-color:var(--tpl-primary-hover)}.tpl\\:hover\\:bg-\\[var\\(--tpl-primary-light\\)\\]:hover{background-color:var(--tpl-primary-light)}.tpl\\:hover\\:bg-\\[var\\(--tpl-warning-light\\)\\]:hover{background-color:var(--tpl-warning-light)}.tpl\\:hover\\:text-\\[var\\(--tpl-danger\\)\\]:hover{color:var(--tpl-danger)}.tpl\\:hover\\:text-\\[var\\(--tpl-primary\\)\\]:hover{color:var(--tpl-primary)}.tpl\\:hover\\:text-\\[var\\(--tpl-text\\)\\]:hover{color:var(--tpl-text)}.tpl\\:hover\\:underline:hover{text-decoration-line:underline}.tpl\\:hover\\:opacity-80:hover{opacity:.8}.tpl\\:hover\\:opacity-90:hover{opacity:.9}.tpl\\:hover\\:opacity-100:hover{opacity:1}.tpl\\:hover\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]:hover{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:hover\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]:hover{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.tpl\\:focus\\:border-\\[var\\(--tpl-primary\\)\\]:focus{border-color:var(--tpl-primary)}.tpl\\:focus\\:shadow-\\[0_0_0_3px_var\\(--tpl-primary-light\\)\\]:focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--tpl-primary-light));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus\\:shadow-\\[var\\(--tpl-ring\\)\\]:focus,.tpl\\:focus-visible\\:shadow-\\[var\\(--tpl-ring\\)\\]:focus-visible{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus-visible\\:ring-\\[var\\(--tpl-primary\\)\\]:focus-visible{--tw-ring-color:var(--tpl-primary)}.tpl\\:focus-visible\\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:focus-visible\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]:focus-visible{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.tpl\\:active\\:cursor-grabbing:active{cursor:grabbing}.tpl\\:active\\:bg-\\[var\\(--tpl-bg-active\\)\\]:active{background-color:var(--tpl-bg-active)}.tpl\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.tpl\\:disabled\\:opacity-30:disabled{opacity:.3}.tpl\\:disabled\\:opacity-40:disabled{opacity:.4}.tpl\\:disabled\\:opacity-50:disabled{opacity:.5}@media(hover:hover){.tpl\\:disabled\\:hover\\:bg-transparent:disabled:hover{background-color:#0000}}@layer base,components;.tpl{--tpl-base-size:var(--tpl-user-base-size,16px);--tpl-bg:var(--tpl-user-bg,oklch(99.5% .002 60));--tpl-bg-elevated:var(--tpl-user-bg-elevated,oklch(98% .004 60));--tpl-bg-hover:var(--tpl-user-bg-hover,oklch(96% .006 60));--tpl-bg-active:var(--tpl-user-bg-active,oklch(93.5% .008 60));--tpl-border:var(--tpl-user-border,oklch(92% .006 60));--tpl-border-light:var(--tpl-user-border-light,oklch(86% .01 60));--tpl-text:var(--tpl-user-text,oklch(18% .01 60));--tpl-text-muted:var(--tpl-user-text-muted,oklch(50% .015 60));--tpl-text-dim:var(--tpl-user-text-dim,oklch(68% .012 60));--tpl-primary:var(--tpl-user-primary,oklch(70% .16 55));--tpl-primary-hover:var(--tpl-user-primary-hover,oklch(63% .17 55));--tpl-primary-light:var(--tpl-user-primary-light,oklch(95% .04 55));--tpl-on-primary:var(--tpl-user-on-primary,var(--tpl-bg));--tpl-secondary:var(--tpl-user-secondary,oklch(60% .118 184.71));--tpl-secondary-hover:var(--tpl-user-secondary-hover,oklch(53.2% .105 186.39));--tpl-secondary-light:var(--tpl-user-secondary-light,oklch(93.8% .03 186.82));--tpl-success:var(--tpl-user-success,oklch(62.8% .194 155.1));--tpl-success-light:var(--tpl-user-success-light,oklch(93.6% .043 163.51));--tpl-warning:var(--tpl-user-warning,oklch(76.9% .168 70.08));--tpl-warning-light:var(--tpl-user-warning-light,oklch(95% .038 73.59));--tpl-danger:var(--tpl-user-danger,oklch(63.7% .237 25.33));--tpl-danger-light:var(--tpl-user-danger-light,oklch(93.6% .032 17.72));--tpl-canvas-bg:var(--tpl-user-canvas-bg,oklch(97.5% .003 60));--tpl-chrome-bg-elevated:var(--tpl-bg-elevated);--tpl-chrome-border-light:var(--tpl-border-light);--tpl-chrome-text:var(--tpl-text);--tpl-chrome-text-muted:var(--tpl-text-muted);--tpl-chrome-text-dim:var(--tpl-text-dim);--tpl-chrome-primary-light:var(--tpl-primary-light);--tpl-chrome-primary-hover:var(--tpl-primary-hover);--tpl-radius:var(--tpl-user-radius,10px);--tpl-radius-sm:var(--tpl-user-radius-sm,7px);--tpl-radius-lg:var(--tpl-user-radius-lg,14px);--tpl-font-family:var(--tpl-user-font-family,\"Geist\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");--tpl-shadow-sm:var(--tpl-user-shadow-sm,0 1px 2px #00000008);--tpl-shadow:var(--tpl-user-shadow,0 1px 2px #0000000a, 0 1px 3px #00000008);--tpl-shadow-md:var(--tpl-user-shadow-md,0 2px 8px #0000000f, 0 1px 3px #0000000a);--tpl-shadow-lg:var(--tpl-user-shadow-lg,0 4px 16px #00000014, 0 2px 6px #0000000a);--tpl-shadow-xl:var(--tpl-user-shadow-xl,0 8px 32px #0000001a, 0 4px 12px #0000000f);--tpl-overlay:var(--tpl-user-overlay,#00000080);--tpl-ring:var(--tpl-user-ring,0 0 0 3px var(--tpl-primary-light));--tpl-transition:var(--tpl-user-transition,.12s cubic-bezier(.16, 1, .3, 1))}.tpl[data-tpl-theme=dark]{--tpl-bg:var(--tpl-user-dark-bg,oklch(16% .005 60));--tpl-bg-elevated:var(--tpl-user-dark-bg-elevated,oklch(21% .006 60));--tpl-bg-hover:var(--tpl-user-dark-bg-hover,oklch(26% .007 60));--tpl-bg-active:var(--tpl-user-dark-bg-active,oklch(30% .008 60));--tpl-border:var(--tpl-user-dark-border,oklch(30% .006 60));--tpl-border-light:var(--tpl-user-dark-border-light,oklch(38% .008 60));--tpl-text:var(--tpl-user-dark-text,oklch(93% .005 60));--tpl-text-muted:var(--tpl-user-dark-text-muted,oklch(65% .01 60));--tpl-text-dim:var(--tpl-user-dark-text-dim,oklch(50% .008 60));--tpl-primary:var(--tpl-user-dark-primary,oklch(73% .15 55));--tpl-primary-hover:var(--tpl-user-dark-primary-hover,oklch(78% .14 55));--tpl-primary-light:var(--tpl-user-dark-primary-light,oklch(28% .05 55));--tpl-secondary:var(--tpl-user-dark-secondary,oklch(63% .11 184.71));--tpl-secondary-hover:var(--tpl-user-dark-secondary-hover,oklch(68% .1 186.39));--tpl-secondary-light:var(--tpl-user-dark-secondary-light,oklch(25% .03 186.82));--tpl-success:var(--tpl-user-dark-success,oklch(65% .18 155.1));--tpl-success-light:var(--tpl-user-dark-success-light,oklch(25% .04 163.51));--tpl-warning:var(--tpl-user-dark-warning,oklch(78% .16 70.08));--tpl-warning-light:var(--tpl-user-dark-warning-light,oklch(28% .04 73.59));--tpl-danger:var(--tpl-user-dark-danger,oklch(65% .22 25.33));--tpl-danger-light:var(--tpl-user-dark-danger-light,oklch(25% .04 17.72));--tpl-canvas-bg:var(--tpl-user-dark-canvas-bg,oklch(10% .003 60));--tpl-shadow-sm:var(--tpl-user-dark-shadow-sm,0 1px 2px #0003);--tpl-shadow:var(--tpl-user-dark-shadow,0 1px 2px #0000004d, 0 1px 3px #0003);--tpl-shadow-md:var(--tpl-user-dark-shadow-md,0 2px 8px #00000059, 0 1px 3px #00000040);--tpl-shadow-lg:var(--tpl-user-dark-shadow-lg,0 4px 16px #0006, 0 2px 6px #0000004d);--tpl-shadow-xl:var(--tpl-user-dark-shadow-xl,0 8px 32px #00000080, 0 4px 12px #00000059);--tpl-overlay:var(--tpl-user-dark-overlay,#000000b3);--tpl-ring:var(--tpl-user-dark-ring,0 0 0 3px var(--tpl-primary-light))}.tpl[data-tpl-theme=dark] .tpl-block-content{--tpl-bg-elevated:oklch(98% .004 60);--tpl-border-light:oklch(86% .01 60);--tpl-text:oklch(18% .01 60);--tpl-text-muted:oklch(50% .015 60);--tpl-text-dim:oklch(68% .012 60);--tpl-primary-light:oklch(95% .04 55);--tpl-primary-hover:oklch(60% .16 55);color:var(--tpl-text)}.tpl{height:100%;font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875));--tw-leading:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tpl-bg);min-height:320px;color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family);flex-direction:column;display:flex}:where(.tpl) button,:where(.tpl) input,:where(.tpl) select,:where(.tpl) textarea{box-sizing:border-box;font-family:inherit}:where(.tpl) button{cursor:pointer;background:0 0;border:none;margin:0;padding:0}:where(.tpl) button:focus-visible,:where(.tpl) input:focus-visible,:where(.tpl) select:focus-visible,:where(.tpl) textarea:focus-visible{box-shadow:var(--tpl-ring);outline:none}:where(.tpl) .tpl-focus-ring-host:focus-within :is(input,select,textarea):focus-visible{box-shadow:none}.tpl ::-webkit-scrollbar{width:6px;height:6px}.tpl ::-webkit-scrollbar-track{background:0 0}.tpl ::-webkit-scrollbar-thumb{background-color:var(--tpl-border-light)}@supports (color:color-mix(in lab,red,red)){.tpl ::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--tpl-border-light) 60%,transparent)}}.tpl ::-webkit-scrollbar-thumb{border-radius:calc(.25 * var(--tpl-base-size))}.tpl ::-webkit-scrollbar-thumb:hover{background-color:var(--tpl-border-light)}@keyframes tpl-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes tpl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tpl-popover-root{z-index:10000;position:relative}.tpl-merge-tag-label{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@supports (color:color-mix(in lab,red,red)){.tpl-merge-tag-label{-webkit-text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)}}.tpl-pulse{animation:2s infinite tpl-pulse}.tpl-spinner{animation:1s linear infinite tpl-spin}@keyframes tpl-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tpl-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes tpl-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tpl-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) tpl-fade-in}.tpl-scale-in{animation:.15s cubic-bezier(.16,1,.3,1) tpl-scale-in}.tpl-shimmer{background:linear-gradient(90deg,var(--tpl-bg-hover) 25%,var(--tpl-bg-active) 50%,var(--tpl-bg-hover) 75%);background-size:200% 100%;animation:1.5s linear infinite tpl-shimmer}.tpl-preview-mode .tpl-block--idle,.tpl-preview-mode .tpl-block--idle:hover,.tpl-preview-mode .tpl-block--selected{box-shadow:none!important;outline:none!important}.tpl-preview-mode .tpl-block{cursor:default;pointer-events:none}.tpl-preview-mode .tpl-block-actions,.tpl-preview-mode .tpl-block-hidden-overlay,.tpl-preview-mode .tpl-condition-toggle,.tpl-preview-mode .tpl-comment-indicator,.tpl-preview-mode .tpl-collab-lock{display:none}.tpl-ghost{border:none!important;border-top:2px dotted var(--tpl-primary)!important;background-color:#0000!important;justify-content:center!important;align-items:center!important;width:100%!important;height:0!important;min-height:0!important;max-height:0!important;margin:12px 0!important;padding:0!important;display:flex!important;position:relative!important;overflow:visible!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost{border-top:2px dotted color-mix(in srgb,var(--tpl-primary) 50%,transparent)!important}}.tpl-ghost{box-shadow:none!important;border-radius:0!important}.tpl-ghost>*{display:none!important}.tpl-ghost:before{content:var(--tpl-drop-text,\"Drop here\");white-space:nowrap!important;color:var(--tpl-primary)!important;background-color:var(--tpl-primary)!important;padding:2px 8px!important;font-size:12px!important;font-weight:500!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost:before{background-color:color-mix(in srgb,var(--tpl-primary) 15%,var(--tpl-bg))!important}}.tpl-ghost:before{border-radius:var(--tpl-radius-sm)!important;box-shadow:none!important}.tpl-canvas-empty .tpl-ghost{display:none!important}.tpl-dragging{opacity:.8;box-shadow:var(--tpl-shadow-xl)}.sortable-fallback{transition:none!important;animation:none!important}.tpl-block--lifted{outline:2px dashed var(--tpl-primary)!important;outline-offset:2px!important;box-shadow:var(--tpl-shadow-xl),0 0 0 4px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-block--lifted{box-shadow:var(--tpl-shadow-xl),0 0 0 4px color-mix(in srgb,var(--tpl-primary) 20%,transparent)!important}}.tpl-block--lifted{transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transform:scale(1.01)}.tpl-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl-text-toolbar-btn{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8);cursor:pointer;border-radius:calc(.25 * var(--tpl-base-size));--tw-border-style:none;transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s);color:var(--tpl-text);background-color:#0000;border-style:none;justify-content:center;align-items:center;padding:0;display:flex}.tpl-text-toolbar-btn:hover{background-color:var(--tpl-bg-active)}.tpl-text-toolbar-btn--active{box-shadow:inset 0 0 0 1.5px var(--tpl-primary-hover);background-color:var(--tpl-primary)!important;color:var(--tpl-bg)!important}.tpl-text-toolbar-btn--active svg{stroke-width:2.75px}.tpl-text-content,.tpl-text-editable .tiptap{--tw-outline-style:none;outline-style:none}.tpl-text-editable{border-radius:calc(.25 * var(--tpl-base-size));border-style:var(--tw-border-style);--tw-border-style:dashed;padding:calc(calc(var(--tpl-base-size) / 4) * 2);border-style:dashed;border-width:1px;border-color:var(--tpl-primary);min-height:1.5em}.tpl-text-content p,.tpl-text-editable .tiptap p{margin:0;margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}:is(.tpl-text-content p,.tpl-text-editable .tiptap p):last-child{margin-bottom:0}.tpl-text-content ul,.tpl-text-content ol,.tpl-text-editable .tiptap ul,.tpl-text-editable .tiptap ol{margin-block:calc(calc(var(--tpl-base-size) / 4) * 2);padding-left:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl-text-content li,.tpl-text-editable .tiptap li{margin-block:calc(var(--tpl-base-size) / 4)}.tpl-text-content s,.tpl-text-editable .tiptap s{text-decoration-line:line-through}.tpl-text-content sub,.tpl-text-editable .tiptap sub{vertical-align:sub;font-size:.75em}.tpl-text-content sup,.tpl-text-editable .tiptap sup{vertical-align:super;font-size:.75em}.tpl-text-content a,.tpl-text-editable a{color:var(--tpl-doc-link-color,inherit);-webkit-text-decoration:var(--tpl-doc-link-underline,none);text-decoration:var(--tpl-doc-link-underline,none)}.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5);border-radius:calc(.25 * var(--tpl-base-size));padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5);padding-block:calc(calc(var(--tpl-base-size) / 4) * .5);--tw-font-weight:500;background-color:var(--tpl-primary);align-items:center;font-size:.9em;font-weight:500;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{background-color:color-mix(in srgb,var(--tpl-primary) 20%,transparent)}}.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{color:var(--tpl-primary)}.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5);border-radius:calc(.25 * var(--tpl-base-size));padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5);padding-block:calc(calc(var(--tpl-base-size) / 4) * .5);--tw-font-weight:700;--tw-tracking:.025em;letter-spacing:.025em;text-transform:uppercase;border:1.5px solid var(--tpl-primary);background-color:#0000;align-items:center;font-size:.8em;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{border:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent)}}.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{color:var(--tpl-primary)}.tpl-tooltip{position:relative}.tpl-tooltip:after{content:attr(data-tooltip);border-radius:var(--tpl-radius-sm);background-color:var(--tpl-text);color:var(--tpl-bg);white-space:normal;text-align:center;pointer-events:none;opacity:0;text-transform:none;z-index:50;width:max-content;max-width:min(320px,90vw);padding:4px 10px;font-size:12px;font-weight:500;line-height:1.4;transition:opacity .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tpl-tooltip:before{content:\"\";border:4px solid #0000;border-bottom-color:var(--tpl-text);pointer-events:none;opacity:0;z-index:50;transition:opacity .15s;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.tpl-tooltip:hover:after,.tpl-tooltip:hover:before{opacity:1}.tpl.tpl-media-overlay{background-color:var(--tpl-overlay);-webkit-backdrop-filter:blur(8px);height:100%;min-height:0;color:var(--tpl-text);flex-direction:row;justify-content:center;align-items:center;display:flex}.tpl.tpl-text-toolbar{flex-direction:row;height:auto;min-height:0;display:flex}.tpl.tpl-link-dialog{background-color:var(--tpl-overlay);flex-direction:row;justify-content:center;align-items:center;height:100%;min-height:0;display:flex}.tpl-upload-zone-active{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}@property --tpl-comet-angle{syntax:\"<angle>\";inherits:false;initial-value:0deg}@property --tpl-comet-start{syntax:\"<percentage>\";inherits:false;initial-value:100%}@keyframes tpl-ai-comet{0%{--tpl-comet-angle:0deg;--tpl-comet-start:100%}1%{--tpl-comet-angle:24deg;--tpl-comet-start:88%}5%{--tpl-comet-angle:120deg;--tpl-comet-start:60%}25%{--tpl-comet-angle:600deg;--tpl-comet-start:60%}33%{--tpl-comet-angle:720deg;--tpl-comet-start:100%}to{--tpl-comet-angle:720deg;--tpl-comet-start:100%}}.tpl-ai-btn--idle{background-color:var(--tpl-primary-light);color:var(--tpl-text);box-shadow:none;z-index:0;position:relative}.tpl-ai-btn--idle:before{content:\"\";border-radius:inherit;background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),var(--tpl-primary) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%);padding:2px;position:absolute;inset:-2px}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:before{background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),color-mix(in srgb,var(--tpl-primary) 40%,transparent) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%)}}.tpl-ai-btn--idle:before{z-index:-1;pointer-events:none;animation:20s linear 3s infinite tpl-ai-comet;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tpl-ai-btn--idle:hover{background-color:var(--tpl-primary);color:var(--tpl-on-primary);transform:translateY(-1px);box-shadow:0 0 0 3px var(--tpl-primary),0 4px 16px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-primary) 20%,transparent),0 4px 16px color-mix(in srgb,var(--tpl-primary) 30%,transparent)!important}}.tpl-ai-btn--idle:hover:before{animation:none}.tpl-ai-btn--active{background-color:var(--tpl-primary-light);color:var(--tpl-primary-hover);border:1px solid var(--tpl-primary)}.tpl-ai-btn--active .tpl-ai-btn-icon{fill:var(--tpl-primary)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active .tpl-ai-btn-icon{fill:color-mix(in srgb,var(--tpl-primary) 25%,transparent)}}.tpl-ai-btn--active:hover{background-color:var(--tpl-primary-light)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active:hover{background-color:color-mix(in srgb,var(--tpl-primary-light) 80%,var(--tpl-primary))}}.tpl-merge-tag-delete:hover{color:var(--tpl-danger)!important}@media(prefers-reduced-motion:reduce){.tpl-pulse,.tpl-shimmer,.tpl-fade-in,.tpl-scale-in,.tpl-ai-btn--idle:before{animation:none}.tpl-shimmer{background:var(--tpl-bg-hover)}.tpl *,.tpl :before,.tpl :after{transition-duration:.01ms!important}.tpl-spinner{animation:1s linear infinite tpl-spin}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.tpl-preview-pill-enter-active[data-v-ebc669ed]{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.tpl-preview-pill-leave-active[data-v-ebc669ed]{transition:opacity .15s ease-in,transform .15s ease-in}.tpl-preview-pill-enter-from[data-v-ebc669ed],.tpl-preview-pill-leave-to[data-v-ebc669ed]{opacity:0;transform:translateY(-8px) scale(.9)}.tpl-preview-pill-enter-to[data-v-ebc669ed],.tpl-preview-pill-leave-from[data-v-ebc669ed]{opacity:1;transform:translateY(0) scale(1)}.tpl-saved-block-skeleton{animation:tpl-saved-block-pulse 1.4s ease-in-out infinite}@keyframes tpl-saved-block-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.tpl-saved-block-skeleton{animation:none}}.tpl-saved-block-delete-btn:hover{color:var(--tpl-danger)!important}.tpl-saved-block-rename-btn:hover{color:var(--tpl-primary)!important}.tpl-comments-slide-enter-active[data-v-40431726]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-comments-slide-leave-active[data-v-40431726]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-comments-input-wrapper[data-v-40431726]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-comments-send-btn[data-v-40431726]:not(:disabled):hover{transform:scale(1.05)}.tpl-comment-filter[data-v-40431726]{color:var(--tpl-text-muted);background-color:transparent}.tpl-comment-filter[data-v-40431726]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-filter--active[data-v-40431726]{background-color:var(--tpl-primary-light);color:var(--tpl-primary)}.tpl-comment-action[data-v-40431726]{color:var(--tpl-text-dim);background-color:transparent}.tpl-comment-action[data-v-40431726]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-delete[data-v-40431726]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-comment-card[data-v-40431726],.tpl-comment-reply-card[data-v-40431726]{border-color:var(--tpl-border);background-color:var(--tpl-bg)}.tpl-resolve-enter-active[data-v-40431726],.tpl-resolve-leave-active[data-v-40431726]{transition:opacity .3s ease,transform .3s ease}.tpl-resolve-enter-from[data-v-40431726],.tpl-resolve-leave-to[data-v-40431726]{opacity:0;transform:translateY(-4px)}.tpl-resolve-icon[data-v-40431726]{transition:color .3s ease,transform .2s ease}.tpl-resolve-icon[data-v-40431726]:active{transform:scale(1.3)}.tpl-replies-enter-active[data-v-40431726],.tpl-replies-leave-active[data-v-40431726]{transition:opacity .25s ease,transform .25s ease}.tpl-replies-enter-from[data-v-40431726],.tpl-replies-leave-to[data-v-40431726]{opacity:0;transform:translateY(-4px)}.tpl-ai-slide-enter-active[data-v-82649117]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-ai-slide-leave-active[data-v-82649117]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-ai-input-wrapper[data-v-82649117]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-ai-send-btn[data-v-82649117]:not(:disabled):hover{transform:scale(1.05)}.tpl-suggestion-btn[data-v-82649117]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-design-slide-enter-active[data-v-9a44c153]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-design-slide-leave-active[data-v-9a44c153]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-design-prompt-input[data-v-9a44c153]:focus{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-design-dropzone[data-v-9a44c153]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-scoring-slide-enter-active[data-v-7da30b57]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-scoring-slide-leave-active[data-v-7da30b57]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-scoring-fix-btn[data-v-7da30b57]:not(:disabled):hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-ai-feature-menu-item[data-v-bf59b787]:hover{background-color:var(--tpl-bg-hover)!important}\n/*$vite$:1*/", Hd = null;
|
|
5466
|
-
function
|
|
5467
|
-
if (
|
|
5472
|
+
var Ud = "@import\"https://fonts.bunny.net/css?family=geist:400,500,600\";.tpl-loading-track[data-v-c3d50014]{height:3px;width:100%;border-radius:9999px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 15%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 30%,var(--tpl-primary) 50%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 70%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 85%,transparent 100%);background-size:200% 100%;animation:tpl-loading-flow-c3d50014 3s ease-in-out infinite}@keyframes tpl-loading-flow-c3d50014{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.tpl-loading-track-fill[data-v-c3d50014]{animation:none;background-position:50% 0}}.tpl-block--idle[data-v-096f1d37]{outline:1.5px dashed color-mix(in srgb,var(--tpl-primary) 30%,transparent);outline-offset:-1px;transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--idle[data-v-096f1d37]:hover{outline:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent);outline-offset:-1px;box-shadow:0 0 8px color-mix(in srgb,var(--tpl-primary) 8%,transparent)}.tpl-block--picked[data-v-096f1d37]{outline:2px solid var(--tpl-primary);outline-offset:-1px;box-shadow:0 0 0 4px color-mix(in srgb,var(--tpl-primary) 18%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--selected[data-v-096f1d37]{outline:2px solid color-mix(in srgb,var(--tpl-primary) 60%,transparent);outline-offset:-1px;box-shadow:0 0 12px color-mix(in srgb,var(--tpl-primary) 15%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block-action-btn[data-v-096f1d37]{color:var(--tpl-chrome-text-muted);background-color:transparent}.tpl-block-action-btn[data-v-096f1d37]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-chrome-text)}.tpl-block-action-btn[data-v-096f1d37]:active{transform:scale(.9)}.tpl-block-delete-btn[data-v-096f1d37]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-condition-toggle[data-v-096f1d37]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-condition-toggle[data-v-096f1d37]:active{transform:scale(.9)}.tpl-block-hidden-overlay[data-v-096f1d37]{background-color:color-mix(in srgb,var(--tpl-bg) 60%,transparent)}.tpl-table-editable[data-v-963ac422] th[contenteditable],.tpl-table-editable[data-v-963ac422] td[contenteditable]{outline:none;cursor:text;min-width:calc(2 * var(--tpl-base-size))}.tpl-table-editable[data-v-963ac422] th[contenteditable]:empty:before,.tpl-table-editable[data-v-963ac422] td[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--tpl-text-dim);pointer-events:none}.tpl-table-editable[data-v-963ac422] th[contenteditable]:focus,.tpl-table-editable[data-v-963ac422] td[contenteditable]:focus{outline:2px solid var(--tpl-primary);outline-offset:-2px;border-radius:1px}hex-color-picker{--hcp-width: 200px}hex-color-picker::part(hue){border-radius:var(--tpl-radius-sm, 7px)}hex-color-picker::part(saturation){border-radius:var(--tpl-radius-sm, 7px) var(--tpl-radius-sm, 7px) 0 0}.tpl-color-swatch-empty{background-color:var(--tpl-bg);background-image:linear-gradient(to top right,transparent calc(50% - .75px),var(--tpl-text-dim) calc(50% - .75px),var(--tpl-text-dim) calc(50% + .75px),transparent calc(50% + .75px))}.tpl-canvas--dark-mode[data-v-9bb8b409] .tpl-block-content:not(.tpl-block-content *){filter:invert(1) hue-rotate(180deg)}[data-v-9bb8b409] .tpl-block-content{transition:filter .3s ease}.tpl-canvas--dark-mode[data-v-9bb8b409] .tpl-block-content img{filter:invert(1) hue-rotate(180deg)}.tpl-pulse-fill[data-v-c289916a]{animation:tpl-field-pulse-c289916a 1s ease-out}@keyframes tpl-field-pulse-c289916a{0%{box-shadow:0 0 color-mix(in srgb,var(--tpl-warning) 30%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 6%,transparent)}40%{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-warning) 15%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 5%,transparent)}to{box-shadow:0 0 0 0 transparent;background-color:transparent}}@media(prefers-reduced-motion:reduce){.tpl-pulse-fill[data-v-c289916a]{animation:none}}input[type=number][data-v-69591c1e]::-webkit-outer-spin-button,input[type=number][data-v-69591c1e]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-69591c1e]{-moz-appearance:textfield}.tpl-collapsible[data-v-c0ea5f03]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.16,1,.3,1)}.tpl-collapsible--open[data-v-c0ea5f03]{grid-template-rows:1fr}.tpl-collapsible>div[data-v-c0ea5f03]{overflow:hidden}.tpl-icon-enter-active[data-v-632aa74f],.tpl-icon-leave-active[data-v-632aa74f]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-632aa74f],.tpl-icon-leave-to[data-v-632aa74f]{opacity:0;transform:scale(.8)}.tpl-dark-mode-toggle[data-v-632aa74f]:hover{background-color:var(--tpl-bg-hover)}.tpl-dark-mode-toggle[data-v-632aa74f]:active{transform:scale(.92)}.tpl-icon-enter-active[data-v-eef7b2ca],.tpl-icon-leave-active[data-v-eef7b2ca]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-eef7b2ca],.tpl-icon-leave-to[data-v-eef7b2ca]{opacity:0;transform:scale(.8)}.tpl-preview-toggle[data-v-eef7b2ca]:hover{background-color:var(--tpl-bg-hover)}.tpl-preview-toggle[data-v-eef7b2ca]:active{transform:scale(.92)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tpl-comet-angle:0deg;--tpl-comet-start:100%}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-md:calc(.375 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tpl-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tpl-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\\:pointer-events-auto{pointer-events:auto}.tpl\\:pointer-events-none{pointer-events:none}.tpl\\:invisible{visibility:hidden}.tpl\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl\\:absolute{position:absolute}.tpl\\:fixed{position:fixed}.tpl\\:relative{position:relative}.tpl\\:sticky{position:sticky}.tpl\\:inset-0{inset:0}.tpl\\:inset-x-0{inset-inline:0}.tpl\\:inset-y-1{inset-block:calc(var(--tpl-base-size) / 4)}.tpl\\:-top-0\\.5{top:calc(calc(var(--tpl-base-size) / 4) * -.5)}.tpl\\:-top-1{top:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:top-0{top:0}.tpl\\:top-1{top:calc(var(--tpl-base-size) / 4)}.tpl\\:top-1\\.5{top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:top-1\\/2{top:50%}.tpl\\:top-2{top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:top-14{top:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:top-16{top:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:top-\\[104px\\]{top:104px}.tpl\\:top-full{top:100%}.tpl\\:-right-1{right:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:-right-2{right:calc(calc(var(--tpl-base-size) / 4) * -2)}.tpl\\:right-0{right:0}.tpl\\:right-1{right:calc(var(--tpl-base-size) / 4)}.tpl\\:right-1\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:right-2{right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:right-2\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:right-\\[320px\\]{right:320px}.tpl\\:right-\\[360px\\]{right:360px}.tpl\\:right-\\[680px\\]{right:680px}.tpl\\:bottom-0{bottom:0}.tpl\\:bottom-1{bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:bottom-10{bottom:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:bottom-full{bottom:100%}.tpl\\:-left-1{left:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:left-0{left:0}.tpl\\:left-1\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:left-1\\/2{left:50%}.tpl\\:left-2\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:left-3{left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:left-5{left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:left-12{left:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:z-10{z-index:10}.tpl\\:z-40{z-index:40}.tpl\\:z-50{z-index:50}.tpl\\:z-\\[4\\]{z-index:4}.tpl\\:z-\\[5\\]{z-index:5}.tpl\\:z-\\[9999\\]{z-index:9999}.tpl\\:z-\\[10000\\]{z-index:10000}.tpl\\:m-0{margin:0}.tpl\\:m-6{margin:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-0\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mx-1{margin-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:mx-1\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mx-3{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mx-4{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mx-6{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-auto{margin-inline:auto}.tpl\\:mt-0\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mt-1{margin-top:calc(var(--tpl-base-size) / 4)}.tpl\\:mt-1\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mt-2{margin-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mt-3{margin-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mt-4{margin-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:\\!mb-0{margin-bottom:0!important}.tpl\\:mb-1{margin-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:mb-1\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mb-2{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mb-2\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:mb-3{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mb-3\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:mb-4{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mb-px{margin-bottom:1px}.tpl\\:-ml-48{margin-left:calc(calc(var(--tpl-base-size) / 4) * -48)}.tpl\\:ml-0{margin-left:0}.tpl\\:ml-0\\.5{margin-left:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:ml-1{margin-left:calc(var(--tpl-base-size) / 4)}.tpl\\:ml-5{margin-left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:ml-auto{margin-left:auto}.tpl\\:line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:\\!flex{display:flex!important}.tpl\\:block{display:block}.tpl\\:flex{display:flex}.tpl\\:grid{display:grid}.tpl\\:hidden{display:none}.tpl\\:inline{display:inline}.tpl\\:inline-block{display:inline-block}.tpl\\:inline-flex{display:inline-flex}.tpl\\:aspect-square{aspect-ratio:1}.tpl\\:size-1\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 1.5);height:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:size-2{width:calc(calc(var(--tpl-base-size) / 4) * 2);height:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:size-3{width:calc(calc(var(--tpl-base-size) / 4) * 3);height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:size-4{width:calc(calc(var(--tpl-base-size) / 4) * 4);height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:size-4\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 4.5);height:calc(calc(var(--tpl-base-size) / 4) * 4.5)}.tpl\\:size-5{width:calc(calc(var(--tpl-base-size) / 4) * 5);height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:size-6{width:calc(calc(var(--tpl-base-size) / 4) * 6);height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:size-7{width:calc(calc(var(--tpl-base-size) / 4) * 7);height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:size-8{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:size-10{width:calc(calc(var(--tpl-base-size) / 4) * 10);height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:size-16{width:calc(calc(var(--tpl-base-size) / 4) * 16);height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:size-full{width:100%;height:100%}.tpl\\:h-0{height:0}.tpl\\:h-2\\.5{height:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:h-3{height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:h-4{height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:h-5{height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:h-6{height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:h-7{height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:h-8{height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:h-9{height:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:h-10{height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:h-12{height:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:h-14{height:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:h-16{height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:h-32{height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:h-44{height:calc(calc(var(--tpl-base-size) / 4) * 44)}.tpl\\:h-\\[32px\\]{height:32px}.tpl\\:h-auto{height:auto}.tpl\\:h-full{height:100%}.tpl\\:max-h-24{max-height:calc(calc(var(--tpl-base-size) / 4) * 24)}.tpl\\:max-h-32{max-height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:max-h-48{max-height:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:max-h-56{max-height:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:max-h-64{max-height:calc(calc(var(--tpl-base-size) / 4) * 64)}.tpl\\:max-h-\\[50vh\\]{max-height:50vh}.tpl\\:max-h-\\[60vh\\]{max-height:60vh}.tpl\\:max-h-\\[80\\%\\]{max-height:80%}.tpl\\:max-h-\\[80vh\\]{max-height:80vh}.tpl\\:max-h-\\[90\\%\\]{max-height:90%}.tpl\\:max-h-\\[90vh\\]{max-height:90vh}.tpl\\:max-h-full{max-height:100%}.tpl\\:min-h-0{min-height:0}.tpl\\:min-h-6{min-height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-h-10{min-height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:min-h-20{min-height:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:min-h-\\[1\\.5em\\]{min-height:1.5em}.tpl\\:min-h-\\[1em\\]{min-height:1em}.tpl\\:min-h-\\[48px\\]{min-height:48px}.tpl\\:min-h-\\[60px\\]{min-height:60px}.tpl\\:min-h-\\[64px\\]{min-height:64px}.tpl\\:min-h-\\[68px\\]{min-height:68px}.tpl\\:min-h-\\[72px\\]{min-height:72px}.tpl\\:min-h-\\[80px\\]{min-height:80px}.tpl\\:min-h-\\[100px\\]{min-height:100px}.tpl\\:min-h-\\[120px\\]{min-height:120px}.tpl\\:min-h-\\[150px\\]{min-height:150px}.tpl\\:min-h-\\[400px\\]{min-height:400px}.tpl\\:w-1\\/2{width:50%}.tpl\\:w-1\\/3{width:33.3333%}.tpl\\:w-1\\/4{width:25%}.tpl\\:w-2\\/3{width:66.6667%}.tpl\\:w-3\\/4{width:75%}.tpl\\:w-5\\/6{width:83.3333%}.tpl\\:w-7{width:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:w-8{width:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:w-9{width:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:w-10{width:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:w-12{width:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:w-16{width:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:w-20{width:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:w-28{width:calc(calc(var(--tpl-base-size) / 4) * 28)}.tpl\\:w-32{width:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:w-36{width:calc(calc(var(--tpl-base-size) / 4) * 36)}.tpl\\:w-40{width:calc(calc(var(--tpl-base-size) / 4) * 40)}.tpl\\:w-48{width:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:w-52{width:calc(calc(var(--tpl-base-size) / 4) * 52)}.tpl\\:w-56{width:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:w-72{width:calc(calc(var(--tpl-base-size) / 4) * 72)}.tpl\\:w-\\[280px\\]{width:280px}.tpl\\:w-\\[300px\\]{width:300px}.tpl\\:w-\\[320px\\]{width:320px}.tpl\\:w-\\[360px\\]{width:360px}.tpl\\:w-\\[400px\\]{width:400px}.tpl\\:w-\\[420px\\]{width:420px}.tpl\\:w-\\[1000px\\]{width:1000px}.tpl\\:w-\\[min\\(420px\\,92vw\\)\\]{width:min(420px,92vw)}.tpl\\:w-full{width:100%}.tpl\\:w-px{width:1px}.tpl\\:max-w-2xl{max-width:calc(42 * var(--tpl-base-size))}.tpl\\:max-w-3xl{max-width:calc(48 * var(--tpl-base-size))}.tpl\\:max-w-\\[220px\\]{max-width:220px}.tpl\\:max-w-\\[240px\\]{max-width:240px}.tpl\\:max-w-\\[260px\\]{max-width:260px}.tpl\\:max-w-\\[320px\\]{max-width:320px}.tpl\\:max-w-\\[600px\\]{max-width:600px}.tpl\\:max-w-\\[calc\\(100\\%_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100% - 2 * var(--tpl-base-size))}.tpl\\:max-w-\\[calc\\(100vw_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100vw - 2 * var(--tpl-base-size))}.tpl\\:max-w-full{max-width:100%}.tpl\\:max-w-md{max-width:calc(28 * var(--tpl-base-size))}.tpl\\:max-w-sm{max-width:calc(24 * var(--tpl-base-size))}.tpl\\:min-w-0{min-width:0}.tpl\\:min-w-6{min-width:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-w-\\[20px\\]{min-width:20px}.tpl\\:min-w-\\[200px\\]{min-width:200px}.tpl\\:flex-1{flex:1}.tpl\\:flex-shrink-0,.tpl\\:shrink-0{flex-shrink:0}.tpl\\:origin-top-right{transform-origin:100% 0}.tpl\\:-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-4{--tw-translate-x:calc(calc(var(--tpl-base-size) / 4) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-2{--tw-translate-y:calc(calc(var(--tpl-base-size) / 4) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-1{--tw-translate-y:calc(var(--tpl-base-size) / 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-\\[-8px\\]{--tw-translate-y:-8px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:-rotate-90{rotate:-90deg}.tpl\\:rotate-0{rotate:0deg}.tpl\\:rotate-45{rotate:45deg}.tpl\\:rotate-90{rotate:90deg}.tpl\\:rotate-180{rotate:180deg}.tpl\\:animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.tpl\\:animate-spin{animation:1s linear infinite spin}.tpl\\:cursor-default{cursor:default}.tpl\\:cursor-grab{cursor:grab}.tpl\\:cursor-help{cursor:help}.tpl\\:cursor-not-allowed{cursor:not-allowed}.tpl\\:cursor-pointer{cursor:pointer}.tpl\\:resize-none{resize:none}.tpl\\:resize-y{resize:vertical}.tpl\\:list-none{list-style-type:none}.tpl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tpl\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.tpl\\:grid-cols-\\[1fr_auto_1fr\\]{grid-template-columns:1fr auto 1fr}.tpl\\:flex-col{flex-direction:column}.tpl\\:flex-wrap{flex-wrap:wrap}.tpl\\:items-center{align-items:center}.tpl\\:items-end{align-items:flex-end}.tpl\\:items-start{align-items:flex-start}.tpl\\:items-stretch{align-items:stretch}.tpl\\:justify-between{justify-content:space-between}.tpl\\:justify-center{justify-content:center}.tpl\\:justify-end{justify-content:flex-end}.tpl\\:gap-0{gap:0}.tpl\\:gap-0\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-1{gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-1\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:gap-2{gap:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:gap-2\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:gap-3{gap:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:gap-4{gap:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:gap-5{gap:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:gap-6{gap:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:gap-10{gap:calc(calc(var(--tpl-base-size) / 4) * 10)}:where(.tpl\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tpl-base-size) / 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tpl-base-size) / 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * calc(1 - var(--tw-space-y-reverse)))}.tpl\\:gap-x-1{column-gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-x-3{column-gap:calc(calc(var(--tpl-base-size) / 4) * 3)}:where(.tpl\\:-space-x-1\\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}.tpl\\:gap-y-0\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-y-1\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:self-end{align-self:flex-end}.tpl\\:self-start{align-self:flex-start}.tpl\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tpl\\:overflow-auto{overflow:auto}.tpl\\:overflow-hidden{overflow:hidden}.tpl\\:overflow-x-auto{overflow-x:auto}.tpl\\:overflow-y-auto{overflow-y:auto}.tpl\\:rounded{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-\\[calc\\(var\\(--tpl-radius-sm\\)-2px\\)\\]{border-radius:calc(var(--tpl-radius-sm) - 2px)}.tpl\\:rounded-\\[var\\(--tpl-radius\\)\\]{border-radius:var(--tpl-radius)}.tpl\\:rounded-\\[var\\(--tpl-radius-lg\\)\\]{border-radius:var(--tpl-radius-lg)}.tpl\\:rounded-\\[var\\(--tpl-radius-md\\)\\]{border-radius:var(--tpl-radius-md)}.tpl\\:rounded-\\[var\\(--tpl-radius-sm\\)\\]{border-radius:var(--tpl-radius-sm)}.tpl\\:rounded-full{border-radius:3.40282e38px}.tpl\\:rounded-lg{border-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-md{border-radius:calc(.375 * var(--tpl-base-size))}.tpl\\:rounded-sm{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-xl{border-radius:calc(.75 * var(--tpl-base-size))}.tpl\\:rounded-l-\\[var\\(--tpl-radius-sm\\)\\]{border-top-left-radius:var(--tpl-radius-sm);border-bottom-left-radius:var(--tpl-radius-sm)}.tpl\\:rounded-tl-lg{border-top-left-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-r-\\[var\\(--tpl-radius-sm\\)\\]{border-top-right-radius:var(--tpl-radius-sm);border-bottom-right-radius:var(--tpl-radius-sm)}.tpl\\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.tpl\\:border{border-style:var(--tw-border-style);border-width:1px}.tpl\\:border-0{border-style:var(--tw-border-style);border-width:0}.tpl\\:border-2{border-style:var(--tw-border-style);border-width:2px}.tpl\\:border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.tpl\\:border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.tpl\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.tpl\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.tpl\\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.tpl\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.tpl\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.tpl\\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.tpl\\:border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.tpl\\:border-dashed{--tw-border-style:dashed;border-style:dashed}.tpl\\:border-none{--tw-border-style:none;border-style:none}.tpl\\:border-\\[var\\(--tpl-bg\\)\\]{border-color:var(--tpl-bg)}.tpl\\:border-\\[var\\(--tpl-border\\)\\]{border-color:var(--tpl-border)}.tpl\\:border-\\[var\\(--tpl-border-light\\)\\]{border-color:var(--tpl-border-light)}.tpl\\:border-\\[var\\(--tpl-danger\\)\\]{border-color:var(--tpl-danger)}.tpl\\:border-\\[var\\(--tpl-primary\\)\\]{border-color:var(--tpl-primary)}.tpl\\:border-\\[var\\(--tpl-primary-hover\\)\\]{border-color:var(--tpl-primary-hover)}.tpl\\:border-\\[var\\(--tpl-warning\\)\\]{border-color:var(--tpl-warning)}.tpl\\:border-transparent{border-color:#0000}.tpl\\:border-l-\\[var\\(--tpl-primary\\)\\]{border-left-color:var(--tpl-primary)}.tpl\\:border-l-transparent{border-left-color:#0000}.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:var(--tpl-bg)}@supports (color:color-mix(in lab,red,red)){.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:color-mix(in srgb,var(--tpl-bg) 90%,transparent)}}.tpl\\:bg-\\[var\\(--tpl-bg\\)\\]{background-color:var(--tpl-bg)}.tpl\\:bg-\\[var\\(--tpl-bg-active\\)\\]{background-color:var(--tpl-bg-active)}.tpl\\:bg-\\[var\\(--tpl-bg-elevated\\)\\]{background-color:var(--tpl-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-bg-hover\\)\\]{background-color:var(--tpl-bg-hover)}.tpl\\:bg-\\[var\\(--tpl-border\\)\\]{background-color:var(--tpl-border)}.tpl\\:bg-\\[var\\(--tpl-canvas-bg\\)\\]{background-color:var(--tpl-canvas-bg)}.tpl\\:bg-\\[var\\(--tpl-chrome-bg-elevated\\)\\]{background-color:var(--tpl-chrome-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-chrome-primary-light\\)\\]{background-color:var(--tpl-chrome-primary-light)}.tpl\\:bg-\\[var\\(--tpl-danger\\)\\]{background-color:var(--tpl-danger)}.tpl\\:bg-\\[var\\(--tpl-danger-light\\)\\]{background-color:var(--tpl-danger-light)}.tpl\\:bg-\\[var\\(--tpl-primary\\)\\]{background-color:var(--tpl-primary)}.tpl\\:bg-\\[var\\(--tpl-primary-light\\)\\]{background-color:var(--tpl-primary-light)}.tpl\\:bg-\\[var\\(--tpl-warning-light\\)\\]{background-color:var(--tpl-warning-light)}.tpl\\:bg-black\\/30{background-color:oklab(0% none none/.3)}.tpl\\:bg-black\\/40{background-color:oklab(0% none none/.4)}.tpl\\:bg-transparent{background-color:#0000}.tpl\\:object-contain{object-fit:contain}.tpl\\:object-cover{object-fit:cover}.tpl\\:p-0{padding:0}.tpl\\:p-0\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:p-1{padding:calc(var(--tpl-base-size) / 4)}.tpl\\:p-1\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:p-2{padding:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:p-3{padding:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:p-4{padding:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:p-5{padding:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:p-6{padding:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:p-8{padding:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-0\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:px-1{padding-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:px-1\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:px-2{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:px-2\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:px-3{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:px-3\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:px-4{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:px-5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:px-6{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:px-8{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-10{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-0{padding-block:0}.tpl\\:py-0\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:py-1{padding-block:calc(var(--tpl-base-size) / 4)}.tpl\\:py-1\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:py-2{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:py-2\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:py-3{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:py-3\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:py-4{padding-block:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:py-5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:py-6{padding-block:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:py-8{padding-block:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:py-10{padding-block:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-12{padding-block:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:py-16{padding-block:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:py-\\[5px\\]{padding-block:5px}.tpl\\:py-\\[7px\\]{padding-block:7px}.tpl\\:py-px{padding-block:1px}.tpl\\:pt-1{padding-top:calc(var(--tpl-base-size) / 4)}.tpl\\:pt-2{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pt-2\\.5{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pt-3{padding-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pt-4{padding-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-2{padding-right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pr-3{padding-right:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pr-4{padding-right:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-6{padding-right:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:pr-7{padding-right:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:pr-8{padding-right:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pb-1{padding-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:pb-1\\.5{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:pb-2{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pb-3{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pb-4{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-2{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pl-2\\.5{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pl-3{padding-left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pl-4{padding-left:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-8{padding-left:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pl-9{padding-left:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:pl-\\[18px\\]{padding-left:18px}.tpl\\:text-center{text-align:center}.tpl\\:text-left{text-align:left}.tpl\\:font-\\[inherit\\]{font-family:inherit}.tpl\\:font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tpl\\:font-sans{font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tpl\\:text-4xl{font-size:calc(2.25 * var(--tpl-base-size));line-height:var(--tw-leading,calc(2.5 / 2.25))}.tpl\\:text-base{font-size:var(--tpl-base-size);line-height:var(--tw-leading, 1.5 )}.tpl\\:text-lg{font-size:calc(1.125 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.75 / 1.125))}.tpl\\:text-sm{font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875))}.tpl\\:text-xs{font-size:calc(.75 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1 / .75))}.tpl\\:text-\\[0\\.8em\\]{font-size:.8em}.tpl\\:text-\\[0\\.9em\\]{font-size:.9em}.tpl\\:text-\\[1em\\]{font-size:1em}.tpl\\:text-\\[8px\\]{font-size:8px}.tpl\\:text-\\[9px\\]{font-size:9px}.tpl\\:text-\\[10px\\]{font-size:10px}.tpl\\:text-\\[11px\\]{font-size:11px}.tpl\\:text-\\[12px\\]{font-size:12px}.tpl\\:text-\\[13px\\]{font-size:13px}.tpl\\:text-\\[length\\:inherit\\]{font-size:inherit}.tpl\\:leading-none{--tw-leading:1;line-height:1}.tpl\\:leading-normal{--tw-leading:1.5;line-height:1.5}.tpl\\:leading-relaxed{--tw-leading:1.625;line-height:1.625}.tpl\\:leading-snug{--tw-leading:1.375;line-height:1.375}.tpl\\:leading-tight{--tw-leading:1.25;line-height:1.25}.tpl\\:font-\\[var\\(--tpl-font-family\\)\\]{--tw-font-weight:var(--tpl-font-family);font-weight:var(--tpl-font-family)}.tpl\\:font-bold{--tw-font-weight:700;font-weight:700}.tpl\\:font-medium{--tw-font-weight:500;font-weight:500}.tpl\\:font-normal{--tw-font-weight:400;font-weight:400}.tpl\\:font-semibold{--tw-font-weight:600;font-weight:600}.tpl\\:tracking-wide{--tw-tracking:.025em;letter-spacing:.025em}.tpl\\:tracking-wider{--tw-tracking:.05em;letter-spacing:.05em}.tpl\\:break-all{word-break:break-all}.tpl\\:text-ellipsis{text-overflow:ellipsis}.tpl\\:whitespace-nowrap{white-space:nowrap}.tpl\\:whitespace-pre-wrap{white-space:pre-wrap}.tpl\\:text-\\[var\\(--tpl-bg\\)\\]{color:var(--tpl-bg)}.tpl\\:text-\\[var\\(--tpl-border\\)\\]{color:var(--tpl-border)}.tpl\\:text-\\[var\\(--tpl-border-light\\)\\]{color:var(--tpl-border-light)}.tpl\\:text-\\[var\\(--tpl-chrome-text-dim\\)\\]{color:var(--tpl-chrome-text-dim)}.tpl\\:text-\\[var\\(--tpl-chrome-text-muted\\)\\]{color:var(--tpl-chrome-text-muted)}.tpl\\:text-\\[var\\(--tpl-danger\\)\\]{color:var(--tpl-danger)}.tpl\\:text-\\[var\\(--tpl-on-primary\\)\\]{color:var(--tpl-on-primary)}.tpl\\:text-\\[var\\(--tpl-primary\\)\\]{color:var(--tpl-primary)}.tpl\\:text-\\[var\\(--tpl-primary-hover\\)\\]{color:var(--tpl-primary-hover)}.tpl\\:text-\\[var\\(--tpl-success\\)\\]{color:var(--tpl-success)}.tpl\\:text-\\[var\\(--tpl-success\\,var\\(--tpl-primary\\)\\)\\]{color:var(--tpl-success,var(--tpl-primary))}.tpl\\:text-\\[var\\(--tpl-text\\)\\]{color:var(--tpl-text)}.tpl\\:text-\\[var\\(--tpl-text-dim\\)\\]{color:var(--tpl-text-dim)}.tpl\\:text-\\[var\\(--tpl-text-muted\\)\\]{color:var(--tpl-text-muted)}.tpl\\:text-\\[var\\(--tpl-warning\\)\\]{color:var(--tpl-warning)}.tpl\\:text-white{color:#fff}.tpl\\:normal-case{text-transform:none}.tpl\\:uppercase{text-transform:uppercase}.tpl\\:italic{font-style:italic}.tpl\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tpl\\:no-underline{text-decoration-line:none}.tpl\\:underline{text-decoration-line:underline}.tpl\\:accent-\\[var\\(--tpl-primary\\)\\]{accent-color:var(--tpl-primary)}.tpl\\:opacity-0{opacity:0}.tpl\\:opacity-50{opacity:.5}.tpl\\:opacity-60{opacity:.6}.tpl\\:opacity-70{opacity:.7}.tpl\\:opacity-90{opacity:.9}.tpl\\:opacity-100{opacity:1}.tpl\\:shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-ring\\)\\]{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow\\)\\]{--tw-shadow:var(--tpl-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-lg\\)\\]{--tw-shadow:var(--tpl-shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-\\[var\\(--tpl-border\\)\\]{--tw-ring-color:var(--tpl-border)}.tpl\\:ring-\\[var\\(--tpl-primary\\)\\]{--tw-ring-color:var(--tpl-primary)}.tpl\\:ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:backdrop-blur-\\[2px\\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.tpl\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.tpl\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.tpl\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.tpl\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.tpl\\:duration-\\[80ms\\]{--tw-duration:80ms;transition-duration:80ms}.tpl\\:duration-\\[120ms\\]{--tw-duration:.12s;transition-duration:.12s}.tpl\\:ease-\\[cubic-bezier\\(0\\.16\\,1\\,0\\.3\\,1\\)\\]{--tw-ease:cubic-bezier(.16,1,.3,1);transition-timing-function:cubic-bezier(.16,1,.3,1)}.tpl\\:ease-in{--tw-ease:cubic-bezier(.4, 0, 1, 1);transition-timing-function:cubic-bezier(.4,0,1,1)}.tpl\\:ease-out{--tw-ease:cubic-bezier(0, 0, .2, 1);transition-timing-function:cubic-bezier(0,0,.2,1)}.tpl\\:outline-none{--tw-outline-style:none;outline-style:none}.tpl\\:select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.tpl\\:group-hover\\:bg-black\\/40:is(:where(.tpl\\:group):hover *){background-color:oklab(0% none none/.4)}.tpl\\:group-hover\\:opacity-100:is(:where(.tpl\\:group):hover *){opacity:1}}.tpl\\:placeholder\\:text-\\[var\\(--tpl-text-dim\\)\\]::placeholder{color:var(--tpl-text-dim)}.tpl\\:first\\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.tpl\\:last\\:mb-0:last-child{margin-bottom:0}@media(hover:hover){.tpl\\:hover\\:z-10:hover{z-index:10}.tpl\\:hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:border-\\[var\\(--tpl-border\\)\\]:hover{border-color:var(--tpl-border)}.tpl\\:hover\\:border-\\[var\\(--tpl-danger\\)\\]:hover{border-color:var(--tpl-danger)}.tpl\\:hover\\:border-\\[var\\(--tpl-primary\\)\\]:hover{border-color:var(--tpl-primary)}.tpl\\:hover\\:border-\\[var\\(--tpl-text-dim\\)\\]:hover{border-color:var(--tpl-text-dim)}.tpl\\:hover\\:border-l-\\[var\\(--tpl-primary\\)\\]:hover{border-left-color:var(--tpl-primary)}.tpl\\:hover\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-text\\)_8\\%\\,transparent\\)\\]:hover{background-color:var(--tpl-text)}@supports (color:color-mix(in lab,red,red)){.tpl\\:hover\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-text\\)_8\\%\\,transparent\\)\\]:hover{background-color:color-mix(in srgb,var(--tpl-text) 8%,transparent)}}.tpl\\:hover\\:bg-\\[var\\(--tpl-bg-active\\)\\]:hover{background-color:var(--tpl-bg-active)}.tpl\\:hover\\:bg-\\[var\\(--tpl-bg-hover\\)\\]:hover{background-color:var(--tpl-bg-hover)}.tpl\\:hover\\:bg-\\[var\\(--tpl-danger-light\\)\\]:hover{background-color:var(--tpl-danger-light)}.tpl\\:hover\\:bg-\\[var\\(--tpl-primary-hover\\)\\]:hover{background-color:var(--tpl-primary-hover)}.tpl\\:hover\\:bg-\\[var\\(--tpl-primary-light\\)\\]:hover{background-color:var(--tpl-primary-light)}.tpl\\:hover\\:bg-\\[var\\(--tpl-warning-light\\)\\]:hover{background-color:var(--tpl-warning-light)}.tpl\\:hover\\:text-\\[var\\(--tpl-danger\\)\\]:hover{color:var(--tpl-danger)}.tpl\\:hover\\:text-\\[var\\(--tpl-primary\\)\\]:hover{color:var(--tpl-primary)}.tpl\\:hover\\:text-\\[var\\(--tpl-text\\)\\]:hover{color:var(--tpl-text)}.tpl\\:hover\\:underline:hover{text-decoration-line:underline}.tpl\\:hover\\:opacity-80:hover{opacity:.8}.tpl\\:hover\\:opacity-90:hover{opacity:.9}.tpl\\:hover\\:opacity-100:hover{opacity:1}.tpl\\:hover\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]:hover{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:hover\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]:hover{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.tpl\\:focus\\:border-\\[var\\(--tpl-primary\\)\\]:focus{border-color:var(--tpl-primary)}.tpl\\:focus\\:shadow-\\[0_0_0_3px_var\\(--tpl-primary-light\\)\\]:focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--tpl-primary-light));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus\\:shadow-\\[var\\(--tpl-ring\\)\\]:focus,.tpl\\:focus-visible\\:shadow-\\[var\\(--tpl-ring\\)\\]:focus-visible{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus-visible\\:ring-\\[var\\(--tpl-primary\\)\\]:focus-visible{--tw-ring-color:var(--tpl-primary)}.tpl\\:focus-visible\\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:focus-visible\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]:focus-visible{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.tpl\\:active\\:cursor-grabbing:active{cursor:grabbing}.tpl\\:active\\:bg-\\[var\\(--tpl-bg-active\\)\\]:active{background-color:var(--tpl-bg-active)}.tpl\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.tpl\\:disabled\\:opacity-30:disabled{opacity:.3}.tpl\\:disabled\\:opacity-40:disabled{opacity:.4}.tpl\\:disabled\\:opacity-50:disabled{opacity:.5}@media(hover:hover){.tpl\\:disabled\\:hover\\:bg-transparent:disabled:hover{background-color:#0000}}@layer base,components;.tpl{--tpl-base-size:var(--tpl-user-base-size,16px);--tpl-bg:var(--tpl-user-bg,oklch(99.5% .002 60));--tpl-bg-elevated:var(--tpl-user-bg-elevated,oklch(98% .004 60));--tpl-bg-hover:var(--tpl-user-bg-hover,oklch(96% .006 60));--tpl-bg-active:var(--tpl-user-bg-active,oklch(93.5% .008 60));--tpl-border:var(--tpl-user-border,oklch(92% .006 60));--tpl-border-light:var(--tpl-user-border-light,oklch(86% .01 60));--tpl-text:var(--tpl-user-text,oklch(18% .01 60));--tpl-text-muted:var(--tpl-user-text-muted,oklch(50% .015 60));--tpl-text-dim:var(--tpl-user-text-dim,oklch(68% .012 60));--tpl-primary:var(--tpl-user-primary,oklch(70% .16 55));--tpl-primary-hover:var(--tpl-user-primary-hover,oklch(63% .17 55));--tpl-primary-light:var(--tpl-user-primary-light,oklch(95% .04 55));--tpl-on-primary:var(--tpl-user-on-primary,var(--tpl-bg));--tpl-secondary:var(--tpl-user-secondary,oklch(60% .118 184.71));--tpl-secondary-hover:var(--tpl-user-secondary-hover,oklch(53.2% .105 186.39));--tpl-secondary-light:var(--tpl-user-secondary-light,oklch(93.8% .03 186.82));--tpl-success:var(--tpl-user-success,oklch(62.8% .194 155.1));--tpl-success-light:var(--tpl-user-success-light,oklch(93.6% .043 163.51));--tpl-warning:var(--tpl-user-warning,oklch(76.9% .168 70.08));--tpl-warning-light:var(--tpl-user-warning-light,oklch(95% .038 73.59));--tpl-danger:var(--tpl-user-danger,oklch(63.7% .237 25.33));--tpl-danger-light:var(--tpl-user-danger-light,oklch(93.6% .032 17.72));--tpl-canvas-bg:var(--tpl-user-canvas-bg,oklch(97.5% .003 60));--tpl-chrome-bg-elevated:var(--tpl-bg-elevated);--tpl-chrome-border-light:var(--tpl-border-light);--tpl-chrome-text:var(--tpl-text);--tpl-chrome-text-muted:var(--tpl-text-muted);--tpl-chrome-text-dim:var(--tpl-text-dim);--tpl-chrome-primary-light:var(--tpl-primary-light);--tpl-chrome-primary-hover:var(--tpl-primary-hover);--tpl-radius:var(--tpl-user-radius,10px);--tpl-radius-sm:var(--tpl-user-radius-sm,7px);--tpl-radius-lg:var(--tpl-user-radius-lg,14px);--tpl-font-family:var(--tpl-user-font-family,\"Geist\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");--tpl-shadow-sm:var(--tpl-user-shadow-sm,0 1px 2px #00000008);--tpl-shadow:var(--tpl-user-shadow,0 1px 2px #0000000a, 0 1px 3px #00000008);--tpl-shadow-md:var(--tpl-user-shadow-md,0 2px 8px #0000000f, 0 1px 3px #0000000a);--tpl-shadow-lg:var(--tpl-user-shadow-lg,0 4px 16px #00000014, 0 2px 6px #0000000a);--tpl-shadow-xl:var(--tpl-user-shadow-xl,0 8px 32px #0000001a, 0 4px 12px #0000000f);--tpl-overlay:var(--tpl-user-overlay,#00000080);--tpl-ring:var(--tpl-user-ring,0 0 0 3px var(--tpl-primary-light));--tpl-transition:var(--tpl-user-transition,.12s cubic-bezier(.16, 1, .3, 1))}.tpl[data-tpl-theme=dark]{--tpl-bg:var(--tpl-user-dark-bg,oklch(16% .005 60));--tpl-bg-elevated:var(--tpl-user-dark-bg-elevated,oklch(21% .006 60));--tpl-bg-hover:var(--tpl-user-dark-bg-hover,oklch(26% .007 60));--tpl-bg-active:var(--tpl-user-dark-bg-active,oklch(30% .008 60));--tpl-border:var(--tpl-user-dark-border,oklch(30% .006 60));--tpl-border-light:var(--tpl-user-dark-border-light,oklch(38% .008 60));--tpl-text:var(--tpl-user-dark-text,oklch(93% .005 60));--tpl-text-muted:var(--tpl-user-dark-text-muted,oklch(65% .01 60));--tpl-text-dim:var(--tpl-user-dark-text-dim,oklch(50% .008 60));--tpl-primary:var(--tpl-user-dark-primary,oklch(73% .15 55));--tpl-primary-hover:var(--tpl-user-dark-primary-hover,oklch(78% .14 55));--tpl-primary-light:var(--tpl-user-dark-primary-light,oklch(28% .05 55));--tpl-secondary:var(--tpl-user-dark-secondary,oklch(63% .11 184.71));--tpl-secondary-hover:var(--tpl-user-dark-secondary-hover,oklch(68% .1 186.39));--tpl-secondary-light:var(--tpl-user-dark-secondary-light,oklch(25% .03 186.82));--tpl-success:var(--tpl-user-dark-success,oklch(65% .18 155.1));--tpl-success-light:var(--tpl-user-dark-success-light,oklch(25% .04 163.51));--tpl-warning:var(--tpl-user-dark-warning,oklch(78% .16 70.08));--tpl-warning-light:var(--tpl-user-dark-warning-light,oklch(28% .04 73.59));--tpl-danger:var(--tpl-user-dark-danger,oklch(65% .22 25.33));--tpl-danger-light:var(--tpl-user-dark-danger-light,oklch(25% .04 17.72));--tpl-canvas-bg:var(--tpl-user-dark-canvas-bg,oklch(10% .003 60));--tpl-shadow-sm:var(--tpl-user-dark-shadow-sm,0 1px 2px #0003);--tpl-shadow:var(--tpl-user-dark-shadow,0 1px 2px #0000004d, 0 1px 3px #0003);--tpl-shadow-md:var(--tpl-user-dark-shadow-md,0 2px 8px #00000059, 0 1px 3px #00000040);--tpl-shadow-lg:var(--tpl-user-dark-shadow-lg,0 4px 16px #0006, 0 2px 6px #0000004d);--tpl-shadow-xl:var(--tpl-user-dark-shadow-xl,0 8px 32px #00000080, 0 4px 12px #00000059);--tpl-overlay:var(--tpl-user-dark-overlay,#000000b3);--tpl-ring:var(--tpl-user-dark-ring,0 0 0 3px var(--tpl-primary-light))}.tpl[data-tpl-theme=dark] .tpl-block-content{--tpl-bg-elevated:oklch(98% .004 60);--tpl-border-light:oklch(86% .01 60);--tpl-text:oklch(18% .01 60);--tpl-text-muted:oklch(50% .015 60);--tpl-text-dim:oklch(68% .012 60);--tpl-primary-light:oklch(95% .04 55);--tpl-primary-hover:oklch(60% .16 55);color:var(--tpl-text)}.tpl{height:100%;font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875));--tw-leading:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tpl-bg);min-height:320px;color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family);letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-align:start;white-space:normal;cursor:auto;font-variant-numeric:normal;text-shadow:none;flex-direction:column;font-style:normal;font-weight:400;list-style-type:disc;display:flex}:where(.tpl) button,:where(.tpl) input,:where(.tpl) select,:where(.tpl) textarea{box-sizing:border-box;font-family:inherit}:where(.tpl) button{cursor:pointer;background:0 0;border:none;margin:0;padding:0}:where(.tpl) button:focus-visible,:where(.tpl) input:focus-visible,:where(.tpl) select:focus-visible,:where(.tpl) textarea:focus-visible{box-shadow:var(--tpl-ring);outline:none}:where(.tpl) .tpl-focus-ring-host:focus-within :is(input,select,textarea):focus-visible{box-shadow:none}.tpl ::-webkit-scrollbar{width:6px;height:6px}.tpl ::-webkit-scrollbar-track{background:0 0}.tpl ::-webkit-scrollbar-thumb{background-color:var(--tpl-border-light)}@supports (color:color-mix(in lab,red,red)){.tpl ::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--tpl-border-light) 60%,transparent)}}.tpl ::-webkit-scrollbar-thumb{border-radius:calc(.25 * var(--tpl-base-size))}.tpl ::-webkit-scrollbar-thumb:hover{background-color:var(--tpl-border-light)}@keyframes tpl-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes tpl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tpl-popover-root{z-index:10000;position:relative}.tpl-merge-tag-label{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@supports (color:color-mix(in lab,red,red)){.tpl-merge-tag-label{-webkit-text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)}}.tpl-pulse{animation:2s infinite tpl-pulse}.tpl-spinner{animation:1s linear infinite tpl-spin}@keyframes tpl-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tpl-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes tpl-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tpl-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) tpl-fade-in}.tpl-scale-in{animation:.15s cubic-bezier(.16,1,.3,1) tpl-scale-in}.tpl-shimmer{background:linear-gradient(90deg,var(--tpl-bg-hover) 25%,var(--tpl-bg-active) 50%,var(--tpl-bg-hover) 75%);background-size:200% 100%;animation:1.5s linear infinite tpl-shimmer}.tpl-preview-mode .tpl-block--idle,.tpl-preview-mode .tpl-block--idle:hover,.tpl-preview-mode .tpl-block--selected{box-shadow:none!important;outline:none!important}.tpl-preview-mode .tpl-block{cursor:default;pointer-events:none}.tpl-preview-mode .tpl-block-actions,.tpl-preview-mode .tpl-block-hidden-overlay,.tpl-preview-mode .tpl-condition-toggle,.tpl-preview-mode .tpl-comment-indicator,.tpl-preview-mode .tpl-collab-lock{display:none}.tpl-ghost{border:none!important;border-top:2px dotted var(--tpl-primary)!important;background-color:#0000!important;justify-content:center!important;align-items:center!important;width:100%!important;height:0!important;min-height:0!important;max-height:0!important;margin:12px 0!important;padding:0!important;display:flex!important;position:relative!important;overflow:visible!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost{border-top:2px dotted color-mix(in srgb,var(--tpl-primary) 50%,transparent)!important}}.tpl-ghost{box-shadow:none!important;border-radius:0!important}.tpl-ghost>*{display:none!important}.tpl-ghost:before{content:var(--tpl-drop-text,\"Drop here\");white-space:nowrap!important;color:var(--tpl-primary)!important;background-color:var(--tpl-primary)!important;padding:2px 8px!important;font-size:12px!important;font-weight:500!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost:before{background-color:color-mix(in srgb,var(--tpl-primary) 15%,var(--tpl-bg))!important}}.tpl-ghost:before{border-radius:var(--tpl-radius-sm)!important;box-shadow:none!important}.tpl-canvas-empty .tpl-ghost{display:none!important}.tpl-dragging{opacity:.8;box-shadow:var(--tpl-shadow-xl)}.sortable-fallback{transition:none!important;animation:none!important}.tpl-block--lifted{outline:2px dashed var(--tpl-primary)!important;outline-offset:2px!important;box-shadow:var(--tpl-shadow-xl),0 0 0 4px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-block--lifted{box-shadow:var(--tpl-shadow-xl),0 0 0 4px color-mix(in srgb,var(--tpl-primary) 20%,transparent)!important}}.tpl-block--lifted{transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transform:scale(1.01)}.tpl-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl-text-toolbar-btn{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8);cursor:pointer;border-radius:calc(.25 * var(--tpl-base-size));--tw-border-style:none;transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s);color:var(--tpl-text);background-color:#0000;border-style:none;justify-content:center;align-items:center;padding:0;display:flex}.tpl-text-toolbar-btn:hover{background-color:var(--tpl-bg-active)}.tpl-text-toolbar-btn--active{box-shadow:inset 0 0 0 1.5px var(--tpl-primary-hover);background-color:var(--tpl-primary)!important;color:var(--tpl-bg)!important}.tpl-text-toolbar-btn--active svg{stroke-width:2.75px}.tpl-text-content,.tpl-text-editable .tiptap{--tw-outline-style:none;outline-style:none}.tpl-text-editable{border-radius:calc(.25 * var(--tpl-base-size));border-style:var(--tw-border-style);--tw-border-style:dashed;padding:calc(calc(var(--tpl-base-size) / 4) * 2);border-style:dashed;border-width:1px;border-color:var(--tpl-primary);min-height:1.5em}.tpl-text-content p,.tpl-text-editable .tiptap p{margin:0;margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}:is(.tpl-text-content p,.tpl-text-editable .tiptap p):last-child{margin-bottom:0}.tpl-text-content ul,.tpl-text-content ol,.tpl-text-editable .tiptap ul,.tpl-text-editable .tiptap ol{margin-block:calc(calc(var(--tpl-base-size) / 4) * 2);padding-left:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl-text-content li,.tpl-text-editable .tiptap li{margin-block:calc(var(--tpl-base-size) / 4)}.tpl-text-content s,.tpl-text-editable .tiptap s{text-decoration-line:line-through}.tpl-text-content sub,.tpl-text-editable .tiptap sub{vertical-align:sub;font-size:.75em}.tpl-text-content sup,.tpl-text-editable .tiptap sup{vertical-align:super;font-size:.75em}.tpl-text-content a,.tpl-text-editable a{color:var(--tpl-doc-link-color,inherit);-webkit-text-decoration:var(--tpl-doc-link-underline,none);text-decoration:var(--tpl-doc-link-underline,none)}.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5);border-radius:calc(.25 * var(--tpl-base-size));padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5);padding-block:calc(calc(var(--tpl-base-size) / 4) * .5);--tw-font-weight:500;background-color:var(--tpl-primary);align-items:center;font-size:.9em;font-weight:500;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{background-color:color-mix(in srgb,var(--tpl-primary) 20%,transparent)}}.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{color:var(--tpl-primary)}.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5);border-radius:calc(.25 * var(--tpl-base-size));padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5);padding-block:calc(calc(var(--tpl-base-size) / 4) * .5);--tw-font-weight:700;--tw-tracking:.025em;letter-spacing:.025em;text-transform:uppercase;border:1.5px solid var(--tpl-primary);background-color:#0000;align-items:center;font-size:.8em;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{border:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent)}}.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{color:var(--tpl-primary)}.tpl-tooltip{position:relative}.tpl-tooltip:after{content:attr(data-tooltip);border-radius:var(--tpl-radius-sm);background-color:var(--tpl-text);color:var(--tpl-bg);white-space:normal;text-align:center;pointer-events:none;opacity:0;text-transform:none;z-index:50;width:max-content;max-width:min(320px,90vw);padding:4px 10px;font-size:12px;font-weight:500;line-height:1.4;transition:opacity .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tpl-tooltip:before{content:\"\";border:4px solid #0000;border-bottom-color:var(--tpl-text);pointer-events:none;opacity:0;z-index:50;transition:opacity .15s;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.tpl-tooltip:hover:after,.tpl-tooltip:hover:before{opacity:1}.tpl.tpl-media-overlay{background-color:var(--tpl-overlay);-webkit-backdrop-filter:blur(8px);height:100%;min-height:0;color:var(--tpl-text);flex-direction:row;justify-content:center;align-items:center;display:flex}.tpl.tpl-text-toolbar{flex-direction:row;height:auto;min-height:0;display:flex}.tpl.tpl-link-dialog{background-color:var(--tpl-overlay);flex-direction:row;justify-content:center;align-items:center;height:100%;min-height:0;display:flex}.tpl-upload-zone-active{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}@property --tpl-comet-angle{syntax:\"<angle>\";inherits:false;initial-value:0deg}@property --tpl-comet-start{syntax:\"<percentage>\";inherits:false;initial-value:100%}@keyframes tpl-ai-comet{0%{--tpl-comet-angle:0deg;--tpl-comet-start:100%}1%{--tpl-comet-angle:24deg;--tpl-comet-start:88%}5%{--tpl-comet-angle:120deg;--tpl-comet-start:60%}25%{--tpl-comet-angle:600deg;--tpl-comet-start:60%}33%{--tpl-comet-angle:720deg;--tpl-comet-start:100%}to{--tpl-comet-angle:720deg;--tpl-comet-start:100%}}.tpl-ai-btn--idle{background-color:var(--tpl-primary-light);color:var(--tpl-text);box-shadow:none;z-index:0;position:relative}.tpl-ai-btn--idle:before{content:\"\";border-radius:inherit;background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),var(--tpl-primary) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%);padding:2px;position:absolute;inset:-2px}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:before{background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),color-mix(in srgb,var(--tpl-primary) 40%,transparent) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%)}}.tpl-ai-btn--idle:before{z-index:-1;pointer-events:none;animation:20s linear 3s infinite tpl-ai-comet;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tpl-ai-btn--idle:hover{background-color:var(--tpl-primary);color:var(--tpl-on-primary);transform:translateY(-1px);box-shadow:0 0 0 3px var(--tpl-primary),0 4px 16px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-primary) 20%,transparent),0 4px 16px color-mix(in srgb,var(--tpl-primary) 30%,transparent)!important}}.tpl-ai-btn--idle:hover:before{animation:none}.tpl-ai-btn--active{background-color:var(--tpl-primary-light);color:var(--tpl-primary-hover);border:1px solid var(--tpl-primary)}.tpl-ai-btn--active .tpl-ai-btn-icon{fill:var(--tpl-primary)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active .tpl-ai-btn-icon{fill:color-mix(in srgb,var(--tpl-primary) 25%,transparent)}}.tpl-ai-btn--active:hover{background-color:var(--tpl-primary-light)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active:hover{background-color:color-mix(in srgb,var(--tpl-primary-light) 80%,var(--tpl-primary))}}.tpl-merge-tag-delete:hover{color:var(--tpl-danger)!important}@media(prefers-reduced-motion:reduce){.tpl-pulse,.tpl-shimmer,.tpl-fade-in,.tpl-scale-in,.tpl-ai-btn--idle:before{animation:none}.tpl-shimmer{background:var(--tpl-bg-hover)}.tpl *,.tpl :before,.tpl :after{transition-duration:.01ms!important}.tpl-spinner{animation:1s linear infinite tpl-spin}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.tpl-preview-pill-enter-active[data-v-226e891c]{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.tpl-preview-pill-leave-active[data-v-226e891c]{transition:opacity .15s ease-in,transform .15s ease-in}.tpl-preview-pill-enter-from[data-v-226e891c],.tpl-preview-pill-leave-to[data-v-226e891c]{opacity:0;transform:translateY(-8px) scale(.9)}.tpl-preview-pill-enter-to[data-v-226e891c],.tpl-preview-pill-leave-from[data-v-226e891c]{opacity:1;transform:translateY(0) scale(1)}.tpl-saved-block-skeleton{animation:tpl-saved-block-pulse 1.4s ease-in-out infinite}@keyframes tpl-saved-block-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.tpl-saved-block-skeleton{animation:none}}.tpl-saved-block-delete-btn:hover{color:var(--tpl-danger)!important}.tpl-saved-block-rename-btn:hover{color:var(--tpl-primary)!important}.tpl-comments-slide-enter-active[data-v-40431726]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-comments-slide-leave-active[data-v-40431726]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-comments-input-wrapper[data-v-40431726]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-comments-send-btn[data-v-40431726]:not(:disabled):hover{transform:scale(1.05)}.tpl-comment-filter[data-v-40431726]{color:var(--tpl-text-muted);background-color:transparent}.tpl-comment-filter[data-v-40431726]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-filter--active[data-v-40431726]{background-color:var(--tpl-primary-light);color:var(--tpl-primary)}.tpl-comment-action[data-v-40431726]{color:var(--tpl-text-dim);background-color:transparent}.tpl-comment-action[data-v-40431726]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-delete[data-v-40431726]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-comment-card[data-v-40431726],.tpl-comment-reply-card[data-v-40431726]{border-color:var(--tpl-border);background-color:var(--tpl-bg)}.tpl-resolve-enter-active[data-v-40431726],.tpl-resolve-leave-active[data-v-40431726]{transition:opacity .3s ease,transform .3s ease}.tpl-resolve-enter-from[data-v-40431726],.tpl-resolve-leave-to[data-v-40431726]{opacity:0;transform:translateY(-4px)}.tpl-resolve-icon[data-v-40431726]{transition:color .3s ease,transform .2s ease}.tpl-resolve-icon[data-v-40431726]:active{transform:scale(1.3)}.tpl-replies-enter-active[data-v-40431726],.tpl-replies-leave-active[data-v-40431726]{transition:opacity .25s ease,transform .25s ease}.tpl-replies-enter-from[data-v-40431726],.tpl-replies-leave-to[data-v-40431726]{opacity:0;transform:translateY(-4px)}.tpl-ai-slide-enter-active[data-v-82649117]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-ai-slide-leave-active[data-v-82649117]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-ai-input-wrapper[data-v-82649117]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-ai-send-btn[data-v-82649117]:not(:disabled):hover{transform:scale(1.05)}.tpl-suggestion-btn[data-v-82649117]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-design-slide-enter-active[data-v-9a44c153]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-design-slide-leave-active[data-v-9a44c153]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-design-prompt-input[data-v-9a44c153]:focus{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-design-dropzone[data-v-9a44c153]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-scoring-slide-enter-active[data-v-7da30b57]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-scoring-slide-leave-active[data-v-7da30b57]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-scoring-fix-btn[data-v-7da30b57]:not(:disabled):hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-ai-feature-menu-item[data-v-bf59b787]:hover{background-color:var(--tpl-bg-hover)!important}\n/*$vite$:1*/", Wd = null;
|
|
5473
|
+
function Gd() {
|
|
5474
|
+
if (Wd === null) {
|
|
5468
5475
|
let e = new CSSStyleSheet();
|
|
5469
|
-
e.replaceSync(
|
|
5476
|
+
e.replaceSync(Ud), Wd = e;
|
|
5470
5477
|
}
|
|
5471
|
-
return
|
|
5478
|
+
return Wd;
|
|
5472
5479
|
}
|
|
5473
|
-
function
|
|
5480
|
+
function Kd(e) {
|
|
5474
5481
|
return () => {};
|
|
5475
5482
|
}
|
|
5476
|
-
function
|
|
5483
|
+
function qd(e, t) {
|
|
5477
5484
|
if (!t) return {
|
|
5478
5485
|
target: e,
|
|
5479
5486
|
shadowRoot: null,
|
|
5480
5487
|
cleanup: () => {}
|
|
5481
5488
|
};
|
|
5482
5489
|
let n = e.shadowRoot ?? e.attachShadow({ mode: "open" });
|
|
5483
|
-
for (n.adoptedStyleSheets = [
|
|
5490
|
+
for (n.adoptedStyleSheets = [Gd()]; n.firstChild;) n.removeChild(n.firstChild);
|
|
5484
5491
|
let r = document.createElement("div");
|
|
5485
5492
|
return r.className = "tpl-editor-host", r.style.cssText = "display:block;height:100%;width:100%;", n.appendChild(r), {
|
|
5486
5493
|
target: r,
|
|
5487
5494
|
shadowRoot: n,
|
|
5488
|
-
cleanup:
|
|
5495
|
+
cleanup: Kd(n)
|
|
5489
5496
|
};
|
|
5490
5497
|
}
|
|
5491
|
-
var
|
|
5492
|
-
function
|
|
5493
|
-
let t =
|
|
5494
|
-
t && (t.cleanup(), t.app.unmount(),
|
|
5498
|
+
var Jd = /* @__PURE__ */ new Map(), Yd = null;
|
|
5499
|
+
function Xd(e) {
|
|
5500
|
+
let t = Jd.get(e);
|
|
5501
|
+
t && (t.cleanup(), t.app.unmount(), Jd.delete(e), Yd === e && (Yd = null));
|
|
5495
5502
|
}
|
|
5496
|
-
async function
|
|
5497
|
-
return
|
|
5503
|
+
async function Zd(e) {
|
|
5504
|
+
return Qd(e);
|
|
5498
5505
|
}
|
|
5499
|
-
async function
|
|
5506
|
+
async function Qd(e, t) {
|
|
5500
5507
|
let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
|
|
5501
5508
|
if (!n) throw Error(`[Templatical] Container element not found: ${e.container}`);
|
|
5502
|
-
let r = await
|
|
5503
|
-
|
|
5504
|
-
let a =
|
|
5505
|
-
e.content &&=
|
|
5509
|
+
let r = await Ld(e.locale ?? "en"), i = ge(e.fonts);
|
|
5510
|
+
Xd(n);
|
|
5511
|
+
let a = qd(n, e.shadowDom ?? !0), o = m(null);
|
|
5512
|
+
e.content &&= ar(e.content, e.mergeTags);
|
|
5506
5513
|
let s = F({ setup() {
|
|
5507
|
-
return () => g(
|
|
5514
|
+
return () => g(Ed, {
|
|
5508
5515
|
config: e,
|
|
5509
5516
|
translations: r,
|
|
5510
5517
|
fontsManager: i,
|
|
@@ -5513,27 +5520,27 @@ async function Xd(e, t) {
|
|
|
5513
5520
|
ref: o
|
|
5514
5521
|
});
|
|
5515
5522
|
} });
|
|
5516
|
-
s.mount(a.target),
|
|
5523
|
+
s.mount(a.target), Jd.set(n, {
|
|
5517
5524
|
app: s,
|
|
5518
5525
|
editorRef: o,
|
|
5519
5526
|
cleanup: a.cleanup
|
|
5520
|
-
}),
|
|
5527
|
+
}), Yd = n;
|
|
5521
5528
|
let c = {
|
|
5522
5529
|
getContent() {
|
|
5523
5530
|
return o.value ? oe(o.value.getContent()) : oe(e.content ?? ie());
|
|
5524
5531
|
},
|
|
5525
5532
|
setContent(t) {
|
|
5526
|
-
let n =
|
|
5533
|
+
let n = ar(t, e.mergeTags);
|
|
5527
5534
|
o.value && o.value.setContent(n), e.content = n;
|
|
5528
5535
|
},
|
|
5529
5536
|
setTheme(e) {
|
|
5530
5537
|
o.value && o.value.setTheme(e);
|
|
5531
5538
|
},
|
|
5532
|
-
unmount: () =>
|
|
5539
|
+
unmount: () => Xd(n),
|
|
5533
5540
|
create(t) {
|
|
5534
5541
|
return o.value ? o.value.create(t?.content ? {
|
|
5535
5542
|
...t,
|
|
5536
|
-
content:
|
|
5543
|
+
content: ar(t.content, e.mergeTags)
|
|
5537
5544
|
} : t) : Promise.reject(/* @__PURE__ */ Error("[Templatical] Editor not ready"));
|
|
5538
5545
|
},
|
|
5539
5546
|
load(e) {
|
|
@@ -5553,28 +5560,28 @@ async function Xd(e, t) {
|
|
|
5553
5560
|
},
|
|
5554
5561
|
toMjml: () => l.toMjml(),
|
|
5555
5562
|
toHtml: () => l.toHtml()
|
|
5556
|
-
}, l =
|
|
5563
|
+
}, l = Qn({
|
|
5557
5564
|
provider: e.render,
|
|
5558
|
-
buildPayload: () =>
|
|
5565
|
+
buildPayload: () => Zn({
|
|
5559
5566
|
getContent: () => c.getContent(),
|
|
5560
5567
|
renderCustomBlock: (e) => c.renderCustomBlock(e),
|
|
5561
|
-
getFonts: () =>
|
|
5568
|
+
getFonts: () => Xn(i)
|
|
5562
5569
|
}),
|
|
5563
5570
|
renderLocalMjml: () => Un({
|
|
5564
5571
|
getContent: () => c.getContent(),
|
|
5565
5572
|
renderCustomBlock: (e) => c.renderCustomBlock(e),
|
|
5566
5573
|
getCustomBlockStylesheet: (e) => c.getCustomBlockStylesheet(e),
|
|
5567
|
-
getFonts: () =>
|
|
5574
|
+
getFonts: () => Xn(i)
|
|
5568
5575
|
})
|
|
5569
5576
|
});
|
|
5570
5577
|
return c;
|
|
5571
5578
|
}
|
|
5572
|
-
async function
|
|
5573
|
-
let [{ bootstrapCloud: t }, n] = await Promise.all([import("./createCloudRuntime-
|
|
5579
|
+
async function $d(e) {
|
|
5580
|
+
let [{ bootstrapCloud: t }, n] = await Promise.all([import("./createCloudRuntime-WwKt9mgb.js"), Rd(e.locale ?? "en")]), { runtime: r, providers: i, user: a } = await t({
|
|
5574
5581
|
config: e,
|
|
5575
5582
|
cloudTranslations: n
|
|
5576
|
-
})
|
|
5577
|
-
return
|
|
5583
|
+
});
|
|
5584
|
+
return Qd({
|
|
5578
5585
|
container: e.container,
|
|
5579
5586
|
content: e.content,
|
|
5580
5587
|
shadowDom: e.shadowDom,
|
|
@@ -5583,7 +5590,6 @@ async function Zd(e) {
|
|
|
5583
5590
|
theme: e.theme,
|
|
5584
5591
|
branding: e.branding,
|
|
5585
5592
|
smallScreenNotice: e.smallScreenNotice,
|
|
5586
|
-
templateNameField: e.templateNameField,
|
|
5587
5593
|
blockDefaults: e.blockDefaults,
|
|
5588
5594
|
templateDefaults: e.templateDefaults,
|
|
5589
5595
|
customBlocks: e.customBlocks,
|
|
@@ -5599,10 +5605,13 @@ async function Zd(e) {
|
|
|
5599
5605
|
onChange: e.onChange,
|
|
5600
5606
|
onError: e.onError,
|
|
5601
5607
|
onDirtyChange: e.onDirtyChange,
|
|
5602
|
-
|
|
5603
|
-
|
|
5604
|
-
|
|
5605
|
-
|
|
5608
|
+
templates: {
|
|
5609
|
+
...i.templates,
|
|
5610
|
+
autoSave: e.templates?.autoSave ?? !0,
|
|
5611
|
+
unsavedChangesGuard: e.templates?.unsavedChangesGuard,
|
|
5612
|
+
nameField: e.templates?.nameField
|
|
5613
|
+
},
|
|
5614
|
+
changeDebounce: e.changeDebounce ?? 2e3,
|
|
5606
5615
|
render: i.render,
|
|
5607
5616
|
versionHistory: i.versionHistory,
|
|
5608
5617
|
savedBlocks: i.savedBlocks,
|
|
@@ -5611,8 +5620,8 @@ async function Zd(e) {
|
|
|
5611
5620
|
user: a
|
|
5612
5621
|
}, r);
|
|
5613
5622
|
}
|
|
5614
|
-
function
|
|
5615
|
-
|
|
5623
|
+
function ef() {
|
|
5624
|
+
Yd && Xd(Yd);
|
|
5616
5625
|
}
|
|
5617
5626
|
//#endregion
|
|
5618
|
-
export { ve as createLocalStorageSavedBlocksProvider,
|
|
5627
|
+
export { ve as createLocalStorageSavedBlocksProvider, Pd as getBaseLocale, Hd as getSupportedCloudLocales, Vd as getSupportedLocales, Zd as init, $d as initCloud, Bd as isCloudLocaleSupported, zd as isLocaleSupported, ef as unmount, ge as useFonts };
|