@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
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
import { A as e, At as t, B as n, E as r, F as i, J as a, M as o, N as s, O as c, R as l, S as u, V as d, Z as f, _ as p, at as m, b as h, c as g, d as _, g as v, h as y, j as b, jt as x, k as S, kt as C, l as w,
|
|
2
|
-
import { a as
|
|
3
|
-
import { $ as
|
|
4
|
-
import { E as
|
|
5
|
-
import { _ as
|
|
6
|
-
import { a as
|
|
7
|
-
import { A as
|
|
8
|
-
import { $ as
|
|
1
|
+
import { A as e, At as t, B as n, E as r, F as i, J as a, M as o, N as s, O as c, R as l, S as u, V as d, Z as f, _ as p, at as m, b as h, c as g, d as _, g as v, h as y, j as b, jt as x, k as S, kt as C, l as w, m as T, p as E, r as D, s as O, u as k, v as A } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
|
|
2
|
+
import { a as j, c as M, n as N, o as P, s as F, t as I } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
|
|
3
|
+
import { $ as L, E as R, F as z, H as B, I as V, J as H, K as U, M as W, Q as G, Y as K, c as ee, d as q, f as J, h as te, m as Y, ot as X, p as ne, q as re, u as ie, v as ae, w as oe, y as se } from "./dist-HjILVdTA.js";
|
|
4
|
+
import { E as ce, S as le, T as ue, f as de, h as fe, m as pe, v as me, y as he } from "./socialIcons-D1gkHc_i.js";
|
|
5
|
+
import { _ as ge, d as _e, g as ve } from "./dist-8VFzbeu9.js";
|
|
6
|
+
import { a as ye } from "./dist-BDuPwOyn.js";
|
|
7
|
+
import { A as be, E as xe, F as Se, I as Ce, L as we, M as Te, N as Ee, O as De, P as Oe, S as ke, a as Ae, c as je, d as Me, f as Ne, g as Pe, h as Fe, i as Ie, j as Le, l as Re, m as ze, n as Be, o as Ve, p as He, r as Ue, s as We, t as Ge, u as Ke, w as qe, y as Je } from "./useEditorCore-iuKC8yr5.js";
|
|
8
|
+
import { $ as Ye, A as Xe, E as Ze, J as Qe, K as $e, M as et, N as tt, P as nt, Q as rt, U as it, V as at, X as ot, Z as st, f as ct, g as lt, l as ut, m as dt, o as ft, p as pt, q as mt, r as ht, s as gt, z as _t } from "./keys-CDqfZIRt.js";
|
|
9
9
|
import { t as Z } from "./useI18n-B_CdcBwG.js";
|
|
10
|
-
import { t as
|
|
11
|
-
import { t as
|
|
12
|
-
import { t as Q } from "./createLucideIcon-
|
|
13
|
-
import { t as
|
|
14
|
-
import { t as
|
|
15
|
-
import { t as
|
|
16
|
-
import { t as
|
|
17
|
-
import { t as
|
|
18
|
-
import { t as
|
|
19
|
-
import { n as
|
|
20
|
-
import { t as
|
|
21
|
-
import { t as
|
|
22
|
-
import { n as
|
|
23
|
-
import { t as
|
|
24
|
-
import { t as
|
|
25
|
-
import { t as
|
|
26
|
-
import { t as
|
|
27
|
-
import { n as
|
|
28
|
-
import { t as
|
|
29
|
-
import { t as
|
|
30
|
-
import { t as
|
|
31
|
-
import { C as
|
|
32
|
-
import { n as
|
|
33
|
-
import { t as
|
|
34
|
-
import { t as
|
|
35
|
-
import { t as
|
|
36
|
-
import { t as
|
|
37
|
-
import { t as
|
|
10
|
+
import { t as vt } from "./logger-BBlvSn6q.js";
|
|
11
|
+
import { t as yt } from "./templateSettingsFields-YCFVBVYh.js";
|
|
12
|
+
import { t as Q } from "./createLucideIcon-BVcoovvP.js";
|
|
13
|
+
import { t as bt } from "./check-DNyj-E0y.js";
|
|
14
|
+
import { t as xt } from "./chevron-down-BYnhkMsA.js";
|
|
15
|
+
import { t as St } from "./circle-alert-B6xl1B_M.js";
|
|
16
|
+
import { t as Ct } from "./blockTypeIcons-DEvNVvBj.js";
|
|
17
|
+
import { t as wt } from "./eye-Nbtw_q05.js";
|
|
18
|
+
import { t as Tt } from "./image-up-C1jC7NzQ.js";
|
|
19
|
+
import { n as Et, t as Dt } from "./useScrollToBlock-DA_aIJXS.js";
|
|
20
|
+
import { t as Ot } from "./loader-circle-BRdCPW5h.js";
|
|
21
|
+
import { t as kt } from "./message-circle-CNgIpVJv.js";
|
|
22
|
+
import { n as At } from "./smartphone-CHf-8lHp.js";
|
|
23
|
+
import { t as jt } from "./package-B9OWk-Kp.js";
|
|
24
|
+
import { t as Mt } from "./search-CxRUiOSF.js";
|
|
25
|
+
import { t as Nt } from "./send-Bu2RysGL.js";
|
|
26
|
+
import { t as Pt } from "./sparkles-_DQGv4ub.js";
|
|
27
|
+
import { n as Ft, t as It } from "./MergeTagModeToggle-DOHixe4G.js";
|
|
28
|
+
import { t as Lt } from "./x-DrZO5tt0.js";
|
|
29
|
+
import { t as Rt } from "./_plugin-vue_export-helper-B3ysoDQm.js";
|
|
30
|
+
import { t as zt } from "./useCloudI18n-DpEsiLeR.js";
|
|
31
|
+
import { C as Bt, S as Vt, p as Ht, y as Ut } from "./styleConstants-C_YAPdQS.js";
|
|
32
|
+
import { n as Wt, r as Gt, t as Kt } from "./WrapperBlock-ox8TMS_p.js";
|
|
33
|
+
import { t as qt } from "./readableTextColor-f8Kykfnh.js";
|
|
34
|
+
import { t as Jt } from "./formatAbsoluteDateTime-DMmop3C-.js";
|
|
35
|
+
import { t as Yt } from "./formatRelativeTime-CtUU-QZ8.js";
|
|
36
|
+
import { t as Xt } from "./TplModal-D6lqrKls.js";
|
|
37
|
+
import { t as Zt } from "./preRenderCustomBlocks-C_PIxBp7.js";
|
|
38
38
|
//#region src/utils/resolveTemplateDefaults.ts
|
|
39
|
-
var
|
|
40
|
-
function
|
|
41
|
-
let t = e.locale?.trim().replace(/_/g, "-"), n = t &&
|
|
39
|
+
var Qt = /^[a-z]{2,3}(-[a-z0-9]{2,8})*$/i;
|
|
40
|
+
function $t(e) {
|
|
41
|
+
let t = e.locale?.trim().replace(/_/g, "-"), n = t && Qt.test(t) ? { locale: t } : void 0;
|
|
42
42
|
if (n || e.templateDefaults) return {
|
|
43
43
|
...n,
|
|
44
44
|
...e.templateDefaults
|
|
45
45
|
};
|
|
46
46
|
}
|
|
47
|
-
var
|
|
47
|
+
var en = Q({
|
|
48
48
|
name: "layout-template",
|
|
49
49
|
size: 24,
|
|
50
50
|
node: [
|
|
@@ -73,14 +73,14 @@ var $t = Q({
|
|
|
73
73
|
key: "q5h2i8"
|
|
74
74
|
}]
|
|
75
75
|
]
|
|
76
|
-
}),
|
|
76
|
+
}), tn = Q({
|
|
77
77
|
name: "moon",
|
|
78
78
|
size: 24,
|
|
79
79
|
node: [["path", {
|
|
80
80
|
d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
|
|
81
81
|
key: "kfwtm"
|
|
82
82
|
}]]
|
|
83
|
-
}),
|
|
83
|
+
}), nn = Q({
|
|
84
84
|
name: "panel-top",
|
|
85
85
|
size: 24,
|
|
86
86
|
node: [["rect", {
|
|
@@ -94,7 +94,7 @@ var $t = Q({
|
|
|
94
94
|
d: "M3 9h18",
|
|
95
95
|
key: "1pudct"
|
|
96
96
|
}]]
|
|
97
|
-
}),
|
|
97
|
+
}), rn = Q({
|
|
98
98
|
name: "rotate-ccw",
|
|
99
99
|
size: 24,
|
|
100
100
|
node: [["path", {
|
|
@@ -104,7 +104,7 @@ var $t = Q({
|
|
|
104
104
|
d: "M3 3v5h5",
|
|
105
105
|
key: "1xhq8a"
|
|
106
106
|
}]]
|
|
107
|
-
}),
|
|
107
|
+
}), an = Q({
|
|
108
108
|
name: "save",
|
|
109
109
|
size: 24,
|
|
110
110
|
node: [
|
|
@@ -121,7 +121,7 @@ var $t = Q({
|
|
|
121
121
|
key: "t51u73"
|
|
122
122
|
}]
|
|
123
123
|
]
|
|
124
|
-
}),
|
|
124
|
+
}), on = Q({
|
|
125
125
|
name: "settings",
|
|
126
126
|
size: 24,
|
|
127
127
|
node: [["path", {
|
|
@@ -133,7 +133,7 @@ var $t = Q({
|
|
|
133
133
|
r: "3",
|
|
134
134
|
key: "1v7zrd"
|
|
135
135
|
}]]
|
|
136
|
-
}),
|
|
136
|
+
}), sn = Q({
|
|
137
137
|
name: "square-plus",
|
|
138
138
|
size: 24,
|
|
139
139
|
node: [
|
|
@@ -155,7 +155,7 @@ var $t = Q({
|
|
|
155
155
|
}]
|
|
156
156
|
],
|
|
157
157
|
aliases: ["plus-square"]
|
|
158
|
-
}),
|
|
158
|
+
}), cn = Q({
|
|
159
159
|
name: "sun",
|
|
160
160
|
size: 24,
|
|
161
161
|
node: [
|
|
@@ -201,19 +201,19 @@ var $t = Q({
|
|
|
201
201
|
});
|
|
202
202
|
//#endregion
|
|
203
203
|
//#region src/composables/useCommentsFeature.ts
|
|
204
|
-
function
|
|
205
|
-
let { provider: t, editor: n } = e, r =
|
|
204
|
+
function ln(e) {
|
|
205
|
+
let { provider: t, editor: n } = e, r = he({
|
|
206
206
|
provider: t,
|
|
207
207
|
getTemplateId: () => n.state.template?.id ?? null,
|
|
208
208
|
getUser: () => e.user ?? null,
|
|
209
209
|
onError: e.onError
|
|
210
210
|
});
|
|
211
|
-
|
|
211
|
+
me({
|
|
212
212
|
comments: r,
|
|
213
213
|
provider: t,
|
|
214
214
|
getTemplateId: () => n.state.template?.id ?? null
|
|
215
215
|
});
|
|
216
|
-
let i = e.isOpen ?? f(!1), a = f(null), o =
|
|
216
|
+
let i = e.isOpen ?? f(!1), a = f(null), o = O(() => !!n.state.template?.id), s = r.unresolvedCount, c = O(() => e.user ? e.isAvailable?.() ?? !0 : !1);
|
|
217
217
|
l(c, (e) => {
|
|
218
218
|
e || (i.value = !1);
|
|
219
219
|
}), l([c, o], ([e, t]) => {
|
|
@@ -261,17 +261,17 @@ function cn(e) {
|
|
|
261
261
|
}
|
|
262
262
|
//#endregion
|
|
263
263
|
//#region src/composables/useMediaFeature.ts
|
|
264
|
-
function
|
|
264
|
+
function un(e) {
|
|
265
265
|
return e instanceof Error ? e : Error(String(e));
|
|
266
266
|
}
|
|
267
|
-
function
|
|
267
|
+
function dn(e, t, n) {
|
|
268
268
|
let r = e.maxFileSize ?? Infinity;
|
|
269
269
|
if (t.size > r) return /* @__PURE__ */ Error(`Image is too large (${t.size} bytes). Maximum allowed is ${r} bytes.`);
|
|
270
270
|
let i = e.mimeTypes;
|
|
271
271
|
return !i || (n && n.length > 0 ? n : Object.keys(i)).some((e) => i[e]?.includes(t.type) ?? !1) ? null : /* @__PURE__ */ Error(`Unsupported image type: ${t.type || "unknown"}.`);
|
|
272
272
|
}
|
|
273
|
-
function
|
|
274
|
-
let { provider: t, onRequestMedia: n, getTemplateId: r, onError: i } = e, o = f(!1), s = f(void 0), c =
|
|
273
|
+
function fn(e) {
|
|
274
|
+
let { provider: t, onRequestMedia: n, getTemplateId: r, onError: i } = e, o = f(!1), s = f(void 0), c = O(() => r?.()), l = O(() => !!n || typeof t?.create == "function"), u = null;
|
|
275
275
|
function d(e) {
|
|
276
276
|
o.value = !1, u?.(e), u = null;
|
|
277
277
|
}
|
|
@@ -292,7 +292,7 @@ function dn(e) {
|
|
|
292
292
|
if (!t) return null;
|
|
293
293
|
if (e?.files?.length) {
|
|
294
294
|
if (typeof t.create != "function") return null;
|
|
295
|
-
let n = e.files[0], a =
|
|
295
|
+
let n = e.files[0], a = dn(t, n, e.accept);
|
|
296
296
|
if (a) return i?.(a), null;
|
|
297
297
|
let o = r?.();
|
|
298
298
|
try {
|
|
@@ -303,14 +303,14 @@ function dn(e) {
|
|
|
303
303
|
try {
|
|
304
304
|
t.onCreated?.(e);
|
|
305
305
|
} catch (e) {
|
|
306
|
-
i?.(
|
|
306
|
+
i?.(un(e));
|
|
307
307
|
}
|
|
308
308
|
return {
|
|
309
309
|
url: e.url,
|
|
310
310
|
alt: e.alt
|
|
311
311
|
};
|
|
312
312
|
} catch (e) {
|
|
313
|
-
return i?.(
|
|
313
|
+
return i?.(un(e)), null;
|
|
314
314
|
}
|
|
315
315
|
}
|
|
316
316
|
return u &&= (u(null), null), s.value = e?.accept, o.value = !0, new Promise((e) => {
|
|
@@ -328,11 +328,11 @@ function dn(e) {
|
|
|
328
328
|
}
|
|
329
329
|
//#endregion
|
|
330
330
|
//#region src/composables/useSavedBlocksFeature.ts
|
|
331
|
-
function
|
|
332
|
-
let { provider: t, editor: n } = e, r =
|
|
331
|
+
function pn(e) {
|
|
332
|
+
let { provider: t, editor: n } = e, r = ue({
|
|
333
333
|
provider: t,
|
|
334
334
|
onError: e.onError
|
|
335
|
-
}), i = f(!1), a = f(!1), o = f(!1), s = f(/* @__PURE__ */ new Set()), c =
|
|
335
|
+
}), i = f(!1), a = f(!1), o = f(!1), s = f(/* @__PURE__ */ new Set()), c = O(() => o.value), u = O(() => s.value.size);
|
|
336
336
|
function d(e) {
|
|
337
337
|
r.canCreate.value && (n.state.previewMode || (s.value = /* @__PURE__ */ new Set([e]), o.value = !0));
|
|
338
338
|
}
|
|
@@ -364,7 +364,7 @@ function fn(e) {
|
|
|
364
364
|
}
|
|
365
365
|
function x(e, t) {
|
|
366
366
|
for (let r = 0; r < e.content.length; r++) {
|
|
367
|
-
let i =
|
|
367
|
+
let i = ne(e.content[r]), a = t === void 0 ? void 0 : t + r;
|
|
368
368
|
n.addBlock(i, void 0, void 0, a);
|
|
369
369
|
}
|
|
370
370
|
a.value = !1;
|
|
@@ -372,8 +372,8 @@ function fn(e) {
|
|
|
372
372
|
function S() {
|
|
373
373
|
r.load().catch(() => {});
|
|
374
374
|
}
|
|
375
|
-
let C =
|
|
376
|
-
return b(
|
|
375
|
+
let C = O(() => r.savedBlocks.value.length), w = O(() => e.isAvailable?.() ?? !0);
|
|
376
|
+
return b(it, r), {
|
|
377
377
|
headless: r,
|
|
378
378
|
isPicking: c,
|
|
379
379
|
pickedIds: s,
|
|
@@ -410,11 +410,11 @@ function fn(e) {
|
|
|
410
410
|
}
|
|
411
411
|
//#endregion
|
|
412
412
|
//#region src/composables/useTemplatesFeature.ts
|
|
413
|
-
var
|
|
414
|
-
function
|
|
415
|
-
let { provider: t, editor: n } = e, r = f("idle"), i = f(""), { start: a, stop: o } =
|
|
413
|
+
var mn = 3e3;
|
|
414
|
+
function hn(e) {
|
|
415
|
+
let { provider: t, editor: n } = e, r = f("idle"), i = f(""), { start: a, stop: o } = ge(() => {
|
|
416
416
|
r.value = "idle";
|
|
417
|
-
},
|
|
417
|
+
}, mn, { immediate: !1 }), s = O(() => typeof t.create == "function"), c = O(() => typeof t.save == "function"), l = O(() => e.isAvailable?.() ?? !0), u = O(() => n.state.template?.name), d = O(() => {
|
|
418
418
|
let e = n.state.template;
|
|
419
419
|
return e?.updatedAt ? {
|
|
420
420
|
iso: e.updatedAt,
|
|
@@ -423,7 +423,7 @@ function mn(e) {
|
|
|
423
423
|
iso: e.createdAt,
|
|
424
424
|
kind: "createdAt"
|
|
425
425
|
} : null;
|
|
426
|
-
}), p =
|
|
426
|
+
}), p = O(() => n.state.template !== null), m = O(() => n.state.isSaving);
|
|
427
427
|
function h() {
|
|
428
428
|
i.value = "", r.value = "saved", o(), a();
|
|
429
429
|
}
|
|
@@ -486,7 +486,7 @@ function mn(e) {
|
|
|
486
486
|
let t = e.trim();
|
|
487
487
|
t && t !== n.state.template?.name && (n.setName(t), C("rename"));
|
|
488
488
|
}
|
|
489
|
-
return e.guardUnsavedChanges !== !1 &&
|
|
489
|
+
return e.guardUnsavedChanges !== !1 && ye(window, "beforeunload", (e) => {
|
|
490
490
|
n.state.isDirty && (e.preventDefault(), e.returnValue = "");
|
|
491
491
|
}), {
|
|
492
492
|
save: _,
|
|
@@ -521,15 +521,15 @@ function mn(e) {
|
|
|
521
521
|
}
|
|
522
522
|
//#endregion
|
|
523
523
|
//#region src/utils/toMjml.ts
|
|
524
|
-
async function
|
|
524
|
+
async function gn() {
|
|
525
525
|
try {
|
|
526
526
|
return await import("@templatical/renderer");
|
|
527
527
|
} catch {
|
|
528
528
|
return null;
|
|
529
529
|
}
|
|
530
530
|
}
|
|
531
|
-
async function
|
|
532
|
-
let t = await
|
|
531
|
+
async function _n(e) {
|
|
532
|
+
let t = await gn();
|
|
533
533
|
if (!t) throw Error("[Templatical] toMjml() requires the @templatical/renderer package. Please install it.");
|
|
534
534
|
let n = e.getCustomBlockStylesheet, r = e.getFonts?.(), i = e.getLayout?.();
|
|
535
535
|
return t.renderToMjml(e.getContent(), {
|
|
@@ -545,22 +545,22 @@ async function gn(e) {
|
|
|
545
545
|
}
|
|
546
546
|
//#endregion
|
|
547
547
|
//#region src/composables/useTestEmailFeature.ts
|
|
548
|
-
var
|
|
549
|
-
function
|
|
548
|
+
var vn = 1200;
|
|
549
|
+
function yn(e) {
|
|
550
550
|
return e instanceof Error ? e : Error(String(e));
|
|
551
551
|
}
|
|
552
|
-
function
|
|
552
|
+
function bn(e) {
|
|
553
553
|
let { provider: t } = e, n = f(!1), r = f(!1), i = f(!1), o = f(null), s = null, c = !1;
|
|
554
554
|
function l() {
|
|
555
555
|
s !== null && (clearTimeout(s), s = null);
|
|
556
556
|
}
|
|
557
557
|
a(l);
|
|
558
|
-
let u =
|
|
558
|
+
let u = O(() => t.allowedRecipients), d = O(() => {
|
|
559
559
|
let e = t.defaultRecipient;
|
|
560
560
|
if (e === void 0) return;
|
|
561
561
|
let n = u.value;
|
|
562
562
|
if (!n || n.includes(e)) return e;
|
|
563
|
-
}), p =
|
|
563
|
+
}), p = O(() => u.value?.length === 0 ? !1 : e.isAvailable?.() ?? !0);
|
|
564
564
|
function m() {
|
|
565
565
|
p.value && (o.value = null, i.value = !1, l(), n.value = !0);
|
|
566
566
|
}
|
|
@@ -571,8 +571,8 @@ function yn(e) {
|
|
|
571
571
|
if (t.includeMjml && e.renderMjml) try {
|
|
572
572
|
return await e.renderMjml();
|
|
573
573
|
} catch (t) {
|
|
574
|
-
if ((e.usesLocalRenderer?.() ?? !0) && await
|
|
575
|
-
c || (c = !0,
|
|
574
|
+
if ((e.usesLocalRenderer?.() ?? !0) && await gn() === null) {
|
|
575
|
+
c || (c = !0, vt.warn("testEmail.includeMjml is set but @templatical/renderer is not installed — sending the template as JSON only. Install it to receive `payload.mjml`."));
|
|
576
576
|
return;
|
|
577
577
|
}
|
|
578
578
|
throw t;
|
|
@@ -582,7 +582,7 @@ function yn(e) {
|
|
|
582
582
|
try {
|
|
583
583
|
t.onSent?.(n);
|
|
584
584
|
} catch (t) {
|
|
585
|
-
e.onError?.(
|
|
585
|
+
e.onError?.(yn(t));
|
|
586
586
|
}
|
|
587
587
|
}
|
|
588
588
|
async function v(n) {
|
|
@@ -600,9 +600,9 @@ function yn(e) {
|
|
|
600
600
|
...r === void 0 ? {} : { mjml: r },
|
|
601
601
|
...a === void 0 ? {} : { allowedRecipients: a }
|
|
602
602
|
};
|
|
603
|
-
await t.send(o), i.value = !0, s = setTimeout(h,
|
|
603
|
+
await t.send(o), i.value = !0, s = setTimeout(h, vn), _(o);
|
|
604
604
|
} catch (t) {
|
|
605
|
-
let n =
|
|
605
|
+
let n = yn(t);
|
|
606
606
|
o.value = {
|
|
607
607
|
kind: "provider",
|
|
608
608
|
message: n.message
|
|
@@ -630,8 +630,8 @@ function yn(e) {
|
|
|
630
630
|
}
|
|
631
631
|
//#endregion
|
|
632
632
|
//#region src/composables/useVersionHistoryFeature.ts
|
|
633
|
-
function
|
|
634
|
-
let { provider: t, editor: n, history: r, conditionPreview: i, autoSave: o } = e, s =
|
|
633
|
+
function xn(e) {
|
|
634
|
+
let { provider: t, editor: n, history: r, conditionPreview: i, autoSave: o } = e, s = ce({
|
|
635
635
|
provider: t,
|
|
636
636
|
getTemplateId: () => n.state.template?.id ?? null,
|
|
637
637
|
onError: e.onError
|
|
@@ -639,7 +639,7 @@ function bn(e) {
|
|
|
639
639
|
a(() => {
|
|
640
640
|
p = !0;
|
|
641
641
|
});
|
|
642
|
-
let m =
|
|
642
|
+
let m = O(() => s.versions.value), h = O(() => s.isLoading.value), g = O(() => s.isRestoring.value), _ = s.canCreate, v = s.canRestore, y = O(() => !!n.state.template?.id), b = O(() => e.isAvailable?.() ?? !0), x = O(() => c.value !== null), S = O(() => e.saveBeforeRestore?.canSave() === !0), C = O(() => d.value || g.value);
|
|
643
643
|
function w() {
|
|
644
644
|
y.value && s.load().catch(() => {});
|
|
645
645
|
}
|
|
@@ -657,7 +657,7 @@ function bn(e) {
|
|
|
657
657
|
return;
|
|
658
658
|
}
|
|
659
659
|
let t = await s.resolveContent(e);
|
|
660
|
-
p || (l.value =
|
|
660
|
+
p || (l.value = L(n.content.value), o?.pause(), c.value = e, n.setContent(t, !1));
|
|
661
661
|
}
|
|
662
662
|
async function E() {
|
|
663
663
|
if (c.value) {
|
|
@@ -668,7 +668,7 @@ function bn(e) {
|
|
|
668
668
|
await j();
|
|
669
669
|
}
|
|
670
670
|
}
|
|
671
|
-
async function
|
|
671
|
+
async function D() {
|
|
672
672
|
let t = c.value, r = l.value, i = e.saveBeforeRestore;
|
|
673
673
|
if (t && r && i?.canSave() && !C.value) {
|
|
674
674
|
n.setContent(r, !1), d.value = !0;
|
|
@@ -724,7 +724,7 @@ function bn(e) {
|
|
|
724
724
|
refresh: w,
|
|
725
725
|
navigate: T,
|
|
726
726
|
requestRestore: E,
|
|
727
|
-
saveAndRestore:
|
|
727
|
+
saveAndRestore: D,
|
|
728
728
|
discardAndRestore: k,
|
|
729
729
|
cancelRestoreConfirm: A,
|
|
730
730
|
confirmRestore: j,
|
|
@@ -741,12 +741,12 @@ function bn(e) {
|
|
|
741
741
|
}
|
|
742
742
|
//#endregion
|
|
743
743
|
//#region src/types/auto-save.ts
|
|
744
|
-
function
|
|
744
|
+
function Sn(e, t) {
|
|
745
745
|
return e ?? t;
|
|
746
746
|
}
|
|
747
747
|
//#endregion
|
|
748
748
|
//#region src/utils/resolveLintOptions.ts
|
|
749
|
-
function
|
|
749
|
+
function Cn(e) {
|
|
750
750
|
return {
|
|
751
751
|
...e.lint,
|
|
752
752
|
locale: e.locale
|
|
@@ -754,13 +754,13 @@ function Sn(e) {
|
|
|
754
754
|
}
|
|
755
755
|
//#endregion
|
|
756
756
|
//#region src/utils/normalizeMergeTagMarkup.ts
|
|
757
|
-
function
|
|
757
|
+
function wn(e) {
|
|
758
758
|
let t = e.flags.includes("g") ? e.flags : `${e.flags}g`;
|
|
759
759
|
return new RegExp(e.source, t);
|
|
760
760
|
}
|
|
761
|
-
function
|
|
761
|
+
function Tn(e, t, n) {
|
|
762
762
|
let r = [], i = (t, n, i) => {
|
|
763
|
-
let a =
|
|
763
|
+
let a = wn(t), o = a.exec(e);
|
|
764
764
|
for (; o !== null;) {
|
|
765
765
|
let t = o.index, s = t + o[0].length;
|
|
766
766
|
o[0].length === 0 ? a.lastIndex++ : r.some((e) => t < e.end && s > e.start) || r.push({
|
|
@@ -772,9 +772,9 @@ function wn(e, t, n) {
|
|
|
772
772
|
}), o = a.exec(e);
|
|
773
773
|
}
|
|
774
774
|
};
|
|
775
|
-
return i(n.logic, "data-logic-merge-tag", (e) =>
|
|
775
|
+
return i(n.logic, "data-logic-merge-tag", (e) => z(e, n)), i(n.value, "data-merge-tag", (e) => V(e, t)), r.sort((e, t) => e.start - t.start);
|
|
776
776
|
}
|
|
777
|
-
function
|
|
777
|
+
function En(e) {
|
|
778
778
|
let t = e.createTreeWalker(e.body, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT, { acceptNode(e) {
|
|
779
779
|
if (e.nodeType !== 1) return NodeFilter.FILTER_ACCEPT;
|
|
780
780
|
let t = e;
|
|
@@ -783,11 +783,11 @@ function Tn(e) {
|
|
|
783
783
|
for (; r !== null;) n.push(r), r = t.nextNode();
|
|
784
784
|
return n;
|
|
785
785
|
}
|
|
786
|
-
function
|
|
787
|
-
if (!e || !
|
|
786
|
+
function Dn(e, t, n) {
|
|
787
|
+
if (!e || !Y(e, n) || typeof DOMParser > "u") return e;
|
|
788
788
|
let r = new DOMParser().parseFromString(`<!doctype html><body>${e}</body>`, "text/html"), i = 0;
|
|
789
|
-
for (let e of
|
|
790
|
-
let a = e.data, o =
|
|
789
|
+
for (let e of En(r)) {
|
|
790
|
+
let a = e.data, o = Tn(a, t, n);
|
|
791
791
|
if (o.length === 0) continue;
|
|
792
792
|
let s = r.createDocumentFragment(), c = 0;
|
|
793
793
|
for (let e of o) {
|
|
@@ -799,13 +799,13 @@ function En(e, t, n) {
|
|
|
799
799
|
}
|
|
800
800
|
return i === 0 ? e : r.body.innerHTML;
|
|
801
801
|
}
|
|
802
|
-
function
|
|
802
|
+
function On(e, t, n) {
|
|
803
803
|
if (e.type === "section") {
|
|
804
804
|
if (!Array.isArray(e.children)) return e;
|
|
805
805
|
let r = !1, i = e.children.map((e) => {
|
|
806
806
|
if (!Array.isArray(e)) return e;
|
|
807
807
|
let i = !1, a = e.map((e) => {
|
|
808
|
-
let r =
|
|
808
|
+
let r = On(e, t, n);
|
|
809
809
|
return r !== e && (i = !0), r;
|
|
810
810
|
});
|
|
811
811
|
return i ? (r = !0, a) : e;
|
|
@@ -818,7 +818,7 @@ function Dn(e, t, n) {
|
|
|
818
818
|
if (e.type === "wrapper") {
|
|
819
819
|
if (!Array.isArray(e.children)) return e;
|
|
820
820
|
let r = !1, i = e.children.map((e) => {
|
|
821
|
-
let i =
|
|
821
|
+
let i = On(e, t, n);
|
|
822
822
|
return i !== e && (r = !0), i;
|
|
823
823
|
});
|
|
824
824
|
return r ? {
|
|
@@ -827,16 +827,16 @@ function Dn(e, t, n) {
|
|
|
827
827
|
} : e;
|
|
828
828
|
}
|
|
829
829
|
if (e.type !== "title" && e.type !== "paragraph" || typeof e.content != "string") return e;
|
|
830
|
-
let r =
|
|
830
|
+
let r = Dn(e.content, t, n);
|
|
831
831
|
return r === e.content ? e : {
|
|
832
832
|
...e,
|
|
833
833
|
content: r
|
|
834
834
|
};
|
|
835
835
|
}
|
|
836
|
-
function
|
|
836
|
+
function kn(e, t, n) {
|
|
837
837
|
if (!e || !Array.isArray(e.blocks)) return e;
|
|
838
838
|
let r = !1, i = e.blocks.map((e) => {
|
|
839
|
-
let i =
|
|
839
|
+
let i = On(e, t, n);
|
|
840
840
|
return i !== e && (r = !0), i;
|
|
841
841
|
});
|
|
842
842
|
return r ? {
|
|
@@ -844,10 +844,13 @@ function On(e, t, n) {
|
|
|
844
844
|
blocks: i
|
|
845
845
|
} : e;
|
|
846
846
|
}
|
|
847
|
-
function kn(e, t) {
|
|
848
|
-
return On(e, t?.tags ?? [], U(t?.syntax));
|
|
849
|
-
}
|
|
850
847
|
function An(e, t) {
|
|
848
|
+
return kn(jn(e), t?.tags ?? [], G(t?.syntax));
|
|
849
|
+
}
|
|
850
|
+
function jn(e) {
|
|
851
|
+
return typeof e == "object" && e ? L(e) : e;
|
|
852
|
+
}
|
|
853
|
+
function Mn(e, t) {
|
|
851
854
|
return {
|
|
852
855
|
get state() {
|
|
853
856
|
return e.state;
|
|
@@ -855,47 +858,47 @@ function An(e, t) {
|
|
|
855
858
|
get content() {
|
|
856
859
|
return e.content;
|
|
857
860
|
},
|
|
858
|
-
setContent: (n, r) => e.setContent(
|
|
861
|
+
setContent: (n, r) => e.setContent(An(n, t), r)
|
|
859
862
|
};
|
|
860
863
|
}
|
|
861
|
-
function
|
|
864
|
+
function Nn(e, t) {
|
|
862
865
|
return {
|
|
863
866
|
...e,
|
|
864
867
|
async load(n) {
|
|
865
|
-
let r = await e.load(n)
|
|
866
|
-
return
|
|
868
|
+
let r = await e.load(n);
|
|
869
|
+
return {
|
|
867
870
|
...r,
|
|
868
|
-
content:
|
|
871
|
+
content: An(r.content, t)
|
|
869
872
|
};
|
|
870
873
|
}
|
|
871
874
|
};
|
|
872
875
|
}
|
|
873
876
|
//#endregion
|
|
874
877
|
//#region src/components/Canvas.vue?vue&type=script&setup=true&lang.ts
|
|
875
|
-
var
|
|
878
|
+
var Pn = ["aria-label"], Fn = ["lang", "dir"], In = {
|
|
876
879
|
key: 0,
|
|
877
880
|
role: "status",
|
|
878
881
|
"aria-busy": "true",
|
|
879
882
|
"data-testid": "preview-resolution-loading",
|
|
880
883
|
class: "tpl:flex tpl:flex-col tpl:gap-3 tpl:p-6"
|
|
881
|
-
},
|
|
884
|
+
}, Ln = { class: "tpl:sr-only" }, Rn = {
|
|
882
885
|
key: 1,
|
|
883
886
|
role: "status",
|
|
884
887
|
"data-testid": "preview-resolution-failed",
|
|
885
888
|
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)]"
|
|
886
|
-
},
|
|
889
|
+
}, zn = {
|
|
887
890
|
key: 0,
|
|
888
891
|
class: "tpl-canvas-empty-content tpl:flex tpl:flex-col tpl:items-center"
|
|
889
|
-
},
|
|
892
|
+
}, Bn = { class: "tpl-canvas-empty-icon tpl:mb-4 tpl:text-[var(--tpl-primary)]" }, Vn = { class: "tpl-canvas-empty-title tpl:m-0 tpl:mb-2 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-primary)]" }, Hn = { class: "tpl-canvas-empty-text tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-dim)]" }, Un = {
|
|
890
893
|
key: 0,
|
|
891
894
|
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)]"
|
|
892
|
-
},
|
|
895
|
+
}, Wn = {
|
|
893
896
|
key: 1,
|
|
894
897
|
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)]"
|
|
895
|
-
},
|
|
898
|
+
}, Gn = { class: "tpl:relative" }, Kn = {
|
|
896
899
|
class: "tpl:inline-flex tpl:size-3 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[10px] tpl:font-bold",
|
|
897
900
|
style: { "background-color": "color-mix(\n in srgb,\n var(--tpl-bg) 30%,\n transparent\n )" }
|
|
898
|
-
},
|
|
901
|
+
}, qn = /*#__PURE__*/ Rt(/* @__PURE__ */ A({
|
|
899
902
|
__name: "Canvas",
|
|
900
903
|
props: {
|
|
901
904
|
viewport: {},
|
|
@@ -912,23 +915,23 @@ var Mn = ["aria-label"], Nn = ["lang", "dir"], Pn = {
|
|
|
912
915
|
],
|
|
913
916
|
setup(r, { emit: a }) {
|
|
914
917
|
let s = {
|
|
915
|
-
section:
|
|
916
|
-
title:
|
|
917
|
-
paragraph:
|
|
918
|
-
image:
|
|
919
|
-
button:
|
|
920
|
-
divider:
|
|
921
|
-
spacer:
|
|
922
|
-
html:
|
|
923
|
-
social:
|
|
924
|
-
menu:
|
|
925
|
-
table:
|
|
926
|
-
video:
|
|
927
|
-
custom:
|
|
928
|
-
wrapper:
|
|
929
|
-
}, c = r, l = a, { t: p } = Z(), { t: h } =
|
|
930
|
-
b(
|
|
931
|
-
let
|
|
918
|
+
section: Ve,
|
|
919
|
+
title: je,
|
|
920
|
+
paragraph: Ke,
|
|
921
|
+
image: Ne,
|
|
922
|
+
button: xe,
|
|
923
|
+
divider: ze,
|
|
924
|
+
spacer: Ie,
|
|
925
|
+
html: He,
|
|
926
|
+
social: Ae,
|
|
927
|
+
menu: Me,
|
|
928
|
+
table: Ue,
|
|
929
|
+
video: Be,
|
|
930
|
+
custom: Fe,
|
|
931
|
+
wrapper: Kt
|
|
932
|
+
}, c = r, l = a, { t: p } = Z(), { t: h } = zt(), S = Ye(lt, "Canvas"), T = u(ct, null), E = u(gt, null), A = u(ut, {}), j = u(et, null), M = u(at, null);
|
|
933
|
+
b(rt, O(() => c.previewMode && (j?.value ?? !1) && !M?.isConfigured));
|
|
934
|
+
let N = O(() => (A.plan?.hasFeature("aiGeneration") ?? !1) && (A.ai?.isFeatureEnabled("chat") ?? !1)), F = O(() => (A.plan?.hasFeature("aiGeneration") ?? !1) && (A.ai?.isFeatureEnabled("designToTemplate") ?? !1)), I = u(ht, null), L = O({
|
|
932
935
|
get: () => c.content.blocks,
|
|
933
936
|
set: (e) => {
|
|
934
937
|
S.setContent({
|
|
@@ -936,21 +939,21 @@ var Mn = ["aria-label"], Nn = ["lang", "dir"], Pn = {
|
|
|
936
939
|
blocks: e
|
|
937
940
|
});
|
|
938
941
|
}
|
|
939
|
-
}), R =
|
|
940
|
-
function
|
|
941
|
-
|
|
942
|
+
}), R = O(() => Gt(c.content.settings, c.viewport)), z = O(() => R.value + 192), B = O(() => De(c.content.settings)), V = O(() => c.content.settings?.locale?.trim() || void 0), H = O(() => K(c.content.settings)), U = O(() => L.value.length === 0 && !c.previewMode), W = f(0), G = O(() => U.value && W.value > 0);
|
|
943
|
+
function ee() {
|
|
944
|
+
U.value && (W.value += 1);
|
|
942
945
|
}
|
|
943
946
|
function q() {
|
|
944
|
-
|
|
947
|
+
U.value && (W.value = Math.max(0, W.value - 1));
|
|
945
948
|
}
|
|
946
|
-
function
|
|
947
|
-
|
|
949
|
+
function J() {
|
|
950
|
+
W.value = 0;
|
|
948
951
|
}
|
|
949
|
-
function
|
|
952
|
+
function te(e) {
|
|
950
953
|
c.previewMode || A.savedBlocks?.isPicking.value || e.target === e.currentTarget && l("select-block", null);
|
|
951
954
|
}
|
|
952
955
|
function Y(e) {
|
|
953
|
-
return
|
|
956
|
+
return be(e, E, s);
|
|
954
957
|
}
|
|
955
958
|
function X(e) {
|
|
956
959
|
return c.lockedBlocks?.get(e) ?? null;
|
|
@@ -967,7 +970,7 @@ var Mn = ["aria-label"], Nn = ["lang", "dir"], Pn = {
|
|
|
967
970
|
function re(e) {
|
|
968
971
|
return A.savedBlocks?.isPicked(e) ?? !1;
|
|
969
972
|
}
|
|
970
|
-
let ie =
|
|
973
|
+
let ie = O(() => A.savedBlocks?.isPicking.value === !0);
|
|
971
974
|
function ae(e, t) {
|
|
972
975
|
e.type === "custom" && S.updateBlock(e.id, {
|
|
973
976
|
fieldValues: t.fieldValues,
|
|
@@ -981,7 +984,7 @@ var Mn = ["aria-label"], Nn = ["lang", "dir"], Pn = {
|
|
|
981
984
|
maxWidth: "calc(100% - 4 * var(--tpl-base-size))",
|
|
982
985
|
minWidth: "min-content",
|
|
983
986
|
boxShadow: r.darkMode ? "none" : "var(--tpl-shadow-xl)",
|
|
984
|
-
transition: m(
|
|
987
|
+
transition: m(Wt)
|
|
985
988
|
})
|
|
986
989
|
}, [g("div", {
|
|
987
990
|
class: "tpl-canvas-bg tpl:absolute tpl:inset-0 tpl:rounded-lg tpl:pointer-events-none",
|
|
@@ -997,7 +1000,7 @@ var Mn = ["aria-label"], Nn = ["lang", "dir"], Pn = {
|
|
|
997
1000
|
class: "tpl-canvas-wrapper tpl:relative",
|
|
998
1001
|
style: t({
|
|
999
1002
|
width: `${R.value}px`,
|
|
1000
|
-
transition: m(
|
|
1003
|
+
transition: m(Wt)
|
|
1001
1004
|
})
|
|
1002
1005
|
}, [g("div", {
|
|
1003
1006
|
class: C(["tpl-canvas tpl:relative tpl:rounded-lg", {
|
|
@@ -1005,14 +1008,14 @@ var Mn = ["aria-label"], Nn = ["lang", "dir"], Pn = {
|
|
|
1005
1008
|
"tpl-preview-mode": r.previewMode
|
|
1006
1009
|
}]),
|
|
1007
1010
|
lang: V.value,
|
|
1008
|
-
dir:
|
|
1011
|
+
dir: H.value,
|
|
1009
1012
|
style: t(B.value),
|
|
1010
|
-
onClick:
|
|
1011
|
-
}, [m(M)?.isInitialResolve.value ? (e(), _("div",
|
|
1013
|
+
onClick: te
|
|
1014
|
+
}, [m(M)?.isInitialResolve.value ? (e(), _("div", In, [g("span", Ln, x(m(p).previewResolution.resolving), 1), (e(), _(D, null, o(3, (e) => g("div", {
|
|
1012
1015
|
key: e,
|
|
1013
1016
|
"aria-hidden": "true",
|
|
1014
1017
|
class: "tpl-pulse tpl:h-16 tpl:rounded-md tpl:bg-[var(--tpl-bg-hover)]"
|
|
1015
|
-
})), 64))])) : m(M)?.hasFailed.value ? (e(), _("p",
|
|
1018
|
+
})), 64))])) : m(M)?.hasFailed.value ? (e(), _("p", Rn, x(m(p).previewResolution.failed), 1)) : k("", !0), d(v(m(We), {
|
|
1016
1019
|
modelValue: L.value,
|
|
1017
1020
|
"onUpdate:modelValue": s[2] ||= (e) => L.value = e,
|
|
1018
1021
|
group: "blocks",
|
|
@@ -1027,47 +1030,47 @@ var Mn = ["aria-label"], Nn = ["lang", "dir"], Pn = {
|
|
|
1027
1030
|
"force-fallback": !0,
|
|
1028
1031
|
class: C([
|
|
1029
1032
|
"tpl-canvas-blocks",
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
+
U.value ? "tpl-canvas-empty tpl:m-6 tpl:flex tpl:min-h-[400px] tpl:flex-col tpl:items-center tpl:justify-center tpl:rounded-xl tpl:border-2 tpl:border-dashed tpl:px-10 tpl:py-12 tpl:text-center tpl:bg-[var(--tpl-bg-elevated)] tpl:font-[var(--tpl-font-family)] tpl:transition-colors" : "",
|
|
1034
|
+
U.value && G.value ? "tpl-canvas-empty--drag-over tpl:border-[var(--tpl-primary-hover)] tpl:bg-[var(--tpl-primary-light)]" : "",
|
|
1035
|
+
U.value && !G.value ? "tpl:border-[var(--tpl-primary)]" : ""
|
|
1033
1036
|
]),
|
|
1034
|
-
onDragenter:
|
|
1037
|
+
onDragenter: ee,
|
|
1035
1038
|
onDragleave: q,
|
|
1036
|
-
onDrop:
|
|
1039
|
+
onDrop: J
|
|
1037
1040
|
}, {
|
|
1038
|
-
default: n(() => [
|
|
1039
|
-
g("div",
|
|
1041
|
+
default: n(() => [U.value ? (e(), _("div", zn, [
|
|
1042
|
+
g("div", Bn, [v(m(sn), {
|
|
1040
1043
|
size: 48,
|
|
1041
1044
|
"stroke-width": 1
|
|
1042
1045
|
})]),
|
|
1043
|
-
g("p",
|
|
1044
|
-
g("p",
|
|
1045
|
-
|
|
1046
|
+
g("p", Vn, x(m(p).canvas.noBlocks), 1),
|
|
1047
|
+
g("p", Hn, x(m(p).canvas.dragHint), 1),
|
|
1048
|
+
N.value && m(h) ? (e(), _("p", Un, [
|
|
1046
1049
|
y(x(m(p).canvas.aiHintChat) + " ", 1),
|
|
1047
1050
|
g("button", {
|
|
1048
1051
|
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)]",
|
|
1049
1052
|
onClick: s[0] ||= (e) => l("open-ai-chat")
|
|
1050
|
-
}, [v(m(
|
|
1053
|
+
}, [v(m(Pt), {
|
|
1051
1054
|
size: 14,
|
|
1052
1055
|
"stroke-width": 2
|
|
1053
1056
|
}), y(" " + x(m(h).aiMenu.aiAssistant), 1)]),
|
|
1054
1057
|
y(" " + x(m(p).canvas.aiHintChatSuffix), 1)
|
|
1055
|
-
])) :
|
|
1056
|
-
F.value && m(h) ? (e(), _("p",
|
|
1058
|
+
])) : k("", !0),
|
|
1059
|
+
F.value && m(h) ? (e(), _("p", Wn, [
|
|
1057
1060
|
y(x(m(p).canvas.aiHintDesign) + " ", 1),
|
|
1058
1061
|
g("button", {
|
|
1059
1062
|
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)]",
|
|
1060
1063
|
onClick: s[1] ||= (e) => l("open-design-reference")
|
|
1061
|
-
}, [v(m(
|
|
1064
|
+
}, [v(m(Tt), {
|
|
1062
1065
|
size: 14,
|
|
1063
1066
|
"stroke-width": 2
|
|
1064
1067
|
}), y(" " + x(m(h).aiMenu.designToTemplate), 1)]),
|
|
1065
1068
|
y(" " + x(m(p).canvas.aiHintDesignSuffix), 1)
|
|
1066
|
-
])) :
|
|
1067
|
-
])) :
|
|
1069
|
+
])) : k("", !0)
|
|
1070
|
+
])) : k("", !0), (e(!0), _(D, null, o(L.value, (a) => d((e(), _("div", {
|
|
1068
1071
|
key: a.id,
|
|
1069
1072
|
class: "tpl-block-item"
|
|
1070
|
-
}, [g("div",
|
|
1073
|
+
}, [g("div", Gn, [X(a.id) ? (e(), _("div", {
|
|
1071
1074
|
key: 0,
|
|
1072
1075
|
class: "tpl-collab-lock tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[4] tpl:rounded-sm",
|
|
1073
1076
|
style: t({
|
|
@@ -1078,13 +1081,13 @@ var Mn = ["aria-label"], Nn = ["lang", "dir"], Pn = {
|
|
|
1078
1081
|
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",
|
|
1079
1082
|
style: t({
|
|
1080
1083
|
backgroundColor: X(a.id).color,
|
|
1081
|
-
color: m(
|
|
1084
|
+
color: m(qt)(X(a.id).color)
|
|
1082
1085
|
})
|
|
1083
|
-
}, [g("span",
|
|
1086
|
+
}, [g("span", Kn, x(X(a.id).name.charAt(0)), 1), y(" " + x(X(a.id).name), 1)], 4)], 4)) : k("", !0), a.type === "wrapper" ? (e(), w(i(Y(a)), {
|
|
1084
1087
|
key: 1,
|
|
1085
1088
|
block: a,
|
|
1086
1089
|
viewport: r.viewport
|
|
1087
|
-
}, null, 8, ["block", "viewport"])) : (e(), w(
|
|
1090
|
+
}, null, 8, ["block", "viewport"])) : (e(), w(Re, {
|
|
1088
1091
|
key: 2,
|
|
1089
1092
|
block: a,
|
|
1090
1093
|
"is-selected": !r.previewMode && !ie.value && r.selectedBlockId === a.id && !X(a.id),
|
|
@@ -1112,18 +1115,18 @@ var Mn = ["aria-label"], Nn = ["lang", "dir"], Pn = {
|
|
|
1112
1115
|
"viewport",
|
|
1113
1116
|
"preview-mode",
|
|
1114
1117
|
"onSelect"
|
|
1115
|
-
]))])])), [[
|
|
1118
|
+
]))])])), [[P, m(I) === !1 || !m(T)?.isHidden(a.id)]])), 128))]),
|
|
1116
1119
|
_: 1
|
|
1117
1120
|
}, 8, [
|
|
1118
1121
|
"modelValue",
|
|
1119
1122
|
"disabled",
|
|
1120
1123
|
"class"
|
|
1121
|
-
]), [[
|
|
1124
|
+
]), [[P, !m(M)?.isInitialResolve.value]])], 14, Fn)], 12, Pn)], 4));
|
|
1122
1125
|
}
|
|
1123
|
-
}), [["__scopeId", "data-v-04a5cab0"]]),
|
|
1126
|
+
}), [["__scopeId", "data-v-04a5cab0"]]), Jn = A({
|
|
1124
1127
|
name: "CustomBlockStylesheets",
|
|
1125
1128
|
setup() {
|
|
1126
|
-
let e = u(
|
|
1129
|
+
let e = u(dt, null);
|
|
1127
1130
|
return () => e ? e.value.map((e, t) => h("style", {
|
|
1128
1131
|
key: t,
|
|
1129
1132
|
"data-tpl-custom-block-stylesheet": "",
|
|
@@ -1133,7 +1136,7 @@ var Mn = ["aria-label"], Nn = ["lang", "dir"], Pn = {
|
|
|
1133
1136
|
});
|
|
1134
1137
|
//#endregion
|
|
1135
1138
|
//#region src/utils/resolvePaletteBlocks.ts
|
|
1136
|
-
function
|
|
1139
|
+
function Yn(e, t) {
|
|
1137
1140
|
if (!t || t.length === 0) return {
|
|
1138
1141
|
items: e,
|
|
1139
1142
|
unknown: []
|
|
@@ -1152,7 +1155,7 @@ function qn(e, t) {
|
|
|
1152
1155
|
}
|
|
1153
1156
|
//#endregion
|
|
1154
1157
|
//#region src/utils/resolveInsertPosition.ts
|
|
1155
|
-
function
|
|
1158
|
+
function Xn(e) {
|
|
1156
1159
|
let { blockType: t, selectedBlockId: n, findBlockLocation: r, isBlockLocked: i } = e;
|
|
1157
1160
|
if (!n) return {};
|
|
1158
1161
|
let a = r(n);
|
|
@@ -1170,24 +1173,24 @@ function Jn(e) {
|
|
|
1170
1173
|
}
|
|
1171
1174
|
//#endregion
|
|
1172
1175
|
//#region src/components/Sidebar.vue?vue&type=script&setup=true&lang.ts
|
|
1173
|
-
var
|
|
1176
|
+
var Zn = ["aria-label"], Qn = {
|
|
1174
1177
|
key: 0,
|
|
1175
1178
|
class: "tpl:border-b tpl:px-1 tpl:pb-1 tpl:border-[var(--tpl-border)]"
|
|
1176
|
-
},
|
|
1179
|
+
}, $n = ["aria-label"], er = {
|
|
1177
1180
|
key: 0,
|
|
1178
1181
|
class: "tpl:truncate tpl:text-sm tpl:font-medium"
|
|
1179
|
-
},
|
|
1182
|
+
}, tr = [
|
|
1180
1183
|
"data-palette-type",
|
|
1181
1184
|
"aria-label",
|
|
1182
1185
|
"onClick",
|
|
1183
1186
|
"onKeydown"
|
|
1184
|
-
],
|
|
1187
|
+
], nr = { 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" }, rr = {
|
|
1185
1188
|
key: 0,
|
|
1186
1189
|
class: "tpl:truncate tpl:text-sm tpl:font-medium"
|
|
1187
|
-
},
|
|
1190
|
+
}, ir = 4, ar = /* @__PURE__ */ A({
|
|
1188
1191
|
__name: "Sidebar",
|
|
1189
1192
|
setup(r) {
|
|
1190
|
-
let { t: s, format: c } = Z(), d = u(
|
|
1193
|
+
let { t: s, format: c } = Z(), d = u(pt, []), p = u(_t, void 0), h = u(ft, void 0), y = u(lt, null), b = Dt(), S = u(ut, {}), C = O(() => S.savedBlocks?.isAvailable.value === !0), T = f(!1), E = f(!1), A = f(null), j = !1, M = 0;
|
|
1191
1194
|
a(() => {
|
|
1192
1195
|
window.clearTimeout(M);
|
|
1193
1196
|
});
|
|
@@ -1199,13 +1202,13 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1199
1202
|
}
|
|
1200
1203
|
}
|
|
1201
1204
|
function P() {
|
|
1202
|
-
|
|
1205
|
+
E.value || N() || (T.value = !1);
|
|
1203
1206
|
}
|
|
1204
1207
|
function F() {
|
|
1205
|
-
|
|
1208
|
+
E.value = !0;
|
|
1206
1209
|
}
|
|
1207
1210
|
function I() {
|
|
1208
|
-
|
|
1211
|
+
E.value = !1;
|
|
1209
1212
|
}
|
|
1210
1213
|
function L() {
|
|
1211
1214
|
j = !0, window.clearTimeout(M);
|
|
@@ -1222,7 +1225,7 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1222
1225
|
}));
|
|
1223
1226
|
}
|
|
1224
1227
|
function B() {
|
|
1225
|
-
|
|
1228
|
+
E.value = !1, A.value?.matches(":hover") ? (T.value = !0, z()) : T.value = !1, window.clearTimeout(M), M = window.setTimeout(() => {
|
|
1226
1229
|
j = !1;
|
|
1227
1230
|
}, 0);
|
|
1228
1231
|
}
|
|
@@ -1239,34 +1242,34 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1239
1242
|
"table",
|
|
1240
1243
|
"spacer",
|
|
1241
1244
|
"html"
|
|
1242
|
-
],
|
|
1245
|
+
], H = O(() => {
|
|
1243
1246
|
let e = V.map((e) => ({
|
|
1244
1247
|
type: e,
|
|
1245
|
-
label:
|
|
1248
|
+
label: de(e, s)
|
|
1246
1249
|
}));
|
|
1247
1250
|
return S.plan && e.splice(-1, 0, {
|
|
1248
1251
|
type: "countdown",
|
|
1249
|
-
label:
|
|
1252
|
+
label: de("countdown", s)
|
|
1250
1253
|
}), e;
|
|
1251
|
-
}),
|
|
1254
|
+
}), U = O(() => d.map((e) => ({
|
|
1252
1255
|
type: `custom:${e.type}`,
|
|
1253
1256
|
label: e.name,
|
|
1254
1257
|
isCustom: !0,
|
|
1255
1258
|
icon: e.icon
|
|
1256
|
-
}))),
|
|
1257
|
-
l(() =>
|
|
1258
|
-
for (let t of e)
|
|
1259
|
+
}))), W = O(() => [...H.value, ...U.value]), G = O(() => Yn(W.value, p)), K = O(() => G.value.items), ee = /* @__PURE__ */ new Set();
|
|
1260
|
+
l(() => G.value.unknown, (e) => {
|
|
1261
|
+
for (let t of e) ee.has(t) || (ee.add(t), vt.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.`));
|
|
1259
1262
|
}, { immediate: !0 });
|
|
1260
1263
|
function q(e) {
|
|
1261
1264
|
if (e.isCustom) {
|
|
1262
1265
|
let t = e.type.replace("custom:", ""), n = d.find((e) => e.type === t);
|
|
1263
|
-
if (n) return
|
|
1266
|
+
if (n) return ae(n);
|
|
1264
1267
|
}
|
|
1265
1268
|
return te(e.type, h?.value);
|
|
1266
1269
|
}
|
|
1267
1270
|
function J(e) {
|
|
1268
1271
|
if (!y) return;
|
|
1269
|
-
let t = q(e), { targetSectionId: n, columnIndex: r, index: i } =
|
|
1272
|
+
let t = q(e), { targetSectionId: n, columnIndex: r, index: i } = Xn({
|
|
1270
1273
|
blockType: e.type,
|
|
1271
1274
|
selectedBlockId: y.state.selectedBlockId,
|
|
1272
1275
|
findBlockLocation: y.findBlockLocation,
|
|
@@ -1296,18 +1299,18 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1296
1299
|
onMouseleave: P,
|
|
1297
1300
|
onFocusin: a[2] ||= (e) => T.value = !0,
|
|
1298
1301
|
onFocusout: R
|
|
1299
|
-
}, [C.value ? (e(), _("div",
|
|
1302
|
+
}, [C.value ? (e(), _("div", Qn, [g("button", {
|
|
1300
1303
|
type: "button",
|
|
1301
1304
|
"aria-label": m(s).sidebarNav.browseSavedBlocks,
|
|
1302
1305
|
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)]",
|
|
1303
1306
|
style: t({ justifyContent: T.value ? "flex-start" : "center" }),
|
|
1304
1307
|
onClick: a[0] ||= (e) => m(S).savedBlocks?.openBrowser()
|
|
1305
|
-
}, [v(m(
|
|
1308
|
+
}, [v(m(jt), {
|
|
1306
1309
|
size: 20,
|
|
1307
1310
|
"stroke-width": 1.5,
|
|
1308
1311
|
class: "tpl:shrink-0"
|
|
1309
|
-
}), T.value ? (e(), _("span",
|
|
1310
|
-
"model-value":
|
|
1312
|
+
}), T.value ? (e(), _("span", er, x(m(s).savedBlocks.title), 1)) : k("", !0)], 12, $n)])) : k("", !0), v(m(We), {
|
|
1313
|
+
"model-value": K.value,
|
|
1311
1314
|
group: {
|
|
1312
1315
|
name: "blocks",
|
|
1313
1316
|
pull: "clone",
|
|
@@ -1317,14 +1320,14 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1317
1320
|
sort: !1,
|
|
1318
1321
|
animation: 150,
|
|
1319
1322
|
"force-fallback": !0,
|
|
1320
|
-
"fallback-tolerance":
|
|
1323
|
+
"fallback-tolerance": ir,
|
|
1321
1324
|
class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl:gap-0.5 tpl:overflow-y-auto tpl:p-1",
|
|
1322
1325
|
onChoose: F,
|
|
1323
1326
|
onStart: L,
|
|
1324
1327
|
onUnchoose: I,
|
|
1325
1328
|
onEnd: B
|
|
1326
1329
|
}, {
|
|
1327
|
-
default: n(() => [(e(!0), _(
|
|
1330
|
+
default: n(() => [(e(!0), _(D, null, o(K.value, (n) => (e(), _("button", {
|
|
1328
1331
|
key: n.type,
|
|
1329
1332
|
type: "button",
|
|
1330
1333
|
"data-palette-type": n.type,
|
|
@@ -1333,58 +1336,58 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1333
1336
|
style: t({ justifyContent: T.value ? "flex-start" : "center" }),
|
|
1334
1337
|
onClick: (e) => Y(n),
|
|
1335
1338
|
onKeydown: (e) => X(e, n)
|
|
1336
|
-
}, [g("div",
|
|
1339
|
+
}, [g("div", nr, [m(Ct)[n.type] ? (e(), w(i(m(Ct)[n.type]), {
|
|
1337
1340
|
key: 0,
|
|
1338
1341
|
size: 20,
|
|
1339
1342
|
"stroke-width": 1.5
|
|
1340
|
-
})) : n.isCustom ? (e(), w(
|
|
1343
|
+
})) : n.isCustom ? (e(), w(ke, {
|
|
1341
1344
|
key: 1,
|
|
1342
1345
|
icon: n.icon,
|
|
1343
1346
|
size: 20
|
|
1344
|
-
}, null, 8, ["icon"])) :
|
|
1347
|
+
}, null, 8, ["icon"])) : k("", !0)]), T.value ? (e(), _("span", rr, x(n.label), 1)) : k("", !0)], 44, tr))), 128))]),
|
|
1345
1348
|
_: 1
|
|
1346
|
-
}, 8, ["model-value"])], 44,
|
|
1349
|
+
}, 8, ["model-value"])], 44, Zn));
|
|
1347
1350
|
}
|
|
1348
|
-
}),
|
|
1351
|
+
}), or = ["aria-label"], sr = {
|
|
1349
1352
|
role: "tablist",
|
|
1350
1353
|
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"
|
|
1351
|
-
},
|
|
1354
|
+
}, cr = [
|
|
1352
1355
|
"aria-selected",
|
|
1353
1356
|
"aria-label",
|
|
1354
1357
|
"title"
|
|
1355
|
-
],
|
|
1358
|
+
], lr = { key: 0 }, ur = [
|
|
1356
1359
|
"aria-selected",
|
|
1357
1360
|
"aria-label",
|
|
1358
1361
|
"title"
|
|
1359
|
-
],
|
|
1362
|
+
], dr = { key: 0 }, fr = [
|
|
1360
1363
|
"aria-selected",
|
|
1361
1364
|
"aria-label",
|
|
1362
1365
|
"title"
|
|
1363
|
-
],
|
|
1366
|
+
], pr = { key: 0 }, mr = {
|
|
1364
1367
|
key: 1,
|
|
1365
1368
|
class: "tpl:ml-1 tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-1.5 tpl:text-[10px]"
|
|
1366
|
-
},
|
|
1369
|
+
}, hr = {
|
|
1367
1370
|
key: 0,
|
|
1368
1371
|
id: "tpl-tabpanel-content",
|
|
1369
1372
|
role: "tabpanel",
|
|
1370
1373
|
"aria-labelledby": "tpl-tab-content",
|
|
1371
1374
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
1372
|
-
},
|
|
1375
|
+
}, gr = {
|
|
1373
1376
|
key: 1,
|
|
1374
1377
|
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)]"
|
|
1375
|
-
},
|
|
1378
|
+
}, _r = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, vr = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, yr = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, br = {
|
|
1376
1379
|
key: 1,
|
|
1377
1380
|
id: "tpl-tabpanel-settings",
|
|
1378
1381
|
role: "tabpanel",
|
|
1379
1382
|
"aria-labelledby": "tpl-tab-settings",
|
|
1380
1383
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
1381
|
-
},
|
|
1384
|
+
}, xr = {
|
|
1382
1385
|
key: 2,
|
|
1383
1386
|
id: "tpl-tabpanel-issues",
|
|
1384
1387
|
role: "tabpanel",
|
|
1385
1388
|
"aria-labelledby": "tpl-tab-issues",
|
|
1386
1389
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
1387
|
-
},
|
|
1390
|
+
}, Sr = /* @__PURE__ */ A({
|
|
1388
1391
|
__name: "RightSidebar",
|
|
1389
1392
|
props: {
|
|
1390
1393
|
selectedBlock: {},
|
|
@@ -1398,8 +1401,8 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1398
1401
|
"update-settings"
|
|
1399
1402
|
],
|
|
1400
1403
|
setup(n, { emit: r }) {
|
|
1401
|
-
let i = p(() => import("./Toolbar-
|
|
1402
|
-
function
|
|
1404
|
+
let i = p(() => import("./Toolbar-CWxqqBHE.js").then((e) => e.t)), a = p(() => import("./TemplateSettings-Bh10NFIN.js")), o = p(() => import("./IssuesPanel-DAlNiJX_.js")), s = n, c = r, { t: d } = Z(), h = f("content"), y = u($e, null), b = O(() => y !== null && !y.unavailable.value), S = O(() => y?.issues.value.length ?? 0), T = u(mt, new Set(yt)), E = O(() => T.size > 0);
|
|
1405
|
+
function D(e) {
|
|
1403
1406
|
return h.value === e ? "tpl:flex-1 tpl:text-[var(--tpl-primary)]" : "tpl:shrink-0 tpl:text-[var(--tpl-text-muted)] tpl:hover:text-[var(--tpl-text)]";
|
|
1404
1407
|
}
|
|
1405
1408
|
function A(e) {
|
|
@@ -1410,11 +1413,13 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1410
1413
|
}
|
|
1411
1414
|
return l(() => s.selectedBlock, (e) => {
|
|
1412
1415
|
e && (h.value = "content");
|
|
1416
|
+
}), l(b, (e) => {
|
|
1417
|
+
!e && h.value === "issues" && (h.value = "content");
|
|
1413
1418
|
}), (r, s) => (e(), _("aside", {
|
|
1414
1419
|
"aria-label": m(d).landmarks.rightSidebar,
|
|
1415
1420
|
class: C(["tpl-right-sidebar tpl:absolute tpl:top-14 tpl:bottom-0 tpl:z-40 tpl:flex tpl:w-[320px] tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)] tpl:transition-all tpl:duration-200 tpl:border-l tpl:border-[var(--tpl-border)]", n.shiftedLeft ? "tpl:right-[360px]" : "tpl:right-0"])
|
|
1416
1421
|
}, [
|
|
1417
|
-
g("div",
|
|
1422
|
+
g("div", sr, [
|
|
1418
1423
|
g("button", {
|
|
1419
1424
|
id: "tpl-tab-content",
|
|
1420
1425
|
role: "tab",
|
|
@@ -1422,13 +1427,13 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1422
1427
|
"aria-controls": "tpl-tabpanel-content",
|
|
1423
1428
|
"aria-label": m(d).sidebar.content,
|
|
1424
1429
|
title: m(d).sidebar.content,
|
|
1425
|
-
class: C(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
|
|
1430
|
+
class: C(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", D("content")]),
|
|
1426
1431
|
style: t(A("content")),
|
|
1427
1432
|
onClick: s[0] ||= (e) => h.value = "content"
|
|
1428
|
-
}, [v(m(
|
|
1433
|
+
}, [v(m(nn), {
|
|
1429
1434
|
size: 14,
|
|
1430
1435
|
"stroke-width": 2
|
|
1431
|
-
}), h.value === "content" ? (e(), _("span",
|
|
1436
|
+
}), h.value === "content" ? (e(), _("span", lr, x(m(d).sidebar.content), 1)) : k("", !0)], 14, cr),
|
|
1432
1437
|
E.value ? (e(), _("button", {
|
|
1433
1438
|
key: 0,
|
|
1434
1439
|
id: "tpl-tab-settings",
|
|
@@ -1437,13 +1442,13 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1437
1442
|
"aria-controls": "tpl-tabpanel-settings",
|
|
1438
1443
|
"aria-label": m(d).sidebar.settings,
|
|
1439
1444
|
title: m(d).sidebar.settings,
|
|
1440
|
-
class: C(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
|
|
1445
|
+
class: C(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", D("settings")]),
|
|
1441
1446
|
style: t(A("settings")),
|
|
1442
1447
|
onClick: s[1] ||= (e) => h.value = "settings"
|
|
1443
|
-
}, [v(m(
|
|
1448
|
+
}, [v(m(on), {
|
|
1444
1449
|
size: 14,
|
|
1445
1450
|
"stroke-width": 1.5
|
|
1446
|
-
}), h.value === "settings" ? (e(), _("span",
|
|
1451
|
+
}), h.value === "settings" ? (e(), _("span", dr, x(m(d).sidebar.settings), 1)) : k("", !0)], 14, ur)) : k("", !0),
|
|
1447
1452
|
b.value ? (e(), _("button", {
|
|
1448
1453
|
key: 1,
|
|
1449
1454
|
id: "tpl-tab-issues",
|
|
@@ -1452,98 +1457,76 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1452
1457
|
"aria-controls": "tpl-tabpanel-issues",
|
|
1453
1458
|
"aria-label": m(d).issues.panelTabLabel,
|
|
1454
1459
|
title: m(d).issues.panelTabLabel,
|
|
1455
|
-
class: C(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
|
|
1460
|
+
class: C(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", D("issues")]),
|
|
1456
1461
|
style: t(A("issues")),
|
|
1457
1462
|
onClick: s[2] ||= (e) => h.value = "issues"
|
|
1458
1463
|
}, [
|
|
1459
|
-
v(m(
|
|
1464
|
+
v(m(Et), {
|
|
1460
1465
|
size: 14,
|
|
1461
1466
|
"stroke-width": 1.5
|
|
1462
1467
|
}),
|
|
1463
|
-
h.value === "issues" ? (e(), _("span",
|
|
1464
|
-
S.value > 0 ? (e(), _("span",
|
|
1465
|
-
], 14,
|
|
1468
|
+
h.value === "issues" ? (e(), _("span", pr, x(m(d).issues.panelTabLabel), 1)) : k("", !0),
|
|
1469
|
+
S.value > 0 ? (e(), _("span", mr, x(S.value), 1)) : k("", !0)
|
|
1470
|
+
], 14, fr)) : k("", !0)
|
|
1466
1471
|
]),
|
|
1467
|
-
h.value === "content" ? (e(), _("div",
|
|
1472
|
+
h.value === "content" ? (e(), _("div", hr, [n.selectedBlock ? (e(), w(m(i), {
|
|
1468
1473
|
key: 0,
|
|
1469
1474
|
block: n.selectedBlock,
|
|
1470
1475
|
onUpdate: s[3] ||= (e) => c("update-block", e),
|
|
1471
1476
|
onDelete: s[4] ||= (e) => c("delete-block"),
|
|
1472
1477
|
onDuplicate: s[5] ||= (e) => c("duplicate-block")
|
|
1473
|
-
}, null, 8, ["block"])) : (e(), _("div",
|
|
1474
|
-
g("div",
|
|
1478
|
+
}, null, 8, ["block"])) : (e(), _("div", gr, [
|
|
1479
|
+
g("div", _r, [v(m(en), {
|
|
1475
1480
|
size: 40,
|
|
1476
1481
|
"stroke-width": 1.5
|
|
1477
1482
|
})]),
|
|
1478
|
-
g("h3",
|
|
1479
|
-
g("p",
|
|
1480
|
-
]))])) :
|
|
1481
|
-
h.value === "settings" && E.value ? (e(), _("div",
|
|
1483
|
+
g("h3", vr, x(m(d).sidebar.noSelection), 1),
|
|
1484
|
+
g("p", yr, x(m(d).sidebar.noSelectionHint), 1)
|
|
1485
|
+
]))])) : k("", !0),
|
|
1486
|
+
h.value === "settings" && E.value ? (e(), _("div", br, [v(m(a), {
|
|
1482
1487
|
settings: n.settings,
|
|
1483
1488
|
onUpdate: s[6] ||= (e) => c("update-settings", e)
|
|
1484
|
-
}, null, 8, ["settings"])])) :
|
|
1485
|
-
h.value === "issues" && b.value ? (e(), _("div",
|
|
1486
|
-
], 10,
|
|
1489
|
+
}, null, 8, ["settings"])])) : k("", !0),
|
|
1490
|
+
h.value === "issues" && b.value ? (e(), _("div", xr, [v(m(o))])) : k("", !0)
|
|
1491
|
+
], 10, or));
|
|
1487
1492
|
}
|
|
1488
|
-
}),
|
|
1493
|
+
}), Cr = {
|
|
1489
1494
|
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)]",
|
|
1490
1495
|
style: { "z-index": "10001" },
|
|
1491
1496
|
role: "status",
|
|
1492
1497
|
"data-testid": "small-screen-notice"
|
|
1493
|
-
},
|
|
1498
|
+
}, wr = { class: "tpl:text-[var(--tpl-text-dim)]" }, Tr = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Er = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, Dr = /* @__PURE__ */ A({
|
|
1494
1499
|
__name: "SmallScreenNotice",
|
|
1495
1500
|
setup(t) {
|
|
1496
1501
|
let { t: n } = Z();
|
|
1497
|
-
return (t, r) => (e(), _("div",
|
|
1498
|
-
g("div",
|
|
1502
|
+
return (t, r) => (e(), _("div", Cr, [
|
|
1503
|
+
g("div", wr, [v(m(At), {
|
|
1499
1504
|
size: 48,
|
|
1500
1505
|
"stroke-width": 1.5
|
|
1501
1506
|
})]),
|
|
1502
|
-
g("h2",
|
|
1503
|
-
g("p",
|
|
1507
|
+
g("h2", Tr, x(m(n).smallScreen.title), 1),
|
|
1508
|
+
g("p", Er, x(m(n).smallScreen.message), 1)
|
|
1504
1509
|
]));
|
|
1505
1510
|
}
|
|
1506
|
-
}),
|
|
1511
|
+
}), Or = {
|
|
1507
1512
|
class: "tpl:pointer-events-auto tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-tl-lg tpl:p-1",
|
|
1508
1513
|
style: {
|
|
1509
1514
|
"background-color": "color-mix(\n in srgb,\n var(--tpl-canvas-bg) 85%,\n transparent\n )",
|
|
1510
1515
|
"backdrop-filter": "blur(8px)",
|
|
1511
1516
|
"-webkit-backdrop-filter": "blur(8px)"
|
|
1512
1517
|
}
|
|
1513
|
-
},
|
|
1514
|
-
href: "https://github.com/templatical/sdk",
|
|
1515
|
-
target: "_blank",
|
|
1516
|
-
rel: "noopener noreferrer",
|
|
1517
|
-
class: "tpl:transition-colors tpl:hover:opacity-80 tpl:text-[var(--tpl-text-dim)]",
|
|
1518
|
-
style: { "text-decoration": "none" }
|
|
1519
|
-
}, Or = /* @__PURE__ */ k({
|
|
1518
|
+
}, kr = /* @__PURE__ */ A({
|
|
1520
1519
|
__name: "EditorFooter",
|
|
1521
1520
|
props: { positionClass: {} },
|
|
1522
1521
|
setup(t) {
|
|
1523
1522
|
let { t: n } = Z();
|
|
1524
|
-
return (r, i) => (e(), _("footer", { class: C(["tpl:pointer-events-none tpl:absolute tpl:bottom-0 tpl:z-50 tpl:flex tpl:h-8 tpl:items-center tpl:justify-end tpl:pr-4 tpl:text-[10px] tpl:opacity-90 tpl:transition-all tpl:duration-300 tpl:text-[var(--tpl-text-dim)]", t.positionClass]) }, [g("div",
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
href: "https://templatical.com",
|
|
1528
|
-
target: "_blank",
|
|
1529
|
-
rel: "noopener noreferrer",
|
|
1530
|
-
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)]",
|
|
1531
|
-
style: { "text-decoration": "none" }
|
|
1532
|
-
}, [g("img", {
|
|
1533
|
-
width: "14",
|
|
1534
|
-
height: "14",
|
|
1535
|
-
src: "https://templatical.com/logo.svg",
|
|
1536
|
-
alt: ""
|
|
1537
|
-
}), y(" Templatical ")], -1),
|
|
1538
|
-
i[1] ||= g("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
|
|
1539
|
-
g("a", Dr, x(m(n).footer.openSource), 1)
|
|
1540
|
-
])], 2));
|
|
1541
|
-
}
|
|
1542
|
-
}), kr = [
|
|
1523
|
+
return (r, i) => (e(), _("footer", { class: C(["tpl:pointer-events-none tpl:absolute tpl:bottom-0 tpl:z-50 tpl:flex tpl:h-8 tpl:items-center tpl:justify-end tpl:pr-4 tpl:text-[10px] tpl:opacity-90 tpl:transition-all tpl:duration-300 tpl:text-[var(--tpl-text-dim)]", t.positionClass]) }, [g("div", Or, [g("span", null, x(m(n).footer.poweredBy), 1), i[0] ||= T("<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));
|
|
1524
|
+
}
|
|
1525
|
+
}), Ar = [
|
|
1543
1526
|
"aria-label",
|
|
1544
1527
|
"title",
|
|
1545
1528
|
"aria-pressed"
|
|
1546
|
-
],
|
|
1529
|
+
], jr = /*#__PURE__*/ Rt(/* @__PURE__ */ A({
|
|
1547
1530
|
__name: "DarkModeToggle",
|
|
1548
1531
|
props: { darkMode: { type: Boolean } },
|
|
1549
1532
|
emits: ["change"],
|
|
@@ -1559,30 +1542,30 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1559
1542
|
title: r.darkMode ? m(o).darkMode.disable : m(o).darkMode.enable,
|
|
1560
1543
|
"aria-pressed": r.darkMode,
|
|
1561
1544
|
onClick: s[0] ||= (e) => a("change", !r.darkMode)
|
|
1562
|
-
}, [v(
|
|
1545
|
+
}, [v(I, {
|
|
1563
1546
|
"enter-active-class": "tpl-icon-enter-active",
|
|
1564
1547
|
"leave-active-class": "tpl-icon-leave-active",
|
|
1565
1548
|
"enter-from-class": "tpl-icon-enter-from",
|
|
1566
1549
|
"leave-to-class": "tpl-icon-leave-to",
|
|
1567
1550
|
mode: "out-in"
|
|
1568
1551
|
}, {
|
|
1569
|
-
default: n(() => [r.darkMode ? (e(), w(m(
|
|
1552
|
+
default: n(() => [r.darkMode ? (e(), w(m(tn), {
|
|
1570
1553
|
key: "moon",
|
|
1571
1554
|
size: 18,
|
|
1572
1555
|
"stroke-width": 1.5
|
|
1573
|
-
})) : (e(), w(m(
|
|
1556
|
+
})) : (e(), w(m(cn), {
|
|
1574
1557
|
key: "sun",
|
|
1575
1558
|
size: 18,
|
|
1576
1559
|
"stroke-width": 1.5
|
|
1577
1560
|
}))]),
|
|
1578
1561
|
_: 1
|
|
1579
|
-
})], 12,
|
|
1562
|
+
})], 12, Ar));
|
|
1580
1563
|
}
|
|
1581
|
-
}), [["__scopeId", "data-v-632aa74f"]]),
|
|
1564
|
+
}), [["__scopeId", "data-v-632aa74f"]]), Mr = [
|
|
1582
1565
|
"aria-label",
|
|
1583
1566
|
"title",
|
|
1584
1567
|
"aria-pressed"
|
|
1585
|
-
],
|
|
1568
|
+
], Nr = /*#__PURE__*/ Rt(/* @__PURE__ */ A({
|
|
1586
1569
|
__name: "PreviewToggle",
|
|
1587
1570
|
props: { previewMode: { type: Boolean } },
|
|
1588
1571
|
emits: ["change"],
|
|
@@ -1598,26 +1581,26 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1598
1581
|
title: r.previewMode ? m(o).previewMode.disable : m(o).previewMode.enable,
|
|
1599
1582
|
"aria-pressed": r.previewMode,
|
|
1600
1583
|
onClick: s[0] ||= (e) => a("change", !r.previewMode)
|
|
1601
|
-
}, [v(
|
|
1584
|
+
}, [v(I, {
|
|
1602
1585
|
"enter-active-class": "tpl-icon-enter-active",
|
|
1603
1586
|
"leave-active-class": "tpl-icon-leave-active",
|
|
1604
1587
|
"enter-from-class": "tpl-icon-enter-from",
|
|
1605
1588
|
"leave-to-class": "tpl-icon-leave-to",
|
|
1606
1589
|
mode: "out-in"
|
|
1607
1590
|
}, {
|
|
1608
|
-
default: n(() => [r.previewMode ? (e(), w(m(
|
|
1591
|
+
default: n(() => [r.previewMode ? (e(), w(m(wt), {
|
|
1609
1592
|
key: "eye",
|
|
1610
1593
|
size: 18,
|
|
1611
1594
|
"stroke-width": 1.5
|
|
1612
|
-
})) : (e(), w(m(
|
|
1595
|
+
})) : (e(), w(m(qe), {
|
|
1613
1596
|
key: "eye-off",
|
|
1614
1597
|
size: 18,
|
|
1615
1598
|
"stroke-width": 1.5
|
|
1616
1599
|
}))]),
|
|
1617
1600
|
_: 1
|
|
1618
|
-
})], 12,
|
|
1601
|
+
})], 12, Mr));
|
|
1619
1602
|
}
|
|
1620
|
-
}), [["__scopeId", "data-v-eef7b2ca"]]),
|
|
1603
|
+
}), [["__scopeId", "data-v-eef7b2ca"]]), Pr = ["aria-label", "onKeydown"], Fr = ["title", "aria-label"], Ir = /* @__PURE__ */ A({
|
|
1621
1604
|
__name: "TemplateNameField",
|
|
1622
1605
|
props: {
|
|
1623
1606
|
name: {},
|
|
@@ -1646,10 +1629,10 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1646
1629
|
type: "text",
|
|
1647
1630
|
"data-testid": "template-name-input",
|
|
1648
1631
|
"aria-label": m(o).header.templateName,
|
|
1649
|
-
class: C([m(
|
|
1650
|
-
onKeydown: [
|
|
1632
|
+
class: C([m(Ht), "tpl:h-8 tpl:max-w-[260px] tpl:text-sm tpl:font-medium"]),
|
|
1633
|
+
onKeydown: [F(M(p, ["prevent"]), ["enter"]), F(M(h, ["prevent"]), ["esc"])],
|
|
1651
1634
|
onBlur: p
|
|
1652
|
-
}, null, 42,
|
|
1635
|
+
}, null, 42, Pr)), [[j, c.value]]) : t.editable ? (e(), _("button", {
|
|
1653
1636
|
key: 1,
|
|
1654
1637
|
type: "button",
|
|
1655
1638
|
"data-testid": "template-name",
|
|
@@ -1657,48 +1640,48 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1657
1640
|
"aria-label": m(o).header.rename,
|
|
1658
1641
|
class: C(["tpl:max-w-[260px] tpl:cursor-pointer tpl:truncate tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-transparent tpl:px-2 tpl:py-1 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:border-[var(--tpl-border)] tpl:hover:bg-[var(--tpl-bg-hover)]", { "tpl:text-[var(--tpl-text-dim)]": !t.name }]),
|
|
1659
1642
|
onClick: u
|
|
1660
|
-
}, x(t.name || m(o).header.untitled), 11,
|
|
1643
|
+
}, x(t.name || m(o).header.untitled), 11, Fr)) : (e(), _("span", {
|
|
1661
1644
|
key: 2,
|
|
1662
1645
|
"data-testid": "template-name",
|
|
1663
1646
|
class: C(["tpl:max-w-[260px] tpl:truncate tpl:px-2 tpl:py-1 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]", { "tpl:text-[var(--tpl-text-dim)]": !t.name }])
|
|
1664
1647
|
}, x(t.name || m(o).header.untitled), 3));
|
|
1665
1648
|
}
|
|
1666
|
-
}),
|
|
1649
|
+
}), Lr = ["title"], Rr = /* @__PURE__ */ A({
|
|
1667
1650
|
__name: "TemplateTimestamp",
|
|
1668
1651
|
props: {
|
|
1669
1652
|
iso: {},
|
|
1670
1653
|
kind: {}
|
|
1671
1654
|
},
|
|
1672
1655
|
setup(t) {
|
|
1673
|
-
let n = t, { t: r, format: i } = Z(), a = u(
|
|
1674
|
-
|
|
1656
|
+
let n = t, { t: r, format: i } = Z(), a = u(ot, void 0), o = f(0);
|
|
1657
|
+
ve(() => {
|
|
1675
1658
|
o.value += 1;
|
|
1676
1659
|
}, 6e4);
|
|
1677
|
-
let s =
|
|
1660
|
+
let s = O(() => {
|
|
1678
1661
|
o.value;
|
|
1679
|
-
let e =
|
|
1662
|
+
let e = Yt(n.iso, r.time, i);
|
|
1680
1663
|
if (e === null) return "";
|
|
1681
1664
|
let t = e === r.time.justNow;
|
|
1682
1665
|
return n.kind === "updatedAt" ? t ? r.header.updatedJustNow : i(r.header.updatedAt, { time: e }) : t ? r.header.createdJustNow : i(r.header.createdAt, { time: e });
|
|
1683
|
-
}), c =
|
|
1666
|
+
}), c = O(() => Jt(n.iso, a));
|
|
1684
1667
|
return (t, n) => s.value ? (e(), _("span", {
|
|
1685
1668
|
key: 0,
|
|
1686
1669
|
"data-testid": "template-timestamp",
|
|
1687
1670
|
title: c.value,
|
|
1688
1671
|
class: "tpl:max-w-[260px] tpl:truncate tpl:px-2 tpl:text-xs tpl:leading-tight tpl:text-[var(--tpl-text-dim)]"
|
|
1689
|
-
}, x(s.value), 9,
|
|
1672
|
+
}, x(s.value), 9, Lr)) : k("", !0);
|
|
1690
1673
|
}
|
|
1691
|
-
}),
|
|
1674
|
+
}), zr = ["data-tooltip"], Br = {
|
|
1692
1675
|
key: 1,
|
|
1693
1676
|
"aria-live": "polite",
|
|
1694
1677
|
"data-testid": "save-status-saved",
|
|
1695
1678
|
class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-success)]"
|
|
1696
|
-
},
|
|
1679
|
+
}, Vr = {
|
|
1697
1680
|
key: 2,
|
|
1698
1681
|
"aria-live": "polite",
|
|
1699
1682
|
"data-testid": "save-status-unsaved",
|
|
1700
1683
|
class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
|
|
1701
|
-
},
|
|
1684
|
+
}, Hr = /* @__PURE__ */ A({
|
|
1702
1685
|
__name: "TemplateSaveStatus",
|
|
1703
1686
|
props: {
|
|
1704
1687
|
status: {},
|
|
@@ -1713,22 +1696,22 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1713
1696
|
"data-testid": "save-status-error",
|
|
1714
1697
|
class: "tpl-tooltip tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]",
|
|
1715
1698
|
"data-tooltip": t.errorMessage
|
|
1716
|
-
}, [v(m(
|
|
1699
|
+
}, [v(m(St), {
|
|
1717
1700
|
size: 12,
|
|
1718
1701
|
"stroke-width": 2.5
|
|
1719
|
-
}), y(" " + x(m(n).header.saveFailed), 1)], 8,
|
|
1702
|
+
}), y(" " + x(m(n).header.saveFailed), 1)], 8, zr)) : t.status === "saved" ? (e(), _("div", Br, [v(m(bt), {
|
|
1720
1703
|
size: 12,
|
|
1721
1704
|
"stroke-width": 2.5
|
|
1722
|
-
}), y(" " + x(m(n).header.saved), 1)])) : t.isDirty ? (e(), _("div",
|
|
1705
|
+
}), y(" " + x(m(n).header.saved), 1)])) : t.isDirty ? (e(), _("div", Vr, [i[0] ||= g("span", { class: "tpl-pulse tpl:size-1.5 tpl:rounded-full tpl:bg-[var(--tpl-primary)]" }, null, -1), y(" " + x(m(n).header.unsaved), 1)])) : k("", !0);
|
|
1723
1706
|
}
|
|
1724
|
-
}),
|
|
1707
|
+
}), Ur = { 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)]" }, Wr = { class: "tpl-header-left tpl:flex tpl:min-w-[200px] tpl:items-center tpl:gap-2.5" }, Gr = { class: "tpl-header-center tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, Kr = { class: "tpl-header-right tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, qr = ["aria-label", "aria-expanded"], Jr = {
|
|
1725
1708
|
key: 0,
|
|
1726
1709
|
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)]"
|
|
1727
|
-
},
|
|
1710
|
+
}, Yr = [
|
|
1728
1711
|
"aria-label",
|
|
1729
1712
|
"title",
|
|
1730
1713
|
"disabled"
|
|
1731
|
-
],
|
|
1714
|
+
], Xr = ["disabled", "title"], Zr = /* @__PURE__ */ A({
|
|
1732
1715
|
__name: "EditorHeader",
|
|
1733
1716
|
props: {
|
|
1734
1717
|
editor: {},
|
|
@@ -1740,13 +1723,13 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1740
1723
|
comments: {}
|
|
1741
1724
|
},
|
|
1742
1725
|
setup(n) {
|
|
1743
|
-
let r = p(() => import("./VersionHistoryMenu-
|
|
1744
|
-
return (i, a) => (e(), _("header",
|
|
1745
|
-
g("div",
|
|
1726
|
+
let r = p(() => import("./VersionHistoryMenu-fLrx-Lvi.js"));
|
|
1727
|
+
return (i, a) => (e(), _("header", Ur, [
|
|
1728
|
+
g("div", Wr, [
|
|
1746
1729
|
n.templates?.isAvailable.value && n.templates.hasTemplate.value && (n.showTemplateName || n.templates.timestamp.value) ? (e(), _("div", {
|
|
1747
1730
|
key: 0,
|
|
1748
1731
|
class: C(["tpl:flex tpl:min-w-0 tpl:flex-col tpl:items-start", { "tpl:pb-1.5": n.showTemplateName && n.templates.timestamp.value !== null }])
|
|
1749
|
-
}, [n.showTemplateName ? (e(), w(
|
|
1732
|
+
}, [n.showTemplateName ? (e(), w(Ir, {
|
|
1750
1733
|
key: 0,
|
|
1751
1734
|
name: n.templates.name.value,
|
|
1752
1735
|
editable: n.templates.canSave.value,
|
|
@@ -1755,11 +1738,11 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1755
1738
|
"name",
|
|
1756
1739
|
"editable",
|
|
1757
1740
|
"onCommit"
|
|
1758
|
-
])) :
|
|
1741
|
+
])) : k("", !0), n.templates.timestamp.value ? (e(), w(Rr, {
|
|
1759
1742
|
key: 1,
|
|
1760
1743
|
iso: n.templates.timestamp.value.iso,
|
|
1761
1744
|
kind: n.templates.timestamp.value.kind
|
|
1762
|
-
}, null, 8, ["iso", "kind"])) :
|
|
1745
|
+
}, null, 8, ["iso", "kind"])) : k("", !0)], 2)) : k("", !0),
|
|
1763
1746
|
n.versionHistory?.isAvailable.value && n.versionHistory.hasTemplate.value ? (e(), w(m(r), {
|
|
1764
1747
|
key: 1,
|
|
1765
1748
|
versions: n.versionHistory.versions.value,
|
|
@@ -1773,25 +1756,25 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1773
1756
|
"is-loading",
|
|
1774
1757
|
"is-restoring",
|
|
1775
1758
|
"previewing-id"
|
|
1776
|
-
])) :
|
|
1759
|
+
])) : k("", !0),
|
|
1777
1760
|
s(i.$slots, "left-extras")
|
|
1778
1761
|
]),
|
|
1779
|
-
g("div",
|
|
1780
|
-
v(
|
|
1762
|
+
g("div", Gr, [
|
|
1763
|
+
v(Ft, {
|
|
1781
1764
|
viewport: n.editor.state.viewport,
|
|
1782
1765
|
onChange: n.editor.setViewport
|
|
1783
1766
|
}, null, 8, ["viewport", "onChange"]),
|
|
1784
|
-
v(
|
|
1767
|
+
v(jr, {
|
|
1785
1768
|
"dark-mode": n.editor.state.darkMode,
|
|
1786
1769
|
onChange: n.editor.setDarkMode
|
|
1787
1770
|
}, null, 8, ["dark-mode", "onChange"]),
|
|
1788
|
-
v(
|
|
1771
|
+
v(Nr, {
|
|
1789
1772
|
"preview-mode": n.editor.state.previewMode,
|
|
1790
1773
|
onChange: n.editor.setPreviewMode
|
|
1791
1774
|
}, null, 8, ["preview-mode", "onChange"])
|
|
1792
1775
|
]),
|
|
1793
|
-
g("div",
|
|
1794
|
-
n.templates?.isAvailable.value && n.templates.canSave.value ? (e(), w(
|
|
1776
|
+
g("div", Kr, [
|
|
1777
|
+
n.templates?.isAvailable.value && n.templates.canSave.value ? (e(), w(Hr, {
|
|
1795
1778
|
key: 0,
|
|
1796
1779
|
status: n.templates.status.value,
|
|
1797
1780
|
"error-message": n.templates.errorMessage.value,
|
|
@@ -1800,27 +1783,27 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1800
1783
|
"status",
|
|
1801
1784
|
"error-message",
|
|
1802
1785
|
"is-dirty"
|
|
1803
|
-
])) :
|
|
1786
|
+
])) : k("", !0),
|
|
1804
1787
|
n.comments?.isAvailable.value && n.comments.hasTemplate.value ? (e(), _("button", {
|
|
1805
1788
|
key: 1,
|
|
1806
1789
|
type: "button",
|
|
1807
1790
|
"data-testid": "comments-trigger",
|
|
1808
1791
|
"aria-label": n.comments.unresolvedCount.value > 0 ? `${n.core.t.comments.button} (${n.comments.unresolvedCount.value})` : n.core.t.comments.button,
|
|
1809
1792
|
"aria-expanded": n.comments.isOpen.value,
|
|
1810
|
-
class: C(m(
|
|
1793
|
+
class: C(m(Vt)),
|
|
1811
1794
|
style: t(n.comments.isOpen.value ? {
|
|
1812
1795
|
backgroundColor: "var(--tpl-primary-light)",
|
|
1813
1796
|
borderColor: "var(--tpl-primary-light)"
|
|
1814
1797
|
} : void 0),
|
|
1815
1798
|
onClick: a[2] ||= (e) => n.comments.toggle()
|
|
1816
1799
|
}, [
|
|
1817
|
-
v(m(
|
|
1800
|
+
v(m(kt), {
|
|
1818
1801
|
size: 16,
|
|
1819
1802
|
"stroke-width": 2
|
|
1820
1803
|
}),
|
|
1821
1804
|
y(" " + x(n.core.t.comments.button) + " ", 1),
|
|
1822
|
-
n.comments.unresolvedCount.value > 0 && !n.comments.isOpen.value ? (e(), _("span",
|
|
1823
|
-
], 14,
|
|
1805
|
+
n.comments.unresolvedCount.value > 0 && !n.comments.isOpen.value ? (e(), _("span", Jr, x(n.comments.unresolvedCount.value), 1)) : k("", !0)
|
|
1806
|
+
], 14, qr)) : k("", !0),
|
|
1824
1807
|
s(i.$slots, "right-extras"),
|
|
1825
1808
|
n.testEmail?.isAvailable.value ? (e(), _("button", {
|
|
1826
1809
|
key: 2,
|
|
@@ -1829,63 +1812,63 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1829
1812
|
"aria-label": n.core.t.testEmail.title,
|
|
1830
1813
|
title: n.core.t.testEmail.title,
|
|
1831
1814
|
disabled: n.testEmail.isSending.value,
|
|
1832
|
-
class: C(m(
|
|
1815
|
+
class: C(m(Vt)),
|
|
1833
1816
|
onClick: a[3] ||= (e) => n.testEmail.open()
|
|
1834
|
-
}, [n.testEmail.isSending.value ? (e(), w(m(
|
|
1817
|
+
}, [n.testEmail.isSending.value ? (e(), w(m(Ot), {
|
|
1835
1818
|
key: 1,
|
|
1836
1819
|
class: "tpl-spinner",
|
|
1837
1820
|
size: 16,
|
|
1838
1821
|
"stroke-width": 2
|
|
1839
|
-
})) : (e(), w(m(
|
|
1822
|
+
})) : (e(), w(m(Nt), {
|
|
1840
1823
|
key: 0,
|
|
1841
1824
|
size: 16,
|
|
1842
1825
|
"stroke-width": 2
|
|
1843
|
-
})), y(" " + x(n.core.t.testEmail.button), 1)], 10,
|
|
1826
|
+
})), y(" " + x(n.core.t.testEmail.button), 1)], 10, Yr)) : k("", !0),
|
|
1844
1827
|
n.templates?.isAvailable.value && n.templates.canSave.value ? (e(), _("button", {
|
|
1845
1828
|
key: 3,
|
|
1846
1829
|
type: "button",
|
|
1847
1830
|
"data-testid": "template-save",
|
|
1848
|
-
class: C(n.editor.state.isDirty && n.templates.hasTemplate.value ? m(
|
|
1831
|
+
class: C(n.editor.state.isDirty && n.templates.hasTemplate.value ? m(Ut) : m(Vt)),
|
|
1849
1832
|
style: t(n.editor.state.isDirty && n.templates.hasTemplate.value ? { boxShadow: "var(--tpl-shadow-sm)" } : void 0),
|
|
1850
1833
|
disabled: n.templates.isSaving.value || !n.templates.hasTemplate.value,
|
|
1851
1834
|
title: n.templates.hasTemplate.value ? n.core.t.header.save : n.core.t.header.saveNoTemplate,
|
|
1852
1835
|
onClick: a[4] ||= (e) => n.templates.requestSave()
|
|
1853
|
-
}, [n.templates.isSaving.value ? (e(), w(m(
|
|
1836
|
+
}, [n.templates.isSaving.value ? (e(), w(m(Ot), {
|
|
1854
1837
|
key: 1,
|
|
1855
1838
|
class: "tpl-spinner",
|
|
1856
1839
|
size: 16,
|
|
1857
1840
|
"stroke-width": 2
|
|
1858
|
-
})) : (e(), w(m(
|
|
1841
|
+
})) : (e(), w(m(an), {
|
|
1859
1842
|
key: 0,
|
|
1860
1843
|
size: 16,
|
|
1861
1844
|
"stroke-width": 2
|
|
1862
|
-
})), y(" " + x(n.templates.isSaving.value ? n.core.t.header.saving : n.core.t.header.save), 1)], 14,
|
|
1845
|
+
})), y(" " + x(n.templates.isSaving.value ? n.core.t.header.saving : n.core.t.header.save), 1)], 14, Xr)) : k("", !0)
|
|
1863
1846
|
])
|
|
1864
1847
|
]));
|
|
1865
1848
|
}
|
|
1866
|
-
}),
|
|
1849
|
+
}), Qr = ["aria-labelledby", "data-tpl-theme"], $r = { 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" }, ei = ["id"], ti = ["aria-label"], ni = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, ri = [
|
|
1867
1850
|
"id",
|
|
1868
1851
|
"placeholder",
|
|
1869
1852
|
"aria-label",
|
|
1870
1853
|
"aria-activedescendant"
|
|
1871
|
-
],
|
|
1854
|
+
], ii = {
|
|
1872
1855
|
key: 0,
|
|
1873
1856
|
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",
|
|
1874
1857
|
"data-testid": "merge-tag-picker-group-pills"
|
|
1875
|
-
},
|
|
1858
|
+
}, ai = ["data-group-name", "onClick"], oi = ["aria-label"], si = {
|
|
1876
1859
|
key: 0,
|
|
1877
1860
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
1878
1861
|
"data-testid": "merge-tag-picker-empty"
|
|
1879
|
-
},
|
|
1862
|
+
}, ci = {
|
|
1880
1863
|
key: 1,
|
|
1881
1864
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
1882
1865
|
"data-testid": "merge-tag-picker-empty"
|
|
1883
|
-
},
|
|
1866
|
+
}, li = [
|
|
1884
1867
|
"aria-expanded",
|
|
1885
1868
|
"data-group-name",
|
|
1886
1869
|
"data-group-collapsed",
|
|
1887
1870
|
"onClick"
|
|
1888
|
-
],
|
|
1871
|
+
], ui = { class: "tpl:ml-1 tpl:font-normal" }, di = [
|
|
1889
1872
|
"id",
|
|
1890
1873
|
"aria-selected",
|
|
1891
1874
|
"data-selected",
|
|
@@ -1895,21 +1878,21 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1895
1878
|
"title",
|
|
1896
1879
|
"onMousemove",
|
|
1897
1880
|
"onClick"
|
|
1898
|
-
],
|
|
1881
|
+
], fi = { class: "tpl:text-sm tpl:font-medium" }, pi = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, mi = {
|
|
1899
1882
|
key: 0,
|
|
1900
1883
|
class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
1901
|
-
},
|
|
1884
|
+
}, hi = {
|
|
1902
1885
|
key: 1,
|
|
1903
1886
|
"data-testid": "merge-tag-picker-sample",
|
|
1904
1887
|
class: "tpl:line-clamp-1 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
1905
|
-
}, $ = "tpl-merge-tag-picker-list",
|
|
1888
|
+
}, $ = "tpl-merge-tag-picker-list", gi = /* @__PURE__ */ A({
|
|
1906
1889
|
__name: "MergeTagPickerModal",
|
|
1907
1890
|
setup(i) {
|
|
1908
|
-
let a =
|
|
1891
|
+
let a = Ye(Xe, "MergeTagPickerModal"), { t: s, format: c } = Z(), p = u(Qe, null), h = u(st, null), y = u(tt, !0), b = O(() => a.current.value !== null), S = O(() => b.value ? s.mergeTag.picker.changeTitle : s.mergeTag.picker.title);
|
|
1909
1892
|
function T(e) {
|
|
1910
1893
|
return y ? e.description ? `${e.value} — ${e.description}` : e.value : e.description || void 0;
|
|
1911
1894
|
}
|
|
1912
|
-
let
|
|
1895
|
+
let E = f(""), A = _e(E, 200), N = f(null), P = O(() => A.value.trim().length > 0), I = f(0), L = O(() => a.tags.value.some((e) => !!e.group)), R = f(/* @__PURE__ */ new Set());
|
|
1913
1896
|
function z(e) {
|
|
1914
1897
|
return R.value.has(e);
|
|
1915
1898
|
}
|
|
@@ -1917,14 +1900,14 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1917
1900
|
let t = new Set(R.value);
|
|
1918
1901
|
t.has(e) ? t.delete(e) : t.add(e), R.value = t, I.value = 0;
|
|
1919
1902
|
}
|
|
1920
|
-
let V =
|
|
1921
|
-
let e =
|
|
1903
|
+
let V = O(() => {
|
|
1904
|
+
let e = A.value.trim().toLowerCase();
|
|
1922
1905
|
return e ? a.tags.value.filter((t) => [
|
|
1923
1906
|
t.label,
|
|
1924
1907
|
t.value,
|
|
1925
1908
|
t.description ?? ""
|
|
1926
1909
|
].join(" ").toLowerCase().includes(e)) : a.tags.value;
|
|
1927
|
-
}),
|
|
1910
|
+
}), H = O(() => {
|
|
1928
1911
|
if (!L.value) return [];
|
|
1929
1912
|
let e = s.mergeTag.picker.otherGroup, t = /* @__PURE__ */ new Set(), n = [];
|
|
1930
1913
|
for (let r of a.tags.value) {
|
|
@@ -1932,9 +1915,9 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1932
1915
|
t.has(i) || (t.add(i), n.push(i));
|
|
1933
1916
|
}
|
|
1934
1917
|
return n;
|
|
1935
|
-
}),
|
|
1918
|
+
}), U = O(() => {
|
|
1936
1919
|
let e = V.value;
|
|
1937
|
-
if (!L.value ||
|
|
1920
|
+
if (!L.value || P.value) return e.map((e, t) => ({
|
|
1938
1921
|
kind: "tag",
|
|
1939
1922
|
tag: e,
|
|
1940
1923
|
index: t
|
|
@@ -1958,27 +1941,27 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1958
1941
|
}), a++;
|
|
1959
1942
|
}
|
|
1960
1943
|
return i;
|
|
1961
|
-
}),
|
|
1962
|
-
function
|
|
1944
|
+
}), W = O(() => U.value.flatMap((e) => e.kind === "tag" ? [e.tag] : [])), G = !1;
|
|
1945
|
+
function K(e) {
|
|
1963
1946
|
let t = a.current.value;
|
|
1964
1947
|
if (!t) return !1;
|
|
1965
1948
|
let n = e.findIndex((e) => e.value === t.value);
|
|
1966
1949
|
return n !== -1 && (I.value = n, !0);
|
|
1967
1950
|
}
|
|
1968
|
-
function
|
|
1969
|
-
|
|
1951
|
+
function ee(e) {
|
|
1952
|
+
G = !1, I.value = e;
|
|
1970
1953
|
}
|
|
1971
1954
|
l(() => a.isOpen.value, (e) => {
|
|
1972
1955
|
if (!e) {
|
|
1973
|
-
|
|
1956
|
+
G = !1;
|
|
1974
1957
|
return;
|
|
1975
1958
|
}
|
|
1976
|
-
|
|
1959
|
+
E.value = "", I.value = 0, R.value = /* @__PURE__ */ new Set(), G = !K(W.value), r(() => {
|
|
1977
1960
|
N.value?.focus();
|
|
1978
1961
|
});
|
|
1979
|
-
}), l(
|
|
1980
|
-
if (
|
|
1981
|
-
|
|
1962
|
+
}), l(W, (e) => {
|
|
1963
|
+
if (G && K(e)) {
|
|
1964
|
+
G = !1;
|
|
1982
1965
|
return;
|
|
1983
1966
|
}
|
|
1984
1967
|
I.value >= e.length && (I.value = Math.max(0, e.length - 1));
|
|
@@ -1986,14 +1969,14 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1986
1969
|
function q(e) {
|
|
1987
1970
|
a.resolve(e);
|
|
1988
1971
|
}
|
|
1989
|
-
function
|
|
1972
|
+
function J() {
|
|
1990
1973
|
a.resolve(null);
|
|
1991
1974
|
}
|
|
1992
|
-
function
|
|
1993
|
-
if (
|
|
1994
|
-
|
|
1975
|
+
function te(e) {
|
|
1976
|
+
if (W.value.length === 0) return;
|
|
1977
|
+
G = !1;
|
|
1995
1978
|
let t = I.value + e;
|
|
1996
|
-
I.value = Math.max(0, Math.min(
|
|
1979
|
+
I.value = Math.max(0, Math.min(W.value.length - 1, t)), re();
|
|
1997
1980
|
}
|
|
1998
1981
|
let Y = f(null), X = f({});
|
|
1999
1982
|
function ne(e, t) {
|
|
@@ -2028,24 +2011,24 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2028
2011
|
});
|
|
2029
2012
|
}
|
|
2030
2013
|
function ae(e) {
|
|
2031
|
-
if (e.key === "ArrowDown") e.preventDefault(),
|
|
2032
|
-
else if (e.key === "ArrowUp") e.preventDefault(),
|
|
2014
|
+
if (e.key === "ArrowDown") e.preventDefault(), te(1);
|
|
2015
|
+
else if (e.key === "ArrowUp") e.preventDefault(), te(-1);
|
|
2033
2016
|
else if (e.key === "Enter") {
|
|
2034
2017
|
e.preventDefault();
|
|
2035
|
-
let t =
|
|
2018
|
+
let t = W.value[I.value];
|
|
2036
2019
|
t && q(t);
|
|
2037
2020
|
}
|
|
2038
2021
|
}
|
|
2039
2022
|
function oe() {
|
|
2040
|
-
if (
|
|
2023
|
+
if (W.value.length !== 0) return `${$}-opt-${I.value}`;
|
|
2041
2024
|
}
|
|
2042
2025
|
function se(e) {
|
|
2043
2026
|
return `${$}-opt-${e}`;
|
|
2044
2027
|
}
|
|
2045
|
-
let ce =
|
|
2046
|
-
return (r, i) => (e(), w(
|
|
2028
|
+
let ce = O(() => a.tags.value.length === 0), le = O(() => !ce.value && V.value.length === 0), ue = O(() => L.value && H.value.length > 1 && !P.value);
|
|
2029
|
+
return (r, i) => (e(), w(Xt, {
|
|
2047
2030
|
visible: m(a).isOpen.value,
|
|
2048
|
-
onClose:
|
|
2031
|
+
onClose: J,
|
|
2049
2032
|
onKeydown: ae
|
|
2050
2033
|
}, {
|
|
2051
2034
|
default: n(() => [g("div", {
|
|
@@ -2057,20 +2040,20 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2057
2040
|
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)]",
|
|
2058
2041
|
style: t(m(p))
|
|
2059
2042
|
}, [
|
|
2060
|
-
g("header",
|
|
2043
|
+
g("header", $r, [g("h2", {
|
|
2061
2044
|
id: `${$}-title`,
|
|
2062
2045
|
class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
|
|
2063
|
-
}, x(S.value), 9,
|
|
2046
|
+
}, x(S.value), 9, ei), g("button", {
|
|
2064
2047
|
type: "button",
|
|
2065
2048
|
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)]",
|
|
2066
2049
|
"aria-label": m(s).mergeTag.picker.close,
|
|
2067
2050
|
"data-testid": "merge-tag-picker-close",
|
|
2068
|
-
onClick:
|
|
2069
|
-
}, [v(m(
|
|
2051
|
+
onClick: J
|
|
2052
|
+
}, [v(m(Lt), {
|
|
2070
2053
|
size: 16,
|
|
2071
2054
|
"stroke-width": 2
|
|
2072
|
-
})], 8,
|
|
2073
|
-
g("div",
|
|
2055
|
+
})], 8, ti)]),
|
|
2056
|
+
g("div", ni, [v(m(Mt), {
|
|
2074
2057
|
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)]",
|
|
2075
2058
|
size: 14,
|
|
2076
2059
|
"stroke-width": 2
|
|
@@ -2078,7 +2061,7 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2078
2061
|
id: `${$}-search`,
|
|
2079
2062
|
ref_key: "searchInputRef",
|
|
2080
2063
|
ref: N,
|
|
2081
|
-
"onUpdate:modelValue": i[0] ||= (e) =>
|
|
2064
|
+
"onUpdate:modelValue": i[0] ||= (e) => E.value = e,
|
|
2082
2065
|
type: "text",
|
|
2083
2066
|
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)]",
|
|
2084
2067
|
placeholder: m(s).mergeTag.picker.searchPlaceholder,
|
|
@@ -2086,16 +2069,16 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2086
2069
|
"aria-controls": $,
|
|
2087
2070
|
"aria-activedescendant": oe(),
|
|
2088
2071
|
"data-testid": "merge-tag-picker-search",
|
|
2089
|
-
onKeydown: i[1] ||=
|
|
2090
|
-
}, null, 40,
|
|
2091
|
-
ue.value ? (e(), _("div",
|
|
2072
|
+
onKeydown: i[1] ||= F(M(() => {}, ["prevent"]), ["enter"])
|
|
2073
|
+
}, null, 40, ri), [[j, E.value]])]),
|
|
2074
|
+
ue.value ? (e(), _("div", ii, [(e(!0), _(D, null, o(H.value, (t) => (e(), _("button", {
|
|
2092
2075
|
key: t,
|
|
2093
2076
|
type: "button",
|
|
2094
2077
|
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)]",
|
|
2095
2078
|
"data-testid": "merge-tag-picker-group-pill",
|
|
2096
2079
|
"data-group-name": t,
|
|
2097
2080
|
onClick: (e) => ie(t)
|
|
2098
|
-
}, x(t), 9,
|
|
2081
|
+
}, x(t), 9, ai))), 128))])) : k("", !0),
|
|
2099
2082
|
g("div", {
|
|
2100
2083
|
id: $,
|
|
2101
2084
|
ref_key: "listRef",
|
|
@@ -2104,7 +2087,7 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2104
2087
|
role: "listbox",
|
|
2105
2088
|
"aria-label": S.value,
|
|
2106
2089
|
"data-testid": "merge-tag-picker-list"
|
|
2107
|
-
}, [ce.value ? (e(), _("div",
|
|
2090
|
+
}, [ce.value ? (e(), _("div", si, x(m(s).mergeTag.picker.empty), 1)) : le.value ? (e(), _("div", ci, x(m(s).mergeTag.picker.noResults), 1)) : (e(!0), _(D, { key: 2 }, o(U.value, (t, n) => (e(), _(D, { key: n }, [t.kind === "header" ? (e(), _("button", {
|
|
2108
2091
|
key: 0,
|
|
2109
2092
|
ref_for: !0,
|
|
2110
2093
|
ref: (e) => ne(t.group, e),
|
|
@@ -2117,14 +2100,14 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2117
2100
|
"data-group-collapsed": z(t.group) ? "true" : "false",
|
|
2118
2101
|
onClick: (e) => B(t.group)
|
|
2119
2102
|
}, [
|
|
2120
|
-
v(m(
|
|
2103
|
+
v(m(xt), {
|
|
2121
2104
|
size: 12,
|
|
2122
2105
|
"stroke-width": 2,
|
|
2123
2106
|
class: C(["tpl:transition-transform", z(t.group) ? "tpl:-rotate-90" : ""])
|
|
2124
2107
|
}, null, 8, ["class"]),
|
|
2125
2108
|
g("span", null, x(t.group), 1),
|
|
2126
|
-
g("span",
|
|
2127
|
-
], 8,
|
|
2109
|
+
g("span", ui, " (" + x(m(c)(m(s).mergeTag.picker.groupCount, { count: t.count })) + ") ", 1)
|
|
2110
|
+
], 8, li)) : (e(), _("button", {
|
|
2128
2111
|
key: 1,
|
|
2129
2112
|
id: se(t.index),
|
|
2130
2113
|
type: "button",
|
|
@@ -2137,26 +2120,26 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2137
2120
|
title: T(t.tag),
|
|
2138
2121
|
class: C(["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", t.index === I.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)]"]),
|
|
2139
2122
|
"data-testid": "merge-tag-picker-item",
|
|
2140
|
-
onMousemove: (e) =>
|
|
2123
|
+
onMousemove: (e) => ee(t.index),
|
|
2141
2124
|
onClick: (e) => q(t.tag)
|
|
2142
2125
|
}, [
|
|
2143
|
-
g("span",
|
|
2144
|
-
g("span",
|
|
2145
|
-
t.tag.description ? (e(), _("span",
|
|
2146
|
-
t.tag.sample === void 0 ?
|
|
2147
|
-
], 42,
|
|
2148
|
-
], 12,
|
|
2126
|
+
g("span", fi, x(t.tag.label), 1),
|
|
2127
|
+
g("span", pi, x(t.tag.value), 1),
|
|
2128
|
+
t.tag.description ? (e(), _("span", mi, x(t.tag.description), 1)) : k("", !0),
|
|
2129
|
+
t.tag.sample === void 0 ? k("", !0) : (e(), _("span", hi, x(m(c)(m(s).mergeTag.picker.sample, { sample: t.tag.sample })), 1))
|
|
2130
|
+
], 42, di))], 64))), 128))], 8, oi)
|
|
2131
|
+
], 12, Qr)]),
|
|
2149
2132
|
_: 1
|
|
2150
2133
|
}, 8, ["visible"]));
|
|
2151
2134
|
}
|
|
2152
|
-
}),
|
|
2135
|
+
}), _i = ["data-logic-keyword"], vi = /* @__PURE__ */ A({
|
|
2153
2136
|
__name: "LogicTagBadge",
|
|
2154
2137
|
props: {
|
|
2155
2138
|
value: {},
|
|
2156
2139
|
syntax: {}
|
|
2157
2140
|
},
|
|
2158
2141
|
setup(t) {
|
|
2159
|
-
let n = t, r =
|
|
2142
|
+
let n = t, r = O(() => B(n.value, n.syntax)), i = O(() => z(n.value, n.syntax));
|
|
2160
2143
|
return (t, n) => r.value ? (e(), _("span", {
|
|
2161
2144
|
key: 0,
|
|
2162
2145
|
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",
|
|
@@ -2166,22 +2149,22 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2166
2149
|
},
|
|
2167
2150
|
"data-testid": "merge-tag-logic-badge",
|
|
2168
2151
|
"data-logic-keyword": i.value
|
|
2169
|
-
}, x(i.value), 9,
|
|
2152
|
+
}, x(i.value), 9, _i)) : k("", !0);
|
|
2170
2153
|
}
|
|
2171
|
-
}),
|
|
2154
|
+
}), yi = ["aria-labelledby", "data-tpl-theme"], bi = { 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" }, xi = ["id"], Si = ["aria-label"], Ci = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, wi = [
|
|
2172
2155
|
"id",
|
|
2173
2156
|
"placeholder",
|
|
2174
2157
|
"aria-label",
|
|
2175
2158
|
"aria-activedescendant"
|
|
2176
|
-
],
|
|
2159
|
+
], Ti = ["aria-label"], Ei = {
|
|
2177
2160
|
key: 0,
|
|
2178
2161
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
2179
2162
|
"data-testid": "logic-picker-empty"
|
|
2180
|
-
},
|
|
2163
|
+
}, Di = {
|
|
2181
2164
|
key: 1,
|
|
2182
2165
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
2183
2166
|
"data-testid": "logic-picker-empty"
|
|
2184
|
-
},
|
|
2167
|
+
}, Oi = ["data-group-name"], ki = [
|
|
2185
2168
|
"id",
|
|
2186
2169
|
"aria-selected",
|
|
2187
2170
|
"data-selected",
|
|
@@ -2189,33 +2172,33 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2189
2172
|
"data-logic-kind",
|
|
2190
2173
|
"onMousemove",
|
|
2191
2174
|
"onClick"
|
|
2192
|
-
],
|
|
2175
|
+
], Ai = { class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-between tpl:gap-2" }, ji = { class: "tpl:text-sm tpl:font-medium" }, Mi = {
|
|
2193
2176
|
key: 0,
|
|
2194
2177
|
class: "tpl:flex tpl:items-center"
|
|
2195
|
-
},
|
|
2178
|
+
}, Ni = {
|
|
2196
2179
|
key: 1,
|
|
2197
2180
|
class: "tpl:flex tpl:items-center tpl:gap-1"
|
|
2198
|
-
},
|
|
2181
|
+
}, Pi = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, Fi = {
|
|
2199
2182
|
key: 0,
|
|
2200
2183
|
class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
2201
|
-
},
|
|
2184
|
+
}, Ii = "tpl-logic-picker-list", Li = /* @__PURE__ */ A({
|
|
2202
2185
|
__name: "LogicTagPickerModal",
|
|
2203
2186
|
setup(i) {
|
|
2204
|
-
let a =
|
|
2205
|
-
function
|
|
2187
|
+
let a = Ye(Ze, "LogicTagPickerModal"), { t: s } = Z(), c = u(nt, ee.liquid), p = u(Qe, null), h = u(st, null), y = f(""), b = _e(y, 200), S = f(null), T = O(() => b.value.trim().length > 0), E = f(0);
|
|
2188
|
+
function A(e) {
|
|
2206
2189
|
let t = b.value.trim().toLowerCase();
|
|
2207
2190
|
return !t || e.filter(Boolean).join(" ").toLowerCase().includes(t);
|
|
2208
2191
|
}
|
|
2209
|
-
let N =
|
|
2192
|
+
let N = O(() => a.tags.value.filter((e) => A([
|
|
2210
2193
|
e.label,
|
|
2211
2194
|
e.value,
|
|
2212
2195
|
e.description
|
|
2213
|
-
]))),
|
|
2196
|
+
]))), P = O(() => a.pairs.value.filter((e) => A([
|
|
2214
2197
|
e.label,
|
|
2215
2198
|
e.before,
|
|
2216
2199
|
e.after,
|
|
2217
2200
|
e.description
|
|
2218
|
-
]))), I =
|
|
2201
|
+
]))), I = O(() => [...P.value.map((e) => ({
|
|
2219
2202
|
kind: "pair",
|
|
2220
2203
|
pair: e,
|
|
2221
2204
|
group: e.group
|
|
@@ -2223,7 +2206,7 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2223
2206
|
kind: "tag",
|
|
2224
2207
|
tag: e,
|
|
2225
2208
|
group: e.group
|
|
2226
|
-
}))]), L =
|
|
2209
|
+
}))]), L = O(() => a.tags.value.some((e) => !!e.group) || a.pairs.value.some((e) => !!e.group));
|
|
2227
2210
|
function R(e) {
|
|
2228
2211
|
let t = s.logicTag.picker.otherGroup, n = /* @__PURE__ */ new Map(), r = [];
|
|
2229
2212
|
for (let i of e) {
|
|
@@ -2232,7 +2215,7 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2232
2215
|
}
|
|
2233
2216
|
return r.map((e) => [e, n.get(e)]);
|
|
2234
2217
|
}
|
|
2235
|
-
let z =
|
|
2218
|
+
let z = O(() => {
|
|
2236
2219
|
let e = [], t = [], n = 0, r = (r) => {
|
|
2237
2220
|
r.kind === "tag" ? (e.push({
|
|
2238
2221
|
kind: "tag",
|
|
@@ -2256,22 +2239,22 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2256
2239
|
rows: e,
|
|
2257
2240
|
items: t
|
|
2258
2241
|
};
|
|
2259
|
-
}), B =
|
|
2242
|
+
}), B = O(() => z.value.items), V = O(() => a.tags.value.length === 0 && a.pairs.value.length === 0), H = O(() => !V.value && B.value.length === 0);
|
|
2260
2243
|
l(() => a.isOpen.value, (e) => {
|
|
2261
|
-
e && (y.value = "",
|
|
2244
|
+
e && (y.value = "", E.value = 0, r(() => S.value?.focus()));
|
|
2262
2245
|
}), l(B, (e) => {
|
|
2263
|
-
|
|
2246
|
+
E.value >= e.length && (E.value = Math.max(0, e.length - 1));
|
|
2264
2247
|
});
|
|
2265
|
-
let
|
|
2266
|
-
function
|
|
2248
|
+
let U = f(null);
|
|
2249
|
+
function W(e) {
|
|
2267
2250
|
a.resolve(e);
|
|
2268
2251
|
}
|
|
2269
|
-
function
|
|
2252
|
+
function G() {
|
|
2270
2253
|
a.resolve(null);
|
|
2271
2254
|
}
|
|
2272
2255
|
function K(e) {
|
|
2273
|
-
B.value.length !== 0 && (
|
|
2274
|
-
|
|
2256
|
+
B.value.length !== 0 && (E.value = Math.max(0, Math.min(B.value.length - 1, E.value + e)), r(() => {
|
|
2257
|
+
U.value?.querySelector(`[data-logic-index="${E.value}"]`)?.scrollIntoView({ block: "nearest" });
|
|
2275
2258
|
}));
|
|
2276
2259
|
}
|
|
2277
2260
|
function q(e) {
|
|
@@ -2279,49 +2262,49 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2279
2262
|
else if (e.key === "ArrowUp") e.preventDefault(), K(-1);
|
|
2280
2263
|
else if (e.key === "Enter") {
|
|
2281
2264
|
e.preventDefault();
|
|
2282
|
-
let t = B.value[
|
|
2283
|
-
t &&
|
|
2265
|
+
let t = B.value[E.value];
|
|
2266
|
+
t && W(t);
|
|
2284
2267
|
}
|
|
2285
2268
|
}
|
|
2286
|
-
function
|
|
2287
|
-
return `${
|
|
2269
|
+
function J(e) {
|
|
2270
|
+
return `${Ii}-opt-${e}`;
|
|
2288
2271
|
}
|
|
2289
|
-
function
|
|
2290
|
-
return B.value.length === 0 ? void 0 : `${
|
|
2272
|
+
function te() {
|
|
2273
|
+
return B.value.length === 0 ? void 0 : `${Ii}-opt-${E.value}`;
|
|
2291
2274
|
}
|
|
2292
|
-
return (r, i) => (e(), w(
|
|
2275
|
+
return (r, i) => (e(), w(Xt, {
|
|
2293
2276
|
visible: m(a).isOpen.value,
|
|
2294
|
-
onClose:
|
|
2277
|
+
onClose: G,
|
|
2295
2278
|
onKeydown: q
|
|
2296
2279
|
}, {
|
|
2297
2280
|
default: n(() => [g("div", {
|
|
2298
2281
|
role: "dialog",
|
|
2299
2282
|
"aria-modal": "true",
|
|
2300
|
-
"aria-labelledby": `${
|
|
2283
|
+
"aria-labelledby": `${Ii}-title`,
|
|
2301
2284
|
"data-tpl-theme": m(h),
|
|
2302
2285
|
"data-testid": "logic-picker-modal",
|
|
2303
2286
|
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)]",
|
|
2304
2287
|
style: t(m(p))
|
|
2305
2288
|
}, [
|
|
2306
|
-
g("header",
|
|
2307
|
-
id: `${
|
|
2289
|
+
g("header", bi, [g("h2", {
|
|
2290
|
+
id: `${Ii}-title`,
|
|
2308
2291
|
class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
|
|
2309
|
-
}, x(m(s).logicTag.picker.title), 9,
|
|
2292
|
+
}, x(m(s).logicTag.picker.title), 9, xi), g("button", {
|
|
2310
2293
|
type: "button",
|
|
2311
2294
|
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)]",
|
|
2312
2295
|
"aria-label": m(s).logicTag.picker.close,
|
|
2313
2296
|
"data-testid": "logic-picker-close",
|
|
2314
|
-
onClick:
|
|
2315
|
-
}, [v(m(
|
|
2297
|
+
onClick: G
|
|
2298
|
+
}, [v(m(Lt), {
|
|
2316
2299
|
size: 16,
|
|
2317
2300
|
"stroke-width": 2
|
|
2318
|
-
})], 8,
|
|
2319
|
-
g("div",
|
|
2301
|
+
})], 8, Si)]),
|
|
2302
|
+
g("div", Ci, [v(m(Mt), {
|
|
2320
2303
|
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)]",
|
|
2321
2304
|
size: 14,
|
|
2322
2305
|
"stroke-width": 2
|
|
2323
2306
|
}), d(g("input", {
|
|
2324
|
-
id: `${
|
|
2307
|
+
id: `${Ii}-search`,
|
|
2325
2308
|
ref_key: "searchInputRef",
|
|
2326
2309
|
ref: S,
|
|
2327
2310
|
"onUpdate:modelValue": i[0] ||= (e) => y.value = e,
|
|
@@ -2329,64 +2312,64 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2329
2312
|
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)]",
|
|
2330
2313
|
placeholder: m(s).logicTag.picker.searchPlaceholder,
|
|
2331
2314
|
"aria-label": m(s).logicTag.picker.searchAriaLabel,
|
|
2332
|
-
"aria-controls":
|
|
2333
|
-
"aria-activedescendant":
|
|
2315
|
+
"aria-controls": Ii,
|
|
2316
|
+
"aria-activedescendant": te(),
|
|
2334
2317
|
"data-testid": "logic-picker-search",
|
|
2335
|
-
onKeydown: i[1] ||=
|
|
2336
|
-
}, null, 40,
|
|
2318
|
+
onKeydown: i[1] ||= F(M(() => {}, ["prevent"]), ["enter"])
|
|
2319
|
+
}, null, 40, wi), [[j, y.value]])]),
|
|
2337
2320
|
g("div", {
|
|
2338
|
-
id:
|
|
2321
|
+
id: Ii,
|
|
2339
2322
|
ref_key: "listRef",
|
|
2340
|
-
ref:
|
|
2323
|
+
ref: U,
|
|
2341
2324
|
class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
|
|
2342
2325
|
role: "listbox",
|
|
2343
2326
|
"aria-label": m(s).logicTag.picker.title,
|
|
2344
2327
|
"data-testid": "logic-picker-list"
|
|
2345
|
-
}, [V.value ? (e(), _("div",
|
|
2328
|
+
}, [V.value ? (e(), _("div", Ei, x(m(s).logicTag.picker.empty), 1)) : H.value ? (e(), _("div", Di, x(m(s).logicTag.picker.noResults), 1)) : (e(!0), _(D, { key: 2 }, o(z.value.rows, (t, n) => (e(), _(D, { key: n }, [t.kind === "header" ? (e(), _("div", {
|
|
2346
2329
|
key: 0,
|
|
2347
2330
|
class: "tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]",
|
|
2348
2331
|
"data-testid": "logic-picker-header",
|
|
2349
2332
|
"data-group-name": t.label
|
|
2350
|
-
}, x(t.label), 9,
|
|
2333
|
+
}, x(t.label), 9, Oi)) : (e(), _("button", {
|
|
2351
2334
|
key: 1,
|
|
2352
|
-
id:
|
|
2335
|
+
id: J(t.index),
|
|
2353
2336
|
type: "button",
|
|
2354
2337
|
role: "option",
|
|
2355
|
-
"aria-selected": t.index ===
|
|
2356
|
-
"data-selected": t.index ===
|
|
2338
|
+
"aria-selected": t.index === E.value,
|
|
2339
|
+
"data-selected": t.index === E.value ? "true" : "false",
|
|
2357
2340
|
"data-logic-index": t.index,
|
|
2358
2341
|
"data-logic-kind": t.kind,
|
|
2359
|
-
class: C(["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", t.index ===
|
|
2342
|
+
class: C(["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", t.index === E.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)]"]),
|
|
2360
2343
|
"data-testid": "logic-picker-item",
|
|
2361
|
-
onMousemove: (e) =>
|
|
2362
|
-
onClick: (e) =>
|
|
2344
|
+
onMousemove: (e) => E.value = t.index,
|
|
2345
|
+
onClick: (e) => W(t.kind === "tag" ? t.tag : t.pair)
|
|
2363
2346
|
}, [
|
|
2364
|
-
g("span",
|
|
2347
|
+
g("span", Ai, [g("span", ji, x(t.kind === "tag" ? t.tag.label : t.pair.label), 1), t.kind === "tag" ? (e(), _("span", Mi, [v(vi, {
|
|
2365
2348
|
value: t.tag.value,
|
|
2366
2349
|
syntax: m(c)
|
|
2367
|
-
}, null, 8, ["value", "syntax"])])) : (e(), _("span",
|
|
2368
|
-
v(
|
|
2350
|
+
}, null, 8, ["value", "syntax"])])) : (e(), _("span", Ni, [
|
|
2351
|
+
v(vi, {
|
|
2369
2352
|
value: t.pair.before,
|
|
2370
2353
|
syntax: m(c)
|
|
2371
2354
|
}, null, 8, ["value", "syntax"]),
|
|
2372
2355
|
i[2] ||= g("span", { class: "tpl:text-[var(--tpl-text-dim)]" }, "…", -1),
|
|
2373
|
-
v(
|
|
2356
|
+
v(vi, {
|
|
2374
2357
|
value: t.pair.after,
|
|
2375
2358
|
syntax: m(c)
|
|
2376
2359
|
}, null, 8, ["value", "syntax"])
|
|
2377
2360
|
]))]),
|
|
2378
|
-
g("span",
|
|
2379
|
-
(t.kind === "tag" ? t.tag.description : t.pair.description) ? (e(), _("span",
|
|
2380
|
-
], 42,
|
|
2381
|
-
], 12,
|
|
2361
|
+
g("span", Pi, x(t.kind === "tag" ? t.tag.value : `${t.pair.before} … ${t.pair.after}`), 1),
|
|
2362
|
+
(t.kind === "tag" ? t.tag.description : t.pair.description) ? (e(), _("span", Fi, x(t.kind === "tag" ? t.tag.description : t.pair.description), 1)) : k("", !0)
|
|
2363
|
+
], 42, ki))], 64))), 128))], 8, Ti)
|
|
2364
|
+
], 12, yi)]),
|
|
2382
2365
|
_: 1
|
|
2383
2366
|
}, 8, ["visible"]));
|
|
2384
2367
|
}
|
|
2385
|
-
}),
|
|
2368
|
+
}), Ri = ["data-tpl-theme"], zi = { class: "tpl:absolute tpl:inset-0 tpl:overflow-hidden" }, Bi = { class: "tpl-preview-overlay tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, Vi = { 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" }, Hi = {
|
|
2386
2369
|
key: 0,
|
|
2387
2370
|
"data-testid": "merge-tag-mode-toggle-anchor",
|
|
2388
2371
|
class: "tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-[var(--tpl-shadow-md)]"
|
|
2389
|
-
},
|
|
2372
|
+
}, Ui = { class: "tpl-main tpl:flex tpl:py-8" }, Wi = ["aria-label"], Gi = /*#__PURE__*/ Rt(/* @__PURE__ */ A({
|
|
2390
2373
|
__name: "Editor",
|
|
2391
2374
|
props: {
|
|
2392
2375
|
config: {},
|
|
@@ -2398,38 +2381,38 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2398
2381
|
usesLocalRenderer: { type: Function }
|
|
2399
2382
|
},
|
|
2400
2383
|
setup(r, { expose: i }) {
|
|
2401
|
-
let a = r, o = a.config.templates ?
|
|
2384
|
+
let a = r, o = a.config.templates ? Nn(a.config.templates, a.config.mergeTags) : void 0, s = le({
|
|
2402
2385
|
content: a.config.content,
|
|
2403
2386
|
defaultFontFamily: a.config.fonts?.defaultFont,
|
|
2404
|
-
templateDefaults:
|
|
2387
|
+
templateDefaults: $t(a.config),
|
|
2405
2388
|
templates: o,
|
|
2406
2389
|
onError: a.config.onError,
|
|
2407
2390
|
lockedBlocks: a.cloud?.lockedBlocks
|
|
2408
|
-
}), u = a.cloud ? a.cloud.attach({ editor: s }) : null, h = o ?
|
|
2391
|
+
}), u = a.cloud ? a.cloud.attach({ editor: s }) : null, h = o ? hn({
|
|
2409
2392
|
provider: o,
|
|
2410
2393
|
editor: s,
|
|
2411
2394
|
guardUnsavedChanges: a.config.templates?.unsavedChangesGuard,
|
|
2412
2395
|
getSaveGate: a.cloud ? () => a.cloud.getSaveGate() : void 0
|
|
2413
2396
|
}) : null;
|
|
2414
2397
|
a.config.onDirtyChange && l(() => s.state.isDirty, (e) => a.config.onDirtyChange(e));
|
|
2415
|
-
let b = f(null),
|
|
2398
|
+
let b = f(null), T = a.config.savedBlocks ? pn({
|
|
2416
2399
|
provider: a.config.savedBlocks,
|
|
2417
2400
|
editor: s,
|
|
2418
2401
|
onError: a.config.onError,
|
|
2419
2402
|
isAvailable: a.cloud ? () => a.cloud.isSavedBlocksAvailable() : void 0
|
|
2420
|
-
}) : null,
|
|
2403
|
+
}) : null, D = p(() => import("./SavedBlocksPanels-DBoqC6df.js")), A = a.config.media || a.config.onRequestMedia ? fn({
|
|
2421
2404
|
provider: a.config.media,
|
|
2422
2405
|
onRequestMedia: a.config.onRequestMedia,
|
|
2423
2406
|
getTemplateId: () => s.state.template?.id,
|
|
2424
2407
|
onError: a.config.onError
|
|
2425
|
-
}) : null,
|
|
2408
|
+
}) : null, j = p(() => import("./MediaPanels-DoBhG5gg.js")), N = a.config.testEmail ? bn({
|
|
2426
2409
|
provider: a.config.testEmail,
|
|
2427
2410
|
getContent: () => s.content.value,
|
|
2428
2411
|
renderMjml: a.renderMjml,
|
|
2429
2412
|
usesLocalRenderer: a.usesLocalRenderer,
|
|
2430
2413
|
onError: a.config.onError,
|
|
2431
2414
|
isAvailable: a.cloud ? () => a.cloud.isTestEmailAvailable() : void 0
|
|
2432
|
-
}) : null,
|
|
2415
|
+
}) : null, F = p(() => import("./TestEmailPanel-lUXAFsT5.js")), L = a.config.comments ? ln({
|
|
2433
2416
|
provider: a.config.comments,
|
|
2434
2417
|
editor: s,
|
|
2435
2418
|
user: a.config.user,
|
|
@@ -2437,19 +2420,19 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2437
2420
|
onError: a.config.onError,
|
|
2438
2421
|
isAvailable: a.cloud ? () => a.cloud.isCommentsAvailable() : void 0,
|
|
2439
2422
|
isBlockSaved: a.cloud ? (e) => a.cloud.isBlockSaved(e) : void 0
|
|
2440
|
-
}) : null, R = p(() => import("./CommentsPanel-
|
|
2441
|
-
|
|
2442
|
-
let
|
|
2423
|
+
}) : null, R = p(() => import("./CommentsPanel-CYMHfFcn.js")), z = p(() => import("./CloudPanels-sv4aCKKE.js")), B = p(() => import("./CloudHeaderExtras-BZ62q1aS.js")), V = p(() => import("./VersionHistoryPanels-C3XhpQO_.js")), H = Sn(a.config.templates?.autoSave, !1), U = H && h !== null;
|
|
2424
|
+
H && h !== null && !h.canSave.value && vt.warn("config.templates.autoSave is on but this provider's save is false — there is nothing to persist to. Give it a real save function, or use `onChange` to persist the content yourself."), a.config.changeDebounce !== void 0 && h !== null && a.config.templates?.autoSave === void 0 && !a.config.onChange && vt.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.");
|
|
2425
|
+
let W = a.config.onChange || U ? {
|
|
2443
2426
|
onChange: () => {
|
|
2444
|
-
a.config.onChange?.(JSON.parse(JSON.stringify(s.state.content))),
|
|
2427
|
+
a.config.onChange?.(JSON.parse(JSON.stringify(s.state.content))), U && h.requestAutoSave();
|
|
2445
2428
|
},
|
|
2446
2429
|
...a.config.changeDebounce === void 0 ? {} : { debounce: a.config.changeDebounce }
|
|
2447
|
-
} : null,
|
|
2448
|
-
...
|
|
2430
|
+
} : null, G = {
|
|
2431
|
+
...T ? { savedBlocks: T.capability } : {},
|
|
2449
2432
|
...h ? { templates: h.capability } : {},
|
|
2450
|
-
...
|
|
2433
|
+
...N ? { testEmail: N.capability } : {},
|
|
2451
2434
|
...L ? { comments: L.capability } : {}
|
|
2452
|
-
},
|
|
2435
|
+
}, K = Ge({
|
|
2453
2436
|
editor: s,
|
|
2454
2437
|
containerEl: b,
|
|
2455
2438
|
config: {
|
|
@@ -2471,74 +2454,74 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2471
2454
|
canDropMedia: A?.canDrop ?? null,
|
|
2472
2455
|
resolvePreview: a.config.resolvePreview,
|
|
2473
2456
|
resolveImageUrl: a.config.resolveImageUrl,
|
|
2474
|
-
lint:
|
|
2457
|
+
lint: Cn(a.config),
|
|
2475
2458
|
locale: a.config.locale
|
|
2476
2459
|
},
|
|
2477
2460
|
translations: a.translations,
|
|
2478
2461
|
fontsManager: a.fontsManager,
|
|
2479
|
-
autoSaveOptions:
|
|
2480
|
-
capabilities:
|
|
2462
|
+
autoSaveOptions: W,
|
|
2463
|
+
capabilities: G,
|
|
2481
2464
|
editorRoot: a.shadowRoot,
|
|
2482
2465
|
historyOptions: a.cloud ? { isRemoteOperation: () => a.cloud.isRemoteOperation() } : void 0,
|
|
2483
2466
|
keyboardOptions: a.cloud ? { onBeforeUndo: () => a.cloud.onBeforeUndo() } : void 0
|
|
2484
|
-
}),
|
|
2485
|
-
core:
|
|
2486
|
-
capabilities:
|
|
2487
|
-
}) : null, q = a.config.versionHistory ?
|
|
2467
|
+
}), ee = a.cloud && u ? a.cloud.ready({
|
|
2468
|
+
core: K,
|
|
2469
|
+
capabilities: G
|
|
2470
|
+
}) : null, q = a.config.versionHistory ? xn({
|
|
2488
2471
|
provider: a.config.versionHistory,
|
|
2489
|
-
editor:
|
|
2490
|
-
history:
|
|
2491
|
-
conditionPreview:
|
|
2492
|
-
autoSave:
|
|
2472
|
+
editor: Mn(s, a.config.mergeTags),
|
|
2473
|
+
history: K.history,
|
|
2474
|
+
conditionPreview: K.conditionPreview,
|
|
2475
|
+
autoSave: K.autoSave,
|
|
2493
2476
|
saveBeforeRestore: h ? {
|
|
2494
2477
|
canSave: () => h.canSave.value && !(a.cloud?.getSaveGate()?.shouldBlock.value ?? !1),
|
|
2495
2478
|
save: () => h.save("restore")
|
|
2496
2479
|
} : null,
|
|
2497
2480
|
onError: a.config.onError
|
|
2498
2481
|
}) : null;
|
|
2499
|
-
q && (
|
|
2500
|
-
let
|
|
2482
|
+
q && (G.versionHistory = q.capability);
|
|
2483
|
+
let J = O(() => L?.isOpen.value === !0 || u?.panelState.rightPanelOpen.value === !0), te = O(() => s.state.previewMode ? "tpl:left-0 tpl:right-0" : J.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]");
|
|
2501
2484
|
function Y(e) {
|
|
2502
2485
|
u && (e === "ai-chat" ? u.panelState.aiChatOpen.value = !0 : u.panelState.designReferenceOpen.value = !0);
|
|
2503
2486
|
}
|
|
2504
|
-
let { showNotice: X } =
|
|
2487
|
+
let { showNotice: X } = Pe(() => a.config.smallScreenNotice);
|
|
2505
2488
|
c(async () => {
|
|
2506
2489
|
await a.fontsManager.loadCustomFonts();
|
|
2507
2490
|
}), S(() => {
|
|
2508
|
-
a.fontsManager.cleanupFontLinks(), a.cloud?.destroy(),
|
|
2491
|
+
a.fontsManager.cleanupFontLinks(), a.cloud?.destroy(), K.destroy();
|
|
2509
2492
|
});
|
|
2510
2493
|
let ne = h ?? s;
|
|
2511
2494
|
return i({
|
|
2512
2495
|
getContent: () => s.content.value,
|
|
2513
2496
|
setContent: (e) => s.setContent(e),
|
|
2514
2497
|
setTheme: (e) => s.setUiTheme(e),
|
|
2515
|
-
setMergeTags:
|
|
2498
|
+
setMergeTags: K.setMergeTags,
|
|
2516
2499
|
isDirty: () => s.state.isDirty,
|
|
2517
2500
|
create: ne.create,
|
|
2518
2501
|
load: ne.load,
|
|
2519
2502
|
save: ne.save,
|
|
2520
|
-
renderCustomBlock:
|
|
2521
|
-
getCustomBlockStylesheet: (e) =>
|
|
2503
|
+
renderCustomBlock: K.registry.renderCustomBlock,
|
|
2504
|
+
getCustomBlockStylesheet: (e) => K.registry.getDefinition(e)?.stylesheet
|
|
2522
2505
|
}), (i, a) => (e(), _("div", {
|
|
2523
2506
|
ref_key: "rootEl",
|
|
2524
2507
|
ref: b,
|
|
2525
2508
|
class: C(["tpl tpl:relative tpl:h-full", { "tpl:dark": m(s).state.darkMode }]),
|
|
2526
|
-
"data-tpl-theme": m(
|
|
2527
|
-
style: t(m(
|
|
2528
|
-
onDragover: a[8] ||=
|
|
2529
|
-
onDrop: a[9] ||=
|
|
2509
|
+
"data-tpl-theme": m(K).resolvedTheme.value,
|
|
2510
|
+
style: t(m(K).themeStyles.value),
|
|
2511
|
+
onDragover: a[8] ||= M(() => {}, ["prevent"]),
|
|
2512
|
+
onDrop: a[9] ||= M(() => {}, ["prevent"])
|
|
2530
2513
|
}, [
|
|
2531
|
-
v(
|
|
2532
|
-
g("div",
|
|
2533
|
-
v(
|
|
2514
|
+
v(Jn),
|
|
2515
|
+
g("div", zi, [
|
|
2516
|
+
v(Zr, {
|
|
2534
2517
|
editor: m(s),
|
|
2535
|
-
core: m(
|
|
2518
|
+
core: m(K),
|
|
2536
2519
|
templates: m(h),
|
|
2537
2520
|
"show-template-name": r.config.templates?.nameField !== !1,
|
|
2538
|
-
"test-email": m(
|
|
2521
|
+
"test-email": m(N),
|
|
2539
2522
|
"version-history": m(q),
|
|
2540
2523
|
comments: m(L)
|
|
2541
|
-
},
|
|
2524
|
+
}, E({ _: 2 }, [m(u) ? {
|
|
2542
2525
|
name: "left-extras",
|
|
2543
2526
|
fn: n(() => [v(m(B), {
|
|
2544
2527
|
part: "left",
|
|
@@ -2561,31 +2544,31 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2561
2544
|
"version-history",
|
|
2562
2545
|
"comments"
|
|
2563
2546
|
]),
|
|
2564
|
-
d(v(
|
|
2547
|
+
d(v(ar, null, null, 512), [[P, !m(s).state.previewMode]]),
|
|
2565
2548
|
g("div", {
|
|
2566
|
-
class: C(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [
|
|
2549
|
+
class: C(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [te.value, m(q)?.isPreviewing.value ? "tpl:top-[104px]" : "tpl:top-14"]]),
|
|
2567
2550
|
style: { transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)" }
|
|
2568
|
-
}, [g("div",
|
|
2569
|
-
default: n(() => [m(s).state.previewMode && !m(
|
|
2570
|
-
"sample-mode": m(
|
|
2571
|
-
onChange: a[0] ||= (e) => m(
|
|
2572
|
-
}, null, 8, ["sample-mode"])])) :
|
|
2551
|
+
}, [g("div", Bi, [g("div", Vi, [v(I, { name: "tpl-preview-pill" }, {
|
|
2552
|
+
default: n(() => [m(s).state.previewMode && !m(K).previewResolution.supersedesSamples.value ? (e(), _("div", Hi, [v(It, {
|
|
2553
|
+
"sample-mode": m(K).mergeTagSampleMode.value,
|
|
2554
|
+
onChange: a[0] ||= (e) => m(K).mergeTagSampleMode.value = e
|
|
2555
|
+
}, null, 8, ["sample-mode"])])) : k("", !0)]),
|
|
2573
2556
|
_: 1
|
|
2574
|
-
}), v(
|
|
2575
|
-
default: n(() => [m(
|
|
2557
|
+
}), v(I, { name: "tpl-preview-pill" }, {
|
|
2558
|
+
default: n(() => [m(K).conditionPreview.hasHiddenBlocks.value && m(K).appliesConditionFilter.value ? (e(), _("button", {
|
|
2576
2559
|
key: 0,
|
|
2577
2560
|
type: "button",
|
|
2578
|
-
class: C([m(
|
|
2561
|
+
class: C([m(Bt), "tpl:shadow-[var(--tpl-shadow-md)]"]),
|
|
2579
2562
|
"data-testid": "restore-hidden-blocks",
|
|
2580
|
-
onClick: a[1] ||= (e) => m(
|
|
2581
|
-
}, [v(m(
|
|
2563
|
+
onClick: a[1] ||= (e) => m(K).conditionPreview.reset()
|
|
2564
|
+
}, [v(m(rn), {
|
|
2582
2565
|
size: 16,
|
|
2583
2566
|
"stroke-width": 2
|
|
2584
|
-
}), y(" " + x(m(
|
|
2567
|
+
}), y(" " + x(m(K).t.blockSettings.restoreHiddenBlocks), 1)], 2)) : k("", !0)]),
|
|
2585
2568
|
_: 1
|
|
2586
|
-
})])]), g("main",
|
|
2569
|
+
})])]), g("main", Ui, [v(qn, {
|
|
2587
2570
|
viewport: m(s).state.viewport,
|
|
2588
|
-
content: m(
|
|
2571
|
+
content: m(K).previewResolution.content.value,
|
|
2589
2572
|
"selected-block-id": m(s).state.selectedBlockId,
|
|
2590
2573
|
"dark-mode": m(s).state.darkMode,
|
|
2591
2574
|
"preview-mode": m(s).state.previewMode,
|
|
@@ -2602,108 +2585,108 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2602
2585
|
"locked-blocks",
|
|
2603
2586
|
"onSelectBlock"
|
|
2604
2587
|
])])], 2),
|
|
2605
|
-
r.config.branding === !1 ?
|
|
2588
|
+
r.config.branding === !1 ? k("", !0) : (e(), w(kr, {
|
|
2606
2589
|
key: 0,
|
|
2607
|
-
"position-class": [
|
|
2590
|
+
"position-class": [te.value]
|
|
2608
2591
|
}, null, 8, ["position-class"])),
|
|
2609
2592
|
g("div", {
|
|
2610
2593
|
class: "tpl-sr-only",
|
|
2611
2594
|
role: "status",
|
|
2612
2595
|
"aria-live": "polite",
|
|
2613
2596
|
"aria-atomic": "true",
|
|
2614
|
-
"aria-label": m(
|
|
2615
|
-
}, x(m(
|
|
2616
|
-
d(v(
|
|
2597
|
+
"aria-label": m(K).t.landmarks.reorderAnnouncements
|
|
2598
|
+
}, x(m(K).keyboardReorder.announcement.value), 9, Wi),
|
|
2599
|
+
d(v(Sr, {
|
|
2617
2600
|
"selected-block": m(s).selectedBlock.value,
|
|
2618
2601
|
settings: m(s).content.value.settings,
|
|
2619
|
-
"shifted-left":
|
|
2602
|
+
"shifted-left": J.value,
|
|
2620
2603
|
onUpdateBlock: a[4] ||= (e) => m(s).updateBlock(m(s).state.selectedBlockId, e),
|
|
2621
2604
|
onDeleteBlock: a[5] ||= () => {
|
|
2622
|
-
m(s).state.selectedBlockId && m(
|
|
2605
|
+
m(s).state.selectedBlockId && m(K).blockActions.deleteBlock(m(s).state.selectedBlockId);
|
|
2623
2606
|
},
|
|
2624
2607
|
onDuplicateBlock: a[6] ||= () => {
|
|
2625
|
-
m(s).selectedBlock.value && m(
|
|
2608
|
+
m(s).selectedBlock.value && m(K).blockActions.duplicateBlock(m(s).selectedBlock.value);
|
|
2626
2609
|
},
|
|
2627
2610
|
onUpdateSettings: a[7] ||= (e) => m(s).updateSettings(e)
|
|
2628
2611
|
}, null, 8, [
|
|
2629
2612
|
"selected-block",
|
|
2630
2613
|
"settings",
|
|
2631
2614
|
"shifted-left"
|
|
2632
|
-
]), [[
|
|
2615
|
+
]), [[P, !m(s).state.previewMode]])
|
|
2633
2616
|
]),
|
|
2634
2617
|
g("div", {
|
|
2635
|
-
ref: (e) => m(
|
|
2618
|
+
ref: (e) => m(K).popoverRoot.value = e,
|
|
2636
2619
|
class: "tpl-popover-root"
|
|
2637
2620
|
}, null, 512),
|
|
2638
|
-
v(
|
|
2639
|
-
v(
|
|
2640
|
-
m(
|
|
2621
|
+
v(gi),
|
|
2622
|
+
v(Li),
|
|
2623
|
+
m(T)?.isAvailable.value ? (e(), w(m(D), {
|
|
2641
2624
|
key: 0,
|
|
2642
|
-
feature: m(
|
|
2643
|
-
}, null, 8, ["feature"])) :
|
|
2644
|
-
r.config.media && m(A) ? (e(), w(m(
|
|
2625
|
+
feature: m(T)
|
|
2626
|
+
}, null, 8, ["feature"])) : k("", !0),
|
|
2627
|
+
r.config.media && m(A) ? (e(), w(m(j), {
|
|
2645
2628
|
key: 1,
|
|
2646
2629
|
feature: m(A),
|
|
2647
2630
|
provider: r.config.media,
|
|
2648
2631
|
locale: r.config.locale,
|
|
2649
|
-
"ui-theme": m(
|
|
2650
|
-
"popover-target": m(
|
|
2632
|
+
"ui-theme": m(K).resolvedTheme.value,
|
|
2633
|
+
"popover-target": m(K).popoverRoot.value
|
|
2651
2634
|
}, null, 8, [
|
|
2652
2635
|
"feature",
|
|
2653
2636
|
"provider",
|
|
2654
2637
|
"locale",
|
|
2655
2638
|
"ui-theme",
|
|
2656
2639
|
"popover-target"
|
|
2657
|
-
])) :
|
|
2658
|
-
m(
|
|
2640
|
+
])) : k("", !0),
|
|
2641
|
+
m(N)?.isAvailable.value ? (e(), w(m(F), {
|
|
2659
2642
|
key: 2,
|
|
2660
|
-
feature: m(
|
|
2661
|
-
}, null, 8, ["feature"])) :
|
|
2643
|
+
feature: m(N)
|
|
2644
|
+
}, null, 8, ["feature"])) : k("", !0),
|
|
2662
2645
|
m(L)?.isAvailable.value ? (e(), w(m(R), {
|
|
2663
2646
|
key: 3,
|
|
2664
2647
|
feature: m(L)
|
|
2665
|
-
}, null, 8, ["feature"])) :
|
|
2648
|
+
}, null, 8, ["feature"])) : k("", !0),
|
|
2666
2649
|
m(q)?.isAvailable.value ? (e(), w(m(V), {
|
|
2667
2650
|
key: 4,
|
|
2668
2651
|
feature: m(q)
|
|
2669
|
-
}, null, 8, ["feature"])) :
|
|
2670
|
-
r.cloud && m(u) && m(
|
|
2652
|
+
}, null, 8, ["feature"])) : k("", !0),
|
|
2653
|
+
r.cloud && m(u) && m(ee) ? (e(), w(m(z), {
|
|
2671
2654
|
key: 5,
|
|
2672
2655
|
editor: m(s),
|
|
2673
|
-
core: m(
|
|
2656
|
+
core: m(K),
|
|
2674
2657
|
runtime: r.cloud,
|
|
2675
2658
|
cloud: m(u),
|
|
2676
|
-
ready: m(
|
|
2659
|
+
ready: m(ee)
|
|
2677
2660
|
}, null, 8, [
|
|
2678
2661
|
"editor",
|
|
2679
2662
|
"core",
|
|
2680
2663
|
"runtime",
|
|
2681
2664
|
"cloud",
|
|
2682
2665
|
"ready"
|
|
2683
|
-
])) :
|
|
2684
|
-
m(X) ? (e(), w(
|
|
2685
|
-
], 46,
|
|
2666
|
+
])) : k("", !0),
|
|
2667
|
+
m(X) ? (e(), w(Dr, { key: 6 })) : k("", !0)
|
|
2668
|
+
], 46, Ri));
|
|
2686
2669
|
}
|
|
2687
|
-
}), [["__scopeId", "data-v-7435124d"]]),
|
|
2688
|
-
function
|
|
2689
|
-
return e.replace(
|
|
2670
|
+
}), [["__scopeId", "data-v-7435124d"]]), Ki = /@import\s*(?:url\(\s*(?:"[^"]*"|'[^']*'|[^)]*)\s*\)|"[^"]*"|'[^']*')[^;]*;/g;
|
|
2671
|
+
function qi(e) {
|
|
2672
|
+
return e.replace(Ki, "");
|
|
2690
2673
|
}
|
|
2691
2674
|
//#endregion
|
|
2692
2675
|
//#region src/utils/renderProvider.ts
|
|
2693
|
-
function
|
|
2676
|
+
function Ji(e) {
|
|
2694
2677
|
return {
|
|
2695
2678
|
customFonts: e.customFonts.value,
|
|
2696
2679
|
defaultFallback: e.defaultFallback.value
|
|
2697
2680
|
};
|
|
2698
2681
|
}
|
|
2699
|
-
async function
|
|
2700
|
-
let t =
|
|
2701
|
-
return n || (
|
|
2682
|
+
async function Yi(e) {
|
|
2683
|
+
let t = L(e.getContent()), n = e.getLayout?.(), r = n ? ie(n, t) : t;
|
|
2684
|
+
return n || (q(r), J(r)), await Zt(r, { renderCustomBlock: e.renderCustomBlock }), {
|
|
2702
2685
|
content: r,
|
|
2703
2686
|
fonts: e.getFonts()
|
|
2704
2687
|
};
|
|
2705
2688
|
}
|
|
2706
|
-
function
|
|
2689
|
+
function Xi(e) {
|
|
2707
2690
|
async function t() {
|
|
2708
2691
|
let t = e.provider, n = t?.toMjml?.bind(t);
|
|
2709
2692
|
return n ? n(await e.buildPayload()) : e.renderLocalMjml();
|
|
@@ -2726,50 +2709,50 @@ function Yi(e) {
|
|
|
2726
2709
|
}
|
|
2727
2710
|
//#endregion
|
|
2728
2711
|
//#region \0virtual:editor-css
|
|
2729
|
-
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\\)\\]{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;-webkit-user-select:none;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{-webkit-user-select:none;user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}[data-v-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;
|
|
2730
|
-
function
|
|
2731
|
-
if (
|
|
2712
|
+
var Zi = "@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;-webkit-user-select:none;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{-webkit-user-select:none;user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}[data-v-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*/", Qi = null;
|
|
2713
|
+
function $i() {
|
|
2714
|
+
if (Qi === null) {
|
|
2732
2715
|
let e = new CSSStyleSheet();
|
|
2733
|
-
e.replaceSync(
|
|
2716
|
+
e.replaceSync(qi(Zi)), Qi = e;
|
|
2734
2717
|
}
|
|
2735
|
-
return
|
|
2718
|
+
return Qi;
|
|
2736
2719
|
}
|
|
2737
|
-
function
|
|
2720
|
+
function ea(e) {
|
|
2738
2721
|
return () => {};
|
|
2739
2722
|
}
|
|
2740
|
-
function
|
|
2723
|
+
function ta(e, t) {
|
|
2741
2724
|
if (!t) return {
|
|
2742
2725
|
target: e,
|
|
2743
2726
|
shadowRoot: null,
|
|
2744
2727
|
cleanup: () => {}
|
|
2745
2728
|
};
|
|
2746
2729
|
let n = e.shadowRoot ?? e.attachShadow({ mode: "open" });
|
|
2747
|
-
for (n.adoptedStyleSheets = [
|
|
2730
|
+
for (n.adoptedStyleSheets = [$i()]; n.firstChild;) n.removeChild(n.firstChild);
|
|
2748
2731
|
let r = document.createElement("div");
|
|
2749
2732
|
return r.className = "tpl-editor-host", r.style.cssText = "display:block;height:100%;width:100%;", n.appendChild(r), {
|
|
2750
2733
|
target: r,
|
|
2751
2734
|
shadowRoot: n,
|
|
2752
|
-
cleanup:
|
|
2735
|
+
cleanup: ea(n)
|
|
2753
2736
|
};
|
|
2754
2737
|
}
|
|
2755
|
-
var
|
|
2756
|
-
function
|
|
2757
|
-
let
|
|
2758
|
-
|
|
2738
|
+
var na = /* @__PURE__ */ new Map(), ra = null;
|
|
2739
|
+
function ia(e, t) {
|
|
2740
|
+
let n = na.get(e);
|
|
2741
|
+
n && (t && n.app !== t || (n.cleanup(), n.app.unmount(), na.delete(e), ra === e && (ra = null)));
|
|
2759
2742
|
}
|
|
2760
|
-
async function
|
|
2761
|
-
return
|
|
2743
|
+
async function aa(e) {
|
|
2744
|
+
return oa(e);
|
|
2762
2745
|
}
|
|
2763
|
-
async function
|
|
2746
|
+
async function oa(e, t) {
|
|
2764
2747
|
let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
|
|
2765
2748
|
if (!n) throw Error(`[Templatical] Container element not found: ${e.container}`);
|
|
2766
|
-
e.locale !== void 0 && !
|
|
2767
|
-
let r = await
|
|
2768
|
-
|
|
2769
|
-
let a =
|
|
2770
|
-
e.layout && (e.layout =
|
|
2771
|
-
let s =
|
|
2772
|
-
return () => h(
|
|
2749
|
+
e.locale !== void 0 && !Se(e.locale) && vt.warn(`config.locale: "${e.locale}" has no translations — falling back to English. Supported: ${Ee().sort().join(", ")}.`);
|
|
2750
|
+
let r = await we(e.locale ?? "en"), i = Je(e.fonts);
|
|
2751
|
+
ia(n);
|
|
2752
|
+
let a = ta(n, e.shadowDom ?? !0), o = f(null);
|
|
2753
|
+
e.layout && (e.layout = An(e.layout, e.mergeTags), X(e.layout)), e.content && (e.content = An(e.content, e.mergeTags), q(e.content), J(e.content));
|
|
2754
|
+
let s = N({ setup() {
|
|
2755
|
+
return () => h(Gi, {
|
|
2773
2756
|
config: e,
|
|
2774
2757
|
translations: r,
|
|
2775
2758
|
fontsManager: i,
|
|
@@ -2780,17 +2763,17 @@ async function aa(e, t) {
|
|
|
2780
2763
|
ref: o
|
|
2781
2764
|
});
|
|
2782
2765
|
} });
|
|
2783
|
-
s.mount(a.target),
|
|
2766
|
+
s.mount(a.target), na.set(n, {
|
|
2784
2767
|
app: s,
|
|
2785
2768
|
editorRef: o,
|
|
2786
2769
|
cleanup: a.cleanup
|
|
2787
|
-
}),
|
|
2770
|
+
}), ra = n;
|
|
2788
2771
|
let c = {
|
|
2789
2772
|
getContent() {
|
|
2790
|
-
return o.value ?
|
|
2773
|
+
return o.value ? L(o.value.getContent()) : L(e.content ?? se(e.fonts?.defaultFont, $t(e)));
|
|
2791
2774
|
},
|
|
2792
2775
|
setContent(t) {
|
|
2793
|
-
let n =
|
|
2776
|
+
let n = An(t, e.mergeTags);
|
|
2794
2777
|
o.value && o.value.setContent(n), e.content = n;
|
|
2795
2778
|
},
|
|
2796
2779
|
setTheme(e) {
|
|
@@ -2806,11 +2789,11 @@ async function aa(e, t) {
|
|
|
2806
2789
|
tags: t
|
|
2807
2790
|
};
|
|
2808
2791
|
},
|
|
2809
|
-
unmount: () =>
|
|
2792
|
+
unmount: () => ia(n, s),
|
|
2810
2793
|
create(t) {
|
|
2811
2794
|
return o.value ? o.value.create(t?.content ? {
|
|
2812
2795
|
...t,
|
|
2813
|
-
content:
|
|
2796
|
+
content: An(t.content, e.mergeTags)
|
|
2814
2797
|
} : t) : Promise.reject(/* @__PURE__ */ Error("[Templatical] Editor not ready"));
|
|
2815
2798
|
},
|
|
2816
2799
|
load(e) {
|
|
@@ -2830,31 +2813,31 @@ async function aa(e, t) {
|
|
|
2830
2813
|
},
|
|
2831
2814
|
toMjml: () => l.toMjml(),
|
|
2832
2815
|
toHtml: () => l.toHtml()
|
|
2833
|
-
}, l =
|
|
2816
|
+
}, l = Xi({
|
|
2834
2817
|
provider: e.render,
|
|
2835
|
-
buildPayload: () =>
|
|
2818
|
+
buildPayload: () => Yi({
|
|
2836
2819
|
getContent: () => c.getContent(),
|
|
2837
2820
|
renderCustomBlock: (e) => c.renderCustomBlock(e),
|
|
2838
|
-
getFonts: () =>
|
|
2821
|
+
getFonts: () => Ji(i),
|
|
2839
2822
|
getLayout: () => e.layout
|
|
2840
2823
|
}),
|
|
2841
|
-
renderLocalMjml: () =>
|
|
2824
|
+
renderLocalMjml: () => _n({
|
|
2842
2825
|
getContent: () => c.getContent(),
|
|
2843
2826
|
renderCustomBlock: (e) => c.renderCustomBlock(e),
|
|
2844
2827
|
getCustomBlockStylesheet: (e) => c.getCustomBlockStylesheet(e),
|
|
2845
|
-
getFonts: () =>
|
|
2828
|
+
getFonts: () => Ji(i),
|
|
2846
2829
|
socialIconsBaseUrl: e.socialIconsBaseUrl,
|
|
2847
2830
|
getLayout: () => e.layout
|
|
2848
2831
|
})
|
|
2849
2832
|
});
|
|
2850
2833
|
return c;
|
|
2851
2834
|
}
|
|
2852
|
-
async function
|
|
2853
|
-
let [{ bootstrapCloud: t }, n] = await Promise.all([import("./createCloudRuntime-
|
|
2835
|
+
async function sa(e) {
|
|
2836
|
+
let [{ bootstrapCloud: t }, n] = await Promise.all([import("./createCloudRuntime-CaZapQZ6.js"), Ce(e.locale ?? "en")]), { runtime: r, providers: i, user: a } = await t({
|
|
2854
2837
|
config: e,
|
|
2855
2838
|
cloudTranslations: n
|
|
2856
2839
|
});
|
|
2857
|
-
return
|
|
2840
|
+
return oa({
|
|
2858
2841
|
container: e.container,
|
|
2859
2842
|
content: e.content,
|
|
2860
2843
|
layout: e.layout,
|
|
@@ -2898,8 +2881,8 @@ async function oa(e) {
|
|
|
2898
2881
|
user: a
|
|
2899
2882
|
}, r);
|
|
2900
2883
|
}
|
|
2901
|
-
function
|
|
2902
|
-
|
|
2884
|
+
function ca() {
|
|
2885
|
+
ra && ia(ra);
|
|
2903
2886
|
}
|
|
2904
2887
|
//#endregion
|
|
2905
|
-
export {
|
|
2888
|
+
export { ie as applyLayout, se as createDefaultTemplateContent, pe as createLocalStorageMediaProvider, fe as createLocalStorageSavedBlocksProvider, oe as createParagraphBlock, R as createSlotBlock, W as createWrapperBlock, Le as getBaseLocale, Te as getSupportedCloudLocales, Ee as getSupportedLocales, aa as init, sa as initCloud, Oe as isCloudLocaleSupported, Se as isLocaleSupported, U as isSlot, re as isWrapper, H as layoutWrapsSlot, ca as unmount, X as validateLayout };
|