@templatical/editor 0.42.0 → 0.42.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{AiChatSidebar-DqSoJAXx.js → AiChatSidebar-DOCvzGBe.js} +7 -7
- package/dist/{AiFeatureMenu-CoBvE72q.js → AiFeatureMenu-CfijAx4G.js} +4 -4
- package/dist/{BlockIssueBadge-D8KsGWY6.js → BlockIssueBadge-BJ3A6mqh.js} +2 -2
- package/dist/{BlockPreviewCanvas-W6-MRpWz.js → BlockPreviewCanvas-DggfBaoJ.js} +2 -2
- package/dist/{CloudHeaderExtras-AbsNuL9T.js → CloudHeaderExtras-dFbdqBr5.js} +2 -2
- package/dist/{CloudPanels-BNL6rSeB.js → CloudPanels-DmMxhzzZ.js} +4 -4
- package/dist/{CollaboratorBar-DlZ-wOL_.js → CollaboratorBar-XXk1tOC5.js} +2 -2
- package/dist/{CommentsPanel-9k1q-79y.js → CommentsPanel-CGEhbjx0.js} +1 -1
- package/dist/{CommentsSidebar-Bc7nORmD.js → CommentsSidebar-CUpst9ou.js} +10 -10
- package/dist/{CountdownToolbar-Bnq25sR-.js → CountdownToolbar-B1a_UIuB.js} +3 -3
- package/dist/{DesignReferenceSidebar-Cl5eE8Kn.js → DesignReferenceSidebar-DkAmsBgM.js} +5 -5
- package/dist/{IssuesPanel-Dnns3O9z.js → IssuesPanel-lTpsCV4a.js} +5 -5
- package/dist/{LogicTagInsertButton-SI6irEtn.js → LogicTagInsertButton-B5YymR4U.js} +3 -3
- package/dist/{MediaEditModal-C-InB-H2.js → MediaEditModal-B1X8qtJb.js} +1 -1
- package/dist/{MediaPanels-CTosUpeo.js → MediaPanels-DO30L1KS.js} +1 -1
- package/dist/{MergeTagInput-BMQGNh1k.js → MergeTagInput-B0M_-X0K.js} +1 -1
- package/dist/{MergeTagModeToggle-Cm9s-w6o.js → MergeTagModeToggle-B-8W1tK7.js} +3 -3
- package/dist/{ParagraphEditor-CnBPQCVo.js → ParagraphEditor-BhhpXgoO.js} +20 -20
- package/dist/{RestoreVersionDialog-B13whpxH.js → RestoreVersionDialog-DE8aqmdi.js} +3 -3
- package/dist/{RichTextEditorContent-DOvhgc-7.js → RichTextEditorContent-AaLAArA0.js} +4 -4
- package/dist/{SaveBlockDialog-b5yrQfoN.js → SaveBlockDialog-BJ-hEwLv.js} +8 -8
- package/dist/{SavedBlocksBrowserModal-DpqK4Zqp.js → SavedBlocksBrowserModal-nLI8aAQ5.js} +9 -9
- package/dist/{SavedBlocksPanels-C2wURIlT.js → SavedBlocksPanels-RnzUMUJI.js} +1 -1
- package/dist/{SavedBlocksPickBar-Bx9_SXVA.js → SavedBlocksPickBar-D3QA3Tgy.js} +2 -2
- package/dist/{TemplateScoringPanel-Cs0TGtRF.js → TemplateScoringPanel-C6ellAcs.js} +11 -11
- package/dist/{TemplateSettings-Gn9ps1R6.js → TemplateSettings-C_0qK-zs.js} +5 -5
- package/dist/{TestEmailModal-DaIaklcg.js → TestEmailModal-CnyxLhWJ.js} +6 -6
- package/dist/{TestEmailPanel-CKSvzakC.js → TestEmailPanel-BRisIL4G.js} +1 -1
- package/dist/{TitleEditor-C66Jk73n.js → TitleEditor-lPITPzw6.js} +9 -9
- package/dist/{ToggleSwitch-BqttX9lY.js → ToggleSwitch-CtZ6adlX.js} +1 -1
- package/dist/{Toolbar-DVsKYQaC.js → Toolbar-B6dG5_IP.js} +20 -20
- package/dist/{TplModal-DRQln7xH.js → TplModal-BiAf7tWe.js} +1 -1
- package/dist/{VersionHistoryMenu-b0A8mS2_.js → VersionHistoryMenu-DdspCRSA.js} +5 -5
- package/dist/{VersionHistoryPanels-Df5WjNah.js → VersionHistoryPanels-C589Jm_B.js} +1 -1
- package/dist/{VersionPreviewBanner-xB9r83r0.js → VersionPreviewBanner-XUuLe36h.js} +1 -1
- package/dist/{WrapperBlock-B0cUORGz.js → WrapperBlock-CVQ4t1tY.js} +1 -1
- package/dist/{blockTypeIcons-DfQNZnl7.js → blockTypeIcons-Sg8SY1NQ.js} +2 -2
- package/dist/bundle-stats.json +6 -6
- package/dist/cdn/chunks/{AiChatSidebar-DD17BwXn.js → AiChatSidebar-DiG-EQ-E.js} +4 -4
- package/dist/cdn/chunks/AiChatSidebar-DiG-EQ-E.js.map +1 -0
- package/dist/cdn/chunks/{AiFeatureMenu-Di381OsL.js → AiFeatureMenu-BXSPgOzA.js} +3 -3
- package/dist/cdn/chunks/AiFeatureMenu-BXSPgOzA.js.map +1 -0
- package/dist/cdn/chunks/{BlockIssueBadge-BR_N3nRh.js → BlockIssueBadge-ChQ0mPf5.js} +2 -2
- package/dist/cdn/chunks/BlockIssueBadge-ChQ0mPf5.js.map +1 -0
- package/dist/cdn/chunks/{BlockPreviewCanvas-BXpcAiiY.js → BlockPreviewCanvas-CMmv1FTA.js} +3 -3
- package/dist/cdn/chunks/BlockPreviewCanvas-CMmv1FTA.js.map +1 -0
- package/dist/cdn/chunks/{CloudHeaderExtras-BEM2eWfF.js → CloudHeaderExtras-yvFz2_e-.js} +3 -3
- package/dist/cdn/chunks/CloudHeaderExtras-yvFz2_e-.js.map +1 -0
- package/dist/cdn/chunks/{CloudPanels-D7nK1-bm.js → CloudPanels-DpKck9Na.js} +4 -4
- package/dist/cdn/chunks/CloudPanels-DpKck9Na.js.map +1 -0
- package/dist/cdn/chunks/{CollaboratorBar-D1SUwahw.js → CollaboratorBar-Clm1ZVXQ.js} +3 -3
- package/dist/cdn/chunks/CollaboratorBar-Clm1ZVXQ.js.map +1 -0
- package/dist/cdn/chunks/{CommentsPanel-qsLMAlJU.js → CommentsPanel-CjhxGMjL.js} +2 -2
- package/dist/cdn/chunks/CommentsPanel-CjhxGMjL.js.map +1 -0
- package/dist/cdn/chunks/{CommentsSidebar-CTwEE-s_.js → CommentsSidebar-D9bqMnlt.js} +2 -2
- package/dist/cdn/chunks/CommentsSidebar-D9bqMnlt.js.map +1 -0
- package/dist/cdn/chunks/CountdownBlock-sVDjKkRw.js.map +1 -1
- package/dist/cdn/chunks/{CountdownToolbar-BJTcnIQ-.js → CountdownToolbar-CIRx5w1U.js} +4 -4
- package/dist/cdn/chunks/CountdownToolbar-CIRx5w1U.js.map +1 -0
- package/dist/cdn/chunks/{DesignReferenceSidebar-Dl3eEGtS.js → DesignReferenceSidebar-C1-SbE_R.js} +2 -2
- package/dist/cdn/chunks/DesignReferenceSidebar-C1-SbE_R.js.map +1 -0
- package/dist/cdn/chunks/{IssuesPanel-L9Gq_T8n.js → IssuesPanel-qKY6UDd-.js} +2 -2
- package/dist/cdn/chunks/IssuesPanel-qKY6UDd-.js.map +1 -0
- package/dist/cdn/chunks/LoadingTrack-_7DH_5aw.js.map +1 -1
- package/dist/cdn/chunks/{LogicTagInsertButton-3pIbVE9p.js → LogicTagInsertButton-CItDS_U1.js} +2 -2
- package/dist/cdn/chunks/LogicTagInsertButton-CItDS_U1.js.map +1 -0
- package/dist/cdn/chunks/{MediaEditModal-rTjYl-fV.js → MediaEditModal-CzUtXkpk.js} +2 -2
- package/dist/cdn/chunks/MediaEditModal-CzUtXkpk.js.map +1 -0
- package/dist/cdn/chunks/{MediaPanels-DMXRQVqg.js → MediaPanels-DOLsh7WC.js} +2 -2
- package/dist/cdn/chunks/MediaPanels-DOLsh7WC.js.map +1 -0
- package/dist/cdn/chunks/{MergeTagInput-JcBzr77a.js → MergeTagInput-B33u3nxj.js} +2 -2
- package/dist/cdn/chunks/MergeTagInput-B33u3nxj.js.map +1 -0
- package/dist/cdn/chunks/{MergeTagModeToggle-CYmueXS2.js → MergeTagModeToggle-Bz1CH3NT.js} +2 -2
- package/dist/cdn/chunks/MergeTagModeToggle-Bz1CH3NT.js.map +1 -0
- package/dist/cdn/chunks/{ParagraphEditor-DbjFDnYm.js → ParagraphEditor-J74SIn-m.js} +24 -24
- package/dist/cdn/chunks/ParagraphEditor-J74SIn-m.js.map +1 -0
- package/dist/cdn/chunks/{RestoreVersionDialog-pANCWcce.js → RestoreVersionDialog-CFE7jqDB.js} +3 -3
- package/dist/cdn/chunks/RestoreVersionDialog-CFE7jqDB.js.map +1 -0
- package/dist/cdn/chunks/{RichTextEditorContent-BtM1or8A.js → RichTextEditorContent-dOg1xFqv.js} +4 -4
- package/dist/cdn/chunks/RichTextEditorContent-dOg1xFqv.js.map +1 -0
- package/dist/cdn/chunks/{SaveBlockDialog-CGM3mrGj.js → SaveBlockDialog-DZOmDCC8.js} +6 -6
- package/dist/cdn/chunks/SaveBlockDialog-DZOmDCC8.js.map +1 -0
- package/dist/cdn/chunks/{SavedBlocksBrowserModal-C6Z8AvtD.js → SavedBlocksBrowserModal-B43H5zKA.js} +6 -6
- package/dist/cdn/chunks/SavedBlocksBrowserModal-B43H5zKA.js.map +1 -0
- package/dist/cdn/chunks/{SavedBlocksPanels-DNwKmnhp.js → SavedBlocksPanels-uTSb2xO_.js} +2 -2
- package/dist/cdn/chunks/SavedBlocksPanels-uTSb2xO_.js.map +1 -0
- package/dist/cdn/chunks/{SavedBlocksPickBar-D2p1ufB4.js → SavedBlocksPickBar-BUvmGqHK.js} +3 -3
- package/dist/cdn/chunks/SavedBlocksPickBar-BUvmGqHK.js.map +1 -0
- package/dist/cdn/chunks/{TemplateScoringPanel-BDB4RErx.js → TemplateScoringPanel-ebsrVge3.js} +2 -2
- package/dist/cdn/chunks/TemplateScoringPanel-ebsrVge3.js.map +1 -0
- package/dist/cdn/chunks/{TemplateSettings-DVN1t3yF.js → TemplateSettings-BaEVdUTM.js} +4 -4
- package/dist/cdn/chunks/TemplateSettings-BaEVdUTM.js.map +1 -0
- package/dist/cdn/chunks/{TestEmailModal-DZBCmBtT.js → TestEmailModal-ide7UP_H.js} +6 -6
- package/dist/cdn/chunks/TestEmailModal-ide7UP_H.js.map +1 -0
- package/dist/cdn/chunks/{TestEmailPanel-1ibwYCUl.js → TestEmailPanel-Cqdsnufx.js} +2 -2
- package/dist/cdn/chunks/TestEmailPanel-Cqdsnufx.js.map +1 -0
- package/dist/cdn/chunks/{TitleEditor-BRl2qKbd.js → TitleEditor-CoFzxLPA.js} +8 -8
- package/dist/cdn/chunks/TitleEditor-CoFzxLPA.js.map +1 -0
- package/dist/cdn/chunks/{ToggleSwitch-niSL2uog.js → ToggleSwitch-D-8dCEbI.js} +2 -2
- package/dist/cdn/chunks/ToggleSwitch-D-8dCEbI.js.map +1 -0
- package/dist/cdn/chunks/{Toolbar-tTl0P-rr.js → Toolbar-BDzhrmGV.js} +32 -32
- package/dist/cdn/chunks/Toolbar-BDzhrmGV.js.map +1 -0
- package/dist/cdn/chunks/{TplModal-C_eIPykE.js → TplModal-mLMmolQp.js} +2 -2
- package/dist/cdn/chunks/TplModal-mLMmolQp.js.map +1 -0
- package/dist/cdn/chunks/{VersionHistoryMenu-Ww57XAzj.js → VersionHistoryMenu-C_bBKOYU.js} +2 -2
- package/dist/cdn/chunks/VersionHistoryMenu-C_bBKOYU.js.map +1 -0
- package/dist/cdn/chunks/{VersionHistoryPanels-w0EG_qVW.js → VersionHistoryPanels-B9LwOKxm.js} +2 -2
- package/dist/cdn/chunks/VersionHistoryPanels-B9LwOKxm.js.map +1 -0
- package/dist/cdn/chunks/{VersionPreviewBanner-Bbd4C-AN.js → VersionPreviewBanner-CKyrcgxJ.js} +2 -2
- package/dist/cdn/chunks/VersionPreviewBanner-CKyrcgxJ.js.map +1 -0
- package/dist/cdn/chunks/{WrapperBlock-Ch4KeMIb.js → WrapperBlock-DI8vSvTO.js} +2 -2
- package/dist/cdn/chunks/WrapperBlock-DI8vSvTO.js.map +1 -0
- package/dist/cdn/chunks/{blockTypeIcons-CyPXFh7L.js → blockTypeIcons-CdfCfqHE.js} +2 -2
- package/dist/cdn/chunks/blockTypeIcons-CdfCfqHE.js.map +1 -0
- package/dist/cdn/chunks/ca--zGWn9AU.js.map +1 -1
- package/dist/cdn/chunks/ca-BTf1Zbqb.js.map +1 -1
- package/dist/cdn/chunks/cloud-De-eh1u6.js.map +1 -1
- package/dist/cdn/chunks/createCloudRuntime-DsaUaWvr.js.map +1 -1
- package/dist/cdn/chunks/de-BRNLKcDl.js.map +1 -1
- package/dist/cdn/chunks/de-mMY5yQJu.js.map +1 -1
- package/dist/cdn/chunks/de-xzrh9PA3.js.map +1 -1
- 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-BdI0iA5r.js → editor-modal-CZQArGNj.js} +4 -4
- package/dist/cdn/chunks/editor-modal-CZQArGNj.js.map +1 -0
- package/dist/cdn/chunks/emojiData-6m0DBh7O.js.map +1 -1
- package/dist/cdn/chunks/en-9unxBjV8.js +2 -0
- package/dist/cdn/chunks/en-ChVeGQBY.js.map +1 -1
- package/dist/cdn/chunks/en-JJjqHMjy.js.map +1 -1
- package/dist/cdn/chunks/es-BIh8BxV9.js.map +1 -1
- package/dist/cdn/chunks/es-BT4LSpE2.js.map +1 -1
- package/dist/cdn/chunks/{extensions-DK_9-6Bd.js → extensions-Dy251lPd.js} +3 -3
- package/dist/cdn/chunks/extensions-Dy251lPd.js.map +1 -0
- package/dist/cdn/chunks/formatAbsoluteDateTime-DMmop3C-.js.map +1 -1
- package/dist/cdn/chunks/formatRelativeTime-CtUU-QZ8.js.map +1 -1
- package/dist/cdn/chunks/fr-C5VUZogP.js.map +1 -1
- package/dist/cdn/chunks/fr-CI7OJoql.js.map +1 -1
- package/dist/cdn/chunks/htmlparser-ClUZ6waR.js.map +1 -1
- package/dist/cdn/chunks/{icons-Bad3WZ3G.js → icons-CQnjugjy.js} +38 -38
- package/dist/cdn/chunks/icons-CQnjugjy.js.map +1 -0
- package/dist/cdn/chunks/ja-DhlWUfke.js.map +1 -1
- package/dist/cdn/chunks/ja-x5JYxaCW.js.map +1 -1
- package/dist/cdn/chunks/keys-DCWeHkSF.js.map +1 -1
- package/dist/cdn/chunks/liquid.browser-BypTT2oc.js.map +1 -1
- package/dist/cdn/chunks/logger-ByvdoAwq.js.map +1 -1
- package/dist/cdn/chunks/nl-D8y5OWGB.js.map +1 -1
- package/dist/cdn/chunks/nl-UXxFyXV6.js.map +1 -1
- package/dist/cdn/chunks/preRenderCustomBlocks-h4ZFBKbD.js.map +1 -1
- package/dist/cdn/chunks/pt-BR-CoCwRUi0.js.map +1 -1
- package/dist/cdn/chunks/pt-BR-DHm3SP6W.js.map +1 -1
- package/dist/cdn/chunks/pt-BR-DMCbUBvJ.js.map +1 -1
- package/dist/cdn/chunks/pusher-BbIHJKf3.js.map +1 -1
- package/dist/cdn/chunks/readableTextColor-f8Kykfnh.js.map +1 -1
- package/dist/cdn/chunks/socialIcons-ZOCwCCyn.js.map +1 -1
- package/dist/cdn/chunks/src-BR3I3gOW.js.map +1 -1
- package/dist/cdn/chunks/src-fZSLjhjy.js.map +1 -1
- package/dist/cdn/chunks/{src-BxoLKnkl.js → src-nhIF5-mf.js} +3 -3
- package/dist/cdn/chunks/src-nhIF5-mf.js.map +1 -0
- package/dist/cdn/chunks/styleConstants-C_YAPdQS.js.map +1 -1
- package/dist/cdn/chunks/templateSettingsFields-YCFVBVYh.js.map +1 -1
- package/dist/cdn/chunks/timeouts-DHPZQ0G3.js.map +1 -1
- package/dist/cdn/chunks/{tiptap-DhLuKyDc.js → tiptap-D1u8JIUW.js} +1916 -1917
- package/dist/cdn/chunks/tiptap-D1u8JIUW.js.map +1 -0
- package/dist/cdn/chunks/useAliveFlag-DAlQLbM2.js.map +1 -1
- package/dist/cdn/chunks/useCloudI18n-CrjWbpbu.js.map +1 -1
- package/dist/cdn/chunks/{useEditorCore-yd40TFKy.js → useEditorCore-D4kzTMtQ.js} +5 -5
- package/dist/cdn/chunks/useEditorCore-D4kzTMtQ.js.map +1 -0
- package/dist/cdn/chunks/useEditorRoot-CshefZLP.js.map +1 -1
- package/dist/cdn/chunks/useI18n-CyO_Nmca.js.map +1 -1
- package/dist/cdn/chunks/useLogicTag-J_i_hvZg.js.map +1 -1
- package/dist/cdn/chunks/useMergeTag-C5MyHYxJ.js.map +1 -1
- package/dist/cdn/chunks/usePopoverPosition-DGXjXKjM.js.map +1 -1
- package/dist/cdn/chunks/useScrollToBlock-DgHZJvID.js.map +1 -1
- package/dist/cdn/editor.css +1 -1
- package/dist/cdn/editor.js +495 -466
- package/dist/cdn/editor.js.map +1 -1
- package/dist/{check-eqb2JhqU.js → check-BMx_TLAS.js} +1 -1
- package/dist/{chevron-down-Dkr-7Ywl.js → chevron-down-KZf5mh9_.js} +1 -1
- package/dist/{chevron-right-Bge4XF_B.js → chevron-right-BLZ60Vxw.js} +1 -1
- package/dist/{chevron-up-CQAyl0kC.js → chevron-up-B9ynB8eU.js} +1 -1
- package/dist/{circle-alert-CYgTHKWr.js → circle-alert-pjvFFDrF.js} +1 -1
- package/dist/{clock-BgSJZJP5.js → clock-CiiTBfF3.js} +1 -1
- package/dist/{copy-mw6PVnOJ.js → copy-BF0_pQjH.js} +1 -1
- package/dist/{createLucideIcon-BxY5yz5u.js → createLucideIcon-C2YOVVWx.js} +8 -8
- package/dist/{dist-CQSVro7b.js → dist-B0dkvy7z.js} +1 -1
- package/dist/{dist-BJM3eFyT.js → dist-BPWuzECC.js} +1 -1
- package/dist/{dist-EDkj3Ub1.js → dist-BUHovM4k.js} +1 -1
- package/dist/{dist-BmsLcnrO.js → dist-BwoEME8p.js} +1 -1
- package/dist/{dist-DerFNpDY.js → dist-C2Ge44fD.js} +760 -761
- package/dist/{dist-BdHF7nyq.js → dist-CIxmOOSG.js} +5 -5
- package/dist/{dist-wyXxj3R1.js → dist-CJ7RZARo.js} +1 -1
- package/dist/{dist-Bl4rxpX9.js → dist-CxmLZQso.js} +1 -1
- package/dist/{dist-DyrEOKEJ.js → dist-DRmafAUz.js} +1 -1
- package/dist/{dist-Djmzp6wi.js → dist-DdOAotfz.js} +1 -1
- package/dist/{dist-BxVnMgXZ.js → dist-W_ERo6c_.js} +1 -1
- package/dist/{dist-DQbOebGW.js → dist-p-LkiWIQ.js} +1 -1
- package/dist/{editor-modal-qzmEVcIk.js → editor-modal-99FB40dl.js} +16 -16
- package/dist/en-BvOjRLiw.js +2 -0
- package/dist/{extensions-DoT2-_pz.js → extensions-DqQXxrvP.js} +3 -3
- package/dist/{eye-DphkRtAD.js → eye-RdXYgrQZ.js} +1 -1
- package/dist/{image-up-Qi2BXD7T.js → image-up-BwdoReQt.js} +1 -1
- package/dist/{info-VSyAs02q.js → info-zFMSGrL1.js} +1 -1
- package/dist/{link-CNuozGqD.js → link-D7orqFBT.js} +1 -1
- package/dist/{list-BA0I5Wmu.js → list-BGt4Pgxc.js} +1 -1
- package/dist/{loader-circle-z5eeqasv.js → loader-circle-BVBgkRGz.js} +1 -1
- package/dist/{message-circle-BsQ9hEup.js → message-circle-D8YLsarv.js} +1 -1
- package/dist/{package-OkXfuRoO.js → package-CuFvk0L5.js} +1 -1
- package/dist/{pencil-DFVFA7Dj.js → pencil-DRYbmZW7.js} +1 -1
- package/dist/{plus-D8bkVjZ7.js → plus-Dv0b3kh0.js} +1 -1
- package/dist/{refresh-cw-DPB7YFuz.js → refresh-cw-gYTIS5bJ.js} +1 -1
- package/dist/{search-C-dCgqIa.js → search-D84_Ki_a.js} +1 -1
- package/dist/{send-Cm2fy2zm.js → send-Cn-8_H_U.js} +1 -1
- package/dist/{shield-check-COgBYFDF.js → shield-check-BOoVWJtD.js} +1 -1
- package/dist/{smartphone-v0u_MOEV.js → smartphone-4Ej3PBw5.js} +1 -1
- package/dist/{socialIcons-CACVa6m_.js → socialIcons-CzRJskEk.js} +1 -1
- package/dist/{sparkles-Ds0RF8Iu.js → sparkles-D3vnNe7O.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/templatical-editor.js +404 -375
- package/dist/{text-align-start-DiavaIm6.js → text-align-start-Ci2h_Xly.js} +1 -1
- package/dist/{trash-DnOkfu2V.js → trash-wmi4UKvv.js} +1 -1
- package/dist/{triangle-alert-DGLAyXnh.js → triangle-alert-DJ0r2wmQ.js} +1 -1
- package/dist/{upload-BBDme2cy.js → upload-XMde-TXf.js} +1 -1
- package/dist/{useEditorCore-LyNoGs0m.js → useEditorCore-Dhit8Ygg.js} +11 -11
- package/dist/{useScrollToBlock-Dj4v3rxr.js → useScrollToBlock-B4F7KCrf.js} +1 -1
- package/dist/{x-3BHV3Q6K.js → x-BWrtpVl-.js} +1 -1
- package/package.json +10 -10
- package/dist/cdn/chunks/AiChatSidebar-DD17BwXn.js.map +0 -1
- package/dist/cdn/chunks/AiFeatureMenu-Di381OsL.js.map +0 -1
- package/dist/cdn/chunks/BlockIssueBadge-BR_N3nRh.js.map +0 -1
- package/dist/cdn/chunks/BlockPreviewCanvas-BXpcAiiY.js.map +0 -1
- package/dist/cdn/chunks/CloudHeaderExtras-BEM2eWfF.js.map +0 -1
- package/dist/cdn/chunks/CloudPanels-D7nK1-bm.js.map +0 -1
- package/dist/cdn/chunks/CollaboratorBar-D1SUwahw.js.map +0 -1
- package/dist/cdn/chunks/CommentsPanel-qsLMAlJU.js.map +0 -1
- package/dist/cdn/chunks/CommentsSidebar-CTwEE-s_.js.map +0 -1
- package/dist/cdn/chunks/CountdownToolbar-BJTcnIQ-.js.map +0 -1
- package/dist/cdn/chunks/DesignReferenceSidebar-Dl3eEGtS.js.map +0 -1
- package/dist/cdn/chunks/IssuesPanel-L9Gq_T8n.js.map +0 -1
- package/dist/cdn/chunks/LogicTagInsertButton-3pIbVE9p.js.map +0 -1
- package/dist/cdn/chunks/MediaEditModal-rTjYl-fV.js.map +0 -1
- package/dist/cdn/chunks/MediaPanels-DMXRQVqg.js.map +0 -1
- package/dist/cdn/chunks/MergeTagInput-JcBzr77a.js.map +0 -1
- package/dist/cdn/chunks/MergeTagModeToggle-CYmueXS2.js.map +0 -1
- package/dist/cdn/chunks/ParagraphEditor-DbjFDnYm.js.map +0 -1
- package/dist/cdn/chunks/RestoreVersionDialog-pANCWcce.js.map +0 -1
- package/dist/cdn/chunks/RichTextEditorContent-BtM1or8A.js.map +0 -1
- package/dist/cdn/chunks/SaveBlockDialog-CGM3mrGj.js.map +0 -1
- package/dist/cdn/chunks/SavedBlocksBrowserModal-C6Z8AvtD.js.map +0 -1
- package/dist/cdn/chunks/SavedBlocksPanels-DNwKmnhp.js.map +0 -1
- package/dist/cdn/chunks/SavedBlocksPickBar-D2p1ufB4.js.map +0 -1
- package/dist/cdn/chunks/TemplateScoringPanel-BDB4RErx.js.map +0 -1
- package/dist/cdn/chunks/TemplateSettings-DVN1t3yF.js.map +0 -1
- package/dist/cdn/chunks/TestEmailModal-DZBCmBtT.js.map +0 -1
- package/dist/cdn/chunks/TestEmailPanel-1ibwYCUl.js.map +0 -1
- package/dist/cdn/chunks/TitleEditor-BRl2qKbd.js.map +0 -1
- package/dist/cdn/chunks/ToggleSwitch-niSL2uog.js.map +0 -1
- package/dist/cdn/chunks/Toolbar-tTl0P-rr.js.map +0 -1
- package/dist/cdn/chunks/TplModal-C_eIPykE.js.map +0 -1
- package/dist/cdn/chunks/VersionHistoryMenu-Ww57XAzj.js.map +0 -1
- package/dist/cdn/chunks/VersionHistoryPanels-w0EG_qVW.js.map +0 -1
- package/dist/cdn/chunks/VersionPreviewBanner-Bbd4C-AN.js.map +0 -1
- package/dist/cdn/chunks/WrapperBlock-Ch4KeMIb.js.map +0 -1
- package/dist/cdn/chunks/blockTypeIcons-CyPXFh7L.js.map +0 -1
- package/dist/cdn/chunks/editor-modal-BdI0iA5r.js.map +0 -1
- package/dist/cdn/chunks/en-Cs-nw16K.js +0 -2
- package/dist/cdn/chunks/extensions-DK_9-6Bd.js.map +0 -1
- package/dist/cdn/chunks/icons-Bad3WZ3G.js.map +0 -1
- package/dist/cdn/chunks/src-BxoLKnkl.js.map +0 -1
- package/dist/cdn/chunks/tiptap-DhLuKyDc.js.map +0 -1
- package/dist/cdn/chunks/useEditorCore-yd40TFKy.js.map +0 -1
- package/dist/en-1tgLzB8q.js +0 -2
package/dist/cdn/editor.js
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
import { B as e, E as t, F as n, H as r, I as i, M as a, N as o, P as s, Q as c, R as l, S as u, U as d, Y as f, _ as p, at as m, b as h, c as g, ct as _, f as v, g as y, h as b, j as x, k as S, l as C, lt as w, m as T, n as E, o as D, p as O, r as k, s as A, t as j, u as M, ut as N, w as P, x as F, y as I } from "./chunks/draggable-IB4x6w2O.js";
|
|
2
|
-
import { A as L, C as R, D as z, E as B, F as V, G as
|
|
3
|
-
import { c as
|
|
4
|
-
import { _ as
|
|
5
|
-
import { a as
|
|
6
|
-
import { A as
|
|
7
|
-
import { $ as
|
|
8
|
-
import { t as
|
|
9
|
-
import { t as
|
|
10
|
-
import { t as
|
|
11
|
-
import { $ as
|
|
12
|
-
import { t as
|
|
13
|
-
import { t as
|
|
14
|
-
import { C as
|
|
15
|
-
import { n as
|
|
16
|
-
import { t as
|
|
17
|
-
import { t as
|
|
18
|
-
import { t as
|
|
19
|
-
import { n as
|
|
20
|
-
import { t as
|
|
21
|
-
import { t as
|
|
22
|
-
import { t as
|
|
23
|
-
import { t as
|
|
2
|
+
import { A as L, C as R, D as z, E as B, F as V, G as ee, K as H, L as U, S as W, T as G, U as K, a as q, b as J, d as Y, h as X, i as te, it as Z, o as ne, r as re, ut as ie, w as ae, x as oe } from "./chunks/src-BR3I3gOW.js";
|
|
3
|
+
import { c as se, d as ce, f as le, l as ue, p as de, s as fe, u as pe, x as me } from "./chunks/socialIcons-ZOCwCCyn.js";
|
|
4
|
+
import { _ as he, d as ge, g as _e } from "./chunks/dist-BRZhN8qJ.js";
|
|
5
|
+
import { a as ve } from "./chunks/dist-CXB2_kBa.js";
|
|
6
|
+
import { A as ye, D as be, E as xe, M as Se, N as Ce, O as we, S as Te, a as Ee, c as De, d as Oe, f as ke, h as Ae, i as je, j as Me, k as Ne, l as Pe, m as Fe, n as Ie, o as Le, p as Re, r as ze, s as Be, t as Ve, u as He, v as Ue, w as We, x as Ge } from "./chunks/useEditorCore-D4kzTMtQ.js";
|
|
7
|
+
import { $ as Ke, A as qe, E as Je, J as Ye, K as Xe, M as Ze, N as Qe, P as $e, Q as et, U as tt, V as nt, X as rt, Z as it, f as at, g as ot, l as st, m as ct, o as lt, p as ut, q as dt, r as ft, s as pt, z as mt } from "./chunks/keys-DCWeHkSF.js";
|
|
8
|
+
import { t as Q } from "./chunks/useI18n-CyO_Nmca.js";
|
|
9
|
+
import { t as ht } from "./chunks/logger-ByvdoAwq.js";
|
|
10
|
+
import { t as gt } from "./chunks/templateSettingsFields-YCFVBVYh.js";
|
|
11
|
+
import { $ as _t, D as vt, E as yt, Et as bt, I as xt, J as St, L as Ct, Lt as wt, M as Tt, N as Et, Nt as Dt, P as Ot, Rt as kt, Tt as At, X as jt, at as Mt, ct as Nt, et as Pt, mt as Ft, n as It, nt as Lt, ut as Rt, x as zt } from "./chunks/icons-CQnjugjy.js";
|
|
12
|
+
import { t as Bt } from "./chunks/_plugin-vue_export-helper-B3ysoDQm.js";
|
|
13
|
+
import { t as Vt } from "./chunks/useCloudI18n-CrjWbpbu.js";
|
|
14
|
+
import { C as Ht, S as Ut, p as Wt, y as Gt } from "./chunks/styleConstants-C_YAPdQS.js";
|
|
15
|
+
import { n as Kt, r as qt, t as Jt } from "./chunks/WrapperBlock-DI8vSvTO.js";
|
|
16
|
+
import { t as Yt } from "./chunks/readableTextColor-f8Kykfnh.js";
|
|
17
|
+
import { t as Xt } from "./chunks/blockTypeIcons-CdfCfqHE.js";
|
|
18
|
+
import { t as Zt } from "./chunks/useScrollToBlock-DgHZJvID.js";
|
|
19
|
+
import { n as Qt, t as $t } from "./chunks/MergeTagModeToggle-Bz1CH3NT.js";
|
|
20
|
+
import { t as en } from "./chunks/formatAbsoluteDateTime-DMmop3C-.js";
|
|
21
|
+
import { t as tn } from "./chunks/formatRelativeTime-CtUU-QZ8.js";
|
|
22
|
+
import { t as nn } from "./chunks/TplModal-mLMmolQp.js";
|
|
23
|
+
import { t as rn } from "./chunks/preRenderCustomBlocks-h4ZFBKbD.js";
|
|
24
24
|
//#region src/utils/resolveTemplateDefaults.ts
|
|
25
|
-
var
|
|
26
|
-
function
|
|
27
|
-
let t = e.locale?.trim().replace(/_/g, "-"), n = t &&
|
|
25
|
+
var an = /^[a-z]{2,3}(-[a-z0-9]{2,8})*$/i;
|
|
26
|
+
function on(e) {
|
|
27
|
+
let t = e.locale?.trim().replace(/_/g, "-"), n = t && an.test(t) ? { locale: t } : void 0;
|
|
28
28
|
if (n || e.templateDefaults) return {
|
|
29
29
|
...n,
|
|
30
30
|
...e.templateDefaults
|
|
@@ -32,14 +32,14 @@ function sn(e) {
|
|
|
32
32
|
}
|
|
33
33
|
//#endregion
|
|
34
34
|
//#region src/composables/useCommentsFeature.ts
|
|
35
|
-
function
|
|
36
|
-
let { provider: n, editor: r } = t, i =
|
|
35
|
+
function sn(t) {
|
|
36
|
+
let { provider: n, editor: r } = t, i = ue({
|
|
37
37
|
provider: n,
|
|
38
38
|
getTemplateId: () => r.state.template?.id ?? null,
|
|
39
39
|
getUser: () => t.user ?? null,
|
|
40
40
|
onError: t.onError
|
|
41
41
|
});
|
|
42
|
-
|
|
42
|
+
se({
|
|
43
43
|
comments: i,
|
|
44
44
|
provider: n,
|
|
45
45
|
getTemplateId: () => r.state.template?.id ?? null
|
|
@@ -92,16 +92,16 @@ function cn(t) {
|
|
|
92
92
|
}
|
|
93
93
|
//#endregion
|
|
94
94
|
//#region src/composables/useMediaFeature.ts
|
|
95
|
-
function
|
|
95
|
+
function cn(e) {
|
|
96
96
|
return e instanceof Error ? e : Error(String(e));
|
|
97
97
|
}
|
|
98
|
-
function
|
|
98
|
+
function ln(e, t, n) {
|
|
99
99
|
let r = e.maxFileSize ?? Infinity;
|
|
100
100
|
if (t.size > r) return /* @__PURE__ */ Error(`Image is too large (${t.size} bytes). Maximum allowed is ${r} bytes.`);
|
|
101
101
|
let i = e.mimeTypes;
|
|
102
102
|
return !i || (n && n.length > 0 ? n : Object.keys(i)).some((e) => i[e]?.includes(t.type) ?? !1) ? null : /* @__PURE__ */ Error(`Unsupported image type: ${t.type || "unknown"}.`);
|
|
103
103
|
}
|
|
104
|
-
function
|
|
104
|
+
function un(e) {
|
|
105
105
|
let { provider: t, onRequestMedia: n, getTemplateId: r, onError: i } = e, a = c(!1), o = c(void 0), s = v(() => r?.()), l = v(() => !!n || typeof t?.create == "function"), u = null;
|
|
106
106
|
function d(e) {
|
|
107
107
|
a.value = !1, u?.(e), u = null;
|
|
@@ -123,7 +123,7 @@ function dn(e) {
|
|
|
123
123
|
if (!t) return null;
|
|
124
124
|
if (e?.files?.length) {
|
|
125
125
|
if (typeof t.create != "function") return null;
|
|
126
|
-
let n = e.files[0], a =
|
|
126
|
+
let n = e.files[0], a = ln(t, n, e.accept);
|
|
127
127
|
if (a) return i?.(a), null;
|
|
128
128
|
let o = r?.();
|
|
129
129
|
try {
|
|
@@ -134,14 +134,14 @@ function dn(e) {
|
|
|
134
134
|
try {
|
|
135
135
|
t.onCreated?.(e);
|
|
136
136
|
} catch (e) {
|
|
137
|
-
i?.(
|
|
137
|
+
i?.(cn(e));
|
|
138
138
|
}
|
|
139
139
|
return {
|
|
140
140
|
url: e.url,
|
|
141
141
|
alt: e.alt
|
|
142
142
|
};
|
|
143
143
|
} catch (e) {
|
|
144
|
-
return i?.(
|
|
144
|
+
return i?.(cn(e)), null;
|
|
145
145
|
}
|
|
146
146
|
}
|
|
147
147
|
return u &&= (u(null), null), o.value = e?.accept, a.value = !0, new Promise((e) => {
|
|
@@ -159,8 +159,8 @@ function dn(e) {
|
|
|
159
159
|
}
|
|
160
160
|
//#endregion
|
|
161
161
|
//#region src/composables/useSavedBlocksFeature.ts
|
|
162
|
-
function
|
|
163
|
-
let { provider: n, editor: r } = t, i =
|
|
162
|
+
function dn(t) {
|
|
163
|
+
let { provider: n, editor: r } = t, i = de({
|
|
164
164
|
provider: n,
|
|
165
165
|
onError: t.onError
|
|
166
166
|
}), a = c(!1), o = c(!1), l = c(!1), u = c(/* @__PURE__ */ new Set()), d = v(() => l.value), f = v(() => u.value.size);
|
|
@@ -204,7 +204,7 @@ function fn(t) {
|
|
|
204
204
|
i.load().catch(() => {});
|
|
205
205
|
}
|
|
206
206
|
let w = v(() => i.savedBlocks.value.length), T = v(() => t.isAvailable?.() ?? !0);
|
|
207
|
-
return s(
|
|
207
|
+
return s(tt, i), {
|
|
208
208
|
headless: i,
|
|
209
209
|
isPicking: d,
|
|
210
210
|
pickedIds: u,
|
|
@@ -241,11 +241,11 @@ function fn(t) {
|
|
|
241
241
|
}
|
|
242
242
|
//#endregion
|
|
243
243
|
//#region src/composables/useTemplatesFeature.ts
|
|
244
|
-
var
|
|
245
|
-
function
|
|
246
|
-
let { provider: t, editor: n } = e, r = c("idle"), i = c(""), { start: a, stop: o } =
|
|
244
|
+
var fn = 3e3;
|
|
245
|
+
function pn(e) {
|
|
246
|
+
let { provider: t, editor: n } = e, r = c("idle"), i = c(""), { start: a, stop: o } = he(() => {
|
|
247
247
|
r.value = "idle";
|
|
248
|
-
},
|
|
248
|
+
}, fn, { immediate: !1 }), s = v(() => typeof t.create == "function"), l = v(() => typeof t.save == "function"), u = v(() => e.isAvailable?.() ?? !0), d = v(() => n.state.template?.name), f = v(() => {
|
|
249
249
|
let e = n.state.template;
|
|
250
250
|
return e?.updatedAt ? {
|
|
251
251
|
iso: e.updatedAt,
|
|
@@ -317,7 +317,7 @@ function mn(e) {
|
|
|
317
317
|
let t = e.trim();
|
|
318
318
|
t && t !== n.state.template?.name && (n.setName(t), w("rename"));
|
|
319
319
|
}
|
|
320
|
-
return e.guardUnsavedChanges !== !1 &&
|
|
320
|
+
return e.guardUnsavedChanges !== !1 && ve(window, "beforeunload", (e) => {
|
|
321
321
|
n.state.isDirty && (e.preventDefault(), e.returnValue = "");
|
|
322
322
|
}), {
|
|
323
323
|
save: _,
|
|
@@ -352,15 +352,15 @@ function mn(e) {
|
|
|
352
352
|
}
|
|
353
353
|
//#endregion
|
|
354
354
|
//#region src/utils/toMjml.ts
|
|
355
|
-
async function
|
|
355
|
+
async function mn() {
|
|
356
356
|
try {
|
|
357
|
-
return await import("./chunks/src-
|
|
357
|
+
return await import("./chunks/src-nhIF5-mf.js");
|
|
358
358
|
} catch {
|
|
359
359
|
return null;
|
|
360
360
|
}
|
|
361
361
|
}
|
|
362
|
-
async function
|
|
363
|
-
let t = await
|
|
362
|
+
async function hn(e) {
|
|
363
|
+
let t = await mn();
|
|
364
364
|
if (!t) throw Error("[Templatical] toMjml() requires the @templatical/renderer package. Please install it.");
|
|
365
365
|
let n = e.getCustomBlockStylesheet, r = e.getFonts?.(), i = e.getLayout?.();
|
|
366
366
|
return t.renderToMjml(e.getContent(), {
|
|
@@ -376,11 +376,11 @@ async function gn(e) {
|
|
|
376
376
|
}
|
|
377
377
|
//#endregion
|
|
378
378
|
//#region src/composables/useTestEmailFeature.ts
|
|
379
|
-
var
|
|
380
|
-
function
|
|
379
|
+
var gn = 1200;
|
|
380
|
+
function _n(e) {
|
|
381
381
|
return e instanceof Error ? e : Error(String(e));
|
|
382
382
|
}
|
|
383
|
-
function
|
|
383
|
+
function vn(e) {
|
|
384
384
|
let { provider: t } = e, n = c(!1), r = c(!1), i = c(!1), a = c(null), o = null, s = !1;
|
|
385
385
|
function l() {
|
|
386
386
|
o !== null && (clearTimeout(o), o = null);
|
|
@@ -402,8 +402,8 @@ function yn(e) {
|
|
|
402
402
|
if (t.includeMjml && e.renderMjml) try {
|
|
403
403
|
return await e.renderMjml();
|
|
404
404
|
} catch (t) {
|
|
405
|
-
if ((e.usesLocalRenderer?.() ?? !0) && await
|
|
406
|
-
s || (s = !0,
|
|
405
|
+
if ((e.usesLocalRenderer?.() ?? !0) && await mn() === null) {
|
|
406
|
+
s || (s = !0, ht.warn("testEmail.includeMjml is set but @templatical/renderer is not installed — sending the template as JSON only. Install it to receive `payload.mjml`."));
|
|
407
407
|
return;
|
|
408
408
|
}
|
|
409
409
|
throw t;
|
|
@@ -413,7 +413,7 @@ function yn(e) {
|
|
|
413
413
|
try {
|
|
414
414
|
t.onSent?.(n);
|
|
415
415
|
} catch (t) {
|
|
416
|
-
e.onError?.(
|
|
416
|
+
e.onError?.(_n(t));
|
|
417
417
|
}
|
|
418
418
|
}
|
|
419
419
|
async function y(n) {
|
|
@@ -431,9 +431,9 @@ function yn(e) {
|
|
|
431
431
|
...r === void 0 ? {} : { mjml: r },
|
|
432
432
|
...s === void 0 ? {} : { allowedRecipients: s }
|
|
433
433
|
};
|
|
434
|
-
await t.send(a), i.value = !0, o = setTimeout(h,
|
|
434
|
+
await t.send(a), i.value = !0, o = setTimeout(h, gn), _(a);
|
|
435
435
|
} catch (t) {
|
|
436
|
-
let n =
|
|
436
|
+
let n = _n(t);
|
|
437
437
|
a.value = {
|
|
438
438
|
kind: "provider",
|
|
439
439
|
message: n.message
|
|
@@ -461,8 +461,8 @@ function yn(e) {
|
|
|
461
461
|
}
|
|
462
462
|
//#endregion
|
|
463
463
|
//#region src/composables/useVersionHistoryFeature.ts
|
|
464
|
-
function
|
|
465
|
-
let { provider: t, editor: n, history: r, conditionPreview: i, autoSave: a } = e, o =
|
|
464
|
+
function yn(e) {
|
|
465
|
+
let { provider: t, editor: n, history: r, conditionPreview: i, autoSave: a } = e, o = pe({
|
|
466
466
|
provider: t,
|
|
467
467
|
getTemplateId: () => n.state.template?.id ?? null,
|
|
468
468
|
onError: e.onError
|
|
@@ -488,7 +488,7 @@ function bn(e) {
|
|
|
488
488
|
return;
|
|
489
489
|
}
|
|
490
490
|
let t = await o.resolveContent(e);
|
|
491
|
-
p || (l.value =
|
|
491
|
+
p || (l.value = G(n.content.value), a?.pause(), s.value = e, n.setContent(t, !1));
|
|
492
492
|
}
|
|
493
493
|
async function D() {
|
|
494
494
|
if (s.value) {
|
|
@@ -572,12 +572,12 @@ function bn(e) {
|
|
|
572
572
|
}
|
|
573
573
|
//#endregion
|
|
574
574
|
//#region src/types/auto-save.ts
|
|
575
|
-
function
|
|
575
|
+
function bn(e, t) {
|
|
576
576
|
return e ?? t;
|
|
577
577
|
}
|
|
578
578
|
//#endregion
|
|
579
579
|
//#region src/utils/resolveLintOptions.ts
|
|
580
|
-
function
|
|
580
|
+
function xn(e) {
|
|
581
581
|
return {
|
|
582
582
|
...e.lint,
|
|
583
583
|
locale: e.locale
|
|
@@ -585,13 +585,13 @@ function Sn(e) {
|
|
|
585
585
|
}
|
|
586
586
|
//#endregion
|
|
587
587
|
//#region src/utils/normalizeMergeTagMarkup.ts
|
|
588
|
-
function
|
|
588
|
+
function Sn(e) {
|
|
589
589
|
let t = e.flags.includes("g") ? e.flags : `${e.flags}g`;
|
|
590
590
|
return new RegExp(e.source, t);
|
|
591
591
|
}
|
|
592
|
-
function
|
|
592
|
+
function Cn(e, t, n) {
|
|
593
593
|
let r = [], i = (t, n, i) => {
|
|
594
|
-
let a =
|
|
594
|
+
let a = Sn(t), o = a.exec(e);
|
|
595
595
|
for (; o !== null;) {
|
|
596
596
|
let t = o.index, s = t + o[0].length;
|
|
597
597
|
o[0].length === 0 ? a.lastIndex++ : r.some((e) => t < e.end && s > e.start) || r.push({
|
|
@@ -603,9 +603,9 @@ function wn(e, t, n) {
|
|
|
603
603
|
}), o = a.exec(e);
|
|
604
604
|
}
|
|
605
605
|
};
|
|
606
|
-
return i(n.logic, "data-logic-merge-tag", (e) =>
|
|
606
|
+
return i(n.logic, "data-logic-merge-tag", (e) => q(e, n)), i(n.value, "data-merge-tag", (e) => ne(e, t)), r.sort((e, t) => e.start - t.start);
|
|
607
607
|
}
|
|
608
|
-
function
|
|
608
|
+
function wn(e) {
|
|
609
609
|
let t = e.createTreeWalker(e.body, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT, { acceptNode(e) {
|
|
610
610
|
if (e.nodeType !== 1) return NodeFilter.FILTER_ACCEPT;
|
|
611
611
|
let t = e;
|
|
@@ -614,11 +614,11 @@ function Tn(e) {
|
|
|
614
614
|
for (; r !== null;) n.push(r), r = t.nextNode();
|
|
615
615
|
return n;
|
|
616
616
|
}
|
|
617
|
-
function
|
|
618
|
-
if (!e || !
|
|
617
|
+
function Tn(e, t, n) {
|
|
618
|
+
if (!e || !te(e, n) || typeof DOMParser > "u") return e;
|
|
619
619
|
let r = new DOMParser().parseFromString(`<!doctype html><body>${e}</body>`, "text/html"), i = 0;
|
|
620
|
-
for (let e of
|
|
621
|
-
let a = e.data, o =
|
|
620
|
+
for (let e of wn(r)) {
|
|
621
|
+
let a = e.data, o = Cn(a, t, n);
|
|
622
622
|
if (o.length === 0) continue;
|
|
623
623
|
let s = r.createDocumentFragment(), c = 0;
|
|
624
624
|
for (let e of o) {
|
|
@@ -630,13 +630,13 @@ function En(e, t, n) {
|
|
|
630
630
|
}
|
|
631
631
|
return i === 0 ? e : r.body.innerHTML;
|
|
632
632
|
}
|
|
633
|
-
function
|
|
633
|
+
function En(e, t, n) {
|
|
634
634
|
if (e.type === "section") {
|
|
635
635
|
if (!Array.isArray(e.children)) return e;
|
|
636
636
|
let r = !1, i = e.children.map((e) => {
|
|
637
637
|
if (!Array.isArray(e)) return e;
|
|
638
638
|
let i = !1, a = e.map((e) => {
|
|
639
|
-
let r =
|
|
639
|
+
let r = En(e, t, n);
|
|
640
640
|
return r !== e && (i = !0), r;
|
|
641
641
|
});
|
|
642
642
|
return i ? (r = !0, a) : e;
|
|
@@ -649,7 +649,7 @@ function Dn(e, t, n) {
|
|
|
649
649
|
if (e.type === "wrapper") {
|
|
650
650
|
if (!Array.isArray(e.children)) return e;
|
|
651
651
|
let r = !1, i = e.children.map((e) => {
|
|
652
|
-
let i =
|
|
652
|
+
let i = En(e, t, n);
|
|
653
653
|
return i !== e && (r = !0), i;
|
|
654
654
|
});
|
|
655
655
|
return r ? {
|
|
@@ -658,16 +658,16 @@ function Dn(e, t, n) {
|
|
|
658
658
|
} : e;
|
|
659
659
|
}
|
|
660
660
|
if (e.type !== "title" && e.type !== "paragraph" || typeof e.content != "string") return e;
|
|
661
|
-
let r =
|
|
661
|
+
let r = Tn(e.content, t, n);
|
|
662
662
|
return r === e.content ? e : {
|
|
663
663
|
...e,
|
|
664
664
|
content: r
|
|
665
665
|
};
|
|
666
666
|
}
|
|
667
|
-
function
|
|
667
|
+
function Dn(e, t, n) {
|
|
668
668
|
if (!e || !Array.isArray(e.blocks)) return e;
|
|
669
669
|
let r = !1, i = e.blocks.map((e) => {
|
|
670
|
-
let i =
|
|
670
|
+
let i = En(e, t, n);
|
|
671
671
|
return i !== e && (r = !0), i;
|
|
672
672
|
});
|
|
673
673
|
return r ? {
|
|
@@ -675,10 +675,10 @@ function On(e, t, n) {
|
|
|
675
675
|
blocks: i
|
|
676
676
|
} : e;
|
|
677
677
|
}
|
|
678
|
-
function
|
|
679
|
-
return
|
|
678
|
+
function On(e, t) {
|
|
679
|
+
return Dn(e, t?.tags ?? [], X(t?.syntax));
|
|
680
680
|
}
|
|
681
|
-
function
|
|
681
|
+
function kn(e, t) {
|
|
682
682
|
return {
|
|
683
683
|
get state() {
|
|
684
684
|
return e.state;
|
|
@@ -686,14 +686,14 @@ function An(e, t) {
|
|
|
686
686
|
get content() {
|
|
687
687
|
return e.content;
|
|
688
688
|
},
|
|
689
|
-
setContent: (n, r) => e.setContent(
|
|
689
|
+
setContent: (n, r) => e.setContent(On(n, t), r)
|
|
690
690
|
};
|
|
691
691
|
}
|
|
692
|
-
function
|
|
692
|
+
function An(e, t) {
|
|
693
693
|
return {
|
|
694
694
|
...e,
|
|
695
695
|
async load(n) {
|
|
696
|
-
let r = await e.load(n), i =
|
|
696
|
+
let r = await e.load(n), i = On(r.content, t);
|
|
697
697
|
return i === r.content ? r : {
|
|
698
698
|
...r,
|
|
699
699
|
content: i
|
|
@@ -703,30 +703,30 @@ function jn(e, t) {
|
|
|
703
703
|
}
|
|
704
704
|
//#endregion
|
|
705
705
|
//#region src/components/Canvas.vue?vue&type=script&setup=true&lang.ts
|
|
706
|
-
var
|
|
706
|
+
var jn = ["aria-label"], Mn = ["lang", "dir"], Nn = {
|
|
707
707
|
key: 0,
|
|
708
708
|
role: "status",
|
|
709
709
|
"aria-busy": "true",
|
|
710
710
|
"data-testid": "preview-resolution-loading",
|
|
711
711
|
class: "tpl:flex tpl:flex-col tpl:gap-3 tpl:p-6"
|
|
712
|
-
},
|
|
712
|
+
}, Pn = { class: "tpl:sr-only" }, Fn = {
|
|
713
713
|
key: 1,
|
|
714
714
|
role: "status",
|
|
715
715
|
"data-testid": "preview-resolution-failed",
|
|
716
716
|
class: "tpl:mx-6 tpl:mt-4 tpl:rounded-md tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg-hover)]"
|
|
717
|
-
},
|
|
717
|
+
}, In = {
|
|
718
718
|
key: 0,
|
|
719
719
|
class: "tpl-canvas-empty-content tpl:flex tpl:flex-col tpl:items-center"
|
|
720
|
-
},
|
|
720
|
+
}, Ln = { class: "tpl-canvas-empty-icon tpl:mb-4 tpl:text-[var(--tpl-primary)]" }, Rn = { class: "tpl-canvas-empty-title tpl:m-0 tpl:mb-2 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-primary)]" }, zn = { class: "tpl-canvas-empty-text tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-dim)]" }, Bn = {
|
|
721
721
|
key: 0,
|
|
722
722
|
class: "tpl:m-0 tpl:mt-2 tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-center tpl:gap-x-1 tpl:gap-y-0.5 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
|
|
723
|
-
},
|
|
723
|
+
}, Vn = {
|
|
724
724
|
key: 1,
|
|
725
725
|
class: "tpl:m-0 tpl:mt-4 tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-center tpl:gap-x-1 tpl:gap-y-0.5 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
|
|
726
|
-
},
|
|
726
|
+
}, Hn = { class: "tpl:relative" }, Un = {
|
|
727
727
|
class: "tpl:inline-flex tpl:size-3 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[10px] tpl:font-bold",
|
|
728
728
|
style: { "background-color": "color-mix(\n in srgb,\n var(--tpl-bg) 30%,\n transparent\n )" }
|
|
729
|
-
},
|
|
729
|
+
}, Wn = /*#__PURE__*/ Bt(/* @__PURE__ */ u({
|
|
730
730
|
__name: "Canvas",
|
|
731
731
|
props: {
|
|
732
732
|
viewport: {},
|
|
@@ -743,23 +743,23 @@ var Mn = ["aria-label"], Nn = ["lang", "dir"], Pn = {
|
|
|
743
743
|
],
|
|
744
744
|
setup(e, { emit: i }) {
|
|
745
745
|
let a = {
|
|
746
|
-
section:
|
|
747
|
-
title:
|
|
748
|
-
paragraph:
|
|
749
|
-
image:
|
|
750
|
-
button:
|
|
751
|
-
divider:
|
|
752
|
-
spacer:
|
|
753
|
-
html:
|
|
754
|
-
social:
|
|
755
|
-
menu:
|
|
756
|
-
table:
|
|
757
|
-
video:
|
|
758
|
-
custom:
|
|
759
|
-
wrapper:
|
|
760
|
-
}, u = e, f = i, { t: p } =
|
|
761
|
-
s(
|
|
762
|
-
let P = v(() => (E.plan?.hasFeature("aiGeneration") ?? !1) && (E.ai?.isFeatureEnabled("chat") ?? !1)), F = v(() => (E.plan?.hasFeature("aiGeneration") ?? !1) && (E.ai?.isFeatureEnabled("designToTemplate") ?? !1)), L = t(
|
|
746
|
+
section: Le,
|
|
747
|
+
title: Be,
|
|
748
|
+
paragraph: Pe,
|
|
749
|
+
image: Oe,
|
|
750
|
+
button: Te,
|
|
751
|
+
divider: Re,
|
|
752
|
+
spacer: je,
|
|
753
|
+
html: ke,
|
|
754
|
+
social: Ee,
|
|
755
|
+
menu: He,
|
|
756
|
+
table: ze,
|
|
757
|
+
video: Ie,
|
|
758
|
+
custom: Fe,
|
|
759
|
+
wrapper: Jt
|
|
760
|
+
}, u = e, f = i, { t: p } = Q(), { t: g } = Vt(), x = Ke(ot, "Canvas"), S = t(at, null), C = t(pt, null), E = t(st, {}), D = t(Ze, null), k = t(nt, null);
|
|
761
|
+
s(et, v(() => u.previewMode && (D?.value ?? !1) && !k?.isConfigured));
|
|
762
|
+
let P = v(() => (E.plan?.hasFeature("aiGeneration") ?? !1) && (E.ai?.isFeatureEnabled("chat") ?? !1)), F = v(() => (E.plan?.hasFeature("aiGeneration") ?? !1) && (E.ai?.isFeatureEnabled("designToTemplate") ?? !1)), L = t(ft, null), R = v({
|
|
763
763
|
get: () => u.content.blocks,
|
|
764
764
|
set: (e) => {
|
|
765
765
|
x.setContent({
|
|
@@ -767,27 +767,27 @@ var Mn = ["aria-label"], Nn = ["lang", "dir"], Pn = {
|
|
|
767
767
|
blocks: e
|
|
768
768
|
});
|
|
769
769
|
}
|
|
770
|
-
}), z = v(() =>
|
|
770
|
+
}), z = v(() => qt(u.content.settings, u.viewport)), B = v(() => z.value + 192), V = v(() => We(u.content.settings)), H = v(() => u.content.settings?.locale?.trim() || void 0), U = v(() => ee(u.content.settings)), W = v(() => R.value.length === 0 && !u.previewMode), G = c(0), K = v(() => W.value && G.value > 0);
|
|
771
|
+
function q() {
|
|
772
|
+
W.value && (G.value += 1);
|
|
773
|
+
}
|
|
771
774
|
function J() {
|
|
772
|
-
|
|
775
|
+
W.value && (G.value = Math.max(0, G.value - 1));
|
|
773
776
|
}
|
|
774
777
|
function Y() {
|
|
775
|
-
G.value
|
|
778
|
+
G.value = 0;
|
|
776
779
|
}
|
|
777
|
-
function
|
|
778
|
-
K.value = 0;
|
|
779
|
-
}
|
|
780
|
-
function te(e) {
|
|
780
|
+
function X(e) {
|
|
781
781
|
u.previewMode || E.savedBlocks?.isPicking.value || e.target === e.currentTarget && f("select-block", null);
|
|
782
782
|
}
|
|
783
|
-
function
|
|
784
|
-
return
|
|
783
|
+
function te(e) {
|
|
784
|
+
return xe(e, C, a);
|
|
785
785
|
}
|
|
786
|
-
function
|
|
786
|
+
function Z(e) {
|
|
787
787
|
return u.lockedBlocks?.get(e) ?? null;
|
|
788
788
|
}
|
|
789
|
-
function
|
|
790
|
-
if (u.previewMode ||
|
|
789
|
+
function ne(e) {
|
|
790
|
+
if (u.previewMode || Z(e)) return;
|
|
791
791
|
let t = E.savedBlocks;
|
|
792
792
|
if (t?.isPicking.value) {
|
|
793
793
|
t.togglePick(e);
|
|
@@ -795,22 +795,24 @@ var Mn = ["aria-label"], Nn = ["lang", "dir"], Pn = {
|
|
|
795
795
|
}
|
|
796
796
|
f("select-block", e);
|
|
797
797
|
}
|
|
798
|
-
function
|
|
798
|
+
function re(e) {
|
|
799
799
|
return E.savedBlocks?.isPicked(e) ?? !1;
|
|
800
800
|
}
|
|
801
|
-
let
|
|
802
|
-
function
|
|
801
|
+
let ie = v(() => E.savedBlocks?.isPicking.value === !0);
|
|
802
|
+
function ae(e, t) {
|
|
803
803
|
e.type === "custom" && x.updateBlock(e.id, {
|
|
804
804
|
fieldValues: t.fieldValues,
|
|
805
805
|
dataSourceFetched: t.dataSourceFetched
|
|
806
806
|
});
|
|
807
807
|
}
|
|
808
808
|
return (t, i) => (o(), y("div", {
|
|
809
|
-
class: "tpl-canvas-stage tpl:relative tpl:flex tpl:justify-center tpl:rounded-lg",
|
|
809
|
+
class: "tpl-canvas-stage tpl:relative tpl:mx-auto tpl:flex tpl:justify-center tpl:rounded-lg",
|
|
810
810
|
style: w({
|
|
811
811
|
width: `${B.value}px`,
|
|
812
|
+
maxWidth: "calc(100% - 4 * var(--tpl-base-size))",
|
|
813
|
+
minWidth: "min-content",
|
|
812
814
|
boxShadow: e.darkMode ? "none" : "var(--tpl-shadow-xl)",
|
|
813
|
-
transition: m(
|
|
815
|
+
transition: m(Kt)
|
|
814
816
|
})
|
|
815
817
|
}, [O("div", {
|
|
816
818
|
class: "tpl-canvas-bg tpl:absolute tpl:inset-0 tpl:rounded-lg tpl:pointer-events-none",
|
|
@@ -826,22 +828,22 @@ var Mn = ["aria-label"], Nn = ["lang", "dir"], Pn = {
|
|
|
826
828
|
class: "tpl-canvas-wrapper tpl:relative",
|
|
827
829
|
style: w({
|
|
828
830
|
width: `${z.value}px`,
|
|
829
|
-
transition: m(
|
|
831
|
+
transition: m(Kt)
|
|
830
832
|
})
|
|
831
833
|
}, [O("div", {
|
|
832
834
|
class: _(["tpl-canvas tpl:relative tpl:rounded-lg", {
|
|
833
835
|
"tpl-canvas--dark-mode": e.darkMode,
|
|
834
836
|
"tpl-preview-mode": e.previewMode
|
|
835
837
|
}]),
|
|
836
|
-
lang:
|
|
837
|
-
dir:
|
|
838
|
+
lang: H.value,
|
|
839
|
+
dir: U.value,
|
|
838
840
|
style: w(V.value),
|
|
839
|
-
onClick:
|
|
840
|
-
}, [m(k)?.isInitialResolve.value ? (o(), y("div",
|
|
841
|
+
onClick: X
|
|
842
|
+
}, [m(k)?.isInitialResolve.value ? (o(), y("div", Nn, [O("span", Pn, N(m(p).previewResolution.resolving), 1), (o(), y(M, null, n(3, (e) => O("div", {
|
|
841
843
|
key: e,
|
|
842
844
|
"aria-hidden": "true",
|
|
843
845
|
class: "tpl-pulse tpl:h-16 tpl:rounded-md tpl:bg-[var(--tpl-bg-hover)]"
|
|
844
|
-
})), 64))])) : m(k)?.hasFailed.value ? (o(), y("p",
|
|
846
|
+
})), 64))])) : m(k)?.hasFailed.value ? (o(), y("p", Fn, N(m(p).previewResolution.failed), 1)) : b("", !0), d(h(m(j), {
|
|
845
847
|
modelValue: R.value,
|
|
846
848
|
"onUpdate:modelValue": i[2] ||= (e) => R.value = e,
|
|
847
849
|
group: "blocks",
|
|
@@ -856,38 +858,38 @@ var Mn = ["aria-label"], Nn = ["lang", "dir"], Pn = {
|
|
|
856
858
|
"force-fallback": !0,
|
|
857
859
|
class: _([
|
|
858
860
|
"tpl-canvas-blocks",
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
861
|
+
W.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" : "",
|
|
862
|
+
W.value && K.value ? "tpl-canvas-empty--drag-over tpl:border-[var(--tpl-primary-hover)] tpl:bg-[var(--tpl-primary-light)]" : "",
|
|
863
|
+
W.value && !K.value ? "tpl:border-[var(--tpl-primary)]" : ""
|
|
862
864
|
]),
|
|
863
|
-
onDragenter:
|
|
864
|
-
onDragleave:
|
|
865
|
-
onDrop:
|
|
865
|
+
onDragenter: q,
|
|
866
|
+
onDragleave: J,
|
|
867
|
+
onDrop: Y
|
|
866
868
|
}, {
|
|
867
|
-
default: r(() => [
|
|
868
|
-
O("div",
|
|
869
|
+
default: r(() => [W.value ? (o(), y("div", In, [
|
|
870
|
+
O("div", Ln, [h(m(yt), {
|
|
869
871
|
size: 48,
|
|
870
872
|
"stroke-width": 1
|
|
871
873
|
})]),
|
|
872
|
-
O("p",
|
|
873
|
-
O("p",
|
|
874
|
-
P.value && m(g) ? (o(), y("p",
|
|
874
|
+
O("p", Rn, N(m(p).canvas.noBlocks), 1),
|
|
875
|
+
O("p", zn, N(m(p).canvas.dragHint), 1),
|
|
876
|
+
P.value && m(g) ? (o(), y("p", Bn, [
|
|
875
877
|
I(N(m(p).canvas.aiHintChat) + " ", 1),
|
|
876
878
|
O("button", {
|
|
877
879
|
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)]",
|
|
878
880
|
onClick: i[0] ||= (e) => f("open-ai-chat")
|
|
879
|
-
}, [h(m(
|
|
881
|
+
}, [h(m(vt), {
|
|
880
882
|
size: 14,
|
|
881
883
|
"stroke-width": 2
|
|
882
884
|
}), I(" " + N(m(g).aiMenu.aiAssistant), 1)]),
|
|
883
885
|
I(" " + N(m(p).canvas.aiHintChatSuffix), 1)
|
|
884
886
|
])) : b("", !0),
|
|
885
|
-
F.value && m(g) ? (o(), y("p",
|
|
887
|
+
F.value && m(g) ? (o(), y("p", Vn, [
|
|
886
888
|
I(N(m(p).canvas.aiHintDesign) + " ", 1),
|
|
887
889
|
O("button", {
|
|
888
890
|
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)]",
|
|
889
891
|
onClick: i[1] ||= (e) => f("open-design-reference")
|
|
890
|
-
}, [h(m(
|
|
892
|
+
}, [h(m(Ft), {
|
|
891
893
|
size: 14,
|
|
892
894
|
"stroke-width": 2
|
|
893
895
|
}), I(" " + N(m(g).aiMenu.designToTemplate), 1)]),
|
|
@@ -896,36 +898,36 @@ var Mn = ["aria-label"], Nn = ["lang", "dir"], Pn = {
|
|
|
896
898
|
])) : b("", !0), (o(!0), y(M, null, n(R.value, (t) => d((o(), y("div", {
|
|
897
899
|
key: t.id,
|
|
898
900
|
class: "tpl-block-item"
|
|
899
|
-
}, [O("div",
|
|
901
|
+
}, [O("div", Hn, [Z(t.id) ? (o(), y("div", {
|
|
900
902
|
key: 0,
|
|
901
903
|
class: "tpl-collab-lock tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[4] tpl:rounded-sm",
|
|
902
904
|
style: w({
|
|
903
|
-
outline: `2px solid ${
|
|
905
|
+
outline: `2px solid ${Z(t.id).color}`,
|
|
904
906
|
outlineOffset: "-1px"
|
|
905
907
|
})
|
|
906
908
|
}, [O("span", {
|
|
907
909
|
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",
|
|
908
910
|
style: w({
|
|
909
|
-
backgroundColor:
|
|
910
|
-
color: m(
|
|
911
|
+
backgroundColor: Z(t.id).color,
|
|
912
|
+
color: m(Yt)(Z(t.id).color)
|
|
911
913
|
})
|
|
912
|
-
}, [O("span",
|
|
914
|
+
}, [O("span", Un, N(Z(t.id).name.charAt(0)), 1), I(" " + N(Z(t.id).name), 1)], 4)], 4)) : b("", !0), t.type === "wrapper" ? (o(), T(l(te(t)), {
|
|
913
915
|
key: 1,
|
|
914
916
|
block: t,
|
|
915
917
|
viewport: e.viewport
|
|
916
|
-
}, null, 8, ["block", "viewport"])) : (o(), T(
|
|
918
|
+
}, null, 8, ["block", "viewport"])) : (o(), T(De, {
|
|
917
919
|
key: 2,
|
|
918
920
|
block: t,
|
|
919
|
-
"is-selected": !e.previewMode && !
|
|
920
|
-
picked:
|
|
921
|
+
"is-selected": !e.previewMode && !ie.value && e.selectedBlockId === t.id && !Z(t.id),
|
|
922
|
+
picked: re(t.id),
|
|
921
923
|
viewport: e.viewport,
|
|
922
924
|
"preview-mode": e.previewMode,
|
|
923
|
-
onSelect: (e) =>
|
|
925
|
+
onSelect: (e) => ne(t.id)
|
|
924
926
|
}, {
|
|
925
|
-
default: r(() => [(o(), T(l(
|
|
927
|
+
default: r(() => [(o(), T(l(te(t)), {
|
|
926
928
|
block: t,
|
|
927
929
|
viewport: e.viewport,
|
|
928
|
-
onFetchData: (e) =>
|
|
930
|
+
onFetchData: (e) => ae(t, e),
|
|
929
931
|
onUpdate: (e) => m(x).updateBlock(t.id, e)
|
|
930
932
|
}, null, 40, [
|
|
931
933
|
"block",
|
|
@@ -947,12 +949,12 @@ var Mn = ["aria-label"], Nn = ["lang", "dir"], Pn = {
|
|
|
947
949
|
"modelValue",
|
|
948
950
|
"disabled",
|
|
949
951
|
"class"
|
|
950
|
-
]), [[A, !m(k)?.isInitialResolve.value]])], 14,
|
|
952
|
+
]), [[A, !m(k)?.isInitialResolve.value]])], 14, Mn)], 12, jn)], 4));
|
|
951
953
|
}
|
|
952
|
-
}), [["__scopeId", "data-v-
|
|
954
|
+
}), [["__scopeId", "data-v-04a5cab0"]]), Gn = u({
|
|
953
955
|
name: "CustomBlockStylesheets",
|
|
954
956
|
setup() {
|
|
955
|
-
let e = t(
|
|
957
|
+
let e = t(ct, null);
|
|
956
958
|
return () => e ? e.value.map((e, t) => P("style", {
|
|
957
959
|
key: t,
|
|
958
960
|
"data-tpl-custom-block-stylesheet": "",
|
|
@@ -962,7 +964,7 @@ var Mn = ["aria-label"], Nn = ["lang", "dir"], Pn = {
|
|
|
962
964
|
});
|
|
963
965
|
//#endregion
|
|
964
966
|
//#region src/utils/resolvePaletteBlocks.ts
|
|
965
|
-
function
|
|
967
|
+
function Kn(e, t) {
|
|
966
968
|
if (!t || t.length === 0) return {
|
|
967
969
|
items: e,
|
|
968
970
|
unknown: []
|
|
@@ -981,7 +983,7 @@ function qn(e, t) {
|
|
|
981
983
|
}
|
|
982
984
|
//#endregion
|
|
983
985
|
//#region src/utils/resolveInsertPosition.ts
|
|
984
|
-
function
|
|
986
|
+
function qn(e) {
|
|
985
987
|
let { blockType: t, selectedBlockId: n, findBlockLocation: r, isBlockLocked: i } = e;
|
|
986
988
|
if (!n) return {};
|
|
987
989
|
let a = r(n);
|
|
@@ -999,44 +1001,63 @@ function Jn(e) {
|
|
|
999
1001
|
}
|
|
1000
1002
|
//#endregion
|
|
1001
1003
|
//#region src/components/Sidebar.vue?vue&type=script&setup=true&lang.ts
|
|
1002
|
-
var
|
|
1004
|
+
var Jn = ["aria-label"], Yn = {
|
|
1003
1005
|
key: 0,
|
|
1004
1006
|
class: "tpl:border-b tpl:px-1 tpl:pb-1 tpl:border-[var(--tpl-border)]"
|
|
1005
|
-
},
|
|
1007
|
+
}, Xn = ["aria-label"], Zn = {
|
|
1006
1008
|
key: 0,
|
|
1007
1009
|
class: "tpl:truncate tpl:text-sm tpl:font-medium"
|
|
1008
|
-
},
|
|
1010
|
+
}, Qn = [
|
|
1009
1011
|
"data-palette-type",
|
|
1010
1012
|
"aria-label",
|
|
1011
1013
|
"onClick",
|
|
1012
1014
|
"onKeydown"
|
|
1013
|
-
],
|
|
1015
|
+
], $n = { 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" }, er = {
|
|
1014
1016
|
key: 0,
|
|
1015
1017
|
class: "tpl:truncate tpl:text-sm tpl:font-medium"
|
|
1016
|
-
}, nr = /* @__PURE__ */ u({
|
|
1018
|
+
}, tr = 4, nr = /* @__PURE__ */ u({
|
|
1017
1019
|
__name: "Sidebar",
|
|
1018
1020
|
setup(i) {
|
|
1019
|
-
let { t: a, format: s } =
|
|
1020
|
-
|
|
1021
|
+
let { t: a, format: s } = Q(), u = t(ut, []), d = t(mt, void 0), p = t(lt, void 0), g = t(ot, null), _ = Zt(), x = t(st, {}), S = v(() => x.savedBlocks?.isAvailable.value === !0), C = c(!1), E = c(!1), D = c(null), k = !1, A = 0;
|
|
1022
|
+
f(() => {
|
|
1023
|
+
window.clearTimeout(A);
|
|
1024
|
+
});
|
|
1025
|
+
function P() {
|
|
1021
1026
|
try {
|
|
1022
|
-
return
|
|
1027
|
+
return D.value?.querySelector(":focus-visible") != null;
|
|
1023
1028
|
} catch {
|
|
1024
1029
|
return !1;
|
|
1025
1030
|
}
|
|
1026
1031
|
}
|
|
1027
|
-
function
|
|
1028
|
-
|
|
1032
|
+
function F() {
|
|
1033
|
+
E.value || P() || (C.value = !1);
|
|
1029
1034
|
}
|
|
1030
|
-
function
|
|
1031
|
-
|
|
1035
|
+
function I() {
|
|
1036
|
+
E.value = !0;
|
|
1032
1037
|
}
|
|
1033
|
-
function
|
|
1034
|
-
|
|
1038
|
+
function R() {
|
|
1039
|
+
E.value = !1;
|
|
1035
1040
|
}
|
|
1036
|
-
function
|
|
1037
|
-
|
|
1041
|
+
function B() {
|
|
1042
|
+
k = !0, window.clearTimeout(A);
|
|
1043
|
+
}
|
|
1044
|
+
function V(e) {
|
|
1045
|
+
let t = e.relatedTarget;
|
|
1046
|
+
t instanceof Node && D.value?.contains(t) || D.value?.matches(":hover") || (C.value = !1);
|
|
1047
|
+
}
|
|
1048
|
+
function ee() {
|
|
1049
|
+
D.value?.ownerDocument.dispatchEvent(new MouseEvent("click", {
|
|
1050
|
+
bubbles: !0,
|
|
1051
|
+
cancelable: !0,
|
|
1052
|
+
composed: !0
|
|
1053
|
+
}));
|
|
1054
|
+
}
|
|
1055
|
+
function H() {
|
|
1056
|
+
E.value = !1, D.value?.matches(":hover") ? (C.value = !0, ee()) : C.value = !1, window.clearTimeout(A), A = window.setTimeout(() => {
|
|
1057
|
+
k = !1;
|
|
1058
|
+
}, 0);
|
|
1038
1059
|
}
|
|
1039
|
-
let
|
|
1060
|
+
let U = [
|
|
1040
1061
|
"section",
|
|
1041
1062
|
"image",
|
|
1042
1063
|
"title",
|
|
@@ -1049,106 +1070,111 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1049
1070
|
"table",
|
|
1050
1071
|
"spacer",
|
|
1051
1072
|
"html"
|
|
1052
|
-
],
|
|
1053
|
-
let e =
|
|
1073
|
+
], W = v(() => {
|
|
1074
|
+
let e = U.map((e) => ({
|
|
1054
1075
|
type: e,
|
|
1055
|
-
label:
|
|
1076
|
+
label: fe(e, a)
|
|
1056
1077
|
}));
|
|
1057
|
-
return
|
|
1078
|
+
return x.plan && e.splice(-1, 0, {
|
|
1058
1079
|
type: "countdown",
|
|
1059
|
-
label:
|
|
1080
|
+
label: fe("countdown", a)
|
|
1060
1081
|
}), e;
|
|
1061
|
-
}),
|
|
1082
|
+
}), G = v(() => u.map((e) => ({
|
|
1062
1083
|
type: `custom:${e.type}`,
|
|
1063
1084
|
label: e.name,
|
|
1064
1085
|
isCustom: !0,
|
|
1065
1086
|
icon: e.icon
|
|
1066
|
-
}))),
|
|
1067
|
-
e(() =>
|
|
1068
|
-
for (let t of e)
|
|
1087
|
+
}))), K = v(() => [...W.value, ...G.value]), q = v(() => Kn(K.value, d)), J = v(() => q.value.items), Y = /* @__PURE__ */ new Set();
|
|
1088
|
+
e(() => q.value.unknown, (e) => {
|
|
1089
|
+
for (let t of e) Y.has(t) || (Y.add(t), ht.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.`));
|
|
1069
1090
|
}, { immediate: !0 });
|
|
1070
|
-
function
|
|
1091
|
+
function X(e) {
|
|
1071
1092
|
if (e.isCustom) {
|
|
1072
1093
|
let t = e.type.replace("custom:", ""), n = u.find((e) => e.type === t);
|
|
1073
1094
|
if (n) return L(n);
|
|
1074
1095
|
}
|
|
1075
|
-
return z(e.type,
|
|
1096
|
+
return z(e.type, p?.value);
|
|
1076
1097
|
}
|
|
1077
|
-
function
|
|
1078
|
-
if (!
|
|
1079
|
-
let t =
|
|
1098
|
+
function te(e) {
|
|
1099
|
+
if (!g) return;
|
|
1100
|
+
let t = X(e), { targetSectionId: n, columnIndex: r, index: i } = qn({
|
|
1080
1101
|
blockType: e.type,
|
|
1081
|
-
selectedBlockId:
|
|
1082
|
-
findBlockLocation:
|
|
1083
|
-
isBlockLocked:
|
|
1102
|
+
selectedBlockId: g.state.selectedBlockId,
|
|
1103
|
+
findBlockLocation: g.findBlockLocation,
|
|
1104
|
+
isBlockLocked: g.isBlockLocked
|
|
1084
1105
|
});
|
|
1085
|
-
|
|
1106
|
+
g.addBlock(t, n, r, i), g.selectBlock(t.id), _(t.id);
|
|
1107
|
+
}
|
|
1108
|
+
function Z(e) {
|
|
1109
|
+
k || te(e);
|
|
1086
1110
|
}
|
|
1087
|
-
function
|
|
1088
|
-
(e.key === "Enter" || e.key === " ") && (e.preventDefault(),
|
|
1111
|
+
function ne(e, t) {
|
|
1112
|
+
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), te(t));
|
|
1089
1113
|
}
|
|
1090
1114
|
return (e, t) => (o(), y("aside", {
|
|
1091
1115
|
ref_key: "railEl",
|
|
1092
|
-
ref:
|
|
1116
|
+
ref: D,
|
|
1093
1117
|
"aria-label": m(a).sidebarNav.palette,
|
|
1094
1118
|
class: "tpl-sidebar-rail tpl:absolute tpl:top-14 tpl:bottom-0 tpl:left-0 tpl:z-40 tpl:flex tpl:flex-col tpl:overflow-hidden",
|
|
1095
1119
|
style: w({
|
|
1096
|
-
width:
|
|
1120
|
+
width: C.value ? "200px" : "48px",
|
|
1097
1121
|
backgroundColor: "var(--tpl-bg-elevated)",
|
|
1098
1122
|
borderRight: "1px solid var(--tpl-border)",
|
|
1099
|
-
boxShadow:
|
|
1123
|
+
boxShadow: C.value ? "var(--tpl-shadow-lg)" : "none",
|
|
1100
1124
|
transition: "width 200ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 200ms cubic-bezier(0.16, 1, 0.3, 1)"
|
|
1101
1125
|
}),
|
|
1102
|
-
onMouseenter: t[1] ||= (e) =>
|
|
1103
|
-
onMouseleave:
|
|
1104
|
-
onFocusin: t[2] ||= (e) =>
|
|
1105
|
-
onFocusout:
|
|
1106
|
-
}, [
|
|
1126
|
+
onMouseenter: t[1] ||= (e) => C.value = !0,
|
|
1127
|
+
onMouseleave: F,
|
|
1128
|
+
onFocusin: t[2] ||= (e) => C.value = !0,
|
|
1129
|
+
onFocusout: V
|
|
1130
|
+
}, [S.value ? (o(), y("div", Yn, [O("button", {
|
|
1107
1131
|
type: "button",
|
|
1108
1132
|
"aria-label": m(a).sidebarNav.browseSavedBlocks,
|
|
1109
1133
|
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)]",
|
|
1110
|
-
style: w({ justifyContent:
|
|
1111
|
-
onClick: t[0] ||= (e) => m(
|
|
1112
|
-
}, [h(m(
|
|
1134
|
+
style: w({ justifyContent: C.value ? "flex-start" : "center" }),
|
|
1135
|
+
onClick: t[0] ||= (e) => m(x).savedBlocks?.openBrowser()
|
|
1136
|
+
}, [h(m(jt), {
|
|
1113
1137
|
size: 20,
|
|
1114
1138
|
"stroke-width": 1.5,
|
|
1115
1139
|
class: "tpl:shrink-0"
|
|
1116
|
-
}),
|
|
1117
|
-
"model-value":
|
|
1140
|
+
}), C.value ? (o(), y("span", Zn, N(m(a).savedBlocks.title), 1)) : b("", !0)], 12, Xn)])) : b("", !0), h(m(j), {
|
|
1141
|
+
"model-value": J.value,
|
|
1118
1142
|
group: {
|
|
1119
1143
|
name: "blocks",
|
|
1120
1144
|
pull: "clone",
|
|
1121
1145
|
put: !1
|
|
1122
1146
|
},
|
|
1123
|
-
clone:
|
|
1147
|
+
clone: X,
|
|
1124
1148
|
sort: !1,
|
|
1125
1149
|
animation: 150,
|
|
1126
1150
|
"force-fallback": !0,
|
|
1151
|
+
"fallback-tolerance": tr,
|
|
1127
1152
|
class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl:gap-0.5 tpl:overflow-y-auto tpl:p-1",
|
|
1128
|
-
onChoose:
|
|
1129
|
-
|
|
1130
|
-
|
|
1153
|
+
onChoose: I,
|
|
1154
|
+
onStart: B,
|
|
1155
|
+
onUnchoose: R,
|
|
1156
|
+
onEnd: H
|
|
1131
1157
|
}, {
|
|
1132
|
-
default: r(() => [(o(!0), y(M, null, n(
|
|
1158
|
+
default: r(() => [(o(!0), y(M, null, n(J.value, (e) => (o(), y("button", {
|
|
1133
1159
|
key: e.type,
|
|
1134
1160
|
type: "button",
|
|
1135
1161
|
"data-palette-type": e.type,
|
|
1136
1162
|
"aria-label": m(s)(m(a).sidebarNav.insertBlock, { block: e.label }),
|
|
1137
1163
|
class: "tpl:flex tpl:h-10 tpl:w-full tpl:shrink-0 tpl:cursor-grab 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:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)] tpl:active:cursor-grabbing",
|
|
1138
|
-
style: w({ justifyContent:
|
|
1139
|
-
onClick: (t) =>
|
|
1140
|
-
onKeydown: (t) =>
|
|
1141
|
-
}, [O("div",
|
|
1164
|
+
style: w({ justifyContent: C.value ? "flex-start" : "center" }),
|
|
1165
|
+
onClick: (t) => Z(e),
|
|
1166
|
+
onKeydown: (t) => ne(t, e)
|
|
1167
|
+
}, [O("div", $n, [m(Xt)[e.type] ? (o(), T(l(m(Xt)[e.type]), {
|
|
1142
1168
|
key: 0,
|
|
1143
1169
|
size: 20,
|
|
1144
1170
|
"stroke-width": 1.5
|
|
1145
|
-
})) : e.isCustom ? (o(), T(
|
|
1171
|
+
})) : e.isCustom ? (o(), T(Ge, {
|
|
1146
1172
|
key: 1,
|
|
1147
1173
|
icon: e.icon,
|
|
1148
1174
|
size: 20
|
|
1149
|
-
}, null, 8, ["icon"])) : b("", !0)]),
|
|
1175
|
+
}, null, 8, ["icon"])) : b("", !0)]), C.value ? (o(), y("span", er, N(e.label), 1)) : b("", !0)], 44, Qn))), 128))]),
|
|
1150
1176
|
_: 1
|
|
1151
|
-
}, 8, ["model-value"])], 44,
|
|
1177
|
+
}, 8, ["model-value"])], 44, Jn));
|
|
1152
1178
|
}
|
|
1153
1179
|
}), rr = ["aria-label"], ir = {
|
|
1154
1180
|
role: "tablist",
|
|
@@ -1203,7 +1229,7 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1203
1229
|
"update-settings"
|
|
1204
1230
|
],
|
|
1205
1231
|
setup(n, { emit: r }) {
|
|
1206
|
-
let i = F(() => import("./chunks/Toolbar-
|
|
1232
|
+
let i = F(() => import("./chunks/Toolbar-BDzhrmGV.js").then((e) => e.t)), a = F(() => import("./chunks/TemplateSettings-BaEVdUTM.js")), s = F(() => import("./chunks/IssuesPanel-qKY6UDd-.js")), l = n, u = r, { t: d } = Q(), f = c("content"), p = t(Xe, null), g = v(() => p !== null), x = v(() => p?.issues.value.length ?? 0), S = t(dt, new Set(gt)), C = v(() => S.size > 0);
|
|
1207
1233
|
function E(e) {
|
|
1208
1234
|
return f.value === e ? "tpl:flex-1 tpl:text-[var(--tpl-primary)]" : "tpl:shrink-0 tpl:text-[var(--tpl-text-muted)] tpl:hover:text-[var(--tpl-text)]";
|
|
1209
1235
|
}
|
|
@@ -1230,7 +1256,7 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1230
1256
|
class: _(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", E("content")]),
|
|
1231
1257
|
style: w(D("content")),
|
|
1232
1258
|
onClick: t[0] ||= (e) => f.value = "content"
|
|
1233
|
-
}, [h(m(
|
|
1259
|
+
}, [h(m(St), {
|
|
1234
1260
|
size: 14,
|
|
1235
1261
|
"stroke-width": 2
|
|
1236
1262
|
}), f.value === "content" ? (o(), y("span", or, N(m(d).sidebar.content), 1)) : b("", !0)], 14, ar),
|
|
@@ -1245,7 +1271,7 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1245
1271
|
class: _(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", E("settings")]),
|
|
1246
1272
|
style: w(D("settings")),
|
|
1247
1273
|
onClick: t[1] ||= (e) => f.value = "settings"
|
|
1248
|
-
}, [h(m(
|
|
1274
|
+
}, [h(m(Tt), {
|
|
1249
1275
|
size: 14,
|
|
1250
1276
|
"stroke-width": 1.5
|
|
1251
1277
|
}), f.value === "settings" ? (o(), y("span", cr, N(m(d).sidebar.settings), 1)) : b("", !0)], 14, sr)) : b("", !0),
|
|
@@ -1261,7 +1287,7 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1261
1287
|
style: w(D("issues")),
|
|
1262
1288
|
onClick: t[2] ||= (e) => f.value = "issues"
|
|
1263
1289
|
}, [
|
|
1264
|
-
h(m(
|
|
1290
|
+
h(m(Nt), {
|
|
1265
1291
|
size: 14,
|
|
1266
1292
|
"stroke-width": 1.5
|
|
1267
1293
|
}),
|
|
@@ -1276,7 +1302,7 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1276
1302
|
onDelete: t[4] ||= (e) => u("delete-block"),
|
|
1277
1303
|
onDuplicate: t[5] ||= (e) => u("duplicate-block")
|
|
1278
1304
|
}, null, 8, ["block"])) : (o(), y("div", pr, [
|
|
1279
|
-
O("div", mr, [h(m(
|
|
1305
|
+
O("div", mr, [h(m(Rt), {
|
|
1280
1306
|
size: 40,
|
|
1281
1307
|
"stroke-width": 1.5
|
|
1282
1308
|
})]),
|
|
@@ -1298,9 +1324,9 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1298
1324
|
}, xr = { class: "tpl:text-[var(--tpl-text-dim)]" }, Sr = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Cr = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, wr = /* @__PURE__ */ u({
|
|
1299
1325
|
__name: "SmallScreenNotice",
|
|
1300
1326
|
setup(e) {
|
|
1301
|
-
let { t } =
|
|
1327
|
+
let { t } = Q();
|
|
1302
1328
|
return (e, n) => (o(), y("div", br, [
|
|
1303
|
-
O("div", xr, [h(m(
|
|
1329
|
+
O("div", xr, [h(m(Pt), {
|
|
1304
1330
|
size: 48,
|
|
1305
1331
|
"stroke-width": 1.5
|
|
1306
1332
|
})]),
|
|
@@ -1325,7 +1351,7 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1325
1351
|
__name: "EditorFooter",
|
|
1326
1352
|
props: { positionClass: {} },
|
|
1327
1353
|
setup(e) {
|
|
1328
|
-
let { t } =
|
|
1354
|
+
let { t } = Q();
|
|
1329
1355
|
return (n, r) => (o(), y("footer", { class: _(["tpl:pointer-events-none tpl:absolute tpl:bottom-0 tpl:z-50 tpl:flex tpl:h-8 tpl:items-center tpl:justify-end tpl:pr-4 tpl:text-[10px] tpl:opacity-90 tpl:transition-all tpl:duration-300 tpl:text-[var(--tpl-text-dim)]", e.positionClass]) }, [O("div", Tr, [
|
|
1330
1356
|
O("span", null, N(m(t).footer.poweredBy), 1),
|
|
1331
1357
|
r[0] ||= O("a", {
|
|
@@ -1348,12 +1374,12 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1348
1374
|
"aria-label",
|
|
1349
1375
|
"title",
|
|
1350
1376
|
"aria-pressed"
|
|
1351
|
-
], kr = /*#__PURE__*/
|
|
1377
|
+
], kr = /*#__PURE__*/ Bt(/* @__PURE__ */ u({
|
|
1352
1378
|
__name: "DarkModeToggle",
|
|
1353
1379
|
props: { darkMode: { type: Boolean } },
|
|
1354
1380
|
emits: ["change"],
|
|
1355
1381
|
setup(e, { emit: t }) {
|
|
1356
|
-
let n = t, { t: i } =
|
|
1382
|
+
let n = t, { t: i } = Q();
|
|
1357
1383
|
return (t, a) => (o(), y("button", {
|
|
1358
1384
|
class: "tpl-dark-mode-toggle tpl:relative tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:p-2 tpl:transition-all",
|
|
1359
1385
|
style: w({
|
|
@@ -1371,11 +1397,11 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1371
1397
|
"leave-to-class": "tpl-icon-leave-to",
|
|
1372
1398
|
mode: "out-in"
|
|
1373
1399
|
}, {
|
|
1374
|
-
default: r(() => [e.darkMode ? (o(), T(m(
|
|
1400
|
+
default: r(() => [e.darkMode ? (o(), T(m(_t), {
|
|
1375
1401
|
key: "moon",
|
|
1376
1402
|
size: 18,
|
|
1377
1403
|
"stroke-width": 1.5
|
|
1378
|
-
})) : (o(), T(m(
|
|
1404
|
+
})) : (o(), T(m(zt), {
|
|
1379
1405
|
key: "sun",
|
|
1380
1406
|
size: 18,
|
|
1381
1407
|
"stroke-width": 1.5
|
|
@@ -1387,12 +1413,12 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1387
1413
|
"aria-label",
|
|
1388
1414
|
"title",
|
|
1389
1415
|
"aria-pressed"
|
|
1390
|
-
], jr = /*#__PURE__*/
|
|
1416
|
+
], jr = /*#__PURE__*/ Bt(/* @__PURE__ */ u({
|
|
1391
1417
|
__name: "PreviewToggle",
|
|
1392
1418
|
props: { previewMode: { type: Boolean } },
|
|
1393
1419
|
emits: ["change"],
|
|
1394
1420
|
setup(e, { emit: t }) {
|
|
1395
|
-
let n = t, { t: i } =
|
|
1421
|
+
let n = t, { t: i } = Q();
|
|
1396
1422
|
return (t, a) => (o(), y("button", {
|
|
1397
1423
|
class: "tpl-preview-toggle tpl:relative tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:p-2 tpl:transition-all",
|
|
1398
1424
|
style: w({
|
|
@@ -1410,11 +1436,11 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1410
1436
|
"leave-to-class": "tpl-icon-leave-to",
|
|
1411
1437
|
mode: "out-in"
|
|
1412
1438
|
}, {
|
|
1413
|
-
default: r(() => [e.previewMode ? (o(), T(m(
|
|
1439
|
+
default: r(() => [e.previewMode ? (o(), T(m(At), {
|
|
1414
1440
|
key: "eye",
|
|
1415
1441
|
size: 18,
|
|
1416
1442
|
"stroke-width": 1.5
|
|
1417
|
-
})) : (o(), T(m(
|
|
1443
|
+
})) : (o(), T(m(bt), {
|
|
1418
1444
|
key: "eye-off",
|
|
1419
1445
|
size: 18,
|
|
1420
1446
|
"stroke-width": 1.5
|
|
@@ -1430,7 +1456,7 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1430
1456
|
},
|
|
1431
1457
|
emits: ["commit"],
|
|
1432
1458
|
setup(e, { emit: t }) {
|
|
1433
|
-
let n = e, r = t, { t: i } =
|
|
1459
|
+
let n = e, r = t, { t: i } = Q(), a = c(!1), s = c(""), l = c(null);
|
|
1434
1460
|
async function u() {
|
|
1435
1461
|
n.editable && (s.value = n.name ?? "", a.value = !0, await S(), l.value?.focus(), l.value?.select());
|
|
1436
1462
|
}
|
|
@@ -1451,7 +1477,7 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1451
1477
|
type: "text",
|
|
1452
1478
|
"data-testid": "template-name-input",
|
|
1453
1479
|
"aria-label": m(i).header.templateName,
|
|
1454
|
-
class: _([m(
|
|
1480
|
+
class: _([m(Wt), "tpl:h-8 tpl:max-w-[260px] tpl:text-sm tpl:font-medium"]),
|
|
1455
1481
|
onKeydown: [g(C(f, ["prevent"]), ["enter"]), g(C(p, ["prevent"]), ["esc"])],
|
|
1456
1482
|
onBlur: f
|
|
1457
1483
|
}, null, 42, Mr)), [[D, s.value]]) : e.editable ? (o(), y("button", {
|
|
@@ -1475,16 +1501,16 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1475
1501
|
kind: {}
|
|
1476
1502
|
},
|
|
1477
1503
|
setup(e) {
|
|
1478
|
-
let n = e, { t: r, format: i } =
|
|
1479
|
-
|
|
1504
|
+
let n = e, { t: r, format: i } = Q(), a = t(rt, void 0), s = c(0);
|
|
1505
|
+
_e(() => {
|
|
1480
1506
|
s.value += 1;
|
|
1481
1507
|
}, 6e4);
|
|
1482
1508
|
let l = v(() => {
|
|
1483
|
-
let e =
|
|
1509
|
+
let e = tn(n.iso, r.time, i);
|
|
1484
1510
|
if (e === null) return "";
|
|
1485
1511
|
let t = e === r.time.justNow;
|
|
1486
1512
|
return n.kind === "updatedAt" ? t ? r.header.updatedJustNow : i(r.header.updatedAt, { time: e }) : t ? r.header.createdJustNow : i(r.header.createdAt, { time: e });
|
|
1487
|
-
}), u = v(() =>
|
|
1513
|
+
}), u = v(() => en(n.iso, a));
|
|
1488
1514
|
return (e, t) => l.value ? (o(), y("span", {
|
|
1489
1515
|
key: 0,
|
|
1490
1516
|
"data-testid": "template-timestamp",
|
|
@@ -1510,17 +1536,17 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1510
1536
|
isDirty: { type: Boolean }
|
|
1511
1537
|
},
|
|
1512
1538
|
setup(e) {
|
|
1513
|
-
let { t } =
|
|
1539
|
+
let { t } = Q();
|
|
1514
1540
|
return (n, r) => e.status === "error" ? (o(), y("div", {
|
|
1515
1541
|
key: 0,
|
|
1516
1542
|
"aria-live": "assertive",
|
|
1517
1543
|
"data-testid": "save-status-error",
|
|
1518
1544
|
class: "tpl-tooltip tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]",
|
|
1519
1545
|
"data-tooltip": e.errorMessage
|
|
1520
|
-
}, [h(m(
|
|
1546
|
+
}, [h(m(Dt), {
|
|
1521
1547
|
size: 12,
|
|
1522
1548
|
"stroke-width": 2.5
|
|
1523
|
-
}), I(" " + N(m(t).header.saveFailed), 1)], 8, Lr)) : e.status === "saved" ? (o(), y("div", Rr, [h(m(
|
|
1549
|
+
}), I(" " + N(m(t).header.saveFailed), 1)], 8, Lr)) : e.status === "saved" ? (o(), y("div", Rr, [h(m(kt), {
|
|
1524
1550
|
size: 12,
|
|
1525
1551
|
"stroke-width": 2.5
|
|
1526
1552
|
}), I(" " + N(m(t).header.saved), 1)])) : e.isDirty ? (o(), y("div", zr, [r[0] ||= O("span", { class: "tpl-pulse tpl:size-1.5 tpl:rounded-full tpl:bg-[var(--tpl-primary)]" }, null, -1), I(" " + N(m(t).header.unsaved), 1)])) : b("", !0);
|
|
@@ -1544,7 +1570,7 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1544
1570
|
comments: {}
|
|
1545
1571
|
},
|
|
1546
1572
|
setup(e) {
|
|
1547
|
-
let t = F(() => import("./chunks/VersionHistoryMenu-
|
|
1573
|
+
let t = F(() => import("./chunks/VersionHistoryMenu-C_bBKOYU.js"));
|
|
1548
1574
|
return (n, r) => (o(), y("header", Vr, [
|
|
1549
1575
|
O("div", Hr, [
|
|
1550
1576
|
e.templates?.isAvailable.value && e.templates.hasTemplate.value && (e.showTemplateName || e.templates.timestamp.value) ? (o(), y("div", {
|
|
@@ -1581,7 +1607,7 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1581
1607
|
i(n.$slots, "left-extras")
|
|
1582
1608
|
]),
|
|
1583
1609
|
O("div", Ur, [
|
|
1584
|
-
h(
|
|
1610
|
+
h(Qt, {
|
|
1585
1611
|
viewport: e.editor.state.viewport,
|
|
1586
1612
|
onChange: e.editor.setViewport
|
|
1587
1613
|
}, null, 8, ["viewport", "onChange"]),
|
|
@@ -1611,14 +1637,14 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1611
1637
|
"data-testid": "comments-trigger",
|
|
1612
1638
|
"aria-label": e.comments.unresolvedCount.value > 0 ? `${e.core.t.comments.button} (${e.comments.unresolvedCount.value})` : e.core.t.comments.button,
|
|
1613
1639
|
"aria-expanded": e.comments.isOpen.value,
|
|
1614
|
-
class: _(m(
|
|
1640
|
+
class: _(m(Ut)),
|
|
1615
1641
|
style: w(e.comments.isOpen.value ? {
|
|
1616
1642
|
backgroundColor: "var(--tpl-primary-light)",
|
|
1617
1643
|
borderColor: "var(--tpl-primary-light)"
|
|
1618
1644
|
} : void 0),
|
|
1619
1645
|
onClick: r[2] ||= (t) => e.comments.toggle()
|
|
1620
1646
|
}, [
|
|
1621
|
-
h(m(
|
|
1647
|
+
h(m(Lt), {
|
|
1622
1648
|
size: 16,
|
|
1623
1649
|
"stroke-width": 2
|
|
1624
1650
|
}),
|
|
@@ -1633,14 +1659,14 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1633
1659
|
"aria-label": e.core.t.testEmail.title,
|
|
1634
1660
|
title: e.core.t.testEmail.title,
|
|
1635
1661
|
disabled: e.testEmail.isSending.value,
|
|
1636
|
-
class: _(m(
|
|
1662
|
+
class: _(m(Ut)),
|
|
1637
1663
|
onClick: r[3] ||= (t) => e.testEmail.open()
|
|
1638
|
-
}, [e.testEmail.isSending.value ? (o(), T(m(
|
|
1664
|
+
}, [e.testEmail.isSending.value ? (o(), T(m(Mt), {
|
|
1639
1665
|
key: 1,
|
|
1640
1666
|
class: "tpl-spinner",
|
|
1641
1667
|
size: 16,
|
|
1642
1668
|
"stroke-width": 2
|
|
1643
|
-
})) : (o(), T(m(
|
|
1669
|
+
})) : (o(), T(m(Et), {
|
|
1644
1670
|
key: 0,
|
|
1645
1671
|
size: 16,
|
|
1646
1672
|
"stroke-width": 2
|
|
@@ -1649,17 +1675,17 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1649
1675
|
key: 3,
|
|
1650
1676
|
type: "button",
|
|
1651
1677
|
"data-testid": "template-save",
|
|
1652
|
-
class: _(m(e.editor.state.isDirty && e.templates.hasTemplate.value ?
|
|
1678
|
+
class: _(m(e.editor.state.isDirty && e.templates.hasTemplate.value ? Gt : Ut)),
|
|
1653
1679
|
style: w(e.editor.state.isDirty && e.templates.hasTemplate.value ? { boxShadow: "var(--tpl-shadow-sm)" } : void 0),
|
|
1654
1680
|
disabled: e.templates.isSaving.value || !e.templates.hasTemplate.value,
|
|
1655
1681
|
title: e.templates.hasTemplate.value ? e.core.t.header.save : e.core.t.header.saveNoTemplate,
|
|
1656
1682
|
onClick: r[4] ||= (t) => e.templates.requestSave()
|
|
1657
|
-
}, [e.templates.isSaving.value ? (o(), T(m(
|
|
1683
|
+
}, [e.templates.isSaving.value ? (o(), T(m(Mt), {
|
|
1658
1684
|
key: 1,
|
|
1659
1685
|
class: "tpl-spinner",
|
|
1660
1686
|
size: 16,
|
|
1661
1687
|
"stroke-width": 2
|
|
1662
|
-
})) : (o(), T(m(
|
|
1688
|
+
})) : (o(), T(m(xt), {
|
|
1663
1689
|
key: 0,
|
|
1664
1690
|
size: 16,
|
|
1665
1691
|
"stroke-width": 2
|
|
@@ -1706,14 +1732,14 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1706
1732
|
key: 1,
|
|
1707
1733
|
"data-testid": "merge-tag-picker-sample",
|
|
1708
1734
|
class: "tpl:line-clamp-1 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
1709
|
-
},
|
|
1735
|
+
}, $ = "tpl-merge-tag-picker-list", mi = /* @__PURE__ */ u({
|
|
1710
1736
|
__name: "MergeTagPickerModal",
|
|
1711
1737
|
setup(i) {
|
|
1712
|
-
let a = qe
|
|
1738
|
+
let a = Ke(qe, "MergeTagPickerModal"), { t: s, format: l } = Q(), u = t(Ye, null), f = t(it, null), p = t(Qe, !0), x = v(() => a.current.value !== null), E = v(() => x.value ? s.mergeTag.picker.changeTitle : s.mergeTag.picker.title);
|
|
1713
1739
|
function k(e) {
|
|
1714
1740
|
return p ? e.description ? `${e.value} — ${e.description}` : e.value : e.description || void 0;
|
|
1715
1741
|
}
|
|
1716
|
-
let A = c(""), j =
|
|
1742
|
+
let A = c(""), j = ge(A, 200), P = c(null), F = v(() => j.value.trim().length > 0), I = c(0), L = v(() => a.tags.value.some((e) => !!e.group)), R = c(/* @__PURE__ */ new Set());
|
|
1717
1743
|
function z(e) {
|
|
1718
1744
|
return R.value.has(e);
|
|
1719
1745
|
}
|
|
@@ -1728,7 +1754,7 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1728
1754
|
t.value,
|
|
1729
1755
|
t.description ?? ""
|
|
1730
1756
|
].join(" ").toLowerCase().includes(e)) : a.tags.value;
|
|
1731
|
-
}),
|
|
1757
|
+
}), ee = v(() => {
|
|
1732
1758
|
if (!L.value) return [];
|
|
1733
1759
|
let e = s.mergeTag.picker.otherGroup, t = /* @__PURE__ */ new Set(), n = [];
|
|
1734
1760
|
for (let r of a.tags.value) {
|
|
@@ -1736,7 +1762,7 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1736
1762
|
t.has(i) || (t.add(i), n.push(i));
|
|
1737
1763
|
}
|
|
1738
1764
|
return n;
|
|
1739
|
-
}),
|
|
1765
|
+
}), H = v(() => {
|
|
1740
1766
|
let e = V.value;
|
|
1741
1767
|
if (!L.value || F.value) return e.map((e, t) => ({
|
|
1742
1768
|
kind: "tag",
|
|
@@ -1762,60 +1788,60 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1762
1788
|
}), a++;
|
|
1763
1789
|
}
|
|
1764
1790
|
return i;
|
|
1765
|
-
}),
|
|
1766
|
-
function
|
|
1791
|
+
}), U = v(() => H.value.flatMap((e) => e.kind === "tag" ? [e.tag] : [])), W = !1;
|
|
1792
|
+
function G(e) {
|
|
1767
1793
|
let t = a.current.value;
|
|
1768
1794
|
if (!t) return !1;
|
|
1769
1795
|
let n = e.findIndex((e) => e.value === t.value);
|
|
1770
1796
|
return n !== -1 && (I.value = n, !0);
|
|
1771
1797
|
}
|
|
1772
|
-
function
|
|
1773
|
-
|
|
1798
|
+
function K(e) {
|
|
1799
|
+
W = !1, I.value = e;
|
|
1774
1800
|
}
|
|
1775
1801
|
e(() => a.isOpen.value, (e) => {
|
|
1776
1802
|
if (!e) {
|
|
1777
|
-
|
|
1803
|
+
W = !1;
|
|
1778
1804
|
return;
|
|
1779
1805
|
}
|
|
1780
|
-
A.value = "", I.value = 0, R.value = /* @__PURE__ */ new Set(),
|
|
1806
|
+
A.value = "", I.value = 0, R.value = /* @__PURE__ */ new Set(), W = !G(U.value), S(() => {
|
|
1781
1807
|
P.value?.focus();
|
|
1782
1808
|
});
|
|
1783
|
-
}), e(
|
|
1784
|
-
if (
|
|
1785
|
-
|
|
1809
|
+
}), e(U, (e) => {
|
|
1810
|
+
if (W && G(e)) {
|
|
1811
|
+
W = !1;
|
|
1786
1812
|
return;
|
|
1787
1813
|
}
|
|
1788
1814
|
I.value >= e.length && (I.value = Math.max(0, e.length - 1));
|
|
1789
1815
|
});
|
|
1790
|
-
function
|
|
1816
|
+
function q(e) {
|
|
1791
1817
|
a.resolve(e);
|
|
1792
1818
|
}
|
|
1793
|
-
function
|
|
1819
|
+
function J() {
|
|
1794
1820
|
a.resolve(null);
|
|
1795
1821
|
}
|
|
1796
|
-
function
|
|
1797
|
-
if (
|
|
1798
|
-
|
|
1822
|
+
function Y(e) {
|
|
1823
|
+
if (U.value.length === 0) return;
|
|
1824
|
+
W = !1;
|
|
1799
1825
|
let t = I.value + e;
|
|
1800
|
-
I.value = Math.max(0, Math.min(
|
|
1826
|
+
I.value = Math.max(0, Math.min(U.value.length - 1, t)), ne();
|
|
1801
1827
|
}
|
|
1802
|
-
let
|
|
1803
|
-
function
|
|
1804
|
-
|
|
1828
|
+
let X = c(null), te = c({});
|
|
1829
|
+
function Z(e, t) {
|
|
1830
|
+
te.value[e] = t ?? null;
|
|
1805
1831
|
}
|
|
1806
|
-
function
|
|
1832
|
+
function ne() {
|
|
1807
1833
|
S(() => {
|
|
1808
|
-
let e =
|
|
1834
|
+
let e = X.value;
|
|
1809
1835
|
e && e.querySelector(`[data-merge-tag-index="${I.value}"]`)?.scrollIntoView({ block: "nearest" });
|
|
1810
1836
|
});
|
|
1811
1837
|
}
|
|
1812
|
-
function
|
|
1838
|
+
function re(e) {
|
|
1813
1839
|
if (R.value.has(e)) {
|
|
1814
1840
|
let t = new Set(R.value);
|
|
1815
1841
|
t.delete(e), R.value = t;
|
|
1816
1842
|
}
|
|
1817
1843
|
S(() => {
|
|
1818
|
-
let t =
|
|
1844
|
+
let t = X.value;
|
|
1819
1845
|
if (!t) return;
|
|
1820
1846
|
let n = 0, r = !1;
|
|
1821
1847
|
for (let i of Array.from(t.children)) {
|
|
@@ -1831,55 +1857,55 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1831
1857
|
});
|
|
1832
1858
|
});
|
|
1833
1859
|
}
|
|
1834
|
-
function
|
|
1835
|
-
if (e.key === "ArrowDown") e.preventDefault(),
|
|
1836
|
-
else if (e.key === "ArrowUp") e.preventDefault(),
|
|
1860
|
+
function ie(e) {
|
|
1861
|
+
if (e.key === "ArrowDown") e.preventDefault(), Y(1);
|
|
1862
|
+
else if (e.key === "ArrowUp") e.preventDefault(), Y(-1);
|
|
1837
1863
|
else if (e.key === "Enter") {
|
|
1838
1864
|
e.preventDefault();
|
|
1839
|
-
let t =
|
|
1840
|
-
t &&
|
|
1865
|
+
let t = U.value[I.value];
|
|
1866
|
+
t && q(t);
|
|
1841
1867
|
}
|
|
1842
1868
|
}
|
|
1843
|
-
function
|
|
1844
|
-
if (
|
|
1869
|
+
function ae() {
|
|
1870
|
+
if (U.value.length !== 0) return `${$}-opt-${I.value}`;
|
|
1845
1871
|
}
|
|
1846
|
-
function
|
|
1847
|
-
return `${
|
|
1872
|
+
function oe(e) {
|
|
1873
|
+
return `${$}-opt-${e}`;
|
|
1848
1874
|
}
|
|
1849
|
-
let
|
|
1850
|
-
return (e, t) => (o(), T(
|
|
1875
|
+
let se = v(() => a.tags.value.length === 0), ce = v(() => !se.value && V.value.length === 0), le = v(() => L.value && ee.value.length > 1 && !F.value);
|
|
1876
|
+
return (e, t) => (o(), T(nn, {
|
|
1851
1877
|
visible: m(a).isOpen.value,
|
|
1852
|
-
onClose:
|
|
1853
|
-
onKeydown:
|
|
1878
|
+
onClose: J,
|
|
1879
|
+
onKeydown: ie
|
|
1854
1880
|
}, {
|
|
1855
1881
|
default: r(() => [O("div", {
|
|
1856
1882
|
role: "dialog",
|
|
1857
1883
|
"aria-modal": "true",
|
|
1858
|
-
"aria-labelledby": `${
|
|
1884
|
+
"aria-labelledby": `${$}-title`,
|
|
1859
1885
|
"data-tpl-theme": m(f),
|
|
1860
1886
|
"data-testid": "merge-tag-picker-modal",
|
|
1861
1887
|
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)]",
|
|
1862
1888
|
style: w(m(u))
|
|
1863
1889
|
}, [
|
|
1864
1890
|
O("header", Zr, [O("h2", {
|
|
1865
|
-
id: `${
|
|
1891
|
+
id: `${$}-title`,
|
|
1866
1892
|
class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
|
|
1867
1893
|
}, N(E.value), 9, Qr), O("button", {
|
|
1868
1894
|
type: "button",
|
|
1869
1895
|
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)]",
|
|
1870
1896
|
"aria-label": m(s).mergeTag.picker.close,
|
|
1871
1897
|
"data-testid": "merge-tag-picker-close",
|
|
1872
|
-
onClick:
|
|
1873
|
-
}, [h(m(
|
|
1898
|
+
onClick: J
|
|
1899
|
+
}, [h(m(It), {
|
|
1874
1900
|
size: 16,
|
|
1875
1901
|
"stroke-width": 2
|
|
1876
1902
|
})], 8, $r)]),
|
|
1877
|
-
O("div", ei, [h(m(
|
|
1903
|
+
O("div", ei, [h(m(Ot), {
|
|
1878
1904
|
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)]",
|
|
1879
1905
|
size: 14,
|
|
1880
1906
|
"stroke-width": 2
|
|
1881
1907
|
}), d(O("input", {
|
|
1882
|
-
id: `${
|
|
1908
|
+
id: `${$}-search`,
|
|
1883
1909
|
ref_key: "searchInputRef",
|
|
1884
1910
|
ref: P,
|
|
1885
1911
|
"onUpdate:modelValue": t[0] ||= (e) => A.value = e,
|
|
@@ -1887,41 +1913,41 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1887
1913
|
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)]",
|
|
1888
1914
|
placeholder: m(s).mergeTag.picker.searchPlaceholder,
|
|
1889
1915
|
"aria-label": m(s).mergeTag.picker.searchAriaLabel,
|
|
1890
|
-
"aria-controls":
|
|
1891
|
-
"aria-activedescendant":
|
|
1916
|
+
"aria-controls": $,
|
|
1917
|
+
"aria-activedescendant": ae(),
|
|
1892
1918
|
"data-testid": "merge-tag-picker-search",
|
|
1893
1919
|
onKeydown: t[1] ||= g(C(() => {}, ["prevent"]), ["enter"])
|
|
1894
1920
|
}, null, 40, ti), [[D, A.value]])]),
|
|
1895
|
-
|
|
1921
|
+
le.value ? (o(), y("div", ni, [(o(!0), y(M, null, n(ee.value, (e) => (o(), y("button", {
|
|
1896
1922
|
key: e,
|
|
1897
1923
|
type: "button",
|
|
1898
1924
|
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)]",
|
|
1899
1925
|
"data-testid": "merge-tag-picker-group-pill",
|
|
1900
1926
|
"data-group-name": e,
|
|
1901
|
-
onClick: (t) =>
|
|
1927
|
+
onClick: (t) => re(e)
|
|
1902
1928
|
}, N(e), 9, ri))), 128))])) : b("", !0),
|
|
1903
1929
|
O("div", {
|
|
1904
|
-
id:
|
|
1930
|
+
id: $,
|
|
1905
1931
|
ref_key: "listRef",
|
|
1906
|
-
ref:
|
|
1932
|
+
ref: X,
|
|
1907
1933
|
class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
|
|
1908
1934
|
role: "listbox",
|
|
1909
1935
|
"aria-label": E.value,
|
|
1910
1936
|
"data-testid": "merge-tag-picker-list"
|
|
1911
|
-
}, [
|
|
1937
|
+
}, [se.value ? (o(), y("div", ai, N(m(s).mergeTag.picker.empty), 1)) : ce.value ? (o(), y("div", oi, N(m(s).mergeTag.picker.noResults), 1)) : (o(!0), y(M, { key: 2 }, n(H.value, (e, t) => (o(), y(M, { key: t }, [e.kind === "header" ? (o(), y("button", {
|
|
1912
1938
|
key: 0,
|
|
1913
1939
|
ref_for: !0,
|
|
1914
|
-
ref: (t) =>
|
|
1940
|
+
ref: (t) => Z(e.group, t),
|
|
1915
1941
|
type: "button",
|
|
1916
1942
|
"aria-expanded": !z(e.group),
|
|
1917
|
-
"aria-controls":
|
|
1943
|
+
"aria-controls": $,
|
|
1918
1944
|
class: "tpl:sticky tpl:top-0 tpl:z-10 tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-1.5 tpl:border-none tpl:bg-[var(--tpl-bg-elevated)] tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-left tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)]",
|
|
1919
1945
|
"data-testid": "merge-tag-picker-group-header",
|
|
1920
1946
|
"data-group-name": e.group,
|
|
1921
1947
|
"data-group-collapsed": z(e.group) ? "true" : "false",
|
|
1922
1948
|
onClick: (t) => B(e.group)
|
|
1923
1949
|
}, [
|
|
1924
|
-
h(m(
|
|
1950
|
+
h(m(wt), {
|
|
1925
1951
|
size: 12,
|
|
1926
1952
|
"stroke-width": 2,
|
|
1927
1953
|
class: _(["tpl:transition-transform", z(e.group) ? "tpl:-rotate-90" : ""])
|
|
@@ -1930,7 +1956,7 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1930
1956
|
O("span", ci, " (" + N(m(l)(m(s).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
|
|
1931
1957
|
], 8, si)) : (o(), y("button", {
|
|
1932
1958
|
key: 1,
|
|
1933
|
-
id:
|
|
1959
|
+
id: oe(e.index),
|
|
1934
1960
|
type: "button",
|
|
1935
1961
|
role: "option",
|
|
1936
1962
|
"aria-selected": e.index === I.value,
|
|
@@ -1941,8 +1967,8 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1941
1967
|
title: k(e.tag),
|
|
1942
1968
|
class: _(["tpl:flex tpl:w-full tpl:cursor-pointer tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:border-none tpl:px-3 tpl:py-1.5 tpl:text-left tpl:transition-colors", e.index === 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)]"]),
|
|
1943
1969
|
"data-testid": "merge-tag-picker-item",
|
|
1944
|
-
onMousemove: (t) =>
|
|
1945
|
-
onClick: (t) =>
|
|
1970
|
+
onMousemove: (t) => K(e.index),
|
|
1971
|
+
onClick: (t) => q(e.tag)
|
|
1946
1972
|
}, [
|
|
1947
1973
|
O("span", ui, N(e.tag.label), 1),
|
|
1948
1974
|
O("span", di, N(e.tag.value), 1),
|
|
@@ -1960,7 +1986,7 @@ var Yn = ["aria-label"], Xn = {
|
|
|
1960
1986
|
syntax: {}
|
|
1961
1987
|
},
|
|
1962
1988
|
setup(e) {
|
|
1963
|
-
let t = e, n = v(() =>
|
|
1989
|
+
let t = e, n = v(() => Y(t.value, t.syntax)), r = v(() => q(t.value, t.syntax));
|
|
1964
1990
|
return (e, t) => n.value ? (o(), y("span", {
|
|
1965
1991
|
key: 0,
|
|
1966
1992
|
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",
|
|
@@ -2002,10 +2028,10 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2002
2028
|
}, Mi = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, Ni = {
|
|
2003
2029
|
key: 0,
|
|
2004
2030
|
class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
2005
|
-
},
|
|
2031
|
+
}, Pi = "tpl-logic-picker-list", Fi = /* @__PURE__ */ u({
|
|
2006
2032
|
__name: "LogicTagPickerModal",
|
|
2007
2033
|
setup(i) {
|
|
2008
|
-
let a =
|
|
2034
|
+
let a = Ke(Je, "LogicTagPickerModal"), { t: s } = Q(), l = t($e, re.liquid), u = t(Ye, null), f = t(it, null), p = c(""), x = ge(p, 200), E = c(null), k = v(() => x.value.trim().length > 0), A = c(0);
|
|
2009
2035
|
function j(e) {
|
|
2010
2036
|
let t = x.value.trim().toLowerCase();
|
|
2011
2037
|
return !t || e.filter(Boolean).join(" ").toLowerCase().includes(t);
|
|
@@ -2060,72 +2086,72 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2060
2086
|
rows: e,
|
|
2061
2087
|
items: t
|
|
2062
2088
|
};
|
|
2063
|
-
}), B = v(() => z.value.items), V = v(() => a.tags.value.length === 0 && a.pairs.value.length === 0),
|
|
2089
|
+
}), B = v(() => z.value.items), V = v(() => a.tags.value.length === 0 && a.pairs.value.length === 0), ee = v(() => !V.value && B.value.length === 0);
|
|
2064
2090
|
e(() => a.isOpen.value, (e) => {
|
|
2065
2091
|
e && (p.value = "", A.value = 0, S(() => E.value?.focus()));
|
|
2066
2092
|
}), e(B, (e) => {
|
|
2067
2093
|
A.value >= e.length && (A.value = Math.max(0, e.length - 1));
|
|
2068
2094
|
});
|
|
2069
|
-
let
|
|
2070
|
-
function
|
|
2095
|
+
let H = c(null);
|
|
2096
|
+
function U(e) {
|
|
2071
2097
|
a.resolve(e);
|
|
2072
2098
|
}
|
|
2073
|
-
function
|
|
2099
|
+
function W() {
|
|
2074
2100
|
a.resolve(null);
|
|
2075
2101
|
}
|
|
2076
|
-
function
|
|
2102
|
+
function G(e) {
|
|
2077
2103
|
B.value.length !== 0 && (A.value = Math.max(0, Math.min(B.value.length - 1, A.value + e)), S(() => {
|
|
2078
|
-
|
|
2104
|
+
H.value?.querySelector(`[data-logic-index="${A.value}"]`)?.scrollIntoView({ block: "nearest" });
|
|
2079
2105
|
}));
|
|
2080
2106
|
}
|
|
2081
|
-
function
|
|
2082
|
-
if (e.key === "ArrowDown") e.preventDefault(),
|
|
2083
|
-
else if (e.key === "ArrowUp") e.preventDefault(),
|
|
2107
|
+
function K(e) {
|
|
2108
|
+
if (e.key === "ArrowDown") e.preventDefault(), G(1);
|
|
2109
|
+
else if (e.key === "ArrowUp") e.preventDefault(), G(-1);
|
|
2084
2110
|
else if (e.key === "Enter") {
|
|
2085
2111
|
e.preventDefault();
|
|
2086
2112
|
let t = B.value[A.value];
|
|
2087
|
-
t &&
|
|
2113
|
+
t && U(t);
|
|
2088
2114
|
}
|
|
2089
2115
|
}
|
|
2090
|
-
function
|
|
2091
|
-
return `${
|
|
2116
|
+
function q(e) {
|
|
2117
|
+
return `${Pi}-opt-${e}`;
|
|
2092
2118
|
}
|
|
2093
|
-
function
|
|
2094
|
-
return B.value.length === 0 ? void 0 : `${
|
|
2119
|
+
function J() {
|
|
2120
|
+
return B.value.length === 0 ? void 0 : `${Pi}-opt-${A.value}`;
|
|
2095
2121
|
}
|
|
2096
|
-
return (e, t) => (o(), T(
|
|
2122
|
+
return (e, t) => (o(), T(nn, {
|
|
2097
2123
|
visible: m(a).isOpen.value,
|
|
2098
|
-
onClose:
|
|
2099
|
-
onKeydown:
|
|
2124
|
+
onClose: W,
|
|
2125
|
+
onKeydown: K
|
|
2100
2126
|
}, {
|
|
2101
2127
|
default: r(() => [O("div", {
|
|
2102
2128
|
role: "dialog",
|
|
2103
2129
|
"aria-modal": "true",
|
|
2104
|
-
"aria-labelledby": `${
|
|
2130
|
+
"aria-labelledby": `${Pi}-title`,
|
|
2105
2131
|
"data-tpl-theme": m(f),
|
|
2106
2132
|
"data-testid": "logic-picker-modal",
|
|
2107
2133
|
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)]",
|
|
2108
2134
|
style: w(m(u))
|
|
2109
2135
|
}, [
|
|
2110
2136
|
O("header", vi, [O("h2", {
|
|
2111
|
-
id: `${
|
|
2137
|
+
id: `${Pi}-title`,
|
|
2112
2138
|
class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
|
|
2113
2139
|
}, N(m(s).logicTag.picker.title), 9, yi), O("button", {
|
|
2114
2140
|
type: "button",
|
|
2115
2141
|
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)]",
|
|
2116
2142
|
"aria-label": m(s).logicTag.picker.close,
|
|
2117
2143
|
"data-testid": "logic-picker-close",
|
|
2118
|
-
onClick:
|
|
2119
|
-
}, [h(m(
|
|
2144
|
+
onClick: W
|
|
2145
|
+
}, [h(m(It), {
|
|
2120
2146
|
size: 16,
|
|
2121
2147
|
"stroke-width": 2
|
|
2122
2148
|
})], 8, bi)]),
|
|
2123
|
-
O("div", xi, [h(m(
|
|
2149
|
+
O("div", xi, [h(m(Ot), {
|
|
2124
2150
|
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)]",
|
|
2125
2151
|
size: 14,
|
|
2126
2152
|
"stroke-width": 2
|
|
2127
2153
|
}), d(O("input", {
|
|
2128
|
-
id: `${
|
|
2154
|
+
id: `${Pi}-search`,
|
|
2129
2155
|
ref_key: "searchInputRef",
|
|
2130
2156
|
ref: E,
|
|
2131
2157
|
"onUpdate:modelValue": t[0] ||= (e) => p.value = e,
|
|
@@ -2133,27 +2159,27 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2133
2159
|
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)]",
|
|
2134
2160
|
placeholder: m(s).logicTag.picker.searchPlaceholder,
|
|
2135
2161
|
"aria-label": m(s).logicTag.picker.searchAriaLabel,
|
|
2136
|
-
"aria-controls":
|
|
2137
|
-
"aria-activedescendant":
|
|
2162
|
+
"aria-controls": Pi,
|
|
2163
|
+
"aria-activedescendant": J(),
|
|
2138
2164
|
"data-testid": "logic-picker-search",
|
|
2139
2165
|
onKeydown: t[1] ||= g(C(() => {}, ["prevent"]), ["enter"])
|
|
2140
2166
|
}, null, 40, Si), [[D, p.value]])]),
|
|
2141
2167
|
O("div", {
|
|
2142
|
-
id:
|
|
2168
|
+
id: Pi,
|
|
2143
2169
|
ref_key: "listRef",
|
|
2144
|
-
ref:
|
|
2170
|
+
ref: H,
|
|
2145
2171
|
class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
|
|
2146
2172
|
role: "listbox",
|
|
2147
2173
|
"aria-label": m(s).logicTag.picker.title,
|
|
2148
2174
|
"data-testid": "logic-picker-list"
|
|
2149
|
-
}, [V.value ? (o(), y("div", wi, N(m(s).logicTag.picker.empty), 1)) :
|
|
2175
|
+
}, [V.value ? (o(), y("div", wi, N(m(s).logicTag.picker.empty), 1)) : ee.value ? (o(), y("div", Ti, N(m(s).logicTag.picker.noResults), 1)) : (o(!0), y(M, { key: 2 }, n(z.value.rows, (e, n) => (o(), y(M, { key: n }, [e.kind === "header" ? (o(), y("div", {
|
|
2150
2176
|
key: 0,
|
|
2151
2177
|
class: "tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]",
|
|
2152
2178
|
"data-testid": "logic-picker-header",
|
|
2153
2179
|
"data-group-name": e.label
|
|
2154
2180
|
}, N(e.label), 9, Ei)) : (o(), y("button", {
|
|
2155
2181
|
key: 1,
|
|
2156
|
-
id:
|
|
2182
|
+
id: q(e.index),
|
|
2157
2183
|
type: "button",
|
|
2158
2184
|
role: "option",
|
|
2159
2185
|
"aria-selected": e.index === A.value,
|
|
@@ -2163,7 +2189,7 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2163
2189
|
class: _(["tpl:flex tpl:w-full tpl:cursor-pointer tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:border-none tpl:px-3 tpl:py-1.5 tpl:text-left tpl:transition-colors", e.index === A.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)]"]),
|
|
2164
2190
|
"data-testid": "logic-picker-item",
|
|
2165
2191
|
onMousemove: (t) => A.value = e.index,
|
|
2166
|
-
onClick: (t) =>
|
|
2192
|
+
onClick: (t) => U(e.kind === "tag" ? e.tag : e.pair)
|
|
2167
2193
|
}, [
|
|
2168
2194
|
O("span", Oi, [O("span", ki, N(e.kind === "tag" ? e.tag.label : e.pair.label), 1), e.kind === "tag" ? (o(), y("span", Ai, [h(gi, {
|
|
2169
2195
|
value: e.tag.value,
|
|
@@ -2186,11 +2212,11 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2186
2212
|
_: 1
|
|
2187
2213
|
}, 8, ["visible"]));
|
|
2188
2214
|
}
|
|
2189
|
-
}),
|
|
2215
|
+
}), Ii = ["data-tpl-theme"], Li = { class: "tpl:absolute tpl:inset-0 tpl:overflow-hidden" }, Ri = { class: "tpl-preview-overlay tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, zi = { class: "tpl:absolute tpl:left-1/2 tpl:top-2 tpl:flex tpl:-translate-x-1/2 tpl:flex-col tpl:items-center tpl:gap-2" }, Bi = {
|
|
2190
2216
|
key: 0,
|
|
2191
2217
|
"data-testid": "merge-tag-mode-toggle-anchor",
|
|
2192
2218
|
class: "tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-[var(--tpl-shadow-md)]"
|
|
2193
|
-
},
|
|
2219
|
+
}, Vi = { class: "tpl-main tpl:flex tpl:py-8" }, Hi = ["aria-label"], Ui = /*#__PURE__*/ Bt(/* @__PURE__ */ u({
|
|
2194
2220
|
__name: "Editor",
|
|
2195
2221
|
props: {
|
|
2196
2222
|
config: {},
|
|
@@ -2202,38 +2228,38 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2202
2228
|
usesLocalRenderer: { type: Function }
|
|
2203
2229
|
},
|
|
2204
2230
|
setup(t, { expose: n }) {
|
|
2205
|
-
let i = t, s = i.config.templates ?
|
|
2231
|
+
let i = t, s = i.config.templates ? An(i.config.templates, i.config.mergeTags) : void 0, l = me({
|
|
2206
2232
|
content: i.config.content,
|
|
2207
2233
|
defaultFontFamily: i.config.fonts?.defaultFont,
|
|
2208
|
-
templateDefaults:
|
|
2234
|
+
templateDefaults: on(i.config),
|
|
2209
2235
|
templates: s,
|
|
2210
2236
|
onError: i.config.onError,
|
|
2211
2237
|
lockedBlocks: i.cloud?.lockedBlocks
|
|
2212
|
-
}), u = i.cloud ? i.cloud.attach({ editor: l }) : null, f = s ?
|
|
2238
|
+
}), u = i.cloud ? i.cloud.attach({ editor: l }) : null, f = s ? pn({
|
|
2213
2239
|
provider: s,
|
|
2214
2240
|
editor: l,
|
|
2215
2241
|
guardUnsavedChanges: i.config.templates?.unsavedChangesGuard,
|
|
2216
2242
|
getSaveGate: i.cloud ? () => i.cloud.getSaveGate() : void 0
|
|
2217
2243
|
}) : null;
|
|
2218
2244
|
i.config.onDirtyChange && e(() => l.state.isDirty, (e) => i.config.onDirtyChange(e));
|
|
2219
|
-
let g = c(null), S = i.config.savedBlocks ?
|
|
2245
|
+
let g = c(null), S = i.config.savedBlocks ? dn({
|
|
2220
2246
|
provider: i.config.savedBlocks,
|
|
2221
2247
|
editor: l,
|
|
2222
2248
|
onError: i.config.onError,
|
|
2223
2249
|
isAvailable: i.cloud ? () => i.cloud.isSavedBlocksAvailable() : void 0
|
|
2224
|
-
}) : null, D = F(() => import("./chunks/SavedBlocksPanels-
|
|
2250
|
+
}) : null, D = F(() => import("./chunks/SavedBlocksPanels-uTSb2xO_.js")), k = i.config.media || i.config.onRequestMedia ? un({
|
|
2225
2251
|
provider: i.config.media,
|
|
2226
2252
|
onRequestMedia: i.config.onRequestMedia,
|
|
2227
2253
|
getTemplateId: () => l.state.template?.id,
|
|
2228
2254
|
onError: i.config.onError
|
|
2229
|
-
}) : null, j = F(() => import("./chunks/MediaPanels-
|
|
2255
|
+
}) : null, j = F(() => import("./chunks/MediaPanels-DOLsh7WC.js")), M = i.config.testEmail ? vn({
|
|
2230
2256
|
provider: i.config.testEmail,
|
|
2231
2257
|
getContent: () => l.content.value,
|
|
2232
2258
|
renderMjml: i.renderMjml,
|
|
2233
2259
|
usesLocalRenderer: i.usesLocalRenderer,
|
|
2234
2260
|
onError: i.config.onError,
|
|
2235
2261
|
isAvailable: i.cloud ? () => i.cloud.isTestEmailAvailable() : void 0
|
|
2236
|
-
}) : null, P = F(() => import("./chunks/TestEmailPanel-
|
|
2262
|
+
}) : null, P = F(() => import("./chunks/TestEmailPanel-Cqdsnufx.js")), L = i.config.comments ? sn({
|
|
2237
2263
|
provider: i.config.comments,
|
|
2238
2264
|
editor: l,
|
|
2239
2265
|
user: i.config.user,
|
|
@@ -2241,19 +2267,19 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2241
2267
|
onError: i.config.onError,
|
|
2242
2268
|
isAvailable: i.cloud ? () => i.cloud.isCommentsAvailable() : void 0,
|
|
2243
2269
|
isBlockSaved: i.cloud ? (e) => i.cloud.isBlockSaved(e) : void 0
|
|
2244
|
-
}) : null, R = F(() => import("./chunks/CommentsPanel-
|
|
2245
|
-
|
|
2246
|
-
let
|
|
2270
|
+
}) : null, R = F(() => import("./chunks/CommentsPanel-CjhxGMjL.js")), z = F(() => import("./chunks/CloudPanels-DpKck9Na.js")), B = F(() => import("./chunks/CloudHeaderExtras-yvFz2_e-.js")), V = F(() => import("./chunks/VersionHistoryPanels-B9LwOKxm.js")), ee = bn(i.config.templates?.autoSave, !1), H = ee && f !== null;
|
|
2271
|
+
ee && f !== null && !f.canSave.value && ht.warn("config.templates.autoSave is on but this provider's save is false — there is nothing to persist to. Give it a real save function, or use `onChange` to persist the content yourself."), i.config.changeDebounce !== void 0 && f !== null && i.config.templates?.autoSave === void 0 && !i.config.onChange && ht.warn("config.changeDebounce is set but nothing will use it — config.templates.autoSave is unset and there is no onChange either, so the timer has no consumer. Set config.templates.autoSave, or add onChange, so the debounce takes effect.");
|
|
2272
|
+
let U = i.config.onChange || H ? {
|
|
2247
2273
|
onChange: () => {
|
|
2248
|
-
i.config.onChange?.(JSON.parse(JSON.stringify(l.state.content))),
|
|
2274
|
+
i.config.onChange?.(JSON.parse(JSON.stringify(l.state.content))), H && f.requestAutoSave();
|
|
2249
2275
|
},
|
|
2250
2276
|
...i.config.changeDebounce === void 0 ? {} : { debounce: i.config.changeDebounce }
|
|
2251
|
-
} : null,
|
|
2277
|
+
} : null, W = {
|
|
2252
2278
|
...S ? { savedBlocks: S.capability } : {},
|
|
2253
2279
|
...f ? { templates: f.capability } : {},
|
|
2254
2280
|
...M ? { testEmail: M.capability } : {},
|
|
2255
2281
|
...L ? { comments: L.capability } : {}
|
|
2256
|
-
},
|
|
2282
|
+
}, G = Ve({
|
|
2257
2283
|
editor: l,
|
|
2258
2284
|
containerEl: g,
|
|
2259
2285
|
config: {
|
|
@@ -2275,72 +2301,72 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2275
2301
|
canDropMedia: k?.canDrop ?? null,
|
|
2276
2302
|
resolvePreview: i.config.resolvePreview,
|
|
2277
2303
|
resolveImageUrl: i.config.resolveImageUrl,
|
|
2278
|
-
lint:
|
|
2304
|
+
lint: xn(i.config),
|
|
2279
2305
|
locale: i.config.locale
|
|
2280
2306
|
},
|
|
2281
2307
|
translations: i.translations,
|
|
2282
2308
|
fontsManager: i.fontsManager,
|
|
2283
|
-
autoSaveOptions:
|
|
2284
|
-
capabilities:
|
|
2309
|
+
autoSaveOptions: U,
|
|
2310
|
+
capabilities: W,
|
|
2285
2311
|
editorRoot: i.shadowRoot,
|
|
2286
2312
|
historyOptions: i.cloud ? { isRemoteOperation: () => i.cloud.isRemoteOperation() } : void 0,
|
|
2287
2313
|
keyboardOptions: i.cloud ? { onBeforeUndo: () => i.cloud.onBeforeUndo() } : void 0
|
|
2288
|
-
}),
|
|
2289
|
-
core:
|
|
2290
|
-
capabilities:
|
|
2291
|
-
}) : null,
|
|
2314
|
+
}), K = i.cloud && u ? i.cloud.ready({
|
|
2315
|
+
core: G,
|
|
2316
|
+
capabilities: W
|
|
2317
|
+
}) : null, q = i.config.versionHistory ? yn({
|
|
2292
2318
|
provider: i.config.versionHistory,
|
|
2293
|
-
editor:
|
|
2294
|
-
history:
|
|
2295
|
-
conditionPreview:
|
|
2296
|
-
autoSave:
|
|
2319
|
+
editor: kn(l, i.config.mergeTags),
|
|
2320
|
+
history: G.history,
|
|
2321
|
+
conditionPreview: G.conditionPreview,
|
|
2322
|
+
autoSave: G.autoSave,
|
|
2297
2323
|
saveBeforeRestore: f ? {
|
|
2298
2324
|
canSave: () => f.canSave.value && !(i.cloud?.getSaveGate()?.shouldBlock.value ?? !1),
|
|
2299
2325
|
save: () => f.save("restore")
|
|
2300
2326
|
} : null,
|
|
2301
2327
|
onError: i.config.onError
|
|
2302
2328
|
}) : null;
|
|
2303
|
-
|
|
2304
|
-
let
|
|
2305
|
-
function
|
|
2329
|
+
q && (W.versionHistory = q.capability);
|
|
2330
|
+
let J = v(() => L?.isOpen.value === !0 || u?.panelState.rightPanelOpen.value === !0), Y = v(() => l.state.previewMode ? "tpl:left-0 tpl:right-0" : J.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]");
|
|
2331
|
+
function X(e) {
|
|
2306
2332
|
u && (e === "ai-chat" ? u.panelState.aiChatOpen.value = !0 : u.panelState.designReferenceOpen.value = !0);
|
|
2307
2333
|
}
|
|
2308
|
-
let { showNotice:
|
|
2334
|
+
let { showNotice: te } = Ae(() => i.config.smallScreenNotice);
|
|
2309
2335
|
x(async () => {
|
|
2310
2336
|
await i.fontsManager.loadCustomFonts();
|
|
2311
2337
|
}), a(() => {
|
|
2312
|
-
i.fontsManager.cleanupFontLinks(), i.cloud?.destroy(),
|
|
2338
|
+
i.fontsManager.cleanupFontLinks(), i.cloud?.destroy(), G.destroy();
|
|
2313
2339
|
});
|
|
2314
|
-
let
|
|
2340
|
+
let Z = f ?? l;
|
|
2315
2341
|
return n({
|
|
2316
2342
|
getContent: () => l.content.value,
|
|
2317
2343
|
setContent: (e) => l.setContent(e),
|
|
2318
2344
|
setTheme: (e) => l.setUiTheme(e),
|
|
2319
|
-
setMergeTags:
|
|
2345
|
+
setMergeTags: G.setMergeTags,
|
|
2320
2346
|
isDirty: () => l.state.isDirty,
|
|
2321
|
-
create:
|
|
2322
|
-
load:
|
|
2323
|
-
save:
|
|
2324
|
-
renderCustomBlock:
|
|
2325
|
-
getCustomBlockStylesheet: (e) =>
|
|
2347
|
+
create: Z.create,
|
|
2348
|
+
load: Z.load,
|
|
2349
|
+
save: Z.save,
|
|
2350
|
+
renderCustomBlock: G.registry.renderCustomBlock,
|
|
2351
|
+
getCustomBlockStylesheet: (e) => G.registry.getDefinition(e)?.stylesheet
|
|
2326
2352
|
}), (e, n) => (o(), y("div", {
|
|
2327
2353
|
ref_key: "rootEl",
|
|
2328
2354
|
ref: g,
|
|
2329
2355
|
class: _(["tpl tpl:relative tpl:h-full", { "tpl:dark": m(l).state.darkMode }]),
|
|
2330
|
-
"data-tpl-theme": m(
|
|
2331
|
-
style: w(m(
|
|
2356
|
+
"data-tpl-theme": m(G).resolvedTheme.value,
|
|
2357
|
+
style: w(m(G).themeStyles.value),
|
|
2332
2358
|
onDragover: n[8] ||= C(() => {}, ["prevent"]),
|
|
2333
2359
|
onDrop: n[9] ||= C(() => {}, ["prevent"])
|
|
2334
2360
|
}, [
|
|
2335
|
-
h(
|
|
2336
|
-
O("div",
|
|
2361
|
+
h(Gn),
|
|
2362
|
+
O("div", Li, [
|
|
2337
2363
|
h(Yr, {
|
|
2338
2364
|
editor: m(l),
|
|
2339
|
-
core: m(
|
|
2365
|
+
core: m(G),
|
|
2340
2366
|
templates: m(f),
|
|
2341
2367
|
"show-template-name": t.config.templates?.nameField !== !1,
|
|
2342
2368
|
"test-email": m(M),
|
|
2343
|
-
"version-history": m(
|
|
2369
|
+
"version-history": m(q),
|
|
2344
2370
|
comments: m(L)
|
|
2345
2371
|
}, p({ _: 2 }, [m(u) ? {
|
|
2346
2372
|
name: "left-extras",
|
|
@@ -2367,36 +2393,36 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2367
2393
|
]),
|
|
2368
2394
|
d(h(nr, null, null, 512), [[A, !m(l).state.previewMode]]),
|
|
2369
2395
|
O("div", {
|
|
2370
|
-
class: _(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [
|
|
2396
|
+
class: _(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [Y.value, m(q)?.isPreviewing.value ? "tpl:top-[104px]" : "tpl:top-14"]]),
|
|
2371
2397
|
style: { transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)" }
|
|
2372
|
-
}, [O("div",
|
|
2373
|
-
default: r(() => [m(l).state.previewMode && !m(
|
|
2374
|
-
"sample-mode": m(
|
|
2375
|
-
onChange: n[0] ||= (e) => m(
|
|
2398
|
+
}, [O("div", Ri, [O("div", zi, [h(E, { name: "tpl-preview-pill" }, {
|
|
2399
|
+
default: r(() => [m(l).state.previewMode && !m(G).previewResolution.supersedesSamples.value ? (o(), y("div", Bi, [h($t, {
|
|
2400
|
+
"sample-mode": m(G).mergeTagSampleMode.value,
|
|
2401
|
+
onChange: n[0] ||= (e) => m(G).mergeTagSampleMode.value = e
|
|
2376
2402
|
}, null, 8, ["sample-mode"])])) : b("", !0)]),
|
|
2377
2403
|
_: 1
|
|
2378
2404
|
}), h(E, { name: "tpl-preview-pill" }, {
|
|
2379
|
-
default: r(() => [m(
|
|
2405
|
+
default: r(() => [m(G).conditionPreview.hasHiddenBlocks.value && m(G).appliesConditionFilter.value ? (o(), y("button", {
|
|
2380
2406
|
key: 0,
|
|
2381
2407
|
type: "button",
|
|
2382
|
-
class: _([m(
|
|
2408
|
+
class: _([m(Ht), "tpl:shadow-[var(--tpl-shadow-md)]"]),
|
|
2383
2409
|
"data-testid": "restore-hidden-blocks",
|
|
2384
|
-
onClick: n[1] ||= (e) => m(
|
|
2385
|
-
}, [h(m(
|
|
2410
|
+
onClick: n[1] ||= (e) => m(G).conditionPreview.reset()
|
|
2411
|
+
}, [h(m(Ct), {
|
|
2386
2412
|
size: 16,
|
|
2387
2413
|
"stroke-width": 2
|
|
2388
|
-
}), I(" " + N(m(
|
|
2414
|
+
}), I(" " + N(m(G).t.blockSettings.restoreHiddenBlocks), 1)], 2)) : b("", !0)]),
|
|
2389
2415
|
_: 1
|
|
2390
|
-
})])]), O("main",
|
|
2416
|
+
})])]), O("main", Vi, [h(Wn, {
|
|
2391
2417
|
viewport: m(l).state.viewport,
|
|
2392
|
-
content: m(
|
|
2418
|
+
content: m(G).previewResolution.content.value,
|
|
2393
2419
|
"selected-block-id": m(l).state.selectedBlockId,
|
|
2394
2420
|
"dark-mode": m(l).state.darkMode,
|
|
2395
2421
|
"preview-mode": m(l).state.previewMode,
|
|
2396
2422
|
"locked-blocks": m(u)?.collaboration?.lockedBlocks.value,
|
|
2397
2423
|
onSelectBlock: m(l).selectBlock,
|
|
2398
|
-
onOpenAiChat: n[2] ||= (e) =>
|
|
2399
|
-
onOpenDesignReference: n[3] ||= (e) =>
|
|
2424
|
+
onOpenAiChat: n[2] ||= (e) => X("ai-chat"),
|
|
2425
|
+
onOpenDesignReference: n[3] ||= (e) => X("design-reference")
|
|
2400
2426
|
}, null, 8, [
|
|
2401
2427
|
"viewport",
|
|
2402
2428
|
"content",
|
|
@@ -2408,25 +2434,25 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2408
2434
|
])])], 2),
|
|
2409
2435
|
t.config.branding === !1 ? b("", !0) : (o(), T(Dr, {
|
|
2410
2436
|
key: 0,
|
|
2411
|
-
"position-class": [
|
|
2437
|
+
"position-class": [Y.value]
|
|
2412
2438
|
}, null, 8, ["position-class"])),
|
|
2413
2439
|
O("div", {
|
|
2414
2440
|
class: "tpl-sr-only",
|
|
2415
2441
|
role: "status",
|
|
2416
2442
|
"aria-live": "polite",
|
|
2417
2443
|
"aria-atomic": "true",
|
|
2418
|
-
"aria-label": m(
|
|
2419
|
-
}, N(m(
|
|
2444
|
+
"aria-label": m(G).t.landmarks.reorderAnnouncements
|
|
2445
|
+
}, N(m(G).keyboardReorder.announcement.value), 9, Hi),
|
|
2420
2446
|
d(h(yr, {
|
|
2421
2447
|
"selected-block": m(l).selectedBlock.value,
|
|
2422
2448
|
settings: m(l).content.value.settings,
|
|
2423
|
-
"shifted-left":
|
|
2449
|
+
"shifted-left": J.value,
|
|
2424
2450
|
onUpdateBlock: n[4] ||= (e) => m(l).updateBlock(m(l).state.selectedBlockId, e),
|
|
2425
2451
|
onDeleteBlock: n[5] ||= () => {
|
|
2426
|
-
m(l).state.selectedBlockId && m(
|
|
2452
|
+
m(l).state.selectedBlockId && m(G).blockActions.deleteBlock(m(l).state.selectedBlockId);
|
|
2427
2453
|
},
|
|
2428
2454
|
onDuplicateBlock: n[6] ||= () => {
|
|
2429
|
-
m(l).selectedBlock.value && m(
|
|
2455
|
+
m(l).selectedBlock.value && m(G).blockActions.duplicateBlock(m(l).selectedBlock.value);
|
|
2430
2456
|
},
|
|
2431
2457
|
onUpdateSettings: n[7] ||= (e) => m(l).updateSettings(e)
|
|
2432
2458
|
}, null, 8, [
|
|
@@ -2436,11 +2462,11 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2436
2462
|
]), [[A, !m(l).state.previewMode]])
|
|
2437
2463
|
]),
|
|
2438
2464
|
O("div", {
|
|
2439
|
-
ref: (e) => m(
|
|
2465
|
+
ref: (e) => m(G).popoverRoot.value = e,
|
|
2440
2466
|
class: "tpl-popover-root"
|
|
2441
2467
|
}, null, 512),
|
|
2442
2468
|
h(mi),
|
|
2443
|
-
h(
|
|
2469
|
+
h(Fi),
|
|
2444
2470
|
m(S)?.isAvailable.value ? (o(), T(m(D), {
|
|
2445
2471
|
key: 0,
|
|
2446
2472
|
feature: m(S)
|
|
@@ -2450,8 +2476,8 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2450
2476
|
feature: m(k),
|
|
2451
2477
|
provider: t.config.media,
|
|
2452
2478
|
locale: t.config.locale,
|
|
2453
|
-
"ui-theme": m(
|
|
2454
|
-
"popover-target": m(
|
|
2479
|
+
"ui-theme": m(G).resolvedTheme.value,
|
|
2480
|
+
"popover-target": m(G).popoverRoot.value
|
|
2455
2481
|
}, null, 8, [
|
|
2456
2482
|
"feature",
|
|
2457
2483
|
"provider",
|
|
@@ -2467,17 +2493,17 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2467
2493
|
key: 3,
|
|
2468
2494
|
feature: m(L)
|
|
2469
2495
|
}, null, 8, ["feature"])) : b("", !0),
|
|
2470
|
-
m(
|
|
2496
|
+
m(q)?.isAvailable.value ? (o(), T(m(V), {
|
|
2471
2497
|
key: 4,
|
|
2472
|
-
feature: m(
|
|
2498
|
+
feature: m(q)
|
|
2473
2499
|
}, null, 8, ["feature"])) : b("", !0),
|
|
2474
|
-
t.cloud && m(u) && m(
|
|
2500
|
+
t.cloud && m(u) && m(K) ? (o(), T(m(z), {
|
|
2475
2501
|
key: 5,
|
|
2476
2502
|
editor: m(l),
|
|
2477
|
-
core: m(
|
|
2503
|
+
core: m(G),
|
|
2478
2504
|
runtime: t.cloud,
|
|
2479
2505
|
cloud: m(u),
|
|
2480
|
-
ready: m(
|
|
2506
|
+
ready: m(K)
|
|
2481
2507
|
}, null, 8, [
|
|
2482
2508
|
"editor",
|
|
2483
2509
|
"core",
|
|
@@ -2485,26 +2511,29 @@ var Yn = ["aria-label"], Xn = {
|
|
|
2485
2511
|
"cloud",
|
|
2486
2512
|
"ready"
|
|
2487
2513
|
])) : b("", !0),
|
|
2488
|
-
m(
|
|
2489
|
-
], 46,
|
|
2514
|
+
m(te) ? (o(), T(wr, { key: 6 })) : b("", !0)
|
|
2515
|
+
], 46, Ii));
|
|
2490
2516
|
}
|
|
2491
|
-
}), [["__scopeId", "data-v-
|
|
2517
|
+
}), [["__scopeId", "data-v-7435124d"]]), Wi = /@import\s*(?:url\(\s*(?:"[^"]*"|'[^']*'|[^)]*)\s*\)|"[^"]*"|'[^']*')[^;]*;/g;
|
|
2518
|
+
function Gi(e) {
|
|
2519
|
+
return e.replace(Wi, "");
|
|
2520
|
+
}
|
|
2492
2521
|
//#endregion
|
|
2493
2522
|
//#region src/utils/renderProvider.ts
|
|
2494
|
-
function
|
|
2523
|
+
function Ki(e) {
|
|
2495
2524
|
return {
|
|
2496
2525
|
customFonts: e.customFonts.value,
|
|
2497
2526
|
defaultFallback: e.defaultFallback.value
|
|
2498
2527
|
};
|
|
2499
2528
|
}
|
|
2500
|
-
async function
|
|
2501
|
-
let t =
|
|
2502
|
-
return n || (
|
|
2529
|
+
async function qi(e) {
|
|
2530
|
+
let t = G(e.getContent()), n = e.getLayout?.(), r = n ? J(n, t) : t;
|
|
2531
|
+
return n || (oe(r), W(r)), await rn(r, { renderCustomBlock: e.renderCustomBlock }), {
|
|
2503
2532
|
content: r,
|
|
2504
2533
|
fonts: e.getFonts()
|
|
2505
2534
|
};
|
|
2506
2535
|
}
|
|
2507
|
-
function
|
|
2536
|
+
function Ji(e) {
|
|
2508
2537
|
async function t() {
|
|
2509
2538
|
let t = e.provider, n = t?.toMjml?.bind(t);
|
|
2510
2539
|
return n ? n(await e.buildPayload()) : e.renderLocalMjml();
|
|
@@ -2527,50 +2556,50 @@ function Gi(e) {
|
|
|
2527
2556
|
}
|
|
2528
2557
|
//#endregion
|
|
2529
2558
|
//#region \0virtual:editor-css
|
|
2530
|
-
var Ki = "@import\"https://fonts.bunny.net/css?family=geist:400,500,600\";.tpl-loading-track[data-v-e61f3b63]{height:3px;width:100%;border-radius:9999px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 15%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 30%,var(--tpl-primary) 50%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 70%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 85%,transparent 100%);background-size:200% 100%;animation:tpl-loading-flow-e61f3b63 3s ease-in-out infinite}@keyframes tpl-loading-flow-e61f3b63{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.tpl-loading-track[data-v-e61f3b63]{animation:none;background-position:50% 0}}.tpl-block--idle[data-v-2c239048]{outline:1.5px dashed color-mix(in srgb,var(--tpl-primary) 30%,transparent);outline-offset:-1px;transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--idle[data-v-2c239048]:hover{outline:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent);outline-offset:-1px;box-shadow:0 0 8px color-mix(in srgb,var(--tpl-primary) 8%,transparent)}.tpl-block--picked[data-v-2c239048]{outline:2px solid var(--tpl-primary);outline-offset:-1px;box-shadow:0 0 0 4px color-mix(in srgb,var(--tpl-primary) 18%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--selected[data-v-2c239048]{outline:2px solid color-mix(in srgb,var(--tpl-primary) 60%,transparent);outline-offset:-1px;box-shadow:0 0 12px color-mix(in srgb,var(--tpl-primary) 15%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block-action-btn[data-v-2c239048]{color:var(--tpl-chrome-text-muted);background-color:transparent}.tpl-block-action-btn[data-v-2c239048]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-chrome-text)}.tpl-block-action-btn[data-v-2c239048]:active{transform:scale(.9)}.tpl-block-delete-btn[data-v-2c239048]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-condition-toggle[data-v-2c239048]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-condition-toggle[data-v-2c239048]:active{transform:scale(.9)}.tpl-block-hidden-overlay[data-v-2c239048]{background-color:color-mix(in srgb,var(--tpl-bg) 60%,transparent)}.tpl-table-editable[data-v-963ac422] th[contenteditable],.tpl-table-editable[data-v-963ac422] td[contenteditable]{outline:none;cursor:text;min-width:calc(2 * var(--tpl-base-size))}.tpl-table-editable[data-v-963ac422] th[contenteditable]:empty:before,.tpl-table-editable[data-v-963ac422] td[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--tpl-text-dim);pointer-events:none}.tpl-table-editable[data-v-963ac422] th[contenteditable]:focus,.tpl-table-editable[data-v-963ac422] td[contenteditable]:focus{outline:2px solid var(--tpl-primary);outline-offset:-2px;border-radius:1px}.tpl-canvas--dark-mode[data-v-699490d7] .tpl-block-content:not(.tpl-block-content *){filter:invert(1) hue-rotate(180deg)}[data-v-699490d7] .tpl-block-content{transition:filter .3s ease}.tpl-canvas--dark-mode[data-v-699490d7] .tpl-block-content img{filter:invert(1) hue-rotate(180deg)}.tpl-icon-enter-active[data-v-632aa74f],.tpl-icon-leave-active[data-v-632aa74f]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-632aa74f],.tpl-icon-leave-to[data-v-632aa74f]{opacity:0;transform:scale(.8)}.tpl-dark-mode-toggle[data-v-632aa74f]:hover{background-color:var(--tpl-bg-hover)}.tpl-dark-mode-toggle[data-v-632aa74f]:active{transform:scale(.92)}.tpl-icon-enter-active[data-v-eef7b2ca],.tpl-icon-leave-active[data-v-eef7b2ca]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-eef7b2ca],.tpl-icon-leave-to[data-v-eef7b2ca]{opacity:0;transform:scale(.8)}.tpl-preview-toggle[data-v-eef7b2ca]:hover{background-color:var(--tpl-bg-hover)}.tpl-preview-toggle[data-v-eef7b2ca]:active{transform:scale(.92)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tpl-comet-angle:0deg;--tpl-comet-start:100%}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-md:calc(.375 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tpl-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tpl-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\\:pointer-events-auto{pointer-events:auto}.tpl\\:pointer-events-none{pointer-events:none}.tpl\\:invisible{visibility:hidden}.tpl\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl\\:absolute{position:absolute}.tpl\\:fixed{position:fixed}.tpl\\:relative{position:relative}.tpl\\:sticky{position:sticky}.tpl\\:inset-0{inset:0}.tpl\\:inset-x-0{inset-inline:0}.tpl\\:inset-y-1{inset-block:calc(var(--tpl-base-size) / 4)}.tpl\\:-top-0\\.5{top:calc(calc(var(--tpl-base-size) / 4) * -.5)}.tpl\\:-top-1{top:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:top-0{top:0}.tpl\\:top-1{top:calc(var(--tpl-base-size) / 4)}.tpl\\:top-1\\.5{top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:top-1\\/2{top:50%}.tpl\\:top-2{top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:top-14{top:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:top-16{top:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:top-\\[104px\\]{top:104px}.tpl\\:top-full{top:100%}.tpl\\:-right-1{right:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:-right-2{right:calc(calc(var(--tpl-base-size) / 4) * -2)}.tpl\\:right-0{right:0}.tpl\\:right-1{right:calc(var(--tpl-base-size) / 4)}.tpl\\:right-1\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:right-2{right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:right-2\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:right-\\[320px\\]{right:320px}.tpl\\:right-\\[360px\\]{right:360px}.tpl\\:right-\\[680px\\]{right:680px}.tpl\\:bottom-0{bottom:0}.tpl\\:bottom-1{bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:bottom-10{bottom:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:bottom-full{bottom:100%}.tpl\\:-left-1{left:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:left-0{left:0}.tpl\\:left-1\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:left-1\\/2{left:50%}.tpl\\:left-2\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:left-3{left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:left-5{left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:left-12{left:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:z-10{z-index:10}.tpl\\:z-40{z-index:40}.tpl\\:z-50{z-index:50}.tpl\\:z-\\[4\\]{z-index:4}.tpl\\:z-\\[5\\]{z-index:5}.tpl\\:z-\\[60\\]{z-index:60}.tpl\\:z-\\[100\\]{z-index:100}.tpl\\:m-0{margin:0}.tpl\\:m-6{margin:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-0\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mx-1{margin-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:mx-1\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mx-3{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mx-4{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mx-6{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-auto{margin-inline:auto}.tpl\\:mt-0\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mt-1{margin-top:calc(var(--tpl-base-size) / 4)}.tpl\\:mt-1\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mt-2{margin-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mt-3{margin-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mt-4{margin-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:\\!mb-0{margin-bottom:0!important}.tpl\\:mb-1{margin-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:mb-1\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mb-2{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mb-2\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:mb-3{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mb-3\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:mb-4{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mb-px{margin-bottom:1px}.tpl\\:-ml-48{margin-left:calc(calc(var(--tpl-base-size) / 4) * -48)}.tpl\\:ml-0{margin-left:0}.tpl\\:ml-0\\.5{margin-left:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:ml-1{margin-left:calc(var(--tpl-base-size) / 4)}.tpl\\:ml-5{margin-left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:ml-auto{margin-left:auto}.tpl\\:line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:\\!flex{display:flex!important}.tpl\\:block{display:block}.tpl\\:flex{display:flex}.tpl\\:grid{display:grid}.tpl\\:hidden{display:none}.tpl\\:inline{display:inline}.tpl\\:inline-block{display:inline-block}.tpl\\:inline-flex{display:inline-flex}.tpl\\:aspect-square{aspect-ratio:1}.tpl\\:size-1\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 1.5);height:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:size-2{width:calc(calc(var(--tpl-base-size) / 4) * 2);height:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:size-3{width:calc(calc(var(--tpl-base-size) / 4) * 3);height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:size-4{width:calc(calc(var(--tpl-base-size) / 4) * 4);height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:size-4\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 4.5);height:calc(calc(var(--tpl-base-size) / 4) * 4.5)}.tpl\\:size-5{width:calc(calc(var(--tpl-base-size) / 4) * 5);height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:size-6{width:calc(calc(var(--tpl-base-size) / 4) * 6);height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:size-7{width:calc(calc(var(--tpl-base-size) / 4) * 7);height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:size-8{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:size-10{width:calc(calc(var(--tpl-base-size) / 4) * 10);height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:size-16{width:calc(calc(var(--tpl-base-size) / 4) * 16);height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:size-full{width:100%;height:100%}.tpl\\:h-0{height:0}.tpl\\:h-2\\.5{height:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:h-3{height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:h-4{height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:h-5{height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:h-6{height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:h-7{height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:h-8{height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:h-9{height:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:h-10{height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:h-12{height:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:h-14{height:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:h-16{height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:h-32{height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:h-44{height:calc(calc(var(--tpl-base-size) / 4) * 44)}.tpl\\:h-\\[32px\\]{height:32px}.tpl\\:h-auto{height:auto}.tpl\\:h-full{height:100%}.tpl\\:max-h-24{max-height:calc(calc(var(--tpl-base-size) / 4) * 24)}.tpl\\:max-h-32{max-height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:max-h-48{max-height:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:max-h-56{max-height:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:max-h-64{max-height:calc(calc(var(--tpl-base-size) / 4) * 64)}.tpl\\:max-h-\\[50vh\\]{max-height:50vh}.tpl\\:max-h-\\[60vh\\]{max-height:60vh}.tpl\\:max-h-\\[80\\%\\]{max-height:80%}.tpl\\:max-h-\\[80vh\\]{max-height:80vh}.tpl\\:max-h-\\[90\\%\\]{max-height:90%}.tpl\\:max-h-\\[90vh\\]{max-height:90vh}.tpl\\:max-h-full{max-height:100%}.tpl\\:min-h-0{min-height:0}.tpl\\:min-h-6{min-height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-h-10{min-height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:min-h-20{min-height:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:min-h-\\[1\\.5em\\]{min-height:1.5em}.tpl\\:min-h-\\[1em\\]{min-height:1em}.tpl\\:min-h-\\[48px\\]{min-height:48px}.tpl\\:min-h-\\[60px\\]{min-height:60px}.tpl\\:min-h-\\[64px\\]{min-height:64px}.tpl\\:min-h-\\[68px\\]{min-height:68px}.tpl\\:min-h-\\[72px\\]{min-height:72px}.tpl\\:min-h-\\[80px\\]{min-height:80px}.tpl\\:min-h-\\[100px\\]{min-height:100px}.tpl\\:min-h-\\[120px\\]{min-height:120px}.tpl\\:min-h-\\[150px\\]{min-height:150px}.tpl\\:min-h-\\[400px\\]{min-height:400px}.tpl\\:w-1\\/2{width:50%}.tpl\\:w-1\\/3{width:33.3333%}.tpl\\:w-1\\/4{width:25%}.tpl\\:w-2\\/3{width:66.6667%}.tpl\\:w-3\\/4{width:75%}.tpl\\:w-5\\/6{width:83.3333%}.tpl\\:w-7{width:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:w-8{width:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:w-9{width:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:w-10{width:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:w-12{width:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:w-16{width:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:w-20{width:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:w-28{width:calc(calc(var(--tpl-base-size) / 4) * 28)}.tpl\\:w-32{width:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:w-36{width:calc(calc(var(--tpl-base-size) / 4) * 36)}.tpl\\:w-40{width:calc(calc(var(--tpl-base-size) / 4) * 40)}.tpl\\:w-48{width:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:w-52{width:calc(calc(var(--tpl-base-size) / 4) * 52)}.tpl\\:w-56{width:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:w-72{width:calc(calc(var(--tpl-base-size) / 4) * 72)}.tpl\\:w-\\[280px\\]{width:280px}.tpl\\:w-\\[300px\\]{width:300px}.tpl\\:w-\\[320px\\]{width:320px}.tpl\\:w-\\[360px\\]{width:360px}.tpl\\:w-\\[400px\\]{width:400px}.tpl\\:w-\\[420px\\]{width:420px}.tpl\\:w-\\[1000px\\]{width:1000px}.tpl\\:w-\\[min\\(420px\\,92vw\\)\\]{width:min(420px,92vw)}.tpl\\:w-full{width:100%}.tpl\\:w-px{width:1px}.tpl\\:max-w-2xl{max-width:calc(42 * var(--tpl-base-size))}.tpl\\:max-w-3xl{max-width:calc(48 * var(--tpl-base-size))}.tpl\\:max-w-\\[220px\\]{max-width:220px}.tpl\\:max-w-\\[240px\\]{max-width:240px}.tpl\\:max-w-\\[260px\\]{max-width:260px}.tpl\\:max-w-\\[320px\\]{max-width:320px}.tpl\\:max-w-\\[600px\\]{max-width:600px}.tpl\\:max-w-\\[calc\\(100\\%_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100% - 2 * var(--tpl-base-size))}.tpl\\:max-w-\\[calc\\(100vw_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100vw - 2 * var(--tpl-base-size))}.tpl\\:max-w-full{max-width:100%}.tpl\\:max-w-md{max-width:calc(28 * var(--tpl-base-size))}.tpl\\:max-w-sm{max-width:calc(24 * var(--tpl-base-size))}.tpl\\:min-w-0{min-width:0}.tpl\\:min-w-6{min-width:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-w-\\[20px\\]{min-width:20px}.tpl\\:min-w-\\[200px\\]{min-width:200px}.tpl\\:flex-1{flex:1}.tpl\\:flex-shrink-0,.tpl\\:shrink-0{flex-shrink:0}.tpl\\:origin-top-right{transform-origin:100% 0}.tpl\\:-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-4{--tw-translate-x:calc(calc(var(--tpl-base-size) / 4) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-2{--tw-translate-y:calc(calc(var(--tpl-base-size) / 4) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-1{--tw-translate-y:calc(var(--tpl-base-size) / 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-\\[-8px\\]{--tw-translate-y:-8px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:-rotate-90{rotate:-90deg}.tpl\\:rotate-0{rotate:0deg}.tpl\\:rotate-45{rotate:45deg}.tpl\\:rotate-90{rotate:90deg}.tpl\\:rotate-180{rotate:180deg}.tpl\\:animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.tpl\\:animate-spin{animation:1s linear infinite spin}.tpl\\:cursor-default{cursor:default}.tpl\\:cursor-grab{cursor:grab}.tpl\\:cursor-help{cursor:help}.tpl\\:cursor-not-allowed{cursor:not-allowed}.tpl\\:cursor-pointer{cursor:pointer}.tpl\\:resize-none{resize:none}.tpl\\:resize-y{resize:vertical}.tpl\\:list-none{list-style-type:none}.tpl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tpl\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.tpl\\:grid-cols-\\[1fr_auto_1fr\\]{grid-template-columns:1fr auto 1fr}.tpl\\:flex-col{flex-direction:column}.tpl\\:flex-row-reverse{flex-direction:row-reverse}.tpl\\:flex-wrap{flex-wrap:wrap}.tpl\\:items-center{align-items:center}.tpl\\:items-end{align-items:flex-end}.tpl\\:items-start{align-items:flex-start}.tpl\\:items-stretch{align-items:stretch}.tpl\\:justify-between{justify-content:space-between}.tpl\\:justify-center{justify-content:center}.tpl\\:justify-end{justify-content:flex-end}.tpl\\:gap-0{gap:0}.tpl\\:gap-0\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-1{gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-1\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:gap-2{gap:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:gap-2\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:gap-3{gap:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:gap-3\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:gap-4{gap:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:gap-5{gap:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:gap-6{gap:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:gap-10{gap:calc(calc(var(--tpl-base-size) / 4) * 10)}:where(.tpl\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tpl-base-size) / 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tpl-base-size) / 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * calc(1 - var(--tw-space-y-reverse)))}.tpl\\:gap-x-1{column-gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-x-3{column-gap:calc(calc(var(--tpl-base-size) / 4) * 3)}:where(.tpl\\:-space-x-1\\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}.tpl\\:gap-y-0\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-y-1\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:self-end{align-self:flex-end}.tpl\\:self-start{align-self:flex-start}.tpl\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tpl\\:overflow-auto{overflow:auto}.tpl\\:overflow-hidden{overflow:hidden}.tpl\\:overflow-x-auto{overflow-x:auto}.tpl\\:overflow-y-auto{overflow-y:auto}.tpl\\:rounded{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-\\[calc\\(var\\(--tpl-radius-sm\\)-2px\\)\\]{border-radius:calc(var(--tpl-radius-sm) - 2px)}.tpl\\:rounded-\\[var\\(--tpl-radius\\)\\]{border-radius:var(--tpl-radius)}.tpl\\:rounded-\\[var\\(--tpl-radius-lg\\)\\]{border-radius:var(--tpl-radius-lg)}.tpl\\:rounded-\\[var\\(--tpl-radius-md\\)\\]{border-radius:var(--tpl-radius-md)}.tpl\\:rounded-\\[var\\(--tpl-radius-sm\\)\\]{border-radius:var(--tpl-radius-sm)}.tpl\\:rounded-full{border-radius:3.40282e38px}.tpl\\:rounded-lg{border-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-md{border-radius:calc(.375 * var(--tpl-base-size))}.tpl\\:rounded-sm{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-xl{border-radius:calc(.75 * var(--tpl-base-size))}.tpl\\:rounded-l-\\[var\\(--tpl-radius-sm\\)\\]{border-top-left-radius:var(--tpl-radius-sm);border-bottom-left-radius:var(--tpl-radius-sm)}.tpl\\:rounded-tl-lg{border-top-left-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-r-\\[var\\(--tpl-radius-sm\\)\\]{border-top-right-radius:var(--tpl-radius-sm);border-bottom-right-radius:var(--tpl-radius-sm)}.tpl\\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.tpl\\:border{border-style:var(--tw-border-style);border-width:1px}.tpl\\:border-0{border-style:var(--tw-border-style);border-width:0}.tpl\\:border-2{border-style:var(--tw-border-style);border-width:2px}.tpl\\:border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.tpl\\:border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.tpl\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.tpl\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.tpl\\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.tpl\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.tpl\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.tpl\\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.tpl\\:border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.tpl\\:border-dashed{--tw-border-style:dashed;border-style:dashed}.tpl\\:border-none{--tw-border-style:none;border-style:none}.tpl\\:border-\\[var\\(--tpl-bg\\)\\]{border-color:var(--tpl-bg)}.tpl\\:border-\\[var\\(--tpl-border\\)\\]{border-color:var(--tpl-border)}.tpl\\:border-\\[var\\(--tpl-border-light\\)\\]{border-color:var(--tpl-border-light)}.tpl\\:border-\\[var\\(--tpl-danger\\)\\]{border-color:var(--tpl-danger)}.tpl\\:border-\\[var\\(--tpl-primary\\)\\]{border-color:var(--tpl-primary)}.tpl\\:border-\\[var\\(--tpl-primary-hover\\)\\]{border-color:var(--tpl-primary-hover)}.tpl\\:border-\\[var\\(--tpl-warning\\)\\]{border-color:var(--tpl-warning)}.tpl\\:border-transparent{border-color:#0000}.tpl\\:border-l-\\[var\\(--tpl-primary\\)\\]{border-left-color:var(--tpl-primary)}.tpl\\:border-l-transparent{border-left-color:#0000}.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:var(--tpl-bg)}@supports (color:color-mix(in lab,red,red)){.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:color-mix(in srgb,var(--tpl-bg) 90%,transparent)}}.tpl\\:bg-\\[var\\(--tpl-bg\\)\\]{background-color:var(--tpl-bg)}.tpl\\:bg-\\[var\\(--tpl-bg-active\\)\\]{background-color:var(--tpl-bg-active)}.tpl\\:bg-\\[var\\(--tpl-bg-elevated\\)\\]{background-color:var(--tpl-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-bg-hover\\)\\]{background-color:var(--tpl-bg-hover)}.tpl\\:bg-\\[var\\(--tpl-border\\)\\]{background-color:var(--tpl-border)}.tpl\\:bg-\\[var\\(--tpl-canvas-bg\\)\\]{background-color:var(--tpl-canvas-bg)}.tpl\\:bg-\\[var\\(--tpl-chrome-bg-elevated\\)\\]{background-color:var(--tpl-chrome-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-chrome-primary-light\\)\\]{background-color:var(--tpl-chrome-primary-light)}.tpl\\:bg-\\[var\\(--tpl-danger\\)\\]{background-color:var(--tpl-danger)}.tpl\\:bg-\\[var\\(--tpl-danger-light\\)\\]{background-color:var(--tpl-danger-light)}.tpl\\:bg-\\[var\\(--tpl-primary\\)\\]{background-color:var(--tpl-primary)}.tpl\\:bg-\\[var\\(--tpl-primary-light\\)\\]{background-color:var(--tpl-primary-light)}.tpl\\:bg-\\[var\\(--tpl-warning-light\\)\\]{background-color:var(--tpl-warning-light)}.tpl\\:bg-black\\/30{background-color:oklab(0% none none/.3)}.tpl\\:bg-transparent{background-color:#0000}.tpl\\:object-contain{object-fit:contain}.tpl\\:object-cover{object-fit:cover}.tpl\\:p-0{padding:0}.tpl\\:p-0\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:p-1{padding:calc(var(--tpl-base-size) / 4)}.tpl\\:p-1\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:p-2{padding:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:p-3{padding:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:p-4{padding:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:p-5{padding:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:p-6{padding:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:p-8{padding:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-0\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:px-1{padding-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:px-1\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:px-2{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:px-2\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:px-3{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:px-3\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:px-4{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:px-5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:px-6{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:px-8{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-10{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-0{padding-block:0}.tpl\\:py-0\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:py-1{padding-block:calc(var(--tpl-base-size) / 4)}.tpl\\:py-1\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:py-2{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:py-2\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:py-3{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:py-3\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:py-4{padding-block:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:py-5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:py-6{padding-block:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:py-8{padding-block:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:py-10{padding-block:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-12{padding-block:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:py-16{padding-block:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:py-\\[5px\\]{padding-block:5px}.tpl\\:py-\\[7px\\]{padding-block:7px}.tpl\\:py-px{padding-block:1px}.tpl\\:pt-1{padding-top:calc(var(--tpl-base-size) / 4)}.tpl\\:pt-2{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pt-2\\.5{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pt-3{padding-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pt-4{padding-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-2{padding-right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pr-3{padding-right:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pr-4{padding-right:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-7{padding-right:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:pr-8{padding-right:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pb-1{padding-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:pb-1\\.5{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:pb-2{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pb-3{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pb-4{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-2\\.5{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pl-3{padding-left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pl-4{padding-left:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-8{padding-left:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pl-9{padding-left:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:pl-\\[18px\\]{padding-left:18px}.tpl\\:text-center{text-align:center}.tpl\\:text-left{text-align:left}.tpl\\:font-\\[inherit\\]{font-family:inherit}.tpl\\:font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tpl\\:font-sans{font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tpl\\:text-4xl{font-size:calc(2.25 * var(--tpl-base-size));line-height:var(--tw-leading,calc(2.5 / 2.25))}.tpl\\:text-base{font-size:var(--tpl-base-size);line-height:var(--tw-leading, 1.5 )}.tpl\\:text-lg{font-size:calc(1.125 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.75 / 1.125))}.tpl\\:text-sm{font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875))}.tpl\\:text-xs{font-size:calc(.75 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1 / .75))}.tpl\\:text-\\[0\\.8em\\]{font-size:.8em}.tpl\\:text-\\[0\\.9em\\]{font-size:.9em}.tpl\\:text-\\[1em\\]{font-size:1em}.tpl\\:text-\\[10px\\]{font-size:10px}.tpl\\:text-\\[12px\\]{font-size:12px}.tpl\\:text-\\[13px\\]{font-size:13px}.tpl\\:text-\\[length\\:inherit\\]{font-size:inherit}.tpl\\:leading-none{--tw-leading:1;line-height:1}.tpl\\:leading-normal{--tw-leading:1.5;line-height:1.5}.tpl\\:leading-relaxed{--tw-leading:1.625;line-height:1.625}.tpl\\:leading-snug{--tw-leading:1.375;line-height:1.375}.tpl\\:leading-tight{--tw-leading:1.25;line-height:1.25}.tpl\\:font-\\[var\\(--tpl-font-family\\)\\]{--tw-font-weight:var(--tpl-font-family);font-weight:var(--tpl-font-family)}.tpl\\:font-bold{--tw-font-weight:700;font-weight:700}.tpl\\:font-medium{--tw-font-weight:500;font-weight:500}.tpl\\:font-normal{--tw-font-weight:400;font-weight:400}.tpl\\:font-semibold{--tw-font-weight:600;font-weight:600}.tpl\\:tracking-wide{--tw-tracking:.025em;letter-spacing:.025em}.tpl\\:tracking-wider{--tw-tracking:.05em;letter-spacing:.05em}.tpl\\:break-all{word-break:break-all}.tpl\\:text-ellipsis{text-overflow:ellipsis}.tpl\\:whitespace-nowrap{white-space:nowrap}.tpl\\:whitespace-pre-wrap{white-space:pre-wrap}.tpl\\:text-\\[var\\(--tpl-bg\\)\\]{color:var(--tpl-bg)}.tpl\\:text-\\[var\\(--tpl-border\\)\\]{color:var(--tpl-border)}.tpl\\:text-\\[var\\(--tpl-border-light\\)\\]{color:var(--tpl-border-light)}.tpl\\:text-\\[var\\(--tpl-chrome-text-dim\\)\\]{color:var(--tpl-chrome-text-dim)}.tpl\\:text-\\[var\\(--tpl-chrome-text-muted\\)\\]{color:var(--tpl-chrome-text-muted)}.tpl\\:text-\\[var\\(--tpl-danger\\)\\]{color:var(--tpl-danger)}.tpl\\:text-\\[var\\(--tpl-on-primary\\)\\]{color:var(--tpl-on-primary)}.tpl\\:text-\\[var\\(--tpl-primary\\)\\]{color:var(--tpl-primary)}.tpl\\:text-\\[var\\(--tpl-primary-hover\\)\\]{color:var(--tpl-primary-hover)}.tpl\\:text-\\[var\\(--tpl-success\\)\\]{color:var(--tpl-success)}.tpl\\:text-\\[var\\(--tpl-success\\,var\\(--tpl-primary\\)\\)\\]{color:var(--tpl-success,var(--tpl-primary))}.tpl\\:text-\\[var\\(--tpl-text\\)\\]{color:var(--tpl-text)}.tpl\\:text-\\[var\\(--tpl-text-dim\\)\\]{color:var(--tpl-text-dim)}.tpl\\:text-\\[var\\(--tpl-text-muted\\)\\]{color:var(--tpl-text-muted)}.tpl\\:text-\\[var\\(--tpl-warning\\)\\]{color:var(--tpl-warning)}.tpl\\:normal-case{text-transform:none}.tpl\\:uppercase{text-transform:uppercase}.tpl\\:italic{font-style:italic}.tpl\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tpl\\:no-underline{text-decoration-line:none}.tpl\\:underline{text-decoration-line:underline}.tpl\\:accent-\\[var\\(--tpl-primary\\)\\]{accent-color:var(--tpl-primary)}.tpl\\:opacity-0{opacity:0}.tpl\\:opacity-50{opacity:.5}.tpl\\:opacity-60{opacity:.6}.tpl\\:opacity-70{opacity:.7}.tpl\\:opacity-90{opacity:.9}.tpl\\:opacity-100{opacity:1}.tpl\\:shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-ring\\)\\]{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow\\)\\]{--tw-shadow:var(--tpl-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-lg\\)\\]{--tw-shadow:var(--tpl-shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-\\[var\\(--tpl-border\\)\\]{--tw-ring-color:var(--tpl-border)}.tpl\\:ring-\\[var\\(--tpl-primary\\)\\]{--tw-ring-color:var(--tpl-primary)}.tpl\\:ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:backdrop-blur-\\[2px\\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.tpl\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.tpl\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.tpl\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.tpl\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.tpl\\:duration-\\[80ms\\]{--tw-duration:80ms;transition-duration:80ms}.tpl\\:duration-\\[120ms\\]{--tw-duration:.12s;transition-duration:.12s}.tpl\\:ease-\\[cubic-bezier\\(0\\.16\\,1\\,0\\.3\\,1\\)\\]{--tw-ease:cubic-bezier(.16,1,.3,1);transition-timing-function:cubic-bezier(.16,1,.3,1)}.tpl\\:ease-in{--tw-ease:cubic-bezier(.4, 0, 1, 1);transition-timing-function:cubic-bezier(.4,0,1,1)}.tpl\\:ease-out{--tw-ease:cubic-bezier(0, 0, .2, 1);transition-timing-function:cubic-bezier(0,0,.2,1)}.tpl\\:outline-none{--tw-outline-style:none;outline-style:none}.tpl\\:select-none{-webkit-user-select:none;user-select:none}.tpl\\:group-focus-within\\:opacity-100:is(:where(.tpl\\:group):focus-within *){opacity:1}@media(hover:hover){.tpl\\:group-hover\\:bg-black\\/40:is(:where(.tpl\\:group):hover *){background-color:oklab(0% none none/.4)}.tpl\\:group-hover\\:opacity-100:is(:where(.tpl\\:group):hover *){opacity:1}}.tpl\\:placeholder\\:text-\\[var\\(--tpl-text-dim\\)\\]::placeholder{color:var(--tpl-text-dim)}.tpl\\:first\\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.tpl\\:last\\:mb-0:last-child{margin-bottom:0}@media(hover:hover){.tpl\\:hover\\:z-10:hover{z-index:10}.tpl\\:hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:border-\\[var\\(--tpl-border\\)\\]:hover{border-color:var(--tpl-border)}.tpl\\:hover\\:border-\\[var\\(--tpl-danger\\)\\]:hover{border-color:var(--tpl-danger)}.tpl\\:hover\\:border-\\[var\\(--tpl-primary\\)\\]:hover{border-color:var(--tpl-primary)}.tpl\\:hover\\:border-\\[var\\(--tpl-text-dim\\)\\]:hover{border-color:var(--tpl-text-dim)}.tpl\\:hover\\:border-l-\\[var\\(--tpl-primary\\)\\]:hover{border-left-color:var(--tpl-primary)}.tpl\\:hover\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-text\\)_8\\%\\,transparent\\)\\]:hover{background-color:var(--tpl-text)}@supports (color:color-mix(in lab,red,red)){.tpl\\:hover\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-text\\)_8\\%\\,transparent\\)\\]:hover{background-color:color-mix(in srgb,var(--tpl-text) 8%,transparent)}}.tpl\\:hover\\:bg-\\[var\\(--tpl-bg-active\\)\\]:hover{background-color:var(--tpl-bg-active)}.tpl\\:hover\\:bg-\\[var\\(--tpl-bg-hover\\)\\]:hover{background-color:var(--tpl-bg-hover)}.tpl\\:hover\\:bg-\\[var\\(--tpl-danger-light\\)\\]:hover{background-color:var(--tpl-danger-light)}.tpl\\:hover\\:bg-\\[var\\(--tpl-primary-hover\\)\\]:hover{background-color:var(--tpl-primary-hover)}.tpl\\:hover\\:bg-\\[var\\(--tpl-primary-light\\)\\]:hover{background-color:var(--tpl-primary-light)}.tpl\\:hover\\:bg-\\[var\\(--tpl-warning-light\\)\\]:hover{background-color:var(--tpl-warning-light)}.tpl\\:hover\\:text-\\[var\\(--tpl-danger\\)\\]:hover{color:var(--tpl-danger)}.tpl\\:hover\\:text-\\[var\\(--tpl-primary\\)\\]:hover{color:var(--tpl-primary)}.tpl\\:hover\\:text-\\[var\\(--tpl-text\\)\\]:hover{color:var(--tpl-text)}.tpl\\:hover\\:underline:hover{text-decoration-line:underline}.tpl\\:hover\\:opacity-80:hover{opacity:.8}.tpl\\:hover\\:opacity-100:hover{opacity:1}.tpl\\:hover\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]:hover{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:hover\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]:hover{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.tpl\\:focus\\:border-\\[var\\(--tpl-primary\\)\\]:focus{border-color:var(--tpl-primary)}.tpl\\:focus\\:shadow-\\[0_0_0_3px_var\\(--tpl-primary-light\\)\\]:focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--tpl-primary-light));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus\\:shadow-\\[var\\(--tpl-ring\\)\\]:focus,.tpl\\:focus-visible\\:shadow-\\[var\\(--tpl-ring\\)\\]:focus-visible{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus-visible\\:ring-\\[var\\(--tpl-primary\\)\\]:focus-visible{--tw-ring-color:var(--tpl-primary)}.tpl\\:focus-visible\\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:focus-visible\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]:focus-visible{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.tpl\\:active\\:cursor-grabbing:active{cursor:grabbing}.tpl\\:active\\:bg-\\[var\\(--tpl-bg-active\\)\\]:active{background-color:var(--tpl-bg-active)}.tpl\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.tpl\\:disabled\\:opacity-30:disabled{opacity:.3}.tpl\\:disabled\\:opacity-40:disabled{opacity:.4}.tpl\\:disabled\\:opacity-50:disabled{opacity:.5}@media(hover:hover){.tpl\\:disabled\\:hover\\:bg-transparent:disabled:hover{background-color:#0000}}.tpl\\:\\[\\&_p\\]\\:mb-2 p{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}@layer base,components;.tpl{--tpl-base-size:var(--tpl-user-base-size,16px);--tpl-bg:var(--tpl-user-bg,oklch(99.5% .002 60));--tpl-bg-elevated:var(--tpl-user-bg-elevated,oklch(98% .004 60));--tpl-bg-hover:var(--tpl-user-bg-hover,oklch(96% .006 60));--tpl-bg-active:var(--tpl-user-bg-active,oklch(93.5% .008 60));--tpl-border:var(--tpl-user-border,oklch(92% .006 60));--tpl-border-light:var(--tpl-user-border-light,oklch(86% .01 60));--tpl-text:var(--tpl-user-text,oklch(18% .01 60));--tpl-text-muted:var(--tpl-user-text-muted,oklch(50% .015 60));--tpl-text-dim:var(--tpl-user-text-dim,oklch(68% .012 60));--tpl-primary:var(--tpl-user-primary,oklch(70% .16 55));--tpl-primary-hover:var(--tpl-user-primary-hover,oklch(63% .17 55));--tpl-primary-light:var(--tpl-user-primary-light,oklch(95% .04 55));--tpl-on-primary:var(--tpl-user-on-primary,var(--tpl-bg));--tpl-secondary:var(--tpl-user-secondary,oklch(60% .118 184.71));--tpl-secondary-hover:var(--tpl-user-secondary-hover,oklch(53.2% .105 186.39));--tpl-secondary-light:var(--tpl-user-secondary-light,oklch(93.8% .03 186.82));--tpl-success:var(--tpl-user-success,oklch(62.8% .194 155.1));--tpl-success-light:var(--tpl-user-success-light,oklch(93.6% .043 163.51));--tpl-warning:var(--tpl-user-warning,oklch(76.9% .168 70.08));--tpl-warning-light:var(--tpl-user-warning-light,oklch(95% .038 73.59));--tpl-danger:var(--tpl-user-danger,oklch(63.7% .237 25.33));--tpl-danger-light:var(--tpl-user-danger-light,oklch(93.6% .032 17.72));--tpl-canvas-bg:var(--tpl-user-canvas-bg,oklch(97.5% .003 60));--tpl-chrome-bg-elevated:var(--tpl-bg-elevated);--tpl-chrome-border-light:var(--tpl-border-light);--tpl-chrome-text:var(--tpl-text);--tpl-chrome-text-muted:var(--tpl-text-muted);--tpl-chrome-text-dim:var(--tpl-text-dim);--tpl-chrome-primary-light:var(--tpl-primary-light);--tpl-chrome-primary-hover:var(--tpl-primary-hover);--tpl-radius:var(--tpl-user-radius,10px);--tpl-radius-sm:var(--tpl-user-radius-sm,7px);--tpl-radius-lg:var(--tpl-user-radius-lg,14px);--tpl-font-family:var(--tpl-user-font-family,\"Geist\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");--tpl-shadow-sm:var(--tpl-user-shadow-sm,0 1px 2px #00000008);--tpl-shadow:var(--tpl-user-shadow,0 1px 2px #0000000a, 0 1px 3px #00000008);--tpl-shadow-md:var(--tpl-user-shadow-md,0 2px 8px #0000000f, 0 1px 3px #0000000a);--tpl-shadow-lg:var(--tpl-user-shadow-lg,0 4px 16px #00000014, 0 2px 6px #0000000a);--tpl-shadow-xl:var(--tpl-user-shadow-xl,0 8px 32px #0000001a, 0 4px 12px #0000000f);--tpl-overlay:var(--tpl-user-overlay,#00000080);--tpl-ring:var(--tpl-user-ring,0 0 0 3px var(--tpl-primary-light));--tpl-transition:var(--tpl-user-transition,.12s cubic-bezier(.16, 1, .3, 1))}.tpl[data-tpl-theme=dark]{--tpl-bg:var(--tpl-user-dark-bg,oklch(16% .005 60));--tpl-bg-elevated:var(--tpl-user-dark-bg-elevated,oklch(21% .006 60));--tpl-bg-hover:var(--tpl-user-dark-bg-hover,oklch(26% .007 60));--tpl-bg-active:var(--tpl-user-dark-bg-active,oklch(30% .008 60));--tpl-border:var(--tpl-user-dark-border,oklch(30% .006 60));--tpl-border-light:var(--tpl-user-dark-border-light,oklch(38% .008 60));--tpl-text:var(--tpl-user-dark-text,oklch(93% .005 60));--tpl-text-muted:var(--tpl-user-dark-text-muted,oklch(65% .01 60));--tpl-text-dim:var(--tpl-user-dark-text-dim,oklch(50% .008 60));--tpl-primary:var(--tpl-user-dark-primary,oklch(73% .15 55));--tpl-primary-hover:var(--tpl-user-dark-primary-hover,oklch(78% .14 55));--tpl-primary-light:var(--tpl-user-dark-primary-light,oklch(28% .05 55));--tpl-secondary:var(--tpl-user-dark-secondary,oklch(63% .11 184.71));--tpl-secondary-hover:var(--tpl-user-dark-secondary-hover,oklch(68% .1 186.39));--tpl-secondary-light:var(--tpl-user-dark-secondary-light,oklch(25% .03 186.82));--tpl-success:var(--tpl-user-dark-success,oklch(65% .18 155.1));--tpl-success-light:var(--tpl-user-dark-success-light,oklch(25% .04 163.51));--tpl-warning:var(--tpl-user-dark-warning,oklch(78% .16 70.08));--tpl-warning-light:var(--tpl-user-dark-warning-light,oklch(28% .04 73.59));--tpl-danger:var(--tpl-user-dark-danger,oklch(65% .22 25.33));--tpl-danger-light:var(--tpl-user-dark-danger-light,oklch(25% .04 17.72));--tpl-canvas-bg:var(--tpl-user-dark-canvas-bg,oklch(10% .003 60));--tpl-shadow-sm:var(--tpl-user-dark-shadow-sm,0 1px 2px #0003);--tpl-shadow:var(--tpl-user-dark-shadow,0 1px 2px #0000004d, 0 1px 3px #0003);--tpl-shadow-md:var(--tpl-user-dark-shadow-md,0 2px 8px #00000059, 0 1px 3px #00000040);--tpl-shadow-lg:var(--tpl-user-dark-shadow-lg,0 4px 16px #0006, 0 2px 6px #0000004d);--tpl-shadow-xl:var(--tpl-user-dark-shadow-xl,0 8px 32px #00000080, 0 4px 12px #00000059);--tpl-overlay:var(--tpl-user-dark-overlay,#000000b3);--tpl-ring:var(--tpl-user-dark-ring,0 0 0 3px var(--tpl-primary-light))}.tpl[data-tpl-theme=dark] .tpl-block-content{--tpl-bg-elevated:oklch(98% .004 60);--tpl-border-light:oklch(86% .01 60);--tpl-text:oklch(18% .01 60);--tpl-text-muted:oklch(50% .015 60);--tpl-text-dim:oklch(68% .012 60);--tpl-primary-light:oklch(95% .04 55);--tpl-primary-hover:oklch(60% .16 55);color:var(--tpl-text)}.tpl{height:100%;font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875));--tw-leading:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tpl-bg);min-height:320px;color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family);letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-align:start;white-space:normal;cursor:auto;font-variant-numeric:normal;text-shadow:none;flex-direction:column;font-style:normal;font-weight:400;list-style-type:disc;display:flex}:where(.tpl) button,:where(.tpl) input,:where(.tpl) select,:where(.tpl) textarea{box-sizing:border-box;font-family:inherit}:where(.tpl) button{cursor:pointer;background:0 0;border:none;margin:0;padding:0}:where(.tpl) button:focus-visible,:where(.tpl) input:focus-visible,:where(.tpl) select:focus-visible,:where(.tpl) textarea:focus-visible{box-shadow:var(--tpl-ring);outline:none}:where(.tpl) .tpl-focus-ring-host:focus-within :is(input,select,textarea):focus-visible{box-shadow:none}.tpl ::-webkit-scrollbar{width:6px;height:6px}.tpl ::-webkit-scrollbar-track{background:0 0}.tpl ::-webkit-scrollbar-thumb{background-color:var(--tpl-border-light)}@supports (color:color-mix(in lab,red,red)){.tpl ::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--tpl-border-light) 60%,transparent)}}.tpl ::-webkit-scrollbar-thumb{border-radius:calc(.25 * var(--tpl-base-size))}.tpl ::-webkit-scrollbar-thumb:hover{background-color:var(--tpl-border-light)}@keyframes tpl-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes tpl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tpl-popover-root{z-index:10000;position:relative}.tpl-merge-tag-label{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@supports (color:color-mix(in lab,red,red)){.tpl-merge-tag-label{-webkit-text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)}}.tpl-merge-tag-label{unicode-bidi:isolate}.tpl-pulse{animation:2s infinite tpl-pulse}.tpl-spinner{animation:1s linear infinite tpl-spin}@keyframes tpl-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tpl-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes tpl-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tpl-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) tpl-fade-in}.tpl-scale-in{animation:.15s cubic-bezier(.16,1,.3,1) tpl-scale-in}.tpl-shimmer{background:linear-gradient(90deg,var(--tpl-bg-hover) 25%,var(--tpl-bg-active) 50%,var(--tpl-bg-hover) 75%);background-size:200% 100%;animation:1.5s linear infinite tpl-shimmer}.tpl-preview-mode .tpl-block--idle,.tpl-preview-mode .tpl-block--idle:hover,.tpl-preview-mode .tpl-block--selected{box-shadow:none!important;outline:none!important}.tpl-preview-mode .tpl-block{cursor:default;pointer-events:none}.tpl-preview-mode .tpl-block-actions,.tpl-preview-mode .tpl-block-hidden-overlay,.tpl-preview-mode .tpl-condition-toggle,.tpl-preview-mode .tpl-comment-indicator,.tpl-preview-mode .tpl-collab-lock{display:none}.tpl-ghost{border:none!important;border-top:2px dotted var(--tpl-primary)!important;background-color:#0000!important;justify-content:center!important;align-items:center!important;width:100%!important;height:0!important;min-height:0!important;max-height:0!important;margin:12px 0!important;padding:0!important;display:flex!important;position:relative!important;overflow:visible!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost{border-top:2px dotted color-mix(in srgb,var(--tpl-primary) 50%,transparent)!important}}.tpl-ghost{box-shadow:none!important;border-radius:0!important}.tpl-ghost>*{display:none!important}.tpl-ghost:before{content:var(--tpl-drop-text,\"Drop here\");white-space:nowrap!important;color:var(--tpl-primary)!important;background-color:var(--tpl-primary)!important;padding:2px 8px!important;font-size:12px!important;font-weight:500!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost:before{background-color:color-mix(in srgb,var(--tpl-primary) 15%,var(--tpl-bg))!important}}.tpl-ghost:before{border-radius:var(--tpl-radius-sm)!important;box-shadow:none!important}.tpl-canvas-empty .tpl-ghost{display:none!important}.tpl-dragging{opacity:.8;box-shadow:var(--tpl-shadow-xl)}.sortable-fallback{transition:none!important;animation:none!important}.tpl-block--lifted{outline:2px dashed var(--tpl-primary)!important;outline-offset:2px!important;box-shadow:var(--tpl-shadow-xl),0 0 0 4px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-block--lifted{box-shadow:var(--tpl-shadow-xl),0 0 0 4px color-mix(in srgb,var(--tpl-primary) 20%,transparent)!important}}.tpl-block--lifted{transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transform:scale(1.01)}.tpl-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl-text-toolbar-btn{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8);cursor:pointer;border-radius:calc(.25 * var(--tpl-base-size));--tw-border-style:none;transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s);color:var(--tpl-text);background-color:#0000;border-style:none;justify-content:center;align-items:center;padding:0;display:flex}.tpl-text-toolbar-btn:hover{background-color:var(--tpl-bg-active)}.tpl-text-toolbar-btn--active{box-shadow:inset 0 0 0 1.5px var(--tpl-primary-hover);background-color:var(--tpl-primary)!important;color:var(--tpl-bg)!important}.tpl-text-toolbar-btn--active svg{stroke-width:2.75px}.tpl-text-content,.tpl-text-editable .tiptap{--tw-outline-style:none;outline-style:none}.tpl-text-editable{border-radius:calc(.25 * var(--tpl-base-size));border-style:var(--tw-border-style);--tw-border-style:dashed;padding:calc(calc(var(--tpl-base-size) / 4) * 2);border-style:dashed;border-width:1px;border-color:var(--tpl-primary);min-height:1.5em}.tpl-text-content p,.tpl-text-editable .tiptap p{margin:0 0 var(--tpl-doc-paragraph-spacing,8px)}.tpl-text-content p:last-child,.tpl-text-editable .tiptap p:last-child{margin-bottom:0}.tpl-text-content ul,.tpl-text-content ol,.tpl-text-editable .tiptap ul,.tpl-text-editable .tiptap ol{margin:8px 0;padding-inline-start:24px}.tpl-text-content li,.tpl-text-editable .tiptap li{margin:4px 0}.tpl-text-content s,.tpl-text-editable .tiptap s{text-decoration-line:line-through}.tpl-text-content sub,.tpl-text-editable .tiptap sub{vertical-align:sub;font-size:.75em}.tpl-text-content sup,.tpl-text-editable .tiptap sup{vertical-align:super;font-size:.75em}.tpl-text-content a,.tpl-text-editable a{color:var(--tpl-doc-link-color,inherit);-webkit-text-decoration:var(--tpl-doc-link-underline,none);text-decoration:var(--tpl-doc-link-underline,none)}.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5);border-radius:calc(.25 * var(--tpl-base-size));padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5);padding-block:calc(calc(var(--tpl-base-size) / 4) * .5);--tw-font-weight:500;background-color:var(--tpl-primary);align-items:center;font-size:.9em;font-weight:500;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{background-color:color-mix(in srgb,var(--tpl-primary) 20%,transparent)}}.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{color:var(--tpl-primary);unicode-bidi:isolate}.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5);border-radius:calc(.25 * var(--tpl-base-size));padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5);padding-block:calc(calc(var(--tpl-base-size) / 4) * .5);--tw-font-weight:700;--tw-tracking:.025em;letter-spacing:.025em;text-transform:uppercase;border:1.5px solid var(--tpl-primary);unicode-bidi:isolate;background-color:#0000;align-items:center;font-size:.8em;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{border:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent)}}.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{color:var(--tpl-primary)}.tpl-tooltip{position:relative}.tpl-tooltip:after{content:attr(data-tooltip);border-radius:var(--tpl-radius-sm);background-color:var(--tpl-text);color:var(--tpl-bg);white-space:normal;text-align:center;pointer-events:none;opacity:0;text-transform:none;z-index:50;width:max-content;max-width:min(320px,90vw);padding:4px 10px;font-size:12px;font-weight:500;line-height:1.4;transition:opacity .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tpl-tooltip:before{content:\"\";border:4px solid #0000;border-bottom-color:var(--tpl-text);pointer-events:none;opacity:0;z-index:50;transition:opacity .15s;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.tpl-tooltip:hover:after,.tpl-tooltip:hover:before{opacity:1}.tpl-media-overlay{background-color:var(--tpl-overlay);-webkit-backdrop-filter:blur(8px);height:100%;min-height:0;color:var(--tpl-text);flex-direction:row;justify-content:center;align-items:center;display:flex}.tpl.tpl-text-toolbar{flex-direction:row;height:auto;min-height:0;display:flex}.tpl.tpl-link-dialog{background-color:var(--tpl-overlay);flex-direction:row;justify-content:center;align-items:center;height:100%;min-height:0;display:flex}.tpl-upload-zone-active{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}@property --tpl-comet-angle{syntax:\"<angle>\";inherits:false;initial-value:0deg}@property --tpl-comet-start{syntax:\"<percentage>\";inherits:false;initial-value:100%}@keyframes tpl-ai-comet{0%{--tpl-comet-angle:0deg;--tpl-comet-start:100%}1%{--tpl-comet-angle:24deg;--tpl-comet-start:88%}5%{--tpl-comet-angle:120deg;--tpl-comet-start:60%}25%{--tpl-comet-angle:600deg;--tpl-comet-start:60%}33%{--tpl-comet-angle:720deg;--tpl-comet-start:100%}to{--tpl-comet-angle:720deg;--tpl-comet-start:100%}}.tpl-ai-btn--idle{background-color:var(--tpl-primary-light);color:var(--tpl-text);box-shadow:none;z-index:0;position:relative}.tpl-ai-btn--idle:before{content:\"\";border-radius:inherit;background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),var(--tpl-primary) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%);padding:2px;position:absolute;inset:-2px}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:before{background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),color-mix(in srgb,var(--tpl-primary) 40%,transparent) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%)}}.tpl-ai-btn--idle:before{z-index:-1;pointer-events:none;animation:20s linear 3s infinite tpl-ai-comet;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tpl-ai-btn--idle:hover{background-color:var(--tpl-primary);color:var(--tpl-on-primary);transform:translateY(-1px);box-shadow:0 0 0 3px var(--tpl-primary),0 4px 16px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-primary) 20%,transparent),0 4px 16px color-mix(in srgb,var(--tpl-primary) 30%,transparent)!important}}.tpl-ai-btn--idle:hover:before{animation:none}.tpl-ai-btn--active{background-color:var(--tpl-primary-light);color:var(--tpl-primary-hover);border:1px solid var(--tpl-primary)}.tpl-ai-btn--active .tpl-ai-btn-icon{fill:var(--tpl-primary)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active .tpl-ai-btn-icon{fill:color-mix(in srgb,var(--tpl-primary) 25%,transparent)}}.tpl-ai-btn--active:hover{background-color:var(--tpl-primary-light)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active:hover{background-color:color-mix(in srgb,var(--tpl-primary-light) 80%,var(--tpl-primary))}}.tpl-merge-tag-delete:hover{color:var(--tpl-danger)!important}@media(prefers-reduced-motion:reduce){.tpl-pulse,.tpl-shimmer,.tpl-fade-in,.tpl-scale-in,.tpl-ai-btn--idle:before{animation:none}.tpl-shimmer{background:var(--tpl-bg-hover)}.tpl-spinner{animation:1s linear infinite tpl-spin}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.tpl-preview-pill-enter-active[data-v-d04b2cd0]{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.tpl-preview-pill-leave-active[data-v-d04b2cd0]{transition:opacity .15s ease-in,transform .15s ease-in}.tpl-preview-pill-enter-from[data-v-d04b2cd0],.tpl-preview-pill-leave-to[data-v-d04b2cd0]{opacity:0;transform:translateY(-8px) scale(.9)}.tpl-preview-pill-enter-to[data-v-d04b2cd0],.tpl-preview-pill-leave-from[data-v-d04b2cd0]{opacity:1;transform:translateY(0) scale(1)}hex-color-picker{--hcp-width: 200px}hex-color-picker::part(hue){border-radius:var(--tpl-radius-sm, 7px)}hex-color-picker::part(saturation){border-radius:var(--tpl-radius-sm, 7px) var(--tpl-radius-sm, 7px) 0 0}.tpl-color-swatch-empty{background-color:var(--tpl-bg);background-image:linear-gradient(to top right,transparent calc(50% - .75px),var(--tpl-text-dim) calc(50% - .75px),var(--tpl-text-dim) calc(50% + .75px),transparent calc(50% + .75px))}.tpl-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-373617e3]:not(.tpl-media-item--selected):hover{border-color:var(--tpl-border)!important}.tpl-media-list-item[data-v-373617e3]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-list-icon[data-v-373617e3]{transform:scale(.35);transform-origin:center}.tpl-preview-icon[data-v-c3c1707e]{transform:scale(.45);transform-origin:center}.tpl-comments-slide-enter-active[data-v-32af5912]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-comments-slide-leave-active[data-v-32af5912]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-comments-input-wrapper[data-v-32af5912]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-comments-send-btn[data-v-32af5912]:not(:disabled):hover{transform:scale(1.05)}.tpl-comment-filter[data-v-32af5912]{color:var(--tpl-text-muted);background-color:transparent}.tpl-comment-filter[data-v-32af5912]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-filter--active[data-v-32af5912]{background-color:var(--tpl-primary-light);color:var(--tpl-primary)}.tpl-comment-action[data-v-32af5912]{color:var(--tpl-text-dim);background-color:transparent}.tpl-comment-action[data-v-32af5912]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-delete[data-v-32af5912]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-comment-card[data-v-32af5912],.tpl-comment-reply-card[data-v-32af5912]{border-color:var(--tpl-border);background-color:var(--tpl-bg)}.tpl-resolve-enter-active[data-v-32af5912],.tpl-resolve-leave-active[data-v-32af5912]{transition:opacity .3s ease,transform .3s ease}.tpl-resolve-enter-from[data-v-32af5912],.tpl-resolve-leave-to[data-v-32af5912]{opacity:0;transform:translateY(-4px)}.tpl-resolve-icon[data-v-32af5912]{transition:color .3s ease,transform .2s ease}.tpl-resolve-icon[data-v-32af5912]:active{transform:scale(1.3)}.tpl-replies-enter-active[data-v-32af5912],.tpl-replies-leave-active[data-v-32af5912]{transition:opacity .25s ease,transform .25s ease}.tpl-replies-enter-from[data-v-32af5912],.tpl-replies-leave-to[data-v-32af5912]{opacity:0;transform:translateY(-4px)}.tpl-ai-slide-enter-active[data-v-0a3b048c]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-ai-slide-leave-active[data-v-0a3b048c]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-ai-input-wrapper[data-v-0a3b048c]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-ai-send-btn[data-v-0a3b048c]:not(:disabled):hover{transform:scale(1.05)}.tpl-suggestion-btn[data-v-0a3b048c]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-design-slide-enter-active[data-v-a5a76ec5]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-design-slide-leave-active[data-v-a5a76ec5]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-design-prompt-input[data-v-a5a76ec5]:focus{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-design-dropzone[data-v-a5a76ec5]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-scoring-slide-enter-active[data-v-165e948a]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-scoring-slide-leave-active[data-v-165e948a]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-scoring-fix-btn[data-v-165e948a]:not(:disabled):hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-ai-feature-menu-item[data-v-bf59b787]:hover{background-color:var(--tpl-bg-hover)!important}.vue-advanced-cropper{text-align:center;position:relative;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}[data-v-51052195] .tpl-cropper-background{background-color:var(--tpl-bg)!important}[data-v-51052195] .vue-advanced-cropper{background-color:transparent!important}[data-v-51052195] .vue-advanced-cropper__background{background-color:var(--tpl-bg)!important}[data-v-51052195] .vue-advanced-cropper__foreground{background-color:var(--tpl-overlay)!important}\n/*$vite$:1*/", qi = null;
|
|
2531
|
-
function
|
|
2532
|
-
if (
|
|
2559
|
+
var Yi = "@import\"https://fonts.bunny.net/css?family=geist:400,500,600\";.tpl-loading-track[data-v-e61f3b63]{height:3px;width:100%;border-radius:9999px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 15%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 30%,var(--tpl-primary) 50%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 70%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 85%,transparent 100%);background-size:200% 100%;animation:tpl-loading-flow-e61f3b63 3s ease-in-out infinite}@keyframes tpl-loading-flow-e61f3b63{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.tpl-loading-track[data-v-e61f3b63]{animation:none;background-position:50% 0}}.tpl-block--idle[data-v-2c239048]{outline:1.5px dashed color-mix(in srgb,var(--tpl-primary) 30%,transparent);outline-offset:-1px;transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--idle[data-v-2c239048]:hover{outline:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent);outline-offset:-1px;box-shadow:0 0 8px color-mix(in srgb,var(--tpl-primary) 8%,transparent)}.tpl-block--picked[data-v-2c239048]{outline:2px solid var(--tpl-primary);outline-offset:-1px;box-shadow:0 0 0 4px color-mix(in srgb,var(--tpl-primary) 18%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--selected[data-v-2c239048]{outline:2px solid color-mix(in srgb,var(--tpl-primary) 60%,transparent);outline-offset:-1px;box-shadow:0 0 12px color-mix(in srgb,var(--tpl-primary) 15%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block-action-btn[data-v-2c239048]{color:var(--tpl-chrome-text-muted);background-color:transparent}.tpl-block-action-btn[data-v-2c239048]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-chrome-text)}.tpl-block-action-btn[data-v-2c239048]:active{transform:scale(.9)}.tpl-block-delete-btn[data-v-2c239048]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-condition-toggle[data-v-2c239048]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-condition-toggle[data-v-2c239048]:active{transform:scale(.9)}.tpl-block-hidden-overlay[data-v-2c239048]{background-color:color-mix(in srgb,var(--tpl-bg) 60%,transparent)}.tpl-table-editable[data-v-963ac422] th[contenteditable],.tpl-table-editable[data-v-963ac422] td[contenteditable]{outline:none;cursor:text;min-width:calc(2 * var(--tpl-base-size))}.tpl-table-editable[data-v-963ac422] th[contenteditable]:empty:before,.tpl-table-editable[data-v-963ac422] td[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--tpl-text-dim);pointer-events:none}.tpl-table-editable[data-v-963ac422] th[contenteditable]:focus,.tpl-table-editable[data-v-963ac422] td[contenteditable]:focus{outline:2px solid var(--tpl-primary);outline-offset:-2px;border-radius:1px}.tpl-canvas--dark-mode[data-v-04a5cab0] .tpl-block-content:not(.tpl-block-content *){filter:invert(1) hue-rotate(180deg)}[data-v-04a5cab0] .tpl-block-content{transition:filter .3s ease}.tpl-canvas--dark-mode[data-v-04a5cab0] .tpl-block-content img{filter:invert(1) hue-rotate(180deg)}.tpl-icon-enter-active[data-v-632aa74f],.tpl-icon-leave-active[data-v-632aa74f]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-632aa74f],.tpl-icon-leave-to[data-v-632aa74f]{opacity:0;transform:scale(.8)}.tpl-dark-mode-toggle[data-v-632aa74f]:hover{background-color:var(--tpl-bg-hover)}.tpl-dark-mode-toggle[data-v-632aa74f]:active{transform:scale(.92)}.tpl-icon-enter-active[data-v-eef7b2ca],.tpl-icon-leave-active[data-v-eef7b2ca]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-eef7b2ca],.tpl-icon-leave-to[data-v-eef7b2ca]{opacity:0;transform:scale(.8)}.tpl-preview-toggle[data-v-eef7b2ca]:hover{background-color:var(--tpl-bg-hover)}.tpl-preview-toggle[data-v-eef7b2ca]:active{transform:scale(.92)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tpl-comet-angle:0deg;--tpl-comet-start:100%}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-md:calc(.375 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tpl-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tpl-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\\:pointer-events-auto{pointer-events:auto}.tpl\\:pointer-events-none{pointer-events:none}.tpl\\:invisible{visibility:hidden}.tpl\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl\\:absolute{position:absolute}.tpl\\:fixed{position:fixed}.tpl\\:relative{position:relative}.tpl\\:sticky{position:sticky}.tpl\\:inset-0{inset:0}.tpl\\:inset-x-0{inset-inline:0}.tpl\\:inset-y-1{inset-block:calc(var(--tpl-base-size) / 4)}.tpl\\:-top-0\\.5{top:calc(calc(var(--tpl-base-size) / 4) * -.5)}.tpl\\:-top-1{top:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:top-0{top:0}.tpl\\:top-1{top:calc(var(--tpl-base-size) / 4)}.tpl\\:top-1\\.5{top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:top-1\\/2{top:50%}.tpl\\:top-2{top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:top-14{top:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:top-16{top:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:top-\\[104px\\]{top:104px}.tpl\\:top-full{top:100%}.tpl\\:-right-1{right:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:-right-2{right:calc(calc(var(--tpl-base-size) / 4) * -2)}.tpl\\:right-0{right:0}.tpl\\:right-1{right:calc(var(--tpl-base-size) / 4)}.tpl\\:right-1\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:right-2{right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:right-2\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:right-\\[320px\\]{right:320px}.tpl\\:right-\\[360px\\]{right:360px}.tpl\\:right-\\[680px\\]{right:680px}.tpl\\:bottom-0{bottom:0}.tpl\\:bottom-1{bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:bottom-10{bottom:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:bottom-full{bottom:100%}.tpl\\:-left-1{left:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:left-0{left:0}.tpl\\:left-1\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:left-1\\/2{left:50%}.tpl\\:left-2\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:left-3{left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:left-5{left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:left-12{left:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:z-10{z-index:10}.tpl\\:z-40{z-index:40}.tpl\\:z-50{z-index:50}.tpl\\:z-\\[4\\]{z-index:4}.tpl\\:z-\\[5\\]{z-index:5}.tpl\\:z-\\[60\\]{z-index:60}.tpl\\:z-\\[100\\]{z-index:100}.tpl\\:m-0{margin:0}.tpl\\:m-6{margin:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-0\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mx-1{margin-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:mx-1\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mx-3{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mx-4{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mx-6{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-auto{margin-inline:auto}.tpl\\:mt-0\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mt-1{margin-top:calc(var(--tpl-base-size) / 4)}.tpl\\:mt-1\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mt-2{margin-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mt-3{margin-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mt-4{margin-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:\\!mb-0{margin-bottom:0!important}.tpl\\:mb-1{margin-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:mb-1\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mb-2{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mb-2\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:mb-3{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mb-3\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:mb-4{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mb-px{margin-bottom:1px}.tpl\\:-ml-48{margin-left:calc(calc(var(--tpl-base-size) / 4) * -48)}.tpl\\:ml-0{margin-left:0}.tpl\\:ml-0\\.5{margin-left:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:ml-1{margin-left:calc(var(--tpl-base-size) / 4)}.tpl\\:ml-5{margin-left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:ml-auto{margin-left:auto}.tpl\\:line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:\\!flex{display:flex!important}.tpl\\:block{display:block}.tpl\\:flex{display:flex}.tpl\\:grid{display:grid}.tpl\\:hidden{display:none}.tpl\\:inline{display:inline}.tpl\\:inline-block{display:inline-block}.tpl\\:inline-flex{display:inline-flex}.tpl\\:aspect-square{aspect-ratio:1}.tpl\\:size-1\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 1.5);height:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:size-2{width:calc(calc(var(--tpl-base-size) / 4) * 2);height:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:size-3{width:calc(calc(var(--tpl-base-size) / 4) * 3);height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:size-4{width:calc(calc(var(--tpl-base-size) / 4) * 4);height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:size-4\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 4.5);height:calc(calc(var(--tpl-base-size) / 4) * 4.5)}.tpl\\:size-5{width:calc(calc(var(--tpl-base-size) / 4) * 5);height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:size-6{width:calc(calc(var(--tpl-base-size) / 4) * 6);height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:size-7{width:calc(calc(var(--tpl-base-size) / 4) * 7);height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:size-8{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:size-10{width:calc(calc(var(--tpl-base-size) / 4) * 10);height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:size-16{width:calc(calc(var(--tpl-base-size) / 4) * 16);height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:size-full{width:100%;height:100%}.tpl\\:h-0{height:0}.tpl\\:h-2\\.5{height:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:h-3{height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:h-4{height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:h-5{height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:h-6{height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:h-7{height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:h-8{height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:h-9{height:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:h-10{height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:h-12{height:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:h-14{height:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:h-16{height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:h-32{height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:h-44{height:calc(calc(var(--tpl-base-size) / 4) * 44)}.tpl\\:h-\\[32px\\]{height:32px}.tpl\\:h-auto{height:auto}.tpl\\:h-full{height:100%}.tpl\\:max-h-24{max-height:calc(calc(var(--tpl-base-size) / 4) * 24)}.tpl\\:max-h-32{max-height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:max-h-48{max-height:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:max-h-56{max-height:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:max-h-64{max-height:calc(calc(var(--tpl-base-size) / 4) * 64)}.tpl\\:max-h-\\[50vh\\]{max-height:50vh}.tpl\\:max-h-\\[60vh\\]{max-height:60vh}.tpl\\:max-h-\\[80\\%\\]{max-height:80%}.tpl\\:max-h-\\[80vh\\]{max-height:80vh}.tpl\\:max-h-\\[90\\%\\]{max-height:90%}.tpl\\:max-h-\\[90vh\\]{max-height:90vh}.tpl\\:max-h-full{max-height:100%}.tpl\\:min-h-0{min-height:0}.tpl\\:min-h-6{min-height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-h-10{min-height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:min-h-20{min-height:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:min-h-\\[1\\.5em\\]{min-height:1.5em}.tpl\\:min-h-\\[1em\\]{min-height:1em}.tpl\\:min-h-\\[48px\\]{min-height:48px}.tpl\\:min-h-\\[60px\\]{min-height:60px}.tpl\\:min-h-\\[64px\\]{min-height:64px}.tpl\\:min-h-\\[68px\\]{min-height:68px}.tpl\\:min-h-\\[72px\\]{min-height:72px}.tpl\\:min-h-\\[80px\\]{min-height:80px}.tpl\\:min-h-\\[100px\\]{min-height:100px}.tpl\\:min-h-\\[120px\\]{min-height:120px}.tpl\\:min-h-\\[150px\\]{min-height:150px}.tpl\\:min-h-\\[400px\\]{min-height:400px}.tpl\\:w-1\\/2{width:50%}.tpl\\:w-1\\/3{width:33.3333%}.tpl\\:w-1\\/4{width:25%}.tpl\\:w-2\\/3{width:66.6667%}.tpl\\:w-3\\/4{width:75%}.tpl\\:w-5\\/6{width:83.3333%}.tpl\\:w-7{width:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:w-8{width:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:w-9{width:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:w-10{width:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:w-12{width:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:w-16{width:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:w-20{width:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:w-28{width:calc(calc(var(--tpl-base-size) / 4) * 28)}.tpl\\:w-32{width:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:w-36{width:calc(calc(var(--tpl-base-size) / 4) * 36)}.tpl\\:w-40{width:calc(calc(var(--tpl-base-size) / 4) * 40)}.tpl\\:w-48{width:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:w-52{width:calc(calc(var(--tpl-base-size) / 4) * 52)}.tpl\\:w-56{width:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:w-72{width:calc(calc(var(--tpl-base-size) / 4) * 72)}.tpl\\:w-\\[280px\\]{width:280px}.tpl\\:w-\\[300px\\]{width:300px}.tpl\\:w-\\[320px\\]{width:320px}.tpl\\:w-\\[360px\\]{width:360px}.tpl\\:w-\\[400px\\]{width:400px}.tpl\\:w-\\[420px\\]{width:420px}.tpl\\:w-\\[1000px\\]{width:1000px}.tpl\\:w-\\[min\\(420px\\,92vw\\)\\]{width:min(420px,92vw)}.tpl\\:w-full{width:100%}.tpl\\:w-px{width:1px}.tpl\\:max-w-2xl{max-width:calc(42 * var(--tpl-base-size))}.tpl\\:max-w-3xl{max-width:calc(48 * var(--tpl-base-size))}.tpl\\:max-w-\\[220px\\]{max-width:220px}.tpl\\:max-w-\\[240px\\]{max-width:240px}.tpl\\:max-w-\\[260px\\]{max-width:260px}.tpl\\:max-w-\\[320px\\]{max-width:320px}.tpl\\:max-w-\\[600px\\]{max-width:600px}.tpl\\:max-w-\\[calc\\(100\\%_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100% - 2 * var(--tpl-base-size))}.tpl\\:max-w-\\[calc\\(100vw_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100vw - 2 * var(--tpl-base-size))}.tpl\\:max-w-full{max-width:100%}.tpl\\:max-w-md{max-width:calc(28 * var(--tpl-base-size))}.tpl\\:max-w-sm{max-width:calc(24 * var(--tpl-base-size))}.tpl\\:min-w-0{min-width:0}.tpl\\:min-w-6{min-width:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-w-\\[20px\\]{min-width:20px}.tpl\\:min-w-\\[200px\\]{min-width:200px}.tpl\\:flex-1{flex:1}.tpl\\:flex-shrink-0,.tpl\\:shrink-0{flex-shrink:0}.tpl\\:origin-top-right{transform-origin:100% 0}.tpl\\:-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-4{--tw-translate-x:calc(calc(var(--tpl-base-size) / 4) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-2{--tw-translate-y:calc(calc(var(--tpl-base-size) / 4) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-1{--tw-translate-y:calc(var(--tpl-base-size) / 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-\\[-8px\\]{--tw-translate-y:-8px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:-rotate-90{rotate:-90deg}.tpl\\:rotate-0{rotate:0deg}.tpl\\:rotate-45{rotate:45deg}.tpl\\:rotate-90{rotate:90deg}.tpl\\:rotate-180{rotate:180deg}.tpl\\:animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.tpl\\:animate-spin{animation:1s linear infinite spin}.tpl\\:cursor-default{cursor:default}.tpl\\:cursor-grab{cursor:grab}.tpl\\:cursor-help{cursor:help}.tpl\\:cursor-not-allowed{cursor:not-allowed}.tpl\\:cursor-pointer{cursor:pointer}.tpl\\:resize-none{resize:none}.tpl\\:resize-y{resize:vertical}.tpl\\:list-none{list-style-type:none}.tpl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tpl\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.tpl\\:grid-cols-\\[1fr_auto_1fr\\]{grid-template-columns:1fr auto 1fr}.tpl\\:flex-col{flex-direction:column}.tpl\\:flex-row-reverse{flex-direction:row-reverse}.tpl\\:flex-wrap{flex-wrap:wrap}.tpl\\:items-center{align-items:center}.tpl\\:items-end{align-items:flex-end}.tpl\\:items-start{align-items:flex-start}.tpl\\:items-stretch{align-items:stretch}.tpl\\:justify-between{justify-content:space-between}.tpl\\:justify-center{justify-content:center}.tpl\\:justify-end{justify-content:flex-end}.tpl\\:gap-0{gap:0}.tpl\\:gap-0\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-1{gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-1\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:gap-2{gap:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:gap-2\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:gap-3{gap:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:gap-3\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:gap-4{gap:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:gap-5{gap:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:gap-6{gap:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:gap-10{gap:calc(calc(var(--tpl-base-size) / 4) * 10)}:where(.tpl\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tpl-base-size) / 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tpl-base-size) / 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * calc(1 - var(--tw-space-y-reverse)))}.tpl\\:gap-x-1{column-gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-x-3{column-gap:calc(calc(var(--tpl-base-size) / 4) * 3)}:where(.tpl\\:-space-x-1\\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}.tpl\\:gap-y-0\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-y-1\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:self-end{align-self:flex-end}.tpl\\:self-start{align-self:flex-start}.tpl\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tpl\\:overflow-auto{overflow:auto}.tpl\\:overflow-hidden{overflow:hidden}.tpl\\:overflow-x-auto{overflow-x:auto}.tpl\\:overflow-y-auto{overflow-y:auto}.tpl\\:rounded{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-\\[calc\\(var\\(--tpl-radius-sm\\)-2px\\)\\]{border-radius:calc(var(--tpl-radius-sm) - 2px)}.tpl\\:rounded-\\[var\\(--tpl-radius\\)\\]{border-radius:var(--tpl-radius)}.tpl\\:rounded-\\[var\\(--tpl-radius-lg\\)\\]{border-radius:var(--tpl-radius-lg)}.tpl\\:rounded-\\[var\\(--tpl-radius-md\\)\\]{border-radius:var(--tpl-radius-md)}.tpl\\:rounded-\\[var\\(--tpl-radius-sm\\)\\]{border-radius:var(--tpl-radius-sm)}.tpl\\:rounded-full{border-radius:3.40282e38px}.tpl\\:rounded-lg{border-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-md{border-radius:calc(.375 * var(--tpl-base-size))}.tpl\\:rounded-sm{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-xl{border-radius:calc(.75 * var(--tpl-base-size))}.tpl\\:rounded-l-\\[var\\(--tpl-radius-sm\\)\\]{border-top-left-radius:var(--tpl-radius-sm);border-bottom-left-radius:var(--tpl-radius-sm)}.tpl\\:rounded-tl-lg{border-top-left-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-r-\\[var\\(--tpl-radius-sm\\)\\]{border-top-right-radius:var(--tpl-radius-sm);border-bottom-right-radius:var(--tpl-radius-sm)}.tpl\\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.tpl\\:border{border-style:var(--tw-border-style);border-width:1px}.tpl\\:border-0{border-style:var(--tw-border-style);border-width:0}.tpl\\:border-2{border-style:var(--tw-border-style);border-width:2px}.tpl\\:border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.tpl\\:border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.tpl\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.tpl\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.tpl\\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.tpl\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.tpl\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.tpl\\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.tpl\\:border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.tpl\\:border-dashed{--tw-border-style:dashed;border-style:dashed}.tpl\\:border-none{--tw-border-style:none;border-style:none}.tpl\\:border-\\[var\\(--tpl-bg\\)\\]{border-color:var(--tpl-bg)}.tpl\\:border-\\[var\\(--tpl-border\\)\\]{border-color:var(--tpl-border)}.tpl\\:border-\\[var\\(--tpl-border-light\\)\\]{border-color:var(--tpl-border-light)}.tpl\\:border-\\[var\\(--tpl-danger\\)\\]{border-color:var(--tpl-danger)}.tpl\\:border-\\[var\\(--tpl-primary\\)\\]{border-color:var(--tpl-primary)}.tpl\\:border-\\[var\\(--tpl-primary-hover\\)\\]{border-color:var(--tpl-primary-hover)}.tpl\\:border-\\[var\\(--tpl-warning\\)\\]{border-color:var(--tpl-warning)}.tpl\\:border-transparent{border-color:#0000}.tpl\\:border-l-\\[var\\(--tpl-primary\\)\\]{border-left-color:var(--tpl-primary)}.tpl\\:border-l-transparent{border-left-color:#0000}.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:var(--tpl-bg)}@supports (color:color-mix(in lab,red,red)){.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:color-mix(in srgb,var(--tpl-bg) 90%,transparent)}}.tpl\\:bg-\\[var\\(--tpl-bg\\)\\]{background-color:var(--tpl-bg)}.tpl\\:bg-\\[var\\(--tpl-bg-active\\)\\]{background-color:var(--tpl-bg-active)}.tpl\\:bg-\\[var\\(--tpl-bg-elevated\\)\\]{background-color:var(--tpl-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-bg-hover\\)\\]{background-color:var(--tpl-bg-hover)}.tpl\\:bg-\\[var\\(--tpl-border\\)\\]{background-color:var(--tpl-border)}.tpl\\:bg-\\[var\\(--tpl-canvas-bg\\)\\]{background-color:var(--tpl-canvas-bg)}.tpl\\:bg-\\[var\\(--tpl-chrome-bg-elevated\\)\\]{background-color:var(--tpl-chrome-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-chrome-primary-light\\)\\]{background-color:var(--tpl-chrome-primary-light)}.tpl\\:bg-\\[var\\(--tpl-danger\\)\\]{background-color:var(--tpl-danger)}.tpl\\:bg-\\[var\\(--tpl-danger-light\\)\\]{background-color:var(--tpl-danger-light)}.tpl\\:bg-\\[var\\(--tpl-primary\\)\\]{background-color:var(--tpl-primary)}.tpl\\:bg-\\[var\\(--tpl-primary-light\\)\\]{background-color:var(--tpl-primary-light)}.tpl\\:bg-\\[var\\(--tpl-warning-light\\)\\]{background-color:var(--tpl-warning-light)}.tpl\\:bg-black\\/30{background-color:oklab(0% none none/.3)}.tpl\\:bg-transparent{background-color:#0000}.tpl\\:object-contain{object-fit:contain}.tpl\\:object-cover{object-fit:cover}.tpl\\:p-0{padding:0}.tpl\\:p-0\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:p-1{padding:calc(var(--tpl-base-size) / 4)}.tpl\\:p-1\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:p-2{padding:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:p-3{padding:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:p-4{padding:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:p-5{padding:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:p-6{padding:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:p-8{padding:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-0\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:px-1{padding-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:px-1\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:px-2{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:px-2\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:px-3{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:px-3\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:px-4{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:px-5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:px-6{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:px-8{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-10{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-0{padding-block:0}.tpl\\:py-0\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:py-1{padding-block:calc(var(--tpl-base-size) / 4)}.tpl\\:py-1\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:py-2{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:py-2\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:py-3{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:py-3\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:py-4{padding-block:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:py-5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:py-6{padding-block:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:py-8{padding-block:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:py-10{padding-block:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-12{padding-block:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:py-16{padding-block:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:py-\\[5px\\]{padding-block:5px}.tpl\\:py-\\[7px\\]{padding-block:7px}.tpl\\:py-px{padding-block:1px}.tpl\\:pt-1{padding-top:calc(var(--tpl-base-size) / 4)}.tpl\\:pt-2{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pt-2\\.5{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pt-3{padding-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pt-4{padding-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-2{padding-right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pr-3{padding-right:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pr-4{padding-right:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-7{padding-right:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:pr-8{padding-right:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pb-1{padding-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:pb-1\\.5{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:pb-2{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pb-3{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pb-4{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-2\\.5{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pl-3{padding-left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pl-4{padding-left:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-8{padding-left:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pl-9{padding-left:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:pl-\\[18px\\]{padding-left:18px}.tpl\\:text-center{text-align:center}.tpl\\:text-left{text-align:left}.tpl\\:font-\\[inherit\\]{font-family:inherit}.tpl\\:font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tpl\\:font-sans{font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tpl\\:text-4xl{font-size:calc(2.25 * var(--tpl-base-size));line-height:var(--tw-leading,calc(2.5 / 2.25))}.tpl\\:text-base{font-size:var(--tpl-base-size);line-height:var(--tw-leading, 1.5 )}.tpl\\:text-lg{font-size:calc(1.125 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.75 / 1.125))}.tpl\\:text-sm{font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875))}.tpl\\:text-xs{font-size:calc(.75 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1 / .75))}.tpl\\:text-\\[0\\.8em\\]{font-size:.8em}.tpl\\:text-\\[0\\.9em\\]{font-size:.9em}.tpl\\:text-\\[1em\\]{font-size:1em}.tpl\\:text-\\[10px\\]{font-size:10px}.tpl\\:text-\\[12px\\]{font-size:12px}.tpl\\:text-\\[13px\\]{font-size:13px}.tpl\\:text-\\[length\\:inherit\\]{font-size:inherit}.tpl\\:leading-none{--tw-leading:1;line-height:1}.tpl\\:leading-normal{--tw-leading:1.5;line-height:1.5}.tpl\\:leading-relaxed{--tw-leading:1.625;line-height:1.625}.tpl\\:leading-snug{--tw-leading:1.375;line-height:1.375}.tpl\\:leading-tight{--tw-leading:1.25;line-height:1.25}.tpl\\:font-\\[var\\(--tpl-font-family\\)\\]{--tw-font-weight:var(--tpl-font-family);font-weight:var(--tpl-font-family)}.tpl\\:font-bold{--tw-font-weight:700;font-weight:700}.tpl\\:font-medium{--tw-font-weight:500;font-weight:500}.tpl\\:font-normal{--tw-font-weight:400;font-weight:400}.tpl\\:font-semibold{--tw-font-weight:600;font-weight:600}.tpl\\:tracking-wide{--tw-tracking:.025em;letter-spacing:.025em}.tpl\\:tracking-wider{--tw-tracking:.05em;letter-spacing:.05em}.tpl\\:break-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-text);color:var(--tpl-bg);white-space:normal;text-align:center;pointer-events:none;opacity:0;text-transform:none;z-index:50;width:max-content;max-width:min(320px,90vw);padding:4px 10px;font-size:12px;font-weight:500;line-height:1.4;transition:opacity .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tpl-tooltip:before{content:\"\";border:4px solid #0000;border-bottom-color:var(--tpl-text);pointer-events:none;opacity:0;z-index:50;transition:opacity .15s;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.tpl-tooltip:hover:after,.tpl-tooltip:hover:before{opacity:1}.tpl-media-overlay{background-color:var(--tpl-overlay);-webkit-backdrop-filter:blur(8px);height:100%;min-height:0;color:var(--tpl-text);flex-direction:row;justify-content:center;align-items:center;display:flex}.tpl.tpl-text-toolbar{flex-direction:row;height:auto;min-height:0;display:flex}.tpl.tpl-link-dialog{background-color:var(--tpl-overlay);flex-direction:row;justify-content:center;align-items:center;height:100%;min-height:0;display:flex}.tpl-upload-zone-active{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}@property --tpl-comet-angle{syntax:\"<angle>\";inherits:false;initial-value:0deg}@property --tpl-comet-start{syntax:\"<percentage>\";inherits:false;initial-value:100%}@keyframes tpl-ai-comet{0%{--tpl-comet-angle:0deg;--tpl-comet-start:100%}1%{--tpl-comet-angle:24deg;--tpl-comet-start:88%}5%{--tpl-comet-angle:120deg;--tpl-comet-start:60%}25%{--tpl-comet-angle:600deg;--tpl-comet-start:60%}33%{--tpl-comet-angle:720deg;--tpl-comet-start:100%}to{--tpl-comet-angle:720deg;--tpl-comet-start:100%}}.tpl-ai-btn--idle{background-color:var(--tpl-primary-light);color:var(--tpl-text);box-shadow:none;z-index:0;position:relative}.tpl-ai-btn--idle:before{content:\"\";border-radius:inherit;background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),var(--tpl-primary) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%);padding:2px;position:absolute;inset:-2px}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:before{background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),color-mix(in srgb,var(--tpl-primary) 40%,transparent) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%)}}.tpl-ai-btn--idle:before{z-index:-1;pointer-events:none;animation:20s linear 3s infinite tpl-ai-comet;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tpl-ai-btn--idle:hover{background-color:var(--tpl-primary);color:var(--tpl-on-primary);transform:translateY(-1px);box-shadow:0 0 0 3px var(--tpl-primary),0 4px 16px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-primary) 20%,transparent),0 4px 16px color-mix(in srgb,var(--tpl-primary) 30%,transparent)!important}}.tpl-ai-btn--idle:hover:before{animation:none}.tpl-ai-btn--active{background-color:var(--tpl-primary-light);color:var(--tpl-primary-hover);border:1px solid var(--tpl-primary)}.tpl-ai-btn--active .tpl-ai-btn-icon{fill:var(--tpl-primary)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active .tpl-ai-btn-icon{fill:color-mix(in srgb,var(--tpl-primary) 25%,transparent)}}.tpl-ai-btn--active:hover{background-color:var(--tpl-primary-light)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active:hover{background-color:color-mix(in srgb,var(--tpl-primary-light) 80%,var(--tpl-primary))}}.tpl-merge-tag-delete:hover{color:var(--tpl-danger)!important}@media(prefers-reduced-motion:reduce){.tpl-pulse,.tpl-shimmer,.tpl-fade-in,.tpl-scale-in,.tpl-ai-btn--idle:before{animation:none}.tpl-shimmer{background:var(--tpl-bg-hover)}.tpl-spinner{animation:1s linear infinite tpl-spin}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.tpl-preview-pill-enter-active[data-v-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-373617e3]:not(.tpl-media-item--selected):hover{border-color:var(--tpl-border)!important}.tpl-media-list-item[data-v-373617e3]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-list-icon[data-v-373617e3]{transform:scale(.35);transform-origin:center}.tpl-preview-icon[data-v-c3c1707e]{transform:scale(.45);transform-origin:center}.tpl-comments-slide-enter-active[data-v-32af5912]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-comments-slide-leave-active[data-v-32af5912]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-comments-input-wrapper[data-v-32af5912]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-comments-send-btn[data-v-32af5912]:not(:disabled):hover{transform:scale(1.05)}.tpl-comment-filter[data-v-32af5912]{color:var(--tpl-text-muted);background-color:transparent}.tpl-comment-filter[data-v-32af5912]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-filter--active[data-v-32af5912]{background-color:var(--tpl-primary-light);color:var(--tpl-primary)}.tpl-comment-action[data-v-32af5912]{color:var(--tpl-text-dim);background-color:transparent}.tpl-comment-action[data-v-32af5912]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-delete[data-v-32af5912]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-comment-card[data-v-32af5912],.tpl-comment-reply-card[data-v-32af5912]{border-color:var(--tpl-border);background-color:var(--tpl-bg)}.tpl-resolve-enter-active[data-v-32af5912],.tpl-resolve-leave-active[data-v-32af5912]{transition:opacity .3s ease,transform .3s ease}.tpl-resolve-enter-from[data-v-32af5912],.tpl-resolve-leave-to[data-v-32af5912]{opacity:0;transform:translateY(-4px)}.tpl-resolve-icon[data-v-32af5912]{transition:color .3s ease,transform .2s ease}.tpl-resolve-icon[data-v-32af5912]:active{transform:scale(1.3)}.tpl-replies-enter-active[data-v-32af5912],.tpl-replies-leave-active[data-v-32af5912]{transition:opacity .25s ease,transform .25s ease}.tpl-replies-enter-from[data-v-32af5912],.tpl-replies-leave-to[data-v-32af5912]{opacity:0;transform:translateY(-4px)}.tpl-ai-slide-enter-active[data-v-0a3b048c]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-ai-slide-leave-active[data-v-0a3b048c]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-ai-input-wrapper[data-v-0a3b048c]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-ai-send-btn[data-v-0a3b048c]:not(:disabled):hover{transform:scale(1.05)}.tpl-suggestion-btn[data-v-0a3b048c]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-design-slide-enter-active[data-v-a5a76ec5]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-design-slide-leave-active[data-v-a5a76ec5]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-design-prompt-input[data-v-a5a76ec5]:focus{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-design-dropzone[data-v-a5a76ec5]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-scoring-slide-enter-active[data-v-165e948a]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-scoring-slide-leave-active[data-v-165e948a]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-scoring-fix-btn[data-v-165e948a]:not(:disabled):hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-ai-feature-menu-item[data-v-bf59b787]:hover{background-color:var(--tpl-bg-hover)!important}.vue-advanced-cropper{text-align:center;position:relative;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}[data-v-51052195] .tpl-cropper-background{background-color:var(--tpl-bg)!important}[data-v-51052195] .vue-advanced-cropper{background-color:transparent!important}[data-v-51052195] .vue-advanced-cropper__background{background-color:var(--tpl-bg)!important}[data-v-51052195] .vue-advanced-cropper__foreground{background-color:var(--tpl-overlay)!important}\n/*$vite$:1*/", Xi = null;
|
|
2560
|
+
function Zi() {
|
|
2561
|
+
if (Xi === null) {
|
|
2533
2562
|
let e = new CSSStyleSheet();
|
|
2534
|
-
e.replaceSync(
|
|
2563
|
+
e.replaceSync(Gi(Yi)), Xi = e;
|
|
2535
2564
|
}
|
|
2536
|
-
return
|
|
2565
|
+
return Xi;
|
|
2537
2566
|
}
|
|
2538
|
-
function
|
|
2567
|
+
function Qi(e) {
|
|
2539
2568
|
return () => {};
|
|
2540
2569
|
}
|
|
2541
|
-
function
|
|
2570
|
+
function $i(e, t) {
|
|
2542
2571
|
if (!t) return {
|
|
2543
2572
|
target: e,
|
|
2544
2573
|
shadowRoot: null,
|
|
2545
2574
|
cleanup: () => {}
|
|
2546
2575
|
};
|
|
2547
2576
|
let n = e.shadowRoot ?? e.attachShadow({ mode: "open" });
|
|
2548
|
-
for (n.adoptedStyleSheets = [
|
|
2577
|
+
for (n.adoptedStyleSheets = [Zi()]; n.firstChild;) n.removeChild(n.firstChild);
|
|
2549
2578
|
let r = document.createElement("div");
|
|
2550
2579
|
return r.className = "tpl-editor-host", r.style.cssText = "display:block;height:100%;width:100%;", n.appendChild(r), {
|
|
2551
2580
|
target: r,
|
|
2552
2581
|
shadowRoot: n,
|
|
2553
|
-
cleanup:
|
|
2582
|
+
cleanup: Qi(n)
|
|
2554
2583
|
};
|
|
2555
2584
|
}
|
|
2556
|
-
var
|
|
2557
|
-
function
|
|
2558
|
-
let t =
|
|
2559
|
-
t && (t.cleanup(), t.app.unmount(),
|
|
2585
|
+
var ea = /* @__PURE__ */ new Map(), ta = null;
|
|
2586
|
+
function na(e) {
|
|
2587
|
+
let t = ea.get(e);
|
|
2588
|
+
t && (t.cleanup(), t.app.unmount(), ea.delete(e), ta === e && (ta = null));
|
|
2560
2589
|
}
|
|
2561
|
-
async function
|
|
2562
|
-
return
|
|
2590
|
+
async function ra(e) {
|
|
2591
|
+
return ia(e);
|
|
2563
2592
|
}
|
|
2564
|
-
async function
|
|
2593
|
+
async function ia(e, t) {
|
|
2565
2594
|
let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
|
|
2566
2595
|
if (!n) throw Error(`[Templatical] Container element not found: ${e.container}`);
|
|
2567
|
-
e.locale !== void 0 && !
|
|
2568
|
-
let r = await
|
|
2569
|
-
|
|
2570
|
-
let a =
|
|
2571
|
-
e.layout && (e.layout =
|
|
2596
|
+
e.locale !== void 0 && !Me(e.locale) && ht.warn(`config.locale: "${e.locale}" has no translations — falling back to English. Supported: ${Ne().sort().join(", ")}.`);
|
|
2597
|
+
let r = await Ce(e.locale ?? "en"), i = Ue(e.fonts);
|
|
2598
|
+
na(n);
|
|
2599
|
+
let a = $i(n, e.shadowDom ?? !0), o = c(null);
|
|
2600
|
+
e.layout && (e.layout = On(e.layout, e.mergeTags), ae(e.layout)), e.content && (e.content = On(e.content, e.mergeTags), oe(e.content), W(e.content));
|
|
2572
2601
|
let s = k({ setup() {
|
|
2573
|
-
return () => P(
|
|
2602
|
+
return () => P(Ui, {
|
|
2574
2603
|
config: e,
|
|
2575
2604
|
translations: r,
|
|
2576
2605
|
fontsManager: i,
|
|
@@ -2581,17 +2610,17 @@ async function ta(e, t) {
|
|
|
2581
2610
|
ref: o
|
|
2582
2611
|
});
|
|
2583
2612
|
} });
|
|
2584
|
-
s.mount(a.target),
|
|
2613
|
+
s.mount(a.target), ea.set(n, {
|
|
2585
2614
|
app: s,
|
|
2586
2615
|
editorRef: o,
|
|
2587
2616
|
cleanup: a.cleanup
|
|
2588
|
-
}),
|
|
2617
|
+
}), ta = n;
|
|
2589
2618
|
let l = {
|
|
2590
2619
|
getContent() {
|
|
2591
|
-
return
|
|
2620
|
+
return G(o.value ? o.value.getContent() : e.content ?? H(e.fonts?.defaultFont, on(e)));
|
|
2592
2621
|
},
|
|
2593
2622
|
setContent(t) {
|
|
2594
|
-
let n =
|
|
2623
|
+
let n = On(t, e.mergeTags);
|
|
2595
2624
|
o.value && o.value.setContent(n), e.content = n;
|
|
2596
2625
|
},
|
|
2597
2626
|
setTheme(e) {
|
|
@@ -2607,11 +2636,11 @@ async function ta(e, t) {
|
|
|
2607
2636
|
tags: t
|
|
2608
2637
|
};
|
|
2609
2638
|
},
|
|
2610
|
-
unmount: () =>
|
|
2639
|
+
unmount: () => na(n),
|
|
2611
2640
|
create(t) {
|
|
2612
2641
|
return o.value ? o.value.create(t?.content ? {
|
|
2613
2642
|
...t,
|
|
2614
|
-
content:
|
|
2643
|
+
content: On(t.content, e.mergeTags)
|
|
2615
2644
|
} : t) : Promise.reject(/* @__PURE__ */ Error("[Templatical] Editor not ready"));
|
|
2616
2645
|
},
|
|
2617
2646
|
load(e) {
|
|
@@ -2631,31 +2660,31 @@ async function ta(e, t) {
|
|
|
2631
2660
|
},
|
|
2632
2661
|
toMjml: () => u.toMjml(),
|
|
2633
2662
|
toHtml: () => u.toHtml()
|
|
2634
|
-
}, u =
|
|
2663
|
+
}, u = Ji({
|
|
2635
2664
|
provider: e.render,
|
|
2636
|
-
buildPayload: () =>
|
|
2665
|
+
buildPayload: () => qi({
|
|
2637
2666
|
getContent: () => l.getContent(),
|
|
2638
2667
|
renderCustomBlock: (e) => l.renderCustomBlock(e),
|
|
2639
|
-
getFonts: () =>
|
|
2668
|
+
getFonts: () => Ki(i),
|
|
2640
2669
|
getLayout: () => e.layout
|
|
2641
2670
|
}),
|
|
2642
|
-
renderLocalMjml: () =>
|
|
2671
|
+
renderLocalMjml: () => hn({
|
|
2643
2672
|
getContent: () => l.getContent(),
|
|
2644
2673
|
renderCustomBlock: (e) => l.renderCustomBlock(e),
|
|
2645
2674
|
getCustomBlockStylesheet: (e) => l.getCustomBlockStylesheet(e),
|
|
2646
|
-
getFonts: () =>
|
|
2675
|
+
getFonts: () => Ki(i),
|
|
2647
2676
|
socialIconsBaseUrl: e.socialIconsBaseUrl,
|
|
2648
2677
|
getLayout: () => e.layout
|
|
2649
2678
|
})
|
|
2650
2679
|
});
|
|
2651
2680
|
return l;
|
|
2652
2681
|
}
|
|
2653
|
-
async function
|
|
2654
|
-
let [{ bootstrapCloud: t }, n] = await Promise.all([import("./chunks/createCloudRuntime-DsaUaWvr.js"),
|
|
2682
|
+
async function aa(e) {
|
|
2683
|
+
let [{ bootstrapCloud: t }, n] = await Promise.all([import("./chunks/createCloudRuntime-DsaUaWvr.js"), Se(e.locale ?? "en")]), { runtime: r, providers: i, user: a } = await t({
|
|
2655
2684
|
config: e,
|
|
2656
2685
|
cloudTranslations: n
|
|
2657
2686
|
});
|
|
2658
|
-
return
|
|
2687
|
+
return ia({
|
|
2659
2688
|
container: e.container,
|
|
2660
2689
|
content: e.content,
|
|
2661
2690
|
layout: e.layout,
|
|
@@ -2699,10 +2728,10 @@ async function na(e) {
|
|
|
2699
2728
|
user: a
|
|
2700
2729
|
}, r);
|
|
2701
2730
|
}
|
|
2702
|
-
function
|
|
2703
|
-
|
|
2731
|
+
function oa() {
|
|
2732
|
+
ta && na(ta);
|
|
2704
2733
|
}
|
|
2705
2734
|
//#endregion
|
|
2706
|
-
export {
|
|
2735
|
+
export { J as applyLayout, H as createDefaultTemplateContent, ce as createLocalStorageMediaProvider, le as createLocalStorageSavedBlocksProvider, V as createParagraphBlock, U as createSlotBlock, K as createWrapperBlock, be as getBaseLocale, we as getSupportedCloudLocales, Ne as getSupportedLocales, ra as init, aa as initCloud, ye as isCloudLocaleSupported, Me as isLocaleSupported, Z as isSlot, ie as isWrapper, R as layoutWrapsSlot, oa as unmount, Ue as useFonts, ae as validateLayout };
|
|
2707
2736
|
|
|
2708
2737
|
//# sourceMappingURL=editor.js.map
|