@templatical/editor 0.39.4 → 0.40.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-5qqrS6uy.js → AiChatSidebar-a8TPBAl2.js} +3 -3
- package/dist/{AiFeatureMenu-BBO_Ojlp.js → AiFeatureMenu-CbgDjLqk.js} +3 -3
- package/dist/{BlockIssueBadge-D5oGxOQP.js → BlockIssueBadge-D8KsGWY6.js} +2 -2
- package/dist/BlockPreviewCanvas-XNV83YGg.js +133 -0
- package/dist/{CloudHeaderExtras-Cg6uF-yQ.js → CloudHeaderExtras-C-tbLyfE.js} +2 -2
- package/dist/{CloudPanels-D1Gg4qrG.js → CloudPanels-DnWDrgnQ.js} +4 -4
- package/dist/{CollaboratorBar-Cmn0LccS.js → CollaboratorBar-DUmeCkyD.js} +2 -2
- package/dist/{CommentsPanel-twNhYUqZ.js → CommentsPanel-9k1q-79y.js} +1 -1
- package/dist/{CommentsSidebar-DDO0Qx8U.js → CommentsSidebar-Bc7nORmD.js} +2 -2
- package/dist/{CountdownBlock-DSvbf3qU.js → CountdownBlock-C6R-hn7D.js} +1 -1
- package/dist/{CountdownToolbar-nvHxu8Gu.js → CountdownToolbar-DkC-qSgq.js} +4 -4
- package/dist/{DesignReferenceSidebar-C8ohNhOd.js → DesignReferenceSidebar-OoiYJAKS.js} +3 -3
- package/dist/{IssuesPanel-Ck0EGoV5.js → IssuesPanel-Dnns3O9z.js} +3 -3
- package/dist/{LogicTagInsertButton-D8IwH-9Z.js → LogicTagInsertButton-BimKobaG.js} +67 -67
- package/dist/{MergeTagInput-QI-5KG2R.js → MergeTagInput-DqpVzhy7.js} +1 -1
- package/dist/{MergeTagModeToggle-D793Bj_E.js → MergeTagModeToggle-BkIiAgpQ.js} +4 -4
- package/dist/{ParagraphEditor-D6FRxr8Y.js → ParagraphEditor-D67Cqh-T.js} +19 -19
- package/dist/{RestoreVersionDialog--b0qfNaK.js → RestoreVersionDialog-BaKDuPCX.js} +2 -2
- package/dist/{RichTextEditorContent-BC5UTVnb.js → RichTextEditorContent-AEtfKvLz.js} +5 -5
- package/dist/{SaveBlockDialog-C0BdEGeL.js → SaveBlockDialog-BxkI52fN.js} +8 -8
- package/dist/{SavedBlocksBrowserModal-BzDgXtr4.js → SavedBlocksBrowserModal-C4_25Kvn.js} +6 -6
- package/dist/{SavedBlocksPanels-DN-bDZzy.js → SavedBlocksPanels-DQ0w9G1O.js} +1 -1
- package/dist/{SavedBlocksPickBar-pEi9Et8Q.js → SavedBlocksPickBar-CtH-sfxh.js} +2 -2
- package/dist/{TemplateScoringPanel-B1wcfE0w.js → TemplateScoringPanel-Cs0TGtRF.js} +3 -3
- package/dist/{TemplateSettings-C_5leDdF.js → TemplateSettings-BD1WNP4C.js} +7 -7
- package/dist/{TestEmailModal-maM8SLBV.js → TestEmailModal-DZi58FU9.js} +70 -65
- package/dist/{TestEmailPanel-8iAZYpCK.js → TestEmailPanel-D__9Wvgz.js} +1 -1
- package/dist/{TitleEditor-L26QXwna.js → TitleEditor-v5p89Djs.js} +9 -9
- package/dist/{ToggleSwitch-JvQ_CmI1.js → ToggleSwitch-CJfQ8u57.js} +1 -1
- package/dist/{Toolbar-B2kDLFhn.js → Toolbar-C7SjilzH.js} +540 -525
- package/dist/{TplModal-DVMS_nAn.js → TplModal-B8uLyoXE.js} +3 -3
- package/dist/{VersionHistoryMenu-BVQityes.js → VersionHistoryMenu-b0A8mS2_.js} +2 -2
- package/dist/{VersionHistoryPanels-D8f8KvKX.js → VersionHistoryPanels-DfNrRT6y.js} +1 -1
- package/dist/{VersionPreviewBanner-BaMSgA1O.js → VersionPreviewBanner-xB9r83r0.js} +1 -1
- package/dist/WrapperBlock-yGmKw0T-.js +34 -0
- package/dist/{blockTypeIcons-CdXugKyV.js → blockTypeIcons-B0Bq1WT1.js} +1 -1
- package/dist/bundle-stats.json +6 -6
- package/dist/{ca-Bqeygp1_.js → ca-Ckgw9yd0.js} +1 -0
- package/dist/cdn/chunks/{AiChatSidebar-ctfIU4i0.js → AiChatSidebar-mKImUXi6.js} +7 -7
- package/dist/cdn/chunks/{AiChatSidebar-ctfIU4i0.js.map → AiChatSidebar-mKImUXi6.js.map} +1 -1
- package/dist/cdn/chunks/{AiFeatureMenu-ByygdH_9.js → AiFeatureMenu-23HCL517.js} +4 -4
- package/dist/cdn/chunks/{AiFeatureMenu-ByygdH_9.js.map → AiFeatureMenu-23HCL517.js.map} +1 -1
- package/dist/cdn/chunks/{BlockIssueBadge-9hHpaXb9.js → BlockIssueBadge-DS1pUf5g.js} +3 -3
- package/dist/cdn/chunks/{BlockIssueBadge-9hHpaXb9.js.map → BlockIssueBadge-DS1pUf5g.js.map} +1 -1
- package/dist/cdn/chunks/BlockPreviewCanvas-DObWyQfh.js +135 -0
- package/dist/cdn/chunks/BlockPreviewCanvas-DObWyQfh.js.map +1 -0
- package/dist/cdn/chunks/{CloudHeaderExtras-BxsMpvVr.js → CloudHeaderExtras-DOB_uWpt.js} +3 -3
- package/dist/cdn/chunks/{CloudHeaderExtras-BxsMpvVr.js.map → CloudHeaderExtras-DOB_uWpt.js.map} +1 -1
- package/dist/cdn/chunks/{CloudPanels-DmxmqAS_.js → CloudPanels-DcAn5QW7.js} +5 -5
- package/dist/cdn/chunks/{CloudPanels-DmxmqAS_.js.map → CloudPanels-DcAn5QW7.js.map} +1 -1
- package/dist/cdn/chunks/{CollaboratorBar-B8ttqAqX.js → CollaboratorBar-C0M8c2Vv.js} +3 -3
- package/dist/cdn/chunks/{CollaboratorBar-B8ttqAqX.js.map → CollaboratorBar-C0M8c2Vv.js.map} +1 -1
- package/dist/cdn/chunks/{CommentsPanel-C8ibhaiK.js → CommentsPanel-BtAGZfF6.js} +2 -2
- package/dist/cdn/chunks/{CommentsPanel-C8ibhaiK.js.map → CommentsPanel-BtAGZfF6.js.map} +1 -1
- package/dist/cdn/chunks/{CommentsSidebar-CybWfZ3V.js → CommentsSidebar-Ws07MXYj.js} +3 -3
- package/dist/cdn/chunks/{CommentsSidebar-CybWfZ3V.js.map → CommentsSidebar-Ws07MXYj.js.map} +1 -1
- package/dist/cdn/chunks/{CountdownBlock-DdC8Lg5F.js → CountdownBlock-sVDjKkRw.js} +2 -2
- package/dist/cdn/chunks/{CountdownBlock-DdC8Lg5F.js.map → CountdownBlock-sVDjKkRw.js.map} +1 -1
- package/dist/cdn/chunks/{CountdownToolbar-DRESXiVD.js → CountdownToolbar-Bu93WiS8.js} +5 -5
- package/dist/cdn/chunks/{CountdownToolbar-DRESXiVD.js.map → CountdownToolbar-Bu93WiS8.js.map} +1 -1
- package/dist/cdn/chunks/{DesignReferenceSidebar-CtaoY-hl.js → DesignReferenceSidebar-BlSdh5B7.js} +4 -4
- package/dist/cdn/chunks/{DesignReferenceSidebar-CtaoY-hl.js.map → DesignReferenceSidebar-BlSdh5B7.js.map} +1 -1
- package/dist/cdn/chunks/{IssuesPanel-C6RlIxoi.js → IssuesPanel-CKkv9z9g.js} +4 -4
- package/dist/cdn/chunks/{IssuesPanel-C6RlIxoi.js.map → IssuesPanel-CKkv9z9g.js.map} +1 -1
- package/dist/cdn/chunks/{LogicTagInsertButton-DpyPozop.js → LogicTagInsertButton-CHc1yZ9v.js} +165 -165
- package/dist/cdn/chunks/{LogicTagInsertButton-DpyPozop.js.map → LogicTagInsertButton-CHc1yZ9v.js.map} +1 -1
- package/dist/cdn/chunks/{MergeTagInput-ERJr7bP_.js → MergeTagInput--qTYfCWk.js} +2 -2
- package/dist/cdn/chunks/{MergeTagInput-ERJr7bP_.js.map → MergeTagInput--qTYfCWk.js.map} +1 -1
- package/dist/cdn/chunks/{MergeTagModeToggle-n3nvSNeQ.js → MergeTagModeToggle-CdWIGo3Q.js} +5 -5
- package/dist/cdn/chunks/{MergeTagModeToggle-n3nvSNeQ.js.map → MergeTagModeToggle-CdWIGo3Q.js.map} +1 -1
- package/dist/cdn/chunks/{ParagraphEditor-R2ph_UOo.js → ParagraphEditor-BilbVtrG.js} +17 -17
- package/dist/cdn/chunks/{ParagraphEditor-R2ph_UOo.js.map → ParagraphEditor-BilbVtrG.js.map} +1 -1
- package/dist/cdn/chunks/{RestoreVersionDialog-C-dwbb7T.js → RestoreVersionDialog-Q-a44Vjv.js} +3 -3
- package/dist/cdn/chunks/{RestoreVersionDialog-C-dwbb7T.js.map → RestoreVersionDialog-Q-a44Vjv.js.map} +1 -1
- package/dist/cdn/chunks/{RichTextEditorContent-Ch5zeyZ7.js → RichTextEditorContent-Fzuu9pLP.js} +6 -6
- package/dist/cdn/chunks/{RichTextEditorContent-Ch5zeyZ7.js.map → RichTextEditorContent-Fzuu9pLP.js.map} +1 -1
- package/dist/cdn/chunks/{SaveBlockDialog-C_BPjVv6.js → SaveBlockDialog-DeW_M6kh.js} +9 -9
- package/dist/cdn/chunks/{SaveBlockDialog-C_BPjVv6.js.map → SaveBlockDialog-DeW_M6kh.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksBrowserModal-CrrGEfFb.js → SavedBlocksBrowserModal-BzQWibKG.js} +6 -6
- package/dist/cdn/chunks/{SavedBlocksBrowserModal-CrrGEfFb.js.map → SavedBlocksBrowserModal-BzQWibKG.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksPanels-DfTaMPAr.js → SavedBlocksPanels-Ce1RePjk.js} +2 -2
- package/dist/cdn/chunks/{SavedBlocksPanels-DfTaMPAr.js.map → SavedBlocksPanels-Ce1RePjk.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksPickBar-DziwHYSu.js → SavedBlocksPickBar-DIDl6xfy.js} +3 -3
- package/dist/cdn/chunks/{SavedBlocksPickBar-DziwHYSu.js.map → SavedBlocksPickBar-DIDl6xfy.js.map} +1 -1
- package/dist/cdn/chunks/{TemplateScoringPanel-CR6RG6dZ.js → TemplateScoringPanel-d_Ppowsq.js} +49 -49
- package/dist/cdn/chunks/{TemplateScoringPanel-CR6RG6dZ.js.map → TemplateScoringPanel-d_Ppowsq.js.map} +1 -1
- package/dist/cdn/chunks/{TemplateSettings-DjXiiiNr.js → TemplateSettings-Dr5OJ0Gi.js} +8 -8
- package/dist/cdn/chunks/{TemplateSettings-DjXiiiNr.js.map → TemplateSettings-Dr5OJ0Gi.js.map} +1 -1
- package/dist/cdn/chunks/{TestEmailModal-DId9Og-N.js → TestEmailModal-CWTmaJuT.js} +56 -51
- package/dist/cdn/chunks/TestEmailModal-CWTmaJuT.js.map +1 -0
- package/dist/cdn/chunks/{TestEmailPanel-B8LwXmeX.js → TestEmailPanel-BdYsVHXA.js} +2 -2
- package/dist/cdn/chunks/{TestEmailPanel-B8LwXmeX.js.map → TestEmailPanel-BdYsVHXA.js.map} +1 -1
- package/dist/cdn/chunks/{TitleEditor-C7KMzX1e.js → TitleEditor-pJeeZ-PX.js} +9 -9
- package/dist/cdn/chunks/{TitleEditor-C7KMzX1e.js.map → TitleEditor-pJeeZ-PX.js.map} +1 -1
- package/dist/cdn/chunks/{ToggleSwitch-CDy8OfcB.js → ToggleSwitch-0dGCYnRY.js} +2 -2
- package/dist/cdn/chunks/{ToggleSwitch-CDy8OfcB.js.map → ToggleSwitch-0dGCYnRY.js.map} +1 -1
- package/dist/cdn/chunks/{Toolbar-DqFhWxgW.js → Toolbar-BsiHW9gY.js} +493 -478
- package/dist/cdn/chunks/{Toolbar-DqFhWxgW.js.map → Toolbar-BsiHW9gY.js.map} +1 -1
- package/dist/cdn/chunks/{TplModal-BKqDFLq3.js → TplModal-CEuGD7pt.js} +4 -4
- package/dist/cdn/chunks/{TplModal-BKqDFLq3.js.map → TplModal-CEuGD7pt.js.map} +1 -1
- package/dist/cdn/chunks/{VersionHistoryMenu-Dij1pTEb.js → VersionHistoryMenu-B3-hNu9c.js} +3 -3
- package/dist/cdn/chunks/{VersionHistoryMenu-Dij1pTEb.js.map → VersionHistoryMenu-B3-hNu9c.js.map} +1 -1
- package/dist/cdn/chunks/{VersionHistoryPanels-DcCFFDK6.js → VersionHistoryPanels-C1yck5gT.js} +2 -2
- package/dist/cdn/chunks/{VersionHistoryPanels-DcCFFDK6.js.map → VersionHistoryPanels-C1yck5gT.js.map} +1 -1
- package/dist/cdn/chunks/{VersionPreviewBanner-Df3FVlig.js → VersionPreviewBanner-PzVQSBJE.js} +2 -2
- package/dist/cdn/chunks/{VersionPreviewBanner-Df3FVlig.js.map → VersionPreviewBanner-PzVQSBJE.js.map} +1 -1
- package/dist/cdn/chunks/WrapperBlock-DGkbmj06.js +36 -0
- package/dist/cdn/chunks/WrapperBlock-DGkbmj06.js.map +1 -0
- package/dist/cdn/chunks/{ca-Bqeygp1_.js → ca-Ckgw9yd0.js} +2 -1
- package/dist/cdn/chunks/ca-Ckgw9yd0.js.map +1 -0
- package/dist/cdn/chunks/{cloud-eaXyxZ8l.js → cloud-CIT4yPp4.js} +2 -2
- package/dist/cdn/chunks/{cloud-eaXyxZ8l.js.map → cloud-CIT4yPp4.js.map} +1 -1
- package/dist/cdn/chunks/{createCloudRuntime-D5bXzcTe.js → createCloudRuntime-COUxbPvd.js} +49 -40
- package/dist/cdn/chunks/createCloudRuntime-COUxbPvd.js.map +1 -0
- package/dist/cdn/chunks/{de-CY6SlqBx.js → de-D4dweQw8.js} +2 -1
- package/dist/cdn/chunks/de-D4dweQw8.js.map +1 -0
- package/dist/{en-8V-2kDcp.js → cdn/chunks/en-VE7R7NyL.js} +3 -0
- package/dist/cdn/chunks/en-VE7R7NyL.js.map +1 -0
- package/dist/{es-Cmn1rT3l.js → cdn/chunks/es-B9OhP8H3.js} +3 -0
- package/dist/cdn/chunks/es-B9OhP8H3.js.map +1 -0
- package/dist/cdn/chunks/{extensions-Bhu8UEE5.js → extensions-CafoGF65.js} +5 -5
- package/dist/cdn/chunks/{extensions-Bhu8UEE5.js.map → extensions-CafoGF65.js.map} +1 -1
- package/dist/cdn/chunks/{fr-2yDa4zXM.js → fr-wrXhIi00.js} +2 -1
- package/dist/cdn/chunks/fr-wrXhIi00.js.map +1 -0
- package/dist/cdn/chunks/keys-DCWeHkSF.js +12 -0
- package/dist/cdn/chunks/keys-DCWeHkSF.js.map +1 -0
- package/dist/{nl-Bzk2zRI8.js → cdn/chunks/nl-DeFatKJe.js} +3 -0
- package/dist/cdn/chunks/nl-DeFatKJe.js.map +1 -0
- package/dist/cdn/chunks/preRenderCustomBlocks-Dpj-_cOj.js +21 -0
- package/dist/cdn/chunks/preRenderCustomBlocks-Dpj-_cOj.js.map +1 -0
- package/dist/cdn/chunks/{pt-BR-DqtSCTUi.js → pt-BR-Bh1J8ey6.js} +2 -1
- package/dist/cdn/chunks/pt-BR-Bh1J8ey6.js.map +1 -0
- package/dist/cdn/chunks/{socialIcons-9VrG8X3m.js → socialIcons-BvYNMn1G.js} +264 -258
- package/dist/cdn/chunks/socialIcons-BvYNMn1G.js.map +1 -0
- package/dist/cdn/chunks/{src-CqYYKcCI.js → src-CbGCES0u.js} +175 -168
- package/dist/cdn/chunks/src-CbGCES0u.js.map +1 -0
- package/dist/cdn/chunks/{src-CaNsA_WX.js → src-Cnc5E71L.js} +258 -247
- package/dist/cdn/chunks/src-Cnc5E71L.js.map +1 -0
- package/dist/cdn/chunks/{src-Dwgq7hf4.js → src-DveVYoWS.js} +281 -181
- package/dist/cdn/chunks/src-DveVYoWS.js.map +1 -0
- package/dist/cdn/chunks/{useCloudI18n-C09JcFS0.js → useCloudI18n-CrjWbpbu.js} +2 -2
- package/dist/cdn/chunks/{useCloudI18n-C09JcFS0.js.map → useCloudI18n-CrjWbpbu.js.map} +1 -1
- package/dist/cdn/chunks/{useEditorCore-CXYI14ux.js → useEditorCore-CQraU2s_.js} +421 -408
- package/dist/cdn/chunks/useEditorCore-CQraU2s_.js.map +1 -0
- package/dist/cdn/chunks/{useEditorRoot-DFx2fXJP.js → useEditorRoot-CshefZLP.js} +2 -2
- package/dist/cdn/chunks/{useEditorRoot-DFx2fXJP.js.map → useEditorRoot-CshefZLP.js.map} +1 -1
- package/dist/cdn/chunks/{useI18n-DTZ9sIcv.js → useI18n-CyO_Nmca.js} +2 -2
- package/dist/cdn/chunks/{useI18n-DTZ9sIcv.js.map → useI18n-CyO_Nmca.js.map} +1 -1
- package/dist/cdn/chunks/{useLogicTag-E2V0Xdcb.js → useLogicTag-DF7-l66G.js} +4 -4
- package/dist/cdn/chunks/{useLogicTag-E2V0Xdcb.js.map → useLogicTag-DF7-l66G.js.map} +1 -1
- package/dist/cdn/chunks/{useMergeTag-BE8oDoha.js → useMergeTag-DbIHw4NG.js} +4 -4
- package/dist/cdn/chunks/{useMergeTag-BE8oDoha.js.map → useMergeTag-DbIHw4NG.js.map} +1 -1
- package/dist/cdn/chunks/{usePopoverPosition-gB9q-ql7.js → usePopoverPosition-BJRvAb-h.js} +2 -2
- package/dist/cdn/chunks/{usePopoverPosition-gB9q-ql7.js.map → usePopoverPosition-BJRvAb-h.js.map} +1 -1
- package/dist/cdn/chunks/{useScrollToBlock-CtTXwmiU.js → useScrollToBlock-DgHZJvID.js} +2 -2
- package/dist/cdn/chunks/{useScrollToBlock-CtTXwmiU.js.map → useScrollToBlock-DgHZJvID.js.map} +1 -1
- package/dist/cdn/editor.css +1 -1
- package/dist/cdn/editor.js +484 -460
- package/dist/cdn/editor.js.map +1 -1
- package/dist/{cloud-C9xWZXhg.js → cloud-DsqqUfzh.js} +1 -1
- package/dist/{createCloudRuntime-BGd5--Bq.js → createCloudRuntime-iLflkYzP.js} +47 -38
- package/dist/{de-CY6SlqBx.js → de-D4dweQw8.js} +1 -0
- package/dist/{dist-tGkjkX-v.js → dist-DbUZvK04.js} +277 -176
- package/dist/{cdn/chunks/en-8V-2kDcp.js → en-VE7R7NyL.js} +1 -2
- package/dist/{cdn/chunks/es-Cmn1rT3l.js → es-B9OhP8H3.js} +1 -2
- package/dist/{extensions-DRN-elXT.js → extensions-DDhjuVKy.js} +4 -4
- package/dist/{fr-2yDa4zXM.js → fr-wrXhIi00.js} +1 -0
- package/dist/index.d.ts +65 -0
- package/dist/keys-CDqfZIRt.js +10 -0
- package/dist/{cdn/chunks/nl-Bzk2zRI8.js → nl-DeFatKJe.js} +1 -2
- package/dist/preRenderCustomBlocks-BBSqQgke.js +19 -0
- package/dist/{pt-BR-DqtSCTUi.js → pt-BR-Bh1J8ey6.js} +1 -0
- package/dist/{socialIcons-DkGcpEwC.js → socialIcons-O7PZCW2P.js} +245 -239
- package/dist/style.css +1 -1
- package/dist/templatical-editor.js +520 -496
- package/dist/{useCloudI18n-D1iedlP3.js → useCloudI18n-DpEsiLeR.js} +1 -1
- package/dist/{useEditorCore-BUVbQgwb.js → useEditorCore-Dt_VWNqX.js} +817 -804
- package/dist/{useEditorRoot-BOxn5EfP.js → useEditorRoot-CkB_5d0h.js} +1 -1
- package/dist/{useI18n-Ds_-druD.js → useI18n-B_CdcBwG.js} +1 -1
- package/dist/{useLogicTag-DoHfc08B.js → useLogicTag-D9pvgxQR.js} +3 -3
- package/dist/{useMergeTag-DXyum3kG.js → useMergeTag-BaVFPdlq.js} +5 -5
- package/dist/{usePopoverPosition-Du-Ah8E9.js → usePopoverPosition-DH7z3Ghm.js} +1 -1
- package/dist/{useScrollToBlock-DXQYPCnJ.js → useScrollToBlock-Dj4v3rxr.js} +1 -1
- package/package.json +7 -7
- package/dist/BlockPreviewCanvas-BMC16_QU.js +0 -131
- package/dist/cdn/chunks/BlockPreviewCanvas-DeS7Sa--.js +0 -133
- package/dist/cdn/chunks/BlockPreviewCanvas-DeS7Sa--.js.map +0 -1
- package/dist/cdn/chunks/TestEmailModal-DId9Og-N.js.map +0 -1
- package/dist/cdn/chunks/ca-Bqeygp1_.js.map +0 -1
- package/dist/cdn/chunks/createCloudRuntime-D5bXzcTe.js.map +0 -1
- package/dist/cdn/chunks/de-CY6SlqBx.js.map +0 -1
- package/dist/cdn/chunks/emailFrameWidth-BmFCN2dp.js +0 -8
- package/dist/cdn/chunks/emailFrameWidth-BmFCN2dp.js.map +0 -1
- package/dist/cdn/chunks/en-8V-2kDcp.js.map +0 -1
- package/dist/cdn/chunks/es-Cmn1rT3l.js.map +0 -1
- package/dist/cdn/chunks/fr-2yDa4zXM.js.map +0 -1
- package/dist/cdn/chunks/keys-dJbD1QPs.js +0 -12
- package/dist/cdn/chunks/keys-dJbD1QPs.js.map +0 -1
- package/dist/cdn/chunks/nl-Bzk2zRI8.js.map +0 -1
- package/dist/cdn/chunks/preRenderCustomBlocks-Bdpiiw4A.js +0 -23
- package/dist/cdn/chunks/preRenderCustomBlocks-Bdpiiw4A.js.map +0 -1
- package/dist/cdn/chunks/pt-BR-DqtSCTUi.js.map +0 -1
- package/dist/cdn/chunks/socialIcons-9VrG8X3m.js.map +0 -1
- package/dist/cdn/chunks/src-CaNsA_WX.js.map +0 -1
- package/dist/cdn/chunks/src-CqYYKcCI.js.map +0 -1
- package/dist/cdn/chunks/src-Dwgq7hf4.js.map +0 -1
- package/dist/cdn/chunks/useEditorCore-CXYI14ux.js.map +0 -1
- package/dist/emailFrameWidth-BmFCN2dp.js +0 -6
- package/dist/keys-BdoSgsz9.js +0 -10
- package/dist/preRenderCustomBlocks-DFXH54Zr.js +0 -21
|
@@ -1,50 +1,50 @@
|
|
|
1
1
|
import { A as e, At as t, B as n, E as r, F as i, J as a, M as o, N as s, O as c, R as l, S as u, V as d, Z as f, _ as p, at as m, b as h, c as g, d as _, g as v, h as y, j as b, jt as x, k as S, kt as C, l as w, p as T, r as E, s as D, u as O, v as k } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
|
|
2
2
|
import { a as A, c as j, n as M, o as N, s as P, t as F } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
|
|
3
|
-
import {
|
|
4
|
-
import { E as
|
|
5
|
-
import { _ as
|
|
6
|
-
import { a as
|
|
7
|
-
import { A as
|
|
8
|
-
import {
|
|
9
|
-
import { t as
|
|
10
|
-
import { t as
|
|
11
|
-
import { t as
|
|
12
|
-
import { t as
|
|
13
|
-
import { t as
|
|
14
|
-
import { t as
|
|
15
|
-
import { t as
|
|
16
|
-
import { t as
|
|
17
|
-
import { t as
|
|
18
|
-
import { t as
|
|
19
|
-
import { n as
|
|
20
|
-
import { t as
|
|
21
|
-
import { t as
|
|
22
|
-
import { n as
|
|
23
|
-
import { t as
|
|
24
|
-
import { t as
|
|
25
|
-
import { t as
|
|
26
|
-
import { t as
|
|
27
|
-
import { n as
|
|
28
|
-
import { t as
|
|
29
|
-
import { t as
|
|
30
|
-
import { t as
|
|
31
|
-
import { C as
|
|
32
|
-
import { n as
|
|
33
|
-
import { t as
|
|
34
|
-
import { t as
|
|
35
|
-
import { t as
|
|
36
|
-
import { t as
|
|
37
|
-
import { t as
|
|
3
|
+
import { A as I, B as L, G as R, K as z, N as B, P as V, S as H, W as U, X as W, Z as G, _ as K, c as ee, d as q, et as J, f as Y, g as X, l as te, o as ne, p as re, q as ie, u as ae, w as oe } from "./dist-DbUZvK04.js";
|
|
4
|
+
import { E as se, S as ce, T as le, f as ue, h as de, m as fe, v as pe, y as me } from "./socialIcons-O7PZCW2P.js";
|
|
5
|
+
import { _ as he, d as ge, g as _e } from "./dist-8VFzbeu9.js";
|
|
6
|
+
import { a as ve } from "./dist-BDuPwOyn.js";
|
|
7
|
+
import { A as ye, C as be, E as xe, F as Se, I as Ce, L as we, M as Te, N as Ee, O as De, P as Oe, _ as ke, a as Ae, b as je, c as Me, d as Ne, g as Pe, h as Fe, i as Ie, j as Le, l as Re, m as ze, n as Be, o as Ve, p as He, r as Ue, s as We, t as Ge, v as Ke, y as qe } from "./useEditorCore-Dt_VWNqX.js";
|
|
8
|
+
import { $ as Je, A as Ye, E as Xe, J as Ze, K as Qe, M as $e, N as et, P as tt, Q as nt, U as rt, V as it, X as at, Z as ot, f as st, g as ct, l as lt, m as ut, o as dt, p as ft, q as pt, r as mt, s as ht, z as gt } from "./keys-CDqfZIRt.js";
|
|
9
|
+
import { t as Z } from "./useI18n-B_CdcBwG.js";
|
|
10
|
+
import { t as _t } from "./logger-BBlvSn6q.js";
|
|
11
|
+
import { t as vt } from "./templateSettingsFields-YCFVBVYh.js";
|
|
12
|
+
import { t as Q } from "./createLucideIcon-BxY5yz5u.js";
|
|
13
|
+
import { t as yt } from "./check-eqb2JhqU.js";
|
|
14
|
+
import { t as bt } from "./chevron-down-Dkr-7Ywl.js";
|
|
15
|
+
import { t as xt } from "./circle-alert-CYgTHKWr.js";
|
|
16
|
+
import { t as St } from "./blockTypeIcons-B0Bq1WT1.js";
|
|
17
|
+
import { t as Ct } from "./eye-DphkRtAD.js";
|
|
18
|
+
import { t as wt } from "./image-up-Qi2BXD7T.js";
|
|
19
|
+
import { n as Tt, t as Et } from "./useScrollToBlock-Dj4v3rxr.js";
|
|
20
|
+
import { t as Dt } from "./loader-circle-z5eeqasv.js";
|
|
21
|
+
import { t as Ot } from "./message-circle-BsQ9hEup.js";
|
|
22
|
+
import { n as kt } from "./smartphone-v0u_MOEV.js";
|
|
23
|
+
import { t as At } from "./package-OkXfuRoO.js";
|
|
24
|
+
import { t as jt } from "./search-C-dCgqIa.js";
|
|
25
|
+
import { t as Mt } from "./send-Cm2fy2zm.js";
|
|
26
|
+
import { t as Nt } from "./sparkles-Ds0RF8Iu.js";
|
|
27
|
+
import { n as Pt, t as Ft } from "./MergeTagModeToggle-BkIiAgpQ.js";
|
|
28
|
+
import { t as It } from "./x-3BHV3Q6K.js";
|
|
29
|
+
import { t as Lt } from "./_plugin-vue_export-helper-B3ysoDQm.js";
|
|
30
|
+
import { t as Rt } from "./useCloudI18n-DpEsiLeR.js";
|
|
31
|
+
import { C as zt, S as Bt, p as Vt, y as Ht } from "./styleConstants-C_YAPdQS.js";
|
|
32
|
+
import { n as Ut, r as Wt, t as Gt } from "./WrapperBlock-yGmKw0T-.js";
|
|
33
|
+
import { t as Kt } from "./readableTextColor-f8Kykfnh.js";
|
|
34
|
+
import { t as qt } from "./formatAbsoluteDateTime-DMmop3C-.js";
|
|
35
|
+
import { t as Jt } from "./formatRelativeTime-CtUU-QZ8.js";
|
|
36
|
+
import { t as Yt } from "./TplModal-B8uLyoXE.js";
|
|
37
|
+
import { t as Xt } from "./preRenderCustomBlocks-BBSqQgke.js";
|
|
38
38
|
//#region src/utils/resolveTemplateDefaults.ts
|
|
39
|
-
var
|
|
40
|
-
function
|
|
41
|
-
let t = e.locale?.trim().replace(/_/g, "-"), n = t &&
|
|
39
|
+
var Zt = /^[a-z]{2,3}(-[a-z0-9]{2,8})*$/i;
|
|
40
|
+
function Qt(e) {
|
|
41
|
+
let t = e.locale?.trim().replace(/_/g, "-"), n = t && Zt.test(t) ? { locale: t } : void 0;
|
|
42
42
|
if (n || e.templateDefaults) return {
|
|
43
43
|
...n,
|
|
44
44
|
...e.templateDefaults
|
|
45
45
|
};
|
|
46
46
|
}
|
|
47
|
-
var
|
|
47
|
+
var $t = Q({
|
|
48
48
|
name: "layout-template",
|
|
49
49
|
size: 24,
|
|
50
50
|
node: [
|
|
@@ -73,14 +73,14 @@ var Ut = Z({
|
|
|
73
73
|
key: "q5h2i8"
|
|
74
74
|
}]
|
|
75
75
|
]
|
|
76
|
-
}),
|
|
76
|
+
}), en = Q({
|
|
77
77
|
name: "moon",
|
|
78
78
|
size: 24,
|
|
79
79
|
node: [["path", {
|
|
80
80
|
d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
|
|
81
81
|
key: "kfwtm"
|
|
82
82
|
}]]
|
|
83
|
-
}),
|
|
83
|
+
}), tn = Q({
|
|
84
84
|
name: "panel-top",
|
|
85
85
|
size: 24,
|
|
86
86
|
node: [["rect", {
|
|
@@ -94,7 +94,7 @@ var Ut = Z({
|
|
|
94
94
|
d: "M3 9h18",
|
|
95
95
|
key: "1pudct"
|
|
96
96
|
}]]
|
|
97
|
-
}),
|
|
97
|
+
}), nn = Q({
|
|
98
98
|
name: "rotate-ccw",
|
|
99
99
|
size: 24,
|
|
100
100
|
node: [["path", {
|
|
@@ -104,7 +104,7 @@ var Ut = Z({
|
|
|
104
104
|
d: "M3 3v5h5",
|
|
105
105
|
key: "1xhq8a"
|
|
106
106
|
}]]
|
|
107
|
-
}),
|
|
107
|
+
}), rn = Q({
|
|
108
108
|
name: "save",
|
|
109
109
|
size: 24,
|
|
110
110
|
node: [
|
|
@@ -121,7 +121,7 @@ var Ut = Z({
|
|
|
121
121
|
key: "t51u73"
|
|
122
122
|
}]
|
|
123
123
|
]
|
|
124
|
-
}),
|
|
124
|
+
}), an = Q({
|
|
125
125
|
name: "settings",
|
|
126
126
|
size: 24,
|
|
127
127
|
node: [["path", {
|
|
@@ -133,7 +133,7 @@ var Ut = Z({
|
|
|
133
133
|
r: "3",
|
|
134
134
|
key: "1v7zrd"
|
|
135
135
|
}]]
|
|
136
|
-
}),
|
|
136
|
+
}), on = Q({
|
|
137
137
|
name: "square-plus",
|
|
138
138
|
size: 24,
|
|
139
139
|
node: [
|
|
@@ -155,7 +155,7 @@ var Ut = Z({
|
|
|
155
155
|
}]
|
|
156
156
|
],
|
|
157
157
|
aliases: ["plus-square"]
|
|
158
|
-
}),
|
|
158
|
+
}), sn = Q({
|
|
159
159
|
name: "sun",
|
|
160
160
|
size: 24,
|
|
161
161
|
node: [
|
|
@@ -201,14 +201,14 @@ var Ut = Z({
|
|
|
201
201
|
});
|
|
202
202
|
//#endregion
|
|
203
203
|
//#region src/composables/useCommentsFeature.ts
|
|
204
|
-
function
|
|
205
|
-
let { provider: t, editor: n } = e, r =
|
|
204
|
+
function cn(e) {
|
|
205
|
+
let { provider: t, editor: n } = e, r = me({
|
|
206
206
|
provider: t,
|
|
207
207
|
getTemplateId: () => n.state.template?.id ?? null,
|
|
208
208
|
getUser: () => e.user ?? null,
|
|
209
209
|
onError: e.onError
|
|
210
210
|
});
|
|
211
|
-
|
|
211
|
+
pe({
|
|
212
212
|
comments: r,
|
|
213
213
|
provider: t,
|
|
214
214
|
getTemplateId: () => n.state.template?.id ?? null
|
|
@@ -261,16 +261,16 @@ function Zt(e) {
|
|
|
261
261
|
}
|
|
262
262
|
//#endregion
|
|
263
263
|
//#region src/composables/useMediaFeature.ts
|
|
264
|
-
function
|
|
264
|
+
function ln(e) {
|
|
265
265
|
return e instanceof Error ? e : Error(String(e));
|
|
266
266
|
}
|
|
267
|
-
function
|
|
267
|
+
function un(e, t, n) {
|
|
268
268
|
let r = e.maxFileSize ?? Infinity;
|
|
269
269
|
if (t.size > r) return /* @__PURE__ */ Error(`Image is too large (${t.size} bytes). Maximum allowed is ${r} bytes.`);
|
|
270
270
|
let i = e.mimeTypes;
|
|
271
271
|
return !i || (n && n.length > 0 ? n : Object.keys(i)).some((e) => i[e]?.includes(t.type) ?? !1) ? null : /* @__PURE__ */ Error(`Unsupported image type: ${t.type || "unknown"}.`);
|
|
272
272
|
}
|
|
273
|
-
function
|
|
273
|
+
function dn(e) {
|
|
274
274
|
let { provider: t, onRequestMedia: n, getTemplateId: r, onError: i } = e, o = f(!1), s = f(void 0), c = D(() => r?.()), l = D(() => !!n || typeof t?.create == "function"), u = null;
|
|
275
275
|
function d(e) {
|
|
276
276
|
o.value = !1, u?.(e), u = null;
|
|
@@ -292,7 +292,7 @@ function en(e) {
|
|
|
292
292
|
if (!t) return null;
|
|
293
293
|
if (e?.files?.length) {
|
|
294
294
|
if (typeof t.create != "function") return null;
|
|
295
|
-
let n = e.files[0], a =
|
|
295
|
+
let n = e.files[0], a = un(t, n, e.accept);
|
|
296
296
|
if (a) return i?.(a), null;
|
|
297
297
|
let o = r?.();
|
|
298
298
|
try {
|
|
@@ -303,14 +303,14 @@ function en(e) {
|
|
|
303
303
|
try {
|
|
304
304
|
t.onCreated?.(e);
|
|
305
305
|
} catch (e) {
|
|
306
|
-
i?.(
|
|
306
|
+
i?.(ln(e));
|
|
307
307
|
}
|
|
308
308
|
return {
|
|
309
309
|
url: e.url,
|
|
310
310
|
alt: e.alt
|
|
311
311
|
};
|
|
312
312
|
} catch (e) {
|
|
313
|
-
return i?.(
|
|
313
|
+
return i?.(ln(e)), null;
|
|
314
314
|
}
|
|
315
315
|
}
|
|
316
316
|
return u &&= (u(null), null), s.value = e?.accept, o.value = !0, new Promise((e) => {
|
|
@@ -328,8 +328,8 @@ function en(e) {
|
|
|
328
328
|
}
|
|
329
329
|
//#endregion
|
|
330
330
|
//#region src/composables/useSavedBlocksFeature.ts
|
|
331
|
-
function
|
|
332
|
-
let { provider: t, editor: n } = e, r =
|
|
331
|
+
function fn(e) {
|
|
332
|
+
let { provider: t, editor: n } = e, r = le({
|
|
333
333
|
provider: t,
|
|
334
334
|
onError: e.onError
|
|
335
335
|
}), i = f(!1), a = f(!1), o = f(!1), s = f(/* @__PURE__ */ new Set()), c = D(() => o.value), u = D(() => s.value.size);
|
|
@@ -364,7 +364,7 @@ function tn(e) {
|
|
|
364
364
|
}
|
|
365
365
|
function x(e, t) {
|
|
366
366
|
for (let r = 0; r < e.content.length; r++) {
|
|
367
|
-
let i =
|
|
367
|
+
let i = q(e.content[r]), a = t === void 0 ? void 0 : t + r;
|
|
368
368
|
n.addBlock(i, void 0, void 0, a);
|
|
369
369
|
}
|
|
370
370
|
a.value = !1;
|
|
@@ -373,7 +373,7 @@ function tn(e) {
|
|
|
373
373
|
r.load().catch(() => {});
|
|
374
374
|
}
|
|
375
375
|
let C = D(() => r.savedBlocks.value.length), w = D(() => e.isAvailable?.() ?? !0);
|
|
376
|
-
return b(
|
|
376
|
+
return b(rt, r), {
|
|
377
377
|
headless: r,
|
|
378
378
|
isPicking: c,
|
|
379
379
|
pickedIds: s,
|
|
@@ -410,11 +410,11 @@ function tn(e) {
|
|
|
410
410
|
}
|
|
411
411
|
//#endregion
|
|
412
412
|
//#region src/composables/useTemplatesFeature.ts
|
|
413
|
-
var
|
|
414
|
-
function
|
|
415
|
-
let { provider: t, editor: n } = e, r = f("idle"), i = f(""), { start: a, stop: o } =
|
|
413
|
+
var pn = 3e3;
|
|
414
|
+
function mn(e) {
|
|
415
|
+
let { provider: t, editor: n } = e, r = f("idle"), i = f(""), { start: a, stop: o } = he(() => {
|
|
416
416
|
r.value = "idle";
|
|
417
|
-
},
|
|
417
|
+
}, pn, { immediate: !1 }), s = D(() => typeof t.create == "function"), c = D(() => typeof t.save == "function"), l = D(() => e.isAvailable?.() ?? !0), u = D(() => n.state.template?.name), d = D(() => {
|
|
418
418
|
let e = n.state.template;
|
|
419
419
|
return e?.updatedAt ? {
|
|
420
420
|
iso: e.updatedAt,
|
|
@@ -486,7 +486,7 @@ function rn(e) {
|
|
|
486
486
|
let t = e.trim();
|
|
487
487
|
t && t !== n.state.template?.name && (n.setName(t), C("rename"));
|
|
488
488
|
}
|
|
489
|
-
return e.guardUnsavedChanges !== !1 &&
|
|
489
|
+
return e.guardUnsavedChanges !== !1 && ve(window, "beforeunload", (e) => {
|
|
490
490
|
n.state.isDirty && (e.preventDefault(), e.returnValue = "");
|
|
491
491
|
}), {
|
|
492
492
|
save: _,
|
|
@@ -521,17 +521,17 @@ function rn(e) {
|
|
|
521
521
|
}
|
|
522
522
|
//#endregion
|
|
523
523
|
//#region src/utils/toMjml.ts
|
|
524
|
-
async function
|
|
524
|
+
async function hn() {
|
|
525
525
|
try {
|
|
526
526
|
return await import("@templatical/renderer");
|
|
527
527
|
} catch {
|
|
528
528
|
return null;
|
|
529
529
|
}
|
|
530
530
|
}
|
|
531
|
-
async function
|
|
532
|
-
let t = await
|
|
531
|
+
async function gn(e) {
|
|
532
|
+
let t = await hn();
|
|
533
533
|
if (!t) throw Error("[Templatical] toMjml() requires the @templatical/renderer package. Please install it.");
|
|
534
|
-
let n = e.getCustomBlockStylesheet, r = e.getFonts?.();
|
|
534
|
+
let n = e.getCustomBlockStylesheet, r = e.getFonts?.(), i = e.getLayout?.();
|
|
535
535
|
return t.renderToMjml(e.getContent(), {
|
|
536
536
|
renderCustomBlock: e.renderCustomBlock,
|
|
537
537
|
...n ? { getCustomBlockStylesheet: (e) => n(e) } : {},
|
|
@@ -539,16 +539,17 @@ async function on(e) {
|
|
|
539
539
|
customFonts: r.customFonts,
|
|
540
540
|
defaultFallbackFont: r.defaultFallback
|
|
541
541
|
} : {},
|
|
542
|
-
...e.socialIconsBaseUrl ? { socialIconsBaseUrl: e.socialIconsBaseUrl } : {}
|
|
542
|
+
...e.socialIconsBaseUrl ? { socialIconsBaseUrl: e.socialIconsBaseUrl } : {},
|
|
543
|
+
...i ? { layout: i } : {}
|
|
543
544
|
});
|
|
544
545
|
}
|
|
545
546
|
//#endregion
|
|
546
547
|
//#region src/composables/useTestEmailFeature.ts
|
|
547
|
-
var
|
|
548
|
-
function
|
|
548
|
+
var _n = 1200;
|
|
549
|
+
function vn(e) {
|
|
549
550
|
return e instanceof Error ? e : Error(String(e));
|
|
550
551
|
}
|
|
551
|
-
function
|
|
552
|
+
function yn(e) {
|
|
552
553
|
let { provider: t } = e, n = f(!1), r = f(!1), i = f(!1), o = f(null), s = null, c = !1;
|
|
553
554
|
function l() {
|
|
554
555
|
s !== null && (clearTimeout(s), s = null);
|
|
@@ -570,8 +571,8 @@ function ln(e) {
|
|
|
570
571
|
if (t.includeMjml && e.renderMjml) try {
|
|
571
572
|
return await e.renderMjml();
|
|
572
573
|
} catch (t) {
|
|
573
|
-
if ((e.usesLocalRenderer?.() ?? !0) && await
|
|
574
|
-
c || (c = !0,
|
|
574
|
+
if ((e.usesLocalRenderer?.() ?? !0) && await hn() === null) {
|
|
575
|
+
c || (c = !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`."));
|
|
575
576
|
return;
|
|
576
577
|
}
|
|
577
578
|
throw t;
|
|
@@ -581,7 +582,7 @@ function ln(e) {
|
|
|
581
582
|
try {
|
|
582
583
|
t.onSent?.(n);
|
|
583
584
|
} catch (t) {
|
|
584
|
-
e.onError?.(
|
|
585
|
+
e.onError?.(vn(t));
|
|
585
586
|
}
|
|
586
587
|
}
|
|
587
588
|
async function v(n) {
|
|
@@ -599,9 +600,9 @@ function ln(e) {
|
|
|
599
600
|
...r === void 0 ? {} : { mjml: r },
|
|
600
601
|
...a === void 0 ? {} : { allowedRecipients: a }
|
|
601
602
|
};
|
|
602
|
-
await t.send(o), i.value = !0, s = setTimeout(h,
|
|
603
|
+
await t.send(o), i.value = !0, s = setTimeout(h, _n), _(o);
|
|
603
604
|
} catch (t) {
|
|
604
|
-
let n =
|
|
605
|
+
let n = vn(t);
|
|
605
606
|
o.value = {
|
|
606
607
|
kind: "provider",
|
|
607
608
|
message: n.message
|
|
@@ -629,8 +630,8 @@ function ln(e) {
|
|
|
629
630
|
}
|
|
630
631
|
//#endregion
|
|
631
632
|
//#region src/composables/useVersionHistoryFeature.ts
|
|
632
|
-
function
|
|
633
|
-
let { provider: t, editor: n, history: r, conditionPreview: i, autoSave: o } = e, s =
|
|
633
|
+
function bn(e) {
|
|
634
|
+
let { provider: t, editor: n, history: r, conditionPreview: i, autoSave: o } = e, s = se({
|
|
634
635
|
provider: t,
|
|
635
636
|
getTemplateId: () => n.state.template?.id ?? null,
|
|
636
637
|
onError: e.onError
|
|
@@ -656,7 +657,7 @@ function un(e) {
|
|
|
656
657
|
return;
|
|
657
658
|
}
|
|
658
659
|
let t = await s.resolveContent(e);
|
|
659
|
-
p || (l.value =
|
|
660
|
+
p || (l.value = G(n.content.value), o?.pause(), c.value = e, n.setContent(t, !1));
|
|
660
661
|
}
|
|
661
662
|
async function E() {
|
|
662
663
|
if (c.value) {
|
|
@@ -740,12 +741,12 @@ function un(e) {
|
|
|
740
741
|
}
|
|
741
742
|
//#endregion
|
|
742
743
|
//#region src/types/auto-save.ts
|
|
743
|
-
function
|
|
744
|
+
function xn(e, t) {
|
|
744
745
|
return e ?? t;
|
|
745
746
|
}
|
|
746
747
|
//#endregion
|
|
747
748
|
//#region src/utils/resolveLintOptions.ts
|
|
748
|
-
function
|
|
749
|
+
function Sn(e) {
|
|
749
750
|
return {
|
|
750
751
|
...e.lint,
|
|
751
752
|
locale: e.locale
|
|
@@ -753,13 +754,13 @@ function fn(e) {
|
|
|
753
754
|
}
|
|
754
755
|
//#endregion
|
|
755
756
|
//#region src/utils/normalizeMergeTagMarkup.ts
|
|
756
|
-
function
|
|
757
|
+
function Cn(e) {
|
|
757
758
|
let t = e.flags.includes("g") ? e.flags : `${e.flags}g`;
|
|
758
759
|
return new RegExp(e.source, t);
|
|
759
760
|
}
|
|
760
|
-
function
|
|
761
|
+
function wn(e, t, n) {
|
|
761
762
|
let r = [], i = (t, n, i) => {
|
|
762
|
-
let a =
|
|
763
|
+
let a = Cn(t), o = a.exec(e);
|
|
763
764
|
for (; o !== null;) {
|
|
764
765
|
let t = o.index, s = t + o[0].length;
|
|
765
766
|
o[0].length === 0 ? a.lastIndex++ : r.some((e) => t < e.end && s > e.start) || r.push({
|
|
@@ -771,9 +772,9 @@ function mn(e, t, n) {
|
|
|
771
772
|
}), o = a.exec(e);
|
|
772
773
|
}
|
|
773
774
|
};
|
|
774
|
-
return i(n.logic, "data-logic-merge-tag", (e) =>
|
|
775
|
+
return i(n.logic, "data-logic-merge-tag", (e) => B(e, n)), i(n.value, "data-merge-tag", (e) => V(e, t)), r.sort((e, t) => e.start - t.start);
|
|
775
776
|
}
|
|
776
|
-
function
|
|
777
|
+
function Tn(e) {
|
|
777
778
|
let t = e.createTreeWalker(e.body, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT, { acceptNode(e) {
|
|
778
779
|
if (e.nodeType !== 1) return NodeFilter.FILTER_ACCEPT;
|
|
779
780
|
let t = e;
|
|
@@ -782,11 +783,11 @@ function hn(e) {
|
|
|
782
783
|
for (; r !== null;) n.push(r), r = t.nextNode();
|
|
783
784
|
return n;
|
|
784
785
|
}
|
|
785
|
-
function
|
|
786
|
-
if (!e || !
|
|
786
|
+
function En(e, t, n) {
|
|
787
|
+
if (!e || !Y(e, n) || typeof DOMParser > "u") return e;
|
|
787
788
|
let r = new DOMParser().parseFromString(`<!doctype html><body>${e}</body>`, "text/html"), i = 0;
|
|
788
|
-
for (let e of
|
|
789
|
-
let a = e.data, o =
|
|
789
|
+
for (let e of Tn(r)) {
|
|
790
|
+
let a = e.data, o = wn(a, t, n);
|
|
790
791
|
if (o.length === 0) continue;
|
|
791
792
|
let s = r.createDocumentFragment(), c = 0;
|
|
792
793
|
for (let e of o) {
|
|
@@ -798,13 +799,13 @@ function gn(e, t, n) {
|
|
|
798
799
|
}
|
|
799
800
|
return i === 0 ? e : r.body.innerHTML;
|
|
800
801
|
}
|
|
801
|
-
function
|
|
802
|
+
function Dn(e, t, n) {
|
|
802
803
|
if (e.type === "section") {
|
|
803
804
|
if (!Array.isArray(e.children)) return e;
|
|
804
805
|
let r = !1, i = e.children.map((e) => {
|
|
805
806
|
if (!Array.isArray(e)) return e;
|
|
806
807
|
let i = !1, a = e.map((e) => {
|
|
807
|
-
let r =
|
|
808
|
+
let r = Dn(e, t, n);
|
|
808
809
|
return r !== e && (i = !0), r;
|
|
809
810
|
});
|
|
810
811
|
return i ? (r = !0, a) : e;
|
|
@@ -814,17 +815,28 @@ function _n(e, t, n) {
|
|
|
814
815
|
children: i
|
|
815
816
|
} : e;
|
|
816
817
|
}
|
|
818
|
+
if (e.type === "wrapper") {
|
|
819
|
+
if (!Array.isArray(e.children)) return e;
|
|
820
|
+
let r = !1, i = e.children.map((e) => {
|
|
821
|
+
let i = Dn(e, t, n);
|
|
822
|
+
return i !== e && (r = !0), i;
|
|
823
|
+
});
|
|
824
|
+
return r ? {
|
|
825
|
+
...e,
|
|
826
|
+
children: i
|
|
827
|
+
} : e;
|
|
828
|
+
}
|
|
817
829
|
if (e.type !== "title" && e.type !== "paragraph" || typeof e.content != "string") return e;
|
|
818
|
-
let r =
|
|
830
|
+
let r = En(e.content, t, n);
|
|
819
831
|
return r === e.content ? e : {
|
|
820
832
|
...e,
|
|
821
833
|
content: r
|
|
822
834
|
};
|
|
823
835
|
}
|
|
824
|
-
function
|
|
836
|
+
function On(e, t, n) {
|
|
825
837
|
if (!e || !Array.isArray(e.blocks)) return e;
|
|
826
838
|
let r = !1, i = e.blocks.map((e) => {
|
|
827
|
-
let i =
|
|
839
|
+
let i = Dn(e, t, n);
|
|
828
840
|
return i !== e && (r = !0), i;
|
|
829
841
|
});
|
|
830
842
|
return r ? {
|
|
@@ -832,10 +844,10 @@ function vn(e, t, n) {
|
|
|
832
844
|
blocks: i
|
|
833
845
|
} : e;
|
|
834
846
|
}
|
|
835
|
-
function
|
|
836
|
-
return
|
|
847
|
+
function kn(e, t) {
|
|
848
|
+
return On(e, t?.tags ?? [], W(t?.syntax));
|
|
837
849
|
}
|
|
838
|
-
function
|
|
850
|
+
function An(e, t) {
|
|
839
851
|
return {
|
|
840
852
|
get state() {
|
|
841
853
|
return e.state;
|
|
@@ -843,14 +855,14 @@ function bn(e, t) {
|
|
|
843
855
|
get content() {
|
|
844
856
|
return e.content;
|
|
845
857
|
},
|
|
846
|
-
setContent: (n, r) => e.setContent(
|
|
858
|
+
setContent: (n, r) => e.setContent(kn(n, t), r)
|
|
847
859
|
};
|
|
848
860
|
}
|
|
849
|
-
function
|
|
861
|
+
function jn(e, t) {
|
|
850
862
|
return {
|
|
851
863
|
...e,
|
|
852
864
|
async load(n) {
|
|
853
|
-
let r = await e.load(n), i =
|
|
865
|
+
let r = await e.load(n), i = kn(r.content, t);
|
|
854
866
|
return i === r.content ? r : {
|
|
855
867
|
...r,
|
|
856
868
|
content: i
|
|
@@ -860,30 +872,30 @@ function xn(e, t) {
|
|
|
860
872
|
}
|
|
861
873
|
//#endregion
|
|
862
874
|
//#region src/components/Canvas.vue?vue&type=script&setup=true&lang.ts
|
|
863
|
-
var
|
|
875
|
+
var Mn = ["aria-label"], Nn = ["lang", "dir"], Pn = {
|
|
864
876
|
key: 0,
|
|
865
877
|
role: "status",
|
|
866
878
|
"aria-busy": "true",
|
|
867
879
|
"data-testid": "preview-resolution-loading",
|
|
868
880
|
class: "tpl:flex tpl:flex-col tpl:gap-3 tpl:p-6"
|
|
869
|
-
},
|
|
881
|
+
}, Fn = { class: "tpl:sr-only" }, In = {
|
|
870
882
|
key: 1,
|
|
871
883
|
role: "status",
|
|
872
884
|
"data-testid": "preview-resolution-failed",
|
|
873
885
|
class: "tpl:mx-6 tpl:mt-4 tpl:rounded-md tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg-hover)]"
|
|
874
|
-
},
|
|
886
|
+
}, Ln = {
|
|
875
887
|
key: 0,
|
|
876
888
|
class: "tpl-canvas-empty-content tpl:flex tpl:flex-col tpl:items-center"
|
|
877
|
-
},
|
|
889
|
+
}, Rn = { class: "tpl-canvas-empty-icon tpl:mb-4 tpl:text-[var(--tpl-primary)]" }, zn = { class: "tpl-canvas-empty-title tpl:m-0 tpl:mb-2 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-primary)]" }, Bn = { class: "tpl-canvas-empty-text tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-dim)]" }, Vn = {
|
|
878
890
|
key: 0,
|
|
879
891
|
class: "tpl:m-0 tpl:mt-2 tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-center tpl:gap-x-1 tpl:gap-y-0.5 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
|
|
880
|
-
},
|
|
892
|
+
}, Hn = {
|
|
881
893
|
key: 1,
|
|
882
894
|
class: "tpl:m-0 tpl:mt-4 tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-center tpl:gap-x-1 tpl:gap-y-0.5 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
|
|
883
|
-
},
|
|
895
|
+
}, Un = { class: "tpl:relative" }, Wn = {
|
|
884
896
|
class: "tpl:inline-flex tpl:size-3 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[10px] tpl:font-bold",
|
|
885
897
|
style: { "background-color": "color-mix(\n in srgb,\n var(--tpl-bg) 30%,\n transparent\n )" }
|
|
886
|
-
},
|
|
898
|
+
}, Gn = /*#__PURE__*/ Lt(/* @__PURE__ */ k({
|
|
887
899
|
__name: "Canvas",
|
|
888
900
|
props: {
|
|
889
901
|
viewport: {},
|
|
@@ -900,22 +912,23 @@ var Sn = ["aria-label"], Cn = ["lang", "dir"], wn = {
|
|
|
900
912
|
],
|
|
901
913
|
setup(r, { emit: a }) {
|
|
902
914
|
let s = {
|
|
903
|
-
section:
|
|
904
|
-
title:
|
|
905
|
-
paragraph:
|
|
906
|
-
image:
|
|
907
|
-
button:
|
|
908
|
-
divider:
|
|
909
|
-
spacer:
|
|
910
|
-
html:
|
|
911
|
-
social:
|
|
912
|
-
menu:
|
|
913
|
-
table:
|
|
914
|
-
video:
|
|
915
|
-
custom:
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
915
|
+
section: Ve,
|
|
916
|
+
title: Me,
|
|
917
|
+
paragraph: ze,
|
|
918
|
+
image: Pe,
|
|
919
|
+
button: ye,
|
|
920
|
+
divider: Ke,
|
|
921
|
+
spacer: Ie,
|
|
922
|
+
html: ke,
|
|
923
|
+
social: Ae,
|
|
924
|
+
menu: Fe,
|
|
925
|
+
table: Ue,
|
|
926
|
+
video: Be,
|
|
927
|
+
custom: qe,
|
|
928
|
+
wrapper: Gt
|
|
929
|
+
}, c = r, l = a, { t: p } = Z(), { t: h } = Rt(), S = Je(ct, "Canvas"), T = u(st, null), k = u(ht, null), A = u(lt, {}), j = u($e, null), M = u(it, null);
|
|
930
|
+
b(nt, D(() => c.previewMode && (j?.value ?? !1) && !M?.isConfigured));
|
|
931
|
+
let P = D(() => (A.plan?.hasFeature("aiGeneration") ?? !1) && (A.ai?.isFeatureEnabled("chat") ?? !1)), F = D(() => (A.plan?.hasFeature("aiGeneration") ?? !1) && (A.ai?.isFeatureEnabled("designToTemplate") ?? !1)), I = u(mt, null), L = D({
|
|
919
932
|
get: () => c.content.blocks,
|
|
920
933
|
set: (e) => {
|
|
921
934
|
S.setContent({
|
|
@@ -923,27 +936,27 @@ var Sn = ["aria-label"], Cn = ["lang", "dir"], wn = {
|
|
|
923
936
|
blocks: e
|
|
924
937
|
});
|
|
925
938
|
}
|
|
926
|
-
}), R = D(() =>
|
|
939
|
+
}), R = D(() => Wt(c.content.settings, c.viewport)), z = D(() => R.value + 192), B = D(() => Ne(c.content.settings)), V = D(() => c.content.settings?.locale?.trim() || void 0), H = D(() => ie(c.content.settings)), U = D(() => L.value.length === 0 && !c.previewMode), W = f(0), G = D(() => U.value && W.value > 0);
|
|
940
|
+
function K() {
|
|
941
|
+
U.value && (W.value += 1);
|
|
942
|
+
}
|
|
927
943
|
function ee() {
|
|
928
|
-
|
|
944
|
+
U.value && (W.value = Math.max(0, W.value - 1));
|
|
929
945
|
}
|
|
930
946
|
function q() {
|
|
931
|
-
W.value
|
|
932
|
-
}
|
|
933
|
-
function te() {
|
|
934
|
-
G.value = 0;
|
|
935
|
-
}
|
|
936
|
-
function ne(e) {
|
|
937
|
-
c.previewMode || A.savedBlocks?.isPicking.value || e.target === e.currentTarget && l("select-block", null);
|
|
947
|
+
W.value = 0;
|
|
938
948
|
}
|
|
939
949
|
function J(e) {
|
|
940
|
-
|
|
950
|
+
c.previewMode || A.savedBlocks?.isPicking.value || e.target === e.currentTarget && l("select-block", null);
|
|
941
951
|
}
|
|
942
952
|
function Y(e) {
|
|
953
|
+
return He(e, k, s);
|
|
954
|
+
}
|
|
955
|
+
function X(e) {
|
|
943
956
|
return c.lockedBlocks?.get(e) ?? null;
|
|
944
957
|
}
|
|
945
|
-
function
|
|
946
|
-
if (c.previewMode ||
|
|
958
|
+
function te(e) {
|
|
959
|
+
if (c.previewMode || X(e)) return;
|
|
947
960
|
let t = A.savedBlocks;
|
|
948
961
|
if (t?.isPicking.value) {
|
|
949
962
|
t.togglePick(e);
|
|
@@ -951,11 +964,11 @@ var Sn = ["aria-label"], Cn = ["lang", "dir"], wn = {
|
|
|
951
964
|
}
|
|
952
965
|
l("select-block", e);
|
|
953
966
|
}
|
|
954
|
-
function
|
|
967
|
+
function ne(e) {
|
|
955
968
|
return A.savedBlocks?.isPicked(e) ?? !1;
|
|
956
969
|
}
|
|
957
|
-
let
|
|
958
|
-
function
|
|
970
|
+
let re = D(() => A.savedBlocks?.isPicking.value === !0);
|
|
971
|
+
function ae(e, t) {
|
|
959
972
|
e.type === "custom" && S.updateBlock(e.id, {
|
|
960
973
|
fieldValues: t.fieldValues,
|
|
961
974
|
dataSourceFetched: t.dataSourceFetched
|
|
@@ -964,9 +977,9 @@ var Sn = ["aria-label"], Cn = ["lang", "dir"], wn = {
|
|
|
964
977
|
return (a, s) => (e(), _("div", {
|
|
965
978
|
class: "tpl-canvas-stage tpl:relative tpl:flex tpl:justify-center tpl:rounded-lg",
|
|
966
979
|
style: t({
|
|
967
|
-
width: `${
|
|
980
|
+
width: `${z.value}px`,
|
|
968
981
|
boxShadow: r.darkMode ? "none" : "var(--tpl-shadow-xl)",
|
|
969
|
-
transition: m(
|
|
982
|
+
transition: m(Ut)
|
|
970
983
|
})
|
|
971
984
|
}, [g("div", {
|
|
972
985
|
class: "tpl-canvas-bg tpl:absolute tpl:inset-0 tpl:rounded-lg tpl:pointer-events-none",
|
|
@@ -982,22 +995,22 @@ var Sn = ["aria-label"], Cn = ["lang", "dir"], wn = {
|
|
|
982
995
|
class: "tpl-canvas-wrapper tpl:relative",
|
|
983
996
|
style: t({
|
|
984
997
|
width: `${R.value}px`,
|
|
985
|
-
transition: m(
|
|
998
|
+
transition: m(Ut)
|
|
986
999
|
})
|
|
987
1000
|
}, [g("div", {
|
|
988
1001
|
class: C(["tpl-canvas tpl:relative tpl:rounded-lg", {
|
|
989
1002
|
"tpl-canvas--dark-mode": r.darkMode,
|
|
990
1003
|
"tpl-preview-mode": r.previewMode
|
|
991
1004
|
}]),
|
|
992
|
-
lang:
|
|
993
|
-
dir:
|
|
994
|
-
style: t(
|
|
995
|
-
onClick:
|
|
996
|
-
}, [m(M)?.isInitialResolve.value ? (e(), _("div",
|
|
1005
|
+
lang: V.value,
|
|
1006
|
+
dir: H.value,
|
|
1007
|
+
style: t(B.value),
|
|
1008
|
+
onClick: J
|
|
1009
|
+
}, [m(M)?.isInitialResolve.value ? (e(), _("div", Pn, [g("span", Fn, x(m(p).previewResolution.resolving), 1), (e(), _(E, null, o(3, (e) => g("div", {
|
|
997
1010
|
key: e,
|
|
998
1011
|
"aria-hidden": "true",
|
|
999
1012
|
class: "tpl-pulse tpl:h-16 tpl:rounded-md tpl:bg-[var(--tpl-bg-hover)]"
|
|
1000
|
-
})), 64))])) : m(M)?.hasFailed.value ? (e(), _("p",
|
|
1013
|
+
})), 64))])) : m(M)?.hasFailed.value ? (e(), _("p", In, x(m(p).previewResolution.failed), 1)) : O("", !0), d(v(m(We), {
|
|
1001
1014
|
modelValue: L.value,
|
|
1002
1015
|
"onUpdate:modelValue": s[2] ||= (e) => L.value = e,
|
|
1003
1016
|
group: "blocks",
|
|
@@ -1012,38 +1025,38 @@ var Sn = ["aria-label"], Cn = ["lang", "dir"], wn = {
|
|
|
1012
1025
|
"force-fallback": !0,
|
|
1013
1026
|
class: C([
|
|
1014
1027
|
"tpl-canvas-blocks",
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1028
|
+
U.value ? "tpl-canvas-empty tpl:m-6 tpl:flex tpl:min-h-[400px] tpl:flex-col tpl:items-center tpl:justify-center tpl:rounded-xl tpl:border-2 tpl:border-dashed tpl:px-10 tpl:py-12 tpl:text-center tpl:bg-[var(--tpl-bg-elevated)] tpl:font-[var(--tpl-font-family)] tpl:transition-colors" : "",
|
|
1029
|
+
U.value && G.value ? "tpl-canvas-empty--drag-over tpl:border-[var(--tpl-primary-hover)] tpl:bg-[var(--tpl-primary-light)]" : "",
|
|
1030
|
+
U.value && !G.value ? "tpl:border-[var(--tpl-primary)]" : ""
|
|
1018
1031
|
]),
|
|
1019
|
-
onDragenter:
|
|
1020
|
-
onDragleave:
|
|
1021
|
-
onDrop:
|
|
1032
|
+
onDragenter: K,
|
|
1033
|
+
onDragleave: ee,
|
|
1034
|
+
onDrop: q
|
|
1022
1035
|
}, {
|
|
1023
|
-
default: n(() => [
|
|
1024
|
-
g("div",
|
|
1036
|
+
default: n(() => [U.value ? (e(), _("div", Ln, [
|
|
1037
|
+
g("div", Rn, [v(m(on), {
|
|
1025
1038
|
size: 48,
|
|
1026
1039
|
"stroke-width": 1
|
|
1027
1040
|
})]),
|
|
1028
|
-
g("p",
|
|
1029
|
-
g("p",
|
|
1030
|
-
P.value && m(h) ? (e(), _("p",
|
|
1041
|
+
g("p", zn, x(m(p).canvas.noBlocks), 1),
|
|
1042
|
+
g("p", Bn, x(m(p).canvas.dragHint), 1),
|
|
1043
|
+
P.value && m(h) ? (e(), _("p", Vn, [
|
|
1031
1044
|
y(x(m(p).canvas.aiHintChat) + " ", 1),
|
|
1032
1045
|
g("button", {
|
|
1033
1046
|
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)]",
|
|
1034
1047
|
onClick: s[0] ||= (e) => l("open-ai-chat")
|
|
1035
|
-
}, [v(m(
|
|
1048
|
+
}, [v(m(Nt), {
|
|
1036
1049
|
size: 14,
|
|
1037
1050
|
"stroke-width": 2
|
|
1038
1051
|
}), y(" " + x(m(h).aiMenu.aiAssistant), 1)]),
|
|
1039
1052
|
y(" " + x(m(p).canvas.aiHintChatSuffix), 1)
|
|
1040
1053
|
])) : O("", !0),
|
|
1041
|
-
F.value && m(h) ? (e(), _("p",
|
|
1054
|
+
F.value && m(h) ? (e(), _("p", Hn, [
|
|
1042
1055
|
y(x(m(p).canvas.aiHintDesign) + " ", 1),
|
|
1043
1056
|
g("button", {
|
|
1044
1057
|
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)]",
|
|
1045
1058
|
onClick: s[1] ||= (e) => l("open-design-reference")
|
|
1046
|
-
}, [v(m(
|
|
1059
|
+
}, [v(m(wt), {
|
|
1047
1060
|
size: 14,
|
|
1048
1061
|
"stroke-width": 2
|
|
1049
1062
|
}), y(" " + x(m(h).aiMenu.designToTemplate), 1)]),
|
|
@@ -1052,31 +1065,36 @@ var Sn = ["aria-label"], Cn = ["lang", "dir"], wn = {
|
|
|
1052
1065
|
])) : O("", !0), (e(!0), _(E, null, o(L.value, (a) => d((e(), _("div", {
|
|
1053
1066
|
key: a.id,
|
|
1054
1067
|
class: "tpl-block-item"
|
|
1055
|
-
}, [g("div",
|
|
1068
|
+
}, [g("div", Un, [X(a.id) ? (e(), _("div", {
|
|
1056
1069
|
key: 0,
|
|
1057
1070
|
class: "tpl-collab-lock tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[4] tpl:rounded-sm",
|
|
1058
1071
|
style: t({
|
|
1059
|
-
outline: `2px solid ${
|
|
1072
|
+
outline: `2px solid ${X(a.id).color}`,
|
|
1060
1073
|
outlineOffset: "-1px"
|
|
1061
1074
|
})
|
|
1062
1075
|
}, [g("span", {
|
|
1063
1076
|
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",
|
|
1064
1077
|
style: t({
|
|
1065
|
-
backgroundColor:
|
|
1066
|
-
color: m(
|
|
1078
|
+
backgroundColor: X(a.id).color,
|
|
1079
|
+
color: m(Kt)(X(a.id).color)
|
|
1067
1080
|
})
|
|
1068
|
-
}, [g("span",
|
|
1081
|
+
}, [g("span", Wn, x(X(a.id).name.charAt(0)), 1), y(" " + x(X(a.id).name), 1)], 4)], 4)) : O("", !0), a.type === "wrapper" ? (e(), w(i(Y(a)), {
|
|
1082
|
+
key: 1,
|
|
1083
|
+
block: a,
|
|
1084
|
+
viewport: r.viewport
|
|
1085
|
+
}, null, 8, ["block", "viewport"])) : (e(), w(Re, {
|
|
1086
|
+
key: 2,
|
|
1069
1087
|
block: a,
|
|
1070
|
-
"is-selected": !r.previewMode && !
|
|
1071
|
-
picked:
|
|
1088
|
+
"is-selected": !r.previewMode && !re.value && r.selectedBlockId === a.id && !X(a.id),
|
|
1089
|
+
picked: ne(a.id),
|
|
1072
1090
|
viewport: r.viewport,
|
|
1073
1091
|
"preview-mode": r.previewMode,
|
|
1074
|
-
onSelect: (e) =>
|
|
1092
|
+
onSelect: (e) => te(a.id)
|
|
1075
1093
|
}, {
|
|
1076
|
-
default: n(() => [(e(), w(i(
|
|
1094
|
+
default: n(() => [(e(), w(i(Y(a)), {
|
|
1077
1095
|
block: a,
|
|
1078
1096
|
viewport: r.viewport,
|
|
1079
|
-
onFetchData: (e) =>
|
|
1097
|
+
onFetchData: (e) => ae(a, e),
|
|
1080
1098
|
onUpdate: (e) => m(S).updateBlock(a.id, e)
|
|
1081
1099
|
}, null, 40, [
|
|
1082
1100
|
"block",
|
|
@@ -1092,18 +1110,18 @@ var Sn = ["aria-label"], Cn = ["lang", "dir"], wn = {
|
|
|
1092
1110
|
"viewport",
|
|
1093
1111
|
"preview-mode",
|
|
1094
1112
|
"onSelect"
|
|
1095
|
-
])])])), [[N, m(I) === !1 || !m(T)?.isHidden(a.id)]])), 128))]),
|
|
1113
|
+
]))])])), [[N, m(I) === !1 || !m(T)?.isHidden(a.id)]])), 128))]),
|
|
1096
1114
|
_: 1
|
|
1097
1115
|
}, 8, [
|
|
1098
1116
|
"modelValue",
|
|
1099
1117
|
"disabled",
|
|
1100
1118
|
"class"
|
|
1101
|
-
]), [[N, !m(M)?.isInitialResolve.value]])], 14,
|
|
1119
|
+
]), [[N, !m(M)?.isInitialResolve.value]])], 14, Nn)], 12, Mn)], 4));
|
|
1102
1120
|
}
|
|
1103
|
-
}), [["__scopeId", "data-v-
|
|
1121
|
+
}), [["__scopeId", "data-v-699490d7"]]), Kn = k({
|
|
1104
1122
|
name: "CustomBlockStylesheets",
|
|
1105
1123
|
setup() {
|
|
1106
|
-
let e = u(
|
|
1124
|
+
let e = u(ut, null);
|
|
1107
1125
|
return () => e ? e.value.map((e, t) => h("style", {
|
|
1108
1126
|
key: t,
|
|
1109
1127
|
"data-tpl-custom-block-stylesheet": "",
|
|
@@ -1113,7 +1131,7 @@ var Sn = ["aria-label"], Cn = ["lang", "dir"], wn = {
|
|
|
1113
1131
|
});
|
|
1114
1132
|
//#endregion
|
|
1115
1133
|
//#region src/utils/resolvePaletteBlocks.ts
|
|
1116
|
-
function
|
|
1134
|
+
function qn(e, t) {
|
|
1117
1135
|
if (!t || t.length === 0) return {
|
|
1118
1136
|
items: e,
|
|
1119
1137
|
unknown: []
|
|
@@ -1132,7 +1150,7 @@ function Ln(e, t) {
|
|
|
1132
1150
|
}
|
|
1133
1151
|
//#endregion
|
|
1134
1152
|
//#region src/utils/resolveInsertPosition.ts
|
|
1135
|
-
function
|
|
1153
|
+
function Jn(e) {
|
|
1136
1154
|
let { blockType: t, selectedBlockId: n, findBlockLocation: r, isBlockLocked: i } = e;
|
|
1137
1155
|
if (!n) return {};
|
|
1138
1156
|
let a = r(n);
|
|
@@ -1150,24 +1168,24 @@ function Rn(e) {
|
|
|
1150
1168
|
}
|
|
1151
1169
|
//#endregion
|
|
1152
1170
|
//#region src/components/Sidebar.vue?vue&type=script&setup=true&lang.ts
|
|
1153
|
-
var
|
|
1171
|
+
var Yn = ["aria-label"], Xn = {
|
|
1154
1172
|
key: 0,
|
|
1155
1173
|
class: "tpl:border-b tpl:px-1 tpl:pb-1 tpl:border-[var(--tpl-border)]"
|
|
1156
|
-
},
|
|
1174
|
+
}, Zn = ["aria-label"], Qn = {
|
|
1157
1175
|
key: 0,
|
|
1158
1176
|
class: "tpl:truncate tpl:text-sm tpl:font-medium"
|
|
1159
|
-
},
|
|
1177
|
+
}, $n = [
|
|
1160
1178
|
"data-palette-type",
|
|
1161
1179
|
"aria-label",
|
|
1162
1180
|
"onClick",
|
|
1163
1181
|
"onKeydown"
|
|
1164
|
-
],
|
|
1182
|
+
], er = { class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:transition-transform tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:scale-105" }, tr = {
|
|
1165
1183
|
key: 0,
|
|
1166
1184
|
class: "tpl:truncate tpl:text-sm tpl:font-medium"
|
|
1167
|
-
},
|
|
1185
|
+
}, nr = /* @__PURE__ */ k({
|
|
1168
1186
|
__name: "Sidebar",
|
|
1169
1187
|
setup(r) {
|
|
1170
|
-
let { t: a, format: s } =
|
|
1188
|
+
let { t: a, format: s } = Z(), c = u(ft, []), d = u(gt, void 0), p = u(dt, void 0), h = u(ct, null), y = Et(), b = u(lt, {}), S = D(() => b.savedBlocks?.isAvailable.value === !0), C = f(!1), T = f(!1), k = f(null);
|
|
1171
1189
|
function A() {
|
|
1172
1190
|
try {
|
|
1173
1191
|
return k.value?.querySelector(":focus-visible") != null;
|
|
@@ -1203,31 +1221,31 @@ var zn = ["aria-label"], Bn = {
|
|
|
1203
1221
|
], I = D(() => {
|
|
1204
1222
|
let e = F.map((e) => ({
|
|
1205
1223
|
type: e,
|
|
1206
|
-
label:
|
|
1224
|
+
label: ue(e, a)
|
|
1207
1225
|
}));
|
|
1208
1226
|
return b.plan && e.splice(-1, 0, {
|
|
1209
1227
|
type: "countdown",
|
|
1210
|
-
label:
|
|
1228
|
+
label: ue("countdown", a)
|
|
1211
1229
|
}), e;
|
|
1212
1230
|
}), L = D(() => c.map((e) => ({
|
|
1213
1231
|
type: `custom:${e.type}`,
|
|
1214
1232
|
label: e.name,
|
|
1215
1233
|
isCustom: !0,
|
|
1216
1234
|
icon: e.icon
|
|
1217
|
-
}))), R = D(() => [...I.value, ...L.value]), z = D(() =>
|
|
1235
|
+
}))), R = D(() => [...I.value, ...L.value]), z = D(() => qn(R.value, d)), B = D(() => z.value.items), V = /* @__PURE__ */ new Set();
|
|
1218
1236
|
l(() => z.value.unknown, (e) => {
|
|
1219
|
-
for (let t of e) V.has(t) || (V.add(t),
|
|
1237
|
+
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.`));
|
|
1220
1238
|
}, { immediate: !0 });
|
|
1221
1239
|
function H(e) {
|
|
1222
1240
|
if (e.isCustom) {
|
|
1223
1241
|
let t = e.type.replace("custom:", ""), n = c.find((e) => e.type === t);
|
|
1224
|
-
if (n) return
|
|
1242
|
+
if (n) return X(n);
|
|
1225
1243
|
}
|
|
1226
|
-
return
|
|
1244
|
+
return re(e.type, p?.value);
|
|
1227
1245
|
}
|
|
1228
1246
|
function U(e) {
|
|
1229
1247
|
if (!h) return;
|
|
1230
|
-
let t = H(e), { targetSectionId: n, columnIndex: r, index: i } =
|
|
1248
|
+
let t = H(e), { targetSectionId: n, columnIndex: r, index: i } = Jn({
|
|
1231
1249
|
blockType: e.type,
|
|
1232
1250
|
selectedBlockId: h.state.selectedBlockId,
|
|
1233
1251
|
findBlockLocation: h.findBlockLocation,
|
|
@@ -1254,17 +1272,17 @@ var zn = ["aria-label"], Bn = {
|
|
|
1254
1272
|
onMouseleave: j,
|
|
1255
1273
|
onFocusin: c[2] ||= (e) => C.value = !0,
|
|
1256
1274
|
onFocusout: c[3] ||= (e) => C.value = !1
|
|
1257
|
-
}, [S.value ? (e(), _("div",
|
|
1275
|
+
}, [S.value ? (e(), _("div", Xn, [g("button", {
|
|
1258
1276
|
type: "button",
|
|
1259
1277
|
"aria-label": m(a).sidebarNav.browseSavedBlocks,
|
|
1260
1278
|
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)]",
|
|
1261
1279
|
style: t({ justifyContent: C.value ? "flex-start" : "center" }),
|
|
1262
1280
|
onClick: c[0] ||= (e) => m(b).savedBlocks?.openBrowser()
|
|
1263
|
-
}, [v(m(
|
|
1281
|
+
}, [v(m(At), {
|
|
1264
1282
|
size: 20,
|
|
1265
1283
|
"stroke-width": 1.5,
|
|
1266
1284
|
class: "tpl:shrink-0"
|
|
1267
|
-
}), C.value ? (e(), _("span",
|
|
1285
|
+
}), C.value ? (e(), _("span", Qn, x(m(a).savedBlocks.title), 1)) : O("", !0)], 12, Zn)])) : O("", !0), v(m(We), {
|
|
1268
1286
|
"model-value": B.value,
|
|
1269
1287
|
group: {
|
|
1270
1288
|
name: "blocks",
|
|
@@ -1289,58 +1307,58 @@ var zn = ["aria-label"], Bn = {
|
|
|
1289
1307
|
style: t({ justifyContent: C.value ? "flex-start" : "center" }),
|
|
1290
1308
|
onClick: (e) => U(n),
|
|
1291
1309
|
onKeydown: (e) => W(e, n)
|
|
1292
|
-
}, [g("div",
|
|
1310
|
+
}, [g("div", er, [m(St)[n.type] ? (e(), w(i(m(St)[n.type]), {
|
|
1293
1311
|
key: 0,
|
|
1294
1312
|
size: 20,
|
|
1295
1313
|
"stroke-width": 1.5
|
|
1296
|
-
})) : n.isCustom ? (e(), w(
|
|
1314
|
+
})) : n.isCustom ? (e(), w(xe, {
|
|
1297
1315
|
key: 1,
|
|
1298
1316
|
icon: n.icon,
|
|
1299
1317
|
size: 20
|
|
1300
|
-
}, null, 8, ["icon"])) : O("", !0)]), C.value ? (e(), _("span",
|
|
1318
|
+
}, null, 8, ["icon"])) : O("", !0)]), C.value ? (e(), _("span", tr, x(n.label), 1)) : O("", !0)], 44, $n))), 128))]),
|
|
1301
1319
|
_: 1
|
|
1302
|
-
}, 8, ["model-value"])], 44,
|
|
1320
|
+
}, 8, ["model-value"])], 44, Yn));
|
|
1303
1321
|
}
|
|
1304
|
-
}),
|
|
1322
|
+
}), rr = ["aria-label"], ir = {
|
|
1305
1323
|
role: "tablist",
|
|
1306
1324
|
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"
|
|
1307
|
-
},
|
|
1325
|
+
}, ar = [
|
|
1308
1326
|
"aria-selected",
|
|
1309
1327
|
"aria-label",
|
|
1310
1328
|
"title"
|
|
1311
|
-
],
|
|
1329
|
+
], or = { key: 0 }, sr = [
|
|
1312
1330
|
"aria-selected",
|
|
1313
1331
|
"aria-label",
|
|
1314
1332
|
"title"
|
|
1315
|
-
],
|
|
1333
|
+
], cr = { key: 0 }, lr = [
|
|
1316
1334
|
"aria-selected",
|
|
1317
1335
|
"aria-label",
|
|
1318
1336
|
"title"
|
|
1319
|
-
],
|
|
1337
|
+
], ur = { key: 0 }, dr = {
|
|
1320
1338
|
key: 1,
|
|
1321
1339
|
class: "tpl:ml-1 tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-1.5 tpl:text-[10px]"
|
|
1322
|
-
},
|
|
1340
|
+
}, fr = {
|
|
1323
1341
|
key: 0,
|
|
1324
1342
|
id: "tpl-tabpanel-content",
|
|
1325
1343
|
role: "tabpanel",
|
|
1326
1344
|
"aria-labelledby": "tpl-tab-content",
|
|
1327
1345
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
1328
|
-
},
|
|
1346
|
+
}, pr = {
|
|
1329
1347
|
key: 1,
|
|
1330
1348
|
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)]"
|
|
1331
|
-
},
|
|
1349
|
+
}, mr = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, hr = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, gr = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, _r = {
|
|
1332
1350
|
key: 1,
|
|
1333
1351
|
id: "tpl-tabpanel-settings",
|
|
1334
1352
|
role: "tabpanel",
|
|
1335
1353
|
"aria-labelledby": "tpl-tab-settings",
|
|
1336
1354
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
1337
|
-
},
|
|
1355
|
+
}, vr = {
|
|
1338
1356
|
key: 2,
|
|
1339
1357
|
id: "tpl-tabpanel-issues",
|
|
1340
1358
|
role: "tabpanel",
|
|
1341
1359
|
"aria-labelledby": "tpl-tab-issues",
|
|
1342
1360
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
1343
|
-
},
|
|
1361
|
+
}, yr = /* @__PURE__ */ k({
|
|
1344
1362
|
__name: "RightSidebar",
|
|
1345
1363
|
props: {
|
|
1346
1364
|
selectedBlock: {},
|
|
@@ -1354,7 +1372,7 @@ var zn = ["aria-label"], Bn = {
|
|
|
1354
1372
|
"update-settings"
|
|
1355
1373
|
],
|
|
1356
1374
|
setup(n, { emit: r }) {
|
|
1357
|
-
let i = p(() => import("./Toolbar-
|
|
1375
|
+
let i = p(() => import("./Toolbar-C7SjilzH.js").then((e) => e.t)), a = p(() => import("./TemplateSettings-BD1WNP4C.js")), o = p(() => import("./IssuesPanel-Dnns3O9z.js")), s = n, c = r, { t: d } = Z(), h = f("content"), y = u(Qe, null), b = D(() => y !== null), S = D(() => y?.issues.value.length ?? 0), T = u(pt, new Set(vt)), E = D(() => T.size > 0);
|
|
1358
1376
|
function k(e) {
|
|
1359
1377
|
return h.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)]";
|
|
1360
1378
|
}
|
|
@@ -1370,7 +1388,7 @@ var zn = ["aria-label"], Bn = {
|
|
|
1370
1388
|
"aria-label": m(d).landmarks.rightSidebar,
|
|
1371
1389
|
class: C(["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"])
|
|
1372
1390
|
}, [
|
|
1373
|
-
g("div",
|
|
1391
|
+
g("div", ir, [
|
|
1374
1392
|
g("button", {
|
|
1375
1393
|
id: "tpl-tab-content",
|
|
1376
1394
|
role: "tab",
|
|
@@ -1381,10 +1399,10 @@ var zn = ["aria-label"], Bn = {
|
|
|
1381
1399
|
class: C(["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)]", k("content")]),
|
|
1382
1400
|
style: t(A("content")),
|
|
1383
1401
|
onClick: s[0] ||= (e) => h.value = "content"
|
|
1384
|
-
}, [v(m(
|
|
1402
|
+
}, [v(m(tn), {
|
|
1385
1403
|
size: 14,
|
|
1386
1404
|
"stroke-width": 2
|
|
1387
|
-
}), h.value === "content" ? (e(), _("span",
|
|
1405
|
+
}), h.value === "content" ? (e(), _("span", or, x(m(d).sidebar.content), 1)) : O("", !0)], 14, ar),
|
|
1388
1406
|
E.value ? (e(), _("button", {
|
|
1389
1407
|
key: 0,
|
|
1390
1408
|
id: "tpl-tab-settings",
|
|
@@ -1396,10 +1414,10 @@ var zn = ["aria-label"], Bn = {
|
|
|
1396
1414
|
class: C(["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)]", k("settings")]),
|
|
1397
1415
|
style: t(A("settings")),
|
|
1398
1416
|
onClick: s[1] ||= (e) => h.value = "settings"
|
|
1399
|
-
}, [v(m(
|
|
1417
|
+
}, [v(m(an), {
|
|
1400
1418
|
size: 14,
|
|
1401
1419
|
"stroke-width": 1.5
|
|
1402
|
-
}), h.value === "settings" ? (e(), _("span",
|
|
1420
|
+
}), h.value === "settings" ? (e(), _("span", cr, x(m(d).sidebar.settings), 1)) : O("", !0)], 14, sr)) : O("", !0),
|
|
1403
1421
|
b.value ? (e(), _("button", {
|
|
1404
1422
|
key: 1,
|
|
1405
1423
|
id: "tpl-tab-issues",
|
|
@@ -1412,72 +1430,72 @@ var zn = ["aria-label"], Bn = {
|
|
|
1412
1430
|
style: t(A("issues")),
|
|
1413
1431
|
onClick: s[2] ||= (e) => h.value = "issues"
|
|
1414
1432
|
}, [
|
|
1415
|
-
v(m(
|
|
1433
|
+
v(m(Tt), {
|
|
1416
1434
|
size: 14,
|
|
1417
1435
|
"stroke-width": 1.5
|
|
1418
1436
|
}),
|
|
1419
|
-
h.value === "issues" ? (e(), _("span",
|
|
1420
|
-
S.value > 0 ? (e(), _("span",
|
|
1421
|
-
], 14,
|
|
1437
|
+
h.value === "issues" ? (e(), _("span", ur, x(m(d).issues.panelTabLabel), 1)) : O("", !0),
|
|
1438
|
+
S.value > 0 ? (e(), _("span", dr, x(S.value), 1)) : O("", !0)
|
|
1439
|
+
], 14, lr)) : O("", !0)
|
|
1422
1440
|
]),
|
|
1423
|
-
h.value === "content" ? (e(), _("div",
|
|
1441
|
+
h.value === "content" ? (e(), _("div", fr, [n.selectedBlock ? (e(), w(m(i), {
|
|
1424
1442
|
key: 0,
|
|
1425
1443
|
block: n.selectedBlock,
|
|
1426
1444
|
onUpdate: s[3] ||= (e) => c("update-block", e),
|
|
1427
1445
|
onDelete: s[4] ||= (e) => c("delete-block"),
|
|
1428
1446
|
onDuplicate: s[5] ||= (e) => c("duplicate-block")
|
|
1429
|
-
}, null, 8, ["block"])) : (e(), _("div",
|
|
1430
|
-
g("div",
|
|
1447
|
+
}, null, 8, ["block"])) : (e(), _("div", pr, [
|
|
1448
|
+
g("div", mr, [v(m($t), {
|
|
1431
1449
|
size: 40,
|
|
1432
1450
|
"stroke-width": 1.5
|
|
1433
1451
|
})]),
|
|
1434
|
-
g("h3",
|
|
1435
|
-
g("p",
|
|
1452
|
+
g("h3", hr, x(m(d).sidebar.noSelection), 1),
|
|
1453
|
+
g("p", gr, x(m(d).sidebar.noSelectionHint), 1)
|
|
1436
1454
|
]))])) : O("", !0),
|
|
1437
|
-
h.value === "settings" && E.value ? (e(), _("div",
|
|
1455
|
+
h.value === "settings" && E.value ? (e(), _("div", _r, [v(m(a), {
|
|
1438
1456
|
settings: n.settings,
|
|
1439
1457
|
onUpdate: s[6] ||= (e) => c("update-settings", e)
|
|
1440
1458
|
}, null, 8, ["settings"])])) : O("", !0),
|
|
1441
|
-
h.value === "issues" && b.value ? (e(), _("div",
|
|
1442
|
-
], 10,
|
|
1459
|
+
h.value === "issues" && b.value ? (e(), _("div", vr, [v(m(o))])) : O("", !0)
|
|
1460
|
+
], 10, rr));
|
|
1443
1461
|
}
|
|
1444
|
-
}),
|
|
1462
|
+
}), br = {
|
|
1445
1463
|
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)]",
|
|
1446
1464
|
style: { "z-index": "10001" },
|
|
1447
1465
|
role: "status",
|
|
1448
1466
|
"data-testid": "small-screen-notice"
|
|
1449
|
-
},
|
|
1467
|
+
}, xr = { class: "tpl:text-[var(--tpl-text-dim)]" }, Sr = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Cr = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, wr = /* @__PURE__ */ k({
|
|
1450
1468
|
__name: "SmallScreenNotice",
|
|
1451
1469
|
setup(t) {
|
|
1452
|
-
let { t: n } =
|
|
1453
|
-
return (t, r) => (e(), _("div",
|
|
1454
|
-
g("div",
|
|
1470
|
+
let { t: n } = Z();
|
|
1471
|
+
return (t, r) => (e(), _("div", br, [
|
|
1472
|
+
g("div", xr, [v(m(kt), {
|
|
1455
1473
|
size: 48,
|
|
1456
1474
|
"stroke-width": 1.5
|
|
1457
1475
|
})]),
|
|
1458
|
-
g("h2",
|
|
1459
|
-
g("p",
|
|
1476
|
+
g("h2", Sr, x(m(n).smallScreen.title), 1),
|
|
1477
|
+
g("p", Cr, x(m(n).smallScreen.message), 1)
|
|
1460
1478
|
]));
|
|
1461
1479
|
}
|
|
1462
|
-
}),
|
|
1480
|
+
}), Tr = {
|
|
1463
1481
|
class: "tpl:pointer-events-auto tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-tl-lg tpl:p-1",
|
|
1464
1482
|
style: {
|
|
1465
1483
|
"background-color": "color-mix(\n in srgb,\n var(--tpl-canvas-bg) 85%,\n transparent\n )",
|
|
1466
1484
|
"backdrop-filter": "blur(8px)",
|
|
1467
1485
|
"-webkit-backdrop-filter": "blur(8px)"
|
|
1468
1486
|
}
|
|
1469
|
-
},
|
|
1487
|
+
}, Er = {
|
|
1470
1488
|
href: "https://github.com/templatical/sdk",
|
|
1471
1489
|
target: "_blank",
|
|
1472
1490
|
rel: "noopener noreferrer",
|
|
1473
1491
|
class: "tpl:transition-colors tpl:hover:opacity-80 tpl:text-[var(--tpl-text-dim)]",
|
|
1474
1492
|
style: { "text-decoration": "none" }
|
|
1475
|
-
},
|
|
1493
|
+
}, Dr = /* @__PURE__ */ k({
|
|
1476
1494
|
__name: "EditorFooter",
|
|
1477
1495
|
props: { positionClass: {} },
|
|
1478
1496
|
setup(t) {
|
|
1479
|
-
let { t: n } =
|
|
1480
|
-
return (r, i) => (e(), _("footer", { class: C(["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-[10px] tpl:opacity-90 tpl:transition-all tpl:duration-300 tpl:text-[var(--tpl-text-dim)]", t.positionClass]) }, [g("div",
|
|
1497
|
+
let { t: n } = Z();
|
|
1498
|
+
return (r, i) => (e(), _("footer", { class: C(["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-[10px] tpl:opacity-90 tpl:transition-all tpl:duration-300 tpl:text-[var(--tpl-text-dim)]", t.positionClass]) }, [g("div", Tr, [
|
|
1481
1499
|
g("span", null, x(m(n).footer.poweredBy), 1),
|
|
1482
1500
|
i[0] ||= g("a", {
|
|
1483
1501
|
href: "https://templatical.com",
|
|
@@ -1492,19 +1510,19 @@ var zn = ["aria-label"], Bn = {
|
|
|
1492
1510
|
alt: ""
|
|
1493
1511
|
}), y(" Templatical ")], -1),
|
|
1494
1512
|
i[1] ||= g("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
|
|
1495
|
-
g("a",
|
|
1513
|
+
g("a", Er, x(m(n).footer.openSource), 1)
|
|
1496
1514
|
])], 2));
|
|
1497
1515
|
}
|
|
1498
|
-
}),
|
|
1516
|
+
}), Or = [
|
|
1499
1517
|
"aria-label",
|
|
1500
1518
|
"title",
|
|
1501
1519
|
"aria-pressed"
|
|
1502
|
-
],
|
|
1520
|
+
], kr = /*#__PURE__*/ Lt(/* @__PURE__ */ k({
|
|
1503
1521
|
__name: "DarkModeToggle",
|
|
1504
1522
|
props: { darkMode: { type: Boolean } },
|
|
1505
1523
|
emits: ["change"],
|
|
1506
1524
|
setup(r, { emit: i }) {
|
|
1507
|
-
let a = i, { t: o } =
|
|
1525
|
+
let a = i, { t: o } = Z();
|
|
1508
1526
|
return (i, s) => (e(), _("button", {
|
|
1509
1527
|
class: "tpl-dark-mode-toggle tpl:relative tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:p-2 tpl:transition-all",
|
|
1510
1528
|
style: t({
|
|
@@ -1522,28 +1540,28 @@ var zn = ["aria-label"], Bn = {
|
|
|
1522
1540
|
"leave-to-class": "tpl-icon-leave-to",
|
|
1523
1541
|
mode: "out-in"
|
|
1524
1542
|
}, {
|
|
1525
|
-
default: n(() => [r.darkMode ? (e(), w(m(
|
|
1543
|
+
default: n(() => [r.darkMode ? (e(), w(m(en), {
|
|
1526
1544
|
key: "moon",
|
|
1527
1545
|
size: 18,
|
|
1528
1546
|
"stroke-width": 1.5
|
|
1529
|
-
})) : (e(), w(m(
|
|
1547
|
+
})) : (e(), w(m(sn), {
|
|
1530
1548
|
key: "sun",
|
|
1531
1549
|
size: 18,
|
|
1532
1550
|
"stroke-width": 1.5
|
|
1533
1551
|
}))]),
|
|
1534
1552
|
_: 1
|
|
1535
|
-
})], 12,
|
|
1553
|
+
})], 12, Or));
|
|
1536
1554
|
}
|
|
1537
|
-
}), [["__scopeId", "data-v-632aa74f"]]),
|
|
1555
|
+
}), [["__scopeId", "data-v-632aa74f"]]), Ar = [
|
|
1538
1556
|
"aria-label",
|
|
1539
1557
|
"title",
|
|
1540
1558
|
"aria-pressed"
|
|
1541
|
-
],
|
|
1559
|
+
], jr = /*#__PURE__*/ Lt(/* @__PURE__ */ k({
|
|
1542
1560
|
__name: "PreviewToggle",
|
|
1543
1561
|
props: { previewMode: { type: Boolean } },
|
|
1544
1562
|
emits: ["change"],
|
|
1545
1563
|
setup(r, { emit: i }) {
|
|
1546
|
-
let a = i, { t: o } =
|
|
1564
|
+
let a = i, { t: o } = Z();
|
|
1547
1565
|
return (i, s) => (e(), _("button", {
|
|
1548
1566
|
class: "tpl-preview-toggle tpl:relative tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:p-2 tpl:transition-all",
|
|
1549
1567
|
style: t({
|
|
@@ -1561,19 +1579,19 @@ var zn = ["aria-label"], Bn = {
|
|
|
1561
1579
|
"leave-to-class": "tpl-icon-leave-to",
|
|
1562
1580
|
mode: "out-in"
|
|
1563
1581
|
}, {
|
|
1564
|
-
default: n(() => [r.previewMode ? (e(), w(m(
|
|
1582
|
+
default: n(() => [r.previewMode ? (e(), w(m(Ct), {
|
|
1565
1583
|
key: "eye",
|
|
1566
1584
|
size: 18,
|
|
1567
1585
|
"stroke-width": 1.5
|
|
1568
|
-
})) : (e(), w(m(
|
|
1586
|
+
})) : (e(), w(m(De), {
|
|
1569
1587
|
key: "eye-off",
|
|
1570
1588
|
size: 18,
|
|
1571
1589
|
"stroke-width": 1.5
|
|
1572
1590
|
}))]),
|
|
1573
1591
|
_: 1
|
|
1574
|
-
})], 12,
|
|
1592
|
+
})], 12, Ar));
|
|
1575
1593
|
}
|
|
1576
|
-
}), [["__scopeId", "data-v-eef7b2ca"]]),
|
|
1594
|
+
}), [["__scopeId", "data-v-eef7b2ca"]]), Mr = ["aria-label", "onKeydown"], Nr = ["title", "aria-label"], Pr = /* @__PURE__ */ k({
|
|
1577
1595
|
__name: "TemplateNameField",
|
|
1578
1596
|
props: {
|
|
1579
1597
|
name: {},
|
|
@@ -1581,7 +1599,7 @@ var zn = ["aria-label"], Bn = {
|
|
|
1581
1599
|
},
|
|
1582
1600
|
emits: ["commit"],
|
|
1583
1601
|
setup(t, { emit: n }) {
|
|
1584
|
-
let i = t, a = n, { t: o } =
|
|
1602
|
+
let i = t, a = n, { t: o } = Z(), s = f(!1), c = f(""), l = f(null);
|
|
1585
1603
|
async function u() {
|
|
1586
1604
|
i.editable && (c.value = i.name ?? "", s.value = !0, await r(), l.value?.focus(), l.value?.select());
|
|
1587
1605
|
}
|
|
@@ -1602,10 +1620,10 @@ var zn = ["aria-label"], Bn = {
|
|
|
1602
1620
|
type: "text",
|
|
1603
1621
|
"data-testid": "template-name-input",
|
|
1604
1622
|
"aria-label": m(o).header.templateName,
|
|
1605
|
-
class: C([m(
|
|
1623
|
+
class: C([m(Vt), "tpl:h-8 tpl:max-w-[260px] tpl:text-sm tpl:font-medium"]),
|
|
1606
1624
|
onKeydown: [P(j(p, ["prevent"]), ["enter"]), P(j(h, ["prevent"]), ["esc"])],
|
|
1607
1625
|
onBlur: p
|
|
1608
|
-
}, null, 42,
|
|
1626
|
+
}, null, 42, Mr)), [[A, c.value]]) : t.editable ? (e(), _("button", {
|
|
1609
1627
|
key: 1,
|
|
1610
1628
|
type: "button",
|
|
1611
1629
|
"data-testid": "template-name",
|
|
@@ -1613,48 +1631,48 @@ var zn = ["aria-label"], Bn = {
|
|
|
1613
1631
|
"aria-label": m(o).header.rename,
|
|
1614
1632
|
class: C(["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)]": !t.name }]),
|
|
1615
1633
|
onClick: u
|
|
1616
|
-
}, x(t.name || m(o).header.untitled), 11,
|
|
1634
|
+
}, x(t.name || m(o).header.untitled), 11, Nr)) : (e(), _("span", {
|
|
1617
1635
|
key: 2,
|
|
1618
1636
|
"data-testid": "template-name",
|
|
1619
1637
|
class: C(["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)]": !t.name }])
|
|
1620
1638
|
}, x(t.name || m(o).header.untitled), 3));
|
|
1621
1639
|
}
|
|
1622
|
-
}),
|
|
1640
|
+
}), Fr = ["title"], Ir = /* @__PURE__ */ k({
|
|
1623
1641
|
__name: "TemplateTimestamp",
|
|
1624
1642
|
props: {
|
|
1625
1643
|
iso: {},
|
|
1626
1644
|
kind: {}
|
|
1627
1645
|
},
|
|
1628
1646
|
setup(t) {
|
|
1629
|
-
let n = t, { t: r, format: i } =
|
|
1630
|
-
|
|
1647
|
+
let n = t, { t: r, format: i } = Z(), a = u(at, void 0), o = f(0);
|
|
1648
|
+
_e(() => {
|
|
1631
1649
|
o.value += 1;
|
|
1632
1650
|
}, 6e4);
|
|
1633
1651
|
let s = D(() => {
|
|
1634
1652
|
o.value;
|
|
1635
|
-
let e =
|
|
1653
|
+
let e = Jt(n.iso, r.time, i);
|
|
1636
1654
|
if (e === null) return "";
|
|
1637
1655
|
let t = e === r.time.justNow;
|
|
1638
1656
|
return n.kind === "updatedAt" ? t ? r.header.updatedJustNow : i(r.header.updatedAt, { time: e }) : t ? r.header.createdJustNow : i(r.header.createdAt, { time: e });
|
|
1639
|
-
}), c = D(() =>
|
|
1657
|
+
}), c = D(() => qt(n.iso, a));
|
|
1640
1658
|
return (t, n) => s.value ? (e(), _("span", {
|
|
1641
1659
|
key: 0,
|
|
1642
1660
|
"data-testid": "template-timestamp",
|
|
1643
1661
|
title: c.value,
|
|
1644
1662
|
class: "tpl:max-w-[260px] tpl:truncate tpl:px-2 tpl:text-xs tpl:leading-tight tpl:text-[var(--tpl-text-dim)]"
|
|
1645
|
-
}, x(s.value), 9,
|
|
1663
|
+
}, x(s.value), 9, Fr)) : O("", !0);
|
|
1646
1664
|
}
|
|
1647
|
-
}),
|
|
1665
|
+
}), Lr = ["data-tooltip"], Rr = {
|
|
1648
1666
|
key: 1,
|
|
1649
1667
|
"aria-live": "polite",
|
|
1650
1668
|
"data-testid": "save-status-saved",
|
|
1651
1669
|
class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-success)]"
|
|
1652
|
-
},
|
|
1670
|
+
}, zr = {
|
|
1653
1671
|
key: 2,
|
|
1654
1672
|
"aria-live": "polite",
|
|
1655
1673
|
"data-testid": "save-status-unsaved",
|
|
1656
1674
|
class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
|
|
1657
|
-
},
|
|
1675
|
+
}, Br = /* @__PURE__ */ k({
|
|
1658
1676
|
__name: "TemplateSaveStatus",
|
|
1659
1677
|
props: {
|
|
1660
1678
|
status: {},
|
|
@@ -1662,29 +1680,29 @@ var zn = ["aria-label"], Bn = {
|
|
|
1662
1680
|
isDirty: { type: Boolean }
|
|
1663
1681
|
},
|
|
1664
1682
|
setup(t) {
|
|
1665
|
-
let { t: n } =
|
|
1683
|
+
let { t: n } = Z();
|
|
1666
1684
|
return (r, i) => t.status === "error" ? (e(), _("div", {
|
|
1667
1685
|
key: 0,
|
|
1668
1686
|
"aria-live": "assertive",
|
|
1669
1687
|
"data-testid": "save-status-error",
|
|
1670
1688
|
class: "tpl-tooltip tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]",
|
|
1671
1689
|
"data-tooltip": t.errorMessage
|
|
1672
|
-
}, [v(m(
|
|
1690
|
+
}, [v(m(xt), {
|
|
1673
1691
|
size: 12,
|
|
1674
1692
|
"stroke-width": 2.5
|
|
1675
|
-
}), y(" " + x(m(n).header.saveFailed), 1)], 8,
|
|
1693
|
+
}), y(" " + x(m(n).header.saveFailed), 1)], 8, Lr)) : t.status === "saved" ? (e(), _("div", Rr, [v(m(yt), {
|
|
1676
1694
|
size: 12,
|
|
1677
1695
|
"stroke-width": 2.5
|
|
1678
|
-
}), y(" " + x(m(n).header.saved), 1)])) : t.isDirty ? (e(), _("div",
|
|
1696
|
+
}), y(" " + x(m(n).header.saved), 1)])) : t.isDirty ? (e(), _("div", zr, [i[0] ||= g("span", { class: "tpl-pulse tpl:size-1.5 tpl:rounded-full tpl:bg-[var(--tpl-primary)]" }, null, -1), y(" " + x(m(n).header.unsaved), 1)])) : O("", !0);
|
|
1679
1697
|
}
|
|
1680
|
-
}),
|
|
1698
|
+
}), Vr = { 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)]" }, Hr = { class: "tpl-header-left tpl:flex tpl:min-w-[200px] tpl:items-center tpl:gap-2.5" }, Ur = { class: "tpl-header-center tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, Wr = { class: "tpl-header-right tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, Gr = ["aria-label", "aria-expanded"], Kr = {
|
|
1681
1699
|
key: 0,
|
|
1682
1700
|
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)]"
|
|
1683
|
-
},
|
|
1701
|
+
}, qr = [
|
|
1684
1702
|
"aria-label",
|
|
1685
1703
|
"title",
|
|
1686
1704
|
"disabled"
|
|
1687
|
-
],
|
|
1705
|
+
], Jr = ["disabled", "title"], Yr = /* @__PURE__ */ k({
|
|
1688
1706
|
__name: "EditorHeader",
|
|
1689
1707
|
props: {
|
|
1690
1708
|
editor: {},
|
|
@@ -1696,13 +1714,13 @@ var zn = ["aria-label"], Bn = {
|
|
|
1696
1714
|
comments: {}
|
|
1697
1715
|
},
|
|
1698
1716
|
setup(n) {
|
|
1699
|
-
let r = p(() => import("./VersionHistoryMenu-
|
|
1700
|
-
return (i, a) => (e(), _("header",
|
|
1701
|
-
g("div",
|
|
1717
|
+
let r = p(() => import("./VersionHistoryMenu-b0A8mS2_.js"));
|
|
1718
|
+
return (i, a) => (e(), _("header", Vr, [
|
|
1719
|
+
g("div", Hr, [
|
|
1702
1720
|
n.templates?.isAvailable.value && n.templates.hasTemplate.value && (n.showTemplateName || n.templates.timestamp.value) ? (e(), _("div", {
|
|
1703
1721
|
key: 0,
|
|
1704
1722
|
class: C(["tpl:flex tpl:min-w-0 tpl:flex-col tpl:items-start", { "tpl:pb-1.5": n.showTemplateName && n.templates.timestamp.value !== null }])
|
|
1705
|
-
}, [n.showTemplateName ? (e(), w(
|
|
1723
|
+
}, [n.showTemplateName ? (e(), w(Pr, {
|
|
1706
1724
|
key: 0,
|
|
1707
1725
|
name: n.templates.name.value,
|
|
1708
1726
|
editable: n.templates.canSave.value,
|
|
@@ -1711,7 +1729,7 @@ var zn = ["aria-label"], Bn = {
|
|
|
1711
1729
|
"name",
|
|
1712
1730
|
"editable",
|
|
1713
1731
|
"onCommit"
|
|
1714
|
-
])) : O("", !0), n.templates.timestamp.value ? (e(), w(
|
|
1732
|
+
])) : O("", !0), n.templates.timestamp.value ? (e(), w(Ir, {
|
|
1715
1733
|
key: 1,
|
|
1716
1734
|
iso: n.templates.timestamp.value.iso,
|
|
1717
1735
|
kind: n.templates.timestamp.value.kind
|
|
@@ -1732,22 +1750,22 @@ var zn = ["aria-label"], Bn = {
|
|
|
1732
1750
|
])) : O("", !0),
|
|
1733
1751
|
s(i.$slots, "left-extras")
|
|
1734
1752
|
]),
|
|
1735
|
-
g("div",
|
|
1736
|
-
v(
|
|
1753
|
+
g("div", Ur, [
|
|
1754
|
+
v(Pt, {
|
|
1737
1755
|
viewport: n.editor.state.viewport,
|
|
1738
1756
|
onChange: n.editor.setViewport
|
|
1739
1757
|
}, null, 8, ["viewport", "onChange"]),
|
|
1740
|
-
v(
|
|
1758
|
+
v(kr, {
|
|
1741
1759
|
"dark-mode": n.editor.state.darkMode,
|
|
1742
1760
|
onChange: n.editor.setDarkMode
|
|
1743
1761
|
}, null, 8, ["dark-mode", "onChange"]),
|
|
1744
|
-
v(
|
|
1762
|
+
v(jr, {
|
|
1745
1763
|
"preview-mode": n.editor.state.previewMode,
|
|
1746
1764
|
onChange: n.editor.setPreviewMode
|
|
1747
1765
|
}, null, 8, ["preview-mode", "onChange"])
|
|
1748
1766
|
]),
|
|
1749
|
-
g("div",
|
|
1750
|
-
n.templates?.isAvailable.value && n.templates.canSave.value ? (e(), w(
|
|
1767
|
+
g("div", Wr, [
|
|
1768
|
+
n.templates?.isAvailable.value && n.templates.canSave.value ? (e(), w(Br, {
|
|
1751
1769
|
key: 0,
|
|
1752
1770
|
status: n.templates.status.value,
|
|
1753
1771
|
"error-message": n.templates.errorMessage.value,
|
|
@@ -1763,20 +1781,20 @@ var zn = ["aria-label"], Bn = {
|
|
|
1763
1781
|
"data-testid": "comments-trigger",
|
|
1764
1782
|
"aria-label": n.comments.unresolvedCount.value > 0 ? `${n.core.t.comments.button} (${n.comments.unresolvedCount.value})` : n.core.t.comments.button,
|
|
1765
1783
|
"aria-expanded": n.comments.isOpen.value,
|
|
1766
|
-
class: C(m(
|
|
1784
|
+
class: C(m(Bt)),
|
|
1767
1785
|
style: t(n.comments.isOpen.value ? {
|
|
1768
1786
|
backgroundColor: "var(--tpl-primary-light)",
|
|
1769
1787
|
borderColor: "var(--tpl-primary-light)"
|
|
1770
1788
|
} : void 0),
|
|
1771
1789
|
onClick: a[2] ||= (e) => n.comments.toggle()
|
|
1772
1790
|
}, [
|
|
1773
|
-
v(m(
|
|
1791
|
+
v(m(Ot), {
|
|
1774
1792
|
size: 16,
|
|
1775
1793
|
"stroke-width": 2
|
|
1776
1794
|
}),
|
|
1777
1795
|
y(" " + x(n.core.t.comments.button) + " ", 1),
|
|
1778
|
-
n.comments.unresolvedCount.value > 0 && !n.comments.isOpen.value ? (e(), _("span",
|
|
1779
|
-
], 14,
|
|
1796
|
+
n.comments.unresolvedCount.value > 0 && !n.comments.isOpen.value ? (e(), _("span", Kr, x(n.comments.unresolvedCount.value), 1)) : O("", !0)
|
|
1797
|
+
], 14, Gr)) : O("", !0),
|
|
1780
1798
|
s(i.$slots, "right-extras"),
|
|
1781
1799
|
n.testEmail?.isAvailable.value ? (e(), _("button", {
|
|
1782
1800
|
key: 2,
|
|
@@ -1785,63 +1803,63 @@ var zn = ["aria-label"], Bn = {
|
|
|
1785
1803
|
"aria-label": n.core.t.testEmail.title,
|
|
1786
1804
|
title: n.core.t.testEmail.title,
|
|
1787
1805
|
disabled: n.testEmail.isSending.value,
|
|
1788
|
-
class: C(m(
|
|
1806
|
+
class: C(m(Bt)),
|
|
1789
1807
|
onClick: a[3] ||= (e) => n.testEmail.open()
|
|
1790
|
-
}, [n.testEmail.isSending.value ? (e(), w(m(
|
|
1808
|
+
}, [n.testEmail.isSending.value ? (e(), w(m(Dt), {
|
|
1791
1809
|
key: 1,
|
|
1792
1810
|
class: "tpl-spinner",
|
|
1793
1811
|
size: 16,
|
|
1794
1812
|
"stroke-width": 2
|
|
1795
|
-
})) : (e(), w(m(
|
|
1813
|
+
})) : (e(), w(m(Mt), {
|
|
1796
1814
|
key: 0,
|
|
1797
1815
|
size: 16,
|
|
1798
1816
|
"stroke-width": 2
|
|
1799
|
-
})), y(" " + x(n.core.t.testEmail.button), 1)], 10,
|
|
1817
|
+
})), y(" " + x(n.core.t.testEmail.button), 1)], 10, qr)) : O("", !0),
|
|
1800
1818
|
n.templates?.isAvailable.value && n.templates.canSave.value ? (e(), _("button", {
|
|
1801
1819
|
key: 3,
|
|
1802
1820
|
type: "button",
|
|
1803
1821
|
"data-testid": "template-save",
|
|
1804
|
-
class: C(n.editor.state.isDirty && n.templates.hasTemplate.value ? m(
|
|
1822
|
+
class: C(n.editor.state.isDirty && n.templates.hasTemplate.value ? m(Ht) : m(Bt)),
|
|
1805
1823
|
style: t(n.editor.state.isDirty && n.templates.hasTemplate.value ? { boxShadow: "var(--tpl-shadow-sm)" } : void 0),
|
|
1806
1824
|
disabled: n.templates.isSaving.value || !n.templates.hasTemplate.value,
|
|
1807
1825
|
title: n.templates.hasTemplate.value ? n.core.t.header.save : n.core.t.header.saveNoTemplate,
|
|
1808
1826
|
onClick: a[4] ||= (e) => n.templates.requestSave()
|
|
1809
|
-
}, [n.templates.isSaving.value ? (e(), w(m(
|
|
1827
|
+
}, [n.templates.isSaving.value ? (e(), w(m(Dt), {
|
|
1810
1828
|
key: 1,
|
|
1811
1829
|
class: "tpl-spinner",
|
|
1812
1830
|
size: 16,
|
|
1813
1831
|
"stroke-width": 2
|
|
1814
|
-
})) : (e(), w(m(
|
|
1832
|
+
})) : (e(), w(m(rn), {
|
|
1815
1833
|
key: 0,
|
|
1816
1834
|
size: 16,
|
|
1817
1835
|
"stroke-width": 2
|
|
1818
|
-
})), y(" " + x(n.templates.isSaving.value ? n.core.t.header.saving : n.core.t.header.save), 1)], 14,
|
|
1836
|
+
})), y(" " + x(n.templates.isSaving.value ? n.core.t.header.saving : n.core.t.header.save), 1)], 14, Jr)) : O("", !0)
|
|
1819
1837
|
])
|
|
1820
1838
|
]));
|
|
1821
1839
|
}
|
|
1822
|
-
}),
|
|
1840
|
+
}), Xr = ["aria-labelledby", "data-tpl-theme"], Zr = { 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" }, Qr = ["id"], $r = ["aria-label"], ei = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, ti = [
|
|
1823
1841
|
"id",
|
|
1824
1842
|
"placeholder",
|
|
1825
1843
|
"aria-label",
|
|
1826
1844
|
"aria-activedescendant"
|
|
1827
|
-
],
|
|
1845
|
+
], ni = {
|
|
1828
1846
|
key: 0,
|
|
1829
1847
|
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",
|
|
1830
1848
|
"data-testid": "merge-tag-picker-group-pills"
|
|
1831
|
-
},
|
|
1849
|
+
}, ri = ["data-group-name", "onClick"], ii = ["aria-label"], ai = {
|
|
1832
1850
|
key: 0,
|
|
1833
1851
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
1834
1852
|
"data-testid": "merge-tag-picker-empty"
|
|
1835
|
-
},
|
|
1853
|
+
}, oi = {
|
|
1836
1854
|
key: 1,
|
|
1837
1855
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
1838
1856
|
"data-testid": "merge-tag-picker-empty"
|
|
1839
|
-
},
|
|
1857
|
+
}, si = [
|
|
1840
1858
|
"aria-expanded",
|
|
1841
1859
|
"data-group-name",
|
|
1842
1860
|
"data-group-collapsed",
|
|
1843
1861
|
"onClick"
|
|
1844
|
-
],
|
|
1862
|
+
], ci = { class: "tpl:ml-1 tpl:font-normal" }, li = [
|
|
1845
1863
|
"id",
|
|
1846
1864
|
"aria-selected",
|
|
1847
1865
|
"data-selected",
|
|
@@ -1851,21 +1869,21 @@ var zn = ["aria-label"], Bn = {
|
|
|
1851
1869
|
"title",
|
|
1852
1870
|
"onMousemove",
|
|
1853
1871
|
"onClick"
|
|
1854
|
-
],
|
|
1872
|
+
], ui = { class: "tpl:text-sm tpl:font-medium" }, di = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, fi = {
|
|
1855
1873
|
key: 0,
|
|
1856
1874
|
class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
1857
|
-
},
|
|
1875
|
+
}, pi = {
|
|
1858
1876
|
key: 1,
|
|
1859
1877
|
"data-testid": "merge-tag-picker-sample",
|
|
1860
1878
|
class: "tpl:line-clamp-1 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
1861
|
-
},
|
|
1879
|
+
}, $ = "tpl-merge-tag-picker-list", mi = /* @__PURE__ */ k({
|
|
1862
1880
|
__name: "MergeTagPickerModal",
|
|
1863
1881
|
setup(i) {
|
|
1864
|
-
let a =
|
|
1882
|
+
let a = Je(Ye, "MergeTagPickerModal"), { t: s, format: c } = Z(), p = u(Ze, null), h = u(ot, null), y = u(et, !0), b = D(() => a.current.value !== null), S = D(() => b.value ? s.mergeTag.picker.changeTitle : s.mergeTag.picker.title);
|
|
1865
1883
|
function T(e) {
|
|
1866
1884
|
return y ? e.description ? `${e.value} — ${e.description}` : e.value : e.description || void 0;
|
|
1867
1885
|
}
|
|
1868
|
-
let k = f(""), M =
|
|
1886
|
+
let k = f(""), M = ge(k, 200), N = f(null), F = D(() => M.value.trim().length > 0), I = f(0), L = D(() => a.tags.value.some((e) => !!e.group)), R = f(/* @__PURE__ */ new Set());
|
|
1869
1887
|
function z(e) {
|
|
1870
1888
|
return R.value.has(e);
|
|
1871
1889
|
}
|
|
@@ -1942,32 +1960,32 @@ var zn = ["aria-label"], Bn = {
|
|
|
1942
1960
|
function q(e) {
|
|
1943
1961
|
a.resolve(e);
|
|
1944
1962
|
}
|
|
1945
|
-
function
|
|
1963
|
+
function J() {
|
|
1946
1964
|
a.resolve(null);
|
|
1947
1965
|
}
|
|
1948
|
-
function
|
|
1966
|
+
function Y(e) {
|
|
1949
1967
|
if (W.value.length === 0) return;
|
|
1950
1968
|
G = !1;
|
|
1951
1969
|
let t = I.value + e;
|
|
1952
|
-
I.value = Math.max(0, Math.min(W.value.length - 1, t)),
|
|
1970
|
+
I.value = Math.max(0, Math.min(W.value.length - 1, t)), re();
|
|
1953
1971
|
}
|
|
1954
|
-
let
|
|
1955
|
-
function
|
|
1956
|
-
|
|
1972
|
+
let X = f(null), te = f({});
|
|
1973
|
+
function ne(e, t) {
|
|
1974
|
+
te.value[e] = t ?? null;
|
|
1957
1975
|
}
|
|
1958
|
-
function
|
|
1976
|
+
function re() {
|
|
1959
1977
|
r(() => {
|
|
1960
|
-
let e =
|
|
1978
|
+
let e = X.value;
|
|
1961
1979
|
e && e.querySelector(`[data-merge-tag-index="${I.value}"]`)?.scrollIntoView({ block: "nearest" });
|
|
1962
1980
|
});
|
|
1963
1981
|
}
|
|
1964
|
-
function
|
|
1982
|
+
function ie(e) {
|
|
1965
1983
|
if (R.value.has(e)) {
|
|
1966
1984
|
let t = new Set(R.value);
|
|
1967
1985
|
t.delete(e), R.value = t;
|
|
1968
1986
|
}
|
|
1969
1987
|
r(() => {
|
|
1970
|
-
let t =
|
|
1988
|
+
let t = X.value;
|
|
1971
1989
|
if (!t) return;
|
|
1972
1990
|
let n = 0, r = !1;
|
|
1973
1991
|
for (let i of Array.from(t.children)) {
|
|
@@ -1983,55 +2001,55 @@ var zn = ["aria-label"], Bn = {
|
|
|
1983
2001
|
});
|
|
1984
2002
|
});
|
|
1985
2003
|
}
|
|
1986
|
-
function
|
|
1987
|
-
if (e.key === "ArrowDown") e.preventDefault(),
|
|
1988
|
-
else if (e.key === "ArrowUp") e.preventDefault(),
|
|
2004
|
+
function ae(e) {
|
|
2005
|
+
if (e.key === "ArrowDown") e.preventDefault(), Y(1);
|
|
2006
|
+
else if (e.key === "ArrowUp") e.preventDefault(), Y(-1);
|
|
1989
2007
|
else if (e.key === "Enter") {
|
|
1990
2008
|
e.preventDefault();
|
|
1991
2009
|
let t = W.value[I.value];
|
|
1992
2010
|
t && q(t);
|
|
1993
2011
|
}
|
|
1994
2012
|
}
|
|
1995
|
-
function
|
|
1996
|
-
if (W.value.length !== 0) return `${
|
|
2013
|
+
function oe() {
|
|
2014
|
+
if (W.value.length !== 0) return `${$}-opt-${I.value}`;
|
|
1997
2015
|
}
|
|
1998
|
-
function
|
|
1999
|
-
return `${
|
|
2016
|
+
function se(e) {
|
|
2017
|
+
return `${$}-opt-${e}`;
|
|
2000
2018
|
}
|
|
2001
|
-
let
|
|
2002
|
-
return (r, i) => (e(), w(
|
|
2019
|
+
let ce = D(() => a.tags.value.length === 0), le = D(() => !ce.value && V.value.length === 0), ue = D(() => L.value && H.value.length > 1 && !F.value);
|
|
2020
|
+
return (r, i) => (e(), w(Yt, {
|
|
2003
2021
|
visible: m(a).isOpen.value,
|
|
2004
|
-
onClose:
|
|
2005
|
-
onKeydown:
|
|
2022
|
+
onClose: J,
|
|
2023
|
+
onKeydown: ae
|
|
2006
2024
|
}, {
|
|
2007
2025
|
default: n(() => [g("div", {
|
|
2008
2026
|
role: "dialog",
|
|
2009
2027
|
"aria-modal": "true",
|
|
2010
|
-
"aria-labelledby": `${
|
|
2028
|
+
"aria-labelledby": `${$}-title`,
|
|
2011
2029
|
"data-tpl-theme": m(h),
|
|
2012
2030
|
"data-testid": "merge-tag-picker-modal",
|
|
2013
2031
|
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)]",
|
|
2014
2032
|
style: t(m(p))
|
|
2015
2033
|
}, [
|
|
2016
|
-
g("header",
|
|
2017
|
-
id: `${
|
|
2034
|
+
g("header", Zr, [g("h2", {
|
|
2035
|
+
id: `${$}-title`,
|
|
2018
2036
|
class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
|
|
2019
|
-
}, x(S.value), 9,
|
|
2037
|
+
}, x(S.value), 9, Qr), g("button", {
|
|
2020
2038
|
type: "button",
|
|
2021
2039
|
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)]",
|
|
2022
2040
|
"aria-label": m(s).mergeTag.picker.close,
|
|
2023
2041
|
"data-testid": "merge-tag-picker-close",
|
|
2024
|
-
onClick:
|
|
2025
|
-
}, [v(m(
|
|
2042
|
+
onClick: J
|
|
2043
|
+
}, [v(m(It), {
|
|
2026
2044
|
size: 16,
|
|
2027
2045
|
"stroke-width": 2
|
|
2028
|
-
})], 8,
|
|
2029
|
-
g("div",
|
|
2046
|
+
})], 8, $r)]),
|
|
2047
|
+
g("div", ei, [v(m(jt), {
|
|
2030
2048
|
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)]",
|
|
2031
2049
|
size: 14,
|
|
2032
2050
|
"stroke-width": 2
|
|
2033
2051
|
}), d(g("input", {
|
|
2034
|
-
id: `${
|
|
2052
|
+
id: `${$}-search`,
|
|
2035
2053
|
ref_key: "searchInputRef",
|
|
2036
2054
|
ref: N,
|
|
2037
2055
|
"onUpdate:modelValue": i[0] ||= (e) => k.value = e,
|
|
@@ -2039,50 +2057,50 @@ var zn = ["aria-label"], Bn = {
|
|
|
2039
2057
|
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)] tpl:focus:shadow-[var(--tpl-ring)]",
|
|
2040
2058
|
placeholder: m(s).mergeTag.picker.searchPlaceholder,
|
|
2041
2059
|
"aria-label": m(s).mergeTag.picker.searchAriaLabel,
|
|
2042
|
-
"aria-controls":
|
|
2043
|
-
"aria-activedescendant":
|
|
2060
|
+
"aria-controls": $,
|
|
2061
|
+
"aria-activedescendant": oe(),
|
|
2044
2062
|
"data-testid": "merge-tag-picker-search",
|
|
2045
2063
|
onKeydown: i[1] ||= P(j(() => {}, ["prevent"]), ["enter"])
|
|
2046
|
-
}, null, 40,
|
|
2047
|
-
|
|
2064
|
+
}, null, 40, ti), [[A, k.value]])]),
|
|
2065
|
+
ue.value ? (e(), _("div", ni, [(e(!0), _(E, null, o(H.value, (t) => (e(), _("button", {
|
|
2048
2066
|
key: t,
|
|
2049
2067
|
type: "button",
|
|
2050
2068
|
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-[10px] 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)]",
|
|
2051
2069
|
"data-testid": "merge-tag-picker-group-pill",
|
|
2052
2070
|
"data-group-name": t,
|
|
2053
|
-
onClick: (e) =>
|
|
2054
|
-
}, x(t), 9,
|
|
2071
|
+
onClick: (e) => ie(t)
|
|
2072
|
+
}, x(t), 9, ri))), 128))])) : O("", !0),
|
|
2055
2073
|
g("div", {
|
|
2056
|
-
id:
|
|
2074
|
+
id: $,
|
|
2057
2075
|
ref_key: "listRef",
|
|
2058
|
-
ref:
|
|
2076
|
+
ref: X,
|
|
2059
2077
|
class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
|
|
2060
2078
|
role: "listbox",
|
|
2061
2079
|
"aria-label": S.value,
|
|
2062
2080
|
"data-testid": "merge-tag-picker-list"
|
|
2063
|
-
}, [
|
|
2081
|
+
}, [ce.value ? (e(), _("div", ai, x(m(s).mergeTag.picker.empty), 1)) : le.value ? (e(), _("div", oi, x(m(s).mergeTag.picker.noResults), 1)) : (e(!0), _(E, { key: 2 }, o(U.value, (t, n) => (e(), _(E, { key: n }, [t.kind === "header" ? (e(), _("button", {
|
|
2064
2082
|
key: 0,
|
|
2065
2083
|
ref_for: !0,
|
|
2066
|
-
ref: (e) =>
|
|
2084
|
+
ref: (e) => ne(t.group, e),
|
|
2067
2085
|
type: "button",
|
|
2068
2086
|
"aria-expanded": !z(t.group),
|
|
2069
|
-
"aria-controls":
|
|
2087
|
+
"aria-controls": $,
|
|
2070
2088
|
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)]",
|
|
2071
2089
|
"data-testid": "merge-tag-picker-group-header",
|
|
2072
2090
|
"data-group-name": t.group,
|
|
2073
2091
|
"data-group-collapsed": z(t.group) ? "true" : "false",
|
|
2074
2092
|
onClick: (e) => B(t.group)
|
|
2075
2093
|
}, [
|
|
2076
|
-
v(m(
|
|
2094
|
+
v(m(bt), {
|
|
2077
2095
|
size: 12,
|
|
2078
2096
|
"stroke-width": 2,
|
|
2079
2097
|
class: C(["tpl:transition-transform", z(t.group) ? "tpl:-rotate-90" : ""])
|
|
2080
2098
|
}, null, 8, ["class"]),
|
|
2081
2099
|
g("span", null, x(t.group), 1),
|
|
2082
|
-
g("span",
|
|
2083
|
-
], 8,
|
|
2100
|
+
g("span", ci, " (" + x(m(c)(m(s).mergeTag.picker.groupCount, { count: t.count })) + ") ", 1)
|
|
2101
|
+
], 8, si)) : (e(), _("button", {
|
|
2084
2102
|
key: 1,
|
|
2085
|
-
id:
|
|
2103
|
+
id: se(t.index),
|
|
2086
2104
|
type: "button",
|
|
2087
2105
|
role: "option",
|
|
2088
2106
|
"aria-selected": t.index === I.value,
|
|
@@ -2096,23 +2114,23 @@ var zn = ["aria-label"], Bn = {
|
|
|
2096
2114
|
onMousemove: (e) => ee(t.index),
|
|
2097
2115
|
onClick: (e) => q(t.tag)
|
|
2098
2116
|
}, [
|
|
2099
|
-
g("span",
|
|
2100
|
-
g("span",
|
|
2101
|
-
t.tag.description ? (e(), _("span",
|
|
2102
|
-
t.tag.sample === void 0 ? O("", !0) : (e(), _("span",
|
|
2103
|
-
], 42,
|
|
2104
|
-
], 12,
|
|
2117
|
+
g("span", ui, x(t.tag.label), 1),
|
|
2118
|
+
g("span", di, x(t.tag.value), 1),
|
|
2119
|
+
t.tag.description ? (e(), _("span", fi, x(t.tag.description), 1)) : O("", !0),
|
|
2120
|
+
t.tag.sample === void 0 ? O("", !0) : (e(), _("span", pi, x(m(c)(m(s).mergeTag.picker.sample, { sample: t.tag.sample })), 1))
|
|
2121
|
+
], 42, li))], 64))), 128))], 8, ii)
|
|
2122
|
+
], 12, Xr)]),
|
|
2105
2123
|
_: 1
|
|
2106
2124
|
}, 8, ["visible"]));
|
|
2107
2125
|
}
|
|
2108
|
-
}),
|
|
2126
|
+
}), hi = ["data-logic-keyword"], gi = /* @__PURE__ */ k({
|
|
2109
2127
|
__name: "LogicTagBadge",
|
|
2110
2128
|
props: {
|
|
2111
2129
|
value: {},
|
|
2112
2130
|
syntax: {}
|
|
2113
2131
|
},
|
|
2114
2132
|
setup(t) {
|
|
2115
|
-
let n = t, r = D(() =>
|
|
2133
|
+
let n = t, r = D(() => L(n.value, n.syntax)), i = D(() => B(n.value, n.syntax));
|
|
2116
2134
|
return (t, n) => r.value ? (e(), _("span", {
|
|
2117
2135
|
key: 0,
|
|
2118
2136
|
class: "tpl:inline-flex tpl:flex-shrink-0 tpl:items-center tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:leading-none tpl:font-bold tpl:tracking-wide tpl:uppercase",
|
|
@@ -2122,22 +2140,22 @@ var zn = ["aria-label"], Bn = {
|
|
|
2122
2140
|
},
|
|
2123
2141
|
"data-testid": "merge-tag-logic-badge",
|
|
2124
2142
|
"data-logic-keyword": i.value
|
|
2125
|
-
}, x(i.value), 9,
|
|
2143
|
+
}, x(i.value), 9, hi)) : O("", !0);
|
|
2126
2144
|
}
|
|
2127
|
-
}),
|
|
2145
|
+
}), _i = ["aria-labelledby", "data-tpl-theme"], vi = { 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" }, yi = ["id"], bi = ["aria-label"], xi = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Si = [
|
|
2128
2146
|
"id",
|
|
2129
2147
|
"placeholder",
|
|
2130
2148
|
"aria-label",
|
|
2131
2149
|
"aria-activedescendant"
|
|
2132
|
-
],
|
|
2150
|
+
], Ci = ["aria-label"], wi = {
|
|
2133
2151
|
key: 0,
|
|
2134
2152
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
2135
2153
|
"data-testid": "logic-picker-empty"
|
|
2136
|
-
},
|
|
2154
|
+
}, Ti = {
|
|
2137
2155
|
key: 1,
|
|
2138
2156
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
2139
2157
|
"data-testid": "logic-picker-empty"
|
|
2140
|
-
},
|
|
2158
|
+
}, Ei = ["data-group-name"], Di = [
|
|
2141
2159
|
"id",
|
|
2142
2160
|
"aria-selected",
|
|
2143
2161
|
"data-selected",
|
|
@@ -2145,19 +2163,19 @@ var zn = ["aria-label"], Bn = {
|
|
|
2145
2163
|
"data-logic-kind",
|
|
2146
2164
|
"onMousemove",
|
|
2147
2165
|
"onClick"
|
|
2148
|
-
],
|
|
2166
|
+
], Oi = { class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-between tpl:gap-2" }, ki = { class: "tpl:text-sm tpl:font-medium" }, Ai = {
|
|
2149
2167
|
key: 0,
|
|
2150
2168
|
class: "tpl:flex tpl:items-center"
|
|
2151
|
-
},
|
|
2169
|
+
}, ji = {
|
|
2152
2170
|
key: 1,
|
|
2153
2171
|
class: "tpl:flex tpl:items-center tpl:gap-1"
|
|
2154
|
-
},
|
|
2172
|
+
}, Mi = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, Ni = {
|
|
2155
2173
|
key: 0,
|
|
2156
2174
|
class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
2157
|
-
},
|
|
2175
|
+
}, Pi = "tpl-logic-picker-list", Fi = /* @__PURE__ */ k({
|
|
2158
2176
|
__name: "LogicTagPickerModal",
|
|
2159
2177
|
setup(i) {
|
|
2160
|
-
let a =
|
|
2178
|
+
let a = Je(Xe, "LogicTagPickerModal"), { t: s } = Z(), c = u(tt, ne.liquid), p = u(Ze, null), h = u(ot, null), y = f(""), b = ge(y, 200), S = f(null), T = D(() => b.value.trim().length > 0), k = f(0);
|
|
2161
2179
|
function M(e) {
|
|
2162
2180
|
let t = b.value.trim().toLowerCase();
|
|
2163
2181
|
return !t || e.filter(Boolean).join(" ").toLowerCase().includes(t);
|
|
@@ -2222,62 +2240,62 @@ var zn = ["aria-label"], Bn = {
|
|
|
2222
2240
|
function W(e) {
|
|
2223
2241
|
a.resolve(e);
|
|
2224
2242
|
}
|
|
2225
|
-
function
|
|
2243
|
+
function G() {
|
|
2226
2244
|
a.resolve(null);
|
|
2227
2245
|
}
|
|
2228
|
-
function
|
|
2246
|
+
function K(e) {
|
|
2229
2247
|
B.value.length !== 0 && (k.value = Math.max(0, Math.min(B.value.length - 1, k.value + e)), r(() => {
|
|
2230
2248
|
U.value?.querySelector(`[data-logic-index="${k.value}"]`)?.scrollIntoView({ block: "nearest" });
|
|
2231
2249
|
}));
|
|
2232
2250
|
}
|
|
2233
|
-
function
|
|
2234
|
-
if (e.key === "ArrowDown") e.preventDefault(),
|
|
2235
|
-
else if (e.key === "ArrowUp") e.preventDefault(),
|
|
2251
|
+
function ee(e) {
|
|
2252
|
+
if (e.key === "ArrowDown") e.preventDefault(), K(1);
|
|
2253
|
+
else if (e.key === "ArrowUp") e.preventDefault(), K(-1);
|
|
2236
2254
|
else if (e.key === "Enter") {
|
|
2237
2255
|
e.preventDefault();
|
|
2238
2256
|
let t = B.value[k.value];
|
|
2239
2257
|
t && W(t);
|
|
2240
2258
|
}
|
|
2241
2259
|
}
|
|
2242
|
-
function
|
|
2243
|
-
return `${
|
|
2260
|
+
function q(e) {
|
|
2261
|
+
return `${Pi}-opt-${e}`;
|
|
2244
2262
|
}
|
|
2245
|
-
function
|
|
2246
|
-
return B.value.length === 0 ? void 0 : `${
|
|
2263
|
+
function J() {
|
|
2264
|
+
return B.value.length === 0 ? void 0 : `${Pi}-opt-${k.value}`;
|
|
2247
2265
|
}
|
|
2248
|
-
return (r, i) => (e(), w(
|
|
2266
|
+
return (r, i) => (e(), w(Yt, {
|
|
2249
2267
|
visible: m(a).isOpen.value,
|
|
2250
|
-
onClose:
|
|
2251
|
-
onKeydown:
|
|
2268
|
+
onClose: G,
|
|
2269
|
+
onKeydown: ee
|
|
2252
2270
|
}, {
|
|
2253
2271
|
default: n(() => [g("div", {
|
|
2254
2272
|
role: "dialog",
|
|
2255
2273
|
"aria-modal": "true",
|
|
2256
|
-
"aria-labelledby": `${
|
|
2274
|
+
"aria-labelledby": `${Pi}-title`,
|
|
2257
2275
|
"data-tpl-theme": m(h),
|
|
2258
2276
|
"data-testid": "logic-picker-modal",
|
|
2259
2277
|
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)]",
|
|
2260
2278
|
style: t(m(p))
|
|
2261
2279
|
}, [
|
|
2262
|
-
g("header",
|
|
2263
|
-
id: `${
|
|
2280
|
+
g("header", vi, [g("h2", {
|
|
2281
|
+
id: `${Pi}-title`,
|
|
2264
2282
|
class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
|
|
2265
|
-
}, x(m(s).logicTag.picker.title), 9,
|
|
2283
|
+
}, x(m(s).logicTag.picker.title), 9, yi), g("button", {
|
|
2266
2284
|
type: "button",
|
|
2267
2285
|
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)]",
|
|
2268
2286
|
"aria-label": m(s).logicTag.picker.close,
|
|
2269
2287
|
"data-testid": "logic-picker-close",
|
|
2270
|
-
onClick:
|
|
2271
|
-
}, [v(m(
|
|
2288
|
+
onClick: G
|
|
2289
|
+
}, [v(m(It), {
|
|
2272
2290
|
size: 16,
|
|
2273
2291
|
"stroke-width": 2
|
|
2274
|
-
})], 8,
|
|
2275
|
-
g("div",
|
|
2292
|
+
})], 8, bi)]),
|
|
2293
|
+
g("div", xi, [v(m(jt), {
|
|
2276
2294
|
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)]",
|
|
2277
2295
|
size: 14,
|
|
2278
2296
|
"stroke-width": 2
|
|
2279
2297
|
}), d(g("input", {
|
|
2280
|
-
id: `${
|
|
2298
|
+
id: `${Pi}-search`,
|
|
2281
2299
|
ref_key: "searchInputRef",
|
|
2282
2300
|
ref: S,
|
|
2283
2301
|
"onUpdate:modelValue": i[0] ||= (e) => y.value = e,
|
|
@@ -2285,27 +2303,27 @@ var zn = ["aria-label"], Bn = {
|
|
|
2285
2303
|
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)] tpl:focus:shadow-[var(--tpl-ring)]",
|
|
2286
2304
|
placeholder: m(s).logicTag.picker.searchPlaceholder,
|
|
2287
2305
|
"aria-label": m(s).logicTag.picker.searchAriaLabel,
|
|
2288
|
-
"aria-controls":
|
|
2289
|
-
"aria-activedescendant":
|
|
2306
|
+
"aria-controls": Pi,
|
|
2307
|
+
"aria-activedescendant": J(),
|
|
2290
2308
|
"data-testid": "logic-picker-search",
|
|
2291
2309
|
onKeydown: i[1] ||= P(j(() => {}, ["prevent"]), ["enter"])
|
|
2292
|
-
}, null, 40,
|
|
2310
|
+
}, null, 40, Si), [[A, y.value]])]),
|
|
2293
2311
|
g("div", {
|
|
2294
|
-
id:
|
|
2312
|
+
id: Pi,
|
|
2295
2313
|
ref_key: "listRef",
|
|
2296
2314
|
ref: U,
|
|
2297
2315
|
class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
|
|
2298
2316
|
role: "listbox",
|
|
2299
2317
|
"aria-label": m(s).logicTag.picker.title,
|
|
2300
2318
|
"data-testid": "logic-picker-list"
|
|
2301
|
-
}, [V.value ? (e(), _("div",
|
|
2319
|
+
}, [V.value ? (e(), _("div", wi, x(m(s).logicTag.picker.empty), 1)) : H.value ? (e(), _("div", Ti, x(m(s).logicTag.picker.noResults), 1)) : (e(!0), _(E, { key: 2 }, o(z.value.rows, (t, n) => (e(), _(E, { key: n }, [t.kind === "header" ? (e(), _("div", {
|
|
2302
2320
|
key: 0,
|
|
2303
2321
|
class: "tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]",
|
|
2304
2322
|
"data-testid": "logic-picker-header",
|
|
2305
2323
|
"data-group-name": t.label
|
|
2306
|
-
}, x(t.label), 9,
|
|
2324
|
+
}, x(t.label), 9, Ei)) : (e(), _("button", {
|
|
2307
2325
|
key: 1,
|
|
2308
|
-
id:
|
|
2326
|
+
id: q(t.index),
|
|
2309
2327
|
type: "button",
|
|
2310
2328
|
role: "option",
|
|
2311
2329
|
"aria-selected": t.index === k.value,
|
|
@@ -2317,32 +2335,32 @@ var zn = ["aria-label"], Bn = {
|
|
|
2317
2335
|
onMousemove: (e) => k.value = t.index,
|
|
2318
2336
|
onClick: (e) => W(t.kind === "tag" ? t.tag : t.pair)
|
|
2319
2337
|
}, [
|
|
2320
|
-
g("span",
|
|
2338
|
+
g("span", Oi, [g("span", ki, x(t.kind === "tag" ? t.tag.label : t.pair.label), 1), t.kind === "tag" ? (e(), _("span", Ai, [v(gi, {
|
|
2321
2339
|
value: t.tag.value,
|
|
2322
2340
|
syntax: m(c)
|
|
2323
|
-
}, null, 8, ["value", "syntax"])])) : (e(), _("span",
|
|
2324
|
-
v(
|
|
2341
|
+
}, null, 8, ["value", "syntax"])])) : (e(), _("span", ji, [
|
|
2342
|
+
v(gi, {
|
|
2325
2343
|
value: t.pair.before,
|
|
2326
2344
|
syntax: m(c)
|
|
2327
2345
|
}, null, 8, ["value", "syntax"]),
|
|
2328
2346
|
i[2] ||= g("span", { class: "tpl:text-[var(--tpl-text-dim)]" }, "…", -1),
|
|
2329
|
-
v(
|
|
2347
|
+
v(gi, {
|
|
2330
2348
|
value: t.pair.after,
|
|
2331
2349
|
syntax: m(c)
|
|
2332
2350
|
}, null, 8, ["value", "syntax"])
|
|
2333
2351
|
]))]),
|
|
2334
|
-
g("span",
|
|
2335
|
-
(t.kind === "tag" ? t.tag.description : t.pair.description) ? (e(), _("span",
|
|
2336
|
-
], 42,
|
|
2337
|
-
], 12,
|
|
2352
|
+
g("span", Mi, x(t.kind === "tag" ? t.tag.value : `${t.pair.before} … ${t.pair.after}`), 1),
|
|
2353
|
+
(t.kind === "tag" ? t.tag.description : t.pair.description) ? (e(), _("span", Ni, x(t.kind === "tag" ? t.tag.description : t.pair.description), 1)) : O("", !0)
|
|
2354
|
+
], 42, Di))], 64))), 128))], 8, Ci)
|
|
2355
|
+
], 12, _i)]),
|
|
2338
2356
|
_: 1
|
|
2339
2357
|
}, 8, ["visible"]));
|
|
2340
2358
|
}
|
|
2341
|
-
}),
|
|
2359
|
+
}), Ii = ["data-tpl-theme"], Li = { class: "tpl:absolute tpl:inset-0 tpl:overflow-hidden" }, Ri = { class: "tpl-preview-overlay tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, zi = { 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" }, Bi = {
|
|
2342
2360
|
key: 0,
|
|
2343
2361
|
"data-testid": "merge-tag-mode-toggle-anchor",
|
|
2344
2362
|
class: "tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-[var(--tpl-shadow-md)]"
|
|
2345
|
-
},
|
|
2363
|
+
}, Vi = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, Hi = ["aria-label"], Ui = /*#__PURE__*/ Lt(/* @__PURE__ */ k({
|
|
2346
2364
|
__name: "Editor",
|
|
2347
2365
|
props: {
|
|
2348
2366
|
config: {},
|
|
@@ -2354,38 +2372,38 @@ var zn = ["aria-label"], Bn = {
|
|
|
2354
2372
|
usesLocalRenderer: { type: Function }
|
|
2355
2373
|
},
|
|
2356
2374
|
setup(r, { expose: i }) {
|
|
2357
|
-
let a = r, o = a.config.templates ?
|
|
2375
|
+
let a = r, o = a.config.templates ? jn(a.config.templates, a.config.mergeTags) : void 0, s = ce({
|
|
2358
2376
|
content: a.config.content,
|
|
2359
2377
|
defaultFontFamily: a.config.fonts?.defaultFont,
|
|
2360
|
-
templateDefaults:
|
|
2378
|
+
templateDefaults: Qt(a.config),
|
|
2361
2379
|
templates: o,
|
|
2362
2380
|
onError: a.config.onError,
|
|
2363
2381
|
lockedBlocks: a.cloud?.lockedBlocks
|
|
2364
|
-
}), u = a.cloud ? a.cloud.attach({ editor: s }) : null, h = o ?
|
|
2382
|
+
}), u = a.cloud ? a.cloud.attach({ editor: s }) : null, h = o ? mn({
|
|
2365
2383
|
provider: o,
|
|
2366
2384
|
editor: s,
|
|
2367
2385
|
guardUnsavedChanges: a.config.templates?.unsavedChangesGuard,
|
|
2368
2386
|
getSaveGate: a.cloud ? () => a.cloud.getSaveGate() : void 0
|
|
2369
2387
|
}) : null;
|
|
2370
2388
|
a.config.onDirtyChange && l(() => s.state.isDirty, (e) => a.config.onDirtyChange(e));
|
|
2371
|
-
let b = f(null), E = a.config.savedBlocks ?
|
|
2389
|
+
let b = f(null), E = a.config.savedBlocks ? fn({
|
|
2372
2390
|
provider: a.config.savedBlocks,
|
|
2373
2391
|
editor: s,
|
|
2374
2392
|
onError: a.config.onError,
|
|
2375
2393
|
isAvailable: a.cloud ? () => a.cloud.isSavedBlocksAvailable() : void 0
|
|
2376
|
-
}) : null, k = p(() => import("./SavedBlocksPanels-
|
|
2394
|
+
}) : null, k = p(() => import("./SavedBlocksPanels-DQ0w9G1O.js")), A = a.config.media || a.config.onRequestMedia ? dn({
|
|
2377
2395
|
provider: a.config.media,
|
|
2378
2396
|
onRequestMedia: a.config.onRequestMedia,
|
|
2379
2397
|
getTemplateId: () => s.state.template?.id,
|
|
2380
2398
|
onError: a.config.onError
|
|
2381
|
-
}) : null, M = p(() => import("./MediaPanels-BmDda5rY.js")), P = a.config.testEmail ?
|
|
2399
|
+
}) : null, M = p(() => import("./MediaPanels-BmDda5rY.js")), P = a.config.testEmail ? yn({
|
|
2382
2400
|
provider: a.config.testEmail,
|
|
2383
2401
|
getContent: () => s.content.value,
|
|
2384
2402
|
renderMjml: a.renderMjml,
|
|
2385
2403
|
usesLocalRenderer: a.usesLocalRenderer,
|
|
2386
2404
|
onError: a.config.onError,
|
|
2387
2405
|
isAvailable: a.cloud ? () => a.cloud.isTestEmailAvailable() : void 0
|
|
2388
|
-
}) : null, I = p(() => import("./TestEmailPanel-
|
|
2406
|
+
}) : null, I = p(() => import("./TestEmailPanel-D__9Wvgz.js")), L = a.config.comments ? cn({
|
|
2389
2407
|
provider: a.config.comments,
|
|
2390
2408
|
editor: s,
|
|
2391
2409
|
user: a.config.user,
|
|
@@ -2393,8 +2411,8 @@ var zn = ["aria-label"], Bn = {
|
|
|
2393
2411
|
onError: a.config.onError,
|
|
2394
2412
|
isAvailable: a.cloud ? () => a.cloud.isCommentsAvailable() : void 0,
|
|
2395
2413
|
isBlockSaved: a.cloud ? (e) => a.cloud.isBlockSaved(e) : void 0
|
|
2396
|
-
}) : null, R = p(() => import("./CommentsPanel-
|
|
2397
|
-
H && h !== null && !h.canSave.value &&
|
|
2414
|
+
}) : null, R = p(() => import("./CommentsPanel-9k1q-79y.js")), z = p(() => import("./CloudPanels-DnWDrgnQ.js")), B = p(() => import("./CloudHeaderExtras-C-tbLyfE.js")), V = p(() => import("./VersionHistoryPanels-DfNrRT6y.js")), H = xn(a.config.templates?.autoSave, !1), U = H && h !== null;
|
|
2415
|
+
H && h !== null && !h.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."), a.config.changeDebounce !== void 0 && h !== null && a.config.templates?.autoSave === void 0 && !a.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.");
|
|
2398
2416
|
let W = a.config.onChange || U ? {
|
|
2399
2417
|
onChange: () => {
|
|
2400
2418
|
a.config.onChange?.(JSON.parse(JSON.stringify(s.state.content))), U && h.requestAutoSave();
|
|
@@ -2405,7 +2423,7 @@ var zn = ["aria-label"], Bn = {
|
|
|
2405
2423
|
...h ? { templates: h.capability } : {},
|
|
2406
2424
|
...P ? { testEmail: P.capability } : {},
|
|
2407
2425
|
...L ? { comments: L.capability } : {}
|
|
2408
|
-
}, K =
|
|
2426
|
+
}, K = Ge({
|
|
2409
2427
|
editor: s,
|
|
2410
2428
|
containerEl: b,
|
|
2411
2429
|
config: {
|
|
@@ -2416,6 +2434,8 @@ var zn = ["aria-label"], Bn = {
|
|
|
2416
2434
|
customBlocks: a.config.customBlocks,
|
|
2417
2435
|
paletteBlocks: a.config.paletteBlocks,
|
|
2418
2436
|
htmlBlockPreview: a.config.htmlBlockPreview,
|
|
2437
|
+
layout: a.config.layout,
|
|
2438
|
+
sectionWrapper: a.config.sectionWrapper,
|
|
2419
2439
|
colors: a.config.colors,
|
|
2420
2440
|
templateSettings: a.config.templateSettings,
|
|
2421
2441
|
mergeTags: a.config.mergeTags,
|
|
@@ -2425,7 +2445,7 @@ var zn = ["aria-label"], Bn = {
|
|
|
2425
2445
|
canDropMedia: A?.canDrop ?? null,
|
|
2426
2446
|
resolvePreview: a.config.resolvePreview,
|
|
2427
2447
|
resolveImageUrl: a.config.resolveImageUrl,
|
|
2428
|
-
lint:
|
|
2448
|
+
lint: Sn(a.config),
|
|
2429
2449
|
locale: a.config.locale
|
|
2430
2450
|
},
|
|
2431
2451
|
translations: a.translations,
|
|
@@ -2438,9 +2458,9 @@ var zn = ["aria-label"], Bn = {
|
|
|
2438
2458
|
}), ee = a.cloud && u ? a.cloud.ready({
|
|
2439
2459
|
core: K,
|
|
2440
2460
|
capabilities: G
|
|
2441
|
-
}) : null, q = a.config.versionHistory ?
|
|
2461
|
+
}) : null, q = a.config.versionHistory ? bn({
|
|
2442
2462
|
provider: a.config.versionHistory,
|
|
2443
|
-
editor:
|
|
2463
|
+
editor: An(s, a.config.mergeTags),
|
|
2444
2464
|
history: K.history,
|
|
2445
2465
|
conditionPreview: K.conditionPreview,
|
|
2446
2466
|
autoSave: K.autoSave,
|
|
@@ -2451,26 +2471,26 @@ var zn = ["aria-label"], Bn = {
|
|
|
2451
2471
|
onError: a.config.onError
|
|
2452
2472
|
}) : null;
|
|
2453
2473
|
q && (G.versionHistory = q.capability);
|
|
2454
|
-
let
|
|
2455
|
-
function
|
|
2474
|
+
let J = D(() => L?.isOpen.value === !0 || u?.panelState.rightPanelOpen.value === !0), Y = D(() => s.state.previewMode ? "tpl:left-0 tpl:right-0" : J.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]");
|
|
2475
|
+
function X(e) {
|
|
2456
2476
|
u && (e === "ai-chat" ? u.panelState.aiChatOpen.value = !0 : u.panelState.designReferenceOpen.value = !0);
|
|
2457
2477
|
}
|
|
2458
|
-
let { showNotice:
|
|
2478
|
+
let { showNotice: te } = je(() => a.config.smallScreenNotice);
|
|
2459
2479
|
c(async () => {
|
|
2460
2480
|
await a.fontsManager.loadCustomFonts();
|
|
2461
2481
|
}), S(() => {
|
|
2462
2482
|
a.fontsManager.cleanupFontLinks(), a.cloud?.destroy(), K.destroy();
|
|
2463
2483
|
});
|
|
2464
|
-
let
|
|
2484
|
+
let ne = h ?? s;
|
|
2465
2485
|
return i({
|
|
2466
2486
|
getContent: () => s.content.value,
|
|
2467
2487
|
setContent: (e) => s.setContent(e),
|
|
2468
2488
|
setTheme: (e) => s.setUiTheme(e),
|
|
2469
2489
|
setMergeTags: K.setMergeTags,
|
|
2470
2490
|
isDirty: () => s.state.isDirty,
|
|
2471
|
-
create:
|
|
2472
|
-
load:
|
|
2473
|
-
save:
|
|
2491
|
+
create: ne.create,
|
|
2492
|
+
load: ne.load,
|
|
2493
|
+
save: ne.save,
|
|
2474
2494
|
renderCustomBlock: K.registry.renderCustomBlock,
|
|
2475
2495
|
getCustomBlockStylesheet: (e) => K.registry.getDefinition(e)?.stylesheet
|
|
2476
2496
|
}), (i, a) => (e(), _("div", {
|
|
@@ -2482,9 +2502,9 @@ var zn = ["aria-label"], Bn = {
|
|
|
2482
2502
|
onDragover: a[8] ||= j(() => {}, ["prevent"]),
|
|
2483
2503
|
onDrop: a[9] ||= j(() => {}, ["prevent"])
|
|
2484
2504
|
}, [
|
|
2485
|
-
v(
|
|
2486
|
-
g("div",
|
|
2487
|
-
v(
|
|
2505
|
+
v(Kn),
|
|
2506
|
+
g("div", Li, [
|
|
2507
|
+
v(Yr, {
|
|
2488
2508
|
editor: m(s),
|
|
2489
2509
|
core: m(K),
|
|
2490
2510
|
templates: m(h),
|
|
@@ -2515,12 +2535,12 @@ var zn = ["aria-label"], Bn = {
|
|
|
2515
2535
|
"version-history",
|
|
2516
2536
|
"comments"
|
|
2517
2537
|
]),
|
|
2518
|
-
d(v(
|
|
2538
|
+
d(v(nr, null, null, 512), [[N, !m(s).state.previewMode]]),
|
|
2519
2539
|
g("div", {
|
|
2520
|
-
class: C(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [
|
|
2540
|
+
class: C(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [Y.value, m(q)?.isPreviewing.value ? "tpl:top-[104px]" : "tpl:top-14"]]),
|
|
2521
2541
|
style: { transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)" }
|
|
2522
|
-
}, [g("div",
|
|
2523
|
-
default: n(() => [m(s).state.previewMode && !m(K).previewResolution.supersedesSamples.value ? (e(), _("div",
|
|
2542
|
+
}, [g("div", Ri, [g("div", zi, [v(F, { name: "tpl-preview-pill" }, {
|
|
2543
|
+
default: n(() => [m(s).state.previewMode && !m(K).previewResolution.supersedesSamples.value ? (e(), _("div", Bi, [v(Ft, {
|
|
2524
2544
|
"sample-mode": m(K).mergeTagSampleMode.value,
|
|
2525
2545
|
onChange: a[0] ||= (e) => m(K).mergeTagSampleMode.value = e
|
|
2526
2546
|
}, null, 8, ["sample-mode"])])) : O("", !0)]),
|
|
@@ -2529,15 +2549,15 @@ var zn = ["aria-label"], Bn = {
|
|
|
2529
2549
|
default: n(() => [m(K).conditionPreview.hasHiddenBlocks.value && m(K).appliesConditionFilter.value ? (e(), _("button", {
|
|
2530
2550
|
key: 0,
|
|
2531
2551
|
type: "button",
|
|
2532
|
-
class: C([m(
|
|
2552
|
+
class: C([m(zt), "tpl:shadow-[var(--tpl-shadow-md)]"]),
|
|
2533
2553
|
"data-testid": "restore-hidden-blocks",
|
|
2534
2554
|
onClick: a[1] ||= (e) => m(K).conditionPreview.reset()
|
|
2535
|
-
}, [v(m(
|
|
2555
|
+
}, [v(m(nn), {
|
|
2536
2556
|
size: 16,
|
|
2537
2557
|
"stroke-width": 2
|
|
2538
2558
|
}), y(" " + x(m(K).t.blockSettings.restoreHiddenBlocks), 1)], 2)) : O("", !0)]),
|
|
2539
2559
|
_: 1
|
|
2540
|
-
})])]), g("main",
|
|
2560
|
+
})])]), g("main", Vi, [v(Gn, {
|
|
2541
2561
|
viewport: m(s).state.viewport,
|
|
2542
2562
|
content: m(K).previewResolution.content.value,
|
|
2543
2563
|
"selected-block-id": m(s).state.selectedBlockId,
|
|
@@ -2545,8 +2565,8 @@ var zn = ["aria-label"], Bn = {
|
|
|
2545
2565
|
"preview-mode": m(s).state.previewMode,
|
|
2546
2566
|
"locked-blocks": m(u)?.collaboration?.lockedBlocks.value,
|
|
2547
2567
|
onSelectBlock: m(s).selectBlock,
|
|
2548
|
-
onOpenAiChat: a[2] ||= (e) =>
|
|
2549
|
-
onOpenDesignReference: a[3] ||= (e) =>
|
|
2568
|
+
onOpenAiChat: a[2] ||= (e) => X("ai-chat"),
|
|
2569
|
+
onOpenDesignReference: a[3] ||= (e) => X("design-reference")
|
|
2550
2570
|
}, null, 8, [
|
|
2551
2571
|
"viewport",
|
|
2552
2572
|
"content",
|
|
@@ -2556,9 +2576,9 @@ var zn = ["aria-label"], Bn = {
|
|
|
2556
2576
|
"locked-blocks",
|
|
2557
2577
|
"onSelectBlock"
|
|
2558
2578
|
])])], 2),
|
|
2559
|
-
r.config.branding === !1 ? O("", !0) : (e(), w(
|
|
2579
|
+
r.config.branding === !1 ? O("", !0) : (e(), w(Dr, {
|
|
2560
2580
|
key: 0,
|
|
2561
|
-
"position-class": [
|
|
2581
|
+
"position-class": [Y.value]
|
|
2562
2582
|
}, null, 8, ["position-class"])),
|
|
2563
2583
|
g("div", {
|
|
2564
2584
|
class: "tpl-sr-only",
|
|
@@ -2566,11 +2586,11 @@ var zn = ["aria-label"], Bn = {
|
|
|
2566
2586
|
"aria-live": "polite",
|
|
2567
2587
|
"aria-atomic": "true",
|
|
2568
2588
|
"aria-label": m(K).t.landmarks.reorderAnnouncements
|
|
2569
|
-
}, x(m(K).keyboardReorder.announcement.value), 9,
|
|
2570
|
-
d(v(
|
|
2589
|
+
}, x(m(K).keyboardReorder.announcement.value), 9, Hi),
|
|
2590
|
+
d(v(yr, {
|
|
2571
2591
|
"selected-block": m(s).selectedBlock.value,
|
|
2572
2592
|
settings: m(s).content.value.settings,
|
|
2573
|
-
"shifted-left":
|
|
2593
|
+
"shifted-left": J.value,
|
|
2574
2594
|
onUpdateBlock: a[4] ||= (e) => m(s).updateBlock(m(s).state.selectedBlockId, e),
|
|
2575
2595
|
onDeleteBlock: a[5] ||= () => {
|
|
2576
2596
|
m(s).state.selectedBlockId && m(K).blockActions.deleteBlock(m(s).state.selectedBlockId);
|
|
@@ -2589,8 +2609,8 @@ var zn = ["aria-label"], Bn = {
|
|
|
2589
2609
|
ref: (e) => m(K).popoverRoot.value = e,
|
|
2590
2610
|
class: "tpl-popover-root"
|
|
2591
2611
|
}, null, 512),
|
|
2592
|
-
v(
|
|
2593
|
-
v(
|
|
2612
|
+
v(mi),
|
|
2613
|
+
v(Fi),
|
|
2594
2614
|
m(E)?.isAvailable.value ? (e(), w(m(k), {
|
|
2595
2615
|
key: 0,
|
|
2596
2616
|
feature: m(E)
|
|
@@ -2635,26 +2655,26 @@ var zn = ["aria-label"], Bn = {
|
|
|
2635
2655
|
"cloud",
|
|
2636
2656
|
"ready"
|
|
2637
2657
|
])) : O("", !0),
|
|
2638
|
-
m(
|
|
2639
|
-
], 46,
|
|
2658
|
+
m(te) ? (e(), w(wr, { key: 6 })) : O("", !0)
|
|
2659
|
+
], 46, Ii));
|
|
2640
2660
|
}
|
|
2641
|
-
}), [["__scopeId", "data-v-
|
|
2661
|
+
}), [["__scopeId", "data-v-d04b2cd0"]]);
|
|
2642
2662
|
//#endregion
|
|
2643
2663
|
//#region src/utils/renderProvider.ts
|
|
2644
|
-
function
|
|
2664
|
+
function Wi(e) {
|
|
2645
2665
|
return {
|
|
2646
2666
|
customFonts: e.customFonts.value,
|
|
2647
2667
|
defaultFallback: e.defaultFallback.value
|
|
2648
2668
|
};
|
|
2649
2669
|
}
|
|
2650
|
-
async function
|
|
2651
|
-
let t =
|
|
2652
|
-
return await
|
|
2653
|
-
content:
|
|
2670
|
+
async function Gi(e) {
|
|
2671
|
+
let t = G(e.getContent()), n = e.getLayout?.(), r = n ? ee(n, t) : t;
|
|
2672
|
+
return n || (te(r), ae(r)), await Xt(r, { renderCustomBlock: e.renderCustomBlock }), {
|
|
2673
|
+
content: r,
|
|
2654
2674
|
fonts: e.getFonts()
|
|
2655
2675
|
};
|
|
2656
2676
|
}
|
|
2657
|
-
function
|
|
2677
|
+
function Ki(e) {
|
|
2658
2678
|
async function t() {
|
|
2659
2679
|
let t = e.provider, n = t?.toMjml?.bind(t);
|
|
2660
2680
|
return n ? n(await e.buildPayload()) : e.renderLocalMjml();
|
|
@@ -2677,50 +2697,50 @@ function Fi(e) {
|
|
|
2677
2697
|
}
|
|
2678
2698
|
//#endregion
|
|
2679
2699
|
//#region \0virtual:editor-css
|
|
2680
|
-
var Ii = "@import\"https://fonts.bunny.net/css?family=geist:400,500,600\";.tpl-loading-track[data-v-e61f3b63]{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-e61f3b63 3s ease-in-out infinite}@keyframes tpl-loading-flow-e61f3b63{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.tpl-loading-track[data-v-e61f3b63]{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}.tpl-canvas--dark-mode[data-v-5153811a] .tpl-block-content:not(.tpl-block-content *){filter:invert(1) hue-rotate(180deg)}[data-v-5153811a] .tpl-block-content{transition:filter .3s ease}.tpl-canvas--dark-mode[data-v-5153811a] .tpl-block-content img{filter:invert(1) hue-rotate(180deg)}.tpl-icon-enter-active[data-v-632aa74f],.tpl-icon-leave-active[data-v-632aa74f]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-632aa74f],.tpl-icon-leave-to[data-v-632aa74f]{opacity:0;transform:scale(.8)}.tpl-dark-mode-toggle[data-v-632aa74f]:hover{background-color:var(--tpl-bg-hover)}.tpl-dark-mode-toggle[data-v-632aa74f]:active{transform:scale(.92)}.tpl-icon-enter-active[data-v-eef7b2ca],.tpl-icon-leave-active[data-v-eef7b2ca]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-eef7b2ca],.tpl-icon-leave-to[data-v-eef7b2ca]{opacity:0;transform:scale(.8)}.tpl-preview-toggle[data-v-eef7b2ca]:hover{background-color:var(--tpl-bg-hover)}.tpl-preview-toggle[data-v-eef7b2ca]:active{transform:scale(.92)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tpl-comet-angle:0deg;--tpl-comet-start:100%}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-md:calc(.375 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tpl-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tpl-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\\:pointer-events-auto{pointer-events:auto}.tpl\\:pointer-events-none{pointer-events:none}.tpl\\:invisible{visibility:hidden}.tpl\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl\\:absolute{position:absolute}.tpl\\:fixed{position:fixed}.tpl\\:relative{position:relative}.tpl\\:sticky{position:sticky}.tpl\\:inset-0{inset:0}.tpl\\:inset-x-0{inset-inline:0}.tpl\\:inset-y-1{inset-block:calc(var(--tpl-base-size) / 4)}.tpl\\:-top-0\\.5{top:calc(calc(var(--tpl-base-size) / 4) * -.5)}.tpl\\:-top-1{top:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:top-0{top:0}.tpl\\:top-1{top:calc(var(--tpl-base-size) / 4)}.tpl\\:top-1\\.5{top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:top-1\\/2{top:50%}.tpl\\:top-2{top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:top-14{top:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:top-16{top:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:top-\\[104px\\]{top:104px}.tpl\\:top-full{top:100%}.tpl\\:-right-1{right:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:-right-2{right:calc(calc(var(--tpl-base-size) / 4) * -2)}.tpl\\:right-0{right:0}.tpl\\:right-1{right:calc(var(--tpl-base-size) / 4)}.tpl\\:right-1\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:right-2{right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:right-2\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:right-\\[320px\\]{right:320px}.tpl\\:right-\\[360px\\]{right:360px}.tpl\\:right-\\[680px\\]{right:680px}.tpl\\:bottom-0{bottom:0}.tpl\\:bottom-1{bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:bottom-10{bottom:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:bottom-full{bottom:100%}.tpl\\:-left-1{left:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:left-0{left:0}.tpl\\:left-1\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:left-1\\/2{left:50%}.tpl\\:left-2\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:left-3{left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:left-5{left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:left-12{left:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:z-10{z-index:10}.tpl\\:z-40{z-index:40}.tpl\\:z-50{z-index:50}.tpl\\:z-\\[4\\]{z-index:4}.tpl\\:z-\\[5\\]{z-index:5}.tpl\\:z-\\[60\\]{z-index:60}.tpl\\:z-\\[100\\]{z-index:100}.tpl\\:m-0{margin:0}.tpl\\:m-6{margin:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-0\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mx-1{margin-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:mx-1\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mx-3{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mx-4{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mx-6{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-auto{margin-inline:auto}.tpl\\:mt-0\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mt-1{margin-top:calc(var(--tpl-base-size) / 4)}.tpl\\:mt-1\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mt-2{margin-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mt-3{margin-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mt-4{margin-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:\\!mb-0{margin-bottom:0!important}.tpl\\:mb-1{margin-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:mb-1\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mb-2{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mb-2\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:mb-3{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mb-3\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:mb-4{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mb-px{margin-bottom:1px}.tpl\\:-ml-48{margin-left:calc(calc(var(--tpl-base-size) / 4) * -48)}.tpl\\:ml-0{margin-left:0}.tpl\\:ml-0\\.5{margin-left:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:ml-1{margin-left:calc(var(--tpl-base-size) / 4)}.tpl\\:ml-5{margin-left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:ml-auto{margin-left:auto}.tpl\\:line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:\\!flex{display:flex!important}.tpl\\:block{display:block}.tpl\\:flex{display:flex}.tpl\\:grid{display:grid}.tpl\\:hidden{display:none}.tpl\\:inline{display:inline}.tpl\\:inline-block{display:inline-block}.tpl\\:inline-flex{display:inline-flex}.tpl\\:aspect-square{aspect-ratio:1}.tpl\\:size-1\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 1.5);height:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:size-2{width:calc(calc(var(--tpl-base-size) / 4) * 2);height:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:size-3{width:calc(calc(var(--tpl-base-size) / 4) * 3);height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:size-4{width:calc(calc(var(--tpl-base-size) / 4) * 4);height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:size-4\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 4.5);height:calc(calc(var(--tpl-base-size) / 4) * 4.5)}.tpl\\:size-5{width:calc(calc(var(--tpl-base-size) / 4) * 5);height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:size-6{width:calc(calc(var(--tpl-base-size) / 4) * 6);height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:size-7{width:calc(calc(var(--tpl-base-size) / 4) * 7);height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:size-8{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:size-10{width:calc(calc(var(--tpl-base-size) / 4) * 10);height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:size-16{width:calc(calc(var(--tpl-base-size) / 4) * 16);height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:size-full{width:100%;height:100%}.tpl\\:h-0{height:0}.tpl\\:h-2\\.5{height:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:h-3{height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:h-4{height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:h-5{height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:h-6{height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:h-7{height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:h-8{height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:h-9{height:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:h-10{height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:h-12{height:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:h-14{height:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:h-16{height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:h-32{height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:h-44{height:calc(calc(var(--tpl-base-size) / 4) * 44)}.tpl\\:h-\\[32px\\]{height:32px}.tpl\\:h-auto{height:auto}.tpl\\:h-full{height:100%}.tpl\\:max-h-24{max-height:calc(calc(var(--tpl-base-size) / 4) * 24)}.tpl\\:max-h-32{max-height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:max-h-48{max-height:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:max-h-56{max-height:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:max-h-64{max-height:calc(calc(var(--tpl-base-size) / 4) * 64)}.tpl\\:max-h-\\[50vh\\]{max-height:50vh}.tpl\\:max-h-\\[60vh\\]{max-height:60vh}.tpl\\:max-h-\\[80\\%\\]{max-height:80%}.tpl\\:max-h-\\[80vh\\]{max-height:80vh}.tpl\\:max-h-\\[90\\%\\]{max-height:90%}.tpl\\:max-h-\\[90vh\\]{max-height:90vh}.tpl\\:max-h-full{max-height:100%}.tpl\\:min-h-0{min-height:0}.tpl\\:min-h-6{min-height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-h-10{min-height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:min-h-20{min-height:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:min-h-\\[1\\.5em\\]{min-height:1.5em}.tpl\\:min-h-\\[1em\\]{min-height:1em}.tpl\\:min-h-\\[48px\\]{min-height:48px}.tpl\\:min-h-\\[60px\\]{min-height:60px}.tpl\\:min-h-\\[64px\\]{min-height:64px}.tpl\\:min-h-\\[68px\\]{min-height:68px}.tpl\\:min-h-\\[72px\\]{min-height:72px}.tpl\\:min-h-\\[80px\\]{min-height:80px}.tpl\\:min-h-\\[100px\\]{min-height:100px}.tpl\\:min-h-\\[120px\\]{min-height:120px}.tpl\\:min-h-\\[150px\\]{min-height:150px}.tpl\\:min-h-\\[400px\\]{min-height:400px}.tpl\\:w-1\\/2{width:50%}.tpl\\:w-1\\/3{width:33.3333%}.tpl\\:w-1\\/4{width:25%}.tpl\\:w-2\\/3{width:66.6667%}.tpl\\:w-3\\/4{width:75%}.tpl\\:w-5\\/6{width:83.3333%}.tpl\\:w-7{width:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:w-8{width:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:w-9{width:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:w-10{width:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:w-12{width:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:w-16{width:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:w-20{width:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:w-28{width:calc(calc(var(--tpl-base-size) / 4) * 28)}.tpl\\:w-32{width:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:w-36{width:calc(calc(var(--tpl-base-size) / 4) * 36)}.tpl\\:w-40{width:calc(calc(var(--tpl-base-size) / 4) * 40)}.tpl\\:w-48{width:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:w-52{width:calc(calc(var(--tpl-base-size) / 4) * 52)}.tpl\\:w-56{width:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:w-72{width:calc(calc(var(--tpl-base-size) / 4) * 72)}.tpl\\:w-\\[280px\\]{width:280px}.tpl\\:w-\\[300px\\]{width:300px}.tpl\\:w-\\[320px\\]{width:320px}.tpl\\:w-\\[360px\\]{width:360px}.tpl\\:w-\\[400px\\]{width:400px}.tpl\\:w-\\[420px\\]{width:420px}.tpl\\:w-\\[1000px\\]{width:1000px}.tpl\\:w-\\[min\\(420px\\,92vw\\)\\]{width:min(420px,92vw)}.tpl\\:w-full{width:100%}.tpl\\:w-px{width:1px}.tpl\\:max-w-2xl{max-width:calc(42 * var(--tpl-base-size))}.tpl\\:max-w-3xl{max-width:calc(48 * var(--tpl-base-size))}.tpl\\:max-w-\\[220px\\]{max-width:220px}.tpl\\:max-w-\\[240px\\]{max-width:240px}.tpl\\:max-w-\\[260px\\]{max-width:260px}.tpl\\:max-w-\\[320px\\]{max-width:320px}.tpl\\:max-w-\\[600px\\]{max-width:600px}.tpl\\:max-w-\\[calc\\(100\\%_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100% - 2 * var(--tpl-base-size))}.tpl\\:max-w-\\[calc\\(100vw_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100vw - 2 * var(--tpl-base-size))}.tpl\\:max-w-full{max-width:100%}.tpl\\:max-w-md{max-width:calc(28 * var(--tpl-base-size))}.tpl\\:max-w-sm{max-width:calc(24 * var(--tpl-base-size))}.tpl\\:min-w-0{min-width:0}.tpl\\:min-w-6{min-width:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-w-\\[20px\\]{min-width:20px}.tpl\\:min-w-\\[200px\\]{min-width:200px}.tpl\\:flex-1{flex:1}.tpl\\:flex-shrink-0,.tpl\\:shrink-0{flex-shrink:0}.tpl\\:origin-top-right{transform-origin:100% 0}.tpl\\:-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-4{--tw-translate-x:calc(calc(var(--tpl-base-size) / 4) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-2{--tw-translate-y:calc(calc(var(--tpl-base-size) / 4) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-1{--tw-translate-y:calc(var(--tpl-base-size) / 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-\\[-8px\\]{--tw-translate-y:-8px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:-rotate-90{rotate:-90deg}.tpl\\:rotate-0{rotate:0deg}.tpl\\:rotate-45{rotate:45deg}.tpl\\:rotate-90{rotate:90deg}.tpl\\:rotate-180{rotate:180deg}.tpl\\:animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.tpl\\:animate-spin{animation:1s linear infinite spin}.tpl\\:cursor-default{cursor:default}.tpl\\:cursor-grab{cursor:grab}.tpl\\:cursor-help{cursor:help}.tpl\\:cursor-not-allowed{cursor:not-allowed}.tpl\\:cursor-pointer{cursor:pointer}.tpl\\:resize-none{resize:none}.tpl\\:resize-y{resize:vertical}.tpl\\:list-none{list-style-type:none}.tpl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tpl\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.tpl\\:grid-cols-\\[1fr_auto_1fr\\]{grid-template-columns:1fr auto 1fr}.tpl\\:flex-col{flex-direction:column}.tpl\\:flex-row-reverse{flex-direction:row-reverse}.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-3\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:gap-4{gap:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:gap-5{gap:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:gap-6{gap:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:gap-10{gap:calc(calc(var(--tpl-base-size) / 4) * 10)}:where(.tpl\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tpl-base-size) / 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tpl-base-size) / 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * calc(1 - var(--tw-space-y-reverse)))}.tpl\\:gap-x-1{column-gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-x-3{column-gap:calc(calc(var(--tpl-base-size) / 4) * 3)}:where(.tpl\\:-space-x-1\\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}.tpl\\:gap-y-0\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-y-1\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:self-end{align-self:flex-end}.tpl\\:self-start{align-self:flex-start}.tpl\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tpl\\:overflow-auto{overflow:auto}.tpl\\:overflow-hidden{overflow:hidden}.tpl\\:overflow-x-auto{overflow-x:auto}.tpl\\:overflow-y-auto{overflow-y:auto}.tpl\\:rounded{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-\\[calc\\(var\\(--tpl-radius-sm\\)-2px\\)\\]{border-radius:calc(var(--tpl-radius-sm) - 2px)}.tpl\\:rounded-\\[var\\(--tpl-radius\\)\\]{border-radius:var(--tpl-radius)}.tpl\\:rounded-\\[var\\(--tpl-radius-lg\\)\\]{border-radius:var(--tpl-radius-lg)}.tpl\\:rounded-\\[var\\(--tpl-radius-md\\)\\]{border-radius:var(--tpl-radius-md)}.tpl\\:rounded-\\[var\\(--tpl-radius-sm\\)\\]{border-radius:var(--tpl-radius-sm)}.tpl\\:rounded-full{border-radius:3.40282e38px}.tpl\\:rounded-lg{border-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-md{border-radius:calc(.375 * var(--tpl-base-size))}.tpl\\:rounded-sm{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-xl{border-radius:calc(.75 * var(--tpl-base-size))}.tpl\\:rounded-l-\\[var\\(--tpl-radius-sm\\)\\]{border-top-left-radius:var(--tpl-radius-sm);border-bottom-left-radius:var(--tpl-radius-sm)}.tpl\\:rounded-tl-lg{border-top-left-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-r-\\[var\\(--tpl-radius-sm\\)\\]{border-top-right-radius:var(--tpl-radius-sm);border-bottom-right-radius:var(--tpl-radius-sm)}.tpl\\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.tpl\\:border{border-style:var(--tw-border-style);border-width:1px}.tpl\\:border-0{border-style:var(--tw-border-style);border-width:0}.tpl\\:border-2{border-style:var(--tw-border-style);border-width:2px}.tpl\\:border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.tpl\\:border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.tpl\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.tpl\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.tpl\\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.tpl\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.tpl\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.tpl\\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.tpl\\:border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.tpl\\:border-dashed{--tw-border-style:dashed;border-style:dashed}.tpl\\:border-none{--tw-border-style:none;border-style:none}.tpl\\:border-\\[var\\(--tpl-bg\\)\\]{border-color:var(--tpl-bg)}.tpl\\:border-\\[var\\(--tpl-border\\)\\]{border-color:var(--tpl-border)}.tpl\\:border-\\[var\\(--tpl-border-light\\)\\]{border-color:var(--tpl-border-light)}.tpl\\:border-\\[var\\(--tpl-danger\\)\\]{border-color:var(--tpl-danger)}.tpl\\:border-\\[var\\(--tpl-primary\\)\\]{border-color:var(--tpl-primary)}.tpl\\:border-\\[var\\(--tpl-primary-hover\\)\\]{border-color:var(--tpl-primary-hover)}.tpl\\:border-\\[var\\(--tpl-warning\\)\\]{border-color:var(--tpl-warning)}.tpl\\:border-transparent{border-color:#0000}.tpl\\:border-l-\\[var\\(--tpl-primary\\)\\]{border-left-color:var(--tpl-primary)}.tpl\\:border-l-transparent{border-left-color:#0000}.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:var(--tpl-bg)}@supports (color:color-mix(in lab,red,red)){.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:color-mix(in srgb,var(--tpl-bg) 90%,transparent)}}.tpl\\:bg-\\[var\\(--tpl-bg\\)\\]{background-color:var(--tpl-bg)}.tpl\\:bg-\\[var\\(--tpl-bg-active\\)\\]{background-color:var(--tpl-bg-active)}.tpl\\:bg-\\[var\\(--tpl-bg-elevated\\)\\]{background-color:var(--tpl-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-bg-hover\\)\\]{background-color:var(--tpl-bg-hover)}.tpl\\:bg-\\[var\\(--tpl-border\\)\\]{background-color:var(--tpl-border)}.tpl\\:bg-\\[var\\(--tpl-canvas-bg\\)\\]{background-color:var(--tpl-canvas-bg)}.tpl\\:bg-\\[var\\(--tpl-chrome-bg-elevated\\)\\]{background-color:var(--tpl-chrome-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-chrome-primary-light\\)\\]{background-color:var(--tpl-chrome-primary-light)}.tpl\\:bg-\\[var\\(--tpl-danger\\)\\]{background-color:var(--tpl-danger)}.tpl\\:bg-\\[var\\(--tpl-danger-light\\)\\]{background-color:var(--tpl-danger-light)}.tpl\\:bg-\\[var\\(--tpl-primary\\)\\]{background-color:var(--tpl-primary)}.tpl\\:bg-\\[var\\(--tpl-primary-light\\)\\]{background-color:var(--tpl-primary-light)}.tpl\\:bg-\\[var\\(--tpl-warning-light\\)\\]{background-color:var(--tpl-warning-light)}.tpl\\:bg-black\\/30{background-color:oklab(0% none none/.3)}.tpl\\:bg-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-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\\.5{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pl-3{padding-left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pl-4{padding-left:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-8{padding-left:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pl-9{padding-left:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:pl-\\[18px\\]{padding-left:18px}.tpl\\:text-center{text-align:center}.tpl\\:text-left{text-align:left}.tpl\\:font-\\[inherit\\]{font-family:inherit}.tpl\\:font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tpl\\:font-sans{font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tpl\\:text-4xl{font-size:calc(2.25 * var(--tpl-base-size));line-height:var(--tw-leading,calc(2.5 / 2.25))}.tpl\\:text-base{font-size:var(--tpl-base-size);line-height:var(--tw-leading, 1.5 )}.tpl\\:text-lg{font-size:calc(1.125 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.75 / 1.125))}.tpl\\:text-sm{font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875))}.tpl\\:text-xs{font-size:calc(.75 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1 / .75))}.tpl\\:text-\\[0\\.8em\\]{font-size:.8em}.tpl\\:text-\\[0\\.9em\\]{font-size:.9em}.tpl\\:text-\\[1em\\]{font-size:1em}.tpl\\:text-\\[10px\\]{font-size:10px}.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\\:normal-case{text-transform:none}.tpl\\:uppercase{text-transform:uppercase}.tpl\\:italic{font-style:italic}.tpl\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tpl\\:no-underline{text-decoration-line:none}.tpl\\:underline{text-decoration-line:underline}.tpl\\:accent-\\[var\\(--tpl-primary\\)\\]{accent-color:var(--tpl-primary)}.tpl\\:opacity-0{opacity:0}.tpl\\:opacity-50{opacity:.5}.tpl\\:opacity-60{opacity:.6}.tpl\\:opacity-70{opacity:.7}.tpl\\:opacity-90{opacity:.9}.tpl\\:opacity-100{opacity:1}.tpl\\:shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-ring\\)\\]{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow\\)\\]{--tw-shadow:var(--tpl-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-lg\\)\\]{--tw-shadow:var(--tpl-shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-\\[var\\(--tpl-border\\)\\]{--tw-ring-color:var(--tpl-border)}.tpl\\:ring-\\[var\\(--tpl-primary\\)\\]{--tw-ring-color:var(--tpl-primary)}.tpl\\:ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:backdrop-blur-\\[2px\\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.tpl\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.tpl\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.tpl\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.tpl\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.tpl\\:duration-\\[80ms\\]{--tw-duration:80ms;transition-duration:80ms}.tpl\\:duration-\\[120ms\\]{--tw-duration:.12s;transition-duration:.12s}.tpl\\:ease-\\[cubic-bezier\\(0\\.16\\,1\\,0\\.3\\,1\\)\\]{--tw-ease:cubic-bezier(.16,1,.3,1);transition-timing-function:cubic-bezier(.16,1,.3,1)}.tpl\\:ease-in{--tw-ease:cubic-bezier(.4, 0, 1, 1);transition-timing-function:cubic-bezier(.4,0,1,1)}.tpl\\:ease-out{--tw-ease:cubic-bezier(0, 0, .2, 1);transition-timing-function:cubic-bezier(0,0,.2,1)}.tpl\\:outline-none{--tw-outline-style:none;outline-style:none}.tpl\\:select-none{-webkit-user-select:none;user-select:none}.tpl\\:group-focus-within\\:opacity-100:is(:where(.tpl\\:group):focus-within *){opacity:1}@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-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:var(--tpl-user-bg,oklch(99.5% .002 60));--tpl-bg-elevated:var(--tpl-user-bg-elevated,oklch(98% .004 60));--tpl-bg-hover:var(--tpl-user-bg-hover,oklch(96% .006 60));--tpl-bg-active:var(--tpl-user-bg-active,oklch(93.5% .008 60));--tpl-border:var(--tpl-user-border,oklch(92% .006 60));--tpl-border-light:var(--tpl-user-border-light,oklch(86% .01 60));--tpl-text:var(--tpl-user-text,oklch(18% .01 60));--tpl-text-muted:var(--tpl-user-text-muted,oklch(50% .015 60));--tpl-text-dim:var(--tpl-user-text-dim,oklch(68% .012 60));--tpl-primary:var(--tpl-user-primary,oklch(70% .16 55));--tpl-primary-hover:var(--tpl-user-primary-hover,oklch(63% .17 55));--tpl-primary-light:var(--tpl-user-primary-light,oklch(95% .04 55));--tpl-on-primary:var(--tpl-user-on-primary,var(--tpl-bg));--tpl-secondary:var(--tpl-user-secondary,oklch(60% .118 184.71));--tpl-secondary-hover:var(--tpl-user-secondary-hover,oklch(53.2% .105 186.39));--tpl-secondary-light:var(--tpl-user-secondary-light,oklch(93.8% .03 186.82));--tpl-success:var(--tpl-user-success,oklch(62.8% .194 155.1));--tpl-success-light:var(--tpl-user-success-light,oklch(93.6% .043 163.51));--tpl-warning:var(--tpl-user-warning,oklch(76.9% .168 70.08));--tpl-warning-light:var(--tpl-user-warning-light,oklch(95% .038 73.59));--tpl-danger:var(--tpl-user-danger,oklch(63.7% .237 25.33));--tpl-danger-light:var(--tpl-user-danger-light,oklch(93.6% .032 17.72));--tpl-canvas-bg:var(--tpl-user-canvas-bg,oklch(97.5% .003 60));--tpl-chrome-bg-elevated:var(--tpl-bg-elevated);--tpl-chrome-border-light:var(--tpl-border-light);--tpl-chrome-text:var(--tpl-text);--tpl-chrome-text-muted:var(--tpl-text-muted);--tpl-chrome-text-dim:var(--tpl-text-dim);--tpl-chrome-primary-light:var(--tpl-primary-light);--tpl-chrome-primary-hover:var(--tpl-primary-hover);--tpl-radius:var(--tpl-user-radius,10px);--tpl-radius-sm:var(--tpl-user-radius-sm,7px);--tpl-radius-lg:var(--tpl-user-radius-lg,14px);--tpl-font-family:var(--tpl-user-font-family,\"Geist\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");--tpl-shadow-sm:var(--tpl-user-shadow-sm,0 1px 2px #00000008);--tpl-shadow:var(--tpl-user-shadow,0 1px 2px #0000000a, 0 1px 3px #00000008);--tpl-shadow-md:var(--tpl-user-shadow-md,0 2px 8px #0000000f, 0 1px 3px #0000000a);--tpl-shadow-lg:var(--tpl-user-shadow-lg,0 4px 16px #00000014, 0 2px 6px #0000000a);--tpl-shadow-xl:var(--tpl-user-shadow-xl,0 8px 32px #0000001a, 0 4px 12px #0000000f);--tpl-overlay:var(--tpl-user-overlay,#00000080);--tpl-ring:var(--tpl-user-ring,0 0 0 3px var(--tpl-primary-light));--tpl-transition:var(--tpl-user-transition,.12s cubic-bezier(.16, 1, .3, 1))}.tpl[data-tpl-theme=dark]{--tpl-bg:var(--tpl-user-dark-bg,oklch(16% .005 60));--tpl-bg-elevated:var(--tpl-user-dark-bg-elevated,oklch(21% .006 60));--tpl-bg-hover:var(--tpl-user-dark-bg-hover,oklch(26% .007 60));--tpl-bg-active:var(--tpl-user-dark-bg-active,oklch(30% .008 60));--tpl-border:var(--tpl-user-dark-border,oklch(30% .006 60));--tpl-border-light:var(--tpl-user-dark-border-light,oklch(38% .008 60));--tpl-text:var(--tpl-user-dark-text,oklch(93% .005 60));--tpl-text-muted:var(--tpl-user-dark-text-muted,oklch(65% .01 60));--tpl-text-dim:var(--tpl-user-dark-text-dim,oklch(50% .008 60));--tpl-primary:var(--tpl-user-dark-primary,oklch(73% .15 55));--tpl-primary-hover:var(--tpl-user-dark-primary-hover,oklch(78% .14 55));--tpl-primary-light:var(--tpl-user-dark-primary-light,oklch(28% .05 55));--tpl-secondary:var(--tpl-user-dark-secondary,oklch(63% .11 184.71));--tpl-secondary-hover:var(--tpl-user-dark-secondary-hover,oklch(68% .1 186.39));--tpl-secondary-light:var(--tpl-user-dark-secondary-light,oklch(25% .03 186.82));--tpl-success:var(--tpl-user-dark-success,oklch(65% .18 155.1));--tpl-success-light:var(--tpl-user-dark-success-light,oklch(25% .04 163.51));--tpl-warning:var(--tpl-user-dark-warning,oklch(78% .16 70.08));--tpl-warning-light:var(--tpl-user-dark-warning-light,oklch(28% .04 73.59));--tpl-danger:var(--tpl-user-dark-danger,oklch(65% .22 25.33));--tpl-danger-light:var(--tpl-user-dark-danger-light,oklch(25% .04 17.72));--tpl-canvas-bg:var(--tpl-user-dark-canvas-bg,oklch(10% .003 60));--tpl-shadow-sm:var(--tpl-user-dark-shadow-sm,0 1px 2px #0003);--tpl-shadow:var(--tpl-user-dark-shadow,0 1px 2px #0000004d, 0 1px 3px #0003);--tpl-shadow-md:var(--tpl-user-dark-shadow-md,0 2px 8px #00000059, 0 1px 3px #00000040);--tpl-shadow-lg:var(--tpl-user-dark-shadow-lg,0 4px 16px #0006, 0 2px 6px #0000004d);--tpl-shadow-xl:var(--tpl-user-dark-shadow-xl,0 8px 32px #00000080, 0 4px 12px #00000059);--tpl-overlay:var(--tpl-user-dark-overlay,#000000b3);--tpl-ring:var(--tpl-user-dark-ring,0 0 0 3px var(--tpl-primary-light))}.tpl[data-tpl-theme=dark] .tpl-block-content{--tpl-bg-elevated:oklch(98% .004 60);--tpl-border-light:oklch(86% .01 60);--tpl-text:oklch(18% .01 60);--tpl-text-muted:oklch(50% .015 60);--tpl-text-dim:oklch(68% .012 60);--tpl-primary-light:oklch(95% .04 55);--tpl-primary-hover:oklch(60% .16 55);color:var(--tpl-text)}.tpl{height:100%;font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875));--tw-leading:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tpl-bg);min-height:320px;color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family);letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-align:start;white-space:normal;cursor:auto;font-variant-numeric:normal;text-shadow:none;flex-direction:column;font-style:normal;font-weight:400;list-style-type:disc;display:flex}:where(.tpl) button,:where(.tpl) input,:where(.tpl) select,:where(.tpl) textarea{box-sizing:border-box;font-family:inherit}:where(.tpl) button{cursor:pointer;background:0 0;border:none;margin:0;padding:0}:where(.tpl) button:focus-visible,:where(.tpl) input:focus-visible,:where(.tpl) select:focus-visible,:where(.tpl) textarea:focus-visible{box-shadow:var(--tpl-ring);outline:none}:where(.tpl) .tpl-focus-ring-host:focus-within :is(input,select,textarea):focus-visible{box-shadow:none}.tpl ::-webkit-scrollbar{width:6px;height:6px}.tpl ::-webkit-scrollbar-track{background:0 0}.tpl ::-webkit-scrollbar-thumb{background-color:var(--tpl-border-light)}@supports (color:color-mix(in lab,red,red)){.tpl ::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--tpl-border-light) 60%,transparent)}}.tpl ::-webkit-scrollbar-thumb{border-radius:calc(.25 * var(--tpl-base-size))}.tpl ::-webkit-scrollbar-thumb:hover{background-color:var(--tpl-border-light)}@keyframes tpl-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes tpl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tpl-popover-root{z-index:10000;position:relative}.tpl-merge-tag-label{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@supports (color:color-mix(in lab,red,red)){.tpl-merge-tag-label{-webkit-text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)}}.tpl-merge-tag-label{unicode-bidi:isolate}.tpl-pulse{animation:2s infinite tpl-pulse}.tpl-spinner{animation:1s linear infinite tpl-spin}@keyframes tpl-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tpl-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes tpl-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tpl-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) tpl-fade-in}.tpl-scale-in{animation:.15s cubic-bezier(.16,1,.3,1) tpl-scale-in}.tpl-shimmer{background:linear-gradient(90deg,var(--tpl-bg-hover) 25%,var(--tpl-bg-active) 50%,var(--tpl-bg-hover) 75%);background-size:200% 100%;animation:1.5s linear infinite tpl-shimmer}.tpl-preview-mode .tpl-block--idle,.tpl-preview-mode .tpl-block--idle:hover,.tpl-preview-mode .tpl-block--selected{box-shadow:none!important;outline:none!important}.tpl-preview-mode .tpl-block{cursor:default;pointer-events:none}.tpl-preview-mode .tpl-block-actions,.tpl-preview-mode .tpl-block-hidden-overlay,.tpl-preview-mode .tpl-condition-toggle,.tpl-preview-mode .tpl-comment-indicator,.tpl-preview-mode .tpl-collab-lock{display:none}.tpl-ghost{border:none!important;border-top:2px dotted var(--tpl-primary)!important;background-color:#0000!important;justify-content:center!important;align-items:center!important;width:100%!important;height:0!important;min-height:0!important;max-height:0!important;margin:12px 0!important;padding:0!important;display:flex!important;position:relative!important;overflow:visible!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost{border-top:2px dotted color-mix(in srgb,var(--tpl-primary) 50%,transparent)!important}}.tpl-ghost{box-shadow:none!important;border-radius:0!important}.tpl-ghost>*{display:none!important}.tpl-ghost:before{content:var(--tpl-drop-text,\"Drop here\");white-space:nowrap!important;color:var(--tpl-primary)!important;background-color:var(--tpl-primary)!important;padding:2px 8px!important;font-size:12px!important;font-weight:500!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost:before{background-color:color-mix(in srgb,var(--tpl-primary) 15%,var(--tpl-bg))!important}}.tpl-ghost:before{border-radius:var(--tpl-radius-sm)!important;box-shadow:none!important}.tpl-canvas-empty .tpl-ghost{display:none!important}.tpl-dragging{opacity:.8;box-shadow:var(--tpl-shadow-xl)}.sortable-fallback{transition:none!important;animation:none!important}.tpl-block--lifted{outline:2px dashed var(--tpl-primary)!important;outline-offset:2px!important;box-shadow:var(--tpl-shadow-xl),0 0 0 4px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-block--lifted{box-shadow:var(--tpl-shadow-xl),0 0 0 4px color-mix(in srgb,var(--tpl-primary) 20%,transparent)!important}}.tpl-block--lifted{transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transform:scale(1.01)}.tpl-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl-text-toolbar-btn{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8);cursor:pointer;border-radius:calc(.25 * var(--tpl-base-size));--tw-border-style:none;transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s);color:var(--tpl-text);background-color:#0000;border-style:none;justify-content:center;align-items:center;padding:0;display:flex}.tpl-text-toolbar-btn:hover{background-color:var(--tpl-bg-active)}.tpl-text-toolbar-btn--active{box-shadow:inset 0 0 0 1.5px var(--tpl-primary-hover);background-color:var(--tpl-primary)!important;color:var(--tpl-bg)!important}.tpl-text-toolbar-btn--active svg{stroke-width:2.75px}.tpl-text-content,.tpl-text-editable .tiptap{--tw-outline-style:none;outline-style:none}.tpl-text-editable{border-radius:calc(.25 * var(--tpl-base-size));border-style:var(--tw-border-style);--tw-border-style:dashed;padding:calc(calc(var(--tpl-base-size) / 4) * 2);border-style:dashed;border-width:1px;border-color:var(--tpl-primary);min-height:1.5em}.tpl-text-content p,.tpl-text-editable .tiptap p{margin:0 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-inline-start: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);unicode-bidi:isolate}.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);unicode-bidi:isolate;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-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-spinner{animation:1s linear infinite tpl-spin}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.tpl-preview-pill-enter-active[data-v-433680d1]{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.tpl-preview-pill-leave-active[data-v-433680d1]{transition:opacity .15s ease-in,transform .15s ease-in}.tpl-preview-pill-enter-from[data-v-433680d1],.tpl-preview-pill-leave-to[data-v-433680d1]{opacity:0;transform:translateY(-8px) scale(.9)}.tpl-preview-pill-enter-to[data-v-433680d1],.tpl-preview-pill-leave-from[data-v-433680d1]{opacity:1;transform:translateY(0) scale(1)}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-pulse-fill[data-v-fca026e4]{animation:tpl-field-pulse-fca026e4 1s ease-out}@keyframes tpl-field-pulse-fca026e4{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-fca026e4]{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-1038bf62]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.16,1,.3,1)}.tpl-collapsible--open[data-v-1038bf62]{grid-template-rows:1fr}.tpl-collapsible>div[data-v-1038bf62]{overflow:hidden}.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-media-item[data-v-373617e3]:not(.tpl-media-item--selected):hover{border-color:var(--tpl-border)!important}.tpl-media-list-item[data-v-373617e3]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-list-icon[data-v-373617e3]{transform:scale(.35);transform-origin:center}.tpl-preview-icon[data-v-c3c1707e]{transform:scale(.45);transform-origin:center}.tpl-comments-slide-enter-active[data-v-32af5912]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-comments-slide-leave-active[data-v-32af5912]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-comments-input-wrapper[data-v-32af5912]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-comments-send-btn[data-v-32af5912]:not(:disabled):hover{transform:scale(1.05)}.tpl-comment-filter[data-v-32af5912]{color:var(--tpl-text-muted);background-color:transparent}.tpl-comment-filter[data-v-32af5912]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-filter--active[data-v-32af5912]{background-color:var(--tpl-primary-light);color:var(--tpl-primary)}.tpl-comment-action[data-v-32af5912]{color:var(--tpl-text-dim);background-color:transparent}.tpl-comment-action[data-v-32af5912]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-delete[data-v-32af5912]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-comment-card[data-v-32af5912],.tpl-comment-reply-card[data-v-32af5912]{border-color:var(--tpl-border);background-color:var(--tpl-bg)}.tpl-resolve-enter-active[data-v-32af5912],.tpl-resolve-leave-active[data-v-32af5912]{transition:opacity .3s ease,transform .3s ease}.tpl-resolve-enter-from[data-v-32af5912],.tpl-resolve-leave-to[data-v-32af5912]{opacity:0;transform:translateY(-4px)}.tpl-resolve-icon[data-v-32af5912]{transition:color .3s ease,transform .2s ease}.tpl-resolve-icon[data-v-32af5912]:active{transform:scale(1.3)}.tpl-replies-enter-active[data-v-32af5912],.tpl-replies-leave-active[data-v-32af5912]{transition:opacity .25s ease,transform .25s ease}.tpl-replies-enter-from[data-v-32af5912],.tpl-replies-leave-to[data-v-32af5912]{opacity:0;transform:translateY(-4px)}.tpl-ai-slide-enter-active[data-v-0a3b048c]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-ai-slide-leave-active[data-v-0a3b048c]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-ai-input-wrapper[data-v-0a3b048c]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-ai-send-btn[data-v-0a3b048c]:not(:disabled):hover{transform:scale(1.05)}.tpl-suggestion-btn[data-v-0a3b048c]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-design-slide-enter-active[data-v-a5a76ec5]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-design-slide-leave-active[data-v-a5a76ec5]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-design-prompt-input[data-v-a5a76ec5]:focus{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-design-dropzone[data-v-a5a76ec5]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-scoring-slide-enter-active[data-v-165e948a]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-scoring-slide-leave-active[data-v-165e948a]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-scoring-fix-btn[data-v-165e948a]:not(:disabled):hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-ai-feature-menu-item[data-v-bf59b787]:hover{background-color:var(--tpl-bg-hover)!important}.vue-advanced-cropper{text-align:center;position:relative;-webkit-user-select:none;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{-webkit-user-select:none;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;-webkit-user-select:none;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;-webkit-user-select:none;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-51052195] .tpl-cropper-background{background-color:var(--tpl-bg)!important}[data-v-51052195] .vue-advanced-cropper{background-color:transparent!important}[data-v-51052195] .vue-advanced-cropper__background{background-color:var(--tpl-bg)!important}[data-v-51052195] .vue-advanced-cropper__foreground{background-color:var(--tpl-overlay)!important}\n/*$vite$:1*/", Li = null;
|
|
2681
|
-
function
|
|
2682
|
-
if (
|
|
2700
|
+
var qi = "@import\"https://fonts.bunny.net/css?family=geist:400,500,600\";.tpl-loading-track[data-v-e61f3b63]{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-e61f3b63 3s ease-in-out infinite}@keyframes tpl-loading-flow-e61f3b63{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.tpl-loading-track[data-v-e61f3b63]{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}.tpl-canvas--dark-mode[data-v-699490d7] .tpl-block-content:not(.tpl-block-content *){filter:invert(1) hue-rotate(180deg)}[data-v-699490d7] .tpl-block-content{transition:filter .3s ease}.tpl-canvas--dark-mode[data-v-699490d7] .tpl-block-content img{filter:invert(1) hue-rotate(180deg)}.tpl-icon-enter-active[data-v-632aa74f],.tpl-icon-leave-active[data-v-632aa74f]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-632aa74f],.tpl-icon-leave-to[data-v-632aa74f]{opacity:0;transform:scale(.8)}.tpl-dark-mode-toggle[data-v-632aa74f]:hover{background-color:var(--tpl-bg-hover)}.tpl-dark-mode-toggle[data-v-632aa74f]:active{transform:scale(.92)}.tpl-icon-enter-active[data-v-eef7b2ca],.tpl-icon-leave-active[data-v-eef7b2ca]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-eef7b2ca],.tpl-icon-leave-to[data-v-eef7b2ca]{opacity:0;transform:scale(.8)}.tpl-preview-toggle[data-v-eef7b2ca]:hover{background-color:var(--tpl-bg-hover)}.tpl-preview-toggle[data-v-eef7b2ca]:active{transform:scale(.92)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tpl-comet-angle:0deg;--tpl-comet-start:100%}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-md:calc(.375 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tpl-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tpl-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\\:pointer-events-auto{pointer-events:auto}.tpl\\:pointer-events-none{pointer-events:none}.tpl\\:invisible{visibility:hidden}.tpl\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl\\:absolute{position:absolute}.tpl\\:fixed{position:fixed}.tpl\\:relative{position:relative}.tpl\\:sticky{position:sticky}.tpl\\:inset-0{inset:0}.tpl\\:inset-x-0{inset-inline:0}.tpl\\:inset-y-1{inset-block:calc(var(--tpl-base-size) / 4)}.tpl\\:-top-0\\.5{top:calc(calc(var(--tpl-base-size) / 4) * -.5)}.tpl\\:-top-1{top:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:top-0{top:0}.tpl\\:top-1{top:calc(var(--tpl-base-size) / 4)}.tpl\\:top-1\\.5{top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:top-1\\/2{top:50%}.tpl\\:top-2{top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:top-14{top:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:top-16{top:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:top-\\[104px\\]{top:104px}.tpl\\:top-full{top:100%}.tpl\\:-right-1{right:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:-right-2{right:calc(calc(var(--tpl-base-size) / 4) * -2)}.tpl\\:right-0{right:0}.tpl\\:right-1{right:calc(var(--tpl-base-size) / 4)}.tpl\\:right-1\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:right-2{right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:right-2\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:right-\\[320px\\]{right:320px}.tpl\\:right-\\[360px\\]{right:360px}.tpl\\:right-\\[680px\\]{right:680px}.tpl\\:bottom-0{bottom:0}.tpl\\:bottom-1{bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:bottom-10{bottom:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:bottom-full{bottom:100%}.tpl\\:-left-1{left:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:left-0{left:0}.tpl\\:left-1\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:left-1\\/2{left:50%}.tpl\\:left-2\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:left-3{left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:left-5{left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:left-12{left:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:z-10{z-index:10}.tpl\\:z-40{z-index:40}.tpl\\:z-50{z-index:50}.tpl\\:z-\\[4\\]{z-index:4}.tpl\\:z-\\[5\\]{z-index:5}.tpl\\:z-\\[60\\]{z-index:60}.tpl\\:z-\\[100\\]{z-index:100}.tpl\\:m-0{margin:0}.tpl\\:m-6{margin:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-0\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mx-1{margin-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:mx-1\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mx-3{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mx-4{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mx-6{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-auto{margin-inline:auto}.tpl\\:mt-0\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mt-1{margin-top:calc(var(--tpl-base-size) / 4)}.tpl\\:mt-1\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mt-2{margin-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mt-3{margin-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mt-4{margin-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:\\!mb-0{margin-bottom:0!important}.tpl\\:mb-1{margin-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:mb-1\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mb-2{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mb-2\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:mb-3{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mb-3\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:mb-4{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mb-px{margin-bottom:1px}.tpl\\:-ml-48{margin-left:calc(calc(var(--tpl-base-size) / 4) * -48)}.tpl\\:ml-0{margin-left:0}.tpl\\:ml-0\\.5{margin-left:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:ml-1{margin-left:calc(var(--tpl-base-size) / 4)}.tpl\\:ml-5{margin-left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:ml-auto{margin-left:auto}.tpl\\:line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:\\!flex{display:flex!important}.tpl\\:block{display:block}.tpl\\:flex{display:flex}.tpl\\:grid{display:grid}.tpl\\:hidden{display:none}.tpl\\:inline{display:inline}.tpl\\:inline-block{display:inline-block}.tpl\\:inline-flex{display:inline-flex}.tpl\\:aspect-square{aspect-ratio:1}.tpl\\:size-1\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 1.5);height:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:size-2{width:calc(calc(var(--tpl-base-size) / 4) * 2);height:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:size-3{width:calc(calc(var(--tpl-base-size) / 4) * 3);height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:size-4{width:calc(calc(var(--tpl-base-size) / 4) * 4);height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:size-4\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 4.5);height:calc(calc(var(--tpl-base-size) / 4) * 4.5)}.tpl\\:size-5{width:calc(calc(var(--tpl-base-size) / 4) * 5);height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:size-6{width:calc(calc(var(--tpl-base-size) / 4) * 6);height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:size-7{width:calc(calc(var(--tpl-base-size) / 4) * 7);height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:size-8{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:size-10{width:calc(calc(var(--tpl-base-size) / 4) * 10);height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:size-16{width:calc(calc(var(--tpl-base-size) / 4) * 16);height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:size-full{width:100%;height:100%}.tpl\\:h-0{height:0}.tpl\\:h-2\\.5{height:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:h-3{height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:h-4{height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:h-5{height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:h-6{height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:h-7{height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:h-8{height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:h-9{height:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:h-10{height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:h-12{height:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:h-14{height:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:h-16{height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:h-32{height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:h-44{height:calc(calc(var(--tpl-base-size) / 4) * 44)}.tpl\\:h-\\[32px\\]{height:32px}.tpl\\:h-auto{height:auto}.tpl\\:h-full{height:100%}.tpl\\:max-h-24{max-height:calc(calc(var(--tpl-base-size) / 4) * 24)}.tpl\\:max-h-32{max-height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:max-h-48{max-height:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:max-h-56{max-height:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:max-h-64{max-height:calc(calc(var(--tpl-base-size) / 4) * 64)}.tpl\\:max-h-\\[50vh\\]{max-height:50vh}.tpl\\:max-h-\\[60vh\\]{max-height:60vh}.tpl\\:max-h-\\[80\\%\\]{max-height:80%}.tpl\\:max-h-\\[80vh\\]{max-height:80vh}.tpl\\:max-h-\\[90\\%\\]{max-height:90%}.tpl\\:max-h-\\[90vh\\]{max-height:90vh}.tpl\\:max-h-full{max-height:100%}.tpl\\:min-h-0{min-height:0}.tpl\\:min-h-6{min-height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-h-10{min-height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:min-h-20{min-height:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:min-h-\\[1\\.5em\\]{min-height:1.5em}.tpl\\:min-h-\\[1em\\]{min-height:1em}.tpl\\:min-h-\\[48px\\]{min-height:48px}.tpl\\:min-h-\\[60px\\]{min-height:60px}.tpl\\:min-h-\\[64px\\]{min-height:64px}.tpl\\:min-h-\\[68px\\]{min-height:68px}.tpl\\:min-h-\\[72px\\]{min-height:72px}.tpl\\:min-h-\\[80px\\]{min-height:80px}.tpl\\:min-h-\\[100px\\]{min-height:100px}.tpl\\:min-h-\\[120px\\]{min-height:120px}.tpl\\:min-h-\\[150px\\]{min-height:150px}.tpl\\:min-h-\\[400px\\]{min-height:400px}.tpl\\:w-1\\/2{width:50%}.tpl\\:w-1\\/3{width:33.3333%}.tpl\\:w-1\\/4{width:25%}.tpl\\:w-2\\/3{width:66.6667%}.tpl\\:w-3\\/4{width:75%}.tpl\\:w-5\\/6{width:83.3333%}.tpl\\:w-7{width:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:w-8{width:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:w-9{width:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:w-10{width:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:w-12{width:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:w-16{width:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:w-20{width:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:w-28{width:calc(calc(var(--tpl-base-size) / 4) * 28)}.tpl\\:w-32{width:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:w-36{width:calc(calc(var(--tpl-base-size) / 4) * 36)}.tpl\\:w-40{width:calc(calc(var(--tpl-base-size) / 4) * 40)}.tpl\\:w-48{width:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:w-52{width:calc(calc(var(--tpl-base-size) / 4) * 52)}.tpl\\:w-56{width:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:w-72{width:calc(calc(var(--tpl-base-size) / 4) * 72)}.tpl\\:w-\\[280px\\]{width:280px}.tpl\\:w-\\[300px\\]{width:300px}.tpl\\:w-\\[320px\\]{width:320px}.tpl\\:w-\\[360px\\]{width:360px}.tpl\\:w-\\[400px\\]{width:400px}.tpl\\:w-\\[420px\\]{width:420px}.tpl\\:w-\\[1000px\\]{width:1000px}.tpl\\:w-\\[min\\(420px\\,92vw\\)\\]{width:min(420px,92vw)}.tpl\\:w-full{width:100%}.tpl\\:w-px{width:1px}.tpl\\:max-w-2xl{max-width:calc(42 * var(--tpl-base-size))}.tpl\\:max-w-3xl{max-width:calc(48 * var(--tpl-base-size))}.tpl\\:max-w-\\[220px\\]{max-width:220px}.tpl\\:max-w-\\[240px\\]{max-width:240px}.tpl\\:max-w-\\[260px\\]{max-width:260px}.tpl\\:max-w-\\[320px\\]{max-width:320px}.tpl\\:max-w-\\[600px\\]{max-width:600px}.tpl\\:max-w-\\[calc\\(100\\%_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100% - 2 * var(--tpl-base-size))}.tpl\\:max-w-\\[calc\\(100vw_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100vw - 2 * var(--tpl-base-size))}.tpl\\:max-w-full{max-width:100%}.tpl\\:max-w-md{max-width:calc(28 * var(--tpl-base-size))}.tpl\\:max-w-sm{max-width:calc(24 * var(--tpl-base-size))}.tpl\\:min-w-0{min-width:0}.tpl\\:min-w-6{min-width:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-w-\\[20px\\]{min-width:20px}.tpl\\:min-w-\\[200px\\]{min-width:200px}.tpl\\:flex-1{flex:1}.tpl\\:flex-shrink-0,.tpl\\:shrink-0{flex-shrink:0}.tpl\\:origin-top-right{transform-origin:100% 0}.tpl\\:-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-4{--tw-translate-x:calc(calc(var(--tpl-base-size) / 4) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-2{--tw-translate-y:calc(calc(var(--tpl-base-size) / 4) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-1{--tw-translate-y:calc(var(--tpl-base-size) / 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-\\[-8px\\]{--tw-translate-y:-8px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:-rotate-90{rotate:-90deg}.tpl\\:rotate-0{rotate:0deg}.tpl\\:rotate-45{rotate:45deg}.tpl\\:rotate-90{rotate:90deg}.tpl\\:rotate-180{rotate:180deg}.tpl\\:animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.tpl\\:animate-spin{animation:1s linear infinite spin}.tpl\\:cursor-default{cursor:default}.tpl\\:cursor-grab{cursor:grab}.tpl\\:cursor-help{cursor:help}.tpl\\:cursor-not-allowed{cursor:not-allowed}.tpl\\:cursor-pointer{cursor:pointer}.tpl\\:resize-none{resize:none}.tpl\\:resize-y{resize:vertical}.tpl\\:list-none{list-style-type:none}.tpl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tpl\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.tpl\\:grid-cols-\\[1fr_auto_1fr\\]{grid-template-columns:1fr auto 1fr}.tpl\\:flex-col{flex-direction:column}.tpl\\:flex-row-reverse{flex-direction:row-reverse}.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-3\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:gap-4{gap:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:gap-5{gap:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:gap-6{gap:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:gap-10{gap:calc(calc(var(--tpl-base-size) / 4) * 10)}:where(.tpl\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tpl-base-size) / 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tpl-base-size) / 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * calc(1 - var(--tw-space-y-reverse)))}.tpl\\:gap-x-1{column-gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-x-3{column-gap:calc(calc(var(--tpl-base-size) / 4) * 3)}:where(.tpl\\:-space-x-1\\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}.tpl\\:gap-y-0\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-y-1\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:self-end{align-self:flex-end}.tpl\\:self-start{align-self:flex-start}.tpl\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tpl\\:overflow-auto{overflow:auto}.tpl\\:overflow-hidden{overflow:hidden}.tpl\\:overflow-x-auto{overflow-x:auto}.tpl\\:overflow-y-auto{overflow-y:auto}.tpl\\:rounded{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-\\[calc\\(var\\(--tpl-radius-sm\\)-2px\\)\\]{border-radius:calc(var(--tpl-radius-sm) - 2px)}.tpl\\:rounded-\\[var\\(--tpl-radius\\)\\]{border-radius:var(--tpl-radius)}.tpl\\:rounded-\\[var\\(--tpl-radius-lg\\)\\]{border-radius:var(--tpl-radius-lg)}.tpl\\:rounded-\\[var\\(--tpl-radius-md\\)\\]{border-radius:var(--tpl-radius-md)}.tpl\\:rounded-\\[var\\(--tpl-radius-sm\\)\\]{border-radius:var(--tpl-radius-sm)}.tpl\\:rounded-full{border-radius:3.40282e38px}.tpl\\:rounded-lg{border-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-md{border-radius:calc(.375 * var(--tpl-base-size))}.tpl\\:rounded-sm{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-xl{border-radius:calc(.75 * var(--tpl-base-size))}.tpl\\:rounded-l-\\[var\\(--tpl-radius-sm\\)\\]{border-top-left-radius:var(--tpl-radius-sm);border-bottom-left-radius:var(--tpl-radius-sm)}.tpl\\:rounded-tl-lg{border-top-left-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-r-\\[var\\(--tpl-radius-sm\\)\\]{border-top-right-radius:var(--tpl-radius-sm);border-bottom-right-radius:var(--tpl-radius-sm)}.tpl\\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.tpl\\:border{border-style:var(--tw-border-style);border-width:1px}.tpl\\:border-0{border-style:var(--tw-border-style);border-width:0}.tpl\\:border-2{border-style:var(--tw-border-style);border-width:2px}.tpl\\:border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.tpl\\:border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.tpl\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.tpl\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.tpl\\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.tpl\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.tpl\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.tpl\\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.tpl\\:border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.tpl\\:border-dashed{--tw-border-style:dashed;border-style:dashed}.tpl\\:border-none{--tw-border-style:none;border-style:none}.tpl\\:border-\\[var\\(--tpl-bg\\)\\]{border-color:var(--tpl-bg)}.tpl\\:border-\\[var\\(--tpl-border\\)\\]{border-color:var(--tpl-border)}.tpl\\:border-\\[var\\(--tpl-border-light\\)\\]{border-color:var(--tpl-border-light)}.tpl\\:border-\\[var\\(--tpl-danger\\)\\]{border-color:var(--tpl-danger)}.tpl\\:border-\\[var\\(--tpl-primary\\)\\]{border-color:var(--tpl-primary)}.tpl\\:border-\\[var\\(--tpl-primary-hover\\)\\]{border-color:var(--tpl-primary-hover)}.tpl\\:border-\\[var\\(--tpl-warning\\)\\]{border-color:var(--tpl-warning)}.tpl\\:border-transparent{border-color:#0000}.tpl\\:border-l-\\[var\\(--tpl-primary\\)\\]{border-left-color:var(--tpl-primary)}.tpl\\:border-l-transparent{border-left-color:#0000}.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:var(--tpl-bg)}@supports (color:color-mix(in lab,red,red)){.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:color-mix(in srgb,var(--tpl-bg) 90%,transparent)}}.tpl\\:bg-\\[var\\(--tpl-bg\\)\\]{background-color:var(--tpl-bg)}.tpl\\:bg-\\[var\\(--tpl-bg-active\\)\\]{background-color:var(--tpl-bg-active)}.tpl\\:bg-\\[var\\(--tpl-bg-elevated\\)\\]{background-color:var(--tpl-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-bg-hover\\)\\]{background-color:var(--tpl-bg-hover)}.tpl\\:bg-\\[var\\(--tpl-border\\)\\]{background-color:var(--tpl-border)}.tpl\\:bg-\\[var\\(--tpl-canvas-bg\\)\\]{background-color:var(--tpl-canvas-bg)}.tpl\\:bg-\\[var\\(--tpl-chrome-bg-elevated\\)\\]{background-color:var(--tpl-chrome-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-chrome-primary-light\\)\\]{background-color:var(--tpl-chrome-primary-light)}.tpl\\:bg-\\[var\\(--tpl-danger\\)\\]{background-color:var(--tpl-danger)}.tpl\\:bg-\\[var\\(--tpl-danger-light\\)\\]{background-color:var(--tpl-danger-light)}.tpl\\:bg-\\[var\\(--tpl-primary\\)\\]{background-color:var(--tpl-primary)}.tpl\\:bg-\\[var\\(--tpl-primary-light\\)\\]{background-color:var(--tpl-primary-light)}.tpl\\:bg-\\[var\\(--tpl-warning-light\\)\\]{background-color:var(--tpl-warning-light)}.tpl\\:bg-black\\/30{background-color:oklab(0% none none/.3)}.tpl\\:bg-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-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\\.5{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pl-3{padding-left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pl-4{padding-left:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-8{padding-left:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pl-9{padding-left:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:pl-\\[18px\\]{padding-left:18px}.tpl\\:text-center{text-align:center}.tpl\\:text-left{text-align:left}.tpl\\:font-\\[inherit\\]{font-family:inherit}.tpl\\:font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tpl\\:font-sans{font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tpl\\:text-4xl{font-size:calc(2.25 * var(--tpl-base-size));line-height:var(--tw-leading,calc(2.5 / 2.25))}.tpl\\:text-base{font-size:var(--tpl-base-size);line-height:var(--tw-leading, 1.5 )}.tpl\\:text-lg{font-size:calc(1.125 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.75 / 1.125))}.tpl\\:text-sm{font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875))}.tpl\\:text-xs{font-size:calc(.75 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1 / .75))}.tpl\\:text-\\[0\\.8em\\]{font-size:.8em}.tpl\\:text-\\[0\\.9em\\]{font-size:.9em}.tpl\\:text-\\[1em\\]{font-size:1em}.tpl\\:text-\\[10px\\]{font-size:10px}.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\\:normal-case{text-transform:none}.tpl\\:uppercase{text-transform:uppercase}.tpl\\:italic{font-style:italic}.tpl\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tpl\\:no-underline{text-decoration-line:none}.tpl\\:underline{text-decoration-line:underline}.tpl\\:accent-\\[var\\(--tpl-primary\\)\\]{accent-color:var(--tpl-primary)}.tpl\\:opacity-0{opacity:0}.tpl\\:opacity-50{opacity:.5}.tpl\\:opacity-60{opacity:.6}.tpl\\:opacity-70{opacity:.7}.tpl\\:opacity-90{opacity:.9}.tpl\\:opacity-100{opacity:1}.tpl\\:shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-ring\\)\\]{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow\\)\\]{--tw-shadow:var(--tpl-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-lg\\)\\]{--tw-shadow:var(--tpl-shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-\\[var\\(--tpl-border\\)\\]{--tw-ring-color:var(--tpl-border)}.tpl\\:ring-\\[var\\(--tpl-primary\\)\\]{--tw-ring-color:var(--tpl-primary)}.tpl\\:ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:backdrop-blur-\\[2px\\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.tpl\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.tpl\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.tpl\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.tpl\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.tpl\\:duration-\\[80ms\\]{--tw-duration:80ms;transition-duration:80ms}.tpl\\:duration-\\[120ms\\]{--tw-duration:.12s;transition-duration:.12s}.tpl\\:ease-\\[cubic-bezier\\(0\\.16\\,1\\,0\\.3\\,1\\)\\]{--tw-ease:cubic-bezier(.16,1,.3,1);transition-timing-function:cubic-bezier(.16,1,.3,1)}.tpl\\:ease-in{--tw-ease:cubic-bezier(.4, 0, 1, 1);transition-timing-function:cubic-bezier(.4,0,1,1)}.tpl\\:ease-out{--tw-ease:cubic-bezier(0, 0, .2, 1);transition-timing-function:cubic-bezier(0,0,.2,1)}.tpl\\:outline-none{--tw-outline-style:none;outline-style:none}.tpl\\:select-none{-webkit-user-select:none;user-select:none}.tpl\\:group-focus-within\\:opacity-100:is(:where(.tpl\\:group):focus-within *){opacity:1}@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-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:var(--tpl-user-bg,oklch(99.5% .002 60));--tpl-bg-elevated:var(--tpl-user-bg-elevated,oklch(98% .004 60));--tpl-bg-hover:var(--tpl-user-bg-hover,oklch(96% .006 60));--tpl-bg-active:var(--tpl-user-bg-active,oklch(93.5% .008 60));--tpl-border:var(--tpl-user-border,oklch(92% .006 60));--tpl-border-light:var(--tpl-user-border-light,oklch(86% .01 60));--tpl-text:var(--tpl-user-text,oklch(18% .01 60));--tpl-text-muted:var(--tpl-user-text-muted,oklch(50% .015 60));--tpl-text-dim:var(--tpl-user-text-dim,oklch(68% .012 60));--tpl-primary:var(--tpl-user-primary,oklch(70% .16 55));--tpl-primary-hover:var(--tpl-user-primary-hover,oklch(63% .17 55));--tpl-primary-light:var(--tpl-user-primary-light,oklch(95% .04 55));--tpl-on-primary:var(--tpl-user-on-primary,var(--tpl-bg));--tpl-secondary:var(--tpl-user-secondary,oklch(60% .118 184.71));--tpl-secondary-hover:var(--tpl-user-secondary-hover,oklch(53.2% .105 186.39));--tpl-secondary-light:var(--tpl-user-secondary-light,oklch(93.8% .03 186.82));--tpl-success:var(--tpl-user-success,oklch(62.8% .194 155.1));--tpl-success-light:var(--tpl-user-success-light,oklch(93.6% .043 163.51));--tpl-warning:var(--tpl-user-warning,oklch(76.9% .168 70.08));--tpl-warning-light:var(--tpl-user-warning-light,oklch(95% .038 73.59));--tpl-danger:var(--tpl-user-danger,oklch(63.7% .237 25.33));--tpl-danger-light:var(--tpl-user-danger-light,oklch(93.6% .032 17.72));--tpl-canvas-bg:var(--tpl-user-canvas-bg,oklch(97.5% .003 60));--tpl-chrome-bg-elevated:var(--tpl-bg-elevated);--tpl-chrome-border-light:var(--tpl-border-light);--tpl-chrome-text:var(--tpl-text);--tpl-chrome-text-muted:var(--tpl-text-muted);--tpl-chrome-text-dim:var(--tpl-text-dim);--tpl-chrome-primary-light:var(--tpl-primary-light);--tpl-chrome-primary-hover:var(--tpl-primary-hover);--tpl-radius:var(--tpl-user-radius,10px);--tpl-radius-sm:var(--tpl-user-radius-sm,7px);--tpl-radius-lg:var(--tpl-user-radius-lg,14px);--tpl-font-family:var(--tpl-user-font-family,\"Geist\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");--tpl-shadow-sm:var(--tpl-user-shadow-sm,0 1px 2px #00000008);--tpl-shadow:var(--tpl-user-shadow,0 1px 2px #0000000a, 0 1px 3px #00000008);--tpl-shadow-md:var(--tpl-user-shadow-md,0 2px 8px #0000000f, 0 1px 3px #0000000a);--tpl-shadow-lg:var(--tpl-user-shadow-lg,0 4px 16px #00000014, 0 2px 6px #0000000a);--tpl-shadow-xl:var(--tpl-user-shadow-xl,0 8px 32px #0000001a, 0 4px 12px #0000000f);--tpl-overlay:var(--tpl-user-overlay,#00000080);--tpl-ring:var(--tpl-user-ring,0 0 0 3px var(--tpl-primary-light));--tpl-transition:var(--tpl-user-transition,.12s cubic-bezier(.16, 1, .3, 1))}.tpl[data-tpl-theme=dark]{--tpl-bg:var(--tpl-user-dark-bg,oklch(16% .005 60));--tpl-bg-elevated:var(--tpl-user-dark-bg-elevated,oklch(21% .006 60));--tpl-bg-hover:var(--tpl-user-dark-bg-hover,oklch(26% .007 60));--tpl-bg-active:var(--tpl-user-dark-bg-active,oklch(30% .008 60));--tpl-border:var(--tpl-user-dark-border,oklch(30% .006 60));--tpl-border-light:var(--tpl-user-dark-border-light,oklch(38% .008 60));--tpl-text:var(--tpl-user-dark-text,oklch(93% .005 60));--tpl-text-muted:var(--tpl-user-dark-text-muted,oklch(65% .01 60));--tpl-text-dim:var(--tpl-user-dark-text-dim,oklch(50% .008 60));--tpl-primary:var(--tpl-user-dark-primary,oklch(73% .15 55));--tpl-primary-hover:var(--tpl-user-dark-primary-hover,oklch(78% .14 55));--tpl-primary-light:var(--tpl-user-dark-primary-light,oklch(28% .05 55));--tpl-secondary:var(--tpl-user-dark-secondary,oklch(63% .11 184.71));--tpl-secondary-hover:var(--tpl-user-dark-secondary-hover,oklch(68% .1 186.39));--tpl-secondary-light:var(--tpl-user-dark-secondary-light,oklch(25% .03 186.82));--tpl-success:var(--tpl-user-dark-success,oklch(65% .18 155.1));--tpl-success-light:var(--tpl-user-dark-success-light,oklch(25% .04 163.51));--tpl-warning:var(--tpl-user-dark-warning,oklch(78% .16 70.08));--tpl-warning-light:var(--tpl-user-dark-warning-light,oklch(28% .04 73.59));--tpl-danger:var(--tpl-user-dark-danger,oklch(65% .22 25.33));--tpl-danger-light:var(--tpl-user-dark-danger-light,oklch(25% .04 17.72));--tpl-canvas-bg:var(--tpl-user-dark-canvas-bg,oklch(10% .003 60));--tpl-shadow-sm:var(--tpl-user-dark-shadow-sm,0 1px 2px #0003);--tpl-shadow:var(--tpl-user-dark-shadow,0 1px 2px #0000004d, 0 1px 3px #0003);--tpl-shadow-md:var(--tpl-user-dark-shadow-md,0 2px 8px #00000059, 0 1px 3px #00000040);--tpl-shadow-lg:var(--tpl-user-dark-shadow-lg,0 4px 16px #0006, 0 2px 6px #0000004d);--tpl-shadow-xl:var(--tpl-user-dark-shadow-xl,0 8px 32px #00000080, 0 4px 12px #00000059);--tpl-overlay:var(--tpl-user-dark-overlay,#000000b3);--tpl-ring:var(--tpl-user-dark-ring,0 0 0 3px var(--tpl-primary-light))}.tpl[data-tpl-theme=dark] .tpl-block-content{--tpl-bg-elevated:oklch(98% .004 60);--tpl-border-light:oklch(86% .01 60);--tpl-text:oklch(18% .01 60);--tpl-text-muted:oklch(50% .015 60);--tpl-text-dim:oklch(68% .012 60);--tpl-primary-light:oklch(95% .04 55);--tpl-primary-hover:oklch(60% .16 55);color:var(--tpl-text)}.tpl{height:100%;font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875));--tw-leading:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tpl-bg);min-height:320px;color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family);letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-align:start;white-space:normal;cursor:auto;font-variant-numeric:normal;text-shadow:none;flex-direction:column;font-style:normal;font-weight:400;list-style-type:disc;display:flex}:where(.tpl) button,:where(.tpl) input,:where(.tpl) select,:where(.tpl) textarea{box-sizing:border-box;font-family:inherit}:where(.tpl) button{cursor:pointer;background:0 0;border:none;margin:0;padding:0}:where(.tpl) button:focus-visible,:where(.tpl) input:focus-visible,:where(.tpl) select:focus-visible,:where(.tpl) textarea:focus-visible{box-shadow:var(--tpl-ring);outline:none}:where(.tpl) .tpl-focus-ring-host:focus-within :is(input,select,textarea):focus-visible{box-shadow:none}.tpl ::-webkit-scrollbar{width:6px;height:6px}.tpl ::-webkit-scrollbar-track{background:0 0}.tpl ::-webkit-scrollbar-thumb{background-color:var(--tpl-border-light)}@supports (color:color-mix(in lab,red,red)){.tpl ::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--tpl-border-light) 60%,transparent)}}.tpl ::-webkit-scrollbar-thumb{border-radius:calc(.25 * var(--tpl-base-size))}.tpl ::-webkit-scrollbar-thumb:hover{background-color:var(--tpl-border-light)}@keyframes tpl-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes tpl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tpl-popover-root{z-index:10000;position:relative}.tpl-merge-tag-label{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@supports (color:color-mix(in lab,red,red)){.tpl-merge-tag-label{-webkit-text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)}}.tpl-merge-tag-label{unicode-bidi:isolate}.tpl-pulse{animation:2s infinite tpl-pulse}.tpl-spinner{animation:1s linear infinite tpl-spin}@keyframes tpl-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tpl-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes tpl-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tpl-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) tpl-fade-in}.tpl-scale-in{animation:.15s cubic-bezier(.16,1,.3,1) tpl-scale-in}.tpl-shimmer{background:linear-gradient(90deg,var(--tpl-bg-hover) 25%,var(--tpl-bg-active) 50%,var(--tpl-bg-hover) 75%);background-size:200% 100%;animation:1.5s linear infinite tpl-shimmer}.tpl-preview-mode .tpl-block--idle,.tpl-preview-mode .tpl-block--idle:hover,.tpl-preview-mode .tpl-block--selected{box-shadow:none!important;outline:none!important}.tpl-preview-mode .tpl-block{cursor:default;pointer-events:none}.tpl-preview-mode .tpl-block-actions,.tpl-preview-mode .tpl-block-hidden-overlay,.tpl-preview-mode .tpl-condition-toggle,.tpl-preview-mode .tpl-comment-indicator,.tpl-preview-mode .tpl-collab-lock{display:none}.tpl-ghost{border:none!important;border-top:2px dotted var(--tpl-primary)!important;background-color:#0000!important;justify-content:center!important;align-items:center!important;width:100%!important;height:0!important;min-height:0!important;max-height:0!important;margin:12px 0!important;padding:0!important;display:flex!important;position:relative!important;overflow:visible!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost{border-top:2px dotted color-mix(in srgb,var(--tpl-primary) 50%,transparent)!important}}.tpl-ghost{box-shadow:none!important;border-radius:0!important}.tpl-ghost>*{display:none!important}.tpl-ghost:before{content:var(--tpl-drop-text,\"Drop here\");white-space:nowrap!important;color:var(--tpl-primary)!important;background-color:var(--tpl-primary)!important;padding:2px 8px!important;font-size:12px!important;font-weight:500!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost:before{background-color:color-mix(in srgb,var(--tpl-primary) 15%,var(--tpl-bg))!important}}.tpl-ghost:before{border-radius:var(--tpl-radius-sm)!important;box-shadow:none!important}.tpl-canvas-empty .tpl-ghost{display:none!important}.tpl-dragging{opacity:.8;box-shadow:var(--tpl-shadow-xl)}.sortable-fallback{transition:none!important;animation:none!important}.tpl-block--lifted{outline:2px dashed var(--tpl-primary)!important;outline-offset:2px!important;box-shadow:var(--tpl-shadow-xl),0 0 0 4px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-block--lifted{box-shadow:var(--tpl-shadow-xl),0 0 0 4px color-mix(in srgb,var(--tpl-primary) 20%,transparent)!important}}.tpl-block--lifted{transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transform:scale(1.01)}.tpl-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl-text-toolbar-btn{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8);cursor:pointer;border-radius:calc(.25 * var(--tpl-base-size));--tw-border-style:none;transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s);color:var(--tpl-text);background-color:#0000;border-style:none;justify-content:center;align-items:center;padding:0;display:flex}.tpl-text-toolbar-btn:hover{background-color:var(--tpl-bg-active)}.tpl-text-toolbar-btn--active{box-shadow:inset 0 0 0 1.5px var(--tpl-primary-hover);background-color:var(--tpl-primary)!important;color:var(--tpl-bg)!important}.tpl-text-toolbar-btn--active svg{stroke-width:2.75px}.tpl-text-content,.tpl-text-editable .tiptap{--tw-outline-style:none;outline-style:none}.tpl-text-editable{border-radius:calc(.25 * var(--tpl-base-size));border-style:var(--tw-border-style);--tw-border-style:dashed;padding:calc(calc(var(--tpl-base-size) / 4) * 2);border-style:dashed;border-width:1px;border-color:var(--tpl-primary);min-height:1.5em}.tpl-text-content p,.tpl-text-editable .tiptap p{margin:0 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-inline-start: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);unicode-bidi:isolate}.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);unicode-bidi:isolate;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-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-spinner{animation:1s linear infinite tpl-spin}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.tpl-preview-pill-enter-active[data-v-d04b2cd0]{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.tpl-preview-pill-leave-active[data-v-d04b2cd0]{transition:opacity .15s ease-in,transform .15s ease-in}.tpl-preview-pill-enter-from[data-v-d04b2cd0],.tpl-preview-pill-leave-to[data-v-d04b2cd0]{opacity:0;transform:translateY(-8px) scale(.9)}.tpl-preview-pill-enter-to[data-v-d04b2cd0],.tpl-preview-pill-leave-from[data-v-d04b2cd0]{opacity:1;transform:translateY(0) scale(1)}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-pulse-fill[data-v-fca026e4]{animation:tpl-field-pulse-fca026e4 1s ease-out}@keyframes tpl-field-pulse-fca026e4{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-fca026e4]{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-1038bf62]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.16,1,.3,1)}.tpl-collapsible--open[data-v-1038bf62]{grid-template-rows:1fr}.tpl-collapsible>div[data-v-1038bf62]{overflow:hidden}.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-media-item[data-v-373617e3]:not(.tpl-media-item--selected):hover{border-color:var(--tpl-border)!important}.tpl-media-list-item[data-v-373617e3]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-list-icon[data-v-373617e3]{transform:scale(.35);transform-origin:center}.tpl-preview-icon[data-v-c3c1707e]{transform:scale(.45);transform-origin:center}.tpl-comments-slide-enter-active[data-v-32af5912]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-comments-slide-leave-active[data-v-32af5912]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-comments-input-wrapper[data-v-32af5912]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-comments-send-btn[data-v-32af5912]:not(:disabled):hover{transform:scale(1.05)}.tpl-comment-filter[data-v-32af5912]{color:var(--tpl-text-muted);background-color:transparent}.tpl-comment-filter[data-v-32af5912]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-filter--active[data-v-32af5912]{background-color:var(--tpl-primary-light);color:var(--tpl-primary)}.tpl-comment-action[data-v-32af5912]{color:var(--tpl-text-dim);background-color:transparent}.tpl-comment-action[data-v-32af5912]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-delete[data-v-32af5912]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-comment-card[data-v-32af5912],.tpl-comment-reply-card[data-v-32af5912]{border-color:var(--tpl-border);background-color:var(--tpl-bg)}.tpl-resolve-enter-active[data-v-32af5912],.tpl-resolve-leave-active[data-v-32af5912]{transition:opacity .3s ease,transform .3s ease}.tpl-resolve-enter-from[data-v-32af5912],.tpl-resolve-leave-to[data-v-32af5912]{opacity:0;transform:translateY(-4px)}.tpl-resolve-icon[data-v-32af5912]{transition:color .3s ease,transform .2s ease}.tpl-resolve-icon[data-v-32af5912]:active{transform:scale(1.3)}.tpl-replies-enter-active[data-v-32af5912],.tpl-replies-leave-active[data-v-32af5912]{transition:opacity .25s ease,transform .25s ease}.tpl-replies-enter-from[data-v-32af5912],.tpl-replies-leave-to[data-v-32af5912]{opacity:0;transform:translateY(-4px)}.tpl-ai-slide-enter-active[data-v-0a3b048c]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-ai-slide-leave-active[data-v-0a3b048c]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-ai-input-wrapper[data-v-0a3b048c]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-ai-send-btn[data-v-0a3b048c]:not(:disabled):hover{transform:scale(1.05)}.tpl-suggestion-btn[data-v-0a3b048c]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-design-slide-enter-active[data-v-a5a76ec5]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-design-slide-leave-active[data-v-a5a76ec5]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-design-prompt-input[data-v-a5a76ec5]:focus{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-design-dropzone[data-v-a5a76ec5]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-scoring-slide-enter-active[data-v-165e948a]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-scoring-slide-leave-active[data-v-165e948a]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-scoring-fix-btn[data-v-165e948a]:not(:disabled):hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-ai-feature-menu-item[data-v-bf59b787]:hover{background-color:var(--tpl-bg-hover)!important}.vue-advanced-cropper{text-align:center;position:relative;-webkit-user-select:none;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{-webkit-user-select:none;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;-webkit-user-select:none;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;-webkit-user-select:none;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-51052195] .tpl-cropper-background{background-color:var(--tpl-bg)!important}[data-v-51052195] .vue-advanced-cropper{background-color:transparent!important}[data-v-51052195] .vue-advanced-cropper__background{background-color:var(--tpl-bg)!important}[data-v-51052195] .vue-advanced-cropper__foreground{background-color:var(--tpl-overlay)!important}\n/*$vite$:1*/", Ji = null;
|
|
2701
|
+
function Yi() {
|
|
2702
|
+
if (Ji === null) {
|
|
2683
2703
|
let e = new CSSStyleSheet();
|
|
2684
|
-
e.replaceSync(
|
|
2704
|
+
e.replaceSync(qi), Ji = e;
|
|
2685
2705
|
}
|
|
2686
|
-
return
|
|
2706
|
+
return Ji;
|
|
2687
2707
|
}
|
|
2688
|
-
function
|
|
2708
|
+
function Xi(e) {
|
|
2689
2709
|
return () => {};
|
|
2690
2710
|
}
|
|
2691
|
-
function
|
|
2711
|
+
function Zi(e, t) {
|
|
2692
2712
|
if (!t) return {
|
|
2693
2713
|
target: e,
|
|
2694
2714
|
shadowRoot: null,
|
|
2695
2715
|
cleanup: () => {}
|
|
2696
2716
|
};
|
|
2697
2717
|
let n = e.shadowRoot ?? e.attachShadow({ mode: "open" });
|
|
2698
|
-
for (n.adoptedStyleSheets = [
|
|
2718
|
+
for (n.adoptedStyleSheets = [Yi()]; n.firstChild;) n.removeChild(n.firstChild);
|
|
2699
2719
|
let r = document.createElement("div");
|
|
2700
2720
|
return r.className = "tpl-editor-host", r.style.cssText = "display:block;height:100%;width:100%;", n.appendChild(r), {
|
|
2701
2721
|
target: r,
|
|
2702
2722
|
shadowRoot: n,
|
|
2703
|
-
cleanup:
|
|
2723
|
+
cleanup: Xi(n)
|
|
2704
2724
|
};
|
|
2705
2725
|
}
|
|
2706
|
-
var
|
|
2707
|
-
function
|
|
2708
|
-
let t =
|
|
2709
|
-
t && (t.cleanup(), t.app.unmount(),
|
|
2726
|
+
var Qi = /* @__PURE__ */ new Map(), $i = null;
|
|
2727
|
+
function ea(e) {
|
|
2728
|
+
let t = Qi.get(e);
|
|
2729
|
+
t && (t.cleanup(), t.app.unmount(), Qi.delete(e), $i === e && ($i = null));
|
|
2710
2730
|
}
|
|
2711
|
-
async function
|
|
2712
|
-
return
|
|
2731
|
+
async function ta(e) {
|
|
2732
|
+
return na(e);
|
|
2713
2733
|
}
|
|
2714
|
-
async function
|
|
2734
|
+
async function na(e, t) {
|
|
2715
2735
|
let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
|
|
2716
2736
|
if (!n) throw Error(`[Templatical] Container element not found: ${e.container}`);
|
|
2717
|
-
e.locale !== void 0 && !
|
|
2718
|
-
let r = await
|
|
2719
|
-
|
|
2720
|
-
let a =
|
|
2721
|
-
e.content
|
|
2737
|
+
e.locale !== void 0 && !Se(e.locale) && _t.warn(`config.locale: "${e.locale}" has no translations — falling back to English. Supported: ${Ee().sort().join(", ")}.`);
|
|
2738
|
+
let r = await we(e.locale ?? "en"), i = be(e.fonts);
|
|
2739
|
+
ea(n);
|
|
2740
|
+
let a = Zi(n, e.shadowDom ?? !0), o = f(null);
|
|
2741
|
+
e.layout && (e.layout = kn(e.layout, e.mergeTags), J(e.layout)), e.content && (e.content = kn(e.content, e.mergeTags), te(e.content), ae(e.content));
|
|
2722
2742
|
let s = M({ setup() {
|
|
2723
|
-
return () => h(
|
|
2743
|
+
return () => h(Ui, {
|
|
2724
2744
|
config: e,
|
|
2725
2745
|
translations: r,
|
|
2726
2746
|
fontsManager: i,
|
|
@@ -2731,17 +2751,17 @@ async function Gi(e, t) {
|
|
|
2731
2751
|
ref: o
|
|
2732
2752
|
});
|
|
2733
2753
|
} });
|
|
2734
|
-
s.mount(a.target),
|
|
2754
|
+
s.mount(a.target), Qi.set(n, {
|
|
2735
2755
|
app: s,
|
|
2736
2756
|
editorRef: o,
|
|
2737
2757
|
cleanup: a.cleanup
|
|
2738
|
-
}),
|
|
2758
|
+
}), $i = n;
|
|
2739
2759
|
let c = {
|
|
2740
2760
|
getContent() {
|
|
2741
|
-
return o.value ?
|
|
2761
|
+
return o.value ? G(o.value.getContent()) : G(e.content ?? K(e.fonts?.defaultFont, Qt(e)));
|
|
2742
2762
|
},
|
|
2743
2763
|
setContent(t) {
|
|
2744
|
-
let n =
|
|
2764
|
+
let n = kn(t, e.mergeTags);
|
|
2745
2765
|
o.value && o.value.setContent(n), e.content = n;
|
|
2746
2766
|
},
|
|
2747
2767
|
setTheme(e) {
|
|
@@ -2757,11 +2777,11 @@ async function Gi(e, t) {
|
|
|
2757
2777
|
tags: t
|
|
2758
2778
|
};
|
|
2759
2779
|
},
|
|
2760
|
-
unmount: () =>
|
|
2780
|
+
unmount: () => ea(n),
|
|
2761
2781
|
create(t) {
|
|
2762
2782
|
return o.value ? o.value.create(t?.content ? {
|
|
2763
2783
|
...t,
|
|
2764
|
-
content:
|
|
2784
|
+
content: kn(t.content, e.mergeTags)
|
|
2765
2785
|
} : t) : Promise.reject(/* @__PURE__ */ Error("[Templatical] Editor not ready"));
|
|
2766
2786
|
},
|
|
2767
2787
|
load(e) {
|
|
@@ -2781,31 +2801,35 @@ async function Gi(e, t) {
|
|
|
2781
2801
|
},
|
|
2782
2802
|
toMjml: () => l.toMjml(),
|
|
2783
2803
|
toHtml: () => l.toHtml()
|
|
2784
|
-
}, l =
|
|
2804
|
+
}, l = Ki({
|
|
2785
2805
|
provider: e.render,
|
|
2786
|
-
buildPayload: () =>
|
|
2806
|
+
buildPayload: () => Gi({
|
|
2787
2807
|
getContent: () => c.getContent(),
|
|
2788
2808
|
renderCustomBlock: (e) => c.renderCustomBlock(e),
|
|
2789
|
-
getFonts: () =>
|
|
2809
|
+
getFonts: () => Wi(i),
|
|
2810
|
+
getLayout: () => e.layout
|
|
2790
2811
|
}),
|
|
2791
|
-
renderLocalMjml: () =>
|
|
2812
|
+
renderLocalMjml: () => gn({
|
|
2792
2813
|
getContent: () => c.getContent(),
|
|
2793
2814
|
renderCustomBlock: (e) => c.renderCustomBlock(e),
|
|
2794
2815
|
getCustomBlockStylesheet: (e) => c.getCustomBlockStylesheet(e),
|
|
2795
|
-
getFonts: () =>
|
|
2796
|
-
socialIconsBaseUrl: e.socialIconsBaseUrl
|
|
2816
|
+
getFonts: () => Wi(i),
|
|
2817
|
+
socialIconsBaseUrl: e.socialIconsBaseUrl,
|
|
2818
|
+
getLayout: () => e.layout
|
|
2797
2819
|
})
|
|
2798
2820
|
});
|
|
2799
2821
|
return c;
|
|
2800
2822
|
}
|
|
2801
|
-
async function
|
|
2802
|
-
let [{ bootstrapCloud: t }, n] = await Promise.all([import("./createCloudRuntime-
|
|
2823
|
+
async function ra(e) {
|
|
2824
|
+
let [{ bootstrapCloud: t }, n] = await Promise.all([import("./createCloudRuntime-iLflkYzP.js"), Ce(e.locale ?? "en")]), { runtime: r, providers: i, user: a } = await t({
|
|
2803
2825
|
config: e,
|
|
2804
2826
|
cloudTranslations: n
|
|
2805
2827
|
});
|
|
2806
|
-
return
|
|
2828
|
+
return na({
|
|
2807
2829
|
container: e.container,
|
|
2808
2830
|
content: e.content,
|
|
2831
|
+
layout: e.layout,
|
|
2832
|
+
sectionWrapper: e.sectionWrapper,
|
|
2809
2833
|
shadowDom: e.shadowDom,
|
|
2810
2834
|
locale: e.locale,
|
|
2811
2835
|
uiTheme: e.uiTheme,
|
|
@@ -2845,8 +2869,8 @@ async function Ki(e) {
|
|
|
2845
2869
|
user: a
|
|
2846
2870
|
}, r);
|
|
2847
2871
|
}
|
|
2848
|
-
function
|
|
2849
|
-
|
|
2872
|
+
function ia() {
|
|
2873
|
+
$i && ea($i);
|
|
2850
2874
|
}
|
|
2851
2875
|
//#endregion
|
|
2852
|
-
export {
|
|
2876
|
+
export { ee as applyLayout, K as createDefaultTemplateContent, fe as createLocalStorageMediaProvider, de as createLocalStorageSavedBlocksProvider, H as createParagraphBlock, oe as createSlotBlock, I as createWrapperBlock, Le as getBaseLocale, Te as getSupportedCloudLocales, Ee as getSupportedLocales, ta as init, ra as initCloud, Oe as isCloudLocaleSupported, Se as isLocaleSupported, U as isSlot, R as isWrapper, z as layoutWrapsSlot, ia as unmount, be as useFonts, J as validateLayout };
|