mx-ui-components-pkg 0.0.717-alpha.136 → 0.0.717-alpha.137

package/dist/{cssMode-Yr-TzBfy.js → cssMode-DtPgM6j3.js}

@@ -1,4 +1,4 @@
-import { m as et } from "./index-BaQNsaYT.js";
+import { m as et } from "./index-DE85gHyd.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{freemarker2-DHkpJggp.js → freemarker2-Bt2xmuQ2.js}

@@ -1,4 +1,4 @@
-import { m as f } from "./index-BaQNsaYT.js";
+import { m as f } from "./index-DE85gHyd.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{handlebars-DoFq7Cy7.js → handlebars-C7T2GKYk.js}

@@ -1,4 +1,4 @@
-import { m as l } from "./index-BaQNsaYT.js";
+import { m as l } from "./index-DE85gHyd.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{html-B-pgD6OM.js → html-CcCA2Puf.js}

@@ -1,4 +1,4 @@
-import { m as s } from "./index-BaQNsaYT.js";
+import { m as s } from "./index-DE85gHyd.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{htmlMode-wTgGH9fu.js → htmlMode-B1z8b0ht.js}

@@ -1,4 +1,4 @@
-import { m as lt } from "./index-BaQNsaYT.js";
+import { m as lt } from "./index-DE85gHyd.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{index-BaQNsaYT.js → index-DE85gHyd.js}

@@ -25909,7 +25909,7 @@ function(i) {
  */
 function(i) {
   function e() {
-    return (to.canvg ? Promise.resolve(to.canvg) : import("./index.es-Dq07xInJ.js")).catch(function(t) {
+    return (to.canvg ? Promise.resolve(to.canvg) : import("./index.es-BmUYsNRN.js")).catch(function(t) {
       return Promise.reject(new Error("Could not load canvg: " + t));
     }).then(function(t) {
       return t.default ? t.default : t;
@@ -142312,57 +142312,58 @@ class Rgn extends oi {
     re(this, "variablesList", [""]);
     re(this, "searchTerm", "");
     re(this, "highlightedNodes", []);
+    re(this, "isEditableMode", !0);
     re(this, "undoChanges", () => {
       var t;
-      (t = this.$ditaEditor) == null || t.chain().focus().undo().run();
+      this.isEditableMode && ((t = this.$ditaEditor) == null || t.chain().focus().undo().run());
     });
     re(this, "redoChanges", () => {
       var t;
-      (t = this.$ditaEditor) == null || t.chain().focus().redo().run();
+      this.isEditableMode && ((t = this.$ditaEditor) == null || t.chain().focus().redo().run());
     });
     re(this, "toggleBold", () => {
       var t;
-      (t = this.$ditaEditor) == null || t.chain().focus().toggleBold().run();
+      this.isEditableMode && ((t = this.$ditaEditor) == null || t.chain().focus().toggleBold().run());
     });
     re(this, "toggleItalic", () => {
       var t;
-      (t = this.$ditaEditor) == null || t.chain().focus().toggleItalic().run();
+      this.isEditableMode && ((t = this.$ditaEditor) == null || t.chain().focus().toggleItalic().run());
     });
     re(this, "togglUnderline", () => {
       var t;
-      (t = this.$ditaEditor) == null || t.chain().focus().toggleUnderline().run();
+      this.isEditableMode && ((t = this.$ditaEditor) == null || t.chain().focus().toggleUnderline().run());
     });
     re(this, "toggleStrike", () => {
       var t;
-      (t = this.$ditaEditor) == null || t.chain().focus().toggleStrike().run();
+      this.isEditableMode && ((t = this.$ditaEditor) == null || t.chain().focus().toggleStrike().run());
     });
     re(this, "toggleBulletList", () => {
       var t;
-      (t = this.$ditaEditor) == null || t.chain().focus().toggleBulletList().run();
+      this.isEditableMode && ((t = this.$ditaEditor) == null || t.chain().focus().toggleBulletList().run());
     });
     re(this, "addColumnAfter", () => {
       var t;
-      (t = this.$ditaEditor) == null || t.chain().focus().addColumnAfter().run();
+      this.isEditableMode && ((t = this.$ditaEditor) == null || t.chain().focus().addColumnAfter().run());
     });
     re(this, "deleteColumn", () => {
       var t;
-      (t = this.$ditaEditor) == null || t.chain().focus().deleteColumn().run();
+      this.isEditableMode && ((t = this.$ditaEditor) == null || t.chain().focus().deleteColumn().run());
     });
     re(this, "addRowAfter", () => {
       var t;
-      (t = this.$ditaEditor) == null || t.chain().focus().addRowAfter().run();
+      this.isEditableMode && ((t = this.$ditaEditor) == null || t.chain().focus().addRowAfter().run());
     });
     re(this, "deleteRow", () => {
       var t;
-      (t = this.$ditaEditor) == null || t.chain().focus().deleteRow().run();
+      this.isEditableMode && ((t = this.$ditaEditor) == null || t.chain().focus().deleteRow().run());
     });
     re(this, "setFontSize", (t) => {
       var n;
-      (n = this.$ditaEditor) == null || n.chain().focus().setFontSize(t + "px").run();
+      this.isEditableMode && ((n = this.$ditaEditor) == null || n.chain().focus().setFontSize(t + "px").run());
     });
     re(this, "onFontChange", (t) => {
       var n;
-      (n = this.$ditaEditor) == null || n.chain().focus().setFontFamily(t).run(), console.log("changdoiasbxlajcdsnlkdja ---- ", t);
+      this.isEditableMode && ((n = this.$ditaEditor) == null || n.chain().focus().setFontFamily(t).run(), console.log("changdoiasbxlajcdsnlkdja ---- ", t));
     });
     re(this, "checkSpelling", () => {
       let t = document.getElementById("dita-builder-container");
@@ -142370,7 +142371,7 @@ class Rgn extends oi {
     });
     re(this, "addLinkToContent", () => {
       var t, n;
-      (n = (t = this.$ditaEditor) == null ? void 0 : t.commands) == null || n.openCustomLinkModal(), console.log("yet to write code");
+      this.isEditableMode && ((n = (t = this.$ditaEditor) == null ? void 0 : t.commands) == null || n.openCustomLinkModal(), console.log("yet to write code"));
     });
     re(this, "isActive", (t, n = {}) => {
       var r;
@@ -142491,6 +142492,7 @@ class Rgn extends oi {
     });
     re(this, "onContentUpdate", this.debounce(async (t) => {
       var f, p, g, m, v, A, _, y, w, C, b;
+      if (!this.isEditableMode) return;
       const n = t.editor;
       if ((p = (f = this.store) == null ? void 0 : f._signals.topicAccordianLoader) != null && p.value)
         return;
@@ -142603,12 +142605,13 @@ class Rgn extends oi {
       this.meta.props,
       this
     ) || "edit", n = String(t).toLowerCase().trim();
-    this.$ditaEditor.setOptions({
-      editable: n === "edit"
+    this.isEditableMode = n === "edit", this.$ditaEditor.setOptions({
+      editable: this.isEditableMode
     });
   }
   addContentBlockType(t, n) {
     var s, o;
+    if (!this.isEditableMode) return;
     const r = t;
     this.contentBlock = t, console.log("this is the content type ", t), this.$ditaEditor && (this.$ditaEditor.state.selection.from, r === "text" ? this.$ditaEditor.commands.insertContent("<p></p>") : r === "section" ? this.$ditaEditor.commands.insertSection() : r === "table" ? (this.$ditaEditor.chain().focus().insertTable({
       rows: 2,
@@ -142646,19 +142649,25 @@ class Rgn extends oi {
   }
   createToolbarAction(t, n, r, s) {
     const o = document.createElement("button");
-    o.type = "button", o.setAttribute("aria-label", t), o.className = "rounded p-1 hover:bg-black hover:text-white", this.isActive && this.isActive(t) && o.classList.add("bg-black", "text-white"), o.onclick = n, s !== void 0 && s && (o.disabled = !0);
-    const a = document.createElement("img");
-    return a.src = r, a.alt = t, o.appendChild(a), o;
+    o.type = "button", o.setAttribute("aria-label", t);
+    const a = !this.isEditableMode || !!s;
+    o.disabled = a, o.tabIndex = a ? -1 : 0, o.className = `
+      rounded p-1
+      ${a ? "opacity-40 cursor-not-allowed" : "hover:bg-black hover:text-white"}
+    `, a || (o.onclick = n);
+    const l = document.createElement("img");
+    return l.src = r, l.alt = t, o.appendChild(l), o;
   }
   createFontSizeView(t) {
     let n = document.createElement("div");
     const r = () => {
+      if (!this.isEditableMode) return;
       let d = document.getElementById("font-size");
       d && (d.textContent = this.fontSize + ""), t(this.fontSize);
     }, s = () => {
-      this.fontSize--, r();
+      this.isEditableMode && (this.fontSize--, r());
     }, o = () => {
-      this.fontSize++, r();
+      this.isEditableMode && (this.fontSize++, r());
     };
     let a = document.createElement("div");
     a.className = "flex flex-row items-center gap-0.5";
@@ -270382,37 +270391,37 @@ Gi({
   id: "freemarker2",
   extensions: [".ftl", ".ftlh", ".ftlx"],
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
-  loader: () => import("./freemarker2-DHkpJggp.js").then((i) => i.TagAutoInterpolationDollar)
+  loader: () => import("./freemarker2-Bt2xmuQ2.js").then((i) => i.TagAutoInterpolationDollar)
 });
 Gi({
   id: "freemarker2.tag-angle.interpolation-dollar",
   aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
-  loader: () => import("./freemarker2-DHkpJggp.js").then((i) => i.TagAngleInterpolationDollar)
+  loader: () => import("./freemarker2-Bt2xmuQ2.js").then((i) => i.TagAngleInterpolationDollar)
 });
 Gi({
   id: "freemarker2.tag-bracket.interpolation-dollar",
   aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
-  loader: () => import("./freemarker2-DHkpJggp.js").then((i) => i.TagBracketInterpolationDollar)
+  loader: () => import("./freemarker2-Bt2xmuQ2.js").then((i) => i.TagBracketInterpolationDollar)
 });
 Gi({
   id: "freemarker2.tag-angle.interpolation-bracket",
   aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
-  loader: () => import("./freemarker2-DHkpJggp.js").then((i) => i.TagAngleInterpolationBracket)
+  loader: () => import("./freemarker2-Bt2xmuQ2.js").then((i) => i.TagAngleInterpolationBracket)
 });
 Gi({
   id: "freemarker2.tag-bracket.interpolation-bracket",
   aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
-  loader: () => import("./freemarker2-DHkpJggp.js").then((i) => i.TagBracketInterpolationBracket)
+  loader: () => import("./freemarker2-Bt2xmuQ2.js").then((i) => i.TagBracketInterpolationBracket)
 });
 Gi({
   id: "freemarker2.tag-auto.interpolation-dollar",
   aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
-  loader: () => import("./freemarker2-DHkpJggp.js").then((i) => i.TagAutoInterpolationDollar)
+  loader: () => import("./freemarker2-Bt2xmuQ2.js").then((i) => i.TagAutoInterpolationDollar)
 });
 Gi({
   id: "freemarker2.tag-auto.interpolation-bracket",
   aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
-  loader: () => import("./freemarker2-DHkpJggp.js").then((i) => i.TagAutoInterpolationBracket)
+  loader: () => import("./freemarker2-Bt2xmuQ2.js").then((i) => i.TagAutoInterpolationBracket)
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -270450,7 +270459,7 @@ Gi({
   extensions: [".handlebars", ".hbs"],
   aliases: ["Handlebars", "handlebars", "hbs"],
   mimetypes: ["text/x-handlebars-template"],
-  loader: () => import("./handlebars-DoFq7Cy7.js")
+  loader: () => import("./handlebars-C7T2GKYk.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -270475,7 +270484,7 @@ Gi({
   extensions: [".html", ".htm", ".shtml", ".xhtml", ".mdoc", ".jsp", ".asp", ".aspx", ".jshtm"],
   aliases: ["HTML", "htm", "html", "xhtml"],
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
-  loader: () => import("./html-B-pgD6OM.js")
+  loader: () => import("./html-CcCA2Puf.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -270516,7 +270525,7 @@ Gi({
   filenames: ["jakefile"],
   aliases: ["JavaScript", "javascript", "js"],
   mimetypes: ["text/javascript"],
-  loader: () => import("./javascript-Bjs24nGI.js")
+  loader: () => import("./javascript-Cj8-CT9q.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -270591,7 +270600,7 @@ Gi({
   extensions: [".liquid", ".html.liquid"],
   aliases: ["Liquid", "liquid"],
   mimetypes: ["application/liquid"],
-  loader: () => import("./liquid-DnQB46zW.js")
+  loader: () => import("./liquid-CU5dogMz.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -270627,7 +270636,7 @@ Gi({
   id: "mdx",
   extensions: [".mdx"],
   aliases: ["MDX", "mdx"],
-  loader: () => import("./mdx-BcI4ERaY.js")
+  loader: () => import("./mdx-DDZimwEQ.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -270822,7 +270831,7 @@ Gi({
   extensions: [".py", ".rpy", ".pyw", ".cpy", ".gyp", ".gypi"],
   aliases: ["Python", "py"],
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
-  loader: () => import("./python-DBStDmJn.js")
+  loader: () => import("./python-78DyBjCW.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -270859,7 +270868,7 @@ Gi({
   extensions: [".cshtml"],
   aliases: ["Razor", "razor"],
   mimetypes: ["text/x-cshtml"],
-  loader: () => import("./razor-CZxv2Dib.js")
+  loader: () => import("./razor-y9HSJBS5.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -271111,7 +271120,7 @@ Gi({
   extensions: [".ts", ".tsx", ".cts", ".mts"],
   aliases: ["TypeScript", "ts", "typescript"],
   mimetypes: ["text/typescript"],
-  loader: () => import("./typescript-O1n2LB4L.js")
+  loader: () => import("./typescript-BuE9MCvM.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -271179,7 +271188,7 @@ Gi({
   firstLine: "(\\<\\?xml.*)|(\\<svg)|(\\<\\!doctype\\s+svg)",
   aliases: ["XML", "xml"],
   mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
-  loader: () => import("./xml-CA_Z_OE1.js")
+  loader: () => import("./xml-BwRJ0G6J.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -271192,7 +271201,7 @@ Gi({
   extensions: [".yaml", ".yml"],
   aliases: ["YAML", "yaml", "YML", "yml"],
   mimetypes: ["application/x-yaml", "text/x-yaml"],
-  loader: () => import("./yaml-DCcyUvmp.js")
+  loader: () => import("./yaml-DV3m_XZ-.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -271295,7 +271304,7 @@ var wFe = class {
 );
 F8.languages.css = { cssDefaults: QIt, lessDefaults: YIt, scssDefaults: $It };
 function EFe() {
-  return import("./cssMode-Yr-TzBfy.js");
+  return import("./cssMode-DtPgM6j3.js");
 }
 F8.languages.onLanguage("less", () => {
   EFe().then((i) => i.setupMode(YIt));
@@ -271401,7 +271410,7 @@ _de.languages.html = {
   registerHTMLLanguageService: wde
 };
 function ZZn() {
-  return import("./htmlMode-wTgGH9fu.js");
+  return import("./htmlMode-B1z8b0ht.js");
 }
 function wde(i, e = yde, t = bde(i)) {
   const n = new YZn(i, e, t);
@@ -271478,7 +271487,7 @@ var oei = class {
 ), cei = () => ZIt().then((i) => i.getWorker());
 d$.languages.json = { jsonDefaults: JIt, getWorker: cei };
 function ZIt() {
-  return import("./jsonMode-CJnyxLd4.js");
+  return import("./jsonMode-CRmU0gcf.js");
 }
 d$.languages.register({
   id: "json",
@@ -271642,7 +271651,7 @@ f6.languages.typescript = {
   getJavaScriptWorker: _ei
 };
 function Cde() {
-  return import("./tsMode-yroW2mHm.js");
+  return import("./tsMode-CvApHDXm.js");
 }
 f6.languages.onLanguage("typescript", () => Cde().then((i) => i.setupTypeScript(aLt)));
 f6.languages.onLanguage("javascript", () => Cde().then((i) => i.setupJavaScript(lLt)));

package/dist/{index.es-Dq07xInJ.js → index.es-BmUYsNRN.js}

@@ -1,4 +1,4 @@
-import { c as Qe, _ as za, g as Io } from "./index-BaQNsaYT.js";
+import { c as Qe, _ as za, g as Io } from "./index-DE85gHyd.js";
 var ht = function(a) {
   return a && a.Math === Math && a;
 }, _ = (

package/dist/index.js

@@ -1,4 +1,4 @@
-import { ag as o, aV as e, N as t, aq as i, bl as r, bI as b, au as n, p as u, q as d, bj as C, B as M, Q as m, j as p, l, aa as c, be as g, K as h, bh as D, x as A, a6 as B, bA as T, aZ as y, a_ as I, bZ as S, b9 as w, aW as P, aX as F, bB as R, b5 as k, aC as x, b7 as L, aG as H, aE as f, aF as v, bb as E, ba as G, bc as N, bC as V, bE as W, bX as O, C as U, bL as q, V as z, bn as J, ar as K, b3 as X, bR as j, aS as Q, bS as Y, E as Z, ac as $, aT as _, F as aa, bs as sa, bG as oa, b2 as ea, X as ta, Y as ia, Z as ra, $ as ba, a0 as na, a1 as ua, bt as da, a2 as Ca, b8 as Ma, as as ma, I as pa, a4 as la, ai as ca, a3 as ga, bv as ha, af as Da, bi as Aa, ah as Ba, ad as Ta, r as ya, av as Ia, aN as Sa, aQ as wa, aO as Pa, aP as Fa, bd as Ra, n as ka, bH as xa, aU as La, b1 as Ha, ab as fa, bU as va, y as Ea, u as Ga, s as Na, e as Va, bf as Wa, bV as Oa, a$ as Ua, o as qa, az as za, bP as Ja, aK as Ka, aI as Xa, aJ as ja, bN as Qa, bY as Ya, b$ as Za, bQ as $a, bO as _a, b as as, bD as ss, k as os, d as es, v as ts, b_ as is, aY as rs, b0 as bs, bF as ns, bW as us, M as ds, h as Cs, bw as Ms, i as ms, bz as ps, by as ls, bx as cs, a9 as gs, br as hs, G as Ds, aw as As, ay as Bs, ax as Ts, A as ys, aD as Is, bJ as Ss, bK as ws, bM as Ps, O as Fs, P as Rs, bm as ks, aj as xs, ak as Ls, D as Hs, f as fs, a7 as vs, am as Es, aH as Gs, a8 as Ns, bq as Vs, L as Ws, R as Os, bk as Us, a5 as qs, z as zs, at as Js, bu as Ks, bp as Xs, bo as js, an as Qs, J as Ys, S as Zs, U as $s, H as _s, T as ao, w as so, ao as oo, ap as eo, b4 as to, aA as io, bT as ro, al as bo, ae as no, b6 as uo, a9 as Co, W as Mo, aR as mo, bg as po, aB as lo, aM as co, a as go, aL as ho } from "./index-BaQNsaYT.js";
+import { ag as o, aV as e, N as t, aq as i, bl as r, bI as b, au as n, p as u, q as d, bj as C, B as M, Q as m, j as p, l, aa as c, be as g, K as h, bh as D, x as A, a6 as B, bA as T, aZ as y, a_ as I, bZ as S, b9 as w, aW as P, aX as F, bB as R, b5 as k, aC as x, b7 as L, aG as H, aE as f, aF as v, bb as E, ba as G, bc as N, bC as V, bE as W, bX as O, C as U, bL as q, V as z, bn as J, ar as K, b3 as X, bR as j, aS as Q, bS as Y, E as Z, ac as $, aT as _, F as aa, bs as sa, bG as oa, b2 as ea, X as ta, Y as ia, Z as ra, $ as ba, a0 as na, a1 as ua, bt as da, a2 as Ca, b8 as Ma, as as ma, I as pa, a4 as la, ai as ca, a3 as ga, bv as ha, af as Da, bi as Aa, ah as Ba, ad as Ta, r as ya, av as Ia, aN as Sa, aQ as wa, aO as Pa, aP as Fa, bd as Ra, n as ka, bH as xa, aU as La, b1 as Ha, ab as fa, bU as va, y as Ea, u as Ga, s as Na, e as Va, bf as Wa, bV as Oa, a$ as Ua, o as qa, az as za, bP as Ja, aK as Ka, aI as Xa, aJ as ja, bN as Qa, bY as Ya, b$ as Za, bQ as $a, bO as _a, b as as, bD as ss, k as os, d as es, v as ts, b_ as is, aY as rs, b0 as bs, bF as ns, bW as us, M as ds, h as Cs, bw as Ms, i as ms, bz as ps, by as ls, bx as cs, a9 as gs, br as hs, G as Ds, aw as As, ay as Bs, ax as Ts, A as ys, aD as Is, bJ as Ss, bK as ws, bM as Ps, O as Fs, P as Rs, bm as ks, aj as xs, ak as Ls, D as Hs, f as fs, a7 as vs, am as Es, aH as Gs, a8 as Ns, bq as Vs, L as Ws, R as Os, bk as Us, a5 as qs, z as zs, at as Js, bu as Ks, bp as Xs, bo as js, an as Qs, J as Ys, S as Zs, U as $s, H as _s, T as ao, w as so, ao as oo, ap as eo, b4 as to, aA as io, bT as ro, al as bo, ae as no, b6 as uo, a9 as Co, W as Mo, aR as mo, bg as po, aB as lo, aM as co, a as go, aL as ho } from "./index-DE85gHyd.js";
 export {
   o as A,
   e as Action,

package/dist/index.umd.cjs

@@ -2592,7 +2592,7 @@ img.ProseMirror-separator {
 `}),_e+=`</row>
 `)}),_e+=`</tbody>
 </tgroup>
-</table>`,_e}function jsonToDita(Ce,_e){var De,ke;let Ae=!1,Se="<title></title>";function Ee(Oe){var Pe,Be,Fe;let Me="";for(const $e of Oe){if((Pe=$e.attrs)!=null&&Pe.id&&`${$e.attrs.id}`,$e.type==="title"&&!Ae){const Ue=((Be=$e.content)==null?void 0:Be.map(xe).join(""))||"";Se=`<title ${(Fe=$e.attrs)!=null&&Fe.id?`id="${$e.attrs.id}"`:""}>${Ue}</title>`,Ae=!0;continue}if($e.type==="topic"){const Ue=Ee($e.content||[]);Me+=Ue;continue}Me+=xe($e)}return Me}function xe(Oe){var Pe,Be,Fe,$e,Ue,He,Ve,We,ze,qe,Ke,Ge,Ye,Qe,St,Xe,Je,rn;const Me=(Pe=Oe.attrs)!=null&&Pe.id?`id="${Oe.attrs.id}"`:"";if(Oe.type==="paragraph"){const sn=((Be=Oe.content)==null?void 0:Be.map(xe).join(""))||"";return`<p ${Me}>${sn}</p>`}else if(Oe.type==="text"){if(((Fe=Oe.marks)==null?void 0:Fe.length)>0){const sn=Oe.marks[0];if(sn.type==="link"){const{href:pn,target:mn,rel:yn}=sn.attrs;return`<a href="${pn}" target="${mn}" rel="${yn}">${Oe.text}</a>`}if(sn.type==="bold")return`<b>${Oe.text}</b>`;if(sn.type==="italic")return`<i>${Oe.text}</i>`;if(sn.type==="underline")return`<u>${Oe.text}</u>`}return Oe.text||""}else{if(Oe.type==="mention")return($e=Oe.attrs)!=null&&$e.label?`{${Oe.attrs.label}}`:"";if(Oe.type==="table"){const sn=Oe.content||"";return convertTiptapToDita(sn)}else if(Oe.type==="image"){const sn=(He=extractAssetDetails(((Ue=Oe.attrs)==null?void 0:Ue.src)||""))==null?void 0:He.assetNameWithExt;return`<image style="${(Ve=Oe==null?void 0:Oe.attrs)==null?void 0:Ve.style}" href="/home/cloud-user/dita/${_e}/${sn}" alt="${sn}" />`}else if(Oe.type==="video"){const sn=(ze=extractAssetDetails(((We=Oe.attrs)==null?void 0:We.src)||""))==null?void 0:ze.assetNameWithExt;return`<object type="video/${(Ke=extractAssetDetails(((qe=Oe.attrs)==null?void 0:qe.src)||""))==null?void 0:Ke.fileExtension}" data="/home/cloud-user/dita/${_e}/${sn}"> <param name="autoplay" value="false"/> <param name="controls" value="true"/> <desc>Video Uploaded from CMS</desc> </object>`}else if(Oe.type==="codeBlock"){const sn=(Ge=Oe.attrs)==null?void 0:Ge.language,pn=((Ye=Oe.content)==null?void 0:Ye.map(xe).join(""))||"";return`<codeblock outputclass="language-${sn}">${pn}</codeblock>`}else if(Oe.type==="section"){const sn=(Qe=Oe.content)==null?void 0:Qe.find(xn=>xn.type==="title"),pn=sn?`<title>${(St=sn.content)==null?void 0:St.map(xe).join("")}</title>`:"",yn=(((Xe=Oe.content)==null?void 0:Xe.filter(xn=>xn.type!=="title"))||[]).map(xe).join("");return`<section ${Me}>${pn}${yn}</section>`}else{if(Oe.type==="bulletList")return`<ul>${((Je=Oe.content)==null?void 0:Je.map(xe).join(""))||""}</ul>`;if(Oe.type==="listItem")return`<li>${((rn=Oe.content)==null?void 0:rn.map(xe).join(""))||""}</li>`}}return""}const Te=Ee(Ce.content||[]);return`<topic id="${((ke=(De=Ce==null?void 0:Ce.content)==null?void 0:De[0].attrs)==null?void 0:ke.id)||"root"}">${Se}<body>${Te}</body></topic>`}function dropdownJSON(Ce){return{id:"q",type:"my-dropdown",name:"font",styles:"w-full flex flex-col",props:{name:"font",show:!1,multiSelect:!1,layout:"list",partitions:3,type:"button",rounded:!0},bindings:{state:Ce||""},children:[{id:"qwjhg",type:"mobius-dropdown-input",name:"mobius div",styles:"flex border border-gray-300 w-[12vw] rounded-md color-gray-400 text-sm px-2 py-1",props:{value:"Font Family",icon:"/src/assets/dropdownIcon.svg",multiSelect:!1,selectType:!0},bindings:{state:Ce||"",actions:{click:["dropdownToggle"]}},children:[]},{id:"qw",type:"mb-dropdown-menu",name:"mobius dropdown menu",styles:"overflow-y-scroll gap-1 p-0 w-full h-[15vw] z-50 bg-white flex flex-col !top-[2vw] absolute border rounded-md px-3 py-2",props:{multiSelect:!1},bindings:{state:Ce||"",actions:{loadDropdownData:["getDropdownData"]}},children:[{id:"qwer76hyut",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Arial",disabled:!1,type:"text",key:"Arial"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw42r3ferer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Arial",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Arial"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Arial Black",disabled:!1,type:"text",key:"Arial Black"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Arial Black",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Arial Black"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Arial Unicode MS",disabled:!1,type:"text",key:"Arial Unicode MS"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Arial Unicode MS",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Arial Unicode MS"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Book Antiqua",disabled:!1,type:"text",key:"Book Antiqua"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Book Antiqua",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Book Antiqua"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Comic Sans MS",disabled:!1,type:"text",key:"Comic Sans MS"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Comic Sans MS",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Comic Sans MS"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Courier New",disabled:!1,type:"text",key:"Courier New"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Courier New",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Courier New"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Gadget",disabled:!1,type:"text",key:"Gadget"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Gadget",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Gadget"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Geneva",disabled:!1,type:"text",key:"Geneva"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Geneva",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Geneva"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Georgia",disabled:!1,type:"text",key:"Georgia"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Georgia",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Georgia"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Helvetica",disabled:!1,type:"text",key:"Helvetica"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Helvetica",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Helvetica"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Impact",disabled:!1,type:"text",key:"Impact"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Impact",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Impact"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Lucida Console",disabled:!1,type:"text",key:"Lucida Console"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Lucida Console",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Lucida Console"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Lucida Grande",disabled:!1,type:"text",key:"Lucida Grande"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Lucida Grande",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Lucida Grande"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Lucida Sans Unicode",disabled:!1,type:"text",key:"Lucida Sans Unicode"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Lucida Sans Unicode",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Lucida Sans Unicode"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Monaco",disabled:!1,type:"text",key:"Monaco"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Monaco",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Monaco"}],value:""},{id:"qwer76hyut",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"MS Serif",disabled:!1,type:"text",key:"MS Serif"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw42r3ferer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"MS Serif",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"MS Serif"}],value:""},{id:"qwe846531r",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"New York",disabled:!1,type:"text",key:"New York"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"q8653wer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"New York",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"New York"}],value:""},{id:"qwe846531r",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Palatino",disabled:!1,type:"text",key:"Palatino"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"q8653wer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Palatino",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Palatino"}],value:""},{id:"qwe846531r",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Palatino Linotype",disabled:!1,type:"text",key:"Palatino Linotype"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"q8653wer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Palatino Linotype",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Palatino Linotype"}],value:""},{id:"qwe846531r",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Symboll",disabled:!1,type:"text",key:"Symboll"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"q8653wer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Symboll",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Symboll"}],value:""},{id:"qwe846531r",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Tahoma",disabled:!1,type:"text",key:"Tahoma"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"q8653wer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Tahoma",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Tahoma"}],value:""},{id:"qwe846531r",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Times",disabled:!1,type:"text",key:"Times"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"q8653wer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Times",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Times"}],value:""},{id:"qwe846531r",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Times New Roman",disabled:!1,type:"text",key:"Times New Roman"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"q8653wer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Times New Roman",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Times New Roman"}],value:""},{id:"qwe846531r",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Trebuchet MS",disabled:!1,type:"text",key:"Trebuchet MS"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"q8653wer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Trebuchet MS",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Trebuchet MS"}],value:""},{id:"qwe846531r",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Verdana",disabled:!1,type:"text",key:"Verdana"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"q8653wer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Verdana",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Verdana"}],value:""},{id:"qwe846531r",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Webdings",disabled:!1,type:"text",key:"Webdings"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"q8653wer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Webdings",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:""}],value:""}]}]}}class WysiwygEditor extends BaseComponent{constructor(){super();In(this,"ditaValue","");In(this,"contentBlock","");In(this,"$ditaEditor",null);In(this,"fontSize",24);In(this,"isResizingTable",!1);In(this,"cleanupScheduled",!1);In(this,"props",{id:"dita_editor"});In(this,"bindings");In(this,"variablesList",[""]);In(this,"searchTerm","");In(this,"highlightedNodes",[]);In(this,"undoChanges",()=>{var Ae;(Ae=this.$ditaEditor)==null||Ae.chain().focus().undo().run()});In(this,"redoChanges",()=>{var Ae;(Ae=this.$ditaEditor)==null||Ae.chain().focus().redo().run()});In(this,"toggleBold",()=>{var Ae;(Ae=this.$ditaEditor)==null||Ae.chain().focus().toggleBold().run()});In(this,"toggleItalic",()=>{var Ae;(Ae=this.$ditaEditor)==null||Ae.chain().focus().toggleItalic().run()});In(this,"togglUnderline",()=>{var Ae;(Ae=this.$ditaEditor)==null||Ae.chain().focus().toggleUnderline().run()});In(this,"toggleStrike",()=>{var Ae;(Ae=this.$ditaEditor)==null||Ae.chain().focus().toggleStrike().run()});In(this,"toggleBulletList",()=>{var Ae;(Ae=this.$ditaEditor)==null||Ae.chain().focus().toggleBulletList().run()});In(this,"addColumnAfter",()=>{var Ae;(Ae=this.$ditaEditor)==null||Ae.chain().focus().addColumnAfter().run()});In(this,"deleteColumn",()=>{var Ae;(Ae=this.$ditaEditor)==null||Ae.chain().focus().deleteColumn().run()});In(this,"addRowAfter",()=>{var Ae;(Ae=this.$ditaEditor)==null||Ae.chain().focus().addRowAfter().run()});In(this,"deleteRow",()=>{var Ae;(Ae=this.$ditaEditor)==null||Ae.chain().focus().deleteRow().run()});In(this,"setFontSize",Ae=>{var Se;(Se=this.$ditaEditor)==null||Se.chain().focus().setFontSize(Ae+"px").run()});In(this,"onFontChange",Ae=>{var Se;(Se=this.$ditaEditor)==null||Se.chain().focus().setFontFamily(Ae).run(),console.log("changdoiasbxlajcdsnlkdja ---- ",Ae)});In(this,"checkSpelling",()=>{let Ae=document.getElementById("dita-builder-container");Ae&&(Ae.spellcheck=!Ae.spellcheck)});In(this,"addLinkToContent",()=>{var Ae,Se;(Se=(Ae=this.$ditaEditor)==null?void 0:Ae.commands)==null||Se.openCustomLinkModal(),console.log("yet to write code")});In(this,"isActive",(Ae,Se={})=>{var Ee;return(Ee=this.$ditaEditor)==null?void 0:Ee.isActive(Ae,Se)});In(this,"isActiveByAttr",Ae=>{var Se;return(Se=this.$ditaEditor)==null?void 0:Se.isActive(Ae)});In(this,"ditaActions",[{name:"undo",command:this.undoChanges,icon:UndoIcon,isDisabled:!1},{name:"redo",command:this.redoChanges,icon:RedoIcon,isDisabled:!1},{name:"fontFamily",command:this.onFontChange,icon:"",isDisabled:!1},{name:"line",command:"",icon:"",isDisabled:!1},{name:"fontSize",command:this.setFontSize,icon:StrikeIcon,isDisabled:!1},{name:"line",command:"",icon:"",isDisabled:!1},{name:"bold",command:this.toggleBold,icon:BoldIcon,isDisabled:!1},{name:"italic",command:this.toggleItalic,icon:ItalicIcon,isDisabled:!1},{name:"underline",command:this.togglUnderline,icon:UnderlineIcon,isDisabled:!1},{name:"strike",command:this.toggleStrike,icon:StrikeIcon,isDisabled:!1},{name:"spell-check",command:this.checkSpelling,icon:SpellCheckIcon,isDisabled:!1},{name:"line",command:"",icon:"",isDisabled:!1},{name:"bulletList",command:this.toggleBulletList,icon:UnorderedListIcon,isDisabled:!1},{name:"line",command:"",icon:"",isDisabled:!1},{name:"link",command:this.addLinkToContent,icon:LinkIcon,isDisabled:!1},{name:"line",command:"",icon:"",isDisabled:!1}]);In(this,"addTimeStamp",()=>{const Ae={day:"2-digit",month:"short",year:"numeric",hour:"2-digit",minute:"2-digit",hour12:!1};return new Date().toLocaleString("en-GB",Ae).replace(",","")});In(this,"onContentUpdate",this.debounce(async Ae=>{var Be,Fe,$e,Ue,He,Ve,We,ze,qe,Ke,Ge;const Se=Ae.editor;if((Fe=(Be=this.store)==null?void 0:Be._signals.topicAccordianLoader)!=null&&Fe.value)return;if(this.isResizingTable){console.log("Skipping update - table resize in progress");return}const Ee=replaceCurlyBraces(($e=this.meta.props)==null?void 0:$e.projectId,"state",{},this.meta.props,this)===""?"f1cc49c2-d456-49a3-99bc-8a4285503370":replaceCurlyBraces((Ue=this.meta.props)==null?void 0:Ue.projectId,"state",{},this.meta.props,this),xe=jsonToDita(Se.getJSON(),Ee),Te=get$6(((Ve=(He=this.store)==null?void 0:He._signals.ditaContent)==null?void 0:Ve.value)??{},"data","");if(!this.isInsideTable(Se)&&this.contentBlock!=="video"&&this.contentBlock!=="image"){const Ye=await xmlToDita(xe);this.updateStateByName({...Te,dita:Ye},"ditaContent")}let De={id:`${(We=this==null?void 0:this.ditaValue)==null?void 0:We.id}`,content:xe,updatedAt:this.addTimeStamp(),version:((+((ze=this==null?void 0:this.ditaValue)==null?void 0:ze.version)||0)+1).toString()};De={...this.ditaValue,...De},De&&"transactionId"in De&&delete De.transactionId,De&&"dita"in De&&delete De.dita;const ke={dbType:"TIDB",data:[De]},Oe=(qe=this==null?void 0:this.props)==null?void 0:qe.source,Me=((Ke=this==null?void 0:this.props)==null?void 0:Ke.apiMethod)||"POST",Pe=(Ge=this==null?void 0:this.props)==null?void 0:Ge.token;console.log(Oe,Me,ke),fetch(Oe,{method:Me,headers:{"Content-Type":"application/json",Authorization:`Bearer ${Pe}`},body:JSON.stringify(ke)}).then(Ye=>{if(!Ye.ok)throw new Error("Network response was not ok");return Ye.json()}).then(Ye=>{console.log("Auto-save successful:",Ye)}).catch(Ye=>{console.error("Auto-save failed:",Ye)})},1e3));In(this,"bindSearchEvents",()=>{const Ae=document.querySelector(".highlight-search-input[contenteditable]");if(Ae){let Se=null;Ae.addEventListener("input",Ee=>{Se&&clearTimeout(Se),Se=setTimeout(()=>{const xe=Ee.target;this.searchAndHighlight((xe==null?void 0:xe.textContent)||"")},500)})}else setTimeout(()=>{this.bindSearchEvents()},1e3)});In(this,"tableFixTimeout",null);In(this,"tableObserver",null)}createSimpleTableToolbar(){const Ae=document.createElement("div");Ae.id="simple-table-toolbar",Ae.style.cssText=`
+</table>`,_e}function jsonToDita(Ce,_e){var De,ke;let Ae=!1,Se="<title></title>";function Ee(Oe){var Pe,Be,Fe;let Me="";for(const $e of Oe){if((Pe=$e.attrs)!=null&&Pe.id&&`${$e.attrs.id}`,$e.type==="title"&&!Ae){const Ue=((Be=$e.content)==null?void 0:Be.map(xe).join(""))||"";Se=`<title ${(Fe=$e.attrs)!=null&&Fe.id?`id="${$e.attrs.id}"`:""}>${Ue}</title>`,Ae=!0;continue}if($e.type==="topic"){const Ue=Ee($e.content||[]);Me+=Ue;continue}Me+=xe($e)}return Me}function xe(Oe){var Pe,Be,Fe,$e,Ue,He,Ve,We,ze,qe,Ke,Ge,Ye,Qe,St,Xe,Je,rn;const Me=(Pe=Oe.attrs)!=null&&Pe.id?`id="${Oe.attrs.id}"`:"";if(Oe.type==="paragraph"){const sn=((Be=Oe.content)==null?void 0:Be.map(xe).join(""))||"";return`<p ${Me}>${sn}</p>`}else if(Oe.type==="text"){if(((Fe=Oe.marks)==null?void 0:Fe.length)>0){const sn=Oe.marks[0];if(sn.type==="link"){const{href:pn,target:mn,rel:yn}=sn.attrs;return`<a href="${pn}" target="${mn}" rel="${yn}">${Oe.text}</a>`}if(sn.type==="bold")return`<b>${Oe.text}</b>`;if(sn.type==="italic")return`<i>${Oe.text}</i>`;if(sn.type==="underline")return`<u>${Oe.text}</u>`}return Oe.text||""}else{if(Oe.type==="mention")return($e=Oe.attrs)!=null&&$e.label?`{${Oe.attrs.label}}`:"";if(Oe.type==="table"){const sn=Oe.content||"";return convertTiptapToDita(sn)}else if(Oe.type==="image"){const sn=(He=extractAssetDetails(((Ue=Oe.attrs)==null?void 0:Ue.src)||""))==null?void 0:He.assetNameWithExt;return`<image style="${(Ve=Oe==null?void 0:Oe.attrs)==null?void 0:Ve.style}" href="/home/cloud-user/dita/${_e}/${sn}" alt="${sn}" />`}else if(Oe.type==="video"){const sn=(ze=extractAssetDetails(((We=Oe.attrs)==null?void 0:We.src)||""))==null?void 0:ze.assetNameWithExt;return`<object type="video/${(Ke=extractAssetDetails(((qe=Oe.attrs)==null?void 0:qe.src)||""))==null?void 0:Ke.fileExtension}" data="/home/cloud-user/dita/${_e}/${sn}"> <param name="autoplay" value="false"/> <param name="controls" value="true"/> <desc>Video Uploaded from CMS</desc> </object>`}else if(Oe.type==="codeBlock"){const sn=(Ge=Oe.attrs)==null?void 0:Ge.language,pn=((Ye=Oe.content)==null?void 0:Ye.map(xe).join(""))||"";return`<codeblock outputclass="language-${sn}">${pn}</codeblock>`}else if(Oe.type==="section"){const sn=(Qe=Oe.content)==null?void 0:Qe.find(xn=>xn.type==="title"),pn=sn?`<title>${(St=sn.content)==null?void 0:St.map(xe).join("")}</title>`:"",yn=(((Xe=Oe.content)==null?void 0:Xe.filter(xn=>xn.type!=="title"))||[]).map(xe).join("");return`<section ${Me}>${pn}${yn}</section>`}else{if(Oe.type==="bulletList")return`<ul>${((Je=Oe.content)==null?void 0:Je.map(xe).join(""))||""}</ul>`;if(Oe.type==="listItem")return`<li>${((rn=Oe.content)==null?void 0:rn.map(xe).join(""))||""}</li>`}}return""}const Te=Ee(Ce.content||[]);return`<topic id="${((ke=(De=Ce==null?void 0:Ce.content)==null?void 0:De[0].attrs)==null?void 0:ke.id)||"root"}">${Se}<body>${Te}</body></topic>`}function dropdownJSON(Ce){return{id:"q",type:"my-dropdown",name:"font",styles:"w-full flex flex-col",props:{name:"font",show:!1,multiSelect:!1,layout:"list",partitions:3,type:"button",rounded:!0},bindings:{state:Ce||""},children:[{id:"qwjhg",type:"mobius-dropdown-input",name:"mobius div",styles:"flex border border-gray-300 w-[12vw] rounded-md color-gray-400 text-sm px-2 py-1",props:{value:"Font Family",icon:"/src/assets/dropdownIcon.svg",multiSelect:!1,selectType:!0},bindings:{state:Ce||"",actions:{click:["dropdownToggle"]}},children:[]},{id:"qw",type:"mb-dropdown-menu",name:"mobius dropdown menu",styles:"overflow-y-scroll gap-1 p-0 w-full h-[15vw] z-50 bg-white flex flex-col !top-[2vw] absolute border rounded-md px-3 py-2",props:{multiSelect:!1},bindings:{state:Ce||"",actions:{loadDropdownData:["getDropdownData"]}},children:[{id:"qwer76hyut",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Arial",disabled:!1,type:"text",key:"Arial"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw42r3ferer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Arial",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Arial"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Arial Black",disabled:!1,type:"text",key:"Arial Black"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Arial Black",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Arial Black"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Arial Unicode MS",disabled:!1,type:"text",key:"Arial Unicode MS"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Arial Unicode MS",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Arial Unicode MS"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Book Antiqua",disabled:!1,type:"text",key:"Book Antiqua"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Book Antiqua",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Book Antiqua"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Comic Sans MS",disabled:!1,type:"text",key:"Comic Sans MS"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Comic Sans MS",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Comic Sans MS"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Courier New",disabled:!1,type:"text",key:"Courier New"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Courier New",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Courier New"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Gadget",disabled:!1,type:"text",key:"Gadget"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Gadget",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Gadget"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Geneva",disabled:!1,type:"text",key:"Geneva"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Geneva",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Geneva"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Georgia",disabled:!1,type:"text",key:"Georgia"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Georgia",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Georgia"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Helvetica",disabled:!1,type:"text",key:"Helvetica"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Helvetica",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Helvetica"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Impact",disabled:!1,type:"text",key:"Impact"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Impact",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Impact"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Lucida Console",disabled:!1,type:"text",key:"Lucida Console"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Lucida Console",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Lucida Console"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Lucida Grande",disabled:!1,type:"text",key:"Lucida Grande"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Lucida Grande",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Lucida Grande"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Lucida Sans Unicode",disabled:!1,type:"text",key:"Lucida Sans Unicode"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Lucida Sans Unicode",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Lucida Sans Unicode"}],value:""},{id:"q=-0okwer",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Monaco",disabled:!1,type:"text",key:"Monaco"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw2qwer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Monaco",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Monaco"}],value:""},{id:"qwer76hyut",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"MS Serif",disabled:!1,type:"text",key:"MS Serif"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"qw42r3ferer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"MS Serif",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"MS Serif"}],value:""},{id:"qwe846531r",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"New York",disabled:!1,type:"text",key:"New York"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"q8653wer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"New York",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"New York"}],value:""},{id:"qwe846531r",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Palatino",disabled:!1,type:"text",key:"Palatino"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"q8653wer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Palatino",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Palatino"}],value:""},{id:"qwe846531r",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Palatino Linotype",disabled:!1,type:"text",key:"Palatino Linotype"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"q8653wer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Palatino Linotype",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Palatino Linotype"}],value:""},{id:"qwe846531r",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Symboll",disabled:!1,type:"text",key:"Symboll"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"q8653wer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Symboll",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Symboll"}],value:""},{id:"qwe846531r",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Tahoma",disabled:!1,type:"text",key:"Tahoma"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"q8653wer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Tahoma",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Tahoma"}],value:""},{id:"qwe846531r",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Times",disabled:!1,type:"text",key:"Times"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"q8653wer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Times",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Times"}],value:""},{id:"qwe846531r",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Times New Roman",disabled:!1,type:"text",key:"Times New Roman"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"q8653wer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Times New Roman",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Times New Roman"}],value:""},{id:"qwe846531r",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Trebuchet MS",disabled:!1,type:"text",key:"Trebuchet MS"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"q8653wer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Trebuchet MS",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Trebuchet MS"}],value:""},{id:"qwe846531r",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Verdana",disabled:!1,type:"text",key:"Verdana"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"q8653wer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Verdana",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:"Verdana"}],value:""},{id:"qwe846531r",type:"my-dropdown-item",styles:"hover:bg-blue-50 cursor-pointer",props:{value:"Webdings",disabled:!1,type:"text",key:"Webdings"},bindings:{state:Ce||"",actions:{click:["toggleMultiSelect"]}},children:[{id:"q8653wer",type:"mobius-list-item",name:"mobius dropdown list item text",styles:"",props:{value:"Webdings",disabled:!1,type:"text",checked:!1},bindings:{state:Ce||""},children:[],value:""}],value:""}]}]}}class WysiwygEditor extends BaseComponent{constructor(){super();In(this,"ditaValue","");In(this,"contentBlock","");In(this,"$ditaEditor",null);In(this,"fontSize",24);In(this,"isResizingTable",!1);In(this,"cleanupScheduled",!1);In(this,"props",{id:"dita_editor"});In(this,"bindings");In(this,"variablesList",[""]);In(this,"searchTerm","");In(this,"highlightedNodes",[]);In(this,"isEditableMode",!0);In(this,"undoChanges",()=>{var Ae;this.isEditableMode&&((Ae=this.$ditaEditor)==null||Ae.chain().focus().undo().run())});In(this,"redoChanges",()=>{var Ae;this.isEditableMode&&((Ae=this.$ditaEditor)==null||Ae.chain().focus().redo().run())});In(this,"toggleBold",()=>{var Ae;this.isEditableMode&&((Ae=this.$ditaEditor)==null||Ae.chain().focus().toggleBold().run())});In(this,"toggleItalic",()=>{var Ae;this.isEditableMode&&((Ae=this.$ditaEditor)==null||Ae.chain().focus().toggleItalic().run())});In(this,"togglUnderline",()=>{var Ae;this.isEditableMode&&((Ae=this.$ditaEditor)==null||Ae.chain().focus().toggleUnderline().run())});In(this,"toggleStrike",()=>{var Ae;this.isEditableMode&&((Ae=this.$ditaEditor)==null||Ae.chain().focus().toggleStrike().run())});In(this,"toggleBulletList",()=>{var Ae;this.isEditableMode&&((Ae=this.$ditaEditor)==null||Ae.chain().focus().toggleBulletList().run())});In(this,"addColumnAfter",()=>{var Ae;this.isEditableMode&&((Ae=this.$ditaEditor)==null||Ae.chain().focus().addColumnAfter().run())});In(this,"deleteColumn",()=>{var Ae;this.isEditableMode&&((Ae=this.$ditaEditor)==null||Ae.chain().focus().deleteColumn().run())});In(this,"addRowAfter",()=>{var Ae;this.isEditableMode&&((Ae=this.$ditaEditor)==null||Ae.chain().focus().addRowAfter().run())});In(this,"deleteRow",()=>{var Ae;this.isEditableMode&&((Ae=this.$ditaEditor)==null||Ae.chain().focus().deleteRow().run())});In(this,"setFontSize",Ae=>{var Se;this.isEditableMode&&((Se=this.$ditaEditor)==null||Se.chain().focus().setFontSize(Ae+"px").run())});In(this,"onFontChange",Ae=>{var Se;this.isEditableMode&&((Se=this.$ditaEditor)==null||Se.chain().focus().setFontFamily(Ae).run(),console.log("changdoiasbxlajcdsnlkdja ---- ",Ae))});In(this,"checkSpelling",()=>{let Ae=document.getElementById("dita-builder-container");Ae&&(Ae.spellcheck=!Ae.spellcheck)});In(this,"addLinkToContent",()=>{var Ae,Se;this.isEditableMode&&((Se=(Ae=this.$ditaEditor)==null?void 0:Ae.commands)==null||Se.openCustomLinkModal(),console.log("yet to write code"))});In(this,"isActive",(Ae,Se={})=>{var Ee;return(Ee=this.$ditaEditor)==null?void 0:Ee.isActive(Ae,Se)});In(this,"isActiveByAttr",Ae=>{var Se;return(Se=this.$ditaEditor)==null?void 0:Se.isActive(Ae)});In(this,"ditaActions",[{name:"undo",command:this.undoChanges,icon:UndoIcon,isDisabled:!1},{name:"redo",command:this.redoChanges,icon:RedoIcon,isDisabled:!1},{name:"fontFamily",command:this.onFontChange,icon:"",isDisabled:!1},{name:"line",command:"",icon:"",isDisabled:!1},{name:"fontSize",command:this.setFontSize,icon:StrikeIcon,isDisabled:!1},{name:"line",command:"",icon:"",isDisabled:!1},{name:"bold",command:this.toggleBold,icon:BoldIcon,isDisabled:!1},{name:"italic",command:this.toggleItalic,icon:ItalicIcon,isDisabled:!1},{name:"underline",command:this.togglUnderline,icon:UnderlineIcon,isDisabled:!1},{name:"strike",command:this.toggleStrike,icon:StrikeIcon,isDisabled:!1},{name:"spell-check",command:this.checkSpelling,icon:SpellCheckIcon,isDisabled:!1},{name:"line",command:"",icon:"",isDisabled:!1},{name:"bulletList",command:this.toggleBulletList,icon:UnorderedListIcon,isDisabled:!1},{name:"line",command:"",icon:"",isDisabled:!1},{name:"link",command:this.addLinkToContent,icon:LinkIcon,isDisabled:!1},{name:"line",command:"",icon:"",isDisabled:!1}]);In(this,"addTimeStamp",()=>{const Ae={day:"2-digit",month:"short",year:"numeric",hour:"2-digit",minute:"2-digit",hour12:!1};return new Date().toLocaleString("en-GB",Ae).replace(",","")});In(this,"onContentUpdate",this.debounce(async Ae=>{var Be,Fe,$e,Ue,He,Ve,We,ze,qe,Ke,Ge;if(!this.isEditableMode)return;const Se=Ae.editor;if((Fe=(Be=this.store)==null?void 0:Be._signals.topicAccordianLoader)!=null&&Fe.value)return;if(this.isResizingTable){console.log("Skipping update - table resize in progress");return}const Ee=replaceCurlyBraces(($e=this.meta.props)==null?void 0:$e.projectId,"state",{},this.meta.props,this)===""?"f1cc49c2-d456-49a3-99bc-8a4285503370":replaceCurlyBraces((Ue=this.meta.props)==null?void 0:Ue.projectId,"state",{},this.meta.props,this),xe=jsonToDita(Se.getJSON(),Ee),Te=get$6(((Ve=(He=this.store)==null?void 0:He._signals.ditaContent)==null?void 0:Ve.value)??{},"data","");if(!this.isInsideTable(Se)&&this.contentBlock!=="video"&&this.contentBlock!=="image"){const Ye=await xmlToDita(xe);this.updateStateByName({...Te,dita:Ye},"ditaContent")}let De={id:`${(We=this==null?void 0:this.ditaValue)==null?void 0:We.id}`,content:xe,updatedAt:this.addTimeStamp(),version:((+((ze=this==null?void 0:this.ditaValue)==null?void 0:ze.version)||0)+1).toString()};De={...this.ditaValue,...De},De&&"transactionId"in De&&delete De.transactionId,De&&"dita"in De&&delete De.dita;const ke={dbType:"TIDB",data:[De]},Oe=(qe=this==null?void 0:this.props)==null?void 0:qe.source,Me=((Ke=this==null?void 0:this.props)==null?void 0:Ke.apiMethod)||"POST",Pe=(Ge=this==null?void 0:this.props)==null?void 0:Ge.token;console.log(Oe,Me,ke),fetch(Oe,{method:Me,headers:{"Content-Type":"application/json",Authorization:`Bearer ${Pe}`},body:JSON.stringify(ke)}).then(Ye=>{if(!Ye.ok)throw new Error("Network response was not ok");return Ye.json()}).then(Ye=>{console.log("Auto-save successful:",Ye)}).catch(Ye=>{console.error("Auto-save failed:",Ye)})},1e3));In(this,"bindSearchEvents",()=>{const Ae=document.querySelector(".highlight-search-input[contenteditable]");if(Ae){let Se=null;Ae.addEventListener("input",Ee=>{Se&&clearTimeout(Se),Se=setTimeout(()=>{const xe=Ee.target;this.searchAndHighlight((xe==null?void 0:xe.textContent)||"")},500)})}else setTimeout(()=>{this.bindSearchEvents()},1e3)});In(this,"tableFixTimeout",null);In(this,"tableObserver",null)}createSimpleTableToolbar(){const Ae=document.createElement("div");Ae.id="simple-table-toolbar",Ae.style.cssText=`
       display: flex;
       gap: 8px;
       padding: 6px 10px;
@@ -2606,7 +2606,10 @@ img.ProseMirror-separator {
         background: white;
         cursor: pointer;
         border-radius: 4px;
-      `,Te.onclick=xe,Te};return Ae.append(Se("+ Col",this.addColumnAfter),Se("− Col",this.deleteColumn),Se("+ Row",this.addRowAfter),Se("− Row",this.deleteRow)),Ae}static get observedAttributes(){return["props","bindings"]}async editorDitaContent(Ae){var Se;if(console.log("In WYSIWYG Editor component...",Ae),this.$ditaEditor){const Ee=this.$ditaEditor.state.selection.from;if(this.$ditaEditor.commands.clearContent(),!((Se=Ae==null?void 0:Ae.data)!=null&&Se.dita))return;let xe="";this.ditaValue=Ae==null?void 0:Ae.data,await(async()=>{var De,ke;const Ie=(De=Ae==null?void 0:Ae.data)==null?void 0:De.dita;return Ie instanceof Promise?xe=await Ie:xe=Ie,(ke=this.$ditaEditor)==null||ke.commands.setContent(xe),setTimeout(()=>this.fixTableStyling(),100),xe})(),Ee&&this.$ditaEditor.chain().focus().setTextSelection(Ee).run()}}editorViewType(){var Ee;if(!this.$ditaEditor)return;const Ae=replaceCurlyBraces((Ee=this.props)==null?void 0:Ee.accessMode,"state",{},this.meta.props,this)||"edit",Se=String(Ae).toLowerCase().trim();this.$ditaEditor.setOptions({editable:Se==="edit"})}addContentBlockType(Ae,Se){var xe,Te;const Ee=Ae;this.contentBlock=Ae,console.log("this is the content type ",Ae),this.$ditaEditor&&(this.$ditaEditor.state.selection.from,Ee==="text"?this.$ditaEditor.commands.insertContent("<p></p>"):Ee==="section"?this.$ditaEditor.commands.insertSection():Ee==="table"?(this.$ditaEditor.chain().focus().insertTable({rows:2,cols:4,withHeaderRow:!0}).run(),setTimeout(()=>this.fixTableStyling(),200),setTimeout(()=>this.fixTableStyling(),500)):Ee==="image"?(localStorage.setItem("selectedTopicId",(Te=(xe=this.getState())==null?void 0:xe.ditaContent)==null?void 0:Te.id),this.$ditaEditor.commands.insertContent({type:"imagePlaceholder"})):Ee==="video"?this.$ditaEditor.commands.insertContent({type:"videoPlaceholder"}):Ee==="codeBlock"?this.$ditaEditor.commands.insertContent({type:"codeBlock",attrs:{language:"javascript"}}):Ee==="hyperLink"&&this.$ditaEditor.commands.openCustomLinkModal())}attributeChangedCallback(Ae,Se,Ee){var xe;if(!(Se===Ee&&Ae!=="props"))if(Ae==="props")try{this.props={...this.props,...JSON.parse(Ee||"{}")},this.editorViewType()}catch(Te){console.error("Error parsing props:",Te)}else Ae==="bindings"&&(this.bindings=JSON.parse(Ee||"{}"),(xe=this.getState().ditaContent)==null||xe.data,this.setBindings(this.bindings,Te=>{var Ie;this.variablesList=replaceCurlyBraces((Ie=this.meta.props)==null?void 0:Ie.variableList,"state",{},this.meta.props,this),this.editorViewType(),console.log(this.variablesList,"this is the varibale list ")}))}connectedCallback(){this.render()}updatePopupPosition(Ae,Se){Se&&(Ae.style.left=`${Se.left+window.scrollX}px`,Ae.style.top=`${Se.bottom+window.scrollY}px`,Ae.style.position="absolute",Ae.style.zIndex="9999")}createToolbarAction(Ae,Se,Ee,xe){const Te=document.createElement("button");Te.type="button",Te.setAttribute("aria-label",Ae),Te.className="rounded p-1 hover:bg-black hover:text-white",this.isActive&&this.isActive(Ae)&&Te.classList.add("bg-black","text-white"),Te.onclick=Se,xe!==void 0&&xe&&(Te.disabled=!0);const Ie=document.createElement("img");return Ie.src=Ee,Ie.alt=Ae,Te.appendChild(Ie),Te}createFontSizeView(Ae){let Se=document.createElement("div");const Ee=()=>{let Me=document.getElementById("font-size");Me&&(Me.textContent=this.fontSize+""),Ae(this.fontSize)},xe=()=>{this.fontSize--,Ee()},Te=()=>{this.fontSize++,Ee()};let Ie=document.createElement("div");Ie.className="flex flex-row items-center gap-0.5";let De=document.createElement("button");De.className="p-1 size-8 rounded hover:bg-gray-200 transition",De.textContent="-",De.addEventListener("click",()=>xe()),Ie.appendChild(De);let ke=document.createElement("div");ke.id="font-size",ke.className="bg-gray-50 rounded py-1 px-3 gap-2 text-lg",ke.textContent=this.fontSize+"",Ie.appendChild(ke);let Oe=document.createElement("button");return Oe.className="p-1 size-8 rounded hover:bg-gray-200 transition",Oe.textContent="+",Oe.addEventListener("click",()=>Te()),Ie.appendChild(Oe),Se.appendChild(Ie),Se}addDividerLineView(){let Ae=document.createElement("div");return Ae.id="divider-line",Ae.className+="h-7 bg-gray-100 items-center border-[1.5px]",Ae}getDropDownJson(){return dropdownJSON(this.bindings.state)}createDitaToolbarView(){let Ae=document.createElement("div");Ae.className="flex items-center justify-between w-full p-2 ",this.ditaActions.forEach(Se=>{if(Se.name==="line")Ae.appendChild(this.addDividerLineView());else if(Se.name==="fontSize"){const Ee=this.createFontSizeView(Se.command);Ae.appendChild(Ee)}else if(Se.name==="fontFamily"){let Ee=document.createElement("mobius-div");Ee.appendChild(mountComponents([this.getDropDownJson()],this)),Ae.appendChild(Ee)}else{const Ee=this.createToolbarAction(Se.name,Se.command,Se.icon,Se.isDisabled);Ae.appendChild(Ee)}}),this.appendChild(Ae)}debounce(Ae,Se){let Ee;return(...xe)=>{clearTimeout(Ee),Ee=setTimeout(()=>Ae(...xe),Se)}}isInsideTable(Ae){const{$from:Se}=Ae.state.selection;for(let Ee=Se.depth;Ee>0;Ee--)if(Se.node(Ee).type.name==="table")return!0;return!1}getFocusedNode(){if(!this.$ditaEditor)return;const Ae=this.isInsideTable(this.$ditaEditor),Se=document.getElementById("simple-table-toolbar");if(Ae&&!Se){const Ee=this.createSimpleTableToolbar(),xe=document.getElementById("dita-builder-container");xe==null||xe.prepend(Ee)}!Ae&&Se&&Se.remove()}searchAndHighlight(Ae){var Te;if(this.searchTerm=Ae.trim(),this.clearHighlights(),!this.searchTerm||!this.searchTerm.length)return;const Se=(Te=this.$ditaEditor)==null?void 0:Te.getText(),Ee=new RegExp(this.escapeRegExp(this.searchTerm),"gi");Se!=null&&Se.match(Ee)&&this.highlightMatches(this.searchTerm)}highlightMatches(Ae){var Ie;if(!this.$ditaEditor)return;const{state:Se}=this.$ditaEditor,{doc:Ee}=Se;let xe=Se.tr;const Te=[];Ee.descendants((De,ke)=>{if(De.isText){const Oe=De.text,Me=new RegExp(this.escapeRegExp(Ae),"gi");let Pe;for(;(Pe=Me.exec(Oe))!==null;){const Be=ke+Pe.index,Fe=Be+Pe[0].length;Te.push({from:Be,to:Fe})}}}),Te.reverse().forEach(({from:De,to:ke})=>{var Me;const Oe=(Me=this.$ditaEditor)==null?void 0:Me.schema.marks.highlight.create({color:"#ffeb3b"});Oe&&(xe=xe.addMark(De,ke,Oe))}),Te.length>0&&((Ie=this.$ditaEditor)==null||Ie.view.dispatch(xe))}clearHighlights(){var xe;if(!this.$ditaEditor)return;const{state:Ae}=this.$ditaEditor,{doc:Se}=Ae;let Ee=Ae.tr;Se.descendants((Te,Ie)=>{Te.marks&&Te.marks.forEach(De=>{De.type.name==="highlight"&&(Ee=Ee.removeMark(Ie,Ie+Te.nodeSize,De))})}),(xe=this.$ditaEditor)==null||xe.view.dispatch(Ee)}escapeRegExp(Ae){return Ae.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}createDitaBuilderView(Ae){let Se=document.createElement("div");return Se.id="dita-builder-container",Se.spellcheck=!1,Se.className="w-full min-h-full bg-white",this.$ditaEditor=new Editor({element:Se,content:(Ae==null?void 0:Ae.dita)||"",onCreate:Ee=>{const{editor:xe}=Ee;window.ditaEditorInstance=xe,this.editorViewType(),setTimeout(()=>this.fixTableStyling(),100)},onUpdate:this.onContentUpdate.bind(this),onSelectionUpdate:({editor:Ee})=>this.getFocusedNode(),extensions:[StarterKit.configure({link:!1,gapcursor:!1,dropcursor:!1}),Underline,TitleNode,TopicNode,src_default,TextStyle.configure({mergeNestedSpanStyles:!0}),SectionNode,CustomLink.configure({openOnClick:!0}),Highlight.configure({multicolor:!0}),ImagePlaceholderNode,VideoPlaceholderNode,Image$1,ImageResize.configure({inline:!1,allowBase64:!0,HTMLAttributes:{class:"resizable-image"}}),VideoNode,SectionTitleNode,TableRow,TableCell,TableHeader,Table$1.configure({resizable:!0,allowTableNodeSelection:!1,lastColumnResizable:!1,HTMLAttributes:{class:"custom-table"},handleWidth:5,cellMinWidth:50}),FocusClasses.configure({className:"has-focus",mode:"deepest"}),PaginationPlus.configure({pageHeight:842,pageGap:40,pageBreakBackground:"#dbeafe",pageHeaderHeight:50,footerLeft:""}),u$1.configure({attributeName:"id",types:["title","topic","div","section","heading","orderedList","bulletList","listItem"],createId:()=>window.crypto.randomUUID()}),Placeholder$1.configure({includeChildren:!0,showOnlyCurrent:!1,placeholder:({node:Ee})=>Ee.type.name==="heading"?"Whats the title?":Ee.type.name==="paragraph"?"Paragraph":Ee.type.name==="title"?"Topic title":Ee.type.name==="sectiontitle"?"Section title":""}),TextAlign.configure({types:["heading","paragraph","title"]}),Mention.configure({HTMLAttributes:{class:"mention"},suggestion:{char:"@",allowSpaces:!0,items:({query:Ee})=>{var xe,Te;return Ee===""?(xe=this.variablesList)==null?void 0:xe.map(Ie=>({label:Ie==null?void 0:Ie.name,id:Ie==null?void 0:Ie.name})):(Te=this.variablesList)==null?void 0:Te.filter(Ie=>Ie==null?void 0:Ie.name.toLowerCase().includes(Ee.toLowerCase())).map(Ie=>({label:Ie==null?void 0:Ie.name,id:Ie==null?void 0:Ie.name}))},command:({editor:Ee,range:xe,props:Te})=>{Ee.chain().focus().insertContentAt(xe,[{type:"mention",attrs:{id:Te.id,label:Te.label}},{type:"text",text:" "}]).run()},render:()=>{let Ee,xe;const Te=Ie=>{if(xe.innerHTML="",!Ie.items.length){xe.innerHTML='<div class="mention-item p-2 text-gray-400">No matches</div>';return}Ie.items.forEach(De=>{const ke=document.createElement("div");ke.classList.add("mention-item","p-2","cursor-pointer","hover:bg-gray-200","rounded"),ke.textContent=De.label,ke.addEventListener("click",()=>Ie.command(De)),xe.appendChild(ke)})};return{onStart:Ie=>{var ke;const De=(ke=Ie.clientRect)==null?void 0:ke.call(Ie);De&&(Ee=document.createElement("div"),Ee.classList.add("mention-popup","absolute","bg-white","shadow-md","border","rounded","p-2","z-50"),xe=document.createElement("div"),xe.className="mention-items flex flex-col",Ee.appendChild(xe),document.body.appendChild(Ee),Te(Ie),this.updatePopupPosition(Ee,De))},onUpdate:Ie=>{var ke;Te(Ie);const De=(ke=Ie.clientRect)==null?void 0:ke.call(Ie);De&&this.updatePopupPosition(Ee,De)},onKeyDown:({event:Ie})=>Ie.key==="Escape"?(Ee.remove(),!0):!1,onExit:()=>Ee.remove()}}}})],editorProps:{attributes:{class:"border-black rounded-b-md px-10 outline-none"},handleDOMEvents:{mousedown:(Ee,xe)=>{const Te=xe.target;return(Te.classList.contains("column-resize-handle")||Te.closest(".column-resize-handle"))&&(console.log("Resize started"),this.isResizingTable=!0),!1},mousemove:(Ee,xe)=>(this.isResizingTable,!1),mouseup:(Ee,xe)=>(this.isResizingTable&&(console.log("Resize ended"),setTimeout(()=>{this.isResizingTable=!1,setTimeout(()=>{this.preventExtraParagraphs(),this.fixTableStyling()},150)},100)),!1),mouseleave:(Ee,xe)=>(this.isResizingTable&&setTimeout(()=>{this.isResizingTable=!1},100),!1)}}}),Se}fixTableStyling(){document.querySelectorAll(".tableWrapper table, .ProseMirror table").forEach(Se=>{var De;const Ee=Se;let xe=Ee.closest(".tableWrapper");if(!xe){const ke=document.createElement("div");ke.className="tableWrapper",(De=Ee.parentNode)==null||De.insertBefore(ke,Ee),ke.appendChild(Ee),xe=ke}if(xe.style.cssText=`
+      `,Te.onclick=xe,Te};return Ae.append(Se("+ Col",this.addColumnAfter),Se("− Col",this.deleteColumn),Se("+ Row",this.addRowAfter),Se("− Row",this.deleteRow)),Ae}static get observedAttributes(){return["props","bindings"]}async editorDitaContent(Ae){var Se;if(console.log("In WYSIWYG Editor component...",Ae),this.$ditaEditor){const Ee=this.$ditaEditor.state.selection.from;if(this.$ditaEditor.commands.clearContent(),!((Se=Ae==null?void 0:Ae.data)!=null&&Se.dita))return;let xe="";this.ditaValue=Ae==null?void 0:Ae.data,await(async()=>{var De,ke;const Ie=(De=Ae==null?void 0:Ae.data)==null?void 0:De.dita;return Ie instanceof Promise?xe=await Ie:xe=Ie,(ke=this.$ditaEditor)==null||ke.commands.setContent(xe),setTimeout(()=>this.fixTableStyling(),100),xe})(),Ee&&this.$ditaEditor.chain().focus().setTextSelection(Ee).run()}}editorViewType(){var Ee;if(!this.$ditaEditor)return;const Ae=replaceCurlyBraces((Ee=this.props)==null?void 0:Ee.accessMode,"state",{},this.meta.props,this)||"edit",Se=String(Ae).toLowerCase().trim();this.isEditableMode=Se==="edit",this.$ditaEditor.setOptions({editable:this.isEditableMode})}addContentBlockType(Ae,Se){var xe,Te;if(!this.isEditableMode)return;const Ee=Ae;this.contentBlock=Ae,console.log("this is the content type ",Ae),this.$ditaEditor&&(this.$ditaEditor.state.selection.from,Ee==="text"?this.$ditaEditor.commands.insertContent("<p></p>"):Ee==="section"?this.$ditaEditor.commands.insertSection():Ee==="table"?(this.$ditaEditor.chain().focus().insertTable({rows:2,cols:4,withHeaderRow:!0}).run(),setTimeout(()=>this.fixTableStyling(),200),setTimeout(()=>this.fixTableStyling(),500)):Ee==="image"?(localStorage.setItem("selectedTopicId",(Te=(xe=this.getState())==null?void 0:xe.ditaContent)==null?void 0:Te.id),this.$ditaEditor.commands.insertContent({type:"imagePlaceholder"})):Ee==="video"?this.$ditaEditor.commands.insertContent({type:"videoPlaceholder"}):Ee==="codeBlock"?this.$ditaEditor.commands.insertContent({type:"codeBlock",attrs:{language:"javascript"}}):Ee==="hyperLink"&&this.$ditaEditor.commands.openCustomLinkModal())}attributeChangedCallback(Ae,Se,Ee){var xe;if(!(Se===Ee&&Ae!=="props"))if(Ae==="props")try{this.props={...this.props,...JSON.parse(Ee||"{}")},this.editorViewType()}catch(Te){console.error("Error parsing props:",Te)}else Ae==="bindings"&&(this.bindings=JSON.parse(Ee||"{}"),(xe=this.getState().ditaContent)==null||xe.data,this.setBindings(this.bindings,Te=>{var Ie;this.variablesList=replaceCurlyBraces((Ie=this.meta.props)==null?void 0:Ie.variableList,"state",{},this.meta.props,this),this.editorViewType(),console.log(this.variablesList,"this is the varibale list ")}))}connectedCallback(){this.render()}updatePopupPosition(Ae,Se){Se&&(Ae.style.left=`${Se.left+window.scrollX}px`,Ae.style.top=`${Se.bottom+window.scrollY}px`,Ae.style.position="absolute",Ae.style.zIndex="9999")}createToolbarAction(Ae,Se,Ee,xe){const Te=document.createElement("button");Te.type="button",Te.setAttribute("aria-label",Ae);const Ie=!this.isEditableMode||!!xe;Te.disabled=Ie,Te.tabIndex=Ie?-1:0,Te.className=`
+      rounded p-1
+      ${Ie?"opacity-40 cursor-not-allowed":"hover:bg-black hover:text-white"}
+    `,Ie||(Te.onclick=Se);const De=document.createElement("img");return De.src=Ee,De.alt=Ae,Te.appendChild(De),Te}createFontSizeView(Ae){let Se=document.createElement("div");const Ee=()=>{if(!this.isEditableMode)return;let Me=document.getElementById("font-size");Me&&(Me.textContent=this.fontSize+""),Ae(this.fontSize)},xe=()=>{this.isEditableMode&&(this.fontSize--,Ee())},Te=()=>{this.isEditableMode&&(this.fontSize++,Ee())};let Ie=document.createElement("div");Ie.className="flex flex-row items-center gap-0.5";let De=document.createElement("button");De.className="p-1 size-8 rounded hover:bg-gray-200 transition",De.textContent="-",De.addEventListener("click",()=>xe()),Ie.appendChild(De);let ke=document.createElement("div");ke.id="font-size",ke.className="bg-gray-50 rounded py-1 px-3 gap-2 text-lg",ke.textContent=this.fontSize+"",Ie.appendChild(ke);let Oe=document.createElement("button");return Oe.className="p-1 size-8 rounded hover:bg-gray-200 transition",Oe.textContent="+",Oe.addEventListener("click",()=>Te()),Ie.appendChild(Oe),Se.appendChild(Ie),Se}addDividerLineView(){let Ae=document.createElement("div");return Ae.id="divider-line",Ae.className+="h-7 bg-gray-100 items-center border-[1.5px]",Ae}getDropDownJson(){return dropdownJSON(this.bindings.state)}createDitaToolbarView(){let Ae=document.createElement("div");Ae.className="flex items-center justify-between w-full p-2 ",this.ditaActions.forEach(Se=>{if(Se.name==="line")Ae.appendChild(this.addDividerLineView());else if(Se.name==="fontSize"){const Ee=this.createFontSizeView(Se.command);Ae.appendChild(Ee)}else if(Se.name==="fontFamily"){let Ee=document.createElement("mobius-div");Ee.appendChild(mountComponents([this.getDropDownJson()],this)),Ae.appendChild(Ee)}else{const Ee=this.createToolbarAction(Se.name,Se.command,Se.icon,Se.isDisabled);Ae.appendChild(Ee)}}),this.appendChild(Ae)}debounce(Ae,Se){let Ee;return(...xe)=>{clearTimeout(Ee),Ee=setTimeout(()=>Ae(...xe),Se)}}isInsideTable(Ae){const{$from:Se}=Ae.state.selection;for(let Ee=Se.depth;Ee>0;Ee--)if(Se.node(Ee).type.name==="table")return!0;return!1}getFocusedNode(){if(!this.$ditaEditor)return;const Ae=this.isInsideTable(this.$ditaEditor),Se=document.getElementById("simple-table-toolbar");if(Ae&&!Se){const Ee=this.createSimpleTableToolbar(),xe=document.getElementById("dita-builder-container");xe==null||xe.prepend(Ee)}!Ae&&Se&&Se.remove()}searchAndHighlight(Ae){var Te;if(this.searchTerm=Ae.trim(),this.clearHighlights(),!this.searchTerm||!this.searchTerm.length)return;const Se=(Te=this.$ditaEditor)==null?void 0:Te.getText(),Ee=new RegExp(this.escapeRegExp(this.searchTerm),"gi");Se!=null&&Se.match(Ee)&&this.highlightMatches(this.searchTerm)}highlightMatches(Ae){var Ie;if(!this.$ditaEditor)return;const{state:Se}=this.$ditaEditor,{doc:Ee}=Se;let xe=Se.tr;const Te=[];Ee.descendants((De,ke)=>{if(De.isText){const Oe=De.text,Me=new RegExp(this.escapeRegExp(Ae),"gi");let Pe;for(;(Pe=Me.exec(Oe))!==null;){const Be=ke+Pe.index,Fe=Be+Pe[0].length;Te.push({from:Be,to:Fe})}}}),Te.reverse().forEach(({from:De,to:ke})=>{var Me;const Oe=(Me=this.$ditaEditor)==null?void 0:Me.schema.marks.highlight.create({color:"#ffeb3b"});Oe&&(xe=xe.addMark(De,ke,Oe))}),Te.length>0&&((Ie=this.$ditaEditor)==null||Ie.view.dispatch(xe))}clearHighlights(){var xe;if(!this.$ditaEditor)return;const{state:Ae}=this.$ditaEditor,{doc:Se}=Ae;let Ee=Ae.tr;Se.descendants((Te,Ie)=>{Te.marks&&Te.marks.forEach(De=>{De.type.name==="highlight"&&(Ee=Ee.removeMark(Ie,Ie+Te.nodeSize,De))})}),(xe=this.$ditaEditor)==null||xe.view.dispatch(Ee)}escapeRegExp(Ae){return Ae.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}createDitaBuilderView(Ae){let Se=document.createElement("div");return Se.id="dita-builder-container",Se.spellcheck=!1,Se.className="w-full min-h-full bg-white",this.$ditaEditor=new Editor({element:Se,content:(Ae==null?void 0:Ae.dita)||"",onCreate:Ee=>{const{editor:xe}=Ee;window.ditaEditorInstance=xe,this.editorViewType(),setTimeout(()=>this.fixTableStyling(),100)},onUpdate:this.onContentUpdate.bind(this),onSelectionUpdate:({editor:Ee})=>this.getFocusedNode(),extensions:[StarterKit.configure({link:!1,gapcursor:!1,dropcursor:!1}),Underline,TitleNode,TopicNode,src_default,TextStyle.configure({mergeNestedSpanStyles:!0}),SectionNode,CustomLink.configure({openOnClick:!0}),Highlight.configure({multicolor:!0}),ImagePlaceholderNode,VideoPlaceholderNode,Image$1,ImageResize.configure({inline:!1,allowBase64:!0,HTMLAttributes:{class:"resizable-image"}}),VideoNode,SectionTitleNode,TableRow,TableCell,TableHeader,Table$1.configure({resizable:!0,allowTableNodeSelection:!1,lastColumnResizable:!1,HTMLAttributes:{class:"custom-table"},handleWidth:5,cellMinWidth:50}),FocusClasses.configure({className:"has-focus",mode:"deepest"}),PaginationPlus.configure({pageHeight:842,pageGap:40,pageBreakBackground:"#dbeafe",pageHeaderHeight:50,footerLeft:""}),u$1.configure({attributeName:"id",types:["title","topic","div","section","heading","orderedList","bulletList","listItem"],createId:()=>window.crypto.randomUUID()}),Placeholder$1.configure({includeChildren:!0,showOnlyCurrent:!1,placeholder:({node:Ee})=>Ee.type.name==="heading"?"Whats the title?":Ee.type.name==="paragraph"?"Paragraph":Ee.type.name==="title"?"Topic title":Ee.type.name==="sectiontitle"?"Section title":""}),TextAlign.configure({types:["heading","paragraph","title"]}),Mention.configure({HTMLAttributes:{class:"mention"},suggestion:{char:"@",allowSpaces:!0,items:({query:Ee})=>{var xe,Te;return Ee===""?(xe=this.variablesList)==null?void 0:xe.map(Ie=>({label:Ie==null?void 0:Ie.name,id:Ie==null?void 0:Ie.name})):(Te=this.variablesList)==null?void 0:Te.filter(Ie=>Ie==null?void 0:Ie.name.toLowerCase().includes(Ee.toLowerCase())).map(Ie=>({label:Ie==null?void 0:Ie.name,id:Ie==null?void 0:Ie.name}))},command:({editor:Ee,range:xe,props:Te})=>{Ee.chain().focus().insertContentAt(xe,[{type:"mention",attrs:{id:Te.id,label:Te.label}},{type:"text",text:" "}]).run()},render:()=>{let Ee,xe;const Te=Ie=>{if(xe.innerHTML="",!Ie.items.length){xe.innerHTML='<div class="mention-item p-2 text-gray-400">No matches</div>';return}Ie.items.forEach(De=>{const ke=document.createElement("div");ke.classList.add("mention-item","p-2","cursor-pointer","hover:bg-gray-200","rounded"),ke.textContent=De.label,ke.addEventListener("click",()=>Ie.command(De)),xe.appendChild(ke)})};return{onStart:Ie=>{var ke;const De=(ke=Ie.clientRect)==null?void 0:ke.call(Ie);De&&(Ee=document.createElement("div"),Ee.classList.add("mention-popup","absolute","bg-white","shadow-md","border","rounded","p-2","z-50"),xe=document.createElement("div"),xe.className="mention-items flex flex-col",Ee.appendChild(xe),document.body.appendChild(Ee),Te(Ie),this.updatePopupPosition(Ee,De))},onUpdate:Ie=>{var ke;Te(Ie);const De=(ke=Ie.clientRect)==null?void 0:ke.call(Ie);De&&this.updatePopupPosition(Ee,De)},onKeyDown:({event:Ie})=>Ie.key==="Escape"?(Ee.remove(),!0):!1,onExit:()=>Ee.remove()}}}})],editorProps:{attributes:{class:"border-black rounded-b-md px-10 outline-none"},handleDOMEvents:{mousedown:(Ee,xe)=>{const Te=xe.target;return(Te.classList.contains("column-resize-handle")||Te.closest(".column-resize-handle"))&&(console.log("Resize started"),this.isResizingTable=!0),!1},mousemove:(Ee,xe)=>(this.isResizingTable,!1),mouseup:(Ee,xe)=>(this.isResizingTable&&(console.log("Resize ended"),setTimeout(()=>{this.isResizingTable=!1,setTimeout(()=>{this.preventExtraParagraphs(),this.fixTableStyling()},150)},100)),!1),mouseleave:(Ee,xe)=>(this.isResizingTable&&setTimeout(()=>{this.isResizingTable=!1},100),!1)}}}),Se}fixTableStyling(){document.querySelectorAll(".tableWrapper table, .ProseMirror table").forEach(Se=>{var De;const Ee=Se;let xe=Ee.closest(".tableWrapper");if(!xe){const ke=document.createElement("div");ke.className="tableWrapper",(De=Ee.parentNode)==null||De.insertBefore(ke,Ee),ke.appendChild(Ee),xe=ke}if(xe.style.cssText=`
         width: 100% !important;
         max-width: 100% !important;
         overflow-x: auto !important;

package/dist/{javascript-Bjs24nGI.js → javascript-Cj8-CT9q.js}

@@ -1,4 +1,4 @@
-import { conf as t, language as e } from "./typescript-O1n2LB4L.js";
+import { conf as t, language as e } from "./typescript-BuE9MCvM.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{jsonMode-CJnyxLd4.js → jsonMode-CRmU0gcf.js}

@@ -1,4 +1,4 @@
-import { m as Et } from "./index-BaQNsaYT.js";
+import { m as Et } from "./index-DE85gHyd.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{liquid-DnQB46zW.js → liquid-CU5dogMz.js}

@@ -1,4 +1,4 @@
-import { m as l } from "./index-BaQNsaYT.js";
+import { m as l } from "./index-DE85gHyd.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{mdx-BcI4ERaY.js → mdx-DDZimwEQ.js}

@@ -1,4 +1,4 @@
-import { m as s } from "./index-BaQNsaYT.js";
+import { m as s } from "./index-DE85gHyd.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{python-DBStDmJn.js → python-78DyBjCW.js}

@@ -1,4 +1,4 @@
-import { m as o } from "./index-BaQNsaYT.js";
+import { m as o } from "./index-DE85gHyd.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{razor-CZxv2Dib.js → razor-y9HSJBS5.js}

@@ -1,4 +1,4 @@
-import { m } from "./index-BaQNsaYT.js";
+import { m } from "./index-DE85gHyd.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{tsMode-yroW2mHm.js → tsMode-CvApHDXm.js}

@@ -1,4 +1,4 @@
-import { t as O, m as I } from "./index-BaQNsaYT.js";
+import { t as O, m as I } from "./index-DE85gHyd.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/types/src/lib/WysiwygEditor/WysiwygEditor.d.ts

@@ -18,6 +18,7 @@ declare class WysiwygEditor extends BaseComponent {
     private variablesList;
     private searchTerm;
     private highlightedNodes;
+    private isEditableMode;
     undoChanges: () => void;
     redoChanges: () => void;
     toggleBold: () => void;

package/dist/{typescript-O1n2LB4L.js → typescript-BuE9MCvM.js}

@@ -1,4 +1,4 @@
-import { m as s } from "./index-BaQNsaYT.js";
+import { m as s } from "./index-DE85gHyd.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{xml-CA_Z_OE1.js → xml-BwRJ0G6J.js}

@@ -1,4 +1,4 @@
-import { m as r } from "./index-BaQNsaYT.js";
+import { m as r } from "./index-DE85gHyd.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{yaml-DCcyUvmp.js → yaml-DV3m_XZ-.js}

@@ -1,4 +1,4 @@
-import { m as l } from "./index-BaQNsaYT.js";
+import { m as l } from "./index-DE85gHyd.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mx-ui-components-pkg",
-  "version": "0.0.717-alpha.136",
+  "version": "0.0.717-alpha.137",
   "description": "mobius ui library",
   "types": "dist/index.d.ts",
   "license": "MIT",