@npm-questionpro/wick-ui-editor 0.12.0 → 0.13.0

package/dist/wick-ui-editor/es/index.js

@@ -1,30 +1,33 @@
-import { jsx as o, jsxs as g, Fragment as R } from "react/jsx-runtime";
-import { useEditorState as f, useEditor as q, EditorContent as $ } from "@tiptap/react";
-import D from "clsx";
-import C, { useState as E, useRef as j, useCallback as _ } from "react";
-import K from "@tiptap/extension-image";
-import { TaskList as J, TaskItem as V } from "@tiptap/extension-list";
-import G from "@tiptap/extension-subscript";
-import X from "@tiptap/extension-superscript";
-import { TableKit as Y } from "@tiptap/extension-table";
-import Z from "@tiptap/extension-text-align";
-import { TextStyle as Q, Color as tt, BackgroundColor as et, LineHeight as ot, FontSize as nt, FontFamily as it } from "@tiptap/extension-text-style";
-import rt from "@tiptap/starter-kit";
-import { WuIcon as h, WuModal as y, WuModalHeader as T, WuModalContent as S, WuInput as k, WuModalFooter as x, WuModalClose as b, WuToggle as st, WuButton as ct } from "@npm-questionpro/wick-ui-lib";
-import { DropdownMenu as M, DropdownMenuTrigger as H, DropdownMenuContent as z, DropdownMenuItem as B } from "@radix-ui/react-dropdown-menu";
-import lt from "dompurify";
-const at = "_wuContentEditor_399u0_8", dt = "_wuContentEditorTable_399u0_1", ut = "_wuContentEditorContainer_399u0_8", mt = "_wuContentEditorToolbar_399u0_80", ht = "_wuContentEditorAction_399u0_106", ft = "_wuContentEditorDropdown_399u0_132", gt = "_wuContentEditorDropdownItem_399u0_145", pt = "_wuContentEditorFontSize_399u0_156", wt = "_wuContentEditorModal_399u0_170", d = {
-  wuContentEditor: at,
-  wuContentEditorTable: dt,
-  wuContentEditorContainer: ut,
-  wuContentEditorToolbar: mt,
-  wuContentEditorAction: ht,
-  wuContentEditorDropdown: ft,
-  wuContentEditorDropdownItem: gt,
-  wuContentEditorFontSize: pt,
-  wuContentEditorModal: wt
-}, Ct = [
-  rt.configure({
+import { jsx as e, jsxs as f, Fragment as y } from "react/jsx-runtime";
+import { useEditorState as p, useEditor as V, EditorContent as X } from "@tiptap/react";
+import Y from "clsx";
+import m, { useState as D, useRef as Z, useCallback as O } from "react";
+import Q from "@tiptap/extension-image";
+import { TaskList as tt, TaskItem as et } from "@tiptap/extension-list";
+import ot from "@tiptap/extension-subscript";
+import nt from "@tiptap/extension-superscript";
+import { TableKit as it } from "@tiptap/extension-table";
+import rt from "@tiptap/extension-text-align";
+import { TextStyle as st, Color as ct, BackgroundColor as lt, LineHeight as at, FontSize as dt, FontFamily as ut } from "@tiptap/extension-text-style";
+import mt from "@tiptap/starter-kit";
+import { WuIcon as h, WuModal as H, WuModalHeader as R, WuModalContent as M, WuInput as x, WuModalFooter as z, WuModalClose as T, WuToggle as ht, WuButton as q } from "@npm-questionpro/wick-ui-lib";
+import { DropdownMenu as U, DropdownMenuTrigger as $, DropdownMenuContent as j, DropdownMenuItem as K } from "@radix-ui/react-dropdown-menu";
+import gt from "dompurify";
+const ft = "_wuContentEditor_1kxiu_8", pt = "_wuContentEditorTable_1kxiu_1", wt = "_wuContentEditorContainer_1kxiu_8", Ct = "_wuContentEditorToolbar_1kxiu_80", vt = "_wuContentEditorAction_1kxiu_107", bt = "_wuContentEditorDropdown_1kxiu_133", At = "_wuContentEditorDropdownItem_1kxiu_146", kt = "_wuContentEditorFontSize_1kxiu_157", Et = "_wuContentEditorModal_1kxiu_171", yt = "_wuCodeEditor_1kxiu_175", Tt = "_wuCodeEditorPreview_1kxiu_185", xt = "_wuCodeEditorInput_1kxiu_200", a = {
+  wuContentEditor: ft,
+  wuContentEditorTable: pt,
+  wuContentEditorContainer: wt,
+  wuContentEditorToolbar: Ct,
+  wuContentEditorAction: vt,
+  wuContentEditorDropdown: bt,
+  wuContentEditorDropdownItem: At,
+  wuContentEditorFontSize: kt,
+  wuContentEditorModal: Et,
+  wuCodeEditor: yt,
+  wuCodeEditorPreview: Tt,
+  wuCodeEditorInput: xt
+}, St = [
+  mt.configure({
     link: {
       openOnClick: !1,
       autolink: !0,
@@ -32,130 +35,130 @@ const at = "_wuContentEditor_399u0_8", dt = "_wuContentEditorTable_399u0_1", ut
       protocols: ["http", "https"],
       isAllowedUri: (t, n) => {
         try {
-          const e = t.includes(":") ? new URL(t) : new URL(`${n.defaultProtocol}://${t}`);
-          if (!n.defaultValidate(e.href))
+          const o = t.includes(":") ? new URL(t) : new URL(`${n.defaultProtocol}://${t}`);
+          if (!n.defaultValidate(o.href))
             return !1;
-          const i = ["ftp", "file", "mailto"], l = e.protocol.replace(":", "");
-          if (i.includes(l) || !n.protocols.map(
-            (r) => typeof r == "string" ? r : r.scheme
-          ).includes(l))
+          const i = ["ftp", "file", "mailto"], r = o.protocol.replace(":", "");
+          if (i.includes(r) || !n.protocols.map(
+            (s) => typeof s == "string" ? s : s.scheme
+          ).includes(r))
             return !1;
-          const a = [
+          const d = [
             "example-phishing.com",
             "malicious-site.net"
-          ], s = e.hostname;
-          return !a.includes(s);
+          ], c = o.hostname;
+          return !d.includes(c);
         } catch {
           return !1;
         }
       },
       shouldAutoLink: (t) => {
         try {
-          const n = t.includes(":") ? new URL(t) : new URL(`https://${t}`), e = [
+          const n = t.includes(":") ? new URL(t) : new URL(`https://${t}`), o = [
             "example-no-autolink.com",
             "another-no-autolink.com"
           ], i = n.hostname;
-          return !e.includes(i);
+          return !o.includes(i);
         } catch {
           return !1;
         }
       }
     }
   }),
-  Z.configure({
+  rt.configure({
     types: ["heading", "paragraph"]
   }),
-  X,
-  G,
-  Q,
+  nt,
+  ot,
+  st,
+  ct,
+  lt,
   tt,
   et,
-  J,
-  V,
-  ot,
-  nt,
-  it,
-  K.configure({
+  at,
+  dt,
+  ut,
+  Q.configure({
     resize: {
       enabled: !0,
       alwaysPreserveAspectRatio: !0
     },
     inline: !0
   }),
-  Y.configure({
+  it.configure({
     table: { resizable: !0 }
   })
-], O = C.createContext(
+], J = m.createContext(
   null
-), vt = ({
+), Ft = ({
   editor: t,
   children: n,
-  customFonts: e
-}) => /* @__PURE__ */ o(O.Provider, { value: { editor: t, customFonts: e }, children: n }), m = () => {
-  const t = C.useContext(O);
+  customFonts: o
+}) => /* @__PURE__ */ e(J.Provider, { value: { editor: t, customFonts: o }, children: n }), g = () => {
+  const t = m.useContext(J);
   if (!t)
     throw new Error("useToolbar must be used within a ToolbarProvider");
   return t;
-}, L = ({ action: t, defaultValue: n }) => {
-  var l;
-  const [e, i] = C.useState(
-    n || t.items.find((c) => c.active) || t.items[0]
+}, P = ({ action: t, defaultValue: n }) => {
+  var r;
+  const [o, i] = m.useState(
+    n || t.items.find((l) => l.active) || t.items[0]
   );
-  return C.useEffect(() => {
+  return m.useEffect(() => {
     i(
-      n || t.items.find((c) => c.active) || t.items[0]
+      n || t.items.find((l) => l.active) || t.items[0]
     );
-  }, [t, n]), /* @__PURE__ */ g(M, { children: [
-    /* @__PURE__ */ o(
-      H,
+  }, [t, n]), /* @__PURE__ */ f(U, { children: [
+    /* @__PURE__ */ e(
+      $,
       {
-        className: d.wuContentEditorAction,
+        className: a.wuContentEditorAction,
         "data-active": t.active,
-        children: /* @__PURE__ */ o(h, { icon: e.icon })
+        children: /* @__PURE__ */ e(h, { icon: o.icon })
       }
     ),
-    /* @__PURE__ */ o(
-      z,
+    /* @__PURE__ */ e(
+      j,
       {
         align: "start",
-        onCloseAutoFocus: (c) => c.preventDefault(),
-        className: d.wuContentEditorDropdown,
+        onCloseAutoFocus: (l) => l.preventDefault(),
+        className: a.wuContentEditorDropdown,
         "data-inline": !0,
-        children: (l = t.items) == null ? void 0 : l.map((c) => /* @__PURE__ */ o(
-          B,
+        children: (r = t.items) == null ? void 0 : r.map((l) => /* @__PURE__ */ e(
+          K,
           {
             onClick: () => {
-              c.event(), i(c);
+              l.event(), i(l);
             },
-            title: c.tooltip,
-            children: /* @__PURE__ */ o(
+            title: l.tooltip,
+            children: /* @__PURE__ */ e(
               "button",
               {
-                className: d.wuContentEditorAction,
-                "data-active": c.active,
-                children: /* @__PURE__ */ o(h, { icon: c.icon })
+                className: a.wuContentEditorAction,
+                "data-active": l.active,
+                children: /* @__PURE__ */ e(h, { icon: l.icon })
               }
             )
           },
-          c.id
+          l.id
         ))
       }
     )
   ] });
-}, bt = () => {
-  const { editor: t } = m(), n = f({
+}, Lt = () => {
+  const { editor: t } = g(), n = p({
     editor: t,
     selector: (i) => {
-      var l, c, a, s, r, u, p;
+      var r, l, d, c, s, u, w;
       return {
-        isLeft: (l = i.editor) == null ? void 0 : l.isActive({ textAlign: "left" }),
-        isCenter: (c = i.editor) == null ? void 0 : c.isActive({ textAlign: "center" }),
-        isRight: (a = i.editor) == null ? void 0 : a.isActive({ textAlign: "right" }),
-        isJustify: (s = i.editor) == null ? void 0 : s.isActive({ textAlign: "justify" }),
-        isAligned: ((r = i.editor) == null ? void 0 : r.isActive({ textAlign: "center" })) || ((u = i.editor) == null ? void 0 : u.isActive({ textAlign: "right" })) || ((p = i.editor) == null ? void 0 : p.isActive({ textAlign: "justify" }))
+        isLeft: (r = i.editor) == null ? void 0 : r.isActive({ textAlign: "left" }),
+        isCenter: (l = i.editor) == null ? void 0 : l.isActive({ textAlign: "center" }),
+        isRight: (d = i.editor) == null ? void 0 : d.isActive({ textAlign: "right" }),
+        isJustify: (c = i.editor) == null ? void 0 : c.isActive({ textAlign: "justify" }),
+        isAligned: ((s = i.editor) == null ? void 0 : s.isActive({ textAlign: "center" })) || ((u = i.editor) == null ? void 0 : u.isActive({ textAlign: "right" })) || ((w = i.editor) == null ? void 0 : w.isActive({ textAlign: "justify" }))
       };
     }
-  }), e = [
+  }), o = [
     {
       id: "left",
       icon: "wm-format-align-left",
@@ -185,60 +188,60 @@ const at = "_wuContentEditor_399u0_8", dt = "_wuContentEditorTable_399u0_1", ut
       active: n.isJustify
     }
   ];
-  return /* @__PURE__ */ o(
-    L,
+  return /* @__PURE__ */ e(
+    P,
     {
       action: {
         id: "style",
         active: n.isAligned,
         icon: "wm-format-paragraph",
-        items: e
+        items: o
       }
     }
   );
-}, At = () => {
-  const { editor: t } = m(), n = f({
+}, Nt = () => {
+  const { editor: t } = g(), n = p({
     editor: t,
-    selector: ({ editor: e }) => ({
-      bgColor: e.getAttributes("textStyle").backgroundColor
+    selector: ({ editor: o }) => ({
+      bgColor: o.getAttributes("textStyle").backgroundColor
     })
   });
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ f(
     "label",
     {
-      className: d.wuContentEditorAction,
+      className: a.wuContentEditorAction,
       htmlFor: "bg-color",
       title: "Background Color",
       children: [
-        /* @__PURE__ */ o(h, { icon: "wm-border-color", style: { color: n.bgColor } }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ e(h, { icon: "wm-border-color", style: { color: n.bgColor } }),
+        /* @__PURE__ */ e(
           "input",
           {
             type: "color",
             id: "bg-color",
             name: "bg-color",
             defaultValue: "#fff",
-            onChange: (e) => t.chain().focus().setBackgroundColor(e.target.value).run()
+            onChange: (o) => t.chain().focus().setBackgroundColor(o.target.value).run()
           }
         )
       ]
     }
   );
-}, kt = () => {
-  const { editor: t } = m(), n = f({
+}, _t = () => {
+  const { editor: t } = g(), n = p({
     editor: t,
     selector: (i) => {
-      var l, c, a, s, r, u;
+      var r, l, d, c, s, u;
       return {
-        isParagraph: (l = i.editor) == null ? void 0 : l.isActive("paragraph"),
-        isH1: (c = i.editor) == null ? void 0 : c.isActive("heading", { level: 1 }),
-        isH2: (a = i.editor) == null ? void 0 : a.isActive("heading", { level: 2 }),
-        isH3: (s = i.editor) == null ? void 0 : s.isActive("heading", { level: 3 }),
-        isH4: (r = i.editor) == null ? void 0 : r.isActive("heading", { level: 4 }),
+        isParagraph: (r = i.editor) == null ? void 0 : r.isActive("paragraph"),
+        isH1: (l = i.editor) == null ? void 0 : l.isActive("heading", { level: 1 }),
+        isH2: (d = i.editor) == null ? void 0 : d.isActive("heading", { level: 2 }),
+        isH3: (c = i.editor) == null ? void 0 : c.isActive("heading", { level: 3 }),
+        isH4: (s = i.editor) == null ? void 0 : s.isActive("heading", { level: 4 }),
         isStyle: (u = i.editor) == null ? void 0 : u.isActive("heading")
       };
     }
-  }), e = [
+  }), o = [
     {
       id: "paragraph",
       icon: "wm-format-paragraph",
@@ -270,222 +273,222 @@ const at = "_wuContentEditor_399u0_8", dt = "_wuContentEditorTable_399u0_1", ut
       active: n.isH4
     }
   ];
-  return /* @__PURE__ */ o(
-    L,
+  return /* @__PURE__ */ e(
+    P,
     {
       action: {
         id: "style",
         active: n.isStyle,
         icon: "wm-format-paragraph",
-        items: e
+        items: o
       },
-      defaultValue: e.find((i) => i.active)
+      defaultValue: o.find((i) => i.active)
     }
   );
-}, Et = () => {
-  const { editor: t } = m(), n = f({
+}, It = () => {
+  const { editor: t } = g(), n = p({
     editor: t,
-    selector: (e) => {
+    selector: (o) => {
       var i;
       return {
-        blockquote: (i = e.editor) == null ? void 0 : i.isActive("blockquote")
+        blockquote: (i = o.editor) == null ? void 0 : i.isActive("blockquote")
       };
     }
   });
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ e(
     "button",
     {
       title: "quote",
-      className: d.wuContentEditorAction,
+      className: a.wuContentEditorAction,
       "data-active": n.blockquote,
-      onClick: (e) => {
-        e.preventDefault(), t.chain().focus().toggleBlockquote().run();
+      onClick: (o) => {
+        o.preventDefault(), t.chain().focus().toggleBlockquote().run();
       },
-      children: /* @__PURE__ */ o(h, { icon: "wm-format-quote" })
+      children: /* @__PURE__ */ e(h, { icon: "wm-format-quote" })
     }
   );
-}, yt = () => {
-  const { editor: t } = m(), n = f({
+}, Dt = () => {
+  const { editor: t } = g(), n = p({
     editor: t,
-    selector: (e) => {
+    selector: (o) => {
       var i;
       return {
-        bold: (i = e.editor) == null ? void 0 : i.isActive("bold")
+        bold: (i = o.editor) == null ? void 0 : i.isActive("bold")
       };
     }
   });
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ e(
     "button",
     {
       title: "Bold",
-      className: d.wuContentEditorAction,
+      className: a.wuContentEditorAction,
       "data-active": n.bold,
-      onClick: (e) => {
-        e.preventDefault(), t.chain().focus().toggleBold().run();
+      onClick: (o) => {
+        o.preventDefault(), t.chain().focus().toggleBold().run();
       },
-      children: /* @__PURE__ */ o(h, { icon: "wm-format-bold" })
+      children: /* @__PURE__ */ e(h, { icon: "wm-format-bold" })
     }
   );
-}, Tt = () => {
-  const { editor: t } = m();
-  return /* @__PURE__ */ o(R, { children: [
+}, Ht = () => {
+  const { editor: t } = g();
+  return /* @__PURE__ */ e(y, { children: [
     {
       id: "clear",
       icon: "wm-format-clear",
       event: () => t.chain().focus().clearNodes().unsetAllMarks().run(),
       tooltip: "Clear Formatting"
     }
-  ].map((e) => /* @__PURE__ */ o(
+  ].map((o) => /* @__PURE__ */ e(
     "button",
     {
-      title: e.tooltip,
-      className: d.wuContentEditorAction,
+      title: o.tooltip,
+      className: a.wuContentEditorAction,
       onClick: (i) => {
-        i.preventDefault(), e.event();
+        i.preventDefault(), o.event();
       },
-      children: /* @__PURE__ */ o(h, { icon: e.icon })
+      children: /* @__PURE__ */ e(h, { icon: o.icon })
     },
-    e.id
+    o.id
   )) });
-}, St = () => {
-  const { editor: t } = m(), n = f({
+}, Rt = () => {
+  const { editor: t } = g(), n = p({
     editor: t,
-    selector: (e) => ({
-      code: e.editor.isActive("code")
+    selector: (o) => ({
+      code: o.editor.isActive("code")
     })
   });
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ e(
     "button",
     {
-      className: d.wuContentEditorAction,
+      className: a.wuContentEditorAction,
       "data-active": n.code,
       title: "Code line",
-      onMouseDown: (e) => {
-        e.preventDefault(), t.chain().focus().toggleCode().run();
+      onMouseDown: (o) => {
+        o.preventDefault(), t.chain().focus().toggleCode().run();
       },
-      children: /* @__PURE__ */ o(h, { icon: "wm-code" })
+      children: /* @__PURE__ */ e(h, { icon: "wm-code" })
     }
   );
-}, xt = () => {
-  const { editor: t } = m(), n = f({
+}, Mt = () => {
+  const { editor: t } = g(), n = p({
     editor: t,
-    selector: (s) => {
-      var r, u;
+    selector: (c) => {
+      var s, u;
       return {
-        isImage: (r = s.editor) == null ? void 0 : r.isActive("image"),
-        imageAttrs: (u = s.editor) == null ? void 0 : u.getAttributes("image")
+        isImage: (s = c.editor) == null ? void 0 : s.isActive("image"),
+        imageAttrs: (u = c.editor) == null ? void 0 : u.getAttributes("image")
       };
     }
-  }), [e, i] = C.useState(n.imageAttrs.src || ""), [l, c] = C.useState(n.imageAttrs.alt || ""), a = () => {
-    t.chain().focus().setImage({ src: e, alt: l }).run();
+  }), [o, i] = m.useState(n.imageAttrs.src || ""), [r, l] = m.useState(n.imageAttrs.alt || ""), d = () => {
+    t.chain().focus().setImage({ src: o, alt: r }).run();
   };
-  return /* @__PURE__ */ g(
-    y,
+  return /* @__PURE__ */ f(
+    H,
     {
-      Trigger: /* @__PURE__ */ o(
+      Trigger: /* @__PURE__ */ e(
         "button",
         {
-          className: d.wuContentEditorAction,
+          className: a.wuContentEditorAction,
           "data-active": n.isImage,
-          children: /* @__PURE__ */ o(h, { icon: "wm-image" })
+          children: /* @__PURE__ */ e(h, { icon: "wm-image" })
         }
       ),
       maxWidth: "400px",
       children: [
-        /* @__PURE__ */ o(T, { style: { display: "none" } }),
-        /* @__PURE__ */ g(S, { className: d.wuContentEditorModal, children: [
-          /* @__PURE__ */ o(
-            k,
+        /* @__PURE__ */ e(R, { style: { display: "none" } }),
+        /* @__PURE__ */ f(M, { className: a.wuContentEditorModal, children: [
+          /* @__PURE__ */ e(
+            x,
             {
               Label: "Image URL",
               type: "url",
-              value: e,
-              onChange: (s) => i(s.target.value),
+              value: o,
+              onChange: (c) => i(c.target.value),
               required: !0
             }
           ),
-          /* @__PURE__ */ o(
-            k,
+          /* @__PURE__ */ e(
+            x,
             {
               Label: "Alt Text",
               type: "text",
-              value: l,
-              onChange: (s) => c(s.target.value)
+              value: r,
+              onChange: (c) => l(c.target.value)
             }
           )
         ] }),
-        /* @__PURE__ */ g(x, { children: [
-          /* @__PURE__ */ o(b, { variant: "secondary", children: "Cancel" }),
-          /* @__PURE__ */ o(b, { onClick: a, disabled: !e, children: "Save" })
+        /* @__PURE__ */ f(z, { children: [
+          /* @__PURE__ */ e(T, { variant: "secondary", children: "Cancel" }),
+          /* @__PURE__ */ e(T, { onClick: d, disabled: !o, children: "Save" })
         ] })
       ]
     }
   );
-}, Lt = () => {
-  const { editor: t } = m(), n = f({
+}, zt = () => {
+  const { editor: t } = g(), n = p({
     editor: t,
-    selector: (r) => {
-      var u, p;
+    selector: (s) => {
+      var u, w;
       return {
-        isLink: (u = r.editor) == null ? void 0 : u.isActive("link"),
-        linkAttrs: (p = r.editor) == null ? void 0 : p.getAttributes("link")
+        isLink: (u = s.editor) == null ? void 0 : u.isActive("link"),
+        linkAttrs: (w = s.editor) == null ? void 0 : w.getAttributes("link")
       };
     }
-  }), [e, i] = C.useState(n.linkAttrs.href || ""), [l, c] = C.useState(n.linkAttrs.alt || ""), a = () => {
+  }), [o, i] = m.useState(n.linkAttrs.href || ""), [r, l] = m.useState(n.linkAttrs.alt || ""), d = () => {
     t.chain().focus().insertContent({
       type: "text",
-      text: l || e,
-      marks: [{ type: "link", attrs: { href: e } }]
+      text: r || o,
+      marks: [{ type: "link", attrs: { href: o } }]
     }).run();
-  }, s = () => {
-    const { $from: r } = t.state.selection, u = r.parent.textContent, p = r.parentOffset;
-    let w = p, v = p;
-    for (; w > 0 && !/\s/.test(u[w - 1]); )
-      w--;
-    for (; v < u.length && !/\s/.test(u[v]); )
-      v++;
-    const N = r.start(), P = N + w, W = N + v, U = u.slice(w, v);
-    t.commands.setTextSelection({ from: P, to: W }), i(n.linkAttrs.href || ""), c(U || n.linkAttrs.alt || "");
+  }, c = () => {
+    const { $from: s } = t.state.selection, u = s.parent.textContent, w = s.parentOffset;
+    let v = w, A = w;
+    for (; v > 0 && !/\s/.test(u[v - 1]); )
+      v--;
+    for (; A < u.length && !/\s/.test(u[A]); )
+      A++;
+    const E = s.start(), S = E + v, F = E + A, L = u.slice(v, A);
+    t.commands.setTextSelection({ from: S, to: F }), i(n.linkAttrs.href || ""), l(L || n.linkAttrs.alt || "");
   };
-  return /* @__PURE__ */ g(
-    y,
+  return /* @__PURE__ */ f(
+    H,
     {
-      Trigger: /* @__PURE__ */ o(
+      Trigger: /* @__PURE__ */ e(
         "button",
         {
-          className: d.wuContentEditorAction,
+          className: a.wuContentEditorAction,
           "data-active": n.isLink,
-          children: /* @__PURE__ */ o(h, { icon: "wm-link" })
+          children: /* @__PURE__ */ e(h, { icon: "wm-link" })
         }
       ),
       maxWidth: "400px",
-      onOpenChange: (r) => r && s(),
+      onOpenChange: (s) => s && c(),
       children: [
-        /* @__PURE__ */ o(T, { style: { display: "none" } }),
-        /* @__PURE__ */ g(S, { className: d.wuContentEditorModal, children: [
-          /* @__PURE__ */ o(
-            k,
+        /* @__PURE__ */ e(R, { style: { display: "none" } }),
+        /* @__PURE__ */ f(M, { className: a.wuContentEditorModal, children: [
+          /* @__PURE__ */ e(
+            x,
             {
               Label: "Link",
               type: "url",
-              value: e,
-              onChange: (r) => i(r.target.value),
+              value: o,
+              onChange: (s) => i(s.target.value),
               required: !0
             }
           ),
-          /* @__PURE__ */ o(
-            k,
+          /* @__PURE__ */ e(
+            x,
             {
               Label: "Text to display",
               type: "text",
-              value: l,
-              onChange: (r) => c(r.target.value)
+              value: r,
+              onChange: (s) => l(s.target.value)
             }
           )
         ] }),
-        /* @__PURE__ */ g(x, { children: [
-          n.isLink && /* @__PURE__ */ o(
-            b,
+        /* @__PURE__ */ f(z, { children: [
+          n.isLink && /* @__PURE__ */ e(
+            T,
             {
               color: "error",
               onClick: () => t.chain().focus().unsetLink().run(),
@@ -493,27 +496,27 @@ const at = "_wuContentEditor_399u0_8", dt = "_wuContentEditorTable_399u0_1", ut
               children: "Remove"
             }
           ),
-          /* @__PURE__ */ o(b, { onClick: a, disabled: !e, children: "Save" })
+          /* @__PURE__ */ e(T, { onClick: d, disabled: !o, children: "Save" })
         ] })
       ]
     }
   );
-}, Ft = () => {
-  const { editor: t } = m(), n = f({
+}, Pt = () => {
+  const { editor: t } = g(), n = p({
     editor: t,
-    selector: (r) => ({
-      isTable: r.editor.isActive("table"),
-      tableAttrs: r.editor.getAttributes("table")
+    selector: (s) => ({
+      isTable: s.editor.isActive("table"),
+      tableAttrs: s.editor.getAttributes("table")
     })
-  }), [e, i] = E(!1), l = j(null), c = _(() => {
-    l.current = setTimeout(() => {
-      t.chain().focus().insertTable({ rows: 2, cols: 4, withHeaderRow: e }).run();
+  }), [o, i] = D(!1), r = Z(null), l = O(() => {
+    r.current = setTimeout(() => {
+      t.chain().focus().insertTable({ rows: 2, cols: 4, withHeaderRow: o }).run();
     }, 100);
-  }, [t, e]), a = _(() => {
-    i((r) => !r), l.current = setTimeout(() => {
+  }, [t, o]), d = O(() => {
+    i((s) => !s), r.current = setTimeout(() => {
       t.chain().focus().toggleHeaderRow().run();
     }, 100);
-  }, [t]), s = [
+  }, [t]), c = [
     {
       text: "Column left",
       icon: "wm-add",
@@ -545,67 +548,67 @@ const at = "_wuContentEditor_399u0_8", dt = "_wuContentEditorTable_399u0_1", ut
       event: () => t.chain().focus().deleteRow().run()
     }
   ];
-  return n.isTable ? /* @__PURE__ */ g(
-    y,
+  return n.isTable ? /* @__PURE__ */ f(
+    H,
     {
-      Trigger: /* @__PURE__ */ o(
+      Trigger: /* @__PURE__ */ e(
         "button",
         {
-          className: d.wuContentEditorAction,
+          className: a.wuContentEditorAction,
           "data-active": n.isTable,
-          children: /* @__PURE__ */ o(h, { icon: "wm-table" })
+          children: /* @__PURE__ */ e(h, { icon: "wm-table" })
         }
       ),
       maxWidth: "320px",
       children: [
-        /* @__PURE__ */ o(T, { style: { display: "none" } }),
-        /* @__PURE__ */ g(S, { className: d.wuContentEditorModal, children: [
-          /* @__PURE__ */ o(
-            st,
+        /* @__PURE__ */ e(R, { style: { display: "none" } }),
+        /* @__PURE__ */ f(M, { className: a.wuContentEditorModal, children: [
+          /* @__PURE__ */ e(
+            ht,
             {
-              checked: e,
-              onClick: a,
+              checked: o,
+              onClick: d,
               Label: "Title Row",
               labelPosition: "left"
             }
           ),
-          /* @__PURE__ */ o("div", { className: d.wuContentEditorTable, children: s.map(({ text: r, icon: u, event: p }) => /* @__PURE__ */ o(
-            ct,
+          /* @__PURE__ */ e("div", { className: a.wuContentEditorTable, children: c.map(({ text: s, icon: u, event: w }) => /* @__PURE__ */ e(
+            q,
             {
-              onClick: p,
+              onClick: w,
               variant: "secondary",
-              Icon: /* @__PURE__ */ o(h, { icon: u }),
-              children: r
+              Icon: /* @__PURE__ */ e(h, { icon: u }),
+              children: s
             },
-            r
+            s
           )) })
         ] }),
-        /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(
-          b,
+        /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
+          T,
           {
             onClick: () => t.chain().focus().deleteTable().run(),
             variant: "outline",
             color: "error",
-            Icon: /* @__PURE__ */ o("span", { className: "wm-delete" }),
+            Icon: /* @__PURE__ */ e("span", { className: "wm-delete" }),
             iconPosition: "left",
             children: "Delete Table"
           }
         ) })
       ]
     }
-  ) : /* @__PURE__ */ o(
+  ) : /* @__PURE__ */ e(
     "button",
     {
-      onClick: c,
-      className: d.wuContentEditorAction,
-      children: /* @__PURE__ */ o(h, { icon: "wm-table" })
+      onClick: l,
+      className: a.wuContentEditorAction,
+      children: /* @__PURE__ */ e(h, { icon: "wm-table" })
     }
   );
-}, Nt = () => {
-  const { editor: t, customFonts: n } = m(), e = f({
+}, Bt = () => {
+  const { editor: t, customFonts: n } = g(), o = p({
     editor: t,
-    selector: (a) => ({
-      currentFontFamily: a.editor.getAttributes("textStyle").fontFamily || ""
+    selector: (d) => ({
+      currentFontFamily: d.editor.getAttributes("textStyle").fontFamily || ""
     })
   }), i = [
     "Fira Sans",
@@ -614,82 +617,82 @@ const at = "_wuContentEditor_399u0_8", dt = "_wuContentEditorTable_399u0_1", ut
     "JetBrains Mono",
     "Montserrat",
     ...n || []
-  ], [l, c] = E(
-    e.currentFontFamily || i[0]
+  ], [r, l] = D(
+    o.currentFontFamily || i[0]
   );
-  return C.useEffect(() => {
-    var a;
-    c(
-      ((a = e.currentFontFamily) == null ? void 0 : a.replace(/"/g, "")) || i[0]
+  return m.useEffect(() => {
+    var d;
+    l(
+      ((d = o.currentFontFamily) == null ? void 0 : d.replace(/"/g, "")) || i[0]
     );
-  }, [e.currentFontFamily]), /* @__PURE__ */ g(M, { children: [
-    /* @__PURE__ */ o(
-      H,
+  }, [o.currentFontFamily]), /* @__PURE__ */ f(U, { children: [
+    /* @__PURE__ */ e(
+      $,
       {
-        className: d.wuContentEditorAction,
-        "data-active": l !== "Fira Sans",
-        style: { fontFamily: l },
-        title: l || "Font Family",
-        children: l == null ? void 0 : l[0]
+        className: a.wuContentEditorAction,
+        "data-active": r !== "Fira Sans",
+        style: { fontFamily: r },
+        title: r || "Font Family",
+        children: r == null ? void 0 : r[0]
       }
     ),
-    /* @__PURE__ */ o(
-      z,
+    /* @__PURE__ */ e(
+      j,
       {
         align: "start",
-        className: d.wuContentEditorDropdown,
+        className: a.wuContentEditorDropdown,
         "data-block": !0,
-        onCloseAutoFocus: (a) => a.preventDefault(),
-        children: i.map((a) => /* @__PURE__ */ o(
-          B,
+        onCloseAutoFocus: (d) => d.preventDefault(),
+        children: i.map((d) => /* @__PURE__ */ e(
+          K,
           {
-            title: a,
-            className: d.wuContentEditorDropdownItem,
+            title: d,
+            className: a.wuContentEditorDropdownItem,
             onSelect: () => {
-              t.chain().focus().setFontFamily(a).run(), c(a);
+              t.chain().focus().setFontFamily(d).run(), l(d);
             },
-            children: a
+            children: d
           },
-          a
+          d
         ))
       }
     )
   ] });
-}, Dt = () => {
-  const { editor: t } = m(), n = f({
+}, Ot = () => {
+  const { editor: t } = g(), n = p({
     editor: t,
-    selector: (e) => {
+    selector: (o) => {
       var i;
       return {
-        italic: (i = e.editor) == null ? void 0 : i.isActive("italic")
+        italic: (i = o.editor) == null ? void 0 : i.isActive("italic")
       };
     }
   });
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ e(
     "button",
     {
       title: "Italic",
-      className: d.wuContentEditorAction,
+      className: a.wuContentEditorAction,
       "data-active": n.italic,
-      onClick: (e) => {
-        e.preventDefault(), t.chain().focus().toggleItalic().run();
+      onClick: (o) => {
+        o.preventDefault(), t.chain().focus().toggleItalic().run();
       },
-      children: /* @__PURE__ */ o(h, { icon: "wm-format-italic" })
+      children: /* @__PURE__ */ e(h, { icon: "wm-format-italic" })
     }
   );
-}, _t = () => {
-  const { editor: t } = m(), n = f({
+}, Wt = () => {
+  const { editor: t } = g(), n = p({
     editor: t,
     selector: (i) => {
-      var l, c, a, s, r, u;
+      var r, l, d, c, s, u;
       return {
-        isUl: (l = i.editor) == null ? void 0 : l.isActive("bulletList"),
-        isOl: (c = i.editor) == null ? void 0 : c.isActive("orderedList"),
-        isTodo: (a = i.editor) == null ? void 0 : a.isActive("taskList"),
-        isList: ((s = i.editor) == null ? void 0 : s.isActive("bulletList")) || ((r = i.editor) == null ? void 0 : r.isActive("orderedList")) || ((u = i.editor) == null ? void 0 : u.isActive("taskList"))
+        isUl: (r = i.editor) == null ? void 0 : r.isActive("bulletList"),
+        isOl: (l = i.editor) == null ? void 0 : l.isActive("orderedList"),
+        isTodo: (d = i.editor) == null ? void 0 : d.isActive("taskList"),
+        isList: ((c = i.editor) == null ? void 0 : c.isActive("bulletList")) || ((s = i.editor) == null ? void 0 : s.isActive("orderedList")) || ((u = i.editor) == null ? void 0 : u.isActive("taskList"))
       };
     }
-  }), e = [
+  }), o = [
     {
       id: "ul",
       icon: "wm-format-list-bulleted",
@@ -712,211 +715,211 @@ const at = "_wuContentEditor_399u0_8", dt = "_wuContentEditorTable_399u0_1", ut
       tooltip: "To-Do List"
     }
   ];
-  return /* @__PURE__ */ o(
-    L,
+  return /* @__PURE__ */ e(
+    P,
     {
       action: {
         id: "style",
         active: n.isList,
         icon: "wm-format-paragraph",
-        items: e
+        items: o
       }
     }
   );
-}, It = ["e", "E", "+", "-"], I = 1, Rt = () => {
-  const { editor: t } = m(), [n, e] = E(16), i = f({
+}, qt = ["e", "E", "+", "-"], W = 1, Ut = () => {
+  const { editor: t } = g(), [n, o] = D(16), i = p({
     editor: t,
-    selector: (s) => ({
-      fontSize: s.editor.getAttributes("textStyle").fontSize
+    selector: (c) => ({
+      fontSize: c.editor.getAttributes("textStyle").fontSize
     })
-  }), l = (s) => {
-    t.chain().focus().setFontSize(s + "px").run();
-  }, c = (s) => {
-    const r = Math.max(I, s);
-    e(r), l(r);
-  }, a = (s) => {
-    It.includes(s.key) ? s.preventDefault() : s.key === "Enter" && l(n);
+  }), r = (c) => {
+    t.chain().focus().setFontSize(c + "px").run();
+  }, l = (c) => {
+    const s = Math.max(W, c);
+    o(s), r(s);
+  }, d = (c) => {
+    qt.includes(c.key) ? c.preventDefault() : c.key === "Enter" && r(n);
   };
-  return C.useEffect(() => {
-    var s;
-    e(Number((s = i.fontSize) == null ? void 0 : s.replace("px", "")) || 16);
-  }, [i.fontSize]), /* @__PURE__ */ g("div", { className: d.wuContentEditorFontSize, children: [
-    /* @__PURE__ */ o(
+  return m.useEffect(() => {
+    var c;
+    o(Number((c = i.fontSize) == null ? void 0 : c.replace("px", "")) || 16);
+  }, [i.fontSize]), /* @__PURE__ */ f("div", { className: a.wuContentEditorFontSize, children: [
+    /* @__PURE__ */ e(
       "button",
       {
-        className: d.wuContentEditorAction,
-        onClick: () => c(n - 1),
-        disabled: n <= I,
+        className: a.wuContentEditorAction,
+        onClick: () => l(n - 1),
+        disabled: n <= W,
         children: "−"
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ e(
       "input",
       {
         type: "number",
         inputMode: "numeric",
         pattern: "[0-9]*",
         value: n,
-        onKeyDown: a,
-        onChange: (s) => e(s.target.valueAsNumber),
-        onBlur: () => l(n)
+        onKeyDown: d,
+        onChange: (c) => o(c.target.valueAsNumber),
+        onBlur: () => r(n)
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ e(
       "button",
       {
-        className: d.wuContentEditorAction,
-        onClick: () => c(n + 1),
+        className: a.wuContentEditorAction,
+        onClick: () => l(n + 1),
         disabled: n >= 128,
         children: "+"
       }
     )
   ] });
-}, Mt = () => {
-  const { editor: t } = m(), n = f({
+}, $t = () => {
+  const { editor: t } = g(), n = p({
     editor: t,
-    selector: (e) => {
+    selector: (o) => {
       var i;
       return {
-        strikethrough: (i = e.editor) == null ? void 0 : i.isActive("strike")
+        strikethrough: (i = o.editor) == null ? void 0 : i.isActive("strike")
       };
     }
   });
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ e(
     "button",
     {
       title: "strikethrough",
-      className: d.wuContentEditorAction,
+      className: a.wuContentEditorAction,
       "data-active": n.strikethrough,
-      onClick: (e) => {
-        e.preventDefault(), t.chain().focus().toggleStrike().run();
+      onClick: (o) => {
+        o.preventDefault(), t.chain().focus().toggleStrike().run();
       },
-      children: /* @__PURE__ */ o(h, { icon: "wm-format-strikethrough" })
+      children: /* @__PURE__ */ e(h, { icon: "wm-format-strikethrough" })
     }
   );
-}, Ht = () => {
-  const { editor: t } = m(), n = f({
+}, jt = () => {
+  const { editor: t } = g(), n = p({
     editor: t,
-    selector: (e) => {
+    selector: (o) => {
       var i;
       return {
-        subscript: (i = e.editor) == null ? void 0 : i.isActive("subscript")
+        subscript: (i = o.editor) == null ? void 0 : i.isActive("subscript")
       };
     }
   });
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ e(
     "button",
     {
       title: "Subscript",
-      className: d.wuContentEditorAction,
+      className: a.wuContentEditorAction,
       "data-active": n.subscript,
-      onClick: (e) => {
-        e.preventDefault(), t.chain().focus().toggleSubscript().run();
+      onClick: (o) => {
+        o.preventDefault(), t.chain().focus().toggleSubscript().run();
       },
-      children: /* @__PURE__ */ o(h, { icon: "wm-subscript" })
+      children: /* @__PURE__ */ e(h, { icon: "wm-subscript" })
     }
   );
-}, zt = () => {
-  const { editor: t } = m(), n = f({
+}, Kt = () => {
+  const { editor: t } = g(), n = p({
     editor: t,
-    selector: (e) => {
+    selector: (o) => {
       var i;
       return {
-        superscript: (i = e.editor) == null ? void 0 : i.isActive("superscript")
+        superscript: (i = o.editor) == null ? void 0 : i.isActive("superscript")
       };
     }
   });
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ e(
     "button",
     {
       title: "Superscript",
-      className: d.wuContentEditorAction,
+      className: a.wuContentEditorAction,
       "data-active": n.superscript,
-      onClick: (e) => {
-        e.preventDefault(), t.chain().focus().toggleSuperscript().run();
+      onClick: (o) => {
+        o.preventDefault(), t.chain().focus().toggleSuperscript().run();
       },
-      children: /* @__PURE__ */ o(h, { icon: "wm-superscript" })
+      children: /* @__PURE__ */ e(h, { icon: "wm-superscript" })
     }
   );
-}, Bt = () => {
-  const { editor: t } = m(), n = f({
+}, Jt = () => {
+  const { editor: t } = g(), n = p({
     editor: t,
-    selector: ({ editor: e }) => ({
-      textColor: e.getAttributes("textStyle").color
+    selector: ({ editor: o }) => ({
+      textColor: o.getAttributes("textStyle").color
     })
   });
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ f(
     "label",
     {
-      className: d.wuContentEditorAction,
+      className: a.wuContentEditorAction,
       htmlFor: "text-color",
       title: "Text Color",
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ e(
           h,
           {
             icon: "wm-format-color-text",
-            className: d.bgColorCursorPointer,
+            className: a.bgColorCursorPointer,
             style: { color: n.textColor }
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ e(
           "input",
           {
             type: "color",
-            className: d.bgColorHiddenInput,
+            className: a.bgColorHiddenInput,
             id: "text-color",
             defaultValue: "#545E6B",
-            onChange: (e) => t.chain().focus().setColor(e.target.value).run()
+            onChange: (o) => t.chain().focus().setColor(o.target.value).run()
           }
         )
       ]
     }
   );
-}, Ot = () => {
-  const { editor: t } = m(), n = f({
+}, Gt = () => {
+  const { editor: t } = g(), n = p({
     editor: t,
-    selector: (e) => {
+    selector: (o) => {
       var i;
       return {
-        underline: (i = e.editor) == null ? void 0 : i.isActive("underline")
+        underline: (i = o.editor) == null ? void 0 : i.isActive("underline")
       };
     }
   });
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ e(
     "button",
     {
       title: "Underline",
-      className: d.wuContentEditorAction,
+      className: a.wuContentEditorAction,
       "data-active": n.underline,
-      onClick: (e) => {
-        e.preventDefault(), t.chain().focus().toggleUnderline().run();
+      onClick: (o) => {
+        o.preventDefault(), t.chain().focus().toggleUnderline().run();
       },
-      children: /* @__PURE__ */ o(h, { icon: "wm-format-underlined" })
+      children: /* @__PURE__ */ e(h, { icon: "wm-format-underlined" })
     }
   );
-}, Pt = {
-  block: /* @__PURE__ */ o(kt, {}),
-  fontFamily: /* @__PURE__ */ o(Nt, {}),
-  fontSize: /* @__PURE__ */ o(Rt, {}),
-  bold: /* @__PURE__ */ o(yt, {}),
-  italic: /* @__PURE__ */ o(Dt, {}),
-  underline: /* @__PURE__ */ o(Ot, {}),
-  strike: /* @__PURE__ */ o(Mt, {}),
-  color: /* @__PURE__ */ o(Bt, {}),
-  bgColor: /* @__PURE__ */ o(At, {}),
-  list: /* @__PURE__ */ o(_t, {}),
-  alignment: /* @__PURE__ */ o(bt, {}),
-  image: /* @__PURE__ */ o(xt, {}),
-  link: /* @__PURE__ */ o(Lt, {}),
-  table: /* @__PURE__ */ o(Ft, {}),
-  blockquote: /* @__PURE__ */ o(Et, {}),
-  superscript: /* @__PURE__ */ o(zt, {}),
-  subscript: /* @__PURE__ */ o(Ht, {}),
-  codeline: /* @__PURE__ */ o(St, {}),
-  clear: /* @__PURE__ */ o(Tt, {}),
+}, Vt = {
+  block: /* @__PURE__ */ e(_t, {}),
+  fontFamily: /* @__PURE__ */ e(Bt, {}),
+  fontSize: /* @__PURE__ */ e(Ut, {}),
+  bold: /* @__PURE__ */ e(Dt, {}),
+  italic: /* @__PURE__ */ e(Ot, {}),
+  underline: /* @__PURE__ */ e(Gt, {}),
+  strike: /* @__PURE__ */ e($t, {}),
+  color: /* @__PURE__ */ e(Jt, {}),
+  bgColor: /* @__PURE__ */ e(Nt, {}),
+  list: /* @__PURE__ */ e(Wt, {}),
+  alignment: /* @__PURE__ */ e(Lt, {}),
+  image: /* @__PURE__ */ e(Mt, {}),
+  link: /* @__PURE__ */ e(zt, {}),
+  table: /* @__PURE__ */ e(Pt, {}),
+  blockquote: /* @__PURE__ */ e(It, {}),
+  superscript: /* @__PURE__ */ e(Kt, {}),
+  subscript: /* @__PURE__ */ e(jt, {}),
+  codeline: /* @__PURE__ */ e(Rt, {}),
+  clear: /* @__PURE__ */ e(Ht, {}),
   // eslint-disable-next-line @typescript-eslint/naming-convention
-  "|": /* @__PURE__ */ o(
+  "|": /* @__PURE__ */ e(
     "div",
     {
       style: {
@@ -926,7 +929,7 @@ const at = "_wuContentEditor_399u0_8", dt = "_wuContentEditorTable_399u0_1", ut
       }
     }
   )
-}, Wt = [
+}, Xt = [
   "block",
   "fontFamily",
   "|",
@@ -953,14 +956,14 @@ const at = "_wuContentEditor_399u0_8", dt = "_wuContentEditorTable_399u0_1", ut
   "codeline",
   "|",
   "clear"
-], Ut = (t) => {
-  const { editor: n, customFonts: e, children: i, items: l = Wt, ...c } = t;
-  return /* @__PURE__ */ o("div", { ...c, children: /* @__PURE__ */ g(vt, { editor: n, customFonts: e, children: [
-    l.map((a, s) => /* @__PURE__ */ o(R, { children: Pt[a] }, a + s)),
+], Yt = (t) => {
+  const { editor: n, customFonts: o, children: i, items: r = Xt, ...l } = t;
+  return /* @__PURE__ */ e("div", { ...l, children: /* @__PURE__ */ f(Ft, { editor: n, customFonts: o, children: [
+    r.map((d, c) => /* @__PURE__ */ e(y, { children: Vt[d] }, d + c)),
     i
   ] }) });
-}, F = lt();
-F.setConfig({
+}, B = gt();
+B.setConfig({
   USE_PROFILES: { html: !0 },
   ALLOWED_TAGS: [
     "div",
@@ -1012,79 +1015,179 @@ F.setConfig({
   ],
   ALLOW_DATA_ATTR: !0
 });
-F.addHook("uponSanitizeAttribute", (t, n) => {
+B.addHook("uponSanitizeAttribute", (t, n) => {
   if (n.attrName === "style") {
-    const e = n.attrValue.toLowerCase();
-    (e.includes("expression") || e.includes("javascript:") || e.includes("url(")) && (n.keepAttr = !1);
+    const o = n.attrValue.toLowerCase();
+    (o.includes("expression") || o.includes("javascript:") || o.includes("url(")) && (n.keepAttr = !1);
   }
 });
-function A(t) {
-  return t ? F.sanitize(t) : "";
+function I(t) {
+  return t ? B.sanitize(t) : "";
+}
+let _ = null;
+function Zt() {
+  return _ || (_ = import("shiki").then(
+    ({ createHighlighter: t }) => t({
+      themes: ["github-light"],
+      langs: ["html"]
+    })
+  )), _;
 }
-function ie({
+function Qt({
   defaultValue: t,
   onUpdate: n,
-  className: e,
+  readonly: o
+}) {
+  const [i, r] = m.useState(t || ""), [l, d] = m.useState(""), [c, s] = m.useState(!1), [u, w] = m.useState(!1), v = m.useRef(!1), A = m.useCallback(
+    async (b) => {
+      try {
+        const [{ format: C }, { default: k }] = await Promise.all([
+          import("../../standalone-BhI0QomE.js"),
+          import("../../html-Nh3KtWcE.js")
+        ]), N = await C(b, {
+          parser: "html",
+          plugins: [k],
+          htmlWhitespaceSensitivity: "css",
+          printWidth: 80
+        });
+        return s(!1), N;
+      } catch (C) {
+        return console.error("Format error:", C), s(!0), b;
+      }
+    },
+    []
+  ), E = m.useCallback((b) => {
+    Zt().then((C) => {
+      const k = C.codeToHtml(b || " ", {
+        lang: "html",
+        theme: "github-light"
+      });
+      d(k);
+    }).catch((C) => console.error("Highlight error:", C));
+  }, []);
+  m.useEffect(() => {
+    E(i), n && n(I(i));
+  }, [i, E, n]), m.useEffect(() => {
+    v.current || !t || (v.current = !0, A(t).then(r));
+  }, [t, A]);
+  const S = async (b) => {
+    b.preventDefault(), w(!0);
+    const C = await A(i);
+    r(C), w(!1);
+  }, F = async (b) => {
+    b.preventDefault(), w(!0);
+    const C = await A(i);
+    r(C), w(!1), n && n(C);
+  }, L = (b) => {
+    if (b.key === "Tab") {
+      b.preventDefault();
+      const C = b.currentTarget, k = C.selectionStart, N = C.selectionEnd, G = i.substring(0, k) + "  " + i.substring(N);
+      r(G), requestAnimationFrame(() => {
+        C.selectionStart = k + 2, C.selectionEnd = k + 2;
+      });
+    }
+  };
+  return /* @__PURE__ */ f(y, { children: [
+    /* @__PURE__ */ f("div", { className: a.wuContentEditorToolbar, "data-position": "top", children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          title: "Format Code",
+          className: a.wuContentEditorAction,
+          onClick: S,
+          disabled: u,
+          children: /* @__PURE__ */ e(h, { icon: "wm-ads-click" })
+        }
+      ),
+      c && /* @__PURE__ */ e("span", { style: { color: "red" }, children: "Invalid HTML code. Please check" }),
+      /* @__PURE__ */ e(q, { style: { marginLeft: "auto" }, onClick: F, children: "Save" })
+    ] }),
+    u ? /* @__PURE__ */ e(y, { children: "Formatting..." }) : /* @__PURE__ */ e("div", { className: a.wuContentEditor, children: /* @__PURE__ */ f("div", { className: a.wuCodeEditor, children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          dangerouslySetInnerHTML: { __html: l },
+          className: a.wuCodeEditorPreview
+        }
+      ),
+      /* @__PURE__ */ e(
+        "textarea",
+        {
+          value: i,
+          onChange: (b) => r(b.target.value),
+          onKeyDown: L,
+          className: a.wuCodeEditorInput,
+          disabled: o
+        }
+      )
+    ] }) })
+  ] });
+}
+function fe({
+  defaultValue: t,
+  onUpdate: n,
+  className: o,
   toolbarPosition: i = "top",
-  customToolbarChildren: l,
-  toolbarItems: c,
-  hideToolbar: a,
-  readonly: s,
-  customFonts: r,
-  renderDefaultOnly: u,
-  ...p
+  customToolbarChildren: r,
+  toolbarItems: l,
+  hideToolbar: d,
+  readonly: c,
+  customFonts: s,
+  isHtml: u,
+  ...w
 }) {
-  const w = q({
-    extensions: Ct,
-    content: A(t || ""),
-    onUpdate: ({ editor: v }) => {
-      n && n(A(v.getHTML()));
+  const v = V({
+    editable: !c,
+    extensions: St,
+    content: I(t || ""),
+    onUpdate: ({ editor: A }) => {
+      n && n(I(A.getHTML()));
     }
   });
-  return s ? (console.log(w.getHTML()), /* @__PURE__ */ o(
-    "div",
-    {
-      className: D(d.wuContentEditor, e),
-      dangerouslySetInnerHTML: {
-        __html: A(u ? t || "" : w.getHTML())
-      },
-      ...p
-    }
-  )) : /* @__PURE__ */ g(
+  return /* @__PURE__ */ e(
     "div",
     {
-      className: D(d.wuContentEditorContainer, e),
+      className: Y(a.wuContentEditorContainer, o),
       "data-position": i,
       "data-slot": "wu-content-editor-container",
       onClick: () => {
-        w == null || w.chain().focus().run();
+        v == null || v.chain().focus().run();
       },
-      ...p,
-      children: [
-        !a && /* @__PURE__ */ o(
-          Ut,
+      ...w,
+      children: u ? /* @__PURE__ */ e(
+        Qt,
+        {
+          defaultValue: t,
+          onUpdate: n,
+          "data-position": i,
+          "data-slot": "wu-content-editor-toolbar",
+          readonly: c
+        }
+      ) : /* @__PURE__ */ f(y, { children: [
+        !d && /* @__PURE__ */ e(
+          Yt,
           {
-            editor: w,
-            customFonts: r,
-            className: d.wuContentEditorToolbar,
-            items: c,
+            editor: v,
+            customFonts: s,
+            className: a.wuContentEditorToolbar,
+            items: l,
             "data-slot": "wu-content-editor-toolbar",
             "data-position": i,
-            children: l
+            children: r
           }
         ),
-        /* @__PURE__ */ o(
-          $,
+        /* @__PURE__ */ e(
+          X,
           {
-            editor: w,
-            className: d.wuContentEditor,
+            editor: v,
+            className: a.wuContentEditor,
             "data-slot": "wu-content-editor"
           }
         )
-      ]
+      ] })
     }
   );
 }
 export {
-  ie as WuContentEditor
+  fe as WuContentEditor
 };