@templatical/editor 0.0.1

package/dist/TextEditor-BuUOIByX.js

@@ -0,0 +1,780 @@
+import { defineComponent as vt, inject as Y, ref as R, shallowRef as G, watch as bt, onBeforeUnmount as gt, openBlock as a, createElementBlock as u, createBlock as U, Teleport as J, createElementVNode as r, normalizeStyle as Z, unref as e, Fragment as V, normalizeClass as c, createVNode as s, renderList as tt, toDisplayString as g, createCommentVNode as k, createTextVNode as et, resolveDynamicComponent as xt, withModifiers as mt, withDirectives as ht, vModelText as kt } from "vue";
+import { c as v, v as yt, w as ft, u as wt, l as jt, A as zt, x as Lt, y as Mt, z as Ct, X as Et } from "./index-D-iD-7lO.js";
+import "@templatical/types";
+import { L as At } from "./loader-circle-tM9j2mRh.js";
+/**
+ * @license lucide-vue-next v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Tt = v("BoldIcon", [
+  [
+    "path",
+    { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8", key: "mg9rjx" }
+  ]
+]);
+/**
+ * @license lucide-vue-next v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const _t = v("ItalicIcon", [
+  ["line", { x1: "19", x2: "10", y1: "4", y2: "4", key: "15jd3p" }],
+  ["line", { x1: "14", x2: "5", y1: "20", y2: "20", key: "bu0au3" }],
+  ["line", { x1: "15", x2: "9", y1: "4", y2: "20", key: "uljnxc" }]
+]);
+/**
+ * @license lucide-vue-next v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const St = v("LinkIcon", [
+  ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
+  ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
+]);
+/**
+ * @license lucide-vue-next v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const It = v("ListOrderedIcon", [
+  ["path", { d: "M10 12h11", key: "6m4ad9" }],
+  ["path", { d: "M10 18h11", key: "11hvi2" }],
+  ["path", { d: "M10 6h11", key: "c7qv1k" }],
+  ["path", { d: "M4 10h2", key: "16xx2s" }],
+  ["path", { d: "M4 6h1v4", key: "cnovpq" }],
+  ["path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1", key: "m9a95d" }]
+]);
+/**
+ * @license lucide-vue-next v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const $t = v("ListIcon", [
+  ["path", { d: "M3 12h.01", key: "nlz23k" }],
+  ["path", { d: "M3 18h.01", key: "1tta3j" }],
+  ["path", { d: "M3 6h.01", key: "1rqtza" }],
+  ["path", { d: "M8 12h13", key: "1za7za" }],
+  ["path", { d: "M8 18h13", key: "1lx6n3" }],
+  ["path", { d: "M8 6h13", key: "ik3vkj" }]
+]);
+/**
+ * @license lucide-vue-next v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Dt = v("RemoveFormattingIcon", [
+  ["path", { d: "M4 7V4h16v3", key: "9msm58" }],
+  ["path", { d: "M5 20h6", key: "1h6pxn" }],
+  ["path", { d: "M13 4 8 20", key: "kqq6aj" }],
+  ["path", { d: "m15 15 5 5", key: "me55sn" }],
+  ["path", { d: "m20 15-5 5", key: "11p7ol" }]
+]);
+/**
+ * @license lucide-vue-next v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const qt = v("SmileIcon", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M8 14s1.5 2 4 2 4-2 4-2", key: "1y1vjs" }],
+  ["line", { x1: "9", x2: "9.01", y1: "9", y2: "9", key: "yxxnd0" }],
+  ["line", { x1: "15", x2: "15.01", y1: "9", y2: "9", key: "1p4y9e" }]
+]);
+/**
+ * @license lucide-vue-next v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Bt = v("StrikethroughIcon", [
+  ["path", { d: "M16 4H9a3 3 0 0 0-2.83 4", key: "43sutm" }],
+  ["path", { d: "M14 12a4 4 0 0 1 0 8H6", key: "nlfj13" }],
+  ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }]
+]);
+/**
+ * @license lucide-vue-next v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Rt = v("SubscriptIcon", [
+  ["path", { d: "m4 5 8 8", key: "1eunvl" }],
+  ["path", { d: "m12 5-8 8", key: "1ah0jp" }],
+  [
+    "path",
+    {
+      d: "M20 19h-4c0-1.5.44-2 1.5-2.5S20 15.33 20 14c0-.47-.17-.93-.48-1.29a2.11 2.11 0 0 0-2.62-.44c-.42.24-.74.62-.9 1.07",
+      key: "e8ta8j"
+    }
+  ]
+]);
+/**
+ * @license lucide-vue-next v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ut = v("SuperscriptIcon", [
+  ["path", { d: "m4 19 8-8", key: "hr47gm" }],
+  ["path", { d: "m12 19-8-8", key: "1dhhmo" }],
+  [
+    "path",
+    {
+      d: "M20 12h-4c0-1.5.442-2 1.5-2.5S20 8.334 20 7.002c0-.472-.17-.93-.484-1.29a2.105 2.105 0 0 0-2.617-.436c-.42.239-.738.614-.899 1.06",
+      key: "1dfcux"
+    }
+  ]
+]);
+/**
+ * @license lucide-vue-next v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Vt = v("UnderlineIcon", [
+  ["path", { d: "M6 4v6a6 6 0 0 0 12 0V4", key: "9kb039" }],
+  ["line", { x1: "4", x2: "20", y1: "20", y2: "20", key: "nun2al" }]
+]), Pt = [
+  {
+    key: "smileys",
+    emojis: [
+      "😀",
+      "😃",
+      "😄",
+      "😁",
+      "😅",
+      "😂",
+      "🤣",
+      "😊",
+      "😇",
+      "🙂",
+      "😉",
+      "😍",
+      "🥰",
+      "😘",
+      "😋",
+      "😎",
+      "🤩",
+      "🥳",
+      "😏",
+      "😢",
+      "😭",
+      "😤",
+      "😡",
+      "🤯",
+      "😱",
+      "🤔",
+      "🤫",
+      "🤗",
+      "🫡",
+      "👋"
+    ]
+  },
+  {
+    key: "gestures",
+    emojis: [
+      "👍",
+      "👎",
+      "👏",
+      "🙌",
+      "🤝",
+      "✌️",
+      "🤞",
+      "🫶",
+      "❤️",
+      "🧡",
+      "💛",
+      "💚",
+      "💙",
+      "💜",
+      "🖤",
+      "💯",
+      "✨",
+      "⭐",
+      "🌟",
+      "💫",
+      "🔥",
+      "💥",
+      "💪",
+      "👀",
+      "👁️",
+      "🎉",
+      "🎊",
+      "🎁",
+      "🏆",
+      "🥇"
+    ]
+  },
+  {
+    key: "objects",
+    emojis: [
+      "📧",
+      "✉️",
+      "📨",
+      "📩",
+      "📬",
+      "📱",
+      "💻",
+      "🖥️",
+      "📊",
+      "📈",
+      "📉",
+      "📅",
+      "🗓️",
+      "⏰",
+      "⏳",
+      "💡",
+      "🔔",
+      "📢",
+      "🎯",
+      "✅",
+      "❌",
+      "⚠️",
+      "💲",
+      "💵",
+      "💰",
+      "🛒",
+      "🛍️",
+      "📦",
+      "🚀",
+      "✈️"
+    ]
+  }
+];
+function Ht() {
+  const [x, I] = yt(!1);
+  function y() {
+    I();
+  }
+  function $() {
+    x.value = !1;
+  }
+  return {
+    categories: Pt,
+    isOpen: x,
+    toggle: y,
+    close: $
+  };
+}
+const Nt = { class: "tpl-text-editor-wrapper tpl:relative" }, Ot = ["title"], Ft = ["title"], Kt = ["title"], Qt = ["title"], Wt = ["title"], Xt = ["title"], Yt = ["title"], Gt = ["title"], Jt = ["title"], Zt = ["title"], te = ["title"], ee = ["title"], le = ["title"], pe = { class: "tpl:relative" }, re = ["title"], ie = {
+  key: 0,
+  class: "tpl-emoji-picker tpl:absolute tpl:top-full tpl:left-0 tpl:z-10 tpl:mt-2 tpl:w-72 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-2 tpl:shadow-lg"
+}, ne = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, oe = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, se = ["onClick"], ae = {
+  key: 0,
+  class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]"
+}, de = ["title"], ue = {
+  key: 1,
+  class: "tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
+}, ce = {
+  key: 0,
+  class: "tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-indigo-500 tpl:p-2"
+}, ve = { class: "tpl:w-[400px] tpl:overflow-hidden tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-lg" }, be = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-5 tpl:py-4" }, ge = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, xe = { class: "tpl:p-5" }, me = { class: "tpl:mb-4 tpl:last:mb-0" }, he = { class: "tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, ke = ["placeholder"], ye = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:px-5 tpl:py-4" }, fe = { class: "tpl:ml-auto tpl:flex tpl:gap-2" }, Ce = /* @__PURE__ */ vt({
+  __name: "TextEditor",
+  props: {
+    block: {},
+    toolbarPosition: {}
+  },
+  emits: ["done"],
+  setup(x, { emit: I }) {
+    const y = x, $ = I, P = Y("editor"), H = Y("themeStyles"), {
+      mergeTags: lt,
+      isEnabled: N,
+      isRequesting: pt,
+      requestMergeTag: rt,
+      syntax: O
+    } = ft(), D = R(!1), b = R(""), {
+      categories: it,
+      isOpen: q,
+      toggle: F,
+      close: K
+    } = Ht(), { t: n } = wt();
+    function nt(i) {
+      var t;
+      (t = l.value) == null || t.chain().focus().insertContent(i).run(), K();
+    }
+    const l = G(null), B = G(null), j = R(!0);
+    async function ot() {
+      try {
+        const [
+          { Editor: i },
+          { EditorContent: t },
+          { default: z },
+          { default: L },
+          { default: M },
+          { default: C },
+          { default: E },
+          { default: A },
+          { MergeTagNode: T, LogicMergeTagNode: _ }
+        ] = await Promise.all([
+          import("./index-ZQzHBwkr.js").then((d) => d.aQ),
+          import("./index-D-ygXbc8.js"),
+          import("./index-DbrWKz-e.js"),
+          import("./index-BSc6h5zo.js"),
+          import("./index-CrvwWlhN.js"),
+          import("./index-4okvXjqk.js"),
+          import("./index-Ude6e9RU.js"),
+          import("./index-0tWUczNu.js"),
+          import("./index-DeUeHy6g.js")
+        ]);
+        B.value = t;
+        const f = [
+          z.configure({
+            heading: !1,
+            codeBlock: !1,
+            blockquote: !1,
+            horizontalRule: !1
+          }),
+          M,
+          C,
+          E,
+          L.configure({
+            openOnClick: !1,
+            HTMLAttributes: {
+              target: "_blank",
+              rel: "noopener noreferrer"
+            }
+          }),
+          A.configure({
+            types: ["paragraph", "heading"]
+          }),
+          T.configure({
+            mergeTags: lt,
+            syntax: O
+          }),
+          _.configure({
+            syntax: O
+          })
+        ], w = /* @__PURE__ */ new Map();
+        f.forEach((d, h) => w.set(d.name, h));
+        const S = f.filter(
+          (d, h) => w.get(d.name) === h
+        );
+        l.value = new i({
+          extensions: S,
+          content: y.block.content,
+          editable: !0,
+          onUpdate: ({ editor: d }) => {
+            P && P.updateBlock(y.block.id, {
+              content: d.getHTML()
+            });
+          }
+        }), j.value = !1, setTimeout(() => {
+          var d;
+          (d = l.value) == null || d.commands.focus("end");
+        }, 0);
+      } catch (i) {
+        console.error("[TextEditor] Failed to initialize TipTap editor:", i), j.value = !1;
+      }
+    }
+    ot(), bt(
+      () => y.block.content,
+      (i) => {
+        l.value && l.value.getHTML() !== i && l.value.commands.setContent(i, !1);
+      }
+    );
+    function st(i) {
+      if (pt.value) return;
+      const t = i.target;
+      q.value && !t.closest(".tpl-emoji-picker") && K(), !(t.closest(".tpl-text-editor-wrapper") || t.closest(".tpl-text-toolbar") || t.closest(".tpl-link-dialog")) && $("done");
+    }
+    jt(document, "mousedown", st), gt(() => {
+      var i;
+      (i = l.value) == null || i.destroy();
+    });
+    function at() {
+      var t;
+      const i = ((t = l.value) == null ? void 0 : t.getAttributes("link").href) || "";
+      b.value = i, D.value = !0;
+    }
+    function Q() {
+      var i;
+      if (b.value) {
+        const t = b.value.startsWith("http") ? b.value : `https://${b.value}`;
+        (i = l.value) == null || i.chain().focus().extendMarkRange("link").setLink({ href: t }).run();
+      }
+      m();
+    }
+    function dt() {
+      var i;
+      (i = l.value) == null || i.chain().focus().extendMarkRange("link").unsetLink().run(), m();
+    }
+    function m() {
+      D.value = !1, b.value = "";
+    }
+    function ut(i) {
+      i.key === "Enter" ? (i.preventDefault(), Q()) : i.key === "Escape" && m();
+    }
+    async function ct() {
+      var t;
+      const i = await rt();
+      i && l.value ? l.value.chain().focus().insertMergeTag({
+        label: i.label,
+        value: i.value
+      }).run() : (t = l.value) == null || t.commands.focus();
+    }
+    return (i, t) => {
+      var z, L, M, C, E, A, T, _, f, w, S, d, h, W, X;
+      return a(), u("div", Nt, [
+        (a(), U(J, { to: "body" }, [
+          r("div", {
+            class: "tpl tpl-text-toolbar tpl:fixed tpl:z-[9999] 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: Z({
+              ...e(H),
+              top: `${x.toolbarPosition.top}px`,
+              left: `${x.toolbarPosition.left}px`,
+              transform: "translateY(-100%)"
+            })
+          }, [
+            !j.value && l.value ? (a(), u(V, { key: 0 }, [
+              r("button", {
+                type: "button",
+                class: c(["tpl:flex tpl:size-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]", {
+                  "tpl:!bg-[var(--tpl-primary)] tpl:!text-white": (z = l.value) == null ? void 0 : z.isActive("bold")
+                }]),
+                title: e(n).textEditor.bold,
+                onClick: t[0] || (t[0] = (o) => {
+                  var p;
+                  return (p = l.value) == null ? void 0 : p.chain().focus().toggleBold().run();
+                })
+              }, [
+                s(e(Tt), {
+                  size: 16,
+                  "stroke-width": 2.5
+                })
+              ], 10, Ot),
+              r("button", {
+                type: "button",
+                class: c(["tpl:flex tpl:size-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]", {
+                  "tpl:!bg-[var(--tpl-primary)] tpl:!text-white": (L = l.value) == null ? void 0 : L.isActive("italic")
+                }]),
+                title: e(n).textEditor.italic,
+                onClick: t[1] || (t[1] = (o) => {
+                  var p;
+                  return (p = l.value) == null ? void 0 : p.chain().focus().toggleItalic().run();
+                })
+              }, [
+                s(e(_t), {
+                  size: 16,
+                  "stroke-width": 2
+                })
+              ], 10, Ft),
+              r("button", {
+                type: "button",
+                class: c(["tpl:flex tpl:size-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]", {
+                  "tpl:!bg-[var(--tpl-primary)] tpl:!text-white": (M = l.value) == null ? void 0 : M.isActive("underline")
+                }]),
+                title: e(n).textEditor.underline,
+                onClick: t[2] || (t[2] = (o) => {
+                  var p;
+                  return (p = l.value) == null ? void 0 : p.chain().focus().toggleUnderline().run();
+                })
+              }, [
+                s(e(Vt), {
+                  size: 16,
+                  "stroke-width": 2
+                })
+              ], 10, Kt),
+              r("button", {
+                type: "button",
+                class: c(["tpl:flex tpl:size-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]", {
+                  "tpl:!bg-[var(--tpl-primary)] tpl:!text-white": (C = l.value) == null ? void 0 : C.isActive("strike")
+                }]),
+                title: e(n).textEditor.strikethrough,
+                onClick: t[3] || (t[3] = (o) => {
+                  var p;
+                  return (p = l.value) == null ? void 0 : p.chain().focus().toggleStrike().run();
+                })
+              }, [
+                s(e(Bt), {
+                  size: 16,
+                  "stroke-width": 2
+                })
+              ], 10, Qt),
+              t[14] || (t[14] = r("span", { class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]" }, null, -1)),
+              r("button", {
+                type: "button",
+                class: c(["tpl:flex tpl:size-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]", {
+                  "tpl:!bg-[var(--tpl-primary)] tpl:!text-white": (E = l.value) == null ? void 0 : E.isActive("subscript")
+                }]),
+                title: e(n).textEditor.subscript,
+                onClick: t[4] || (t[4] = (o) => {
+                  var p;
+                  return (p = l.value) == null ? void 0 : p.chain().focus().toggleSubscript().run();
+                })
+              }, [
+                s(e(Rt), {
+                  size: 16,
+                  "stroke-width": 2
+                })
+              ], 10, Wt),
+              r("button", {
+                type: "button",
+                class: c(["tpl:flex tpl:size-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]", {
+                  "tpl:!bg-[var(--tpl-primary)] tpl:!text-white": (A = l.value) == null ? void 0 : A.isActive("superscript")
+                }]),
+                title: e(n).textEditor.superscript,
+                onClick: t[5] || (t[5] = (o) => {
+                  var p;
+                  return (p = l.value) == null ? void 0 : p.chain().focus().toggleSuperscript().run();
+                })
+              }, [
+                s(e(Ut), {
+                  size: 16,
+                  "stroke-width": 2
+                })
+              ], 10, Xt),
+              t[15] || (t[15] = r("span", { class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]" }, null, -1)),
+              r("button", {
+                type: "button",
+                class: c(["tpl:flex tpl:size-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]", {
+                  "tpl:!bg-[var(--tpl-primary)] tpl:!text-white": (T = l.value) == null ? void 0 : T.isActive("link")
+                }]),
+                title: e(n).textEditor.addLink,
+                onClick: at
+              }, [
+                s(e(St), {
+                  size: 16,
+                  "stroke-width": 2
+                })
+              ], 10, Yt),
+              t[16] || (t[16] = r("span", { class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]" }, null, -1)),
+              r("button", {
+                type: "button",
+                class: c(["tpl:flex tpl:size-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]", {
+                  "tpl:!bg-[var(--tpl-primary)] tpl:!text-white": (_ = l.value) == null ? void 0 : _.isActive("bulletList")
+                }]),
+                title: e(n).textEditor.bulletList,
+                onClick: t[6] || (t[6] = (o) => {
+                  var p;
+                  return (p = l.value) == null ? void 0 : p.chain().focus().toggleBulletList().run();
+                })
+              }, [
+                s(e($t), {
+                  size: 16,
+                  "stroke-width": 2
+                })
+              ], 10, Gt),
+              r("button", {
+                type: "button",
+                class: c(["tpl:flex tpl:size-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]", {
+                  "tpl:!bg-[var(--tpl-primary)] tpl:!text-white": (f = l.value) == null ? void 0 : f.isActive("orderedList")
+                }]),
+                title: e(n).textEditor.numberedList,
+                onClick: t[7] || (t[7] = (o) => {
+                  var p;
+                  return (p = l.value) == null ? void 0 : p.chain().focus().toggleOrderedList().run();
+                })
+              }, [
+                s(e(It), {
+                  size: 16,
+                  "stroke-width": 2
+                })
+              ], 10, Jt),
+              t[17] || (t[17] = r("span", { class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]" }, null, -1)),
+              r("button", {
+                type: "button",
+                class: c(["tpl:flex tpl:size-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]", {
+                  "tpl:!bg-[var(--tpl-primary)] tpl:!text-white": (w = l.value) == null ? void 0 : w.isActive({
+                    textAlign: "left"
+                  })
+                }]),
+                title: e(n).textEditor.alignLeft,
+                onClick: t[8] || (t[8] = (o) => {
+                  var p;
+                  return (p = l.value) == null ? void 0 : p.chain().focus().setTextAlign("left").run();
+                })
+              }, [
+                s(e(zt), {
+                  size: 16,
+                  "stroke-width": 2
+                })
+              ], 10, Zt),
+              r("button", {
+                type: "button",
+                class: c(["tpl:flex tpl:size-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]", {
+                  "tpl:!bg-[var(--tpl-primary)] tpl:!text-white": (S = l.value) == null ? void 0 : S.isActive({
+                    textAlign: "center"
+                  })
+                }]),
+                title: e(n).textEditor.alignCenter,
+                onClick: t[9] || (t[9] = (o) => {
+                  var p;
+                  return (p = l.value) == null ? void 0 : p.chain().focus().setTextAlign("center").run();
+                })
+              }, [
+                s(e(Lt), {
+                  size: 16,
+                  "stroke-width": 2
+                })
+              ], 10, te),
+              r("button", {
+                type: "button",
+                class: c(["tpl:flex tpl:size-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]", {
+                  "tpl:!bg-[var(--tpl-primary)] tpl:!text-white": (d = l.value) == null ? void 0 : d.isActive({
+                    textAlign: "right"
+                  })
+                }]),
+                title: e(n).textEditor.alignRight,
+                onClick: t[10] || (t[10] = (o) => {
+                  var p;
+                  return (p = l.value) == null ? void 0 : p.chain().focus().setTextAlign("right").run();
+                })
+              }, [
+                s(e(Mt), {
+                  size: 16,
+                  "stroke-width": 2
+                })
+              ], 10, ee),
+              t[18] || (t[18] = r("span", { class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]" }, null, -1)),
+              r("button", {
+                type: "button",
+                class: "tpl:flex tpl:size-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]",
+                title: e(n).textEditor.clearFormatting,
+                onClick: t[11] || (t[11] = (o) => {
+                  var p;
+                  return (p = l.value) == null ? void 0 : p.chain().focus().clearNodes().unsetAllMarks().run();
+                })
+              }, [
+                s(e(Dt), {
+                  size: 16,
+                  "stroke-width": 2
+                })
+              ], 8, le),
+              t[19] || (t[19] = r("span", { class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]" }, null, -1)),
+              r("div", pe, [
+                r("button", {
+                  type: "button",
+                  class: c(["tpl:flex tpl:size-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]", {
+                    "tpl:!bg-[var(--tpl-primary)] tpl:!text-white": e(q)
+                  }]),
+                  title: e(n).textEditor.insertEmoji,
+                  onClick: t[12] || (t[12] = //@ts-ignore
+                  (...o) => e(F) && e(F)(...o))
+                }, [
+                  s(e(qt), {
+                    size: 16,
+                    "stroke-width": 2
+                  })
+                ], 10, re),
+                e(q) ? (a(), u("div", ie, [
+                  (a(!0), u(V, null, tt(e(it), (o) => (a(), u("div", {
+                    key: o.key,
+                    class: "tpl:mb-2 tpl:last:mb-0"
+                  }, [
+                    r("div", ne, g(e(n).emoji[o.key]), 1),
+                    r("div", oe, [
+                      (a(!0), u(V, null, tt(o.emojis, (p) => (a(), u("button", {
+                        key: p,
+                        type: "button",
+                        class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:text-base tpl:transition-all tpl:duration-100 tpl:hover:scale-125 tpl:hover:bg-[var(--tpl-bg-active)]",
+                        onClick: (we) => nt(p)
+                      }, g(p), 9, se))), 128))
+                    ])
+                  ]))), 128))
+                ])) : k("", !0)
+              ]),
+              e(N) ? (a(), u("span", ae)) : k("", !0),
+              e(N) ? (a(), u("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)]",
+                title: e(n).mergeTag.add,
+                onClick: ct
+              }, [
+                s(e(Ct), {
+                  size: 16,
+                  "stroke-width": 2
+                }),
+                et(" " + g(e(n).mergeTag.add), 1)
+              ], 8, de)) : k("", !0)
+            ], 64)) : (a(), u("div", ue, [
+              s(e(At), {
+                class: "tpl-spinner",
+                size: 14,
+                "stroke-width": 2
+              }),
+              t[20] || (t[20] = et(" Loading editor... ", -1))
+            ]))
+          ], 4)
+        ])),
+        j.value ? (a(), u("div", ce, [...t[21] || (t[21] = [
+          r("div", { class: "tpl:animate-pulse tpl:text-zinc-400" }, "Loading...", -1)
+        ])])) : B.value && l.value ? (a(), U(xt(B.value), {
+          key: 1,
+          editor: l.value,
+          class: "tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-indigo-500 tpl:p-2"
+        }, null, 8, ["editor"])) : k("", !0),
+        (a(), U(J, { to: "body" }, [
+          D.value ? (a(), u("div", {
+            key: 0,
+            class: "tpl tpl-link-dialog tpl:fixed tpl:inset-0 tpl:z-[10000] tpl:flex tpl:items-center tpl:justify-center tpl:bg-black/50",
+            style: Z(e(H)),
+            onClick: mt(m, ["self"])
+          }, [
+            r("div", ve, [
+              r("div", be, [
+                r("h4", ge, g((h = l.value) != null && h.isActive("link") ? e(n).linkDialog.editLink : e(n).linkDialog.insertLink), 1),
+                r("button", {
+                  type: "button",
+                  class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
+                  onClick: m
+                }, [
+                  s(e(Et), {
+                    size: 16,
+                    "stroke-width": 2
+                  })
+                ])
+              ]),
+              r("div", xe, [
+                r("div", me, [
+                  r("label", he, g(e(n).linkDialog.urlLabel), 1),
+                  ht(r("input", {
+                    "onUpdate:modelValue": t[13] || (t[13] = (o) => b.value = o),
+                    type: "url",
+                    class: "tpl:w-full tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2.5 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:outline-none tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]",
+                    placeholder: e(n).linkDialog.urlPlaceholder,
+                    autofocus: "",
+                    onKeydown: ut
+                  }, null, 40, ke), [
+                    [kt, b.value]
+                  ])
+                ])
+              ]),
+              r("div", ye, [
+                (W = l.value) != null && W.isActive("link") ? (a(), u("button", {
+                  key: 0,
+                  type: "button",
+                  class: "tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-danger)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-danger)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-danger-light)]",
+                  onClick: dt
+                }, g(e(n).linkDialog.removeLink), 1)) : k("", !0),
+                r("div", fe, [
+                  r("button", {
+                    type: "button",
+                    class: "tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
+                    onClick: m
+                  }, g(e(n).linkDialog.cancel), 1),
+                  r("button", {
+                    type: "button",
+                    class: "tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border-none tpl:bg-[var(--tpl-primary)] tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-white tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)]",
+                    onClick: Q
+                  }, g((X = l.value) != null && X.isActive("link") ? e(n).linkDialog.updateLink : e(n).linkDialog.insertLink), 1)
+                ])
+              ])
+            ])
+          ], 4)) : k("", !0)
+        ]))
+      ]);
+    };
+  }
+});
+export {
+  Ce as default
+};