@myissue/vue-website-page-builder 3.2.20 → 3.2.22

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

@@ -7,7 +7,7 @@ var fe = (r, e, t) => Vg(r, typeof e != "symbol" ? e + "" : e, t), sc = (r, e, t
 var Ti = (r, e, t) => (sc(r, e, "read from private field"), t ? t.call(r) : e.get(r)), ln = (r, e, t) => e.has(r) ? ic("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, t);
 var be = (r, e, t) => (sc(r, e, "access private method"), t);
 import * as ac from "vue";
-import { nextTick as Me, computed as N, ref as x, watchEffect as nt, onMounted as ke, cloneVNode as Wg, h as Ce, Fragment as ve, defineComponent as me, inject as _e, provide as Ve, onUnmounted as kt, watch as ce, shallowRef as pu, unref as T, getCurrentInstance as Zl, Teleport as Qo, reactive as uu, toRaw as tt, normalizeClass as Y, effectScope as mu, markRaw as Er, hasInjectionContext as qg, isRef as In, isReactive as ed, toRef as ka, getCurrentScope as Ug, onScopeDispose as Kg, toRefs as lc, createBlock as Se, openBlock as v, createVNode as _, withCtx as F, withKeys as hu, withModifiers as wr, createElementVNode as m, renderSlot as Kt, createElementBlock as S, createCommentVNode as I, toDisplayString as z, Transition as Rt, onBeforeUnmount as ea, customRef as Gg, onBeforeMount as Jg, withDirectives as lt, vModelText as td, createTextVNode as We, resolveDynamicComponent as gu, renderList as Le, vModelSelect as $t, vShow as Yg, createStaticVNode as Sa } from "vue";
+import { nextTick as Me, computed as N, ref as x, watchEffect as nt, onMounted as ke, cloneVNode as Wg, h as Ce, Fragment as ve, defineComponent as me, inject as _e, provide as Ve, onUnmounted as kt, watch as ce, shallowRef as pu, unref as T, getCurrentInstance as Zl, Teleport as Qo, reactive as uu, toRaw as tt, normalizeClass as Y, effectScope as mu, markRaw as Er, hasInjectionContext as qg, isRef as In, isReactive as ed, toRef as ka, getCurrentScope as Ug, onScopeDispose as Kg, toRefs as lc, createBlock as Se, openBlock as v, createVNode as _, withCtx as F, withKeys as hu, withModifiers as wr, createElementVNode as m, renderSlot as Kt, createElementBlock as C, createCommentVNode as I, toDisplayString as z, Transition as Rt, onBeforeUnmount as ea, customRef as Gg, onBeforeMount as Jg, withDirectives as lt, vModelText as td, createTextVNode as We, resolveDynamicComponent as gu, renderList as Le, vModelSelect as $t, vShow as Yg, createStaticVNode as Sa } from "vue";
 const is = {
   backgroundColorVariables: [
     "none",
@@ -1559,15 +1559,12 @@ class Fe {
     t.startsWith("[") || t.startsWith("{") ? be(this, ie, al).call(this, t) : t.startsWith("<") ? be(this, ie, xu).call(this, t) : be(this, ie, al).call(this, t);
   }
   // Load existing content from HTML when in update mode
-  loadExistingContent(e) {
-    var t, o, n, i;
-    if (this.showRunningMethodLogs && console.log("loadExistingContent"), !!this.pageBuilderStateStore.getConfigPageBuilder) {
-      if (((o = (t = this.pageBuilderStateStore.getConfigPageBuilder) == null ? void 0 : t.updateOrCreate) == null ? void 0 : o.formType) === "create") {
-        const s = this.areComponentsStoredInLocalStorage();
-        s && this.setComponentsFromData(s);
-      }
-      ((i = (n = this.pageBuilderStateStore.getConfigPageBuilder) == null ? void 0 : n.updateOrCreate) == null ? void 0 : i.formType) === "update" && e && this.setComponentsFromData(e);
-    }
+  loadExistingContent(e, t) {
+    var n, i, s, a;
+    if (this.showRunningMethodLogs && console.log("loadExistingContent"), !this.pageBuilderStateStore.getConfigPageBuilder) return;
+    t && e !== void 0 && this.setComponentsFromData(e);
+    const o = this.areComponentsStoredInLocalStorage();
+    ((i = (n = this.pageBuilderStateStore.getConfigPageBuilder) == null ? void 0 : n.updateOrCreate) == null ? void 0 : i.formType) === "create" && o && this.setComponentsFromData(o), ((a = (s = this.pageBuilderStateStore.getConfigPageBuilder) == null ? void 0 : s.updateOrCreate) == null ? void 0 : a.formType) === "update" && e && this.setComponentsFromData(e);
   }
   async handlePageBuilderMethods() {
     await new Promise((e) => requestAnimationFrame(e)), this.pageBuilderStateStore.setParentElement(null), this.pageBuilderStateStore.setRestoredElement(null), this.handleHyperlink(void 0, null, !1), this.handleOpacity(void 0), this.handleBackgroundOpacity(void 0), this.showBasePrimaryImage(), this.handleBorderStyle(void 0), this.handleBorderWidth(void 0), this.handleBorderColor(void 0), this.handleBorderRadiusGlobal(void 0), this.handleBorderRadiusTopLeft(void 0), this.handleBorderRadiusTopRight(void 0), this.handleBorderRadiusBottomleft(void 0), this.handleBorderRadiusBottomRight(void 0), this.handleFontSize(void 0), this.handleFontWeight(void 0), this.handleFontFamily(void 0), this.handleFontStyle(void 0), this.handleVerticalPadding(void 0), this.handleHorizontalPadding(void 0), this.handleVerticalMargin(void 0), this.handleHorizontalMargin(void 0), this.handleBackgroundColor(void 0), this.handleTextColor(void 0), await this.currentClasses();
@@ -1639,7 +1636,7 @@ xu = function(e) {
       i.push({
         html_code: a.outerHTML,
         id: a.dataset.componentid || null,
-        title: a.dataset.title || a.dataset.componentid || "Untitled Component"
+        title: a.title || a.dataset.componentid || "Untitled Component"
       });
     }), this.pageBuilderStateStore.setComponents(i);
   } catch (t) {
@@ -2468,17 +2465,17 @@ let Ai = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", ii = me({ name: "Dialog", inher
   let d = !1, c = N(() => 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 = oi(), g = N(() => r.open === Ai && u !== null ? (u.value & Ae.Open) === Ae.Open : r.open), h = x(null), f = N(() => jr(h));
   if (n({ el: h, $el: h }), !(r.open !== Ai || 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 === Ai ? void 0 : r.open}`);
-  let b = N(() => l.value && g.value ? 0 : 1), w = N(() => b.value === 0), k = N(() => p.value > 1), E = _e(ml, null) !== null, [y, P] = jf(), { resolveContainers: C, mainTreeNodeRef: L, MainTreeNode: A } = Df({ portals: y, defaultContainers: [N(() => {
+  let b = N(() => l.value && g.value ? 0 : 1), w = N(() => b.value === 0), k = N(() => p.value > 1), E = _e(ml, null) !== null, [y, P] = jf(), { resolveContainers: S, mainTreeNodeRef: D, MainTreeNode: A } = Df({ portals: y, defaultContainers: [N(() => {
     var oe;
     return (oe = ne.panelRef.value) != null ? oe : h.value;
   })] }), B = N(() => k.value ? "parent" : "leaf"), M = N(() => u !== null ? (u.value & Ae.Closing) === Ae.Closing : !1), O = N(() => E || M.value ? !1 : w.value), H = N(() => {
     var oe, ue, De;
-    return (De = Array.from((ue = (oe = f.value) == null ? void 0 : oe.querySelectorAll("body > *")) != null ? ue : []).find((Ee) => Ee.id === "headlessui-portal-root" ? !1 : Ee.contains(U(L)) && Ee instanceof HTMLElement)) != null ? De : null;
+    return (De = Array.from((ue = (oe = f.value) == null ? void 0 : oe.querySelectorAll("body > *")) != null ? ue : []).find((Ee) => Ee.id === "headlessui-portal-root" ? !1 : Ee.contains(U(D)) && Ee instanceof HTMLElement)) != null ? De : null;
   });
   gc(H, O);
   let q = N(() => k.value ? !0 : w.value), re = N(() => {
     var oe, ue, De;
-    return (De = Array.from((ue = (oe = f.value) == null ? void 0 : oe.querySelectorAll("[data-headlessui-portal]")) != null ? ue : []).find((Ee) => Ee.contains(U(L)) && Ee instanceof HTMLElement)) != null ? De : null;
+    return (De = Array.from((ue = (oe = f.value) == null ? void 0 : oe.querySelectorAll("[data-headlessui-portal]")) != null ? ue : []).find((Ee) => Ee.contains(U(D)) && Ee instanceof HTMLElement)) != null ? De : null;
   });
   gc(re, q), Rf({ type: "Dialog", enabled: N(() => b.value === 0), element: h, onUpdate: (oe, ue) => {
     if (ue === "Dialog") return $e(oe, { [cl.Add]: () => p.value += 1, [cl.Remove]: () => p.value -= 1 });
@@ -2490,7 +2487,7 @@ let Ai = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", ii = me({ name: "Dialog", inher
   } };
   Ve(ml, ne);
   let pe = N(() => !(!w.value || k.value));
-  nd(C, (oe, ue) => {
+  nd(S, (oe, ue) => {
     oe.preventDefault(), ne.close(), Me(() => ue == null ? void 0 : ue.focus());
   }, pe);
   let ae = N(() => !(k.value || b.value !== 0));
@@ -2500,7 +2497,7 @@ let Ai = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", ii = me({ name: "Dialog", inher
   let le = N(() => !(M.value || b.value !== 0 || E));
   return Lf(f, le, (oe) => {
     var ue;
-    return { containers: [...(ue = oe.containers) != null ? ue : [], C] };
+    return { containers: [...(ue = oe.containers) != null ? ue : [], S] };
   }), nt((oe) => {
     if (b.value !== 0) return;
     let ue = U(h);
@@ -2514,7 +2511,7 @@ let Ai = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", ii = me({ name: "Dialog", inher
     De.observe(ue), oe(() => De.disconnect());
   }), () => {
     let { open: oe, initialFocus: ue, ...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(dl, { force: !0 }, () => [Ce(Vu, () => Ce(Hf, { target: h.value }, () => Ce(dl, { force: !1 }, () => Ce(dn, { initialFocus: ue, containers: C, features: w.value ? $e(B.value, { parent: dn.features.RestoreFocus, leaf: dn.features.All & ~dn.features.FocusLock }) : dn.features.None }, () => Ce(P, {}, () => Pe({ ourProps: Ee, theirProps: { ...De, ...t }, slot: st, attrs: t, slots: o, visible: b.value === 0, features: Fr.RenderStrategy | Fr.Static, name: "Dialog" })))))), Ce(A)]);
+    return Ce(dl, { force: !0 }, () => [Ce(Vu, () => Ce(Hf, { target: h.value }, () => Ce(dl, { force: !1 }, () => Ce(dn, { initialFocus: ue, containers: S, features: w.value ? $e(B.value, { parent: dn.features.RestoreFocus, leaf: dn.features.All & ~dn.features.FocusLock }) : dn.features.None }, () => Ce(P, {}, () => Pe({ ourProps: Ee, theirProps: { ...De, ...t }, slot: st, attrs: t, slots: o, visible: b.value === 0, features: Fr.RenderStrategy | Fr.Static, name: "Dialog" })))))), Ce(A)]);
   };
 } }), ad = me({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(r, { attrs: e, slots: t }) {
   var o;
@@ -2614,8 +2611,8 @@ function si(r) {
 let ai = me({ name: "Listbox", emits: { "update:modelValue": (r) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => qf }, 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(r, { slots: e, attrs: t, emit: o }) {
   let n = x(1), i = x(null), s = x(null), a = x(null), l = x([]), d = x(""), c = x(null), p = x(1);
   function u(E = (y) => y) {
-    let y = c.value !== null ? l.value[c.value] : null, P = od(E(l.value.slice()), (L) => U(L.dataRef.domRef)), C = y ? P.indexOf(y) : null;
-    return C === -1 && (C = null), { options: P, activeOptionIndex: C };
+    let y = c.value !== null ? l.value[c.value] : null, P = od(E(l.value.slice()), (D) => U(D.dataRef.domRef)), S = y ? P.indexOf(y) : null;
+    return S === -1 && (S = null), { options: P, activeOptionIndex: S };
   }
   let g = N(() => r.multiple ? 1 : 0), [h, f] = tf(N(() => r.modelValue), (E) => o("update:modelValue", E), N(() => r.defaultValue)), b = N(() => h.value === void 0 ? $e(g.value, { 1: [], 0: void 0 }) : h.value), w = { listboxState: n, value: b, mode: g, compare(E, y) {
     if (typeof r.by == "string") {
@@ -2629,31 +2626,31 @@ let ai = me({ name: "Listbox", emits: { "update:modelValue": (r) => !0 }, props:
     r.disabled || n.value !== 0 && (n.value = 0);
   }, goToOption(E, y, P) {
     if (r.disabled || n.value === 1) return;
-    let C = u(), L = Lu(E === ye.Specific ? { focus: ye.Specific, id: y } : { focus: E }, { resolveItems: () => C.options, resolveActiveIndex: () => C.activeOptionIndex, resolveId: (A) => A.id, resolveDisabled: (A) => A.dataRef.disabled });
-    d.value = "", c.value = L, p.value = P ?? 1, l.value = C.options;
+    let S = u(), D = Lu(E === ye.Specific ? { focus: ye.Specific, id: y } : { focus: E }, { resolveItems: () => S.options, resolveActiveIndex: () => S.activeOptionIndex, resolveId: (A) => A.id, resolveDisabled: (A) => A.dataRef.disabled });
+    d.value = "", c.value = D, p.value = P ?? 1, l.value = S.options;
   }, search(E) {
     if (r.disabled || n.value === 1) return;
     let y = d.value !== "" ? 0 : 1;
     d.value += E.toLowerCase();
-    let P = (c.value !== null ? l.value.slice(c.value + y).concat(l.value.slice(0, c.value + y)) : l.value).find((L) => L.dataRef.textValue.startsWith(d.value) && !L.dataRef.disabled), C = P ? l.value.indexOf(P) : -1;
-    C === -1 || C === c.value || (c.value = C, p.value = 1);
+    let P = (c.value !== null ? l.value.slice(c.value + y).concat(l.value.slice(0, c.value + y)) : l.value).find((D) => D.dataRef.textValue.startsWith(d.value) && !D.dataRef.disabled), S = P ? l.value.indexOf(P) : -1;
+    S === -1 || S === c.value || (c.value = S, p.value = 1);
   }, clearSearch() {
     r.disabled || n.value !== 1 && d.value !== "" && (d.value = "");
   }, registerOption(E, y) {
-    let P = u((C) => [...C, { id: E, dataRef: y }]);
+    let P = u((S) => [...S, { id: E, dataRef: y }]);
     l.value = P.options, c.value = P.activeOptionIndex;
   }, unregisterOption(E) {
     let y = u((P) => {
-      let C = P.findIndex((L) => L.id === E);
-      return C !== -1 && P.splice(C, 1), P;
+      let S = P.findIndex((D) => D.id === E);
+      return S !== -1 && P.splice(S, 1), P;
     });
     l.value = y.options, c.value = y.activeOptionIndex, p.value = 1;
   }, theirOnChange(E) {
     r.disabled || f(E);
   }, select(E) {
     r.disabled || f($e(g.value, { 0: () => E, 1: () => {
-      let y = tt(w.value.value).slice(), P = tt(E), C = y.findIndex((L) => w.compare(P, tt(L)));
-      return C === -1 ? y.push(P) : y.splice(C, 1), y;
+      let y = tt(w.value.value).slice(), P = tt(E), S = y.findIndex((D) => w.compare(P, tt(D)));
+      return S === -1 ? y.push(P) : y.splice(S, 1), y;
     } }));
   } };
   nd([s, a], (E, y) => {
@@ -2676,8 +2673,8 @@ let ai = me({ name: "Listbox", emits: { "update:modelValue": (r) => !0 }, props:
       };
     }, { immediate: !0 });
   }), () => {
-    let { name: E, modelValue: y, disabled: P, form: C, ...L } = r, A = { open: n.value === 0, disabled: P, value: b.value };
-    return Ce(ve, [...E != null && b.value != null ? Du({ [E]: b.value }).map(([B, M]) => Ce(as, ff({ features: Rn.Hidden, key: B, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: C, disabled: P, name: B, value: M }))) : [], Pe({ ourProps: {}, theirProps: { ...t, ...id(L, ["defaultValue", "onUpdate:modelValue", "horizontal", "multiple", "by"]) }, slot: A, slots: e, attrs: t, name: "Listbox" })]);
+    let { name: E, modelValue: y, disabled: P, form: S, ...D } = r, A = { open: n.value === 0, disabled: P, value: b.value };
+    return Ce(ve, [...E != null && b.value != null ? Du({ [E]: b.value }).map(([B, M]) => Ce(as, ff({ features: Rn.Hidden, key: B, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: S, disabled: P, name: B, value: M }))) : [], Pe({ ourProps: {}, theirProps: { ...t, ...id(D, ["defaultValue", "onUpdate:modelValue", "horizontal", "multiple", "by"]) }, slot: A, slots: e, attrs: t, name: "Listbox" })]);
   };
 } });
 me({ name: "ListboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: null } }, setup(r, { attrs: e, slots: t }) {
@@ -2791,7 +2788,7 @@ let li = me({ name: "ListboxButton", props: { as: { type: [Object, String], defa
   let l = N(() => s.activeOptionIndex.value !== null ? s.options.value[s.activeOptionIndex.value].id === i : !1), d = N(() => $e(s.mode.value, { 0: () => s.compare(tt(s.value.value), tt(r.value)), 1: () => tt(s.value.value).some((E) => s.compare(tt(E), tt(r.value))) })), c = N(() => $e(s.mode.value, { 1: () => {
     var E;
     let y = tt(s.value.value);
-    return ((E = s.options.value.find((P) => y.some((C) => s.compare(tt(C), tt(P.dataRef.value))))) == null ? void 0 : E.id) === i;
+    return ((E = s.options.value.find((P) => y.some((S) => s.compare(tt(S), tt(P.dataRef.value))))) == null ? void 0 : E.id) === i;
   }, 0: () => d.value })), p = Uu(a), u = N(() => ({ disabled: r.disabled, value: r.value, get textValue() {
     return p();
   }, domRef: a }));
@@ -2831,8 +2828,8 @@ let li = me({ name: "ListboxButton", props: { as: { type: [Object, String], defa
     f.wasMoved(E) && (r.disabled || l.value && s.goToOption(ye.Nothing));
   }
   return () => {
-    let { disabled: E } = r, y = { active: l.value, selected: d.value, disabled: E }, { value: P, disabled: C, ...L } = r, A = { id: i, ref: a, role: "option", tabIndex: E === !0 ? void 0 : -1, "aria-disabled": E === !0 ? !0 : void 0, "aria-selected": d.value, disabled: void 0, onClick: g, onFocus: h, onPointerenter: b, onMouseenter: b, onPointermove: w, onMousemove: w, onPointerleave: k, onMouseleave: k };
-    return Pe({ ourProps: A, theirProps: L, slot: y, attrs: t, slots: e, name: "ListboxOption" });
+    let { disabled: E } = r, y = { active: l.value, selected: d.value, disabled: E }, { value: P, disabled: S, ...D } = r, A = { id: i, ref: a, role: "option", tabIndex: E === !0 ? void 0 : -1, "aria-disabled": E === !0 ? !0 : void 0, "aria-selected": d.value, disabled: void 0, onClick: g, onFocus: h, onPointerenter: b, onMouseenter: b, onPointermove: w, onMousemove: w, onPointerleave: k, onMouseleave: k };
+    return Pe({ ourProps: A, theirProps: D, slot: y, attrs: t, slots: e, name: "ListboxOption" });
   };
 } });
 var Yf = ((r) => (r[r.Open = 0] = "Open", r[r.Closed = 1] = "Closed", r))(Yf || {}), Qf = ((r) => (r[r.Pointer = 0] = "Pointer", r[r.Other = 1] = "Other", r))(Qf || {});
@@ -3120,7 +3117,7 @@ let Yu = Fr.RenderStrategy, mr = me({ props: { as: { type: [Object, String], def
       $e(b.value, { hidden: () => f(k), visible: () => h(k) });
     }
   });
-  let P = Gr(r.enter), C = Gr(r.enterFrom), L = Gr(r.enterTo), A = Gr(r.entered), B = Gr(r.leave), M = Gr(r.leaveFrom), O = Gr(r.leaveTo);
+  let P = Gr(r.enter), S = Gr(r.enterFrom), D = Gr(r.enterTo), A = Gr(r.entered), B = Gr(r.leave), M = Gr(r.leaveFrom), O = Gr(r.leaveTo);
   ke(() => {
     nt(() => {
       if (b.value === "visible") {
@@ -3131,7 +3128,7 @@ let Yu = Fr.RenderStrategy, mr = me({ props: { as: { type: [Object, String], def
   });
   function H(q) {
     let re = w.value && !g.value, J = U(c);
-    !J || !(J instanceof HTMLElement) || re || (E.value = !0, u.value && s(), u.value || l(), q(u.value ? wc(J, P, C, L, A, (X) => {
+    !J || !(J instanceof HTMLElement) || re || (E.value = !0, u.value && s(), u.value || l(), q(u.value ? wc(J, P, S, D, A, (X) => {
       E.value = !1, X === hl.Finished && a();
     }) : wc(J, B, M, O, A, (X) => {
       E.value = !1, X === hl.Finished && (na(y) || (b.value = "hidden", f(k), d()));
@@ -3142,7 +3139,7 @@ let Yu = Fr.RenderStrategy, mr = me({ props: { as: { type: [Object, String], def
       H(J), w.value = !1;
     }, { immediate: !0 });
   }), Ve(cd, y), sd(N(() => $e(b.value, { visible: Ae.Open, hidden: Ae.Closed }) | i.value)), () => {
-    let { appear: q, show: re, enter: J, enterFrom: X, enterTo: ne, entered: pe, leave: ae, leaveFrom: le, leaveTo: oe, ...ue } = r, De = { ref: c }, Ee = { ...ue, ...g.value && u.value && ri.isServer ? { class: Y([t.class, ue.class, ...P, ...C]) } : {} };
+    let { appear: q, show: re, enter: J, enterFrom: X, enterTo: ne, entered: pe, leave: ae, leaveFrom: le, leaveTo: oe, ...ue } = r, De = { ref: c }, Ee = { ...ue, ...g.value && u.value && ri.isServer ? { class: Y([t.class, ue.class, ...P, ...S]) } : {} };
     return Pe({ theirProps: Ee, ourProps: De, slot: {}, slots: o, attrs: t, features: Yu, visible: b.value === "visible", name: "TransitionChild" });
   };
 } }), l0 = mr, Xo = me({ inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(r, { emit: e, attrs: t, slots: o }) {
@@ -3903,7 +3900,7 @@ function bl(r, e, t = {}, o, n, i) {
     throw new Error("Pinia destroyed");
   const l = { deep: !0 };
   process.env.NODE_ENV !== "production" && (l.onTrigger = (M) => {
-    d ? g = M : d == !1 && !L._hotUpdating && (Array.isArray(g) ? g.push(M) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
+    d ? g = M : d == !1 && !D._hotUpdating && (Array.isArray(g) ? g.push(M) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
   });
   let d, c, p = [], u = [], g;
   const h = o.state.value[r];
@@ -3956,13 +3953,13 @@ function bl(r, e, t = {}, o, n, i) {
       To(u, {
         args: q,
         name: H[Pa],
-        store: L,
+        store: D,
         after: X,
         onError: ne
       });
       let pe;
       try {
-        pe = M.apply(this && this.$id === r ? this : L, q);
+        pe = M.apply(this && this.$id === r ? this : D, q);
       } catch (ae) {
         throw To(J, ae), ae;
       }
@@ -3974,7 +3971,7 @@ function bl(r, e, t = {}, o, n, i) {
     getters: {},
     state: [],
     hotState: f
-  }), C = {
+  }), S = {
     _p: o,
     // _s: scope,
     $id: r,
@@ -3992,17 +3989,17 @@ function bl(r, e, t = {}, o, n, i) {
       return H;
     },
     $dispose: E
-  }, L = uu(process.env.NODE_ENV !== "production" || process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && Pr ? Et(
+  }, D = uu(process.env.NODE_ENV !== "production" || process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && Pr ? Et(
     {
       _hmrPayload: P,
       _customProperties: Er(/* @__PURE__ */ new Set())
       // devtools custom properties
     },
-    C
+    S
     // must be added later
     // setupStore
-  ) : C);
-  o._s.set(r, L);
+  ) : S);
+  o._s.set(r, D);
   const B = (o._a && o._a.runWithContext || N0)(() => o._e.run(() => (s = mu()).run(() => e({ action: y }))));
   for (const M in B) {
     const O = B[M];
@@ -4017,7 +4014,7 @@ function bl(r, e, t = {}, o, n, i) {
     ) : O, Pr && (B._getters || // @ts-expect-error: same
     (B._getters = Er([]))).push(M));
   }
-  if (Et(L, B), Et(tt(L), B), Object.defineProperty(L, "$state", {
+  if (Et(D, B), Et(tt(D), B), Object.defineProperty(D, "$state", {
     get: () => process.env.NODE_ENV !== "production" && n ? f.value : o.state.value[r],
     set: (M) => {
       if (process.env.NODE_ENV !== "production" && n)
@@ -4026,34 +4023,34 @@ function bl(r, e, t = {}, o, n, i) {
         Et(O, M);
       });
     }
-  }), process.env.NODE_ENV !== "production" && (L._hotUpdate = Er((M) => {
-    L._hotUpdating = !0, M._hmrPayload.state.forEach((O) => {
-      if (O in L.$state) {
-        const H = M.$state[O], q = L.$state[O];
+  }), process.env.NODE_ENV !== "production" && (D._hotUpdate = Er((M) => {
+    D._hotUpdating = !0, M._hmrPayload.state.forEach((O) => {
+      if (O in D.$state) {
+        const H = M.$state[O], q = D.$state[O];
         typeof H == "object" && mo(H) && mo(q) ? lm(H, q) : M.$state[O] = q;
       }
-      Ni(L, O, ka(M.$state, O));
-    }), Object.keys(L.$state).forEach((O) => {
-      O in M.$state || Oa(L, O);
+      Ni(D, O, ka(M.$state, O));
+    }), Object.keys(D.$state).forEach((O) => {
+      O in M.$state || Oa(D, O);
     }), d = !1, c = !1, o.state.value[r] = ka(M._hmrPayload, "hotState"), c = !0, Me().then(() => {
       d = !0;
     });
     for (const O in M._hmrPayload.actions) {
       const H = M[O];
-      Ni(L, O, y(H, O));
+      Ni(D, O, y(H, O));
     }
     for (const O in M._hmrPayload.getters) {
       const H = M._hmrPayload.getters[O], q = i ? (
         // special handling of options api
-        N(() => ($n(o), H.call(L, L)))
+        N(() => ($n(o), H.call(D, D)))
       ) : H;
-      Ni(L, O, q);
+      Ni(D, O, q);
     }
-    Object.keys(L._hmrPayload.getters).forEach((O) => {
-      O in M._hmrPayload.getters || Oa(L, O);
-    }), Object.keys(L._hmrPayload.actions).forEach((O) => {
-      O in M._hmrPayload.actions || Oa(L, O);
-    }), L._hmrPayload = M._hmrPayload, L._getters = M._getters, L._hotUpdating = !1;
+    Object.keys(D._hmrPayload.getters).forEach((O) => {
+      O in M._hmrPayload.getters || Oa(D, O);
+    }), Object.keys(D._hmrPayload.actions).forEach((O) => {
+      O in M._hmrPayload.actions || Oa(D, O);
+    }), D._hmrPayload = M._hmrPayload, D._getters = M._getters, D._hotUpdating = !1;
   })), process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && Pr) {
     const M = {
       writable: !0,
@@ -4062,28 +4059,28 @@ function bl(r, e, t = {}, o, n, i) {
       enumerable: !1
     };
     ["_p", "_hmrPayload", "_getters", "_customProperties"].forEach((O) => {
-      Object.defineProperty(L, O, Et({ value: L[O] }, M));
+      Object.defineProperty(D, O, Et({ value: D[O] }, M));
     });
   }
   return o._p.forEach((M) => {
     if (process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && Pr) {
       const O = s.run(() => M({
-        store: L,
+        store: D,
         app: o._a,
         pinia: o,
         options: a
       }));
-      Object.keys(O || {}).forEach((H) => L._customProperties.add(H)), Et(L, O);
+      Object.keys(O || {}).forEach((H) => D._customProperties.add(H)), Et(D, O);
     } else
-      Et(L, s.run(() => M({
-        store: L,
+      Et(D, s.run(() => M({
+        store: D,
         app: o._a,
         pinia: o,
         options: a
       })));
-  }), process.env.NODE_ENV !== "production" && L.$state && typeof L.$state == "object" && typeof L.$state.constructor == "function" && !L.$state.constructor.toString().includes("[native code]") && console.warn(`[🍍]: The "state" must be a plain object. It cannot be
+  }), process.env.NODE_ENV !== "production" && D.$state && typeof D.$state == "object" && typeof D.$state.constructor == "function" && !D.$state.constructor.toString().includes("[native code]") && console.warn(`[🍍]: The "state" must be a plain object. It cannot be
 	state: () => new MyClass()
-Found in store "${L.$id}".`), h && i && t.hydrate && t.hydrate(L.$state, h), d = !0, c = !0, L;
+Found in store "${D.$id}".`), h && i && t.hydrate && t.hydrate(D.$state, h), d = !0, c = !0, D;
 }
 /*! #__NO_SIDE_EFFECTS__ */
 // @__NO_SIDE_EFFECTS__
@@ -4546,7 +4543,7 @@ const _0 = /* @__PURE__ */ $0("pageBuilderState", {
                   default: F(() => [
                     m("div", z0, [
                       m("div", j0, [
-                        s.value && s.value.pageBuilderLogo && s.value.pageBuilderLogo.src ? (v(), S("div", H0, [
+                        s.value && s.value.pageBuilderLogo && s.value.pageBuilderLogo.src ? (v(), C("div", H0, [
                           m("div", V0, [
                             m("img", {
                               class: "h-6",
@@ -4555,7 +4552,7 @@ const _0 = /* @__PURE__ */ $0("pageBuilderState", {
                             }, null, 8, W0)
                           ]),
                           l[0] || (l[0] = m("span", { class: "myPrimaryParagraph font-medium pl-4" }, "Preview mode ", -1))
-                        ])) : (v(), S("div", q0, l[1] || (l[1] = [
+                        ])) : (v(), C("div", q0, l[1] || (l[1] = [
                           m("div", { class: "pr-6" }, [
                             m("span", { class: "myPrimaryParagraph font-medium" }, "Preview mode ")
                           ], -1)
@@ -4597,7 +4594,7 @@ const _0 = /* @__PURE__ */ $0("pageBuilderState", {
       }
     else
       e.value = "";
-    return (o, n) => (v(), S("div", U0, [
+    return (o, n) => (v(), C("div", U0, [
       m("div", K0, [
         m("div", {
           class: "",
@@ -4795,20 +4792,20 @@ const _0 = /* @__PURE__ */ $0("pageBuilderState", {
       default: F(() => [
         Kt(s.$slots, "content"),
         m("div", Y0, [
-          r.simpleModal !== !0 ? (v(), S("div", Q0, [
+          r.simpleModal !== !0 ? (v(), C("div", Q0, [
             m("div", X0, [
-              r.type === "default" ? (v(), S("div", Z0)) : I("", !0),
+              r.type === "default" ? (v(), C("div", Z0)) : I("", !0),
               m("div", e1, [
-                r.type === "success" ? (v(), S("div", t1, a[0] || (a[0] = [
+                r.type === "success" ? (v(), C("div", t1, a[0] || (a[0] = [
                   m("span", { class: "material-symbols-outlined" }, " check ", -1)
                 ]))) : I("", !0),
-                r.type === "warning" ? (v(), S("div", r1, a[1] || (a[1] = [
+                r.type === "warning" ? (v(), C("div", r1, a[1] || (a[1] = [
                   m("span", { class: "material-symbols-outlined" }, " notification_important ", -1)
                 ]))) : I("", !0),
-                r.type === "delete" ? (v(), S("div", o1, a[2] || (a[2] = [
+                r.type === "delete" ? (v(), C("div", o1, a[2] || (a[2] = [
                   m("span", { class: "material-symbols-outlined" }, " delete ", -1)
                 ]))) : I("", !0),
-                r.type === "danger" ? (v(), S("div", n1, a[3] || (a[3] = [
+                r.type === "danger" ? (v(), C("div", n1, a[3] || (a[3] = [
                   m("span", { class: "material-symbols-outlined" }, " warning ", -1)
                 ]))) : I("", !0),
                 m("h3", i1, z(r.title), 1)
@@ -4824,7 +4821,7 @@ const _0 = /* @__PURE__ */ $0("pageBuilderState", {
           m("div", {
             class: Y({ "p-4": r.simpleModal !== !0 })
           }, [
-            r.simpleModal !== !0 ? (v(), S("div", {
+            r.simpleModal !== !0 ? (v(), C("div", {
               key: 0,
               innerHTML: r.description,
               class: "myPrimaryParagraph mb-6"
@@ -4833,7 +4830,7 @@ const _0 = /* @__PURE__ */ $0("pageBuilderState", {
             Kt(s.$slots, "default")
           ], 2)
         ]),
-        r.simpleModal !== !0 ? (v(), S("div", a1, [
+        r.simpleModal !== !0 ? (v(), C("div", a1, [
           Kt(s.$slots, "footer"),
           m("div", {
             class: Y([{
@@ -4842,15 +4839,15 @@ const _0 = /* @__PURE__ */ $0("pageBuilderState", {
               "sm:grid-cols-3": r.gridColumnAmount === 3
             }, "sm:items-end sm:justify-end flex sm:flex-row flex-col myPrimaryGap sm:w-5/6 w-full"])
           }, [
-            r.firstButtonText ? (v(), S("button", {
+            r.firstButtonText ? (v(), C("button", {
               key: 0,
               ref: "firstButtonRef",
               class: "mySecondaryButton",
               type: "button",
               onClick: o
             }, z(r.firstButtonText), 513)) : I("", !0),
-            r.secondButtonText ? (v(), S("div", l1, [
-              r.disabled && r.disabledWhichButton === "secondButtonBuilder" ? (v(), S("div", d1, [
+            r.secondButtonText ? (v(), C("div", l1, [
+              r.disabled && r.disabledWhichButton === "secondButtonBuilder" ? (v(), C("div", d1, [
                 m("button", {
                   class: Y(["flex items-center gap-2 myPrimaryButton bg-yellow-300 hover:bg-yellow-400 text-myPrimaryDarkGrayColor hover:text-myPrimaryDarkGrayColor focus:ring-yellow-400 w-full", {
                     "opacity-25 cursor-default": r.disabled
@@ -4892,7 +4889,7 @@ const _0 = /* @__PURE__ */ $0("pageBuilderState", {
                   a[6] || (a[6] = m("div", null, "Loading..", -1))
                 ], 10, c1)
               ])) : I("", !0),
-              !r.disabled || r.disabledWhichButton !== "secondButtonBuilder" ? (v(), S("div", p1, [
+              !r.disabled || r.disabledWhichButton !== "secondButtonBuilder" ? (v(), C("div", p1, [
                 m("button", {
                   class: "myPrimaryButton bg-yellow-300 hover:bg-yellow-400 text-myPrimaryDarkGrayColor hover:text-myPrimaryDarkGrayColor focus:ring-yellow-400 w-full",
                   type: "button",
@@ -4900,9 +4897,9 @@ const _0 = /* @__PURE__ */ $0("pageBuilderState", {
                 }, z(r.secondButtonText), 1)
               ])) : I("", !0)
             ])) : I("", !0),
-            r.thirdButtonText ? (v(), S("div", u1, [
-              r.type === "default" ? (v(), S("div", m1, [
-                r.disabled && r.disabledWhichButton === "thirdButtonBuilder" ? (v(), S("div", h1, [
+            r.thirdButtonText ? (v(), C("div", u1, [
+              r.type === "default" ? (v(), C("div", m1, [
+                r.disabled && r.disabledWhichButton === "thirdButtonBuilder" ? (v(), C("div", h1, [
                   m("button", {
                     class: Y(["flex items-center gap-2 myPrimaryButton bg-myPrimaryLinkColor focus-visible:ring-myPrimaryLinkColor focus:ring-myPrimaryLinkColor hover:bg-myPrimaryLinkColor w-full", {
                       "opacity-25 cursor-default": r.disabled
@@ -4943,7 +4940,7 @@ const _0 = /* @__PURE__ */ $0("pageBuilderState", {
                     a[8] || (a[8] = m("div", null, "Loading..", -1))
                   ], 10, g1)
                 ])) : I("", !0),
-                !r.disabled || r.disabledWhichButton !== "thirdButtonBuilder" ? (v(), S("div", f1, [
+                !r.disabled || r.disabledWhichButton !== "thirdButtonBuilder" ? (v(), C("div", f1, [
                   m("button", {
                     class: "myPrimaryButton bg-myPrimaryLinkColor focus-visible:ring-myPrimaryLinkColor focus:ring-myPrimaryLinkColor hover:bg-myPrimaryLinkColor w-full",
                     type: "button",
@@ -4951,8 +4948,8 @@ const _0 = /* @__PURE__ */ $0("pageBuilderState", {
                   }, z(r.thirdButtonText), 1)
                 ])) : I("", !0)
               ])) : I("", !0),
-              r.type === "success" ? (v(), S("div", b1, [
-                r.disabled && r.disabledWhichButton === "thirdButtonBuilder" ? (v(), S("div", y1, [
+              r.type === "success" ? (v(), C("div", b1, [
+                r.disabled && r.disabledWhichButton === "thirdButtonBuilder" ? (v(), C("div", y1, [
                   m("button", {
                     class: Y(["flex items-center gap-2 myPrimaryButton bg-myPrimaryLinkColor focus-visible:ring-myPrimaryLinkColor focus:ring-myPrimaryLinkColor hover:bg-myPrimaryLinkColor w-full", {
                       "opacity-25 cursor-default": r.disabled
@@ -4993,7 +4990,7 @@ const _0 = /* @__PURE__ */ $0("pageBuilderState", {
                     a[10] || (a[10] = m("div", null, "Loading..", -1))
                   ], 10, w1)
                 ])) : I("", !0),
-                !r.disabled || r.disabledWhichButton !== "thirdButtonBuilder" ? (v(), S("div", v1, [
+                !r.disabled || r.disabledWhichButton !== "thirdButtonBuilder" ? (v(), C("div", v1, [
                   m("button", {
                     class: "myPrimaryButton bg-myPrimaryLinkColor focus-visible:ring-myPrimaryLinkColor focus:ring-myPrimaryLinkColor hover:bg-myPrimaryLinkColor w-full",
                     type: "button",
@@ -5001,8 +4998,8 @@ const _0 = /* @__PURE__ */ $0("pageBuilderState", {
                   }, z(r.thirdButtonText), 1)
                 ])) : I("", !0)
               ])) : I("", !0),
-              r.type === "warning" ? (v(), S("div", x1, [
-                r.disabled && r.disabledWhichButton === "thirdButtonBuilder" ? (v(), S("div", k1, [
+              r.type === "warning" ? (v(), C("div", x1, [
+                r.disabled && r.disabledWhichButton === "thirdButtonBuilder" ? (v(), C("div", k1, [
                   m("button", {
                     class: Y(["flex items-center gap-2 myPrimaryButton bg-myPrimaryLinkColor focus-visible:ring-myPrimaryLinkColor focus:ring-myPrimaryLinkColor hover:bg-myPrimaryLinkColor w-full", {
                       "opacity-25 cursor-default": r.disabled
@@ -5043,7 +5040,7 @@ const _0 = /* @__PURE__ */ $0("pageBuilderState", {
                     a[12] || (a[12] = m("div", null, "Loading..", -1))
                   ], 10, S1)
                 ])) : I("", !0),
-                !r.disabled || r.disabledWhichButton !== "thirdButtonBuilder" ? (v(), S("div", C1, [
+                !r.disabled || r.disabledWhichButton !== "thirdButtonBuilder" ? (v(), C("div", C1, [
                   m("button", {
                     class: "flex items-center gap-2 myPrimaryButton bg-myPrimaryErrorColor hover:bg-red-600 text-white focus:ring-myPrimaryErrorColor w-full",
                     type: "button",
@@ -5051,8 +5048,8 @@ const _0 = /* @__PURE__ */ $0("pageBuilderState", {
                   }, z(r.thirdButtonText), 1)
                 ])) : I("", !0)
               ])) : I("", !0),
-              r.type === "danger" || r.type === "delete" ? (v(), S("div", M1, [
-                r.disabled && r.disabledWhichButton === "thirdButtonBuilder" ? (v(), S("div", E1, [
+              r.type === "danger" || r.type === "delete" ? (v(), C("div", M1, [
+                r.disabled && r.disabledWhichButton === "thirdButtonBuilder" ? (v(), C("div", E1, [
                   m("button", {
                     class: Y(["flex items-center gap-2 myPrimaryButton bg-myPrimaryErrorColor hover:bg-red-600 text-white focus:ring-myPrimaryErrorColor w-full", {
                       "opacity-25 cursor-default": r.disabled
@@ -5093,7 +5090,7 @@ const _0 = /* @__PURE__ */ $0("pageBuilderState", {
                     a[14] || (a[14] = m("div", null, "Loading..", -1))
                   ], 10, T1)
                 ])) : I("", !0),
-                !r.disabled || r.disabledWhichButton !== "thirdButtonBuilder" ? (v(), S("div", O1, [
+                !r.disabled || r.disabledWhichButton !== "thirdButtonBuilder" ? (v(), C("div", O1, [
                   m("button", {
                     class: "flex items-center gap-2 myPrimaryButton bg-myPrimaryErrorColor hover:bg-red-600 text-white focus:ring-myPrimaryErrorColor w-full",
                     type: "button",
@@ -5118,7 +5115,7 @@ const _0 = /* @__PURE__ */ $0("pageBuilderState", {
         g.deleteComponent(), t.value = !1;
       };
     };
-    return (f, b) => (v(), S(ve, null, [
+    return (f, b) => (v(), C(ve, null, [
       _(_n, {
         showDynamicModalBuilder: t.value,
         type: o.value,
@@ -13551,31 +13548,31 @@ function tw(r, e, t, o, n) {
       return A(r, eo(13, "Enter"));
     });
   }, 20));
-  let y = h.start, P = h.endA, C = (A) => {
+  let y = h.start, P = h.endA, S = (A) => {
     let B = A || r.state.tr.replace(y, P, d.doc.slice(h.start - d.from, h.endB - d.from));
     if (d.sel) {
       let M = bp(r, B.doc, d.sel);
       M && !(ot && r.composing && M.empty && (h.start != h.endB || r.input.lastChromeDelete < Date.now() - 100) && (M.head == y || M.head == B.mapping.map(P) - 1) || gt && M.empty && M.head == y) && B.setSelection(M);
     }
     return i && B.setMeta("composition", i), B.scrollIntoView();
-  }, L;
+  }, D;
   if (k) {
     if (f.pos == b.pos) {
       gt && Rr <= 11 && f.parentOffset == 0 && (r.domObserver.suppressSelectionUpdates(), setTimeout(() => ur(r), 20));
-      let A = C(r.state.tr.delete(y, P)), B = c.resolve(h.start).marksAcross(c.resolve(h.endA));
+      let A = S(r.state.tr.delete(y, P)), B = c.resolve(h.start).marksAcross(c.resolve(h.endA));
       B && A.ensureMarks(B), r.dispatch(A);
     } else if (
       // Adding or removing a mark
-      h.endA == h.endB && (L = rw(f.parent.content.cut(f.parentOffset, b.parentOffset), w.parent.content.cut(w.parentOffset, h.endA - w.start())))
+      h.endA == h.endB && (D = rw(f.parent.content.cut(f.parentOffset, b.parentOffset), w.parent.content.cut(w.parentOffset, h.endA - w.start())))
     ) {
-      let A = C(r.state.tr);
-      L.type == "add" ? A.addMark(y, P, L.mark) : A.removeMark(y, P, L.mark), r.dispatch(A);
+      let A = S(r.state.tr);
+      D.type == "add" ? A.addMark(y, P, D.mark) : A.removeMark(y, P, D.mark), r.dispatch(A);
     } else if (f.parent.child(f.index()).isText && f.index() == b.index() - (b.textOffset ? 0 : 1)) {
-      let A = f.parent.textBetween(f.parentOffset, b.parentOffset), B = () => C(r.state.tr.insertText(A, y, P));
+      let A = f.parent.textBetween(f.parentOffset, b.parentOffset), B = () => S(r.state.tr.insertText(A, y, P));
       r.someProp("handleTextInput", (M) => M(r, y, P, A, B)) || r.dispatch(B());
     }
   } else
-    r.dispatch(C());
+    r.dispatch(S());
 }
 function bp(r, e, t) {
   return Math.max(t.anchor, t.head) > e.content.size ? null : wd(r, e.resolve(t.anchor), e.resolve(t.head));
@@ -15190,12 +15187,12 @@ function Uw(r) {
     qw(w, i.find, s).forEach((E) => {
       if (E.index === void 0)
         return;
-      const y = f + E.index + 1, P = y + E[0].length, C = {
+      const y = f + E.index + 1, P = y + E[0].length, S = {
         from: t.tr.mapping.map(y),
         to: t.tr.mapping.map(P)
-      }, L = i.handler({
+      }, D = i.handler({
         state: t,
-        range: C,
+        range: S,
         match: E,
         commands: l,
         chain: d,
@@ -15203,7 +15200,7 @@ function Uw(r) {
         pasteEvent: s,
         dropEvent: a
       });
-      p.push(L);
+      p.push(D);
     });
   }), p.every((g) => g !== null);
 }
@@ -15286,12 +15283,12 @@ function Gw(r) {
       if (k) {
         let { text: P } = w;
         typeof P == "string" ? P = P : P = Ad(R.from(P), g.schema);
-        const { from: C } = w, L = C + P.length, A = Kw(P);
+        const { from: S } = w, D = S + P.length, A = Kw(P);
         return l({
           rule: c,
           state: g,
-          from: C,
-          to: { b: L },
+          from: S,
+          to: { b: D },
           pasteEvt: A
         });
       }
@@ -16303,14 +16300,14 @@ const o2 = ({ keepMarks: r = !0 } = {}) => ({ tr: e, state: t, dispatch: o, edit
         ...e
       }, P = ((s = a.contentMatch.defaultType) === null || s === void 0 ? void 0 : s.createAndFill(y)) || void 0;
       w = w.append(R.from(a.createAndFill(null, P) || void 0));
-      const C = l.before(l.depth - (k - 1));
-      t.replace(C, l.after(-E), new j(w, 4 - k, 0));
-      let L = -1;
-      t.doc.nodesBetween(C, t.doc.content.size, (A, B) => {
-        if (L > -1)
+      const S = l.before(l.depth - (k - 1));
+      t.replace(S, l.after(-E), new j(w, 4 - k, 0));
+      let D = -1;
+      t.doc.nodesBetween(S, t.doc.content.size, (A, B) => {
+        if (D > -1)
           return !1;
-        A.isTextblock && A.content.size === 0 && (L = B + 1);
-      }), L > -1 && t.setSelection(Q.near(t.doc.resolve(L))), t.scrollIntoView();
+        A.isTextblock && A.content.size === 0 && (D = B + 1);
+      }), D > -1 && t.setSelection(Q.near(t.doc.resolve(D))), t.scrollIntoView();
     }
     return !0;
   }
@@ -16332,7 +16329,7 @@ const o2 = ({ keepMarks: r = !0 } = {}) => ({ tr: e, state: t, dispatch: o, edit
     const { selection: w, storedMarks: k } = o, { splittableMarks: E } = i.extensionManager, y = k || w.$to.parentOffset && w.$from.marks();
     if (t.split(l.pos, 2, b).scrollIntoView(), !y || !n)
       return !0;
-    const P = y.filter((C) => E.includes(C.type.name));
+    const P = y.filter((S) => E.includes(S.type.name));
     t.ensureMarks(P);
   }
   return !0;
@@ -16358,7 +16355,7 @@ const o2 = ({ keepMarks: r = !0 } = {}) => ({ tr: e, state: t, dispatch: o, edit
   const { extensions: p, splittableMarks: u } = n.extensionManager, g = Ke(r, s.schema), h = Ke(e, s.schema), { selection: f, storedMarks: b } = s, { $from: w, $to: k } = f, E = w.blockRange(k), y = b || f.$to.parentOffset && f.$from.marks();
   if (!E)
     return !1;
-  const P = $d((C) => Bp(C.type.name, p))(f);
+  const P = $d((S) => Bp(S.type.name, p))(f);
   if (E.depth >= 1 && P && E.depth - P.depth <= 1) {
     if (P.node.type === g)
       return d.liftListItem(h);
@@ -16366,8 +16363,8 @@ const o2 = ({ keepMarks: r = !0 } = {}) => ({ tr: e, state: t, dispatch: o, edit
       return l().command(() => (i.setNodeMarkup(P.pos, g), !0)).command(() => Ua(i, g)).command(() => Ka(i, g)).run();
   }
   return !t || !y || !a ? l().command(() => c().wrapInList(g, o) ? !0 : d.clearNodes()).wrapInList(g, o).command(() => Ua(i, g)).command(() => Ka(i, g)).run() : l().command(() => {
-    const C = c().wrapInList(g, o), L = y.filter((A) => u.includes(A.type.name));
-    return i.ensureMarks(L), C ? !0 : d.clearNodes();
+    const S = c().wrapInList(g, o), D = y.filter((A) => u.includes(A.type.name));
+    return i.ensureMarks(D), S ? !0 : d.clearNodes();
   }).wrapInList(g, o).command(() => Ua(i, g)).command(() => Ka(i, g)).run();
 }, s2 = (r, e = {}, t = {}) => ({ state: o, commands: n }) => {
   const { extendEmptyMarkRange: i = !1 } = t, s = Wr(r, o.schema);
@@ -17575,8 +17572,8 @@ var q2 = function(e, t) {
 function U2(r) {
   var e, t = r.state, o = r.name, n = r.options, i = t.elements.arrow, s = t.modifiersData.popperOffsets, a = Yt(t.placement), l = Vd(a), d = [bt, Nt].indexOf(a) >= 0, c = d ? "height" : "width";
   if (!(!i || !s)) {
-    var p = q2(n.padding, t), u = Hd(i), g = l === "y" ? ft : bt, h = l === "y" ? Dt : Nt, f = t.rects.reference[c] + t.rects.reference[l] - s[l] - t.rects.popper[c], b = s[l] - t.rects.reference[l], w = gi(i), k = w ? l === "y" ? w.clientHeight || 0 : w.clientWidth || 0 : 0, E = f / 2 - b / 2, y = p[g], P = k - u[c] - p[h], C = k / 2 - u[c] / 2 + E, L = En(y, C, P), A = l;
-    t.modifiersData[o] = (e = {}, e[A] = L, e.centerOffset = L - C, e);
+    var p = q2(n.padding, t), u = Hd(i), g = l === "y" ? ft : bt, h = l === "y" ? Dt : Nt, f = t.rects.reference[c] + t.rects.reference[l] - s[l] - t.rects.popper[c], b = s[l] - t.rects.reference[l], w = gi(i), k = w ? l === "y" ? w.clientHeight || 0 : w.clientWidth || 0 : 0, E = f / 2 - b / 2, y = p[g], P = k - u[c] - p[h], S = k / 2 - u[c] / 2 + E, D = En(y, S, P), A = l;
+    t.modifiersData[o] = (e = {}, e[A] = D, e.centerOffset = D - S, e);
   }
 }
 function K2(r) {
@@ -17619,20 +17616,20 @@ function Np(r) {
   g = b.x, f = b.y;
   var w = s.hasOwnProperty("x"), k = s.hasOwnProperty("y"), E = bt, y = ft, P = window;
   if (d) {
-    var C = gi(t), L = "clientHeight", A = "clientWidth";
-    if (C === St(t) && (C = qr(t), gr(C).position !== "static" && a === "absolute" && (L = "scrollHeight", A = "scrollWidth")), C = C, n === ft || (n === bt || n === Nt) && i === Jn) {
+    var S = gi(t), D = "clientHeight", A = "clientWidth";
+    if (S === St(t) && (S = qr(t), gr(S).position !== "static" && a === "absolute" && (D = "scrollHeight", A = "scrollWidth")), S = S, n === ft || (n === bt || n === Nt) && i === Jn) {
       y = Dt;
-      var B = p && C === P && P.visualViewport ? P.visualViewport.height : (
+      var B = p && S === P && P.visualViewport ? P.visualViewport.height : (
         // $FlowFixMe[prop-missing]
-        C[L]
+        S[D]
       );
       f -= B - o.height, f *= l ? 1 : -1;
     }
     if (n === bt || (n === ft || n === Dt) && i === Jn) {
       E = Nt;
-      var M = p && C === P && P.visualViewport ? P.visualViewport.width : (
+      var M = p && S === P && P.visualViewport ? P.visualViewport.width : (
         // $FlowFixMe[prop-missing]
-        C[A]
+        S[A]
       );
       g -= M - o.width, g *= l ? 1 : -1;
     }
@@ -17850,11 +17847,11 @@ function lg(r) {
 }
 function Yn(r, e) {
   e === void 0 && (e = {});
-  var t = e, o = t.placement, n = o === void 0 ? r.placement : o, i = t.strategy, s = i === void 0 ? r.strategy : i, a = t.boundary, l = a === void 0 ? O2 : a, d = t.rootBoundary, c = d === void 0 ? Zh : d, p = t.elementContext, u = p === void 0 ? un : p, g = t.altBoundary, h = g === void 0 ? !1 : g, f = t.padding, b = f === void 0 ? 0 : f, w = ig(typeof b != "number" ? b : sg(b, hi)), k = u === un ? P2 : un, E = r.rects.popper, y = r.elements[h ? k : u], P = ax(wo(y) ? y : y.contextElement || qr(r.elements.popper), l, c, s), C = Go(r.elements.reference), L = lg({
-    reference: C,
+  var t = e, o = t.placement, n = o === void 0 ? r.placement : o, i = t.strategy, s = i === void 0 ? r.strategy : i, a = t.boundary, l = a === void 0 ? O2 : a, d = t.rootBoundary, c = d === void 0 ? Zh : d, p = t.elementContext, u = p === void 0 ? un : p, g = t.altBoundary, h = g === void 0 ? !1 : g, f = t.padding, b = f === void 0 ? 0 : f, w = ig(typeof b != "number" ? b : sg(b, hi)), k = u === un ? P2 : un, E = r.rects.popper, y = r.elements[h ? k : u], P = ax(wo(y) ? y : y.contextElement || qr(r.elements.popper), l, c, s), S = Go(r.elements.reference), D = lg({
+    reference: S,
     element: E,
     placement: n
-  }), A = jl(Object.assign({}, E, L)), B = u === un ? A : C, M = {
+  }), A = jl(Object.assign({}, E, D)), B = u === un ? A : S, M = {
     top: P.top - B.top + w.top,
     bottom: B.bottom - P.bottom + w.bottom,
     left: P.left - B.left + w.left,
@@ -17907,7 +17904,7 @@ function cx(r) {
         flipVariations: h,
         allowedAutoPlacements: f
       }) : st);
-    }, []), P = e.rects.reference, C = e.rects.popper, L = /* @__PURE__ */ new Map(), A = !0, B = y[0], M = 0; M < y.length; M++) {
+    }, []), P = e.rects.reference, S = e.rects.popper, D = /* @__PURE__ */ new Map(), A = !0, B = y[0], M = 0; M < y.length; M++) {
       var O = y[M], H = Yt(O), q = Jo(O) === Uo, re = [ft, Dt].indexOf(H) >= 0, J = re ? "width" : "height", X = Yn(e, {
         placement: O,
         boundary: c,
@@ -17915,7 +17912,7 @@ function cx(r) {
         altBoundary: u,
         padding: d
       }), ne = re ? q ? Nt : bt : q ? Dt : ft;
-      P[J] > C[J] && (ne = ts(ne));
+      P[J] > S[J] && (ne = ts(ne));
       var pe = ts(ne), ae = [];
       if (i && ae.push(X[H] <= 0), a && ae.push(X[ne] <= 0, X[pe] <= 0), ae.every(function(Ee) {
         return Ee;
@@ -17923,12 +17920,12 @@ function cx(r) {
         B = O, A = !1;
         break;
       }
-      L.set(O, ae);
+      D.set(O, ae);
     }
     if (A)
       for (var le = h ? 3 : 1, oe = function(st) {
         var mt = y.find(function(xo) {
-          var er = L.get(xo);
+          var er = D.get(xo);
           if (er)
             return er.slice(0, st).every(function(ko) {
               return ko;
@@ -18041,7 +18038,7 @@ function vx(r) {
     rootBoundary: d,
     padding: p,
     altBoundary: c
-  }), w = Yt(e.placement), k = Jo(e.placement), E = !k, y = Vd(w), P = wx(y), C = e.modifiersData.popperOffsets, L = e.rects.reference, A = e.rects.popper, B = typeof f == "function" ? f(Object.assign({}, e.rects, {
+  }), w = Yt(e.placement), k = Jo(e.placement), E = !k, y = Vd(w), P = wx(y), S = e.modifiersData.popperOffsets, D = e.rects.reference, A = e.rects.popper, B = typeof f == "function" ? f(Object.assign({}, e.rects, {
     placement: e.placement
   })) : f, M = typeof B == "number" ? {
     mainAxis: B,
@@ -18053,17 +18050,17 @@ function vx(r) {
     x: 0,
     y: 0
   };
-  if (C) {
+  if (S) {
     if (i) {
-      var q, re = y === "y" ? ft : bt, J = y === "y" ? Dt : Nt, X = y === "y" ? "height" : "width", ne = C[y], pe = ne + b[re], ae = ne - b[J], le = g ? -A[X] / 2 : 0, oe = k === Uo ? L[X] : A[X], ue = k === Uo ? -A[X] : -L[X], De = e.elements.arrow, Ee = g && De ? Hd(De) : {
+      var q, re = y === "y" ? ft : bt, J = y === "y" ? Dt : Nt, X = y === "y" ? "height" : "width", ne = S[y], pe = ne + b[re], ae = ne - b[J], le = g ? -A[X] / 2 : 0, oe = k === Uo ? D[X] : A[X], ue = k === Uo ? -A[X] : -D[X], De = e.elements.arrow, Ee = g && De ? Hd(De) : {
         width: 0,
         height: 0
-      }, st = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : ng(), mt = st[re], xo = st[J], er = En(0, L[X], Ee[X]), ko = E ? L[X] / 2 - le - er - mt - M.mainAxis : oe - er - mt - M.mainAxis, fr = E ? -L[X] / 2 + le + er + xo + M.mainAxis : ue + er + xo + M.mainAxis, So = e.elements.arrow && gi(e.elements.arrow), fi = So ? y === "y" ? So.clientTop || 0 : So.clientLeft || 0 : 0, rn = (q = O == null ? void 0 : O[y]) != null ? q : 0, bi = ne + ko - rn - fi, yi = ne + fr - rn, on = En(g ? xs(pe, bi) : pe, ne, g ? po(ae, yi) : ae);
-      C[y] = on, H[y] = on - ne;
+      }, st = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : ng(), mt = st[re], xo = st[J], er = En(0, D[X], Ee[X]), ko = E ? D[X] / 2 - le - er - mt - M.mainAxis : oe - er - mt - M.mainAxis, fr = E ? -D[X] / 2 + le + er + xo + M.mainAxis : ue + er + xo + M.mainAxis, So = e.elements.arrow && gi(e.elements.arrow), fi = So ? y === "y" ? So.clientTop || 0 : So.clientLeft || 0 : 0, rn = (q = O == null ? void 0 : O[y]) != null ? q : 0, bi = ne + ko - rn - fi, yi = ne + fr - rn, on = En(g ? xs(pe, bi) : pe, ne, g ? po(ae, yi) : ae);
+      S[y] = on, H[y] = on - ne;
     }
     if (a) {
-      var nn, wi = y === "x" ? ft : bt, vi = y === "x" ? Dt : Nt, tr = C[P], br = P === "y" ? "height" : "width", sn = tr + b[wi], Ur = tr - b[vi], an = [ft, bt].indexOf(w) !== -1, xi = (nn = O == null ? void 0 : O[P]) != null ? nn : 0, ki = an ? sn : tr - L[br] - A[br] - xi + M.altAxis, Si = an ? tr + L[br] + A[br] - xi - M.altAxis : Ur, Ci = g && an ? W2(ki, tr, Si) : En(g ? ki : sn, tr, g ? Si : Ur);
-      C[P] = Ci, H[P] = Ci - tr;
+      var nn, wi = y === "x" ? ft : bt, vi = y === "x" ? Dt : Nt, tr = S[P], br = P === "y" ? "height" : "width", sn = tr + b[wi], Ur = tr - b[vi], an = [ft, bt].indexOf(w) !== -1, xi = (nn = O == null ? void 0 : O[P]) != null ? nn : 0, ki = an ? sn : tr - D[br] - A[br] - xi + M.altAxis, Si = an ? tr + D[br] + A[br] - xi - M.altAxis : Ur, Ci = g && an ? W2(ki, tr, Si) : En(g ? ki : sn, tr, g ? Si : Ur);
+      S[P] = Ci, H[P] = Ci - tr;
     }
     e.modifiersData[o] = H;
   }
@@ -18215,8 +18212,8 @@ function Bx(r) {
                 c.reset = !1, y = -1;
                 continue;
               }
-              var P = c.orderedModifiers[y], C = P.fn, L = P.options, A = L === void 0 ? {} : L, B = P.name;
-              typeof C == "function" && (c = C({
+              var P = c.orderedModifiers[y], S = P.fn, D = P.options, A = D === void 0 ? {} : D, B = P.name;
+              typeof S == "function" && (c = S({
                 state: c,
                 options: A,
                 name: B,
@@ -18251,9 +18248,9 @@ function Bx(r) {
             name: w,
             instance: g,
             options: E
-          }), C = function() {
+          }), S = function() {
           };
-          p.push(P || C);
+          p.push(P || S);
         }
       });
     }
@@ -18664,55 +18661,55 @@ function s5(r, e) {
   };
   if (!t.render)
     return process.env.NODE_ENV !== "production" && Hl(!0, "render() function has not been supplied."), y;
-  var P = t.render(y), C = P.popper, L = P.onUpdate;
-  C.setAttribute("data-tippy-root", ""), C.id = "tippy-" + y.id, y.popper = C, r._tippy = y, C._tippy = y;
-  var A = k.map(function(D) {
-    return D.fn(y);
+  var P = t.render(y), S = P.popper, D = P.onUpdate;
+  S.setAttribute("data-tippy-root", ""), S.id = "tippy-" + y.id, y.popper = S, r._tippy = y, S._tippy = y;
+  var A = k.map(function(L) {
+    return L.fn(y);
   }), B = r.hasAttribute("aria-expanded");
-  return So(), le(), ne(), pe("onCreate", [y]), t.showOnCreate && sn(), C.addEventListener("mouseenter", function() {
+  return So(), le(), ne(), pe("onCreate", [y]), t.showOnCreate && sn(), S.addEventListener("mouseenter", function() {
     y.props.interactive && y.state.isVisible && y.clearDelayTimeouts();
-  }), C.addEventListener("mouseleave", function() {
+  }), S.addEventListener("mouseleave", function() {
     y.props.interactive && y.props.trigger.indexOf("mouseenter") >= 0 && re().addEventListener("mousemove", h);
   }), y;
   function M() {
-    var D = y.props.touch;
-    return Array.isArray(D) ? D : [D, 0];
+    var L = y.props.touch;
+    return Array.isArray(L) ? L : [L, 0];
   }
   function O() {
     return M()[0] === "hold";
   }
   function H() {
-    var D;
-    return !!((D = y.props.render) != null && D.$$tippy);
+    var L;
+    return !!((L = y.props.render) != null && L.$$tippy);
   }
   function q() {
     return f || r;
   }
   function re() {
-    var D = q().parentNode;
-    return D ? Wx(D) : document;
+    var L = q().parentNode;
+    return L ? Wx(L) : document;
   }
   function J() {
-    return Wl(C);
+    return Wl(S);
   }
-  function X(D) {
-    return y.state.isMounted && !y.state.isVisible || Wt.isTouch || c && c.type === "focus" ? 0 : Ga(y.props.delay, D ? 0 : 1, vt.delay);
+  function X(L) {
+    return y.state.isMounted && !y.state.isVisible || Wt.isTouch || c && c.type === "focus" ? 0 : Ga(y.props.delay, L ? 0 : 1, vt.delay);
   }
-  function ne(D) {
-    D === void 0 && (D = !1), C.style.pointerEvents = y.props.interactive && !D ? "" : "none", C.style.zIndex = "" + y.props.zIndex;
+  function ne(L) {
+    L === void 0 && (L = !1), S.style.pointerEvents = y.props.interactive && !L ? "" : "none", S.style.zIndex = "" + y.props.zIndex;
   }
-  function pe(D, W, G) {
+  function pe(L, W, G) {
     if (G === void 0 && (G = !0), A.forEach(function(de) {
-      de[D] && de[D].apply(de, W);
+      de[L] && de[L].apply(de, W);
     }), G) {
       var he;
-      (he = y.props)[D].apply(he, W);
+      (he = y.props)[L].apply(he, W);
     }
   }
   function ae() {
-    var D = y.props.aria;
-    if (D.content) {
-      var W = "aria-" + D.content, G = C.id, he = Do(y.props.triggerTarget || r);
+    var L = y.props.aria;
+    if (L.content) {
+      var W = "aria-" + L.content, G = S.id, he = Do(y.props.triggerTarget || r);
       he.forEach(function(de) {
         var at = de.getAttribute(W);
         if (y.state.isVisible)
@@ -18726,28 +18723,28 @@ function s5(r, e) {
   }
   function le() {
     if (!(B || !y.props.aria.expanded)) {
-      var D = Do(y.props.triggerTarget || r);
-      D.forEach(function(W) {
+      var L = Do(y.props.triggerTarget || r);
+      L.forEach(function(W) {
         y.props.interactive ? W.setAttribute("aria-expanded", y.state.isVisible && W === q() ? "true" : "false") : W.removeAttribute("aria-expanded");
       });
     }
   }
   function oe() {
-    re().removeEventListener("mousemove", h), Vi = Vi.filter(function(D) {
-      return D !== h;
+    re().removeEventListener("mousemove", h), Vi = Vi.filter(function(L) {
+      return L !== h;
     });
   }
-  function ue(D) {
-    if (!(Wt.isTouch && (l || D.type === "mousedown"))) {
-      var W = D.composedPath && D.composedPath()[0] || D.target;
-      if (!(y.props.interactive && qp(C, W))) {
+  function ue(L) {
+    if (!(Wt.isTouch && (l || L.type === "mousedown"))) {
+      var W = L.composedPath && L.composedPath()[0] || L.target;
+      if (!(y.props.interactive && qp(S, W))) {
         if (Do(y.props.triggerTarget || r).some(function(G) {
           return qp(G, W);
         })) {
           if (Wt.isTouch || y.state.isVisible && y.props.trigger.indexOf("click") >= 0)
             return;
         } else
-          pe("onClickOutside", [y, D]);
+          pe("onClickOutside", [y, L]);
         y.props.hideOnClick === !0 && (y.clearDelayTimeouts(), y.hide(), a = !0, setTimeout(function() {
           a = !1;
         }), y.state.isMounted || mt());
@@ -18761,37 +18758,37 @@ function s5(r, e) {
     l = !1;
   }
   function st() {
-    var D = re();
-    D.addEventListener("mousedown", ue, !0), D.addEventListener("touchend", ue, Qr), D.addEventListener("touchstart", Ee, Qr), D.addEventListener("touchmove", De, Qr);
+    var L = re();
+    L.addEventListener("mousedown", ue, !0), L.addEventListener("touchend", ue, Qr), L.addEventListener("touchstart", Ee, Qr), L.addEventListener("touchmove", De, Qr);
   }
   function mt() {
-    var D = re();
-    D.removeEventListener("mousedown", ue, !0), D.removeEventListener("touchend", ue, Qr), D.removeEventListener("touchstart", Ee, Qr), D.removeEventListener("touchmove", De, Qr);
+    var L = re();
+    L.removeEventListener("mousedown", ue, !0), L.removeEventListener("touchend", ue, Qr), L.removeEventListener("touchstart", Ee, Qr), L.removeEventListener("touchmove", De, Qr);
   }
-  function xo(D, W) {
-    ko(D, function() {
-      !y.state.isVisible && C.parentNode && C.parentNode.contains(C) && W();
+  function xo(L, W) {
+    ko(L, function() {
+      !y.state.isVisible && S.parentNode && S.parentNode.contains(S) && W();
     });
   }
-  function er(D, W) {
-    ko(D, W);
+  function er(L, W) {
+    ko(L, W);
   }
-  function ko(D, W) {
+  function ko(L, W) {
     var G = J().box;
     function he(de) {
       de.target === G && (Ya(G, "remove", he), W());
     }
-    if (D === 0)
+    if (L === 0)
       return W();
     Ya(G, "remove", p), Ya(G, "add", he), p = he;
   }
-  function fr(D, W, G) {
+  function fr(L, W, G) {
     G === void 0 && (G = !1);
     var he = Do(y.props.triggerTarget || r);
     he.forEach(function(de) {
-      de.addEventListener(D, W, G), g.push({
+      de.addEventListener(L, W, G), g.push({
         node: de,
-        eventType: D,
+        eventType: L,
         handler: W,
         options: G
       });
@@ -18802,9 +18799,9 @@ function s5(r, e) {
       passive: !0
     }), fr("touchend", yi, {
       passive: !0
-    })), $x(y.props.trigger).forEach(function(D) {
-      if (D !== "manual")
-        switch (fr(D, rn), D) {
+    })), $x(y.props.trigger).forEach(function(L) {
+      if (L !== "manual")
+        switch (fr(L, rn), L) {
           case "mouseenter":
             fr("mouseleave", yi);
             break;
@@ -18818,24 +18815,24 @@ function s5(r, e) {
     });
   }
   function fi() {
-    g.forEach(function(D) {
-      var W = D.node, G = D.eventType, he = D.handler, de = D.options;
+    g.forEach(function(L) {
+      var W = L.node, G = L.eventType, he = L.handler, de = L.options;
       W.removeEventListener(G, he, de);
     }), g = [];
   }
-  function rn(D) {
+  function rn(L) {
     var W, G = !1;
-    if (!(!y.state.isEnabled || nn(D) || a)) {
+    if (!(!y.state.isEnabled || nn(L) || a)) {
       var he = ((W = c) == null ? void 0 : W.type) === "focus";
-      c = D, f = D.currentTarget, le(), !y.state.isVisible && jx(D) && Vi.forEach(function(de) {
-        return de(D);
-      }), D.type === "click" && (y.props.trigger.indexOf("mouseenter") < 0 || s) && y.props.hideOnClick !== !1 && y.state.isVisible ? G = !0 : sn(D), D.type === "click" && (s = !G), G && !he && Ur(D);
+      c = L, f = L.currentTarget, le(), !y.state.isVisible && jx(L) && Vi.forEach(function(de) {
+        return de(L);
+      }), L.type === "click" && (y.props.trigger.indexOf("mouseenter") < 0 || s) && y.props.hideOnClick !== !1 && y.state.isVisible ? G = !0 : sn(L), L.type === "click" && (s = !G), G && !he && Ur(L);
     }
   }
-  function bi(D) {
-    var W = D.target, G = q().contains(W) || C.contains(W);
-    if (!(D.type === "mousemove" && G)) {
-      var he = br().concat(C).map(function(de) {
+  function bi(L) {
+    var W = L.target, G = q().contains(W) || S.contains(W);
+    if (!(L.type === "mousemove" && G)) {
+      var he = br().concat(S).map(function(de) {
         var at, Ct = de._tippy, Co = (at = Ct.popperInstance) == null ? void 0 : at.state;
         return Co ? {
           popperRect: de.getBoundingClientRect(),
@@ -18843,28 +18840,28 @@ function s5(r, e) {
           props: t
         } : null;
       }).filter(Boolean);
-      qx(he, D) && (oe(), Ur(D));
+      qx(he, L) && (oe(), Ur(L));
     }
   }
-  function yi(D) {
-    var W = nn(D) || y.props.trigger.indexOf("click") >= 0 && s;
+  function yi(L) {
+    var W = nn(L) || y.props.trigger.indexOf("click") >= 0 && s;
     if (!W) {
       if (y.props.interactive) {
-        y.hideWithInteractivity(D);
+        y.hideWithInteractivity(L);
         return;
       }
-      Ur(D);
+      Ur(L);
     }
   }
-  function on(D) {
-    y.props.trigger.indexOf("focusin") < 0 && D.target !== q() || y.props.interactive && D.relatedTarget && C.contains(D.relatedTarget) || Ur(D);
+  function on(L) {
+    y.props.trigger.indexOf("focusin") < 0 && L.target !== q() || y.props.interactive && L.relatedTarget && S.contains(L.relatedTarget) || Ur(L);
   }
-  function nn(D) {
-    return Wt.isTouch ? O() !== D.type.indexOf("touch") >= 0 : !1;
+  function nn(L) {
+    return Wt.isTouch ? O() !== L.type.indexOf("touch") >= 0 : !1;
   }
   function wi() {
     vi();
-    var D = y.props, W = D.popperOptions, G = D.placement, he = D.offset, de = D.getReferenceClientRect, at = D.moveTransition, Ct = H() ? Wl(C).arrow : null, Co = de ? {
+    var L = y.props, W = L.popperOptions, G = L.placement, he = L.offset, de = L.getReferenceClientRect, at = L.moveTransition, Ct = H() ? Wl(S).arrow : null, Co = de ? {
       getBoundingClientRect: de,
       contextElement: de.contextElement || q()
     } : r, nc = {
@@ -18913,7 +18910,7 @@ function s5(r, e) {
         element: Ct,
         padding: 3
       }
-    }), Kr.push.apply(Kr, (W == null ? void 0 : W.modifiers) || []), y.popperInstance = Lx(Co, C, Object.assign({}, W, {
+    }), Kr.push.apply(Kr, (W == null ? void 0 : W.modifiers) || []), y.popperInstance = Lx(Co, S, Object.assign({}, W, {
       placement: G,
       onFirstUpdate: u,
       modifiers: Kr
@@ -18923,8 +18920,8 @@ function s5(r, e) {
     y.popperInstance && (y.popperInstance.destroy(), y.popperInstance = null);
   }
   function tr() {
-    var D = y.props.appendTo, W, G = q();
-    y.props.interactive && D === ug || D === "parent" ? W = G.parentNode : W = mg(D, [G]), W.contains(C) || W.appendChild(C), y.state.isMounted = !0, wi(), process.env.NODE_ENV !== "production" && lr(y.props.interactive && D === vt.appendTo && G.nextElementSibling !== C, ["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 L = y.props.appendTo, W, G = q();
+    y.props.interactive && L === ug || L === "parent" ? W = G.parentNode : W = mg(L, [G]), W.contains(S) || W.appendChild(S), y.state.isMounted = !0, wi(), process.env.NODE_ENV !== "production" && lr(y.props.interactive && L === vt.appendTo && G.nextElementSibling !== S, ["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.", `
 
@@ -18933,21 +18930,21 @@ function s5(r, e) {
 `, "See: https://atomiks.github.io/tippyjs/v6/accessibility/#interactivity"].join(" "));
   }
   function br() {
-    return ks(C.querySelectorAll("[data-tippy-root]"));
+    return ks(S.querySelectorAll("[data-tippy-root]"));
   }
-  function sn(D) {
-    y.clearDelayTimeouts(), D && pe("onTrigger", [y, D]), st();
+  function sn(L) {
+    y.clearDelayTimeouts(), L && pe("onTrigger", [y, L]), st();
     var W = X(!0), G = M(), he = G[0], de = G[1];
     Wt.isTouch && he === "hold" && de && (W = de), W ? o = setTimeout(function() {
       y.show();
     }, W) : y.show();
   }
-  function Ur(D) {
-    if (y.clearDelayTimeouts(), pe("onUntrigger", [y, D]), !y.state.isVisible) {
+  function Ur(L) {
+    if (y.clearDelayTimeouts(), pe("onUntrigger", [y, L]), !y.state.isVisible) {
       mt();
       return;
     }
-    if (!(y.props.trigger.indexOf("mouseenter") >= 0 && y.props.trigger.indexOf("click") >= 0 && ["mouseleave", "mousemove"].indexOf(D.type) >= 0 && s)) {
+    if (!(y.props.trigger.indexOf("mouseenter") >= 0 && y.props.trigger.indexOf("click") >= 0 && ["mouseleave", "mousemove"].indexOf(L.type) >= 0 && s)) {
       var W = X(!1);
       W ? n = setTimeout(function() {
         y.state.isVisible && y.hide();
@@ -18965,36 +18962,36 @@ function s5(r, e) {
   function ki() {
     clearTimeout(o), clearTimeout(n), cancelAnimationFrame(i);
   }
-  function Si(D) {
+  function Si(L) {
     if (process.env.NODE_ENV !== "production" && lr(y.state.isDestroyed, Bo("setProps")), !y.state.isDestroyed) {
-      pe("onBeforeUpdate", [y, D]), fi();
-      var W = y.props, G = Gp(r, Object.assign({}, W, Vp(D), {
+      pe("onBeforeUpdate", [y, L]), fi();
+      var W = y.props, G = Gp(r, Object.assign({}, W, Vp(L), {
         ignoreAttributes: !0
       }));
       y.props = G, So(), W.interactiveDebounce !== G.interactiveDebounce && (oe(), h = jp(bi, G.interactiveDebounce)), W.triggerTarget && !G.triggerTarget ? Do(W.triggerTarget).forEach(function(he) {
         he.removeAttribute("aria-expanded");
-      }) : G.triggerTarget && r.removeAttribute("aria-expanded"), le(), ne(), L && L(W, G), y.popperInstance && (wi(), br().forEach(function(he) {
+      }) : G.triggerTarget && r.removeAttribute("aria-expanded"), le(), ne(), D && D(W, G), y.popperInstance && (wi(), br().forEach(function(he) {
         requestAnimationFrame(he._tippy.popperInstance.forceUpdate);
-      })), pe("onAfterUpdate", [y, D]);
+      })), pe("onAfterUpdate", [y, L]);
     }
   }
-  function Ci(D) {
+  function Ci(L) {
     y.setProps({
-      content: D
+      content: L
     });
   }
   function Rg() {
     process.env.NODE_ENV !== "production" && lr(y.state.isDestroyed, Bo("show"));
-    var D = y.state.isVisible, W = y.state.isDestroyed, G = !y.state.isEnabled, he = Wt.isTouch && !y.props.touch, de = Ga(y.props.duration, 0, vt.duration);
-    if (!(D || W || G || he) && !q().hasAttribute("disabled") && (pe("onShow", [y], !1), y.props.onShow(y) !== !1)) {
-      if (y.state.isVisible = !0, H() && (C.style.visibility = "visible"), ne(), st(), y.state.isMounted || (C.style.transition = "none"), H()) {
+    var L = y.state.isVisible, W = y.state.isDestroyed, G = !y.state.isEnabled, he = Wt.isTouch && !y.props.touch, de = Ga(y.props.duration, 0, vt.duration);
+    if (!(L || W || G || he) && !q().hasAttribute("disabled") && (pe("onShow", [y], !1), y.props.onShow(y) !== !1)) {
+      if (y.state.isVisible = !0, H() && (S.style.visibility = "visible"), ne(), st(), y.state.isMounted || (S.style.transition = "none"), H()) {
         var at = J(), Ct = at.box, Co = at.content;
         Ja([Ct, Co], 0);
       }
       u = function() {
         var Kr;
         if (!(!y.state.isVisible || d)) {
-          if (d = !0, C.offsetHeight, C.style.transition = y.props.moveTransition, H() && y.props.animation) {
+          if (d = !0, S.offsetHeight, S.style.transition = y.props.moveTransition, H() && y.props.animation) {
             var va = J(), Mi = va.box, Mo = va.content;
             Ja([Mi, Mo], de), Wp([Mi, Mo], "visible");
           }
@@ -19007,23 +19004,23 @@ function s5(r, e) {
   }
   function $g() {
     process.env.NODE_ENV !== "production" && lr(y.state.isDestroyed, Bo("hide"));
-    var D = !y.state.isVisible, W = y.state.isDestroyed, G = !y.state.isEnabled, he = Ga(y.props.duration, 1, vt.duration);
-    if (!(D || W || G) && (pe("onHide", [y], !1), y.props.onHide(y) !== !1)) {
-      if (y.state.isVisible = !1, y.state.isShown = !1, d = !1, s = !1, H() && (C.style.visibility = "hidden"), oe(), mt(), ne(!0), H()) {
+    var L = !y.state.isVisible, W = y.state.isDestroyed, G = !y.state.isEnabled, he = Ga(y.props.duration, 1, vt.duration);
+    if (!(L || W || G) && (pe("onHide", [y], !1), y.props.onHide(y) !== !1)) {
+      if (y.state.isVisible = !1, y.state.isShown = !1, d = !1, s = !1, H() && (S.style.visibility = "hidden"), oe(), mt(), ne(!0), H()) {
         var de = J(), at = de.box, Ct = de.content;
         y.props.animation && (Ja([at, Ct], he), Wp([at, Ct], "hidden"));
       }
       ae(), le(), y.props.animation ? H() && xo(he, y.unmount) : y.unmount();
     }
   }
-  function _g(D) {
-    process.env.NODE_ENV !== "production" && lr(y.state.isDestroyed, Bo("hideWithInteractivity")), re().addEventListener("mousemove", h), Hp(Vi, h), h(D);
+  function _g(L) {
+    process.env.NODE_ENV !== "production" && lr(y.state.isDestroyed, Bo("hideWithInteractivity")), re().addEventListener("mousemove", h), Hp(Vi, h), h(L);
   }
   function Fg() {
-    process.env.NODE_ENV !== "production" && lr(y.state.isDestroyed, Bo("unmount")), y.state.isVisible && y.hide(), y.state.isMounted && (vi(), br().forEach(function(D) {
-      D._tippy.unmount();
-    }), C.parentNode && C.parentNode.removeChild(C), Qa = Qa.filter(function(D) {
-      return D !== y;
+    process.env.NODE_ENV !== "production" && lr(y.state.isDestroyed, Bo("unmount")), y.state.isVisible && y.hide(), y.state.isMounted && (vi(), br().forEach(function(L) {
+      L._tippy.unmount();
+    }), S.parentNode && S.parentNode.removeChild(S), Qa = Qa.filter(function(L) {
+      return L !== y;
     }), y.state.isMounted = !1, pe("onHidden", [y]));
   }
   function zg() {
@@ -19106,7 +19103,7 @@ class a5 {
       if (f || !l && !d)
         return;
       this.createTooltip();
-      const { ranges: k } = b, E = Math.min(...k.map((C) => C.$from.pos)), y = Math.max(...k.map((C) => C.$to.pos));
+      const { ranges: k } = b, E = Math.min(...k.map((S) => S.$from.pos)), y = Math.max(...k.map((S) => S.$to.pos));
       if (!((p = this.shouldShow) === null || p === void 0 ? void 0 : p.call(this, {
         editor: this.editor,
         element: this.element,
@@ -19122,11 +19119,11 @@ class a5 {
       (u = this.tippy) === null || u === void 0 || u.setProps({
         getReferenceClientRect: ((g = this.tippyOptions) === null || g === void 0 ? void 0 : g.getReferenceClientRect) || (() => {
           if (Qh(h.selection)) {
-            let C = a.nodeDOM(E);
-            if (C) {
-              const L = C.dataset.nodeViewWrapper ? C : C.querySelector("[data-node-view-wrapper]");
-              if (L && (C = L.firstChild), C)
-                return C.getBoundingClientRect();
+            let S = a.nodeDOM(E);
+            if (S) {
+              const D = S.dataset.nodeViewWrapper ? S : S.querySelector("[data-node-view-wrapper]");
+              if (D && (S = D.firstChild), S)
+                return S.getBoundingClientRect();
             }
           }
           return Xh(a, E, y);
@@ -21501,10 +21498,10 @@ function S3({
   ee(w, r.tld, k), ee(w, r.utld, k), ee(k, r.domain, s), ee(k, o, i), $(k, Ht, w), $(k, Tt, b), $(k, Sr, d);
   const E = $(k, Mr), y = Mt(Ki);
   ee(E, r.numeric, y);
-  const P = Mt(Ki), C = Mt();
-  ee(P, e, P), ee(P, t, C), ee(C, e, P), ee(C, t, C), $(k, Vt, P), $(y, Vt, P);
-  const L = $(a, Mr), A = $(l, Mr), B = $(A, Vt), M = $(B, Vt);
-  ee(a, r.domain, s), $(a, Ht, w), $(a, Tt, b), ee(l, r.domain, s), $(l, Ht, w), $(l, Tt, b), ee(L, r.domain, P), $(L, Vt, P), $(L, Dn, P), ee(M, r.domain, P), ee(M, e, P), $(M, Vt, P);
+  const P = Mt(Ki), S = Mt();
+  ee(P, e, P), ee(P, t, S), ee(S, e, P), ee(S, t, S), $(k, Vt, P), $(y, Vt, P);
+  const D = $(a, Mr), A = $(l, Mr), B = $(A, Vt), M = $(B, Vt);
+  ee(a, r.domain, s), $(a, Ht, w), $(a, Tt, b), ee(l, r.domain, s), $(l, Ht, w), $(l, Tt, b), ee(D, r.domain, P), $(D, Vt, P), $(D, Dn, P), ee(M, r.domain, P), ee(M, e, P), $(M, Vt, P);
   const O = [
     [Bn, An],
     // {}
@@ -21525,7 +21522,7 @@ function S3({
   ];
   for (let H = 0; H < O.length; H++) {
     const [q, re] = O[H], J = $(P, q);
-    $(C, q, J), $(J, re, P);
+    $(S, q, J), $(J, re, P);
     const X = Mt(Ki);
     ee(J, e, X);
     const ne = Mt();
@@ -21905,13 +21902,13 @@ const N3 = hr.create({
     ce(h, () => {
       E();
     });
-    const y = x(""), P = x(""), C = x(null);
+    const y = x(""), P = x(""), S = x(null);
     ce(y, (M) => {
       P.value = M;
     });
-    const L = function() {
+    const D = function() {
       y.value = k.value.getAttributes("link").href, t.value = !0, o.value = "success", n.value = 2, i.value = "Enter URL", s.value = null, a.value = "Close", l.value = y.value ? "Remove url" : null, d.value = "Save", c.value = function() {
-        t.value = !1, C.value = null;
+        t.value = !1, S.value = null;
       }, p.value = function() {
         k.value.chain().focus().extendMarkRange("link").unsetLink().run(), t.value = !1;
       }, u.value = function() {
@@ -21919,9 +21916,9 @@ const N3 = hr.create({
         M || (M || B(), t.value = !1);
       };
     }, A = function() {
-      C.value = null;
+      S.value = null;
       const M = /^https?:\/\//, O = x(!0);
-      return O.value = M.test(P.value), O.value === !1 ? (C.value = "The provided URL is invalid. Please ensure that it begins with 'https://' for proper formatting and security.", !0) : !1;
+      return O.value = M.test(P.value), O.value === !1 ? (S.value = "The provided URL is invalid. Please ensure that it begins with 'https://' for proper formatting and security.", !0) : !1;
     }, B = function() {
       k.value.chain().focus().extendMarkRange("link").setLink({ href: P.value }).run();
     };
@@ -21930,7 +21927,7 @@ const N3 = hr.create({
       (M = k.value) == null || M.destroy();
     }), ke(() => {
       E();
-    }), (M, O) => (v(), S("div", null, [
+    }), (M, O) => (v(), C("div", null, [
       _(_n, {
         showDynamicModalBuilder: t.value,
         type: o.value,
@@ -21962,8 +21959,8 @@ const N3 = hr.create({
               }, null, 512), [
                 [td, y.value]
               ]),
-              C.value ? (v(), S("div", R3, [
-                m("p", $3, z(C.value), 1)
+              S.value ? (v(), C("div", R3, [
+                m("p", $3, z(S.value), 1)
               ])) : I("", !0)
             ])
           ])
@@ -21972,7 +21969,7 @@ const N3 = hr.create({
         __: [8]
       }, 8, ["showDynamicModalBuilder", "type", "gridColumnAmount", "title", "description", "firstButtonText", "secondButtonText", "thirdButtonText", "onFirstModalButtonFunctionDynamicModalBuilder", "onSecondModalButtonFunctionDynamicModalBuilder", "onThirdModalButtonFunctionDynamicModalBuilder"]),
       m("div", _3, [
-        T(g).selectedElementIsValidText() && T(k) ? (v(), S("div", F3, [
+        T(g).selectedElementIsValidText() && T(k) ? (v(), C("div", F3, [
           m("div", z3, [
             m("div", j3, [
               m("div", null, [
@@ -22014,7 +22011,7 @@ const N3 = hr.create({
                 ]),
                 m("div", U3, [
                   m("button", {
-                    onClick: L,
+                    onClick: D,
                     type: "button",
                     class: Y(["text-[12.5px] gap-2 text-nowrap pl-2 pr-3 w-full h-10 cursor-pointer rounded-full flex items-center border-none justify-center bg-gray-50 hover:bg-myPrimaryLinkColor hover:text-white focus-visible:ring-0", {
                       "bg-myPrimaryLinkColor text-white": T(k).isActive("link")
@@ -22083,7 +22080,7 @@ const N3 = hr.create({
   return t;
 }, Q3 = {};
 function X3(r, e) {
-  return v(), S("div", null, e[0] || (e[0] = [
+  return v(), C("div", null, e[0] || (e[0] = [
     m("p", { class: "myPrimaryParagraph" }, [
       We(" Provide your own Media Library Component to integrate a custom media picker into the Page Builder. "),
       m("br"),
@@ -22196,9 +22193,9 @@ const Z3 = /* @__PURE__ */ oc(Q3, [["render", X3]]), e4 = { class: "flex items-e
                         ])
                       ]),
                       m("div", o4, [
-                        r.customMediaComponent ? (v(), S("div", n4, [
+                        r.customMediaComponent ? (v(), C("div", n4, [
                           (v(), Se(gu(r.customMediaComponent)))
-                        ])) : (v(), S("div", i4, [
+                        ])) : (v(), C("div", i4, [
                           _(Z3)
                         ]))
                       ])
@@ -22248,11 +22245,11 @@ const Z3 = /* @__PURE__ */ oc(Q3, [["render", X3]]), e4 = { class: "flex items-e
             default: F(() => {
               var a;
               return [
-                n.value === "none" ? (v(), S("div", a4, s[2] || (s[2] = [
+                n.value === "none" ? (v(), C("div", a4, s[2] || (s[2] = [
                   m("span", { class: "material-symbols-outlined" }, " format_color_text ", -1),
                   m("span", { class: "block truncate text-[12.5px]" }, "Text color", -1)
                 ]))) : I("", !0),
-                o.value !== "none" ? (v(), S("div", l4, [
+                o.value !== "none" ? (v(), C("div", l4, [
                   m("div", {
                     class: Y(["aspect-square w-6 h-6 border border-gray-800 rounded-sm", `bg-${(a = o.value) == null ? void 0 : a.replace("text-", "")}`])
                   }, null, 2),
@@ -22270,7 +22267,7 @@ const Z3 = /* @__PURE__ */ oc(Q3, [["render", X3]]), e4 = { class: "flex items-e
             default: F(() => [
               _(T(di), { class: "absolute min-w-[12rem] z-40 mt-1 max-h-56 w-full overflow-auto rounded-md bg-gray-50 py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" }, {
                 default: F(() => [
-                  (v(!0), S(ve, null, Le(T(is).textColorVariables, (a) => (v(), Se(T(ci), {
+                  (v(!0), C(ve, null, Le(T(is).textColorVariables, (a) => (v(), Se(T(ci), {
                     as: "template",
                     onClick: s[0] || (s[0] = (l) => T(t).handleTextColor(o.value)),
                     key: a,
@@ -22283,11 +22280,11 @@ const Z3 = /* @__PURE__ */ oc(Q3, [["render", X3]]), e4 = { class: "flex items-e
                           "relative cursor-default select-none py-2 pl-3 pr-9"
                         ])
                       }, [
-                        a === "none" ? (v(), S("div", c4, s[3] || (s[3] = [
+                        a === "none" ? (v(), C("div", c4, s[3] || (s[3] = [
                           m("span", { class: "material-symbols-outlined" }, " invert_colors ", -1),
                           m("span", { class: "ml-3" }, "Default black", -1)
                         ]))) : I("", !0),
-                        a !== "none" ? (v(), S("div", p4, [
+                        a !== "none" ? (v(), C("div", p4, [
                           m("div", {
                             class: Y(["aspect-square w-6 h-6 border border-gray-100 rounded-sm", `bg-${a.replace("text-", "")}`])
                           }, null, 2),
@@ -22341,11 +22338,11 @@ const Z3 = /* @__PURE__ */ oc(Q3, [["render", X3]]), e4 = { class: "flex items-e
             default: F(() => {
               var a;
               return [
-                n.value === "none" ? (v(), S("div", g4, s[2] || (s[2] = [
+                n.value === "none" ? (v(), C("div", g4, s[2] || (s[2] = [
                   m("span", { class: "material-symbols-outlined" }, " colors ", -1),
                   m("span", { class: "block truncate text-[12.5px]" }, "Background color ", -1)
                 ]))) : I("", !0),
-                o.value !== "none" ? (v(), S("div", f4, [
+                o.value !== "none" ? (v(), C("div", f4, [
                   m("div", {
                     class: Y(["aspect-square w-6 h-6 border border-gray-800 rounded-sm", `bg-${(a = o.value) == null ? void 0 : a.replace("bg-", "")}`])
                   }, null, 2),
@@ -22363,7 +22360,7 @@ const Z3 = /* @__PURE__ */ oc(Q3, [["render", X3]]), e4 = { class: "flex items-e
             default: F(() => [
               _(T(di), { class: "absolute min-w-[12rem] z-40 mt-1 max-h-56 w-full overflow-auto rounded-md bg-gray-50 py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" }, {
                 default: F(() => [
-                  (v(!0), S(ve, null, Le(T(is).backgroundColorVariables, (a) => (v(), Se(T(ci), {
+                  (v(!0), C(ve, null, Le(T(is).backgroundColorVariables, (a) => (v(), Se(T(ci), {
                     as: "template",
                     onClick: s[0] || (s[0] = (l) => T(t).handleBackgroundColor(o.value)),
                     key: a,
@@ -22376,11 +22373,11 @@ const Z3 = /* @__PURE__ */ oc(Q3, [["render", X3]]), e4 = { class: "flex items-e
                           "relative cursor-default select-none py-2 pl-3 pr-9"
                         ])
                       }, [
-                        a === "none" ? (v(), S("div", y4, s[3] || (s[3] = [
+                        a === "none" ? (v(), C("div", y4, s[3] || (s[3] = [
                           m("span", { class: "material-symbols-outlined" }, " ev_shadow ", -1),
                           m("span", { class: "ml-3" }, "Transparent", -1)
                         ]))) : I("", !0),
-                        a !== "none" ? (v(), S("div", w4, [
+                        a !== "none" ? (v(), C("div", w4, [
                           m("div", {
                             class: Y(["aspect-square w-6 h-6 border border-gray-100 rounded-sm", `bg-${a.replace("bg-", "")}`])
                           }, null, 2),
@@ -22427,8 +22424,8 @@ const Z3 = /* @__PURE__ */ oc(Q3, [["render", X3]]), e4 = { class: "flex items-e
       }, b.value = function() {
         e.setShowModalTipTap(!1);
       };
-    }, k = N(() => e.getBasePrimaryImage), E = x(!1), y = x(!1), P = x(""), C = x(""), L = x(""), A = x(null), B = x(null), M = x(null), O = x(null), H = x(null), q = function() {
-      y.value = !0, P.value = "Media Library", C.value = null, L.value = "Close", A.value = "Select image", M.value = function() {
+    }, k = N(() => e.getBasePrimaryImage), E = x(!1), y = x(!1), P = x(""), S = x(""), D = x(""), A = x(null), B = x(null), M = x(null), O = x(null), H = x(null), q = function() {
+      y.value = !0, P.value = "Media Library", S.value = null, D.value = "Close", A.value = "Select image", M.value = function() {
         y.value = !1;
       }, O.value = function() {
         E.value = !0, o.updateBasePrimaryImage({ type: "unsplash" }), y.value = !1, E.value = !1;
@@ -22447,7 +22444,7 @@ const Z3 = /* @__PURE__ */ oc(Q3, [["render", X3]]), e4 = { class: "flex items-e
         ne() || (n.value && n.value.firstElementChild && n.value.firstElementChild.tagName === "IFRAME" && (J.value = J.value.replace("watch?v=", "embed/"), J.value = J.value.replace(/&ab_channel=[^&]*/, "").replace(/&list=[^&]*/, "").replace(/&start_radio=[^&]*/, "").replace(/&t=[^&]*/, ""), n.value.firstElementChild.src = J.value), X.value = !1);
       };
     };
-    return (ae, le) => (v(), S("div", null, [
+    return (ae, le) => (v(), C("div", null, [
       _(_n, {
         showDynamicModalBuilder: X.value,
         maxWidth: "2xl",
@@ -22480,7 +22477,7 @@ const Z3 = /* @__PURE__ */ oc(Q3, [["render", X3]]), e4 = { class: "flex items-e
                   }, null, 512), [
                     [td, J.value]
                   ]),
-                  re.value ? (v(), S("div", M4, [
+                  re.value ? (v(), C("div", M4, [
                     m("p", E4, z(re.value), 1)
                   ])) : I("", !0)
                 ])
@@ -22518,8 +22515,8 @@ const Z3 = /* @__PURE__ */ oc(Q3, [["render", X3]]), e4 = { class: "flex items-e
       _(Ig, {
         open: y.value,
         title: P.value,
-        description: C.value,
-        firstButtonText: L.value,
+        description: S.value,
+        firstButtonText: D.value,
         secondButtonText: A.value,
         thirdButtonText: B.value,
         customMediaComponent: T(t),
@@ -22529,7 +22526,7 @@ const Z3 = /* @__PURE__ */ oc(Q3, [["render", X3]]), e4 = { class: "flex items-e
       }, null, 8, ["open", "title", "description", "firstButtonText", "secondButtonText", "thirdButtonText", "customMediaComponent", "onFirstMediaButtonFunction", "onSecondMediaButtonFunction", "onThirdMediaButtonFunction"]),
       m("div", O4, [
         m("div", P4, [
-          T(o).ElOrFirstChildIsIframe() ? (v(), S("div", B4, [
+          T(o).ElOrFirstChildIsIframe() ? (v(), C("div", B4, [
             m("button", {
               onClick: pe,
               type: "button",
@@ -22539,7 +22536,7 @@ const Z3 = /* @__PURE__ */ oc(Q3, [["render", X3]]), e4 = { class: "flex items-e
               m("span", null, "Add YouTube", -1)
             ]))
           ])) : I("", !0),
-          T(o).selectedElementIsValidText() && !T(o).ElOrFirstChildIsIframe() ? (v(), S(ve, { key: 1 }, [
+          T(o).selectedElementIsValidText() && !T(o).ElOrFirstChildIsIframe() ? (v(), C(ve, { key: 1 }, [
             m("div", { class: "px-2 flex items-center justify-start gap-2" }, [
               m("button", {
                 onClick: w,
@@ -22554,7 +22551,7 @@ const Z3 = /* @__PURE__ */ oc(Q3, [["render", X3]]), e4 = { class: "flex items-e
               _(m4)
             ])
           ], 64)) : I("", !0),
-          n.value && s.value && k.value !== null && !T(o).ElOrFirstChildIsIframe() ? (v(), S("div", L4, [
+          n.value && s.value && k.value !== null && !T(o).ElOrFirstChildIsIframe() ? (v(), C("div", L4, [
             m("button", {
               onClick: q,
               type: "button",
@@ -22564,7 +22561,7 @@ const Z3 = /* @__PURE__ */ oc(Q3, [["render", X3]]), e4 = { class: "flex items-e
               m("span", null, "Update image", -1)
             ]))
           ])) : I("", !0),
-          n.value && n.value.nodeType === 1 && !k.value && !T(o).ElOrFirstChildIsIframe() ? (v(), S("div", D4, [
+          n.value && n.value.nodeType === 1 && !k.value && !T(o).ElOrFirstChildIsIframe() ? (v(), C("div", D4, [
             _(x4)
           ])) : I("", !0)
         ])
@@ -23153,11 +23150,11 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
         title: a.title
       };
     }, s = (a) => $4(a);
-    return (a, l) => (v(), S("div", z4, [
+    return (a, l) => (v(), C("div", z4, [
       m("div", j4, [
         l[0] || (l[0] = m("h3", { class: "myQuaternaryHeader mb-4" }, "Helper Components", -1)),
         m("div", H4, [
-          (v(!0), S(ve, null, Le(T(I4), (d) => (v(), S("div", {
+          (v(!0), C(ve, null, Le(T(I4), (d) => (v(), C("div", {
             key: d.title,
             class: "border border-gray-200 overflow-hidden hover:border-myPrimaryLinkColor duration-100 cursor-pointer p-4",
             onClick: (c) => n(d)
@@ -23173,7 +23170,7 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
       m("div", null, [
         l[2] || (l[2] = m("h3", { class: "myQuaternaryHeader mb-4" }, "Layout Components", -1)),
         m("div", K4, [
-          (v(!0), S(ve, null, Le(T(_4)[0].components.data, (d) => (v(), S("div", {
+          (v(!0), C(ve, null, Le(T(_4)[0].components.data, (d) => (v(), C("div", {
             key: d.title,
             class: "border border-gray-200 overflow-hidden hover:border-myPrimaryLinkColor duration-100 cursor-pointer",
             onClick: (c) => n(i(d))
@@ -23238,16 +23235,16 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
             ]))
           ]),
           m("div", ik, [
-            r.CustomBuilderComponents ? (v(), S("div", sk, [
+            r.CustomBuilderComponents ? (v(), C("div", sk, [
               (v(), Se(gu(r.CustomBuilderComponents)))
-            ])) : (v(), S("div", ak, [
+            ])) : (v(), C("div", ak, [
               _(ek)
             ]))
           ])
         ]),
         m("div", lk, [
           m("div", dk, [
-            r.firstButtonText ? (v(), S("button", {
+            r.firstButtonText ? (v(), C("button", {
               key: 0,
               ref: "firstButtonRef",
               class: "mySecondaryButton",
@@ -23442,7 +23439,7 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
     };
     return (a, l) => {
       var d, c, p, u, g, h, f, b, w, k, E, y, P;
-      return v(), S("div", Pk, [
+      return v(), C("div", Pk, [
         m("div", Bk, [
           l[18] || (l[18] = m("h4", { class: "myQuaternaryHeader" }, "Selected HTML", -1)),
           l[19] || (l[19] = m("p", { class: "myPrimaryParagraph text-xs" }, " Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection. ", -1)),
@@ -23455,16 +23452,16 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
                 ])
               ], -1)),
               m("div", Lk, [
-                t.value === null || t.value === void 0 ? (v(), S("p", Dk)) : I("", !0),
-                t.value !== null && t.value !== void 0 ? (v(), S("p", Nk, [
+                t.value === null || t.value === void 0 ? (v(), C("p", Dk)) : I("", !0),
+                t.value !== null && t.value !== void 0 ? (v(), C("p", Nk, [
                   l[3] || (l[3] = m("span", null, "Element type: ", -1)),
                   m("span", null, z(typeof t.value), 1)
                 ])) : I("", !0),
-                o.value === null || o.value === void 0 ? (v(), S("p", Ik, [
+                o.value === null || o.value === void 0 ? (v(), C("p", Ik, [
                   l[4] || (l[4] = m("span", null, "Component type: ", -1)),
                   We(" " + z(JSON.stringify(o.value)), 1)
                 ])) : I("", !0),
-                o.value !== null && o.value !== void 0 ? (v(), S("p", Rk, [
+                o.value !== null && o.value !== void 0 ? (v(), C("p", Rk, [
                   l[5] || (l[5] = m("span", null, "Component type: ", -1)),
                   m("span", null, z(Array.isArray(o.value) === !0 ? "array" : typeof o.value), 1)
                 ])) : I("", !0),
@@ -23481,25 +23478,25 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
               m("div", Fk, [
                 m("div", zk, [
                   m("div", {
-                    onClick: l[0] || (l[0] = (C) => s("element")),
+                    onClick: l[0] || (l[0] = (S) => s("element")),
                     class: Y(["px-4 py-4 cursor-pointer", [i.value === "element" ? "text-white" : ""]])
                   }, " Element ", 2),
                   m("div", {
-                    onClick: l[1] || (l[1] = (C) => s("component")),
+                    onClick: l[1] || (l[1] = (S) => s("component")),
                     class: Y(["px-4 py-4 cursor-pointer", [i.value === "component" ? "text-white" : ""]])
                   }, " Component ", 2),
                   m("div", {
-                    onClick: l[2] || (l[2] = (C) => s("components")),
+                    onClick: l[2] || (l[2] = (S) => s("components")),
                     class: Y(["px-4 py-4 cursor-pointer", [i.value === "components" ? "text-white" : ""]])
                   }, " Components " + z(Array.isArray(n.value) && n.value.length), 3)
                 ])
               ]),
               m("div", jk, [
-                i.value === "element" ? (v(), S("div", Hk, [
-                  o.value ? I("", !0) : (v(), S("div", Vk, [
+                i.value === "element" ? (v(), C("div", Hk, [
+                  o.value ? I("", !0) : (v(), C("div", Vk, [
                     m("p", Wk, z(o.value === null ? "NULL" : typeof o.value), 1)
                   ])),
-                  t.value ? (v(), S("div", qk, [
+                  t.value ? (v(), C("div", qk, [
                     m("div", Uk, [
                       l[9] || (l[9] = m("p", null, "Selected HTML:", -1)),
                       m("p", Kk, z((d = t.value) == null ? void 0 : d.outerHTML), 1)
@@ -23518,11 +23515,11 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
                     ])
                   ])) : I("", !0)
                 ])) : I("", !0),
-                i.value === "component" ? (v(), S("div", e6, [
-                  o.value ? I("", !0) : (v(), S("div", t6, [
+                i.value === "component" ? (v(), C("div", e6, [
+                  o.value ? I("", !0) : (v(), C("div", t6, [
                     m("p", r6, z(o.value === null ? "NULL" : typeof o.value), 1)
                   ])),
-                  o.value ? (v(), S("div", o6, [
+                  o.value ? (v(), C("div", o6, [
                     m("p", n6, " Component ID: " + z((E = o.value) == null ? void 0 : E.id), 1),
                     m("p", i6, [
                       l[13] || (l[13] = We(" Component Title:")),
@@ -23532,26 +23529,23 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
                     m("p", s6, " Component HTML: " + z((P = o.value) == null ? void 0 : P.html_code), 1)
                   ])) : I("", !0)
                 ])) : I("", !0),
-                i.value === "components" ? (v(), S("div", a6, [
-                  n.value ? I("", !0) : (v(), S("div", l6, [
+                i.value === "components" ? (v(), C("div", a6, [
+                  n.value ? I("", !0) : (v(), C("div", l6, [
                     m("p", d6, z(n.value === null ? "NULL" : typeof n.value), 1)
                   ])),
-                  n.value ? (v(), S("div", c6, [
-                    (v(!0), S(ve, null, Le(n.value, (C) => {
-                      var L;
-                      return v(), S("div", {
-                        class: "border-b border-white mb-4 pb-4 last:border-none",
-                        key: C.id
-                      }, [
-                        m("p", p6, " Component ID: " + z(C.id), 1),
-                        m("p", u6, " Component Title: " + z((L = o.value) == null ? void 0 : L.title), 1),
-                        m("p", m6, [
-                          l[15] || (l[15] = We(" Component HTML:")),
-                          l[16] || (l[16] = m("br", null, null, -1)),
-                          We(" " + z(C.html_code), 1)
-                        ])
-                      ]);
-                    }), 128))
+                  n.value ? (v(), C("div", c6, [
+                    (v(!0), C(ve, null, Le(n.value, (S) => (v(), C("div", {
+                      class: "border-b border-white mb-4 pb-4 last:border-none",
+                      key: S.id
+                    }, [
+                      m("p", p6, " Component ID: " + z(S.id), 1),
+                      m("p", u6, " Component Title: " + z(S == null ? void 0 : S.title), 1),
+                      m("p", m6, [
+                        l[15] || (l[15] = We(" Component HTML:")),
+                        l[16] || (l[16] = m("br", null, null, -1)),
+                        We(" " + z(S.html_code), 1)
+                      ])
+                    ]))), 128))
                   ])) : I("", !0)
                 ])) : I("", !0)
               ])
@@ -23592,7 +23586,7 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
 }, IS = { class: "mt-4 mb-4 py-8 border-b border-myPrimbryLightGrayColor" }, RS = { class: "mt-4 whitespace-pre-wrap text-white overflow-hidden bg-gray-900 max-w-2xl" }, $S = { class: "px-4 pb-8 pt-4 text-white text-xs break-all" }, _S = { class: "myPrimaryParagraph text-xs text-white" }, FS = {
   __name: "PageBuilderSettings",
   setup(r) {
-    const e = "v3.2.20", t = Be, o = new Fe(t), n = x(!1), i = x(""), s = x(null), a = N(() => t.getConfigPageBuilder), l = function() {
+    const e = "v3.2.22", t = Be, o = new Fe(t), n = x(!1), i = x(""), s = x(null), a = N(() => t.getConfigPageBuilder), l = function() {
       i.value = "Advanced Settings", n.value = !0;
     }, d = function() {
       n.value = !1;
@@ -23606,8 +23600,8 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
       s.value = c.value.map((g) => g.html_code), p("downloaded_html.html", s.value.join(""));
     };
     return (g, h) => {
-      var f, b, w, k, E, y, P, C, L, A, B, M, O, H, q, re, J, X, ne;
-      return v(), S("div", null, [
+      var f, b, w, k, E, y, P, S, D, A, B, M, O, H, q, re, J, X, ne;
+      return v(), C("div", null, [
         _(Ok, {
           open: n.value,
           title: i.value,
@@ -23664,7 +23658,7 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
                 ])
               ])
             ]),
-            (f = a.value) != null && f.resourceData && !T(Xr)(a.value.resourceData) ? (v(), S("div", E6, [
+            (f = a.value) != null && f.resourceData && !T(Xr)(a.value.resourceData) ? (v(), C("div", E6, [
               h[10] || (h[10] = m("h4", { class: "myQuaternaryHeader text-sm mb-2" }, "Resource Data", -1)),
               m("div", T6, [
                 m("div", O6, [
@@ -23682,11 +23676,11 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
                       ])
                     ], -1)),
                     m("tbody", B6, [
-                      (w = (b = a.value) == null ? void 0 : b.resourceData) != null && w.title ? (v(), S("tr", A6, [
+                      (w = (b = a.value) == null ? void 0 : b.resourceData) != null && w.title ? (v(), C("tr", A6, [
                         h[7] || (h[7] = m("td", { class: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900" }, " Title ", -1)),
                         m("td", L6, z(a.value.resourceData.title), 1)
                       ])) : I("", !0),
-                      (E = (k = a.value) == null ? void 0 : k.resourceData) != null && E.id ? (v(), S("tr", D6, [
+                      (E = (k = a.value) == null ? void 0 : k.resourceData) != null && E.id ? (v(), C("tr", D6, [
                         h[8] || (h[8] = m("td", { class: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900" }, " ID ", -1)),
                         m("td", N6, z(a.value.resourceData.id), 1)
                       ])) : I("", !0)
@@ -23695,7 +23689,7 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
                 ])
               ])
             ])) : I("", !0),
-            (y = a.value) != null && y.userForPageBuilder && !T(Xr)(a.value.userForPageBuilder) ? (v(), S("div", I6, [
+            (y = a.value) != null && y.userForPageBuilder && !T(Xr)(a.value.userForPageBuilder) ? (v(), C("div", I6, [
               h[13] || (h[13] = m("h4", { class: "myQuaternaryHeader text-sm mb-2" }, "User Information", -1)),
               m("div", R6, [
                 m("div", $6, [
@@ -23722,7 +23716,7 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
                 ])
               ])
             ])) : I("", !0),
-            (P = a.value) != null && P.userSettings && !T(Xr)(a.value.userSettings) ? (v(), S("div", j6, [
+            (P = a.value) != null && P.userSettings && !T(Xr)(a.value.userSettings) ? (v(), C("div", j6, [
               h[19] || (h[19] = m("h4", { class: "myQuaternaryHeader text-sm mb-2" }, "User Settings", -1)),
               m("div", H6, [
                 m("div", V6, [
@@ -23740,15 +23734,15 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
                       ])
                     ], -1)),
                     m("tbody", q6, [
-                      (L = (C = a.value) == null ? void 0 : C.userSettings) != null && L.theme ? (v(), S("tr", U6, [
+                      (D = (S = a.value) == null ? void 0 : S.userSettings) != null && D.theme ? (v(), C("tr", U6, [
                         h[14] || (h[14] = m("td", { class: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900" }, " Theme ", -1)),
                         m("td", K6, z(a.value.userSettings.theme), 1)
                       ])) : I("", !0),
-                      (B = (A = a.value) == null ? void 0 : A.userSettings) != null && B.language ? (v(), S("tr", G6, [
+                      (B = (A = a.value) == null ? void 0 : A.userSettings) != null && B.language ? (v(), C("tr", G6, [
                         h[15] || (h[15] = m("td", { class: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900" }, " Language ", -1)),
                         m("td", J6, z(a.value.userSettings.language), 1)
                       ])) : I("", !0),
-                      ((O = (M = a.value) == null ? void 0 : M.userSettings) == null ? void 0 : O.autoSave) !== void 0 ? (v(), S("tr", Y6, [
+                      ((O = (M = a.value) == null ? void 0 : M.userSettings) == null ? void 0 : O.autoSave) !== void 0 ? (v(), C("tr", Y6, [
                         h[16] || (h[16] = m("td", { class: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900" }, " Auto Save ", -1)),
                         m("td", Q6, [
                           m("span", {
@@ -23759,7 +23753,7 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
                           }, z(a.value.userSettings.autoSave ? "Enabled" : "Disabled"), 3)
                         ])
                       ])) : I("", !0),
-                      ((q = (H = a.value) == null ? void 0 : H.userSettings) == null ? void 0 : q.notifications) !== void 0 ? (v(), S("tr", X6, [
+                      ((q = (H = a.value) == null ? void 0 : H.userSettings) == null ? void 0 : q.notifications) !== void 0 ? (v(), C("tr", X6, [
                         h[17] || (h[17] = m("td", { class: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900" }, " Notifications ", -1)),
                         m("td", Z6, [
                           m("span", {
@@ -23775,7 +23769,7 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
                 ])
               ])
             ])) : I("", !0),
-            a.value.pageBuilderLogo && !T(Xr)(a.value.pageBuilderLogo) ? (v(), S("div", eS, [
+            a.value.pageBuilderLogo && !T(Xr)(a.value.pageBuilderLogo) ? (v(), C("div", eS, [
               h[23] || (h[23] = m("h4", { class: "myQuaternaryHeader text-sm mb-2" }, "Logo Configuration", -1)),
               m("div", tS, [
                 m("div", rS, [
@@ -23824,7 +23818,7 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
                 ])
               ])
             ])) : I("", !0),
-            (re = a.value) != null && re.updateOrCreate && !T(Xr)(a.value.updateOrCreate) ? (v(), S("div", hS, [
+            (re = a.value) != null && re.updateOrCreate && !T(Xr)(a.value.updateOrCreate) ? (v(), C("div", hS, [
               h[27] || (h[27] = m("h4", { class: "myQuaternaryHeader text-sm mb-2" }, "Form Type", -1)),
               m("div", gS, [
                 m("div", fS, [
@@ -23851,12 +23845,12 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
                               a.value.updateOrCreate === "create" ? "bg-green-100 text-green-800" : "bg-blue-100 text-blue-800"
                             ])
                           }, [
-                            a.value && a.value.updateOrCreate.formType === "create" ? (v(), S("span", vS, z(a.value.updateOrCreate.formType), 1)) : I("", !0),
-                            a.value && a.value.updateOrCreate.formType === "update" ? (v(), S("span", xS, z(a.value.updateOrCreate.formType), 1)) : I("", !0)
+                            a.value && a.value.updateOrCreate.formType === "create" ? (v(), C("span", vS, z(a.value.updateOrCreate.formType), 1)) : I("", !0),
+                            a.value && a.value.updateOrCreate.formType === "update" ? (v(), C("span", xS, z(a.value.updateOrCreate.formType), 1)) : I("", !0)
                           ], 2)
                         ])
                       ]),
-                      a.value.updateOrCreate.formName && a.value.updateOrCreate.formName.length > 0 ? (v(), S("tr", kS, [
+                      a.value.updateOrCreate.formName && a.value.updateOrCreate.formName.length > 0 ? (v(), C("tr", kS, [
                         h[25] || (h[25] = m("td", { class: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900" }, " Form Name ", -1)),
                         m("td", SS, [
                           m("span", CS, z(a.value.updateOrCreate.formName), 1)
@@ -23867,7 +23861,7 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
                 ])
               ])
             ])) : I("", !0),
-            (J = a.value) != null && J.updateOrCreate && !T(Xr)(a.value.updateOrCreate) ? (v(), S("div", MS, [
+            (J = a.value) != null && J.updateOrCreate && !T(Xr)(a.value.updateOrCreate) ? (v(), C("div", MS, [
               h[31] || (h[31] = m("h4", { class: "myQuaternaryHeader text-sm mb-2" }, "Delete Saved Layout", -1)),
               m("div", ES, [
                 m("div", TS, [
@@ -23894,21 +23888,21 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
                               a.value.updateOrCreate === "create" ? "bg-green-100 text-green-800" : "bg-blue-100 text-blue-800"
                             ])
                           }, [
-                            a.value && a.value.updateOrCreate.formType === "create" ? (v(), S("span", AS, z(a.value.updateOrCreate.formType), 1)) : I("", !0),
-                            a.value && a.value.updateOrCreate.formType === "update" ? (v(), S("span", LS, z(a.value.updateOrCreate.formType), 1)) : I("", !0)
+                            a.value && a.value.updateOrCreate.formType === "create" ? (v(), C("span", AS, z(a.value.updateOrCreate.formType), 1)) : I("", !0),
+                            a.value && a.value.updateOrCreate.formType === "update" ? (v(), C("span", LS, z(a.value.updateOrCreate.formType), 1)) : I("", !0)
                           ], 2)
                         ])
                       ]),
                       m("tr", null, [
                         h[29] || (h[29] = m("td", { class: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900" }, " Delete ", -1)),
-                        ((X = a.value) == null ? void 0 : X.updateOrCreate.formType) === "create" ? (v(), S("td", DS, [
+                        ((X = a.value) == null ? void 0 : X.updateOrCreate.formType) === "create" ? (v(), C("td", DS, [
                           m("button", {
                             class: "myPrimaryDeleteButton w-full",
                             onClick: h[0] || (h[0] = (...pe) => T(o).removeItemComponentsLocalStorageCreate && T(o).removeItemComponentsLocalStorageCreate(...pe)),
                             type: "button"
                           }, " Delete ")
                         ])) : I("", !0),
-                        ((ne = a.value) == null ? void 0 : ne.updateOrCreate.formType) === "update" ? (v(), S("td", NS, [
+                        ((ne = a.value) == null ? void 0 : ne.updateOrCreate.formType) === "update" ? (v(), C("td", NS, [
                           m("button", {
                             class: "myPrimaryDeleteButton w-full",
                             onClick: h[1] || (h[1] = (...pe) => T(o).removeItemComponentsLocalStorageUpdate && T(o).removeItemComponentsLocalStorageUpdate(...pe)),
@@ -23963,18 +23957,18 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
       i("previewCurrentDesign"), E.value = !0, y.value = function() {
         E.value = !1;
       };
-    }, C = function() {
+    }, S = function() {
       s.value = !0, a.value = "delete", l.value = 2, d.value = "Remove all Components", c.value = "Are you sure you want to remove all Components?", p.value = "Close", u.value = null, g.value = "Delete", h.value = function() {
         s.value = !1;
       }, b.value = function() {
         n.deleteAllComponents(), n.clearHtmlSelection(), o.value.updateOrCreate && typeof o.value.updateOrCreate.formType == "string" && (o.value.updateOrCreate.formType === "create" && n.removeItemComponentsLocalStorageCreate(), o.value.updateOrCreate.formType === "update" && n.removeItemComponentsLocalStorageUpdate()), s.value = !1;
       };
-    }, L = function() {
+    }, D = function() {
       k.value = "Settings", w.value = !0;
     }, A = function() {
       w.value = !1;
     };
-    return (B, M) => (v(), S("div", null, [
+    return (B, M) => (v(), C("div", null, [
       _(wk, {
         open: w.value,
         title: k.value,
@@ -24065,7 +24059,7 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
                       _(T(Li), null, {
                         default: F(({ active: O }) => [
                           m("div", {
-                            onClick: L,
+                            onClick: D,
                             class: Y(["cursor-pointer", [
                               O ? "bg-myPrimaryLightGrayColor text-gray-900" : "text-gray-700",
                               "block px-4 py-2"
@@ -24079,7 +24073,7 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
                       _(T(Li), null, {
                         default: F(({ active: O }) => [
                           m("div", {
-                            onClick: C,
+                            onClick: S,
                             class: Y(["cursor-pointer", [
                               O ? "bg-myPrimaryLightGrayColor text-gray-900" : "text-gray-700",
                               "block px-4 py-2"
@@ -24128,7 +24122,7 @@ const z4 = { class: "p-4" }, j4 = { class: "mb-8" }, H4 = { class: "grid grid-co
   class: "material-symbols-outlined"
 };
 function KS(r, e, t, o, n, i) {
-  return v(), S("div", {
+  return v(), C("div", {
     class: Y(["flex flex-col", { "pb-8": o.expanded }])
   }, [
     m("div", {
@@ -24138,8 +24132,8 @@ function KS(r, e, t, o, n, i) {
       m("p", WS, [
         Kt(r.$slots, "title")
       ]),
-      o.expanded ? (v(), S("span", qS, " keyboard_arrow_down ")) : I("", !0),
-      o.expanded ? I("", !0) : (v(), S("span", US, " chevron_right "))
+      o.expanded ? (v(), C("span", qS, " keyboard_arrow_down ")) : I("", !0),
+      o.expanded ? I("", !0) : (v(), C("span", US, " chevron_right "))
     ]),
     m("div", {
       class: Y([[o.expanded ? "block" : "hidden"], "px-4 ease-linear duration-75 bg-white mt-4"])
@@ -24168,7 +24162,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
       ])),
       content: F(() => [
         m("div", GS, [
-          (v(!0), S(ve, null, Le(o.value, (d) => (v(), S("div", {
+          (v(!0), C(ve, null, Le(o.value, (d) => (v(), C("div", {
             key: d,
             class: "myPrimaryTag cursor-pointer hover:bg-myPrimaryErrorColor hover:text-white text-xs py-2 font-medium",
             onClick: async () => {
@@ -24214,8 +24208,8 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
         n.value = !0, o.updateBasePrimaryImage({ type: "unsplash" }), i.value = !1, n.value = !1;
       };
     };
-    return (b, w) => (v(), S("div", null, [
-      h.value !== null ? (v(), S("div", rC, [
+    return (b, w) => (v(), C("div", null, [
+      h.value !== null ? (v(), C("div", rC, [
         m("img", {
           class: "object-cover object-center w-full cursor-pointer",
           src: h.value,
@@ -24256,7 +24250,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
         o.value = i, await t.handlePageBuilderMethods();
       },
       { immediate: !0 }
-    ), (i, s) => (v(), S("div", iC, [
+    ), (i, s) => (v(), C("div", iC, [
       s[4] || (s[4] = m("label", { class: "myPrimaryInputLabel" }, " Background opacity", -1)),
       _(T(ai), {
         as: "div",
@@ -24268,12 +24262,12 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
             _(T(li), { class: "myPrimarySelect" }, {
               default: F(() => [
                 m("span", aC, [
-                  o.value === "none" ? (v(), S("div", lC, s[1] || (s[1] = [
+                  o.value === "none" ? (v(), C("div", lC, s[1] || (s[1] = [
                     m("div", { class: "myPrimaryColorPreview border-none" }, [
                       m("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                     ], -1)
                   ]))) : I("", !0),
-                  o.value !== "none" ? (v(), S("div", {
+                  o.value !== "none" ? (v(), C("div", {
                     key: 1,
                     class: Y(["aspect-square w-6 h-6 bg-gray-950", `${o.value}`])
                   }, null, 2)) : I("", !0),
@@ -24296,7 +24290,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
               default: F(() => [
                 _(T(di), { class: "absolute z-10 mt-1 max-h-56 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" }, {
                   default: F(() => [
-                    (v(!0), S(ve, null, Le(T(ss).backgroundOpacities, (a) => (v(), Se(T(ci), {
+                    (v(!0), C(ve, null, Le(T(ss).backgroundOpacities, (a) => (v(), Se(T(ci), {
                       as: "template",
                       onClick: (l) => T(t).handleBackgroundOpacity(a),
                       key: a,
@@ -24310,17 +24304,17 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
                           ])
                         }, [
                           m("div", dC, [
-                            a === "none" ? (v(), S("div", cC, s[3] || (s[3] = [
+                            a === "none" ? (v(), C("div", cC, s[3] || (s[3] = [
                               m("div", { class: "myPrimaryColorPreview border-none" }, [
                                 m("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                               ], -1)
                             ]))) : I("", !0),
-                            a !== "none" ? (v(), S("div", {
+                            a !== "none" ? (v(), C("div", {
                               key: 1,
                               class: Y(["aspect-square w-6 h-6 bg-gray-950", `${a}`])
                             }, null, 2)) : I("", !0),
-                            a !== "none" ? (v(), S("span", pC, z(a), 1)) : I("", !0),
-                            a === "none" ? (v(), S("span", uC, "Transparent")) : I("", !0)
+                            a !== "none" ? (v(), C("span", pC, z(a), 1)) : I("", !0),
+                            a === "none" ? (v(), C("span", uC, "Transparent")) : I("", !0)
                           ])
                         ], 2)
                       ]),
@@ -24354,7 +24348,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
         o.value = i, await t.handlePageBuilderMethods();
       },
       { immediate: !0 }
-    ), (i, s) => (v(), S("div", hC, [
+    ), (i, s) => (v(), C("div", hC, [
       s[4] || (s[4] = m("label", { class: "myPrimaryInputLabel" }, " Opacity", -1)),
       _(T(ai), {
         as: "div",
@@ -24366,12 +24360,12 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
             _(T(li), { class: "myPrimarySelect" }, {
               default: F(() => [
                 m("span", fC, [
-                  o.value === "none" ? (v(), S("div", bC, s[1] || (s[1] = [
+                  o.value === "none" ? (v(), C("div", bC, s[1] || (s[1] = [
                     m("div", { class: "myPrimaryColorPreview border-none" }, [
                       m("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                     ], -1)
                   ]))) : I("", !0),
-                  o.value !== "none" ? (v(), S("div", {
+                  o.value !== "none" ? (v(), C("div", {
                     key: 1,
                     class: Y(["aspect-square w-6 h-6 bg-gray-950", `${o.value}`])
                   }, null, 2)) : I("", !0),
@@ -24394,7 +24388,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
               default: F(() => [
                 _(T(di), { class: "absolute z-10 mt-1 max-h-56 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" }, {
                   default: F(() => [
-                    (v(!0), S(ve, null, Le(T(ss).opacities, (a) => (v(), Se(T(ci), {
+                    (v(!0), C(ve, null, Le(T(ss).opacities, (a) => (v(), Se(T(ci), {
                       as: "template",
                       onClick: (l) => T(t).handleOpacity(a),
                       key: a,
@@ -24408,17 +24402,17 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
                           ])
                         }, [
                           m("div", yC, [
-                            a === "none" ? (v(), S("div", wC, s[3] || (s[3] = [
+                            a === "none" ? (v(), C("div", wC, s[3] || (s[3] = [
                               m("div", { class: "myPrimaryColorPreview border-none" }, [
                                 m("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                               ], -1)
                             ]))) : I("", !0),
-                            a !== "none" ? (v(), S("div", {
+                            a !== "none" ? (v(), C("div", {
                               key: 1,
                               class: Y(["aspect-square w-6 h-6 bg-gray-950", `${a}`])
                             }, null, 2)) : I("", !0),
-                            a === "none" ? (v(), S("span", vC, "Transparent")) : I("", !0),
-                            a !== "none" ? (v(), S("span", xC, z(a), 1)) : I("", !0)
+                            a === "none" ? (v(), C("span", vC, "Transparent")) : I("", !0),
+                            a !== "none" ? (v(), C("span", xC, z(a), 1)) : I("", !0)
                           ])
                         ], 2)
                       ]),
@@ -24495,7 +24489,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
               disabled: "",
               value: ""
             }, "Select", -1)),
-            (v(!0), S(ve, null, Le(T(Tr).verticalPadding, (g) => (v(), S("option", { key: g }, z(g), 1))), 128))
+            (v(!0), C(ve, null, Le(T(Tr).verticalPadding, (g) => (v(), C("option", { key: g }, z(g), 1))), 128))
           ], 544), [
             [$t, o.value]
           ])
@@ -24511,7 +24505,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
               disabled: "",
               value: ""
             }, "Select", -1)),
-            (v(!0), S(ve, null, Le(T(Tr).horizontalPadding, (g) => (v(), S("option", { key: g }, z(g), 1))), 128))
+            (v(!0), C(ve, null, Le(T(Tr).horizontalPadding, (g) => (v(), C("option", { key: g }, z(g), 1))), 128))
           ], 544), [
             [$t, n.value]
           ])
@@ -24528,7 +24522,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
               disabled: "",
               value: ""
             }, "Select", -1)),
-            (v(!0), S(ve, null, Le(T(Tr).verticalMargin, (g) => (v(), S("option", { key: g }, z(g), 1))), 128))
+            (v(!0), C(ve, null, Le(T(Tr).verticalMargin, (g) => (v(), C("option", { key: g }, z(g), 1))), 128))
           ], 544), [
             [$t, i.value]
           ])
@@ -24544,7 +24538,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
               disabled: "",
               value: ""
             }, "Select", -1)),
-            (v(!0), S(ve, null, Le(T(Tr).horizontalMargin, (g) => (v(), S("option", { key: g }, z(g), 1))), 128))
+            (v(!0), C(ve, null, Le(T(Tr).horizontalMargin, (g) => (v(), C("option", { key: g }, z(g), 1))), 128))
           ], 544), [
             [$t, s.value]
           ])
@@ -24604,7 +24598,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
               disabled: "",
               value: ""
             }, "Select", -1)),
-            (v(!0), S(ve, null, Le(T(qt).roundedGlobal, (f) => (v(), S("option", { key: f }, z(f), 1))), 128))
+            (v(!0), C(ve, null, Le(T(qt).roundedGlobal, (f) => (v(), C("option", { key: f }, z(f), 1))), 128))
           ], 544), [
             [$t, o.value]
           ])
@@ -24621,7 +24615,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
               disabled: "",
               value: ""
             }, "Select", -1)),
-            (v(!0), S(ve, null, Le(T(qt).roundedTopLeft, (f) => (v(), S("option", { key: f }, z(f), 1))), 128))
+            (v(!0), C(ve, null, Le(T(qt).roundedTopLeft, (f) => (v(), C("option", { key: f }, z(f), 1))), 128))
           ], 544), [
             [$t, n.value]
           ])
@@ -24637,7 +24631,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
               disabled: "",
               value: ""
             }, "Select", -1)),
-            (v(!0), S(ve, null, Le(T(qt).roundedTopRight, (f) => (v(), S("option", { key: f }, z(f), 1))), 128))
+            (v(!0), C(ve, null, Le(T(qt).roundedTopRight, (f) => (v(), C("option", { key: f }, z(f), 1))), 128))
           ], 544), [
             [$t, i.value]
           ])
@@ -24653,7 +24647,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
               disabled: "",
               value: ""
             }, "Select", -1)),
-            (v(!0), S(ve, null, Le(T(qt).roundedBottomLeft, (f) => (v(), S("option", { key: f }, z(f), 1))), 128))
+            (v(!0), C(ve, null, Le(T(qt).roundedBottomLeft, (f) => (v(), C("option", { key: f }, z(f), 1))), 128))
           ], 544), [
             [$t, s.value]
           ])
@@ -24669,7 +24663,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
               disabled: "",
               value: ""
             }, "Select", -1)),
-            (v(!0), S(ve, null, Le(T(qt).roundedBottomRight, (f) => (v(), S("option", { key: f }, z(f), 1))), 128))
+            (v(!0), C(ve, null, Le(T(qt).roundedBottomRight, (f) => (v(), C("option", { key: f }, z(f), 1))), 128))
           ], 544), [
             [$t, a.value]
           ])
@@ -24722,7 +24716,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
               disabled: "",
               value: ""
             }, "Select", -1)),
-            (v(!0), S(ve, null, Le(T(_o).borderStyle, (p) => (v(), S("option", { key: p }, z(p), 1))), 128))
+            (v(!0), C(ve, null, Le(T(_o).borderStyle, (p) => (v(), C("option", { key: p }, z(p), 1))), 128))
           ], 544), [
             [$t, o.value]
           ])
@@ -24738,7 +24732,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
               disabled: "",
               value: ""
             }, "Select", -1)),
-            (v(!0), S(ve, null, Le(T(_o).borderWidth, (p) => (v(), S("option", { key: p }, z(p), 1))), 128))
+            (v(!0), C(ve, null, Le(T(_o).borderWidth, (p) => (v(), C("option", { key: p }, z(p), 1))), 128))
           ], 544), [
             [$t, n.value]
           ])
@@ -24756,12 +24750,12 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
                   var p;
                   return [
                     m("span", _C, [
-                      l.value === "none" ? (v(), S("div", FC, c[11] || (c[11] = [
+                      l.value === "none" ? (v(), C("div", FC, c[11] || (c[11] = [
                         m("div", { class: "myPrimaryColorPreview border-none" }, [
                           m("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                         ], -1)
                       ]))) : I("", !0),
-                      i.value !== "none" ? (v(), S("div", {
+                      i.value !== "none" ? (v(), C("div", {
                         key: 1,
                         class: Y(["aspect-square w-6 h-6 border border-gray-100 rounded-sm", `bg-${(p = i.value) == null ? void 0 : p.replace("border-", "")}`])
                       }, null, 2)) : I("", !0),
@@ -24783,7 +24777,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
                 default: F(() => [
                   _(T(di), { class: "absolute z-10 mt-1 max-h-56 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" }, {
                     default: F(() => [
-                      (v(!0), S(ve, null, Le(T(_o).borderColor, (p) => (v(), Se(T(ci), {
+                      (v(!0), C(ve, null, Le(T(_o).borderColor, (p) => (v(), Se(T(ci), {
                         as: "template",
                         onClick: c[4] || (c[4] = (u) => T(t).handleBorderColor(i.value)),
                         key: p,
@@ -24797,17 +24791,17 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
                             ])
                           }, [
                             m("div", jC, [
-                              p === "none" ? (v(), S("div", HC, c[13] || (c[13] = [
+                              p === "none" ? (v(), C("div", HC, c[13] || (c[13] = [
                                 m("div", { class: "myPrimaryColorPreview border-none" }, [
                                   m("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                                 ], -1)
                               ]))) : I("", !0),
-                              p !== "none" ? (v(), S("div", {
+                              p !== "none" ? (v(), C("div", {
                                 key: 1,
                                 class: Y(["aspect-square w-6 h-6 bg-gray-950", `bg-${p.replace("border-", "")}`])
                               }, null, 2)) : I("", !0),
-                              p === "none" ? (v(), S("span", VC, "Transparent")) : I("", !0),
-                              p !== "none" ? (v(), S("span", WC, z(p), 1)) : I("", !0)
+                              p === "none" ? (v(), C("span", VC, "Transparent")) : I("", !0),
+                              p !== "none" ? (v(), C("span", WC, z(p), 1)) : I("", !0)
                             ])
                           ], 2)
                         ]),
@@ -24834,9 +24828,9 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
   __name: "TipTap",
   setup(r) {
     const e = Be, t = new Fe(e);
-    return (o, n) => (v(), S("div", null, [
+    return (o, n) => (v(), C("div", null, [
       m("div", UC, [
-        T(t).selectedElementIsValidText() ? (v(), S("div", KC, [
+        T(t).selectedElementIsValidText() ? (v(), C("div", KC, [
           m("div", GC, [
             m("button", {
               onClick: n[0] || (n[0] = (i) => T(e).setShowModalTipTap(!0)),
@@ -24868,7 +24862,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
       content: F(() => [
         s[5] || (s[5] = m("div", { class: "flex flex-row flex-wrap gap-2 mt-2" }, null, -1)),
         m("div", null, [
-          n.value ? (v(), S("div", YC, [
+          n.value ? (v(), C("div", YC, [
             m("button", {
               onClick: s[0] || (s[0] = (...a) => T(t).handleRestoreElement && T(t).handleRestoreElement(...a)),
               type: "button",
@@ -24878,7 +24872,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
               m("span", null, "Undo", -1)
             ]))
           ])) : I("", !0),
-          o.value && !n.value ? (v(), S("div", QC, [
+          o.value && !n.value ? (v(), C("div", QC, [
             m("button", {
               onClick: s[1] || (s[1] = (...a) => T(t).handleDeleteElement && T(t).handleDeleteElement(...a)),
               type: "button",
@@ -24901,7 +24895,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
       var s;
       return (s = o.value) == null ? void 0 : s.tagName;
     }), i = N(() => o.value instanceof HTMLElement && o.value.innerText.trim() !== " " || o.value instanceof HTMLImageElement);
-    return (s, a) => (v(), S("div", ZC, [
+    return (s, a) => (v(), C("div", ZC, [
       m("div", e7, [
         m("div", t7, [
           m("button", {
@@ -25039,7 +25033,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
     });
     const y = function(A) {
       o.setComponent(A);
-    }, P = x(null), C = {
+    }, P = x(null), S = {
       updateOrCreate: {
         formType: "create",
         formName: "post"
@@ -25049,9 +25043,9 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
         language: "en",
         autoSave: !0
       }
-    }, L = function(A) {
+    }, D = function(A) {
       if (A == null || A && Object.keys(A).length === 0 && A.constructor === Object) {
-        console.log("0000"), n.setConfigPageBuilder(C);
+        console.log("0000"), n.setConfigPageBuilder(S);
         return;
       }
       if (A && Object.keys(A).length !== 0 && A.constructor === Object && a7(A)) {
@@ -25067,15 +25061,15 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
       { immediate: !0 }
     ), ke(async () => {
       const A = s.value;
-      L(A), n.updateLocalStorageItemName(), n.removeHoveredAndSelected(), await n.setEventListenersForElements();
-    }), (A, B) => (v(), S("div", l7, [
+      D(A), n.updateLocalStorageItemName(), n.removeHoveredAndSelected(), await n.setEventListenersForElements();
+    }), (A, B) => (v(), C("div", l7, [
       m("div", {
         onClick: B[0] || (B[0] = (M) => T(n).clearHtmlSelection()),
         id: "pagebuilder-top-area",
         class: "px-4 pb-4 mx-4 my-4 rounded-xl"
       }, [
         B[18] || (B[18] = Sa('<div class="flex justify-start items-center py-2 pl-2 mr-2 mb-6 h-full"><div class="flex gap-2"><span class="w-2 h-2 rounded-full bg-red-400"></span><span class="w-2 h-2 rounded-full bg-yellow-400"></span><span class="w-2 h-2 rounded-full bg-green-400"></span></div></div>', 1)),
-        s.value && s.value.pageBuilderLogo && s.value.pageBuilderLogo.src ? (v(), S("div", d7, [
+        s.value && s.value.pageBuilderLogo && s.value.pageBuilderLogo.src ? (v(), C("div", d7, [
           m("div", c7, [
             m("img", {
               class: "h-6",
@@ -25084,7 +25078,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
             }, null, 8, p7)
           ]),
           B[16] || (B[16] = m("span", { class: "myPrimaryParagraph font-medium pl-4" }, "Editing Page ", -1))
-        ])) : (v(), S("div", u7, B[17] || (B[17] = [
+        ])) : (v(), C("div", u7, B[17] || (B[17] = [
           m("div", { class: "pr-6" }, [
             m("span", { class: "myPrimaryParagraph font-medium" }, "Editing Page ")
           ], -1)
@@ -25195,7 +25189,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
                   onClick: B[12] || (B[12] = wr((M) => T(n).clearHtmlSelection(), ["self"])),
                   class: "flex items-center justify-center gap-4"
                 }, [
-                  a.value === !1 ? (v(), S("button", {
+                  a.value === !1 ? (v(), C("button", {
                     key: 0,
                     type: "button",
                     onClick: B[11] || (B[11] = (M) => T(o).setMenuRight(!0))
@@ -25217,7 +25211,7 @@ const tn = /* @__PURE__ */ oc(VS, [["render", KS]]), GS = { class: "flex flex-ro
                   ref_key: "draggableZone",
                   ref: P
                 }, [
-                  (v(!0), S(ve, null, Le(w.value, (M) => (v(), S("div", {
+                  (v(!0), C(ve, null, Le(w.value, (M) => (v(), C("div", {
                     key: M.id,
                     id: "page-builder-editor-editable-area",
                     class: "bg-white grow"