@myissue/vue-website-page-builder 3.1.52 → 3.1.53

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

@@ -7,7 +7,7 @@ var fe = (r, e, t) => jg(r, typeof e != "symbol" ? e + "" : e, t), oc = (r, e, t
 var Ei = (r, e, t) => (oc(r, e, "read from private field"), t ? t.call(r) : e.get(r)), an = (r, e, t) => e.has(r) ? rc("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, t);
 var be = (r, e, t) => (oc(r, e, "access private method"), t);
 import * as nc from "vue";
-import { nextTick as Me, computed as D, ref as x, watchEffect as nt, onMounted as ke, cloneVNode as Hg, h as Ce, Fragment as we, defineComponent as me, inject as Fe, provide as Ve, onUnmounted as kt, watch as pe, shallowRef as du, unref as P, getCurrentInstance as Yl, Teleport as Yo, reactive as cu, toRaw as tt, normalizeClass as Y, effectScope as pu, markRaw as Mr, hasInjectionContext as Vg, isRef as Nn, isReactive as Ql, toRef as xa, getCurrentScope as Wg, onScopeDispose as qg, toRefs as ic, createBlock as Se, openBlock as v, createVNode as $, withCtx as _, withKeys as uu, withModifiers as Po, createElementVNode as m, renderSlot as Kt, createElementBlock as S, createCommentVNode as N, toDisplayString as z, Transition as Rt, onBeforeUnmount as Zs, customRef as Ug, onBeforeMount as Kg, withDirectives as lt, vModelText as Xl, createTextVNode as Ie, resolveDynamicComponent as mu, renderList as Ae, vModelSelect as $t, vShow as Gg, createStaticVNode as sc } from "vue";
+import { nextTick as Me, computed as D, ref as x, watchEffect as nt, onMounted as ke, cloneVNode as Hg, h as Ce, Fragment as we, defineComponent as me, inject as _e, provide as He, onUnmounted as kt, watch as pe, shallowRef as du, unref as P, getCurrentInstance as Yl, Teleport as Yo, reactive as cu, toRaw as tt, normalizeClass as Y, effectScope as pu, markRaw as Mr, hasInjectionContext as Vg, isRef as Nn, isReactive as Ql, toRef as xa, getCurrentScope as Wg, onScopeDispose as qg, toRefs as ic, createBlock as Se, openBlock as v, createVNode as $, withCtx as _, withKeys as uu, withModifiers as Po, createElementVNode as m, renderSlot as Kt, createElementBlock as S, createCommentVNode as N, toDisplayString as z, Transition as Rt, onBeforeUnmount as Zs, customRef as Ug, onBeforeMount as Kg, withDirectives as lt, vModelText as Xl, createTextVNode as Ve, resolveDynamicComponent as mu, renderList as Ae, vModelSelect as $t, vShow as Gg, createStaticVNode as sc } from "vue";
 const ns = {
   backgroundColorVariables: [
     "none",
@@ -1693,13 +1693,13 @@ function U(r) {
   let t = (e = r.value.$el) != null ? e : r.value;
   return t instanceof Node ? t : null;
 }
-function _e(r, e, ...t) {
+function $e(r, e, ...t) {
   if (r in e) {
     let n = e[r];
     return typeof n == "function" ? n(...t) : n;
   }
   let o = new Error(`Tried to handle "${r}" but there is no handler defined. Only defined handlers are: ${Object.keys(e).map((n) => `"${n}"`).join(", ")}.`);
-  throw Error.captureStackTrace && Error.captureStackTrace(o, _e), o;
+  throw Error.captureStackTrace && Error.captureStackTrace(o, $e), o;
 }
 var rf = Object.defineProperty, of = (r, e, t) => e in r ? rf(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, cc = (r, e, t) => (of(r, typeof e != "symbol" ? e + "" : e, t), t);
 let nf = class {
@@ -1742,7 +1742,7 @@ function xu(r = document.body) {
 var ea = ((r) => (r[r.Strict = 0] = "Strict", r[r.Loose = 1] = "Loose", r))(ea || {});
 function ta(r, e = 0) {
   var t;
-  return r === ((t = zr(r)) == null ? void 0 : t.body) ? !1 : _e(e, { 0() {
+  return r === ((t = zr(r)) == null ? void 0 : t.body) ? !1 : $e(e, { 0() {
     return r.matches(il);
   }, 1() {
     let o = r;
@@ -1899,7 +1899,7 @@ function Pe({ visible: r = !0, features: e = 0, ourProps: t, theirProps: o, ...n
   if (r || e & 2 && s.static) return Sa(a);
   if (e & 1) {
     let l = (i = s.unmount) == null || i ? 0 : 1;
-    return _e(l, { 0() {
+    return $e(l, { 0() {
       return null;
     }, 1() {
       return Sa({ ...n, props: { ...s, hidden: !0, style: { display: "none" } } });
@@ -1974,10 +1974,10 @@ function ff() {
   return ri() !== null;
 }
 function ri() {
-  return Fe(Pu, null);
+  return _e(Pu, null);
 }
 function od(r) {
-  Ve(Pu, r);
+  He(Pu, r);
 }
 var ae = ((r) => (r.Space = " ", r.Enter = "Enter", r.Escape = "Escape", r.Backspace = "Backspace", r.Delete = "Delete", r.ArrowLeft = "ArrowLeft", r.ArrowUp = "ArrowUp", r.ArrowRight = "ArrowRight", r.ArrowDown = "ArrowDown", r.Home = "Home", r.End = "End", r.PageUp = "PageUp", r.PageDown = "PageDown", r.Tab = "Tab", r))(ae || {});
 function bf(r) {
@@ -2074,7 +2074,7 @@ let ln = Object.assign(me({ name: "FocusTrap", props: { as: { type: [Object, Str
   function d(g) {
     let h = U(n);
     h && ((f) => f())(() => {
-      _e(l.value, { [mn.Forwards]: () => {
+      $e(l.value, { [mn.Forwards]: () => {
         wn(h, Ut.First, { skipElements: [g.relatedTarget] });
       }, [mn.Backwards]: () => {
         wn(h, Ut.Last, { skipElements: [g.relatedTarget] });
@@ -2092,7 +2092,7 @@ let ln = Object.assign(me({ name: "FocusTrap", props: { as: { type: [Object, Str
     let h = Iu(r.containers);
     U(n) instanceof HTMLElement && h.add(U(n));
     let f = g.relatedTarget;
-    f instanceof HTMLElement && f.dataset.headlessuiFocusGuard !== "true" && ($u(h, f) || (c.value ? wn(U(n), _e(l.value, { [mn.Forwards]: () => Ut.Next, [mn.Backwards]: () => Ut.Previous }) | Ut.WrapAround, { relativeTo: g.target }) : g.target instanceof HTMLElement && Dr(g.target)));
+    f instanceof HTMLElement && f.dataset.headlessuiFocusGuard !== "true" && ($u(h, f) || (c.value ? wn(U(n), $e(l.value, { [mn.Forwards]: () => Ut.Next, [mn.Backwards]: () => Ut.Previous }) | Ut.WrapAround, { relativeTo: g.target }) : g.target instanceof HTMLElement && Dr(g.target)));
   }
   return () => {
     let g = {}, h = { ref: n, onKeydown: p, onFocusout: u }, { features: f, initialFocus: b, containers: w, ...k } = r;
@@ -2316,17 +2316,17 @@ function Af({ defaultContainers: r = [], portals: e, mainTreeNodeRef: t } = {})
 }
 let _u = Symbol("ForcePortalRootContext");
 function Lf() {
-  return Fe(_u, !1);
+  return _e(_u, !1);
 }
 let sl = me({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: !1 } }, setup(r, { slots: e, attrs: t }) {
-  return Ve(_u, r.force), () => {
+  return He(_u, r.force), () => {
     let { force: o, ...n } = r;
     return Pe({ theirProps: n, ourProps: {}, slot: {}, slots: e, attrs: t, name: "ForcePortalRoot" });
   };
 } }), Fu = Symbol("StackContext");
 var al = ((r) => (r[r.Add = 0] = "Add", r[r.Remove = 1] = "Remove", r))(al || {});
 function Df() {
-  return Fe(Fu, () => {
+  return _e(Fu, () => {
   });
 }
 function Nf({ type: r, enabled: e, element: t, onUpdate: o }) {
@@ -2340,11 +2340,11 @@ function Nf({ type: r, enabled: e, element: t, onUpdate: o }) {
     }, { immediate: !0, flush: "sync" });
   }), kt(() => {
     e.value && i(1, r, t);
-  }), Ve(Fu, i);
+  }), He(Fu, i);
 }
 let zu = Symbol("DescriptionContext");
 function If() {
-  let r = Fe(zu, null);
+  let r = _e(zu, null);
   if (r === null) throw new Error("Missing parent");
   return r;
 }
@@ -2356,7 +2356,7 @@ function Rf({ slot: r = x({}), name: e = "Description", props: t = {} } = {}) {
       s !== -1 && o.value.splice(s, 1);
     };
   }
-  return Ve(zu, { register: n, slot: r, name: e, props: t }), D(() => o.value.length > 0 ? o.value.join(" ") : void 0);
+  return He(zu, { register: n, slot: r, name: e, props: t }), D(() => o.value.length > 0 ? o.value.join(" ") : void 0);
 }
 me({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: null } }, setup(r, { attrs: e, slots: t }) {
   var o;
@@ -2387,7 +2387,7 @@ function hc(r, e) {
   return t <= 0 ? ll.delete(r) : ll.set(r, t), t;
 }
 let ju = me({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(r, { slots: e, attrs: t }) {
-  let o = x(null), n = D(() => zr(o)), i = Lf(), s = Fe(Hu, null), a = x(i === !0 || s == null ? $f(o.value) : s.resolveTarget());
+  let o = x(null), n = D(() => zr(o)), i = Lf(), s = _e(Hu, null), a = x(i === !0 || s == null ? $f(o.value) : s.resolveTarget());
   a.value && hc(a.value, (u) => u + 1);
   let l = x(!1);
   ke(() => {
@@ -2395,7 +2395,7 @@ let ju = me({ name: "Portal", props: { as: { type: [Object, String], default: "d
   }), nt(() => {
     i || s != null && (a.value = s.resolveTarget());
   });
-  let d = Fe(dl, null), c = !1, p = Yl();
+  let d = _e(dl, null), c = !1, p = Yl();
   return pe(o, () => {
     if (c || !d) return;
     let u = U(o);
@@ -2411,7 +2411,7 @@ let ju = me({ name: "Portal", props: { as: { type: [Object, String], default: "d
   };
 } }), dl = Symbol("PortalParentContext");
 function Ff() {
-  let r = Fe(dl, null), e = x([]);
+  let r = _e(dl, null), e = x([]);
   function t(i) {
     return e.value.push(i), r && r.register(i), () => o(i);
   }
@@ -2421,7 +2421,7 @@ function Ff() {
   }
   let n = { register: t, unregister: o, portals: e };
   return [e, me({ name: "PortalWrapper", setup(i, { slots: s }) {
-    return Ve(dl, n), () => {
+    return He(dl, n), () => {
       var a;
       return (a = s.default) == null ? void 0 : a.call(s);
     };
@@ -2431,7 +2431,7 @@ let Hu = Symbol("PortalGroupContext"), zf = me({ name: "PortalGroup", props: { a
   let o = cu({ resolveTarget() {
     return r.target;
   } });
-  return Ve(Hu, o), () => {
+  return He(Hu, o), () => {
     let { target: n, ...i } = r;
     return Pe({ theirProps: i, ourProps: {}, slot: {}, attrs: e, slots: t, name: "PortalGroup" });
   };
@@ -2439,7 +2439,7 @@ let Hu = Symbol("PortalGroupContext"), zf = me({ name: "PortalGroup", props: { a
 var jf = ((r) => (r[r.Open = 0] = "Open", r[r.Closed = 1] = "Closed", r))(jf || {});
 let cl = Symbol("DialogContext");
 function oi(r) {
-  let e = Fe(cl, null);
+  let e = _e(cl, null);
   if (e === null) {
     let t = new Error(`<${r} /> is missing a parent <Dialog /> component.`);
     throw Error.captureStackTrace && Error.captureStackTrace(t, oi), t;
@@ -2455,7 +2455,7 @@ let Bi = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", ni = me({ name: "Dialog", inher
   let d = !1, c = D(() => r.role === "dialog" || r.role === "alertdialog" ? r.role : (d || (d = !0, console.warn(`Invalid role [${c}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), p = x(0), u = ri(), g = D(() => r.open === Bi && u !== null ? (u.value & Be.Open) === Be.Open : r.open), h = x(null), f = D(() => zr(h));
   if (n({ el: h, $el: h }), !(r.open !== Bi || u !== null)) throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
   if (typeof g.value != "boolean") throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${g.value === Bi ? void 0 : r.open}`);
-  let b = D(() => l.value && g.value ? 0 : 1), w = D(() => b.value === 0), k = D(() => p.value > 1), M = Fe(cl, null) !== null, [y, A] = Ff(), { resolveContainers: C, mainTreeNodeRef: T, MainTreeNode: E } = Af({ portals: y, defaultContainers: [D(() => {
+  let b = D(() => l.value && g.value ? 0 : 1), w = D(() => b.value === 0), k = D(() => p.value > 1), M = _e(cl, null) !== null, [y, A] = Ff(), { resolveContainers: C, mainTreeNodeRef: T, MainTreeNode: E } = Af({ portals: y, defaultContainers: [D(() => {
     var ne;
     return (ne = ie.panelRef.value) != null ? ne : h.value;
   })] }), F = D(() => k.value ? "parent" : "leaf"), B = D(() => u !== null ? (u.value & Be.Closing) === Be.Closing : !1), O = D(() => M || B.value ? !1 : w.value), H = D(() => {
@@ -2468,14 +2468,14 @@ let Bi = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", ni = me({ name: "Dialog", inher
     return (De = Array.from((ce = (ne = f.value) == null ? void 0 : ne.querySelectorAll("[data-headlessui-portal]")) != null ? ce : []).find((Ee) => Ee.contains(U(T)) && Ee instanceof HTMLElement)) != null ? De : null;
   });
   mc(re, q), Nf({ type: "Dialog", enabled: D(() => b.value === 0), element: h, onUpdate: (ne, ce) => {
-    if (ce === "Dialog") return _e(ne, { [al.Add]: () => p.value += 1, [al.Remove]: () => p.value -= 1 });
+    if (ce === "Dialog") return $e(ne, { [al.Add]: () => p.value += 1, [al.Remove]: () => p.value -= 1 });
   } });
   let J = Rf({ name: "DialogDescription", slot: D(() => ({ open: g.value })) }), X = x(null), ie = { titleId: X, panelRef: x(null), dialogState: b, setTitleId(ne) {
     X.value !== ne && (X.value = ne);
   }, close() {
     e("close", !1);
   } };
-  Ve(cl, ie);
+  He(cl, ie);
   let ue = D(() => !(!w.value || k.value));
   td(C, (ne, ce) => {
     ne.preventDefault(), ie.close(), Me(() => ce == null ? void 0 : ce.focus());
@@ -2501,7 +2501,7 @@ let Bi = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", ni = me({ name: "Dialog", inher
     De.observe(ce), ne(() => De.disconnect());
   }), () => {
     let { open: ne, initialFocus: ce, ...De } = r, Ee = { ...t, ref: h, id: a, role: c.value, "aria-modal": b.value === 0 ? !0 : void 0, "aria-labelledby": X.value, "aria-describedby": J.value }, st = { open: b.value === 0 };
-    return Ce(sl, { force: !0 }, () => [Ce(ju, () => Ce(zf, { target: h.value }, () => Ce(sl, { force: !1 }, () => Ce(ln, { initialFocus: ce, containers: C, features: w.value ? _e(F.value, { parent: ln.features.RestoreFocus, leaf: ln.features.All & ~ln.features.FocusLock }) : ln.features.None }, () => Ce(A, {}, () => Pe({ ourProps: Ee, theirProps: { ...De, ...t }, slot: st, attrs: t, slots: o, visible: b.value === 0, features: _r.RenderStrategy | _r.Static, name: "Dialog" })))))), Ce(E)]);
+    return Ce(sl, { force: !0 }, () => [Ce(ju, () => Ce(zf, { target: h.value }, () => Ce(sl, { force: !1 }, () => Ce(ln, { initialFocus: ce, containers: C, features: w.value ? $e(F.value, { parent: ln.features.RestoreFocus, leaf: ln.features.All & ~ln.features.FocusLock }) : ln.features.None }, () => Ce(A, {}, () => Pe({ ourProps: Ee, theirProps: { ...De, ...t }, slot: st, attrs: t, slots: o, visible: b.value === 0, features: _r.RenderStrategy | _r.Static, name: "Dialog" })))))), Ce(E)]);
   };
 } }), nd = me({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(r, { attrs: e, slots: t }) {
   var o;
@@ -2591,7 +2591,7 @@ function Kf(r) {
 }
 let qu = Symbol("ListboxContext");
 function ii(r) {
-  let e = Fe(qu, null);
+  let e = _e(qu, null);
   if (e === null) {
     let t = new Error(`<${r} /> is missing a parent <Listbox /> component.`);
     throw Error.captureStackTrace && Error.captureStackTrace(t, ii), t;
@@ -2604,7 +2604,7 @@ let si = me({ name: "Listbox", emits: { "update:modelValue": (r) => !0 }, props:
     let y = c.value !== null ? l.value[c.value] : null, A = ed(M(l.value.slice()), (T) => U(T.dataRef.domRef)), C = y ? A.indexOf(y) : null;
     return C === -1 && (C = null), { options: A, activeOptionIndex: C };
   }
-  let g = D(() => r.multiple ? 1 : 0), [h, f] = Zg(D(() => r.modelValue), (M) => o("update:modelValue", M), D(() => r.defaultValue)), b = D(() => h.value === void 0 ? _e(g.value, { 1: [], 0: void 0 }) : h.value), w = { listboxState: n, value: b, mode: g, compare(M, y) {
+  let g = D(() => r.multiple ? 1 : 0), [h, f] = Zg(D(() => r.modelValue), (M) => o("update:modelValue", M), D(() => r.defaultValue)), b = D(() => h.value === void 0 ? $e(g.value, { 1: [], 0: void 0 }) : h.value), w = { listboxState: n, value: b, mode: g, compare(M, y) {
     if (typeof r.by == "string") {
       let A = r.by;
       return (M == null ? void 0 : M[A]) === (y == null ? void 0 : y[A]);
@@ -2638,7 +2638,7 @@ let si = me({ name: "Listbox", emits: { "update:modelValue": (r) => !0 }, props:
   }, theirOnChange(M) {
     r.disabled || f(M);
   }, select(M) {
-    r.disabled || f(_e(g.value, { 0: () => M, 1: () => {
+    r.disabled || f($e(g.value, { 0: () => M, 1: () => {
       let y = tt(w.value.value).slice(), A = tt(M), C = y.findIndex((T) => w.compare(A, tt(T)));
       return C === -1 ? y.push(A) : y.splice(C, 1), y;
     } }));
@@ -2646,7 +2646,7 @@ let si = me({ name: "Listbox", emits: { "update:modelValue": (r) => !0 }, props:
   td([s, a], (M, y) => {
     var A;
     w.closeListbox(), ta(y, ea.Loose) || (M.preventDefault(), (A = U(s)) == null || A.focus());
-  }, D(() => n.value === 0)), Ve(qu, w), od(D(() => _e(n.value, { 0: Be.Open, 1: Be.Closed })));
+  }, D(() => n.value === 0)), He(qu, w), od(D(() => $e(n.value, { 0: Be.Open, 1: Be.Closed })));
   let k = D(() => {
     var M;
     return (M = U(s)) == null ? void 0 : M.closest("form");
@@ -2741,9 +2741,9 @@ let ai = me({ name: "ListboxButton", props: { as: { type: [Object, String], defa
           return (u = U(s.buttonRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
         }));
         break;
-      case _e(s.orientation.value, { vertical: ae.ArrowDown, horizontal: ae.ArrowRight }):
+      case $e(s.orientation.value, { vertical: ae.ArrowDown, horizontal: ae.ArrowRight }):
         return p.preventDefault(), p.stopPropagation(), s.goToOption(ye.Next);
-      case _e(s.orientation.value, { vertical: ae.ArrowUp, horizontal: ae.ArrowLeft }):
+      case $e(s.orientation.value, { vertical: ae.ArrowUp, horizontal: ae.ArrowLeft }):
         return p.preventDefault(), p.stopPropagation(), s.goToOption(ye.Previous);
       case ae.Home:
       case ae.PageUp:
@@ -2775,7 +2775,7 @@ let ai = me({ name: "ListboxButton", props: { as: { type: [Object, String], defa
   var n;
   let i = (n = r.id) != null ? n : `headlessui-listbox-option-${yt()}`, s = ii("ListboxOption"), a = x(null);
   o({ el: a, $el: a });
-  let l = D(() => s.activeOptionIndex.value !== null ? s.options.value[s.activeOptionIndex.value].id === i : !1), d = D(() => _e(s.mode.value, { 0: () => s.compare(tt(s.value.value), tt(r.value)), 1: () => tt(s.value.value).some((M) => s.compare(tt(M), tt(r.value))) })), c = D(() => _e(s.mode.value, { 1: () => {
+  let l = D(() => s.activeOptionIndex.value !== null ? s.options.value[s.activeOptionIndex.value].id === i : !1), d = D(() => $e(s.mode.value, { 0: () => s.compare(tt(s.value.value), tt(r.value)), 1: () => tt(s.value.value).some((M) => s.compare(tt(M), tt(r.value))) })), c = D(() => $e(s.mode.value, { 1: () => {
     var M;
     let y = tt(s.value.value);
     return ((M = s.options.value.find((A) => y.some((C) => s.compare(tt(C), tt(A.dataRef.value))))) == null ? void 0 : M.id) === i;
@@ -2784,7 +2784,7 @@ let ai = me({ name: "ListboxButton", props: { as: { type: [Object, String], defa
   }, domRef: a }));
   ke(() => s.registerOption(i, u)), kt(() => s.unregisterOption(i)), ke(() => {
     pe([s.listboxState, d], () => {
-      s.listboxState.value === 0 && d.value && _e(s.mode.value, { 1: () => {
+      s.listboxState.value === 0 && d.value && $e(s.mode.value, { 1: () => {
         c.value && s.goToOption(ye.Specific, i);
       }, 0: () => {
         s.goToOption(ye.Specific, i);
@@ -2828,7 +2828,7 @@ function Yf(r) {
 }
 let Uu = Symbol("MenuContext");
 function ra(r) {
-  let e = Fe(Uu, null);
+  let e = _e(Uu, null);
   if (e === null) {
     let t = new Error(`<${r} /> is missing a parent <Menu /> component.`);
     throw Error.captureStackTrace && Error.captureStackTrace(t, ra), t;
@@ -2866,7 +2866,7 @@ let Qf = me({ name: "Menu", props: { as: { type: [Object, String], default: "tem
   return td([n, i], (u, g) => {
     var h;
     p.closeMenu(), ta(g, ea.Loose) || (u.preventDefault(), (h = U(n)) == null || h.focus());
-  }, D(() => o.value === 0)), Ve(Uu, p), od(D(() => _e(o.value, { 0: Be.Open, 1: Be.Closed }))), () => {
+  }, D(() => o.value === 0)), He(Uu, p), od(D(() => $e(o.value, { 0: Be.Open, 1: Be.Closed }))), () => {
     let u = { open: o.value === 0, close: p.closeMenu };
     return Pe({ ourProps: {}, theirProps: r, slot: u, slots: e, attrs: t, name: "Menu" });
   };
@@ -3042,15 +3042,15 @@ function Kr(r = "") {
 let sd = Symbol("TransitionContext");
 var r1 = ((r) => (r.Visible = "visible", r.Hidden = "hidden", r))(r1 || {});
 function o1() {
-  return Fe(sd, null) !== null;
+  return _e(sd, null) !== null;
 }
 function n1() {
-  let r = Fe(sd, null);
+  let r = _e(sd, null);
   if (r === null) throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
   return r;
 }
 function i1() {
-  let r = Fe(ad, null);
+  let r = _e(ad, null);
   if (r === null) throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
   return r;
 }
@@ -3063,7 +3063,7 @@ function Ku(r) {
   ke(() => t.value = !0), kt(() => t.value = !1);
   function o(i, s = Tr.Hidden) {
     let a = e.value.findIndex(({ id: l }) => l === i);
-    a !== -1 && (_e(s, { [Tr.Unmount]() {
+    a !== -1 && ($e(s, { [Tr.Unmount]() {
       e.value.splice(a, 1);
     }, [Tr.Hidden]() {
       e.value[a].state = "hidden";
@@ -3104,7 +3104,7 @@ let Gu = _r.RenderStrategy, mr = me({ props: { as: { type: [Object, String], def
         b.value = "visible";
         return;
       }
-      _e(b.value, { hidden: () => f(k), visible: () => h(k) });
+      $e(b.value, { hidden: () => f(k), visible: () => h(k) });
     }
   });
   let A = Kr(r.enter), C = Kr(r.enterFrom), T = Kr(r.enterTo), E = Kr(r.entered), F = Kr(r.leave), B = Kr(r.leaveFrom), O = Kr(r.leaveTo);
@@ -3128,7 +3128,7 @@ let Gu = _r.RenderStrategy, mr = me({ props: { as: { type: [Object, String], def
     pe([u], (q, re, J) => {
       H(J), w.value = !1;
     }, { immediate: !0 });
-  }), Ve(ad, y), od(D(() => _e(b.value, { visible: Be.Open, hidden: Be.Closed }) | i.value)), () => {
+  }), He(ad, y), od(D(() => $e(b.value, { visible: Be.Open, hidden: Be.Closed }) | i.value)), () => {
     let { appear: q, show: re, enter: J, enterFrom: X, enterTo: ie, entered: ue, leave: oe, leaveFrom: le, leaveTo: ne, ...ce } = r, De = { ref: c }, Ee = { ...ce, ...g.value && u.value && ti.isServer ? { class: Y([t.class, ce.class, ...A, ...C]) } : {} };
     return Pe({ theirProps: Ee, ourProps: De, slot: {}, slots: o, attrs: t, features: Gu, visible: b.value === "visible", name: "TransitionChild" });
   };
@@ -3144,7 +3144,7 @@ let Gu = _r.RenderStrategy, mr = me({ props: { as: { type: [Object, String], def
     nt(() => {
       l.value = !1, i.value ? s.value = "visible" : oa(a) || (s.value = "hidden");
     });
-  }), Ve(ad, a), Ve(sd, d), () => {
+  }), He(ad, a), He(sd, d), () => {
     let c = rd(r, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), p = { unmount: r.unmount };
     return Pe({ ourProps: { ...p, as: "template" }, theirProps: {}, slot: {}, slots: { ...o, default: () => [Ce(s1, { onBeforeEnter: () => e("beforeEnter"), onAfterEnter: () => e("afterEnter"), onBeforeLeave: () => e("beforeLeave"), onAfterLeave: () => e("afterLeave"), ...t, ...p, ...c }, o.default)] }, attrs: {}, features: Gu, visible: s.value === "visible", name: "Transition" });
   };
@@ -3346,7 +3346,7 @@ function b1(r, e, t, o) {
     }, 4e4);
   }
 }
-function je(r, e) {
+function ze(r, e) {
   const t = "🍍 " + r;
   typeof __VUE_DEVTOOLS_TOAST__ == "function" ? __VUE_DEVTOOLS_TOAST__(t, e) : e === "error" ? console.error(t) : e === "warn" ? console.warn(t) : console.log(t);
 }
@@ -3355,29 +3355,29 @@ function dd(r) {
 }
 function tm() {
   if (!("clipboard" in navigator))
-    return je("Your browser doesn't support the Clipboard API", "error"), !0;
+    return ze("Your browser doesn't support the Clipboard API", "error"), !0;
 }
 function rm(r) {
-  return r instanceof Error && r.message.toLowerCase().includes("document is not focused") ? (je('You need to activate the "Emulate a focused page" setting in the "Rendering" panel of devtools.', "warn"), !0) : !1;
+  return r instanceof Error && r.message.toLowerCase().includes("document is not focused") ? (ze('You need to activate the "Emulate a focused page" setting in the "Rendering" panel of devtools.', "warn"), !0) : !1;
 }
 async function y1(r) {
   if (!tm())
     try {
-      await navigator.clipboard.writeText(JSON.stringify(r.state.value)), je("Global state copied to clipboard.");
+      await navigator.clipboard.writeText(JSON.stringify(r.state.value)), ze("Global state copied to clipboard.");
     } catch (e) {
       if (rm(e))
         return;
-      je("Failed to serialize the state. Check the console for more details.", "error"), console.error(e);
+      ze("Failed to serialize the state. Check the console for more details.", "error"), console.error(e);
     }
 }
 async function w1(r) {
   if (!tm())
     try {
-      om(r, JSON.parse(await navigator.clipboard.readText())), je("Global state pasted from clipboard.");
+      om(r, JSON.parse(await navigator.clipboard.readText())), ze("Global state pasted from clipboard.");
     } catch (e) {
       if (rm(e))
         return;
-      je("Failed to deserialize the state from clipboard. Check the console for more details.", "error"), console.error(e);
+      ze("Failed to deserialize the state from clipboard. Check the console for more details.", "error"), console.error(e);
     }
 }
 async function v1(r) {
@@ -3386,7 +3386,7 @@ async function v1(r) {
       type: "text/plain;charset=utf-8"
     }), "pinia-state.json");
   } catch (e) {
-    je("Failed to export the state as JSON. Check the console for more details.", "error"), console.error(e);
+    ze("Failed to export the state as JSON. Check the console for more details.", "error"), console.error(e);
   }
 }
 let rr;
@@ -3411,9 +3411,9 @@ async function k1(r) {
     if (!t)
       return;
     const { text: o, file: n } = t;
-    om(r, JSON.parse(o)), je(`Global state imported from "${n.name}".`);
+    om(r, JSON.parse(o)), ze(`Global state imported from "${n.name}".`);
   } catch (e) {
-    je("Failed to import the state from JSON. Check the console for more details.", "error"), console.error(e);
+    ze("Failed to import the state from JSON. Check the console for more details.", "error"), console.error(e);
   }
 }
 function om(r, e) {
@@ -3512,7 +3512,7 @@ function O1(r, e) {
     componentStateTypes: Yi,
     app: r
   }, (t) => {
-    typeof t.now != "function" && je("You seem to be using an outdated version of Vue Devtools. Are you still using the Beta release instead of the stable one? You can find the links at https://devtools.vuejs.org/guide/installation.html."), t.addTimelineLayer({
+    typeof t.now != "function" && ze("You seem to be using an outdated version of Vue Devtools. Are you still using the Beta release instead of the stable one? You can find the links at https://devtools.vuejs.org/guide/installation.html."), t.addTimelineLayer({
       id: Jr,
       label: "Pinia 🍍",
       color: 15064968
@@ -3557,7 +3557,7 @@ function O1(r, e) {
           tooltip: 'Reset the state (with "$reset")',
           action: (o) => {
             const n = e._s.get(o);
-            n ? typeof n.$reset != "function" ? je(`Cannot reset "${o}" store because it doesn't have a "$reset" method implemented.`, "warn") : (n.$reset(), je(`Store "${o}" reset.`)) : je(`Cannot reset "${o}" store because it wasn't found.`, "warn");
+            n ? typeof n.$reset != "function" ? ze(`Cannot reset "${o}" store because it doesn't have a "$reset" method implemented.`, "warn") : (n.$reset(), ze(`Store "${o}" reset.`)) : ze(`Cannot reset "${o}" store because it wasn't found.`, "warn");
           }
         }
       ]
@@ -3616,7 +3616,7 @@ function O1(r, e) {
       if (o.app === r && o.inspectorId === rt) {
         const i = o.nodeId === Ji ? e : e._s.get(o.nodeId);
         if (!i)
-          return je(`store "${o.nodeId}" not found`, "error");
+          return ze(`store "${o.nodeId}" not found`, "error");
         const { path: s } = o;
         dd(i) ? s.unshift("state") : (s.length !== 1 || !i._customProperties.has(s[0]) || s[0] in i.$state) && s.unshift("$state"), No = !1, o.set(i, s, o.state.value), No = !0;
       }
@@ -3624,10 +3624,10 @@ function O1(r, e) {
       if (o.type.startsWith("🍍")) {
         const n = o.type.replace(/^🍍\s*/, ""), i = e._s.get(n);
         if (!i)
-          return je(`store "${n}" not found`, "error");
+          return ze(`store "${n}" not found`, "error");
         const { path: s } = o;
         if (s[0] !== "state")
-          return je(`Invalid path for store "${n}":
+          return ze(`Invalid path for store "${n}":
 ${s}
 Only state can be modified.`);
         s[0] = "$state", No = !1, o.set(i, s, o.state.value), No = !0;
@@ -3761,8 +3761,8 @@ function P1(r, e) {
     });
     const { $dispose: i } = e;
     e.$dispose = () => {
-      i(), t.notifyComponentUpdate(), t.sendInspectorTree(rt), t.sendInspectorState(rt), t.getSettings().logStoreChanges && je(`Disposed "${e.$id}" store 🗑`);
-    }, t.notifyComponentUpdate(), t.sendInspectorTree(rt), t.sendInspectorState(rt), t.getSettings().logStoreChanges && je(`"${e.$id}" store installed 🆕`);
+      i(), t.notifyComponentUpdate(), t.sendInspectorTree(rt), t.sendInspectorState(rt), t.getSettings().logStoreChanges && ze(`Disposed "${e.$id}" store 🗑`);
+    }, t.notifyComponentUpdate(), t.sendInspectorTree(rt), t.sendInspectorState(rt), t.getSettings().logStoreChanges && ze(`"${e.$id}" store installed 🆕`);
   });
 }
 let im = 0, Pr;
@@ -4082,7 +4082,7 @@ function I1(r, e, t) {
     const d = Vg();
     if (a = // in test mode, ignore the argument provided as we can always retrieve a
     // pinia instance with getActivePinia()
-    (process.env.NODE_ENV === "test" && hn && hn._testing ? null : a) || (d ? Fe(Qu, null) : null), a && Rn(a), process.env.NODE_ENV !== "production" && !hn)
+    (process.env.NODE_ENV === "test" && hn && hn._testing ? null : a) || (d ? _e(Qu, null) : null), a && Rn(a), process.env.NODE_ENV !== "production" && !hn)
       throw new Error(`[🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?
 See https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help.
 This will fail in production.`);
@@ -4768,11 +4768,11 @@ const R1 = /* @__PURE__ */ I1("pageBuilderState", {
   ],
   setup(r, { emit: e }) {
     const t = e, o = function() {
-      console.log("firstButtonBuilder VUE.js raaan"), t("firstModalButtonFunctionDynamicModalBuilder");
+      console.log("VUE.js DynamicModalBuilder — firstButtonBuilder raaan"), t("firstModalButtonFunctionDynamicModalBuilder");
     }, n = function() {
-      console.log("secondButtonBuilder VUE.js raaan"), t("secondModalButtonFunctionDynamicModalBuilder");
+      console.log(" VUE.js DynamicModalBuilder — secondButtonBuilder raaan"), t("secondModalButtonFunctionDynamicModalBuilder");
     }, i = function() {
-      console.log("thirdButtonBuilder VUE.js raaan"), t("thirdModalButtonFunctionDynamicModalBuilder");
+      console.log(" VUE.js DynamicModalBuilder — thirdButtonBuilder raaan"), t("thirdModalButtonFunctionDynamicModalBuilder");
     };
     return (s, a) => (v(), Se(pm, {
       showModalBuilder: r.showDynamicModalBuilder,
@@ -8269,7 +8269,7 @@ class it {
     return Ba[e] = t, t.prototype.jsonID = e, t;
   }
 }
-class Re {
+class Ie {
   /**
   @internal
   */
@@ -8280,13 +8280,13 @@ class Re {
   Create a successful step result.
   */
   static ok(e) {
-    return new Re(e, null);
+    return new Ie(e, null);
   }
   /**
   Create a failed step result.
   */
   static fail(e) {
-    return new Re(null, e);
+    return new Ie(null, e);
   }
   /**
   Call [`Node.replace`](https://prosemirror.net/docs/ref/#model.Node.replace) with the given
@@ -8295,10 +8295,10 @@ class Re {
   */
   static fromReplace(e, t, o, n) {
     try {
-      return Re.ok(e.replace(t, o, n));
+      return Ie.ok(e.replace(t, o, n));
     } catch (i) {
       if (i instanceof ds)
-        return Re.fail(i.message);
+        return Ie.fail(i.message);
       throw i;
     }
   }
@@ -8320,7 +8320,7 @@ class Br extends it {
   }
   apply(e) {
     let t = e.slice(this.from, this.to), o = e.resolve(this.from), n = o.node(o.sharedDepth(this.to)), i = new j(cd(t.content, (s, a) => !s.isAtom || !a.type.allowsMarkType(this.mark.type) ? s : s.mark(this.mark.addToSet(s.marks)), n), t.openStart, t.openEnd);
-    return Re.fromReplace(e, this.from, this.to, i);
+    return Ie.fromReplace(e, this.from, this.to, i);
   }
   invert() {
     return new Gt(this.from, this.to, this.mark);
@@ -8359,7 +8359,7 @@ class Gt extends it {
   }
   apply(e) {
     let t = e.slice(this.from, this.to), o = new j(cd(t.content, (n) => n.mark(this.mark.removeFromSet(n.marks)), e), t.openStart, t.openEnd);
-    return Re.fromReplace(e, this.from, this.to, o);
+    return Ie.fromReplace(e, this.from, this.to, o);
   }
   invert() {
     return new Br(this.from, this.to, this.mark);
@@ -8399,9 +8399,9 @@ class Ar extends it {
   apply(e) {
     let t = e.nodeAt(this.pos);
     if (!t)
-      return Re.fail("No node at mark step's position");
+      return Ie.fail("No node at mark step's position");
     let o = t.type.create(t.attrs, null, this.mark.addToSet(t.marks));
-    return Re.fromReplace(e, this.pos, this.pos + 1, new j(I.from(o), 0, t.isLeaf ? 0 : 1));
+    return Ie.fromReplace(e, this.pos, this.pos + 1, new j(I.from(o), 0, t.isLeaf ? 0 : 1));
   }
   invert(e) {
     let t = e.nodeAt(this.pos);
@@ -8443,9 +8443,9 @@ class mo extends it {
   apply(e) {
     let t = e.nodeAt(this.pos);
     if (!t)
-      return Re.fail("No node at mark step's position");
+      return Ie.fail("No node at mark step's position");
     let o = t.type.create(t.attrs, null, this.mark.removeFromSet(t.marks));
-    return Re.fromReplace(e, this.pos, this.pos + 1, new j(I.from(o), 0, t.isLeaf ? 0 : 1));
+    return Ie.fromReplace(e, this.pos, this.pos + 1, new j(I.from(o), 0, t.isLeaf ? 0 : 1));
   }
   invert(e) {
     let t = e.nodeAt(this.pos);
@@ -8468,7 +8468,7 @@ class mo extends it {
   }
 }
 it.jsonID("removeNodeMark", mo);
-class He extends it {
+class je extends it {
   /**
   The given `slice` should fit the 'gap' between `from` and
   `to`—the depths must line up, and the surrounding nodes must be
@@ -8482,27 +8482,27 @@ class He extends it {
     super(), this.from = e, this.to = t, this.slice = o, this.structure = n;
   }
   apply(e) {
-    return this.structure && xl(e, this.from, this.to) ? Re.fail("Structure replace would overwrite content") : Re.fromReplace(e, this.from, this.to, this.slice);
+    return this.structure && xl(e, this.from, this.to) ? Ie.fail("Structure replace would overwrite content") : Ie.fromReplace(e, this.from, this.to, this.slice);
   }
   getMap() {
     return new wt([this.from, this.to - this.from, this.slice.size]);
   }
   invert(e) {
-    return new He(this.from, this.from + this.slice.size, e.slice(this.from, this.to));
+    return new je(this.from, this.from + this.slice.size, e.slice(this.from, this.to));
   }
   map(e) {
     let t = e.mapResult(this.from, 1), o = e.mapResult(this.to, -1);
-    return t.deletedAcross && o.deletedAcross ? null : new He(t.pos, Math.max(t.pos, o.pos), this.slice, this.structure);
+    return t.deletedAcross && o.deletedAcross ? null : new je(t.pos, Math.max(t.pos, o.pos), this.slice, this.structure);
   }
   merge(e) {
-    if (!(e instanceof He) || e.structure || this.structure)
+    if (!(e instanceof je) || e.structure || this.structure)
       return null;
     if (this.from + this.slice.size == e.from && !this.slice.openEnd && !e.slice.openStart) {
       let t = this.slice.size + e.slice.size == 0 ? j.empty : new j(this.slice.content.append(e.slice.content), this.slice.openStart, e.slice.openEnd);
-      return new He(this.from, this.to + (e.to - e.from), t, this.structure);
+      return new je(this.from, this.to + (e.to - e.from), t, this.structure);
     } else if (e.to == this.from && !this.slice.openStart && !e.slice.openEnd) {
       let t = this.slice.size + e.slice.size == 0 ? j.empty : new j(e.slice.content.append(this.slice.content), e.slice.openStart, this.slice.openEnd);
-      return new He(e.from, this.to, t, this.structure);
+      return new je(e.from, this.to, t, this.structure);
     } else
       return null;
   }
@@ -8516,10 +8516,10 @@ class He extends it {
   static fromJSON(e, t) {
     if (typeof t.from != "number" || typeof t.to != "number")
       throw new RangeError("Invalid input for ReplaceStep.fromJSON");
-    return new He(t.from, t.to, j.fromJSON(e, t.slice), !!t.structure);
+    return new je(t.from, t.to, j.fromJSON(e, t.slice), !!t.structure);
   }
 }
-it.jsonID("replace", He);
+it.jsonID("replace", je);
 class We extends it {
   /**
   Create a replace-around step with the given range and gap.
@@ -8532,12 +8532,12 @@ class We extends it {
   }
   apply(e) {
     if (this.structure && (xl(e, this.from, this.gapFrom) || xl(e, this.gapTo, this.to)))
-      return Re.fail("Structure gap-replace would overwrite content");
+      return Ie.fail("Structure gap-replace would overwrite content");
     let t = e.slice(this.gapFrom, this.gapTo);
     if (t.openStart || t.openEnd)
-      return Re.fail("Gap is not a flat range");
+      return Ie.fail("Gap is not a flat range");
     let o = this.slice.insertAt(this.insert, t.content);
-    return o ? Re.fromReplace(e, this.from, this.to, o) : Re.fail("Content does not fit in gap");
+    return o ? Ie.fromReplace(e, this.from, this.to, o) : Ie.fail("Content does not fit in gap");
   }
   getMap() {
     return new wt([
@@ -8636,7 +8636,7 @@ function pd(r, e, t, o = t.contentMatch, n = !0) {
   for (let l = 0; l < i.childCount; l++) {
     let d = i.child(l), c = a + d.nodeSize, p = o.matchType(d.type);
     if (!p)
-      s.push(new He(a, c, j.empty));
+      s.push(new je(a, c, j.empty));
     else {
       o = p;
       for (let u = 0; u < d.marks.length; u++)
@@ -8644,7 +8644,7 @@ function pd(r, e, t, o = t.contentMatch, n = !0) {
       if (n && d.isText && t.whitespace != "pre") {
         let u, g = /\r?\n|\r/g, h;
         for (; u = g.exec(d.text); )
-          h || (h = new j(I.from(t.schema.text(" ", t.allowedMarks(d.marks))), 0, 0)), s.push(new He(a + u.index, a + u.index + u[0].length, h));
+          h || (h = new j(I.from(t.schema.text(" ", t.allowedMarks(d.marks))), 0, 0)), s.push(new je(a + u.index, a + u.index + u[0].length, h));
       }
     }
     a = c;
@@ -8793,7 +8793,7 @@ function pb(r, e, t = 1, o) {
     let c = o && o[d];
     s = I.from(c ? c.type.create(c.attrs, s) : n.node(a).copy(s));
   }
-  r.step(new He(e, e, new j(i.append(s), t, t), !0));
+  r.step(new je(e, e, new j(i.append(s), t, t), !0));
 }
 function jr(r, e) {
   let t = r.resolve(e), o = t.index();
@@ -8836,7 +8836,7 @@ function mb(r, e, t) {
   }
   s.inlineContent && pd(r, e + t - 1, s, i.node().contentMatchAt(i.index()), o == null);
   let l = r.mapping.slice(a), d = l.map(e - t);
-  if (r.step(new He(d, l.map(e + t, -1), j.empty, !0)), o === !0) {
+  if (r.step(new je(d, l.map(e + t, -1), j.empty, !0)), o === !0) {
     let c = r.doc.resolve(d);
     Im(r, c.node(), c.before(), r.steps.length);
   }
@@ -8889,7 +8889,7 @@ function sa(r, e, t = e, o = j.empty) {
   if (e == t && !o.size)
     return null;
   let n = r.resolve(e), i = r.resolve(t);
-  return Fm(n, i, o) ? new He(e, t, o) : new gb(n, i, o).fit();
+  return Fm(n, i, o) ? new je(e, t, o) : new gb(n, i, o).fit();
 }
 function Fm(r, e, t) {
   return !t.openStart && !t.openEnd && r.start() == e.start() && r.parent.canReplace(r.index(), e.index(), t.content);
@@ -8922,7 +8922,7 @@ class gb {
     for (; s && a && i.childCount == 1; )
       i = i.firstChild.content, s--, a--;
     let l = new j(i, s, a);
-    return e > -1 ? new We(o.pos, e, this.$to.pos, this.$to.end(), l, t) : l.size || o.pos != this.$to.pos ? new He(o.pos, n.pos, l) : null;
+    return e > -1 ? new We(o.pos, e, this.$to.pos, this.$to.end(), l, t) : l.size || o.pos != this.$to.pos ? new je(o.pos, n.pos, l) : null;
   }
   // Find a position on the start spine of `this.unplaced` that has
   // content that can be moved somewhere on the frontier. Returns two
@@ -9079,7 +9079,7 @@ function yb(r, e, t, o) {
     return r.deleteRange(e, t);
   let n = r.doc.resolve(e), i = r.doc.resolve(t);
   if (Fm(n, i, o))
-    return r.step(new He(e, t, o));
+    return r.step(new je(e, t, o));
   let s = Hm(n, r.doc.resolve(t));
   s[s.length - 1] == 0 && s.pop();
   let a = -(n.depth + 1);
@@ -9173,13 +9173,13 @@ class _o extends it {
   apply(e) {
     let t = e.nodeAt(this.pos);
     if (!t)
-      return Re.fail("No node at attribute step's position");
+      return Ie.fail("No node at attribute step's position");
     let o = /* @__PURE__ */ Object.create(null);
     for (let i in t.attrs)
       o[i] = t.attrs[i];
     o[this.attr] = this.value;
     let n = t.type.create(o, null, t.marks);
-    return Re.fromReplace(e, this.pos, this.pos + 1, new j(I.from(n), 0, t.isLeaf ? 0 : 1));
+    return Ie.fromReplace(e, this.pos, this.pos + 1, new j(I.from(n), 0, t.isLeaf ? 0 : 1));
   }
   getMap() {
     return wt.empty;
@@ -9214,7 +9214,7 @@ class jn extends it {
       t[n] = e.attrs[n];
     t[this.attr] = this.value;
     let o = e.type.create(t, e.content, e.marks);
-    return Re.ok(o);
+    return Ie.ok(o);
   }
   getMap() {
     return wt.empty;
@@ -9857,7 +9857,7 @@ function Fc(r, e, t) {
   if (o < e)
     return;
   let n = r.steps[o];
-  if (!(n instanceof He || n instanceof We))
+  if (!(n instanceof je || n instanceof We))
     return;
   let i = r.mapping.maps[o], s;
   i.forEach((a, l, d, c) => {
@@ -10239,7 +10239,7 @@ function Wm(r, e, t) {
   }
   return t;
 }
-class ze {
+class Fe {
   /**
   Create a plugin.
   */
@@ -12883,7 +12883,7 @@ class Bt {
   }
 }
 const Ao = [], so = {};
-class $e {
+class Re {
   /**
   @internal
   */
@@ -12937,7 +12937,7 @@ class $e {
       let l = this.local[a].map(e, o, n);
       l && l.type.valid(t, l) ? (s || (s = [])).push(l) : i.onRemove && i.onRemove(this.local[a].spec);
     }
-    return this.children.length ? jy(this.children, s || [], e, t, o, n, i) : s ? new $e(s.sort(ao), Ao) : et;
+    return this.children.length ? jy(this.children, s || [], e, t, o, n, i) : s ? new Re(s.sort(ao), Ao) : et;
   }
   /**
   Add the given array of decorations to the ones in the set,
@@ -12946,7 +12946,7 @@ class $e {
   structure.
   */
   add(e, t) {
-    return t.length ? this == et ? $e.create(e, t) : this.addInner(e, t, 0) : this;
+    return t.length ? this == et ? Re.create(e, t) : this.addInner(e, t, 0) : this;
   }
   addInner(e, t, o) {
     let n, i = 0;
@@ -12961,7 +12961,7 @@ class $e {
     let s = kh(i ? Ch(t) : t, -o);
     for (let a = 0; a < s.length; a++)
       s[a].type.valid(e, s[a]) || s.splice(a--, 1);
-    return new $e(s.length ? this.local.concat(s).sort(ao) : this.local, n || this.children);
+    return new Re(s.length ? this.local.concat(s).sort(ao) : this.local, n || this.children);
   }
   /**
   Create a new set that contains the decorations in this set, minus
@@ -12988,13 +12988,13 @@ class $e {
           for (let a = 0; a < n.length; a++)
             n[a].eq(s, t) && (n == this.local && (n = this.local.slice()), n.splice(a--, 1));
     }
-    return o == this.children && n == this.local ? this : n.length || o.length ? new $e(n, o) : et;
+    return o == this.children && n == this.local ? this : n.length || o.length ? new Re(n, o) : et;
   }
   forChild(e, t) {
     if (this == et)
       return this;
     if (t.isLeaf)
-      return $e.empty;
+      return Re.empty;
     let o, n;
     for (let a = 0; a < this.children.length; a += 3)
       if (this.children[a] >= e) {
@@ -13010,7 +13010,7 @@ class $e {
       }
     }
     if (n) {
-      let a = new $e(n.sort(ao), Ao);
+      let a = new Re(n.sort(ao), Ao);
       return o ? new Sr([a, o]) : a;
     }
     return o || et;
@@ -13021,7 +13021,7 @@ class $e {
   eq(e) {
     if (this == e)
       return !0;
-    if (!(e instanceof $e) || this.local.length != e.local.length || this.children.length != e.children.length)
+    if (!(e instanceof Re) || this.local.length != e.local.length || this.children.length != e.children.length)
       return !1;
     for (let t = 0; t < this.local.length; t++)
       if (!this.local[t].eq(e.local[t]))
@@ -13054,9 +13054,9 @@ class $e {
     e(this);
   }
 }
-$e.empty = new $e([], []);
-$e.removeOverlap = kd;
-const et = $e.empty;
+Re.empty = new Re([], []);
+Re.removeOverlap = kd;
+const et = Re.empty;
 class Sr {
   constructor(e) {
     this.members = e;
@@ -13067,7 +13067,7 @@ class Sr {
   }
   forChild(e, t) {
     if (t.isLeaf)
-      return $e.empty;
+      return Re.empty;
     let o = [];
     for (let n = 0; n < this.members.length; n++) {
       let i = this.members[n].forChild(e, t);
@@ -13107,7 +13107,7 @@ class Sr {
       case 1:
         return e[0];
       default:
-        return new Sr(e.every((t) => t instanceof $e) ? e : e.reduce((t, o) => t.concat(o instanceof $e ? o : o.members), []));
+        return new Sr(e.every((t) => t instanceof Re) ? e : e.reduce((t, o) => t.concat(o instanceof Re ? o : o.members), []));
     }
   }
   forEachSet(e) {
@@ -13162,7 +13162,7 @@ function jy(r, e, t, o, n, i, s) {
       a.splice(u, 0, c.children[p], c.children[p + 1], c.children[p + 2]);
     }
   }
-  return new $e(e.sort(ao), a);
+  return new Re(e.sort(ao), a);
 }
 function kh(r, e) {
   if (!e || !r.length)
@@ -13214,7 +13214,7 @@ function bs(r, e, t, o) {
   let s = kh(i ? Ch(r) : r, -t).sort(ao);
   for (let a = 0; a < s.length; a++)
     s[a].type.valid(e, s[a]) || (o.onRemove && o.onRemove(s[a].spec), s.splice(a--, 1));
-  return s.length || n.length ? new $e(s, n) : et;
+  return s.length || n.length ? new Re(s, n) : et;
 }
 function ao(r, e) {
   return r.from - e.from || r.to - e.to;
@@ -13247,7 +13247,7 @@ function Fa(r) {
   return r.someProp("decorations", (t) => {
     let o = t(r.state);
     o && o != et && e.push(o);
-  }), r.cursorWrapper && e.push($e.create(r.state.doc, [r.cursorWrapper.deco])), Sr.from(e);
+  }), r.cursorWrapper && e.push(Re.create(r.state.doc, [r.cursorWrapper.deco])), Sr.from(e);
 }
 const Vy = {
   childList: !0,
@@ -14138,7 +14138,7 @@ function Ha(r, e, t = !0) {
   return e.altKey && (r = "Alt-" + r), e.ctrlKey && (r = "Ctrl-" + r), e.metaKey && (r = "Meta-" + r), t && e.shiftKey && (r = "Shift-" + r), r;
 }
 function uw(r) {
-  return new ze({ props: { handleKeyDown: Eh(r) } });
+  return new Fe({ props: { handleKeyDown: Eh(r) } });
 }
 function Eh(r) {
   let e = pw(r);
@@ -14226,7 +14226,7 @@ function Ph(r, e, t) {
     a = c;
   }
   let d = sa(r.doc, i, l, j.empty);
-  if (!d || d.from != i || d instanceof He && d.slice.size >= l - i)
+  if (!d || d.from != i || d instanceof je && d.slice.size >= l - i)
     return !1;
   if (t) {
     let c = r.tr.step(d);
@@ -15019,7 +15019,7 @@ function $i(r) {
   }), c;
 }
 function Fw(r) {
-  const { editor: e, rules: t } = r, o = new ze({
+  const { editor: e, rules: t } = r, o = new Fe({
     state: {
       init() {
         return null;
@@ -15232,7 +15232,7 @@ function Uw(r) {
       return s = typeof ClipboardEvent < "u" ? new ClipboardEvent("paste") : null, f;
     }
   };
-  return t.map((c) => new ze({
+  return t.map((c) => new Fe({
     // we register a global drag handler to track the current drag source element
     view(p) {
       const u = (h) => {
@@ -15529,7 +15529,7 @@ const Gw = Ze.create({
   },
   addProseMirrorPlugins() {
     return [
-      new ze({
+      new Fe({
         key: new ut("clipboardTextSerializer"),
         props: {
           clipboardTextSerializer: () => {
@@ -15765,7 +15765,7 @@ function mv(r, e, t) {
   if (o < e)
     return;
   const n = r.steps[o];
-  if (!(n instanceof He || n instanceof We))
+  if (!(n instanceof je || n instanceof We))
     return;
   const i = r.mapping.maps[o];
   let s = 0;
@@ -16515,7 +16515,7 @@ const h2 = Ze.create({
   name: "drop",
   addProseMirrorPlugins() {
     return [
-      new ze({
+      new Fe({
         key: new ut("tiptapDrop"),
         props: {
           handleDrop: (r, e, t, o) => {
@@ -16534,7 +16534,7 @@ const h2 = Ze.create({
   name: "editable",
   addProseMirrorPlugins() {
     return [
-      new ze({
+      new Fe({
         key: new ut("editable"),
         props: {
           editable: () => this.editor.options.editable
@@ -16547,7 +16547,7 @@ const h2 = Ze.create({
   addProseMirrorPlugins() {
     const { editor: r } = this;
     return [
-      new ze({
+      new Fe({
         key: b2,
         props: {
           handleDOMEvents: {
@@ -16620,7 +16620,7 @@ const h2 = Ze.create({
       // to a paragraph if necessary.
       // This is an alternative to ProseMirror's `AllSelection`, which doesn’t work well
       // with many other commands.
-      new ze({
+      new Fe({
         key: new ut("clearDocument"),
         appendTransaction: (r, e, t) => {
           if (r.some((f) => f.getMeta("composition")))
@@ -16648,7 +16648,7 @@ const h2 = Ze.create({
   name: "paste",
   addProseMirrorPlugins() {
     return [
-      new ze({
+      new Fe({
         key: new ut("tiptapPaste"),
         props: {
           handlePaste: (r, e, t) => {
@@ -16666,7 +16666,7 @@ const h2 = Ze.create({
   name: "tabindex",
   addProseMirrorPlugins() {
     return [
-      new ze({
+      new Fe({
         key: new ut("tabindex"),
         props: {
           attributes: () => this.editor.isEditable ? { tabindex: "0" } : {}
@@ -19156,7 +19156,7 @@ class i5 {
     !((e = this.tippy) === null || e === void 0) && e.popper.firstChild && this.tippy.popper.firstChild.removeEventListener("blur", this.tippyBlurHandler), (t = this.tippy) === null || t === void 0 || t.destroy(), this.element.removeEventListener("mousedown", this.mousedownHandler, { capture: !0 }), this.view.dom.removeEventListener("dragstart", this.dragstartHandler), this.editor.off("focus", this.focusHandler), this.editor.off("blur", this.blurHandler);
   }
 }
-const yg = (r) => new ze({
+const yg = (r) => new Fe({
   key: typeof r.pluginKey == "string" ? new ut(r.pluginKey) : r.pluginKey,
   view: (e) => new i5({ view: e, ...r })
 });
@@ -19251,7 +19251,7 @@ class s5 {
     !((e = this.tippy) === null || e === void 0) && e.popper.firstChild && this.tippy.popper.firstChild.removeEventListener("blur", this.tippyBlurHandler), (t = this.tippy) === null || t === void 0 || t.destroy(), this.element.removeEventListener("mousedown", this.mousedownHandler, { capture: !0 }), this.editor.off("focus", this.focusHandler), this.editor.off("blur", this.blurHandler);
   }
 }
-const wg = (r) => new ze({
+const wg = (r) => new Fe({
   key: typeof r.pluginKey == "string" ? new ut(r.pluginKey) : r.pluginKey,
   view: (e) => new s5({ view: e, ...r })
 });
@@ -19801,7 +19801,7 @@ const d5 = (r = {}) => {
     return [
       // this plugin creates a code block for pasted content from VS Code
       // we can also detect the copied code language
-      new ze({
+      new Fe({
         key: new ut("codeBlockVSCodeHandler"),
         props: {
           handlePaste: (r, e) => {
@@ -19824,7 +19824,7 @@ const d5 = (r = {}) => {
   content: "block+"
 });
 function E5(r = {}) {
-  return new ze({
+  return new Fe({
     view(e) {
       return new T5(e, r);
     }
@@ -20054,7 +20054,7 @@ function B5(r) {
   return !0;
 }
 function A5() {
-  return new ze({
+  return new Fe({
     props: {
       decorations: I5,
       createSelectionBetween(r, e, t) {
@@ -20110,7 +20110,7 @@ function I5(r) {
   if (!(r.selection instanceof Oe))
     return null;
   let e = document.createElement("div");
-  return e.className = "ProseMirror-gapcursor", $e.create(r.doc, [Bt.widget(r.selection.head, e, { key: "gapcursor" })]);
+  return e.className = "ProseMirror-gapcursor", Re.create(r.doc, [Bt.widget(r.selection.head, e, { key: "gapcursor" })]);
 }
 const R5 = Ze.create({
   name: "gapCursor",
@@ -20533,7 +20533,7 @@ function K5(r = {}) {
   return r = {
     depth: r.depth || 100,
     newGroupDelay: r.newGroupDelay || 500
-  }, new ze({
+  }, new Fe({
     key: co,
     state: {
       init() {
@@ -21600,7 +21600,7 @@ function T3(r) {
   return r.length === 1 ? r[0].isLink : r.length === 3 && r[1].isLink ? ["()", "[]"].includes(r[0].value + r[2].value) : !1;
 }
 function O3(r) {
-  return new ze({
+  return new Fe({
     key: new ut("autolink"),
     appendTransaction: (e, t, o) => {
       const n = e.some((d) => d.docChanged) && !t.doc.eq(o.doc), i = e.some((d) => d.getMeta("preventAutolink"));
@@ -21636,7 +21636,7 @@ function O3(r) {
   });
 }
 function P3(r) {
-  return new ze({
+  return new Fe({
     key: new ut("handleClickLink"),
     props: {
       handleClick: (e, t, o) => {
@@ -21656,7 +21656,7 @@ function P3(r) {
   });
 }
 function B3(r) {
-  return new ze({
+  return new Fe({
     key: new ut("handlePasteLink"),
     props: {
       handlePaste: (e, t, o) => {
@@ -22116,7 +22116,7 @@ const Q3 = /* @__PURE__ */ ec(J3, [["render", Y3]]), X3 = { class: "flex items-e
     }, n = function() {
       t("secondMediaButtonFunction");
     };
-    return Ve("closeMediaLibraryModal", () => {
+    return He("closeMediaLibraryModal", () => {
       o();
     }), (s, a) => (v(), Se(Yo, { to: "body" }, [
       $(P(Qo), {
@@ -22166,7 +22166,7 @@ const Q3 = /* @__PURE__ */ ec(J3, [["render", Y3]]), X3 = { class: "flex items-e
                           class: "tertiaryHeader my-0 py-0"
                         }, {
                           default: _(() => [
-                            Ie(z(r.title), 1)
+                            Ve(z(r.title), 1)
                           ]),
                           _: 1
                         }),
@@ -22416,7 +22416,7 @@ const Q3 = /* @__PURE__ */ ec(J3, [["render", Y3]]), X3 = { class: "flex items-e
 }, D4 = {
   __name: "EditGetElement",
   setup(r) {
-    const e = Le, t = Fe("CustomMediaComponent"), o = new Ke(e), n = D(() => e.getElement), i = D(() => {
+    const e = Le, t = _e("CustomMediaComponent"), o = new Ke(e), n = D(() => e.getElement), i = D(() => {
       const oe = e.getShowModalTipTap;
       return oe && w(), oe;
     });
@@ -23126,7 +23126,7 @@ class="border-2 border-gray-600 flex items-centre justify-start rounded-md font-
   }
 ];
 function _4() {
-  const r = Fe("closeAddComponentModal", null), e = Fe("closeMediaLibraryModal", null);
+  const r = _e("closeAddComponentModal", null), e = _e("closeMediaLibraryModal", null);
   return {
     closeAddComponentModal: r || (() => {
       console.warn(
@@ -23308,7 +23308,7 @@ const F4 = { class: "p-4" }, z4 = { class: "mb-8" }, j4 = { class: "grid grid-co
                                 m("div", gk, [
                                   $(P(id), { class: "myTertiaryHeader my-0" }, {
                                     default: _(() => [
-                                      Ie(z(r.title), 1)
+                                      Ve(z(r.title), 1)
                                     ]),
                                     _: 1
                                   }),
@@ -23389,7 +23389,7 @@ const F4 = { class: "p-4" }, z4 = { class: "mb-8" }, j4 = { class: "grid grid-co
                                 m("div", Ck, [
                                   $(P(id), { class: "myTertiaryHeader my-0" }, {
                                     default: _(() => [
-                                      Ie(z(r.title), 1)
+                                      Ve(z(r.title), 1)
                                     ]),
                                     _: 1
                                   }),
@@ -23465,7 +23465,7 @@ const F4 = { class: "p-4" }, z4 = { class: "mb-8" }, j4 = { class: "grid grid-co
                 ])) : N("", !0),
                 o.value === null || o.value === void 0 ? (v(), S("p", Nk, [
                   l[4] || (l[4] = m("span", null, "Component type: ", -1)),
-                  Ie(" " + z(JSON.stringify(o.value)), 1)
+                  Ve(" " + z(JSON.stringify(o.value)), 1)
                 ])) : N("", !0),
                 o.value !== null && o.value !== void 0 ? (v(), S("p", Ik, [
                   l[5] || (l[5] = m("span", null, "Component type: ", -1)),
@@ -23528,9 +23528,9 @@ const F4 = { class: "p-4" }, z4 = { class: "mb-8" }, j4 = { class: "grid grid-co
                   o.value ? (v(), S("div", r6, [
                     m("p", o6, " Component ID: " + z((M = o.value) == null ? void 0 : M.id), 1),
                     m("p", n6, [
-                      l[13] || (l[13] = Ie(" Component Title:")),
+                      l[13] || (l[13] = Ve(" Component Title:")),
                       l[14] || (l[14] = m("br", null, null, -1)),
-                      Ie(" " + z((y = o.value) == null ? void 0 : y.title), 1)
+                      Ve(" " + z((y = o.value) == null ? void 0 : y.title), 1)
                     ]),
                     m("p", i6, " Component HTML: " + z((A = o.value) == null ? void 0 : A.html_code), 1)
                   ])) : N("", !0)
@@ -23549,9 +23549,9 @@ const F4 = { class: "p-4" }, z4 = { class: "mb-8" }, j4 = { class: "grid grid-co
                         m("p", c6, " Component ID: " + z(C.id), 1),
                         m("p", p6, " Component Title: " + z((T = o.value) == null ? void 0 : T.title), 1),
                         m("p", u6, [
-                          l[15] || (l[15] = Ie(" Component HTML:")),
+                          l[15] || (l[15] = Ve(" Component HTML:")),
                           l[16] || (l[16] = m("br", null, null, -1)),
-                          Ie(" " + z(C.html_code), 1)
+                          Ve(" " + z(C.html_code), 1)
                         ])
                       ]);
                     }), 128))
@@ -23593,7 +23593,7 @@ const F4 = { class: "p-4" }, z4 = { class: "mb-8" }, j4 = { class: "grid grid-co
 }, NS = {
   __name: "PageBuilderSettings",
   setup(r) {
-    const e = "v3.1.52", t = Le, o = new Ke(t), n = x(!1), i = x(""), s = x(null), a = D(() => t.getConfigPageBuilder), l = function() {
+    const e = "v3.1.53", t = Le, o = new Ke(t), n = x(!1), i = x(""), s = x(null), a = D(() => t.getConfigPageBuilder), l = function() {
       i.value = "Advanced Settings", n.value = !0;
     }, d = function() {
       n.value = !1;
@@ -23909,7 +23909,7 @@ const F4 = { class: "p-4" }, z4 = { class: "mb-8" }, j4 = { class: "grid grid-co
                             type: "button"
                           }, h[29] || (h[29] = [
                             m("span", { class: "material-symbols-outlined text-[18px]" }, " delete ", -1),
-                            Ie(" Delete ")
+                            Ve(" Delete ")
                           ]))
                         ])) : N("", !0),
                         ((ue = a.value) == null ? void 0 : ue.updateOrCreate.formType) === "update" ? (v(), S("td", DS, [
@@ -23919,7 +23919,7 @@ const F4 = { class: "p-4" }, z4 = { class: "mb-8" }, j4 = { class: "grid grid-co
                             type: "button"
                           }, h[30] || (h[30] = [
                             m("span", { class: "material-symbols-outlined text-[18px]" }, " delete ", -1),
-                            Ie(" Delete ")
+                            Ve(" Delete ")
                           ]))
                         ])) : N("", !0)
                       ])
@@ -24028,13 +24028,10 @@ const F4 = { class: "p-4" }, z4 = { class: "mb-8" }, j4 = { class: "grid grid-co
                         m("div", {
                           class: Y(["cursor-defualt", [
                             O ? "bg-myPrimaryLightGrayColor text-gray-900" : "text-gray-700",
-                            "block px-4 py-2"
+                            "block px-4 py-2 break-all"
                           ]])
                         }, [
                           m("div", RS, [
-                            B[2] || (B[2] = m("div", { class: "h-8 w-8 cursor-defualt rounded-full flex items-center border-none justify-center bg-gray-50 aspect-square hover:bg-myPrimaryLinkColor hover:text-white focus-visible:ring-0" }, [
-                              m("span", { class: "material-symbols-outlined text-[16px]" }, " person ")
-                            ], -1)),
                             m("div", null, z(o.value.userForPageBuilder.name), 1)
                           ])
                         ], 2)
@@ -24051,13 +24048,8 @@ const F4 = { class: "p-4" }, z4 = { class: "mb-8" }, j4 = { class: "grid grid-co
                               O ? "bg-myPrimaryLightGrayColor text-gray-900" : "text-gray-700",
                               "block px-4 py-2"
                             ]])
-                          }, B[3] || (B[3] = [
-                            m("div", { class: "flex items-center justify-left gap-2 text-sm" }, [
-                              m("div", { class: "h-8 w-8 cursor-pointer rounded-full flex items-center border-none justify-center bg-gray-50 aspect-square hover:bg-myPrimaryLinkColor hover:text-white focus-visible:ring-0" }, [
-                                m("span", { class: "material-symbols-outlined text-[16px]" }, " visibility ")
-                              ]),
-                              Ie(" Preview ")
-                            ], -1)
+                          }, B[2] || (B[2] = [
+                            m("div", { class: "flex items-center justify-left gap-2 text-sm" }, "Preview", -1)
                           ]), 2)
                         ]),
                         _: 1
@@ -24070,13 +24062,8 @@ const F4 = { class: "p-4" }, z4 = { class: "mb-8" }, j4 = { class: "grid grid-co
                               O ? "bg-myPrimaryLightGrayColor text-gray-900" : "text-gray-700",
                               "block px-4 py-2"
                             ]])
-                          }, B[4] || (B[4] = [
-                            m("div", { class: "flex items-center justify-left gap-2 text-sm" }, [
-                              m("div", { class: "h-8 w-8 cursor-pointer rounded-full flex items-center border-none justify-center bg-gray-50 aspect-square hover:bg-myPrimaryLinkColor hover:text-white focus-visible:ring-0" }, [
-                                m("span", { class: "material-symbols-outlined text-[16px]" }, " settings ")
-                              ]),
-                              Ie(" Settings ")
-                            ], -1)
+                          }, B[3] || (B[3] = [
+                            m("div", { class: "flex items-center justify-left gap-2 text-sm" }, "Settings", -1)
                           ]), 2)
                         ]),
                         _: 1
@@ -24089,12 +24076,9 @@ const F4 = { class: "p-4" }, z4 = { class: "mb-8" }, j4 = { class: "grid grid-co
                               O ? "bg-myPrimaryLightGrayColor text-gray-900" : "text-gray-700",
                               "block px-4 py-2"
                             ]])
-                          }, B[5] || (B[5] = [
+                          }, B[4] || (B[4] = [
                             m("div", { class: "flex items-center justify-left gap-2 text-sm" }, [
-                              m("div", { class: "h-8 w-8 cursor-pointer rounded-full flex items-center border-none justify-center bg-gray-50 aspect-square hover:bg-myPrimaryErrorColor hover:text-white text-myPrimaryErrorColor" }, [
-                                m("span", { class: "myMediumIcon material-symbols-outlined text-[16px]" }, " delete ")
-                              ]),
-                              m("span", { class: "group-hover:text-white" }, " Clear page ")
+                              m("span", { class: "group-hover:text-white" }, " Delete Layout ")
                             ], -1)
                           ]), 2)
                         ]),
@@ -24172,7 +24156,7 @@ const en = /* @__PURE__ */ ec(_S, [["render", HS]]), VS = { class: "flex flex-ro
     };
     return (a, l) => (v(), Se(en, null, {
       title: _(() => l[2] || (l[2] = [
-        Ie("Generated CSS")
+        Ve("Generated CSS")
       ])),
       content: _(() => [
         m("div", VS, [
@@ -24215,7 +24199,7 @@ const en = /* @__PURE__ */ ec(_S, [["render", HS]]), VS = { class: "flex flex-ro
 }, QS = { key: 0 }, XS = ["src"], ZS = {
   __name: "ImageEditor",
   setup(r) {
-    const e = Le, t = Fe("CustomMediaComponent"), o = new Ke(e), n = x(!1), i = x(!1), s = x(""), a = x(""), l = x(""), d = x(null), c = x(null), p = x(null), u = x(null), g = x(null), h = D(() => e.getBasePrimaryImage), f = function() {
+    const e = Le, t = _e("CustomMediaComponent"), o = new Ke(e), n = x(!1), i = x(!1), s = x(""), a = x(""), l = x(""), d = x(null), c = x(null), p = x(null), u = x(null), g = x(null), h = D(() => e.getBasePrimaryImage), f = function() {
       i.value = !0, s.value = "Media Library", a.value = null, l.value = "Close", d.value = "Select image", p.value = function() {
         i.value = !1;
       }, u.value = function() {
@@ -24449,7 +24433,7 @@ const en = /* @__PURE__ */ ec(_S, [["render", HS]]), VS = { class: "flex flex-ro
   setup(r) {
     return (e, t) => (v(), Se(en, null, {
       title: _(() => t[0] || (t[0] = [
-        Ie("Opacity settings")
+        Ve("Opacity settings")
       ])),
       content: _(() => [
         $(bC),
@@ -24488,7 +24472,7 @@ const en = /* @__PURE__ */ ec(_S, [["render", HS]]), VS = { class: "flex flex-ro
       { immediate: !0 }
     ), (p, u) => (v(), Se(en, null, {
       title: _(() => u[8] || (u[8] = [
-        Ie("Padding & Margin")
+        Ve("Padding & Margin")
       ])),
       content: _(() => [
         u[17] || (u[17] = m("p", { class: "myPrimaryParagraph font-medium py-0 my-4" }, "Padding", -1)),
@@ -24597,7 +24581,7 @@ const en = /* @__PURE__ */ ec(_S, [["render", HS]]), VS = { class: "flex flex-ro
       { immediate: !0 }
     ), (g, h) => (v(), Se(en, null, {
       title: _(() => h[10] || (h[10] = [
-        Ie("Border Radius")
+        Ve("Border Radius")
       ])),
       content: _(() => [
         h[21] || (h[21] = m("p", { class: "myPrimaryParagraph font-medium py-0 my-4" }, "Global", -1)),
@@ -24716,7 +24700,7 @@ const en = /* @__PURE__ */ ec(_S, [["render", HS]]), VS = { class: "flex flex-ro
       { immediate: !0 }
     ), (d, c) => (v(), Se(en, null, {
       title: _(() => c[6] || (c[6] = [
-        Ie("Border Style, Width & Color")
+        Ve("Border Style, Width & Color")
       ])),
       content: _(() => [
         m("div", BC, [
@@ -24871,7 +24855,7 @@ const en = /* @__PURE__ */ ec(_S, [["render", HS]]), VS = { class: "flex flex-ro
     const e = Le, t = new Ke(e), o = D(() => e.getElement), n = D(() => e.getRestoredElement);
     return (i, s) => (v(), Se(en, null, {
       title: _(() => s[2] || (s[2] = [
-        Ie("Selected HTML Element")
+        Ve("Selected HTML Element")
       ])),
       content: _(() => [
         s[5] || (s[5] = m("div", { class: "flex flex-row flex-wrap gap-2 mt-2" }, null, -1)),
@@ -24920,7 +24904,7 @@ const en = /* @__PURE__ */ ec(_S, [["render", HS]]), VS = { class: "flex flex-ro
             m("span", { class: "material-symbols-outlined" }, " close ", -1)
           ])),
           m("p", QC, [
-            a[2] || (a[2] = Ie(" Editing ")),
+            a[2] || (a[2] = Ve(" Editing ")),
             m("span", XC, "<" + z(n.value) + ">", 1)
           ])
         ]),
@@ -24982,7 +24966,7 @@ const en = /* @__PURE__ */ ec(_S, [["render", HS]]), VS = { class: "flex flex-ro
   },
   setup(r) {
     const e = r, t = lm, o = Le, n = new Ke(o);
-    Ve("pageBuilderStateStore", o), Ve("internalPinia", t), Ve("CustomMediaComponent", e.CustomMediaLibraryComponent), Ve("CustomSearchComponent", e.CustomSearchComponent), Ve("closeAddComponentModal", () => {
+    He("pageBuilderStateStore", o), He("internalPinia", t), He("CustomMediaComponent", e.CustomMediaLibraryComponent), He("CustomSearchComponent", e.CustomSearchComponent), He("closeAddComponentModal", () => {
       u.value = !1;
     });
     const s = D(() => o.getConfigPageBuilder), a = D(() => o.getMenuRight), l = function() {
@@ -25082,7 +25066,7 @@ const en = /* @__PURE__ */ ec(_S, [["render", HS]]), VS = { class: "flex flex-ro
                   type: "button"
                 }, E[14] || (E[14] = [
                   m("span", { class: "material-symbols-outlined text-[18px]" }, " save ", -1),
-                  Ie(" Save layout ")
+                  Ve(" Save layout ")
                 ]))
               ]),
               m("div", {
@@ -25126,7 +25110,7 @@ const en = /* @__PURE__ */ ec(_S, [["render", HS]]), VS = { class: "flex flex-ro
                       m("div", { class: "flex items-center justify-center gap-2" }, [
                         m("span", { class: "lg:block hidden" }, " Styling "),
                         m("span", { class: "h-10 w-10 cursor-pointer rounded-full flex items-center border-none justify-center bg-gray-50 aspect-square hover:bg-myPrimaryLinkColor hover:text-white focus-visible:ring-0" }, [
-                          m("span", { class: "myMediumIcon material-symbols-outlined" }, " tune ")
+                          m("span", { class: "myMediumIcon material-symbols-outlined" }, " apps ")
                         ])
                       ], -1)
                     ]))) : N("", !0)