fable-editor 1.3.2 → 1.4.0

package/dist/core/index.mjs

@@ -407,7 +407,7 @@ const dt = "undo redo | preview print | importword revhistory | fontfamily fonts
   ["Verdana", "verdana,geneva"],
   ["Webdings", "webdings"],
   ["Wingdings", "wingdings,zapf dingbats"]
-], mt = ["8px", "9px", "10px", "11px", "12px", "14px", "16px", "18px", "20px", "24px", "28px", "32px", "36px", "48px", "72px", "96px"], gt = 1, ft = 100, W = ["1", "1.15", "1.4", "1.5", "1.75", "2", "2.5", "3"], V = ["1px", "2px", "4px", "6px", "8px", "12px"], j = ["0.5px", "1px", "1.5px", "2px", "3px", "4px"], X = [
+], mt = ["8px", "9px", "10px", "11px", "12px", "14px", "16px", "18px", "20px", "24px", "28px", "32px", "36px", "48px", "72px", "96px"], gt = 1, ft = 100, U = ["1", "1.15", "1.4", "1.5", "1.75", "2", "2.5", "3"], V = ["1px", "2px", "4px", "6px", "8px", "12px"], j = ["0.5px", "1px", "1.5px", "2px", "3px", "4px"], X = [
   ["plain", "Plain text"],
   ["html", "HTML/XML"],
   ["css", "CSS"],
@@ -1944,12 +1944,12 @@ function Et(h) {
     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) => {
+    const l = [], n = s[0];
+    s.forEach((r) => {
       var y, w, S;
-      const a = +(((y = (n.getAttribute("style") || "").match(/level(\d+)/i)) == null ? void 0 : y[1]) || 1), d = Array.from(n.querySelectorAll("span")).find(
+      const a = +(((y = (r.getAttribute("style") || "").match(/level(\d+)/i)) == null ? void 0 : y[1]) || 1), d = Array.from(r.querySelectorAll("span")).find(
         (C) => /mso-list\s*:\s*ignore/i.test(C.getAttribute("style") || "")
-      ), p = d ? ((w = d.textContent) == null ? void 0 : w.trim()) || "" : (((S = n.textContent) == null ? void 0 : S.trim().match(/^\S{1,4}/)) || [""])[0], { ordered: u, style: g } = St(p);
+      ), p = d ? ((w = d.textContent) == null ? void 0 : w.trim()) || "" : (((S = r.textContent) == null ? void 0 : S.trim().match(/^\S{1,4}/)) || [""])[0], { ordered: u, style: g } = St(p);
       for (d && d.remove(); l.length && l[l.length - 1].level > a; ) l.pop();
       if (!l.length || l[l.length - 1].level < a) {
         const C = h.createElement(u ? "ol" : "ul");
@@ -1957,12 +1957,12 @@ function Et(h) {
           const k = l[l.length - 1].list;
           (k.lastElementChild || k).appendChild(C);
         } else
-          o.parentNode.insertBefore(C, o);
+          n.parentNode.insertBefore(C, n);
         l.push({ list: C, level: a });
       }
-      const m = h.createElement("li"), f = D(n), b = ["text-align", "direction", "unicode-bidi", "color", "font-size", "font-family", "background-color"].filter((C) => f[C]).map((C) => C + ":" + f[C]).join(";");
-      for (b && m.setAttribute("style", b), n.getAttribute("dir") && m.setAttribute("dir", n.getAttribute("dir")); n.firstChild; ) m.appendChild(n.firstChild);
-      l[l.length - 1].list.appendChild(m), n.remove();
+      const m = h.createElement("li"), f = D(r), b = ["text-align", "direction", "unicode-bidi", "color", "font-size", "font-family", "background-color"].filter((C) => f[C]).map((C) => C + ":" + f[C]).join(";");
+      for (b && m.setAttribute("style", b), r.getAttribute("dir") && m.setAttribute("dir", r.getAttribute("dir")); r.firstChild; ) m.appendChild(r.firstChild);
+      l[l.length - 1].list.appendChild(m), r.remove();
     });
   });
 }
@@ -2001,10 +2001,10 @@ function Z(h, t) {
     const i = e, s = i.tagName.toLowerCase();
     if (!wt.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 o = t.createElement("span");
+        i.getAttribute("style") && o.setAttribute("style", i.getAttribute("style")), i.getAttribute("color") && (o.style.color = i.getAttribute("color")), i.getAttribute("face") && (o.style.fontFamily = i.getAttribute("face"));
         const a = i.getAttribute("size");
-        if (a && !r.style.fontSize) {
+        if (a && !o.style.fontSize) {
           const d = {
             1: "8pt",
             2: "10pt",
@@ -2014,10 +2014,10 @@ function Z(h, t) {
             6: "24pt",
             7: "36pt"
           };
-          d[a] && (r.style.fontSize = d[a]);
+          d[a] && (o.style.fontSize = d[a]);
         }
-        for (; i.firstChild; ) r.appendChild(i.firstChild);
-        i.replaceWith(r), Z(r, t);
+        for (; i.firstChild; ) o.appendChild(i.firstChild);
+        i.replaceWith(o), Z(o, t);
         return;
       }
       for (Z(i, t); i.firstChild; ) i.parentNode.insertBefore(i.firstChild, i);
@@ -2025,25 +2025,25 @@ function Z(h, t) {
       return;
     }
     const l = /* @__PURE__ */ new Set([...G["*"] || [], ...G[s] || []]);
-    if (Array.from(i.attributes).forEach((r) => {
-      const a = r.name.toLowerCase();
-      a !== "style" && !l.has(a) && i.removeAttribute(r.name);
+    if (Array.from(i.attributes).forEach((o) => {
+      const a = o.name.toLowerCase();
+      a !== "style" && !l.has(a) && i.removeAttribute(o.name);
     }), s === "a") {
-      const r = i.getAttribute("href") || "";
-      /^(https?:|mailto:|tel:|#)/i.test(r) || i.removeAttribute("href");
+      const o = i.getAttribute("href") || "";
+      /^(https?:|mailto:|tel:|#)/i.test(o) || i.removeAttribute("href");
     }
     if (s === "img") {
-      const r = i.getAttribute("src") || "";
-      if (!/^(https?:|data:image\/|blob:)/i.test(r)) {
+      const o = i.getAttribute("src") || "";
+      if (!/^(https?:|data:image\/|blob:)/i.test(o)) {
         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 = D(i), n = [];
-    for (const [r, a] of Object.entries(o))
-      Ct.has(r) && (/expression|javascript|url\s*\(\s*['"]?\s*file:/i.test(a) || r === "font-weight" && /^(400|normal)$/i.test(a) || r === "font-style" && /^normal$/i.test(a) || r === "text-decoration" && /^none$/i.test(a) || n.push(r + ":" + a));
-    if (n.length ? i.setAttribute("style", n.join(";")) : i.removeAttribute("style"), i.removeAttribute("class"), Z(i, t), s === "span" && !i.attributes.length) {
+    const n = D(i), r = [];
+    for (const [o, a] of Object.entries(n))
+      Ct.has(o) && (/expression|javascript|url\s*\(\s*['"]?\s*file:/i.test(a) || o === "font-weight" && /^(400|normal)$/i.test(a) || o === "font-style" && /^normal$/i.test(a) || o === "text-decoration" && /^none$/i.test(a) || r.push(o + ":" + a));
+    if (r.length ? i.setAttribute("style", r.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();
     }
@@ -2056,13 +2056,13 @@ function Ht(h) {
     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 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 }));
+    const n = /([^{}]+)\{([^}]*)\}/g;
+    for (; l = n.exec(s); ) {
+      const r = l[2].split(";").map((o) => {
+        const a = o.indexOf(":");
+        return a < 1 ? null : [o.slice(0, a).trim().toLowerCase(), o.slice(a + 1).trim()];
+      }).filter((o) => !!o && !!o[1]);
+      r.length && l[1].split(",").map((o) => o.trim()).filter((o) => o && !o.startsWith("@")).forEach((o) => t.push({ sel: o, decls: r }));
     }
   }
   return t;
@@ -2077,16 +2077,16 @@ function kt(h, t) {
     } catch {
       return;
     }
-    l.forEach((o) => {
-      let n = e.get(o);
-      n || (n = {}, e.set(o, n)), s.forEach(([r, a]) => {
-        n[r] = a;
+    l.forEach((n) => {
+      let r = e.get(n);
+      r || (r = {}, e.set(n, r)), s.forEach(([o, a]) => {
+        r[o] = a;
       });
     });
   }), e.forEach((i, s) => {
-    const l = D(s), o = s.hasAttribute("dir"), n = s.hasAttribute("align"), r = Object.entries(i).filter(([p]) => !(p in l || (p === "direction" || p === "unicode-bidi") && o || p === "text-align" && (n || o) || (p === "background" || p === "background-color") && s.hasAttribute("bgcolor")));
-    if (!r.length) return;
-    const a = r.map(([p, u]) => p + ":" + u).join(";"), d = s.getAttribute("style");
+    const l = D(s), n = s.hasAttribute("dir"), r = s.hasAttribute("align"), o = Object.entries(i).filter(([p]) => !(p in l || (p === "direction" || p === "unicode-bidi") && n || p === "text-align" && (r || n) || (p === "background" || p === "background-color") && s.hasAttribute("bgcolor")));
+    if (!o.length) return;
+    const a = o.map(([p, u]) => p + ":" + u).join(";"), d = s.getAttribute("style");
     s.setAttribute("style", d ? a + ";" + d : a);
   });
 }
@@ -2103,8 +2103,8 @@ function It(h, t = "ltr") {
   const e = Ht(h), i = new DOMParser().parseFromString(Tt(h), "text/html");
   kt(i, e), /class="?Mso|mso-|urn:schemas-microsoft-com/i.test(i.body.innerHTML) && Et(i), Mt(i), Lt(i), Z(i.body, i), At(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();
@@ -2124,18 +2124,18 @@ function Y(h, t) {
       s += i.length;
       continue;
     }
-    let o = 0, n = s;
-    for (; n < h.length; n++) {
-      const r = h[n];
-      if (r === "\\") {
-        n++;
+    let n = 0, r = s;
+    for (; r < h.length; r++) {
+      const o = h[r];
+      if (o === "\\") {
+        r++;
         continue;
       }
-      if (r === "{") o++;
-      else if (r === "}" && (o--, !o))
+      if (o === "{") n++;
+      else if (o === "}" && (n--, !n))
         break;
     }
-    e.push({ start: s, end: n + 1, body: h.slice(s + i.length, n) }), s = n + 1;
+    e.push({ start: s, end: r + 1, body: h.slice(s + i.length, r) }), s = r + 1;
   }
   return e;
 }
@@ -2201,10 +2201,10 @@ function Ot(h) {
   const t = (i, s) => {
     const l = Ft(i, "src");
     if (!l) return null;
-    const o = l.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    if (new RegExp(`<img\\b[^>]*\\bsrc\\s*=\\s*["']?` + o, "i").test(h)) return null;
-    const n = (s.match(/<v:shape\b[^>]*\sstyle\s*=\s*(?:"([^"]*)"|'([^']*)')/i) || []).slice(1).find(Boolean) || "", r = J((n.match(/(?:^|;)\s*width\s*:\s*([^;]+)/i) || [])[1] || ""), a = J((n.match(/(?:^|;)\s*height\s*:\s*([^;]+)/i) || [])[1] || "");
-    return '<img src="' + l.replace(/"/g, "&quot;") + '"' + (r ? ' width="' + r + '"' : "") + (a ? ' height="' + a + '"' : "") + ">";
+    const n = l.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    if (new RegExp(`<img\\b[^>]*\\bsrc\\s*=\\s*["']?` + n, "i").test(h)) return null;
+    const r = (s.match(/<v:shape\b[^>]*\sstyle\s*=\s*(?:"([^"]*)"|'([^']*)')/i) || []).slice(1).find(Boolean) || "", o = J((r.match(/(?:^|;)\s*width\s*:\s*([^;]+)/i) || [])[1] || ""), a = J((r.match(/(?:^|;)\s*height\s*:\s*([^;]+)/i) || [])[1] || "");
+    return '<img src="' + l.replace(/"/g, "&quot;") + '"' + (o ? ' width="' + o + '"' : "") + (a ? ' height="' + a + '"' : "") + ">";
   };
   let e = h.replace(/<!--\[if [^\]]*\]>([\s\S]*?)<!\[endif\]-->/gi, (i, s) => {
     const l = s.match(/<v:imagedata\b[^>]*>/i);
@@ -2220,10 +2220,10 @@ function rt(h, t) {
   const e = [];
   let i = 0;
   return { html: Ot(h).replace(/<img\b[^>]*>/gi, (l) => {
-    const o = (l.match(/\ssrc\s*=\s*["']?([^"'\s>]+)/i) || [])[1] || "";
-    if (ot.test(o)) return l;
-    const n = t[i++];
-    return n ? (e.push(n), /\ssrc\s*=\s*["']/i.test(l) ? l.replace(/(\ssrc\s*=\s*)(["'])[^"']*\2/i, '$1"' + n + '"') : l.replace(/(\ssrc\s*=\s*)[^\s>]+/i, '$1"' + n + '"')) : l;
+    const n = (l.match(/\ssrc\s*=\s*["']?([^"'\s>]+)/i) || [])[1] || "";
+    if (ot.test(n)) return l;
+    const r = t[i++];
+    return r ? (e.push(r), /\ssrc\s*=\s*["']/i.test(l) ? l.replace(/(\ssrc\s*=\s*)(["'])[^"']*\2/i, '$1"' + r + '"') : l.replace(/(\ssrc\s*=\s*)[^\s>]+/i, '$1"' + r + '"')) : l;
   }), injected: e };
 }
 function $t(h, t) {
@@ -2242,38 +2242,38 @@ function zt(h, t) {
   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 o = 0; o < s.length; o++) l[o] = s.charCodeAt(o);
+    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 Ut(h) {
+function Wt(h) {
   const t = new DataView(h), e = /* @__PURE__ */ new Map();
   let i = -1;
-  for (let n = h.byteLength - 22; n >= Math.max(0, h.byteLength - 22 - 65535); n--)
-    if (t.getUint32(n, !0) === 101010256) {
-      i = n;
+  for (let r = h.byteLength - 22; r >= Math.max(0, h.byteLength - 22 - 65535); r--)
+    if (t.getUint32(r, !0) === 101010256) {
+      i = r;
       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), a = t.getUint32(l + 20, !0), d = t.getUint16(l + 28, !0), p = t.getUint16(l + 30, !0), u = t.getUint16(l + 32, !0), g = t.getUint32(l + 42, !0), m = o.decode(new Uint8Array(h, l + 46, d));
-    e.set(m, { name: m, method: r, compSize: a, localOffset: g }), l += 46 + d + p + u;
+  const n = new TextDecoder();
+  for (let r = 0; r < s && t.getUint32(l, !0) === 33639248; r++) {
+    const o = t.getUint16(l + 10, !0), a = t.getUint32(l + 20, !0), d = t.getUint16(l + 28, !0), p = t.getUint16(l + 30, !0), u = t.getUint16(l + 32, !0), g = t.getUint32(l + 42, !0), m = n.decode(new Uint8Array(h, l + 46, d));
+    e.set(m, { name: m, method: o, compSize: a, localOffset: g }), l += 46 + d + p + u;
   }
   return e;
 }
 async function tt(h, t) {
   const e = new DataView(h, 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(h.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(h.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 r = new Blob([n]).stream().pipeThrough(new DecompressionStream("deflate-raw"));
+  return new Uint8Array(await new Response(r).arrayBuffer());
 }
 const et = (h) => h.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), P = (h, t) => Array.from(h.children).filter((e) => e.localName === t), E = (h, ...t) => {
   let e = h;
@@ -2309,7 +2309,7 @@ const et = (h) => h.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
   lightGray: "#D3D3D3",
   black: "#000000",
   white: "#FFFFFF"
-}, Wt = {
+}, Ut = {
   png: "image/png",
   jpg: "image/jpeg",
   jpeg: "image/jpeg",
@@ -2334,12 +2334,12 @@ class jt {
     };
     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 r = n.ilvl + 1;
+          for (; i.length > r; ) e += `</${i.pop()}>`;
+          for (i.length === r && i[r - 1] !== n.type && (e += `</${i.pop()}>`); i.length < r; )
+            e += `<${n.type}>`, i.push(n.type);
           e += `<li>${this.runsOf(l) || "<br>"}</li>`;
           continue;
         }
@@ -2360,10 +2360,10 @@ class jt {
     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), a = o.length ? ` style="${o.join(";")}"` : "";
-    return `<${s}${a}>${r || "<br>"}</${s}>`;
+    const n = [], r = T(E(t, "pPr", "jc"));
+    r === "center" ? n.push("text-align:center") : r === "right" || r === "end" ? n.push("text-align:right") : (r === "both" || r === "distribute") && n.push("text-align:justify"), e && E(e, "bidi") && n.push("direction:rtl");
+    const o = this.runsOf(t), a = n.length ? ` style="${n.join(";")}"` : "";
+    return `<${s}${a}>${o || "<br>"}</${s}>`;
   }
   runsOf(t) {
     let e = "";
@@ -2373,8 +2373,8 @@ class jt {
         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="${et(s)}">${o}</a>` : o;
+        const n = this.runsOf(i);
+        e += s ? `<a href="${et(s)}">${n}</a>` : n;
       } else (i.localName === "smartTag" || i.localName === "ins") && (e += this.runsOf(i));
     return e;
   }
@@ -2386,40 +2386,40 @@ class jt {
     if (!i) return "";
     const s = [], l = T(e ? E(e, "color") : null);
     l && l !== "auto" && s.push("color:#" + l);
-    const o = T(e ? E(e, "highlight") : null);
-    o && it[o] && s.push("background-color:" + it[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, a = T(r, "ascii") || T(r, "cs");
+    const n = T(e ? E(e, "highlight") : null);
+    n && it[n] && s.push("background-color:" + it[n]);
+    const r = parseFloat(T(e ? E(e, "sz") : null));
+    r && s.push("font-size:" + Math.round(r / 2 * (4 / 3)) + "px");
+    const o = e ? E(e, "rFonts") : null, a = T(o, "ascii") || T(o, "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(E(e, "u")) !== "none" && (i = `<u>${i}</u>`), B(e, "strike") && (i = `<s>${i}</s>`);
     const d = T(e ? E(e, "vertAlign") : null);
     return d === "superscript" ? i = `<sup>${i}</sup>` : d === "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");
-        r && (i = Math.round(r / 9525));
+    const s = (r) => {
+      if (r.localName === "blip" && (e = e || T(r, "embed") || T(r, "link")), r.localName === "imagedata" && (e = e || T(r, "id")), r.localName === "extent") {
+        const o = parseFloat(r.getAttribute("cx") || "0");
+        o && (i = Math.round(o / 9525));
       }
-      for (const r of Array.from(n.children)) s(r);
+      for (const o of Array.from(r.children)) s(o);
     };
     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 P(t, "tr")) {
       e += "<tr>";
       for (const s of P(i, "tc")) {
-        const l = parseInt(T(E(s, "tcPr", "gridSpan")) || "1", 10) || 1, o = l > 1 ? ` colspan="${l}"` : "";
-        let n = "";
-        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>`;
+        const l = parseInt(T(E(s, "tcPr", "gridSpan")) || "1", 10) || 1, n = l > 1 ? ` colspan="${l}"` : "";
+        let r = "";
+        for (const o of Array.from(s.children))
+          o.localName === "p" ? r += this.convertPara(o) : o.localName === "tbl" && (r += this.convertTable(o));
+        e += `<td style="border:1px solid #b9c2cc"${n}>${r || "<br>"}</td>`;
       }
       e += "</tr>";
     }
@@ -2427,31 +2427,31 @@ class jt {
   }
 }
 async function Xt(h) {
-  const t = h instanceof ArrayBuffer ? h : await h.arrayBuffer(), e = Ut(t), i = new TextDecoder(), s = async (m) => {
+  const t = h instanceof ArrayBuffer ? h : await h.arrayBuffer(), e = Wt(t), i = new TextDecoder(), s = async (m) => {
     const f = e.get(m);
     return f ? new DOMParser().parseFromString(i.decode(await tt(t, f)), "application/xml") : null;
-  }, l = await s("word/document.xml"), o = l == null ? void 0 : l.getElementsByTagName("*");
-  let n = null;
-  if (o) {
-    for (const m of Array.from(o))
+  }, l = await s("word/document.xml"), n = l == null ? void 0 : l.getElementsByTagName("*");
+  let r = null;
+  if (n) {
+    for (const m of Array.from(n))
       if (m.localName === "body") {
-        n = m;
+        r = m;
         break;
       }
   }
-  if (!n) throw new Error("word/document.xml missing or invalid");
-  const r = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), d = await s("word/_rels/document.xml.rels");
+  if (!r) throw new Error("word/document.xml missing or invalid");
+  const o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), d = await s("word/_rels/document.xml.rels");
   if (d)
     for (const m of Array.from(d.getElementsByTagName("*"))) {
       if (m.localName !== "Relationship") continue;
       const f = m.getAttribute("Id") || "", b = m.getAttribute("Target") || "", y = m.getAttribute("Type") || "";
-      /hyperlink/i.test(y) ? r.set(f, b) : /image/i.test(y) && a.set(f, b);
+      /hyperlink/i.test(y) ? o.set(f, b) : /image/i.test(y) && a.set(f, b);
     }
   const p = /* @__PURE__ */ new Map();
   for (const [m, f] of a) {
     const b = f.startsWith("/") ? f.slice(1) : "word/" + f.replace(/^\.\//, ""), y = e.get(b);
     if (!y) continue;
-    const w = (b.split(".").pop() || "").toLowerCase(), S = Wt[w];
+    const w = (b.split(".").pop() || "").toLowerCase(), S = Ut[w];
     if (S)
       try {
         p.set(m, `data:${S};base64,${Vt(await tt(t, y))}`);
@@ -2472,7 +2472,7 @@ async function Xt(h) {
       u.set(y, m.get(w) || "ul");
     }
   }
-  return new jt(r, p, u).convertBody(n);
+  return new jt(o, p, u).convertBody(r);
 }
 const Qt = ["nw", "ne", "sw", "se"], $ = ["img-left", "img-right", "img-top", "img-center"], _ = {
   "img-left": "tplimgleft",
@@ -2498,10 +2498,10 @@ function Kt(h) {
     if (A !== h || !document.contains(h)) return;
     M || (M = document.createElement("div"), M.className = "etip", document.body.appendChild(M)), M.textContent = t, M.classList.add("show");
     const i = h.getBoundingClientRect(), s = M.offsetWidth, l = M.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), M.style.left = o + "px", M.style.top = n + "px";
+    let n = i.left + i.width / 2 - s / 2;
+    n = Math.max(6, Math.min(n, innerWidth - s - 6));
+    let r = i.bottom + 7;
+    r + l > innerHeight - 6 && (r = i.top - l - 7), M.style.left = n + "px", M.style.top = r + "px";
   }, e);
 }
 function Jt() {
@@ -2561,7 +2561,7 @@ function me(h) {
       bottom: { width: null, style: null, color: null },
       left: { width: null, style: null, color: null }
     }, s = [];
-    let l = !1, o = !1;
+    let l = !1, n = !1;
     if (e.split(";").forEach((a) => {
       const d = a.indexOf(":");
       if (d < 1) {
@@ -2574,7 +2574,7 @@ function me(h) {
         return;
       }
       if (ce.test(u)) {
-        o = !0;
+        n = !0;
         return;
       }
       l = !0;
@@ -2594,9 +2594,9 @@ function me(h) {
           i[y] = { ...b };
         });
       }
-    }), o || !l) return;
-    const n = R.map((a) => ue(i[a])), r = s.slice();
-    n.every((a) => a && a === n[0]) ? r.push("border:" + n[0]) : R.forEach((a, d) => n[d] && r.push(`border-${a}:` + n[d])), t.setAttribute("style", r.join(";"));
+    }), n || !l) return;
+    const r = R.map((a) => ue(i[a])), o = s.slice();
+    r.every((a) => a && a === r[0]) ? o.push("border:" + r[0]) : R.forEach((a, d) => r[d] && o.push(`border-${a}:` + r[d])), t.setAttribute("style", o.join(";"));
   });
 }
 function ct(h) {
@@ -2673,12 +2673,12 @@ const I = class I {
     let e = 0, i = 0;
     const s = (l) => {
       e = l.clientY, i = this.ed.offsetHeight, l.preventDefault();
-      const o = (r) => {
-        this.ed.style.height = Math.max(120, i + r.clientY - e) + "px";
-      }, n = () => {
-        window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", n);
+      const n = (o) => {
+        this.ed.style.height = Math.max(120, i + o.clientY - e) + "px";
+      }, r = () => {
+        window.removeEventListener("mousemove", n), window.removeEventListener("mouseup", r);
       };
-      window.addEventListener("mousemove", o), window.addEventListener("mouseup", n);
+      window.addEventListener("mousemove", n), window.addEventListener("mouseup", r);
     };
     t.addEventListener("mousedown", s), this.listeners.push(() => t.removeEventListener("mousedown", s));
   }
@@ -2696,17 +2696,17 @@ 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, r, o;
       t.preventDefault();
       const e = t.target, i = (l = e.closest) == null ? void 0 : l.call(e, ".img-ph:not(.vid-ph)");
       if (i && this.ed.contains(i) && !this.options.readonly) {
-        const a = Array.from(((o = t.dataTransfer) == null ? void 0 : o.files) || []).find((d) => d.type.startsWith("image/"));
+        const a = Array.from(((n = t.dataTransfer) == null ? void 0 : n.files) || []).find((d) => d.type.startsWith("image/"));
         a && this.readImageFileInto(a, i);
         return;
       }
-      const s = (n = e.closest) == null ? void 0 : n.call(e, ".vid-ph");
+      const s = (r = e.closest) == null ? void 0 : r.call(e, ".vid-ph");
       if (s && this.ed.contains(s) && !this.options.readonly) {
-        const a = Array.from(((r = t.dataTransfer) == null ? void 0 : r.files) || []).find((d) => d.type.startsWith("video/"));
+        const a = Array.from(((o = t.dataTransfer) == null ? void 0 : o.files) || []).find((d) => d.type.startsWith("video/"));
         a && this.readVideoFileInto(a, s);
       }
     }), this.on(this.ed, "dragover", (t) => t.preventDefault()), this.on(this.ed, "mousedown", (t) => {
@@ -2717,12 +2717,12 @@ const I = class I {
       s && this.ed.contains(s) && !this.options.readonly ? (t.preventDefault(), this.ed.focus(), this.selectImgPlaceholder(s)) : this.clearImgPlaceholderSel();
       const l = (u = e.closest) == null ? void 0 : u.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 = (m = e.closest) == null ? void 0 : m.call(e, "pre.code-block");
-      n && this.ed.contains(n) && !this.options.readonly ? (t.preventDefault(), this.selectCodeEl(n)) : this.clearCodeSel();
-      const r = (f = e.closest) == null ? void 0 : f.call(e, "img");
-      r && this.ed.contains(r) && !this.options.readonly ? (t.preventDefault(), this.selectImage(r)) : this.clearImageHandles();
+      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 r = (m = e.closest) == null ? void 0 : m.call(e, "pre.code-block");
+      r && this.ed.contains(r) && !this.options.readonly ? (t.preventDefault(), this.selectCodeEl(r)) : this.clearCodeSel();
+      const o = (f = e.closest) == null ? void 0 : f.call(e, "img");
+      o && this.ed.contains(o) && !this.options.readonly ? (t.preventDefault(), this.selectImage(o)) : this.clearImageHandles();
       const a = (b = e.closest) == null ? void 0 : b.call(e, "video, .video-embed");
       a && this.ed.contains(a) && !this.options.readonly ? (t.preventDefault(), this.selectVideo(a)) : this.clearVidHandles();
     }), this.on(this.ed, "mouseover", (t) => {
@@ -2731,11 +2731,11 @@ const I = class I {
       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, r;
       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((o) => o.contains(i)) || ((r = i.closest) == null ? void 0 : r.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(
@@ -2817,41 +2817,42 @@ const I = class I {
    *  content with no strongly-directional character anywhere falls back to the
    *  editor's current direction. */
   getContentForEmail() {
-    const t = (n, r) => {
-      const a = (n.getAttribute("style") || "").trim();
-      n.setAttribute("style", a ? a.replace(/;?$/, "; ") + r : r);
-    }, e = document.createElement("div");
-    e.innerHTML = this.ed.innerHTML;
-    let i = null;
-    e.querySelectorAll("[dir]").forEach((n) => {
-      const r = (n.getAttribute("dir") || "").toLowerCase();
-      if (r !== "rtl" && r !== "ltr") return;
-      const a = r;
-      i || (i = a), /text-align\s*:/i.test(n.getAttribute("style") || "") || t(n, `text-align:${a === "rtl" ? "right" : "left"}`);
-    }), e.querySelectorAll(ie).forEach((n) => {
-      const r = (n.getAttribute("dir") || "").toLowerCase();
-      if (r === "rtl" || r === "ltr") return;
-      const a = se(ct(n));
-      if (!a) return;
-      i || (i = a), n.setAttribute("dir", a);
-      const d = /text-align\s*:/i.test(n.getAttribute("style") || "");
-      t(n, d ? `direction:${a}` : `direction:${a};text-align:${a === "rtl" ? "right" : "left"}`);
+    const t = (o, a) => {
+      const d = (o.getAttribute("style") || "").trim();
+      o.setAttribute("style", d ? d.replace(/;?$/, "; ") + a : a);
+    }, e = (o, a) => {
+      const d = (o.getAttribute("style") || "").split(";").map((p) => p.trim()).filter((p) => p && !/^width\s*:/i.test(p));
+      d.push(`width:${a}px`), o.setAttribute("style", d.join("; "));
+    }, i = document.createElement("div");
+    i.innerHTML = this.ed.innerHTML;
+    let s = null;
+    i.querySelectorAll("[dir]").forEach((o) => {
+      const a = (o.getAttribute("dir") || "").toLowerCase();
+      if (a !== "rtl" && a !== "ltr") return;
+      const d = a;
+      s || (s = d), /text-align\s*:/i.test(o.getAttribute("style") || "") || t(o, `text-align:${d === "rtl" ? "right" : "left"}`);
+    }), i.querySelectorAll(ie).forEach((o) => {
+      const a = (o.getAttribute("dir") || "").toLowerCase();
+      if (a === "rtl" || a === "ltr") return;
+      const d = se(ct(o));
+      if (!d) return;
+      s || (s = d), o.setAttribute("dir", d);
+      const p = /text-align\s*:/i.test(o.getAttribute("style") || "");
+      t(o, p ? `direction:${d}` : `direction:${d};text-align:${d === "rtl" ? "right" : "left"}`);
     });
-    const s = this.ed.querySelectorAll("img");
-    e.querySelectorAll("img").forEach((n, r) => {
-      if (n.closest(".tpl-media")) return;
-      const a = s[r], d = Math.round((a == null ? void 0 : a.getBoundingClientRect().width) || 0);
-      d > 0 && !n.getAttribute("width") && n.setAttribute("width", String(d));
-      const p = n.getAttribute("style") || "";
-      d > 0 && !/(^|;)\s*width\s*:/i.test(p) && t(n, `width:${d}px`), /max-width\s*:/i.test(n.getAttribute("style") || "") || t(n, "max-width:100%"), /(^|;)\s*height\s*:/i.test(n.getAttribute("style") || "") || t(n, "height:auto");
-    }), me(e), e.querySelectorAll("table").forEach((n) => {
-      const r = n.getAttribute("style") || "";
-      /border-collapse\s*:/i.test(r) || t(n, "border-collapse:collapse"), !/border-spacing\s*:/i.test(r) && !n.hasAttribute("cellspacing") && n.setAttribute("cellspacing", "0");
+    const l = this.ed.querySelectorAll("img");
+    i.querySelectorAll("img").forEach((o, a) => {
+      if (o.closest(".tpl-media")) return;
+      const d = l[a], p = Math.round((d == null ? void 0 : d.offsetWidth) || 0);
+      p > 0 && (o.setAttribute("width", String(p)), o.removeAttribute("height"), e(o, p)), /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");
+    }), me(i), i.querySelectorAll("table").forEach((o) => {
+      const a = o.getAttribute("style") || "";
+      /border-collapse\s*:/i.test(a) || t(o, "border-collapse:collapse"), !/border-spacing\s*:/i.test(a) && !o.hasAttribute("cellspacing") && o.setAttribute("cellspacing", "0");
     });
-    const l = i || this.ed.getAttribute("dir") || this.dir();
-    return e.querySelectorAll("table:not([dir])").forEach((n) => {
-      n.setAttribute("dir", l), /direction\s*:/i.test(n.getAttribute("style") || "") || t(n, `direction:${l}`);
-    }), `<div dir="${l}" style="direction:${l};text-align:${l === "rtl" ? "right" : "left"}">${e.innerHTML}</div>`;
+    const n = s || this.ed.getAttribute("dir") || this.dir();
+    return i.querySelectorAll("table:not([dir])").forEach((o) => {
+      o.setAttribute("dir", n), /direction\s*:/i.test(o.getAttribute("style") || "") || t(o, `direction:${n}`);
+    }), `<div dir="${n}" style="direction:${n};text-align:${n === "rtl" ? "right" : "left"}">${i.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.stampExistingImages();
@@ -2925,8 +2926,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();
@@ -2976,30 +2977,30 @@ 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 r = 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 = {}, a = (d) => {
-        o = d, this.revisions.forEach((p, u) => {
+      }), o = {}, a = (d) => {
+        n = d, this.revisions.forEach((p, u) => {
           var g;
-          return (g = r[u]) == null ? void 0 : g.classList.toggle("on", u === d);
+          return (g = o[u]) == null ? void 0 : g.classList.toggle("on", u === d);
         }), s.innerHTML = this.revisions[d].html, l.disabled = d === this.revisions.length - 1;
       };
       for (let d = this.revisions.length - 1; d >= 0; d--) {
         const p = this.revisions[d], u = document.createElement("button");
         u.type = "button";
         const g = (new DOMParser().parseFromString(p.html, "text/html").body.textContent || "").trim(), m = g ? g.split(/\s+/).length : 0, f = d === this.revisions.length - 1;
-        u.innerHTML = `<span>${f ? this.t("currentver") : n.format(new Date(p.time))}</span><span class="wc">${m} ${this.t("words")}</span>`, u.addEventListener("click", () => a(d)), r[d] = u, i.appendChild(u);
+        u.innerHTML = `<span>${f ? this.t("currentver") : r.format(new Date(p.time))}</span><span class="wc">${m} ${this.t("words")}</span>`, u.addEventListener("click", () => a(d)), o[d] = u, i.appendChild(u);
       }
       i.append(l), l.addEventListener("click", () => {
-        const d = this.revisions[o];
+        const d = this.revisions[n];
         d && (this.recordRevision(), this.setContent(d.html), this.recordRevision(), this.closeDlg());
-      }), e.append(i, s), t.appendChild(e), a(o);
+      }), e.append(i, s), t.appendChild(e), a(n);
     });
   }
   /* ---------------------------------------------------------- popups / menus */
@@ -3036,10 +3037,10 @@ const I = class I {
     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 n = this.dir() === "rtl" ? i.left - l.offsetWidth + 2 : i.right - 2;
-    n = Math.max(8, Math.min(n + 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 = n + "px", l.style.top = r + "px", this.subStack.push(l);
+    let r = this.dir() === "rtl" ? i.left - l.offsetWidth + 2 : i.right - 2;
+    r = Math.max(8, Math.min(r + scrollX, scrollX + innerWidth - l.offsetWidth - 8));
+    let o = i.top + scrollY - 6;
+    o = Math.max(8 + scrollY, Math.min(o, scrollY + innerHeight - l.offsetHeight - 8)), l.style.left = r + "px", l.style.top = o + "px", this.subStack.push(l);
   }
   popup(t, e, i) {
     if (this.openPop && this.popAnchor === t) {
@@ -3051,10 +3052,10 @@ const I = class I {
     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";
-    let o = l.bottom + scrollY + 2;
-    o = Math.max(8 + scrollY, Math.min(o, scrollY + innerHeight - s.offsetHeight - 8)), s.style.top = o + "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) => {
+    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 o = this.dir() === "rtl" ? l.right - s.offsetWidth : l.left;
+    o = Math.max(8, Math.min(o + scrollX, scrollX + innerWidth - s.offsetWidth - 8)), s.style.left = o + "px", s.addEventListener("mousedown", (a) => {
       a.target.tagName !== "INPUT" && a.preventDefault();
     }), this.openPop = s, this.popAnchor = t, t.classList.add("open");
   }
@@ -3068,18 +3069,18 @@ const I = class I {
       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.closeSubFrom(this.subLevelOf(t)), (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) {
@@ -3095,8 +3096,8 @@ const I = class I {
   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 = vt.map((s) => {
       const l = t(this.t("forecolor"));
@@ -3112,17 +3113,17 @@ const I = class I {
   }
   tsel(t, e, i, s) {
     const l = document.createElement("button");
-    return l.className = "tsel " + t, l.type = "button", l.dataset.id = e, l.innerHTML = `<span class="lbl empty">${i || ""}</span>${c.chev}`, l.addEventListener("mousedown", (o) => {
-      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 a;
@@ -3134,7 +3135,7 @@ const I = class I {
     ] : [
       ["circle", c.ul_circle],
       ["square", c.ul_square]
-    ], l = this.tArr(e === "ol" ? "liststyles_ol" : "liststyles_ul").slice(1), o = window.getSelection(), n = o ? (a = this.closestBlock(o.anchorNode)) == null ? void 0 : a.closest(e) : null, r = n ? n.style.listStyleType : "";
+    ], l = this.tArr(e === "ol" ? "liststyles_ol" : "liststyles_ul").slice(1), n = window.getSelection(), r = n ? (a = this.closestBlock(n.anchorNode)) == null ? void 0 : a.closest(e) : null, o = r ? r.style.listStyleType : "";
     this.popup(t, (d) => {
       this.menuItems(d, [
         {
@@ -3147,7 +3148,7 @@ const I = class I {
       const p = document.createElement("div");
       p.className = "mi-grid", s.forEach(([u, g], m) => {
         const f = document.createElement("button");
-        f.className = "mi" + (r === u ? " on" : ""), f.innerHTML = `<span class="ic">${g}</span><span class="prev">${l[m]}</span>`, f.addEventListener("click", () => {
+        f.className = "mi" + (o === u ? " on" : ""), f.innerHTML = `<span class="ic">${g}</span><span class="prev">${l[m]}</span>`, f.addEventListener("click", () => {
           this.closePop(), this.setListStyle(e, u);
         }), p.appendChild(f);
       }), d.appendChild(p);
@@ -3166,18 +3167,18 @@ const I = class I {
     }), 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 = c.check;
-    const r = document.createElement("button");
-    r.type = "button", r.className = "cswatch nocolor", r.title = this.t("removecolor"), r.addEventListener("click", () => {
+    const n = /^#[0-9a-f]{6}$/i.test(e) ? e : "#000000", r = document.createElement("div");
+    r.className = "cswatch cur", r.title = this.t("currentcolor"), r.style.background = n, r.innerHTML = c.check;
+    const o = document.createElement("button");
+    o.type = "button", o.className = "cswatch nocolor", o.title = this.t("removecolor"), o.addEventListener("click", () => {
       this.closePop(), i(null);
     });
     const a = document.createElement("label");
     a.className = "cswatch cwheel", a.title = this.t("customcolor"), a.innerHTML = c.palette;
     const d = document.createElement("input");
-    d.type = "color", d.value = o, d.addEventListener("change", () => {
+    d.type = "color", d.value = n, d.addEventListener("change", () => {
       this.closePop(), i(d.value);
-    }), a.appendChild(d), l.append(n, r, a), t.appendChild(l);
+    }), a.appendChild(d), l.append(r, o, a), t.appendChild(l);
   }
   colorMenu(t, e) {
     this.popup(
@@ -3223,19 +3224,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 n = i.data;
+      let r = e.startOffset, o = e.startOffset;
+      for (; r > 0 && /\S/.test(n[r - 1]); ) r--;
+      for (; o < n.length && /\S/.test(n[o]); ) o++;
+      if (o > r) {
         const a = document.createRange();
-        a.setStart(i, n), a.setEnd(i, r), t.removeAllRanges(), t.addRange(a), this.savedRange = a.cloneRange();
+        a.setStart(i, r), a.setEnd(i, o), t.removeAllRanges(), t.addRange(a), this.savedRange = a.cloneRange();
         return;
       }
     }
@@ -3269,14 +3270,14 @@ 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, a = n === i.endContainer ? i.endOffset : n.data.length;
-      if (a <= r) return;
-      const d = n.data.slice(r, a);
+    let n;
+    for (; n = s.nextNode(); ) i.intersectsNode(n) && l.push(n);
+    l.forEach((r) => {
+      const o = r === i.startContainer ? i.startOffset : 0, a = r === i.endContainer ? i.endOffset : r.data.length;
+      if (a <= o) return;
+      const d = r.data.slice(o, a);
       let p = d;
-      t === "lower" ? p = d.toLowerCase() : t === "upper" ? p = d.toUpperCase() : p = d.replace(/(^|\s)(\S)/g, (u, g, m) => g + m.toUpperCase()), n.replaceData(r, a - r, p);
+      t === "lower" ? p = d.toLowerCase() : t === "upper" ? p = d.toUpperCase() : p = d.replace(/(^|\s)(\S)/g, (u, g, m) => g + m.toUpperCase()), r.replaceData(o, a - o, p);
     }), this.saveSel(), this.refreshState(), this.onChange();
   }
   caseItems() {
@@ -3312,7 +3313,7 @@ const I = class I {
     ];
   }
   lineHeightMenu(t) {
-    this.popup(t, (e) => this.menuItems(e, this.blockStyleItems("lineHeight", W)));
+    this.popup(t, (e) => this.menuItems(e, this.blockStyleItems("lineHeight", U)));
   }
   wordSpacingMenu(t) {
     this.popup(t, (e) => this.menuItems(e, this.blockStyleItems("wordSpacing", V)));
@@ -3364,8 +3365,8 @@ 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
     );
@@ -3408,15 +3409,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++)
-        for (let r = 0; r < 10; r++) {
+      const n = [];
+      for (let r = 0; r < 8; r++)
+        for (let o = 0; o < 10; o++) {
           const a = document.createElement("span");
-          a.dataset.r = String(n), a.dataset.c = String(r), a.addEventListener("mouseenter", () => {
-            o.forEach((d) => d.classList.toggle("hot", +d.dataset.r <= n && +d.dataset.c <= r)), l.textContent = r + 1 + " × " + (n + 1);
+          a.dataset.r = String(r), a.dataset.c = String(o), a.addEventListener("mouseenter", () => {
+            n.forEach((d) => d.classList.toggle("hot", +d.dataset.r <= r && +d.dataset.c <= o)), l.textContent = o + 1 + " × " + (r + 1);
           }), a.addEventListener("click", () => {
-            this.closePop(), this.insertTable(n + 1, r + 1), e == null || e();
-          }), o.push(a), s.appendChild(a);
+            this.closePop(), this.insertTable(r + 1, o + 1), e == null || e();
+          }), n.push(a), s.appendChild(a);
         }
       i.append(s, l), t.appendChild(i);
     }
@@ -3505,13 +3506,13 @@ const I = class I {
     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 r = n();
+        Array.isArray(r) ? s.push(...r) : s.push(r);
       }), s.length && this.toolbar.appendChild(this.group(...s));
     }), this.tbrMore = this.tbtn(c.more, this.t("more"), () => {
       this.tbrExpanded = !this.tbrExpanded, this.updateToolbarOverflow();
@@ -3611,7 +3612,7 @@ const I = class I {
         { 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: c.lineheight, subBuild: (s) => this.menuItems(s, this.blockStyleItems("lineHeight", W)) },
+        { 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", V)) },
         { label: this.t("letterspacing"), icon: c.letterspacing, subBuild: (s) => this.menuItems(s, this.blockStyleItems("letterSpacing", j)) },
         "|",
@@ -3691,36 +3692,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, a, d;
+    var o, a, d;
     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 ? (d = (a = e.anchorNode).closest) == null ? void 0 : d.call(a, "td,th") : null);
+    const i = ((o = this.closestBlock(e.anchorNode)) == null ? void 0 : o.closest("td,th")) || (e.anchorNode && e.anchorNode.nodeType === 1 ? (d = (a = e.anchorNode).closest) == null ? void 0 : d.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 s = i.parentElement, l = i.closest("table"), n = Array.from(s.children).indexOf(i), r = () => {
       const p = s.cloneNode(!1);
       return Array.from(s.children).forEach((u) => {
         const g = document.createElement("td"), m = u.getAttribute("style");
         m && g.setAttribute("style", m), 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") {
+    if (t === "rowabove" && s.before(r()), t === "rowbelow" && s.after(r()), t === "delrow") {
       const p = s.parentElement;
       s.remove(), p.querySelector("tr") || l.remove();
     }
     (t === "colbefore" || t === "colafter") && l.querySelectorAll("tr").forEach((p) => {
-      const u = p.children[Math.min(o, p.children.length - 1)], g = document.createElement("td"), m = u.getAttribute("style");
+      const u = p.children[Math.min(n, p.children.length - 1)], g = document.createElement("td"), m = u.getAttribute("style");
       m && g.setAttribute("style", m), g.style.removeProperty("width"), g.style.removeProperty("background-color"), g.innerHTML = "<br>", t === "colbefore" ? u.before(g) : u.after(g);
     }), t === "delcol" && (l.querySelectorAll("tr").forEach((p) => {
       var u;
-      return (u = p.children[o]) == null ? void 0 : u.remove();
+      return (u = p.children[n]) == null ? void 0 : u.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
@@ -3732,24 +3733,24 @@ const I = class I {
     if (!e) return;
     const i = e.parentElement, s = e.closest("table"), l = Array.from(i.children).indexOf(e);
     if (t === "rowup") {
-      const r = i.previousElementSibling;
-      r && r.before(i);
+      const o = i.previousElementSibling;
+      o && o.before(i);
     }
     if (t === "rowdown") {
-      const r = i.nextElementSibling;
-      r && r.after(i);
+      const o = i.nextElementSibling;
+      o && o.after(i);
     }
-    t === "colleft" && l > 0 && s.querySelectorAll("tr").forEach((r) => {
-      const a = r.children[l], d = r.children[l - 1];
+    t === "colleft" && l > 0 && s.querySelectorAll("tr").forEach((o) => {
+      const a = o.children[l], d = o.children[l - 1];
       a && d && d.before(a);
-    }), t === "colright" && s.querySelectorAll("tr").forEach((r) => {
-      const a = r.children[l], d = r.children[l + 1];
+    }), t === "colright" && s.querySelectorAll("tr").forEach((o) => {
+      const a = o.children[l], d = o.children[l + 1];
       a && d && d.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 r = window.getSelection();
+    r && (r.removeAllRanges(), r.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. */
@@ -3786,26 +3787,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", a = "flex:1;border:1px solid #cfd6df;border-radius:6px;padding:7px 9px;font:14px inherit", d = t.querySelector("td,th"), p = t.style.width || "", u = d && d.style.padding ? parseFloat(d.style.padding) : "", g = t.style.borderSpacing ? parseFloat(t.style.borderSpacing) : "", m = t.style.borderWidth ? parseFloat(t.style.borderWidth) : "", f = t.style.marginLeft, b = t.style.marginRight, y = f === "auto" && b === "auto" ? "center" : f === "auto" ? "right" : b === "auto" && f === "0" ? "left" : "";
+    let e, i, s, l, n;
+    const r = "display:flex;align-items:center;gap:10px;margin:10px 0", o = "width:120px;color:#556;flex:none", a = "flex:1;border:1px solid #cfd6df;border-radius:6px;padding:7px 9px;font:14px inherit", d = t.querySelector("td,th"), p = t.style.width || "", u = d && d.style.padding ? parseFloat(d.style.padding) : "", g = t.style.borderSpacing ? parseFloat(t.style.borderSpacing) : "", m = t.style.borderWidth ? parseFloat(t.style.borderWidth) : "", f = t.style.marginLeft, b = t.style.marginRight, y = f === "auto" && b === "auto" ? "center" : f === "auto" ? "right" : b === "auto" && f === "0" ? "left" : "";
     this.dialog(
       this.t("tablepropsttl"),
       (w) => {
         const S = (C, k) => {
           const L = document.createElement("div");
-          L.style.cssText = n;
+          L.style.cssText = r;
           const H = document.createElement("span");
-          H.style.cssText = r, H.textContent = this.t(C), L.append(H, k), w.appendChild(L);
+          H.style.cssText = o, H.textContent = this.t(C), L.append(H, k), w.appendChild(L);
         };
-        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(u), 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(m), S("tblborder", l), o = document.createElement("select"), o.style.cssText = a, [
+        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(u), 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(m), S("tblborder", l), n = document.createElement("select"), n.style.cssText = a, [
           ["", "alignnone"],
           ["left", "alignleft"],
           ["center", "aligncenter"],
           ["right", "alignright"]
         ].forEach(([C, k]) => {
           const L = document.createElement("option");
-          L.value = C, L.textContent = this.t(k), C === y && (L.selected = !0), o.appendChild(L);
-        }), S("tblalign", o);
+          L.value = C, L.textContent = this.t(k), C === y && (L.selected = !0), n.appendChild(L);
+        }), S("tblalign", n);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -3818,7 +3819,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();
           }
         }
@@ -3857,8 +3858,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) {
@@ -3868,8 +3869,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);
@@ -3880,11 +3881,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(
+      (r) => {
+        e = this.formInput(t.style.width, "e.g. 120px / 25%"), this.formRow(r, this.t("tblwidth"), e), i = this.formInput(t.style.height, "e.g. 40px"), this.formRow(r, this.t("tblheight"), i), s = this.formSelect(
           [
             ["", this.t("alignnone")],
             ["left", this.t("alignleft")],
@@ -3892,7 +3893,7 @@ const I = class I {
             ["right", this.t("alignright")]
           ],
           t.style.textAlign || ""
-        ), this.formRow(n, this.t("tblalign"), s), l = this.formSelect(
+        ), this.formRow(r, this.t("tblalign"), s), l = this.formSelect(
           [
             ["", this.t("alignnone")],
             ["top", this.t("valigntop")],
@@ -3900,7 +3901,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(r, this.t("valign"), l), n = this.formBg(t.style.backgroundColor || ""), this.formRow(r, this.t("backcolor"), n.wrap);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -3908,7 +3909,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();
           }
         }
       ]
@@ -3945,12 +3946,12 @@ const I = class I {
       alert(this.t("nocell"));
       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;
+    const e = t.parentElement, i = t.closest("table"), s = Array.from(e.children).indexOf(t), l = Array.from(i.rows).map((o) => o.cells[s]).filter(Boolean);
+    let n, r;
     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);
+      (o) => {
+        n = this.formInput(t.style.width, "e.g. 120px / 25%"), this.formRow(o, this.t("tblwidth"), n), r = this.formBg(t.style.backgroundColor || ""), this.formRow(o, this.t("backcolor"), r.wrap);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -3958,8 +3959,8 @@ const I = class I {
           label: this.t("save"),
           primary: !0,
           action: () => {
-            l.forEach((r) => {
-              this.setOrClear(r, "width", o.value.trim()), this.setOrClear(r, "background-color", n.fill.checked ? n.color.value : "");
+            l.forEach((o) => {
+              this.setOrClear(o, "width", n.value.trim()), this.setOrClear(o, "background-color", r.fill.checked ? r.color.value : "");
             }), this.closeDlg(), this.onChange(), this.positionTableHandles();
           }
         }
@@ -3975,8 +3976,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);
@@ -4031,7 +4032,7 @@ const I = class I {
       const e = document.createElement("div");
       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);
+      e.style.cssText = `width:${i > 0 ? Math.round(i) : 640}px;max-width:100%;max-height:52vh;overflow:auto;box-sizing:content-box;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:
@@ -4040,24 +4041,24 @@ 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 r = document.createElement("div");
-      r.className = "chgrid" + (i ? " emgrid" : ""), n.appendChild(r);
+      r.className = "chpanel";
+      const o = document.createElement("div");
+      o.className = "chgrid" + (i ? " emgrid" : ""), r.appendChild(o);
       const a = (d) => {
-        o.querySelectorAll("button").forEach((p, u) => p.classList.toggle("on", u === d)), r.innerHTML = "", e[d].chars.forEach((p) => {
+        n.querySelectorAll("button").forEach((p, u) => p.classList.toggle("on", u === d)), o.innerHTML = "", e[d].chars.forEach((p) => {
           const u = document.createElement("button");
           u.type = "button", u.textContent = p, u.onclick = () => {
             this.closeDlg(), this.exec("insertText", p);
-          }, r.appendChild(u);
-        }), n.scrollTop = 0;
+          }, o.appendChild(u);
+        }), r.scrollTop = 0;
       };
       e.forEach((d, p) => {
         const u = document.createElement("button");
-        u.type = "button", u.textContent = this.t(d.key), u.addEventListener("click", () => a(p)), o.appendChild(u);
-      }), l.append(o, n), s.appendChild(l), a(0);
+        u.type = "button", u.textContent = this.t(d.key), u.addEventListener("click", () => a(p)), n.appendChild(u);
+      }), l.append(n, r), s.appendChild(l), a(0);
     });
   }
   charMap() {
@@ -4126,17 +4127,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 r = new Image();
+      r.onload = () => this.replacePlaceholderWithImage(n, l, ""), r.onerror = () => {
         i.disabled = !1, e.disabled = !1, e.classList.add("err"), e.focus();
-      }, n.src = l;
+      }, r.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());
@@ -4162,8 +4163,8 @@ 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) {
@@ -4201,8 +4202,8 @@ const I = class I {
       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 o = this.contentWidth(), n = Math.round(o > 0 ? Math.min(l, o) : l);
-      t.setAttribute("width", String(n)), t.style.width = n + "px", t.style.height = "auto", i(!0);
+      const n = this.contentWidth(), r = Math.round(n > 0 ? Math.min(l, n) : l);
+      t.setAttribute("width", String(r)), t.style.width = r + "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 }));
   }
@@ -4277,22 +4278,22 @@ 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 r = this.videoEmbedUrl(l);
+      if (r) {
+        this.replacePlaceholderWithEmbed(n, r);
         return;
       }
       i.disabled = !0, e.disabled = !0;
-      const r = document.createElement("video");
-      r.preload = "metadata", r.onloadedmetadata = () => this.replacePlaceholderWithVideo(o, l, ""), r.onerror = () => {
+      const o = document.createElement("video");
+      o.preload = "metadata", o.onloadedmetadata = () => this.replacePlaceholderWithVideo(n, l, ""), o.onerror = () => {
         i.disabled = !1, e.disabled = !1, e.classList.add("err"), e.focus();
-      }, r.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.renderVphCtxButtons());
@@ -4318,8 +4319,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) {
@@ -4363,16 +4364,16 @@ const I = class I {
       (d = this.vidCtx) == null || d.replaceWith(a), this.vidCtx = a, this.positionVidCtx();
     }, s = (a) => {
       this.setVideoAlign(t, a), i();
-    }, l = t.style.float === "left", o = t.style.float === "right", n = !l && !o && t.style.marginLeft === "auto" && t.style.marginRight === "auto", r = (a, d, p, u) => {
+    }, l = t.style.float === "left", n = t.style.float === "right", r = !l && !n && t.style.marginLeft === "auto" && t.style.marginRight === "auto", o = (a, d, p, u) => {
       const g = this.ctxBtn(a, d, u);
       return g.classList.toggle("on", p), g;
     };
     return e.append(
-      r(c.alignleft, this.t("alignleft"), l, () => s("left")),
-      r(c.aligncenter, this.t("aligncenter"), n, () => s("center")),
-      r(c.alignright, this.t("alignright"), o, () => s("right")),
+      o(c.alignleft, this.t("alignleft"), l, () => s("left")),
+      o(c.aligncenter, this.t("aligncenter"), r, () => s("center")),
+      o(c.alignright, this.t("alignright"), n, () => s("right")),
       this.ctxSep(),
-      r(c.trash, this.t("deletevideo"), !1, () => {
+      o(c.trash, this.t("deletevideo"), !1, () => {
         t.remove(), this.clearVidHandles(), this.onChange();
       })
     ), e.addEventListener("mousedown", (a) => a.preventDefault()), e.addEventListener("mouseenter", () => this.cancelVidHide()), e.addEventListener("mouseleave", () => {
@@ -4412,13 +4413,13 @@ const I = class I {
    *  (videoUploadHandler when configured, else inline base64). */
   videoDlg() {
     this.saveSel();
-    let t, e, i, s, l, o;
-    const n = (a, d) => {
+    let t, e, i, s, l, n;
+    const r = (a, d) => {
       const p = document.createElement("div");
       p.className = "dfield";
       const u = document.createElement("label");
       return u.textContent = this.t(a), p.append(u, d), p;
-    }, r = () => {
+    }, o = () => {
       const a = document.createElement("input");
       return a.type = "url", a;
     };
@@ -4438,7 +4439,7 @@ const I = class I {
           d.querySelectorAll("button").forEach((b, y) => b.classList.toggle("on", y === f)), p.forEach((b, y) => b.style.display = y === f ? "" : "none");
         };
         u("vidgeneral", (f) => {
-          t = r(), t.placeholder = this.t("videourlph");
+          t = o(), t.placeholder = this.t("videourlph");
           const b = document.createElement("div");
           b.className = "drow";
           const y = document.createElement("button");
@@ -4456,21 +4457,21 @@ const I = class I {
             };
             if (this.videoUploadHandler)
               this.videoUploadHandler(C).then(k).catch((H) => {
-                var U;
-                y.disabled = !1, y.textContent = this.t("uploadfailed"), (U = this.onVideoUploadError) == null || U.call(this, H, C);
+                var W;
+                y.disabled = !1, y.textContent = this.t("uploadfailed"), (W = this.onVideoUploadError) == null || W.call(this, H, C);
               });
             else {
               const H = new FileReader();
               H.onload = () => k(H.result), H.readAsDataURL(C);
             }
-          }), b.append(t, y, w), t.style.flex = "1", f.appendChild(n("vidsource", b));
+          }), b.append(t, y, w), t.style.flex = "1", f.appendChild(r("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(n("tblwidth", e), n("tblheight", i)), f.appendChild(S);
+          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(r("tblwidth", e), r("tblheight", i)), f.appendChild(S);
         }), u("vidembed", (f) => {
           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", f.append(b, s);
         }), u("vidadvanced", (f) => {
-          l = r(), o = r(), f.append(n("vidaltsource", l), n("vidposter", o));
+          l = o(), n = o(), f.append(r("vidaltsource", l), r("vidposter", n));
         });
         const m = document.createElement("div");
         m.className = "dtabbody", p.forEach((f) => m.appendChild(f)), a.append(d, m), g(0), setTimeout(() => t.focus(), 0);
@@ -4491,7 +4492,7 @@ const I = class I {
             if (g)
               document.execCommand("insertHTML", !1, this.videoEmbedHTML(g, p, u));
             else {
-              const m = l.value.trim(), f = o.value.trim();
+              const m = l.value.trim(), f = n.value.trim();
               document.execCommand(
                 "insertHTML",
                 !1,
@@ -4553,42 +4554,42 @@ const I = class I {
     if (i.nodeType !== Node.TEXT_NODE || !this.ed.contains(i) || (d = i.parentElement) != null && d.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 r = document.createElement("code");
-    r.textContent = o, n.insertNode(r);
+    const r = document.createRange();
+    r.setStart(i, e.anchorOffset - n.length - 1), r.setEnd(i, e.anchorOffset), r.deleteContents();
+    const o = document.createElement("code");
+    o.textContent = n, r.insertNode(o);
     const a = document.createRange();
-    a.setStartAfter(r), a.collapse(!0), e.removeAllRanges(), e.addRange(a), this.saveSel(), this.onChange();
+    a.setStartAfter(o), 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,
    *  scrollable option list. Read the current choice via `.value()`. */
   dlgSelect(t, e) {
-    var r;
+    var o;
     let i = e;
     const s = document.createElement("div");
     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(([a]) => a === e)) == null ? void 0 : r[1]) || "", l.append(o), l.insertAdjacentHTML("beforeend", c.chev);
-    const n = document.createElement("div");
-    return n.className = "dsel-list", t.forEach(([a, d]) => {
+    const n = document.createElement("span");
+    n.className = "lbl", n.textContent = ((o = t.find(([a]) => a === e)) == null ? void 0 : o[1]) || "", l.append(n), l.insertAdjacentHTML("beforeend", c.chev);
+    const r = document.createElement("div");
+    return r.className = "dsel-list", t.forEach(([a, d]) => {
       const p = document.createElement("button");
       p.type = "button", p.textContent = d, p.classList.toggle("on", a === i), p.addEventListener("click", () => {
-        i = a, o.textContent = d, n.querySelectorAll("button").forEach((u) => u.classList.toggle("on", u === p)), s.classList.remove("open"), l.focus();
-      }), n.appendChild(p);
+        i = a, n.textContent = d, r.querySelectorAll("button").forEach((u) => u.classList.toggle("on", u === p)), s.classList.remove("open"), l.focus();
+      }), r.appendChild(p);
     }), l.addEventListener("click", () => {
       var a;
-      s.classList.toggle("open"), s.classList.contains("open") && ((a = n.querySelector(".on")) == null || a.scrollIntoView({ block: "nearest" }));
+      s.classList.toggle("open"), s.classList.contains("open") && ((a = r.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, n), { el: s, value: () => i };
+    }), s.append(l, r), { 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">
@@ -4599,11 +4600,11 @@ const I = class I {
     this.dialog(
       this.t("codedlgttl"),
       (s) => {
-        var n;
+        var r;
         const l = document.createElement("div");
         l.className = "dfield";
-        const o = document.createElement("label");
-        o.textContent = this.t("codelang"), e = this.dlgSelect(X, (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(X, (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 = ((r = t == null ? void 0 : t.querySelector("code")) == null ? void 0 : r.textContent) || "", i.placeholder = "const answer = 42;", s.append(l, i), setTimeout(() => i.focus(), 0);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -4611,19 +4612,19 @@ const I = class I {
           label: this.t("save"),
           primary: !0,
           action: () => {
-            var n;
-            const s = i.value.replace(/\s+$/, ""), l = e.value(), o = ((n = X.find(([r]) => r === l)) == null ? void 0 : n[1]) || l;
+            var r;
+            const s = i.value.replace(/\s+$/, ""), l = e.value(), n = ((r = X.find(([o]) => o === l)) == null ? void 0 : r[1]) || l;
             if (this.closeDlg(), !!s.trim()) {
               if (t) {
-                t.dataset.lang = l, t.setAttribute("data-lang-label", o);
-                const r = t.querySelector("code") || t;
-                r.textContent = s, this.clearCodeSel(), this.onChange();
+                t.dataset.lang = l, t.setAttribute("data-lang-label", n);
+                const o = t.querySelector("code") || t;
+                o.textContent = s, this.clearCodeSel(), this.onChange();
                 return;
               }
               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();
             }
           }
@@ -4680,8 +4681,8 @@ 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 = (o) => `<span class="pv-l" style="width:${o}%"></span>`, l = (o) => `<span class="pv-col">${o}</span>`, n = (o) => `<span class="pv-row">${o}</span>`, r = l(i + s(100) + s(88));
+    return t === "img-left" ? `<span class="pv">${n(e + r)}${s(100)}${s(72)}</span>` : t === "img-right" ? `<span class="pv">${n(r + 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");
@@ -4746,7 +4747,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. */
@@ -4773,8 +4774,8 @@ const I = class I {
       return;
     }
     this.tblOpMark || (this.tblOpMark = document.createElement("div"), this.tblOpMark.className = "tbl-opmark", document.body.appendChild(this.tblOpMark));
-    const i = this.tblActive.getBoundingClientRect(), s = e.getBoundingClientRect(), l = e.parentElement.getBoundingClientRect(), o = t === "row" ? l.left : s.left, n = t === "row" ? l.top : i.top, r = t === "row" ? l.width : s.width, a = t === "row" ? l.height : i.height;
-    this.tblOpMark.style.left = o + scrollX + "px", this.tblOpMark.style.top = n + scrollY + "px", this.tblOpMark.style.width = r + "px", this.tblOpMark.style.height = a + "px";
+    const i = this.tblActive.getBoundingClientRect(), s = e.getBoundingClientRect(), l = e.parentElement.getBoundingClientRect(), n = t === "row" ? l.left : s.left, r = t === "row" ? l.top : i.top, o = t === "row" ? l.width : s.width, a = t === "row" ? l.height : i.height;
+    this.tblOpMark.style.left = n + scrollX + "px", this.tblOpMark.style.top = r + scrollY + "px", this.tblOpMark.style.width = o + "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. */
@@ -4783,7 +4784,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");
@@ -4820,20 +4821,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, a = this.tblCtx.offsetHeight;
-      let d = s + (l - s) / 2 - r / 2;
-      d = Math.max(8 + scrollX, Math.min(d, scrollX + innerWidth - r - 8));
+    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 o = this.tblCtx.offsetWidth, a = this.tblCtx.offsetHeight;
+      let d = s + (l - s) / 2 - o / 2;
+      d = Math.max(8 + scrollX, Math.min(d, scrollX + innerWidth - o - 8));
       let p = i - a - 8;
-      p < this.ctxMinTop() && (p = o + 8), this.tblCtx.style.left = d + "px", this.tblCtx.style.top = p + "px";
+      p < this.ctxMinTop() && (p = n + 8), this.tblCtx.style.left = d + "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 a = n.cells[r].getBoundingClientRect(), d = (t ? a.left : a.right) + scrollX, p = document.createElement("div");
-        p.className = "tbl-colbar", p.style.top = i + "px", p.style.left = d + "px", p.style.height = o - i + "px", document.body.appendChild(p), p.addEventListener("mousedown", (u) => this.startColBarDrag(u, r)), this.tblColBars.push(p);
+    this.tblColBars.forEach((o) => o.remove()), this.tblColBars = [];
+    const r = this.tblActive.rows[0];
+    if (r)
+      for (let o = 0; o < r.cells.length - 1; o++) {
+        const a = r.cells[o].getBoundingClientRect(), d = (t ? a.left : a.right) + scrollX, p = document.createElement("div");
+        p.className = "tbl-colbar", p.style.top = i + "px", p.style.left = d + "px", p.style.height = n - i + "px", document.body.appendChild(p), p.addEventListener("mousedown", (u) => this.startColBarDrag(u, o)), this.tblColBars.push(p);
       }
     this.positionCellMarker(), this.positionOpMark();
   }
@@ -4851,27 +4852,27 @@ 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 = (a) => {
+    e.style.tableLayout = e.style.tableLayout || "fixed", this.withNoTextSelect((n) => {
+      const r = (a) => {
         const d = i ? -(a.clientX - s) : a.clientX - s;
         e.style.width = Math.max(60, Math.round(l + d)) + "px", this.positionTableHandles();
-      }, r = () => {
-        window.removeEventListener("mousemove", n), window.removeEventListener("mouseup", r), o(), this.onChange();
+      }, o = () => {
+        window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", o), n(), this.onChange();
       };
-      window.addEventListener("mousemove", n), window.addEventListener("mouseup", r);
+      window.addEventListener("mousemove", r), window.addEventListener("mouseup", o);
     });
   }
   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((p) => p.cells[e]).filter(Boolean), n = l.map((p) => p.cells[e + 1]).filter(Boolean);
-    if (!o.length || !n.length) return;
-    const r = t.clientX, a = o[0].getBoundingClientRect().width, d = n[0].getBoundingClientRect().width;
+    const s = this.ed.getAttribute("dir") === "rtl", l = Array.from(i.rows), n = l.map((p) => p.cells[e]).filter(Boolean), r = l.map((p) => p.cells[e + 1]).filter(Boolean);
+    if (!n.length || !r.length) return;
+    const o = t.clientX, a = n[0].getBoundingClientRect().width, d = r[0].getBoundingClientRect().width;
     i.style.tableLayout = "fixed", this.withNoTextSelect((p) => {
       const u = (m) => {
-        const f = (s ? -1 : 1) * (m.clientX - r);
-        o.forEach((b) => b.style.width = Math.max(24, Math.round(a + f)) + "px"), n.forEach((b) => b.style.width = Math.max(24, Math.round(d - f)) + "px"), this.positionTableHandles();
+        const f = (s ? -1 : 1) * (m.clientX - o);
+        n.forEach((b) => b.style.width = Math.max(24, Math.round(a + f)) + "px"), r.forEach((b) => b.style.width = Math.max(24, Math.round(d - f)) + "px"), this.positionTableHandles();
       }, g = () => {
         window.removeEventListener("mousemove", u), window.removeEventListener("mouseup", g), p(), this.onChange();
       };
@@ -4904,30 +4905,30 @@ const I = class I {
       (d = this.imgCtx) == null || d.replaceWith(a), this.imgCtx = a, this.positionImageHandles();
     }, s = (a) => {
       this.setImageAlign(t, a), i();
-    }, l = t.style.float === "left", o = t.style.float === "right", n = !l && !o && t.style.marginLeft === "auto" && t.style.marginRight === "auto", r = (a, d, p, u) => {
+    }, l = t.style.float === "left", n = t.style.float === "right", r = !l && !n && t.style.marginLeft === "auto" && t.style.marginRight === "auto", o = (a, d, p, u) => {
       const g = this.ctxBtn(a, d, u);
       return g.classList.toggle("on", p), g;
     };
     return e.append(
-      r(c.alignleft, this.t("alignleft"), l, () => s("left")),
-      r(c.aligncenter, this.t("aligncenter"), n, () => s("center")),
-      r(c.alignright, this.t("alignright"), o, () => s("right")),
+      o(c.alignleft, this.t("alignleft"), l, () => s("left")),
+      o(c.aligncenter, this.t("aligncenter"), r, () => s("center")),
+      o(c.alignright, this.t("alignright"), n, () => s("right")),
       this.ctxSep(),
-      r(c.rotateleft, this.t("rotateleft"), !1, () => {
+      o(c.rotateleft, this.t("rotateleft"), !1, () => {
         this.rotateImage(t, -90), i();
       }),
-      r(c.rotateright, this.t("rotateright"), !1, () => {
+      o(c.rotateright, this.t("rotateright"), !1, () => {
         this.rotateImage(t, 90), i();
       }),
       this.ctxSep(),
-      r(c.fliphorizontal, this.t("fliphorizontal"), t.dataset.flipx === "1", () => {
+      o(c.fliphorizontal, this.t("fliphorizontal"), t.dataset.flipx === "1", () => {
         this.flipImage(t, "x"), i();
       }),
-      r(c.flipvertical, this.t("flipvertical"), t.dataset.flipy === "1", () => {
+      o(c.flipvertical, this.t("flipvertical"), t.dataset.flipy === "1", () => {
         this.flipImage(t, "y"), i();
       }),
       this.ctxSep(),
-      r(c.trash, this.t("deleteimg"), !1, () => {
+      o(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();
       })
@@ -4953,20 +4954,20 @@ 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, a] = o[n.dataset.corner];
-      n.style.left = r - 5 + "px", n.style.top = a - 5 + "px";
+    if (this.imgHandles.forEach((r) => {
+      const [o, a] = n[r.dataset.corner];
+      r.style.left = o - 5 + "px", r.style.top = a - 5 + "px";
     }), this.imgCtx) {
-      const n = this.imgCtx.offsetWidth, r = this.imgCtx.offsetHeight;
-      let a = i + (s - i) / 2 - n / 2;
-      a = Math.max(8 + scrollX, Math.min(a, scrollX + innerWidth - n - 8));
-      let d = e - r - 8;
+      const r = this.imgCtx.offsetWidth, o = this.imgCtx.offsetHeight;
+      let a = i + (s - i) / 2 - r / 2;
+      a = Math.max(8 + scrollX, Math.min(a, scrollX + innerWidth - r - 8));
+      let d = e - o - 8;
       d < this.ctxMinTop() && (d = l + 8), this.imgCtx.style.left = a + "px", this.imgCtx.style.top = d + "px";
     }
   }
@@ -4975,16 +4976,17 @@ 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 r = (d) => {
-        i.style.width = Math.max(24, Math.round(l + o * (d.clientX - s))) + "px", i.style.height = "auto", this.positionImageHandles();
-      }, a = () => {
-        window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", a), n();
-        const d = parseInt(i.style.width, 10);
-        d > 0 && !i.closest(".tpl-media") && (i.setAttribute("width", String(d)), i.removeAttribute("height")), this.onChange();
+    const s = t.clientX, l = i.offsetWidth || i.getBoundingClientRect().width, n = e === "nw" || e === "sw" ? -1 : 1, r = Math.round(this.contentWidth());
+    this.withNoTextSelect((o) => {
+      const a = (p) => {
+        let u = Math.max(24, Math.round(l + n * (p.clientX - s)));
+        r > 0 && (u = Math.min(u, r)), i.style.width = u + "px", i.style.height = "auto", this.positionImageHandles();
+      }, d = () => {
+        window.removeEventListener("mousemove", a), window.removeEventListener("mouseup", d), o();
+        const p = Math.round(i.offsetWidth) || parseInt(i.style.width, 10);
+        p > 0 && !i.closest(".tpl-media") && (i.style.width = p + "px", i.setAttribute("width", String(p)), i.removeAttribute("height")), this.onChange();
       };
-      window.addEventListener("mousemove", r), window.addEventListener("mouseup", a);
+      window.addEventListener("mousemove", a), window.addEventListener("mouseup", d);
     });
   }
   /* ---------------------------------------------------------- selection bubble toolbar */
@@ -5023,7 +5025,7 @@ const I = class I {
     this.selCtx || (this.selCtx = this.buildSelToolbar()), this.positionSelToolbar(e);
   }
   buildSelToolbar() {
-    var n;
+    var r;
     const t = document.createElement("div");
     t.className = "selctx", t.dir = this.dir();
     const e = this.ctxBtn(
@@ -5031,8 +5033,8 @@ const I = class I {
       this.t("forecolor"),
       () => this.colorMenu(e, "fore")
     ), i = this.ctxBtn(c.backcolor, this.t("backcolor"), () => this.colorMenu(i, "back"));
-    (n = i.querySelector("svg")) == null || n.insertAdjacentHTML("afterend", '<span class="colorbar" data-cb="back"></span>');
-    const s = this.ctxBtn(c.caseic, this.t("changecase"), () => this.caseMenu(s)), l = this.ctxBtn(c.lineheight, this.t("lineheight"), () => this.lineHeightMenu(l)), o = this.ctxBtn(c.wordspacing, this.t("wordspacing"), () => this.wordSpacingMenu(o));
+    (r = i.querySelector("svg")) == null || r.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(c.bold, this.t("bold"), () => this.exec("bold"), "bold"),
       this.ctxBtn(c.italic, this.t("italic"), () => this.exec("italic"), "italic"),
@@ -5047,16 +5049,16 @@ const I = class I {
       this.ctxBtn(c.link, this.t("linkttl"), () => this.linkDlg()),
       s,
       l,
-      o
-    ), t.addEventListener("mousedown", (r) => r.preventDefault()), document.body.appendChild(t), this.syncColorSwatches(t), t;
+      n
+    ), t.addEventListener("mousedown", (o) => o.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 a = s + (l - s) / 2 - n / 2;
-    a = Math.max(8 + scrollX, Math.min(a, scrollX + innerWidth - n - 8));
-    let d = i - r - 8;
-    d < this.ctxMinTop() && (d = o + 8), this.selCtx.style.left = a + "px", this.selCtx.style.top = d + "px";
+    const e = t.getBoundingClientRect(), i = e.top + scrollY, s = e.left + scrollX, l = e.right + scrollX, n = e.bottom + scrollY, r = this.selCtx.offsetWidth, o = this.selCtx.offsetHeight;
+    let a = s + (l - s) / 2 - r / 2;
+    a = Math.max(8 + scrollX, Math.min(a, scrollX + innerWidth - r - 8));
+    let d = i - o - 8;
+    d < this.ctxMinTop() && (d = n + 8), this.selCtx.style.left = a + "px", this.selCtx.style.top = d + "px";
   }
   repositionSelToolbar() {
     if (!this.selCtx) return;
@@ -5089,7 +5091,7 @@ const I = class I {
     return t > 0 ? t + "px" : "";
   }
   refreshState() {
-    var r, a, d;
+    var o, a, d;
     const t = window.getSelection(), e = t ? this.ed.contains(t.anchorNode) : !1, i = this.currentBlock();
     [this.toolbar, this.selCtx].filter(Boolean).forEach((p) => {
       [
@@ -5113,13 +5115,13 @@ const I = class I {
       const u = p.querySelector("[data-id=code]");
       u && u.classList.toggle("on", e && !!this.closestInlineCode());
     });
-    const l = t ? this.closestBlock(t.anchorNode) : null, o = ((r = l == null ? void 0 : l.closest("[dir]")) == null ? void 0 : r.getAttribute("dir")) || this.ed.getAttribute("dir") || this.dir();
-    (a = this.toolbar.querySelector("[data-id=ltr]")) == null || a.classList.toggle("on", e && o === "ltr"), (d = this.toolbar.querySelector("[data-id=rtl]")) == null || d.classList.toggle("on", e && o === "rtl");
-    const n = (p, u, g) => {
+    const l = t ? this.closestBlock(t.anchorNode) : null, n = ((o = l == null ? void 0 : l.closest("[dir]")) == null ? void 0 : o.getAttribute("dir")) || this.ed.getAttribute("dir") || this.dir();
+    (a = this.toolbar.querySelector("[data-id=ltr]")) == null || a.classList.toggle("on", e && n === "ltr"), (d = this.toolbar.querySelector("[data-id=rtl]")) == null || d.classList.toggle("on", e && n === "rtl");
+    const r = (p, u, g) => {
       const m = this.toolbar.querySelector(`[data-id=${p}] .lbl`);
       m && (m.textContent = u || g || "", m.classList.toggle("empty", !u));
     };
-    n("fontsel", this.currentFont()), n("sizesel", this.currentSize().replace("px", "")), e && n("blocksel", Q.some((p) => p[0] === i) ? this.blockLabel(i) : this.t("para")), this.sbWords.textContent = this.countWords() + " " + this.t("words");
+    r("fontsel", this.currentFont()), r("sizesel", this.currentSize().replace("px", "")), e && r("blocksel", Q.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();
@@ -5139,9 +5141,9 @@ const I = class I {
       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;
       }
     }
@@ -5157,19 +5159,19 @@ const I = class I {
     let s = [];
     const l = e.getData("text/rtf");
     if (l) {
-      const o = $t(t, l);
-      t = o.html, s = o.injected;
+      const n = $t(t, l);
+      t = n.html, s = n.injected;
     }
     if (i && _t(t) === 1) {
-      const o = i.getAsFile();
-      if (o) {
-        const n = t;
+      const n = i.getAsFile();
+      if (n) {
+        const r = t;
         this.saveSel();
-        const r = new FileReader();
-        r.onload = () => {
-          const a = rt(n, [r.result]);
+        const o = new FileReader();
+        o.onload = () => {
+          const a = rt(r, [o.result]);
           this.finishRichPaste(a.html, s.concat(a.injected), !0);
-        }, r.onerror = () => this.finishRichPaste(n, s, !0), r.readAsDataURL(o);
+        }, o.onerror = () => this.finishRichPaste(r, s, !0), o.readAsDataURL(n);
         return;
       }
     }
@@ -5183,20 +5185,20 @@ const I = class I {
       this.insertPastedHTML(t, i);
       return;
     }
-    const s = this.imageUploadHandler, l = e.filter((o, n) => e.indexOf(o) === n);
+    const s = this.imageUploadHandler, l = e.filter((n, r) => e.indexOf(n) === r);
     i || this.saveSel(), Promise.all(
-      l.map((o, n) => {
-        const r = zt(o, "pasted-image-" + (n + 1));
-        return r ? s(r).catch((a) => {
+      l.map((n, r) => {
+        const o = zt(n, "pasted-image-" + (r + 1));
+        return o ? s(o).catch((a) => {
           var d;
-          return (d = this.onImageUploadError) == null || d.call(this, a, r), o;
-        }) : Promise.resolve(o);
+          return (d = this.onImageUploadError) == null || d.call(this, a, o), n;
+        }) : Promise.resolve(n);
       })
-    ).then((o) => {
-      let n = t;
-      l.forEach((r, a) => {
-        o[a] !== r && (n = n.split(r).join(o[a]));
-      }), this.insertPastedHTML(n, !0);
+    ).then((n) => {
+      let r = t;
+      l.forEach((o, a) => {
+        n[a] !== o && (r = r.split(o).join(n[a]));
+      }), this.insertPastedHTML(r, !0);
     });
   }
   /** `deferred` means the insert is happening after an async hop, so the caret the