fable-editor 1.2.3 → 1.2.5

package/dist/react/index.mjs

@@ -48,17 +48,17 @@ function je() {
       {
         for (var f = arguments.length, v = new Array(f > 1 ? f - 1 : 0), T = 1; T < f; T++)
           v[T - 1] = arguments[T];
-        A("error", a, v);
+        I("error", a, v);
       }
     }
-    function A(a, f, v) {
+    function I(a, f, v) {
       {
         var T = w.ReactDebugCurrentFrame, L = T.getStackAddendum();
         L !== "" && (f += "%s", v = v.concat([L]));
-        var I = v.map(function(M) {
+        var A = v.map(function(M) {
           return String(M);
         });
-        I.unshift("Warning: " + f), Function.prototype.apply.call(console[a], console, I);
+        A.unshift("Warning: " + f), Function.prototype.apply.call(console[a], console, A);
       }
     }
     var H = !1, $ = !1, O = !1, _ = !1, et = !1, Mt;
@@ -115,9 +115,9 @@ function je() {
             var T = a.displayName || null;
             return T !== null ? T : W(a.type) || "Memo";
           case m: {
-            var L = a, I = L._payload, M = L._init;
+            var L = a, A = L._payload, M = L._init;
             try {
-              return W(M(I));
+              return W(M(A));
             } catch {
               return null;
             }
@@ -125,14 +125,14 @@ function je() {
         }
       return null;
     }
-    var V = Object.assign, G = 0, Lt, Ht, It, At, qt, Rt, Pt;
+    var V = Object.assign, G = 0, Lt, Ht, At, It, qt, Rt, Pt;
     function Bt() {
     }
     Bt.__reactDisabledLog = !0;
     function pe() {
       {
         if (G === 0) {
-          Lt = console.log, Ht = console.info, It = console.warn, At = console.error, qt = console.group, Rt = console.groupCollapsed, Pt = console.groupEnd;
+          Lt = console.log, Ht = console.info, At = console.warn, It = console.error, qt = console.group, Rt = console.groupCollapsed, Pt = console.groupEnd;
           var a = {
             configurable: !0,
             enumerable: !0,
@@ -168,10 +168,10 @@ function je() {
               value: Ht
             }),
             warn: V({}, a, {
-              value: It
+              value: At
             }),
             error: V({}, a, {
-              value: At
+              value: It
             }),
             group: V({}, a, {
               value: qt
@@ -218,8 +218,8 @@ function je() {
       ft = !0;
       var L = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var I;
-      I = pt.current, pt.current = null, pe();
+      var A;
+      A = pt.current, pt.current = null, pe();
       try {
         if (f) {
           var M = function() {
@@ -272,7 +272,7 @@ function je() {
             }
         }
       } finally {
-        ft = !1, pt.current = I, me(), Error.prepareStackTrace = L;
+        ft = !1, pt.current = A, me(), Error.prepareStackTrace = L;
       }
       var Q = a ? a.displayName || a.name : "", U = Q ? it(Q) : "";
       return typeof a == "function" && st.set(a, U), U;
@@ -304,9 +304,9 @@ function je() {
           case u:
             return nt(a.type, f, v);
           case m: {
-            var T = a, L = T._payload, I = T._init;
+            var T = a, L = T._payload, A = T._init;
             try {
-              return nt(I(L), f, v);
+              return nt(A(L), f, v);
             } catch {
             }
           }
@@ -323,9 +323,9 @@ function je() {
     }
     function be(a, f, v, T, L) {
       {
-        var I = Function.call.bind(K);
+        var A = Function.call.bind(K);
         for (var M in a)
-          if (I(a, M)) {
+          if (A(a, M)) {
             var S = void 0;
             try {
               if (typeof a[M] != "function") {
@@ -411,7 +411,7 @@ function je() {
         });
       }
     }
-    var Le = function(a, f, v, T, L, I, M) {
+    var Le = function(a, f, v, T, L, A, M) {
       var S = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -421,7 +421,7 @@ function je() {
         ref: v,
         props: M,
         // Record the component responsible for creating this element.
-        _owner: I
+        _owner: A
       };
       return S._store = {}, Object.defineProperty(S._store, "validated", {
         configurable: !1,
@@ -442,14 +442,14 @@ function je() {
     };
     function He(a, f, v, T, L) {
       {
-        var I, M = {}, S = null, N = null;
+        var A, M = {}, S = null, N = null;
         v !== void 0 && (_t(v), S = "" + v), Ee(f) && (_t(f.key), S = "" + f.key), Te(f) && (N = f.ref, Se(f, L));
-        for (I in f)
-          K.call(f, I) && !we.hasOwnProperty(I) && (M[I] = f[I]);
+        for (A in f)
+          K.call(f, A) && !we.hasOwnProperty(A) && (M[A] = f[A]);
         if (a && a.defaultProps) {
           var R = a.defaultProps;
-          for (I in R)
-            M[I] === void 0 && (M[I] = R[I]);
+          for (A in R)
+            M[A] === void 0 && (M[A] = R[A]);
         }
         if (S || N) {
           var P = typeof a == "function" ? a.displayName || a.name || "Unknown" : a;
@@ -483,11 +483,11 @@ Check the render method of \`` + a + "`.";
         return "";
       }
     }
-    function Ie(a) {
+    function Ae(a) {
       return "";
     }
     var Ut = {};
-    function Ae(a) {
+    function Ie(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 = Ae(f);
+        var v = Ie(f);
         if (Ut[v])
           return;
         Ut[v] = !0;
@@ -526,7 +526,7 @@ Check the top-level render call using <` + v + ">.");
         else if (a) {
           var L = x(a);
           if (typeof L == "function" && L !== a.entries)
-            for (var I = L.call(a), M; !(M = I.next()).done; )
+            for (var A = L.call(a), M; !(M = A.next()).done; )
               yt(M.value) && zt(M.value, f);
         }
       }
@@ -569,18 +569,18 @@ Check the top-level render call using <` + v + ">.");
       }
     }
     var Yt = {};
-    function Qt(a, f, v, T, L, I) {
+    function Qt(a, f, v, T, L, 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 N = Ie();
+          var N = Ae();
           N ? S += N : S += Vt();
           var R;
           a === null ? R = "null" : gt(a) ? R = "array" : a !== void 0 && a.$$typeof === t ? (R = "<" + (W(a.type) || "Unknown") + " />", S = " Did you accidentally export a JSX literal instead of a component?") : R = typeof a, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", R, S);
         }
-        var P = He(a, f, v, L, I);
+        var P = He(a, f, v, L, A);
         if (P == null)
           return P;
         if (M) {
@@ -2516,10 +2516,10 @@ function oi(p) {
   }), e.forEach((s) => {
     const n = [], l = s[0];
     s.forEach((r) => {
-      var w, E, A;
+      var w, E, I;
       const c = +(((w = (r.getAttribute("style") || "").match(/level(\d+)/i)) == null ? void 0 : w[1]) || 1), d = Array.from(r.querySelectorAll("span")).find(
         (H) => /mso-list\s*:\s*ignore/i.test(H.getAttribute("style") || "")
-      ), u = d ? ((E = d.textContent) == null ? void 0 : E.trim()) || "" : (((A = r.textContent) == null ? void 0 : A.trim().match(/^\S{1,4}/)) || [""])[0], { ordered: m, style: b } = li(u);
+      ), u = d ? ((E = d.textContent) == null ? void 0 : E.trim()) || "" : (((I = r.textContent) == null ? void 0 : I.trim().match(/^\S{1,4}/)) || [""])[0], { ordered: m, style: b } = li(u);
       for (d && d.remove(); n.length && n[n.length - 1].level > c; ) n.pop();
       if (!n.length || n[n.length - 1].level < c) {
         const H = p.createElement(m ? "ol" : "ul");
@@ -2887,10 +2887,10 @@ async function bi(p) {
   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(), A = fi[E];
-    if (A)
+    const E = (x.split(".").pop() || "").toLowerCase(), I = fi[E];
+    if (I)
       try {
-        u.set(y, `data:${A};base64,${gi(await le(t, w))}`);
+        u.set(y, `data:${I};base64,${gi(await le(t, w))}`);
       } catch {
       }
   }
@@ -2899,8 +2899,8 @@ async function bi(p) {
     const y = /* @__PURE__ */ new Map(), g = Array.from(b.getElementsByTagName("*"));
     for (const x of g) {
       if (x.localName !== "abstractNum") continue;
-      const w = q(x, "abstractNumId"), E = dt(x, "lvl").find((H) => q(H, "ilvl") === "0") || dt(x, "lvl")[0], A = E ? q(B(E, "numFmt")) : "";
-      y.set(w, A === "bullet" ? "ul" : "ol");
+      const w = q(x, "abstractNumId"), E = dt(x, "lvl").find((H) => q(H, "ilvl") === "0") || dt(x, "lvl")[0], I = E ? q(B(E, "numFmt")) : "";
+      y.set(w, I === "bullet" ? "ul" : "ol");
     }
     for (const x of g) {
       if (x.localName !== "num") continue;
@@ -3148,6 +3148,32 @@ let Ei = (j = class {
   getContent() {
     return this.ed.innerHTML;
   }
+  /** Same HTML as getContent(), wrapped so its RTL/LTR direction survives being
+   *  dropped into a fixed-alignment host (e.g. an email template's
+   *  `<td align="left">`), which otherwise forces left alignment onto any
+   *  descendant that has no `text-align` of its own — even one with its own
+   *  dir="rtl". Elements that already carry their own dir (preserved as-is by
+   *  the paste engine) each get their own matching text-align only if they
+   *  don't already have one, so mixed-direction content and any alignment the
+   *  user explicitly set are left untouched. */
+  getContentForEmail() {
+    const t = (l, r) => {
+      const o = (l.getAttribute("style") || "").trim();
+      l.setAttribute("style", o ? o.replace(/;?$/, "; ") + r : r);
+    }, e = document.createElement("div");
+    e.innerHTML = this.ed.innerHTML;
+    let i = null;
+    e.querySelectorAll("[dir]").forEach((l) => {
+      const r = (l.getAttribute("dir") || "").toLowerCase();
+      if (r !== "rtl" && r !== "ltr") return;
+      const o = r;
+      i || (i = o), /text-align\s*:/i.test(l.getAttribute("style") || "") || t(l, `text-align:${o === "rtl" ? "right" : "left"}`);
+    });
+    const s = i || this.ed.getAttribute("dir") || this.dir();
+    return e.querySelectorAll("table:not([dir])").forEach((l) => {
+      l.setAttribute("dir", s), /direction\s*:/i.test(l.getAttribute("style") || "") || t(l, `direction:${s}`);
+    }), `<div dir="${s}" style="direction:${s};text-align:${s === "rtl" ? "right" : "left"}">${e.innerHTML}</div>`;
+  }
   setContent(t) {
     this.ed.innerHTML = t || "<p><br></p>", this.refreshState(), this.clearTableHandles(), this.clearImageHandles(), this.clearImgPlaceholderSel(), this.clearTplSel(), this.clearVphPlaceholderSel(), this.clearVidHandles(), this.clearCodeSel(), this.clearSelToolbar(), this.onChange();
   }
@@ -4066,13 +4092,13 @@ let Ei = (j = class {
     this.dialog(
       this.t("tablepropsttl"),
       (E) => {
-        const A = (H, $) => {
+        const I = (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 = u, 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), n = document.createElement("input"), n.type = "number", n.min = "0", n.style.cssText = c, n.value = String(y), A("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 = u, I("tblwidth", e), i = document.createElement("input"), i.type = "number", i.min = "0", i.style.cssText = c, i.value = String(m), I("tblcellpadding", i), s = document.createElement("input"), s.type = "number", s.min = "0", s.style.cssText = c, s.value = String(b), I("tblcellspacing", s), n = document.createElement("input"), n.type = "number", n.min = "0", n.style.cssText = c, n.value = String(y), I("tblborder", n), l = document.createElement("select"), l.style.cssText = c, [
           ["", "alignnone"],
           ["left", "alignleft"],
           ["center", "aligncenter"],
@@ -4080,7 +4106,7 @@ let Ei = (j = class {
         ].forEach(([H, $]) => {
           const O = document.createElement("option");
           O.value = H, O.textContent = this.t($), H === w && (O.selected = !0), l.appendChild(O);
-        }), A("tblalign", l);
+        }), I("tblalign", l);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -4652,8 +4678,8 @@ let Ei = (j = class {
           w.type = "button", w.textContent = this.t(g);
           const E = document.createElement("div");
           E.className = "dtabpanel", x(E);
-          const A = u.length;
-          u.push(E), w.addEventListener("click", () => b(A)), d.appendChild(w);
+          const I = u.length;
+          u.push(E), w.addEventListener("click", () => b(I)), d.appendChild(w);
         }, b = (g) => {
           d.querySelectorAll("button").forEach((x, w) => x.classList.toggle("on", w === g)), u.forEach((x, w) => x.style.display = w === g ? "" : "none");
         };
@@ -4684,8 +4710,8 @@ let Ei = (j = class {
               _.onload = () => $(_.result), _.readAsDataURL(H);
             }
           }), x.append(t, w, E), t.style.flex = "1", g.appendChild(r("vidsource", x));
-          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);
+          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);
         }), 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);
@@ -5378,6 +5404,10 @@ const Si = _e(
         var g;
         return ((g = c.current) == null ? void 0 : g.getContent()) ?? "";
       },
+      getContentForEmail: () => {
+        var g;
+        return ((g = c.current) == null ? void 0 : g.getContentForEmail()) ?? "";
+      },
       setContent: (g) => {
         var x;
         return (x = c.current) == null ? void 0 : x.setContent(g);
@@ -5449,8 +5479,8 @@ const Si = _e(
         if (m.current === null) return;
         const E = w.relatedTarget;
         if (E && g.contains(E)) return;
-        const A = m.current;
-        m.current = null, u.current = A, (H = c.current) == null || H.setContent(A);
+        const I = m.current;
+        m.current = null, u.current = I, (H = c.current) == null || H.setContent(I);
       };
       return g.addEventListener("focusout", x), () => g.removeEventListener("focusout", x);
     }, []), ot(() => {

package/package.json

@@ -1,113 +1,113 @@
-{
-  "name": "fable-editor",
-  "version": "1.2.3",
-  "description": "FableEditor — a rich text editor with React and Angular wrappers",
-  "author": "Sajin Satheesan <an.sajinsatheesan@gmail.com>",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/an-sajinsatheesan/fable-editor.git"
-  },
-  "bugs": {
-    "url": "https://github.com/an-sajinsatheesan/fable-editor/issues"
-  },
-  "homepage": "https://github.com/an-sajinsatheesan/fable-editor#readme",
-  "main": "./dist/core/index.cjs",
-  "module": "./dist/core/index.mjs",
-  "types": "./dist/core/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/core/index.mjs",
-      "require": "./dist/core/index.cjs",
-      "types": "./dist/core/index.d.ts"
-    },
-    "./react": {
-      "import": "./dist/react/index.mjs",
-      "require": "./dist/react/index.cjs",
-      "types": "./dist/react/index.d.ts"
-    },
-    "./angular": {
-      "default": "./dist/angular/fesm2022/fable-editor.mjs",
-      "types": "./dist/angular/index.d.ts"
-    },
-    "./style.css": "./style.css"
-  },
-  "files": [
-    "dist",
-    "style.css",
-    "README.md"
-  ],
-  "scripts": {
-    "build:core": "vite build --config vite.core.config.ts && cp src/core/editor.css dist/core/editor.css && cp src/core/editor.css style.css",
-    "build:react": "vite build --config vite.react.config.ts",
-    "build:angular": "ng-packagr -p ng-package.json && rm -f dist/angular/package.json",
-    "build": "npm run build:core && npm run build:react && npm run build:angular",
-    "dev": "vite --open /demo/index.html",
-    "demo": "vite --open /demo/index.html",
-    "demo:react": "cd examples/react && npm run dev",
-    "demo:angular": "cd examples/angular && npm start",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "typecheck": "tsc --noEmit"
-  },
-  "keywords": [
-    "editor",
-    "wysiwyg",
-    "fable-editor",
-    "react",
-    "angular",
-    "rich-text-editor"
-  ],
-  "license": "MIT",
-  "peerDependencies": {
-    "@angular/common": ">=14.0.0",
-    "@angular/core": ">=14.0.0",
-    "@angular/forms": ">=14.0.0",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
-    "rxjs": ">=6.0.0"
-  },
-  "peerDependenciesMeta": {
-    "react": {
-      "optional": true
-    },
-    "react-dom": {
-      "optional": true
-    },
-    "@angular/core": {
-      "optional": true
-    },
-    "@angular/common": {
-      "optional": true
-    },
-    "@angular/forms": {
-      "optional": true
-    },
-    "rxjs": {
-      "optional": true
-    }
-  },
-  "devDependencies": {
-    "@angular/common": "^18.0.0",
-    "@angular/compiler": "^18.0.0",
-    "@angular/compiler-cli": "^18.0.0",
-    "@angular/core": "^18.0.0",
-    "@angular/forms": "^18.0.0",
-    "@playwright/test": "^1.61.1",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
-    "@types/react": "^18.3.0",
-    "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react": "^4.3.0",
-    "jsdom": "^29.1.1",
-    "ng-packagr": "^18.0.0",
-    "playwright": "^1.61.1",
-    "react": "^18.3.0",
-    "react-dom": "^18.3.0",
-    "rxjs": "^7.8.0",
-    "tslib": "^2.6.0",
-    "typescript": "^5.4.5",
-    "vite": "^5.3.0",
-    "vite-plugin-dts": "^3.9.0",
-    "vitest": "^4.1.9"
-  }
-}
+{
+  "name": "fable-editor",
+  "version": "1.2.5",
+  "description": "FableEditor — a rich text editor with React and Angular wrappers",
+  "author": "Sajin Satheesan <an.sajinsatheesan@gmail.com>",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/an-sajinsatheesan/fable-editor.git"
+  },
+  "bugs": {
+    "url": "https://github.com/an-sajinsatheesan/fable-editor/issues"
+  },
+  "homepage": "https://github.com/an-sajinsatheesan/fable-editor#readme",
+  "main": "./dist/core/index.cjs",
+  "module": "./dist/core/index.mjs",
+  "types": "./dist/core/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/core/index.mjs",
+      "require": "./dist/core/index.cjs",
+      "types": "./dist/core/index.d.ts"
+    },
+    "./react": {
+      "import": "./dist/react/index.mjs",
+      "require": "./dist/react/index.cjs",
+      "types": "./dist/react/index.d.ts"
+    },
+    "./angular": {
+      "default": "./dist/angular/fesm2022/fable-editor.mjs",
+      "types": "./dist/angular/index.d.ts"
+    },
+    "./style.css": "./style.css"
+  },
+  "files": [
+    "dist",
+    "style.css",
+    "README.md"
+  ],
+  "scripts": {
+    "build:core": "vite build --config vite.core.config.ts && cp src/core/editor.css dist/core/editor.css && cp src/core/editor.css style.css",
+    "build:react": "vite build --config vite.react.config.ts",
+    "build:angular": "ng-packagr -p ng-package.json && rm -f dist/angular/package.json",
+    "build": "npm run build:core && npm run build:react && npm run build:angular",
+    "dev": "vite --open /demo/index.html",
+    "demo": "vite --open /demo/index.html",
+    "demo:react": "cd examples/react && npm run dev",
+    "demo:angular": "cd examples/angular && npm start",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit"
+  },
+  "keywords": [
+    "editor",
+    "wysiwyg",
+    "fable-editor",
+    "react",
+    "angular",
+    "rich-text-editor"
+  ],
+  "license": "MIT",
+  "peerDependencies": {
+    "@angular/common": ">=14.0.0",
+    "@angular/core": ">=14.0.0",
+    "@angular/forms": ">=14.0.0",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "rxjs": ">=6.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "@angular/core": {
+      "optional": true
+    },
+    "@angular/common": {
+      "optional": true
+    },
+    "@angular/forms": {
+      "optional": true
+    },
+    "rxjs": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@angular/common": "^18.0.0",
+    "@angular/compiler": "^18.0.0",
+    "@angular/compiler-cli": "^18.0.0",
+    "@angular/core": "^18.0.0",
+    "@angular/forms": "^18.0.0",
+    "@playwright/test": "^1.61.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "jsdom": "^29.1.1",
+    "ng-packagr": "^18.0.0",
+    "playwright": "^1.61.1",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
+    "rxjs": "^7.8.0",
+    "tslib": "^2.6.0",
+    "typescript": "^5.4.5",
+    "vite": "^5.3.0",
+    "vite-plugin-dts": "^3.9.0",
+    "vitest": "^4.1.9"
+  }
+}