fable-editor 1.3.2 → 1.4.0

package/dist/react/index.mjs

@@ -13,15 +13,15 @@ var Jt;
 function Ke() {
   if (Jt) return J;
   Jt = 1;
-  var d = me, t = Symbol.for("react.element"), e = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, s = d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function l(r, o, a) {
-    var u, p = {}, m = null, v = null;
-    a !== void 0 && (m = "" + a), o.key !== void 0 && (m = "" + o.key), o.ref !== void 0 && (v = o.ref);
-    for (u in o) i.call(o, u) && !n.hasOwnProperty(u) && (p[u] = o[u]);
-    if (r && r.defaultProps) for (u in o = r.defaultProps, o) p[u] === void 0 && (p[u] = o[u]);
-    return { $$typeof: t, type: r, key: m, ref: v, props: p, _owner: s.current };
-  }
-  return J.Fragment = e, J.jsx = l, J.jsxs = l, J;
+  var u = me, t = Symbol.for("react.element"), e = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, s = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function r(o, l, a) {
+    var d, p = {}, m = null, v = null;
+    a !== void 0 && (m = "" + a), l.key !== void 0 && (m = "" + l.key), l.ref !== void 0 && (v = l.ref);
+    for (d in l) i.call(l, d) && !n.hasOwnProperty(d) && (p[d] = l[d]);
+    if (o && o.defaultProps) for (d in l = o.defaultProps, l) p[d] === void 0 && (p[d] = l[d]);
+    return { $$typeof: t, type: o, key: m, ref: v, props: p, _owner: s.current };
+  }
+  return J.Fragment = e, J.jsx = r, J.jsxs = r, J;
 }
 var tt = {};
 /**
@@ -36,14 +36,14 @@ var tt = {};
 var te;
 function Qe() {
   return te || (te = 1, process.env.NODE_ENV !== "production" && function() {
-    var d = me, t = Symbol.for("react.element"), e = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), n = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), r = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), a = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), v = Symbol.for("react.offscreen"), b = Symbol.iterator, f = "@@iterator";
+    var u = me, t = Symbol.for("react.element"), e = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), n = Symbol.for("react.profiler"), r = Symbol.for("react.provider"), o = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), a = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), v = Symbol.for("react.offscreen"), b = Symbol.iterator, f = "@@iterator";
     function y(c) {
       if (c === null || typeof c != "object")
         return null;
       var g = b && c[b] || c[f];
       return typeof g == "function" ? g : null;
     }
-    var C = d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var C = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function E(c) {
       {
         for (var g = arguments.length, x = new Array(g > 1 ? g - 1 : 0), T = 1; T < g; T++)
@@ -64,7 +64,7 @@ function Qe() {
     var A = !1, $ = !1, F = !1, Z = !1, et = !1, kt;
     kt = Symbol.for("react.module.reference");
     function xe(c) {
-      return !!(typeof c == "string" || typeof c == "function" || c === i || c === n || et || c === s || c === a || c === u || Z || c === v || A || $ || F || typeof c == "object" && c !== null && (c.$$typeof === m || c.$$typeof === p || c.$$typeof === l || c.$$typeof === r || c.$$typeof === o || // This needs to include all possible module reference object
+      return !!(typeof c == "string" || typeof c == "function" || c === i || c === n || et || c === s || c === a || c === d || Z || c === v || A || $ || F || typeof c == "object" && c !== null && (c.$$typeof === m || c.$$typeof === p || c.$$typeof === r || c.$$typeof === o || c.$$typeof === l || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -98,18 +98,18 @@ function Qe() {
           return "StrictMode";
         case a:
           return "Suspense";
-        case u:
+        case d:
           return "SuspenseList";
       }
       if (typeof c == "object")
         switch (c.$$typeof) {
-          case r:
+          case o:
             var g = c;
             return At(g) + ".Consumer";
-          case l:
+          case r:
             var x = c;
             return At(x._context) + ".Provider";
-          case o:
+          case l:
             return Ce(c, c.render, "ForwardRef");
           case p:
             var T = c.displayName || null;
@@ -294,12 +294,12 @@ function Qe() {
       switch (c) {
         case a:
           return it("Suspense");
-        case u:
+        case d:
           return it("SuspenseList");
       }
       if (typeof c == "object")
         switch (c.$$typeof) {
-          case o:
+          case l:
             return Se(c.render);
           case p:
             return nt(c.type, g, x);
@@ -539,7 +539,7 @@ Check the top-level render call using <` + x + ">.");
         var x;
         if (typeof g == "function")
           x = g.propTypes;
-        else if (typeof g == "object" && (g.$$typeof === o || // Note: Memo only checks outer props here.
+        else if (typeof g == "object" && (g.$$typeof === l || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         g.$$typeof === p))
           x = g.propTypes;
@@ -1011,8 +1011,8 @@ const ti = {
     emcat_flags: "أعلام"
   }
 };
-function wt(d) {
-  return ti[d];
+function wt(u) {
+  return ti[u];
 }
 const ei = "undo redo | preview print | importword revhistory | fontfamily fontsize | fontsizeincrease fontsizedecrease | bold italic underline strikethrough | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist | outdent indent | link blockquote code changecase lineheight wordspacing letterspacing | removeformat | blocks | ltr rtl | quickimage quickvideo quicktable codesample template charmap emoji | fullscreen sourcecode", ii = "file edit view insert format tools table help", si = [
   ["Andale Mono", "andale mono,times"],
@@ -2151,8 +2151,8 @@ const ei = "undo redo | preview print | importword revhistory | fontfamily fonts
       "🇲🇦"
     ]
   }
-], L = (d, t) => `<svg viewBox="${t || "0 0 24 24"}">${d}</svg>`, w = (d) => L(`<path class="f" d="${d}"/>`, "0 -960 960 960"), ot = (d, t = 7.5) => L(
-  '<path d="M10 6h10M10 12h10M10 18h10"/>' + d.map(
+], L = (u, t) => `<svg viewBox="${t || "0 0 24 24"}">${u}</svg>`, w = (u) => L(`<path class="f" d="${u}"/>`, "0 -960 960 960"), ot = (u, t = 7.5) => L(
+  '<path d="M10 6h10M10 12h10M10 18h10"/>' + u.map(
     (e, i) => `<text x="2.5" y="${8.4 + i * 6}" font-size="${t}" stroke="none" fill="#222f3e" font-family="Arial">${e}</text>`
   ).join("")
 ), h = {
@@ -2487,26 +2487,26 @@ const ei = "undo redo | preview print | importword revhistory | fontfamily fonts
   th: ["width", "valign"],
   table: ["width", "cellpadding", "cellspacing"]
 };
-function pt(d) {
-  const t = {}, e = d.getAttribute && d.getAttribute("style");
+function pt(u) {
+  const t = {}, e = u.getAttribute && u.getAttribute("style");
   return e && e.split(";").forEach((i) => {
     const s = i.indexOf(":");
     s < 1 || (t[i.slice(0, s).trim().toLowerCase()] = i.slice(s + 1).trim());
   }), t;
 }
-function pi(d) {
-  return d.replace(/<!--\[if !supportLists\]-->([\s\S]*?)<!--\[endif\]-->/gi, "$1").replace(/<!--\[if !supportLists\]>([\s\S]*?)<!\[endif\]-->/gi, "$1").replace(/<!\[if !supportLists\]>([\s\S]*?)<!\[endif\]>/gi, "$1").replace(/<!--\[if [\s\S]*?<!\[endif\]-->/gi, "").replace(/<!--[\s\S]*?-->/g, "").replace(/<(script|style|xml|title)[\s\S]*?<\/\1>/gi, "").replace(/<\/?(meta|link)[^>]*>/gi, "").replace(/<\?xml[\s\S]*?\?>/gi, "").replace(/<\/?(o|v|w|m|st1):[^>]*>/gi, "");
+function pi(u) {
+  return u.replace(/<!--\[if !supportLists\]-->([\s\S]*?)<!--\[endif\]-->/gi, "$1").replace(/<!--\[if !supportLists\]>([\s\S]*?)<!\[endif\]-->/gi, "$1").replace(/<!\[if !supportLists\]>([\s\S]*?)<!\[endif\]>/gi, "$1").replace(/<!--\[if [\s\S]*?<!\[endif\]-->/gi, "").replace(/<!--[\s\S]*?-->/g, "").replace(/<(script|style|xml|title)[\s\S]*?<\/\1>/gi, "").replace(/<\/?(meta|link)[^>]*>/gi, "").replace(/<\?xml[\s\S]*?\?>/gi, "").replace(/<\/?(o|v|w|m|st1):[^>]*>/gi, "");
 }
-function mi(d) {
-  return /^[0-9]+[\.\)،]/.test(d) ? { ordered: !0 } : /^[٠-٩۰-۹]+/.test(d) ? { ordered: !0, style: "arabic-indic" } : /^[ivxlc]{2,}[\.\)]/.test(d) ? { ordered: !0, style: "lower-roman" } : /^[IVXLC]{2,}[\.\)]/.test(d) ? { ordered: !0, style: "upper-roman" } : /^[a-z][\.\)]/.test(d) ? { ordered: !0, style: "lower-alpha" } : /^[A-Z][\.\)]/.test(d) ? { ordered: !0, style: "upper-alpha" } : /^[ء-ي][\.\)،-]/.test(d) ? { ordered: !0, style: "arabic-indic" } : { ordered: !1 };
+function mi(u) {
+  return /^[0-9]+[\.\)،]/.test(u) ? { ordered: !0 } : /^[٠-٩۰-۹]+/.test(u) ? { ordered: !0, style: "arabic-indic" } : /^[ivxlc]{2,}[\.\)]/.test(u) ? { ordered: !0, style: "lower-roman" } : /^[IVXLC]{2,}[\.\)]/.test(u) ? { ordered: !0, style: "upper-roman" } : /^[a-z][\.\)]/.test(u) ? { ordered: !0, style: "lower-alpha" } : /^[A-Z][\.\)]/.test(u) ? { ordered: !0, style: "upper-alpha" } : /^[ء-ي][\.\)،-]/.test(u) ? { ordered: !0, style: "arabic-indic" } : { ordered: !1 };
 }
-function fi(d) {
+function fi(u) {
   const t = (s) => {
     const n = (s.getAttribute("style") || "") + " " + (s.className || "");
     return /mso-list\s*:(?!\s*ignore)/i.test(n) || /MsoListParagraph/i.test(n);
   }, e = [];
   let i = null;
-  Array.from(d.body.querySelectorAll("p")).forEach((s) => {
+  Array.from(u.body.querySelectorAll("p")).forEach((s) => {
     if (!t(s)) {
       i = null;
       return;
@@ -2514,55 +2514,55 @@ function fi(d) {
     const n = s.previousElementSibling;
     i && n && i[i.length - 1] === n ? i.push(s) : (i = [s], e.push(i));
   }), e.forEach((s) => {
-    const n = [], l = s[0];
-    s.forEach((r) => {
+    const n = [], r = s[0];
+    s.forEach((o) => {
       var C, E, I;
-      const a = +(((C = (r.getAttribute("style") || "").match(/level(\d+)/i)) == null ? void 0 : C[1]) || 1), u = Array.from(r.querySelectorAll("span")).find(
+      const a = +(((C = (o.getAttribute("style") || "").match(/level(\d+)/i)) == null ? void 0 : C[1]) || 1), d = Array.from(o.querySelectorAll("span")).find(
         (A) => /mso-list\s*:\s*ignore/i.test(A.getAttribute("style") || "")
-      ), p = u ? ((E = u.textContent) == null ? void 0 : E.trim()) || "" : (((I = r.textContent) == null ? void 0 : I.trim().match(/^\S{1,4}/)) || [""])[0], { ordered: m, style: v } = mi(p);
-      for (u && u.remove(); n.length && n[n.length - 1].level > a; ) n.pop();
+      ), p = d ? ((E = d.textContent) == null ? void 0 : E.trim()) || "" : (((I = o.textContent) == null ? void 0 : I.trim().match(/^\S{1,4}/)) || [""])[0], { ordered: m, style: v } = mi(p);
+      for (d && d.remove(); n.length && n[n.length - 1].level > a; ) n.pop();
       if (!n.length || n[n.length - 1].level < a) {
-        const A = d.createElement(m ? "ol" : "ul");
+        const A = u.createElement(m ? "ol" : "ul");
         if (m && v && (A.style.listStyleType = v), n.length) {
           const $ = n[n.length - 1].list;
           ($.lastElementChild || $).appendChild(A);
         } else
-          l.parentNode.insertBefore(A, l);
+          r.parentNode.insertBefore(A, r);
         n.push({ list: A, level: a });
       }
-      const b = d.createElement("li"), f = pt(r), y = ["text-align", "direction", "unicode-bidi", "color", "font-size", "font-family", "background-color"].filter((A) => f[A]).map((A) => A + ":" + f[A]).join(";");
-      for (y && b.setAttribute("style", y), r.getAttribute("dir") && b.setAttribute("dir", r.getAttribute("dir")); r.firstChild; ) b.appendChild(r.firstChild);
-      n[n.length - 1].list.appendChild(b), r.remove();
+      const b = u.createElement("li"), f = pt(o), y = ["text-align", "direction", "unicode-bidi", "color", "font-size", "font-family", "background-color"].filter((A) => f[A]).map((A) => A + ":" + f[A]).join(";");
+      for (y && b.setAttribute("style", y), o.getAttribute("dir") && b.setAttribute("dir", o.getAttribute("dir")); o.firstChild; ) b.appendChild(o.firstChild);
+      n[n.length - 1].list.appendChild(b), o.remove();
     });
   });
 }
-function gi(d) {
-  d.querySelectorAll('b[id^="docs-internal-guid"]').forEach((t) => {
+function gi(u) {
+  u.querySelectorAll('b[id^="docs-internal-guid"]').forEach((t) => {
     for (; t.firstChild; ) t.parentNode.insertBefore(t.firstChild, t);
     t.remove();
   });
 }
-function vi(d) {
-  d.querySelectorAll("table").forEach((t) => {
+function vi(u) {
+  u.querySelectorAll("table").forEach((t) => {
     const e = t;
     pt(e)["border-collapse"] || (e.style.borderCollapse = "collapse");
-  }), d.querySelectorAll("[align]").forEach((t) => {
+  }), u.querySelectorAll("[align]").forEach((t) => {
     const e = t, i = e.getAttribute("align").toLowerCase();
     e.tagName.toLowerCase() === "table" ? i === "center" ? (e.style.marginLeft = e.style.marginLeft || "auto", e.style.marginRight = e.style.marginRight || "auto") : i === "right" ? e.style.marginLeft = e.style.marginLeft || "auto" : i === "left" && (e.style.marginRight = e.style.marginRight || "auto") : ["left", "right", "center", "justify"].includes(i) && (e.style.textAlign = e.style.textAlign || i, Array.from(e.children).forEach((s) => {
       if (s.tagName.toLowerCase() !== "table") return;
       const n = s;
       i === "center" ? (n.style.marginLeft = n.style.marginLeft || "auto", n.style.marginRight = n.style.marginRight || "auto") : i === "right" ? n.style.marginLeft = n.style.marginLeft || "auto" : i === "left" && (n.style.marginRight = n.style.marginRight || "auto");
     })), e.removeAttribute("align");
-  }), d.querySelectorAll("center table").forEach((t) => {
+  }), u.querySelectorAll("center table").forEach((t) => {
     const e = t;
     e.style.marginLeft = e.style.marginLeft || "auto", e.style.marginRight = e.style.marginRight || "auto";
-  }), d.querySelectorAll("[bgcolor]").forEach((t) => {
+  }), u.querySelectorAll("[bgcolor]").forEach((t) => {
     const e = t;
     e.style.backgroundColor = e.style.backgroundColor || e.getAttribute("bgcolor"), e.removeAttribute("bgcolor");
   });
 }
-function dt(d, t) {
-  Array.from(d.childNodes).forEach((e) => {
+function dt(u, t) {
+  Array.from(u.childNodes).forEach((e) => {
     if (e.nodeType === Node.COMMENT_NODE) {
       e.remove();
       return;
@@ -2571,11 +2571,11 @@ function dt(d, t) {
     const i = e, s = i.tagName.toLowerCase();
     if (!di.has(s)) {
       if (s === "font") {
-        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 l = t.createElement("span");
+        i.getAttribute("style") && l.setAttribute("style", i.getAttribute("style")), i.getAttribute("color") && (l.style.color = i.getAttribute("color")), i.getAttribute("face") && (l.style.fontFamily = i.getAttribute("face"));
         const a = i.getAttribute("size");
-        if (a && !o.style.fontSize) {
-          const u = {
+        if (a && !l.style.fontSize) {
+          const d = {
             1: "8pt",
             2: "10pt",
             3: "12pt",
@@ -2584,10 +2584,10 @@ function dt(d, t) {
             6: "24pt",
             7: "36pt"
           };
-          u[a] && (o.style.fontSize = u[a]);
+          d[a] && (l.style.fontSize = d[a]);
         }
-        for (; i.firstChild; ) o.appendChild(i.firstChild);
-        i.replaceWith(o), dt(o, t);
+        for (; i.firstChild; ) l.appendChild(i.firstChild);
+        i.replaceWith(l), dt(l, t);
         return;
       }
       for (dt(i, t); i.firstChild; ) i.parentNode.insertBefore(i.firstChild, i);
@@ -2595,142 +2595,142 @@ function dt(d, t) {
       return;
     }
     const n = /* @__PURE__ */ new Set([...le["*"] || [], ...le[s] || []]);
-    if (Array.from(i.attributes).forEach((o) => {
-      const a = o.name.toLowerCase();
-      a !== "style" && !n.has(a) && i.removeAttribute(o.name);
+    if (Array.from(i.attributes).forEach((l) => {
+      const a = l.name.toLowerCase();
+      a !== "style" && !n.has(a) && i.removeAttribute(l.name);
     }), s === "a") {
-      const o = i.getAttribute("href") || "";
-      /^(https?:|mailto:|tel:|#)/i.test(o) || i.removeAttribute("href");
+      const l = i.getAttribute("href") || "";
+      /^(https?:|mailto:|tel:|#)/i.test(l) || i.removeAttribute("href");
     }
     if (s === "img") {
-      const o = i.getAttribute("src") || "";
-      if (!/^(https?:|data:image\/|blob:)/i.test(o)) {
+      const l = i.getAttribute("src") || "";
+      if (!/^(https?:|data:image\/|blob:)/i.test(l)) {
         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 l = pt(i), r = [];
-    for (const [o, a] of Object.entries(l))
-      ui.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"), dt(i, t), s === "span" && !i.attributes.length) {
+    const r = pt(i), o = [];
+    for (const [l, a] of Object.entries(r))
+      ui.has(l) && (/expression|javascript|url\s*\(\s*['"]?\s*file:/i.test(a) || l === "font-weight" && /^(400|normal)$/i.test(a) || l === "font-style" && /^normal$/i.test(a) || l === "text-decoration" && /^none$/i.test(a) || o.push(l + ":" + a));
+    if (o.length ? i.setAttribute("style", o.join(";")) : i.removeAttribute("style"), i.removeAttribute("class"), dt(i, t), s === "span" && !i.attributes.length) {
       for (; i.firstChild; ) i.parentNode.insertBefore(i.firstChild, i);
       i.remove();
     }
   });
 }
-function bi(d) {
+function bi(u) {
   const t = [], e = /<style[^>]*>([\s\S]*?)<\/style>/gi;
   let i;
-  for (; i = e.exec(d); ) {
+  for (; i = e.exec(u); ) {
     let s = i[1].replace(/<!--|-->/g, "").replace(/\/\*[\s\S]*?\*\//g, "");
     s = s.replace(/@media[^{]*\{(?:[^{}]*\{[^{}]*\})*[^{}]*\}/gi, ""), s = s.replace(/@[\w-]+[^{]*\{[^{}]*\}/g, "");
     let n;
-    const l = /([^{}]+)\{([^}]*)\}/g;
-    for (; n = l.exec(s); ) {
-      const r = n[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 && n[1].split(",").map((o) => o.trim()).filter((o) => o && !o.startsWith("@")).forEach((o) => t.push({ sel: o, decls: r }));
+    const r = /([^{}]+)\{([^}]*)\}/g;
+    for (; n = r.exec(s); ) {
+      const o = n[2].split(";").map((l) => {
+        const a = l.indexOf(":");
+        return a < 1 ? null : [l.slice(0, a).trim().toLowerCase(), l.slice(a + 1).trim()];
+      }).filter((l) => !!l && !!l[1]);
+      o.length && n[1].split(",").map((l) => l.trim()).filter((l) => l && !l.startsWith("@")).forEach((l) => t.push({ sel: l, decls: o }));
     }
   }
   return t;
 }
-function yi(d, t) {
+function yi(u, t) {
   if (!t.length) return;
   const e = /* @__PURE__ */ new Map();
   t.forEach(({ sel: i, decls: s }) => {
     let n;
     try {
-      n = d.querySelectorAll(i);
+      n = u.querySelectorAll(i);
     } catch {
       return;
     }
-    n.forEach((l) => {
-      let r = e.get(l);
-      r || (r = {}, e.set(l, r)), s.forEach(([o, a]) => {
-        r[o] = a;
+    n.forEach((r) => {
+      let o = e.get(r);
+      o || (o = {}, e.set(r, o)), s.forEach(([l, a]) => {
+        o[l] = a;
       });
     });
   }), e.forEach((i, s) => {
-    const n = pt(s), l = s.hasAttribute("dir"), r = s.hasAttribute("align"), o = Object.entries(i).filter(([p]) => !(p in n || (p === "direction" || p === "unicode-bidi") && l || p === "text-align" && (r || l) || (p === "background" || p === "background-color") && s.hasAttribute("bgcolor")));
-    if (!o.length) return;
-    const a = o.map(([p, m]) => p + ":" + m).join(";"), u = s.getAttribute("style");
-    s.setAttribute("style", u ? a + ";" + u : a);
+    const n = pt(s), r = s.hasAttribute("dir"), o = s.hasAttribute("align"), l = Object.entries(i).filter(([p]) => !(p in n || (p === "direction" || p === "unicode-bidi") && r || p === "text-align" && (o || r) || (p === "background" || p === "background-color") && s.hasAttribute("bgcolor")));
+    if (!l.length) return;
+    const a = l.map(([p, m]) => p + ":" + m).join(";"), d = s.getAttribute("style");
+    s.setAttribute("style", d ? a + ";" + d : a);
   });
 }
-function fe(d) {
-  return d.replace(/[ﭐ-﷿ﹰ-ﻼ]+/g, (t) => t.normalize("NFKC"));
+function fe(u) {
+  return u.replace(/[ﭐ-﷿ﹰ-ﻼ]+/g, (t) => t.normalize("NFKC"));
 }
-function xi(d) {
-  const t = d.createTreeWalker(d.body, NodeFilter.SHOW_TEXT, null);
+function xi(u) {
+  const t = u.createTreeWalker(u.body, NodeFilter.SHOW_TEXT, null);
   let e;
   for (; e = t.nextNode(); )
     /[ﭐ-﷿ﹰ-ﻼ]/.test(e.nodeValue || "") && (e.nodeValue = fe(e.nodeValue || ""));
 }
-function Ci(d, t = "ltr") {
-  const e = bi(d), i = new DOMParser().parseFromString(pi(d), "text/html");
+function Ci(u, t = "ltr") {
+  const e = bi(u), i = new DOMParser().parseFromString(pi(u), "text/html");
   yi(i, e), /class="?Mso|mso-|urn:schemas-microsoft-com/i.test(i.body.innerHTML) && fi(i), gi(i), vi(i), dt(i.body, i), xi(i);
   const s = (n) => {
-    var l;
-    return n && n.tagName === "P" && !((l = n.textContent) != null && l.trim()) && !n.querySelector("img,table");
+    var r;
+    return n && n.tagName === "P" && !((r = n.textContent) != null && r.trim()) && !n.querySelector("img,table");
   };
   for (; s(i.body.firstElementChild); ) i.body.firstElementChild.remove();
   for (; s(i.body.lastElementChild); ) i.body.lastElementChild.remove();
   return i.body.innerHTML.trim();
 }
-function wi(d) {
-  const t = fe(d).replace(/\r/g, ""), e = (i) => i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+function wi(u) {
+  const t = fe(u).replace(/\r/g, ""), e = (i) => i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
   return /\n/.test(t) ? t.split(/\n{2,}/).map((i) => `<p dir="auto">${e(i).replace(/\n/g, "<br>") || "<br>"}</p>`).join("") : e(t);
 }
 const Ti = 10 * 1024 * 1024, ge = /^(https?:|data:image\/|blob:)/i;
-function oe(d, t) {
+function oe(u, t) {
   const e = [], i = "{\\" + t;
   let s = 0;
-  for (; (s = d.indexOf(i, s)) !== -1; ) {
-    const n = d[s + i.length];
+  for (; (s = u.indexOf(i, s)) !== -1; ) {
+    const n = u[s + i.length];
     if (n && /[a-z0-9]/i.test(n)) {
       s += i.length;
       continue;
     }
-    let l = 0, r = s;
-    for (; r < d.length; r++) {
-      const o = d[r];
-      if (o === "\\") {
-        r++;
+    let r = 0, o = s;
+    for (; o < u.length; o++) {
+      const l = u[o];
+      if (l === "\\") {
+        o++;
         continue;
       }
-      if (o === "{") l++;
-      else if (o === "}" && (l--, !l))
+      if (l === "{") r++;
+      else if (l === "}" && (r--, !r))
         break;
     }
-    e.push({ start: s, end: r + 1, body: d.slice(s + i.length, r) }), s = r + 1;
+    e.push({ start: s, end: o + 1, body: u.slice(s + i.length, o) }), s = o + 1;
   }
   return e;
 }
-function Ei(d) {
-  const t = new Uint8Array(d.length / 2);
-  for (let e = 0; e < t.length; e++) t[e] = parseInt(d.substr(e * 2, 2), 16);
+function Ei(u) {
+  const t = new Uint8Array(u.length / 2);
+  for (let e = 0; e < t.length; e++) t[e] = parseInt(u.substr(e * 2, 2), 16);
   return t;
 }
-function Tt(d) {
+function Tt(u) {
   let t = "";
-  for (let e = 0; e < d.length; e++) t += String.fromCharCode(d[e]);
+  for (let e = 0; e < u.length; e++) t += String.fromCharCode(u[e]);
   return btoa(t);
 }
-function ae(d, t) {
-  t: for (let e = 0; e + t.length <= d.length; e++) {
-    for (let i = 0; i < t.length; i++) if (d[e + i] !== t[i]) continue t;
+function ae(u, t) {
+  t: for (let e = 0; e + t.length <= u.length; e++) {
+    for (let i = 0; i < t.length; i++) if (u[e + i] !== t[i]) continue t;
     return e;
   }
   return -1;
 }
 const Si = [137, 80, 78, 71], Mi = [255, 216, 255];
-function Li(d) {
+function Li(u) {
   let t = null;
-  if (/\\pngblip/.test(d) ? t = "image/png" : /\\jpegblip/.test(d) ? t = "image/jpeg" : (/\\wmetafile\d*/.test(d) || /\\emfblip/.test(d)) && (t = "metafile"), !t) return null;
-  let e = d.replace(/\{[^{}]*\}/g, " ").replace(/\\[a-z]+-?\d*\s?/gi, " ").replace(/[^0-9a-fA-F]/g, "");
+  if (/\\pngblip/.test(u) ? t = "image/png" : /\\jpegblip/.test(u) ? t = "image/jpeg" : (/\\wmetafile\d*/.test(u) || /\\emfblip/.test(u)) && (t = "metafile"), !t) return null;
+  let e = u.replace(/\{[^{}]*\}/g, " ").replace(/\\[a-z]+-?\d*\s?/gi, " ").replace(/[^0-9a-fA-F]/g, "");
   if (e.length % 2 && (e = e.slice(0, -1)), !e) return null;
   const i = Ei(e);
   if (t === "metafile") {
@@ -2741,10 +2741,10 @@ function Li(d) {
   }
   return "data:" + t + ";base64," + Tt(i);
 }
-function ki(d) {
-  if (!d || d.indexOf("\\pict") === -1) return [];
-  let t = d;
-  oe(d, "nonshppict").reverse().forEach((i) => {
+function ki(u) {
+  if (!u || u.indexOf("\\pict") === -1) return [];
+  let t = u;
+  oe(u, "nonshppict").reverse().forEach((i) => {
     t = t.slice(0, i.start) + t.slice(i.end);
   });
   let e = Ti;
@@ -2754,29 +2754,29 @@ function ki(d) {
     return s && (e -= s.length * 0.75), s;
   });
 }
-function ce(d) {
-  const t = d.match(/^\s*(-?[\d.]+)\s*(pt|px|in|cm|mm)?\s*$/i);
+function ce(u) {
+  const t = u.match(/^\s*(-?[\d.]+)\s*(pt|px|in|cm|mm)?\s*$/i);
   if (!t) return null;
   const e = parseFloat(t[1]);
   if (!isFinite(e) || e <= 0) return null;
   const i = (t[2] || "px").toLowerCase(), s = i === "pt" ? e * 4 / 3 : i === "in" ? e * 96 : i === "cm" ? e * 96 / 2.54 : i === "mm" ? e * 96 / 25.4 : e;
   return Math.round(s);
 }
-function Ai(d, t) {
-  const e = d.match(new RegExp("\\s" + t + `\\s*=\\s*(?:"([^"]*)"|'([^']*)'|([^\\s>]+))`, "i"));
+function Ai(u, t) {
+  const e = u.match(new RegExp("\\s" + t + `\\s*=\\s*(?:"([^"]*)"|'([^']*)'|([^\\s>]+))`, "i"));
   return e ? e[1] ?? e[2] ?? e[3] ?? "" : "";
 }
-function Hi(d) {
-  if (!/<v:imagedata\b/i.test(d)) return d;
+function Hi(u) {
+  if (!/<v:imagedata\b/i.test(u)) return u;
   const t = (i, s) => {
     const n = Ai(i, "src");
     if (!n) return null;
-    const l = n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    if (new RegExp(`<img\\b[^>]*\\bsrc\\s*=\\s*["']?` + l, "i").test(d)) return null;
-    const r = (s.match(/<v:shape\b[^>]*\sstyle\s*=\s*(?:"([^"]*)"|'([^']*)')/i) || []).slice(1).find(Boolean) || "", o = ce((r.match(/(?:^|;)\s*width\s*:\s*([^;]+)/i) || [])[1] || ""), a = ce((r.match(/(?:^|;)\s*height\s*:\s*([^;]+)/i) || [])[1] || "");
-    return '<img src="' + n.replace(/"/g, "&quot;") + '"' + (o ? ' width="' + o + '"' : "") + (a ? ' height="' + a + '"' : "") + ">";
+    const r = n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    if (new RegExp(`<img\\b[^>]*\\bsrc\\s*=\\s*["']?` + r, "i").test(u)) return null;
+    const o = (s.match(/<v:shape\b[^>]*\sstyle\s*=\s*(?:"([^"]*)"|'([^']*)')/i) || []).slice(1).find(Boolean) || "", l = ce((o.match(/(?:^|;)\s*width\s*:\s*([^;]+)/i) || [])[1] || ""), a = ce((o.match(/(?:^|;)\s*height\s*:\s*([^;]+)/i) || [])[1] || "");
+    return '<img src="' + n.replace(/"/g, "&quot;") + '"' + (l ? ' width="' + l + '"' : "") + (a ? ' height="' + a + '"' : "") + ">";
   };
-  let e = d.replace(/<!--\[if [^\]]*\]>([\s\S]*?)<!\[endif\]-->/gi, (i, s) => {
+  let e = u.replace(/<!--\[if [^\]]*\]>([\s\S]*?)<!\[endif\]-->/gi, (i, s) => {
     const n = s.match(/<v:imagedata\b[^>]*>/i);
     return n && t(n[0], s) || i;
   });
@@ -2785,80 +2785,80 @@ function Hi(d) {
     return s && t(s[0], i) || i;
   }), e.replace(/<v:imagedata\b[^>]*>/gi, (i) => t(i, "") || i);
 }
-function ve(d, t) {
-  if (!d || !t.length) return { html: d, injected: [] };
+function ve(u, t) {
+  if (!u || !t.length) return { html: u, injected: [] };
   const e = [];
   let i = 0;
-  return { html: Hi(d).replace(/<img\b[^>]*>/gi, (n) => {
-    const l = (n.match(/\ssrc\s*=\s*["']?([^"'\s>]+)/i) || [])[1] || "";
-    if (ge.test(l)) return n;
-    const r = t[i++];
-    return r ? (e.push(r), /\ssrc\s*=\s*["']/i.test(n) ? n.replace(/(\ssrc\s*=\s*)(["'])[^"']*\2/i, '$1"' + r + '"') : n.replace(/(\ssrc\s*=\s*)[^\s>]+/i, '$1"' + r + '"')) : n;
+  return { html: Hi(u).replace(/<img\b[^>]*>/gi, (n) => {
+    const r = (n.match(/\ssrc\s*=\s*["']?([^"'\s>]+)/i) || [])[1] || "";
+    if (ge.test(r)) return n;
+    const o = t[i++];
+    return o ? (e.push(o), /\ssrc\s*=\s*["']/i.test(n) ? n.replace(/(\ssrc\s*=\s*)(["'])[^"']*\2/i, '$1"' + o + '"') : n.replace(/(\ssrc\s*=\s*)[^\s>]+/i, '$1"' + o + '"')) : n;
   }), injected: e };
 }
-function Ii(d, t) {
-  return !d || !t ? { html: d, injected: [] } : ve(d, ki(t));
+function Ii(u, t) {
+  return !u || !t ? { html: u, injected: [] } : ve(u, ki(t));
 }
-function qi(d) {
-  const t = d.match(/<img\b[^>]*>/gi);
+function qi(u) {
+  const t = u.match(/<img\b[^>]*>/gi);
   return t ? t.filter((e) => {
     const i = (e.match(/\ssrc\s*=\s*["']?([^"'\s>]+)/i) || [])[1] || "";
     return !ge.test(i);
   }).length : 0;
 }
-function Ri(d, t) {
-  const e = d.match(/^data:([^;,]+);base64,(.*)$/);
+function Ri(u, t) {
+  const e = u.match(/^data:([^;,]+);base64,(.*)$/);
   if (!e) return null;
   const i = (e[1].split("/")[1] || "png").replace(/[^a-z0-9]/gi, "") || "png";
   try {
     const s = atob(e[2]), n = new Uint8Array(s.length);
-    for (let l = 0; l < s.length; l++) n[l] = s.charCodeAt(l);
+    for (let r = 0; r < s.length; r++) n[r] = s.charCodeAt(r);
     return new File([n], t + "." + (i === "jpeg" ? "jpg" : i), { type: e[1] });
   } catch {
     return null;
   }
 }
-function Pi(d) {
-  const t = new DataView(d), e = /* @__PURE__ */ new Map();
+function Pi(u) {
+  const t = new DataView(u), e = /* @__PURE__ */ new Map();
   let i = -1;
-  for (let r = d.byteLength - 22; r >= Math.max(0, d.byteLength - 22 - 65535); r--)
-    if (t.getUint32(r, !0) === 101010256) {
-      i = r;
+  for (let o = u.byteLength - 22; o >= Math.max(0, u.byteLength - 22 - 65535); o--)
+    if (t.getUint32(o, !0) === 101010256) {
+      i = o;
       break;
     }
   if (i < 0) throw new Error("EOCD not found");
   const s = t.getUint16(i + 10, !0);
   let n = t.getUint32(i + 16, !0);
-  const l = new TextDecoder();
-  for (let r = 0; r < s && t.getUint32(n, !0) === 33639248; r++) {
-    const o = t.getUint16(n + 10, !0), a = t.getUint32(n + 20, !0), u = t.getUint16(n + 28, !0), p = t.getUint16(n + 30, !0), m = t.getUint16(n + 32, !0), v = t.getUint32(n + 42, !0), b = l.decode(new Uint8Array(d, n + 46, u));
-    e.set(b, { name: b, method: o, compSize: a, localOffset: v }), n += 46 + u + p + m;
+  const r = new TextDecoder();
+  for (let o = 0; o < s && t.getUint32(n, !0) === 33639248; o++) {
+    const l = t.getUint16(n + 10, !0), a = t.getUint32(n + 20, !0), d = t.getUint16(n + 28, !0), p = t.getUint16(n + 30, !0), m = t.getUint16(n + 32, !0), v = t.getUint32(n + 42, !0), b = r.decode(new Uint8Array(u, n + 46, d));
+    e.set(b, { name: b, method: l, compSize: a, localOffset: v }), n += 46 + d + p + m;
   }
   return e;
 }
-async function he(d, t) {
-  const e = new DataView(d, t.localOffset);
+async function he(u, t) {
+  const e = new DataView(u, 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), n = t.localOffset + 30 + i + s, l = new Uint8Array(d.slice(n, n + t.compSize));
-  if (t.method === 0) return l;
+  const i = e.getUint16(26, !0), s = e.getUint16(28, !0), n = t.localOffset + 30 + i + s, r = new Uint8Array(u.slice(n, n + t.compSize));
+  if (t.method === 0) return r;
   if (t.method !== 8) throw new Error("Unsupported compression method " + t.method);
-  const r = new Blob([l]).stream().pipeThrough(new DecompressionStream("deflate-raw"));
-  return new Uint8Array(await new Response(r).arrayBuffer());
+  const o = new Blob([r]).stream().pipeThrough(new DecompressionStream("deflate-raw"));
+  return new Uint8Array(await new Response(o).arrayBuffer());
 }
-const de = (d) => d.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), ut = (d, t) => Array.from(d.children).filter((e) => e.localName === t), B = (d, ...t) => {
-  let e = d;
+const de = (u) => u.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), ut = (u, t) => Array.from(u.children).filter((e) => e.localName === t), B = (u, ...t) => {
+  let e = u;
   for (const i of t) {
     if (!e) return null;
     e = Array.from(e.children).find((s) => s.localName === i) || null;
   }
   return e;
-}, q = (d, t = "val") => {
-  if (!d) return "";
-  for (const e of Array.from(d.attributes))
+}, q = (u, t = "val") => {
+  if (!u) return "";
+  for (const e of Array.from(u.attributes))
     if (e.localName === t) return e.value;
   return "";
-}, at = (d, t) => {
-  const e = d ? B(d, t) : null;
+}, at = (u, t) => {
+  const e = u ? B(u, t) : null;
   if (!e) return !1;
   const i = q(e);
   return i !== "false" && i !== "0";
@@ -2887,10 +2887,10 @@ const de = (d) => d.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
   bmp: "image/bmp",
   webp: "image/webp"
 };
-function Di(d) {
+function Di(u) {
   let t = "";
-  for (let e = 0; e < d.length; e += 32768)
-    t += String.fromCharCode(...d.subarray(e, e + 32768));
+  for (let e = 0; e < u.length; e += 32768)
+    t += String.fromCharCode(...u.subarray(e, e + 32768));
   return btoa(t);
 }
 class Ni {
@@ -2904,12 +2904,12 @@ class Ni {
     };
     for (const n of Array.from(t.children))
       if (n.localName === "p") {
-        const l = this.paraList(n);
-        if (l) {
-          const r = l.ilvl + 1;
-          for (; i.length > r; ) e += `</${i.pop()}>`;
-          for (i.length === r && i[r - 1] !== l.type && (e += `</${i.pop()}>`); i.length < r; )
-            e += `<${l.type}>`, i.push(l.type);
+        const r = this.paraList(n);
+        if (r) {
+          const o = r.ilvl + 1;
+          for (; i.length > o; ) e += `</${i.pop()}>`;
+          for (i.length === o && i[o - 1] !== r.type && (e += `</${i.pop()}>`); i.length < o; )
+            e += `<${r.type}>`, i.push(r.type);
           e += `<li>${this.runsOf(n) || "<br>"}</li>`;
           continue;
         }
@@ -2930,10 +2930,10 @@ class Ni {
     let s = "p";
     const n = /^Heading([1-6])$/i.exec(i);
     n ? s = "h" + n[1] : /^Title$/i.test(i) && (s = "h1");
-    const l = [], r = q(B(t, "pPr", "jc"));
-    r === "center" ? l.push("text-align:center") : r === "right" || r === "end" ? l.push("text-align:right") : (r === "both" || r === "distribute") && l.push("text-align:justify"), e && B(e, "bidi") && l.push("direction:rtl");
-    const o = this.runsOf(t), a = l.length ? ` style="${l.join(";")}"` : "";
-    return `<${s}${a}>${o || "<br>"}</${s}>`;
+    const r = [], o = q(B(t, "pPr", "jc"));
+    o === "center" ? r.push("text-align:center") : o === "right" || o === "end" ? r.push("text-align:right") : (o === "both" || o === "distribute") && r.push("text-align:justify"), e && B(e, "bidi") && r.push("direction:rtl");
+    const l = this.runsOf(t), a = r.length ? ` style="${r.join(";")}"` : "";
+    return `<${s}${a}>${l || "<br>"}</${s}>`;
   }
   runsOf(t) {
     let e = "";
@@ -2943,8 +2943,8 @@ class Ni {
         let s = this.rels.get(q(i, "id")) || "";
         const n = q(i, "anchor");
         !s && n && (s = "#" + n);
-        const l = this.runsOf(i);
-        e += s ? `<a href="${de(s)}">${l}</a>` : l;
+        const r = this.runsOf(i);
+        e += s ? `<a href="${de(s)}">${r}</a>` : r;
       } else (i.localName === "smartTag" || i.localName === "ins") && (e += this.runsOf(i));
     return e;
   }
@@ -2956,66 +2956,66 @@ class Ni {
     if (!i) return "";
     const s = [], n = q(e ? B(e, "color") : null);
     n && n !== "auto" && s.push("color:#" + n);
-    const l = q(e ? B(e, "highlight") : null);
-    l && ue[l] && s.push("background-color:" + ue[l]);
-    const r = parseFloat(q(e ? B(e, "sz") : null));
-    r && s.push("font-size:" + Math.round(r / 2 * (4 / 3)) + "px");
-    const o = e ? B(e, "rFonts") : null, a = q(o, "ascii") || q(o, "cs");
+    const r = q(e ? B(e, "highlight") : null);
+    r && ue[r] && s.push("background-color:" + ue[r]);
+    const o = parseFloat(q(e ? B(e, "sz") : null));
+    o && s.push("font-size:" + Math.round(o / 2 * (4 / 3)) + "px");
+    const l = e ? B(e, "rFonts") : null, a = q(l, "ascii") || q(l, "cs");
     a && s.push(`font-family:'${a}'`), s.length && (i = `<span style="${s.join(";")}">${i}</span>`), at(e, "b") && (i = `<strong>${i}</strong>`), at(e, "i") && (i = `<em>${i}</em>`), at(e, "u") && q(B(e, "u")) !== "none" && (i = `<u>${i}</u>`), at(e, "strike") && (i = `<s>${i}</s>`);
-    const u = q(e ? B(e, "vertAlign") : null);
-    return u === "superscript" ? i = `<sup>${i}</sup>` : u === "subscript" && (i = `<sub>${i}</sub>`), i;
+    const d = q(e ? B(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 = (r) => {
-      if (r.localName === "blip" && (e = e || q(r, "embed") || q(r, "link")), r.localName === "imagedata" && (e = e || q(r, "id")), r.localName === "extent") {
-        const o = parseFloat(r.getAttribute("cx") || "0");
-        o && (i = Math.round(o / 9525));
+    const s = (o) => {
+      if (o.localName === "blip" && (e = e || q(o, "embed") || q(o, "link")), o.localName === "imagedata" && (e = e || q(o, "id")), o.localName === "extent") {
+        const l = parseFloat(o.getAttribute("cx") || "0");
+        l && (i = Math.round(l / 9525));
       }
-      for (const o of Array.from(r.children)) s(o);
+      for (const l of Array.from(o.children)) s(l);
     };
     if (s(t), !e) return "";
     const n = this.images.get(e);
     if (!n) return "";
-    const l = i ? ` width="${i}"` : "";
-    return `<img src="${n}" alt=""${l}>`;
+    const r = i ? ` width="${i}"` : "";
+    return `<img src="${n}" alt=""${r}>`;
   }
   convertTable(t) {
     let e = '<table style="border-collapse:collapse;width:100%"><tbody>';
     for (const i of ut(t, "tr")) {
       e += "<tr>";
       for (const s of ut(i, "tc")) {
-        const n = parseInt(q(B(s, "tcPr", "gridSpan")) || "1", 10) || 1, l = n > 1 ? ` colspan="${n}"` : "";
-        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"${l}>${r || "<br>"}</td>`;
+        const n = parseInt(q(B(s, "tcPr", "gridSpan")) || "1", 10) || 1, r = n > 1 ? ` colspan="${n}"` : "";
+        let o = "";
+        for (const l of Array.from(s.children))
+          l.localName === "p" ? o += this.convertPara(l) : l.localName === "tbl" && (o += this.convertTable(l));
+        e += `<td style="border:1px solid #b9c2cc"${r}>${o || "<br>"}</td>`;
       }
       e += "</tr>";
     }
     return e + "</tbody></table>";
   }
 }
-async function Oi(d) {
-  const t = d instanceof ArrayBuffer ? d : await d.arrayBuffer(), e = Pi(t), i = new TextDecoder(), s = async (b) => {
+async function Oi(u) {
+  const t = u instanceof ArrayBuffer ? u : await u.arrayBuffer(), e = Pi(t), i = new TextDecoder(), s = async (b) => {
     const f = e.get(b);
     return f ? new DOMParser().parseFromString(i.decode(await he(t, f)), "application/xml") : null;
-  }, n = await s("word/document.xml"), l = n == null ? void 0 : n.getElementsByTagName("*");
-  let r = null;
-  if (l) {
-    for (const b of Array.from(l))
+  }, n = await s("word/document.xml"), r = n == null ? void 0 : n.getElementsByTagName("*");
+  let o = null;
+  if (r) {
+    for (const b of Array.from(r))
       if (b.localName === "body") {
-        r = b;
+        o = b;
         break;
       }
   }
-  if (!r) throw new Error("word/document.xml missing or invalid");
-  const o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), u = await s("word/_rels/document.xml.rels");
-  if (u)
-    for (const b of Array.from(u.getElementsByTagName("*"))) {
+  if (!o) throw new Error("word/document.xml missing or invalid");
+  const l = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), d = await s("word/_rels/document.xml.rels");
+  if (d)
+    for (const b of Array.from(d.getElementsByTagName("*"))) {
       if (b.localName !== "Relationship") continue;
       const f = b.getAttribute("Id") || "", y = b.getAttribute("Target") || "", C = b.getAttribute("Type") || "";
-      /hyperlink/i.test(C) ? o.set(f, y) : /image/i.test(C) && a.set(f, y);
+      /hyperlink/i.test(C) ? l.set(f, y) : /image/i.test(C) && a.set(f, y);
     }
   const p = /* @__PURE__ */ new Map();
   for (const [b, f] of a) {
@@ -3042,7 +3042,7 @@ async function Oi(d) {
       m.set(C, b.get(E) || "ul");
     }
   }
-  return new Ni(o, p, m).convertBody(r);
+  return new Ni(l, p, m).convertBody(o);
 }
 const Fi = ["nw", "ne", "sw", "se"], Et = ["img-left", "img-right", "img-top", "img-center"], St = {
   "img-left": "tplimgleft",
@@ -3059,70 +3059,70 @@ let O = null, X = null, Lt = 0, pe = !1;
 function ct() {
   clearTimeout(Lt), X = null, O && O.classList.remove("show");
 }
-function $i(d) {
-  const t = d.dataset.tip;
+function $i(u) {
+  const t = u.dataset.tip;
   if (!t) return;
-  X = d, clearTimeout(Lt);
+  X = u, clearTimeout(Lt);
   const e = O && O.classList.contains("show") ? 60 : 350;
   Lt = window.setTimeout(() => {
-    if (X !== d || !document.contains(d)) return;
+    if (X !== u || !document.contains(u)) return;
     O || (O = document.createElement("div"), O.className = "etip", document.body.appendChild(O)), O.textContent = t, O.classList.add("show");
-    const i = d.getBoundingClientRect(), s = O.offsetWidth, n = O.offsetHeight;
-    let l = i.left + i.width / 2 - s / 2;
-    l = Math.max(6, Math.min(l, innerWidth - s - 6));
-    let r = i.bottom + 7;
-    r + n > innerHeight - 6 && (r = i.top - n - 7), O.style.left = l + "px", O.style.top = r + "px";
+    const i = u.getBoundingClientRect(), s = O.offsetWidth, n = O.offsetHeight;
+    let r = i.left + i.width / 2 - s / 2;
+    r = Math.max(6, Math.min(r, innerWidth - s - 6));
+    let o = i.bottom + 7;
+    o + n > innerHeight - 6 && (o = i.top - n - 7), O.style.left = r + "px", O.style.top = o + "px";
   }, e);
 }
 function ji() {
-  pe || (pe = !0, document.addEventListener("mouseover", (d) => {
-    const t = d.target, e = t.closest ? t.closest("[title],[data-tip]") : null;
+  pe || (pe = !0, document.addEventListener("mouseover", (u) => {
+    const t = u.target, e = t.closest ? t.closest("[title],[data-tip]") : null;
     if (!e || !e.closest(_i) || e.closest(".earea")) {
       e !== X && ct();
       return;
     }
     const i = e.getAttribute("title");
     i && (e.dataset.tip = i, e.removeAttribute("title"), e.getAttribute("aria-label") || e.setAttribute("aria-label", i)), e !== X && $i(e);
-  }), document.addEventListener("mouseout", (d) => {
-    X && !X.contains(d.relatedTarget) && ct();
+  }), document.addEventListener("mouseout", (u) => {
+    X && !X.contains(u.relatedTarget) && ct();
   }), document.addEventListener("mousedown", ct, !0), addEventListener("scroll", ct, !0));
 }
 const Wi = /[\u0590-\u05FF\u0600-\u06FF\u0750-\u077F\u0780-\u07BF\u08A0-\u08FF\uFB1D-\uFB4F\uFB50-\uFDFF\uFE70-\uFEFF]/, Ui = new RegExp("\\p{L}", "u"), Vi = "p,div,li,td,th,blockquote,h1,h2,h3,h4,h5,h6,pre,figcaption";
-function zi(d) {
-  for (const t of d) {
+function zi(u) {
+  for (const t of u) {
     if (Wi.test(t)) return "rtl";
     if (Ui.test(t)) return "ltr";
   }
   return null;
 }
 const ht = ["top", "right", "bottom", "left"], Xi = /^(none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset)$/i, Yi = /^(thin|medium|thick|[+-]?(\d+\.?\d*|\.\d+)(px|pt|em|rem|ex|ch|cm|mm|in|pc|q)?)$/i, Gi = /^[+-]?0*(\.0*)?(px|pt|em|rem|ex|ch|cm|mm|in|pc|q)?$/i, Ki = /^border-(collapse|spacing|radius|image|block|inline|start|end)/i, Qi = /^border(?:-(top|right|bottom|left))?(?:-(width|style|color))?$/, Ji = /^(inherit|initial|unset|revert|revert-layer)$/i;
-function be(d) {
+function be(u) {
   const t = [];
   let e = 0, i = "";
-  for (const s of d)
+  for (const s of u)
     s === "(" ? e++ : s === ")" && e--, e === 0 && /\s/.test(s) ? (i && t.push(i), i = "") : i += s;
   return i && t.push(i), t;
 }
-function ts(d) {
-  const [t, e = t, i = t, s = e] = d;
+function ts(u) {
+  const [t, e = t, i = t, s = e] = u;
   return [t, e, i, s];
 }
-function es(d) {
+function es(u) {
   const t = { width: "medium", style: "none", color: "" };
-  return be(d).forEach((e) => {
+  return be(u).forEach((e) => {
     Xi.test(e) ? t.style = e.toLowerCase() : Yi.test(e) ? t.width = e : t.color = e;
   }), t;
 }
-function is(d) {
-  return !d || /^currentcolor$/i.test(d) ? "" : /^windowtext$/i.test(d) ? "#000000" : d;
+function is(u) {
+  return !u || /^currentcolor$/i.test(u) ? "" : /^windowtext$/i.test(u) ? "#000000" : u;
 }
-function ss(d) {
-  if (d.width === null && d.style === null && d.color === null) return "";
-  const t = d.style ?? "solid";
-  return t === "none" || t === "hidden" || d.width && Gi.test(d.width) ? "none" : [d.width && d.width !== "medium" ? d.width : "", t, is(d.color || "")].filter(Boolean).join(" ");
+function ss(u) {
+  if (u.width === null && u.style === null && u.color === null) return "";
+  const t = u.style ?? "solid";
+  return t === "none" || t === "hidden" || u.width && Gi.test(u.width) ? "none" : [u.width && u.width !== "medium" ? u.width : "", t, is(u.color || "")].filter(Boolean).join(" ");
 }
-function ns(d) {
-  d.querySelectorAll("table,td,th").forEach((t) => {
+function ns(u) {
+  u.querySelectorAll("table,td,th").forEach((t) => {
     const e = t.getAttribute("style") || "";
     if (!/border/i.test(e)) return;
     const i = {
@@ -3131,20 +3131,20 @@ function ns(d) {
       bottom: { width: null, style: null, color: null },
       left: { width: null, style: null, color: null }
     }, s = [];
-    let n = !1, l = !1;
+    let n = !1, r = !1;
     if (e.split(";").forEach((a) => {
-      const u = a.indexOf(":");
-      if (u < 1) {
+      const d = a.indexOf(":");
+      if (d < 1) {
         a.trim() && s.push(a.trim());
         return;
       }
-      const p = a.slice(0, u).trim().toLowerCase(), m = a.slice(u + 1).trim(), v = Qi.exec(p);
+      const p = a.slice(0, d).trim().toLowerCase(), m = a.slice(d + 1).trim(), v = Qi.exec(p);
       if (!v || Ki.test(p)) {
         s.push(p + ":" + m);
         return;
       }
       if (Ji.test(m)) {
-        l = !0;
+        r = !0;
         return;
       }
       n = !0;
@@ -3164,14 +3164,14 @@ function ns(d) {
           i[C] = { ...y };
         });
       }
-    }), l || !n) return;
-    const r = ht.map((a) => ss(i[a])), o = s.slice();
-    r.every((a) => a && a === r[0]) ? o.push("border:" + r[0]) : ht.forEach((a, u) => r[u] && o.push(`border-${a}:` + r[u])), t.setAttribute("style", o.join(";"));
+    }), r || !n) return;
+    const o = ht.map((a) => ss(i[a])), l = s.slice();
+    o.every((a) => a && a === o[0]) ? l.push("border:" + o[0]) : ht.forEach((a, d) => o[d] && l.push(`border-${a}:` + o[d])), t.setAttribute("style", l.join(";"));
   });
 }
-function ye(d) {
+function ye(u) {
   let t = "";
-  return d.childNodes.forEach((e) => {
+  return u.childNodes.forEach((e) => {
     if (e.nodeType === Node.TEXT_NODE)
       t += e.nodeValue || "";
     else if (e.nodeType === Node.ELEMENT_NODE) {
@@ -3244,12 +3244,12 @@ let rs = (j = class {
     let e = 0, i = 0;
     const s = (n) => {
       e = n.clientY, i = this.ed.offsetHeight, n.preventDefault();
-      const l = (o) => {
-        this.ed.style.height = Math.max(120, i + o.clientY - e) + "px";
-      }, r = () => {
-        window.removeEventListener("mousemove", l), window.removeEventListener("mouseup", r);
+      const r = (l) => {
+        this.ed.style.height = Math.max(120, i + l.clientY - e) + "px";
+      }, o = () => {
+        window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", o);
       };
-      window.addEventListener("mousemove", l), window.addEventListener("mouseup", r);
+      window.addEventListener("mousemove", r), window.addEventListener("mouseup", o);
     };
     t.addEventListener("mousedown", s), this.listeners.push(() => t.removeEventListener("mousedown", s));
   }
@@ -3267,33 +3267,33 @@ let rs = (j = class {
     }), 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 n, l, r, o;
+      var n, r, o, l;
       t.preventDefault();
       const e = t.target, i = (n = e.closest) == null ? void 0 : n.call(e, ".img-ph:not(.vid-ph)");
       if (i && this.ed.contains(i) && !this.options.readonly) {
-        const a = Array.from(((l = t.dataTransfer) == null ? void 0 : l.files) || []).find((u) => u.type.startsWith("image/"));
+        const a = Array.from(((r = t.dataTransfer) == null ? void 0 : r.files) || []).find((d) => d.type.startsWith("image/"));
         a && this.readImageFileInto(a, i);
         return;
       }
-      const s = (r = e.closest) == null ? void 0 : r.call(e, ".vid-ph");
+      const s = (o = e.closest) == null ? void 0 : o.call(e, ".vid-ph");
       if (s && this.ed.contains(s) && !this.options.readonly) {
-        const a = Array.from(((o = t.dataTransfer) == null ? void 0 : o.files) || []).find((u) => u.type.startsWith("video/"));
+        const a = Array.from(((l = t.dataTransfer) == null ? void 0 : l.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) => {
-      var u, p, m, v, b, f, y;
-      const e = t.target, i = (u = e.closest) == null ? void 0 : u.call(e, "table");
+      var d, p, m, v, b, f, y;
+      const e = t.target, i = (d = e.closest) == null ? void 0 : d.call(e, "table");
       i && this.ed.contains(i) ? this.selectTableForResize(i) : this.clearTableHandles();
       const s = (p = e.closest) == null ? void 0 : p.call(e, ".img-ph:not(.vid-ph)");
       s && this.ed.contains(s) && !this.options.readonly ? (t.preventDefault(), this.ed.focus(), this.selectImgPlaceholder(s)) : this.clearImgPlaceholderSel();
       const n = (m = e.closest) == null ? void 0 : m.call(e, ".vid-ph");
       n && this.ed.contains(n) && !this.options.readonly ? (t.preventDefault(), this.ed.focus(), this.selectVphPlaceholder(n)) : this.clearVphPlaceholderSel();
-      const l = (v = e.closest) == null ? void 0 : v.call(e, ".tpl");
-      l && this.ed.contains(l) && !this.options.readonly ? this.selectTemplate(l) : this.clearTplSel();
-      const r = (b = e.closest) == null ? void 0 : b.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 r = (v = e.closest) == null ? void 0 : v.call(e, ".tpl");
+      r && this.ed.contains(r) && !this.options.readonly ? this.selectTemplate(r) : this.clearTplSel();
+      const o = (b = e.closest) == null ? void 0 : b.call(e, "pre.code-block");
+      o && this.ed.contains(o) && !this.options.readonly ? (t.preventDefault(), this.selectCodeEl(o)) : this.clearCodeSel();
+      const l = (f = e.closest) == null ? void 0 : f.call(e, "img");
+      l && this.ed.contains(l) && !this.options.readonly ? (t.preventDefault(), this.selectImage(l)) : this.clearImageHandles();
       const a = (y = e.closest) == null ? void 0 : y.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) => {
@@ -3302,11 +3302,11 @@ let rs = (j = class {
       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, n, l, r;
+      var s, n, r, o;
       const e = (n = (s = t.target).closest) == null ? void 0 : n.call(s, "img");
       if (!e) return;
       const i = t.relatedTarget;
-      i && ((l = this.imgCtx) != null && l.contains(i) || this.imgHandles.some((o) => o.contains(i)) || ((r = i.closest) == null ? void 0 : r.call(i, "img")) === e) || this.scheduleImgHide();
+      i && ((r = this.imgCtx) != null && r.contains(i) || this.imgHandles.some((l) => l.contains(i)) || ((o = i.closest) == null ? void 0 : o.call(i, "img")) === e) || this.scheduleImgHide();
     }), this.on(this.ed, "scroll", () => {
       this.positionTableHandles(), this.positionImageHandles(), this.positionImgPhCtx(), this.positionTplCtx(), this.positionVphCtx(), this.positionVidCtx(), this.positionCodeCtx();
     }), this.onWin(
@@ -3388,41 +3388,42 @@ let rs = (j = class {
    *  content with no strongly-directional character anywhere falls back to the
    *  editor's current direction. */
   getContentForEmail() {
-    const t = (r, o) => {
-      const a = (r.getAttribute("style") || "").trim();
-      r.setAttribute("style", a ? a.replace(/;?$/, "; ") + o : o);
-    }, e = document.createElement("div");
-    e.innerHTML = this.ed.innerHTML;
-    let i = null;
-    e.querySelectorAll("[dir]").forEach((r) => {
-      const o = (r.getAttribute("dir") || "").toLowerCase();
-      if (o !== "rtl" && o !== "ltr") return;
-      const a = o;
-      i || (i = a), /text-align\s*:/i.test(r.getAttribute("style") || "") || t(r, `text-align:${a === "rtl" ? "right" : "left"}`);
-    }), e.querySelectorAll(Vi).forEach((r) => {
-      const o = (r.getAttribute("dir") || "").toLowerCase();
-      if (o === "rtl" || o === "ltr") return;
-      const a = zi(ye(r));
-      if (!a) return;
-      i || (i = a), r.setAttribute("dir", a);
-      const u = /text-align\s*:/i.test(r.getAttribute("style") || "");
-      t(r, u ? `direction:${a}` : `direction:${a};text-align:${a === "rtl" ? "right" : "left"}`);
+    const t = (l, a) => {
+      const d = (l.getAttribute("style") || "").trim();
+      l.setAttribute("style", d ? d.replace(/;?$/, "; ") + a : a);
+    }, e = (l, a) => {
+      const d = (l.getAttribute("style") || "").split(";").map((p) => p.trim()).filter((p) => p && !/^width\s*:/i.test(p));
+      d.push(`width:${a}px`), l.setAttribute("style", d.join("; "));
+    }, i = document.createElement("div");
+    i.innerHTML = this.ed.innerHTML;
+    let s = null;
+    i.querySelectorAll("[dir]").forEach((l) => {
+      const a = (l.getAttribute("dir") || "").toLowerCase();
+      if (a !== "rtl" && a !== "ltr") return;
+      const d = a;
+      s || (s = d), /text-align\s*:/i.test(l.getAttribute("style") || "") || t(l, `text-align:${d === "rtl" ? "right" : "left"}`);
+    }), i.querySelectorAll(Vi).forEach((l) => {
+      const a = (l.getAttribute("dir") || "").toLowerCase();
+      if (a === "rtl" || a === "ltr") return;
+      const d = zi(ye(l));
+      if (!d) return;
+      s || (s = d), l.setAttribute("dir", d);
+      const p = /text-align\s*:/i.test(l.getAttribute("style") || "");
+      t(l, p ? `direction:${d}` : `direction:${d};text-align:${d === "rtl" ? "right" : "left"}`);
     });
-    const s = this.ed.querySelectorAll("img");
-    e.querySelectorAll("img").forEach((r, o) => {
-      if (r.closest(".tpl-media")) return;
-      const a = s[o], u = Math.round((a == null ? void 0 : a.getBoundingClientRect().width) || 0);
-      u > 0 && !r.getAttribute("width") && r.setAttribute("width", String(u));
-      const p = r.getAttribute("style") || "";
-      u > 0 && !/(^|;)\s*width\s*:/i.test(p) && t(r, `width:${u}px`), /max-width\s*:/i.test(r.getAttribute("style") || "") || t(r, "max-width:100%"), /(^|;)\s*height\s*:/i.test(r.getAttribute("style") || "") || t(r, "height:auto");
-    }), ns(e), e.querySelectorAll("table").forEach((r) => {
-      const o = r.getAttribute("style") || "";
-      /border-collapse\s*:/i.test(o) || t(r, "border-collapse:collapse"), !/border-spacing\s*:/i.test(o) && !r.hasAttribute("cellspacing") && r.setAttribute("cellspacing", "0");
+    const n = this.ed.querySelectorAll("img");
+    i.querySelectorAll("img").forEach((l, a) => {
+      if (l.closest(".tpl-media")) return;
+      const d = n[a], p = Math.round((d == null ? void 0 : d.offsetWidth) || 0);
+      p > 0 && (l.setAttribute("width", String(p)), l.removeAttribute("height"), e(l, p)), /max-width\s*:/i.test(l.getAttribute("style") || "") || t(l, "max-width:100%"), /(^|;)\s*height\s*:/i.test(l.getAttribute("style") || "") || t(l, "height:auto");
+    }), ns(i), i.querySelectorAll("table").forEach((l) => {
+      const a = l.getAttribute("style") || "";
+      /border-collapse\s*:/i.test(a) || t(l, "border-collapse:collapse"), !/border-spacing\s*:/i.test(a) && !l.hasAttribute("cellspacing") && l.setAttribute("cellspacing", "0");
     });
-    const n = i || this.ed.getAttribute("dir") || this.dir();
-    return e.querySelectorAll("table:not([dir])").forEach((r) => {
-      r.setAttribute("dir", n), /direction\s*:/i.test(r.getAttribute("style") || "") || t(r, `direction:${n}`);
-    }), `<div dir="${n}" style="direction:${n};text-align:${n === "rtl" ? "right" : "left"}">${e.innerHTML}</div>`;
+    const r = s || this.ed.getAttribute("dir") || this.dir();
+    return i.querySelectorAll("table:not([dir])").forEach((l) => {
+      l.setAttribute("dir", r), /direction\s*:/i.test(l.getAttribute("style") || "") || t(l, `direction:${r}`);
+    }), `<div dir="${r}" style="direction:${r};text-align:${r === "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();
@@ -3496,8 +3497,8 @@ let rs = (j = class {
     t.preventDefault();
     const n = document.createElement("p");
     n.appendChild(document.createElement("br")), s.after(n), i.remove(), s.firstElementChild || s.remove();
-    const l = document.createRange();
-    l.setStart(n, 0), l.collapse(!0), e.removeAllRanges(), e.addRange(l), this.saveSel(), this.onChange();
+    const r = document.createRange();
+    r.setStart(n, 0), r.collapse(!0), e.removeAllRanges(), e.addRange(r), this.saveSel(), this.onChange();
   }
   selectedBlocks() {
     const t = window.getSelection();
@@ -3547,30 +3548,30 @@ let rs = (j = class {
       s.className = "revprev";
       const n = document.createElement("button");
       n.type = "button", n.className = "revrestore", n.textContent = this.t("restore");
-      let l = this.revisions.length - 1;
-      const r = new Intl.DateTimeFormat(this.lang === "ar" ? "ar-AE" : "en-GB", {
+      let r = this.revisions.length - 1;
+      const o = new Intl.DateTimeFormat(this.lang === "ar" ? "ar-AE" : "en-GB", {
         year: "numeric",
         month: "short",
         day: "numeric",
         hour: "2-digit",
         minute: "2-digit",
         second: "2-digit"
-      }), o = {}, a = (u) => {
-        l = u, this.revisions.forEach((p, m) => {
+      }), l = {}, a = (d) => {
+        r = d, this.revisions.forEach((p, m) => {
           var v;
-          return (v = o[m]) == null ? void 0 : v.classList.toggle("on", m === u);
-        }), s.innerHTML = this.revisions[u].html, n.disabled = u === this.revisions.length - 1;
+          return (v = l[m]) == null ? void 0 : v.classList.toggle("on", m === d);
+        }), s.innerHTML = this.revisions[d].html, n.disabled = d === this.revisions.length - 1;
       };
-      for (let u = this.revisions.length - 1; u >= 0; u--) {
-        const p = this.revisions[u], m = document.createElement("button");
+      for (let d = this.revisions.length - 1; d >= 0; d--) {
+        const p = this.revisions[d], m = document.createElement("button");
         m.type = "button";
-        const v = (new DOMParser().parseFromString(p.html, "text/html").body.textContent || "").trim(), b = v ? v.split(/\s+/).length : 0, f = u === this.revisions.length - 1;
-        m.innerHTML = `<span>${f ? this.t("currentver") : r.format(new Date(p.time))}</span><span class="wc">${b} ${this.t("words")}</span>`, m.addEventListener("click", () => a(u)), o[u] = m, i.appendChild(m);
+        const v = (new DOMParser().parseFromString(p.html, "text/html").body.textContent || "").trim(), b = v ? v.split(/\s+/).length : 0, f = d === this.revisions.length - 1;
+        m.innerHTML = `<span>${f ? this.t("currentver") : o.format(new Date(p.time))}</span><span class="wc">${b} ${this.t("words")}</span>`, m.addEventListener("click", () => a(d)), l[d] = m, i.appendChild(m);
       }
       i.append(n), n.addEventListener("click", () => {
-        const u = this.revisions[l];
-        u && (this.recordRevision(), this.setContent(u.html), this.recordRevision(), this.closeDlg());
-      }), e.append(i, s), t.appendChild(e), a(l);
+        const d = this.revisions[r];
+        d && (this.recordRevision(), this.setContent(d.html), this.recordRevision(), this.closeDlg());
+      }), e.append(i, s), t.appendChild(e), a(r);
     });
   }
   /* ---------------------------------------------------------- popups / menus */
@@ -3607,10 +3608,10 @@ let rs = (j = class {
     n.className = "pop sub", n.dir = this.dir(), t.subBuild ? t.subBuild(n) : t.sub && this.menuItems(n, t.sub), n.addEventListener("mousedown", (a) => {
       a.target.tagName !== "INPUT" && a.preventDefault();
     }), document.body.appendChild(n);
-    let r = this.dir() === "rtl" ? i.left - n.offsetWidth + 2 : i.right - 2;
-    r = Math.max(8, Math.min(r + scrollX, scrollX + innerWidth - n.offsetWidth - 8));
-    let o = i.top + scrollY - 6;
-    o = Math.max(8 + scrollY, Math.min(o, scrollY + innerHeight - n.offsetHeight - 8)), n.style.left = r + "px", n.style.top = o + "px", this.subStack.push(n);
+    let o = this.dir() === "rtl" ? i.left - n.offsetWidth + 2 : i.right - 2;
+    o = Math.max(8, Math.min(o + scrollX, scrollX + innerWidth - n.offsetWidth - 8));
+    let l = i.top + scrollY - 6;
+    l = Math.max(8 + scrollY, Math.min(l, scrollY + innerHeight - n.offsetHeight - 8)), n.style.left = o + "px", n.style.top = l + "px", this.subStack.push(n);
   }
   popup(t, e, i) {
     if (this.openPop && this.popAnchor === t) {
@@ -3622,10 +3623,10 @@ let rs = (j = class {
     s.className = "pop" + (i ? " " + i : ""), s.dir = this.dir(), e(s), document.body.appendChild(s);
     const n = t.getBoundingClientRect();
     s.style.minWidth = Math.max(160, Math.round(n.width)) + "px";
-    let l = n.bottom + scrollY + 2;
-    l = Math.max(8 + scrollY, Math.min(l, scrollY + innerHeight - s.offsetHeight - 8)), s.style.top = l + "px";
-    let o = this.dir() === "rtl" ? n.right - s.offsetWidth : n.left;
-    o = Math.max(8, Math.min(o + scrollX, scrollX + innerWidth - s.offsetWidth - 8)), s.style.left = o + "px", s.addEventListener("mousedown", (a) => {
+    let r = n.bottom + scrollY + 2;
+    r = Math.max(8 + scrollY, Math.min(r, scrollY + innerHeight - s.offsetHeight - 8)), s.style.top = r + "px";
+    let l = this.dir() === "rtl" ? n.right - s.offsetWidth : n.left;
+    l = Math.max(8, Math.min(l + scrollX, scrollX + innerWidth - s.offsetWidth - 8)), s.style.left = l + "px", s.addEventListener("mousedown", (a) => {
       a.target.tagName !== "INPUT" && a.preventDefault();
     }), this.openPop = s, this.popAnchor = t, t.classList.add("open");
   }
@@ -3639,18 +3640,18 @@ let rs = (j = class {
       n.className = "mi" + (i.on ? " on" : ""), n.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">${h.chev}</span>` : ""}`, n.addEventListener("click", () => {
         i.action && (this.closePop(), i.action());
       }), n.addEventListener("mouseenter", () => {
-        var l;
-        s ? this.openSubFor(i, n) : this.closeSubFrom(this.subLevelOf(t)), (l = i.hover) == null || l.call(i, !0);
+        var r;
+        s ? this.openSubFor(i, n) : this.closeSubFrom(this.subLevelOf(t)), (r = i.hover) == null || r.call(i, !0);
       }), n.addEventListener("mouseleave", () => {
-        var l;
-        return (l = i.hover) == null ? void 0 : l.call(i, !1);
+        var r;
+        return (r = i.hover) == null ? void 0 : r.call(i, !1);
       }), t.appendChild(n);
     });
   }
   /* ---------------------------------------------------------- toolbar builders */
   tbtn(t, e, i, s) {
     const n = document.createElement("button");
-    return n.className = "tbtn", n.type = "button", n.title = e, n.innerHTML = t, s && (n.dataset.id = s), n.addEventListener("mousedown", (l) => l.preventDefault()), n.addEventListener("click", i), n;
+    return n.className = "tbtn", n.type = "button", n.title = e, n.innerHTML = t, s && (n.dataset.id = s), n.addEventListener("mousedown", (r) => r.preventDefault()), n.addEventListener("click", i), n;
   }
   /** Font-size increase / decrease step button. */
   stepBtn(t) {
@@ -3666,8 +3667,8 @@ let rs = (j = class {
   colorChips() {
     const t = (s) => {
       const n = document.createElement("button");
-      return n.type = "button", n.className = "cchip", n.title = s, n.addEventListener("mousedown", (l) => {
-        l.preventDefault(), this.saveSel();
+      return n.type = "button", n.className = "cchip", n.title = s, n.addEventListener("mousedown", (r) => {
+        r.preventDefault(), this.saveSel();
       }), n;
     }, e = oi.map((s) => {
       const n = t(this.t("forecolor"));
@@ -3683,17 +3684,17 @@ let rs = (j = class {
   }
   tsel(t, e, i, s) {
     const n = document.createElement("button");
-    return n.className = "tsel " + t, n.type = "button", n.dataset.id = e, n.innerHTML = `<span class="lbl empty">${i || ""}</span>${h.chev}`, n.addEventListener("mousedown", (l) => {
-      l.preventDefault(), this.saveSel();
+    return n.className = "tsel " + t, n.type = "button", n.dataset.id = e, n.innerHTML = `<span class="lbl empty">${i || ""}</span>${h.chev}`, n.addEventListener("mousedown", (r) => {
+      r.preventDefault(), this.saveSel();
     }), n.addEventListener("click", () => s(n)), n;
   }
   setListStyle(t, e) {
-    var n, l;
+    var n, r;
     this.restoreSel();
     const i = window.getSelection();
     if (!i) return;
     let s = (n = this.closestBlock(i.anchorNode)) == null ? void 0 : n.closest(t);
-    s || (this.exec(t === "ol" ? "insertOrderedList" : "insertUnorderedList"), s = (l = this.closestBlock(i.anchorNode)) == null ? void 0 : l.closest(t)), s && (s.style.listStyleType = e), this.saveSel(), this.onChange();
+    s || (this.exec(t === "ol" ? "insertOrderedList" : "insertUnorderedList"), s = (r = this.closestBlock(i.anchorNode)) == null ? void 0 : r.closest(t)), s && (s.style.listStyleType = e), this.saveSel(), this.onChange();
   }
   listMenu(t, e) {
     var a;
@@ -3705,23 +3706,23 @@ let rs = (j = class {
     ] : [
       ["circle", h.ul_circle],
       ["square", h.ul_square]
-    ], n = this.tArr(e === "ol" ? "liststyles_ol" : "liststyles_ul").slice(1), l = window.getSelection(), r = l ? (a = this.closestBlock(l.anchorNode)) == null ? void 0 : a.closest(e) : null, o = r ? r.style.listStyleType : "";
-    this.popup(t, (u) => {
-      this.menuItems(u, [
+    ], n = this.tArr(e === "ol" ? "liststyles_ol" : "liststyles_ul").slice(1), r = window.getSelection(), o = r ? (a = this.closestBlock(r.anchorNode)) == null ? void 0 : a.closest(e) : null, l = o ? o.style.listStyleType : "";
+    this.popup(t, (d) => {
+      this.menuItems(d, [
         {
           label: this.t(e === "ol" ? "numlist" : "bullist"),
           icon: e === "ol" ? h.numlist : h.bullist,
           on: document.queryCommandState(i),
           action: () => this.exec(i)
         }
-      ]), u.insertAdjacentHTML("beforeend", '<div class="sep"></div>');
+      ]), d.insertAdjacentHTML("beforeend", '<div class="sep"></div>');
       const p = document.createElement("div");
       p.className = "mi-grid", s.forEach(([m, v], b) => {
         const f = document.createElement("button");
-        f.className = "mi" + (o === m ? " on" : ""), f.innerHTML = `<span class="ic">${v}</span><span class="prev">${n[b]}</span>`, f.addEventListener("click", () => {
+        f.className = "mi" + (l === m ? " on" : ""), f.innerHTML = `<span class="ic">${v}</span><span class="prev">${n[b]}</span>`, f.addEventListener("click", () => {
           this.closePop(), this.setListStyle(e, m);
         }), p.appendChild(f);
-      }), u.appendChild(p);
+      }), d.appendChild(p);
     });
   }
   /** Shared color-picker popup body — swatch grid plus the current-color /
@@ -3737,18 +3738,18 @@ let rs = (j = class {
     }), t.appendChild(s), t.insertAdjacentHTML("beforeend", '<div class="sep"></div>');
     const n = document.createElement("div");
     n.className = "cfoot";
-    const l = /^#[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 = l, r.innerHTML = h.check;
-    const o = document.createElement("button");
-    o.type = "button", o.className = "cswatch nocolor", o.title = this.t("removecolor"), o.addEventListener("click", () => {
+    const r = /^#[0-9a-f]{6}$/i.test(e) ? e : "#000000", o = document.createElement("div");
+    o.className = "cswatch cur", o.title = this.t("currentcolor"), o.style.background = r, o.innerHTML = h.check;
+    const l = document.createElement("button");
+    l.type = "button", l.className = "cswatch nocolor", l.title = this.t("removecolor"), l.addEventListener("click", () => {
       this.closePop(), i(null);
     });
     const a = document.createElement("label");
     a.className = "cswatch cwheel", a.title = this.t("customcolor"), a.innerHTML = h.palette;
-    const u = document.createElement("input");
-    u.type = "color", u.value = l, u.addEventListener("change", () => {
-      this.closePop(), i(u.value);
-    }), a.appendChild(u), n.append(r, o, a), t.appendChild(n);
+    const d = document.createElement("input");
+    d.type = "color", d.value = r, d.addEventListener("change", () => {
+      this.closePop(), i(d.value);
+    }), a.appendChild(d), n.append(o, l, a), t.appendChild(n);
   }
   colorMenu(t, e) {
     this.popup(
@@ -3794,19 +3795,19 @@ let rs = (j = class {
     const t = window.getSelection();
     if (!t) return;
     if (!t.rangeCount) {
-      const l = document.createRange();
-      l.selectNodeContents(this.ed), l.collapse(!0), t.addRange(l);
+      const r = document.createRange();
+      r.selectNodeContents(this.ed), r.collapse(!0), t.addRange(r);
     }
     if (!t.isCollapsed) return;
     const e = t.getRangeAt(0), i = e.startContainer;
     if (i.nodeType === 3) {
-      const l = i.data;
-      let r = e.startOffset, o = e.startOffset;
-      for (; r > 0 && /\S/.test(l[r - 1]); ) r--;
-      for (; o < l.length && /\S/.test(l[o]); ) o++;
-      if (o > r) {
+      const r = i.data;
+      let o = e.startOffset, l = e.startOffset;
+      for (; o > 0 && /\S/.test(r[o - 1]); ) o--;
+      for (; l < r.length && /\S/.test(r[l]); ) l++;
+      if (l > o) {
         const a = document.createRange();
-        a.setStart(i, r), a.setEnd(i, o), t.removeAllRanges(), t.addRange(a), this.savedRange = a.cloneRange();
+        a.setStart(i, o), a.setEnd(i, l), t.removeAllRanges(), t.addRange(a), this.savedRange = a.cloneRange();
         return;
       }
     }
@@ -3840,14 +3841,14 @@ let rs = (j = class {
     const e = window.getSelection();
     if (!e || !e.rangeCount || e.isCollapsed) return;
     const i = e.getRangeAt(0), s = document.createTreeWalker(this.ed, NodeFilter.SHOW_TEXT), n = [];
-    let l;
-    for (; l = s.nextNode(); ) i.intersectsNode(l) && n.push(l);
-    n.forEach((r) => {
-      const o = r === i.startContainer ? i.startOffset : 0, a = r === i.endContainer ? i.endOffset : r.data.length;
-      if (a <= o) return;
-      const u = r.data.slice(o, a);
-      let p = u;
-      t === "lower" ? p = u.toLowerCase() : t === "upper" ? p = u.toUpperCase() : p = u.replace(/(^|\s)(\S)/g, (m, v, b) => v + b.toUpperCase()), r.replaceData(o, a - o, p);
+    let r;
+    for (; r = s.nextNode(); ) i.intersectsNode(r) && n.push(r);
+    n.forEach((o) => {
+      const l = o === i.startContainer ? i.startOffset : 0, a = o === i.endContainer ? i.endOffset : o.data.length;
+      if (a <= l) return;
+      const d = o.data.slice(l, a);
+      let p = d;
+      t === "lower" ? p = d.toLowerCase() : t === "upper" ? p = d.toUpperCase() : p = d.replace(/(^|\s)(\S)/g, (m, v, b) => v + b.toUpperCase()), o.replaceData(l, a - l, p);
     }), this.saveSel(), this.refreshState(), this.onChange();
   }
   caseItems() {
@@ -3935,8 +3936,8 @@ let rs = (j = class {
       (s) => {
         const n = document.createElement("div");
         n.style.cssText = "display:flex;align-items:center;gap:10px;margin:10px 0;min-width:360px";
-        const l = document.createElement("span");
-        l.style.cssText = "width:60px;color:#556;flex:none", l.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")) || "", n.append(l, e), s.appendChild(n), setTimeout(() => e.focus(), 0);
+        const r = document.createElement("span");
+        r.style.cssText = "width:60px;color:#556;flex:none", r.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")) || "", n.append(r, e), s.appendChild(n), setTimeout(() => e.focus(), 0);
       },
       i
     );
@@ -3979,15 +3980,15 @@ let rs = (j = class {
       s.className = "tgrid";
       const n = document.createElement("div");
       n.className = "tgridlbl", n.textContent = "1 × 1";
-      const l = [];
-      for (let r = 0; r < 8; r++)
-        for (let o = 0; o < 10; o++) {
+      const r = [];
+      for (let o = 0; o < 8; o++)
+        for (let l = 0; l < 10; l++) {
           const a = document.createElement("span");
-          a.dataset.r = String(r), a.dataset.c = String(o), a.addEventListener("mouseenter", () => {
-            l.forEach((u) => u.classList.toggle("hot", +u.dataset.r <= r && +u.dataset.c <= o)), n.textContent = o + 1 + " × " + (r + 1);
+          a.dataset.r = String(o), a.dataset.c = String(l), a.addEventListener("mouseenter", () => {
+            r.forEach((d) => d.classList.toggle("hot", +d.dataset.r <= o && +d.dataset.c <= l)), n.textContent = l + 1 + " × " + (o + 1);
           }), a.addEventListener("click", () => {
-            this.closePop(), this.insertTable(r + 1, o + 1), e == null || e();
-          }), l.push(a), s.appendChild(a);
+            this.closePop(), this.insertTable(o + 1, l + 1), e == null || e();
+          }), r.push(a), s.appendChild(a);
         }
       i.append(s, n), t.appendChild(i);
     }
@@ -4076,13 +4077,13 @@ let rs = (j = class {
     this.parseToolbarString(t).forEach((i) => {
       const s = [];
       i.forEach((n) => {
-        const l = e[n];
-        if (!l) {
+        const r = e[n];
+        if (!r) {
           console.warn(`FableEditor: unknown toolbar item "${n}"`);
           return;
         }
-        const r = l();
-        Array.isArray(r) ? s.push(...r) : s.push(r);
+        const o = r();
+        Array.isArray(o) ? s.push(...o) : s.push(o);
       }), s.length && this.toolbar.appendChild(this.group(...s));
     }), this.tbrMore = this.tbtn(h.more, this.t("more"), () => {
       this.tbrExpanded = !this.tbrExpanded, this.updateToolbarOverflow();
@@ -4262,36 +4263,36 @@ let rs = (j = class {
         return;
       }
       const n = document.createElement("button");
-      n.type = "button", n.textContent = this.t(s), n.dataset.menuKey = s, n.addEventListener("mousedown", (l) => {
-        l.preventDefault(), this.saveSel();
-      }), n.addEventListener("click", () => this.popup(n, (l) => this.menuItems(l, t[s]))), this.menubar.appendChild(n);
+      n.type = "button", n.textContent = this.t(s), n.dataset.menuKey = s, n.addEventListener("mousedown", (r) => {
+        r.preventDefault(), this.saveSel();
+      }), n.addEventListener("click", () => this.popup(n, (r) => this.menuItems(r, t[s]))), this.menubar.appendChild(n);
     });
   }
   /* ---------------------------------------------------------- table ops */
   tableOp(t) {
-    var o, a, u;
+    var l, a, d;
     this.restoreSel();
     const e = window.getSelection();
     if (!e) return;
-    const i = ((o = this.closestBlock(e.anchorNode)) == null ? void 0 : o.closest("td,th")) || (e.anchorNode && e.anchorNode.nodeType === 1 ? (u = (a = e.anchorNode).closest) == null ? void 0 : u.call(a, "td,th") : null);
+    const i = ((l = this.closestBlock(e.anchorNode)) == null ? void 0 : l.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, n = i.closest("table"), l = Array.from(s.children).indexOf(i), r = () => {
+    const s = i.parentElement, n = i.closest("table"), r = Array.from(s.children).indexOf(i), o = () => {
       const p = s.cloneNode(!1);
       return Array.from(s.children).forEach((m) => {
         const v = document.createElement("td"), b = m.getAttribute("style");
         b && v.setAttribute("style", b), v.style.removeProperty("background-color"), v.innerHTML = "<br>", p.appendChild(v);
       }), p;
     };
-    if (t === "rowabove" && s.before(r()), t === "rowbelow" && s.after(r()), t === "delrow") {
+    if (t === "rowabove" && s.before(o()), t === "rowbelow" && s.after(o()), t === "delrow") {
       const p = s.parentElement;
       s.remove(), p.querySelector("tr") || n.remove();
     }
     (t === "colbefore" || t === "colafter") && n.querySelectorAll("tr").forEach((p) => {
-      const m = p.children[Math.min(l, p.children.length - 1)], v = document.createElement("td"), b = m.getAttribute("style");
+      const m = p.children[Math.min(r, p.children.length - 1)], v = document.createElement("td"), b = m.getAttribute("style");
       b && v.setAttribute("style", b), v.style.removeProperty("width"), v.style.removeProperty("background-color"), v.innerHTML = "<br>", t === "colbefore" ? m.before(v) : m.after(v);
     }), t === "delcol" && (n.querySelectorAll("tr").forEach((p) => {
       var m;
-      return (m = p.children[l]) == null ? void 0 : m.remove();
+      return (m = p.children[r]) == null ? void 0 : m.remove();
     }), n.querySelector("td,th") || n.remove()), t === "deltable" && n.remove(), this.onChange(), this.positionTableHandles();
   }
   /** Reorders the current row/column: 'rowup'/'rowdown' swap the caret's row with
@@ -4303,24 +4304,24 @@ let rs = (j = class {
     if (!e) return;
     const i = e.parentElement, s = e.closest("table"), n = Array.from(i.children).indexOf(e);
     if (t === "rowup") {
-      const o = i.previousElementSibling;
-      o && o.before(i);
+      const l = i.previousElementSibling;
+      l && l.before(i);
     }
     if (t === "rowdown") {
-      const o = i.nextElementSibling;
-      o && o.after(i);
+      const l = i.nextElementSibling;
+      l && l.after(i);
     }
-    t === "colleft" && n > 0 && s.querySelectorAll("tr").forEach((o) => {
-      const a = o.children[n], u = o.children[n - 1];
-      a && u && u.before(a);
-    }), t === "colright" && s.querySelectorAll("tr").forEach((o) => {
-      const a = o.children[n], u = o.children[n + 1];
-      a && u && u.after(a);
+    t === "colleft" && n > 0 && s.querySelectorAll("tr").forEach((l) => {
+      const a = l.children[n], d = l.children[n - 1];
+      a && d && d.before(a);
+    }), t === "colright" && s.querySelectorAll("tr").forEach((l) => {
+      const a = l.children[n], d = l.children[n + 1];
+      a && d && d.after(a);
     });
-    const l = document.createRange();
-    l.selectNodeContents(e), l.collapse(!0);
-    const r = window.getSelection();
-    r && (r.removeAllRanges(), r.addRange(l)), this.saveSel(), this.onChange(), this.positionTableHandles(), this.positionCellMarker();
+    const r = document.createRange();
+    r.selectNodeContents(e), r.collapse(!0);
+    const o = window.getSelection();
+    o && (o.removeAllRanges(), o.addRange(r)), 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. */
@@ -4357,26 +4358,26 @@ let rs = (j = class {
   tablePropsDlg() {
     const t = this.tblActive;
     if (!t) return;
-    let e, i, s, n, l;
-    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", u = t.querySelector("td,th"), p = t.style.width || "", m = u && u.style.padding ? parseFloat(u.style.padding) : "", v = t.style.borderSpacing ? parseFloat(t.style.borderSpacing) : "", b = t.style.borderWidth ? parseFloat(t.style.borderWidth) : "", f = t.style.marginLeft, y = t.style.marginRight, C = f === "auto" && y === "auto" ? "center" : f === "auto" ? "right" : y === "auto" && f === "0" ? "left" : "";
+    let e, i, s, n, r;
+    const o = "display:flex;align-items:center;gap:10px;margin:10px 0", l = "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 || "", m = d && d.style.padding ? parseFloat(d.style.padding) : "", v = t.style.borderSpacing ? parseFloat(t.style.borderSpacing) : "", b = t.style.borderWidth ? parseFloat(t.style.borderWidth) : "", f = t.style.marginLeft, y = t.style.marginRight, C = f === "auto" && y === "auto" ? "center" : f === "auto" ? "right" : y === "auto" && f === "0" ? "left" : "";
     this.dialog(
       this.t("tablepropsttl"),
       (E) => {
         const I = (A, $) => {
           const F = document.createElement("div");
-          F.style.cssText = r;
+          F.style.cssText = o;
           const Z = document.createElement("span");
-          Z.style.cssText = o, Z.textContent = this.t(A), F.append(Z, $), E.appendChild(F);
+          Z.style.cssText = l, Z.textContent = this.t(A), F.append(Z, $), E.appendChild(F);
         };
-        e = document.createElement("input"), e.type = "text", e.style.cssText = a, e.placeholder = "e.g. 600px or 100%", e.value = p, I("tblwidth", e), i = document.createElement("input"), i.type = "number", i.min = "0", i.style.cssText = a, i.value = String(m), I("tblcellpadding", i), s = document.createElement("input"), s.type = "number", s.min = "0", s.style.cssText = a, s.value = String(v), I("tblcellspacing", s), n = document.createElement("input"), n.type = "number", n.min = "0", n.style.cssText = a, n.value = String(b), I("tblborder", n), l = document.createElement("select"), l.style.cssText = a, [
+        e = document.createElement("input"), e.type = "text", e.style.cssText = a, e.placeholder = "e.g. 600px or 100%", e.value = p, I("tblwidth", e), i = document.createElement("input"), i.type = "number", i.min = "0", i.style.cssText = a, i.value = String(m), I("tblcellpadding", i), s = document.createElement("input"), s.type = "number", s.min = "0", s.style.cssText = a, s.value = String(v), I("tblcellspacing", s), n = document.createElement("input"), n.type = "number", n.min = "0", n.style.cssText = a, n.value = String(b), I("tblborder", n), r = document.createElement("select"), r.style.cssText = a, [
           ["", "alignnone"],
           ["left", "alignleft"],
           ["center", "aligncenter"],
           ["right", "alignright"]
         ].forEach(([A, $]) => {
           const F = document.createElement("option");
-          F.value = A, F.textContent = this.t($), A === C && (F.selected = !0), l.appendChild(F);
-        }), I("tblalign", l);
+          F.value = A, F.textContent = this.t($), A === C && (F.selected = !0), r.appendChild(F);
+        }), I("tblalign", r);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -4389,7 +4390,7 @@ let rs = (j = class {
               cellpadding: i.value.trim(),
               cellspacing: s.value.trim(),
               border: n.value.trim(),
-              align: l.value
+              align: r.value
             }), this.closeDlg(), this.onChange(), this.positionTableHandles();
           }
         }
@@ -4428,8 +4429,8 @@ let rs = (j = class {
   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, n]) => {
-      const l = document.createElement("option");
-      l.value = s, l.textContent = n, s === e && (l.selected = !0), i.appendChild(l);
+      const r = document.createElement("option");
+      r.value = s, r.textContent = n, s === e && (r.selected = !0), i.appendChild(r);
     }), i;
   }
   formBg(t) {
@@ -4439,8 +4440,8 @@ let rs = (j = class {
     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 n = document.createElement("label");
     n.style.cssText = "display:flex;align-items:center;gap:6px;cursor:pointer;color:#556";
-    const l = document.createElement("input");
-    return l.type = "checkbox", l.checked = !!i, n.append(l, document.createTextNode(this.t("fill"))), s.addEventListener("input", () => l.checked = !0), e.append(s, n), { wrap: e, color: s, fill: l };
+    const r = document.createElement("input");
+    return r.type = "checkbox", r.checked = !!i, n.append(r, document.createTextNode(this.t("fill"))), s.addEventListener("input", () => r.checked = !0), e.append(s, n), { wrap: e, color: s, fill: r };
   }
   setOrClear(t, e, i) {
     i ? t.style.setProperty(e, /^(width|height)$/.test(e) && /^\d+$/.test(i) ? i + "px" : i) : t.style.removeProperty(e);
@@ -4451,11 +4452,11 @@ let rs = (j = class {
       alert(this.t("nocell"));
       return;
     }
-    let e, i, s, n, l;
+    let e, i, s, n, r;
     this.dialog(
       this.t("cellprops").replace("…", ""),
-      (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(
+      (o) => {
+        e = this.formInput(t.style.width, "e.g. 120px / 25%"), this.formRow(o, this.t("tblwidth"), e), i = this.formInput(t.style.height, "e.g. 40px"), this.formRow(o, this.t("tblheight"), i), s = this.formSelect(
           [
             ["", this.t("alignnone")],
             ["left", this.t("alignleft")],
@@ -4463,7 +4464,7 @@ let rs = (j = class {
             ["right", this.t("alignright")]
           ],
           t.style.textAlign || ""
-        ), this.formRow(r, this.t("tblalign"), s), n = this.formSelect(
+        ), this.formRow(o, this.t("tblalign"), s), n = this.formSelect(
           [
             ["", this.t("alignnone")],
             ["top", this.t("valigntop")],
@@ -4471,7 +4472,7 @@ let rs = (j = class {
             ["bottom", this.t("valignbottom")]
           ],
           t.style.verticalAlign || ""
-        ), this.formRow(r, this.t("valign"), n), l = this.formBg(t.style.backgroundColor || ""), this.formRow(r, this.t("backcolor"), l.wrap);
+        ), this.formRow(o, this.t("valign"), n), r = this.formBg(t.style.backgroundColor || ""), this.formRow(o, this.t("backcolor"), r.wrap);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -4479,7 +4480,7 @@ let rs = (j = class {
           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", n.value), this.setOrClear(t, "background-color", l.fill.checked ? l.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", n.value), this.setOrClear(t, "background-color", r.fill.checked ? r.color.value : ""), this.closeDlg(), this.onChange(), this.positionTableHandles();
           }
         }
       ]
@@ -4516,12 +4517,12 @@ let rs = (j = class {
       alert(this.t("nocell"));
       return;
     }
-    const e = t.parentElement, i = t.closest("table"), s = Array.from(e.children).indexOf(t), n = Array.from(i.rows).map((o) => o.cells[s]).filter(Boolean);
-    let l, r;
+    const e = t.parentElement, i = t.closest("table"), s = Array.from(e.children).indexOf(t), n = Array.from(i.rows).map((l) => l.cells[s]).filter(Boolean);
+    let r, o;
     this.dialog(
       this.t("colprops").replace("…", ""),
-      (o) => {
-        l = this.formInput(t.style.width, "e.g. 120px / 25%"), this.formRow(o, this.t("tblwidth"), l), r = this.formBg(t.style.backgroundColor || ""), this.formRow(o, this.t("backcolor"), r.wrap);
+      (l) => {
+        r = this.formInput(t.style.width, "e.g. 120px / 25%"), this.formRow(l, this.t("tblwidth"), r), o = this.formBg(t.style.backgroundColor || ""), this.formRow(l, this.t("backcolor"), o.wrap);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -4529,8 +4530,8 @@ let rs = (j = class {
           label: this.t("save"),
           primary: !0,
           action: () => {
-            n.forEach((o) => {
-              this.setOrClear(o, "width", l.value.trim()), this.setOrClear(o, "background-color", r.fill.checked ? r.color.value : "");
+            n.forEach((l) => {
+              this.setOrClear(l, "width", r.value.trim()), this.setOrClear(l, "background-color", o.fill.checked ? o.color.value : "");
             }), this.closeDlg(), this.onChange(), this.positionTableHandles();
           }
         }
@@ -4546,8 +4547,8 @@ let rs = (j = class {
     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((n) => {
-      const l = document.createElement("button");
-      l.type = "button", l.textContent = n.label, n.primary && (l.className = "pri"), l.onclick = n.action, s.querySelector("footer").appendChild(l);
+      const r = document.createElement("button");
+      r.type = "button", r.textContent = n.label, n.primary && (r.className = "pri"), r.onclick = n.action, s.querySelector("footer").appendChild(r);
     }), this.dlgOvl.appendChild(s), this.dlgOvl.addEventListener("mousedown", (n) => {
       n.target === this.dlgOvl && this.closeDlg();
     }), document.body.appendChild(this.dlgOvl);
@@ -4602,7 +4603,7 @@ let rs = (j = class {
       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:
@@ -4611,24 +4612,24 @@ let rs = (j = class {
     this.saveSel(), this.dialog(t, (s) => {
       const n = document.createElement("div");
       n.className = "chmap";
-      const l = document.createElement("div");
-      l.className = "chtabs";
       const r = document.createElement("div");
-      r.className = "chpanel";
+      r.className = "chtabs";
       const o = document.createElement("div");
-      o.className = "chgrid" + (i ? " emgrid" : ""), r.appendChild(o);
-      const a = (u) => {
-        l.querySelectorAll("button").forEach((p, m) => p.classList.toggle("on", m === u)), o.innerHTML = "", e[u].chars.forEach((p) => {
+      o.className = "chpanel";
+      const l = document.createElement("div");
+      l.className = "chgrid" + (i ? " emgrid" : ""), o.appendChild(l);
+      const a = (d) => {
+        r.querySelectorAll("button").forEach((p, m) => p.classList.toggle("on", m === d)), l.innerHTML = "", e[d].chars.forEach((p) => {
           const m = document.createElement("button");
           m.type = "button", m.textContent = p, m.onclick = () => {
             this.closeDlg(), this.exec("insertText", p);
-          }, o.appendChild(m);
-        }), r.scrollTop = 0;
+          }, l.appendChild(m);
+        }), o.scrollTop = 0;
       };
-      e.forEach((u, p) => {
+      e.forEach((d, p) => {
         const m = document.createElement("button");
-        m.type = "button", m.textContent = this.t(u.key), m.addEventListener("click", () => a(p)), l.appendChild(m);
-      }), n.append(l, r), s.appendChild(n), a(0);
+        m.type = "button", m.textContent = this.t(d.key), m.addEventListener("click", () => a(p)), r.appendChild(m);
+      }), n.append(r, o), s.appendChild(n), a(0);
     });
   }
   charMap() {
@@ -4697,17 +4698,17 @@ let rs = (j = class {
     const i = document.createElement("button");
     i.type = "button", i.className = "txtbtn", i.textContent = this.t("insertimg");
     const s = () => {
-      const n = e.value.trim(), l = this.phActive;
-      if (!l) return;
+      const n = e.value.trim(), r = this.phActive;
+      if (!r) return;
       if (!/^(https?:|data:image\/|blob:)/i.test(n)) {
         e.classList.add("err"), e.focus();
         return;
       }
       i.disabled = !0, e.disabled = !0;
-      const r = new Image();
-      r.onload = () => this.replacePlaceholderWithImage(l, n, ""), r.onerror = () => {
+      const o = new Image();
+      o.onload = () => this.replacePlaceholderWithImage(r, n, ""), o.onerror = () => {
         i.disabled = !1, e.disabled = !1, e.classList.add("err"), e.focus();
-      }, r.src = n;
+      }, o.src = n;
     };
     i.addEventListener("click", s), e.addEventListener("input", () => e.classList.remove("err")), e.addEventListener("keydown", (n) => {
       n.key === "Enter" ? (n.preventDefault(), s()) : n.key === "Escape" && (n.stopPropagation(), this.renderPhCtxButtons());
@@ -4733,8 +4734,8 @@ let rs = (j = class {
     s && (s.textContent = this.t("uploading")), this.imageUploadHandler(t).then((n) => {
       this.ed.contains(e) && this.replacePlaceholderWithImage(e, n, i);
     }).catch((n) => {
-      var l;
-      this.ed.contains(e) && (e.classList.remove("uploading"), e.classList.add("upload-error"), s && (s.textContent = this.t("uploadfailed")), (l = this.onImageUploadError) == null || l.call(this, n, t));
+      var r;
+      this.ed.contains(e) && (e.classList.remove("uploading"), e.classList.add("upload-error"), s && (s.textContent = this.t("uploadfailed")), (r = this.onImageUploadError) == null || r.call(this, n, t));
     });
   }
   replacePlaceholderWithImage(t, e, i) {
@@ -4772,8 +4773,8 @@ let rs = (j = class {
       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 n = t.naturalWidth;
       if (!n) return i(!1);
-      const l = this.contentWidth(), r = Math.round(l > 0 ? Math.min(n, l) : n);
-      t.setAttribute("width", String(r)), t.style.width = r + "px", t.style.height = "auto", i(!0);
+      const r = this.contentWidth(), o = Math.round(r > 0 ? Math.min(n, r) : n);
+      t.setAttribute("width", String(o)), t.style.width = o + "px", t.style.height = "auto", i(!0);
     };
     t.complete && t.naturalWidth ? s() : (t.addEventListener("load", s, { once: !0 }), t.addEventListener("error", () => i(!1), { once: !0 }));
   }
@@ -4848,22 +4849,22 @@ let rs = (j = class {
     const i = document.createElement("button");
     i.type = "button", i.className = "txtbtn", i.textContent = this.t("insertvideo");
     const s = () => {
-      const n = e.value.trim(), l = this.vphActive;
-      if (!l) return;
+      const n = e.value.trim(), r = this.vphActive;
+      if (!r) return;
       if (!/^(https?:|data:video\/|blob:)/i.test(n)) {
         e.classList.add("err"), e.focus();
         return;
       }
-      const r = this.videoEmbedUrl(n);
-      if (r) {
-        this.replacePlaceholderWithEmbed(l, r);
+      const o = this.videoEmbedUrl(n);
+      if (o) {
+        this.replacePlaceholderWithEmbed(r, o);
         return;
       }
       i.disabled = !0, e.disabled = !0;
-      const o = document.createElement("video");
-      o.preload = "metadata", o.onloadedmetadata = () => this.replacePlaceholderWithVideo(l, n, ""), o.onerror = () => {
+      const l = document.createElement("video");
+      l.preload = "metadata", l.onloadedmetadata = () => this.replacePlaceholderWithVideo(r, n, ""), l.onerror = () => {
         i.disabled = !1, e.disabled = !1, e.classList.add("err"), e.focus();
-      }, o.src = n;
+      }, l.src = n;
     };
     i.addEventListener("click", s), e.addEventListener("input", () => e.classList.remove("err")), e.addEventListener("keydown", (n) => {
       n.key === "Enter" ? (n.preventDefault(), s()) : n.key === "Escape" && (n.stopPropagation(), this.renderVphCtxButtons());
@@ -4889,8 +4890,8 @@ let rs = (j = class {
     s && (s.textContent = this.t("uploading")), this.videoUploadHandler(t).then((n) => {
       this.ed.contains(e) && this.replacePlaceholderWithVideo(e, n, i);
     }).catch((n) => {
-      var l;
-      this.ed.contains(e) && (e.classList.remove("uploading"), e.classList.add("upload-error"), s && (s.textContent = this.t("uploadfailed")), (l = this.onVideoUploadError) == null || l.call(this, n, t));
+      var r;
+      this.ed.contains(e) && (e.classList.remove("uploading"), e.classList.add("upload-error"), s && (s.textContent = this.t("uploadfailed")), (r = this.onVideoUploadError) == null || r.call(this, n, t));
     });
   }
   replacePlaceholderWithVideo(t, e, i) {
@@ -4929,21 +4930,21 @@ let rs = (j = class {
     const e = document.createElement("div");
     e.className = "imgctx", e.dir = this.dir();
     const i = () => {
-      var u;
+      var d;
       const a = this.buildVideoCtxToolbar(t);
-      (u = this.vidCtx) == null || u.replaceWith(a), this.vidCtx = a, this.positionVidCtx();
+      (d = this.vidCtx) == null || d.replaceWith(a), this.vidCtx = a, this.positionVidCtx();
     }, s = (a) => {
       this.setVideoAlign(t, a), i();
-    }, n = t.style.float === "left", l = t.style.float === "right", r = !n && !l && t.style.marginLeft === "auto" && t.style.marginRight === "auto", o = (a, u, p, m) => {
-      const v = this.ctxBtn(a, u, m);
+    }, n = t.style.float === "left", r = t.style.float === "right", o = !n && !r && t.style.marginLeft === "auto" && t.style.marginRight === "auto", l = (a, d, p, m) => {
+      const v = this.ctxBtn(a, d, m);
       return v.classList.toggle("on", p), v;
     };
     return e.append(
-      o(h.alignleft, this.t("alignleft"), n, () => s("left")),
-      o(h.aligncenter, this.t("aligncenter"), r, () => s("center")),
-      o(h.alignright, this.t("alignright"), l, () => s("right")),
+      l(h.alignleft, this.t("alignleft"), n, () => s("left")),
+      l(h.aligncenter, this.t("aligncenter"), o, () => s("center")),
+      l(h.alignright, this.t("alignright"), r, () => s("right")),
       this.ctxSep(),
-      o(h.trash, this.t("deletevideo"), !1, () => {
+      l(h.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", () => {
@@ -4983,33 +4984,33 @@ let rs = (j = class {
    *  (videoUploadHandler when configured, else inline base64). */
   videoDlg() {
     this.saveSel();
-    let t, e, i, s, n, l;
-    const r = (a, u) => {
+    let t, e, i, s, n, r;
+    const o = (a, d) => {
       const p = document.createElement("div");
       p.className = "dfield";
       const m = document.createElement("label");
-      return m.textContent = this.t(a), p.append(m, u), p;
-    }, o = () => {
+      return m.textContent = this.t(a), p.append(m, d), p;
+    }, l = () => {
       const a = document.createElement("input");
       return a.type = "url", a;
     };
     this.dialog(
       this.t("videodlgttl"),
       (a) => {
-        const u = document.createElement("div");
-        u.className = "dtabs";
+        const d = document.createElement("div");
+        d.className = "dtabs";
         const p = [], m = (f, y) => {
           const C = document.createElement("button");
           C.type = "button", C.textContent = this.t(f);
           const E = document.createElement("div");
           E.className = "dtabpanel", y(E);
           const I = p.length;
-          p.push(E), C.addEventListener("click", () => v(I)), u.appendChild(C);
+          p.push(E), C.addEventListener("click", () => v(I)), d.appendChild(C);
         }, v = (f) => {
-          u.querySelectorAll("button").forEach((y, C) => y.classList.toggle("on", C === f)), p.forEach((y, C) => y.style.display = C === f ? "" : "none");
+          d.querySelectorAll("button").forEach((y, C) => y.classList.toggle("on", C === f)), p.forEach((y, C) => y.style.display = C === f ? "" : "none");
         };
         m("vidgeneral", (f) => {
-          t = o(), t.placeholder = this.t("videourlph");
+          t = l(), t.placeholder = this.t("videourlph");
           const y = document.createElement("div");
           y.className = "drow";
           const C = document.createElement("button");
@@ -5034,17 +5035,17 @@ let rs = (j = class {
               const Z = new FileReader();
               Z.onload = () => $(Z.result), Z.readAsDataURL(A);
             }
-          }), y.append(t, C, E), t.style.flex = "1", f.appendChild(r("vidsource", y));
+          }), y.append(t, C, E), t.style.flex = "1", f.appendChild(o("vidsource", y));
           const I = document.createElement("div");
-          I.className = "drow", e = document.createElement("input"), e.type = "number", e.value = "560", i = document.createElement("input"), i.type = "number", i.value = "314", I.append(r("tblwidth", e), r("tblheight", i)), f.appendChild(I);
+          I.className = "drow", e = document.createElement("input"), e.type = "number", e.value = "560", i = document.createElement("input"), i.type = "number", i.value = "314", I.append(o("tblwidth", e), o("tblheight", i)), f.appendChild(I);
         }), m("vidembed", (f) => {
           const y = document.createElement("p");
           y.textContent = this.t("vidembedhint"), y.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(y, s);
         }), m("vidadvanced", (f) => {
-          n = o(), l = o(), f.append(r("vidaltsource", n), r("vidposter", l));
+          n = l(), r = l(), f.append(o("vidaltsource", n), o("vidposter", r));
         });
         const b = document.createElement("div");
-        b.className = "dtabbody", p.forEach((f) => b.appendChild(f)), a.append(u, b), v(0), setTimeout(() => t.focus(), 0);
+        b.className = "dtabbody", p.forEach((f) => b.appendChild(f)), a.append(d, b), v(0), setTimeout(() => t.focus(), 0);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -5052,21 +5053,21 @@ let rs = (j = class {
           label: this.t("save"),
           primary: !0,
           action: () => {
-            const a = s.value.trim(), u = t.value.trim(), p = parseInt(e.value, 10) || 560, m = parseInt(i.value, 10) || 314;
-            if (this.closeDlg(), !a && !u) return;
+            const a = s.value.trim(), d = t.value.trim(), p = parseInt(e.value, 10) || 560, m = parseInt(i.value, 10) || 314;
+            if (this.closeDlg(), !a && !d) return;
             if (this.restoreSel(), a) {
               document.execCommand("insertHTML", !1, `<span class="video-embed" contenteditable="false">${a}</span>`), this.onChange();
               return;
             }
-            const v = this.videoEmbedUrl(u);
+            const v = this.videoEmbedUrl(d);
             if (v)
               document.execCommand("insertHTML", !1, this.videoEmbedHTML(v, p, m));
             else {
-              const b = n.value.trim(), f = l.value.trim();
+              const b = n.value.trim(), f = r.value.trim();
               document.execCommand(
                 "insertHTML",
                 !1,
-                `<video controls width="${p}" height="${m}"${f ? ` poster="${this.escapeAttr(f)}"` : ""}><source src="${this.escapeAttr(u)}">${b ? `<source src="${this.escapeAttr(b)}">` : ""}</video>`
+                `<video controls width="${p}" height="${m}"${f ? ` poster="${this.escapeAttr(f)}"` : ""}><source src="${this.escapeAttr(d)}">${b ? `<source src="${this.escapeAttr(b)}">` : ""}</video>`
               );
             }
             this.onChange();
@@ -5117,49 +5118,49 @@ let rs = (j = class {
   /** Typing `snippet` converts to an inline <code> run the moment the closing
    *  backtick is typed, so code can be marked up without reaching for the toolbar. */
   tryCodeTyping(t) {
-    var u;
+    var d;
     const e = window.getSelection();
     if (!e || !e.isCollapsed || !e.anchorNode) return;
     const i = e.anchorNode;
-    if (i.nodeType !== Node.TEXT_NODE || !this.ed.contains(i) || (u = i.parentElement) != null && u.closest("code, pre")) return;
+    if (i.nodeType !== Node.TEXT_NODE || !this.ed.contains(i) || (d = i.parentElement) != null && d.closest("code, pre")) return;
     const n = (i.textContent || "").slice(0, e.anchorOffset).match(/(?:^|[^`])`([^`]+)$/);
     if (!n) return;
-    const l = n[1];
-    if (/^\s|\s$/.test(l)) return;
+    const r = n[1];
+    if (/^\s|\s$/.test(r)) return;
     t.preventDefault();
-    const r = document.createRange();
-    r.setStart(i, e.anchorOffset - l.length - 1), r.setEnd(i, e.anchorOffset), r.deleteContents();
-    const o = document.createElement("code");
-    o.textContent = l, r.insertNode(o);
+    const o = document.createRange();
+    o.setStart(i, e.anchorOffset - r.length - 1), o.setEnd(i, e.anchorOffset), o.deleteContents();
+    const l = document.createElement("code");
+    l.textContent = r, o.insertNode(l);
     const a = document.createRange();
-    a.setStartAfter(o), a.collapse(!0), e.removeAllRanges(), e.addRange(a), this.saveSel(), this.onChange();
+    a.setStartAfter(l), 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 o;
+    var l;
     let i = e;
     const s = document.createElement("div");
     s.className = "dsel";
     const n = document.createElement("button");
     n.type = "button", n.className = "dsel-btn";
-    const l = document.createElement("span");
-    l.className = "lbl", l.textContent = ((o = t.find(([a]) => a === e)) == null ? void 0 : o[1]) || "", n.append(l), n.insertAdjacentHTML("beforeend", h.chev);
-    const r = document.createElement("div");
-    return r.className = "dsel-list", t.forEach(([a, u]) => {
+    const r = document.createElement("span");
+    r.className = "lbl", r.textContent = ((l = t.find(([a]) => a === e)) == null ? void 0 : l[1]) || "", n.append(r), n.insertAdjacentHTML("beforeend", h.chev);
+    const o = document.createElement("div");
+    return o.className = "dsel-list", t.forEach(([a, d]) => {
       const p = document.createElement("button");
-      p.type = "button", p.textContent = u, p.classList.toggle("on", a === i), p.addEventListener("click", () => {
-        i = a, l.textContent = u, r.querySelectorAll("button").forEach((m) => m.classList.toggle("on", m === p)), s.classList.remove("open"), n.focus();
-      }), r.appendChild(p);
+      p.type = "button", p.textContent = d, p.classList.toggle("on", a === i), p.addEventListener("click", () => {
+        i = a, r.textContent = d, o.querySelectorAll("button").forEach((m) => m.classList.toggle("on", m === p)), s.classList.remove("open"), n.focus();
+      }), o.appendChild(p);
     }), n.addEventListener("click", () => {
       var a;
-      s.classList.toggle("open"), s.classList.contains("open") && ((a = r.querySelector(".on")) == null || a.scrollIntoView({ block: "nearest" }));
+      s.classList.toggle("open"), s.classList.contains("open") && ((a = o.querySelector(".on")) == null || a.scrollIntoView({ block: "nearest" }));
     }), s.addEventListener("focusout", (a) => {
       s.contains(a.relatedTarget) || s.classList.remove("open");
     }), s.addEventListener("keydown", (a) => {
       a.key === "Escape" && s.classList.contains("open") && (a.stopPropagation(), s.classList.remove("open"), n.focus());
-    }), s.append(n, r), { el: s, value: () => i };
+    }), s.append(n, o), { el: s, value: () => i };
   }
   /** Insert/edit-code-sample dialog: language dropdown + monospace textarea to
    *  paste or type code into. Inserts a non-editable <pre class="code-block">
@@ -5170,11 +5171,11 @@ let rs = (j = class {
     this.dialog(
       this.t("codedlgttl"),
       (s) => {
-        var r;
+        var o;
         const n = document.createElement("div");
         n.className = "dfield";
-        const l = document.createElement("label");
-        l.textContent = this.t("codelang"), e = this.dlgSelect(ne, (t == null ? void 0 : t.dataset.lang) || "plain"), n.append(l, 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(n, i), setTimeout(() => i.focus(), 0);
+        const r = document.createElement("label");
+        r.textContent = this.t("codelang"), e = this.dlgSelect(ne, (t == null ? void 0 : t.dataset.lang) || "plain"), n.append(r, e.el), i = document.createElement("textarea"), i.className = "code-input", i.spellcheck = !1, i.value = ((o = t == null ? void 0 : t.querySelector("code")) == null ? void 0 : o.textContent) || "", i.placeholder = "const answer = 42;", s.append(n, i), setTimeout(() => i.focus(), 0);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -5182,19 +5183,19 @@ let rs = (j = class {
           label: this.t("save"),
           primary: !0,
           action: () => {
-            var r;
-            const s = i.value.replace(/\s+$/, ""), n = e.value(), l = ((r = ne.find(([o]) => o === n)) == null ? void 0 : r[1]) || n;
+            var o;
+            const s = i.value.replace(/\s+$/, ""), n = e.value(), r = ((o = ne.find(([l]) => l === n)) == null ? void 0 : o[1]) || n;
             if (this.closeDlg(), !!s.trim()) {
               if (t) {
-                t.dataset.lang = n, t.setAttribute("data-lang-label", l);
-                const o = t.querySelector("code") || t;
-                o.textContent = s, this.clearCodeSel(), this.onChange();
+                t.dataset.lang = n, t.setAttribute("data-lang-label", r);
+                const l = t.querySelector("code") || t;
+                l.textContent = s, this.clearCodeSel(), this.onChange();
                 return;
               }
               this.restoreSel(), document.execCommand(
                 "insertHTML",
                 !1,
-                `<pre class="code-block" contenteditable="false" data-lang="${n}" data-lang-label="${this.escapeAttr(l)}"><code>${this.escHtml(s)}</code></pre><p><br></p>`
+                `<pre class="code-block" contenteditable="false" data-lang="${n}" data-lang-label="${this.escapeAttr(r)}"><code>${this.escHtml(s)}</code></pre><p><br></p>`
               ), this.onChange();
             }
           }
@@ -5251,8 +5252,8 @@ let rs = (j = class {
   /** 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 = (o) => `<span class="pv-l" style="width:${o}%"></span>`, n = (o) => `<span class="pv-col">${o}</span>`, l = (o) => `<span class="pv-row">${o}</span>`, r = n(i + s(100) + s(88));
-    return t === "img-left" ? `<span class="pv">${l(e + r)}${s(100)}${s(72)}</span>` : t === "img-right" ? `<span class="pv">${l(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>`;
+    const e = '<span class="pv-img"></span>', i = '<span class="pv-h"></span>', s = (l) => `<span class="pv-l" style="width:${l}%"></span>`, n = (l) => `<span class="pv-col">${l}</span>`, r = (l) => `<span class="pv-row">${l}</span>`, o = n(i + s(100) + s(88));
+    return t === "img-left" ? `<span class="pv">${r(e + o)}${s(100)}${s(72)}</span>` : t === "img-right" ? `<span class="pv">${r(o + e)}${s(100)}${s(72)}</span>` : t === "img-top" ? `<span class="pv pv-c">${e}${i}${s(100)}${s(72)}</span>` : `<span class="pv pv-c">${i}${s(100)}${s(72)}${e}</span>`;
   }
   buildTemplatePickInto(t, e) {
     const i = document.createElement("div");
@@ -5317,7 +5318,7 @@ let rs = (j = class {
   /* ---------------------------------------------------------- table resize */
   clearTableHandles() {
     var t, e, i, s, n;
-    (t = this.tblCorner) == null || t.remove(), this.tblCorner = null, this.tblColBars.forEach((l) => l.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, (n = this.tblActive) == null || n.classList.remove("tbl-selected"), this.tblActive = null;
+    (t = this.tblCorner) == null || t.remove(), this.tblCorner = null, this.tblColBars.forEach((r) => r.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, (n = this.tblActive) == null || n.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. */
@@ -5337,15 +5338,15 @@ let rs = (j = class {
     this.tblOpMarkKind = t, this.positionOpMark();
   }
   positionOpMark() {
-    var u;
+    var d;
     const t = this.tblOpMarkKind, e = t ? this.currentCell() : null;
     if (!t || !e || !this.tblActive || e.closest("table") !== this.tblActive) {
-      (u = this.tblOpMark) == null || u.remove(), this.tblOpMark = null;
+      (d = this.tblOpMark) == null || d.remove(), this.tblOpMark = null;
       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(), n = e.parentElement.getBoundingClientRect(), l = t === "row" ? n.left : s.left, r = t === "row" ? n.top : i.top, o = t === "row" ? n.width : s.width, a = t === "row" ? n.height : i.height;
-    this.tblOpMark.style.left = l + scrollX + "px", this.tblOpMark.style.top = r + scrollY + "px", this.tblOpMark.style.width = o + "px", this.tblOpMark.style.height = a + "px";
+    const i = this.tblActive.getBoundingClientRect(), s = e.getBoundingClientRect(), n = e.parentElement.getBoundingClientRect(), r = t === "row" ? n.left : s.left, o = t === "row" ? n.top : i.top, l = t === "row" ? n.width : s.width, a = t === "row" ? n.height : i.height;
+    this.tblOpMark.style.left = r + scrollX + "px", this.tblOpMark.style.top = o + scrollY + "px", this.tblOpMark.style.width = l + "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. */
@@ -5354,7 +5355,7 @@ let rs = (j = class {
   }
   ctxBtn(t, e, i, s) {
     const n = document.createElement("button");
-    return n.type = "button", n.title = e, n.innerHTML = t, s && (n.dataset.id = s), n.addEventListener("mousedown", (l) => l.preventDefault()), n.addEventListener("click", i), n;
+    return n.type = "button", n.title = e, n.innerHTML = t, s && (n.dataset.id = s), n.addEventListener("mousedown", (r) => r.preventDefault()), n.addEventListener("click", i), n;
   }
   ctxSep() {
     const t = document.createElement("div");
@@ -5391,20 +5392,20 @@ let rs = (j = class {
       this.clearTableHandles();
       return;
     }
-    const t = this.ed.getAttribute("dir") === "rtl", e = this.tblActive.getBoundingClientRect(), i = e.top + scrollY, s = e.left + scrollX, n = e.right + scrollX, l = e.bottom + scrollY;
-    if (this.tblCorner && (this.tblCorner.style.top = l - 5 + "px", this.tblCorner.style.left = (t ? s - 5 : n - 5) + "px", this.tblCorner.style.cursor = t ? "nesw-resize" : "nwse-resize"), this.tblCtx) {
-      const o = this.tblCtx.offsetWidth, a = this.tblCtx.offsetHeight;
-      let u = s + (n - s) / 2 - o / 2;
-      u = Math.max(8 + scrollX, Math.min(u, scrollX + innerWidth - o - 8));
+    const t = this.ed.getAttribute("dir") === "rtl", e = this.tblActive.getBoundingClientRect(), i = e.top + scrollY, s = e.left + scrollX, n = e.right + scrollX, r = e.bottom + scrollY;
+    if (this.tblCorner && (this.tblCorner.style.top = r - 5 + "px", this.tblCorner.style.left = (t ? s - 5 : n - 5) + "px", this.tblCorner.style.cursor = t ? "nesw-resize" : "nwse-resize"), this.tblCtx) {
+      const l = this.tblCtx.offsetWidth, a = this.tblCtx.offsetHeight;
+      let d = s + (n - s) / 2 - l / 2;
+      d = Math.max(8 + scrollX, Math.min(d, scrollX + innerWidth - l - 8));
       let p = i - a - 8;
-      p < this.ctxMinTop() && (p = l + 8), this.tblCtx.style.left = u + "px", this.tblCtx.style.top = p + "px";
+      p < this.ctxMinTop() && (p = r + 8), this.tblCtx.style.left = d + "px", this.tblCtx.style.top = p + "px";
     }
-    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(), u = (t ? a.left : a.right) + scrollX, p = document.createElement("div");
-        p.className = "tbl-colbar", p.style.top = i + "px", p.style.left = u + "px", p.style.height = l - i + "px", document.body.appendChild(p), p.addEventListener("mousedown", (m) => this.startColBarDrag(m, o)), this.tblColBars.push(p);
+    this.tblColBars.forEach((l) => l.remove()), this.tblColBars = [];
+    const o = this.tblActive.rows[0];
+    if (o)
+      for (let l = 0; l < o.cells.length - 1; l++) {
+        const a = o.cells[l].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 = r - i + "px", document.body.appendChild(p), p.addEventListener("mousedown", (m) => this.startColBarDrag(m, l)), this.tblColBars.push(p);
       }
     this.positionCellMarker(), this.positionOpMark();
   }
@@ -5422,27 +5423,27 @@ let rs = (j = class {
     const e = this.tblActive;
     if (!e) return;
     const i = this.ed.getAttribute("dir") === "rtl", s = t.clientX, n = e.getBoundingClientRect().width;
-    e.style.tableLayout = e.style.tableLayout || "fixed", this.withNoTextSelect((l) => {
-      const r = (a) => {
-        const u = i ? -(a.clientX - s) : a.clientX - s;
-        e.style.width = Math.max(60, Math.round(n + u)) + "px", this.positionTableHandles();
-      }, o = () => {
-        window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", o), l(), this.onChange();
+    e.style.tableLayout = e.style.tableLayout || "fixed", this.withNoTextSelect((r) => {
+      const o = (a) => {
+        const d = i ? -(a.clientX - s) : a.clientX - s;
+        e.style.width = Math.max(60, Math.round(n + d)) + "px", this.positionTableHandles();
+      }, l = () => {
+        window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", l), r(), this.onChange();
       };
-      window.addEventListener("mousemove", r), window.addEventListener("mouseup", o);
+      window.addEventListener("mousemove", o), window.addEventListener("mouseup", l);
     });
   }
   startColBarDrag(t, e) {
     t.preventDefault(), t.stopPropagation();
     const i = this.tblActive;
     if (!i) return;
-    const s = this.ed.getAttribute("dir") === "rtl", n = Array.from(i.rows), l = n.map((p) => p.cells[e]).filter(Boolean), r = n.map((p) => p.cells[e + 1]).filter(Boolean);
-    if (!l.length || !r.length) return;
-    const o = t.clientX, a = l[0].getBoundingClientRect().width, u = r[0].getBoundingClientRect().width;
+    const s = this.ed.getAttribute("dir") === "rtl", n = Array.from(i.rows), r = n.map((p) => p.cells[e]).filter(Boolean), o = n.map((p) => p.cells[e + 1]).filter(Boolean);
+    if (!r.length || !o.length) return;
+    const l = t.clientX, a = r[0].getBoundingClientRect().width, d = o[0].getBoundingClientRect().width;
     i.style.tableLayout = "fixed", this.withNoTextSelect((p) => {
       const m = (b) => {
-        const f = (s ? -1 : 1) * (b.clientX - o);
-        l.forEach((y) => y.style.width = Math.max(24, Math.round(a + f)) + "px"), r.forEach((y) => y.style.width = Math.max(24, Math.round(u - f)) + "px"), this.positionTableHandles();
+        const f = (s ? -1 : 1) * (b.clientX - l);
+        r.forEach((y) => y.style.width = Math.max(24, Math.round(a + f)) + "px"), o.forEach((y) => y.style.width = Math.max(24, Math.round(d - f)) + "px"), this.positionTableHandles();
       }, v = () => {
         window.removeEventListener("mousemove", m), window.removeEventListener("mouseup", v), p(), this.onChange();
       };
@@ -5470,35 +5471,35 @@ let rs = (j = class {
     const e = document.createElement("div");
     e.className = "imgctx", e.dir = this.dir();
     const i = () => {
-      var u;
+      var d;
       const a = this.buildImageCtxToolbar(t);
-      (u = this.imgCtx) == null || u.replaceWith(a), this.imgCtx = a, this.positionImageHandles();
+      (d = this.imgCtx) == null || d.replaceWith(a), this.imgCtx = a, this.positionImageHandles();
     }, s = (a) => {
       this.setImageAlign(t, a), i();
-    }, n = t.style.float === "left", l = t.style.float === "right", r = !n && !l && t.style.marginLeft === "auto" && t.style.marginRight === "auto", o = (a, u, p, m) => {
-      const v = this.ctxBtn(a, u, m);
+    }, n = t.style.float === "left", r = t.style.float === "right", o = !n && !r && t.style.marginLeft === "auto" && t.style.marginRight === "auto", l = (a, d, p, m) => {
+      const v = this.ctxBtn(a, d, m);
       return v.classList.toggle("on", p), v;
     };
     return e.append(
-      o(h.alignleft, this.t("alignleft"), n, () => s("left")),
-      o(h.aligncenter, this.t("aligncenter"), r, () => s("center")),
-      o(h.alignright, this.t("alignright"), l, () => s("right")),
+      l(h.alignleft, this.t("alignleft"), n, () => s("left")),
+      l(h.aligncenter, this.t("aligncenter"), o, () => s("center")),
+      l(h.alignright, this.t("alignright"), r, () => s("right")),
       this.ctxSep(),
-      o(h.rotateleft, this.t("rotateleft"), !1, () => {
+      l(h.rotateleft, this.t("rotateleft"), !1, () => {
         this.rotateImage(t, -90), i();
       }),
-      o(h.rotateright, this.t("rotateright"), !1, () => {
+      l(h.rotateright, this.t("rotateright"), !1, () => {
         this.rotateImage(t, 90), i();
       }),
       this.ctxSep(),
-      o(h.fliphorizontal, this.t("fliphorizontal"), t.dataset.flipx === "1", () => {
+      l(h.fliphorizontal, this.t("fliphorizontal"), t.dataset.flipx === "1", () => {
         this.flipImage(t, "x"), i();
       }),
-      o(h.flipvertical, this.t("flipvertical"), t.dataset.flipy === "1", () => {
+      l(h.flipvertical, this.t("flipvertical"), t.dataset.flipy === "1", () => {
         this.flipImage(t, "y"), i();
       }),
       this.ctxSep(),
-      o(h.trash, this.t("deleteimg"), !1, () => {
+      l(h.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();
       })
@@ -5524,21 +5525,21 @@ let rs = (j = class {
       this.clearImageHandles();
       return;
     }
-    const t = this.imgActive.getBoundingClientRect(), e = t.top + scrollY, i = t.left + scrollX, s = t.right + scrollX, n = t.bottom + scrollY, l = {
+    const t = this.imgActive.getBoundingClientRect(), e = t.top + scrollY, i = t.left + scrollX, s = t.right + scrollX, n = t.bottom + scrollY, r = {
       nw: [i, e],
       ne: [s, e],
       sw: [i, n],
       se: [s, n]
     };
-    if (this.imgHandles.forEach((r) => {
-      const [o, a] = l[r.dataset.corner];
-      r.style.left = o - 5 + "px", r.style.top = a - 5 + "px";
+    if (this.imgHandles.forEach((o) => {
+      const [l, a] = r[o.dataset.corner];
+      o.style.left = l - 5 + "px", o.style.top = a - 5 + "px";
     }), this.imgCtx) {
-      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 u = e - o - 8;
-      u < this.ctxMinTop() && (u = n + 8), this.imgCtx.style.left = a + "px", this.imgCtx.style.top = u + "px";
+      const o = this.imgCtx.offsetWidth, l = this.imgCtx.offsetHeight;
+      let a = i + (s - i) / 2 - o / 2;
+      a = Math.max(8 + scrollX, Math.min(a, scrollX + innerWidth - o - 8));
+      let d = e - l - 8;
+      d < this.ctxMinTop() && (d = n + 8), this.imgCtx.style.left = a + "px", this.imgCtx.style.top = d + "px";
     }
   }
   startImageResizeDrag(t, e) {
@@ -5546,16 +5547,17 @@ let rs = (j = class {
     const i = this.imgActive;
     if (!i) return;
     this.cancelImgHide();
-    const s = t.clientX, n = i.getBoundingClientRect().width, l = e === "nw" || e === "sw" ? -1 : 1;
-    this.withNoTextSelect((r) => {
-      const o = (u) => {
-        i.style.width = Math.max(24, Math.round(n + l * (u.clientX - s))) + "px", i.style.height = "auto", this.positionImageHandles();
-      }, a = () => {
-        window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", a), r();
-        const u = parseInt(i.style.width, 10);
-        u > 0 && !i.closest(".tpl-media") && (i.setAttribute("width", String(u)), i.removeAttribute("height")), this.onChange();
+    const s = t.clientX, n = i.offsetWidth || i.getBoundingClientRect().width, r = e === "nw" || e === "sw" ? -1 : 1, o = Math.round(this.contentWidth());
+    this.withNoTextSelect((l) => {
+      const a = (p) => {
+        let m = Math.max(24, Math.round(n + r * (p.clientX - s)));
+        o > 0 && (m = Math.min(m, o)), i.style.width = m + "px", i.style.height = "auto", this.positionImageHandles();
+      }, d = () => {
+        window.removeEventListener("mousemove", a), window.removeEventListener("mouseup", d), l();
+        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", o), window.addEventListener("mouseup", a);
+      window.addEventListener("mousemove", a), window.addEventListener("mouseup", d);
     });
   }
   /* ---------------------------------------------------------- selection bubble toolbar */
@@ -5594,7 +5596,7 @@ let rs = (j = class {
     this.selCtx || (this.selCtx = this.buildSelToolbar()), this.positionSelToolbar(e);
   }
   buildSelToolbar() {
-    var r;
+    var o;
     const t = document.createElement("div");
     t.className = "selctx", t.dir = this.dir();
     const e = this.ctxBtn(
@@ -5602,8 +5604,8 @@ let rs = (j = class {
       this.t("forecolor"),
       () => this.colorMenu(e, "fore")
     ), i = this.ctxBtn(h.backcolor, this.t("backcolor"), () => this.colorMenu(i, "back"));
-    (r = i.querySelector("svg")) == null || r.insertAdjacentHTML("afterend", '<span class="colorbar" data-cb="back"></span>');
-    const s = this.ctxBtn(h.caseic, this.t("changecase"), () => this.caseMenu(s)), n = this.ctxBtn(h.lineheight, this.t("lineheight"), () => this.lineHeightMenu(n)), l = this.ctxBtn(h.wordspacing, this.t("wordspacing"), () => this.wordSpacingMenu(l));
+    (o = i.querySelector("svg")) == null || o.insertAdjacentHTML("afterend", '<span class="colorbar" data-cb="back"></span>');
+    const s = this.ctxBtn(h.caseic, this.t("changecase"), () => this.caseMenu(s)), n = this.ctxBtn(h.lineheight, this.t("lineheight"), () => this.lineHeightMenu(n)), r = this.ctxBtn(h.wordspacing, this.t("wordspacing"), () => this.wordSpacingMenu(r));
     return t.append(
       this.ctxBtn(h.bold, this.t("bold"), () => this.exec("bold"), "bold"),
       this.ctxBtn(h.italic, this.t("italic"), () => this.exec("italic"), "italic"),
@@ -5618,16 +5620,16 @@ let rs = (j = class {
       this.ctxBtn(h.link, this.t("linkttl"), () => this.linkDlg()),
       s,
       n,
-      l
-    ), t.addEventListener("mousedown", (o) => o.preventDefault()), document.body.appendChild(t), this.syncColorSwatches(t), t;
+      r
+    ), t.addEventListener("mousedown", (l) => l.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, n = e.right + scrollX, l = e.bottom + scrollY, r = this.selCtx.offsetWidth, o = this.selCtx.offsetHeight;
-    let a = s + (n - s) / 2 - r / 2;
-    a = Math.max(8 + scrollX, Math.min(a, scrollX + innerWidth - r - 8));
-    let u = i - o - 8;
-    u < this.ctxMinTop() && (u = l + 8), this.selCtx.style.left = a + "px", this.selCtx.style.top = u + "px";
+    const e = t.getBoundingClientRect(), i = e.top + scrollY, s = e.left + scrollX, n = e.right + scrollX, r = e.bottom + scrollY, o = this.selCtx.offsetWidth, l = this.selCtx.offsetHeight;
+    let a = s + (n - s) / 2 - o / 2;
+    a = Math.max(8 + scrollX, Math.min(a, scrollX + innerWidth - o - 8));
+    let d = i - l - 8;
+    d < this.ctxMinTop() && (d = r + 8), this.selCtx.style.left = a + "px", this.selCtx.style.top = d + "px";
   }
   repositionSelToolbar() {
     if (!this.selCtx) return;
@@ -5660,7 +5662,7 @@ let rs = (j = class {
     return t > 0 ? t + "px" : "";
   }
   refreshState() {
-    var o, a, u;
+    var l, 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) => {
       [
@@ -5684,13 +5686,13 @@ let rs = (j = class {
       const m = p.querySelector("[data-id=code]");
       m && m.classList.toggle("on", e && !!this.closestInlineCode());
     });
-    const n = t ? this.closestBlock(t.anchorNode) : null, l = ((o = n == null ? void 0 : n.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 && l === "ltr"), (u = this.toolbar.querySelector("[data-id=rtl]")) == null || u.classList.toggle("on", e && l === "rtl");
-    const r = (p, m, v) => {
+    const n = t ? this.closestBlock(t.anchorNode) : null, r = ((l = n == null ? void 0 : n.closest("[dir]")) == null ? void 0 : l.getAttribute("dir")) || this.ed.getAttribute("dir") || this.dir();
+    (a = this.toolbar.querySelector("[data-id=ltr]")) == null || a.classList.toggle("on", e && r === "ltr"), (d = this.toolbar.querySelector("[data-id=rtl]")) == null || d.classList.toggle("on", e && r === "rtl");
+    const o = (p, m, v) => {
       const b = this.toolbar.querySelector(`[data-id=${p}] .lbl`);
       b && (b.textContent = m || v || "", b.classList.toggle("empty", !m));
     };
-    r("fontsel", this.currentFont()), r("sizesel", this.currentSize().replace("px", "")), e && r("blocksel", re.some((p) => p[0] === i) ? this.blockLabel(i) : this.t("para")), this.sbWords.textContent = this.countWords() + " " + this.t("words");
+    o("fontsel", this.currentFont()), o("sizesel", this.currentSize().replace("px", "")), e && o("blocksel", re.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();
@@ -5710,9 +5712,9 @@ let rs = (j = class {
       return;
     }
     if (!i) {
-      const n = e.getData("text/plain"), l = /^\S+$/.test(n.trim()) ? this.videoEmbedUrl(n.trim()) : null;
-      if (l) {
-        document.execCommand("insertHTML", !1, this.videoEmbedHTML(l)), this.onChange();
+      const n = e.getData("text/plain"), r = /^\S+$/.test(n.trim()) ? this.videoEmbedUrl(n.trim()) : null;
+      if (r) {
+        document.execCommand("insertHTML", !1, this.videoEmbedHTML(r)), this.onChange();
         return;
       }
     }
@@ -5728,19 +5730,19 @@ let rs = (j = class {
     let s = [];
     const n = e.getData("text/rtf");
     if (n) {
-      const l = Ii(t, n);
-      t = l.html, s = l.injected;
+      const r = Ii(t, n);
+      t = r.html, s = r.injected;
     }
     if (i && qi(t) === 1) {
-      const l = i.getAsFile();
-      if (l) {
-        const r = t;
+      const r = i.getAsFile();
+      if (r) {
+        const o = t;
         this.saveSel();
-        const o = new FileReader();
-        o.onload = () => {
-          const a = ve(r, [o.result]);
+        const l = new FileReader();
+        l.onload = () => {
+          const a = ve(o, [l.result]);
           this.finishRichPaste(a.html, s.concat(a.injected), !0);
-        }, o.onerror = () => this.finishRichPaste(r, s, !0), o.readAsDataURL(l);
+        }, l.onerror = () => this.finishRichPaste(o, s, !0), l.readAsDataURL(r);
         return;
       }
     }
@@ -5754,20 +5756,20 @@ let rs = (j = class {
       this.insertPastedHTML(t, i);
       return;
     }
-    const s = this.imageUploadHandler, n = e.filter((l, r) => e.indexOf(l) === r);
+    const s = this.imageUploadHandler, n = e.filter((r, o) => e.indexOf(r) === o);
     i || this.saveSel(), Promise.all(
-      n.map((l, r) => {
-        const o = Ri(l, "pasted-image-" + (r + 1));
-        return o ? s(o).catch((a) => {
-          var u;
-          return (u = this.onImageUploadError) == null || u.call(this, a, o), l;
-        }) : Promise.resolve(l);
+      n.map((r, o) => {
+        const l = Ri(r, "pasted-image-" + (o + 1));
+        return l ? s(l).catch((a) => {
+          var d;
+          return (d = this.onImageUploadError) == null || d.call(this, a, l), r;
+        }) : Promise.resolve(r);
       })
-    ).then((l) => {
-      let r = t;
-      n.forEach((o, a) => {
-        l[a] !== o && (r = r.split(o).join(l[a]));
-      }), this.insertPastedHTML(r, !0);
+    ).then((r) => {
+      let o = t;
+      n.forEach((l, a) => {
+        r[a] !== l && (o = o.split(l).join(r[a]));
+      }), this.insertPastedHTML(o, !0);
     });
   }
   /** `deferred` means the insert is happening after an async hop, so the caret the
@@ -5781,9 +5783,9 @@ let rs = (j = class {
   }
 }, j.instanceCounter = 0, j.TBR_COLLAPSE_MAX = 992, j);
 const ls = Ye(
-  ({ value: d, defaultValue: t, onChange: e, onReady: i, className: s, style: n, ...l }, r) => {
-    const o = z(null), a = z(null), u = z(!1), p = z(d ?? t), m = z(null), v = z(e), b = z(i);
-    return v.current = e, b.current = i, Ge(r, () => ({
+  ({ value: u, defaultValue: t, onChange: e, onReady: i, className: s, style: n, ...r }, o) => {
+    const l = z(null), a = z(null), d = z(!1), p = z(u ?? t), m = z(null), v = z(e), b = z(i);
+    return v.current = e, b.current = i, Ge(o, () => ({
       getContent: () => {
         var f;
         return ((f = a.current) == null ? void 0 : f.getContent()) ?? "";
@@ -5825,38 +5827,38 @@ const ls = Ye(
         return ((f = a.current) == null ? void 0 : f.getRevisions()) ?? [];
       }
     })), lt(() => {
-      if (!o.current) return;
+      if (!l.current) return;
       const f = new rs({
-        target: o.current,
+        target: l.current,
         initialContent: p.current,
         onChange: (y) => {
           var C;
-          u.current = !0, p.current = y, (C = v.current) == null || C.call(v, y);
+          d.current = !0, p.current = y, (C = v.current) == null || C.call(v, y);
         },
         onReady: (y) => {
           var C;
           return (C = b.current) == null ? void 0 : C.call(b, y);
         },
-        ...l
+        ...r
       });
       return a.current = f, () => {
         f.destroy(), a.current = null;
       };
     }, []), lt(() => {
       var f, y;
-      if (d !== void 0 && d !== p.current) {
-        if (u.current) {
-          u.current = !1;
+      if (u !== void 0 && u !== p.current) {
+        if (d.current) {
+          d.current = !1;
           return;
         }
-        if ((f = o.current) != null && f.contains(document.activeElement)) {
-          m.current = d;
+        if ((f = l.current) != null && f.contains(document.activeElement)) {
+          m.current = u;
           return;
         }
-        p.current = d, (y = a.current) == null || y.setContent(d);
+        p.current = u, (y = a.current) == null || y.setContent(u);
       }
-    }, [d]), lt(() => {
-      const f = o.current;
+    }, [u]), lt(() => {
+      const f = l.current;
       if (!f) return;
       const y = (C) => {
         var A;
@@ -5869,8 +5871,8 @@ const ls = Ye(
       return f.addEventListener("focusout", y), () => f.removeEventListener("focusout", y);
     }, []), lt(() => {
       var f;
-      l.language && ((f = a.current) == null || f.setLanguage(l.language));
-    }, [l.language]), /* @__PURE__ */ Je.jsx("div", { ref: o, className: s, style: n });
+      r.language && ((f = a.current) == null || f.setLanguage(r.language));
+    }, [r.language]), /* @__PURE__ */ Je.jsx("div", { ref: l, className: s, style: n });
   }
 );
 ls.displayName = "FableEditor";