fable-editor 1.2.1 → 1.2.2

package/dist/core/index.mjs

@@ -1,4 +1,4 @@
-const K = {
+const et = {
   en: {
     dir: "ltr",
     file: "File",
@@ -53,6 +53,7 @@ const K = {
     aligncenter: "Align center",
     alignright: "Align right",
     alignjustify: "Justify",
+    align: "Align",
     numlist: "Numbered list",
     bullist: "Bullet list",
     forecolor: "Text color",
@@ -244,6 +245,7 @@ const K = {
     aligncenter: "توسيط",
     alignright: "محاذاة لليمين",
     alignjustify: "ضبط",
+    align: "محاذاة",
     numlist: "قائمة رقمية",
     bullist: "قائمة نقطية",
     forecolor: "لون النص",
@@ -383,9 +385,9 @@ const K = {
   }
 };
 function R(p) {
-  return K[p];
+  return et[p];
 }
-const J = "undo redo | preview print | importword revhistory | fontfamily fontsize | fontsizeincrease fontsizedecrease | bold italic underline strikethrough | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist | outdent indent | link blockquote code changecase lineheight wordspacing letterspacing | removeformat | blocks | ltr rtl | quickimage quickvideo quicktable codesample template charmap emoji | fullscreen sourcecode", tt = "file edit view insert format tools table help", et = [
+const it = "undo redo | preview print | importword revhistory | fontfamily fontsize | fontsizeincrease fontsizedecrease | bold italic underline strikethrough | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist | outdent indent | link blockquote code changecase lineheight wordspacing letterspacing | removeformat | blocks | ltr rtl | quickimage quickvideo quicktable codesample template charmap emoji | fullscreen sourcecode", st = "file edit view insert format tools table help", lt = [
   ["Andale Mono", "andale mono,times"],
   ["Arial", "arial,helvetica,sans-serif"],
   ["Arial Black", "arial black,avant garde"],
@@ -405,7 +407,7 @@ const J = "undo redo | preview print | importword revhistory | fontfamily fontsi
   ["Verdana", "verdana,geneva"],
   ["Webdings", "webdings"],
   ["Wingdings", "wingdings,zapf dingbats"]
-], it = ["8px", "9px", "10px", "11px", "12px", "14px", "16px", "18px", "20px", "24px", "28px", "32px", "36px", "48px", "72px", "96px"], st = 1, lt = 100, ot = ["1", "1.15", "1.4", "1.5", "1.75", "2", "2.5", "3"], nt = ["1px", "2px", "4px", "6px", "8px", "12px"], rt = ["0.5px", "1px", "1.5px", "2px", "3px", "4px"], _ = [
+], ot = ["8px", "9px", "10px", "11px", "12px", "14px", "16px", "18px", "20px", "24px", "28px", "32px", "36px", "48px", "72px", "96px"], nt = 1, rt = 100, _ = ["1", "1.15", "1.4", "1.5", "1.75", "2", "2.5", "3"], V = ["1px", "2px", "4px", "6px", "8px", "12px"], W = ["0.5px", "1px", "1.5px", "2px", "3px", "4px"], U = [
   ["plain", "Plain text"],
   ["html", "HTML/XML"],
   ["css", "CSS"],
@@ -422,7 +424,7 @@ const J = "undo redo | preview print | importword revhistory | fontfamily fontsi
   ["rust", "Rust"],
   ["sql", "SQL"],
   ["bash", "Bash/Shell"]
-], V = [
+], j = [
   ["p", "para"],
   ["h1", "heading1"],
   ["h2", "heading2"],
@@ -1522,7 +1524,7 @@ const J = "undo redo | preview print | importword revhistory | fontfamily fontsi
       "🇲🇦"
     ]
   }
-], Bt = [
+], Zt = [
   "©",
   "®",
   "™",
@@ -1575,7 +1577,7 @@ const J = "undo redo | preview print | importword revhistory | fontfamily fontsi
   '<path d="M10 6h10M10 12h10M10 18h10"/>' + p.map(
     (e, i) => `<text x="2.5" y="${8.4 + i * 6}" font-size="${t}" stroke="none" fill="#222f3e" font-family="Arial">${e}</text>`
   ).join("")
-), c = {
+), a = {
   bold: f(
     "M272-200v-560h221q65 0 120 40t55 111q0 51-23 78.5T602-491q25 11 55.5 41t30.5 90q0 89-65 124.5T501-200H272Zm121-112h104q48 0 58.5-24.5T566-372q0-11-10.5-35.5T494-432H393v120Zm0-228h93q33 0 48-17t15-38q0-24-17-39t-44-15h-95v109Z"
   ),
@@ -1906,7 +1908,7 @@ const J = "undo redo | preview print | importword revhistory | fontfamily fontsi
   "box-sizing",
   "list-style-type",
   "white-space"
-]), W = {
+]), X = {
   "*": ["dir", "lang", "colspan", "rowspan"],
   a: ["href", "target", "rel", "title"],
   img: ["src", "alt", "width", "height", "title"],
@@ -1945,18 +1947,18 @@ function ft(p) {
     const l = [], o = s[0];
     s.forEach((n) => {
       var x, C, M;
-      const a = +(((x = (n.getAttribute("style") || "").match(/level(\d+)/i)) == null ? void 0 : x[1]) || 1), h = Array.from(n.querySelectorAll("span")).find(
+      const c = +(((x = (n.getAttribute("style") || "").match(/level(\d+)/i)) == null ? void 0 : x[1]) || 1), h = Array.from(n.querySelectorAll("span")).find(
         (w) => /mso-list\s*:\s*ignore/i.test(w.getAttribute("style") || "")
       ), d = h ? ((C = h.textContent) == null ? void 0 : C.trim()) || "" : (((M = n.textContent) == null ? void 0 : M.trim().match(/^\S{1,4}/)) || [""])[0], { ordered: m, style: g } = gt(d);
-      for (h && h.remove(); l.length && l[l.length - 1].level > a; ) l.pop();
-      if (!l.length || l[l.length - 1].level < a) {
+      for (h && h.remove(); l.length && l[l.length - 1].level > c; ) l.pop();
+      if (!l.length || l[l.length - 1].level < c) {
         const w = p.createElement(m ? "ol" : "ul");
         if (m && g && (w.style.listStyleType = g), l.length) {
           const k = l[l.length - 1].list;
           (k.lastElementChild || k).appendChild(w);
         } else
           o.parentNode.insertBefore(w, o);
-        l.push({ list: w, level: a });
+        l.push({ list: w, level: c });
       }
       const u = p.createElement("li"), v = D(n), b = ["text-align", "direction", "unicode-bidi", "color", "font-size", "font-family", "background-color"].filter((w) => v[w]).map((w) => w + ":" + v[w]).join(";");
       for (b && u.setAttribute("style", b), n.getAttribute("dir") && u.setAttribute("dir", n.getAttribute("dir")); n.firstChild; ) u.appendChild(n.firstChild);
@@ -2001,8 +2003,8 @@ function N(p, t) {
       if (s === "font") {
         const r = t.createElement("span");
         i.getAttribute("style") && r.setAttribute("style", i.getAttribute("style")), i.getAttribute("color") && (r.style.color = i.getAttribute("color")), i.getAttribute("face") && (r.style.fontFamily = i.getAttribute("face"));
-        const a = i.getAttribute("size");
-        if (a && !r.style.fontSize) {
+        const c = i.getAttribute("size");
+        if (c && !r.style.fontSize) {
           const h = {
             1: "8pt",
             2: "10pt",
@@ -2012,7 +2014,7 @@ function N(p, t) {
             6: "24pt",
             7: "36pt"
           };
-          h[a] && (r.style.fontSize = h[a]);
+          h[c] && (r.style.fontSize = h[c]);
         }
         for (; i.firstChild; ) r.appendChild(i.firstChild);
         i.replaceWith(r), N(r, t);
@@ -2022,10 +2024,10 @@ function N(p, t) {
       i.remove();
       return;
     }
-    const l = /* @__PURE__ */ new Set([...W["*"] || [], ...W[s] || []]);
+    const l = /* @__PURE__ */ new Set([...X["*"] || [], ...X[s] || []]);
     if (Array.from(i.attributes).forEach((r) => {
-      const a = r.name.toLowerCase();
-      a !== "style" && !l.has(a) && i.removeAttribute(r.name);
+      const c = r.name.toLowerCase();
+      c !== "style" && !l.has(c) && i.removeAttribute(r.name);
     }), s === "a") {
       const r = i.getAttribute("href") || "";
       /^(https?:|mailto:|tel:|#)/i.test(r) || i.removeAttribute("href");
@@ -2033,14 +2035,14 @@ function N(p, t) {
     if (s === "img") {
       const r = i.getAttribute("src") || "";
       if (!/^(https?:|data:image\/|blob:)/i.test(r)) {
-        const a = t.createElement("span");
-        a.textContent = "[local image — paste it separately]", a.setAttribute("style", "color:#a33;font-style:italic;font-size:12px"), i.replaceWith(a);
+        const c = t.createElement("span");
+        c.textContent = "[local image — paste it separately]", c.setAttribute("style", "color:#a33;font-style:italic;font-size:12px"), i.replaceWith(c);
         return;
       }
     }
     const o = D(i), n = [];
-    for (const [r, a] of Object.entries(o))
-      mt.has(r) && (/expression|javascript|url\s*\(\s*['"]?\s*file:/i.test(a) || r === "font-weight" && /^(400|normal)$/i.test(a) || r === "font-style" && /^normal$/i.test(a) || r === "text-decoration" && /^none$/i.test(a) || n.push(r + ":" + a));
+    for (const [r, c] of Object.entries(o))
+      mt.has(r) && (/expression|javascript|url\s*\(\s*['"]?\s*file:/i.test(c) || r === "font-weight" && /^(400|normal)$/i.test(c) || r === "font-style" && /^normal$/i.test(c) || r === "text-decoration" && /^none$/i.test(c) || n.push(r + ":" + c));
     if (n.length ? i.setAttribute("style", n.join(";")) : i.removeAttribute("style"), i.removeAttribute("class"), N(i, t), s === "span" && !i.attributes.length) {
       for (; i.firstChild; ) i.parentNode.insertBefore(i.firstChild, i);
       i.remove();
@@ -2057,8 +2059,8 @@ function yt(p) {
     const o = /([^{}]+)\{([^}]*)\}/g;
     for (; l = o.exec(s); ) {
       const n = l[2].split(";").map((r) => {
-        const a = r.indexOf(":");
-        return a < 1 ? null : [r.slice(0, a).trim().toLowerCase(), r.slice(a + 1).trim()];
+        const c = r.indexOf(":");
+        return c < 1 ? null : [r.slice(0, c).trim().toLowerCase(), r.slice(c + 1).trim()];
       }).filter((r) => !!r && !!r[1]);
       n.length && l[1].split(",").map((r) => r.trim()).filter((r) => r && !r.startsWith("@")).forEach((r) => t.push({ sel: r, decls: n }));
     }
@@ -2077,25 +2079,25 @@ function xt(p, t) {
     }
     l.forEach((o) => {
       let n = e.get(o);
-      n || (n = {}, e.set(o, n)), s.forEach(([r, a]) => {
-        n[r] = a;
+      n || (n = {}, e.set(o, n)), s.forEach(([r, c]) => {
+        n[r] = c;
       });
     });
   }), e.forEach((i, s) => {
     const l = D(s), o = s.hasAttribute("dir"), n = s.hasAttribute("align"), r = Object.entries(i).filter(([d]) => !(d in l || (d === "direction" || d === "unicode-bidi") && o || d === "text-align" && (n || o) || (d === "background" || d === "background-color") && s.hasAttribute("bgcolor")));
     if (!r.length) return;
-    const a = r.map(([d, m]) => d + ":" + m).join(";"), h = s.getAttribute("style");
-    s.setAttribute("style", h ? a + ";" + h : a);
+    const c = r.map(([d, m]) => d + ":" + m).join(";"), h = s.getAttribute("style");
+    s.setAttribute("style", h ? c + ";" + h : c);
   });
 }
-function Y(p) {
+function tt(p) {
   return p.replace(/[ﭐ-﷿ﹰ-ﻼ]+/g, (t) => t.normalize("NFKC"));
 }
 function Ct(p) {
   const t = p.createTreeWalker(p.body, NodeFilter.SHOW_TEXT, null);
   let e;
   for (; e = t.nextNode(); )
-    /[ﭐ-﷿ﹰ-ﻼ]/.test(e.nodeValue || "") && (e.nodeValue = Y(e.nodeValue || ""));
+    /[ﭐ-﷿ﹰ-ﻼ]/.test(e.nodeValue || "") && (e.nodeValue = tt(e.nodeValue || ""));
 }
 function wt(p, t = "ltr") {
   const e = yt(p), i = new DOMParser().parseFromString(ut(p), "text/html");
@@ -2109,7 +2111,7 @@ function wt(p, t = "ltr") {
   return i.body.innerHTML.trim();
 }
 function Tt(p) {
-  const t = Y(p).replace(/\r/g, ""), e = (i) => i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+  const t = tt(p).replace(/\r/g, ""), e = (i) => i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
   return /\n/.test(t) ? t.split(/\n{2,}/).map((i) => `<p dir="auto">${e(i).replace(/\n/g, "<br>") || "<br>"}</p>`).join("") : e(t);
 }
 function Mt(p) {
@@ -2125,12 +2127,12 @@ function Mt(p) {
   let l = t.getUint32(i + 16, !0);
   const o = new TextDecoder();
   for (let n = 0; n < s && t.getUint32(l, !0) === 33639248; n++) {
-    const r = t.getUint16(l + 10, !0), a = t.getUint32(l + 20, !0), h = t.getUint16(l + 28, !0), d = t.getUint16(l + 30, !0), m = t.getUint16(l + 32, !0), g = t.getUint32(l + 42, !0), u = o.decode(new Uint8Array(p, l + 46, h));
-    e.set(u, { name: u, method: r, compSize: a, localOffset: g }), l += 46 + h + d + m;
+    const r = t.getUint16(l + 10, !0), c = t.getUint32(l + 20, !0), h = t.getUint16(l + 28, !0), d = t.getUint16(l + 30, !0), m = t.getUint16(l + 32, !0), g = t.getUint32(l + 42, !0), u = o.decode(new Uint8Array(p, l + 46, h));
+    e.set(u, { name: u, method: r, compSize: c, localOffset: g }), l += 46 + h + d + m;
   }
   return e;
 }
-async function U(p, t) {
+async function Q(p, t) {
   const e = new DataView(p, t.localOffset);
   if (e.getUint32(0, !0) !== 67324752) throw new Error("Bad local header");
   const i = e.getUint16(26, !0), s = e.getUint16(28, !0), l = t.localOffset + 30 + i + s, o = new Uint8Array(p.slice(l, l + t.compSize));
@@ -2139,7 +2141,7 @@ async function U(p, t) {
   const n = new Blob([o]).stream().pipeThrough(new DecompressionStream("deflate-raw"));
   return new Uint8Array(await new Response(n).arrayBuffer());
 }
-const j = (p) => p.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), P = (p, t) => Array.from(p.children).filter((e) => e.localName === t), S = (p, ...t) => {
+const G = (p) => p.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), P = (p, t) => Array.from(p.children).filter((e) => e.localName === t), S = (p, ...t) => {
   let e = p;
   for (const i of t) {
     if (!e) return null;
@@ -2151,12 +2153,12 @@ const j = (p) => p.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&
   for (const e of Array.from(p.attributes))
     if (e.localName === t) return e.value;
   return "";
-}, Z = (p, t) => {
+}, B = (p, t) => {
   const e = p ? S(p, t) : null;
   if (!e) return !1;
   const i = T(e);
   return i !== "false" && i !== "0";
-}, X = {
+}, Y = {
   yellow: "#FFFF00",
   green: "#00FF00",
   cyan: "#00FFFF",
@@ -2226,8 +2228,8 @@ class Lt {
     l ? s = "h" + l[1] : /^Title$/i.test(i) && (s = "h1");
     const o = [], n = T(S(t, "pPr", "jc"));
     n === "center" ? o.push("text-align:center") : n === "right" || n === "end" ? o.push("text-align:right") : (n === "both" || n === "distribute") && o.push("text-align:justify"), e && S(e, "bidi") && o.push("direction:rtl");
-    const r = this.runsOf(t), a = o.length ? ` style="${o.join(";")}"` : "";
-    return `<${s}${a}>${r || "<br>"}</${s}>`;
+    const r = this.runsOf(t), c = o.length ? ` style="${o.join(";")}"` : "";
+    return `<${s}${c}>${r || "<br>"}</${s}>`;
   }
   runsOf(t) {
     let e = "";
@@ -2238,7 +2240,7 @@ class Lt {
         const l = T(i, "anchor");
         !s && l && (s = "#" + l);
         const o = this.runsOf(i);
-        e += s ? `<a href="${j(s)}">${o}</a>` : o;
+        e += s ? `<a href="${G(s)}">${o}</a>` : o;
       } else (i.localName === "smartTag" || i.localName === "ins") && (e += this.runsOf(i));
     return e;
   }
@@ -2246,16 +2248,16 @@ class Lt {
     const e = S(t, "rPr");
     let i = "";
     for (const d of Array.from(t.children))
-      d.localName === "t" ? i += j(d.textContent || "") : d.localName === "br" || d.localName === "cr" ? i += "<br>" : d.localName === "tab" ? i += "&emsp;" : (d.localName === "drawing" || d.localName === "pict" || d.localName === "object") && (i += this.convertImage(d));
+      d.localName === "t" ? i += G(d.textContent || "") : d.localName === "br" || d.localName === "cr" ? i += "<br>" : d.localName === "tab" ? i += "&emsp;" : (d.localName === "drawing" || d.localName === "pict" || d.localName === "object") && (i += this.convertImage(d));
     if (!i) return "";
     const s = [], l = T(e ? S(e, "color") : null);
     l && l !== "auto" && s.push("color:#" + l);
     const o = T(e ? S(e, "highlight") : null);
-    o && X[o] && s.push("background-color:" + X[o]);
+    o && Y[o] && s.push("background-color:" + Y[o]);
     const n = parseFloat(T(e ? S(e, "sz") : null));
     n && s.push("font-size:" + Math.round(n / 2 * (4 / 3)) + "px");
-    const r = e ? S(e, "rFonts") : null, a = T(r, "ascii") || T(r, "cs");
-    a && s.push(`font-family:'${a}'`), s.length && (i = `<span style="${s.join(";")}">${i}</span>`), Z(e, "b") && (i = `<strong>${i}</strong>`), Z(e, "i") && (i = `<em>${i}</em>`), Z(e, "u") && T(S(e, "u")) !== "none" && (i = `<u>${i}</u>`), Z(e, "strike") && (i = `<s>${i}</s>`);
+    const r = e ? S(e, "rFonts") : null, c = T(r, "ascii") || T(r, "cs");
+    c && s.push(`font-family:'${c}'`), s.length && (i = `<span style="${s.join(";")}">${i}</span>`), B(e, "b") && (i = `<strong>${i}</strong>`), B(e, "i") && (i = `<em>${i}</em>`), B(e, "u") && T(S(e, "u")) !== "none" && (i = `<u>${i}</u>`), B(e, "strike") && (i = `<s>${i}</s>`);
     const h = T(e ? S(e, "vertAlign") : null);
     return h === "superscript" ? i = `<sup>${i}</sup>` : h === "subscript" && (i = `<sub>${i}</sub>`), i;
   }
@@ -2293,7 +2295,7 @@ class Lt {
 async function Ht(p) {
   const t = p instanceof ArrayBuffer ? p : await p.arrayBuffer(), e = Mt(t), i = new TextDecoder(), s = async (u) => {
     const v = e.get(u);
-    return v ? new DOMParser().parseFromString(i.decode(await U(t, v)), "application/xml") : null;
+    return v ? new DOMParser().parseFromString(i.decode(await Q(t, v)), "application/xml") : null;
   }, l = await s("word/document.xml"), o = l == null ? void 0 : l.getElementsByTagName("*");
   let n = null;
   if (o) {
@@ -2304,21 +2306,21 @@ async function Ht(p) {
       }
   }
   if (!n) throw new Error("word/document.xml missing or invalid");
-  const r = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), h = await s("word/_rels/document.xml.rels");
+  const r = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), h = await s("word/_rels/document.xml.rels");
   if (h)
     for (const u of Array.from(h.getElementsByTagName("*"))) {
       if (u.localName !== "Relationship") continue;
       const v = u.getAttribute("Id") || "", b = u.getAttribute("Target") || "", x = u.getAttribute("Type") || "";
-      /hyperlink/i.test(x) ? r.set(v, b) : /image/i.test(x) && a.set(v, b);
+      /hyperlink/i.test(x) ? r.set(v, b) : /image/i.test(x) && c.set(v, b);
     }
   const d = /* @__PURE__ */ new Map();
-  for (const [u, v] of a) {
+  for (const [u, v] of c) {
     const b = v.startsWith("/") ? v.slice(1) : "word/" + v.replace(/^\.\//, ""), x = e.get(b);
     if (!x) continue;
     const C = (b.split(".").pop() || "").toLowerCase(), M = St[C];
     if (M)
       try {
-        d.set(u, `data:${M};base64,${Et(await U(t, x))}`);
+        d.set(u, `data:${M};base64,${Et(await Q(t, x))}`);
       } catch {
       }
   }
@@ -2343,23 +2345,23 @@ const kt = ["nw", "ne", "sw", "se"], F = ["img-left", "img-right", "img-top", "i
   "img-right": "tplimgright",
   "img-top": "tplimgtop",
   "img-center": "tplimgcenter"
-}, At = {
-  "img-left": c.tplleft,
-  "img-right": c.tplright,
-  "img-top": c.tpltop,
-  "img-center": c.tplcenter
-}, It = ".tox,.pop,.tblctx,.imgctx,.selctx,.dlg";
-let E = null, A = null, $ = 0, Q = !1;
-function B() {
-  clearTimeout($), A = null, E && E.classList.remove("show");
+}, It = {
+  "img-left": a.tplleft,
+  "img-right": a.tplright,
+  "img-top": a.tpltop,
+  "img-center": a.tplcenter
+}, At = ".tox,.pop,.tblctx,.imgctx,.selctx,.dlg";
+let E = null, I = null, $ = 0, K = !1;
+function Z() {
+  clearTimeout($), I = null, E && E.classList.remove("show");
 }
 function qt(p) {
   const t = p.dataset.tip;
   if (!t) return;
-  A = p, clearTimeout($);
+  I = p, clearTimeout($);
   const e = E && E.classList.contains("show") ? 60 : 350;
   $ = window.setTimeout(() => {
-    if (A !== p || !document.contains(p)) return;
+    if (I !== p || !document.contains(p)) return;
     E || (E = document.createElement("div"), E.className = "etip", document.body.appendChild(E)), E.textContent = t, E.classList.add("show");
     const i = p.getBoundingClientRect(), s = E.offsetWidth, l = E.offsetHeight;
     let o = i.left + i.width / 2 - s / 2;
@@ -2368,22 +2370,22 @@ function qt(p) {
     n + l > innerHeight - 6 && (n = i.top - l - 7), E.style.left = o + "px", E.style.top = n + "px";
   }, e);
 }
-function Zt() {
-  Q || (Q = !0, document.addEventListener("mouseover", (p) => {
+function Bt() {
+  K || (K = !0, document.addEventListener("mouseover", (p) => {
     const t = p.target, e = t.closest ? t.closest("[title],[data-tip]") : null;
-    if (!e || !e.closest(It) || e.closest(".earea")) {
-      e !== A && B();
+    if (!e || !e.closest(At) || e.closest(".earea")) {
+      e !== I && Z();
       return;
     }
     const i = e.getAttribute("title");
-    i && (e.dataset.tip = i, e.removeAttribute("title"), e.getAttribute("aria-label") || e.setAttribute("aria-label", i)), e !== A && qt(e);
+    i && (e.dataset.tip = i, e.removeAttribute("title"), e.getAttribute("aria-label") || e.setAttribute("aria-label", i)), e !== I && qt(e);
   }), document.addEventListener("mouseout", (p) => {
-    A && !A.contains(p.relatedTarget) && B();
-  }), document.addEventListener("mousedown", B, !0), addEventListener("scroll", B, !0));
+    I && !I.contains(p.relatedTarget) && Z();
+  }), document.addEventListener("mousedown", Z, !0), addEventListener("scroll", Z, !0));
 }
-const I = class I {
+const A = class A {
   constructor(t) {
-    this.lang = "en", this.contentClass = "fable-content-" + I.instanceCounter++, this.contentStyleEl = null, this.savedRange = null, this.foreColor = "#000000", this.backColor = "#FACC15", this.openPop = null, this.openSubEl = null, this.popAnchor = null, this.dlgOvl = null, this.tblActive = null, this.tblCorner = null, this.tblColBars = [], this.tblCtx = null, this.tblCellMark = null, this.tblOpMark = null, this.tblOpMarkKind = null, this.imgActive = null, this.imgHandles = [], this.imgCtx = null, this.imgHideTimer = null, this.phActive = null, this.phCtx = null, this.phUploadTarget = null, this.vidActive = null, this.vidCtx = null, this.vidHideTimer = null, this.vphActive = null, this.vphCtx = null, this.vphUploadTarget = null, this.selCtx = null, this.tbrMore = null, this.tbrExpanded = !1, this.codeActive = null, this.codeCtx = null, this.tplActive = null, this.tplCtx = null, this.revisions = [], this.revTimer = null, this.draftTimer = null, this.draftStorageKey = "", this.listeners = [], this.isDestroyed = !1, this.options = {
+    this.lang = "en", this.contentClass = "fable-content-" + A.instanceCounter++, this.contentStyleEl = null, this.savedRange = null, this.foreColor = "#000000", this.backColor = "#FACC15", this.openPop = null, this.openSubEl = null, this.popAnchor = null, this.dlgOvl = null, this.tblActive = null, this.tblCorner = null, this.tblColBars = [], this.tblCtx = null, this.tblCellMark = null, this.tblOpMark = null, this.tblOpMarkKind = null, this.imgActive = null, this.imgHandles = [], this.imgCtx = null, this.imgHideTimer = null, this.phActive = null, this.phCtx = null, this.phUploadTarget = null, this.vidActive = null, this.vidCtx = null, this.vidHideTimer = null, this.vphActive = null, this.vphCtx = null, this.vphUploadTarget = null, this.selCtx = null, this.tbrMore = null, this.tbrExpanded = !1, this.codeActive = null, this.codeCtx = null, this.tplActive = null, this.tplCtx = null, this.revisions = [], this.revTimer = null, this.draftTimer = null, this.draftStorageKey = "", this.listeners = [], this.isDestroyed = !1, this.options = {
       target: t.target,
       language: t.language || "en",
       height: t.height ?? 302,
@@ -2397,7 +2399,7 @@ const I = class I {
       statusbar: t.statusbar ?? !0,
       readonly: t.readonly ?? !1,
       draftKey: t.draftKey ?? (typeof location < "u" ? location.pathname : "default"),
-      fontFamilyFormats: t.fontFamilyFormats ?? et,
+      fontFamilyFormats: t.fontFamilyFormats ?? lt,
       imageFileTypes: t.imageFileTypes ?? ["image/jpeg", "image/jpg", "image/png", "image/gif", "image/bmp", "image/webp"],
       videoFileTypes: t.videoFileTypes ?? ["video/mp4", "video/webm", "video/ogg"]
     }, this.imageUploadHandler = t.imageUploadHandler, this.onImageUploadError = t.onImageUploadError, this.videoUploadHandler = t.videoUploadHandler, this.onVideoUploadError = t.onVideoUploadError, this.contentStyle = t.contentStyle, this.applyTheme(t), this.lang = this.options.language, this.draftStorageKey = "tmclone-draft:" + this.options.draftKey, this.initDOM(), this.bindEvents(), this.initUI(), this.recordRevision(), this.options.onReady(this);
@@ -2423,7 +2425,7 @@ const I = class I {
       </span>
     `, this.sbHelp = this.statusbar.querySelector(".mid"), this.sbWords = this.statusbar.querySelector(".words");
     const e = this.statusbar.querySelector(".grip");
-    this.bindGrip(e), this.shell.appendChild(this.menubar), this.shell.appendChild(this.toolbar), this.shell.appendChild(this.ed), this.shell.appendChild(this.statusbar), this.contentStyle && (this.contentStyleEl = document.createElement("style"), this.contentStyleEl.textContent = this.scopeContentStyle(this.contentStyle), this.shell.appendChild(this.contentStyleEl)), t.appendChild(this.shell), Zt(), this.options.statusbar || (this.statusbar.style.display = "none"), this.imgInput = document.createElement("input"), this.imgInput.type = "file", this.imgInput.accept = this.options.imageFileTypes.join(","), this.imgInput.style.display = "none", t.appendChild(this.imgInput), this.vidInput = document.createElement("input"), this.vidInput.type = "file", this.vidInput.accept = this.options.videoFileTypes.join(","), this.vidInput.style.display = "none", t.appendChild(this.vidInput), this.docInput = document.createElement("input"), this.docInput.type = "file", this.docInput.accept = ".docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document", this.docInput.style.display = "none", t.appendChild(this.docInput);
+    this.bindGrip(e), this.shell.appendChild(this.menubar), this.shell.appendChild(this.toolbar), this.shell.appendChild(this.ed), this.shell.appendChild(this.statusbar), this.contentStyle && (this.contentStyleEl = document.createElement("style"), this.contentStyleEl.textContent = this.scopeContentStyle(this.contentStyle), this.shell.appendChild(this.contentStyleEl)), t.appendChild(this.shell), Bt(), this.options.statusbar || (this.statusbar.style.display = "none"), this.imgInput = document.createElement("input"), this.imgInput.type = "file", this.imgInput.accept = this.options.imageFileTypes.join(","), this.imgInput.style.display = "none", t.appendChild(this.imgInput), this.vidInput = document.createElement("input"), this.vidInput.type = "file", this.vidInput.accept = this.options.videoFileTypes.join(","), this.vidInput.style.display = "none", t.appendChild(this.vidInput), this.docInput = document.createElement("input"), this.docInput.type = "file", this.docInput.accept = ".docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document", this.docInput.style.display = "none", t.appendChild(this.docInput);
   }
   /** Theme options land as CSS variables on the document root rather than the editor
    *  shell, because dialogs, popups and floating context toolbars are appended to
@@ -2470,14 +2472,14 @@ const I = class I {
       t.preventDefault();
       const e = t.target, i = (l = e.closest) == null ? void 0 : l.call(e, ".img-ph:not(.vid-ph)");
       if (i && this.ed.contains(i) && !this.options.readonly) {
-        const a = Array.from(((o = t.dataTransfer) == null ? void 0 : o.files) || []).find((h) => h.type.startsWith("image/"));
-        a && this.readImageFileInto(a, i);
+        const c = Array.from(((o = t.dataTransfer) == null ? void 0 : o.files) || []).find((h) => h.type.startsWith("image/"));
+        c && this.readImageFileInto(c, i);
         return;
       }
       const s = (n = e.closest) == null ? void 0 : n.call(e, ".vid-ph");
       if (s && this.ed.contains(s) && !this.options.readonly) {
-        const a = Array.from(((r = t.dataTransfer) == null ? void 0 : r.files) || []).find((h) => h.type.startsWith("video/"));
-        a && this.readVideoFileInto(a, s);
+        const c = Array.from(((r = t.dataTransfer) == null ? void 0 : r.files) || []).find((h) => h.type.startsWith("video/"));
+        c && this.readVideoFileInto(c, s);
       }
     }), this.on(this.ed, "dragover", (t) => t.preventDefault()), this.on(this.ed, "mousedown", (t) => {
       var h, d, m, g, u, v, b;
@@ -2493,8 +2495,8 @@ const I = class I {
       n && this.ed.contains(n) && !this.options.readonly ? (t.preventDefault(), this.selectCodeEl(n)) : this.clearCodeSel();
       const r = (v = e.closest) == null ? void 0 : v.call(e, "img");
       r && this.ed.contains(r) && !this.options.readonly ? (t.preventDefault(), this.selectImage(r)) : this.clearImageHandles();
-      const a = (b = e.closest) == null ? void 0 : b.call(e, "video, .video-embed");
-      a && this.ed.contains(a) && !this.options.readonly ? (t.preventDefault(), this.selectVideo(a)) : this.clearVidHandles();
+      const c = (b = e.closest) == null ? void 0 : b.call(e, "video, .video-embed");
+      c && this.ed.contains(c) && !this.options.readonly ? (t.preventDefault(), this.selectVideo(c)) : this.clearVidHandles();
     }), this.on(this.ed, "mouseover", (t) => {
       var i, s;
       if (this.options.readonly) return;
@@ -2692,7 +2694,7 @@ const I = class I {
         hour: "2-digit",
         minute: "2-digit",
         second: "2-digit"
-      }), r = {}, a = (h) => {
+      }), r = {}, c = (h) => {
         o = h, this.revisions.forEach((d, m) => {
           var g;
           return (g = r[m]) == null ? void 0 : g.classList.toggle("on", m === h);
@@ -2702,12 +2704,12 @@ const I = class I {
         const d = this.revisions[h], m = document.createElement("button");
         m.type = "button";
         const g = (new DOMParser().parseFromString(d.html, "text/html").body.textContent || "").trim(), u = g ? g.split(/\s+/).length : 0, v = h === this.revisions.length - 1;
-        m.innerHTML = `<span>${v ? this.t("currentver") : n.format(new Date(d.time))}</span><span class="wc">${u} ${this.t("words")}</span>`, m.addEventListener("click", () => a(h)), r[h] = m, i.appendChild(m);
+        m.innerHTML = `<span>${v ? this.t("currentver") : n.format(new Date(d.time))}</span><span class="wc">${u} ${this.t("words")}</span>`, m.addEventListener("click", () => c(h)), r[h] = m, i.appendChild(m);
       }
       i.append(l), l.addEventListener("click", () => {
         const h = this.revisions[o];
         h && (this.recordRevision(), this.setContent(h.html), this.recordRevision(), this.closeDlg());
-      }), e.append(i, s), t.appendChild(e), a(o);
+      }), e.append(i, s), t.appendChild(e), c(o);
     });
   }
   /* ---------------------------------------------------------- popups / menus */
@@ -2753,7 +2755,7 @@ const I = class I {
         return;
       }
       const s = !!(i.sub || i.subBuild), l = document.createElement("button");
-      l.className = "mi" + (i.on ? " on" : ""), l.innerHTML = `<span class="ic">${i.icon || ""}</span><span class="prev" ${i.previewStyle ? `style="${i.previewStyle}"` : ""}>${i.label}</span>${i.shortcut ? `<span class="sc">${i.shortcut}</span>` : ""}${s ? `<span class="subarrow">${c.chev}</span>` : ""}`, l.addEventListener("click", () => {
+      l.className = "mi" + (i.on ? " on" : ""), l.innerHTML = `<span class="ic">${i.icon || ""}</span><span class="prev" ${i.previewStyle ? `style="${i.previewStyle}"` : ""}>${i.label}</span>${i.shortcut ? `<span class="sc">${i.shortcut}</span>` : ""}${s ? `<span class="subarrow">${a.chev}</span>` : ""}`, l.addEventListener("click", () => {
         i.action && (this.closePop(), i.action());
       }), l.addEventListener("mouseenter", () => {
         var o;
@@ -2771,13 +2773,13 @@ const I = class I {
   }
   /** Font-size increase / decrease step button. */
   stepBtn(t) {
-    const e = t > 0 ? "+" : "−", i = t > 0 ? c.fontsizeup : c.fontsizedown, s = this.tbtn(i, this.t("fontsize") + " " + e, () => this.stepFontSize(t));
+    const e = t > 0 ? "+" : "−", i = t > 0 ? a.fontsizeup : a.fontsizedown, s = this.tbtn(i, this.t("fontsize") + " " + e, () => this.stepFontSize(t));
     return s.addEventListener("mousedown", () => this.saveSel()), s;
   }
   /** Toolbar icon button that opens a popup menu anchored to itself. */
   menuTbtn(t, e, i, s) {
     const l = this.tbtn(t, e, () => i(l), s);
-    return l.classList.add("hasmenu"), l.insertAdjacentHTML("beforeend", c.chev), l.addEventListener("mousedown", () => this.saveSel()), l;
+    return l.classList.add("hasmenu"), l.insertAdjacentHTML("beforeend", a.chev), l.addEventListener("mousedown", () => this.saveSel()), l;
   }
   /** Quick text-color chips plus a "more" chip that opens the full palette. */
   colorChips() {
@@ -2790,7 +2792,7 @@ const I = class I {
       const l = t(this.t("forecolor"));
       return l.style.background = s, l.addEventListener("click", () => this.applyColor("fore", s)), l;
     }), i = t(this.t("forecolor"));
-    return i.classList.add("more"), i.dataset.cb = "fore", i.innerHTML = c.chev, i.addEventListener("click", () => this.colorMenu(i, "fore")), [...e, i];
+    return i.classList.add("more"), i.dataset.cb = "fore", i.innerHTML = a.chev, i.addEventListener("click", () => this.colorMenu(i, "fore")), [...e, i];
   }
   group(...t) {
     const e = document.createElement("div");
@@ -2800,7 +2802,7 @@ const I = class I {
   }
   tsel(t, e, i, s) {
     const l = document.createElement("button");
-    return l.className = "tsel " + t, l.type = "button", l.dataset.id = e, l.innerHTML = `<span class="lbl empty">${i || ""}</span>${c.chev}`, l.addEventListener("mousedown", (o) => {
+    return l.className = "tsel " + t, l.type = "button", l.dataset.id = e, l.innerHTML = `<span class="lbl empty">${i || ""}</span>${a.chev}`, l.addEventListener("mousedown", (o) => {
       o.preventDefault(), this.saveSel();
     }), l.addEventListener("click", () => s(l)), l;
   }
@@ -2813,21 +2815,21 @@ const I = class I {
     s || (this.exec(t === "ol" ? "insertOrderedList" : "insertUnorderedList"), s = (o = this.closestBlock(i.anchorNode)) == null ? void 0 : o.closest(t)), s && (s.style.listStyleType = e), this.saveSel(), this.onChange();
   }
   listMenu(t, e) {
-    var a;
+    var c;
     const i = e === "ol" ? "insertOrderedList" : "insertUnorderedList", s = e === "ol" ? [
-      ["lower-alpha", c.ol_alpha],
-      ["lower-roman", c.ol_roman],
-      ["upper-alpha", c.ol_alphau],
-      ["upper-roman", c.ol_romanu]
+      ["lower-alpha", a.ol_alpha],
+      ["lower-roman", a.ol_roman],
+      ["upper-alpha", a.ol_alphau],
+      ["upper-roman", a.ol_romanu]
     ] : [
-      ["circle", c.ul_circle],
-      ["square", c.ul_square]
-    ], l = this.tArr(e === "ol" ? "liststyles_ol" : "liststyles_ul").slice(1), o = window.getSelection(), n = o ? (a = this.closestBlock(o.anchorNode)) == null ? void 0 : a.closest(e) : null, r = n ? n.style.listStyleType : "";
+      ["circle", a.ul_circle],
+      ["square", a.ul_square]
+    ], l = this.tArr(e === "ol" ? "liststyles_ol" : "liststyles_ul").slice(1), o = window.getSelection(), n = o ? (c = this.closestBlock(o.anchorNode)) == null ? void 0 : c.closest(e) : null, r = n ? n.style.listStyleType : "";
     this.popup(t, (h) => {
       this.menuItems(h, [
         {
           label: this.t(e === "ol" ? "numlist" : "bullist"),
-          icon: e === "ol" ? c.numlist : c.bullist,
+          icon: e === "ol" ? a.numlist : a.bullist,
           on: document.queryCommandState(i),
           action: () => this.exec(i)
         }
@@ -2855,17 +2857,17 @@ const I = class I {
     const l = document.createElement("div");
     l.className = "cfoot";
     const o = /^#[0-9a-f]{6}$/i.test(e) ? e : "#000000", n = document.createElement("div");
-    n.className = "cswatch cur", n.title = this.t("currentcolor"), n.style.background = o, n.innerHTML = c.check;
+    n.className = "cswatch cur", n.title = this.t("currentcolor"), n.style.background = o, n.innerHTML = a.check;
     const r = document.createElement("button");
     r.type = "button", r.className = "cswatch nocolor", r.title = this.t("removecolor"), r.addEventListener("click", () => {
       this.closePop(), i(null);
     });
-    const a = document.createElement("label");
-    a.className = "cswatch cwheel", a.title = this.t("customcolor"), a.innerHTML = c.palette;
+    const c = document.createElement("label");
+    c.className = "cswatch cwheel", c.title = this.t("customcolor"), c.innerHTML = a.palette;
     const h = document.createElement("input");
     h.type = "color", h.value = o, h.addEventListener("change", () => {
       this.closePop(), i(h.value);
-    }), a.appendChild(h), l.append(n, r, a), t.appendChild(l);
+    }), c.appendChild(h), l.append(n, r, c), t.appendChild(l);
   }
   colorMenu(t, e) {
     this.popup(
@@ -2883,30 +2885,26 @@ const I = class I {
   syncColorSwatches(t) {
     t.querySelectorAll("[data-cb=fore]").forEach((e) => e.style.background = this.foreColor), t.querySelectorAll("[data-cb=back]").forEach((e) => e.style.background = this.backColor);
   }
+  fontItems() {
+    return this.options.fontFamilyFormats.map(([t, e]) => ({
+      label: t,
+      previewStyle: `font-family:${e}`,
+      on: this.currentFont() === t,
+      action: () => this.exec("fontName", e)
+    }));
+  }
   fontMenu(t) {
-    this.popup(t, (e) => {
-      this.menuItems(
-        e,
-        this.options.fontFamilyFormats.map(([i, s]) => ({
-          label: i,
-          previewStyle: `font-family:${s}`,
-          on: this.currentFont() === i,
-          action: () => this.exec("fontName", s)
-        }))
-      );
-    });
+    this.popup(t, (e) => this.menuItems(e, this.fontItems()));
+  }
+  sizeItems() {
+    return ot.map((t) => ({
+      label: t,
+      on: this.currentSize() === t,
+      action: () => this.applyFontSize(t)
+    }));
   }
   sizeMenu(t) {
-    this.popup(t, (e) => {
-      this.menuItems(
-        e,
-        it.map((i) => ({
-          label: i,
-          on: this.currentSize() === i,
-          action: () => this.applyFontSize(i)
-        }))
-      );
-    });
+    this.popup(t, (e) => this.menuItems(e, this.sizeItems()));
   }
   /** Font sizing needs a non-collapsed range. With a bare caret, grow the
       selection to the word under it; in an empty spot, select a zero-width
@@ -2926,8 +2924,8 @@ const I = class I {
       for (; n > 0 && /\S/.test(o[n - 1]); ) n--;
       for (; r < o.length && /\S/.test(o[r]); ) r++;
       if (r > n) {
-        const a = document.createRange();
-        a.setStart(i, n), a.setEnd(i, r), t.removeAllRanges(), t.addRange(a), this.savedRange = a.cloneRange();
+        const c = document.createRange();
+        c.setStart(i, n), c.setEnd(i, r), t.removeAllRanges(), t.addRange(c), this.savedRange = c.cloneRange();
         return;
       }
     }
@@ -2952,7 +2950,7 @@ const I = class I {
     this.saveSel(), this.refreshState(), this.onChange();
   }
   stepFontSize(t) {
-    const e = parseInt(this.currentSize(), 10) || 14, i = Math.min(lt, Math.max(st, e + t));
+    const e = parseInt(this.currentSize(), 10) || 14, i = Math.min(rt, Math.max(nt, e + t));
     i !== e && this.applyFontSize(i + "px");
   }
   /* ------------------------------------------------ case / spacing / link */
@@ -2964,21 +2962,22 @@ const I = class I {
     let o;
     for (; o = s.nextNode(); ) i.intersectsNode(o) && l.push(o);
     l.forEach((n) => {
-      const r = n === i.startContainer ? i.startOffset : 0, a = n === i.endContainer ? i.endOffset : n.data.length;
-      if (a <= r) return;
-      const h = n.data.slice(r, a);
+      const r = n === i.startContainer ? i.startOffset : 0, c = n === i.endContainer ? i.endOffset : n.data.length;
+      if (c <= r) return;
+      const h = n.data.slice(r, c);
       let d = h;
-      t === "lower" ? d = h.toLowerCase() : t === "upper" ? d = h.toUpperCase() : d = h.replace(/(^|\s)(\S)/g, (m, g, u) => g + u.toUpperCase()), n.replaceData(r, a - r, d);
+      t === "lower" ? d = h.toLowerCase() : t === "upper" ? d = h.toUpperCase() : d = h.replace(/(^|\s)(\S)/g, (m, g, u) => g + u.toUpperCase()), n.replaceData(r, c - r, d);
     }), this.saveSel(), this.refreshState(), this.onChange();
   }
+  caseItems() {
+    return [
+      { label: this.t("lowercase"), icon: a.lowercaseic, action: () => this.transformCase("lower") },
+      { label: this.t("uppercase"), icon: a.uppercaseic, action: () => this.transformCase("upper") },
+      { label: this.t("capitalize"), icon: a.capitalizeic, action: () => this.transformCase("capitalize") }
+    ];
+  }
   caseMenu(t) {
-    this.popup(t, (e) => {
-      this.menuItems(e, [
-        { label: this.t("lowercase"), icon: c.lowercaseic, action: () => this.transformCase("lower") },
-        { label: this.t("uppercase"), icon: c.uppercaseic, action: () => this.transformCase("upper") },
-        { label: this.t("capitalize"), icon: c.capitalizeic, action: () => this.transformCase("capitalize") }
-      ]);
-    });
+    this.popup(t, (e) => this.menuItems(e, this.caseItems()));
   }
   applyBlockStyle(t, e) {
     this.restoreSel();
@@ -2991,44 +2990,25 @@ const I = class I {
     const e = window.getSelection(), i = e ? this.closestBlock(e.anchorNode) : null;
     return i && i.style[t] || "";
   }
+  blockStyleItems(t, e) {
+    const i = this.currentBlockStyle(t);
+    return [
+      { label: this.t("normal"), on: !i, action: () => this.applyBlockStyle(t, "") },
+      ...e.map((s) => ({
+        label: s,
+        on: i === s,
+        action: () => this.applyBlockStyle(t, s)
+      }))
+    ];
+  }
   lineHeightMenu(t) {
-    const e = this.currentBlockStyle("lineHeight");
-    this.popup(t, (i) => {
-      this.menuItems(i, [
-        { label: this.t("normal"), on: !e, action: () => this.applyBlockStyle("lineHeight", "") },
-        ...ot.map((s) => ({
-          label: s,
-          on: e === s,
-          action: () => this.applyBlockStyle("lineHeight", s)
-        }))
-      ]);
-    });
+    this.popup(t, (e) => this.menuItems(e, this.blockStyleItems("lineHeight", _)));
   }
   wordSpacingMenu(t) {
-    const e = this.currentBlockStyle("wordSpacing");
-    this.popup(t, (i) => {
-      this.menuItems(i, [
-        { label: this.t("normal"), on: !e, action: () => this.applyBlockStyle("wordSpacing", "") },
-        ...nt.map((s) => ({
-          label: s,
-          on: e === s,
-          action: () => this.applyBlockStyle("wordSpacing", s)
-        }))
-      ]);
-    });
+    this.popup(t, (e) => this.menuItems(e, this.blockStyleItems("wordSpacing", V)));
   }
   letterSpacingMenu(t) {
-    const e = this.currentBlockStyle("letterSpacing");
-    this.popup(t, (i) => {
-      this.menuItems(i, [
-        { label: this.t("normal"), on: !e, action: () => this.applyBlockStyle("letterSpacing", "") },
-        ...rt.map((s) => ({
-          label: s,
-          on: e === s,
-          action: () => this.applyBlockStyle("letterSpacing", s)
-        }))
-      ]);
-    });
+    this.popup(t, (e) => this.menuItems(e, this.blockStyleItems("letterSpacing", W)));
   }
   closestAnchor() {
     const t = window.getSelection();
@@ -3080,18 +3060,29 @@ const I = class I {
       i
     );
   }
+  blockItems() {
+    return j.map(([t]) => ({
+      label: this.blockLabel(t),
+      previewStyle: t.startsWith("h") ? `font-weight:700;font-size:${22 - 2 * +t[1]}px` : t === "pre" ? "font-family:monospace" : "",
+      on: this.currentBlock() === t,
+      action: () => this.exec("formatBlock", "<" + t + ">")
+    }));
+  }
   blocksMenu(t) {
-    this.popup(t, (e) => {
-      this.menuItems(
-        e,
-        V.map(([i, s]) => ({
-          label: this.blockLabel(i),
-          previewStyle: i.startsWith("h") ? `font-weight:700;font-size:${22 - 2 * +i[1]}px` : i === "pre" ? "font-family:monospace" : "",
-          on: this.currentBlock() === i,
-          action: () => this.exec("formatBlock", "<" + i + ">")
-        }))
-      );
-    });
+    this.popup(t, (e) => this.menuItems(e, this.blockItems()));
+  }
+  alignItems() {
+    return [
+      ["justifyLeft", "alignleft", a.alignleft],
+      ["justifyCenter", "aligncenter", a.aligncenter],
+      ["justifyRight", "alignright", a.alignright],
+      ["justifyFull", "alignjustify", a.alignjustify]
+    ].map(([e, i, s]) => ({
+      label: this.t(i),
+      icon: s,
+      on: document.queryCommandState(e),
+      action: () => this.exec(e)
+    }));
   }
   blockLabel(t) {
     return t === "p" ? this.t("para") : t === "pre" ? this.t("pre") : this.t("heading") + " " + t[1];
@@ -3110,12 +3101,12 @@ const I = class I {
       const o = [];
       for (let n = 0; n < 8; n++)
         for (let r = 0; r < 10; r++) {
-          const a = document.createElement("span");
-          a.dataset.r = String(n), a.dataset.c = String(r), a.addEventListener("mouseenter", () => {
+          const c = document.createElement("span");
+          c.dataset.r = String(n), c.dataset.c = String(r), c.addEventListener("mouseenter", () => {
             o.forEach((h) => h.classList.toggle("hot", +h.dataset.r <= n && +h.dataset.c <= r)), l.textContent = r + 1 + " × " + (n + 1);
-          }), a.addEventListener("click", () => {
+          }), c.addEventListener("click", () => {
             this.closePop(), this.insertTable(n + 1, r + 1), e == null || e();
-          }), o.push(a), s.appendChild(a);
+          }), o.push(c), s.appendChild(c);
         }
       i.append(s, l), t.appendChild(i);
     }
@@ -3146,61 +3137,61 @@ const I = class I {
    *  behavior changes, just named lookup. Only `forecolor` yields multiple elements
    *  (the quick color chips); everything else yields one. */
   buildToolbarRegistry() {
-    const t = this.tbtn(c.tableic, this.t("quicktable"), () => this.tableGrid(t)), e = {
-      undo: () => this.tbtn(c.undo, this.t("undo"), () => this.exec("undo")),
-      redo: () => this.tbtn(c.redo, this.t("redo"), () => this.exec("redo")),
-      preview: () => this.tbtn(c.prevw, this.t("preview"), () => this.previewDlg()),
-      print: () => this.tbtn(c.printic, this.t("print"), () => this.printDoc()),
-      importword: () => this.tbtn(c.wordic, this.t("importword"), () => this.pickWordDoc()),
-      revhistory: () => this.tbtn(c.historyic, this.t("revhistory"), () => this.revisionDlg()),
+    const t = this.tbtn(a.tableic, this.t("quicktable"), () => this.tableGrid(t)), e = {
+      undo: () => this.tbtn(a.undo, this.t("undo"), () => this.exec("undo")),
+      redo: () => this.tbtn(a.redo, this.t("redo"), () => this.exec("redo")),
+      preview: () => this.tbtn(a.prevw, this.t("preview"), () => this.previewDlg()),
+      print: () => this.tbtn(a.printic, this.t("print"), () => this.printDoc()),
+      importword: () => this.tbtn(a.wordic, this.t("importword"), () => this.pickWordDoc()),
+      revhistory: () => this.tbtn(a.historyic, this.t("revhistory"), () => this.revisionDlg()),
       fontfamily: () => this.tsel("w-font", "fontsel", "", (i) => this.fontMenu(i)),
       fontsize: () => this.tsel("w-size", "sizesel", "", (i) => this.sizeMenu(i)),
       fontsizeincrease: () => this.stepBtn(1),
       fontsizedecrease: () => this.stepBtn(-1),
-      bold: () => this.tbtn(c.bold, this.t("bold"), () => this.exec("bold"), "bold"),
-      italic: () => this.tbtn(c.italic, this.t("italic"), () => this.exec("italic"), "italic"),
-      underline: () => this.tbtn(c.underline, this.t("underline"), () => this.exec("underline"), "underline"),
-      strikethrough: () => this.tbtn(c.strikethrough, this.t("strikethrough"), () => this.exec("strikeThrough"), "strikeThrough"),
+      bold: () => this.tbtn(a.bold, this.t("bold"), () => this.exec("bold"), "bold"),
+      italic: () => this.tbtn(a.italic, this.t("italic"), () => this.exec("italic"), "italic"),
+      underline: () => this.tbtn(a.underline, this.t("underline"), () => this.exec("underline"), "underline"),
+      strikethrough: () => this.tbtn(a.strikethrough, this.t("strikethrough"), () => this.exec("strikeThrough"), "strikeThrough"),
       forecolor: () => this.colorChips(),
       backcolor: () => this.menuTbtn(
-        c.backcolor + '<span class="colorbar" data-cb="back"></span>',
+        a.backcolor + '<span class="colorbar" data-cb="back"></span>',
         this.t("backcolor"),
         (i) => this.colorMenu(i, "back")
       ),
-      alignleft: () => this.tbtn(c.alignleft, this.t("alignleft"), () => this.exec("justifyLeft"), "justifyLeft"),
-      aligncenter: () => this.tbtn(c.aligncenter, this.t("aligncenter"), () => this.exec("justifyCenter"), "justifyCenter"),
-      alignright: () => this.tbtn(c.alignright, this.t("alignright"), () => this.exec("justifyRight"), "justifyRight"),
-      alignjustify: () => this.tbtn(c.alignjustify, this.t("alignjustify"), () => this.exec("justifyFull"), "justifyFull"),
-      bullist: () => this.menuTbtn(c.bullist, this.t("bullist"), (i) => this.listMenu(i, "ul"), "insertUnorderedList"),
-      numlist: () => this.menuTbtn(c.numlist, this.t("numlist"), (i) => this.listMenu(i, "ol"), "insertOrderedList"),
-      outdent: () => this.tbtn(c.outdent, this.t("outdent"), () => this.exec("outdent")),
-      indent: () => this.tbtn(c.indent, this.t("indent"), () => this.exec("indent")),
-      link: () => this.tbtn(c.link, this.t("linkttl"), () => this.linkDlg()),
-      blockquote: () => this.tbtn(c.quote, this.t("quote"), () => this.toggleBlock("blockquote"), "blockquote"),
-      code: () => this.tbtn(c.inlinecodeic, this.t("code"), () => this.toggleInlineCode(), "code"),
-      codesample: () => this.tbtn(c.codesampleic, this.t("codesample"), () => this.codeDlg()),
-      changecase: () => this.menuTbtn(c.caseic, this.t("changecase"), (i) => this.caseMenu(i)),
-      lineheight: () => this.menuTbtn(c.lineheight, this.t("lineheight"), (i) => this.lineHeightMenu(i)),
-      wordspacing: () => this.menuTbtn(c.wordspacing, this.t("wordspacing"), (i) => this.wordSpacingMenu(i)),
-      letterspacing: () => this.menuTbtn(c.letterspacing, this.t("letterspacing"), (i) => this.letterSpacingMenu(i)),
-      removeformat: () => this.tbtn(c.clearformatic, this.t("removeformat"), () => this.exec("removeFormat")),
+      alignleft: () => this.tbtn(a.alignleft, this.t("alignleft"), () => this.exec("justifyLeft"), "justifyLeft"),
+      aligncenter: () => this.tbtn(a.aligncenter, this.t("aligncenter"), () => this.exec("justifyCenter"), "justifyCenter"),
+      alignright: () => this.tbtn(a.alignright, this.t("alignright"), () => this.exec("justifyRight"), "justifyRight"),
+      alignjustify: () => this.tbtn(a.alignjustify, this.t("alignjustify"), () => this.exec("justifyFull"), "justifyFull"),
+      bullist: () => this.menuTbtn(a.bullist, this.t("bullist"), (i) => this.listMenu(i, "ul"), "insertUnorderedList"),
+      numlist: () => this.menuTbtn(a.numlist, this.t("numlist"), (i) => this.listMenu(i, "ol"), "insertOrderedList"),
+      outdent: () => this.tbtn(a.outdent, this.t("outdent"), () => this.exec("outdent")),
+      indent: () => this.tbtn(a.indent, this.t("indent"), () => this.exec("indent")),
+      link: () => this.tbtn(a.link, this.t("linkttl"), () => this.linkDlg()),
+      blockquote: () => this.tbtn(a.quote, this.t("quote"), () => this.toggleBlock("blockquote"), "blockquote"),
+      code: () => this.tbtn(a.inlinecodeic, this.t("code"), () => this.toggleInlineCode(), "code"),
+      codesample: () => this.tbtn(a.codesampleic, this.t("codesample"), () => this.codeDlg()),
+      changecase: () => this.menuTbtn(a.caseic, this.t("changecase"), (i) => this.caseMenu(i)),
+      lineheight: () => this.menuTbtn(a.lineheight, this.t("lineheight"), (i) => this.lineHeightMenu(i)),
+      wordspacing: () => this.menuTbtn(a.wordspacing, this.t("wordspacing"), (i) => this.wordSpacingMenu(i)),
+      letterspacing: () => this.menuTbtn(a.letterspacing, this.t("letterspacing"), (i) => this.letterSpacingMenu(i)),
+      removeformat: () => this.tbtn(a.clearformatic, this.t("removeformat"), () => this.exec("removeFormat")),
       blocks: () => this.tsel("w-block", "blocksel", this.t("para"), (i) => this.blocksMenu(i)),
-      ltr: () => this.tbtn(c.ltr, this.t("ltr"), () => this.setDir("ltr"), "ltr"),
-      rtl: () => this.tbtn(c.rtl, this.t("rtl"), () => this.setDir("rtl"), "rtl"),
-      quickimage: () => this.tbtn(c.image, this.t("quickimage"), () => this.insertImagePlaceholder()),
-      quickvideo: () => this.tbtn(c.video, this.t("quickvideo"), () => this.videoDlg()),
+      ltr: () => this.tbtn(a.ltr, this.t("ltr"), () => this.setDir("ltr"), "ltr"),
+      rtl: () => this.tbtn(a.rtl, this.t("rtl"), () => this.setDir("rtl"), "rtl"),
+      quickimage: () => this.tbtn(a.image, this.t("quickimage"), () => this.insertImagePlaceholder()),
+      quickvideo: () => this.tbtn(a.video, this.t("quickvideo"), () => this.videoDlg()),
       quicktable: () => t,
-      template: () => this.menuTbtn(c.templateic, this.t("template"), (i) => this.templateMenu(i)),
-      charmap: () => this.tbtn(c.charic, this.t("charmap"), () => this.charMap()),
-      emoji: () => this.tbtn(c.emojiic, this.t("emoji"), () => this.emojiMap()),
-      fullscreen: () => this.tbtn(c.fullscreen, this.t("fullscreen"), () => this.toggleFullscreen(), "fullscreen"),
-      sourcecode: () => this.tbtn(c.srcic, this.t("sourcecode"), () => this.sourceDlg())
+      template: () => this.menuTbtn(a.templateic, this.t("template"), (i) => this.templateMenu(i)),
+      charmap: () => this.tbtn(a.charic, this.t("charmap"), () => this.charMap()),
+      emoji: () => this.tbtn(a.emojiic, this.t("emoji"), () => this.emojiMap()),
+      fullscreen: () => this.tbtn(a.fullscreen, this.t("fullscreen"), () => this.toggleFullscreen(), "fullscreen"),
+      sourcecode: () => this.tbtn(a.srcic, this.t("sourcecode"), () => this.sourceDlg())
     };
     return e.styles = e.blocks, e.image = e.quickimage, e.media = e.quickvideo, e.table = e.quicktable, e;
   }
   buildToolbar() {
     this.toolbar.innerHTML = "";
-    const t = this.options.toolbar === !0 ? J : this.options.toolbar, e = this.buildToolbarRegistry();
+    const t = this.options.toolbar === !0 ? it : this.options.toolbar, e = this.buildToolbarRegistry();
     this.parseToolbarString(t).forEach((i) => {
       const s = [];
       i.forEach((l) => {
@@ -3212,7 +3203,7 @@ const I = class I {
         const n = o();
         Array.isArray(n) ? s.push(...n) : s.push(n);
       }), s.length && this.toolbar.appendChild(this.group(...s));
-    }), this.tbrMore = this.tbtn(c.more, this.t("more"), () => {
+    }), this.tbrMore = this.tbtn(a.more, this.t("more"), () => {
       this.tbrExpanded = !this.tbrExpanded, this.updateToolbarOverflow();
     }), this.tbrMore.classList.add("tbr-more"), this.toolbar.appendChild(this.tbrMore), this.syncColorSwatches(this.toolbar), this.updateToolbarOverflow();
   }
@@ -3227,7 +3218,7 @@ const I = class I {
     t.classList.add("tbr-measure");
     const e = t.scrollWidth > t.clientWidth + 1;
     t.classList.remove("tbr-measure");
-    const i = this.shell.offsetWidth < I.TBR_COLLAPSE_MAX;
+    const i = this.shell.offsetWidth < A.TBR_COLLAPSE_MAX;
     if (!e || !i) {
       this.tbrExpanded = !1, t.classList.remove("collapsible", "expanded"), this.tbrMore.classList.remove("on");
       return;
@@ -3242,116 +3233,134 @@ const I = class I {
     this.menubar.innerHTML = "";
     const t = {
       file: [
-        this.mItem("newdoc", c.newic, () => {
+        this.mItem("newdoc", a.newic, () => {
           this.recordRevision(), this.ed.innerHTML = "<p><br></p>", this.onChange();
         }),
         "|",
-        this.mItem("importword", c.wordic, () => this.pickWordDoc()),
-        this.mItem("restoredraft", c.draftic, () => {
+        this.mItem("importword", a.wordic, () => this.pickWordDoc()),
+        this.mItem("restoredraft", a.draftic, () => {
           this.restoreDraft() || alert(this.t("draftempty"));
         }),
-        this.mItem("revhistory", c.historyic, () => this.revisionDlg()),
+        this.mItem("revhistory", a.historyic, () => this.revisionDlg()),
         "|",
-        this.mItem("preview", c.prevw, () => this.previewDlg()),
-        this.mItem("print", c.printic, () => this.printDoc(), "Ctrl+P")
+        this.mItem("preview", a.prevw, () => this.previewDlg()),
+        this.mItem("print", a.printic, () => this.printDoc(), "Ctrl+P")
       ],
       edit: [
-        this.mItem("undo", c.undo, () => this.exec("undo"), "Ctrl+Z"),
-        this.mItem("redo", c.redo, () => this.exec("redo"), "Ctrl+Y"),
+        this.mItem("undo", a.undo, () => this.exec("undo"), "Ctrl+Z"),
+        this.mItem("redo", a.redo, () => this.exec("redo"), "Ctrl+Y"),
         "|",
-        this.mItem("cut", c.cutic, () => this.exec("cut"), "Ctrl+X"),
-        this.mItem("copy", c.copyic, () => this.exec("copy"), "Ctrl+C"),
-        this.mItem("paste", c.pasteic, () => alert(this.t("pastehint")), "Ctrl+V"),
+        this.mItem("cut", a.cutic, () => this.exec("cut"), "Ctrl+X"),
+        this.mItem("copy", a.copyic, () => this.exec("copy"), "Ctrl+C"),
+        this.mItem("paste", a.pasteic, () => alert(this.t("pastehint")), "Ctrl+V"),
         "|",
-        this.mItem("selectall", c.selall, () => this.exec("selectAll"), "Ctrl+A")
+        this.mItem("selectall", a.selall, () => this.exec("selectAll"), "Ctrl+A")
       ],
       view: [
-        this.mItem("fullscreen", c.fullscreen, () => this.toggleFullscreen()),
-        this.mItem("preview", c.prevw, () => this.previewDlg()),
-        this.mItem("sourcecode", c.srcic, () => this.sourceDlg())
+        this.mItem("fullscreen", a.fullscreen, () => this.toggleFullscreen()),
+        this.mItem("preview", a.prevw, () => this.previewDlg()),
+        this.mItem("sourcecode", a.srcic, () => this.sourceDlg())
       ],
       insert: [
-        this.mItem("link", c.link, () => this.linkDlg()),
-        this.mItem("image", c.image, () => this.insertImagePlaceholder()),
-        this.mItem("video", c.video, () => this.videoDlg()),
-        { label: this.t("inserttable"), icon: c.tableic, action: () => this.tableGrid(this.menubar.querySelector('[data-menu-key="table"]') || this.menubar) },
-        this.mItem("codesample", c.codesampleic, () => this.codeDlg()),
-        { label: this.t("template"), icon: c.templateic, subBuild: (s) => this.buildTemplatePickInto(s) },
-        this.mItem("hr", c.hric, () => this.exec("insertHorizontalRule")),
+        this.mItem("link", a.link, () => this.linkDlg()),
+        this.mItem("image", a.image, () => this.insertImagePlaceholder()),
+        this.mItem("video", a.video, () => this.videoDlg()),
+        { label: this.t("inserttable"), icon: a.tableic, action: () => this.tableGrid(this.menubar.querySelector('[data-menu-key="table"]') || this.menubar) },
+        this.mItem("codesample", a.codesampleic, () => this.codeDlg()),
+        { label: this.t("template"), icon: a.templateic, subBuild: (s) => this.buildTemplatePickInto(s) },
+        this.mItem("hr", a.hric, () => this.exec("insertHorizontalRule")),
         "|",
-        this.mItem("charmap", c.charic, () => this.charMap()),
-        this.mItem("emoji", c.emojiic, () => this.emojiMap()),
+        this.mItem("charmap", a.charic, () => this.charMap()),
+        this.mItem("emoji", a.emojiic, () => this.emojiMap()),
         this.mItem(
           "datetime",
-          c.dateic,
+          a.dateic,
           () => this.exec("insertText", (/* @__PURE__ */ new Date()).toLocaleString(this.lang === "ar" ? "ar-AE" : "en-GB"))
         ),
         "|",
         {
           label: this.t("pagebreak"),
-          icon: c.pbic,
+          icon: a.pbic,
           action: () => {
             this.restoreSel(), document.execCommand("insertHTML", !1, '<hr class="pagebreak"><p><br></p>'), this.onChange();
           }
         },
-        this.mItem("nbsp", c.nbspic, () => this.exec("insertText", " "))
+        this.mItem("nbsp", a.nbspic, () => this.exec("insertText", " "))
       ],
       format: [
-        this.mItem("bold", c.bold, () => this.exec("bold"), "Ctrl+B"),
-        this.mItem("italic", c.italic, () => this.exec("italic"), "Ctrl+I"),
-        this.mItem("underline", c.underline, () => this.exec("underline"), "Ctrl+U"),
-        this.mItem("strikethrough", c.strikethrough, () => this.exec("strikeThrough")),
-        this.mItem("superscript", c.superscriptic, () => this.exec("superscript")),
-        this.mItem("subscript", c.subscriptic, () => this.exec("subscript")),
-        this.mItem("code", c.inlinecodeic, () => this.toggleInlineCode()),
+        this.mItem("bold", a.bold, () => this.exec("bold"), "Ctrl+B"),
+        this.mItem("italic", a.italic, () => this.exec("italic"), "Ctrl+I"),
+        this.mItem("underline", a.underline, () => this.exec("underline"), "Ctrl+U"),
+        this.mItem("strikethrough", a.strikethrough, () => this.exec("strikeThrough")),
+        this.mItem("superscript", a.superscriptic, () => this.exec("superscript")),
+        this.mItem("subscript", a.subscriptic, () => this.exec("subscript")),
+        this.mItem("code", a.inlinecodeic, () => this.toggleInlineCode()),
+        this.mItem("quote", a.quote, () => this.toggleBlock("blockquote")),
+        "|",
+        { label: this.t("fontfamily"), subBuild: (s) => this.menuItems(s, this.fontItems()) },
+        { label: this.t("fontsize"), subBuild: (s) => this.menuItems(s, this.sizeItems()) },
+        { label: this.t("blocks"), subBuild: (s) => this.menuItems(s, this.blockItems()) },
+        { label: this.t("align"), subBuild: (s) => this.menuItems(s, this.alignItems()) },
+        { label: this.t("lineheight"), icon: a.lineheight, subBuild: (s) => this.menuItems(s, this.blockStyleItems("lineHeight", _)) },
+        { label: this.t("wordspacing"), icon: a.wordspacing, subBuild: (s) => this.menuItems(s, this.blockStyleItems("wordSpacing", V)) },
+        { label: this.t("letterspacing"), icon: a.letterspacing, subBuild: (s) => this.menuItems(s, this.blockStyleItems("letterSpacing", W)) },
+        "|",
+        { label: this.t("forecolor"), icon: a.palette, subBuild: (s) => this.buildPaletteInto(s, this.foreColor, (l) => this.applyColor("fore", l)) },
+        { label: this.t("backcolor"), icon: a.backcolor, subBuild: (s) => this.buildPaletteInto(s, this.backColor, (l) => this.applyColor("back", l)) },
+        "|",
+        this.mItem("bullist", a.bullist, () => this.exec("insertUnorderedList")),
+        this.mItem("numlist", a.numlist, () => this.exec("insertOrderedList")),
+        this.mItem("outdent", a.outdent, () => this.exec("outdent")),
+        this.mItem("indent", a.indent, () => this.exec("indent")),
+        "|",
+        this.mItem("ltr", a.ltr, () => this.setDir("ltr")),
+        this.mItem("rtl", a.rtl, () => this.setDir("rtl")),
         "|",
-        this.mItem("lowercase", c.lowercaseic, () => this.transformCase("lower")),
-        this.mItem("uppercase", c.uppercaseic, () => this.transformCase("upper")),
-        this.mItem("capitalize", c.capitalizeic, () => this.transformCase("capitalize")),
+        { label: this.t("changecase"), icon: a.caseic, sub: this.caseItems() },
         "|",
-        this.mItem("clearformat", c.clearformatic, () => this.exec("removeFormat"))
+        this.mItem("clearformat", a.clearformatic, () => this.exec("removeFormat"))
       ],
-      tools: [this.mItem("sourcecode", c.srcic, () => this.sourceDlg()), this.mItem("wordcount", c.wcic, () => this.wordCountDlg())],
+      tools: [this.mItem("sourcecode", a.srcic, () => this.sourceDlg()), this.mItem("wordcount", a.wcic, () => this.wordCountDlg())],
       table: [
-        { label: this.t("inserttable"), icon: c.tableic, subBuild: (s) => this.buildTableGridInto(s) },
+        { label: this.t("inserttable"), icon: a.tableic, subBuild: (s) => this.buildTableGridInto(s) },
         "|",
         {
           label: this.t("cell"),
           sub: [
-            { label: this.t("cellprops"), icon: c.tableic, action: () => this.cellPropsDlg() },
-            { label: this.t("cellbg"), icon: c.palette, subBuild: (s) => this.buildCellFillInto(s) }
+            { label: this.t("cellprops"), icon: a.tableic, action: () => this.cellPropsDlg() },
+            { label: this.t("cellbg"), icon: a.palette, subBuild: (s) => this.buildCellFillInto(s) }
           ]
         },
         {
           label: this.t("row"),
           sub: [
-            { label: this.t("rowabove"), icon: c.rowbefore, action: () => this.tableOp("rowabove"), hover: (s) => this.setOpTarget(s ? "row" : null) },
-            { label: this.t("rowbelow"), icon: c.rowafter, action: () => this.tableOp("rowbelow"), hover: (s) => this.setOpTarget(s ? "row" : null) },
-            { label: this.t("delrow"), icon: c.rowdelete, action: () => this.tableOp("delrow"), hover: (s) => this.setOpTarget(s ? "row" : null) },
+            { label: this.t("rowabove"), icon: a.rowbefore, action: () => this.tableOp("rowabove"), hover: (s) => this.setOpTarget(s ? "row" : null) },
+            { label: this.t("rowbelow"), icon: a.rowafter, action: () => this.tableOp("rowbelow"), hover: (s) => this.setOpTarget(s ? "row" : null) },
+            { label: this.t("delrow"), icon: a.rowdelete, action: () => this.tableOp("delrow"), hover: (s) => this.setOpTarget(s ? "row" : null) },
             "|",
-            { label: this.t("moverowup"), icon: c.moverowup, action: () => this.tableMove("rowup"), hover: (s) => this.setOpTarget(s ? "row" : null) },
-            { label: this.t("moverowdown"), icon: c.moverowdown, action: () => this.tableMove("rowdown"), hover: (s) => this.setOpTarget(s ? "row" : null) },
+            { label: this.t("moverowup"), icon: a.moverowup, action: () => this.tableMove("rowup"), hover: (s) => this.setOpTarget(s ? "row" : null) },
+            { label: this.t("moverowdown"), icon: a.moverowdown, action: () => this.tableMove("rowdown"), hover: (s) => this.setOpTarget(s ? "row" : null) },
             "|",
-            { label: this.t("rowprops"), icon: c.tableic, action: () => this.rowPropsDlg(), hover: (s) => this.setOpTarget(s ? "row" : null) }
+            { label: this.t("rowprops"), icon: a.tableic, action: () => this.rowPropsDlg(), hover: (s) => this.setOpTarget(s ? "row" : null) }
           ]
         },
         {
           label: this.t("column"),
           sub: [
-            { label: this.t("colbefore"), icon: c.colbefore, action: () => this.tableOp("colbefore"), hover: (s) => this.setOpTarget(s ? "col" : null) },
-            { label: this.t("colafter"), icon: c.colafter, action: () => this.tableOp("colafter"), hover: (s) => this.setOpTarget(s ? "col" : null) },
-            { label: this.t("delcol"), icon: c.coldelete, action: () => this.tableOp("delcol"), hover: (s) => this.setOpTarget(s ? "col" : null) },
+            { label: this.t("colbefore"), icon: a.colbefore, action: () => this.tableOp("colbefore"), hover: (s) => this.setOpTarget(s ? "col" : null) },
+            { label: this.t("colafter"), icon: a.colafter, action: () => this.tableOp("colafter"), hover: (s) => this.setOpTarget(s ? "col" : null) },
+            { label: this.t("delcol"), icon: a.coldelete, action: () => this.tableOp("delcol"), hover: (s) => this.setOpTarget(s ? "col" : null) },
             "|",
-            { label: this.t("movecolleft"), icon: c.movecolleft, action: () => this.tableMove("colleft"), hover: (s) => this.setOpTarget(s ? "col" : null) },
-            { label: this.t("movecolright"), icon: c.movecolright, action: () => this.tableMove("colright"), hover: (s) => this.setOpTarget(s ? "col" : null) },
+            { label: this.t("movecolleft"), icon: a.movecolleft, action: () => this.tableMove("colleft"), hover: (s) => this.setOpTarget(s ? "col" : null) },
+            { label: this.t("movecolright"), icon: a.movecolright, action: () => this.tableMove("colright"), hover: (s) => this.setOpTarget(s ? "col" : null) },
             "|",
-            { label: this.t("colprops"), icon: c.tableic, action: () => this.colPropsDlg(), hover: (s) => this.setOpTarget(s ? "col" : null) }
+            { label: this.t("colprops"), icon: a.tableic, action: () => this.colPropsDlg(), hover: (s) => this.setOpTarget(s ? "col" : null) }
           ]
         },
         "|",
         {
           label: this.t("tablepropsttl"),
-          icon: c.tableic,
+          icon: a.tableic,
           action: () => {
             const s = this.currentCell();
             if (!s) {
@@ -3361,10 +3370,10 @@ const I = class I {
             this.tblActive = s.closest("table"), this.tablePropsDlg();
           }
         },
-        { label: this.t("deltable"), icon: c.trash, action: () => this.tableOp("deltable") }
+        { label: this.t("deltable"), icon: a.trash, action: () => this.tableOp("deltable") }
       ],
-      help: [this.mItem("helpttl", c.helpic, () => this.helpDlg(), "Alt+0")]
-    }, e = this.options.menubar === !0 ? tt : this.options.menubar, i = /* @__PURE__ */ new Set();
+      help: [this.mItem("helpttl", a.helpic, () => this.helpDlg(), "Alt+0")]
+    }, e = this.options.menubar === !0 ? st : this.options.menubar, i = /* @__PURE__ */ new Set();
     e.split(/\s+/).filter(Boolean).forEach((s) => {
       if (i.has(s)) return;
       if (i.add(s), !t[s]) {
@@ -3379,11 +3388,11 @@ const I = class I {
   }
   /* ---------------------------------------------------------- table ops */
   tableOp(t) {
-    var r, a, h;
+    var r, c, h;
     this.restoreSel();
     const e = window.getSelection();
     if (!e) return;
-    const i = ((r = this.closestBlock(e.anchorNode)) == null ? void 0 : r.closest("td,th")) || (e.anchorNode && e.anchorNode.nodeType === 1 ? (h = (a = e.anchorNode).closest) == null ? void 0 : h.call(a, "td,th") : null);
+    const i = ((r = this.closestBlock(e.anchorNode)) == null ? void 0 : r.closest("td,th")) || (e.anchorNode && e.anchorNode.nodeType === 1 ? (h = (c = e.anchorNode).closest) == null ? void 0 : h.call(c, "td,th") : null);
     if (!i) return;
     const s = i.parentElement, l = i.closest("table"), o = Array.from(s.children).indexOf(i), n = () => {
       const d = s.cloneNode(!1);
@@ -3421,11 +3430,11 @@ const I = class I {
       r && r.after(i);
     }
     t === "colleft" && l > 0 && s.querySelectorAll("tr").forEach((r) => {
-      const a = r.children[l], h = r.children[l - 1];
-      a && h && h.before(a);
+      const c = r.children[l], h = r.children[l - 1];
+      c && h && h.before(c);
     }), t === "colright" && s.querySelectorAll("tr").forEach((r) => {
-      const a = r.children[l], h = r.children[l + 1];
-      a && h && h.after(a);
+      const c = r.children[l], h = r.children[l + 1];
+      c && h && h.after(c);
     });
     const o = document.createRange();
     o.selectNodeContents(e), o.collapse(!0);
@@ -3468,7 +3477,7 @@ const I = class I {
     const t = this.tblActive;
     if (!t) return;
     let e, i, s, l, o;
-    const n = "display:flex;align-items:center;gap:10px;margin:10px 0", r = "width:120px;color:#556;flex:none", a = "flex:1;border:1px solid #cfd6df;border-radius:6px;padding:7px 9px;font:14px inherit", h = t.querySelector("td,th"), d = t.style.width || "", m = h && h.style.padding ? parseFloat(h.style.padding) : "", g = t.style.borderSpacing ? parseFloat(t.style.borderSpacing) : "", u = t.style.borderWidth ? parseFloat(t.style.borderWidth) : "", v = t.style.marginLeft, b = t.style.marginRight, x = v === "auto" && b === "auto" ? "center" : v === "auto" ? "right" : b === "auto" && v === "0" ? "left" : "";
+    const n = "display:flex;align-items:center;gap:10px;margin:10px 0", r = "width:120px;color:#556;flex:none", c = "flex:1;border:1px solid #cfd6df;border-radius:6px;padding:7px 9px;font:14px inherit", h = t.querySelector("td,th"), d = t.style.width || "", m = h && h.style.padding ? parseFloat(h.style.padding) : "", g = t.style.borderSpacing ? parseFloat(t.style.borderSpacing) : "", u = t.style.borderWidth ? parseFloat(t.style.borderWidth) : "", v = t.style.marginLeft, b = t.style.marginRight, x = v === "auto" && b === "auto" ? "center" : v === "auto" ? "right" : b === "auto" && v === "0" ? "left" : "";
     this.dialog(
       this.t("tablepropsttl"),
       (C) => {
@@ -3478,7 +3487,7 @@ const I = class I {
           const H = document.createElement("span");
           H.style.cssText = r, H.textContent = this.t(w), L.append(H, k), C.appendChild(L);
         };
-        e = document.createElement("input"), e.type = "text", e.style.cssText = a, e.placeholder = "e.g. 600px or 100%", e.value = d, M("tblwidth", e), i = document.createElement("input"), i.type = "number", i.min = "0", i.style.cssText = a, i.value = String(m), M("tblcellpadding", i), s = document.createElement("input"), s.type = "number", s.min = "0", s.style.cssText = a, s.value = String(g), M("tblcellspacing", s), l = document.createElement("input"), l.type = "number", l.min = "0", l.style.cssText = a, l.value = String(u), M("tblborder", l), o = document.createElement("select"), o.style.cssText = a, [
+        e = document.createElement("input"), e.type = "text", e.style.cssText = c, e.placeholder = "e.g. 600px or 100%", e.value = d, M("tblwidth", e), i = document.createElement("input"), i.type = "number", i.min = "0", i.style.cssText = c, i.value = String(m), M("tblcellpadding", i), s = document.createElement("input"), s.type = "number", s.min = "0", s.style.cssText = c, s.value = String(g), M("tblcellspacing", s), l = document.createElement("input"), l.type = "number", l.min = "0", l.style.cssText = c, l.value = String(u), M("tblborder", l), o = document.createElement("select"), o.style.cssText = c, [
           ["", "alignnone"],
           ["left", "alignleft"],
           ["center", "aligncenter"],
@@ -3723,7 +3732,7 @@ const I = class I {
       n.className = "chpanel";
       const r = document.createElement("div");
       r.className = "chgrid" + (i ? " emgrid" : ""), n.appendChild(r);
-      const a = (h) => {
+      const c = (h) => {
         o.querySelectorAll("button").forEach((d, m) => d.classList.toggle("on", m === h)), r.innerHTML = "", e[h].chars.forEach((d) => {
           const m = document.createElement("button");
           m.type = "button", m.textContent = d, m.onclick = () => {
@@ -3733,8 +3742,8 @@ const I = class I {
       };
       e.forEach((h, d) => {
         const m = document.createElement("button");
-        m.type = "button", m.textContent = this.t(h.key), m.addEventListener("click", () => a(d)), o.appendChild(m);
-      }), l.append(o, n), s.appendChild(l), a(0);
+        m.type = "button", m.textContent = this.t(h.key), m.addEventListener("click", () => c(d)), o.appendChild(m);
+      }), l.append(o, n), s.appendChild(l), c(0);
     });
   }
   charMap() {
@@ -3754,7 +3763,7 @@ const I = class I {
   }
   /* ---------------------------------------------- image upload placeholder */
   imgPhHTML(t) {
-    return `<div class="img-ph"${t ? ` id="${t}"` : ""} contenteditable="false">${c.image}<span>${this.t("dropimage")}</span></div>`;
+    return `<div class="img-ph"${t ? ` id="${t}"` : ""} contenteditable="false">${a.image}<span>${this.t("dropimage")}</span></div>`;
   }
   insertImagePlaceholder() {
     this.restoreSel();
@@ -3778,11 +3787,11 @@ const I = class I {
     var e;
     const t = this.phCtx;
     t && (t.innerHTML = "", t.append(
-      this.ctxBtn(c.uploadic, this.t("uploadimg"), () => {
+      this.ctxBtn(a.uploadic, this.t("uploadimg"), () => {
         this.phUploadTarget = this.phActive, this.pickImage();
       }),
-      this.ctxBtn(c.link, this.t("imagelink"), () => this.renderPhCtxUrlInput())
-    ), (e = this.phActive) != null && e.closest(".tpl-media") && t.append(this.ctxBtn(c.video, this.t("quickvideo"), () => this.swapPlaceholderKind("video"))), t.append(this.ctxSep(), this.ctxBtn(c.trash, this.t("deleteimg"), () => this.removeImgPlaceholder())), this.positionImgPhCtx());
+      this.ctxBtn(a.link, this.t("imagelink"), () => this.renderPhCtxUrlInput())
+    ), (e = this.phActive) != null && e.closest(".tpl-media") && t.append(this.ctxBtn(a.video, this.t("quickvideo"), () => this.swapPlaceholderKind("video"))), t.append(this.ctxSep(), this.ctxBtn(a.trash, this.t("deleteimg"), () => this.removeImgPlaceholder())), this.positionImgPhCtx());
   }
   /** Swaps a template slot's placeholder between image and video kinds, so the
    *  same media slot can be filled with either. */
@@ -3864,7 +3873,7 @@ const I = class I {
     this.vidInput.value = "", this.vidInput.click();
   }
   vidPhHTML(t) {
-    return `<div class="img-ph vid-ph"${t ? ` id="${t}"` : ""} contenteditable="false">${c.video}<span>${this.t("dropvideo")}</span></div>`;
+    return `<div class="img-ph vid-ph"${t ? ` id="${t}"` : ""} contenteditable="false">${a.video}<span>${this.t("dropvideo")}</span></div>`;
   }
   insertVideoPlaceholder() {
     this.restoreSel();
@@ -3888,11 +3897,11 @@ const I = class I {
     var e;
     const t = this.vphCtx;
     t && (t.innerHTML = "", t.append(
-      this.ctxBtn(c.uploadic, this.t("uploadvideo"), () => {
+      this.ctxBtn(a.uploadic, this.t("uploadvideo"), () => {
         this.vphUploadTarget = this.vphActive, this.pickVideo();
       }),
-      this.ctxBtn(c.link, this.t("videolink"), () => this.renderVphCtxUrlInput())
-    ), (e = this.vphActive) != null && e.closest(".tpl-media") && t.append(this.ctxBtn(c.image, this.t("quickimage"), () => this.swapPlaceholderKind("image"))), t.append(this.ctxSep(), this.ctxBtn(c.trash, this.t("deletevideo"), () => this.removeVphPlaceholder())), this.positionVphCtx());
+      this.ctxBtn(a.link, this.t("videolink"), () => this.renderVphCtxUrlInput())
+    ), (e = this.vphActive) != null && e.closest(".tpl-media") && t.append(this.ctxBtn(a.image, this.t("quickimage"), () => this.swapPlaceholderKind("image"))), t.append(this.ctxSep(), this.ctxBtn(a.trash, this.t("deletevideo"), () => this.removeVphPlaceholder())), this.positionVphCtx());
   }
   renderVphCtxUrlInput() {
     const t = this.vphCtx;
@@ -3985,23 +3994,23 @@ const I = class I {
     e.className = "imgctx", e.dir = this.dir();
     const i = () => {
       var h;
-      const a = this.buildVideoCtxToolbar(t);
-      (h = this.vidCtx) == null || h.replaceWith(a), this.vidCtx = a, this.positionVidCtx();
-    }, s = (a) => {
-      this.setVideoAlign(t, a), i();
-    }, l = t.style.float === "left", o = t.style.float === "right", n = !l && !o && t.style.marginLeft === "auto" && t.style.marginRight === "auto", r = (a, h, d, m) => {
-      const g = this.ctxBtn(a, h, m);
+      const c = this.buildVideoCtxToolbar(t);
+      (h = this.vidCtx) == null || h.replaceWith(c), this.vidCtx = c, this.positionVidCtx();
+    }, s = (c) => {
+      this.setVideoAlign(t, c), i();
+    }, l = t.style.float === "left", o = t.style.float === "right", n = !l && !o && t.style.marginLeft === "auto" && t.style.marginRight === "auto", r = (c, h, d, m) => {
+      const g = this.ctxBtn(c, h, m);
       return g.classList.toggle("on", d), g;
     };
     return e.append(
-      r(c.alignleft, this.t("alignleft"), l, () => s("left")),
-      r(c.aligncenter, this.t("aligncenter"), n, () => s("center")),
-      r(c.alignright, this.t("alignright"), o, () => s("right")),
+      r(a.alignleft, this.t("alignleft"), l, () => s("left")),
+      r(a.aligncenter, this.t("aligncenter"), n, () => s("center")),
+      r(a.alignright, this.t("alignright"), o, () => s("right")),
       this.ctxSep(),
-      r(c.trash, this.t("deletevideo"), !1, () => {
+      r(a.trash, this.t("deletevideo"), !1, () => {
         t.remove(), this.clearVidHandles(), this.onChange();
       })
-    ), e.addEventListener("mousedown", (a) => a.preventDefault()), e.addEventListener("mouseenter", () => this.cancelVidHide()), e.addEventListener("mouseleave", () => {
+    ), e.addEventListener("mousedown", (c) => c.preventDefault()), e.addEventListener("mouseenter", () => this.cancelVidHide()), e.addEventListener("mouseleave", () => {
       this.cancelVidHide(), this.vidHideTimer = window.setTimeout(() => this.clearVidHandles(), 250);
     }), document.body.appendChild(e), e;
   }
@@ -4039,18 +4048,18 @@ const I = class I {
   videoDlg() {
     this.saveSel();
     let t, e, i, s, l, o;
-    const n = (a, h) => {
+    const n = (c, h) => {
       const d = document.createElement("div");
       d.className = "dfield";
       const m = document.createElement("label");
-      return m.textContent = this.t(a), d.append(m, h), d;
+      return m.textContent = this.t(c), d.append(m, h), d;
     }, r = () => {
-      const a = document.createElement("input");
-      return a.type = "url", a;
+      const c = document.createElement("input");
+      return c.type = "url", c;
     };
     this.dialog(
       this.t("videodlgttl"),
-      (a) => {
+      (c) => {
         const h = document.createElement("div");
         h.className = "dtabs";
         const d = [], m = (v, b) => {
@@ -4099,7 +4108,7 @@ const I = class I {
           l = r(), o = r(), v.append(n("vidaltsource", l), n("vidposter", o));
         });
         const u = document.createElement("div");
-        u.className = "dtabbody", d.forEach((v) => u.appendChild(v)), a.append(h, u), g(0), setTimeout(() => t.focus(), 0);
+        u.className = "dtabbody", d.forEach((v) => u.appendChild(v)), c.append(h, u), g(0), setTimeout(() => t.focus(), 0);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -4107,10 +4116,10 @@ const I = class I {
           label: this.t("save"),
           primary: !0,
           action: () => {
-            const a = s.value.trim(), h = t.value.trim(), d = parseInt(e.value, 10) || 560, m = parseInt(i.value, 10) || 314;
-            if (this.closeDlg(), !a && !h) return;
-            if (this.restoreSel(), a) {
-              document.execCommand("insertHTML", !1, `<span class="video-embed" contenteditable="false">${a}</span>`), this.onChange();
+            const c = s.value.trim(), h = t.value.trim(), d = parseInt(e.value, 10) || 560, m = parseInt(i.value, 10) || 314;
+            if (this.closeDlg(), !c && !h) return;
+            if (this.restoreSel(), c) {
+              document.execCommand("insertHTML", !1, `<span class="video-embed" contenteditable="false">${c}</span>`), this.onChange();
               return;
             }
             const g = this.videoEmbedUrl(h);
@@ -4186,8 +4195,8 @@ const I = class I {
     n.setStart(i, e.anchorOffset - o.length - 1), n.setEnd(i, e.anchorOffset), n.deleteContents();
     const r = document.createElement("code");
     r.textContent = o, n.insertNode(r);
-    const a = document.createRange();
-    a.setStartAfter(r), a.collapse(!0), e.removeAllRanges(), e.addRange(a), this.saveSel(), this.onChange();
+    const c = document.createRange();
+    c.setStartAfter(r), c.collapse(!0), e.removeAllRanges(), e.addRange(c), this.saveSel(), this.onChange();
   }
   /** Custom dropdown for dialog fields (a native <select> popup can't be styled):
    *  a field-styled button showing the current choice that opens a floating,
@@ -4200,20 +4209,20 @@ const I = class I {
     const l = document.createElement("button");
     l.type = "button", l.className = "dsel-btn";
     const o = document.createElement("span");
-    o.className = "lbl", o.textContent = ((r = t.find(([a]) => a === e)) == null ? void 0 : r[1]) || "", l.append(o), l.insertAdjacentHTML("beforeend", c.chev);
+    o.className = "lbl", o.textContent = ((r = t.find(([c]) => c === e)) == null ? void 0 : r[1]) || "", l.append(o), l.insertAdjacentHTML("beforeend", a.chev);
     const n = document.createElement("div");
-    return n.className = "dsel-list", t.forEach(([a, h]) => {
+    return n.className = "dsel-list", t.forEach(([c, h]) => {
       const d = document.createElement("button");
-      d.type = "button", d.textContent = h, d.classList.toggle("on", a === i), d.addEventListener("click", () => {
-        i = a, o.textContent = h, n.querySelectorAll("button").forEach((m) => m.classList.toggle("on", m === d)), s.classList.remove("open"), l.focus();
+      d.type = "button", d.textContent = h, d.classList.toggle("on", c === i), d.addEventListener("click", () => {
+        i = c, o.textContent = h, n.querySelectorAll("button").forEach((m) => m.classList.toggle("on", m === d)), s.classList.remove("open"), l.focus();
       }), n.appendChild(d);
     }), l.addEventListener("click", () => {
-      var a;
-      s.classList.toggle("open"), s.classList.contains("open") && ((a = n.querySelector(".on")) == null || a.scrollIntoView({ block: "nearest" }));
-    }), s.addEventListener("focusout", (a) => {
-      s.contains(a.relatedTarget) || s.classList.remove("open");
-    }), s.addEventListener("keydown", (a) => {
-      a.key === "Escape" && s.classList.contains("open") && (a.stopPropagation(), s.classList.remove("open"), l.focus());
+      var c;
+      s.classList.toggle("open"), s.classList.contains("open") && ((c = n.querySelector(".on")) == null || c.scrollIntoView({ block: "nearest" }));
+    }), s.addEventListener("focusout", (c) => {
+      s.contains(c.relatedTarget) || s.classList.remove("open");
+    }), s.addEventListener("keydown", (c) => {
+      c.key === "Escape" && s.classList.contains("open") && (c.stopPropagation(), s.classList.remove("open"), l.focus());
     }), s.append(l, n), { el: s, value: () => i };
   }
   /** Insert/edit-code-sample dialog: language dropdown + monospace textarea to
@@ -4229,7 +4238,7 @@ const I = class I {
         const l = document.createElement("div");
         l.className = "dfield";
         const o = document.createElement("label");
-        o.textContent = this.t("codelang"), e = this.dlgSelect(_, (t == null ? void 0 : t.dataset.lang) || "plain"), l.append(o, e.el), i = document.createElement("textarea"), i.className = "code-input", i.spellcheck = !1, i.value = ((n = t == null ? void 0 : t.querySelector("code")) == null ? void 0 : n.textContent) || "", i.placeholder = "const answer = 42;", s.append(l, i), setTimeout(() => i.focus(), 0);
+        o.textContent = this.t("codelang"), e = this.dlgSelect(U, (t == null ? void 0 : t.dataset.lang) || "plain"), l.append(o, e.el), i = document.createElement("textarea"), i.className = "code-input", i.spellcheck = !1, i.value = ((n = t == null ? void 0 : t.querySelector("code")) == null ? void 0 : n.textContent) || "", i.placeholder = "const answer = 42;", s.append(l, i), setTimeout(() => i.focus(), 0);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -4238,7 +4247,7 @@ const I = class I {
           primary: !0,
           action: () => {
             var n;
-            const s = i.value.replace(/\s+$/, ""), l = e.value(), o = ((n = _.find(([r]) => r === l)) == null ? void 0 : n[1]) || l;
+            const s = i.value.replace(/\s+$/, ""), l = e.value(), o = ((n = U.find(([r]) => r === l)) == null ? void 0 : n[1]) || l;
             if (this.closeDlg(), !!s.trim()) {
               if (t) {
                 t.dataset.lang = l, t.setAttribute("data-lang-label", o);
@@ -4267,10 +4276,10 @@ const I = class I {
   buildCodeCtxToolbar(t) {
     const e = document.createElement("div");
     return e.className = "imgctx", e.dir = this.dir(), e.append(
-      this.ctxBtn(c.editic, this.t("editcode"), () => this.codeDlg(t)),
-      this.ctxBtn(c.copyic, this.t("copycode"), () => this.copyCodeBlock(t)),
+      this.ctxBtn(a.editic, this.t("editcode"), () => this.codeDlg(t)),
+      this.ctxBtn(a.copyic, this.t("copycode"), () => this.copyCodeBlock(t)),
       this.ctxSep(),
-      this.ctxBtn(c.trash, this.t("deletecode"), () => {
+      this.ctxBtn(a.trash, this.t("deletecode"), () => {
         t.remove(), this.clearCodeSel(), this.onChange();
       })
     ), e.addEventListener("mousedown", (i) => i.preventDefault()), document.body.appendChild(e), e;
@@ -4333,9 +4342,9 @@ const I = class I {
   renderTplCtxButtons() {
     const t = this.tplCtx, e = this.tplActive;
     !t || !e || (t.innerHTML = "", F.forEach((i) => {
-      const s = this.ctxBtn(At[i], this.t(O[i]), () => this.setTplLayout(i));
+      const s = this.ctxBtn(It[i], this.t(O[i]), () => this.setTplLayout(i));
       s.classList.toggle("on", e.classList.contains("tpl-" + i)), t.appendChild(s);
-    }), t.append(this.ctxSep(), this.ctxBtn(c.trash, this.t("deltemplate"), () => this.removeTemplate())), this.positionTplCtx());
+    }), t.append(this.ctxSep(), this.ctxBtn(a.trash, this.t("deltemplate"), () => this.removeTemplate())), this.positionTplCtx());
   }
   setTplLayout(t) {
     const e = this.tplActive;
@@ -4399,8 +4408,8 @@ const I = class I {
       return;
     }
     this.tblOpMark || (this.tblOpMark = document.createElement("div"), this.tblOpMark.className = "tbl-opmark", document.body.appendChild(this.tblOpMark));
-    const i = this.tblActive.getBoundingClientRect(), s = e.getBoundingClientRect(), l = e.parentElement.getBoundingClientRect(), o = t === "row" ? l.left : s.left, n = t === "row" ? l.top : i.top, r = t === "row" ? l.width : s.width, a = t === "row" ? l.height : i.height;
-    this.tblOpMark.style.left = o + scrollX + "px", this.tblOpMark.style.top = n + scrollY + "px", this.tblOpMark.style.width = r + "px", this.tblOpMark.style.height = a + "px";
+    const i = this.tblActive.getBoundingClientRect(), s = e.getBoundingClientRect(), l = e.parentElement.getBoundingClientRect(), o = t === "row" ? l.left : s.left, n = t === "row" ? l.top : i.top, r = t === "row" ? l.width : s.width, c = t === "row" ? l.height : i.height;
+    this.tblOpMark.style.left = o + scrollX + "px", this.tblOpMark.style.top = n + scrollY + "px", this.tblOpMark.style.width = r + "px", this.tblOpMark.style.height = c + "px";
   }
   /** Lowest allowed top for floating context toolbars — keeps them from
       covering the editor menubar/toolbar when the target sits on the first line. */
@@ -4418,27 +4427,27 @@ const I = class I {
   buildTableCtxToolbar() {
     const t = document.createElement("div");
     t.className = "tblctx", t.dir = this.dir();
-    const e = (s, l) => (s.addEventListener("mouseenter", () => this.setOpTarget(l)), s.addEventListener("mouseleave", () => this.setOpTarget(null)), s), i = this.ctxBtn(c.palette, this.t("cellbg"), () => this.cellFillMenu(i));
+    const e = (s, l) => (s.addEventListener("mouseenter", () => this.setOpTarget(l)), s.addEventListener("mouseleave", () => this.setOpTarget(null)), s), i = this.ctxBtn(a.palette, this.t("cellbg"), () => this.cellFillMenu(i));
     return t.append(
-      e(this.ctxBtn(c.rowbefore, this.t("rowabove"), () => this.tableOp("rowabove")), "row"),
-      e(this.ctxBtn(c.rowafter, this.t("rowbelow"), () => this.tableOp("rowbelow")), "row"),
-      e(this.ctxBtn(c.moverowup, this.t("moverowup"), () => this.tableMove("rowup")), "row"),
-      e(this.ctxBtn(c.moverowdown, this.t("moverowdown"), () => this.tableMove("rowdown")), "row"),
-      e(this.ctxBtn(c.rowdelete, this.t("delrow"), () => this.tableOp("delrow")), "row"),
+      e(this.ctxBtn(a.rowbefore, this.t("rowabove"), () => this.tableOp("rowabove")), "row"),
+      e(this.ctxBtn(a.rowafter, this.t("rowbelow"), () => this.tableOp("rowbelow")), "row"),
+      e(this.ctxBtn(a.moverowup, this.t("moverowup"), () => this.tableMove("rowup")), "row"),
+      e(this.ctxBtn(a.moverowdown, this.t("moverowdown"), () => this.tableMove("rowdown")), "row"),
+      e(this.ctxBtn(a.rowdelete, this.t("delrow"), () => this.tableOp("delrow")), "row"),
       this.ctxSep(),
-      e(this.ctxBtn(c.colbefore, this.t("colbefore"), () => this.tableOp("colbefore")), "col"),
-      e(this.ctxBtn(c.colafter, this.t("colafter"), () => this.tableOp("colafter")), "col"),
-      e(this.ctxBtn(c.movecolleft, this.t("movecolleft"), () => this.tableMove("colleft")), "col"),
-      e(this.ctxBtn(c.movecolright, this.t("movecolright"), () => this.tableMove("colright")), "col"),
-      e(this.ctxBtn(c.coldelete, this.t("delcol"), () => this.tableOp("delcol")), "col"),
+      e(this.ctxBtn(a.colbefore, this.t("colbefore"), () => this.tableOp("colbefore")), "col"),
+      e(this.ctxBtn(a.colafter, this.t("colafter"), () => this.tableOp("colafter")), "col"),
+      e(this.ctxBtn(a.movecolleft, this.t("movecolleft"), () => this.tableMove("colleft")), "col"),
+      e(this.ctxBtn(a.movecolright, this.t("movecolright"), () => this.tableMove("colright")), "col"),
+      e(this.ctxBtn(a.coldelete, this.t("delcol"), () => this.tableOp("delcol")), "col"),
       this.ctxSep(),
-      this.ctxBtn(c.alignleft, this.t("tblalignleft"), () => this.alignTable("left")),
-      this.ctxBtn(c.aligncenter, this.t("tblaligncenter"), () => this.alignTable("center")),
-      this.ctxBtn(c.alignright, this.t("tblalignright"), () => this.alignTable("right")),
+      this.ctxBtn(a.alignleft, this.t("tblalignleft"), () => this.alignTable("left")),
+      this.ctxBtn(a.aligncenter, this.t("tblaligncenter"), () => this.alignTable("center")),
+      this.ctxBtn(a.alignright, this.t("tblalignright"), () => this.alignTable("right")),
       this.ctxSep(),
       i,
-      this.ctxBtn(c.trash, this.t("deltable"), () => this.tableOp("deltable")),
-      this.ctxBtn(c.tableic, this.t("tablepropsttl"), () => this.tablePropsDlg())
+      this.ctxBtn(a.trash, this.t("deltable"), () => this.tableOp("deltable")),
+      this.ctxBtn(a.tableic, this.t("tablepropsttl"), () => this.tablePropsDlg())
     ), document.body.appendChild(t), t;
   }
   positionTableHandles() {
@@ -4448,17 +4457,17 @@ const I = class I {
     }
     const t = this.ed.getAttribute("dir") === "rtl", e = this.tblActive.getBoundingClientRect(), i = e.top + scrollY, s = e.left + scrollX, l = e.right + scrollX, o = e.bottom + scrollY;
     if (this.tblCorner && (this.tblCorner.style.top = o - 5 + "px", this.tblCorner.style.left = (t ? s - 5 : l - 5) + "px", this.tblCorner.style.cursor = t ? "nesw-resize" : "nwse-resize"), this.tblCtx) {
-      const r = this.tblCtx.offsetWidth, a = this.tblCtx.offsetHeight;
+      const r = this.tblCtx.offsetWidth, c = this.tblCtx.offsetHeight;
       let h = s + (l - s) / 2 - r / 2;
       h = Math.max(8 + scrollX, Math.min(h, scrollX + innerWidth - r - 8));
-      let d = i - a - 8;
+      let d = i - c - 8;
       d < this.ctxMinTop() && (d = o + 8), this.tblCtx.style.left = h + "px", this.tblCtx.style.top = d + "px";
     }
     this.tblColBars.forEach((r) => r.remove()), this.tblColBars = [];
     const n = this.tblActive.rows[0];
     if (n)
       for (let r = 0; r < n.cells.length - 1; r++) {
-        const a = n.cells[r].getBoundingClientRect(), h = (t ? a.left : a.right) + scrollX, d = document.createElement("div");
+        const c = n.cells[r].getBoundingClientRect(), h = (t ? c.left : c.right) + scrollX, d = document.createElement("div");
         d.className = "tbl-colbar", d.style.top = i + "px", d.style.left = h + "px", d.style.height = o - i + "px", document.body.appendChild(d), d.addEventListener("mousedown", (m) => this.startColBarDrag(m, r)), this.tblColBars.push(d);
       }
     this.positionCellMarker(), this.positionOpMark();
@@ -4478,8 +4487,8 @@ const I = class I {
     if (!e) return;
     const i = this.ed.getAttribute("dir") === "rtl", s = t.clientX, l = e.getBoundingClientRect().width;
     e.style.tableLayout = e.style.tableLayout || "fixed", this.withNoTextSelect((o) => {
-      const n = (a) => {
-        const h = i ? -(a.clientX - s) : a.clientX - s;
+      const n = (c) => {
+        const h = i ? -(c.clientX - s) : c.clientX - s;
         e.style.width = Math.max(60, Math.round(l + h)) + "px", this.positionTableHandles();
       }, r = () => {
         window.removeEventListener("mousemove", n), window.removeEventListener("mouseup", r), o(), this.onChange();
@@ -4493,11 +4502,11 @@ const I = class I {
     if (!i) return;
     const s = this.ed.getAttribute("dir") === "rtl", l = Array.from(i.rows), o = l.map((d) => d.cells[e]).filter(Boolean), n = l.map((d) => d.cells[e + 1]).filter(Boolean);
     if (!o.length || !n.length) return;
-    const r = t.clientX, a = o[0].getBoundingClientRect().width, h = n[0].getBoundingClientRect().width;
+    const r = t.clientX, c = o[0].getBoundingClientRect().width, h = n[0].getBoundingClientRect().width;
     i.style.tableLayout = "fixed", this.withNoTextSelect((d) => {
       const m = (u) => {
         const v = (s ? -1 : 1) * (u.clientX - r);
-        o.forEach((b) => b.style.width = Math.max(24, Math.round(a + v)) + "px"), n.forEach((b) => b.style.width = Math.max(24, Math.round(h - v)) + "px"), this.positionTableHandles();
+        o.forEach((b) => b.style.width = Math.max(24, Math.round(c + v)) + "px"), n.forEach((b) => b.style.width = Math.max(24, Math.round(h - v)) + "px"), this.positionTableHandles();
       }, g = () => {
         window.removeEventListener("mousemove", m), window.removeEventListener("mouseup", g), d(), this.onChange();
       };
@@ -4526,38 +4535,38 @@ const I = class I {
     e.className = "imgctx", e.dir = this.dir();
     const i = () => {
       var h;
-      const a = this.buildImageCtxToolbar(t);
-      (h = this.imgCtx) == null || h.replaceWith(a), this.imgCtx = a, this.positionImageHandles();
-    }, s = (a) => {
-      this.setImageAlign(t, a), i();
-    }, l = t.style.float === "left", o = t.style.float === "right", n = !l && !o && t.style.marginLeft === "auto" && t.style.marginRight === "auto", r = (a, h, d, m) => {
-      const g = this.ctxBtn(a, h, m);
+      const c = this.buildImageCtxToolbar(t);
+      (h = this.imgCtx) == null || h.replaceWith(c), this.imgCtx = c, this.positionImageHandles();
+    }, s = (c) => {
+      this.setImageAlign(t, c), i();
+    }, l = t.style.float === "left", o = t.style.float === "right", n = !l && !o && t.style.marginLeft === "auto" && t.style.marginRight === "auto", r = (c, h, d, m) => {
+      const g = this.ctxBtn(c, h, m);
       return g.classList.toggle("on", d), g;
     };
     return e.append(
-      r(c.alignleft, this.t("alignleft"), l, () => s("left")),
-      r(c.aligncenter, this.t("aligncenter"), n, () => s("center")),
-      r(c.alignright, this.t("alignright"), o, () => s("right")),
+      r(a.alignleft, this.t("alignleft"), l, () => s("left")),
+      r(a.aligncenter, this.t("aligncenter"), n, () => s("center")),
+      r(a.alignright, this.t("alignright"), o, () => s("right")),
       this.ctxSep(),
-      r(c.rotateleft, this.t("rotateleft"), !1, () => {
+      r(a.rotateleft, this.t("rotateleft"), !1, () => {
         this.rotateImage(t, -90), i();
       }),
-      r(c.rotateright, this.t("rotateright"), !1, () => {
+      r(a.rotateright, this.t("rotateright"), !1, () => {
         this.rotateImage(t, 90), i();
       }),
       this.ctxSep(),
-      r(c.fliphorizontal, this.t("fliphorizontal"), t.dataset.flipx === "1", () => {
+      r(a.fliphorizontal, this.t("fliphorizontal"), t.dataset.flipx === "1", () => {
         this.flipImage(t, "x"), i();
       }),
-      r(c.flipvertical, this.t("flipvertical"), t.dataset.flipy === "1", () => {
+      r(a.flipvertical, this.t("flipvertical"), t.dataset.flipy === "1", () => {
         this.flipImage(t, "y"), i();
       }),
       this.ctxSep(),
-      r(c.trash, this.t("deleteimg"), !1, () => {
-        const a = t.closest(".tpl-media");
-        a && this.ed.contains(a) ? t.outerHTML = this.imgPhHTML() : t.remove(), this.clearImageHandles(), this.onChange();
+      r(a.trash, this.t("deleteimg"), !1, () => {
+        const c = t.closest(".tpl-media");
+        c && this.ed.contains(c) ? t.outerHTML = this.imgPhHTML() : t.remove(), this.clearImageHandles(), this.onChange();
       })
-    ), e.addEventListener("mousedown", (a) => a.preventDefault()), e.addEventListener("mouseenter", () => this.cancelImgHide()), e.addEventListener("mouseleave", () => this.scheduleImgHide()), document.body.appendChild(e), e;
+    ), e.addEventListener("mousedown", (c) => c.preventDefault()), e.addEventListener("mouseenter", () => this.cancelImgHide()), e.addEventListener("mouseleave", () => this.scheduleImgHide()), document.body.appendChild(e), e;
   }
   setImageAlign(t, e) {
     t.style.float = "", t.style.display = "", t.style.marginLeft = "", t.style.marginRight = "", t.style.marginBottom = "", e === "left" ? (t.style.float = "left", t.style.marginInlineEnd = "1em", t.style.marginBottom = "0.5em") : e === "right" ? (t.style.float = "right", t.style.marginInlineStart = "1em", t.style.marginBottom = "0.5em") : (t.style.display = "block", t.style.marginLeft = "auto", t.style.marginRight = "auto"), this.onChange();
@@ -4586,14 +4595,14 @@ const I = class I {
       se: [s, l]
     };
     if (this.imgHandles.forEach((n) => {
-      const [r, a] = o[n.dataset.corner];
-      n.style.left = r - 5 + "px", n.style.top = a - 5 + "px";
+      const [r, c] = o[n.dataset.corner];
+      n.style.left = r - 5 + "px", n.style.top = c - 5 + "px";
     }), this.imgCtx) {
       const n = this.imgCtx.offsetWidth, r = this.imgCtx.offsetHeight;
-      let a = i + (s - i) / 2 - n / 2;
-      a = Math.max(8 + scrollX, Math.min(a, scrollX + innerWidth - n - 8));
+      let c = i + (s - i) / 2 - n / 2;
+      c = Math.max(8 + scrollX, Math.min(c, scrollX + innerWidth - n - 8));
       let h = e - r - 8;
-      h < this.ctxMinTop() && (h = l + 8), this.imgCtx.style.left = a + "px", this.imgCtx.style.top = h + "px";
+      h < this.ctxMinTop() && (h = l + 8), this.imgCtx.style.left = c + "px", this.imgCtx.style.top = h + "px";
     }
   }
   startImageResizeDrag(t, e) {
@@ -4605,10 +4614,10 @@ const I = class I {
     this.withNoTextSelect((n) => {
       const r = (h) => {
         i.style.width = Math.max(24, Math.round(l + o * (h.clientX - s))) + "px", i.style.height = "auto", this.positionImageHandles();
-      }, a = () => {
-        window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", a), n(), this.onChange();
+      }, c = () => {
+        window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", c), n(), this.onChange();
       };
-      window.addEventListener("mousemove", r), window.addEventListener("mouseup", a);
+      window.addEventListener("mousemove", r), window.addEventListener("mouseup", c);
     });
   }
   /* ---------------------------------------------------------- selection bubble toolbar */
@@ -4639,21 +4648,21 @@ const I = class I {
       '<b style="font:600 15px/1 Georgia,serif">A</b><span class="colorbar" data-cb="fore"></span>',
       this.t("forecolor"),
       () => this.colorMenu(e, "fore")
-    ), i = this.ctxBtn(c.backcolor, this.t("backcolor"), () => this.colorMenu(i, "back"));
+    ), i = this.ctxBtn(a.backcolor, this.t("backcolor"), () => this.colorMenu(i, "back"));
     (n = i.querySelector("svg")) == null || n.insertAdjacentHTML("afterend", '<span class="colorbar" data-cb="back"></span>');
-    const s = this.ctxBtn(c.caseic, this.t("changecase"), () => this.caseMenu(s)), l = this.ctxBtn(c.lineheight, this.t("lineheight"), () => this.lineHeightMenu(l)), o = this.ctxBtn(c.wordspacing, this.t("wordspacing"), () => this.wordSpacingMenu(o));
+    const s = this.ctxBtn(a.caseic, this.t("changecase"), () => this.caseMenu(s)), l = this.ctxBtn(a.lineheight, this.t("lineheight"), () => this.lineHeightMenu(l)), o = this.ctxBtn(a.wordspacing, this.t("wordspacing"), () => this.wordSpacingMenu(o));
     return t.append(
-      this.ctxBtn(c.bold, this.t("bold"), () => this.exec("bold"), "bold"),
-      this.ctxBtn(c.italic, this.t("italic"), () => this.exec("italic"), "italic"),
+      this.ctxBtn(a.bold, this.t("bold"), () => this.exec("bold"), "bold"),
+      this.ctxBtn(a.italic, this.t("italic"), () => this.exec("italic"), "italic"),
       e,
       i,
       this.ctxSep(),
-      this.ctxBtn(c.quote, this.t("quote"), () => this.toggleBlock("blockquote"), "blockquote"),
-      this.ctxBtn(c.inlinecodeic, this.t("code"), () => this.toggleInlineCode(), "code"),
+      this.ctxBtn(a.quote, this.t("quote"), () => this.toggleBlock("blockquote"), "blockquote"),
+      this.ctxBtn(a.inlinecodeic, this.t("code"), () => this.toggleInlineCode(), "code"),
       this.ctxBtn('<b style="font:700 12px/1 Arial,sans-serif">H2</b>', this.blockLabel("h2"), () => this.toggleBlock("h2"), "h2"),
       this.ctxBtn('<b style="font:700 12px/1 Arial,sans-serif">H3</b>', this.blockLabel("h3"), () => this.toggleBlock("h3"), "h3"),
       this.ctxSep(),
-      this.ctxBtn(c.link, this.t("linkttl"), () => this.linkDlg()),
+      this.ctxBtn(a.link, this.t("linkttl"), () => this.linkDlg()),
       s,
       l,
       o
@@ -4662,10 +4671,10 @@ const I = class I {
   positionSelToolbar(t) {
     if (!this.selCtx) return;
     const e = t.getBoundingClientRect(), i = e.top + scrollY, s = e.left + scrollX, l = e.right + scrollX, o = e.bottom + scrollY, n = this.selCtx.offsetWidth, r = this.selCtx.offsetHeight;
-    let a = s + (l - s) / 2 - n / 2;
-    a = Math.max(8 + scrollX, Math.min(a, scrollX + innerWidth - n - 8));
+    let c = s + (l - s) / 2 - n / 2;
+    c = Math.max(8 + scrollX, Math.min(c, scrollX + innerWidth - n - 8));
     let h = i - r - 8;
-    h < this.ctxMinTop() && (h = o + 8), this.selCtx.style.left = a + "px", this.selCtx.style.top = h + "px";
+    h < this.ctxMinTop() && (h = o + 8), this.selCtx.style.left = c + "px", this.selCtx.style.top = h + "px";
   }
   repositionSelToolbar() {
     if (!this.selCtx) return;
@@ -4693,7 +4702,7 @@ const I = class I {
     return t > 0 ? t + "px" : "";
   }
   refreshState() {
-    var r, a, h;
+    var r, c, h;
     const t = window.getSelection(), e = t ? this.ed.contains(t.anchorNode) : !1, i = this.currentBlock();
     [this.toolbar, this.selCtx].filter(Boolean).forEach((d) => {
       [
@@ -4718,12 +4727,12 @@ const I = class I {
       m && m.classList.toggle("on", e && !!this.closestInlineCode());
     });
     const l = t ? this.closestBlock(t.anchorNode) : null, o = ((r = l == null ? void 0 : l.closest("[dir]")) == null ? void 0 : r.getAttribute("dir")) || this.ed.getAttribute("dir") || this.dir();
-    (a = this.toolbar.querySelector("[data-id=ltr]")) == null || a.classList.toggle("on", e && o === "ltr"), (h = this.toolbar.querySelector("[data-id=rtl]")) == null || h.classList.toggle("on", e && o === "rtl");
+    (c = this.toolbar.querySelector("[data-id=ltr]")) == null || c.classList.toggle("on", e && o === "ltr"), (h = this.toolbar.querySelector("[data-id=rtl]")) == null || h.classList.toggle("on", e && o === "rtl");
     const n = (d, m, g) => {
       const u = this.toolbar.querySelector(`[data-id=${d}] .lbl`);
       u && (u.textContent = m || g || "", u.classList.toggle("empty", !m));
     };
-    n("fontsel", this.currentFont()), n("sizesel", this.currentSize().replace("px", "")), e && n("blocksel", V.some((d) => d[0] === i) ? this.blockLabel(i) : this.t("para")), this.sbWords.textContent = this.countWords() + " " + this.t("words");
+    n("fontsel", this.currentFont()), n("sizesel", this.currentSize().replace("px", "")), e && n("blocksel", j.some((d) => d[0] === i) ? this.blockLabel(i) : this.t("para")), this.sbWords.textContent = this.countWords() + " " + this.t("words");
   }
   countWords() {
     const t = (this.ed.textContent || "").trim();
@@ -4756,17 +4765,17 @@ const I = class I {
     this.closePop(), this.closeDlg(), this.clearTableHandles(), this.clearImgPlaceholderSel(), this.clearVphPlaceholderSel(), this.clearVidHandles(), this.clearCodeSel(), this.shell.dir = this.dir(), this.ed.dir = this.dir(), this.options.menubar ? this.buildMenubar() : this.menubar.style.display = "none", this.options.toolbar ? this.buildToolbar() : this.toolbar.style.display = "none", this.sbHelp.textContent = this.t("statushelp"), this.refreshState();
   }
 };
-I.instanceCounter = 0, I.TBR_COLLAPSE_MAX = 992;
-let G = I;
+A.instanceCounter = 0, A.TBR_COLLAPSE_MAX = 992;
+let J = A;
 export {
-  V as BLOCKS,
-  Bt as CHARS,
+  j as BLOCKS,
+  Zt as CHARS,
   ct as COLORS,
-  et as FONTS,
-  G as FableEditor,
-  K as I18N,
-  c as IC,
-  it as SIZES,
+  lt as FONTS,
+  J as FableEditor,
+  et as I18N,
+  a as IC,
+  ot as SIZES,
   Nt as TXT,
   wt as cleanPastedHTML,
   R as getStrings,