@myissue/vue-website-page-builder 3.4.28 → 3.4.30

package/dist/vue-website-page-builder.js

@@ -2,7 +2,7 @@ var u1 = Object.defineProperty;
 var f1 = (n, e, t) => e in n ? u1(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var be = (n, e, t) => f1(n, typeof e != "symbol" ? e + "" : e, t);
 import * as vd from "vue";
-import { defineComponent as it, computed as $, createBlock as fe, openBlock as w, Teleport as h1, createElementVNode as c, createElementBlock as k, createCommentVNode as L, normalizeClass as K, toDisplayString as T, renderSlot as pr, ref as M, watchEffect as io, Fragment as X, withCtx as j, nextTick as oe, readonly as m1, createVNode as z, unref as y, shallowRef as b1, onMounted as gn, onBeforeUnmount as Ds, h as Un, getCurrentInstance as Ac, markRaw as In, customRef as g1, effectScope as Oc, toRaw as Je, hasInjectionContext as x1, inject as Gn, watch as ee, reactive as y1, isRef as $o, isReactive as Tl, toRef as Zs, getCurrentScope as v1, onScopeDispose as w1, toRefs as wd, onBeforeMount as S1, withDirectives as xe, vModelText as vr, createTextVNode as Se, provide as Ln, resolveDynamicComponent as Dc, cloneVNode as C1, onUnmounted as T1, Transition as Pr, renderList as ue, withKeys as _a, withModifiers as Ct, vShow as Na, vModelSelect as Qe } from "vue";
+import { defineComponent as it, computed as $, createBlock as fe, openBlock as w, Teleport as h1, createElementVNode as c, createElementBlock as M, createCommentVNode as L, normalizeClass as K, toDisplayString as T, renderSlot as pr, ref as k, watchEffect as io, Fragment as X, withCtx as j, nextTick as oe, readonly as m1, createVNode as z, unref as y, shallowRef as b1, onMounted as gn, onBeforeUnmount as Ds, h as Un, getCurrentInstance as Ac, markRaw as In, customRef as g1, effectScope as Oc, toRaw as Je, hasInjectionContext as x1, inject as Gn, watch as ee, reactive as y1, isRef as $o, isReactive as Tl, toRef as Zs, getCurrentScope as v1, onScopeDispose as w1, toRefs as wd, onBeforeMount as S1, withDirectives as xe, vModelText as vr, createTextVNode as Se, provide as Ln, resolveDynamicComponent as Dc, cloneVNode as C1, onUnmounted as T1, Transition as Pr, renderList as ue, withKeys as _a, withModifiers as Ct, vShow as Na, vModelSelect as Qe } from "vue";
 const k1 = { class: "pbx-font-sans" }, M1 = {
   key: 0,
   class: "pbx-fixed pbx-inset-0 pbx-z-40 pbx-flex pbx-items-center pbx-justify-center pbx-mx-4",
@@ -60,7 +60,7 @@ const k1 = { class: "pbx-font-sans" }, M1 = {
     })[t.maxWidth]);
     return (s, a) => (w(), fe(h1, { to: "body" }, [
       c("div", k1, [
-        n.showModalBuilder ? (w(), k("div", M1, [
+        n.showModalBuilder ? (w(), M("div", M1, [
           c("div", {
             class: K(["pbx-fixed pbx-inset-0 pbx-bg-black/50 pbx-transition-opacity", [n.noBackgroundOpacity ? "pbx-bg-black/100" : ""]]),
             onClick: o
@@ -112,7 +112,7 @@ const k1 = { class: "pbx-font-sans" }, M1 = {
     }
   },
   setup(n) {
-    const e = n, t = M(""), r = M(null), o = localStorage.getItem("preview");
+    const e = n, t = k(""), r = k(null), o = localStorage.getItem("preview");
     if (o)
       try {
         const i = JSON.parse(o);
@@ -129,8 +129,8 @@ const k1 = { class: "pbx-font-sans" }, M1 = {
           s.head.appendChild(a.cloneNode(!0));
         });
       }
-    }), (i, s) => (w(), k(X, null, [
-      n.mobile ? L("", !0) : (w(), k("div", B1, [
+    }), (i, s) => (w(), M(X, null, [
+      n.mobile ? L("", !0) : (w(), M("div", B1, [
         c("div", P1, [
           c("div", L1, [
             c("div", {
@@ -140,7 +140,7 @@ const k1 = { class: "pbx-font-sans" }, M1 = {
           ])
         ])
       ])),
-      n.mobile ? (w(), k("div", O1, [
+      n.mobile ? (w(), M("div", O1, [
         c("iframe", {
           ref_key: "iframeRef",
           ref: r,
@@ -240,7 +240,7 @@ const k1 = { class: "pbx-font-sans" }, M1 = {
           c("div", {
             class: K({ "pbx-pr-4 pbx-pb-4": !n.simpleModal })
           }, [
-            n.simpleModal !== !0 ? (w(), k("div", {
+            n.simpleModal !== !0 ? (w(), M("div", {
               key: 0,
               innerHTML: n.description,
               class: "pbx-myPrimaryParagraph pbx-mb-6"
@@ -250,7 +250,7 @@ const k1 = { class: "pbx-font-sans" }, M1 = {
           ], 2)
         ]),
         c("div", $1, [
-          n.simpleModal !== !0 && !n.isLoading ? (w(), k("div", _1, [
+          n.simpleModal !== !0 && !n.isLoading ? (w(), M("div", _1, [
             pr(s.$slots, "footer"),
             c("div", {
               class: K([{
@@ -259,20 +259,20 @@ const k1 = { class: "pbx-font-sans" }, M1 = {
                 "sm:pbx-grid-cols-3": n.gridColumnAmount === 3
               }, "sm:pbx-items-end sm:pbx-justify-end pbx-flex sm:pbx-flex-row pbx-flex-col pbx-myPrimaryGap sm:pbx-w-5/6 pbx-w-full"])
             }, [
-              n.firstButtonText ? (w(), k("button", {
+              n.firstButtonText ? (w(), M("button", {
                 key: 0,
                 ref: "firstButtonRef",
                 class: "pbx-mySecondaryButton",
                 type: "button",
                 onClick: r
               }, T(n.firstButtonText), 513)) : L("", !0),
-              n.secondButtonText ? (w(), k("button", {
+              n.secondButtonText ? (w(), M("button", {
                 key: 1,
                 class: "pbx-myPrimaryButton pbx-bg-yellow-300 hover:pbx-bg-yellow-400 pbx-text-myPrimaryDarkGrayColor hover:pbx-text-myPrimaryDarkGrayColor focus:pbx-ring-yellow-400 pbx-w-full",
                 type: "button",
                 onClick: o
               }, T(n.secondButtonText), 1)) : L("", !0),
-              n.thirdButtonText ? (w(), k("button", {
+              n.thirdButtonText ? (w(), M("button", {
                 key: 2,
                 class: K(["pbx-myPrimaryButton pbx-bg-myPrimaryLinkColor focus-visible:pbx-ring-myPrimaryLinkColor focus:pbx-ring-myPrimaryLinkColor hover:pbx-bg-myPrimaryLinkColor pbx-w-full", [
                   n.type === "danger" || n.type === "delete" ? "pbx-bg-red-600 focus-visible:pbx-ring-red-600 focus:pbx-ring-red-600 hover:pbx-bg-red-600" : "pbx-bg-myPrimaryLinkColor focus-visible:pbx-ring-myPrimaryLinkColor focus:pbx-ring-myPrimaryLinkColor hover:pbx-bg-myPrimaryLinkColor"
@@ -282,7 +282,7 @@ const k1 = { class: "pbx-font-sans" }, M1 = {
               }, T(n.thirdButtonText), 3)) : L("", !0)
             ], 2)
           ])) : L("", !0),
-          n.isLoading ? (w(), k("div", N1, a[0] || (a[0] = [
+          n.isLoading ? (w(), M("div", N1, a[0] || (a[0] = [
             c("div", { class: "pbx-inline-block pbx-h-8 pbx-w-8 pbx-animate-spin pbx-rounded-full pbx-border-4 pbx-border-solid pbx-border-current pbx-border-r-transparent pbx-align-[-0.125em] motion-reduce:pbx-animate-[spin_1.5s_linear_infinite]" }, [
               c("span", { class: "!pbx-absolute !pbx-m-px !pbx-h-px !pbx-w-px !pbx-overflow-hidden !pbx-whitespace-nowrap !pbx-border-0 !pbx-p-0 !pbx-[clip:rect(0,0,0,0)]" }, "Loading...")
             ], -1)
@@ -1367,11 +1367,11 @@ function H1() {
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
   return hi(R1);
 }
-const Fe = [];
+const He = [];
 for (let n = 0; n < 256; ++n)
-  Fe.push((n + 256).toString(16).slice(1));
+  He.push((n + 256).toString(16).slice(1));
 function F1(n, e = 0) {
-  return Fe[n[e + 0]] + Fe[n[e + 1]] + Fe[n[e + 2]] + Fe[n[e + 3]] + "-" + Fe[n[e + 4]] + Fe[n[e + 5]] + "-" + Fe[n[e + 6]] + Fe[n[e + 7]] + "-" + Fe[n[e + 8]] + Fe[n[e + 9]] + "-" + Fe[n[e + 10]] + Fe[n[e + 11]] + Fe[n[e + 12]] + Fe[n[e + 13]] + Fe[n[e + 14]] + Fe[n[e + 15]];
+  return He[n[e + 0]] + He[n[e + 1]] + He[n[e + 2]] + He[n[e + 3]] + "-" + He[n[e + 4]] + He[n[e + 5]] + "-" + He[n[e + 6]] + He[n[e + 7]] + "-" + He[n[e + 8]] + He[n[e + 9]] + "-" + He[n[e + 10]] + He[n[e + 11]] + He[n[e + 12]] + He[n[e + 13]] + He[n[e + 14]] + He[n[e + 15]];
 }
 const z1 = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Cd = {
   randomUUID: z1
@@ -2794,7 +2794,7 @@ ${s}
       return;
     const o = this.getElement.value.closest("a"), i = this.getElement.value.querySelector("a");
     this.pageBuilderStateStore.setHyperlinkError(null);
-    const s = /^https?:\/\//, a = M(!0);
+    const s = /^https?:\/\//, a = k(!0);
     if (e === !0 && t !== null && (a.value = s.test(t)), a.value === !1) {
       this.pageBuilderStateStore.setHyperlinkMessage(null), this.pageBuilderStateStore.setHyperlinkError("URL is not valid");
       return;
@@ -5290,16 +5290,16 @@ const $c = "حفظ", _c = "خيارات", Nc = "الصورة الرمزية", Rc
   default: dw,
   property: jx,
   value: qx
-}, Symbol.toStringTag, { value: "Module" })), cw = /* @__PURE__ */ Object.assign({ "../locales/ar.json": U1, "../locales/de.json": K1, "../locales/en.json": Y1, "../locales/es.json": X1, "../locales/fr.json": ew, "../locales/hi.json": nw, "../locales/ja.json": ow, "../locales/pt.json": sw, "../locales/ru.json": lw, "../locales/zh-Hans.json": pw }), Ra = M({});
+}, Symbol.toStringTag, { value: "Module" })), cw = /* @__PURE__ */ Object.assign({ "../locales/ar.json": U1, "../locales/de.json": K1, "../locales/en.json": Y1, "../locales/es.json": X1, "../locales/fr.json": ew, "../locales/hi.json": nw, "../locales/ja.json": ow, "../locales/pt.json": sw, "../locales/ru.json": lw, "../locales/zh-Hans.json": pw }), Ra = k({});
 async function my(n) {
   try {
     const e = `../locales/${n}.json`, t = cw[e];
-    if (t && "default" in t)
+    if (t && typeof t == "object" && "default" in t)
       Ra.value = t.default;
     else
       throw new Error("Locale not found");
   } catch (e) {
-    console.error(`højo - Could not load translations for language: ${n}`, e), n !== "en" && await my("en");
+    console.error(`Could not load translations for language: ${n}`, e), n !== "en" && await my("en");
   }
 }
 function Me() {
@@ -5315,14 +5315,14 @@ function Me() {
 const uw = { class: "pbx-flex pbx-flex-col pbx-items-center pbx-justify-center pbx-myPrimaryGap" }, fw = { class: "pbx-flex pbx-gap-2 pbx-items-center pbx-justify-center" }, hw = ["disabled"], mw = ["disabled"], bw = {
   __name: "ComponentTopMenu",
   setup(n) {
-    const { translate: e } = Me(), t = ke(), r = M(!1), o = M(""), i = M(1), s = M(""), a = M(""), l = M(""), d = M(null), p = M(null), u = M(null), f = M(null), h = M(null), m = $(() => t.canMoveUp()), g = $(() => t.canMoveDown()), b = function() {
+    const { translate: e } = Me(), t = ke(), r = k(!1), o = k(""), i = k(1), s = k(""), a = k(""), l = k(""), d = k(null), p = k(null), u = k(null), f = k(null), h = k(null), m = $(() => t.canMoveUp()), g = $(() => t.canMoveDown()), b = function() {
       r.value = !0, o.value = "delete", i.value = 2, s.value = e("Remove Component?"), a.value = e("Are you sure you want to remove this Component?"), l.value = e("Close"), d.value = null, p.value = e("Delete"), u.value = function() {
         r.value = !1;
       }, h.value = async function() {
         await t.deleteComponentFromDOM(), r.value = !1;
       };
     };
-    return (v, S) => (w(), k(X, null, [
+    return (v, S) => (w(), M(X, null, [
       z(zn, {
         showDynamicModalBuilder: r.value,
         type: o.value,
@@ -5376,11 +5376,11 @@ const uw = { class: "pbx-flex pbx-flex-col pbx-items-center pbx-justify-center p
     ], 64));
   }
 };
-function ze(n) {
+function Fe(n) {
   this.content = n;
 }
-ze.prototype = {
-  constructor: ze,
+Fe.prototype = {
+  constructor: Fe,
   find: function(n) {
     for (var e = 0; e < this.content.length; e += 2)
       if (this.content[e] === n) return e;
@@ -5399,7 +5399,7 @@ ze.prototype = {
   // given, the key of the binding will be replaced with that key.
   update: function(n, e, t) {
     var r = t && t != n ? this.remove(t) : this, o = r.find(n), i = r.content.slice();
-    return o == -1 ? i.push(t || n, e) : (i[o + 1] = e, t && (i[o] = t)), new ze(i);
+    return o == -1 ? i.push(t || n, e) : (i[o + 1] = e, t && (i[o] = t)), new Fe(i);
   },
   // :: (string) → OrderedMap
   // Return a map with the given key removed, if it existed.
@@ -5407,25 +5407,25 @@ ze.prototype = {
     var e = this.find(n);
     if (e == -1) return this;
     var t = this.content.slice();
-    return t.splice(e, 2), new ze(t);
+    return t.splice(e, 2), new Fe(t);
   },
   // :: (string, any) → OrderedMap
   // Add a new key to the start of the map.
   addToStart: function(n, e) {
-    return new ze([n, e].concat(this.remove(n).content));
+    return new Fe([n, e].concat(this.remove(n).content));
   },
   // :: (string, any) → OrderedMap
   // Add a new key to the end of the map.
   addToEnd: function(n, e) {
     var t = this.remove(n).content.slice();
-    return t.push(n, e), new ze(t);
+    return t.push(n, e), new Fe(t);
   },
   // :: (string, string, any) → OrderedMap
   // Add a key after the given key. If `place` is not found, the new
   // key is added to the end.
   addBefore: function(n, e, t) {
     var r = this.remove(e), o = r.content.slice(), i = r.find(n);
-    return o.splice(i == -1 ? o.length : i, 0, e, t), new ze(o);
+    return o.splice(i == -1 ? o.length : i, 0, e, t), new Fe(o);
   },
   // :: ((key: string, value: any))
   // Call the given function for each key/value pair in the map, in
@@ -5438,20 +5438,20 @@ ze.prototype = {
   // Create a new map by prepending the keys in this map that don't
   // appear in `map` before the keys in `map`.
   prepend: function(n) {
-    return n = ze.from(n), n.size ? new ze(n.content.concat(this.subtract(n).content)) : this;
+    return n = Fe.from(n), n.size ? new Fe(n.content.concat(this.subtract(n).content)) : this;
   },
   // :: (union<Object, OrderedMap>) → OrderedMap
   // Create a new map by appending the keys in this map that don't
   // appear in `map` after the keys in `map`.
   append: function(n) {
-    return n = ze.from(n), n.size ? new ze(this.subtract(n).content.concat(n.content)) : this;
+    return n = Fe.from(n), n.size ? new Fe(this.subtract(n).content.concat(n.content)) : this;
   },
   // :: (union<Object, OrderedMap>) → OrderedMap
   // Create a map containing all the keys in this map that don't
   // appear in `map`.
   subtract: function(n) {
     var e = this;
-    n = ze.from(n);
+    n = Fe.from(n);
     for (var t = 0; t < n.content.length; t += 2)
       e = e.remove(n.content[t]);
     return e;
@@ -5470,11 +5470,11 @@ ze.prototype = {
     return this.content.length >> 1;
   }
 };
-ze.from = function(n) {
-  if (n instanceof ze) return n;
+Fe.from = function(n) {
+  if (n instanceof Fe) return n;
   var e = [];
   if (n) for (var t in n) e.push(t, n[t]);
-  return new ze(e);
+  return new Fe(e);
 };
 function by(n, e, t) {
   for (let r = 0; ; r++) {
@@ -7428,7 +7428,7 @@ class Ay {
     let t = this.spec = {};
     for (let o in e)
       t[o] = e[o];
-    t.nodes = ze.from(e.nodes), t.marks = ze.from(e.marks || {}), this.nodes = Bd.compile(this.spec.nodes, this), this.marks = Is.compile(this.spec.marks, this);
+    t.nodes = Fe.from(e.nodes), t.marks = Fe.from(e.marks || {}), this.nodes = Bd.compile(this.spec.nodes, this), this.marks = Is.compile(this.spec.marks, this);
     let r = /* @__PURE__ */ Object.create(null);
     for (let o in this.nodes) {
       if (o in this.marks)
@@ -10501,7 +10501,7 @@ class st {
     return e[this.key];
   }
 }
-const Ve = function(n) {
+const ze = function(n) {
   for (var e = 0; ; e++)
     if (n = n.previousSibling, !n)
       return e;
@@ -10526,7 +10526,7 @@ function qd(n, e, t, r, o) {
       let s = n.parentNode;
       if (!s || s.nodeType != 1 || ei(n) || fS.test(n.nodeName) || n.contentEditable == "false")
         return !1;
-      e = Ve(n) + (o < 0 ? 0 : 1), n = s;
+      e = ze(n) + (o < 0 ? 0 : 1), n = s;
     } else if (n.nodeType == 1) {
       let s = n.childNodes[e + (o < 0 ? -1 : 0)];
       if (s.nodeType == 1 && s.contentEditable == "false")
@@ -10552,7 +10552,7 @@ function hS(n, e) {
         return null;
       n = n.childNodes[e - 1], e = Et(n);
     } else if (n.parentNode && !ei(n))
-      e = Ve(n), n = n.parentNode;
+      e = ze(n), n = n.parentNode;
     else
       return null;
   }
@@ -10566,7 +10566,7 @@ function mS(n, e) {
         return null;
       n = n.childNodes[e], e = 0;
     } else if (n.parentNode && !ei(n))
-      e = Ve(n) + 1, n = n.parentNode;
+      e = ze(n) + 1, n = n.parentNode;
     else
       return null;
   }
@@ -10575,7 +10575,7 @@ function bS(n, e, t) {
   for (let r = e == 0, o = e == Et(n); r || o; ) {
     if (n == t)
       return !0;
-    let i = Ve(n);
+    let i = ze(n);
     if (n = n.parentNode, !n)
       return !1;
     r = r && i == 0, o = o && i == Et(n);
@@ -11046,7 +11046,7 @@ class ni {
       }
     let o;
     if (e == this.dom && this.contentDOM)
-      o = t > Ve(this.contentDOM);
+      o = t > ze(this.contentDOM);
     else if (this.contentDOM && this.contentDOM != this.dom && this.dom.contains(this.contentDOM))
       o = e.compareDocumentPosition(this.contentDOM) & 2;
     else if (this.dom.firstChild) {
@@ -11136,12 +11136,12 @@ class ni {
       let i, s = !0;
       for (; i = r ? this.children[r - 1] : null, !(!i || i.dom.parentNode == this.contentDOM); r--, s = !1)
         ;
-      return i && t && s && !i.border && !i.domAtom ? i.domFromPos(i.size, t) : { node: this.contentDOM, offset: i ? Ve(i.dom) + 1 : 0 };
+      return i && t && s && !i.border && !i.domAtom ? i.domFromPos(i.size, t) : { node: this.contentDOM, offset: i ? ze(i.dom) + 1 : 0 };
     } else {
       let i, s = !0;
       for (; i = r < this.children.length ? this.children[r] : null, !(!i || i.dom.parentNode == this.contentDOM); r++, s = !1)
         ;
-      return i && s && !i.border && !i.domAtom ? i.domFromPos(0, t) : { node: this.contentDOM, offset: i ? Ve(i.dom) : this.contentDOM.childNodes.length };
+      return i && s && !i.border && !i.domAtom ? i.domFromPos(0, t) : { node: this.contentDOM, offset: i ? ze(i.dom) : this.contentDOM.childNodes.length };
     }
   }
   // Used to find a DOM range in a single parent for a given changed
@@ -11160,7 +11160,7 @@ class ni {
         for (let u = a; u > 0; u--) {
           let f = this.children[u - 1];
           if (f.size && f.dom.parentNode == this.contentDOM && !f.emptyChildAt(1)) {
-            o = Ve(f.dom) + 1;
+            o = ze(f.dom) + 1;
             break;
           }
           e -= f.size;
@@ -11172,7 +11172,7 @@ class ni {
         for (let p = a + 1; p < this.children.length; p++) {
           let u = this.children[p];
           if (u.size && u.dom.parentNode == this.contentDOM && !u.emptyChildAt(-1)) {
-            i = Ve(u.dom);
+            i = ze(u.dom);
             break;
           }
           t += u.size;
@@ -11217,7 +11217,7 @@ class ni {
 `), u && m == h.nodeValue.length)
           for (let g = h, b; g; g = g.parentNode) {
             if (b = g.nextSibling) {
-              b.nodeName == "BR" && (a = l = { node: b.parentNode, offset: Ve(b) + 1 });
+              b.nodeName == "BR" && (a = l = { node: b.parentNode, offset: ze(b) + 1 });
               break;
             }
             let v = g.pmViewDesc;
@@ -12063,7 +12063,7 @@ function US(n) {
   if (!e)
     return;
   let r = n.cursorWrapper.dom, o = r.nodeName == "IMG";
-  o ? t.setStart(r.parentNode, Ve(r) + 1) : t.setStart(r, 0), t.collapse(!0), e.removeAllRanges(), e.addRange(t), !o && !n.state.selection.visible && ut && jn <= 11 && (r.disabled = !0, r.disabled = !1);
+  o ? t.setStart(r.parentNode, ze(r) + 1) : t.setStart(r, 0), t.collapse(!0), e.removeAllRanges(), e.addRange(t), !o && !n.state.selection.visible && ut && jn <= 11 && (r.disabled = !0, r.disabled = !1);
 }
 function pv(n, e) {
   if (e instanceof J) {
@@ -12166,7 +12166,7 @@ function KS(n) {
       {
         let a = t.previousSibling;
         for (; a && ko(a, -1); )
-          o = t.parentNode, i = Ve(a), a = a.previousSibling;
+          o = t.parentNode, i = ze(a), a = a.previousSibling;
         if (a)
           t = a, r = Ji(t);
         else {
@@ -12198,7 +12198,7 @@ function JS(n) {
       {
         let a = t.nextSibling;
         for (; a && ko(a, 1); )
-          i = a.parentNode, s = Ve(a) + 1, a = a.nextSibling;
+          i = a.parentNode, s = ze(a) + 1, a = a.nextSibling;
         if (a)
           t = a, r = 0, o = Ji(t);
         else {
@@ -12216,7 +12216,7 @@ function uv(n) {
 }
 function YS(n, e) {
   for (; n && e == n.childNodes.length && !ei(n); )
-    e = Ve(n) + 1, n = n.parentNode;
+    e = ze(n) + 1, n = n.parentNode;
   for (; n && e < n.childNodes.length; ) {
     let t = n.childNodes[e];
     if (t.nodeType == 3)
@@ -12228,7 +12228,7 @@ function YS(n, e) {
 }
 function QS(n, e) {
   for (; n && !e && !ei(n); )
-    e = Ve(n), n = n.parentNode;
+    e = ze(n), n = n.parentNode;
   for (; n && e; ) {
     let t = n.childNodes[e - 1];
     if (t.nodeType == 3)
@@ -13623,7 +13623,7 @@ class DC {
           let { previousSibling: u, nextSibling: f } = e.addedNodes[p];
           (!u || Array.prototype.indexOf.call(e.addedNodes, u) < 0) && (o = u), (!f || Array.prototype.indexOf.call(e.addedNodes, f) < 0) && (i = f);
         }
-      let s = o && o.parentNode == e.target ? Ve(o) + 1 : 0, a = r.localPosFromDOM(e.target, s, -1), l = i && i.parentNode == e.target ? Ve(i) : e.target.childNodes.length, d = r.localPosFromDOM(e.target, l, 1);
+      let s = o && o.parentNode == e.target ? ze(o) + 1 : 0, a = r.localPosFromDOM(e.target, s, -1), l = i && i.parentNode == e.target ? ze(i) : e.target.childNodes.length, d = r.localPosFromDOM(e.target, l, 1);
       return { from: a, to: d };
     } else return e.type == "attributes" ? { from: r.posAtStart - r.border, to: r.posAtEnd + r.border } : (this.lastChangedTextNode = e.target, {
       from: r.posAtStart,
@@ -14320,10 +14320,10 @@ var Kn = {
   221: "}",
   222: '"'
 }, UC = typeof navigator < "u" && /Mac/.test(navigator.platform), GC = typeof navigator < "u" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
-for (var je = 0; je < 10; je++) Kn[48 + je] = Kn[96 + je] = String(je);
-for (var je = 1; je <= 24; je++) Kn[je + 111] = "F" + je;
-for (var je = 65; je <= 90; je++)
-  Kn[je] = String.fromCharCode(je + 32), Zi[je] = String.fromCharCode(je);
+for (var Ve = 0; Ve < 10; Ve++) Kn[48 + Ve] = Kn[96 + Ve] = String(Ve);
+for (var Ve = 1; Ve <= 24; Ve++) Kn[Ve + 111] = "F" + Ve;
+for (var Ve = 65; Ve <= 90; Ve++)
+  Kn[Ve] = String.fromCharCode(Ve + 32), Zi[Ve] = String.fromCharCode(Ve);
 for (var fa in Kn) Zi.hasOwnProperty(fa) || (Zi[fa] = Kn[fa]);
 function KC(n) {
   var e = UC && n.metaKey && n.shiftKey && !n.ctrlKey && !n.altKey || GC && n.shiftKey && n.key && n.key.length == 1 || n.key == "Unidentified", t = !e && n.key || (n.shiftKey ? Zi : Kn)[n.keyCode] || n.key || "Unidentified";
@@ -14936,10 +14936,10 @@ class vT {
     this.callbacks = {};
   }
 }
-function U(n, e, t) {
-  return n.config[e] === void 0 && n.parent ? U(n.parent, e, t) : typeof n.config[e] == "function" ? n.config[e].bind({
+function W(n, e, t) {
+  return n.config[e] === void 0 && n.parent ? W(n.parent, e, t) : typeof n.config[e] == "function" ? n.config[e].bind({
     ...t,
-    parent: n.parent ? U(n.parent, e, t) : null
+    parent: n.parent ? W(n.parent, e, t) : null
   }) : n.config[e];
 }
 function js(n) {
@@ -14965,7 +14965,7 @@ function jv(n) {
       options: s.options,
       storage: s.storage,
       extensions: o
-    }, l = U(s, "addGlobalAttributes", a);
+    }, l = W(s, "addGlobalAttributes", a);
     if (!l)
       return;
     l().forEach((p) => {
@@ -14987,7 +14987,7 @@ function jv(n) {
       name: s.name,
       options: s.options,
       storage: s.storage
-    }, l = U(s, "addAttributes", a);
+    }, l = W(s, "addAttributes", a);
     if (!l)
       return;
     const d = l();
@@ -15012,7 +15012,7 @@ function Ne(n, e) {
   }
   return n;
 }
-function qe(...n) {
+function je(...n) {
   return n.filter((e) => !!e).reduce((e, t) => {
     const r = { ...e };
     return Object.entries(t).forEach(([o, i]) => {
@@ -15040,7 +15040,7 @@ function qe(...n) {
 function nl(n, e) {
   return e.filter((t) => t.type === n.type.name).filter((t) => t.attribute.rendered).map((t) => t.attribute.renderHTML ? t.attribute.renderHTML(n.attrs) || {} : {
     [t.name]: n.attrs[t.name]
-  }).reduce((t, r) => qe(t, r), {});
+  }).reduce((t, r) => je(t, r), {});
 }
 function qv(n) {
   return typeof n == "function";
@@ -15080,44 +15080,44 @@ function kp(n) {
 }
 function CT(n, e) {
   var t;
-  const r = jv(n), { nodeExtensions: o, markExtensions: i } = js(n), s = (t = o.find((d) => U(d, "topNode"))) === null || t === void 0 ? void 0 : t.name, a = Object.fromEntries(o.map((d) => {
+  const r = jv(n), { nodeExtensions: o, markExtensions: i } = js(n), s = (t = o.find((d) => W(d, "topNode"))) === null || t === void 0 ? void 0 : t.name, a = Object.fromEntries(o.map((d) => {
     const p = r.filter((v) => v.type === d.name), u = {
       name: d.name,
       options: d.options,
       storage: d.storage,
       editor: e
     }, f = n.reduce((v, S) => {
-      const C = U(S, "extendNodeSchema", u);
+      const C = W(S, "extendNodeSchema", u);
       return {
         ...v,
         ...C ? C(d) : {}
       };
     }, {}), h = kp({
       ...f,
-      content: ie(U(d, "content", u)),
-      marks: ie(U(d, "marks", u)),
-      group: ie(U(d, "group", u)),
-      inline: ie(U(d, "inline", u)),
-      atom: ie(U(d, "atom", u)),
-      selectable: ie(U(d, "selectable", u)),
-      draggable: ie(U(d, "draggable", u)),
-      code: ie(U(d, "code", u)),
-      whitespace: ie(U(d, "whitespace", u)),
-      linebreakReplacement: ie(U(d, "linebreakReplacement", u)),
-      defining: ie(U(d, "defining", u)),
-      isolating: ie(U(d, "isolating", u)),
+      content: ie(W(d, "content", u)),
+      marks: ie(W(d, "marks", u)),
+      group: ie(W(d, "group", u)),
+      inline: ie(W(d, "inline", u)),
+      atom: ie(W(d, "atom", u)),
+      selectable: ie(W(d, "selectable", u)),
+      draggable: ie(W(d, "draggable", u)),
+      code: ie(W(d, "code", u)),
+      whitespace: ie(W(d, "whitespace", u)),
+      linebreakReplacement: ie(W(d, "linebreakReplacement", u)),
+      defining: ie(W(d, "defining", u)),
+      isolating: ie(W(d, "isolating", u)),
       attrs: Object.fromEntries(p.map((v) => {
         var S;
         return [v.name, { default: (S = v == null ? void 0 : v.attribute) === null || S === void 0 ? void 0 : S.default }];
       }))
-    }), m = ie(U(d, "parseHTML", u));
+    }), m = ie(W(d, "parseHTML", u));
     m && (h.parseDOM = m.map((v) => Tp(v, p)));
-    const g = U(d, "renderHTML", u);
+    const g = W(d, "renderHTML", u);
     g && (h.toDOM = (v) => g({
       node: v,
       HTMLAttributes: nl(v, p)
     }));
-    const b = U(d, "renderText", u);
+    const b = W(d, "renderText", u);
     return b && (h.toText = b), [d.name, h];
   })), l = Object.fromEntries(i.map((d) => {
     const p = r.filter((b) => b.type === d.name), u = {
@@ -15126,25 +15126,25 @@ function CT(n, e) {
       storage: d.storage,
       editor: e
     }, f = n.reduce((b, v) => {
-      const S = U(v, "extendMarkSchema", u);
+      const S = W(v, "extendMarkSchema", u);
       return {
         ...b,
         ...S ? S(d) : {}
       };
     }, {}), h = kp({
       ...f,
-      inclusive: ie(U(d, "inclusive", u)),
-      excludes: ie(U(d, "excludes", u)),
-      group: ie(U(d, "group", u)),
-      spanning: ie(U(d, "spanning", u)),
-      code: ie(U(d, "code", u)),
+      inclusive: ie(W(d, "inclusive", u)),
+      excludes: ie(W(d, "excludes", u)),
+      group: ie(W(d, "group", u)),
+      spanning: ie(W(d, "spanning", u)),
+      code: ie(W(d, "code", u)),
       attrs: Object.fromEntries(p.map((b) => {
         var v;
         return [b.name, { default: (v = b == null ? void 0 : b.attribute) === null || v === void 0 ? void 0 : v.default }];
       }))
-    }), m = ie(U(d, "parseHTML", u));
+    }), m = ie(W(d, "parseHTML", u));
     m && (h.parseDOM = m.map((b) => Tp(b, p)));
-    const g = U(d, "renderHTML", u);
+    const g = W(d, "renderHTML", u);
     return g && (h.toDOM = (b) => g({
       mark: b,
       HTMLAttributes: nl(b, p)
@@ -15333,9 +15333,9 @@ class xn {
     }, this.config = {
       ...this.config,
       ...e
-    }, this.name = this.config.name, e.defaultOptions && Object.keys(e.defaultOptions).length > 0 && console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${this.name}".`), this.options = this.config.defaultOptions, this.config.addOptions && (this.options = ie(U(this, "addOptions", {
+    }, this.name = this.config.name, e.defaultOptions && Object.keys(e.defaultOptions).length > 0 && console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${this.name}".`), this.options = this.config.defaultOptions, this.config.addOptions && (this.options = ie(W(this, "addOptions", {
       name: this.name
-    }))), this.storage = ie(U(this, "addStorage", {
+    }))), this.storage = ie(W(this, "addStorage", {
       name: this.name,
       options: this.options
     })) || {};
@@ -15352,9 +15352,9 @@ class xn {
   }
   extend(e = {}) {
     const t = new xn(e);
-    return t.parent = this, this.child = t, t.name = e.name ? e.name : t.parent.name, e.defaultOptions && Object.keys(e.defaultOptions).length > 0 && console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${t.name}".`), t.options = ie(U(t, "addOptions", {
+    return t.parent = this, this.child = t, t.name = e.name ? e.name : t.parent.name, e.defaultOptions && Object.keys(e.defaultOptions).length > 0 && console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${t.name}".`), t.options = ie(W(t, "addOptions", {
       name: t.name
-    })), t.storage = ie(U(t, "addStorage", {
+    })), t.storage = ie(W(t, "addStorage", {
       name: t.name,
       options: t.options
     })), t;
@@ -15546,7 +15546,7 @@ class jr {
         name: t.name,
         options: t.options,
         storage: t.storage
-      }, o = U(t, "addExtensions", r);
+      }, o = W(t, "addExtensions", r);
       return o ? [t, ...this.flatten(o())] : t;
     }).flat(10);
   }
@@ -15557,7 +15557,7 @@ class jr {
    */
   static sort(e) {
     return e.sort((r, o) => {
-      const i = U(r, "priority") || 100, s = U(o, "priority") || 100;
+      const i = W(r, "priority") || 100, s = W(o, "priority") || 100;
       return i > s ? -1 : i < s ? 1 : 0;
     });
   }
@@ -15573,7 +15573,7 @@ class jr {
         storage: t.storage,
         editor: this.editor,
         type: ma(t.name, this.schema)
-      }, o = U(t, "addCommands", r);
+      }, o = W(t, "addCommands", r);
       return o ? {
         ...e,
         ...o()
@@ -15592,19 +15592,19 @@ class jr {
         storage: s.storage,
         editor: e,
         type: ma(s.name, this.schema)
-      }, l = [], d = U(s, "addKeyboardShortcuts", a);
+      }, l = [], d = W(s, "addKeyboardShortcuts", a);
       let p = {};
-      if (s.type === "mark" && U(s, "exitable", a) && (p.ArrowRight = () => xn.handleExit({ editor: e, mark: s })), d) {
+      if (s.type === "mark" && W(s, "exitable", a) && (p.ArrowRight = () => xn.handleExit({ editor: e, mark: s })), d) {
         const g = Object.fromEntries(Object.entries(d()).map(([b, v]) => [b, () => v({ editor: e })]));
         p = { ...p, ...g };
       }
       const u = ZC(p);
       l.push(u);
-      const f = U(s, "addInputRules", a);
+      const f = W(s, "addInputRules", a);
       Mp(s, e.options.enableInputRules) && f && r.push(...f());
-      const h = U(s, "addPasteRules", a);
+      const h = W(s, "addPasteRules", a);
       Mp(s, e.options.enablePasteRules) && h && o.push(...h());
-      const m = U(s, "addProseMirrorPlugins", a);
+      const m = W(s, "addProseMirrorPlugins", a);
       if (m) {
         const g = m();
         l.push(...g);
@@ -15636,14 +15636,14 @@ class jr {
    */
   get nodeViews() {
     const { editor: e } = this, { nodeExtensions: t } = js(this.extensions);
-    return Object.fromEntries(t.filter((r) => !!U(r, "addNodeView")).map((r) => {
+    return Object.fromEntries(t.filter((r) => !!W(r, "addNodeView")).map((r) => {
       const o = this.attributes.filter((l) => l.type === r.name), i = {
         name: r.name,
         options: r.options,
         storage: r.storage,
         editor: e,
         type: Ne(r.name, this.schema)
-      }, s = U(r, "addNodeView", i);
+      }, s = W(r, "addNodeView", i);
       if (!s)
         return [];
       const a = (l, d, p, u, f) => {
@@ -15679,13 +15679,13 @@ class jr {
         editor: this.editor,
         type: ma(e.name, this.schema)
       };
-      e.type === "mark" && (!((t = ie(U(e, "keepOnSplit", r))) !== null && t !== void 0) || t) && this.splittableMarks.push(e.name);
-      const o = U(e, "onBeforeCreate", r), i = U(e, "onCreate", r), s = U(e, "onUpdate", r), a = U(e, "onSelectionUpdate", r), l = U(e, "onTransaction", r), d = U(e, "onFocus", r), p = U(e, "onBlur", r), u = U(e, "onDestroy", r);
+      e.type === "mark" && (!((t = ie(W(e, "keepOnSplit", r))) !== null && t !== void 0) || t) && this.splittableMarks.push(e.name);
+      const o = W(e, "onBeforeCreate", r), i = W(e, "onCreate", r), s = W(e, "onUpdate", r), a = W(e, "onSelectionUpdate", r), l = W(e, "onTransaction", r), d = W(e, "onFocus", r), p = W(e, "onBlur", r), u = W(e, "onDestroy", r);
       o && this.editor.on("beforeCreate", o), i && this.editor.on("create", i), s && this.editor.on("update", s), a && this.editor.on("selectionUpdate", a), l && this.editor.on("transaction", l), d && this.editor.on("focus", d), p && this.editor.on("blur", p), u && this.editor.on("destroy", u);
     });
   }
 }
-class We {
+class qe {
   constructor(e = {}) {
     this.type = "extension", this.name = "extension", this.parent = null, this.child = null, this.config = {
       name: this.name,
@@ -15693,15 +15693,15 @@ class We {
     }, this.config = {
       ...this.config,
       ...e
-    }, this.name = this.config.name, e.defaultOptions && Object.keys(e.defaultOptions).length > 0 && console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${this.name}".`), this.options = this.config.defaultOptions, this.config.addOptions && (this.options = ie(U(this, "addOptions", {
+    }, this.name = this.config.name, e.defaultOptions && Object.keys(e.defaultOptions).length > 0 && console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${this.name}".`), this.options = this.config.defaultOptions, this.config.addOptions && (this.options = ie(W(this, "addOptions", {
       name: this.name
-    }))), this.storage = ie(U(this, "addStorage", {
+    }))), this.storage = ie(W(this, "addStorage", {
       name: this.name,
       options: this.options
     })) || {};
   }
   static create(e = {}) {
-    return new We(e);
+    return new qe(e);
   }
   configure(e = {}) {
     const t = this.extend({
@@ -15711,10 +15711,10 @@ class We {
     return t.name = this.name, t.parent = this.parent, t;
   }
   extend(e = {}) {
-    const t = new We({ ...this.config, ...e });
-    return t.parent = this, this.child = t, t.name = e.name ? e.name : t.parent.name, e.defaultOptions && Object.keys(e.defaultOptions).length > 0 && console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${t.name}".`), t.options = ie(U(t, "addOptions", {
+    const t = new qe({ ...this.config, ...e });
+    return t.parent = this, this.child = t, t.name = e.name ? e.name : t.parent.name, e.defaultOptions && Object.keys(e.defaultOptions).length > 0 && console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${t.name}".`), t.options = ie(W(t, "addOptions", {
       name: t.name
-    })), t.storage = ie(U(t, "addStorage", {
+    })), t.storage = ie(W(t, "addStorage", {
       name: t.name,
       options: t.options
     })), t;
@@ -15743,7 +15743,7 @@ function Wv(n, e, t) {
 function Wl(n) {
   return Object.fromEntries(Object.entries(n.nodes).filter(([, e]) => e.spec.toText).map(([e, t]) => [e, t.spec.toText]));
 }
-const $T = We.create({
+const $T = qe.create({
   name: "clipboardTextSerializer",
   addOptions() {
     return {
@@ -16349,7 +16349,7 @@ function Pp(n, e) {
     name: r.name,
     options: r.options,
     storage: r.storage
-  }, i = ie(U(r, "group", o));
+  }, i = ie(W(r, "group", o));
   return typeof i != "string" ? !1 : i.split(" ").includes("list");
 }
 function Ql(n, { checkChildren: e = !0, ignoreWhitespace: t = !1 } = {}) {
@@ -16727,14 +16727,14 @@ var ek = /* @__PURE__ */ Object.freeze({
   wrapIn: X2,
   wrapInList: Z2
 });
-const tk = We.create({
+const tk = qe.create({
   name: "commands",
   addCommands() {
     return {
       ...ek
     };
   }
-}), nk = We.create({
+}), nk = qe.create({
   name: "drop",
   addProseMirrorPlugins() {
     return [
@@ -16753,7 +16753,7 @@ const tk = We.create({
       })
     ];
   }
-}), rk = We.create({
+}), rk = qe.create({
   name: "editable",
   addProseMirrorPlugins() {
     return [
@@ -16765,7 +16765,7 @@ const tk = We.create({
       })
     ];
   }
-}), ok = new st("focusEvents"), ik = We.create({
+}), ok = new st("focusEvents"), ik = qe.create({
   name: "focusEvents",
   addProseMirrorPlugins() {
     const { editor: n } = this;
@@ -16789,7 +16789,7 @@ const tk = We.create({
       })
     ];
   }
-}), sk = We.create({
+}), sk = qe.create({
   name: "keymap",
   addKeyboardShortcuts() {
     const n = () => this.editor.commands.first(({ commands: s }) => [
@@ -16867,7 +16867,7 @@ const tk = We.create({
       })
     ];
   }
-}), ak = We.create({
+}), ak = qe.create({
   name: "paste",
   addProseMirrorPlugins() {
     return [
@@ -16885,7 +16885,7 @@ const tk = We.create({
       })
     ];
   }
-}), lk = We.create({
+}), lk = qe.create({
   name: "tabindex",
   addProseMirrorPlugins() {
     return [
@@ -17535,9 +17535,9 @@ let Vt = class sl {
     }, this.config = {
       ...this.config,
       ...e
-    }, this.name = this.config.name, e.defaultOptions && Object.keys(e.defaultOptions).length > 0 && console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${this.name}".`), this.options = this.config.defaultOptions, this.config.addOptions && (this.options = ie(U(this, "addOptions", {
+    }, this.name = this.config.name, e.defaultOptions && Object.keys(e.defaultOptions).length > 0 && console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${this.name}".`), this.options = this.config.defaultOptions, this.config.addOptions && (this.options = ie(W(this, "addOptions", {
       name: this.name
-    }))), this.storage = ie(U(this, "addStorage", {
+    }))), this.storage = ie(W(this, "addStorage", {
       name: this.name,
       options: this.options
     })) || {};
@@ -17554,9 +17554,9 @@ let Vt = class sl {
   }
   extend(e = {}) {
     const t = new sl(e);
-    return t.parent = this, this.child = t, t.name = e.name ? e.name : t.parent.name, e.defaultOptions && Object.keys(e.defaultOptions).length > 0 && console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${t.name}".`), t.options = ie(U(t, "addOptions", {
+    return t.parent = this, this.child = t, t.name = e.name ? e.name : t.parent.name, e.defaultOptions && Object.keys(e.defaultOptions).length > 0 && console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${t.name}".`), t.options = ie(W(t, "addOptions", {
       name: t.name
-    })), t.storage = ie(U(t, "addStorage", {
+    })), t.storage = ie(W(t, "addStorage", {
       name: t.name,
       options: t.options
     })), t;
@@ -18126,15 +18126,15 @@ function Jk(n) {
 function Yk(n) {
   var e = n.state, t = n.options, r = n.name;
   if (!e.modifiersData[r]._skip) {
-    for (var o = t.mainAxis, i = o === void 0 ? !0 : o, s = t.altAxis, a = s === void 0 ? !0 : s, l = t.fallbackPlacements, d = t.padding, p = t.boundary, u = t.rootBoundary, f = t.altBoundary, h = t.flipVariations, m = h === void 0 ? !0 : h, g = t.allowedAutoPlacements, b = e.options.placement, v = Qt(b), S = v === b, C = l || (S || !m ? [Di(b)] : Jk(b)), x = [b].concat(C).reduce(function(dt, Ue) {
-      return dt.concat(Qt(Ue) === Xl ? Kk(e, {
-        placement: Ue,
+    for (var o = t.mainAxis, i = o === void 0 ? !0 : o, s = t.altAxis, a = s === void 0 ? !0 : s, l = t.fallbackPlacements, d = t.padding, p = t.boundary, u = t.rootBoundary, f = t.altBoundary, h = t.flipVariations, m = h === void 0 ? !0 : h, g = t.allowedAutoPlacements, b = e.options.placement, v = Qt(b), S = v === b, C = l || (S || !m ? [Di(b)] : Jk(b)), x = [b].concat(C).reduce(function(dt, We) {
+      return dt.concat(Qt(We) === Xl ? Kk(e, {
+        placement: We,
         boundary: p,
         rootBoundary: u,
         padding: d,
         flipVariations: m,
         allowedAutoPlacements: g
-      }) : Ue);
+      }) : We);
     }, []), B = e.rects.reference, E = e.rects.popper, P = /* @__PURE__ */ new Map(), H = !0, q = x[0], D = 0; D < x.length; D++) {
       var I = x[D], N = Qt(I), Y = ro(I) === eo, se = [ft, At].indexOf(N) >= 0, ae = se ? "width" : "height", ce = Go(e, {
         placement: I,
@@ -18154,16 +18154,16 @@ function Yk(n) {
       P.set(I, ne);
     }
     if (H)
-      for (var at = m ? 3 : 1, lt = function(Ue) {
-        var Ge = x.find(function(Dt) {
+      for (var at = m ? 3 : 1, lt = function(We) {
+        var Ue = x.find(function(Dt) {
           var Re = P.get(Dt);
           if (Re)
-            return Re.slice(0, Ue).every(function(It) {
+            return Re.slice(0, We).every(function(It) {
               return It;
             });
         });
-        if (Ge)
-          return q = Ge, "break";
+        if (Ue)
+          return q = Ue, "break";
       }, et = at; et > 0; et--) {
         var vt = lt(et);
         if (vt === "break") break;
@@ -18286,7 +18286,7 @@ function sM(n) {
       var Y, se = x === "y" ? ft : ht, ae = x === "y" ? At : Ot, ce = x === "y" ? "height" : "width", he = E[x], me = he + b[se], ne = he - b[ae], at = h ? -H[ce] / 2 : 0, lt = S === eo ? P[ce] : H[ce], et = S === eo ? -H[ce] : -P[ce], vt = e.elements.arrow, dt = h && vt ? ed(vt) : {
         width: 0,
         height: 0
-      }, Ue = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : s0(), Ge = Ue[se], Dt = Ue[ae], Re = Mo(0, P[ce], dt[ce]), It = C ? P[ce] / 2 - at - Re - Ge - D.mainAxis : lt - Re - Ge - D.mainAxis, mt = C ? -P[ce] / 2 + at + Re + Dt + D.mainAxis : et + Re + Dt + D.mainAxis, pt = e.elements.arrow && oi(e.elements.arrow), nn = pt ? x === "y" ? pt.clientTop || 0 : pt.clientLeft || 0 : 0, Be = (Y = I == null ? void 0 : I[x]) != null ? Y : 0, W = he + It - Be - nn, He = he + mt - Be, vn = Mo(h ? ts(me, W) : me, he, h ? xr(ne, He) : ne);
+      }, We = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : s0(), Ue = We[se], Dt = We[ae], Re = Mo(0, P[ce], dt[ce]), It = C ? P[ce] / 2 - at - Re - Ue - D.mainAxis : lt - Re - Ue - D.mainAxis, mt = C ? -P[ce] / 2 + at + Re + Dt + D.mainAxis : et + Re + Dt + D.mainAxis, pt = e.elements.arrow && oi(e.elements.arrow), nn = pt ? x === "y" ? pt.clientTop || 0 : pt.clientLeft || 0 : 0, Be = (Y = I == null ? void 0 : I[x]) != null ? Y : 0, G = he + It - Be - nn, Ge = he + mt - Be, vn = Mo(h ? ts(me, G) : me, he, h ? xr(ne, Ge) : ne);
       E[x] = vn, N[x] = vn - he;
     }
     if (a) {
@@ -18858,7 +18858,7 @@ function w0(n) {
 w0.$$tippy = !0;
 var WM = 1, Ci = [], wa = [];
 function UM(n, e) {
-  var t = Gp(n, Object.assign({}, gt, y0(Vp(e)))), r, o, i, s = !1, a = !1, l = !1, d = !1, p, u, f, h = [], m = Fp(W, t.interactiveDebounce), g, b = WM++, v = null, S = TM(t.plugins), C = {
+  var t = Gp(n, Object.assign({}, gt, y0(Vp(e)))), r, o, i, s = !1, a = !1, l = !1, d = !1, p, u, f, h = [], m = Fp(G, t.interactiveDebounce), g, b = WM++, v = null, S = TM(t.plugins), C = {
     // Is the instance currently enabled?
     isEnabled: !0,
     // Is the tippy currently showing and not transitioning out?
@@ -18929,25 +18929,25 @@ function UM(n, e) {
   function he(A) {
     A === void 0 && (A = !1), E.style.pointerEvents = x.props.interactive && !A ? "" : "none", E.style.zIndex = "" + x.props.zIndex;
   }
-  function me(A, G, Q) {
+  function me(A, U, Q) {
     if (Q === void 0 && (Q = !0), H.forEach(function(F) {
-      F[A] && F[A].apply(F, G);
+      F[A] && F[A].apply(F, U);
     }), Q) {
       var le;
-      (le = x.props)[A].apply(le, G);
+      (le = x.props)[A].apply(le, U);
     }
   }
   function ne() {
     var A = x.props.aria;
     if (A.content) {
-      var G = "aria-" + A.content, Q = E.id, le = Hr(x.props.triggerTarget || n);
+      var U = "aria-" + A.content, Q = E.id, le = Hr(x.props.triggerTarget || n);
       le.forEach(function(F) {
-        var O = F.getAttribute(G);
+        var O = F.getAttribute(U);
         if (x.state.isVisible)
-          F.setAttribute(G, O ? O + " " + Q : Q);
+          F.setAttribute(U, O ? O + " " + Q : Q);
         else {
           var de = O && O.replace(Q, "").trim();
-          de ? F.setAttribute(G, de) : F.removeAttribute(G);
+          de ? F.setAttribute(U, de) : F.removeAttribute(U);
         }
       });
     }
@@ -18955,8 +18955,8 @@ function UM(n, e) {
   function at() {
     if (!(q || !x.props.aria.expanded)) {
       var A = Hr(x.props.triggerTarget || n);
-      A.forEach(function(G) {
-        x.props.interactive ? G.setAttribute("aria-expanded", x.state.isVisible && G === Y() ? "true" : "false") : G.removeAttribute("aria-expanded");
+      A.forEach(function(U) {
+        x.props.interactive ? U.setAttribute("aria-expanded", x.state.isVisible && U === Y() ? "true" : "false") : U.removeAttribute("aria-expanded");
       });
     }
   }
@@ -18967,10 +18967,10 @@ function UM(n, e) {
   }
   function et(A) {
     if (!(Gt.isTouch && (l || A.type === "mousedown"))) {
-      var G = A.composedPath && A.composedPath()[0] || A.target;
-      if (!(x.props.interactive && qp(E, G))) {
+      var U = A.composedPath && A.composedPath()[0] || A.target;
+      if (!(x.props.interactive && qp(E, U))) {
         if (Hr(x.props.triggerTarget || n).some(function(Q) {
-          return qp(Q, G);
+          return qp(Q, U);
         })) {
           if (Gt.isTouch || x.state.isVisible && x.props.trigger.indexOf("click") >= 0)
             return;
@@ -18978,7 +18978,7 @@ function UM(n, e) {
           me("onClickOutside", [x, A]);
         x.props.hideOnClick === !0 && (x.clearDelayTimeouts(), x.hide(), a = !0, setTimeout(function() {
           a = !1;
-        }), x.state.isMounted || Ge());
+        }), x.state.isMounted || Ue());
       }
     }
   }
@@ -18988,39 +18988,39 @@ function UM(n, e) {
   function dt() {
     l = !1;
   }
-  function Ue() {
+  function We() {
     var A = se();
     A.addEventListener("mousedown", et, !0), A.addEventListener("touchend", et, sr), A.addEventListener("touchstart", dt, sr), A.addEventListener("touchmove", vt, sr);
   }
-  function Ge() {
+  function Ue() {
     var A = se();
     A.removeEventListener("mousedown", et, !0), A.removeEventListener("touchend", et, sr), A.removeEventListener("touchstart", dt, sr), A.removeEventListener("touchmove", vt, sr);
   }
-  function Dt(A, G) {
+  function Dt(A, U) {
     It(A, function() {
-      !x.state.isVisible && E.parentNode && E.parentNode.contains(E) && G();
+      !x.state.isVisible && E.parentNode && E.parentNode.contains(E) && U();
     });
   }
-  function Re(A, G) {
-    It(A, G);
+  function Re(A, U) {
+    It(A, U);
   }
-  function It(A, G) {
+  function It(A, U) {
     var Q = ae().box;
     function le(F) {
-      F.target === Q && (va(Q, "remove", le), G());
+      F.target === Q && (va(Q, "remove", le), U());
     }
     if (A === 0)
-      return G();
+      return U();
     va(Q, "remove", u), va(Q, "add", le), u = le;
   }
-  function mt(A, G, Q) {
+  function mt(A, U, Q) {
     Q === void 0 && (Q = !1);
     var le = Hr(x.props.triggerTarget || n);
     le.forEach(function(F) {
-      F.addEventListener(A, G, Q), h.push({
+      F.addEventListener(A, U, Q), h.push({
         node: F,
         eventType: A,
-        handler: G,
+        handler: U,
         options: Q
       });
     });
@@ -19028,13 +19028,13 @@ function UM(n, e) {
   function pt() {
     I() && (mt("touchstart", Be, {
       passive: !0
-    }), mt("touchend", He, {
+    }), mt("touchend", Ge, {
       passive: !0
     })), CM(x.props.trigger).forEach(function(A) {
       if (A !== "manual")
         switch (mt(A, Be), A) {
           case "mouseenter":
-            mt("mouseleave", He);
+            mt("mouseleave", Ge);
             break;
           case "focus":
             mt(_M ? "focusout" : "blur", vn);
@@ -19047,21 +19047,21 @@ function UM(n, e) {
   }
   function nn() {
     h.forEach(function(A) {
-      var G = A.node, Q = A.eventType, le = A.handler, F = A.options;
-      G.removeEventListener(Q, le, F);
+      var U = A.node, Q = A.eventType, le = A.handler, F = A.options;
+      U.removeEventListener(Q, le, F);
     }), h = [];
   }
   function Be(A) {
-    var G, Q = !1;
+    var U, Q = !1;
     if (!(!x.state.isEnabled || wn(A) || a)) {
-      var le = ((G = p) == null ? void 0 : G.type) === "focus";
+      var le = ((U = p) == null ? void 0 : U.type) === "focus";
       p = A, g = A.currentTarget, at(), !x.state.isVisible && EM(A) && Ci.forEach(function(F) {
         return F(A);
       }), A.type === "click" && (x.props.trigger.indexOf("mouseenter") < 0 || s) && x.props.hideOnClick !== !1 && x.state.isVisible ? Q = !0 : Sn(A), A.type === "click" && (s = !Q), Q && !le && wt(A);
     }
   }
-  function W(A) {
-    var G = A.target, Q = Y().contains(G) || E.contains(G);
+  function G(A) {
+    var U = A.target, Q = Y().contains(U) || E.contains(U);
     if (!(A.type === "mousemove" && Q)) {
       var le = jt().concat(E).map(function(F) {
         var O, de = F._tippy, _t = (O = de.popperInstance) == null ? void 0 : O.state;
@@ -19074,9 +19074,9 @@ function UM(n, e) {
       AM(le, A) && (lt(), wt(A));
     }
   }
-  function He(A) {
-    var G = wn(A) || x.props.trigger.indexOf("click") >= 0 && s;
-    if (!G) {
+  function Ge(A) {
+    var U = wn(A) || x.props.trigger.indexOf("click") >= 0 && s;
+    if (!U) {
       if (x.props.interactive) {
         x.hideWithInteractivity(A);
         return;
@@ -19092,7 +19092,7 @@ function UM(n, e) {
   }
   function Zn() {
     er();
-    var A = x.props, G = A.popperOptions, Q = A.placement, le = A.offset, F = A.getReferenceClientRect, O = A.moveTransition, de = N() ? cl(E).arrow : null, _t = F ? {
+    var A = x.props, U = A.popperOptions, Q = A.placement, le = A.offset, F = A.getReferenceClientRect, O = A.moveTransition, de = N() ? cl(E).arrow : null, _t = F ? {
       getBoundingClientRect: F,
       contextElement: F.contextElement || Y()
     } : n, co = {
@@ -19141,7 +19141,7 @@ function UM(n, e) {
         element: de,
         padding: 3
       }
-    }), rn.push.apply(rn, (G == null ? void 0 : G.modifiers) || []), x.popperInstance = xM(_t, E, Object.assign({}, G, {
+    }), rn.push.apply(rn, (U == null ? void 0 : U.modifiers) || []), x.popperInstance = xM(_t, E, Object.assign({}, U, {
       placement: Q,
       onFirstUpdate: f,
       modifiers: rn
@@ -19151,8 +19151,8 @@ function UM(n, e) {
     x.popperInstance && (x.popperInstance.destroy(), x.popperInstance = null);
   }
   function $t() {
-    var A = x.props.appendTo, G, Q = Y();
-    x.props.interactive && A === h0 || A === "parent" ? G = Q.parentNode : G = m0(A, [Q]), G.contains(E) || G.appendChild(E), x.state.isMounted = !0, Zn(), process.env.NODE_ENV !== "production" && un(x.props.interactive && A === gt.appendTo && Q.nextElementSibling !== E, ["Interactive tippy element may not be accessible via keyboard", "navigation because it is not directly after the reference element", "in the DOM source order.", `
+    var A = x.props.appendTo, U, Q = Y();
+    x.props.interactive && A === h0 || A === "parent" ? U = Q.parentNode : U = m0(A, [Q]), U.contains(E) || U.appendChild(E), x.state.isMounted = !0, Zn(), process.env.NODE_ENV !== "production" && un(x.props.interactive && A === gt.appendTo && Q.nextElementSibling !== E, ["Interactive tippy element may not be accessible via keyboard", "navigation because it is not directly after the reference element", "in the DOM source order.", `
 
 `, "Using a wrapper <div> or <span> tag around the reference element", "solves this by creating a new parentNode context.", `
 
@@ -19164,22 +19164,22 @@ function UM(n, e) {
     return ns(E.querySelectorAll("[data-tippy-root]"));
   }
   function Sn(A) {
-    x.clearDelayTimeouts(), A && me("onTrigger", [x, A]), Ue();
-    var G = ce(!0), Q = D(), le = Q[0], F = Q[1];
-    Gt.isTouch && le === "hold" && F && (G = F), G ? r = setTimeout(function() {
+    x.clearDelayTimeouts(), A && me("onTrigger", [x, A]), We();
+    var U = ce(!0), Q = D(), le = Q[0], F = Q[1];
+    Gt.isTouch && le === "hold" && F && (U = F), U ? r = setTimeout(function() {
       x.show();
-    }, G) : x.show();
+    }, U) : x.show();
   }
   function wt(A) {
     if (x.clearDelayTimeouts(), me("onUntrigger", [x, A]), !x.state.isVisible) {
-      Ge();
+      Ue();
       return;
     }
     if (!(x.props.trigger.indexOf("mouseenter") >= 0 && x.props.trigger.indexOf("click") >= 0 && ["mouseleave", "mousemove"].indexOf(A.type) >= 0 && s)) {
-      var G = ce(!1);
-      G ? o = setTimeout(function() {
+      var U = ce(!1);
+      U ? o = setTimeout(function() {
         x.state.isVisible && x.hide();
-      }, G) : i = requestAnimationFrame(function() {
+      }, U) : i = requestAnimationFrame(function() {
         x.hide();
       });
     }
@@ -19196,12 +19196,12 @@ function UM(n, e) {
   function rr(A) {
     if (process.env.NODE_ENV !== "production" && un(x.state.isDestroyed, Ir("setProps")), !x.state.isDestroyed) {
       me("onBeforeUpdate", [x, A]), nn();
-      var G = x.props, Q = Gp(n, Object.assign({}, G, Vp(A), {
+      var U = x.props, Q = Gp(n, Object.assign({}, U, Vp(A), {
         ignoreAttributes: !0
       }));
-      x.props = Q, pt(), G.interactiveDebounce !== Q.interactiveDebounce && (lt(), m = Fp(W, Q.interactiveDebounce)), G.triggerTarget && !Q.triggerTarget ? Hr(G.triggerTarget).forEach(function(le) {
+      x.props = Q, pt(), U.interactiveDebounce !== Q.interactiveDebounce && (lt(), m = Fp(G, Q.interactiveDebounce)), U.triggerTarget && !Q.triggerTarget ? Hr(U.triggerTarget).forEach(function(le) {
         le.removeAttribute("aria-expanded");
-      }) : Q.triggerTarget && n.removeAttribute("aria-expanded"), at(), he(), P && P(G, Q), x.popperInstance && (Zn(), jt().forEach(function(le) {
+      }) : Q.triggerTarget && n.removeAttribute("aria-expanded"), at(), he(), P && P(U, Q), x.popperInstance && (Zn(), jt().forEach(function(le) {
         requestAnimationFrame(le._tippy.popperInstance.forceUpdate);
       })), me("onAfterUpdate", [x, A]);
     }
@@ -19213,9 +19213,9 @@ function UM(n, e) {
   }
   function di() {
     process.env.NODE_ENV !== "production" && un(x.state.isDestroyed, Ir("show"));
-    var A = x.state.isVisible, G = x.state.isDestroyed, Q = !x.state.isEnabled, le = Gt.isTouch && !x.props.touch, F = xa(x.props.duration, 0, gt.duration);
-    if (!(A || G || Q || le) && !Y().hasAttribute("disabled") && (me("onShow", [x], !1), x.props.onShow(x) !== !1)) {
-      if (x.state.isVisible = !0, N() && (E.style.visibility = "visible"), he(), Ue(), x.state.isMounted || (E.style.transition = "none"), N()) {
+    var A = x.state.isVisible, U = x.state.isDestroyed, Q = !x.state.isEnabled, le = Gt.isTouch && !x.props.touch, F = xa(x.props.duration, 0, gt.duration);
+    if (!(A || U || Q || le) && !Y().hasAttribute("disabled") && (me("onShow", [x], !1), x.props.onShow(x) !== !1)) {
+      if (x.state.isVisible = !0, N() && (E.style.visibility = "visible"), he(), We(), x.state.isMounted || (E.style.transition = "none"), N()) {
         var O = ae(), de = O.box, _t = O.content;
         ya([de, _t], 0);
       }
@@ -19235,9 +19235,9 @@ function UM(n, e) {
   }
   function pi() {
     process.env.NODE_ENV !== "production" && un(x.state.isDestroyed, Ir("hide"));
-    var A = !x.state.isVisible, G = x.state.isDestroyed, Q = !x.state.isEnabled, le = xa(x.props.duration, 1, gt.duration);
-    if (!(A || G || Q) && (me("onHide", [x], !1), x.props.onHide(x) !== !1)) {
-      if (x.state.isVisible = !1, x.state.isShown = !1, d = !1, s = !1, N() && (E.style.visibility = "hidden"), lt(), Ge(), he(!0), N()) {
+    var A = !x.state.isVisible, U = x.state.isDestroyed, Q = !x.state.isEnabled, le = xa(x.props.duration, 1, gt.duration);
+    if (!(A || U || Q) && (me("onHide", [x], !1), x.props.onHide(x) !== !1)) {
+      if (x.state.isVisible = !1, x.state.isShown = !1, d = !1, s = !1, N() && (E.style.visibility = "hidden"), lt(), Ue(), he(!0), N()) {
         var F = ae(), O = F.box, de = F.content;
         x.props.animation && (ya([O, de], le), jp([O, de], "hidden"));
       }
@@ -19401,7 +19401,7 @@ const S0 = (n) => new Le({
   key: typeof n.pluginKey == "string" ? new st(n.pluginKey) : n.pluginKey,
   view: (e) => new GM({ view: e, ...n })
 });
-We.create({
+qe.create({
   name: "bubbleMenu",
   addOptions() {
     return {
@@ -19496,7 +19496,7 @@ const C0 = (n) => new Le({
   key: typeof n.pluginKey == "string" ? new st(n.pluginKey) : n.pluginKey,
   view: (e) => new KM({ view: e, ...n })
 });
-We.create({
+qe.create({
   name: "floatingMenu",
   addOptions() {
     return {
@@ -19543,7 +19543,7 @@ it({
     }
   },
   setup(n, { slots: e }) {
-    const t = M(null);
+    const t = k(null);
     return gn(() => {
       const { updateDelay: r, editor: o, pluginKey: i, shouldShow: s, tippyOptions: a } = n;
       o.registerPlugin(S0({
@@ -19613,7 +19613,7 @@ const YM = it({
     }
   },
   setup(n) {
-    const e = M(), t = Ac();
+    const e = k(), t = Ac();
     return io(() => {
       const r = n.editor;
       r && r.options.element && e.value && oe(() => {
@@ -19666,7 +19666,7 @@ it({
     }
   },
   setup(n, { slots: e }) {
-    const t = M(null);
+    const t = k(null);
     return gn(() => {
       const { pluginKey: r, editor: o, tippyOptions: i, shouldShow: s } = n;
       o.registerPlugin(C0({
@@ -19750,7 +19750,7 @@ const QM = (n = {}) => {
     ];
   },
   renderHTML({ HTMLAttributes: n }) {
-    return ["blockquote", qe(this.options.HTMLAttributes, n), 0];
+    return ["blockquote", je(this.options.HTMLAttributes, n), 0];
   },
   addCommands() {
     return {
@@ -19799,7 +19799,7 @@ const QM = (n = {}) => {
     ];
   },
   renderHTML({ HTMLAttributes: n }) {
-    return ["strong", qe(this.options.HTMLAttributes, n), 0];
+    return ["strong", je(this.options.HTMLAttributes, n), 0];
   },
   addCommands() {
     return {
@@ -19858,7 +19858,7 @@ const QM = (n = {}) => {
     ];
   },
   renderHTML({ HTMLAttributes: n }) {
-    return ["ul", qe(this.options.HTMLAttributes, n), 0];
+    return ["ul", je(this.options.HTMLAttributes, n), 0];
   },
   addCommands() {
     return {
@@ -19902,7 +19902,7 @@ const QM = (n = {}) => {
     ];
   },
   renderHTML({ HTMLAttributes: n }) {
-    return ["code", qe(this.options.HTMLAttributes, n), 0];
+    return ["code", je(this.options.HTMLAttributes, n), 0];
   },
   addCommands() {
     return {
@@ -19972,7 +19972,7 @@ const QM = (n = {}) => {
   renderHTML({ node: n, HTMLAttributes: e }) {
     return [
       "pre",
-      qe(this.options.HTMLAttributes, e),
+      je(this.options.HTMLAttributes, e),
       [
         "code",
         {
@@ -20145,7 +20145,7 @@ class mE {
     this.editorView.dom.contains(e.relatedTarget) || this.setCursor(null);
   }
 }
-const bE = We.create({
+const bE = qe.create({
   name: "dropCursor",
   addOptions() {
     return {
@@ -20353,7 +20353,7 @@ function CE(n) {
   let e = document.createElement("div");
   return e.className = "ProseMirror-gapcursor", Pe.create(n.doc, [Bt.widget(n.selection.head, e, { key: "gapcursor" })]);
 }
-const TE = We.create({
+const TE = qe.create({
   name: "gapCursor",
   addProseMirrorPlugins() {
     return [
@@ -20368,7 +20368,7 @@ const TE = We.create({
       storage: n.storage
     };
     return {
-      allowGapCursor: (e = ie(U(n, "allowGapCursor", t))) !== null && e !== void 0 ? e : null
+      allowGapCursor: (e = ie(W(n, "allowGapCursor", t))) !== null && e !== void 0 ? e : null
     };
   }
 }), kE = Vt.create({
@@ -20389,7 +20389,7 @@ const TE = We.create({
     ];
   },
   renderHTML({ HTMLAttributes: n }) {
-    return ["br", qe(this.options.HTMLAttributes, n)];
+    return ["br", je(this.options.HTMLAttributes, n)];
   },
   renderText() {
     return `
@@ -20447,7 +20447,7 @@ const TE = We.create({
     }));
   },
   renderHTML({ node: n, HTMLAttributes: e }) {
-    return [`h${this.options.levels.includes(n.attrs.level) ? n.attrs.level : this.options.levels[0]}`, qe(this.options.HTMLAttributes, e), 0];
+    return [`h${this.options.levels.includes(n.attrs.level) ? n.attrs.level : this.options.levels[0]}`, je(this.options.HTMLAttributes, e), 0];
   },
   addCommands() {
     return {
@@ -20807,7 +20807,7 @@ function k0(n, e) {
     return !0;
   };
 }
-const M0 = k0(!1, !0), E0 = k0(!0, !0), _E = We.create({
+const M0 = k0(!1, !0), E0 = k0(!0, !0), _E = qe.create({
   name: "history",
   addOptions() {
     return {
@@ -20848,7 +20848,7 @@ const M0 = k0(!1, !0), E0 = k0(!0, !0), _E = We.create({
     return [{ tag: "hr" }];
   },
   renderHTML({ HTMLAttributes: n }) {
-    return ["hr", qe(this.options.HTMLAttributes, n)];
+    return ["hr", je(this.options.HTMLAttributes, n)];
   },
   addCommands() {
     return {
@@ -20914,7 +20914,7 @@ const M0 = k0(!1, !0), E0 = k0(!0, !0), _E = We.create({
     ];
   },
   renderHTML({ HTMLAttributes: n }) {
-    return ["em", qe(this.options.HTMLAttributes, n), 0];
+    return ["em", je(this.options.HTMLAttributes, n), 0];
   },
   addCommands() {
     return {
@@ -20972,7 +20972,7 @@ const M0 = k0(!1, !0), E0 = k0(!0, !0), _E = We.create({
     ];
   },
   renderHTML({ HTMLAttributes: n }) {
-    return ["li", qe(this.options.HTMLAttributes, n), 0];
+    return ["li", je(this.options.HTMLAttributes, n), 0];
   },
   addKeyboardShortcuts() {
     return {
@@ -21016,7 +21016,7 @@ const M0 = k0(!1, !0), E0 = k0(!0, !0), _E = We.create({
   },
   renderHTML({ HTMLAttributes: n }) {
     const { start: e, ...t } = n;
-    return e === 1 ? ["ol", qe(this.options.HTMLAttributes, t), 0] : ["ol", qe(this.options.HTMLAttributes, n), 0];
+    return e === 1 ? ["ol", je(this.options.HTMLAttributes, t), 0] : ["ol", je(this.options.HTMLAttributes, n), 0];
   },
   addCommands() {
     return {
@@ -21063,7 +21063,7 @@ const M0 = k0(!1, !0), E0 = k0(!0, !0), _E = We.create({
     ];
   },
   renderHTML({ HTMLAttributes: n }) {
-    return ["p", qe(this.options.HTMLAttributes, n), 0];
+    return ["p", je(this.options.HTMLAttributes, n), 0];
   },
   addCommands() {
     return {
@@ -21101,7 +21101,7 @@ const M0 = k0(!1, !0), E0 = k0(!0, !0), _E = We.create({
     ];
   },
   renderHTML({ HTMLAttributes: n }) {
-    return ["s", qe(this.options.HTMLAttributes, n), 0];
+    return ["s", je(this.options.HTMLAttributes, n), 0];
   },
   addCommands() {
     return {
@@ -21134,7 +21134,7 @@ const M0 = k0(!1, !0), E0 = k0(!0, !0), _E = We.create({
 }), YE = Vt.create({
   name: "text",
   group: "inline"
-}), QE = We.create({
+}), QE = qe.create({
   name: "starterKit",
   addExtensions() {
     const n = [];
@@ -22025,9 +22025,9 @@ const SB = xn.create({
       defaultValidate: (e) => !!ir(e, this.options.protocols),
       protocols: this.options.protocols,
       defaultProtocol: this.options.defaultProtocol
-    }) ? ["a", qe(this.options.HTMLAttributes, n), 0] : [
+    }) ? ["a", je(this.options.HTMLAttributes, n), 0] : [
       "a",
-      qe(this.options.HTMLAttributes, { ...n, href: "" }),
+      je(this.options.HTMLAttributes, { ...n, href: "" }),
       0
     ];
   },
@@ -22754,7 +22754,7 @@ function UB({ app: n, store: e, options: t }) {
   }
 }
 function GB() {
-  const n = Oc(!0), e = n.run(() => M({}));
+  const n = Oc(!0), e = n.run(() => k({}));
   let t = [], r = [];
   const o = In({
     install(i) {
@@ -22827,7 +22827,7 @@ function mc(n, e, t, r) {
     !a && (process.env.NODE_ENV === "production" || !r) && (t.state.value[n] = o ? o() : {});
     const p = process.env.NODE_ENV !== "production" && r ? (
       // use ref() to unwrap refs inside state TODO: check if this is still necessary
-      wd(M(o ? o() : {}).value)
+      wd(k(o ? o() : {}).value)
     ) : wd(t.state.value[n]);
     return kt(p, i, Object.keys(s || {}).reduce((u, f) => (process.env.NODE_ENV !== "production" && f in p && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${f}" in store "${n}".`), u[f] = In($(() => {
       Xo(t);
@@ -22849,7 +22849,7 @@ function Sl(n, e, t = {}, r, o, i) {
   let d, p, u = [], f = [], h;
   const m = r.state.value[n];
   !i && !m && (process.env.NODE_ENV === "production" || !o) && (r.state.value[n] = {});
-  const g = M({});
+  const g = k({});
   let b;
   function v(D) {
     let I;
@@ -23463,7 +23463,7 @@ const XB = /* @__PURE__ */ QB("pageBuilderState", {
 }, nP = { class: "pbx-myPrimaryInputError pbx-mt-2 pbx-mb-0 pbx-py-0 pbx-self-start" }, rP = { class: "pbx-blockease-linear pbx-duration-200 pbx-block pbx-ease-linear" }, oP = { key: 0 }, iP = { class: "pbx-relative pbx-rounded-lg" }, sP = { class: "pbx-flex pbx-justify-between pbx-myPrimaryGap pbx-items-center pbx-pb-2 pbx-mb-2 pbx-px-4 pbx-overflow-x-auto pbx-border-0 pbx-border-b pbx-border-solid pbx-border-gray-200" }, aP = { class: "pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max pbx-p-1 pbx-rounded-full pbx-border-solid pbx-border pbx-border-gray-200 pbx-shadow-sm" }, lP = { class: "pbx-flex pbx-items-center pbx-p-1 pbx-rounded-full pbx-border-solid pbx-border pbx-border-gray-200 pbx-shadow-sm" }, dP = { class: "pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, pP = { class: "pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, cP = { class: "pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, uP = { class: "pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, fP = { class: "pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, hP = { class: "pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, mP = {
   __name: "TipTapInput",
   setup(n) {
-    const e = ke(), { translate: t } = Me(), r = Ce, o = M(!1), i = M(""), s = M(1), a = M(""), l = M(""), d = M(""), p = M(null), u = M(null), f = M(null), h = M(null), m = M(null), g = $(() => r.getElement), b = M(""), v = $(() => C.value ? C.value.getHTML() : null), S = M(0);
+    const e = ke(), { translate: t } = Me(), r = Ce, o = k(!1), i = k(""), s = k(1), a = k(""), l = k(""), d = k(""), p = k(null), u = k(null), f = k(null), h = k(null), m = k(null), g = $(() => r.getElement), b = k(""), v = $(() => C.value ? C.value.getHTML() : null), S = k(0);
     ee(g, (I) => {
       const N = document.createElement("div");
       if (I) {
@@ -23495,7 +23495,7 @@ const XB = /* @__PURE__ */ QB("pageBuilderState", {
     ee(g, () => {
       x();
     });
-    const B = M(""), E = M(""), P = M(null);
+    const B = k(""), E = k(""), P = k(null);
     ee(B, (I) => {
       E.value = I;
     });
@@ -23512,7 +23512,7 @@ const XB = /* @__PURE__ */ QB("pageBuilderState", {
       };
     }, q = function() {
       P.value = null;
-      const I = /^https?:\/\//, N = M(!0);
+      const I = /^https?:\/\//, N = k(!0);
       return N.value = I.test(E.value), N.value === !1 ? (P.value = "The provided URL is invalid. Please ensure that it begins with 'https://' for proper formatting and security.", !0) : !1;
     }, D = function() {
       C.value.chain().focus().extendMarkRange("link").setLink({ href: E.value }).run();
@@ -23522,7 +23522,7 @@ const XB = /* @__PURE__ */ QB("pageBuilderState", {
       (I = C.value) == null || I.destroy();
     }), gn(() => {
       x();
-    }), (I, N) => (w(), k("div", null, [
+    }), (I, N) => (w(), M("div", null, [
       z(zn, {
         maxWidth: "4xl",
         showDynamicModalBuilder: o.value,
@@ -23552,7 +23552,7 @@ const XB = /* @__PURE__ */ QB("pageBuilderState", {
               }, null, 512), [
                 [vr, B.value]
               ]),
-              P.value ? (w(), k("div", tP, [
+              P.value ? (w(), M("div", tP, [
                 c("p", nP, T(P.value), 1)
               ])) : L("", !0)
             ])
@@ -23562,7 +23562,7 @@ const XB = /* @__PURE__ */ QB("pageBuilderState", {
         __: [7]
       }, 8, ["showDynamicModalBuilder", "type", "gridColumnAmount", "title", "description", "firstButtonText", "secondButtonText", "thirdButtonText", "onFirstModalButtonFunctionDynamicModalBuilder", "onSecondModalButtonFunctionDynamicModalBuilder", "onThirdModalButtonFunctionDynamicModalBuilder"]),
       c("div", rP, [
-        y(e).isSelectedElementValidText() && y(C) ? (w(), k("div", oP, [
+        y(e).isSelectedElementValidText() && y(C) ? (w(), M("div", oP, [
           c("div", iP, [
             c("div", sP, [
               c("div", null, [
@@ -23670,7 +23670,7 @@ const XB = /* @__PURE__ */ QB("pageBuilderState", {
   return t;
 }, bP = {}, gP = { class: "pbx-min-h-40" };
 function xP(n, e) {
-  return w(), k("div", gP, e[0] || (e[0] = [
+  return w(), M("div", gP, e[0] || (e[0] = [
     c("p", { class: "pbx-myPrimaryParagraph" }, [
       Se(" Provide your own Media Library Component to integrate a custom media picker into the Page Builder. "),
       c("br"),
@@ -23722,9 +23722,9 @@ const yP = /* @__PURE__ */ Js(bP, [["render", xP]]), vP = {
       maxWidth: "6xl"
     }, {
       default: j(() => [
-        n.customMediaComponent ? (w(), k("div", vP, [
+        n.customMediaComponent ? (w(), M("div", vP, [
           (w(), fe(Dc(n.customMediaComponent)))
-        ])) : (w(), k("div", wP, [
+        ])) : (w(), M("div", wP, [
           z(yP)
         ]))
       ]),
@@ -23733,7 +23733,7 @@ const yP = /* @__PURE__ */ Js(bP, [["render", xP]]), vP = {
   }
 };
 function SP(n, e, t) {
-  let r = M(t == null ? void 0 : t.value), o = $(() => n.value !== void 0);
+  let r = k(t == null ? void 0 : t.value), o = $(() => n.value !== void 0);
   return [$(() => o.value ? n.value : r.value), function(i) {
     return o.value || (r.value = i), e == null ? void 0 : e(i);
   }];
@@ -23853,7 +23853,7 @@ function RP(n, e, t = $(() => !0)) {
     }
     return !X0(a, yd.Loose) && a.tabIndex !== -1 && i.preventDefault(), e(i, a);
   }
-  let o = M(null);
+  let o = k(null);
   Pi("pointerdown", (i) => {
     var s, a;
     t.value && (o.value = ((a = (s = i.composedPath) == null ? void 0 : s.call(i)) == null ? void 0 : a[0]) || i.target);
@@ -23870,7 +23870,7 @@ function yc(n, e) {
   if (typeof t == "string" && t.toLowerCase() === "button") return "button";
 }
 function HP(n, e) {
-  let t = M(yc(n.value.type, n.value.as));
+  let t = k(yc(n.value.type, n.value.as));
   return gn(() => {
     t.value = yc(n.value.type, n.value.as);
   }), io(() => {
@@ -23882,7 +23882,7 @@ function vc(n) {
   return [n.screenX, n.screenY];
 }
 function FP() {
-  let n = M([-1, -1]);
+  let n = k([-1, -1]);
   return { wasMoved(e) {
     let t = vc(e);
     return n.value[0] === t[0] && n.value[1] === t[1] ? !1 : (n.value = t, !0);
@@ -24050,7 +24050,7 @@ function JP(n) {
   return Sc(n).trim();
 }
 function YP(n) {
-  let e = M(""), t = M("");
+  let e = k(""), t = k("");
   return () => {
     let r = Te(n);
     if (!r) return "";
@@ -24077,7 +24077,7 @@ function ii(n) {
   return e;
 }
 let si = it({ name: "Listbox", emits: { "update:modelValue": (n) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => QP }, horizontal: { type: [Boolean], default: !1 }, modelValue: { type: [Object, String, Number, Boolean], default: void 0 }, defaultValue: { type: [Object, String, Number, Boolean], default: void 0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, multiple: { type: [Boolean], default: !1 } }, inheritAttrs: !1, setup(n, { slots: e, attrs: t, emit: r }) {
-  let o = M(1), i = M(null), s = M(null), a = M(null), l = M([]), d = M(""), p = M(null), u = M(1);
+  let o = k(1), i = k(null), s = k(null), a = k(null), l = k([]), d = k(""), p = k(null), u = k(1);
   function f(C = (x) => x) {
     let x = p.value !== null ? l.value[p.value] : null, B = DP(C(l.value.slice()), (P) => Te(P.dataRef.domRef)), E = x ? B.indexOf(x) : null;
     return E === -1 && (E = null), { options: B, activeOptionIndex: E };
@@ -24203,7 +24203,7 @@ let Br = it({ name: "ListboxButton", props: { as: { type: [Object, String], defa
   };
 } }), ai = it({ name: "ListboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: null } }, setup(n, { attrs: e, slots: t, expose: r }) {
   var o;
-  let i = (o = n.id) != null ? o : `headlessui-listbox-options-${Ys()}`, s = ii("ListboxOptions"), a = M(null);
+  let i = (o = n.id) != null ? o : `headlessui-listbox-options-${Ys()}`, s = ii("ListboxOptions"), a = k(null);
   r({ el: s.optionsRef, $el: s.optionsRef });
   function l(u) {
     switch (a.value && clearTimeout(a.value), u.key) {
@@ -24251,7 +24251,7 @@ let Br = it({ name: "ListboxButton", props: { as: { type: [Object, String], defa
   };
 } }), li = it({ name: "ListboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: null } }, setup(n, { slots: e, attrs: t, expose: r }) {
   var o;
-  let i = (o = n.id) != null ? o : `headlessui-listbox-option-${Ys()}`, s = ii("ListboxOption"), a = M(null);
+  let i = (o = n.id) != null ? o : `headlessui-listbox-option-${Ys()}`, s = ii("ListboxOption"), a = k(null);
   r({ el: a, $el: a });
   let l = $(() => s.activeOptionIndex.value !== null ? s.options.value[s.activeOptionIndex.value].id === i : !1), d = $(() => Ht(s.mode.value, { 0: () => s.compare(Je(s.value.value), Je(n.value)), 1: () => Je(s.value.value).some((C) => s.compare(Je(C), Je(n.value))) })), p = $(() => Ht(s.mode.value, { 1: () => {
     var C;
@@ -24317,7 +24317,7 @@ const n3 = { class: "pbx-relative" }, r3 = { class: "pbx-flex pbx-justify-start
     }
   },
   setup(n) {
-    const { translate: e } = Me(), t = ke(), r = Ce, o = M(null), i = $(() => r.getTextColor);
+    const { translate: e } = Me(), t = ke(), r = Ce, o = k(null), i = $(() => r.getTextColor);
     return ee(
       i,
       async (s) => {
@@ -24351,7 +24351,7 @@ const n3 = { class: "pbx-relative" }, r3 = { class: "pbx-flex pbx-justify-start
                       c("div", null, T(y(e)("Text Color")), 1)
                     ])
                   ]),
-                  n.globalPageLayout ? (w(), k("span", o3, " chevron_right ")) : L("", !0)
+                  n.globalPageLayout ? (w(), M("span", o3, " chevron_right ")) : L("", !0)
                 ];
               }),
               _: 1
@@ -24384,7 +24384,7 @@ const n3 = { class: "pbx-relative" }, r3 = { class: "pbx-flex pbx-justify-start
             default: j(() => [
               z(y(ai), { class: "pbx-headless-dropdown pbx-absolute pbx-min-w-[12rem] pbx-z-40 pbx-mt-1 pbx-max-h-56 pbx-w-full pbx-overflow-auto pbx-rounded-md pbx-bg-gray-50 pbx-py-1 pbx-text-base pbx-shadow-lg pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 focus:pbx-outline-none sm:pbx-text-sm" }, {
                 default: j(() => [
-                  (w(!0), k(X, null, ue(y(Fi).textColorVariables, (l) => (w(), fe(y(li), {
+                  (w(!0), M(X, null, ue(y(Fi).textColorVariables, (l) => (w(), fe(y(li), {
                     as: "template",
                     onClick: a[0] || (a[0] = (d) => y(t).handleTextColor(o.value)),
                     key: l,
@@ -24397,11 +24397,11 @@ const n3 = { class: "pbx-relative" }, r3 = { class: "pbx-flex pbx-justify-start
                           "pbx-relative pbx-cursor-default pbx-select-none pbx-py-2 pbx-pl-3 pbx-pr-9"
                         ])
                       }, [
-                        l === "none" ? (w(), k("div", a3, a[2] || (a[2] = [
+                        l === "none" ? (w(), M("div", a3, a[2] || (a[2] = [
                           c("span", { class: "material-symbols-outlined" }, " invert_colors ", -1),
                           c("span", { class: "pbx-ml-3" }, "Default black", -1)
                         ]))) : L("", !0),
-                        l !== "none" ? (w(), k("div", l3, [
+                        l !== "none" ? (w(), M("div", l3, [
                           c("div", {
                             class: K(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-border-solid pbx-border pbx-border-gray-100 pbx-rounded-sm", `pbx-bg-${l.replace("pbx-text-", "")}`])
                           }, null, 2),
@@ -24439,7 +24439,7 @@ const n3 = { class: "pbx-relative" }, r3 = { class: "pbx-flex pbx-justify-start
     }
   },
   setup(n) {
-    const { translate: e } = Me(), t = ke(), r = Ce, o = M(null), i = $(() => r.getBackgroundColor);
+    const { translate: e } = Me(), t = ke(), r = Ce, o = k(null), i = $(() => r.getBackgroundColor);
     return ee(
       i,
       async (s) => {
@@ -24471,7 +24471,7 @@ const n3 = { class: "pbx-relative" }, r3 = { class: "pbx-flex pbx-justify-start
                     }, null, 2),
                     c("div", null, T(y(e)("Background Color")), 1)
                   ]),
-                  n.globalPageLayout ? (w(), k("span", u3, " chevron_right ")) : L("", !0)
+                  n.globalPageLayout ? (w(), M("span", u3, " chevron_right ")) : L("", !0)
                 ];
               }),
               _: 1
@@ -24504,7 +24504,7 @@ const n3 = { class: "pbx-relative" }, r3 = { class: "pbx-flex pbx-justify-start
             default: j(() => [
               z(y(ai), { class: "pbx-headless-dropdown pbx-absolute pbx-min-w-[12rem] pbx-z-40 pbx-mt-1 pbx-max-h-56 pbx-w-full pbx-overflow-auto pbx-rounded-md pbx-bg-gray-50 pbx-py-1 pbx-text-base pbx-shadow-lg pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 focus:pbx-outline-none sm:pbx-text-sm" }, {
                 default: j(() => [
-                  (w(!0), k(X, null, ue(y(Fi).backgroundColorVariables, (l) => (w(), fe(y(li), {
+                  (w(!0), M(X, null, ue(y(Fi).backgroundColorVariables, (l) => (w(), fe(y(li), {
                     as: "template",
                     onClick: a[0] || (a[0] = (d) => y(t).handleBackgroundColor(o.value)),
                     key: l,
@@ -24517,11 +24517,11 @@ const n3 = { class: "pbx-relative" }, r3 = { class: "pbx-flex pbx-justify-start
                           "pbx-relative pbx-cursor-default pbx-select-none pbx-py-2 pbx-pl-3 pbx-pr-9"
                         ])
                       }, [
-                        l === "none" ? (w(), k("div", m3, [
+                        l === "none" ? (w(), M("div", m3, [
                           a[2] || (a[2] = c("span", { class: "material-symbols-outlined" }, " ev_shadow ", -1)),
                           c("span", b3, T(y(e)("Transparent")), 1)
                         ])) : L("", !0),
-                        l !== "none" ? (w(), k("div", g3, [
+                        l !== "none" ? (w(), M("div", g3, [
                           c("div", {
                             class: K(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-border-solid pbx-border pbx-border-gray-100 pbx-rounded-sm", `pbx-bg-${l.replace("pbx-bg-", "")}`])
                           }, null, 2),
@@ -24553,7 +24553,7 @@ const n3 = { class: "pbx-relative" }, r3 = { class: "pbx-flex pbx-justify-start
   class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max"
 }, B3 = {
   key: 0,
-  class: "pbx-fixed pbx-z-40 pbx-top-10 pbx-right-0 lg:pbx-w-72 md:pbx-w-72 pbx-w-full pbx-select-none"
+  class: "pbx-fixed pbx-z-40 pbx-top-10 pbx-right-[-4rem] lg:pbx-w-72 pbx-w-72 pbx-select-none"
 }, P3 = { class: "pbx-rounded-3xl pbx-border pbx-border-gray-100 pbx-bg-white pbx-shadow-lg pbx-pt-4 pbx-pb-4 pbx-flex pbx-flex-col pbx-overflow-y-auto pbx-max-h-[80vh] pbx-mx-4 pbx-px-2" }, L3 = { class: "pbx-flex pbx-flex-col" }, A3 = ["disabled"], O3 = ["disabled"], D3 = { class: "pbx-text-sm" }, I3 = {
   __name: "EditGetElement",
   setup(n) {
@@ -24565,39 +24565,39 @@ const n3 = { class: "pbx-relative" }, r3 = { class: "pbx-flex pbx-justify-start
     const s = $(() => t.canMoveUp()), a = $(() => t.canMoveDown()), l = $(() => {
       const Be = r.getShowModalTipTap;
       return Be && x(), Be;
-    }), d = $(() => r.getComponent), p = M(""), u = M(1), f = M(""), h = M(""), m = M(""), g = M(null), b = M(null), v = M(null), S = M(null), C = M(null), x = function() {
+    }), d = $(() => r.getComponent), p = k(""), u = k(1), f = k(""), h = k(""), m = k(""), g = k(null), b = k(null), v = k(null), S = k(null), C = k(null), x = function() {
       t.toggleTipTapModal(!0), p.value = "success", u.value = 2, f.value = e("Manage Content"), h.value = null, m.value = null, g.value = null, b.value = "Save", v.value = function() {
         t.toggleTipTapModal(!1);
       }, C.value = function() {
         t.toggleTipTapModal(!0);
       };
-    }, B = $(() => r.getBasePrimaryImage), E = M(!1), P = M(""), H = M(""), q = M(""), D = M(null), I = M(null), N = M(null), Y = function() {
+    }, B = $(() => r.getBasePrimaryImage), E = k(!1), P = k(""), H = k(""), q = k(""), D = k(null), I = k(null), N = k(null), Y = function() {
       E.value = !0, P.value = e("Media Library"), H.value = null, q.value = e("Close"), D.value = e(" Select image"), N.value = function() {
         E.value = !1;
       };
-    }, se = M(null), ae = M(""), ce = M(!1), he = function() {
+    }, se = k(null), ae = k(""), ce = k(!1), he = function() {
       se.value = null;
-      const Be = /^https?:\/\//, W = M(!0);
-      return W.value = Be.test(ae.value), W.value === !1 ? (se.value = "The provided URL is invalid. Please ensure that it begins with 'https://' for proper formatting and security.", !0) : !1;
+      const Be = /^https?:\/\//, G = k(!0);
+      return G.value = Be.test(ae.value), G.value === !1 ? (se.value = "The provided URL is invalid. Please ensure that it begins with 'https://' for proper formatting and security.", !0) : !1;
     }, me = function() {
-      var W;
+      var G;
       se.value = null;
-      const Be = i.value && ((W = i.value.firstElementChild) == null ? void 0 : W.tagName) === "IFRAME" && i.value.firstElementChild.hasAttribute("src") && i.value.firstElementChild.getAttribute("src").trim() !== "" ? i.value.firstElementChild.src : "";
+      const Be = i.value && ((G = i.value.firstElementChild) == null ? void 0 : G.tagName) === "IFRAME" && i.value.firstElementChild.hasAttribute("src") && i.value.firstElementChild.getAttribute("src").trim() !== "" ? i.value.firstElementChild.src : "";
       ae.value = Be, ce.value = !0, p.value = "success", u.value = 2, f.value = "Add video url", h.value = null, m.value = e("Close"), g.value = "Save", b.value = null, v.value = function() {
         ce.value = !1;
       }, S.value = function() {
         he() || (i.value && i.value.firstElementChild && i.value.firstElementChild.tagName === "IFRAME" && (ae.value = ae.value.replace("watch?v=", "embed/"), ae.value = ae.value.replace(/&ab_channel=[^&]*/, "").replace(/&list=[^&]*/, "").replace(/&start_radio=[^&]*/, "").replace(/&t=[^&]*/, ""), i.value.firstElementChild.src = ae.value), ce.value = !1);
       };
-    }, ne = M(!1), at = async () => {
+    }, ne = k(!1), at = async () => {
       ne.value = !1, r.setShowModalHTMLEditor(!0);
-    }, lt = M(!1), et = M(""), vt = M(1), dt = M(""), Ue = M(""), Ge = M(""), Dt = M(null), Re = M(null), It = M(null), mt = M(null), pt = M(null), nn = function() {
-      lt.value = !0, et.value = "delete", vt.value = 2, dt.value = e("Remove Component?"), Ue.value = e("Are you sure you want to remove this Component?"), Ge.value = e("Close"), Dt.value = null, Re.value = e("Delete"), It.value = function() {
+    }, lt = k(!1), et = k(""), vt = k(1), dt = k(""), We = k(""), Ue = k(""), Dt = k(null), Re = k(null), It = k(null), mt = k(null), pt = k(null), nn = function() {
+      lt.value = !0, et.value = "delete", vt.value = 2, dt.value = e("Remove Component?"), We.value = e("Are you sure you want to remove this Component?"), Ue.value = e("Close"), Dt.value = null, Re.value = e("Delete"), It.value = function() {
         lt.value = !1;
       }, pt.value = async function() {
         await t.deleteComponentFromDOM(), lt.value = !1;
       };
     };
-    return (Be, W) => (w(), k("div", null, [
+    return (Be, G) => (w(), M("div", null, [
       z(zn, {
         showDynamicModalBuilder: ce.value,
         maxWidth: "2xl",
@@ -24613,25 +24613,25 @@ const n3 = { class: "pbx-relative" }, r3 = { class: "pbx-flex pbx-justify-start
         onThirdModalButtonFunctionDynamicModalBuilder: C.value
       }, {
         default: j(() => [
-          W[9] || (W[9] = c("header", null, null, -1)),
+          G[9] || (G[9] = c("header", null, null, -1)),
           c("main", null, [
             c("div", y3, [
               c("div", v3, [
                 c("div", w3, [
-                  W[8] || (W[8] = c("label", {
+                  G[8] || (G[8] = c("label", {
                     for: "youtube-video",
                     class: "pbx-myPrimaryInputLabel"
                   }, "Video url:", -1)),
                   xe(c("input", {
                     id: "youtube-video",
-                    "onUpdate:modelValue": W[0] || (W[0] = (He) => ae.value = He),
+                    "onUpdate:modelValue": G[0] || (G[0] = (Ge) => ae.value = Ge),
                     type: "text",
                     class: "pbx-myPrimaryInput",
                     name: "video"
                   }, null, 512), [
                     [vr, ae.value]
                   ]),
-                  se.value ? (w(), k("div", S3, [
+                  se.value ? (w(), M("div", S3, [
                     c("p", C3, T(se.value), 1)
                   ])) : L("", !0)
                 ])
@@ -24658,7 +24658,7 @@ const n3 = { class: "pbx-relative" }, r3 = { class: "pbx-flex pbx-justify-start
         onThirdModalButtonFunctionDynamicModalBuilder: C.value
       }, {
         default: j(() => [
-          W[10] || (W[10] = c("header", null, null, -1)),
+          G[10] || (G[10] = c("header", null, null, -1)),
           c("main", T3, [
             z(mP)
           ])
@@ -24671,15 +24671,15 @@ const n3 = { class: "pbx-relative" }, r3 = { class: "pbx-flex pbx-justify-start
         type: et.value,
         gridColumnAmount: vt.value,
         title: dt.value,
-        description: Ue.value,
-        firstButtonText: Ge.value,
+        description: We.value,
+        firstButtonText: Ue.value,
         secondButtonText: Dt.value,
         thirdButtonText: Re.value,
         onFirstModalButtonFunctionDynamicModalBuilder: It.value,
         onSecondModalButtonFunctionDynamicModalBuilder: mt.value,
         onThirdModalButtonFunctionDynamicModalBuilder: pt.value
       }, {
-        default: j(() => W[11] || (W[11] = [
+        default: j(() => G[11] || (G[11] = [
           c("header", null, null, -1),
           c("main", null, null, -1)
         ])),
@@ -24701,69 +24701,62 @@ const n3 = { class: "pbx-relative" }, r3 = { class: "pbx-flex pbx-justify-start
         c("div", {
           class: K(["pbx-flex pbx-items-center pbx-justify-center pbx-gap-2", { "": i.value }])
         }, [
-          y(t).ElOrFirstChildIsIframe() ? (w(), k("div", M3, [
+          y(t).ElOrFirstChildIsIframe() ? (w(), M("div", M3, [
             c("button", {
               onClick: me,
               type: "button",
               class: "pbx-h-8 pbx-w-8 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0 pbx-text-myPrimaryDarkGrayColor"
-            }, W[13] || (W[13] = [
+            }, G[13] || (G[13] = [
               c("span", { class: "material-symbols-outlined" }, " play_circle ", -1)
             ]))
           ])) : L("", !0),
-          y(t).isSelectedElementValidText() && !y(t).ElOrFirstChildIsIframe() ? (w(), k(X, { key: 1 }, [
+          y(t).isSelectedElementValidText() && !y(t).ElOrFirstChildIsIframe() ? (w(), M(X, { key: 1 }, [
             c("div", { class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, [
               c("button", {
                 onClick: x,
                 type: "button",
                 class: "pbx-h-8 pbx-w-8 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0 pbx-text-myPrimaryDarkGrayColor"
-              }, W[14] || (W[14] = [
+              }, G[14] || (G[14] = [
                 c("span", { class: "material-symbols-outlined" }, " edit ", -1)
               ]))
             ]),
             z(l1)
           ], 64)) : L("", !0),
-          i.value && d.value && B.value && !y(t).ElOrFirstChildIsIframe() ? (w(), k("div", E3, [
+          i.value && d.value && B.value && !y(t).ElOrFirstChildIsIframe() ? (w(), M("div", E3, [
             c("button", {
               onClick: Y,
               type: "button",
               class: "pbx-h-8 pbx-w-8 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0 pbx-text-myPrimaryDarkGrayColor"
-            }, W[15] || (W[15] = [
+            }, G[15] || (G[15] = [
               c("span", { class: "material-symbols-outlined" }, " add_photo_alternate ", -1)
             ]))
           ])) : L("", !0),
           i.value && i.value.nodeType === 1 && !B.value && !y(t).ElOrFirstChildIsIframe() ? (w(), fe(d1, { key: 3 })) : L("", !0),
-          i.value ? (w(), k("button", {
-            key: 4,
-            onClick: W[1] || (W[1] = (...He) => y(t).deleteElementFromDOM && y(t).deleteElementFromDOM(...He)),
-            type: "button",
-            class: "pbx-h-8 pbx-w-8 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0 pbx-text-myPrimaryDarkGrayColor"
-          }, W[16] || (W[16] = [
-            c("span", { class: "material-symbols-outlined" }, " delete ", -1)
-          ]))) : L("", !0),
-          i.value && d.value ? (w(), k("div", {
+          (i.value, L("", !0)),
+          i.value && d.value ? (w(), M("div", {
             key: 5,
             class: "pbx-h-8 pbx-w-8 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0 pbx-text-myPrimaryDarkGrayColor",
-            onClick: W[2] || (W[2] = (He) => ne.value = !ne.value)
-          }, W[17] || (W[17] = [
+            onClick: G[2] || (G[2] = (Ge) => ne.value = !ne.value)
+          }, G[17] || (G[17] = [
             c("span", { class: "material-symbols-outlined" }, " more_horiz ", -1)
           ]))) : L("", !0),
-          i.value && d.value ? (w(), k("div", {
+          i.value && d.value ? (w(), M("div", {
             key: 6,
             class: "pbx-h-8 pbx-w-8 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0 pbx-text-myPrimaryDarkGrayColor",
-            onClick: W[3] || (W[3] = (He) => y(t).clearHtmlSelection())
-          }, W[18] || (W[18] = [
+            onClick: G[3] || (G[3] = (Ge) => y(t).clearHtmlSelection())
+          }, G[18] || (G[18] = [
             c("span", { class: "material-symbols-outlined" }, " close_small", -1)
           ]))) : L("", !0)
         ], 2)
       ]),
       z(Pr, { name: "popup-fade" }, {
         default: j(() => [
-          ne.value ? (w(), k("div", B3, [
+          ne.value ? (w(), M("div", B3, [
             c("div", P3, [
               c("div", L3, [
-                i.value && d.value ? (w(), k("div", {
+                i.value && d.value ? (w(), M("div", {
                   key: 0,
-                  onClick: W[4] || (W[4] = (He) => y(t).reorderComponent(-1)),
+                  onClick: G[4] || (G[4] = (Ge) => y(t).reorderComponent(-1)),
                   disabled: !s.value,
                   class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-cursor-pointer hover:pbx-bg-red-50 pbx-py-2 pbx-px-2 pbx-rounded-full"
                 }, [
@@ -24771,14 +24764,14 @@ const n3 = { class: "pbx-relative" }, r3 = { class: "pbx-flex pbx-justify-start
                     class: K(["pbx-h-8 pbx-w-8 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0 pbx-text-myPrimaryDarkGrayColor", [
                       s.value ? "hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-cursor-pointer" : "pbx-cursor-not-allowed pbx-bg-opacity-20 hover:pbx-bg-gray-200"
                     ]])
-                  }, W[19] || (W[19] = [
+                  }, G[19] || (G[19] = [
                     c("span", { class: "material-symbols-outlined" }, " move_up ", -1)
                   ]), 2),
-                  W[20] || (W[20] = c("div", { class: "pbx-text-sm" }, "Move up", -1))
+                  G[20] || (G[20] = c("div", { class: "pbx-text-sm" }, "Move up", -1))
                 ], 8, A3)) : L("", !0),
-                i.value && d.value ? (w(), k("div", {
+                i.value && d.value ? (w(), M("div", {
                   key: 1,
-                  onClick: W[5] || (W[5] = (He) => y(t).reorderComponent(1)),
+                  onClick: G[5] || (G[5] = (Ge) => y(t).reorderComponent(1)),
                   disabled: !a.value,
                   class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-cursor-pointer hover:pbx-bg-red-50 pbx-py-2 pbx-px-2 pbx-rounded-full"
                 }, [
@@ -24786,39 +24779,39 @@ const n3 = { class: "pbx-relative" }, r3 = { class: "pbx-flex pbx-justify-start
                     class: K(["pbx-h-8 pbx-w-8 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0 pbx-text-myPrimaryDarkGrayColor", [
                       a.value ? "hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-cursor-pointer" : "pbx-cursor-not-allowed pbx-bg-opacity-20 hover:pbx-bg-gray-200"
                     ]])
-                  }, W[21] || (W[21] = [
+                  }, G[21] || (G[21] = [
                     c("span", { class: "material-symbols-outlined" }, " move_down ", -1)
                   ]), 2),
-                  W[22] || (W[22] = c("div", { class: "pbx-text-sm" }, "Move down", -1))
+                  G[22] || (G[22] = c("div", { class: "pbx-text-sm" }, "Move down", -1))
                 ], 8, O3)) : L("", !0),
-                i.value && d.value ? (w(), k("div", {
+                i.value && d.value ? (w(), M("div", {
                   key: 2,
-                  onClick: W[6] || (W[6] = (He) => nn()),
+                  onClick: G[6] || (G[6] = (Ge) => nn()),
                   class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-cursor-pointer hover:pbx-bg-red-50 pbx-py-2 pbx-px-2 pbx-rounded-full"
-                }, W[23] || (W[23] = [
+                }, G[23] || (G[23] = [
                   c("div", { class: "pbx-h- pbx-w-8 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square hover:pbx-bg-myPrimaryErrorColor hover:pbx-text-white pbx-text-myPrimaryErrorColor" }, [
                     c("span", { class: "material-symbols-outlined" }, " delete_forever ")
                   ], -1),
                   c("div", { class: "pbx-text-sm" }, "Delete component", -1)
                 ]))) : L("", !0),
-                i.value && d.value ? (w(), k("div", {
+                i.value && d.value ? (w(), M("div", {
                   key: 3,
-                  onClick: W[7] || (W[7] = () => {
+                  onClick: G[7] || (G[7] = () => {
                     ne.value = !ne.value, y(t).duplicateComponent();
                   }),
                   class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-cursor-pointer hover:pbx-bg-red-50 pbx-py-2 pbx-px-2 pbx-rounded-full"
-                }, W[24] || (W[24] = [
+                }, G[24] || (G[24] = [
                   c("div", { class: "pbx-h-8 pbx-w-8 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0 pbx-text-myPrimaryDarkGrayColor" }, [
                     c("span", { class: "material-symbols-outlined" }, " control_point_duplicate ")
                   ], -1),
                   c("div", { class: "pbx-text-sm" }, "Duplicate component", -1)
                 ]))) : L("", !0),
-                i.value && d.value ? (w(), k("div", {
+                i.value && d.value ? (w(), M("div", {
                   key: 4,
                   onClick: at,
                   class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-cursor-pointer hover:pbx-bg-red-50 pbx-py-2 pbx-px-2 pbx-rounded-full"
                 }, [
-                  W[25] || (W[25] = c("div", { class: "pbx-h-8 pbx-w-8 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0 pbx-text-myPrimaryDarkGrayColor" }, [
+                  G[25] || (G[25] = c("div", { class: "pbx-h-8 pbx-w-8 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0 pbx-text-myPrimaryDarkGrayColor" }, [
                     c("span", { class: "material-symbols-outlined" }, " deployed_code ")
                   ], -1)),
                   c("div", D3, T(y(e)("HTML Editor")), 1)
@@ -25540,10 +25533,10 @@ const N3 = {
     }
   },
   setup(n) {
-    const { translate: e } = Me(), t = ke(), r = M(!1), o = M("Components"), i = ["Components", "Themes"], s = M("All"), a = $(() => {
+    const { translate: e } = Me(), t = ke(), r = k(!1), o = k("Components"), i = ["Components", "Themes"], s = k("All"), a = $(() => {
       const b = Da[0].components.data.map((v) => v.category);
       return ["All", ...new Set(b)];
-    }), l = $(() => s.value === "All" ? Da[0].components.data : Da[0].components.data.filter((b) => b.category === s.value)), d = M("All"), p = $(() => {
+    }), l = $(() => s.value === "All" ? Da[0].components.data : Da[0].components.data.filter((b) => b.category === s.value)), d = k("All"), p = $(() => {
       const b = Ia[0].themes.data.map((v) => v.category);
       return ["All", ...new Set(b)];
     }), u = $(() => d.value === "All" ? Ia[0].themes.data : Ia[0].themes.data.filter((b) => b.category === d.value)), { closeAddComponentModal: f } = _3(), h = async function(b) {
@@ -25567,17 +25560,17 @@ const N3 = {
         title: b.title
       };
     };
-    return (b, v) => (w(), k("div", null, [
-      r.value ? (w(), k("div", N3, [
+    return (b, v) => (w(), M("div", null, [
+      r.value ? (w(), M("div", N3, [
         c("div", R3, [
           c("div", H3, [
             c("span", F3, T(y(e)("Loading...")), 1)
           ])
         ])
       ])) : L("", !0),
-      r.value ? L("", !0) : (w(), k("div", z3, [
+      r.value ? L("", !0) : (w(), M("div", z3, [
         c("div", V3, [
-          (w(), k(X, null, ue(i, (S) => c("button", {
+          (w(), M(X, null, ue(i, (S) => c("button", {
             key: S,
             onClick: (C) => o.value = S,
             class: K(["pbx-mySecondaryButton pbx-text-xs pbx-px-4", [
@@ -25585,10 +25578,10 @@ const N3 = {
             ]])
           }, T(y(e)(S)), 11, j3)), 64))
         ]),
-        o.value === "Themes" ? (w(), k("div", q3, [
+        o.value === "Themes" ? (w(), M("div", q3, [
           c("h3", W3, T(y(e)("Themes")), 1),
           c("div", U3, [
-            (w(!0), k(X, null, ue(p.value, (S) => (w(), k("button", {
+            (w(!0), M(X, null, ue(p.value, (S) => (w(), M("button", {
               key: S,
               onClick: (C) => d.value = S,
               class: K(["pbx-mySecondaryButton pbx-text-xs pbx-px-4", [
@@ -25597,7 +25590,7 @@ const N3 = {
             }, T(y(e)(S)), 11, G3))), 128))
           ]),
           c("div", K3, [
-            (w(!0), k(X, null, ue(u.value, (S) => (w(), k("div", {
+            (w(!0), M(X, null, ue(u.value, (S) => (w(), M("div", {
               key: S.title,
               class: "pbx-border-solid pbx-border pbx-border-gray-400 pbx-overflow-hidden hover:pbx-border-myPrimaryLinkColor pbx-duration-100 pbx-cursor-pointer pbx-max-h-96",
               onClick: (C) => h(S.html_code)
@@ -25615,11 +25608,11 @@ const N3 = {
             ], 8, J3))), 128))
           ])
         ])) : L("", !0),
-        o.value === "Components" ? (w(), k(X, { key: 1 }, [
+        o.value === "Components" ? (w(), M(X, { key: 1 }, [
           c("div", tL, [
             c("h3", nL, T(y(e)("Helper Components")), 1),
             c("div", rL, [
-              (w(!0), k(X, null, ue(y($3), (S) => (w(), k("div", {
+              (w(!0), M(X, null, ue(y($3), (S) => (w(), M("div", {
                 key: S.title,
                 class: "pbx-border-solid pbx-border pbx-border-gray-400 pbx-overflow-hidden hover:pbx-border-myPrimaryLinkColor pbx-duration-100 pbx-cursor-pointer pbx-max-h-96 pbx-p-4",
                 onClick: (C) => m(S)
@@ -25632,10 +25625,10 @@ const N3 = {
               ], 8, oL))), 128))
             ])
           ]),
-          n.customMediaComponent ? (w(), k("div", lL, [
+          n.customMediaComponent ? (w(), M("div", lL, [
             c("h3", dL, T(y(e)("Layout Components")), 1),
             c("div", pL, [
-              (w(!0), k(X, null, ue(a.value, (S) => (w(), k("button", {
+              (w(!0), M(X, null, ue(a.value, (S) => (w(), M("button", {
                 key: S,
                 onClick: (C) => s.value = S,
                 class: K(["pbx-mySecondaryButton pbx-text-xs pbx-px-4", [
@@ -25644,7 +25637,7 @@ const N3 = {
               }, T(y(e)(S)), 11, cL))), 128))
             ]),
             c("div", uL, [
-              (w(!0), k(X, null, ue(l.value, (S) => (w(), k("div", {
+              (w(!0), M(X, null, ue(l.value, (S) => (w(), M("div", {
                 key: S.title,
                 class: "pbx-border-solid pbx-border pbx-border-gray-400 pbx-overflow-hidden hover:pbx-border-myPrimaryLinkColor pbx-duration-100 pbx-cursor-pointer pbx-max-h-96",
                 onClick: (C) => m(g(S))
@@ -25704,9 +25697,9 @@ const N3 = {
       default: j(() => [
         c("div", wL, [
           c("div", null, [
-            n.CustomBuilderComponents ? (w(), k("div", SL, [
+            n.CustomBuilderComponents ? (w(), M("div", SL, [
               (w(), fe(Dc(n.CustomBuilderComponents)))
-            ])) : (w(), k("div", CL, [
+            ])) : (w(), M("div", CL, [
               z(vL, { customMediaComponent: y(t) }, null, 8, ["customMediaComponent"])
             ]))
           ])
@@ -25718,7 +25711,7 @@ const N3 = {
 }, kL = {
   setup() {
     return {
-      expanded: M(!1)
+      expanded: k(!1)
     };
   }
 }, ML = { class: "pbx-myPrimaryParagraph pbx-font-medium pbx-my-0 pbx-py-0" }, EL = {
@@ -25729,7 +25722,7 @@ const N3 = {
   class: "material-symbols-outlined"
 };
 function PL(n, e, t, r, o, i) {
-  return w(), k("div", {
+  return w(), M("div", {
     class: K(["pbx-flex pbx-flex-col pbx-border-solid pbx-border pbx-border-gray-400", { "": r.expanded }])
   }, [
     c("div", {
@@ -25739,8 +25732,8 @@ function PL(n, e, t, r, o, i) {
       c("p", ML, [
         pr(n.$slots, "title")
       ]),
-      r.expanded ? (w(), k("span", EL, " keyboard_arrow_down ")) : L("", !0),
-      r.expanded ? L("", !0) : (w(), k("span", BL, " chevron_right "))
+      r.expanded ? (w(), M("span", EL, " keyboard_arrow_down ")) : L("", !0),
+      r.expanded ? L("", !0) : (w(), M("span", BL, " chevron_right "))
     ]),
     c("div", {
       class: K([[
@@ -25760,7 +25753,7 @@ const zt = /* @__PURE__ */ Js(kL, [["render", PL]]), LL = { class: "pbx-myPrimar
 }, Cc = {
   __name: "ClassEditor",
   setup(n) {
-    const { translate: e } = Me(), t = ke(), r = Ce, o = M(null), i = $(() => r.getCurrentClasses);
+    const { translate: e } = Me(), t = ke(), r = Ce, o = k(null), i = $(() => r.getCurrentClasses);
     ee(
       i,
       (d) => {
@@ -25768,7 +25761,7 @@ const zt = /* @__PURE__ */ Js(kL, [["render", PL]]), LL = { class: "pbx-myPrimar
       },
       { immediate: !0 }
     );
-    const s = M(""), a = M(""), l = async () => {
+    const s = k(""), a = k(""), l = async () => {
       var u;
       const d = s.value.trim();
       if (!d) {
@@ -25791,7 +25784,7 @@ const zt = /* @__PURE__ */ Js(kL, [["render", PL]]), LL = { class: "pbx-myPrimar
           "This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element."
         )), 1),
         c("div", AL, [
-          (w(!0), k(X, null, ue(o.value, (u) => (w(), k("div", {
+          (w(!0), M(X, null, ue(o.value, (u) => (w(), M("div", {
             key: u,
             class: "pbx-myPrimaryTag pbx-cursor-pointer hover:pbx-bg-myPrimaryErrorColor hover:pbx-text-white pbx-text-xs pbx-py-2 pbx-font-medium",
             onClick: async () => {
@@ -25829,7 +25822,7 @@ const zt = /* @__PURE__ */ Js(kL, [["render", PL]]), LL = { class: "pbx-myPrimar
             }, T(y(e)("Add")), 1)
           ])
         ]),
-        a.value ? (w(), k("p", HL, T(a.value), 1)) : L("", !0)
+        a.value ? (w(), M("p", HL, T(a.value), 1)) : L("", !0)
       ]),
       _: 1
     }));
@@ -25843,7 +25836,7 @@ const zt = /* @__PURE__ */ Js(kL, [["render", PL]]), LL = { class: "pbx-myPrimar
 }, Tc = {
   __name: "StyleEditor",
   setup(n) {
-    const { translate: e } = Me(), t = ke(), r = Ce, o = M(null), i = $(() => r.getCurrentStyles);
+    const { translate: e } = Me(), t = ke(), r = Ce, o = k(null), i = $(() => r.getCurrentStyles);
     ee(
       i,
       (f) => {
@@ -25851,7 +25844,7 @@ const zt = /* @__PURE__ */ Js(kL, [["render", PL]]), LL = { class: "pbx-myPrimar
       },
       { immediate: !0 }
     );
-    const s = M(""), a = M(""), l = M(""), d = M(null), p = () => {
+    const s = k(""), a = k(""), l = k(""), d = k(null), p = () => {
       d.value && d.value.focus();
     }, u = async () => {
       const f = s.value.trim(), h = a.value.trim();
@@ -25874,7 +25867,7 @@ const zt = /* @__PURE__ */ Js(kL, [["render", PL]]), LL = { class: "pbx-myPrimar
           "These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element."
         )), 1),
         c("div", zL, [
-          (w(!0), k(X, null, ue(o.value, (m, g) => (w(), k("div", {
+          (w(!0), M(X, null, ue(o.value, (m, g) => (w(), M("div", {
             key: g,
             class: "pbx-myPrimaryTag pbx-cursor-pointer hover:pbx-bg-myPrimaryErrorColor hover:pbx-text-white pbx-text-xs pbx-py-2 pbx-font-medium",
             onClick: async () => {
@@ -25921,7 +25914,7 @@ const zt = /* @__PURE__ */ Js(kL, [["render", PL]]), LL = { class: "pbx-myPrimar
             }, T(y(e)("Add")), 1)
           ])
         ]),
-        l.value ? (w(), k("p", YL, T(l.value), 1)) : L("", !0)
+        l.value ? (w(), M("p", YL, T(l.value), 1)) : L("", !0)
       ]),
       _: 1
     }));
@@ -25936,14 +25929,14 @@ function QL(n) {
 const XL = ["src"], ZL = {
   __name: "ImageEditor",
   setup(n) {
-    const { translate: e } = Me(), t = Ce, r = Gn("CustomMediaComponent"), o = M(!1), i = M(!1), s = M(""), a = M(""), l = M(""), d = M(null), p = M(null), u = M(null), f = $(() => (t.getBasePrimaryImage && m(t.getBasePrimaryImage), t.getBasePrimaryImage)), h = function() {
+    const { translate: e } = Me(), t = Ce, r = Gn("CustomMediaComponent"), o = k(!1), i = k(!1), s = k(""), a = k(""), l = k(""), d = k(null), p = k(null), u = k(null), f = $(() => (t.getBasePrimaryImage && m(t.getBasePrimaryImage), t.getBasePrimaryImage)), h = function() {
       i.value = !0, s.value = e("Media Library"), a.value = null, l.value = e("Close"), d.value = e(" Select image"), u.value = function() {
         i.value = !1;
       };
     }, m = async function(g) {
       o.value = !0, g && typeof g == "string" && g.length > 2 && (await QL(g), await Oe(200), o.value = !1);
     };
-    return (g, b) => (w(), k("div", null, [
+    return (g, b) => (w(), M("div", null, [
       xe(c("div", null, b[0] || (b[0] = [
         c("div", { class: "pbx-flex pbx-items-center pbx-justify-center pbx-mt-4 pbx-min-h-80" }, [
           c("div", { class: "pbx-inline-block pbx-h-8 pbx-w-8 pbx-animate-spin pbx-rounded-full pbx-border-4 pbx-border-solid pbx-border-current pbx-border-r-transparent pbx-align-[-0.125em] motion-reduce:pbx-animate-[spin_1.5s_linear_infinite]" }, [
@@ -25984,14 +25977,14 @@ const XL = ["src"], ZL = {
 }, lA = {
   __name: "ManageBackgroundOpacity",
   setup(n) {
-    const e = ke(), t = Ce, r = M(null), o = $(() => t.getBackgroundOpacity);
+    const e = ke(), t = Ce, r = k(null), o = $(() => t.getBackgroundOpacity);
     return ee(
       o,
       async (i) => {
         r.value = i, await e.initializeElementStyles();
       },
       { immediate: !0 }
-    ), (i, s) => (w(), k("div", eA, [
+    ), (i, s) => (w(), M("div", eA, [
       s[3] || (s[3] = c("label", {
         for: "bg-opacity",
         class: "pbx-myPrimaryInputLabel"
@@ -26009,12 +26002,12 @@ const XL = ["src"], ZL = {
             }, {
               default: j(() => [
                 c("span", nA, [
-                  r.value === "none" ? (w(), k("div", rA, s[1] || (s[1] = [
+                  r.value === "none" ? (w(), M("div", rA, s[1] || (s[1] = [
                     c("div", { class: "pbx-myPrimaryColorPreview pbx-border-none" }, [
                       c("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                     ], -1)
                   ]))) : L("", !0),
-                  r.value !== "none" ? (w(), k("div", {
+                  r.value !== "none" ? (w(), M("div", {
                     key: 1,
                     class: K(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-bg-gray-950", `${r.value}`])
                   }, null, 2)) : L("", !0),
@@ -26033,7 +26026,7 @@ const XL = ["src"], ZL = {
               default: j(() => [
                 z(y(ai), { class: "pbx-absolute pbx-z-10 pbx-mt-1 pbx-max-h-56 pbx-w-full pbx-overflow-auto pbx-rounded-md pbx-bg-white pbx-text-base pbx-shadow-lg pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 focus:pbx-outline-none sm:pbx-text-sm pbx-list-none pbx-p-0 pbx-m-0" }, {
                   default: j(() => [
-                    (w(!0), k(X, null, ue(y(zi).backgroundOpacities, (a) => (w(), fe(y(li), {
+                    (w(!0), M(X, null, ue(y(zi).backgroundOpacities, (a) => (w(), fe(y(li), {
                       as: "template",
                       onClick: (l) => y(e).handleBackgroundOpacity(a),
                       key: a,
@@ -26047,17 +26040,17 @@ const XL = ["src"], ZL = {
                           ])
                         }, [
                           c("div", oA, [
-                            a === "none" ? (w(), k("div", iA, s[2] || (s[2] = [
+                            a === "none" ? (w(), M("div", iA, s[2] || (s[2] = [
                               c("div", { class: "pbx-myPrimaryColorPreview pbx-border-none" }, [
                                 c("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                               ], -1)
                             ]))) : L("", !0),
-                            a !== "none" ? (w(), k("div", {
+                            a !== "none" ? (w(), M("div", {
                               key: 1,
                               class: K(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-bg-gray-950", `${a}`])
                             }, null, 2)) : L("", !0),
-                            a === "none" ? (w(), k("span", sA, "Transparent")) : L("", !0),
-                            a !== "none" ? (w(), k("span", aA, T(a), 1)) : L("", !0)
+                            a === "none" ? (w(), M("span", sA, "Transparent")) : L("", !0),
+                            a !== "none" ? (w(), M("span", aA, T(a), 1)) : L("", !0)
                           ])
                         ], 2)
                       ]),
@@ -26084,14 +26077,14 @@ const XL = ["src"], ZL = {
 }, gA = {
   __name: "ManageOpacity",
   setup(n) {
-    const e = ke(), t = Ce, r = M(null), o = $(() => t.getOpacity);
+    const e = ke(), t = Ce, r = k(null), o = $(() => t.getOpacity);
     return ee(
       o,
       async (i) => {
         r.value = i, await e.initializeElementStyles();
       },
       { immediate: !0 }
-    ), (i, s) => (w(), k("div", dA, [
+    ), (i, s) => (w(), M("div", dA, [
       s[3] || (s[3] = c("label", {
         for: "default-opacity",
         class: "pbx-myPrimaryInputLabel"
@@ -26109,12 +26102,12 @@ const XL = ["src"], ZL = {
             }, {
               default: j(() => [
                 c("span", cA, [
-                  r.value === "none" ? (w(), k("div", uA, s[1] || (s[1] = [
+                  r.value === "none" ? (w(), M("div", uA, s[1] || (s[1] = [
                     c("div", { class: "pbx-myPrimaryColorPreview pbx-border-none" }, [
                       c("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                     ], -1)
                   ]))) : L("", !0),
-                  r.value !== "none" ? (w(), k("div", {
+                  r.value !== "none" ? (w(), M("div", {
                     key: 1,
                     class: K(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-bg-gray-950", `${r.value}`])
                   }, null, 2)) : L("", !0),
@@ -26133,7 +26126,7 @@ const XL = ["src"], ZL = {
               default: j(() => [
                 z(y(ai), { class: "pbx-absolute pbx-z-10 pbx-mt-1 pbx-max-h-56 pbx-w-full pbx-overflow-auto pbx-rounded-md pbx-bg-white pbx-text-base pbx-shadow-lg pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 focus:pbx-outline-none sm:pbx-text-sm pbx-list-none pbx-p-0 pbx-m-0" }, {
                   default: j(() => [
-                    (w(!0), k(X, null, ue(y(zi).opacities, (a) => (w(), fe(y(li), {
+                    (w(!0), M(X, null, ue(y(zi).opacities, (a) => (w(), fe(y(li), {
                       as: "template",
                       onClick: (l) => y(e).handleOpacity(a),
                       key: a,
@@ -26147,17 +26140,17 @@ const XL = ["src"], ZL = {
                           ])
                         }, [
                           c("div", fA, [
-                            a === "none" ? (w(), k("div", hA, s[2] || (s[2] = [
+                            a === "none" ? (w(), M("div", hA, s[2] || (s[2] = [
                               c("div", { class: "pbx-myPrimaryColorPreview pbx-border-none" }, [
                                 c("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                               ], -1)
                             ]))) : L("", !0),
-                            a !== "none" ? (w(), k("div", {
+                            a !== "none" ? (w(), M("div", {
                               key: 1,
                               class: K(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-bg-gray-950", `${a}`])
                             }, null, 2)) : L("", !0),
-                            a === "none" ? (w(), k("span", mA, "Transparent")) : L("", !0),
-                            a !== "none" ? (w(), k("span", bA, T(a), 1)) : L("", !0)
+                            a === "none" ? (w(), M("span", mA, "Transparent")) : L("", !0),
+                            a !== "none" ? (w(), M("span", bA, T(a), 1)) : L("", !0)
                           ])
                         ], 2)
                       ]),
@@ -26218,7 +26211,7 @@ const XL = ["src"], ZL = {
 }, kc = {
   __name: "Typography",
   setup(n) {
-    const { translate: e } = Me(), t = ke(), r = Ce, o = M(null), i = M(null), s = M(null), a = M(null), l = M(null), d = M(null), p = M(null), u = $(() => r.getFontBase), f = $(() => r.getFontDesktop), h = $(() => r.getFontTablet), m = $(() => r.getFontMobile), g = $(() => r.getFontWeight), b = $(() => r.getFontFamily), v = $(() => r.getFontStyle);
+    const { translate: e } = Me(), t = ke(), r = Ce, o = k(null), i = k(null), s = k(null), a = k(null), l = k(null), d = k(null), p = k(null), u = $(() => r.getFontBase), f = $(() => r.getFontDesktop), h = $(() => r.getFontTablet), m = $(() => r.getFontMobile), g = $(() => r.getFontWeight), b = $(() => r.getFontFamily), v = $(() => r.getFontStyle);
     return ee(
       u,
       async (S) => {
@@ -26277,7 +26270,7 @@ const XL = ["src"], ZL = {
             onChange: C[3] || (C[3] = (x) => y(t).handleFontSizeDesktop(i.value))
           }, [
             c("option", SA, T(y(e)("Select")), 1),
-            (w(!0), k(X, null, ue(y(mo).fontDesktop, (x) => (w(), k("option", { key: x }, T(x), 1))), 128))
+            (w(!0), M(X, null, ue(y(mo).fontDesktop, (x) => (w(), M("option", { key: x }, T(x), 1))), 128))
           ], 544), [
             [Qe, i.value]
           ])
@@ -26293,7 +26286,7 @@ const XL = ["src"], ZL = {
             onChange: C[9] || (C[9] = (x) => y(t).handleFontWeight(l.value))
           }, [
             c("option", kA, T(y(e)("Select")), 1),
-            (w(!0), k(X, null, ue(y(Wr).fontWeight, (x) => (w(), k("option", { key: x }, T(x), 1))), 128))
+            (w(!0), M(X, null, ue(y(Wr).fontWeight, (x) => (w(), M("option", { key: x }, T(x), 1))), 128))
           ], 544), [
             [Qe, l.value]
           ])
@@ -26308,7 +26301,7 @@ const XL = ["src"], ZL = {
             onChange: C[11] || (C[11] = (x) => y(t).handleFontFamily(d.value))
           }, [
             c("option", BA, T(y(e)("Select")), 1),
-            (w(!0), k(X, null, ue(y(Wr).fontFamily, (x) => (w(), k("option", { key: x }, T(x), 1))), 128))
+            (w(!0), M(X, null, ue(y(Wr).fontFamily, (x) => (w(), M("option", { key: x }, T(x), 1))), 128))
           ], 544), [
             [Qe, d.value]
           ])
@@ -26323,7 +26316,7 @@ const XL = ["src"], ZL = {
             onChange: C[13] || (C[13] = (x) => y(t).handleFontStyle(p.value))
           }, [
             c("option", AA, T(y(e)("Select")), 1),
-            (w(!0), k(X, null, ue(y(Wr).fontStyle, (x) => (w(), k("option", { key: x }, T(x), 1))), 128))
+            (w(!0), M(X, null, ue(y(Wr).fontStyle, (x) => (w(), M("option", { key: x }, T(x), 1))), 128))
           ], 544), [
             [Qe, p.value]
           ])
@@ -26347,7 +26340,7 @@ const XL = ["src"], ZL = {
 }, Mc = {
   __name: "Padding",
   setup(n) {
-    const { translate: e } = Me(), t = ke(), r = Ce, o = M(null), i = M(null), s = M(null), a = M(null), l = $(() => r.getFontVerticalPadding), d = $(() => r.getFontHorizontalPadding), p = $(() => r.getFontVerticalMargin), u = $(() => r.getFontHorizontalMargin);
+    const { translate: e } = Me(), t = ke(), r = Ce, o = k(null), i = k(null), s = k(null), a = k(null), l = $(() => r.getFontVerticalPadding), d = $(() => r.getFontHorizontalPadding), p = $(() => r.getFontVerticalMargin), u = $(() => r.getFontHorizontalMargin);
     return ee(
       l,
       async (f) => {
@@ -26390,7 +26383,7 @@ const XL = ["src"], ZL = {
             onChange: h[1] || (h[1] = (m) => y(t).handleVerticalPadding(o.value))
           }, [
             c("option", _A, T(y(e)("Select")), 1),
-            (w(!0), k(X, null, ue(y($n).verticalPadding, (m) => (w(), k("option", { key: m }, T(m), 1))), 128))
+            (w(!0), M(X, null, ue(y($n).verticalPadding, (m) => (w(), M("option", { key: m }, T(m), 1))), 128))
           ], 544), [
             [Qe, o.value]
           ])
@@ -26405,7 +26398,7 @@ const XL = ["src"], ZL = {
             onChange: h[3] || (h[3] = (m) => y(t).handleHorizontalPadding(i.value))
           }, [
             c("option", HA, T(y(e)("Select")), 1),
-            (w(!0), k(X, null, ue(y($n).horizontalPadding, (m) => (w(), k("option", { key: m }, T(m), 1))), 128))
+            (w(!0), M(X, null, ue(y($n).horizontalPadding, (m) => (w(), M("option", { key: m }, T(m), 1))), 128))
           ], 544), [
             [Qe, i.value]
           ])
@@ -26429,7 +26422,7 @@ const XL = ["src"], ZL = {
 }, Ec = {
   __name: "Margin",
   setup(n) {
-    const { translate: e } = Me(), t = ke(), r = Ce, o = M(null), i = M(null), s = M(null), a = M(null), l = $(() => r.getFontVerticalPadding), d = $(() => r.getFontHorizontalPadding), p = $(() => r.getFontVerticalMargin), u = $(() => r.getFontHorizontalMargin);
+    const { translate: e } = Me(), t = ke(), r = Ce, o = k(null), i = k(null), s = k(null), a = k(null), l = $(() => r.getFontVerticalPadding), d = $(() => r.getFontHorizontalPadding), p = $(() => r.getFontVerticalMargin), u = $(() => r.getFontHorizontalMargin);
     return ee(
       l,
       async (f) => {
@@ -26472,7 +26465,7 @@ const XL = ["src"], ZL = {
             onChange: h[1] || (h[1] = (m) => y(t).handleVerticalMargin(s.value))
           }, [
             c("option", qA, T(y(e)("Select")), 1),
-            (w(!0), k(X, null, ue(y($n).verticalMargin, (m) => (w(), k("option", { key: m }, T(m), 1))), 128))
+            (w(!0), M(X, null, ue(y($n).verticalMargin, (m) => (w(), M("option", { key: m }, T(m), 1))), 128))
           ], 544), [
             [Qe, s.value]
           ])
@@ -26487,7 +26480,7 @@ const XL = ["src"], ZL = {
             onChange: h[3] || (h[3] = (m) => y(t).handleHorizontalMargin(a.value))
           }, [
             c("option", GA, T(y(e)("Select")), 1),
-            (w(!0), k(X, null, ue(y($n).horizontalMargin, (m) => (w(), k("option", { key: m }, T(m), 1))), 128))
+            (w(!0), M(X, null, ue(y($n).horizontalMargin, (m) => (w(), M("option", { key: m }, T(m), 1))), 128))
           ], 544), [
             [Qe, a.value]
           ])
@@ -26529,7 +26522,7 @@ const XL = ["src"], ZL = {
 }, Bc = {
   __name: "BorderRadius",
   setup(n) {
-    const { translate: e } = Me(), t = ke(), r = Ce, o = M(null), i = M(null), s = M(null), a = M(null), l = M(null), d = $(() => r.getBorderRadiusGlobal), p = $(() => r.getBorderRadiusTopLeft), u = $(() => r.getBorderRadiusTopRight), f = $(() => r.getBorderRadiusBottomleft), h = $(() => r.getBorderRadiusBottomRight);
+    const { translate: e } = Me(), t = ke(), r = Ce, o = k(null), i = k(null), s = k(null), a = k(null), l = k(null), d = $(() => r.getBorderRadiusGlobal), p = $(() => r.getBorderRadiusTopLeft), u = $(() => r.getBorderRadiusTopRight), f = $(() => r.getBorderRadiusBottomleft), h = $(() => r.getBorderRadiusBottomRight);
     return ee(
       d,
       async (m) => {
@@ -26575,7 +26568,7 @@ const XL = ["src"], ZL = {
             onChange: g[1] || (g[1] = (b) => y(t).handleBorderRadiusGlobal(o.value))
           }, [
             c("option", QA, T(y(e)("Select")), 1),
-            (w(!0), k(X, null, ue(y(Kt).roundedGlobal, (b) => (w(), k("option", { key: b }, T(b), 1))), 128))
+            (w(!0), M(X, null, ue(y(Kt).roundedGlobal, (b) => (w(), M("option", { key: b }, T(b), 1))), 128))
           ], 544), [
             [Qe, o.value]
           ])
@@ -26591,7 +26584,7 @@ const XL = ["src"], ZL = {
             onChange: g[3] || (g[3] = (b) => y(t).handleBorderRadiusTopLeft(i.value))
           }, [
             c("option", tO, T(y(e)("Select")), 1),
-            (w(!0), k(X, null, ue(y(Kt).roundedTopLeft, (b) => (w(), k("option", { key: b }, T(b), 1))), 128))
+            (w(!0), M(X, null, ue(y(Kt).roundedTopLeft, (b) => (w(), M("option", { key: b }, T(b), 1))), 128))
           ], 544), [
             [Qe, i.value]
           ])
@@ -26606,7 +26599,7 @@ const XL = ["src"], ZL = {
             onChange: g[5] || (g[5] = (b) => y(t).handleBorderRadiusTopRight(s.value))
           }, [
             c("option", oO, T(y(e)("Select")), 1),
-            (w(!0), k(X, null, ue(y(Kt).roundedTopRight, (b) => (w(), k("option", { key: b }, T(b), 1))), 128))
+            (w(!0), M(X, null, ue(y(Kt).roundedTopRight, (b) => (w(), M("option", { key: b }, T(b), 1))), 128))
           ], 544), [
             [Qe, s.value]
           ])
@@ -26621,7 +26614,7 @@ const XL = ["src"], ZL = {
             onChange: g[7] || (g[7] = (b) => y(t).handleBorderRadiusBottomleft(a.value))
           }, [
             c("option", aO, T(y(e)("Select")), 1),
-            (w(!0), k(X, null, ue(y(Kt).roundedBottomLeft, (b) => (w(), k("option", { key: b }, T(b), 1))), 128))
+            (w(!0), M(X, null, ue(y(Kt).roundedBottomLeft, (b) => (w(), M("option", { key: b }, T(b), 1))), 128))
           ], 544), [
             [Qe, a.value]
           ])
@@ -26636,7 +26629,7 @@ const XL = ["src"], ZL = {
             onChange: g[9] || (g[9] = (b) => y(t).handleBorderRadiusBottomRight(l.value))
           }, [
             c("option", pO, T(y(e)("Select")), 1),
-            (w(!0), k(X, null, ue(y(Kt).roundedBottomRight, (b) => (w(), k("option", { key: b }, T(b), 1))), 128))
+            (w(!0), M(X, null, ue(y(Kt).roundedBottomRight, (b) => (w(), M("option", { key: b }, T(b), 1))), 128))
           ], 544), [
             [Qe, l.value]
           ])
@@ -26669,7 +26662,7 @@ const XL = ["src"], ZL = {
 }, Pc = {
   __name: "Borders",
   setup(n) {
-    const { translate: e } = Me(), t = ke(), r = Ce, o = M(null), i = M(null), s = M(null), a = $(() => r.getBorderStyle), l = $(() => r.getBorderWidth), d = $(() => r.getBorderColor);
+    const { translate: e } = Me(), t = ke(), r = Ce, o = k(null), i = k(null), s = k(null), a = $(() => r.getBorderStyle), l = $(() => r.getBorderWidth), d = $(() => r.getBorderColor);
     return ee(
       a,
       async (p) => {
@@ -26703,7 +26696,7 @@ const XL = ["src"], ZL = {
             onChange: u[1] || (u[1] = (f) => y(t).handleBorderStyle(o.value))
           }, [
             c("option", hO, T(y(e)("Select")), 1),
-            (w(!0), k(X, null, ue(y(Ur).borderStyle, (f) => (w(), k("option", { key: f }, T(f), 1))), 128))
+            (w(!0), M(X, null, ue(y(Ur).borderStyle, (f) => (w(), M("option", { key: f }, T(f), 1))), 128))
           ], 544), [
             [Qe, o.value]
           ])
@@ -26718,7 +26711,7 @@ const XL = ["src"], ZL = {
             onChange: u[3] || (u[3] = (f) => y(t).handleBorderWidth(i.value))
           }, [
             c("option", gO, T(y(e)("Select")), 1),
-            (w(!0), k(X, null, ue(y(Ur).borderWidth, (f) => (w(), k("option", { key: f }, T(f), 1))), 128))
+            (w(!0), M(X, null, ue(y(Ur).borderWidth, (f) => (w(), M("option", { key: f }, T(f), 1))), 128))
           ], 544), [
             [Qe, i.value]
           ])
@@ -26741,12 +26734,12 @@ const XL = ["src"], ZL = {
                     var f;
                     return [
                       c("span", wO, [
-                        d.value === "none" ? (w(), k("div", SO, u[6] || (u[6] = [
+                        d.value === "none" ? (w(), M("div", SO, u[6] || (u[6] = [
                           c("div", { class: "pbx-myPrimaryColorPreview pbx-border-none" }, [
                             c("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                           ], -1)
                         ]))) : L("", !0),
-                        s.value !== "none" ? (w(), k("div", {
+                        s.value !== "none" ? (w(), M("div", {
                           key: 1,
                           class: K(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-border-solid pbx-border pbx-border-gray-100 pbx-rounded-sm", `pbx-bg-${(f = s.value) == null ? void 0 : f.replace("pbx-border-", "")}`])
                         }, null, 2)) : L("", !0),
@@ -26764,7 +26757,7 @@ const XL = ["src"], ZL = {
                   default: j(() => [
                     z(y(ai), { class: "pbx-absolute pbx-z-10 pbx-mt-1 pbx-max-h-56 pbx-w-full pbx-overflow-auto pbx-rounded-md pbx-bg-white pbx-text-base pbx-shadow-lg pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 focus:pbx-outline-none sm:pbx-text-sm pbx-list-none pbx-p-0 pbx-m-0" }, {
                       default: j(() => [
-                        (w(!0), k(X, null, ue(y(Ur).borderColor, (f) => (w(), fe(y(li), {
+                        (w(!0), M(X, null, ue(y(Ur).borderColor, (f) => (w(), fe(y(li), {
                           as: "template",
                           onClick: u[4] || (u[4] = (h) => y(t).handleBorderColor(s.value)),
                           key: f,
@@ -26778,17 +26771,17 @@ const XL = ["src"], ZL = {
                               ])
                             }, [
                               c("div", TO, [
-                                f === "none" ? (w(), k("div", kO, u[7] || (u[7] = [
+                                f === "none" ? (w(), M("div", kO, u[7] || (u[7] = [
                                   c("div", { class: "pbx-myPrimaryColorPreview pbx-border-none" }, [
                                     c("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                                   ], -1)
                                 ]))) : L("", !0),
-                                f !== "none" ? (w(), k("div", {
+                                f !== "none" ? (w(), M("div", {
                                   key: 1,
                                   class: K(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-bg-gray-950", `pbx-bg-${f.replace("pbx-border-", "")}`])
                                 }, null, 2)) : L("", !0),
-                                f === "none" ? (w(), k("span", MO, T(y(e)("Transparent")), 1)) : L("", !0),
-                                f !== "none" ? (w(), k("span", EO, T(f), 1)) : L("", !0)
+                                f === "none" ? (w(), M("span", MO, T(y(e)("Transparent")), 1)) : L("", !0),
+                                f !== "none" ? (w(), M("span", EO, T(f), 1)) : L("", !0)
                               ])
                             ], 2)
                           ]),
@@ -26816,8 +26809,8 @@ const XL = ["src"], ZL = {
   __name: "TipTap",
   setup(n) {
     const { translate: e } = Me(), t = ke();
-    return (r, o) => (w(), k("div", null, [
-      y(t).isSelectedElementValidText() ? (w(), k("div", BO, [
+    return (r, o) => (w(), M("div", null, [
+      y(t).isSelectedElementValidText() ? (w(), M("div", BO, [
         c("div", {
           onClick: o[0] || (o[0] = (i) => y(t).toggleTipTapModal(!0)),
           class: "pbx-flex pbx-flex-row pbx-justify-between pbx-items-center pbx-pl-3 pbx-pr-3 pbx-py-5 pbx-cursor-pointer pbx-duration-200 hover:pbx-bg-myPrimaryLightGrayColor pbx-bg-white"
@@ -26851,7 +26844,7 @@ const XL = ["src"], ZL = {
     }
   },
   setup(n) {
-    const e = ke(), t = Ce, { translate: r } = Me(), o = n, i = $(() => t.getElement), s = $(() => t.getShowModalHTMLEditor), a = $(() => !i.value || !(i.value instanceof HTMLElement) ? "" : i.value.outerHTML), l = M(""), d = M("");
+    const e = ke(), t = Ce, { translate: r } = Me(), o = n, i = $(() => t.getElement), s = $(() => t.getShowModalHTMLEditor), a = $(() => !i.value || !(i.value instanceof HTMLElement) ? "" : i.value.outerHTML), l = k(""), d = k("");
     ee(s, async (b) => {
       if (b) {
         if (!o.globalPage) {
@@ -26865,7 +26858,7 @@ const XL = ["src"], ZL = {
       t.setShowModalHTMLEditor(!0);
     }, u = () => {
       t.setShowModalHTMLEditor(!1);
-    }, f = M(!1), h = M(null), m = async () => {
+    }, f = k(!1), h = k(null), m = async () => {
       h.value = null, f.value = !0, await Oe(300);
       const b = await e.applyModifiedHTML(l.value);
       if (b) {
@@ -26882,7 +26875,7 @@ const XL = ["src"], ZL = {
       }
       t.setShowModalHTMLEditor(!1), f.value = !1;
     };
-    return (b, v) => (w(), k(X, null, [
+    return (b, v) => (w(), M(X, null, [
       z(zt, null, {
         title: j(() => [
           Se(T(y(r)("HTML Editor")), 1)
@@ -26907,7 +26900,7 @@ const XL = ["src"], ZL = {
         onCloseMainModalBuilder: u
       }, {
         default: j(() => [
-          n.globalPage ? L("", !0) : (w(), k(X, { key: 0 }, [
+          n.globalPage ? L("", !0) : (w(), M(X, { key: 0 }, [
             xe(c("textarea", {
               id: "html-editor",
               "onUpdate:modelValue": v[0] || (v[0] = (S) => l.value = S),
@@ -26917,12 +26910,12 @@ const XL = ["src"], ZL = {
               [vr, l.value]
             ]),
             c("div", DO, [
-              h.value ? (w(), k("p", IO, " Error: " + T(h.value), 1)) : L("", !0)
+              h.value ? (w(), M("p", IO, " Error: " + T(h.value), 1)) : L("", !0)
             ]),
             c("div", $O, [
               c("div", _O, [
                 c("div", NO, [
-                  f.value ? L("", !0) : (w(), k(X, { key: 0 }, [
+                  f.value ? L("", !0) : (w(), M(X, { key: 0 }, [
                     c("button", {
                       onClick: u,
                       type: "button",
@@ -26934,7 +26927,7 @@ const XL = ["src"], ZL = {
                       class: "pbx-myPrimaryButton"
                     }, T(y(r)("Save")), 1)
                   ], 64)),
-                  f.value ? (w(), k("div", RO, v[3] || (v[3] = [
+                  f.value ? (w(), M("div", RO, v[3] || (v[3] = [
                     c("div", { class: "pbx-inline-block pbx-h-8 pbx-w-8 pbx-animate-spin pbx-rounded-full pbx-border-4 pbx-border-solid pbx-border-current pbx-border-r-transparent pbx-align-[-0.125em] motion-reduce:pbx-animate-[spin_1.5s_linear_infinite]" }, [
                       c("span", { class: "!pbx-absolute !pbx-m-px !pbx-h-px !pbx-w-px !pbx-overflow-hidden !pbx-whitespace-nowrap !pbx-border-0 !pbx-p-0 !pbx-[clip:rect(0,0,0,0)]" }, "Loading...")
                     ], -1)
@@ -26943,7 +26936,7 @@ const XL = ["src"], ZL = {
               ])
             ])
           ], 64)),
-          n.globalPage ? (w(), k(X, { key: 1 }, [
+          n.globalPage ? (w(), M(X, { key: 1 }, [
             xe(c("textarea", {
               id: "html-editor",
               "onUpdate:modelValue": v[1] || (v[1] = (S) => d.value = S),
@@ -26953,12 +26946,12 @@ const XL = ["src"], ZL = {
               [vr, d.value]
             ]),
             c("div", HO, [
-              h.value ? (w(), k("p", FO, " Error: " + T(h.value), 1)) : L("", !0)
+              h.value ? (w(), M("p", FO, " Error: " + T(h.value), 1)) : L("", !0)
             ]),
             c("div", zO, [
               c("div", VO, [
                 c("div", jO, [
-                  f.value ? L("", !0) : (w(), k(X, { key: 0 }, [
+                  f.value ? L("", !0) : (w(), M(X, { key: 0 }, [
                     c("button", {
                       onClick: u,
                       type: "button",
@@ -26970,7 +26963,7 @@ const XL = ["src"], ZL = {
                       class: "pbx-myPrimaryButton"
                     }, T(y(r)("Save")), 1)
                   ], 64)),
-                  f.value ? (w(), k("div", qO, v[4] || (v[4] = [
+                  f.value ? (w(), M("div", qO, v[4] || (v[4] = [
                     c("div", { class: "pbx-inline-block pbx-h-8 pbx-w-8 pbx-animate-spin pbx-rounded-full pbx-border-4 pbx-border-solid pbx-border-current pbx-border-r-transparent pbx-align-[-0.125em] motion-reduce:pbx-animate-[spin_1.5s_linear_infinite]" }, [
                       c("span", { class: "!pbx-absolute !pbx-m-px !pbx-h-px !pbx-w-px !pbx-overflow-hidden !pbx-whitespace-nowrap !pbx-border-0 !pbx-p-0 !pbx-[clip:rect(0,0,0,0)]" }, "Loading...")
                     ], -1)
@@ -26997,12 +26990,12 @@ const XL = ["src"], ZL = {
   __name: "RightSidebarEditor",
   emits: ["closeEditor"],
   setup(n) {
-    const { translate: e } = Me(), t = ke(), r = Ce, o = M(null), i = $(() => r.getComponents), s = $(() => r.getElement), a = $(() => {
+    const { translate: e } = Me(), t = ke(), r = Ce, o = k(null), i = $(() => r.getComponents), s = $(() => r.getElement), a = $(() => {
       var b;
       return (b = s.value) == null ? void 0 : b.tagName;
     });
     $(() => s.value instanceof HTMLElement && s.value.innerText.trim() !== " " || s.value instanceof HTMLImageElement);
-    const l = M(null);
+    const l = k(null);
     let d = 0;
     ee(
       // or the specific value that triggers re-render
@@ -27067,14 +27060,14 @@ const XL = ["src"], ZL = {
       S.innerHTML = v, S.querySelectorAll("[hovered], [selected]").forEach((C) => {
         C.removeAttribute("hovered"), C.removeAttribute("selected");
       }), v = S.innerHTML, u("downloaded_html.html", v);
-    }, h = M(null), m = async function() {
+    }, h = k(null), m = async function() {
       h.value = !0, await t.globalPageStyles();
     }, g = async function() {
       o.value = !0, await t.handleManualSave();
       const b = document.querySelector("#pagebuilder");
       b && b.removeAttribute("data-global-selected"), h.value = !1, o.value = !1;
     };
-    return (b, v) => (w(), k("div", WO, [
+    return (b, v) => (w(), M("div", WO, [
       c("div", UO, [
         c("button", {
           type: "button",
@@ -27088,7 +27081,7 @@ const XL = ["src"], ZL = {
           c("span", KO, "<" + T(a.value) + ">", 1)
         ])
       ]),
-      h.value ? L("", !0) : (w(), k("div", {
+      h.value ? L("", !0) : (w(), M("div", {
         key: 0,
         ref_key: "scrollContainer",
         ref: l,
@@ -27153,7 +27146,7 @@ const XL = ["src"], ZL = {
             _: 1
           })
         ]),
-        Array.isArray(i.value) && i.value.length >= 1 ? (w(), k("article", dD, [
+        Array.isArray(i.value) && i.value.length >= 1 ? (w(), M("article", dD, [
           z(zt, null, {
             title: j(() => [
               Se(T(y(e)("Download HTML")), 1)
@@ -27184,14 +27177,14 @@ const XL = ["src"], ZL = {
       }, {
         default: j(() => [
           c("div", uD, [
-            o.value ? (w(), k("div", fD, [
+            o.value ? (w(), M("div", fD, [
               c("div", hD, [
                 c("div", mD, [
                   c("span", bD, T(y(e)("Loading...")), 1)
                 ])
               ])
             ])) : L("", !0),
-            !o.value && h.value ? (w(), k("div", gD, [
+            !o.value && h.value ? (w(), M("div", gD, [
               c("div", null, [
                 c("p", xD, T(y(e)(
                   "Apply styles that affect the entire page. These settings include global font family, text color, background color, and other universal styles that apply to all sections."
@@ -27258,10 +27251,10 @@ const XL = ["src"], ZL = {
 }, qI = { class: "pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg" }, WI = { class: "pbx-overflow-x-auto" }, UI = { class: "pbx-w-max" }, GI = { class: "pbx-bg-white pbx-divide-y pbx-divide-gray-200" }, KI = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, JI = { class: "pbx-min-w-[30rem] pbx-w-max" }, YI = { key: 0 }, QI = { key: 1 }, XI = { key: 0 }, ZI = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, e$ = { class: "pbx-min-w-[30rem] pbx-w-max" }, t$ = { class: "pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium" }, n$ = { class: "pbx-mt-4 pbx-mb-4 pbx-py-8 pbx-px-2 pbx-border pbx-border-solid pbx-border-gray-600 pbx-rounded-xl" }, r$ = { class: "pbx-mt-4 pbx-whitespace-pre-wrap pbx-text-white pbx-overflow-hidden pbx-bg-gray-900" }, o$ = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-white pbx-text-xs pbx-break-all" }, i$ = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-text-white" }, s$ = {
   __name: "PageBuilderSettings",
   setup(n) {
-    const e = "3.4.28", t = Ce, r = $(() => t.getPageBuilderConfig);
+    const e = "3.4.30", t = Ce, r = $(() => t.getPageBuilderConfig);
     return (o, i) => {
       var s, a, l, d, p, u, f, h, m, g, b, v, S, C, x, B;
-      return w(), k("div", LD, [
+      return w(), M("div", LD, [
         c("div", AD, [
           c("div", null, [
             i[26] || (i[26] = c("div", { class: "pbx-flex pbx-items-left pbx-flex-col pbx-gap-1" }, [
@@ -27302,7 +27295,7 @@ const XL = ["src"], ZL = {
                   ])
                 ])
               ]),
-              (s = r.value) != null && s.resourceData && !y(An)(r.value.resourceData) ? (w(), k("div", zD, [
+              (s = r.value) != null && s.resourceData && !y(An)(r.value.resourceData) ? (w(), M("div", zD, [
                 i[6] || (i[6] = c("h4", { class: "pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2" }, "Resource Data", -1)),
                 c("div", VD, [
                   c("div", jD, [
@@ -27320,7 +27313,7 @@ const XL = ["src"], ZL = {
                         ])
                       ], -1)),
                       c("tbody", WD, [
-                        (l = (a = r.value) == null ? void 0 : a.resourceData) != null && l.title ? (w(), k("tr", UD, [
+                        (l = (a = r.value) == null ? void 0 : a.resourceData) != null && l.title ? (w(), M("tr", UD, [
                           i[3] || (i[3] = c("td", { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, [
                             c("div", { class: "pbx-min-w-[30rem] pbx-w-max" }, "Title")
                           ], -1)),
@@ -27328,7 +27321,7 @@ const XL = ["src"], ZL = {
                             c("div", KD, T(r.value.resourceData.title), 1)
                           ])
                         ])) : L("", !0),
-                        (p = (d = r.value) == null ? void 0 : d.resourceData) != null && p.id ? (w(), k("tr", JD, [
+                        (p = (d = r.value) == null ? void 0 : d.resourceData) != null && p.id ? (w(), M("tr", JD, [
                           i[4] || (i[4] = c("td", { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, [
                             c("div", { class: "pbx-min-w-[30rem] pbx-w-max" }, "ID")
                           ], -1)),
@@ -27341,7 +27334,7 @@ const XL = ["src"], ZL = {
                   ])
                 ])
               ])) : L("", !0),
-              (u = r.value) != null && u.userForPageBuilder && !y(An)(r.value.userForPageBuilder) ? (w(), k("div", XD, [
+              (u = r.value) != null && u.userForPageBuilder && !y(An)(r.value.userForPageBuilder) ? (w(), M("div", XD, [
                 i[11] || (i[11] = c("h4", { class: "pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2" }, "User Information", -1)),
                 c("div", ZD, [
                   c("div", eI, [
@@ -27371,7 +27364,7 @@ const XL = ["src"], ZL = {
                           i[8] || (i[8] = c("td", { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, [
                             c("div", { class: "pbx-min-w-[30rem] pbx-w-max" }, "Image")
                           ], -1)),
-                          r.value.userForPageBuilder.image && typeof r.value.userForPageBuilder.image == "string" && r.value.userForPageBuilder.image.length > 2 ? (w(), k("td", iI, [
+                          r.value.userForPageBuilder.image && typeof r.value.userForPageBuilder.image == "string" && r.value.userForPageBuilder.image.length > 2 ? (w(), M("td", iI, [
                             c("div", sI, [
                               c("div", aI, [
                                 c("img", {
@@ -27387,7 +27380,7 @@ const XL = ["src"], ZL = {
                           i[9] || (i[9] = c("td", { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, [
                             c("div", { class: "pbx-min-w-[30rem] pbx-w-max" }, "Image URL")
                           ], -1)),
-                          r.value.userForPageBuilder.image && typeof r.value.userForPageBuilder.image == "string" && r.value.userForPageBuilder.image.length > 2 ? (w(), k("td", dI, [
+                          r.value.userForPageBuilder.image && typeof r.value.userForPageBuilder.image == "string" && r.value.userForPageBuilder.image.length > 2 ? (w(), M("td", dI, [
                             c("div", pI, T(r.value.userForPageBuilder.image), 1)
                           ])) : L("", !0)
                         ])
@@ -27396,7 +27389,7 @@ const XL = ["src"], ZL = {
                   ])
                 ])
               ])) : L("", !0),
-              (f = r.value) != null && f.userSettings && !y(An)(r.value.userSettings) ? (w(), k("div", cI, [
+              (f = r.value) != null && f.userSettings && !y(An)(r.value.userSettings) ? (w(), M("div", cI, [
                 i[17] || (i[17] = c("h4", { class: "pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2" }, "User Settings", -1)),
                 c("div", uI, [
                   c("div", fI, [
@@ -27414,7 +27407,7 @@ const XL = ["src"], ZL = {
                         ])
                       ], -1)),
                       c("tbody", mI, [
-                        (m = (h = r.value) == null ? void 0 : h.userSettings) != null && m.theme ? (w(), k("tr", bI, [
+                        (m = (h = r.value) == null ? void 0 : h.userSettings) != null && m.theme ? (w(), M("tr", bI, [
                           i[12] || (i[12] = c("td", { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, [
                             c("div", { class: "pbx-min-w-[30rem] pbx-w-max" }, "Theme")
                           ], -1)),
@@ -27422,7 +27415,7 @@ const XL = ["src"], ZL = {
                             c("div", xI, T(r.value.userSettings.theme), 1)
                           ])
                         ])) : L("", !0),
-                        (b = (g = r.value) == null ? void 0 : g.userSettings) != null && b.language ? (w(), k("tr", yI, [
+                        (b = (g = r.value) == null ? void 0 : g.userSettings) != null && b.language ? (w(), M("tr", yI, [
                           i[13] || (i[13] = c("td", { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, [
                             c("div", { class: "pbx-min-w-[30rem] pbx-w-max" }, "Language")
                           ], -1)),
@@ -27430,7 +27423,7 @@ const XL = ["src"], ZL = {
                             c("div", wI, T(r.value.userSettings.language), 1)
                           ])
                         ])) : L("", !0),
-                        ((S = (v = r.value) == null ? void 0 : v.userSettings) == null ? void 0 : S.autoSave) !== void 0 ? (w(), k("tr", SI, [
+                        ((S = (v = r.value) == null ? void 0 : v.userSettings) == null ? void 0 : S.autoSave) !== void 0 ? (w(), M("tr", SI, [
                           i[14] || (i[14] = c("td", { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, [
                             c("div", { class: "pbx-min-w-[30rem] pbx-w-max" }, "Auto Save")
                           ], -1)),
@@ -27445,7 +27438,7 @@ const XL = ["src"], ZL = {
                             ])
                           ])
                         ])) : L("", !0),
-                        ((x = (C = r.value) == null ? void 0 : C.userSettings) == null ? void 0 : x.notifications) !== void 0 ? (w(), k("tr", kI, [
+                        ((x = (C = r.value) == null ? void 0 : C.userSettings) == null ? void 0 : x.notifications) !== void 0 ? (w(), M("tr", kI, [
                           i[15] || (i[15] = c("td", { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, [
                             c("div", { class: "pbx-min-w-[30rem] pbx-w-max" }, "Notifications")
                           ], -1)),
@@ -27465,7 +27458,7 @@ const XL = ["src"], ZL = {
                   ])
                 ])
               ])) : L("", !0),
-              r.value && r.value.pageBuilderLogo && !y(An)(r.value.pageBuilderLogo) ? (w(), k("div", BI, [
+              r.value && r.value.pageBuilderLogo && !y(An)(r.value.pageBuilderLogo) ? (w(), M("div", BI, [
                 i[21] || (i[21] = c("h4", { class: "pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2" }, "Logo Configuration", -1)),
                 c("div", PI, [
                   c("div", LI, [
@@ -27520,7 +27513,7 @@ const XL = ["src"], ZL = {
                   ])
                 ])
               ])) : L("", !0),
-              (B = r.value) != null && B.updateOrCreate && !y(An)(r.value.updateOrCreate) ? (w(), k("div", jI, [
+              (B = r.value) != null && B.updateOrCreate && !y(An)(r.value.updateOrCreate) ? (w(), M("div", jI, [
                 i[25] || (i[25] = c("h4", { class: "pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2" }, "Form Type", -1)),
                 c("div", qI, [
                   c("div", WI, [
@@ -27550,13 +27543,13 @@ const XL = ["src"], ZL = {
                                   r.value.updateOrCreate === "create" ? "bg-green-100 text-green-800" : "bg-blue-100 text-blue-800"
                                 ])
                               }, [
-                                r.value && r.value.updateOrCreate.formType === "create" ? (w(), k("span", YI, T(r.value.updateOrCreate.formType), 1)) : L("", !0),
-                                r.value && r.value.updateOrCreate.formType === "update" ? (w(), k("span", QI, T(r.value.updateOrCreate.formType), 1)) : L("", !0)
+                                r.value && r.value.updateOrCreate.formType === "create" ? (w(), M("span", YI, T(r.value.updateOrCreate.formType), 1)) : L("", !0),
+                                r.value && r.value.updateOrCreate.formType === "update" ? (w(), M("span", QI, T(r.value.updateOrCreate.formType), 1)) : L("", !0)
                               ], 2)
                             ])
                           ])
                         ]),
-                        r.value.updateOrCreate.formName && r.value.updateOrCreate.formName.length > 0 ? (w(), k("tr", XI, [
+                        r.value.updateOrCreate.formName && r.value.updateOrCreate.formName.length > 0 ? (w(), M("tr", XI, [
                           i[23] || (i[23] = c("td", { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, [
                             c("div", { class: "pbx-min-w-[30rem] pbx-w-max" }, "Form Name")
                           ], -1)),
@@ -27602,7 +27595,7 @@ const XL = ["src"], ZL = {
 }, Q$ = { class: "pbx-border-0 pbx-bg-gray-900 pbx-pt-4 pbx-1 pbx-border-solid pbx-border-b pbx-border-gray-200" }, X$ = { class: "pbx-overflow-x-auto" }, Z$ = { class: "pbx-min-w-full" }, e5 = { class: "pbx-bg-gray-900" }, t5 = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, n5 = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, r5 = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, o5 = { class: "pbx-overflow-x-auto" }, i5 = { class: "pbx-min-w-full" }, s5 = { class: "pbx-bg-gray-900" }, a5 = { class: "pbx-border-0 pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-border-solid pbx-border-t pbx-border-gray-200" }, l5 = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, d5 = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-whitespace-pre-line" }, p5 = { class: "pbx-overflow-x-auto" }, c5 = { class: "pbx-min-w-full" }, u5 = { class: "pbx-bg-gray-900" }, f5 = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, h5 = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, m5 = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, b5 = { class: "pbx-text-xs pbx-text-gray-100 pbx-whitespace-pre-wrap pbx-font-sans pbx-flex pbx-items-start pbx-justify-left" }, g5 = ["innerHTML"], x5 = { key: 2 }, y5 = { key: 0 }, v5 = { class: "pbx-pb-2 pbx-text-xs" }, w5 = { key: 1 }, S5 = { class: "pbx-border-0 pbx-bg-gray-900 pbx-pt-4 pbx-1 pbx-border-solid pbx-border-b pbx-border-gray-200" }, C5 = { class: "pbx-overflow-x-auto" }, T5 = { class: "pbx-min-w-full" }, k5 = { class: "pbx-bg-gray-900" }, M5 = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, E5 = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, B5 = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, P5 = { class: "pbx-overflow-x-auto" }, L5 = { class: "pbx-min-w-full" }, A5 = { class: "pbx-bg-gray-900" }, O5 = { class: "pbx-border-0 pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-border-solid pbx-border-t pbx-border-gray-200" }, D5 = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, I5 = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-whitespace-pre-line" }, $5 = { class: "pbx-overflow-x-auto" }, _5 = { class: "pbx-min-w-full" }, N5 = { class: "pbx-bg-gray-900" }, R5 = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, H5 = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, F5 = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, z5 = { class: "pbx-text-xs pbx-text-gray-100 pbx-whitespace-pre-wrap pbx-font-sans pbx-flex pbx-items-start pbx-justify-left" }, V5 = ["innerHTML"], j5 = {
   __name: "AdvancedPageBuilderSettings",
   setup(n) {
-    const { translate: e } = Me(), t = Ce, r = $(() => t.getElement), o = $(() => t.getComponent), i = $(() => t.getComponents), s = M("element"), a = function(d) {
+    const { translate: e } = Me(), t = Ce, r = $(() => t.getElement), o = $(() => t.getComponent), i = $(() => t.getComponents), s = k("element"), a = function(d) {
       s.value = d;
     };
     function l(d) {
@@ -27648,7 +27641,7 @@ const XL = ["src"], ZL = {
     }
     return (d, p) => {
       var u, f, h, m, g, b, v, S, C, x;
-      return w(), k("div", a$, [
+      return w(), M("div", a$, [
         c("div", l$, [
           c("p", d$, T(y(e)(
             "Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection."
@@ -27697,11 +27690,11 @@ const XL = ["src"], ZL = {
                 ])
               ]),
               c("div", C$, [
-                s.value === "element" ? (w(), k("div", T$, [
-                  o.value ? L("", !0) : (w(), k("div", k$, [
+                s.value === "element" ? (w(), M("div", T$, [
+                  o.value ? L("", !0) : (w(), M("div", k$, [
                     c("p", M$, T(o.value === null ? y(e)("No Element selected") : typeof o.value), 1)
                   ])),
-                  r.value ? (w(), k("div", E$, [
+                  r.value ? (w(), M("div", E$, [
                     c("div", B$, [
                       c("div", P$, [
                         c("table", L$, [
@@ -27748,11 +27741,11 @@ const XL = ["src"], ZL = {
                     ])
                   ])) : L("", !0)
                 ])) : L("", !0),
-                s.value === "component" ? (w(), k("div", G$, [
-                  o.value ? L("", !0) : (w(), k("div", K$, [
+                s.value === "component" ? (w(), M("div", G$, [
+                  o.value ? L("", !0) : (w(), M("div", K$, [
                     c("p", J$, T(o.value === null ? y(e)("No Component selected") : typeof o.value), 1)
                   ])),
-                  o.value ? (w(), k("div", Y$, [
+                  o.value ? (w(), M("div", Y$, [
                     c("div", Q$, [
                       c("div", X$, [
                         c("table", Z$, [
@@ -27809,12 +27802,12 @@ const XL = ["src"], ZL = {
                     ])
                   ])) : L("", !0)
                 ])) : L("", !0),
-                s.value === "components" ? (w(), k("div", x5, [
-                  Array.isArray(i.value) && i.value.length === 0 ? (w(), k("div", y5, [
+                s.value === "components" ? (w(), M("div", x5, [
+                  Array.isArray(i.value) && i.value.length === 0 ? (w(), M("div", y5, [
                     c("p", v5, T(y(e)("No Components added yet")), 1)
                   ])) : L("", !0),
-                  i.value ? (w(), k("div", w5, [
-                    (w(!0), k(X, null, ue(i.value, (B) => (w(), k("div", {
+                  i.value ? (w(), M("div", w5, [
+                    (w(!0), M(X, null, ue(i.value, (B) => (w(), M("div", {
                       key: B.id,
                       class: "pbx-overflow-hidden pbx-border-solid pbx-border pbx-border-gray-100 pbx-mb-6"
                     }, [
@@ -27894,31 +27887,31 @@ const XL = ["src"], ZL = {
 }, n_ = { class: "pbx-absolute pbx-left-0 -pbx-ml-16 -pbx-mt-2 pbx-flex pbx-flex-col pbx-gap-3 pbx-shadow-lg pbx-bg-white pbx-w-max pbx-border-solid pbx-border pbx-border-gray-100 pbx-rounded-2xl pbx-transition-all pbx-duration-200 pbx-ease-out pbx-pt-4 pbx-pr-4 pbx-pb-4 pbx-pl-2 pbx-z-30 pbx-opacity-0 pbx-pointer-events-none pbx-translate-y-2 group-hover:pbx-opacity-100 group-hover:pbx-pointer-events-auto group-hover:pbx-translate-y-0" }, r_ = {
   __name: "ToolbarOption",
   setup(n) {
-    const { translate: e } = Me(), t = ke(), r = Ce, o = $(() => r.getPageBuilderConfig), i = M(!1), s = M(!1), a = M(""), l = M(1), d = M(""), p = M(""), u = M(""), f = M(null), h = M(null), m = M(null), g = M(null), b = M(null), v = function() {
+    const { translate: e } = Me(), t = ke(), r = Ce, o = $(() => r.getPageBuilderConfig), i = k(!1), s = k(!1), a = k(""), l = k(1), d = k(""), p = k(""), u = k(""), f = k(null), h = k(null), m = k(null), g = k(null), b = k(null), v = function() {
       s.value = !0, a.value = "delete", l.value = 2, d.value = e("Remove all Components"), p.value = e("Are you sure you want to remove all Components?"), u.value = e("Close"), f.value = null, h.value = e("Delete"), m.value = function() {
         s.value = !1;
       }, b.value = async function() {
         i.value = !0, await t.clearHtmlSelection(), await t.handleFormSubmission(), await Oe(500), s.value = !1, i.value = !1;
       };
-    }, S = M(!1), C = function() {
+    }, S = k(!1), C = function() {
       S.value = !1;
     }, x = function() {
       S.value = !0;
-    }, B = M(!1), E = function() {
+    }, B = k(!1), E = function() {
       B.value = !1;
     }, P = async function() {
       await t.generateHtmlFromComponents(), B.value = !0;
     };
     return (H, q) => {
       var D;
-      return w(), k("div", null, [
+      return w(), M("div", null, [
         c("div", q5, [
           c("div", W5, [
-            o.value && o.value.userForPageBuilder && o.value.userForPageBuilder.name && (!o.value.userForPageBuilder.image || typeof o.value.userForPageBuilder.image == "string" && ((D = o.value.userForPageBuilder.image) == null ? void 0 : D.length) < 2) ? (w(), k("div", U5, [
+            o.value && o.value.userForPageBuilder && o.value.userForPageBuilder.name && (!o.value.userForPageBuilder.image || typeof o.value.userForPageBuilder.image == "string" && ((D = o.value.userForPageBuilder.image) == null ? void 0 : D.length) < 2) ? (w(), M("div", U5, [
               c("div", G5, T(typeof o.value.userForPageBuilder.name == "string" && o.value.userForPageBuilder.name[0]), 1),
               c("div", K5, T(o.value.userForPageBuilder.name), 1)
             ])) : L("", !0),
-            o.value && o.value.userForPageBuilder && o.value.userForPageBuilder.name && o.value.userForPageBuilder.image && typeof o.value.userForPageBuilder.image == "string" && o.value.userForPageBuilder.image.length > 2 ? (w(), k("div", J5, [
+            o.value && o.value.userForPageBuilder && o.value.userForPageBuilder.name && o.value.userForPageBuilder.image && typeof o.value.userForPageBuilder.image == "string" && o.value.userForPageBuilder.image.length > 2 ? (w(), M("div", J5, [
               c("div", Y5, [
                 c("img", {
                   alt: "Avatar",
@@ -28015,7 +28008,7 @@ function o_() {
 }
 const i_ = {}, s_ = { class: "pbx-bg-white pbx-flex pbx-justify-center pbx-items-center min-pbx-h-screen pbx-h-screen pbx-w-screen pbx-fixed pbx-inset-0 pbx-z-[10000]" };
 function a_(n, e) {
-  return w(), k("div", s_, e[0] || (e[0] = [
+  return w(), M("div", s_, e[0] || (e[0] = [
     c("div", { class: "pbx-absolute pbx-top-1/3" }, [
       c("div", { class: "pbx-flex pbx-items-center pbx-justify-center pbx-mt-4" }, [
         c("div", { class: "pbx-inline-block pbx-h-8 pbx-w-8 pbx-animate-spin pbx-rounded-full pbx-border-4 pbx-border-solid pbx-border-current pbx-border-r-transparent pbx-align-[-0.125em] motion-reduce:pbx-animate-[spin_1.5s_linear_infinite]" }, [
@@ -28034,7 +28027,7 @@ const p1 = /* @__PURE__ */ Js(i_, [["render", a_]]), l_ = { class: "pbx-text-xs
     }, u = async function() {
       d.value && (r("toolbar-hide-request"), await t.redo(), await t.clearHtmlSelection());
     };
-    return (f, h) => (w(), k(X, null, [
+    return (f, h) => (w(), M(X, null, [
       i.value ? (w(), fe(p1, { key: 0 })) : L("", !0),
       c("div", {
         onClick: h[0] || (h[0] = async () => {
@@ -28092,7 +28085,7 @@ const p1 = /* @__PURE__ */ Js(i_, [["render", a_]]), l_ = { class: "pbx-text-xs
   class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-min-w-[64rem] pbx-max-w-[64rem] pbx-w-[64rem] pbx-flex-1 pbx-relative pbx-h-full pbx-flex pbx-pb-2 pbx-gap-2"
 }, I_ = { class: "pbx-mx-2 pbx-flex pbx-flex-col pbx-myPrimaryGap pbx-items-stretch" }, $_ = { class: "pbx-flex pbx-gap-2 pbx-items-center pbx-justify-center" }, __ = {
   id: "pbxEditToolbar",
-  class: "pbx-z-30 lg:pbx-mx-20 pbx-flex pbx-gap-2 pbx-justify-center pbx-items-center pbx-rounded-full pbx-px-4 pbx-h-0"
+  class: "pbx-z-30 pbx-flex pbx-gap-2 pbx-justify-center pbx-items-center pbx-rounded-full pbx-px-4 pbx-h-0"
 }, N_ = {
   id: "pagebuilder",
   class: "pbx-text-black pbx-font-sans"
@@ -28131,9 +28124,9 @@ const p1 = /* @__PURE__ */ Js(i_, [["render", a_]]), l_ = { class: "pbx-text-xs
     Ln("closeAddComponentModal", () => {
       se.value = !1;
     });
-    const f = M("en");
+    const f = k("en");
     let h = !0;
-    const m = M(!1);
+    const m = k(!1);
     ee(f, async (F) => {
       if (F && !h) {
         m.value = !0, await Oe(200), await i(F), t.changeLanguage(F);
@@ -28141,21 +28134,21 @@ const p1 = /* @__PURE__ */ Js(i_, [["render", a_]]), l_ = { class: "pbx-text-xs
         O.lang = F, localStorage.setItem("userSettingsPageBuilder", JSON.stringify(O)), m.value = !1;
       }
     });
-    const g = $(() => a.getBuilderStarted), b = $(() => a.getPageBuilderConfig), v = $(() => a.getMenuRight), S = M(!1), C = M(""), x = M(""), B = function() {
+    const g = $(() => a.getBuilderStarted), b = $(() => a.getPageBuilderConfig), v = $(() => a.getMenuRight), S = k(!1), C = k(""), x = k(""), B = function() {
       t.previewCurrentDesign();
     }, E = function() {
       C.value = o("Preview"), B(), S.value = !0;
-    }, P = M(!1), H = function() {
+    }, P = k(!1), H = function() {
       t.previewCurrentDesign();
     }, q = function() {
       x.value = o("Mobile"), H(), P.value = !0;
-    }, D = M(!1), I = function() {
+    }, D = k(!1), I = function() {
       D.value = !1;
     }, N = function() {
       S.value = !1;
     }, Y = function() {
       P.value = !1;
-    }, se = M(!1), ae = M(""), ce = M(""), he = M(null), me = async function() {
+    }, se = k(!1), ae = k(""), ce = k(""), he = k(null), me = async function() {
       await t.clearHtmlSelection(), ae.value = o("Add Components to Page"), ce.value = o("Close"), se.value = !0, he.value = function() {
         se.value = !1;
       };
@@ -28177,16 +28170,16 @@ const p1 = /* @__PURE__ */ Js(i_, [["render", a_]]), l_ = { class: "pbx-text-xs
     });
     const dt = function(F) {
       a.setComponent(F);
-    }, Ue = $(() => a.getIsLoadingGlobal), Ge = $(() => a.getIsSaving), Dt = $(() => a.getIsLoadingResumeEditing), Re = $(() => a.getIsRestoring), It = M(1), mt = M(""), pt = M(!1), nn = M(""), Be = M(""), W = M(""), He = M(null), vn = M(null), wn = M(null), Zn = M(null), er = M(null), $t = async function() {
+    }, We = $(() => a.getIsLoadingGlobal), Ue = $(() => a.getIsSaving), Dt = $(() => a.getIsLoadingResumeEditing), Re = $(() => a.getIsRestoring), It = k(1), mt = k(""), pt = k(!1), nn = k(""), Be = k(""), G = k(""), Ge = k(null), vn = k(null), wn = k(null), Zn = k(null), er = k(null), $t = async function() {
       mt.value = "warning", pt.value = !0, nn.value = o("Continue Your Work?"), Be.value = o(
         "We noticed you have some changes that weren’t saved last time. Would you like to pick up where you left off, or use the version that’s currently loaded from the database?"
-      ), W.value = o("Use Saved Version"), He.value = null, vn.value = o("Continue Where I Left Off"), wn.value = async function() {
+      ), G.value = o("Use Saved Version"), Ge.value = null, vn.value = o("Continue Where I Left Off"), wn.value = async function() {
         a.setHasLocalDraftForUpdate(!1), pt.value = !1;
       }, Zn.value = function() {
       }, er.value = async function() {
         await t.resumeEditingFromDraft(), a.setHasLocalDraftForUpdate(!1), pt.value = !1;
       };
-    }, jt = M(1), Sn = M(""), wt = M(!1), Cn = M(""), tr = M(""), nr = M(""), rr = M(null), or = M(null), di = M(null), pi = M(null), ci = M(null), Qs = async function() {
+    }, jt = k(1), Sn = k(""), wt = k(!1), Cn = k(""), tr = k(""), nr = k(""), rr = k(null), or = k(null), di = k(null), pi = k(null), ci = k(null), Qs = async function() {
       await t.clearHtmlSelection(), Sn.value = "success", wt.value = !0, Cn.value = o("Do you want to reset this page?"), tr.value = o(
         "Are you sure you want to reset this page? This will overwrite your current changes."
       ), nr.value = o("Close"), rr.value = null, or.value = o("Reset changes"), di.value = function() {
@@ -28197,7 +28190,7 @@ const p1 = /* @__PURE__ */ Js(i_, [["render", a_]]), l_ = { class: "pbx-text-xs
       };
     }, po = function() {
       g.value || (D.value = !0);
-    }, A = M(null), G = function() {
+    }, A = k(null), U = function() {
       const F = document.querySelector("#pbxEditToolbar");
       F && (F.classList.remove("is-visible"), F.removeAttribute("style"));
     };
@@ -28222,8 +28215,8 @@ const p1 = /* @__PURE__ */ Js(i_, [["render", a_]]), l_ = { class: "pbx-text-xs
         attributes: !0,
         attributeFilter: ["selected"]
       }), window.addEventListener("scroll", Q), window.addEventListener("resize", Q), await Oe(1e4), po(), await Oe(1e4), po(), await Oe(1e4), po();
-    }), (F, O) => (w(), k("div", p_, [
-      Ue.value && !D.value || m.value ? (w(), fe(p1, { key: 0 })) : L("", !0),
+    }), (F, O) => (w(), M("div", p_, [
+      We.value && !D.value || m.value ? (w(), fe(p1, { key: 0 })) : L("", !0),
       z(Yt, {
         title: "The builder hasn’t started yet",
         showModalBuilder: D.value,
@@ -28275,8 +28268,8 @@ const p1 = /* @__PURE__ */ Js(i_, [["render", a_]]), l_ = { class: "pbx-text-xs
         gridColumnAmount: It.value,
         title: nn.value,
         description: Be.value,
-        firstButtonText: W.value,
-        secondButtonText: He.value,
+        firstButtonText: G.value,
+        secondButtonText: Ge.value,
         thirdButtonText: vn.value,
         onFirstModalButtonFunctionDynamicModalBuilder: wn.value,
         onSecondModalButtonFunctionDynamicModalBuilder: Zn.value,
@@ -28311,7 +28304,7 @@ const p1 = /* @__PURE__ */ Js(i_, [["render", a_]]), l_ = { class: "pbx-text-xs
         __: [23]
       }, 8, ["showDynamicModalBuilder", "isLoading", "type", "gridColumnAmount", "title", "description", "firstButtonText", "secondButtonText", "thirdButtonText", "onFirstModalButtonFunctionDynamicModalBuilder", "onSecondModalButtonFunctionDynamicModalBuilder", "onThirdModalButtonFunctionDynamicModalBuilder"]),
       c("div", c_, [
-        b.value && b.value.pageBuilderLogo && b.value.pageBuilderLogo.src ? (w(), k("div", {
+        b.value && b.value.pageBuilderLogo && b.value.pageBuilderLogo.src ? (w(), M("div", {
           key: 0,
           onClick: O[0] || (O[0] = Ct(
             async () => {
@@ -28327,7 +28320,7 @@ const p1 = /* @__PURE__ */ Js(i_, [["render", a_]]), l_ = { class: "pbx-text-xs
             alt: "Logo"
           }, null, 8, u_)
         ])) : L("", !0),
-        z(d_, { onToolbarHideRequest: G }),
+        z(d_, { onToolbarHideRequest: U }),
         c("div", {
           onClick: O[3] || (O[3] = Ct(
             async () => {
@@ -28347,12 +28340,12 @@ const p1 = /* @__PURE__ */ Js(i_, [["render", a_]]), l_ = { class: "pbx-text-xs
                 ["stop"]
               )),
               type: "button",
-              disabled: Ge.value
+              disabled: Ue.value
             }, [
-              Ge.value ? L("", !0) : (w(), k("div", m_, O[24] || (O[24] = [
+              Ue.value ? L("", !0) : (w(), M("div", m_, O[24] || (O[24] = [
                 c("span", { class: "material-symbols-outlined" }, "save", -1)
               ]))),
-              Ge.value ? (w(), k("div", b_, O[25] || (O[25] = [
+              Ue.value ? (w(), M("div", b_, O[25] || (O[25] = [
                 c("span", { class: "pbx-relative pbx-flex pbx-size-3" }, [
                   c("span", { class: "pbx-absolute pbx-inline-flex pbx-h-full pbx-w-full pbx-animate-ping pbx-rounded-full pbx-bg-gray-400 pbx-opacity-75" }),
                   c("span", { class: "pbx-relative pbx-inline-flex pbx-size-3 pbx-rounded-full pbx-bg-green-200" })
@@ -28360,7 +28353,7 @@ const p1 = /* @__PURE__ */ Js(i_, [["render", a_]]), l_ = { class: "pbx-text-xs
               ]))) : L("", !0),
               c("div", null, T(y(o)("Save")), 1)
             ], 8, h_),
-            b.value && b.value.updateOrCreate && b.value.updateOrCreate.formType === "update" ? (w(), k("button", {
+            b.value && b.value.updateOrCreate && b.value.updateOrCreate.formType === "update" ? (w(), M("button", {
               key: 0,
               class: "pbx-mySecondaryButton pbx-h-6 pbx-flex pbx-gap-2 lg:pbx-mr-2 pbx-mr-2",
               onClick: O[2] || (O[2] = Ct(
@@ -28372,10 +28365,10 @@ const p1 = /* @__PURE__ */ Js(i_, [["render", a_]]), l_ = { class: "pbx-text-xs
               type: "button",
               disabled: Re.value
             }, [
-              Re.value ? L("", !0) : (w(), k("div", x_, O[26] || (O[26] = [
+              Re.value ? L("", !0) : (w(), M("div", x_, O[26] || (O[26] = [
                 c("span", { class: "material-symbols-outlined" }, " settings_backup_restore ", -1)
               ]))),
-              Re.value ? (w(), k("div", y_, O[27] || (O[27] = [
+              Re.value ? (w(), M("div", y_, O[27] || (O[27] = [
                 c("span", { class: "pbx-relative pbx-flex pbx-size-3" }, [
                   c("span", { class: "pbx-absolute pbx-inline-flex pbx-h-full pbx-w-full pbx-animate-ping pbx-rounded-full pbx-bg-gray-400 pbx-opacity-75" }),
                   c("span", { class: "pbx-relative pbx-inline-flex pbx-size-3 pbx-rounded-full pbx-bg-green-200" })
@@ -28463,7 +28456,7 @@ const p1 = /* @__PURE__ */ Js(i_, [["render", a_]]), l_ = { class: "pbx-text-xs
           }, [
             z(r_)
           ], 2),
-          n.showPublishButton ? (w(), k("div", B_, [
+          n.showPublishButton ? (w(), M("div", B_, [
             c("button", {
               class: "pbx-myPrimaryButton",
               onClick: O[10] || (O[10] = async () => {
@@ -28471,18 +28464,18 @@ const p1 = /* @__PURE__ */ Js(i_, [["render", a_]]), l_ = { class: "pbx-text-xs
               })
             }, T(y(o)("Publish")), 1)
           ])) : L("", !0),
-          y(t) && b.value && b.value.userSettings && b.value.userSettings.language && !b.value.userSettings.language.disableLanguageDropDown ? (w(), k(X, { key: 1 }, [
-            b.value && b.value.userSettings && b.value.userSettings.language ? (w(), k("div", P_, [
+          y(t) && b.value && b.value.userSettings && b.value.userSettings.language && !b.value.userSettings.language.disableLanguageDropDown ? (w(), M(X, { key: 1 }, [
+            b.value && b.value.userSettings && b.value.userSettings.language ? (w(), M("div", P_, [
               xe(c("select", {
                 id: "pbx-lang",
                 class: "pbx-myPrimarySelect pbx-min-w-20",
                 "onUpdate:modelValue": O[11] || (O[11] = (de) => f.value = de)
               }, [
-                Array.isArray(b.value.userSettings.language.enable) && b.value.userSettings.language.enable.length >= 1 ? (w(!0), k(X, { key: 0 }, ue(y(t).availableLanguage().filter((de) => b.value.userSettings.language.enable.includes(de)), (de) => (w(), k("option", {
+                Array.isArray(b.value.userSettings.language.enable) && b.value.userSettings.language.enable.length >= 1 ? (w(!0), M(X, { key: 0 }, ue(y(t).availableLanguage().filter((de) => b.value.userSettings.language.enable.includes(de)), (de) => (w(), M("option", {
                   key: de,
                   value: de
                 }, T(de), 9, L_))), 128)) : L("", !0),
-                !b.value.userSettings.language.enable || Array.isArray(b.value.userSettings.language.enable) && b.value.userSettings.language.enable.length === 0 ? (w(!0), k(X, { key: 1 }, ue(y(t).availableLanguage(), (de) => (w(), k("option", {
+                !b.value.userSettings.language.enable || Array.isArray(b.value.userSettings.language.enable) && b.value.userSettings.language.enable.length === 0 ? (w(!0), M(X, { key: 1 }, ue(y(t).availableLanguage(), (de) => (w(), M("option", {
                   key: de,
                   value: de
                 }, T(de), 9, A_))), 128)) : L("", !0)
@@ -28491,7 +28484,7 @@ const p1 = /* @__PURE__ */ Js(i_, [["render", a_]]), l_ = { class: "pbx-text-xs
               ])
             ])) : L("", !0)
           ], 64)) : L("", !0),
-          n.showCloseButton ? (w(), k("div", O_, [
+          n.showCloseButton ? (w(), M("div", O_, [
             c("button", {
               class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white hover:pbx-fill-white focus-visible:pbx-ring-0",
               onClick: O[12] || (O[12] = async () => {
@@ -28548,10 +28541,10 @@ const p1 = /* @__PURE__ */ Js(i_, [["render", a_]]), l_ = { class: "pbx-text-xs
             ne.value ? (w(), fe(I3, { key: 0 })) : L("", !0)
           ]),
           c("div", N_, [
-            (w(!0), k(X, null, ue(at.value, (de) => (w(), k(X, {
+            (w(!0), M(X, null, ue(at.value, (de) => (w(), M(X, {
               key: de.id
             }, [
-              de.html_code ? (w(), k("div", {
+              de.html_code ? (w(), M("div", {
                 key: 0,
                 innerHTML: de.html_code,
                 onMouseup: (_t) => dt(de)
@@ -28565,7 +28558,7 @@ const p1 = /* @__PURE__ */ Js(i_, [["render", a_]]), l_ = { class: "pbx-text-xs
           mode: "out-in"
         }, {
           default: j(() => [
-            v.value ? (w(), k("aside", {
+            v.value ? (w(), M("aside", {
               key: 0,
               "aria-label": "menu",
               id: "pagebuilder-right-menu",
@@ -28576,7 +28569,7 @@ const p1 = /* @__PURE__ */ Js(i_, [["render", a_]]), l_ = { class: "pbx-text-xs
               z(PD, {
                 onCloseEditor: O[16] || (O[16] = (de) => y(a).setMenuRight(!1))
               })
-            ], 2)) : (w(), k("div", {
+            ], 2)) : (w(), M("div", {
               key: 1,
               onClick: O[19] || (O[19] = Ct(
                 async () => {
@@ -28595,7 +28588,7 @@ const p1 = /* @__PURE__ */ Js(i_, [["render", a_]]), l_ = { class: "pbx-text-xs
                 )),
                 class: "pbx-flex pbx-flex-col pbx-items-center pbx-justify-center pbx-gap-2"
               }, [
-                v.value ? L("", !0) : (w(), k("button", {
+                v.value ? L("", !0) : (w(), M("button", {
                   key: 0,
                   onClick: O[17] || (O[17] = (de) => y(a).setMenuRight(!0)),
                   type: "button",