fable-editor 1.2.7 → 1.3.0

package/dist/core/index.mjs

@@ -1,4 +1,4 @@
-const it = {
+const rt = {
   en: {
     dir: "ltr",
     file: "File",
@@ -384,10 +384,10 @@ const it = {
     emcat_flags: "أعلام"
   }
 };
-function R(p) {
-  return it[p];
+function D(d) {
+  return rt[d];
 }
-const st = "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", lt = "file edit view insert format tools table help", ot = [
+const at = "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", ct = "file edit view insert format tools table help", ht = [
   ["Andale Mono", "andale mono,times"],
   ["Arial", "arial,helvetica,sans-serif"],
   ["Arial Black", "arial black,avant garde"],
@@ -407,7 +407,7 @@ const st = "undo redo | preview print | importword revhistory | fontfamily fonts
   ["Verdana", "verdana,geneva"],
   ["Webdings", "webdings"],
   ["Wingdings", "wingdings,zapf dingbats"]
-], nt = ["8px", "9px", "10px", "11px", "12px", "14px", "16px", "18px", "20px", "24px", "28px", "32px", "36px", "48px", "72px", "96px"], rt = 1, at = 100, z = ["1", "1.15", "1.4", "1.5", "1.75", "2", "2.5", "3"], U = ["1px", "2px", "4px", "6px", "8px", "12px"], V = ["0.5px", "1px", "1.5px", "2px", "3px", "4px"], W = [
+], dt = ["8px", "9px", "10px", "11px", "12px", "14px", "16px", "18px", "20px", "24px", "28px", "32px", "36px", "48px", "72px", "96px"], pt = 1, mt = 100, U = ["1", "1.15", "1.4", "1.5", "1.75", "2", "2.5", "3"], W = ["1px", "2px", "4px", "6px", "8px", "12px"], j = ["0.5px", "1px", "1.5px", "2px", "3px", "4px"], V = [
   ["plain", "Plain text"],
   ["html", "HTML/XML"],
   ["css", "CSS"],
@@ -424,7 +424,7 @@ const st = "undo redo | preview print | importword revhistory | fontfamily fonts
   ["rust", "Rust"],
   ["sql", "SQL"],
   ["bash", "Bash/Shell"]
-], j = [
+], X = [
   ["p", "para"],
   ["h1", "heading1"],
   ["h2", "heading2"],
@@ -433,7 +433,7 @@ const st = "undo redo | preview print | importword revhistory | fontfamily fonts
   ["h5", "heading5"],
   ["h6", "heading6"],
   ["pre", "pre"]
-], ct = ["#F76707", "#4263EB", "#CC5DE8"], ht = [
+], ut = ["#F76707", "#4263EB", "#CC5DE8"], gt = [
   "#FFFFFF",
   "#F4F4F4",
   "#E8EAED",
@@ -459,7 +459,7 @@ const st = "undo redo | preview print | importword revhistory | fontfamily fonts
   "#8E24AA",
   "#C2185B",
   "#6D4C41"
-], dt = [
+], ft = [
   {
     key: "chcat_currency",
     chars: [
@@ -799,7 +799,7 @@ const st = "undo redo | preview print | importword revhistory | fontfamily fonts
       "ة"
     ]
   }
-], pt = [
+], vt = [
   {
     key: "emcat_smileys",
     chars: [
@@ -1524,7 +1524,7 @@ const st = "undo redo | preview print | importword revhistory | fontfamily fonts
       "🇲🇦"
     ]
   }
-], Ft = [
+], Jt = [
   "©",
   "®",
   "™",
@@ -1573,11 +1573,11 @@ const st = "undo redo | preview print | importword revhistory | fontfamily fonts
   "ـ",
   "٠",
   "١"
-], y = (p, t) => `<svg viewBox="${t || "0 0 24 24"}">${p}</svg>`, f = (p) => y(`<path class="f" d="${p}"/>`, "0 -960 960 960"), q = (p, t = 7.5) => y(
-  '<path d="M10 6h10M10 12h10M10 18h10"/>' + p.map(
+], y = (d, t) => `<svg viewBox="${t || "0 0 24 24"}">${d}</svg>`, f = (d) => y(`<path class="f" d="${d}"/>`, "0 -960 960 960"), q = (d, t = 7.5) => y(
+  '<path d="M10 6h10M10 12h10M10 18h10"/>' + d.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("")
-), a = {
+), c = {
   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"
   ),
@@ -1810,7 +1810,7 @@ const st = "undo redo | preview print | importword revhistory | fontfamily fonts
   codesampleic: y(
     '<rect x="3.5" y="4" width="17" height="16" rx="2"/><path d="M3.5 8.5h17"/><path d="M9.5 12 7 14.25l2.5 2.25M14.5 12l2.5 2.25-2.5 2.25"/>'
   )
-}, Ot = (p) => `<span class="txt">${p}</span>`, mt = /* @__PURE__ */ new Set([
+}, te = (d) => `<span class="txt">${d}</span>`, bt = /* @__PURE__ */ new Set([
   "p",
   "div",
   "span",
@@ -1852,7 +1852,7 @@ const st = "undo redo | preview print | importword revhistory | fontfamily fonts
   "figure",
   "figcaption",
   "mark"
-]), ut = /* @__PURE__ */ new Set([
+]), yt = /* @__PURE__ */ new Set([
   "text-align",
   "direction",
   "unicode-bidi",
@@ -1908,7 +1908,7 @@ const st = "undo redo | preview print | importword revhistory | fontfamily fonts
   "box-sizing",
   "list-style-type",
   "white-space"
-]), X = {
+]), Q = {
   "*": ["dir", "lang", "colspan", "rowspan"],
   a: ["href", "target", "rel", "title"],
   img: ["src", "alt", "width", "height", "title"],
@@ -1917,26 +1917,26 @@ const st = "undo redo | preview print | importword revhistory | fontfamily fonts
   th: ["width", "valign"],
   table: ["width", "cellpadding", "cellspacing"]
 };
-function P(p) {
-  const t = {}, e = p.getAttribute && p.getAttribute("style");
+function R(d) {
+  const t = {}, e = d.getAttribute && d.getAttribute("style");
   return e && e.split(";").forEach((i) => {
     const s = i.indexOf(":");
     s < 1 || (t[i.slice(0, s).trim().toLowerCase()] = i.slice(s + 1).trim());
   }), t;
 }
-function gt(p) {
-  return p.replace(/<!--\[if !supportLists\]-->([\s\S]*?)<!--\[endif\]-->/gi, "$1").replace(/<!--\[if !supportLists\]>([\s\S]*?)<!\[endif\]-->/gi, "$1").replace(/<!\[if !supportLists\]>([\s\S]*?)<!\[endif\]>/gi, "$1").replace(/<!--\[if [\s\S]*?<!\[endif\]-->/gi, "").replace(/<!--[\s\S]*?-->/g, "").replace(/<(script|style|xml|title)[\s\S]*?<\/\1>/gi, "").replace(/<\/?(meta|link)[^>]*>/gi, "").replace(/<\?xml[\s\S]*?\?>/gi, "").replace(/<\/?(o|v|w|m|st1):[^>]*>/gi, "");
+function xt(d) {
+  return d.replace(/<!--\[if !supportLists\]-->([\s\S]*?)<!--\[endif\]-->/gi, "$1").replace(/<!--\[if !supportLists\]>([\s\S]*?)<!\[endif\]-->/gi, "$1").replace(/<!\[if !supportLists\]>([\s\S]*?)<!\[endif\]>/gi, "$1").replace(/<!--\[if [\s\S]*?<!\[endif\]-->/gi, "").replace(/<!--[\s\S]*?-->/g, "").replace(/<(script|style|xml|title)[\s\S]*?<\/\1>/gi, "").replace(/<\/?(meta|link)[^>]*>/gi, "").replace(/<\?xml[\s\S]*?\?>/gi, "").replace(/<\/?(o|v|w|m|st1):[^>]*>/gi, "");
 }
-function ft(p) {
-  return /^[0-9]+[\.\)،]/.test(p) ? { ordered: !0 } : /^[٠-٩۰-۹]+/.test(p) ? { ordered: !0, style: "arabic-indic" } : /^[ivxlc]{2,}[\.\)]/.test(p) ? { ordered: !0, style: "lower-roman" } : /^[IVXLC]{2,}[\.\)]/.test(p) ? { ordered: !0, style: "upper-roman" } : /^[a-z][\.\)]/.test(p) ? { ordered: !0, style: "lower-alpha" } : /^[A-Z][\.\)]/.test(p) ? { ordered: !0, style: "upper-alpha" } : /^[ء-ي][\.\)،-]/.test(p) ? { ordered: !0, style: "arabic-indic" } : { ordered: !1 };
+function Ct(d) {
+  return /^[0-9]+[\.\)،]/.test(d) ? { ordered: !0 } : /^[٠-٩۰-۹]+/.test(d) ? { ordered: !0, style: "arabic-indic" } : /^[ivxlc]{2,}[\.\)]/.test(d) ? { ordered: !0, style: "lower-roman" } : /^[IVXLC]{2,}[\.\)]/.test(d) ? { ordered: !0, style: "upper-roman" } : /^[a-z][\.\)]/.test(d) ? { ordered: !0, style: "lower-alpha" } : /^[A-Z][\.\)]/.test(d) ? { ordered: !0, style: "upper-alpha" } : /^[ء-ي][\.\)،-]/.test(d) ? { ordered: !0, style: "arabic-indic" } : { ordered: !1 };
 }
-function vt(p) {
+function wt(d) {
   const t = (s) => {
     const l = (s.getAttribute("style") || "") + " " + (s.className || "");
     return /mso-list\s*:(?!\s*ignore)/i.test(l) || /MsoListParagraph/i.test(l);
   }, e = [];
   let i = null;
-  Array.from(p.body.querySelectorAll("p")).forEach((s) => {
+  Array.from(d.body.querySelectorAll("p")).forEach((s) => {
     if (!t(s)) {
       i = null;
       return;
@@ -1944,67 +1944,67 @@ function vt(p) {
     const l = s.previousElementSibling;
     i && l && i[i.length - 1] === l ? i.push(s) : (i = [s], e.push(i));
   }), e.forEach((s) => {
-    const l = [], o = s[0];
-    s.forEach((n) => {
-      var x, C, M;
-      const c = +(((x = (n.getAttribute("style") || "").match(/level(\d+)/i)) == null ? void 0 : x[1]) || 1), h = Array.from(n.querySelectorAll("span")).find(
+    const l = [], n = s[0];
+    s.forEach((o) => {
+      var x, C, S;
+      const a = +(((x = (o.getAttribute("style") || "").match(/level(\d+)/i)) == null ? void 0 : x[1]) || 1), h = Array.from(o.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 } = ft(d);
-      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");
+      ), p = h ? ((C = h.textContent) == null ? void 0 : C.trim()) || "" : (((S = o.textContent) == null ? void 0 : S.trim().match(/^\S{1,4}/)) || [""])[0], { ordered: m, style: g } = Ct(p);
+      for (h && h.remove(); l.length && l[l.length - 1].level > a; ) l.pop();
+      if (!l.length || l[l.length - 1].level < a) {
+        const w = d.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: c });
+          n.parentNode.insertBefore(w, n);
+        l.push({ list: w, level: a });
       }
-      const u = p.createElement("li"), v = P(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);
-      l[l.length - 1].list.appendChild(u), n.remove();
+      const u = d.createElement("li"), v = R(o), 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), o.getAttribute("dir") && u.setAttribute("dir", o.getAttribute("dir")); o.firstChild; ) u.appendChild(o.firstChild);
+      l[l.length - 1].list.appendChild(u), o.remove();
     });
   });
 }
-function bt(p) {
-  p.querySelectorAll('b[id^="docs-internal-guid"]').forEach((t) => {
+function Tt(d) {
+  d.querySelectorAll('b[id^="docs-internal-guid"]').forEach((t) => {
     for (; t.firstChild; ) t.parentNode.insertBefore(t.firstChild, t);
     t.remove();
   });
 }
-function yt(p) {
-  p.querySelectorAll("table").forEach((t) => {
+function St(d) {
+  d.querySelectorAll("table").forEach((t) => {
     const e = t;
-    P(e)["border-collapse"] || (e.style.borderCollapse = "collapse");
-  }), p.querySelectorAll("[align]").forEach((t) => {
+    R(e)["border-collapse"] || (e.style.borderCollapse = "collapse");
+  }), d.querySelectorAll("[align]").forEach((t) => {
     const e = t, i = e.getAttribute("align").toLowerCase();
     e.tagName.toLowerCase() === "table" ? i === "center" ? (e.style.marginLeft = e.style.marginLeft || "auto", e.style.marginRight = e.style.marginRight || "auto") : i === "right" ? e.style.marginLeft = e.style.marginLeft || "auto" : i === "left" && (e.style.marginRight = e.style.marginRight || "auto") : ["left", "right", "center", "justify"].includes(i) && (e.style.textAlign = e.style.textAlign || i, Array.from(e.children).forEach((s) => {
       if (s.tagName.toLowerCase() !== "table") return;
       const l = s;
       i === "center" ? (l.style.marginLeft = l.style.marginLeft || "auto", l.style.marginRight = l.style.marginRight || "auto") : i === "right" ? l.style.marginLeft = l.style.marginLeft || "auto" : i === "left" && (l.style.marginRight = l.style.marginRight || "auto");
     })), e.removeAttribute("align");
-  }), p.querySelectorAll("center table").forEach((t) => {
+  }), d.querySelectorAll("center table").forEach((t) => {
     const e = t;
     e.style.marginLeft = e.style.marginLeft || "auto", e.style.marginRight = e.style.marginRight || "auto";
-  }), p.querySelectorAll("[bgcolor]").forEach((t) => {
+  }), d.querySelectorAll("[bgcolor]").forEach((t) => {
     const e = t;
     e.style.backgroundColor = e.style.backgroundColor || e.getAttribute("bgcolor"), e.removeAttribute("bgcolor");
   });
 }
-function Z(p, t) {
-  Array.from(p.childNodes).forEach((e) => {
+function Z(d, t) {
+  Array.from(d.childNodes).forEach((e) => {
     if (e.nodeType === Node.COMMENT_NODE) {
       e.remove();
       return;
     }
     if (e.nodeType !== Node.ELEMENT_NODE) return;
     const i = e, s = i.tagName.toLowerCase();
-    if (!mt.has(s)) {
+    if (!bt.has(s)) {
       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 c = i.getAttribute("size");
-        if (c && !r.style.fontSize) {
+        const a = i.getAttribute("size");
+        if (a && !r.style.fontSize) {
           const h = {
             1: "8pt",
             2: "10pt",
@@ -2014,7 +2014,7 @@ function Z(p, t) {
             6: "24pt",
             7: "36pt"
           };
-          h[c] && (r.style.fontSize = h[c]);
+          h[a] && (r.style.fontSize = h[a]);
         }
         for (; i.firstChild; ) r.appendChild(i.firstChild);
         i.replaceWith(r), Z(r, t);
@@ -2024,10 +2024,10 @@ function Z(p, t) {
       i.remove();
       return;
     }
-    const l = /* @__PURE__ */ new Set([...X["*"] || [], ...X[s] || []]);
+    const l = /* @__PURE__ */ new Set([...Q["*"] || [], ...Q[s] || []]);
     if (Array.from(i.attributes).forEach((r) => {
-      const c = r.name.toLowerCase();
-      c !== "style" && !l.has(c) && i.removeAttribute(r.name);
+      const a = r.name.toLowerCase();
+      a !== "style" && !l.has(a) && i.removeAttribute(r.name);
     }), s === "a") {
       const r = i.getAttribute("href") || "";
       /^(https?:|mailto:|tel:|#)/i.test(r) || i.removeAttribute("href");
@@ -2035,130 +2035,233 @@ function Z(p, t) {
     if (s === "img") {
       const r = i.getAttribute("src") || "";
       if (!/^(https?:|data:image\/|blob:)/i.test(r)) {
-        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);
+        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);
         return;
       }
     }
-    const o = P(i), n = [];
-    for (const [r, c] of Object.entries(o))
-      ut.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"), Z(i, t), s === "span" && !i.attributes.length) {
+    const n = R(i), o = [];
+    for (const [r, a] of Object.entries(n))
+      yt.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) || o.push(r + ":" + a));
+    if (o.length ? i.setAttribute("style", o.join(";")) : i.removeAttribute("style"), i.removeAttribute("class"), Z(i, t), s === "span" && !i.attributes.length) {
       for (; i.firstChild; ) i.parentNode.insertBefore(i.firstChild, i);
       i.remove();
     }
   });
 }
-function xt(p) {
+function Mt(d) {
   const t = [], e = /<style[^>]*>([\s\S]*?)<\/style>/gi;
   let i;
-  for (; i = e.exec(p); ) {
+  for (; i = e.exec(d); ) {
     let s = i[1].replace(/<!--|-->/g, "").replace(/\/\*[\s\S]*?\*\//g, "");
     s = s.replace(/@media[^{]*\{(?:[^{}]*\{[^{}]*\})*[^{}]*\}/gi, ""), s = s.replace(/@[\w-]+[^{]*\{[^{}]*\}/g, "");
     let l;
-    const o = /([^{}]+)\{([^}]*)\}/g;
-    for (; l = o.exec(s); ) {
-      const n = l[2].split(";").map((r) => {
-        const c = r.indexOf(":");
-        return c < 1 ? null : [r.slice(0, c).trim().toLowerCase(), r.slice(c + 1).trim()];
+    const n = /([^{}]+)\{([^}]*)\}/g;
+    for (; l = n.exec(s); ) {
+      const o = l[2].split(";").map((r) => {
+        const a = r.indexOf(":");
+        return a < 1 ? null : [r.slice(0, a).trim().toLowerCase(), r.slice(a + 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 }));
+      o.length && l[1].split(",").map((r) => r.trim()).filter((r) => r && !r.startsWith("@")).forEach((r) => t.push({ sel: r, decls: o }));
     }
   }
   return t;
 }
-function Ct(p, t) {
+function Et(d, t) {
   if (!t.length) return;
   const e = /* @__PURE__ */ new Map();
   t.forEach(({ sel: i, decls: s }) => {
     let l;
     try {
-      l = p.querySelectorAll(i);
+      l = d.querySelectorAll(i);
     } catch {
       return;
     }
-    l.forEach((o) => {
-      let n = e.get(o);
-      n || (n = {}, e.set(o, n)), s.forEach(([r, c]) => {
-        n[r] = c;
+    l.forEach((n) => {
+      let o = e.get(n);
+      o || (o = {}, e.set(n, o)), s.forEach(([r, a]) => {
+        o[r] = a;
       });
     });
   }), e.forEach((i, s) => {
-    const l = P(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")));
+    const l = R(s), n = s.hasAttribute("dir"), o = s.hasAttribute("align"), r = Object.entries(i).filter(([p]) => !(p in l || (p === "direction" || p === "unicode-bidi") && n || p === "text-align" && (o || n) || (p === "background" || p === "background-color") && s.hasAttribute("bgcolor")));
     if (!r.length) return;
-    const c = r.map(([d, m]) => d + ":" + m).join(";"), h = s.getAttribute("style");
-    s.setAttribute("style", h ? c + ";" + h : c);
+    const a = r.map(([p, m]) => p + ":" + m).join(";"), h = s.getAttribute("style");
+    s.setAttribute("style", h ? a + ";" + h : a);
   });
 }
-function tt(p) {
-  return p.replace(/[ﭐ-﷿ﹰ-ﻼ]+/g, (t) => t.normalize("NFKC"));
+function st(d) {
+  return d.replace(/[ﭐ-﷿ﹰ-ﻼ]+/g, (t) => t.normalize("NFKC"));
 }
-function wt(p) {
-  const t = p.createTreeWalker(p.body, NodeFilter.SHOW_TEXT, null);
+function Lt(d) {
+  const t = d.createTreeWalker(d.body, NodeFilter.SHOW_TEXT, null);
   let e;
   for (; e = t.nextNode(); )
-    /[ﭐ-﷿ﹰ-ﻼ]/.test(e.nodeValue || "") && (e.nodeValue = tt(e.nodeValue || ""));
+    /[ﭐ-﷿ﹰ-ﻼ]/.test(e.nodeValue || "") && (e.nodeValue = st(e.nodeValue || ""));
 }
-function Tt(p, t = "ltr") {
-  const e = xt(p), i = new DOMParser().parseFromString(gt(p), "text/html");
-  Ct(i, e), /class="?Mso|mso-|urn:schemas-microsoft-com/i.test(i.body.innerHTML) && vt(i), bt(i), yt(i), Z(i.body, i), wt(i);
+function Ht(d, t = "ltr") {
+  const e = Mt(d), i = new DOMParser().parseFromString(xt(d), "text/html");
+  Et(i, e), /class="?Mso|mso-|urn:schemas-microsoft-com/i.test(i.body.innerHTML) && wt(i), Tt(i), St(i), Z(i.body, i), Lt(i);
   const s = (l) => {
-    var o;
-    return l && l.tagName === "P" && !((o = l.textContent) != null && o.trim()) && !l.querySelector("img,table");
+    var n;
+    return l && l.tagName === "P" && !((n = l.textContent) != null && n.trim()) && !l.querySelector("img,table");
   };
   for (; s(i.body.firstElementChild); ) i.body.firstElementChild.remove();
   for (; s(i.body.lastElementChild); ) i.body.lastElementChild.remove();
   return i.body.innerHTML.trim();
 }
-function Mt(p) {
-  const t = tt(p).replace(/\r/g, ""), e = (i) => i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+function kt(d) {
+  const t = st(d).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 Et(p) {
-  const t = new DataView(p), e = /* @__PURE__ */ new Map();
+const At = 10 * 1024 * 1024, lt = /^(https?:|data:image\/|blob:)/i;
+function G(d, t) {
+  const e = [], i = "{\\" + t;
+  let s = 0;
+  for (; (s = d.indexOf(i, s)) !== -1; ) {
+    const l = d[s + i.length];
+    if (l && /[a-z0-9]/i.test(l)) {
+      s += i.length;
+      continue;
+    }
+    let n = 0, o = s;
+    for (; o < d.length; o++) {
+      const r = d[o];
+      if (r === "\\") {
+        o++;
+        continue;
+      }
+      if (r === "{") n++;
+      else if (r === "}" && (n--, !n))
+        break;
+    }
+    e.push({ start: s, end: o + 1, body: d.slice(s + i.length, o) }), s = o + 1;
+  }
+  return e;
+}
+function It(d) {
+  const t = new Uint8Array(d.length / 2);
+  for (let e = 0; e < t.length; e++) t[e] = parseInt(d.substr(e * 2, 2), 16);
+  return t;
+}
+function F(d) {
+  let t = "";
+  for (let e = 0; e < d.length; e++) t += String.fromCharCode(d[e]);
+  return btoa(t);
+}
+function Y(d, t) {
+  t: for (let e = 0; e + t.length <= d.length; e++) {
+    for (let i = 0; i < t.length; i++) if (d[e + i] !== t[i]) continue t;
+    return e;
+  }
+  return -1;
+}
+const qt = [137, 80, 78, 71], Bt = [255, 216, 255];
+function Nt(d) {
+  let t = null;
+  if (/\\pngblip/.test(d) ? t = "image/png" : /\\jpegblip/.test(d) ? t = "image/jpeg" : (/\\wmetafile\d*/.test(d) || /\\emfblip/.test(d)) && (t = "metafile"), !t) return null;
+  let e = d.replace(/\{[^{}]*\}/g, "").replace(/\\[a-z]+-?\d*\s?/gi, "").replace(/[^0-9a-fA-F]/g, "");
+  if (e.length % 2 && (e = e.slice(0, -1)), !e) return null;
+  const i = It(e);
+  if (t === "metafile") {
+    const s = Y(i, qt);
+    if (s >= 0) return "data:image/png;base64," + F(i.slice(s));
+    const l = Y(i, Bt);
+    return l >= 0 ? "data:image/jpeg;base64," + F(i.slice(l)) : null;
+  }
+  return "data:" + t + ";base64," + F(i);
+}
+function Zt(d) {
+  if (!d || d.indexOf("\\pict") === -1) return [];
+  let t = d;
+  G(d, "nonshppict").reverse().forEach((i) => {
+    t = t.slice(0, i.start) + t.slice(i.end);
+  });
+  let e = At;
+  return G(t, "pict").map((i) => {
+    if (e <= 0) return null;
+    const s = Nt(i.body);
+    return s && (e -= s.length * 0.75), s;
+  });
+}
+function nt(d, t) {
+  if (!d || !t.length) return { html: d, injected: [] };
+  const e = [];
+  let i = 0;
+  return { html: d.replace(/<img\b[^>]*>/gi, (l) => {
+    const n = (l.match(/\ssrc\s*=\s*["']?([^"'\s>]+)/i) || [])[1] || "";
+    if (lt.test(n)) return l;
+    const o = t[i++];
+    return o ? (e.push(o), /\ssrc\s*=\s*["']/i.test(l) ? l.replace(/(\ssrc\s*=\s*)(["'])[^"']*\2/i, '$1"' + o + '"') : l.replace(/(\ssrc\s*=\s*)[^\s>]+/i, '$1"' + o + '"')) : l;
+  }), injected: e };
+}
+function Pt(d, t) {
+  return !d || !t ? { html: d, injected: [] } : nt(d, Zt(t));
+}
+function Rt(d) {
+  const t = d.match(/<img\b[^>]*>/gi);
+  return t ? t.filter((e) => {
+    const i = (e.match(/\ssrc\s*=\s*["']?([^"'\s>]+)/i) || [])[1] || "";
+    return !lt.test(i);
+  }).length : 0;
+}
+function Dt(d, t) {
+  const e = d.match(/^data:([^;,]+);base64,(.*)$/);
+  if (!e) return null;
+  const i = (e[1].split("/")[1] || "png").replace(/[^a-z0-9]/gi, "") || "png";
+  try {
+    const s = atob(e[2]), l = new Uint8Array(s.length);
+    for (let n = 0; n < s.length; n++) l[n] = s.charCodeAt(n);
+    return new File([l], t + "." + (i === "jpeg" ? "jpg" : i), { type: e[1] });
+  } catch {
+    return null;
+  }
+}
+function Ft(d) {
+  const t = new DataView(d), e = /* @__PURE__ */ new Map();
   let i = -1;
-  for (let n = p.byteLength - 22; n >= Math.max(0, p.byteLength - 22 - 65535); n--)
-    if (t.getUint32(n, !0) === 101010256) {
-      i = n;
+  for (let o = d.byteLength - 22; o >= Math.max(0, d.byteLength - 22 - 65535); o--)
+    if (t.getUint32(o, !0) === 101010256) {
+      i = o;
       break;
     }
   if (i < 0) throw new Error("EOCD not found");
   const s = t.getUint16(i + 10, !0);
   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), 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;
+  const n = new TextDecoder();
+  for (let o = 0; o < s && t.getUint32(l, !0) === 33639248; o++) {
+    const r = t.getUint16(l + 10, !0), a = t.getUint32(l + 20, !0), h = t.getUint16(l + 28, !0), p = t.getUint16(l + 30, !0), m = t.getUint16(l + 32, !0), g = t.getUint32(l + 42, !0), u = n.decode(new Uint8Array(d, l + 46, h));
+    e.set(u, { name: u, method: r, compSize: a, localOffset: g }), l += 46 + h + p + m;
   }
   return e;
 }
-async function Q(p, t) {
-  const e = new DataView(p, t.localOffset);
+async function K(d, t) {
+  const e = new DataView(d, 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));
-  if (t.method === 0) return o;
+  const i = e.getUint16(26, !0), s = e.getUint16(28, !0), l = t.localOffset + 30 + i + s, n = new Uint8Array(d.slice(l, l + t.compSize));
+  if (t.method === 0) return n;
   if (t.method !== 8) throw new Error("Unsupported compression method " + t.method);
-  const n = new Blob([o]).stream().pipeThrough(new DecompressionStream("deflate-raw"));
-  return new Uint8Array(await new Response(n).arrayBuffer());
+  const o = new Blob([n]).stream().pipeThrough(new DecompressionStream("deflate-raw"));
+  return new Uint8Array(await new Response(o).arrayBuffer());
 }
-const G = (p) => p.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), D = (p, t) => Array.from(p.children).filter((e) => e.localName === t), E = (p, ...t) => {
-  let e = p;
+const J = (d) => d.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), P = (d, t) => Array.from(d.children).filter((e) => e.localName === t), M = (d, ...t) => {
+  let e = d;
   for (const i of t) {
     if (!e) return null;
     e = Array.from(e.children).find((s) => s.localName === i) || null;
   }
   return e;
-}, T = (p, t = "val") => {
-  if (!p) return "";
-  for (const e of Array.from(p.attributes))
+}, T = (d, t = "val") => {
+  if (!d) return "";
+  for (const e of Array.from(d.attributes))
     if (e.localName === t) return e.value;
   return "";
-}, B = (p, t) => {
-  const e = p ? E(p, t) : null;
+}, B = (d, t) => {
+  const e = d ? M(d, t) : null;
   if (!e) return !1;
   const i = T(e);
   return i !== "false" && i !== "0";
-}, Y = {
+}, tt = {
   yellow: "#FFFF00",
   green: "#00FF00",
   cyan: "#00FFFF",
@@ -2175,7 +2278,7 @@ const G = (p) => p.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&
   lightGray: "#D3D3D3",
   black: "#000000",
   white: "#FFFFFF"
-}, St = {
+}, Ot = {
   png: "image/png",
   jpg: "image/jpeg",
   jpeg: "image/jpeg",
@@ -2183,13 +2286,13 @@ const G = (p) => p.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&
   bmp: "image/bmp",
   webp: "image/webp"
 };
-function Lt(p) {
+function $t(d) {
   let t = "";
-  for (let e = 0; e < p.length; e += 32768)
-    t += String.fromCharCode(...p.subarray(e, e + 32768));
+  for (let e = 0; e < d.length; e += 32768)
+    t += String.fromCharCode(...d.subarray(e, e + 32768));
   return btoa(t);
 }
-class Ht {
+class _t {
   constructor(t, e, i) {
     this.rels = t, this.images = e, this.numFmt = i;
   }
@@ -2200,12 +2303,12 @@ class Ht {
     };
     for (const l of Array.from(t.children))
       if (l.localName === "p") {
-        const o = this.paraList(l);
-        if (o) {
-          const n = o.ilvl + 1;
-          for (; i.length > n; ) e += `</${i.pop()}>`;
-          for (i.length === n && i[n - 1] !== o.type && (e += `</${i.pop()}>`); i.length < n; )
-            e += `<${o.type}>`, i.push(o.type);
+        const n = this.paraList(l);
+        if (n) {
+          const o = n.ilvl + 1;
+          for (; i.length > o; ) e += `</${i.pop()}>`;
+          for (i.length === o && i[o - 1] !== n.type && (e += `</${i.pop()}>`); i.length < o; )
+            e += `<${n.type}>`, i.push(n.type);
           e += `<li>${this.runsOf(l) || "<br>"}</li>`;
           continue;
         }
@@ -2214,22 +2317,22 @@ class Ht {
     return s(0), e || "<p><br></p>";
   }
   paraList(t) {
-    const e = E(t, "pPr", "numPr");
+    const e = M(t, "pPr", "numPr");
     if (!e) return null;
-    const i = T(E(e, "numId"));
+    const i = T(M(e, "numId"));
     if (!i || i === "0") return null;
-    const s = parseInt(T(E(e, "ilvl")) || "0", 10) || 0;
+    const s = parseInt(T(M(e, "ilvl")) || "0", 10) || 0;
     return { type: this.numFmt.get(i) || "ul", ilvl: Math.min(s, 8) };
   }
   convertPara(t) {
-    const e = E(t, "pPr"), i = T(E(t, "pPr", "pStyle"));
+    const e = M(t, "pPr"), i = T(M(t, "pPr", "pStyle"));
     let s = "p";
     const l = /^Heading([1-6])$/i.exec(i);
     l ? s = "h" + l[1] : /^Title$/i.test(i) && (s = "h1");
-    const o = [], n = T(E(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 && E(e, "bidi") && o.push("direction:rtl");
-    const r = this.runsOf(t), c = o.length ? ` style="${o.join(";")}"` : "";
-    return `<${s}${c}>${r || "<br>"}</${s}>`;
+    const n = [], o = T(M(t, "pPr", "jc"));
+    o === "center" ? n.push("text-align:center") : o === "right" || o === "end" ? n.push("text-align:right") : (o === "both" || o === "distribute") && n.push("text-align:justify"), e && M(e, "bidi") && n.push("direction:rtl");
+    const r = this.runsOf(t), a = n.length ? ` style="${n.join(";")}"` : "";
+    return `<${s}${a}>${r || "<br>"}</${s}>`;
   }
   runsOf(t) {
     let e = "";
@@ -2239,88 +2342,88 @@ class Ht {
         let s = this.rels.get(T(i, "id")) || "";
         const l = T(i, "anchor");
         !s && l && (s = "#" + l);
-        const o = this.runsOf(i);
-        e += s ? `<a href="${G(s)}">${o}</a>` : o;
+        const n = this.runsOf(i);
+        e += s ? `<a href="${J(s)}">${n}</a>` : n;
       } else (i.localName === "smartTag" || i.localName === "ins") && (e += this.runsOf(i));
     return e;
   }
   convertRun(t) {
-    const e = E(t, "rPr");
+    const e = M(t, "rPr");
     let i = "";
-    for (const d of Array.from(t.children))
-      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));
+    for (const p of Array.from(t.children))
+      p.localName === "t" ? i += J(p.textContent || "") : p.localName === "br" || p.localName === "cr" ? i += "<br>" : p.localName === "tab" ? i += "&emsp;" : (p.localName === "drawing" || p.localName === "pict" || p.localName === "object") && (i += this.convertImage(p));
     if (!i) return "";
-    const s = [], l = T(e ? E(e, "color") : null);
+    const s = [], l = T(e ? M(e, "color") : null);
     l && l !== "auto" && s.push("color:#" + l);
-    const o = T(e ? E(e, "highlight") : null);
-    o && Y[o] && s.push("background-color:" + Y[o]);
-    const n = parseFloat(T(e ? E(e, "sz") : null));
-    n && s.push("font-size:" + Math.round(n / 2 * (4 / 3)) + "px");
-    const r = e ? E(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(E(e, "u")) !== "none" && (i = `<u>${i}</u>`), B(e, "strike") && (i = `<s>${i}</s>`);
-    const h = T(e ? E(e, "vertAlign") : null);
+    const n = T(e ? M(e, "highlight") : null);
+    n && tt[n] && s.push("background-color:" + tt[n]);
+    const o = parseFloat(T(e ? M(e, "sz") : null));
+    o && s.push("font-size:" + Math.round(o / 2 * (4 / 3)) + "px");
+    const r = e ? M(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>`), B(e, "b") && (i = `<strong>${i}</strong>`), B(e, "i") && (i = `<em>${i}</em>`), B(e, "u") && T(M(e, "u")) !== "none" && (i = `<u>${i}</u>`), B(e, "strike") && (i = `<s>${i}</s>`);
+    const h = T(e ? M(e, "vertAlign") : null);
     return h === "superscript" ? i = `<sup>${i}</sup>` : h === "subscript" && (i = `<sub>${i}</sub>`), i;
   }
   convertImage(t) {
     let e = "", i = 0;
-    const s = (n) => {
-      if (n.localName === "blip" && (e = e || T(n, "embed") || T(n, "link")), n.localName === "imagedata" && (e = e || T(n, "id")), n.localName === "extent") {
-        const r = parseFloat(n.getAttribute("cx") || "0");
+    const s = (o) => {
+      if (o.localName === "blip" && (e = e || T(o, "embed") || T(o, "link")), o.localName === "imagedata" && (e = e || T(o, "id")), o.localName === "extent") {
+        const r = parseFloat(o.getAttribute("cx") || "0");
         r && (i = Math.round(r / 9525));
       }
-      for (const r of Array.from(n.children)) s(r);
+      for (const r of Array.from(o.children)) s(r);
     };
     if (s(t), !e) return "";
     const l = this.images.get(e);
     if (!l) return "";
-    const o = i ? ` width="${i}"` : "";
-    return `<img src="${l}" alt=""${o}>`;
+    const n = i ? ` width="${i}"` : "";
+    return `<img src="${l}" alt=""${n}>`;
   }
   convertTable(t) {
     let e = '<table style="border-collapse:collapse;width:100%"><tbody>';
-    for (const i of D(t, "tr")) {
+    for (const i of P(t, "tr")) {
       e += "<tr>";
-      for (const s of D(i, "tc")) {
-        const l = parseInt(T(E(s, "tcPr", "gridSpan")) || "1", 10) || 1, o = l > 1 ? ` colspan="${l}"` : "";
-        let n = "";
+      for (const s of P(i, "tc")) {
+        const l = parseInt(T(M(s, "tcPr", "gridSpan")) || "1", 10) || 1, n = l > 1 ? ` colspan="${l}"` : "";
+        let o = "";
         for (const r of Array.from(s.children))
-          r.localName === "p" ? n += this.convertPara(r) : r.localName === "tbl" && (n += this.convertTable(r));
-        e += `<td style="border:1px solid #b9c2cc"${o}>${n || "<br>"}</td>`;
+          r.localName === "p" ? o += this.convertPara(r) : r.localName === "tbl" && (o += this.convertTable(r));
+        e += `<td style="border:1px solid #b9c2cc"${n}>${o || "<br>"}</td>`;
       }
       e += "</tr>";
     }
     return e + "</tbody></table>";
   }
 }
-async function kt(p) {
-  const t = p instanceof ArrayBuffer ? p : await p.arrayBuffer(), e = Et(t), i = new TextDecoder(), s = async (u) => {
+async function zt(d) {
+  const t = d instanceof ArrayBuffer ? d : await d.arrayBuffer(), e = Ft(t), i = new TextDecoder(), s = async (u) => {
     const v = e.get(u);
-    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) {
-    for (const u of Array.from(o))
+    return v ? new DOMParser().parseFromString(i.decode(await K(t, v)), "application/xml") : null;
+  }, l = await s("word/document.xml"), n = l == null ? void 0 : l.getElementsByTagName("*");
+  let o = null;
+  if (n) {
+    for (const u of Array.from(n))
       if (u.localName === "body") {
-        n = u;
+        o = u;
         break;
       }
   }
-  if (!n) throw new Error("word/document.xml missing or invalid");
-  const r = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), h = await s("word/_rels/document.xml.rels");
+  if (!o) 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");
   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) && c.set(v, b);
+      /hyperlink/i.test(x) ? r.set(v, b) : /image/i.test(x) && a.set(v, b);
     }
-  const d = /* @__PURE__ */ new Map();
-  for (const [u, v] of c) {
+  const p = /* @__PURE__ */ new Map();
+  for (const [u, v] of a) {
     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)
+    const C = (b.split(".").pop() || "").toLowerCase(), S = Ot[C];
+    if (S)
       try {
-        d.set(u, `data:${M};base64,${Lt(await Q(t, x))}`);
+        p.set(u, `data:${S};base64,${$t(await K(t, x))}`);
       } catch {
       }
   }
@@ -2329,83 +2432,83 @@ async function kt(p) {
     const u = /* @__PURE__ */ new Map(), v = Array.from(g.getElementsByTagName("*"));
     for (const b of v) {
       if (b.localName !== "abstractNum") continue;
-      const x = T(b, "abstractNumId"), C = D(b, "lvl").find((w) => T(w, "ilvl") === "0") || D(b, "lvl")[0], M = C ? T(E(C, "numFmt")) : "";
-      u.set(x, M === "bullet" ? "ul" : "ol");
+      const x = T(b, "abstractNumId"), C = P(b, "lvl").find((w) => T(w, "ilvl") === "0") || P(b, "lvl")[0], S = C ? T(M(C, "numFmt")) : "";
+      u.set(x, S === "bullet" ? "ul" : "ol");
     }
     for (const b of v) {
       if (b.localName !== "num") continue;
-      const x = T(b, "numId"), C = T(E(b, "abstractNumId"));
+      const x = T(b, "numId"), C = T(M(b, "abstractNumId"));
       m.set(x, u.get(C) || "ul");
     }
   }
-  return new Ht(r, d, m).convertBody(n);
+  return new _t(r, p, m).convertBody(o);
 }
-const At = ["nw", "ne", "sw", "se"], F = ["img-left", "img-right", "img-top", "img-center"], O = {
+const Ut = ["nw", "ne", "sw", "se"], O = ["img-left", "img-right", "img-top", "img-center"], $ = {
   "img-left": "tplimgleft",
   "img-right": "tplimgright",
   "img-top": "tplimgtop",
   "img-center": "tplimgcenter"
-}, It = {
-  "img-left": a.tplleft,
-  "img-right": a.tplright,
-  "img-top": a.tpltop,
-  "img-center": a.tplcenter
-}, qt = ".tox,.pop,.tblctx,.imgctx,.selctx,.dlg";
-let S = null, A = null, $ = 0, K = !1;
+}, Wt = {
+  "img-left": c.tplleft,
+  "img-right": c.tplright,
+  "img-top": c.tpltop,
+  "img-center": c.tplcenter
+}, jt = ".tox,.pop,.tblctx,.imgctx,.selctx,.dlg";
+let E = null, A = null, _ = 0, et = !1;
 function N() {
-  clearTimeout($), A = null, S && S.classList.remove("show");
+  clearTimeout(_), A = null, E && E.classList.remove("show");
 }
-function Bt(p) {
-  const t = p.dataset.tip;
+function Vt(d) {
+  const t = d.dataset.tip;
   if (!t) return;
-  A = p, clearTimeout($);
-  const e = S && S.classList.contains("show") ? 60 : 350;
-  $ = window.setTimeout(() => {
-    if (A !== p || !document.contains(p)) return;
-    S || (S = document.createElement("div"), S.className = "etip", document.body.appendChild(S)), S.textContent = t, S.classList.add("show");
-    const i = p.getBoundingClientRect(), s = S.offsetWidth, l = S.offsetHeight;
-    let o = i.left + i.width / 2 - s / 2;
-    o = Math.max(6, Math.min(o, innerWidth - s - 6));
-    let n = i.bottom + 7;
-    n + l > innerHeight - 6 && (n = i.top - l - 7), S.style.left = o + "px", S.style.top = n + "px";
+  A = d, clearTimeout(_);
+  const e = E && E.classList.contains("show") ? 60 : 350;
+  _ = window.setTimeout(() => {
+    if (A !== d || !document.contains(d)) return;
+    E || (E = document.createElement("div"), E.className = "etip", document.body.appendChild(E)), E.textContent = t, E.classList.add("show");
+    const i = d.getBoundingClientRect(), s = E.offsetWidth, l = E.offsetHeight;
+    let n = i.left + i.width / 2 - s / 2;
+    n = Math.max(6, Math.min(n, innerWidth - s - 6));
+    let o = i.bottom + 7;
+    o + l > innerHeight - 6 && (o = i.top - l - 7), E.style.left = n + "px", E.style.top = o + "px";
   }, e);
 }
-function Nt() {
-  K || (K = !0, document.addEventListener("mouseover", (p) => {
-    const t = p.target, e = t.closest ? t.closest("[title],[data-tip]") : null;
-    if (!e || !e.closest(qt) || e.closest(".earea")) {
+function Xt() {
+  et || (et = !0, document.addEventListener("mouseover", (d) => {
+    const t = d.target, e = t.closest ? t.closest("[title],[data-tip]") : null;
+    if (!e || !e.closest(jt) || e.closest(".earea")) {
       e !== A && N();
       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 && Bt(e);
-  }), document.addEventListener("mouseout", (p) => {
-    A && !A.contains(p.relatedTarget) && N();
+    i && (e.dataset.tip = i, e.removeAttribute("title"), e.getAttribute("aria-label") || e.setAttribute("aria-label", i)), e !== A && Vt(e);
+  }), document.addEventListener("mouseout", (d) => {
+    A && !A.contains(d.relatedTarget) && N();
   }), document.addEventListener("mousedown", N, !0), addEventListener("scroll", N, !0));
 }
-const Zt = /[\u0590-\u05FF\u0600-\u06FF\u0750-\u077F\u0780-\u07BF\u08A0-\u08FF\uFB1D-\uFB4F\uFB50-\uFDFF\uFE70-\uFEFF]/, Dt = new RegExp("\\p{L}", "u"), Pt = "p,div,li,td,th,blockquote,h1,h2,h3,h4,h5,h6,pre,figcaption";
-function Rt(p) {
-  for (const t of p) {
-    if (Zt.test(t)) return "rtl";
-    if (Dt.test(t)) return "ltr";
+const Qt = /[\u0590-\u05FF\u0600-\u06FF\u0750-\u077F\u0780-\u07BF\u08A0-\u08FF\uFB1D-\uFB4F\uFB50-\uFDFF\uFE70-\uFEFF]/, Gt = new RegExp("\\p{L}", "u"), Yt = "p,div,li,td,th,blockquote,h1,h2,h3,h4,h5,h6,pre,figcaption";
+function Kt(d) {
+  for (const t of d) {
+    if (Qt.test(t)) return "rtl";
+    if (Gt.test(t)) return "ltr";
   }
   return null;
 }
-function et(p) {
+function ot(d) {
   let t = "";
-  return p.childNodes.forEach((e) => {
+  return d.childNodes.forEach((e) => {
     if (e.nodeType === Node.TEXT_NODE)
       t += e.nodeValue || "";
     else if (e.nodeType === Node.ELEMENT_NODE) {
       const i = e, s = (i.getAttribute("dir") || "").toLowerCase();
       if (s === "rtl" || s === "ltr") return;
-      t += et(i);
+      t += ot(i);
     }
   }), t;
 }
 const I = class I {
   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-" + I.instanceCounter++, this.contentStyleEl = null, this.savedRange = null, this.foreColor = "#000000", this.backColor = "#FACC15", this.openPop = null, this.subStack = [], 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,
@@ -2419,20 +2522,20 @@ const I = class I {
       statusbar: t.statusbar ?? !0,
       readonly: t.readonly ?? !1,
       draftKey: t.draftKey ?? (typeof location < "u" ? location.pathname : "default"),
-      fontFamilyFormats: t.fontFamilyFormats ?? ot,
+      fontFamilyFormats: t.fontFamilyFormats ?? ht,
       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);
+    }, 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.stampExistingImages(), this.options.onReady(this);
   }
   t(t) {
-    const e = R(this.lang)[t];
+    const e = D(this.lang)[t];
     return typeof e == "string" ? e : e.join(",");
   }
   tArr(t) {
-    return R(this.lang)[t];
+    return D(this.lang)[t];
   }
   dir() {
-    return R(this.lang).dir;
+    return D(this.lang).dir;
   }
   /* ---------------------------------------------------------- DOM setup */
   initDOM() {
@@ -2445,7 +2548,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), Nt(), 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), Xt(), 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
@@ -2465,19 +2568,19 @@ const I = class I {
     let e = 0, i = 0;
     const s = (l) => {
       e = l.clientY, i = this.ed.offsetHeight, l.preventDefault();
-      const o = (r) => {
+      const n = (r) => {
         this.ed.style.height = Math.max(120, i + r.clientY - e) + "px";
-      }, n = () => {
-        window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", n);
+      }, o = () => {
+        window.removeEventListener("mousemove", n), window.removeEventListener("mouseup", o);
       };
-      window.addEventListener("mousemove", o), window.addEventListener("mouseup", n);
+      window.addEventListener("mousemove", n), window.addEventListener("mouseup", o);
     };
     t.addEventListener("mousedown", s), this.listeners.push(() => t.removeEventListener("mousedown", s));
   }
   /* ---------------------------------------------------------- event binding */
   bindEvents() {
     if (this.onDoc("mousedown", (t) => {
-      this.openPop && !this.openPop.contains(t.target) && !this.popAnchor.contains(t.target) && !(this.openSubEl && this.openSubEl.contains(t.target)) && this.closePop();
+      this.openPop && !this.openPop.contains(t.target) && !this.popAnchor.contains(t.target) && !this.subContains(t.target) && this.closePop();
     }), this.onDoc("keydown", (t) => {
       t.key === "Escape" && (this.closePop(), this.closeDlg());
     }), this.onDoc("selectionchange", () => {
@@ -2488,52 +2591,54 @@ const I = class I {
     }), this.on(this.ed, "keydown", (t) => {
       t.altKey && t.key === "0" && (t.preventDefault(), this.helpDlg()), (t.key === "Delete" || t.key === "Backspace") && this.phActive && (t.preventDefault(), this.removeImgPlaceholder()), (t.key === "Delete" || t.key === "Backspace") && this.vphActive && (t.preventDefault(), this.removeVphPlaceholder()), t.key === "`" && !t.ctrlKey && !t.metaKey && !t.altKey && this.tryCodeTyping(t), t.key === "Enter" && !t.shiftKey && !t.ctrlKey && !t.metaKey && !t.altKey && this.tryExitBlockquote(t);
     }), this.on(this.ed, "paste", (t) => this.handlePaste(t)), this.on(this.ed, "drop", (t) => {
-      var l, o, n, r;
+      var l, n, o, r;
       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 c = Array.from(((o = t.dataTransfer) == null ? void 0 : o.files) || []).find((h) => h.type.startsWith("image/"));
-        c && this.readImageFileInto(c, i);
+        const a = Array.from(((n = t.dataTransfer) == null ? void 0 : n.files) || []).find((h) => h.type.startsWith("image/"));
+        a && this.readImageFileInto(a, i);
         return;
       }
-      const s = (n = e.closest) == null ? void 0 : n.call(e, ".vid-ph");
+      const s = (o = e.closest) == null ? void 0 : o.call(e, ".vid-ph");
       if (s && this.ed.contains(s) && !this.options.readonly) {
-        const c = Array.from(((r = t.dataTransfer) == null ? void 0 : r.files) || []).find((h) => h.type.startsWith("video/"));
-        c && this.readVideoFileInto(c, s);
+        const a = Array.from(((r = t.dataTransfer) == null ? void 0 : r.files) || []).find((h) => h.type.startsWith("video/"));
+        a && this.readVideoFileInto(a, s);
       }
     }), this.on(this.ed, "dragover", (t) => t.preventDefault()), this.on(this.ed, "mousedown", (t) => {
-      var h, d, m, g, u, v, b;
+      var h, p, m, g, u, v, b;
       const e = t.target, i = (h = e.closest) == null ? void 0 : h.call(e, "table");
       i && this.ed.contains(i) ? this.selectTableForResize(i) : this.clearTableHandles();
-      const s = (d = e.closest) == null ? void 0 : d.call(e, ".img-ph:not(.vid-ph)");
+      const s = (p = e.closest) == null ? void 0 : p.call(e, ".img-ph:not(.vid-ph)");
       s && this.ed.contains(s) && !this.options.readonly ? (t.preventDefault(), this.ed.focus(), this.selectImgPlaceholder(s)) : this.clearImgPlaceholderSel();
       const l = (m = e.closest) == null ? void 0 : m.call(e, ".vid-ph");
       l && this.ed.contains(l) && !this.options.readonly ? (t.preventDefault(), this.ed.focus(), this.selectVphPlaceholder(l)) : this.clearVphPlaceholderSel();
-      const o = (g = e.closest) == null ? void 0 : g.call(e, ".tpl");
-      o && this.ed.contains(o) && !this.options.readonly ? this.selectTemplate(o) : this.clearTplSel();
-      const n = (u = e.closest) == null ? void 0 : u.call(e, "pre.code-block");
-      n && this.ed.contains(n) && !this.options.readonly ? (t.preventDefault(), this.selectCodeEl(n)) : this.clearCodeSel();
+      const n = (g = e.closest) == null ? void 0 : g.call(e, ".tpl");
+      n && this.ed.contains(n) && !this.options.readonly ? this.selectTemplate(n) : this.clearTplSel();
+      const o = (u = e.closest) == null ? void 0 : u.call(e, "pre.code-block");
+      o && this.ed.contains(o) && !this.options.readonly ? (t.preventDefault(), this.selectCodeEl(o)) : 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 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();
+      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();
     }), this.on(this.ed, "mouseover", (t) => {
       var i, s;
       if (this.options.readonly) return;
       const e = (s = (i = t.target).closest) == null ? void 0 : s.call(i, "img");
       e && this.ed.contains(e) && (this.cancelImgHide(), this.selectImage(e));
     }), this.on(this.ed, "mouseout", (t) => {
-      var s, l, o, n;
+      var s, l, n, o;
       const e = (l = (s = t.target).closest) == null ? void 0 : l.call(s, "img");
       if (!e) return;
       const i = t.relatedTarget;
-      i && ((o = this.imgCtx) != null && o.contains(i) || this.imgHandles.some((r) => r.contains(i)) || ((n = i.closest) == null ? void 0 : n.call(i, "img")) === e) || this.scheduleImgHide();
+      i && ((n = this.imgCtx) != null && n.contains(i) || this.imgHandles.some((r) => r.contains(i)) || ((o = i.closest) == null ? void 0 : o.call(i, "img")) === e) || this.scheduleImgHide();
     }), this.on(this.ed, "scroll", () => {
       this.positionTableHandles(), this.positionImageHandles(), this.positionImgPhCtx(), this.positionTplCtx(), this.positionVphCtx(), this.positionVidCtx(), this.positionCodeCtx();
     }), this.onWin(
       "scroll",
-      () => {
-        this.closePop(), this.positionTableHandles(), this.positionImageHandles(), this.positionImgPhCtx(), this.positionTplCtx(), this.positionVphCtx(), this.positionVidCtx(), this.positionCodeCtx(), this.repositionSelToolbar();
+      (t) => {
+        var s;
+        const e = t.target;
+        e instanceof Node && ((((s = this.openPop) == null ? void 0 : s.contains(e)) ?? !1) || this.subContains(e)) || this.closePop(), this.positionTableHandles(), this.positionImageHandles(), this.positionImgPhCtx(), this.positionTplCtx(), this.positionVphCtx(), this.positionVidCtx(), this.positionCodeCtx(), this.repositionSelToolbar();
       },
       !0
     ), this.onWin("resize", () => {
@@ -2553,11 +2658,7 @@ const I = class I {
       }
       const i = new FileReader();
       i.onload = () => {
-        this.restoreSel(), document.execCommand(
-          "insertHTML",
-          !1,
-          `<img src="${i.result}" title="${t.name.replace(/"/g, "")}" alt="">`
-        ), this.onChange();
+        this.restoreSel(), this.insertImageHTML(i.result, t.name.replace(/"/g, "")), this.onChange();
       }, i.readAsDataURL(t);
     }), this.on(this.vidInput, "change", () => {
       var s;
@@ -2581,7 +2682,7 @@ const I = class I {
       const t = (e = this.docInput.files) == null ? void 0 : e[0];
       t && this.importWordFile(t).catch(() => alert(this.t("importfail")));
     }), this.onDoc("mousedown", (t) => {
-      this.ed.contains(t.target) || t.target === this.tblCorner || this.tblColBars.includes(t.target) || this.tblCtx && this.tblCtx.contains(t.target) || this.imgHandles.includes(t.target) || this.imgCtx && this.imgCtx.contains(t.target) || this.phCtx && this.phCtx.contains(t.target) || this.tplCtx && this.tplCtx.contains(t.target) || this.selCtx && this.selCtx.contains(t.target) || this.vphCtx && this.vphCtx.contains(t.target) || this.vidCtx && this.vidCtx.contains(t.target) || this.codeCtx && this.codeCtx.contains(t.target) || this.openPop && this.openPop.contains(t.target) || this.openSubEl && this.openSubEl.contains(t.target) || (this.clearTableHandles(), this.clearImageHandles(), this.clearImgPlaceholderSel(), this.clearTplSel(), this.clearVphPlaceholderSel(), this.clearVidHandles(), this.clearCodeSel(), this.clearSelToolbar());
+      this.ed.contains(t.target) || t.target === this.tblCorner || this.tblColBars.includes(t.target) || this.tblCtx && this.tblCtx.contains(t.target) || this.imgHandles.includes(t.target) || this.imgCtx && this.imgCtx.contains(t.target) || this.phCtx && this.phCtx.contains(t.target) || this.tplCtx && this.tplCtx.contains(t.target) || this.selCtx && this.selCtx.contains(t.target) || this.vphCtx && this.vphCtx.contains(t.target) || this.vidCtx && this.vidCtx.contains(t.target) || this.codeCtx && this.codeCtx.contains(t.target) || this.openPop && this.openPop.contains(t.target) || this.subContains(t.target) || (this.clearTableHandles(), this.clearImageHandles(), this.clearImgPlaceholderSel(), this.clearTplSel(), this.clearVphPlaceholderSel(), this.clearVidHandles(), this.clearCodeSel(), this.clearSelToolbar());
     });
   }
   on(t, e, i) {
@@ -2611,33 +2712,41 @@ const I = class I {
    *  content with no strongly-directional character anywhere falls back to the
    *  editor's current direction. */
   getContentForEmail() {
-    const t = (o, n) => {
-      const r = (o.getAttribute("style") || "").trim();
-      o.setAttribute("style", r ? r.replace(/;?$/, "; ") + n : n);
+    const t = (o, r) => {
+      const a = (o.getAttribute("style") || "").trim();
+      o.setAttribute("style", a ? a.replace(/;?$/, "; ") + r : r);
     }, e = document.createElement("div");
     e.innerHTML = this.ed.innerHTML;
     let i = null;
     e.querySelectorAll("[dir]").forEach((o) => {
-      const n = (o.getAttribute("dir") || "").toLowerCase();
-      if (n !== "rtl" && n !== "ltr") return;
-      const r = n;
-      i || (i = r), /text-align\s*:/i.test(o.getAttribute("style") || "") || t(o, `text-align:${r === "rtl" ? "right" : "left"}`);
-    }), e.querySelectorAll(Pt).forEach((o) => {
-      const n = (o.getAttribute("dir") || "").toLowerCase();
-      if (n === "rtl" || n === "ltr") return;
-      const r = Rt(et(o));
-      if (!r) return;
-      i || (i = r), o.setAttribute("dir", r);
-      const c = /text-align\s*:/i.test(o.getAttribute("style") || "");
-      t(o, c ? `direction:${r}` : `direction:${r};text-align:${r === "rtl" ? "right" : "left"}`);
+      const r = (o.getAttribute("dir") || "").toLowerCase();
+      if (r !== "rtl" && r !== "ltr") return;
+      const a = r;
+      i || (i = a), /text-align\s*:/i.test(o.getAttribute("style") || "") || t(o, `text-align:${a === "rtl" ? "right" : "left"}`);
+    }), e.querySelectorAll(Yt).forEach((o) => {
+      const r = (o.getAttribute("dir") || "").toLowerCase();
+      if (r === "rtl" || r === "ltr") return;
+      const a = Kt(ot(o));
+      if (!a) return;
+      i || (i = a), o.setAttribute("dir", a);
+      const h = /text-align\s*:/i.test(o.getAttribute("style") || "");
+      t(o, h ? `direction:${a}` : `direction:${a};text-align:${a === "rtl" ? "right" : "left"}`);
     });
-    const s = i || this.ed.getAttribute("dir") || this.dir();
+    const s = this.ed.querySelectorAll("img");
+    e.querySelectorAll("img").forEach((o, r) => {
+      if (o.closest(".tpl-media")) return;
+      const a = s[r], h = Math.round((a == null ? void 0 : a.getBoundingClientRect().width) || 0);
+      h > 0 && !o.getAttribute("width") && o.setAttribute("width", String(h));
+      const p = o.getAttribute("style") || "";
+      h > 0 && !/(^|;)\s*width\s*:/i.test(p) && t(o, `width:${h}px`), /max-width\s*:/i.test(o.getAttribute("style") || "") || t(o, "max-width:100%"), /(^|;)\s*height\s*:/i.test(o.getAttribute("style") || "") || t(o, "height:auto");
+    });
+    const l = i || this.ed.getAttribute("dir") || this.dir();
     return e.querySelectorAll("table:not([dir])").forEach((o) => {
-      o.setAttribute("dir", s), /direction\s*:/i.test(o.getAttribute("style") || "") || t(o, `direction:${s}`);
-    }), `<div dir="${s}" style="direction:${s};text-align:${s === "rtl" ? "right" : "left"}">${e.innerHTML}</div>`;
+      o.setAttribute("dir", l), /direction\s*:/i.test(o.getAttribute("style") || "") || t(o, `direction:${l}`);
+    }), `<div dir="${l}" style="direction:${l};text-align:${l === "rtl" ? "right" : "left"}">${e.innerHTML}</div>`;
   }
   setContent(t) {
-    this.ed.innerHTML = t || "<p><br></p>", this.refreshState(), this.clearTableHandles(), this.clearImageHandles(), this.clearImgPlaceholderSel(), this.clearTplSel(), this.clearVphPlaceholderSel(), this.clearVidHandles(), this.clearCodeSel(), this.clearSelToolbar(), this.onChange();
+    this.ed.innerHTML = t || "<p><br></p>", this.refreshState(), this.clearTableHandles(), this.clearImageHandles(), this.clearImgPlaceholderSel(), this.clearTplSel(), this.clearVphPlaceholderSel(), this.clearVidHandles(), this.clearCodeSel(), this.clearSelToolbar(), this.onChange(), this.stampExistingImages();
   }
   insertContent(t) {
     this.restoreSel(), document.execCommand("insertHTML", !1, t), this.saveSel(), this.refreshState(), this.onChange();
@@ -2649,7 +2758,7 @@ const I = class I {
     this.ed.focus();
   }
   async importWordFile(t) {
-    const e = await kt(t);
+    const e = await zt(t);
     this.recordRevision(), this.setContent(e), this.recordRevision();
   }
   restoreDraft() {
@@ -2708,8 +2817,8 @@ const I = class I {
     t.preventDefault();
     const l = document.createElement("p");
     l.appendChild(document.createElement("br")), s.after(l), i.remove(), s.firstElementChild || s.remove();
-    const o = document.createRange();
-    o.setStart(l, 0), o.collapse(!0), e.removeAllRanges(), e.addRange(o), this.saveSel(), this.onChange();
+    const n = document.createRange();
+    n.setStart(l, 0), n.collapse(!0), e.removeAllRanges(), e.addRange(n), this.saveSel(), this.onChange();
   }
   selectedBlocks() {
     const t = window.getSelection();
@@ -2759,52 +2868,70 @@ const I = class I {
       s.className = "revprev";
       const l = document.createElement("button");
       l.type = "button", l.className = "revrestore", l.textContent = this.t("restore");
-      let o = this.revisions.length - 1;
-      const n = new Intl.DateTimeFormat(this.lang === "ar" ? "ar-AE" : "en-GB", {
+      let n = this.revisions.length - 1;
+      const o = new Intl.DateTimeFormat(this.lang === "ar" ? "ar-AE" : "en-GB", {
         year: "numeric",
         month: "short",
         day: "numeric",
         hour: "2-digit",
         minute: "2-digit",
         second: "2-digit"
-      }), r = {}, c = (h) => {
-        o = h, this.revisions.forEach((d, m) => {
+      }), r = {}, a = (h) => {
+        n = h, this.revisions.forEach((p, m) => {
           var g;
           return (g = r[m]) == null ? void 0 : g.classList.toggle("on", m === h);
         }), s.innerHTML = this.revisions[h].html, l.disabled = h === this.revisions.length - 1;
       };
       for (let h = this.revisions.length - 1; h >= 0; h--) {
-        const d = this.revisions[h], m = document.createElement("button");
+        const p = 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", () => c(h)), r[h] = m, i.appendChild(m);
+        const g = (new DOMParser().parseFromString(p.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") : o.format(new Date(p.time))}</span><span class="wc">${u} ${this.t("words")}</span>`, m.addEventListener("click", () => a(h)), r[h] = m, i.appendChild(m);
       }
       i.append(l), l.addEventListener("click", () => {
-        const h = this.revisions[o];
+        const h = this.revisions[n];
         h && (this.recordRevision(), this.setContent(h.html), this.recordRevision(), this.closeDlg());
-      }), e.append(i, s), t.appendChild(e), c(o);
+      }), e.append(i, s), t.appendChild(e), a(n);
     });
   }
   /* ---------------------------------------------------------- popups / menus */
   closeSub() {
-    var t;
-    (t = this.openSubEl) == null || t.remove(), this.openSubEl = null;
+    this.closeSubFrom(0);
+  }
+  /** Removes stacked flyouts from `level` (0 = shallowest) onward, keeping
+   *  anything shallower - e.g. hovering a sibling item inside the "Cell"
+   *  flyout should drop a deeper "Cell background" flyout but keep "Cell"
+   *  itself and the top-level popup it bridges to. */
+  closeSubFrom(t) {
+    for (; this.subStack.length > t; ) this.subStack.pop().remove();
+  }
+  /** True if `node` is inside any currently-open flyout submenu (any depth). */
+  subContains(t) {
+    return this.subStack.some((e) => e.contains(t));
+  }
+  /** 0 for the top-level popup itself; otherwise this container's depth in
+   *  the flyout stack + 1. Used to know how many deeper flyouts to close
+   *  when opening or hovering within `container`. */
+  subLevelOf(t) {
+    if (t === this.openPop) return 0;
+    const e = this.subStack.indexOf(t);
+    return e === -1 ? this.subStack.length : e + 1;
   }
   closePop() {
     var t;
     this.closeSub(), this.openPop && (this.openPop.remove(), this.openPop = null, (t = this.popAnchor) == null || t.classList.remove("open"), this.popAnchor = null, this.setOpTarget(null));
   }
   openSubFor(t, e) {
-    this.closeSub();
-    const i = document.createElement("div");
-    i.className = "pop sub", i.dir = this.dir(), t.subBuild ? t.subBuild(i) : t.sub && this.menuItems(i, t.sub), i.addEventListener("mousedown", (r) => {
-      r.target.tagName !== "INPUT" && r.preventDefault();
-    }), document.body.appendChild(i);
-    const s = e.getBoundingClientRect();
-    let o = this.dir() === "rtl" ? s.left - i.offsetWidth + 2 : s.right - 2;
-    o = Math.max(8, Math.min(o + scrollX, scrollX + innerWidth - i.offsetWidth - 8));
-    let n = s.top + scrollY - 6;
-    n = Math.max(8 + scrollY, Math.min(n, scrollY + innerHeight - i.offsetHeight - 8)), i.style.left = o + "px", i.style.top = n + "px", this.openSubEl = i;
+    const i = e.getBoundingClientRect(), s = e.closest(".pop");
+    this.closeSubFrom(s ? this.subLevelOf(s) : 0);
+    const l = document.createElement("div");
+    l.className = "pop sub", l.dir = this.dir(), t.subBuild ? t.subBuild(l) : t.sub && this.menuItems(l, t.sub), l.addEventListener("mousedown", (a) => {
+      a.target.tagName !== "INPUT" && a.preventDefault();
+    }), document.body.appendChild(l);
+    let o = this.dir() === "rtl" ? i.left - l.offsetWidth + 2 : i.right - 2;
+    o = Math.max(8, Math.min(o + scrollX, scrollX + innerWidth - l.offsetWidth - 8));
+    let r = i.top + scrollY - 6;
+    r = Math.max(8 + scrollY, Math.min(r, scrollY + innerHeight - l.offsetHeight - 8)), l.style.left = o + "px", l.style.top = r + "px", this.subStack.push(l);
   }
   popup(t, e, i) {
     if (this.openPop && this.popAnchor === t) {
@@ -2815,10 +2942,12 @@ const I = class I {
     const s = document.createElement("div");
     s.className = "pop" + (i ? " " + i : ""), s.dir = this.dir(), e(s), document.body.appendChild(s);
     const l = t.getBoundingClientRect();
-    s.style.minWidth = Math.max(160, Math.round(l.width)) + "px", s.style.top = l.bottom + scrollY + 2 + "px";
-    let n = this.dir() === "rtl" ? l.right - s.offsetWidth : l.left;
-    n = Math.max(8, Math.min(n + scrollX, scrollX + innerWidth - s.offsetWidth - 8)), s.style.left = n + "px", s.addEventListener("mousedown", (r) => {
-      r.target.tagName !== "INPUT" && r.preventDefault();
+    s.style.minWidth = Math.max(160, Math.round(l.width)) + "px";
+    let n = l.bottom + scrollY + 2;
+    n = Math.max(8 + scrollY, Math.min(n, scrollY + innerHeight - s.offsetHeight - 8)), s.style.top = n + "px";
+    let r = this.dir() === "rtl" ? l.right - s.offsetWidth : l.left;
+    r = Math.max(8, Math.min(r + scrollX, scrollX + innerWidth - s.offsetWidth - 8)), s.style.left = r + "px", s.addEventListener("mousedown", (a) => {
+      a.target.tagName !== "INPUT" && a.preventDefault();
     }), this.openPop = s, this.popAnchor = t, t.classList.add("open");
   }
   menuItems(t, e) {
@@ -2828,44 +2957,44 @@ 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">${a.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">${c.chev}</span>` : ""}`, l.addEventListener("click", () => {
         i.action && (this.closePop(), i.action());
       }), l.addEventListener("mouseenter", () => {
-        var o;
-        s ? this.openSubFor(i, l) : this.openSubEl && t !== this.openSubEl && this.closeSub(), (o = i.hover) == null || o.call(i, !0);
+        var n;
+        s ? this.openSubFor(i, l) : this.closeSubFrom(this.subLevelOf(t)), (n = i.hover) == null || n.call(i, !0);
       }), l.addEventListener("mouseleave", () => {
-        var o;
-        return (o = i.hover) == null ? void 0 : o.call(i, !1);
+        var n;
+        return (n = i.hover) == null ? void 0 : n.call(i, !1);
       }), t.appendChild(l);
     });
   }
   /* ---------------------------------------------------------- toolbar builders */
   tbtn(t, e, i, s) {
     const l = document.createElement("button");
-    return l.className = "tbtn", l.type = "button", l.title = e, l.innerHTML = t, s && (l.dataset.id = s), l.addEventListener("mousedown", (o) => o.preventDefault()), l.addEventListener("click", i), l;
+    return l.className = "tbtn", l.type = "button", l.title = e, l.innerHTML = t, s && (l.dataset.id = s), l.addEventListener("mousedown", (n) => n.preventDefault()), l.addEventListener("click", i), l;
   }
   /** Font-size increase / decrease step button. */
   stepBtn(t) {
-    const e = t > 0 ? "+" : "−", i = t > 0 ? a.fontsizeup : a.fontsizedown, s = this.tbtn(i, this.t("fontsize") + " " + e, () => this.stepFontSize(t));
+    const e = t > 0 ? "+" : "−", i = t > 0 ? c.fontsizeup : c.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", a.chev), l.addEventListener("mousedown", () => this.saveSel()), l;
+    return l.classList.add("hasmenu"), l.insertAdjacentHTML("beforeend", c.chev), l.addEventListener("mousedown", () => this.saveSel()), l;
   }
   /** Quick text-color chips plus a "more" chip that opens the full palette. */
   colorChips() {
     const t = (s) => {
       const l = document.createElement("button");
-      return l.type = "button", l.className = "cchip", l.title = s, l.addEventListener("mousedown", (o) => {
-        o.preventDefault(), this.saveSel();
+      return l.type = "button", l.className = "cchip", l.title = s, l.addEventListener("mousedown", (n) => {
+        n.preventDefault(), this.saveSel();
       }), l;
-    }, e = ct.map((s) => {
+    }, e = ut.map((s) => {
       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 = a.chev, i.addEventListener("click", () => this.colorMenu(i, "fore")), [...e, i];
+    return i.classList.add("more"), i.dataset.cb = "fore", i.innerHTML = c.chev, i.addEventListener("click", () => this.colorMenu(i, "fore")), [...e, i];
   }
   group(...t) {
     const e = document.createElement("div");
@@ -2875,45 +3004,45 @@ 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>${a.chev}`, l.addEventListener("mousedown", (o) => {
-      o.preventDefault(), this.saveSel();
+    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", (n) => {
+      n.preventDefault(), this.saveSel();
     }), l.addEventListener("click", () => s(l)), l;
   }
   setListStyle(t, e) {
-    var l, o;
+    var l, n;
     this.restoreSel();
     const i = window.getSelection();
     if (!i) return;
     let s = (l = this.closestBlock(i.anchorNode)) == null ? void 0 : l.closest(t);
-    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();
+    s || (this.exec(t === "ol" ? "insertOrderedList" : "insertUnorderedList"), s = (n = this.closestBlock(i.anchorNode)) == null ? void 0 : n.closest(t)), s && (s.style.listStyleType = e), this.saveSel(), this.onChange();
   }
   listMenu(t, e) {
-    var c;
+    var a;
     const i = e === "ol" ? "insertOrderedList" : "insertUnorderedList", s = e === "ol" ? [
-      ["lower-alpha", a.ol_alpha],
-      ["lower-roman", a.ol_roman],
-      ["upper-alpha", a.ol_alphau],
-      ["upper-roman", a.ol_romanu]
+      ["lower-alpha", c.ol_alpha],
+      ["lower-roman", c.ol_roman],
+      ["upper-alpha", c.ol_alphau],
+      ["upper-roman", c.ol_romanu]
     ] : [
-      ["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 : "";
+      ["circle", c.ul_circle],
+      ["square", c.ul_square]
+    ], l = this.tArr(e === "ol" ? "liststyles_ol" : "liststyles_ul").slice(1), n = window.getSelection(), o = n ? (a = this.closestBlock(n.anchorNode)) == null ? void 0 : a.closest(e) : null, r = o ? o.style.listStyleType : "";
     this.popup(t, (h) => {
       this.menuItems(h, [
         {
           label: this.t(e === "ol" ? "numlist" : "bullist"),
-          icon: e === "ol" ? a.numlist : a.bullist,
+          icon: e === "ol" ? c.numlist : c.bullist,
           on: document.queryCommandState(i),
           action: () => this.exec(i)
         }
       ]), h.insertAdjacentHTML("beforeend", '<div class="sep"></div>');
-      const d = document.createElement("div");
-      d.className = "mi-grid", s.forEach(([m, g], u) => {
+      const p = document.createElement("div");
+      p.className = "mi-grid", s.forEach(([m, g], u) => {
         const v = document.createElement("button");
         v.className = "mi" + (r === m ? " on" : ""), v.innerHTML = `<span class="ic">${g}</span><span class="prev">${l[u]}</span>`, v.addEventListener("click", () => {
           this.closePop(), this.setListStyle(e, m);
-        }), d.appendChild(v);
-      }), h.appendChild(d);
+        }), p.appendChild(v);
+      }), h.appendChild(p);
     });
   }
   /** Shared color-picker popup body — swatch grid plus the current-color /
@@ -2921,26 +3050,26 @@ const I = class I {
    *  table cell-background menu all show the identical popup. */
   buildPaletteInto(t, e, i) {
     const s = document.createElement("div");
-    s.className = "cpal", ht.forEach((d) => {
+    s.className = "cpal", gt.forEach((p) => {
       const m = document.createElement("button");
-      m.type = "button", m.style.background = d, m.title = d, m.addEventListener("click", () => {
-        this.closePop(), i(d);
+      m.type = "button", m.style.background = p, m.title = p, m.addEventListener("click", () => {
+        this.closePop(), i(p);
       }), s.appendChild(m);
     }), t.appendChild(s), t.insertAdjacentHTML("beforeend", '<div class="sep"></div>');
     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 = a.check;
+    const n = /^#[0-9a-f]{6}$/i.test(e) ? e : "#000000", o = document.createElement("div");
+    o.className = "cswatch cur", o.title = this.t("currentcolor"), o.style.background = n, o.innerHTML = c.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 c = document.createElement("label");
-    c.className = "cswatch cwheel", c.title = this.t("customcolor"), c.innerHTML = a.palette;
+    const a = document.createElement("label");
+    a.className = "cswatch cwheel", a.title = this.t("customcolor"), a.innerHTML = c.palette;
     const h = document.createElement("input");
-    h.type = "color", h.value = o, h.addEventListener("change", () => {
+    h.type = "color", h.value = n, h.addEventListener("change", () => {
       this.closePop(), i(h.value);
-    }), c.appendChild(h), l.append(n, r, c), t.appendChild(l);
+    }), a.appendChild(h), l.append(o, r, a), t.appendChild(l);
   }
   colorMenu(t, e) {
     this.popup(
@@ -2970,7 +3099,7 @@ const I = class I {
     this.popup(t, (e) => this.menuItems(e, this.fontItems()));
   }
   sizeItems() {
-    return nt.map((t) => ({
+    return dt.map((t) => ({
       label: t,
       on: this.currentSize() === t,
       action: () => this.applyFontSize(t)
@@ -2986,19 +3115,19 @@ const I = class I {
     const t = window.getSelection();
     if (!t) return;
     if (!t.rangeCount) {
-      const o = document.createRange();
-      o.selectNodeContents(this.ed), o.collapse(!0), t.addRange(o);
+      const n = document.createRange();
+      n.selectNodeContents(this.ed), n.collapse(!0), t.addRange(n);
     }
     if (!t.isCollapsed) return;
     const e = t.getRangeAt(0), i = e.startContainer;
     if (i.nodeType === 3) {
-      const o = i.data;
-      let n = e.startOffset, r = e.startOffset;
-      for (; n > 0 && /\S/.test(o[n - 1]); ) n--;
-      for (; r < o.length && /\S/.test(o[r]); ) r++;
-      if (r > n) {
-        const c = document.createRange();
-        c.setStart(i, n), c.setEnd(i, r), t.removeAllRanges(), t.addRange(c), this.savedRange = c.cloneRange();
+      const n = i.data;
+      let o = e.startOffset, r = e.startOffset;
+      for (; o > 0 && /\S/.test(n[o - 1]); ) o--;
+      for (; r < n.length && /\S/.test(n[r]); ) r++;
+      if (r > o) {
+        const a = document.createRange();
+        a.setStart(i, o), a.setEnd(i, r), t.removeAllRanges(), t.addRange(a), this.savedRange = a.cloneRange();
         return;
       }
     }
@@ -3023,7 +3152,7 @@ const I = class I {
     this.saveSel(), this.refreshState(), this.onChange();
   }
   stepFontSize(t) {
-    const e = parseInt(this.currentSize(), 10) || 14, i = Math.min(at, Math.max(rt, e + t));
+    const e = parseInt(this.currentSize(), 10) || 14, i = Math.min(mt, Math.max(pt, e + t));
     i !== e && this.applyFontSize(i + "px");
   }
   /* ------------------------------------------------ case / spacing / link */
@@ -3032,21 +3161,21 @@ const I = class I {
     const e = window.getSelection();
     if (!e || !e.rangeCount || e.isCollapsed) return;
     const i = e.getRangeAt(0), s = document.createTreeWalker(this.ed, NodeFilter.SHOW_TEXT), l = [];
-    let o;
-    for (; o = s.nextNode(); ) i.intersectsNode(o) && l.push(o);
-    l.forEach((n) => {
-      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, c - r, d);
+    let n;
+    for (; n = s.nextNode(); ) i.intersectsNode(n) && l.push(n);
+    l.forEach((o) => {
+      const r = o === i.startContainer ? i.startOffset : 0, a = o === i.endContainer ? i.endOffset : o.data.length;
+      if (a <= r) return;
+      const h = o.data.slice(r, a);
+      let p = h;
+      t === "lower" ? p = h.toLowerCase() : t === "upper" ? p = h.toUpperCase() : p = h.replace(/(^|\s)(\S)/g, (m, g, u) => g + u.toUpperCase()), o.replaceData(r, a - r, p);
     }), 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") }
+      { 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") }
     ];
   }
   caseMenu(t) {
@@ -3075,13 +3204,13 @@ const I = class I {
     ];
   }
   lineHeightMenu(t) {
-    this.popup(t, (e) => this.menuItems(e, this.blockStyleItems("lineHeight", z)));
+    this.popup(t, (e) => this.menuItems(e, this.blockStyleItems("lineHeight", U)));
   }
   wordSpacingMenu(t) {
-    this.popup(t, (e) => this.menuItems(e, this.blockStyleItems("wordSpacing", U)));
+    this.popup(t, (e) => this.menuItems(e, this.blockStyleItems("wordSpacing", W)));
   }
   letterSpacingMenu(t) {
-    this.popup(t, (e) => this.menuItems(e, this.blockStyleItems("letterSpacing", V)));
+    this.popup(t, (e) => this.menuItems(e, this.blockStyleItems("letterSpacing", j)));
   }
   closestAnchor() {
     const t = window.getSelection();
@@ -3127,14 +3256,14 @@ const I = class I {
       (s) => {
         const l = document.createElement("div");
         l.style.cssText = "display:flex;align-items:center;gap:10px;margin:10px 0;min-width:360px";
-        const o = document.createElement("span");
-        o.style.cssText = "width:60px;color:#556;flex:none", o.textContent = this.t("linkurl"), e = document.createElement("input"), e.type = "url", e.placeholder = "https://", e.style.cssText = "flex:1;border:1px solid #cfd6df;border-radius:6px;padding:7px 9px;font:14px inherit", e.value = (t == null ? void 0 : t.getAttribute("href")) || "", l.append(o, e), s.appendChild(l), setTimeout(() => e.focus(), 0);
+        const n = document.createElement("span");
+        n.style.cssText = "width:60px;color:#556;flex:none", n.textContent = this.t("linkurl"), e = document.createElement("input"), e.type = "url", e.placeholder = "https://", e.style.cssText = "flex:1;border:1px solid #cfd6df;border-radius:6px;padding:7px 9px;font:14px inherit", e.value = (t == null ? void 0 : t.getAttribute("href")) || "", l.append(n, e), s.appendChild(l), setTimeout(() => e.focus(), 0);
       },
       i
     );
   }
   blockItems() {
-    return j.map(([t]) => ({
+    return X.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,
@@ -3146,10 +3275,10 @@ const I = class I {
   }
   alignItems() {
     return [
-      ["justifyLeft", "alignleft", a.alignleft],
-      ["justifyCenter", "aligncenter", a.aligncenter],
-      ["justifyRight", "alignright", a.alignright],
-      ["justifyFull", "alignjustify", a.alignjustify]
+      ["justifyLeft", "alignleft", c.alignleft],
+      ["justifyCenter", "aligncenter", c.aligncenter],
+      ["justifyRight", "alignright", c.alignright],
+      ["justifyFull", "alignjustify", c.alignjustify]
     ].map(([e, i, s]) => ({
       label: this.t(i),
       icon: s,
@@ -3171,15 +3300,15 @@ const I = class I {
       s.className = "tgrid";
       const l = document.createElement("div");
       l.className = "tgridlbl", l.textContent = "1 × 1";
-      const o = [];
-      for (let n = 0; n < 8; n++)
+      const n = [];
+      for (let o = 0; o < 8; o++)
         for (let r = 0; r < 10; r++) {
-          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);
-          }), c.addEventListener("click", () => {
-            this.closePop(), this.insertTable(n + 1, r + 1), e == null || e();
-          }), o.push(c), s.appendChild(c);
+          const a = document.createElement("span");
+          a.dataset.r = String(o), a.dataset.c = String(r), a.addEventListener("mouseenter", () => {
+            n.forEach((h) => h.classList.toggle("hot", +h.dataset.r <= o && +h.dataset.c <= r)), l.textContent = r + 1 + " × " + (o + 1);
+          }), a.addEventListener("click", () => {
+            this.closePop(), this.insertTable(o + 1, r + 1), e == null || e();
+          }), n.push(a), s.appendChild(a);
         }
       i.append(s, l), t.appendChild(i);
     }
@@ -3210,73 +3339,73 @@ 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(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()),
+    const t = this.tbtn(c.tableic, this.t("quicktable"), () => this.tableGrid(t)), e = {
+      undo: () => this.tbtn(c.undo, this.t("undo"), () => this.exec("undo"), "undo"),
+      redo: () => this.tbtn(c.redo, this.t("redo"), () => this.exec("redo"), "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()),
       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(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"),
+      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"),
       forecolor: () => this.colorChips(),
       backcolor: () => this.menuTbtn(
-        a.backcolor + '<span class="colorbar" data-cb="back"></span>',
+        c.backcolor + '<span class="colorbar" data-cb="back"></span>',
         this.t("backcolor"),
         (i) => this.colorMenu(i, "back")
       ),
-      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")),
+      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")),
       blocks: () => this.tsel("w-block", "blocksel", this.t("para"), (i) => this.blocksMenu(i)),
-      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()),
+      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()),
       quicktable: () => t,
-      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())
+      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())
     };
     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 ? st : this.options.toolbar, e = this.buildToolbarRegistry();
+    const t = this.options.toolbar === !0 ? at : this.options.toolbar, e = this.buildToolbarRegistry();
     this.parseToolbarString(t).forEach((i) => {
       const s = [];
       i.forEach((l) => {
-        const o = e[l];
-        if (!o) {
+        const n = e[l];
+        if (!n) {
           console.warn(`FableEditor: unknown toolbar item "${l}"`);
           return;
         }
-        const n = o();
-        Array.isArray(n) ? s.push(...n) : s.push(n);
+        const o = n();
+        Array.isArray(o) ? s.push(...o) : s.push(o);
       }), s.length && this.toolbar.appendChild(this.group(...s));
-    }), this.tbrMore = this.tbtn(a.more, this.t("more"), () => {
+    }), this.tbrMore = this.tbtn(c.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();
   }
@@ -3306,134 +3435,134 @@ const I = class I {
     this.menubar.innerHTML = "";
     const t = {
       file: [
-        this.mItem("newdoc", a.newic, () => {
+        this.mItem("newdoc", c.newic, () => {
           this.recordRevision(), this.ed.innerHTML = "<p><br></p>", this.onChange();
         }),
         "|",
-        this.mItem("importword", a.wordic, () => this.pickWordDoc()),
-        this.mItem("restoredraft", a.draftic, () => {
+        this.mItem("importword", c.wordic, () => this.pickWordDoc()),
+        this.mItem("restoredraft", c.draftic, () => {
           this.restoreDraft() || alert(this.t("draftempty"));
         }),
-        this.mItem("revhistory", a.historyic, () => this.revisionDlg()),
+        this.mItem("revhistory", c.historyic, () => this.revisionDlg()),
         "|",
-        this.mItem("preview", a.prevw, () => this.previewDlg()),
-        this.mItem("print", a.printic, () => this.printDoc(), "Ctrl+P")
+        this.mItem("preview", c.prevw, () => this.previewDlg()),
+        this.mItem("print", c.printic, () => this.printDoc(), "Ctrl+P")
       ],
       edit: [
-        this.mItem("undo", a.undo, () => this.exec("undo"), "Ctrl+Z"),
-        this.mItem("redo", a.redo, () => this.exec("redo"), "Ctrl+Y"),
+        this.mItem("undo", c.undo, () => this.exec("undo"), "Ctrl+Z"),
+        this.mItem("redo", c.redo, () => this.exec("redo"), "Ctrl+Y"),
         "|",
-        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("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("selectall", a.selall, () => this.exec("selectAll"), "Ctrl+A")
+        this.mItem("selectall", c.selall, () => this.exec("selectAll"), "Ctrl+A")
       ],
       view: [
-        this.mItem("fullscreen", a.fullscreen, () => this.toggleFullscreen()),
-        this.mItem("preview", a.prevw, () => this.previewDlg()),
-        this.mItem("sourcecode", a.srcic, () => this.sourceDlg())
+        this.mItem("fullscreen", c.fullscreen, () => this.toggleFullscreen()),
+        this.mItem("preview", c.prevw, () => this.previewDlg()),
+        this.mItem("sourcecode", c.srcic, () => this.sourceDlg())
       ],
       insert: [
-        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("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("charmap", a.charic, () => this.charMap()),
-        this.mItem("emoji", a.emojiic, () => this.emojiMap()),
+        this.mItem("charmap", c.charic, () => this.charMap()),
+        this.mItem("emoji", c.emojiic, () => this.emojiMap()),
         this.mItem(
           "datetime",
-          a.dateic,
+          c.dateic,
           () => this.exec("insertText", (/* @__PURE__ */ new Date()).toLocaleString(this.lang === "ar" ? "ar-AE" : "en-GB"))
         ),
         "|",
         {
           label: this.t("pagebreak"),
-          icon: a.pbic,
+          icon: c.pbic,
           action: () => {
             this.restoreSel(), document.execCommand("insertHTML", !1, '<hr class="pagebreak"><p><br></p>'), this.onChange();
           }
         },
-        this.mItem("nbsp", a.nbspic, () => this.exec("insertText", " "))
+        this.mItem("nbsp", c.nbspic, () => this.exec("insertText", " "))
       ],
       format: [
-        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")),
+        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("quote", c.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", z)) },
-        { label: this.t("wordspacing"), icon: a.wordspacing, subBuild: (s) => this.menuItems(s, this.blockStyleItems("wordSpacing", U)) },
-        { label: this.t("letterspacing"), icon: a.letterspacing, subBuild: (s) => this.menuItems(s, this.blockStyleItems("letterSpacing", V)) },
+        { label: this.t("lineheight"), icon: c.lineheight, subBuild: (s) => this.menuItems(s, this.blockStyleItems("lineHeight", U)) },
+        { label: this.t("wordspacing"), icon: c.wordspacing, subBuild: (s) => this.menuItems(s, this.blockStyleItems("wordSpacing", W)) },
+        { label: this.t("letterspacing"), icon: c.letterspacing, subBuild: (s) => this.menuItems(s, this.blockStyleItems("letterSpacing", j)) },
         "|",
-        { 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)) },
+        { label: this.t("forecolor"), icon: c.palette, subBuild: (s) => this.buildPaletteInto(s, this.foreColor, (l) => this.applyColor("fore", l)) },
+        { label: this.t("backcolor"), icon: c.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("bullist", c.bullist, () => this.exec("insertUnorderedList")),
+        this.mItem("numlist", c.numlist, () => this.exec("insertOrderedList")),
+        this.mItem("outdent", c.outdent, () => this.exec("outdent")),
+        this.mItem("indent", c.indent, () => this.exec("indent")),
         "|",
-        this.mItem("ltr", a.ltr, () => this.setDir("ltr")),
-        this.mItem("rtl", a.rtl, () => this.setDir("rtl")),
+        this.mItem("ltr", c.ltr, () => this.setDir("ltr")),
+        this.mItem("rtl", c.rtl, () => this.setDir("rtl")),
         "|",
-        { label: this.t("changecase"), icon: a.caseic, sub: this.caseItems() },
+        { label: this.t("changecase"), icon: c.caseic, sub: this.caseItems() },
         "|",
-        this.mItem("clearformat", a.clearformatic, () => this.exec("removeFormat"))
+        this.mItem("clearformat", c.clearformatic, () => this.exec("removeFormat"))
       ],
-      tools: [this.mItem("sourcecode", a.srcic, () => this.sourceDlg()), this.mItem("wordcount", a.wcic, () => this.wordCountDlg())],
+      tools: [this.mItem("sourcecode", c.srcic, () => this.sourceDlg()), this.mItem("wordcount", c.wcic, () => this.wordCountDlg())],
       table: [
-        { label: this.t("inserttable"), icon: a.tableic, subBuild: (s) => this.buildTableGridInto(s) },
+        { label: this.t("inserttable"), icon: c.tableic, subBuild: (s) => this.buildTableGridInto(s) },
         "|",
         {
           label: this.t("cell"),
           sub: [
-            { 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("cellprops"), icon: c.tableic, action: () => this.cellPropsDlg() },
+            { label: this.t("cellbg"), icon: c.palette, subBuild: (s) => this.buildCellFillInto(s) }
           ]
         },
         {
           label: this.t("row"),
           sub: [
-            { 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("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("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("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("rowprops"), icon: a.tableic, action: () => this.rowPropsDlg(), 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("column"),
           sub: [
-            { 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("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("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("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("colprops"), icon: a.tableic, action: () => this.colPropsDlg(), 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("tablepropsttl"),
-          icon: a.tableic,
+          icon: c.tableic,
           action: () => {
             const s = this.currentCell();
             if (!s) {
@@ -3443,10 +3572,10 @@ const I = class I {
             this.tblActive = s.closest("table"), this.tablePropsDlg();
           }
         },
-        { label: this.t("deltable"), icon: a.trash, action: () => this.tableOp("deltable") }
+        { label: this.t("deltable"), icon: c.trash, action: () => this.tableOp("deltable") }
       ],
-      help: [this.mItem("helpttl", a.helpic, () => this.helpDlg(), "Alt+0")]
-    }, e = this.options.menubar === !0 ? lt : this.options.menubar, i = /* @__PURE__ */ new Set();
+      help: [this.mItem("helpttl", c.helpic, () => this.helpDlg(), "Alt+0")]
+    }, e = this.options.menubar === !0 ? ct : 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]) {
@@ -3454,36 +3583,36 @@ const I = class I {
         return;
       }
       const l = document.createElement("button");
-      l.type = "button", l.textContent = this.t(s), l.dataset.menuKey = s, l.addEventListener("mousedown", (o) => {
-        o.preventDefault(), this.saveSel();
-      }), l.addEventListener("click", () => this.popup(l, (o) => this.menuItems(o, t[s]))), this.menubar.appendChild(l);
+      l.type = "button", l.textContent = this.t(s), l.dataset.menuKey = s, l.addEventListener("mousedown", (n) => {
+        n.preventDefault(), this.saveSel();
+      }), l.addEventListener("click", () => this.popup(l, (n) => this.menuItems(n, t[s]))), this.menubar.appendChild(l);
     });
   }
   /* ---------------------------------------------------------- table ops */
   tableOp(t) {
-    var r, c, h;
+    var r, a, 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 = (c = e.anchorNode).closest) == null ? void 0 : h.call(c, "td,th") : null);
+    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);
     if (!i) return;
-    const s = i.parentElement, l = i.closest("table"), o = Array.from(s.children).indexOf(i), n = () => {
-      const d = s.cloneNode(!1);
+    const s = i.parentElement, l = i.closest("table"), n = Array.from(s.children).indexOf(i), o = () => {
+      const p = s.cloneNode(!1);
       return Array.from(s.children).forEach((m) => {
         const g = document.createElement("td"), u = m.getAttribute("style");
-        u && g.setAttribute("style", u), g.style.removeProperty("background-color"), g.innerHTML = "<br>", d.appendChild(g);
-      }), d;
+        u && g.setAttribute("style", u), g.style.removeProperty("background-color"), g.innerHTML = "<br>", p.appendChild(g);
+      }), p;
     };
-    if (t === "rowabove" && s.before(n()), t === "rowbelow" && s.after(n()), t === "delrow") {
-      const d = s.parentElement;
-      s.remove(), d.querySelector("tr") || l.remove();
+    if (t === "rowabove" && s.before(o()), t === "rowbelow" && s.after(o()), t === "delrow") {
+      const p = s.parentElement;
+      s.remove(), p.querySelector("tr") || l.remove();
     }
-    (t === "colbefore" || t === "colafter") && l.querySelectorAll("tr").forEach((d) => {
-      const m = d.children[Math.min(o, d.children.length - 1)], g = document.createElement("td"), u = m.getAttribute("style");
+    (t === "colbefore" || t === "colafter") && l.querySelectorAll("tr").forEach((p) => {
+      const m = p.children[Math.min(n, p.children.length - 1)], g = document.createElement("td"), u = m.getAttribute("style");
       u && g.setAttribute("style", u), g.style.removeProperty("width"), g.style.removeProperty("background-color"), g.innerHTML = "<br>", t === "colbefore" ? m.before(g) : m.after(g);
-    }), t === "delcol" && (l.querySelectorAll("tr").forEach((d) => {
+    }), t === "delcol" && (l.querySelectorAll("tr").forEach((p) => {
       var m;
-      return (m = d.children[o]) == null ? void 0 : m.remove();
+      return (m = p.children[n]) == null ? void 0 : m.remove();
     }), l.querySelector("td,th") || l.remove()), t === "deltable" && l.remove(), this.onChange(), this.positionTableHandles();
   }
   /** Reorders the current row/column: 'rowup'/'rowdown' swap the caret's row with
@@ -3503,16 +3632,16 @@ const I = class I {
       r && r.after(i);
     }
     t === "colleft" && l > 0 && s.querySelectorAll("tr").forEach((r) => {
-      const c = r.children[l], h = r.children[l - 1];
-      c && h && h.before(c);
+      const a = r.children[l], h = r.children[l - 1];
+      a && h && h.before(a);
     }), t === "colright" && s.querySelectorAll("tr").forEach((r) => {
-      const c = r.children[l], h = r.children[l + 1];
-      c && h && h.after(c);
+      const a = r.children[l], h = r.children[l + 1];
+      a && h && h.after(a);
     });
-    const o = document.createRange();
-    o.selectNodeContents(e), o.collapse(!0);
-    const n = window.getSelection();
-    n && (n.removeAllRanges(), n.addRange(o)), this.saveSel(), this.onChange(), this.positionTableHandles(), this.positionCellMarker();
+    const n = document.createRange();
+    n.selectNodeContents(e), n.collapse(!0);
+    const o = window.getSelection();
+    o && (o.removeAllRanges(), o.addRange(n)), this.saveSel(), this.onChange(), this.positionTableHandles(), this.positionCellMarker();
   }
   /** Align the whole table via auto margins — same semantics as the align
    *  field in the table-properties dialog. */
@@ -3549,26 +3678,26 @@ const I = class I {
   tablePropsDlg() {
     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", 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" : "";
+    let e, i, s, l, n;
+    const o = "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"), p = 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) => {
-        const M = (w, k) => {
+        const S = (w, k) => {
           const L = document.createElement("div");
-          L.style.cssText = n;
+          L.style.cssText = o;
           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 = 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, [
+        e = document.createElement("input"), e.type = "text", e.style.cssText = a, e.placeholder = "e.g. 600px or 100%", e.value = p, S("tblwidth", e), i = document.createElement("input"), i.type = "number", i.min = "0", i.style.cssText = a, i.value = String(m), S("tblcellpadding", i), s = document.createElement("input"), s.type = "number", s.min = "0", s.style.cssText = a, s.value = String(g), S("tblcellspacing", s), l = document.createElement("input"), l.type = "number", l.min = "0", l.style.cssText = a, l.value = String(u), S("tblborder", l), n = document.createElement("select"), n.style.cssText = a, [
           ["", "alignnone"],
           ["left", "alignleft"],
           ["center", "aligncenter"],
           ["right", "alignright"]
         ].forEach(([w, k]) => {
           const L = document.createElement("option");
-          L.value = w, L.textContent = this.t(k), w === x && (L.selected = !0), o.appendChild(L);
-        }), M("tblalign", o);
+          L.value = w, L.textContent = this.t(k), w === x && (L.selected = !0), n.appendChild(L);
+        }), S("tblalign", n);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -3581,7 +3710,7 @@ const I = class I {
               cellpadding: i.value.trim(),
               cellspacing: s.value.trim(),
               border: l.value.trim(),
-              align: o.value
+              align: n.value
             }), this.closeDlg(), this.onChange(), this.positionTableHandles();
           }
         }
@@ -3620,8 +3749,8 @@ const I = class I {
   formSelect(t, e) {
     const i = document.createElement("select");
     return i.style.cssText = "flex:1;border:1px solid #cfd6df;border-radius:6px;padding:7px 9px;font:14px inherit;background:#fff", t.forEach(([s, l]) => {
-      const o = document.createElement("option");
-      o.value = s, o.textContent = l, s === e && (o.selected = !0), i.appendChild(o);
+      const n = document.createElement("option");
+      n.value = s, n.textContent = l, s === e && (n.selected = !0), i.appendChild(n);
     }), i;
   }
   formBg(t) {
@@ -3631,8 +3760,8 @@ const I = class I {
     s.type = "color", s.value = i || "#ffffff", s.style.cssText = "width:36px;height:29px;border:1px solid #cfd6df;border-radius:4px;padding:1px;background:none;cursor:pointer";
     const l = document.createElement("label");
     l.style.cssText = "display:flex;align-items:center;gap:6px;cursor:pointer;color:#556";
-    const o = document.createElement("input");
-    return o.type = "checkbox", o.checked = !!i, l.append(o, document.createTextNode(this.t("fill"))), s.addEventListener("input", () => o.checked = !0), e.append(s, l), { wrap: e, color: s, fill: o };
+    const n = document.createElement("input");
+    return n.type = "checkbox", n.checked = !!i, l.append(n, document.createTextNode(this.t("fill"))), s.addEventListener("input", () => n.checked = !0), e.append(s, l), { wrap: e, color: s, fill: n };
   }
   setOrClear(t, e, i) {
     i ? t.style.setProperty(e, /^(width|height)$/.test(e) && /^\d+$/.test(i) ? i + "px" : i) : t.style.removeProperty(e);
@@ -3643,11 +3772,11 @@ const I = class I {
       alert(this.t("nocell"));
       return;
     }
-    let e, i, s, l, o;
+    let e, i, s, l, n;
     this.dialog(
       this.t("cellprops").replace("…", ""),
-      (n) => {
-        e = this.formInput(t.style.width, "e.g. 120px / 25%"), this.formRow(n, this.t("tblwidth"), e), i = this.formInput(t.style.height, "e.g. 40px"), this.formRow(n, this.t("tblheight"), i), s = this.formSelect(
+      (o) => {
+        e = this.formInput(t.style.width, "e.g. 120px / 25%"), this.formRow(o, this.t("tblwidth"), e), i = this.formInput(t.style.height, "e.g. 40px"), this.formRow(o, this.t("tblheight"), i), s = this.formSelect(
           [
             ["", this.t("alignnone")],
             ["left", this.t("alignleft")],
@@ -3655,7 +3784,7 @@ const I = class I {
             ["right", this.t("alignright")]
           ],
           t.style.textAlign || ""
-        ), this.formRow(n, this.t("tblalign"), s), l = this.formSelect(
+        ), this.formRow(o, this.t("tblalign"), s), l = this.formSelect(
           [
             ["", this.t("alignnone")],
             ["top", this.t("valigntop")],
@@ -3663,7 +3792,7 @@ const I = class I {
             ["bottom", this.t("valignbottom")]
           ],
           t.style.verticalAlign || ""
-        ), this.formRow(n, this.t("valign"), l), o = this.formBg(t.style.backgroundColor || ""), this.formRow(n, this.t("backcolor"), o.wrap);
+        ), this.formRow(o, this.t("valign"), l), n = this.formBg(t.style.backgroundColor || ""), this.formRow(o, this.t("backcolor"), n.wrap);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -3671,7 +3800,7 @@ const I = class I {
           label: this.t("save"),
           primary: !0,
           action: () => {
-            this.setOrClear(t, "width", e.value.trim()), this.setOrClear(t, "height", i.value.trim()), this.setOrClear(t, "text-align", s.value), this.setOrClear(t, "vertical-align", l.value), this.setOrClear(t, "background-color", o.fill.checked ? o.color.value : ""), this.closeDlg(), this.onChange(), this.positionTableHandles();
+            this.setOrClear(t, "width", e.value.trim()), this.setOrClear(t, "height", i.value.trim()), this.setOrClear(t, "text-align", s.value), this.setOrClear(t, "vertical-align", l.value), this.setOrClear(t, "background-color", n.fill.checked ? n.color.value : ""), this.closeDlg(), this.onChange(), this.positionTableHandles();
           }
         }
       ]
@@ -3709,11 +3838,11 @@ const I = class I {
       return;
     }
     const e = t.parentElement, i = t.closest("table"), s = Array.from(e.children).indexOf(t), l = Array.from(i.rows).map((r) => r.cells[s]).filter(Boolean);
-    let o, n;
+    let n, o;
     this.dialog(
       this.t("colprops").replace("…", ""),
       (r) => {
-        o = this.formInput(t.style.width, "e.g. 120px / 25%"), this.formRow(r, this.t("tblwidth"), o), n = this.formBg(t.style.backgroundColor || ""), this.formRow(r, this.t("backcolor"), n.wrap);
+        n = this.formInput(t.style.width, "e.g. 120px / 25%"), this.formRow(r, this.t("tblwidth"), n), o = this.formBg(t.style.backgroundColor || ""), this.formRow(r, this.t("backcolor"), o.wrap);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -3722,7 +3851,7 @@ const I = class I {
           primary: !0,
           action: () => {
             l.forEach((r) => {
-              this.setOrClear(r, "width", o.value.trim()), this.setOrClear(r, "background-color", n.fill.checked ? n.color.value : "");
+              this.setOrClear(r, "width", n.value.trim()), this.setOrClear(r, "background-color", o.fill.checked ? o.color.value : "");
             }), this.closeDlg(), this.onChange(), this.positionTableHandles();
           }
         }
@@ -3738,8 +3867,8 @@ const I = class I {
     const s = document.createElement("div");
     s.className = "dlg", s.dir = this.dir(), s.innerHTML = `<header><span>${t}</span><button type="button">×</button></header>
                    <div class="body"></div><footer></footer>`, s.querySelector("header button").onclick = () => this.closeDlg(), e(s.querySelector(".body")), (i || [{ label: this.t("close"), primary: !0, action: () => this.closeDlg() }]).forEach((l) => {
-      const o = document.createElement("button");
-      o.type = "button", o.textContent = l.label, l.primary && (o.className = "pri"), o.onclick = l.action, s.querySelector("footer").appendChild(o);
+      const n = document.createElement("button");
+      n.type = "button", n.textContent = l.label, l.primary && (n.className = "pri"), n.onclick = l.action, s.querySelector("footer").appendChild(n);
     }), this.dlgOvl.appendChild(s), this.dlgOvl.addEventListener("mousedown", (l) => {
       l.target === this.dlgOvl && this.closeDlg();
     }), document.body.appendChild(this.dlgOvl);
@@ -3789,8 +3918,12 @@ const I = class I {
   }
   previewDlg() {
     this.dialog(this.t("previewttl"), (t) => {
+      var s;
+      (s = t.closest(".dlg")) == null || s.classList.add("dlg-preview");
       const e = document.createElement("div");
-      e.style.cssText = "width:640px;max-width:78vw;max-height:52vh;overflow:auto;border:1px solid #e3e3e3;border-radius:6px;padding:14px;font-family:Helvetica,Arial,sans-serif;font-size:14px", e.innerHTML = this.ed.innerHTML, t.appendChild(e);
+      e.className = "pv-box";
+      const i = this.contentWidth();
+      e.style.cssText = `width:${i > 0 ? Math.round(i) : 640}px;max-width:100%;max-height:52vh;overflow:auto;border:1px solid #e3e3e3;border-radius:6px;padding:14px;font-family:Helvetica,Arial,sans-serif;font-size:14px`, e.innerHTML = this.ed.innerHTML, t.appendChild(e);
     });
   }
   /** Two-pane picker shared by the special-character map and the emoji map:
@@ -3799,31 +3932,31 @@ const I = class I {
     this.saveSel(), this.dialog(t, (s) => {
       const l = document.createElement("div");
       l.className = "chmap";
-      const o = document.createElement("div");
-      o.className = "chtabs";
       const n = document.createElement("div");
-      n.className = "chpanel";
+      n.className = "chtabs";
+      const o = document.createElement("div");
+      o.className = "chpanel";
       const r = document.createElement("div");
-      r.className = "chgrid" + (i ? " emgrid" : ""), n.appendChild(r);
-      const c = (h) => {
-        o.querySelectorAll("button").forEach((d, m) => d.classList.toggle("on", m === h)), r.innerHTML = "", e[h].chars.forEach((d) => {
+      r.className = "chgrid" + (i ? " emgrid" : ""), o.appendChild(r);
+      const a = (h) => {
+        n.querySelectorAll("button").forEach((p, m) => p.classList.toggle("on", m === h)), r.innerHTML = "", e[h].chars.forEach((p) => {
           const m = document.createElement("button");
-          m.type = "button", m.textContent = d, m.onclick = () => {
-            this.closeDlg(), this.exec("insertText", d);
+          m.type = "button", m.textContent = p, m.onclick = () => {
+            this.closeDlg(), this.exec("insertText", p);
           }, r.appendChild(m);
-        }), n.scrollTop = 0;
+        }), o.scrollTop = 0;
       };
-      e.forEach((h, d) => {
+      e.forEach((h, p) => {
         const m = document.createElement("button");
-        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);
+        m.type = "button", m.textContent = this.t(h.key), m.addEventListener("click", () => a(p)), n.appendChild(m);
+      }), l.append(n, o), s.appendChild(l), a(0);
     });
   }
   charMap() {
-    this.glyphPickerDlg(this.t("charmap").replace("…", ""), dt, !1);
+    this.glyphPickerDlg(this.t("charmap").replace("…", ""), ft, !1);
   }
   emojiMap() {
-    this.glyphPickerDlg(this.t("emoji").replace("…", ""), pt, !0);
+    this.glyphPickerDlg(this.t("emoji").replace("…", ""), vt, !0);
   }
   printDoc() {
     const t = window.open("", "_blank");
@@ -3836,7 +3969,7 @@ const I = class I {
   }
   /* ---------------------------------------------- image upload placeholder */
   imgPhHTML(t) {
-    return `<div class="img-ph"${t ? ` id="${t}"` : ""} contenteditable="false">${a.image}<span>${this.t("dropimage")}</span></div>`;
+    return `<div class="img-ph"${t ? ` id="${t}"` : ""} contenteditable="false">${c.image}<span>${this.t("dropimage")}</span></div>`;
   }
   insertImagePlaceholder() {
     this.restoreSel();
@@ -3860,11 +3993,11 @@ const I = class I {
     var e;
     const t = this.phCtx;
     t && (t.innerHTML = "", t.append(
-      this.ctxBtn(a.uploadic, this.t("uploadimg"), () => {
+      this.ctxBtn(c.uploadic, this.t("uploadimg"), () => {
         this.phUploadTarget = this.phActive, this.pickImage();
       }),
-      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());
+      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());
   }
   /** Swaps a template slot's placeholder between image and video kinds, so the
    *  same media slot can be filled with either. */
@@ -3885,17 +4018,17 @@ const I = class I {
     const i = document.createElement("button");
     i.type = "button", i.className = "txtbtn", i.textContent = this.t("insertimg");
     const s = () => {
-      const l = e.value.trim(), o = this.phActive;
-      if (!o) return;
+      const l = e.value.trim(), n = this.phActive;
+      if (!n) return;
       if (!/^(https?:|data:image\/|blob:)/i.test(l)) {
         e.classList.add("err"), e.focus();
         return;
       }
       i.disabled = !0, e.disabled = !0;
-      const n = new Image();
-      n.onload = () => this.replacePlaceholderWithImage(o, l, ""), n.onerror = () => {
+      const o = new Image();
+      o.onload = () => this.replacePlaceholderWithImage(n, l, ""), o.onerror = () => {
         i.disabled = !1, e.disabled = !1, e.classList.add("err"), e.focus();
-      }, n.src = l;
+      }, o.src = l;
     };
     i.addEventListener("click", s), e.addEventListener("input", () => e.classList.remove("err")), e.addEventListener("keydown", (l) => {
       l.key === "Enter" ? (l.preventDefault(), s()) : l.key === "Escape" && (l.stopPropagation(), this.renderPhCtxButtons());
@@ -3921,13 +4054,64 @@ const I = class I {
     s && (s.textContent = this.t("uploading")), this.imageUploadHandler(t).then((l) => {
       this.ed.contains(e) && this.replacePlaceholderWithImage(e, l, i);
     }).catch((l) => {
-      var o;
-      this.ed.contains(e) && (e.classList.remove("uploading"), e.classList.add("upload-error"), s && (s.textContent = this.t("uploadfailed")), (o = this.onImageUploadError) == null || o.call(this, l, t));
+      var n;
+      this.ed.contains(e) && (e.classList.remove("uploading"), e.classList.add("upload-error"), s && (s.textContent = this.t("uploadfailed")), (n = this.onImageUploadError) == null || n.call(this, l, t));
     });
   }
   replacePlaceholderWithImage(t, e, i) {
     const s = document.createElement("img");
-    s.src = e, s.alt = "", i && (s.title = i), t.replaceWith(s), this.phActive === t && this.clearImgPlaceholderSel(), this.refreshState(), this.onChange();
+    s.src = e, s.alt = "", i && (s.title = i), t.replaceWith(s), this.stampImageSize(s), this.phActive === t && this.clearImgPlaceholderSel(), this.refreshState(), this.onChange();
+  }
+  /** Width of the editor's text column — the width `.earea img { max-width:100% }`
+   *  clamps an oversized image to. */
+  contentWidth() {
+    const t = getComputedStyle(this.ed), e = (parseFloat(t.paddingLeft) || 0) + (parseFloat(t.paddingRight) || 0);
+    return Math.max(0, this.ed.clientWidth - e);
+  }
+  /** Inserts an <img> through execCommand and stamps its size once it has decoded.
+   *  A throwaway id is the only way to get a handle on what insertHTML created. */
+  insertImageHTML(t, e) {
+    const i = "fable-img-" + Date.now().toString(36) + Math.random().toString(36).slice(2, 6);
+    document.execCommand(
+      "insertHTML",
+      !1,
+      `<img id="${i}" src="${t}"${e ? ` title="${e}"` : ""} alt="">`
+    );
+    const s = this.ed.querySelector("#" + i);
+    s && (s.removeAttribute("id"), this.stampImageSize(s));
+  }
+  /** Gives a newly inserted image an explicit size so it renders the same in the
+   *  editor, in Preview and in a sent email. Without it the image only looks right
+   *  inside `.earea`, whose `max-width:100%` rule exists nowhere else — which is why
+   *  the same picture came out at a different size once the mail was sent.
+   *  Leaves alone: images inside a template media slot (deliberately fluid) and any
+   *  image that already carries a size from its source. */
+  stampImageSize(t, e) {
+    const i = (l) => {
+      e ? e(l) : l && this.onChange();
+    }, s = () => {
+      if (!this.ed.contains(t) || t.closest(".tpl-media") || t.getAttribute("width") || t.getAttribute("height") || t.style.width || t.style.height) return i(!1);
+      const l = t.naturalWidth;
+      if (!l) return i(!1);
+      const n = this.contentWidth(), o = Math.round(n > 0 ? Math.min(l, n) : l);
+      t.setAttribute("width", String(o)), t.style.width = o + "px", t.style.height = "auto", i(!0);
+    };
+    t.complete && t.naturalWidth ? s() : (t.addEventListener("load", s, { once: !0 }), t.addEventListener("error", () => i(!1), { once: !0 }));
+  }
+  /** Sizes images in content that arrived from outside the editor — a document saved
+   *  before the editor started recording image sizes. Without this such a document
+   *  keeps rendering at one size here and another in a sent mail. Images that already
+   *  carry a size, and template slots, are left alone, so content written by a
+   *  current version passes through untouched. Emits one change after the images have
+   *  settled rather than one per image, and none at all if nothing needed stamping. */
+  stampExistingImages() {
+    const t = Array.from(this.ed.querySelectorAll("img"));
+    if (!t.length) return;
+    let e = t.length, i = !1;
+    const s = (l) => {
+      l && (i = !0), --e === 0 && i && this.onChange();
+    };
+    t.forEach((l) => this.stampImageSize(l, s));
   }
   positionImgPhCtx() {
     if (this.phActive && !document.body.contains(this.phActive)) {
@@ -3946,7 +4130,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">${a.video}<span>${this.t("dropvideo")}</span></div>`;
+    return `<div class="img-ph vid-ph"${t ? ` id="${t}"` : ""} contenteditable="false">${c.video}<span>${this.t("dropvideo")}</span></div>`;
   }
   insertVideoPlaceholder() {
     this.restoreSel();
@@ -3970,11 +4154,11 @@ const I = class I {
     var e;
     const t = this.vphCtx;
     t && (t.innerHTML = "", t.append(
-      this.ctxBtn(a.uploadic, this.t("uploadvideo"), () => {
+      this.ctxBtn(c.uploadic, this.t("uploadvideo"), () => {
         this.vphUploadTarget = this.vphActive, this.pickVideo();
       }),
-      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());
+      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());
   }
   renderVphCtxUrlInput() {
     const t = this.vphCtx;
@@ -3985,20 +4169,20 @@ const I = class I {
     const i = document.createElement("button");
     i.type = "button", i.className = "txtbtn", i.textContent = this.t("insertvideo");
     const s = () => {
-      const l = e.value.trim(), o = this.vphActive;
-      if (!o) return;
+      const l = e.value.trim(), n = this.vphActive;
+      if (!n) return;
       if (!/^(https?:|data:video\/|blob:)/i.test(l)) {
         e.classList.add("err"), e.focus();
         return;
       }
-      const n = this.videoEmbedUrl(l);
-      if (n) {
-        this.replacePlaceholderWithEmbed(o, n);
+      const o = this.videoEmbedUrl(l);
+      if (o) {
+        this.replacePlaceholderWithEmbed(n, o);
         return;
       }
       i.disabled = !0, e.disabled = !0;
       const r = document.createElement("video");
-      r.preload = "metadata", r.onloadedmetadata = () => this.replacePlaceholderWithVideo(o, l, ""), r.onerror = () => {
+      r.preload = "metadata", r.onloadedmetadata = () => this.replacePlaceholderWithVideo(n, l, ""), r.onerror = () => {
         i.disabled = !1, e.disabled = !1, e.classList.add("err"), e.focus();
       }, r.src = l;
     };
@@ -4026,8 +4210,8 @@ const I = class I {
     s && (s.textContent = this.t("uploading")), this.videoUploadHandler(t).then((l) => {
       this.ed.contains(e) && this.replacePlaceholderWithVideo(e, l, i);
     }).catch((l) => {
-      var o;
-      this.ed.contains(e) && (e.classList.remove("uploading"), e.classList.add("upload-error"), s && (s.textContent = this.t("uploadfailed")), (o = this.onVideoUploadError) == null || o.call(this, l, t));
+      var n;
+      this.ed.contains(e) && (e.classList.remove("uploading"), e.classList.add("upload-error"), s && (s.textContent = this.t("uploadfailed")), (n = this.onVideoUploadError) == null || n.call(this, l, t));
     });
   }
   replacePlaceholderWithVideo(t, e, i) {
@@ -4067,23 +4251,23 @@ const I = class I {
     e.className = "imgctx", e.dir = this.dir();
     const i = () => {
       var h;
-      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;
+      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", n = t.style.float === "right", o = !l && !n && t.style.marginLeft === "auto" && t.style.marginRight === "auto", r = (a, h, p, m) => {
+      const g = this.ctxBtn(a, h, m);
+      return g.classList.toggle("on", p), g;
     };
     return e.append(
-      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")),
+      r(c.alignleft, this.t("alignleft"), l, () => s("left")),
+      r(c.aligncenter, this.t("aligncenter"), o, () => s("center")),
+      r(c.alignright, this.t("alignright"), n, () => s("right")),
       this.ctxSep(),
-      r(a.trash, this.t("deletevideo"), !1, () => {
+      r(c.trash, this.t("deletevideo"), !1, () => {
         t.remove(), this.clearVidHandles(), this.onChange();
       })
-    ), e.addEventListener("mousedown", (c) => c.preventDefault()), e.addEventListener("mouseenter", () => this.cancelVidHide()), e.addEventListener("mouseleave", () => {
+    ), e.addEventListener("mousedown", (a) => a.preventDefault()), e.addEventListener("mouseenter", () => this.cancelVidHide()), e.addEventListener("mouseleave", () => {
       this.cancelVidHide(), this.vidHideTimer = window.setTimeout(() => this.clearVidHandles(), 250);
     }), document.body.appendChild(e), e;
   }
@@ -4120,30 +4304,30 @@ const I = class I {
    *  (videoUploadHandler when configured, else inline base64). */
   videoDlg() {
     this.saveSel();
-    let t, e, i, s, l, o;
-    const n = (c, h) => {
-      const d = document.createElement("div");
-      d.className = "dfield";
+    let t, e, i, s, l, n;
+    const o = (a, h) => {
+      const p = document.createElement("div");
+      p.className = "dfield";
       const m = document.createElement("label");
-      return m.textContent = this.t(c), d.append(m, h), d;
+      return m.textContent = this.t(a), p.append(m, h), p;
     }, r = () => {
-      const c = document.createElement("input");
-      return c.type = "url", c;
+      const a = document.createElement("input");
+      return a.type = "url", a;
     };
     this.dialog(
       this.t("videodlgttl"),
-      (c) => {
+      (a) => {
         const h = document.createElement("div");
         h.className = "dtabs";
-        const d = [], m = (v, b) => {
+        const p = [], m = (v, b) => {
           const x = document.createElement("button");
           x.type = "button", x.textContent = this.t(v);
           const C = document.createElement("div");
           C.className = "dtabpanel", b(C);
-          const M = d.length;
-          d.push(C), x.addEventListener("click", () => g(M)), h.appendChild(x);
+          const S = p.length;
+          p.push(C), x.addEventListener("click", () => g(S)), h.appendChild(x);
         }, g = (v) => {
-          h.querySelectorAll("button").forEach((b, x) => b.classList.toggle("on", x === v)), d.forEach((b, x) => b.style.display = x === v ? "" : "none");
+          h.querySelectorAll("button").forEach((b, x) => b.classList.toggle("on", x === v)), p.forEach((b, x) => b.style.display = x === v ? "" : "none");
         };
         m("vidgeneral", (v) => {
           t = r(), t.placeholder = this.t("videourlph");
@@ -4164,24 +4348,24 @@ const I = class I {
             };
             if (this.videoUploadHandler)
               this.videoUploadHandler(w).then(k).catch((H) => {
-                var _;
-                x.disabled = !1, x.textContent = this.t("uploadfailed"), (_ = this.onVideoUploadError) == null || _.call(this, H, w);
+                var z;
+                x.disabled = !1, x.textContent = this.t("uploadfailed"), (z = this.onVideoUploadError) == null || z.call(this, H, w);
               });
             else {
               const H = new FileReader();
               H.onload = () => k(H.result), H.readAsDataURL(w);
             }
-          }), b.append(t, x, C), t.style.flex = "1", v.appendChild(n("vidsource", b));
-          const M = document.createElement("div");
-          M.className = "drow", e = document.createElement("input"), e.type = "number", e.value = "560", i = document.createElement("input"), i.type = "number", i.value = "314", M.append(n("tblwidth", e), n("tblheight", i)), v.appendChild(M);
+          }), b.append(t, x, C), t.style.flex = "1", v.appendChild(o("vidsource", b));
+          const S = document.createElement("div");
+          S.className = "drow", e = document.createElement("input"), e.type = "number", e.value = "560", i = document.createElement("input"), i.type = "number", i.value = "314", S.append(o("tblwidth", e), o("tblheight", i)), v.appendChild(S);
         }), m("vidembed", (v) => {
           const b = document.createElement("p");
           b.textContent = this.t("vidembedhint"), b.style.cssText = "margin:0 0 8px;color:#556;font-size:13.5px", s = document.createElement("textarea"), s.style.cssText = "width:100%;box-sizing:border-box;height:160px", v.append(b, s);
         }), m("vidadvanced", (v) => {
-          l = r(), o = r(), v.append(n("vidaltsource", l), n("vidposter", o));
+          l = r(), n = r(), v.append(o("vidaltsource", l), o("vidposter", n));
         });
         const u = document.createElement("div");
-        u.className = "dtabbody", d.forEach((v) => u.appendChild(v)), c.append(h, u), g(0), setTimeout(() => t.focus(), 0);
+        u.className = "dtabbody", p.forEach((v) => u.appendChild(v)), a.append(h, u), g(0), setTimeout(() => t.focus(), 0);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -4189,21 +4373,21 @@ const I = class I {
           label: this.t("save"),
           primary: !0,
           action: () => {
-            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();
+            const a = s.value.trim(), h = t.value.trim(), p = 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();
               return;
             }
             const g = this.videoEmbedUrl(h);
             if (g)
-              document.execCommand("insertHTML", !1, this.videoEmbedHTML(g, d, m));
+              document.execCommand("insertHTML", !1, this.videoEmbedHTML(g, p, m));
             else {
-              const u = l.value.trim(), v = o.value.trim();
+              const u = l.value.trim(), v = n.value.trim();
               document.execCommand(
                 "insertHTML",
                 !1,
-                `<video controls width="${d}" height="${m}"${v ? ` poster="${this.escapeAttr(v)}"` : ""}><source src="${this.escapeAttr(h)}">${u ? `<source src="${this.escapeAttr(u)}">` : ""}</video>`
+                `<video controls width="${p}" height="${m}"${v ? ` poster="${this.escapeAttr(v)}"` : ""}><source src="${this.escapeAttr(h)}">${u ? `<source src="${this.escapeAttr(u)}">` : ""}</video>`
               );
             }
             this.onChange();
@@ -4261,15 +4445,15 @@ const I = class I {
     if (i.nodeType !== Node.TEXT_NODE || !this.ed.contains(i) || (h = i.parentElement) != null && h.closest("code, pre")) return;
     const l = (i.textContent || "").slice(0, e.anchorOffset).match(/(?:^|[^`])`([^`]+)$/);
     if (!l) return;
-    const o = l[1];
-    if (/^\s|\s$/.test(o)) return;
+    const n = l[1];
+    if (/^\s|\s$/.test(n)) return;
     t.preventDefault();
-    const n = document.createRange();
-    n.setStart(i, e.anchorOffset - o.length - 1), n.setEnd(i, e.anchorOffset), n.deleteContents();
+    const o = document.createRange();
+    o.setStart(i, e.anchorOffset - n.length - 1), o.setEnd(i, e.anchorOffset), o.deleteContents();
     const r = document.createElement("code");
-    r.textContent = o, n.insertNode(r);
-    const c = document.createRange();
-    c.setStartAfter(r), c.collapse(!0), e.removeAllRanges(), e.addRange(c), this.saveSel(), this.onChange();
+    r.textContent = n, o.insertNode(r);
+    const a = document.createRange();
+    a.setStartAfter(r), a.collapse(!0), e.removeAllRanges(), e.addRange(a), 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,
@@ -4281,22 +4465,22 @@ const I = class I {
     s.className = "dsel";
     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(([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(([c, h]) => {
-      const d = document.createElement("button");
-      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);
+    const n = document.createElement("span");
+    n.className = "lbl", n.textContent = ((r = t.find(([a]) => a === e)) == null ? void 0 : r[1]) || "", l.append(n), l.insertAdjacentHTML("beforeend", c.chev);
+    const o = document.createElement("div");
+    return o.className = "dsel-list", t.forEach(([a, h]) => {
+      const p = document.createElement("button");
+      p.type = "button", p.textContent = h, p.classList.toggle("on", a === i), p.addEventListener("click", () => {
+        i = a, n.textContent = h, o.querySelectorAll("button").forEach((m) => m.classList.toggle("on", m === p)), s.classList.remove("open"), l.focus();
+      }), o.appendChild(p);
     }), l.addEventListener("click", () => {
-      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 };
+      var a;
+      s.classList.toggle("open"), s.classList.contains("open") && ((a = o.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());
+    }), s.append(l, o), { el: s, value: () => i };
   }
   /** Insert/edit-code-sample dialog: language dropdown + monospace textarea to
    *  paste or type code into. Inserts a non-editable <pre class="code-block">
@@ -4307,11 +4491,11 @@ const I = class I {
     this.dialog(
       this.t("codedlgttl"),
       (s) => {
-        var n;
+        var o;
         const l = document.createElement("div");
         l.className = "dfield";
-        const o = document.createElement("label");
-        o.textContent = this.t("codelang"), e = this.dlgSelect(W, (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);
+        const n = document.createElement("label");
+        n.textContent = this.t("codelang"), e = this.dlgSelect(V, (t == null ? void 0 : t.dataset.lang) || "plain"), l.append(n, e.el), i = document.createElement("textarea"), i.className = "code-input", i.spellcheck = !1, i.value = ((o = t == null ? void 0 : t.querySelector("code")) == null ? void 0 : o.textContent) || "", i.placeholder = "const answer = 42;", s.append(l, i), setTimeout(() => i.focus(), 0);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -4319,11 +4503,11 @@ const I = class I {
           label: this.t("save"),
           primary: !0,
           action: () => {
-            var n;
-            const s = i.value.replace(/\s+$/, ""), l = e.value(), o = ((n = W.find(([r]) => r === l)) == null ? void 0 : n[1]) || l;
+            var o;
+            const s = i.value.replace(/\s+$/, ""), l = e.value(), n = ((o = V.find(([r]) => r === l)) == null ? void 0 : o[1]) || l;
             if (this.closeDlg(), !!s.trim()) {
               if (t) {
-                t.dataset.lang = l, t.setAttribute("data-lang-label", o);
+                t.dataset.lang = l, t.setAttribute("data-lang-label", n);
                 const r = t.querySelector("code") || t;
                 r.textContent = s, this.clearCodeSel(), this.onChange();
                 return;
@@ -4331,7 +4515,7 @@ const I = class I {
               this.restoreSel(), document.execCommand(
                 "insertHTML",
                 !1,
-                `<pre class="code-block" contenteditable="false" data-lang="${l}" data-lang-label="${this.escapeAttr(o)}"><code>${this.escHtml(s)}</code></pre><p><br></p>`
+                `<pre class="code-block" contenteditable="false" data-lang="${l}" data-lang-label="${this.escapeAttr(n)}"><code>${this.escHtml(s)}</code></pre><p><br></p>`
               ), this.onChange();
             }
           }
@@ -4349,10 +4533,10 @@ const I = class I {
   buildCodeCtxToolbar(t) {
     const e = document.createElement("div");
     return e.className = "imgctx", e.dir = this.dir(), e.append(
-      this.ctxBtn(a.editic, this.t("editcode"), () => this.codeDlg(t)),
-      this.ctxBtn(a.copyic, this.t("copycode"), () => this.copyCodeBlock(t)),
+      this.ctxBtn(c.editic, this.t("editcode"), () => this.codeDlg(t)),
+      this.ctxBtn(c.copyic, this.t("copycode"), () => this.copyCodeBlock(t)),
       this.ctxSep(),
-      this.ctxBtn(a.trash, this.t("deletecode"), () => {
+      this.ctxBtn(c.trash, this.t("deletecode"), () => {
         t.remove(), this.clearCodeSel(), this.onChange();
       })
     ), e.addEventListener("mousedown", (i) => i.preventDefault()), document.body.appendChild(e), e;
@@ -4388,14 +4572,14 @@ const I = class I {
   /** Miniature div-based mockup of a layout, mirroring what the block looks
       like in the editor: grey box = image slot, bars = heading/paragraph. */
   tplPreviewHTML(t) {
-    const e = '<span class="pv-img"></span>', i = '<span class="pv-h"></span>', s = (r) => `<span class="pv-l" style="width:${r}%"></span>`, l = (r) => `<span class="pv-col">${r}</span>`, o = (r) => `<span class="pv-row">${r}</span>`, n = l(i + s(100) + s(88));
-    return t === "img-left" ? `<span class="pv">${o(e + n)}${s(100)}${s(72)}</span>` : t === "img-right" ? `<span class="pv">${o(n + e)}${s(100)}${s(72)}</span>` : t === "img-top" ? `<span class="pv pv-c">${e}${i}${s(100)}${s(72)}</span>` : `<span class="pv pv-c">${i}${s(100)}${s(72)}${e}</span>`;
+    const e = '<span class="pv-img"></span>', i = '<span class="pv-h"></span>', s = (r) => `<span class="pv-l" style="width:${r}%"></span>`, l = (r) => `<span class="pv-col">${r}</span>`, n = (r) => `<span class="pv-row">${r}</span>`, o = l(i + s(100) + s(88));
+    return t === "img-left" ? `<span class="pv">${n(e + o)}${s(100)}${s(72)}</span>` : t === "img-right" ? `<span class="pv">${n(o + e)}${s(100)}${s(72)}</span>` : t === "img-top" ? `<span class="pv pv-c">${e}${i}${s(100)}${s(72)}</span>` : `<span class="pv pv-c">${i}${s(100)}${s(72)}${e}</span>`;
   }
   buildTemplatePickInto(t, e) {
     const i = document.createElement("div");
-    i.className = "tplpick", F.forEach((s) => {
+    i.className = "tplpick", O.forEach((s) => {
       const l = document.createElement("button");
-      l.type = "button", l.className = "tpltile", l.title = this.t(O[s]), l.innerHTML = this.tplPreviewHTML(s) + `<span class="tpllbl">${this.t(O[s])}</span>`, l.addEventListener("click", () => {
+      l.type = "button", l.className = "tpltile", l.title = this.t($[s]), l.innerHTML = this.tplPreviewHTML(s) + `<span class="tpllbl">${this.t($[s])}</span>`, l.addEventListener("click", () => {
         this.closePop(), this.insertTemplate(s), e == null || e();
       }), i.appendChild(l);
     }), t.appendChild(i);
@@ -4414,15 +4598,15 @@ const I = class I {
   }
   renderTplCtxButtons() {
     const t = this.tplCtx, e = this.tplActive;
-    !t || !e || (t.innerHTML = "", F.forEach((i) => {
-      const s = this.ctxBtn(It[i], this.t(O[i]), () => this.setTplLayout(i));
+    !t || !e || (t.innerHTML = "", O.forEach((i) => {
+      const s = this.ctxBtn(Wt[i], this.t($[i]), () => this.setTplLayout(i));
       s.classList.toggle("on", e.classList.contains("tpl-" + i)), t.appendChild(s);
-    }), t.append(this.ctxSep(), this.ctxBtn(a.trash, this.t("deltemplate"), () => this.removeTemplate())), this.positionTplCtx());
+    }), t.append(this.ctxSep(), this.ctxBtn(c.trash, this.t("deltemplate"), () => this.removeTemplate())), this.positionTplCtx());
   }
   setTplLayout(t) {
     const e = this.tplActive;
     if (!e) return;
-    F.forEach((l) => e.classList.remove("tpl-" + l)), e.classList.add("tpl-" + t);
+    O.forEach((l) => e.classList.remove("tpl-" + l)), e.classList.add("tpl-" + t);
     const i = e.querySelector(":scope > .tpl-media"), s = e.querySelector(":scope > .tpl-text");
     i && s && (t === "img-center" ? e.appendChild(i) : e.insertBefore(i, s)), this.renderTplCtxButtons(), this.positionImgPhCtx(), this.positionImageHandles(), this.onChange();
   }
@@ -4454,7 +4638,7 @@ const I = class I {
   /* ---------------------------------------------------------- table resize */
   clearTableHandles() {
     var t, e, i, s, l;
-    (t = this.tblCorner) == null || t.remove(), this.tblCorner = null, this.tblColBars.forEach((o) => o.remove()), this.tblColBars = [], (e = this.tblCtx) == null || e.remove(), this.tblCtx = null, (i = this.tblCellMark) == null || i.remove(), this.tblCellMark = null, (s = this.tblOpMark) == null || s.remove(), this.tblOpMark = null, this.tblOpMarkKind = null, (l = this.tblActive) == null || l.classList.remove("tbl-selected"), this.tblActive = null;
+    (t = this.tblCorner) == null || t.remove(), this.tblCorner = null, this.tblColBars.forEach((n) => n.remove()), this.tblColBars = [], (e = this.tblCtx) == null || e.remove(), this.tblCtx = null, (i = this.tblCellMark) == null || i.remove(), this.tblCellMark = null, (s = this.tblOpMark) == null || s.remove(), this.tblOpMark = null, this.tblOpMarkKind = null, (l = this.tblActive) == null || l.classList.remove("tbl-selected"), this.tblActive = null;
   }
   /** Blue outline around the cell that holds the caret, so it is clear
       which cell / row / column the table operations will target. */
@@ -4481,8 +4665,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, 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";
+    const i = this.tblActive.getBoundingClientRect(), s = e.getBoundingClientRect(), l = e.parentElement.getBoundingClientRect(), n = t === "row" ? l.left : s.left, o = t === "row" ? l.top : i.top, r = t === "row" ? l.width : s.width, a = t === "row" ? l.height : i.height;
+    this.tblOpMark.style.left = n + scrollX + "px", this.tblOpMark.style.top = o + scrollY + "px", this.tblOpMark.style.width = r + "px", this.tblOpMark.style.height = a + "px";
   }
   /** Lowest allowed top for floating context toolbars — keeps them from
       covering the editor menubar/toolbar when the target sits on the first line. */
@@ -4491,7 +4675,7 @@ const I = class I {
   }
   ctxBtn(t, e, i, s) {
     const l = document.createElement("button");
-    return l.type = "button", l.title = e, l.innerHTML = t, s && (l.dataset.id = s), l.addEventListener("mousedown", (o) => o.preventDefault()), l.addEventListener("click", i), l;
+    return l.type = "button", l.title = e, l.innerHTML = t, s && (l.dataset.id = s), l.addEventListener("mousedown", (n) => n.preventDefault()), l.addEventListener("click", i), l;
   }
   ctxSep() {
     const t = document.createElement("div");
@@ -4500,27 +4684,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(a.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(c.palette, this.t("cellbg"), () => this.cellFillMenu(i));
     return t.append(
-      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"),
+      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"),
       this.ctxSep(),
-      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"),
+      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"),
       this.ctxSep(),
-      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.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.ctxSep(),
       i,
-      this.ctxBtn(a.trash, this.t("deltable"), () => this.tableOp("deltable")),
-      this.ctxBtn(a.tableic, this.t("tablepropsttl"), () => this.tablePropsDlg())
+      this.ctxBtn(c.trash, this.t("deltable"), () => this.tableOp("deltable")),
+      this.ctxBtn(c.tableic, this.t("tablepropsttl"), () => this.tablePropsDlg())
     ), document.body.appendChild(t), t;
   }
   positionTableHandles() {
@@ -4528,20 +4712,20 @@ const I = class I {
       this.clearTableHandles();
       return;
     }
-    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, c = this.tblCtx.offsetHeight;
+    const t = this.ed.getAttribute("dir") === "rtl", e = this.tblActive.getBoundingClientRect(), i = e.top + scrollY, s = e.left + scrollX, l = e.right + scrollX, n = e.bottom + scrollY;
+    if (this.tblCorner && (this.tblCorner.style.top = n - 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;
       let h = s + (l - s) / 2 - r / 2;
       h = Math.max(8 + scrollX, Math.min(h, scrollX + innerWidth - r - 8));
-      let d = i - c - 8;
-      d < this.ctxMinTop() && (d = o + 8), this.tblCtx.style.left = h + "px", this.tblCtx.style.top = d + "px";
+      let p = i - a - 8;
+      p < this.ctxMinTop() && (p = n + 8), this.tblCtx.style.left = h + "px", this.tblCtx.style.top = p + "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 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);
+    const o = this.tblActive.rows[0];
+    if (o)
+      for (let r = 0; r < o.cells.length - 1; r++) {
+        const a = o.cells[r].getBoundingClientRect(), h = (t ? a.left : a.right) + scrollX, p = document.createElement("div");
+        p.className = "tbl-colbar", p.style.top = i + "px", p.style.left = h + "px", p.style.height = n - i + "px", document.body.appendChild(p), p.addEventListener("mousedown", (m) => this.startColBarDrag(m, r)), this.tblColBars.push(p);
       }
     this.positionCellMarker(), this.positionOpMark();
   }
@@ -4559,29 +4743,29 @@ const I = class I {
     const e = this.tblActive;
     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 = (c) => {
-        const h = i ? -(c.clientX - s) : c.clientX - s;
+    e.style.tableLayout = e.style.tableLayout || "fixed", this.withNoTextSelect((n) => {
+      const o = (a) => {
+        const h = i ? -(a.clientX - s) : a.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();
+        window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", r), n(), this.onChange();
       };
-      window.addEventListener("mousemove", n), window.addEventListener("mouseup", r);
+      window.addEventListener("mousemove", o), window.addEventListener("mouseup", r);
     });
   }
   startColBarDrag(t, e) {
     t.preventDefault(), t.stopPropagation();
     const i = this.tblActive;
     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, c = o[0].getBoundingClientRect().width, h = n[0].getBoundingClientRect().width;
-    i.style.tableLayout = "fixed", this.withNoTextSelect((d) => {
+    const s = this.ed.getAttribute("dir") === "rtl", l = Array.from(i.rows), n = l.map((p) => p.cells[e]).filter(Boolean), o = l.map((p) => p.cells[e + 1]).filter(Boolean);
+    if (!n.length || !o.length) return;
+    const r = t.clientX, a = n[0].getBoundingClientRect().width, h = o[0].getBoundingClientRect().width;
+    i.style.tableLayout = "fixed", this.withNoTextSelect((p) => {
       const m = (u) => {
         const v = (s ? -1 : 1) * (u.clientX - r);
-        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();
+        n.forEach((b) => b.style.width = Math.max(24, Math.round(a + v)) + "px"), o.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();
+        window.removeEventListener("mousemove", m), window.removeEventListener("mouseup", g), p(), this.onChange();
       };
       window.addEventListener("mousemove", m), window.addEventListener("mouseup", g);
     });
@@ -4598,7 +4782,7 @@ const I = class I {
     this.cancelImgHide(), this.imgHandles.forEach((i) => i.remove()), this.imgHandles = [], (t = this.imgCtx) == null || t.remove(), this.imgCtx = null, (e = this.imgActive) == null || e.classList.remove("img-selected"), this.imgActive = null;
   }
   selectImage(t) {
-    this.imgActive !== t && (this.clearImageHandles(), this.imgActive = t, t.classList.add("img-selected"), this.imgHandles = At.map((e) => {
+    this.imgActive !== t && (this.clearImageHandles(), this.imgActive = t, t.classList.add("img-selected"), this.imgHandles = Ut.map((e) => {
       const i = document.createElement("div");
       return i.className = "img-handle img-handle-" + e, i.dataset.corner = e, i.addEventListener("mousedown", (s) => this.startImageResizeDrag(s, e)), i.addEventListener("mouseenter", () => this.cancelImgHide()), i.addEventListener("mouseleave", () => this.scheduleImgHide()), document.body.appendChild(i), i;
     }), this.imgCtx = this.buildImageCtxToolbar(t), this.positionImageHandles());
@@ -4608,38 +4792,38 @@ const I = class I {
     e.className = "imgctx", e.dir = this.dir();
     const i = () => {
       var h;
-      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;
+      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", n = t.style.float === "right", o = !l && !n && t.style.marginLeft === "auto" && t.style.marginRight === "auto", r = (a, h, p, m) => {
+      const g = this.ctxBtn(a, h, m);
+      return g.classList.toggle("on", p), g;
     };
     return e.append(
-      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")),
+      r(c.alignleft, this.t("alignleft"), l, () => s("left")),
+      r(c.aligncenter, this.t("aligncenter"), o, () => s("center")),
+      r(c.alignright, this.t("alignright"), n, () => s("right")),
       this.ctxSep(),
-      r(a.rotateleft, this.t("rotateleft"), !1, () => {
+      r(c.rotateleft, this.t("rotateleft"), !1, () => {
         this.rotateImage(t, -90), i();
       }),
-      r(a.rotateright, this.t("rotateright"), !1, () => {
+      r(c.rotateright, this.t("rotateright"), !1, () => {
         this.rotateImage(t, 90), i();
       }),
       this.ctxSep(),
-      r(a.fliphorizontal, this.t("fliphorizontal"), t.dataset.flipx === "1", () => {
+      r(c.fliphorizontal, this.t("fliphorizontal"), t.dataset.flipx === "1", () => {
         this.flipImage(t, "x"), i();
       }),
-      r(a.flipvertical, this.t("flipvertical"), t.dataset.flipy === "1", () => {
+      r(c.flipvertical, this.t("flipvertical"), t.dataset.flipy === "1", () => {
         this.flipImage(t, "y"), i();
       }),
       this.ctxSep(),
-      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();
+      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();
       })
-    ), e.addEventListener("mousedown", (c) => c.preventDefault()), e.addEventListener("mouseenter", () => this.cancelImgHide()), e.addEventListener("mouseleave", () => this.scheduleImgHide()), document.body.appendChild(e), e;
+    ), e.addEventListener("mousedown", (a) => a.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();
@@ -4661,21 +4845,21 @@ const I = class I {
       this.clearImageHandles();
       return;
     }
-    const t = this.imgActive.getBoundingClientRect(), e = t.top + scrollY, i = t.left + scrollX, s = t.right + scrollX, l = t.bottom + scrollY, o = {
+    const t = this.imgActive.getBoundingClientRect(), e = t.top + scrollY, i = t.left + scrollX, s = t.right + scrollX, l = t.bottom + scrollY, n = {
       nw: [i, e],
       ne: [s, e],
       sw: [i, l],
       se: [s, l]
     };
-    if (this.imgHandles.forEach((n) => {
-      const [r, c] = o[n.dataset.corner];
-      n.style.left = r - 5 + "px", n.style.top = c - 5 + "px";
+    if (this.imgHandles.forEach((o) => {
+      const [r, a] = n[o.dataset.corner];
+      o.style.left = r - 5 + "px", o.style.top = a - 5 + "px";
     }), this.imgCtx) {
-      const n = this.imgCtx.offsetWidth, r = this.imgCtx.offsetHeight;
-      let c = i + (s - i) / 2 - n / 2;
-      c = Math.max(8 + scrollX, Math.min(c, scrollX + innerWidth - n - 8));
+      const o = this.imgCtx.offsetWidth, r = this.imgCtx.offsetHeight;
+      let a = i + (s - i) / 2 - o / 2;
+      a = Math.max(8 + scrollX, Math.min(a, scrollX + innerWidth - o - 8));
       let h = e - r - 8;
-      h < this.ctxMinTop() && (h = l + 8), this.imgCtx.style.left = c + "px", this.imgCtx.style.top = h + "px";
+      h < this.ctxMinTop() && (h = l + 8), this.imgCtx.style.left = a + "px", this.imgCtx.style.top = h + "px";
     }
   }
   startImageResizeDrag(t, e) {
@@ -4683,14 +4867,16 @@ const I = class I {
     const i = this.imgActive;
     if (!i) return;
     this.cancelImgHide();
-    const s = t.clientX, l = i.getBoundingClientRect().width, o = e === "nw" || e === "sw" ? -1 : 1;
-    this.withNoTextSelect((n) => {
+    const s = t.clientX, l = i.getBoundingClientRect().width, n = e === "nw" || e === "sw" ? -1 : 1;
+    this.withNoTextSelect((o) => {
       const r = (h) => {
-        i.style.width = Math.max(24, Math.round(l + o * (h.clientX - s))) + "px", i.style.height = "auto", this.positionImageHandles();
-      }, c = () => {
-        window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", c), n(), this.onChange();
+        i.style.width = Math.max(24, Math.round(l + n * (h.clientX - s))) + "px", i.style.height = "auto", this.positionImageHandles();
+      }, a = () => {
+        window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", a), o();
+        const h = parseInt(i.style.width, 10);
+        h > 0 && !i.closest(".tpl-media") && (i.setAttribute("width", String(h)), i.removeAttribute("height")), this.onChange();
       };
-      window.addEventListener("mousemove", r), window.addEventListener("mouseup", c);
+      window.addEventListener("mousemove", r), window.addEventListener("mouseup", a);
     });
   }
   /* ---------------------------------------------------------- selection bubble toolbar */
@@ -4729,40 +4915,40 @@ const I = class I {
     this.selCtx || (this.selCtx = this.buildSelToolbar()), this.positionSelToolbar(e);
   }
   buildSelToolbar() {
-    var n;
+    var o;
     const t = document.createElement("div");
     t.className = "selctx", t.dir = this.dir();
     const e = this.ctxBtn(
       '<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(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(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));
+    ), i = this.ctxBtn(c.backcolor, this.t("backcolor"), () => this.colorMenu(i, "back"));
+    (o = i.querySelector("svg")) == null || o.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)), n = this.ctxBtn(c.wordspacing, this.t("wordspacing"), () => this.wordSpacingMenu(n));
     return t.append(
-      this.ctxBtn(a.bold, this.t("bold"), () => this.exec("bold"), "bold"),
-      this.ctxBtn(a.italic, this.t("italic"), () => this.exec("italic"), "italic"),
+      this.ctxBtn(c.bold, this.t("bold"), () => this.exec("bold"), "bold"),
+      this.ctxBtn(c.italic, this.t("italic"), () => this.exec("italic"), "italic"),
       e,
       i,
       this.ctxSep(),
-      this.ctxBtn(a.quote, this.t("quote"), () => this.toggleBlock("blockquote"), "blockquote"),
-      this.ctxBtn(a.inlinecodeic, this.t("code"), () => this.toggleInlineCode(), "code"),
+      this.ctxBtn(c.quote, this.t("quote"), () => this.toggleBlock("blockquote"), "blockquote"),
+      this.ctxBtn(c.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(a.link, this.t("linkttl"), () => this.linkDlg()),
+      this.ctxBtn(c.link, this.t("linkttl"), () => this.linkDlg()),
       s,
       l,
-      o
+      n
     ), t.addEventListener("mousedown", (r) => r.preventDefault()), document.body.appendChild(t), this.syncColorSwatches(t), t;
   }
   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 c = s + (l - s) / 2 - n / 2;
-    c = Math.max(8 + scrollX, Math.min(c, scrollX + innerWidth - n - 8));
+    const e = t.getBoundingClientRect(), i = e.top + scrollY, s = e.left + scrollX, l = e.right + scrollX, n = e.bottom + scrollY, o = this.selCtx.offsetWidth, r = this.selCtx.offsetHeight;
+    let a = s + (l - s) / 2 - o / 2;
+    a = Math.max(8 + scrollX, Math.min(a, scrollX + innerWidth - o - 8));
     let h = i - r - 8;
-    h < this.ctxMinTop() && (h = o + 8), this.selCtx.style.left = c + "px", this.selCtx.style.top = h + "px";
+    h < this.ctxMinTop() && (h = n + 8), this.selCtx.style.left = a + "px", this.selCtx.style.top = h + "px";
   }
   repositionSelToolbar() {
     if (!this.selCtx) return;
@@ -4795,9 +4981,9 @@ const I = class I {
     return t > 0 ? t + "px" : "";
   }
   refreshState() {
-    var r, c, h;
+    var r, a, h;
     const t = window.getSelection(), e = t ? this.ed.contains(t.anchorNode) : !1, i = this.currentBlock();
-    [this.toolbar, this.selCtx].filter(Boolean).forEach((d) => {
+    [this.toolbar, this.selCtx].filter(Boolean).forEach((p) => {
       [
         "bold",
         "italic",
@@ -4810,22 +4996,22 @@ const I = class I {
         "insertOrderedList",
         "insertUnorderedList"
       ].forEach((g) => {
-        const u = d.querySelector(`[data-id=${g}]`);
+        const u = p.querySelector(`[data-id=${g}]`);
         u && u.classList.toggle("on", e && document.queryCommandState(g));
       }), ["h2", "h3", "blockquote"].forEach((g) => {
-        const u = d.querySelector(`[data-id=${g}]`);
+        const u = p.querySelector(`[data-id=${g}]`);
         u && u.classList.toggle("on", e && i === g);
       });
-      const m = d.querySelector("[data-id=code]");
+      const m = p.querySelector("[data-id=code]");
       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();
-    (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`);
+    const l = t ? this.closestBlock(t.anchorNode) : null, n = ((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 && n === "ltr"), (h = this.toolbar.querySelector("[data-id=rtl]")) == null || h.classList.toggle("on", e && n === "rtl");
+    const o = (p, m, g) => {
+      const u = this.toolbar.querySelector(`[data-id=${p}] .lbl`);
       u && (u.textContent = m || g || "", u.classList.toggle("empty", !m));
     };
-    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");
+    o("fontsel", this.currentFont()), o("sizesel", this.currentSize().replace("px", "")), e && o("blocksel", X.some((p) => p[0] === i) ? this.blockLabel(i) : this.t("para")), this.sbWords.textContent = this.countWords() + " " + this.t("words");
   }
   countWords() {
     const t = (this.ed.textContent || "").trim();
@@ -4840,18 +5026,75 @@ const I = class I {
     if (s && !i) {
       const l = new FileReader();
       l.onload = () => {
-        document.execCommand("insertHTML", !1, `<img src="${l.result}" alt="">`), this.onChange();
+        this.insertImageHTML(l.result), this.onChange();
       }, l.readAsDataURL(s.getAsFile());
       return;
     }
     if (!i) {
-      const l = e.getData("text/plain"), o = /^\S+$/.test(l.trim()) ? this.videoEmbedUrl(l.trim()) : null;
-      if (o) {
-        document.execCommand("insertHTML", !1, this.videoEmbedHTML(o)), this.onChange();
+      const l = e.getData("text/plain"), n = /^\S+$/.test(l.trim()) ? this.videoEmbedUrl(l.trim()) : null;
+      if (n) {
+        document.execCommand("insertHTML", !1, this.videoEmbedHTML(n)), this.onChange();
+        return;
+      }
+    }
+    i ? this.pasteRichHTML(i, e, s) : (document.execCommand("insertHTML", !1, kt(e.getData("text/plain"))), this.onChange());
+  }
+  /** Rich-HTML paste. Before the (untouched) paste engine runs, pictures Word left
+   *  behind as unreadable file:// refs are pulled out of the clipboard's RTF flavor
+   *  and inlined — the same pairing TinyMCE PowerPaste does for
+   *  powerpaste_allow_local_images. Everything the engine already handled is
+   *  unaffected: with no RTF, or no recoverable picture, the HTML reaches it
+   *  byte-identical to before. */
+  pasteRichHTML(t, e, i) {
+    let s = [];
+    const l = e.getData("text/rtf");
+    if (l) {
+      const n = Pt(t, l);
+      t = n.html, s = n.injected;
+    }
+    if (i && Rt(t) === 1) {
+      const n = i.getAsFile();
+      if (n) {
+        const o = t;
+        this.saveSel();
+        const r = new FileReader();
+        r.onload = () => {
+          const a = nt(o, [r.result]);
+          this.finishRichPaste(a.html, s.concat(a.injected), !0);
+        }, r.onerror = () => this.finishRichPaste(o, s, !0), r.readAsDataURL(n);
         return;
       }
     }
-    i ? document.execCommand("insertHTML", !1, Tt(i, this.dir())) : document.execCommand("insertHTML", !1, Mt(e.getData("text/plain"))), this.onChange();
+    this.finishRichPaste(t, s);
+  }
+  /** Hands recovered pictures to the host's imageUploadHandler when one is
+   *  configured (PowerPaste's automatic_uploads equivalent), then inserts. Without a
+   *  handler they stay inline base64, which is what PowerPaste does by default. */
+  finishRichPaste(t, e, i = !1) {
+    if (!this.imageUploadHandler || !e.length) {
+      this.insertPastedHTML(t, i);
+      return;
+    }
+    const s = this.imageUploadHandler, l = e.filter((n, o) => e.indexOf(n) === o);
+    i || this.saveSel(), Promise.all(
+      l.map((n, o) => {
+        const r = Dt(n, "pasted-image-" + (o + 1));
+        return r ? s(r).catch((a) => {
+          var h;
+          return (h = this.onImageUploadError) == null || h.call(this, a, r), n;
+        }) : Promise.resolve(n);
+      })
+    ).then((n) => {
+      let o = t;
+      l.forEach((r, a) => {
+        n[a] !== r && (o = o.split(r).join(n[a]));
+      }), this.insertPastedHTML(o, !0);
+    });
+  }
+  /** `deferred` means the insert is happening after an async hop, so the caret the
+   *  paste started from has to be put back first. */
+  insertPastedHTML(t, e = !1) {
+    e && this.restoreSel(), document.execCommand("insertHTML", !1, Ht(t, this.dir())), e && this.saveSel(), this.onChange();
   }
   /* ---------------------------------------------------------- init */
   initUI() {
@@ -4859,18 +5102,18 @@ const I = class I {
   }
 };
 I.instanceCounter = 0, I.TBR_COLLAPSE_MAX = 992;
-let J = I;
+let it = I;
 export {
-  j as BLOCKS,
-  Ft as CHARS,
-  ht as COLORS,
-  ot as FONTS,
-  J as FableEditor,
-  it as I18N,
-  a as IC,
-  nt as SIZES,
-  Ot as TXT,
-  Tt as cleanPastedHTML,
-  R as getStrings,
-  Mt as normalizeTextPaste
+  X as BLOCKS,
+  Jt as CHARS,
+  gt as COLORS,
+  ht as FONTS,
+  it as FableEditor,
+  rt as I18N,
+  c as IC,
+  dt as SIZES,
+  te as TXT,
+  Ht as cleanPastedHTML,
+  D as getStrings,
+  kt as normalizeTextPaste
 };