@myissue/vue-website-page-builder 3.1.30 → 3.1.31

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

@@ -1568,7 +1568,6 @@ class Ze {
     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") {
-        console.log("hvad med nuuuuuuu");
         const s = this.areComponentsStoredInLocalStorage();
         s && this.setComponentsFromData(s);
       }
@@ -2475,39 +2474,39 @@ let Oi = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", ri = ue({ name: "Dialog", inher
   if (n({ el: g, $el: g }), !(r.open !== Oi || u !== null)) throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
   if (typeof m.value != "boolean") throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${m.value === Oi ? void 0 : r.open}`);
   let b = L(() => l.value && m.value ? 0 : 1), w = L(() => b.value === 0), C = L(() => p.value > 1), E = Fe(dl, null) !== null, [y, P] = _f(), { resolveContainers: x, mainTreeNodeRef: v, MainTreeNode: F } = Bf({ portals: y, defaultContainers: [L(() => {
-    var re;
-    return (re = le.panelRef.value) != null ? re : g.value;
+    var oe;
+    return (oe = le.panelRef.value) != null ? oe : g.value;
   })] }), _ = L(() => C.value ? "parent" : "leaf"), B = L(() => u !== null ? (u.value & Be.Closing) === Be.Closing : !1), T = L(() => E || B.value ? !1 : w.value), j = L(() => {
-    var re, ce, De;
-    return (De = Array.from((ce = (re = f.value) == null ? void 0 : re.querySelectorAll("body > *")) != null ? ce : []).find((Ee) => Ee.id === "headlessui-portal-root" ? !1 : Ee.contains(U(v)) && Ee instanceof HTMLElement)) != null ? De : null;
+    var oe, ce, De;
+    return (De = Array.from((ce = (oe = f.value) == null ? void 0 : oe.querySelectorAll("body > *")) != null ? ce : []).find((Ee) => Ee.id === "headlessui-portal-root" ? !1 : Ee.contains(U(v)) && Ee instanceof HTMLElement)) != null ? De : null;
   });
   pc(j, T);
-  let q = L(() => C.value ? !0 : w.value), oe = L(() => {
-    var re, ce, De;
-    return (De = Array.from((ce = (re = f.value) == null ? void 0 : re.querySelectorAll("[data-headlessui-portal]")) != null ? ce : []).find((Ee) => Ee.contains(U(v)) && Ee instanceof HTMLElement)) != null ? De : null;
+  let q = L(() => C.value ? !0 : w.value), re = L(() => {
+    var oe, ce, De;
+    return (De = Array.from((ce = (oe = f.value) == null ? void 0 : oe.querySelectorAll("[data-headlessui-portal]")) != null ? ce : []).find((Ee) => Ee.contains(U(v)) && Ee instanceof HTMLElement)) != null ? De : null;
   });
-  pc(oe, q), Df({ type: "Dialog", enabled: L(() => b.value === 0), element: g, onUpdate: (re, ce) => {
-    if (ce === "Dialog") return _e(re, { [sl.Add]: () => p.value += 1, [sl.Remove]: () => p.value -= 1 });
+  pc(re, q), Df({ type: "Dialog", enabled: L(() => b.value === 0), element: g, onUpdate: (oe, ce) => {
+    if (ce === "Dialog") return _e(oe, { [sl.Add]: () => p.value += 1, [sl.Remove]: () => p.value -= 1 });
   } });
-  let Q = If({ name: "DialogDescription", slot: L(() => ({ open: m.value })) }), Z = S(null), le = { titleId: Z, panelRef: S(null), dialogState: b, setTitleId(re) {
-    Z.value !== re && (Z.value = re);
+  let Q = If({ name: "DialogDescription", slot: L(() => ({ open: m.value })) }), Z = S(null), le = { titleId: Z, panelRef: S(null), dialogState: b, setTitleId(oe) {
+    Z.value !== oe && (Z.value = oe);
   }, close() {
     e("close", !1);
   } };
   Ve(dl, le);
   let he = L(() => !(!w.value || C.value));
-  ed(x, (re, ce) => {
-    re.preventDefault(), le.close(), Me(() => ce == null ? void 0 : ce.focus());
+  ed(x, (oe, ce) => {
+    oe.preventDefault(), le.close(), Me(() => ce == null ? void 0 : ce.focus());
   }, he);
   let se = L(() => !(C.value || b.value !== 0));
-  Du((s = f.value) == null ? void 0 : s.defaultView, "keydown", (re) => {
-    se.value && (re.defaultPrevented || re.key === ie.Escape && (re.preventDefault(), re.stopPropagation(), le.close()));
+  Du((s = f.value) == null ? void 0 : s.defaultView, "keydown", (oe) => {
+    se.value && (oe.defaultPrevented || oe.key === ie.Escape && (oe.preventDefault(), oe.stopPropagation(), le.close()));
   });
   let ae = L(() => !(B.value || b.value !== 0 || E));
-  return Pf(f, ae, (re) => {
+  return Pf(f, ae, (oe) => {
     var ce;
-    return { containers: [...(ce = re.containers) != null ? ce : [], x] };
-  }), nt((re) => {
+    return { containers: [...(ce = oe.containers) != null ? ce : [], x] };
+  }), nt((oe) => {
     if (b.value !== 0) return;
     let ce = U(g);
     if (!ce) return;
@@ -2517,9 +2516,9 @@ let Oi = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", ri = ue({ name: "Dialog", inher
         mt.x === 0 && mt.y === 0 && mt.width === 0 && mt.height === 0 && le.close();
       }
     });
-    De.observe(ce), re(() => De.disconnect());
+    De.observe(ce), oe(() => De.disconnect());
   }), () => {
-    let { open: re, initialFocus: ce, ...De } = r, Ee = { ...t, ref: g, id: a, role: c.value, "aria-modal": b.value === 0 ? !0 : void 0, "aria-labelledby": Z.value, "aria-describedby": Q.value }, st = { open: b.value === 0 };
+    let { open: oe, initialFocus: ce, ...De } = r, Ee = { ...t, ref: g, id: a, role: c.value, "aria-modal": b.value === 0 ? !0 : void 0, "aria-labelledby": Z.value, "aria-describedby": Q.value }, st = { open: b.value === 0 };
     return Ce(il, { force: !0 }, () => [Ce(zu, () => Ce(Ff, { target: g.value }, () => Ce(il, { force: !1 }, () => Ce(ln, { initialFocus: ce, containers: x, features: w.value ? _e(_.value, { parent: ln.features.RestoreFocus, leaf: ln.features.All & ~ln.features.FocusLock }) : ln.features.None }, () => Ce(P, {}, () => Pe({ ourProps: Ee, theirProps: { ...De, ...t }, slot: st, attrs: t, slots: o, visible: b.value === 0, features: _r.RenderStrategy | _r.Static, name: "Dialog" })))))), Ce(F)]);
   };
 } }), od = ue({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(r, { attrs: e, slots: t }) {
@@ -3136,19 +3135,19 @@ let Ku = _r.RenderStrategy, mr = ue({ props: { as: { type: [Object, String], def
     });
   });
   function j(q) {
-    let oe = w.value && !m.value, Q = U(c);
-    !Q || !(Q instanceof HTMLElement) || oe || (E.value = !0, u.value && s(), u.value || l(), q(u.value ? gc(Q, P, x, v, F, (Z) => {
+    let re = w.value && !m.value, Q = U(c);
+    !Q || !(Q instanceof HTMLElement) || re || (E.value = !0, u.value && s(), u.value || l(), q(u.value ? gc(Q, P, x, v, F, (Z) => {
       E.value = !1, Z === cl.Finished && a();
     }) : gc(Q, _, B, T, F, (Z) => {
       E.value = !1, Z === cl.Finished && (ra(y) || (b.value = "hidden", f(C), d()));
     })));
   }
   return ke(() => {
-    pe([u], (q, oe, Q) => {
+    pe([u], (q, re, Q) => {
       j(Q), w.value = !1;
     }, { immediate: !0 });
   }), Ve(sd, y), rd(L(() => _e(b.value, { visible: Be.Open, hidden: Be.Closed }) | i.value)), () => {
-    let { appear: q, show: oe, enter: Q, enterFrom: Z, enterTo: le, entered: he, leave: se, leaveFrom: ae, leaveTo: re, ...ce } = r, De = { ref: c }, Ee = { ...ce, ...m.value && u.value && Zn.isServer ? { class: Y([t.class, ce.class, ...P, ...x]) } : {} };
+    let { appear: q, show: re, enter: Q, enterFrom: Z, enterTo: le, entered: he, leave: se, leaveFrom: ae, leaveTo: oe, ...ce } = r, De = { ref: c }, Ee = { ...ce, ...m.value && u.value && Zn.isServer ? { class: Y([t.class, ce.class, ...P, ...x]) } : {} };
     return Pe({ theirProps: Ee, ourProps: De, slot: {}, slots: o, attrs: t, features: Ku, visible: b.value === "visible", name: "TransitionChild" });
   };
 } }), i1 = mr, Qo = ue({ 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 }) {
@@ -3952,9 +3951,9 @@ function ml(r, e, t = {}, o, n, i) {
       return B[Ea] = T, B;
     const j = function() {
       In(o);
-      const q = Array.from(arguments), oe = [], Q = [];
+      const q = Array.from(arguments), re = [], Q = [];
       function Z(se) {
-        oe.push(se);
+        re.push(se);
       }
       function le(se) {
         Q.push(se);
@@ -3972,7 +3971,7 @@ function ml(r, e, t = {}, o, n, i) {
       } catch (se) {
         throw Mo(Q, se), se;
       }
-      return he instanceof Promise ? he.then((se) => (Mo(oe, se), se)).catch((se) => (Mo(Q, se), Promise.reject(se))) : (Mo(oe, he), he);
+      return he instanceof Promise ? he.then((se) => (Mo(re, se), se)).catch((se) => (Mo(Q, se), Promise.reject(se))) : (Mo(re, he), he);
     };
     return j[wc] = !0, j[Ea] = T, j;
   }, P = /* @__PURE__ */ Mr({
@@ -3988,12 +3987,12 @@ function ml(r, e, t = {}, o, n, i) {
     $patch: w,
     $reset: C,
     $subscribe(B, T = {}) {
-      const j = yc(p, B, T.detached, () => q()), q = s.run(() => pe(() => o.state.value[r], (oe) => {
+      const j = yc(p, B, T.detached, () => q()), q = s.run(() => pe(() => o.state.value[r], (re) => {
         (T.flush === "sync" ? c : d) && B({
           storeId: r,
           type: Jt.direct,
           events: m
-        }, oe);
+        }, re);
       }, Et({}, l, T)));
       return j;
     },
@@ -17850,8 +17849,8 @@ function Kn(r, e) {
   if (u === pn && T) {
     var j = T[n];
     Object.keys(B).forEach(function(q) {
-      var oe = [Nt, Dt].indexOf(q) >= 0 ? 1 : -1, Q = [ft, Dt].indexOf(q) >= 0 ? "y" : "x";
-      B[q] += j[Q] * oe;
+      var re = [Nt, Dt].indexOf(q) >= 0 ? 1 : -1, Q = [ft, Dt].indexOf(q) >= 0 ? "y" : "x";
+      B[q] += j[Q] * re;
     });
   }
   return B;
@@ -17895,13 +17894,13 @@ function lx(r) {
         allowedAutoPlacements: f
       }) : st);
     }, []), P = e.rects.reference, x = e.rects.popper, v = /* @__PURE__ */ new Map(), F = !0, _ = y[0], B = 0; B < y.length; B++) {
-      var T = y[B], j = Yt(T), q = Go(T) === qo, oe = [ft, Dt].indexOf(j) >= 0, Q = oe ? "width" : "height", Z = Kn(e, {
+      var T = y[B], j = Yt(T), q = Go(T) === qo, re = [ft, Dt].indexOf(j) >= 0, Q = re ? "width" : "height", Z = Kn(e, {
         placement: T,
         boundary: c,
         rootBoundary: p,
         altBoundary: u,
         padding: d
-      }), le = oe ? q ? Nt : bt : q ? Dt : ft;
+      }), le = re ? q ? Nt : bt : q ? Dt : ft;
       P[Q] > x[Q] && (le = Xi(le));
       var he = Xi(le), se = [];
       if (i && se.push(Z[j] <= 0), a && se.push(Z[le] <= 0, Z[he] <= 0), se.every(function(Ee) {
@@ -17913,7 +17912,7 @@ function lx(r) {
       v.set(T, se);
     }
     if (F)
-      for (var ae = g ? 3 : 1, re = function(st) {
+      for (var ae = g ? 3 : 1, oe = function(st) {
         var mt = y.find(function(wo) {
           var er = v.get(wo);
           if (er)
@@ -17924,7 +17923,7 @@ function lx(r) {
         if (mt)
           return _ = mt, "break";
       }, ce = ae; ce > 0; ce--) {
-        var De = re(ce);
+        var De = oe(ce);
         if (De === "break") break;
       }
     e.placement !== _ && (e.modifiersData[o]._skip = !0, e.placement = _, e.reset = !0);
@@ -18042,10 +18041,10 @@ function yx(r) {
   };
   if (x) {
     if (i) {
-      var q, oe = y === "y" ? ft : bt, Q = y === "y" ? Dt : Nt, Z = y === "y" ? "height" : "width", le = x[y], he = le + b[oe], se = le - b[Q], ae = m ? -F[Z] / 2 : 0, re = C === qo ? v[Z] : F[Z], ce = C === qo ? -F[Z] : -v[Z], De = e.elements.arrow, Ee = m && De ? _d(De) : {
+      var q, re = y === "y" ? ft : bt, Q = y === "y" ? Dt : Nt, Z = y === "y" ? "height" : "width", le = x[y], he = le + b[re], se = le - b[Q], ae = m ? -F[Z] / 2 : 0, oe = C === qo ? v[Z] : F[Z], ce = C === qo ? -F[Z] : -v[Z], De = e.elements.arrow, Ee = m && De ? _d(De) : {
         width: 0,
         height: 0
-      }, st = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : eg(), mt = st[oe], wo = st[Q], er = Cn(0, v[Z], Ee[Z]), vo = E ? v[Z] / 2 - ae - er - mt - B.mainAxis : re - er - mt - B.mainAxis, fr = E ? -v[Z] / 2 + ae + er + wo + B.mainAxis : ce + er + wo + B.mainAxis, xo = e.elements.arrow && ui(e.elements.arrow), mi = xo ? y === "y" ? xo.clientTop || 0 : xo.clientLeft || 0 : 0, tn = (q = T == null ? void 0 : T[y]) != null ? q : 0, hi = le + vo - tn - mi, gi = le + fr - tn, rn = Cn(m ? ws(he, hi) : he, le, m ? lo(se, gi) : se);
+      }, st = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : eg(), mt = st[re], wo = st[Q], er = Cn(0, v[Z], Ee[Z]), vo = E ? v[Z] / 2 - ae - er - mt - B.mainAxis : oe - er - mt - B.mainAxis, fr = E ? -v[Z] / 2 + ae + er + wo + B.mainAxis : ce + er + wo + B.mainAxis, xo = e.elements.arrow && ui(e.elements.arrow), mi = xo ? y === "y" ? xo.clientTop || 0 : xo.clientLeft || 0 : 0, tn = (q = T == null ? void 0 : T[y]) != null ? q : 0, hi = le + vo - tn - mi, gi = le + fr - tn, rn = Cn(m ? ws(he, hi) : he, le, m ? lo(se, gi) : se);
       x[y] = rn, j[y] = rn - le;
     }
     if (a) {
@@ -18659,7 +18658,7 @@ function n5(r, e) {
   return xo(), ae(), le(), he("onCreate", [y]), t.showOnCreate && nn(), x.addEventListener("mouseenter", function() {
     y.props.interactive && y.state.isVisible && y.clearDelayTimeouts();
   }), x.addEventListener("mouseleave", function() {
-    y.props.interactive && y.props.trigger.indexOf("mouseenter") >= 0 && oe().addEventListener("mousemove", g);
+    y.props.interactive && y.props.trigger.indexOf("mouseenter") >= 0 && re().addEventListener("mousemove", g);
   }), y;
   function B() {
     var A = y.props.touch;
@@ -18675,7 +18674,7 @@ function n5(r, e) {
   function q() {
     return f || r;
   }
-  function oe() {
+  function re() {
     var A = q().parentNode;
     return A ? Hx(A) : document;
   }
@@ -18719,8 +18718,8 @@ function n5(r, e) {
       });
     }
   }
-  function re() {
-    oe().removeEventListener("mousemove", g), Fi = Fi.filter(function(A) {
+  function oe() {
+    re().removeEventListener("mousemove", g), Fi = Fi.filter(function(A) {
       return A !== g;
     });
   }
@@ -18748,11 +18747,11 @@ function n5(r, e) {
     l = !1;
   }
   function st() {
-    var A = oe();
+    var A = re();
     A.addEventListener("mousedown", ce, !0), A.addEventListener("touchend", ce, Yr), A.addEventListener("touchstart", Ee, Yr), A.addEventListener("touchmove", De, Yr);
   }
   function mt() {
-    var A = oe();
+    var A = re();
     A.removeEventListener("mousedown", ce, !0), A.removeEventListener("touchend", ce, Yr), A.removeEventListener("touchstart", Ee, Yr), A.removeEventListener("touchmove", De, Yr);
   }
   function wo(A, W) {
@@ -18830,7 +18829,7 @@ function n5(r, e) {
           props: t
         } : null;
       }).filter(Boolean);
-      Vx(me, A) && (re(), qr(A));
+      Vx(me, A) && (oe(), qr(A));
     }
   }
   function gi(A) {
@@ -18958,7 +18957,7 @@ function n5(r, e) {
       var W = y.props, G = qp(r, Object.assign({}, W, zp(A), {
         ignoreAttributes: !0
       }));
-      y.props = G, xo(), W.interactiveDebounce !== G.interactiveDebounce && (re(), g = _p(hi, G.interactiveDebounce)), W.triggerTarget && !G.triggerTarget ? Lo(W.triggerTarget).forEach(function(me) {
+      y.props = G, xo(), W.interactiveDebounce !== G.interactiveDebounce && (oe(), g = _p(hi, G.interactiveDebounce)), W.triggerTarget && !G.triggerTarget ? Lo(W.triggerTarget).forEach(function(me) {
         me.removeAttribute("aria-expanded");
       }) : G.triggerTarget && r.removeAttribute("aria-expanded"), ae(), le(), v && v(W, G), y.popperInstance && (fi(), br().forEach(function(me) {
         requestAnimationFrame(me._tippy.popperInstance.forceUpdate);
@@ -18996,7 +18995,7 @@ function n5(r, e) {
     process.env.NODE_ENV !== "production" && lr(y.state.isDestroyed, Oo("hide"));
     var A = !y.state.isVisible, W = y.state.isDestroyed, G = !y.state.isEnabled, me = qa(y.props.duration, 1, vt.duration);
     if (!(A || W || G) && (he("onHide", [y], !1), y.props.onHide(y) !== !1)) {
-      if (y.state.isVisible = !1, y.state.isShown = !1, d = !1, s = !1, j() && (x.style.visibility = "hidden"), re(), mt(), le(!0), j()) {
+      if (y.state.isVisible = !1, y.state.isShown = !1, d = !1, s = !1, j() && (x.style.visibility = "hidden"), oe(), mt(), le(!0), j()) {
         var de = Q(), at = de.box, Ct = de.content;
         y.props.animation && (Ua([at, Ct], me), jp([at, Ct], "hidden"));
       }
@@ -19004,7 +19003,7 @@ function n5(r, e) {
     }
   }
   function Ng(A) {
-    process.env.NODE_ENV !== "production" && lr(y.state.isDestroyed, Oo("hideWithInteractivity")), oe().addEventListener("mousemove", g), Fp(Fi, g), g(A);
+    process.env.NODE_ENV !== "production" && lr(y.state.isDestroyed, Oo("hideWithInteractivity")), re().addEventListener("mousemove", g), Fp(Fi, g), g(A);
   }
   function Ig() {
     process.env.NODE_ENV !== "production" && lr(y.state.isDestroyed, Oo("unmount")), y.state.isVisible && y.hide(), y.state.isMounted && (bi(), br().forEach(function(A) {
@@ -21511,12 +21510,12 @@ function x3({
     // ＜＞
   ];
   for (let j = 0; j < T.length; j++) {
-    const [q, oe] = T[j], Q = I(P, q);
-    I(x, q, Q), I(Q, oe, P);
+    const [q, re] = T[j], Q = I(P, q);
+    I(x, q, Q), I(Q, re, P);
     const Z = Mt(Vi);
     ee(Q, e, Z);
     const le = Mt();
-    ee(Q, t), ee(Z, e, Z), ee(Z, t, le), ee(le, e, Z), ee(le, t, le), I(Z, oe, P), I(le, oe, P);
+    ee(Q, t), ee(Z, e, Z), ee(Z, t, le), ee(le, e, Z), ee(le, t, le), I(Z, re, P), I(le, re, P);
   }
   return I(n, Yn, C), I(n, Ud, v3), {
     start: n,
@@ -22433,13 +22432,13 @@ const Q3 = /* @__PURE__ */ Zd(J3, [["render", Y3]]), X3 = { class: "flex items-e
       }, T.value = function() {
         E.value = !0, o.updateBasePrimaryImage({ type: "unsplash" }), y.value = !1, E.value = !1;
       };
-    }, oe = S(null), Q = S(""), Z = S(!1), le = function() {
-      oe.value = null;
+    }, re = S(null), Q = S(""), Z = S(!1), le = function() {
+      re.value = null;
       const se = /^https?:\/\//, ae = S(!0);
-      return ae.value = se.test(Q.value), ae.value === !1 ? (oe.value = "The provided URL is invalid. Please ensure that it begins with 'https://' for proper formatting and security.", !0) : !1;
+      return ae.value = se.test(Q.value), ae.value === !1 ? (re.value = "The provided URL is invalid. Please ensure that it begins with 'https://' for proper formatting and security.", !0) : !1;
     }, he = function() {
       var ae;
-      oe.value = null;
+      re.value = null;
       const se = n.value && ((ae = n.value.firstElementChild) == null ? void 0 : ae.tagName) === "IFRAME" && n.value.firstElementChild.hasAttribute("src") && n.value.firstElementChild.getAttribute("src").trim() !== "" ? n.value.firstElementChild.src : "";
       Q.value = se, Z.value = !0, a.value = "success", l.value = 2, d.value = "Add video url", c.value = null, p.value = "Close", u.value = "Save", m.value = null, g.value = function() {
         Z.value = !1;
@@ -22473,15 +22472,15 @@ const Q3 = /* @__PURE__ */ Zd(J3, [["render", Y3]]), X3 = { class: "flex items-e
                     class: "myPrimaryInputLabel"
                   }, "Video url:", -1)),
                   lt(h("input", {
-                    "onUpdate:modelValue": ae[0] || (ae[0] = (re) => Q.value = re),
+                    "onUpdate:modelValue": ae[0] || (ae[0] = (oe) => Q.value = oe),
                     type: "text",
                     class: "myPrimaryInput",
                     name: "video"
                   }, null, 512), [
                     [Ql, Q.value]
                   ]),
-                  oe.value ? (k(), M("div", C4, [
-                    h("p", M4, z(oe.value), 1)
+                  re.value ? (k(), M("div", C4, [
+                    h("p", M4, z(re.value), 1)
                   ])) : D("", !0)
                 ])
               ])
@@ -23572,16 +23571,19 @@ const F4 = { class: "p-4" }, z4 = { class: "mb-8" }, j4 = { class: "grid grid-co
 }, E6 = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, T6 = { class: "overflow-x-auto" }, O6 = { class: "min-w-full divide-y divide-gray-300" }, P6 = { class: "bg-white divide-y divide-gray-200" }, B6 = { key: 0 }, A6 = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, L6 = { key: 1 }, D6 = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, N6 = {
   key: 1,
   class: "mt-8"
-}, I6 = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, R6 = { class: "overflow-x-auto" }, $6 = { class: "min-w-full divide-y divide-gray-300" }, _6 = { class: "bg-white divide-y divide-gray-200" }, F6 = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, z6 = { class: "mt-8" }, j6 = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, H6 = { class: "overflow-x-auto" }, V6 = { class: "min-w-full divide-y divide-gray-300" }, W6 = { class: "bg-white divide-y divide-gray-200" }, q6 = { key: 0 }, U6 = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, K6 = { key: 1 }, G6 = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, J6 = { key: 2 }, Y6 = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, Q6 = { key: 3 }, X6 = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, Z6 = {
+}, I6 = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, R6 = { class: "overflow-x-auto" }, $6 = { class: "min-w-full divide-y divide-gray-300" }, _6 = { class: "bg-white divide-y divide-gray-200" }, F6 = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, z6 = {
   key: 2,
   class: "mt-8"
-}, eS = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, tS = { class: "overflow-x-auto" }, rS = { class: "min-w-full divide-y divide-gray-300" }, oS = { class: "bg-white divide-y divide-gray-200" }, nS = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, iS = { key: 0 }, sS = { key: 1 }, aS = { key: 0 }, lS = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, dS = { class: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium" }, cS = {
+}, j6 = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, H6 = { class: "overflow-x-auto" }, V6 = { class: "min-w-full divide-y divide-gray-300" }, W6 = { class: "bg-white divide-y divide-gray-200" }, q6 = { key: 0 }, U6 = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, K6 = { key: 1 }, G6 = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, J6 = { key: 2 }, Y6 = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, Q6 = { key: 3 }, X6 = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, Z6 = {
   key: 3,
   class: "mt-8"
+}, eS = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, tS = { class: "overflow-x-auto" }, rS = { class: "min-w-full divide-y divide-gray-300" }, oS = { class: "bg-white divide-y divide-gray-200" }, nS = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, iS = { key: 0 }, sS = { key: 1 }, aS = { key: 0 }, lS = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, dS = { class: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium" }, cS = {
+  key: 4,
+  class: "mt-8"
 }, pS = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, uS = { class: "overflow-x-auto" }, mS = { class: "min-w-full divide-y divide-gray-300" }, hS = { class: "bg-white divide-y divide-gray-200" }, gS = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, fS = { class: "flex items-center space-x-3" }, bS = { class: "border-r border-gray-200 pr-6" }, yS = ["src"], wS = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, vS = { class: "flex items-center space-x-3" }, xS = { class: "border-r border-gray-200 pr-6" }, kS = { class: "flex items-center space-x-3" }, SS = { class: "whitespace-nowrap" }, CS = {
   __name: "PageBuilderSettings",
   setup(r) {
-    const e = "v3.1.30", t = Le, o = S(!1), n = S(""), i = S(null), s = L(() => t.getConfigPageBuilder), a = function() {
+    const e = "v3.1.31", t = Le, o = S(!1), n = S(""), i = S(null), s = L(() => t.getConfigPageBuilder), a = function() {
       n.value = "Advanced Settings", o.value = !0;
     }, l = function() {
       o.value = !1;
@@ -23595,7 +23597,7 @@ const F4 = { class: "p-4" }, z4 = { class: "mb-8" }, j4 = { class: "grid grid-co
       i.value = d.value.map((u) => u.html_code), c("downloaded_html.html", i.value.join(""));
     };
     return (u, m) => {
-      var g, f, b, w, C, E, y, P, x, v, F, _, B, T, j, q;
+      var g, f, b, w, C, E, y, P, x, v, F, _, B, T, j, q, re;
       return k(), M("div", null, [
         R(Tk, {
           open: o.value,
@@ -23711,7 +23713,7 @@ const F4 = { class: "p-4" }, z4 = { class: "mb-8" }, j4 = { class: "grid grid-co
                 ])
               ])
             ])) : D("", !0),
-            h("div", z6, [
+            (y = s.value) != null && y.userSettings ? (k(), M("div", z6, [
               m[17] || (m[17] = h("h4", { class: "myQuaternaryHeader text-sm mb-2" }, "User Settings", -1)),
               h("div", j6, [
                 h("div", H6, [
@@ -23729,15 +23731,15 @@ const F4 = { class: "p-4" }, z4 = { class: "mb-8" }, j4 = { class: "grid grid-co
                       ])
                     ], -1)),
                     h("tbody", W6, [
-                      (P = (y = s.value) == null ? void 0 : y.userSettings) != null && P.theme ? (k(), M("tr", q6, [
+                      (x = (P = s.value) == null ? void 0 : P.userSettings) != null && x.theme ? (k(), M("tr", q6, [
                         m[12] || (m[12] = h("td", { class: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900" }, " Theme ", -1)),
                         h("td", U6, z(s.value.userSettings.theme), 1)
                       ])) : D("", !0),
-                      (v = (x = s.value) == null ? void 0 : x.userSettings) != null && v.language ? (k(), M("tr", K6, [
+                      (F = (v = s.value) == null ? void 0 : v.userSettings) != null && F.language ? (k(), M("tr", K6, [
                         m[13] || (m[13] = h("td", { class: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900" }, " Language ", -1)),
                         h("td", G6, z(s.value.userSettings.language), 1)
                       ])) : D("", !0),
-                      ((_ = (F = s.value) == null ? void 0 : F.userSettings) == null ? void 0 : _.autoSave) !== void 0 ? (k(), M("tr", J6, [
+                      ((B = (_ = s.value) == null ? void 0 : _.userSettings) == null ? void 0 : B.autoSave) !== void 0 ? (k(), M("tr", J6, [
                         m[14] || (m[14] = h("td", { class: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900" }, " Auto Save ", -1)),
                         h("td", Y6, [
                           h("span", {
@@ -23748,7 +23750,7 @@ const F4 = { class: "p-4" }, z4 = { class: "mb-8" }, j4 = { class: "grid grid-co
                           }, z(s.value.userSettings.autoSave ? "Enabled" : "Disabled"), 3)
                         ])
                       ])) : D("", !0),
-                      ((T = (B = s.value) == null ? void 0 : B.userSettings) == null ? void 0 : T.notifications) !== void 0 ? (k(), M("tr", Q6, [
+                      ((j = (T = s.value) == null ? void 0 : T.userSettings) == null ? void 0 : j.notifications) !== void 0 ? (k(), M("tr", Q6, [
                         m[15] || (m[15] = h("td", { class: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900" }, " Notifications ", -1)),
                         h("td", X6, [
                           h("span", {
@@ -23763,8 +23765,8 @@ const F4 = { class: "p-4" }, z4 = { class: "mb-8" }, j4 = { class: "grid grid-co
                   ])
                 ])
               ])
-            ]),
-            (j = s.value) != null && j.updateOrCreate ? (k(), M("div", Z6, [
+            ])) : D("", !0),
+            (q = s.value) != null && q.updateOrCreate ? (k(), M("div", Z6, [
               m[21] || (m[21] = h("h4", { class: "myQuaternaryHeader text-sm mb-2" }, "Operation Mode", -1)),
               h("div", eS, [
                 h("div", tS, [
@@ -23807,7 +23809,7 @@ const F4 = { class: "p-4" }, z4 = { class: "mb-8" }, j4 = { class: "grid grid-co
                 ])
               ])
             ])) : D("", !0),
-            (q = s.value) != null && q.pageBuilderLogo ? (k(), M("div", cS, [
+            (re = s.value) != null && re.pageBuilderLogo ? (k(), M("div", cS, [
               m[25] || (m[25] = h("h4", { class: "myQuaternaryHeader text-sm mb-2" }, "Logo Configuration", -1)),
               h("div", pS, [
                 h("div", uS, [