mx-ui-components-pkg 0.0.717-alpha.145 → 0.0.717-alpha.146

package/dist/{cssMode-CZiZsCYU.js → cssMode-DMylcmm0.js}

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

package/dist/{freemarker2-BJT9Ffe_.js → freemarker2-DDmM_C6t.js}

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

package/dist/{handlebars-z8PoG7_r.js → handlebars-cUyEfxBW.js}

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

package/dist/{html-jPhDD2Ng.js → html-QDieEqlS.js}

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

package/dist/{htmlMode-Bp5woG9v.js → htmlMode-BRvknRnY.js}

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

package/dist/{index-Drw5Ep0-.js → index-CTyIxRKV.js}

@@ -26579,7 +26579,7 @@ function(i) {
   var c = l.getContext("2d");
   c.fillStyle = "#fff", c.fillRect(0, 0, l.width, l.height);
   var u = { ignoreMouse: !0, ignoreAnimation: !0, ignoreDimensions: !0 }, d = this;
-  return (uo.canvg ? Promise.resolve(uo.canvg) : import("./index.es-orfhTK3l.js")).catch(function(h) {
+  return (uo.canvg ? Promise.resolve(uo.canvg) : import("./index.es-CzA-7vO3.js")).catch(function(h) {
     return Promise.reject(new Error("Could not load canvg: " + h));
   }).then(function(h) {
     return h.default ? h.default : h;
@@ -145828,13 +145828,14 @@ class Q0n extends si {
     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 ? "opacity-40 cursor-not-allowed" : "hover:bg-gray-200"}
     `, 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");
+    n.className = "mt-0";
     const r = () => {
       if (!this.isEditableMode) return;
       let d = document.getElementById("font-size");
@@ -145845,11 +145846,11 @@ class Q0n extends si {
       this.isEditableMode && (this.fontSize++, r());
     };
     let a = document.createElement("div");
-    a.className = "flex flex-row items-center gap-0.5";
+    a.className = "flex flex-row items-center gap-0.5 mt-0";
     let l = document.createElement("button");
     l.className = "p-1 size-8 rounded hover:bg-gray-200 transition", l.textContent = "-", l.addEventListener("click", () => s()), a.appendChild(l);
     let c = document.createElement("div");
-    c.id = "font-size", c.className = "bg-gray-50 rounded py-1 px-3 gap-2 text-lg", c.textContent = this.fontSize + "", a.appendChild(c);
+    c.id = "font-size", c.className = "bg-gray-50 rounded py-1 px-3 gap-2 text-lg mt-0 items-center", c.textContent = this.fontSize + "", a.appendChild(c);
     let u = document.createElement("button");
     return u.className = "p-1 size-8 rounded hover:bg-gray-200 transition", u.textContent = "+", u.addEventListener("click", () => o()), a.appendChild(u), n.appendChild(a), n;
   }
@@ -145862,7 +145863,7 @@ class Q0n extends si {
   }
   createDitaToolbarView() {
     let t = document.createElement("div");
-    t.className = "flex items-center justify-between w-full p-2 ", this.ditaActions.forEach((n) => {
+    t.className = "flex items-center justify-between w-full p-2 mt-2", this.ditaActions.forEach((n) => {
       if (n.name === "line")
         t.appendChild(this.addDividerLineView());
       else if (n.name === "fontSize") {
@@ -146004,7 +146005,7 @@ class Q0n extends si {
           // Height of each page in pixels
           pageGap: 40,
           // Gap between pages in pixels
-          pageBreakBackground: "#dbeafe",
+          pageBreakBackground: "#f3f3f3",
           // Background color for page gaps
           pageHeaderHeight: 50,
           // Height of page header/footer in pixels
@@ -146712,7 +146713,7 @@ class Q0n extends si {
     const n = this.createDitaBuilderView(t);
     this.createDitaToolbarView();
     let r = document.createElement("div");
-    r.setAttribute("id", this.props.id), r.className = "dita_builder w-full h-[80vh] p-10 bg-blue-100 overflow-auto", r.append(n), this.appendChild(r), this.bindSearchEvents();
+    r.setAttribute("id", this.props.id), r.className = "dita_builder w-full h-[80vh] p-10 bg-gray-100 overflow-auto", r.append(n), this.appendChild(r), this.bindSearchEvents();
   }
 }
 customElements.define("mobius-wysiwyg-editor", Q0n);
@@ -273566,37 +273567,37 @@ Hi({
   id: "freemarker2",
   extensions: [".ftl", ".ftlh", ".ftlx"],
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
-  loader: () => import("./freemarker2-BJT9Ffe_.js").then((i) => i.TagAutoInterpolationDollar)
+  loader: () => import("./freemarker2-DDmM_C6t.js").then((i) => i.TagAutoInterpolationDollar)
 });
 Hi({
   id: "freemarker2.tag-angle.interpolation-dollar",
   aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
-  loader: () => import("./freemarker2-BJT9Ffe_.js").then((i) => i.TagAngleInterpolationDollar)
+  loader: () => import("./freemarker2-DDmM_C6t.js").then((i) => i.TagAngleInterpolationDollar)
 });
 Hi({
   id: "freemarker2.tag-bracket.interpolation-dollar",
   aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
-  loader: () => import("./freemarker2-BJT9Ffe_.js").then((i) => i.TagBracketInterpolationDollar)
+  loader: () => import("./freemarker2-DDmM_C6t.js").then((i) => i.TagBracketInterpolationDollar)
 });
 Hi({
   id: "freemarker2.tag-angle.interpolation-bracket",
   aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
-  loader: () => import("./freemarker2-BJT9Ffe_.js").then((i) => i.TagAngleInterpolationBracket)
+  loader: () => import("./freemarker2-DDmM_C6t.js").then((i) => i.TagAngleInterpolationBracket)
 });
 Hi({
   id: "freemarker2.tag-bracket.interpolation-bracket",
   aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
-  loader: () => import("./freemarker2-BJT9Ffe_.js").then((i) => i.TagBracketInterpolationBracket)
+  loader: () => import("./freemarker2-DDmM_C6t.js").then((i) => i.TagBracketInterpolationBracket)
 });
 Hi({
   id: "freemarker2.tag-auto.interpolation-dollar",
   aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
-  loader: () => import("./freemarker2-BJT9Ffe_.js").then((i) => i.TagAutoInterpolationDollar)
+  loader: () => import("./freemarker2-DDmM_C6t.js").then((i) => i.TagAutoInterpolationDollar)
 });
 Hi({
   id: "freemarker2.tag-auto.interpolation-bracket",
   aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
-  loader: () => import("./freemarker2-BJT9Ffe_.js").then((i) => i.TagAutoInterpolationBracket)
+  loader: () => import("./freemarker2-DDmM_C6t.js").then((i) => i.TagAutoInterpolationBracket)
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -273634,7 +273635,7 @@ Hi({
   extensions: [".handlebars", ".hbs"],
   aliases: ["Handlebars", "handlebars", "hbs"],
   mimetypes: ["text/x-handlebars-template"],
-  loader: () => import("./handlebars-z8PoG7_r.js")
+  loader: () => import("./handlebars-cUyEfxBW.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -273659,7 +273660,7 @@ Hi({
   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-jPhDD2Ng.js")
+  loader: () => import("./html-QDieEqlS.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -273700,7 +273701,7 @@ Hi({
   filenames: ["jakefile"],
   aliases: ["JavaScript", "javascript", "js"],
   mimetypes: ["text/javascript"],
-  loader: () => import("./javascript-CyICWs2y.js")
+  loader: () => import("./javascript-CaPRob7H.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -273775,7 +273776,7 @@ Hi({
   extensions: [".liquid", ".html.liquid"],
   aliases: ["Liquid", "liquid"],
   mimetypes: ["application/liquid"],
-  loader: () => import("./liquid-CMgT7dRL.js")
+  loader: () => import("./liquid-jagi3a6n.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -273811,7 +273812,7 @@ Hi({
   id: "mdx",
   extensions: [".mdx"],
   aliases: ["MDX", "mdx"],
-  loader: () => import("./mdx-DiJ-ycmQ.js")
+  loader: () => import("./mdx-CglWxe7X.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -274006,7 +274007,7 @@ Hi({
   extensions: [".py", ".rpy", ".pyw", ".cpy", ".gyp", ".gypi"],
   aliases: ["Python", "py"],
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
-  loader: () => import("./python-M5E1_7SM.js")
+  loader: () => import("./python-BIUizIgm.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -274043,7 +274044,7 @@ Hi({
   extensions: [".cshtml"],
   aliases: ["Razor", "razor"],
   mimetypes: ["text/x-cshtml"],
-  loader: () => import("./razor-CePYJljZ.js")
+  loader: () => import("./razor-Bmr0rfvf.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -274295,7 +274296,7 @@ Hi({
   extensions: [".ts", ".tsx", ".cts", ".mts"],
   aliases: ["TypeScript", "ts", "typescript"],
   mimetypes: ["text/typescript"],
-  loader: () => import("./typescript-jPBlF_n0.js")
+  loader: () => import("./typescript-_U26e8KM.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -274363,7 +274364,7 @@ Hi({
   firstLine: "(\\<\\?xml.*)|(\\<svg)|(\\<\\!doctype\\s+svg)",
   aliases: ["XML", "xml"],
   mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
-  loader: () => import("./xml-ZUbUsB32.js")
+  loader: () => import("./xml-BjkH3HlS.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -274376,7 +274377,7 @@ Hi({
   extensions: [".yaml", ".yml"],
   aliases: ["YAML", "yaml", "YML", "yml"],
   mimetypes: ["application/x-yaml", "text/x-yaml"],
-  loader: () => import("./yaml-Hk93COx-.js")
+  loader: () => import("./yaml-DydUOA1I.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -274479,7 +274480,7 @@ var i6e = class {
 );
 e9.languages.css = { cssDefaults: eDt, lessDefaults: nDt, scssDefaults: tDt };
 function o6e() {
-  return import("./cssMode-CZiZsCYU.js");
+  return import("./cssMode-DMylcmm0.js");
 }
 e9.languages.onLanguage("less", () => {
   o6e().then((i) => i.setupMode(nDt));
@@ -274585,7 +274586,7 @@ zde.languages.html = {
   registerHTMLLanguageService: Qde
 };
 function hri() {
-  return import("./htmlMode-Bp5woG9v.js");
+  return import("./htmlMode-BRvknRnY.js");
 }
 function Qde(i, e = Gde, t = qde(i)) {
   const n = new ari(i, e, t);
@@ -274662,7 +274663,7 @@ var _ri = class {
 ), wri = () => aDt().then((i) => i.getWorker());
 T$.languages.json = { jsonDefaults: oDt, getWorker: wri };
 function aDt() {
-  return import("./jsonMode-DRG5vMSC.js");
+  return import("./jsonMode-BzXlbCd_.js");
 }
 T$.languages.register({
   id: "json",
@@ -274826,7 +274827,7 @@ L6.languages.typescript = {
   getJavaScriptWorker: Nri
 };
 function $de() {
-  return import("./tsMode-nFizhvnI.js");
+  return import("./tsMode-DOG8wi4m.js");
 }
 L6.languages.onLanguage("typescript", () => $de().then((i) => i.setupTypeScript(gDt)));
 L6.languages.onLanguage("javascript", () => $de().then((i) => i.setupJavaScript(mDt)));
@@ -365902,7 +365903,7 @@ class ehr extends si {
       }
 
       .page {
-        width: 98%;
+        width: 95%;
         height: ${c};
         min-height: 90%;
         background: #fff;

package/dist/{index.es-orfhTK3l.js → index.es-CzA-7vO3.js}

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

package/dist/index.umd.cjs

@@ -2589,8 +2589,8 @@ img.ProseMirror-separator {
         border-radius: 4px;
       `,Be.onclick=Me,Be};return Ee.append(Te("+ Col",this.addColumnAfter),Te("− Col",this.deleteColumn),Te("+ Row",this.addRowAfter),Te("− Row",this.deleteRow)),Ee}static get observedAttributes(){return["props","bindings"]}async editorDitaContent(Ee){var Te;if(console.log("In WYSIWYG Editor component...",Ee),this.$ditaEditor){const Oe=this.$ditaEditor.state.selection.from;if(this.$ditaEditor.commands.clearContent(),!((Te=Ee==null?void 0:Ee.data)!=null&&Te.dita))return;let Me="";this.ditaValue=Ee==null?void 0:Ee.data,await(async()=>{var Ue,He;const $e=(Ue=Ee==null?void 0:Ee.data)==null?void 0:Ue.dita;return $e instanceof Promise?Me=await $e:Me=$e,(He=this.$ditaEditor)==null||He.commands.setContent(Me),setTimeout(()=>this.fixTableStyling(),100),Me})(),Oe&&this.$ditaEditor.chain().focus().setTextSelection(Oe).run()}}editorViewType(){var Oe;if(!this.$ditaEditor)return;const Ee=replaceCurlyBraces((Oe=this.props)==null?void 0:Oe.accessMode,"state",{},this.meta.props,this)||"edit",Te=String(Ee).toLowerCase().trim();this.isEditableMode=Te==="edit",this.$ditaEditor.setOptions({editable:this.isEditableMode})}addContentBlockType(Ee,Te){var Me,Be;if(!this.isEditableMode)return;const Oe=Ee;this.contentBlock=Ee,console.log("this is the content type ",Ee),this.$ditaEditor&&(this.$ditaEditor.state.selection.from,Oe==="text"?this.$ditaEditor.commands.insertContent("<p></p>"):Oe==="section"?this.$ditaEditor.commands.insertSection():Oe==="table"?(this.$ditaEditor.chain().focus().insertTable({rows:2,cols:4,withHeaderRow:!0}).run(),setTimeout(()=>this.fixTableStyling(),200),setTimeout(()=>this.fixTableStyling(),500)):Oe==="image"?(localStorage.setItem("selectedTopicId",(Be=(Me=this.getState())==null?void 0:Me.ditaContent)==null?void 0:Be.id),this.$ditaEditor.commands.insertContent({type:"imagePlaceholder"})):Oe==="video"?this.$ditaEditor.commands.insertContent({type:"videoPlaceholder"}):Oe==="codeBlock"?this.$ditaEditor.commands.insertContent({type:"codeBlock",attrs:{language:"javascript"}}):Oe==="hyperLink"&&this.$ditaEditor.commands.openCustomLinkModal())}attributeChangedCallback(Ee,Te,Oe){var Me;if(!(Te===Oe&&Ee!=="props"))if(Ee==="props")try{this.props={...this.props,...JSON.parse(Oe||"{}")},this.editorViewType()}catch(Be){console.error("Error parsing props:",Be)}else Ee==="bindings"&&(this.bindings=JSON.parse(Oe||"{}"),(Me=this.getState().ditaContent)==null||Me.data,this.setBindings(this.bindings,Be=>{var $e;this.variablesList=replaceCurlyBraces(($e=this.meta.props)==null?void 0:$e.variableList,"state",{},this.meta.props,this),this.editorViewType(),console.log(this.variablesList,"this is the varibale list ")}))}connectedCallback(){this.render()}updatePopupPosition(Ee,Te){Te&&(Ee.style.left=`${Te.left+window.scrollX}px`,Ee.style.top=`${Te.bottom+window.scrollY}px`,Ee.style.position="absolute",Ee.style.zIndex="9999")}createToolbarAction(Ee,Te,Oe,Me){const Be=document.createElement("button");Be.type="button",Be.setAttribute("aria-label",Ee);const $e=!this.isEditableMode||!!Me;Be.disabled=$e,Be.tabIndex=$e?-1:0,Be.className=`
       rounded p-1
-      ${$e?"opacity-40 cursor-not-allowed":"hover:bg-black hover:text-white"}
-    `,$e||(Be.onclick=Te);const Ue=document.createElement("img");return Ue.src=Oe,Ue.alt=Ee,Be.appendChild(Ue),Be}createFontSizeView(Ee){let Te=document.createElement("div");const Oe=()=>{if(!this.isEditableMode)return;let We=document.getElementById("font-size");We&&(We.textContent=this.fontSize+""),Ee(this.fontSize)},Me=()=>{this.isEditableMode&&(this.fontSize--,Oe())},Be=()=>{this.isEditableMode&&(this.fontSize++,Oe())};let $e=document.createElement("div");$e.className="flex flex-row items-center gap-0.5";let Ue=document.createElement("button");Ue.className="p-1 size-8 rounded hover:bg-gray-200 transition",Ue.textContent="-",Ue.addEventListener("click",()=>Me()),$e.appendChild(Ue);let He=document.createElement("div");He.id="font-size",He.className="bg-gray-50 rounded py-1 px-3 gap-2 text-lg",He.textContent=this.fontSize+"",$e.appendChild(He);let Ve=document.createElement("button");return Ve.className="p-1 size-8 rounded hover:bg-gray-200 transition",Ve.textContent="+",Ve.addEventListener("click",()=>Be()),$e.appendChild(Ve),Te.appendChild($e),Te}addDividerLineView(){let Ee=document.createElement("div");return Ee.id="divider-line",Ee.className+="h-7 bg-gray-100 items-center border-[1.5px]",Ee}getDropDownJson(){return dropdownJSON(this.bindings.state)}createDitaToolbarView(){let Ee=document.createElement("div");Ee.className="flex items-center justify-between w-full p-2 ",this.ditaActions.forEach(Te=>{if(Te.name==="line")Ee.appendChild(this.addDividerLineView());else if(Te.name==="fontSize"){const Oe=this.createFontSizeView(Te.command);Ee.appendChild(Oe)}else if(Te.name==="fontFamily"){let Oe=document.createElement("mobius-div");Oe.appendChild(mountComponents([this.getDropDownJson()],this)),Ee.appendChild(Oe)}else{const Oe=this.createToolbarAction(Te.name,Te.command,Te.icon,Te.isDisabled);Ee.appendChild(Oe)}}),this.appendChild(Ee)}debounce(Ee,Te){let Oe;return(...Me)=>{clearTimeout(Oe),Oe=setTimeout(()=>Ee(...Me),Te)}}isInsideTable(Ee){const{$from:Te}=Ee.state.selection;for(let Oe=Te.depth;Oe>0;Oe--)if(Te.node(Oe).type.name==="table")return!0;return!1}getFocusedNode(){if(!this.$ditaEditor)return;const Ee=this.isInsideTable(this.$ditaEditor),Te=document.getElementById("simple-table-toolbar");if(Ee&&!Te){const Oe=this.createSimpleTableToolbar(),Me=document.getElementById("dita-builder-container");Me==null||Me.prepend(Oe)}!Ee&&Te&&Te.remove()}searchAndHighlight(Ee){var Be;if(this.searchTerm=Ee.trim(),this.clearHighlights(),!this.searchTerm||!this.searchTerm.length)return;const Te=(Be=this.$ditaEditor)==null?void 0:Be.getText(),Oe=new RegExp(this.escapeRegExp(this.searchTerm),"gi");Te!=null&&Te.match(Oe)&&this.highlightMatches(this.searchTerm)}highlightMatches(Ee){var $e;if(!this.$ditaEditor)return;const{state:Te}=this.$ditaEditor,{doc:Oe}=Te;let Me=Te.tr;const Be=[];Oe.descendants((Ue,He)=>{if(Ue.isText){const Ve=Ue.text,We=new RegExp(this.escapeRegExp(Ee),"gi");let ze;for(;(ze=We.exec(Ve))!==null;){const Ge=He+ze.index,qe=Ge+ze[0].length;Be.push({from:Ge,to:qe})}}}),Be.reverse().forEach(({from:Ue,to:He})=>{var We;const Ve=(We=this.$ditaEditor)==null?void 0:We.schema.marks.highlight.create({color:"#ffeb3b"});Ve&&(Me=Me.addMark(Ue,He,Ve))}),Be.length>0&&(($e=this.$ditaEditor)==null||$e.view.dispatch(Me))}clearHighlights(){var Me;if(!this.$ditaEditor)return;const{state:Ee}=this.$ditaEditor,{doc:Te}=Ee;let Oe=Ee.tr;Te.descendants((Be,$e)=>{Be.marks&&Be.marks.forEach(Ue=>{Ue.type.name==="highlight"&&(Oe=Oe.removeMark($e,$e+Be.nodeSize,Ue))})}),(Me=this.$ditaEditor)==null||Me.view.dispatch(Oe)}escapeRegExp(Ee){return Ee.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}createDitaBuilderView(Ee){let Te=document.createElement("div");return Te.id="dita-builder-container",Te.spellcheck=!1,Te.className="w-full min-h-full bg-white",this.$ditaEditor=new Editor({element:Te,content:(Ee==null?void 0:Ee.dita)||"",onCreate:Oe=>{const{editor:Me}=Oe;window.ditaEditorInstance=Me,this.editorViewType(),setTimeout(()=>this.fixTableStyling(),100)},onUpdate:this.onContentUpdate.bind(this),onSelectionUpdate:({editor:Oe})=>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:Oe})=>Oe.type.name==="heading"?"Whats the title?":Oe.type.name==="paragraph"?"Paragraph":Oe.type.name==="title"?"Topic title":Oe.type.name==="sectiontitle"?"Section title":""}),TextAlign.configure({types:["heading","paragraph","title"]}),Mention.configure({HTMLAttributes:{class:"mention"},suggestion:{char:"@",allowSpaces:!0,items:({query:Oe})=>{var Me,Be;return Oe===""?(Me=this.variablesList)==null?void 0:Me.map($e=>({label:$e==null?void 0:$e.name,id:$e==null?void 0:$e.name})):(Be=this.variablesList)==null?void 0:Be.filter($e=>$e==null?void 0:$e.name.toLowerCase().includes(Oe.toLowerCase())).map($e=>({label:$e==null?void 0:$e.name,id:$e==null?void 0:$e.name}))},command:({editor:Oe,range:Me,props:Be})=>{Oe.chain().focus().insertContentAt(Me,[{type:"mention",attrs:{id:Be.id,label:Be.label}},{type:"text",text:" "}]).run()},render:()=>{let Oe,Me;const Be=$e=>{if(Me.innerHTML="",!$e.items.length){Me.innerHTML='<div class="mention-item p-2 text-gray-400">No matches</div>';return}$e.items.forEach(Ue=>{const He=document.createElement("div");He.classList.add("mention-item","p-2","cursor-pointer","hover:bg-gray-200","rounded"),He.textContent=Ue.label,He.addEventListener("click",()=>$e.command(Ue)),Me.appendChild(He)})};return{onStart:$e=>{var He;const Ue=(He=$e.clientRect)==null?void 0:He.call($e);Ue&&(Oe=document.createElement("div"),Oe.classList.add("mention-popup","absolute","bg-white","shadow-md","border","rounded","p-2","z-50"),Me=document.createElement("div"),Me.className="mention-items flex flex-col",Oe.appendChild(Me),document.body.appendChild(Oe),Be($e),this.updatePopupPosition(Oe,Ue))},onUpdate:$e=>{var He;Be($e);const Ue=(He=$e.clientRect)==null?void 0:He.call($e);Ue&&this.updatePopupPosition(Oe,Ue)},onKeyDown:({event:$e})=>$e.key==="Escape"?(Oe.remove(),!0):!1,onExit:()=>Oe.remove()}}}})],editorProps:{attributes:{class:"border-black rounded-b-md px-10 outline-none"},handleDOMEvents:{mousedown:(Oe,Me)=>{const Be=Me.target;return(Be.classList.contains("column-resize-handle")||Be.closest(".column-resize-handle"))&&(console.log("Resize started"),this.isResizingTable=!0),!1},mousemove:(Oe,Me)=>(this.isResizingTable,!1),mouseup:(Oe,Me)=>(this.isResizingTable&&(console.log("Resize ended"),setTimeout(()=>{this.isResizingTable=!1,setTimeout(()=>{this.preventExtraParagraphs(),this.fixTableStyling()},150)},100)),!1),mouseleave:(Oe,Me)=>(this.isResizingTable&&setTimeout(()=>{this.isResizingTable=!1},100),!1)}}}),Te}fixTableStyling(){document.querySelectorAll(".tableWrapper table, .ProseMirror table").forEach(Te=>{var Ue;const Oe=Te;let Me=Oe.closest(".tableWrapper");if(!Me){const He=document.createElement("div");He.className="tableWrapper",(Ue=Oe.parentNode)==null||Ue.insertBefore(He,Oe),He.appendChild(Oe),Me=He}if(Me.style.cssText=`
+      ${$e?"opacity-40 cursor-not-allowed":"hover:bg-gray-200"}
+    `,$e||(Be.onclick=Te);const Ue=document.createElement("img");return Ue.src=Oe,Ue.alt=Ee,Be.appendChild(Ue),Be}createFontSizeView(Ee){let Te=document.createElement("div");Te.className="mt-0";const Oe=()=>{if(!this.isEditableMode)return;let We=document.getElementById("font-size");We&&(We.textContent=this.fontSize+""),Ee(this.fontSize)},Me=()=>{this.isEditableMode&&(this.fontSize--,Oe())},Be=()=>{this.isEditableMode&&(this.fontSize++,Oe())};let $e=document.createElement("div");$e.className="flex flex-row items-center gap-0.5 mt-0";let Ue=document.createElement("button");Ue.className="p-1 size-8 rounded hover:bg-gray-200 transition",Ue.textContent="-",Ue.addEventListener("click",()=>Me()),$e.appendChild(Ue);let He=document.createElement("div");He.id="font-size",He.className="bg-gray-50 rounded py-1 px-3 gap-2 text-lg mt-0 items-center",He.textContent=this.fontSize+"",$e.appendChild(He);let Ve=document.createElement("button");return Ve.className="p-1 size-8 rounded hover:bg-gray-200 transition",Ve.textContent="+",Ve.addEventListener("click",()=>Be()),$e.appendChild(Ve),Te.appendChild($e),Te}addDividerLineView(){let Ee=document.createElement("div");return Ee.id="divider-line",Ee.className+="h-7 bg-gray-100 items-center border-[1.5px]",Ee}getDropDownJson(){return dropdownJSON(this.bindings.state)}createDitaToolbarView(){let Ee=document.createElement("div");Ee.className="flex items-center justify-between w-full p-2 mt-2",this.ditaActions.forEach(Te=>{if(Te.name==="line")Ee.appendChild(this.addDividerLineView());else if(Te.name==="fontSize"){const Oe=this.createFontSizeView(Te.command);Ee.appendChild(Oe)}else if(Te.name==="fontFamily"){let Oe=document.createElement("mobius-div");Oe.appendChild(mountComponents([this.getDropDownJson()],this)),Ee.appendChild(Oe)}else{const Oe=this.createToolbarAction(Te.name,Te.command,Te.icon,Te.isDisabled);Ee.appendChild(Oe)}}),this.appendChild(Ee)}debounce(Ee,Te){let Oe;return(...Me)=>{clearTimeout(Oe),Oe=setTimeout(()=>Ee(...Me),Te)}}isInsideTable(Ee){const{$from:Te}=Ee.state.selection;for(let Oe=Te.depth;Oe>0;Oe--)if(Te.node(Oe).type.name==="table")return!0;return!1}getFocusedNode(){if(!this.$ditaEditor)return;const Ee=this.isInsideTable(this.$ditaEditor),Te=document.getElementById("simple-table-toolbar");if(Ee&&!Te){const Oe=this.createSimpleTableToolbar(),Me=document.getElementById("dita-builder-container");Me==null||Me.prepend(Oe)}!Ee&&Te&&Te.remove()}searchAndHighlight(Ee){var Be;if(this.searchTerm=Ee.trim(),this.clearHighlights(),!this.searchTerm||!this.searchTerm.length)return;const Te=(Be=this.$ditaEditor)==null?void 0:Be.getText(),Oe=new RegExp(this.escapeRegExp(this.searchTerm),"gi");Te!=null&&Te.match(Oe)&&this.highlightMatches(this.searchTerm)}highlightMatches(Ee){var $e;if(!this.$ditaEditor)return;const{state:Te}=this.$ditaEditor,{doc:Oe}=Te;let Me=Te.tr;const Be=[];Oe.descendants((Ue,He)=>{if(Ue.isText){const Ve=Ue.text,We=new RegExp(this.escapeRegExp(Ee),"gi");let ze;for(;(ze=We.exec(Ve))!==null;){const Ge=He+ze.index,qe=Ge+ze[0].length;Be.push({from:Ge,to:qe})}}}),Be.reverse().forEach(({from:Ue,to:He})=>{var We;const Ve=(We=this.$ditaEditor)==null?void 0:We.schema.marks.highlight.create({color:"#ffeb3b"});Ve&&(Me=Me.addMark(Ue,He,Ve))}),Be.length>0&&(($e=this.$ditaEditor)==null||$e.view.dispatch(Me))}clearHighlights(){var Me;if(!this.$ditaEditor)return;const{state:Ee}=this.$ditaEditor,{doc:Te}=Ee;let Oe=Ee.tr;Te.descendants((Be,$e)=>{Be.marks&&Be.marks.forEach(Ue=>{Ue.type.name==="highlight"&&(Oe=Oe.removeMark($e,$e+Be.nodeSize,Ue))})}),(Me=this.$ditaEditor)==null||Me.view.dispatch(Oe)}escapeRegExp(Ee){return Ee.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}createDitaBuilderView(Ee){let Te=document.createElement("div");return Te.id="dita-builder-container",Te.spellcheck=!1,Te.className="w-full min-h-full bg-white",this.$ditaEditor=new Editor({element:Te,content:(Ee==null?void 0:Ee.dita)||"",onCreate:Oe=>{const{editor:Me}=Oe;window.ditaEditorInstance=Me,this.editorViewType(),setTimeout(()=>this.fixTableStyling(),100)},onUpdate:this.onContentUpdate.bind(this),onSelectionUpdate:({editor:Oe})=>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:"#f3f3f3",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:Oe})=>Oe.type.name==="heading"?"Whats the title?":Oe.type.name==="paragraph"?"Paragraph":Oe.type.name==="title"?"Topic title":Oe.type.name==="sectiontitle"?"Section title":""}),TextAlign.configure({types:["heading","paragraph","title"]}),Mention.configure({HTMLAttributes:{class:"mention"},suggestion:{char:"@",allowSpaces:!0,items:({query:Oe})=>{var Me,Be;return Oe===""?(Me=this.variablesList)==null?void 0:Me.map($e=>({label:$e==null?void 0:$e.name,id:$e==null?void 0:$e.name})):(Be=this.variablesList)==null?void 0:Be.filter($e=>$e==null?void 0:$e.name.toLowerCase().includes(Oe.toLowerCase())).map($e=>({label:$e==null?void 0:$e.name,id:$e==null?void 0:$e.name}))},command:({editor:Oe,range:Me,props:Be})=>{Oe.chain().focus().insertContentAt(Me,[{type:"mention",attrs:{id:Be.id,label:Be.label}},{type:"text",text:" "}]).run()},render:()=>{let Oe,Me;const Be=$e=>{if(Me.innerHTML="",!$e.items.length){Me.innerHTML='<div class="mention-item p-2 text-gray-400">No matches</div>';return}$e.items.forEach(Ue=>{const He=document.createElement("div");He.classList.add("mention-item","p-2","cursor-pointer","hover:bg-gray-200","rounded"),He.textContent=Ue.label,He.addEventListener("click",()=>$e.command(Ue)),Me.appendChild(He)})};return{onStart:$e=>{var He;const Ue=(He=$e.clientRect)==null?void 0:He.call($e);Ue&&(Oe=document.createElement("div"),Oe.classList.add("mention-popup","absolute","bg-white","shadow-md","border","rounded","p-2","z-50"),Me=document.createElement("div"),Me.className="mention-items flex flex-col",Oe.appendChild(Me),document.body.appendChild(Oe),Be($e),this.updatePopupPosition(Oe,Ue))},onUpdate:$e=>{var He;Be($e);const Ue=(He=$e.clientRect)==null?void 0:He.call($e);Ue&&this.updatePopupPosition(Oe,Ue)},onKeyDown:({event:$e})=>$e.key==="Escape"?(Oe.remove(),!0):!1,onExit:()=>Oe.remove()}}}})],editorProps:{attributes:{class:"border-black rounded-b-md px-10 outline-none"},handleDOMEvents:{mousedown:(Oe,Me)=>{const Be=Me.target;return(Be.classList.contains("column-resize-handle")||Be.closest(".column-resize-handle"))&&(console.log("Resize started"),this.isResizingTable=!0),!1},mousemove:(Oe,Me)=>(this.isResizingTable,!1),mouseup:(Oe,Me)=>(this.isResizingTable&&(console.log("Resize ended"),setTimeout(()=>{this.isResizingTable=!1,setTimeout(()=>{this.preventExtraParagraphs(),this.fixTableStyling()},150)},100)),!1),mouseleave:(Oe,Me)=>(this.isResizingTable&&setTimeout(()=>{this.isResizingTable=!1},100),!1)}}}),Te}fixTableStyling(){document.querySelectorAll(".tableWrapper table, .ProseMirror table").forEach(Te=>{var Ue;const Oe=Te;let Me=Oe.closest(".tableWrapper");if(!Me){const He=document.createElement("div");He.className="tableWrapper",(Ue=Oe.parentNode)==null||Ue.insertBefore(He,Oe),He.appendChild(Oe),Me=He}if(Me.style.cssText=`
         width: 100% !important;
         max-width: 100% !important;
         overflow-x: auto !important;
@@ -3100,7 +3100,7 @@ img.ProseMirror-separator {
             handleWidth: 6, 
             cellMinWidth: 50,
           }),
-    `,this.appendChild(Ee)}render(Ee=""){this.loadStyles();const Te=this.createDitaBuilderView(Ee);this.createDitaToolbarView();let Oe=document.createElement("div");Oe.setAttribute("id",this.props.id),Oe.className="dita_builder w-full h-[80vh] p-10 bg-blue-100 overflow-auto",Oe.append(Te),this.appendChild(Oe),this.bindSearchEvents()}}customElements.define("mobius-wysiwyg-editor",WysiwygEditor);class CustomSearchBox extends CustomBaseInput{constructor(){super();Pn(this,"list");Pn(this,"suggestionsPath","word");Pn(this,"tableName","");Pn(this,"accessToken","");Pn(this,"filterOn","");Pn(this,"filterValue","");Pn(this,"apiUrl","https://api.datamuse.com/sug?s")}static get observedAttributes(){return["props","bindings"]}addErrorMessage(){}setupBindings(){const Ee=JSON.parse(this.getAttribute("bindings")||"{}");this.setBindings(Ee,Te=>{console.log("This is CustomSearchBox",Te)})}connectedCallback(){this.props=JSON.parse(this.getAttribute("props")),this.placeholder=this.props.placeholder||"",this.label=this.props.label||"",this.required=this.props.required||!1,this.inputType=this.props.type||"text",this.suggestionsPath=this.props.suggestionsPath||"word",this.tableName=this.props.tableName||"",this.accessToken=this.props.accessToken||"",this.filterOn=this.props.filterOn||"",this.setupBindings(),this.render(),this.addListeners()}callSearch(){this.appendList()}onInput(Ee,Te){var Me;console.log("input called"),this.hasInteracted=!0,this.value=Ee.textContent.trim();const Oe=this.querySelectorAll(".suggestionListItem");Oe&&Oe.forEach(Be=>Be.remove()),this.value.length>this.props.minLettersToTrigger?this.callSearch():this.value.length>=0&&(this.value.length==0&&(Ee.innerHTML=""),this.removeSuggestions()),this.provider&&(this._prevValues=((Me=this.signal)==null?void 0:Me.get())||this.getState())}onBlur(Ee){console.log("blur called 2"),Ee.textContent.trim()===""&&(this.value=this.placeholder,Ee.textContent=this.placeholder,Ee.classList.add("color-gray-400")),this.hasInteracted&&console.log("interacted"),this.removeSuggestions()}updateSearchValue(Ee){this.value=Ee,this.input&&(this.input.innerHTML=Ee)}callAPI(){console.log("api called for",this.value)}removeSuggestions(){const Ee=this.querySelectorAll(".suggestionListContainer");Ee&&Ee.forEach(Te=>Te.remove())}moveCursorToEnd(Ee){Ee.focus();const Te=document.createRange(),Oe=window.getSelection();Te.selectNodeContents(Ee),Te.collapse(!1),Oe==null||Oe.removeAllRanges(),Oe==null||Oe.addRange(Te)}showLoading(){let Ee=this.querySelector(".suggestionListContainer");Ee||(Ee=document.createElement("mobius-div"),Ee.className="suggestionListContainer "+this.props.suggestionListStyles,this.appendChild(Ee)),Ee.innerHTML='<mobius-div class="m-2">Loading...</mobius-div>'}clearLoading(){const Ee=this.querySelector(".suggestionListContainer");Ee&&(Ee.innerHTML="")}async appendList(){if(this.filterValue=replaceCurlyBraces(this.props.filterValue,"state",this.getState(),this.props,this),this.accessToken=replaceCurlyBraces(this.accessToken),this.showLoading(),this.props.apiUrl){this.apiUrl=this.props.apiUrl;const Oe={dbType:"TIDB",keyword:this.value,searchOn:[{tableName:this.tableName,attributes:[this.suggestionsPath],filters:[{key:this.filterOn,operator:"EQUAL",singleValue:this.filterValue}]}]};await fetch(this.apiUrl,{method:"POST",headers:{Authorization:`Bearer ${this.accessToken}`,"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(Oe)}).then(Me=>{if(!Me.ok)throw new Error(`HTTP error! status: ${Me.status}`);return Me.json()}).then(Me=>this.list=Me).catch(Me=>{console.error("Error fetching data:",Me)})}else await fetch(`${this.apiUrl}=${this.value}`).then(Oe=>Oe.json()).then(Oe=>this.list=Oe);const Ee=`
+    `,this.appendChild(Ee)}render(Ee=""){this.loadStyles();const Te=this.createDitaBuilderView(Ee);this.createDitaToolbarView();let Oe=document.createElement("div");Oe.setAttribute("id",this.props.id),Oe.className="dita_builder w-full h-[80vh] p-10 bg-gray-100 overflow-auto",Oe.append(Te),this.appendChild(Oe),this.bindSearchEvents()}}customElements.define("mobius-wysiwyg-editor",WysiwygEditor);class CustomSearchBox extends CustomBaseInput{constructor(){super();Pn(this,"list");Pn(this,"suggestionsPath","word");Pn(this,"tableName","");Pn(this,"accessToken","");Pn(this,"filterOn","");Pn(this,"filterValue","");Pn(this,"apiUrl","https://api.datamuse.com/sug?s")}static get observedAttributes(){return["props","bindings"]}addErrorMessage(){}setupBindings(){const Ee=JSON.parse(this.getAttribute("bindings")||"{}");this.setBindings(Ee,Te=>{console.log("This is CustomSearchBox",Te)})}connectedCallback(){this.props=JSON.parse(this.getAttribute("props")),this.placeholder=this.props.placeholder||"",this.label=this.props.label||"",this.required=this.props.required||!1,this.inputType=this.props.type||"text",this.suggestionsPath=this.props.suggestionsPath||"word",this.tableName=this.props.tableName||"",this.accessToken=this.props.accessToken||"",this.filterOn=this.props.filterOn||"",this.setupBindings(),this.render(),this.addListeners()}callSearch(){this.appendList()}onInput(Ee,Te){var Me;console.log("input called"),this.hasInteracted=!0,this.value=Ee.textContent.trim();const Oe=this.querySelectorAll(".suggestionListItem");Oe&&Oe.forEach(Be=>Be.remove()),this.value.length>this.props.minLettersToTrigger?this.callSearch():this.value.length>=0&&(this.value.length==0&&(Ee.innerHTML=""),this.removeSuggestions()),this.provider&&(this._prevValues=((Me=this.signal)==null?void 0:Me.get())||this.getState())}onBlur(Ee){console.log("blur called 2"),Ee.textContent.trim()===""&&(this.value=this.placeholder,Ee.textContent=this.placeholder,Ee.classList.add("color-gray-400")),this.hasInteracted&&console.log("interacted"),this.removeSuggestions()}updateSearchValue(Ee){this.value=Ee,this.input&&(this.input.innerHTML=Ee)}callAPI(){console.log("api called for",this.value)}removeSuggestions(){const Ee=this.querySelectorAll(".suggestionListContainer");Ee&&Ee.forEach(Te=>Te.remove())}moveCursorToEnd(Ee){Ee.focus();const Te=document.createRange(),Oe=window.getSelection();Te.selectNodeContents(Ee),Te.collapse(!1),Oe==null||Oe.removeAllRanges(),Oe==null||Oe.addRange(Te)}showLoading(){let Ee=this.querySelector(".suggestionListContainer");Ee||(Ee=document.createElement("mobius-div"),Ee.className="suggestionListContainer "+this.props.suggestionListStyles,this.appendChild(Ee)),Ee.innerHTML='<mobius-div class="m-2">Loading...</mobius-div>'}clearLoading(){const Ee=this.querySelector(".suggestionListContainer");Ee&&(Ee.innerHTML="")}async appendList(){if(this.filterValue=replaceCurlyBraces(this.props.filterValue,"state",this.getState(),this.props,this),this.accessToken=replaceCurlyBraces(this.accessToken),this.showLoading(),this.props.apiUrl){this.apiUrl=this.props.apiUrl;const Oe={dbType:"TIDB",keyword:this.value,searchOn:[{tableName:this.tableName,attributes:[this.suggestionsPath],filters:[{key:this.filterOn,operator:"EQUAL",singleValue:this.filterValue}]}]};await fetch(this.apiUrl,{method:"POST",headers:{Authorization:`Bearer ${this.accessToken}`,"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(Oe)}).then(Me=>{if(!Me.ok)throw new Error(`HTTP error! status: ${Me.status}`);return Me.json()}).then(Me=>this.list=Me).catch(Me=>{console.error("Error fetching data:",Me)})}else await fetch(`${this.apiUrl}=${this.value}`).then(Oe=>Oe.json()).then(Oe=>this.list=Oe);const Ee=`
       ${this.list.map(Oe=>(console.log(Oe),`<mobius-div class="suggestionListItem ${this.props.suggestionListItemStyles}">${Oe[this.suggestionsPath]}</mobius-div>`)).join("")}
     `;if(this.clearLoading(),this.querySelector(".suggestionListContainer")){const Oe=this.querySelector(".suggestionListContainer");Oe&&(Oe.innerHTML=Ee)}else{const Oe=document.createElement("mobius-div");Oe.className="suggestionListContainer "+this.props.suggestionListStyles,Oe.innerHTML=Ee,this.appendChild(Oe)}const Te=this.querySelectorAll(".suggestionListItem");Te&&Te.forEach(Oe=>{Oe.addEventListener("mousedown",Me=>{Me.preventDefault()}),Oe.addEventListener("click",()=>{this.value=Oe.textContent||"",this.input.textContent=this.value,this.dispatchEvent(new CustomEvent("custom-search-input-changed",{detail:this.value,bubbles:!0})),this.removeSuggestions(),this.moveCursorToEnd(this.input)})})}render(){this.innerHTML="";const Ee=`  
       <mobius-div
@@ -5511,7 +5511,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }
 
       .page {
-        width: 98%;
+        width: 95%;
         height: ${He};
         min-height: 90%;
         background: #fff;

package/dist/{javascript-CyICWs2y.js → javascript-CaPRob7H.js}

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

package/dist/{jsonMode-DRG5vMSC.js → jsonMode-BzXlbCd_.js}

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

package/dist/{liquid-CMgT7dRL.js → liquid-jagi3a6n.js}

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

package/dist/{mdx-DiJ-ycmQ.js → mdx-CglWxe7X.js}

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

package/dist/{python-M5E1_7SM.js → python-BIUizIgm.js}

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

package/dist/{razor-CePYJljZ.js → razor-Bmr0rfvf.js}

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

package/dist/{tsMode-nFizhvnI.js → tsMode-DOG8wi4m.js}

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

package/dist/types/src/routes/+layout.server.d.ts

@@ -487,44 +487,6 @@ export declare function load(): {
                         styles: string;
                         value: string;
                         children: never[];
-                    } | {
-                        id: string;
-                        type: string;
-                        role: string;
-                        version: string;
-                        lang: string;
-                        "alt-text": string;
-                        name: string;
-                        props: {
-                            size: string;
-                            value: string;
-                            source?: undefined;
-                            apiMethod?: undefined;
-                            token?: undefined;
-                        };
-                        bindings: {
-                            state: {
-                                authorXmlRelationshipState: {
-                                    path: string;
-                                    initialValue: string;
-                                };
-                                ditaContent?: undefined;
-                                xmlContent?: undefined;
-                                xmlEditorUpdatedDateToggle?: undefined;
-                            };
-                            events: {
-                                click: {
-                                    authorXmlRelationshipState: {
-                                        setValueToNewState: string;
-                                    };
-                                    ditaContent?: undefined;
-                                    xmlContent?: undefined;
-                                };
-                            };
-                        };
-                        styles: string;
-                        value: string;
-                        children: never[];
                     })[];
                 }[];
                 bindings?: undefined;

package/dist/{typescript-jPBlF_n0.js → typescript-_U26e8KM.js}

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

package/dist/{xml-ZUbUsB32.js → xml-BjkH3HlS.js}

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

package/dist/{yaml-Hk93COx-.js → yaml-DydUOA1I.js}

@@ -1,4 +1,4 @@
-import { m as l } from "./index-Drw5Ep0-.js";
+import { m as l } from "./index-CTyIxRKV.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.145",
+  "version": "0.0.717-alpha.146",
   "description": "mobius ui library",
   "types": "dist/index.d.ts",
   "license": "MIT",
@@ -169,7 +169,7 @@
     "tiptap-extension-pagination": "^2.1.4",
     "tiptap-extension-resize-image": "^1.2.2",
     "tiptap-pagination-breaks": "^1.0.2",
-    "tiptap-pagination-plus": "1.1.1",
+    "tiptap-pagination-plus": "^1.0.10",
     "tiptap-unique-id": "^2.10.3",
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-monaco-editor": "^1.1.0",