@templatical/editor 0.43.2 → 0.44.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/README.md +1 -1
- package/dist/{AiChatSidebar-DTtMEXNR.js → AiChatSidebar-BUR5Jshu.js} +8 -8
- package/dist/{AiFeatureMenu-DFj-_S9b.js → AiFeatureMenu-CgfLFHJw.js} +4 -4
- package/dist/{BlockIssueBadge-CyLmqjLl.js → BlockIssueBadge-CWZEwMXX.js} +2 -2
- package/dist/{BlockPreviewCanvas-C6F66f3k.js → BlockPreviewCanvas-2vVu55yN.js} +3 -3
- package/dist/{CloudHeaderExtras-Z4K6OMn0.js → CloudHeaderExtras-BZ62q1aS.js} +2 -2
- package/dist/{CloudPanels-DOJ2Vske.js → CloudPanels-sv4aCKKE.js} +4 -4
- package/dist/{CollaboratorBar-BCkl3dKY.js → CollaboratorBar-CSEFL7uC.js} +2 -2
- package/dist/{CommentsPanel-DPMi6-rb.js → CommentsPanel-CYMHfFcn.js} +1 -1
- package/dist/{CommentsSidebar-C1mQcyh3.js → CommentsSidebar-uvQyCMUe.js} +10 -10
- package/dist/{CountdownToolbar-DKmzpk__.js → CountdownToolbar-C052mx2P.js} +3 -3
- package/dist/{DesignReferenceSidebar-CGRzOOb8.js → DesignReferenceSidebar-ZKJ7y7-G.js} +6 -6
- package/dist/{IssuesPanel-CsdxjjRm.js → IssuesPanel-DAlNiJX_.js} +5 -5
- package/dist/{LogicTagInsertButton-BX4jOUQy.js → LogicTagInsertButton-DMUfVsPr.js} +6 -6
- package/dist/{MediaEditModal-Bm8uOKBx.js → MediaEditModal-Cmd9tQXZ.js} +1 -1
- package/dist/{MediaPanels-BNWtEntu.js → MediaPanels-DoBhG5gg.js} +1 -1
- package/dist/{MergeTagInput-Mj8CFfX1.js → MergeTagInput-DoQWMSW4.js} +1 -1
- package/dist/{MergeTagModeToggle-CinojvpV.js → MergeTagModeToggle-DOHixe4G.js} +4 -4
- package/dist/{ParagraphEditor-DdOteRjD.js → ParagraphEditor-C_p6yKLK.js} +23 -23
- package/dist/{RestoreVersionDialog-B-i0wPjh.js → RestoreVersionDialog-CKHeCPG2.js} +3 -3
- package/dist/{RichTextEditorContent-CDtKOWsh.js → RichTextEditorContent-BedBVHXS.js} +4 -4
- package/dist/{SaveBlockDialog-DTcGPDMT.js → SaveBlockDialog-q3_fjb9t.js} +8 -8
- package/dist/{SavedBlocksBrowserModal-BA5yXQi0.js → SavedBlocksBrowserModal-C4J-_cW8.js} +9 -9
- package/dist/{SavedBlocksPanels-mfSALJqB.js → SavedBlocksPanels-DBoqC6df.js} +1 -1
- package/dist/{SavedBlocksPickBar-BOjduGI4.js → SavedBlocksPickBar-Pq2bjpB_.js} +2 -2
- package/dist/{TemplateScoringPanel-Byz-ajjf.js → TemplateScoringPanel-DXsyp0_A.js} +11 -11
- package/dist/{TemplateSettings-Bf5rfsU8.js → TemplateSettings-Bh10NFIN.js} +6 -6
- package/dist/{TestEmailModal-DJo2yFLh.js → TestEmailModal-BYCKpH7g.js} +7 -7
- package/dist/{TestEmailPanel-CXIFWfDm.js → TestEmailPanel-lUXAFsT5.js} +1 -1
- package/dist/{TitleEditor-BDtokkQF.js → TitleEditor-CWPxXUp2.js} +9 -9
- package/dist/{ToggleSwitch-BCYZvP1e.js → ToggleSwitch-D7GLaT8s.js} +1 -1
- package/dist/{Toolbar-XOtJ_N58.js → Toolbar-CWxqqBHE.js} +29 -29
- package/dist/{TplModal-C3mzMXof.js → TplModal-D6lqrKls.js} +1 -1
- package/dist/{VersionHistoryMenu-DRoFz15y.js → VersionHistoryMenu-fLrx-Lvi.js} +5 -5
- package/dist/{VersionHistoryPanels-CeF0JnXI.js → VersionHistoryPanels-C3XhpQO_.js} +1 -1
- package/dist/{VersionPreviewBanner-DQvIEKUU.js → VersionPreviewBanner-CWuxq_bb.js} +1 -1
- package/dist/{WrapperBlock-DZwp4G7P.js → WrapperBlock-ox8TMS_p.js} +1 -1
- package/dist/{blockTypeIcons-CAPoy6X7.js → blockTypeIcons-DEvNVvBj.js} +2 -2
- package/dist/bundle-stats.json +6 -6
- package/dist/{ca--zGWn9AU.js → ca-DSwai-th.js} +1 -4
- package/dist/cdn/chunks/{AiChatSidebar-DW1uRkKE.js → AiChatSidebar-Cvp9beXR.js} +3 -3
- package/dist/cdn/chunks/{AiChatSidebar-DW1uRkKE.js.map → AiChatSidebar-Cvp9beXR.js.map} +1 -1
- package/dist/cdn/chunks/{AiFeatureMenu-CHsgD78N.js → AiFeatureMenu-vOJtwdmT.js} +3 -3
- package/dist/cdn/chunks/{AiFeatureMenu-CHsgD78N.js.map → AiFeatureMenu-vOJtwdmT.js.map} +1 -1
- package/dist/cdn/chunks/{BlockIssueBadge-CIqu8JnG.js → BlockIssueBadge-CKIrYROg.js} +2 -2
- package/dist/cdn/chunks/{BlockIssueBadge-CIqu8JnG.js.map → BlockIssueBadge-CKIrYROg.js.map} +1 -1
- package/dist/cdn/chunks/{BlockPreviewCanvas-Dtea66SI.js → BlockPreviewCanvas-CB27Joyn.js} +4 -4
- package/dist/cdn/chunks/{BlockPreviewCanvas-Dtea66SI.js.map → BlockPreviewCanvas-CB27Joyn.js.map} +1 -1
- package/dist/cdn/chunks/{CloudHeaderExtras-Kjj78__m.js → CloudHeaderExtras-9tKrhPm6.js} +3 -3
- package/dist/cdn/chunks/{CloudHeaderExtras-Kjj78__m.js.map → CloudHeaderExtras-9tKrhPm6.js.map} +1 -1
- package/dist/cdn/chunks/{CloudPanels-DARXXD0q.js → CloudPanels-DTQ7zbEN.js} +4 -4
- package/dist/cdn/chunks/{CloudPanels-DARXXD0q.js.map → CloudPanels-DTQ7zbEN.js.map} +1 -1
- package/dist/cdn/chunks/{CollaboratorBar-C7O9mQJ_.js → CollaboratorBar-BKTkVMbz.js} +3 -3
- package/dist/cdn/chunks/{CollaboratorBar-C7O9mQJ_.js.map → CollaboratorBar-BKTkVMbz.js.map} +1 -1
- package/dist/cdn/chunks/{CommentsPanel-KH5_JS7_.js → CommentsPanel-BjHRj_Yw.js} +2 -2
- package/dist/cdn/chunks/{CommentsPanel-KH5_JS7_.js.map → CommentsPanel-BjHRj_Yw.js.map} +1 -1
- package/dist/cdn/chunks/{CommentsSidebar-ucrNvgAQ.js → CommentsSidebar-CpCfqSq4.js} +2 -2
- package/dist/cdn/chunks/{CommentsSidebar-ucrNvgAQ.js.map → CommentsSidebar-CpCfqSq4.js.map} +1 -1
- package/dist/cdn/chunks/{CountdownToolbar-DVInzkj9.js → CountdownToolbar-C9QpHQcv.js} +4 -4
- package/dist/cdn/chunks/{CountdownToolbar-DVInzkj9.js.map → CountdownToolbar-C9QpHQcv.js.map} +1 -1
- package/dist/cdn/chunks/{DesignReferenceSidebar-pleljkEJ.js → DesignReferenceSidebar-BO0xz1wC.js} +3 -3
- package/dist/cdn/chunks/{DesignReferenceSidebar-pleljkEJ.js.map → DesignReferenceSidebar-BO0xz1wC.js.map} +1 -1
- package/dist/cdn/chunks/{IssuesPanel-CPcQIUni.js → IssuesPanel--62qud8w.js} +2 -2
- package/dist/cdn/chunks/{IssuesPanel-CPcQIUni.js.map → IssuesPanel--62qud8w.js.map} +1 -1
- package/dist/cdn/chunks/{LogicTagInsertButton-DSrW9v0x.js → LogicTagInsertButton-gc8ICURV.js} +5 -5
- package/dist/cdn/chunks/{LogicTagInsertButton-DSrW9v0x.js.map → LogicTagInsertButton-gc8ICURV.js.map} +1 -1
- package/dist/cdn/chunks/{MediaEditModal-BHp7euCZ.js → MediaEditModal-BuDXKwx4.js} +2 -2
- package/dist/cdn/chunks/{MediaEditModal-BHp7euCZ.js.map → MediaEditModal-BuDXKwx4.js.map} +1 -1
- package/dist/cdn/chunks/{MediaPanels-CGIRlO48.js → MediaPanels-xFpaxFRH.js} +2 -2
- package/dist/cdn/chunks/{MediaPanels-CGIRlO48.js.map → MediaPanels-xFpaxFRH.js.map} +1 -1
- package/dist/cdn/chunks/{MergeTagInput-BSFofWuc.js → MergeTagInput-DsPKWbWr.js} +2 -2
- package/dist/cdn/chunks/{MergeTagInput-BSFofWuc.js.map → MergeTagInput-DsPKWbWr.js.map} +1 -1
- package/dist/cdn/chunks/{MergeTagModeToggle-D7KlTFZV.js → MergeTagModeToggle-DU0WqgVH.js} +3 -3
- package/dist/cdn/chunks/{MergeTagModeToggle-D7KlTFZV.js.map → MergeTagModeToggle-DU0WqgVH.js.map} +1 -1
- package/dist/cdn/chunks/{ParagraphEditor-CokXagL1.js → ParagraphEditor-BSDGOsja.js} +23 -23
- package/dist/cdn/chunks/{ParagraphEditor-CokXagL1.js.map → ParagraphEditor-BSDGOsja.js.map} +1 -1
- package/dist/cdn/chunks/{RestoreVersionDialog-C-XEncAM.js → RestoreVersionDialog-DLe0Co57.js} +3 -3
- package/dist/cdn/chunks/{RestoreVersionDialog-C-XEncAM.js.map → RestoreVersionDialog-DLe0Co57.js.map} +1 -1
- package/dist/cdn/chunks/{RichTextEditorContent-DS_2UsJX.js → RichTextEditorContent-Dkcts8Vh.js} +4 -4
- package/dist/cdn/chunks/{RichTextEditorContent-DS_2UsJX.js.map → RichTextEditorContent-Dkcts8Vh.js.map} +1 -1
- package/dist/cdn/chunks/{SaveBlockDialog-D8OAKF_k.js → SaveBlockDialog-DQzaED8U.js} +7 -7
- package/dist/cdn/chunks/{SaveBlockDialog-D8OAKF_k.js.map → SaveBlockDialog-DQzaED8U.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksBrowserModal-B6GN_llD.js → SavedBlocksBrowserModal-D3JF-Gx-.js} +6 -6
- package/dist/cdn/chunks/{SavedBlocksBrowserModal-B6GN_llD.js.map → SavedBlocksBrowserModal-D3JF-Gx-.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksPanels-hRCREVxS.js → SavedBlocksPanels-Cxbgby24.js} +2 -2
- package/dist/cdn/chunks/{SavedBlocksPanels-hRCREVxS.js.map → SavedBlocksPanels-Cxbgby24.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksPickBar-C5YrK0iB.js → SavedBlocksPickBar-DEL0r3Bv.js} +3 -3
- package/dist/cdn/chunks/{SavedBlocksPickBar-C5YrK0iB.js.map → SavedBlocksPickBar-DEL0r3Bv.js.map} +1 -1
- package/dist/cdn/chunks/{TemplateScoringPanel-DXyQjcdU.js → TemplateScoringPanel-BBRHCNcR.js} +2 -2
- package/dist/cdn/chunks/{TemplateScoringPanel-DXyQjcdU.js.map → TemplateScoringPanel-BBRHCNcR.js.map} +1 -1
- package/dist/cdn/chunks/{TemplateSettings-da14bXlk.js → TemplateSettings-vsFOU0oA.js} +5 -5
- package/dist/cdn/chunks/{TemplateSettings-da14bXlk.js.map → TemplateSettings-vsFOU0oA.js.map} +1 -1
- package/dist/cdn/chunks/{TestEmailModal-Dl_cAyj-.js → TestEmailModal-B7Dr2eFa.js} +7 -7
- package/dist/cdn/chunks/{TestEmailModal-Dl_cAyj-.js.map → TestEmailModal-B7Dr2eFa.js.map} +1 -1
- package/dist/cdn/chunks/{TestEmailPanel-CVZGOKaQ.js → TestEmailPanel-C3PTYDbT.js} +2 -2
- package/dist/cdn/chunks/{TestEmailPanel-CVZGOKaQ.js.map → TestEmailPanel-C3PTYDbT.js.map} +1 -1
- package/dist/cdn/chunks/{TitleEditor-DO8OdG_w.js → TitleEditor-gHTla_4I.js} +8 -8
- package/dist/cdn/chunks/{TitleEditor-DO8OdG_w.js.map → TitleEditor-gHTla_4I.js.map} +1 -1
- package/dist/cdn/chunks/{ToggleSwitch-D5Wi6Env.js → ToggleSwitch-DoUNcLPP.js} +2 -2
- package/dist/cdn/chunks/{ToggleSwitch-D5Wi6Env.js.map → ToggleSwitch-DoUNcLPP.js.map} +1 -1
- package/dist/cdn/chunks/{Toolbar-CXDE8xM-.js → Toolbar-CnfNUkOY.js} +17 -17
- package/dist/cdn/chunks/{Toolbar-CXDE8xM-.js.map → Toolbar-CnfNUkOY.js.map} +1 -1
- package/dist/cdn/chunks/{TplModal-CFi-Psf7.js → TplModal-BVUBOEQL.js} +2 -2
- package/dist/cdn/chunks/{TplModal-CFi-Psf7.js.map → TplModal-BVUBOEQL.js.map} +1 -1
- package/dist/cdn/chunks/{VersionHistoryMenu-1bfCr14E.js → VersionHistoryMenu-Cp3EHO_P.js} +2 -2
- package/dist/cdn/chunks/{VersionHistoryMenu-1bfCr14E.js.map → VersionHistoryMenu-Cp3EHO_P.js.map} +1 -1
- package/dist/cdn/chunks/{VersionHistoryPanels-DbgbyAdW.js → VersionHistoryPanels-Dcdy7ySA.js} +2 -2
- package/dist/cdn/chunks/{VersionHistoryPanels-DbgbyAdW.js.map → VersionHistoryPanels-Dcdy7ySA.js.map} +1 -1
- package/dist/cdn/chunks/{VersionPreviewBanner-BaOTRIrm.js → VersionPreviewBanner-BgkroXnG.js} +2 -2
- package/dist/cdn/chunks/{VersionPreviewBanner-BaOTRIrm.js.map → VersionPreviewBanner-BgkroXnG.js.map} +1 -1
- package/dist/cdn/chunks/{WrapperBlock-BYNfYvl3.js → WrapperBlock-23nAzweL.js} +2 -2
- package/dist/cdn/chunks/{WrapperBlock-BYNfYvl3.js.map → WrapperBlock-23nAzweL.js.map} +1 -1
- package/dist/cdn/chunks/{blockTypeIcons-B_IAjnTD.js → blockTypeIcons-BMZi7sdX.js} +2 -2
- package/dist/cdn/chunks/{blockTypeIcons-B_IAjnTD.js.map → blockTypeIcons-BMZi7sdX.js.map} +1 -1
- package/dist/cdn/chunks/{ca--zGWn9AU.js → ca-DSwai-th.js} +2 -5
- package/dist/cdn/chunks/ca-DSwai-th.js.map +1 -0
- package/dist/cdn/chunks/{cloud-De-eh1u6.js → cloud-DLQU5l0Z.js} +2 -2
- package/dist/cdn/chunks/{cloud-De-eh1u6.js.map → cloud-DLQU5l0Z.js.map} +1 -1
- package/dist/cdn/chunks/{createCloudRuntime-DsaUaWvr.js → createCloudRuntime-Mnx8kV2W.js} +3 -3
- package/dist/cdn/chunks/{createCloudRuntime-DsaUaWvr.js.map → createCloudRuntime-Mnx8kV2W.js.map} +1 -1
- package/dist/cdn/chunks/{de-BRNLKcDl.js → de-DOhKuphf.js} +2 -5
- package/dist/cdn/chunks/de-DOhKuphf.js.map +1 -0
- package/dist/cdn/chunks/dist-BRZhN8qJ.js.map +1 -1
- package/dist/cdn/chunks/dist-CXB2_kBa.js.map +1 -1
- package/dist/cdn/chunks/draggable-IB4x6w2O.js.map +1 -1
- package/dist/cdn/chunks/{editor-modal-BDOfw3l0.js → editor-modal-B7NNAFI5.js} +4 -4
- package/dist/cdn/chunks/{editor-modal-BDOfw3l0.js.map → editor-modal-B7NNAFI5.js.map} +1 -1
- package/dist/cdn/chunks/{en-JJjqHMjy.js → en-BE28ZcUF.js} +2 -5
- package/dist/cdn/chunks/en-BE28ZcUF.js.map +1 -0
- package/dist/cdn/chunks/en-C3n0qWte.js +2 -0
- package/dist/cdn/chunks/{es-BIh8BxV9.js → es-oQI-dfx2.js} +2 -5
- package/dist/cdn/chunks/es-oQI-dfx2.js.map +1 -0
- package/dist/cdn/chunks/{extensions-1hJBHnGv.js → extensions-ClmkNA8R.js} +5 -5
- package/dist/cdn/chunks/{extensions-1hJBHnGv.js.map → extensions-ClmkNA8R.js.map} +1 -1
- package/dist/cdn/chunks/{fr-C5VUZogP.js → fr-rzLdCMSG.js} +2 -5
- package/dist/cdn/chunks/fr-rzLdCMSG.js.map +1 -0
- package/dist/cdn/chunks/htmlparser-ClUZ6waR.js.map +1 -1
- package/dist/cdn/chunks/{icons-BrAyaJ0T.js → icons-BjvraR-Y.js} +35 -35
- package/dist/cdn/chunks/{icons-BrAyaJ0T.js.map → icons-BjvraR-Y.js.map} +1 -1
- package/dist/{ja-x5JYxaCW.js → cdn/chunks/ja-dyFc6Ghz.js} +3 -4
- package/dist/cdn/chunks/ja-dyFc6Ghz.js.map +1 -0
- package/dist/cdn/chunks/{liquid.browser-BypTT2oc.js → liquid.browser-DXPjcePu.js} +758 -719
- package/dist/cdn/chunks/liquid.browser-DXPjcePu.js.map +1 -0
- package/dist/cdn/chunks/{nl-UXxFyXV6.js → nl-BcQhRqKR.js} +2 -5
- package/dist/cdn/chunks/nl-BcQhRqKR.js.map +1 -0
- package/dist/cdn/chunks/{preRenderCustomBlocks-h4ZFBKbD.js → preRenderCustomBlocks-Bg3rIgGJ.js} +2 -2
- package/dist/cdn/chunks/{preRenderCustomBlocks-h4ZFBKbD.js.map → preRenderCustomBlocks-Bg3rIgGJ.js.map} +1 -1
- package/dist/cdn/chunks/{pt-BR-DHm3SP6W.js → pt-BR-UombhTMO.js} +2 -5
- package/dist/cdn/chunks/pt-BR-UombhTMO.js.map +1 -0
- package/dist/cdn/chunks/pusher-BbIHJKf3.js.map +1 -1
- package/dist/cdn/chunks/{socialIcons-ZOCwCCyn.js → socialIcons-CnUJBZTO.js} +2 -2
- package/dist/cdn/chunks/socialIcons-CnUJBZTO.js.map +1 -0
- package/dist/cdn/chunks/{src-fZSLjhjy.js → src-B5-VKcRQ.js} +2 -2
- package/dist/cdn/chunks/{src-fZSLjhjy.js.map → src-B5-VKcRQ.js.map} +1 -1
- package/dist/cdn/chunks/{src-D5ceT_Y4.js → src-BmKDV_BK.js} +4 -4
- package/dist/cdn/chunks/{src-D5ceT_Y4.js.map → src-BmKDV_BK.js.map} +1 -1
- package/dist/cdn/chunks/{src-BR3I3gOW.js → src-QIGNPFkl.js} +6 -8
- package/dist/cdn/chunks/src-QIGNPFkl.js.map +1 -0
- package/dist/cdn/chunks/{tiptap-D1u8JIUW.js → tiptap-02G9FGkl.js} +3726 -3552
- package/dist/cdn/chunks/tiptap-02G9FGkl.js.map +1 -0
- package/dist/cdn/chunks/{useEditorCore-BTKqlRIg.js → useEditorCore-DjD7fJpq.js} +19 -19
- package/dist/cdn/chunks/{useEditorCore-BTKqlRIg.js.map → useEditorCore-DjD7fJpq.js.map} +1 -1
- package/dist/cdn/chunks/{useLogicTag-J_i_hvZg.js → useLogicTag-D6lWY0bD.js} +2 -2
- package/dist/cdn/chunks/{useLogicTag-J_i_hvZg.js.map → useLogicTag-D6lWY0bD.js.map} +1 -1
- package/dist/cdn/chunks/{useMergeTag-C5MyHYxJ.js → useMergeTag-2iW-BKWW.js} +2 -2
- package/dist/cdn/chunks/{useMergeTag-C5MyHYxJ.js.map → useMergeTag-2iW-BKWW.js.map} +1 -1
- package/dist/cdn/editor.css +1 -1
- package/dist/cdn/editor.js +467 -484
- package/dist/cdn/editor.js.map +1 -1
- package/dist/{check-CA6fvSIp.js → check-DNyj-E0y.js} +1 -1
- package/dist/{chevron-down-DYGJgpqJ.js → chevron-down-BYnhkMsA.js} +1 -1
- package/dist/{chevron-right-Dm5_X4j6.js → chevron-right-D9HGBqJo.js} +1 -1
- package/dist/{chevron-up-Ds9ormyq.js → chevron-up-BnIR1-ma.js} +1 -1
- package/dist/{circle-alert-BYXE0olE.js → circle-alert-B6xl1B_M.js} +1 -1
- package/dist/{clock-Ch1-h0sb.js → clock-Cs5Wd3dW.js} +1 -1
- package/dist/{cloud-AO_X8T9g.js → cloud-BNEL7bxL.js} +1 -1
- package/dist/{copy-DLNyaPza.js → copy-6uKc-WBk.js} +1 -1
- package/dist/{createCloudRuntime-D641nhri.js → createCloudRuntime-CaZapQZ6.js} +2 -2
- package/dist/{createLucideIcon-BrPnbRQT.js → createLucideIcon-BVcoovvP.js} +5 -5
- package/dist/{de-BRNLKcDl.js → de-DOhKuphf.js} +1 -4
- package/dist/{dist-CxmLZQso.js → dist-8By0p8ah.js} +5 -5
- package/dist/{dist-W_ERo6c_.js → dist-BYg1EL5g.js} +5 -5
- package/dist/{dist-C2Ge44fD.js → dist-BgSLW3Hn.js} +1704 -1303
- package/dist/{dist-B0dkvy7z.js → dist-CWc7nIkA.js} +5 -5
- package/dist/{dist-CIxmOOSG.js → dist-Ceew_u40.js} +448 -699
- package/dist/{dist-BwoEME8p.js → dist-CmwBvyW0.js} +172 -171
- package/dist/{dist-CJ7RZARo.js → dist-Czzst9ng.js} +302 -279
- package/dist/dist-D2m55Lvs.js +5 -0
- package/dist/{dist-p-LkiWIQ.js → dist-D4HP93ZF.js} +13 -13
- package/dist/{dist-BPWuzECC.js → dist-DdSWMtEP.js} +6 -6
- package/dist/{dist-DRmafAUz.js → dist-DmQckB4p.js} +29 -29
- package/dist/dist-Dw2_11LA.js +5 -0
- package/dist/{dist-iLUVPysa.js → dist-HjILVdTA.js} +5 -7
- package/dist/{editor-modal-Cl5GFWTQ.js → editor-modal-Co-rZGaf.js} +16 -16
- package/dist/en-B-xoKkWi.js +2 -0
- package/dist/{en-JJjqHMjy.js → en-BE28ZcUF.js} +1 -4
- package/dist/{es-BIh8BxV9.js → es-oQI-dfx2.js} +1 -4
- package/dist/{extensions-AKHJ0lax.js → extensions-DXSI8Dyj.js} +63 -63
- package/dist/{eye-_7xKFxQh.js → eye-Nbtw_q05.js} +1 -1
- package/dist/{fr-C5VUZogP.js → fr-rzLdCMSG.js} +1 -4
- package/dist/{image-up-Ck-xPOGS.js → image-up-C1jC7NzQ.js} +1 -1
- package/dist/index.d.ts +2434 -374
- package/dist/{info-CBBNLK_i.js → info-ClH66pKN.js} +1 -1
- package/dist/{cdn/chunks/ja-x5JYxaCW.js → ja-dyFc6Ghz.js} +1 -6
- package/dist/{link-BA_V9Nns.js → link-y47GNW0o.js} +1 -1
- package/dist/{liquid.browser-wPG0n4Cs.js → liquid.browser-Cs4gOjeX.js} +757 -718
- package/dist/{list-BTujzSSo.js → list-DiLMlMaE.js} +1 -1
- package/dist/{loader-circle-B5OQFRUF.js → loader-circle-BRdCPW5h.js} +1 -1
- package/dist/{message-circle-DWXr27lZ.js → message-circle-CNgIpVJv.js} +1 -1
- package/dist/{nl-UXxFyXV6.js → nl-BcQhRqKR.js} +1 -4
- package/dist/{package-DXW9QTU3.js → package-B9OWk-Kp.js} +1 -1
- package/dist/{pencil-QmONZtjF.js → pencil-BDnjo24u.js} +1 -1
- package/dist/{plus-XxHKE_GT.js → plus-BMgjN7lI.js} +1 -1
- package/dist/{preRenderCustomBlocks-CTstI3Q-.js → preRenderCustomBlocks-C_PIxBp7.js} +1 -1
- package/dist/{pt-BR-DHm3SP6W.js → pt-BR-UombhTMO.js} +1 -4
- package/dist/{refresh-cw-DhXU8dCo.js → refresh-cw-CR5lenxl.js} +1 -1
- package/dist/{search-CpFaMrnL.js → search-CxRUiOSF.js} +1 -1
- package/dist/{send-CFK3e6tQ.js → send-Bu2RysGL.js} +1 -1
- package/dist/{shield-check-ndwpOTik.js → shield-check-Cg8f4LB0.js} +1 -1
- package/dist/{smartphone-DndMh9W6.js → smartphone-CHf-8lHp.js} +1 -1
- package/dist/{socialIcons-D43BLoTu.js → socialIcons-D1gkHc_i.js} +2 -2
- package/dist/{sparkles-c1M5lwAQ.js → sparkles-_DQGv4ub.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/templatical-editor.js +578 -595
- package/dist/{text-align-start-DOtBufPq.js → text-align-start-PHo-Ep5i.js} +13 -13
- package/dist/{trash-DmaPdiUk.js → trash-BxIzHAri.js} +1 -1
- package/dist/{triangle-alert-DqvxsSNL.js → triangle-alert-fcb2KoA-.js} +1 -1
- package/dist/{upload-CO_hogFv.js → upload-BxBtMPMv.js} +1 -1
- package/dist/{useEditorCore-0K8joh4X.js → useEditorCore-iuKC8yr5.js} +23 -23
- package/dist/{useLogicTag-BaH8gey0.js → useLogicTag-wqfdwYYR.js} +1 -1
- package/dist/{useMergeTag-Cyad1yBE.js → useMergeTag-D3XDE_58.js} +1 -1
- package/dist/{useScrollToBlock-BU5A9eS9.js → useScrollToBlock-DA_aIJXS.js} +1 -1
- package/dist/{x-BCop_VsL.js → x-DrZO5tt0.js} +1 -1
- package/package.json +30 -26
- package/dist/cdn/chunks/ca--zGWn9AU.js.map +0 -1
- package/dist/cdn/chunks/de-BRNLKcDl.js.map +0 -1
- package/dist/cdn/chunks/en-DxpXHoxJ.js +0 -2
- package/dist/cdn/chunks/en-JJjqHMjy.js.map +0 -1
- package/dist/cdn/chunks/es-BIh8BxV9.js.map +0 -1
- package/dist/cdn/chunks/fr-C5VUZogP.js.map +0 -1
- package/dist/cdn/chunks/ja-x5JYxaCW.js.map +0 -1
- package/dist/cdn/chunks/liquid.browser-BypTT2oc.js.map +0 -1
- package/dist/cdn/chunks/nl-UXxFyXV6.js.map +0 -1
- package/dist/cdn/chunks/pt-BR-DHm3SP6W.js.map +0 -1
- package/dist/cdn/chunks/socialIcons-ZOCwCCyn.js.map +0 -1
- package/dist/cdn/chunks/src-BR3I3gOW.js.map +0 -1
- package/dist/cdn/chunks/tiptap-D1u8JIUW.js.map +0 -1
- package/dist/dist-BUHovM4k.js +0 -5
- package/dist/dist-DdOAotfz.js +0 -5
- package/dist/en-CdCFaV2V.js +0 -2
package/dist/cdn/editor.js
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import { B as e, E as t, F as n, H as r, I as i, M as a, N as o, P as s, Q as c, R as l, S as u, U as d, Y as f, _ as p, at as m, b as h, c as g, ct as _, f as v, g as y, h as b, j as x, k as S, l as C, lt as w, m as T, n as E, o as D, p as O, r as k, s as A, t as j, u as M, ut as N, w as P, x as F, y as I } from "./chunks/draggable-IB4x6w2O.js";
|
|
2
|
-
import { A as L, C as R, D as z, E as B, F as V, G as
|
|
3
|
-
import { c as
|
|
4
|
-
import { _ as
|
|
5
|
-
import { a as
|
|
6
|
-
import { A as
|
|
7
|
-
import { $ as
|
|
1
|
+
import { B as e, E as t, F as n, H as r, I as i, M as a, N as o, P as s, Q as c, R as l, S as u, U as d, Y as f, _ as p, at as m, b as h, c as g, ct as _, f as v, g as y, h as b, j as x, k as S, l as C, lt as w, m as T, n as E, o as D, p as O, r as k, s as A, t as j, u as M, ut as N, v as ee, w as P, x as F, y as I } from "./chunks/draggable-IB4x6w2O.js";
|
|
2
|
+
import { A as L, C as R, D as z, E as B, F as V, G as H, K as U, L as W, S as G, T as K, U as q, a as J, b as Y, d as X, h as te, i as Z, it as ne, o as re, r as ie, ut as ae, w as oe, x as se } from "./chunks/src-QIGNPFkl.js";
|
|
3
|
+
import { c as ce, d as le, f as ue, l as de, p as fe, s as pe, u as me, x as he } from "./chunks/socialIcons-CnUJBZTO.js";
|
|
4
|
+
import { _ as ge, d as _e, g as ve } from "./chunks/dist-BRZhN8qJ.js";
|
|
5
|
+
import { a as ye } from "./chunks/dist-CXB2_kBa.js";
|
|
6
|
+
import { A as be, D as xe, E as Se, M as Ce, N as we, O as Te, S as Ee, a as De, c as Oe, d as ke, f as Ae, h as je, i as Me, j as Ne, k as Pe, l as Fe, m as Ie, n as Le, o as Re, p as ze, r as Be, s as Ve, t as He, u as Ue, v as We, w as Ge, x as Ke } from "./chunks/useEditorCore-DjD7fJpq.js";
|
|
7
|
+
import { $ as qe, A as Je, E as Ye, J as Xe, K as Ze, M as Qe, N as $e, P as et, Q as tt, U as nt, V as rt, X as it, Z as at, f as ot, g as st, l as ct, m as lt, o as ut, p as dt, q as ft, r as pt, s as mt, z as ht } from "./chunks/keys-DCWeHkSF.js";
|
|
8
8
|
import { t as Q } from "./chunks/useI18n-CyO_Nmca.js";
|
|
9
|
-
import { t as
|
|
10
|
-
import { t as
|
|
11
|
-
import { $ as
|
|
12
|
-
import { t as
|
|
13
|
-
import { t as
|
|
14
|
-
import { C as
|
|
15
|
-
import { n 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 { t as
|
|
23
|
-
import { t as
|
|
9
|
+
import { t as gt } from "./chunks/logger-ByvdoAwq.js";
|
|
10
|
+
import { t as _t } from "./chunks/templateSettingsFields-YCFVBVYh.js";
|
|
11
|
+
import { $ as vt, D as yt, E as bt, Et as xt, I as St, J as Ct, L as wt, Lt as Tt, M as Et, N as Dt, Nt as Ot, P as kt, Rt as At, Tt as jt, X as Mt, at as Nt, ct as Pt, et as Ft, mt as It, n as Lt, nt as Rt, ut as zt, x as Bt } from "./chunks/icons-BjvraR-Y.js";
|
|
12
|
+
import { t as Vt } from "./chunks/_plugin-vue_export-helper-B3ysoDQm.js";
|
|
13
|
+
import { t as Ht } from "./chunks/useCloudI18n-CrjWbpbu.js";
|
|
14
|
+
import { C as Ut, S as Wt, p as Gt, y as Kt } from "./chunks/styleConstants-C_YAPdQS.js";
|
|
15
|
+
import { n as qt, r as Jt, t as Yt } from "./chunks/WrapperBlock-23nAzweL.js";
|
|
16
|
+
import { t as Xt } from "./chunks/readableTextColor-f8Kykfnh.js";
|
|
17
|
+
import { t as Zt } from "./chunks/blockTypeIcons-BMZi7sdX.js";
|
|
18
|
+
import { t as Qt } from "./chunks/useScrollToBlock-DgHZJvID.js";
|
|
19
|
+
import { n as $t, t as en } from "./chunks/MergeTagModeToggle-DU0WqgVH.js";
|
|
20
|
+
import { t as tn } from "./chunks/formatAbsoluteDateTime-DMmop3C-.js";
|
|
21
|
+
import { t as nn } from "./chunks/formatRelativeTime-CtUU-QZ8.js";
|
|
22
|
+
import { t as rn } from "./chunks/TplModal-BVUBOEQL.js";
|
|
23
|
+
import { t as an } from "./chunks/preRenderCustomBlocks-Bg3rIgGJ.js";
|
|
24
24
|
//#region src/utils/resolveTemplateDefaults.ts
|
|
25
|
-
var
|
|
26
|
-
function
|
|
27
|
-
let t = e.locale?.trim().replace(/_/g, "-"), n = t &&
|
|
25
|
+
var on = /^[a-z]{2,3}(-[a-z0-9]{2,8})*$/i;
|
|
26
|
+
function sn(e) {
|
|
27
|
+
let t = e.locale?.trim().replace(/_/g, "-"), n = t && on.test(t) ? { locale: t } : void 0;
|
|
28
28
|
if (n || e.templateDefaults) return {
|
|
29
29
|
...n,
|
|
30
30
|
...e.templateDefaults
|
|
@@ -32,14 +32,14 @@ function on(e) {
|
|
|
32
32
|
}
|
|
33
33
|
//#endregion
|
|
34
34
|
//#region src/composables/useCommentsFeature.ts
|
|
35
|
-
function
|
|
36
|
-
let { provider: n, editor: r } = t, i =
|
|
35
|
+
function cn(t) {
|
|
36
|
+
let { provider: n, editor: r } = t, i = de({
|
|
37
37
|
provider: n,
|
|
38
38
|
getTemplateId: () => r.state.template?.id ?? null,
|
|
39
39
|
getUser: () => t.user ?? null,
|
|
40
40
|
onError: t.onError
|
|
41
41
|
});
|
|
42
|
-
|
|
42
|
+
ce({
|
|
43
43
|
comments: i,
|
|
44
44
|
provider: n,
|
|
45
45
|
getTemplateId: () => r.state.template?.id ?? null
|
|
@@ -92,16 +92,16 @@ function sn(t) {
|
|
|
92
92
|
}
|
|
93
93
|
//#endregion
|
|
94
94
|
//#region src/composables/useMediaFeature.ts
|
|
95
|
-
function
|
|
95
|
+
function ln(e) {
|
|
96
96
|
return e instanceof Error ? e : Error(String(e));
|
|
97
97
|
}
|
|
98
|
-
function
|
|
98
|
+
function un(e, t, n) {
|
|
99
99
|
let r = e.maxFileSize ?? Infinity;
|
|
100
100
|
if (t.size > r) return /* @__PURE__ */ Error(`Image is too large (${t.size} bytes). Maximum allowed is ${r} bytes.`);
|
|
101
101
|
let i = e.mimeTypes;
|
|
102
102
|
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"}.`);
|
|
103
103
|
}
|
|
104
|
-
function
|
|
104
|
+
function dn(e) {
|
|
105
105
|
let { provider: t, onRequestMedia: n, getTemplateId: r, onError: i } = e, a = c(!1), o = c(void 0), s = v(() => r?.()), l = v(() => !!n || typeof t?.create == "function"), u = null;
|
|
106
106
|
function d(e) {
|
|
107
107
|
a.value = !1, u?.(e), u = null;
|
|
@@ -123,7 +123,7 @@ function un(e) {
|
|
|
123
123
|
if (!t) return null;
|
|
124
124
|
if (e?.files?.length) {
|
|
125
125
|
if (typeof t.create != "function") return null;
|
|
126
|
-
let n = e.files[0], a =
|
|
126
|
+
let n = e.files[0], a = un(t, n, e.accept);
|
|
127
127
|
if (a) return i?.(a), null;
|
|
128
128
|
let o = r?.();
|
|
129
129
|
try {
|
|
@@ -134,14 +134,14 @@ function un(e) {
|
|
|
134
134
|
try {
|
|
135
135
|
t.onCreated?.(e);
|
|
136
136
|
} catch (e) {
|
|
137
|
-
i?.(
|
|
137
|
+
i?.(ln(e));
|
|
138
138
|
}
|
|
139
139
|
return {
|
|
140
140
|
url: e.url,
|
|
141
141
|
alt: e.alt
|
|
142
142
|
};
|
|
143
143
|
} catch (e) {
|
|
144
|
-
return i?.(
|
|
144
|
+
return i?.(ln(e)), null;
|
|
145
145
|
}
|
|
146
146
|
}
|
|
147
147
|
return u &&= (u(null), null), o.value = e?.accept, a.value = !0, new Promise((e) => {
|
|
@@ -159,8 +159,8 @@ function un(e) {
|
|
|
159
159
|
}
|
|
160
160
|
//#endregion
|
|
161
161
|
//#region src/composables/useSavedBlocksFeature.ts
|
|
162
|
-
function
|
|
163
|
-
let { provider: n, editor: r } = t, i =
|
|
162
|
+
function fn(t) {
|
|
163
|
+
let { provider: n, editor: r } = t, i = fe({
|
|
164
164
|
provider: n,
|
|
165
165
|
onError: t.onError
|
|
166
166
|
}), a = c(!1), o = c(!1), l = c(!1), u = c(/* @__PURE__ */ new Set()), d = v(() => l.value), f = v(() => u.value.size);
|
|
@@ -204,7 +204,7 @@ function dn(t) {
|
|
|
204
204
|
i.load().catch(() => {});
|
|
205
205
|
}
|
|
206
206
|
let w = v(() => i.savedBlocks.value.length), T = v(() => t.isAvailable?.() ?? !0);
|
|
207
|
-
return s(
|
|
207
|
+
return s(nt, i), {
|
|
208
208
|
headless: i,
|
|
209
209
|
isPicking: d,
|
|
210
210
|
pickedIds: u,
|
|
@@ -241,11 +241,11 @@ function dn(t) {
|
|
|
241
241
|
}
|
|
242
242
|
//#endregion
|
|
243
243
|
//#region src/composables/useTemplatesFeature.ts
|
|
244
|
-
var
|
|
245
|
-
function
|
|
246
|
-
let { provider: t, editor: n } = e, r = c("idle"), i = c(""), { start: a, stop: o } =
|
|
244
|
+
var pn = 3e3;
|
|
245
|
+
function mn(e) {
|
|
246
|
+
let { provider: t, editor: n } = e, r = c("idle"), i = c(""), { start: a, stop: o } = ge(() => {
|
|
247
247
|
r.value = "idle";
|
|
248
|
-
},
|
|
248
|
+
}, pn, { immediate: !1 }), s = v(() => typeof t.create == "function"), l = v(() => typeof t.save == "function"), u = v(() => e.isAvailable?.() ?? !0), d = v(() => n.state.template?.name), f = v(() => {
|
|
249
249
|
let e = n.state.template;
|
|
250
250
|
return e?.updatedAt ? {
|
|
251
251
|
iso: e.updatedAt,
|
|
@@ -317,7 +317,7 @@ function pn(e) {
|
|
|
317
317
|
let t = e.trim();
|
|
318
318
|
t && t !== n.state.template?.name && (n.setName(t), w("rename"));
|
|
319
319
|
}
|
|
320
|
-
return e.guardUnsavedChanges !== !1 &&
|
|
320
|
+
return e.guardUnsavedChanges !== !1 && ye(window, "beforeunload", (e) => {
|
|
321
321
|
n.state.isDirty && (e.preventDefault(), e.returnValue = "");
|
|
322
322
|
}), {
|
|
323
323
|
save: _,
|
|
@@ -352,15 +352,15 @@ function pn(e) {
|
|
|
352
352
|
}
|
|
353
353
|
//#endregion
|
|
354
354
|
//#region src/utils/toMjml.ts
|
|
355
|
-
async function
|
|
355
|
+
async function hn() {
|
|
356
356
|
try {
|
|
357
|
-
return await import("./chunks/src-
|
|
357
|
+
return await import("./chunks/src-BmKDV_BK.js");
|
|
358
358
|
} catch {
|
|
359
359
|
return null;
|
|
360
360
|
}
|
|
361
361
|
}
|
|
362
|
-
async function
|
|
363
|
-
let t = await
|
|
362
|
+
async function gn(e) {
|
|
363
|
+
let t = await hn();
|
|
364
364
|
if (!t) throw Error("[Templatical] toMjml() requires the @templatical/renderer package. Please install it.");
|
|
365
365
|
let n = e.getCustomBlockStylesheet, r = e.getFonts?.(), i = e.getLayout?.();
|
|
366
366
|
return t.renderToMjml(e.getContent(), {
|
|
@@ -376,11 +376,11 @@ async function hn(e) {
|
|
|
376
376
|
}
|
|
377
377
|
//#endregion
|
|
378
378
|
//#region src/composables/useTestEmailFeature.ts
|
|
379
|
-
var
|
|
380
|
-
function
|
|
379
|
+
var _n = 1200;
|
|
380
|
+
function vn(e) {
|
|
381
381
|
return e instanceof Error ? e : Error(String(e));
|
|
382
382
|
}
|
|
383
|
-
function
|
|
383
|
+
function yn(e) {
|
|
384
384
|
let { provider: t } = e, n = c(!1), r = c(!1), i = c(!1), a = c(null), o = null, s = !1;
|
|
385
385
|
function l() {
|
|
386
386
|
o !== null && (clearTimeout(o), o = null);
|
|
@@ -402,8 +402,8 @@ function vn(e) {
|
|
|
402
402
|
if (t.includeMjml && e.renderMjml) try {
|
|
403
403
|
return await e.renderMjml();
|
|
404
404
|
} catch (t) {
|
|
405
|
-
if ((e.usesLocalRenderer?.() ?? !0) && await
|
|
406
|
-
s || (s = !0,
|
|
405
|
+
if ((e.usesLocalRenderer?.() ?? !0) && await hn() === null) {
|
|
406
|
+
s || (s = !0, gt.warn("testEmail.includeMjml is set but @templatical/renderer is not installed — sending the template as JSON only. Install it to receive `payload.mjml`."));
|
|
407
407
|
return;
|
|
408
408
|
}
|
|
409
409
|
throw t;
|
|
@@ -413,7 +413,7 @@ function vn(e) {
|
|
|
413
413
|
try {
|
|
414
414
|
t.onSent?.(n);
|
|
415
415
|
} catch (t) {
|
|
416
|
-
e.onError?.(
|
|
416
|
+
e.onError?.(vn(t));
|
|
417
417
|
}
|
|
418
418
|
}
|
|
419
419
|
async function y(n) {
|
|
@@ -431,9 +431,9 @@ function vn(e) {
|
|
|
431
431
|
...r === void 0 ? {} : { mjml: r },
|
|
432
432
|
...s === void 0 ? {} : { allowedRecipients: s }
|
|
433
433
|
};
|
|
434
|
-
await t.send(a), i.value = !0, o = setTimeout(h,
|
|
434
|
+
await t.send(a), i.value = !0, o = setTimeout(h, _n), _(a);
|
|
435
435
|
} catch (t) {
|
|
436
|
-
let n =
|
|
436
|
+
let n = vn(t);
|
|
437
437
|
a.value = {
|
|
438
438
|
kind: "provider",
|
|
439
439
|
message: n.message
|
|
@@ -461,8 +461,8 @@ function vn(e) {
|
|
|
461
461
|
}
|
|
462
462
|
//#endregion
|
|
463
463
|
//#region src/composables/useVersionHistoryFeature.ts
|
|
464
|
-
function
|
|
465
|
-
let { provider: t, editor: n, history: r, conditionPreview: i, autoSave: a } = e, o =
|
|
464
|
+
function bn(e) {
|
|
465
|
+
let { provider: t, editor: n, history: r, conditionPreview: i, autoSave: a } = e, o = me({
|
|
466
466
|
provider: t,
|
|
467
467
|
getTemplateId: () => n.state.template?.id ?? null,
|
|
468
468
|
onError: e.onError
|
|
@@ -488,7 +488,7 @@ function yn(e) {
|
|
|
488
488
|
return;
|
|
489
489
|
}
|
|
490
490
|
let t = await o.resolveContent(e);
|
|
491
|
-
p || (l.value =
|
|
491
|
+
p || (l.value = K(n.content.value), a?.pause(), s.value = e, n.setContent(t, !1));
|
|
492
492
|
}
|
|
493
493
|
async function D() {
|
|
494
494
|
if (s.value) {
|
|
@@ -572,12 +572,12 @@ function yn(e) {
|
|
|
572
572
|
}
|
|
573
573
|
//#endregion
|
|
574
574
|
//#region src/types/auto-save.ts
|
|
575
|
-
function
|
|
575
|
+
function xn(e, t) {
|
|
576
576
|
return e ?? t;
|
|
577
577
|
}
|
|
578
578
|
//#endregion
|
|
579
579
|
//#region src/utils/resolveLintOptions.ts
|
|
580
|
-
function
|
|
580
|
+
function Sn(e) {
|
|
581
581
|
return {
|
|
582
582
|
...e.lint,
|
|
583
583
|
locale: e.locale
|
|
@@ -585,13 +585,13 @@ function xn(e) {
|
|
|
585
585
|
}
|
|
586
586
|
//#endregion
|
|
587
587
|
//#region src/utils/normalizeMergeTagMarkup.ts
|
|
588
|
-
function
|
|
588
|
+
function Cn(e) {
|
|
589
589
|
let t = e.flags.includes("g") ? e.flags : `${e.flags}g`;
|
|
590
590
|
return new RegExp(e.source, t);
|
|
591
591
|
}
|
|
592
|
-
function
|
|
592
|
+
function wn(e, t, n) {
|
|
593
593
|
let r = [], i = (t, n, i) => {
|
|
594
|
-
let a =
|
|
594
|
+
let a = Cn(t), o = a.exec(e);
|
|
595
595
|
for (; o !== null;) {
|
|
596
596
|
let t = o.index, s = t + o[0].length;
|
|
597
597
|
o[0].length === 0 ? a.lastIndex++ : r.some((e) => t < e.end && s > e.start) || r.push({
|
|
@@ -603,9 +603,9 @@ function Cn(e, t, n) {
|
|
|
603
603
|
}), o = a.exec(e);
|
|
604
604
|
}
|
|
605
605
|
};
|
|
606
|
-
return i(n.logic, "data-logic-merge-tag", (e) =>
|
|
606
|
+
return i(n.logic, "data-logic-merge-tag", (e) => J(e, n)), i(n.value, "data-merge-tag", (e) => re(e, t)), r.sort((e, t) => e.start - t.start);
|
|
607
607
|
}
|
|
608
|
-
function
|
|
608
|
+
function Tn(e) {
|
|
609
609
|
let t = e.createTreeWalker(e.body, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT, { acceptNode(e) {
|
|
610
610
|
if (e.nodeType !== 1) return NodeFilter.FILTER_ACCEPT;
|
|
611
611
|
let t = e;
|
|
@@ -614,11 +614,11 @@ function wn(e) {
|
|
|
614
614
|
for (; r !== null;) n.push(r), r = t.nextNode();
|
|
615
615
|
return n;
|
|
616
616
|
}
|
|
617
|
-
function
|
|
618
|
-
if (!e || !
|
|
617
|
+
function En(e, t, n) {
|
|
618
|
+
if (!e || !Z(e, n) || typeof DOMParser > "u") return e;
|
|
619
619
|
let r = new DOMParser().parseFromString(`<!doctype html><body>${e}</body>`, "text/html"), i = 0;
|
|
620
|
-
for (let e of
|
|
621
|
-
let a = e.data, o =
|
|
620
|
+
for (let e of Tn(r)) {
|
|
621
|
+
let a = e.data, o = wn(a, t, n);
|
|
622
622
|
if (o.length === 0) continue;
|
|
623
623
|
let s = r.createDocumentFragment(), c = 0;
|
|
624
624
|
for (let e of o) {
|
|
@@ -630,13 +630,13 @@ function Tn(e, t, n) {
|
|
|
630
630
|
}
|
|
631
631
|
return i === 0 ? e : r.body.innerHTML;
|
|
632
632
|
}
|
|
633
|
-
function
|
|
633
|
+
function Dn(e, t, n) {
|
|
634
634
|
if (e.type === "section") {
|
|
635
635
|
if (!Array.isArray(e.children)) return e;
|
|
636
636
|
let r = !1, i = e.children.map((e) => {
|
|
637
637
|
if (!Array.isArray(e)) return e;
|
|
638
638
|
let i = !1, a = e.map((e) => {
|
|
639
|
-
let r =
|
|
639
|
+
let r = Dn(e, t, n);
|
|
640
640
|
return r !== e && (i = !0), r;
|
|
641
641
|
});
|
|
642
642
|
return i ? (r = !0, a) : e;
|
|
@@ -649,7 +649,7 @@ function En(e, t, n) {
|
|
|
649
649
|
if (e.type === "wrapper") {
|
|
650
650
|
if (!Array.isArray(e.children)) return e;
|
|
651
651
|
let r = !1, i = e.children.map((e) => {
|
|
652
|
-
let i =
|
|
652
|
+
let i = Dn(e, t, n);
|
|
653
653
|
return i !== e && (r = !0), i;
|
|
654
654
|
});
|
|
655
655
|
return r ? {
|
|
@@ -658,16 +658,16 @@ function En(e, t, n) {
|
|
|
658
658
|
} : e;
|
|
659
659
|
}
|
|
660
660
|
if (e.type !== "title" && e.type !== "paragraph" || typeof e.content != "string") return e;
|
|
661
|
-
let r =
|
|
661
|
+
let r = En(e.content, t, n);
|
|
662
662
|
return r === e.content ? e : {
|
|
663
663
|
...e,
|
|
664
664
|
content: r
|
|
665
665
|
};
|
|
666
666
|
}
|
|
667
|
-
function
|
|
667
|
+
function On(e, t, n) {
|
|
668
668
|
if (!e || !Array.isArray(e.blocks)) return e;
|
|
669
669
|
let r = !1, i = e.blocks.map((e) => {
|
|
670
|
-
let i =
|
|
670
|
+
let i = Dn(e, t, n);
|
|
671
671
|
return i !== e && (r = !0), i;
|
|
672
672
|
});
|
|
673
673
|
return r ? {
|
|
@@ -675,10 +675,13 @@ function Dn(e, t, n) {
|
|
|
675
675
|
blocks: i
|
|
676
676
|
} : e;
|
|
677
677
|
}
|
|
678
|
-
function On(e, t) {
|
|
679
|
-
return Dn(e, t?.tags ?? [], X(t?.syntax));
|
|
680
|
-
}
|
|
681
678
|
function kn(e, t) {
|
|
679
|
+
return On(An(e), t?.tags ?? [], te(t?.syntax));
|
|
680
|
+
}
|
|
681
|
+
function An(e) {
|
|
682
|
+
return typeof e == "object" && e ? K(e) : e;
|
|
683
|
+
}
|
|
684
|
+
function jn(e, t) {
|
|
682
685
|
return {
|
|
683
686
|
get state() {
|
|
684
687
|
return e.state;
|
|
@@ -686,47 +689,47 @@ function kn(e, t) {
|
|
|
686
689
|
get content() {
|
|
687
690
|
return e.content;
|
|
688
691
|
},
|
|
689
|
-
setContent: (n, r) => e.setContent(
|
|
692
|
+
setContent: (n, r) => e.setContent(kn(n, t), r)
|
|
690
693
|
};
|
|
691
694
|
}
|
|
692
|
-
function
|
|
695
|
+
function Mn(e, t) {
|
|
693
696
|
return {
|
|
694
697
|
...e,
|
|
695
698
|
async load(n) {
|
|
696
|
-
let r = await e.load(n)
|
|
697
|
-
return
|
|
699
|
+
let r = await e.load(n);
|
|
700
|
+
return {
|
|
698
701
|
...r,
|
|
699
|
-
content:
|
|
702
|
+
content: kn(r.content, t)
|
|
700
703
|
};
|
|
701
704
|
}
|
|
702
705
|
};
|
|
703
706
|
}
|
|
704
707
|
//#endregion
|
|
705
708
|
//#region src/components/Canvas.vue?vue&type=script&setup=true&lang.ts
|
|
706
|
-
var
|
|
709
|
+
var Nn = ["aria-label"], Pn = ["lang", "dir"], Fn = {
|
|
707
710
|
key: 0,
|
|
708
711
|
role: "status",
|
|
709
712
|
"aria-busy": "true",
|
|
710
713
|
"data-testid": "preview-resolution-loading",
|
|
711
714
|
class: "tpl:flex tpl:flex-col tpl:gap-3 tpl:p-6"
|
|
712
|
-
},
|
|
715
|
+
}, In = { class: "tpl:sr-only" }, Ln = {
|
|
713
716
|
key: 1,
|
|
714
717
|
role: "status",
|
|
715
718
|
"data-testid": "preview-resolution-failed",
|
|
716
719
|
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)]"
|
|
717
|
-
},
|
|
720
|
+
}, Rn = {
|
|
718
721
|
key: 0,
|
|
719
722
|
class: "tpl-canvas-empty-content tpl:flex tpl:flex-col tpl:items-center"
|
|
720
|
-
},
|
|
723
|
+
}, zn = { class: "tpl-canvas-empty-icon tpl:mb-4 tpl:text-[var(--tpl-primary)]" }, Bn = { class: "tpl-canvas-empty-title tpl:m-0 tpl:mb-2 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-primary)]" }, Vn = { class: "tpl-canvas-empty-text tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-dim)]" }, Hn = {
|
|
721
724
|
key: 0,
|
|
722
725
|
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)]"
|
|
723
|
-
},
|
|
726
|
+
}, Un = {
|
|
724
727
|
key: 1,
|
|
725
728
|
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)]"
|
|
726
|
-
},
|
|
729
|
+
}, Wn = { class: "tpl:relative" }, Gn = {
|
|
727
730
|
class: "tpl:inline-flex tpl:size-3 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[10px] tpl:font-bold",
|
|
728
731
|
style: { "background-color": "color-mix(\n in srgb,\n var(--tpl-bg) 30%,\n transparent\n )" }
|
|
729
|
-
},
|
|
732
|
+
}, Kn = /*#__PURE__*/ Vt(/* @__PURE__ */ u({
|
|
730
733
|
__name: "Canvas",
|
|
731
734
|
props: {
|
|
732
735
|
viewport: {},
|
|
@@ -743,23 +746,23 @@ var jn = ["aria-label"], Mn = ["lang", "dir"], Nn = {
|
|
|
743
746
|
],
|
|
744
747
|
setup(e, { emit: i }) {
|
|
745
748
|
let a = {
|
|
746
|
-
section:
|
|
747
|
-
title:
|
|
748
|
-
paragraph:
|
|
749
|
-
image:
|
|
750
|
-
button:
|
|
751
|
-
divider:
|
|
752
|
-
spacer:
|
|
753
|
-
html:
|
|
754
|
-
social:
|
|
755
|
-
menu:
|
|
756
|
-
table:
|
|
757
|
-
video:
|
|
758
|
-
custom:
|
|
759
|
-
wrapper:
|
|
760
|
-
}, u = e, f = i, { t: p } = Q(), { t: g } =
|
|
761
|
-
s(
|
|
762
|
-
let
|
|
749
|
+
section: Re,
|
|
750
|
+
title: Ve,
|
|
751
|
+
paragraph: Fe,
|
|
752
|
+
image: ke,
|
|
753
|
+
button: Ee,
|
|
754
|
+
divider: ze,
|
|
755
|
+
spacer: Me,
|
|
756
|
+
html: Ae,
|
|
757
|
+
social: De,
|
|
758
|
+
menu: Ue,
|
|
759
|
+
table: Be,
|
|
760
|
+
video: Le,
|
|
761
|
+
custom: Ie,
|
|
762
|
+
wrapper: Yt
|
|
763
|
+
}, u = e, f = i, { t: p } = Q(), { t: g } = Ht(), x = qe(st, "Canvas"), S = t(ot, null), C = t(mt, null), E = t(ct, {}), D = t(Qe, null), k = t(rt, null);
|
|
764
|
+
s(tt, v(() => u.previewMode && (D?.value ?? !1) && !k?.isConfigured));
|
|
765
|
+
let ee = v(() => (E.plan?.hasFeature("aiGeneration") ?? !1) && (E.ai?.isFeatureEnabled("chat") ?? !1)), P = v(() => (E.plan?.hasFeature("aiGeneration") ?? !1) && (E.ai?.isFeatureEnabled("designToTemplate") ?? !1)), F = t(pt, null), L = v({
|
|
763
766
|
get: () => u.content.blocks,
|
|
764
767
|
set: (e) => {
|
|
765
768
|
x.setContent({
|
|
@@ -767,7 +770,7 @@ var jn = ["aria-label"], Mn = ["lang", "dir"], Nn = {
|
|
|
767
770
|
blocks: e
|
|
768
771
|
});
|
|
769
772
|
}
|
|
770
|
-
}),
|
|
773
|
+
}), R = v(() => Jt(u.content.settings, u.viewport)), z = v(() => R.value + 192), B = v(() => Ge(u.content.settings)), V = v(() => u.content.settings?.locale?.trim() || void 0), U = v(() => H(u.content.settings)), W = v(() => L.value.length === 0 && !u.previewMode), G = c(0), K = v(() => W.value && G.value > 0);
|
|
771
774
|
function q() {
|
|
772
775
|
W.value && (G.value += 1);
|
|
773
776
|
}
|
|
@@ -781,7 +784,7 @@ var jn = ["aria-label"], Mn = ["lang", "dir"], Nn = {
|
|
|
781
784
|
u.previewMode || E.savedBlocks?.isPicking.value || e.target === e.currentTarget && f("select-block", null);
|
|
782
785
|
}
|
|
783
786
|
function te(e) {
|
|
784
|
-
return
|
|
787
|
+
return Se(e, C, a);
|
|
785
788
|
}
|
|
786
789
|
function Z(e) {
|
|
787
790
|
return u.lockedBlocks?.get(e) ?? null;
|
|
@@ -808,11 +811,11 @@ var jn = ["aria-label"], Mn = ["lang", "dir"], Nn = {
|
|
|
808
811
|
return (t, i) => (o(), y("div", {
|
|
809
812
|
class: "tpl-canvas-stage tpl:relative tpl:mx-auto tpl:flex tpl:justify-center tpl:rounded-lg",
|
|
810
813
|
style: w({
|
|
811
|
-
width: `${
|
|
814
|
+
width: `${z.value}px`,
|
|
812
815
|
maxWidth: "calc(100% - 4 * var(--tpl-base-size))",
|
|
813
816
|
minWidth: "min-content",
|
|
814
817
|
boxShadow: e.darkMode ? "none" : "var(--tpl-shadow-xl)",
|
|
815
|
-
transition: m(
|
|
818
|
+
transition: m(qt)
|
|
816
819
|
})
|
|
817
820
|
}, [O("div", {
|
|
818
821
|
class: "tpl-canvas-bg tpl:absolute tpl:inset-0 tpl:rounded-lg tpl:pointer-events-none",
|
|
@@ -827,25 +830,25 @@ var jn = ["aria-label"], Mn = ["lang", "dir"], Nn = {
|
|
|
827
830
|
"aria-label": m(p).landmarks.canvas,
|
|
828
831
|
class: "tpl-canvas-wrapper tpl:relative",
|
|
829
832
|
style: w({
|
|
830
|
-
width: `${
|
|
831
|
-
transition: m(
|
|
833
|
+
width: `${R.value}px`,
|
|
834
|
+
transition: m(qt)
|
|
832
835
|
})
|
|
833
836
|
}, [O("div", {
|
|
834
837
|
class: _(["tpl-canvas tpl:relative tpl:rounded-lg", {
|
|
835
838
|
"tpl-canvas--dark-mode": e.darkMode,
|
|
836
839
|
"tpl-preview-mode": e.previewMode
|
|
837
840
|
}]),
|
|
838
|
-
lang:
|
|
841
|
+
lang: V.value,
|
|
839
842
|
dir: U.value,
|
|
840
|
-
style: w(
|
|
843
|
+
style: w(B.value),
|
|
841
844
|
onClick: X
|
|
842
|
-
}, [m(k)?.isInitialResolve.value ? (o(), y("div",
|
|
845
|
+
}, [m(k)?.isInitialResolve.value ? (o(), y("div", Fn, [O("span", In, N(m(p).previewResolution.resolving), 1), (o(), y(M, null, n(3, (e) => O("div", {
|
|
843
846
|
key: e,
|
|
844
847
|
"aria-hidden": "true",
|
|
845
848
|
class: "tpl-pulse tpl:h-16 tpl:rounded-md tpl:bg-[var(--tpl-bg-hover)]"
|
|
846
|
-
})), 64))])) : m(k)?.hasFailed.value ? (o(), y("p",
|
|
847
|
-
modelValue:
|
|
848
|
-
"onUpdate:modelValue": i[2] ||= (e) =>
|
|
849
|
+
})), 64))])) : m(k)?.hasFailed.value ? (o(), y("p", Ln, N(m(p).previewResolution.failed), 1)) : b("", !0), d(h(m(j), {
|
|
850
|
+
modelValue: L.value,
|
|
851
|
+
"onUpdate:modelValue": i[2] ||= (e) => L.value = e,
|
|
849
852
|
group: "blocks",
|
|
850
853
|
animation: 150,
|
|
851
854
|
"ghost-class": "tpl-ghost",
|
|
@@ -866,39 +869,39 @@ var jn = ["aria-label"], Mn = ["lang", "dir"], Nn = {
|
|
|
866
869
|
onDragleave: J,
|
|
867
870
|
onDrop: Y
|
|
868
871
|
}, {
|
|
869
|
-
default: r(() => [W.value ? (o(), y("div",
|
|
870
|
-
O("div",
|
|
872
|
+
default: r(() => [W.value ? (o(), y("div", Rn, [
|
|
873
|
+
O("div", zn, [h(m(bt), {
|
|
871
874
|
size: 48,
|
|
872
875
|
"stroke-width": 1
|
|
873
876
|
})]),
|
|
874
|
-
O("p",
|
|
875
|
-
O("p",
|
|
876
|
-
|
|
877
|
+
O("p", Bn, N(m(p).canvas.noBlocks), 1),
|
|
878
|
+
O("p", Vn, N(m(p).canvas.dragHint), 1),
|
|
879
|
+
ee.value && m(g) ? (o(), y("p", Hn, [
|
|
877
880
|
I(N(m(p).canvas.aiHintChat) + " ", 1),
|
|
878
881
|
O("button", {
|
|
879
882
|
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)]",
|
|
880
883
|
onClick: i[0] ||= (e) => f("open-ai-chat")
|
|
881
|
-
}, [h(m(
|
|
884
|
+
}, [h(m(yt), {
|
|
882
885
|
size: 14,
|
|
883
886
|
"stroke-width": 2
|
|
884
887
|
}), I(" " + N(m(g).aiMenu.aiAssistant), 1)]),
|
|
885
888
|
I(" " + N(m(p).canvas.aiHintChatSuffix), 1)
|
|
886
889
|
])) : b("", !0),
|
|
887
|
-
|
|
890
|
+
P.value && m(g) ? (o(), y("p", Un, [
|
|
888
891
|
I(N(m(p).canvas.aiHintDesign) + " ", 1),
|
|
889
892
|
O("button", {
|
|
890
893
|
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)]",
|
|
891
894
|
onClick: i[1] ||= (e) => f("open-design-reference")
|
|
892
|
-
}, [h(m(
|
|
895
|
+
}, [h(m(It), {
|
|
893
896
|
size: 14,
|
|
894
897
|
"stroke-width": 2
|
|
895
898
|
}), I(" " + N(m(g).aiMenu.designToTemplate), 1)]),
|
|
896
899
|
I(" " + N(m(p).canvas.aiHintDesignSuffix), 1)
|
|
897
900
|
])) : b("", !0)
|
|
898
|
-
])) : b("", !0), (o(!0), y(M, null, n(
|
|
901
|
+
])) : b("", !0), (o(!0), y(M, null, n(L.value, (t) => d((o(), y("div", {
|
|
899
902
|
key: t.id,
|
|
900
903
|
class: "tpl-block-item"
|
|
901
|
-
}, [O("div",
|
|
904
|
+
}, [O("div", Wn, [Z(t.id) ? (o(), y("div", {
|
|
902
905
|
key: 0,
|
|
903
906
|
class: "tpl-collab-lock tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[4] tpl:rounded-sm",
|
|
904
907
|
style: w({
|
|
@@ -909,13 +912,13 @@ var jn = ["aria-label"], Mn = ["lang", "dir"], Nn = {
|
|
|
909
912
|
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",
|
|
910
913
|
style: w({
|
|
911
914
|
backgroundColor: Z(t.id).color,
|
|
912
|
-
color: m(
|
|
915
|
+
color: m(Xt)(Z(t.id).color)
|
|
913
916
|
})
|
|
914
|
-
}, [O("span",
|
|
917
|
+
}, [O("span", Gn, N(Z(t.id).name.charAt(0)), 1), I(" " + N(Z(t.id).name), 1)], 4)], 4)) : b("", !0), t.type === "wrapper" ? (o(), T(l(te(t)), {
|
|
915
918
|
key: 1,
|
|
916
919
|
block: t,
|
|
917
920
|
viewport: e.viewport
|
|
918
|
-
}, null, 8, ["block", "viewport"])) : (o(), T(
|
|
921
|
+
}, null, 8, ["block", "viewport"])) : (o(), T(Oe, {
|
|
919
922
|
key: 2,
|
|
920
923
|
block: t,
|
|
921
924
|
"is-selected": !e.previewMode && !ie.value && e.selectedBlockId === t.id && !Z(t.id),
|
|
@@ -943,18 +946,18 @@ var jn = ["aria-label"], Mn = ["lang", "dir"], Nn = {
|
|
|
943
946
|
"viewport",
|
|
944
947
|
"preview-mode",
|
|
945
948
|
"onSelect"
|
|
946
|
-
]))])])), [[A, m(
|
|
949
|
+
]))])])), [[A, m(F) === !1 || !m(S)?.isHidden(t.id)]])), 128))]),
|
|
947
950
|
_: 1
|
|
948
951
|
}, 8, [
|
|
949
952
|
"modelValue",
|
|
950
953
|
"disabled",
|
|
951
954
|
"class"
|
|
952
|
-
]), [[A, !m(k)?.isInitialResolve.value]])], 14,
|
|
955
|
+
]), [[A, !m(k)?.isInitialResolve.value]])], 14, Pn)], 12, Nn)], 4));
|
|
953
956
|
}
|
|
954
|
-
}), [["__scopeId", "data-v-04a5cab0"]]),
|
|
957
|
+
}), [["__scopeId", "data-v-04a5cab0"]]), qn = u({
|
|
955
958
|
name: "CustomBlockStylesheets",
|
|
956
959
|
setup() {
|
|
957
|
-
let e = t(
|
|
960
|
+
let e = t(lt, null);
|
|
958
961
|
return () => e ? e.value.map((e, t) => P("style", {
|
|
959
962
|
key: t,
|
|
960
963
|
"data-tpl-custom-block-stylesheet": "",
|
|
@@ -964,7 +967,7 @@ var jn = ["aria-label"], Mn = ["lang", "dir"], Nn = {
|
|
|
964
967
|
});
|
|
965
968
|
//#endregion
|
|
966
969
|
//#region src/utils/resolvePaletteBlocks.ts
|
|
967
|
-
function
|
|
970
|
+
function Jn(e, t) {
|
|
968
971
|
if (!t || t.length === 0) return {
|
|
969
972
|
items: e,
|
|
970
973
|
unknown: []
|
|
@@ -983,7 +986,7 @@ function Kn(e, t) {
|
|
|
983
986
|
}
|
|
984
987
|
//#endregion
|
|
985
988
|
//#region src/utils/resolveInsertPosition.ts
|
|
986
|
-
function
|
|
989
|
+
function Yn(e) {
|
|
987
990
|
let { blockType: t, selectedBlockId: n, findBlockLocation: r, isBlockLocked: i } = e;
|
|
988
991
|
if (!n) return {};
|
|
989
992
|
let a = r(n);
|
|
@@ -1001,51 +1004,51 @@ function qn(e) {
|
|
|
1001
1004
|
}
|
|
1002
1005
|
//#endregion
|
|
1003
1006
|
//#region src/components/Sidebar.vue?vue&type=script&setup=true&lang.ts
|
|
1004
|
-
var
|
|
1007
|
+
var Xn = ["aria-label"], Zn = {
|
|
1005
1008
|
key: 0,
|
|
1006
1009
|
class: "tpl:border-b tpl:px-1 tpl:pb-1 tpl:border-[var(--tpl-border)]"
|
|
1007
|
-
},
|
|
1010
|
+
}, Qn = ["aria-label"], $n = {
|
|
1008
1011
|
key: 0,
|
|
1009
1012
|
class: "tpl:truncate tpl:text-sm tpl:font-medium"
|
|
1010
|
-
},
|
|
1013
|
+
}, er = [
|
|
1011
1014
|
"data-palette-type",
|
|
1012
1015
|
"aria-label",
|
|
1013
1016
|
"onClick",
|
|
1014
1017
|
"onKeydown"
|
|
1015
|
-
],
|
|
1018
|
+
], tr = { 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" }, nr = {
|
|
1016
1019
|
key: 0,
|
|
1017
1020
|
class: "tpl:truncate tpl:text-sm tpl:font-medium"
|
|
1018
|
-
},
|
|
1021
|
+
}, rr = 4, ir = /* @__PURE__ */ u({
|
|
1019
1022
|
__name: "Sidebar",
|
|
1020
1023
|
setup(i) {
|
|
1021
|
-
let { t: a, format: s } = Q(), u = t(
|
|
1024
|
+
let { t: a, format: s } = Q(), u = t(dt, []), d = t(ht, void 0), p = t(ut, void 0), g = t(st, null), _ = Qt(), x = t(ct, {}), S = v(() => x.savedBlocks?.isAvailable.value === !0), C = c(!1), E = c(!1), D = c(null), k = !1, A = 0;
|
|
1022
1025
|
f(() => {
|
|
1023
1026
|
window.clearTimeout(A);
|
|
1024
1027
|
});
|
|
1025
|
-
function
|
|
1028
|
+
function ee() {
|
|
1026
1029
|
try {
|
|
1027
1030
|
return D.value?.querySelector(":focus-visible") != null;
|
|
1028
1031
|
} catch {
|
|
1029
1032
|
return !1;
|
|
1030
1033
|
}
|
|
1031
1034
|
}
|
|
1032
|
-
function
|
|
1033
|
-
E.value ||
|
|
1035
|
+
function P() {
|
|
1036
|
+
E.value || ee() || (C.value = !1);
|
|
1034
1037
|
}
|
|
1035
|
-
function
|
|
1038
|
+
function F() {
|
|
1036
1039
|
E.value = !0;
|
|
1037
1040
|
}
|
|
1038
|
-
function
|
|
1041
|
+
function I() {
|
|
1039
1042
|
E.value = !1;
|
|
1040
1043
|
}
|
|
1041
|
-
function
|
|
1044
|
+
function R() {
|
|
1042
1045
|
k = !0, window.clearTimeout(A);
|
|
1043
1046
|
}
|
|
1044
|
-
function
|
|
1047
|
+
function B(e) {
|
|
1045
1048
|
let t = e.relatedTarget;
|
|
1046
1049
|
t instanceof Node && D.value?.contains(t) || D.value?.matches(":hover") || (C.value = !1);
|
|
1047
1050
|
}
|
|
1048
|
-
function
|
|
1051
|
+
function V() {
|
|
1049
1052
|
D.value?.ownerDocument.dispatchEvent(new MouseEvent("click", {
|
|
1050
1053
|
bubbles: !0,
|
|
1051
1054
|
cancelable: !0,
|
|
@@ -1053,7 +1056,7 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1053
1056
|
}));
|
|
1054
1057
|
}
|
|
1055
1058
|
function H() {
|
|
1056
|
-
E.value = !1, D.value?.matches(":hover") ? (C.value = !0,
|
|
1059
|
+
E.value = !1, D.value?.matches(":hover") ? (C.value = !0, V()) : C.value = !1, window.clearTimeout(A), A = window.setTimeout(() => {
|
|
1057
1060
|
k = !1;
|
|
1058
1061
|
}, 0);
|
|
1059
1062
|
}
|
|
@@ -1073,20 +1076,20 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1073
1076
|
], W = v(() => {
|
|
1074
1077
|
let e = U.map((e) => ({
|
|
1075
1078
|
type: e,
|
|
1076
|
-
label:
|
|
1079
|
+
label: pe(e, a)
|
|
1077
1080
|
}));
|
|
1078
1081
|
return x.plan && e.splice(-1, 0, {
|
|
1079
1082
|
type: "countdown",
|
|
1080
|
-
label:
|
|
1083
|
+
label: pe("countdown", a)
|
|
1081
1084
|
}), e;
|
|
1082
1085
|
}), G = v(() => u.map((e) => ({
|
|
1083
1086
|
type: `custom:${e.type}`,
|
|
1084
1087
|
label: e.name,
|
|
1085
1088
|
isCustom: !0,
|
|
1086
1089
|
icon: e.icon
|
|
1087
|
-
}))), K = v(() => [...W.value, ...G.value]), q = v(() =>
|
|
1090
|
+
}))), K = v(() => [...W.value, ...G.value]), q = v(() => Jn(K.value, d)), J = v(() => q.value.items), Y = /* @__PURE__ */ new Set();
|
|
1088
1091
|
e(() => q.value.unknown, (e) => {
|
|
1089
|
-
for (let t of e) Y.has(t) || (Y.add(t),
|
|
1092
|
+
for (let t of e) Y.has(t) || (Y.add(t), gt.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.`));
|
|
1090
1093
|
}, { immediate: !0 });
|
|
1091
1094
|
function X(e) {
|
|
1092
1095
|
if (e.isCustom) {
|
|
@@ -1097,7 +1100,7 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1097
1100
|
}
|
|
1098
1101
|
function te(e) {
|
|
1099
1102
|
if (!g) return;
|
|
1100
|
-
let t = X(e), { targetSectionId: n, columnIndex: r, index: i } =
|
|
1103
|
+
let t = X(e), { targetSectionId: n, columnIndex: r, index: i } = Yn({
|
|
1101
1104
|
blockType: e.type,
|
|
1102
1105
|
selectedBlockId: g.state.selectedBlockId,
|
|
1103
1106
|
findBlockLocation: g.findBlockLocation,
|
|
@@ -1124,20 +1127,20 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1124
1127
|
transition: "width 200ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 200ms cubic-bezier(0.16, 1, 0.3, 1)"
|
|
1125
1128
|
}),
|
|
1126
1129
|
onMouseenter: t[1] ||= (e) => C.value = !0,
|
|
1127
|
-
onMouseleave:
|
|
1130
|
+
onMouseleave: P,
|
|
1128
1131
|
onFocusin: t[2] ||= (e) => C.value = !0,
|
|
1129
|
-
onFocusout:
|
|
1130
|
-
}, [S.value ? (o(), y("div",
|
|
1132
|
+
onFocusout: B
|
|
1133
|
+
}, [S.value ? (o(), y("div", Zn, [O("button", {
|
|
1131
1134
|
type: "button",
|
|
1132
1135
|
"aria-label": m(a).sidebarNav.browseSavedBlocks,
|
|
1133
1136
|
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)]",
|
|
1134
1137
|
style: w({ justifyContent: C.value ? "flex-start" : "center" }),
|
|
1135
1138
|
onClick: t[0] ||= (e) => m(x).savedBlocks?.openBrowser()
|
|
1136
|
-
}, [h(m(
|
|
1139
|
+
}, [h(m(Mt), {
|
|
1137
1140
|
size: 20,
|
|
1138
1141
|
"stroke-width": 1.5,
|
|
1139
1142
|
class: "tpl:shrink-0"
|
|
1140
|
-
}), C.value ? (o(), y("span",
|
|
1143
|
+
}), C.value ? (o(), y("span", $n, N(m(a).savedBlocks.title), 1)) : b("", !0)], 12, Qn)])) : b("", !0), h(m(j), {
|
|
1141
1144
|
"model-value": J.value,
|
|
1142
1145
|
group: {
|
|
1143
1146
|
name: "blocks",
|
|
@@ -1148,11 +1151,11 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1148
1151
|
sort: !1,
|
|
1149
1152
|
animation: 150,
|
|
1150
1153
|
"force-fallback": !0,
|
|
1151
|
-
"fallback-tolerance":
|
|
1154
|
+
"fallback-tolerance": rr,
|
|
1152
1155
|
class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl:gap-0.5 tpl:overflow-y-auto tpl:p-1",
|
|
1153
|
-
onChoose:
|
|
1154
|
-
onStart:
|
|
1155
|
-
onUnchoose:
|
|
1156
|
+
onChoose: F,
|
|
1157
|
+
onStart: R,
|
|
1158
|
+
onUnchoose: I,
|
|
1156
1159
|
onEnd: H
|
|
1157
1160
|
}, {
|
|
1158
1161
|
default: r(() => [(o(!0), y(M, null, n(J.value, (e) => (o(), y("button", {
|
|
@@ -1164,58 +1167,58 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1164
1167
|
style: w({ justifyContent: C.value ? "flex-start" : "center" }),
|
|
1165
1168
|
onClick: (t) => Z(e),
|
|
1166
1169
|
onKeydown: (t) => ne(t, e)
|
|
1167
|
-
}, [O("div",
|
|
1170
|
+
}, [O("div", tr, [m(Zt)[e.type] ? (o(), T(l(m(Zt)[e.type]), {
|
|
1168
1171
|
key: 0,
|
|
1169
1172
|
size: 20,
|
|
1170
1173
|
"stroke-width": 1.5
|
|
1171
|
-
})) : e.isCustom ? (o(), T(
|
|
1174
|
+
})) : e.isCustom ? (o(), T(Ke, {
|
|
1172
1175
|
key: 1,
|
|
1173
1176
|
icon: e.icon,
|
|
1174
1177
|
size: 20
|
|
1175
|
-
}, null, 8, ["icon"])) : b("", !0)]), C.value ? (o(), y("span",
|
|
1178
|
+
}, null, 8, ["icon"])) : b("", !0)]), C.value ? (o(), y("span", nr, N(e.label), 1)) : b("", !0)], 44, er))), 128))]),
|
|
1176
1179
|
_: 1
|
|
1177
|
-
}, 8, ["model-value"])], 44,
|
|
1180
|
+
}, 8, ["model-value"])], 44, Xn));
|
|
1178
1181
|
}
|
|
1179
|
-
}),
|
|
1182
|
+
}), ar = ["aria-label"], or = {
|
|
1180
1183
|
role: "tablist",
|
|
1181
1184
|
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"
|
|
1182
|
-
},
|
|
1185
|
+
}, sr = [
|
|
1183
1186
|
"aria-selected",
|
|
1184
1187
|
"aria-label",
|
|
1185
1188
|
"title"
|
|
1186
|
-
],
|
|
1189
|
+
], cr = { key: 0 }, lr = [
|
|
1187
1190
|
"aria-selected",
|
|
1188
1191
|
"aria-label",
|
|
1189
1192
|
"title"
|
|
1190
|
-
],
|
|
1193
|
+
], ur = { key: 0 }, dr = [
|
|
1191
1194
|
"aria-selected",
|
|
1192
1195
|
"aria-label",
|
|
1193
1196
|
"title"
|
|
1194
|
-
],
|
|
1197
|
+
], fr = { key: 0 }, pr = {
|
|
1195
1198
|
key: 1,
|
|
1196
1199
|
class: "tpl:ml-1 tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-1.5 tpl:text-[10px]"
|
|
1197
|
-
},
|
|
1200
|
+
}, mr = {
|
|
1198
1201
|
key: 0,
|
|
1199
1202
|
id: "tpl-tabpanel-content",
|
|
1200
1203
|
role: "tabpanel",
|
|
1201
1204
|
"aria-labelledby": "tpl-tab-content",
|
|
1202
1205
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
1203
|
-
},
|
|
1206
|
+
}, hr = {
|
|
1204
1207
|
key: 1,
|
|
1205
1208
|
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)]"
|
|
1206
|
-
},
|
|
1209
|
+
}, gr = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, _r = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, vr = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, yr = {
|
|
1207
1210
|
key: 1,
|
|
1208
1211
|
id: "tpl-tabpanel-settings",
|
|
1209
1212
|
role: "tabpanel",
|
|
1210
1213
|
"aria-labelledby": "tpl-tab-settings",
|
|
1211
1214
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
1212
|
-
},
|
|
1215
|
+
}, br = {
|
|
1213
1216
|
key: 2,
|
|
1214
1217
|
id: "tpl-tabpanel-issues",
|
|
1215
1218
|
role: "tabpanel",
|
|
1216
1219
|
"aria-labelledby": "tpl-tab-issues",
|
|
1217
1220
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
1218
|
-
},
|
|
1221
|
+
}, xr = /* @__PURE__ */ u({
|
|
1219
1222
|
__name: "RightSidebar",
|
|
1220
1223
|
props: {
|
|
1221
1224
|
selectedBlock: {},
|
|
@@ -1229,7 +1232,7 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1229
1232
|
"update-settings"
|
|
1230
1233
|
],
|
|
1231
1234
|
setup(n, { emit: r }) {
|
|
1232
|
-
let i = F(() => import("./chunks/Toolbar-
|
|
1235
|
+
let i = F(() => import("./chunks/Toolbar-CnfNUkOY.js").then((e) => e.t)), a = F(() => import("./chunks/TemplateSettings-vsFOU0oA.js")), s = F(() => import("./chunks/IssuesPanel--62qud8w.js")), l = n, u = r, { t: d } = Q(), f = c("content"), p = t(Ze, null), g = v(() => p !== null && !p.unavailable.value), x = v(() => p?.issues.value.length ?? 0), S = t(ft, new Set(_t)), C = v(() => S.size > 0);
|
|
1233
1236
|
function E(e) {
|
|
1234
1237
|
return f.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)]";
|
|
1235
1238
|
}
|
|
@@ -1241,11 +1244,13 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1241
1244
|
}
|
|
1242
1245
|
return e(() => l.selectedBlock, (e) => {
|
|
1243
1246
|
e && (f.value = "content");
|
|
1247
|
+
}), e(g, (e) => {
|
|
1248
|
+
!e && f.value === "issues" && (f.value = "content");
|
|
1244
1249
|
}), (e, t) => (o(), y("aside", {
|
|
1245
1250
|
"aria-label": m(d).landmarks.rightSidebar,
|
|
1246
1251
|
class: _(["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"])
|
|
1247
1252
|
}, [
|
|
1248
|
-
O("div",
|
|
1253
|
+
O("div", or, [
|
|
1249
1254
|
O("button", {
|
|
1250
1255
|
id: "tpl-tab-content",
|
|
1251
1256
|
role: "tab",
|
|
@@ -1256,10 +1261,10 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1256
1261
|
class: _(["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)]", E("content")]),
|
|
1257
1262
|
style: w(D("content")),
|
|
1258
1263
|
onClick: t[0] ||= (e) => f.value = "content"
|
|
1259
|
-
}, [h(m(
|
|
1264
|
+
}, [h(m(Ct), {
|
|
1260
1265
|
size: 14,
|
|
1261
1266
|
"stroke-width": 2
|
|
1262
|
-
}), f.value === "content" ? (o(), y("span",
|
|
1267
|
+
}), f.value === "content" ? (o(), y("span", cr, N(m(d).sidebar.content), 1)) : b("", !0)], 14, sr),
|
|
1263
1268
|
C.value ? (o(), y("button", {
|
|
1264
1269
|
key: 0,
|
|
1265
1270
|
id: "tpl-tab-settings",
|
|
@@ -1271,10 +1276,10 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1271
1276
|
class: _(["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)]", E("settings")]),
|
|
1272
1277
|
style: w(D("settings")),
|
|
1273
1278
|
onClick: t[1] ||= (e) => f.value = "settings"
|
|
1274
|
-
}, [h(m(
|
|
1279
|
+
}, [h(m(Et), {
|
|
1275
1280
|
size: 14,
|
|
1276
1281
|
"stroke-width": 1.5
|
|
1277
|
-
}), f.value === "settings" ? (o(), y("span",
|
|
1282
|
+
}), f.value === "settings" ? (o(), y("span", ur, N(m(d).sidebar.settings), 1)) : b("", !0)], 14, lr)) : b("", !0),
|
|
1278
1283
|
g.value ? (o(), y("button", {
|
|
1279
1284
|
key: 1,
|
|
1280
1285
|
id: "tpl-tab-issues",
|
|
@@ -1287,94 +1292,72 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1287
1292
|
style: w(D("issues")),
|
|
1288
1293
|
onClick: t[2] ||= (e) => f.value = "issues"
|
|
1289
1294
|
}, [
|
|
1290
|
-
h(m(
|
|
1295
|
+
h(m(Pt), {
|
|
1291
1296
|
size: 14,
|
|
1292
1297
|
"stroke-width": 1.5
|
|
1293
1298
|
}),
|
|
1294
|
-
f.value === "issues" ? (o(), y("span",
|
|
1295
|
-
x.value > 0 ? (o(), y("span",
|
|
1296
|
-
], 14,
|
|
1299
|
+
f.value === "issues" ? (o(), y("span", fr, N(m(d).issues.panelTabLabel), 1)) : b("", !0),
|
|
1300
|
+
x.value > 0 ? (o(), y("span", pr, N(x.value), 1)) : b("", !0)
|
|
1301
|
+
], 14, dr)) : b("", !0)
|
|
1297
1302
|
]),
|
|
1298
|
-
f.value === "content" ? (o(), y("div",
|
|
1303
|
+
f.value === "content" ? (o(), y("div", mr, [n.selectedBlock ? (o(), T(m(i), {
|
|
1299
1304
|
key: 0,
|
|
1300
1305
|
block: n.selectedBlock,
|
|
1301
1306
|
onUpdate: t[3] ||= (e) => u("update-block", e),
|
|
1302
1307
|
onDelete: t[4] ||= (e) => u("delete-block"),
|
|
1303
1308
|
onDuplicate: t[5] ||= (e) => u("duplicate-block")
|
|
1304
|
-
}, null, 8, ["block"])) : (o(), y("div",
|
|
1305
|
-
O("div",
|
|
1309
|
+
}, null, 8, ["block"])) : (o(), y("div", hr, [
|
|
1310
|
+
O("div", gr, [h(m(zt), {
|
|
1306
1311
|
size: 40,
|
|
1307
1312
|
"stroke-width": 1.5
|
|
1308
1313
|
})]),
|
|
1309
|
-
O("h3",
|
|
1310
|
-
O("p",
|
|
1314
|
+
O("h3", _r, N(m(d).sidebar.noSelection), 1),
|
|
1315
|
+
O("p", vr, N(m(d).sidebar.noSelectionHint), 1)
|
|
1311
1316
|
]))])) : b("", !0),
|
|
1312
|
-
f.value === "settings" && C.value ? (o(), y("div",
|
|
1317
|
+
f.value === "settings" && C.value ? (o(), y("div", yr, [h(m(a), {
|
|
1313
1318
|
settings: n.settings,
|
|
1314
1319
|
onUpdate: t[6] ||= (e) => u("update-settings", e)
|
|
1315
1320
|
}, null, 8, ["settings"])])) : b("", !0),
|
|
1316
|
-
f.value === "issues" && g.value ? (o(), y("div",
|
|
1317
|
-
], 10,
|
|
1321
|
+
f.value === "issues" && g.value ? (o(), y("div", br, [h(m(s))])) : b("", !0)
|
|
1322
|
+
], 10, ar));
|
|
1318
1323
|
}
|
|
1319
|
-
}),
|
|
1324
|
+
}), Sr = {
|
|
1320
1325
|
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)]",
|
|
1321
1326
|
style: { "z-index": "10001" },
|
|
1322
1327
|
role: "status",
|
|
1323
1328
|
"data-testid": "small-screen-notice"
|
|
1324
|
-
},
|
|
1329
|
+
}, Cr = { class: "tpl:text-[var(--tpl-text-dim)]" }, wr = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Tr = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, Er = /* @__PURE__ */ u({
|
|
1325
1330
|
__name: "SmallScreenNotice",
|
|
1326
1331
|
setup(e) {
|
|
1327
1332
|
let { t } = Q();
|
|
1328
|
-
return (e, n) => (o(), y("div",
|
|
1329
|
-
O("div",
|
|
1333
|
+
return (e, n) => (o(), y("div", Sr, [
|
|
1334
|
+
O("div", Cr, [h(m(Ft), {
|
|
1330
1335
|
size: 48,
|
|
1331
1336
|
"stroke-width": 1.5
|
|
1332
1337
|
})]),
|
|
1333
|
-
O("h2",
|
|
1334
|
-
O("p",
|
|
1338
|
+
O("h2", wr, N(m(t).smallScreen.title), 1),
|
|
1339
|
+
O("p", Tr, N(m(t).smallScreen.message), 1)
|
|
1335
1340
|
]));
|
|
1336
1341
|
}
|
|
1337
|
-
}),
|
|
1342
|
+
}), Dr = {
|
|
1338
1343
|
class: "tpl:pointer-events-auto tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-tl-lg tpl:p-1",
|
|
1339
1344
|
style: {
|
|
1340
1345
|
"background-color": "color-mix(\n in srgb,\n var(--tpl-canvas-bg) 85%,\n transparent\n )",
|
|
1341
1346
|
"backdrop-filter": "blur(8px)",
|
|
1342
1347
|
"-webkit-backdrop-filter": "blur(8px)"
|
|
1343
1348
|
}
|
|
1344
|
-
},
|
|
1345
|
-
href: "https://github.com/templatical/sdk",
|
|
1346
|
-
target: "_blank",
|
|
1347
|
-
rel: "noopener noreferrer",
|
|
1348
|
-
class: "tpl:transition-colors tpl:hover:opacity-80 tpl:text-[var(--tpl-text-dim)]",
|
|
1349
|
-
style: { "text-decoration": "none" }
|
|
1350
|
-
}, Dr = /* @__PURE__ */ u({
|
|
1349
|
+
}, Or = /* @__PURE__ */ u({
|
|
1351
1350
|
__name: "EditorFooter",
|
|
1352
1351
|
props: { positionClass: {} },
|
|
1353
1352
|
setup(e) {
|
|
1354
1353
|
let { t } = Q();
|
|
1355
|
-
return (n, r) => (o(), y("footer", { class: _(["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)]", e.positionClass]) }, [O("div",
|
|
1356
|
-
|
|
1357
|
-
|
|
1358
|
-
href: "https://templatical.com",
|
|
1359
|
-
target: "_blank",
|
|
1360
|
-
rel: "noopener noreferrer",
|
|
1361
|
-
class: "tpl:inline-flex tpl:items-center tpl:gap-1 tpl:font-medium tpl:transition-colors tpl:hover:opacity-80 tpl:text-[var(--tpl-text-muted)]",
|
|
1362
|
-
style: { "text-decoration": "none" }
|
|
1363
|
-
}, [O("img", {
|
|
1364
|
-
width: "14",
|
|
1365
|
-
height: "14",
|
|
1366
|
-
src: "https://templatical.com/logo.svg",
|
|
1367
|
-
alt: ""
|
|
1368
|
-
}), I(" Templatical ")], -1),
|
|
1369
|
-
r[1] ||= O("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
|
|
1370
|
-
O("a", Er, N(m(t).footer.openSource), 1)
|
|
1371
|
-
])], 2));
|
|
1372
|
-
}
|
|
1373
|
-
}), Or = [
|
|
1354
|
+
return (n, r) => (o(), y("footer", { class: _(["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)]", e.positionClass]) }, [O("div", Dr, [O("span", null, N(m(t).footer.poweredBy), 1), r[0] ||= ee("<a href=\"https://templatical.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"tpl:inline-flex tpl:items-center tpl:gap-1 tpl:font-medium tpl:transition-colors tpl:hover:opacity-80 tpl:text-[var(--tpl-text-muted)]\" style=\"text-decoration:none;\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 32 32\" aria-hidden=\"true\"><rect x=\"10\" y=\"1\" width=\"18\" height=\"22\" rx=\"3\" fill=\"oklch(85% 0.08 55)\" transform=\"rotate(8 19 12)\"></rect><rect x=\"6\" y=\"2\" width=\"18\" height=\"22\" rx=\"3\" fill=\"oklch(77% 0.12 55)\" transform=\"rotate(-4 15 13)\"></rect><rect x=\"2\" y=\"4\" width=\"18\" height=\"22\" rx=\"3\" fill=\"oklch(70% 0.16 55)\"></rect><rect x=\"6\" y=\"9\" width=\"10\" height=\"1.8\" rx=\"0.9\" fill=\"white\" opacity=\"0.9\"></rect><rect x=\"6\" y=\"13.5\" width=\"7\" height=\"1.5\" rx=\"0.75\" fill=\"white\" opacity=\"0.6\"></rect><rect x=\"6\" y=\"17\" width=\"9\" height=\"1.5\" rx=\"0.75\" fill=\"white\" opacity=\"0.6\"></rect><rect x=\"6\" y=\"20.5\" width=\"5\" height=\"1.5\" rx=\"0.75\" fill=\"white\" opacity=\"0.4\"></rect></svg> Templatical </a>", 1)])], 2));
|
|
1355
|
+
}
|
|
1356
|
+
}), kr = [
|
|
1374
1357
|
"aria-label",
|
|
1375
1358
|
"title",
|
|
1376
1359
|
"aria-pressed"
|
|
1377
|
-
],
|
|
1360
|
+
], Ar = /*#__PURE__*/ Vt(/* @__PURE__ */ u({
|
|
1378
1361
|
__name: "DarkModeToggle",
|
|
1379
1362
|
props: { darkMode: { type: Boolean } },
|
|
1380
1363
|
emits: ["change"],
|
|
@@ -1397,23 +1380,23 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1397
1380
|
"leave-to-class": "tpl-icon-leave-to",
|
|
1398
1381
|
mode: "out-in"
|
|
1399
1382
|
}, {
|
|
1400
|
-
default: r(() => [e.darkMode ? (o(), T(m(
|
|
1383
|
+
default: r(() => [e.darkMode ? (o(), T(m(vt), {
|
|
1401
1384
|
key: "moon",
|
|
1402
1385
|
size: 18,
|
|
1403
1386
|
"stroke-width": 1.5
|
|
1404
|
-
})) : (o(), T(m(
|
|
1387
|
+
})) : (o(), T(m(Bt), {
|
|
1405
1388
|
key: "sun",
|
|
1406
1389
|
size: 18,
|
|
1407
1390
|
"stroke-width": 1.5
|
|
1408
1391
|
}))]),
|
|
1409
1392
|
_: 1
|
|
1410
|
-
})], 12,
|
|
1393
|
+
})], 12, kr));
|
|
1411
1394
|
}
|
|
1412
|
-
}), [["__scopeId", "data-v-632aa74f"]]),
|
|
1395
|
+
}), [["__scopeId", "data-v-632aa74f"]]), jr = [
|
|
1413
1396
|
"aria-label",
|
|
1414
1397
|
"title",
|
|
1415
1398
|
"aria-pressed"
|
|
1416
|
-
],
|
|
1399
|
+
], Mr = /*#__PURE__*/ Vt(/* @__PURE__ */ u({
|
|
1417
1400
|
__name: "PreviewToggle",
|
|
1418
1401
|
props: { previewMode: { type: Boolean } },
|
|
1419
1402
|
emits: ["change"],
|
|
@@ -1436,19 +1419,19 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1436
1419
|
"leave-to-class": "tpl-icon-leave-to",
|
|
1437
1420
|
mode: "out-in"
|
|
1438
1421
|
}, {
|
|
1439
|
-
default: r(() => [e.previewMode ? (o(), T(m(
|
|
1422
|
+
default: r(() => [e.previewMode ? (o(), T(m(jt), {
|
|
1440
1423
|
key: "eye",
|
|
1441
1424
|
size: 18,
|
|
1442
1425
|
"stroke-width": 1.5
|
|
1443
|
-
})) : (o(), T(m(
|
|
1426
|
+
})) : (o(), T(m(xt), {
|
|
1444
1427
|
key: "eye-off",
|
|
1445
1428
|
size: 18,
|
|
1446
1429
|
"stroke-width": 1.5
|
|
1447
1430
|
}))]),
|
|
1448
1431
|
_: 1
|
|
1449
|
-
})], 12,
|
|
1432
|
+
})], 12, jr));
|
|
1450
1433
|
}
|
|
1451
|
-
}), [["__scopeId", "data-v-eef7b2ca"]]),
|
|
1434
|
+
}), [["__scopeId", "data-v-eef7b2ca"]]), Nr = ["aria-label", "onKeydown"], Pr = ["title", "aria-label"], Fr = /* @__PURE__ */ u({
|
|
1452
1435
|
__name: "TemplateNameField",
|
|
1453
1436
|
props: {
|
|
1454
1437
|
name: {},
|
|
@@ -1477,10 +1460,10 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1477
1460
|
type: "text",
|
|
1478
1461
|
"data-testid": "template-name-input",
|
|
1479
1462
|
"aria-label": m(i).header.templateName,
|
|
1480
|
-
class: _([m(
|
|
1463
|
+
class: _([m(Gt), "tpl:h-8 tpl:max-w-[260px] tpl:text-sm tpl:font-medium"]),
|
|
1481
1464
|
onKeydown: [g(C(f, ["prevent"]), ["enter"]), g(C(p, ["prevent"]), ["esc"])],
|
|
1482
1465
|
onBlur: f
|
|
1483
|
-
}, null, 42,
|
|
1466
|
+
}, null, 42, Nr)), [[D, s.value]]) : e.editable ? (o(), y("button", {
|
|
1484
1467
|
key: 1,
|
|
1485
1468
|
type: "button",
|
|
1486
1469
|
"data-testid": "template-name",
|
|
@@ -1488,47 +1471,47 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1488
1471
|
"aria-label": m(i).header.rename,
|
|
1489
1472
|
class: _(["tpl:max-w-[260px] tpl:cursor-pointer tpl:truncate tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-transparent tpl:px-2 tpl:py-1 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:border-[var(--tpl-border)] tpl:hover:bg-[var(--tpl-bg-hover)]", { "tpl:text-[var(--tpl-text-dim)]": !e.name }]),
|
|
1490
1473
|
onClick: u
|
|
1491
|
-
}, N(e.name || m(i).header.untitled), 11,
|
|
1474
|
+
}, N(e.name || m(i).header.untitled), 11, Pr)) : (o(), y("span", {
|
|
1492
1475
|
key: 2,
|
|
1493
1476
|
"data-testid": "template-name",
|
|
1494
1477
|
class: _(["tpl:max-w-[260px] tpl:truncate tpl:px-2 tpl:py-1 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]", { "tpl:text-[var(--tpl-text-dim)]": !e.name }])
|
|
1495
1478
|
}, N(e.name || m(i).header.untitled), 3));
|
|
1496
1479
|
}
|
|
1497
|
-
}),
|
|
1480
|
+
}), Ir = ["title"], Lr = /* @__PURE__ */ u({
|
|
1498
1481
|
__name: "TemplateTimestamp",
|
|
1499
1482
|
props: {
|
|
1500
1483
|
iso: {},
|
|
1501
1484
|
kind: {}
|
|
1502
1485
|
},
|
|
1503
1486
|
setup(e) {
|
|
1504
|
-
let n = e, { t: r, format: i } = Q(), a = t(
|
|
1505
|
-
|
|
1487
|
+
let n = e, { t: r, format: i } = Q(), a = t(it, void 0), s = c(0);
|
|
1488
|
+
ve(() => {
|
|
1506
1489
|
s.value += 1;
|
|
1507
1490
|
}, 6e4);
|
|
1508
1491
|
let l = v(() => {
|
|
1509
|
-
let e =
|
|
1492
|
+
let e = nn(n.iso, r.time, i);
|
|
1510
1493
|
if (e === null) return "";
|
|
1511
1494
|
let t = e === r.time.justNow;
|
|
1512
1495
|
return n.kind === "updatedAt" ? t ? r.header.updatedJustNow : i(r.header.updatedAt, { time: e }) : t ? r.header.createdJustNow : i(r.header.createdAt, { time: e });
|
|
1513
|
-
}), u = v(() =>
|
|
1496
|
+
}), u = v(() => tn(n.iso, a));
|
|
1514
1497
|
return (e, t) => l.value ? (o(), y("span", {
|
|
1515
1498
|
key: 0,
|
|
1516
1499
|
"data-testid": "template-timestamp",
|
|
1517
1500
|
title: u.value,
|
|
1518
1501
|
class: "tpl:max-w-[260px] tpl:truncate tpl:px-2 tpl:text-xs tpl:leading-tight tpl:text-[var(--tpl-text-dim)]"
|
|
1519
|
-
}, N(l.value), 9,
|
|
1502
|
+
}, N(l.value), 9, Ir)) : b("", !0);
|
|
1520
1503
|
}
|
|
1521
|
-
}),
|
|
1504
|
+
}), Rr = ["data-tooltip"], zr = {
|
|
1522
1505
|
key: 1,
|
|
1523
1506
|
"aria-live": "polite",
|
|
1524
1507
|
"data-testid": "save-status-saved",
|
|
1525
1508
|
class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-success)]"
|
|
1526
|
-
},
|
|
1509
|
+
}, Br = {
|
|
1527
1510
|
key: 2,
|
|
1528
1511
|
"aria-live": "polite",
|
|
1529
1512
|
"data-testid": "save-status-unsaved",
|
|
1530
1513
|
class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
|
|
1531
|
-
},
|
|
1514
|
+
}, Vr = /* @__PURE__ */ u({
|
|
1532
1515
|
__name: "TemplateSaveStatus",
|
|
1533
1516
|
props: {
|
|
1534
1517
|
status: {},
|
|
@@ -1543,22 +1526,22 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1543
1526
|
"data-testid": "save-status-error",
|
|
1544
1527
|
class: "tpl-tooltip tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]",
|
|
1545
1528
|
"data-tooltip": e.errorMessage
|
|
1546
|
-
}, [h(m(
|
|
1529
|
+
}, [h(m(Ot), {
|
|
1547
1530
|
size: 12,
|
|
1548
1531
|
"stroke-width": 2.5
|
|
1549
|
-
}), I(" " + N(m(t).header.saveFailed), 1)], 8,
|
|
1532
|
+
}), I(" " + N(m(t).header.saveFailed), 1)], 8, Rr)) : e.status === "saved" ? (o(), y("div", zr, [h(m(At), {
|
|
1550
1533
|
size: 12,
|
|
1551
1534
|
"stroke-width": 2.5
|
|
1552
|
-
}), I(" " + N(m(t).header.saved), 1)])) : e.isDirty ? (o(), y("div",
|
|
1535
|
+
}), I(" " + N(m(t).header.saved), 1)])) : e.isDirty ? (o(), y("div", Br, [r[0] ||= O("span", { class: "tpl-pulse tpl:size-1.5 tpl:rounded-full tpl:bg-[var(--tpl-primary)]" }, null, -1), I(" " + N(m(t).header.unsaved), 1)])) : b("", !0);
|
|
1553
1536
|
}
|
|
1554
|
-
}),
|
|
1537
|
+
}), Hr = { 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)]" }, Ur = { class: "tpl-header-left tpl:flex tpl:min-w-[200px] tpl:items-center tpl:gap-2.5" }, Wr = { class: "tpl-header-center tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, Gr = { class: "tpl-header-right tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, Kr = ["aria-label", "aria-expanded"], qr = {
|
|
1555
1538
|
key: 0,
|
|
1556
1539
|
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)]"
|
|
1557
|
-
},
|
|
1540
|
+
}, Jr = [
|
|
1558
1541
|
"aria-label",
|
|
1559
1542
|
"title",
|
|
1560
1543
|
"disabled"
|
|
1561
|
-
],
|
|
1544
|
+
], Yr = ["disabled", "title"], Xr = /* @__PURE__ */ u({
|
|
1562
1545
|
__name: "EditorHeader",
|
|
1563
1546
|
props: {
|
|
1564
1547
|
editor: {},
|
|
@@ -1570,13 +1553,13 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1570
1553
|
comments: {}
|
|
1571
1554
|
},
|
|
1572
1555
|
setup(e) {
|
|
1573
|
-
let t = F(() => import("./chunks/VersionHistoryMenu-
|
|
1574
|
-
return (n, r) => (o(), y("header",
|
|
1575
|
-
O("div",
|
|
1556
|
+
let t = F(() => import("./chunks/VersionHistoryMenu-Cp3EHO_P.js"));
|
|
1557
|
+
return (n, r) => (o(), y("header", Hr, [
|
|
1558
|
+
O("div", Ur, [
|
|
1576
1559
|
e.templates?.isAvailable.value && e.templates.hasTemplate.value && (e.showTemplateName || e.templates.timestamp.value) ? (o(), y("div", {
|
|
1577
1560
|
key: 0,
|
|
1578
1561
|
class: _(["tpl:flex tpl:min-w-0 tpl:flex-col tpl:items-start", { "tpl:pb-1.5": e.showTemplateName && e.templates.timestamp.value !== null }])
|
|
1579
|
-
}, [e.showTemplateName ? (o(), T(
|
|
1562
|
+
}, [e.showTemplateName ? (o(), T(Fr, {
|
|
1580
1563
|
key: 0,
|
|
1581
1564
|
name: e.templates.name.value,
|
|
1582
1565
|
editable: e.templates.canSave.value,
|
|
@@ -1585,7 +1568,7 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1585
1568
|
"name",
|
|
1586
1569
|
"editable",
|
|
1587
1570
|
"onCommit"
|
|
1588
|
-
])) : b("", !0), e.templates.timestamp.value ? (o(), T(
|
|
1571
|
+
])) : b("", !0), e.templates.timestamp.value ? (o(), T(Lr, {
|
|
1589
1572
|
key: 1,
|
|
1590
1573
|
iso: e.templates.timestamp.value.iso,
|
|
1591
1574
|
kind: e.templates.timestamp.value.kind
|
|
@@ -1606,22 +1589,22 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1606
1589
|
])) : b("", !0),
|
|
1607
1590
|
i(n.$slots, "left-extras")
|
|
1608
1591
|
]),
|
|
1609
|
-
O("div",
|
|
1610
|
-
h(
|
|
1592
|
+
O("div", Wr, [
|
|
1593
|
+
h($t, {
|
|
1611
1594
|
viewport: e.editor.state.viewport,
|
|
1612
1595
|
onChange: e.editor.setViewport
|
|
1613
1596
|
}, null, 8, ["viewport", "onChange"]),
|
|
1614
|
-
h(
|
|
1597
|
+
h(Ar, {
|
|
1615
1598
|
"dark-mode": e.editor.state.darkMode,
|
|
1616
1599
|
onChange: e.editor.setDarkMode
|
|
1617
1600
|
}, null, 8, ["dark-mode", "onChange"]),
|
|
1618
|
-
h(
|
|
1601
|
+
h(Mr, {
|
|
1619
1602
|
"preview-mode": e.editor.state.previewMode,
|
|
1620
1603
|
onChange: e.editor.setPreviewMode
|
|
1621
1604
|
}, null, 8, ["preview-mode", "onChange"])
|
|
1622
1605
|
]),
|
|
1623
|
-
O("div",
|
|
1624
|
-
e.templates?.isAvailable.value && e.templates.canSave.value ? (o(), T(
|
|
1606
|
+
O("div", Gr, [
|
|
1607
|
+
e.templates?.isAvailable.value && e.templates.canSave.value ? (o(), T(Vr, {
|
|
1625
1608
|
key: 0,
|
|
1626
1609
|
status: e.templates.status.value,
|
|
1627
1610
|
"error-message": e.templates.errorMessage.value,
|
|
@@ -1637,20 +1620,20 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1637
1620
|
"data-testid": "comments-trigger",
|
|
1638
1621
|
"aria-label": e.comments.unresolvedCount.value > 0 ? `${e.core.t.comments.button} (${e.comments.unresolvedCount.value})` : e.core.t.comments.button,
|
|
1639
1622
|
"aria-expanded": e.comments.isOpen.value,
|
|
1640
|
-
class: _(m(
|
|
1623
|
+
class: _(m(Wt)),
|
|
1641
1624
|
style: w(e.comments.isOpen.value ? {
|
|
1642
1625
|
backgroundColor: "var(--tpl-primary-light)",
|
|
1643
1626
|
borderColor: "var(--tpl-primary-light)"
|
|
1644
1627
|
} : void 0),
|
|
1645
1628
|
onClick: r[2] ||= (t) => e.comments.toggle()
|
|
1646
1629
|
}, [
|
|
1647
|
-
h(m(
|
|
1630
|
+
h(m(Rt), {
|
|
1648
1631
|
size: 16,
|
|
1649
1632
|
"stroke-width": 2
|
|
1650
1633
|
}),
|
|
1651
1634
|
I(" " + N(e.core.t.comments.button) + " ", 1),
|
|
1652
|
-
e.comments.unresolvedCount.value > 0 && !e.comments.isOpen.value ? (o(), y("span",
|
|
1653
|
-
], 14,
|
|
1635
|
+
e.comments.unresolvedCount.value > 0 && !e.comments.isOpen.value ? (o(), y("span", qr, N(e.comments.unresolvedCount.value), 1)) : b("", !0)
|
|
1636
|
+
], 14, Kr)) : b("", !0),
|
|
1654
1637
|
i(n.$slots, "right-extras"),
|
|
1655
1638
|
e.testEmail?.isAvailable.value ? (o(), y("button", {
|
|
1656
1639
|
key: 2,
|
|
@@ -1659,63 +1642,63 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1659
1642
|
"aria-label": e.core.t.testEmail.title,
|
|
1660
1643
|
title: e.core.t.testEmail.title,
|
|
1661
1644
|
disabled: e.testEmail.isSending.value,
|
|
1662
|
-
class: _(m(
|
|
1645
|
+
class: _(m(Wt)),
|
|
1663
1646
|
onClick: r[3] ||= (t) => e.testEmail.open()
|
|
1664
|
-
}, [e.testEmail.isSending.value ? (o(), T(m(
|
|
1647
|
+
}, [e.testEmail.isSending.value ? (o(), T(m(Nt), {
|
|
1665
1648
|
key: 1,
|
|
1666
1649
|
class: "tpl-spinner",
|
|
1667
1650
|
size: 16,
|
|
1668
1651
|
"stroke-width": 2
|
|
1669
|
-
})) : (o(), T(m(
|
|
1652
|
+
})) : (o(), T(m(Dt), {
|
|
1670
1653
|
key: 0,
|
|
1671
1654
|
size: 16,
|
|
1672
1655
|
"stroke-width": 2
|
|
1673
|
-
})), I(" " + N(e.core.t.testEmail.button), 1)], 10,
|
|
1656
|
+
})), I(" " + N(e.core.t.testEmail.button), 1)], 10, Jr)) : b("", !0),
|
|
1674
1657
|
e.templates?.isAvailable.value && e.templates.canSave.value ? (o(), y("button", {
|
|
1675
1658
|
key: 3,
|
|
1676
1659
|
type: "button",
|
|
1677
1660
|
"data-testid": "template-save",
|
|
1678
|
-
class: _(m(e.editor.state.isDirty && e.templates.hasTemplate.value ?
|
|
1661
|
+
class: _(m(e.editor.state.isDirty && e.templates.hasTemplate.value ? Kt : Wt)),
|
|
1679
1662
|
style: w(e.editor.state.isDirty && e.templates.hasTemplate.value ? { boxShadow: "var(--tpl-shadow-sm)" } : void 0),
|
|
1680
1663
|
disabled: e.templates.isSaving.value || !e.templates.hasTemplate.value,
|
|
1681
1664
|
title: e.templates.hasTemplate.value ? e.core.t.header.save : e.core.t.header.saveNoTemplate,
|
|
1682
1665
|
onClick: r[4] ||= (t) => e.templates.requestSave()
|
|
1683
|
-
}, [e.templates.isSaving.value ? (o(), T(m(
|
|
1666
|
+
}, [e.templates.isSaving.value ? (o(), T(m(Nt), {
|
|
1684
1667
|
key: 1,
|
|
1685
1668
|
class: "tpl-spinner",
|
|
1686
1669
|
size: 16,
|
|
1687
1670
|
"stroke-width": 2
|
|
1688
|
-
})) : (o(), T(m(
|
|
1671
|
+
})) : (o(), T(m(St), {
|
|
1689
1672
|
key: 0,
|
|
1690
1673
|
size: 16,
|
|
1691
1674
|
"stroke-width": 2
|
|
1692
|
-
})), I(" " + N(e.templates.isSaving.value ? e.core.t.header.saving : e.core.t.header.save), 1)], 14,
|
|
1675
|
+
})), I(" " + N(e.templates.isSaving.value ? e.core.t.header.saving : e.core.t.header.save), 1)], 14, Yr)) : b("", !0)
|
|
1693
1676
|
])
|
|
1694
1677
|
]));
|
|
1695
1678
|
}
|
|
1696
|
-
}),
|
|
1679
|
+
}), Zr = ["aria-labelledby", "data-tpl-theme"], Qr = { 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" }, $r = ["id"], ei = ["aria-label"], ti = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, ni = [
|
|
1697
1680
|
"id",
|
|
1698
1681
|
"placeholder",
|
|
1699
1682
|
"aria-label",
|
|
1700
1683
|
"aria-activedescendant"
|
|
1701
|
-
],
|
|
1684
|
+
], ri = {
|
|
1702
1685
|
key: 0,
|
|
1703
1686
|
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",
|
|
1704
1687
|
"data-testid": "merge-tag-picker-group-pills"
|
|
1705
|
-
},
|
|
1688
|
+
}, ii = ["data-group-name", "onClick"], ai = ["aria-label"], oi = {
|
|
1706
1689
|
key: 0,
|
|
1707
1690
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
1708
1691
|
"data-testid": "merge-tag-picker-empty"
|
|
1709
|
-
},
|
|
1692
|
+
}, si = {
|
|
1710
1693
|
key: 1,
|
|
1711
1694
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
1712
1695
|
"data-testid": "merge-tag-picker-empty"
|
|
1713
|
-
},
|
|
1696
|
+
}, ci = [
|
|
1714
1697
|
"aria-expanded",
|
|
1715
1698
|
"data-group-name",
|
|
1716
1699
|
"data-group-collapsed",
|
|
1717
1700
|
"onClick"
|
|
1718
|
-
],
|
|
1701
|
+
], li = { class: "tpl:ml-1 tpl:font-normal" }, ui = [
|
|
1719
1702
|
"id",
|
|
1720
1703
|
"aria-selected",
|
|
1721
1704
|
"data-selected",
|
|
@@ -1725,37 +1708,37 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1725
1708
|
"title",
|
|
1726
1709
|
"onMousemove",
|
|
1727
1710
|
"onClick"
|
|
1728
|
-
],
|
|
1711
|
+
], di = { class: "tpl:text-sm tpl:font-medium" }, fi = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, pi = {
|
|
1729
1712
|
key: 0,
|
|
1730
1713
|
class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
1731
|
-
},
|
|
1714
|
+
}, mi = {
|
|
1732
1715
|
key: 1,
|
|
1733
1716
|
"data-testid": "merge-tag-picker-sample",
|
|
1734
1717
|
class: "tpl:line-clamp-1 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
1735
|
-
}, $ = "tpl-merge-tag-picker-list",
|
|
1718
|
+
}, $ = "tpl-merge-tag-picker-list", hi = /* @__PURE__ */ u({
|
|
1736
1719
|
__name: "MergeTagPickerModal",
|
|
1737
1720
|
setup(i) {
|
|
1738
|
-
let a =
|
|
1721
|
+
let a = qe(Je, "MergeTagPickerModal"), { t: s, format: l } = Q(), u = t(Xe, null), f = t(at, null), p = t($e, !0), x = v(() => a.current.value !== null), E = v(() => x.value ? s.mergeTag.picker.changeTitle : s.mergeTag.picker.title);
|
|
1739
1722
|
function k(e) {
|
|
1740
1723
|
return p ? e.description ? `${e.value} — ${e.description}` : e.value : e.description || void 0;
|
|
1741
1724
|
}
|
|
1742
|
-
let A = c(""), j =
|
|
1743
|
-
function
|
|
1744
|
-
return
|
|
1725
|
+
let A = c(""), j = _e(A, 200), ee = c(null), P = v(() => j.value.trim().length > 0), F = c(0), I = v(() => a.tags.value.some((e) => !!e.group)), L = c(/* @__PURE__ */ new Set());
|
|
1726
|
+
function R(e) {
|
|
1727
|
+
return L.value.has(e);
|
|
1745
1728
|
}
|
|
1746
|
-
function
|
|
1747
|
-
let t = new Set(
|
|
1748
|
-
t.has(e) ? t.delete(e) : t.add(e),
|
|
1729
|
+
function z(e) {
|
|
1730
|
+
let t = new Set(L.value);
|
|
1731
|
+
t.has(e) ? t.delete(e) : t.add(e), L.value = t, F.value = 0;
|
|
1749
1732
|
}
|
|
1750
|
-
let
|
|
1733
|
+
let B = v(() => {
|
|
1751
1734
|
let e = j.value.trim().toLowerCase();
|
|
1752
1735
|
return e ? a.tags.value.filter((t) => [
|
|
1753
1736
|
t.label,
|
|
1754
1737
|
t.value,
|
|
1755
1738
|
t.description ?? ""
|
|
1756
1739
|
].join(" ").toLowerCase().includes(e)) : a.tags.value;
|
|
1757
|
-
}),
|
|
1758
|
-
if (!
|
|
1740
|
+
}), V = v(() => {
|
|
1741
|
+
if (!I.value) return [];
|
|
1759
1742
|
let e = s.mergeTag.picker.otherGroup, t = /* @__PURE__ */ new Set(), n = [];
|
|
1760
1743
|
for (let r of a.tags.value) {
|
|
1761
1744
|
let i = r.group ?? e;
|
|
@@ -1763,8 +1746,8 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1763
1746
|
}
|
|
1764
1747
|
return n;
|
|
1765
1748
|
}), H = v(() => {
|
|
1766
|
-
let e =
|
|
1767
|
-
if (!
|
|
1749
|
+
let e = B.value;
|
|
1750
|
+
if (!I.value || P.value) return e.map((e, t) => ({
|
|
1768
1751
|
kind: "tag",
|
|
1769
1752
|
tag: e,
|
|
1770
1753
|
index: t
|
|
@@ -1781,7 +1764,7 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1781
1764
|
kind: "header",
|
|
1782
1765
|
group: e,
|
|
1783
1766
|
count: t.length
|
|
1784
|
-
}), !
|
|
1767
|
+
}), !L.value.has(e)) for (let e of t) i.push({
|
|
1785
1768
|
kind: "tag",
|
|
1786
1769
|
tag: e,
|
|
1787
1770
|
index: a
|
|
@@ -1793,25 +1776,25 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1793
1776
|
let t = a.current.value;
|
|
1794
1777
|
if (!t) return !1;
|
|
1795
1778
|
let n = e.findIndex((e) => e.value === t.value);
|
|
1796
|
-
return n !== -1 && (
|
|
1779
|
+
return n !== -1 && (F.value = n, !0);
|
|
1797
1780
|
}
|
|
1798
1781
|
function K(e) {
|
|
1799
|
-
W = !1,
|
|
1782
|
+
W = !1, F.value = e;
|
|
1800
1783
|
}
|
|
1801
1784
|
e(() => a.isOpen.value, (e) => {
|
|
1802
1785
|
if (!e) {
|
|
1803
1786
|
W = !1;
|
|
1804
1787
|
return;
|
|
1805
1788
|
}
|
|
1806
|
-
A.value = "",
|
|
1807
|
-
|
|
1789
|
+
A.value = "", F.value = 0, L.value = /* @__PURE__ */ new Set(), W = !G(U.value), S(() => {
|
|
1790
|
+
ee.value?.focus();
|
|
1808
1791
|
});
|
|
1809
1792
|
}), e(U, (e) => {
|
|
1810
1793
|
if (W && G(e)) {
|
|
1811
1794
|
W = !1;
|
|
1812
1795
|
return;
|
|
1813
1796
|
}
|
|
1814
|
-
|
|
1797
|
+
F.value >= e.length && (F.value = Math.max(0, e.length - 1));
|
|
1815
1798
|
});
|
|
1816
1799
|
function q(e) {
|
|
1817
1800
|
a.resolve(e);
|
|
@@ -1822,8 +1805,8 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1822
1805
|
function Y(e) {
|
|
1823
1806
|
if (U.value.length === 0) return;
|
|
1824
1807
|
W = !1;
|
|
1825
|
-
let t =
|
|
1826
|
-
|
|
1808
|
+
let t = F.value + e;
|
|
1809
|
+
F.value = Math.max(0, Math.min(U.value.length - 1, t)), ne();
|
|
1827
1810
|
}
|
|
1828
1811
|
let X = c(null), te = c({});
|
|
1829
1812
|
function Z(e, t) {
|
|
@@ -1832,13 +1815,13 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1832
1815
|
function ne() {
|
|
1833
1816
|
S(() => {
|
|
1834
1817
|
let e = X.value;
|
|
1835
|
-
e && e.querySelector(`[data-merge-tag-index="${
|
|
1818
|
+
e && e.querySelector(`[data-merge-tag-index="${F.value}"]`)?.scrollIntoView({ block: "nearest" });
|
|
1836
1819
|
});
|
|
1837
1820
|
}
|
|
1838
1821
|
function re(e) {
|
|
1839
|
-
if (
|
|
1840
|
-
let t = new Set(
|
|
1841
|
-
t.delete(e),
|
|
1822
|
+
if (L.value.has(e)) {
|
|
1823
|
+
let t = new Set(L.value);
|
|
1824
|
+
t.delete(e), L.value = t;
|
|
1842
1825
|
}
|
|
1843
1826
|
S(() => {
|
|
1844
1827
|
let t = X.value;
|
|
@@ -1862,18 +1845,18 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1862
1845
|
else if (e.key === "ArrowUp") e.preventDefault(), Y(-1);
|
|
1863
1846
|
else if (e.key === "Enter") {
|
|
1864
1847
|
e.preventDefault();
|
|
1865
|
-
let t = U.value[
|
|
1848
|
+
let t = U.value[F.value];
|
|
1866
1849
|
t && q(t);
|
|
1867
1850
|
}
|
|
1868
1851
|
}
|
|
1869
1852
|
function ae() {
|
|
1870
|
-
if (U.value.length !== 0) return `${$}-opt-${
|
|
1853
|
+
if (U.value.length !== 0) return `${$}-opt-${F.value}`;
|
|
1871
1854
|
}
|
|
1872
1855
|
function oe(e) {
|
|
1873
1856
|
return `${$}-opt-${e}`;
|
|
1874
1857
|
}
|
|
1875
|
-
let se = v(() => a.tags.value.length === 0), ce = v(() => !se.value &&
|
|
1876
|
-
return (e, t) => (o(), T(
|
|
1858
|
+
let se = v(() => a.tags.value.length === 0), ce = v(() => !se.value && B.value.length === 0), le = v(() => I.value && V.value.length > 1 && !P.value);
|
|
1859
|
+
return (e, t) => (o(), T(rn, {
|
|
1877
1860
|
visible: m(a).isOpen.value,
|
|
1878
1861
|
onClose: J,
|
|
1879
1862
|
onKeydown: ie
|
|
@@ -1887,27 +1870,27 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1887
1870
|
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)]",
|
|
1888
1871
|
style: w(m(u))
|
|
1889
1872
|
}, [
|
|
1890
|
-
O("header",
|
|
1873
|
+
O("header", Qr, [O("h2", {
|
|
1891
1874
|
id: `${$}-title`,
|
|
1892
1875
|
class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
|
|
1893
|
-
}, N(E.value), 9,
|
|
1876
|
+
}, N(E.value), 9, $r), O("button", {
|
|
1894
1877
|
type: "button",
|
|
1895
1878
|
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)]",
|
|
1896
1879
|
"aria-label": m(s).mergeTag.picker.close,
|
|
1897
1880
|
"data-testid": "merge-tag-picker-close",
|
|
1898
1881
|
onClick: J
|
|
1899
|
-
}, [h(m(
|
|
1882
|
+
}, [h(m(Lt), {
|
|
1900
1883
|
size: 16,
|
|
1901
1884
|
"stroke-width": 2
|
|
1902
|
-
})], 8,
|
|
1903
|
-
O("div",
|
|
1885
|
+
})], 8, ei)]),
|
|
1886
|
+
O("div", ti, [h(m(kt), {
|
|
1904
1887
|
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)]",
|
|
1905
1888
|
size: 14,
|
|
1906
1889
|
"stroke-width": 2
|
|
1907
1890
|
}), d(O("input", {
|
|
1908
1891
|
id: `${$}-search`,
|
|
1909
1892
|
ref_key: "searchInputRef",
|
|
1910
|
-
ref:
|
|
1893
|
+
ref: ee,
|
|
1911
1894
|
"onUpdate:modelValue": t[0] ||= (e) => A.value = e,
|
|
1912
1895
|
type: "text",
|
|
1913
1896
|
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)]",
|
|
@@ -1917,15 +1900,15 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1917
1900
|
"aria-activedescendant": ae(),
|
|
1918
1901
|
"data-testid": "merge-tag-picker-search",
|
|
1919
1902
|
onKeydown: t[1] ||= g(C(() => {}, ["prevent"]), ["enter"])
|
|
1920
|
-
}, null, 40,
|
|
1921
|
-
le.value ? (o(), y("div",
|
|
1903
|
+
}, null, 40, ni), [[D, A.value]])]),
|
|
1904
|
+
le.value ? (o(), y("div", ri, [(o(!0), y(M, null, n(V.value, (e) => (o(), y("button", {
|
|
1922
1905
|
key: e,
|
|
1923
1906
|
type: "button",
|
|
1924
1907
|
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)]",
|
|
1925
1908
|
"data-testid": "merge-tag-picker-group-pill",
|
|
1926
1909
|
"data-group-name": e,
|
|
1927
1910
|
onClick: (t) => re(e)
|
|
1928
|
-
}, N(e), 9,
|
|
1911
|
+
}, N(e), 9, ii))), 128))])) : b("", !0),
|
|
1929
1912
|
O("div", {
|
|
1930
1913
|
id: $,
|
|
1931
1914
|
ref_key: "listRef",
|
|
@@ -1934,59 +1917,59 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1934
1917
|
role: "listbox",
|
|
1935
1918
|
"aria-label": E.value,
|
|
1936
1919
|
"data-testid": "merge-tag-picker-list"
|
|
1937
|
-
}, [se.value ? (o(), y("div",
|
|
1920
|
+
}, [se.value ? (o(), y("div", oi, N(m(s).mergeTag.picker.empty), 1)) : ce.value ? (o(), y("div", si, N(m(s).mergeTag.picker.noResults), 1)) : (o(!0), y(M, { key: 2 }, n(H.value, (e, t) => (o(), y(M, { key: t }, [e.kind === "header" ? (o(), y("button", {
|
|
1938
1921
|
key: 0,
|
|
1939
1922
|
ref_for: !0,
|
|
1940
1923
|
ref: (t) => Z(e.group, t),
|
|
1941
1924
|
type: "button",
|
|
1942
|
-
"aria-expanded": !
|
|
1925
|
+
"aria-expanded": !R(e.group),
|
|
1943
1926
|
"aria-controls": $,
|
|
1944
1927
|
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)]",
|
|
1945
1928
|
"data-testid": "merge-tag-picker-group-header",
|
|
1946
1929
|
"data-group-name": e.group,
|
|
1947
|
-
"data-group-collapsed":
|
|
1948
|
-
onClick: (t) =>
|
|
1930
|
+
"data-group-collapsed": R(e.group) ? "true" : "false",
|
|
1931
|
+
onClick: (t) => z(e.group)
|
|
1949
1932
|
}, [
|
|
1950
|
-
h(m(
|
|
1933
|
+
h(m(Tt), {
|
|
1951
1934
|
size: 12,
|
|
1952
1935
|
"stroke-width": 2,
|
|
1953
|
-
class: _(["tpl:transition-transform",
|
|
1936
|
+
class: _(["tpl:transition-transform", R(e.group) ? "tpl:-rotate-90" : ""])
|
|
1954
1937
|
}, null, 8, ["class"]),
|
|
1955
1938
|
O("span", null, N(e.group), 1),
|
|
1956
|
-
O("span",
|
|
1957
|
-
], 8,
|
|
1939
|
+
O("span", li, " (" + N(m(l)(m(s).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
|
|
1940
|
+
], 8, ci)) : (o(), y("button", {
|
|
1958
1941
|
key: 1,
|
|
1959
1942
|
id: oe(e.index),
|
|
1960
1943
|
type: "button",
|
|
1961
1944
|
role: "option",
|
|
1962
|
-
"aria-selected": e.index ===
|
|
1963
|
-
"data-selected": e.index ===
|
|
1945
|
+
"aria-selected": e.index === F.value,
|
|
1946
|
+
"data-selected": e.index === F.value ? "true" : "false",
|
|
1964
1947
|
"data-merge-tag-index": e.index,
|
|
1965
1948
|
"data-merge-tag-value": e.tag.value,
|
|
1966
1949
|
"aria-current": e.tag.value === m(a).current.value?.value ? "true" : void 0,
|
|
1967
1950
|
title: k(e.tag),
|
|
1968
|
-
class: _(["tpl:flex tpl:w-full tpl:cursor-pointer tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:border-none tpl:px-3 tpl:py-1.5 tpl:text-left tpl:transition-colors", e.index ===
|
|
1951
|
+
class: _(["tpl:flex tpl:w-full tpl:cursor-pointer tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:border-none tpl:px-3 tpl:py-1.5 tpl:text-left tpl:transition-colors", e.index === F.value ? "tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]" : "tpl:bg-transparent tpl:text-[var(--tpl-text)] tpl:hover:bg-[var(--tpl-bg-hover)]"]),
|
|
1969
1952
|
"data-testid": "merge-tag-picker-item",
|
|
1970
1953
|
onMousemove: (t) => K(e.index),
|
|
1971
1954
|
onClick: (t) => q(e.tag)
|
|
1972
1955
|
}, [
|
|
1973
|
-
O("span",
|
|
1974
|
-
O("span",
|
|
1975
|
-
e.tag.description ? (o(), y("span",
|
|
1976
|
-
e.tag.sample === void 0 ? b("", !0) : (o(), y("span",
|
|
1977
|
-
], 42,
|
|
1978
|
-
], 12,
|
|
1956
|
+
O("span", di, N(e.tag.label), 1),
|
|
1957
|
+
O("span", fi, N(e.tag.value), 1),
|
|
1958
|
+
e.tag.description ? (o(), y("span", pi, N(e.tag.description), 1)) : b("", !0),
|
|
1959
|
+
e.tag.sample === void 0 ? b("", !0) : (o(), y("span", mi, N(m(l)(m(s).mergeTag.picker.sample, { sample: e.tag.sample })), 1))
|
|
1960
|
+
], 42, ui))], 64))), 128))], 8, ai)
|
|
1961
|
+
], 12, Zr)]),
|
|
1979
1962
|
_: 1
|
|
1980
1963
|
}, 8, ["visible"]));
|
|
1981
1964
|
}
|
|
1982
|
-
}),
|
|
1965
|
+
}), gi = ["data-logic-keyword"], _i = /* @__PURE__ */ u({
|
|
1983
1966
|
__name: "LogicTagBadge",
|
|
1984
1967
|
props: {
|
|
1985
1968
|
value: {},
|
|
1986
1969
|
syntax: {}
|
|
1987
1970
|
},
|
|
1988
1971
|
setup(e) {
|
|
1989
|
-
let t = e, n = v(() =>
|
|
1972
|
+
let t = e, n = v(() => X(t.value, t.syntax)), r = v(() => J(t.value, t.syntax));
|
|
1990
1973
|
return (e, t) => n.value ? (o(), y("span", {
|
|
1991
1974
|
key: 0,
|
|
1992
1975
|
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",
|
|
@@ -1996,22 +1979,22 @@ var Jn = ["aria-label"], Yn = {
|
|
|
1996
1979
|
},
|
|
1997
1980
|
"data-testid": "merge-tag-logic-badge",
|
|
1998
1981
|
"data-logic-keyword": r.value
|
|
1999
|
-
}, N(r.value), 9,
|
|
1982
|
+
}, N(r.value), 9, gi)) : b("", !0);
|
|
2000
1983
|
}
|
|
2001
|
-
}),
|
|
1984
|
+
}), vi = ["aria-labelledby", "data-tpl-theme"], yi = { 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" }, bi = ["id"], xi = ["aria-label"], Si = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Ci = [
|
|
2002
1985
|
"id",
|
|
2003
1986
|
"placeholder",
|
|
2004
1987
|
"aria-label",
|
|
2005
1988
|
"aria-activedescendant"
|
|
2006
|
-
],
|
|
1989
|
+
], wi = ["aria-label"], Ti = {
|
|
2007
1990
|
key: 0,
|
|
2008
1991
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
2009
1992
|
"data-testid": "logic-picker-empty"
|
|
2010
|
-
},
|
|
1993
|
+
}, Ei = {
|
|
2011
1994
|
key: 1,
|
|
2012
1995
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
2013
1996
|
"data-testid": "logic-picker-empty"
|
|
2014
|
-
},
|
|
1997
|
+
}, Di = ["data-group-name"], Oi = [
|
|
2015
1998
|
"id",
|
|
2016
1999
|
"aria-selected",
|
|
2017
2000
|
"data-selected",
|
|
@@ -2019,42 +2002,42 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2019
2002
|
"data-logic-kind",
|
|
2020
2003
|
"onMousemove",
|
|
2021
2004
|
"onClick"
|
|
2022
|
-
],
|
|
2005
|
+
], ki = { class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-between tpl:gap-2" }, Ai = { class: "tpl:text-sm tpl:font-medium" }, ji = {
|
|
2023
2006
|
key: 0,
|
|
2024
2007
|
class: "tpl:flex tpl:items-center"
|
|
2025
|
-
},
|
|
2008
|
+
}, Mi = {
|
|
2026
2009
|
key: 1,
|
|
2027
2010
|
class: "tpl:flex tpl:items-center tpl:gap-1"
|
|
2028
|
-
},
|
|
2011
|
+
}, Ni = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, Pi = {
|
|
2029
2012
|
key: 0,
|
|
2030
2013
|
class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
2031
|
-
},
|
|
2014
|
+
}, Fi = "tpl-logic-picker-list", Ii = /* @__PURE__ */ u({
|
|
2032
2015
|
__name: "LogicTagPickerModal",
|
|
2033
2016
|
setup(i) {
|
|
2034
|
-
let a =
|
|
2017
|
+
let a = qe(Ye, "LogicTagPickerModal"), { t: s } = Q(), l = t(et, ie.liquid), u = t(Xe, null), f = t(at, null), p = c(""), x = _e(p, 200), E = c(null), k = v(() => x.value.trim().length > 0), A = c(0);
|
|
2035
2018
|
function j(e) {
|
|
2036
2019
|
let t = x.value.trim().toLowerCase();
|
|
2037
2020
|
return !t || e.filter(Boolean).join(" ").toLowerCase().includes(t);
|
|
2038
2021
|
}
|
|
2039
|
-
let
|
|
2022
|
+
let ee = v(() => a.tags.value.filter((e) => j([
|
|
2040
2023
|
e.label,
|
|
2041
2024
|
e.value,
|
|
2042
2025
|
e.description
|
|
2043
|
-
]))),
|
|
2026
|
+
]))), P = v(() => a.pairs.value.filter((e) => j([
|
|
2044
2027
|
e.label,
|
|
2045
2028
|
e.before,
|
|
2046
2029
|
e.after,
|
|
2047
2030
|
e.description
|
|
2048
|
-
]))),
|
|
2031
|
+
]))), F = v(() => [...P.value.map((e) => ({
|
|
2049
2032
|
kind: "pair",
|
|
2050
2033
|
pair: e,
|
|
2051
2034
|
group: e.group
|
|
2052
|
-
})), ...
|
|
2035
|
+
})), ...ee.value.map((e) => ({
|
|
2053
2036
|
kind: "tag",
|
|
2054
2037
|
tag: e,
|
|
2055
2038
|
group: e.group
|
|
2056
|
-
}))]),
|
|
2057
|
-
function
|
|
2039
|
+
}))]), I = v(() => a.tags.value.some((e) => !!e.group) || a.pairs.value.some((e) => !!e.group));
|
|
2040
|
+
function L(e) {
|
|
2058
2041
|
let t = s.logicTag.picker.otherGroup, n = /* @__PURE__ */ new Map(), r = [];
|
|
2059
2042
|
for (let i of e) {
|
|
2060
2043
|
let e = i.group ?? t;
|
|
@@ -2062,7 +2045,7 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2062
2045
|
}
|
|
2063
2046
|
return r.map((e) => [e, n.get(e)]);
|
|
2064
2047
|
}
|
|
2065
|
-
let
|
|
2048
|
+
let R = v(() => {
|
|
2066
2049
|
let e = [], t = [], n = 0, r = (r) => {
|
|
2067
2050
|
r.kind === "tag" ? (e.push({
|
|
2068
2051
|
kind: "tag",
|
|
@@ -2073,9 +2056,9 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2073
2056
|
pair: r.pair,
|
|
2074
2057
|
index: n
|
|
2075
2058
|
}), t.push(r.pair)), n++;
|
|
2076
|
-
}, i =
|
|
2077
|
-
if (k.value || !
|
|
2078
|
-
else for (let [t, n] of
|
|
2059
|
+
}, i = F.value;
|
|
2060
|
+
if (k.value || !I.value) for (let e of i) r(e);
|
|
2061
|
+
else for (let [t, n] of L(i)) {
|
|
2079
2062
|
e.push({
|
|
2080
2063
|
kind: "header",
|
|
2081
2064
|
label: t
|
|
@@ -2086,10 +2069,10 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2086
2069
|
rows: e,
|
|
2087
2070
|
items: t
|
|
2088
2071
|
};
|
|
2089
|
-
}),
|
|
2072
|
+
}), z = v(() => R.value.items), B = v(() => a.tags.value.length === 0 && a.pairs.value.length === 0), V = v(() => !B.value && z.value.length === 0);
|
|
2090
2073
|
e(() => a.isOpen.value, (e) => {
|
|
2091
2074
|
e && (p.value = "", A.value = 0, S(() => E.value?.focus()));
|
|
2092
|
-
}), e(
|
|
2075
|
+
}), e(z, (e) => {
|
|
2093
2076
|
A.value >= e.length && (A.value = Math.max(0, e.length - 1));
|
|
2094
2077
|
});
|
|
2095
2078
|
let H = c(null);
|
|
@@ -2100,7 +2083,7 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2100
2083
|
a.resolve(null);
|
|
2101
2084
|
}
|
|
2102
2085
|
function G(e) {
|
|
2103
|
-
|
|
2086
|
+
z.value.length !== 0 && (A.value = Math.max(0, Math.min(z.value.length - 1, A.value + e)), S(() => {
|
|
2104
2087
|
H.value?.querySelector(`[data-logic-index="${A.value}"]`)?.scrollIntoView({ block: "nearest" });
|
|
2105
2088
|
}));
|
|
2106
2089
|
}
|
|
@@ -2109,17 +2092,17 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2109
2092
|
else if (e.key === "ArrowUp") e.preventDefault(), G(-1);
|
|
2110
2093
|
else if (e.key === "Enter") {
|
|
2111
2094
|
e.preventDefault();
|
|
2112
|
-
let t =
|
|
2095
|
+
let t = z.value[A.value];
|
|
2113
2096
|
t && U(t);
|
|
2114
2097
|
}
|
|
2115
2098
|
}
|
|
2116
2099
|
function q(e) {
|
|
2117
|
-
return `${
|
|
2100
|
+
return `${Fi}-opt-${e}`;
|
|
2118
2101
|
}
|
|
2119
2102
|
function J() {
|
|
2120
|
-
return
|
|
2103
|
+
return z.value.length === 0 ? void 0 : `${Fi}-opt-${A.value}`;
|
|
2121
2104
|
}
|
|
2122
|
-
return (e, t) => (o(), T(
|
|
2105
|
+
return (e, t) => (o(), T(rn, {
|
|
2123
2106
|
visible: m(a).isOpen.value,
|
|
2124
2107
|
onClose: W,
|
|
2125
2108
|
onKeydown: K
|
|
@@ -2127,31 +2110,31 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2127
2110
|
default: r(() => [O("div", {
|
|
2128
2111
|
role: "dialog",
|
|
2129
2112
|
"aria-modal": "true",
|
|
2130
|
-
"aria-labelledby": `${
|
|
2113
|
+
"aria-labelledby": `${Fi}-title`,
|
|
2131
2114
|
"data-tpl-theme": m(f),
|
|
2132
2115
|
"data-testid": "logic-picker-modal",
|
|
2133
2116
|
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)]",
|
|
2134
2117
|
style: w(m(u))
|
|
2135
2118
|
}, [
|
|
2136
|
-
O("header",
|
|
2137
|
-
id: `${
|
|
2119
|
+
O("header", yi, [O("h2", {
|
|
2120
|
+
id: `${Fi}-title`,
|
|
2138
2121
|
class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
|
|
2139
|
-
}, N(m(s).logicTag.picker.title), 9,
|
|
2122
|
+
}, N(m(s).logicTag.picker.title), 9, bi), O("button", {
|
|
2140
2123
|
type: "button",
|
|
2141
2124
|
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)]",
|
|
2142
2125
|
"aria-label": m(s).logicTag.picker.close,
|
|
2143
2126
|
"data-testid": "logic-picker-close",
|
|
2144
2127
|
onClick: W
|
|
2145
|
-
}, [h(m(
|
|
2128
|
+
}, [h(m(Lt), {
|
|
2146
2129
|
size: 16,
|
|
2147
2130
|
"stroke-width": 2
|
|
2148
|
-
})], 8,
|
|
2149
|
-
O("div",
|
|
2131
|
+
})], 8, xi)]),
|
|
2132
|
+
O("div", Si, [h(m(kt), {
|
|
2150
2133
|
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)]",
|
|
2151
2134
|
size: 14,
|
|
2152
2135
|
"stroke-width": 2
|
|
2153
2136
|
}), d(O("input", {
|
|
2154
|
-
id: `${
|
|
2137
|
+
id: `${Fi}-search`,
|
|
2155
2138
|
ref_key: "searchInputRef",
|
|
2156
2139
|
ref: E,
|
|
2157
2140
|
"onUpdate:modelValue": t[0] ||= (e) => p.value = e,
|
|
@@ -2159,25 +2142,25 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2159
2142
|
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)]",
|
|
2160
2143
|
placeholder: m(s).logicTag.picker.searchPlaceholder,
|
|
2161
2144
|
"aria-label": m(s).logicTag.picker.searchAriaLabel,
|
|
2162
|
-
"aria-controls":
|
|
2145
|
+
"aria-controls": Fi,
|
|
2163
2146
|
"aria-activedescendant": J(),
|
|
2164
2147
|
"data-testid": "logic-picker-search",
|
|
2165
2148
|
onKeydown: t[1] ||= g(C(() => {}, ["prevent"]), ["enter"])
|
|
2166
|
-
}, null, 40,
|
|
2149
|
+
}, null, 40, Ci), [[D, p.value]])]),
|
|
2167
2150
|
O("div", {
|
|
2168
|
-
id:
|
|
2151
|
+
id: Fi,
|
|
2169
2152
|
ref_key: "listRef",
|
|
2170
2153
|
ref: H,
|
|
2171
2154
|
class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
|
|
2172
2155
|
role: "listbox",
|
|
2173
2156
|
"aria-label": m(s).logicTag.picker.title,
|
|
2174
2157
|
"data-testid": "logic-picker-list"
|
|
2175
|
-
}, [
|
|
2158
|
+
}, [B.value ? (o(), y("div", Ti, N(m(s).logicTag.picker.empty), 1)) : V.value ? (o(), y("div", Ei, N(m(s).logicTag.picker.noResults), 1)) : (o(!0), y(M, { key: 2 }, n(R.value.rows, (e, n) => (o(), y(M, { key: n }, [e.kind === "header" ? (o(), y("div", {
|
|
2176
2159
|
key: 0,
|
|
2177
2160
|
class: "tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]",
|
|
2178
2161
|
"data-testid": "logic-picker-header",
|
|
2179
2162
|
"data-group-name": e.label
|
|
2180
|
-
}, N(e.label), 9,
|
|
2163
|
+
}, N(e.label), 9, Di)) : (o(), y("button", {
|
|
2181
2164
|
key: 1,
|
|
2182
2165
|
id: q(e.index),
|
|
2183
2166
|
type: "button",
|
|
@@ -2191,32 +2174,32 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2191
2174
|
onMousemove: (t) => A.value = e.index,
|
|
2192
2175
|
onClick: (t) => U(e.kind === "tag" ? e.tag : e.pair)
|
|
2193
2176
|
}, [
|
|
2194
|
-
O("span",
|
|
2177
|
+
O("span", ki, [O("span", Ai, N(e.kind === "tag" ? e.tag.label : e.pair.label), 1), e.kind === "tag" ? (o(), y("span", ji, [h(_i, {
|
|
2195
2178
|
value: e.tag.value,
|
|
2196
2179
|
syntax: m(l)
|
|
2197
|
-
}, null, 8, ["value", "syntax"])])) : (o(), y("span",
|
|
2198
|
-
h(
|
|
2180
|
+
}, null, 8, ["value", "syntax"])])) : (o(), y("span", Mi, [
|
|
2181
|
+
h(_i, {
|
|
2199
2182
|
value: e.pair.before,
|
|
2200
2183
|
syntax: m(l)
|
|
2201
2184
|
}, null, 8, ["value", "syntax"]),
|
|
2202
2185
|
t[2] ||= O("span", { class: "tpl:text-[var(--tpl-text-dim)]" }, "…", -1),
|
|
2203
|
-
h(
|
|
2186
|
+
h(_i, {
|
|
2204
2187
|
value: e.pair.after,
|
|
2205
2188
|
syntax: m(l)
|
|
2206
2189
|
}, null, 8, ["value", "syntax"])
|
|
2207
2190
|
]))]),
|
|
2208
|
-
O("span",
|
|
2209
|
-
(e.kind === "tag" ? e.tag.description : e.pair.description) ? (o(), y("span",
|
|
2210
|
-
], 42,
|
|
2211
|
-
], 12,
|
|
2191
|
+
O("span", Ni, N(e.kind === "tag" ? e.tag.value : `${e.pair.before} … ${e.pair.after}`), 1),
|
|
2192
|
+
(e.kind === "tag" ? e.tag.description : e.pair.description) ? (o(), y("span", Pi, N(e.kind === "tag" ? e.tag.description : e.pair.description), 1)) : b("", !0)
|
|
2193
|
+
], 42, Oi))], 64))), 128))], 8, wi)
|
|
2194
|
+
], 12, vi)]),
|
|
2212
2195
|
_: 1
|
|
2213
2196
|
}, 8, ["visible"]));
|
|
2214
2197
|
}
|
|
2215
|
-
}),
|
|
2198
|
+
}), Li = ["data-tpl-theme"], Ri = { class: "tpl:absolute tpl:inset-0 tpl:overflow-hidden" }, zi = { class: "tpl-preview-overlay tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, Bi = { 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" }, Vi = {
|
|
2216
2199
|
key: 0,
|
|
2217
2200
|
"data-testid": "merge-tag-mode-toggle-anchor",
|
|
2218
2201
|
class: "tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-[var(--tpl-shadow-md)]"
|
|
2219
|
-
},
|
|
2202
|
+
}, Hi = { class: "tpl-main tpl:flex tpl:py-8" }, Ui = ["aria-label"], Wi = /*#__PURE__*/ Vt(/* @__PURE__ */ u({
|
|
2220
2203
|
__name: "Editor",
|
|
2221
2204
|
props: {
|
|
2222
2205
|
config: {},
|
|
@@ -2228,38 +2211,38 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2228
2211
|
usesLocalRenderer: { type: Function }
|
|
2229
2212
|
},
|
|
2230
2213
|
setup(t, { expose: n }) {
|
|
2231
|
-
let i = t, s = i.config.templates ?
|
|
2214
|
+
let i = t, s = i.config.templates ? Mn(i.config.templates, i.config.mergeTags) : void 0, l = he({
|
|
2232
2215
|
content: i.config.content,
|
|
2233
2216
|
defaultFontFamily: i.config.fonts?.defaultFont,
|
|
2234
|
-
templateDefaults:
|
|
2217
|
+
templateDefaults: sn(i.config),
|
|
2235
2218
|
templates: s,
|
|
2236
2219
|
onError: i.config.onError,
|
|
2237
2220
|
lockedBlocks: i.cloud?.lockedBlocks
|
|
2238
|
-
}), u = i.cloud ? i.cloud.attach({ editor: l }) : null, f = s ?
|
|
2221
|
+
}), u = i.cloud ? i.cloud.attach({ editor: l }) : null, f = s ? mn({
|
|
2239
2222
|
provider: s,
|
|
2240
2223
|
editor: l,
|
|
2241
2224
|
guardUnsavedChanges: i.config.templates?.unsavedChangesGuard,
|
|
2242
2225
|
getSaveGate: i.cloud ? () => i.cloud.getSaveGate() : void 0
|
|
2243
2226
|
}) : null;
|
|
2244
2227
|
i.config.onDirtyChange && e(() => l.state.isDirty, (e) => i.config.onDirtyChange(e));
|
|
2245
|
-
let g = c(null), S = i.config.savedBlocks ?
|
|
2228
|
+
let g = c(null), S = i.config.savedBlocks ? fn({
|
|
2246
2229
|
provider: i.config.savedBlocks,
|
|
2247
2230
|
editor: l,
|
|
2248
2231
|
onError: i.config.onError,
|
|
2249
2232
|
isAvailable: i.cloud ? () => i.cloud.isSavedBlocksAvailable() : void 0
|
|
2250
|
-
}) : null, D = F(() => import("./chunks/SavedBlocksPanels-
|
|
2233
|
+
}) : null, D = F(() => import("./chunks/SavedBlocksPanels-Cxbgby24.js")), k = i.config.media || i.config.onRequestMedia ? dn({
|
|
2251
2234
|
provider: i.config.media,
|
|
2252
2235
|
onRequestMedia: i.config.onRequestMedia,
|
|
2253
2236
|
getTemplateId: () => l.state.template?.id,
|
|
2254
2237
|
onError: i.config.onError
|
|
2255
|
-
}) : null, j = F(() => import("./chunks/MediaPanels-
|
|
2238
|
+
}) : null, j = F(() => import("./chunks/MediaPanels-xFpaxFRH.js")), M = i.config.testEmail ? yn({
|
|
2256
2239
|
provider: i.config.testEmail,
|
|
2257
2240
|
getContent: () => l.content.value,
|
|
2258
2241
|
renderMjml: i.renderMjml,
|
|
2259
2242
|
usesLocalRenderer: i.usesLocalRenderer,
|
|
2260
2243
|
onError: i.config.onError,
|
|
2261
2244
|
isAvailable: i.cloud ? () => i.cloud.isTestEmailAvailable() : void 0
|
|
2262
|
-
}) : null,
|
|
2245
|
+
}) : null, ee = F(() => import("./chunks/TestEmailPanel-C3PTYDbT.js")), P = i.config.comments ? cn({
|
|
2263
2246
|
provider: i.config.comments,
|
|
2264
2247
|
editor: l,
|
|
2265
2248
|
user: i.config.user,
|
|
@@ -2267,8 +2250,8 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2267
2250
|
onError: i.config.onError,
|
|
2268
2251
|
isAvailable: i.cloud ? () => i.cloud.isCommentsAvailable() : void 0,
|
|
2269
2252
|
isBlockSaved: i.cloud ? (e) => i.cloud.isBlockSaved(e) : void 0
|
|
2270
|
-
}) : null,
|
|
2271
|
-
|
|
2253
|
+
}) : null, L = F(() => import("./chunks/CommentsPanel-BjHRj_Yw.js")), R = F(() => import("./chunks/CloudPanels-DTQ7zbEN.js")), z = F(() => import("./chunks/CloudHeaderExtras-9tKrhPm6.js")), B = F(() => import("./chunks/VersionHistoryPanels-Dcdy7ySA.js")), V = xn(i.config.templates?.autoSave, !1), H = V && f !== null;
|
|
2254
|
+
V && f !== null && !f.canSave.value && gt.warn("config.templates.autoSave is on but this provider's save is false — there is nothing to persist to. Give it a real save function, or use `onChange` to persist the content yourself."), i.config.changeDebounce !== void 0 && f !== null && i.config.templates?.autoSave === void 0 && !i.config.onChange && gt.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.");
|
|
2272
2255
|
let U = i.config.onChange || H ? {
|
|
2273
2256
|
onChange: () => {
|
|
2274
2257
|
i.config.onChange?.(JSON.parse(JSON.stringify(l.state.content))), H && f.requestAutoSave();
|
|
@@ -2278,8 +2261,8 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2278
2261
|
...S ? { savedBlocks: S.capability } : {},
|
|
2279
2262
|
...f ? { templates: f.capability } : {},
|
|
2280
2263
|
...M ? { testEmail: M.capability } : {},
|
|
2281
|
-
...
|
|
2282
|
-
}, G =
|
|
2264
|
+
...P ? { comments: P.capability } : {}
|
|
2265
|
+
}, G = He({
|
|
2283
2266
|
editor: l,
|
|
2284
2267
|
containerEl: g,
|
|
2285
2268
|
config: {
|
|
@@ -2301,7 +2284,7 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2301
2284
|
canDropMedia: k?.canDrop ?? null,
|
|
2302
2285
|
resolvePreview: i.config.resolvePreview,
|
|
2303
2286
|
resolveImageUrl: i.config.resolveImageUrl,
|
|
2304
|
-
lint:
|
|
2287
|
+
lint: Sn(i.config),
|
|
2305
2288
|
locale: i.config.locale
|
|
2306
2289
|
},
|
|
2307
2290
|
translations: i.translations,
|
|
@@ -2314,9 +2297,9 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2314
2297
|
}), K = i.cloud && u ? i.cloud.ready({
|
|
2315
2298
|
core: G,
|
|
2316
2299
|
capabilities: W
|
|
2317
|
-
}) : null, q = i.config.versionHistory ?
|
|
2300
|
+
}) : null, q = i.config.versionHistory ? bn({
|
|
2318
2301
|
provider: i.config.versionHistory,
|
|
2319
|
-
editor:
|
|
2302
|
+
editor: jn(l, i.config.mergeTags),
|
|
2320
2303
|
history: G.history,
|
|
2321
2304
|
conditionPreview: G.conditionPreview,
|
|
2322
2305
|
autoSave: G.autoSave,
|
|
@@ -2327,11 +2310,11 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2327
2310
|
onError: i.config.onError
|
|
2328
2311
|
}) : null;
|
|
2329
2312
|
q && (W.versionHistory = q.capability);
|
|
2330
|
-
let J = v(() =>
|
|
2313
|
+
let J = v(() => P?.isOpen.value === !0 || u?.panelState.rightPanelOpen.value === !0), Y = v(() => l.state.previewMode ? "tpl:left-0 tpl:right-0" : J.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]");
|
|
2331
2314
|
function X(e) {
|
|
2332
2315
|
u && (e === "ai-chat" ? u.panelState.aiChatOpen.value = !0 : u.panelState.designReferenceOpen.value = !0);
|
|
2333
2316
|
}
|
|
2334
|
-
let { showNotice: te } =
|
|
2317
|
+
let { showNotice: te } = je(() => i.config.smallScreenNotice);
|
|
2335
2318
|
x(async () => {
|
|
2336
2319
|
await i.fontsManager.loadCustomFonts();
|
|
2337
2320
|
}), a(() => {
|
|
@@ -2358,26 +2341,26 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2358
2341
|
onDragover: n[8] ||= C(() => {}, ["prevent"]),
|
|
2359
2342
|
onDrop: n[9] ||= C(() => {}, ["prevent"])
|
|
2360
2343
|
}, [
|
|
2361
|
-
h(
|
|
2362
|
-
O("div",
|
|
2363
|
-
h(
|
|
2344
|
+
h(qn),
|
|
2345
|
+
O("div", Ri, [
|
|
2346
|
+
h(Xr, {
|
|
2364
2347
|
editor: m(l),
|
|
2365
2348
|
core: m(G),
|
|
2366
2349
|
templates: m(f),
|
|
2367
2350
|
"show-template-name": t.config.templates?.nameField !== !1,
|
|
2368
2351
|
"test-email": m(M),
|
|
2369
2352
|
"version-history": m(q),
|
|
2370
|
-
comments: m(
|
|
2353
|
+
comments: m(P)
|
|
2371
2354
|
}, p({ _: 2 }, [m(u) ? {
|
|
2372
2355
|
name: "left-extras",
|
|
2373
|
-
fn: r(() => [h(m(
|
|
2356
|
+
fn: r(() => [h(m(z), {
|
|
2374
2357
|
part: "left",
|
|
2375
2358
|
cloud: m(u)
|
|
2376
2359
|
}, null, 8, ["cloud"])]),
|
|
2377
2360
|
key: "0"
|
|
2378
2361
|
} : void 0, m(u) ? {
|
|
2379
2362
|
name: "right-extras",
|
|
2380
|
-
fn: r(() => [h(m(
|
|
2363
|
+
fn: r(() => [h(m(z), {
|
|
2381
2364
|
part: "right",
|
|
2382
2365
|
cloud: m(u)
|
|
2383
2366
|
}, null, 8, ["cloud"])]),
|
|
@@ -2391,12 +2374,12 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2391
2374
|
"version-history",
|
|
2392
2375
|
"comments"
|
|
2393
2376
|
]),
|
|
2394
|
-
d(h(
|
|
2377
|
+
d(h(ir, null, null, 512), [[A, !m(l).state.previewMode]]),
|
|
2395
2378
|
O("div", {
|
|
2396
2379
|
class: _(["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"]]),
|
|
2397
2380
|
style: { transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)" }
|
|
2398
|
-
}, [O("div",
|
|
2399
|
-
default: r(() => [m(l).state.previewMode && !m(G).previewResolution.supersedesSamples.value ? (o(), y("div",
|
|
2381
|
+
}, [O("div", zi, [O("div", Bi, [h(E, { name: "tpl-preview-pill" }, {
|
|
2382
|
+
default: r(() => [m(l).state.previewMode && !m(G).previewResolution.supersedesSamples.value ? (o(), y("div", Vi, [h(en, {
|
|
2400
2383
|
"sample-mode": m(G).mergeTagSampleMode.value,
|
|
2401
2384
|
onChange: n[0] ||= (e) => m(G).mergeTagSampleMode.value = e
|
|
2402
2385
|
}, null, 8, ["sample-mode"])])) : b("", !0)]),
|
|
@@ -2405,15 +2388,15 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2405
2388
|
default: r(() => [m(G).conditionPreview.hasHiddenBlocks.value && m(G).appliesConditionFilter.value ? (o(), y("button", {
|
|
2406
2389
|
key: 0,
|
|
2407
2390
|
type: "button",
|
|
2408
|
-
class: _([m(
|
|
2391
|
+
class: _([m(Ut), "tpl:shadow-[var(--tpl-shadow-md)]"]),
|
|
2409
2392
|
"data-testid": "restore-hidden-blocks",
|
|
2410
2393
|
onClick: n[1] ||= (e) => m(G).conditionPreview.reset()
|
|
2411
|
-
}, [h(m(
|
|
2394
|
+
}, [h(m(wt), {
|
|
2412
2395
|
size: 16,
|
|
2413
2396
|
"stroke-width": 2
|
|
2414
2397
|
}), I(" " + N(m(G).t.blockSettings.restoreHiddenBlocks), 1)], 2)) : b("", !0)]),
|
|
2415
2398
|
_: 1
|
|
2416
|
-
})])]), O("main",
|
|
2399
|
+
})])]), O("main", Hi, [h(Kn, {
|
|
2417
2400
|
viewport: m(l).state.viewport,
|
|
2418
2401
|
content: m(G).previewResolution.content.value,
|
|
2419
2402
|
"selected-block-id": m(l).state.selectedBlockId,
|
|
@@ -2432,7 +2415,7 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2432
2415
|
"locked-blocks",
|
|
2433
2416
|
"onSelectBlock"
|
|
2434
2417
|
])])], 2),
|
|
2435
|
-
t.config.branding === !1 ? b("", !0) : (o(), T(
|
|
2418
|
+
t.config.branding === !1 ? b("", !0) : (o(), T(Or, {
|
|
2436
2419
|
key: 0,
|
|
2437
2420
|
"position-class": [Y.value]
|
|
2438
2421
|
}, null, 8, ["position-class"])),
|
|
@@ -2442,8 +2425,8 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2442
2425
|
"aria-live": "polite",
|
|
2443
2426
|
"aria-atomic": "true",
|
|
2444
2427
|
"aria-label": m(G).t.landmarks.reorderAnnouncements
|
|
2445
|
-
}, N(m(G).keyboardReorder.announcement.value), 9,
|
|
2446
|
-
d(h(
|
|
2428
|
+
}, N(m(G).keyboardReorder.announcement.value), 9, Ui),
|
|
2429
|
+
d(h(xr, {
|
|
2447
2430
|
"selected-block": m(l).selectedBlock.value,
|
|
2448
2431
|
settings: m(l).content.value.settings,
|
|
2449
2432
|
"shifted-left": J.value,
|
|
@@ -2465,8 +2448,8 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2465
2448
|
ref: (e) => m(G).popoverRoot.value = e,
|
|
2466
2449
|
class: "tpl-popover-root"
|
|
2467
2450
|
}, null, 512),
|
|
2468
|
-
h(
|
|
2469
|
-
h(
|
|
2451
|
+
h(hi),
|
|
2452
|
+
h(Ii),
|
|
2470
2453
|
m(S)?.isAvailable.value ? (o(), T(m(D), {
|
|
2471
2454
|
key: 0,
|
|
2472
2455
|
feature: m(S)
|
|
@@ -2485,19 +2468,19 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2485
2468
|
"ui-theme",
|
|
2486
2469
|
"popover-target"
|
|
2487
2470
|
])) : b("", !0),
|
|
2488
|
-
m(M)?.isAvailable.value ? (o(), T(m(
|
|
2471
|
+
m(M)?.isAvailable.value ? (o(), T(m(ee), {
|
|
2489
2472
|
key: 2,
|
|
2490
2473
|
feature: m(M)
|
|
2491
2474
|
}, null, 8, ["feature"])) : b("", !0),
|
|
2492
|
-
m(
|
|
2475
|
+
m(P)?.isAvailable.value ? (o(), T(m(L), {
|
|
2493
2476
|
key: 3,
|
|
2494
|
-
feature: m(
|
|
2477
|
+
feature: m(P)
|
|
2495
2478
|
}, null, 8, ["feature"])) : b("", !0),
|
|
2496
|
-
m(q)?.isAvailable.value ? (o(), T(m(
|
|
2479
|
+
m(q)?.isAvailable.value ? (o(), T(m(B), {
|
|
2497
2480
|
key: 4,
|
|
2498
2481
|
feature: m(q)
|
|
2499
2482
|
}, null, 8, ["feature"])) : b("", !0),
|
|
2500
|
-
t.cloud && m(u) && m(K) ? (o(), T(m(
|
|
2483
|
+
t.cloud && m(u) && m(K) ? (o(), T(m(R), {
|
|
2501
2484
|
key: 5,
|
|
2502
2485
|
editor: m(l),
|
|
2503
2486
|
core: m(G),
|
|
@@ -2511,29 +2494,29 @@ var Jn = ["aria-label"], Yn = {
|
|
|
2511
2494
|
"cloud",
|
|
2512
2495
|
"ready"
|
|
2513
2496
|
])) : b("", !0),
|
|
2514
|
-
m(te) ? (o(), T(
|
|
2515
|
-
], 46,
|
|
2497
|
+
m(te) ? (o(), T(Er, { key: 6 })) : b("", !0)
|
|
2498
|
+
], 46, Li));
|
|
2516
2499
|
}
|
|
2517
|
-
}), [["__scopeId", "data-v-7435124d"]]),
|
|
2518
|
-
function
|
|
2519
|
-
return e.replace(
|
|
2500
|
+
}), [["__scopeId", "data-v-7435124d"]]), Gi = /@import\s*(?:url\(\s*(?:"[^"]*"|'[^']*'|[^)]*)\s*\)|"[^"]*"|'[^']*')[^;]*;/g;
|
|
2501
|
+
function Ki(e) {
|
|
2502
|
+
return e.replace(Gi, "");
|
|
2520
2503
|
}
|
|
2521
2504
|
//#endregion
|
|
2522
2505
|
//#region src/utils/renderProvider.ts
|
|
2523
|
-
function
|
|
2506
|
+
function qi(e) {
|
|
2524
2507
|
return {
|
|
2525
2508
|
customFonts: e.customFonts.value,
|
|
2526
2509
|
defaultFallback: e.defaultFallback.value
|
|
2527
2510
|
};
|
|
2528
2511
|
}
|
|
2529
|
-
async function
|
|
2530
|
-
let t =
|
|
2531
|
-
return n || (
|
|
2512
|
+
async function Ji(e) {
|
|
2513
|
+
let t = K(e.getContent()), n = e.getLayout?.(), r = n ? Y(n, t) : t;
|
|
2514
|
+
return n || (se(r), G(r)), await an(r, { renderCustomBlock: e.renderCustomBlock }), {
|
|
2532
2515
|
content: r,
|
|
2533
2516
|
fonts: e.getFonts()
|
|
2534
2517
|
};
|
|
2535
2518
|
}
|
|
2536
|
-
function
|
|
2519
|
+
function Yi(e) {
|
|
2537
2520
|
async function t() {
|
|
2538
2521
|
let t = e.provider, n = t?.toMjml?.bind(t);
|
|
2539
2522
|
return n ? n(await e.buildPayload()) : e.renderLocalMjml();
|
|
@@ -2556,50 +2539,50 @@ function Ji(e) {
|
|
|
2556
2539
|
}
|
|
2557
2540
|
//#endregion
|
|
2558
2541
|
//#region \0virtual:editor-css
|
|
2559
|
-
var Yi = "@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-04a5cab0] .tpl-block-content:not(.tpl-block-content *){filter:invert(1) hue-rotate(180deg)}[data-v-04a5cab0] .tpl-block-content{transition:filter .3s ease}.tpl-canvas--dark-mode[data-v-04a5cab0] .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-words{overflow-wrap:break-word}.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[data-tpl-theme=dark] .tpl-canvas-empty{--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-chrome-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-chrome-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-7435124d]{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.tpl-preview-pill-leave-active[data-v-7435124d]{transition:opacity .15s ease-in,transform .15s ease-in}.tpl-preview-pill-enter-from[data-v-7435124d],.tpl-preview-pill-leave-to[data-v-7435124d]{opacity:0;transform:translateY(-8px) scale(.9)}.tpl-preview-pill-enter-to[data-v-7435124d],.tpl-preview-pill-leave-from[data-v-7435124d]{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-color-swatch-transparent{background-color:var(--tpl-bg);background-image:repeating-conic-gradient(var(--tpl-border) 0% 25%,var(--tpl-bg) 0% 50%);background-size:8px 8px}.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-57c35946]:not(.tpl-media-item--selected):hover{border-color:var(--tpl-border)!important}.tpl-media-list-item[data-v-57c35946]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-list-icon[data-v-57c35946]{transform:scale(.35);transform-origin:center}.tpl-preview-icon[data-v-50993988]{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;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}[data-v-7d9a1872] .tpl-cropper-background{background-color:var(--tpl-bg)!important}[data-v-7d9a1872] .vue-advanced-cropper{background-color:transparent!important}[data-v-7d9a1872] .vue-advanced-cropper__background{background-color:var(--tpl-bg)!important}[data-v-7d9a1872] .vue-advanced-cropper__foreground{background-color:var(--tpl-overlay)!important}\n/*$vite$:1*/", Xi = null;
|
|
2560
|
-
function
|
|
2561
|
-
if (
|
|
2542
|
+
var Xi = "@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-04a5cab0] .tpl-block-content:not(.tpl-block-content *){filter:invert(1) hue-rotate(180deg)}[data-v-04a5cab0] .tpl-block-content{transition:filter .3s ease}.tpl-canvas--dark-mode[data-v-04a5cab0] .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-words{overflow-wrap:break-word}.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-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[data-tpl-theme=dark] .tpl-canvas-empty{--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-chrome-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-chrome-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-7435124d]{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.tpl-preview-pill-leave-active[data-v-7435124d]{transition:opacity .15s ease-in,transform .15s ease-in}.tpl-preview-pill-enter-from[data-v-7435124d],.tpl-preview-pill-leave-to[data-v-7435124d]{opacity:0;transform:translateY(-8px) scale(.9)}.tpl-preview-pill-enter-to[data-v-7435124d],.tpl-preview-pill-leave-from[data-v-7435124d]{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-color-swatch-transparent{background-color:var(--tpl-bg);background-image:repeating-conic-gradient(var(--tpl-border) 0% 25%,var(--tpl-bg) 0% 50%);background-size:8px 8px}.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-57c35946]:not(.tpl-media-item--selected):hover{border-color:var(--tpl-border)!important}.tpl-media-list-item[data-v-57c35946]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-list-icon[data-v-57c35946]{transform:scale(.35);transform-origin:center}.tpl-preview-icon[data-v-50993988]{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;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}[data-v-7d9a1872] .tpl-cropper-background{background-color:var(--tpl-bg)!important}[data-v-7d9a1872] .vue-advanced-cropper{background-color:transparent!important}[data-v-7d9a1872] .vue-advanced-cropper__background{background-color:var(--tpl-bg)!important}[data-v-7d9a1872] .vue-advanced-cropper__foreground{background-color:var(--tpl-overlay)!important}\n/*$vite$:1*/", Zi = null;
|
|
2543
|
+
function Qi() {
|
|
2544
|
+
if (Zi === null) {
|
|
2562
2545
|
let e = new CSSStyleSheet();
|
|
2563
|
-
e.replaceSync(
|
|
2546
|
+
e.replaceSync(Ki(Xi)), Zi = e;
|
|
2564
2547
|
}
|
|
2565
|
-
return
|
|
2548
|
+
return Zi;
|
|
2566
2549
|
}
|
|
2567
|
-
function
|
|
2550
|
+
function $i(e) {
|
|
2568
2551
|
return () => {};
|
|
2569
2552
|
}
|
|
2570
|
-
function
|
|
2553
|
+
function ea(e, t) {
|
|
2571
2554
|
if (!t) return {
|
|
2572
2555
|
target: e,
|
|
2573
2556
|
shadowRoot: null,
|
|
2574
2557
|
cleanup: () => {}
|
|
2575
2558
|
};
|
|
2576
2559
|
let n = e.shadowRoot ?? e.attachShadow({ mode: "open" });
|
|
2577
|
-
for (n.adoptedStyleSheets = [
|
|
2560
|
+
for (n.adoptedStyleSheets = [Qi()]; n.firstChild;) n.removeChild(n.firstChild);
|
|
2578
2561
|
let r = document.createElement("div");
|
|
2579
2562
|
return r.className = "tpl-editor-host", r.style.cssText = "display:block;height:100%;width:100%;", n.appendChild(r), {
|
|
2580
2563
|
target: r,
|
|
2581
2564
|
shadowRoot: n,
|
|
2582
|
-
cleanup:
|
|
2565
|
+
cleanup: $i(n)
|
|
2583
2566
|
};
|
|
2584
2567
|
}
|
|
2585
|
-
var
|
|
2586
|
-
function
|
|
2587
|
-
let
|
|
2588
|
-
|
|
2568
|
+
var ta = /* @__PURE__ */ new Map(), na = null;
|
|
2569
|
+
function ra(e, t) {
|
|
2570
|
+
let n = ta.get(e);
|
|
2571
|
+
n && (t && n.app !== t || (n.cleanup(), n.app.unmount(), ta.delete(e), na === e && (na = null)));
|
|
2589
2572
|
}
|
|
2590
|
-
async function
|
|
2591
|
-
return
|
|
2573
|
+
async function ia(e) {
|
|
2574
|
+
return aa(e);
|
|
2592
2575
|
}
|
|
2593
|
-
async function
|
|
2576
|
+
async function aa(e, t) {
|
|
2594
2577
|
let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
|
|
2595
2578
|
if (!n) throw Error(`[Templatical] Container element not found: ${e.container}`);
|
|
2596
|
-
e.locale !== void 0 && !
|
|
2597
|
-
let r = await
|
|
2598
|
-
|
|
2599
|
-
let a =
|
|
2600
|
-
e.layout && (e.layout =
|
|
2579
|
+
e.locale !== void 0 && !Ne(e.locale) && gt.warn(`config.locale: "${e.locale}" has no translations — falling back to English. Supported: ${Pe().sort().join(", ")}.`);
|
|
2580
|
+
let r = await we(e.locale ?? "en"), i = We(e.fonts);
|
|
2581
|
+
ra(n);
|
|
2582
|
+
let a = ea(n, e.shadowDom ?? !0), o = c(null);
|
|
2583
|
+
e.layout && (e.layout = kn(e.layout, e.mergeTags), oe(e.layout)), e.content && (e.content = kn(e.content, e.mergeTags), se(e.content), G(e.content));
|
|
2601
2584
|
let s = k({ setup() {
|
|
2602
|
-
return () => P(
|
|
2585
|
+
return () => P(Wi, {
|
|
2603
2586
|
config: e,
|
|
2604
2587
|
translations: r,
|
|
2605
2588
|
fontsManager: i,
|
|
@@ -2610,17 +2593,17 @@ async function ia(e, t) {
|
|
|
2610
2593
|
ref: o
|
|
2611
2594
|
});
|
|
2612
2595
|
} });
|
|
2613
|
-
s.mount(a.target),
|
|
2596
|
+
s.mount(a.target), ta.set(n, {
|
|
2614
2597
|
app: s,
|
|
2615
2598
|
editorRef: o,
|
|
2616
2599
|
cleanup: a.cleanup
|
|
2617
|
-
}),
|
|
2600
|
+
}), na = n;
|
|
2618
2601
|
let l = {
|
|
2619
2602
|
getContent() {
|
|
2620
|
-
return
|
|
2603
|
+
return K(o.value ? o.value.getContent() : e.content ?? U(e.fonts?.defaultFont, sn(e)));
|
|
2621
2604
|
},
|
|
2622
2605
|
setContent(t) {
|
|
2623
|
-
let n =
|
|
2606
|
+
let n = kn(t, e.mergeTags);
|
|
2624
2607
|
o.value && o.value.setContent(n), e.content = n;
|
|
2625
2608
|
},
|
|
2626
2609
|
setTheme(e) {
|
|
@@ -2636,11 +2619,11 @@ async function ia(e, t) {
|
|
|
2636
2619
|
tags: t
|
|
2637
2620
|
};
|
|
2638
2621
|
},
|
|
2639
|
-
unmount: () =>
|
|
2622
|
+
unmount: () => ra(n, s),
|
|
2640
2623
|
create(t) {
|
|
2641
2624
|
return o.value ? o.value.create(t?.content ? {
|
|
2642
2625
|
...t,
|
|
2643
|
-
content:
|
|
2626
|
+
content: kn(t.content, e.mergeTags)
|
|
2644
2627
|
} : t) : Promise.reject(/* @__PURE__ */ Error("[Templatical] Editor not ready"));
|
|
2645
2628
|
},
|
|
2646
2629
|
load(e) {
|
|
@@ -2660,31 +2643,31 @@ async function ia(e, t) {
|
|
|
2660
2643
|
},
|
|
2661
2644
|
toMjml: () => u.toMjml(),
|
|
2662
2645
|
toHtml: () => u.toHtml()
|
|
2663
|
-
}, u =
|
|
2646
|
+
}, u = Yi({
|
|
2664
2647
|
provider: e.render,
|
|
2665
|
-
buildPayload: () =>
|
|
2648
|
+
buildPayload: () => Ji({
|
|
2666
2649
|
getContent: () => l.getContent(),
|
|
2667
2650
|
renderCustomBlock: (e) => l.renderCustomBlock(e),
|
|
2668
|
-
getFonts: () =>
|
|
2651
|
+
getFonts: () => qi(i),
|
|
2669
2652
|
getLayout: () => e.layout
|
|
2670
2653
|
}),
|
|
2671
|
-
renderLocalMjml: () =>
|
|
2654
|
+
renderLocalMjml: () => gn({
|
|
2672
2655
|
getContent: () => l.getContent(),
|
|
2673
2656
|
renderCustomBlock: (e) => l.renderCustomBlock(e),
|
|
2674
2657
|
getCustomBlockStylesheet: (e) => l.getCustomBlockStylesheet(e),
|
|
2675
|
-
getFonts: () =>
|
|
2658
|
+
getFonts: () => qi(i),
|
|
2676
2659
|
socialIconsBaseUrl: e.socialIconsBaseUrl,
|
|
2677
2660
|
getLayout: () => e.layout
|
|
2678
2661
|
})
|
|
2679
2662
|
});
|
|
2680
2663
|
return l;
|
|
2681
2664
|
}
|
|
2682
|
-
async function
|
|
2683
|
-
let [{ bootstrapCloud: t }, n] = await Promise.all([import("./chunks/createCloudRuntime-
|
|
2665
|
+
async function oa(e) {
|
|
2666
|
+
let [{ bootstrapCloud: t }, n] = await Promise.all([import("./chunks/createCloudRuntime-Mnx8kV2W.js"), Ce(e.locale ?? "en")]), { runtime: r, providers: i, user: a } = await t({
|
|
2684
2667
|
config: e,
|
|
2685
2668
|
cloudTranslations: n
|
|
2686
2669
|
});
|
|
2687
|
-
return
|
|
2670
|
+
return aa({
|
|
2688
2671
|
container: e.container,
|
|
2689
2672
|
content: e.content,
|
|
2690
2673
|
layout: e.layout,
|
|
@@ -2728,10 +2711,10 @@ async function aa(e) {
|
|
|
2728
2711
|
user: a
|
|
2729
2712
|
}, r);
|
|
2730
2713
|
}
|
|
2731
|
-
function
|
|
2732
|
-
|
|
2714
|
+
function sa() {
|
|
2715
|
+
na && ra(na);
|
|
2733
2716
|
}
|
|
2734
2717
|
//#endregion
|
|
2735
|
-
export {
|
|
2718
|
+
export { Y as applyLayout, U as createDefaultTemplateContent, le as createLocalStorageMediaProvider, ue as createLocalStorageSavedBlocksProvider, V as createParagraphBlock, W as createSlotBlock, q as createWrapperBlock, xe as getBaseLocale, Te as getSupportedCloudLocales, Pe as getSupportedLocales, ia as init, oa as initCloud, be as isCloudLocaleSupported, Ne as isLocaleSupported, ne as isSlot, ae as isWrapper, R as layoutWrapsSlot, sa as unmount, oe as validateLayout };
|
|
2736
2719
|
|
|
2737
2720
|
//# sourceMappingURL=editor.js.map
|