@aswin.dev/editor 0.8.5 → 0.8.7

package/dist/cdn/chunks/TitleEditor-CE8r8txX.js

@@ -0,0 +1,171 @@
+import { C as e, D as t, P as n, X as r, _ as i, b as a, ct as o, dt as s, f as c, ft as l, g as u, h as d, m as f, p, ut as m, v as h, x as g } from "./draggable-C-1_gch3.js";
+import { Ct as _, Q as v, Vt as y, dn as b, en as x, un as S } from "./features-BHTP4oRU.js";
+import { $ as C, T as w, X as T, pt as ee } from "./icons-DS4IYWzG.js";
+import { n as E, t as D } from "./RichTextEditorContent-4-cNqB4H.js";
+//#region src/components/blocks/TitleEditor.vue?vue&type=script&setup=true&lang.ts
+var O = { class: "tpl-text-editor-wrapper tpl:relative" }, k = ["data-tpl-theme", "aria-label"], A = ["aria-label", "title"], j = ["aria-label", "title"], M = ["aria-label", "title"], N = {
+	key: 0,
+	class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]"
+}, P = ["aria-label", "title"], F = {
+	key: 1,
+	class: "tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
+}, I = /* @__PURE__ */ e({
+	__name: "TitleEditor",
+	props: {
+		block: {},
+		toolbarPosition: {}
+	},
+	emits: ["done"],
+	setup(e, { emit: I }) {
+		let L = e, R = I, z = t(S, null), B = t(b, null), V = t(x, void 0), te = f(() => V?.value ?? "body"), { t: H } = y(), { editor: U, EditorContent: W, isLoading: G, initError: K, retry: q, showLinkDialog: J, linkUrl: Y, linkDialogRef: X, canRequestMergeTag: Z, openLinkDialog: Q, insertLink: ne, removeLink: re, closeLinkDialog: ie, handleLinkKeydown: ae, handleAddMergeTag: $ } = v({
+			blockId: () => L.block.id,
+			blockContent: () => L.block.content,
+			onDone: () => R("done"),
+			editorName: "TitleEditor",
+			async loadExtensions({ mergeTags: e, syntax: t, triggerChar: n, autocompleteEnabled: r, suggestionEmptyText: i }) {
+				let [{ Editor: a, EditorContent: o }, { default: s }, { default: c }, { MergeTagNode: l, MergeTagSuggestion: u, LogicMergeTagNode: d }] = await Promise.all([
+					import("./tiptap-q69oUYhb.js").then((e) => e.i),
+					import("./tiptap-q69oUYhb.js").then((e) => e.a),
+					import("./tiptap-q69oUYhb.js").then((e) => e.u),
+					import("./extensions-B5e8Ov02.js")
+				]);
+				return {
+					TiptapEditor: a,
+					EC: o,
+					extensions: [
+						s.configure({
+							heading: !1,
+							codeBlock: !1,
+							blockquote: !1,
+							horizontalRule: !1,
+							bulletList: !1,
+							orderedList: !1,
+							listItem: !1,
+							strike: !1
+						}),
+						c.configure({
+							openOnClick: !1,
+							HTMLAttributes: {
+								target: "_blank",
+								rel: "noopener noreferrer"
+							}
+						}),
+						l.configure({
+							mergeTags: e,
+							syntax: t
+						}),
+						d.configure({ syntax: t }),
+						...r && n && e.length > 0 ? [u.configure({
+							mergeTags: e,
+							char: n,
+							emptyText: i
+						})] : []
+					]
+				};
+			}
+		});
+		return (t, f) => (n(), h("div", O, [
+			(n(), u(p, { to: te.value }, [d("div", {
+				"data-tpl-theme": o(B),
+				role: "toolbar",
+				"aria-label": o(H).titleEditor.toolbar,
+				class: "tpl tpl-text-toolbar tpl:pointer-events-auto 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",
+				style: s({
+					...o(z),
+					top: `${e.toolbarPosition.top}px`,
+					left: `${e.toolbarPosition.left}px`,
+					transform: "translateY(-100%)"
+				})
+			}, [!o(G) && o(U) ? (n(), h(c, { key: 0 }, [
+				d("button", {
+					type: "button",
+					class: m(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": o(U)?.isActive("bold") }]),
+					"aria-label": o(H).titleEditor.bold,
+					title: o(H).titleEditor.bold,
+					onClick: f[0] ||= (e) => o(U)?.chain().focus().toggleBold().run()
+				}, [g(o(ee), {
+					size: 16,
+					"stroke-width": 2.5
+				})], 10, A),
+				d("button", {
+					type: "button",
+					class: m(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": o(U)?.isActive("italic") }]),
+					"aria-label": o(H).titleEditor.italic,
+					title: o(H).titleEditor.italic,
+					onClick: f[1] ||= (e) => o(U)?.chain().focus().toggleItalic().run()
+				}, [g(o(C), {
+					size: 16,
+					"stroke-width": 2
+				})], 10, j),
+				f[6] ||= d("span", {
+					class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
+					"aria-hidden": "true"
+				}, null, -1),
+				d("button", {
+					type: "button",
+					class: m(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": o(U)?.isActive("link") }]),
+					"aria-label": o(H).titleEditor.addLink,
+					title: o(H).titleEditor.addLink,
+					onClick: f[2] ||= (...e) => o(Q) && o(Q)(...e)
+				}, [g(o(T), {
+					size: 16,
+					"stroke-width": 2
+				})], 10, M),
+				o(Z) ? (n(), h("span", N)) : i("", !0),
+				o(Z) ? (n(), h("button", {
+					key: 1,
+					type: "button",
+					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)]",
+					"aria-label": o(H).mergeTag.add,
+					title: o(H).mergeTag.add,
+					onClick: f[3] ||= (...e) => o($) && o($)(...e)
+				}, [g(o(w), {
+					size: 16,
+					"stroke-width": 2
+				}), a(" " + l(o(H).mergeTag.add), 1)], 8, P)) : i("", !0)
+			], 64)) : (n(), h("div", F, [g(o(_), {
+				class: "tpl-spinner",
+				size: 14,
+				"stroke-width": 2
+			}), a(" " + l(o(H).errors.editorLoading), 1)]))], 12, k)], 8, ["to"])),
+			g(D, {
+				editor: o(U),
+				"editor-content": o(W),
+				"is-loading": o(G),
+				"init-error": o(K),
+				onRetry: o(q)
+			}, null, 8, [
+				"editor",
+				"editor-content",
+				"is-loading",
+				"init-error",
+				"onRetry"
+			]),
+			g(E, {
+				visible: o(J),
+				"is-editing-link": o(U)?.isActive("link") ?? !1,
+				"dialog-ref": o(X),
+				"onUpdate:dialogRef": f[4] ||= (e) => r(X) ? X.value = e : null,
+				"link-url": o(Y),
+				"onUpdate:linkUrl": f[5] ||= (e) => r(Y) ? Y.value = e : null,
+				onClose: o(ie),
+				onInsert: o(ne),
+				onRemove: o(re),
+				onKeydown: o(ae)
+			}, null, 8, [
+				"visible",
+				"is-editing-link",
+				"dialog-ref",
+				"link-url",
+				"onClose",
+				"onInsert",
+				"onRemove",
+				"onKeydown"
+			])
+		]));
+	}
+});
+//#endregion
+export { I as default };
+
+//# sourceMappingURL=TitleEditor-CE8r8txX.js.map

package/dist/cdn/chunks/TitleEditor-CE8r8txX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleEditor-CE8r8txX.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 type { TitleBlock as TitleBlockType } from \"@aswin.dev/types\";\nimport { Bold, Italic, Link, LoaderCircle, ScanLine } from \"@lucide/vue\";\nimport { inject, computed, type Ref } from \"vue\";\nimport { THEME_STYLES_KEY, UI_THEME_KEY, EDITOR_FLOATING_UI_TELEPORT_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);\n\nconst floatingTeleportHost = inject<Ref<HTMLElement | null> | undefined>(\n  EDITOR_FLOATING_UI_TELEPORT_KEY,\n  undefined,\n);\nconst toolbarTeleportTarget = computed(\n  () => floatingTeleportHost?.value ?? \"body\",\n);\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              }),\n            ]\n          : []),\n      ],\n    };\n  },\n});\n</script>\n\n<template>\n  <div class=\"tpl-text-editor-wrapper tpl:relative\">\n    <Teleport :to=\"toolbarTeleportTarget\">\n      <div\n        :data-tpl-theme=\"tplUiTheme\"\n        role=\"toolbar\"\n        :aria-label=\"t.titleEditor.toolbar\"\n        class=\"tpl tpl-text-toolbar tpl:pointer-events-auto 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 type { TitleBlock as TitleBlockType } from \"@aswin.dev/types\";\nimport { Bold, Italic, Link, LoaderCircle, ScanLine } from \"@lucide/vue\";\nimport { inject, computed, type Ref } from \"vue\";\nimport { THEME_STYLES_KEY, UI_THEME_KEY, EDITOR_FLOATING_UI_TELEPORT_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);\n\nconst floatingTeleportHost = inject<Ref<HTMLElement | null> | undefined>(\n  EDITOR_FLOATING_UI_TELEPORT_KEY,\n  undefined,\n);\nconst toolbarTeleportTarget = computed(\n  () => floatingTeleportHost?.value ?? \"body\",\n);\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              }),\n            ]\n          : []),\n      ],\n    };\n  },\n});\n</script>\n\n<template>\n  <div class=\"tpl-text-editor-wrapper tpl:relative\">\n    <Teleport :to=\"toolbarTeleportTarget\">\n      <div\n        :data-tpl-theme=\"tplUiTheme\"\n        role=\"toolbar\"\n        :aria-label=\"t.titleEditor.toolbar\"\n        class=\"tpl tpl-text-toolbar tpl:pointer-events-auto 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-B2x3gJsz.js → blockTypeIcons-BOf7hTFU.js}

@@ -1,5 +1,5 @@
-import { At as e, Tt as t, gt as n, pt as r, xt as i } from "./features-BZeMkHMs.js";
-import { M as a, R as o, U as s, c, ct as l, et as u, j as d, k as f, o as p, ot as m, s as h } from "./icons-nP0Wj6Eq.js";
+import { At as e, Tt as t, gt as n, pt as r, xt as i } from "./features-BHTP4oRU.js";
+import { M as a, R as o, U as s, c, ct as l, et as u, j as d, k as f, o as p, ot as m, s as h } from "./icons-DS4IYWzG.js";
 //#region src/utils/blockTypeIcons.ts
 var g = {
 	section: m,
@@ -22,4 +22,4 @@ var g = {
 //#endregion
 export { g as t };
 
-//# sourceMappingURL=blockTypeIcons-B2x3gJsz.js.map
+//# sourceMappingURL=blockTypeIcons-BOf7hTFU.js.map

package/dist/cdn/chunks/{blockTypeIcons-B2x3gJsz.js.map → blockTypeIcons-BOf7hTFU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"blockTypeIcons-B2x3gJsz.js","names":[],"sources":["../../../src/utils/blockTypeIcons.ts"],"sourcesContent":["import {\n  ClipboardList,\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  TextCursor,\n  Ticket,\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  input: TextCursor,\n  divider: Minus,\n  video: Play,\n  social: Share2,\n  menu: Navigation,\n  table: Table,\n  spacer: MoveVertical,\n  countdown: Timer,\n  form: ClipboardList,\n  discountCoupon: Ticket,\n  html: Code,\n};\n"],"mappings":";;;AAoBA,IAAa,IAA4C;CACvD,SAAS;CACT,OAAO;CACP,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,SAAS;CACT,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,QAAQ;CACR,WAAW;CACX,MAAM;CACN,gBAAgB;CAChB,MAAM;CACP"}
+{"version":3,"file":"blockTypeIcons-BOf7hTFU.js","names":[],"sources":["../../../src/utils/blockTypeIcons.ts"],"sourcesContent":["import {\n  ClipboardList,\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  TextCursor,\n  Ticket,\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  input: TextCursor,\n  divider: Minus,\n  video: Play,\n  social: Share2,\n  menu: Navigation,\n  table: Table,\n  spacer: MoveVertical,\n  countdown: Timer,\n  form: ClipboardList,\n  discountCoupon: Ticket,\n  html: Code,\n};\n"],"mappings":";;;AAoBA,IAAa,IAA4C;CACvD,SAAS;CACT,OAAO;CACP,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,SAAS;CACT,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,QAAQ;CACR,WAAW;CACX,MAAM;CACN,gBAAgB;CAChB,MAAM;CACP"}

package/dist/cdn/chunks/{extensions-CdYSoz4B.js → extensions-B5e8Ov02.js}

@@ -1,6 +1,6 @@
 import { A as e, C as t, G as n, I as r, P as i, T as a, W as o, _ as s, c, ct as l, d as u, dt as d, f, ft as p, g as m, h, m as g, r as _, tt as v, u as y, ut as b, v as x } from "./draggable-C-1_gch3.js";
-import { An as S, Mn as C, On as w, Vt as T, jn as E, nt as D } from "./features-BZeMkHMs.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-CZ52Pj8k.js";
+import { Mn as S, Nn as C, Vt as w, jn as T, kn as E, nt as D } from "./features-BHTP4oRU.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-q69oUYhb.js";
 //#region src/extensions/FontSize.ts
 var I = A.create({
 	name: "fontSize",
@@ -82,7 +82,7 @@ var I = A.create({
 		updateAttributes: { type: Function }
 	},
 	setup(t) {
-		let r = t, { syntax: a } = D(), { t: f } = T(), _ = g(() => C(r.node.attrs.value, a)), w = g(() => S(r.node.attrs.value, a)), E = v(!1), O = v(""), k = v(null), A = !1;
+		let r = t, { syntax: a } = D(), { t: f } = w(), _ = g(() => C(r.node.attrs.value, a)), S = g(() => T(r.node.attrs.value, a)), E = v(!1), O = v(""), k = v(null), A = !1;
 		function M() {
 			O.value = r.node.attrs.value, A = !1, E.value = !0, e(() => {
 				k.value?.focus(), k.value?.select();
@@ -98,7 +98,7 @@ var I = A.create({
 			}
 			e !== r.node.attrs.value && r.updateAttributes({
 				value: e,
-				keyword: C(e, a) ? S(e, a) : ""
+				keyword: C(e, a) ? T(e, a) : ""
 			}), E.value = !1;
 		}
 		function P(e) {
@@ -128,7 +128,7 @@ var I = A.create({
 				"data-tooltip": t.node.attrs.value,
 				onClick: u(M, ["stop"]),
 				onKeydown: [y(u(M, ["stop"]), ["enter"]), y(u(M, ["prevent", "stop"]), ["space"])]
-			}, p(w.value), 41, ee)) : (i(), x("span", {
+			}, p(S.value), 41, ee)) : (i(), x("span", {
 				key: 2,
 				role: "button",
 				tabindex: "0",
@@ -186,7 +186,7 @@ var H = O.create({
 	inline: !0,
 	atom: !0,
 	addOptions() {
-		return { syntax: w.liquid };
+		return { syntax: E.liquid };
 	},
 	addAttributes() {
 		return {
@@ -209,7 +209,7 @@ var H = O.create({
 			{},
 			e.attrs.value
 		];
-		let n = S(e.attrs.value, this.options.syntax);
+		let n = T(e.attrs.value, this.options.syntax);
 		return [
 			"span",
 			F(t, {
@@ -234,7 +234,7 @@ var H = O.create({
 			handler: ({ state: e, range: t, match: n }) => {
 				let r = n[0];
 				if (!C(r, this.options.syntax)) return;
-				let i = S(r, this.options.syntax), a = this.type.create({
+				let i = T(r, this.options.syntax), a = this.type.create({
 					value: r,
 					keyword: i
 				});
@@ -248,7 +248,7 @@ var H = O.create({
 			handler: ({ state: e, range: t, match: n }) => {
 				let r = n[0];
 				if (!C(r, this.options.syntax)) return;
-				let i = S(r, this.options.syntax), a = this.type.create({
+				let i = T(r, this.options.syntax), a = this.type.create({
 					value: r,
 					keyword: i
 				});
@@ -268,7 +268,7 @@ var H = O.create({
 		updateAttributes: { type: Function }
 	},
 	setup(t) {
-		let r = t, { getMergeTagLabel: a } = D(), { t: s } = T(), d = g(() => a(r.node.attrs.value)), f = v(!1), _ = v(""), b = v(null);
+		let r = t, { getMergeTagLabel: a } = D(), { t: s } = w(), d = g(() => a(r.node.attrs.value)), f = v(!1), _ = v(""), b = v(null);
 		function S() {
 			_.value = r.node.attrs.value, f.value = !0, e(() => {
 				b.value?.focus(), b.value?.select();
@@ -281,7 +281,7 @@ var H = O.create({
 				label: a(e)
 			}), f.value = !1;
 		}
-		function w(e) {
+		function T(e) {
 			e.key === "Enter" ? (e.preventDefault(), C()) : e.key === "Escape" && (f.value = !1);
 		}
 		return (e, r) => (i(), m(l(j), {
@@ -298,7 +298,7 @@ var H = O.create({
 				type: "text",
 				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)]",
 				onBlur: C,
-				onKeydown: w
+				onKeydown: T
 			}, null, 544)), [[c, _.value]]) : (i(), x("span", {
 				key: 1,
 				role: "button",
@@ -344,7 +344,7 @@ var H = O.create({
 	addOptions() {
 		return {
 			mergeTags: [],
-			syntax: w.liquid
+			syntax: E.liquid
 		};
 	},
 	addAttributes() {
@@ -363,7 +363,7 @@ var H = O.create({
 		return [{ tag: "span[data-merge-tag]" }];
 	},
 	renderHTML({ node: e, HTMLAttributes: t }) {
-		let n = E(e.attrs.value, this.options.mergeTags);
+		let n = S(e.attrs.value, this.options.mergeTags);
 		return [
 			"span",
 			F(t, {
@@ -392,7 +392,7 @@ var H = O.create({
 		return [new k({
 			find: RegExp(this.options.syntax.value.source + "$", ""),
 			handler: ({ state: e, range: t, match: n }) => {
-				let r = n[0], i = E(r, this.options.mergeTags), a = this.type.create({
+				let r = n[0], i = S(r, this.options.mergeTags), a = this.type.create({
 					label: i,
 					value: r
 				});
@@ -404,7 +404,7 @@ var H = O.create({
 		return [new P({
 			find: new RegExp(this.options.syntax.value.source, "g"),
 			handler: ({ state: e, range: t, match: n }) => {
-				let r = n[0], i = E(r, this.options.mergeTags), a = this.type.create({
+				let r = n[0], i = S(r, this.options.mergeTags), a = this.type.create({
 					label: i,
 					value: r
 				});
@@ -595,4 +595,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-CdYSoz4B.js.map
+//# sourceMappingURL=extensions-B5e8Ov02.js.map