fable-editor 1.2.1 → 1.2.2

package/dist/react/index.mjs

@@ -1,4 +1,4 @@
-import oe, { forwardRef as Ne, useRef as z, useImperativeHandle as Ze, useEffect as ot } from "react";
+import ce, { forwardRef as _e, useRef as z, useImperativeHandle as Fe, useEffect as ot } from "react";
 var Et = { exports: {} }, J = {};
 /**
  * @license React
@@ -10,18 +10,18 @@ var Et = { exports: {} }, J = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Qt;
-function Oe() {
+function $e() {
   if (Qt) return J;
   Qt = 1;
-  var u = oe, 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 l(r, o, c) {
+  var u = ce, 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, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function n(r, o, c) {
     var d, p = {}, 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) && (p[d] = o[d]);
+    for (d in o) i.call(o, d) && !l.hasOwnProperty(d) && (p[d] = o[d]);
     if (r && r.defaultProps) for (d in o = r.defaultProps, o) p[d] === void 0 && (p[d] = o[d]);
     return { $$typeof: t, type: r, key: m, ref: b, props: p, _owner: s.current };
   }
-  return J.Fragment = e, J.jsx = l, J.jsxs = l, J;
+  return J.Fragment = e, J.jsx = n, J.jsxs = n, J;
 }
 var tt = {};
 /**
@@ -34,9 +34,9 @@ var tt = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Kt;
-function _e() {
+function je() {
   return Kt || (Kt = 1, process.env.NODE_ENV !== "production" && function() {
-    var u = oe, 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"), p = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), y = Symbol.iterator, g = "@@iterator";
+    var u = ce, t = Symbol.for("react.element"), e = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), n = 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"), p = 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")
         return null;
@@ -48,36 +48,36 @@ function _e() {
       {
         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);
+        A("error", a, v);
       }
     }
-    function I(a, f, v) {
+    function A(a, f, v) {
       {
-        var T = w.ReactDebugCurrentFrame, k = T.getStackAddendum();
-        k !== "" && (f += "%s", v = v.concat([k]));
-        var A = v.map(function(M) {
+        var T = w.ReactDebugCurrentFrame, L = T.getStackAddendum();
+        L !== "" && (f += "%s", v = v.concat([L]));
+        var I = v.map(function(M) {
           return String(M);
         });
-        A.unshift("Warning: " + f), Function.prototype.apply.call(console[a], console, A);
+        I.unshift("Warning: " + f), Function.prototype.apply.call(console[a], console, I);
       }
     }
     var H = !1, $ = !1, O = !1, _ = !1, et = !1, Mt;
     Mt = Symbol.for("react.module.reference");
-    function ae(a) {
-      return !!(typeof a == "string" || typeof a == "function" || a === i || a === n || et || a === s || a === c || a === d || _ || a === b || H || $ || O || typeof a == "object" && a !== null && (a.$$typeof === m || a.$$typeof === p || a.$$typeof === l || a.$$typeof === r || a.$$typeof === o || // This needs to include all possible module reference object
+    function de(a) {
+      return !!(typeof a == "string" || typeof a == "function" || a === i || a === l || et || a === s || a === c || a === d || _ || a === b || H || $ || O || typeof a == "object" && a !== null && (a.$$typeof === m || a.$$typeof === p || a.$$typeof === n || a.$$typeof === r || a.$$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));
     }
-    function ce(a, f, v) {
+    function pe(a, f, v) {
       var T = a.displayName;
       if (T)
         return T;
-      var k = f.displayName || f.name || "";
-      return k !== "" ? v + "(" + k + ")" : v;
+      var L = f.displayName || f.name || "";
+      return L !== "" ? v + "(" + L + ")" : v;
     }
-    function Lt(a) {
+    function kt(a) {
       return a.displayName || "Context";
     }
     function W(a) {
@@ -92,7 +92,7 @@ function _e() {
           return "Fragment";
         case e:
           return "Portal";
-        case n:
+        case l:
           return "Profiler";
         case s:
           return "StrictMode";
@@ -105,19 +105,19 @@ function _e() {
         switch (a.$$typeof) {
           case r:
             var f = a;
-            return Lt(f) + ".Consumer";
-          case l:
+            return kt(f) + ".Consumer";
+          case n:
             var v = a;
-            return Lt(v._context) + ".Provider";
+            return kt(v._context) + ".Provider";
           case o:
-            return ce(a, a.render, "ForwardRef");
+            return pe(a, a.render, "ForwardRef");
           case p:
             var T = a.displayName || null;
             return T !== null ? T : W(a.type) || "Memo";
           case m: {
-            var k = a, A = k._payload, M = k._init;
+            var L = a, I = L._payload, M = L._init;
             try {
-              return W(M(A));
+              return W(M(I));
             } catch {
               return null;
             }
@@ -125,18 +125,18 @@ function _e() {
         }
       return null;
     }
-    var V = Object.assign, Q = 0, kt, Ht, At, It, qt, Rt, Pt;
-    function Dt() {
+    var V = Object.assign, Q = 0, Lt, Ht, It, At, qt, Rt, Pt;
+    function Bt() {
     }
-    Dt.__reactDisabledLog = !0;
-    function he() {
+    Bt.__reactDisabledLog = !0;
+    function ue() {
       {
         if (Q === 0) {
-          kt = console.log, Ht = console.info, At = console.warn, It = console.error, qt = console.group, Rt = console.groupCollapsed, Pt = console.groupEnd;
+          Lt = console.log, Ht = console.info, It = console.warn, At = console.error, qt = console.group, Rt = console.groupCollapsed, Pt = console.groupEnd;
           var a = {
             configurable: !0,
             enumerable: !0,
-            value: Dt,
+            value: Bt,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -152,7 +152,7 @@ function _e() {
         Q++;
       }
     }
-    function de() {
+    function me() {
       {
         if (Q--, Q === 0) {
           var a = {
@@ -162,16 +162,16 @@ function _e() {
           };
           Object.defineProperties(console, {
             log: V({}, a, {
-              value: kt
+              value: Lt
             }),
             info: V({}, a, {
               value: Ht
             }),
             warn: V({}, a, {
-              value: At
+              value: It
             }),
             error: V({}, a, {
-              value: It
+              value: At
             }),
             group: V({}, a, {
               value: qt
@@ -193,8 +193,8 @@ function _e() {
         if (mt === void 0)
           try {
             throw Error();
-          } catch (k) {
-            var T = k.stack.trim().match(/\n( *(at )?)/);
+          } catch (L) {
+            var T = L.stack.trim().match(/\n( *(at )?)/);
             mt = T && T[1] || "";
           }
         return `
@@ -203,10 +203,10 @@ function _e() {
     }
     var ft = !1, st;
     {
-      var pe = typeof WeakMap == "function" ? WeakMap : Map;
-      st = new pe();
+      var fe = typeof WeakMap == "function" ? WeakMap : Map;
+      st = new fe();
     }
-    function Bt(a, f) {
+    function Dt(a, f) {
       if (!a || ft)
         return "";
       {
@@ -216,10 +216,10 @@ function _e() {
       }
       var T;
       ft = !0;
-      var k = Error.prepareStackTrace;
+      var L = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var A;
-      A = ut.current, ut.current = null, he();
+      var I;
+      I = ut.current, ut.current = null, ue();
       try {
         if (f) {
           var M = function() {
@@ -255,14 +255,14 @@ function _e() {
       } catch (N) {
         if (N && T && typeof N.stack == "string") {
           for (var S = N.stack.split(`
-`), B = T.stack.split(`
-`), R = S.length - 1, P = B.length - 1; R >= 1 && P >= 0 && S[R] !== B[P]; )
+`), D = T.stack.split(`
+`), R = S.length - 1, P = D.length - 1; R >= 1 && P >= 0 && S[R] !== D[P]; )
             P--;
           for (; R >= 1 && P >= 0; R--, P--)
-            if (S[R] !== B[P]) {
+            if (S[R] !== D[P]) {
               if (R !== 1 || P !== 1)
                 do
-                  if (R--, P--, P < 0 || S[R] !== B[P]) {
+                  if (R--, P--, P < 0 || S[R] !== D[P]) {
                     var F = `
 ` + S[R].replace(" at new ", " at ");
                     return a.displayName && F.includes("<anonymous>") && (F = F.replace("<anonymous>", a.displayName)), typeof a == "function" && st.set(a, F), F;
@@ -272,23 +272,23 @@ function _e() {
             }
         }
       } finally {
-        ft = !1, ut.current = A, de(), Error.prepareStackTrace = k;
+        ft = !1, ut.current = I, me(), Error.prepareStackTrace = L;
       }
       var G = a ? a.displayName || a.name : "", U = G ? it(G) : "";
       return typeof a == "function" && st.set(a, U), U;
     }
-    function ue(a, f, v) {
-      return Bt(a, !1);
+    function ge(a, f, v) {
+      return Dt(a, !1);
     }
-    function me(a) {
+    function ve(a) {
       var f = a.prototype;
       return !!(f && f.isReactComponent);
     }
-    function nt(a, f, v) {
+    function lt(a, f, v) {
       if (a == null)
         return "";
       if (typeof a == "function")
-        return Bt(a, me(a));
+        return Dt(a, ve(a));
       if (typeof a == "string")
         return it(a);
       switch (a) {
@@ -300,13 +300,13 @@ function _e() {
       if (typeof a == "object")
         switch (a.$$typeof) {
           case o:
-            return ue(a.render);
+            return ge(a.render);
           case p:
-            return nt(a.type, f, v);
+            return lt(a.type, f, v);
           case m: {
-            var T = a, k = T._payload, A = T._init;
+            var T = a, L = T._payload, I = T._init;
             try {
-              return nt(A(k), f, v);
+              return lt(I(L), f, v);
             } catch {
             }
           }
@@ -314,43 +314,43 @@ function _e() {
       return "";
     }
     var K = Object.prototype.hasOwnProperty, Nt = {}, Zt = w.ReactDebugCurrentFrame;
-    function lt(a) {
+    function nt(a) {
       if (a) {
-        var f = a._owner, v = nt(a.type, a._source, f ? f.type : null);
+        var f = a._owner, v = lt(a.type, a._source, f ? f.type : null);
         Zt.setExtraStackFrame(v);
       } else
         Zt.setExtraStackFrame(null);
     }
-    function fe(a, f, v, T, k) {
+    function be(a, f, v, T, L) {
       {
-        var A = Function.call.bind(K);
+        var I = Function.call.bind(K);
         for (var M in a)
-          if (A(a, M)) {
+          if (I(a, M)) {
             var S = void 0;
             try {
               if (typeof a[M] != "function") {
-                var B = 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`.");
-                throw B.name = "Invariant Violation", B;
+                var D = 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`.");
+                throw D.name = "Invariant Violation", D;
               }
               S = a[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(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), lt(null)), S instanceof Error && !(S.message in Nt) && (Nt[S.message] = !0, lt(k), E("Failed %s type: %s", v, S.message), lt(null));
+            S && !(S instanceof Error) && (nt(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), nt(null)), S instanceof Error && !(S.message in Nt) && (Nt[S.message] = !0, nt(L), E("Failed %s type: %s", v, S.message), nt(null));
           }
       }
     }
-    var ge = Array.isArray;
+    var ye = Array.isArray;
     function gt(a) {
-      return ge(a);
+      return ye(a);
     }
-    function ve(a) {
+    function xe(a) {
       {
         var f = typeof Symbol == "function" && Symbol.toStringTag, v = f && a[Symbol.toStringTag] || a.constructor.name || "Object";
         return v;
       }
     }
-    function be(a) {
+    function Ce(a) {
       try {
         return Ot(a), !1;
       } catch {
@@ -361,16 +361,16 @@ function _e() {
       return "" + a;
     }
     function _t(a) {
-      if (be(a))
-        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ve(a)), Ot(a);
+      if (Ce(a))
+        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", xe(a)), Ot(a);
     }
-    var Ft = w.ReactCurrentOwner, ye = {
+    var Ft = w.ReactCurrentOwner, we = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, $t, jt;
-    function xe(a) {
+    function Te(a) {
       if (K.call(a, "ref")) {
         var f = Object.getOwnPropertyDescriptor(a, "ref").get;
         if (f && f.isReactWarning)
@@ -378,7 +378,7 @@ function _e() {
       }
       return a.ref !== void 0;
     }
-    function Ce(a) {
+    function Ee(a) {
       if (K.call(a, "key")) {
         var f = Object.getOwnPropertyDescriptor(a, "key").get;
         if (f && f.isReactWarning)
@@ -386,10 +386,10 @@ function _e() {
       }
       return a.key !== void 0;
     }
-    function we(a, f) {
+    function Se(a, f) {
       typeof a.ref == "string" && Ft.current;
     }
-    function Te(a, f) {
+    function Me(a, 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));
@@ -400,7 +400,7 @@ function _e() {
         });
       }
     }
-    function Ee(a, f) {
+    function ke(a, 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));
@@ -411,7 +411,7 @@ function _e() {
         });
       }
     }
-    var Se = function(a, f, v, T, k, A, M) {
+    var Le = function(a, f, v, T, L, I, M) {
       var S = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -421,7 +421,7 @@ function _e() {
         ref: v,
         props: M,
         // Record the component responsible for creating this element.
-        _owner: A
+        _owner: I
       };
       return S._store = {}, Object.defineProperty(S._store, "validated", {
         configurable: !1,
@@ -437,31 +437,31 @@ function _e() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: k
+        value: L
       }), Object.freeze && (Object.freeze(S.props), Object.freeze(S)), S;
     };
-    function Me(a, f, v, T, k) {
+    function He(a, f, v, T, L) {
       {
-        var A, M = {}, S = null, B = null;
-        v !== void 0 && (_t(v), S = "" + v), Ce(f) && (_t(f.key), S = "" + f.key), xe(f) && (B = f.ref, we(f, k));
-        for (A in f)
-          K.call(f, A) && !ye.hasOwnProperty(A) && (M[A] = f[A]);
+        var I, M = {}, S = null, D = null;
+        v !== void 0 && (_t(v), S = "" + v), Ee(f) && (_t(f.key), S = "" + f.key), Te(f) && (D = f.ref, Se(f, L));
+        for (I in f)
+          K.call(f, I) && !we.hasOwnProperty(I) && (M[I] = f[I]);
         if (a && a.defaultProps) {
           var R = a.defaultProps;
-          for (A in R)
-            M[A] === void 0 && (M[A] = R[A]);
+          for (I in R)
+            M[I] === void 0 && (M[I] = R[I]);
         }
-        if (S || B) {
+        if (S || D) {
           var P = typeof a == "function" ? a.displayName || a.name || "Unknown" : a;
-          S && Te(M, P), B && Ee(M, P);
+          S && Me(M, P), D && ke(M, P);
         }
-        return Se(a, S, B, k, T, Ft.current, M);
+        return Le(a, S, D, L, T, Ft.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);
+        var f = a._owner, v = lt(a.type, a._source, f ? f.type : null);
         Wt.setExtraStackFrame(v);
       } else
         Wt.setExtraStackFrame(null);
@@ -483,11 +483,11 @@ Check the render method of \`` + a + "`.";
         return "";
       }
     }
-    function Le(a) {
+    function Ie(a) {
       return "";
     }
     var Ut = {};
-    function ke(a) {
+    function Ae(a) {
       {
         var f = Vt();
         if (!f) {
@@ -504,7 +504,7 @@ Check the top-level render call using <` + v + ">.");
         if (!a._store || a._store.validated || a.key != null)
           return;
         a._store.validated = !0;
-        var v = ke(f);
+        var v = Ae(f);
         if (Ut[v])
           return;
         Ut[v] = !0;
@@ -524,14 +524,14 @@ Check the top-level render call using <` + v + ">.");
         else if (yt(a))
           a._store && (a._store.validated = !0);
         else if (a) {
-          var k = x(a);
-          if (typeof k == "function" && k !== a.entries)
-            for (var A = k.call(a), M; !(M = A.next()).done; )
+          var L = x(a);
+          if (typeof L == "function" && L !== a.entries)
+            for (var I = L.call(a), M; !(M = I.next()).done; )
               yt(M.value) && zt(M.value, f);
         }
       }
     }
-    function He(a) {
+    function qe(a) {
       {
         var f = a.type;
         if (f == null || typeof f == "string")
@@ -547,16 +547,16 @@ Check the top-level render call using <` + v + ">.");
           return;
         if (v) {
           var T = W(f);
-          fe(v, a.props, "prop", T, a);
+          be(v, a.props, "prop", T, a);
         } else if (f.PropTypes !== void 0 && !bt) {
           bt = !0;
-          var k = W(f);
-          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", k || "Unknown");
+          var L = W(f);
+          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", L || "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 Ae(a) {
+    function Re(a) {
       {
         for (var f = Object.keys(a.props), v = 0; v < f.length; v++) {
           var T = f[v];
@@ -569,18 +569,18 @@ Check the top-level render call using <` + v + ">.");
       }
     }
     var Yt = {};
-    function Gt(a, f, v, T, k, A) {
+    function Gt(a, f, v, T, L, I) {
       {
-        var M = ae(a);
+        var M = de(a);
         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 B = Le();
-          B ? S += B : S += Vt();
+          var D = Ie();
+          D ? S += D : 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);
         }
-        var P = Me(a, f, v, k, A);
+        var P = He(a, f, v, L, I);
         if (P == null)
           return P;
         if (M) {
@@ -597,35 +597,35 @@ Check the top-level render call using <` + v + ">.");
               Xt(F, a);
         }
         if (K.call(f, "key")) {
-          var U = W(a), N = Object.keys(f).filter(function(Be) {
-            return Be !== "key";
+          var U = W(a), N = Object.keys(f).filter(function(Oe) {
+            return Oe !== "key";
           }), xt = N.length > 0 ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Yt[U + xt]) {
-            var De = N.length > 0 ? "{" + N.join(": ..., ") + ": ...}" : "{}";
+            var Ze = N.length > 0 ? "{" + N.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, De, U), Yt[U + xt] = !0;
+  <%s key={someKey} {...props} />`, xt, U, Ze, U), Yt[U + xt] = !0;
           }
         }
-        return a === i ? Ae(P) : He(P), P;
+        return a === i ? Re(P) : qe(P), P;
       }
     }
-    function Ie(a, f, v) {
+    function Pe(a, f, v) {
       return Gt(a, f, v, !0);
     }
-    function qe(a, f, v) {
+    function Be(a, f, v) {
       return Gt(a, f, v, !1);
     }
-    var Re = qe, Pe = Ie;
-    tt.Fragment = i, tt.jsx = Re, tt.jsxs = Pe;
+    var De = Be, Ne = Pe;
+    tt.Fragment = i, tt.jsx = De, tt.jsxs = Ne;
   }()), tt;
 }
-process.env.NODE_ENV === "production" ? Et.exports = Oe() : Et.exports = _e();
-var Fe = Et.exports;
-const $e = {
+process.env.NODE_ENV === "production" ? Et.exports = $e() : Et.exports = je();
+var We = Et.exports;
+const Ve = {
   en: {
     dir: "ltr",
     file: "File",
@@ -680,6 +680,7 @@ const $e = {
     aligncenter: "Align center",
     alignright: "Align right",
     alignjustify: "Justify",
+    align: "Align",
     numlist: "Numbered list",
     bullist: "Bullet list",
     forecolor: "Text color",
@@ -871,6 +872,7 @@ const $e = {
     aligncenter: "توسيط",
     alignright: "محاذاة لليمين",
     alignjustify: "ضبط",
+    align: "محاذاة",
     numlist: "قائمة رقمية",
     bullist: "قائمة نقطية",
     forecolor: "لون النص",
@@ -1010,9 +1012,9 @@ const $e = {
   }
 };
 function Ct(u) {
-  return $e[u];
+  return Ve[u];
 }
-const je = "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", We = "file edit view insert format tools table help", Ve = [
+const Ue = "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", ze = "file edit view insert format tools table help", Xe = [
   ["Andale Mono", "andale mono,times"],
   ["Arial", "arial,helvetica,sans-serif"],
   ["Arial Black", "arial black,avant garde"],
@@ -1032,7 +1034,7 @@ const je = "undo redo | preview print | importword revhistory | fontfamily fonts
   ["Verdana", "verdana,geneva"],
   ["Webdings", "webdings"],
   ["Wingdings", "wingdings,zapf dingbats"]
-], Ue = ["8px", "9px", "10px", "11px", "12px", "14px", "16px", "18px", "20px", "24px", "28px", "32px", "36px", "48px", "72px", "96px"], ze = 1, Xe = 100, Ye = ["1", "1.15", "1.4", "1.5", "1.75", "2", "2.5", "3"], Ge = ["1px", "2px", "4px", "6px", "8px", "12px"], Qe = ["0.5px", "1px", "1.5px", "2px", "3px", "4px"], Jt = [
+], Ye = ["8px", "9px", "10px", "11px", "12px", "14px", "16px", "18px", "20px", "24px", "28px", "32px", "36px", "48px", "72px", "96px"], Ge = 1, Qe = 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 = [
   ["plain", "Plain text"],
   ["html", "HTML/XML"],
   ["css", "CSS"],
@@ -1049,7 +1051,7 @@ const je = "undo redo | preview print | importword revhistory | fontfamily fonts
   ["rust", "Rust"],
   ["sql", "SQL"],
   ["bash", "Bash/Shell"]
-], te = [
+], se = [
   ["p", "para"],
   ["h1", "heading1"],
   ["h2", "heading2"],
@@ -2149,7 +2151,7 @@ const je = "undo redo | preview print | importword revhistory | fontfamily fonts
       "🇲🇦"
     ]
   }
-], L = (u, t) => `<svg viewBox="${t || "0 0 24 24"}">${u}</svg>`, C = (u) => L(`<path class="f" d="${u}"/>`, "0 -960 960 960"), rt = (u, t = 7.5) => L(
+], k = (u, t) => `<svg viewBox="${t || "0 0 24 24"}">${u}</svg>`, C = (u) => k(`<path class="f" d="${u}"/>`, "0 -960 960 960"), rt = (u, t = 7.5) => k(
   '<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("")
@@ -2196,7 +2198,7 @@ const je = "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: L('<path d="M2 3.5 6 7.5 10 3.5"/>', "0 0 12 11"),
+  chev: k('<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"
   ),
@@ -2206,7 +2208,7 @@ const je = "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: L(
+  more: k(
     '<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(
@@ -2218,17 +2220,17 @@ const je = "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: L('<path d="M4 12h16"/>'),
+  hric: k('<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: L(
+  dateic: k(
     '<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: L('<path d="M6 12v4h12v-4"/>'),
+  nbspic: k('<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"
   ),
@@ -2256,11 +2258,11 @@ const je = "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: L('<path d="M6 3h8l5 5v13H6z"/><path d="M14 3v5h5"/>'),
-  helpic: L(
+  newic: k('<path d="M6 3h8l5 5v13H6z"/><path d="M14 3v5h5"/>'),
+  helpic: k(
     '<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: L('<path d="M4 6h16M4 10h16M4 14h9"/><path d="M15 17.5l2 2 3.6-4"/>'),
+  wcic: k('<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"
   ),
@@ -2312,44 +2314,44 @@ const je = "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: L(
+  wordic: k(
     '<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: L(
+  trash: k(
     '<path d="M5 7h14M10 7V5h4v2M7.5 7l1 13h7l1-13"/>'
   ),
-  templateic: L(
+  templateic: k(
     '<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: L(
+  tplleft: k(
     '<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: L(
+  tplright: k(
     '<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: L(
+  tpltop: k(
     '<rect x="5" y="3" width="14" height="9" rx=".8"/><path d="M3 15h18M3 18h18M3 21h12"/>'
   ),
-  tplcenter: L(
+  tplcenter: k(
     '<path d="M3 4h18M3 7h18M3 10h12"/><rect x="5" y="12.5" width="14" height="9" rx=".8"/>'
   ),
-  rotateleft: L(
+  rotateleft: k(
     '<polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"/>'
   ),
-  rotateright: L(
+  rotateright: k(
     '<polyline points="23 4 23 10 17 10"/><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"/>'
   ),
-  fliphorizontal: L(
+  fliphorizontal: k(
     '<path d="M12 3v18"/><path d="M7 8l-4 4 4 4"/><path d="M17 8l4 4-4 4"/>'
   ),
-  flipvertical: L(
+  flipvertical: k(
     '<path d="M3 12h18"/><path d="M8 7l4-4 4 4"/><path d="M8 17l4 4 4-4"/>'
   ),
-  check: L('<path d="M5 12.5 9.5 17 19 7"/>'),
-  palette: L(
+  check: k('<path d="M5 12.5 9.5 17 19 7"/>'),
+  palette: k(
     '<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(
@@ -2362,20 +2364,20 @@ const je = "undo redo | preview print | importword revhistory | fontfamily fonts
   ol_roman: rt(["i", "ii", "iii"], 6.5),
   ol_alphau: rt(["A", "B", "C"]),
   ol_romanu: rt(["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(
+  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(
     '<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: L(
+  emojiic: k(
     '<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: 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(
+  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(
     '<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"/>'
   )
 }, ii = /* @__PURE__ */ new Set([
@@ -2476,7 +2478,7 @@ const je = "undo redo | preview print | importword revhistory | fontfamily fonts
   "box-sizing",
   "list-style-type",
   "white-space"
-]), ee = {
+]), le = {
   "*": ["dir", "lang", "colspan", "rowspan"],
   a: ["href", "target", "rel", "title"],
   img: ["src", "alt", "width", "height", "title"],
@@ -2492,16 +2494,16 @@ function pt(u) {
     s < 1 || (t[i.slice(0, s).trim().toLowerCase()] = i.slice(s + 1).trim());
   }), t;
 }
-function ni(u) {
+function li(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 li(u) {
+function ni(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 oi(u) {
   const t = (s) => {
-    const n = (s.getAttribute("style") || "") + " " + (s.className || "");
-    return /mso-list\s*:(?!\s*ignore)/i.test(n) || /MsoListParagraph/i.test(n);
+    const l = (s.getAttribute("style") || "") + " " + (s.className || "");
+    return /mso-list\s*:(?!\s*ignore)/i.test(l) || /MsoListParagraph/i.test(l);
   }, e = [];
   let i = null;
   Array.from(u.body.querySelectorAll("p")).forEach((s) => {
@@ -2509,28 +2511,28 @@ function oi(u) {
       i = null;
       return;
     }
-    const n = s.previousElementSibling;
-    i && n && i[i.length - 1] === n ? i.push(s) : (i = [s], e.push(i));
+    const l = s.previousElementSibling;
+    i && l && i[i.length - 1] === l ? i.push(s) : (i = [s], e.push(i));
   }), e.forEach((s) => {
-    const n = [], l = s[0];
+    const l = [], n = s[0];
     s.forEach((r) => {
-      var w, E, I;
+      var w, E, A;
       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") || "")
-      ), p = 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 } = li(p);
-      for (d && d.remove(); n.length && n[n.length - 1].level > c; ) n.pop();
-      if (!n.length || n[n.length - 1].level < c) {
+      ), p = d ? ((E = d.textContent) == null ? void 0 : E.trim()) || "" : (((A = r.textContent) == null ? void 0 : A.trim().match(/^\S{1,4}/)) || [""])[0], { ordered: m, style: b } = ni(p);
+      for (d && d.remove(); l.length && l[l.length - 1].level > c; ) l.pop();
+      if (!l.length || l[l.length - 1].level < c) {
         const H = u.createElement(m ? "ol" : "ul");
-        if (m && b && (H.style.listStyleType = b), n.length) {
-          const $ = n[n.length - 1].list;
+        if (m && b && (H.style.listStyleType = b), l.length) {
+          const $ = l[l.length - 1].list;
           ($.lastElementChild || $).appendChild(H);
         } else
-          l.parentNode.insertBefore(H, l);
-        n.push({ list: H, level: c });
+          n.parentNode.insertBefore(H, n);
+        l.push({ list: H, level: c });
       }
       const y = u.createElement("li"), g = pt(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();
+      l[l.length - 1].list.appendChild(y), r.remove();
     });
   });
 }
@@ -2548,8 +2550,8 @@ function ai(u) {
     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");
+      const l = s;
+      i === "center" ? (l.style.marginLeft = l.style.marginLeft || "auto", l.style.marginRight = l.style.marginRight || "auto") : i === "right" ? l.style.marginLeft = l.style.marginLeft || "auto" : i === "left" && (l.style.marginRight = l.style.marginRight || "auto");
     })), e.removeAttribute("align");
   }), u.querySelectorAll("center table").forEach((t) => {
     const e = t;
@@ -2592,10 +2594,10 @@ function ht(u, t) {
       i.remove();
       return;
     }
-    const n = /* @__PURE__ */ new Set([...ee["*"] || [], ...ee[s] || []]);
+    const l = /* @__PURE__ */ new Set([...le["*"] || [], ...le[s] || []]);
     if (Array.from(i.attributes).forEach((o) => {
       const c = o.name.toLowerCase();
-      c !== "style" && !n.has(c) && i.removeAttribute(o.name);
+      c !== "style" && !l.has(c) && i.removeAttribute(o.name);
     }), s === "a") {
       const o = i.getAttribute("href") || "";
       /^(https?:|mailto:|tel:|#)/i.test(o) || i.removeAttribute("href");
@@ -2608,8 +2610,8 @@ function ht(u, t) {
         return;
       }
     }
-    const l = pt(i), r = [];
-    for (const [o, c] of Object.entries(l))
+    const n = pt(i), r = [];
+    for (const [o, c] of Object.entries(n))
       si.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) {
       for (; i.firstChild; ) i.parentNode.insertBefore(i.firstChild, i);
@@ -2623,14 +2625,14 @@ function ci(u) {
   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) => {
+    let l;
+    const n = /([^{}]+)\{([^}]*)\}/g;
+    for (; l = n.exec(s); ) {
+      const r = l[2].split(";").map((o) => {
         const c = o.indexOf(":");
         return c < 1 ? null : [o.slice(0, c).trim().toLowerCase(), o.slice(c + 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 }));
+      r.length && l[1].split(",").map((o) => o.trim()).filter((o) => o && !o.startsWith("@")).forEach((o) => t.push({ sel: o, decls: r }));
     }
   }
   return t;
@@ -2639,47 +2641,47 @@ function hi(u, t) {
   if (!t.length) return;
   const e = /* @__PURE__ */ new Map();
   t.forEach(({ sel: i, decls: s }) => {
-    let n;
+    let l;
     try {
-      n = u.querySelectorAll(i);
+      l = u.querySelectorAll(i);
     } catch {
       return;
     }
-    n.forEach((l) => {
-      let r = e.get(l);
-      r || (r = {}, e.set(l, r)), s.forEach(([o, c]) => {
+    l.forEach((n) => {
+      let r = e.get(n);
+      r || (r = {}, e.set(n, r)), s.forEach(([o, c]) => {
         r[o] = c;
       });
     });
   }), e.forEach((i, s) => {
-    const n = pt(s), l = s.hasAttribute("dir"), r = s.hasAttribute("align"), o = Object.entries(i).filter(([p]) => !(p in n || (p === "direction" || p === "unicode-bidi") && l || p === "text-align" && (r || l) || (p === "background" || p === "background-color") && s.hasAttribute("bgcolor")));
+    const l = pt(s), n = s.hasAttribute("dir"), r = s.hasAttribute("align"), o = Object.entries(i).filter(([p]) => !(p in l || (p === "direction" || p === "unicode-bidi") && n || p === "text-align" && (r || n) || (p === "background" || p === "background-color") && s.hasAttribute("bgcolor")));
     if (!o.length) return;
     const c = o.map(([p, m]) => p + ":" + m).join(";"), d = s.getAttribute("style");
     s.setAttribute("style", d ? c + ";" + d : c);
   });
 }
-function re(u) {
+function he(u) {
   return u.replace(/[ﭐ-﷿ﹰ-ﻼ]+/g, (t) => t.normalize("NFKC"));
 }
 function di(u) {
   const t = u.createTreeWalker(u.body, NodeFilter.SHOW_TEXT, null);
   let e;
   for (; e = t.nextNode(); )
-    /[ﭐ-﷿ﹰ-ﻼ]/.test(e.nodeValue || "") && (e.nodeValue = re(e.nodeValue || ""));
+    /[ﭐ-﷿ﹰ-ﻼ]/.test(e.nodeValue || "") && (e.nodeValue = he(e.nodeValue || ""));
 }
 function pi(u, t = "ltr") {
-  const e = ci(u), i = new DOMParser().parseFromString(ni(u), "text/html");
+  const e = ci(u), i = new DOMParser().parseFromString(li(u), "text/html");
   hi(i, e), /class="?Mso|mso-|urn:schemas-microsoft-com/i.test(i.body.innerHTML) && oi(i), ri(i), ai(i), ht(i.body, i), di(i);
-  const s = (n) => {
-    var l;
-    return n && n.tagName === "P" && !((l = n.textContent) != null && l.trim()) && !n.querySelector("img,table");
+  const s = (l) => {
+    var n;
+    return l && l.tagName === "P" && !((n = l.textContent) != null && n.trim()) && !l.querySelector("img,table");
   };
   for (; s(i.body.firstElementChild); ) i.body.firstElementChild.remove();
   for (; s(i.body.lastElementChild); ) i.body.lastElementChild.remove();
   return i.body.innerHTML.trim();
 }
 function ui(u) {
-  const t = re(u).replace(/\r/g, ""), e = (i) => i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+  const t = he(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 mi(u) {
@@ -2692,24 +2694,24 @@ function mi(u) {
     }
   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), p = t.getUint16(n + 30, !0), m = t.getUint16(n + 32, !0), b = t.getUint32(n + 42, !0), y = l.decode(new Uint8Array(u, n + 46, d));
-    e.set(y, { name: y, method: o, compSize: c, localOffset: b }), n += 46 + d + p + m;
+  let l = t.getUint32(i + 16, !0);
+  const n = new TextDecoder();
+  for (let r = 0; r < s && t.getUint32(l, !0) === 33639248; r++) {
+    const o = t.getUint16(l + 10, !0), c = t.getUint32(l + 20, !0), d = t.getUint16(l + 28, !0), p = t.getUint16(l + 30, !0), m = t.getUint16(l + 32, !0), b = t.getUint32(l + 42, !0), y = n.decode(new Uint8Array(u, l + 46, d));
+    e.set(y, { name: y, method: o, compSize: c, localOffset: b }), l += 46 + d + p + m;
   }
   return e;
 }
-async function ie(u, t) {
+async function ne(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(u.slice(n, n + t.compSize));
-  if (t.method === 0) return l;
+  const i = e.getUint16(26, !0), s = e.getUint16(28, !0), l = t.localOffset + 30 + i + s, n = new Uint8Array(u.slice(l, l + t.compSize));
+  if (t.method === 0) return n;
   if (t.method !== 8) throw new Error("Unsupported compression method " + t.method);
-  const r = new Blob([l]).stream().pipeThrough(new DecompressionStream("deflate-raw"));
+  const r = new Blob([n]).stream().pipeThrough(new DecompressionStream("deflate-raw"));
   return new Uint8Array(await new Response(r).arrayBuffer());
 }
-const se = (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), D = (u, ...t) => {
+const oe = (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;
@@ -2722,11 +2724,11 @@ const se = (u) => u.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
     if (e.localName === t) return e.value;
   return "";
 }, at = (u, t) => {
-  const e = u ? D(u, t) : null;
+  const e = u ? B(u, t) : null;
   if (!e) return !1;
   const i = q(e);
   return i !== "false" && i !== "0";
-}, ne = {
+}, re = {
   yellow: "#FFFF00",
   green: "#00FF00",
   cyan: "#00FFFF",
@@ -2763,40 +2765,40 @@ class vi {
   }
   convertBody(t) {
     let e = "", i = [];
-    const s = (n) => {
-      for (; i.length > n; ) e += `</${i.pop()}>`;
+    const s = (l) => {
+      for (; i.length > l; ) e += `</${i.pop()}>`;
     };
-    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 (const l of Array.from(t.children))
+      if (l.localName === "p") {
+        const n = this.paraList(l);
+        if (n) {
+          const r = n.ilvl + 1;
           for (; i.length > r; ) e += `</${i.pop()}>`;
-          for (i.length === r && i[r - 1] !== l.type && (e += `</${i.pop()}>`); i.length < r; )
-            e += `<${l.type}>`, i.push(l.type);
-          e += `<li>${this.runsOf(n) || "<br>"}</li>`;
+          for (i.length === r && i[r - 1] !== n.type && (e += `</${i.pop()}>`); i.length < r; )
+            e += `<${n.type}>`, i.push(n.type);
+          e += `<li>${this.runsOf(l) || "<br>"}</li>`;
           continue;
         }
-        s(0), e += this.convertPara(n);
-      } else n.localName === "tbl" ? (s(0), e += this.convertTable(n)) : n.localName;
+        s(0), e += this.convertPara(l);
+      } else l.localName === "tbl" ? (s(0), e += this.convertTable(l)) : l.localName;
     return s(0), e || "<p><br></p>";
   }
   paraList(t) {
-    const e = D(t, "pPr", "numPr");
+    const e = B(t, "pPr", "numPr");
     if (!e) return null;
-    const i = q(D(e, "numId"));
+    const i = q(B(e, "numId"));
     if (!i || i === "0") return null;
-    const s = parseInt(q(D(e, "ilvl")) || "0", 10) || 0;
+    const s = parseInt(q(B(e, "ilvl")) || "0", 10) || 0;
     return { type: this.numFmt.get(i) || "ul", ilvl: Math.min(s, 8) };
   }
   convertPara(t) {
-    const e = D(t, "pPr"), i = q(D(t, "pPr", "pStyle"));
+    const e = B(t, "pPr"), i = q(B(t, "pPr", "pStyle"));
     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(D(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 && D(e, "bidi") && l.push("direction:rtl");
-    const o = this.runsOf(t), c = l.length ? ` style="${l.join(";")}"` : "";
+    const l = /^Heading([1-6])$/i.exec(i);
+    l ? s = "h" + l[1] : /^Title$/i.test(i) && (s = "h1");
+    const n = [], r = q(B(t, "pPr", "jc"));
+    r === "center" ? n.push("text-align:center") : r === "right" || r === "end" ? n.push("text-align:right") : (r === "both" || r === "distribute") && n.push("text-align:justify"), e && B(e, "bidi") && n.push("direction:rtl");
+    const o = this.runsOf(t), c = n.length ? ` style="${n.join(";")}"` : "";
     return `<${s}${c}>${o || "<br>"}</${s}>`;
   }
   runsOf(t) {
@@ -2805,28 +2807,28 @@ class vi {
       if (i.localName === "r") e += this.convertRun(i);
       else if (i.localName === "hyperlink") {
         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="${se(s)}">${l}</a>` : l;
+        const l = q(i, "anchor");
+        !s && l && (s = "#" + l);
+        const n = this.runsOf(i);
+        e += s ? `<a href="${oe(s)}">${n}</a>` : n;
       } else (i.localName === "smartTag" || i.localName === "ins") && (e += this.runsOf(i));
     return e;
   }
   convertRun(t) {
-    const e = D(t, "rPr");
+    const e = B(t, "rPr");
     let i = "";
     for (const p of Array.from(t.children))
-      p.localName === "t" ? i += se(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));
+      p.localName === "t" ? i += oe(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 ? D(e, "color") : null);
-    n && n !== "auto" && s.push("color:#" + n);
-    const l = q(e ? D(e, "highlight") : null);
-    l && ne[l] && s.push("background-color:" + ne[l]);
-    const r = parseFloat(q(e ? D(e, "sz") : null));
+    const s = [], l = q(e ? B(e, "color") : null);
+    l && l !== "auto" && s.push("color:#" + l);
+    const n = q(e ? B(e, "highlight") : null);
+    n && re[n] && s.push("background-color:" + re[n]);
+    const r = parseFloat(q(e ? B(e, "sz") : null));
     r && s.push("font-size:" + Math.round(r / 2 * (4 / 3)) + "px");
-    const o = e ? D(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(D(e, "u")) !== "none" && (i = `<u>${i}</u>`), at(e, "strike") && (i = `<s>${i}</s>`);
-    const d = q(e ? D(e, "vertAlign") : null);
+    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 d = q(e ? B(e, "vertAlign") : null);
     return d === "superscript" ? i = `<sup>${i}</sup>` : d === "subscript" && (i = `<sub>${i}</sub>`), i;
   }
   convertImage(t) {
@@ -2839,21 +2841,21 @@ class vi {
       for (const o of Array.from(r.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 l = this.images.get(e);
+    if (!l) return "";
+    const n = i ? ` width="${i}"` : "";
+    return `<img src="${l}" alt=""${n}>`;
   }
   convertTable(t) {
     let e = '<table style="border-collapse:collapse;width:100%"><tbody>';
     for (const i of dt(t, "tr")) {
       e += "<tr>";
       for (const s of dt(i, "tc")) {
-        const n = parseInt(q(D(s, "tcPr", "gridSpan")) || "1", 10) || 1, l = n > 1 ? ` colspan="${n}"` : "";
+        const l = parseInt(q(B(s, "tcPr", "gridSpan")) || "1", 10) || 1, n = l > 1 ? ` colspan="${l}"` : "";
         let r = "";
         for (const o of Array.from(s.children))
           o.localName === "p" ? r += this.convertPara(o) : o.localName === "tbl" && (r += this.convertTable(o));
-        e += `<td style="border:1px solid #b9c2cc"${l}>${r || "<br>"}</td>`;
+        e += `<td style="border:1px solid #b9c2cc"${n}>${r || "<br>"}</td>`;
       }
       e += "</tr>";
     }
@@ -2863,11 +2865,11 @@ class vi {
 async function bi(u) {
   const t = u instanceof ArrayBuffer ? u : await u.arrayBuffer(), e = mi(t), i = new TextDecoder(), s = async (y) => {
     const g = e.get(y);
-    return g ? new DOMParser().parseFromString(i.decode(await ie(t, g)), "application/xml") : null;
-  }, n = await s("word/document.xml"), l = n == null ? void 0 : n.getElementsByTagName("*");
+    return g ? new DOMParser().parseFromString(i.decode(await ne(t, g)), "application/xml") : null;
+  }, l = await s("word/document.xml"), n = l == null ? void 0 : l.getElementsByTagName("*");
   let r = null;
-  if (l) {
-    for (const y of Array.from(l))
+  if (n) {
+    for (const y of Array.from(n))
       if (y.localName === "body") {
         r = y;
         break;
@@ -2885,10 +2887,10 @@ async function bi(u) {
   for (const [y, g] of c) {
     const x = g.startsWith("/") ? g.slice(1) : "word/" + g.replace(/^\.\//, ""), w = e.get(x);
     if (!w) continue;
-    const E = (x.split(".").pop() || "").toLowerCase(), I = fi[E];
-    if (I)
+    const E = (x.split(".").pop() || "").toLowerCase(), A = fi[E];
+    if (A)
       try {
-        p.set(y, `data:${I};base64,${gi(await ie(t, w))}`);
+        p.set(y, `data:${A};base64,${gi(await ne(t, w))}`);
       } catch {
       }
   }
@@ -2897,12 +2899,12 @@ async function bi(u) {
     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(D(E, "numFmt")) : "";
-      y.set(w, I === "bullet" ? "ul" : "ol");
+      const w = q(x, "abstractNumId"), E = dt(x, "lvl").find((H) => q(H, "ilvl") === "0") || dt(x, "lvl")[0], A = E ? q(B(E, "numFmt")) : "";
+      y.set(w, A === "bullet" ? "ul" : "ol");
     }
     for (const x of g) {
       if (x.localName !== "num") continue;
-      const w = q(x, "numId"), E = q(D(x, "abstractNumId"));
+      const w = q(x, "numId"), E = q(B(x, "abstractNumId"));
       m.set(w, y.get(E) || "ul");
     }
   }
@@ -2919,7 +2921,7 @@ const yi = ["nw", "ne", "sw", "se"], wt = ["img-left", "img-right", "img-top", "
   "img-top": h.tpltop,
   "img-center": h.tplcenter
 }, Ci = ".tox,.pop,.tblctx,.imgctx,.selctx,.dlg";
-let Z = null, X = null, St = 0, le = !1;
+let Z = null, X = null, St = 0, ae = !1;
 function ct() {
   clearTimeout(St), X = null, Z && Z.classList.remove("show");
 }
@@ -2931,15 +2933,15 @@ function wi(u) {
   St = window.setTimeout(() => {
     if (X !== u || !document.contains(u)) return;
     Z || (Z = document.createElement("div"), Z.className = "etip", document.body.appendChild(Z)), Z.textContent = t, Z.classList.add("show");
-    const i = u.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));
+    const i = u.getBoundingClientRect(), s = Z.offsetWidth, l = Z.offsetHeight;
+    let n = i.left + i.width / 2 - s / 2;
+    n = Math.max(6, Math.min(n, innerWidth - s - 6));
     let r = i.bottom + 7;
-    r + n > innerHeight - 6 && (r = i.top - n - 7), Z.style.left = l + "px", Z.style.top = r + "px";
+    r + l > innerHeight - 6 && (r = i.top - l - 7), Z.style.left = n + "px", Z.style.top = r + "px";
   }, e);
 }
 function Ti() {
-  le || (le = !0, document.addEventListener("mouseover", (u) => {
+  ae || (ae = !0, document.addEventListener("mouseover", (u) => {
     const t = u.target, e = t.closest ? t.closest("[title],[data-tip]") : null;
     if (!e || !e.closest(Ci) || e.closest(".earea")) {
       e !== X && ct();
@@ -2968,7 +2970,7 @@ let Ei = (j = class {
       statusbar: t.statusbar ?? !0,
       readonly: t.readonly ?? !1,
       draftKey: t.draftKey ?? (typeof location < "u" ? location.pathname : "default"),
-      fontFamilyFormats: t.fontFamilyFormats ?? Ve,
+      fontFamilyFormats: t.fontFamilyFormats ?? Xe,
       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);
@@ -3012,14 +3014,14 @@ let Ei = (j = class {
   }
   bindGrip(t) {
     let e = 0, i = 0;
-    const s = (n) => {
-      e = n.clientY, i = this.ed.offsetHeight, n.preventDefault();
-      const l = (o) => {
+    const s = (l) => {
+      e = l.clientY, i = this.ed.offsetHeight, l.preventDefault();
+      const n = (o) => {
         this.ed.style.height = Math.max(120, i + o.clientY - e) + "px";
       }, r = () => {
-        window.removeEventListener("mousemove", l), window.removeEventListener("mouseup", r);
+        window.removeEventListener("mousemove", n), window.removeEventListener("mouseup", r);
       };
-      window.addEventListener("mousemove", l), window.addEventListener("mouseup", r);
+      window.addEventListener("mousemove", n), window.addEventListener("mouseup", r);
     };
     t.addEventListener("mousedown", s), this.listeners.push(() => t.removeEventListener("mousedown", s));
   }
@@ -3037,11 +3039,11 @@ let Ei = (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);
     }), this.on(this.ed, "paste", (t) => this.handlePaste(t)), this.on(this.ed, "drop", (t) => {
-      var n, l, r, o;
+      var l, n, r, o;
       t.preventDefault();
-      const e = t.target, i = (n = e.closest) == null ? void 0 : n.call(e, ".img-ph:not(.vid-ph)");
+      const e = t.target, i = (l = e.closest) == null ? void 0 : l.call(e, ".img-ph:not(.vid-ph)");
       if (i && this.ed.contains(i) && !this.options.readonly) {
-        const c = Array.from(((l = t.dataTransfer) == null ? void 0 : l.files) || []).find((d) => d.type.startsWith("image/"));
+        const c = Array.from(((n = t.dataTransfer) == null ? void 0 : n.files) || []).find((d) => d.type.startsWith("image/"));
         c && this.readImageFileInto(c, i);
         return;
       }
@@ -3056,10 +3058,10 @@ let Ei = (j = class {
       i && this.ed.contains(i) ? this.selectTableForResize(i) : this.clearTableHandles();
       const s = (p = e.closest) == null ? void 0 : p.call(e, ".img-ph:not(.vid-ph)");
       s && this.ed.contains(s) && !this.options.readonly ? (t.preventDefault(), this.ed.focus(), this.selectImgPlaceholder(s)) : this.clearImgPlaceholderSel();
-      const n = (m = e.closest) == null ? void 0 : m.call(e, ".vid-ph");
-      n && this.ed.contains(n) && !this.options.readonly ? (t.preventDefault(), this.ed.focus(), this.selectVphPlaceholder(n)) : this.clearVphPlaceholderSel();
-      const l = (b = e.closest) == null ? void 0 : b.call(e, ".tpl");
-      l && this.ed.contains(l) && !this.options.readonly ? this.selectTemplate(l) : this.clearTplSel();
+      const l = (m = e.closest) == null ? void 0 : m.call(e, ".vid-ph");
+      l && this.ed.contains(l) && !this.options.readonly ? (t.preventDefault(), this.ed.focus(), this.selectVphPlaceholder(l)) : this.clearVphPlaceholderSel();
+      const n = (b = e.closest) == null ? void 0 : b.call(e, ".tpl");
+      n && this.ed.contains(n) && !this.options.readonly ? this.selectTemplate(n) : 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 o = (g = e.closest) == null ? void 0 : g.call(e, "img");
@@ -3072,11 +3074,11 @@ let Ei = (j = class {
       const e = (s = (i = t.target).closest) == null ? void 0 : s.call(i, "img");
       e && this.ed.contains(e) && (this.cancelImgHide(), this.selectImage(e));
     }), this.on(this.ed, "mouseout", (t) => {
-      var s, n, l, r;
-      const e = (n = (s = t.target).closest) == null ? void 0 : n.call(s, "img");
+      var s, l, n, r;
+      const e = (l = (s = t.target).closest) == null ? void 0 : l.call(s, "img");
       if (!e) return;
       const i = t.relatedTarget;
-      i && ((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 && ((n = this.imgCtx) != null && n.contains(i) || this.imgHandles.some((o) => o.contains(i)) || ((r = i.closest) == null ? void 0 : r.call(i, "img")) === e) || this.scheduleImgHide();
     }), this.on(this.ed, "scroll", () => {
       this.positionTableHandles(), this.positionImageHandles(), this.positionImgPhCtx(), this.positionTplCtx(), this.positionVphCtx(), this.positionVidCtx(), this.positionCodeCtx();
     }), this.onWin(
@@ -3253,9 +3255,9 @@ let Ei = (j = class {
       i.className = "revlist";
       const s = document.createElement("div");
       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 l = document.createElement("button");
+      l.type = "button", l.className = "revrestore", l.textContent = this.t("restore");
+      let n = this.revisions.length - 1;
       const r = new Intl.DateTimeFormat(this.lang === "ar" ? "ar-AE" : "en-GB", {
         year: "numeric",
         month: "short",
@@ -3264,10 +3266,10 @@ let Ei = (j = class {
         minute: "2-digit",
         second: "2-digit"
       }), o = {}, c = (d) => {
-        l = d, this.revisions.forEach((p, m) => {
+        n = 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;
+        }), s.innerHTML = this.revisions[d].html, l.disabled = d === this.revisions.length - 1;
       };
       for (let d = this.revisions.length - 1; d >= 0; d--) {
         const p = this.revisions[d], m = document.createElement("button");
@@ -3275,10 +3277,10 @@ let Ei = (j = class {
         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") : r.format(new Date(p.time))}</span><span class="wc">${y} ${this.t("words")}</span>`, m.addEventListener("click", () => c(d)), o[d] = m, i.appendChild(m);
       }
-      i.append(n), n.addEventListener("click", () => {
-        const d = this.revisions[l];
+      i.append(l), l.addEventListener("click", () => {
+        const d = this.revisions[n];
         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), c(n);
     });
   }
   /* ---------------------------------------------------------- popups / menus */
@@ -3297,10 +3299,10 @@ let Ei = (j = class {
       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 n = this.dir() === "rtl" ? s.left - i.offsetWidth + 2 : s.right - 2;
+    n = Math.max(8, Math.min(n + 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;
+    r = Math.max(8 + scrollY, Math.min(r, scrollY + innerHeight - i.offsetHeight - 8)), i.style.left = n + "px", i.style.top = r + "px", this.openSubEl = i;
   }
   popup(t, e, i) {
     if (this.openPop && this.popAnchor === t) {
@@ -3310,9 +3312,9 @@ let Ei = (j = class {
     this.closePop();
     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;
+    const l = t.getBoundingClientRect();
+    s.style.minWidth = Math.max(160, Math.round(l.width)) + "px", s.style.top = l.bottom + scrollY + 2 + "px";
+    let r = this.dir() === "rtl" ? l.right - s.offsetWidth : l.left;
     r = Math.max(8, Math.min(r + scrollX, scrollX + innerWidth - s.offsetWidth - 8)), s.style.left = r + "px", s.addEventListener("mousedown", (o) => {
       o.target.tagName !== "INPUT" && o.preventDefault();
     }), this.openPop = s, this.popAnchor = t, t.classList.add("open");
@@ -3323,22 +3325,22 @@ let Ei = (j = class {
         t.insertAdjacentHTML("beforeend", '<div class="sep"></div>');
         return;
       }
-      const s = !!(i.sub || i.subBuild), n = document.createElement("button");
-      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", () => {
+      const s = !!(i.sub || i.subBuild), l = document.createElement("button");
+      l.className = "mi" + (i.on ? " on" : ""), l.innerHTML = `<span class="ic">${i.icon || ""}</span><span class="prev" ${i.previewStyle ? `style="${i.previewStyle}"` : ""}>${i.label}</span>${i.shortcut ? `<span class="sc">${i.shortcut}</span>` : ""}${s ? `<span class="subarrow">${h.chev}</span>` : ""}`, l.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);
-      }), n.addEventListener("mouseleave", () => {
-        var l;
-        return (l = i.hover) == null ? void 0 : l.call(i, !1);
-      }), t.appendChild(n);
+      }), l.addEventListener("mouseenter", () => {
+        var n;
+        s ? this.openSubFor(i, l) : this.openSubEl && t !== this.openSubEl && this.closeSub(), (n = i.hover) == null || n.call(i, !0);
+      }), l.addEventListener("mouseleave", () => {
+        var n;
+        return (n = i.hover) == null ? void 0 : n.call(i, !1);
+      }), t.appendChild(l);
     });
   }
   /* ---------------------------------------------------------- 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;
+    const l = document.createElement("button");
+    return l.className = "tbtn", l.type = "button", l.title = e, l.innerHTML = t, s && (l.dataset.id = s), l.addEventListener("mousedown", (n) => n.preventDefault()), l.addEventListener("click", i), l;
   }
   /** Font-size increase / decrease step button. */
   stepBtn(t) {
@@ -3347,19 +3349,19 @@ let Ei = (j = class {
   }
   /** Toolbar icon button that opens a popup menu anchored to itself. */
   menuTbtn(t, e, i, s) {
-    const n = this.tbtn(t, e, () => i(n), s);
-    return n.classList.add("hasmenu"), n.insertAdjacentHTML("beforeend", h.chev), n.addEventListener("mousedown", () => this.saveSel()), n;
+    const l = this.tbtn(t, e, () => i(l), s);
+    return l.classList.add("hasmenu"), l.insertAdjacentHTML("beforeend", h.chev), l.addEventListener("mousedown", () => this.saveSel()), l;
   }
   /** Quick text-color chips plus a "more" chip that opens the full palette. */
   colorChips() {
     const t = (s) => {
-      const n = document.createElement("button");
-      return n.type = "button", n.className = "cchip", n.title = s, n.addEventListener("mousedown", (l) => {
-        l.preventDefault(), this.saveSel();
-      }), n;
+      const l = document.createElement("button");
+      return l.type = "button", l.className = "cchip", l.title = s, l.addEventListener("mousedown", (n) => {
+        n.preventDefault(), this.saveSel();
+      }), l;
     }, e = Ke.map((s) => {
-      const n = t(this.t("forecolor"));
-      return n.style.background = s, n.addEventListener("click", () => this.applyColor("fore", s)), n;
+      const l = t(this.t("forecolor"));
+      return l.style.background = s, l.addEventListener("click", () => this.applyColor("fore", s)), l;
     }), i = t(this.t("forecolor"));
     return i.classList.add("more"), i.dataset.cb = "fore", i.innerHTML = h.chev, i.addEventListener("click", () => this.colorMenu(i, "fore")), [...e, i];
   }
@@ -3370,18 +3372,18 @@ let Ei = (j = class {
     }), e;
   }
   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();
-    }), n.addEventListener("click", () => s(n)), n;
+    const l = document.createElement("button");
+    return l.className = "tsel " + t, l.type = "button", l.dataset.id = e, l.innerHTML = `<span class="lbl empty">${i || ""}</span>${h.chev}`, l.addEventListener("mousedown", (n) => {
+      n.preventDefault(), this.saveSel();
+    }), l.addEventListener("click", () => s(l)), l;
   }
   setListStyle(t, e) {
-    var n, l;
+    var l, n;
     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();
+    let s = (l = this.closestBlock(i.anchorNode)) == null ? void 0 : l.closest(t);
+    s || (this.exec(t === "ol" ? "insertOrderedList" : "insertUnorderedList"), s = (n = this.closestBlock(i.anchorNode)) == null ? void 0 : n.closest(t)), s && (s.style.listStyleType = e), this.saveSel(), this.onChange();
   }
   listMenu(t, e) {
     var c;
@@ -3393,7 +3395,7 @@ let Ei = (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 : "";
+    ], l = this.tArr(e === "ol" ? "liststyles_ol" : "liststyles_ul").slice(1), n = window.getSelection(), r = n ? (c = this.closestBlock(n.anchorNode)) == null ? void 0 : c.closest(e) : null, o = r ? r.style.listStyleType : "";
     this.popup(t, (d) => {
       this.menuItems(d, [
         {
@@ -3406,7 +3408,7 @@ let Ei = (j = class {
       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", () => {
+        g.className = "mi" + (o === m ? " on" : ""), g.innerHTML = `<span class="ic">${b}</span><span class="prev">${l[y]}</span>`, g.addEventListener("click", () => {
           this.closePop(), this.setListStyle(e, m);
         }), p.appendChild(g);
       }), d.appendChild(p);
@@ -3423,10 +3425,10 @@ let Ei = (j = class {
         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 l = document.createElement("div");
+    l.className = "cfoot";
+    const n = /^#[0-9a-f]{6}$/i.test(e) ? e : "#000000", r = document.createElement("div");
+    r.className = "cswatch cur", r.title = this.t("currentcolor"), r.style.background = n, r.innerHTML = 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);
@@ -3434,16 +3436,16 @@ let Ei = (j = class {
     const c = document.createElement("label");
     c.className = "cswatch cwheel", c.title = this.t("customcolor"), c.innerHTML = h.palette;
     const d = document.createElement("input");
-    d.type = "color", d.value = l, d.addEventListener("change", () => {
+    d.type = "color", d.value = n, d.addEventListener("change", () => {
       this.closePop(), i(d.value);
-    }), c.appendChild(d), n.append(r, o, c), t.appendChild(n);
+    }), c.appendChild(d), l.append(r, o, c), t.appendChild(l);
   }
   colorMenu(t, e) {
     this.popup(
       t,
       (i) => {
         const s = e === "fore" ? this.foreColor : this.backColor;
-        this.buildPaletteInto(i, s, (n) => this.applyColor(e, n));
+        this.buildPaletteInto(i, s, (l) => this.applyColor(e, l));
       },
       e === "fore" ? "pop-forecolor" : "pop-backcolor"
     );
@@ -3454,30 +3456,26 @@ let Ei = (j = class {
   syncColorSwatches(t) {
     t.querySelectorAll("[data-cb=fore]").forEach((e) => e.style.background = this.foreColor), t.querySelectorAll("[data-cb=back]").forEach((e) => e.style.background = this.backColor);
   }
+  fontItems() {
+    return this.options.fontFamilyFormats.map(([t, e]) => ({
+      label: t,
+      previewStyle: `font-family:${e}`,
+      on: this.currentFont() === t,
+      action: () => this.exec("fontName", e)
+    }));
+  }
   fontMenu(t) {
-    this.popup(t, (e) => {
-      this.menuItems(
-        e,
-        this.options.fontFamilyFormats.map(([i, s]) => ({
-          label: i,
-          previewStyle: `font-family:${s}`,
-          on: this.currentFont() === i,
-          action: () => this.exec("fontName", s)
-        }))
-      );
-    });
+    this.popup(t, (e) => this.menuItems(e, this.fontItems()));
+  }
+  sizeItems() {
+    return Ye.map((t) => ({
+      label: t,
+      on: this.currentSize() === t,
+      action: () => this.applyFontSize(t)
+    }));
   }
   sizeMenu(t) {
-    this.popup(t, (e) => {
-      this.menuItems(
-        e,
-        Ue.map((i) => ({
-          label: i,
-          on: this.currentSize() === i,
-          action: () => this.applyFontSize(i)
-        }))
-      );
-    });
+    this.popup(t, (e) => this.menuItems(e, this.sizeItems()));
   }
   /** Font sizing needs a non-collapsed range. With a bare caret, grow the
       selection to the word under it; in an empty spot, select a zero-width
@@ -3486,16 +3484,16 @@ let Ei = (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 n = document.createRange();
+      n.selectNodeContents(this.ed), n.collapse(!0), t.addRange(n);
     }
     if (!t.isCollapsed) return;
     const e = t.getRangeAt(0), i = e.startContainer;
     if (i.nodeType === 3) {
-      const l = i.data;
+      const n = 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++;
+      for (; r > 0 && /\S/.test(n[r - 1]); ) r--;
+      for (; o < n.length && /\S/.test(n[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();
@@ -3504,8 +3502,8 @@ let Ei = (j = class {
     }
     const s = document.createTextNode("​");
     e.insertNode(s);
-    const n = document.createRange();
-    n.setStart(s, 0), n.setEnd(s, 1), t.removeAllRanges(), t.addRange(n), this.savedRange = n.cloneRange();
+    const l = document.createRange();
+    l.setStart(s, 0), l.setEnd(s, 1), t.removeAllRanges(), t.addRange(l), this.savedRange = l.cloneRange();
   }
   applyFontSize(t) {
     this.restoreSel(), this.ensureSizeTarget(), document.execCommand("styleWithCSS", !1, "false"), document.execCommand("fontSize", !1, "7");
@@ -3523,7 +3521,7 @@ let Ei = (j = class {
     this.saveSel(), this.refreshState(), this.onChange();
   }
   stepFontSize(t) {
-    const e = parseInt(this.currentSize(), 10) || 14, i = Math.min(Xe, Math.max(ze, e + t));
+    const e = parseInt(this.currentSize(), 10) || 14, i = Math.min(Qe, Math.max(Ge, e + t));
     i !== e && this.applyFontSize(i + "px");
   }
   /* ------------------------------------------------ case / spacing / link */
@@ -3531,10 +3529,10 @@ let Ei = (j = class {
     this.restoreSel();
     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 i = e.getRangeAt(0), s = document.createTreeWalker(this.ed, NodeFilter.SHOW_TEXT), l = [];
+    let n;
+    for (; n = s.nextNode(); ) i.intersectsNode(n) && l.push(n);
+    l.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);
@@ -3542,64 +3540,46 @@ let Ei = (j = class {
       t === "lower" ? p = d.toLowerCase() : t === "upper" ? p = d.toUpperCase() : p = d.replace(/(^|\s)(\S)/g, (m, b, y) => b + y.toUpperCase()), r.replaceData(o, c - o, p);
     }), this.saveSel(), this.refreshState(), this.onChange();
   }
+  caseItems() {
+    return [
+      { label: this.t("lowercase"), icon: h.lowercaseic, action: () => this.transformCase("lower") },
+      { label: this.t("uppercase"), icon: h.uppercaseic, action: () => this.transformCase("upper") },
+      { label: this.t("capitalize"), icon: h.capitalizeic, action: () => this.transformCase("capitalize") }
+    ];
+  }
   caseMenu(t) {
-    this.popup(t, (e) => {
-      this.menuItems(e, [
-        { label: this.t("lowercase"), icon: h.lowercaseic, action: () => this.transformCase("lower") },
-        { label: this.t("uppercase"), icon: h.uppercaseic, action: () => this.transformCase("upper") },
-        { label: this.t("capitalize"), icon: h.capitalizeic, action: () => this.transformCase("capitalize") }
-      ]);
-    });
+    this.popup(t, (e) => this.menuItems(e, this.caseItems()));
   }
   applyBlockStyle(t, e) {
     this.restoreSel();
     const i = this.selectedBlocks(), s = t === "lineHeight" ? "line-height" : t === "wordSpacing" ? "word-spacing" : "letter-spacing";
-    i.forEach((n) => {
-      e ? n.style[t] = e : n.style.removeProperty(s);
+    i.forEach((l) => {
+      e ? l.style[t] = e : l.style.removeProperty(s);
     }), this.saveSel(), this.onChange();
   }
   currentBlockStyle(t) {
     const e = window.getSelection(), i = e ? this.closestBlock(e.anchorNode) : null;
     return i && i.style[t] || "";
   }
+  blockStyleItems(t, e) {
+    const i = this.currentBlockStyle(t);
+    return [
+      { label: this.t("normal"), on: !i, action: () => this.applyBlockStyle(t, "") },
+      ...e.map((s) => ({
+        label: s,
+        on: i === s,
+        action: () => this.applyBlockStyle(t, s)
+      }))
+    ];
+  }
   lineHeightMenu(t) {
-    const e = this.currentBlockStyle("lineHeight");
-    this.popup(t, (i) => {
-      this.menuItems(i, [
-        { label: this.t("normal"), on: !e, action: () => this.applyBlockStyle("lineHeight", "") },
-        ...Ye.map((s) => ({
-          label: s,
-          on: e === s,
-          action: () => this.applyBlockStyle("lineHeight", s)
-        }))
-      ]);
-    });
+    this.popup(t, (e) => this.menuItems(e, this.blockStyleItems("lineHeight", Jt)));
   }
   wordSpacingMenu(t) {
-    const e = this.currentBlockStyle("wordSpacing");
-    this.popup(t, (i) => {
-      this.menuItems(i, [
-        { label: this.t("normal"), on: !e, action: () => this.applyBlockStyle("wordSpacing", "") },
-        ...Ge.map((s) => ({
-          label: s,
-          on: e === s,
-          action: () => this.applyBlockStyle("wordSpacing", s)
-        }))
-      ]);
-    });
+    this.popup(t, (e) => this.menuItems(e, this.blockStyleItems("wordSpacing", te)));
   }
   letterSpacingMenu(t) {
-    const e = this.currentBlockStyle("letterSpacing");
-    this.popup(t, (i) => {
-      this.menuItems(i, [
-        { label: this.t("normal"), on: !e, action: () => this.applyBlockStyle("letterSpacing", "") },
-        ...Qe.map((s) => ({
-          label: s,
-          on: e === s,
-          action: () => this.applyBlockStyle("letterSpacing", s)
-        }))
-      ]);
-    });
+    this.popup(t, (e) => this.menuItems(e, this.blockStyleItems("letterSpacing", ee)));
   }
   closestAnchor() {
     const t = window.getSelection();
@@ -3620,8 +3600,8 @@ let Ei = (j = class {
       action: () => {
         const s = document.createRange();
         s.selectNodeContents(t);
-        const n = window.getSelection();
-        n && (n.removeAllRanges(), n.addRange(s)), document.execCommand("unlink"), this.closeDlg(), this.onChange();
+        const l = window.getSelection();
+        l && (l.removeAllRanges(), l.addRange(s)), document.execCommand("unlink"), this.closeDlg(), this.onChange();
       }
     }), i.push(
       { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -3636,33 +3616,44 @@ let Ei = (j = class {
             return;
           }
           this.restoreSel();
-          const n = window.getSelection();
-          !n || n.isCollapsed ? document.execCommand("insertHTML", !1, `<a href="${s.replace(/"/g, "&quot;")}">${s.replace(/&/g, "&amp;").replace(/</g, "&lt;")}</a>`) : (document.execCommand("styleWithCSS", !1, "false"), document.execCommand("createLink", !1, s)), this.saveSel(), this.onChange();
+          const l = window.getSelection();
+          !l || l.isCollapsed ? document.execCommand("insertHTML", !1, `<a href="${s.replace(/"/g, "&quot;")}">${s.replace(/&/g, "&amp;").replace(/</g, "&lt;")}</a>`) : (document.execCommand("styleWithCSS", !1, "false"), document.execCommand("createLink", !1, s)), this.saveSel(), this.onChange();
         }
       }
     ), this.dialog(
       this.t("linkttl"),
       (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 l = document.createElement("div");
+        l.style.cssText = "display:flex;align-items:center;gap:10px;margin:10px 0;min-width:360px";
+        const n = document.createElement("span");
+        n.style.cssText = "width:60px;color:#556;flex:none", n.textContent = this.t("linkurl"), e = document.createElement("input"), e.type = "url", e.placeholder = "https://", e.style.cssText = "flex:1;border:1px solid #cfd6df;border-radius:6px;padding:7px 9px;font:14px inherit", e.value = (t == null ? void 0 : t.getAttribute("href")) || "", l.append(n, e), s.appendChild(l), setTimeout(() => e.focus(), 0);
       },
       i
     );
   }
+  blockItems() {
+    return se.map(([t]) => ({
+      label: this.blockLabel(t),
+      previewStyle: t.startsWith("h") ? `font-weight:700;font-size:${22 - 2 * +t[1]}px` : t === "pre" ? "font-family:monospace" : "",
+      on: this.currentBlock() === t,
+      action: () => this.exec("formatBlock", "<" + t + ">")
+    }));
+  }
   blocksMenu(t) {
-    this.popup(t, (e) => {
-      this.menuItems(
-        e,
-        te.map(([i, s]) => ({
-          label: this.blockLabel(i),
-          previewStyle: i.startsWith("h") ? `font-weight:700;font-size:${22 - 2 * +i[1]}px` : i === "pre" ? "font-family:monospace" : "",
-          on: this.currentBlock() === i,
-          action: () => this.exec("formatBlock", "<" + i + ">")
-        }))
-      );
-    });
+    this.popup(t, (e) => this.menuItems(e, this.blockItems()));
+  }
+  alignItems() {
+    return [
+      ["justifyLeft", "alignleft", h.alignleft],
+      ["justifyCenter", "aligncenter", h.aligncenter],
+      ["justifyRight", "alignright", h.alignright],
+      ["justifyFull", "alignjustify", h.alignjustify]
+    ].map(([e, i, s]) => ({
+      label: this.t(i),
+      icon: s,
+      on: document.queryCommandState(e),
+      action: () => this.exec(e)
+    }));
   }
   blockLabel(t) {
     return t === "p" ? this.t("para") : t === "pre" ? this.t("pre") : this.t("heading") + " " + t[1];
@@ -3676,19 +3667,19 @@ let Ei = (j = class {
       i.className = "tgridwrap";
       const s = document.createElement("div");
       s.className = "tgrid";
-      const n = document.createElement("div");
-      n.className = "tgridlbl", n.textContent = "1 × 1";
-      const l = [];
+      const l = document.createElement("div");
+      l.className = "tgridlbl", l.textContent = "1 × 1";
+      const n = [];
       for (let r = 0; r < 8; r++)
         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);
+            n.forEach((d) => d.classList.toggle("hot", +d.dataset.r <= r && +d.dataset.c <= o)), l.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);
+          }), n.push(c), s.appendChild(c);
         }
-      i.append(s, n), t.appendChild(i);
+      i.append(s, l), t.appendChild(i);
     }
   }
   insertTable(t, e) {
@@ -3696,7 +3687,7 @@ let Ei = (j = class {
     let i = '<table style="border-collapse:collapse;width:100%;table-layout:fixed"><tbody>';
     for (let s = 0; s < t; s++) {
       i += "<tr>";
-      for (let n = 0; n < e; n++) i += '<td style="border:1px solid #b9c2cc"><br></td>';
+      for (let l = 0; l < e; l++) i += '<td style="border:1px solid #b9c2cc"><br></td>';
       i += "</tr>";
     }
     i += "</tbody></table><p><br></p>", document.execCommand("insertHTML", !1, i), this.saveSel(), this.onChange();
@@ -3771,16 +3762,16 @@ let Ei = (j = class {
   }
   buildToolbar() {
     this.toolbar.innerHTML = "";
-    const t = this.options.toolbar === !0 ? je : this.options.toolbar, e = this.buildToolbarRegistry();
+    const t = this.options.toolbar === !0 ? Ue : this.options.toolbar, e = this.buildToolbarRegistry();
     this.parseToolbarString(t).forEach((i) => {
       const s = [];
-      i.forEach((n) => {
-        const l = e[n];
-        if (!l) {
-          console.warn(`FableEditor: unknown toolbar item "${n}"`);
+      i.forEach((l) => {
+        const n = e[l];
+        if (!n) {
+          console.warn(`FableEditor: unknown toolbar item "${l}"`);
           return;
         }
-        const r = l();
+        const r = n();
         Array.isArray(r) ? s.push(...r) : s.push(r);
       }), s.length && this.toolbar.appendChild(this.group(...s));
     }), this.tbrMore = this.tbtn(h.more, this.t("more"), () => {
@@ -3875,10 +3866,28 @@ let Ei = (j = class {
         this.mItem("superscript", h.superscriptic, () => this.exec("superscript")),
         this.mItem("subscript", h.subscriptic, () => this.exec("subscript")),
         this.mItem("code", h.inlinecodeic, () => this.toggleInlineCode()),
+        this.mItem("quote", h.quote, () => this.toggleBlock("blockquote")),
+        "|",
+        { label: this.t("fontfamily"), subBuild: (s) => this.menuItems(s, this.fontItems()) },
+        { label: this.t("fontsize"), subBuild: (s) => this.menuItems(s, this.sizeItems()) },
+        { label: this.t("blocks"), subBuild: (s) => this.menuItems(s, this.blockItems()) },
+        { label: this.t("align"), subBuild: (s) => this.menuItems(s, this.alignItems()) },
+        { label: this.t("lineheight"), icon: 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("forecolor"), icon: h.palette, subBuild: (s) => this.buildPaletteInto(s, this.foreColor, (l) => this.applyColor("fore", l)) },
+        { label: this.t("backcolor"), icon: h.backcolor, subBuild: (s) => this.buildPaletteInto(s, this.backColor, (l) => this.applyColor("back", l)) },
+        "|",
+        this.mItem("bullist", h.bullist, () => this.exec("insertUnorderedList")),
+        this.mItem("numlist", h.numlist, () => this.exec("insertOrderedList")),
+        this.mItem("outdent", h.outdent, () => this.exec("outdent")),
+        this.mItem("indent", h.indent, () => this.exec("indent")),
+        "|",
+        this.mItem("ltr", h.ltr, () => this.setDir("ltr")),
+        this.mItem("rtl", h.rtl, () => this.setDir("rtl")),
         "|",
-        this.mItem("lowercase", h.lowercaseic, () => this.transformCase("lower")),
-        this.mItem("uppercase", h.uppercaseic, () => this.transformCase("upper")),
-        this.mItem("capitalize", h.capitalizeic, () => this.transformCase("capitalize")),
+        { label: this.t("changecase"), icon: h.caseic, sub: this.caseItems() },
         "|",
         this.mItem("clearformat", h.clearformatic, () => this.exec("removeFormat"))
       ],
@@ -3935,17 +3944,17 @@ let Ei = (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 ? We : this.options.menubar, i = /* @__PURE__ */ new Set();
+    }, e = this.options.menubar === !0 ? ze : 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]) {
         console.warn(`FableEditor: unknown menubar item "${s}"`);
         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);
+      const l = document.createElement("button");
+      l.type = "button", l.textContent = this.t(s), l.dataset.menuKey = s, l.addEventListener("mousedown", (n) => {
+        n.preventDefault(), this.saveSel();
+      }), l.addEventListener("click", () => this.popup(l, (n) => this.menuItems(n, t[s]))), this.menubar.appendChild(l);
     });
   }
   /* ---------------------------------------------------------- table ops */
@@ -3956,7 +3965,7 @@ let Ei = (j = class {
     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);
     if (!i) return;
-    const s = i.parentElement, n = i.closest("table"), l = Array.from(s.children).indexOf(i), r = () => {
+    const s = i.parentElement, l = i.closest("table"), n = Array.from(s.children).indexOf(i), r = () => {
       const p = s.cloneNode(!1);
       return Array.from(s.children).forEach((m) => {
         const b = document.createElement("td"), y = m.getAttribute("style");
@@ -3965,15 +3974,15 @@ let Ei = (j = class {
     };
     if (t === "rowabove" && s.before(r()), t === "rowbelow" && s.after(r()), t === "delrow") {
       const p = s.parentElement;
-      s.remove(), p.querySelector("tr") || n.remove();
+      s.remove(), p.querySelector("tr") || l.remove();
     }
-    (t === "colbefore" || t === "colafter") && n.querySelectorAll("tr").forEach((p) => {
-      const m = p.children[Math.min(l, p.children.length - 1)], b = document.createElement("td"), y = m.getAttribute("style");
+    (t === "colbefore" || t === "colafter") && l.querySelectorAll("tr").forEach((p) => {
+      const m = p.children[Math.min(n, 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((p) => {
+    }), t === "delcol" && (l.querySelectorAll("tr").forEach((p) => {
       var m;
-      return (m = p.children[l]) == null ? void 0 : m.remove();
-    }), n.querySelector("td,th") || n.remove()), t === "deltable" && n.remove(), this.onChange(), this.positionTableHandles();
+      return (m = p.children[n]) == null ? void 0 : m.remove();
+    }), l.querySelector("td,th") || l.remove()), t === "deltable" && l.remove(), this.onChange(), this.positionTableHandles();
   }
   /** Reorders the current row/column: 'rowup'/'rowdown' swap the caret's row with
    *  its neighbour, 'colleft'/'colright' move the caret's column one position in
@@ -3982,7 +3991,7 @@ let Ei = (j = class {
     this.restoreSel();
     const e = this.currentCell();
     if (!e) return;
-    const i = e.parentElement, s = e.closest("table"), n = Array.from(i.children).indexOf(e);
+    const i = e.parentElement, s = e.closest("table"), l = Array.from(i.children).indexOf(e);
     if (t === "rowup") {
       const o = i.previousElementSibling;
       o && o.before(i);
@@ -3991,17 +4000,17 @@ let Ei = (j = class {
       const o = i.nextElementSibling;
       o && o.after(i);
     }
-    t === "colleft" && n > 0 && s.querySelectorAll("tr").forEach((o) => {
-      const c = o.children[n], d = o.children[n - 1];
+    t === "colleft" && l > 0 && s.querySelectorAll("tr").forEach((o) => {
+      const c = o.children[l], d = o.children[l - 1];
       c && d && d.before(c);
     }), t === "colright" && s.querySelectorAll("tr").forEach((o) => {
-      const c = o.children[n], d = o.children[n + 1];
+      const c = o.children[l], d = o.children[l + 1];
       c && d && d.after(c);
     });
-    const l = document.createRange();
-    l.selectNodeContents(e), l.collapse(!0);
+    const n = document.createRange();
+    n.selectNodeContents(e), n.collapse(!0);
     const r = window.getSelection();
-    r && (r.removeAllRanges(), r.addRange(l)), this.saveSel(), this.onChange(), this.positionTableHandles(), this.positionCellMarker();
+    r && (r.removeAllRanges(), r.addRange(n)), this.saveSel(), this.onChange(), this.positionTableHandles(), this.positionCellMarker();
   }
   /** Align the whole table via auto margins — same semantics as the align
    *  field in the table-properties dialog. */
@@ -4013,12 +4022,12 @@ let Ei = (j = class {
    *  build header rows (the toolbar's backcolor highlights text, not cells). */
   buildCellFillInto(t) {
     const e = (s) => {
-      const n = this.currentCell();
-      if (!n) {
+      const l = this.currentCell();
+      if (!l) {
         alert(this.t("nocell"));
         return;
       }
-      this.setOrClear(n, "background-color", s || ""), this.onChange();
+      this.setOrClear(l, "background-color", s || ""), this.onChange();
     }, i = this.currentCell();
     this.buildPaletteInto(t, this.cssToHex(i ? i.style.backgroundColor : ""), e);
   }
@@ -4038,26 +4047,26 @@ let Ei = (j = class {
   tablePropsDlg() {
     const t = this.tblActive;
     if (!t) return;
-    let e, i, s, n, l;
+    let e, i, s, l, n;
     const r = "display:flex;align-items:center;gap:10px;margin:10px 0", o = "width:120px;color:#556;flex:none", c = "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 A = (H, $) => {
           const O = document.createElement("div");
           O.style.cssText = r;
           const _ = document.createElement("span");
           _.style.cssText = o, _.textContent = this.t(H), O.append(_, $), E.appendChild(O);
         };
-        e = document.createElement("input"), e.type = "text", e.style.cssText = c, 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 = 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 = c, e.placeholder = "e.g. 600px or 100%", e.value = p, A("tblwidth", e), i = document.createElement("input"), i.type = "number", i.min = "0", i.style.cssText = c, i.value = String(m), A("tblcellpadding", i), s = document.createElement("input"), s.type = "number", s.min = "0", s.style.cssText = c, s.value = String(b), A("tblcellspacing", s), l = document.createElement("input"), l.type = "number", l.min = "0", l.style.cssText = c, l.value = String(y), A("tblborder", l), n = document.createElement("select"), n.style.cssText = c, [
           ["", "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);
+          O.value = H, O.textContent = this.t($), H === w && (O.selected = !0), n.appendChild(O);
+        }), A("tblalign", n);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -4069,8 +4078,8 @@ let Ei = (j = class {
               width: e.value.trim(),
               cellpadding: i.value.trim(),
               cellspacing: s.value.trim(),
-              border: n.value.trim(),
-              align: l.value
+              border: l.value.trim(),
+              align: n.value
             }), this.closeDlg(), this.onChange(), this.positionTableHandles();
           }
         }
@@ -4099,8 +4108,8 @@ let Ei = (j = class {
   formRow(t, e, i) {
     const s = document.createElement("div");
     s.style.cssText = "display:flex;align-items:center;gap:10px;margin:10px 0;min-width:360px";
-    const n = document.createElement("span");
-    n.style.cssText = "width:120px;color:#556;flex:none", n.textContent = e, s.append(n, i), t.appendChild(s);
+    const l = document.createElement("span");
+    l.style.cssText = "width:120px;color:#556;flex:none", l.textContent = e, s.append(l, i), t.appendChild(s);
   }
   formInput(t, e = "") {
     const i = document.createElement("input");
@@ -4108,9 +4117,9 @@ let Ei = (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);
+    return i.style.cssText = "flex:1;border:1px solid #cfd6df;border-radius:6px;padding:7px 9px;font:14px inherit;background:#fff", t.forEach(([s, l]) => {
+      const n = document.createElement("option");
+      n.value = s, n.textContent = l, s === e && (n.selected = !0), i.appendChild(n);
     }), i;
   }
   formBg(t) {
@@ -4118,10 +4127,10 @@ let Ei = (j = class {
     e.style.cssText = "flex:1;display:flex;align-items:center;gap:8px";
     const i = this.toHexColor(t), s = document.createElement("input");
     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 l = document.createElement("label");
+    l.style.cssText = "display:flex;align-items:center;gap:6px;cursor:pointer;color:#556";
+    const n = document.createElement("input");
+    return n.type = "checkbox", n.checked = !!i, l.append(n, document.createTextNode(this.t("fill"))), s.addEventListener("input", () => n.checked = !0), e.append(s, l), { wrap: e, color: s, fill: n };
   }
   setOrClear(t, e, i) {
     i ? t.style.setProperty(e, /^(width|height)$/.test(e) && /^\d+$/.test(i) ? i + "px" : i) : t.style.removeProperty(e);
@@ -4132,7 +4141,7 @@ let Ei = (j = class {
       alert(this.t("nocell"));
       return;
     }
-    let e, i, s, n, l;
+    let e, i, s, l, n;
     this.dialog(
       this.t("cellprops").replace("…", ""),
       (r) => {
@@ -4144,7 +4153,7 @@ let Ei = (j = class {
             ["right", this.t("alignright")]
           ],
           t.style.textAlign || ""
-        ), this.formRow(r, this.t("tblalign"), s), n = this.formSelect(
+        ), this.formRow(r, this.t("tblalign"), s), l = this.formSelect(
           [
             ["", this.t("alignnone")],
             ["top", this.t("valigntop")],
@@ -4152,7 +4161,7 @@ let Ei = (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(r, this.t("valign"), l), n = this.formBg(t.style.backgroundColor || ""), this.formRow(r, this.t("backcolor"), n.wrap);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -4160,7 +4169,7 @@ let Ei = (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", l.value), this.setOrClear(t, "background-color", n.fill.checked ? n.color.value : ""), this.closeDlg(), this.onChange(), this.positionTableHandles();
           }
         }
       ]
@@ -4176,8 +4185,8 @@ let Ei = (j = class {
     let i, s;
     this.dialog(
       this.t("rowprops").replace("…", ""),
-      (n) => {
-        i = this.formInput(e.style.height, "e.g. 40px"), this.formRow(n, this.t("tblheight"), i), s = this.formBg(e.style.backgroundColor || ""), this.formRow(n, this.t("backcolor"), s.wrap);
+      (l) => {
+        i = this.formInput(e.style.height, "e.g. 40px"), this.formRow(l, this.t("tblheight"), i), s = this.formBg(e.style.backgroundColor || ""), this.formRow(l, this.t("backcolor"), s.wrap);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -4197,12 +4206,12 @@ let Ei = (j = class {
       alert(this.t("nocell"));
       return;
     }
-    const e = t.parentElement, i = t.closest("table"), s = Array.from(e.children).indexOf(t), n = Array.from(i.rows).map((o) => o.cells[s]).filter(Boolean);
-    let l, r;
+    const e = t.parentElement, i = t.closest("table"), s = Array.from(e.children).indexOf(t), l = Array.from(i.rows).map((o) => o.cells[s]).filter(Boolean);
+    let n, r;
     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);
+        n = this.formInput(t.style.width, "e.g. 120px / 25%"), this.formRow(o, this.t("tblwidth"), n), r = this.formBg(t.style.backgroundColor || ""), this.formRow(o, this.t("backcolor"), r.wrap);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -4210,8 +4219,8 @@ let Ei = (j = class {
           label: this.t("save"),
           primary: !0,
           action: () => {
-            n.forEach((o) => {
-              this.setOrClear(o, "width", l.value.trim()), this.setOrClear(o, "background-color", r.fill.checked ? r.color.value : "");
+            l.forEach((o) => {
+              this.setOrClear(o, "width", n.value.trim()), this.setOrClear(o, "background-color", r.fill.checked ? r.color.value : "");
             }), this.closeDlg(), this.onChange(), this.positionTableHandles();
           }
         }
@@ -4226,11 +4235,11 @@ let Ei = (j = class {
     this.closeDlg(), this.closePop(), this.dlgOvl = document.createElement("div"), this.dlgOvl.className = "ovl";
     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);
-    }), this.dlgOvl.appendChild(s), this.dlgOvl.addEventListener("mousedown", (n) => {
-      n.target === this.dlgOvl && this.closeDlg();
+                   <div class="body"></div><footer></footer>`, s.querySelector("header button").onclick = () => this.closeDlg(), e(s.querySelector(".body")), (i || [{ label: this.t("close"), primary: !0, action: () => this.closeDlg() }]).forEach((l) => {
+      const n = document.createElement("button");
+      n.type = "button", n.textContent = l.label, l.primary && (n.className = "pri"), n.onclick = l.action, s.querySelector("footer").appendChild(n);
+    }), this.dlgOvl.appendChild(s), this.dlgOvl.addEventListener("mousedown", (l) => {
+      l.target === this.dlgOvl && this.closeDlg();
     }), document.body.appendChild(this.dlgOvl);
   }
   sourceDlg() {
@@ -4286,16 +4295,16 @@ let Ei = (j = class {
    *  fixed category tabs on the left, the active category's glyphs on the right. */
   glyphPickerDlg(t, e, i) {
     this.saveSel(), this.dialog(t, (s) => {
-      const n = document.createElement("div");
-      n.className = "chmap";
       const l = document.createElement("div");
-      l.className = "chtabs";
+      l.className = "chmap";
+      const n = document.createElement("div");
+      n.className = "chtabs";
       const r = document.createElement("div");
       r.className = "chpanel";
       const o = document.createElement("div");
       o.className = "chgrid" + (i ? " emgrid" : ""), r.appendChild(o);
       const c = (d) => {
-        l.querySelectorAll("button").forEach((p, m) => p.classList.toggle("on", m === d)), o.innerHTML = "", e[d].chars.forEach((p) => {
+        n.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 = p, m.onclick = () => {
             this.closeDlg(), this.exec("insertText", p);
@@ -4304,8 +4313,8 @@ let Ei = (j = class {
       };
       e.forEach((d, p) => {
         const m = document.createElement("button");
-        m.type = "button", m.textContent = this.t(d.key), m.addEventListener("click", () => c(p)), l.appendChild(m);
-      }), n.append(l, r), s.appendChild(n), c(0);
+        m.type = "button", m.textContent = this.t(d.key), m.addEventListener("click", () => c(p)), n.appendChild(m);
+      }), l.append(n, r), s.appendChild(l), c(0);
     });
   }
   charMap() {
@@ -4374,20 +4383,20 @@ let Ei = (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;
-      if (!/^(https?:|data:image\/|blob:)/i.test(n)) {
+      const l = e.value.trim(), n = this.phActive;
+      if (!n) return;
+      if (!/^(https?:|data:image\/|blob:)/i.test(l)) {
         e.classList.add("err"), e.focus();
         return;
       }
       i.disabled = !0, e.disabled = !0;
       const r = new Image();
-      r.onload = () => this.replacePlaceholderWithImage(l, n, ""), r.onerror = () => {
+      r.onload = () => this.replacePlaceholderWithImage(n, l, ""), r.onerror = () => {
         i.disabled = !1, e.disabled = !1, e.classList.add("err"), e.focus();
-      }, r.src = n;
+      }, r.src = l;
     };
-    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());
+    i.addEventListener("click", s), e.addEventListener("input", () => e.classList.remove("err")), e.addEventListener("keydown", (l) => {
+      l.key === "Enter" ? (l.preventDefault(), s()) : l.key === "Escape" && (l.stopPropagation(), this.renderPhCtxButtons());
     }), t.append(e, i), this.positionImgPhCtx(), e.focus();
   }
   readImageFileInto(t, e) {
@@ -4407,11 +4416,11 @@ let Ei = (j = class {
     const i = t.name.replace(/"/g, "");
     e.classList.remove("upload-error"), e.classList.add("uploading");
     const s = e.querySelector("span");
-    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));
+    s && (s.textContent = this.t("uploading")), this.imageUploadHandler(t).then((l) => {
+      this.ed.contains(e) && this.replacePlaceholderWithImage(e, l, i);
+    }).catch((l) => {
+      var n;
+      this.ed.contains(e) && (e.classList.remove("uploading"), e.classList.add("upload-error"), s && (s.textContent = this.t("uploadfailed")), (n = this.onImageUploadError) == null || n.call(this, l, t));
     });
   }
   replacePlaceholderWithImage(t, e, i) {
@@ -4427,8 +4436,8 @@ let Ei = (j = class {
     const t = this.phActive.getBoundingClientRect(), e = this.phCtx.offsetWidth, i = this.phCtx.offsetHeight;
     let s = t.left + scrollX + (t.width - e) / 2;
     s = Math.max(8 + scrollX, Math.min(s, scrollX + innerWidth - e - 8));
-    let n = t.bottom + scrollY + 8;
-    t.bottom + 8 + i > innerHeight - 4 && (n = Math.max(this.ctxMinTop(), t.top + scrollY - i - 8)), this.phCtx.style.left = s + "px", this.phCtx.style.top = n + "px";
+    let l = t.bottom + scrollY + 8;
+    t.bottom + 8 + i > innerHeight - 4 && (l = Math.max(this.ctxMinTop(), t.top + scrollY - i - 8)), this.phCtx.style.left = s + "px", this.phCtx.style.top = l + "px";
   }
   /* ---------------------------------------------------------- video upload placeholder */
   pickVideo() {
@@ -4474,25 +4483,25 @@ let Ei = (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;
-      if (!/^(https?:|data:video\/|blob:)/i.test(n)) {
+      const l = e.value.trim(), n = this.vphActive;
+      if (!n) return;
+      if (!/^(https?:|data:video\/|blob:)/i.test(l)) {
         e.classList.add("err"), e.focus();
         return;
       }
-      const r = this.videoEmbedUrl(n);
+      const r = this.videoEmbedUrl(l);
       if (r) {
-        this.replacePlaceholderWithEmbed(l, r);
+        this.replacePlaceholderWithEmbed(n, r);
         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(n, l, ""), o.onerror = () => {
         i.disabled = !1, e.disabled = !1, e.classList.add("err"), e.focus();
-      }, o.src = n;
+      }, o.src = l;
     };
-    i.addEventListener("click", s), e.addEventListener("input", () => e.classList.remove("err")), e.addEventListener("keydown", (n) => {
-      n.key === "Enter" ? (n.preventDefault(), s()) : n.key === "Escape" && (n.stopPropagation(), this.renderVphCtxButtons());
+    i.addEventListener("click", s), e.addEventListener("input", () => e.classList.remove("err")), e.addEventListener("keydown", (l) => {
+      l.key === "Enter" ? (l.preventDefault(), s()) : l.key === "Escape" && (l.stopPropagation(), this.renderVphCtxButtons());
     }), t.append(e, i), this.positionVphCtx(), e.focus();
   }
   readVideoFileInto(t, e) {
@@ -4512,11 +4521,11 @@ let Ei = (j = class {
     const i = t.name.replace(/"/g, "");
     e.classList.remove("upload-error"), e.classList.add("uploading");
     const s = e.querySelector("span");
-    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));
+    s && (s.textContent = this.t("uploading")), this.videoUploadHandler(t).then((l) => {
+      this.ed.contains(e) && this.replacePlaceholderWithVideo(e, l, i);
+    }).catch((l) => {
+      var n;
+      this.ed.contains(e) && (e.classList.remove("uploading"), e.classList.add("upload-error"), s && (s.textContent = this.t("uploadfailed")), (n = this.onVideoUploadError) == null || n.call(this, l, t));
     });
   }
   replacePlaceholderWithVideo(t, e, i) {
@@ -4537,8 +4546,8 @@ let Ei = (j = class {
     const t = this.vphActive.getBoundingClientRect(), e = this.vphCtx.offsetWidth, i = this.vphCtx.offsetHeight;
     let s = t.left + scrollX + (t.width - e) / 2;
     s = Math.max(8 + scrollX, Math.min(s, scrollX + innerWidth - e - 8));
-    let n = t.bottom + scrollY + 8;
-    t.bottom + 8 + i > innerHeight - 4 && (n = Math.max(this.ctxMinTop(), t.top + scrollY - i - 8)), this.vphCtx.style.left = s + "px", this.vphCtx.style.top = n + "px";
+    let l = t.bottom + scrollY + 8;
+    t.bottom + 8 + i > innerHeight - 4 && (l = Math.max(this.ctxMinTop(), t.top + scrollY - i - 8)), this.vphCtx.style.left = s + "px", this.vphCtx.style.top = l + "px";
   }
   /* ---------------------------------------------------------- video toolbar (post-insert) */
   cancelVidHide() {
@@ -4560,14 +4569,14 @@ let Ei = (j = class {
       (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, p, m) => {
+    }, l = t.style.float === "left", n = t.style.float === "right", r = !l && !n && t.style.marginLeft === "auto" && t.style.marginRight === "auto", o = (c, d, p, m) => {
       const b = this.ctxBtn(c, d, m);
       return b.classList.toggle("on", p), b;
     };
     return e.append(
-      o(h.alignleft, this.t("alignleft"), n, () => s("left")),
+      o(h.alignleft, this.t("alignleft"), l, () => s("left")),
       o(h.aligncenter, this.t("aligncenter"), r, () => s("center")),
-      o(h.alignright, this.t("alignright"), l, () => s("right")),
+      o(h.alignright, this.t("alignright"), n, () => s("right")),
       this.ctxSep(),
       o(h.trash, this.t("deletevideo"), !1, () => {
         t.remove(), this.clearVidHandles(), this.onChange();
@@ -4589,8 +4598,8 @@ let Ei = (j = class {
     const e = this.vidCtx.offsetWidth, i = this.vidCtx.offsetHeight;
     let s = t.left + scrollX + (t.width - e) / 2;
     s = Math.max(8 + scrollX, Math.min(s, scrollX + innerWidth - e - 8));
-    let n = t.top + scrollY - i - 8;
-    n < this.ctxMinTop() && (n = t.bottom + scrollY + 8), this.vidCtx.style.left = s + "px", this.vidCtx.style.top = n + "px";
+    let l = t.top + scrollY - i - 8;
+    l < this.ctxMinTop() && (l = t.bottom + scrollY + 8), this.vidCtx.style.left = s + "px", this.vidCtx.style.top = l + "px";
   }
   /* ---------------------------------------------------------- video dialog / embeds */
   /** Maps a page URL from a known video host to its iframe player URL. Returns
@@ -4609,7 +4618,7 @@ let Ei = (j = class {
    *  (videoUploadHandler when configured, else inline base64). */
   videoDlg() {
     this.saveSel();
-    let t, e, i, s, n, l;
+    let t, e, i, s, l, n;
     const r = (c, d) => {
       const p = document.createElement("div");
       p.className = "dfield";
@@ -4629,8 +4638,8 @@ let Ei = (j = class {
           w.type = "button", w.textContent = this.t(g);
           const E = document.createElement("div");
           E.className = "dtabpanel", x(E);
-          const I = p.length;
-          p.push(E), w.addEventListener("click", () => b(I)), d.appendChild(w);
+          const A = p.length;
+          p.push(E), w.addEventListener("click", () => b(A)), d.appendChild(w);
         }, b = (g) => {
           d.querySelectorAll("button").forEach((x, w) => x.classList.toggle("on", w === g)), p.forEach((x, w) => x.style.display = w === g ? "" : "none");
         };
@@ -4661,13 +4670,13 @@ let Ei = (j = class {
               _.onload = () => $(_.result), _.readAsDataURL(H);
             }
           }), x.append(t, w, E), t.style.flex = "1", g.appendChild(r("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);
+          const A = document.createElement("div");
+          A.className = "drow", e = document.createElement("input"), e.type = "number", e.value = "560", i = document.createElement("input"), i.type = "number", i.value = "314", A.append(r("tblwidth", e), r("tblheight", i)), g.appendChild(A);
         }), 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));
+          l = o(), n = o(), g.append(r("vidaltsource", l), r("vidposter", n));
         });
         const y = document.createElement("div");
         y.className = "dtabbody", p.forEach((g) => y.appendChild(g)), c.append(d, y), b(0), setTimeout(() => t.focus(), 0);
@@ -4688,7 +4697,7 @@ let Ei = (j = class {
             if (b)
               document.execCommand("insertHTML", !1, this.videoEmbedHTML(b, p, m));
             else {
-              const y = n.value.trim(), g = l.value.trim();
+              const y = l.value.trim(), g = n.value.trim();
               document.execCommand(
                 "insertHTML",
                 !1,
@@ -4727,16 +4736,16 @@ let Ei = (j = class {
       const i = e.firstChild, s = e.lastChild;
       for (; e.firstChild; ) e.parentNode.insertBefore(e.firstChild, e);
       if (e.remove(), i && s) {
-        const n = document.createRange();
-        n.setStartBefore(i), n.setEndAfter(s), t.removeAllRanges(), t.addRange(n);
+        const l = document.createRange();
+        l.setStartBefore(i), l.setEndAfter(s), t.removeAllRanges(), t.addRange(l);
       }
     } else {
       const i = t.getRangeAt(0);
       if (i.collapsed || this.closestBlock(i.startContainer) !== this.closestBlock(i.endContainer)) return;
       const s = document.createElement("code");
       s.appendChild(i.extractContents()), i.insertNode(s);
-      const n = document.createRange();
-      n.selectNodeContents(s), t.removeAllRanges(), t.addRange(n);
+      const l = document.createRange();
+      l.selectNodeContents(s), t.removeAllRanges(), t.addRange(l);
     }
     this.saveSel(), this.refreshState(), this.onChange();
   }
@@ -4748,15 +4757,15 @@ let Ei = (j = class {
     if (!e || !e.isCollapsed || !e.anchorNode) return;
     const i = e.anchorNode;
     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 l = (i.textContent || "").slice(0, e.anchorOffset).match(/(?:^|[^`])`([^`]+)$/);
+    if (!l) return;
+    const n = l[1];
+    if (/^\s|\s$/.test(n)) return;
     t.preventDefault();
     const r = document.createRange();
-    r.setStart(i, e.anchorOffset - l.length - 1), r.setEnd(i, e.anchorOffset), r.deleteContents();
+    r.setStart(i, e.anchorOffset - n.length - 1), r.setEnd(i, e.anchorOffset), r.deleteContents();
     const o = document.createElement("code");
-    o.textContent = l, r.insertNode(o);
+    o.textContent = n, r.insertNode(o);
     const c = document.createRange();
     c.setStartAfter(o), c.collapse(!0), e.removeAllRanges(), e.addRange(c), this.saveSel(), this.onChange();
   }
@@ -4768,24 +4777,24 @@ let Ei = (j = class {
     let i = e;
     const s = document.createElement("div");
     s.className = "dsel";
-    const n = document.createElement("button");
-    n.type = "button", n.className = "dsel-btn";
-    const l = document.createElement("span");
-    l.className = "lbl", l.textContent = ((o = t.find(([c]) => c === e)) == null ? void 0 : o[1]) || "", n.append(l), n.insertAdjacentHTML("beforeend", h.chev);
+    const l = document.createElement("button");
+    l.type = "button", l.className = "dsel-btn";
+    const n = document.createElement("span");
+    n.className = "lbl", n.textContent = ((o = t.find(([c]) => c === e)) == null ? void 0 : o[1]) || "", l.append(n), l.insertAdjacentHTML("beforeend", h.chev);
     const r = document.createElement("div");
     return r.className = "dsel-list", t.forEach(([c, d]) => {
       const p = document.createElement("button");
       p.type = "button", p.textContent = d, p.classList.toggle("on", c === i), p.addEventListener("click", () => {
-        i = c, l.textContent = d, r.querySelectorAll("button").forEach((m) => m.classList.toggle("on", m === p)), s.classList.remove("open"), n.focus();
+        i = c, n.textContent = d, r.querySelectorAll("button").forEach((m) => m.classList.toggle("on", m === p)), s.classList.remove("open"), l.focus();
       }), r.appendChild(p);
-    }), n.addEventListener("click", () => {
+    }), l.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 };
+      c.key === "Escape" && s.classList.contains("open") && (c.stopPropagation(), s.classList.remove("open"), l.focus());
+    }), s.append(l, r), { el: s, value: () => i };
   }
   /** Insert/edit-code-sample dialog: language dropdown + monospace textarea to
    *  paste or type code into. Inserts a non-editable <pre class="code-block">
@@ -4797,10 +4806,10 @@ let Ei = (j = class {
       this.t("codedlgttl"),
       (s) => {
         var r;
-        const n = document.createElement("div");
-        n.className = "dfield";
-        const l = document.createElement("label");
-        l.textContent = this.t("codelang"), e = this.dlgSelect(Jt, (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 l = document.createElement("div");
+        l.className = "dfield";
+        const n = document.createElement("label");
+        n.textContent = this.t("codelang"), e = this.dlgSelect(ie, (t == null ? void 0 : t.dataset.lang) || "plain"), l.append(n, e.el), i = document.createElement("textarea"), i.className = "code-input", i.spellcheck = !1, i.value = ((r = t == null ? void 0 : t.querySelector("code")) == null ? void 0 : r.textContent) || "", i.placeholder = "const answer = 42;", s.append(l, i), setTimeout(() => i.focus(), 0);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -4809,10 +4818,10 @@ let Ei = (j = class {
           primary: !0,
           action: () => {
             var r;
-            const s = i.value.replace(/\s+$/, ""), n = e.value(), l = ((r = Jt.find(([o]) => o === n)) == null ? void 0 : r[1]) || n;
+            const s = i.value.replace(/\s+$/, ""), l = e.value(), n = ((r = ie.find(([o]) => o === l)) == null ? void 0 : r[1]) || l;
             if (this.closeDlg(), !!s.trim()) {
               if (t) {
-                t.dataset.lang = n, t.setAttribute("data-lang-label", l);
+                t.dataset.lang = l, t.setAttribute("data-lang-label", n);
                 const o = t.querySelector("code") || t;
                 o.textContent = s, this.clearCodeSel(), this.onChange();
                 return;
@@ -4820,7 +4829,7 @@ let Ei = (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="${l}" data-lang-label="${this.escapeAttr(n)}"><code>${this.escHtml(s)}</code></pre><p><br></p>`
               ), this.onChange();
             }
           }
@@ -4847,9 +4856,9 @@ let Ei = (j = class {
     ), e.addEventListener("mousedown", (i) => i.preventDefault()), document.body.appendChild(e), e;
   }
   copyCodeBlock(t) {
-    var s, n;
+    var s, l;
     const e = ((s = t.querySelector("code")) == null ? void 0 : s.textContent) ?? t.textContent ?? "";
-    if ((n = navigator.clipboard) != null && n.writeText) {
+    if ((l = navigator.clipboard) != null && l.writeText) {
       navigator.clipboard.writeText(e).catch(() => {
       });
       return;
@@ -4867,8 +4876,8 @@ let Ei = (j = class {
     const e = this.codeCtx.offsetWidth, i = this.codeCtx.offsetHeight;
     let s = t.left + scrollX + (t.width - e) / 2;
     s = Math.max(8 + scrollX, Math.min(s, scrollX + innerWidth - e - 8));
-    let n = t.top + scrollY - i - 8;
-    n < this.ctxMinTop() && (n = t.bottom + scrollY + 8), this.codeCtx.style.left = s + "px", this.codeCtx.style.top = n + "px";
+    let l = t.top + scrollY - i - 8;
+    l < this.ctxMinTop() && (l = t.bottom + scrollY + 8), this.codeCtx.style.left = s + "px", this.codeCtx.style.top = l + "px";
   }
   /* ---------------------------------------------------------- templates */
   templateMenu(t) {
@@ -4877,16 +4886,16 @@ let Ei = (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>`, l = (o) => `<span class="pv-col">${o}</span>`, n = (o) => `<span class="pv-row">${o}</span>`, r = l(i + s(100) + s(88));
+    return t === "img-left" ? `<span class="pv">${n(e + r)}${s(100)}${s(72)}</span>` : t === "img-right" ? `<span class="pv">${n(r + e)}${s(100)}${s(72)}</span>` : t === "img-top" ? `<span class="pv pv-c">${e}${i}${s(100)}${s(72)}</span>` : `<span class="pv pv-c">${i}${s(100)}${s(72)}${e}</span>`;
   }
   buildTemplatePickInto(t, e) {
     const i = document.createElement("div");
     i.className = "tplpick", wt.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", () => {
+      const l = document.createElement("button");
+      l.type = "button", l.className = "tpltile", l.title = this.t(Tt[s]), l.innerHTML = this.tplPreviewHTML(s) + `<span class="tpllbl">${this.t(Tt[s])}</span>`, l.addEventListener("click", () => {
         this.closePop(), this.insertTemplate(s), e == null || e();
-      }), i.appendChild(n);
+      }), i.appendChild(l);
     }), t.appendChild(i);
   }
   insertTemplate(t) {
@@ -4911,7 +4920,7 @@ let Ei = (j = class {
   setTplLayout(t) {
     const e = this.tplActive;
     if (!e) return;
-    wt.forEach((n) => e.classList.remove("tpl-" + n)), e.classList.add("tpl-" + t);
+    wt.forEach((l) => e.classList.remove("tpl-" + l)), e.classList.add("tpl-" + t);
     const i = e.querySelector(":scope > .tpl-media"), s = e.querySelector(":scope > .tpl-text");
     i && s && (t === "img-center" ? e.appendChild(i) : e.insertBefore(i, s)), this.renderTplCtxButtons(), this.positionImgPhCtx(), this.positionImageHandles(), this.onChange();
   }
@@ -4928,8 +4937,8 @@ let Ei = (j = class {
     const t = this.tplActive.getBoundingClientRect(), e = this.tplCtx.offsetWidth, i = this.tplCtx.offsetHeight;
     let s = t.left + scrollX + (t.width - e) / 2;
     s = Math.max(8 + scrollX, Math.min(s, scrollX + innerWidth - e - 8));
-    let n = t.top + scrollY - i - 8;
-    n < this.ctxMinTop() && (n = t.bottom + scrollY + 8), this.tplCtx.style.left = s + "px", this.tplCtx.style.top = n + "px";
+    let l = t.top + scrollY - i - 8;
+    l < this.ctxMinTop() && (l = t.bottom + scrollY + 8), this.tplCtx.style.left = s + "px", this.tplCtx.style.top = l + "px";
   }
   pickWordDoc() {
     this.docInput.value = "", this.docInput.click();
@@ -4942,8 +4951,8 @@ let Ei = (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;
+    var t, e, i, s, l;
+    (t = this.tblCorner) == null || t.remove(), this.tblCorner = null, this.tblColBars.forEach((n) => n.remove()), this.tblColBars = [], (e = this.tblCtx) == null || e.remove(), this.tblCtx = null, (i = this.tblCellMark) == null || i.remove(), this.tblCellMark = null, (s = this.tblOpMark) == null || s.remove(), this.tblOpMark = null, this.tblOpMarkKind = null, (l = this.tblActive) == null || l.classList.remove("tbl-selected"), this.tblActive = null;
   }
   /** Blue outline around the cell that holds the caret, so it is clear
       which cell / row / column the table operations will target. */
@@ -4970,8 +4979,8 @@ let Ei = (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(), l = e.parentElement.getBoundingClientRect(), n = t === "row" ? l.left : s.left, r = t === "row" ? l.top : i.top, o = t === "row" ? l.width : s.width, c = t === "row" ? l.height : i.height;
+    this.tblOpMark.style.left = n + scrollX + "px", this.tblOpMark.style.top = r + scrollY + "px", this.tblOpMark.style.width = o + "px", this.tblOpMark.style.height = c + "px";
   }
   /** Lowest allowed top for floating context toolbars — keeps them from
       covering the editor menubar/toolbar when the target sits on the first line. */
@@ -4979,8 +4988,8 @@ let Ei = (j = class {
     return Math.max(scrollY + 4, this.ed.getBoundingClientRect().top + scrollY - 2);
   }
   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;
+    const l = document.createElement("button");
+    return l.type = "button", l.title = e, l.innerHTML = t, s && (l.dataset.id = s), l.addEventListener("mousedown", (n) => n.preventDefault()), l.addEventListener("click", i), l;
   }
   ctxSep() {
     const t = document.createElement("div");
@@ -4989,7 +4998,7 @@ let Ei = (j = class {
   buildTableCtxToolbar() {
     const t = document.createElement("div");
     t.className = "tblctx", t.dir = this.dir();
-    const e = (s, n) => (s.addEventListener("mouseenter", () => this.setOpTarget(n)), s.addEventListener("mouseleave", () => this.setOpTarget(null)), s), i = this.ctxBtn(h.palette, this.t("cellbg"), () => this.cellFillMenu(i));
+    const e = (s, l) => (s.addEventListener("mouseenter", () => this.setOpTarget(l)), s.addEventListener("mouseleave", () => this.setOpTarget(null)), s), i = this.ctxBtn(h.palette, this.t("cellbg"), () => this.cellFillMenu(i));
     return t.append(
       e(this.ctxBtn(h.rowbefore, this.t("rowabove"), () => this.tableOp("rowabove")), "row"),
       e(this.ctxBtn(h.rowafter, this.t("rowbelow"), () => this.tableOp("rowbelow")), "row"),
@@ -5017,20 +5026,20 @@ let Ei = (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 t = this.ed.getAttribute("dir") === "rtl", e = this.tblActive.getBoundingClientRect(), i = e.top + scrollY, s = e.left + scrollX, l = e.right + scrollX, n = e.bottom + scrollY;
+    if (this.tblCorner && (this.tblCorner.style.top = n - 5 + "px", this.tblCorner.style.left = (t ? s - 5 : l - 5) + "px", this.tblCorner.style.cursor = t ? "nesw-resize" : "nwse-resize"), this.tblCtx) {
       const o = this.tblCtx.offsetWidth, c = this.tblCtx.offsetHeight;
-      let d = s + (n - s) / 2 - o / 2;
+      let d = s + (l - s) / 2 - o / 2;
       d = Math.max(8 + scrollX, Math.min(d, scrollX + innerWidth - o - 8));
       let p = i - c - 8;
-      p < this.ctxMinTop() && (p = l + 8), this.tblCtx.style.left = d + "px", this.tblCtx.style.top = p + "px";
+      p < this.ctxMinTop() && (p = n + 8), this.tblCtx.style.left = d + "px", this.tblCtx.style.top = p + "px";
     }
     this.tblColBars.forEach((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, p = document.createElement("div");
-        p.className = "tbl-colbar", p.style.top = i + "px", p.style.left = d + "px", p.style.height = l - i + "px", document.body.appendChild(p), p.addEventListener("mousedown", (m) => this.startColBarDrag(m, o)), this.tblColBars.push(p);
+        p.className = "tbl-colbar", p.style.top = i + "px", p.style.left = d + "px", p.style.height = n - i + "px", document.body.appendChild(p), p.addEventListener("mousedown", (m) => this.startColBarDrag(m, o)), this.tblColBars.push(p);
       }
     this.positionCellMarker(), this.positionOpMark();
   }
@@ -5047,13 +5056,13 @@ let Ei = (j = class {
     t.preventDefault();
     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 i = this.ed.getAttribute("dir") === "rtl", s = t.clientX, l = e.getBoundingClientRect().width;
+    e.style.tableLayout = e.style.tableLayout || "fixed", this.withNoTextSelect((n) => {
       const r = (c) => {
         const d = i ? -(c.clientX - s) : c.clientX - s;
-        e.style.width = Math.max(60, Math.round(n + d)) + "px", this.positionTableHandles();
+        e.style.width = Math.max(60, Math.round(l + d)) + "px", this.positionTableHandles();
       }, o = () => {
-        window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", o), l(), this.onChange();
+        window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", o), n(), this.onChange();
       };
       window.addEventListener("mousemove", r), window.addEventListener("mouseup", o);
     });
@@ -5062,13 +5071,13 @@ let Ei = (j = class {
     t.preventDefault(), t.stopPropagation();
     const i = this.tblActive;
     if (!i) return;
-    const s = this.ed.getAttribute("dir") === "rtl", n = Array.from(i.rows), l = n.map((p) => p.cells[e]).filter(Boolean), r = n.map((p) => p.cells[e + 1]).filter(Boolean);
-    if (!l.length || !r.length) return;
-    const o = t.clientX, c = l[0].getBoundingClientRect().width, d = r[0].getBoundingClientRect().width;
+    const s = this.ed.getAttribute("dir") === "rtl", l = Array.from(i.rows), n = l.map((p) => p.cells[e]).filter(Boolean), r = l.map((p) => p.cells[e + 1]).filter(Boolean);
+    if (!n.length || !r.length) return;
+    const o = t.clientX, c = n[0].getBoundingClientRect().width, d = r[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();
+        n.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();
       }, b = () => {
         window.removeEventListener("mousemove", m), window.removeEventListener("mouseup", b), p(), this.onChange();
       };
@@ -5101,14 +5110,14 @@ let Ei = (j = class {
       (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, p, m) => {
+    }, l = t.style.float === "left", n = t.style.float === "right", r = !l && !n && t.style.marginLeft === "auto" && t.style.marginRight === "auto", o = (c, d, p, m) => {
       const b = this.ctxBtn(c, d, m);
       return b.classList.toggle("on", p), b;
     };
     return e.append(
-      o(h.alignleft, this.t("alignleft"), n, () => s("left")),
+      o(h.alignleft, this.t("alignleft"), l, () => s("left")),
       o(h.aligncenter, this.t("aligncenter"), r, () => s("center")),
-      o(h.alignright, this.t("alignright"), l, () => s("right")),
+      o(h.alignright, this.t("alignright"), n, () => s("right")),
       this.ctxSep(),
       o(h.rotateleft, this.t("rotateleft"), !1, () => {
         this.rotateImage(t, -90), i();
@@ -5150,21 +5159,21 @@ let Ei = (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, l = t.bottom + scrollY, n = {
       nw: [i, e],
       ne: [s, e],
-      sw: [i, n],
-      se: [s, n]
+      sw: [i, l],
+      se: [s, l]
     };
     if (this.imgHandles.forEach((r) => {
-      const [o, c] = l[r.dataset.corner];
+      const [o, c] = n[r.dataset.corner];
       r.style.left = o - 5 + "px", r.style.top = c - 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));
       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 = l + 8), this.imgCtx.style.left = c + "px", this.imgCtx.style.top = d + "px";
     }
   }
   startImageResizeDrag(t, e) {
@@ -5172,10 +5181,10 @@ let Ei = (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;
+    const s = t.clientX, l = i.getBoundingClientRect().width, n = e === "nw" || e === "sw" ? -1 : 1;
     this.withNoTextSelect((r) => {
       const o = (d) => {
-        i.style.width = Math.max(24, Math.round(n + l * (d.clientX - s))) + "px", i.style.height = "auto", this.positionImageHandles();
+        i.style.width = Math.max(24, Math.round(l + n * (d.clientX - s))) + "px", i.style.height = "auto", this.positionImageHandles();
       }, c = () => {
         window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", c), r(), this.onChange();
       };
@@ -5212,7 +5221,7 @@ let Ei = (j = class {
       () => 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));
+    const s = this.ctxBtn(h.caseic, this.t("changecase"), () => this.caseMenu(s)), l = this.ctxBtn(h.lineheight, this.t("lineheight"), () => this.lineHeightMenu(l)), n = this.ctxBtn(h.wordspacing, this.t("wordspacing"), () => this.wordSpacingMenu(n));
     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"),
@@ -5226,17 +5235,17 @@ let Ei = (j = class {
       this.ctxSep(),
       this.ctxBtn(h.link, this.t("linkttl"), () => this.linkDlg()),
       s,
-      n,
-      l
+      l,
+      n
     ), t.addEventListener("mousedown", (o) => o.preventDefault()), document.body.appendChild(t), this.syncColorSwatches(t), t;
   }
   positionSelToolbar(t) {
     if (!this.selCtx) return;
-    const e = t.getBoundingClientRect(), i = e.top + scrollY, s = e.left + scrollX, n = e.right + scrollX, l = e.bottom + scrollY, r = this.selCtx.offsetWidth, o = this.selCtx.offsetHeight;
-    let c = s + (n - s) / 2 - r / 2;
+    const e = t.getBoundingClientRect(), i = e.top + scrollY, s = e.left + scrollX, l = e.right + scrollX, n = e.bottom + scrollY, r = this.selCtx.offsetWidth, o = this.selCtx.offsetHeight;
+    let c = s + (l - s) / 2 - r / 2;
     c = Math.max(8 + scrollX, Math.min(c, scrollX + innerWidth - r - 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 = n + 8), this.selCtx.style.left = c + "px", this.selCtx.style.top = d + "px";
   }
   repositionSelToolbar() {
     if (!this.selCtx) return;
@@ -5288,13 +5297,13 @@ let Ei = (j = class {
       const m = p.querySelector("[data-id=code]");
       m && m.classList.toggle("on", e && !!this.closestInlineCode());
     });
-    const n = t ? this.closestBlock(t.anchorNode) : null, l = ((o = n == null ? void 0 : n.closest("[dir]")) == null ? void 0 : o.getAttribute("dir")) || this.ed.getAttribute("dir") || this.dir();
-    (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 l = t ? this.closestBlock(t.anchorNode) : null, n = ((o = l == null ? void 0 : l.closest("[dir]")) == null ? void 0 : o.getAttribute("dir")) || this.ed.getAttribute("dir") || this.dir();
+    (c = this.toolbar.querySelector("[data-id=ltr]")) == null || c.classList.toggle("on", e && n === "ltr"), (d = this.toolbar.querySelector("[data-id=rtl]")) == null || d.classList.toggle("on", e && n === "rtl");
     const r = (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", te.some((p) => p[0] === i) ? this.blockLabel(i) : this.t("para")), this.sbWords.textContent = this.countWords() + " " + this.t("words");
+    r("fontsel", this.currentFont()), r("sizesel", this.currentSize().replace("px", "")), e && r("blocksel", se.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();
@@ -5305,18 +5314,18 @@ let Ei = (j = class {
     const e = t.clipboardData;
     if (!e) return;
     t.preventDefault();
-    const i = e.getData("text/html"), s = Array.from(e.items).find((n) => n.type.startsWith("image/"));
+    const i = e.getData("text/html"), s = Array.from(e.items).find((l) => l.type.startsWith("image/"));
     if (s && !i) {
-      const n = new FileReader();
-      n.onload = () => {
-        document.execCommand("insertHTML", !1, `<img src="${n.result}" alt="">`), this.onChange();
-      }, n.readAsDataURL(s.getAsFile());
+      const l = new FileReader();
+      l.onload = () => {
+        document.execCommand("insertHTML", !1, `<img src="${l.result}" alt="">`), this.onChange();
+      }, l.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 l = e.getData("text/plain"), n = /^\S+$/.test(l.trim()) ? this.videoEmbedUrl(l.trim()) : null;
+      if (n) {
+        document.execCommand("insertHTML", !1, this.videoEmbedHTML(n)), this.onChange();
         return;
       }
     }
@@ -5327,10 +5336,10 @@ let Ei = (j = class {
     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 Si = Ne(
-  ({ value: u, defaultValue: t, onChange: e, onReady: i, className: s, style: n, ...l }, r) => {
+const Si = _e(
+  ({ value: u, defaultValue: t, onChange: e, onReady: i, className: s, style: l, ...n }, r) => {
     const o = z(null), c = 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(r, () => ({
+    return b.current = e, y.current = i, Fe(r, () => ({
       getContent: () => {
         var g;
         return ((g = c.current) == null ? void 0 : g.getContent()) ?? "";
@@ -5380,7 +5389,7 @@ const Si = Ne(
           var w;
           return (w = y.current) == null ? void 0 : w.call(y, x);
         },
-        ...l
+        ...n
       });
       return c.current = g, () => {
         g.destroy(), c.current = null;
@@ -5406,14 +5415,14 @@ const Si = Ne(
         if (m.current === null) return;
         const E = w.relatedTarget;
         if (E && g.contains(E)) return;
-        const I = m.current;
-        m.current = null, p.current = I, (H = c.current) == null || H.setContent(I);
+        const A = m.current;
+        m.current = null, p.current = A, (H = c.current) == null || H.setContent(A);
       };
       return g.addEventListener("focusout", x), () => g.removeEventListener("focusout", x);
     }, []), ot(() => {
       var g;
-      l.language && ((g = c.current) == null || g.setLanguage(l.language));
-    }, [l.language]), /* @__PURE__ */ Fe.jsx("div", { ref: o, className: s, style: n });
+      n.language && ((g = c.current) == null || g.setLanguage(n.language));
+    }, [n.language]), /* @__PURE__ */ We.jsx("div", { ref: o, className: s, style: l });
   }
 );
 Si.displayName = "FableEditor";