@templatical/editor 0.29.1 → 0.31.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{AiChatSidebar-DsYJwCLT.js → AiChatSidebar-DYDtzTDd.js} +8 -8
- package/dist/{AiFeatureMenu-CehKC-dh.js → AiFeatureMenu-BJ882XCi.js} +4 -4
- package/dist/{BlockIssueBadge-Dhk7Hv4m.js → BlockIssueBadge-D6y8vQpL.js} +2 -2
- package/dist/{BlockPreviewCanvas-BQZ7aTPr.js → BlockPreviewCanvas-DQNxLy7u.js} +1 -1
- package/dist/{CloudHeaderExtras-CaRdlYpY.js → CloudHeaderExtras-CqG3RaKw.js} +2 -2
- package/dist/{CloudPanels-CYqHk1Az.js → CloudPanels-B6xrk7kN.js} +3 -3
- package/dist/{CollaboratorBar-BZi12Mut.js → CollaboratorBar-by16gXQH.js} +2 -2
- package/dist/{ColorPicker-CXPSbnRD.js → ColorPicker-E5gqlCZE.js} +1 -1
- package/dist/{CommentsPanel-DnWdgQHg.js → CommentsPanel-B_kzvTHR.js} +1 -1
- package/dist/{CommentsSidebar-ZOqmuo4D.js → CommentsSidebar-gfzUX7cd.js} +10 -10
- package/dist/{CountdownToolbar-ByQVLqFF.js → CountdownToolbar-DU8UHx9A.js} +17 -17
- package/dist/{DesignReferenceSidebar-B9anB-Q0.js → DesignReferenceSidebar-DgndMB4H.js} +6 -6
- package/dist/{NumberWithSuffix-C-k0BP1m.js → FieldRow-0-UbQR4a.js} +23 -16
- package/dist/{IssuesPanel-CDk7lUna.js → IssuesPanel-DmJTb_SZ.js} +5 -5
- package/dist/{MergeTagModeToggle-sBEGugix.js → MergeTagModeToggle-CZnJ2Gz_.js} +3 -3
- package/dist/{MergeTagSuggestion-DPfXtDzP.js → MergeTagSuggestion-DyUcY_9e.js} +2 -2
- package/dist/{ParagraphEditor-gbp5gbFv.js → ParagraphEditor-CnB4kXle.js} +19 -19
- package/dist/{RestoreVersionDialog-DIHpGfFr.js → RestoreVersionDialog-BpOphPiE.js} +3 -3
- package/dist/{RichTextEditorContent-DZ6GiAUi.js → RichTextEditorContent-ChPNgHQ_.js} +3 -3
- package/dist/{SaveBlockDialog-QSj7tf1p.js → SaveBlockDialog-CKw4Va6j.js} +6 -6
- package/dist/{SavedBlocksBrowserModal-Bz2xaBzJ.js → SavedBlocksBrowserModal-SST-7EMK.js} +7 -7
- package/dist/{SavedBlocksPanels-RNgOnK9j.js → SavedBlocksPanels-ChV8bOgM.js} +1 -1
- package/dist/{SavedBlocksPickBar-CRmd3sD9.js → SavedBlocksPickBar-BbEeD5RB.js} +2 -2
- package/dist/{TemplateScoringPanel-CDwlSFEe.js → TemplateScoringPanel-De8BZpRU.js} +10 -10
- package/dist/{TestEmailModal-DclmELUc.js → TestEmailModal-4d2pXeHU.js} +7 -7
- package/dist/{TestEmailPanel-4i4n9Kup.js → TestEmailPanel-DEgCesNP.js} +1 -1
- package/dist/{TitleEditor-DMAeSWx3.js → TitleEditor-89pmKLVY.js} +8 -8
- package/dist/{TplModal-CjuKT36J.js → TplModal-DswccJRJ.js} +1 -1
- package/dist/{VersionHistoryMenu-B6zAcmAC.js → VersionHistoryMenu-DBxSJR1k.js} +4 -4
- package/dist/{VersionHistoryPanels-MqgexkhW.js → VersionHistoryPanels-CFLHDH9P.js} +1 -1
- package/dist/{VersionPreviewBanner-CQlSzQ2B.js → VersionPreviewBanner-DhG5RcRt.js} +1 -1
- package/dist/{blockTypeIcons-ejNais7n.js → blockTypeIcons-dpKs5GQc.js} +2 -2
- package/dist/bundle-stats.json +6 -6
- package/dist/{ca-DY0AYOLG.js → ca-DZSrLNXK.js} +2 -0
- package/dist/cdn/chunks/{AiChatSidebar-BE97qqqb.js → AiChatSidebar-DmYDRmvX.js} +6 -6
- package/dist/cdn/chunks/{AiChatSidebar-BE97qqqb.js.map → AiChatSidebar-DmYDRmvX.js.map} +1 -1
- package/dist/cdn/chunks/{AiFeatureMenu-CNP54HPc.js → AiFeatureMenu-C0Rt08qb.js} +3 -3
- package/dist/cdn/chunks/{AiFeatureMenu-CNP54HPc.js.map → AiFeatureMenu-C0Rt08qb.js.map} +1 -1
- package/dist/cdn/chunks/{BlockIssueBadge-Bry71Wjz.js → BlockIssueBadge-BBog2CMy.js} +2 -2
- package/dist/cdn/chunks/{BlockIssueBadge-Bry71Wjz.js.map → BlockIssueBadge-BBog2CMy.js.map} +1 -1
- package/dist/cdn/chunks/{BlockPreviewCanvas-CUEZIwJ4.js → BlockPreviewCanvas-DNBjBKBI.js} +2 -2
- package/dist/cdn/chunks/{BlockPreviewCanvas-CUEZIwJ4.js.map → BlockPreviewCanvas-DNBjBKBI.js.map} +1 -1
- package/dist/cdn/chunks/{CloudHeaderExtras-Bz--_dKu.js → CloudHeaderExtras-Ditfv7y9.js} +3 -3
- package/dist/cdn/chunks/{CloudHeaderExtras-Bz--_dKu.js.map → CloudHeaderExtras-Ditfv7y9.js.map} +1 -1
- package/dist/cdn/chunks/{CloudPanels-BXcdYgy0.js → CloudPanels-C4U5bJO6.js} +4 -4
- package/dist/cdn/chunks/{CloudPanels-BXcdYgy0.js.map → CloudPanels-C4U5bJO6.js.map} +1 -1
- package/dist/cdn/chunks/{CollaboratorBar-CvvoIrKS.js → CollaboratorBar-B79JR9NH.js} +3 -3
- package/dist/cdn/chunks/{CollaboratorBar-CvvoIrKS.js.map → CollaboratorBar-B79JR9NH.js.map} +1 -1
- package/dist/cdn/chunks/{ColorPicker-Ww4xHHMI.js → ColorPicker-C-ZiwUV3.js} +2 -2
- package/dist/cdn/chunks/{ColorPicker-Ww4xHHMI.js.map → ColorPicker-C-ZiwUV3.js.map} +1 -1
- package/dist/cdn/chunks/{CommentsPanel-DjId-XH-.js → CommentsPanel-D1Ke8PbO.js} +2 -2
- package/dist/cdn/chunks/{CommentsPanel-DjId-XH-.js.map → CommentsPanel-D1Ke8PbO.js.map} +1 -1
- package/dist/cdn/chunks/{CommentsSidebar-DXXGWSr4.js → CommentsSidebar-B-UyhIZN.js} +2 -2
- package/dist/cdn/chunks/{CommentsSidebar-DXXGWSr4.js.map → CommentsSidebar-B-UyhIZN.js.map} +1 -1
- package/dist/cdn/chunks/{CountdownToolbar-BD90NpY1.js → CountdownToolbar-DyOHOu44.js} +18 -18
- package/dist/cdn/chunks/{CountdownToolbar-BD90NpY1.js.map → CountdownToolbar-DyOHOu44.js.map} +1 -1
- package/dist/cdn/chunks/{DesignReferenceSidebar-DY-laxO5.js → DesignReferenceSidebar-BCCX1FtP.js} +3 -3
- package/dist/cdn/chunks/{DesignReferenceSidebar-DY-laxO5.js.map → DesignReferenceSidebar-BCCX1FtP.js.map} +1 -1
- package/dist/cdn/chunks/{NumberWithSuffix-DOG0zHvY.js → FieldRow-CbcpsxZ4.js} +24 -17
- package/dist/cdn/chunks/FieldRow-CbcpsxZ4.js.map +1 -0
- package/dist/cdn/chunks/{IssuesPanel-iC2hgrXx.js → IssuesPanel-3vD3ImHF.js} +2 -2
- package/dist/cdn/chunks/{IssuesPanel-iC2hgrXx.js.map → IssuesPanel-3vD3ImHF.js.map} +1 -1
- package/dist/cdn/chunks/{MergeTagModeToggle-BRW3qErZ.js → MergeTagModeToggle-BU0SDRow.js} +3 -3
- package/dist/cdn/chunks/{MergeTagModeToggle-BRW3qErZ.js.map → MergeTagModeToggle-BU0SDRow.js.map} +1 -1
- package/dist/cdn/chunks/{MergeTagSuggestion-VP_nC-8W.js → MergeTagSuggestion-B9vL0VaG.js} +2 -2
- package/dist/cdn/chunks/{MergeTagSuggestion-VP_nC-8W.js.map → MergeTagSuggestion-B9vL0VaG.js.map} +1 -1
- package/dist/cdn/chunks/{ParagraphEditor-CPVnO48U.js → ParagraphEditor-CSwIuvoF.js} +22 -22
- package/dist/cdn/chunks/{ParagraphEditor-CPVnO48U.js.map → ParagraphEditor-CSwIuvoF.js.map} +1 -1
- package/dist/cdn/chunks/{RestoreVersionDialog--Blx-VKu.js → RestoreVersionDialog-Bvg2WvJN.js} +3 -3
- package/dist/cdn/chunks/{RestoreVersionDialog--Blx-VKu.js.map → RestoreVersionDialog-Bvg2WvJN.js.map} +1 -1
- package/dist/cdn/chunks/{RichTextEditorContent-DpvOKKH-.js → RichTextEditorContent-DdkmEEpK.js} +3 -3
- package/dist/cdn/chunks/{RichTextEditorContent-DpvOKKH-.js.map → RichTextEditorContent-DdkmEEpK.js.map} +1 -1
- package/dist/cdn/chunks/{SaveBlockDialog-DXQ2g_38.js → SaveBlockDialog-D-QO3LuR.js} +5 -5
- package/dist/cdn/chunks/{SaveBlockDialog-DXQ2g_38.js.map → SaveBlockDialog-D-QO3LuR.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksBrowserModal-DWBvVkuk.js → SavedBlocksBrowserModal-BRdN56r7.js} +6 -6
- package/dist/cdn/chunks/{SavedBlocksBrowserModal-DWBvVkuk.js.map → SavedBlocksBrowserModal-BRdN56r7.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksPanels-GgdpiPUq.js → SavedBlocksPanels-D9GTlLgb.js} +2 -2
- package/dist/cdn/chunks/{SavedBlocksPanels-GgdpiPUq.js.map → SavedBlocksPanels-D9GTlLgb.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksPickBar-Dyb5xi1B.js → SavedBlocksPickBar-DSRcUeIo.js} +3 -3
- package/dist/cdn/chunks/{SavedBlocksPickBar-Dyb5xi1B.js.map → SavedBlocksPickBar-DSRcUeIo.js.map} +1 -1
- package/dist/cdn/chunks/{TemplateScoringPanel-B0YcaJsR.js → TemplateScoringPanel-Dy5oOVhB.js} +2 -2
- package/dist/cdn/chunks/{TemplateScoringPanel-B0YcaJsR.js.map → TemplateScoringPanel-Dy5oOVhB.js.map} +1 -1
- package/dist/cdn/chunks/{TestEmailModal-B9SmAIKZ.js → TestEmailModal-B4L2lmIV.js} +7 -7
- package/dist/cdn/chunks/{TestEmailModal-B9SmAIKZ.js.map → TestEmailModal-B4L2lmIV.js.map} +1 -1
- package/dist/cdn/chunks/{TestEmailPanel-Q6alElB1.js → TestEmailPanel-cTPgEf-D.js} +2 -2
- package/dist/cdn/chunks/{TestEmailPanel-Q6alElB1.js.map → TestEmailPanel-cTPgEf-D.js.map} +1 -1
- package/dist/cdn/chunks/{TitleEditor-Tudoac5f.js → TitleEditor-BKjL2Zs1.js} +8 -8
- package/dist/cdn/chunks/{TitleEditor-Tudoac5f.js.map → TitleEditor-BKjL2Zs1.js.map} +1 -1
- package/dist/cdn/chunks/{TplModal-BNJIFnyj.js → TplModal-DxrgNmt9.js} +2 -2
- package/dist/cdn/chunks/{TplModal-BNJIFnyj.js.map → TplModal-DxrgNmt9.js.map} +1 -1
- package/dist/cdn/chunks/{VersionHistoryMenu-DJGcA_RX.js → VersionHistoryMenu-CMqZFUHE.js} +2 -2
- package/dist/cdn/chunks/{VersionHistoryMenu-DJGcA_RX.js.map → VersionHistoryMenu-CMqZFUHE.js.map} +1 -1
- package/dist/cdn/chunks/{VersionHistoryPanels-Crw5JA89.js → VersionHistoryPanels-CxIFBJsz.js} +2 -2
- package/dist/cdn/chunks/{VersionHistoryPanels-Crw5JA89.js.map → VersionHistoryPanels-CxIFBJsz.js.map} +1 -1
- package/dist/cdn/chunks/{VersionPreviewBanner-C8pfES5A.js → VersionPreviewBanner-CdsZvVYF.js} +2 -2
- package/dist/cdn/chunks/{VersionPreviewBanner-C8pfES5A.js.map → VersionPreviewBanner-CdsZvVYF.js.map} +1 -1
- package/dist/cdn/chunks/{blockTypeIcons-JUwZtKaq.js → blockTypeIcons-DXPd_hd1.js} +2 -2
- package/dist/cdn/chunks/{blockTypeIcons-JUwZtKaq.js.map → blockTypeIcons-DXPd_hd1.js.map} +1 -1
- package/dist/cdn/chunks/{ca-DY0AYOLG.js → ca-DZSrLNXK.js} +3 -1
- package/dist/cdn/chunks/ca-DZSrLNXK.js.map +1 -0
- package/dist/cdn/chunks/{cloud-C29LPXYn.js → cloud-CITqEHEc.js} +2 -2
- package/dist/cdn/chunks/{cloud-C29LPXYn.js.map → cloud-CITqEHEc.js.map} +1 -1
- package/dist/cdn/chunks/{createCloudRuntime-C6MJN7M6.js → createCloudRuntime-DwIXvrb0.js} +4 -4
- package/dist/cdn/chunks/{createCloudRuntime-C6MJN7M6.js.map → createCloudRuntime-DwIXvrb0.js.map} +1 -1
- package/dist/{de-CYLWugqb.js → cdn/chunks/de-DbayqpK-.js} +4 -0
- package/dist/cdn/chunks/{de-CYLWugqb.js.map → de-DbayqpK-.js.map} +1 -1
- package/dist/cdn/chunks/en-BzFt4b80.js +2 -0
- package/dist/cdn/chunks/{en-C3TM249M.js → en-l0ib5X0f.js} +3 -1
- package/dist/cdn/chunks/en-l0ib5X0f.js.map +1 -0
- package/dist/cdn/chunks/{es-D1SF4nCR.js → es-CMQ-5PJP.js} +3 -1
- package/dist/cdn/chunks/es-CMQ-5PJP.js.map +1 -0
- package/dist/cdn/chunks/{extensions-BQefRevf.js → extensions-C87Z6_23.js} +5 -5
- package/dist/cdn/chunks/{extensions-BQefRevf.js.map → extensions-C87Z6_23.js.map} +1 -1
- package/dist/{fr-CdLhJ7kw.js → cdn/chunks/fr-DNXmZWAq.js} +4 -0
- package/dist/cdn/chunks/fr-DNXmZWAq.js.map +1 -0
- package/dist/cdn/chunks/{icons-BTdLXRXn.js → icons-ciivb5BS.js} +10 -10
- package/dist/cdn/chunks/{icons-BTdLXRXn.js.map → icons-ciivb5BS.js.map} +1 -1
- package/dist/{nl-BvsLoyKp.js → cdn/chunks/nl-BylRRHYJ.js} +4 -0
- package/dist/cdn/chunks/nl-BylRRHYJ.js.map +1 -0
- package/dist/cdn/chunks/{preRenderCustomBlocks-CbA3RcAy.js → preRenderCustomBlocks-DyCIgmqJ.js} +2 -2
- package/dist/cdn/chunks/{preRenderCustomBlocks-CbA3RcAy.js.map → preRenderCustomBlocks-DyCIgmqJ.js.map} +1 -1
- package/dist/cdn/chunks/{pt-BR-CAGS5YXp.js → pt-BR-BVoJhpie.js} +3 -1
- package/dist/cdn/chunks/pt-BR-BVoJhpie.js.map +1 -0
- package/dist/cdn/chunks/{src-Cx70q30o.js → src-6J-yyZoD.js} +2 -2
- package/dist/cdn/chunks/{src-Cx70q30o.js.map → src-6J-yyZoD.js.map} +1 -1
- package/dist/cdn/chunks/{src-B_QJduQD.js → src-BD60gqPW.js} +72 -67
- package/dist/cdn/chunks/src-BD60gqPW.js.map +1 -0
- package/dist/cdn/chunks/{src-fxaI2EQc.js → src-Bid3cmHa.js} +4 -4
- package/dist/cdn/chunks/{src-fxaI2EQc.js.map → src-Bid3cmHa.js.map} +1 -1
- package/dist/cdn/chunks/{src-CjSrA_o4.js → src-Cf0ohOog.js} +166 -136
- package/dist/cdn/chunks/src-Cf0ohOog.js.map +1 -0
- package/dist/cdn/chunks/{tiptap-Bqy-H6CT.js → tiptap-Ey0FpaX7.js} +1710 -1700
- package/dist/cdn/chunks/tiptap-Ey0FpaX7.js.map +1 -0
- package/dist/cdn/chunks/{useEditorCore-o2emEjgF.js → useEditorCore-CTNB2Mkl.js} +351 -356
- package/dist/cdn/chunks/{useEditorCore-o2emEjgF.js.map → useEditorCore-CTNB2Mkl.js.map} +1 -1
- package/dist/cdn/chunks/{useMergeTag-BWt1DQS1.js → useMergeTag-lWo7So18.js} +2 -2
- package/dist/cdn/chunks/{useMergeTag-BWt1DQS1.js.map → useMergeTag-lWo7So18.js.map} +1 -1
- package/dist/cdn/editor.css +1 -1
- package/dist/cdn/editor.js +943 -911
- package/dist/cdn/editor.js.map +1 -1
- package/dist/{check-CTe6VejT.js → check-80E6ZGin.js} +1 -1
- package/dist/{chevron-down-BBThVMu-.js → chevron-down-BmkLsn2c.js} +1 -1
- package/dist/{chevron-up-iECwf-Bc.js → chevron-up-DJSAzlUU.js} +1 -1
- package/dist/{circle-alert-Z_eeykrO.js → circle-alert-BsCfZryY.js} +1 -1
- package/dist/{clock-CEj1c29j.js → clock-BcLIngSK.js} +1 -1
- package/dist/{cloud-CHHQWdaR.js → cloud-DwJ8ebNl.js} +1 -1
- package/dist/{createCloudRuntime-WwKt9mgb.js → createCloudRuntime-CdXQdl34.js} +2 -2
- package/dist/{createLucideIcon-DphAT3tw.js → createLucideIcon-eeetEgBb.js} +2 -2
- package/dist/{cdn/chunks/de-CYLWugqb.js → de-DbayqpK-.js} +2 -2
- package/dist/{dist-nmzPlqlz.js → dist-BC1y_U2m.js} +151 -141
- package/dist/{dist-gWM8H2hz.js → dist-BFcAowKZ.js} +2 -2
- package/dist/dist-BQqIUwvB.js +5 -0
- package/dist/{dist-DLaIQ5H5.js → dist-BkAVGSRr.js} +6 -6
- package/dist/{dist-BfcqryVg.js → dist-CQ9T1yi-.js} +2 -2
- package/dist/{dist-CaR5TLiM.js → dist-CWC5t5J3.js} +2 -2
- package/dist/{dist-D2P8U3p6.js → dist-Cd0LvUlh.js} +2 -2
- package/dist/{dist-DSgmnQ-f.js → dist-CvW1nNzy.js} +2 -2
- package/dist/{dist-B1kLn1rs.js → dist-CzVIVbSa.js} +90 -85
- package/dist/{dist-9fjN9cuD.js → dist-D8MekYFl.js} +2 -2
- package/dist/{dist-DifptC-U.js → dist-Do83S47T.js} +2 -2
- package/dist/{dist-BdIwIlKz.js → dist-prgdllHG.js} +2 -2
- package/dist/dist-waDcdb1l.js +5 -0
- package/dist/{en-C3TM249M.js → en-l0ib5X0f.js} +2 -0
- package/dist/{es-D1SF4nCR.js → es-CMQ-5PJP.js} +2 -0
- package/dist/{extensions-B4gwZ36u.js → extensions-BYImwYeO.js} +15 -15
- package/dist/{cdn/chunks/fr-CdLhJ7kw.js → fr-DNXmZWAq.js} +2 -2
- package/dist/{image-up-W1INxCu8.js → image-up-BfxY85ar.js} +1 -1
- package/dist/{info-5t4WYKfh.js → info-LX4QFBr6.js} +1 -1
- package/dist/{loader-circle-DJCZ_JMY.js → loader-circle-Bwima0v8.js} +1 -1
- package/dist/{message-circle-Biu6lHh_.js → message-circle-Box-mf2k.js} +1 -1
- package/dist/{cdn/chunks/nl-BvsLoyKp.js → nl-BylRRHYJ.js} +2 -2
- package/dist/{pencil-DkPlMca7.js → pencil-BM9gSq_J.js} +1 -1
- package/dist/{preRenderCustomBlocks-BebjKtmw.js → preRenderCustomBlocks-2KyBJocY.js} +1 -1
- package/dist/{pt-BR-CAGS5YXp.js → pt-BR-BVoJhpie.js} +2 -0
- package/dist/{refresh-cw-DHbpkkol.js → refresh-cw-BuzFX0wH.js} +1 -1
- package/dist/{scan-line-DojwGzjU.js → scan-line-Duq1WXoG.js} +1 -1
- package/dist/{send-c6ppcE9I.js → send-DZ4nOnIA.js} +1 -1
- package/dist/{shield-check-F9T4ylNK.js → shield-check-Cz4BRYdv.js} +1 -1
- package/dist/{sparkles-D-0OiTZD.js → sparkles-DP8RqOeL.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/templatical-editor.js +986 -954
- package/dist/{text-align-start-kEEtoRrD.js → text-align-start-D7tXhjUP.js} +1 -1
- package/dist/{trash-2-DRQzhY9R.js → trash-2-BS7lZeyb.js} +1 -1
- package/dist/{triangle-alert-Bt4-GU3t.js → triangle-alert-Cx4mQGjx.js} +1 -1
- package/dist/{upload-D2wtjvH8.js → upload-L8tLVM10.js} +1 -1
- package/dist/{useEditorCore-CJp84vJY.js → useEditorCore-CtR46sbJ.js} +868 -873
- package/dist/{useMergeTag-D1Rsn4BO.js → useMergeTag-Cx36rtrt.js} +3 -3
- package/dist/{useScrollToBlock-B0Qpjfa4.js → useScrollToBlock-tndC8vKo.js} +1 -1
- package/dist/{x-YiG-TUGN.js → x-ChIQ7HwK.js} +1 -1
- package/package.json +22 -22
- package/dist/cdn/chunks/NumberWithSuffix-DOG0zHvY.js.map +0 -1
- package/dist/cdn/chunks/ca-DY0AYOLG.js.map +0 -1
- package/dist/cdn/chunks/en-C3TM249M.js.map +0 -1
- package/dist/cdn/chunks/en-DIwntrh3.js +0 -2
- package/dist/cdn/chunks/es-D1SF4nCR.js.map +0 -1
- package/dist/cdn/chunks/fr-CdLhJ7kw.js.map +0 -1
- package/dist/cdn/chunks/nl-BvsLoyKp.js.map +0 -1
- package/dist/cdn/chunks/pt-BR-CAGS5YXp.js.map +0 -1
- package/dist/cdn/chunks/src-B_QJduQD.js.map +0 -1
- package/dist/cdn/chunks/src-CjSrA_o4.js.map +0 -1
- package/dist/cdn/chunks/tiptap-Bqy-H6CT.js.map +0 -1
- package/dist/dist-CzMzshfS.js +0 -5
- package/dist/dist-DTVuNn8M.js +0 -5
package/dist/cdn/editor.js
CHANGED
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
import { B as e, E as t, F as n, H as r, I as i, K as a, M as o, N as s, P as c, Q as l, R as u, S as d, U as f, X as p, Y as m, _ as h, at as g, b as _, c as v, ct as y, f as b, g as x, h as S, j as C, k as w, l as T, lt as E, m as D, n as O, o as
|
|
2
|
-
import { H as z, L as B, R as V, S as H, T as U, a as W, b as G, c as te, d as ne, h as re, i as K, l as ie,
|
|
3
|
-
import { B as
|
|
4
|
-
import { _ as
|
|
5
|
-
import { a as
|
|
6
|
-
import { B as
|
|
1
|
+
import { B as e, E as t, F as n, H as r, I as i, K as a, M as o, N as s, P as c, Q as l, R as u, S as d, U as f, X as p, Y as m, _ as h, at as g, b as _, c as v, ct as y, f as b, g as x, h as S, j as C, k as w, l as T, lt as E, m as D, n as O, o as k, p as A, q as j, r as M, s as N, t as ee, u as P, ut as F, w as I, x as L, y as R } from "./chunks/draggable-D2vo-aQI.js";
|
|
2
|
+
import { H as z, L as B, R as V, S as H, T as U, a as W, b as G, c as te, d as ne, h as re, i as K, l as ie, nt as ae, o as oe, r as se, x as ce } from "./chunks/src-BD60gqPW.js";
|
|
3
|
+
import { B as le, C as ue, D as de, F as fe, I as pe, L as me, N as he, O as ge, P as _e, R as ve, _ as ye, a as be, b as xe, c as Se, d as Ce, f as we, g as Te, h as Ee, i as De, j as Oe, k as ke, l as Ae, m as je, n as Me, o as Ne, p as Pe, r as Fe, s as Ie, t as Le, v as Re, w as ze, y as Be } from "./chunks/useEditorCore-CTNB2Mkl.js";
|
|
4
|
+
import { _ as Ve, d as He, g as Ue } from "./chunks/dist-CgR3inPR.js";
|
|
5
|
+
import { a as We } from "./chunks/dist-El3fQnfk.js";
|
|
6
|
+
import { B as Ge, D as Ke, F as qe, H as Je, L as Ye, N as Xe, O as Ze, U as Qe, V as $e, W as et, _ as tt, c as nt, d as rt, f as it, h as at, j as ot, k as st, m as ct, n as lt, o as ut, p as dt, r as ft, s as pt, u as mt, w as ht, z as gt } from "./chunks/keys-BJ770Mwm.js";
|
|
7
7
|
import { t as q } from "./chunks/useI18n-DIhawILp.js";
|
|
8
|
-
import { t as
|
|
9
|
-
import { a as
|
|
10
|
-
import { $ as
|
|
11
|
-
import { t as
|
|
12
|
-
import { t as
|
|
13
|
-
import { t as
|
|
14
|
-
import { t as
|
|
15
|
-
import { t as
|
|
16
|
-
import { C as
|
|
17
|
-
import { n as
|
|
18
|
-
import { t as
|
|
19
|
-
import { t as
|
|
20
|
-
import { t as
|
|
21
|
-
import { t as Q } from "./chunks/ColorPicker-
|
|
22
|
-
import { n as
|
|
23
|
-
import { i as
|
|
24
|
-
import { n as Pn, t as Fn } from "./chunks/MergeTagModeToggle-
|
|
8
|
+
import { t as _t } from "./chunks/logger-ByvdoAwq.js";
|
|
9
|
+
import { a as vt, n as yt } from "./chunks/usePopoverPosition-DkiTLnBm.js";
|
|
10
|
+
import { $ as bt, At as xt, D as St, E as Ct, Et as wt, F as Tt, I as Et, It as Dt, Lt as Ot, M as kt, Mt as At, N as jt, Ot as Mt, P as Nt, Q as Pt, Rt as Ft, T as It, Tt as Lt, U as Rt, Y as zt, _ as Bt, _t as Vt, b as Ht, d as Ut, dt as Wt, et as Gt, ft as Kt, g as qt, it as Jt, j as Yt, lt as Xt, m as Zt, n as Qt, nt as $t, pt as en, q as tn, rt as nn, s as rn, st as an, tt as on, w as sn, wt as cn, z as ln } from "./chunks/icons-ciivb5BS.js";
|
|
11
|
+
import { t as un } from "./chunks/_plugin-vue_export-helper-B3ysoDQm.js";
|
|
12
|
+
import { t as dn } from "./chunks/useCloudI18n-D0AoLV0a.js";
|
|
13
|
+
import { t as fn } from "./chunks/useMergeTag-lWo7So18.js";
|
|
14
|
+
import { t as pn } from "./chunks/useAliveFlag-DrXxPV8V.js";
|
|
15
|
+
import { t as mn } from "./chunks/preRenderCustomBlocks-DyCIgmqJ.js";
|
|
16
|
+
import { C as hn, S as gn, _ as _n, b as vn, c as yn, g as J, h as Y, l as bn, m as X, p as Z, r as xn, t as Sn, y as Cn } from "./chunks/styleConstants-C_YAPdQS.js";
|
|
17
|
+
import { n as wn, t as Tn } from "./chunks/emailFrameWidth-BmFCN2dp.js";
|
|
18
|
+
import { t as En } from "./chunks/readableTextColor-f8Kykfnh.js";
|
|
19
|
+
import { t as Dn } from "./chunks/blockTypeIcons-DXPd_hd1.js";
|
|
20
|
+
import { t as On } from "./chunks/useScrollToBlock-KcSAuXKz.js";
|
|
21
|
+
import { t as Q } from "./chunks/ColorPicker-C-ZiwUV3.js";
|
|
22
|
+
import { n as kn, r as An } from "./chunks/MergeTagSuggestion-B9vL0VaG.js";
|
|
23
|
+
import { i as $, n as jn, r as Mn, t as Nn } from "./chunks/FieldRow-CbcpsxZ4.js";
|
|
24
|
+
import { n as Pn, t as Fn } from "./chunks/MergeTagModeToggle-BU0SDRow.js";
|
|
25
25
|
import { t as In } from "./chunks/formatRelativeTime-CtUU-QZ8.js";
|
|
26
|
-
import { t as Ln } from "./chunks/TplModal-
|
|
26
|
+
import { t as Ln } from "./chunks/TplModal-DxrgNmt9.js";
|
|
27
27
|
//#region src/composables/useCommentsFeature.ts
|
|
28
28
|
function Rn(t) {
|
|
29
|
-
let { provider: n, editor: r } = t, i =
|
|
29
|
+
let { provider: n, editor: r } = t, i = _e({
|
|
30
30
|
provider: n,
|
|
31
31
|
getTemplateId: () => r.state.template?.id ?? null,
|
|
32
32
|
getUser: () => t.user ?? null,
|
|
33
33
|
onError: t.onError
|
|
34
34
|
});
|
|
35
|
-
|
|
35
|
+
he({
|
|
36
36
|
comments: i,
|
|
37
37
|
provider: n,
|
|
38
38
|
getTemplateId: () => r.state.template?.id ?? null
|
|
@@ -86,7 +86,7 @@ function Rn(t) {
|
|
|
86
86
|
//#endregion
|
|
87
87
|
//#region src/composables/useSavedBlocksFeature.ts
|
|
88
88
|
function zn(t) {
|
|
89
|
-
let { provider: n, editor: r } = t, i =
|
|
89
|
+
let { provider: n, editor: r } = t, i = me({
|
|
90
90
|
provider: n,
|
|
91
91
|
onError: t.onError
|
|
92
92
|
}), a = l(!1), o = l(!1), s = l(!1), u = l(/* @__PURE__ */ new Set()), d = b(() => s.value), f = b(() => u.value.size);
|
|
@@ -121,7 +121,7 @@ function zn(t) {
|
|
|
121
121
|
}
|
|
122
122
|
function S(e, t) {
|
|
123
123
|
for (let n = 0; n < e.content.length; n++) {
|
|
124
|
-
let i =
|
|
124
|
+
let i = ce(e.content[n]), a = t === void 0 ? void 0 : t + n;
|
|
125
125
|
r.addBlock(i, void 0, void 0, a);
|
|
126
126
|
}
|
|
127
127
|
o.value = !1;
|
|
@@ -130,7 +130,7 @@ function zn(t) {
|
|
|
130
130
|
i.load().catch(() => {});
|
|
131
131
|
}
|
|
132
132
|
let w = b(() => i.savedBlocks.value.length), T = b(() => t.isAvailable?.() ?? !0);
|
|
133
|
-
return c(
|
|
133
|
+
return c(Ye, i), {
|
|
134
134
|
headless: i,
|
|
135
135
|
isPicking: d,
|
|
136
136
|
pickedIds: u,
|
|
@@ -169,7 +169,7 @@ function zn(t) {
|
|
|
169
169
|
//#region src/composables/useTemplatesFeature.ts
|
|
170
170
|
var Bn = 3e3;
|
|
171
171
|
function Vn(e) {
|
|
172
|
-
let { provider: t, editor: n } = e, r = l("idle"), i = l(""), { start: a, stop: o } =
|
|
172
|
+
let { provider: t, editor: n } = e, r = l("idle"), i = l(""), { start: a, stop: o } = Ve(() => {
|
|
173
173
|
r.value = "idle";
|
|
174
174
|
}, Bn, { immediate: !1 }), s = b(() => typeof t.create == "function"), c = b(() => typeof t.save == "function"), u = b(() => e.isAvailable?.() ?? !0), d = b(() => n.state.template?.name), f = b(() => {
|
|
175
175
|
let e = n.state.template;
|
|
@@ -243,7 +243,7 @@ function Vn(e) {
|
|
|
243
243
|
let t = e.trim();
|
|
244
244
|
t && t !== n.state.template?.name && (n.setName(t), w("rename"));
|
|
245
245
|
}
|
|
246
|
-
return e.guardUnsavedChanges !== !1 &&
|
|
246
|
+
return e.guardUnsavedChanges !== !1 && We(window, "beforeunload", (e) => {
|
|
247
247
|
n.state.isDirty && (e.preventDefault(), e.returnValue = "");
|
|
248
248
|
}), {
|
|
249
249
|
save: _,
|
|
@@ -280,7 +280,7 @@ function Vn(e) {
|
|
|
280
280
|
//#region src/utils/toMjml.ts
|
|
281
281
|
async function Hn() {
|
|
282
282
|
try {
|
|
283
|
-
return await import("./chunks/src-
|
|
283
|
+
return await import("./chunks/src-Cf0ohOog.js");
|
|
284
284
|
} catch {
|
|
285
285
|
return null;
|
|
286
286
|
}
|
|
@@ -327,7 +327,7 @@ function Kn(e) {
|
|
|
327
327
|
return await e.renderMjml();
|
|
328
328
|
} catch (e) {
|
|
329
329
|
if (await Hn() === null) {
|
|
330
|
-
s || (s = !0,
|
|
330
|
+
s || (s = !0, _t.warn("testEmail.includeMjml is set but @templatical/renderer is not installed — sending the template as JSON only. Install it to receive `payload.mjml`."));
|
|
331
331
|
return;
|
|
332
332
|
}
|
|
333
333
|
throw e;
|
|
@@ -386,7 +386,7 @@ function Kn(e) {
|
|
|
386
386
|
//#endregion
|
|
387
387
|
//#region src/composables/useVersionHistoryFeature.ts
|
|
388
388
|
function qn(e) {
|
|
389
|
-
let { provider: t, editor: n, history: r, conditionPreview: i, autoSave: a } = e, o =
|
|
389
|
+
let { provider: t, editor: n, history: r, conditionPreview: i, autoSave: a } = e, o = fe({
|
|
390
390
|
provider: t,
|
|
391
391
|
getTemplateId: () => n.state.template?.id ?? null,
|
|
392
392
|
onError: e.onError
|
|
@@ -420,7 +420,7 @@ function qn(e) {
|
|
|
420
420
|
u.value = !0;
|
|
421
421
|
return;
|
|
422
422
|
}
|
|
423
|
-
await
|
|
423
|
+
await j();
|
|
424
424
|
}
|
|
425
425
|
}
|
|
426
426
|
async function O() {
|
|
@@ -437,29 +437,29 @@ function qn(e) {
|
|
|
437
437
|
} finally {
|
|
438
438
|
f || (d.value = !1);
|
|
439
439
|
}
|
|
440
|
-
f || await
|
|
440
|
+
f || await j();
|
|
441
441
|
}
|
|
442
442
|
}
|
|
443
|
-
async function
|
|
444
|
-
w.value || await
|
|
443
|
+
async function k() {
|
|
444
|
+
w.value || await j();
|
|
445
445
|
}
|
|
446
|
-
function
|
|
446
|
+
function A() {
|
|
447
447
|
u.value = !1;
|
|
448
448
|
}
|
|
449
|
-
async function
|
|
449
|
+
async function j() {
|
|
450
450
|
if (s.value) try {
|
|
451
451
|
let e = await o.restore(s.value.id);
|
|
452
|
-
if (f || (
|
|
452
|
+
if (f || (M(e.content), await o.load(), f)) return;
|
|
453
453
|
} catch (e) {
|
|
454
454
|
throw !f && c.value && n.setContent(c.value, !1), e;
|
|
455
455
|
} finally {
|
|
456
456
|
f || (s.value = null, c.value = null, u.value = !1, a?.resume());
|
|
457
457
|
}
|
|
458
458
|
}
|
|
459
|
-
function
|
|
459
|
+
function M(e) {
|
|
460
460
|
n.setContent(e, !1), r.clear(), i.reset();
|
|
461
461
|
}
|
|
462
|
-
function
|
|
462
|
+
function N() {
|
|
463
463
|
!s.value || !c.value || (n.setContent(c.value, !1), s.value = null, c.value = null, u.value = !1, a?.resume());
|
|
464
464
|
}
|
|
465
465
|
return {
|
|
@@ -480,10 +480,10 @@ function qn(e) {
|
|
|
480
480
|
navigate: E,
|
|
481
481
|
requestRestore: D,
|
|
482
482
|
saveAndRestore: O,
|
|
483
|
-
discardAndRestore:
|
|
484
|
-
cancelRestoreConfirm:
|
|
485
|
-
confirmRestore:
|
|
486
|
-
cancelPreview:
|
|
483
|
+
discardAndRestore: k,
|
|
484
|
+
cancelRestoreConfirm: A,
|
|
485
|
+
confirmRestore: j,
|
|
486
|
+
cancelPreview: N,
|
|
487
487
|
capability: {
|
|
488
488
|
refresh: T,
|
|
489
489
|
isPreviewing: S,
|
|
@@ -517,7 +517,7 @@ function Xn(e) {
|
|
|
517
517
|
}
|
|
518
518
|
async function Zn(e) {
|
|
519
519
|
let t = G(e.getContent());
|
|
520
|
-
return await
|
|
520
|
+
return await mn(t, { renderCustomBlock: e.renderCustomBlock }), {
|
|
521
521
|
content: t,
|
|
522
522
|
fonts: e.getFonts()
|
|
523
523
|
};
|
|
@@ -559,7 +559,7 @@ function er(e, t, n) {
|
|
|
559
559
|
}), o = a.exec(e);
|
|
560
560
|
}
|
|
561
561
|
};
|
|
562
|
-
return i(n.logic, "data-logic-merge-tag", (e) => W(e, n)), i(n.value, "data-merge-tag", (e) =>
|
|
562
|
+
return i(n.logic, "data-logic-merge-tag", (e) => W(e, n)), i(n.value, "data-merge-tag", (e) => oe(e, t)), r.sort((e, t) => e.start - t.start);
|
|
563
563
|
}
|
|
564
564
|
function tr(e) {
|
|
565
565
|
let t = e.createTreeWalker(e.body, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT, { acceptNode(e) {
|
|
@@ -671,7 +671,7 @@ var cr = ["aria-label"], lr = {
|
|
|
671
671
|
}, vr = { class: "tpl:relative" }, yr = {
|
|
672
672
|
class: "tpl:inline-flex tpl:size-3 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[8px] tpl:font-bold",
|
|
673
673
|
style: { "background-color": "color-mix(\n in srgb,\n var(--tpl-bg) 30%,\n transparent\n )" }
|
|
674
|
-
}, br = /*#__PURE__*/
|
|
674
|
+
}, br = /*#__PURE__*/ un(/* @__PURE__ */ d({
|
|
675
675
|
__name: "Canvas",
|
|
676
676
|
props: {
|
|
677
677
|
viewport: {},
|
|
@@ -688,22 +688,22 @@ var cr = ["aria-label"], lr = {
|
|
|
688
688
|
],
|
|
689
689
|
setup(e, { emit: i }) {
|
|
690
690
|
let a = {
|
|
691
|
-
section:
|
|
692
|
-
title:
|
|
693
|
-
paragraph:
|
|
694
|
-
image:
|
|
695
|
-
button:
|
|
696
|
-
divider:
|
|
697
|
-
spacer:
|
|
698
|
-
html:
|
|
699
|
-
social:
|
|
700
|
-
menu:
|
|
701
|
-
table:
|
|
702
|
-
video:
|
|
703
|
-
custom:
|
|
704
|
-
}, o = e, d = i, { t: p } = q(), { t: m } =
|
|
705
|
-
c(
|
|
706
|
-
let
|
|
691
|
+
section: Ie,
|
|
692
|
+
title: Se,
|
|
693
|
+
paragraph: Pe,
|
|
694
|
+
image: Ee,
|
|
695
|
+
button: ge,
|
|
696
|
+
divider: Re,
|
|
697
|
+
spacer: De,
|
|
698
|
+
html: ye,
|
|
699
|
+
social: be,
|
|
700
|
+
menu: je,
|
|
701
|
+
table: Fe,
|
|
702
|
+
video: Me,
|
|
703
|
+
custom: Be
|
|
704
|
+
}, o = e, d = i, { t: p } = q(), { t: m } = dn(), h = et(at, "Canvas"), v = t(rt, null), C = t(pt, null), w = t(nt, {}), T = t(Ze, null), O = t(qe, null);
|
|
705
|
+
c(Qe, b(() => o.previewMode && (T?.value ?? !1) && !O?.isConfigured));
|
|
706
|
+
let k = b(() => (w.plan?.hasFeature("ai_generation") ?? !1) && (w.ai?.isFeatureEnabled("chat") ?? !1)), j = b(() => (w.plan?.hasFeature("ai_generation") ?? !1) && (w.ai?.isFeatureEnabled("designToTemplate") ?? !1)), M = t(ft, null), I = b({
|
|
707
707
|
get: () => o.content.blocks,
|
|
708
708
|
set: (e) => {
|
|
709
709
|
h.setContent({
|
|
@@ -711,7 +711,7 @@ var cr = ["aria-label"], lr = {
|
|
|
711
711
|
blocks: e
|
|
712
712
|
});
|
|
713
713
|
}
|
|
714
|
-
}), L = b(() =>
|
|
714
|
+
}), L = b(() => wn(o.content.settings, o.viewport)), z = b(() => L.value + 192), B = b(() => Ce(o.content.settings)), V = b(() => I.value.length === 0 && !o.previewMode), H = l(0), U = b(() => V.value && H.value > 0);
|
|
715
715
|
function W() {
|
|
716
716
|
V.value && (H.value += 1);
|
|
717
717
|
}
|
|
@@ -725,7 +725,7 @@ var cr = ["aria-label"], lr = {
|
|
|
725
725
|
o.previewMode || w.savedBlocks?.isPicking.value || e.target === e.currentTarget && d("select-block", null);
|
|
726
726
|
}
|
|
727
727
|
function re(e) {
|
|
728
|
-
return
|
|
728
|
+
return we(e, C, a);
|
|
729
729
|
}
|
|
730
730
|
function K(e) {
|
|
731
731
|
return o.lockedBlocks?.get(e) ?? null;
|
|
@@ -754,36 +754,36 @@ var cr = ["aria-label"], lr = {
|
|
|
754
754
|
style: E({
|
|
755
755
|
width: `${z.value}px`,
|
|
756
756
|
boxShadow: e.darkMode ? "none" : "var(--tpl-shadow-xl)",
|
|
757
|
-
transition: g(
|
|
757
|
+
transition: g(Tn)
|
|
758
758
|
})
|
|
759
|
-
}, [
|
|
759
|
+
}, [A("div", {
|
|
760
760
|
class: "tpl-canvas-bg tpl:absolute tpl:inset-0 tpl:rounded-lg tpl:pointer-events-none",
|
|
761
761
|
style: E({
|
|
762
762
|
backgroundColor: e.content.settings.backgroundColor,
|
|
763
763
|
...e.darkMode ? { filter: "invert(1) hue-rotate(180deg)" } : {},
|
|
764
764
|
transition: "filter 300ms ease"
|
|
765
765
|
})
|
|
766
|
-
}, null, 4),
|
|
766
|
+
}, null, 4), A("div", {
|
|
767
767
|
"data-testid": "canvas-wrapper",
|
|
768
768
|
role: "region",
|
|
769
769
|
"aria-label": g(p).landmarks.canvas,
|
|
770
770
|
class: "tpl-canvas-wrapper tpl:relative",
|
|
771
771
|
style: E({
|
|
772
772
|
width: `${L.value}px`,
|
|
773
|
-
transition: g(
|
|
773
|
+
transition: g(Tn)
|
|
774
774
|
})
|
|
775
|
-
}, [
|
|
775
|
+
}, [A("div", {
|
|
776
776
|
class: y(["tpl-canvas tpl:relative tpl:rounded-lg", {
|
|
777
777
|
"tpl-canvas--dark-mode": e.darkMode,
|
|
778
778
|
"tpl-preview-mode": e.previewMode
|
|
779
779
|
}]),
|
|
780
780
|
style: E(B.value),
|
|
781
781
|
onClick: ne
|
|
782
|
-
}, [g(O)?.isInitialResolve.value ? (s(), x("div", lr, [
|
|
782
|
+
}, [g(O)?.isInitialResolve.value ? (s(), x("div", lr, [A("span", ur, F(g(p).previewResolution.resolving), 1), (s(), x(P, null, n(3, (e) => A("div", {
|
|
783
783
|
key: e,
|
|
784
784
|
"aria-hidden": "true",
|
|
785
785
|
class: "tpl-pulse tpl:h-16 tpl:rounded-md tpl:bg-[var(--tpl-bg-hover)]"
|
|
786
|
-
})), 64))])) : g(O)?.hasFailed.value ? (s(), x("p", dr, F(g(p).previewResolution.failed), 1)) : S("", !0), f(_(g(
|
|
786
|
+
})), 64))])) : g(O)?.hasFailed.value ? (s(), x("p", dr, F(g(p).previewResolution.failed), 1)) : S("", !0), f(_(g(ee), {
|
|
787
787
|
modelValue: I.value,
|
|
788
788
|
"onUpdate:modelValue": i[2] ||= (e) => I.value = e,
|
|
789
789
|
group: "blocks",
|
|
@@ -807,29 +807,29 @@ var cr = ["aria-label"], lr = {
|
|
|
807
807
|
onDrop: te
|
|
808
808
|
}, {
|
|
809
809
|
default: r(() => [V.value ? (s(), x("div", fr, [
|
|
810
|
-
|
|
810
|
+
A("div", pr, [_(g(It), {
|
|
811
811
|
size: 48,
|
|
812
812
|
"stroke-width": 1
|
|
813
813
|
})]),
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
814
|
+
A("p", mr, F(g(p).canvas.noBlocks), 1),
|
|
815
|
+
A("p", hr, F(g(p).canvas.dragHint), 1),
|
|
816
|
+
k.value && g(m) ? (s(), x("p", gr, [
|
|
817
817
|
R(F(g(p).canvas.aiHintChat) + " ", 1),
|
|
818
|
-
|
|
818
|
+
A("button", {
|
|
819
819
|
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)]",
|
|
820
820
|
onClick: i[0] ||= (e) => d("open-ai-chat")
|
|
821
|
-
}, [_(g(
|
|
821
|
+
}, [_(g(Ct), {
|
|
822
822
|
size: 14,
|
|
823
823
|
"stroke-width": 2
|
|
824
824
|
}), R(" " + F(g(m).aiMenu.aiAssistant), 1)]),
|
|
825
825
|
R(" " + F(g(p).canvas.aiHintChatSuffix), 1)
|
|
826
826
|
])) : S("", !0),
|
|
827
|
-
|
|
827
|
+
j.value && g(m) ? (s(), x("p", _r, [
|
|
828
828
|
R(F(g(p).canvas.aiHintDesign) + " ", 1),
|
|
829
|
-
|
|
829
|
+
A("button", {
|
|
830
830
|
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)]",
|
|
831
831
|
onClick: i[1] ||= (e) => d("open-design-reference")
|
|
832
|
-
}, [_(g(
|
|
832
|
+
}, [_(g(en), {
|
|
833
833
|
size: 14,
|
|
834
834
|
"stroke-width": 2
|
|
835
835
|
}), R(" " + F(g(m).aiMenu.designToTemplate), 1)]),
|
|
@@ -838,20 +838,20 @@ var cr = ["aria-label"], lr = {
|
|
|
838
838
|
])) : S("", !0), (s(!0), x(P, null, n(I.value, (t) => f((s(), x("div", {
|
|
839
839
|
key: t.id,
|
|
840
840
|
class: "tpl-block-item"
|
|
841
|
-
}, [
|
|
841
|
+
}, [A("div", vr, [K(t.id) ? (s(), x("div", {
|
|
842
842
|
key: 0,
|
|
843
843
|
class: "tpl-collab-lock tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[4] tpl:rounded-sm",
|
|
844
844
|
style: E({
|
|
845
845
|
outline: `2px solid ${K(t.id).color}`,
|
|
846
846
|
outlineOffset: "-1px"
|
|
847
847
|
})
|
|
848
|
-
}, [
|
|
848
|
+
}, [A("span", {
|
|
849
849
|
class: "tpl:absolute tpl:-top-0.5 tpl:left-1/2 tpl:z-[5] tpl:flex tpl:-translate-x-1/2 tpl:-translate-y-full tpl:items-center tpl:gap-1 tpl:rounded-full tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:whitespace-nowrap",
|
|
850
850
|
style: E({
|
|
851
851
|
backgroundColor: K(t.id).color,
|
|
852
|
-
color: g(
|
|
852
|
+
color: g(En)(K(t.id).color)
|
|
853
853
|
})
|
|
854
|
-
}, [
|
|
854
|
+
}, [A("span", yr, F(K(t.id).name.charAt(0)), 1), R(" " + F(K(t.id).name), 1)], 4)], 4)) : S("", !0), _(Ae, {
|
|
855
855
|
block: t,
|
|
856
856
|
"is-selected": !e.previewMode && !oe.value && e.selectedBlockId === t.id && !K(t.id),
|
|
857
857
|
picked: ae(t.id),
|
|
@@ -878,18 +878,18 @@ var cr = ["aria-label"], lr = {
|
|
|
878
878
|
"viewport",
|
|
879
879
|
"preview-mode",
|
|
880
880
|
"onSelect"
|
|
881
|
-
])])])), [[
|
|
881
|
+
])])])), [[N, g(M) === !1 || !g(v)?.isHidden(t.id)]])), 128))]),
|
|
882
882
|
_: 1
|
|
883
883
|
}, 8, [
|
|
884
884
|
"modelValue",
|
|
885
885
|
"disabled",
|
|
886
886
|
"class"
|
|
887
|
-
]), [[
|
|
887
|
+
]), [[N, !g(O)?.isInitialResolve.value]])], 6)], 12, cr)], 4));
|
|
888
888
|
}
|
|
889
889
|
}), [["__scopeId", "data-v-9bb8b409"]]), xr = d({
|
|
890
890
|
name: "CustomBlockStylesheets",
|
|
891
891
|
setup() {
|
|
892
|
-
let e = t(
|
|
892
|
+
let e = t(dt, null);
|
|
893
893
|
return () => e ? e.value.map((e, t) => I("style", {
|
|
894
894
|
key: t,
|
|
895
895
|
"data-tpl-custom-block-stylesheet": "",
|
|
@@ -953,7 +953,7 @@ var wr = ["aria-label"], Tr = {
|
|
|
953
953
|
}, jr = /* @__PURE__ */ d({
|
|
954
954
|
__name: "Sidebar",
|
|
955
955
|
setup(i) {
|
|
956
|
-
let { t: a, format: o } = q(), c = t(
|
|
956
|
+
let { t: a, format: o } = q(), c = t(it, []), d = t(Xe, void 0), f = t(ut, void 0), p = t(at, null), m = On(), h = t(nt, {}), v = b(() => h.savedBlocks?.isAvailable.value === !0), y = l(!1), C = l(!1), w = l(null);
|
|
957
957
|
function T() {
|
|
958
958
|
try {
|
|
959
959
|
return w.value?.querySelector(":focus-visible") != null;
|
|
@@ -964,16 +964,16 @@ var wr = ["aria-label"], Tr = {
|
|
|
964
964
|
function O() {
|
|
965
965
|
C.value || T() || (y.value = !1);
|
|
966
966
|
}
|
|
967
|
-
function
|
|
967
|
+
function k() {
|
|
968
968
|
C.value = !0;
|
|
969
969
|
}
|
|
970
|
-
function
|
|
970
|
+
function j() {
|
|
971
971
|
C.value = !1;
|
|
972
972
|
}
|
|
973
|
-
function
|
|
973
|
+
function M() {
|
|
974
974
|
C.value = !1, y.value = !1;
|
|
975
975
|
}
|
|
976
|
-
let
|
|
976
|
+
let N = [
|
|
977
977
|
"section",
|
|
978
978
|
"image",
|
|
979
979
|
"title",
|
|
@@ -987,13 +987,13 @@ var wr = ["aria-label"], Tr = {
|
|
|
987
987
|
"spacer",
|
|
988
988
|
"html"
|
|
989
989
|
], I = b(() => {
|
|
990
|
-
let e =
|
|
990
|
+
let e = N.map((e) => ({
|
|
991
991
|
type: e,
|
|
992
|
-
label:
|
|
992
|
+
label: Oe(e, a)
|
|
993
993
|
}));
|
|
994
994
|
return h.plan && e.splice(-1, 0, {
|
|
995
995
|
type: "countdown",
|
|
996
|
-
label:
|
|
996
|
+
label: Oe("countdown", a)
|
|
997
997
|
}), e;
|
|
998
998
|
}), L = b(() => c.map((e) => ({
|
|
999
999
|
type: `custom:${e.type}`,
|
|
@@ -1002,7 +1002,7 @@ var wr = ["aria-label"], Tr = {
|
|
|
1002
1002
|
icon: e.icon
|
|
1003
1003
|
}))), R = b(() => [...I.value, ...L.value]), z = b(() => Sr(R.value, d)), B = b(() => z.value.items), V = /* @__PURE__ */ new Set();
|
|
1004
1004
|
e(() => z.value.unknown, (e) => {
|
|
1005
|
-
for (let t of e) V.has(t) || (V.add(t),
|
|
1005
|
+
for (let t of e) V.has(t) || (V.add(t), _t.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.`));
|
|
1006
1006
|
}, { immediate: !0 });
|
|
1007
1007
|
function W(e) {
|
|
1008
1008
|
if (e.isCustom) {
|
|
@@ -1040,17 +1040,17 @@ var wr = ["aria-label"], Tr = {
|
|
|
1040
1040
|
onMouseleave: O,
|
|
1041
1041
|
onFocusin: t[2] ||= (e) => y.value = !0,
|
|
1042
1042
|
onFocusout: t[3] ||= (e) => y.value = !1
|
|
1043
|
-
}, [v.value ? (s(), x("div", Tr, [
|
|
1043
|
+
}, [v.value ? (s(), x("div", Tr, [A("button", {
|
|
1044
1044
|
type: "button",
|
|
1045
1045
|
"aria-label": g(a).sidebarNav.browseSavedBlocks,
|
|
1046
1046
|
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)]",
|
|
1047
1047
|
style: E({ justifyContent: y.value ? "flex-start" : "center" }),
|
|
1048
1048
|
onClick: t[0] ||= (e) => g(h).savedBlocks?.openBrowser()
|
|
1049
|
-
}, [_(g(
|
|
1049
|
+
}, [_(g(zt), {
|
|
1050
1050
|
size: 20,
|
|
1051
1051
|
"stroke-width": 1.5,
|
|
1052
1052
|
class: "tpl:shrink-0"
|
|
1053
|
-
}), y.value ? (s(), x("span", Dr, F(g(a).savedBlocks.title), 1)) : S("", !0)], 12, Er)])) : S("", !0), _(g(
|
|
1053
|
+
}), y.value ? (s(), x("span", Dr, F(g(a).savedBlocks.title), 1)) : S("", !0)], 12, Er)])) : S("", !0), _(g(ee), {
|
|
1054
1054
|
"model-value": B.value,
|
|
1055
1055
|
group: {
|
|
1056
1056
|
name: "blocks",
|
|
@@ -1062,9 +1062,9 @@ var wr = ["aria-label"], Tr = {
|
|
|
1062
1062
|
animation: 150,
|
|
1063
1063
|
"force-fallback": !0,
|
|
1064
1064
|
class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl:gap-0.5 tpl:overflow-y-auto tpl:p-1",
|
|
1065
|
-
onChoose:
|
|
1066
|
-
onUnchoose:
|
|
1067
|
-
onEnd:
|
|
1065
|
+
onChoose: k,
|
|
1066
|
+
onUnchoose: j,
|
|
1067
|
+
onEnd: M
|
|
1068
1068
|
}, {
|
|
1069
1069
|
default: r(() => [(s(!0), x(P, null, n(B.value, (e) => (s(), x("button", {
|
|
1070
1070
|
key: e.type,
|
|
@@ -1075,11 +1075,11 @@ var wr = ["aria-label"], Tr = {
|
|
|
1075
1075
|
style: E({ justifyContent: y.value ? "flex-start" : "center" }),
|
|
1076
1076
|
onClick: (t) => G(e),
|
|
1077
1077
|
onKeydown: (t) => te(t, e)
|
|
1078
|
-
}, [
|
|
1078
|
+
}, [A("div", kr, [g(Dn)[e.type] ? (s(), D(u(g(Dn)[e.type]), {
|
|
1079
1079
|
key: 0,
|
|
1080
1080
|
size: 20,
|
|
1081
1081
|
"stroke-width": 1.5
|
|
1082
|
-
})) : e.isCustom ? (s(), D(
|
|
1082
|
+
})) : e.isCustom ? (s(), D(de, {
|
|
1083
1083
|
key: 1,
|
|
1084
1084
|
icon: e.icon,
|
|
1085
1085
|
size: 20
|
|
@@ -1147,7 +1147,7 @@ var Ir = /* @__PURE__ */ new Set([
|
|
|
1147
1147
|
"End"
|
|
1148
1148
|
]);
|
|
1149
1149
|
function Lr(e) {
|
|
1150
|
-
let { elementRef: n, modelValue: r, emit: i, mergeTags: o, syntax: s, enabled: c, onInsert: l } = e, u = ie(s), d = te(s), f = c && u !== null && o.length > 0, p = t(
|
|
1150
|
+
let { elementRef: n, modelValue: r, emit: i, mergeTags: o, syntax: s, enabled: c, onInsert: l } = e, u = ie(s), d = te(s), f = c && u !== null && o.length > 0, p = t($e, null), h = (j(p) ? p.value : p)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", g = yt(), _ = kn(h, g), v = !1;
|
|
1151
1151
|
a() && m(() => {
|
|
1152
1152
|
v = !0, _.close();
|
|
1153
1153
|
});
|
|
@@ -1175,7 +1175,7 @@ function Lr(e) {
|
|
|
1175
1175
|
_.close();
|
|
1176
1176
|
return;
|
|
1177
1177
|
}
|
|
1178
|
-
let r =
|
|
1178
|
+
let r = An(o, t.query), i = () => Fr(e, t.triggerStart), a = (n) => b(e, t, n);
|
|
1179
1179
|
_.isOpen() ? _.update({
|
|
1180
1180
|
items: r,
|
|
1181
1181
|
getRect: i,
|
|
@@ -1201,7 +1201,7 @@ function Lr(e) {
|
|
|
1201
1201
|
//#endregion
|
|
1202
1202
|
//#region src/composables/useMergeTagField.ts
|
|
1203
1203
|
function Rr(e) {
|
|
1204
|
-
let { modelValue: t, emit: n, elementRef: r } = e, { mergeTags: i, canRequestMergeTag: o, isRequesting: s, isMergeTagValue: c, getMergeTagLabel: u, requestMergeTag: d, syntax: f, autocomplete: p } =
|
|
1204
|
+
let { modelValue: t, emit: n, elementRef: r } = e, { mergeTags: i, canRequestMergeTag: o, isRequesting: s, isMergeTagValue: c, getMergeTagLabel: u, requestMergeTag: d, syntax: f, autocomplete: p } = fn(), { canInsertLogicTag: h, isRequesting: g, requestLogicTag: _ } = ue(), v = l(!1), y = !1, x = !1;
|
|
1205
1205
|
a() && m(() => {
|
|
1206
1206
|
x = !0;
|
|
1207
1207
|
});
|
|
@@ -1256,23 +1256,23 @@ function Rr(e) {
|
|
|
1256
1256
|
function O(e) {
|
|
1257
1257
|
n(e.target.value), S.refresh();
|
|
1258
1258
|
}
|
|
1259
|
-
function
|
|
1259
|
+
function k(e) {
|
|
1260
1260
|
if (S.handleKeydown(e)) {
|
|
1261
1261
|
e.preventDefault();
|
|
1262
1262
|
return;
|
|
1263
1263
|
}
|
|
1264
1264
|
e.key === "Escape" && D();
|
|
1265
1265
|
}
|
|
1266
|
-
function
|
|
1266
|
+
function A() {
|
|
1267
1267
|
S.refresh();
|
|
1268
1268
|
}
|
|
1269
|
-
function
|
|
1269
|
+
function j() {
|
|
1270
1270
|
S.close(), D();
|
|
1271
1271
|
}
|
|
1272
|
-
function
|
|
1272
|
+
function M() {
|
|
1273
1273
|
n("");
|
|
1274
1274
|
}
|
|
1275
|
-
async function
|
|
1275
|
+
async function N() {
|
|
1276
1276
|
let e = v.value && r.value ? r.value.selectionStart ?? t().length : t().length;
|
|
1277
1277
|
y = !0;
|
|
1278
1278
|
let i;
|
|
@@ -1290,7 +1290,7 @@ function Rr(e) {
|
|
|
1290
1290
|
});
|
|
1291
1291
|
}
|
|
1292
1292
|
}
|
|
1293
|
-
async function
|
|
1293
|
+
async function ee() {
|
|
1294
1294
|
let e = r.value, i = e?.selectionStart ?? t().length, a = e?.selectionEnd ?? i;
|
|
1295
1295
|
y = !0;
|
|
1296
1296
|
let o;
|
|
@@ -1316,12 +1316,12 @@ function Rr(e) {
|
|
|
1316
1316
|
startEditing: E,
|
|
1317
1317
|
stopEditing: D,
|
|
1318
1318
|
handleInput: O,
|
|
1319
|
-
handleKeydown:
|
|
1320
|
-
handleClick:
|
|
1321
|
-
handleBlur:
|
|
1322
|
-
clearValue:
|
|
1323
|
-
insertMergeTag:
|
|
1324
|
-
insertLogicTag:
|
|
1319
|
+
handleKeydown: k,
|
|
1320
|
+
handleClick: A,
|
|
1321
|
+
handleBlur: j,
|
|
1322
|
+
clearValue: M,
|
|
1323
|
+
insertMergeTag: N,
|
|
1324
|
+
insertLogicTag: ee,
|
|
1325
1325
|
autocompleteAvailable: S.available
|
|
1326
1326
|
};
|
|
1327
1327
|
}
|
|
@@ -1367,13 +1367,13 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
1367
1367
|
border: "1.5px solid\n color-mix(in srgb, var(--tpl-primary) 50%, transparent)",
|
|
1368
1368
|
color: "var(--tpl-primary)"
|
|
1369
1369
|
}
|
|
1370
|
-
}, F(e.keyword), 9, Vr)) : (s(), x("span", Hr, F(e.value), 1))], 64))), 128)),
|
|
1370
|
+
}, F(e.keyword), 9, Vr)) : (s(), x("span", Hr, F(e.value), 1))], 64))), 128)), A("button", {
|
|
1371
1371
|
type: "button",
|
|
1372
1372
|
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",
|
|
1373
1373
|
"aria-label": g(i).mergeTag.remove,
|
|
1374
1374
|
title: g(i).mergeTag.remove,
|
|
1375
1375
|
onClick: o[0] ||= T((e) => r("clear"), ["stop"])
|
|
1376
|
-
}, [_(g(
|
|
1376
|
+
}, [_(g(Qt), {
|
|
1377
1377
|
size: 12,
|
|
1378
1378
|
"stroke-width": 2.5
|
|
1379
1379
|
})], 8, Ur)], 42, zr));
|
|
@@ -1396,7 +1396,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
1396
1396
|
disabled: e.disabled,
|
|
1397
1397
|
onMousedown: r[0] ||= T(() => {}, ["prevent"]),
|
|
1398
1398
|
onClick: r[1] ||= (e) => n.$emit("insert")
|
|
1399
|
-
}, [_(g(
|
|
1399
|
+
}, [_(g(Nt), {
|
|
1400
1400
|
size: 12,
|
|
1401
1401
|
"stroke-width": 2
|
|
1402
1402
|
}), R(" " + F(g(t).mergeTag.insertShort), 1)], 42, Gr));
|
|
@@ -1420,7 +1420,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
1420
1420
|
"data-testid": "field-insert-logic-button",
|
|
1421
1421
|
onMousedown: r[0] ||= T(() => {}, ["prevent"]),
|
|
1422
1422
|
onClick: r[1] ||= (e) => n.$emit("insert")
|
|
1423
|
-
}, [_(g(
|
|
1423
|
+
}, [_(g(Ft), {
|
|
1424
1424
|
size: 12,
|
|
1425
1425
|
"stroke-width": 2
|
|
1426
1426
|
}), R(" " + F(g(t).logicTag.insertShort), 1)], 42, Jr));
|
|
@@ -1466,7 +1466,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
1466
1466
|
key: 1,
|
|
1467
1467
|
disabled: g(f),
|
|
1468
1468
|
onInsert: g(E)
|
|
1469
|
-
}, null, 8, ["disabled", "onInsert"])) : S("", !0)])) : S("", !0)])) : (s(), x("div", $r, [
|
|
1469
|
+
}, null, 8, ["disabled", "onInsert"])) : S("", !0)])) : S("", !0)])) : (s(), x("div", $r, [A("textarea", {
|
|
1470
1470
|
ref_key: "textareaRef",
|
|
1471
1471
|
ref: i,
|
|
1472
1472
|
class: y(ni),
|
|
@@ -1495,7 +1495,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
1495
1495
|
props: { settings: {} },
|
|
1496
1496
|
emits: ["update"],
|
|
1497
1497
|
setup(e, { emit: t }) {
|
|
1498
|
-
let r = e, i = t, { t: a } = q(), o =
|
|
1498
|
+
let r = e, i = t, { t: a } = q(), o = et(tt, "TemplateSettings"), c = b(() => o.fonts.value), l = b(() => c.value.some((e) => e.value === r.settings.fontFamily) ? r.settings.fontFamily : o.defaultFont.value), u = [
|
|
1499
1499
|
{
|
|
1500
1500
|
value: 480,
|
|
1501
1501
|
label: "480px"
|
|
@@ -1513,14 +1513,14 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
1513
1513
|
label: "800px"
|
|
1514
1514
|
}
|
|
1515
1515
|
];
|
|
1516
|
-
return (t, r) => (s(), x("aside", ai, [
|
|
1517
|
-
|
|
1518
|
-
|
|
1516
|
+
return (t, r) => (s(), x("aside", ai, [A("div", oi, [
|
|
1517
|
+
A("div", { class: y(g(bn)) }, [
|
|
1518
|
+
A("div", si, [_(g(sn), {
|
|
1519
1519
|
class: "tpl:text-[var(--tpl-text-muted)]",
|
|
1520
1520
|
size: 14,
|
|
1521
1521
|
"stroke-width": 2
|
|
1522
|
-
}),
|
|
1523
|
-
|
|
1522
|
+
}), A("span", null, F(g(a).templateSettings.layout), 1)]),
|
|
1523
|
+
A("div", ci, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.widthPreset), 3), A("div", li, [(s(), x(P, null, n(u, (t) => A("button", {
|
|
1524
1524
|
key: t.value,
|
|
1525
1525
|
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)]",
|
|
1526
1526
|
style: E({
|
|
@@ -1530,43 +1530,43 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
1530
1530
|
}),
|
|
1531
1531
|
onClick: (e) => i("update", { width: t.value })
|
|
1532
1532
|
}, F(t.label), 13, ui)), 64))])]),
|
|
1533
|
-
|
|
1533
|
+
A("div", null, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.customWidth), 3), A("div", di, [A("input", {
|
|
1534
1534
|
type: "number",
|
|
1535
1535
|
class: y(g(X)),
|
|
1536
1536
|
value: e.settings.width,
|
|
1537
1537
|
min: "300",
|
|
1538
1538
|
max: "900",
|
|
1539
1539
|
onInput: r[0] ||= (e) => i("update", { width: Number(e.target.value) })
|
|
1540
|
-
}, null, 42, fi),
|
|
1540
|
+
}, null, 42, fi), A("span", { class: y(g(Y)) }, "px", 2)])])
|
|
1541
1541
|
], 2),
|
|
1542
|
-
|
|
1543
|
-
|
|
1542
|
+
A("div", { class: y(g(bn)) }, [
|
|
1543
|
+
A("div", pi, [_(g(xt), {
|
|
1544
1544
|
class: "tpl:text-[var(--tpl-text-muted)]",
|
|
1545
1545
|
size: 14,
|
|
1546
1546
|
"stroke-width": 2
|
|
1547
|
-
}),
|
|
1548
|
-
|
|
1547
|
+
}), A("span", null, F(g(a).templateSettings.appearance), 1)]),
|
|
1548
|
+
A("div", mi, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.backgroundColor), 3), _(Q, {
|
|
1549
1549
|
"model-value": e.settings.backgroundColor,
|
|
1550
|
-
placeholder: g(
|
|
1550
|
+
placeholder: g(Sn),
|
|
1551
1551
|
"onUpdate:modelValue": r[1] ||= (e) => i("update", { backgroundColor: e })
|
|
1552
1552
|
}, null, 8, ["model-value", "placeholder"])]),
|
|
1553
|
-
|
|
1553
|
+
A("div", hi, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.textColor), 3), _(Q, {
|
|
1554
1554
|
"model-value": e.settings.textColor ?? "",
|
|
1555
1555
|
"seed-color": "#1a1a1a",
|
|
1556
1556
|
"onUpdate:modelValue": r[2] ||= (e) => i("update", { textColor: e })
|
|
1557
1557
|
}, null, 8, ["model-value"])]),
|
|
1558
|
-
|
|
1558
|
+
A("div", gi, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.linkColor), 3), _(Q, {
|
|
1559
1559
|
"model-value": e.settings.linkColor ?? "",
|
|
1560
1560
|
"seed-color": "#0066cc",
|
|
1561
1561
|
"onUpdate:modelValue": r[3] ||= (e) => i("update", { linkColor: e || void 0 })
|
|
1562
1562
|
}, null, 8, ["model-value"])]),
|
|
1563
|
-
|
|
1563
|
+
A("div", _i, [_($, {
|
|
1564
1564
|
class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
|
|
1565
1565
|
"model-value": e.settings.linkUnderline,
|
|
1566
1566
|
label: g(a).templateSettings.linkUnderline,
|
|
1567
1567
|
"onUpdate:modelValue": r[4] ||= (e) => i("update", { linkUnderline: e })
|
|
1568
1568
|
}, null, 8, ["model-value", "label"])]),
|
|
1569
|
-
|
|
1569
|
+
A("div", null, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.fontFamily), 3), A("select", {
|
|
1570
1570
|
class: y(g(Z)),
|
|
1571
1571
|
value: l.value,
|
|
1572
1572
|
onChange: r[5] ||= (e) => i("update", { fontFamily: e.target.value })
|
|
@@ -1575,13 +1575,13 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
1575
1575
|
value: e.value
|
|
1576
1576
|
}, F(e.label), 9, yi))), 128))], 42, vi)])
|
|
1577
1577
|
], 2),
|
|
1578
|
-
|
|
1578
|
+
A("div", { class: y(g(bn)) }, [A("div", bi, [_(g(Vt), {
|
|
1579
1579
|
class: "tpl:text-[var(--tpl-text-muted)]",
|
|
1580
1580
|
size: 14,
|
|
1581
1581
|
"stroke-width": 2
|
|
1582
|
-
}),
|
|
1583
|
-
|
|
1584
|
-
|
|
1582
|
+
}), A("span", null, F(g(a).templateSettings.language), 1)]), A("div", null, [
|
|
1583
|
+
A("label", { class: y(g(J)) }, F(g(a).templateSettings.contentLocale), 3),
|
|
1584
|
+
A("input", {
|
|
1585
1585
|
type: "text",
|
|
1586
1586
|
class: y(g(Z)),
|
|
1587
1587
|
value: e.settings.locale ?? "",
|
|
@@ -1591,25 +1591,25 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
1591
1591
|
autocomplete: "off",
|
|
1592
1592
|
onInput: r[6] ||= (e) => i("update", { locale: e.target.value.trim() || void 0 })
|
|
1593
1593
|
}, null, 42, xi),
|
|
1594
|
-
|
|
1594
|
+
A("p", Si, F(g(a).templateSettings.contentLocaleHint), 1)
|
|
1595
1595
|
])], 2),
|
|
1596
|
-
|
|
1596
|
+
A("div", { class: y(g(bn)) }, [A("div", Ci, [_(g(cn), {
|
|
1597
1597
|
class: "tpl:text-[var(--tpl-text-muted)]",
|
|
1598
1598
|
size: 14,
|
|
1599
1599
|
"stroke-width": 2
|
|
1600
|
-
}),
|
|
1600
|
+
}), A("span", null, F(g(a).templateSettings.preheaderText), 1)]), A("div", null, [_(ii, {
|
|
1601
1601
|
"model-value": e.settings.preheaderText ?? "",
|
|
1602
1602
|
placeholder: g(a).templateSettings.preheaderTextPlaceholder,
|
|
1603
1603
|
rows: 2,
|
|
1604
1604
|
"onUpdate:modelValue": r[7] ||= (e) => i("update", { preheaderText: e.replace(/[\r\n]/g, " ") || void 0 })
|
|
1605
|
-
}, null, 8, ["model-value", "placeholder"]),
|
|
1606
|
-
|
|
1605
|
+
}, null, 8, ["model-value", "placeholder"]), A("div", wi, [A("span", Ti, F(g(a).templateSettings.preheaderTextHint), 1), A("span", Ei, F((e.settings.preheaderText ?? "").length) + "/" + F(Ni), 1)])])], 2),
|
|
1606
|
+
A("div", Di, [A("div", Oi, [_(g(Wt), {
|
|
1607
1607
|
size: 14,
|
|
1608
1608
|
"stroke-width": 2
|
|
1609
|
-
}),
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
|
|
1609
|
+
}), A("span", null, F(g(a).templateSettings.tips), 1)]), A("ul", ki, [
|
|
1610
|
+
A("li", Ai, F(g(a).templateSettings.tip1), 1),
|
|
1611
|
+
A("li", ji, F(g(a).templateSettings.tip2), 1),
|
|
1612
|
+
A("li", Mi, F(g(a).templateSettings.tip3), 1)
|
|
1613
1613
|
])])
|
|
1614
1614
|
])]));
|
|
1615
1615
|
}
|
|
@@ -1623,7 +1623,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
1623
1623
|
], zi = {
|
|
1624
1624
|
key: 0,
|
|
1625
1625
|
class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
|
|
1626
|
-
}, 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)]",
|
|
1626
|
+
}, 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__*/ un(/* @__PURE__ */ d({
|
|
1627
1627
|
__name: "MergeTagInput",
|
|
1628
1628
|
props: {
|
|
1629
1629
|
modelValue: {},
|
|
@@ -1660,7 +1660,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
1660
1660
|
key: 1,
|
|
1661
1661
|
disabled: g(f),
|
|
1662
1662
|
onInsert: g(E)
|
|
1663
|
-
}, null, 8, ["disabled", "onInsert"])) : S("", !0)])) : S("", !0)])) : (s(), x("div", Li, [
|
|
1663
|
+
}, null, 8, ["disabled", "onInsert"])) : S("", !0)])) : S("", !0)])) : (s(), x("div", Li, [A("input", {
|
|
1664
1664
|
ref_key: "inputRef",
|
|
1665
1665
|
ref: i,
|
|
1666
1666
|
type: e.type,
|
|
@@ -1681,10 +1681,10 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
1681
1681
|
onInsert: g(E)
|
|
1682
1682
|
}, null, 8, ["disabled", "onInsert"])) : S("", !0)])) : S("", !0)]));
|
|
1683
1683
|
}
|
|
1684
|
-
}), [["__scopeId", "data-v-c289916a"]]),
|
|
1684
|
+
}), [["__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 = {
|
|
1685
1685
|
key: 0,
|
|
1686
1686
|
class: "tpl:mt-2 tpl:flex tpl:items-stretch"
|
|
1687
|
-
},
|
|
1687
|
+
}, la = ["value"], ua = { class: "tpl:mb-3.5" }, da = 200, fa = /* @__PURE__ */ d({
|
|
1688
1688
|
__name: "ButtonToolbar",
|
|
1689
1689
|
props: {
|
|
1690
1690
|
block: {},
|
|
@@ -1702,7 +1702,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
1702
1702
|
return;
|
|
1703
1703
|
}
|
|
1704
1704
|
if (e === "custom") {
|
|
1705
|
-
c("width", typeof r.block.width == "number" ? r.block.width :
|
|
1705
|
+
c("width", typeof r.block.width == "number" ? r.block.width : da);
|
|
1706
1706
|
return;
|
|
1707
1707
|
}
|
|
1708
1708
|
c("width", void 0);
|
|
@@ -1712,28 +1712,28 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
1712
1712
|
!Number.isFinite(t) || t <= 0 || c("width", t);
|
|
1713
1713
|
}
|
|
1714
1714
|
return (t, r) => (s(), x(P, null, [
|
|
1715
|
-
|
|
1715
|
+
A("div", Hi, [A("label", { class: y(g(J)) }, F(g(a).button.fontFamily), 3), A("select", {
|
|
1716
1716
|
class: y(g(Z)),
|
|
1717
1717
|
value: e.block.fontFamily || "",
|
|
1718
1718
|
onChange: r[0] ||= (e) => c("fontFamily", e.target.value || void 0)
|
|
1719
|
-
}, [
|
|
1719
|
+
}, [A("option", Wi, F(g(a).button.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
|
|
1720
1720
|
key: e.value,
|
|
1721
1721
|
value: e.value
|
|
1722
|
-
}, F(e.label), 9,
|
|
1723
|
-
|
|
1722
|
+
}, F(e.label), 9, Gi))), 128))], 42, Ui)]),
|
|
1723
|
+
A("div", Ki, [A("label", { class: y(g(J)) }, F(g(a).button.text), 3), _(Vi, {
|
|
1724
1724
|
"model-value": e.block.text,
|
|
1725
1725
|
type: "text",
|
|
1726
1726
|
"onUpdate:modelValue": r[1] ||= (e) => c("text", e)
|
|
1727
1727
|
}, null, 8, ["model-value"])]),
|
|
1728
|
-
|
|
1729
|
-
|
|
1730
|
-
_(
|
|
1728
|
+
A("div", qi, [
|
|
1729
|
+
A("label", { class: y(g(J)) }, F(g(a).button.url), 3),
|
|
1730
|
+
_(Vi, {
|
|
1731
1731
|
"model-value": e.block.url,
|
|
1732
1732
|
type: "url",
|
|
1733
1733
|
placeholder: g(a).button.urlPlaceholder,
|
|
1734
1734
|
"onUpdate:modelValue": r[2] ||= (e) => c("url", e)
|
|
1735
1735
|
}, null, 8, ["model-value", "placeholder"]),
|
|
1736
|
-
e.block.url ? (s(), D(
|
|
1736
|
+
e.block.url ? (s(), D($, {
|
|
1737
1737
|
key: 0,
|
|
1738
1738
|
class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
|
|
1739
1739
|
"model-value": e.block.openInNewTab ?? !1,
|
|
@@ -1741,49 +1741,49 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
1741
1741
|
"onUpdate:modelValue": r[3] ||= (e) => c("openInNewTab", e)
|
|
1742
1742
|
}, null, 8, ["model-value", "label"])) : S("", !0)
|
|
1743
1743
|
]),
|
|
1744
|
-
|
|
1744
|
+
A("div", Ji, [A("label", { class: y(g(J)) }, F(g(a).button.background), 3), _(Q, {
|
|
1745
1745
|
"model-value": e.block.backgroundColor,
|
|
1746
1746
|
"onUpdate:modelValue": r[4] ||= (e) => c("backgroundColor", e)
|
|
1747
1747
|
}, null, 8, ["model-value"])]),
|
|
1748
|
-
|
|
1748
|
+
A("div", Yi, [A("label", { class: y(g(J)) }, F(g(a).button.textColor), 3), _(Q, {
|
|
1749
1749
|
"model-value": e.block.textColor,
|
|
1750
1750
|
"onUpdate:modelValue": r[5] ||= (e) => c("textColor", e)
|
|
1751
1751
|
}, null, 8, ["model-value"])]),
|
|
1752
|
-
|
|
1752
|
+
A("div", Xi, [A("div", Zi, [A("label", { class: y(g(J)) }, F(g(a).button.borderRadius), 3), A("div", Qi, [A("input", {
|
|
1753
1753
|
type: "number",
|
|
1754
1754
|
class: y(g(X)),
|
|
1755
1755
|
value: e.block.borderRadius,
|
|
1756
1756
|
min: "0",
|
|
1757
1757
|
max: "50",
|
|
1758
1758
|
onInput: r[6] ||= (e) => c("borderRadius", Number(e.target.value))
|
|
1759
|
-
}, null, 42,
|
|
1759
|
+
}, null, 42, $i), A("span", { class: y(g(Y)) }, "px", 2)])]), A("div", ea, [A("label", { class: y(g(J)) }, F(g(a).button.fontSize), 3), A("div", ta, [A("input", {
|
|
1760
1760
|
type: "number",
|
|
1761
1761
|
class: y(g(X)),
|
|
1762
1762
|
value: e.block.fontSize,
|
|
1763
1763
|
min: "10",
|
|
1764
1764
|
max: "36",
|
|
1765
1765
|
onInput: r[7] ||= (e) => c("fontSize", Number(e.target.value))
|
|
1766
|
-
}, null, 42,
|
|
1767
|
-
|
|
1768
|
-
|
|
1769
|
-
|
|
1766
|
+
}, null, 42, na), A("span", { class: y(g(Y)) }, "px", 2)])])]),
|
|
1767
|
+
A("div", ra, [
|
|
1768
|
+
A("label", { class: y(g(J)) }, F(g(a).button.width), 3),
|
|
1769
|
+
A("select", {
|
|
1770
1770
|
class: y(g(Z)),
|
|
1771
1771
|
value: o.value,
|
|
1772
1772
|
onChange: r[8] ||= (e) => l(e.target.value)
|
|
1773
1773
|
}, [
|
|
1774
|
-
|
|
1775
|
-
|
|
1776
|
-
|
|
1777
|
-
], 42,
|
|
1778
|
-
o.value === "custom" ? (s(), x("div",
|
|
1774
|
+
A("option", aa, F(g(a).button.widthAuto), 1),
|
|
1775
|
+
A("option", oa, F(g(a).button.fullWidth), 1),
|
|
1776
|
+
A("option", sa, F(g(a).button.widthCustom), 1)
|
|
1777
|
+
], 42, ia),
|
|
1778
|
+
o.value === "custom" ? (s(), x("div", ca, [A("input", {
|
|
1779
1779
|
type: "number",
|
|
1780
1780
|
class: y(g(X)),
|
|
1781
|
-
value: typeof e.block.width == "number" ? e.block.width :
|
|
1781
|
+
value: typeof e.block.width == "number" ? e.block.width : da,
|
|
1782
1782
|
min: "20",
|
|
1783
1783
|
onInput: r[9] ||= (e) => u(e.target.value)
|
|
1784
|
-
}, null, 42,
|
|
1784
|
+
}, null, 42, la), A("span", { class: y(g(Y)) }, "px", 2)])) : S("", !0)
|
|
1785
1785
|
]),
|
|
1786
|
-
|
|
1786
|
+
A("div", ua, [A("label", { class: y(g(J)) }, F(g(a).title.align), 3), _(Mn, {
|
|
1787
1787
|
options: [
|
|
1788
1788
|
{
|
|
1789
1789
|
value: "left",
|
|
@@ -1803,7 +1803,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
1803
1803
|
}, null, 8, ["options", "model-value"])])
|
|
1804
1804
|
], 64));
|
|
1805
1805
|
}
|
|
1806
|
-
}),
|
|
1806
|
+
}), 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__*/ un(/* @__PURE__ */ d({
|
|
1807
1807
|
__name: "SpacingControl",
|
|
1808
1808
|
props: {
|
|
1809
1809
|
modelValue: {},
|
|
@@ -1850,130 +1850,130 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
1850
1850
|
});
|
|
1851
1851
|
}
|
|
1852
1852
|
}
|
|
1853
|
-
return (e, n) => (s(), x("div",
|
|
1854
|
-
|
|
1855
|
-
|
|
1853
|
+
return (e, n) => (s(), x("div", pa, [A("label", ma, F(t.label), 1), A("div", ha, [
|
|
1854
|
+
A("div", ga, [
|
|
1855
|
+
A("button", {
|
|
1856
1856
|
"aria-label": g(a).spacingControl.decreaseTop,
|
|
1857
|
-
class: y([
|
|
1857
|
+
class: y([Pa, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
|
|
1858
1858
|
onClick: n[0] ||= (e) => u("top", -1)
|
|
1859
|
-
}, [_(g(
|
|
1859
|
+
}, [_(g(Gt), {
|
|
1860
1860
|
size: 12,
|
|
1861
1861
|
"stroke-width": 2
|
|
1862
|
-
})], 10,
|
|
1863
|
-
|
|
1862
|
+
})], 10, _a),
|
|
1863
|
+
A("input", {
|
|
1864
1864
|
type: "number",
|
|
1865
|
-
class: y(
|
|
1865
|
+
class: y(Fa),
|
|
1866
1866
|
value: t.modelValue.top,
|
|
1867
1867
|
"aria-label": g(a).spacingControl.top,
|
|
1868
1868
|
min: "0",
|
|
1869
1869
|
onInput: n[1] ||= (e) => d("top", Number(e.target.value))
|
|
1870
|
-
}, null, 40,
|
|
1871
|
-
|
|
1870
|
+
}, null, 40, va),
|
|
1871
|
+
A("button", {
|
|
1872
1872
|
"aria-label": g(a).spacingControl.increaseTop,
|
|
1873
|
-
class: y([
|
|
1873
|
+
class: y([Pa, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
|
|
1874
1874
|
onClick: n[2] ||= (e) => u("top", 1)
|
|
1875
|
-
}, [_(g(
|
|
1875
|
+
}, [_(g(Rt), {
|
|
1876
1876
|
size: 12,
|
|
1877
1877
|
"stroke-width": 2
|
|
1878
|
-
})], 10,
|
|
1878
|
+
})], 10, ya)
|
|
1879
1879
|
]),
|
|
1880
|
-
|
|
1881
|
-
|
|
1882
|
-
|
|
1880
|
+
A("div", ba, [
|
|
1881
|
+
A("div", xa, [
|
|
1882
|
+
A("button", {
|
|
1883
1883
|
"aria-label": g(a).spacingControl.decreaseLeft,
|
|
1884
|
-
class: y([
|
|
1884
|
+
class: y([Pa, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
|
|
1885
1885
|
onClick: n[3] ||= (e) => u("left", -1)
|
|
1886
|
-
}, [_(g(
|
|
1886
|
+
}, [_(g(Gt), {
|
|
1887
1887
|
size: 12,
|
|
1888
1888
|
"stroke-width": 2
|
|
1889
|
-
})], 10,
|
|
1890
|
-
|
|
1889
|
+
})], 10, Sa),
|
|
1890
|
+
A("input", {
|
|
1891
1891
|
type: "number",
|
|
1892
|
-
class: y(
|
|
1892
|
+
class: y(Fa),
|
|
1893
1893
|
value: t.modelValue.left,
|
|
1894
1894
|
"aria-label": g(a).spacingControl.left,
|
|
1895
1895
|
min: "0",
|
|
1896
1896
|
onInput: n[4] ||= (e) => d("left", Number(e.target.value))
|
|
1897
|
-
}, null, 40,
|
|
1898
|
-
|
|
1897
|
+
}, null, 40, Ca),
|
|
1898
|
+
A("button", {
|
|
1899
1899
|
"aria-label": g(a).spacingControl.increaseLeft,
|
|
1900
|
-
class: y([
|
|
1900
|
+
class: y([Pa, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
|
|
1901
1901
|
onClick: n[5] ||= (e) => u("left", 1)
|
|
1902
|
-
}, [_(g(
|
|
1902
|
+
}, [_(g(Rt), {
|
|
1903
1903
|
size: 12,
|
|
1904
1904
|
"stroke-width": 2
|
|
1905
|
-
})], 10,
|
|
1905
|
+
})], 10, wa)
|
|
1906
1906
|
]),
|
|
1907
|
-
|
|
1907
|
+
A("button", {
|
|
1908
1908
|
class: y(["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)]"]),
|
|
1909
1909
|
"aria-label": c.value ? g(a).spacingControl.unlock : g(a).spacingControl.lockAll,
|
|
1910
1910
|
title: c.value ? g(a).spacingControl.unlock : g(a).spacingControl.lockAll,
|
|
1911
1911
|
onClick: f
|
|
1912
|
-
}, [c.value ? (s(), D(g(
|
|
1912
|
+
}, [c.value ? (s(), D(g($t), {
|
|
1913
1913
|
key: 0,
|
|
1914
1914
|
size: 14,
|
|
1915
1915
|
"stroke-width": 2
|
|
1916
|
-
})) : (s(), D(g(
|
|
1916
|
+
})) : (s(), D(g(nn), {
|
|
1917
1917
|
key: 1,
|
|
1918
1918
|
size: 14,
|
|
1919
1919
|
"stroke-width": 2
|
|
1920
|
-
}))], 10,
|
|
1921
|
-
|
|
1922
|
-
|
|
1920
|
+
}))], 10, Ta),
|
|
1921
|
+
A("div", Ea, [
|
|
1922
|
+
A("button", {
|
|
1923
1923
|
"aria-label": g(a).spacingControl.decreaseRight,
|
|
1924
|
-
class: y([
|
|
1924
|
+
class: y([Pa, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
|
|
1925
1925
|
onClick: n[6] ||= (e) => u("right", -1)
|
|
1926
|
-
}, [_(g(
|
|
1926
|
+
}, [_(g(Gt), {
|
|
1927
1927
|
size: 12,
|
|
1928
1928
|
"stroke-width": 2
|
|
1929
|
-
})], 10,
|
|
1930
|
-
|
|
1929
|
+
})], 10, Da),
|
|
1930
|
+
A("input", {
|
|
1931
1931
|
type: "number",
|
|
1932
|
-
class: y(
|
|
1932
|
+
class: y(Fa),
|
|
1933
1933
|
value: t.modelValue.right,
|
|
1934
1934
|
"aria-label": g(a).spacingControl.right,
|
|
1935
1935
|
min: "0",
|
|
1936
1936
|
onInput: n[7] ||= (e) => d("right", Number(e.target.value))
|
|
1937
|
-
}, null, 40,
|
|
1938
|
-
|
|
1937
|
+
}, null, 40, Oa),
|
|
1938
|
+
A("button", {
|
|
1939
1939
|
"aria-label": g(a).spacingControl.increaseRight,
|
|
1940
|
-
class: y([
|
|
1940
|
+
class: y([Pa, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
|
|
1941
1941
|
onClick: n[8] ||= (e) => u("right", 1)
|
|
1942
|
-
}, [_(g(
|
|
1942
|
+
}, [_(g(Rt), {
|
|
1943
1943
|
size: 12,
|
|
1944
1944
|
"stroke-width": 2
|
|
1945
|
-
})], 10,
|
|
1945
|
+
})], 10, ka)
|
|
1946
1946
|
])
|
|
1947
1947
|
]),
|
|
1948
|
-
|
|
1949
|
-
|
|
1948
|
+
A("div", Aa, [
|
|
1949
|
+
A("button", {
|
|
1950
1950
|
"aria-label": g(a).spacingControl.decreaseBottom,
|
|
1951
|
-
class: y([
|
|
1951
|
+
class: y([Pa, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
|
|
1952
1952
|
onClick: n[9] ||= (e) => u("bottom", -1)
|
|
1953
|
-
}, [_(g(
|
|
1953
|
+
}, [_(g(Gt), {
|
|
1954
1954
|
size: 12,
|
|
1955
1955
|
"stroke-width": 2
|
|
1956
|
-
})], 10,
|
|
1957
|
-
|
|
1956
|
+
})], 10, ja),
|
|
1957
|
+
A("input", {
|
|
1958
1958
|
type: "number",
|
|
1959
|
-
class: y(
|
|
1959
|
+
class: y(Fa),
|
|
1960
1960
|
value: t.modelValue.bottom,
|
|
1961
1961
|
"aria-label": g(a).spacingControl.bottom,
|
|
1962
1962
|
min: "0",
|
|
1963
1963
|
onInput: n[10] ||= (e) => d("bottom", Number(e.target.value))
|
|
1964
|
-
}, null, 40,
|
|
1965
|
-
|
|
1964
|
+
}, null, 40, Ma),
|
|
1965
|
+
A("button", {
|
|
1966
1966
|
"aria-label": g(a).spacingControl.increaseBottom,
|
|
1967
|
-
class: y([
|
|
1967
|
+
class: y([Pa, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
|
|
1968
1968
|
onClick: n[11] ||= (e) => u("bottom", 1)
|
|
1969
|
-
}, [_(g(
|
|
1969
|
+
}, [_(g(Rt), {
|
|
1970
1970
|
size: 12,
|
|
1971
1971
|
"stroke-width": 2
|
|
1972
|
-
})], 10,
|
|
1972
|
+
})], 10, Na)
|
|
1973
1973
|
])
|
|
1974
1974
|
])]));
|
|
1975
1975
|
}
|
|
1976
|
-
}), [["__scopeId", "data-v-69591c1e"]]),
|
|
1976
|
+
}), [["__scopeId", "data-v-69591c1e"]]), La = ["data-testid"], Ra = { class: "tpl:mt-3" }, za = /* @__PURE__ */ d({
|
|
1977
1977
|
__name: "CollapsibleSection",
|
|
1978
1978
|
props: {
|
|
1979
1979
|
title: {},
|
|
@@ -1983,30 +1983,30 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
1983
1983
|
},
|
|
1984
1984
|
emits: ["toggle"],
|
|
1985
1985
|
setup(e) {
|
|
1986
|
-
return (t, n) => (s(), x("div", { class: y(["tpl:py-3", e.noBorder ? "" : "tpl:border-t tpl:border-[var(--tpl-border)]"]) }, [
|
|
1986
|
+
return (t, n) => (s(), x("div", { class: y(["tpl:py-3", e.noBorder ? "" : "tpl:border-t tpl:border-[var(--tpl-border)]"]) }, [A("button", {
|
|
1987
1987
|
type: "button",
|
|
1988
1988
|
"data-testid": e.headerTestId,
|
|
1989
1989
|
class: "tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-1.5 tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
|
|
1990
1990
|
onClick: n[0] ||= (e) => t.$emit("toggle")
|
|
1991
|
-
}, [_(g(
|
|
1991
|
+
}, [_(g(Dt), {
|
|
1992
1992
|
class: y(["tpl:transition-transform tpl:duration-200", e.open ? "tpl:rotate-0" : "tpl:-rotate-90"]),
|
|
1993
1993
|
size: 12,
|
|
1994
1994
|
"stroke-width": 2
|
|
1995
|
-
}, null, 8, ["class"]),
|
|
1995
|
+
}, null, 8, ["class"]), A("span", null, F(e.title), 1)], 8, La), f(A("div", Ra, [i(t.$slots, "default")], 512), [[N, e.open]])], 2));
|
|
1996
1996
|
}
|
|
1997
|
-
}),
|
|
1997
|
+
}), 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 = {
|
|
1998
1998
|
key: 0,
|
|
1999
1999
|
value: "__custom__"
|
|
2000
|
-
},
|
|
2000
|
+
}, Ya = {
|
|
2001
2001
|
key: 0,
|
|
2002
2002
|
class: "tpl:space-y-2"
|
|
2003
|
-
},
|
|
2003
|
+
}, 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 = {
|
|
2004
2004
|
key: 0,
|
|
2005
2005
|
class: "tpl:text-[11px] tpl:text-[var(--tpl-text-muted)]"
|
|
2006
|
-
},
|
|
2006
|
+
}, 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 = {
|
|
2007
2007
|
key: 0,
|
|
2008
2008
|
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)]"
|
|
2009
|
-
},
|
|
2009
|
+
}, io = /* @__PURE__ */ d({
|
|
2010
2010
|
__name: "CommonBlockSettings",
|
|
2011
2011
|
props: {
|
|
2012
2012
|
block: {},
|
|
@@ -2014,23 +2014,23 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2014
2014
|
},
|
|
2015
2015
|
emits: ["update"],
|
|
2016
2016
|
setup(i, { emit: a }) {
|
|
2017
|
-
let o = i, c = a, { t: d } = q(), m = t(
|
|
2017
|
+
let o = i, c = a, { t: d } = q(), m = t(ct, []), h = t(lt, !1), v = p(/* @__PURE__ */ new Set()), C = l(!1), w = l(""), T = l(""), E = [{
|
|
2018
2018
|
key: "desktop",
|
|
2019
|
-
icon:
|
|
2019
|
+
icon: bt,
|
|
2020
2020
|
labelKey: "showOnDesktop"
|
|
2021
2021
|
}, {
|
|
2022
2022
|
key: "mobile",
|
|
2023
|
-
icon:
|
|
2023
|
+
icon: St,
|
|
2024
2024
|
labelKey: "showOnMobile"
|
|
2025
2025
|
}];
|
|
2026
2026
|
function O(e) {
|
|
2027
2027
|
v.has(e) ? v.delete(e) : v.add(e);
|
|
2028
2028
|
}
|
|
2029
|
-
let
|
|
2030
|
-
function M() {
|
|
2031
|
-
C.value = !0, j.value && o.block.displayCondition ? (w.value = o.block.displayCondition.before, T.value = o.block.displayCondition.after ?? "") : (w.value = "", T.value = "");
|
|
2032
|
-
}
|
|
2029
|
+
let j = b(() => m.length > 0 || h), M = b(() => o.block.displayCondition ? !m.some((e) => e.label === o.block.displayCondition?.label) : !1);
|
|
2033
2030
|
function N() {
|
|
2031
|
+
C.value = !0, M.value && o.block.displayCondition ? (w.value = o.block.displayCondition.before, T.value = o.block.displayCondition.after ?? "") : (w.value = "", T.value = "");
|
|
2032
|
+
}
|
|
2033
|
+
function ee() {
|
|
2034
2034
|
w.value.trim() && (c("update", { displayCondition: {
|
|
2035
2035
|
label: d.blockSettings.customCondition,
|
|
2036
2036
|
before: w.value.trim(),
|
|
@@ -2042,7 +2042,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2042
2042
|
C.value = !1, w.value = "", T.value = "";
|
|
2043
2043
|
return;
|
|
2044
2044
|
}
|
|
2045
|
-
|
|
2045
|
+
M.value && (w.value = e.before, T.value = e.after ?? "");
|
|
2046
2046
|
}, { immediate: !0 });
|
|
2047
2047
|
let I = b(() => {
|
|
2048
2048
|
let e = {};
|
|
@@ -2069,13 +2069,13 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2069
2069
|
t[e] = !t[e], c("update", { visibility: t });
|
|
2070
2070
|
}
|
|
2071
2071
|
return (e, t) => (s(), x("div", { class: y(["tpl:flex tpl:flex-col", i.isFirstSection ? "" : "tpl:mt-4"]) }, [
|
|
2072
|
-
_(
|
|
2072
|
+
_(za, {
|
|
2073
2073
|
title: g(d).blockSettings.spacing,
|
|
2074
2074
|
open: v.has("spacing"),
|
|
2075
2075
|
"no-border": i.isFirstSection,
|
|
2076
2076
|
onToggle: t[1] ||= (e) => O("spacing")
|
|
2077
2077
|
}, {
|
|
2078
|
-
default: r(() => [_(
|
|
2078
|
+
default: r(() => [_(Ia, {
|
|
2079
2079
|
label: g(d).blockSettings.padding,
|
|
2080
2080
|
"model-value": i.block.styles.padding,
|
|
2081
2081
|
"onUpdate:modelValue": t[0] ||= (e) => L("padding", e)
|
|
@@ -2086,30 +2086,30 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2086
2086
|
"open",
|
|
2087
2087
|
"no-border"
|
|
2088
2088
|
]),
|
|
2089
|
-
_(
|
|
2089
|
+
_(za, {
|
|
2090
2090
|
title: g(d).blockSettings.background,
|
|
2091
2091
|
open: v.has("bg"),
|
|
2092
2092
|
onToggle: t[3] ||= (e) => O("bg")
|
|
2093
2093
|
}, {
|
|
2094
|
-
default: r(() => [
|
|
2094
|
+
default: r(() => [A("label", { class: y(g(J)) }, F(g(d).blockSettings.color), 3), _(Q, {
|
|
2095
2095
|
"model-value": i.block.styles.backgroundColor ?? "",
|
|
2096
2096
|
"onUpdate:modelValue": t[2] ||= (e) => L("backgroundColor", e)
|
|
2097
2097
|
}, null, 8, ["model-value"])]),
|
|
2098
2098
|
_: 1
|
|
2099
2099
|
}, 8, ["title", "open"]),
|
|
2100
|
-
_(
|
|
2100
|
+
_(za, {
|
|
2101
2101
|
title: g(d).blockSettings.display,
|
|
2102
2102
|
open: v.has("display"),
|
|
2103
2103
|
onToggle: t[4] ||= (e) => O("display")
|
|
2104
2104
|
}, {
|
|
2105
|
-
default: r(() => [
|
|
2105
|
+
default: r(() => [A("div", Ba, [(s(), x(P, null, n(E, (e) => _($, {
|
|
2106
2106
|
key: e.key,
|
|
2107
2107
|
class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
|
|
2108
2108
|
"model-value": z(e.key),
|
|
2109
2109
|
label: g(d).blockSettings[e.labelKey],
|
|
2110
2110
|
"onUpdate:modelValue": (t) => B(e.key)
|
|
2111
2111
|
}, {
|
|
2112
|
-
default: r(() => [
|
|
2112
|
+
default: r(() => [A("span", Va, [(s(), D(u(e.icon), {
|
|
2113
2113
|
size: 14,
|
|
2114
2114
|
"stroke-width": 1.5
|
|
2115
2115
|
})), R(" " + F(g(d).blockSettings[e.labelKey]), 1)])]),
|
|
@@ -2121,21 +2121,21 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2121
2121
|
])), 64))])]),
|
|
2122
2122
|
_: 1
|
|
2123
2123
|
}, 8, ["title", "open"]),
|
|
2124
|
-
|
|
2124
|
+
j.value ? (s(), D(za, {
|
|
2125
2125
|
key: 0,
|
|
2126
2126
|
"header-test-id": "display-condition-section",
|
|
2127
2127
|
title: g(d).blockSettings.displayCondition,
|
|
2128
2128
|
open: v.has("condition"),
|
|
2129
2129
|
onToggle: t[8] ||= (e) => O("condition")
|
|
2130
2130
|
}, {
|
|
2131
|
-
default: r(() => [
|
|
2131
|
+
default: r(() => [A("div", Ha, [A("select", {
|
|
2132
2132
|
"data-testid": "display-condition-select",
|
|
2133
2133
|
class: y(["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)]", i.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)]"]),
|
|
2134
|
-
value: C.value ||
|
|
2134
|
+
value: C.value || M.value ? "__custom__" : i.block.displayCondition?.label ?? "",
|
|
2135
2135
|
onChange: t[5] ||= (e) => {
|
|
2136
2136
|
let t = e.target.value;
|
|
2137
2137
|
if (t === "__custom__") {
|
|
2138
|
-
|
|
2138
|
+
N();
|
|
2139
2139
|
return;
|
|
2140
2140
|
}
|
|
2141
2141
|
if (C.value = !1, !t) {
|
|
@@ -2146,41 +2146,41 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2146
2146
|
n && c("update", { displayCondition: n });
|
|
2147
2147
|
}
|
|
2148
2148
|
}, [
|
|
2149
|
-
|
|
2149
|
+
A("option", Wa, F(g(d).blockSettings.noCondition), 1),
|
|
2150
2150
|
(s(!0), x(P, null, n(I.value, (e, t) => (s(), x(P, { key: t }, [t ? (s(), x("optgroup", {
|
|
2151
2151
|
key: 0,
|
|
2152
2152
|
label: String(t)
|
|
2153
2153
|
}, [(s(!0), x(P, null, n(e, (e) => (s(), x("option", {
|
|
2154
2154
|
key: e.label,
|
|
2155
2155
|
value: e.label
|
|
2156
|
-
}, F(e.label), 9,
|
|
2156
|
+
}, F(e.label), 9, Ka))), 128))], 8, Ga)) : (s(!0), x(P, { key: 1 }, n(e, (e) => (s(), x("option", {
|
|
2157
2157
|
key: e.label,
|
|
2158
2158
|
value: e.label
|
|
2159
|
-
}, F(e.label), 9,
|
|
2160
|
-
g(h) ? (s(), x("option",
|
|
2161
|
-
], 42,
|
|
2162
|
-
|
|
2159
|
+
}, F(e.label), 9, qa))), 128))], 64))), 128)),
|
|
2160
|
+
g(h) ? (s(), x("option", Ja, F(g(d).blockSettings.customCondition), 1)) : S("", !0)
|
|
2161
|
+
], 42, Ua), C.value || M.value ? (s(), x("div", Ya, [
|
|
2162
|
+
A("div", null, [A("label", Xa, F(g(d).blockSettings.customConditionBefore), 1), f(A("textarea", {
|
|
2163
2163
|
"onUpdate:modelValue": t[6] ||= (e) => w.value = e,
|
|
2164
2164
|
rows: "2",
|
|
2165
|
-
class: y(g(
|
|
2166
|
-
}, null, 2), [[
|
|
2167
|
-
|
|
2165
|
+
class: y(g(_n))
|
|
2166
|
+
}, null, 2), [[k, w.value]])]),
|
|
2167
|
+
A("div", null, [A("label", Za, F(g(d).blockSettings.customConditionAfter), 1), f(A("textarea", {
|
|
2168
2168
|
"onUpdate:modelValue": t[7] ||= (e) => T.value = e,
|
|
2169
2169
|
rows: "2",
|
|
2170
|
-
class: y(g(
|
|
2171
|
-
}, null, 2), [[
|
|
2172
|
-
|
|
2170
|
+
class: y(g(_n))
|
|
2171
|
+
}, null, 2), [[k, T.value]])]),
|
|
2172
|
+
A("div", Qa, [A("button", {
|
|
2173
2173
|
type: "button",
|
|
2174
2174
|
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",
|
|
2175
2175
|
disabled: !w.value.trim(),
|
|
2176
|
-
onClick:
|
|
2177
|
-
}, F(g(d).blockSettings.applyCondition), 9,
|
|
2178
|
-
])) : i.block.displayCondition && !
|
|
2176
|
+
onClick: ee
|
|
2177
|
+
}, F(g(d).blockSettings.applyCondition), 9, $a)])
|
|
2178
|
+
])) : i.block.displayCondition && !M.value ? (s(), x(P, { key: 1 }, [i.block.displayCondition.description ? (s(), x("p", eo, F(i.block.displayCondition.description), 1)) : S("", !0), A("div", to, [A("pre", no, F(i.block.displayCondition.before), 1), i.block.displayCondition.after ? (s(), x("pre", ro, F(i.block.displayCondition.after), 1)) : S("", !0)])], 64)) : S("", !0)])]),
|
|
2179
2179
|
_: 1
|
|
2180
2180
|
}, 8, ["title", "open"])) : S("", !0)
|
|
2181
2181
|
], 2));
|
|
2182
2182
|
}
|
|
2183
|
-
}),
|
|
2183
|
+
}), ao = ["title"], oo = /* @__PURE__ */ d({
|
|
2184
2184
|
__name: "BooleanField",
|
|
2185
2185
|
props: {
|
|
2186
2186
|
field: {},
|
|
@@ -2193,7 +2193,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2193
2193
|
return (t, a) => (s(), x("div", {
|
|
2194
2194
|
class: "tpl:mb-3.5",
|
|
2195
2195
|
title: e.readOnly ? g(i).customBlocks.dataSource.readOnlyTooltip : void 0
|
|
2196
|
-
}, [_(
|
|
2196
|
+
}, [_($, {
|
|
2197
2197
|
class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
|
|
2198
2198
|
"model-value": e.modelValue,
|
|
2199
2199
|
label: e.field.label,
|
|
@@ -2201,7 +2201,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2201
2201
|
disabled: e.readOnly,
|
|
2202
2202
|
"onUpdate:modelValue": a[0] ||= (e) => n("update:modelValue", e)
|
|
2203
2203
|
}, {
|
|
2204
|
-
default: r(() => [R(F(e.field.label) + " ", 1), e.readOnly ? (s(), D(g(
|
|
2204
|
+
default: r(() => [R(F(e.field.label) + " ", 1), e.readOnly ? (s(), D(g($t), {
|
|
2205
2205
|
key: 0,
|
|
2206
2206
|
size: 12,
|
|
2207
2207
|
class: "tpl:inline tpl:text-[var(--tpl-text-dim)]"
|
|
@@ -2212,9 +2212,9 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2212
2212
|
"label",
|
|
2213
2213
|
"required",
|
|
2214
2214
|
"disabled"
|
|
2215
|
-
])], 8,
|
|
2215
|
+
])], 8, ao));
|
|
2216
2216
|
}
|
|
2217
|
-
}),
|
|
2217
|
+
}), so = { class: "tpl:mb-3.5" }, co = ["title"], lo = { class: "tpl-sr-only" }, uo = ["title"], fo = { class: "tpl-sr-only" }, po = /* @__PURE__ */ d({
|
|
2218
2218
|
__name: "FieldWrapper",
|
|
2219
2219
|
props: {
|
|
2220
2220
|
label: {},
|
|
@@ -2223,24 +2223,24 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2223
2223
|
},
|
|
2224
2224
|
setup(e) {
|
|
2225
2225
|
let { t } = q();
|
|
2226
|
-
return (n, r) => (s(), x("div",
|
|
2226
|
+
return (n, r) => (s(), x("div", so, [A("label", { class: y(g(J)) }, [
|
|
2227
2227
|
R(F(e.label) + " ", 1),
|
|
2228
2228
|
e.readOnly ? (s(), x("span", {
|
|
2229
2229
|
key: 0,
|
|
2230
2230
|
title: g(t).customBlocks.dataSource.readOnlyTooltip
|
|
2231
|
-
}, [_(g(
|
|
2231
|
+
}, [_(g($t), {
|
|
2232
2232
|
size: 12,
|
|
2233
2233
|
class: "tpl:inline tpl:text-[var(--tpl-text-dim)]",
|
|
2234
2234
|
"aria-hidden": "true"
|
|
2235
|
-
}),
|
|
2235
|
+
}), A("span", lo, F(g(t).customBlocks.dataSource.readOnlyTooltip), 1)], 8, co)) : S("", !0),
|
|
2236
2236
|
e.required ? (s(), x("span", {
|
|
2237
2237
|
key: 1,
|
|
2238
2238
|
class: "tpl:text-[var(--tpl-danger)]",
|
|
2239
2239
|
title: g(t).customBlocks.fields.required
|
|
2240
|
-
}, [r[0] ||=
|
|
2240
|
+
}, [r[0] ||= A("span", { "aria-hidden": "true" }, "*", -1), A("span", fo, F(g(t).customBlocks.fields.required), 1)], 8, uo)) : S("", !0)
|
|
2241
2241
|
], 2), i(n.$slots, "default")]));
|
|
2242
2242
|
}
|
|
2243
|
-
}),
|
|
2243
|
+
}), mo = /* @__PURE__ */ d({
|
|
2244
2244
|
__name: "ColorField",
|
|
2245
2245
|
props: {
|
|
2246
2246
|
field: {},
|
|
@@ -2249,8 +2249,8 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2249
2249
|
},
|
|
2250
2250
|
emits: ["update:modelValue"],
|
|
2251
2251
|
setup(e, { emit: n }) {
|
|
2252
|
-
let i = e, a = n, { t: o } = q(), c = t(
|
|
2253
|
-
return (t, n) => (s(), D(
|
|
2252
|
+
let i = e, a = n, { t: o } = q(), c = t(mt, vt), l = b(() => ke(i.field, c));
|
|
2253
|
+
return (t, n) => (s(), D(po, {
|
|
2254
2254
|
label: e.field.label,
|
|
2255
2255
|
required: e.field.required,
|
|
2256
2256
|
"read-only": e.readOnly
|
|
@@ -2278,15 +2278,15 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2278
2278
|
"read-only"
|
|
2279
2279
|
]));
|
|
2280
2280
|
}
|
|
2281
|
-
}),
|
|
2281
|
+
}), ho = {
|
|
2282
2282
|
key: 0,
|
|
2283
2283
|
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)]",
|
|
2284
2284
|
style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 90%, transparent)" }
|
|
2285
|
-
},
|
|
2285
|
+
}, go = [
|
|
2286
2286
|
"value",
|
|
2287
2287
|
"placeholder",
|
|
2288
2288
|
"title"
|
|
2289
|
-
],
|
|
2289
|
+
], _o = ["value", "placeholder"], vo = /* @__PURE__ */ d({
|
|
2290
2290
|
__name: "ImageField",
|
|
2291
2291
|
props: {
|
|
2292
2292
|
field: {},
|
|
@@ -2295,7 +2295,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2295
2295
|
},
|
|
2296
2296
|
emits: ["update:modelValue"],
|
|
2297
2297
|
setup(e, { emit: n }) {
|
|
2298
|
-
let i = e, a = n, { t: o } = q(), c = t(
|
|
2298
|
+
let i = e, a = n, { t: o } = q(), c = t(ot, null), u = pn(), d = b(() => !!c);
|
|
2299
2299
|
async function f() {
|
|
2300
2300
|
let e = await c?.({ accept: ["images"] });
|
|
2301
2301
|
u.alive && e && a("update:modelValue", e.url);
|
|
@@ -2316,26 +2316,26 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2316
2316
|
}
|
|
2317
2317
|
}
|
|
2318
2318
|
}
|
|
2319
|
-
let { isOver: C } =
|
|
2319
|
+
let { isOver: C } = Te({
|
|
2320
2320
|
target: p,
|
|
2321
2321
|
enabled: h,
|
|
2322
2322
|
onFiles: v
|
|
2323
2323
|
});
|
|
2324
|
-
return (t, n) => (s(), D(
|
|
2324
|
+
return (t, n) => (s(), D(po, {
|
|
2325
2325
|
label: e.field.label,
|
|
2326
2326
|
required: e.field.required,
|
|
2327
2327
|
"read-only": e.readOnly
|
|
2328
2328
|
}, {
|
|
2329
|
-
default: r(() => [
|
|
2329
|
+
default: r(() => [A("div", {
|
|
2330
2330
|
ref_key: "dropZoneRef",
|
|
2331
2331
|
ref: p,
|
|
2332
2332
|
class: "tpl:relative"
|
|
2333
2333
|
}, [
|
|
2334
|
-
h.value && (g(C) || m.value) ? (s(), x("div",
|
|
2334
|
+
h.value && (g(C) || m.value) ? (s(), x("div", ho, [m.value ? (s(), x(P, { key: 0 }, [_(g(Jt), {
|
|
2335
2335
|
class: "tpl-spinner",
|
|
2336
2336
|
size: 18,
|
|
2337
2337
|
"stroke-width": 2
|
|
2338
|
-
}), R(" " + F(g(o).image.uploading), 1)], 64)) : (s(), x(P, { key: 1 }, [_(g(
|
|
2338
|
+
}), R(" " + F(g(o).image.uploading), 1)], 64)) : (s(), x(P, { key: 1 }, [_(g(rn), {
|
|
2339
2339
|
size: 18,
|
|
2340
2340
|
"stroke-width": 1.5
|
|
2341
2341
|
}), R(" " + F(g(o).image.dropToUpload), 1)], 64))])) : S("", !0),
|
|
@@ -2347,19 +2347,19 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2347
2347
|
placeholder: e.field.placeholder || "https://...",
|
|
2348
2348
|
disabled: "",
|
|
2349
2349
|
title: g(o).customBlocks.dataSource.readOnlyTooltip
|
|
2350
|
-
}, null, 10,
|
|
2350
|
+
}, null, 10, go)) : (s(), x("input", {
|
|
2351
2351
|
key: 2,
|
|
2352
2352
|
type: "url",
|
|
2353
2353
|
class: y(g(Z)),
|
|
2354
2354
|
value: e.modelValue,
|
|
2355
2355
|
placeholder: e.field.placeholder || "https://...",
|
|
2356
2356
|
onInput: n[0] ||= (e) => a("update:modelValue", e.target.value)
|
|
2357
|
-
}, null, 42,
|
|
2357
|
+
}, null, 42, _o)),
|
|
2358
2358
|
d.value && !e.readOnly ? (s(), x("button", {
|
|
2359
2359
|
key: 3,
|
|
2360
2360
|
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)]",
|
|
2361
2361
|
onClick: n[1] ||= (e) => f()
|
|
2362
|
-
}, [_(g(
|
|
2362
|
+
}, [_(g(Kt), {
|
|
2363
2363
|
size: 14,
|
|
2364
2364
|
"stroke-width": 1.5
|
|
2365
2365
|
}), R(" " + F(g(o).image.browseMedia), 1)])) : S("", !0)
|
|
@@ -2371,7 +2371,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2371
2371
|
"read-only"
|
|
2372
2372
|
]));
|
|
2373
2373
|
}
|
|
2374
|
-
}),
|
|
2374
|
+
}), yo = [
|
|
2375
2375
|
"value",
|
|
2376
2376
|
"placeholder",
|
|
2377
2377
|
"min",
|
|
@@ -2379,7 +2379,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2379
2379
|
"step",
|
|
2380
2380
|
"disabled",
|
|
2381
2381
|
"title"
|
|
2382
|
-
],
|
|
2382
|
+
], bo = /* @__PURE__ */ d({
|
|
2383
2383
|
__name: "NumberField",
|
|
2384
2384
|
props: {
|
|
2385
2385
|
field: {},
|
|
@@ -2389,12 +2389,12 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2389
2389
|
emits: ["update:modelValue"],
|
|
2390
2390
|
setup(e, { emit: t }) {
|
|
2391
2391
|
let n = t, { t: i } = q();
|
|
2392
|
-
return (t, a) => (s(), D(
|
|
2392
|
+
return (t, a) => (s(), D(po, {
|
|
2393
2393
|
label: e.field.label,
|
|
2394
2394
|
required: e.field.required,
|
|
2395
2395
|
"read-only": e.readOnly
|
|
2396
2396
|
}, {
|
|
2397
|
-
default: r(() => [
|
|
2397
|
+
default: r(() => [A("input", {
|
|
2398
2398
|
type: "number",
|
|
2399
2399
|
class: y([g(Z), e.readOnly && "tpl:opacity-60 tpl:cursor-not-allowed"]),
|
|
2400
2400
|
value: e.modelValue,
|
|
@@ -2405,7 +2405,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2405
2405
|
disabled: e.readOnly,
|
|
2406
2406
|
title: e.readOnly ? g(i).customBlocks.dataSource.readOnlyTooltip : void 0,
|
|
2407
2407
|
onInput: a[0] ||= (t) => !e.readOnly && n("update:modelValue", Number(t.target.value))
|
|
2408
|
-
}, null, 42,
|
|
2408
|
+
}, null, 42, yo)]),
|
|
2409
2409
|
_: 1
|
|
2410
2410
|
}, 8, [
|
|
2411
2411
|
"label",
|
|
@@ -2413,13 +2413,13 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2413
2413
|
"read-only"
|
|
2414
2414
|
]));
|
|
2415
2415
|
}
|
|
2416
|
-
}),
|
|
2416
|
+
}), 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 = {
|
|
2417
2417
|
key: 1,
|
|
2418
2418
|
class: "tpl:m-0 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
|
|
2419
|
-
},
|
|
2419
|
+
}, Eo = {
|
|
2420
2420
|
key: 2,
|
|
2421
2421
|
class: "tpl:m-0 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
|
|
2422
|
-
},
|
|
2422
|
+
}, Do = /* @__PURE__ */ d({
|
|
2423
2423
|
__name: "RepeatableField",
|
|
2424
2424
|
props: {
|
|
2425
2425
|
field: {},
|
|
@@ -2447,25 +2447,25 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2447
2447
|
} : r);
|
|
2448
2448
|
a("update:modelValue", r);
|
|
2449
2449
|
}
|
|
2450
|
-
return (t, i) => (s(), D(
|
|
2450
|
+
return (t, i) => (s(), D(po, {
|
|
2451
2451
|
label: e.field.label,
|
|
2452
2452
|
required: e.field.required,
|
|
2453
2453
|
"read-only": e.readOnly
|
|
2454
2454
|
}, {
|
|
2455
|
-
default: r(() => [
|
|
2455
|
+
default: r(() => [A("div", xo, [
|
|
2456
2456
|
(s(!0), x(P, null, n(l.value, (t, r) => (s(), x("div", {
|
|
2457
2457
|
key: `${e.field.key}-${r}`,
|
|
2458
2458
|
class: "tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-3"
|
|
2459
|
-
}, [
|
|
2459
|
+
}, [A("div", So, [A("span", Co, " #" + F(r + 1), 1), f.value && !e.readOnly ? (s(), x("button", {
|
|
2460
2460
|
key: 0,
|
|
2461
2461
|
type: "button",
|
|
2462
2462
|
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)]",
|
|
2463
2463
|
title: g(o).customBlocks.fields.removeItem,
|
|
2464
2464
|
onClick: (e) => m(r)
|
|
2465
|
-
}, [_(g(
|
|
2465
|
+
}, [_(g(Ut), {
|
|
2466
2466
|
size: 12,
|
|
2467
2467
|
"stroke-width": 2
|
|
2468
|
-
})], 8,
|
|
2468
|
+
})], 8, wo)) : S("", !0)]), (s(!0), x(P, null, n(e.field.fields, (n) => (s(), D(u(g(Io)(n.type)), {
|
|
2469
2469
|
key: n.key,
|
|
2470
2470
|
field: n,
|
|
2471
2471
|
"model-value": t[n.key],
|
|
@@ -2480,14 +2480,14 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2480
2480
|
d.value && !e.readOnly ? (s(), x("button", {
|
|
2481
2481
|
key: 0,
|
|
2482
2482
|
type: "button",
|
|
2483
|
-
class: y(g(
|
|
2483
|
+
class: y(g(yn)),
|
|
2484
2484
|
onClick: p
|
|
2485
|
-
}, [_(g(
|
|
2485
|
+
}, [_(g(Rt), {
|
|
2486
2486
|
size: 14,
|
|
2487
2487
|
"stroke-width": 2
|
|
2488
2488
|
}), R(" " + F(g(o).customBlocks.fields.addItem), 1)], 2)) : S("", !0),
|
|
2489
|
-
!d.value && !e.readOnly ? (s(), x("p",
|
|
2490
|
-
!f.value && !e.readOnly ? (s(), x("p",
|
|
2489
|
+
!d.value && !e.readOnly ? (s(), x("p", To, F(g(o).customBlocks.fields.maxItemsReached), 1)) : S("", !0),
|
|
2490
|
+
!f.value && !e.readOnly ? (s(), x("p", Eo, F(g(c)(g(o).customBlocks.fields.minItemsRequired, { count: e.field.minItems ?? 0 })), 1)) : S("", !0)
|
|
2491
2491
|
])]),
|
|
2492
2492
|
_: 1
|
|
2493
2493
|
}, 8, [
|
|
@@ -2496,11 +2496,11 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2496
2496
|
"read-only"
|
|
2497
2497
|
]));
|
|
2498
2498
|
}
|
|
2499
|
-
}),
|
|
2499
|
+
}), Oo = [
|
|
2500
2500
|
"value",
|
|
2501
2501
|
"disabled",
|
|
2502
2502
|
"title"
|
|
2503
|
-
],
|
|
2503
|
+
], ko = ["value"], Ao = /* @__PURE__ */ d({
|
|
2504
2504
|
__name: "SelectField",
|
|
2505
2505
|
props: {
|
|
2506
2506
|
field: {},
|
|
@@ -2510,12 +2510,12 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2510
2510
|
emits: ["update:modelValue"],
|
|
2511
2511
|
setup(e, { emit: t }) {
|
|
2512
2512
|
let i = t, { t: a } = q();
|
|
2513
|
-
return (t, o) => (s(), D(
|
|
2513
|
+
return (t, o) => (s(), D(po, {
|
|
2514
2514
|
label: e.field.label,
|
|
2515
2515
|
required: e.field.required,
|
|
2516
2516
|
"read-only": e.readOnly
|
|
2517
2517
|
}, {
|
|
2518
|
-
default: r(() => [
|
|
2518
|
+
default: r(() => [A("select", {
|
|
2519
2519
|
class: y([g(Z), e.readOnly && "tpl:opacity-60 tpl:cursor-not-allowed"]),
|
|
2520
2520
|
value: e.modelValue,
|
|
2521
2521
|
disabled: e.readOnly,
|
|
@@ -2524,7 +2524,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2524
2524
|
}, [(s(!0), x(P, null, n(e.field.options, (e) => (s(), x("option", {
|
|
2525
2525
|
key: e.value,
|
|
2526
2526
|
value: e.value
|
|
2527
|
-
}, F(e.label), 9,
|
|
2527
|
+
}, F(e.label), 9, ko))), 128))], 42, Oo)]),
|
|
2528
2528
|
_: 1
|
|
2529
2529
|
}, 8, [
|
|
2530
2530
|
"label",
|
|
@@ -2532,11 +2532,11 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2532
2532
|
"read-only"
|
|
2533
2533
|
]));
|
|
2534
2534
|
}
|
|
2535
|
-
}),
|
|
2535
|
+
}), jo = [
|
|
2536
2536
|
"value",
|
|
2537
2537
|
"placeholder",
|
|
2538
2538
|
"title"
|
|
2539
|
-
],
|
|
2539
|
+
], Mo = /* @__PURE__ */ d({
|
|
2540
2540
|
__name: "TextField",
|
|
2541
2541
|
props: {
|
|
2542
2542
|
field: {},
|
|
@@ -2546,7 +2546,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2546
2546
|
emits: ["update:modelValue"],
|
|
2547
2547
|
setup(e, { emit: t }) {
|
|
2548
2548
|
let n = t, { t: i } = q();
|
|
2549
|
-
return (t, a) => (s(), D(
|
|
2549
|
+
return (t, a) => (s(), D(po, {
|
|
2550
2550
|
label: e.field.label,
|
|
2551
2551
|
required: e.field.required,
|
|
2552
2552
|
"read-only": e.readOnly
|
|
@@ -2559,7 +2559,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2559
2559
|
placeholder: e.field.placeholder,
|
|
2560
2560
|
disabled: "",
|
|
2561
2561
|
title: g(i).customBlocks.dataSource.readOnlyTooltip
|
|
2562
|
-
}, null, 10,
|
|
2562
|
+
}, null, 10, jo)) : (s(), D(Vi, {
|
|
2563
2563
|
key: 1,
|
|
2564
2564
|
"model-value": e.modelValue,
|
|
2565
2565
|
placeholder: e.field.placeholder,
|
|
@@ -2572,12 +2572,12 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2572
2572
|
"read-only"
|
|
2573
2573
|
]));
|
|
2574
2574
|
}
|
|
2575
|
-
}),
|
|
2575
|
+
}), No = [
|
|
2576
2576
|
"value",
|
|
2577
2577
|
"placeholder",
|
|
2578
2578
|
"title"
|
|
2579
|
-
],
|
|
2580
|
-
text:
|
|
2579
|
+
], 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 = {
|
|
2580
|
+
text: Mo,
|
|
2581
2581
|
textarea: /* @__PURE__ */ d({
|
|
2582
2582
|
__name: "TextareaField",
|
|
2583
2583
|
props: {
|
|
@@ -2588,7 +2588,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2588
2588
|
emits: ["update:modelValue"],
|
|
2589
2589
|
setup(e, { emit: t }) {
|
|
2590
2590
|
let n = t, { t: i } = q();
|
|
2591
|
-
return (t, a) => (s(), D(
|
|
2591
|
+
return (t, a) => (s(), D(po, {
|
|
2592
2592
|
label: e.field.label,
|
|
2593
2593
|
required: e.field.required,
|
|
2594
2594
|
"read-only": e.readOnly
|
|
@@ -2600,8 +2600,8 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2600
2600
|
rows: "3",
|
|
2601
2601
|
disabled: "",
|
|
2602
2602
|
title: g(i).customBlocks.dataSource.readOnlyTooltip,
|
|
2603
|
-
class: y(
|
|
2604
|
-
}, null, 8,
|
|
2603
|
+
class: y(Po)
|
|
2604
|
+
}, null, 8, No)) : (s(), D(ii, {
|
|
2605
2605
|
key: 1,
|
|
2606
2606
|
"model-value": e.modelValue,
|
|
2607
2607
|
placeholder: e.field.placeholder,
|
|
@@ -2615,42 +2615,42 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
|
|
|
2615
2615
|
]));
|
|
2616
2616
|
}
|
|
2617
2617
|
}),
|
|
2618
|
-
image:
|
|
2619
|
-
color:
|
|
2620
|
-
number:
|
|
2621
|
-
select:
|
|
2622
|
-
boolean:
|
|
2623
|
-
repeatable:
|
|
2618
|
+
image: vo,
|
|
2619
|
+
color: mo,
|
|
2620
|
+
number: bo,
|
|
2621
|
+
select: Ao,
|
|
2622
|
+
boolean: oo,
|
|
2623
|
+
repeatable: Do
|
|
2624
2624
|
};
|
|
2625
|
-
function
|
|
2626
|
-
return
|
|
2625
|
+
function Io(e) {
|
|
2626
|
+
return Fo[e] ?? Mo;
|
|
2627
2627
|
}
|
|
2628
2628
|
//#endregion
|
|
2629
2629
|
//#region src/components/toolbar/CustomBlockToolbar.vue?vue&type=script&setup=true&lang.ts
|
|
2630
|
-
var
|
|
2630
|
+
var Lo = {
|
|
2631
2631
|
key: 0,
|
|
2632
2632
|
class: "tpl:p-4"
|
|
2633
|
-
},
|
|
2633
|
+
}, Ro = { class: "tpl:m-0 tpl:text-center tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, zo = { key: 1 }, Bo = {
|
|
2634
2634
|
key: 0,
|
|
2635
2635
|
class: "tpl:m-0 tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
|
|
2636
|
-
},
|
|
2636
|
+
}, Vo = {
|
|
2637
2637
|
key: 1,
|
|
2638
2638
|
class: "tpl:mb-4"
|
|
2639
|
-
},
|
|
2639
|
+
}, Ho = {
|
|
2640
2640
|
key: 1,
|
|
2641
2641
|
class: "tpl:flex tpl:h-[32px] tpl:items-center"
|
|
2642
|
-
},
|
|
2642
|
+
}, Uo = {
|
|
2643
2643
|
key: 0,
|
|
2644
2644
|
class: "tpl:w-full tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
|
|
2645
|
-
},
|
|
2645
|
+
}, Wo = {
|
|
2646
2646
|
key: 2,
|
|
2647
2647
|
class: "tpl:m-0 tpl:mt-2 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]"
|
|
2648
|
-
},
|
|
2648
|
+
}, Go = /* @__PURE__ */ d({
|
|
2649
2649
|
__name: "CustomBlockToolbar",
|
|
2650
2650
|
props: { block: {} },
|
|
2651
2651
|
emits: ["updateFieldValues", "updateDataSourceFetched"],
|
|
2652
2652
|
setup(e, { emit: r }) {
|
|
2653
|
-
let i = e, a = r, { t: o } = q(), c = t(
|
|
2653
|
+
let i = e, a = r, { t: o } = q(), c = t(it, []), l = b(() => c.find((e) => e.type === i.block.customType)), d = b(() => i.block), { isFetching: f, fetchError: p, fetch: m, hasDataSource: h, needsFetch: v } = ve({
|
|
2654
2654
|
definition: l,
|
|
2655
2655
|
block: d,
|
|
2656
2656
|
onUpdate: (e, t) => {
|
|
@@ -2666,23 +2666,23 @@ var Io = {
|
|
|
2666
2666
|
[e]: t
|
|
2667
2667
|
});
|
|
2668
2668
|
}
|
|
2669
|
-
return (t, r) => l.value ? (s(), x("div",
|
|
2670
|
-
l.value.description ? (s(), x("p",
|
|
2671
|
-
g(h) ? (s(), x("div",
|
|
2669
|
+
return (t, r) => l.value ? (s(), x("div", zo, [
|
|
2670
|
+
l.value.description ? (s(), x("p", Bo, F(l.value.description), 1)) : S("", !0),
|
|
2671
|
+
g(h) ? (s(), x("div", Vo, [g(v) && !g(f) ? (s(), x("button", {
|
|
2672
2672
|
key: 0,
|
|
2673
2673
|
type: "button",
|
|
2674
2674
|
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)]",
|
|
2675
2675
|
onClick: r[0] ||= (...e) => g(m) && g(m)(...e)
|
|
2676
|
-
}, F(l.value?.dataSource?.label || g(o).customBlocks.dataSource.fetchButton), 1)) : (s(), x("div",
|
|
2676
|
+
}, F(l.value?.dataSource?.label || g(o).customBlocks.dataSource.fetchButton), 1)) : (s(), x("div", Ho, [g(f) ? (s(), x("div", Uo, F(g(o).customBlocks.dataSource.fetching), 1)) : (s(), x("button", {
|
|
2677
2677
|
key: 1,
|
|
2678
2678
|
type: "button",
|
|
2679
2679
|
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)]",
|
|
2680
2680
|
onClick: r[1] ||= (...e) => g(m) && g(m)(...e)
|
|
2681
|
-
}, [_(g(
|
|
2681
|
+
}, [_(g(ln), { size: 12 }), R(" " + F(g(o).customBlocks.dataSource.changeButton), 1)]))])), g(p) ? (s(), x("p", Wo, [_(g(At), {
|
|
2682
2682
|
size: 14,
|
|
2683
2683
|
class: "tpl:shrink-0"
|
|
2684
2684
|
}), R(" " + F(g(o).customBlocks.dataSource.fetchError), 1)])) : S("", !0)])) : S("", !0),
|
|
2685
|
-
(s(!0), x(P, null, n(l.value.fields, (t) => (s(), D(u(g(
|
|
2685
|
+
(s(!0), x(P, null, n(l.value.fields, (t) => (s(), D(u(g(Io)(t.type)), {
|
|
2686
2686
|
key: t.key,
|
|
2687
2687
|
field: t,
|
|
2688
2688
|
"model-value": e.block.fieldValues[t.key],
|
|
@@ -2694,9 +2694,9 @@ var Io = {
|
|
|
2694
2694
|
"read-only",
|
|
2695
2695
|
"onUpdate:modelValue"
|
|
2696
2696
|
]))), 128))
|
|
2697
|
-
])) : (s(), x("div",
|
|
2697
|
+
])) : (s(), x("div", Lo, [A("p", Ro, F(g(o).customBlocks.toolbar.noDefinition), 1)]));
|
|
2698
2698
|
}
|
|
2699
|
-
}),
|
|
2699
|
+
}), 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__ */ d({
|
|
2700
2700
|
__name: "DividerToolbar",
|
|
2701
2701
|
props: { block: {} },
|
|
2702
2702
|
emits: ["update"],
|
|
@@ -2706,7 +2706,7 @@ var Io = {
|
|
|
2706
2706
|
n("update", { [e]: t });
|
|
2707
2707
|
}
|
|
2708
2708
|
return (t, n) => (s(), x(P, null, [
|
|
2709
|
-
|
|
2709
|
+
A("div", Ko, [A("label", { class: y(g(J)) }, F(g(r).divider.style), 3), _(Mn, {
|
|
2710
2710
|
options: [
|
|
2711
2711
|
{
|
|
2712
2712
|
value: "solid",
|
|
@@ -2724,64 +2724,64 @@ var Io = {
|
|
|
2724
2724
|
"model-value": e.block.lineStyle,
|
|
2725
2725
|
"onUpdate:modelValue": n[0] ||= (e) => i("lineStyle", e)
|
|
2726
2726
|
}, null, 8, ["options", "model-value"])]),
|
|
2727
|
-
|
|
2727
|
+
A("div", qo, [A("label", { class: y(g(J)) }, F(g(r).divider.color), 3), _(Q, {
|
|
2728
2728
|
"model-value": e.block.color,
|
|
2729
2729
|
"onUpdate:modelValue": n[1] ||= (e) => i("color", e)
|
|
2730
2730
|
}, null, 8, ["model-value"])]),
|
|
2731
|
-
|
|
2731
|
+
A("div", Jo, [A("label", { class: y(g(J)) }, F(g(r).divider.thickness), 3), A("div", Yo, [A("input", {
|
|
2732
2732
|
type: "number",
|
|
2733
2733
|
class: y(g(X)),
|
|
2734
2734
|
value: e.block.thickness,
|
|
2735
2735
|
min: "1",
|
|
2736
2736
|
max: "10",
|
|
2737
2737
|
onInput: n[2] ||= (e) => i("thickness", Number(e.target.value))
|
|
2738
|
-
}, null, 42,
|
|
2738
|
+
}, null, 42, Xo), A("span", { class: y(g(Y)) }, "px", 2)])])
|
|
2739
2739
|
], 64));
|
|
2740
2740
|
}
|
|
2741
|
-
}),
|
|
2741
|
+
}), 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__ */ d({
|
|
2742
2742
|
__name: "HtmlToolbar",
|
|
2743
2743
|
props: { block: {} },
|
|
2744
2744
|
emits: ["update"],
|
|
2745
2745
|
setup(e, { emit: t }) {
|
|
2746
2746
|
let n = t, { t: r } = q();
|
|
2747
|
-
return (t, i) => (s(), x("div",
|
|
2748
|
-
|
|
2749
|
-
|
|
2747
|
+
return (t, i) => (s(), x("div", Qo, [
|
|
2748
|
+
A("label", { class: y(g(J)) }, F(g(r).html.content), 3),
|
|
2749
|
+
A("textarea", {
|
|
2750
2750
|
value: e.block.content,
|
|
2751
2751
|
placeholder: "<div>...</div>",
|
|
2752
2752
|
rows: "10",
|
|
2753
|
-
class: y(g(
|
|
2753
|
+
class: y(g(_n)),
|
|
2754
2754
|
onInput: i[0] ||= (e) => n("update", { content: e.target.value })
|
|
2755
|
-
}, null, 42,
|
|
2756
|
-
|
|
2755
|
+
}, null, 42, $o),
|
|
2756
|
+
A("p", es, [_(g(Wt), {
|
|
2757
2757
|
size: 12,
|
|
2758
2758
|
class: "tpl:mt-0.5 tpl:shrink-0"
|
|
2759
2759
|
}), R(" " + F(g(r).html.sanitizationHint), 1)])
|
|
2760
2760
|
]));
|
|
2761
2761
|
}
|
|
2762
|
-
}),
|
|
2762
|
+
}), ns = { class: "tpl:mb-3.5" }, rs = {
|
|
2763
2763
|
key: 0,
|
|
2764
2764
|
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)]",
|
|
2765
2765
|
style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 90%, transparent)" }
|
|
2766
|
-
},
|
|
2766
|
+
}, is = {
|
|
2767
2767
|
key: 0,
|
|
2768
2768
|
class: "tpl:mb-3.5"
|
|
2769
|
-
},
|
|
2769
|
+
}, as = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, os = [
|
|
2770
2770
|
"value",
|
|
2771
2771
|
"placeholder",
|
|
2772
2772
|
"title"
|
|
2773
|
-
],
|
|
2773
|
+
], 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 = {
|
|
2774
2774
|
key: 0,
|
|
2775
2775
|
class: "tpl:mt-2 tpl:flex tpl:items-stretch"
|
|
2776
|
-
},
|
|
2776
|
+
}, ms = ["value"], hs = { class: "tpl:mb-3.5" }, gs = ["value"], _s = { value: "auto" }, vs = { value: "custom" }, ys = {
|
|
2777
2777
|
key: 0,
|
|
2778
2778
|
class: "tpl:mt-2 tpl:flex tpl:items-stretch"
|
|
2779
|
-
},
|
|
2779
|
+
}, bs = ["value"], xs = { class: "tpl:mb-3.5" }, Ss = { class: "tpl:mb-3.5" }, Cs = { class: "tpl:mb-3.5" }, ws = 350, Ts = 200, Es = /* @__PURE__ */ d({
|
|
2780
2780
|
__name: "ImageToolbar",
|
|
2781
2781
|
props: { block: {} },
|
|
2782
2782
|
emits: ["update"],
|
|
2783
2783
|
setup(e, { emit: n }) {
|
|
2784
|
-
let i = e, a = n, { t: o } = q(), c = t(
|
|
2784
|
+
let i = e, a = n, { t: o } = q(), c = t(ot, null), u = t(st, se.liquid), d = pn(), f = b(() => !!c), p = l(!1), m = l(!1), { start: h } = Ve(() => {
|
|
2785
2785
|
p.value = !1;
|
|
2786
2786
|
}, 1e3, { immediate: !1 }), v = [
|
|
2787
2787
|
300,
|
|
@@ -2797,30 +2797,33 @@ var Io = {
|
|
|
2797
2797
|
function E(e) {
|
|
2798
2798
|
if (e === "custom") {
|
|
2799
2799
|
let e = i.block.width;
|
|
2800
|
-
(typeof e != "number" || v.includes(e)) && T("width",
|
|
2800
|
+
(typeof e != "number" || v.includes(e)) && T("width", ws);
|
|
2801
2801
|
return;
|
|
2802
2802
|
}
|
|
2803
2803
|
T("width", e === "full" ? "full" : Number(e));
|
|
2804
2804
|
}
|
|
2805
2805
|
function O(e) {
|
|
2806
|
-
T("height", e === "custom" ?
|
|
2806
|
+
T("height", e === "custom" ? Ts : void 0);
|
|
2807
2807
|
}
|
|
2808
|
-
function
|
|
2808
|
+
function k(e) {
|
|
2809
2809
|
let t = Number(e);
|
|
2810
2810
|
!Number.isFinite(t) || t <= 0 || T("height", t);
|
|
2811
2811
|
}
|
|
2812
|
-
function
|
|
2812
|
+
function j(e) {
|
|
2813
|
+
!Number.isFinite(e) || e < 0 || T("borderRadius", e > 0 ? e : void 0);
|
|
2814
|
+
}
|
|
2815
|
+
function M(e) {
|
|
2813
2816
|
let t = Number(e);
|
|
2814
2817
|
!Number.isFinite(t) || t <= 0 || T("width", t);
|
|
2815
2818
|
}
|
|
2816
|
-
async function
|
|
2819
|
+
async function N() {
|
|
2817
2820
|
let e = await c?.({ accept: ["images"] });
|
|
2818
2821
|
d.alive && e && (T("src", e.url), e.alt && (T("alt", e.alt), m.value = !0), p.value = !0, h());
|
|
2819
2822
|
}
|
|
2820
|
-
let
|
|
2821
|
-
async function
|
|
2823
|
+
let ee = l(), I = l(!1), L = b(() => K(i.block.src, u)), z = b(() => f.value && !I.value && !L.value);
|
|
2824
|
+
async function B(e) {
|
|
2822
2825
|
if (c) {
|
|
2823
|
-
|
|
2826
|
+
I.value = !0;
|
|
2824
2827
|
try {
|
|
2825
2828
|
let t = await c({
|
|
2826
2829
|
accept: ["images"],
|
|
@@ -2829,30 +2832,30 @@ var Io = {
|
|
|
2829
2832
|
if (!d.alive) return;
|
|
2830
2833
|
t && (T("src", t.url), t.alt && (T("alt", t.alt), m.value = !0), p.value = !0, h());
|
|
2831
2834
|
} finally {
|
|
2832
|
-
d.alive && (
|
|
2835
|
+
d.alive && (I.value = !1);
|
|
2833
2836
|
}
|
|
2834
2837
|
}
|
|
2835
2838
|
}
|
|
2836
|
-
let { isOver:
|
|
2837
|
-
target:
|
|
2838
|
-
enabled:
|
|
2839
|
-
onFiles:
|
|
2839
|
+
let { isOver: V } = Te({
|
|
2840
|
+
target: ee,
|
|
2841
|
+
enabled: z,
|
|
2842
|
+
onFiles: B
|
|
2840
2843
|
});
|
|
2841
2844
|
return (t, n) => (s(), x(P, null, [
|
|
2842
|
-
|
|
2845
|
+
A("div", ns, [A("label", { class: y(g(J)) }, F(g(o).image.imageUrl), 3), A("div", {
|
|
2843
2846
|
ref_key: "dropZoneRef",
|
|
2844
|
-
ref:
|
|
2847
|
+
ref: ee,
|
|
2845
2848
|
class: "tpl:relative"
|
|
2846
2849
|
}, [
|
|
2847
|
-
|
|
2850
|
+
z.value && (g(V) || I.value) ? (s(), x("div", rs, [I.value ? (s(), x(P, { key: 0 }, [_(g(Jt), {
|
|
2848
2851
|
class: "tpl-spinner",
|
|
2849
2852
|
size: 18,
|
|
2850
2853
|
"stroke-width": 2
|
|
2851
|
-
}), R(" " + F(g(o).image.uploading), 1)], 64)) : (s(), x(P, { key: 1 }, [_(g(
|
|
2854
|
+
}), R(" " + F(g(o).image.uploading), 1)], 64)) : (s(), x(P, { key: 1 }, [_(g(rn), {
|
|
2852
2855
|
size: 18,
|
|
2853
2856
|
"stroke-width": 1.5
|
|
2854
2857
|
}), R(" " + F(g(o).image.dropToUpload), 1)], 64))])) : S("", !0),
|
|
2855
|
-
_(
|
|
2858
|
+
_(Vi, {
|
|
2856
2859
|
"model-value": e.block.src,
|
|
2857
2860
|
type: "url",
|
|
2858
2861
|
placeholder: g(o).image.imageUrlPlaceholder,
|
|
@@ -2871,23 +2874,23 @@ var Io = {
|
|
|
2871
2874
|
color: "var(--tpl-primary)",
|
|
2872
2875
|
"background-color": "var(--tpl-bg)"
|
|
2873
2876
|
},
|
|
2874
|
-
onClick:
|
|
2875
|
-
}, [_(g(
|
|
2877
|
+
onClick: N
|
|
2878
|
+
}, [_(g(Kt), {
|
|
2876
2879
|
size: 14,
|
|
2877
2880
|
"stroke-width": 1.5
|
|
2878
2881
|
}), R(" " + F(g(o).image.browseMedia), 1)])) : S("", !0)
|
|
2879
2882
|
], 512)]),
|
|
2880
|
-
g(K)(e.block.src, g(u)) ? (s(), x("div",
|
|
2883
|
+
g(K)(e.block.src, g(u)) ? (s(), x("div", is, [A("label", { class: y(g(J)) }, [R(F(g(o).image.placeholderUrl) + " ", 1), A("span", as, F(g(o).image.optional), 1)], 2), A("input", {
|
|
2881
2884
|
type: "url",
|
|
2882
2885
|
class: y(g(Z)),
|
|
2883
2886
|
value: e.block.placeholderUrl || "",
|
|
2884
2887
|
placeholder: g(o).image.placeholderUrlPlaceholder,
|
|
2885
2888
|
title: g(o).image.placeholderUrlTooltip,
|
|
2886
2889
|
onInput: n[1] ||= (e) => T("placeholderUrl", e.target.value)
|
|
2887
|
-
}, null, 42,
|
|
2888
|
-
|
|
2889
|
-
|
|
2890
|
-
_(
|
|
2890
|
+
}, null, 42, os)])) : S("", !0),
|
|
2891
|
+
A("div", ss, [
|
|
2892
|
+
A("label", { class: y(g(J)) }, F(g(o).image.altText), 3),
|
|
2893
|
+
_(Vi, {
|
|
2891
2894
|
"model-value": e.block.alt,
|
|
2892
2895
|
type: "text",
|
|
2893
2896
|
placeholder: g(o).image.altTextPlaceholder,
|
|
@@ -2900,55 +2903,62 @@ var Io = {
|
|
|
2900
2903
|
"pulse",
|
|
2901
2904
|
"disabled"
|
|
2902
2905
|
]),
|
|
2903
|
-
_(
|
|
2906
|
+
_($, {
|
|
2904
2907
|
class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
|
|
2905
2908
|
"model-value": e.block.decorative === !0,
|
|
2906
2909
|
label: g(o).image.decorative,
|
|
2907
2910
|
"onUpdate:modelValue": n[3] ||= (e) => T("decorative", e)
|
|
2908
2911
|
}, {
|
|
2909
|
-
default: r(() => [
|
|
2912
|
+
default: r(() => [A("span", null, [R(F(g(o).image.decorative) + " ", 1), A("span", cs, F(g(o).image.decorativeHint), 1)])]),
|
|
2910
2913
|
_: 1
|
|
2911
2914
|
}, 8, ["model-value", "label"])
|
|
2912
2915
|
]),
|
|
2913
|
-
|
|
2914
|
-
|
|
2915
|
-
|
|
2916
|
+
A("div", ls, [
|
|
2917
|
+
A("label", { class: y(g(J)) }, F(g(o).image.width), 3),
|
|
2918
|
+
A("select", {
|
|
2916
2919
|
class: y(g(Z)),
|
|
2917
2920
|
value: C.value,
|
|
2918
2921
|
onChange: n[4] ||= (e) => E(e.target.value)
|
|
2919
2922
|
}, [
|
|
2920
|
-
|
|
2921
|
-
n[11] ||=
|
|
2922
|
-
n[12] ||=
|
|
2923
|
-
n[13] ||=
|
|
2924
|
-
|
|
2925
|
-
], 42,
|
|
2926
|
-
C.value === "custom" ? (s(), x("div",
|
|
2923
|
+
A("option", ds, F(g(o).image.fullWidth), 1),
|
|
2924
|
+
n[11] ||= A("option", { value: "300" }, "300px", -1),
|
|
2925
|
+
n[12] ||= A("option", { value: "400" }, "400px", -1),
|
|
2926
|
+
n[13] ||= A("option", { value: "500" }, "500px", -1),
|
|
2927
|
+
A("option", fs, F(g(o).image.widthCustom), 1)
|
|
2928
|
+
], 42, us),
|
|
2929
|
+
C.value === "custom" ? (s(), x("div", ps, [A("input", {
|
|
2927
2930
|
type: "number",
|
|
2928
2931
|
class: y(g(X)),
|
|
2929
|
-
value: typeof e.block.width == "number" ? e.block.width :
|
|
2932
|
+
value: typeof e.block.width == "number" ? e.block.width : ws,
|
|
2930
2933
|
min: "20",
|
|
2931
|
-
onInput: n[5] ||= (e) =>
|
|
2932
|
-
}, null, 42,
|
|
2934
|
+
onInput: n[5] ||= (e) => M(e.target.value)
|
|
2935
|
+
}, null, 42, ms), A("span", { class: y(g(Y)) }, "px", 2)])) : S("", !0)
|
|
2933
2936
|
]),
|
|
2934
|
-
|
|
2935
|
-
|
|
2936
|
-
|
|
2937
|
+
A("div", hs, [
|
|
2938
|
+
A("label", { class: y(g(J)) }, F(g(o).image.height), 3),
|
|
2939
|
+
A("select", {
|
|
2937
2940
|
class: y(g(Z)),
|
|
2938
2941
|
"data-testid": "image-height-mode",
|
|
2939
2942
|
value: w.value,
|
|
2940
2943
|
onChange: n[6] ||= (e) => O(e.target.value)
|
|
2941
|
-
}, [
|
|
2942
|
-
w.value === "custom" ? (s(), x("div",
|
|
2944
|
+
}, [A("option", _s, F(g(o).image.heightAuto), 1), A("option", vs, F(g(o).image.heightCustom), 1)], 42, gs),
|
|
2945
|
+
w.value === "custom" ? (s(), x("div", ys, [A("input", {
|
|
2943
2946
|
type: "number",
|
|
2944
2947
|
"data-testid": "image-height-input",
|
|
2945
2948
|
class: y(g(X)),
|
|
2946
2949
|
value: e.block.height,
|
|
2947
2950
|
min: "20",
|
|
2948
|
-
onInput: n[7] ||= (e) =>
|
|
2949
|
-
}, null, 42,
|
|
2951
|
+
onInput: n[7] ||= (e) => k(e.target.value)
|
|
2952
|
+
}, null, 42, bs), A("span", { class: y(g(Y)) }, "px", 2)])) : S("", !0)
|
|
2950
2953
|
]),
|
|
2951
|
-
|
|
2954
|
+
A("div", xs, [A("label", { class: y(g(J)) }, F(g(o).image.borderRadius), 3), _(jn, {
|
|
2955
|
+
"model-value": e.block.borderRadius ?? 0,
|
|
2956
|
+
min: 0,
|
|
2957
|
+
suffix: "px",
|
|
2958
|
+
testid: "image-border-radius-input",
|
|
2959
|
+
"onUpdate:modelValue": j
|
|
2960
|
+
}, null, 8, ["model-value"])]),
|
|
2961
|
+
A("div", Ss, [A("label", { class: y(g(J)) }, F(g(o).title.align), 3), _(Mn, {
|
|
2952
2962
|
options: [
|
|
2953
2963
|
{
|
|
2954
2964
|
value: "left",
|
|
@@ -2966,15 +2976,15 @@ var Io = {
|
|
|
2966
2976
|
"model-value": e.block.align,
|
|
2967
2977
|
"onUpdate:modelValue": n[8] ||= (e) => T("align", e)
|
|
2968
2978
|
}, null, 8, ["options", "model-value"])]),
|
|
2969
|
-
|
|
2970
|
-
|
|
2971
|
-
_(
|
|
2979
|
+
A("div", Cs, [
|
|
2980
|
+
A("label", { class: y(g(J)) }, F(g(o).image.linkUrl), 3),
|
|
2981
|
+
_(Vi, {
|
|
2972
2982
|
"model-value": e.block.linkUrl || "",
|
|
2973
2983
|
type: "url",
|
|
2974
2984
|
placeholder: g(o).image.imageUrlPlaceholder,
|
|
2975
2985
|
"onUpdate:modelValue": n[9] ||= (e) => T("linkUrl", e)
|
|
2976
2986
|
}, null, 8, ["model-value", "placeholder"]),
|
|
2977
|
-
e.block.linkUrl ? (s(), D(
|
|
2987
|
+
e.block.linkUrl ? (s(), D($, {
|
|
2978
2988
|
key: 0,
|
|
2979
2989
|
class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
|
|
2980
2990
|
"model-value": e.block.linkOpenInNewTab ?? !1,
|
|
@@ -2984,11 +2994,11 @@ var Io = {
|
|
|
2984
2994
|
])
|
|
2985
2995
|
], 64));
|
|
2986
2996
|
}
|
|
2987
|
-
}),
|
|
2997
|
+
}), Ds = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Os = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ks = [
|
|
2988
2998
|
"value",
|
|
2989
2999
|
"placeholder",
|
|
2990
3000
|
"onInput"
|
|
2991
|
-
],
|
|
3001
|
+
], As = ["title", "onClick"], js = { 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)]" }, Ms = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ns = ["value"], Ps = { value: "" }, Fs = ["value"], Is = ["value"], Ls = /* @__PURE__ */ d({
|
|
2992
3002
|
__name: "MenuToolbar",
|
|
2993
3003
|
props: {
|
|
2994
3004
|
block: {},
|
|
@@ -3013,17 +3023,17 @@ var Io = {
|
|
|
3013
3023
|
{
|
|
3014
3024
|
value: "left",
|
|
3015
3025
|
label: o.title.alignLeft,
|
|
3016
|
-
icon:
|
|
3026
|
+
icon: Zt
|
|
3017
3027
|
},
|
|
3018
3028
|
{
|
|
3019
3029
|
value: "center",
|
|
3020
3030
|
label: o.title.alignCenter,
|
|
3021
|
-
icon:
|
|
3031
|
+
icon: Bt
|
|
3022
3032
|
},
|
|
3023
3033
|
{
|
|
3024
3034
|
value: "right",
|
|
3025
3035
|
label: o.title.alignRight,
|
|
3026
|
-
icon:
|
|
3036
|
+
icon: qt
|
|
3027
3037
|
}
|
|
3028
3038
|
]);
|
|
3029
3039
|
function u(e, t) {
|
|
@@ -3051,26 +3061,26 @@ var Io = {
|
|
|
3051
3061
|
a("update", { items: i.block.items.filter((t) => t.id !== e) });
|
|
3052
3062
|
}
|
|
3053
3063
|
return (t, i) => (s(), x(P, null, [
|
|
3054
|
-
_(
|
|
3055
|
-
default: r(() => [
|
|
3064
|
+
_(Nn, { label: g(o).menu.items }, {
|
|
3065
|
+
default: r(() => [A("div", Ds, [(s(!0), x(P, null, n(e.block.items, (t) => (s(), x("div", {
|
|
3056
3066
|
key: t.id,
|
|
3057
3067
|
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"
|
|
3058
3068
|
}, [
|
|
3059
|
-
|
|
3069
|
+
A("div", Os, [A("input", {
|
|
3060
3070
|
type: "text",
|
|
3061
3071
|
class: y([g(Z), "tpl:flex-1"]),
|
|
3062
3072
|
value: t.text,
|
|
3063
3073
|
placeholder: g(o).menu.text,
|
|
3064
3074
|
onInput: (e) => f(t.id, "text", e.target.value)
|
|
3065
|
-
}, null, 42,
|
|
3066
|
-
class: y(g(
|
|
3075
|
+
}, null, 42, ks), A("button", {
|
|
3076
|
+
class: y(g(vn)),
|
|
3067
3077
|
title: g(o).menu.removeItem,
|
|
3068
3078
|
onClick: (e) => p(t.id)
|
|
3069
|
-
}, [_(g(
|
|
3079
|
+
}, [_(g(Qt), {
|
|
3070
3080
|
size: 14,
|
|
3071
3081
|
"stroke-width": 2
|
|
3072
|
-
})], 10,
|
|
3073
|
-
_(
|
|
3082
|
+
})], 10, As)]),
|
|
3083
|
+
_(Vi, {
|
|
3074
3084
|
"model-value": t.url,
|
|
3075
3085
|
type: "url",
|
|
3076
3086
|
placeholder: g(o).menu.urlPlaceholder,
|
|
@@ -3080,7 +3090,7 @@ var Io = {
|
|
|
3080
3090
|
"placeholder",
|
|
3081
3091
|
"onUpdate:modelValue"
|
|
3082
3092
|
]),
|
|
3083
|
-
|
|
3093
|
+
A("div", js, [(s(!0), x(P, null, n(c.value, (e) => (s(), D($, {
|
|
3084
3094
|
key: e.key,
|
|
3085
3095
|
"model-value": t[e.key],
|
|
3086
3096
|
label: e.label,
|
|
@@ -3090,33 +3100,33 @@ var Io = {
|
|
|
3090
3100
|
"label",
|
|
3091
3101
|
"onUpdate:modelValue"
|
|
3092
3102
|
]))), 128))]),
|
|
3093
|
-
|
|
3103
|
+
A("div", Ms, [A("label", { class: y([g(J), "tpl:!mb-0"]) }, F(g(o).menu.color), 3), _(Q, {
|
|
3094
3104
|
"swatch-only": "",
|
|
3095
3105
|
"model-value": t.color || e.block.linkColor || e.block.color || "",
|
|
3096
3106
|
"onUpdate:modelValue": (e) => f(t.id, "color", e)
|
|
3097
3107
|
}, null, 8, ["model-value", "onUpdate:modelValue"])])
|
|
3098
|
-
]))), 128)),
|
|
3099
|
-
class: y(g(
|
|
3108
|
+
]))), 128)), A("button", {
|
|
3109
|
+
class: y(g(yn)),
|
|
3100
3110
|
onClick: d
|
|
3101
|
-
}, [_(g(
|
|
3111
|
+
}, [_(g(Rt), {
|
|
3102
3112
|
size: 14,
|
|
3103
3113
|
"stroke-width": 2
|
|
3104
3114
|
}), R(" " + F(g(o).menu.addItem), 1)], 2)])]),
|
|
3105
3115
|
_: 1
|
|
3106
3116
|
}, 8, ["label"]),
|
|
3107
|
-
_(
|
|
3108
|
-
default: r(() => [
|
|
3117
|
+
_(Nn, { label: g(o).menu.fontFamily }, {
|
|
3118
|
+
default: r(() => [A("select", {
|
|
3109
3119
|
class: y(g(Z)),
|
|
3110
3120
|
value: e.block.fontFamily || "",
|
|
3111
3121
|
onChange: i[0] ||= (e) => u("fontFamily", e.target.value || void 0)
|
|
3112
|
-
}, [
|
|
3122
|
+
}, [A("option", Ps, F(g(o).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
|
|
3113
3123
|
key: e.value,
|
|
3114
3124
|
value: e.value
|
|
3115
|
-
}, F(e.label), 9,
|
|
3125
|
+
}, F(e.label), 9, Fs))), 128))], 42, Ns)]),
|
|
3116
3126
|
_: 1
|
|
3117
3127
|
}, 8, ["label"]),
|
|
3118
|
-
_(
|
|
3119
|
-
default: r(() => [_(
|
|
3128
|
+
_(Nn, { label: g(o).menu.fontSize }, {
|
|
3129
|
+
default: r(() => [_(jn, {
|
|
3120
3130
|
"model-value": e.block.fontSize,
|
|
3121
3131
|
min: 8,
|
|
3122
3132
|
max: 48,
|
|
@@ -3125,21 +3135,21 @@ var Io = {
|
|
|
3125
3135
|
}, null, 8, ["model-value"])]),
|
|
3126
3136
|
_: 1
|
|
3127
3137
|
}, 8, ["label"]),
|
|
3128
|
-
_(
|
|
3138
|
+
_(Nn, { label: g(o).menu.color }, {
|
|
3129
3139
|
default: r(() => [_(Q, {
|
|
3130
3140
|
"model-value": e.block.color ?? "",
|
|
3131
3141
|
"onUpdate:modelValue": i[2] ||= (e) => u("color", e || void 0)
|
|
3132
3142
|
}, null, 8, ["model-value"])]),
|
|
3133
3143
|
_: 1
|
|
3134
3144
|
}, 8, ["label"]),
|
|
3135
|
-
_(
|
|
3145
|
+
_(Nn, { label: g(o).menu.linkColor }, {
|
|
3136
3146
|
default: r(() => [_(Q, {
|
|
3137
3147
|
"model-value": e.block.linkColor || e.block.color || "",
|
|
3138
3148
|
"onUpdate:modelValue": i[3] ||= (e) => u("linkColor", e || void 0)
|
|
3139
3149
|
}, null, 8, ["model-value"])]),
|
|
3140
3150
|
_: 1
|
|
3141
3151
|
}, 8, ["label"]),
|
|
3142
|
-
_(
|
|
3152
|
+
_(Nn, { label: g(o).menu.textAlign }, {
|
|
3143
3153
|
default: r(() => [_(Mn, {
|
|
3144
3154
|
options: l.value,
|
|
3145
3155
|
"model-value": e.block.textAlign,
|
|
@@ -3147,24 +3157,24 @@ var Io = {
|
|
|
3147
3157
|
}, null, 8, ["options", "model-value"])]),
|
|
3148
3158
|
_: 1
|
|
3149
3159
|
}, 8, ["label"]),
|
|
3150
|
-
_(
|
|
3151
|
-
default: r(() => [
|
|
3160
|
+
_(Nn, { label: g(o).menu.separator }, {
|
|
3161
|
+
default: r(() => [A("input", {
|
|
3152
3162
|
type: "text",
|
|
3153
3163
|
class: y(g(Z)),
|
|
3154
3164
|
value: e.block.separator,
|
|
3155
3165
|
onInput: i[5] ||= (e) => u("separator", e.target.value)
|
|
3156
|
-
}, null, 42,
|
|
3166
|
+
}, null, 42, Is)]),
|
|
3157
3167
|
_: 1
|
|
3158
3168
|
}, 8, ["label"]),
|
|
3159
|
-
_(
|
|
3169
|
+
_(Nn, { label: g(o).menu.separatorColor }, {
|
|
3160
3170
|
default: r(() => [_(Q, {
|
|
3161
3171
|
"model-value": e.block.separatorColor,
|
|
3162
3172
|
"onUpdate:modelValue": i[6] ||= (e) => u("separatorColor", e)
|
|
3163
3173
|
}, null, 8, ["model-value"])]),
|
|
3164
3174
|
_: 1
|
|
3165
3175
|
}, 8, ["label"]),
|
|
3166
|
-
_(
|
|
3167
|
-
default: r(() => [_(
|
|
3176
|
+
_(Nn, { label: g(o).menu.spacing }, {
|
|
3177
|
+
default: r(() => [_(jn, {
|
|
3168
3178
|
"model-value": e.block.spacing,
|
|
3169
3179
|
min: 0,
|
|
3170
3180
|
max: 50,
|
|
@@ -3175,14 +3185,32 @@ var Io = {
|
|
|
3175
3185
|
}, 8, ["label"])
|
|
3176
3186
|
], 64));
|
|
3177
3187
|
}
|
|
3188
|
+
}), Rs = {
|
|
3189
|
+
class: "tpl:mb-3.5",
|
|
3190
|
+
"data-testid": "paragraph-spacing"
|
|
3191
|
+
}, zs = { class: "tpl:flex tpl:items-stretch" }, Bs = ["value"], Vs = /* @__PURE__ */ d({
|
|
3192
|
+
__name: "ParagraphToolbar",
|
|
3193
|
+
props: { block: {} },
|
|
3194
|
+
emits: ["update"],
|
|
3195
|
+
setup(e, { emit: t }) {
|
|
3196
|
+
let n = t, { t: r } = q();
|
|
3197
|
+
return (t, i) => (s(), x("div", Rs, [A("label", { class: y(g(J)) }, F(g(r).paragraph.paragraphSpacing), 3), A("div", zs, [A("input", {
|
|
3198
|
+
type: "number",
|
|
3199
|
+
class: y(g(X)),
|
|
3200
|
+
value: e.block.paragraphSpacing ?? g(ae).paragraphGap,
|
|
3201
|
+
min: "0",
|
|
3202
|
+
max: "64",
|
|
3203
|
+
onInput: i[0] ||= (e) => n("update", { paragraphSpacing: Number(e.target.value) })
|
|
3204
|
+
}, null, 42, Bs), A("span", { class: y(g(Y)) }, "px", 2)])]));
|
|
3205
|
+
}
|
|
3178
3206
|
});
|
|
3179
3207
|
//#endregion
|
|
3180
3208
|
//#region src/utils/rebalanceColumnChildren.ts
|
|
3181
|
-
function
|
|
3209
|
+
function Hs(e) {
|
|
3182
3210
|
return e === "1" ? 1 : e === "3" ? 3 : 2;
|
|
3183
3211
|
}
|
|
3184
|
-
function
|
|
3185
|
-
let n =
|
|
3212
|
+
function Us(e, t) {
|
|
3213
|
+
let n = Hs(t);
|
|
3186
3214
|
if (e.length === n) return e;
|
|
3187
3215
|
if (e.length < n) {
|
|
3188
3216
|
let t = Array.from({ length: n - e.length }, () => []);
|
|
@@ -3193,13 +3221,13 @@ function Ls(e, t) {
|
|
|
3193
3221
|
}
|
|
3194
3222
|
//#endregion
|
|
3195
3223
|
//#region src/components/toolbar/SectionToolbar.vue?vue&type=script&setup=true&lang.ts
|
|
3196
|
-
var
|
|
3224
|
+
var Ws = { class: "tpl:mb-3.5" }, Gs = ["value"], Ks = ["value"], qs = {
|
|
3197
3225
|
key: 0,
|
|
3198
3226
|
class: "tpl:mb-3.5"
|
|
3199
|
-
},
|
|
3227
|
+
}, Js = { class: "tpl:mb-3.5" }, Ys = { class: "tpl:flex tpl:items-stretch" }, Xs = ["value"], Zs = { class: "tpl:mb-3.5" }, Qs = {
|
|
3200
3228
|
key: 0,
|
|
3201
3229
|
class: "tpl:mt-3 tpl:ml-0.5 tpl:space-y-3 tpl:border-l tpl:border-[var(--tpl-border)] tpl:pl-3"
|
|
3202
|
-
},
|
|
3230
|
+
}, $s = { class: "tpl:flex tpl:items-stretch" }, ec = ["value"], tc = /* @__PURE__ */ d({
|
|
3203
3231
|
__name: "SectionToolbar",
|
|
3204
3232
|
props: { block: {} },
|
|
3205
3233
|
emits: ["update"],
|
|
@@ -3227,7 +3255,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3227
3255
|
}
|
|
3228
3256
|
]);
|
|
3229
3257
|
function c(e) {
|
|
3230
|
-
let t = e.target.value, n =
|
|
3258
|
+
let t = e.target.value, n = Us(r.block.children, t);
|
|
3231
3259
|
i("update", {
|
|
3232
3260
|
columns: t,
|
|
3233
3261
|
children: n
|
|
@@ -3261,39 +3289,39 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3261
3289
|
f({ borderRadius: Number(e.target.value) });
|
|
3262
3290
|
}
|
|
3263
3291
|
return (t, r) => (s(), x(P, null, [
|
|
3264
|
-
|
|
3292
|
+
A("div", Ws, [A("label", { class: y(g(J)) }, F(g(a).section.columns), 3), A("select", {
|
|
3265
3293
|
class: y(g(Z)),
|
|
3266
3294
|
value: e.block.columns,
|
|
3267
3295
|
onChange: c
|
|
3268
3296
|
}, [(s(!0), x(P, null, n(o.value, (e) => (s(), x("option", {
|
|
3269
3297
|
key: e.value,
|
|
3270
3298
|
value: e.value
|
|
3271
|
-
}, F(e.label), 9,
|
|
3272
|
-
e.block.columns === "1" ? S("", !0) : (s(), x("div",
|
|
3299
|
+
}, F(e.label), 9, Ks))), 128))], 42, Gs)]),
|
|
3300
|
+
e.block.columns === "1" ? S("", !0) : (s(), x("div", qs, [_($, {
|
|
3273
3301
|
class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
|
|
3274
3302
|
"model-value": e.block.stackOnMobile !== !1,
|
|
3275
3303
|
label: g(a).section.stackOnMobile,
|
|
3276
3304
|
"onUpdate:modelValue": r[0] ||= (e) => l(e)
|
|
3277
3305
|
}, null, 8, ["model-value", "label"])])),
|
|
3278
|
-
|
|
3306
|
+
A("div", Js, [A("label", { class: y(g(J)) }, F(g(a).section.borderRadius), 3), A("div", Ys, [A("input", {
|
|
3279
3307
|
type: "number",
|
|
3280
3308
|
class: y(g(X)),
|
|
3281
3309
|
value: e.block.borderRadius ?? 0,
|
|
3282
3310
|
min: "0",
|
|
3283
3311
|
max: "50",
|
|
3284
3312
|
onInput: u
|
|
3285
|
-
}, null, 42,
|
|
3286
|
-
|
|
3313
|
+
}, null, 42, Xs), A("span", { class: y(g(Y)) }, "px", 2)])]),
|
|
3314
|
+
A("div", Zs, [_($, {
|
|
3287
3315
|
class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
|
|
3288
3316
|
"model-value": !!e.block.wrapper,
|
|
3289
3317
|
label: g(a).section.wrapperEnable,
|
|
3290
3318
|
"onUpdate:modelValue": r[1] ||= (e) => d(e)
|
|
3291
|
-
}, null, 8, ["model-value", "label"]), e.block.wrapper ? (s(), x("div",
|
|
3292
|
-
|
|
3319
|
+
}, null, 8, ["model-value", "label"]), e.block.wrapper ? (s(), x("div", Qs, [
|
|
3320
|
+
A("div", null, [A("label", { class: y(g(J)) }, F(g(a).blockSettings.color), 3), _(Q, {
|
|
3293
3321
|
"model-value": e.block.wrapper.backgroundColor ?? "",
|
|
3294
3322
|
"onUpdate:modelValue": r[2] ||= (e) => f({ backgroundColor: e })
|
|
3295
3323
|
}, null, 8, ["model-value"])]),
|
|
3296
|
-
_(
|
|
3324
|
+
_(Ia, {
|
|
3297
3325
|
label: g(a).blockSettings.padding,
|
|
3298
3326
|
"model-value": e.block.wrapper.padding ?? {
|
|
3299
3327
|
top: 0,
|
|
@@ -3303,18 +3331,18 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3303
3331
|
},
|
|
3304
3332
|
"onUpdate:modelValue": p
|
|
3305
3333
|
}, null, 8, ["label", "model-value"]),
|
|
3306
|
-
|
|
3334
|
+
A("div", null, [A("label", { class: y(g(J)) }, F(g(a).section.borderRadius), 3), A("div", $s, [A("input", {
|
|
3307
3335
|
type: "number",
|
|
3308
3336
|
class: y(g(X)),
|
|
3309
3337
|
value: e.block.wrapper.borderRadius ?? 0,
|
|
3310
3338
|
min: "0",
|
|
3311
3339
|
max: "50",
|
|
3312
3340
|
onInput: m
|
|
3313
|
-
}, null, 42,
|
|
3341
|
+
}, null, 42, ec), A("span", { class: y(g(Y)) }, "px", 2)])])
|
|
3314
3342
|
])) : S("", !0)])
|
|
3315
3343
|
], 64));
|
|
3316
3344
|
}
|
|
3317
|
-
}),
|
|
3345
|
+
}), nc = { class: "tpl:mb-3.5" }, rc = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, ic = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ac = ["value", "onChange"], oc = ["value"], sc = ["title", "onClick"], cc = { class: "tpl:mb-3.5" }, lc = ["value"], uc = { value: "solid" }, dc = { value: "outlined" }, fc = { value: "rounded" }, pc = { value: "square" }, mc = { value: "circle" }, hc = { class: "tpl:mb-3.5" }, gc = { class: "tpl:mb-3.5" }, _c = { class: "tpl:flex tpl:items-stretch" }, vc = ["value"], yc = { class: "tpl:mb-3.5" }, bc = /* @__PURE__ */ d({
|
|
3318
3346
|
__name: "SocialToolbar",
|
|
3319
3347
|
props: { block: {} },
|
|
3320
3348
|
emits: ["update"],
|
|
@@ -3342,25 +3370,25 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3342
3370
|
i("update", { icons: r.block.icons.filter((t) => t.id !== e) });
|
|
3343
3371
|
}
|
|
3344
3372
|
return (t, r) => (s(), x(P, null, [
|
|
3345
|
-
|
|
3373
|
+
A("div", nc, [A("label", { class: y(g(J)) }, F(g(a).social.icons), 3), A("div", rc, [(s(!0), x(P, null, n(e.block.icons, (e) => (s(), x("div", {
|
|
3346
3374
|
key: e.id,
|
|
3347
3375
|
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"
|
|
3348
|
-
}, [
|
|
3376
|
+
}, [A("div", ic, [A("select", {
|
|
3349
3377
|
"data-testid": "social-platform-select",
|
|
3350
3378
|
class: y([g(Z), "tpl:flex-1"]),
|
|
3351
3379
|
value: e.platform,
|
|
3352
3380
|
onChange: (t) => l(e.id, "platform", t.target.value)
|
|
3353
|
-
}, [(s(!0), x(P, null, n(g(
|
|
3381
|
+
}, [(s(!0), x(P, null, n(g(Ne), (e) => (s(), x("option", {
|
|
3354
3382
|
key: e,
|
|
3355
3383
|
value: e
|
|
3356
|
-
}, F(g(a).social.platforms[e]), 9,
|
|
3357
|
-
class: y(g(
|
|
3384
|
+
}, F(g(a).social.platforms[e]), 9, oc))), 128))], 42, ac), A("button", {
|
|
3385
|
+
class: y(g(vn)),
|
|
3358
3386
|
title: g(a).social.removeIcon,
|
|
3359
3387
|
onClick: (t) => u(e.id)
|
|
3360
|
-
}, [_(g(
|
|
3388
|
+
}, [_(g(Qt), {
|
|
3361
3389
|
size: 14,
|
|
3362
3390
|
"stroke-width": 2
|
|
3363
|
-
})], 10,
|
|
3391
|
+
})], 10, sc)]), _(Vi, {
|
|
3364
3392
|
"model-value": e.url,
|
|
3365
3393
|
type: "url",
|
|
3366
3394
|
placeholder: g(a).social.urlPlaceholder,
|
|
@@ -3369,25 +3397,25 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3369
3397
|
"model-value",
|
|
3370
3398
|
"placeholder",
|
|
3371
3399
|
"onUpdate:modelValue"
|
|
3372
|
-
])]))), 128)),
|
|
3373
|
-
class: y(g(
|
|
3400
|
+
])]))), 128)), A("button", {
|
|
3401
|
+
class: y(g(yn)),
|
|
3374
3402
|
onClick: c
|
|
3375
|
-
}, [_(g(
|
|
3403
|
+
}, [_(g(Rt), {
|
|
3376
3404
|
size: 14,
|
|
3377
3405
|
"stroke-width": 2
|
|
3378
3406
|
}), R(" " + F(g(a).social.addIcon), 1)], 2)])]),
|
|
3379
|
-
|
|
3407
|
+
A("div", cc, [A("label", { class: y(g(J)) }, F(g(a).social.style), 3), A("select", {
|
|
3380
3408
|
class: y(g(Z)),
|
|
3381
3409
|
value: e.block.iconStyle,
|
|
3382
3410
|
onChange: r[0] ||= (e) => o("iconStyle", e.target.value)
|
|
3383
3411
|
}, [
|
|
3384
|
-
|
|
3385
|
-
|
|
3386
|
-
|
|
3387
|
-
|
|
3388
|
-
|
|
3389
|
-
], 42,
|
|
3390
|
-
|
|
3412
|
+
A("option", uc, F(g(a).social.styleSolid), 1),
|
|
3413
|
+
A("option", dc, F(g(a).social.styleOutlined), 1),
|
|
3414
|
+
A("option", fc, F(g(a).social.styleRounded), 1),
|
|
3415
|
+
A("option", pc, F(g(a).social.styleSquare), 1),
|
|
3416
|
+
A("option", mc, F(g(a).social.styleCircle), 1)
|
|
3417
|
+
], 42, lc)]),
|
|
3418
|
+
A("div", hc, [A("label", { class: y(g(J)) }, F(g(a).social.size), 3), _(Mn, {
|
|
3391
3419
|
options: [
|
|
3392
3420
|
{
|
|
3393
3421
|
value: "small",
|
|
@@ -3405,30 +3433,30 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3405
3433
|
"model-value": e.block.iconSize,
|
|
3406
3434
|
"onUpdate:modelValue": r[1] ||= (e) => o("iconSize", e)
|
|
3407
3435
|
}, null, 8, ["options", "model-value"])]),
|
|
3408
|
-
|
|
3436
|
+
A("div", gc, [A("label", { class: y(g(J)) }, F(g(a).social.spacing), 3), A("div", _c, [A("input", {
|
|
3409
3437
|
type: "number",
|
|
3410
3438
|
class: y(g(X)),
|
|
3411
3439
|
value: e.block.spacing,
|
|
3412
3440
|
min: "0",
|
|
3413
3441
|
max: "50",
|
|
3414
3442
|
onInput: r[2] ||= (e) => o("spacing", Number(e.target.value))
|
|
3415
|
-
}, null, 42,
|
|
3416
|
-
|
|
3443
|
+
}, null, 42, vc), A("span", { class: y(g(Y)) }, "px", 2)])]),
|
|
3444
|
+
A("div", yc, [A("label", { class: y(g(J)) }, F(g(a).social.align), 3), _(Mn, {
|
|
3417
3445
|
options: [
|
|
3418
3446
|
{
|
|
3419
3447
|
value: "left",
|
|
3420
3448
|
label: g(a).title.alignLeft,
|
|
3421
|
-
icon: g(
|
|
3449
|
+
icon: g(Zt)
|
|
3422
3450
|
},
|
|
3423
3451
|
{
|
|
3424
3452
|
value: "center",
|
|
3425
3453
|
label: g(a).title.alignCenter,
|
|
3426
|
-
icon: g(
|
|
3454
|
+
icon: g(Bt)
|
|
3427
3455
|
},
|
|
3428
3456
|
{
|
|
3429
3457
|
value: "right",
|
|
3430
3458
|
label: g(a).title.alignRight,
|
|
3431
|
-
icon: g(
|
|
3459
|
+
icon: g(qt)
|
|
3432
3460
|
}
|
|
3433
3461
|
],
|
|
3434
3462
|
"model-value": e.block.align,
|
|
@@ -3436,36 +3464,36 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3436
3464
|
}, null, 8, ["options", "model-value"])])
|
|
3437
3465
|
], 64));
|
|
3438
3466
|
}
|
|
3439
|
-
}),
|
|
3467
|
+
}), xc = { class: "tpl:mb-3.5" }, Sc = { class: "tpl:flex tpl:items-stretch" }, Cc = ["value"], wc = ["value"], Tc = /* @__PURE__ */ d({
|
|
3440
3468
|
__name: "SpacerToolbar",
|
|
3441
3469
|
props: { block: {} },
|
|
3442
3470
|
emits: ["update"],
|
|
3443
3471
|
setup(e, { emit: t }) {
|
|
3444
3472
|
let n = t, { t: r } = q();
|
|
3445
|
-
return (t, i) => (s(), x("div",
|
|
3446
|
-
|
|
3447
|
-
|
|
3473
|
+
return (t, i) => (s(), x("div", xc, [
|
|
3474
|
+
A("label", { class: y(g(J)) }, F(g(r).spacer.height), 3),
|
|
3475
|
+
A("div", Sc, [A("input", {
|
|
3448
3476
|
type: "number",
|
|
3449
3477
|
class: y(g(X)),
|
|
3450
3478
|
value: e.block.height,
|
|
3451
3479
|
min: "10",
|
|
3452
3480
|
max: "100",
|
|
3453
3481
|
onInput: i[0] ||= (e) => n("update", { height: Number(e.target.value) })
|
|
3454
|
-
}, null, 42,
|
|
3455
|
-
|
|
3482
|
+
}, null, 42, Cc), A("span", { class: y(g(Y)) }, "px", 2)]),
|
|
3483
|
+
A("input", {
|
|
3456
3484
|
type: "range",
|
|
3457
3485
|
class: "tpl:mt-2 tpl:w-full tpl:accent-[var(--tpl-primary)]",
|
|
3458
3486
|
value: e.block.height,
|
|
3459
3487
|
min: "10",
|
|
3460
3488
|
max: "100",
|
|
3461
3489
|
onInput: i[1] ||= (e) => n("update", { height: Number(e.target.value) })
|
|
3462
|
-
}, null, 40,
|
|
3490
|
+
}, null, 40, wc)
|
|
3463
3491
|
]));
|
|
3464
3492
|
}
|
|
3465
|
-
}),
|
|
3493
|
+
}), Ec = { class: "tpl:mb-3.5" }, Dc = { class: "tpl:flex tpl:items-center tpl:gap-3" }, 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:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, Pc = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, Fc = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, Ic = ["disabled"], Lc = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, Rc = { class: "tpl:mb-3.5" }, zc = {
|
|
3466
3494
|
key: 0,
|
|
3467
3495
|
class: "tpl:mb-3.5"
|
|
3468
|
-
},
|
|
3496
|
+
}, Bc = { class: "tpl:mb-3.5" }, Vc = { class: "tpl:mb-3.5" }, Hc = { class: "tpl:flex tpl:items-stretch" }, Uc = ["value"], Wc = { class: "tpl:mb-3.5" }, Gc = { class: "tpl:flex tpl:items-stretch" }, Kc = ["value"], qc = { class: "tpl:mb-3.5" }, Jc = ["value"], Yc = { value: "" }, Xc = ["value"], Zc = { class: "tpl:mb-3.5" }, Qc = { class: "tpl:flex tpl:items-stretch" }, $c = ["value"], el = { class: "tpl:mb-3.5" }, tl = { class: "tpl:mb-3.5" }, nl = /* @__PURE__ */ d({
|
|
3469
3497
|
__name: "TableToolbar",
|
|
3470
3498
|
props: {
|
|
3471
3499
|
block: {},
|
|
@@ -3508,50 +3536,50 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3508
3536
|
i("update", { rows: t });
|
|
3509
3537
|
}
|
|
3510
3538
|
return (t, r) => (s(), x(P, null, [
|
|
3511
|
-
|
|
3512
|
-
|
|
3539
|
+
A("div", Ec, [A("label", { class: y(g(J)) }, F(g(a).table.dimensions), 3), A("div", Dc, [A("div", Oc, [A("span", kc, F(g(a).table.rows), 1), A("div", Ac, [
|
|
3540
|
+
A("button", {
|
|
3513
3541
|
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",
|
|
3514
3542
|
disabled: e.block.rows.length <= 1,
|
|
3515
3543
|
onClick: r[0] ||= (t) => u(e.block.rows[e.block.rows.length - 1].id)
|
|
3516
|
-
}, [_(g(
|
|
3544
|
+
}, [_(g(Gt), {
|
|
3517
3545
|
size: 12,
|
|
3518
3546
|
"stroke-width": 2
|
|
3519
|
-
})], 8,
|
|
3520
|
-
|
|
3521
|
-
|
|
3547
|
+
})], 8, jc),
|
|
3548
|
+
A("span", Mc, F(e.block.rows.length), 1),
|
|
3549
|
+
A("button", {
|
|
3522
3550
|
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)]",
|
|
3523
3551
|
onClick: l
|
|
3524
|
-
}, [_(g(
|
|
3552
|
+
}, [_(g(Rt), {
|
|
3525
3553
|
size: 12,
|
|
3526
3554
|
"stroke-width": 2
|
|
3527
3555
|
})])
|
|
3528
|
-
])]),
|
|
3529
|
-
|
|
3556
|
+
])]), A("div", Nc, [A("span", Pc, F(g(a).table.columns), 1), A("div", Fc, [
|
|
3557
|
+
A("button", {
|
|
3530
3558
|
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",
|
|
3531
3559
|
disabled: o.value <= 1,
|
|
3532
3560
|
onClick: r[1] ||= (e) => f(o.value - 1)
|
|
3533
|
-
}, [_(g(
|
|
3561
|
+
}, [_(g(Gt), {
|
|
3534
3562
|
size: 12,
|
|
3535
3563
|
"stroke-width": 2
|
|
3536
|
-
})], 8,
|
|
3537
|
-
|
|
3538
|
-
|
|
3564
|
+
})], 8, Ic),
|
|
3565
|
+
A("span", Lc, F(o.value), 1),
|
|
3566
|
+
A("button", {
|
|
3539
3567
|
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)]",
|
|
3540
3568
|
onClick: d
|
|
3541
|
-
}, [_(g(
|
|
3569
|
+
}, [_(g(Rt), {
|
|
3542
3570
|
size: 12,
|
|
3543
3571
|
"stroke-width": 2
|
|
3544
3572
|
})])
|
|
3545
3573
|
])])])]),
|
|
3546
|
-
|
|
3574
|
+
A("div", Rc, [_($, {
|
|
3547
3575
|
class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
|
|
3548
3576
|
"model-value": e.block.hasHeaderRow,
|
|
3549
3577
|
label: g(a).table.hasHeaderRow,
|
|
3550
3578
|
"onUpdate:modelValue": r[2] ||= (e) => c("hasHeaderRow", e)
|
|
3551
3579
|
}, null, 8, ["model-value", "label"])]),
|
|
3552
|
-
e.block.hasHeaderRow ? (s(), x("div",
|
|
3580
|
+
e.block.hasHeaderRow ? (s(), x("div", zc, [A("label", { class: y(g(J)) }, F(g(a).table.headerBackgroundColor), 3), _(Q, {
|
|
3553
3581
|
"model-value": e.block.headerBackgroundColor ?? "",
|
|
3554
|
-
"seed-color": g(
|
|
3582
|
+
"seed-color": g(xn),
|
|
3555
3583
|
placeholder: g(a).table.noHeaderBg,
|
|
3556
3584
|
"onUpdate:modelValue": r[3] ||= (e) => c("headerBackgroundColor", e || null)
|
|
3557
3585
|
}, null, 8, [
|
|
@@ -3559,62 +3587,62 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3559
3587
|
"seed-color",
|
|
3560
3588
|
"placeholder"
|
|
3561
3589
|
])])) : S("", !0),
|
|
3562
|
-
|
|
3590
|
+
A("div", Bc, [A("label", { class: y(g(J)) }, F(g(a).table.borderColor), 3), _(Q, {
|
|
3563
3591
|
"model-value": e.block.borderColor,
|
|
3564
3592
|
"onUpdate:modelValue": r[4] ||= (e) => c("borderColor", e)
|
|
3565
3593
|
}, null, 8, ["model-value"])]),
|
|
3566
|
-
|
|
3594
|
+
A("div", Vc, [A("label", { class: y(g(J)) }, F(g(a).table.borderWidth), 3), A("div", Hc, [A("input", {
|
|
3567
3595
|
type: "number",
|
|
3568
3596
|
class: y(g(X)),
|
|
3569
3597
|
value: e.block.borderWidth,
|
|
3570
3598
|
min: "0",
|
|
3571
3599
|
max: "10",
|
|
3572
3600
|
onInput: r[5] ||= (e) => c("borderWidth", Number(e.target.value))
|
|
3573
|
-
}, null, 42,
|
|
3574
|
-
|
|
3601
|
+
}, null, 42, Uc), A("span", { class: y(g(Y)) }, "px", 2)])]),
|
|
3602
|
+
A("div", Wc, [A("label", { class: y(g(J)) }, F(g(a).table.cellPadding), 3), A("div", Gc, [A("input", {
|
|
3575
3603
|
type: "number",
|
|
3576
3604
|
class: y(g(X)),
|
|
3577
3605
|
value: e.block.cellPadding,
|
|
3578
3606
|
min: "0",
|
|
3579
3607
|
max: "30",
|
|
3580
3608
|
onInput: r[6] ||= (e) => c("cellPadding", Number(e.target.value))
|
|
3581
|
-
}, null, 42,
|
|
3582
|
-
|
|
3609
|
+
}, null, 42, Kc), A("span", { class: y(g(Y)) }, "px", 2)])]),
|
|
3610
|
+
A("div", qc, [A("label", { class: y(g(J)) }, F(g(a).table.fontFamily), 3), A("select", {
|
|
3583
3611
|
class: y(g(Z)),
|
|
3584
3612
|
value: e.block.fontFamily || "",
|
|
3585
3613
|
onChange: r[7] ||= (e) => c("fontFamily", e.target.value || void 0)
|
|
3586
|
-
}, [
|
|
3614
|
+
}, [A("option", Yc, F(g(a).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
|
|
3587
3615
|
key: e.value,
|
|
3588
3616
|
value: e.value
|
|
3589
|
-
}, F(e.label), 9,
|
|
3590
|
-
|
|
3617
|
+
}, F(e.label), 9, Xc))), 128))], 42, Jc)]),
|
|
3618
|
+
A("div", Zc, [A("label", { class: y(g(J)) }, F(g(a).table.fontSize), 3), A("div", Qc, [A("input", {
|
|
3591
3619
|
type: "number",
|
|
3592
3620
|
class: y(g(X)),
|
|
3593
3621
|
value: e.block.fontSize,
|
|
3594
3622
|
min: "10",
|
|
3595
3623
|
max: "32",
|
|
3596
3624
|
onInput: r[8] ||= (e) => c("fontSize", Number(e.target.value))
|
|
3597
|
-
}, null, 42,
|
|
3598
|
-
|
|
3625
|
+
}, null, 42, $c), A("span", { class: y(g(Y)) }, "px", 2)])]),
|
|
3626
|
+
A("div", el, [A("label", { class: y(g(J)) }, F(g(a).table.color), 3), _(Q, {
|
|
3599
3627
|
"model-value": e.block.color ?? "",
|
|
3600
3628
|
"onUpdate:modelValue": r[9] ||= (e) => c("color", e || void 0)
|
|
3601
3629
|
}, null, 8, ["model-value"])]),
|
|
3602
|
-
|
|
3630
|
+
A("div", tl, [A("label", { class: y(g(J)) }, F(g(a).table.textAlign), 3), _(Mn, {
|
|
3603
3631
|
options: [
|
|
3604
3632
|
{
|
|
3605
3633
|
value: "left",
|
|
3606
3634
|
label: g(a).title.alignLeft,
|
|
3607
|
-
icon: g(
|
|
3635
|
+
icon: g(Zt)
|
|
3608
3636
|
},
|
|
3609
3637
|
{
|
|
3610
3638
|
value: "center",
|
|
3611
3639
|
label: g(a).title.alignCenter,
|
|
3612
|
-
icon: g(
|
|
3640
|
+
icon: g(Bt)
|
|
3613
3641
|
},
|
|
3614
3642
|
{
|
|
3615
3643
|
value: "right",
|
|
3616
3644
|
label: g(a).title.alignRight,
|
|
3617
|
-
icon: g(
|
|
3645
|
+
icon: g(qt)
|
|
3618
3646
|
}
|
|
3619
3647
|
],
|
|
3620
3648
|
"model-value": e.block.textAlign,
|
|
@@ -3622,7 +3650,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3622
3650
|
}, null, 8, ["options", "model-value"])])
|
|
3623
3651
|
], 64));
|
|
3624
3652
|
}
|
|
3625
|
-
}),
|
|
3653
|
+
}), rl = { class: "tpl:mb-3.5" }, il = ["value"], al = { value: 1 }, ol = { value: 2 }, sl = { value: 3 }, cl = { value: 4 }, ll = { class: "tpl:mb-3.5" }, ul = ["value"], dl = { value: "" }, fl = ["value"], pl = { class: "tpl:mb-3.5" }, ml = { class: "tpl:mb-3.5" }, hl = /* @__PURE__ */ d({
|
|
3626
3654
|
__name: "TitleToolbar",
|
|
3627
3655
|
props: {
|
|
3628
3656
|
block: {},
|
|
@@ -3635,44 +3663,44 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3635
3663
|
r("update", { [e]: t });
|
|
3636
3664
|
}
|
|
3637
3665
|
return (t, r) => (s(), x(P, null, [
|
|
3638
|
-
|
|
3666
|
+
A("div", rl, [A("label", { class: y(g(J)) }, F(g(i).title.level), 3), A("select", {
|
|
3639
3667
|
class: y(g(Z)),
|
|
3640
3668
|
value: e.block.level,
|
|
3641
3669
|
onChange: r[0] ||= (e) => a("level", Number(e.target.value))
|
|
3642
3670
|
}, [
|
|
3643
|
-
|
|
3644
|
-
|
|
3645
|
-
|
|
3646
|
-
|
|
3647
|
-
], 42,
|
|
3648
|
-
|
|
3671
|
+
A("option", al, F(g(i).title.heading1), 1),
|
|
3672
|
+
A("option", ol, F(g(i).title.heading2), 1),
|
|
3673
|
+
A("option", sl, F(g(i).title.heading3), 1),
|
|
3674
|
+
A("option", cl, F(g(i).title.heading4), 1)
|
|
3675
|
+
], 42, il)]),
|
|
3676
|
+
A("div", ll, [A("label", { class: y(g(J)) }, F(g(i).title.fontFamily), 3), A("select", {
|
|
3649
3677
|
class: y(g(Z)),
|
|
3650
3678
|
value: e.block.fontFamily || "",
|
|
3651
3679
|
onChange: r[1] ||= (e) => a("fontFamily", e.target.value || void 0)
|
|
3652
|
-
}, [
|
|
3680
|
+
}, [A("option", dl, F(g(i).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
|
|
3653
3681
|
key: e.value,
|
|
3654
3682
|
value: e.value
|
|
3655
|
-
}, F(e.label), 9,
|
|
3656
|
-
|
|
3683
|
+
}, F(e.label), 9, fl))), 128))], 42, ul)]),
|
|
3684
|
+
A("div", pl, [A("label", { class: y(g(J)) }, F(g(i).title.color), 3), _(Q, {
|
|
3657
3685
|
"model-value": e.block.color ?? "",
|
|
3658
3686
|
"onUpdate:modelValue": r[2] ||= (e) => a("color", e || void 0)
|
|
3659
3687
|
}, null, 8, ["model-value"])]),
|
|
3660
|
-
|
|
3688
|
+
A("div", ml, [A("label", { class: y(g(J)) }, F(g(i).title.align), 3), _(Mn, {
|
|
3661
3689
|
options: [
|
|
3662
3690
|
{
|
|
3663
3691
|
value: "left",
|
|
3664
3692
|
label: g(i).title.alignLeft,
|
|
3665
|
-
icon: g(
|
|
3693
|
+
icon: g(Zt)
|
|
3666
3694
|
},
|
|
3667
3695
|
{
|
|
3668
3696
|
value: "center",
|
|
3669
3697
|
label: g(i).title.alignCenter,
|
|
3670
|
-
icon: g(
|
|
3698
|
+
icon: g(Bt)
|
|
3671
3699
|
},
|
|
3672
3700
|
{
|
|
3673
3701
|
value: "right",
|
|
3674
3702
|
label: g(i).title.alignRight,
|
|
3675
|
-
icon: g(
|
|
3703
|
+
icon: g(qt)
|
|
3676
3704
|
}
|
|
3677
3705
|
],
|
|
3678
3706
|
"model-value": e.block.textAlign,
|
|
@@ -3680,29 +3708,29 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3680
3708
|
}, null, 8, ["options", "model-value"])])
|
|
3681
3709
|
], 64));
|
|
3682
3710
|
}
|
|
3683
|
-
}),
|
|
3711
|
+
}), gl = { class: "tpl:mb-3.5" }, _l = {
|
|
3684
3712
|
key: 0,
|
|
3685
3713
|
class: "tpl:mb-3.5"
|
|
3686
|
-
},
|
|
3714
|
+
}, vl = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, yl = [
|
|
3687
3715
|
"value",
|
|
3688
3716
|
"placeholder",
|
|
3689
3717
|
"title"
|
|
3690
|
-
],
|
|
3718
|
+
], bl = { class: "tpl:mb-3.5" }, xl = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, Sl = { class: "tpl:mb-3.5" }, Cl = { class: "tpl:mb-3.5" }, wl = ["value"], Tl = { value: "full" }, El = { class: "tpl:mb-3.5" }, Dl = ["value"], Ol = { value: "auto" }, kl = { value: "custom" }, Al = {
|
|
3691
3719
|
key: 0,
|
|
3692
3720
|
class: "tpl:mt-2 tpl:flex tpl:items-stretch"
|
|
3693
|
-
},
|
|
3721
|
+
}, jl = ["value"], Ml = { class: "tpl:mb-3.5" }, Nl = 200, Pl = /* @__PURE__ */ d({
|
|
3694
3722
|
__name: "VideoToolbar",
|
|
3695
3723
|
props: { block: {} },
|
|
3696
3724
|
emits: ["update"],
|
|
3697
3725
|
setup(e, { emit: n }) {
|
|
3698
|
-
let r = e, i = n, { t: a } = q(), o = t(
|
|
3726
|
+
let r = e, i = n, { t: a } = q(), o = t(ot, null), c = t(st, se.liquid), u = pn(), d = b(() => !!o), f = b(() => K(r.block.url, c)), p = b(() => typeof r.block.height == "number" ? "custom" : "auto"), m = l(!1), { start: h } = Ve(() => {
|
|
3699
3727
|
m.value = !1;
|
|
3700
3728
|
}, 1e3, { immediate: !1 });
|
|
3701
3729
|
function v(e, t) {
|
|
3702
3730
|
i("update", { [e]: t });
|
|
3703
3731
|
}
|
|
3704
3732
|
function C(e) {
|
|
3705
|
-
v("height", e === "custom" ?
|
|
3733
|
+
v("height", e === "custom" ? Nl : void 0);
|
|
3706
3734
|
}
|
|
3707
3735
|
function w(e) {
|
|
3708
3736
|
let t = Number(e);
|
|
@@ -3713,15 +3741,15 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3713
3741
|
u.alive && e && (v("thumbnailUrl", e.url), m.value = !0, h());
|
|
3714
3742
|
}
|
|
3715
3743
|
return (t, n) => (s(), x(P, null, [
|
|
3716
|
-
|
|
3717
|
-
|
|
3718
|
-
_(
|
|
3744
|
+
A("div", gl, [
|
|
3745
|
+
A("label", { class: y(g(J)) }, F(g(a).video.videoUrl), 3),
|
|
3746
|
+
_(Vi, {
|
|
3719
3747
|
"model-value": e.block.url,
|
|
3720
3748
|
type: "url",
|
|
3721
3749
|
placeholder: g(a).video.videoUrlPlaceholder,
|
|
3722
3750
|
"onUpdate:modelValue": n[0] ||= (e) => v("url", e)
|
|
3723
3751
|
}, null, 8, ["model-value", "placeholder"]),
|
|
3724
|
-
e.block.url ? (s(), D(
|
|
3752
|
+
e.block.url ? (s(), D($, {
|
|
3725
3753
|
key: 0,
|
|
3726
3754
|
class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
|
|
3727
3755
|
"model-value": e.block.openInNewTab ?? !1,
|
|
@@ -3729,17 +3757,17 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3729
3757
|
"onUpdate:modelValue": n[1] ||= (e) => v("openInNewTab", e)
|
|
3730
3758
|
}, null, 8, ["model-value", "label"])) : S("", !0)
|
|
3731
3759
|
]),
|
|
3732
|
-
f.value ? (s(), x("div",
|
|
3760
|
+
f.value ? (s(), x("div", _l, [A("label", { class: y(g(J)) }, [R(F(g(a).video.placeholderUrl) + " ", 1), A("span", vl, F(g(a).video.optional), 1)], 2), A("input", {
|
|
3733
3761
|
type: "url",
|
|
3734
3762
|
class: y(g(Z)),
|
|
3735
3763
|
value: e.block.placeholderUrl || "",
|
|
3736
3764
|
placeholder: g(a).video.placeholderUrlPlaceholder,
|
|
3737
3765
|
title: g(a).video.placeholderUrlTooltip,
|
|
3738
3766
|
onInput: n[2] ||= (e) => v("placeholderUrl", e.target.value)
|
|
3739
|
-
}, null, 42,
|
|
3740
|
-
|
|
3741
|
-
|
|
3742
|
-
_(
|
|
3767
|
+
}, null, 42, yl)])) : S("", !0),
|
|
3768
|
+
A("div", bl, [
|
|
3769
|
+
A("label", { class: y(g(J)) }, [R(F(g(a).video.customThumbnail) + " ", 1), A("span", xl, F(g(a).video.optional), 1)], 2),
|
|
3770
|
+
_(Vi, {
|
|
3743
3771
|
"model-value": e.block.thumbnailUrl,
|
|
3744
3772
|
type: "url",
|
|
3745
3773
|
placeholder: g(a).video.thumbnailPlaceholder,
|
|
@@ -3759,45 +3787,45 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3759
3787
|
"background-color": "var(--tpl-bg)"
|
|
3760
3788
|
},
|
|
3761
3789
|
onClick: T
|
|
3762
|
-
}, [_(g(
|
|
3790
|
+
}, [_(g(Kt), {
|
|
3763
3791
|
size: 14,
|
|
3764
3792
|
"stroke-width": 1.5
|
|
3765
3793
|
}), R(" " + F(g(a).image.browseMedia), 1)])) : S("", !0)
|
|
3766
3794
|
]),
|
|
3767
|
-
|
|
3795
|
+
A("div", Sl, [A("label", { class: y(g(J)) }, F(g(a).video.altText), 3), _(Vi, {
|
|
3768
3796
|
"model-value": e.block.alt,
|
|
3769
3797
|
type: "text",
|
|
3770
3798
|
placeholder: g(a).video.altTextPlaceholder,
|
|
3771
3799
|
"onUpdate:modelValue": n[4] ||= (e) => v("alt", e)
|
|
3772
3800
|
}, null, 8, ["model-value", "placeholder"])]),
|
|
3773
|
-
|
|
3801
|
+
A("div", Cl, [A("label", { class: y(g(J)) }, F(g(a).video.width), 3), A("select", {
|
|
3774
3802
|
class: y(g(Z)),
|
|
3775
3803
|
value: e.block.width,
|
|
3776
3804
|
onChange: n[5] ||= (e) => v("width", e.target.value === "full" ? "full" : Number(e.target.value))
|
|
3777
3805
|
}, [
|
|
3778
|
-
|
|
3779
|
-
n[9] ||=
|
|
3780
|
-
n[10] ||=
|
|
3781
|
-
n[11] ||=
|
|
3782
|
-
], 42,
|
|
3783
|
-
|
|
3784
|
-
|
|
3785
|
-
|
|
3806
|
+
A("option", Tl, F(g(a).video.fullWidth), 1),
|
|
3807
|
+
n[9] ||= A("option", { value: "300" }, "300px", -1),
|
|
3808
|
+
n[10] ||= A("option", { value: "400" }, "400px", -1),
|
|
3809
|
+
n[11] ||= A("option", { value: "500" }, "500px", -1)
|
|
3810
|
+
], 42, wl)]),
|
|
3811
|
+
A("div", El, [
|
|
3812
|
+
A("label", { class: y(g(J)) }, F(g(a).video.height), 3),
|
|
3813
|
+
A("select", {
|
|
3786
3814
|
class: y(g(Z)),
|
|
3787
3815
|
"data-testid": "video-height-mode",
|
|
3788
3816
|
value: p.value,
|
|
3789
3817
|
onChange: n[6] ||= (e) => C(e.target.value)
|
|
3790
|
-
}, [
|
|
3791
|
-
p.value === "custom" ? (s(), x("div",
|
|
3818
|
+
}, [A("option", Ol, F(g(a).video.heightAuto), 1), A("option", kl, F(g(a).video.heightCustom), 1)], 42, Dl),
|
|
3819
|
+
p.value === "custom" ? (s(), x("div", Al, [A("input", {
|
|
3792
3820
|
type: "number",
|
|
3793
3821
|
"data-testid": "video-height-input",
|
|
3794
3822
|
class: y(g(X)),
|
|
3795
3823
|
value: e.block.height,
|
|
3796
3824
|
min: "20",
|
|
3797
3825
|
onInput: n[7] ||= (e) => w(e.target.value)
|
|
3798
|
-
}, null, 42,
|
|
3826
|
+
}, null, 42, jl), A("span", { class: y(g(Y)) }, "px", 2)])) : S("", !0)
|
|
3799
3827
|
]),
|
|
3800
|
-
|
|
3828
|
+
A("div", Ml, [A("label", { class: y(g(J)) }, F(g(a).title.align), 3), _(Mn, {
|
|
3801
3829
|
options: [
|
|
3802
3830
|
{
|
|
3803
3831
|
value: "left",
|
|
@@ -3817,7 +3845,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3817
3845
|
}, null, 8, ["options", "model-value"])])
|
|
3818
3846
|
], 64));
|
|
3819
3847
|
}
|
|
3820
|
-
}),
|
|
3848
|
+
}), Fl = ["aria-label"], Il = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, Ll = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, Rl = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, zl = { class: "tpl:flex tpl:gap-1" }, Bl = ["title"], Vl = ["title"], Hl = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, Ul = /*#__PURE__*/ un(/* @__PURE__ */ d({
|
|
3821
3849
|
__name: "Toolbar",
|
|
3822
3850
|
props: { block: {} },
|
|
3823
3851
|
emits: [
|
|
@@ -3826,87 +3854,91 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3826
3854
|
"duplicate"
|
|
3827
3855
|
],
|
|
3828
3856
|
setup(e, { emit: n }) {
|
|
3829
|
-
let r = L(() => import("./chunks/CountdownToolbar-
|
|
3857
|
+
let r = L(() => import("./chunks/CountdownToolbar-DyOHOu44.js")), i = e, a = n, { t: o } = q(), c = et(tt, "Toolbar"), l = t(it, []), d = b(() => i.block.type), f = b(() => z(i.block)), p = b(() => {
|
|
3830
3858
|
if (f.value) return l.find((e) => e.type === i.block.customType);
|
|
3831
|
-
}), m = b(() => f.value ? p.value?.name ?? i.block.customType :
|
|
3859
|
+
}), m = b(() => f.value ? p.value?.name ?? i.block.customType : Oe(d.value, o)), h = c.fonts;
|
|
3832
3860
|
function v(e) {
|
|
3833
3861
|
a("update", e);
|
|
3834
3862
|
}
|
|
3835
3863
|
return (t, n) => (s(), x("aside", {
|
|
3836
3864
|
"aria-label": g(o).landmarks.blockToolbar,
|
|
3837
3865
|
class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]"
|
|
3838
|
-
}, [
|
|
3866
|
+
}, [A("div", Il, [A("div", Ll, [g(Dn)[d.value] ? (s(), D(u(g(Dn)[d.value]), {
|
|
3839
3867
|
key: 0,
|
|
3840
3868
|
size: 16,
|
|
3841
3869
|
"stroke-width": 1.5
|
|
3842
|
-
})) : f.value ? (s(), D(g(
|
|
3870
|
+
})) : f.value ? (s(), D(g(Mt), {
|
|
3843
3871
|
key: 1,
|
|
3844
3872
|
size: 16,
|
|
3845
3873
|
"stroke-width": 1.5
|
|
3846
|
-
})) : S("", !0),
|
|
3874
|
+
})) : S("", !0), A("h3", Rl, F(m.value), 1)]), A("div", zl, [A("button", {
|
|
3847
3875
|
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)]",
|
|
3848
3876
|
title: g(o).toolbar.duplicate,
|
|
3849
3877
|
onClick: n[0] ||= (e) => a("duplicate")
|
|
3850
|
-
}, [_(g(
|
|
3878
|
+
}, [_(g(wt), {
|
|
3851
3879
|
size: 14,
|
|
3852
3880
|
"stroke-width": 2
|
|
3853
|
-
})], 8,
|
|
3881
|
+
})], 8, Bl), A("button", {
|
|
3854
3882
|
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)]",
|
|
3855
3883
|
title: g(o).toolbar.delete,
|
|
3856
3884
|
onClick: n[1] ||= (e) => a("delete")
|
|
3857
|
-
}, [_(g(
|
|
3885
|
+
}, [_(g(Ut), {
|
|
3858
3886
|
size: 14,
|
|
3859
3887
|
"stroke-width": 2
|
|
3860
|
-
})], 8,
|
|
3888
|
+
})], 8, Vl)])]), A("div", Hl, [f.value ? (s(), D(Go, {
|
|
3861
3889
|
key: 0,
|
|
3862
3890
|
block: e.block,
|
|
3863
3891
|
onUpdateFieldValues: n[2] ||= (e) => a("update", { fieldValues: e }),
|
|
3864
3892
|
onUpdateDataSourceFetched: n[3] ||= (e) => a("update", { dataSourceFetched: e })
|
|
3865
|
-
}, null, 8, ["block"])) : d.value === "section" ? (s(), D(
|
|
3893
|
+
}, null, 8, ["block"])) : d.value === "section" ? (s(), D(tc, {
|
|
3866
3894
|
key: 1,
|
|
3867
3895
|
block: e.block,
|
|
3868
3896
|
onUpdate: v
|
|
3869
|
-
}, null, 8, ["block"])) : d.value === "title" ? (s(), D(
|
|
3897
|
+
}, null, 8, ["block"])) : d.value === "title" ? (s(), D(hl, {
|
|
3870
3898
|
key: 2,
|
|
3871
3899
|
block: e.block,
|
|
3872
3900
|
"font-families": g(h),
|
|
3873
3901
|
onUpdate: v
|
|
3874
|
-
}, null, 8, ["block", "font-families"])) : d.value === "paragraph" ? (s(),
|
|
3902
|
+
}, null, 8, ["block", "font-families"])) : d.value === "paragraph" ? (s(), D(Vs, {
|
|
3903
|
+
key: 3,
|
|
3904
|
+
block: e.block,
|
|
3905
|
+
onUpdate: v
|
|
3906
|
+
}, null, 8, ["block"])) : d.value === "image" ? (s(), D(Es, {
|
|
3875
3907
|
key: 4,
|
|
3876
3908
|
block: e.block,
|
|
3877
3909
|
onUpdate: v
|
|
3878
|
-
}, null, 8, ["block"])) : d.value === "video" ? (s(), D(
|
|
3910
|
+
}, null, 8, ["block"])) : d.value === "video" ? (s(), D(Pl, {
|
|
3879
3911
|
key: 5,
|
|
3880
3912
|
block: e.block,
|
|
3881
3913
|
onUpdate: v
|
|
3882
|
-
}, null, 8, ["block"])) : d.value === "button" ? (s(), D(
|
|
3914
|
+
}, null, 8, ["block"])) : d.value === "button" ? (s(), D(fa, {
|
|
3883
3915
|
key: 6,
|
|
3884
3916
|
block: e.block,
|
|
3885
3917
|
"font-families": g(h),
|
|
3886
3918
|
onUpdate: v
|
|
3887
|
-
}, null, 8, ["block", "font-families"])) : d.value === "divider" ? (s(), D(
|
|
3919
|
+
}, null, 8, ["block", "font-families"])) : d.value === "divider" ? (s(), D(Zo, {
|
|
3888
3920
|
key: 7,
|
|
3889
3921
|
block: e.block,
|
|
3890
3922
|
onUpdate: v
|
|
3891
|
-
}, null, 8, ["block"])) : d.value === "social" ? (s(), D(
|
|
3923
|
+
}, null, 8, ["block"])) : d.value === "social" ? (s(), D(bc, {
|
|
3892
3924
|
key: 8,
|
|
3893
3925
|
block: e.block,
|
|
3894
3926
|
onUpdate: v
|
|
3895
|
-
}, null, 8, ["block"])) : d.value === "menu" ? (s(), D(
|
|
3927
|
+
}, null, 8, ["block"])) : d.value === "menu" ? (s(), D(Ls, {
|
|
3896
3928
|
key: 9,
|
|
3897
3929
|
block: e.block,
|
|
3898
3930
|
"font-families": g(h),
|
|
3899
3931
|
onUpdate: v
|
|
3900
|
-
}, null, 8, ["block", "font-families"])) : d.value === "table" ? (s(), D(
|
|
3932
|
+
}, null, 8, ["block", "font-families"])) : d.value === "table" ? (s(), D(nl, {
|
|
3901
3933
|
key: 10,
|
|
3902
3934
|
block: e.block,
|
|
3903
3935
|
"font-families": g(h),
|
|
3904
3936
|
onUpdate: v
|
|
3905
|
-
}, null, 8, ["block", "font-families"])) : d.value === "spacer" ? (s(), D(
|
|
3937
|
+
}, null, 8, ["block", "font-families"])) : d.value === "spacer" ? (s(), D(Tc, {
|
|
3906
3938
|
key: 11,
|
|
3907
3939
|
block: e.block,
|
|
3908
3940
|
onUpdate: v
|
|
3909
|
-
}, null, 8, ["block"])) : d.value === "html" ? (s(), D(
|
|
3941
|
+
}, null, 8, ["block"])) : d.value === "html" ? (s(), D(ts, {
|
|
3910
3942
|
key: 12,
|
|
3911
3943
|
block: e.block,
|
|
3912
3944
|
onUpdate: v
|
|
@@ -3915,52 +3947,52 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3915
3947
|
block: e.block,
|
|
3916
3948
|
"font-families": g(h),
|
|
3917
3949
|
onUpdate: v
|
|
3918
|
-
}, null, 8, ["block", "font-families"])) : S("", !0), _(
|
|
3950
|
+
}, null, 8, ["block", "font-families"])) : S("", !0), _(io, {
|
|
3919
3951
|
block: e.block,
|
|
3920
3952
|
"is-first-section": d.value === "paragraph",
|
|
3921
3953
|
onUpdate: v
|
|
3922
|
-
}, null, 8, ["block", "is-first-section"])])], 8,
|
|
3954
|
+
}, null, 8, ["block", "is-first-section"])])], 8, Fl));
|
|
3923
3955
|
}
|
|
3924
|
-
}), [["__scopeId", "data-v-
|
|
3956
|
+
}), [["__scopeId", "data-v-dbc9901a"]]), Wl = ["aria-label"], Gl = {
|
|
3925
3957
|
role: "tablist",
|
|
3926
3958
|
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"
|
|
3927
|
-
},
|
|
3959
|
+
}, Kl = [
|
|
3928
3960
|
"aria-selected",
|
|
3929
3961
|
"aria-label",
|
|
3930
3962
|
"title"
|
|
3931
|
-
],
|
|
3963
|
+
], ql = { key: 0 }, Jl = [
|
|
3932
3964
|
"aria-selected",
|
|
3933
3965
|
"aria-label",
|
|
3934
3966
|
"title"
|
|
3935
|
-
],
|
|
3967
|
+
], Yl = { key: 0 }, Xl = [
|
|
3936
3968
|
"aria-selected",
|
|
3937
3969
|
"aria-label",
|
|
3938
3970
|
"title"
|
|
3939
|
-
],
|
|
3971
|
+
], Zl = { key: 0 }, Ql = {
|
|
3940
3972
|
key: 1,
|
|
3941
3973
|
class: "tpl:ml-1 tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-1.5 tpl:text-[10px]"
|
|
3942
|
-
},
|
|
3974
|
+
}, $l = {
|
|
3943
3975
|
key: 0,
|
|
3944
3976
|
id: "tpl-tabpanel-content",
|
|
3945
3977
|
role: "tabpanel",
|
|
3946
3978
|
"aria-labelledby": "tpl-tab-content",
|
|
3947
3979
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
3948
|
-
},
|
|
3980
|
+
}, eu = {
|
|
3949
3981
|
key: 1,
|
|
3950
3982
|
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)]"
|
|
3951
|
-
},
|
|
3983
|
+
}, tu = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, nu = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, ru = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, iu = {
|
|
3952
3984
|
key: 1,
|
|
3953
3985
|
id: "tpl-tabpanel-settings",
|
|
3954
3986
|
role: "tabpanel",
|
|
3955
3987
|
"aria-labelledby": "tpl-tab-settings",
|
|
3956
3988
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
3957
|
-
},
|
|
3989
|
+
}, au = {
|
|
3958
3990
|
key: 2,
|
|
3959
3991
|
id: "tpl-tabpanel-issues",
|
|
3960
3992
|
role: "tabpanel",
|
|
3961
3993
|
"aria-labelledby": "tpl-tab-issues",
|
|
3962
3994
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
3963
|
-
},
|
|
3995
|
+
}, ou = /* @__PURE__ */ d({
|
|
3964
3996
|
__name: "RightSidebar",
|
|
3965
3997
|
props: {
|
|
3966
3998
|
selectedBlock: {},
|
|
@@ -3974,7 +4006,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3974
4006
|
"update-settings"
|
|
3975
4007
|
],
|
|
3976
4008
|
setup(n, { emit: r }) {
|
|
3977
|
-
let i = L(() => import("./chunks/IssuesPanel-
|
|
4009
|
+
let i = L(() => import("./chunks/IssuesPanel-3vD3ImHF.js")), a = n, o = r, { t: c } = q(), u = l("content"), d = t(gt, null), f = b(() => d !== null), p = b(() => d?.issues.value.length ?? 0);
|
|
3978
4010
|
function m(e) {
|
|
3979
4011
|
return u.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)]";
|
|
3980
4012
|
}
|
|
@@ -3990,8 +4022,8 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3990
4022
|
"aria-label": g(c).landmarks.rightSidebar,
|
|
3991
4023
|
class: y(["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)]", n.shiftedLeft ? "tpl:right-[360px]" : "tpl:right-0"])
|
|
3992
4024
|
}, [
|
|
3993
|
-
|
|
3994
|
-
|
|
4025
|
+
A("div", Gl, [
|
|
4026
|
+
A("button", {
|
|
3995
4027
|
id: "tpl-tab-content",
|
|
3996
4028
|
role: "tab",
|
|
3997
4029
|
"aria-selected": u.value === "content",
|
|
@@ -4001,11 +4033,11 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4001
4033
|
class: y(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", m("content")]),
|
|
4002
4034
|
style: E(h("content")),
|
|
4003
4035
|
onClick: t[0] ||= (e) => u.value = "content"
|
|
4004
|
-
}, [_(g(
|
|
4036
|
+
}, [_(g(tn), {
|
|
4005
4037
|
size: 14,
|
|
4006
4038
|
"stroke-width": 2
|
|
4007
|
-
}), u.value === "content" ? (s(), x("span",
|
|
4008
|
-
|
|
4039
|
+
}), u.value === "content" ? (s(), x("span", ql, F(g(c).sidebar.content), 1)) : S("", !0)], 14, Kl),
|
|
4040
|
+
A("button", {
|
|
4009
4041
|
id: "tpl-tab-settings",
|
|
4010
4042
|
role: "tab",
|
|
4011
4043
|
"aria-selected": u.value === "settings",
|
|
@@ -4015,10 +4047,10 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4015
4047
|
class: y(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", m("settings")]),
|
|
4016
4048
|
style: E(h("settings")),
|
|
4017
4049
|
onClick: t[1] ||= (e) => u.value = "settings"
|
|
4018
|
-
}, [_(g(
|
|
4050
|
+
}, [_(g(Yt), {
|
|
4019
4051
|
size: 14,
|
|
4020
4052
|
"stroke-width": 1.5
|
|
4021
|
-
}), u.value === "settings" ? (s(), x("span",
|
|
4053
|
+
}), u.value === "settings" ? (s(), x("span", Yl, F(g(c).sidebar.settings), 1)) : S("", !0)], 14, Jl),
|
|
4022
4054
|
f.value ? (s(), x("button", {
|
|
4023
4055
|
key: 0,
|
|
4024
4056
|
id: "tpl-tab-issues",
|
|
@@ -4031,94 +4063,94 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4031
4063
|
style: E(h("issues")),
|
|
4032
4064
|
onClick: t[2] ||= (e) => u.value = "issues"
|
|
4033
4065
|
}, [
|
|
4034
|
-
_(g(
|
|
4066
|
+
_(g(an), {
|
|
4035
4067
|
size: 14,
|
|
4036
4068
|
"stroke-width": 1.5
|
|
4037
4069
|
}),
|
|
4038
|
-
u.value === "issues" ? (s(), x("span",
|
|
4039
|
-
p.value > 0 ? (s(), x("span",
|
|
4040
|
-
], 14,
|
|
4070
|
+
u.value === "issues" ? (s(), x("span", Zl, F(g(c).issues.panelTabLabel), 1)) : S("", !0),
|
|
4071
|
+
p.value > 0 ? (s(), x("span", Ql, F(p.value), 1)) : S("", !0)
|
|
4072
|
+
], 14, Xl)) : S("", !0)
|
|
4041
4073
|
]),
|
|
4042
|
-
u.value === "content" ? (s(), x("div",
|
|
4074
|
+
u.value === "content" ? (s(), x("div", $l, [n.selectedBlock ? (s(), D(Ul, {
|
|
4043
4075
|
key: 0,
|
|
4044
4076
|
block: n.selectedBlock,
|
|
4045
4077
|
onUpdate: t[3] ||= (e) => o("update-block", e),
|
|
4046
4078
|
onDelete: t[4] ||= (e) => o("delete-block"),
|
|
4047
4079
|
onDuplicate: t[5] ||= (e) => o("duplicate-block")
|
|
4048
|
-
}, null, 8, ["block"])) : (s(), x("div",
|
|
4049
|
-
|
|
4080
|
+
}, null, 8, ["block"])) : (s(), x("div", eu, [
|
|
4081
|
+
A("div", tu, [_(g(Xt), {
|
|
4050
4082
|
size: 40,
|
|
4051
4083
|
"stroke-width": 1.5
|
|
4052
4084
|
})]),
|
|
4053
|
-
|
|
4054
|
-
|
|
4085
|
+
A("h3", nu, F(g(c).sidebar.noSelection), 1),
|
|
4086
|
+
A("p", ru, F(g(c).sidebar.noSelectionHint), 1)
|
|
4055
4087
|
]))])) : S("", !0),
|
|
4056
|
-
u.value === "settings" ? (s(), x("div",
|
|
4088
|
+
u.value === "settings" ? (s(), x("div", iu, [_(Pi, {
|
|
4057
4089
|
settings: n.settings,
|
|
4058
4090
|
onUpdate: t[6] ||= (e) => o("update-settings", e)
|
|
4059
4091
|
}, null, 8, ["settings"])])) : S("", !0),
|
|
4060
|
-
u.value === "issues" && f.value ? (s(), x("div",
|
|
4061
|
-
], 10,
|
|
4092
|
+
u.value === "issues" && f.value ? (s(), x("div", au, [_(g(i))])) : S("", !0)
|
|
4093
|
+
], 10, Wl));
|
|
4062
4094
|
}
|
|
4063
|
-
}),
|
|
4095
|
+
}), su = {
|
|
4064
4096
|
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)]",
|
|
4065
4097
|
style: { "z-index": "10001" },
|
|
4066
4098
|
role: "status",
|
|
4067
4099
|
"data-testid": "small-screen-notice"
|
|
4068
|
-
},
|
|
4100
|
+
}, cu = { class: "tpl:text-[var(--tpl-text-dim)]" }, lu = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, uu = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, du = /* @__PURE__ */ d({
|
|
4069
4101
|
__name: "SmallScreenNotice",
|
|
4070
4102
|
setup(e) {
|
|
4071
4103
|
let { t } = q();
|
|
4072
|
-
return (e, n) => (s(), x("div",
|
|
4073
|
-
|
|
4104
|
+
return (e, n) => (s(), x("div", su, [
|
|
4105
|
+
A("div", cu, [_(g(bt), {
|
|
4074
4106
|
size: 48,
|
|
4075
4107
|
"stroke-width": 1.5
|
|
4076
4108
|
})]),
|
|
4077
|
-
|
|
4078
|
-
|
|
4109
|
+
A("h2", lu, F(g(t).smallScreen.title), 1),
|
|
4110
|
+
A("p", uu, F(g(t).smallScreen.message), 1)
|
|
4079
4111
|
]));
|
|
4080
4112
|
}
|
|
4081
|
-
}),
|
|
4113
|
+
}), fu = {
|
|
4082
4114
|
class: "tpl:pointer-events-auto tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-tl-lg tpl:p-1",
|
|
4083
4115
|
style: {
|
|
4084
4116
|
"background-color": "color-mix(\n in srgb,\n var(--tpl-canvas-bg) 85%,\n transparent\n )",
|
|
4085
4117
|
"backdrop-filter": "blur(8px)",
|
|
4086
4118
|
"-webkit-backdrop-filter": "blur(8px)"
|
|
4087
4119
|
}
|
|
4088
|
-
},
|
|
4120
|
+
}, pu = {
|
|
4089
4121
|
href: "https://github.com/templatical/sdk",
|
|
4090
4122
|
target: "_blank",
|
|
4091
4123
|
rel: "noopener noreferrer",
|
|
4092
4124
|
class: "tpl:transition-colors tpl:hover:opacity-80 tpl:text-[var(--tpl-text-dim)]",
|
|
4093
4125
|
style: { "text-decoration": "none" }
|
|
4094
|
-
},
|
|
4126
|
+
}, mu = /* @__PURE__ */ d({
|
|
4095
4127
|
__name: "EditorFooter",
|
|
4096
4128
|
props: { positionClass: {} },
|
|
4097
4129
|
setup(e) {
|
|
4098
4130
|
let { t } = q();
|
|
4099
|
-
return (n, r) => (s(), x("footer", { class: y(["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]) }, [
|
|
4100
|
-
|
|
4101
|
-
r[0] ||=
|
|
4131
|
+
return (n, r) => (s(), x("footer", { class: y(["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]) }, [A("div", fu, [
|
|
4132
|
+
A("span", null, F(g(t).footer.poweredBy), 1),
|
|
4133
|
+
r[0] ||= A("a", {
|
|
4102
4134
|
href: "https://templatical.com",
|
|
4103
4135
|
target: "_blank",
|
|
4104
4136
|
rel: "noopener noreferrer",
|
|
4105
4137
|
class: "tpl:inline-flex tpl:items-center tpl:gap-1 tpl:font-medium tpl:transition-colors tpl:hover:opacity-80 tpl:text-[var(--tpl-text-muted)]",
|
|
4106
4138
|
style: { "text-decoration": "none" }
|
|
4107
|
-
}, [
|
|
4139
|
+
}, [A("img", {
|
|
4108
4140
|
width: "14",
|
|
4109
4141
|
height: "14",
|
|
4110
4142
|
src: "https://templatical.com/logo.svg",
|
|
4111
4143
|
alt: ""
|
|
4112
4144
|
}), R(" Templatical ")], -1),
|
|
4113
|
-
r[1] ||=
|
|
4114
|
-
|
|
4145
|
+
r[1] ||= A("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
|
|
4146
|
+
A("a", pu, F(g(t).footer.openSource), 1)
|
|
4115
4147
|
])], 2));
|
|
4116
4148
|
}
|
|
4117
|
-
}),
|
|
4149
|
+
}), hu = [
|
|
4118
4150
|
"aria-label",
|
|
4119
4151
|
"title",
|
|
4120
4152
|
"aria-pressed"
|
|
4121
|
-
],
|
|
4153
|
+
], gu = /*#__PURE__*/ un(/* @__PURE__ */ d({
|
|
4122
4154
|
__name: "DarkModeToggle",
|
|
4123
4155
|
props: { darkMode: { type: Boolean } },
|
|
4124
4156
|
emits: ["change"],
|
|
@@ -4141,23 +4173,23 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4141
4173
|
"leave-to-class": "tpl-icon-leave-to",
|
|
4142
4174
|
mode: "out-in"
|
|
4143
4175
|
}, {
|
|
4144
|
-
default: r(() => [e.darkMode ? (s(), D(g(
|
|
4176
|
+
default: r(() => [e.darkMode ? (s(), D(g(Pt), {
|
|
4145
4177
|
key: "moon",
|
|
4146
4178
|
size: 18,
|
|
4147
4179
|
"stroke-width": 1.5
|
|
4148
|
-
})) : (s(), D(g(
|
|
4180
|
+
})) : (s(), D(g(Ht), {
|
|
4149
4181
|
key: "sun",
|
|
4150
4182
|
size: 18,
|
|
4151
4183
|
"stroke-width": 1.5
|
|
4152
4184
|
}))]),
|
|
4153
4185
|
_: 1
|
|
4154
|
-
})], 12,
|
|
4186
|
+
})], 12, hu));
|
|
4155
4187
|
}
|
|
4156
|
-
}), [["__scopeId", "data-v-632aa74f"]]),
|
|
4188
|
+
}), [["__scopeId", "data-v-632aa74f"]]), _u = [
|
|
4157
4189
|
"aria-label",
|
|
4158
4190
|
"title",
|
|
4159
4191
|
"aria-pressed"
|
|
4160
|
-
],
|
|
4192
|
+
], vu = /*#__PURE__*/ un(/* @__PURE__ */ d({
|
|
4161
4193
|
__name: "PreviewToggle",
|
|
4162
4194
|
props: { previewMode: { type: Boolean } },
|
|
4163
4195
|
emits: ["change"],
|
|
@@ -4180,19 +4212,19 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4180
4212
|
"leave-to-class": "tpl-icon-leave-to",
|
|
4181
4213
|
mode: "out-in"
|
|
4182
4214
|
}, {
|
|
4183
|
-
default: r(() => [e.previewMode ? (s(), D(g(
|
|
4215
|
+
default: r(() => [e.previewMode ? (s(), D(g(cn), {
|
|
4184
4216
|
key: "eye",
|
|
4185
4217
|
size: 18,
|
|
4186
4218
|
"stroke-width": 1.5
|
|
4187
|
-
})) : (s(), D(g(
|
|
4219
|
+
})) : (s(), D(g(Lt), {
|
|
4188
4220
|
key: "eye-off",
|
|
4189
4221
|
size: 18,
|
|
4190
4222
|
"stroke-width": 1.5
|
|
4191
4223
|
}))]),
|
|
4192
4224
|
_: 1
|
|
4193
|
-
})], 12,
|
|
4225
|
+
})], 12, _u));
|
|
4194
4226
|
}
|
|
4195
|
-
}), [["__scopeId", "data-v-eef7b2ca"]]),
|
|
4227
|
+
}), [["__scopeId", "data-v-eef7b2ca"]]), yu = ["aria-label", "onKeydown"], bu = ["title", "aria-label"], xu = /* @__PURE__ */ d({
|
|
4196
4228
|
__name: "TemplateNameField",
|
|
4197
4229
|
props: {
|
|
4198
4230
|
name: {},
|
|
@@ -4224,7 +4256,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4224
4256
|
class: y([g(Z), "tpl:h-8 tpl:max-w-[260px] tpl:text-sm tpl:font-medium"]),
|
|
4225
4257
|
onKeydown: [v(T(d, ["prevent"]), ["enter"]), v(T(p, ["prevent"]), ["esc"])],
|
|
4226
4258
|
onBlur: d
|
|
4227
|
-
}, null, 42,
|
|
4259
|
+
}, null, 42, yu)), [[k, o.value]]) : e.editable ? (s(), x("button", {
|
|
4228
4260
|
key: 1,
|
|
4229
4261
|
type: "button",
|
|
4230
4262
|
"data-testid": "template-name",
|
|
@@ -4232,13 +4264,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4232
4264
|
"aria-label": g(i).header.rename,
|
|
4233
4265
|
class: y(["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 }]),
|
|
4234
4266
|
onClick: u
|
|
4235
|
-
}, F(e.name || g(i).header.untitled), 11,
|
|
4267
|
+
}, F(e.name || g(i).header.untitled), 11, bu)) : (s(), x("span", {
|
|
4236
4268
|
key: 2,
|
|
4237
4269
|
"data-testid": "template-name",
|
|
4238
4270
|
class: y(["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 }])
|
|
4239
4271
|
}, F(e.name || g(i).header.untitled), 3));
|
|
4240
4272
|
}
|
|
4241
|
-
}),
|
|
4273
|
+
}), Su = ["title"], Cu = /* @__PURE__ */ d({
|
|
4242
4274
|
__name: "TemplateTimestamp",
|
|
4243
4275
|
props: {
|
|
4244
4276
|
iso: {},
|
|
@@ -4246,7 +4278,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4246
4278
|
},
|
|
4247
4279
|
setup(e) {
|
|
4248
4280
|
let t = e, { t: n, format: r } = q(), i = l(0);
|
|
4249
|
-
|
|
4281
|
+
Ue(() => {
|
|
4250
4282
|
i.value += 1;
|
|
4251
4283
|
}, 6e4);
|
|
4252
4284
|
let a = b(() => {
|
|
@@ -4263,19 +4295,19 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4263
4295
|
"data-testid": "template-timestamp",
|
|
4264
4296
|
title: o.value,
|
|
4265
4297
|
class: "tpl:max-w-[260px] tpl:truncate tpl:px-2 tpl:text-xs tpl:leading-tight tpl:text-[var(--tpl-text-dim)]"
|
|
4266
|
-
}, F(a.value), 9,
|
|
4298
|
+
}, F(a.value), 9, Su)) : S("", !0);
|
|
4267
4299
|
}
|
|
4268
|
-
}),
|
|
4300
|
+
}), wu = ["data-tooltip"], Tu = {
|
|
4269
4301
|
key: 1,
|
|
4270
4302
|
"aria-live": "polite",
|
|
4271
4303
|
"data-testid": "save-status-saved",
|
|
4272
4304
|
class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-success)]"
|
|
4273
|
-
},
|
|
4305
|
+
}, Eu = {
|
|
4274
4306
|
key: 2,
|
|
4275
4307
|
"aria-live": "polite",
|
|
4276
4308
|
"data-testid": "save-status-unsaved",
|
|
4277
4309
|
class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
|
|
4278
|
-
},
|
|
4310
|
+
}, Du = /* @__PURE__ */ d({
|
|
4279
4311
|
__name: "TemplateSaveStatus",
|
|
4280
4312
|
props: {
|
|
4281
4313
|
status: {},
|
|
@@ -4290,22 +4322,22 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4290
4322
|
"data-testid": "save-status-error",
|
|
4291
4323
|
class: "tpl-tooltip tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]",
|
|
4292
4324
|
"data-tooltip": e.errorMessage
|
|
4293
|
-
}, [_(g(
|
|
4325
|
+
}, [_(g(At), {
|
|
4294
4326
|
size: 12,
|
|
4295
4327
|
"stroke-width": 2.5
|
|
4296
|
-
}), R(" " + F(g(t).header.saveFailed), 1)], 8,
|
|
4328
|
+
}), R(" " + F(g(t).header.saveFailed), 1)], 8, wu)) : e.status === "saved" ? (s(), x("div", Tu, [_(g(Ot), {
|
|
4297
4329
|
size: 12,
|
|
4298
4330
|
"stroke-width": 2.5
|
|
4299
|
-
}), R(" " + F(g(t).header.saved), 1)])) : e.isDirty ? (s(), x("div",
|
|
4331
|
+
}), R(" " + F(g(t).header.saved), 1)])) : e.isDirty ? (s(), x("div", Eu, [r[0] ||= A("span", { class: "tpl-pulse tpl:size-1.5 tpl:rounded-full tpl:bg-[var(--tpl-primary)]" }, null, -1), R(" " + F(g(t).header.unsaved), 1)])) : S("", !0);
|
|
4300
4332
|
}
|
|
4301
|
-
}),
|
|
4333
|
+
}), Ou = { 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)]" }, ku = { class: "tpl-header-left tpl:flex tpl:min-w-[200px] tpl:items-center tpl:gap-2.5" }, Au = { class: "tpl-header-center tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, ju = { class: "tpl-header-right tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, Mu = ["aria-label", "aria-expanded"], Nu = {
|
|
4302
4334
|
key: 0,
|
|
4303
4335
|
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)]"
|
|
4304
|
-
},
|
|
4336
|
+
}, Pu = [
|
|
4305
4337
|
"aria-label",
|
|
4306
4338
|
"title",
|
|
4307
4339
|
"disabled"
|
|
4308
|
-
],
|
|
4340
|
+
], Fu = ["disabled", "title"], Iu = /* @__PURE__ */ d({
|
|
4309
4341
|
__name: "EditorHeader",
|
|
4310
4342
|
props: {
|
|
4311
4343
|
editor: {},
|
|
@@ -4317,13 +4349,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4317
4349
|
comments: {}
|
|
4318
4350
|
},
|
|
4319
4351
|
setup(e) {
|
|
4320
|
-
let t = L(() => import("./chunks/VersionHistoryMenu-
|
|
4321
|
-
return (n, r) => (s(), x("header",
|
|
4322
|
-
|
|
4352
|
+
let t = L(() => import("./chunks/VersionHistoryMenu-CMqZFUHE.js"));
|
|
4353
|
+
return (n, r) => (s(), x("header", Ou, [
|
|
4354
|
+
A("div", ku, [
|
|
4323
4355
|
e.templates?.isAvailable.value && e.templates.hasTemplate.value && (e.showTemplateName || e.templates.timestamp.value) ? (s(), x("div", {
|
|
4324
4356
|
key: 0,
|
|
4325
4357
|
class: y(["tpl:flex tpl:min-w-0 tpl:flex-col tpl:items-start", { "tpl:pb-1.5": e.showTemplateName && e.templates.timestamp.value !== null }])
|
|
4326
|
-
}, [e.showTemplateName ? (s(), D(
|
|
4358
|
+
}, [e.showTemplateName ? (s(), D(xu, {
|
|
4327
4359
|
key: 0,
|
|
4328
4360
|
name: e.templates.name.value,
|
|
4329
4361
|
editable: e.templates.canSave.value,
|
|
@@ -4332,7 +4364,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4332
4364
|
"name",
|
|
4333
4365
|
"editable",
|
|
4334
4366
|
"onCommit"
|
|
4335
|
-
])) : S("", !0), e.templates.timestamp.value ? (s(), D(
|
|
4367
|
+
])) : S("", !0), e.templates.timestamp.value ? (s(), D(Cu, {
|
|
4336
4368
|
key: 1,
|
|
4337
4369
|
iso: e.templates.timestamp.value.iso,
|
|
4338
4370
|
kind: e.templates.timestamp.value.kind
|
|
@@ -4353,22 +4385,22 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4353
4385
|
])) : S("", !0),
|
|
4354
4386
|
i(n.$slots, "left-extras")
|
|
4355
4387
|
]),
|
|
4356
|
-
|
|
4388
|
+
A("div", Au, [
|
|
4357
4389
|
_(Pn, {
|
|
4358
4390
|
viewport: e.editor.state.viewport,
|
|
4359
4391
|
onChange: e.editor.setViewport
|
|
4360
4392
|
}, null, 8, ["viewport", "onChange"]),
|
|
4361
|
-
_(
|
|
4393
|
+
_(gu, {
|
|
4362
4394
|
"dark-mode": e.editor.state.darkMode,
|
|
4363
4395
|
onChange: e.editor.setDarkMode
|
|
4364
4396
|
}, null, 8, ["dark-mode", "onChange"]),
|
|
4365
|
-
_(
|
|
4397
|
+
_(vu, {
|
|
4366
4398
|
"preview-mode": e.editor.state.previewMode,
|
|
4367
4399
|
onChange: e.editor.setPreviewMode
|
|
4368
4400
|
}, null, 8, ["preview-mode", "onChange"])
|
|
4369
4401
|
]),
|
|
4370
|
-
|
|
4371
|
-
e.templates?.isAvailable.value && e.templates.canSave.value ? (s(), D(
|
|
4402
|
+
A("div", ju, [
|
|
4403
|
+
e.templates?.isAvailable.value && e.templates.canSave.value ? (s(), D(Du, {
|
|
4372
4404
|
key: 0,
|
|
4373
4405
|
status: e.templates.status.value,
|
|
4374
4406
|
"error-message": e.templates.errorMessage.value,
|
|
@@ -4384,20 +4416,20 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4384
4416
|
"data-testid": "comments-trigger",
|
|
4385
4417
|
"aria-label": e.comments.unresolvedCount.value > 0 ? `${e.core.t.comments.button} (${e.comments.unresolvedCount.value})` : e.core.t.comments.button,
|
|
4386
4418
|
"aria-expanded": e.comments.isOpen.value,
|
|
4387
|
-
class: y(g(
|
|
4419
|
+
class: y(g(gn)),
|
|
4388
4420
|
style: E(e.comments.isOpen.value ? {
|
|
4389
4421
|
backgroundColor: "var(--tpl-primary-light)",
|
|
4390
4422
|
borderColor: "var(--tpl-primary-light)"
|
|
4391
4423
|
} : void 0),
|
|
4392
4424
|
onClick: r[2] ||= (t) => e.comments.toggle()
|
|
4393
4425
|
}, [
|
|
4394
|
-
_(g(
|
|
4426
|
+
_(g(on), {
|
|
4395
4427
|
size: 16,
|
|
4396
4428
|
"stroke-width": 2
|
|
4397
4429
|
}),
|
|
4398
4430
|
R(" " + F(e.core.t.comments.button) + " ", 1),
|
|
4399
|
-
e.comments.unresolvedCount.value > 0 && !e.comments.isOpen.value ? (s(), x("span",
|
|
4400
|
-
], 14,
|
|
4431
|
+
e.comments.unresolvedCount.value > 0 && !e.comments.isOpen.value ? (s(), x("span", Nu, F(e.comments.unresolvedCount.value), 1)) : S("", !0)
|
|
4432
|
+
], 14, Mu)) : S("", !0),
|
|
4401
4433
|
i(n.$slots, "right-extras"),
|
|
4402
4434
|
e.testEmail?.isAvailable.value ? (s(), x("button", {
|
|
4403
4435
|
key: 2,
|
|
@@ -4406,63 +4438,63 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4406
4438
|
"aria-label": e.core.t.testEmail.title,
|
|
4407
4439
|
title: e.core.t.testEmail.title,
|
|
4408
4440
|
disabled: e.testEmail.isSending.value,
|
|
4409
|
-
class: y(g(
|
|
4441
|
+
class: y(g(gn)),
|
|
4410
4442
|
onClick: r[3] ||= (t) => e.testEmail.open()
|
|
4411
|
-
}, [e.testEmail.isSending.value ? (s(), D(g(
|
|
4443
|
+
}, [e.testEmail.isSending.value ? (s(), D(g(Jt), {
|
|
4412
4444
|
key: 1,
|
|
4413
4445
|
class: "tpl-spinner",
|
|
4414
4446
|
size: 16,
|
|
4415
4447
|
"stroke-width": 2
|
|
4416
|
-
})) : (s(), D(g(
|
|
4448
|
+
})) : (s(), D(g(kt), {
|
|
4417
4449
|
key: 0,
|
|
4418
4450
|
size: 16,
|
|
4419
4451
|
"stroke-width": 2
|
|
4420
|
-
})), R(" " + F(e.core.t.testEmail.button), 1)], 10,
|
|
4452
|
+
})), R(" " + F(e.core.t.testEmail.button), 1)], 10, Pu)) : S("", !0),
|
|
4421
4453
|
e.templates?.isAvailable.value && e.templates.canSave.value ? (s(), x("button", {
|
|
4422
4454
|
key: 3,
|
|
4423
4455
|
type: "button",
|
|
4424
4456
|
"data-testid": "template-save",
|
|
4425
|
-
class: y(g(e.editor.state.isDirty && e.templates.hasTemplate.value ?
|
|
4457
|
+
class: y(g(e.editor.state.isDirty && e.templates.hasTemplate.value ? Cn : gn)),
|
|
4426
4458
|
style: E(e.editor.state.isDirty && e.templates.hasTemplate.value ? { boxShadow: "var(--tpl-shadow-sm)" } : void 0),
|
|
4427
4459
|
disabled: e.templates.isSaving.value || !e.templates.hasTemplate.value,
|
|
4428
4460
|
title: e.templates.hasTemplate.value ? e.core.t.header.save : e.core.t.header.saveNoTemplate,
|
|
4429
4461
|
onClick: r[4] ||= (t) => e.templates.requestSave()
|
|
4430
|
-
}, [e.templates.isSaving.value ? (s(), D(g(
|
|
4462
|
+
}, [e.templates.isSaving.value ? (s(), D(g(Jt), {
|
|
4431
4463
|
key: 1,
|
|
4432
4464
|
class: "tpl-spinner",
|
|
4433
4465
|
size: 16,
|
|
4434
4466
|
"stroke-width": 2
|
|
4435
|
-
})) : (s(), D(g(
|
|
4467
|
+
})) : (s(), D(g(Tt), {
|
|
4436
4468
|
key: 0,
|
|
4437
4469
|
size: 16,
|
|
4438
4470
|
"stroke-width": 2
|
|
4439
|
-
})), R(" " + F(e.templates.isSaving.value ? e.core.t.header.saving : e.core.t.header.save), 1)], 14,
|
|
4471
|
+
})), R(" " + F(e.templates.isSaving.value ? e.core.t.header.saving : e.core.t.header.save), 1)], 14, Fu)) : S("", !0)
|
|
4440
4472
|
])
|
|
4441
4473
|
]));
|
|
4442
4474
|
}
|
|
4443
|
-
}),
|
|
4475
|
+
}), Lu = ["aria-labelledby", "data-tpl-theme"], Ru = { 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" }, zu = ["id"], Bu = ["aria-label"], Vu = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Hu = [
|
|
4444
4476
|
"id",
|
|
4445
4477
|
"placeholder",
|
|
4446
4478
|
"aria-label",
|
|
4447
4479
|
"aria-activedescendant"
|
|
4448
|
-
],
|
|
4480
|
+
], Uu = {
|
|
4449
4481
|
key: 0,
|
|
4450
4482
|
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",
|
|
4451
4483
|
"data-testid": "merge-tag-picker-group-pills"
|
|
4452
|
-
},
|
|
4484
|
+
}, Wu = ["data-group-name", "onClick"], Gu = ["aria-label"], Ku = {
|
|
4453
4485
|
key: 0,
|
|
4454
4486
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
4455
4487
|
"data-testid": "merge-tag-picker-empty"
|
|
4456
|
-
},
|
|
4488
|
+
}, qu = {
|
|
4457
4489
|
key: 1,
|
|
4458
4490
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
4459
4491
|
"data-testid": "merge-tag-picker-empty"
|
|
4460
|
-
},
|
|
4492
|
+
}, Ju = [
|
|
4461
4493
|
"aria-expanded",
|
|
4462
4494
|
"data-group-name",
|
|
4463
4495
|
"data-group-collapsed",
|
|
4464
4496
|
"onClick"
|
|
4465
|
-
],
|
|
4497
|
+
], Yu = { class: "tpl:ml-1 tpl:font-normal" }, Xu = [
|
|
4466
4498
|
"id",
|
|
4467
4499
|
"aria-selected",
|
|
4468
4500
|
"data-selected",
|
|
@@ -4471,23 +4503,23 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4471
4503
|
"title",
|
|
4472
4504
|
"onMousemove",
|
|
4473
4505
|
"onClick"
|
|
4474
|
-
],
|
|
4506
|
+
], Zu = { 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)]" }, $u = {
|
|
4475
4507
|
key: 0,
|
|
4476
4508
|
class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
4477
|
-
},
|
|
4509
|
+
}, ed = {
|
|
4478
4510
|
key: 1,
|
|
4479
4511
|
"data-testid": "merge-tag-picker-sample",
|
|
4480
4512
|
class: "tpl:line-clamp-1 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
4481
|
-
},
|
|
4513
|
+
}, td = "tpl-merge-tag-picker-list", nd = /* @__PURE__ */ d({
|
|
4482
4514
|
__name: "MergeTagPickerModal",
|
|
4483
4515
|
setup(i) {
|
|
4484
|
-
let a =
|
|
4485
|
-
function M(e) {
|
|
4486
|
-
return j.value.has(e);
|
|
4487
|
-
}
|
|
4516
|
+
let a = et(Ke, "MergeTagPickerModal"), { t: o, format: c } = q(), u = t(Ge, null), d = t(Je, null), p = l(""), m = He(p, 200), h = l(null), C = b(() => m.value.trim().length > 0), O = l(0), j = b(() => a.tags.value.some((e) => !!e.group)), M = l(/* @__PURE__ */ new Set());
|
|
4488
4517
|
function N(e) {
|
|
4489
|
-
|
|
4490
|
-
|
|
4518
|
+
return M.value.has(e);
|
|
4519
|
+
}
|
|
4520
|
+
function ee(e) {
|
|
4521
|
+
let t = new Set(M.value);
|
|
4522
|
+
t.has(e) ? t.delete(e) : t.add(e), M.value = t, O.value = 0;
|
|
4491
4523
|
}
|
|
4492
4524
|
let I = b(() => {
|
|
4493
4525
|
let e = m.value.trim().toLowerCase();
|
|
@@ -4497,7 +4529,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4497
4529
|
t.description ?? ""
|
|
4498
4530
|
].join(" ").toLowerCase().includes(e)) : a.tags.value;
|
|
4499
4531
|
}), L = b(() => {
|
|
4500
|
-
if (!
|
|
4532
|
+
if (!j.value) return [];
|
|
4501
4533
|
let e = o.mergeTag.picker.otherGroup, t = /* @__PURE__ */ new Set(), n = [];
|
|
4502
4534
|
for (let r of a.tags.value) {
|
|
4503
4535
|
let i = r.group ?? e;
|
|
@@ -4506,7 +4538,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4506
4538
|
return n;
|
|
4507
4539
|
}), R = b(() => {
|
|
4508
4540
|
let e = I.value;
|
|
4509
|
-
if (!
|
|
4541
|
+
if (!j.value || C.value) return e.map((e, t) => ({
|
|
4510
4542
|
kind: "tag",
|
|
4511
4543
|
tag: e,
|
|
4512
4544
|
index: t
|
|
@@ -4523,7 +4555,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4523
4555
|
kind: "header",
|
|
4524
4556
|
group: e,
|
|
4525
4557
|
count: t.length
|
|
4526
|
-
}), !
|
|
4558
|
+
}), !M.value.has(e)) for (let e of t) i.push({
|
|
4527
4559
|
kind: "tag",
|
|
4528
4560
|
tag: e,
|
|
4529
4561
|
index: a
|
|
@@ -4532,7 +4564,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4532
4564
|
return i;
|
|
4533
4565
|
}), z = b(() => R.value.flatMap((e) => e.kind === "tag" ? [e.tag] : []));
|
|
4534
4566
|
e(() => a.isOpen.value, (e) => {
|
|
4535
|
-
e && (p.value = "", O.value = 0,
|
|
4567
|
+
e && (p.value = "", O.value = 0, M.value = /* @__PURE__ */ new Set(), w(() => {
|
|
4536
4568
|
h.value?.focus();
|
|
4537
4569
|
}));
|
|
4538
4570
|
}), e(z, (e) => {
|
|
@@ -4560,9 +4592,9 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4560
4592
|
});
|
|
4561
4593
|
}
|
|
4562
4594
|
function ne(e) {
|
|
4563
|
-
if (
|
|
4564
|
-
let t = new Set(
|
|
4565
|
-
t.delete(e),
|
|
4595
|
+
if (M.value.has(e)) {
|
|
4596
|
+
let t = new Set(M.value);
|
|
4597
|
+
t.delete(e), M.value = t;
|
|
4566
4598
|
}
|
|
4567
4599
|
w(() => {
|
|
4568
4600
|
let t = U.value;
|
|
@@ -4591,45 +4623,45 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4591
4623
|
}
|
|
4592
4624
|
}
|
|
4593
4625
|
function K() {
|
|
4594
|
-
if (z.value.length !== 0) return `${
|
|
4626
|
+
if (z.value.length !== 0) return `${td}-opt-${O.value}`;
|
|
4595
4627
|
}
|
|
4596
4628
|
function ie(e) {
|
|
4597
|
-
return `${
|
|
4629
|
+
return `${td}-opt-${e}`;
|
|
4598
4630
|
}
|
|
4599
|
-
let ae = b(() => a.tags.value.length === 0), oe = b(() => !ae.value && I.value.length === 0), se = b(() =>
|
|
4631
|
+
let ae = b(() => a.tags.value.length === 0), oe = b(() => !ae.value && I.value.length === 0), se = b(() => j.value && L.value.length > 1 && !C.value);
|
|
4600
4632
|
return (e, t) => (s(), D(Ln, {
|
|
4601
4633
|
visible: g(a).isOpen.value,
|
|
4602
4634
|
onClose: V,
|
|
4603
4635
|
onKeydown: re
|
|
4604
4636
|
}, {
|
|
4605
|
-
default: r(() => [
|
|
4637
|
+
default: r(() => [A("div", {
|
|
4606
4638
|
role: "dialog",
|
|
4607
4639
|
"aria-modal": "true",
|
|
4608
|
-
"aria-labelledby": `${
|
|
4640
|
+
"aria-labelledby": `${td}-title`,
|
|
4609
4641
|
"data-tpl-theme": g(d),
|
|
4610
4642
|
"data-testid": "merge-tag-picker-modal",
|
|
4611
4643
|
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)]",
|
|
4612
4644
|
style: E(g(u))
|
|
4613
4645
|
}, [
|
|
4614
|
-
|
|
4615
|
-
id: `${
|
|
4646
|
+
A("header", Ru, [A("h2", {
|
|
4647
|
+
id: `${td}-title`,
|
|
4616
4648
|
class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
|
|
4617
|
-
}, F(g(o).mergeTag.picker.title), 9,
|
|
4649
|
+
}, F(g(o).mergeTag.picker.title), 9, zu), A("button", {
|
|
4618
4650
|
type: "button",
|
|
4619
4651
|
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)]",
|
|
4620
4652
|
"aria-label": g(o).mergeTag.picker.close,
|
|
4621
4653
|
"data-testid": "merge-tag-picker-close",
|
|
4622
4654
|
onClick: V
|
|
4623
|
-
}, [_(g(
|
|
4655
|
+
}, [_(g(Qt), {
|
|
4624
4656
|
size: 16,
|
|
4625
4657
|
"stroke-width": 2
|
|
4626
|
-
})], 8,
|
|
4627
|
-
|
|
4658
|
+
})], 8, Bu)]),
|
|
4659
|
+
A("div", Vu, [_(g(jt), {
|
|
4628
4660
|
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)]",
|
|
4629
4661
|
size: 14,
|
|
4630
4662
|
"stroke-width": 2
|
|
4631
|
-
}), f(
|
|
4632
|
-
id: `${
|
|
4663
|
+
}), f(A("input", {
|
|
4664
|
+
id: `${td}-search`,
|
|
4633
4665
|
ref_key: "searchInputRef",
|
|
4634
4666
|
ref: h,
|
|
4635
4667
|
"onUpdate:modelValue": t[0] ||= (e) => p.value = e,
|
|
@@ -4637,48 +4669,48 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4637
4669
|
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)]",
|
|
4638
4670
|
placeholder: g(o).mergeTag.picker.searchPlaceholder,
|
|
4639
4671
|
"aria-label": g(o).mergeTag.picker.searchAriaLabel,
|
|
4640
|
-
"aria-controls":
|
|
4672
|
+
"aria-controls": td,
|
|
4641
4673
|
"aria-activedescendant": K(),
|
|
4642
4674
|
"data-testid": "merge-tag-picker-search",
|
|
4643
4675
|
onKeydown: t[1] ||= v(T(() => {}, ["prevent"]), ["enter"])
|
|
4644
|
-
}, null, 40,
|
|
4645
|
-
se.value ? (s(), x("div",
|
|
4676
|
+
}, null, 40, Hu), [[k, p.value]])]),
|
|
4677
|
+
se.value ? (s(), x("div", Uu, [(s(!0), x(P, null, n(L.value, (e) => (s(), x("button", {
|
|
4646
4678
|
key: e,
|
|
4647
4679
|
type: "button",
|
|
4648
4680
|
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)]",
|
|
4649
4681
|
"data-testid": "merge-tag-picker-group-pill",
|
|
4650
4682
|
"data-group-name": e,
|
|
4651
4683
|
onClick: (t) => ne(e)
|
|
4652
|
-
}, F(e), 9,
|
|
4653
|
-
|
|
4654
|
-
id:
|
|
4684
|
+
}, F(e), 9, Wu))), 128))])) : S("", !0),
|
|
4685
|
+
A("div", {
|
|
4686
|
+
id: td,
|
|
4655
4687
|
ref_key: "listRef",
|
|
4656
4688
|
ref: U,
|
|
4657
4689
|
class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
|
|
4658
4690
|
role: "listbox",
|
|
4659
4691
|
"aria-label": g(o).mergeTag.picker.title,
|
|
4660
4692
|
"data-testid": "merge-tag-picker-list"
|
|
4661
|
-
}, [ae.value ? (s(), x("div",
|
|
4693
|
+
}, [ae.value ? (s(), x("div", Ku, F(g(o).mergeTag.picker.empty), 1)) : oe.value ? (s(), x("div", qu, F(g(o).mergeTag.picker.noResults), 1)) : (s(!0), x(P, { key: 2 }, n(R.value, (e, t) => (s(), x(P, { key: t }, [e.kind === "header" ? (s(), x("button", {
|
|
4662
4694
|
key: 0,
|
|
4663
4695
|
ref_for: !0,
|
|
4664
4696
|
ref: (t) => G(e.group, t),
|
|
4665
4697
|
type: "button",
|
|
4666
|
-
"aria-expanded": !
|
|
4667
|
-
"aria-controls":
|
|
4698
|
+
"aria-expanded": !N(e.group),
|
|
4699
|
+
"aria-controls": td,
|
|
4668
4700
|
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)]",
|
|
4669
4701
|
"data-testid": "merge-tag-picker-group-header",
|
|
4670
4702
|
"data-group-name": e.group,
|
|
4671
|
-
"data-group-collapsed":
|
|
4672
|
-
onClick: (t) =>
|
|
4703
|
+
"data-group-collapsed": N(e.group) ? "true" : "false",
|
|
4704
|
+
onClick: (t) => ee(e.group)
|
|
4673
4705
|
}, [
|
|
4674
|
-
_(g(
|
|
4706
|
+
_(g(Dt), {
|
|
4675
4707
|
size: 12,
|
|
4676
4708
|
"stroke-width": 2,
|
|
4677
|
-
class: y(["tpl:transition-transform",
|
|
4709
|
+
class: y(["tpl:transition-transform", N(e.group) ? "tpl:-rotate-90" : ""])
|
|
4678
4710
|
}, null, 8, ["class"]),
|
|
4679
|
-
|
|
4680
|
-
|
|
4681
|
-
], 8,
|
|
4711
|
+
A("span", null, F(e.group), 1),
|
|
4712
|
+
A("span", Yu, " (" + F(g(c)(g(o).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
|
|
4713
|
+
], 8, Ju)) : (s(), x("button", {
|
|
4682
4714
|
key: 1,
|
|
4683
4715
|
id: ie(e.index),
|
|
4684
4716
|
type: "button",
|
|
@@ -4693,16 +4725,16 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4693
4725
|
onMousemove: (t) => O.value = e.index,
|
|
4694
4726
|
onClick: (t) => B(e.tag)
|
|
4695
4727
|
}, [
|
|
4696
|
-
|
|
4697
|
-
|
|
4698
|
-
e.tag.description ? (s(), x("span",
|
|
4699
|
-
e.tag.sample === void 0 ? S("", !0) : (s(), x("span",
|
|
4700
|
-
], 42,
|
|
4701
|
-
], 12,
|
|
4728
|
+
A("span", Zu, F(e.tag.label), 1),
|
|
4729
|
+
A("span", Qu, F(e.tag.value), 1),
|
|
4730
|
+
e.tag.description ? (s(), x("span", $u, F(e.tag.description), 1)) : S("", !0),
|
|
4731
|
+
e.tag.sample === void 0 ? S("", !0) : (s(), x("span", ed, F(g(c)(g(o).mergeTag.picker.sample, { sample: e.tag.sample })), 1))
|
|
4732
|
+
], 42, Xu))], 64))), 128))], 8, Gu)
|
|
4733
|
+
], 12, Lu)]),
|
|
4702
4734
|
_: 1
|
|
4703
4735
|
}, 8, ["visible"]));
|
|
4704
4736
|
}
|
|
4705
|
-
}),
|
|
4737
|
+
}), rd = ["data-logic-keyword"], id = /* @__PURE__ */ d({
|
|
4706
4738
|
__name: "LogicTagBadge",
|
|
4707
4739
|
props: {
|
|
4708
4740
|
value: {},
|
|
@@ -4719,22 +4751,22 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4719
4751
|
},
|
|
4720
4752
|
"data-testid": "merge-tag-logic-badge",
|
|
4721
4753
|
"data-logic-keyword": r.value
|
|
4722
|
-
}, F(r.value), 9,
|
|
4754
|
+
}, F(r.value), 9, rd)) : S("", !0);
|
|
4723
4755
|
}
|
|
4724
|
-
}),
|
|
4756
|
+
}), ad = ["aria-labelledby", "data-tpl-theme"], od = { 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" }, sd = ["id"], cd = ["aria-label"], ld = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, ud = [
|
|
4725
4757
|
"id",
|
|
4726
4758
|
"placeholder",
|
|
4727
4759
|
"aria-label",
|
|
4728
4760
|
"aria-activedescendant"
|
|
4729
|
-
],
|
|
4761
|
+
], dd = ["aria-label"], fd = {
|
|
4730
4762
|
key: 0,
|
|
4731
4763
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
4732
4764
|
"data-testid": "logic-picker-empty"
|
|
4733
|
-
},
|
|
4765
|
+
}, pd = {
|
|
4734
4766
|
key: 1,
|
|
4735
4767
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
4736
4768
|
"data-testid": "logic-picker-empty"
|
|
4737
|
-
},
|
|
4769
|
+
}, md = ["data-group-name"], hd = [
|
|
4738
4770
|
"id",
|
|
4739
4771
|
"aria-selected",
|
|
4740
4772
|
"data-selected",
|
|
@@ -4742,37 +4774,37 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4742
4774
|
"data-logic-kind",
|
|
4743
4775
|
"onMousemove",
|
|
4744
4776
|
"onClick"
|
|
4745
|
-
],
|
|
4777
|
+
], gd = { class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-between tpl:gap-2" }, _d = { class: "tpl:text-sm tpl:font-medium" }, vd = {
|
|
4746
4778
|
key: 0,
|
|
4747
4779
|
class: "tpl:flex tpl:items-center"
|
|
4748
|
-
},
|
|
4780
|
+
}, yd = {
|
|
4749
4781
|
key: 1,
|
|
4750
4782
|
class: "tpl:flex tpl:items-center tpl:gap-1"
|
|
4751
|
-
},
|
|
4783
|
+
}, bd = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, xd = {
|
|
4752
4784
|
key: 0,
|
|
4753
4785
|
class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
4754
|
-
},
|
|
4786
|
+
}, Sd = "tpl-logic-picker-list", Cd = /* @__PURE__ */ d({
|
|
4755
4787
|
__name: "LogicTagPickerModal",
|
|
4756
4788
|
setup(i) {
|
|
4757
|
-
let a =
|
|
4758
|
-
function
|
|
4789
|
+
let a = et(ht, "LogicTagPickerModal"), { t: o } = q(), c = t(st, se.liquid), u = t(Ge, null), d = t(Je, null), p = l(""), m = He(p, 200), h = l(null), C = b(() => m.value.trim().length > 0), O = l(0);
|
|
4790
|
+
function j(e) {
|
|
4759
4791
|
let t = m.value.trim().toLowerCase();
|
|
4760
4792
|
return !t || e.filter(Boolean).join(" ").toLowerCase().includes(t);
|
|
4761
4793
|
}
|
|
4762
|
-
let
|
|
4794
|
+
let M = b(() => a.tags.value.filter((e) => j([
|
|
4763
4795
|
e.label,
|
|
4764
4796
|
e.value,
|
|
4765
4797
|
e.description
|
|
4766
|
-
]))),
|
|
4798
|
+
]))), N = b(() => a.pairs.value.filter((e) => j([
|
|
4767
4799
|
e.label,
|
|
4768
4800
|
e.before,
|
|
4769
4801
|
e.after,
|
|
4770
4802
|
e.description
|
|
4771
|
-
]))),
|
|
4803
|
+
]))), ee = b(() => [...N.value.map((e) => ({
|
|
4772
4804
|
kind: "pair",
|
|
4773
4805
|
pair: e,
|
|
4774
4806
|
group: e.group
|
|
4775
|
-
})), ...
|
|
4807
|
+
})), ...M.value.map((e) => ({
|
|
4776
4808
|
kind: "tag",
|
|
4777
4809
|
tag: e,
|
|
4778
4810
|
group: e.group
|
|
@@ -4796,7 +4828,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4796
4828
|
pair: r.pair,
|
|
4797
4829
|
index: n
|
|
4798
4830
|
}), t.push(r.pair)), n++;
|
|
4799
|
-
}, i =
|
|
4831
|
+
}, i = ee.value;
|
|
4800
4832
|
if (C.value || !I.value) for (let e of i) r(e);
|
|
4801
4833
|
else for (let [t, n] of L(i)) {
|
|
4802
4834
|
e.push({
|
|
@@ -4837,44 +4869,44 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4837
4869
|
}
|
|
4838
4870
|
}
|
|
4839
4871
|
function ne(e) {
|
|
4840
|
-
return `${
|
|
4872
|
+
return `${Sd}-opt-${e}`;
|
|
4841
4873
|
}
|
|
4842
4874
|
function re() {
|
|
4843
|
-
return z.value.length === 0 ? void 0 : `${
|
|
4875
|
+
return z.value.length === 0 ? void 0 : `${Sd}-opt-${O.value}`;
|
|
4844
4876
|
}
|
|
4845
4877
|
return (e, t) => (s(), D(Ln, {
|
|
4846
4878
|
visible: g(a).isOpen.value,
|
|
4847
4879
|
onClose: W,
|
|
4848
4880
|
onKeydown: te
|
|
4849
4881
|
}, {
|
|
4850
|
-
default: r(() => [
|
|
4882
|
+
default: r(() => [A("div", {
|
|
4851
4883
|
role: "dialog",
|
|
4852
4884
|
"aria-modal": "true",
|
|
4853
|
-
"aria-labelledby": `${
|
|
4885
|
+
"aria-labelledby": `${Sd}-title`,
|
|
4854
4886
|
"data-tpl-theme": g(d),
|
|
4855
4887
|
"data-testid": "logic-picker-modal",
|
|
4856
4888
|
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)]",
|
|
4857
4889
|
style: E(g(u))
|
|
4858
4890
|
}, [
|
|
4859
|
-
|
|
4860
|
-
id: `${
|
|
4891
|
+
A("header", od, [A("h2", {
|
|
4892
|
+
id: `${Sd}-title`,
|
|
4861
4893
|
class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
|
|
4862
|
-
}, F(g(o).logicTag.picker.title), 9,
|
|
4894
|
+
}, F(g(o).logicTag.picker.title), 9, sd), A("button", {
|
|
4863
4895
|
type: "button",
|
|
4864
4896
|
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)]",
|
|
4865
4897
|
"aria-label": g(o).logicTag.picker.close,
|
|
4866
4898
|
"data-testid": "logic-picker-close",
|
|
4867
4899
|
onClick: W
|
|
4868
|
-
}, [_(g(
|
|
4900
|
+
}, [_(g(Qt), {
|
|
4869
4901
|
size: 16,
|
|
4870
4902
|
"stroke-width": 2
|
|
4871
|
-
})], 8,
|
|
4872
|
-
|
|
4903
|
+
})], 8, cd)]),
|
|
4904
|
+
A("div", ld, [_(g(jt), {
|
|
4873
4905
|
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)]",
|
|
4874
4906
|
size: 14,
|
|
4875
4907
|
"stroke-width": 2
|
|
4876
|
-
}), f(
|
|
4877
|
-
id: `${
|
|
4908
|
+
}), f(A("input", {
|
|
4909
|
+
id: `${Sd}-search`,
|
|
4878
4910
|
ref_key: "searchInputRef",
|
|
4879
4911
|
ref: h,
|
|
4880
4912
|
"onUpdate:modelValue": t[0] ||= (e) => p.value = e,
|
|
@@ -4882,25 +4914,25 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4882
4914
|
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)]",
|
|
4883
4915
|
placeholder: g(o).logicTag.picker.searchPlaceholder,
|
|
4884
4916
|
"aria-label": g(o).logicTag.picker.searchAriaLabel,
|
|
4885
|
-
"aria-controls":
|
|
4917
|
+
"aria-controls": Sd,
|
|
4886
4918
|
"aria-activedescendant": re(),
|
|
4887
4919
|
"data-testid": "logic-picker-search",
|
|
4888
4920
|
onKeydown: t[1] ||= v(T(() => {}, ["prevent"]), ["enter"])
|
|
4889
|
-
}, null, 40,
|
|
4890
|
-
|
|
4891
|
-
id:
|
|
4921
|
+
}, null, 40, ud), [[k, p.value]])]),
|
|
4922
|
+
A("div", {
|
|
4923
|
+
id: Sd,
|
|
4892
4924
|
ref_key: "listRef",
|
|
4893
4925
|
ref: H,
|
|
4894
4926
|
class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
|
|
4895
4927
|
role: "listbox",
|
|
4896
4928
|
"aria-label": g(o).logicTag.picker.title,
|
|
4897
4929
|
"data-testid": "logic-picker-list"
|
|
4898
|
-
}, [B.value ? (s(), x("div",
|
|
4930
|
+
}, [B.value ? (s(), x("div", fd, F(g(o).logicTag.picker.empty), 1)) : V.value ? (s(), x("div", pd, F(g(o).logicTag.picker.noResults), 1)) : (s(!0), x(P, { key: 2 }, n(R.value.rows, (e, n) => (s(), x(P, { key: n }, [e.kind === "header" ? (s(), x("div", {
|
|
4899
4931
|
key: 0,
|
|
4900
4932
|
class: "tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]",
|
|
4901
4933
|
"data-testid": "logic-picker-header",
|
|
4902
4934
|
"data-group-name": e.label
|
|
4903
|
-
}, F(e.label), 9,
|
|
4935
|
+
}, F(e.label), 9, md)) : (s(), x("button", {
|
|
4904
4936
|
key: 1,
|
|
4905
4937
|
id: ne(e.index),
|
|
4906
4938
|
type: "button",
|
|
@@ -4914,32 +4946,32 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4914
4946
|
onMousemove: (t) => O.value = e.index,
|
|
4915
4947
|
onClick: (t) => U(e.kind === "tag" ? e.tag : e.pair)
|
|
4916
4948
|
}, [
|
|
4917
|
-
|
|
4949
|
+
A("span", gd, [A("span", _d, F(e.kind === "tag" ? e.tag.label : e.pair.label), 1), e.kind === "tag" ? (s(), x("span", vd, [_(id, {
|
|
4918
4950
|
value: e.tag.value,
|
|
4919
4951
|
syntax: g(c)
|
|
4920
|
-
}, null, 8, ["value", "syntax"])])) : (s(), x("span",
|
|
4921
|
-
_(
|
|
4952
|
+
}, null, 8, ["value", "syntax"])])) : (s(), x("span", yd, [
|
|
4953
|
+
_(id, {
|
|
4922
4954
|
value: e.pair.before,
|
|
4923
4955
|
syntax: g(c)
|
|
4924
4956
|
}, null, 8, ["value", "syntax"]),
|
|
4925
|
-
t[2] ||=
|
|
4926
|
-
_(
|
|
4957
|
+
t[2] ||= A("span", { class: "tpl:text-[var(--tpl-text-dim)]" }, "…", -1),
|
|
4958
|
+
_(id, {
|
|
4927
4959
|
value: e.pair.after,
|
|
4928
4960
|
syntax: g(c)
|
|
4929
4961
|
}, null, 8, ["value", "syntax"])
|
|
4930
4962
|
]))]),
|
|
4931
|
-
|
|
4932
|
-
(e.kind === "tag" ? e.tag.description : e.pair.description) ? (s(), x("span",
|
|
4933
|
-
], 42,
|
|
4934
|
-
], 12,
|
|
4963
|
+
A("span", bd, F(e.kind === "tag" ? e.tag.value : `${e.pair.before} … ${e.pair.after}`), 1),
|
|
4964
|
+
(e.kind === "tag" ? e.tag.description : e.pair.description) ? (s(), x("span", xd, F(e.kind === "tag" ? e.tag.description : e.pair.description), 1)) : S("", !0)
|
|
4965
|
+
], 42, hd))], 64))), 128))], 8, dd)
|
|
4966
|
+
], 12, ad)]),
|
|
4935
4967
|
_: 1
|
|
4936
4968
|
}, 8, ["visible"]));
|
|
4937
4969
|
}
|
|
4938
|
-
}),
|
|
4970
|
+
}), wd = ["data-tpl-theme"], Td = { class: "tpl:absolute tpl:inset-0 tpl:overflow-hidden" }, Ed = { class: "tpl-preview-overlay tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, Dd = { 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" }, Od = {
|
|
4939
4971
|
key: 0,
|
|
4940
4972
|
"data-testid": "merge-tag-mode-toggle-anchor",
|
|
4941
4973
|
class: "tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-[var(--tpl-shadow-md)]"
|
|
4942
|
-
},
|
|
4974
|
+
}, kd = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, Ad = ["aria-label"], jd = /*#__PURE__*/ un(/* @__PURE__ */ d({
|
|
4943
4975
|
__name: "Editor",
|
|
4944
4976
|
props: {
|
|
4945
4977
|
config: {},
|
|
@@ -4949,7 +4981,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4949
4981
|
cloud: {}
|
|
4950
4982
|
},
|
|
4951
4983
|
setup(t, { expose: n }) {
|
|
4952
|
-
let i = t, a = i.config.templates ? sr(i.config.templates, i.config.mergeTags) : void 0, c =
|
|
4984
|
+
let i = t, a = i.config.templates ? sr(i.config.templates, i.config.mergeTags) : void 0, c = le({
|
|
4953
4985
|
content: i.config.content,
|
|
4954
4986
|
defaultFontFamily: i.config.fonts?.defaultFont,
|
|
4955
4987
|
templateDefaults: i.config.templateDefaults,
|
|
@@ -4968,13 +5000,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4968
5000
|
editor: c,
|
|
4969
5001
|
onError: i.config.onError,
|
|
4970
5002
|
isAvailable: i.cloud ? () => i.cloud.isSavedBlocksAvailable() : void 0
|
|
4971
|
-
}) : null, v = L(() => import("./chunks/SavedBlocksPanels-
|
|
5003
|
+
}) : null, v = L(() => import("./chunks/SavedBlocksPanels-D9GTlLgb.js")), w = i.config.testEmail ? Kn({
|
|
4972
5004
|
provider: i.config.testEmail,
|
|
4973
5005
|
getContent: () => c.content.value,
|
|
4974
5006
|
renderMjml: te,
|
|
4975
5007
|
onError: i.config.onError,
|
|
4976
5008
|
isAvailable: i.cloud ? () => i.cloud.isTestEmailAvailable() : void 0
|
|
4977
|
-
}) : null,
|
|
5009
|
+
}) : null, k = L(() => import("./chunks/TestEmailPanel-cTPgEf-D.js")), j = i.config.comments ? Rn({
|
|
4978
5010
|
provider: i.config.comments,
|
|
4979
5011
|
editor: c,
|
|
4980
5012
|
user: i.config.user,
|
|
@@ -4982,8 +5014,8 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4982
5014
|
onError: i.config.onError,
|
|
4983
5015
|
isAvailable: i.cloud ? () => i.cloud.isCommentsAvailable() : void 0,
|
|
4984
5016
|
isBlockSaved: i.cloud ? (e) => i.cloud.isBlockSaved(e) : void 0
|
|
4985
|
-
}) : null,
|
|
4986
|
-
z && d !== null && !d.canSave.value &&
|
|
5017
|
+
}) : null, M = L(() => import("./chunks/CommentsPanel-D1Ke8PbO.js")), ee = L(() => import("./chunks/CloudPanels-C4U5bJO6.js")), P = L(() => import("./chunks/CloudHeaderExtras-Ditfv7y9.js")), I = L(() => import("./chunks/VersionHistoryPanels-CxIFBJsz.js")), z = Jn(i.config.templates?.autoSave, !1), B = z && d !== null;
|
|
5018
|
+
z && d !== null && !d.canSave.value && _t.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."), i.config.changeDebounce !== void 0 && d !== null && i.config.templates?.autoSave === void 0 && !i.config.onChange && _t.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.");
|
|
4987
5019
|
let V = i.config.onChange || B ? {
|
|
4988
5020
|
onChange: () => {
|
|
4989
5021
|
i.config.onChange?.(JSON.parse(JSON.stringify(c.state.content))), B && d.requestAutoSave();
|
|
@@ -4993,8 +5025,8 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4993
5025
|
...m ? { savedBlocks: m.capability } : {},
|
|
4994
5026
|
...d ? { templates: d.capability } : {},
|
|
4995
5027
|
...w ? { testEmail: w.capability } : {},
|
|
4996
|
-
...
|
|
4997
|
-
}, U =
|
|
5028
|
+
...j ? { comments: j.capability } : {}
|
|
5029
|
+
}, U = Le({
|
|
4998
5030
|
editor: c,
|
|
4999
5031
|
containerEl: p,
|
|
5000
5032
|
config: {
|
|
@@ -5045,11 +5077,11 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5045
5077
|
getFonts: () => Xn(i.fontsManager)
|
|
5046
5078
|
});
|
|
5047
5079
|
}
|
|
5048
|
-
let ne = b(() =>
|
|
5080
|
+
let ne = b(() => j?.isOpen.value === !0 || u?.panelState.rightPanelOpen.value === !0), re = b(() => c.state.previewMode ? "tpl:left-0 tpl:right-0" : ne.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]");
|
|
5049
5081
|
function K(e) {
|
|
5050
5082
|
u && (e === "ai-chat" ? u.panelState.aiChatOpen.value = !0 : u.panelState.designReferenceOpen.value = !0);
|
|
5051
5083
|
}
|
|
5052
|
-
let { showNotice: ie } =
|
|
5084
|
+
let { showNotice: ie } = xe(() => i.config.smallScreenNotice);
|
|
5053
5085
|
C(async () => {
|
|
5054
5086
|
await i.fontsManager.loadCustomFonts();
|
|
5055
5087
|
}), o(() => {
|
|
@@ -5076,15 +5108,15 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5076
5108
|
onDrop: n[9] ||= T(() => {}, ["prevent"])
|
|
5077
5109
|
}, [
|
|
5078
5110
|
_(xr),
|
|
5079
|
-
|
|
5080
|
-
_(
|
|
5111
|
+
A("div", Td, [
|
|
5112
|
+
_(Iu, {
|
|
5081
5113
|
editor: g(c),
|
|
5082
5114
|
core: g(U),
|
|
5083
5115
|
templates: g(d),
|
|
5084
5116
|
"show-template-name": t.config.templates?.nameField !== !1,
|
|
5085
5117
|
"test-email": g(w),
|
|
5086
5118
|
"version-history": g(G),
|
|
5087
|
-
comments: g(
|
|
5119
|
+
comments: g(j)
|
|
5088
5120
|
}, h({ _: 2 }, [g(u) ? {
|
|
5089
5121
|
name: "left-extras",
|
|
5090
5122
|
fn: r(() => [_(g(P), {
|
|
@@ -5108,12 +5140,12 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5108
5140
|
"version-history",
|
|
5109
5141
|
"comments"
|
|
5110
5142
|
]),
|
|
5111
|
-
f(_(jr, null, null, 512), [[
|
|
5112
|
-
|
|
5143
|
+
f(_(jr, null, null, 512), [[N, !g(c).state.previewMode]]),
|
|
5144
|
+
A("div", {
|
|
5113
5145
|
class: y(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [re.value, g(G)?.isPreviewing.value ? "tpl:top-[104px]" : "tpl:top-14"]]),
|
|
5114
5146
|
style: { transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)" }
|
|
5115
|
-
}, [
|
|
5116
|
-
default: r(() => [g(c).state.previewMode && !g(U).previewResolution.supersedesSamples.value ? (s(), x("div",
|
|
5147
|
+
}, [A("div", Ed, [A("div", Dd, [_(O, { name: "tpl-preview-pill" }, {
|
|
5148
|
+
default: r(() => [g(c).state.previewMode && !g(U).previewResolution.supersedesSamples.value ? (s(), x("div", Od, [_(Fn, {
|
|
5117
5149
|
"sample-mode": g(U).mergeTagSampleMode.value,
|
|
5118
5150
|
onChange: n[0] ||= (e) => g(U).mergeTagSampleMode.value = e
|
|
5119
5151
|
}, null, 8, ["sample-mode"])])) : S("", !0)]),
|
|
@@ -5122,15 +5154,15 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5122
5154
|
default: r(() => [g(U).conditionPreview.hasHiddenBlocks.value && g(U).appliesConditionFilter.value ? (s(), x("button", {
|
|
5123
5155
|
key: 0,
|
|
5124
5156
|
type: "button",
|
|
5125
|
-
class: y([g(
|
|
5157
|
+
class: y([g(hn), "tpl:shadow-[var(--tpl-shadow-md)]"]),
|
|
5126
5158
|
"data-testid": "restore-hidden-blocks",
|
|
5127
5159
|
onClick: n[1] ||= (e) => g(U).conditionPreview.reset()
|
|
5128
|
-
}, [_(g(
|
|
5160
|
+
}, [_(g(Et), {
|
|
5129
5161
|
size: 16,
|
|
5130
5162
|
"stroke-width": 2
|
|
5131
5163
|
}), R(" " + F(g(U).t.blockSettings.restoreHiddenBlocks), 1)], 2)) : S("", !0)]),
|
|
5132
5164
|
_: 1
|
|
5133
|
-
})])]),
|
|
5165
|
+
})])]), A("main", kd, [_(br, {
|
|
5134
5166
|
viewport: g(c).state.viewport,
|
|
5135
5167
|
content: g(U).previewResolution.content.value,
|
|
5136
5168
|
"selected-block-id": g(c).state.selectedBlockId,
|
|
@@ -5149,18 +5181,18 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5149
5181
|
"locked-blocks",
|
|
5150
5182
|
"onSelectBlock"
|
|
5151
5183
|
])])], 2),
|
|
5152
|
-
t.config.branding === !1 ? S("", !0) : (s(), D(
|
|
5184
|
+
t.config.branding === !1 ? S("", !0) : (s(), D(mu, {
|
|
5153
5185
|
key: 0,
|
|
5154
5186
|
"position-class": [re.value]
|
|
5155
5187
|
}, null, 8, ["position-class"])),
|
|
5156
|
-
|
|
5188
|
+
A("div", {
|
|
5157
5189
|
class: "tpl-sr-only",
|
|
5158
5190
|
role: "status",
|
|
5159
5191
|
"aria-live": "polite",
|
|
5160
5192
|
"aria-atomic": "true",
|
|
5161
5193
|
"aria-label": g(U).t.landmarks.reorderAnnouncements
|
|
5162
|
-
}, F(g(U).keyboardReorder.announcement.value), 9,
|
|
5163
|
-
f(_(
|
|
5194
|
+
}, F(g(U).keyboardReorder.announcement.value), 9, Ad),
|
|
5195
|
+
f(_(ou, {
|
|
5164
5196
|
"selected-block": g(c).selectedBlock.value,
|
|
5165
5197
|
settings: g(c).content.value.settings,
|
|
5166
5198
|
"shifted-left": ne.value,
|
|
@@ -5176,31 +5208,31 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5176
5208
|
"selected-block",
|
|
5177
5209
|
"settings",
|
|
5178
5210
|
"shifted-left"
|
|
5179
|
-
]), [[
|
|
5211
|
+
]), [[N, !g(c).state.previewMode]])
|
|
5180
5212
|
]),
|
|
5181
|
-
|
|
5213
|
+
A("div", {
|
|
5182
5214
|
ref: (e) => g(U).popoverRoot.value = e,
|
|
5183
5215
|
class: "tpl-popover-root"
|
|
5184
5216
|
}, null, 512),
|
|
5185
|
-
_(
|
|
5186
|
-
_(
|
|
5217
|
+
_(nd),
|
|
5218
|
+
_(Cd),
|
|
5187
5219
|
g(m)?.isAvailable.value ? (s(), D(g(v), {
|
|
5188
5220
|
key: 0,
|
|
5189
5221
|
feature: g(m)
|
|
5190
5222
|
}, null, 8, ["feature"])) : S("", !0),
|
|
5191
|
-
g(w)?.isAvailable.value ? (s(), D(g(
|
|
5223
|
+
g(w)?.isAvailable.value ? (s(), D(g(k), {
|
|
5192
5224
|
key: 1,
|
|
5193
5225
|
feature: g(w)
|
|
5194
5226
|
}, null, 8, ["feature"])) : S("", !0),
|
|
5195
|
-
g(
|
|
5227
|
+
g(j)?.isAvailable.value ? (s(), D(g(M), {
|
|
5196
5228
|
key: 2,
|
|
5197
|
-
feature: g(
|
|
5229
|
+
feature: g(j)
|
|
5198
5230
|
}, null, 8, ["feature"])) : S("", !0),
|
|
5199
5231
|
g(G)?.isAvailable.value ? (s(), D(g(I), {
|
|
5200
5232
|
key: 3,
|
|
5201
5233
|
feature: g(G)
|
|
5202
5234
|
}, null, 8, ["feature"])) : S("", !0),
|
|
5203
|
-
t.cloud && g(u) && g(W) ? (s(), D(g(
|
|
5235
|
+
t.cloud && g(u) && g(W) ? (s(), D(g(ee), {
|
|
5204
5236
|
key: 4,
|
|
5205
5237
|
editor: g(c),
|
|
5206
5238
|
core: g(U),
|
|
@@ -5216,107 +5248,107 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5216
5248
|
"ready",
|
|
5217
5249
|
"locale"
|
|
5218
5250
|
])) : S("", !0),
|
|
5219
|
-
g(ie) ? (s(), D(
|
|
5220
|
-
], 46,
|
|
5251
|
+
g(ie) ? (s(), D(du, { key: 5 })) : S("", !0)
|
|
5252
|
+
], 46, wd));
|
|
5221
5253
|
}
|
|
5222
|
-
}), [["__scopeId", "data-v-226e891c"]]),
|
|
5223
|
-
"./locales/ca.ts": () => import("./chunks/ca-
|
|
5224
|
-
"./locales/de.ts": () => import("./chunks/de-
|
|
5225
|
-
"./locales/en.ts": () => import("./chunks/en-
|
|
5226
|
-
"./locales/es.ts": () => import("./chunks/es-
|
|
5227
|
-
"./locales/fr.ts": () => import("./chunks/fr-
|
|
5228
|
-
"./locales/nl.ts": () => import("./chunks/nl-
|
|
5229
|
-
"./locales/pt-BR.ts": () => import("./chunks/pt-BR-
|
|
5230
|
-
}),
|
|
5254
|
+
}), [["__scopeId", "data-v-226e891c"]]), Md = /* #__PURE__ */ Object.assign({
|
|
5255
|
+
"./locales/ca.ts": () => import("./chunks/ca-DZSrLNXK.js"),
|
|
5256
|
+
"./locales/de.ts": () => import("./chunks/de-DbayqpK-.js"),
|
|
5257
|
+
"./locales/en.ts": () => import("./chunks/en-l0ib5X0f.js"),
|
|
5258
|
+
"./locales/es.ts": () => import("./chunks/es-CMQ-5PJP.js"),
|
|
5259
|
+
"./locales/fr.ts": () => import("./chunks/fr-DNXmZWAq.js"),
|
|
5260
|
+
"./locales/nl.ts": () => import("./chunks/nl-BylRRHYJ.js"),
|
|
5261
|
+
"./locales/pt-BR.ts": () => import("./chunks/pt-BR-BVoJhpie.js")
|
|
5262
|
+
}), Nd = /* #__PURE__ */ Object.assign({
|
|
5231
5263
|
"./locales/cloud/de.ts": () => import("./chunks/de-BytZwgn6.js"),
|
|
5232
5264
|
"./locales/cloud/en.ts": () => import("./chunks/en-DyOSV0lY.js"),
|
|
5233
5265
|
"./locales/cloud/pt-BR.ts": () => import("./chunks/pt-BR-C1WLSGDh.js")
|
|
5234
5266
|
});
|
|
5235
|
-
function
|
|
5267
|
+
function Pd(e) {
|
|
5236
5268
|
return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
|
|
5237
5269
|
}
|
|
5238
|
-
var
|
|
5239
|
-
function
|
|
5270
|
+
var Fd = Pd(Md), Id = Pd(Nd);
|
|
5271
|
+
function Ld(e) {
|
|
5240
5272
|
return e.trim().replace(/_/g, "-").toLowerCase();
|
|
5241
5273
|
}
|
|
5242
|
-
function
|
|
5243
|
-
let n =
|
|
5244
|
-
return t.find((e) =>
|
|
5274
|
+
function Rd(e, t) {
|
|
5275
|
+
let n = Ld(e);
|
|
5276
|
+
return t.find((e) => Ld(e) === n);
|
|
5245
5277
|
}
|
|
5246
|
-
function
|
|
5247
|
-
return
|
|
5278
|
+
function zd(e) {
|
|
5279
|
+
return Ld(e).split("-")[0];
|
|
5248
5280
|
}
|
|
5249
|
-
function
|
|
5250
|
-
return
|
|
5281
|
+
function Bd(e, t) {
|
|
5282
|
+
return Rd(e, t) ?? Rd(zd(e), t);
|
|
5251
5283
|
}
|
|
5252
|
-
function
|
|
5253
|
-
return
|
|
5284
|
+
function Vd(e, t) {
|
|
5285
|
+
return Bd(e, t) ?? "en";
|
|
5254
5286
|
}
|
|
5255
|
-
async function
|
|
5256
|
-
let t =
|
|
5287
|
+
async function Hd(e) {
|
|
5288
|
+
let t = Md[`./locales/${Vd(e, Fd)}.ts`];
|
|
5257
5289
|
return (await t()).default;
|
|
5258
5290
|
}
|
|
5259
|
-
async function
|
|
5260
|
-
let t =
|
|
5291
|
+
async function Ud(e) {
|
|
5292
|
+
let t = Nd[`./locales/cloud/${Vd(e, Id)}.ts`];
|
|
5261
5293
|
return (await t()).default;
|
|
5262
5294
|
}
|
|
5263
|
-
function
|
|
5264
|
-
return
|
|
5295
|
+
function Wd(e) {
|
|
5296
|
+
return Bd(e, Fd) !== void 0;
|
|
5265
5297
|
}
|
|
5266
|
-
function
|
|
5267
|
-
return
|
|
5298
|
+
function Gd(e) {
|
|
5299
|
+
return Bd(e, Id) !== void 0;
|
|
5268
5300
|
}
|
|
5269
|
-
function
|
|
5270
|
-
return [...
|
|
5301
|
+
function Kd() {
|
|
5302
|
+
return [...Fd];
|
|
5271
5303
|
}
|
|
5272
|
-
function
|
|
5273
|
-
return [...
|
|
5304
|
+
function qd() {
|
|
5305
|
+
return [...Id];
|
|
5274
5306
|
}
|
|
5275
5307
|
//#endregion
|
|
5276
5308
|
//#region \0virtual:editor-css
|
|
5277
|
-
var Hd = "@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\\:max-w-3xl{max-width:calc(48 * var(--tpl-base-size))}.tpl\\:max-w-md{max-width:calc(28 * var(--tpl-base-size))}.tpl\\:rounded-xl{border-radius:calc(.75 * var(--tpl-base-size))}.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\\: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)}@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{cursor:pointer;background:0 0;border:none;margin:0;padding:0}:where(.tpl) .tpl-focus-ring-host:focus-within :is(input,select,textarea):focus-visible{box-shadow:none}.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)}}@keyframes tpl-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@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-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}}.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}.vue-advanced-cropper{text-align:center;position:relative;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}[data-v-2013fa0f] .tpl-cropper-background{background-color:var(--tpl-bg)!important}[data-v-2013fa0f] .vue-advanced-cropper{background-color:transparent!important}[data-v-2013fa0f] .vue-advanced-cropper__background{background-color:var(--tpl-bg)!important}[data-v-2013fa0f] .vue-advanced-cropper__foreground{background-color:var(--tpl-overlay)!important}.tpl-media-item[data-v-78d7ed75]:not(.tpl-media-item--selected):hover{border-color:var(--tpl-border)!important}.tpl-media-list-item[data-v-78d7ed75]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-list-icon[data-v-78d7ed75]{transform:scale(.35);transform-origin:center}.tpl-preview-icon[data-v-56be5670]{transform:scale(.45);transform-origin:center}@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}}}@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:48rem}.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:28rem}.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:.75rem}.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:2.25rem;line-height:var(--tw-leading,calc(2.5 / 2.25))}.tpl\\:text-base{font-size:1rem;line-height:var(--tw-leading, 1.5 )}.tpl\\:text-lg{font-size:1.125rem;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(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.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(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.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:oklch(99.5% .002 60);--tpl-bg-elevated:oklch(98% .004 60);--tpl-bg-hover:oklch(96% .006 60);--tpl-bg-active:oklch(93.5% .008 60);--tpl-border:oklch(92% .006 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:oklch(70% .16 55);--tpl-primary-hover:oklch(63% .17 55);--tpl-primary-light:oklch(95% .04 55);--tpl-secondary:oklch(60% .118 184.71);--tpl-secondary-hover:oklch(53.2% .105 186.39);--tpl-secondary-light:oklch(93.8% .03 186.82);--tpl-success:oklch(62.8% .194 155.1);--tpl-success-light:oklch(93.6% .043 163.51);--tpl-warning:oklch(76.9% .168 70.08);--tpl-warning-light:oklch(95% .038 73.59);--tpl-danger:oklch(63.7% .237 25.33);--tpl-danger-light:oklch(93.6% .032 17.72);--tpl-radius:10px;--tpl-radius-sm:7px;--tpl-radius-lg:14px;--tpl-font-family:\"Geist\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--tpl-shadow:0 1px 2px #0000000a, 0 1px 3px #00000008;--tpl-shadow-md:0 2px 8px #0000000f, 0 1px 3px #0000000a;--tpl-shadow-lg:0 4px 16px #00000014, 0 2px 6px #0000000a;--tpl-shadow-xl:0 8px 32px #0000001a, 0 4px 12px #0000000f;--tpl-ring:0 0 0 3px var(--tpl-primary-light);--tpl-transition:.12s cubic-bezier(.16, 1, .3, 1)}.tpl[data-tpl-theme=dark]{--tpl-bg:oklch(16% .005 60);--tpl-bg-elevated:oklch(21% .006 60);--tpl-bg-hover:oklch(26% .007 60);--tpl-bg-active:oklch(30% .008 60);--tpl-border:oklch(30% .006 60);--tpl-border-light:oklch(38% .008 60);--tpl-text:oklch(93% .005 60);--tpl-text-muted:oklch(65% .01 60);--tpl-text-dim:oklch(50% .008 60);--tpl-primary:oklch(73% .15 55);--tpl-primary-hover:oklch(78% .14 55);--tpl-primary-light:oklch(28% .05 55);--tpl-secondary:oklch(63% .11 184.71);--tpl-secondary-hover:oklch(68% .1 186.39);--tpl-secondary-light:oklch(25% .03 186.82);--tpl-success:oklch(65% .18 155.1);--tpl-success-light:oklch(25% .04 163.51);--tpl-warning:oklch(78% .16 70.08);--tpl-warning-light:oklch(28% .04 73.59);--tpl-danger:oklch(65% .22 25.33);--tpl-danger-light:oklch(25% .04 17.72);--tpl-shadow:0 1px 2px #0000004d, 0 1px 3px #0003;--tpl-shadow-md:0 2px 8px #00000059, 0 1px 3px #00000040;--tpl-shadow-lg:0 4px 16px #0006, 0 2px 6px #0000004d;--tpl-shadow-xl:0 8px 32px #00000080, 0 4px 12px #00000059;--tpl-ring:0 0 0 3px var(--tpl-primary-light)}.tpl{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);color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family)}: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}: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}.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)}}@keyframes tpl-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.tpl-pulse{animation:2s infinite tpl-pulse}.tpl-spinner{animation:1s linear infinite tpl-spin}.tpl-scale-in{animation:.15s cubic-bezier(.16,1,.3,1) tpl-scale-in}@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-ai-feature-menu-item[data-v-bf59b787]:hover{background-color:var(--tpl-bg-hover)!important}\n/*$vite$:1*/", Ud = null;
|
|
5278
|
-
function
|
|
5279
|
-
if (
|
|
5309
|
+
var Jd = "@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-2c239048]{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-2c239048]: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-2c239048]{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-2c239048]{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-2c239048]{color:var(--tpl-chrome-text-muted);background-color:transparent}.tpl-block-action-btn[data-v-2c239048]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-chrome-text)}.tpl-block-action-btn[data-v-2c239048]:active{transform:scale(.9)}.tpl-block-delete-btn[data-v-2c239048]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-condition-toggle[data-v-2c239048]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-condition-toggle[data-v-2c239048]:active{transform:scale(.9)}.tpl-block-hidden-overlay[data-v-2c239048]{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-dbc9901a]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.16,1,.3,1)}.tpl-collapsible--open[data-v-dbc9901a]{grid-template-rows:1fr}.tpl-collapsible>div[data-v-dbc9901a]{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\\:max-w-3xl{max-width:calc(48 * var(--tpl-base-size))}.tpl\\:max-w-md{max-width:calc(28 * var(--tpl-base-size))}.tpl\\:rounded-xl{border-radius:calc(.75 * var(--tpl-base-size))}.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\\: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)}@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{cursor:pointer;background:0 0;border:none;margin:0;padding:0}:where(.tpl) .tpl-focus-ring-host:focus-within :is(input,select,textarea):focus-visible{box-shadow:none}.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)}}@keyframes tpl-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@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-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 0 var(--tpl-doc-paragraph-spacing,8px)}.tpl-text-content p:last-child,.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:8px 0;padding-left:24px}.tpl-text-content li,.tpl-text-editable .tiptap li{margin:4px 0}.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}}.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}.vue-advanced-cropper{text-align:center;position:relative;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}[data-v-2013fa0f] .tpl-cropper-background{background-color:var(--tpl-bg)!important}[data-v-2013fa0f] .vue-advanced-cropper{background-color:transparent!important}[data-v-2013fa0f] .vue-advanced-cropper__background{background-color:var(--tpl-bg)!important}[data-v-2013fa0f] .vue-advanced-cropper__foreground{background-color:var(--tpl-overlay)!important}.tpl-media-item[data-v-78d7ed75]:not(.tpl-media-item--selected):hover{border-color:var(--tpl-border)!important}.tpl-media-list-item[data-v-78d7ed75]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-list-icon[data-v-78d7ed75]{transform:scale(.35);transform-origin:center}.tpl-preview-icon[data-v-56be5670]{transform:scale(.45);transform-origin:center}@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}}}@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:48rem}.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:28rem}.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:.75rem}.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:2.25rem;line-height:var(--tw-leading,calc(2.5 / 2.25))}.tpl\\:text-base{font-size:1rem;line-height:var(--tw-leading, 1.5 )}.tpl\\:text-lg{font-size:1.125rem;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(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.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(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.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}}.tpl\\:\\[\\&_p\\]\\:mb-2 p{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}@layer base,components;.tpl{--tpl-base-size:var(--tpl-user-base-size,16px);--tpl-bg:oklch(99.5% .002 60);--tpl-bg-elevated:oklch(98% .004 60);--tpl-bg-hover:oklch(96% .006 60);--tpl-bg-active:oklch(93.5% .008 60);--tpl-border:oklch(92% .006 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:oklch(70% .16 55);--tpl-primary-hover:oklch(63% .17 55);--tpl-primary-light:oklch(95% .04 55);--tpl-secondary:oklch(60% .118 184.71);--tpl-secondary-hover:oklch(53.2% .105 186.39);--tpl-secondary-light:oklch(93.8% .03 186.82);--tpl-success:oklch(62.8% .194 155.1);--tpl-success-light:oklch(93.6% .043 163.51);--tpl-warning:oklch(76.9% .168 70.08);--tpl-warning-light:oklch(95% .038 73.59);--tpl-danger:oklch(63.7% .237 25.33);--tpl-danger-light:oklch(93.6% .032 17.72);--tpl-radius:10px;--tpl-radius-sm:7px;--tpl-radius-lg:14px;--tpl-font-family:\"Geist\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--tpl-shadow:0 1px 2px #0000000a, 0 1px 3px #00000008;--tpl-shadow-md:0 2px 8px #0000000f, 0 1px 3px #0000000a;--tpl-shadow-lg:0 4px 16px #00000014, 0 2px 6px #0000000a;--tpl-shadow-xl:0 8px 32px #0000001a, 0 4px 12px #0000000f;--tpl-ring:0 0 0 3px var(--tpl-primary-light);--tpl-transition:.12s cubic-bezier(.16, 1, .3, 1)}.tpl[data-tpl-theme=dark]{--tpl-bg:oklch(16% .005 60);--tpl-bg-elevated:oklch(21% .006 60);--tpl-bg-hover:oklch(26% .007 60);--tpl-bg-active:oklch(30% .008 60);--tpl-border:oklch(30% .006 60);--tpl-border-light:oklch(38% .008 60);--tpl-text:oklch(93% .005 60);--tpl-text-muted:oklch(65% .01 60);--tpl-text-dim:oklch(50% .008 60);--tpl-primary:oklch(73% .15 55);--tpl-primary-hover:oklch(78% .14 55);--tpl-primary-light:oklch(28% .05 55);--tpl-secondary:oklch(63% .11 184.71);--tpl-secondary-hover:oklch(68% .1 186.39);--tpl-secondary-light:oklch(25% .03 186.82);--tpl-success:oklch(65% .18 155.1);--tpl-success-light:oklch(25% .04 163.51);--tpl-warning:oklch(78% .16 70.08);--tpl-warning-light:oklch(28% .04 73.59);--tpl-danger:oklch(65% .22 25.33);--tpl-danger-light:oklch(25% .04 17.72);--tpl-shadow:0 1px 2px #0000004d, 0 1px 3px #0003;--tpl-shadow-md:0 2px 8px #00000059, 0 1px 3px #00000040;--tpl-shadow-lg:0 4px 16px #0006, 0 2px 6px #0000004d;--tpl-shadow-xl:0 8px 32px #00000080, 0 4px 12px #00000059;--tpl-ring:0 0 0 3px var(--tpl-primary-light)}.tpl{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);color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family)}: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}: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}.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)}}@keyframes tpl-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.tpl-pulse{animation:2s infinite tpl-pulse}.tpl-spinner{animation:1s linear infinite tpl-spin}.tpl-scale-in{animation:.15s cubic-bezier(.16,1,.3,1) tpl-scale-in}@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-ai-feature-menu-item[data-v-bf59b787]:hover{background-color:var(--tpl-bg-hover)!important}\n/*$vite$:1*/", Yd = null;
|
|
5310
|
+
function Xd() {
|
|
5311
|
+
if (Yd === null) {
|
|
5280
5312
|
let e = new CSSStyleSheet();
|
|
5281
|
-
e.replaceSync(
|
|
5313
|
+
e.replaceSync(Jd), Yd = e;
|
|
5282
5314
|
}
|
|
5283
|
-
return
|
|
5315
|
+
return Yd;
|
|
5284
5316
|
}
|
|
5285
|
-
function
|
|
5317
|
+
function Zd(e) {
|
|
5286
5318
|
return () => {};
|
|
5287
5319
|
}
|
|
5288
|
-
function
|
|
5320
|
+
function Qd(e, t) {
|
|
5289
5321
|
if (!t) return {
|
|
5290
5322
|
target: e,
|
|
5291
5323
|
shadowRoot: null,
|
|
5292
5324
|
cleanup: () => {}
|
|
5293
5325
|
};
|
|
5294
5326
|
let n = e.shadowRoot ?? e.attachShadow({ mode: "open" });
|
|
5295
|
-
for (n.adoptedStyleSheets = [
|
|
5327
|
+
for (n.adoptedStyleSheets = [Xd()]; n.firstChild;) n.removeChild(n.firstChild);
|
|
5296
5328
|
let r = document.createElement("div");
|
|
5297
5329
|
return r.className = "tpl-editor-host", r.style.cssText = "display:block;height:100%;width:100%;", n.appendChild(r), {
|
|
5298
5330
|
target: r,
|
|
5299
5331
|
shadowRoot: n,
|
|
5300
|
-
cleanup:
|
|
5332
|
+
cleanup: Zd(n)
|
|
5301
5333
|
};
|
|
5302
5334
|
}
|
|
5303
|
-
var
|
|
5304
|
-
function
|
|
5305
|
-
let t =
|
|
5306
|
-
t && (t.cleanup(), t.app.unmount(),
|
|
5335
|
+
var $d = /* @__PURE__ */ new Map(), ef = null;
|
|
5336
|
+
function tf(e) {
|
|
5337
|
+
let t = $d.get(e);
|
|
5338
|
+
t && (t.cleanup(), t.app.unmount(), $d.delete(e), ef === e && (ef = null));
|
|
5307
5339
|
}
|
|
5308
|
-
async function
|
|
5309
|
-
return
|
|
5340
|
+
async function nf(e) {
|
|
5341
|
+
return rf(e);
|
|
5310
5342
|
}
|
|
5311
|
-
async function
|
|
5343
|
+
async function rf(e, t) {
|
|
5312
5344
|
let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
|
|
5313
5345
|
if (!n) throw Error(`[Templatical] Container element not found: ${e.container}`);
|
|
5314
|
-
let r = await
|
|
5315
|
-
|
|
5316
|
-
let a =
|
|
5346
|
+
let r = await Hd(e.locale ?? "en"), i = ze(e.fonts);
|
|
5347
|
+
tf(n);
|
|
5348
|
+
let a = Qd(n, e.shadowDom ?? !0), o = l(null);
|
|
5317
5349
|
e.content &&= ar(e.content, e.mergeTags);
|
|
5318
|
-
let s =
|
|
5319
|
-
return () => I(
|
|
5350
|
+
let s = M({ setup() {
|
|
5351
|
+
return () => I(jd, {
|
|
5320
5352
|
config: e,
|
|
5321
5353
|
translations: r,
|
|
5322
5354
|
fontsManager: i,
|
|
@@ -5325,11 +5357,11 @@ async function Zd(e, t) {
|
|
|
5325
5357
|
ref: o
|
|
5326
5358
|
});
|
|
5327
5359
|
} });
|
|
5328
|
-
s.mount(a.target),
|
|
5360
|
+
s.mount(a.target), $d.set(n, {
|
|
5329
5361
|
app: s,
|
|
5330
5362
|
editorRef: o,
|
|
5331
5363
|
cleanup: a.cleanup
|
|
5332
|
-
}),
|
|
5364
|
+
}), ef = n;
|
|
5333
5365
|
let c = {
|
|
5334
5366
|
getContent() {
|
|
5335
5367
|
return G(o.value ? o.value.getContent() : e.content ?? V());
|
|
@@ -5341,7 +5373,7 @@ async function Zd(e, t) {
|
|
|
5341
5373
|
setTheme(e) {
|
|
5342
5374
|
o.value && o.value.setTheme(e);
|
|
5343
5375
|
},
|
|
5344
|
-
unmount: () =>
|
|
5376
|
+
unmount: () => tf(n),
|
|
5345
5377
|
create(t) {
|
|
5346
5378
|
return o.value ? o.value.create(t?.content ? {
|
|
5347
5379
|
...t,
|
|
@@ -5381,12 +5413,12 @@ async function Zd(e, t) {
|
|
|
5381
5413
|
});
|
|
5382
5414
|
return c;
|
|
5383
5415
|
}
|
|
5384
|
-
async function
|
|
5385
|
-
let [{ bootstrapCloud: t }, n] = await Promise.all([import("./chunks/createCloudRuntime-
|
|
5416
|
+
async function af(e) {
|
|
5417
|
+
let [{ bootstrapCloud: t }, n] = await Promise.all([import("./chunks/createCloudRuntime-DwIXvrb0.js"), Ud(e.locale ?? "en")]), { runtime: r, providers: i, user: a } = await t({
|
|
5386
5418
|
config: e,
|
|
5387
5419
|
cloudTranslations: n
|
|
5388
5420
|
});
|
|
5389
|
-
return
|
|
5421
|
+
return rf({
|
|
5390
5422
|
container: e.container,
|
|
5391
5423
|
content: e.content,
|
|
5392
5424
|
shadowDom: e.shadowDom,
|
|
@@ -5425,10 +5457,10 @@ async function Qd(e) {
|
|
|
5425
5457
|
user: a
|
|
5426
5458
|
}, r);
|
|
5427
5459
|
}
|
|
5428
|
-
function
|
|
5429
|
-
|
|
5460
|
+
function of() {
|
|
5461
|
+
ef && tf(ef);
|
|
5430
5462
|
}
|
|
5431
5463
|
//#endregion
|
|
5432
|
-
export {
|
|
5464
|
+
export { pe as createLocalStorageSavedBlocksProvider, zd as getBaseLocale, qd as getSupportedCloudLocales, Kd as getSupportedLocales, nf as init, af as initCloud, Gd as isCloudLocaleSupported, Wd as isLocaleSupported, of as unmount, ze as useFonts };
|
|
5433
5465
|
|
|
5434
5466
|
//# sourceMappingURL=editor.js.map
|