@editora/plugins 1.0.7 → 1.0.8

package/dist/merge-tag.esm.js

@@ -1,47 +1,130 @@
-const R = {
-  USER: {
-    name: "User",
-    tags: [
-      { key: "first_name", label: "First Name", category: "User", preview: "John" },
-      { key: "last_name", label: "Last Name", category: "User", preview: "Doe" },
-      { key: "email", label: "Email", category: "User", preview: "john@example.com" },
-      { key: "phone", label: "Phone", category: "User", preview: "+1-555-1234" },
-      { key: "full_name", label: "Full Name", category: "User", preview: "John Doe" },
-      { key: "username", label: "Username", category: "User", preview: "johndoe" }
-    ]
-  },
-  COMPANY: {
-    name: "Company",
-    tags: [
-      { key: "company_name", label: "Company Name", category: "Company", preview: "Acme Corp" },
-      { key: "company_address", label: "Company Address", category: "Company", preview: "123 Main St" },
-      { key: "company_phone", label: "Company Phone", category: "Company", preview: "+1-555-0000" },
-      { key: "company_email", label: "Company Email", category: "Company", preview: "info@acme.com" }
-    ]
-  },
-  DATE: {
-    name: "Date",
-    tags: [
-      { key: "today", label: "Today", category: "Date", preview: (/* @__PURE__ */ new Date()).toLocaleDateString() },
-      { key: "tomorrow", label: "Tomorrow", category: "Date", preview: new Date(Date.now() + 864e5).toLocaleDateString() },
-      { key: "next_week", label: "Next Week", category: "Date", preview: new Date(Date.now() + 6048e5).toLocaleDateString() }
-    ]
-  },
-  CUSTOM: {
-    name: "Custom",
-    tags: []
+const h = ".rte-content, .editora-content", Q = '[data-theme="dark"], .dark, .editora-theme-dark', ee = {
+  title: "Insert Merge Tag",
+  searchPlaceholder: "Search merge tags...",
+  emptyStateText: "No merge tags found",
+  cancelText: "Cancel",
+  insertText: "Insert",
+  showPreview: !0
+};
+function te() {
+  return [
+    {
+      id: "USER",
+      name: "User",
+      tags: [
+        { key: "first_name", label: "First Name", category: "User", preview: "John" },
+        { key: "last_name", label: "Last Name", category: "User", preview: "Doe" },
+        { key: "email", label: "Email", category: "User", preview: "john@example.com" },
+        { key: "phone", label: "Phone", category: "User", preview: "+1-555-1234" },
+        { key: "full_name", label: "Full Name", category: "User", preview: "John Doe" },
+        { key: "username", label: "Username", category: "User", preview: "johndoe" }
+      ]
+    },
+    {
+      id: "COMPANY",
+      name: "Company",
+      tags: [
+        { key: "company_name", label: "Company Name", category: "Company", preview: "Acme Corp" },
+        { key: "company_address", label: "Company Address", category: "Company", preview: "123 Main St" },
+        { key: "company_phone", label: "Company Phone", category: "Company", preview: "+1-555-0000" },
+        { key: "company_email", label: "Company Email", category: "Company", preview: "info@acme.com" }
+      ]
+    },
+    {
+      id: "DATE",
+      name: "Date",
+      tags: [
+        { key: "today", label: "Today", category: "Date", preview: (/* @__PURE__ */ new Date()).toLocaleDateString() },
+        { key: "tomorrow", label: "Tomorrow", category: "Date", preview: new Date(Date.now() + 864e5).toLocaleDateString() },
+        { key: "next_week", label: "Next Week", category: "Date", preview: new Date(Date.now() + 6048e5).toLocaleDateString() }
+      ]
+    },
+    {
+      id: "CUSTOM",
+      name: "Custom",
+      tags: []
+    }
+  ];
+}
+function M(t, r) {
+  return t.trim().toUpperCase().replace(/[^A-Z0-9]+/g, "_").replace(/^_+|_+$/g, "") || `CATEGORY_${r + 1}`;
+}
+function re(t, r) {
+  return (t.key || t.value || t.label).trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "") || `tag_${r + 1}`;
+}
+function ne(t) {
+  const r = (() => {
+    if (Array.isArray(t?.categories) && t.categories.length > 0)
+      return t.categories;
+    if (Array.isArray(t?.tags) && t.tags.length > 0) {
+      const c = /* @__PURE__ */ new Map();
+      return t.tags.forEach((d) => {
+        const g = (d.category || "Custom").trim() || "Custom", i = c.get(g);
+        i ? i.push(d) : c.set(g, [d]);
+      }), Array.from(c.entries()).map(([d, g], i) => ({
+        id: M(d, i),
+        name: d,
+        tags: g
+      }));
+    }
+    return te();
+  })(), e = {}, n = [];
+  if (r.forEach((c, d) => {
+    const g = M(c.id || c.name, d);
+    n.push(g), e[g] = {
+      name: c.name,
+      tags: (Array.isArray(c.tags) ? c.tags : []).map((i, b) => {
+        const u = re(i, b), f = (i.category || c.name).trim() || c.name;
+        return {
+          ...i,
+          key: u,
+          category: f,
+          categoryKey: g,
+          searchIndex: `${i.label} ${u} ${f} ${i.description ?? ""} ${i.value ?? ""}`.toLowerCase()
+        };
+      })
+    };
+  }), n.length === 0) {
+    const c = "CUSTOM";
+    n.push(c), e[c] = { name: "Custom", tags: [] };
   }
-}, v = ".rte-content, .editora-content", X = '[data-theme="dark"], .dark, .editora-theme-dark', L = Object.keys(R), Y = L.reduce(
-  (t, e) => (t[e] = R[e].tags.map((r) => ({
-    ...r,
-    searchIndex: `${r.label} ${r.key} ${r.category} ${"description" in r ? r.description ?? "" : ""}`.toLowerCase()
-  })), t),
-  {}
-);
-let B = !1, j = !1, T = null, C = null, y = null, H = !1;
-function A() {
-  if (B || typeof document > "u") return;
-  B = !0;
+  const a = t?.defaultCategory ? M(t.defaultCategory, 0) : null, l = a && n.includes(a) ? a : n[0];
+  return {
+    categoriesByKey: e,
+    categoryKeys: n,
+    defaultCategory: l
+  };
+}
+function ae(t) {
+  const r = t?.tokenTemplate;
+  return typeof r == "function" ? (e) => {
+    const n = r(e);
+    return typeof n == "string" && n.trim() ? n : e.value?.trim() || `{{ ${e.label} }}`;
+  } : typeof r == "string" && r.trim() ? (e) => r.replace(/\{key\}/gi, e.key).replace(/\{label\}/gi, e.label).replace(/\{category\}/gi, e.category).replace(/\{value\}/gi, e.value ?? "") : (e) => e.value?.trim() || `{{ ${e.label} }}`;
+}
+function oe(t) {
+  return {
+    catalog: ne(t),
+    dialog: {
+      ...ee,
+      ...t?.dialog || {}
+    },
+    formatToken: ae(t)
+  };
+}
+let K = !1, P = !1, S = null, N = null, E = null, H = !1;
+function J(t, r) {
+  if (r === t.innerHTML) return;
+  const e = window.execEditorCommand || window.executeEditorCommand;
+  if (typeof e == "function")
+    try {
+      e("recordDomTransaction", t, r, t.innerHTML);
+    } catch {
+    }
+}
+function R() {
+  if (K || typeof document > "u") return;
+  K = !0;
   const t = document.createElement("style");
   t.id = "merge-tag-plugin-styles", t.textContent = `
     .rte-merge-tag-overlay {
@@ -93,19 +176,54 @@ function A() {
     }
 
     .rte-merge-tag-header { padding: 16px; border-bottom: 1px solid var(--rte-mt-border); display:flex; justify-content:space-between; align-items:center; }
-    .rte-merge-tag-body { padding: 16px; overflow-y:auto; flex:1; }
-    .rte-merge-tag-input { width:100%; padding:10px; border:1px solid var(--rte-mt-border); border-radius:4px; background:var(--rte-mt-subtle-bg); color:var(--rte-mt-dialog-text); }
-    .rte-merge-tag-tabs { display:flex; gap:8px; margin: 12px 0; }
+    .rte-merge-tag-body {
+      padding: 16px;
+      flex: 1;
+      min-height: 0;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+    }
+    .rte-merge-tag-input {
+      width:100%;
+      padding:11px 12px;
+      border:1px solid var(--rte-mt-border);
+      border-radius:6px;
+      background:var(--rte-mt-subtle-bg);
+      color:var(--rte-mt-dialog-text);
+      font-size:14px;
+      line-height:1.45;
+      box-sizing:border-box;
+    }
+    .rte-merge-tag-tabs { display:flex; flex-wrap: wrap; gap:8px; margin: 12px 0; }
     .rte-merge-tag-tab { padding:8px 12px; background:none; border:none; cursor:pointer; color:var(--rte-mt-muted-text); border-bottom:3px solid transparent; }
     .rte-merge-tag-tab.active { color:var(--rte-mt-accent); border-bottom-color:var(--rte-mt-accent); }
-    .rte-merge-tag-list { border:1px solid var(--rte-mt-border); border-radius:4px; max-height:300px; overflow-y:auto; margin-bottom:12px; background:var(--rte-mt-subtle-bg); }
-    .rte-merge-tag-item { padding:8px 12px; border-bottom:1px solid var(--rte-mt-border); cursor:pointer; transition:background-color 0.16s; color:var(--rte-mt-dialog-text); }
+    .rte-merge-tag-list {
+      border:1px solid var(--rte-mt-border);
+      border-radius:4px;
+      flex: 1;
+      min-height: 180px;
+      max-height: 300px;
+      overflow-y:auto;
+      overflow-x:hidden;
+      margin-bottom:12px;
+      background:var(--rte-mt-subtle-bg);
+    }
+    .rte-merge-tag-item {
+      padding:8px 12px;
+      border-bottom:1px solid var(--rte-mt-border);
+      cursor:pointer;
+      transition:background-color 0.16s;
+      color:var(--rte-mt-dialog-text);
+      overflow-wrap:anywhere;
+      word-break:break-word;
+    }
     .rte-merge-tag-item:last-child { border-bottom: none; }
     .rte-merge-tag-item.selected, .rte-merge-tag-item:hover { background-color:var(--rte-mt-subtle-hover); }
     .rte-merge-tag-item-label { font-weight: 600; }
-    .rte-merge-tag-item-preview { font-size: 12px; color: var(--rte-mt-muted-text); margin-top: 2px; }
+    .rte-merge-tag-item-preview { font-size: 12px; color: var(--rte-mt-muted-text); margin-top: 2px; overflow-wrap:anywhere; word-break:break-word; }
     .rte-merge-tag-empty { padding: 24px; text-align: center; color: var(--rte-mt-muted-text); }
-    .rte-merge-tag-preview { padding:8px; background:var(--rte-mt-subtle-bg); border-radius:4px; font-family:monospace; font-size:12px; color:var(--rte-mt-dialog-text); }
+    .rte-merge-tag-preview { padding:8px; background:var(--rte-mt-subtle-bg); border-radius:4px; font-family:monospace; font-size:12px; color:var(--rte-mt-dialog-text); overflow-wrap:anywhere; word-break:break-word; }
     .rte-merge-tag-footer { padding:12px 16px; border-top:1px solid var(--rte-mt-border); display:flex; gap:8px; justify-content:flex-end; background:var(--rte-mt-subtle-bg); }
     .rte-merge-tag-btn-primary { padding:8px 16px; border:none; border-radius:4px; background:var(--rte-mt-accent); color:#fff; cursor:pointer; }
     .rte-merge-tag-btn-primary:hover { background: var(--rte-mt-accent-strong); }
@@ -134,263 +252,272 @@ function A() {
     }
   `, document.head.appendChild(t);
 }
-function P() {
-  j || typeof document > "u" || (j = !0, document.addEventListener("focusin", (t) => {
-    const r = t.target?.closest(v);
-    r && (T = r);
+function j() {
+  P || typeof document > "u" || (P = !0, document.addEventListener("focusin", (t) => {
+    const e = t.target?.closest(h);
+    e && (S = e);
   }), document.addEventListener("selectionchange", () => {
-    const t = V();
-    t && (T = t);
+    const t = Y();
+    t && (S = t);
   }));
 }
-function V() {
+function Y() {
   const t = window.getSelection();
   if (!t || t.rangeCount === 0) return null;
-  const r = t.getRangeAt(0).startContainer;
-  return (r.nodeType === Node.ELEMENT_NODE ? r : r.parentElement)?.closest(v) || null;
+  const e = t.getRangeAt(0).startContainer;
+  return (e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement)?.closest(h) || null;
 }
-function J() {
-  const t = V();
+function X() {
+  const t = Y();
   if (t) return t;
-  const r = document.activeElement?.closest(v);
-  return r || (T?.isConnected ? T : document.querySelector(v));
+  const e = document.activeElement?.closest(h);
+  return e || (S?.isConnected ? S : document.querySelector(h));
 }
-function Q(t) {
-  const e = t.parentNode;
-  if (!e) return;
-  const r = window.getSelection();
+function le(t) {
+  const r = t.parentNode;
   if (!r) return;
-  const n = document.createRange(), i = Array.from(e.childNodes).indexOf(t);
-  i < 0 || (n.setStart(e, i), n.setEnd(e, i + 1), r.removeAllRanges(), r.addRange(n));
+  const e = window.getSelection();
+  if (!e) return;
+  const n = document.createRange(), l = Array.from(r.childNodes).indexOf(t);
+  l < 0 || (n.setStart(r, l), n.setEnd(r, l + 1), e.removeAllRanges(), e.addRange(n));
 }
-function $(t, e) {
-  t instanceof Text && t.data.length !== 0 && (e ? (t.data.startsWith(" ") || t.data.startsWith(" ")) && t.deleteData(0, 1) : (t.data.endsWith(" ") || t.data.endsWith(" ")) && t.deleteData(t.data.length - 1, 1), t.data.length === 0 && t.parentNode?.removeChild(t));
+function q(t, r) {
+  t instanceof Text && t.data.length !== 0 && (r ? (t.data.startsWith(" ") || t.data.startsWith(" ")) && t.deleteData(0, 1) : (t.data.endsWith(" ") || t.data.endsWith(" ")) && t.deleteData(t.data.length - 1, 1), t.data.length === 0 && t.parentNode?.removeChild(t));
 }
-function G(t, e) {
-  const r = window.getSelection();
-  if (!r) return;
-  const n = document.createRange(), o = Math.max(0, Math.min(e, t.childNodes.length));
-  n.setStart(t, o), n.collapse(!0), r.removeAllRanges(), r.addRange(n);
+function W(t, r) {
+  const e = window.getSelection();
+  if (!e) return;
+  const n = document.createRange(), a = Math.max(0, Math.min(r, t.childNodes.length));
+  n.setStart(t, a), n.collapse(!0), e.removeAllRanges(), e.addRange(n);
 }
-function Z(t, e) {
-  const r = t.parentNode;
-  if (!r) return !1;
-  const o = Array.from(r.childNodes).indexOf(t);
-  if (o < 0) return !1;
-  const i = t.previousSibling, c = t.nextSibling;
-  r.removeChild(t), e === "Backspace" ? ($(c, !0), G(r, o)) : ($(i, !1), G(r, o));
-  const d = r instanceof HTMLElement ? r.closest(v) : r.parentElement?.closest(v) || null;
-  return d && d.dispatchEvent(new Event("input", { bubbles: !0 })), !0;
+function ce(t, r) {
+  const e = t.closest(h), n = e?.innerHTML ?? "", a = t.parentNode;
+  if (!a) return !1;
+  const c = Array.from(a.childNodes).indexOf(t);
+  if (c < 0) return !1;
+  const d = t.previousSibling, g = t.nextSibling;
+  return a.removeChild(t), r === "Backspace" ? (q(g, !0), W(a, c)) : (q(d, !1), W(a, c)), e && (J(e, n), e.dispatchEvent(new Event("input", { bubbles: !0 }))), !0;
 }
-function ee(t) {
+function ie(t) {
   if (t.collapsed || !(t.startContainer instanceof HTMLElement || t.startContainer instanceof Text) || t.startContainer !== t.endContainer || t.endOffset !== t.startOffset + 1) return null;
-  const e = t.startContainer;
-  if (!(e instanceof Element || e instanceof DocumentFragment)) return null;
-  const r = e.childNodes[t.startOffset];
-  return r instanceof HTMLElement && r.classList.contains("rte-merge-tag") ? r : null;
+  const r = t.startContainer;
+  if (!(r instanceof Element || r instanceof DocumentFragment)) return null;
+  const e = r.childNodes[t.startOffset];
+  return e instanceof HTMLElement && e.classList.contains("rte-merge-tag") ? e : null;
 }
-function te(t, e) {
+function se(t, r) {
   if (!t.collapsed) return null;
-  const { startContainer: r, startOffset: n } = t, o = (i) => i instanceof HTMLElement && i.classList.contains("rte-merge-tag") ? i : null;
-  if (r.nodeType === Node.ELEMENT_NODE) {
-    const i = r;
-    return e === "Backspace" && n > 0 ? o(i.childNodes[n - 1] || null) : e === "Delete" ? o(i.childNodes[n] || null) : null;
+  const { startContainer: e, startOffset: n } = t, a = (l) => l instanceof HTMLElement && l.classList.contains("rte-merge-tag") ? l : null;
+  if (e.nodeType === Node.ELEMENT_NODE) {
+    const l = e;
+    return r === "Backspace" && n > 0 ? a(l.childNodes[n - 1] || null) : r === "Delete" ? a(l.childNodes[n] || null) : null;
   }
-  if (r.nodeType === Node.TEXT_NODE) {
-    const i = r;
-    return e === "Backspace" ? n === 0 ? o(i.previousSibling) : n === 1 && (i.data[0] === " " || i.data[0] === " ") && i.previousSibling instanceof HTMLElement && i.previousSibling.classList.contains("rte-merge-tag") ? i.previousSibling : null : n === i.data.length ? o(i.nextSibling) : null;
+  if (e.nodeType === Node.TEXT_NODE) {
+    const l = e;
+    return r === "Backspace" ? n === 0 ? a(l.previousSibling) : n === 1 && (l.data[0] === " " || l.data[0] === " ") && l.previousSibling instanceof HTMLElement && l.previousSibling.classList.contains("rte-merge-tag") ? l.previousSibling : null : n === l.data.length ? a(l.nextSibling) : null;
   }
   return null;
 }
-function q() {
+function V() {
   H || typeof document > "u" || (H = !0, document.addEventListener("click", (t) => {
-    const r = t.target?.closest(".rte-merge-tag");
-    if (!r) return;
-    const n = r.closest(v);
-    n && (t.preventDefault(), t.stopPropagation(), n.focus({ preventScroll: !0 }), Q(r));
+    const e = t.target?.closest(".rte-merge-tag");
+    if (!e) return;
+    const n = e.closest(h);
+    n && (t.preventDefault(), t.stopPropagation(), n.focus({ preventScroll: !0 }), le(e));
   }), document.addEventListener("keydown", (t) => {
     if (t.key !== "Backspace" && t.key !== "Delete") return;
-    const e = window.getSelection();
-    if (!e || e.rangeCount === 0) return;
-    const r = e.getRangeAt(0), n = J();
-    if (!n || !n.contains(r.commonAncestorContainer)) return;
-    let o = ee(r);
-    o || (o = te(r, t.key)), o && (t.preventDefault(), t.stopPropagation(), Z(o, t.key));
+    const r = window.getSelection();
+    if (!r || r.rangeCount === 0) return;
+    const e = r.getRangeAt(0), n = X();
+    if (!n || !n.contains(e.commonAncestorContainer)) return;
+    let a = ie(e);
+    a || (a = se(e, t.key)), a && (t.preventDefault(), t.stopPropagation(), ce(a, t.key));
   }));
 }
-function re(t) {
-  return t ? !!t.closest(X) : !1;
+function de(t) {
+  return t ? !!t.closest(Q) : !1;
 }
-function ne() {
-  y && (y(), y = null), C = null;
+function ge() {
+  E && (E(), E = null), N = null;
 }
-function W(t) {
-  const e = document.createRange();
-  return e.selectNodeContents(t), e.collapse(!1), e;
+function G(t) {
+  const r = document.createRange();
+  return r.selectNodeContents(t), r.collapse(!1), r;
 }
-function ae(t, e) {
-  const r = window.getSelection(), n = e ? e.cloneRange() : W(t), i = n.startContainer.isConnected && n.endContainer.isConnected && t.contains(n.commonAncestorContainer) ? n : W(t);
-  return r && (r.removeAllRanges(), r.addRange(i)), i;
+function me(t, r) {
+  const e = window.getSelection(), n = r ? r.cloneRange() : G(t), l = n.startContainer.isConnected && n.endContainer.isConnected && t.contains(n.commonAncestorContainer) ? n : G(t);
+  return e && (e.removeAllRanges(), e.addRange(l)), l;
 }
-function oe(t) {
+function ue(t, r) {
   const e = document.createElement("span");
-  return e.className = "rte-merge-tag", e.setAttribute("contenteditable", "false"), e.setAttribute("data-key", t.key), e.setAttribute("data-category", t.category), e.setAttribute("data-label", t.label), e.setAttribute("aria-label", `Merge tag: ${t.label}`), e.textContent = `{{ ${t.label} }}`, e;
+  e.className = "rte-merge-tag", e.setAttribute("contenteditable", "false"), e.setAttribute("data-key", t.key), e.setAttribute("data-category", t.category), e.setAttribute("data-label", t.label), t.value && e.setAttribute("data-value", t.value);
+  const n = r(t);
+  return e.setAttribute("data-token", n), e.setAttribute("aria-label", `Merge tag: ${t.label}`), e.textContent = n, e;
 }
-function ie(t, e, r) {
-  const n = window.getSelection();
-  if (!n) return !1;
+function fe(t, r, e, n) {
+  const a = window.getSelection();
+  if (!a) return !1;
+  const l = t.innerHTML;
   t.focus({ preventScroll: !0 });
-  const o = ae(t, e), c = (o.startContainer.nodeType === Node.ELEMENT_NODE ? o.startContainer : o.startContainer.parentElement)?.closest(".rte-merge-tag");
-  c && t.contains(c) && (o.setStartAfter(c), o.setEndAfter(c));
+  const c = me(t, r), g = (c.startContainer.nodeType === Node.ELEMENT_NODE ? c.startContainer : c.startContainer.parentElement)?.closest(".rte-merge-tag");
+  g && t.contains(g) && (c.setStartAfter(g), c.setEndAfter(g));
   try {
-    o.deleteContents();
-    const d = oe(r), g = document.createTextNode(" "), u = document.createDocumentFragment();
-    u.appendChild(d), u.appendChild(g), o.insertNode(u);
+    c.deleteContents();
+    const i = ue(e, n), b = document.createTextNode(" "), u = document.createDocumentFragment();
+    u.appendChild(i), u.appendChild(b), c.insertNode(u);
     const f = document.createRange();
-    return f.setStartAfter(g), f.collapse(!0), n.removeAllRanges(), n.addRange(f), t.dispatchEvent(new Event("input", { bubbles: !0 })), !0;
-  } catch (d) {
-    return console.error("Failed to insert merge tag:", d), !1;
+    return f.setStartAfter(b), f.collapse(!0), a.removeAllRanges(), a.addRange(f), J(t, l), t.dispatchEvent(new Event("input", { bubbles: !0 })), !0;
+  } catch (i) {
+    return console.error("Failed to insert merge tag:", i), !1;
   }
 }
-function le(t, e) {
-  const r = Y[t], n = e.trim().toLowerCase();
-  return n ? r.filter((o) => o.searchIndex.includes(n)) : r;
+function pe(t, r, e) {
+  const n = t.catalog.categoriesByKey[r]?.tags || [], a = e.trim().toLowerCase();
+  return a ? n.filter((l) => l.searchIndex.includes(a)) : n;
 }
-function se(t) {
-  ne(), A();
+function be(t, r) {
+  ge(), R();
   const e = {
-    category: "USER",
+    category: r.catalog.defaultCategory,
     searchTerm: "",
-    filteredTags: Y.USER,
+    filteredTags: r.catalog.categoriesByKey[r.catalog.defaultCategory]?.tags || [],
     selectedIndex: 0,
     savedRange: (() => {
-      const a = window.getSelection();
-      if (!a || a.rangeCount === 0) return null;
-      const l = a.getRangeAt(0);
-      return t.contains(l.commonAncestorContainer) ? l.cloneRange() : null;
+      const o = window.getSelection();
+      if (!o || o.rangeCount === 0) return null;
+      const s = o.getRangeAt(0);
+      return t.contains(s.commonAncestorContainer) ? s.cloneRange() : null;
     })(),
     searchRaf: null
-  }, r = document.createElement("div");
-  r.className = "rte-merge-tag-overlay", r.setAttribute("role", "dialog"), r.setAttribute("aria-modal", "true"), re(t) && r.classList.add("rte-ui-theme-dark");
-  const n = document.createElement("div");
-  n.className = "rte-merge-tag-dialog";
-  const o = document.createElement("div");
-  o.className = "rte-merge-tag-header", o.innerHTML = `
-    <h2 style="margin:0; font-size:18px; font-weight:700;">Insert Merge Tag</h2>
-    <button class="rte-merge-tag-close" aria-label="Close" style="background:none;border:none;color:inherit;cursor:pointer;font-size:20px;">✕</button>
-  `;
-  const i = document.createElement("div");
-  i.className = "rte-merge-tag-body";
-  const c = document.createElement("input");
-  c.type = "text", c.className = "rte-merge-tag-input", c.placeholder = "Search merge tags...", c.setAttribute("aria-label", "Search merge tags");
-  const d = document.createElement("div");
-  d.className = "rte-merge-tag-tabs", L.forEach((a) => {
-    const l = document.createElement("button");
-    l.type = "button", l.className = "rte-merge-tag-tab", l.setAttribute("data-category", a), l.textContent = R[a].name, d.appendChild(l);
-  });
+  }, n = document.createElement("div");
+  n.className = "rte-merge-tag-overlay", n.setAttribute("role", "dialog"), n.setAttribute("aria-modal", "true"), de(t) && n.classList.add("rte-ui-theme-dark");
+  const a = document.createElement("div");
+  a.className = "rte-merge-tag-dialog";
+  const l = document.createElement("div");
+  l.className = "rte-merge-tag-header";
+  const c = document.createElement("h2");
+  c.style.margin = "0", c.style.fontSize = "18px", c.style.fontWeight = "700", c.textContent = r.dialog.title;
+  const d = document.createElement("button");
+  d.className = "rte-merge-tag-close", d.setAttribute("aria-label", "Close"), d.style.background = "none", d.style.border = "none", d.style.color = "inherit", d.style.cursor = "pointer", d.style.fontSize = "20px", d.textContent = "✕", l.appendChild(c), l.appendChild(d);
   const g = document.createElement("div");
-  g.className = "rte-merge-tag-list";
+  g.className = "rte-merge-tag-body";
+  const i = document.createElement("input");
+  i.type = "text", i.className = "rte-merge-tag-input", i.placeholder = r.dialog.searchPlaceholder, i.setAttribute("aria-label", "Search merge tags");
+  const b = document.createElement("div");
+  b.className = "rte-merge-tag-tabs", r.catalog.categoryKeys.forEach((o) => {
+    const s = document.createElement("button");
+    s.type = "button", s.className = "rte-merge-tag-tab", s.setAttribute("data-category", o), s.textContent = r.catalog.categoriesByKey[o]?.name || o, b.appendChild(s);
+  });
   const u = document.createElement("div");
-  u.className = "rte-merge-tag-preview", i.appendChild(c), i.appendChild(d), i.appendChild(g), i.appendChild(u);
+  u.className = "rte-merge-tag-list";
   const f = document.createElement("div");
-  f.className = "rte-merge-tag-footer";
-  const x = document.createElement("button");
-  x.type = "button", x.className = "rte-merge-tag-btn-secondary", x.textContent = "Cancel";
-  const p = document.createElement("button");
-  p.type = "button", p.className = "rte-merge-tag-btn-primary", p.textContent = "Insert", f.appendChild(x), f.appendChild(p), n.appendChild(o), n.appendChild(i), n.appendChild(f), r.appendChild(n), document.body.appendChild(r), C = r;
-  const D = () => {
-    d.querySelectorAll(".rte-merge-tag-tab").forEach((l) => {
-      const m = l.dataset.category === e.category;
-      l.classList.toggle("active", m);
+  f.className = "rte-merge-tag-preview", g.appendChild(i), g.appendChild(b), g.appendChild(u), g.appendChild(f);
+  const w = document.createElement("div");
+  w.className = "rte-merge-tag-footer";
+  const v = document.createElement("button");
+  v.type = "button", v.className = "rte-merge-tag-btn-secondary", v.textContent = r.dialog.cancelText;
+  const y = document.createElement("button");
+  y.type = "button", y.className = "rte-merge-tag-btn-primary", y.textContent = r.dialog.insertText, w.appendChild(v), w.appendChild(y), a.appendChild(l), a.appendChild(g), a.appendChild(w), n.appendChild(a), document.body.appendChild(n), N = n;
+  const _ = () => {
+    b.querySelectorAll(".rte-merge-tag-tab").forEach((s) => {
+      const p = s.dataset.category === e.category;
+      s.classList.toggle("active", p);
     });
-  }, w = () => {
+  }, L = () => {
     if (e.filteredTags.length === 0) {
       e.selectedIndex = -1;
       return;
     }
     e.selectedIndex < 0 && (e.selectedIndex = 0), e.selectedIndex >= e.filteredTags.length && (e.selectedIndex = e.filteredTags.length - 1);
-  }, I = () => {
-    w();
-    const a = e.selectedIndex >= 0 ? e.filteredTags[e.selectedIndex] : null;
-    if (!a) {
-      u.style.display = "none", p.disabled = !0;
+  }, O = () => {
+    if (!r.dialog.showPreview) {
+      f.style.display = "none", y.disabled = e.filteredTags.length === 0;
       return;
     }
-    u.style.display = "block", u.innerHTML = `<strong>Preview:</strong> {{ ${a.label} }}`, p.disabled = !1;
-  }, K = () => {
-    if (e.selectedIndex < 0) return;
-    g.querySelector(`.rte-merge-tag-item[data-index="${e.selectedIndex}"]`)?.scrollIntoView({ block: "nearest" });
-  }, h = () => {
-    if (e.filteredTags = le(e.category, e.searchTerm), e.filteredTags.length > 0 && e.selectedIndex < 0 && (e.selectedIndex = 0), w(), g.innerHTML = "", e.filteredTags.length === 0) {
-      const l = document.createElement("div");
-      l.className = "rte-merge-tag-empty", l.textContent = "No merge tags found", g.appendChild(l), I();
+    L();
+    const o = e.selectedIndex >= 0 ? e.filteredTags[e.selectedIndex] : null;
+    if (!o) {
+      f.style.display = "none", y.disabled = !0;
       return;
     }
-    const a = document.createDocumentFragment();
-    e.filteredTags.forEach((l, m) => {
+    f.style.display = "block", f.textContent = `Preview: ${r.formatToken(o)}`, y.disabled = !1;
+  }, Z = () => {
+    if (e.selectedIndex < 0) return;
+    u.querySelector(`.rte-merge-tag-item[data-index="${e.selectedIndex}"]`)?.scrollIntoView({ block: "nearest" });
+  }, k = () => {
+    u.querySelector(".rte-merge-tag-item.selected")?.classList.remove("selected"), e.selectedIndex >= 0 && u.querySelector(`.rte-merge-tag-item[data-index="${e.selectedIndex}"]`)?.classList.add("selected"), O(), Z();
+  }, A = () => {
+    if (e.filteredTags = pe(r, e.category, e.searchTerm), e.filteredTags.length > 0 && e.selectedIndex < 0 && (e.selectedIndex = 0), L(), u.innerHTML = "", e.filteredTags.length === 0) {
       const s = document.createElement("div");
-      s.className = "rte-merge-tag-item", s.setAttribute("data-index", String(m)), s.classList.toggle("selected", m === e.selectedIndex);
-      const N = document.createElement("div");
-      if (N.className = "rte-merge-tag-item-label", N.textContent = l.label, s.appendChild(N), l.preview) {
-        const S = document.createElement("div");
-        S.className = "rte-merge-tag-item-preview", S.textContent = l.preview, s.appendChild(S);
+      s.className = "rte-merge-tag-empty", s.textContent = r.dialog.emptyStateText, u.appendChild(s), O();
+      return;
+    }
+    const o = document.createDocumentFragment();
+    e.filteredTags.forEach((s, p) => {
+      const m = document.createElement("div");
+      m.className = "rte-merge-tag-item", m.setAttribute("data-index", String(p)), m.classList.toggle("selected", p === e.selectedIndex);
+      const D = document.createElement("div");
+      if (D.className = "rte-merge-tag-item-label", D.textContent = s.label, m.appendChild(D), s.preview) {
+        const I = document.createElement("div");
+        I.className = "rte-merge-tag-item-preview", I.textContent = s.preview, m.appendChild(I);
       }
-      a.appendChild(s);
-    }), g.appendChild(a), I(), K();
-  }, M = () => {
+      o.appendChild(m);
+    }), u.appendChild(o), k();
+  }, z = () => {
     e.searchRaf !== null && cancelAnimationFrame(e.searchRaf), e.searchRaf = requestAnimationFrame(() => {
-      e.searchRaf = null, e.searchTerm = c.value, e.selectedIndex = 0, h();
+      e.searchRaf = null, e.searchTerm = i.value, e.selectedIndex = 0, A();
     });
-  }, b = () => {
-    e.searchRaf !== null && (cancelAnimationFrame(e.searchRaf), e.searchRaf = null), r.remove(), C === r && (C = null, y = null);
-  }, E = () => {
-    if (w(), e.selectedIndex < 0) return;
-    const a = e.filteredTags[e.selectedIndex];
-    ie(t, e.savedRange, a) && b();
-  }, O = (a) => {
-    const m = a.target.closest(".rte-merge-tag-tab");
-    if (!m) return;
-    const s = m.dataset.category;
-    !s || !L.includes(s) || (e.category = s, e.searchTerm = "", c.value = "", e.selectedIndex = 0, D(), h());
-  }, _ = (a) => {
-    const m = a.target.closest(".rte-merge-tag-item");
-    if (!m) return;
-    const s = Number(m.dataset.index || "-1");
-    Number.isNaN(s) || s < 0 || s >= e.filteredTags.length || (e.selectedIndex = s, h());
-  }, F = (a) => {
-    const m = a.target.closest(".rte-merge-tag-item");
-    if (!m) return;
-    const s = Number(m.dataset.index || "-1");
-    Number.isNaN(s) || s < 0 || s >= e.filteredTags.length || (e.selectedIndex = s, E());
-  }, k = (a) => {
-    if (a.key === "Escape") {
-      a.preventDefault(), b();
+  }, x = () => {
+    e.searchRaf !== null && (cancelAnimationFrame(e.searchRaf), e.searchRaf = null), n.remove(), N === n && (N = null, E = null);
+  }, T = () => {
+    if (L(), e.selectedIndex < 0) return;
+    const o = e.filteredTags[e.selectedIndex];
+    fe(t, e.savedRange, o, r.formatToken) && x();
+  }, F = (o) => {
+    const p = o.target.closest(".rte-merge-tag-tab");
+    if (!p) return;
+    const m = p.dataset.category;
+    !m || !r.catalog.categoriesByKey[m] || (e.category = m, e.searchTerm = "", i.value = "", e.selectedIndex = 0, _(), A());
+  }, B = (o) => {
+    const p = o.target.closest(".rte-merge-tag-item");
+    if (!p) return;
+    const m = Number(p.dataset.index || "-1");
+    Number.isNaN(m) || m < 0 || m >= e.filteredTags.length || (e.selectedIndex = m, k());
+  }, U = (o) => {
+    const p = o.target.closest(".rte-merge-tag-item");
+    if (!p) return;
+    const m = Number(p.dataset.index || "-1");
+    Number.isNaN(m) || m < 0 || m >= e.filteredTags.length || (e.selectedIndex = m, T());
+  }, C = (o) => {
+    if (o.key === "Escape") {
+      o.preventDefault(), x();
       return;
     }
-    if (a.key === "ArrowDown") {
-      if (a.preventDefault(), e.filteredTags.length === 0) return;
-      e.selectedIndex = Math.min(e.filteredTags.length - 1, e.selectedIndex + 1), h();
+    if (o.key === "ArrowDown") {
+      if (o.preventDefault(), e.filteredTags.length === 0) return;
+      e.selectedIndex = Math.min(e.filteredTags.length - 1, e.selectedIndex + 1), k();
       return;
     }
-    if (a.key === "ArrowUp") {
-      if (a.preventDefault(), e.filteredTags.length === 0) return;
-      e.selectedIndex = Math.max(0, e.selectedIndex - 1), h();
+    if (o.key === "ArrowUp") {
+      if (o.preventDefault(), e.filteredTags.length === 0) return;
+      e.selectedIndex = Math.max(0, e.selectedIndex - 1), k();
       return;
     }
-    a.key === "Enter" && (a.preventDefault(), E());
-  }, U = (a) => {
-    a.target === r && b();
-  }, z = o.querySelector(".rte-merge-tag-close");
-  d.addEventListener("click", O), g.addEventListener("click", _), g.addEventListener("dblclick", F), c.addEventListener("input", M), c.addEventListener("keydown", k), r.addEventListener("click", U), n.addEventListener("keydown", k), z?.addEventListener("click", b), x.addEventListener("click", b), p.addEventListener("click", E), y = () => {
-    d.removeEventListener("click", O), g.removeEventListener("click", _), g.removeEventListener("dblclick", F), c.removeEventListener("input", M), c.removeEventListener("keydown", k), r.removeEventListener("click", U), n.removeEventListener("keydown", k), z?.removeEventListener("click", b), x.removeEventListener("click", b), p.removeEventListener("click", E), e.searchRaf !== null && (cancelAnimationFrame(e.searchRaf), e.searchRaf = null), r.remove();
-  }, D(), h(), setTimeout(() => {
-    c.focus();
+    o.key === "Enter" && (o.preventDefault(), T());
+  }, $ = (o) => {
+    o.target === n && x();
+  };
+  b.addEventListener("click", F), u.addEventListener("click", B), u.addEventListener("dblclick", U), i.addEventListener("input", z), i.addEventListener("keydown", C), n.addEventListener("click", $), a.addEventListener("keydown", C), d?.addEventListener("click", x), v.addEventListener("click", x), y.addEventListener("click", T), E = () => {
+    b.removeEventListener("click", F), u.removeEventListener("click", B), u.removeEventListener("dblclick", U), i.removeEventListener("input", z), i.removeEventListener("keydown", C), n.removeEventListener("click", $), a.removeEventListener("keydown", C), d?.removeEventListener("click", x), v.removeEventListener("click", x), y.removeEventListener("click", T), e.searchRaf !== null && (cancelAnimationFrame(e.searchRaf), e.searchRaf = null), n.remove();
+  }, _(), A(), setTimeout(() => {
+    i.focus();
   }, 0);
 }
-const ce = () => ({
+const ye = (t) => ({
   name: "mergeTag",
+  config: t,
   init: () => {
-    A(), P(), q();
+    R(), j(), V();
   },
   toolbar: [
     {
@@ -401,12 +528,12 @@ const ce = () => ({
   ],
   commands: {
     insertMergeTag: () => {
-      A(), P(), q();
-      const t = J();
-      return t ? (se(t), !0) : !1;
+      R(), j(), V();
+      const r = X();
+      return r ? (be(r, oe(t)), !0) : !1;
     }
   }
 });
 export {
-  ce as MergeTagPlugin
+  ye as MergeTagPlugin
 };