@templatical/editor 0.8.2 → 0.8.3

package/dist/cdn/chunks/{TitleEditor-DZ_v-LQC.js.map → TitleEditor-C2p3SosJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TitleEditor-DZ_v-LQC.js","names":[],"sources":["../../../src/components/blocks/TitleEditor.vue","../../../src/components/blocks/TitleEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables\";\nimport { useRichTextEditor } from \"../../composables/useRichTextEditor\";\nimport { usePopoverRoot } from \"../../composables/usePopoverRoot\";\nimport type { TitleBlock as TitleBlockType } from \"@templatical/types\";\nimport { Bold, Italic, Link, LoaderCircle, ScanLine } from \"@lucide/vue\";\nimport { inject } from \"vue\";\nimport { THEME_STYLES_KEY, UI_THEME_KEY } from \"../../keys\";\nimport RichTextLinkDialog from \"./RichTextLinkDialog.vue\";\nimport RichTextEditorContent from \"./RichTextEditorContent.vue\";\n\nconst props = defineProps<{\n  block: TitleBlockType;\n  toolbarPosition: { top: number; left: number };\n}>();\n\nconst emit = defineEmits<{\n  (e: \"done\"): void;\n}>();\n\nconst themeStyles = inject(THEME_STYLES_KEY, null);\nconst tplUiTheme = inject(UI_THEME_KEY, null);\nconst popoverRoot = usePopoverRoot();\n\nconst { t } = useI18n();\n\nconst {\n  editor,\n  EditorContent,\n  isLoading,\n  initError,\n  retry,\n  showLinkDialog,\n  linkUrl,\n  linkDialogRef,\n  canRequestMergeTag,\n  openLinkDialog,\n  insertLink,\n  removeLink,\n  closeLinkDialog,\n  handleLinkKeydown,\n  handleAddMergeTag,\n} = useRichTextEditor({\n  blockId: () => props.block.id,\n  blockContent: () => props.block.content,\n  onDone: () => emit(\"done\"),\n  editorName: \"TitleEditor\",\n  async loadExtensions({\n    mergeTags,\n    syntax,\n    triggerChar,\n    autocompleteEnabled,\n    suggestionEmptyText,\n  }) {\n    const [\n      { Editor: TiptapEditor, EditorContent: EC },\n      { default: StarterKit },\n      { default: LinkExt },\n      { MergeTagNode, MergeTagSuggestion, LogicMergeTagNode },\n    ] = await Promise.all([\n      import(\"@tiptap/vue-3\"),\n      import(\"@tiptap/starter-kit\"),\n      import(\"@tiptap/extension-link\"),\n      import(\"../../extensions\"),\n    ]);\n\n    return {\n      TiptapEditor,\n      EC,\n      extensions: [\n        StarterKit.configure({\n          heading: false,\n          codeBlock: false,\n          blockquote: false,\n          horizontalRule: false,\n          bulletList: false,\n          orderedList: false,\n          listItem: false,\n          strike: false,\n        }),\n        LinkExt.configure({\n          openOnClick: false,\n          HTMLAttributes: {\n            target: \"_blank\",\n            rel: \"noopener noreferrer\",\n          },\n        }),\n        MergeTagNode.configure({ mergeTags, syntax }),\n        LogicMergeTagNode.configure({ syntax }),\n        ...(autocompleteEnabled && triggerChar && mergeTags.length > 0\n          ? [\n              MergeTagSuggestion.configure({\n                mergeTags,\n                char: triggerChar,\n                emptyText: suggestionEmptyText,\n                popoverRoot,\n              }),\n            ]\n          : []),\n      ],\n    };\n  },\n});\n</script>\n\n<template>\n  <div class=\"tpl-text-editor-wrapper tpl:relative\">\n    <Teleport v-if=\"popoverRoot\" :to=\"popoverRoot\">\n      <div\n        :data-tpl-theme=\"tplUiTheme\"\n        role=\"toolbar\"\n        :aria-label=\"t.titleEditor.toolbar\"\n        class=\"tpl tpl-text-toolbar tpl:fixed tpl:z-popover tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:shadow-lg\"\n        :style=\"{\n          ...themeStyles,\n          top: `${toolbarPosition.top}px`,\n          left: `${toolbarPosition.left}px`,\n          transform: 'translateY(-100%)',\n        }\"\n      >\n        <template v-if=\"!isLoading && editor\">\n          <!-- Bold -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('bold'),\n            }\"\n            :aria-label=\"t.titleEditor.bold\"\n            :title=\"t.titleEditor.bold\"\n            @click=\"editor?.chain().focus().toggleBold().run()\"\n          >\n            <Bold :size=\"16\" :stroke-width=\"2.5\" />\n          </button>\n          <!-- Italic -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('italic'),\n            }\"\n            :aria-label=\"t.titleEditor.italic\"\n            :title=\"t.titleEditor.italic\"\n            @click=\"editor?.chain().focus().toggleItalic().run()\"\n          >\n            <Italic :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <span\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <!-- Link -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('link'),\n            }\"\n            :aria-label=\"t.titleEditor.addLink\"\n            :title=\"t.titleEditor.addLink\"\n            @click=\"openLinkDialog\"\n          >\n            <Link :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <!-- Add Merge Tag -->\n          <span\n            v-if=\"canRequestMergeTag\"\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n          ></span>\n          <button\n            v-if=\"canRequestMergeTag\"\n            type=\"button\"\n            class=\"tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]\"\n            :aria-label=\"t.mergeTag.add\"\n            :title=\"t.mergeTag.add\"\n            @click=\"handleAddMergeTag\"\n          >\n            <ScanLine :size=\"16\" :stroke-width=\"2\" />\n            {{ t.mergeTag.add }}\n          </button>\n        </template>\n        <template v-else>\n          <div\n            class=\"tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n          >\n            <LoaderCircle class=\"tpl-spinner\" :size=\"14\" :stroke-width=\"2\" />\n            {{ t.errors.editorLoading }}\n          </div>\n        </template>\n      </div>\n    </Teleport>\n\n    <RichTextEditorContent\n      :editor=\"editor\"\n      :editor-content=\"EditorContent\"\n      :is-loading=\"isLoading\"\n      :init-error=\"initError\"\n      @retry=\"retry\"\n    />\n\n    <RichTextLinkDialog\n      :visible=\"showLinkDialog\"\n      :is-editing-link=\"editor?.isActive('link') ?? false\"\n      v-model:dialog-ref=\"linkDialogRef\"\n      v-model:link-url=\"linkUrl\"\n      @close=\"closeLinkDialog\"\n      @insert=\"insertLink\"\n      @remove=\"removeLink\"\n      @keydown=\"handleLinkKeydown\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables\";\nimport { useRichTextEditor } from \"../../composables/useRichTextEditor\";\nimport { usePopoverRoot } from \"../../composables/usePopoverRoot\";\nimport type { TitleBlock as TitleBlockType } from \"@templatical/types\";\nimport { Bold, Italic, Link, LoaderCircle, ScanLine } from \"@lucide/vue\";\nimport { inject } from \"vue\";\nimport { THEME_STYLES_KEY, UI_THEME_KEY } from \"../../keys\";\nimport RichTextLinkDialog from \"./RichTextLinkDialog.vue\";\nimport RichTextEditorContent from \"./RichTextEditorContent.vue\";\n\nconst props = defineProps<{\n  block: TitleBlockType;\n  toolbarPosition: { top: number; left: number };\n}>();\n\nconst emit = defineEmits<{\n  (e: \"done\"): void;\n}>();\n\nconst themeStyles = inject(THEME_STYLES_KEY, null);\nconst tplUiTheme = inject(UI_THEME_KEY, null);\nconst popoverRoot = usePopoverRoot();\n\nconst { t } = useI18n();\n\nconst {\n  editor,\n  EditorContent,\n  isLoading,\n  initError,\n  retry,\n  showLinkDialog,\n  linkUrl,\n  linkDialogRef,\n  canRequestMergeTag,\n  openLinkDialog,\n  insertLink,\n  removeLink,\n  closeLinkDialog,\n  handleLinkKeydown,\n  handleAddMergeTag,\n} = useRichTextEditor({\n  blockId: () => props.block.id,\n  blockContent: () => props.block.content,\n  onDone: () => emit(\"done\"),\n  editorName: \"TitleEditor\",\n  async loadExtensions({\n    mergeTags,\n    syntax,\n    triggerChar,\n    autocompleteEnabled,\n    suggestionEmptyText,\n  }) {\n    const [\n      { Editor: TiptapEditor, EditorContent: EC },\n      { default: StarterKit },\n      { default: LinkExt },\n      { MergeTagNode, MergeTagSuggestion, LogicMergeTagNode },\n    ] = await Promise.all([\n      import(\"@tiptap/vue-3\"),\n      import(\"@tiptap/starter-kit\"),\n      import(\"@tiptap/extension-link\"),\n      import(\"../../extensions\"),\n    ]);\n\n    return {\n      TiptapEditor,\n      EC,\n      extensions: [\n        StarterKit.configure({\n          heading: false,\n          codeBlock: false,\n          blockquote: false,\n          horizontalRule: false,\n          bulletList: false,\n          orderedList: false,\n          listItem: false,\n          strike: false,\n        }),\n        LinkExt.configure({\n          openOnClick: false,\n          HTMLAttributes: {\n            target: \"_blank\",\n            rel: \"noopener noreferrer\",\n          },\n        }),\n        MergeTagNode.configure({ mergeTags, syntax }),\n        LogicMergeTagNode.configure({ syntax }),\n        ...(autocompleteEnabled && triggerChar && mergeTags.length > 0\n          ? [\n              MergeTagSuggestion.configure({\n                mergeTags,\n                char: triggerChar,\n                emptyText: suggestionEmptyText,\n                popoverRoot,\n              }),\n            ]\n          : []),\n      ],\n    };\n  },\n});\n</script>\n\n<template>\n  <div class=\"tpl-text-editor-wrapper tpl:relative\">\n    <Teleport v-if=\"popoverRoot\" :to=\"popoverRoot\">\n      <div\n        :data-tpl-theme=\"tplUiTheme\"\n        role=\"toolbar\"\n        :aria-label=\"t.titleEditor.toolbar\"\n        class=\"tpl tpl-text-toolbar tpl:fixed tpl:z-popover tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:shadow-lg\"\n        :style=\"{\n          ...themeStyles,\n          top: `${toolbarPosition.top}px`,\n          left: `${toolbarPosition.left}px`,\n          transform: 'translateY(-100%)',\n        }\"\n      >\n        <template v-if=\"!isLoading && editor\">\n          <!-- Bold -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('bold'),\n            }\"\n            :aria-label=\"t.titleEditor.bold\"\n            :title=\"t.titleEditor.bold\"\n            @click=\"editor?.chain().focus().toggleBold().run()\"\n          >\n            <Bold :size=\"16\" :stroke-width=\"2.5\" />\n          </button>\n          <!-- Italic -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('italic'),\n            }\"\n            :aria-label=\"t.titleEditor.italic\"\n            :title=\"t.titleEditor.italic\"\n            @click=\"editor?.chain().focus().toggleItalic().run()\"\n          >\n            <Italic :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <span\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <!-- Link -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('link'),\n            }\"\n            :aria-label=\"t.titleEditor.addLink\"\n            :title=\"t.titleEditor.addLink\"\n            @click=\"openLinkDialog\"\n          >\n            <Link :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <!-- Add Merge Tag -->\n          <span\n            v-if=\"canRequestMergeTag\"\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n          ></span>\n          <button\n            v-if=\"canRequestMergeTag\"\n            type=\"button\"\n            class=\"tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]\"\n            :aria-label=\"t.mergeTag.add\"\n            :title=\"t.mergeTag.add\"\n            @click=\"handleAddMergeTag\"\n          >\n            <ScanLine :size=\"16\" :stroke-width=\"2\" />\n            {{ t.mergeTag.add }}\n          </button>\n        </template>\n        <template v-else>\n          <div\n            class=\"tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n          >\n            <LoaderCircle class=\"tpl-spinner\" :size=\"14\" :stroke-width=\"2\" />\n            {{ t.errors.editorLoading }}\n          </div>\n        </template>\n      </div>\n    </Teleport>\n\n    <RichTextEditorContent\n      :editor=\"editor\"\n      :editor-content=\"EditorContent\"\n      :is-loading=\"isLoading\"\n      :init-error=\"initError\"\n      @retry=\"retry\"\n    />\n\n    <RichTextLinkDialog\n      :visible=\"showLinkDialog\"\n      :is-editing-link=\"editor?.isActive('link') ?? false\"\n      v-model:dialog-ref=\"linkDialogRef\"\n      v-model:link-url=\"linkUrl\"\n      @close=\"closeLinkDialog\"\n      @insert=\"insertLink\"\n      @remove=\"removeLink\"\n      @keydown=\"handleLinkKeydown\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAWA,IAAM,IAAQ,GAKR,IAAO,GAIP,IAAc,EAAO,GAAkB,IAAI,GAC3C,IAAa,EAAO,GAAc,IAAI,GACtC,IAAc,EAAe,GAE7B,EAAE,SAAM,EAAQ,GAEhB,EACJ,WACA,kBACA,cACA,cACA,UACA,mBACA,YACA,kBACA,uBACA,mBACA,eACA,gBACA,qBACA,uBACA,yBACE,EAAkB;GACpB,eAAe,EAAM,MAAM;GAC3B,oBAAoB,EAAM,MAAM;GAChC,cAAc,EAAK,MAAM;GACzB,YAAY;GACZ,MAAM,eAAe,EACnB,cACA,WACA,gBACA,wBACA,0BACC;IACD,IAAM,CACJ,EAAE,QAAQ,GAAc,eAAe,KACvC,EAAE,SAAS,KACX,EAAE,SAAS,KACX,EAAE,iBAAc,uBAAoB,0BAClC,MAAM,QAAQ,IAAI;KACpB,OAAO,wBAAA,MAAA,MAAA,EAAA,CAAA;KACP,OAAO,wBAAA,MAAA,MAAA,EAAA,CAAA;KACP,OAAO,wBAAA,MAAA,MAAA,EAAA,CAAA;KACP,OAAO;IACT,CAAC;IAED,OAAO;KACL;KACA;KACA,YAAY;MACV,EAAW,UAAU;OACnB,SAAS;OACT,WAAW;OACX,YAAY;OACZ,gBAAgB;OAChB,YAAY;OACZ,aAAa;OACb,UAAU;OACV,QAAQ;MACV,CAAC;MACD,EAAQ,UAAU;OAChB,aAAa;OACb,gBAAgB;QACd,QAAQ;QACR,KAAK;OACP;MACF,CAAC;MACD,EAAa,UAAU;OAAE;OAAW;MAAO,CAAC;MAC5C,EAAkB,UAAU,EAAE,UAAO,CAAC;MACtC,GAAI,KAAuB,KAAe,EAAU,SAAS,IACzD,CACE,EAAmB,UAAU;OAC3B;OACA,MAAM;OACN,WAAW;OACX;MACF,CAAC,CACH,IACA,CAAC;KACP;IACF;GACF;EACF,CAAC;yBAIC,EAwGM,OAxGN,IAwGM;GAvGY,EAAA,CAAA,KAAA,EAAA,GAAhB,EAmFW,GAAA;;IAnFmB,IAAI,EAAA,CAAA;OAChC,EAiFM,OAAA;IAhFH,kBAAgB,EAAA,CAAA;IACjB,MAAK;IACJ,cAAY,EAAA,CAAA,EAAE,YAAY;IAC3B,OAAM;IACL,OAAK,EAAA;QAAiB,EAAA,CAAA;aAA+B,EAAA,gBAAgB,IAAG;cAAyB,EAAA,gBAAgB,KAAI;;;QAOrG,EAAA,CAAA,KAAa,EAAA,CAAA,KAAA,EAAA,GAA9B,EA4DW,GAAA,EAAA,KAAA,EAAA,GAAA;IA1DT,EAWS,UAAA;KAVP,MAAK;KACL,OAAK,EAAA,CAAC,wBAAsB,EAAA,gCAC4B,EAAA,CAAA,GAAQ,SAAQ,MAAA,EAAA,CAAA,CAAA;KAGvE,cAAY,EAAA,CAAA,EAAE,YAAY;KAC1B,OAAO,EAAA,CAAA,EAAE,YAAY;KACrB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,CAAA,GAAQ,MAAK,EAAG,MAAK,EAAG,WAAU,EAAG,IAAG;QAEhD,EAAuC,EAAA,CAAA,GAAA;KAAhC,MAAM;KAAK,gBAAc;;IAGlC,EAWS,UAAA;KAVP,MAAK;KACL,OAAK,EAAA,CAAC,wBAAsB,EAAA,gCAC4B,EAAA,CAAA,GAAQ,SAAQ,QAAA,EAAA,CAAA,CAAA;KAGvE,cAAY,EAAA,CAAA,EAAE,YAAY;KAC1B,OAAO,EAAA,CAAA,EAAE,YAAY;KACrB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,CAAA,GAAQ,MAAK,EAAG,MAAK,EAAG,aAAY,EAAG,IAAG;QAElD,EAAuC,EAAA,CAAA,GAAA;KAA9B,MAAM;KAAK,gBAAc;;aAEpC,EAGQ,QAAA;KAFN,OAAM;KACN,eAAY;;IAGd,EAWS,UAAA;KAVP,MAAK;KACL,OAAK,EAAA,CAAC,wBAAsB,EAAA,gCAC4B,EAAA,CAAA,GAAQ,SAAQ,MAAA,EAAA,CAAA,CAAA;KAGvE,cAAY,EAAA,CAAA,EAAE,YAAY;KAC1B,OAAO,EAAA,CAAA,EAAE,YAAY;KACrB,SAAK,AAAA,EAAA,QAAA,GAAA,MAAE,EAAA,CAAA,KAAA,EAAA,CAAA,EAAA,GAAA,CAAA;QAER,EAAqC,EAAA,CAAA,GAAA;KAA9B,MAAM;KAAK,gBAAc;;IAI1B,EAAA,CAAA,KAAA,EAAA,GADR,EAGQ,QAHR,CAGQ,KAAA,EAAA,IAAA,EAAA;IAEA,EAAA,CAAA,KAAA,EAAA,GADR,EAUS,UAAA;;KARP,MAAK;KACL,OAAM;KACL,cAAY,EAAA,CAAA,EAAE,SAAS;KACvB,OAAO,EAAA,CAAA,EAAE,SAAS;KAClB,SAAK,AAAA,EAAA,QAAA,GAAA,MAAE,EAAA,CAAA,KAAA,EAAA,CAAA,EAAA,GAAA,CAAA;QAER,EAAyC,EAAA,CAAA,GAAA;KAA9B,MAAM;KAAK,gBAAc;UAAK,MACzC,EAAG,EAAA,CAAA,EAAE,SAAS,GAAG,GAAA,CAAA,CAAA,GAAA,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;mBAInB,EAKM,OALN,GAKM,CAFJ,EAAiE,EAAA,CAAA,GAAA;IAAnD,OAAM;IAAe,MAAM;IAAK,gBAAc;SAAK,MACjE,EAAG,EAAA,CAAA,EAAE,OAAO,aAAa,GAAA,CAAA,CAAA,CAAA,EAAA,GAAA,IAAA,CAAA,CAAA,GAAA,GAAA,CAAA,IAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAMjC,EAME,GAAA;IALC,QAAQ,EAAA,CAAA;IACR,kBAAgB,EAAA,CAAA;IAChB,cAAY,EAAA,CAAA;IACZ,cAAY,EAAA,CAAA;IACZ,SAAO,EAAA,CAAA;;;;;;;;GAGV,EASE,GAAA;IARC,SAAS,EAAA,CAAA;IACT,mBAAiB,EAAA,CAAA,GAAQ,SAAQ,MAAA,KAAA;IAC1B,cAAY,EAAA,CAAA;mDAAa,QAAA,IAAA;IACzB,YAAU,EAAA,CAAA;iDAAO,QAAA,IAAA;IACxB,SAAO,EAAA,EAAA;IACP,UAAQ,EAAA,CAAA;IACR,UAAQ,EAAA,EAAA;IACR,WAAS,EAAA,EAAA"}
+{"version":3,"file":"TitleEditor-C2p3SosJ.js","names":[],"sources":["../../../src/components/blocks/TitleEditor.vue","../../../src/components/blocks/TitleEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables\";\nimport { useRichTextEditor } from \"../../composables/useRichTextEditor\";\nimport { usePopoverRoot } from \"../../composables/usePopoverRoot\";\nimport type { TitleBlock as TitleBlockType } from \"@templatical/types\";\nimport { Bold, Italic, Link, LoaderCircle, ScanLine } from \"@lucide/vue\";\nimport { inject } from \"vue\";\nimport { THEME_STYLES_KEY, UI_THEME_KEY } from \"../../keys\";\nimport RichTextLinkDialog from \"./RichTextLinkDialog.vue\";\nimport RichTextEditorContent from \"./RichTextEditorContent.vue\";\n\nconst props = defineProps<{\n  block: TitleBlockType;\n  toolbarPosition: { top: number; left: number };\n}>();\n\nconst emit = defineEmits<{\n  (e: \"done\"): void;\n}>();\n\nconst themeStyles = inject(THEME_STYLES_KEY, null);\nconst tplUiTheme = inject(UI_THEME_KEY, null);\nconst popoverRoot = usePopoverRoot();\n\nconst { t } = useI18n();\n\nconst {\n  editor,\n  EditorContent,\n  isLoading,\n  initError,\n  retry,\n  showLinkDialog,\n  linkUrl,\n  linkDialogRef,\n  canRequestMergeTag,\n  openLinkDialog,\n  insertLink,\n  removeLink,\n  closeLinkDialog,\n  handleLinkKeydown,\n  handleAddMergeTag,\n} = useRichTextEditor({\n  blockId: () => props.block.id,\n  blockContent: () => props.block.content,\n  onDone: () => emit(\"done\"),\n  editorName: \"TitleEditor\",\n  async loadExtensions({\n    mergeTags,\n    syntax,\n    triggerChar,\n    autocompleteEnabled,\n    suggestionEmptyText,\n  }) {\n    const [\n      { Editor: TiptapEditor, EditorContent: EC },\n      { default: StarterKit },\n      { default: LinkExt },\n      { MergeTagNode, MergeTagSuggestion, LogicMergeTagNode },\n    ] = await Promise.all([\n      import(\"@tiptap/vue-3\"),\n      import(\"@tiptap/starter-kit\"),\n      import(\"@tiptap/extension-link\"),\n      import(\"../../extensions\"),\n    ]);\n\n    return {\n      TiptapEditor,\n      EC,\n      extensions: [\n        StarterKit.configure({\n          heading: false,\n          codeBlock: false,\n          blockquote: false,\n          horizontalRule: false,\n          bulletList: false,\n          orderedList: false,\n          listItem: false,\n          strike: false,\n        }),\n        LinkExt.configure({\n          openOnClick: false,\n          HTMLAttributes: {\n            target: \"_blank\",\n            rel: \"noopener noreferrer\",\n          },\n        }),\n        MergeTagNode.configure({ mergeTags, syntax }),\n        LogicMergeTagNode.configure({ syntax }),\n        ...(autocompleteEnabled && triggerChar && mergeTags.length > 0\n          ? [\n              MergeTagSuggestion.configure({\n                mergeTags,\n                char: triggerChar,\n                emptyText: suggestionEmptyText,\n                popoverRoot,\n              }),\n            ]\n          : []),\n      ],\n    };\n  },\n});\n</script>\n\n<template>\n  <div class=\"tpl-text-editor-wrapper tpl:relative\">\n    <Teleport v-if=\"popoverRoot\" :to=\"popoverRoot\">\n      <div\n        :data-tpl-theme=\"tplUiTheme\"\n        role=\"toolbar\"\n        :aria-label=\"t.titleEditor.toolbar\"\n        class=\"tpl tpl-text-toolbar tpl:fixed tpl:z-popover tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:shadow-lg\"\n        :style=\"{\n          ...themeStyles,\n          top: `${toolbarPosition.top}px`,\n          left: `${toolbarPosition.left}px`,\n          transform: 'translateY(-100%)',\n        }\"\n      >\n        <template v-if=\"!isLoading && editor\">\n          <!-- Bold -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('bold'),\n            }\"\n            :aria-label=\"t.titleEditor.bold\"\n            :title=\"t.titleEditor.bold\"\n            @click=\"editor?.chain().focus().toggleBold().run()\"\n          >\n            <Bold :size=\"16\" :stroke-width=\"2.5\" />\n          </button>\n          <!-- Italic -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('italic'),\n            }\"\n            :aria-label=\"t.titleEditor.italic\"\n            :title=\"t.titleEditor.italic\"\n            @click=\"editor?.chain().focus().toggleItalic().run()\"\n          >\n            <Italic :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <span\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <!-- Link -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('link'),\n            }\"\n            :aria-label=\"t.titleEditor.addLink\"\n            :title=\"t.titleEditor.addLink\"\n            @click=\"openLinkDialog\"\n          >\n            <Link :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <!-- Add Merge Tag -->\n          <span\n            v-if=\"canRequestMergeTag\"\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n          ></span>\n          <button\n            v-if=\"canRequestMergeTag\"\n            type=\"button\"\n            class=\"tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]\"\n            :aria-label=\"t.mergeTag.add\"\n            :title=\"t.mergeTag.add\"\n            @click=\"handleAddMergeTag\"\n          >\n            <ScanLine :size=\"16\" :stroke-width=\"2\" />\n            {{ t.mergeTag.add }}\n          </button>\n        </template>\n        <template v-else>\n          <div\n            class=\"tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n          >\n            <LoaderCircle class=\"tpl-spinner\" :size=\"14\" :stroke-width=\"2\" />\n            {{ t.errors.editorLoading }}\n          </div>\n        </template>\n      </div>\n    </Teleport>\n\n    <RichTextEditorContent\n      :editor=\"editor\"\n      :editor-content=\"EditorContent\"\n      :is-loading=\"isLoading\"\n      :init-error=\"initError\"\n      @retry=\"retry\"\n    />\n\n    <RichTextLinkDialog\n      :visible=\"showLinkDialog\"\n      :is-editing-link=\"editor?.isActive('link') ?? false\"\n      v-model:dialog-ref=\"linkDialogRef\"\n      v-model:link-url=\"linkUrl\"\n      @close=\"closeLinkDialog\"\n      @insert=\"insertLink\"\n      @remove=\"removeLink\"\n      @keydown=\"handleLinkKeydown\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables\";\nimport { useRichTextEditor } from \"../../composables/useRichTextEditor\";\nimport { usePopoverRoot } from \"../../composables/usePopoverRoot\";\nimport type { TitleBlock as TitleBlockType } from \"@templatical/types\";\nimport { Bold, Italic, Link, LoaderCircle, ScanLine } from \"@lucide/vue\";\nimport { inject } from \"vue\";\nimport { THEME_STYLES_KEY, UI_THEME_KEY } from \"../../keys\";\nimport RichTextLinkDialog from \"./RichTextLinkDialog.vue\";\nimport RichTextEditorContent from \"./RichTextEditorContent.vue\";\n\nconst props = defineProps<{\n  block: TitleBlockType;\n  toolbarPosition: { top: number; left: number };\n}>();\n\nconst emit = defineEmits<{\n  (e: \"done\"): void;\n}>();\n\nconst themeStyles = inject(THEME_STYLES_KEY, null);\nconst tplUiTheme = inject(UI_THEME_KEY, null);\nconst popoverRoot = usePopoverRoot();\n\nconst { t } = useI18n();\n\nconst {\n  editor,\n  EditorContent,\n  isLoading,\n  initError,\n  retry,\n  showLinkDialog,\n  linkUrl,\n  linkDialogRef,\n  canRequestMergeTag,\n  openLinkDialog,\n  insertLink,\n  removeLink,\n  closeLinkDialog,\n  handleLinkKeydown,\n  handleAddMergeTag,\n} = useRichTextEditor({\n  blockId: () => props.block.id,\n  blockContent: () => props.block.content,\n  onDone: () => emit(\"done\"),\n  editorName: \"TitleEditor\",\n  async loadExtensions({\n    mergeTags,\n    syntax,\n    triggerChar,\n    autocompleteEnabled,\n    suggestionEmptyText,\n  }) {\n    const [\n      { Editor: TiptapEditor, EditorContent: EC },\n      { default: StarterKit },\n      { default: LinkExt },\n      { MergeTagNode, MergeTagSuggestion, LogicMergeTagNode },\n    ] = await Promise.all([\n      import(\"@tiptap/vue-3\"),\n      import(\"@tiptap/starter-kit\"),\n      import(\"@tiptap/extension-link\"),\n      import(\"../../extensions\"),\n    ]);\n\n    return {\n      TiptapEditor,\n      EC,\n      extensions: [\n        StarterKit.configure({\n          heading: false,\n          codeBlock: false,\n          blockquote: false,\n          horizontalRule: false,\n          bulletList: false,\n          orderedList: false,\n          listItem: false,\n          strike: false,\n        }),\n        LinkExt.configure({\n          openOnClick: false,\n          HTMLAttributes: {\n            target: \"_blank\",\n            rel: \"noopener noreferrer\",\n          },\n        }),\n        MergeTagNode.configure({ mergeTags, syntax }),\n        LogicMergeTagNode.configure({ syntax }),\n        ...(autocompleteEnabled && triggerChar && mergeTags.length > 0\n          ? [\n              MergeTagSuggestion.configure({\n                mergeTags,\n                char: triggerChar,\n                emptyText: suggestionEmptyText,\n                popoverRoot,\n              }),\n            ]\n          : []),\n      ],\n    };\n  },\n});\n</script>\n\n<template>\n  <div class=\"tpl-text-editor-wrapper tpl:relative\">\n    <Teleport v-if=\"popoverRoot\" :to=\"popoverRoot\">\n      <div\n        :data-tpl-theme=\"tplUiTheme\"\n        role=\"toolbar\"\n        :aria-label=\"t.titleEditor.toolbar\"\n        class=\"tpl tpl-text-toolbar tpl:fixed tpl:z-popover tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:shadow-lg\"\n        :style=\"{\n          ...themeStyles,\n          top: `${toolbarPosition.top}px`,\n          left: `${toolbarPosition.left}px`,\n          transform: 'translateY(-100%)',\n        }\"\n      >\n        <template v-if=\"!isLoading && editor\">\n          <!-- Bold -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('bold'),\n            }\"\n            :aria-label=\"t.titleEditor.bold\"\n            :title=\"t.titleEditor.bold\"\n            @click=\"editor?.chain().focus().toggleBold().run()\"\n          >\n            <Bold :size=\"16\" :stroke-width=\"2.5\" />\n          </button>\n          <!-- Italic -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('italic'),\n            }\"\n            :aria-label=\"t.titleEditor.italic\"\n            :title=\"t.titleEditor.italic\"\n            @click=\"editor?.chain().focus().toggleItalic().run()\"\n          >\n            <Italic :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <span\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <!-- Link -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('link'),\n            }\"\n            :aria-label=\"t.titleEditor.addLink\"\n            :title=\"t.titleEditor.addLink\"\n            @click=\"openLinkDialog\"\n          >\n            <Link :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <!-- Add Merge Tag -->\n          <span\n            v-if=\"canRequestMergeTag\"\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n          ></span>\n          <button\n            v-if=\"canRequestMergeTag\"\n            type=\"button\"\n            class=\"tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]\"\n            :aria-label=\"t.mergeTag.add\"\n            :title=\"t.mergeTag.add\"\n            @click=\"handleAddMergeTag\"\n          >\n            <ScanLine :size=\"16\" :stroke-width=\"2\" />\n            {{ t.mergeTag.add }}\n          </button>\n        </template>\n        <template v-else>\n          <div\n            class=\"tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n          >\n            <LoaderCircle class=\"tpl-spinner\" :size=\"14\" :stroke-width=\"2\" />\n            {{ t.errors.editorLoading }}\n          </div>\n        </template>\n      </div>\n    </Teleport>\n\n    <RichTextEditorContent\n      :editor=\"editor\"\n      :editor-content=\"EditorContent\"\n      :is-loading=\"isLoading\"\n      :init-error=\"initError\"\n      @retry=\"retry\"\n    />\n\n    <RichTextLinkDialog\n      :visible=\"showLinkDialog\"\n      :is-editing-link=\"editor?.isActive('link') ?? false\"\n      v-model:dialog-ref=\"linkDialogRef\"\n      v-model:link-url=\"linkUrl\"\n      @close=\"closeLinkDialog\"\n      @insert=\"insertLink\"\n      @remove=\"removeLink\"\n      @keydown=\"handleLinkKeydown\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/cdn/chunks/{blockTypeIcons-DYAslSVB.js → blockTypeIcons-Bck6aYVw.js}

@@ -1,5 +1,5 @@
-import { Tt as e, bt as t, ft as n, gt as r, lt as i } from "./features-svfaXiyQ.js";
-import { D as a, F as o, M as s, O as c, T as l, W as u, Y as d, a as f } from "./icons-BWmUvlwk.js";
+import { Tt as e, bt as t, ft as n, gt as r, lt as i } from "./features-BOcQhi9B.js";
+import { D as a, F as o, M as s, O as c, T as l, W as u, Y as d, a as f } from "./icons-BVyDCkxF.js";
 //#region src/utils/blockTypeIcons.ts
 var p = {
 	section: d,
@@ -19,4 +19,4 @@ var p = {
 //#endregion
 export { p as t };
 
-//# sourceMappingURL=blockTypeIcons-DYAslSVB.js.map
+//# sourceMappingURL=blockTypeIcons-Bck6aYVw.js.map

package/dist/cdn/chunks/{blockTypeIcons-DYAslSVB.js.map → blockTypeIcons-Bck6aYVw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"blockTypeIcons-DYAslSVB.js","names":[],"sources":["../../../src/utils/blockTypeIcons.ts"],"sourcesContent":["import {\n  Code,\n  Columns3,\n  Heading,\n  Image,\n  Minus,\n  MoveVertical,\n  Navigation,\n  Pilcrow,\n  Play,\n  RectangleHorizontal,\n  Share2,\n  Table,\n  Timer,\n} from \"@lucide/vue\";\nimport type { Component } from \"vue\";\n\nexport const blockTypeIcons: Record<string, Component> = {\n  section: Columns3,\n  title: Heading,\n  paragraph: Pilcrow,\n  image: Image,\n  button: RectangleHorizontal,\n  divider: Minus,\n  video: Play,\n  social: Share2,\n  menu: Navigation,\n  table: Table,\n  spacer: MoveVertical,\n  countdown: Timer,\n  html: Code,\n};\n"],"mappings":";;;AAiBA,IAAa,IAA4C;CACvD,SAAS;CACT,OAAO;CACP,WAAW;CACX,OAAO;CACP,QAAQ;CACR,SAAS;CACT,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,QAAQ;CACR,WAAW;CACX,MAAM;AACR"}
+{"version":3,"file":"blockTypeIcons-Bck6aYVw.js","names":[],"sources":["../../../src/utils/blockTypeIcons.ts"],"sourcesContent":["import {\n  Code,\n  Columns3,\n  Heading,\n  Image,\n  Minus,\n  MoveVertical,\n  Navigation,\n  Pilcrow,\n  Play,\n  RectangleHorizontal,\n  Share2,\n  Table,\n  Timer,\n} from \"@lucide/vue\";\nimport type { Component } from \"vue\";\n\nexport const blockTypeIcons: Record<string, Component> = {\n  section: Columns3,\n  title: Heading,\n  paragraph: Pilcrow,\n  image: Image,\n  button: RectangleHorizontal,\n  divider: Minus,\n  video: Play,\n  social: Share2,\n  menu: Navigation,\n  table: Table,\n  spacer: MoveVertical,\n  countdown: Timer,\n  html: Code,\n};\n"],"mappings":";;;AAiBA,IAAa,IAA4C;CACvD,SAAS;CACT,OAAO;CACP,WAAW;CACX,OAAO;CACP,QAAQ;CACR,SAAS;CACT,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,QAAQ;CACR,WAAW;CACX,MAAM;AACR"}

package/dist/cdn/chunks/{extensions-IwIDJ7T-.js → extensions-DdH6DxVo.js}

@@ -1,5 +1,5 @@
 import { C as e, H as t, M as n, O as r, P as i, V as a, Z as o, c as s, ct as c, f as l, g as u, h as d, it as f, l as p, m, o as h, ot as g, p as _, r as v, st as y, u as b, x } from "./draggable-CLpL3kf8.js";
-import { $ as S, Ft as C, _n as w, gn as T, mn as E, vn as D } from "./features-svfaXiyQ.js";
+import { $ as S, Ft as C, _n as w, gn as T, mn as E, vn as D } from "./features-BOcQhi9B.js";
 import { _ as O, g as k, h as A, n as j, r as M, t as N, v as P, y as F } from "./tiptap-BCvhHXDe.js";
 //#region src/extensions/FontSize.ts
 var I = A.create({
@@ -596,4 +596,4 @@ var oe = A.create({
 //#endregion
 export { I as FontSize, L as LetterSpacing, R as LineHeight, H as LogicMergeTagNode, K as MergeTagNode, oe as MergeTagSuggestion, Q as filterMergeTags, $ as handleSuggestionKeyDown };
 
-//# sourceMappingURL=extensions-IwIDJ7T-.js.map
+//# sourceMappingURL=extensions-DdH6DxVo.js.map

package/dist/cdn/chunks/{extensions-IwIDJ7T-.js.map → extensions-DdH6DxVo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"extensions-IwIDJ7T-.js","names":["$emit"],"sources":["../../../src/extensions/FontSize.ts","../../../src/extensions/LetterSpacing.ts","../../../src/extensions/LineHeight.ts","../../../src/extensions/LogicMergeTagNodeView.vue","../../../src/extensions/LogicMergeTagNodeView.vue","../../../src/extensions/isNodeSelected.ts","../../../src/extensions/renderVueNodeView.ts","../../../src/extensions/LogicMergeTagNode.ts","../../../src/extensions/MergeTagNodeView.vue","../../../src/extensions/MergeTagNodeView.vue","../../../src/extensions/MergeTagNode.ts","../../../src/components/MergeTagSuggestionList.vue","../../../src/components/MergeTagSuggestionList.vue","../../../src/extensions/MergeTagSuggestion.ts"],"sourcesContent":["import { Extension } from \"@tiptap/core\";\n\nexport interface FontSizeOptions {\n  types: string[];\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    fontSize: {\n      setFontSize: (size: string) => ReturnType;\n      unsetFontSize: () => ReturnType;\n    };\n  }\n}\n\nexport const FontSize = Extension.create<FontSizeOptions>({\n  name: \"fontSize\",\n\n  addOptions() {\n    return {\n      types: [\"textStyle\"],\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          fontSize: {\n            default: null,\n            parseHTML: (element) =>\n              element.style.fontSize?.replace(/['\"]+/g, \"\") || null,\n            renderHTML: (attributes) => {\n              if (!attributes.fontSize) {\n                return {};\n              }\n              return {\n                style: `font-size: ${attributes.fontSize}`,\n              };\n            },\n          },\n        },\n      },\n    ];\n  },\n\n  addCommands() {\n    return {\n      setFontSize:\n        (size: string) =>\n        ({ chain }) => {\n          return chain().setMark(\"textStyle\", { fontSize: size }).run();\n        },\n      unsetFontSize:\n        () =>\n        ({ chain }) => {\n          return chain()\n            .setMark(\"textStyle\", { fontSize: null })\n            .removeEmptyTextStyle()\n            .run();\n        },\n    };\n  },\n});\n","import { Extension } from \"@tiptap/core\";\n\nexport interface LetterSpacingOptions {\n  types: string[];\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    letterSpacing: {\n      setLetterSpacing: (spacing: string) => ReturnType;\n      unsetLetterSpacing: () => ReturnType;\n    };\n  }\n}\n\nexport const LetterSpacing = Extension.create<LetterSpacingOptions>({\n  name: \"letterSpacing\",\n\n  addOptions() {\n    return {\n      types: [\"textStyle\"],\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          letterSpacing: {\n            default: null,\n            parseHTML: (element) =>\n              element.style.letterSpacing?.replace(/['\"]+/g, \"\") || null,\n            renderHTML: (attributes) => {\n              if (!attributes.letterSpacing) {\n                return {};\n              }\n              return {\n                style: `letter-spacing: ${attributes.letterSpacing}`,\n              };\n            },\n          },\n        },\n      },\n    ];\n  },\n\n  addCommands() {\n    return {\n      setLetterSpacing:\n        (spacing: string) =>\n        ({ chain }) => {\n          return chain().setMark(\"textStyle\", { letterSpacing: spacing }).run();\n        },\n      unsetLetterSpacing:\n        () =>\n        ({ chain }) => {\n          return chain()\n            .setMark(\"textStyle\", { letterSpacing: null })\n            .removeEmptyTextStyle()\n            .run();\n        },\n    };\n  },\n});\n","import { Extension } from \"@tiptap/core\";\n\nexport interface LineHeightOptions {\n  types: string[];\n  defaultLineHeight: string;\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    lineHeight: {\n      setLineHeight: (lineHeight: string) => ReturnType;\n      unsetLineHeight: () => ReturnType;\n    };\n  }\n}\n\nexport const LineHeight = Extension.create<LineHeightOptions>({\n  name: \"lineHeight\",\n\n  addOptions() {\n    return {\n      types: [\"paragraph\"],\n      defaultLineHeight: \"1.5\",\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          lineHeight: {\n            default: null,\n            parseHTML: (element) => element.style.lineHeight || null,\n            renderHTML: (attributes) => {\n              if (!attributes.lineHeight) {\n                return {};\n              }\n              return {\n                style: `line-height: ${attributes.lineHeight}`,\n              };\n            },\n          },\n        },\n      },\n    ];\n  },\n\n  addCommands() {\n    return {\n      setLineHeight:\n        (lineHeight: string) =>\n        ({ commands }) => {\n          return this.options.types.every((type) =>\n            commands.updateAttributes(type, { lineHeight }),\n          );\n        },\n      unsetLineHeight:\n        () =>\n        ({ commands }) => {\n          return this.options.types.every((type) =>\n            commands.resetAttributes(type, \"lineHeight\"),\n          );\n        },\n    };\n  },\n});\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../composables/useI18n\";\nimport { useMergeTag } from \"../composables/useMergeTag\";\nimport {\n  getLogicMergeTagKeyword,\n  isLogicMergeTagValue,\n} from \"@templatical/types\";\nimport type { Editor } from \"@tiptap/core\";\nimport { NodeViewWrapper } from \"@tiptap/vue-3\";\nimport { computed, nextTick, ref } from \"vue\";\n\nconst props = defineProps<{\n  node: {\n    attrs: {\n      value: string;\n      keyword: string;\n    };\n  };\n  editor: Editor;\n  getPos: () => number;\n  deleteNode: () => void;\n  updateAttributes: (attrs: Record<string, unknown>) => void;\n}>();\n\nconst { syntax } = useMergeTag();\nconst { t } = useI18n();\n\nconst isValid = computed(() =>\n  isLogicMergeTagValue(props.node.attrs.value, syntax),\n);\nconst displayKeyword = computed(() =>\n  getLogicMergeTagKeyword(props.node.attrs.value, syntax),\n);\n\nconst isEditing = ref(false);\nconst editValue = ref(\"\");\nconst inputRef = ref<HTMLInputElement | null>(null);\nlet handled = false;\n\nfunction startEditing(): void {\n  editValue.value = props.node.attrs.value;\n  handled = false;\n  isEditing.value = true;\n  nextTick(() => {\n    inputRef.value?.focus();\n    inputRef.value?.select();\n  });\n}\n\nfunction finishEditing(): void {\n  if (handled) {\n    return;\n  }\n  handled = true;\n\n  const newValue = editValue.value.trim();\n  if (!newValue) {\n    isEditing.value = false;\n    return;\n  }\n\n  if (newValue !== props.node.attrs.value) {\n    props.updateAttributes({\n      value: newValue,\n      keyword: isLogicMergeTagValue(newValue, syntax)\n        ? getLogicMergeTagKeyword(newValue, syntax)\n        : \"\",\n    });\n  }\n  isEditing.value = false;\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\") {\n    event.preventDefault();\n    finishEditing();\n  } else if (event.key === \"Escape\") {\n    isEditing.value = false;\n  }\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"span\"\n    :class=\"\n      isValid\n        ? 'tpl-logic-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase tpl:select-none'\n        : ''\n    \"\n    :style=\"\n      isValid\n        ? 'background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);'\n        : ''\n    \"\n    contenteditable=\"false\"\n  >\n    <!-- Edit mode -->\n    <input\n      v-if=\"isEditing\"\n      ref=\"inputRef\"\n      v-model=\"editValue\"\n      type=\"text\"\n      class=\"tpl:w-40 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:normal-case tpl:outline-none tpl:text-[var(--tpl-primary)]\"\n      @blur=\"finishEditing\"\n      @keydown=\"handleKeydown\"\n    />\n    <!-- Display mode: valid merge tag -->\n    <span\n      v-else-if=\"isValid\"\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      class=\"tpl-tooltip tpl:cursor-pointer\"\n      :data-tooltip=\"node.attrs.value\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ displayKeyword }}\n    </span>\n    <!-- Display mode: invalid (plain text) -->\n    <span\n      v-else\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ node.attrs.value }}\n    </span>\n    <button\n      v-if=\"isValid\"\n      type=\"button\"\n      :aria-label=\"t.mergeTag.deleteMergeTag\"\n      class=\"tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]\"\n      contenteditable=\"false\"\n      @click.stop.prevent=\"deleteNode\"\n    >\n      <svg\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        aria-hidden=\"true\"\n      >\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n      </svg>\n    </button>\n  </NodeViewWrapper>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../composables/useI18n\";\nimport { useMergeTag } from \"../composables/useMergeTag\";\nimport {\n  getLogicMergeTagKeyword,\n  isLogicMergeTagValue,\n} from \"@templatical/types\";\nimport type { Editor } from \"@tiptap/core\";\nimport { NodeViewWrapper } from \"@tiptap/vue-3\";\nimport { computed, nextTick, ref } from \"vue\";\n\nconst props = defineProps<{\n  node: {\n    attrs: {\n      value: string;\n      keyword: string;\n    };\n  };\n  editor: Editor;\n  getPos: () => number;\n  deleteNode: () => void;\n  updateAttributes: (attrs: Record<string, unknown>) => void;\n}>();\n\nconst { syntax } = useMergeTag();\nconst { t } = useI18n();\n\nconst isValid = computed(() =>\n  isLogicMergeTagValue(props.node.attrs.value, syntax),\n);\nconst displayKeyword = computed(() =>\n  getLogicMergeTagKeyword(props.node.attrs.value, syntax),\n);\n\nconst isEditing = ref(false);\nconst editValue = ref(\"\");\nconst inputRef = ref<HTMLInputElement | null>(null);\nlet handled = false;\n\nfunction startEditing(): void {\n  editValue.value = props.node.attrs.value;\n  handled = false;\n  isEditing.value = true;\n  nextTick(() => {\n    inputRef.value?.focus();\n    inputRef.value?.select();\n  });\n}\n\nfunction finishEditing(): void {\n  if (handled) {\n    return;\n  }\n  handled = true;\n\n  const newValue = editValue.value.trim();\n  if (!newValue) {\n    isEditing.value = false;\n    return;\n  }\n\n  if (newValue !== props.node.attrs.value) {\n    props.updateAttributes({\n      value: newValue,\n      keyword: isLogicMergeTagValue(newValue, syntax)\n        ? getLogicMergeTagKeyword(newValue, syntax)\n        : \"\",\n    });\n  }\n  isEditing.value = false;\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\") {\n    event.preventDefault();\n    finishEditing();\n  } else if (event.key === \"Escape\") {\n    isEditing.value = false;\n  }\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"span\"\n    :class=\"\n      isValid\n        ? 'tpl-logic-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase tpl:select-none'\n        : ''\n    \"\n    :style=\"\n      isValid\n        ? 'background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);'\n        : ''\n    \"\n    contenteditable=\"false\"\n  >\n    <!-- Edit mode -->\n    <input\n      v-if=\"isEditing\"\n      ref=\"inputRef\"\n      v-model=\"editValue\"\n      type=\"text\"\n      class=\"tpl:w-40 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:normal-case tpl:outline-none tpl:text-[var(--tpl-primary)]\"\n      @blur=\"finishEditing\"\n      @keydown=\"handleKeydown\"\n    />\n    <!-- Display mode: valid merge tag -->\n    <span\n      v-else-if=\"isValid\"\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      class=\"tpl-tooltip tpl:cursor-pointer\"\n      :data-tooltip=\"node.attrs.value\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ displayKeyword }}\n    </span>\n    <!-- Display mode: invalid (plain text) -->\n    <span\n      v-else\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ node.attrs.value }}\n    </span>\n    <button\n      v-if=\"isValid\"\n      type=\"button\"\n      :aria-label=\"t.mergeTag.deleteMergeTag\"\n      class=\"tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]\"\n      contenteditable=\"false\"\n      @click.stop.prevent=\"deleteNode\"\n    >\n      <svg\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        aria-hidden=\"true\"\n      >\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n      </svg>\n    </button>\n  </NodeViewWrapper>\n</template>\n","import type { Editor } from \"@tiptap/core\";\n\n/**\n * Decides whether MergeTagNode / LogicMergeTagNode should swallow a\n * Backspace/Delete keystroke (returning `true` from a TipTap keymap\n * suppresses the default behavior).\n *\n * Only suppresses in the cursor-adjacent case so the \"first press\n * selects the atom, second press deletes it\" UX works. Range selections\n * (Cmd+A, drag-select, double-click-word) explicitly fall through —\n * default `replaceSelection` then deletes the entire range including\n * any merge-tag atoms inside it.\n *\n * Earlier revisions also returned `true` whenever `nodesBetween($from,\n * $to)` found a merge tag anywhere in the selection range — which\n * silently broke Cmd+A + Backspace for any paragraph containing a\n * merge tag (entire deletion was cancelled, nothing happened). The\n * cursor-adjacent protection is the only piece that should survive.\n */\nexport function isNodeSelected(editor: Editor, nodeTypeName: string): boolean {\n  const { $from, $to } = editor.state.selection;\n\n  // Range selection: let TipTap's default range-delete run. Even when\n  // the range contains atom nodes, ProseMirror's replaceSelection\n  // handles atomic deletion correctly.\n  if ($from.pos !== $to.pos) return false;\n\n  // Cursor-adjacent atom: protect from single-keystroke deletion.\n  // (`$from.pos > 0` guards against reading `nodeBefore` at doc start\n  // where ProseMirror's index would be undefined for nodeBefore.)\n  if ($from.pos > 0 && $from.nodeBefore?.type.name === nodeTypeName) {\n    return true;\n  }\n  if ($from.nodeAfter?.type.name === nodeTypeName) {\n    return true;\n  }\n\n  return false;\n}\n","import type { Component } from \"vue\";\nimport { VueNodeViewRenderer } from \"@tiptap/vue-3\";\n\n/**\n * Typed wrapper for VueNodeViewRenderer that handles the known type mismatch\n * between Vue SFC default exports and TipTap's expected component type.\n */\nexport function renderVueNodeView(component: Component) {\n  return VueNodeViewRenderer(\n    component as Parameters<typeof VueNodeViewRenderer>[0],\n  );\n}\n","import LogicMergeTagNodeView from \"./LogicMergeTagNodeView.vue\";\nimport type { SyntaxPreset } from \"@templatical/types\";\nimport {\n  getLogicMergeTagKeyword,\n  isLogicMergeTagValue,\n  SYNTAX_PRESETS,\n} from \"@templatical/types\";\nimport { InputRule, mergeAttributes, Node, PasteRule } from \"@tiptap/core\";\nimport { isNodeSelected } from \"./isNodeSelected\";\nimport { renderVueNodeView } from \"./renderVueNodeView\";\n\nexport interface LogicMergeTagNodeOptions {\n  syntax: SyntaxPreset;\n}\n\nexport const LogicMergeTagNode = Node.create<LogicMergeTagNodeOptions>({\n  name: \"logicMergeTagNode\",\n\n  group: \"inline\",\n\n  inline: true,\n\n  atom: true,\n\n  addOptions() {\n    return {\n      syntax: SYNTAX_PRESETS.liquid,\n    };\n  },\n\n  addAttributes() {\n    return {\n      value: {\n        default: \"\",\n        parseHTML: (element) =>\n          element.getAttribute(\"data-logic-merge-tag\") || \"\",\n      },\n      keyword: {\n        default: \"\",\n        parseHTML: (element) =>\n          element.getAttribute(\"data-keyword\") || element.textContent || \"\",\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: \"span[data-logic-merge-tag]\",\n      },\n    ];\n  },\n\n  renderHTML({ node, HTMLAttributes }) {\n    if (!isLogicMergeTagValue(node.attrs.value, this.options.syntax)) {\n      return [\"span\", {}, node.attrs.value];\n    }\n\n    const keyword = getLogicMergeTagKeyword(\n      node.attrs.value,\n      this.options.syntax,\n    );\n\n    return [\n      \"span\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-logic-merge-tag\": node.attrs.value,\n        \"data-keyword\": keyword,\n      }),\n      keyword,\n    ];\n  },\n\n  addNodeView() {\n    return renderVueNodeView(LogicMergeTagNodeView);\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      Backspace: () => isNodeSelected(this.editor, this.name),\n      Delete: () => isNodeSelected(this.editor, this.name),\n    };\n  },\n\n  addInputRules() {\n    const inputRegex = new RegExp(this.options.syntax.logic.source + \"$\", \"\");\n\n    return [\n      new InputRule({\n        find: inputRegex,\n        handler: ({ state, range, match }) => {\n          const fullValue = match[0];\n          if (!isLogicMergeTagValue(fullValue, this.options.syntax)) {\n            return;\n          }\n\n          const keyword = getLogicMergeTagKeyword(\n            fullValue,\n            this.options.syntax,\n          );\n\n          const node = this.type.create({\n            value: fullValue,\n            keyword,\n          });\n\n          state.tr.replaceWith(range.from, range.to, node);\n        },\n      }),\n    ];\n  },\n\n  addPasteRules() {\n    const pasteRegex = new RegExp(this.options.syntax.logic.source, \"g\");\n\n    return [\n      new PasteRule({\n        find: pasteRegex,\n        handler: ({ state, range, match }) => {\n          const fullValue = match[0];\n          if (!isLogicMergeTagValue(fullValue, this.options.syntax)) {\n            return;\n          }\n\n          const keyword = getLogicMergeTagKeyword(\n            fullValue,\n            this.options.syntax,\n          );\n\n          const node = this.type.create({\n            value: fullValue,\n            keyword,\n          });\n\n          state.tr.replaceWith(range.from, range.to, node);\n        },\n      }),\n    ];\n  },\n});\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../composables/useI18n\";\nimport { useMergeTag } from \"../composables/useMergeTag\";\nimport { NodeViewWrapper } from \"@tiptap/vue-3\";\nimport { computed, nextTick, ref } from \"vue\";\n\nconst props = defineProps<{\n  node: {\n    attrs: {\n      label: string;\n      value: string;\n    };\n  };\n  deleteNode: () => void;\n  updateAttributes: (attrs: Record<string, unknown>) => void;\n}>();\n\nconst { getMergeTagLabel } = useMergeTag();\nconst { t } = useI18n();\n\nconst displayLabel = computed(() => getMergeTagLabel(props.node.attrs.value));\n\nconst isEditing = ref(false);\nconst editValue = ref(\"\");\nconst inputRef = ref<HTMLInputElement | null>(null);\n\nfunction startEditing(): void {\n  editValue.value = props.node.attrs.value;\n  isEditing.value = true;\n  nextTick(() => {\n    inputRef.value?.focus();\n    inputRef.value?.select();\n  });\n}\n\nfunction finishEditing(): void {\n  const newValue = editValue.value.trim();\n  if (newValue && newValue !== props.node.attrs.value) {\n    // Update with new value and derive label from it\n    props.updateAttributes({\n      value: newValue,\n      label: getMergeTagLabel(newValue),\n    });\n  }\n  isEditing.value = false;\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\") {\n    event.preventDefault();\n    finishEditing();\n  } else if (event.key === \"Escape\") {\n    isEditing.value = false;\n  }\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"span\"\n    class=\"tpl-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.9em] tpl:font-medium tpl:select-none tpl:text-[var(--tpl-primary)]\"\n    style=\"\n      background-color: color-mix(in srgb, var(--tpl-primary) 20%, transparent);\n    \"\n    contenteditable=\"false\"\n  >\n    <!-- Edit mode -->\n    <input\n      v-if=\"isEditing\"\n      ref=\"inputRef\"\n      v-model=\"editValue\"\n      type=\"text\"\n      class=\"tpl:w-32 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:outline-none tpl:text-[var(--tpl-primary)]\"\n      @blur=\"finishEditing\"\n      @keydown=\"handleKeydown\"\n    />\n    <!-- Display mode -->\n    <span\n      v-else\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      class=\"tpl-tooltip tpl:cursor-pointer\"\n      :data-tooltip=\"node.attrs.value\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ displayLabel }}\n    </span>\n    <button\n      type=\"button\"\n      :aria-label=\"t.mergeTag.deleteMergeTag\"\n      class=\"tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]\"\n      contenteditable=\"false\"\n      @click.stop.prevent=\"deleteNode\"\n    >\n      <svg\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        aria-hidden=\"true\"\n      >\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n      </svg>\n    </button>\n  </NodeViewWrapper>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../composables/useI18n\";\nimport { useMergeTag } from \"../composables/useMergeTag\";\nimport { NodeViewWrapper } from \"@tiptap/vue-3\";\nimport { computed, nextTick, ref } from \"vue\";\n\nconst props = defineProps<{\n  node: {\n    attrs: {\n      label: string;\n      value: string;\n    };\n  };\n  deleteNode: () => void;\n  updateAttributes: (attrs: Record<string, unknown>) => void;\n}>();\n\nconst { getMergeTagLabel } = useMergeTag();\nconst { t } = useI18n();\n\nconst displayLabel = computed(() => getMergeTagLabel(props.node.attrs.value));\n\nconst isEditing = ref(false);\nconst editValue = ref(\"\");\nconst inputRef = ref<HTMLInputElement | null>(null);\n\nfunction startEditing(): void {\n  editValue.value = props.node.attrs.value;\n  isEditing.value = true;\n  nextTick(() => {\n    inputRef.value?.focus();\n    inputRef.value?.select();\n  });\n}\n\nfunction finishEditing(): void {\n  const newValue = editValue.value.trim();\n  if (newValue && newValue !== props.node.attrs.value) {\n    // Update with new value and derive label from it\n    props.updateAttributes({\n      value: newValue,\n      label: getMergeTagLabel(newValue),\n    });\n  }\n  isEditing.value = false;\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\") {\n    event.preventDefault();\n    finishEditing();\n  } else if (event.key === \"Escape\") {\n    isEditing.value = false;\n  }\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"span\"\n    class=\"tpl-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.9em] tpl:font-medium tpl:select-none tpl:text-[var(--tpl-primary)]\"\n    style=\"\n      background-color: color-mix(in srgb, var(--tpl-primary) 20%, transparent);\n    \"\n    contenteditable=\"false\"\n  >\n    <!-- Edit mode -->\n    <input\n      v-if=\"isEditing\"\n      ref=\"inputRef\"\n      v-model=\"editValue\"\n      type=\"text\"\n      class=\"tpl:w-32 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:outline-none tpl:text-[var(--tpl-primary)]\"\n      @blur=\"finishEditing\"\n      @keydown=\"handleKeydown\"\n    />\n    <!-- Display mode -->\n    <span\n      v-else\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      class=\"tpl-tooltip tpl:cursor-pointer\"\n      :data-tooltip=\"node.attrs.value\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ displayLabel }}\n    </span>\n    <button\n      type=\"button\"\n      :aria-label=\"t.mergeTag.deleteMergeTag\"\n      class=\"tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]\"\n      contenteditable=\"false\"\n      @click.stop.prevent=\"deleteNode\"\n    >\n      <svg\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        aria-hidden=\"true\"\n      >\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n      </svg>\n    </button>\n  </NodeViewWrapper>\n</template>\n","import MergeTagNodeView from \"./MergeTagNodeView.vue\";\nimport type { MergeTag, SyntaxPreset } from \"@templatical/types\";\nimport { getMergeTagLabel, SYNTAX_PRESETS } from \"@templatical/types\";\nimport { InputRule, mergeAttributes, Node, PasteRule } from \"@tiptap/core\";\nimport { isNodeSelected } from \"./isNodeSelected\";\nimport { renderVueNodeView } from \"./renderVueNodeView\";\n\nexport interface MergeTagNodeOptions {\n  mergeTags: MergeTag[];\n  syntax: SyntaxPreset;\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    mergeTagNode: {\n      insertMergeTag: (attrs: MergeTag) => ReturnType;\n    };\n  }\n}\n\nexport const MergeTagNode = Node.create<MergeTagNodeOptions>({\n  name: \"mergeTagNode\",\n\n  group: \"inline\",\n\n  inline: true,\n\n  atom: true,\n\n  addOptions() {\n    return {\n      mergeTags: [],\n      syntax: SYNTAX_PRESETS.liquid,\n    };\n  },\n\n  addAttributes() {\n    return {\n      label: {\n        default: \"\",\n        parseHTML: (element) =>\n          element.getAttribute(\"data-label\") || element.textContent || \"\",\n      },\n      value: {\n        default: \"\",\n        parseHTML: (element) => element.getAttribute(\"data-merge-tag\") || \"\",\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: \"span[data-merge-tag]\",\n      },\n    ];\n  },\n\n  renderHTML({ node, HTMLAttributes }) {\n    const label = getMergeTagLabel(node.attrs.value, this.options.mergeTags);\n\n    return [\n      \"span\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-merge-tag\": node.attrs.value,\n        \"data-label\": label,\n      }),\n      label,\n    ];\n  },\n\n  addNodeView() {\n    return renderVueNodeView(MergeTagNodeView);\n  },\n\n  addCommands() {\n    return {\n      insertMergeTag:\n        (attrs: MergeTag) =>\n        ({ commands }) => {\n          return commands.insertContent({\n            type: this.name,\n            attrs,\n          });\n        },\n    };\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      Backspace: () => isNodeSelected(this.editor, this.name),\n      Delete: () => isNodeSelected(this.editor, this.name),\n    };\n  },\n\n  addInputRules() {\n    const inputRegex = new RegExp(this.options.syntax.value.source + \"$\", \"\");\n\n    return [\n      new InputRule({\n        find: inputRegex,\n        handler: ({ state, range, match }) => {\n          const fullValue = match[0];\n          const label = getMergeTagLabel(fullValue, this.options.mergeTags);\n\n          const node = this.type.create({\n            label,\n            value: fullValue,\n          });\n\n          state.tr.replaceWith(range.from, range.to, node);\n        },\n      }),\n    ];\n  },\n\n  addPasteRules() {\n    const pasteRegex = new RegExp(this.options.syntax.value.source, \"g\");\n\n    return [\n      new PasteRule({\n        find: pasteRegex,\n        handler: ({ state, range, match }) => {\n          const fullValue = match[0];\n          const label = getMergeTagLabel(fullValue, this.options.mergeTags);\n\n          const node = this.type.create({\n            label,\n            value: fullValue,\n          });\n\n          state.tr.replaceWith(range.from, range.to, node);\n        },\n      }),\n    ];\n  },\n});\n","<script setup lang=\"ts\">\nimport type { MergeTag } from \"@templatical/types\";\n\nconst props = defineProps<{\n  items: MergeTag[];\n  selectedIndex: number;\n  emptyText: string;\n  /** Stable id used for aria-controls + per-option id derivation. */\n  listId?: string;\n}>();\n\ndefineEmits<{\n  (e: \"select\", item: MergeTag): void;\n  (e: \"hover\", index: number): void;\n}>();\n\nfunction optionId(index: number): string | undefined {\n  return props.listId ? `${props.listId}-opt-${index}` : undefined;\n}\n</script>\n\n<template>\n  <div\n    :id=\"listId\"\n    class=\"tpl:min-w-[200px] tpl:max-w-[320px] tpl:max-h-[50vh] tpl:overflow-y-auto tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:py-1 tpl:shadow-lg\"\n    role=\"listbox\"\n    data-testid=\"merge-tag-suggestion-list\"\n  >\n    <div\n      v-if=\"items.length === 0\"\n      class=\"tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n      data-testid=\"merge-tag-suggestion-empty\"\n    >\n      {{ emptyText }}\n    </div>\n    <button\n      v-for=\"(item, index) in items\"\n      :key=\"item.value\"\n      :id=\"optionId(index)\"\n      type=\"button\"\n      role=\"option\"\n      :aria-selected=\"index === selectedIndex\"\n      :data-selected=\"index === selectedIndex ? 'true' : 'false'\"\n      :data-merge-tag-value=\"item.value\"\n      class=\"tpl:flex tpl:w-full tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:px-3 tpl:py-1.5 tpl:text-left tpl:text-xs tpl:transition-colors\"\n      :class=\"\n        index === selectedIndex\n          ? 'tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]'\n          : 'tpl:text-[var(--tpl-text)] hover:tpl:bg-[var(--tpl-bg-hover)]'\n      \"\n      @mousedown.prevent.stop=\"$emit('select', item)\"\n      @mousemove=\"index !== selectedIndex && $emit('hover', index)\"\n    >\n      <span class=\"tpl:font-medium\">{{ item.label }}</span>\n      <span class=\"tpl:text-[var(--tpl-text-dim)] tpl:font-mono\">{{\n        item.value\n      }}</span>\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { MergeTag } from \"@templatical/types\";\n\nconst props = defineProps<{\n  items: MergeTag[];\n  selectedIndex: number;\n  emptyText: string;\n  /** Stable id used for aria-controls + per-option id derivation. */\n  listId?: string;\n}>();\n\ndefineEmits<{\n  (e: \"select\", item: MergeTag): void;\n  (e: \"hover\", index: number): void;\n}>();\n\nfunction optionId(index: number): string | undefined {\n  return props.listId ? `${props.listId}-opt-${index}` : undefined;\n}\n</script>\n\n<template>\n  <div\n    :id=\"listId\"\n    class=\"tpl:min-w-[200px] tpl:max-w-[320px] tpl:max-h-[50vh] tpl:overflow-y-auto tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:py-1 tpl:shadow-lg\"\n    role=\"listbox\"\n    data-testid=\"merge-tag-suggestion-list\"\n  >\n    <div\n      v-if=\"items.length === 0\"\n      class=\"tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n      data-testid=\"merge-tag-suggestion-empty\"\n    >\n      {{ emptyText }}\n    </div>\n    <button\n      v-for=\"(item, index) in items\"\n      :key=\"item.value\"\n      :id=\"optionId(index)\"\n      type=\"button\"\n      role=\"option\"\n      :aria-selected=\"index === selectedIndex\"\n      :data-selected=\"index === selectedIndex ? 'true' : 'false'\"\n      :data-merge-tag-value=\"item.value\"\n      class=\"tpl:flex tpl:w-full tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:px-3 tpl:py-1.5 tpl:text-left tpl:text-xs tpl:transition-colors\"\n      :class=\"\n        index === selectedIndex\n          ? 'tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]'\n          : 'tpl:text-[var(--tpl-text)] hover:tpl:bg-[var(--tpl-bg-hover)]'\n      \"\n      @mousedown.prevent.stop=\"$emit('select', item)\"\n      @mousemove=\"index !== selectedIndex && $emit('hover', index)\"\n    >\n      <span class=\"tpl:font-medium\">{{ item.label }}</span>\n      <span class=\"tpl:text-[var(--tpl-text-dim)] tpl:font-mono\">{{\n        item.value\n      }}</span>\n    </button>\n  </div>\n</template>\n","import type { MergeTag } from \"@templatical/types\";\nimport { Extension } from \"@tiptap/core\";\nimport Suggestion, {\n  type SuggestionOptions,\n  type SuggestionProps,\n  type SuggestionKeyDownProps,\n} from \"@tiptap/suggestion\";\nimport { type App, createApp, h, ref, type Ref } from \"vue\";\nimport MergeTagSuggestionList from \"../components/MergeTagSuggestionList.vue\";\n\nconst MAX_RESULTS = 10;\n\n// Monotonic counter for unique listbox IDs across multiple popup instances.\nlet POPUP_ID_SEQ = 0;\n\nexport interface MergeTagSuggestionOptions {\n  /** Available merge tags */\n  mergeTags: MergeTag[];\n  /** Trigger string (e.g. \"{{\", \"*|\", \"%%=\") */\n  char: string;\n  /** Localized empty-state label */\n  emptyText: string;\n  /**\n   * Mount target for the suggestion popup. When provided with a non-null\n   * `.value`, the popup attaches into that element instead of\n   * `document.body` — keeping it inside the editor's effective DOM root\n   * (shadow-aware). Pass the ref returned by `usePopoverRoot()`.\n   *\n   * Falls back to `document.body` when omitted or when the ref's value is\n   * null at popup-open time (e.g. headless/test editors without an editor\n   * shell). Preserves pre-Phase-3 behavior for callers that don't migrate.\n   */\n  popoverRoot?: Ref<HTMLElement | null> | null;\n}\n\n/**\n * Filter merge tags by query against label and value (case-insensitive).\n * Capped at MAX_RESULTS. Exported for testing.\n */\nexport function filterMergeTags(tags: MergeTag[], query: string): MergeTag[] {\n  const trimmed = query.trim().toLowerCase();\n  if (trimmed === \"\") {\n    return tags.slice(0, MAX_RESULTS);\n  }\n  return tags\n    .filter((tag) => {\n      const label = tag.label.toLowerCase();\n      const value = tag.value.toLowerCase();\n      return label.includes(trimmed) || value.includes(trimmed);\n    })\n    .slice(0, MAX_RESULTS);\n}\n\n/**\n * Handle a keydown event against a list of items. Returns whether the\n * event was handled (so the suggestion plugin can stop propagation).\n * Exported for testing.\n */\nexport function handleSuggestionKeyDown(\n  event: KeyboardEvent,\n  items: MergeTag[],\n  selectedIndex: Ref<number>,\n  onSelect: (item: MergeTag) => void,\n): boolean {\n  if (items.length === 0) {\n    if (event.key === \"Enter\" || event.key === \"Tab\") return true;\n    return false;\n  }\n\n  if (event.key === \"ArrowDown\") {\n    selectedIndex.value = (selectedIndex.value + 1) % items.length;\n    return true;\n  }\n  if (event.key === \"ArrowUp\") {\n    selectedIndex.value =\n      (selectedIndex.value - 1 + items.length) % items.length;\n    return true;\n  }\n  if (event.key === \"Enter\" || event.key === \"Tab\") {\n    onSelect(items[selectedIndex.value]);\n    return true;\n  }\n  return false;\n}\n\nexport const MergeTagSuggestion = Extension.create<MergeTagSuggestionOptions>({\n  name: \"mergeTagSuggestion\",\n\n  addOptions() {\n    return {\n      mergeTags: [],\n      char: \"{{\",\n      emptyText: \"No matching merge tags\",\n      popoverRoot: null,\n    };\n  },\n\n  addProseMirrorPlugins() {\n    const tags = this.options.mergeTags;\n    const emptyText = this.options.emptyText;\n    const popoverRootRef = this.options.popoverRoot;\n\n    const config: Omit<SuggestionOptions<MergeTag>, \"editor\"> = {\n      char: this.options.char,\n      allowSpaces: false,\n      startOfLine: false,\n      // Default is [\" \"] which requires whitespace/line-start before the\n      // trigger char — so `.{{` would not fire. Allow any preceding char.\n      allowedPrefixes: null,\n      items: ({ query }: { query: string }) => filterMergeTags(tags, query),\n      command: ({\n        editor,\n        range,\n        props,\n      }: {\n        editor: SuggestionProps<MergeTag>[\"editor\"];\n        range: { from: number; to: number };\n        props: MergeTag;\n      }) => {\n        // Use insertContentAt for atomic replace (matches the canonical\n        // @tiptap/suggestion + Mention pattern). Avoids edge cases where\n        // chained deleteRange + insertMergeTag fails to insert when the\n        // selection state shifts mid-chain.\n        editor\n          .chain()\n          .focus()\n          .insertContentAt(range, {\n            type: \"mergeTagNode\",\n            attrs: { label: props.label, value: props.value },\n          })\n          .run();\n      },\n      render: () => {\n        let app: App | null = null;\n        let container: HTMLElement | null = null;\n        let editableEl: HTMLElement | null = null;\n        const itemsRef = ref<MergeTag[]>([]);\n        const selectedIndex = ref(0);\n        let currentCommand: ((item: MergeTag) => void) | null = null;\n        const listId = `tpl-merge-tag-suggestion-${++POPUP_ID_SEQ}`;\n        let latestClientRect: (() => DOMRect | null) | null = null;\n        let scrollTargets: Array<EventTarget> = [];\n        let pendingRaf: number | null = null;\n\n        function reposition(): void {\n          position(latestClientRect?.() ?? null);\n        }\n\n        /**\n         * Reposition immediately and on the next animation frame.\n         * After a keystroke triggers the suggestion, TipTap may run its\n         * own `scrollIntoView` to keep the caret visible. That scroll\n         * lands AFTER the current task's `position()` call but BEFORE\n         * the browser's next paint, so we re-measure on rAF to catch\n         * the post-scroll caret rect. Without this, the popup pins to\n         * the pre-scroll caret position and ends up offset on slower\n         * runners.\n         */\n        function repositionAfterPaint(): void {\n          reposition();\n          if (pendingRaf !== null) cancelAnimationFrame(pendingRaf);\n          pendingRaf = requestAnimationFrame(() => {\n            pendingRaf = null;\n            reposition();\n          });\n        }\n\n        function collectScrollAncestors(el: HTMLElement | null): HTMLElement[] {\n          // Walk up the DOM finding scrollable ancestors. ProseMirror's\n          // scrollIntoView fires on whichever ancestor scrolls — listening\n          // to all of them ensures we reposition regardless of which one\n          // moves.\n          const result: HTMLElement[] = [];\n          let node: HTMLElement | null = el?.parentElement ?? null;\n          while (\n            node &&\n            // shadow-ok: ancestor walk terminator; not a mount target\n            node !== document.body &&\n            node !== document.documentElement\n          ) {\n            const style = window.getComputedStyle(node);\n            const overflow = style.overflow + style.overflowX + style.overflowY;\n            if (/(auto|scroll|overlay)/.test(overflow)) {\n              result.push(node);\n            }\n            node = node.parentElement;\n          }\n          return result;\n        }\n\n        function attachScrollListeners(viewDom: HTMLElement | null): void {\n          scrollTargets = [window, ...collectScrollAncestors(viewDom)];\n          for (const target of scrollTargets) {\n            target.addEventListener(\"scroll\", reposition, {\n              passive: true,\n              capture: true,\n            });\n          }\n          window.addEventListener(\"resize\", reposition, { passive: true });\n        }\n\n        function detachScrollListeners(): void {\n          for (const target of scrollTargets) {\n            target.removeEventListener(\"scroll\", reposition, {\n              capture: true,\n            } as EventListenerOptions);\n          }\n          window.removeEventListener(\"resize\", reposition);\n          scrollTargets = [];\n        }\n\n        function position(rect: DOMRect | null): void {\n          if (!container || !rect) return;\n          // If the caret has scrolled out of the viewport, freeze the\n          // popup at its last on-screen position. Following the caret\n          // off-screen produces an invisible popup the user can't reach,\n          // and lets pathological scroll loops drag the popup further\n          // each tick.\n          if (rect.bottom < 0 || rect.top > window.innerHeight) return;\n          container.style.position = \"fixed\";\n          container.style.left = `${rect.left}px`;\n          container.style.zIndex = \"9999\";\n          // Place below caret first; offsetHeight is sync-readable after\n          // the Vue app has mounted (or after onUpdate's reactive flush).\n          container.style.top = `${rect.bottom}px`;\n          const popupHeight = container.offsetHeight;\n          if (popupHeight === 0) return;\n          const spaceBelow = window.innerHeight - rect.bottom;\n          if (spaceBelow < popupHeight) {\n            // Not enough room below — flip above. Clamp to 0 so the\n            // popup never positions off the top of the viewport.\n            const flippedTop = Math.max(0, rect.top - popupHeight);\n            container.style.top = `${flippedTop}px`;\n          }\n        }\n\n        function applyThemeContext(\n          target: HTMLElement,\n          editorEl: HTMLElement | null | undefined,\n        ): void {\n          // When the popup mounts to document.body its `position: fixed`\n          // resolves against the viewport — any transform/filter on a\n          // consumer-page ancestor (route transitions, reveal animations,\n          // dark canvas inversion) creates a containing block and moves\n          // fixed descendants with it. Body ancestors don't transform.\n          //\n          // When mounting inside the editor's popover root, the popup is a\n          // descendant of the `.tpl[data-tpl-theme]` root so CSS vars + font\n          // would inherit — but the snapshot below is still emitted inline\n          // because inline declarations win and the cost is negligible. This\n          // keeps a single behavior across both mount paths.\n          //\n          // CSS vars (--tpl-bg-elevated, --tpl-border, etc.) are scoped to\n          // `.tpl` and `.tpl[data-tpl-theme=\"dark\"]` in the editor's\n          // stylesheet, so the popup wouldn't inherit them at body root.\n          // Adding `class=\"tpl\"` would also pull base rules (min-height,\n          // flex, full-page bg) we don't want on a popup. Instead, snapshot\n          // every --tpl-* custom property from the editor's theme root and\n          // re-emit them inline on the popup wrapper.\n          const themeRoot = editorEl?.closest<HTMLElement>(\"[data-tpl-theme]\");\n          if (!themeRoot) return;\n          const themeValue = themeRoot.getAttribute(\"data-tpl-theme\");\n          if (themeValue) target.setAttribute(\"data-tpl-theme\", themeValue);\n          const computed = window.getComputedStyle(themeRoot);\n          for (let i = 0; i < computed.length; i++) {\n            const prop = computed[i];\n            if (prop.startsWith(\"--tpl-\")) {\n              target.style.setProperty(prop, computed.getPropertyValue(prop));\n            }\n          }\n          // The popup no longer inherits font from the editor wrapper, so\n          // its content would render in the page's default font and end up\n          // at a different height — which changes the flip-above decision\n          // and shifts the popup off the caret. Copy typography too.\n          target.style.fontFamily = computed.fontFamily;\n          target.style.fontSize = computed.fontSize;\n          target.style.lineHeight = computed.lineHeight;\n        }\n\n        function setEditableAria(active: boolean): void {\n          if (!editableEl) return;\n          if (active) {\n            editableEl.setAttribute(\"role\", \"combobox\");\n            editableEl.setAttribute(\"aria-haspopup\", \"listbox\");\n            editableEl.setAttribute(\"aria-expanded\", \"true\");\n            editableEl.setAttribute(\"aria-controls\", listId);\n          } else {\n            editableEl.removeAttribute(\"aria-expanded\");\n            editableEl.removeAttribute(\"aria-controls\");\n            editableEl.removeAttribute(\"aria-activedescendant\");\n            editableEl.removeAttribute(\"aria-haspopup\");\n            editableEl.removeAttribute(\"role\");\n          }\n        }\n\n        function setActiveDescendant(): void {\n          if (!editableEl) return;\n          if (itemsRef.value.length === 0) {\n            editableEl.removeAttribute(\"aria-activedescendant\");\n            return;\n          }\n          editableEl.setAttribute(\n            \"aria-activedescendant\",\n            `${listId}-opt-${selectedIndex.value}`,\n          );\n        }\n\n        function select(item: MergeTag): void {\n          currentCommand?.(item);\n        }\n\n        return {\n          onStart: (props: SuggestionProps<MergeTag>) => {\n            itemsRef.value = props.items;\n            selectedIndex.value = 0;\n            currentCommand = (item) => props.command(item);\n\n            container = document.createElement(\"div\");\n            container.setAttribute(\"data-testid\", \"merge-tag-suggestion-popup\");\n            // Use view.dom (ProseMirror contenteditable, actually\n            // attached to the DOM) rather than options.element, which may\n            // be a detached div when no `element` is passed to the editor\n            // constructor (as is the case with @tiptap/vue-3 EditorContent).\n            const viewDom = props.editor.view?.dom as HTMLElement | undefined;\n            editableEl = viewDom ?? null;\n            applyThemeContext(container, viewDom ?? null);\n            // Prefer the editor's popover root (shadow-aware) when wired by\n            // the consumer. Falls back to document.body for headless callers\n            // that don't pass `popoverRoot` to configure().\n            // shadow-ok: fallback when popoverRoot wasn't provided (e.g., headless caller); editor mounts pass the shadow-aware root\n            const mountTarget = popoverRootRef?.value ?? document.body;\n            mountTarget.appendChild(container);\n\n            app = createApp({\n              render() {\n                return h(MergeTagSuggestionList, {\n                  items: itemsRef.value,\n                  selectedIndex: selectedIndex.value,\n                  emptyText,\n                  listId,\n                  onSelect: (item: MergeTag) => select(item),\n                  onHover: (index: number) => {\n                    selectedIndex.value = index;\n                    setActiveDescendant();\n                  },\n                });\n              },\n            });\n            app.mount(container);\n            setEditableAria(true);\n            setActiveDescendant();\n            latestClientRect = props.clientRect ?? null;\n            repositionAfterPaint();\n            attachScrollListeners(viewDom ?? null);\n          },\n          onUpdate: (props: SuggestionProps<MergeTag>) => {\n            itemsRef.value = props.items;\n            // Reset selection when item set changes (query changed).\n            if (selectedIndex.value >= props.items.length) {\n              selectedIndex.value = 0;\n            }\n            currentCommand = (item) => props.command(item);\n            setActiveDescendant();\n            latestClientRect = props.clientRect ?? null;\n            repositionAfterPaint();\n          },\n          onKeyDown: (props: SuggestionKeyDownProps): boolean => {\n            if (props.event.key === \"Escape\") {\n              return true;\n            }\n            const handled = handleSuggestionKeyDown(\n              props.event,\n              itemsRef.value,\n              selectedIndex,\n              select,\n            );\n            if (handled) setActiveDescendant();\n            return handled;\n          },\n          onExit: () => {\n            if (pendingRaf !== null) {\n              cancelAnimationFrame(pendingRaf);\n              pendingRaf = null;\n            }\n            detachScrollListeners();\n            setEditableAria(false);\n            app?.unmount();\n            container?.remove();\n            app = null;\n            container = null;\n            editableEl = null;\n            currentCommand = null;\n            latestClientRect = null;\n          },\n        };\n      },\n    };\n\n    return [\n      Suggestion({\n        editor: this.editor,\n        ...config,\n      }),\n    ];\n  },\n});\n"],"mappings":"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"}
+{"version":3,"file":"extensions-DdH6DxVo.js","names":["$emit"],"sources":["../../../src/extensions/FontSize.ts","../../../src/extensions/LetterSpacing.ts","../../../src/extensions/LineHeight.ts","../../../src/extensions/LogicMergeTagNodeView.vue","../../../src/extensions/LogicMergeTagNodeView.vue","../../../src/extensions/isNodeSelected.ts","../../../src/extensions/renderVueNodeView.ts","../../../src/extensions/LogicMergeTagNode.ts","../../../src/extensions/MergeTagNodeView.vue","../../../src/extensions/MergeTagNodeView.vue","../../../src/extensions/MergeTagNode.ts","../../../src/components/MergeTagSuggestionList.vue","../../../src/components/MergeTagSuggestionList.vue","../../../src/extensions/MergeTagSuggestion.ts"],"sourcesContent":["import { Extension } from \"@tiptap/core\";\n\nexport interface FontSizeOptions {\n  types: string[];\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    fontSize: {\n      setFontSize: (size: string) => ReturnType;\n      unsetFontSize: () => ReturnType;\n    };\n  }\n}\n\nexport const FontSize = Extension.create<FontSizeOptions>({\n  name: \"fontSize\",\n\n  addOptions() {\n    return {\n      types: [\"textStyle\"],\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          fontSize: {\n            default: null,\n            parseHTML: (element) =>\n              element.style.fontSize?.replace(/['\"]+/g, \"\") || null,\n            renderHTML: (attributes) => {\n              if (!attributes.fontSize) {\n                return {};\n              }\n              return {\n                style: `font-size: ${attributes.fontSize}`,\n              };\n            },\n          },\n        },\n      },\n    ];\n  },\n\n  addCommands() {\n    return {\n      setFontSize:\n        (size: string) =>\n        ({ chain }) => {\n          return chain().setMark(\"textStyle\", { fontSize: size }).run();\n        },\n      unsetFontSize:\n        () =>\n        ({ chain }) => {\n          return chain()\n            .setMark(\"textStyle\", { fontSize: null })\n            .removeEmptyTextStyle()\n            .run();\n        },\n    };\n  },\n});\n","import { Extension } from \"@tiptap/core\";\n\nexport interface LetterSpacingOptions {\n  types: string[];\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    letterSpacing: {\n      setLetterSpacing: (spacing: string) => ReturnType;\n      unsetLetterSpacing: () => ReturnType;\n    };\n  }\n}\n\nexport const LetterSpacing = Extension.create<LetterSpacingOptions>({\n  name: \"letterSpacing\",\n\n  addOptions() {\n    return {\n      types: [\"textStyle\"],\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          letterSpacing: {\n            default: null,\n            parseHTML: (element) =>\n              element.style.letterSpacing?.replace(/['\"]+/g, \"\") || null,\n            renderHTML: (attributes) => {\n              if (!attributes.letterSpacing) {\n                return {};\n              }\n              return {\n                style: `letter-spacing: ${attributes.letterSpacing}`,\n              };\n            },\n          },\n        },\n      },\n    ];\n  },\n\n  addCommands() {\n    return {\n      setLetterSpacing:\n        (spacing: string) =>\n        ({ chain }) => {\n          return chain().setMark(\"textStyle\", { letterSpacing: spacing }).run();\n        },\n      unsetLetterSpacing:\n        () =>\n        ({ chain }) => {\n          return chain()\n            .setMark(\"textStyle\", { letterSpacing: null })\n            .removeEmptyTextStyle()\n            .run();\n        },\n    };\n  },\n});\n","import { Extension } from \"@tiptap/core\";\n\nexport interface LineHeightOptions {\n  types: string[];\n  defaultLineHeight: string;\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    lineHeight: {\n      setLineHeight: (lineHeight: string) => ReturnType;\n      unsetLineHeight: () => ReturnType;\n    };\n  }\n}\n\nexport const LineHeight = Extension.create<LineHeightOptions>({\n  name: \"lineHeight\",\n\n  addOptions() {\n    return {\n      types: [\"paragraph\"],\n      defaultLineHeight: \"1.5\",\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          lineHeight: {\n            default: null,\n            parseHTML: (element) => element.style.lineHeight || null,\n            renderHTML: (attributes) => {\n              if (!attributes.lineHeight) {\n                return {};\n              }\n              return {\n                style: `line-height: ${attributes.lineHeight}`,\n              };\n            },\n          },\n        },\n      },\n    ];\n  },\n\n  addCommands() {\n    return {\n      setLineHeight:\n        (lineHeight: string) =>\n        ({ commands }) => {\n          return this.options.types.every((type) =>\n            commands.updateAttributes(type, { lineHeight }),\n          );\n        },\n      unsetLineHeight:\n        () =>\n        ({ commands }) => {\n          return this.options.types.every((type) =>\n            commands.resetAttributes(type, \"lineHeight\"),\n          );\n        },\n    };\n  },\n});\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../composables/useI18n\";\nimport { useMergeTag } from \"../composables/useMergeTag\";\nimport {\n  getLogicMergeTagKeyword,\n  isLogicMergeTagValue,\n} from \"@templatical/types\";\nimport type { Editor } from \"@tiptap/core\";\nimport { NodeViewWrapper } from \"@tiptap/vue-3\";\nimport { computed, nextTick, ref } from \"vue\";\n\nconst props = defineProps<{\n  node: {\n    attrs: {\n      value: string;\n      keyword: string;\n    };\n  };\n  editor: Editor;\n  getPos: () => number;\n  deleteNode: () => void;\n  updateAttributes: (attrs: Record<string, unknown>) => void;\n}>();\n\nconst { syntax } = useMergeTag();\nconst { t } = useI18n();\n\nconst isValid = computed(() =>\n  isLogicMergeTagValue(props.node.attrs.value, syntax),\n);\nconst displayKeyword = computed(() =>\n  getLogicMergeTagKeyword(props.node.attrs.value, syntax),\n);\n\nconst isEditing = ref(false);\nconst editValue = ref(\"\");\nconst inputRef = ref<HTMLInputElement | null>(null);\nlet handled = false;\n\nfunction startEditing(): void {\n  editValue.value = props.node.attrs.value;\n  handled = false;\n  isEditing.value = true;\n  nextTick(() => {\n    inputRef.value?.focus();\n    inputRef.value?.select();\n  });\n}\n\nfunction finishEditing(): void {\n  if (handled) {\n    return;\n  }\n  handled = true;\n\n  const newValue = editValue.value.trim();\n  if (!newValue) {\n    isEditing.value = false;\n    return;\n  }\n\n  if (newValue !== props.node.attrs.value) {\n    props.updateAttributes({\n      value: newValue,\n      keyword: isLogicMergeTagValue(newValue, syntax)\n        ? getLogicMergeTagKeyword(newValue, syntax)\n        : \"\",\n    });\n  }\n  isEditing.value = false;\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\") {\n    event.preventDefault();\n    finishEditing();\n  } else if (event.key === \"Escape\") {\n    isEditing.value = false;\n  }\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"span\"\n    :class=\"\n      isValid\n        ? 'tpl-logic-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase tpl:select-none'\n        : ''\n    \"\n    :style=\"\n      isValid\n        ? 'background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);'\n        : ''\n    \"\n    contenteditable=\"false\"\n  >\n    <!-- Edit mode -->\n    <input\n      v-if=\"isEditing\"\n      ref=\"inputRef\"\n      v-model=\"editValue\"\n      type=\"text\"\n      class=\"tpl:w-40 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:normal-case tpl:outline-none tpl:text-[var(--tpl-primary)]\"\n      @blur=\"finishEditing\"\n      @keydown=\"handleKeydown\"\n    />\n    <!-- Display mode: valid merge tag -->\n    <span\n      v-else-if=\"isValid\"\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      class=\"tpl-tooltip tpl:cursor-pointer\"\n      :data-tooltip=\"node.attrs.value\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ displayKeyword }}\n    </span>\n    <!-- Display mode: invalid (plain text) -->\n    <span\n      v-else\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ node.attrs.value }}\n    </span>\n    <button\n      v-if=\"isValid\"\n      type=\"button\"\n      :aria-label=\"t.mergeTag.deleteMergeTag\"\n      class=\"tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]\"\n      contenteditable=\"false\"\n      @click.stop.prevent=\"deleteNode\"\n    >\n      <svg\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        aria-hidden=\"true\"\n      >\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n      </svg>\n    </button>\n  </NodeViewWrapper>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../composables/useI18n\";\nimport { useMergeTag } from \"../composables/useMergeTag\";\nimport {\n  getLogicMergeTagKeyword,\n  isLogicMergeTagValue,\n} from \"@templatical/types\";\nimport type { Editor } from \"@tiptap/core\";\nimport { NodeViewWrapper } from \"@tiptap/vue-3\";\nimport { computed, nextTick, ref } from \"vue\";\n\nconst props = defineProps<{\n  node: {\n    attrs: {\n      value: string;\n      keyword: string;\n    };\n  };\n  editor: Editor;\n  getPos: () => number;\n  deleteNode: () => void;\n  updateAttributes: (attrs: Record<string, unknown>) => void;\n}>();\n\nconst { syntax } = useMergeTag();\nconst { t } = useI18n();\n\nconst isValid = computed(() =>\n  isLogicMergeTagValue(props.node.attrs.value, syntax),\n);\nconst displayKeyword = computed(() =>\n  getLogicMergeTagKeyword(props.node.attrs.value, syntax),\n);\n\nconst isEditing = ref(false);\nconst editValue = ref(\"\");\nconst inputRef = ref<HTMLInputElement | null>(null);\nlet handled = false;\n\nfunction startEditing(): void {\n  editValue.value = props.node.attrs.value;\n  handled = false;\n  isEditing.value = true;\n  nextTick(() => {\n    inputRef.value?.focus();\n    inputRef.value?.select();\n  });\n}\n\nfunction finishEditing(): void {\n  if (handled) {\n    return;\n  }\n  handled = true;\n\n  const newValue = editValue.value.trim();\n  if (!newValue) {\n    isEditing.value = false;\n    return;\n  }\n\n  if (newValue !== props.node.attrs.value) {\n    props.updateAttributes({\n      value: newValue,\n      keyword: isLogicMergeTagValue(newValue, syntax)\n        ? getLogicMergeTagKeyword(newValue, syntax)\n        : \"\",\n    });\n  }\n  isEditing.value = false;\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\") {\n    event.preventDefault();\n    finishEditing();\n  } else if (event.key === \"Escape\") {\n    isEditing.value = false;\n  }\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"span\"\n    :class=\"\n      isValid\n        ? 'tpl-logic-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase tpl:select-none'\n        : ''\n    \"\n    :style=\"\n      isValid\n        ? 'background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);'\n        : ''\n    \"\n    contenteditable=\"false\"\n  >\n    <!-- Edit mode -->\n    <input\n      v-if=\"isEditing\"\n      ref=\"inputRef\"\n      v-model=\"editValue\"\n      type=\"text\"\n      class=\"tpl:w-40 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:normal-case tpl:outline-none tpl:text-[var(--tpl-primary)]\"\n      @blur=\"finishEditing\"\n      @keydown=\"handleKeydown\"\n    />\n    <!-- Display mode: valid merge tag -->\n    <span\n      v-else-if=\"isValid\"\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      class=\"tpl-tooltip tpl:cursor-pointer\"\n      :data-tooltip=\"node.attrs.value\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ displayKeyword }}\n    </span>\n    <!-- Display mode: invalid (plain text) -->\n    <span\n      v-else\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ node.attrs.value }}\n    </span>\n    <button\n      v-if=\"isValid\"\n      type=\"button\"\n      :aria-label=\"t.mergeTag.deleteMergeTag\"\n      class=\"tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]\"\n      contenteditable=\"false\"\n      @click.stop.prevent=\"deleteNode\"\n    >\n      <svg\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        aria-hidden=\"true\"\n      >\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n      </svg>\n    </button>\n  </NodeViewWrapper>\n</template>\n","import type { Editor } from \"@tiptap/core\";\n\n/**\n * Decides whether MergeTagNode / LogicMergeTagNode should swallow a\n * Backspace/Delete keystroke (returning `true` from a TipTap keymap\n * suppresses the default behavior).\n *\n * Only suppresses in the cursor-adjacent case so the \"first press\n * selects the atom, second press deletes it\" UX works. Range selections\n * (Cmd+A, drag-select, double-click-word) explicitly fall through —\n * default `replaceSelection` then deletes the entire range including\n * any merge-tag atoms inside it.\n *\n * Earlier revisions also returned `true` whenever `nodesBetween($from,\n * $to)` found a merge tag anywhere in the selection range — which\n * silently broke Cmd+A + Backspace for any paragraph containing a\n * merge tag (entire deletion was cancelled, nothing happened). The\n * cursor-adjacent protection is the only piece that should survive.\n */\nexport function isNodeSelected(editor: Editor, nodeTypeName: string): boolean {\n  const { $from, $to } = editor.state.selection;\n\n  // Range selection: let TipTap's default range-delete run. Even when\n  // the range contains atom nodes, ProseMirror's replaceSelection\n  // handles atomic deletion correctly.\n  if ($from.pos !== $to.pos) return false;\n\n  // Cursor-adjacent atom: protect from single-keystroke deletion.\n  // (`$from.pos > 0` guards against reading `nodeBefore` at doc start\n  // where ProseMirror's index would be undefined for nodeBefore.)\n  if ($from.pos > 0 && $from.nodeBefore?.type.name === nodeTypeName) {\n    return true;\n  }\n  if ($from.nodeAfter?.type.name === nodeTypeName) {\n    return true;\n  }\n\n  return false;\n}\n","import type { Component } from \"vue\";\nimport { VueNodeViewRenderer } from \"@tiptap/vue-3\";\n\n/**\n * Typed wrapper for VueNodeViewRenderer that handles the known type mismatch\n * between Vue SFC default exports and TipTap's expected component type.\n */\nexport function renderVueNodeView(component: Component) {\n  return VueNodeViewRenderer(\n    component as Parameters<typeof VueNodeViewRenderer>[0],\n  );\n}\n","import LogicMergeTagNodeView from \"./LogicMergeTagNodeView.vue\";\nimport type { SyntaxPreset } from \"@templatical/types\";\nimport {\n  getLogicMergeTagKeyword,\n  isLogicMergeTagValue,\n  SYNTAX_PRESETS,\n} from \"@templatical/types\";\nimport { InputRule, mergeAttributes, Node, PasteRule } from \"@tiptap/core\";\nimport { isNodeSelected } from \"./isNodeSelected\";\nimport { renderVueNodeView } from \"./renderVueNodeView\";\n\nexport interface LogicMergeTagNodeOptions {\n  syntax: SyntaxPreset;\n}\n\nexport const LogicMergeTagNode = Node.create<LogicMergeTagNodeOptions>({\n  name: \"logicMergeTagNode\",\n\n  group: \"inline\",\n\n  inline: true,\n\n  atom: true,\n\n  addOptions() {\n    return {\n      syntax: SYNTAX_PRESETS.liquid,\n    };\n  },\n\n  addAttributes() {\n    return {\n      value: {\n        default: \"\",\n        parseHTML: (element) =>\n          element.getAttribute(\"data-logic-merge-tag\") || \"\",\n      },\n      keyword: {\n        default: \"\",\n        parseHTML: (element) =>\n          element.getAttribute(\"data-keyword\") || element.textContent || \"\",\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: \"span[data-logic-merge-tag]\",\n      },\n    ];\n  },\n\n  renderHTML({ node, HTMLAttributes }) {\n    if (!isLogicMergeTagValue(node.attrs.value, this.options.syntax)) {\n      return [\"span\", {}, node.attrs.value];\n    }\n\n    const keyword = getLogicMergeTagKeyword(\n      node.attrs.value,\n      this.options.syntax,\n    );\n\n    return [\n      \"span\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-logic-merge-tag\": node.attrs.value,\n        \"data-keyword\": keyword,\n      }),\n      keyword,\n    ];\n  },\n\n  addNodeView() {\n    return renderVueNodeView(LogicMergeTagNodeView);\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      Backspace: () => isNodeSelected(this.editor, this.name),\n      Delete: () => isNodeSelected(this.editor, this.name),\n    };\n  },\n\n  addInputRules() {\n    const inputRegex = new RegExp(this.options.syntax.logic.source + \"$\", \"\");\n\n    return [\n      new InputRule({\n        find: inputRegex,\n        handler: ({ state, range, match }) => {\n          const fullValue = match[0];\n          if (!isLogicMergeTagValue(fullValue, this.options.syntax)) {\n            return;\n          }\n\n          const keyword = getLogicMergeTagKeyword(\n            fullValue,\n            this.options.syntax,\n          );\n\n          const node = this.type.create({\n            value: fullValue,\n            keyword,\n          });\n\n          state.tr.replaceWith(range.from, range.to, node);\n        },\n      }),\n    ];\n  },\n\n  addPasteRules() {\n    const pasteRegex = new RegExp(this.options.syntax.logic.source, \"g\");\n\n    return [\n      new PasteRule({\n        find: pasteRegex,\n        handler: ({ state, range, match }) => {\n          const fullValue = match[0];\n          if (!isLogicMergeTagValue(fullValue, this.options.syntax)) {\n            return;\n          }\n\n          const keyword = getLogicMergeTagKeyword(\n            fullValue,\n            this.options.syntax,\n          );\n\n          const node = this.type.create({\n            value: fullValue,\n            keyword,\n          });\n\n          state.tr.replaceWith(range.from, range.to, node);\n        },\n      }),\n    ];\n  },\n});\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../composables/useI18n\";\nimport { useMergeTag } from \"../composables/useMergeTag\";\nimport { NodeViewWrapper } from \"@tiptap/vue-3\";\nimport { computed, nextTick, ref } from \"vue\";\n\nconst props = defineProps<{\n  node: {\n    attrs: {\n      label: string;\n      value: string;\n    };\n  };\n  deleteNode: () => void;\n  updateAttributes: (attrs: Record<string, unknown>) => void;\n}>();\n\nconst { getMergeTagLabel } = useMergeTag();\nconst { t } = useI18n();\n\nconst displayLabel = computed(() => getMergeTagLabel(props.node.attrs.value));\n\nconst isEditing = ref(false);\nconst editValue = ref(\"\");\nconst inputRef = ref<HTMLInputElement | null>(null);\n\nfunction startEditing(): void {\n  editValue.value = props.node.attrs.value;\n  isEditing.value = true;\n  nextTick(() => {\n    inputRef.value?.focus();\n    inputRef.value?.select();\n  });\n}\n\nfunction finishEditing(): void {\n  const newValue = editValue.value.trim();\n  if (newValue && newValue !== props.node.attrs.value) {\n    // Update with new value and derive label from it\n    props.updateAttributes({\n      value: newValue,\n      label: getMergeTagLabel(newValue),\n    });\n  }\n  isEditing.value = false;\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\") {\n    event.preventDefault();\n    finishEditing();\n  } else if (event.key === \"Escape\") {\n    isEditing.value = false;\n  }\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"span\"\n    class=\"tpl-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.9em] tpl:font-medium tpl:select-none tpl:text-[var(--tpl-primary)]\"\n    style=\"\n      background-color: color-mix(in srgb, var(--tpl-primary) 20%, transparent);\n    \"\n    contenteditable=\"false\"\n  >\n    <!-- Edit mode -->\n    <input\n      v-if=\"isEditing\"\n      ref=\"inputRef\"\n      v-model=\"editValue\"\n      type=\"text\"\n      class=\"tpl:w-32 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:outline-none tpl:text-[var(--tpl-primary)]\"\n      @blur=\"finishEditing\"\n      @keydown=\"handleKeydown\"\n    />\n    <!-- Display mode -->\n    <span\n      v-else\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      class=\"tpl-tooltip tpl:cursor-pointer\"\n      :data-tooltip=\"node.attrs.value\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ displayLabel }}\n    </span>\n    <button\n      type=\"button\"\n      :aria-label=\"t.mergeTag.deleteMergeTag\"\n      class=\"tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]\"\n      contenteditable=\"false\"\n      @click.stop.prevent=\"deleteNode\"\n    >\n      <svg\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        aria-hidden=\"true\"\n      >\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n      </svg>\n    </button>\n  </NodeViewWrapper>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../composables/useI18n\";\nimport { useMergeTag } from \"../composables/useMergeTag\";\nimport { NodeViewWrapper } from \"@tiptap/vue-3\";\nimport { computed, nextTick, ref } from \"vue\";\n\nconst props = defineProps<{\n  node: {\n    attrs: {\n      label: string;\n      value: string;\n    };\n  };\n  deleteNode: () => void;\n  updateAttributes: (attrs: Record<string, unknown>) => void;\n}>();\n\nconst { getMergeTagLabel } = useMergeTag();\nconst { t } = useI18n();\n\nconst displayLabel = computed(() => getMergeTagLabel(props.node.attrs.value));\n\nconst isEditing = ref(false);\nconst editValue = ref(\"\");\nconst inputRef = ref<HTMLInputElement | null>(null);\n\nfunction startEditing(): void {\n  editValue.value = props.node.attrs.value;\n  isEditing.value = true;\n  nextTick(() => {\n    inputRef.value?.focus();\n    inputRef.value?.select();\n  });\n}\n\nfunction finishEditing(): void {\n  const newValue = editValue.value.trim();\n  if (newValue && newValue !== props.node.attrs.value) {\n    // Update with new value and derive label from it\n    props.updateAttributes({\n      value: newValue,\n      label: getMergeTagLabel(newValue),\n    });\n  }\n  isEditing.value = false;\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\") {\n    event.preventDefault();\n    finishEditing();\n  } else if (event.key === \"Escape\") {\n    isEditing.value = false;\n  }\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"span\"\n    class=\"tpl-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.9em] tpl:font-medium tpl:select-none tpl:text-[var(--tpl-primary)]\"\n    style=\"\n      background-color: color-mix(in srgb, var(--tpl-primary) 20%, transparent);\n    \"\n    contenteditable=\"false\"\n  >\n    <!-- Edit mode -->\n    <input\n      v-if=\"isEditing\"\n      ref=\"inputRef\"\n      v-model=\"editValue\"\n      type=\"text\"\n      class=\"tpl:w-32 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:outline-none tpl:text-[var(--tpl-primary)]\"\n      @blur=\"finishEditing\"\n      @keydown=\"handleKeydown\"\n    />\n    <!-- Display mode -->\n    <span\n      v-else\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      class=\"tpl-tooltip tpl:cursor-pointer\"\n      :data-tooltip=\"node.attrs.value\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ displayLabel }}\n    </span>\n    <button\n      type=\"button\"\n      :aria-label=\"t.mergeTag.deleteMergeTag\"\n      class=\"tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]\"\n      contenteditable=\"false\"\n      @click.stop.prevent=\"deleteNode\"\n    >\n      <svg\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        aria-hidden=\"true\"\n      >\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n      </svg>\n    </button>\n  </NodeViewWrapper>\n</template>\n","import MergeTagNodeView from \"./MergeTagNodeView.vue\";\nimport type { MergeTag, SyntaxPreset } from \"@templatical/types\";\nimport { getMergeTagLabel, SYNTAX_PRESETS } from \"@templatical/types\";\nimport { InputRule, mergeAttributes, Node, PasteRule } from \"@tiptap/core\";\nimport { isNodeSelected } from \"./isNodeSelected\";\nimport { renderVueNodeView } from \"./renderVueNodeView\";\n\nexport interface MergeTagNodeOptions {\n  mergeTags: MergeTag[];\n  syntax: SyntaxPreset;\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    mergeTagNode: {\n      insertMergeTag: (attrs: MergeTag) => ReturnType;\n    };\n  }\n}\n\nexport const MergeTagNode = Node.create<MergeTagNodeOptions>({\n  name: \"mergeTagNode\",\n\n  group: \"inline\",\n\n  inline: true,\n\n  atom: true,\n\n  addOptions() {\n    return {\n      mergeTags: [],\n      syntax: SYNTAX_PRESETS.liquid,\n    };\n  },\n\n  addAttributes() {\n    return {\n      label: {\n        default: \"\",\n        parseHTML: (element) =>\n          element.getAttribute(\"data-label\") || element.textContent || \"\",\n      },\n      value: {\n        default: \"\",\n        parseHTML: (element) => element.getAttribute(\"data-merge-tag\") || \"\",\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: \"span[data-merge-tag]\",\n      },\n    ];\n  },\n\n  renderHTML({ node, HTMLAttributes }) {\n    const label = getMergeTagLabel(node.attrs.value, this.options.mergeTags);\n\n    return [\n      \"span\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-merge-tag\": node.attrs.value,\n        \"data-label\": label,\n      }),\n      label,\n    ];\n  },\n\n  addNodeView() {\n    return renderVueNodeView(MergeTagNodeView);\n  },\n\n  addCommands() {\n    return {\n      insertMergeTag:\n        (attrs: MergeTag) =>\n        ({ commands }) => {\n          return commands.insertContent({\n            type: this.name,\n            attrs,\n          });\n        },\n    };\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      Backspace: () => isNodeSelected(this.editor, this.name),\n      Delete: () => isNodeSelected(this.editor, this.name),\n    };\n  },\n\n  addInputRules() {\n    const inputRegex = new RegExp(this.options.syntax.value.source + \"$\", \"\");\n\n    return [\n      new InputRule({\n        find: inputRegex,\n        handler: ({ state, range, match }) => {\n          const fullValue = match[0];\n          const label = getMergeTagLabel(fullValue, this.options.mergeTags);\n\n          const node = this.type.create({\n            label,\n            value: fullValue,\n          });\n\n          state.tr.replaceWith(range.from, range.to, node);\n        },\n      }),\n    ];\n  },\n\n  addPasteRules() {\n    const pasteRegex = new RegExp(this.options.syntax.value.source, \"g\");\n\n    return [\n      new PasteRule({\n        find: pasteRegex,\n        handler: ({ state, range, match }) => {\n          const fullValue = match[0];\n          const label = getMergeTagLabel(fullValue, this.options.mergeTags);\n\n          const node = this.type.create({\n            label,\n            value: fullValue,\n          });\n\n          state.tr.replaceWith(range.from, range.to, node);\n        },\n      }),\n    ];\n  },\n});\n","<script setup lang=\"ts\">\nimport type { MergeTag } from \"@templatical/types\";\n\nconst props = defineProps<{\n  items: MergeTag[];\n  selectedIndex: number;\n  emptyText: string;\n  /** Stable id used for aria-controls + per-option id derivation. */\n  listId?: string;\n}>();\n\ndefineEmits<{\n  (e: \"select\", item: MergeTag): void;\n  (e: \"hover\", index: number): void;\n}>();\n\nfunction optionId(index: number): string | undefined {\n  return props.listId ? `${props.listId}-opt-${index}` : undefined;\n}\n</script>\n\n<template>\n  <div\n    :id=\"listId\"\n    class=\"tpl:min-w-[200px] tpl:max-w-[320px] tpl:max-h-[50vh] tpl:overflow-y-auto tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:py-1 tpl:shadow-lg\"\n    role=\"listbox\"\n    data-testid=\"merge-tag-suggestion-list\"\n  >\n    <div\n      v-if=\"items.length === 0\"\n      class=\"tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n      data-testid=\"merge-tag-suggestion-empty\"\n    >\n      {{ emptyText }}\n    </div>\n    <button\n      v-for=\"(item, index) in items\"\n      :key=\"item.value\"\n      :id=\"optionId(index)\"\n      type=\"button\"\n      role=\"option\"\n      :aria-selected=\"index === selectedIndex\"\n      :data-selected=\"index === selectedIndex ? 'true' : 'false'\"\n      :data-merge-tag-value=\"item.value\"\n      class=\"tpl:flex tpl:w-full tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:px-3 tpl:py-1.5 tpl:text-left tpl:text-xs tpl:transition-colors\"\n      :class=\"\n        index === selectedIndex\n          ? 'tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]'\n          : 'tpl:text-[var(--tpl-text)] hover:tpl:bg-[var(--tpl-bg-hover)]'\n      \"\n      @mousedown.prevent.stop=\"$emit('select', item)\"\n      @mousemove=\"index !== selectedIndex && $emit('hover', index)\"\n    >\n      <span class=\"tpl:font-medium\">{{ item.label }}</span>\n      <span class=\"tpl:text-[var(--tpl-text-dim)] tpl:font-mono\">{{\n        item.value\n      }}</span>\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { MergeTag } from \"@templatical/types\";\n\nconst props = defineProps<{\n  items: MergeTag[];\n  selectedIndex: number;\n  emptyText: string;\n  /** Stable id used for aria-controls + per-option id derivation. */\n  listId?: string;\n}>();\n\ndefineEmits<{\n  (e: \"select\", item: MergeTag): void;\n  (e: \"hover\", index: number): void;\n}>();\n\nfunction optionId(index: number): string | undefined {\n  return props.listId ? `${props.listId}-opt-${index}` : undefined;\n}\n</script>\n\n<template>\n  <div\n    :id=\"listId\"\n    class=\"tpl:min-w-[200px] tpl:max-w-[320px] tpl:max-h-[50vh] tpl:overflow-y-auto tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:py-1 tpl:shadow-lg\"\n    role=\"listbox\"\n    data-testid=\"merge-tag-suggestion-list\"\n  >\n    <div\n      v-if=\"items.length === 0\"\n      class=\"tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n      data-testid=\"merge-tag-suggestion-empty\"\n    >\n      {{ emptyText }}\n    </div>\n    <button\n      v-for=\"(item, index) in items\"\n      :key=\"item.value\"\n      :id=\"optionId(index)\"\n      type=\"button\"\n      role=\"option\"\n      :aria-selected=\"index === selectedIndex\"\n      :data-selected=\"index === selectedIndex ? 'true' : 'false'\"\n      :data-merge-tag-value=\"item.value\"\n      class=\"tpl:flex tpl:w-full tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:px-3 tpl:py-1.5 tpl:text-left tpl:text-xs tpl:transition-colors\"\n      :class=\"\n        index === selectedIndex\n          ? 'tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]'\n          : 'tpl:text-[var(--tpl-text)] hover:tpl:bg-[var(--tpl-bg-hover)]'\n      \"\n      @mousedown.prevent.stop=\"$emit('select', item)\"\n      @mousemove=\"index !== selectedIndex && $emit('hover', index)\"\n    >\n      <span class=\"tpl:font-medium\">{{ item.label }}</span>\n      <span class=\"tpl:text-[var(--tpl-text-dim)] tpl:font-mono\">{{\n        item.value\n      }}</span>\n    </button>\n  </div>\n</template>\n","import type { MergeTag } from \"@templatical/types\";\nimport { Extension } from \"@tiptap/core\";\nimport Suggestion, {\n  type SuggestionOptions,\n  type SuggestionProps,\n  type SuggestionKeyDownProps,\n} from \"@tiptap/suggestion\";\nimport { type App, createApp, h, ref, type Ref } from \"vue\";\nimport MergeTagSuggestionList from \"../components/MergeTagSuggestionList.vue\";\n\nconst MAX_RESULTS = 10;\n\n// Monotonic counter for unique listbox IDs across multiple popup instances.\nlet POPUP_ID_SEQ = 0;\n\nexport interface MergeTagSuggestionOptions {\n  /** Available merge tags */\n  mergeTags: MergeTag[];\n  /** Trigger string (e.g. \"{{\", \"*|\", \"%%=\") */\n  char: string;\n  /** Localized empty-state label */\n  emptyText: string;\n  /**\n   * Mount target for the suggestion popup. When provided with a non-null\n   * `.value`, the popup attaches into that element instead of\n   * `document.body` — keeping it inside the editor's effective DOM root\n   * (shadow-aware). Pass the ref returned by `usePopoverRoot()`.\n   *\n   * Falls back to `document.body` when omitted or when the ref's value is\n   * null at popup-open time (e.g. headless/test editors without an editor\n   * shell). Preserves pre-Phase-3 behavior for callers that don't migrate.\n   */\n  popoverRoot?: Ref<HTMLElement | null> | null;\n}\n\n/**\n * Filter merge tags by query against label and value (case-insensitive).\n * Capped at MAX_RESULTS. Exported for testing.\n */\nexport function filterMergeTags(tags: MergeTag[], query: string): MergeTag[] {\n  const trimmed = query.trim().toLowerCase();\n  if (trimmed === \"\") {\n    return tags.slice(0, MAX_RESULTS);\n  }\n  return tags\n    .filter((tag) => {\n      const label = tag.label.toLowerCase();\n      const value = tag.value.toLowerCase();\n      return label.includes(trimmed) || value.includes(trimmed);\n    })\n    .slice(0, MAX_RESULTS);\n}\n\n/**\n * Handle a keydown event against a list of items. Returns whether the\n * event was handled (so the suggestion plugin can stop propagation).\n * Exported for testing.\n */\nexport function handleSuggestionKeyDown(\n  event: KeyboardEvent,\n  items: MergeTag[],\n  selectedIndex: Ref<number>,\n  onSelect: (item: MergeTag) => void,\n): boolean {\n  if (items.length === 0) {\n    if (event.key === \"Enter\" || event.key === \"Tab\") return true;\n    return false;\n  }\n\n  if (event.key === \"ArrowDown\") {\n    selectedIndex.value = (selectedIndex.value + 1) % items.length;\n    return true;\n  }\n  if (event.key === \"ArrowUp\") {\n    selectedIndex.value =\n      (selectedIndex.value - 1 + items.length) % items.length;\n    return true;\n  }\n  if (event.key === \"Enter\" || event.key === \"Tab\") {\n    onSelect(items[selectedIndex.value]);\n    return true;\n  }\n  return false;\n}\n\nexport const MergeTagSuggestion = Extension.create<MergeTagSuggestionOptions>({\n  name: \"mergeTagSuggestion\",\n\n  addOptions() {\n    return {\n      mergeTags: [],\n      char: \"{{\",\n      emptyText: \"No matching merge tags\",\n      popoverRoot: null,\n    };\n  },\n\n  addProseMirrorPlugins() {\n    const tags = this.options.mergeTags;\n    const emptyText = this.options.emptyText;\n    const popoverRootRef = this.options.popoverRoot;\n\n    const config: Omit<SuggestionOptions<MergeTag>, \"editor\"> = {\n      char: this.options.char,\n      allowSpaces: false,\n      startOfLine: false,\n      // Default is [\" \"] which requires whitespace/line-start before the\n      // trigger char — so `.{{` would not fire. Allow any preceding char.\n      allowedPrefixes: null,\n      items: ({ query }: { query: string }) => filterMergeTags(tags, query),\n      command: ({\n        editor,\n        range,\n        props,\n      }: {\n        editor: SuggestionProps<MergeTag>[\"editor\"];\n        range: { from: number; to: number };\n        props: MergeTag;\n      }) => {\n        // Use insertContentAt for atomic replace (matches the canonical\n        // @tiptap/suggestion + Mention pattern). Avoids edge cases where\n        // chained deleteRange + insertMergeTag fails to insert when the\n        // selection state shifts mid-chain.\n        editor\n          .chain()\n          .focus()\n          .insertContentAt(range, {\n            type: \"mergeTagNode\",\n            attrs: { label: props.label, value: props.value },\n          })\n          .run();\n      },\n      render: () => {\n        let app: App | null = null;\n        let container: HTMLElement | null = null;\n        let editableEl: HTMLElement | null = null;\n        const itemsRef = ref<MergeTag[]>([]);\n        const selectedIndex = ref(0);\n        let currentCommand: ((item: MergeTag) => void) | null = null;\n        const listId = `tpl-merge-tag-suggestion-${++POPUP_ID_SEQ}`;\n        let latestClientRect: (() => DOMRect | null) | null = null;\n        let scrollTargets: Array<EventTarget> = [];\n        let pendingRaf: number | null = null;\n\n        function reposition(): void {\n          position(latestClientRect?.() ?? null);\n        }\n\n        /**\n         * Reposition immediately and on the next animation frame.\n         * After a keystroke triggers the suggestion, TipTap may run its\n         * own `scrollIntoView` to keep the caret visible. That scroll\n         * lands AFTER the current task's `position()` call but BEFORE\n         * the browser's next paint, so we re-measure on rAF to catch\n         * the post-scroll caret rect. Without this, the popup pins to\n         * the pre-scroll caret position and ends up offset on slower\n         * runners.\n         */\n        function repositionAfterPaint(): void {\n          reposition();\n          if (pendingRaf !== null) cancelAnimationFrame(pendingRaf);\n          pendingRaf = requestAnimationFrame(() => {\n            pendingRaf = null;\n            reposition();\n          });\n        }\n\n        function collectScrollAncestors(el: HTMLElement | null): HTMLElement[] {\n          // Walk up the DOM finding scrollable ancestors. ProseMirror's\n          // scrollIntoView fires on whichever ancestor scrolls — listening\n          // to all of them ensures we reposition regardless of which one\n          // moves.\n          const result: HTMLElement[] = [];\n          let node: HTMLElement | null = el?.parentElement ?? null;\n          while (\n            node &&\n            // shadow-ok: ancestor walk terminator; not a mount target\n            node !== document.body &&\n            node !== document.documentElement\n          ) {\n            const style = window.getComputedStyle(node);\n            const overflow = style.overflow + style.overflowX + style.overflowY;\n            if (/(auto|scroll|overlay)/.test(overflow)) {\n              result.push(node);\n            }\n            node = node.parentElement;\n          }\n          return result;\n        }\n\n        function attachScrollListeners(viewDom: HTMLElement | null): void {\n          scrollTargets = [window, ...collectScrollAncestors(viewDom)];\n          for (const target of scrollTargets) {\n            target.addEventListener(\"scroll\", reposition, {\n              passive: true,\n              capture: true,\n            });\n          }\n          window.addEventListener(\"resize\", reposition, { passive: true });\n        }\n\n        function detachScrollListeners(): void {\n          for (const target of scrollTargets) {\n            target.removeEventListener(\"scroll\", reposition, {\n              capture: true,\n            } as EventListenerOptions);\n          }\n          window.removeEventListener(\"resize\", reposition);\n          scrollTargets = [];\n        }\n\n        function position(rect: DOMRect | null): void {\n          if (!container || !rect) return;\n          // If the caret has scrolled out of the viewport, freeze the\n          // popup at its last on-screen position. Following the caret\n          // off-screen produces an invisible popup the user can't reach,\n          // and lets pathological scroll loops drag the popup further\n          // each tick.\n          if (rect.bottom < 0 || rect.top > window.innerHeight) return;\n          container.style.position = \"fixed\";\n          container.style.left = `${rect.left}px`;\n          container.style.zIndex = \"9999\";\n          // Place below caret first; offsetHeight is sync-readable after\n          // the Vue app has mounted (or after onUpdate's reactive flush).\n          container.style.top = `${rect.bottom}px`;\n          const popupHeight = container.offsetHeight;\n          if (popupHeight === 0) return;\n          const spaceBelow = window.innerHeight - rect.bottom;\n          if (spaceBelow < popupHeight) {\n            // Not enough room below — flip above. Clamp to 0 so the\n            // popup never positions off the top of the viewport.\n            const flippedTop = Math.max(0, rect.top - popupHeight);\n            container.style.top = `${flippedTop}px`;\n          }\n        }\n\n        function applyThemeContext(\n          target: HTMLElement,\n          editorEl: HTMLElement | null | undefined,\n        ): void {\n          // When the popup mounts to document.body its `position: fixed`\n          // resolves against the viewport — any transform/filter on a\n          // consumer-page ancestor (route transitions, reveal animations,\n          // dark canvas inversion) creates a containing block and moves\n          // fixed descendants with it. Body ancestors don't transform.\n          //\n          // When mounting inside the editor's popover root, the popup is a\n          // descendant of the `.tpl[data-tpl-theme]` root so CSS vars + font\n          // would inherit — but the snapshot below is still emitted inline\n          // because inline declarations win and the cost is negligible. This\n          // keeps a single behavior across both mount paths.\n          //\n          // CSS vars (--tpl-bg-elevated, --tpl-border, etc.) are scoped to\n          // `.tpl` and `.tpl[data-tpl-theme=\"dark\"]` in the editor's\n          // stylesheet, so the popup wouldn't inherit them at body root.\n          // Adding `class=\"tpl\"` would also pull base rules (min-height,\n          // flex, full-page bg) we don't want on a popup. Instead, snapshot\n          // every --tpl-* custom property from the editor's theme root and\n          // re-emit them inline on the popup wrapper.\n          const themeRoot = editorEl?.closest<HTMLElement>(\"[data-tpl-theme]\");\n          if (!themeRoot) return;\n          const themeValue = themeRoot.getAttribute(\"data-tpl-theme\");\n          if (themeValue) target.setAttribute(\"data-tpl-theme\", themeValue);\n          const computed = window.getComputedStyle(themeRoot);\n          for (let i = 0; i < computed.length; i++) {\n            const prop = computed[i];\n            if (prop.startsWith(\"--tpl-\")) {\n              target.style.setProperty(prop, computed.getPropertyValue(prop));\n            }\n          }\n          // The popup no longer inherits font from the editor wrapper, so\n          // its content would render in the page's default font and end up\n          // at a different height — which changes the flip-above decision\n          // and shifts the popup off the caret. Copy typography too.\n          target.style.fontFamily = computed.fontFamily;\n          target.style.fontSize = computed.fontSize;\n          target.style.lineHeight = computed.lineHeight;\n        }\n\n        function setEditableAria(active: boolean): void {\n          if (!editableEl) return;\n          if (active) {\n            editableEl.setAttribute(\"role\", \"combobox\");\n            editableEl.setAttribute(\"aria-haspopup\", \"listbox\");\n            editableEl.setAttribute(\"aria-expanded\", \"true\");\n            editableEl.setAttribute(\"aria-controls\", listId);\n          } else {\n            editableEl.removeAttribute(\"aria-expanded\");\n            editableEl.removeAttribute(\"aria-controls\");\n            editableEl.removeAttribute(\"aria-activedescendant\");\n            editableEl.removeAttribute(\"aria-haspopup\");\n            editableEl.removeAttribute(\"role\");\n          }\n        }\n\n        function setActiveDescendant(): void {\n          if (!editableEl) return;\n          if (itemsRef.value.length === 0) {\n            editableEl.removeAttribute(\"aria-activedescendant\");\n            return;\n          }\n          editableEl.setAttribute(\n            \"aria-activedescendant\",\n            `${listId}-opt-${selectedIndex.value}`,\n          );\n        }\n\n        function select(item: MergeTag): void {\n          currentCommand?.(item);\n        }\n\n        return {\n          onStart: (props: SuggestionProps<MergeTag>) => {\n            itemsRef.value = props.items;\n            selectedIndex.value = 0;\n            currentCommand = (item) => props.command(item);\n\n            container = document.createElement(\"div\");\n            container.setAttribute(\"data-testid\", \"merge-tag-suggestion-popup\");\n            // Use view.dom (ProseMirror contenteditable, actually\n            // attached to the DOM) rather than options.element, which may\n            // be a detached div when no `element` is passed to the editor\n            // constructor (as is the case with @tiptap/vue-3 EditorContent).\n            const viewDom = props.editor.view?.dom as HTMLElement | undefined;\n            editableEl = viewDom ?? null;\n            applyThemeContext(container, viewDom ?? null);\n            // Prefer the editor's popover root (shadow-aware) when wired by\n            // the consumer. Falls back to document.body for headless callers\n            // that don't pass `popoverRoot` to configure().\n            // shadow-ok: fallback when popoverRoot wasn't provided (e.g., headless caller); editor mounts pass the shadow-aware root\n            const mountTarget = popoverRootRef?.value ?? document.body;\n            mountTarget.appendChild(container);\n\n            app = createApp({\n              render() {\n                return h(MergeTagSuggestionList, {\n                  items: itemsRef.value,\n                  selectedIndex: selectedIndex.value,\n                  emptyText,\n                  listId,\n                  onSelect: (item: MergeTag) => select(item),\n                  onHover: (index: number) => {\n                    selectedIndex.value = index;\n                    setActiveDescendant();\n                  },\n                });\n              },\n            });\n            app.mount(container);\n            setEditableAria(true);\n            setActiveDescendant();\n            latestClientRect = props.clientRect ?? null;\n            repositionAfterPaint();\n            attachScrollListeners(viewDom ?? null);\n          },\n          onUpdate: (props: SuggestionProps<MergeTag>) => {\n            itemsRef.value = props.items;\n            // Reset selection when item set changes (query changed).\n            if (selectedIndex.value >= props.items.length) {\n              selectedIndex.value = 0;\n            }\n            currentCommand = (item) => props.command(item);\n            setActiveDescendant();\n            latestClientRect = props.clientRect ?? null;\n            repositionAfterPaint();\n          },\n          onKeyDown: (props: SuggestionKeyDownProps): boolean => {\n            if (props.event.key === \"Escape\") {\n              return true;\n            }\n            const handled = handleSuggestionKeyDown(\n              props.event,\n              itemsRef.value,\n              selectedIndex,\n              select,\n            );\n            if (handled) setActiveDescendant();\n            return handled;\n          },\n          onExit: () => {\n            if (pendingRaf !== null) {\n              cancelAnimationFrame(pendingRaf);\n              pendingRaf = null;\n            }\n            detachScrollListeners();\n            setEditableAria(false);\n            app?.unmount();\n            container?.remove();\n            app = null;\n            container = null;\n            editableEl = null;\n            currentCommand = null;\n            latestClientRect = null;\n          },\n        };\n      },\n    };\n\n    return [\n      Suggestion({\n        editor: this.editor,\n        ...config,\n      }),\n    ];\n  },\n});\n"],"mappings":"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"}

package/dist/cdn/chunks/{features-svfaXiyQ.js → features-BOcQhi9B.js}

@@ -1382,7 +1382,7 @@ function cr(e) {
 	o || l();
 	async function l() {
 		try {
-			let t = await import("./quality-DLJBm0Sf.js").then((e) => e.t);
+			let t = await import("./quality-Cytz80Z5.js").then((e) => e.t);
 			if (c) return;
 			a.value = {
 				lintAccessibility: t.lintAccessibility,
@@ -2908,13 +2908,16 @@ var ca = ["href"], la = ["src", "alt"], ua = ["src", "alt"], da = {
 				e.alt && (t.alt = e.alt), r("update", t);
 			}
 		}
-		let u = k(() => ({ textAlign: n.block.align })), d = k(() => ({
-			maxWidth: "100%",
-			width: n.block.width === "full" ? "100%" : `${n.block.width}px`,
-			display: "block",
-			margin: n.block.align === "center" ? "0 auto" : void 0,
-			marginLeft: n.block.align === "right" ? "auto" : void 0
-		})), p = k(() => _t(n.block.src, a));
+		let u = k(() => ({ textAlign: n.block.align })), d = k(() => {
+			let e = n.block.align;
+			return {
+				maxWidth: "100%",
+				width: n.block.width === "full" ? "100%" : `${n.block.width}px`,
+				display: "block",
+				marginLeft: e === "center" || e === "right" ? "auto" : void 0,
+				marginRight: e === "center" ? "auto" : void 0
+			};
+		}), p = k(() => _t(n.block.src, a));
 		return (t, n) => (f(), A("div", {
 			class: "tpl:w-full",
 			style: L(u.value)
@@ -3115,7 +3118,7 @@ var Aa = ["innerHTML"], ja = /* @__PURE__ */ B({
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = E(() => import("./ParagraphEditor-DPFK_KjR.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: c } = ka(() => t.block.content);
+		let t = e, n = E(() => import("./ParagraphEditor-DfKVmv1W.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: c } = ka(() => t.block.content);
 		return (t, l) => (f(), A("div", {
 			ref_key: "blockRef",
 			ref: i,
@@ -3179,7 +3182,7 @@ var Pa = ["data-block-id", "data-block-type"], Fa = ["aria-label"], Ia = [
 	},
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let n = E(() => import("./BlockIssueBadge-CrmWF2hu.js")), r = e, i = t, { t: a, format: s } = Y(), c = v(Zn, null), l = C(null), u = k(() => c?.liftedBlockId.value === r.block.id), d = k(() => u.value ? s(a.blockActions.dragLifted, { block: r.block.type }) : a.blockActions.drag);
+		let n = E(() => import("./BlockIssueBadge-CYoY-wyI.js")), r = e, i = t, { t: a, format: s } = Y(), c = v(Zn, null), l = C(null), u = k(() => c?.liftedBlockId.value === r.block.id), d = k(() => u.value ? s(a.blockActions.dragLifted, { block: r.block.type }) : a.blockActions.drag);
 		async function p() {
 			await m(), l.value?.focus();
 		}
@@ -3331,7 +3334,7 @@ var Ja = /* @__PURE__ */ B({
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = E(() => import("./TitleEditor-DZ_v-LQC.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: c } = ka(() => t.block.content), l = k(() => {
+		let t = e, n = E(() => import("./TitleEditor-C2p3SosJ.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: c } = ka(() => t.block.content), l = k(() => {
 			let e = {
 				fontSize: `${pe[t.block.level]}px`,
 				color: t.block.color,
@@ -3828,13 +3831,16 @@ var So = ["src", "alt"], Co = {
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, { t: n } = Y(), { syntax: r } = Ii(), i = k(() => _t(t.block.url, r) || _t(t.block.thumbnailUrl, r)), a = k(() => i.value ? null : xo(t.block.url, t.block.thumbnailUrl)), o = k(() => ({ textAlign: t.block.align })), s = k(() => ({
-			maxWidth: "100%",
-			width: t.block.width === "full" ? "100%" : `${t.block.width}px`,
-			display: "block",
-			margin: t.block.align === "center" ? "0 auto" : void 0,
-			marginLeft: t.block.align === "right" ? "auto" : void 0
-		})), c = k(() => _t(t.block.url, r) ? t.block.url : t.block.thumbnailUrl);
+		let t = e, { t: n } = Y(), { syntax: r } = Ii(), i = k(() => _t(t.block.url, r) || _t(t.block.thumbnailUrl, r)), a = k(() => i.value ? null : xo(t.block.url, t.block.thumbnailUrl)), o = k(() => ({ textAlign: t.block.align })), s = k(() => {
+			let e = t.block.align;
+			return {
+				maxWidth: "100%",
+				width: t.block.width === "full" ? "100%" : `${t.block.width}px`,
+				display: "block",
+				marginLeft: e === "center" || e === "right" ? "auto" : void 0,
+				marginRight: e === "center" ? "auto" : void 0
+			};
+		}), c = k(() => _t(t.block.url, r) ? t.block.url : t.block.thumbnailUrl);
 		return (t, r) => (f(), A("div", {
 			class: "tpl:w-full",
 			style: L(o.value)
@@ -3894,7 +3900,7 @@ var So = ["src", "alt"], Co = {
 	table: vo,
 	spacer: fo,
 	html: oa,
-	countdown: E(() => import("./CountdownBlock-DadDprcu.js").then((e) => e.n))
+	countdown: E(() => import("./CountdownBlock-BSEKrpZY.js").then((e) => e.n))
 };
 function Ao(e) {
 	let { editor: t, config: n, translations: r, fontsManager: i } = e, { t: a, format: o } = Y(r);
@@ -7064,4 +7070,4 @@ var Ql = {
 //#endregion
 export { Ii as $, Qn as $t, Ao as A, me as An, Ir as At, Na as B, Vn as Bt, Ho as C, ve as Cn, Kr as Ct, Z as D, _e as Dn, Vr as Dt, $ as E, Ce as En, Ur as Et, $a as F, be as Fn, Y as Ft, sa as G, Hn as Gt, ja as H, or as Ht, to as I, pe as In, nr as It, $i as J, Ln as Jt, oa as K, Jn as Kt, Qa as L, de as Ln, Yn as Lt, vo as M, Se as Mn, wr as Mt, fo as N, Te as Nn, gr as Nt, jo as O, we as On, zr as Ot, co as P, he as Pn, lr as Pt, Li as Q, ar as Qt, Ja as R, fe as Rn, tr as Rt, Ko as S, W as Sn, qr as St, Ro as T, ye as Tn, Wr as Tt, Sa as U, rr as Ut, Ma as V, Xn as Vt, va as W, In as Wt, Hi as X, qn as Xt, Wi as Y, Wn as Yt, Ri as Z, ir as Zt, ns as _, ht as _n, ni as _t, Al as a, xn as an, bi as at, Yo as b, st as bn, $r as bt, zs as c, wn as cn, hi as ct, cs as d, rn as dn, di as dt, Rn as en, Pi as et, ss as f, Mt as fn, ui as ft, rs as g, yt as gn, ri as gt, is as h, _t as hn, ii as ht, Ml as i, bn as in, wi as it, Oo as j, xe as jn, X as jt, Mo as k, ge as kn, Lr as kt, ms as l, $t as ln, mi as lt, as as m, lt as mn, si as mt, ku as n, J as nn, Mi as nt, Ol as o, q as on, vi as ot, os as p, Ct as pn, li as pt, ta as q, Nn as qt, Kl as r, fn as rn, Ti as rt, $c as s, Dn as sn, gi as st, Gu as t, zn as tn, Fi as tt, ps as u, nn as un, pi as ut, ts as v, vt as vn, ti as vt, zo as w, Ee as wn, Gr as wt, qo as x, ot as xn, Qr as xt, Xo as y, ct as yn, ei as yt, Ka as z, ue as zn, Bn as zt };
 
-//# sourceMappingURL=features-svfaXiyQ.js.map
+//# sourceMappingURL=features-BOcQhi9B.js.map