fable-editor 1.0.0 → 1.0.2

package/dist/react/index.mjs

@@ -1,5 +1,5 @@
-import Gt, { forwardRef as qe, useRef as X, useImperativeHandle as Le, useEffect as gt } from "react";
-var bt = { exports: {} }, G = {};
+import Jt, { forwardRef as Ae, useRef as X, useImperativeHandle as Ie, useEffect as gt } from "react";
+var wt = { exports: {} }, G = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -9,11 +9,11 @@ var bt = { exports: {} }, G = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var zt;
-function Ie() {
-  if (zt) return G;
-  zt = 1;
-  var m = Gt, t = Symbol.for("react.element"), e = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, s = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, r = { key: !0, ref: !0, __self: !0, __source: !0 };
+var Ut;
+function Re() {
+  if (Ut) return G;
+  Ut = 1;
+  var m = Jt, t = Symbol.for("react.element"), e = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, s = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, r = { key: !0, ref: !0, __self: !0, __source: !0 };
   function l(o, a, c) {
     var d, u = {}, v = null, b = null;
     c !== void 0 && (v = "" + c), a.key !== void 0 && (v = "" + a.key), a.ref !== void 0 && (b = a.ref);
@@ -33,10 +33,10 @@ var K = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Wt;
-function Ae() {
-  return Wt || (Wt = 1, process.env.NODE_ENV !== "production" && function() {
-    var m = Gt, t = Symbol.for("react.element"), e = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), r = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), o = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), f = Symbol.iterator, w = "@@iterator";
+var Xt;
+function Ze() {
+  return Xt || (Xt = 1, process.env.NODE_ENV !== "production" && function() {
+    var m = Jt, t = Symbol.for("react.element"), e = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), r = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), o = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), f = Symbol.iterator, w = "@@iterator";
     function E(n) {
       if (n === null || typeof n != "object")
         return null;
@@ -46,14 +46,14 @@ function Ae() {
     var q = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function M(n) {
       {
-        for (var p = arguments.length, g = new Array(p > 1 ? p - 1 : 0), C = 1; C < p; C++)
-          g[C - 1] = arguments[C];
-        D("error", n, g);
+        for (var p = arguments.length, g = new Array(p > 1 ? p - 1 : 0), x = 1; x < p; x++)
+          g[x - 1] = arguments[x];
+        P("error", n, g);
       }
     }
-    function D(n, p, g) {
+    function P(n, p, g) {
       {
-        var C = q.ReactDebugCurrentFrame, S = C.getStackAddendum();
+        var x = q.ReactDebugCurrentFrame, S = x.getStackAddendum();
         S !== "" && (p += "%s", g = g.concat([S]));
         var k = g.map(function(T) {
           return String(T);
@@ -61,26 +61,26 @@ function Ae() {
         k.unshift("Warning: " + p), Function.prototype.apply.call(console[n], console, k);
       }
     }
-    var I = !1, F = !1, B = !1, Y = !1, Jt = !1, yt;
-    yt = Symbol.for("react.module.reference");
-    function te(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === i || n === r || Jt || n === s || n === c || n === d || Y || n === b || I || F || B || typeof n == "object" && n !== null && (n.$$typeof === v || n.$$typeof === u || n.$$typeof === l || n.$$typeof === o || n.$$typeof === a || // This needs to include all possible module reference object
+    var I = !1, F = !1, B = !1, Y = !1, ee = !1, xt;
+    xt = Symbol.for("react.module.reference");
+    function ie(n) {
+      return !!(typeof n == "string" || typeof n == "function" || n === i || n === r || ee || n === s || n === c || n === d || Y || n === b || I || F || B || typeof n == "object" && n !== null && (n.$$typeof === v || n.$$typeof === u || n.$$typeof === l || n.$$typeof === o || n.$$typeof === a || // 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.
-      n.$$typeof === yt || n.getModuleId !== void 0));
+      n.$$typeof === xt || n.getModuleId !== void 0));
     }
-    function ee(n, p, g) {
-      var C = n.displayName;
-      if (C)
-        return C;
+    function se(n, p, g) {
+      var x = n.displayName;
+      if (x)
+        return x;
       var S = p.displayName || p.name || "";
       return S !== "" ? g + "(" + S + ")" : g;
     }
-    function wt(n) {
+    function Ct(n) {
       return n.displayName || "Context";
     }
-    function _(n) {
+    function $(n) {
       if (n == null)
         return null;
       if (typeof n.tag == "number" && M("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
@@ -105,19 +105,19 @@ function Ae() {
         switch (n.$$typeof) {
           case o:
             var p = n;
-            return wt(p) + ".Consumer";
+            return Ct(p) + ".Consumer";
           case l:
             var g = n;
-            return wt(g._context) + ".Provider";
+            return Ct(g._context) + ".Provider";
           case a:
-            return ee(n, n.render, "ForwardRef");
+            return se(n, n.render, "ForwardRef");
           case u:
-            var C = n.displayName || null;
-            return C !== null ? C : _(n.type) || "Memo";
+            var x = n.displayName || null;
+            return x !== null ? x : $(n.type) || "Memo";
           case v: {
             var S = n, k = S._payload, T = S._init;
             try {
-              return _(T(k));
+              return $(T(k));
             } catch {
               return null;
             }
@@ -125,18 +125,18 @@ function Ae() {
         }
       return null;
     }
-    var $ = Object.assign, Q = 0, Ct, xt, Tt, Et, St, Mt, kt;
-    function Ht() {
+    var _ = Object.assign, Q = 0, Tt, Et, St, Mt, kt, Ht, Lt;
+    function qt() {
     }
-    Ht.__reactDisabledLog = !0;
-    function ie() {
+    qt.__reactDisabledLog = !0;
+    function re() {
       {
         if (Q === 0) {
-          Ct = console.log, xt = console.info, Tt = console.warn, Et = console.error, St = console.group, Mt = console.groupCollapsed, kt = console.groupEnd;
+          Tt = console.log, Et = console.info, St = console.warn, Mt = console.error, kt = console.group, Ht = console.groupCollapsed, Lt = console.groupEnd;
           var n = {
             configurable: !0,
             enumerable: !0,
-            value: Ht,
+            value: qt,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -152,7 +152,7 @@ function Ae() {
         Q++;
       }
     }
-    function se() {
+    function ne() {
       {
         if (Q--, Q === 0) {
           var n = {
@@ -161,26 +161,26 @@ function Ae() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: $({}, n, {
-              value: Ct
-            }),
-            info: $({}, n, {
-              value: xt
-            }),
-            warn: $({}, n, {
+            log: _({}, n, {
               value: Tt
             }),
-            error: $({}, n, {
+            info: _({}, n, {
               value: Et
             }),
-            group: $({}, n, {
+            warn: _({}, n, {
               value: St
             }),
-            groupCollapsed: $({}, n, {
+            error: _({}, n, {
               value: Mt
             }),
-            groupEnd: $({}, n, {
+            group: _({}, n, {
               value: kt
+            }),
+            groupCollapsed: _({}, n, {
+              value: Ht
+            }),
+            groupEnd: _({}, n, {
+              value: Lt
             })
           });
         }
@@ -194,8 +194,8 @@ function Ae() {
           try {
             throw Error();
           } catch (S) {
-            var C = S.stack.trim().match(/\n( *(at )?)/);
-            ct = C && C[1] || "";
+            var x = S.stack.trim().match(/\n( *(at )?)/);
+            ct = x && x[1] || "";
           }
         return `
 ` + ct + n;
@@ -203,10 +203,10 @@ function Ae() {
     }
     var ht = !1, tt;
     {
-      var re = typeof WeakMap == "function" ? WeakMap : Map;
-      tt = new re();
+      var le = typeof WeakMap == "function" ? WeakMap : Map;
+      tt = new le();
     }
-    function qt(n, p) {
+    function At(n, p) {
       if (!n || ht)
         return "";
       {
@@ -214,12 +214,12 @@ function Ae() {
         if (g !== void 0)
           return g;
       }
-      var C;
+      var x;
       ht = !0;
       var S = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var k;
-      k = at.current, at.current = null, ie();
+      k = at.current, at.current = null, re();
       try {
         if (p) {
           var T = function() {
@@ -233,14 +233,14 @@ function Ae() {
             try {
               Reflect.construct(T, []);
             } catch (N) {
-              C = N;
+              x = N;
             }
             Reflect.construct(n, [], T);
           } else {
             try {
               T.call();
             } catch (N) {
-              C = N;
+              x = N;
             }
             n.call(T.prototype);
           }
@@ -248,39 +248,39 @@ function Ae() {
           try {
             throw Error();
           } catch (N) {
-            C = N;
+            x = N;
           }
           n();
         }
       } catch (N) {
-        if (N && C && typeof N.stack == "string") {
-          for (var x = N.stack.split(`
-`), P = C.stack.split(`
-`), L = x.length - 1, A = P.length - 1; L >= 1 && A >= 0 && x[L] !== P[A]; )
-            A--;
-          for (; L >= 1 && A >= 0; L--, A--)
-            if (x[L] !== P[A]) {
-              if (L !== 1 || A !== 1)
+        if (N && x && typeof N.stack == "string") {
+          for (var C = N.stack.split(`
+`), D = x.stack.split(`
+`), A = C.length - 1, R = D.length - 1; A >= 1 && R >= 0 && C[A] !== D[R]; )
+            R--;
+          for (; A >= 1 && R >= 0; A--, R--)
+            if (C[A] !== D[R]) {
+              if (A !== 1 || R !== 1)
                 do
-                  if (L--, A--, A < 0 || x[L] !== P[A]) {
+                  if (A--, R--, R < 0 || C[A] !== D[R]) {
                     var O = `
-` + x[L].replace(" at new ", " at ");
+` + C[A].replace(" at new ", " at ");
                     return n.displayName && O.includes("<anonymous>") && (O = O.replace("<anonymous>", n.displayName)), typeof n == "function" && tt.set(n, O), O;
                   }
-                while (L >= 1 && A >= 0);
+                while (A >= 1 && R >= 0);
               break;
             }
         }
       } finally {
-        ht = !1, at.current = k, se(), Error.prepareStackTrace = S;
+        ht = !1, at.current = k, ne(), Error.prepareStackTrace = S;
       }
       var U = n ? n.displayName || n.name : "", j = U ? J(U) : "";
       return typeof n == "function" && tt.set(n, j), j;
     }
-    function ne(n, p, g) {
-      return qt(n, !1);
+    function oe(n, p, g) {
+      return At(n, !1);
     }
-    function le(n) {
+    function ae(n) {
       var p = n.prototype;
       return !!(p && p.isReactComponent);
     }
@@ -288,7 +288,7 @@ function Ae() {
       if (n == null)
         return "";
       if (typeof n == "function")
-        return qt(n, le(n));
+        return At(n, ae(n));
       if (typeof n == "string")
         return J(n);
       switch (n) {
@@ -300,11 +300,11 @@ function Ae() {
       if (typeof n == "object")
         switch (n.$$typeof) {
           case a:
-            return ne(n.render);
+            return oe(n.render);
           case u:
             return et(n.type, p, g);
           case v: {
-            var C = n, S = C._payload, k = C._init;
+            var x = n, S = x._payload, k = x._init;
             try {
               return et(k(S), p, g);
             } catch {
@@ -313,64 +313,64 @@ function Ae() {
         }
       return "";
     }
-    var V = Object.prototype.hasOwnProperty, Lt = {}, It = q.ReactDebugCurrentFrame;
+    var V = Object.prototype.hasOwnProperty, It = {}, Rt = q.ReactDebugCurrentFrame;
     function it(n) {
       if (n) {
         var p = n._owner, g = et(n.type, n._source, p ? p.type : null);
-        It.setExtraStackFrame(g);
+        Rt.setExtraStackFrame(g);
       } else
-        It.setExtraStackFrame(null);
+        Rt.setExtraStackFrame(null);
     }
-    function oe(n, p, g, C, S) {
+    function ce(n, p, g, x, S) {
       {
         var k = Function.call.bind(V);
         for (var T in n)
           if (k(n, T)) {
-            var x = void 0;
+            var C = void 0;
             try {
               if (typeof n[T] != "function") {
-                var P = Error((C || "React class") + ": " + g + " type `" + T + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[T] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw P.name = "Invariant Violation", P;
+                var D = Error((x || "React class") + ": " + g + " type `" + T + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[T] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw D.name = "Invariant Violation", D;
               }
-              x = n[T](p, T, C, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (L) {
-              x = L;
+              C = n[T](p, T, x, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (A) {
+              C = A;
             }
-            x && !(x instanceof Error) && (it(S), M("%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).", C || "React class", g, T, typeof x), it(null)), x instanceof Error && !(x.message in Lt) && (Lt[x.message] = !0, it(S), M("Failed %s type: %s", g, x.message), it(null));
+            C && !(C instanceof Error) && (it(S), M("%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).", x || "React class", g, T, typeof C), it(null)), C instanceof Error && !(C.message in It) && (It[C.message] = !0, it(S), M("Failed %s type: %s", g, C.message), it(null));
           }
       }
     }
-    var ae = Array.isArray;
+    var he = Array.isArray;
     function dt(n) {
-      return ae(n);
+      return he(n);
     }
-    function ce(n) {
+    function de(n) {
       {
         var p = typeof Symbol == "function" && Symbol.toStringTag, g = p && n[Symbol.toStringTag] || n.constructor.name || "Object";
         return g;
       }
     }
-    function he(n) {
+    function ue(n) {
       try {
-        return At(n), !1;
+        return Zt(n), !1;
       } catch {
         return !0;
       }
     }
-    function At(n) {
+    function Zt(n) {
       return "" + n;
     }
-    function Rt(n) {
-      if (he(n))
-        return M("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ce(n)), At(n);
+    function Pt(n) {
+      if (ue(n))
+        return M("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", de(n)), Zt(n);
     }
-    var Zt = q.ReactCurrentOwner, de = {
+    var Dt = q.ReactCurrentOwner, pe = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Dt, Pt;
-    function ue(n) {
+    }, Nt, Ot;
+    function me(n) {
       if (V.call(n, "ref")) {
         var p = Object.getOwnPropertyDescriptor(n, "ref").get;
         if (p && p.isReactWarning)
@@ -378,7 +378,7 @@ function Ae() {
       }
       return n.ref !== void 0;
     }
-    function pe(n) {
+    function fe(n) {
       if (V.call(n, "key")) {
         var p = Object.getOwnPropertyDescriptor(n, "key").get;
         if (p && p.isReactWarning)
@@ -386,13 +386,13 @@ function Ae() {
       }
       return n.key !== void 0;
     }
-    function me(n, p) {
-      typeof n.ref == "string" && Zt.current;
+    function ge(n, p) {
+      typeof n.ref == "string" && Dt.current;
     }
-    function fe(n, p) {
+    function ve(n, p) {
       {
         var g = function() {
-          Dt || (Dt = !0, M("%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)", p));
+          Nt || (Nt = !0, M("%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)", p));
         };
         g.isReactWarning = !0, Object.defineProperty(n, "key", {
           get: g,
@@ -400,10 +400,10 @@ function Ae() {
         });
       }
     }
-    function ge(n, p) {
+    function be(n, p) {
       {
         var g = function() {
-          Pt || (Pt = !0, M("%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)", p));
+          Ot || (Ot = !0, M("%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)", p));
         };
         g.isReactWarning = !0, Object.defineProperty(n, "ref", {
           get: g,
@@ -411,8 +411,8 @@ function Ae() {
         });
       }
     }
-    var ve = function(n, p, g, C, S, k, T) {
-      var x = {
+    var ye = function(n, p, g, x, S, k, T) {
+      var C = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
@@ -423,58 +423,58 @@ function Ae() {
         // Record the component responsible for creating this element.
         _owner: k
       };
-      return x._store = {}, Object.defineProperty(x._store, "validated", {
+      return C._store = {}, Object.defineProperty(C._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(x, "_self", {
+      }), Object.defineProperty(C, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: C
-      }), Object.defineProperty(x, "_source", {
+        value: x
+      }), Object.defineProperty(C, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: S
-      }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
+      }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
     };
-    function be(n, p, g, C, S) {
+    function we(n, p, g, x, S) {
       {
-        var k, T = {}, x = null, P = null;
-        g !== void 0 && (Rt(g), x = "" + g), pe(p) && (Rt(p.key), x = "" + p.key), ue(p) && (P = p.ref, me(p, S));
+        var k, T = {}, C = null, D = null;
+        g !== void 0 && (Pt(g), C = "" + g), fe(p) && (Pt(p.key), C = "" + p.key), me(p) && (D = p.ref, ge(p, S));
         for (k in p)
-          V.call(p, k) && !de.hasOwnProperty(k) && (T[k] = p[k]);
+          V.call(p, k) && !pe.hasOwnProperty(k) && (T[k] = p[k]);
         if (n && n.defaultProps) {
-          var L = n.defaultProps;
-          for (k in L)
-            T[k] === void 0 && (T[k] = L[k]);
+          var A = n.defaultProps;
+          for (k in A)
+            T[k] === void 0 && (T[k] = A[k]);
         }
-        if (x || P) {
-          var A = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
-          x && fe(T, A), P && ge(T, A);
+        if (C || D) {
+          var R = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
+          C && ve(T, R), D && be(T, R);
         }
-        return ve(n, x, P, S, C, Zt.current, T);
+        return ye(n, C, D, S, x, Dt.current, T);
       }
     }
-    var ut = q.ReactCurrentOwner, Nt = q.ReactDebugCurrentFrame;
-    function W(n) {
+    var ut = q.ReactCurrentOwner, Bt = q.ReactDebugCurrentFrame;
+    function z(n) {
       if (n) {
         var p = n._owner, g = et(n.type, n._source, p ? p.type : null);
-        Nt.setExtraStackFrame(g);
+        Bt.setExtraStackFrame(g);
       } else
-        Nt.setExtraStackFrame(null);
+        Bt.setExtraStackFrame(null);
     }
     var pt;
     pt = !1;
     function mt(n) {
       return typeof n == "object" && n !== null && n.$$typeof === t;
     }
-    function Ot() {
+    function Ft() {
       {
         if (ut.current) {
-          var n = _(ut.current.type);
+          var n = $(ut.current.type);
           if (n)
             return `
 
@@ -483,13 +483,13 @@ Check the render method of \`` + n + "`.";
         return "";
       }
     }
-    function ye(n) {
+    function xe(n) {
       return "";
     }
-    var Bt = {};
-    function we(n) {
+    var $t = {};
+    function Ce(n) {
       {
-        var p = Ot();
+        var p = Ft();
         if (!p) {
           var g = typeof n == "string" ? n : n.displayName || n.name;
           g && (p = `
@@ -499,27 +499,27 @@ Check the top-level render call using <` + g + ">.");
         return p;
       }
     }
-    function Ft(n, p) {
+    function _t(n, p) {
       {
         if (!n._store || n._store.validated || n.key != null)
           return;
         n._store.validated = !0;
-        var g = we(p);
-        if (Bt[g])
+        var g = Ce(p);
+        if ($t[g])
           return;
-        Bt[g] = !0;
-        var C = "";
-        n && n._owner && n._owner !== ut.current && (C = " It was passed a child from " + _(n._owner.type) + "."), W(n), M('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, C), W(null);
+        $t[g] = !0;
+        var x = "";
+        n && n._owner && n._owner !== ut.current && (x = " It was passed a child from " + $(n._owner.type) + "."), z(n), M('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, x), z(null);
       }
     }
-    function _t(n, p) {
+    function jt(n, p) {
       {
         if (typeof n != "object")
           return;
         if (dt(n))
           for (var g = 0; g < n.length; g++) {
-            var C = n[g];
-            mt(C) && Ft(C, p);
+            var x = n[g];
+            mt(x) && _t(x, p);
           }
         else if (mt(n))
           n._store && (n._store.validated = !0);
@@ -527,11 +527,11 @@ Check the top-level render call using <` + g + ">.");
           var S = E(n);
           if (typeof S == "function" && S !== n.entries)
             for (var k = S.call(n), T; !(T = k.next()).done; )
-              mt(T.value) && Ft(T.value, p);
+              mt(T.value) && _t(T.value, p);
         }
       }
     }
-    function Ce(n) {
+    function Te(n) {
       {
         var p = n.type;
         if (p == null || typeof p == "string")
@@ -546,86 +546,86 @@ Check the top-level render call using <` + g + ">.");
         else
           return;
         if (g) {
-          var C = _(p);
-          oe(g, n.props, "prop", C, n);
+          var x = $(p);
+          ce(g, n.props, "prop", x, n);
         } else if (p.PropTypes !== void 0 && !pt) {
           pt = !0;
-          var S = _(p);
+          var S = $(p);
           M("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", S || "Unknown");
         }
         typeof p.getDefaultProps == "function" && !p.getDefaultProps.isReactClassApproved && M("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function xe(n) {
+    function Ee(n) {
       {
         for (var p = Object.keys(n.props), g = 0; g < p.length; g++) {
-          var C = p[g];
-          if (C !== "children" && C !== "key") {
-            W(n), M("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", C), W(null);
+          var x = p[g];
+          if (x !== "children" && x !== "key") {
+            z(n), M("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), z(null);
             break;
           }
         }
-        n.ref !== null && (W(n), M("Invalid attribute `ref` supplied to `React.Fragment`."), W(null));
+        n.ref !== null && (z(n), M("Invalid attribute `ref` supplied to `React.Fragment`."), z(null));
       }
     }
-    var $t = {};
-    function jt(n, p, g, C, S, k) {
+    var Wt = {};
+    function zt(n, p, g, x, S, k) {
       {
-        var T = te(n);
+        var T = ie(n);
         if (!T) {
-          var x = "";
-          (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (x += " 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 P = ye();
-          P ? x += P : x += Ot();
-          var L;
-          n === null ? L = "null" : dt(n) ? L = "array" : n !== void 0 && n.$$typeof === t ? (L = "<" + (_(n.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : L = typeof n, M("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", L, x);
+          var C = "";
+          (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (C += " 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 D = xe();
+          D ? C += D : C += Ft();
+          var A;
+          n === null ? A = "null" : dt(n) ? A = "array" : n !== void 0 && n.$$typeof === t ? (A = "<" + ($(n.type) || "Unknown") + " />", C = " Did you accidentally export a JSX literal instead of a component?") : A = typeof n, M("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", A, C);
         }
-        var A = be(n, p, g, S, k);
-        if (A == null)
-          return A;
+        var R = we(n, p, g, S, k);
+        if (R == null)
+          return R;
         if (T) {
           var O = p.children;
           if (O !== void 0)
-            if (C)
+            if (x)
               if (dt(O)) {
                 for (var U = 0; U < O.length; U++)
-                  _t(O[U], n);
+                  jt(O[U], n);
                 Object.freeze && Object.freeze(O);
               } else
                 M("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              _t(O, n);
+              jt(O, n);
         }
         if (V.call(p, "key")) {
-          var j = _(n), N = Object.keys(p).filter(function(He) {
-            return He !== "key";
+          var j = $(n), N = Object.keys(p).filter(function(qe) {
+            return qe !== "key";
           }), ft = N.length > 0 ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!$t[j + ft]) {
-            var ke = N.length > 0 ? "{" + N.join(": ..., ") + ": ...}" : "{}";
+          if (!Wt[j + ft]) {
+            var Le = N.length > 0 ? "{" + N.join(": ..., ") + ": ...}" : "{}";
             M(`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} />`, ft, j, ke, j), $t[j + ft] = !0;
+  <%s key={someKey} {...props} />`, ft, j, Le, j), Wt[j + ft] = !0;
           }
         }
-        return n === i ? xe(A) : Ce(A), A;
+        return n === i ? Ee(R) : Te(R), R;
       }
     }
-    function Te(n, p, g) {
-      return jt(n, p, g, !0);
+    function Se(n, p, g) {
+      return zt(n, p, g, !0);
     }
-    function Ee(n, p, g) {
-      return jt(n, p, g, !1);
+    function Me(n, p, g) {
+      return zt(n, p, g, !1);
     }
-    var Se = Ee, Me = Te;
-    K.Fragment = i, K.jsx = Se, K.jsxs = Me;
+    var ke = Me, He = Se;
+    K.Fragment = i, K.jsx = ke, K.jsxs = He;
   }()), K;
 }
-process.env.NODE_ENV === "production" ? bt.exports = Ie() : bt.exports = Ae();
-var Re = bt.exports;
-const Ze = {
+process.env.NODE_ENV === "production" ? wt.exports = Re() : wt.exports = Ze();
+var Pe = wt.exports;
+const De = {
   en: {
     dir: "ltr",
     file: "File",
@@ -760,7 +760,13 @@ const Ze = {
     insertimg: "Insert",
     dropimage: "Drop image here",
     uploading: "Uploading…",
-    uploadfailed: "Upload failed — click to retry"
+    uploadfailed: "Upload failed — click to retry",
+    template: "Templates",
+    tplimgleft: "Image left, text right",
+    tplimgright: "Image right, text left",
+    tplimgtop: "Image top, text below",
+    tplimgcenter: "Text top, image center",
+    deltemplate: "Delete template"
   },
   ar: {
     dir: "rtl",
@@ -896,13 +902,19 @@ const Ze = {
     insertimg: "إدراج",
     dropimage: "أسقط الصورة هنا",
     uploading: "جارٍ الرفع…",
-    uploadfailed: "فشل الرفع — انقر لإعادة المحاولة"
+    uploadfailed: "فشل الرفع — انقر لإعادة المحاولة",
+    template: "قوالب",
+    tplimgleft: "صورة يسار، نص يمين",
+    tplimgright: "صورة يمين، نص يسار",
+    tplimgtop: "صورة أعلى، نص أسفل",
+    tplimgcenter: "نص أعلى، صورة وسط",
+    deltemplate: "حذف القالب"
   }
 };
 function vt(m) {
-  return Ze[m];
+  return De[m];
 }
-const De = "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 changecase lineheight wordspacing | removeformat | blocks | ltr rtl | quickimage quicktable charmap | fullscreen sourcecode", Pe = "file edit view insert format tools table help", Ne = [
+const Ne = "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 changecase lineheight wordspacing | removeformat | blocks | ltr rtl | quickimage quicktable template charmap | fullscreen sourcecode", Oe = "file edit view insert format tools table help", Be = [
   ["Andale Mono", "andale mono,times"],
   ["Arial", "arial,helvetica,sans-serif"],
   ["Arial Black", "arial black,avant garde"],
@@ -922,7 +934,7 @@ const De = "undo redo | preview print | importword revhistory | fontfamily fonts
   ["Verdana", "verdana,geneva"],
   ["Webdings", "webdings"],
   ["Wingdings", "wingdings,zapf dingbats"]
-], Oe = ["8px", "9px", "10px", "11px", "12px", "14px", "16px", "18px", "20px", "24px", "28px", "32px", "36px", "48px", "72px", "96px"], Be = 1, Fe = 100, _e = ["1", "1.15", "1.4", "1.5", "1.75", "2", "2.5", "3"], $e = ["1px", "2px", "4px", "6px", "8px", "12px"], Ut = [
+], Fe = ["8px", "9px", "10px", "11px", "12px", "14px", "16px", "18px", "20px", "24px", "28px", "32px", "36px", "48px", "72px", "96px"], $e = 1, _e = 100, je = ["1", "1.15", "1.4", "1.5", "1.75", "2", "2.5", "3"], We = ["1px", "2px", "4px", "6px", "8px", "12px"], Yt = [
   ["p", "para"],
   ["h1", "heading1"],
   ["h2", "heading2"],
@@ -931,7 +943,7 @@ const De = "undo redo | preview print | importword revhistory | fontfamily fonts
   ["h5", "heading5"],
   ["h6", "heading6"],
   ["pre", "pre"]
-], je = ["#F76707", "#4263EB", "#CC5DE8"], ze = [
+], ze = ["#F76707", "#4263EB", "#CC5DE8"], Ue = [
   "#BFEDD2",
   "#FBEEB8",
   "#F8CAC6",
@@ -954,7 +966,7 @@ const De = "undo redo | preview print | importword revhistory | fontfamily fonts
   "#34495E",
   "#000000",
   "#FFFFFF"
-], We = [
+], Xe = [
   "©",
   "®",
   "™",
@@ -1003,7 +1015,7 @@ const De = "undo redo | preview print | importword revhistory | fontfamily fonts
   "ـ",
   "٠",
   "١"
-], R = (m, t) => `<svg viewBox="${t || "0 0 24 24"}">${m}</svg>`, y = (m) => R(`<path class="f" d="${m}"/>`, "0 -960 960 960"), st = (m, t = 7.5) => R(
+], L = (m, t) => `<svg viewBox="${t || "0 0 24 24"}">${m}</svg>`, y = (m) => L(`<path class="f" d="${m}"/>`, "0 -960 960 960"), st = (m, t = 7.5) => L(
   '<path d="M10 6h10M10 12h10M10 18h10"/>' + m.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("")
@@ -1050,7 +1062,7 @@ const De = "undo redo | preview print | importword revhistory | fontfamily fonts
   bullist: y(
     "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: R('<path d="M2 3.5 6 7.5 10 3.5"/>', "0 0 12 11"),
+  chev: L('<path d="M2 3.5 6 7.5 10 3.5"/>', "0 0 12 11"),
   backcolor: y(
     "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"
   ),
@@ -1069,17 +1081,17 @@ const De = "undo redo | preview print | importword revhistory | fontfamily fonts
   tableic: y(
     "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: R('<path d="M4 12h16"/>'),
+  hric: L('<path d="M4 12h16"/>'),
   charic: y(
     "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: R(
+  dateic: L(
     '<rect x="4" y="6" width="16" height="14" rx="1.5"/><path d="M4 10h16M8 4v4M16 4v4"/>'
   ),
   pbic: y(
     "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: R('<path d="M6 12v4h12v-4"/>'),
+  nbspic: L('<path d="M6 12v4h12v-4"/>'),
   srcic: y(
     "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"
   ),
@@ -1107,11 +1119,11 @@ const De = "undo redo | preview print | importword revhistory | fontfamily fonts
   subscriptic: y(
     "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: R('<path d="M6 3h8l5 5v13H6z"/><path d="M14 3v5h5"/>'),
-  helpic: R(
+  newic: L('<path d="M6 3h8l5 5v13H6z"/><path d="M14 3v5h5"/>'),
+  helpic: L(
     '<circle cx="12" cy="12" r="8.5"/><path d="M9.6 9.6a2.5 2.5 0 1 1 3.4 2.6c-.8.3-1 .9-1 1.8"/><circle class="f" cx="12" cy="16.6" r="1.1"/>'
   ),
-  wcic: R('<path d="M4 6h16M4 10h16M4 14h9"/><path d="M15 17.5l2 2 3.6-4"/>'),
+  wcic: L('<path d="M4 6h16M4 10h16M4 14h9"/><path d="M15 17.5l2 2 3.6-4"/>'),
   rowbefore: y(
     "M200-160h560v-240H200v240Zm640 80H120v-720h160v80h-80v240h560v-240h-80v-80h160v720ZM480-480Zm0 80v-80 80Zm0 0Zm-40-240v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z"
   ),
@@ -1130,9 +1142,6 @@ const De = "undo redo | preview print | importword revhistory | fontfamily fonts
   coldelete: y(
     "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-120H200ZM200-200h560v-560H200ZM400-200v-560h160v560H400ZM330-580l250 250 50-50-250-250ZM330-380l250-250 50 50-250 250Z"
   ),
-  tabledelete: R(
-    '<rect x="4" y="5" width="16" height="14" rx="1.5"/><path d="M4 10h16M4 14.5h16M9.5 5v14M14.5 5v14"/><path d="M6.5 6.5l11 11M17.5 6.5l-11 11" stroke-width="2.1"/>'
-  ),
   quote: y(
     "m228-240 92-160q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 23-5.5 42.5T458-480L320-240h-92Zm360 0 92-160q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 23-5.5 42.5T818-480L680-240h-92ZM362.5-517.5Q380-535 380-560t-17.5-42.5Q345-620 320-620t-42.5 17.5Q260-585 260-560t17.5 42.5Q295-500 320-500t42.5-17.5Zm360 0Q740-535 740-560t-17.5-42.5Q705-620 680-620t-42.5 17.5Q620-585 620-560t17.5 42.5Q655-500 680-500t42.5-17.5ZM680-560Zm-360 0Z"
   ),
@@ -1166,29 +1175,44 @@ const De = "undo redo | preview print | importword revhistory | fontfamily fonts
   historyic: y(
     "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: R(
+  wordic: L(
     '<path d="M6 3h8l5 5v13H6z"/><path d="M14 3v5h5"/><text x="8" y="17" font-size="8.5" stroke="none" fill="#222f3e" font-family="Arial" font-weight="bold">W</text>'
   ),
   draftic: y(
     "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: R(
+  trash: L(
     '<path d="M5 7h14M10 7V5h4v2M7.5 7l1 13h7l1-13"/>'
   ),
-  rotateleft: R(
+  templateic: L(
+    '<rect x="4" y="4" width="16" height="16" rx="1.5"/><rect x="6.5" y="6.5" width="5" height="5" rx=".5"/><path d="M14 7.5h3.5M14 10h3.5M6.5 14h11M6.5 17h11"/>'
+  ),
+  tplleft: L(
+    '<rect x="3" y="5" width="8" height="8" rx=".8"/><path d="M13.5 6.5H21M13.5 9.5H21M13.5 12.5H21M3 15.5h18M3 18.5h18"/>'
+  ),
+  tplright: L(
+    '<rect x="13" y="5" width="8" height="8" rx=".8"/><path d="M3 6.5h7.5M3 9.5h7.5M3 12.5h7.5M3 15.5h18M3 18.5h18"/>'
+  ),
+  tpltop: L(
+    '<rect x="5" y="3" width="14" height="9" rx=".8"/><path d="M3 15h18M3 18h18M3 21h12"/>'
+  ),
+  tplcenter: L(
+    '<path d="M3 4h18M3 7h18M3 10h12"/><rect x="5" y="12.5" width="14" height="9" rx=".8"/>'
+  ),
+  rotateleft: L(
     '<polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"/>'
   ),
-  rotateright: R(
+  rotateright: L(
     '<polyline points="23 4 23 10 17 10"/><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"/>'
   ),
-  fliphorizontal: R(
+  fliphorizontal: L(
     '<path d="M12 3v18"/><path d="M7 8l-4 4 4 4"/><path d="M17 8l4 4-4 4"/>'
   ),
-  flipvertical: R(
+  flipvertical: L(
     '<path d="M3 12h18"/><path d="M8 7l4-4 4 4"/><path d="M8 17l4 4 4-4"/>'
   ),
-  check: R('<path d="M5 12.5 9.5 17 19 7"/>'),
-  palette: R(
+  check: L('<path d="M5 12.5 9.5 17 19 7"/>'),
+  palette: L(
     '<path d="M12 3a9 9 0 1 0 0 18h1.2a2 2 0 0 0 2-2 2 2 0 0 1 2-2H18a3 3 0 0 0 3-3c0-6.1-4.5-11-9-11z"/><circle class="f" cx="7.8" cy="10.2" r="1.3"/><circle class="f" cx="11.6" cy="7.3" r="1.3"/><circle class="f" cx="15.8" cy="9.6" r="1.3"/><circle class="f" cx="9" cy="14.8" r="1.3"/>'
   ),
   ul_circle: y(
@@ -1201,7 +1225,7 @@ const De = "undo redo | preview print | importword revhistory | fontfamily fonts
   ol_roman: st(["i", "ii", "iii"], 6.5),
   ol_alphau: st(["A", "B", "C"]),
   ol_romanu: st(["I", "II", "III"], 6.5)
-}, Ue = /* @__PURE__ */ new Set([
+}, Ye = /* @__PURE__ */ new Set([
   "p",
   "div",
   "span",
@@ -1243,7 +1267,7 @@ const De = "undo redo | preview print | importword revhistory | fontfamily fonts
   "figure",
   "figcaption",
   "mark"
-]), Xe = /* @__PURE__ */ new Set([
+]), Qe = /* @__PURE__ */ new Set([
   "text-align",
   "direction",
   "unicode-bidi",
@@ -1299,7 +1323,7 @@ const De = "undo redo | preview print | importword revhistory | fontfamily fonts
   "box-sizing",
   "list-style-type",
   "white-space"
-]), Xt = {
+]), Qt = {
   "*": ["dir", "lang", "colspan", "rowspan"],
   a: ["href", "target", "rel", "title"],
   img: ["src", "alt", "width", "height", "title"],
@@ -1315,13 +1339,13 @@ function ot(m) {
     s < 1 || (t[i.slice(0, s).trim().toLowerCase()] = i.slice(s + 1).trim());
   }), t;
 }
-function Ye(m) {
+function Ve(m) {
   return m.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 Qe(m) {
+function Ge(m) {
   return /^[0-9]+[\.\)،]/.test(m) ? { ordered: !0 } : /^[٠-٩۰-۹]+/.test(m) ? { ordered: !0, style: "arabic-indic" } : /^[ivxlc]{2,}[\.\)]/.test(m) ? { ordered: !0, style: "lower-roman" } : /^[IVXLC]{2,}[\.\)]/.test(m) ? { ordered: !0, style: "upper-roman" } : /^[a-z][\.\)]/.test(m) ? { ordered: !0, style: "lower-alpha" } : /^[A-Z][\.\)]/.test(m) ? { ordered: !0, style: "upper-alpha" } : /^[ء-ي][\.\)،-]/.test(m) ? { ordered: !0, style: "arabic-indic" } : { ordered: !1 };
 }
-function Ve(m) {
+function Ke(m) {
   const t = (s) => {
     const r = (s.getAttribute("style") || "") + " " + (s.className || "");
     return /mso-list\s*:(?!\s*ignore)/i.test(r) || /MsoListParagraph/i.test(r);
@@ -1337,10 +1361,10 @@ function Ve(m) {
   }), e.forEach((s) => {
     const r = [], l = s[0];
     s.forEach((o) => {
-      var q, M, D;
+      var q, M, P;
       const c = +(((q = (o.getAttribute("style") || "").match(/level(\d+)/i)) == null ? void 0 : q[1]) || 1), d = Array.from(o.querySelectorAll("span")).find(
         (I) => /mso-list\s*:\s*ignore/i.test(I.getAttribute("style") || "")
-      ), u = d ? ((M = d.textContent) == null ? void 0 : M.trim()) || "" : (((D = o.textContent) == null ? void 0 : D.trim().match(/^\S{1,4}/)) || [""])[0], { ordered: v, style: b } = Qe(u);
+      ), u = d ? ((M = d.textContent) == null ? void 0 : M.trim()) || "" : (((P = o.textContent) == null ? void 0 : P.trim().match(/^\S{1,4}/)) || [""])[0], { ordered: v, style: b } = Ge(u);
       for (d && d.remove(); r.length && r[r.length - 1].level > c; ) r.pop();
       if (!r.length || r[r.length - 1].level < c) {
         const I = m.createElement(v ? "ol" : "ul");
@@ -1357,13 +1381,13 @@ function Ve(m) {
     });
   });
 }
-function Ge(m) {
+function Je(m) {
   m.querySelectorAll('b[id^="docs-internal-guid"]').forEach((t) => {
     for (; t.firstChild; ) t.parentNode.insertBefore(t.firstChild, t);
     t.remove();
   });
 }
-function Ke(m) {
+function ti(m) {
   m.querySelectorAll("table").forEach((t) => {
     const e = t;
     ot(e)["border-collapse"] || (e.style.borderCollapse = "collapse");
@@ -1390,7 +1414,7 @@ function nt(m, t) {
     }
     if (e.nodeType !== Node.ELEMENT_NODE) return;
     const i = e, s = i.tagName.toLowerCase();
-    if (!Ue.has(s)) {
+    if (!Ye.has(s)) {
       if (s === "font") {
         const a = t.createElement("span");
         i.getAttribute("style") && a.setAttribute("style", i.getAttribute("style")), i.getAttribute("color") && (a.style.color = i.getAttribute("color")), i.getAttribute("face") && (a.style.fontFamily = i.getAttribute("face"));
@@ -1415,7 +1439,7 @@ function nt(m, t) {
       i.remove();
       return;
     }
-    const r = /* @__PURE__ */ new Set([...Xt["*"] || [], ...Xt[s] || []]);
+    const r = /* @__PURE__ */ new Set([...Qt["*"] || [], ...Qt[s] || []]);
     if (Array.from(i.attributes).forEach((a) => {
       const c = a.name.toLowerCase();
       c !== "style" && !r.has(c) && i.removeAttribute(a.name);
@@ -1433,14 +1457,14 @@ function nt(m, t) {
     }
     const l = ot(i), o = [];
     for (const [a, c] of Object.entries(l))
-      Xe.has(a) && (/expression|javascript|url\s*\(\s*['"]?\s*file:/i.test(c) || a === "font-weight" && /^(400|normal)$/i.test(c) || a === "font-style" && /^normal$/i.test(c) || a === "text-decoration" && /^none$/i.test(c) || o.push(a + ":" + c));
+      Qe.has(a) && (/expression|javascript|url\s*\(\s*['"]?\s*file:/i.test(c) || a === "font-weight" && /^(400|normal)$/i.test(c) || a === "font-style" && /^normal$/i.test(c) || a === "text-decoration" && /^none$/i.test(c) || o.push(a + ":" + c));
     if (o.length ? i.setAttribute("style", o.join(";")) : i.removeAttribute("style"), i.removeAttribute("class"), nt(i, t), s === "span" && !i.attributes.length) {
       for (; i.firstChild; ) i.parentNode.insertBefore(i.firstChild, i);
       i.remove();
     }
   });
 }
-function Je(m) {
+function ei(m) {
   const t = [], e = /<style[^>]*>([\s\S]*?)<\/style>/gi;
   let i;
   for (; i = e.exec(m); ) {
@@ -1458,7 +1482,7 @@ function Je(m) {
   }
   return t;
 }
-function ti(m, t) {
+function ii(m, t) {
   if (!t.length) return;
   const e = /* @__PURE__ */ new Map();
   t.forEach(({ sel: i, decls: s }) => {
@@ -1481,18 +1505,18 @@ function ti(m, t) {
     s.setAttribute("style", d ? c + ";" + d : c);
   });
 }
-function Kt(m) {
+function te(m) {
   return m.replace(/[ﭐ-﷿ﹰ-ﻼ]+/g, (t) => t.normalize("NFKC"));
 }
-function ei(m) {
+function si(m) {
   const t = m.createTreeWalker(m.body, NodeFilter.SHOW_TEXT, null);
   let e;
   for (; e = t.nextNode(); )
-    /[ﭐ-﷿ﹰ-ﻼ]/.test(e.nodeValue || "") && (e.nodeValue = Kt(e.nodeValue || ""));
+    /[ﭐ-﷿ﹰ-ﻼ]/.test(e.nodeValue || "") && (e.nodeValue = te(e.nodeValue || ""));
 }
-function ii(m, t = "ltr") {
-  const e = Je(m), i = new DOMParser().parseFromString(Ye(m), "text/html");
-  ti(i, e), /class="?Mso|mso-|urn:schemas-microsoft-com/i.test(i.body.innerHTML) && Ve(i), Ge(i), Ke(i), nt(i.body, i), ei(i);
+function ri(m, t = "ltr") {
+  const e = ei(m), i = new DOMParser().parseFromString(Ve(m), "text/html");
+  ii(i, e), /class="?Mso|mso-|urn:schemas-microsoft-com/i.test(i.body.innerHTML) && Ke(i), Je(i), ti(i), nt(i.body, i), si(i);
   const s = (r) => {
     var l;
     return r && r.tagName === "P" && !((l = r.textContent) != null && l.trim()) && !r.querySelector("img,table");
@@ -1501,11 +1525,11 @@ function ii(m, t = "ltr") {
   for (; s(i.body.lastElementChild); ) i.body.lastElementChild.remove();
   return i.body.innerHTML.trim();
 }
-function si(m) {
-  const t = Kt(m).replace(/\r/g, ""), e = (i) => i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+function ni(m) {
+  const t = te(m).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 ri(m) {
+function li(m) {
   const t = new DataView(m), e = /* @__PURE__ */ new Map();
   let i = -1;
   for (let o = m.byteLength - 22; o >= Math.max(0, m.byteLength - 22 - 65535); o--)
@@ -1523,7 +1547,7 @@ function ri(m) {
   }
   return e;
 }
-async function Yt(m, t) {
+async function Vt(m, t) {
   const e = new DataView(m, 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), r = t.localOffset + 30 + i + s, l = new Uint8Array(m.slice(r, r + t.compSize));
@@ -1532,7 +1556,7 @@ async function Yt(m, t) {
   const o = new Blob([l]).stream().pipeThrough(new DecompressionStream("deflate-raw"));
   return new Uint8Array(await new Response(o).arrayBuffer());
 }
-const Qt = (m) => m.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), lt = (m, t) => Array.from(m.children).filter((e) => e.localName === t), Z = (m, ...t) => {
+const Gt = (m) => m.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), lt = (m, t) => Array.from(m.children).filter((e) => e.localName === t), Z = (m, ...t) => {
   let e = m;
   for (const i of t) {
     if (!e) return null;
@@ -1549,7 +1573,7 @@ const Qt = (m) => m.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
   if (!e) return !1;
   const i = H(e);
   return i !== "false" && i !== "0";
-}, Vt = {
+}, Kt = {
   yellow: "#FFFF00",
   green: "#00FF00",
   cyan: "#00FFFF",
@@ -1566,7 +1590,7 @@ const Qt = (m) => m.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
   lightGray: "#D3D3D3",
   black: "#000000",
   white: "#FFFFFF"
-}, ni = {
+}, oi = {
   png: "image/png",
   jpg: "image/jpeg",
   jpeg: "image/jpeg",
@@ -1574,13 +1598,13 @@ const Qt = (m) => m.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
   bmp: "image/bmp",
   webp: "image/webp"
 };
-function li(m) {
+function ai(m) {
   let t = "";
   for (let e = 0; e < m.length; e += 32768)
     t += String.fromCharCode(...m.subarray(e, e + 32768));
   return btoa(t);
 }
-class oi {
+class ci {
   constructor(t, e, i) {
     this.rels = t, this.images = e, this.numFmt = i;
   }
@@ -1631,7 +1655,7 @@ class oi {
         const r = H(i, "anchor");
         !s && r && (s = "#" + r);
         const l = this.runsOf(i);
-        e += s ? `<a href="${Qt(s)}">${l}</a>` : l;
+        e += s ? `<a href="${Gt(s)}">${l}</a>` : l;
       } else (i.localName === "smartTag" || i.localName === "ins") && (e += this.runsOf(i));
     return e;
   }
@@ -1639,12 +1663,12 @@ class oi {
     const e = Z(t, "rPr");
     let i = "";
     for (const u of Array.from(t.children))
-      u.localName === "t" ? i += Qt(u.textContent || "") : u.localName === "br" || u.localName === "cr" ? i += "<br>" : u.localName === "tab" ? i += "&emsp;" : (u.localName === "drawing" || u.localName === "pict" || u.localName === "object") && (i += this.convertImage(u));
+      u.localName === "t" ? i += Gt(u.textContent || "") : u.localName === "br" || u.localName === "cr" ? i += "<br>" : u.localName === "tab" ? i += "&emsp;" : (u.localName === "drawing" || u.localName === "pict" || u.localName === "object") && (i += this.convertImage(u));
     if (!i) return "";
     const s = [], r = H(e ? Z(e, "color") : null);
     r && r !== "auto" && s.push("color:#" + r);
     const l = H(e ? Z(e, "highlight") : null);
-    l && Vt[l] && s.push("background-color:" + Vt[l]);
+    l && Kt[l] && s.push("background-color:" + Kt[l]);
     const o = parseFloat(H(e ? Z(e, "sz") : null));
     o && s.push("font-size:" + Math.round(o / 2 * (4 / 3)) + "px");
     const a = e ? Z(e, "rFonts") : null, c = H(a, "ascii") || H(a, "cs");
@@ -1683,10 +1707,10 @@ class oi {
     return e + "</tbody></table>";
   }
 }
-async function ai(m) {
-  const t = m instanceof ArrayBuffer ? m : await m.arrayBuffer(), e = ri(t), i = new TextDecoder(), s = async (f) => {
+async function hi(m) {
+  const t = m instanceof ArrayBuffer ? m : await m.arrayBuffer(), e = li(t), i = new TextDecoder(), s = async (f) => {
     const w = e.get(f);
-    return w ? new DOMParser().parseFromString(i.decode(await Yt(t, w)), "application/xml") : null;
+    return w ? new DOMParser().parseFromString(i.decode(await Vt(t, w)), "application/xml") : null;
   }, r = await s("word/document.xml"), l = r == null ? void 0 : r.getElementsByTagName("*");
   let o = null;
   if (l) {
@@ -1708,10 +1732,10 @@ async function ai(m) {
   for (const [f, w] of c) {
     const E = w.startsWith("/") ? w.slice(1) : "word/" + w.replace(/^\.\//, ""), q = e.get(E);
     if (!q) continue;
-    const M = (E.split(".").pop() || "").toLowerCase(), D = ni[M];
-    if (D)
+    const M = (E.split(".").pop() || "").toLowerCase(), P = oi[M];
+    if (P)
       try {
-        u.set(f, `data:${D};base64,${li(await Yt(t, q))}`);
+        u.set(f, `data:${P};base64,${ai(await Vt(t, q))}`);
       } catch {
       }
   }
@@ -1720,8 +1744,8 @@ async function ai(m) {
     const f = /* @__PURE__ */ new Map(), w = Array.from(b.getElementsByTagName("*"));
     for (const E of w) {
       if (E.localName !== "abstractNum") continue;
-      const q = H(E, "abstractNumId"), M = lt(E, "lvl").find((I) => H(I, "ilvl") === "0") || lt(E, "lvl")[0], D = M ? H(Z(M, "numFmt")) : "";
-      f.set(q, D === "bullet" ? "ul" : "ol");
+      const q = H(E, "abstractNumId"), M = lt(E, "lvl").find((I) => H(I, "ilvl") === "0") || lt(E, "lvl")[0], P = M ? H(Z(M, "numFmt")) : "";
+      f.set(q, P === "bullet" ? "ul" : "ol");
     }
     for (const E of w) {
       if (E.localName !== "num") continue;
@@ -1729,13 +1753,23 @@ async function ai(m) {
       v.set(q, f.get(M) || "ul");
     }
   }
-  return new oi(a, u, v).convertBody(o);
+  return new ci(a, u, v).convertBody(o);
 }
-const ci = ["nw", "ne", "sw", "se"];
-var z;
-let hi = (z = class {
+const di = ["nw", "ne", "sw", "se"], bt = ["img-left", "img-right", "img-top", "img-center"], yt = {
+  "img-left": "tplimgleft",
+  "img-right": "tplimgright",
+  "img-top": "tplimgtop",
+  "img-center": "tplimgcenter"
+}, ui = {
+  "img-left": h.tplleft,
+  "img-right": h.tplright,
+  "img-top": h.tpltop,
+  "img-center": h.tplcenter
+};
+var W;
+let pi = (W = class {
   constructor(t) {
-    this.lang = "en", this.contentClass = "fable-content-" + z.instanceCounter++, this.contentStyleEl = null, this.savedRange = null, this.foreColor = "#000000", this.backColor = "#FACC15", this.openPop = null, this.openSubEl = null, this.popAnchor = null, this.dlgOvl = null, this.tblActive = null, this.tblCorner = null, this.tblColBars = [], this.tblCtx = null, this.tblCellMark = null, this.tblOpMark = null, this.tblOpMarkKind = null, this.imgActive = null, this.imgHandles = [], this.imgCtx = null, this.imgHideTimer = null, this.phActive = null, this.phCtx = null, this.phUploadTarget = null, this.selCtx = null, this.revisions = [], this.revTimer = null, this.draftTimer = null, this.draftStorageKey = "", this.listeners = [], this.isDestroyed = !1, this.options = {
+    this.lang = "en", this.contentClass = "fable-content-" + W.instanceCounter++, this.contentStyleEl = null, this.savedRange = null, this.foreColor = "#000000", this.backColor = "#FACC15", this.openPop = null, this.openSubEl = null, this.popAnchor = null, this.dlgOvl = null, this.tblActive = null, this.tblCorner = null, this.tblColBars = [], this.tblCtx = null, this.tblCellMark = null, this.tblOpMark = null, this.tblOpMarkKind = null, this.imgActive = null, this.imgHandles = [], this.imgCtx = null, this.imgHideTimer = null, this.phActive = null, this.phCtx = null, this.phUploadTarget = null, this.selCtx = null, this.tplActive = null, this.tplCtx = null, this.revisions = [], this.revTimer = null, this.draftTimer = null, this.draftStorageKey = "", this.listeners = [], this.isDestroyed = !1, this.options = {
       target: t.target,
       language: t.language || "en",
       height: t.height ?? 302,
@@ -1749,7 +1783,7 @@ let hi = (z = class {
       statusbar: t.statusbar ?? !0,
       readonly: t.readonly ?? !1,
       draftKey: t.draftKey ?? (typeof location < "u" ? location.pathname : "default"),
-      fontFamilyFormats: t.fontFamilyFormats ?? Ne,
+      fontFamilyFormats: t.fontFamilyFormats ?? Be,
       imageFileTypes: t.imageFileTypes ?? ["image/jpeg", "image/jpg", "image/png", "image/gif", "image/bmp", "image/webp"]
     }, this.imageUploadHandler = t.imageUploadHandler, this.onImageUploadError = t.onImageUploadError, this.contentStyle = t.contentStyle, this.lang = this.options.language, this.draftStorageKey = "tmclone-draft:" + this.options.draftKey, this.initDOM(), this.bindEvents(), this.initUI(), this.recordRevision(), this.options.onReady(this);
   }
@@ -1806,9 +1840,9 @@ let hi = (z = class {
       const t = window.getSelection();
       t && this.ed.contains(t.anchorNode) ? (this.saveSel(), this.refreshState(), this.updateSelToolbar(t), this.positionCellMarker()) : this.clearSelToolbar();
     }), this.on(this.ed, "input", () => {
-      this.refreshState(), this.onChange(), this.positionTableHandles(), this.positionImageHandles(), this.positionImgPhCtx();
+      this.refreshState(), this.onChange(), this.positionTableHandles(), this.positionImageHandles(), this.positionImgPhCtx(), this.positionTplCtx();
     }), this.on(this.ed, "keydown", (t) => {
-      t.altKey && t.key === "0" && (t.preventDefault(), this.helpDlg());
+      t.altKey && t.key === "0" && (t.preventDefault(), this.helpDlg()), (t.key === "Delete" || t.key === "Backspace") && this.phActive && (t.preventDefault(), this.removeImgPlaceholder());
     }), this.on(this.ed, "paste", (t) => this.handlePaste(t)), this.on(this.ed, "drop", (t) => {
       var s, r, l;
       t.preventDefault();
@@ -1817,13 +1851,15 @@ let hi = (z = class {
       const i = Array.from(((l = t.dataTransfer) == null ? void 0 : l.files) || []).find((o) => o.type.startsWith("image/"));
       i && this.readImageFileInto(i, e);
     }), this.on(this.ed, "dragover", (t) => t.preventDefault()), this.on(this.ed, "mousedown", (t) => {
-      var l, o, a;
-      const e = t.target, i = (l = e.closest) == null ? void 0 : l.call(e, "table");
+      var o, a, c, d;
+      const e = t.target, i = (o = e.closest) == null ? void 0 : o.call(e, "table");
       i && this.ed.contains(i) ? this.selectTableForResize(i) : this.clearTableHandles();
-      const s = (o = e.closest) == null ? void 0 : o.call(e, ".img-ph");
-      s && this.ed.contains(s) && !this.options.readonly ? (t.preventDefault(), this.selectImgPlaceholder(s)) : this.clearImgPlaceholderSel();
-      const r = (a = e.closest) == null ? void 0 : a.call(e, "img");
-      r && this.ed.contains(r) && !this.options.readonly ? (t.preventDefault(), this.selectImage(r)) : this.clearImageHandles();
+      const s = (a = e.closest) == null ? void 0 : a.call(e, ".img-ph");
+      s && this.ed.contains(s) && !this.options.readonly ? (t.preventDefault(), this.ed.focus(), this.selectImgPlaceholder(s)) : this.clearImgPlaceholderSel();
+      const r = (c = e.closest) == null ? void 0 : c.call(e, ".tpl");
+      r && this.ed.contains(r) && !this.options.readonly ? this.selectTemplate(r) : this.clearTplSel();
+      const l = (d = e.closest) == null ? void 0 : d.call(e, "img");
+      l && this.ed.contains(l) && !this.options.readonly ? (t.preventDefault(), this.selectImage(l)) : this.clearImageHandles();
     }), this.on(this.ed, "mouseover", (t) => {
       var i, s;
       if (this.options.readonly) return;
@@ -1836,15 +1872,15 @@ let hi = (z = class {
       const i = t.relatedTarget;
       i && ((l = this.imgCtx) != null && l.contains(i) || this.imgHandles.some((a) => a.contains(i)) || ((o = i.closest) == null ? void 0 : o.call(i, "img")) === e) || this.scheduleImgHide();
     }), this.on(this.ed, "scroll", () => {
-      this.positionTableHandles(), this.positionImageHandles(), this.positionImgPhCtx();
+      this.positionTableHandles(), this.positionImageHandles(), this.positionImgPhCtx(), this.positionTplCtx();
     }), this.onWin(
       "scroll",
       () => {
-        this.positionTableHandles(), this.positionImageHandles(), this.positionImgPhCtx(), this.repositionSelToolbar();
+        this.positionTableHandles(), this.positionImageHandles(), this.positionImgPhCtx(), this.positionTplCtx(), this.repositionSelToolbar();
       },
       !0
     ), this.onWin("resize", () => {
-      this.positionTableHandles(), this.positionImageHandles(), this.positionImgPhCtx(), this.repositionSelToolbar();
+      this.positionTableHandles(), this.positionImageHandles(), this.positionImgPhCtx(), this.positionTplCtx(), this.repositionSelToolbar();
     }), this.on(this.imgInput, "change", () => {
       var s;
       const t = (s = this.imgInput.files) == null ? void 0 : s[0];
@@ -1867,7 +1903,7 @@ let hi = (z = class {
       const t = (e = this.docInput.files) == null ? void 0 : e[0];
       t && this.importWordFile(t).catch(() => alert(this.t("importfail")));
     }), this.onDoc("mousedown", (t) => {
-      this.ed.contains(t.target) || t.target === this.tblCorner || this.tblColBars.includes(t.target) || this.tblCtx && this.tblCtx.contains(t.target) || this.imgHandles.includes(t.target) || this.imgCtx && this.imgCtx.contains(t.target) || this.phCtx && this.phCtx.contains(t.target) || this.selCtx && this.selCtx.contains(t.target) || this.openPop && this.openPop.contains(t.target) || this.openSubEl && this.openSubEl.contains(t.target) || (this.clearTableHandles(), this.clearImageHandles(), this.clearImgPlaceholderSel(), this.clearSelToolbar());
+      this.ed.contains(t.target) || t.target === this.tblCorner || this.tblColBars.includes(t.target) || this.tblCtx && this.tblCtx.contains(t.target) || this.imgHandles.includes(t.target) || this.imgCtx && this.imgCtx.contains(t.target) || this.phCtx && this.phCtx.contains(t.target) || this.tplCtx && this.tplCtx.contains(t.target) || this.selCtx && this.selCtx.contains(t.target) || this.openPop && this.openPop.contains(t.target) || this.openSubEl && this.openSubEl.contains(t.target) || (this.clearTableHandles(), this.clearImageHandles(), this.clearImgPlaceholderSel(), this.clearTplSel(), this.clearSelToolbar());
     });
   }
   on(t, e, i) {
@@ -1884,7 +1920,7 @@ let hi = (z = class {
     return this.ed.innerHTML;
   }
   setContent(t) {
-    this.ed.innerHTML = t || "<p><br></p>", this.refreshState(), this.clearTableHandles(), this.clearImageHandles(), this.clearImgPlaceholderSel(), this.clearSelToolbar(), this.onChange();
+    this.ed.innerHTML = t || "<p><br></p>", this.refreshState(), this.clearTableHandles(), this.clearImageHandles(), this.clearImgPlaceholderSel(), this.clearTplSel(), this.clearSelToolbar(), this.onChange();
   }
   insertContent(t) {
     this.restoreSel(), document.execCommand("insertHTML", !1, t), this.saveSel(), this.refreshState(), this.onChange();
@@ -1896,7 +1932,7 @@ let hi = (z = class {
     this.ed.focus();
   }
   async importWordFile(t) {
-    const e = await ai(t);
+    const e = await hi(t);
     this.recordRevision(), this.setContent(e), this.recordRevision();
   }
   restoreDraft() {
@@ -1917,7 +1953,7 @@ let hi = (z = class {
     return this.revisions.slice();
   }
   destroy() {
-    this.isDestroyed || (this.isDestroyed = !0, this.revTimer != null && window.clearTimeout(this.revTimer), this.draftTimer != null && window.clearTimeout(this.draftTimer), this.closePop(), this.closeDlg(), this.clearTableHandles(), this.clearImageHandles(), this.clearImgPlaceholderSel(), this.clearSelToolbar(), this.listeners.forEach((t) => t()), this.listeners = [], this.shell && this.shell.parentNode && this.shell.parentNode.removeChild(this.shell), this.imgInput && this.imgInput.parentNode && this.imgInput.parentNode.removeChild(this.imgInput), this.docInput && this.docInput.parentNode && this.docInput.parentNode.removeChild(this.docInput), this.contentStyleEl = null);
+    this.isDestroyed || (this.isDestroyed = !0, this.revTimer != null && window.clearTimeout(this.revTimer), this.draftTimer != null && window.clearTimeout(this.draftTimer), this.closePop(), this.closeDlg(), this.clearTableHandles(), this.clearImageHandles(), this.clearImgPlaceholderSel(), this.clearTplSel(), this.clearSelToolbar(), this.listeners.forEach((t) => t()), this.listeners = [], this.shell && this.shell.parentNode && this.shell.parentNode.removeChild(this.shell), this.imgInput && this.imgInput.parentNode && this.imgInput.parentNode.removeChild(this.imgInput), this.docInput && this.docInput.parentNode && this.docInput.parentNode.removeChild(this.docInput), this.contentStyleEl = null);
   }
   /* ---------------------------------------------------------- selection */
   saveSel() {
@@ -2094,7 +2130,7 @@ let hi = (z = class {
       return r.type = "button", r.className = "cchip", r.title = s, r.addEventListener("mousedown", (l) => {
         l.preventDefault(), this.saveSel();
       }), r;
-    }, e = je.map((s) => {
+    }, e = ze.map((s) => {
       const r = t(this.t("forecolor"));
       return r.style.background = s, r.addEventListener("click", () => this.applyColor("fore", s)), r;
     }), i = t(this.t("forecolor"));
@@ -2152,7 +2188,7 @@ let hi = (z = class {
   colorMenu(t, e) {
     this.popup(t, (i) => {
       const s = document.createElement("div");
-      s.className = "cpal", ze.forEach((u) => {
+      s.className = "cpal", Ue.forEach((u) => {
         const v = document.createElement("button");
         v.style.background = u, v.title = u, v.addEventListener("click", () => {
           this.closePop(), this.applyColor(e, u);
@@ -2199,7 +2235,7 @@ let hi = (z = class {
     this.popup(t, (e) => {
       this.menuItems(
         e,
-        Oe.map((i) => ({
+        Fe.map((i) => ({
           label: i,
           on: this.currentSize() === i,
           action: () => this.applyFontSize(i)
@@ -2251,7 +2287,7 @@ let hi = (z = class {
     this.saveSel(), this.refreshState(), this.onChange();
   }
   stepFontSize(t) {
-    const e = parseInt(this.currentSize(), 10) || 14, i = Math.min(Fe, Math.max(Be, e + t));
+    const e = parseInt(this.currentSize(), 10) || 14, i = Math.min(_e, Math.max($e, e + t));
     i !== e && this.applyFontSize(i + "px");
   }
   /* ------------------------------------------------ case / spacing / link */
@@ -2293,7 +2329,7 @@ let hi = (z = class {
     this.popup(t, (i) => {
       this.menuItems(i, [
         { label: this.t("normal"), on: !e, action: () => this.applyBlockStyle("lineHeight", "") },
-        ..._e.map((s) => ({
+        ...je.map((s) => ({
           label: s,
           on: e === s,
           action: () => this.applyBlockStyle("lineHeight", s)
@@ -2306,7 +2342,7 @@ let hi = (z = class {
     this.popup(t, (i) => {
       this.menuItems(i, [
         { label: this.t("normal"), on: !e, action: () => this.applyBlockStyle("wordSpacing", "") },
-        ...$e.map((s) => ({
+        ...We.map((s) => ({
           label: s,
           on: e === s,
           action: () => this.applyBlockStyle("wordSpacing", s)
@@ -2368,7 +2404,7 @@ let hi = (z = class {
     this.popup(t, (e) => {
       this.menuItems(
         e,
-        Ut.map(([i, s]) => ({
+        Yt.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,
@@ -2471,6 +2507,7 @@ let hi = (z = class {
       rtl: () => this.tbtn(h.rtl, this.t("rtl"), () => this.setDir("rtl"), "rtl"),
       quickimage: () => this.tbtn(h.image, this.t("quickimage"), () => this.insertImagePlaceholder()),
       quicktable: () => t,
+      template: () => this.menuTbtn(h.templateic, this.t("template"), (e) => this.templateMenu(e)),
       charmap: () => this.tbtn(h.charic, this.t("charmap"), () => this.charMap()),
       fullscreen: () => this.tbtn(h.fullscreen, this.t("fullscreen"), () => this.toggleFullscreen(), "fullscreen"),
       sourcecode: () => this.tbtn(h.srcic, this.t("sourcecode"), () => this.sourceDlg())
@@ -2478,7 +2515,7 @@ let hi = (z = class {
   }
   buildToolbar() {
     this.toolbar.innerHTML = "";
-    const t = this.options.toolbar === !0 ? De : this.options.toolbar, e = this.buildToolbarRegistry();
+    const t = this.options.toolbar === !0 ? Ne : this.options.toolbar, e = this.buildToolbarRegistry();
     this.parseToolbarString(t).forEach((i) => {
       const s = [];
       i.forEach((r) => {
@@ -2532,6 +2569,7 @@ let hi = (z = class {
         this.mItem("link", h.link, () => this.linkDlg()),
         this.mItem("image", h.image, () => this.insertImagePlaceholder()),
         { label: this.t("inserttable"), icon: h.tableic, action: () => this.tableGrid(this.menubar.querySelector('[data-menu-key="table"]') || this.menubar) },
+        { label: this.t("template"), icon: h.templateic, subBuild: (s) => this.buildTemplatePickInto(s) },
         this.mItem("hr", h.hric, () => this.exec("insertHorizontalRule")),
         "|",
         this.mItem("charmap", h.charic, () => this.charMap()),
@@ -2605,10 +2643,10 @@ let hi = (z = class {
             this.tblActive = s.closest("table"), this.tablePropsDlg();
           }
         },
-        { label: this.t("deltable"), icon: h.tabledelete, action: () => this.tableOp("deltable") }
+        { 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 ? Pe : this.options.menubar, i = /* @__PURE__ */ new Set();
+    }, e = this.options.menubar === !0 ? Oe : 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]) {
@@ -2661,13 +2699,13 @@ let hi = (z = class {
     this.dialog(
       this.t("tablepropsttl"),
       (M) => {
-        const D = (I, F) => {
+        const P = (I, F) => {
           const B = document.createElement("div");
           B.style.cssText = o;
           const Y = document.createElement("span");
           Y.style.cssText = a, Y.textContent = this.t(I), B.append(Y, F), M.appendChild(B);
         };
-        e = document.createElement("input"), e.type = "text", e.style.cssText = c, e.placeholder = "e.g. 600px or 100%", e.value = u, D("tblwidth", e), i = document.createElement("input"), i.type = "number", i.min = "0", i.style.cssText = c, i.value = String(v), D("tblcellpadding", i), s = document.createElement("input"), s.type = "number", s.min = "0", s.style.cssText = c, s.value = String(b), D("tblcellspacing", s), r = document.createElement("input"), r.type = "number", r.min = "0", r.style.cssText = c, r.value = String(f), D("tblborder", r), 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 = u, P("tblwidth", e), i = document.createElement("input"), i.type = "number", i.min = "0", i.style.cssText = c, i.value = String(v), P("tblcellpadding", i), s = document.createElement("input"), s.type = "number", s.min = "0", s.style.cssText = c, s.value = String(b), P("tblcellspacing", s), r = document.createElement("input"), r.type = "number", r.min = "0", r.style.cssText = c, r.value = String(f), P("tblborder", r), l = document.createElement("select"), l.style.cssText = c, [
           ["", "alignnone"],
           ["left", "alignleft"],
           ["center", "aligncenter"],
@@ -2675,7 +2713,7 @@ let hi = (z = class {
         ].forEach(([I, F]) => {
           const B = document.createElement("option");
           B.value = I, B.textContent = this.t(F), I === q && (B.selected = !0), l.appendChild(B);
-        }), D("tblalign", l);
+        }), P("tblalign", l);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -2905,7 +2943,7 @@ let hi = (z = class {
       this.t("charmap").replace("…", ""),
       (t) => {
         const e = document.createElement("div");
-        e.className = "chgrid", We.forEach((i) => {
+        e.className = "chgrid", Xe.forEach((i) => {
           const s = document.createElement("button");
           s.textContent = i, s.onclick = () => {
             this.closeDlg(), this.exec("insertText", i);
@@ -2924,14 +2962,13 @@ let hi = (z = class {
     this.imgInput.value = "", this.imgInput.click();
   }
   /* ---------------------------------------------- image upload placeholder */
+  imgPhHTML(t) {
+    return `<div class="img-ph"${t ? ` id="${t}"` : ""} contenteditable="false">${h.image}<span>${this.t("dropimage")}</span></div>`;
+  }
   insertImagePlaceholder() {
     this.restoreSel();
     const t = "img-ph-" + Date.now().toString(36) + Math.random().toString(36).slice(2, 6);
-    document.execCommand(
-      "insertHTML",
-      !1,
-      `<div class="img-ph" id="${t}" contenteditable="false">${h.image}<span>${this.t("dropimage")}</span></div>`
-    );
+    document.execCommand("insertHTML", !1, this.imgPhHTML(t));
     const e = this.ed.querySelector("#" + t);
     e && (e.removeAttribute("id"), this.selectImgPlaceholder(e)), this.onChange();
   }
@@ -2939,6 +2976,10 @@ let hi = (z = class {
     var t, e;
     (t = this.phCtx) == null || t.remove(), this.phCtx = null, (e = this.phActive) == null || e.classList.remove("active"), this.phActive = null;
   }
+  removeImgPlaceholder() {
+    const t = this.phActive;
+    t && (this.clearImgPlaceholderSel(), (t.closest(".tpl-media") || t).remove(), this.refreshState(), this.onChange());
+  }
   selectImgPlaceholder(t) {
     this.phActive !== t && (this.clearImgPlaceholderSel(), this.phActive = t, t.classList.add("active"), this.phCtx = document.createElement("div"), this.phCtx.className = "imgctx img-ph-ctx", this.phCtx.dir = this.dir(), document.body.appendChild(this.phCtx), this.renderPhCtxButtons());
   }
@@ -2948,7 +2989,9 @@ let hi = (z = class {
       this.ctxBtn(h.uploadic, this.t("uploadimg"), () => {
         this.phUploadTarget = this.phActive, this.pickImage();
       }),
-      this.ctxBtn(h.link, this.t("imagelink"), () => this.renderPhCtxUrlInput())
+      this.ctxBtn(h.link, this.t("imagelink"), () => this.renderPhCtxUrlInput()),
+      this.ctxSep(),
+      this.ctxBtn(h.trash, this.t("deleteimg"), () => this.removeImgPlaceholder())
     ), this.positionImgPhCtx());
   }
   renderPhCtxUrlInput() {
@@ -3016,6 +3059,67 @@ let hi = (z = class {
     let r = t.bottom + scrollY + 8;
     t.bottom + 8 + i > innerHeight - 4 && (r = Math.max(this.ctxMinTop(), t.top + scrollY - i - 8)), this.phCtx.style.left = s + "px", this.phCtx.style.top = r + "px";
   }
+  /* ---------------------------------------------------------- templates */
+  templateMenu(t) {
+    this.popup(t, (e) => this.buildTemplatePickInto(e));
+  }
+  /** 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 = (a) => `<span class="pv-l" style="width:${a}%"></span>`, r = (a) => `<span class="pv-col">${a}</span>`, l = (a) => `<span class="pv-row">${a}</span>`, o = r(i + s(100) + s(88));
+    return t === "img-left" ? `<span class="pv">${l(e + o)}${s(100)}${s(72)}</span>` : t === "img-right" ? `<span class="pv">${l(o + e)}${s(100)}${s(72)}</span>` : t === "img-top" ? `<span class="pv pv-c">${e}${i}${s(100)}${s(72)}</span>` : `<span class="pv pv-c">${i}${s(100)}${s(72)}${e}</span>`;
+  }
+  buildTemplatePickInto(t, e) {
+    const i = document.createElement("div");
+    i.className = "tplpick", bt.forEach((s) => {
+      const r = document.createElement("button");
+      r.type = "button", r.className = "tpltile", r.title = this.t(yt[s]), r.innerHTML = this.tplPreviewHTML(s) + `<span class="tpllbl">${this.t(yt[s])}</span>`, r.addEventListener("click", () => {
+        this.closePop(), this.insertTemplate(s), e == null || e();
+      }), i.appendChild(r);
+    }), t.appendChild(i);
+  }
+  insertTemplate(t) {
+    this.restoreSel();
+    const e = `<div class="tpl-media" contenteditable="false">${this.imgPhHTML()}</div>`, i = `<div class="tpl-text"><h2>${this.t("heading")}</h2><p>${this.t("para")}</p></div>`, s = t === "img-center" ? i + e : e + i;
+    document.execCommand("insertHTML", !1, `<div class="tpl tpl-${t}">${s}</div><p><br></p>`), this.saveSel(), this.onChange();
+  }
+  clearTplSel() {
+    var t, e;
+    (t = this.tplCtx) == null || t.remove(), this.tplCtx = null, (e = this.tplActive) == null || e.classList.remove("tpl-selected"), this.tplActive = null;
+  }
+  selectTemplate(t) {
+    this.tplActive !== t && (this.clearTplSel(), this.tplActive = t, t.classList.add("tpl-selected"), this.tplCtx = document.createElement("div"), this.tplCtx.className = "imgctx tplctx", this.tplCtx.dir = this.dir(), document.body.appendChild(this.tplCtx), this.renderTplCtxButtons());
+  }
+  renderTplCtxButtons() {
+    const t = this.tplCtx, e = this.tplActive;
+    !t || !e || (t.innerHTML = "", bt.forEach((i) => {
+      const s = this.ctxBtn(ui[i], this.t(yt[i]), () => this.setTplLayout(i));
+      s.classList.toggle("on", e.classList.contains("tpl-" + i)), t.appendChild(s);
+    }), t.append(this.ctxSep(), this.ctxBtn(h.trash, this.t("deltemplate"), () => this.removeTemplate())), this.positionTplCtx());
+  }
+  setTplLayout(t) {
+    const e = this.tplActive;
+    if (!e) return;
+    bt.forEach((r) => e.classList.remove("tpl-" + r)), 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();
+  }
+  removeTemplate() {
+    const t = this.tplActive;
+    t && (this.clearTplSel(), this.phActive && t.contains(this.phActive) && this.clearImgPlaceholderSel(), this.imgActive && t.contains(this.imgActive) && this.clearImageHandles(), t.remove(), this.refreshState(), this.onChange());
+  }
+  positionTplCtx() {
+    if (this.tplActive && !document.body.contains(this.tplActive)) {
+      this.clearTplSel();
+      return;
+    }
+    if (!this.tplActive || !this.tplCtx) return;
+    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 r = t.top + scrollY - i - 8;
+    r < this.ctxMinTop() && (r = t.bottom + scrollY + 8), this.tplCtx.style.left = s + "px", this.tplCtx.style.top = r + "px";
+  }
   pickWordDoc() {
     this.docInput.value = "", this.docInput.click();
   }
@@ -3084,7 +3188,7 @@ let hi = (z = class {
       e(this.ctxBtn(h.colafter, this.t("colafter"), () => this.tableOp("colafter")), "col"),
       e(this.ctxBtn(h.coldelete, this.t("delcol"), () => this.tableOp("delcol")), "col"),
       this.ctxSep(),
-      this.ctxBtn(h.tabledelete, this.t("deltable"), () => this.tableOp("deltable")),
+      this.ctxBtn(h.trash, this.t("deltable"), () => this.tableOp("deltable")),
       this.ctxBtn(h.tableic, this.t("tablepropsttl"), () => this.tablePropsDlg())
     ), document.body.appendChild(t), t;
   }
@@ -3163,7 +3267,7 @@ let hi = (z = class {
     this.cancelImgHide(), this.imgHandles.forEach((i) => i.remove()), this.imgHandles = [], (t = this.imgCtx) == null || t.remove(), this.imgCtx = null, (e = this.imgActive) == null || e.classList.remove("img-selected"), this.imgActive = null;
   }
   selectImage(t) {
-    this.imgActive !== t && (this.clearImageHandles(), this.imgActive = t, t.classList.add("img-selected"), this.imgHandles = ci.map((e) => {
+    this.imgActive !== t && (this.clearImageHandles(), this.imgActive = t, t.classList.add("img-selected"), this.imgHandles = di.map((e) => {
       const i = document.createElement("div");
       return i.className = "img-handle img-handle-" + e, i.dataset.corner = e, i.addEventListener("mousedown", (s) => this.startImageResizeDrag(s, e)), i.addEventListener("mouseenter", () => this.cancelImgHide()), i.addEventListener("mouseleave", () => this.scheduleImgHide()), document.body.appendChild(i), i;
     }), this.imgCtx = this.buildImageCtxToolbar(t), this.positionImageHandles());
@@ -3201,7 +3305,8 @@ let hi = (z = class {
       }),
       this.ctxSep(),
       a(h.trash, this.t("deleteimg"), !1, () => {
-        t.remove(), this.clearImageHandles(), this.onChange();
+        const c = t.closest(".tpl-media");
+        c && this.ed.contains(c) ? t.outerHTML = this.imgPhHTML() : t.remove(), this.clearImageHandles(), this.onChange();
       })
     ), e.addEventListener("mousedown", (c) => c.preventDefault()), e.addEventListener("mouseenter", () => this.cancelImgHide()), e.addEventListener("mouseleave", () => this.scheduleImgHide()), document.body.appendChild(e), e;
   }
@@ -3366,7 +3471,7 @@ let hi = (z = class {
       const f = this.toolbar.querySelector(`[data-id=${u}] .lbl`);
       f && (f.textContent = v || b || "", f.classList.toggle("empty", !v));
     };
-    o("fontsel", this.currentFont()), o("sizesel", this.currentSize().replace("px", "")), e && o("blocksel", Ut.some((u) => u[0] === i) ? this.blockLabel(i) : this.t("para")), this.sbWords.textContent = this.countWords() + " " + this.t("words");
+    o("fontsel", this.currentFont()), o("sizesel", this.currentSize().replace("px", "")), e && o("blocksel", Yt.some((u) => u[0] === i) ? this.blockLabel(i) : this.t("para")), this.sbWords.textContent = this.countWords() + " " + this.t("words");
   }
   countWords() {
     const t = (this.ed.textContent || "").trim();
@@ -3385,17 +3490,17 @@ let hi = (z = class {
       }, r.readAsDataURL(s.getAsFile());
       return;
     }
-    i ? document.execCommand("insertHTML", !1, ii(i, this.dir())) : document.execCommand("insertHTML", !1, si(e.getData("text/plain"))), this.onChange();
+    i ? document.execCommand("insertHTML", !1, ri(i, this.dir())) : document.execCommand("insertHTML", !1, ni(e.getData("text/plain"))), this.onChange();
   }
   /* ---------------------------------------------------------- init */
   initUI() {
     this.closePop(), this.closeDlg(), this.clearTableHandles(), this.clearImgPlaceholderSel(), 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();
   }
-}, z.instanceCounter = 0, z);
-const di = qe(
+}, W.instanceCounter = 0, W);
+const mi = Ae(
   ({ value: m, defaultValue: t, onChange: e, onReady: i, className: s, style: r, ...l }, o) => {
     const a = X(null), c = X(null), d = X(!1), u = X(m ?? t), v = X(e), b = X(i);
-    return v.current = e, b.current = i, Le(o, () => ({
+    return v.current = e, b.current = i, Ie(o, () => ({
       getContent: () => {
         var f;
         return ((f = c.current) == null ? void 0 : f.getContent()) ?? "";
@@ -3434,7 +3539,7 @@ const di = qe(
       }
     })), gt(() => {
       if (!a.current) return;
-      const f = new hi({
+      const f = new pi({
         target: a.current,
         initialContent: u.current,
         onChange: (w) => {
@@ -3462,10 +3567,10 @@ const di = qe(
     }, [m]), gt(() => {
       var f;
       l.language && ((f = c.current) == null || f.setLanguage(l.language));
-    }, [l.language]), /* @__PURE__ */ Re.jsx("div", { ref: a, className: s, style: r });
+    }, [l.language]), /* @__PURE__ */ Pe.jsx("div", { ref: a, className: s, style: r });
   }
 );
-di.displayName = "FableEditor";
+mi.displayName = "FableEditor";
 export {
-  di as FableEditor
+  mi as FableEditor
 };