fable-editor 1.2.7 → 1.3.0

package/dist/react/index.mjs

@@ -1,5 +1,5 @@
-import ce, { forwardRef as _e, useRef as z, useImperativeHandle as $e, useEffect as ot } from "react";
-var Et = { exports: {} }, J = {};
+import ue, { forwardRef as Ve, useRef as z, useImperativeHandle as ze, useEffect as lt } from "react";
+var St = { exports: {} }, J = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -9,19 +9,19 @@ var Et = { exports: {} }, J = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Gt;
-function je() {
-  if (Gt) return J;
-  Gt = 1;
-  var p = ce, t = Symbol.for("react.element"), e = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, s = p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function l(r, o, c) {
-    var d, u = {}, m = null, b = null;
-    c !== void 0 && (m = "" + c), o.key !== void 0 && (m = "" + o.key), o.ref !== void 0 && (b = o.ref);
-    for (d in o) i.call(o, d) && !n.hasOwnProperty(d) && (u[d] = o[d]);
-    if (r && r.defaultProps) for (d in o = r.defaultProps, o) u[d] === void 0 && (u[d] = o[d]);
-    return { $$typeof: t, type: r, key: m, ref: b, props: u, _owner: s.current };
-  }
-  return J.Fragment = e, J.jsx = l, J.jsxs = l, J;
+var Kt;
+function Xe() {
+  if (Kt) return J;
+  Kt = 1;
+  var u = ue, 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(l, o, a) {
+    var d, p = {}, m = null, b = null;
+    a !== void 0 && (m = "" + a), o.key !== void 0 && (m = "" + o.key), o.ref !== void 0 && (b = o.ref);
+    for (d in o) i.call(o, d) && !n.hasOwnProperty(d) && (p[d] = o[d]);
+    if (l && l.defaultProps) for (d in o = l.defaultProps, o) p[d] === void 0 && (p[d] = o[d]);
+    return { $$typeof: t, type: l, key: m, ref: b, props: p, _owner: s.current };
+  }
+  return J.Fragment = e, J.jsx = r, J.jsxs = r, J;
 }
 var tt = {};
 /**
@@ -33,61 +33,61 @@ var tt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Kt;
-function We() {
-  return Kt || (Kt = 1, process.env.NODE_ENV !== "production" && function() {
-    var p = ce, 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"), c = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), y = Symbol.iterator, g = "@@iterator";
-    function x(a) {
-      if (a === null || typeof a != "object")
+var Jt;
+function Ye() {
+  return Jt || (Jt = 1, process.env.NODE_ENV !== "production" && function() {
+    var u = ue, 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"), l = Symbol.for("react.context"), o = 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"), b = Symbol.for("react.offscreen"), y = Symbol.iterator, g = "@@iterator";
+    function x(c) {
+      if (c === null || typeof c != "object")
         return null;
-      var f = y && a[y] || a[g];
+      var f = y && c[y] || c[g];
       return typeof f == "function" ? f : null;
     }
-    var w = p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function E(a) {
+    var w = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function E(c) {
       {
         for (var f = arguments.length, v = new Array(f > 1 ? f - 1 : 0), T = 1; T < f; T++)
           v[T - 1] = arguments[T];
-        I("error", a, v);
+        I("error", c, v);
       }
     }
-    function I(a, f, v) {
+    function I(c, f, v) {
       {
-        var T = w.ReactDebugCurrentFrame, L = T.getStackAddendum();
-        L !== "" && (f += "%s", v = v.concat([L]));
-        var A = v.map(function(M) {
+        var T = w.ReactDebugCurrentFrame, k = T.getStackAddendum();
+        k !== "" && (f += "%s", v = v.concat([k]));
+        var H = v.map(function(M) {
           return String(M);
         });
-        A.unshift("Warning: " + f), Function.prototype.apply.call(console[a], console, A);
+        H.unshift("Warning: " + f), Function.prototype.apply.call(console[c], console, H);
       }
     }
-    var H = !1, $ = !1, O = !1, F = !1, et = !1, Mt;
-    Mt = Symbol.for("react.module.reference");
-    function ue(a) {
-      return !!(typeof a == "string" || typeof a == "function" || a === i || a === n || et || a === s || a === c || a === d || F || a === b || H || $ || O || typeof a == "object" && a !== null && (a.$$typeof === m || a.$$typeof === u || a.$$typeof === l || a.$$typeof === r || a.$$typeof === o || // This needs to include all possible module reference object
+    var A = !1, $ = !1, Z = !1, F = !1, et = !1, Lt;
+    Lt = Symbol.for("react.module.reference");
+    function ve(c) {
+      return !!(typeof c == "string" || typeof c == "function" || c === i || c === n || et || c === s || c === a || c === d || F || c === b || A || $ || Z || typeof c == "object" && c !== null && (c.$$typeof === m || c.$$typeof === p || c.$$typeof === r || c.$$typeof === l || c.$$typeof === o || // 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.
-      a.$$typeof === Mt || a.getModuleId !== void 0));
+      c.$$typeof === Lt || c.getModuleId !== void 0));
     }
-    function pe(a, f, v) {
-      var T = a.displayName;
+    function be(c, f, v) {
+      var T = c.displayName;
       if (T)
         return T;
-      var L = f.displayName || f.name || "";
-      return L !== "" ? v + "(" + L + ")" : v;
+      var k = f.displayName || f.name || "";
+      return k !== "" ? v + "(" + k + ")" : v;
     }
-    function kt(a) {
-      return a.displayName || "Context";
+    function kt(c) {
+      return c.displayName || "Context";
     }
-    function W(a) {
-      if (a == null)
+    function W(c) {
+      if (c == null)
         return null;
-      if (typeof a.tag == "number" && E("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof a == "function")
-        return a.displayName || a.name || null;
-      if (typeof a == "string")
-        return a;
-      switch (a) {
+      if (typeof c.tag == "number" && E("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof c == "function")
+        return c.displayName || c.name || null;
+      if (typeof c == "string")
+        return c;
+      switch (c) {
         case i:
           return "Fragment";
         case e:
@@ -96,28 +96,28 @@ function We() {
           return "Profiler";
         case s:
           return "StrictMode";
-        case c:
+        case a:
           return "Suspense";
         case d:
           return "SuspenseList";
       }
-      if (typeof a == "object")
-        switch (a.$$typeof) {
-          case r:
-            var f = a;
-            return kt(f) + ".Consumer";
+      if (typeof c == "object")
+        switch (c.$$typeof) {
           case l:
-            var v = a;
+            var f = c;
+            return kt(f) + ".Consumer";
+          case r:
+            var v = c;
             return kt(v._context) + ".Provider";
           case o:
-            return pe(a, a.render, "ForwardRef");
-          case u:
-            var T = a.displayName || null;
-            return T !== null ? T : W(a.type) || "Memo";
+            return be(c, c.render, "ForwardRef");
+          case p:
+            var T = c.displayName || null;
+            return T !== null ? T : W(c.type) || "Memo";
           case m: {
-            var L = a, A = L._payload, M = L._init;
+            var k = c, H = k._payload, M = k._init;
             try {
-              return W(M(A));
+              return W(M(H));
             } catch {
               return null;
             }
@@ -125,101 +125,101 @@ function We() {
         }
       return null;
     }
-    var V = Object.assign, G = 0, Lt, Ht, At, It, qt, Rt, Pt;
-    function Bt() {
+    var U = Object.assign, Q = 0, At, Ht, It, qt, Rt, Pt, Bt;
+    function Nt() {
     }
-    Bt.__reactDisabledLog = !0;
-    function me() {
+    Nt.__reactDisabledLog = !0;
+    function ye() {
       {
-        if (G === 0) {
-          Lt = console.log, Ht = console.info, At = console.warn, It = console.error, qt = console.group, Rt = console.groupCollapsed, Pt = console.groupEnd;
-          var a = {
+        if (Q === 0) {
+          At = console.log, Ht = console.info, It = console.warn, qt = console.error, Rt = console.group, Pt = console.groupCollapsed, Bt = console.groupEnd;
+          var c = {
             configurable: !0,
             enumerable: !0,
-            value: Bt,
+            value: Nt,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: a,
-            log: a,
-            warn: a,
-            error: a,
-            group: a,
-            groupCollapsed: a,
-            groupEnd: a
+            info: c,
+            log: c,
+            warn: c,
+            error: c,
+            group: c,
+            groupCollapsed: c,
+            groupEnd: c
           });
         }
-        G++;
+        Q++;
       }
     }
-    function fe() {
+    function xe() {
       {
-        if (G--, G === 0) {
-          var a = {
+        if (Q--, Q === 0) {
+          var c = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: V({}, a, {
-              value: Lt
+            log: U({}, c, {
+              value: At
             }),
-            info: V({}, a, {
+            info: U({}, c, {
               value: Ht
             }),
-            warn: V({}, a, {
-              value: At
-            }),
-            error: V({}, a, {
+            warn: U({}, c, {
               value: It
             }),
-            group: V({}, a, {
+            error: U({}, c, {
               value: qt
             }),
-            groupCollapsed: V({}, a, {
+            group: U({}, c, {
               value: Rt
             }),
-            groupEnd: V({}, a, {
+            groupCollapsed: U({}, c, {
               value: Pt
+            }),
+            groupEnd: U({}, c, {
+              value: Bt
             })
           });
         }
-        G < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Q < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var pt = w.ReactCurrentDispatcher, mt;
-    function it(a, f, v) {
+    function it(c, f, v) {
       {
         if (mt === void 0)
           try {
             throw Error();
-          } catch (L) {
-            var T = L.stack.trim().match(/\n( *(at )?)/);
+          } catch (k) {
+            var T = k.stack.trim().match(/\n( *(at )?)/);
             mt = T && T[1] || "";
           }
         return `
-` + mt + a;
+` + mt + c;
       }
     }
     var ft = !1, st;
     {
-      var ge = typeof WeakMap == "function" ? WeakMap : Map;
-      st = new ge();
+      var Ce = typeof WeakMap == "function" ? WeakMap : Map;
+      st = new Ce();
     }
-    function Nt(a, f) {
-      if (!a || ft)
+    function Dt(c, f) {
+      if (!c || ft)
         return "";
       {
-        var v = st.get(a);
+        var v = st.get(c);
         if (v !== void 0)
           return v;
       }
       var T;
       ft = !0;
-      var L = Error.prepareStackTrace;
+      var k = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var A;
-      A = pt.current, pt.current = null, me();
+      var H;
+      H = pt.current, pt.current = null, ye();
       try {
         if (f) {
           var M = function() {
@@ -235,14 +235,14 @@ function We() {
             } catch (D) {
               T = D;
             }
-            Reflect.construct(a, [], M);
+            Reflect.construct(c, [], M);
           } else {
             try {
               M.call();
             } catch (D) {
               T = D;
             }
-            a.call(M.prototype);
+            c.call(M.prototype);
           }
         } else {
           try {
@@ -250,7 +250,7 @@ function We() {
           } catch (D) {
             T = D;
           }
-          a();
+          c();
         }
       } catch (D) {
         if (D && T && typeof D.stack == "string") {
@@ -265,163 +265,163 @@ function We() {
                   if (R--, P--, P < 0 || S[R] !== N[P]) {
                     var _ = `
 ` + S[R].replace(" at new ", " at ");
-                    return a.displayName && _.includes("<anonymous>") && (_ = _.replace("<anonymous>", a.displayName)), typeof a == "function" && st.set(a, _), _;
+                    return c.displayName && _.includes("<anonymous>") && (_ = _.replace("<anonymous>", c.displayName)), typeof c == "function" && st.set(c, _), _;
                   }
                 while (R >= 1 && P >= 0);
               break;
             }
         }
       } finally {
-        ft = !1, pt.current = A, fe(), Error.prepareStackTrace = L;
+        ft = !1, pt.current = H, xe(), Error.prepareStackTrace = k;
       }
-      var Q = a ? a.displayName || a.name : "", U = Q ? it(Q) : "";
-      return typeof a == "function" && st.set(a, U), U;
+      var G = c ? c.displayName || c.name : "", V = G ? it(G) : "";
+      return typeof c == "function" && st.set(c, V), V;
     }
-    function ve(a, f, v) {
-      return Nt(a, !1);
+    function we(c, f, v) {
+      return Dt(c, !1);
     }
-    function be(a) {
-      var f = a.prototype;
+    function Te(c) {
+      var f = c.prototype;
       return !!(f && f.isReactComponent);
     }
-    function nt(a, f, v) {
-      if (a == null)
+    function nt(c, f, v) {
+      if (c == null)
         return "";
-      if (typeof a == "function")
-        return Nt(a, be(a));
-      if (typeof a == "string")
-        return it(a);
-      switch (a) {
-        case c:
+      if (typeof c == "function")
+        return Dt(c, Te(c));
+      if (typeof c == "string")
+        return it(c);
+      switch (c) {
+        case a:
           return it("Suspense");
         case d:
           return it("SuspenseList");
       }
-      if (typeof a == "object")
-        switch (a.$$typeof) {
+      if (typeof c == "object")
+        switch (c.$$typeof) {
           case o:
-            return ve(a.render);
-          case u:
-            return nt(a.type, f, v);
+            return we(c.render);
+          case p:
+            return nt(c.type, f, v);
           case m: {
-            var T = a, L = T._payload, A = T._init;
+            var T = c, k = T._payload, H = T._init;
             try {
-              return nt(A(L), f, v);
+              return nt(H(k), f, v);
             } catch {
             }
           }
         }
       return "";
     }
-    var K = Object.prototype.hasOwnProperty, Dt = {}, Zt = w.ReactDebugCurrentFrame;
-    function lt(a) {
-      if (a) {
-        var f = a._owner, v = nt(a.type, a._source, f ? f.type : null);
+    var K = Object.prototype.hasOwnProperty, Ot = {}, Zt = w.ReactDebugCurrentFrame;
+    function rt(c) {
+      if (c) {
+        var f = c._owner, v = nt(c.type, c._source, f ? f.type : null);
         Zt.setExtraStackFrame(v);
       } else
         Zt.setExtraStackFrame(null);
     }
-    function ye(a, f, v, T, L) {
+    function Ee(c, f, v, T, k) {
       {
-        var A = Function.call.bind(K);
-        for (var M in a)
-          if (A(a, M)) {
+        var H = Function.call.bind(K);
+        for (var M in c)
+          if (H(c, M)) {
             var S = void 0;
             try {
-              if (typeof a[M] != "function") {
-                var N = Error((T || "React class") + ": " + v + " type `" + M + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[M] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof c[M] != "function") {
+                var N = Error((T || "React class") + ": " + v + " type `" + M + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof c[M] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw N.name = "Invariant Violation", N;
               }
-              S = a[M](f, M, T, v, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              S = c[M](f, M, T, v, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (R) {
               S = R;
             }
-            S && !(S instanceof Error) && (lt(L), E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", T || "React class", v, M, typeof S), lt(null)), S instanceof Error && !(S.message in Dt) && (Dt[S.message] = !0, lt(L), E("Failed %s type: %s", v, S.message), lt(null));
+            S && !(S instanceof Error) && (rt(k), E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", T || "React class", v, M, typeof S), rt(null)), S instanceof Error && !(S.message in Ot) && (Ot[S.message] = !0, rt(k), E("Failed %s type: %s", v, S.message), rt(null));
           }
       }
     }
-    var xe = Array.isArray;
-    function gt(a) {
-      return xe(a);
+    var Se = Array.isArray;
+    function gt(c) {
+      return Se(c);
     }
-    function Ce(a) {
+    function Me(c) {
       {
-        var f = typeof Symbol == "function" && Symbol.toStringTag, v = f && a[Symbol.toStringTag] || a.constructor.name || "Object";
+        var f = typeof Symbol == "function" && Symbol.toStringTag, v = f && c[Symbol.toStringTag] || c.constructor.name || "Object";
         return v;
       }
     }
-    function we(a) {
+    function Le(c) {
       try {
-        return Ot(a), !1;
+        return Ft(c), !1;
       } catch {
         return !0;
       }
     }
-    function Ot(a) {
-      return "" + a;
+    function Ft(c) {
+      return "" + c;
     }
-    function Ft(a) {
-      if (we(a))
-        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ce(a)), Ot(a);
+    function _t(c) {
+      if (Le(c))
+        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Me(c)), Ft(c);
     }
-    var _t = w.ReactCurrentOwner, Te = {
+    var $t = w.ReactCurrentOwner, ke = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, $t, jt;
-    function Ee(a) {
-      if (K.call(a, "ref")) {
-        var f = Object.getOwnPropertyDescriptor(a, "ref").get;
+    }, jt, Wt;
+    function Ae(c) {
+      if (K.call(c, "ref")) {
+        var f = Object.getOwnPropertyDescriptor(c, "ref").get;
         if (f && f.isReactWarning)
           return !1;
       }
-      return a.ref !== void 0;
+      return c.ref !== void 0;
     }
-    function Se(a) {
-      if (K.call(a, "key")) {
-        var f = Object.getOwnPropertyDescriptor(a, "key").get;
+    function He(c) {
+      if (K.call(c, "key")) {
+        var f = Object.getOwnPropertyDescriptor(c, "key").get;
         if (f && f.isReactWarning)
           return !1;
       }
-      return a.key !== void 0;
+      return c.key !== void 0;
     }
-    function Me(a, f) {
-      typeof a.ref == "string" && _t.current;
+    function Ie(c, f) {
+      typeof c.ref == "string" && $t.current;
     }
-    function ke(a, f) {
+    function qe(c, f) {
       {
         var v = function() {
-          $t || ($t = !0, E("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
+          jt || (jt = !0, E("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
         };
-        v.isReactWarning = !0, Object.defineProperty(a, "key", {
+        v.isReactWarning = !0, Object.defineProperty(c, "key", {
           get: v,
           configurable: !0
         });
       }
     }
-    function Le(a, f) {
+    function Re(c, f) {
       {
         var v = function() {
-          jt || (jt = !0, E("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
+          Wt || (Wt = !0, E("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
         };
-        v.isReactWarning = !0, Object.defineProperty(a, "ref", {
+        v.isReactWarning = !0, Object.defineProperty(c, "ref", {
           get: v,
           configurable: !0
         });
       }
     }
-    var He = function(a, f, v, T, L, A, M) {
+    var Pe = function(c, f, v, T, k, H, M) {
       var S = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
-        type: a,
+        type: c,
         key: f,
         ref: v,
         props: M,
         // Record the component responsible for creating this element.
-        _owner: A
+        _owner: H
       };
       return S._store = {}, Object.defineProperty(S._store, "validated", {
         configurable: !1,
@@ -437,61 +437,61 @@ function We() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: L
+        value: k
       }), Object.freeze && (Object.freeze(S.props), Object.freeze(S)), S;
     };
-    function Ae(a, f, v, T, L) {
+    function Be(c, f, v, T, k) {
       {
-        var A, M = {}, S = null, N = null;
-        v !== void 0 && (Ft(v), S = "" + v), Se(f) && (Ft(f.key), S = "" + f.key), Ee(f) && (N = f.ref, Me(f, L));
-        for (A in f)
-          K.call(f, A) && !Te.hasOwnProperty(A) && (M[A] = f[A]);
-        if (a && a.defaultProps) {
-          var R = a.defaultProps;
-          for (A in R)
-            M[A] === void 0 && (M[A] = R[A]);
+        var H, M = {}, S = null, N = null;
+        v !== void 0 && (_t(v), S = "" + v), He(f) && (_t(f.key), S = "" + f.key), Ae(f) && (N = f.ref, Ie(f, k));
+        for (H in f)
+          K.call(f, H) && !ke.hasOwnProperty(H) && (M[H] = f[H]);
+        if (c && c.defaultProps) {
+          var R = c.defaultProps;
+          for (H in R)
+            M[H] === void 0 && (M[H] = R[H]);
         }
         if (S || N) {
-          var P = typeof a == "function" ? a.displayName || a.name || "Unknown" : a;
-          S && ke(M, P), N && Le(M, P);
+          var P = typeof c == "function" ? c.displayName || c.name || "Unknown" : c;
+          S && qe(M, P), N && Re(M, P);
         }
-        return He(a, S, N, L, T, _t.current, M);
+        return Pe(c, S, N, k, T, $t.current, M);
       }
     }
-    var vt = w.ReactCurrentOwner, Wt = w.ReactDebugCurrentFrame;
-    function Y(a) {
-      if (a) {
-        var f = a._owner, v = nt(a.type, a._source, f ? f.type : null);
-        Wt.setExtraStackFrame(v);
+    var vt = w.ReactCurrentOwner, Ut = w.ReactDebugCurrentFrame;
+    function Y(c) {
+      if (c) {
+        var f = c._owner, v = nt(c.type, c._source, f ? f.type : null);
+        Ut.setExtraStackFrame(v);
       } else
-        Wt.setExtraStackFrame(null);
+        Ut.setExtraStackFrame(null);
     }
     var bt;
     bt = !1;
-    function yt(a) {
-      return typeof a == "object" && a !== null && a.$$typeof === t;
+    function yt(c) {
+      return typeof c == "object" && c !== null && c.$$typeof === t;
     }
     function Vt() {
       {
         if (vt.current) {
-          var a = W(vt.current.type);
-          if (a)
+          var c = W(vt.current.type);
+          if (c)
             return `
 
-Check the render method of \`` + a + "`.";
+Check the render method of \`` + c + "`.";
         }
         return "";
       }
     }
-    function Ie(a) {
+    function Ne(c) {
       return "";
     }
-    var Ut = {};
-    function qe(a) {
+    var zt = {};
+    function De(c) {
       {
         var f = Vt();
         if (!f) {
-          var v = typeof a == "string" ? a : a.displayName || a.name;
+          var v = typeof c == "string" ? c : c.displayName || c.name;
           v && (f = `
 
 Check the top-level render call using <` + v + ">.");
@@ -499,41 +499,41 @@ Check the top-level render call using <` + v + ">.");
         return f;
       }
     }
-    function zt(a, f) {
+    function Xt(c, f) {
       {
-        if (!a._store || a._store.validated || a.key != null)
+        if (!c._store || c._store.validated || c.key != null)
           return;
-        a._store.validated = !0;
-        var v = qe(f);
-        if (Ut[v])
+        c._store.validated = !0;
+        var v = De(f);
+        if (zt[v])
           return;
-        Ut[v] = !0;
+        zt[v] = !0;
         var T = "";
-        a && a._owner && a._owner !== vt.current && (T = " It was passed a child from " + W(a._owner.type) + "."), Y(a), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', v, T), Y(null);
+        c && c._owner && c._owner !== vt.current && (T = " It was passed a child from " + W(c._owner.type) + "."), Y(c), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', v, T), Y(null);
       }
     }
-    function Xt(a, f) {
+    function Yt(c, f) {
       {
-        if (typeof a != "object")
+        if (typeof c != "object")
           return;
-        if (gt(a))
-          for (var v = 0; v < a.length; v++) {
-            var T = a[v];
-            yt(T) && zt(T, f);
+        if (gt(c))
+          for (var v = 0; v < c.length; v++) {
+            var T = c[v];
+            yt(T) && Xt(T, f);
           }
-        else if (yt(a))
-          a._store && (a._store.validated = !0);
-        else if (a) {
-          var L = x(a);
-          if (typeof L == "function" && L !== a.entries)
-            for (var A = L.call(a), M; !(M = A.next()).done; )
-              yt(M.value) && zt(M.value, f);
+        else if (yt(c))
+          c._store && (c._store.validated = !0);
+        else if (c) {
+          var k = x(c);
+          if (typeof k == "function" && k !== c.entries)
+            for (var H = k.call(c), M; !(M = H.next()).done; )
+              yt(M.value) && Xt(M.value, f);
         }
       }
     }
-    function Re(a) {
+    function Oe(c) {
       {
-        var f = a.type;
+        var f = c.type;
         if (f == null || typeof f == "string")
           return;
         var v;
@@ -541,46 +541,46 @@ Check the top-level render call using <` + v + ">.");
           v = f.propTypes;
         else if (typeof f == "object" && (f.$$typeof === o || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        f.$$typeof === u))
+        f.$$typeof === p))
           v = f.propTypes;
         else
           return;
         if (v) {
           var T = W(f);
-          ye(v, a.props, "prop", T, a);
+          Ee(v, c.props, "prop", T, c);
         } else if (f.PropTypes !== void 0 && !bt) {
           bt = !0;
-          var L = W(f);
-          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", L || "Unknown");
+          var k = W(f);
+          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", k || "Unknown");
         }
         typeof f.getDefaultProps == "function" && !f.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Pe(a) {
+    function Ze(c) {
       {
-        for (var f = Object.keys(a.props), v = 0; v < f.length; v++) {
+        for (var f = Object.keys(c.props), v = 0; v < f.length; v++) {
           var T = f[v];
           if (T !== "children" && T !== "key") {
-            Y(a), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", T), Y(null);
+            Y(c), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", T), Y(null);
             break;
           }
         }
-        a.ref !== null && (Y(a), E("Invalid attribute `ref` supplied to `React.Fragment`."), Y(null));
+        c.ref !== null && (Y(c), E("Invalid attribute `ref` supplied to `React.Fragment`."), Y(null));
       }
     }
-    var Yt = {};
-    function Qt(a, f, v, T, L, A) {
+    var Gt = {};
+    function Qt(c, f, v, T, k, H) {
       {
-        var M = ue(a);
+        var M = ve(c);
         if (!M) {
           var S = "";
-          (a === void 0 || typeof a == "object" && a !== null && Object.keys(a).length === 0) && (S += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var N = Ie();
+          (c === void 0 || typeof c == "object" && c !== null && Object.keys(c).length === 0) && (S += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var N = Ne();
           N ? S += N : S += Vt();
           var R;
-          a === null ? R = "null" : gt(a) ? R = "array" : a !== void 0 && a.$$typeof === t ? (R = "<" + (W(a.type) || "Unknown") + " />", S = " Did you accidentally export a JSX literal instead of a component?") : R = typeof a, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", R, S);
+          c === null ? R = "null" : gt(c) ? R = "array" : c !== void 0 && c.$$typeof === t ? (R = "<" + (W(c.type) || "Unknown") + " />", S = " Did you accidentally export a JSX literal instead of a component?") : R = typeof c, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", R, S);
         }
-        var P = Ae(a, f, v, L, A);
+        var P = Be(c, f, v, k, H);
         if (P == null)
           return P;
         if (M) {
@@ -588,44 +588,44 @@ Check the top-level render call using <` + v + ">.");
           if (_ !== void 0)
             if (T)
               if (gt(_)) {
-                for (var Q = 0; Q < _.length; Q++)
-                  Xt(_[Q], a);
+                for (var G = 0; G < _.length; G++)
+                  Yt(_[G], c);
                 Object.freeze && Object.freeze(_);
               } else
                 E("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Xt(_, a);
+              Yt(_, c);
         }
         if (K.call(f, "key")) {
-          var U = W(a), D = Object.keys(f).filter(function(Fe) {
-            return Fe !== "key";
+          var V = W(c), D = Object.keys(f).filter(function(Ue) {
+            return Ue !== "key";
           }), xt = D.length > 0 ? "{key: someKey, " + D.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Yt[U + xt]) {
-            var Oe = D.length > 0 ? "{" + D.join(": ..., ") + ": ...}" : "{}";
+          if (!Gt[V + xt]) {
+            var We = D.length > 0 ? "{" + D.join(": ..., ") + ": ...}" : "{}";
             E(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, xt, U, Oe, U), Yt[U + xt] = !0;
+  <%s key={someKey} {...props} />`, xt, V, We, V), Gt[V + xt] = !0;
           }
         }
-        return a === i ? Pe(P) : Re(P), P;
+        return c === i ? Ze(P) : Oe(P), P;
       }
     }
-    function Be(a, f, v) {
-      return Qt(a, f, v, !0);
+    function Fe(c, f, v) {
+      return Qt(c, f, v, !0);
     }
-    function Ne(a, f, v) {
-      return Qt(a, f, v, !1);
+    function _e(c, f, v) {
+      return Qt(c, f, v, !1);
     }
-    var De = Ne, Ze = Be;
-    tt.Fragment = i, tt.jsx = De, tt.jsxs = Ze;
+    var $e = _e, je = Fe;
+    tt.Fragment = i, tt.jsx = $e, tt.jsxs = je;
   }()), tt;
 }
-process.env.NODE_ENV === "production" ? Et.exports = je() : Et.exports = We();
-var Ve = Et.exports;
-const Ue = {
+process.env.NODE_ENV === "production" ? St.exports = Xe() : St.exports = Ye();
+var Ge = St.exports;
+const Qe = {
   en: {
     dir: "ltr",
     file: "File",
@@ -1011,10 +1011,10 @@ const Ue = {
     emcat_flags: "أعلام"
   }
 };
-function Ct(p) {
-  return Ue[p];
+function Ct(u) {
+  return Qe[u];
 }
-const ze = "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", Xe = "file edit view insert format tools table help", Ye = [
+const Ke = "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", Je = "file edit view insert format tools table help", ti = [
   ["Andale Mono", "andale mono,times"],
   ["Arial", "arial,helvetica,sans-serif"],
   ["Arial Black", "arial black,avant garde"],
@@ -1034,7 +1034,7 @@ const ze = "undo redo | preview print | importword revhistory | fontfamily fonts
   ["Verdana", "verdana,geneva"],
   ["Webdings", "webdings"],
   ["Wingdings", "wingdings,zapf dingbats"]
-], Qe = ["8px", "9px", "10px", "11px", "12px", "14px", "16px", "18px", "20px", "24px", "28px", "32px", "36px", "48px", "72px", "96px"], Ge = 1, Ke = 100, Jt = ["1", "1.15", "1.4", "1.5", "1.75", "2", "2.5", "3"], te = ["1px", "2px", "4px", "6px", "8px", "12px"], ee = ["0.5px", "1px", "1.5px", "2px", "3px", "4px"], ie = [
+], ei = ["8px", "9px", "10px", "11px", "12px", "14px", "16px", "18px", "20px", "24px", "28px", "32px", "36px", "48px", "72px", "96px"], ii = 1, si = 100, te = ["1", "1.15", "1.4", "1.5", "1.75", "2", "2.5", "3"], ee = ["1px", "2px", "4px", "6px", "8px", "12px"], ie = ["0.5px", "1px", "1.5px", "2px", "3px", "4px"], se = [
   ["plain", "Plain text"],
   ["html", "HTML/XML"],
   ["css", "CSS"],
@@ -1051,7 +1051,7 @@ const ze = "undo redo | preview print | importword revhistory | fontfamily fonts
   ["rust", "Rust"],
   ["sql", "SQL"],
   ["bash", "Bash/Shell"]
-], se = [
+], ne = [
   ["p", "para"],
   ["h1", "heading1"],
   ["h2", "heading2"],
@@ -1060,7 +1060,7 @@ const ze = "undo redo | preview print | importword revhistory | fontfamily fonts
   ["h5", "heading5"],
   ["h6", "heading6"],
   ["pre", "pre"]
-], Je = ["#F76707", "#4263EB", "#CC5DE8"], ti = [
+], ni = ["#F76707", "#4263EB", "#CC5DE8"], ri = [
   "#FFFFFF",
   "#F4F4F4",
   "#E8EAED",
@@ -1086,7 +1086,7 @@ const ze = "undo redo | preview print | importword revhistory | fontfamily fonts
   "#8E24AA",
   "#C2185B",
   "#6D4C41"
-], ei = [
+], li = [
   {
     key: "chcat_currency",
     chars: [
@@ -1426,7 +1426,7 @@ const ze = "undo redo | preview print | importword revhistory | fontfamily fonts
       "ة"
     ]
   }
-], ii = [
+], oi = [
   {
     key: "emcat_smileys",
     chars: [
@@ -2151,8 +2151,8 @@ const ze = "undo redo | preview print | importword revhistory | fontfamily fonts
       "🇲🇦"
     ]
   }
-], k = (p, t) => `<svg viewBox="${t || "0 0 24 24"}">${p}</svg>`, C = (p) => k(`<path class="f" d="${p}"/>`, "0 -960 960 960"), rt = (p, t = 7.5) => k(
-  '<path d="M10 6h10M10 12h10M10 18h10"/>' + p.map(
+], L = (u, t) => `<svg viewBox="${t || "0 0 24 24"}">${u}</svg>`, C = (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 = {
@@ -2198,7 +2198,7 @@ const ze = "undo redo | preview print | importword revhistory | fontfamily fonts
   bullist: C(
     "M360-200v-80h480v80H360Zm0-240v-80h480v80H360Zm0-240v-80h480v80H360ZM200-160q-33 0-56.5-23.5T120-240q0-33 23.5-56.5T200-320q33 0 56.5 23.5T280-240q0 33-23.5 56.5T200-160Zm0-240q-33 0-56.5-23.5T120-480q0-33 23.5-56.5T200-560q33 0 56.5 23.5T280-480q0 33-23.5 56.5T200-400Zm-56.5-263.5Q120-687 120-720t23.5-56.5Q167-800 200-800t56.5 23.5Q280-753 280-720t-23.5 56.5Q233-640 200-640t-56.5-23.5Z"
   ),
-  chev: k('<path d="M2 3.5 6 7.5 10 3.5"/>', "0 0 12 11"),
+  chev: L('<path d="M2 3.5 6 7.5 10 3.5"/>', "0 0 12 11"),
   backcolor: C(
     "M440-80q-33 0-56.5-23.5T360-160v-160H240q-33 0-56.5-23.5T160-400v-280q0-66 47-113t113-47h480v440q0 33-23.5 56.5T720-320H600v160q0 33-23.5 56.5T520-80h-80ZM240-560h480v-200h-40v160h-80v-160h-40v80h-80v-80H320q-33 0-56.5 23.5T240-680v120Zm0 160h480v-80H240v80Zm0 0v-80 80Z"
   ),
@@ -2208,7 +2208,7 @@ const ze = "undo redo | preview print | importword revhistory | fontfamily fonts
   indent: C(
     "M120-120v-80h720v80H120Zm320-160v-80h400v80H440Zm0-160v-80h400v80H440Zm0-160v-80h400v80H440ZM120-760v-80h720v80H120Zm0 440v-320l160 160-160 160Z"
   ),
-  more: k(
+  more: L(
     '<circle class="f" cx="5" cy="12" r="1.7"/><circle class="f" cx="12" cy="12" r="1.7"/><circle class="f" cx="19" cy="12" r="1.7"/>'
   ),
   image: C(
@@ -2220,17 +2220,17 @@ const ze = "undo redo | preview print | importword revhistory | fontfamily fonts
   tableic: C(
     "M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm240-240H200v160h240v-160Zm80 0v160h240v-160H520Zm-80-80v-160H200v160h240Zm80 0h240v-160H520v160ZM200-680h560v-80H200v80Z"
   ),
-  hric: k('<path d="M4 12h16"/>'),
+  hric: L('<path d="M4 12h16"/>'),
   charic: C(
     "M120-120v-120h200q-84-45-132-125t-48-175q0-142 99-241t241-99q142 0 241 99t99 241q0 95-48 175T640-240h200v120H520v-204q78-14 129-75t51-141q0-92-64-156t-156-64q-92 0-156 64t-64 156q0 80 51 141t129 75v204H120Z"
   ),
-  dateic: k(
+  dateic: L(
     '<rect x="4" y="6" width="16" height="14" rx="1.5"/><path d="M4 10h16M8 4v4M16 4v4"/>'
   ),
   pbic: C(
     "M240-80q-33 0-56.5-23.5T160-160v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-80H240Zm-80-440v-280q0-33 23.5-56.5T240-880h320l240 240v120h-80v-80H520v-200H240v280h-80Zm200 160v-80h240v80H360Zm320 0v-80h240v80H680Zm-640 0v-80h240v80H40Zm440-160Zm0 240Z"
   ),
-  nbspic: k('<path d="M6 12v4h12v-4"/>'),
+  nbspic: L('<path d="M6 12v4h12v-4"/>'),
   srcic: C(
     "M240-280 40-480l200-200 56 56-143 144 143 144-56 56Zm178 132-76-24 200-640 76 24-200 640Zm302-132-56-56 143-144-143-144 56-56 200 200-200 200Z"
   ),
@@ -2258,11 +2258,11 @@ const ze = "undo redo | preview print | importword revhistory | fontfamily fonts
   subscriptic: C(
     "M760-160v-80q0-17 11.5-28.5T800-280h80v-40H760v-40h120q17 0 28.5 11.5T920-320v40q0 17-11.5 28.5T880-240h-80v40h120v40H760Zm-525-80 185-291-172-269h106l124 200h4l123-200h107L539-531l186 291H618L482-457h-4L342-240H235Z"
   ),
-  newic: k('<path d="M6 3h8l5 5v13H6z"/><path d="M14 3v5h5"/>'),
-  helpic: k(
+  newic: L('<path d="M6 3h8l5 5v13H6z"/><path d="M14 3v5h5"/>'),
+  helpic: L(
     '<circle cx="12" cy="12" r="8.5"/><path d="M9.6 9.6a2.5 2.5 0 1 1 3.4 2.6c-.8.3-1 .9-1 1.8"/><circle class="f" cx="12" cy="16.6" r="1.1"/>'
   ),
-  wcic: k('<path d="M4 6h16M4 10h16M4 14h9"/><path d="M15 17.5l2 2 3.6-4"/>'),
+  wcic: L('<path d="M4 6h16M4 10h16M4 14h9"/><path d="M15 17.5l2 2 3.6-4"/>'),
   rowbefore: C(
     "M200-160h560v-240H200v240Zm640 80H120v-720h160v80h-80v240h560v-240h-80v-80h160v720ZM480-480Zm0 80v-80 80Zm0 0Zm-40-240v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z"
   ),
@@ -2314,44 +2314,44 @@ const ze = "undo redo | preview print | importword revhistory | fontfamily fonts
   historyic: C(
     "M480-120q-138 0-240.5-91.5T122-440h82q14 104 92.5 172T480-200q117 0 198.5-81.5T760-480q0-117-81.5-198.5T480-760q-69 0-129 32t-101 88h110v80H120v-240h80v94q51-64 124.5-99T480-840q75 0 140.5 28.5t114 77q48.5 48.5 77 114T840-480q0 75-28.5 140.5t-77 114q-48.5 48.5-114 77T480-120Zm112-192L440-464v-216h80v184l128 128-56 56Z"
   ),
-  wordic: k(
+  wordic: L(
     '<path d="M6 3h8l5 5v13H6z"/><path d="M14 3v5h5"/><text x="8" y="17" font-size="8.5" stroke="none" fill="#222f3e" font-family="Arial" font-weight="bold">W</text>'
   ),
   draftic: C(
     "M480-160q-134 0-227-93t-93-227q0-134 93-227t227-93q69 0 132 28.5T720-690v-110h80v280H520v-80h168q-32-56-87.5-88T480-720q-100 0-170 70t-70 170q0 100 70 170t170 70q77 0 139-44t87-116h84q-28 106-114 173t-196 67Z"
   ),
-  trash: k(
+  trash: L(
     '<path d="M5 7h14M10 7V5h4v2M7.5 7l1 13h7l1-13"/>'
   ),
-  templateic: k(
+  templateic: L(
     '<rect x="4" y="4" width="16" height="16" rx="1.5"/><rect x="6.5" y="6.5" width="5" height="5" rx=".5"/><path d="M14 7.5h3.5M14 10h3.5M6.5 14h11M6.5 17h11"/>'
   ),
-  tplleft: k(
+  tplleft: L(
     '<rect x="3" y="5" width="8" height="8" rx=".8"/><path d="M13.5 6.5H21M13.5 9.5H21M13.5 12.5H21M3 15.5h18M3 18.5h18"/>'
   ),
-  tplright: k(
+  tplright: L(
     '<rect x="13" y="5" width="8" height="8" rx=".8"/><path d="M3 6.5h7.5M3 9.5h7.5M3 12.5h7.5M3 15.5h18M3 18.5h18"/>'
   ),
-  tpltop: k(
+  tpltop: L(
     '<rect x="5" y="3" width="14" height="9" rx=".8"/><path d="M3 15h18M3 18h18M3 21h12"/>'
   ),
-  tplcenter: k(
+  tplcenter: L(
     '<path d="M3 4h18M3 7h18M3 10h12"/><rect x="5" y="12.5" width="14" height="9" rx=".8"/>'
   ),
-  rotateleft: k(
+  rotateleft: L(
     '<polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"/>'
   ),
-  rotateright: k(
+  rotateright: L(
     '<polyline points="23 4 23 10 17 10"/><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"/>'
   ),
-  fliphorizontal: k(
+  fliphorizontal: L(
     '<path d="M12 3v18"/><path d="M7 8l-4 4 4 4"/><path d="M17 8l4 4-4 4"/>'
   ),
-  flipvertical: k(
+  flipvertical: L(
     '<path d="M3 12h18"/><path d="M8 7l4-4 4 4"/><path d="M8 17l4 4 4-4"/>'
   ),
-  check: k('<path d="M5 12.5 9.5 17 19 7"/>'),
-  palette: k(
+  check: L('<path d="M5 12.5 9.5 17 19 7"/>'),
+  palette: L(
     '<path d="M12 3a9 9 0 1 0 0 18h1.2a2 2 0 0 0 2-2 2 2 0 0 1 2-2H18a3 3 0 0 0 3-3c0-6.1-4.5-11-9-11z"/><circle class="f" cx="7.8" cy="10.2" r="1.3"/><circle class="f" cx="11.6" cy="7.3" r="1.3"/><circle class="f" cx="15.8" cy="9.6" r="1.3"/><circle class="f" cx="9" cy="14.8" r="1.3"/>'
   ),
   ul_circle: C(
@@ -2360,27 +2360,27 @@ const ze = "undo redo | preview print | importword revhistory | fontfamily fonts
   ul_square: C(
     "M80-160v-160h160v160H80Zm240 0v-160h560v160H320ZM80-400v-160h160v160H80Zm240 0v-160h560v160H320ZM80-640v-160h160v160H80Zm240 0v-160h560v160H320Z"
   ),
-  ol_alpha: rt(["a", "b", "c"]),
-  ol_roman: rt(["i", "ii", "iii"], 6.5),
-  ol_alphau: rt(["A", "B", "C"]),
-  ol_romanu: rt(["I", "II", "III"], 6.5),
-  video: k('<rect x="3" y="6" width="13" height="12" rx="1.5"/><path d="M16 10l5-3v10l-5-3z"/>'),
-  editic: k('<path d="M4 20l1-4.5L15.5 5 19 8.5 8.5 19 4 20z"/><path d="M13.5 6.5l4 4"/>'),
-  letterspacing: k(
+  ol_alpha: ot(["a", "b", "c"]),
+  ol_roman: ot(["i", "ii", "iii"], 6.5),
+  ol_alphau: ot(["A", "B", "C"]),
+  ol_romanu: ot(["I", "II", "III"], 6.5),
+  video: L('<rect x="3" y="6" width="13" height="12" rx="1.5"/><path d="M16 10l5-3v10l-5-3z"/>'),
+  editic: L('<path d="M4 20l1-4.5L15.5 5 19 8.5 8.5 19 4 20z"/><path d="M13.5 6.5l4 4"/>'),
+  letterspacing: L(
     '<text x="2.5" y="13" font-size="12" stroke="none" fill="#222f3e" font-family="Arial" font-weight="bold">A</text><text x="13" y="13" font-size="12" stroke="none" fill="#222f3e" font-family="Arial" font-weight="bold">B</text><path d="M7 18.5h10"/><path class="f" d="M7.5 18.5 4.5 16.6v3.8z"/><path class="f" d="M16.5 18.5l3-1.9v3.8z"/>'
   ),
-  emojiic: k(
+  emojiic: L(
     '<circle cx="12" cy="12" r="8.5"/><path d="M8.6 14.3a4.6 4.6 0 0 0 6.8 0"/><path d="M9.2 9.6v.7M14.8 9.6v.7"/>'
   ),
-  inlinecodeic: k('<path d="M8.5 8 4.5 12l4 4M15.5 8l4 4-4 4"/><path d="M13 6l-2 12"/>'),
-  moverowup: k('<rect x="4" y="15.5" width="16" height="5" rx="1"/><path d="M12 12.5V4M8.5 7.5 12 4l3.5 3.5"/>'),
-  moverowdown: k('<rect x="4" y="3.5" width="16" height="5" rx="1"/><path d="M12 11.5V20M8.5 16.5 12 20l3.5-3.5"/>'),
-  movecolleft: k('<rect x="15.5" y="4" width="5" height="16" rx="1"/><path d="M12.5 12H4M7.5 8.5 4 12l3.5 3.5"/>'),
-  movecolright: k('<rect x="3.5" y="4" width="5" height="16" rx="1"/><path d="M11.5 12H20M16.5 8.5 20 12l-3.5 3.5"/>'),
-  codesampleic: k(
+  inlinecodeic: L('<path d="M8.5 8 4.5 12l4 4M15.5 8l4 4-4 4"/><path d="M13 6l-2 12"/>'),
+  moverowup: L('<rect x="4" y="15.5" width="16" height="5" rx="1"/><path d="M12 12.5V4M8.5 7.5 12 4l3.5 3.5"/>'),
+  moverowdown: L('<rect x="4" y="3.5" width="16" height="5" rx="1"/><path d="M12 11.5V20M8.5 16.5 12 20l3.5-3.5"/>'),
+  movecolleft: L('<rect x="15.5" y="4" width="5" height="16" rx="1"/><path d="M12.5 12H4M7.5 8.5 4 12l3.5 3.5"/>'),
+  movecolright: L('<rect x="3.5" y="4" width="5" height="16" rx="1"/><path d="M11.5 12H20M16.5 8.5 20 12l-3.5 3.5"/>'),
+  codesampleic: L(
     '<rect x="3.5" y="4" width="17" height="16" rx="2"/><path d="M3.5 8.5h17"/><path d="M9.5 12 7 14.25l2.5 2.25M14.5 12l2.5 2.25-2.5 2.25"/>'
   )
-}, si = /* @__PURE__ */ new Set([
+}, ai = /* @__PURE__ */ new Set([
   "p",
   "div",
   "span",
@@ -2422,7 +2422,7 @@ const ze = "undo redo | preview print | importword revhistory | fontfamily fonts
   "figure",
   "figcaption",
   "mark"
-]), ni = /* @__PURE__ */ new Set([
+]), ci = /* @__PURE__ */ new Set([
   "text-align",
   "direction",
   "unicode-bidi",
@@ -2478,7 +2478,7 @@ const ze = "undo redo | preview print | importword revhistory | fontfamily fonts
   "box-sizing",
   "list-style-type",
   "white-space"
-]), ne = {
+]), re = {
   "*": ["dir", "lang", "colspan", "rowspan"],
   a: ["href", "target", "rel", "title"],
   img: ["src", "alt", "width", "height", "title"],
@@ -2487,26 +2487,26 @@ const ze = "undo redo | preview print | importword revhistory | fontfamily fonts
   th: ["width", "valign"],
   table: ["width", "cellpadding", "cellspacing"]
 };
-function ut(p) {
-  const t = {}, e = p.getAttribute && p.getAttribute("style");
+function ut(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 li(p) {
-  return p.replace(/<!--\[if !supportLists\]-->([\s\S]*?)<!--\[endif\]-->/gi, "$1").replace(/<!--\[if !supportLists\]>([\s\S]*?)<!\[endif\]-->/gi, "$1").replace(/<!\[if !supportLists\]>([\s\S]*?)<!\[endif\]>/gi, "$1").replace(/<!--\[if [\s\S]*?<!\[endif\]-->/gi, "").replace(/<!--[\s\S]*?-->/g, "").replace(/<(script|style|xml|title)[\s\S]*?<\/\1>/gi, "").replace(/<\/?(meta|link)[^>]*>/gi, "").replace(/<\?xml[\s\S]*?\?>/gi, "").replace(/<\/?(o|v|w|m|st1):[^>]*>/gi, "");
+function hi(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 oi(p) {
-  return /^[0-9]+[\.\)،]/.test(p) ? { ordered: !0 } : /^[٠-٩۰-۹]+/.test(p) ? { ordered: !0, style: "arabic-indic" } : /^[ivxlc]{2,}[\.\)]/.test(p) ? { ordered: !0, style: "lower-roman" } : /^[IVXLC]{2,}[\.\)]/.test(p) ? { ordered: !0, style: "upper-roman" } : /^[a-z][\.\)]/.test(p) ? { ordered: !0, style: "lower-alpha" } : /^[A-Z][\.\)]/.test(p) ? { ordered: !0, style: "upper-alpha" } : /^[ء-ي][\.\)،-]/.test(p) ? { ordered: !0, style: "arabic-indic" } : { ordered: !1 };
+function di(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 ri(p) {
+function ui(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(p.body.querySelectorAll("p")).forEach((s) => {
+  Array.from(u.body.querySelectorAll("p")).forEach((s) => {
     if (!t(s)) {
       i = null;
       return;
@@ -2514,67 +2514,67 @@ function ri(p) {
     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((l) => {
       var w, E, I;
-      const c = +(((w = (r.getAttribute("style") || "").match(/level(\d+)/i)) == null ? void 0 : w[1]) || 1), d = Array.from(r.querySelectorAll("span")).find(
-        (H) => /mso-list\s*:\s*ignore/i.test(H.getAttribute("style") || "")
-      ), u = d ? ((E = d.textContent) == null ? void 0 : E.trim()) || "" : (((I = r.textContent) == null ? void 0 : I.trim().match(/^\S{1,4}/)) || [""])[0], { ordered: m, style: b } = oi(u);
-      for (d && d.remove(); n.length && n[n.length - 1].level > c; ) n.pop();
-      if (!n.length || n[n.length - 1].level < c) {
-        const H = p.createElement(m ? "ol" : "ul");
-        if (m && b && (H.style.listStyleType = b), n.length) {
+      const a = +(((w = (l.getAttribute("style") || "").match(/level(\d+)/i)) == null ? void 0 : w[1]) || 1), d = Array.from(l.querySelectorAll("span")).find(
+        (A) => /mso-list\s*:\s*ignore/i.test(A.getAttribute("style") || "")
+      ), p = d ? ((E = d.textContent) == null ? void 0 : E.trim()) || "" : (((I = l.textContent) == null ? void 0 : I.trim().match(/^\S{1,4}/)) || [""])[0], { ordered: m, style: b } = di(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 = u.createElement(m ? "ol" : "ul");
+        if (m && b && (A.style.listStyleType = b), n.length) {
           const $ = n[n.length - 1].list;
-          ($.lastElementChild || $).appendChild(H);
+          ($.lastElementChild || $).appendChild(A);
         } else
-          l.parentNode.insertBefore(H, l);
-        n.push({ list: H, level: c });
+          r.parentNode.insertBefore(A, r);
+        n.push({ list: A, level: a });
       }
-      const y = p.createElement("li"), g = ut(r), x = ["text-align", "direction", "unicode-bidi", "color", "font-size", "font-family", "background-color"].filter((H) => g[H]).map((H) => H + ":" + g[H]).join(";");
-      for (x && y.setAttribute("style", x), r.getAttribute("dir") && y.setAttribute("dir", r.getAttribute("dir")); r.firstChild; ) y.appendChild(r.firstChild);
-      n[n.length - 1].list.appendChild(y), r.remove();
+      const y = u.createElement("li"), g = ut(l), x = ["text-align", "direction", "unicode-bidi", "color", "font-size", "font-family", "background-color"].filter((A) => g[A]).map((A) => A + ":" + g[A]).join(";");
+      for (x && y.setAttribute("style", x), l.getAttribute("dir") && y.setAttribute("dir", l.getAttribute("dir")); l.firstChild; ) y.appendChild(l.firstChild);
+      n[n.length - 1].list.appendChild(y), l.remove();
     });
   });
 }
-function ai(p) {
-  p.querySelectorAll('b[id^="docs-internal-guid"]').forEach((t) => {
+function pi(u) {
+  u.querySelectorAll('b[id^="docs-internal-guid"]').forEach((t) => {
     for (; t.firstChild; ) t.parentNode.insertBefore(t.firstChild, t);
     t.remove();
   });
 }
-function ci(p) {
-  p.querySelectorAll("table").forEach((t) => {
+function mi(u) {
+  u.querySelectorAll("table").forEach((t) => {
     const e = t;
     ut(e)["border-collapse"] || (e.style.borderCollapse = "collapse");
-  }), p.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");
-  }), p.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";
-  }), p.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 ht(p, t) {
-  Array.from(p.childNodes).forEach((e) => {
+function ht(u, t) {
+  Array.from(u.childNodes).forEach((e) => {
     if (e.nodeType === Node.COMMENT_NODE) {
       e.remove();
       return;
     }
     if (e.nodeType !== Node.ELEMENT_NODE) return;
     const i = e, s = i.tagName.toLowerCase();
-    if (!si.has(s)) {
+    if (!ai.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 c = i.getAttribute("size");
-        if (c && !o.style.fontSize) {
+        const a = i.getAttribute("size");
+        if (a && !o.style.fontSize) {
           const d = {
             1: "8pt",
             2: "10pt",
@@ -2584,7 +2584,7 @@ function ht(p, t) {
             6: "24pt",
             7: "36pt"
           };
-          d[c] && (o.style.fontSize = d[c]);
+          d[a] && (o.style.fontSize = d[a]);
         }
         for (; i.firstChild; ) o.appendChild(i.firstChild);
         i.replaceWith(o), ht(o, t);
@@ -2594,10 +2594,10 @@ function ht(p, t) {
       i.remove();
       return;
     }
-    const n = /* @__PURE__ */ new Set([...ne["*"] || [], ...ne[s] || []]);
+    const n = /* @__PURE__ */ new Set([...re["*"] || [], ...re[s] || []]);
     if (Array.from(i.attributes).forEach((o) => {
-      const c = o.name.toLowerCase();
-      c !== "style" && !n.has(c) && i.removeAttribute(o.name);
+      const a = o.name.toLowerCase();
+      a !== "style" && !n.has(a) && i.removeAttribute(o.name);
     }), s === "a") {
       const o = i.getAttribute("href") || "";
       /^(https?:|mailto:|tel:|#)/i.test(o) || i.removeAttribute("href");
@@ -2605,130 +2605,233 @@ function ht(p, t) {
     if (s === "img") {
       const o = i.getAttribute("src") || "";
       if (!/^(https?:|data:image\/|blob:)/i.test(o)) {
-        const c = t.createElement("span");
-        c.textContent = "[local image — paste it separately]", c.setAttribute("style", "color:#a33;font-style:italic;font-size:12px"), i.replaceWith(c);
+        const a = t.createElement("span");
+        a.textContent = "[local image — paste it separately]", a.setAttribute("style", "color:#a33;font-style:italic;font-size:12px"), i.replaceWith(a);
         return;
       }
     }
-    const l = ut(i), r = [];
-    for (const [o, c] of Object.entries(l))
-      ni.has(o) && (/expression|javascript|url\s*\(\s*['"]?\s*file:/i.test(c) || o === "font-weight" && /^(400|normal)$/i.test(c) || o === "font-style" && /^normal$/i.test(c) || o === "text-decoration" && /^none$/i.test(c) || r.push(o + ":" + c));
-    if (r.length ? i.setAttribute("style", r.join(";")) : i.removeAttribute("style"), i.removeAttribute("class"), ht(i, t), s === "span" && !i.attributes.length) {
+    const r = ut(i), l = [];
+    for (const [o, a] of Object.entries(r))
+      ci.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) || l.push(o + ":" + a));
+    if (l.length ? i.setAttribute("style", l.join(";")) : i.removeAttribute("style"), i.removeAttribute("class"), ht(i, t), s === "span" && !i.attributes.length) {
       for (; i.firstChild; ) i.parentNode.insertBefore(i.firstChild, i);
       i.remove();
     }
   });
 }
-function hi(p) {
+function fi(u) {
   const t = [], e = /<style[^>]*>([\s\S]*?)<\/style>/gi;
   let i;
-  for (; i = e.exec(p); ) {
+  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 c = o.indexOf(":");
-        return c < 1 ? null : [o.slice(0, c).trim().toLowerCase(), o.slice(c + 1).trim()];
+    const r = /([^{}]+)\{([^}]*)\}/g;
+    for (; n = r.exec(s); ) {
+      const l = 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 }));
+      l.length && n[1].split(",").map((o) => o.trim()).filter((o) => o && !o.startsWith("@")).forEach((o) => t.push({ sel: o, decls: l }));
     }
   }
   return t;
 }
-function di(p, t) {
+function gi(u, t) {
   if (!t.length) return;
   const e = /* @__PURE__ */ new Map();
   t.forEach(({ sel: i, decls: s }) => {
     let n;
     try {
-      n = p.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, c]) => {
-        r[o] = c;
+    n.forEach((r) => {
+      let l = e.get(r);
+      l || (l = {}, e.set(r, l)), s.forEach(([o, a]) => {
+        l[o] = a;
       });
     });
   }), e.forEach((i, s) => {
-    const n = ut(s), l = s.hasAttribute("dir"), r = s.hasAttribute("align"), o = Object.entries(i).filter(([u]) => !(u in n || (u === "direction" || u === "unicode-bidi") && l || u === "text-align" && (r || l) || (u === "background" || u === "background-color") && s.hasAttribute("bgcolor")));
+    const n = ut(s), r = s.hasAttribute("dir"), l = s.hasAttribute("align"), o = Object.entries(i).filter(([p]) => !(p in n || (p === "direction" || p === "unicode-bidi") && r || p === "text-align" && (l || r) || (p === "background" || p === "background-color") && s.hasAttribute("bgcolor")));
     if (!o.length) return;
-    const c = o.map(([u, m]) => u + ":" + m).join(";"), d = s.getAttribute("style");
-    s.setAttribute("style", d ? c + ";" + d : c);
+    const a = o.map(([p, m]) => p + ":" + m).join(";"), d = s.getAttribute("style");
+    s.setAttribute("style", d ? a + ";" + d : a);
   });
 }
-function he(p) {
-  return p.replace(/[ﭐ-﷿ﹰ-ﻼ]+/g, (t) => t.normalize("NFKC"));
+function pe(u) {
+  return u.replace(/[ﭐ-﷿ﹰ-ﻼ]+/g, (t) => t.normalize("NFKC"));
 }
-function ui(p) {
-  const t = p.createTreeWalker(p.body, NodeFilter.SHOW_TEXT, null);
+function vi(u) {
+  const t = u.createTreeWalker(u.body, NodeFilter.SHOW_TEXT, null);
   let e;
   for (; e = t.nextNode(); )
-    /[ﭐ-﷿ﹰ-ﻼ]/.test(e.nodeValue || "") && (e.nodeValue = he(e.nodeValue || ""));
+    /[ﭐ-﷿ﹰ-ﻼ]/.test(e.nodeValue || "") && (e.nodeValue = pe(e.nodeValue || ""));
 }
-function pi(p, t = "ltr") {
-  const e = hi(p), i = new DOMParser().parseFromString(li(p), "text/html");
-  di(i, e), /class="?Mso|mso-|urn:schemas-microsoft-com/i.test(i.body.innerHTML) && ri(i), ai(i), ci(i), ht(i.body, i), ui(i);
+function bi(u, t = "ltr") {
+  const e = fi(u), i = new DOMParser().parseFromString(hi(u), "text/html");
+  gi(i, e), /class="?Mso|mso-|urn:schemas-microsoft-com/i.test(i.body.innerHTML) && ui(i), pi(i), mi(i), ht(i.body, i), vi(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 mi(p) {
-  const t = he(p).replace(/\r/g, ""), e = (i) => i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+function yi(u) {
+  const t = pe(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);
 }
-function fi(p) {
-  const t = new DataView(p), e = /* @__PURE__ */ new Map();
+const xi = 10 * 1024 * 1024, me = /^(https?:|data:image\/|blob:)/i;
+function le(u, t) {
+  const e = [], i = "{\\" + t;
+  let s = 0;
+  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 r = 0, l = s;
+    for (; l < u.length; l++) {
+      const o = u[l];
+      if (o === "\\") {
+        l++;
+        continue;
+      }
+      if (o === "{") r++;
+      else if (o === "}" && (r--, !r))
+        break;
+    }
+    e.push({ start: s, end: l + 1, body: u.slice(s + i.length, l) }), s = l + 1;
+  }
+  return e;
+}
+function Ci(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 wt(u) {
+  let t = "";
+  for (let e = 0; e < u.length; e++) t += String.fromCharCode(u[e]);
+  return btoa(t);
+}
+function oe(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 wi = [137, 80, 78, 71], Ti = [255, 216, 255];
+function Ei(u) {
+  let t = null;
+  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 = Ci(e);
+  if (t === "metafile") {
+    const s = oe(i, wi);
+    if (s >= 0) return "data:image/png;base64," + wt(i.slice(s));
+    const n = oe(i, Ti);
+    return n >= 0 ? "data:image/jpeg;base64," + wt(i.slice(n)) : null;
+  }
+  return "data:" + t + ";base64," + wt(i);
+}
+function Si(u) {
+  if (!u || u.indexOf("\\pict") === -1) return [];
+  let t = u;
+  le(u, "nonshppict").reverse().forEach((i) => {
+    t = t.slice(0, i.start) + t.slice(i.end);
+  });
+  let e = xi;
+  return le(t, "pict").map((i) => {
+    if (e <= 0) return null;
+    const s = Ei(i.body);
+    return s && (e -= s.length * 0.75), s;
+  });
+}
+function fe(u, t) {
+  if (!u || !t.length) return { html: u, injected: [] };
+  const e = [];
+  let i = 0;
+  return { html: u.replace(/<img\b[^>]*>/gi, (n) => {
+    const r = (n.match(/\ssrc\s*=\s*["']?([^"'\s>]+)/i) || [])[1] || "";
+    if (me.test(r)) return n;
+    const l = t[i++];
+    return l ? (e.push(l), /\ssrc\s*=\s*["']/i.test(n) ? n.replace(/(\ssrc\s*=\s*)(["'])[^"']*\2/i, '$1"' + l + '"') : n.replace(/(\ssrc\s*=\s*)[^\s>]+/i, '$1"' + l + '"')) : n;
+  }), injected: e };
+}
+function Mi(u, t) {
+  return !u || !t ? { html: u, injected: [] } : fe(u, Si(t));
+}
+function Li(u) {
+  const t = u.match(/<img\b[^>]*>/gi);
+  return t ? t.filter((e) => {
+    const i = (e.match(/\ssrc\s*=\s*["']?([^"'\s>]+)/i) || [])[1] || "";
+    return !me.test(i);
+  }).length : 0;
+}
+function ki(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 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 Ai(u) {
+  const t = new DataView(u), e = /* @__PURE__ */ new Map();
   let i = -1;
-  for (let r = p.byteLength - 22; r >= Math.max(0, p.byteLength - 22 - 65535); r--)
-    if (t.getUint32(r, !0) === 101010256) {
-      i = r;
+  for (let l = u.byteLength - 22; l >= Math.max(0, u.byteLength - 22 - 65535); l--)
+    if (t.getUint32(l, !0) === 101010256) {
+      i = l;
       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), c = t.getUint32(n + 20, !0), d = t.getUint16(n + 28, !0), u = t.getUint16(n + 30, !0), m = t.getUint16(n + 32, !0), b = t.getUint32(n + 42, !0), y = l.decode(new Uint8Array(p, n + 46, d));
-    e.set(y, { name: y, method: o, compSize: c, localOffset: b }), n += 46 + d + u + m;
+  const r = new TextDecoder();
+  for (let l = 0; l < s && t.getUint32(n, !0) === 33639248; l++) {
+    const o = 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), b = t.getUint32(n + 42, !0), y = r.decode(new Uint8Array(u, n + 46, d));
+    e.set(y, { name: y, method: o, compSize: a, localOffset: b }), n += 46 + d + p + m;
   }
   return e;
 }
-async function le(p, t) {
-  const e = new DataView(p, t.localOffset);
+async function ae(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(p.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 l = new Blob([r]).stream().pipeThrough(new DecompressionStream("deflate-raw"));
+  return new Uint8Array(await new Response(l).arrayBuffer());
 }
-const oe = (p) => p.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), dt = (p, t) => Array.from(p.children).filter((e) => e.localName === t), B = (p, ...t) => {
-  let e = p;
+const ce = (u) => u.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), dt = (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 = (p, t = "val") => {
-  if (!p) return "";
-  for (const e of Array.from(p.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 = (p, t) => {
-  const e = p ? B(p, 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";
-}, re = {
+}, he = {
   yellow: "#FFFF00",
   green: "#00FF00",
   cyan: "#00FFFF",
@@ -2745,7 +2848,7 @@ const oe = (p) => p.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
   lightGray: "#D3D3D3",
   black: "#000000",
   white: "#FFFFFF"
-}, gi = {
+}, Hi = {
   png: "image/png",
   jpg: "image/jpeg",
   jpeg: "image/jpeg",
@@ -2753,13 +2856,13 @@ const oe = (p) => p.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
   bmp: "image/bmp",
   webp: "image/webp"
 };
-function vi(p) {
+function Ii(u) {
   let t = "";
-  for (let e = 0; e < p.length; e += 32768)
-    t += String.fromCharCode(...p.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 bi {
+class qi {
   constructor(t, e, i) {
     this.rels = t, this.images = e, this.numFmt = i;
   }
@@ -2770,12 +2873,12 @@ class bi {
     };
     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 l = r.ilvl + 1;
+          for (; i.length > l; ) e += `</${i.pop()}>`;
+          for (i.length === l && i[l - 1] !== r.type && (e += `</${i.pop()}>`); i.length < l; )
+            e += `<${r.type}>`, i.push(r.type);
           e += `<li>${this.runsOf(n) || "<br>"}</li>`;
           continue;
         }
@@ -2796,10 +2899,10 @@ class bi {
     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), c = l.length ? ` style="${l.join(";")}"` : "";
-    return `<${s}${c}>${o || "<br>"}</${s}>`;
+    const r = [], l = q(B(t, "pPr", "jc"));
+    l === "center" ? r.push("text-align:center") : l === "right" || l === "end" ? r.push("text-align:right") : (l === "both" || l === "distribute") && r.push("text-align:justify"), e && B(e, "bidi") && r.push("direction:rtl");
+    const o = this.runsOf(t), a = r.length ? ` style="${r.join(";")}"` : "";
+    return `<${s}${a}>${o || "<br>"}</${s}>`;
   }
   runsOf(t) {
     let e = "";
@@ -2809,88 +2912,88 @@ class bi {
         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="${oe(s)}">${l}</a>` : l;
+        const r = this.runsOf(i);
+        e += s ? `<a href="${ce(s)}">${r}</a>` : r;
       } else (i.localName === "smartTag" || i.localName === "ins") && (e += this.runsOf(i));
     return e;
   }
   convertRun(t) {
     const e = B(t, "rPr");
     let i = "";
-    for (const u of Array.from(t.children))
-      u.localName === "t" ? i += oe(u.textContent || "") : u.localName === "br" || u.localName === "cr" ? i += "<br>" : u.localName === "tab" ? i += "&emsp;" : (u.localName === "drawing" || u.localName === "pict" || u.localName === "object") && (i += this.convertImage(u));
+    for (const p of Array.from(t.children))
+      p.localName === "t" ? i += ce(p.textContent || "") : p.localName === "br" || p.localName === "cr" ? i += "<br>" : p.localName === "tab" ? i += "&emsp;" : (p.localName === "drawing" || p.localName === "pict" || p.localName === "object") && (i += this.convertImage(p));
     if (!i) return "";
     const s = [], n = q(e ? B(e, "color") : null);
     n && n !== "auto" && s.push("color:#" + n);
-    const l = q(e ? B(e, "highlight") : null);
-    l && re[l] && s.push("background-color:" + re[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, c = q(o, "ascii") || q(o, "cs");
-    c && s.push(`font-family:'${c}'`), 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 r = q(e ? B(e, "highlight") : null);
+    r && he[r] && s.push("background-color:" + he[r]);
+    const l = parseFloat(q(e ? B(e, "sz") : null));
+    l && s.push("font-size:" + Math.round(l / 2 * (4 / 3)) + "px");
+    const o = e ? B(e, "rFonts") : null, a = q(o, "ascii") || q(o, "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 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");
+    const s = (l) => {
+      if (l.localName === "blip" && (e = e || q(l, "embed") || q(l, "link")), l.localName === "imagedata" && (e = e || q(l, "id")), l.localName === "extent") {
+        const o = parseFloat(l.getAttribute("cx") || "0");
         o && (i = Math.round(o / 9525));
       }
-      for (const o of Array.from(r.children)) s(o);
+      for (const o of Array.from(l.children)) s(o);
     };
     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 dt(t, "tr")) {
       e += "<tr>";
       for (const s of dt(i, "tc")) {
-        const n = parseInt(q(B(s, "tcPr", "gridSpan")) || "1", 10) || 1, l = n > 1 ? ` colspan="${n}"` : "";
-        let r = "";
+        const n = parseInt(q(B(s, "tcPr", "gridSpan")) || "1", 10) || 1, r = n > 1 ? ` colspan="${n}"` : "";
+        let l = "";
         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>`;
+          o.localName === "p" ? l += this.convertPara(o) : o.localName === "tbl" && (l += this.convertTable(o));
+        e += `<td style="border:1px solid #b9c2cc"${r}>${l || "<br>"}</td>`;
       }
       e += "</tr>";
     }
     return e + "</tbody></table>";
   }
 }
-async function yi(p) {
-  const t = p instanceof ArrayBuffer ? p : await p.arrayBuffer(), e = fi(t), i = new TextDecoder(), s = async (y) => {
+async function Ri(u) {
+  const t = u instanceof ArrayBuffer ? u : await u.arrayBuffer(), e = Ai(t), i = new TextDecoder(), s = async (y) => {
     const g = e.get(y);
-    return g ? new DOMParser().parseFromString(i.decode(await le(t, g)), "application/xml") : null;
-  }, n = await s("word/document.xml"), l = n == null ? void 0 : n.getElementsByTagName("*");
-  let r = null;
-  if (l) {
-    for (const y of Array.from(l))
+    return g ? new DOMParser().parseFromString(i.decode(await ae(t, g)), "application/xml") : null;
+  }, n = await s("word/document.xml"), r = n == null ? void 0 : n.getElementsByTagName("*");
+  let l = null;
+  if (r) {
+    for (const y of Array.from(r))
       if (y.localName === "body") {
-        r = y;
+        l = y;
         break;
       }
   }
-  if (!r) throw new Error("word/document.xml missing or invalid");
-  const o = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), d = await s("word/_rels/document.xml.rels");
+  if (!l) throw new Error("word/document.xml missing or invalid");
+  const o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), d = await s("word/_rels/document.xml.rels");
   if (d)
     for (const y of Array.from(d.getElementsByTagName("*"))) {
       if (y.localName !== "Relationship") continue;
       const g = y.getAttribute("Id") || "", x = y.getAttribute("Target") || "", w = y.getAttribute("Type") || "";
-      /hyperlink/i.test(w) ? o.set(g, x) : /image/i.test(w) && c.set(g, x);
+      /hyperlink/i.test(w) ? o.set(g, x) : /image/i.test(w) && a.set(g, x);
     }
-  const u = /* @__PURE__ */ new Map();
-  for (const [y, g] of c) {
+  const p = /* @__PURE__ */ new Map();
+  for (const [y, g] of a) {
     const x = g.startsWith("/") ? g.slice(1) : "word/" + g.replace(/^\.\//, ""), w = e.get(x);
     if (!w) continue;
-    const E = (x.split(".").pop() || "").toLowerCase(), I = gi[E];
+    const E = (x.split(".").pop() || "").toLowerCase(), I = Hi[E];
     if (I)
       try {
-        u.set(y, `data:${I};base64,${vi(await le(t, w))}`);
+        p.set(y, `data:${I};base64,${Ii(await ae(t, w))}`);
       } catch {
       }
   }
@@ -2899,7 +3002,7 @@ async function yi(p) {
     const y = /* @__PURE__ */ new Map(), g = Array.from(b.getElementsByTagName("*"));
     for (const x of g) {
       if (x.localName !== "abstractNum") continue;
-      const w = q(x, "abstractNumId"), E = dt(x, "lvl").find((H) => q(H, "ilvl") === "0") || dt(x, "lvl")[0], I = E ? q(B(E, "numFmt")) : "";
+      const w = q(x, "abstractNumId"), E = dt(x, "lvl").find((A) => q(A, "ilvl") === "0") || dt(x, "lvl")[0], I = E ? q(B(E, "numFmt")) : "";
       y.set(w, I === "bullet" ? "ul" : "ol");
     }
     for (const x of g) {
@@ -2908,75 +3011,75 @@ async function yi(p) {
       m.set(w, y.get(E) || "ul");
     }
   }
-  return new bi(o, u, m).convertBody(r);
+  return new qi(o, p, m).convertBody(l);
 }
-const xi = ["nw", "ne", "sw", "se"], wt = ["img-left", "img-right", "img-top", "img-center"], Tt = {
+const Pi = ["nw", "ne", "sw", "se"], Tt = ["img-left", "img-right", "img-top", "img-center"], Et = {
   "img-left": "tplimgleft",
   "img-right": "tplimgright",
   "img-top": "tplimgtop",
   "img-center": "tplimgcenter"
-}, Ci = {
+}, Bi = {
   "img-left": h.tplleft,
   "img-right": h.tplright,
   "img-top": h.tpltop,
   "img-center": h.tplcenter
-}, wi = ".tox,.pop,.tblctx,.imgctx,.selctx,.dlg";
-let Z = null, X = null, St = 0, ae = !1;
+}, Ni = ".tox,.pop,.tblctx,.imgctx,.selctx,.dlg";
+let O = null, X = null, Mt = 0, de = !1;
 function ct() {
-  clearTimeout(St), X = null, Z && Z.classList.remove("show");
+  clearTimeout(Mt), X = null, O && O.classList.remove("show");
 }
-function Ti(p) {
-  const t = p.dataset.tip;
+function Di(u) {
+  const t = u.dataset.tip;
   if (!t) return;
-  X = p, clearTimeout(St);
-  const e = Z && Z.classList.contains("show") ? 60 : 350;
-  St = window.setTimeout(() => {
-    if (X !== p || !document.contains(p)) return;
-    Z || (Z = document.createElement("div"), Z.className = "etip", document.body.appendChild(Z)), Z.textContent = t, Z.classList.add("show");
-    const i = p.getBoundingClientRect(), s = Z.offsetWidth, n = Z.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), Z.style.left = l + "px", Z.style.top = r + "px";
+  X = u, clearTimeout(Mt);
+  const e = O && O.classList.contains("show") ? 60 : 350;
+  Mt = window.setTimeout(() => {
+    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 = 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 l = i.bottom + 7;
+    l + n > innerHeight - 6 && (l = i.top - n - 7), O.style.left = r + "px", O.style.top = l + "px";
   }, e);
 }
-function Ei() {
-  ae || (ae = !0, document.addEventListener("mouseover", (p) => {
-    const t = p.target, e = t.closest ? t.closest("[title],[data-tip]") : null;
-    if (!e || !e.closest(wi) || e.closest(".earea")) {
+function Oi() {
+  de || (de = !0, document.addEventListener("mouseover", (u) => {
+    const t = u.target, e = t.closest ? t.closest("[title],[data-tip]") : null;
+    if (!e || !e.closest(Ni) || 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 && Ti(e);
-  }), document.addEventListener("mouseout", (p) => {
-    X && !X.contains(p.relatedTarget) && ct();
+    i && (e.dataset.tip = i, e.removeAttribute("title"), e.getAttribute("aria-label") || e.setAttribute("aria-label", i)), e !== X && Di(e);
+  }), document.addEventListener("mouseout", (u) => {
+    X && !X.contains(u.relatedTarget) && ct();
   }), document.addEventListener("mousedown", ct, !0), addEventListener("scroll", ct, !0));
 }
-const Si = /[\u0590-\u05FF\u0600-\u06FF\u0750-\u077F\u0780-\u07BF\u08A0-\u08FF\uFB1D-\uFB4F\uFB50-\uFDFF\uFE70-\uFEFF]/, Mi = new RegExp("\\p{L}", "u"), ki = "p,div,li,td,th,blockquote,h1,h2,h3,h4,h5,h6,pre,figcaption";
-function Li(p) {
-  for (const t of p) {
-    if (Si.test(t)) return "rtl";
-    if (Mi.test(t)) return "ltr";
+const Zi = /[\u0590-\u05FF\u0600-\u06FF\u0750-\u077F\u0780-\u07BF\u08A0-\u08FF\uFB1D-\uFB4F\uFB50-\uFDFF\uFE70-\uFEFF]/, Fi = new RegExp("\\p{L}", "u"), _i = "p,div,li,td,th,blockquote,h1,h2,h3,h4,h5,h6,pre,figcaption";
+function $i(u) {
+  for (const t of u) {
+    if (Zi.test(t)) return "rtl";
+    if (Fi.test(t)) return "ltr";
   }
   return null;
 }
-function de(p) {
+function ge(u) {
   let t = "";
-  return p.childNodes.forEach((e) => {
+  return u.childNodes.forEach((e) => {
     if (e.nodeType === Node.TEXT_NODE)
       t += e.nodeValue || "";
     else if (e.nodeType === Node.ELEMENT_NODE) {
       const i = e, s = (i.getAttribute("dir") || "").toLowerCase();
       if (s === "rtl" || s === "ltr") return;
-      t += de(i);
+      t += ge(i);
     }
   }), t;
 }
 var j;
-let Hi = (j = class {
+let ji = (j = class {
   constructor(t) {
-    this.lang = "en", this.contentClass = "fable-content-" + j.instanceCounter++, this.contentStyleEl = null, this.savedRange = null, this.foreColor = "#000000", this.backColor = "#FACC15", this.openPop = null, this.openSubEl = null, this.popAnchor = null, this.dlgOvl = null, this.tblActive = null, this.tblCorner = null, this.tblColBars = [], this.tblCtx = null, this.tblCellMark = null, this.tblOpMark = null, this.tblOpMarkKind = null, this.imgActive = null, this.imgHandles = [], this.imgCtx = null, this.imgHideTimer = null, this.phActive = null, this.phCtx = null, this.phUploadTarget = null, this.vidActive = null, this.vidCtx = null, this.vidHideTimer = null, this.vphActive = null, this.vphCtx = null, this.vphUploadTarget = null, this.selCtx = null, this.tbrMore = null, this.tbrExpanded = !1, this.codeActive = null, this.codeCtx = null, this.tplActive = null, this.tplCtx = null, this.revisions = [], this.revTimer = null, this.draftTimer = null, this.draftStorageKey = "", this.listeners = [], this.isDestroyed = !1, this.options = {
+    this.lang = "en", this.contentClass = "fable-content-" + j.instanceCounter++, this.contentStyleEl = null, this.savedRange = null, this.foreColor = "#000000", this.backColor = "#FACC15", this.openPop = null, this.subStack = [], this.popAnchor = null, this.dlgOvl = null, this.tblActive = null, this.tblCorner = null, this.tblColBars = [], this.tblCtx = null, this.tblCellMark = null, this.tblOpMark = null, this.tblOpMarkKind = null, this.imgActive = null, this.imgHandles = [], this.imgCtx = null, this.imgHideTimer = null, this.phActive = null, this.phCtx = null, this.phUploadTarget = null, this.vidActive = null, this.vidCtx = null, this.vidHideTimer = null, this.vphActive = null, this.vphCtx = null, this.vphUploadTarget = null, this.selCtx = null, this.tbrMore = null, this.tbrExpanded = !1, this.codeActive = null, this.codeCtx = null, this.tplActive = null, this.tplCtx = null, this.revisions = [], this.revTimer = null, this.draftTimer = null, this.draftStorageKey = "", this.listeners = [], this.isDestroyed = !1, this.options = {
       target: t.target,
       language: t.language || "en",
       height: t.height ?? 302,
@@ -2990,10 +3093,10 @@ let Hi = (j = class {
       statusbar: t.statusbar ?? !0,
       readonly: t.readonly ?? !1,
       draftKey: t.draftKey ?? (typeof location < "u" ? location.pathname : "default"),
-      fontFamilyFormats: t.fontFamilyFormats ?? Ye,
+      fontFamilyFormats: t.fontFamilyFormats ?? ti,
       imageFileTypes: t.imageFileTypes ?? ["image/jpeg", "image/jpg", "image/png", "image/gif", "image/bmp", "image/webp"],
       videoFileTypes: t.videoFileTypes ?? ["video/mp4", "video/webm", "video/ogg"]
-    }, this.imageUploadHandler = t.imageUploadHandler, this.onImageUploadError = t.onImageUploadError, this.videoUploadHandler = t.videoUploadHandler, this.onVideoUploadError = t.onVideoUploadError, this.contentStyle = t.contentStyle, this.applyTheme(t), this.lang = this.options.language, this.draftStorageKey = "tmclone-draft:" + this.options.draftKey, this.initDOM(), this.bindEvents(), this.initUI(), this.recordRevision(), this.options.onReady(this);
+    }, this.imageUploadHandler = t.imageUploadHandler, this.onImageUploadError = t.onImageUploadError, this.videoUploadHandler = t.videoUploadHandler, this.onVideoUploadError = t.onVideoUploadError, this.contentStyle = t.contentStyle, this.applyTheme(t), this.lang = this.options.language, this.draftStorageKey = "tmclone-draft:" + this.options.draftKey, this.initDOM(), this.bindEvents(), this.initUI(), this.recordRevision(), this.stampExistingImages(), this.options.onReady(this);
   }
   t(t) {
     const e = Ct(this.lang)[t];
@@ -3016,7 +3119,7 @@ let Hi = (j = class {
       </span>
     `, this.sbHelp = this.statusbar.querySelector(".mid"), this.sbWords = this.statusbar.querySelector(".words");
     const e = this.statusbar.querySelector(".grip");
-    this.bindGrip(e), this.shell.appendChild(this.menubar), this.shell.appendChild(this.toolbar), this.shell.appendChild(this.ed), this.shell.appendChild(this.statusbar), this.contentStyle && (this.contentStyleEl = document.createElement("style"), this.contentStyleEl.textContent = this.scopeContentStyle(this.contentStyle), this.shell.appendChild(this.contentStyleEl)), t.appendChild(this.shell), Ei(), this.options.statusbar || (this.statusbar.style.display = "none"), this.imgInput = document.createElement("input"), this.imgInput.type = "file", this.imgInput.accept = this.options.imageFileTypes.join(","), this.imgInput.style.display = "none", t.appendChild(this.imgInput), this.vidInput = document.createElement("input"), this.vidInput.type = "file", this.vidInput.accept = this.options.videoFileTypes.join(","), this.vidInput.style.display = "none", t.appendChild(this.vidInput), this.docInput = document.createElement("input"), this.docInput.type = "file", this.docInput.accept = ".docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document", this.docInput.style.display = "none", t.appendChild(this.docInput);
+    this.bindGrip(e), this.shell.appendChild(this.menubar), this.shell.appendChild(this.toolbar), this.shell.appendChild(this.ed), this.shell.appendChild(this.statusbar), this.contentStyle && (this.contentStyleEl = document.createElement("style"), this.contentStyleEl.textContent = this.scopeContentStyle(this.contentStyle), this.shell.appendChild(this.contentStyleEl)), t.appendChild(this.shell), Oi(), this.options.statusbar || (this.statusbar.style.display = "none"), this.imgInput = document.createElement("input"), this.imgInput.type = "file", this.imgInput.accept = this.options.imageFileTypes.join(","), this.imgInput.style.display = "none", t.appendChild(this.imgInput), this.vidInput = document.createElement("input"), this.vidInput.type = "file", this.vidInput.accept = this.options.videoFileTypes.join(","), this.vidInput.style.display = "none", t.appendChild(this.vidInput), this.docInput = document.createElement("input"), this.docInput.type = "file", this.docInput.accept = ".docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document", this.docInput.style.display = "none", t.appendChild(this.docInput);
   }
   /** Theme options land as CSS variables on the document root rather than the editor
    *  shell, because dialogs, popups and floating context toolbars are appended to
@@ -3036,19 +3139,19 @@ let Hi = (j = class {
     let e = 0, i = 0;
     const s = (n) => {
       e = n.clientY, i = this.ed.offsetHeight, n.preventDefault();
-      const l = (o) => {
+      const r = (o) => {
         this.ed.style.height = Math.max(120, i + o.clientY - e) + "px";
-      }, r = () => {
-        window.removeEventListener("mousemove", l), window.removeEventListener("mouseup", r);
+      }, l = () => {
+        window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", l);
       };
-      window.addEventListener("mousemove", l), window.addEventListener("mouseup", r);
+      window.addEventListener("mousemove", r), window.addEventListener("mouseup", l);
     };
     t.addEventListener("mousedown", s), this.listeners.push(() => t.removeEventListener("mousedown", s));
   }
   /* ---------------------------------------------------------- event binding */
   bindEvents() {
     if (this.onDoc("mousedown", (t) => {
-      this.openPop && !this.openPop.contains(t.target) && !this.popAnchor.contains(t.target) && !(this.openSubEl && this.openSubEl.contains(t.target)) && this.closePop();
+      this.openPop && !this.openPop.contains(t.target) && !this.popAnchor.contains(t.target) && !this.subContains(t.target) && this.closePop();
     }), this.onDoc("keydown", (t) => {
       t.key === "Escape" && (this.closePop(), this.closeDlg());
     }), this.onDoc("selectionchange", () => {
@@ -3059,52 +3162,54 @@ let Hi = (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, l, o;
       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 c = Array.from(((l = t.dataTransfer) == null ? void 0 : l.files) || []).find((d) => d.type.startsWith("image/"));
-        c && this.readImageFileInto(c, i);
+        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 = (l = e.closest) == null ? void 0 : l.call(e, ".vid-ph");
       if (s && this.ed.contains(s) && !this.options.readonly) {
-        const c = Array.from(((o = t.dataTransfer) == null ? void 0 : o.files) || []).find((d) => d.type.startsWith("video/"));
-        c && this.readVideoFileInto(c, s);
+        const a = Array.from(((o = t.dataTransfer) == null ? void 0 : o.files) || []).find((d) => d.type.startsWith("video/"));
+        a && this.readVideoFileInto(a, s);
       }
     }), this.on(this.ed, "dragover", (t) => t.preventDefault()), this.on(this.ed, "mousedown", (t) => {
-      var d, u, m, b, y, g, x;
+      var d, p, m, b, y, g, x;
       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 = (u = e.closest) == null ? void 0 : u.call(e, ".img-ph:not(.vid-ph)");
+      const s = (p = e.closest) == null ? void 0 : p.call(e, ".img-ph:not(.vid-ph)");
       s && this.ed.contains(s) && !this.options.readonly ? (t.preventDefault(), this.ed.focus(), this.selectImgPlaceholder(s)) : this.clearImgPlaceholderSel();
       const 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 = (b = e.closest) == null ? void 0 : b.call(e, ".tpl");
-      l && this.ed.contains(l) && !this.options.readonly ? this.selectTemplate(l) : this.clearTplSel();
-      const r = (y = e.closest) == null ? void 0 : y.call(e, "pre.code-block");
-      r && this.ed.contains(r) && !this.options.readonly ? (t.preventDefault(), this.selectCodeEl(r)) : this.clearCodeSel();
+      const r = (b = e.closest) == null ? void 0 : b.call(e, ".tpl");
+      r && this.ed.contains(r) && !this.options.readonly ? this.selectTemplate(r) : this.clearTplSel();
+      const l = (y = e.closest) == null ? void 0 : y.call(e, "pre.code-block");
+      l && this.ed.contains(l) && !this.options.readonly ? (t.preventDefault(), this.selectCodeEl(l)) : this.clearCodeSel();
       const o = (g = e.closest) == null ? void 0 : g.call(e, "img");
       o && this.ed.contains(o) && !this.options.readonly ? (t.preventDefault(), this.selectImage(o)) : this.clearImageHandles();
-      const c = (x = e.closest) == null ? void 0 : x.call(e, "video, .video-embed");
-      c && this.ed.contains(c) && !this.options.readonly ? (t.preventDefault(), this.selectVideo(c)) : this.clearVidHandles();
+      const a = (x = e.closest) == null ? void 0 : x.call(e, "video, .video-embed");
+      a && this.ed.contains(a) && !this.options.readonly ? (t.preventDefault(), this.selectVideo(a)) : this.clearVidHandles();
     }), this.on(this.ed, "mouseover", (t) => {
       var i, s;
       if (this.options.readonly) return;
       const e = (s = (i = t.target).closest) == null ? void 0 : s.call(i, "img");
       e && this.ed.contains(e) && (this.cancelImgHide(), this.selectImage(e));
     }), this.on(this.ed, "mouseout", (t) => {
-      var s, n, l, r;
+      var s, n, r, l;
       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((o) => o.contains(i)) || ((l = i.closest) == null ? void 0 : l.call(i, "img")) === e) || this.scheduleImgHide();
     }), this.on(this.ed, "scroll", () => {
       this.positionTableHandles(), this.positionImageHandles(), this.positionImgPhCtx(), this.positionTplCtx(), this.positionVphCtx(), this.positionVidCtx(), this.positionCodeCtx();
     }), this.onWin(
       "scroll",
-      () => {
-        this.closePop(), this.positionTableHandles(), this.positionImageHandles(), this.positionImgPhCtx(), this.positionTplCtx(), this.positionVphCtx(), this.positionVidCtx(), this.positionCodeCtx(), this.repositionSelToolbar();
+      (t) => {
+        var s;
+        const e = t.target;
+        e instanceof Node && ((((s = this.openPop) == null ? void 0 : s.contains(e)) ?? !1) || this.subContains(e)) || this.closePop(), this.positionTableHandles(), this.positionImageHandles(), this.positionImgPhCtx(), this.positionTplCtx(), this.positionVphCtx(), this.positionVidCtx(), this.positionCodeCtx(), this.repositionSelToolbar();
       },
       !0
     ), this.onWin("resize", () => {
@@ -3124,11 +3229,7 @@ let Hi = (j = class {
       }
       const i = new FileReader();
       i.onload = () => {
-        this.restoreSel(), document.execCommand(
-          "insertHTML",
-          !1,
-          `<img src="${i.result}" title="${t.name.replace(/"/g, "")}" alt="">`
-        ), this.onChange();
+        this.restoreSel(), this.insertImageHTML(i.result, t.name.replace(/"/g, "")), this.onChange();
       }, i.readAsDataURL(t);
     }), this.on(this.vidInput, "change", () => {
       var s;
@@ -3152,7 +3253,7 @@ let Hi = (j = class {
       const t = (e = this.docInput.files) == null ? void 0 : e[0];
       t && this.importWordFile(t).catch(() => alert(this.t("importfail")));
     }), this.onDoc("mousedown", (t) => {
-      this.ed.contains(t.target) || t.target === this.tblCorner || this.tblColBars.includes(t.target) || this.tblCtx && this.tblCtx.contains(t.target) || this.imgHandles.includes(t.target) || this.imgCtx && this.imgCtx.contains(t.target) || this.phCtx && this.phCtx.contains(t.target) || this.tplCtx && this.tplCtx.contains(t.target) || this.selCtx && this.selCtx.contains(t.target) || this.vphCtx && this.vphCtx.contains(t.target) || this.vidCtx && this.vidCtx.contains(t.target) || this.codeCtx && this.codeCtx.contains(t.target) || this.openPop && this.openPop.contains(t.target) || this.openSubEl && this.openSubEl.contains(t.target) || (this.clearTableHandles(), this.clearImageHandles(), this.clearImgPlaceholderSel(), this.clearTplSel(), this.clearVphPlaceholderSel(), this.clearVidHandles(), this.clearCodeSel(), this.clearSelToolbar());
+      this.ed.contains(t.target) || t.target === this.tblCorner || this.tblColBars.includes(t.target) || this.tblCtx && this.tblCtx.contains(t.target) || this.imgHandles.includes(t.target) || this.imgCtx && this.imgCtx.contains(t.target) || this.phCtx && this.phCtx.contains(t.target) || this.tplCtx && this.tplCtx.contains(t.target) || this.selCtx && this.selCtx.contains(t.target) || this.vphCtx && this.vphCtx.contains(t.target) || this.vidCtx && this.vidCtx.contains(t.target) || this.codeCtx && this.codeCtx.contains(t.target) || this.openPop && this.openPop.contains(t.target) || this.subContains(t.target) || (this.clearTableHandles(), this.clearImageHandles(), this.clearImgPlaceholderSel(), this.clearTplSel(), this.clearVphPlaceholderSel(), this.clearVidHandles(), this.clearCodeSel(), this.clearSelToolbar());
     });
   }
   on(t, e, i) {
@@ -3182,33 +3283,41 @@ let Hi = (j = class {
    *  content with no strongly-directional character anywhere falls back to the
    *  editor's current direction. */
   getContentForEmail() {
-    const t = (l, r) => {
-      const o = (l.getAttribute("style") || "").trim();
-      l.setAttribute("style", o ? o.replace(/;?$/, "; ") + r : r);
+    const t = (l, o) => {
+      const a = (l.getAttribute("style") || "").trim();
+      l.setAttribute("style", a ? a.replace(/;?$/, "; ") + o : o);
     }, e = document.createElement("div");
     e.innerHTML = this.ed.innerHTML;
     let i = null;
     e.querySelectorAll("[dir]").forEach((l) => {
-      const r = (l.getAttribute("dir") || "").toLowerCase();
-      if (r !== "rtl" && r !== "ltr") return;
-      const o = r;
-      i || (i = o), /text-align\s*:/i.test(l.getAttribute("style") || "") || t(l, `text-align:${o === "rtl" ? "right" : "left"}`);
-    }), e.querySelectorAll(ki).forEach((l) => {
-      const r = (l.getAttribute("dir") || "").toLowerCase();
-      if (r === "rtl" || r === "ltr") return;
-      const o = Li(de(l));
-      if (!o) return;
-      i || (i = o), l.setAttribute("dir", o);
-      const c = /text-align\s*:/i.test(l.getAttribute("style") || "");
-      t(l, c ? `direction:${o}` : `direction:${o};text-align:${o === "rtl" ? "right" : "left"}`);
+      const o = (l.getAttribute("dir") || "").toLowerCase();
+      if (o !== "rtl" && o !== "ltr") return;
+      const a = o;
+      i || (i = a), /text-align\s*:/i.test(l.getAttribute("style") || "") || t(l, `text-align:${a === "rtl" ? "right" : "left"}`);
+    }), e.querySelectorAll(_i).forEach((l) => {
+      const o = (l.getAttribute("dir") || "").toLowerCase();
+      if (o === "rtl" || o === "ltr") return;
+      const a = $i(ge(l));
+      if (!a) return;
+      i || (i = a), l.setAttribute("dir", a);
+      const d = /text-align\s*:/i.test(l.getAttribute("style") || "");
+      t(l, d ? `direction:${a}` : `direction:${a};text-align:${a === "rtl" ? "right" : "left"}`);
+    });
+    const s = this.ed.querySelectorAll("img");
+    e.querySelectorAll("img").forEach((l, o) => {
+      if (l.closest(".tpl-media")) return;
+      const a = s[o], d = Math.round((a == null ? void 0 : a.getBoundingClientRect().width) || 0);
+      d > 0 && !l.getAttribute("width") && l.setAttribute("width", String(d));
+      const p = l.getAttribute("style") || "";
+      d > 0 && !/(^|;)\s*width\s*:/i.test(p) && t(l, `width:${d}px`), /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");
     });
-    const s = i || this.ed.getAttribute("dir") || this.dir();
+    const n = i || this.ed.getAttribute("dir") || this.dir();
     return e.querySelectorAll("table:not([dir])").forEach((l) => {
-      l.setAttribute("dir", s), /direction\s*:/i.test(l.getAttribute("style") || "") || t(l, `direction:${s}`);
-    }), `<div dir="${s}" style="direction:${s};text-align:${s === "rtl" ? "right" : "left"}">${e.innerHTML}</div>`;
+      l.setAttribute("dir", n), /direction\s*:/i.test(l.getAttribute("style") || "") || t(l, `direction:${n}`);
+    }), `<div dir="${n}" style="direction:${n};text-align:${n === "rtl" ? "right" : "left"}">${e.innerHTML}</div>`;
   }
   setContent(t) {
-    this.ed.innerHTML = t || "<p><br></p>", this.refreshState(), this.clearTableHandles(), this.clearImageHandles(), this.clearImgPlaceholderSel(), this.clearTplSel(), this.clearVphPlaceholderSel(), this.clearVidHandles(), this.clearCodeSel(), this.clearSelToolbar(), this.onChange();
+    this.ed.innerHTML = t || "<p><br></p>", this.refreshState(), this.clearTableHandles(), this.clearImageHandles(), this.clearImgPlaceholderSel(), this.clearTplSel(), this.clearVphPlaceholderSel(), this.clearVidHandles(), this.clearCodeSel(), this.clearSelToolbar(), this.onChange(), this.stampExistingImages();
   }
   insertContent(t) {
     this.restoreSel(), document.execCommand("insertHTML", !1, t), this.saveSel(), this.refreshState(), this.onChange();
@@ -3220,7 +3329,7 @@ let Hi = (j = class {
     this.ed.focus();
   }
   async importWordFile(t) {
-    const e = await yi(t);
+    const e = await Ri(t);
     this.recordRevision(), this.setContent(e), this.recordRevision();
   }
   restoreDraft() {
@@ -3279,8 +3388,8 @@ let Hi = (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();
@@ -3330,52 +3439,70 @@ let Hi = (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 l = 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 = {}, c = (d) => {
-        l = d, this.revisions.forEach((u, m) => {
+      }), o = {}, a = (d) => {
+        r = d, this.revisions.forEach((p, m) => {
           var b;
           return (b = o[m]) == null ? void 0 : b.classList.toggle("on", m === d);
         }), s.innerHTML = this.revisions[d].html, n.disabled = d === this.revisions.length - 1;
       };
       for (let d = this.revisions.length - 1; d >= 0; d--) {
-        const u = this.revisions[d], m = document.createElement("button");
+        const p = this.revisions[d], m = document.createElement("button");
         m.type = "button";
-        const b = (new DOMParser().parseFromString(u.html, "text/html").body.textContent || "").trim(), y = b ? b.split(/\s+/).length : 0, g = d === this.revisions.length - 1;
-        m.innerHTML = `<span>${g ? this.t("currentver") : r.format(new Date(u.time))}</span><span class="wc">${y} ${this.t("words")}</span>`, m.addEventListener("click", () => c(d)), o[d] = m, i.appendChild(m);
+        const b = (new DOMParser().parseFromString(p.html, "text/html").body.textContent || "").trim(), y = b ? b.split(/\s+/).length : 0, g = d === this.revisions.length - 1;
+        m.innerHTML = `<span>${g ? this.t("currentver") : l.format(new Date(p.time))}</span><span class="wc">${y} ${this.t("words")}</span>`, m.addEventListener("click", () => a(d)), o[d] = m, i.appendChild(m);
       }
       i.append(n), n.addEventListener("click", () => {
-        const d = this.revisions[l];
+        const d = this.revisions[r];
         d && (this.recordRevision(), this.setContent(d.html), this.recordRevision(), this.closeDlg());
-      }), e.append(i, s), t.appendChild(e), c(l);
+      }), e.append(i, s), t.appendChild(e), a(r);
     });
   }
   /* ---------------------------------------------------------- popups / menus */
   closeSub() {
-    var t;
-    (t = this.openSubEl) == null || t.remove(), this.openSubEl = null;
+    this.closeSubFrom(0);
+  }
+  /** Removes stacked flyouts from `level` (0 = shallowest) onward, keeping
+   *  anything shallower - e.g. hovering a sibling item inside the "Cell"
+   *  flyout should drop a deeper "Cell background" flyout but keep "Cell"
+   *  itself and the top-level popup it bridges to. */
+  closeSubFrom(t) {
+    for (; this.subStack.length > t; ) this.subStack.pop().remove();
+  }
+  /** True if `node` is inside any currently-open flyout submenu (any depth). */
+  subContains(t) {
+    return this.subStack.some((e) => e.contains(t));
+  }
+  /** 0 for the top-level popup itself; otherwise this container's depth in
+   *  the flyout stack + 1. Used to know how many deeper flyouts to close
+   *  when opening or hovering within `container`. */
+  subLevelOf(t) {
+    if (t === this.openPop) return 0;
+    const e = this.subStack.indexOf(t);
+    return e === -1 ? this.subStack.length : e + 1;
   }
   closePop() {
     var t;
     this.closeSub(), this.openPop && (this.openPop.remove(), this.openPop = null, (t = this.popAnchor) == null || t.classList.remove("open"), this.popAnchor = null, this.setOpTarget(null));
   }
   openSubFor(t, e) {
-    this.closeSub();
-    const i = document.createElement("div");
-    i.className = "pop sub", i.dir = this.dir(), t.subBuild ? t.subBuild(i) : t.sub && this.menuItems(i, t.sub), i.addEventListener("mousedown", (o) => {
-      o.target.tagName !== "INPUT" && o.preventDefault();
-    }), document.body.appendChild(i);
-    const s = e.getBoundingClientRect();
-    let l = this.dir() === "rtl" ? s.left - i.offsetWidth + 2 : s.right - 2;
-    l = Math.max(8, Math.min(l + scrollX, scrollX + innerWidth - i.offsetWidth - 8));
-    let r = s.top + scrollY - 6;
-    r = Math.max(8 + scrollY, Math.min(r, scrollY + innerHeight - i.offsetHeight - 8)), i.style.left = l + "px", i.style.top = r + "px", this.openSubEl = i;
+    const i = e.getBoundingClientRect(), s = e.closest(".pop");
+    this.closeSubFrom(s ? this.subLevelOf(s) : 0);
+    const n = document.createElement("div");
+    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 l = this.dir() === "rtl" ? i.left - n.offsetWidth + 2 : i.right - 2;
+    l = Math.max(8, Math.min(l + 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 = l + "px", n.style.top = o + "px", this.subStack.push(n);
   }
   popup(t, e, i) {
     if (this.openPop && this.popAnchor === t) {
@@ -3386,10 +3513,12 @@ let Hi = (j = class {
     const s = document.createElement("div");
     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", s.style.top = n.bottom + scrollY + 2 + "px";
-    let r = this.dir() === "rtl" ? n.right - s.offsetWidth : n.left;
-    r = Math.max(8, Math.min(r + scrollX, scrollX + innerWidth - s.offsetWidth - 8)), s.style.left = r + "px", s.addEventListener("mousedown", (o) => {
-      o.target.tagName !== "INPUT" && o.preventDefault();
+    s.style.minWidth = Math.max(160, Math.round(n.width)) + "px";
+    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 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) => {
+      a.target.tagName !== "INPUT" && a.preventDefault();
     }), this.openPop = s, this.popAnchor = t, t.classList.add("open");
   }
   menuItems(t, e) {
@@ -3402,18 +3531,18 @@ let Hi = (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.openSubEl && t !== this.openSubEl && this.closeSub(), (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) {
@@ -3429,10 +3558,10 @@ let Hi = (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 = Je.map((s) => {
+    }, e = ni.map((s) => {
       const n = t(this.t("forecolor"));
       return n.style.background = s, n.addEventListener("click", () => this.applyColor("fore", s)), n;
     }), i = t(this.t("forecolor"));
@@ -3446,20 +3575,20 @@ let Hi = (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 c;
+    var a;
     const i = e === "ol" ? "insertOrderedList" : "insertUnorderedList", s = e === "ol" ? [
       ["lower-alpha", h.ol_alpha],
       ["lower-roman", h.ol_roman],
@@ -3468,7 +3597,7 @@ let Hi = (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 ? (c = this.closestBlock(l.anchorNode)) == null ? void 0 : c.closest(e) : null, o = r ? r.style.listStyleType : "";
+    ], n = this.tArr(e === "ol" ? "liststyles_ol" : "liststyles_ul").slice(1), r = window.getSelection(), l = r ? (a = this.closestBlock(r.anchorNode)) == null ? void 0 : a.closest(e) : null, o = l ? l.style.listStyleType : "";
     this.popup(t, (d) => {
       this.menuItems(d, [
         {
@@ -3478,13 +3607,13 @@ let Hi = (j = class {
           action: () => this.exec(i)
         }
       ]), d.insertAdjacentHTML("beforeend", '<div class="sep"></div>');
-      const u = document.createElement("div");
-      u.className = "mi-grid", s.forEach(([m, b], y) => {
+      const p = document.createElement("div");
+      p.className = "mi-grid", s.forEach(([m, b], y) => {
         const g = document.createElement("button");
         g.className = "mi" + (o === m ? " on" : ""), g.innerHTML = `<span class="ic">${b}</span><span class="prev">${n[y]}</span>`, g.addEventListener("click", () => {
           this.closePop(), this.setListStyle(e, m);
-        }), u.appendChild(g);
-      }), d.appendChild(u);
+        }), p.appendChild(g);
+      }), d.appendChild(p);
     });
   }
   /** Shared color-picker popup body — swatch grid plus the current-color /
@@ -3492,26 +3621,26 @@ let Hi = (j = class {
    *  table cell-background menu all show the identical popup. */
   buildPaletteInto(t, e, i) {
     const s = document.createElement("div");
-    s.className = "cpal", ti.forEach((u) => {
+    s.className = "cpal", ri.forEach((p) => {
       const m = document.createElement("button");
-      m.type = "button", m.style.background = u, m.title = u, m.addEventListener("click", () => {
-        this.closePop(), i(u);
+      m.type = "button", m.style.background = p, m.title = p, m.addEventListener("click", () => {
+        this.closePop(), i(p);
       }), s.appendChild(m);
     }), t.appendChild(s), t.insertAdjacentHTML("beforeend", '<div class="sep"></div>');
     const 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 r = /^#[0-9a-f]{6}$/i.test(e) ? e : "#000000", l = document.createElement("div");
+    l.className = "cswatch cur", l.title = this.t("currentcolor"), l.style.background = r, l.innerHTML = h.check;
     const o = document.createElement("button");
     o.type = "button", o.className = "cswatch nocolor", o.title = this.t("removecolor"), o.addEventListener("click", () => {
       this.closePop(), i(null);
     });
-    const c = document.createElement("label");
-    c.className = "cswatch cwheel", c.title = this.t("customcolor"), c.innerHTML = h.palette;
+    const a = document.createElement("label");
+    a.className = "cswatch cwheel", a.title = this.t("customcolor"), a.innerHTML = h.palette;
     const d = document.createElement("input");
-    d.type = "color", d.value = l, d.addEventListener("change", () => {
+    d.type = "color", d.value = r, d.addEventListener("change", () => {
       this.closePop(), i(d.value);
-    }), c.appendChild(d), n.append(r, o, c), t.appendChild(n);
+    }), a.appendChild(d), n.append(l, o, a), t.appendChild(n);
   }
   colorMenu(t, e) {
     this.popup(
@@ -3541,7 +3670,7 @@ let Hi = (j = class {
     this.popup(t, (e) => this.menuItems(e, this.fontItems()));
   }
   sizeItems() {
-    return Qe.map((t) => ({
+    return ei.map((t) => ({
       label: t,
       on: this.currentSize() === t,
       action: () => this.applyFontSize(t)
@@ -3557,19 +3686,19 @@ let Hi = (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 c = document.createRange();
-        c.setStart(i, r), c.setEnd(i, o), t.removeAllRanges(), t.addRange(c), this.savedRange = c.cloneRange();
+      const r = i.data;
+      let l = e.startOffset, o = e.startOffset;
+      for (; l > 0 && /\S/.test(r[l - 1]); ) l--;
+      for (; o < r.length && /\S/.test(r[o]); ) o++;
+      if (o > l) {
+        const a = document.createRange();
+        a.setStart(i, l), a.setEnd(i, o), t.removeAllRanges(), t.addRange(a), this.savedRange = a.cloneRange();
         return;
       }
     }
@@ -3594,7 +3723,7 @@ let Hi = (j = class {
     this.saveSel(), this.refreshState(), this.onChange();
   }
   stepFontSize(t) {
-    const e = parseInt(this.currentSize(), 10) || 14, i = Math.min(Ke, Math.max(Ge, e + t));
+    const e = parseInt(this.currentSize(), 10) || 14, i = Math.min(si, Math.max(ii, e + t));
     i !== e && this.applyFontSize(i + "px");
   }
   /* ------------------------------------------------ case / spacing / link */
@@ -3603,14 +3732,14 @@ let Hi = (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, c = r === i.endContainer ? i.endOffset : r.data.length;
-      if (c <= o) return;
-      const d = r.data.slice(o, c);
-      let u = d;
-      t === "lower" ? u = d.toLowerCase() : t === "upper" ? u = d.toUpperCase() : u = d.replace(/(^|\s)(\S)/g, (m, b, y) => b + y.toUpperCase()), r.replaceData(o, c - o, u);
+    let r;
+    for (; r = s.nextNode(); ) i.intersectsNode(r) && n.push(r);
+    n.forEach((l) => {
+      const o = l === i.startContainer ? i.startOffset : 0, a = l === i.endContainer ? i.endOffset : l.data.length;
+      if (a <= o) return;
+      const d = l.data.slice(o, a);
+      let p = d;
+      t === "lower" ? p = d.toLowerCase() : t === "upper" ? p = d.toUpperCase() : p = d.replace(/(^|\s)(\S)/g, (m, b, y) => b + y.toUpperCase()), l.replaceData(o, a - o, p);
     }), this.saveSel(), this.refreshState(), this.onChange();
   }
   caseItems() {
@@ -3646,13 +3775,13 @@ let Hi = (j = class {
     ];
   }
   lineHeightMenu(t) {
-    this.popup(t, (e) => this.menuItems(e, this.blockStyleItems("lineHeight", Jt)));
+    this.popup(t, (e) => this.menuItems(e, this.blockStyleItems("lineHeight", te)));
   }
   wordSpacingMenu(t) {
-    this.popup(t, (e) => this.menuItems(e, this.blockStyleItems("wordSpacing", te)));
+    this.popup(t, (e) => this.menuItems(e, this.blockStyleItems("wordSpacing", ee)));
   }
   letterSpacingMenu(t) {
-    this.popup(t, (e) => this.menuItems(e, this.blockStyleItems("letterSpacing", ee)));
+    this.popup(t, (e) => this.menuItems(e, this.blockStyleItems("letterSpacing", ie)));
   }
   closestAnchor() {
     const t = window.getSelection();
@@ -3698,14 +3827,14 @@ let Hi = (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
     );
   }
   blockItems() {
-    return se.map(([t]) => ({
+    return ne.map(([t]) => ({
       label: this.blockLabel(t),
       previewStyle: t.startsWith("h") ? `font-weight:700;font-size:${22 - 2 * +t[1]}px` : t === "pre" ? "font-family:monospace" : "",
       on: this.currentBlock() === t,
@@ -3742,15 +3871,15 @@ let Hi = (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++)
+      const r = [];
+      for (let l = 0; l < 8; l++)
         for (let o = 0; o < 10; o++) {
-          const c = document.createElement("span");
-          c.dataset.r = String(r), c.dataset.c = String(o), c.addEventListener("mouseenter", () => {
-            l.forEach((d) => d.classList.toggle("hot", +d.dataset.r <= r && +d.dataset.c <= o)), n.textContent = o + 1 + " × " + (r + 1);
-          }), c.addEventListener("click", () => {
-            this.closePop(), this.insertTable(r + 1, o + 1), e == null || e();
-          }), l.push(c), s.appendChild(c);
+          const a = document.createElement("span");
+          a.dataset.r = String(l), a.dataset.c = String(o), a.addEventListener("mouseenter", () => {
+            r.forEach((d) => d.classList.toggle("hot", +d.dataset.r <= l && +d.dataset.c <= o)), n.textContent = o + 1 + " × " + (l + 1);
+          }), a.addEventListener("click", () => {
+            this.closePop(), this.insertTable(l + 1, o + 1), e == null || e();
+          }), r.push(a), s.appendChild(a);
         }
       i.append(s, n), t.appendChild(i);
     }
@@ -3782,8 +3911,8 @@ let Hi = (j = class {
    *  (the quick color chips); everything else yields one. */
   buildToolbarRegistry() {
     const t = this.tbtn(h.tableic, this.t("quicktable"), () => this.tableGrid(t)), e = {
-      undo: () => this.tbtn(h.undo, this.t("undo"), () => this.exec("undo")),
-      redo: () => this.tbtn(h.redo, this.t("redo"), () => this.exec("redo")),
+      undo: () => this.tbtn(h.undo, this.t("undo"), () => this.exec("undo"), "undo"),
+      redo: () => this.tbtn(h.redo, this.t("redo"), () => this.exec("redo"), "redo"),
       preview: () => this.tbtn(h.prevw, this.t("preview"), () => this.previewDlg()),
       print: () => this.tbtn(h.printic, this.t("print"), () => this.printDoc()),
       importword: () => this.tbtn(h.wordic, this.t("importword"), () => this.pickWordDoc()),
@@ -3835,17 +3964,17 @@ let Hi = (j = class {
   }
   buildToolbar() {
     this.toolbar.innerHTML = "";
-    const t = this.options.toolbar === !0 ? ze : this.options.toolbar, e = this.buildToolbarRegistry();
+    const t = this.options.toolbar === !0 ? Ke : this.options.toolbar, e = this.buildToolbarRegistry();
     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 l = r();
+        Array.isArray(l) ? s.push(...l) : s.push(l);
       }), s.length && this.toolbar.appendChild(this.group(...s));
     }), this.tbrMore = this.tbtn(h.more, this.t("more"), () => {
       this.tbrExpanded = !this.tbrExpanded, this.updateToolbarOverflow();
@@ -3945,9 +4074,9 @@ let Hi = (j = class {
         { label: this.t("fontsize"), subBuild: (s) => this.menuItems(s, this.sizeItems()) },
         { label: this.t("blocks"), subBuild: (s) => this.menuItems(s, this.blockItems()) },
         { label: this.t("align"), subBuild: (s) => this.menuItems(s, this.alignItems()) },
-        { label: this.t("lineheight"), icon: h.lineheight, subBuild: (s) => this.menuItems(s, this.blockStyleItems("lineHeight", Jt)) },
-        { label: this.t("wordspacing"), icon: h.wordspacing, subBuild: (s) => this.menuItems(s, this.blockStyleItems("wordSpacing", te)) },
-        { label: this.t("letterspacing"), icon: h.letterspacing, subBuild: (s) => this.menuItems(s, this.blockStyleItems("letterSpacing", ee)) },
+        { label: this.t("lineheight"), icon: h.lineheight, subBuild: (s) => this.menuItems(s, this.blockStyleItems("lineHeight", te)) },
+        { label: this.t("wordspacing"), icon: h.wordspacing, subBuild: (s) => this.menuItems(s, this.blockStyleItems("wordSpacing", ee)) },
+        { label: this.t("letterspacing"), icon: h.letterspacing, subBuild: (s) => this.menuItems(s, this.blockStyleItems("letterSpacing", ie)) },
         "|",
         { label: this.t("forecolor"), icon: h.palette, subBuild: (s) => this.buildPaletteInto(s, this.foreColor, (n) => this.applyColor("fore", n)) },
         { label: this.t("backcolor"), icon: h.backcolor, subBuild: (s) => this.buildPaletteInto(s, this.backColor, (n) => this.applyColor("back", n)) },
@@ -4017,7 +4146,7 @@ let Hi = (j = class {
         { label: this.t("deltable"), icon: h.trash, action: () => this.tableOp("deltable") }
       ],
       help: [this.mItem("helpttl", h.helpic, () => this.helpDlg(), "Alt+0")]
-    }, e = this.options.menubar === !0 ? Xe : this.options.menubar, i = /* @__PURE__ */ new Set();
+    }, e = this.options.menubar === !0 ? Je : this.options.menubar, i = /* @__PURE__ */ new Set();
     e.split(/\s+/).filter(Boolean).forEach((s) => {
       if (i.has(s)) return;
       if (i.add(s), !t[s]) {
@@ -4025,36 +4154,36 @@ let Hi = (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, c, d;
+    var o, 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 ? (d = (c = e.anchorNode).closest) == null ? void 0 : d.call(c, "td,th") : null);
+    const i = ((o = this.closestBlock(e.anchorNode)) == null ? void 0 : o.closest("td,th")) || (e.anchorNode && e.anchorNode.nodeType === 1 ? (d = (a = e.anchorNode).closest) == null ? void 0 : d.call(a, "td,th") : null);
     if (!i) return;
-    const s = i.parentElement, n = i.closest("table"), l = Array.from(s.children).indexOf(i), r = () => {
-      const u = s.cloneNode(!1);
+    const s = i.parentElement, n = i.closest("table"), r = Array.from(s.children).indexOf(i), l = () => {
+      const p = s.cloneNode(!1);
       return Array.from(s.children).forEach((m) => {
         const b = document.createElement("td"), y = m.getAttribute("style");
-        y && b.setAttribute("style", y), b.style.removeProperty("background-color"), b.innerHTML = "<br>", u.appendChild(b);
-      }), u;
+        y && b.setAttribute("style", y), b.style.removeProperty("background-color"), b.innerHTML = "<br>", p.appendChild(b);
+      }), p;
     };
-    if (t === "rowabove" && s.before(r()), t === "rowbelow" && s.after(r()), t === "delrow") {
-      const u = s.parentElement;
-      s.remove(), u.querySelector("tr") || n.remove();
+    if (t === "rowabove" && s.before(l()), t === "rowbelow" && s.after(l()), t === "delrow") {
+      const p = s.parentElement;
+      s.remove(), p.querySelector("tr") || n.remove();
     }
-    (t === "colbefore" || t === "colafter") && n.querySelectorAll("tr").forEach((u) => {
-      const m = u.children[Math.min(l, u.children.length - 1)], b = document.createElement("td"), y = m.getAttribute("style");
+    (t === "colbefore" || t === "colafter") && n.querySelectorAll("tr").forEach((p) => {
+      const m = p.children[Math.min(r, p.children.length - 1)], b = document.createElement("td"), y = m.getAttribute("style");
       y && b.setAttribute("style", y), b.style.removeProperty("width"), b.style.removeProperty("background-color"), b.innerHTML = "<br>", t === "colbefore" ? m.before(b) : m.after(b);
-    }), t === "delcol" && (n.querySelectorAll("tr").forEach((u) => {
+    }), t === "delcol" && (n.querySelectorAll("tr").forEach((p) => {
       var m;
-      return (m = u.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
@@ -4074,16 +4203,16 @@ let Hi = (j = class {
       o && o.after(i);
     }
     t === "colleft" && n > 0 && s.querySelectorAll("tr").forEach((o) => {
-      const c = o.children[n], d = o.children[n - 1];
-      c && d && d.before(c);
+      const a = o.children[n], d = o.children[n - 1];
+      a && d && d.before(a);
     }), t === "colright" && s.querySelectorAll("tr").forEach((o) => {
-      const c = o.children[n], d = o.children[n + 1];
-      c && d && d.after(c);
+      const a = o.children[n], d = o.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 l = window.getSelection();
+    l && (l.removeAllRanges(), l.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. */
@@ -4120,26 +4249,26 @@ let Hi = (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", c = "flex:1;border:1px solid #cfd6df;border-radius:6px;padding:7px 9px;font:14px inherit", d = t.querySelector("td,th"), u = t.style.width || "", m = d && d.style.padding ? parseFloat(d.style.padding) : "", b = t.style.borderSpacing ? parseFloat(t.style.borderSpacing) : "", y = t.style.borderWidth ? parseFloat(t.style.borderWidth) : "", g = t.style.marginLeft, x = t.style.marginRight, w = g === "auto" && x === "auto" ? "center" : g === "auto" ? "right" : x === "auto" && g === "0" ? "left" : "";
+    let e, i, s, n, r;
+    const l = "display:flex;align-items:center;gap:10px;margin:10px 0", o = "width:120px;color:#556;flex:none", a = "flex:1;border:1px solid #cfd6df;border-radius:6px;padding:7px 9px;font:14px inherit", d = t.querySelector("td,th"), p = t.style.width || "", m = d && d.style.padding ? parseFloat(d.style.padding) : "", b = t.style.borderSpacing ? parseFloat(t.style.borderSpacing) : "", y = t.style.borderWidth ? parseFloat(t.style.borderWidth) : "", g = t.style.marginLeft, x = t.style.marginRight, w = g === "auto" && x === "auto" ? "center" : g === "auto" ? "right" : x === "auto" && g === "0" ? "left" : "";
     this.dialog(
       this.t("tablepropsttl"),
       (E) => {
-        const I = (H, $) => {
-          const O = document.createElement("div");
-          O.style.cssText = r;
+        const I = (A, $) => {
+          const Z = document.createElement("div");
+          Z.style.cssText = l;
           const F = document.createElement("span");
-          F.style.cssText = o, F.textContent = this.t(H), O.append(F, $), E.appendChild(O);
+          F.style.cssText = o, F.textContent = this.t(A), Z.append(F, $), E.appendChild(Z);
         };
-        e = document.createElement("input"), e.type = "text", e.style.cssText = c, e.placeholder = "e.g. 600px or 100%", e.value = u, I("tblwidth", e), i = document.createElement("input"), i.type = "number", i.min = "0", i.style.cssText = c, i.value = String(m), I("tblcellpadding", i), s = document.createElement("input"), s.type = "number", s.min = "0", s.style.cssText = c, s.value = String(b), I("tblcellspacing", s), n = document.createElement("input"), n.type = "number", n.min = "0", n.style.cssText = c, n.value = String(y), I("tblborder", n), l = document.createElement("select"), l.style.cssText = c, [
+        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(b), I("tblcellspacing", s), n = document.createElement("input"), n.type = "number", n.min = "0", n.style.cssText = a, n.value = String(y), I("tblborder", n), r = document.createElement("select"), r.style.cssText = a, [
           ["", "alignnone"],
           ["left", "alignleft"],
           ["center", "aligncenter"],
           ["right", "alignright"]
-        ].forEach(([H, $]) => {
-          const O = document.createElement("option");
-          O.value = H, O.textContent = this.t($), H === w && (O.selected = !0), l.appendChild(O);
-        }), I("tblalign", l);
+        ].forEach(([A, $]) => {
+          const Z = document.createElement("option");
+          Z.value = A, Z.textContent = this.t($), A === w && (Z.selected = !0), r.appendChild(Z);
+        }), I("tblalign", r);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -4152,7 +4281,7 @@ let Hi = (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();
           }
         }
@@ -4191,8 +4320,8 @@ let Hi = (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) {
@@ -4202,8 +4331,8 @@ let Hi = (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);
@@ -4214,11 +4343,11 @@ let Hi = (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(
+      (l) => {
+        e = this.formInput(t.style.width, "e.g. 120px / 25%"), this.formRow(l, this.t("tblwidth"), e), i = this.formInput(t.style.height, "e.g. 40px"), this.formRow(l, this.t("tblheight"), i), s = this.formSelect(
           [
             ["", this.t("alignnone")],
             ["left", this.t("alignleft")],
@@ -4226,7 +4355,7 @@ let Hi = (j = class {
             ["right", this.t("alignright")]
           ],
           t.style.textAlign || ""
-        ), this.formRow(r, this.t("tblalign"), s), n = this.formSelect(
+        ), this.formRow(l, this.t("tblalign"), s), n = this.formSelect(
           [
             ["", this.t("alignnone")],
             ["top", this.t("valigntop")],
@@ -4234,7 +4363,7 @@ let Hi = (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(l, this.t("valign"), n), r = this.formBg(t.style.backgroundColor || ""), this.formRow(l, this.t("backcolor"), r.wrap);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -4242,7 +4371,7 @@ let Hi = (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();
           }
         }
       ]
@@ -4280,11 +4409,11 @@ let Hi = (j = class {
       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;
+    let r, l;
     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);
+        r = this.formInput(t.style.width, "e.g. 120px / 25%"), this.formRow(o, this.t("tblwidth"), r), l = this.formBg(t.style.backgroundColor || ""), this.formRow(o, this.t("backcolor"), l.wrap);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -4293,7 +4422,7 @@ let Hi = (j = class {
           primary: !0,
           action: () => {
             n.forEach((o) => {
-              this.setOrClear(o, "width", l.value.trim()), this.setOrClear(o, "background-color", r.fill.checked ? r.color.value : "");
+              this.setOrClear(o, "width", r.value.trim()), this.setOrClear(o, "background-color", l.fill.checked ? l.color.value : "");
             }), this.closeDlg(), this.onChange(), this.positionTableHandles();
           }
         }
@@ -4309,8 +4438,8 @@ let Hi = (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);
@@ -4360,8 +4489,12 @@ let Hi = (j = class {
   }
   previewDlg() {
     this.dialog(this.t("previewttl"), (t) => {
+      var s;
+      (s = t.closest(".dlg")) == null || s.classList.add("dlg-preview");
       const e = document.createElement("div");
-      e.style.cssText = "width:640px;max-width:78vw;max-height:52vh;overflow:auto;border:1px solid #e3e3e3;border-radius:6px;padding:14px;font-family:Helvetica,Arial,sans-serif;font-size:14px", e.innerHTML = this.ed.innerHTML, t.appendChild(e);
+      e.className = "pv-box";
+      const i = this.contentWidth();
+      e.style.cssText = `width:${i > 0 ? Math.round(i) : 640}px;max-width:100%;max-height:52vh;overflow:auto;border:1px solid #e3e3e3;border-radius:6px;padding:14px;font-family:Helvetica,Arial,sans-serif;font-size:14px`, e.innerHTML = this.ed.innerHTML, t.appendChild(e);
     });
   }
   /** Two-pane picker shared by the special-character map and the emoji map:
@@ -4370,31 +4503,31 @@ let Hi = (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 l = document.createElement("div");
+      l.className = "chpanel";
       const o = document.createElement("div");
-      o.className = "chgrid" + (i ? " emgrid" : ""), r.appendChild(o);
-      const c = (d) => {
-        l.querySelectorAll("button").forEach((u, m) => u.classList.toggle("on", m === d)), o.innerHTML = "", e[d].chars.forEach((u) => {
+      o.className = "chgrid" + (i ? " emgrid" : ""), l.appendChild(o);
+      const a = (d) => {
+        r.querySelectorAll("button").forEach((p, m) => p.classList.toggle("on", m === d)), o.innerHTML = "", e[d].chars.forEach((p) => {
           const m = document.createElement("button");
-          m.type = "button", m.textContent = u, m.onclick = () => {
-            this.closeDlg(), this.exec("insertText", u);
+          m.type = "button", m.textContent = p, m.onclick = () => {
+            this.closeDlg(), this.exec("insertText", p);
           }, o.appendChild(m);
-        }), r.scrollTop = 0;
+        }), l.scrollTop = 0;
       };
-      e.forEach((d, u) => {
+      e.forEach((d, p) => {
         const m = document.createElement("button");
-        m.type = "button", m.textContent = this.t(d.key), m.addEventListener("click", () => c(u)), l.appendChild(m);
-      }), n.append(l, r), s.appendChild(n), c(0);
+        m.type = "button", m.textContent = this.t(d.key), m.addEventListener("click", () => a(p)), r.appendChild(m);
+      }), n.append(r, l), s.appendChild(n), a(0);
     });
   }
   charMap() {
-    this.glyphPickerDlg(this.t("charmap").replace("…", ""), ei, !1);
+    this.glyphPickerDlg(this.t("charmap").replace("…", ""), li, !1);
   }
   emojiMap() {
-    this.glyphPickerDlg(this.t("emoji").replace("…", ""), ii, !0);
+    this.glyphPickerDlg(this.t("emoji").replace("…", ""), oi, !0);
   }
   printDoc() {
     const t = window.open("", "_blank");
@@ -4456,17 +4589,17 @@ let Hi = (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 l = new Image();
+      l.onload = () => this.replacePlaceholderWithImage(r, n, ""), l.onerror = () => {
         i.disabled = !1, e.disabled = !1, e.classList.add("err"), e.focus();
-      }, r.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.renderPhCtxButtons());
@@ -4492,13 +4625,64 @@ let Hi = (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) {
     const s = document.createElement("img");
-    s.src = e, s.alt = "", i && (s.title = i), t.replaceWith(s), this.phActive === t && this.clearImgPlaceholderSel(), this.refreshState(), this.onChange();
+    s.src = e, s.alt = "", i && (s.title = i), t.replaceWith(s), this.stampImageSize(s), this.phActive === t && this.clearImgPlaceholderSel(), this.refreshState(), this.onChange();
+  }
+  /** Width of the editor's text column — the width `.earea img { max-width:100% }`
+   *  clamps an oversized image to. */
+  contentWidth() {
+    const t = getComputedStyle(this.ed), e = (parseFloat(t.paddingLeft) || 0) + (parseFloat(t.paddingRight) || 0);
+    return Math.max(0, this.ed.clientWidth - e);
+  }
+  /** Inserts an <img> through execCommand and stamps its size once it has decoded.
+   *  A throwaway id is the only way to get a handle on what insertHTML created. */
+  insertImageHTML(t, e) {
+    const i = "fable-img-" + Date.now().toString(36) + Math.random().toString(36).slice(2, 6);
+    document.execCommand(
+      "insertHTML",
+      !1,
+      `<img id="${i}" src="${t}"${e ? ` title="${e}"` : ""} alt="">`
+    );
+    const s = this.ed.querySelector("#" + i);
+    s && (s.removeAttribute("id"), this.stampImageSize(s));
+  }
+  /** Gives a newly inserted image an explicit size so it renders the same in the
+   *  editor, in Preview and in a sent email. Without it the image only looks right
+   *  inside `.earea`, whose `max-width:100%` rule exists nowhere else — which is why
+   *  the same picture came out at a different size once the mail was sent.
+   *  Leaves alone: images inside a template media slot (deliberately fluid) and any
+   *  image that already carries a size from its source. */
+  stampImageSize(t, e) {
+    const i = (n) => {
+      e ? e(n) : n && this.onChange();
+    }, s = () => {
+      if (!this.ed.contains(t) || t.closest(".tpl-media") || t.getAttribute("width") || t.getAttribute("height") || t.style.width || t.style.height) return i(!1);
+      const n = t.naturalWidth;
+      if (!n) return i(!1);
+      const r = this.contentWidth(), l = Math.round(r > 0 ? Math.min(n, r) : n);
+      t.setAttribute("width", String(l)), t.style.width = l + "px", t.style.height = "auto", i(!0);
+    };
+    t.complete && t.naturalWidth ? s() : (t.addEventListener("load", s, { once: !0 }), t.addEventListener("error", () => i(!1), { once: !0 }));
+  }
+  /** Sizes images in content that arrived from outside the editor — a document saved
+   *  before the editor started recording image sizes. Without this such a document
+   *  keeps rendering at one size here and another in a sent mail. Images that already
+   *  carry a size, and template slots, are left alone, so content written by a
+   *  current version passes through untouched. Emits one change after the images have
+   *  settled rather than one per image, and none at all if nothing needed stamping. */
+  stampExistingImages() {
+    const t = Array.from(this.ed.querySelectorAll("img"));
+    if (!t.length) return;
+    let e = t.length, i = !1;
+    const s = (n) => {
+      n && (i = !0), --e === 0 && i && this.onChange();
+    };
+    t.forEach((n) => this.stampImageSize(n, s));
   }
   positionImgPhCtx() {
     if (this.phActive && !document.body.contains(this.phActive)) {
@@ -4556,20 +4740,20 @@ let Hi = (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 l = this.videoEmbedUrl(n);
+      if (l) {
+        this.replacePlaceholderWithEmbed(r, l);
         return;
       }
       i.disabled = !0, e.disabled = !0;
       const o = document.createElement("video");
-      o.preload = "metadata", o.onloadedmetadata = () => this.replacePlaceholderWithVideo(l, n, ""), o.onerror = () => {
+      o.preload = "metadata", o.onloadedmetadata = () => this.replacePlaceholderWithVideo(r, n, ""), o.onerror = () => {
         i.disabled = !1, e.disabled = !1, e.classList.add("err"), e.focus();
       }, o.src = n;
     };
@@ -4597,8 +4781,8 @@ let Hi = (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) {
@@ -4638,23 +4822,23 @@ let Hi = (j = class {
     e.className = "imgctx", e.dir = this.dir();
     const i = () => {
       var d;
-      const c = this.buildVideoCtxToolbar(t);
-      (d = this.vidCtx) == null || d.replaceWith(c), this.vidCtx = c, this.positionVidCtx();
-    }, s = (c) => {
-      this.setVideoAlign(t, c), i();
-    }, n = t.style.float === "left", l = t.style.float === "right", r = !n && !l && t.style.marginLeft === "auto" && t.style.marginRight === "auto", o = (c, d, u, m) => {
-      const b = this.ctxBtn(c, d, m);
-      return b.classList.toggle("on", u), b;
+      const a = this.buildVideoCtxToolbar(t);
+      (d = this.vidCtx) == null || d.replaceWith(a), this.vidCtx = a, this.positionVidCtx();
+    }, s = (a) => {
+      this.setVideoAlign(t, a), i();
+    }, n = t.style.float === "left", r = t.style.float === "right", l = !n && !r && t.style.marginLeft === "auto" && t.style.marginRight === "auto", o = (a, d, p, m) => {
+      const b = this.ctxBtn(a, d, m);
+      return b.classList.toggle("on", p), b;
     };
     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")),
+      o(h.aligncenter, this.t("aligncenter"), l, () => s("center")),
+      o(h.alignright, this.t("alignright"), r, () => s("right")),
       this.ctxSep(),
       o(h.trash, this.t("deletevideo"), !1, () => {
         t.remove(), this.clearVidHandles(), this.onChange();
       })
-    ), e.addEventListener("mousedown", (c) => c.preventDefault()), e.addEventListener("mouseenter", () => this.cancelVidHide()), e.addEventListener("mouseleave", () => {
+    ), e.addEventListener("mousedown", (a) => a.preventDefault()), e.addEventListener("mouseenter", () => this.cancelVidHide()), e.addEventListener("mouseleave", () => {
       this.cancelVidHide(), this.vidHideTimer = window.setTimeout(() => this.clearVidHandles(), 250);
     }), document.body.appendChild(e), e;
   }
@@ -4691,30 +4875,30 @@ let Hi = (j = class {
    *  (videoUploadHandler when configured, else inline base64). */
   videoDlg() {
     this.saveSel();
-    let t, e, i, s, n, l;
-    const r = (c, d) => {
-      const u = document.createElement("div");
-      u.className = "dfield";
+    let t, e, i, s, n, r;
+    const l = (a, d) => {
+      const p = document.createElement("div");
+      p.className = "dfield";
       const m = document.createElement("label");
-      return m.textContent = this.t(c), u.append(m, d), u;
+      return m.textContent = this.t(a), p.append(m, d), p;
     }, o = () => {
-      const c = document.createElement("input");
-      return c.type = "url", c;
+      const a = document.createElement("input");
+      return a.type = "url", a;
     };
     this.dialog(
       this.t("videodlgttl"),
-      (c) => {
+      (a) => {
         const d = document.createElement("div");
         d.className = "dtabs";
-        const u = [], m = (g, x) => {
+        const p = [], m = (g, x) => {
           const w = document.createElement("button");
           w.type = "button", w.textContent = this.t(g);
           const E = document.createElement("div");
           E.className = "dtabpanel", x(E);
-          const I = u.length;
-          u.push(E), w.addEventListener("click", () => b(I)), d.appendChild(w);
+          const I = p.length;
+          p.push(E), w.addEventListener("click", () => b(I)), d.appendChild(w);
         }, b = (g) => {
-          d.querySelectorAll("button").forEach((x, w) => x.classList.toggle("on", w === g)), u.forEach((x, w) => x.style.display = w === g ? "" : "none");
+          d.querySelectorAll("button").forEach((x, w) => x.classList.toggle("on", w === g)), p.forEach((x, w) => x.style.display = w === g ? "" : "none");
         };
         m("vidgeneral", (g) => {
           t = o(), t.placeholder = this.t("videourlph");
@@ -4726,33 +4910,33 @@ let Hi = (j = class {
           E.type = "file", E.accept = this.options.videoFileTypes.join(","), E.style.display = "none", w.addEventListener("click", () => {
             E.value = "", E.click();
           }), E.addEventListener("change", () => {
-            var O;
-            const H = (O = E.files) == null ? void 0 : O[0];
-            if (!H) return;
+            var Z;
+            const A = (Z = E.files) == null ? void 0 : Z[0];
+            if (!A) return;
             w.disabled = !0, w.textContent = this.t("uploading");
             const $ = (F) => {
               t.value = F, w.disabled = !1, w.textContent = this.t("uploadvideo");
             };
             if (this.videoUploadHandler)
-              this.videoUploadHandler(H).then($).catch((F) => {
+              this.videoUploadHandler(A).then($).catch((F) => {
                 var et;
-                w.disabled = !1, w.textContent = this.t("uploadfailed"), (et = this.onVideoUploadError) == null || et.call(this, F, H);
+                w.disabled = !1, w.textContent = this.t("uploadfailed"), (et = this.onVideoUploadError) == null || et.call(this, F, A);
               });
             else {
               const F = new FileReader();
-              F.onload = () => $(F.result), F.readAsDataURL(H);
+              F.onload = () => $(F.result), F.readAsDataURL(A);
             }
-          }), x.append(t, w, E), t.style.flex = "1", g.appendChild(r("vidsource", x));
+          }), x.append(t, w, E), t.style.flex = "1", g.appendChild(l("vidsource", x));
           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)), g.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(l("tblwidth", e), l("tblheight", i)), g.appendChild(I);
         }), m("vidembed", (g) => {
           const x = document.createElement("p");
           x.textContent = this.t("vidembedhint"), x.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", g.append(x, s);
         }), m("vidadvanced", (g) => {
-          n = o(), l = o(), g.append(r("vidaltsource", n), r("vidposter", l));
+          n = o(), r = o(), g.append(l("vidaltsource", n), l("vidposter", r));
         });
         const y = document.createElement("div");
-        y.className = "dtabbody", u.forEach((g) => y.appendChild(g)), c.append(d, y), b(0), setTimeout(() => t.focus(), 0);
+        y.className = "dtabbody", p.forEach((g) => y.appendChild(g)), a.append(d, y), b(0), setTimeout(() => t.focus(), 0);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -4760,21 +4944,21 @@ let Hi = (j = class {
           label: this.t("save"),
           primary: !0,
           action: () => {
-            const c = s.value.trim(), d = t.value.trim(), u = parseInt(e.value, 10) || 560, m = parseInt(i.value, 10) || 314;
-            if (this.closeDlg(), !c && !d) return;
-            if (this.restoreSel(), c) {
-              document.execCommand("insertHTML", !1, `<span class="video-embed" contenteditable="false">${c}</span>`), this.onChange();
+            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 b = this.videoEmbedUrl(d);
             if (b)
-              document.execCommand("insertHTML", !1, this.videoEmbedHTML(b, u, m));
+              document.execCommand("insertHTML", !1, this.videoEmbedHTML(b, p, m));
             else {
-              const y = n.value.trim(), g = l.value.trim();
+              const y = n.value.trim(), g = r.value.trim();
               document.execCommand(
                 "insertHTML",
                 !1,
-                `<video controls width="${u}" height="${m}"${g ? ` poster="${this.escapeAttr(g)}"` : ""}><source src="${this.escapeAttr(d)}">${y ? `<source src="${this.escapeAttr(y)}">` : ""}</video>`
+                `<video controls width="${p}" height="${m}"${g ? ` poster="${this.escapeAttr(g)}"` : ""}><source src="${this.escapeAttr(d)}">${y ? `<source src="${this.escapeAttr(y)}">` : ""}</video>`
               );
             }
             this.onChange();
@@ -4832,15 +5016,15 @@ let Hi = (j = class {
     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 l = document.createRange();
+    l.setStart(i, e.anchorOffset - r.length - 1), l.setEnd(i, e.anchorOffset), l.deleteContents();
     const o = document.createElement("code");
-    o.textContent = l, r.insertNode(o);
-    const c = document.createRange();
-    c.setStartAfter(o), c.collapse(!0), e.removeAllRanges(), e.addRange(c), this.saveSel(), this.onChange();
+    o.textContent = r, l.insertNode(o);
+    const a = document.createRange();
+    a.setStartAfter(o), a.collapse(!0), e.removeAllRanges(), e.addRange(a), this.saveSel(), this.onChange();
   }
   /** Custom dropdown for dialog fields (a native <select> popup can't be styled):
    *  a field-styled button showing the current choice that opens a floating,
@@ -4852,22 +5036,22 @@ let Hi = (j = class {
     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(([c]) => c === 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(([c, d]) => {
-      const u = document.createElement("button");
-      u.type = "button", u.textContent = d, u.classList.toggle("on", c === i), u.addEventListener("click", () => {
-        i = c, l.textContent = d, r.querySelectorAll("button").forEach((m) => m.classList.toggle("on", m === u)), s.classList.remove("open"), n.focus();
-      }), r.appendChild(u);
+    const r = document.createElement("span");
+    r.className = "lbl", r.textContent = ((o = t.find(([a]) => a === e)) == null ? void 0 : o[1]) || "", n.append(r), n.insertAdjacentHTML("beforeend", h.chev);
+    const l = document.createElement("div");
+    return l.className = "dsel-list", t.forEach(([a, d]) => {
+      const p = document.createElement("button");
+      p.type = "button", p.textContent = d, p.classList.toggle("on", a === i), p.addEventListener("click", () => {
+        i = a, r.textContent = d, l.querySelectorAll("button").forEach((m) => m.classList.toggle("on", m === p)), s.classList.remove("open"), n.focus();
+      }), l.appendChild(p);
     }), n.addEventListener("click", () => {
-      var c;
-      s.classList.toggle("open"), s.classList.contains("open") && ((c = r.querySelector(".on")) == null || c.scrollIntoView({ block: "nearest" }));
-    }), s.addEventListener("focusout", (c) => {
-      s.contains(c.relatedTarget) || s.classList.remove("open");
-    }), s.addEventListener("keydown", (c) => {
-      c.key === "Escape" && s.classList.contains("open") && (c.stopPropagation(), s.classList.remove("open"), n.focus());
-    }), s.append(n, r), { el: s, value: () => i };
+      var a;
+      s.classList.toggle("open"), s.classList.contains("open") && ((a = l.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, l), { 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">
@@ -4878,11 +5062,11 @@ let Hi = (j = class {
     this.dialog(
       this.t("codedlgttl"),
       (s) => {
-        var r;
+        var l;
         const n = document.createElement("div");
         n.className = "dfield";
-        const l = document.createElement("label");
-        l.textContent = this.t("codelang"), e = this.dlgSelect(ie, (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(se, (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 = ((l = t == null ? void 0 : t.querySelector("code")) == null ? void 0 : l.textContent) || "", i.placeholder = "const answer = 42;", s.append(n, i), setTimeout(() => i.focus(), 0);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -4890,11 +5074,11 @@ let Hi = (j = class {
           label: this.t("save"),
           primary: !0,
           action: () => {
-            var r;
-            const s = i.value.replace(/\s+$/, ""), n = e.value(), l = ((r = ie.find(([o]) => o === n)) == null ? void 0 : r[1]) || n;
+            var l;
+            const s = i.value.replace(/\s+$/, ""), n = e.value(), r = ((l = se.find(([o]) => o === n)) == null ? void 0 : l[1]) || n;
             if (this.closeDlg(), !!s.trim()) {
               if (t) {
-                t.dataset.lang = n, t.setAttribute("data-lang-label", l);
+                t.dataset.lang = n, t.setAttribute("data-lang-label", r);
                 const o = t.querySelector("code") || t;
                 o.textContent = s, this.clearCodeSel(), this.onChange();
                 return;
@@ -4902,7 +5086,7 @@ let Hi = (j = class {
               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();
             }
           }
@@ -4959,14 +5143,14 @@ let Hi = (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 = (o) => `<span class="pv-l" style="width:${o}%"></span>`, n = (o) => `<span class="pv-col">${o}</span>`, r = (o) => `<span class="pv-row">${o}</span>`, l = n(i + s(100) + s(88));
+    return t === "img-left" ? `<span class="pv">${r(e + l)}${s(100)}${s(72)}</span>` : t === "img-right" ? `<span class="pv">${r(l + e)}${s(100)}${s(72)}</span>` : t === "img-top" ? `<span class="pv pv-c">${e}${i}${s(100)}${s(72)}</span>` : `<span class="pv pv-c">${i}${s(100)}${s(72)}${e}</span>`;
   }
   buildTemplatePickInto(t, e) {
     const i = document.createElement("div");
-    i.className = "tplpick", wt.forEach((s) => {
+    i.className = "tplpick", Tt.forEach((s) => {
       const n = document.createElement("button");
-      n.type = "button", n.className = "tpltile", n.title = this.t(Tt[s]), n.innerHTML = this.tplPreviewHTML(s) + `<span class="tpllbl">${this.t(Tt[s])}</span>`, n.addEventListener("click", () => {
+      n.type = "button", n.className = "tpltile", n.title = this.t(Et[s]), n.innerHTML = this.tplPreviewHTML(s) + `<span class="tpllbl">${this.t(Et[s])}</span>`, n.addEventListener("click", () => {
         this.closePop(), this.insertTemplate(s), e == null || e();
       }), i.appendChild(n);
     }), t.appendChild(i);
@@ -4985,15 +5169,15 @@ let Hi = (j = class {
   }
   renderTplCtxButtons() {
     const t = this.tplCtx, e = this.tplActive;
-    !t || !e || (t.innerHTML = "", wt.forEach((i) => {
-      const s = this.ctxBtn(Ci[i], this.t(Tt[i]), () => this.setTplLayout(i));
+    !t || !e || (t.innerHTML = "", Tt.forEach((i) => {
+      const s = this.ctxBtn(Bi[i], this.t(Et[i]), () => this.setTplLayout(i));
       s.classList.toggle("on", e.classList.contains("tpl-" + i)), t.appendChild(s);
     }), t.append(this.ctxSep(), this.ctxBtn(h.trash, this.t("deltemplate"), () => this.removeTemplate())), this.positionTplCtx());
   }
   setTplLayout(t) {
     const e = this.tplActive;
     if (!e) return;
-    wt.forEach((n) => e.classList.remove("tpl-" + n)), e.classList.add("tpl-" + t);
+    Tt.forEach((n) => e.classList.remove("tpl-" + n)), e.classList.add("tpl-" + t);
     const i = e.querySelector(":scope > .tpl-media"), s = e.querySelector(":scope > .tpl-text");
     i && s && (t === "img-center" ? e.appendChild(i) : e.insertBefore(i, s)), this.renderTplCtxButtons(), this.positionImgPhCtx(), this.positionImageHandles(), this.onChange();
   }
@@ -5025,7 +5209,7 @@ let Hi = (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. */
@@ -5052,8 +5236,8 @@ let Hi = (j = class {
       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, c = 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 = c + "px";
+    const i = this.tblActive.getBoundingClientRect(), s = e.getBoundingClientRect(), n = e.parentElement.getBoundingClientRect(), r = t === "row" ? n.left : s.left, l = t === "row" ? n.top : i.top, o = t === "row" ? n.width : s.width, a = t === "row" ? n.height : i.height;
+    this.tblOpMark.style.left = r + scrollX + "px", this.tblOpMark.style.top = l + scrollY + "px", this.tblOpMark.style.width = o + "px", this.tblOpMark.style.height = a + "px";
   }
   /** Lowest allowed top for floating context toolbars — keeps them from
       covering the editor menubar/toolbar when the target sits on the first line. */
@@ -5062,7 +5246,7 @@ let Hi = (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");
@@ -5099,20 +5283,20 @@ let Hi = (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, c = this.tblCtx.offsetHeight;
+    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 o = this.tblCtx.offsetWidth, a = this.tblCtx.offsetHeight;
       let d = s + (n - s) / 2 - o / 2;
       d = Math.max(8 + scrollX, Math.min(d, scrollX + innerWidth - o - 8));
-      let u = i - c - 8;
-      u < this.ctxMinTop() && (u = l + 8), this.tblCtx.style.left = d + "px", this.tblCtx.style.top = u + "px";
+      let p = i - a - 8;
+      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 c = r.cells[o].getBoundingClientRect(), d = (t ? c.left : c.right) + scrollX, u = document.createElement("div");
-        u.className = "tbl-colbar", u.style.top = i + "px", u.style.left = d + "px", u.style.height = l - i + "px", document.body.appendChild(u), u.addEventListener("mousedown", (m) => this.startColBarDrag(m, o)), this.tblColBars.push(u);
+    const l = this.tblActive.rows[0];
+    if (l)
+      for (let o = 0; o < l.cells.length - 1; o++) {
+        const a = l.cells[o].getBoundingClientRect(), d = (t ? a.left : a.right) + scrollX, p = document.createElement("div");
+        p.className = "tbl-colbar", p.style.top = i + "px", p.style.left = d + "px", p.style.height = r - i + "px", document.body.appendChild(p), p.addEventListener("mousedown", (m) => this.startColBarDrag(m, o)), this.tblColBars.push(p);
       }
     this.positionCellMarker(), this.positionOpMark();
   }
@@ -5130,29 +5314,29 @@ let Hi = (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 = (c) => {
-        const d = i ? -(c.clientX - s) : c.clientX - s;
+    e.style.tableLayout = e.style.tableLayout || "fixed", this.withNoTextSelect((r) => {
+      const l = (a) => {
+        const d = i ? -(a.clientX - s) : a.clientX - s;
         e.style.width = Math.max(60, Math.round(n + d)) + "px", this.positionTableHandles();
       }, o = () => {
-        window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", o), l(), this.onChange();
+        window.removeEventListener("mousemove", l), window.removeEventListener("mouseup", o), r(), this.onChange();
       };
-      window.addEventListener("mousemove", r), window.addEventListener("mouseup", o);
+      window.addEventListener("mousemove", l), window.addEventListener("mouseup", o);
     });
   }
   startColBarDrag(t, e) {
     t.preventDefault(), t.stopPropagation();
     const i = this.tblActive;
     if (!i) return;
-    const s = this.ed.getAttribute("dir") === "rtl", n = Array.from(i.rows), l = n.map((u) => u.cells[e]).filter(Boolean), r = n.map((u) => u.cells[e + 1]).filter(Boolean);
-    if (!l.length || !r.length) return;
-    const o = t.clientX, c = l[0].getBoundingClientRect().width, d = r[0].getBoundingClientRect().width;
-    i.style.tableLayout = "fixed", this.withNoTextSelect((u) => {
+    const s = this.ed.getAttribute("dir") === "rtl", n = Array.from(i.rows), r = n.map((p) => p.cells[e]).filter(Boolean), l = n.map((p) => p.cells[e + 1]).filter(Boolean);
+    if (!r.length || !l.length) return;
+    const o = t.clientX, a = r[0].getBoundingClientRect().width, d = l[0].getBoundingClientRect().width;
+    i.style.tableLayout = "fixed", this.withNoTextSelect((p) => {
       const m = (y) => {
         const g = (s ? -1 : 1) * (y.clientX - o);
-        l.forEach((x) => x.style.width = Math.max(24, Math.round(c + g)) + "px"), r.forEach((x) => x.style.width = Math.max(24, Math.round(d - g)) + "px"), this.positionTableHandles();
+        r.forEach((x) => x.style.width = Math.max(24, Math.round(a + g)) + "px"), l.forEach((x) => x.style.width = Math.max(24, Math.round(d - g)) + "px"), this.positionTableHandles();
       }, b = () => {
-        window.removeEventListener("mousemove", m), window.removeEventListener("mouseup", b), u(), this.onChange();
+        window.removeEventListener("mousemove", m), window.removeEventListener("mouseup", b), p(), this.onChange();
       };
       window.addEventListener("mousemove", m), window.addEventListener("mouseup", b);
     });
@@ -5169,7 +5353,7 @@ let Hi = (j = class {
     this.cancelImgHide(), this.imgHandles.forEach((i) => i.remove()), this.imgHandles = [], (t = this.imgCtx) == null || t.remove(), this.imgCtx = null, (e = this.imgActive) == null || e.classList.remove("img-selected"), this.imgActive = null;
   }
   selectImage(t) {
-    this.imgActive !== t && (this.clearImageHandles(), this.imgActive = t, t.classList.add("img-selected"), this.imgHandles = xi.map((e) => {
+    this.imgActive !== t && (this.clearImageHandles(), this.imgActive = t, t.classList.add("img-selected"), this.imgHandles = Pi.map((e) => {
       const i = document.createElement("div");
       return i.className = "img-handle img-handle-" + e, i.dataset.corner = e, i.addEventListener("mousedown", (s) => this.startImageResizeDrag(s, e)), i.addEventListener("mouseenter", () => this.cancelImgHide()), i.addEventListener("mouseleave", () => this.scheduleImgHide()), document.body.appendChild(i), i;
     }), this.imgCtx = this.buildImageCtxToolbar(t), this.positionImageHandles());
@@ -5179,18 +5363,18 @@ let Hi = (j = class {
     e.className = "imgctx", e.dir = this.dir();
     const i = () => {
       var d;
-      const c = this.buildImageCtxToolbar(t);
-      (d = this.imgCtx) == null || d.replaceWith(c), this.imgCtx = c, this.positionImageHandles();
-    }, s = (c) => {
-      this.setImageAlign(t, c), i();
-    }, n = t.style.float === "left", l = t.style.float === "right", r = !n && !l && t.style.marginLeft === "auto" && t.style.marginRight === "auto", o = (c, d, u, m) => {
-      const b = this.ctxBtn(c, d, m);
-      return b.classList.toggle("on", u), b;
+      const a = this.buildImageCtxToolbar(t);
+      (d = this.imgCtx) == null || d.replaceWith(a), this.imgCtx = a, this.positionImageHandles();
+    }, s = (a) => {
+      this.setImageAlign(t, a), i();
+    }, n = t.style.float === "left", r = t.style.float === "right", l = !n && !r && t.style.marginLeft === "auto" && t.style.marginRight === "auto", o = (a, d, p, m) => {
+      const b = this.ctxBtn(a, d, m);
+      return b.classList.toggle("on", p), b;
     };
     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")),
+      o(h.aligncenter, this.t("aligncenter"), l, () => s("center")),
+      o(h.alignright, this.t("alignright"), r, () => s("right")),
       this.ctxSep(),
       o(h.rotateleft, this.t("rotateleft"), !1, () => {
         this.rotateImage(t, -90), i();
@@ -5207,10 +5391,10 @@ let Hi = (j = class {
       }),
       this.ctxSep(),
       o(h.trash, this.t("deleteimg"), !1, () => {
-        const c = t.closest(".tpl-media");
-        c && this.ed.contains(c) ? t.outerHTML = this.imgPhHTML() : t.remove(), this.clearImageHandles(), this.onChange();
+        const a = t.closest(".tpl-media");
+        a && this.ed.contains(a) ? t.outerHTML = this.imgPhHTML() : t.remove(), this.clearImageHandles(), this.onChange();
       })
-    ), e.addEventListener("mousedown", (c) => c.preventDefault()), e.addEventListener("mouseenter", () => this.cancelImgHide()), e.addEventListener("mouseleave", () => this.scheduleImgHide()), document.body.appendChild(e), e;
+    ), e.addEventListener("mousedown", (a) => a.preventDefault()), e.addEventListener("mouseenter", () => this.cancelImgHide()), e.addEventListener("mouseleave", () => this.scheduleImgHide()), document.body.appendChild(e), e;
   }
   setImageAlign(t, e) {
     t.style.float = "", t.style.display = "", t.style.marginLeft = "", t.style.marginRight = "", t.style.marginBottom = "", e === "left" ? (t.style.float = "left", t.style.marginInlineEnd = "1em", t.style.marginBottom = "0.5em") : e === "right" ? (t.style.float = "right", t.style.marginInlineStart = "1em", t.style.marginBottom = "0.5em") : (t.style.display = "block", t.style.marginLeft = "auto", t.style.marginRight = "auto"), this.onChange();
@@ -5232,21 +5416,21 @@ let Hi = (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, c] = l[r.dataset.corner];
-      r.style.left = o - 5 + "px", r.style.top = c - 5 + "px";
+    if (this.imgHandles.forEach((l) => {
+      const [o, a] = r[l.dataset.corner];
+      l.style.left = o - 5 + "px", l.style.top = a - 5 + "px";
     }), this.imgCtx) {
-      const r = this.imgCtx.offsetWidth, o = this.imgCtx.offsetHeight;
-      let c = i + (s - i) / 2 - r / 2;
-      c = Math.max(8 + scrollX, Math.min(c, scrollX + innerWidth - r - 8));
+      const l = this.imgCtx.offsetWidth, o = this.imgCtx.offsetHeight;
+      let a = i + (s - i) / 2 - l / 2;
+      a = Math.max(8 + scrollX, Math.min(a, scrollX + innerWidth - l - 8));
       let d = e - o - 8;
-      d < this.ctxMinTop() && (d = n + 8), this.imgCtx.style.left = c + "px", this.imgCtx.style.top = d + "px";
+      d < this.ctxMinTop() && (d = n + 8), this.imgCtx.style.left = a + "px", this.imgCtx.style.top = d + "px";
     }
   }
   startImageResizeDrag(t, e) {
@@ -5254,14 +5438,16 @@ let Hi = (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 s = t.clientX, n = i.getBoundingClientRect().width, r = e === "nw" || e === "sw" ? -1 : 1;
+    this.withNoTextSelect((l) => {
       const o = (d) => {
-        i.style.width = Math.max(24, Math.round(n + l * (d.clientX - s))) + "px", i.style.height = "auto", this.positionImageHandles();
-      }, c = () => {
-        window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", c), r(), this.onChange();
+        i.style.width = Math.max(24, Math.round(n + r * (d.clientX - s))) + "px", i.style.height = "auto", this.positionImageHandles();
+      }, a = () => {
+        window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", a), l();
+        const d = parseInt(i.style.width, 10);
+        d > 0 && !i.closest(".tpl-media") && (i.setAttribute("width", String(d)), i.removeAttribute("height")), this.onChange();
       };
-      window.addEventListener("mousemove", o), window.addEventListener("mouseup", c);
+      window.addEventListener("mousemove", o), window.addEventListener("mouseup", a);
     });
   }
   /* ---------------------------------------------------------- selection bubble toolbar */
@@ -5300,7 +5486,7 @@ let Hi = (j = class {
     this.selCtx || (this.selCtx = this.buildSelToolbar()), this.positionSelToolbar(e);
   }
   buildSelToolbar() {
-    var r;
+    var l;
     const t = document.createElement("div");
     t.className = "selctx", t.dir = this.dir();
     const e = this.ctxBtn(
@@ -5308,8 +5494,8 @@ let Hi = (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));
+    (l = i.querySelector("svg")) == null || l.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"),
@@ -5324,16 +5510,16 @@ let Hi = (j = class {
       this.ctxBtn(h.link, this.t("linkttl"), () => this.linkDlg()),
       s,
       n,
-      l
+      r
     ), t.addEventListener("mousedown", (o) => o.preventDefault()), document.body.appendChild(t), this.syncColorSwatches(t), t;
   }
   positionSelToolbar(t) {
     if (!this.selCtx) return;
-    const e = t.getBoundingClientRect(), i = e.top + scrollY, s = e.left + scrollX, n = e.right + scrollX, l = e.bottom + scrollY, r = this.selCtx.offsetWidth, o = this.selCtx.offsetHeight;
-    let c = s + (n - s) / 2 - r / 2;
-    c = Math.max(8 + scrollX, Math.min(c, scrollX + innerWidth - r - 8));
+    const e = t.getBoundingClientRect(), i = e.top + scrollY, s = e.left + scrollX, n = e.right + scrollX, r = e.bottom + scrollY, l = this.selCtx.offsetWidth, o = this.selCtx.offsetHeight;
+    let a = s + (n - s) / 2 - l / 2;
+    a = Math.max(8 + scrollX, Math.min(a, scrollX + innerWidth - l - 8));
     let d = i - o - 8;
-    d < this.ctxMinTop() && (d = l + 8), this.selCtx.style.left = c + "px", this.selCtx.style.top = d + "px";
+    d < this.ctxMinTop() && (d = r + 8), this.selCtx.style.left = a + "px", this.selCtx.style.top = d + "px";
   }
   repositionSelToolbar() {
     if (!this.selCtx) return;
@@ -5366,9 +5552,9 @@ let Hi = (j = class {
     return t > 0 ? t + "px" : "";
   }
   refreshState() {
-    var o, c, d;
+    var o, a, d;
     const t = window.getSelection(), e = t ? this.ed.contains(t.anchorNode) : !1, i = this.currentBlock();
-    [this.toolbar, this.selCtx].filter(Boolean).forEach((u) => {
+    [this.toolbar, this.selCtx].filter(Boolean).forEach((p) => {
       [
         "bold",
         "italic",
@@ -5381,22 +5567,22 @@ let Hi = (j = class {
         "insertOrderedList",
         "insertUnorderedList"
       ].forEach((b) => {
-        const y = u.querySelector(`[data-id=${b}]`);
+        const y = p.querySelector(`[data-id=${b}]`);
         y && y.classList.toggle("on", e && document.queryCommandState(b));
       }), ["h2", "h3", "blockquote"].forEach((b) => {
-        const y = u.querySelector(`[data-id=${b}]`);
+        const y = p.querySelector(`[data-id=${b}]`);
         y && y.classList.toggle("on", e && i === b);
       });
-      const m = u.querySelector("[data-id=code]");
+      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();
-    (c = this.toolbar.querySelector("[data-id=ltr]")) == null || c.classList.toggle("on", e && l === "ltr"), (d = this.toolbar.querySelector("[data-id=rtl]")) == null || d.classList.toggle("on", e && l === "rtl");
-    const r = (u, m, b) => {
-      const y = this.toolbar.querySelector(`[data-id=${u}] .lbl`);
+    const n = t ? this.closestBlock(t.anchorNode) : null, r = ((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 && r === "ltr"), (d = this.toolbar.querySelector("[data-id=rtl]")) == null || d.classList.toggle("on", e && r === "rtl");
+    const l = (p, m, b) => {
+      const y = this.toolbar.querySelector(`[data-id=${p}] .lbl`);
       y && (y.textContent = m || b || "", y.classList.toggle("empty", !m));
     };
-    r("fontsel", this.currentFont()), r("sizesel", this.currentSize().replace("px", "")), e && r("blocksel", se.some((u) => u[0] === i) ? this.blockLabel(i) : this.t("para")), this.sbWords.textContent = this.countWords() + " " + this.t("words");
+    l("fontsel", this.currentFont()), l("sizesel", this.currentSize().replace("px", "")), e && l("blocksel", ne.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();
@@ -5411,118 +5597,175 @@ let Hi = (j = class {
     if (s && !i) {
       const n = new FileReader();
       n.onload = () => {
-        document.execCommand("insertHTML", !1, `<img src="${n.result}" alt="">`), this.onChange();
+        this.insertImageHTML(n.result), this.onChange();
       }, n.readAsDataURL(s.getAsFile());
       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;
       }
     }
-    i ? document.execCommand("insertHTML", !1, pi(i, this.dir())) : document.execCommand("insertHTML", !1, mi(e.getData("text/plain"))), this.onChange();
+    i ? this.pasteRichHTML(i, e, s) : (document.execCommand("insertHTML", !1, yi(e.getData("text/plain"))), this.onChange());
+  }
+  /** Rich-HTML paste. Before the (untouched) paste engine runs, pictures Word left
+   *  behind as unreadable file:// refs are pulled out of the clipboard's RTF flavor
+   *  and inlined — the same pairing TinyMCE PowerPaste does for
+   *  powerpaste_allow_local_images. Everything the engine already handled is
+   *  unaffected: with no RTF, or no recoverable picture, the HTML reaches it
+   *  byte-identical to before. */
+  pasteRichHTML(t, e, i) {
+    let s = [];
+    const n = e.getData("text/rtf");
+    if (n) {
+      const r = Mi(t, n);
+      t = r.html, s = r.injected;
+    }
+    if (i && Li(t) === 1) {
+      const r = i.getAsFile();
+      if (r) {
+        const l = t;
+        this.saveSel();
+        const o = new FileReader();
+        o.onload = () => {
+          const a = fe(l, [o.result]);
+          this.finishRichPaste(a.html, s.concat(a.injected), !0);
+        }, o.onerror = () => this.finishRichPaste(l, s, !0), o.readAsDataURL(r);
+        return;
+      }
+    }
+    this.finishRichPaste(t, s);
+  }
+  /** Hands recovered pictures to the host's imageUploadHandler when one is
+   *  configured (PowerPaste's automatic_uploads equivalent), then inserts. Without a
+   *  handler they stay inline base64, which is what PowerPaste does by default. */
+  finishRichPaste(t, e, i = !1) {
+    if (!this.imageUploadHandler || !e.length) {
+      this.insertPastedHTML(t, i);
+      return;
+    }
+    const s = this.imageUploadHandler, n = e.filter((r, l) => e.indexOf(r) === l);
+    i || this.saveSel(), Promise.all(
+      n.map((r, l) => {
+        const o = ki(r, "pasted-image-" + (l + 1));
+        return o ? s(o).catch((a) => {
+          var d;
+          return (d = this.onImageUploadError) == null || d.call(this, a, o), r;
+        }) : Promise.resolve(r);
+      })
+    ).then((r) => {
+      let l = t;
+      n.forEach((o, a) => {
+        r[a] !== o && (l = l.split(o).join(r[a]));
+      }), this.insertPastedHTML(l, !0);
+    });
+  }
+  /** `deferred` means the insert is happening after an async hop, so the caret the
+   *  paste started from has to be put back first. */
+  insertPastedHTML(t, e = !1) {
+    e && this.restoreSel(), document.execCommand("insertHTML", !1, bi(t, this.dir())), e && this.saveSel(), this.onChange();
   }
   /* ---------------------------------------------------------- init */
   initUI() {
     this.closePop(), this.closeDlg(), this.clearTableHandles(), this.clearImgPlaceholderSel(), this.clearVphPlaceholderSel(), this.clearVidHandles(), this.clearCodeSel(), this.shell.dir = this.dir(), this.ed.dir = this.dir(), this.options.menubar ? this.buildMenubar() : this.menubar.style.display = "none", this.options.toolbar ? this.buildToolbar() : this.toolbar.style.display = "none", this.sbHelp.textContent = this.t("statushelp"), this.refreshState();
   }
 }, j.instanceCounter = 0, j.TBR_COLLAPSE_MAX = 992, j);
-const Ai = _e(
-  ({ value: p, defaultValue: t, onChange: e, onReady: i, className: s, style: n, ...l }, r) => {
-    const o = z(null), c = z(null), d = z(!1), u = z(p ?? t), m = z(null), b = z(e), y = z(i);
-    return b.current = e, y.current = i, $e(r, () => ({
+const Wi = Ve(
+  ({ value: u, defaultValue: t, onChange: e, onReady: i, className: s, style: n, ...r }, l) => {
+    const o = z(null), a = z(null), d = z(!1), p = z(u ?? t), m = z(null), b = z(e), y = z(i);
+    return b.current = e, y.current = i, ze(l, () => ({
       getContent: () => {
         var g;
-        return ((g = c.current) == null ? void 0 : g.getContent()) ?? "";
+        return ((g = a.current) == null ? void 0 : g.getContent()) ?? "";
       },
       getContentForEmail: () => {
         var g;
-        return ((g = c.current) == null ? void 0 : g.getContentForEmail()) ?? "";
+        return ((g = a.current) == null ? void 0 : g.getContentForEmail()) ?? "";
       },
       setContent: (g) => {
         var x;
-        return (x = c.current) == null ? void 0 : x.setContent(g);
+        return (x = a.current) == null ? void 0 : x.setContent(g);
       },
       insertContent: (g) => {
         var x;
-        return (x = c.current) == null ? void 0 : x.insertContent(g);
+        return (x = a.current) == null ? void 0 : x.insertContent(g);
       },
       setLanguage: (g) => {
         var x;
-        return (x = c.current) == null ? void 0 : x.setLanguage(g);
+        return (x = a.current) == null ? void 0 : x.setLanguage(g);
       },
       focus: () => {
         var g;
-        return (g = c.current) == null ? void 0 : g.focus();
+        return (g = a.current) == null ? void 0 : g.focus();
       },
       destroy: () => {
         var g;
-        return (g = c.current) == null ? void 0 : g.destroy();
+        return (g = a.current) == null ? void 0 : g.destroy();
       },
       importWordFile: (g) => {
         var x;
-        return ((x = c.current) == null ? void 0 : x.importWordFile(g)) ?? Promise.resolve();
+        return ((x = a.current) == null ? void 0 : x.importWordFile(g)) ?? Promise.resolve();
       },
       restoreDraft: () => {
         var g;
-        return ((g = c.current) == null ? void 0 : g.restoreDraft()) ?? !1;
+        return ((g = a.current) == null ? void 0 : g.restoreDraft()) ?? !1;
       },
       getRevisions: () => {
         var g;
-        return ((g = c.current) == null ? void 0 : g.getRevisions()) ?? [];
+        return ((g = a.current) == null ? void 0 : g.getRevisions()) ?? [];
       }
-    })), ot(() => {
+    })), lt(() => {
       if (!o.current) return;
-      const g = new Hi({
+      const g = new ji({
         target: o.current,
-        initialContent: u.current,
+        initialContent: p.current,
         onChange: (x) => {
           var w;
-          d.current = !0, u.current = x, (w = b.current) == null || w.call(b, x);
+          d.current = !0, p.current = x, (w = b.current) == null || w.call(b, x);
         },
         onReady: (x) => {
           var w;
           return (w = y.current) == null ? void 0 : w.call(y, x);
         },
-        ...l
+        ...r
       });
-      return c.current = g, () => {
-        g.destroy(), c.current = null;
+      return a.current = g, () => {
+        g.destroy(), a.current = null;
       };
-    }, []), ot(() => {
+    }, []), lt(() => {
       var g, x;
-      if (p !== void 0 && p !== u.current) {
+      if (u !== void 0 && u !== p.current) {
         if (d.current) {
           d.current = !1;
           return;
         }
         if ((g = o.current) != null && g.contains(document.activeElement)) {
-          m.current = p;
+          m.current = u;
           return;
         }
-        u.current = p, (x = c.current) == null || x.setContent(p);
+        p.current = u, (x = a.current) == null || x.setContent(u);
       }
-    }, [p]), ot(() => {
+    }, [u]), lt(() => {
       const g = o.current;
       if (!g) return;
       const x = (w) => {
-        var H;
+        var A;
         if (m.current === null) return;
         const E = w.relatedTarget;
         if (E && g.contains(E)) return;
         const I = m.current;
-        m.current = null, u.current = I, (H = c.current) == null || H.setContent(I);
+        m.current = null, p.current = I, (A = a.current) == null || A.setContent(I);
       };
       return g.addEventListener("focusout", x), () => g.removeEventListener("focusout", x);
-    }, []), ot(() => {
+    }, []), lt(() => {
       var g;
-      l.language && ((g = c.current) == null || g.setLanguage(l.language));
-    }, [l.language]), /* @__PURE__ */ Ve.jsx("div", { ref: o, className: s, style: n });
+      r.language && ((g = a.current) == null || g.setLanguage(r.language));
+    }, [r.language]), /* @__PURE__ */ Ge.jsx("div", { ref: o, className: s, style: n });
   }
 );
-Ai.displayName = "FableEditor";
+Wi.displayName = "FableEditor";
 export {
-  Ai as FableEditor
+  Wi as FableEditor
 };