@myissue/vue-website-page-builder 3.5.45 → 3.5.46

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

@@ -2,7 +2,7 @@ var ER = Object.defineProperty;
 var AR = (o, e, t) => e in o ? ER(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var Ae = (o, e, t) => AR(o, typeof e != "symbol" ? e + "" : e, t);
 import * as ou from "vue";
-import { ref as S, readonly as $R, defineComponent as ae, computed as L, openBlock as f, createBlock as be, Teleport as wn, createElementVNode as p, createElementBlock as w, normalizeStyle as He, normalizeClass as O, toDisplayString as y, unref as g, renderSlot as So, createCommentVNode as E, watchEffect as ui, Fragment as re, withCtx as U, shallowRef as _R, onMounted as bo, onBeforeUnmount as pr, h as mn, getCurrentInstance as bm, nextTick as ue, markRaw as $r, customRef as BR, effectScope as mm, toRaw as Pt, watch as le, hasInjectionContext as IR, inject as nr, reactive as HR, isRef as ca, isReactive as ec, toRef as cd, getCurrentScope as DR, onScopeDispose as RR, toRefs as ru, withModifiers as Te, withDirectives as Ie, renderList as ye, vModelSelect as Lt, onBeforeMount as zR, createVNode as z, vModelText as Po, Transition as zo, provide as Bo, resolveDynamicComponent as Il, cloneVNode as OR, onUnmounted as gm, createStaticVNode as tc, createTextVNode as Ne, withKeys as ua, useModel as eo, mergeModels as xm, TransitionGroup as hm, useId as NR, vShow as Hr } from "vue";
+import { ref as S, readonly as $R, defineComponent as ae, computed as L, openBlock as f, createBlock as be, Teleport as wn, createElementVNode as p, createElementBlock as w, normalizeStyle as He, normalizeClass as O, toDisplayString as y, unref as g, renderSlot as So, createCommentVNode as E, watchEffect as ui, Fragment as re, withCtx as U, shallowRef as _R, onMounted as bo, onBeforeUnmount as pr, h as mn, getCurrentInstance as bm, nextTick as ce, markRaw as $r, customRef as BR, effectScope as mm, toRaw as Pt, watch as le, hasInjectionContext as IR, inject as nr, reactive as HR, isRef as ca, isReactive as ec, toRef as cd, getCurrentScope as DR, onScopeDispose as RR, toRefs as ru, withModifiers as Te, withDirectives as Ie, renderList as ye, vModelSelect as Lt, onBeforeMount as zR, createVNode as z, vModelText as Po, Transition as zo, provide as Bo, resolveDynamicComponent as Il, cloneVNode as OR, onUnmounted as gm, createStaticVNode as tc, createTextVNode as Ne, withKeys as ua, useModel as eo, mergeModels as xm, TransitionGroup as hm, useId as NR, vShow as Hr } from "vue";
 const fm = "تم النسخ", ym = "HTML", vm = "قابل للتحرير", wm = "أسطر", Sm = "التخطيط", km = "الألوان", Cm = "التباعد", Tm = "الحدود", Pm = "متقدم", Mm = "أساسي", Lm = "ثانوي", Em = "معاينة", Am = "Applied", $m = "Undo", _m = "Redo", Bm = "of", Im = "حفظ", Hm = "خيارات", Dm = "الصورة الرمزية", Rm = "نشر", zm = "مكون", Om = "أنماط", Nm = "الإعدادات", Fm = "أدوات", jm = "الطباعة", Vm = "الخط", qm = "اختر", Um = "موروث", Wm = "الحشو", Gm = "الهامش", Km = "عام", Jm = "محدد", Ym = "الحدود", Qm = "شفاف", Xm = "إضافة", Zm = "المنتجات", eg = "تصفح", tg = "الفئة", og = "نظيف", rg = "بحدود", ng = "ظل", ig = "مرتفع", ag = "محدد", sg = "إزالة", lg = "الخاصية", dg = "القيمة", pg = "إغلاق", cg = "التحرير", ug = "الخصائص", bg = "حذف", mg = "الجوال", gg = "غامق", xg = "رابط", hg = "قائمة", fg = "بحث", yg = "أفقي", vg = "عمودي", wg = "مربع", Sg = "الصور", kg = "السابق", Cg = "التالي", Tg = "معلومات", Pg = "نص", Mg = "الأنواع", Lg = "السمات", Eg = "التسويق", Ag = "بطاقات", $g = "شرائح", _g = "القسم الرئيسي", Bg = "الميزات", Ig = "التسعير", Hg = "الفريق", Dg = "الأسئلة الشائعة", Rg = "اتصل", zg = "أزرار", Og = "المكونات", Ng = "مقالة", Fg = "مصفوفة", jg = "المحتوى", Vg = "عنصر", qg = "مكون", Ug = "الكل", Wg = "صورة", Gg = "التعتيم", Kg = "التطبيق", Jg = "الإصدار", Yg = "الخاصية", Qg = "القيمة", Xg = "العنوان", Zg = "المعرّف", ex = "الإعداد", tx = "المظهر", ox = "اللغة", rx = "الإشعارات", nx = "مفعّل", ix = "معطّل", ax = "الشعار", sx = "الوضع", lx = "التكوين", dx = "السابق", px = "العناوين", cx = "الوسائط", ux = "الروابط", bx = "أعلى", mx = "أسفل", gx = "يسار", xx = "يمين", hx = "عنصر", fx = "عمودي", yx = "أفقي", vx = "تغطية", wx = "احتواء", Sx = "الشكل", kx = "تلقائي", Cx = "مربع", Tx = "استبدال", Px = "هبوط", Mx = "مؤسسي", Lx = "Saved", Ex = "إعادة تعيين", Ax = "لون مميز", $x = "تمييز", _x = "محايد", Bx = "فاتح", FR = {
   "Reset Page": "إعادة تعيين الصفحة",
   "Global Page Styles": "أنماط الصفحة العامة",
@@ -12713,8 +12713,8 @@ class x9 {
     let h = d == s.childCount;
     h || (m = -1), this.placed = Di(this.placed, t, oe.from(c)), this.frontier[t].match = u, h && m < 0 && r && r.type == this.frontier[this.depth].type && this.frontier.length > 1 && this.closeFrontierNode();
     for (let x = 0, v = s; x < m; x++) {
-      let C = v.lastChild;
-      this.frontier.push({ type: C.type, match: C.contentMatchAt(C.childCount) }), v = C.content;
+      let k = v.lastChild;
+      this.frontier.push({ type: k.type, match: k.contentMatchAt(k.childCount) }), v = k.content;
     }
     this.unplaced = h ? e == 0 ? me.empty : new me(Hi(a.content, e - 1, 1), e - 1, m < 0 ? a.openEnd : e - 1) : new me(Hi(a.content, e, d), a.openStart, a.openEnd);
   }
@@ -12831,11 +12831,11 @@ function y9(o, e, t, r) {
     let m = (b + c + 1) % (r.openStart + 1), h = d[m];
     if (h)
       for (let x = 0; x < a.length; x++) {
-        let v = a[(x + l) % a.length], C = !0;
-        v < 0 && (C = !1, v = -v);
-        let T = n.node(v - 1), k = n.index(v - 1);
-        if (T.canReplaceWith(k, k, h.type, h.marks))
-          return o.replace(n.before(v), C ? i.after(v) : t, new me(TI(r.content, 0, r.openStart, m), m, r.openEnd));
+        let v = a[(x + l) % a.length], k = !0;
+        v < 0 && (k = !1, v = -v);
+        let T = n.node(v - 1), C = n.index(v - 1);
+        if (T.canReplaceWith(C, C, h.type, h.marks))
+          return o.replace(n.before(v), k ? i.after(v) : t, new me(TI(r.content, 0, r.openStart, m), m, r.openEnd));
       }
   }
   let u = o.steps.length;
@@ -14299,8 +14299,8 @@ function WI(o, e, t, r) {
   if (d && (a = (s = n.contentMatchAt(n.childCount)).findWrapping(i.type)) && s.matchType(a[0] || i.type).validEnd) {
     if (t) {
       let m = e.pos + i.nodeSize, h = oe.empty;
-      for (let C = a.length - 1; C >= 0; C--)
-        h = oe.from(a[C].create(null, h));
+      for (let k = a.length - 1; k >= 0; k--)
+        h = oe.from(a[k].create(null, h));
       h = oe.from(n.copy(h));
       let x = o.tr.step(new Qt(e.pos - 1, m, e.pos, m, new me(h, 1, 0), a.length, !0)), v = x.doc.resolve(m + 2 * a.length);
       v.nodeAfter && v.nodeAfter.type == n.type && Vr(x.doc, v.pos) && x.join(v.pos), t(x.scrollIntoView());
@@ -14319,10 +14319,10 @@ function WI(o, e, t, r) {
       v++;
     if (m.canReplace(m.childCount, m.childCount, x.content)) {
       if (t) {
-        let C = oe.empty;
-        for (let k = h.length - 1; k >= 0; k--)
-          C = oe.from(h[k].copy(C));
-        let T = o.tr.step(new Qt(e.pos - h.length, e.pos + i.nodeSize, e.pos + v, e.pos + i.nodeSize - v, new me(C, h.length, 0), 0, !0));
+        let k = oe.empty;
+        for (let C = h.length - 1; C >= 0; C--)
+          k = oe.from(h[C].copy(k));
+        let T = o.tr.step(new Qt(e.pos - h.length, e.pos + i.nodeSize, e.pos + v, e.pos + i.nodeSize - v, new me(k, h.length, 0), 0, !0));
         t(T.scrollIntoView());
       }
       return !0;
@@ -15191,8 +15191,8 @@ class _a {
               v.nodeName == "BR" && (s = l = { node: v.parentNode, offset: yt(v) + 1 });
               break;
             }
-            let C = x.pmViewDesc;
-            if (C && C.node && C.node.isBlock)
+            let k = x.pmViewDesc;
+            if (k && k.node && k.node.isBlock)
               break;
           }
       } else {
@@ -15898,8 +15898,8 @@ function SO(o, e, t, r) {
     if (b.isText) {
       let v = h;
       a < n.length && n[a].from < v && (v = n[a].from);
-      for (let C = 0; C < s.length; C++)
-        s[C].to < v && (v = s[C].to);
+      for (let k = 0; k < s.length; k++)
+        s[k].to < v && (v = s[k].to);
       v < h && (l = b.cut(v - i), b = b.cut(0, v - i), h = v, m = -1);
     } else
       for (; a < n.length && n[a].to < h; )
@@ -16978,7 +16978,7 @@ function dN(o, e, t) {
     l.setSelection(new Se(b));
   else {
     let m = l.mapping.map(s);
-    l.mapping.maps[l.mapping.maps.length - 1].forEach((h, x, v, C) => m = C), l.setSelection(bc(o, b, l.doc.resolve(m)));
+    l.mapping.maps[l.mapping.maps.length - 1].forEach((h, x, v, k) => m = k), l.setSelection(bc(o, b, l.doc.resolve(m)));
   }
   o.focus(), o.dispatch(l.setMeta("uiEvent", "drop"));
 }
@@ -17385,12 +17385,12 @@ function pN(o, e, t, r, n, i, a) {
     let u = 0;
     t.maps[d].forEach((b, m, h, x) => {
       let v = x - h - (m - b);
-      for (let C = 0; C < s.length; C += 3) {
-        let T = s[C + 1];
+      for (let k = 0; k < s.length; k += 3) {
+        let T = s[k + 1];
         if (T < 0 || b > T + c - u)
           continue;
-        let k = s[C] + c - u;
-        m >= k ? s[C + 1] = b <= k ? -2 : -1 : b >= c && v && (s[C] += v, s[C + 1] += v);
+        let C = s[k] + c - u;
+        m >= C ? s[k + 1] = b <= C ? -2 : -1 : b >= c && v && (s[k] += v, s[k + 1] += v);
       }
       u += v;
     }), c = t.maps[d].map(c, -1);
@@ -17409,8 +17409,8 @@ function pN(o, e, t, r, n, i, a) {
       }
       let b = t.map(o[d + 1] + i, -1), m = b - n, { index: h, offset: x } = r.content.findIndex(u), v = r.maybeChild(h);
       if (v && x == u && x + v.nodeSize == m) {
-        let C = s[d + 2].mapInner(t, v, c + 1, o[d] + i + 1, a);
-        C != Tt ? (s[d] = u, s[d + 1] = m, s[d + 2] = C) : (s[d + 1] = -2, l = !0);
+        let k = s[d + 2].mapInner(t, v, c + 1, o[d] + i + 1, a);
+        k != Tt ? (s[d] = u, s[d + 1] = m, s[d + 2] = k) : (s[d + 1] = -2, l = !0);
       } else
         l = !0;
     }
@@ -17746,8 +17746,8 @@ function vN(o, e, t) {
   let { node: r, fromOffset: n, toOffset: i, from: a, to: s } = o.docView.parseRange(e, t), l = o.domSelectionRange(), d, c = l.anchorNode;
   if (c && o.dom.contains(c.nodeType == 1 ? c : c.parentNode) && (d = [{ node: c, offset: l.anchorOffset }], zl(l) || d.push({ node: l.focusNode, offset: l.focusOffset })), ct && o.input.lastKeyCode === 8)
     for (let v = i; v > n; v--) {
-      let C = r.childNodes[v - 1], T = C.pmViewDesc;
-      if (C.nodeName == "BR" && !T) {
+      let k = r.childNodes[v - 1], T = k.pmViewDesc;
+      if (k.nodeName == "BR" && !T) {
         i = v;
         break;
       }
@@ -17766,8 +17766,8 @@ function vN(o, e, t) {
     context: m
   });
   if (d && d[0].pos != null) {
-    let v = d[0].pos, C = d[1] && d[1].pos;
-    C == null && (C = v), h = { anchor: v + a, head: C + a };
+    let v = d[0].pos, k = d[1] && d[1].pos;
+    k == null && (k = v), h = { anchor: v + a, head: k + a };
   }
   return { doc: x, sel: h, from: a, to: s };
 }
@@ -17821,7 +17821,7 @@ function kN(o, e, t, r, n) {
       return;
     }
   o.state.selection.from < o.state.selection.to && h.start == h.endB && o.state.selection instanceof Pe && (h.start > o.state.selection.from && h.start <= o.state.selection.from + 2 && o.state.selection.from >= d.from ? h.start = o.state.selection.from : h.endA < o.state.selection.to && h.endA >= o.state.selection.to - 2 && o.state.selection.to <= d.to && (h.endB += o.state.selection.to - h.endA, h.endA = o.state.selection.to)), Yt && Rr <= 11 && h.endB == h.start + 1 && h.endA == h.start && h.start > d.from && d.doc.textBetween(h.start - d.from - 1, h.start - d.from + 1) == "  " && (h.start--, h.endA--, h.endB--);
-  let x = d.doc.resolveNoCache(h.start - d.from), v = d.doc.resolveNoCache(h.endB - d.from), C = c.resolve(h.start), T = x.sameParent(v) && x.parent.inlineContent && C.end() >= h.endA;
+  let x = d.doc.resolveNoCache(h.start - d.from), v = d.doc.resolveNoCache(h.endB - d.from), k = c.resolve(h.start), T = x.sameParent(v) && x.parent.inlineContent && k.end() >= h.endA;
   if ((ni && o.input.lastIOSEnter > Date.now() - 225 && (!T || n.some((P) => P.nodeName == "DIV" || P.nodeName == "P")) || !T && x.pos < d.doc.content.size && (!x.sameParent(v) || !x.parent.inlineContent) && x.pos < v.pos && !/\S/.test(d.doc.textBetween(x.pos, v.pos, "", ""))) && o.someProp("handleKeyDown", (P) => P(o, on(13, "Enter")))) {
     o.input.lastIOSEnter = 0;
     return;
@@ -17835,28 +17835,28 @@ function kN(o, e, t, r, n) {
       return P(o, on(13, "Enter"));
     });
   }, 20));
-  let k = h.start, B = h.endA, A = (P) => {
-    let I = P || o.state.tr.replace(k, B, d.doc.slice(h.start - d.from, h.endB - d.from));
+  let C = h.start, B = h.endA, A = (P) => {
+    let I = P || o.state.tr.replace(C, B, d.doc.slice(h.start - d.from, h.endB - d.from));
     if (d.sel) {
       let $ = Qu(o, I.doc, d.sel);
-      $ && !(ct && o.composing && $.empty && (h.start != h.endB || o.input.lastChromeDelete < Date.now() - 100) && ($.head == k || $.head == I.mapping.map(B) - 1) || Yt && $.empty && $.head == k) && I.setSelection($);
+      $ && !(ct && o.composing && $.empty && (h.start != h.endB || o.input.lastChromeDelete < Date.now() - 100) && ($.head == C || $.head == I.mapping.map(B) - 1) || Yt && $.empty && $.head == C) && I.setSelection($);
     }
     return i && I.setMeta("composition", i), I.scrollIntoView();
   }, H;
   if (T)
     if (x.pos == v.pos) {
       Yt && Rr <= 11 && x.parentOffset == 0 && (o.domObserver.suppressSelectionUpdates(), setTimeout(() => sr(o), 20));
-      let P = A(o.state.tr.delete(k, B)), I = c.resolve(h.start).marksAcross(c.resolve(h.endA));
+      let P = A(o.state.tr.delete(C, B)), I = c.resolve(h.start).marksAcross(c.resolve(h.endA));
       I && P.ensureMarks(I), o.dispatch(P);
     } else if (
       // Adding or removing a mark
-      h.endA == h.endB && (H = CN(x.parent.content.cut(x.parentOffset, v.parentOffset), C.parent.content.cut(C.parentOffset, h.endA - C.start())))
+      h.endA == h.endB && (H = CN(x.parent.content.cut(x.parentOffset, v.parentOffset), k.parent.content.cut(k.parentOffset, h.endA - k.start())))
     ) {
       let P = A(o.state.tr);
-      H.type == "add" ? P.addMark(k, B, H.mark) : P.removeMark(k, B, H.mark), o.dispatch(P);
+      H.type == "add" ? P.addMark(C, B, H.mark) : P.removeMark(C, B, H.mark), o.dispatch(P);
     } else if (x.parent.child(x.index()).isText && x.index() == v.index() - (v.textOffset ? 0 : 1)) {
-      let P = x.parent.textBetween(x.parentOffset, v.parentOffset), I = () => A(o.state.tr.insertText(P, k, B));
-      o.someProp("handleTextInput", ($) => $(o, k, B, P, I)) || o.dispatch(I());
+      let P = x.parent.textBetween(x.parentOffset, v.parentOffset), I = () => A(o.state.tr.insertText(P, C, B));
+      o.someProp("handleTextInput", ($) => $(o, C, B, P, I)) || o.dispatch(I());
     } else
       o.dispatch(A());
   else
@@ -18959,15 +18959,15 @@ var iF = (o) => !("type" in o), aF = (o, e, t) => ({ tr: r, dispatch: n, editor:
         x = e.map((v) => v.text || "").join("");
       else if (e instanceof oe) {
         let v = "";
-        e.forEach((C) => {
-          C.text && (v += C.text);
+        e.forEach((k) => {
+          k.text && (v += k.text);
         }), x = v;
       } else typeof e == "object" && e && e.text ? x = e.text : x = e;
       r.insertText(x, c, u);
     } else {
       x = s;
-      const v = r.doc.resolve(c), C = v.node(), T = v.parentOffset === 0, k = C.isText || C.isTextblock, B = C.content.size > 0;
-      T && k && B && m && (c = Math.max(0, c - 1)), r.replaceWith(c, u, x);
+      const v = r.doc.resolve(c), k = v.node(), T = v.parentOffset === 0, C = k.isText || k.isTextblock, B = k.content.size > 0;
+      T && C && B && m && (c = Math.max(0, c - 1)), r.replaceWith(c, u, x);
     }
     t.updateSelection && nF(r, r.steps.length - 1, -1), t.applyInputRules && r.setMeta("applyInputRules", { from: c, text: x }), t.applyPasteRules && r.setMeta("applyPasteRules", { from: c, text: x });
   }
@@ -19223,13 +19223,13 @@ function FH(o) {
     u().forEach((m) => {
       let h;
       Array.isArray(m.types) ? h = m.types : m.types === "*" ? h = l : m.types === "nodes" ? h = a : m.types === "marks" ? h = s : h = [], h.forEach((x) => {
-        Object.entries(m.attributes).forEach(([v, C]) => {
+        Object.entries(m.attributes).forEach(([v, k]) => {
           e.push({
             type: x,
             name: v,
             attribute: {
               ...i,
-              ...C
+              ...k
             }
           });
         });
@@ -19366,21 +19366,21 @@ function DF(o, e) {
   const r = FH(o), { nodeExtensions: n, markExtensions: i } = ii(o), a = (t = n.find((d) => fe(d, "topNode"))) == null ? void 0 : t.name, s = Object.fromEntries(
     n.map((d) => {
       const c = r.filter(
-        (C) => C.type === d.name
+        (k) => k.type === d.name
       ), u = {
         name: d.name,
         options: d.options,
         storage: d.storage,
         editor: e
-      }, b = o.reduce((C, T) => {
-        const k = fe(
+      }, b = o.reduce((k, T) => {
+        const C = fe(
           T,
           "extendNodeSchema",
           u
         );
         return {
-          ...C,
-          ...k ? k(d) : {}
+          ...k,
+          ...C ? C(d) : {}
         };
       }, {}), m = db({
         ...b,
@@ -19419,16 +19419,16 @@ function DF(o, e) {
         fe(d, "parseHTML", u)
       );
       h && (m.parseDOM = h.map(
-        (C) => lb(C, c)
+        (k) => lb(k, c)
       ));
       const x = fe(
         d,
         "renderHTML",
         u
       );
-      x && (m.toDOM = (C) => x({
-        node: C,
-        HTMLAttributes: wa(C, c)
+      x && (m.toDOM = (k) => x({
+        node: k,
+        HTMLAttributes: wa(k, c)
       }));
       const v = fe(
         d,
@@ -19446,9 +19446,9 @@ function DF(o, e) {
         options: d.options,
         storage: d.storage,
         editor: e
-      }, b = o.reduce((v, C) => {
+      }, b = o.reduce((v, k) => {
         const T = fe(
-          C,
+          k,
           "extendMarkSchema",
           u
         );
@@ -19665,11 +19665,11 @@ function Cp(o, e, t = {}) {
         return !1;
       if (!x.isText && !x.marks.length)
         return;
-      const C = Math.max(m, v), T = Math.min(h, v + x.nodeSize), k = T - C;
-      a += k, s.push(
+      const k = Math.max(m, v), T = Math.min(h, v + x.nodeSize), C = T - k;
+      a += C, s.push(
         ...x.marks.map((B) => ({
           mark: B,
-          from: C,
+          from: k,
           to: T
         }))
       );
@@ -19808,12 +19808,12 @@ var YF = (o, e = {}) => ({ tr: t, state: r, dispatch: n }) => {
         const c = d.$from.pos, u = d.$to.pos;
         r.doc.nodesBetween(c, u, (b, m) => {
           const h = Math.max(m, c), x = Math.min(m + b.nodeSize, u);
-          b.marks.find((C) => C.type === l) ? b.marks.forEach((C) => {
-            l === C.type && t.addMark(
+          b.marks.find((k) => k.type === l) ? b.marks.forEach((k) => {
+            l === k.type && t.addMark(
               h,
               x,
               l.create({
-                ...C.attrs,
+                ...k.attrs,
                 ...e
               })
             );
@@ -19900,20 +19900,20 @@ var rj = ({ keepMarks: o = !0 } = {}) => ({ tr: e, state: t, dispatch: r, editor
     if (l.depth === 2 || l.node(-3).type !== s || l.index(-2) !== l.node(-2).childCount - 1)
       return !1;
     if (n) {
-      let C = oe.empty;
+      let k = oe.empty;
       const T = l.index(-1) ? 1 : l.index(-2) ? 2 : 3;
       for (let I = l.depth - T; I >= l.depth - 3; I -= 1)
-        C = oe.from(l.node(I).copy(C));
-      const k = (
+        k = oe.from(l.node(I).copy(k));
+      const C = (
         // oxlint-disable-next-line no-nested-ternary
         l.indexAfter(-1) < l.node(-2).childCount ? 1 : l.indexAfter(-2) < l.node(-3).childCount ? 2 : 3
       ), B = {
         ...Ts(b, l.node().type.name, l.node().attrs),
         ...e
       }, A = ((a = s.contentMatch.defaultType) == null ? void 0 : a.createAndFill(B)) || void 0;
-      C = C.append(oe.from(s.createAndFill(null, A) || void 0));
+      k = k.append(oe.from(s.createAndFill(null, A) || void 0));
       const H = l.before(l.depth - (T - 1));
-      t.replace(H, l.after(-k), new me(C, 4 - T, 0));
+      t.replace(H, l.after(-C), new me(k, 4 - T, 0));
       let P = -1;
       t.doc.nodesBetween(H, t.doc.content.size, (I, $) => {
         if (P > -1)
@@ -19938,10 +19938,10 @@ var rj = ({ keepMarks: o = !0 } = {}) => ({ tr: e, state: t, dispatch: r, editor
   if (!ir(t.doc, l.pos, 2))
     return !1;
   if (n) {
-    const { selection: C, storedMarks: T } = r, { splittableMarks: k } = i.extensionManager, B = T || C.$to.parentOffset && C.$from.marks();
+    const { selection: k, storedMarks: T } = r, { splittableMarks: C } = i.extensionManager, B = T || k.$to.parentOffset && k.$from.marks();
     if (t.split(l.pos, 2, v).scrollIntoView(), !B || !n)
       return !0;
-    const A = B.filter((H) => k.includes(H.type.name));
+    const A = B.filter((H) => C.includes(H.type.name));
     t.ensureMarks(A);
   }
   return !0;
@@ -19979,13 +19979,13 @@ function ij(o) {
   return Pe.between(r, n);
 }
 var aj = (o, e, t, r = {}) => ({ editor: n, tr: i, state: a, dispatch: s, chain: l, commands: d, can: c }) => {
-  const { extensions: u, splittableMarks: b } = n.extensionManager, m = rt(o, a.schema), h = rt(e, a.schema), { selection: x, storedMarks: v } = a, { $from: C, $to: T } = x, k = C.blockRange(T), B = v || x.$to.parentOffset && x.$from.marks();
-  if (!k)
+  const { extensions: u, splittableMarks: b } = n.extensionManager, m = rt(o, a.schema), h = rt(e, a.schema), { selection: x, storedMarks: v } = a, { $from: k, $to: T } = x, C = k.blockRange(T), B = v || x.$to.parentOffset && x.$from.marks();
+  if (!C)
     return !1;
   const A = Vl((N) => Pd(N.type.name, u))(x), H = x.from === 0 && x.to === a.doc.content.size, P = a.doc.content.content, I = P.length === 1 ? P[0] : null, $ = H && I && Pd(I.type.name, u) ? {
     node: I,
     pos: 0
-  } : null, M = A ?? $, _ = !!A && k.depth >= 1 && k.depth - A.depth <= 1, K = !!$;
+  } : null, M = A ?? $, _ = !!A && C.depth >= 1 && C.depth - A.depth <= 1, K = !!$;
   if ((_ || K) && M) {
     if (M.node.type === m)
       return H && K ? l().command(({ tr: N, dispatch: F }) => {
@@ -20080,17 +20080,17 @@ var aj = (o, e, t, r = {}) => ({ editor: n, tr: i, state: a, dispatch: s, chain:
   return t.selection.ranges.forEach((d) => {
     const c = d.$from.pos, u = d.$to.pos;
     let b, m, h, x;
-    t.selection.empty ? r.doc.nodesBetween(c, u, (v, C) => {
-      i && i === v.type && (l = !0, h = Math.max(C, c), x = Math.min(C + v.nodeSize, u), b = C, m = v);
-    }) : r.doc.nodesBetween(c, u, (v, C) => {
-      C < c && i && i === v.type && (l = !0, h = Math.max(C, c), x = Math.min(C + v.nodeSize, u), b = C, m = v), C >= c && C <= u && (i && i === v.type && (l = !0, n && t.setNodeMarkup(C, void 0, {
+    t.selection.empty ? r.doc.nodesBetween(c, u, (v, k) => {
+      i && i === v.type && (l = !0, h = Math.max(k, c), x = Math.min(k + v.nodeSize, u), b = k, m = v);
+    }) : r.doc.nodesBetween(c, u, (v, k) => {
+      k < c && i && i === v.type && (l = !0, h = Math.max(k, c), x = Math.min(k + v.nodeSize, u), b = k, m = v), k >= c && k <= u && (i && i === v.type && (l = !0, n && t.setNodeMarkup(k, void 0, {
         ...v.attrs,
         ...e
       })), a && v.marks.length && v.marks.forEach((T) => {
         if (a === T.type && (l = !0, n)) {
-          const k = Math.max(C, c), B = Math.min(C + v.nodeSize, u);
+          const C = Math.max(k, c), B = Math.min(k + v.nodeSize, u);
           t.addMark(
-            k,
+            C,
             B,
             a.create({
               ...T.attrs,
@@ -20304,9 +20304,9 @@ function kj(o) {
         const x = new RegExp(`^:::${d}(?:\\s+\\{([^}]*)\\})?\\s*\\n`), v = u.match(x);
         if (!v)
           return;
-        const [C, T = ""] = v, k = n(T);
+        const [k, T = ""] = v, C = n(T);
         let B = 1;
-        const A = C.length;
+        const A = k.length;
         let H = "";
         const P = /^:::([\w-]*)(\s.*)?/gm, I = u.slice(A);
         for (P.lastIndex = 0; ; ) {
@@ -20338,7 +20338,7 @@ function kj(o) {
               return {
                 type: e,
                 raw: N,
-                attributes: k,
+                attributes: C,
                 content: H,
                 tokens: F
               };
@@ -20390,10 +20390,10 @@ function Pj(o) {
     return l.forEach((h) => {
       const x = typeof h == "string" ? h : h.name, v = typeof h == "string" ? void 0 : h.skipIfDefault;
       if (x in b) {
-        const C = b[x];
-        if (v !== void 0 && C === v)
+        const k = b[x];
+        if (v !== void 0 && k === v)
           return;
-        m[x] = C;
+        m[x] = k;
       }
     }), m;
   }, u = d.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
@@ -20418,26 +20418,26 @@ function Pj(o) {
         ), v = b.match(x);
         if (!v)
           return;
-        let C = "", T = "";
+        let k = "", T = "";
         if (s) {
           const [, B] = v;
           T = B;
         } else {
           const [, B, A] = v;
-          T = B, C = A || "";
+          T = B, k = A || "";
         }
-        const k = n(T.trim());
+        const C = n(T.trim());
         return {
           type: e,
           raw: v[0],
-          content: C.trim(),
-          attributes: k
+          content: k.trim(),
+          attributes: C
         };
       }
     },
     renderMarkdown: (b) => {
       let m = "";
-      r ? m = r(b) : b.content && b.content.length > 0 && (m = b.content.filter((C) => C.type === "text").map((C) => C.text).join(""));
+      r ? m = r(b) : b.content && b.content.length > 0 && (m = b.content.filter((k) => k.type === "text").map((k) => k.text).join(""));
       const h = c(b.attrs || {}), x = i(h), v = x ? ` ${x}` : "";
       return s ? `[${d}${v}]` : `[${d}${v}]${m}[/${d}]`;
     }
@@ -20464,7 +20464,7 @@ function Tp(o, e, t) {
     const h = e.extractItemData(m), { indentLevel: x, mainContent: v } = h;
     d = `${d}${b}
 `;
-    const C = [v];
+    const k = [v];
     for (c += 1; c < s.length; ) {
       const A = s[c];
       if (A.trim() === "") {
@@ -20472,22 +20472,22 @@ function Tp(o, e, t) {
         if (P === -1)
           break;
         if ((((n = (r = s[c + 1 + P].match(/^(\s*)/)) == null ? void 0 : r[1]) == null ? void 0 : n.length) || 0) > x) {
-          C.push(A), d = `${d}${A}
+          k.push(A), d = `${d}${A}
 `, c += 1;
           continue;
         } else
           break;
       }
       if ((((a = (i = A.match(/^(\s*)/)) == null ? void 0 : i[1]) == null ? void 0 : a.length) || 0) > x)
-        C.push(A), d = `${d}${A}
+        k.push(A), d = `${d}${A}
 `, c += 1;
       else
         break;
     }
     let T;
-    const k = C.slice(1);
-    if (k.length > 0) {
-      const A = k.map((H) => H.slice(x + u)).join(`
+    const C = k.slice(1);
+    if (C.length > 0) {
+      const A = C.map((H) => H.slice(x + u)).join(`
 `);
       A.trim() && (e.customNestedParser ? T = e.customNestedParser(A) : T = t.blockTokens(A));
     }
@@ -20589,7 +20589,7 @@ function Xa(o) {
     }), v = {
       from: r - (m[0].length - i.length),
       to: n
-    }, { commands: C, chain: T, can: k } = new Fl({
+    }, { commands: k, chain: T, can: C } = new Fl({
       editor: t,
       state: x
     });
@@ -20597,9 +20597,9 @@ function Xa(o) {
       state: x,
       range: v,
       match: m,
-      commands: C,
+      commands: k,
       chain: T,
-      can: k
+      can: C
     }) === null || !h.steps.length || (b.undoable && h.setMeta(s, {
       transform: h,
       from: r,
@@ -20770,10 +20770,10 @@ function _j(o) {
     state: t
   }), u = [];
   return t.doc.nodesBetween(r, n, (m, h) => {
-    var x, v, C, T, k;
+    var x, v, k, T, C;
     if ((v = (x = m.type) == null ? void 0 : x.spec) != null && v.code || !(m.isText || m.isTextblock || m.isInline))
       return;
-    const B = (k = (T = (C = m.content) == null ? void 0 : C.size) != null ? T : m.nodeSize) != null ? k : 0, A = Math.max(r, h), H = Math.min(n, h + B);
+    const B = (C = (T = (k = m.content) == null ? void 0 : k.size) != null ? T : m.nodeSize) != null ? C : 0, A = Math.max(r, h), H = Math.min(n, h + B);
     if (A >= H)
       return;
     const P = m.isText ? m.text || "" : m.textBetween(A - h, H - h, void 0, "");
@@ -20878,13 +20878,13 @@ function Ij(o) {
       }
     },
     appendTransaction: (u, b, m) => {
-      const h = u[0], x = h.getMeta("uiEvent") === "paste" && !n, v = h.getMeta("uiEvent") === "drop" && !i, C = h.getMeta("applyPasteRules"), T = !!C;
+      const h = u[0], x = h.getMeta("uiEvent") === "paste" && !n, v = h.getMeta("uiEvent") === "drop" && !i, k = h.getMeta("applyPasteRules"), T = !!k;
       if (!x && !v && !T)
         return;
       if (T) {
-        let { text: A } = C;
+        let { text: A } = k;
         typeof A == "string" ? A = A : A = Cc(oe.from(A), m.schema);
-        const { from: H } = C, P = H + A.length, I = Bj(A);
+        const { from: H } = k, P = H + A.length, I = Bj(A);
         return l({
           rule: c,
           state: m,
@@ -20893,12 +20893,12 @@ function Ij(o) {
           pasteEvt: I
         });
       }
-      const k = b.doc.content.findDiffStart(m.doc.content), B = b.doc.content.findDiffEnd(m.doc.content);
-      if (!(!yj(k) || !B || k === B.b))
+      const C = b.doc.content.findDiffStart(m.doc.content), B = b.doc.content.findDiffEnd(m.doc.content);
+      if (!(!yj(C) || !B || C === B.b))
         return l({
           rule: c,
           state: m,
-          from: k,
+          from: C,
           to: B,
           pasteEvt: a
         });
@@ -21288,7 +21288,7 @@ var Ke = class e7 extends Ec {
           m.oldRange.from,
           m.oldRange.to,
           (h, x) => {
-            const v = x + h.nodeSize - 2, C = m.oldRange.from <= x && v <= m.oldRange.to;
+            const v = x + h.nodeSize - 2, k = m.oldRange.from <= x && v <= m.oldRange.to;
             this.editor.emit("delete", {
               type: "node",
               node: h,
@@ -21298,7 +21298,7 @@ var Ke = class e7 extends Ec {
               newTo: c.mapping.map(v),
               deletedRange: m.oldRange,
               newRange: m.newRange,
-              partial: !C,
+              partial: !k,
               editor: this.editor,
               transaction: o,
               combinedTransform: c
@@ -21310,18 +21310,18 @@ var Ke = class e7 extends Ec {
       c.steps.forEach((m, h) => {
         var x, v;
         if (m instanceof bi) {
-          const C = b.slice(h).map(m.from, -1), T = b.slice(h).map(m.to), k = b.invert().map(C, -1), B = b.invert().map(T), A = C > 0 ? (x = c.doc.nodeAt(C - 1)) == null ? void 0 : x.marks.some((P) => P.eq(m.mark)) : !1, H = (v = c.doc.nodeAt(T)) == null ? void 0 : v.marks.some((P) => P.eq(m.mark));
+          const k = b.slice(h).map(m.from, -1), T = b.slice(h).map(m.to), C = b.invert().map(k, -1), B = b.invert().map(T), A = k > 0 ? (x = c.doc.nodeAt(k - 1)) == null ? void 0 : x.marks.some((P) => P.eq(m.mark)) : !1, H = (v = c.doc.nodeAt(T)) == null ? void 0 : v.marks.some((P) => P.eq(m.mark));
           this.editor.emit("delete", {
             type: "mark",
             mark: m.mark,
             from: m.from,
             to: m.to,
             deletedRange: {
-              from: k,
+              from: C,
               to: B
             },
             newRange: {
-              from: C,
+              from: k,
               to: T
             },
             partial: !!(H || A),
@@ -21396,8 +21396,8 @@ var Ke = class e7 extends Ec {
       () => a.undoInputRule(),
       // maybe convert first text block node to default node
       () => a.command(({ tr: s }) => {
-        const { selection: l, doc: d } = s, { empty: c, $anchor: u } = l, { pos: b, parent: m } = u, h = u.parent.isTextblock && b > 0 ? s.doc.resolve(b - 1) : u, x = h.parent.type.spec.isolating, v = u.pos - u.parentOffset, C = x && h.parent.childCount === 1 ? v === u.pos : Ee.atStart(d).from === b;
-        return !c || !m.type.isTextblock || m.textContent.length || !C || C && u.parent.type.name === "paragraph" ? !1 : a.clearNodes();
+        const { selection: l, doc: d } = s, { empty: c, $anchor: u } = l, { pos: b, parent: m } = u, h = u.parent.isTextblock && b > 0 ? s.doc.resolve(b - 1) : u, x = h.parent.type.spec.isolating, v = u.pos - u.parentOffset, k = x && h.parent.childCount === 1 ? v === u.pos : Ee.atStart(d).from === b;
+        return !c || !m.type.isTextblock || m.textContent.length || !k || k && u.parent.type.name === "paragraph" ? !1 : a.clearNodes();
       }),
       () => a.deleteSelection(),
       () => a.joinBackward(),
@@ -22302,7 +22302,7 @@ function fn(o) {
       let d = t.to;
       if (s) {
         const c = l.search(/\S/), u = t.from + l.indexOf(s), b = u + s.length;
-        if (Tc(t.from, t.to, e.doc).filter((x) => x.mark.type.excluded.find((C) => C === o.type && C !== x.mark.type)).filter((x) => x.to > u).length)
+        if (Tc(t.from, t.to, e.doc).filter((x) => x.mark.type.excluded.find((k) => k === o.type && k !== x.mark.type)).filter((x) => x.to > u).length)
           return null;
         b < t.to && a.delete(b, t.to), u > t.from && a.delete(t.from + c, u), d = t.from + c + s.length, a.addMark(t.from + c, d, o.type.create(i || {})), r.index !== void 0 && r.input !== void 0 && r.index + r[0].length >= r.input.length || a.removeStoredMark(o.type);
       }
@@ -22361,7 +22361,7 @@ var b7 = class extends zj {
     const e = S(), t = bm();
     return ui(() => {
       const r = o.editor;
-      r && r.options.element && e.value && ue(() => {
+      r && r.options.element && e.value && ce(() => {
         var n;
         if (!e.value || !((n = r.view.dom) != null && n.parentNode))
           return;
@@ -24239,13 +24239,13 @@ ${t}
             }
             x += m[H].length + 1;
           }
-          const T = ((l = m[h].match(/^ */)) == null ? void 0 : l[0]) || "", k = Math.min(T.length, t);
-          if (k === 0)
+          const T = ((l = m[h].match(/^ */)) == null ? void 0 : l[0]) || "", C = Math.min(T.length, t);
+          if (C === 0)
             return !0;
           let B = c;
           for (let H = 0; H < h; H += 1)
             B += m[H].length + 1;
-          return s.delete(B, B + k), d - B <= k && s.setSelection(Pe.create(s.doc, B)), !0;
+          return s.delete(B, B + C), d - B <= C && s.setSelection(Pe.create(s.doc, B)), !0;
         }) : o.commands.command(({ tr: s }) => {
           const { from: l, to: d } = n, b = r.doc.textBetween(l, d, `
 `, `
@@ -25155,12 +25155,12 @@ function $V({
   ee(h, io, h), $e(h, o.domain, u), $e(m, o.domain, u), ee(m, Ao, b), ee(m, io, h);
   const x = ee(a, io), v = ee(a, Ao);
   ee(x, io, x), $e(x, o.domain, a), $e(v, r, i), $e(v, o.domain, a);
-  const C = no(is);
-  $e(v, o.tld, C), $e(v, o.utld, C), $e(C, o.domain, a), $e(C, r, i), ee(C, Ao, v), ee(C, io, x), ee(C, Pr, d);
-  const T = ee(C, ln), k = no(is);
-  $e(T, o.numeric, k);
+  const k = no(is);
+  $e(v, o.tld, k), $e(v, o.utld, k), $e(k, o.domain, a), $e(k, r, i), ee(k, Ao, v), ee(k, io, x), ee(k, Pr, d);
+  const T = ee(k, ln), C = no(is);
+  $e(T, o.numeric, C);
   const B = no(is), A = no();
-  $e(B, e, B), $e(B, t, A), $e(A, e, B), $e(A, t, A), ee(C, $o, B), ee(k, $o, B);
+  $e(B, e, B), $e(B, t, A), $e(A, e, B), $e(A, t, A), ee(k, $o, B), ee(C, $o, B);
   const H = ee(s, ln), P = ee(l, ln), I = ee(P, $o), $ = ee(I, $o);
   $e(s, o.domain, a), ee(s, Ao, v), ee(s, io, x), $e(l, o.domain, a), ee(l, Ao, v), ee(l, io, x), $e(H, o.domain, B), ee(H, $o, B), ee(H, sa, B), $e($, o.domain, B), $e($, e, B), ee($, $o, B);
   const M = [
@@ -25189,7 +25189,7 @@ function $V({
     const V = no();
     $e(F, t, V), ee(F, N, B), $e(G, e, G), $e(G, t, V), $e(V, e, G), $e(V, t, V), ee(G, N, B), ee(V, N, B);
   }
-  return ee(n, Ca, C), ee(n, Bc, AV), {
+  return ee(n, Ca, k), ee(n, Bc, AV), {
     start: n,
     tokens: D7
   };
@@ -25314,22 +25314,22 @@ function FV(o) {
           if (!h)
             return !1;
           const v = Oc(h).map(
-            (C) => C.toObject(o.defaultProtocol)
+            (k) => k.toObject(o.defaultProtocol)
           );
           if (!NV(v))
             return !1;
-          v.filter((C) => C.isLink).map((C) => ({
-            ...C,
-            from: x + C.start + 1,
-            to: x + C.end + 1
-          })).filter((C) => r.schema.marks.code ? !r.doc.rangeHasMark(C.from, C.to, r.schema.marks.code) : !0).filter((C) => o.validate(C.value)).filter((C) => o.shouldAutoLink(C.value)).forEach((C) => {
-            Tc(C.from, C.to, r.doc).some(
+          v.filter((k) => k.isLink).map((k) => ({
+            ...k,
+            from: x + k.start + 1,
+            to: x + k.end + 1
+          })).filter((k) => r.schema.marks.code ? !r.doc.rangeHasMark(k.from, k.to, r.schema.marks.code) : !0).filter((k) => o.validate(k.value)).filter((k) => o.shouldAutoLink(k.value)).forEach((k) => {
+            Tc(k.from, k.to, r.doc).some(
               (T) => T.mark.type === o.type
             ) || a.addMark(
-              C.from,
-              C.to,
+              k.from,
+              k.to,
               o.type.create({
-                href: C.href
+                href: k.href
               })
             );
           });
@@ -26133,18 +26133,18 @@ function xq(o) {
     const [, a, s, l, d] = i, c = a.length, u = parseInt(s, 10), b = isNaN(u) ? Kl(s) : void 0, m = isNaN(u) ? Vc(s) : u, h = [d];
     let x = t + 1;
     const v = [n];
-    let C = !1;
+    let k = !1;
     for (; x < o.length; ) {
       const T = o[x];
       if (T.match(Np))
         break;
       if (T.trim() === "")
-        v.push(T), h.push(""), C = !0, x += 1;
+        v.push(T), h.push(""), k = !0, x += 1;
       else if (T.match(uq)) {
         const B = T.length - T.trimStart().length, A = c + s.length + 1;
         v.push(T), h.push(T.slice(Math.min(B, A))), x += 1;
       } else {
-        if (C)
+        if (k)
           break;
         v.push(T), h.push(T), x += 1;
       }
@@ -26563,8 +26563,8 @@ var Y7 = to.create({
           const b = r.extensionManager.attributes, m = wa(u, b), h = new Set(Object.keys(m)), x = this.options.HTMLAttributes;
           return c.forEach((v) => {
             h.has(v) || (v in x ? n.setAttribute(v, x[v]) : n.removeAttribute(v));
-          }), Object.entries(m).forEach(([v, C]) => {
-            C == null ? v in x ? n.setAttribute(v, x[v]) : n.removeAttribute(v) : n.setAttribute(v, C);
+          }), Object.entries(m).forEach(([v, k]) => {
+            k == null ? v in x ? n.setAttribute(v, x[v]) : n.removeAttribute(v) : n.setAttribute(v, k);
           }), c = h, !0;
         }
       };
@@ -27697,13 +27697,13 @@ function Yq({
   } else {
     const b = Pa.getState(o.state), m = (i = b == null ? void 0 : b.topPos) != null ? i : 0, h = (a = b == null ? void 0 : b.bottomPos) != null ? a : r.content.size;
     r.nodesBetween(m, h, (x, v) => {
-      const C = l >= v && l <= v + x.nodeSize, T = !x.isLeaf && Sa(x);
-      return x.type.isTextblock && (C || !e.showOnlyCurrent) && T && d.push(
+      const k = l >= v && l <= v + x.nodeSize, T = !x.isLeaf && Sa(x);
+      return x.type.isTextblock && (k || !e.showOnlyCurrent) && T && d.push(
         Hb({
           editor: o,
           isEmptyDoc: c,
           dataAttribute: t,
-          hasAnchor: C,
+          hasAnchor: k,
           placeholder: e.placeholder,
           classes: {
             emptyEditor: e.emptyEditorClass,
@@ -27711,7 +27711,7 @@ function Yq({
               editor: o,
               node: x,
               pos: v,
-              hasAnchor: C
+              hasAnchor: k
             })
           },
           node: x,
@@ -28710,7 +28710,7 @@ function Vp(o, e, t = {}, r, n, i) {
   !i && !h && (process.env.NODE_ENV === "production" || !n) && (r.state.value[o] = {});
   const x = S({});
   let v;
-  function C(M) {
+  function k(M) {
     let _;
     d = c = !1, process.env.NODE_ENV !== "production" && (m = []), typeof M == "function" ? (M(r.state.value[o]), _ = {
       type: Io.patchFunction,
@@ -28723,7 +28723,7 @@ function Vp(o, e, t = {}, r, n, i) {
       events: m
     });
     const K = v = Symbol();
-    ue().then(() => {
+    ce().then(() => {
       v === K && (d = !0);
     }), c = !0, Rn(u, _, r.state.value[o]);
   }
@@ -28738,7 +28738,7 @@ function Vp(o, e, t = {}, r, n, i) {
       throw new Error(`🍍: Store "${o}" is built using the setup syntax and does not implement $reset().`);
     } : xD
   );
-  function k() {
+  function C() {
     a.stop(), u = [], b = [], r._s.delete(o);
   }
   const B = (M, _ = "") => {
@@ -28779,7 +28779,7 @@ function Vp(o, e, t = {}, r, n, i) {
     // _s: scope,
     $id: o,
     $onAction: Nb.bind(null, b),
-    $patch: C,
+    $patch: k,
     $reset: T,
     $subscribe(M, _ = {}) {
       const K = Nb(u, M, _.detached, () => N()), N = a.run(() => le(() => r.state.value[o], (F) => {
@@ -28791,7 +28791,7 @@ function Vp(o, e, t = {}, r, n, i) {
       }, ao({}, l, _)));
       return K;
     },
-    $dispose: k
+    $dispose: C
   }, P = HR(process.env.NODE_ENV !== "production" || process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && _r ? ao(
     {
       _hmrPayload: A,
@@ -28822,7 +28822,7 @@ function Vp(o, e, t = {}, r, n, i) {
     set: (M) => {
       if (process.env.NODE_ENV !== "production" && n)
         throw new Error("cannot set hotState");
-      C((_) => {
+      k((_) => {
         ao(_, M);
       });
     }
@@ -28835,7 +28835,7 @@ function Vp(o, e, t = {}, r, n, i) {
       ds(P, _, cd(M.$state, _));
     }), Object.keys(P.$state).forEach((_) => {
       _ in M.$state || jd(P, _);
-    }), d = !1, c = !1, r.state.value[o] = cd(M._hmrPayload, "hotState"), c = !0, ue().then(() => {
+    }), d = !1, c = !1, r.state.value[o] = cd(M._hmrPayload, "hotState"), c = !0, ce().then(() => {
       d = !0;
     });
     for (const _ in M._hmrPayload.actions) {
@@ -29334,7 +29334,7 @@ const OU = /* @__PURE__ */ zU("pageBuilderState", {
           this.element = null;
           return;
         }
-        this.element = null, ue(() => {
+        this.element = null, ce(() => {
           this.element = o;
         });
       }
@@ -29344,12 +29344,12 @@ const OU = /* @__PURE__ */ zU("pageBuilderState", {
         this.element = null, this.component = null;
         return;
       }
-      this.component = null, ue(() => {
+      this.component = null, ce(() => {
         this.component = o;
       });
     },
     setComponents(o) {
-      this.components = [], ue(() => {
+      this.components = [], ce(() => {
         this.components = o || [];
       });
     },
@@ -29893,7 +29893,7 @@ const YU = { class: "pbx-my-2 pbx-py-2" }, QU = {
 }, $D = /* @__PURE__ */ ae({
   __name: "TypographyForTipTap",
   setup(o) {
-    const { translate: e } = ke(), t = qe(), r = je, n = S(null), i = S(null), a = S(null), s = S(null), l = S(null), d = S(null), c = S(""), u = S(null), b = L(() => r.getElement), m = L(() => r.getFontBase), h = L(() => r.getFontDesktop), x = L(() => r.getFontTablet), v = L(() => r.getFontMobile), C = L(() => r.getFontWeight), T = L(() => r.getFontFamily), k = L(() => r.getFontStyle), B = L(() => r.getPageBuilderConfig), A = L(
+    const { translate: e } = ke(), t = qe(), r = je, n = S(null), i = S(null), a = S(null), s = S(null), l = S(null), d = S(null), c = S(""), u = S(null), b = L(() => r.getElement), m = L(() => r.getFontBase), h = L(() => r.getFontDesktop), x = L(() => r.getFontTablet), v = L(() => r.getFontMobile), k = L(() => r.getFontWeight), T = L(() => r.getFontFamily), C = L(() => r.getFontStyle), B = L(() => r.getPageBuilderConfig), A = L(
       () => {
         var _;
         return LD((_ = B.value) == null ? void 0 : _.userSettings);
@@ -29901,7 +29901,7 @@ const YU = { class: "pbx-my-2 pbx-py-2" }, QU = {
     ), H = L(() => !!(d.value && d.value !== "none")), P = function() {
       t.handleFontFamily(d.value == null ? "none" : d.value);
     }, I = async () => {
-      if (await ue(), !(b.value instanceof HTMLElement)) {
+      if (await ce(), !(b.value instanceof HTMLElement)) {
         c.value = "";
         return;
       }
@@ -29941,7 +29941,7 @@ const YU = { class: "pbx-my-2 pbx-py-2" }, QU = {
       },
       { immediate: !0 }
     ), le(
-      C,
+      k,
       async (_) => {
         l.value = _, await M();
       },
@@ -29953,7 +29953,7 @@ const YU = { class: "pbx-my-2 pbx-py-2" }, QU = {
       },
       { immediate: !0 }
     ), le(b, I, { immediate: !0, flush: "post" }), le(
-      k,
+      C,
       async (_) => {
         u.value = _, await M();
       },
@@ -30048,7 +30048,7 @@ const pW = { class: "pbx-myInputGroup" }, cW = {
 }, bW = { class: "pbx-myPrimaryInputError pbx-mt-2 pbx-mb-0 pbx-py-0 pbx-self-start" }, mW = { class: "pbx-blockease-linear pbx-duration-200 pbx-block pbx-ease-linear" }, gW = { key: 0 }, xW = { class: "pbx-rounded-lg pbx-px-2" }, hW = { class: "pbx-flex pbx-flex-wrap pbx-items-center pbx-gap-2 pbx-border-solid pbx-px-4 pbx-border pbx-border-gray-200 pbx-mb-4 pbx-py-2" }, fW = /* @__PURE__ */ ae({
   __name: "TipTapInput",
   setup(o) {
-    const e = qe(), { translate: t } = ke(), r = je, n = S(!1), i = S(""), a = S(1), s = S(""), l = S(""), d = S(""), c = S(null), u = S(null), b = S(null), m = S(null), h = S(null), x = L(() => r.getElement), v = S(""), C = L(() => k != null && k.value ? k == null ? void 0 : k.value.getHTML() : null), T = S(0);
+    const e = qe(), { translate: t } = ke(), r = je, n = S(!1), i = S(""), a = S(1), s = S(""), l = S(""), d = S(""), c = S(null), u = S(null), b = S(null), m = S(null), h = S(null), x = L(() => r.getElement), v = S(""), k = L(() => C != null && C.value ? C == null ? void 0 : C.value.getHTML() : null), T = S(0);
     le(x, (de) => {
       const Q = document.createElement("div");
       if (de) {
@@ -30057,7 +30057,7 @@ const pW = { class: "pbx-myInputGroup" }, cW = {
         T.value = (Ce == null ? void 0 : Ce.length) ?? 0;
       }
     });
-    const k = Fj({
+    const C = Fj({
       content: "",
       extensions: [
         rD.configure({
@@ -30076,11 +30076,11 @@ const pW = { class: "pbx-myInputGroup" }, cW = {
         }
       }
     });
-    le(C, async (de) => {
+    le(k, async (de) => {
       e.isSelectedElementValidText() && x.value && (r.setTextAreaVueModel(de), typeof de == "string" && de !== v.value && await e.handleTextInput(de));
     });
     const B = function() {
-      e.isSelectedElementValidText() && k != null && k.value && x.value && (k == null || k.value.commands.setContent(x.value.innerHTML));
+      e.isSelectedElementValidText() && C != null && C.value && x.value && (C == null || C.value.commands.setContent(x.value.innerHTML));
     };
     le(x, () => {
       B();
@@ -30091,13 +30091,13 @@ const pW = { class: "pbx-myInputGroup" }, cW = {
     });
     const I = function() {
       var de;
-      A.value = (de = k == null ? void 0 : k.value) == null ? void 0 : de.getAttributes("link").href, n.value = !0, i.value = "success", a.value = 2, s.value = t("Enter URL"), l.value = t(
+      A.value = (de = C == null ? void 0 : C.value) == null ? void 0 : de.getAttributes("link").href, n.value = !0, i.value = "success", a.value = 2, s.value = t("Enter URL"), l.value = t(
         "Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address."
       ), d.value = t("Close"), c.value = A.value ? "Remove url" : null, u.value = t("Save"), b.value = function() {
         n.value = !1, P.value = null;
       }, m.value = function() {
         var Q;
-        (Q = k == null ? void 0 : k.value) == null || Q.chain().focus().extendMarkRange("link").unsetLink().run(), n.value = !1;
+        (Q = C == null ? void 0 : C.value) == null || Q.chain().focus().extendMarkRange("link").unsetLink().run(), n.value = !1;
       }, h.value = function() {
         const Q = $();
         Q || (Q || M(), n.value = !1);
@@ -30108,36 +30108,36 @@ const pW = { class: "pbx-myInputGroup" }, cW = {
       return S(Qc(de)).value === !1 ? (P.value = "The provided URL is invalid. Use an internal path like '/page' or a full URL such as 'https://example.com'.", !0) : !1;
     }, M = function() {
       var de;
-      (de = k == null ? void 0 : k.value) == null || de.chain().focus().extendMarkRange("link").setLink({ href: H.value.trim() }).run();
+      (de = C == null ? void 0 : C.value) == null || de.chain().focus().extendMarkRange("link").setLink({ href: H.value.trim() }).run();
     }, _ = S(!1), K = function() {
       _.value = !_.value;
     }, N = function(...de) {
       var Q;
-      return ((Q = k.value) == null ? void 0 : Q.isActive(...de)) ?? !1;
+      return ((Q = C.value) == null ? void 0 : Q.isActive(...de)) ?? !1;
     }, F = function(de) {
       var Q;
-      return ((Q = k.value) == null ? void 0 : Q.isActive("heading", { level: de })) ?? !1;
+      return ((Q = C.value) == null ? void 0 : Q.isActive("heading", { level: de })) ?? !1;
     }, G = function() {
       var de;
-      (de = k.value) == null || de.chain().focus().toggleBold().run();
+      (de = C.value) == null || de.chain().focus().toggleBold().run();
     }, V = function(de) {
       var Q;
-      (Q = k.value) == null || Q.chain().focus().toggleHeading({ level: de }).run();
+      (Q = C.value) == null || Q.chain().focus().toggleHeading({ level: de }).run();
     }, Z = function() {
       var de;
-      (de = k.value) == null || de.chain().focus().toggleBulletList().run();
+      (de = C.value) == null || de.chain().focus().toggleBulletList().run();
     }, se = function(de) {
-      if (k.value) {
-        if (k.value.isActive({ textAlign: de })) {
-          k.value.chain().focus().unsetTextAlign().run();
+      if (C.value) {
+        if (C.value.isActive({ textAlign: de })) {
+          C.value.chain().focus().unsetTextAlign().run();
           return;
         }
-        k.value.chain().focus().setTextAlign(de).run();
+        C.value.chain().focus().setTextAlign(de).run();
       }
     };
     return zR(() => {
       var de;
-      (de = k == null ? void 0 : k.value) == null || de.destroy();
+      (de = C == null ? void 0 : C.value) == null || de.destroy();
     }), bo(() => {
       B();
     }), (de, Q) => (f(), w("div", null, [
@@ -30188,7 +30188,7 @@ const pW = { class: "pbx-myInputGroup" }, cW = {
         _: 1
       }, 8, ["showDynamicModalBuilder", "type", "gridColumnAmount", "title", "description", "firstButtonText", "secondButtonText", "thirdButtonText"]),
       p("div", mW, [
-        g(e).isSelectedElementValidText() && g(k) ? (f(), w("div", gW, [
+        g(e).isSelectedElementValidText() && g(C) ? (f(), w("div", gW, [
           p("div", xW, [
             p("div", hW, [
               p("div", {
@@ -30306,10 +30306,10 @@ const pW = { class: "pbx-myInputGroup" }, cW = {
                 })
               ])
             ]),
-            g(k) ? (f(), be(g(Nj), {
+            g(C) ? (f(), be(g(Nj), {
               key: 0,
               id: "page-builder-editor",
-              editor: g(k),
+              editor: g(C),
               class: "pbx-p-2 pbx-prounded-lg lg:pbx-min-h-[20rem] lg:pbx-max-h-[30rem] md:pbx-min-h-[20rem] md:pbx-max-h-[20rem] pbx-min-h-[20rem] pbx-max-h-[20rem] pbx-overflow-y-auto"
             }, null, 8, ["editor"])) : E("", !0)
           ])
@@ -30457,17 +30457,17 @@ const Yl = function(e = 200) {
       width: `${ps}px`
     }), u = S(!1), b = S(""), m = S(null), h = L(() => t.getElement), x = L(() => t.getInlineTipTapEditor), v = function() {
       n.value && (b.value = n.value.getAttributes("link").href || "", m.value = null, u.value = !0);
-    }, C = function() {
+    }, k = function() {
       u.value = !1, m.value = null;
     }, T = function() {
       var te;
-      (te = n.value) == null || te.chain().focus().extendMarkRange("link").unsetLink().run(), C();
-    }, k = function() {
+      (te = n.value) == null || te.chain().focus().extendMarkRange("link").unsetLink().run(), k();
+    }, C = function() {
       m.value = null;
       const te = b.value.trim();
       return Qc(te) ? !0 : (m.value = "The provided URL is invalid. Use an internal path like '/page' or a full URL such as 'https://example.com'.", !1);
     }, B = function() {
-      !n.value || !k() || (n.value.chain().focus().extendMarkRange("link").setLink({ href: b.value.trim() }).run(), C());
+      !n.value || !C() || (n.value.chain().focus().extendMarkRange("link").setLink({ href: b.value.trim() }).run(), k());
     }, A = function(...te) {
       var J;
       return ((J = n.value) == null ? void 0 : J.isActive(...te)) ?? !1;
@@ -30515,7 +30515,7 @@ const Yl = function(e = 200) {
       }
       N(), F = requestAnimationFrame(G);
     }, V = function() {
-      cancelAnimationFrame(F), ue(() => {
+      cancelAnimationFrame(F), ce(() => {
         N(), F = requestAnimationFrame(G);
       });
     }, Z = function() {
@@ -30574,10 +30574,10 @@ const Yl = function(e = 200) {
         _e.destroy(), J.innerHTML = De, J.removeAttribute("data-pbx-inline-tiptap"), J.removeAttribute("data-pbx-inline-original-html"), t.setTextAreaVueModel(De);
       }
       n.value = null, i.value = null, a.value = "", s.value = !1;
-    }, ce = async function() {
+    }, ue = async function() {
       const te = h.value;
       if (!te || n.value || !e.isSelectedElementValidText()) return;
-      await ue(), a.value = te.innerHTML, i.value = te, te.innerHTML = "", te.setAttribute("data-pbx-inline-tiptap", ""), te.setAttribute("data-pbx-inline-original-html", a.value);
+      await ce(), a.value = te.innerHTML, i.value = te, te.innerHTML = "", te.setAttribute("data-pbx-inline-tiptap", ""), te.setAttribute("data-pbx-inline-original-html", a.value);
       const J = Jb(te, {
         lang: t.getCurrentLanguage,
         text: a.value
@@ -30608,7 +30608,7 @@ const Yl = function(e = 200) {
           t.setTextAreaVueModel(bt(De));
         }
       });
-      n.value = _e, await ue(), _t(_e, te, a.value);
+      n.value = _e, await ce(), _t(_e, te, a.value);
     }, ne = async function() {
       if (n.value)
         try {
@@ -30642,7 +30642,7 @@ const Yl = function(e = 200) {
         if (te) {
           if (!J && (n.value || i.value))
             return;
-          n.value && i.value !== J && ve(St(n.value)), await ce();
+          n.value && i.value !== J && ve(St(n.value)), await ue();
           return;
         }
         n.value && ve(St(n.value));
@@ -30680,7 +30680,7 @@ const Yl = function(e = 200) {
           firstButtonText: g(r)("Close"),
           secondButtonText: b.value ? g(r)("Remove url") : void 0,
           thirdButtonText: g(r)("Save"),
-          onFirstModalButtonFunctionDynamicModalBuilder: C,
+          onFirstModalButtonFunctionDynamicModalBuilder: k,
           onSecondModalButtonFunctionDynamicModalBuilder: T,
           onThirdModalButtonFunctionDynamicModalBuilder: B
         }, {
@@ -31063,7 +31063,7 @@ function Ud({ props: o, attrs: e, slots: t, slot: r, name: n }) {
   if (s === "template") {
     if (d = DD(d ?? []), Object.keys(l).length > 0 || Object.keys(e).length > 0) {
       let [u, ...b] = d ?? [];
-      if (!hG(u) || b.length > 0) throw new Error(['Passing props on "template"!', "", `The current component <${n} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(l).concat(Object.keys(e)).map((x) => x.trim()).filter((x, v, C) => C.indexOf(x) === v).sort((x, v) => x.localeCompare(v)).map((x) => `  - ${x}`).join(`
+      if (!hG(u) || b.length > 0) throw new Error(['Passing props on "template"!', "", `The current component <${n} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(l).concat(Object.keys(e)).map((x) => x.trim()).filter((x, v, k) => k.indexOf(x) === v).sort((x, v) => x.localeCompare(v)).map((x) => `  - ${x}`).join(`
 `), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((x) => `  - ${x}`).join(`
 `)].join(`
 `));
@@ -31225,71 +31225,71 @@ function Ha(o) {
 }
 let Da = ae({ name: "Listbox", emits: { "update:modelValue": (o) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => TG }, 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(o, { slots: e, attrs: t, emit: r }) {
   let n = S(1), i = S(null), a = S(null), s = S(null), l = S([]), d = S(""), c = S(null), u = S(1);
-  function b(k = (B) => B) {
-    let B = c.value !== null ? l.value[c.value] : null, A = sG(k(l.value.slice()), (P) => Xe(P.dataRef.domRef)), H = B ? A.indexOf(B) : null;
+  function b(C = (B) => B) {
+    let B = c.value !== null ? l.value[c.value] : null, A = sG(C(l.value.slice()), (P) => Xe(P.dataRef.domRef)), H = B ? A.indexOf(B) : null;
     return H === -1 && (H = null), { options: A, activeOptionIndex: H };
   }
-  let m = L(() => o.multiple ? 1 : 0), [h, x] = YW(L(() => o.modelValue), (k) => r("update:modelValue", k), L(() => o.defaultValue)), v = L(() => h.value === void 0 ? To(m.value, { 1: [], 0: void 0 }) : h.value), C = { listboxState: n, value: v, mode: m, compare(k, B) {
+  let m = L(() => o.multiple ? 1 : 0), [h, x] = YW(L(() => o.modelValue), (C) => r("update:modelValue", C), L(() => o.defaultValue)), v = L(() => h.value === void 0 ? To(m.value, { 1: [], 0: void 0 }) : h.value), k = { listboxState: n, value: v, mode: m, compare(C, B) {
     if (typeof o.by == "string") {
       let A = o.by;
-      return (k == null ? void 0 : k[A]) === (B == null ? void 0 : B[A]);
+      return (C == null ? void 0 : C[A]) === (B == null ? void 0 : B[A]);
     }
-    return o.by(k, B);
+    return o.by(C, B);
   }, orientation: L(() => o.horizontal ? "horizontal" : "vertical"), labelRef: i, buttonRef: a, optionsRef: s, disabled: L(() => o.disabled), options: l, searchQuery: d, activeOptionIndex: c, activationTrigger: u, closeListbox() {
     o.disabled || n.value !== 1 && (n.value = 1, c.value = null);
   }, openListbox() {
     o.disabled || n.value !== 0 && (n.value = 0);
-  }, goToOption(k, B, A) {
+  }, goToOption(C, B, A) {
     if (o.disabled || n.value === 1) return;
-    let H = b(), P = SG(k === Ot.Specific ? { focus: Ot.Specific, id: B } : { focus: k }, { resolveItems: () => H.options, resolveActiveIndex: () => H.activeOptionIndex, resolveId: (I) => I.id, resolveDisabled: (I) => I.dataRef.disabled });
+    let H = b(), P = SG(C === Ot.Specific ? { focus: Ot.Specific, id: B } : { focus: C }, { resolveItems: () => H.options, resolveActiveIndex: () => H.activeOptionIndex, resolveId: (I) => I.id, resolveDisabled: (I) => I.dataRef.disabled });
     d.value = "", c.value = P, u.value = A ?? 1, l.value = H.options;
-  }, search(k) {
+  }, search(C) {
     if (o.disabled || n.value === 1) return;
     let B = d.value !== "" ? 0 : 1;
-    d.value += k.toLowerCase();
+    d.value += C.toLowerCase();
     let A = (c.value !== null ? l.value.slice(c.value + B).concat(l.value.slice(0, c.value + B)) : l.value).find((P) => P.dataRef.textValue.startsWith(d.value) && !P.dataRef.disabled), H = A ? l.value.indexOf(A) : -1;
     H === -1 || H === c.value || (c.value = H, u.value = 1);
   }, clearSearch() {
     o.disabled || n.value !== 1 && d.value !== "" && (d.value = "");
-  }, registerOption(k, B) {
-    let A = b((H) => [...H, { id: k, dataRef: B }]);
+  }, registerOption(C, B) {
+    let A = b((H) => [...H, { id: C, dataRef: B }]);
     l.value = A.options, c.value = A.activeOptionIndex;
-  }, unregisterOption(k) {
+  }, unregisterOption(C) {
     let B = b((A) => {
-      let H = A.findIndex((P) => P.id === k);
+      let H = A.findIndex((P) => P.id === C);
       return H !== -1 && A.splice(H, 1), A;
     });
     l.value = B.options, c.value = B.activeOptionIndex, u.value = 1;
-  }, theirOnChange(k) {
-    o.disabled || x(k);
-  }, select(k) {
-    o.disabled || x(To(m.value, { 0: () => k, 1: () => {
-      let B = Pt(C.value.value).slice(), A = Pt(k), H = B.findIndex((P) => C.compare(A, Pt(P)));
+  }, theirOnChange(C) {
+    o.disabled || x(C);
+  }, select(C) {
+    o.disabled || x(To(m.value, { 0: () => C, 1: () => {
+      let B = Pt(k.value.value).slice(), A = Pt(C), H = B.findIndex((P) => k.compare(A, Pt(P)));
       return H === -1 ? B.push(A) : B.splice(H, 1), B;
     } }));
   } };
-  uG([a, s], (k, B) => {
+  uG([a, s], (C, B) => {
     var A;
-    C.closeListbox(), HD(B, eu.Loose) || (k.preventDefault(), (A = Xe(a)) == null || A.focus());
-  }, L(() => n.value === 0)), Bo(qD, C), vG(L(() => To(n.value, { 0: La.Open, 1: La.Closed })));
+    k.closeListbox(), HD(B, eu.Loose) || (C.preventDefault(), (A = Xe(a)) == null || A.focus());
+  }, L(() => n.value === 0)), Bo(qD, k), vG(L(() => To(n.value, { 0: La.Open, 1: La.Closed })));
   let T = L(() => {
-    var k;
-    return (k = Xe(a)) == null ? void 0 : k.closest("form");
+    var C;
+    return (C = Xe(a)) == null ? void 0 : C.closest("form");
   });
   return bo(() => {
     le([T], () => {
       if (!T.value || o.defaultValue === void 0) return;
-      function k() {
-        C.theirOnChange(o.defaultValue);
+      function C() {
+        k.theirOnChange(o.defaultValue);
       }
-      return T.value.addEventListener("reset", k), () => {
+      return T.value.addEventListener("reset", C), () => {
         var B;
-        (B = T.value) == null || B.removeEventListener("reset", k);
+        (B = T.value) == null || B.removeEventListener("reset", C);
       };
     }, { immediate: !0 });
   }), () => {
-    let { name: k, modelValue: B, disabled: A, form: H, ...P } = o, I = { open: n.value === 0, disabled: A, value: v.value };
-    return mn(re, [...k != null && v.value != null ? FD({ [k]: v.value }).map(([$, M]) => mn(fG, xG({ features: OD.Hidden, key: $, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: H, disabled: A, name: $, value: M }))) : [], gi({ ourProps: {}, theirProps: { ...t, ...zD(P, ["defaultValue", "onUpdate:modelValue", "horizontal", "multiple", "by"]) }, slot: I, slots: e, attrs: t, name: "Listbox" })]);
+    let { name: C, modelValue: B, disabled: A, form: H, ...P } = o, I = { open: n.value === 0, disabled: A, value: v.value };
+    return mn(re, [...C != null && v.value != null ? FD({ [C]: v.value }).map(([$, M]) => mn(fG, xG({ features: OD.Hidden, key: $, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: H, disabled: A, name: $, value: M }))) : [], gi({ ourProps: {}, theirProps: { ...t, ...zD(P, ["defaultValue", "onUpdate:modelValue", "horizontal", "multiple", "by"]) }, slot: I, slots: e, attrs: t, name: "Listbox" })]);
   };
 } });
 ae({ name: "ListboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: null } }, setup(o, { attrs: e, slots: t }) {
@@ -31313,13 +31313,13 @@ let Ra = ae({ name: "ListboxButton", props: { as: { type: [Object, String], defa
       case lt.Space:
       case lt.Enter:
       case lt.ArrowDown:
-        u.preventDefault(), a.openListbox(), ue(() => {
+        u.preventDefault(), a.openListbox(), ce(() => {
           var b;
           (b = Xe(a.optionsRef)) == null || b.focus({ preventScroll: !0 }), a.value.value || a.goToOption(Ot.First);
         });
         break;
       case lt.ArrowUp:
-        u.preventDefault(), a.openListbox(), ue(() => {
+        u.preventDefault(), a.openListbox(), ce(() => {
           var b;
           (b = Xe(a.optionsRef)) == null || b.focus({ preventScroll: !0 }), a.value.value || a.goToOption(Ot.Last);
         });
@@ -31334,7 +31334,7 @@ let Ra = ae({ name: "ListboxButton", props: { as: { type: [Object, String], defa
     }
   }
   function d(u) {
-    a.disabled.value || (a.listboxState.value === 0 ? (a.closeListbox(), ue(() => {
+    a.disabled.value || (a.listboxState.value === 0 ? (a.closeListbox(), ce(() => {
       var b;
       return (b = Xe(a.buttonRef)) == null ? void 0 : b.focus({ preventScroll: !0 });
     })) : (u.preventDefault(), a.openListbox(), EG(() => {
@@ -31361,7 +31361,7 @@ let Ra = ae({ name: "ListboxButton", props: { as: { type: [Object, String], defa
           let b = a.options.value[a.activeOptionIndex.value];
           a.select(b.dataRef.value);
         }
-        a.mode.value === 0 && (a.closeListbox(), ue(() => {
+        a.mode.value === 0 && (a.closeListbox(), ce(() => {
           var b;
           return (b = Xe(a.buttonRef)) == null ? void 0 : b.focus({ preventScroll: !0 });
         }));
@@ -31377,7 +31377,7 @@ let Ra = ae({ name: "ListboxButton", props: { as: { type: [Object, String], defa
       case lt.PageDown:
         return u.preventDefault(), u.stopPropagation(), a.goToOption(Ot.Last);
       case lt.Escape:
-        u.preventDefault(), u.stopPropagation(), a.closeListbox(), ue(() => {
+        u.preventDefault(), u.stopPropagation(), a.closeListbox(), ce(() => {
           var b;
           return (b = Xe(a.buttonRef)) == null ? void 0 : b.focus({ preventScroll: !0 });
         });
@@ -31400,10 +31400,10 @@ let Ra = ae({ name: "ListboxButton", props: { as: { type: [Object, String], defa
   var n;
   let i = (n = o.id) != null ? n : `headlessui-listbox-option-${Ql()}`, a = Ha("ListboxOption"), s = S(null);
   r({ el: s, $el: s });
-  let l = L(() => a.activeOptionIndex.value !== null ? a.options.value[a.activeOptionIndex.value].id === i : !1), d = L(() => To(a.mode.value, { 0: () => a.compare(Pt(a.value.value), Pt(o.value)), 1: () => Pt(a.value.value).some((k) => a.compare(Pt(k), Pt(o.value))) })), c = L(() => To(a.mode.value, { 1: () => {
-    var k;
+  let l = L(() => a.activeOptionIndex.value !== null ? a.options.value[a.activeOptionIndex.value].id === i : !1), d = L(() => To(a.mode.value, { 0: () => a.compare(Pt(a.value.value), Pt(o.value)), 1: () => Pt(a.value.value).some((C) => a.compare(Pt(C), Pt(o.value))) })), c = L(() => To(a.mode.value, { 1: () => {
+    var C;
     let B = Pt(a.value.value);
-    return ((k = a.options.value.find((A) => B.some((H) => a.compare(Pt(H), Pt(A.dataRef.value))))) == null ? void 0 : k.id) === i;
+    return ((C = a.options.value.find((A) => B.some((H) => a.compare(Pt(H), Pt(A.dataRef.value))))) == null ? void 0 : C.id) === i;
   }, 0: () => d.value })), u = CG(s), b = L(() => ({ disabled: o.disabled, value: o.value, get textValue() {
     return u();
   }, domRef: s }));
@@ -31416,14 +31416,14 @@ let Ra = ae({ name: "ListboxButton", props: { as: { type: [Object, String], defa
       } });
     }, { immediate: !0 });
   }), ui(() => {
-    a.listboxState.value === 0 && l.value && a.activationTrigger.value !== 0 && ue(() => {
-      var k, B;
-      return (B = (k = Xe(s)) == null ? void 0 : k.scrollIntoView) == null ? void 0 : B.call(k, { block: "nearest" });
+    a.listboxState.value === 0 && l.value && a.activationTrigger.value !== 0 && ce(() => {
+      var C, B;
+      return (B = (C = Xe(s)) == null ? void 0 : C.scrollIntoView) == null ? void 0 : B.call(C, { block: "nearest" });
     });
   });
-  function m(k) {
-    if (o.disabled) return k.preventDefault();
-    a.select(o.value), a.mode.value === 0 && (a.closeListbox(), ue(() => {
+  function m(C) {
+    if (o.disabled) return C.preventDefault();
+    a.select(o.value), a.mode.value === 0 && (a.closeListbox(), ce(() => {
       var B;
       return (B = Xe(a.buttonRef)) == null ? void 0 : B.focus({ preventScroll: !0 });
     }));
@@ -31433,17 +31433,17 @@ let Ra = ae({ name: "ListboxButton", props: { as: { type: [Object, String], defa
     a.goToOption(Ot.Specific, i);
   }
   let x = mG();
-  function v(k) {
-    x.update(k);
+  function v(C) {
+    x.update(C);
   }
-  function C(k) {
-    x.wasMoved(k) && (o.disabled || l.value || a.goToOption(Ot.Specific, i, 0));
+  function k(C) {
+    x.wasMoved(C) && (o.disabled || l.value || a.goToOption(Ot.Specific, i, 0));
   }
-  function T(k) {
-    x.wasMoved(k) && (o.disabled || l.value && a.goToOption(Ot.Nothing));
+  function T(C) {
+    x.wasMoved(C) && (o.disabled || l.value && a.goToOption(Ot.Nothing));
   }
   return () => {
-    let { disabled: k } = o, B = { active: l.value, selected: d.value, disabled: k }, { value: A, disabled: H, ...P } = o, I = { id: i, ref: s, role: "option", tabIndex: k === !0 ? void 0 : -1, "aria-disabled": k === !0 ? !0 : void 0, "aria-selected": d.value, disabled: void 0, onClick: m, onFocus: h, onPointerenter: v, onMouseenter: v, onPointermove: C, onMousemove: C, onPointerleave: T, onMouseleave: T };
+    let { disabled: C } = o, B = { active: l.value, selected: d.value, disabled: C }, { value: A, disabled: H, ...P } = o, I = { id: i, ref: s, role: "option", tabIndex: C === !0 ? void 0 : -1, "aria-disabled": C === !0 ? !0 : void 0, "aria-selected": d.value, disabled: void 0, onClick: m, onFocus: h, onPointerenter: v, onMouseenter: v, onPointermove: k, onMousemove: k, onPointerleave: T, onMouseleave: T };
     return gi({ ourProps: I, theirProps: P, slot: B, attrs: t, slots: e, name: "ListboxOption" });
   };
 } });
@@ -32028,11 +32028,11 @@ function JD(o = {}) {
   }), a = function() {
     const v = t.value;
     if (!v) return;
-    const C = v.getBoundingClientRect(), T = 8;
-    let k = C.left + C.width / 2 - e / 2;
-    k = Math.max(T, Math.min(k, window.innerWidth - e - T)), i.value = {
-      top: `${Xc(C.bottom)}px`,
-      left: `${Math.round(k)}px`,
+    const k = v.getBoundingClientRect(), T = 8;
+    let C = k.left + k.width / 2 - e / 2;
+    C = Math.max(T, Math.min(C, window.innerWidth - e - T)), i.value = {
+      top: `${Xc(k.bottom)}px`,
+      left: `${Math.round(C)}px`,
       width: `${e}px`
     };
   };
@@ -32044,14 +32044,14 @@ function JD(o = {}) {
     }
     a(), s = requestAnimationFrame(l);
   }, d = function() {
-    cancelAnimationFrame(s), ue(() => {
+    cancelAnimationFrame(s), ce(() => {
       a(), s = requestAnimationFrame(l);
     });
   }, c = function() {
     cancelAnimationFrame(s), s = 0;
   }, u = function(v) {
-    var C, T;
-    n.value && v.target instanceof Node && ((C = t.value) != null && C.contains(v.target) || (T = r.value) != null && T.contains(v.target) || v.target instanceof Element && v.target.closest("#pbx-modal") || (n.value = !1));
+    var k, T;
+    n.value && v.target instanceof Node && ((k = t.value) != null && k.contains(v.target) || (T = r.value) != null && T.contains(v.target) || v.target instanceof Element && v.target.closest("#pbx-modal") || (n.value = !1));
   }, b = function() {
     n.value = !0;
   }, m = function() {
@@ -32205,14 +32205,14 @@ const zG = { class: "pbx-flex pbx-w-full pbx-flex-col pbx-gap-3" }, OG = { class
       backgroundColor: `hsl(${n.value}, 100%, 50%)`,
       borderRadius: "50%",
       boxShadow: "0 0 0 2px #ffffff, 0 0 0 3px rgba(0, 0, 0, 0.25)"
-    })), C = L(() => ({
+    })), k = L(() => ({
       backgroundColor: b.value
     }));
     function T(F, G = !1) {
       const V = Lr(F) ?? Lr(t.modelValue) ?? "#000000", Z = DG(V);
       n.value = Z.h, i.value = Z.s, a.value = Z.v, s.value = V, G && r("update:modelValue", V), B();
     }
-    function k() {
+    function C() {
       const F = b.value;
       s.value = F, r("update:modelValue", F);
     }
@@ -32233,7 +32233,7 @@ const zG = { class: "pbx-flex pbx-w-full pbx-flex-col pbx-gap-3" }, OG = { class
       const Z = V.getBoundingClientRect();
       if (!Z.width || !Z.height) return;
       const se = Math.max(0, Math.min(F - Z.left, Z.width)), de = Math.max(0, Math.min(G - Z.top, Z.height));
-      i.value = se / Z.width * 100, a.value = 100 - de / Z.height * 100, k();
+      i.value = se / Z.width * 100, a.value = 100 - de / Z.height * 100, C();
     }
     function H(F) {
       const G = d.value;
@@ -32241,7 +32241,7 @@ const zG = { class: "pbx-flex pbx-w-full pbx-flex-col pbx-gap-3" }, OG = { class
       const V = G.getBoundingClientRect();
       if (!V.width) return;
       const Z = Math.max(0, Math.min(F - V.left, V.width));
-      n.value = Z / V.width * 360, k(), B();
+      n.value = Z / V.width * 360, C(), B();
     }
     function P() {
       c.value = !1, u.value = !1, window.removeEventListener("pointermove", I), window.removeEventListener("pointerup", $), window.removeEventListener("pointercancel", $);
@@ -32278,11 +32278,11 @@ const zG = { class: "pbx-flex pbx-w-full pbx-flex-col pbx-gap-3" }, OG = { class
         Lr(F) !== Lr(b.value) && T(F);
       }
     ), le(n, () => {
-      ue(B);
+      ce(B);
     }), le(l, (F) => {
       F && B();
     }), bo(() => {
-      T(t.modelValue), ue(B);
+      T(t.modelValue), ce(B);
     }), pr(() => {
       P();
     }), (F, G) => (f(), w("div", zG, [
@@ -32343,7 +32343,7 @@ const zG = { class: "pbx-flex pbx-w-full pbx-flex-col pbx-gap-3" }, OG = { class
       o.showHexInput !== !1 ? (f(), w("div", NG, [
         p("div", {
           class: "pbx-h-9 pbx-w-9 pbx-shrink-0 pbx-rounded-md pbx-border pbx-border-solid pbx-border-gray-200",
-          style: He(C.value)
+          style: He(k.value)
         }, null, 4),
         p("div", FG, [
           G[1] || (G[1] = p("label", {
@@ -32474,14 +32474,14 @@ const UG = { class: "pbx-min-h-[45rem]" }, WG = { class: "pbx-myPrimaryParagraph
     ), h = L(
       () => !!s.value && c.value === s.value
     ), x = L(() => !!s.value), v = L(() => s.value ?? "");
-    function C(I) {
+    function k(I) {
       a.value = I.target.value;
     }
     function T() {
       const I = vo(a.value);
       I && (a.value = I);
     }
-    function k(I) {
+    function C(I) {
       a.value = vo(I) ?? I;
     }
     function B() {
@@ -32548,7 +32548,7 @@ const UG = { class: "pbx-min-h-[45rem]" }, WG = { class: "pbx-myPrimaryParagraph
                   placeholder: "#rrggbb",
                   spellcheck: "false",
                   class: "pbx-myPrimaryInput pbx-w-full pbx-min-w-0",
-                  onInput: C,
+                  onInput: k,
                   onBlur: T,
                   onKeydown: ua(A, ["enter"])
                 }, null, 40, uK),
@@ -32571,7 +32571,7 @@ const UG = { class: "pbx-min-h-[45rem]" }, WG = { class: "pbx-myPrimaryParagraph
                 z(XD, {
                   "model-value": u.value,
                   "show-hex-input": !1,
-                  "onUpdate:modelValue": k
+                  "onUpdate:modelValue": C
                 }, null, 8, ["model-value"])
               ])
             ])
@@ -32629,11 +32629,11 @@ const UG = { class: "pbx-min-h-[45rem]" }, WG = { class: "pbx-myPrimaryParagraph
     } = JD({ width: 224 }), h = S(!1), x = L(() => {
       var I;
       return (I = n.value) != null && I.startsWith("custom:") ? n.value.replace("custom:", "") : "";
-    }), v = L(() => x.value ? "" : !n.value || n.value === "none" ? "pbx-bg-black" : n.value.startsWith("pbx-text-") ? `pbx-bg-${n.value.replace("pbx-text-", "")}` : "pbx-bg-black"), C = L(() => {
+    }), v = L(() => x.value ? "" : !n.value || n.value === "none" ? "pbx-bg-black" : n.value.startsWith("pbx-text-") ? `pbx-bg-${n.value.replace("pbx-text-", "")}` : "pbx-bg-black"), k = L(() => {
       if (x.value)
         return { backgroundColor: x.value };
     }), T = L(() => Xn.textColorVariables.filter((I) => I !== "none"));
-    function k(I) {
+    function C(I) {
       n.value = `custom:${I}`, t.handleCustomTextColor(I), b();
     }
     function B(I) {
@@ -32725,7 +32725,7 @@ const UG = { class: "pbx-min-h-[45rem]" }, WG = { class: "pbx-myPrimaryParagraph
                         as: "template",
                         key: M.id,
                         value: `custom:${M.color}`,
-                        onClick: (_) => k(M.color)
+                        onClick: (_) => C(M.color)
                       }, {
                         default: U(({ active: _ }) => [
                           p("li", {
@@ -32800,7 +32800,7 @@ const UG = { class: "pbx-min-h-[45rem]" }, WG = { class: "pbx-myPrimaryParagraph
             }, " A ", 2),
             p("span", {
               class: O(["pbx-mt-0.5 pbx-h-1 pbx-w-4 pbx-rounded-full pbx-shrink-0", v.value]),
-              style: He(C.value)
+              style: He(k.value)
             }, null, 6)
           ])
         ], 10, $K),
@@ -32844,7 +32844,7 @@ const UG = { class: "pbx-min-h-[45rem]" }, WG = { class: "pbx-myPrimaryParagraph
                 class: O(["pbx-font-sans pbx-w-full pbx-flex pbx-items-center pbx-gap-3 pbx-cursor-pointer pbx-py-2 pbx-px-2 pbx-rounded-none pbx-border-0 pbx-bg-transparent pbx-text-left pbx-text-myPrimaryDarkGrayColor hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white", {
                   "pbx-bg-myPrimaryLinkColor pbx-text-myPrimaryDarkGrayColor": n.value === `custom:${M.color}`
                 }]),
-                onClick: (_) => k(M.color)
+                onClick: (_) => C(M.color)
               }, [
                 p("div", {
                   class: "pbx-aspect-square pbx-w-6 pbx-h-6 pbx-border-solid pbx-border pbx-border-gray-100 pbx-rounded-sm pbx-shrink-0",
@@ -32922,10 +32922,10 @@ const UG = { class: "pbx-min-h-[45rem]" }, WG = { class: "pbx-myPrimaryParagraph
     } = JD({ width: 224 }), h = S(!1), x = L(() => {
       var $;
       return ($ = n.value) != null && $.startsWith("custom:") ? n.value.replace("custom:", "") : "";
-    }), v = L(() => x.value ? "" : !n.value || n.value === "none" ? "pbx-bg-transparent" : n.value.startsWith("pbx-bg-") ? n.value : "pbx-bg-transparent"), C = L(() => {
+    }), v = L(() => x.value ? "" : !n.value || n.value === "none" ? "pbx-bg-transparent" : n.value.startsWith("pbx-bg-") ? n.value : "pbx-bg-transparent"), k = L(() => {
       if (x.value)
         return { backgroundColor: x.value };
-    }), T = L(() => !n.value || n.value === "none"), k = L(() => Xn.backgroundColorVariables.filter(($) => $ !== "none"));
+    }), T = L(() => !n.value || n.value === "none"), C = L(() => Xn.backgroundColorVariables.filter(($) => $ !== "none"));
     function B($) {
       n.value = `custom:${$}`, t.handleCustomBackgroundColor($), b();
     }
@@ -32966,7 +32966,7 @@ const UG = { class: "pbx-min-h-[45rem]" }, WG = { class: "pbx-myPrimaryParagraph
                         x.value || T.value ? "" : v.value
                       ]),
                       style: He(
-                        x.value ? { backgroundColor: x.value } : T.value ? g(bs) : C.value
+                        x.value ? { backgroundColor: x.value } : T.value ? g(bs) : k.value
                       )
                     }, null, 6),
                     p("div", null, y(g(e)("Background Color")), 1)
@@ -33012,7 +33012,7 @@ const UG = { class: "pbx-min-h-[45rem]" }, WG = { class: "pbx-myPrimaryParagraph
                       "model-value": x.value,
                       onOpen: P
                     }, null, 8, ["model-value"]),
-                    g(s).length > 0 || k.value.length > 0 ? (f(), w("div", qK)) : E("", !0),
+                    g(s).length > 0 || C.value.length > 0 ? (f(), w("div", qK)) : E("", !0),
                     g(s).length > 0 ? (f(), w(re, { key: 1 }, [
                       p("div", UK, y(g(e)("Theme Color Presets")), 1),
                       (f(!0), w(re, null, ye(g(s), (_) => (f(), be(g(lr), {
@@ -33039,10 +33039,10 @@ const UG = { class: "pbx-min-h-[45rem]" }, WG = { class: "pbx-myPrimaryParagraph
                         ]),
                         _: 2
                       }, 1032, ["value", "onClick"]))), 128)),
-                      k.value.length > 0 ? (f(), w("div", KK)) : E("", !0)
+                      C.value.length > 0 ? (f(), w("div", KK)) : E("", !0)
                     ], 64)) : E("", !0),
-                    k.value.length > 0 ? (f(), w("div", JK, y(g(e)("Built-in colors")), 1)) : E("", !0),
-                    (f(!0), w(re, null, ye(k.value, (_) => (f(), be(g(lr), {
+                    C.value.length > 0 ? (f(), w("div", JK, y(g(e)("Built-in colors")), 1)) : E("", !0),
+                    (f(!0), w(re, null, ye(C.value, (_) => (f(), be(g(lr), {
                       as: "template",
                       onClick: M[1] || (M[1] = (K) => g(t).handleBackgroundColor(n.value ?? void 0)),
                       key: _,
@@ -33090,7 +33090,7 @@ const UG = { class: "pbx-min-h-[45rem]" }, WG = { class: "pbx-myPrimaryParagraph
         }, [
           p("span", {
             class: O(["pbx-h-5 pbx-w-5 pbx-rounded-full pbx-border pbx-border-solid pbx-border-gray-300 pbx-shrink-0", T.value ? "" : v.value]),
-            style: He(T.value ? g(bs) : C.value),
+            style: He(T.value ? g(bs) : k.value),
             "aria-hidden": "true"
           }, null, 6)
         ], 10, ZK),
@@ -33128,7 +33128,7 @@ const UG = { class: "pbx-min-h-[45rem]" }, WG = { class: "pbx-myPrimaryParagraph
               "model-value": x.value,
               onOpen: P
             }, null, 8, ["model-value"]),
-            g(s).length > 0 || k.value.length > 0 ? (f(), w("div", eJ)) : E("", !0),
+            g(s).length > 0 || C.value.length > 0 ? (f(), w("div", eJ)) : E("", !0),
             g(s).length > 0 ? (f(), w(re, { key: 1 }, [
               p("div", tJ, y(g(e)("Theme Color Presets")), 1),
               (f(!0), w(re, null, ye(g(s), (_) => (f(), w("button", {
@@ -33145,10 +33145,10 @@ const UG = { class: "pbx-min-h-[45rem]" }, WG = { class: "pbx-myPrimaryParagraph
                 }, null, 4),
                 p("span", null, y(g(e)(_.label)), 1)
               ], 10, oJ))), 128)),
-              k.value.length > 0 ? (f(), w("div", rJ)) : E("", !0)
+              C.value.length > 0 ? (f(), w("div", rJ)) : E("", !0)
             ], 64)) : E("", !0),
-            k.value.length > 0 ? (f(), w("div", nJ, y(g(e)("Built-in colors")), 1)) : E("", !0),
-            (f(!0), w(re, null, ye(k.value, (_) => (f(), w("button", {
+            C.value.length > 0 ? (f(), w("div", nJ, y(g(e)("Built-in colors")), 1)) : E("", !0),
+            (f(!0), w(re, null, ye(C.value, (_) => (f(), w("button", {
               key: _,
               type: "button",
               class: O(["pbx-font-sans pbx-w-full pbx-flex pbx-items-center pbx-gap-3 pbx-cursor-pointer pbx-py-2 pbx-px-2 pbx-rounded-none pbx-border-0 pbx-bg-transparent pbx-text-left pbx-text-myPrimaryDarkGrayColor hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white", {
@@ -33785,7 +33785,7 @@ const fo = {
       var X;
       return (X = c.value) == null ? void 0 : X.tagName;
     });
-    const u = L(() => i.canMoveUp()), b = L(() => i.canMoveDown()), m = L(() => !c.value || !Xt.value ? !1 : !!i.findReverseableContainer()), h = S(0), x = S(!1), v = L(() => !!(c.value instanceof HTMLElement && c.value.closest("[data-isl]"))), C = L(() => {
+    const u = L(() => i.canMoveUp()), b = L(() => i.canMoveDown()), m = L(() => !c.value || !Xt.value ? !1 : !!i.findReverseableContainer()), h = S(0), x = S(!1), v = L(() => !!(c.value instanceof HTMLElement && c.value.closest("[data-isl]"))), k = L(() => {
       var X;
       return h.value, c.value instanceof HTMLElement ? ((X = c.value.closest("[data-isl]")) == null ? void 0 : X.hasAttribute("data-isl-auto")) ?? !1 : !1;
     }), T = L(() => {
@@ -33794,20 +33794,20 @@ const fo = {
       if (!X) return 3;
       const D = X.querySelector(".pbx-isl-t");
       return D ? D.children.length : 3;
-    }), k = S(0), B = S(!1), A = S(0), H = L(() => (A.value, i.isSelectedElementImage())), P = L(() => l.getImageSettingsPanelOpen), I = () => {
+    }), C = S(0), B = S(!1), A = S(0), H = L(() => (A.value, i.isSelectedElementImage())), P = L(() => l.getImageSettingsPanelOpen), I = () => {
       A.value++, s("open-image-settings");
-    }, $ = L(() => (k.value, i.isSelectedComponentTopElement())), M = L(() => (k.value, i.selectedComponentIsFullWidth())), _ = () => {
-      k.value++, B.value = !0;
+    }, $ = L(() => (C.value, i.isSelectedComponentTopElement())), M = L(() => (C.value, i.selectedComponentIsFullWidth())), _ = () => {
+      C.value++, B.value = !0;
     }, K = async (X) => {
       const D = i.setSelectedComponentFullWidth(X);
-      k.value++, await D, k.value++;
+      C.value++, await D, C.value++;
     }, N = S(0), F = S(!1), G = S(fo.layout), V = S(
       fo.mobileColumns
     ), Z = S(
       fo.cardStyle
     ), se = S(fo.roundedImages), de = S(fo.openInNewTab), Q = S(
       fo.buttonStyle
-    ), Ce = S(fo.roundedButtons), Ve = S(fo.hidePrice), _t = S(fo.hideImage), bt = S(fo.hideButton), St = S(!1), Be = S(!1), ve = S(!1), ce = S(!1);
+    ), Ce = S(fo.roundedButtons), Ve = S(fo.hidePrice), _t = S(fo.hideImage), bt = S(fo.hideButton), St = S(!1), Be = S(!1), ve = S(!1), ue = S(!1);
     let ne = !1, pe = !1, ie = null, Y = null;
     const Qe = () => Y ? G.value === Y.layout && V.value === Y.mobileColumns && Z.value === Y.cardStyle && se.value === Y.roundedImages && de.value === Y.openInNewTab && Q.value === Y.buttonStyle && Ce.value === Y.roundedButtons && Ve.value === Y.hidePrice && _t.value === Y.hideImage && bt.value === Y.hideButton : !0, te = () => {
       pe = !0, ie && clearTimeout(ie), ie = setTimeout(() => {
@@ -33828,7 +33828,7 @@ const fo = {
         hidePrice: st,
         hideImage: j,
         hideButton: R
-      }, G.value = X.layout, V.value = D, Z.value = q, se.value = we, de.value = Re, Q.value = Oe, Ce.value = at, Ve.value = st, _t.value = j, bt.value = R, St.value = he.hasPrices, Be.value = he.hasImages, ve.value = he.hasButtons, ce.value = he.hasLinks, N.value++, F.value = !0;
+      }, G.value = X.layout, V.value = D, Z.value = q, se.value = we, de.value = Re, Q.value = Oe, Ce.value = at, Ve.value = st, _t.value = j, bt.value = R, St.value = he.hasPrices, Be.value = he.hasImages, ve.value = he.hasButtons, ue.value = he.hasLinks, N.value++, F.value = !0;
     }, Bt = () => {
       J(), F.value = !1, Y = null;
     }, Ut = async () => {
@@ -34064,7 +34064,7 @@ const fo = {
       }
       Vo(), ho = requestAnimationFrame(Yr);
     }, sd = function() {
-      cancelAnimationFrame(ho), ue(() => {
+      cancelAnimationFrame(ho), ce(() => {
         Vo(), ho = requestAnimationFrame(Yr);
       });
     }, ld = function() {
@@ -34346,7 +34346,7 @@ const fo = {
               key: 7,
               onClick: D[11] || (D[11] = (q) => x.value = !0),
               class: O([
-                C.value ? "pbx-bg-myPrimaryLinkColor pbx-text-white" : "pbx-bg-gray-100 pbx-text-myPrimaryDarkGrayColor",
+                k.value ? "pbx-bg-myPrimaryLinkColor pbx-text-white" : "pbx-bg-gray-100 pbx-text-myPrimaryDarkGrayColor",
                 "pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-flex pbx-items-center pbx-justify-center pbx-rounded-xl hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white"
               ]),
               title: g(r)("Slider Settings")
@@ -34424,7 +34424,7 @@ const fo = {
                     "has-product-prices": St.value,
                     "has-product-images": Be.value,
                     "has-product-buttons": ve.value,
-                    "has-product-links": ce.value,
+                    "has-product-links": ue.value,
                     translate: g(r),
                     compact: ""
                   }, null, 8, ["layout", "mobile-columns", "card-style", "rounded-images", "open-in-new-tab", "button-style", "rounded-buttons", "hide-price", "hide-image", "hide-button", "has-product-prices", "has-product-images", "has-product-buttons", "has-product-links", "translate"])
@@ -34449,28 +34449,28 @@ const fo = {
                   p("div", rQ, [
                     p("div", nQ, [
                       p("div", {
-                        class: O(["pbx-flex pbx-items-center pbx-justify-between pbx-px-4 pbx-py-3", C.value ? "pbx-bg-myPrimaryLinkColor" : "pbx-bg-gray-50"])
+                        class: O(["pbx-flex pbx-items-center pbx-justify-between pbx-px-4 pbx-py-3", k.value ? "pbx-bg-myPrimaryLinkColor" : "pbx-bg-gray-50"])
                       }, [
                         p("div", iQ, [
                           p("span", {
                             class: O([
                               "material-symbols-outlined pbx-materialIconXl",
-                              C.value ? "pbx-text-white" : "pbx-text-myPrimaryDarkGrayColor"
+                              k.value ? "pbx-text-white" : "pbx-text-myPrimaryDarkGrayColor"
                             ])
                           }, "autoplay", 2),
                           p("span", {
                             class: O([
                               "pbx-text-sm pbx-font-semibold",
-                              C.value ? "pbx-text-white" : "pbx-text-myPrimaryDarkGrayColor"
+                              k.value ? "pbx-text-white" : "pbx-text-myPrimaryDarkGrayColor"
                             ])
                           }, y(g(r)("Auto Rotate")), 3)
                         ]),
                         z(ko, {
-                          "model-value": C.value,
+                          "model-value": k.value,
                           "onUpdate:modelValue": go
                         }, null, 8, ["model-value"])
                       ], 2),
-                      C.value ? (f(), w("div", aQ, [
+                      k.value ? (f(), w("div", aQ, [
                         p("p", sQ, y(g(r)("Rotation Speed (s)")), 1),
                         p("div", lQ, [
                           (f(), w(re, null, ye([1, 2, 3, 4, 5], (q) => p("button", {
@@ -35399,8 +35399,8 @@ const NQ = /* @__PURE__ */ Cn(RQ, [["render", OQ]]), FQ = ["srcdoc"], Yd = 280,
         }), A = H.body.innerHTML;
       }
       return `<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=${e.renderWidth}"><style>${x}</style><style>${DQ}</style></head><body style="overflow:hidden">${A}</body></html>`;
-    }), C = S(null);
-    let T = null, k = null;
+    }), k = S(null);
+    let T = null, C = null;
     function B(A) {
       var P, I;
       const H = A.target;
@@ -35414,20 +35414,20 @@ const NQ = /* @__PURE__ */ Cn(RQ, [["render", OQ]]), FQ = ["srcdoc"], Yd = 280,
     }
     return bo(() => {
       var A;
-      C.value && (typeof IntersectionObserver > "u" ? c.value = !0 : (T = new IntersectionObserver(
+      k.value && (typeof IntersectionObserver > "u" ? c.value = !0 : (T = new IntersectionObserver(
         (H) => {
           H[0].isIntersecting && (c.value = !0, T == null || T.disconnect(), T = null);
         },
         { rootMargin: "300px" }
-      ), T.observe(C.value)), typeof window < "u" && "ResizeObserver" in window ? (k = new window.ResizeObserver((H) => {
+      ), T.observe(k.value)), typeof window < "u" && "ResizeObserver" in window ? (C = new window.ResizeObserver((H) => {
         const P = H[0].contentRect.width;
         P > 0 && (t.value = P);
-      }), C.value && k.observe(C.value)) : t.value = ((A = C.value) == null ? void 0 : A.clientWidth) || 320);
+      }), k.value && C.observe(k.value)) : t.value = ((A = k.value) == null ? void 0 : A.clientWidth) || 320);
     }), gm(() => {
-      T == null || T.disconnect(), T = null, k == null || k.disconnect(), k = null;
+      T == null || T.disconnect(), T = null, C == null || C.disconnect(), C = null;
     }), (A, H) => (f(), w("div", {
       ref_key: "wrapper",
-      ref: C,
+      ref: k,
       class: "pbx-relative pbx-overflow-hidden pbx-w-full pbx-min-h-[12rem]",
       style: He({
         height: `${s.value}px`,
@@ -35587,14 +35587,14 @@ const NQ = /* @__PURE__ */ Cn(RQ, [["render", OQ]]), FQ = ["srcdoc"], Yd = 280,
     ), v = L(() => {
       const pe = Kd[0].components.data.map((ie) => ie.category);
       return ["All", ...new Set(pe)];
-    }), C = L(() => {
+    }), k = L(() => {
       const pe = a.value.trim().toLowerCase(), ie = !pe && d.value !== "All" ? Kd[0].components.data.filter((Y) => Y.category === d.value) : Kd[0].components.data;
       return pe ? ie.filter((Y) => Y.title.toLowerCase().includes(pe)) : ie;
-    }), T = S(1), k = L(
-      () => Math.max(1, Math.ceil(C.value.length / Qd))
+    }), T = S(1), C = L(
+      () => Math.max(1, Math.ceil(k.value.length / Qd))
     ), B = L(() => {
       const pe = (T.value - 1) * Qd;
-      return C.value.slice(pe, pe + Qd);
+      return k.value.slice(pe, pe + Qd);
     });
     le([d, a], () => {
       T.value = 1;
@@ -35644,7 +35644,7 @@ const NQ = /* @__PURE__ */ Cn(RQ, [["render", OQ]]), FQ = ["srcdoc"], Yd = 280,
       St(pe);
     }, ve = async function(pe) {
       i.value = !0;
-      const ie = ce(pe), Y = ie.html_code.replace(/Layouts and visual\./g, e("Layouts and visual.")).replace(
+      const ie = ue(pe), Y = ie.html_code.replace(/Layouts and visual\./g, e("Layouts and visual.")).replace(
         /Start customizing by editing this default text directly in the editor\./g,
         e("Start customizing by editing this default text directly in the editor.")
       ), Qe = {
@@ -35653,7 +35653,7 @@ const NQ = /* @__PURE__ */ Cn(RQ, [["render", OQ]]), FQ = ["srcdoc"], Yd = 280,
         title: ie.title
       };
       await r.addComponent(Qe), t(e("Component added to page"), "success"), $(), i.value = !1;
-    }, ce = (pe) => {
+    }, ue = (pe) => {
       if (!pe.title.includes("Button")) return pe;
       const Y = new DOMParser().parseFromString(pe.html_code, "text/html");
       return Y.querySelectorAll("#linktree").forEach((te) => {
@@ -35854,8 +35854,8 @@ const NQ = /* @__PURE__ */ Cn(RQ, [["render", OQ]]), FQ = ["srcdoc"], Yd = 280,
                       _: 2
                     }, 1032, ["title", "description", "onClick"]))), 128))
                   ])) : E("", !0),
-                  C.value.length ? E("", !0) : (f(), w("p", zX, y(g(e)("No components found.")), 1)),
-                  k.value > 1 ? (f(), w("div", OX, [
+                  k.value.length ? E("", !0) : (f(), w("p", zX, y(g(e)("No components found.")), 1)),
+                  C.value > 1 ? (f(), w("div", OX, [
                     p("button", {
                       type: "button",
                       class: O(["pbx-text-xs pbx-h-10 pbx-px-2 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-outline-none focus-visible:pbx-ring-2 focus-visible:pbx-ring-myPrimaryLinkColor/30 pbx-text-black", T.value === 1 ? "pbx-opacity-40 pbx-cursor-not-allowed" : ""]),
@@ -35863,7 +35863,7 @@ const NQ = /* @__PURE__ */ Cn(RQ, [["render", OQ]]), FQ = ["srcdoc"], Yd = 280,
                       onClick: ie[5] || (ie[5] = (Y) => T.value--)
                     }, y(g(e)("Previous")), 11, NX),
                     p("div", FX, [
-                      (f(!0), w(re, null, ye(k.value, (Y) => (f(), w("button", {
+                      (f(!0), w(re, null, ye(C.value, (Y) => (f(), w("button", {
                         key: Y,
                         type: "button",
                         class: O([
@@ -35877,9 +35877,9 @@ const NQ = /* @__PURE__ */ Cn(RQ, [["render", OQ]]), FQ = ["srcdoc"], Yd = 280,
                       type: "button",
                       class: O([
                         "pbx-text-xs pbx-h-10 pbx-px-2 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-outline-none focus-visible:pbx-ring-2 focus-visible:pbx-ring-myPrimaryLinkColor/30 pbx-text-black",
-                        T.value === k.value ? "pbx-opacity-40 pbx-cursor-not-allowed" : ""
+                        T.value === C.value ? "pbx-opacity-40 pbx-cursor-not-allowed" : ""
                       ]),
-                      disabled: T.value === k.value,
+                      disabled: T.value === C.value,
                       onClick: ie[6] || (ie[6] = (Y) => T.value++)
                     }, y(g(e)("Next")), 11, VX)
                   ])) : E("", !0)
@@ -36037,15 +36037,15 @@ const NQ = /* @__PURE__ */ Cn(RQ, [["render", OQ]]), FQ = ["srcdoc"], Yd = 280,
     showSampleCatalogBanner: { type: Boolean }
   },
   setup(o) {
-    const e = o, t = qe(), { closeProductLibraryModal: r } = uR(), { translate: n } = ke(), { showToast: i } = wt(), a = S(!1), s = S(""), l = S(/* @__PURE__ */ new Map()), d = S([]), c = S("grid-3"), u = S(2), b = S("minimal"), m = S(!0), h = S(!0), x = S("button"), v = S(!0), C = S(!1), T = S(!1), k = S(!1), B = S(null);
+    const e = o, t = qe(), { closeProductLibraryModal: r } = uR(), { translate: n } = ke(), { showToast: i } = wt(), a = S(!1), s = S(""), l = S(/* @__PURE__ */ new Map()), d = S([]), c = S("grid-3"), u = S(2), b = S("minimal"), m = S(!0), h = S(!0), x = S("button"), v = S(!0), k = S(!1), T = S(!1), C = S(!1), B = S(null);
     let A = null;
     const H = L(() => vJ(e.products)), P = L(() => yJ(e.products)), I = L(() => wJ(e.products)), $ = L(() => SJ(e.products)), M = oR, _ = rR;
     function K(ve) {
       return ve.id != null ? ve.id : ve.title != null ? ve.title : ve;
     }
     const N = L(() => {
-      const ve = s.value.trim().toLowerCase(), ce = ve ? e.products.filter((pe) => [pe.title, pe.description, pe.sku, pe.badge].filter(Boolean).join(" ").toLowerCase().includes(ve)) : e.products, ne = /* @__PURE__ */ new Set();
-      return ce.filter((pe) => {
+      const ve = s.value.trim().toLowerCase(), ue = ve ? e.products.filter((pe) => [pe.title, pe.description, pe.sku, pe.badge].filter(Boolean).join(" ").toLowerCase().includes(ve)) : e.products, ne = /* @__PURE__ */ new Set();
+      return ue.filter((pe) => {
         const ie = K(pe);
         return ne.has(ie) ? !1 : (ne.add(ie), !0);
       });
@@ -36055,25 +36055,25 @@ const NQ = /* @__PURE__ */ Cn(RQ, [["render", OQ]]), FQ = ["srcdoc"], Yd = 280,
       () => _.find((ve) => ve.value === b.value) ?? _[0]
     );
     function Z(ve) {
-      const ce = K(ve), ne = new Map(l.value);
-      ne.has(ce) ? (ne.delete(ce), d.value = d.value.filter((pe) => K(pe) !== ce)) : (ne.set(ce, ve), d.value = [...d.value, ve]), l.value = ne;
+      const ue = K(ve), ne = new Map(l.value);
+      ne.has(ue) ? (ne.delete(ue), d.value = d.value.filter((pe) => K(pe) !== ue)) : (ne.set(ue, ve), d.value = [...d.value, ve]), l.value = ne;
     }
     function se(ve) {
       return l.value.has(K(ve));
     }
     function de(ve) {
-      const ce = K(ve), ne = new Map(l.value);
-      ne.delete(ce), l.value = ne, d.value = d.value.filter((pe) => K(pe) !== ce);
+      const ue = K(ve), ne = new Map(l.value);
+      ne.delete(ue), l.value = ne, d.value = d.value.filter((pe) => K(pe) !== ue);
     }
     function Q(ve) {
       if (ve === 0) return;
-      const ce = [...d.value];
-      [ce[ve - 1], ce[ve]] = [ce[ve], ce[ve - 1]], d.value = ce, Ve(ce[ve - 1]);
+      const ue = [...d.value];
+      [ue[ve - 1], ue[ve]] = [ue[ve], ue[ve - 1]], d.value = ue, Ve(ue[ve - 1]);
     }
     function Ce(ve) {
       if (ve === d.value.length - 1) return;
-      const ce = [...d.value];
-      [ce[ve], ce[ve + 1]] = [ce[ve + 1], ce[ve]], d.value = ce, Ve(ce[ve + 1]);
+      const ue = [...d.value];
+      [ue[ve], ue[ve + 1]] = [ue[ve + 1], ue[ve]], d.value = ue, Ve(ue[ve + 1]);
     }
     function Ve(ve) {
       B.value = K(ve), A && clearTimeout(A), A = setTimeout(() => {
@@ -36101,7 +36101,7 @@ const NQ = /* @__PURE__ */ Cn(RQ, [["render", OQ]]), FQ = ["srcdoc"], Yd = 280,
     ]);
     function St(ve) {
       return Object.entries(ve).filter(
-        ([ce, ne]) => !bt.has(ce) && ne != null && ne !== ""
+        ([ue, ne]) => !bt.has(ue) && ne != null && ne !== ""
       );
     }
     async function Be() {
@@ -36118,18 +36118,18 @@ const NQ = /* @__PURE__ */ Cn(RQ, [["render", OQ]]), FQ = ["srcdoc"], Yd = 280,
           openInNewTab: h.value,
           buttonStyle: x.value,
           roundedButtons: v.value,
-          hidePrice: C.value,
+          hidePrice: k.value,
           hideImage: T.value,
-          hideButton: k.value
+          hideButton: C.value
         }), i(n("Products added to page"), "success"), r();
       } finally {
         a.value = !1;
       }
     }
-    return (ve, ce) => (f(), w("div", null, [
+    return (ve, ue) => (f(), w("div", null, [
       p("div", null, [
         o.showSampleCatalogBanner ? (f(), w("div", YX, [
-          ce[12] || (ce[12] = p("span", { class: "pbx-productSampleCatalogBannerIcon" }, [
+          ue[12] || (ue[12] = p("span", { class: "pbx-productSampleCatalogBannerIcon" }, [
             p("span", {
               class: "material-symbols-outlined",
               "aria-hidden": "true"
@@ -36140,14 +36140,14 @@ const NQ = /* @__PURE__ */ Cn(RQ, [["render", OQ]]), FQ = ["srcdoc"], Yd = 280,
           ])
         ])) : E("", !0),
         p("form", {
-          onSubmit: ce[1] || (ce[1] = Te(() => {
+          onSubmit: ue[1] || (ue[1] = Te(() => {
           }, ["prevent"]))
         }, [
           p("div", ZX, [
             p("div", eZ, [
               p("label", tZ, y(g(n)("Search products")), 1),
               Ie(p("input", {
-                "onUpdate:modelValue": ce[0] || (ce[0] = (ne) => s.value = ne),
+                "onUpdate:modelValue": ue[0] || (ue[0] = (ne) => s.value = ne),
                 type: "search",
                 id: "search-products",
                 class: "pbx-myPrimarySearchInput pbx-w-full pbx-pl-10 pbx-border-0",
@@ -36156,7 +36156,7 @@ const NQ = /* @__PURE__ */ Cn(RQ, [["render", OQ]]), FQ = ["srcdoc"], Yd = 280,
               }, null, 8, oZ), [
                 [Po, s.value]
               ]),
-              ce[13] || (ce[13] = p("div", { class: "pbx-flex pbx-absolute pbx-inset-y-0 pbx-left-0 pbx-items-center pbx-pl-3 pbx-pointer-events-none" }, [
+              ue[13] || (ue[13] = p("div", { class: "pbx-flex pbx-absolute pbx-inset-y-0 pbx-left-0 pbx-items-center pbx-pl-3 pbx-pointer-events-none" }, [
                 p("span", { class: "material-symbols-outlined" }, " search ")
               ], -1))
             ]),
@@ -36166,25 +36166,25 @@ const NQ = /* @__PURE__ */ Cn(RQ, [["render", OQ]]), FQ = ["srcdoc"], Yd = 280,
         p("div", nZ, [
           z(cR, {
             layout: c.value,
-            "onUpdate:layout": ce[2] || (ce[2] = (ne) => c.value = ne),
+            "onUpdate:layout": ue[2] || (ue[2] = (ne) => c.value = ne),
             "mobile-columns": u.value,
-            "onUpdate:mobileColumns": ce[3] || (ce[3] = (ne) => u.value = ne),
+            "onUpdate:mobileColumns": ue[3] || (ue[3] = (ne) => u.value = ne),
             "card-style": b.value,
-            "onUpdate:cardStyle": ce[4] || (ce[4] = (ne) => b.value = ne),
+            "onUpdate:cardStyle": ue[4] || (ue[4] = (ne) => b.value = ne),
             "rounded-images": m.value,
-            "onUpdate:roundedImages": ce[5] || (ce[5] = (ne) => m.value = ne),
+            "onUpdate:roundedImages": ue[5] || (ue[5] = (ne) => m.value = ne),
             "open-in-new-tab": h.value,
-            "onUpdate:openInNewTab": ce[6] || (ce[6] = (ne) => h.value = ne),
+            "onUpdate:openInNewTab": ue[6] || (ue[6] = (ne) => h.value = ne),
             "button-style": x.value,
-            "onUpdate:buttonStyle": ce[7] || (ce[7] = (ne) => x.value = ne),
+            "onUpdate:buttonStyle": ue[7] || (ue[7] = (ne) => x.value = ne),
             "rounded-buttons": v.value,
-            "onUpdate:roundedButtons": ce[8] || (ce[8] = (ne) => v.value = ne),
-            "hide-price": C.value,
-            "onUpdate:hidePrice": ce[9] || (ce[9] = (ne) => C.value = ne),
+            "onUpdate:roundedButtons": ue[8] || (ue[8] = (ne) => v.value = ne),
+            "hide-price": k.value,
+            "onUpdate:hidePrice": ue[9] || (ue[9] = (ne) => k.value = ne),
             "hide-image": T.value,
-            "onUpdate:hideImage": ce[10] || (ce[10] = (ne) => T.value = ne),
-            "hide-button": k.value,
-            "onUpdate:hideButton": ce[11] || (ce[11] = (ne) => k.value = ne),
+            "onUpdate:hideImage": ue[10] || (ue[10] = (ne) => T.value = ne),
+            "hide-button": C.value,
+            "onUpdate:hideButton": ue[11] || (ue[11] = (ne) => C.value = ne),
             "has-product-prices": H.value,
             "has-product-images": P.value,
             "has-product-buttons": I.value,
@@ -36304,7 +36304,7 @@ const NQ = /* @__PURE__ */ Cn(RQ, [["render", OQ]]), FQ = ["srcdoc"], Yd = 280,
                               disabled: pe === 0,
                               "aria-label": g(n)("Move up"),
                               onClick: Te((ie) => Q(pe), ["stop"])
-                            }, [...ce[14] || (ce[14] = [
+                            }, [...ue[14] || (ue[14] = [
                               p("span", {
                                 class: "material-symbols-outlined",
                                 style: { "font-size": "14px" }
@@ -36316,7 +36316,7 @@ const NQ = /* @__PURE__ */ Cn(RQ, [["render", OQ]]), FQ = ["srcdoc"], Yd = 280,
                               disabled: pe === F.value.length - 1,
                               "aria-label": g(n)("Move down"),
                               onClick: Te((ie) => Ce(pe), ["stop"])
-                            }, [...ce[15] || (ce[15] = [
+                            }, [...ue[15] || (ue[15] = [
                               p("span", {
                                 class: "material-symbols-outlined",
                                 style: { "font-size": "14px" }
@@ -36329,7 +36329,7 @@ const NQ = /* @__PURE__ */ Cn(RQ, [["render", OQ]]), FQ = ["srcdoc"], Yd = 280,
                             "aria-label": g(n)("Remove"),
                             title: g(n)("Remove"),
                             onClick: Te((ie) => de(ne), ["stop"])
-                          }, [...ce[16] || (ce[16] = [
+                          }, [...ue[16] || (ue[16] = [
                             p("span", { class: "material-symbols-outlined pbx-materialIconLg" }, "close", -1)
                           ])], 8, XZ)
                         ], 2))), 128))
@@ -36377,7 +36377,7 @@ const NQ = /* @__PURE__ */ Cn(RQ, [["render", OQ]]), FQ = ["srcdoc"], Yd = 280,
             ])
           ])
         ]),
-        ce[17] || (ce[17] = p("div", null, [
+        ue[17] || (ue[17] = p("div", null, [
           p("button", { class: "pbx-sr-only" }, "Focusable fallback")
         ], -1))
       ])
@@ -37023,13 +37023,13 @@ function dte(o) {
 const pte = { class: "pbx-editorFieldGroup" }, cte = { class: "pbx-editorFieldGroup" }, ute = ["src"], bte = { class: "pbx-editorFieldGroup pbx-rounded-lg pbx-border pbx-border-solid pbx-border-gray-200 pbx-bg-gray-50 pbx-px-4 pbx-py-8 pbx-text-center" }, mte = { class: "pbx-editorSectionDesc pbx-mb-0" }, gte = /* @__PURE__ */ ae({
   __name: "ImageEditor",
   setup(o) {
-    const { translate: e } = ke(), t = je, r = nr("CustomMediaComponent", null), n = S(null), i = S(!1), a = S(!1), s = S(""), l = S(""), d = S(""), c = S(null), u = S(null), b = S(null), m = L(() => (t.getBasePrimaryImage && C(t.getBasePrimaryImage), t.getBasePrimaryImage));
+    const { translate: e } = ke(), t = je, r = nr("CustomMediaComponent", null), n = S(null), i = S(!1), a = S(!1), s = S(""), l = S(""), d = S(""), c = S(null), u = S(null), b = S(null), m = L(() => (t.getBasePrimaryImage && k(t.getBasePrimaryImage), t.getBasePrimaryImage));
     function h(T) {
       return T ? T.tagName === "IMG" ? !0 : !!t.getBasePrimaryImage : !1;
     }
     function x(T) {
-      var k;
-      h(T) && ((k = n.value) == null || k.open());
+      var C;
+      h(T) && ((C = n.value) == null || C.open());
     }
     le(
       () => t.getElement,
@@ -37043,7 +37043,7 @@ const pte = { class: "pbx-editorFieldGroup" }, cte = { class: "pbx-editorFieldGr
         x(t.getElement);
       }
     ), bo(() => {
-      ue(() => {
+      ce(() => {
         x(t.getElement);
       });
     });
@@ -37051,10 +37051,10 @@ const pte = { class: "pbx-editorFieldGroup" }, cte = { class: "pbx-editorFieldGr
       a.value = !0, s.value = e("Media Library"), l.value = null, d.value = e("Close"), c.value = e("Select image"), b.value = function() {
         a.value = !1;
       };
-    }, C = async function(T) {
+    }, k = async function(T) {
       i.value = !0, T && typeof T == "string" && T.length > 2 && (await dte(T), await et(200), i.value = !1);
     };
-    return (T, k) => (f(), w(re, null, [
+    return (T, C) => (f(), w(re, null, [
       z(ot, {
         ref_key: "imageAccordionRef",
         ref: n
@@ -37063,7 +37063,7 @@ const pte = { class: "pbx-editorFieldGroup" }, cte = { class: "pbx-editorFieldGr
           Ne(y(g(e)("Image")), 1)
         ]),
         content: U(() => [
-          Ie(p("div", pte, [...k[1] || (k[1] = [
+          Ie(p("div", pte, [...C[1] || (C[1] = [
             p("div", { class: "pbx-flex pbx-min-h-40 pbx-items-center pbx-justify-center" }, [
               p("div", { class: "pbx-inline-block pbx-h-8 pbx-w-8 pbx-animate-spin pbx-rounded-full pbx-border-4 pbx-border-solid pbx-border-current pbx-border-r-transparent pbx-align-[-0.125em] motion-reduce:pbx-animate-[spin_1.5s_linear_infinite]" }, [
                 p("span", { class: "!pbx-absolute !pbx-m-px !pbx-h-px !pbx-w-px !pbx-overflow-hidden !pbx-whitespace-nowrap !pbx-border-0 !pbx-p-0 !pbx-[clip:rect(0,0,0,0)]" }, "Loading...")
@@ -37098,7 +37098,7 @@ const pte = { class: "pbx-editorFieldGroup" }, cte = { class: "pbx-editorFieldGr
         secondButtonText: c.value ?? void 0,
         thirdButtonText: u.value ?? void 0,
         customMediaComponent: g(r) ?? void 0,
-        onFirstMediaButtonFunction: k[0] || (k[0] = () => {
+        onFirstMediaButtonFunction: C[0] || (C[0] = () => {
           var B;
           return (B = b.value) == null ? void 0 : B.call(b);
         })
@@ -37853,11 +37853,11 @@ const pte = { class: "pbx-editorFieldGroup" }, cte = { class: "pbx-editorFieldGr
       () => i.value ? n.getFontHorizontalPadding : n.getFontHorizontalMargin
     ), v = L(
       () => i.value ? n.getFontTopPadding : n.getFontTopMargin
-    ), C = L(
+    ), k = L(
       () => i.value ? n.getFontRightPadding : n.getFontRightMargin
     ), T = L(
       () => i.value ? n.getFontBottomPadding : n.getFontBottomMargin
-    ), k = L(
+    ), C = L(
       () => i.value ? n.getFontLeftPadding : n.getFontLeftMargin
     );
     le(
@@ -37879,7 +37879,7 @@ const pte = { class: "pbx-editorFieldGroup" }, cte = { class: "pbx-editorFieldGr
       },
       { immediate: !0 }
     ), le(
-      C,
+      k,
       async (V) => {
         u.value = V, await r.initializeElementStyles();
       },
@@ -37891,7 +37891,7 @@ const pte = { class: "pbx-editorFieldGroup" }, cte = { class: "pbx-editorFieldGr
       },
       { immediate: !0 }
     ), le(
-      k,
+      C,
       async (V) => {
         m.value = V, await r.initializeElementStyles();
       },
@@ -38682,21 +38682,21 @@ const pte = { class: "pbx-editorFieldGroup" }, cte = { class: "pbx-editorFieldGr
       s(P.id, { color: I });
     }
     const v = S(null);
-    function C(P) {
+    function k(P) {
       v.value = v.value === P ? null : P;
     }
     function T() {
       v.value = null;
     }
-    const k = S(!1);
+    const C = S(!1);
     function B() {
-      k.value = !0;
+      C.value = !0;
     }
     function A() {
-      k.value = !1;
+      C.value = !1;
     }
     function H() {
-      l(), d.value = {}, k.value = !1, t(e("Theme colors reset to defaults"), "success");
+      l(), d.value = {}, C.value = !1, t(e("Theme colors reset to defaults"), "success");
     }
     return (P, I) => (f(), w(re, null, [
       p("div", {
@@ -38742,7 +38742,7 @@ const pte = { class: "pbx-editorFieldGroup" }, cte = { class: "pbx-editorFieldGr
                   title: $.color,
                   class: "pbx-cursor-pointer pbx-border-0 pbx-p-0 pbx-bg-transparent pbx-block pbx-flex-shrink-0",
                   style: { width: "2rem", height: "2rem" },
-                  onClick: Te((M) => C($.id), ["stop"])
+                  onClick: Te((M) => k($.id), ["stop"])
                 }, [
                   p("span", {
                     style: He([{ backgroundColor: $.color }, { display: "block", width: "60%", height: "60%", "border-radius": "9999px", border: "1px solid rgba(0, 0, 0, 0.1)", "box-shadow": `0 1px 4px rgba(0, 0, 0, 0.1),
@@ -38787,7 +38787,7 @@ const pte = { class: "pbx-editorFieldGroup" }, cte = { class: "pbx-editorFieldGr
         ])
       ], 2),
       z(Kt, {
-        showDynamicModalBuilder: k.value,
+        showDynamicModalBuilder: C.value,
         type: "delete",
         gridColumnAmount: 2,
         title: g(e)("Reset to provided defaults"),
@@ -39097,7 +39097,7 @@ const pte = { class: "pbx-editorFieldGroup" }, cte = { class: "pbx-editorFieldGr
         n.value = !0, await r.clearHtmlSelection(), await r.handleFormSubmission(), await et(500), i.value = !1, n.value = !1, t(e("All components removed"), "success");
       };
     };
-    return (C, T) => (f(), w(re, null, [
+    return (k, T) => (f(), w(re, null, [
       z(ot, null, {
         title: U(() => [
           Ne(y(g(e)("Page layout")), 1)
@@ -39133,16 +39133,16 @@ const pte = { class: "pbx-editorFieldGroup" }, cte = { class: "pbx-editorFieldGr
         secondButtonText: u.value ?? void 0,
         thirdButtonText: b.value ?? void 0,
         onFirstModalButtonFunctionDynamicModalBuilder: T[0] || (T[0] = () => {
-          var k;
-          return (k = m.value) == null ? void 0 : k.call(m);
+          var C;
+          return (C = m.value) == null ? void 0 : C.call(m);
         }),
         onSecondModalButtonFunctionDynamicModalBuilder: T[1] || (T[1] = () => {
-          var k;
-          return (k = h.value) == null ? void 0 : k.call(h);
+          var C;
+          return (C = h.value) == null ? void 0 : C.call(h);
         }),
         onThirdModalButtonFunctionDynamicModalBuilder: T[2] || (T[2] = () => {
-          var k;
-          return (k = x.value) == null ? void 0 : k.call(x);
+          var C;
+          return (C = x.value) == null ? void 0 : C.call(x);
         })
       }, {
         default: U(() => [...T[5] || (T[5] = [
@@ -39221,7 +39221,7 @@ const pte = { class: "pbx-editorFieldGroup" }, cte = { class: "pbx-editorFieldGr
   }
 }), Ar = function(o) {
   return !o || typeof o == "object" && o.constructor === Object && Object.keys(o).length === 0;
-}, Dre = "3.5.45", Rre = (o) => /^[a-z][a-z0-9+.-]*:/i.test(o) || o.startsWith("//");
+}, Dre = "3.5.46", Rre = (o) => /^[a-z][a-z0-9+.-]*:/i.test(o) || o.startsWith("//");
 function kR(o, e) {
   if (!o)
     return console.warn("No valid pagebuilder element passed"), "";
@@ -39357,13 +39357,13 @@ const zre = ["title", "aria-label"], Ore = { class: "pbx-inspectorIdChipText" },
     function v(N) {
       return N ? N.tagName.toLowerCase() : "—";
     }
-    function C(N) {
+    function k(N) {
       return N ? "object" : "—";
     }
     function T(N) {
       return N.length ? `${e("array")} · ${N.length}` : e("array");
     }
-    const k = L(() => [
+    const C = L(() => [
       {
         label: e("Element type:"),
         value: v(i.value),
@@ -39371,7 +39371,7 @@ const zre = ["title", "aria-label"], Ore = { class: "pbx-inspectorIdChipText" },
       },
       {
         label: e("Component type:"),
-        value: C(a.value),
+        value: k(a.value),
         tone: a.value ? "active" : "muted"
       },
       {
@@ -39416,7 +39416,7 @@ const zre = ["title", "aria-label"], Ore = { class: "pbx-inspectorIdChipText" },
       p("div", qre, [
         p("h4", Ure, y(g(e)("Types")), 1),
         p("div", Wre, [
-          (f(!0), w(re, null, ye(k.value, (G) => (f(), w("div", {
+          (f(!0), w(re, null, ye(C.value, (G) => (f(), w("div", {
             key: G.label,
             class: "pbx-inspectorRow"
           }, [
@@ -39682,7 +39682,7 @@ const zre = ["title", "aria-label"], Ore = { class: "pbx-inspectorIdChipText" },
       () => e.embeddedSection === "overviewConfig" || !e.embeddedSection && d.value === "overview"
     ), v = L(
       () => e.embeddedSection === "download" || !e.embeddedSection && d.value === "download"
-    ), C = L(
+    ), k = L(
       () => e.embeddedSection === "selectedHtml" || !e.embeddedSection && d.value === "viewHTMLConfig"
     );
     function T(B, A) {
@@ -39728,7 +39728,7 @@ const zre = ["title", "aria-label"], Ore = { class: "pbx-inspectorIdChipText" },
     `, M = document.createElement("a");
       M.setAttribute("href", "data:text/html;charset=utf-8," + encodeURIComponent($)), M.setAttribute("download", B), M.style.display = "none", document.body.appendChild(M), M.click(), document.body.removeChild(M);
     }
-    function k() {
+    function C() {
       const B = document.getElementById("pagebuilder");
       if (!B) return;
       let A = kR(B);
@@ -40103,7 +40103,7 @@ const zre = ["title", "aria-label"], Ore = { class: "pbx-inspectorIdChipText" },
             )), 3),
             p("div", hse, [
               p("button", {
-                onClick: k,
+                onClick: C,
                 type: "button",
                 class: "pbx-myPrimaryButton"
               }, [
@@ -40116,7 +40116,7 @@ const zre = ["title", "aria-label"], Ore = { class: "pbx-inspectorIdChipText" },
             )), 1)
           ]))
         ], 2)) : E("", !0),
-        C.value ? (f(), w("div", {
+        k.value ? (f(), w("div", {
           key: 3,
           class: O(n.value ? "" : "pbx-min-h-screen pbx-mt-4")
         }, [
@@ -40214,7 +40214,7 @@ const zre = ["title", "aria-label"], Ore = { class: "pbx-inspectorIdChipText" },
 }, Ose = /* @__PURE__ */ ae({
   __name: "TypographyControl",
   setup(o) {
-    const { translate: e } = ke(), t = qe(), r = je, n = S(null), i = S(null), a = S(null), s = S(null), l = S(null), d = S(null), c = S(""), u = S(null), b = L(() => r.getElement), m = L(() => r.getFontBase), h = L(() => r.getFontDesktop), x = L(() => r.getFontTablet), v = L(() => r.getFontMobile), C = L(() => r.getFontWeight), T = L(() => r.getFontFamily), k = L(() => r.getFontStyle), B = L(() => r.getPageBuilderConfig), A = L(
+    const { translate: e } = ke(), t = qe(), r = je, n = S(null), i = S(null), a = S(null), s = S(null), l = S(null), d = S(null), c = S(""), u = S(null), b = L(() => r.getElement), m = L(() => r.getFontBase), h = L(() => r.getFontDesktop), x = L(() => r.getFontTablet), v = L(() => r.getFontMobile), k = L(() => r.getFontWeight), T = L(() => r.getFontFamily), C = L(() => r.getFontStyle), B = L(() => r.getPageBuilderConfig), A = L(
       () => {
         var $;
         return LD(($ = B.value) == null ? void 0 : $.userSettings);
@@ -40222,7 +40222,7 @@ const zre = ["title", "aria-label"], Ore = { class: "pbx-inspectorIdChipText" },
     ), H = L(() => !!(d.value && d.value !== "none")), P = function() {
       t.handleFontFamily(d.value == null ? "none" : d.value);
     }, I = async () => {
-      if (await ue(), !(b.value instanceof HTMLElement)) {
+      if (await ce(), !(b.value instanceof HTMLElement)) {
         c.value = "";
         return;
       }
@@ -40260,7 +40260,7 @@ const zre = ["title", "aria-label"], Ore = { class: "pbx-inspectorIdChipText" },
       },
       { immediate: !0 }
     ), le(
-      C,
+      k,
       async ($) => {
         l.value = $, await t.initializeElementStyles();
       },
@@ -40272,7 +40272,7 @@ const zre = ["title", "aria-label"], Ore = { class: "pbx-inspectorIdChipText" },
       },
       { immediate: !0 }
     ), le(b, I, { immediate: !0, flush: "post" }), le(
-      k,
+      C,
       async ($) => {
         u.value = $, await t.initializeElementStyles();
       },
@@ -40474,7 +40474,7 @@ const zre = ["title", "aria-label"], Ore = { class: "pbx-inspectorIdChipText" },
     le(
       () => n.getElement,
       (T) => {
-        (T == null ? void 0 : T.tagName) === "IMG" && (i.value = "styles"), ue(() => {
+        (T == null ? void 0 : T.tagName) === "IMG" && (i.value = "styles"), ce(() => {
           c.value && (c.value.scrollTop = u);
         });
       }
@@ -40483,13 +40483,13 @@ const zre = ["title", "aria-label"], Ore = { class: "pbx-inspectorIdChipText" },
       c.value && (u = c.value.scrollTop);
     }
     function m(T) {
-      i.value = T, ue(() => {
+      i.value = T, ce(() => {
         c.value && (c.value.scrollTop = 0, u = 0);
       });
     }
     const h = S(!1), x = S(!1), v = async function() {
       h.value = !0, x.value = !0, await et(200), n.setToggleGlobalHtmlMode(!0), await r.globalPageStyles(), x.value = !1;
-    }, C = async function() {
+    }, k = async function() {
       x.value = !0, await et(200);
       try {
         await r.handleManualSave(), t(e("Page saved successfully"), "success");
@@ -40500,15 +40500,15 @@ const zre = ["title", "aria-label"], Ore = { class: "pbx-inspectorIdChipText" },
       const T = document.querySelector("[data-pagebuilder-content]");
       T && T.removeAttribute("data-global-selected"), h.value = !1, x.value = !1;
     };
-    return (T, k) => (f(), w(re, null, [
+    return (T, C) => (f(), w(re, null, [
       p("div", Sle, [
         p("div", kle, [
           p("button", {
             type: "button",
-            onClick: k[0] || (k[0] = (B) => T.$emit("closeEditor")),
+            onClick: C[0] || (C[0] = (B) => T.$emit("closeEditor")),
             "aria-label": g(e)("Close properties panel"),
             class: "pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-text-black hover:pbx-text-white"
-          }, [...k[4] || (k[4] = [
+          }, [...C[4] || (C[4] = [
             p("span", {
               class: "material-symbols-outlined",
               "aria-hidden": "true"
@@ -40537,7 +40537,7 @@ const zre = ["title", "aria-label"], Ore = { class: "pbx-inspectorIdChipText" },
                 "pbx-rounded-lg pbx-py-2 pbx-text-sm pbx-font-medium pbx-transition-colors pbx-border-0 pbx-cursor-pointer pbx-font-sans",
                 i.value === "styles" ? "pbx-bg-myPrimaryLinkColor pbx-text-white pbx-shadow-sm" : "pbx-bg-transparent pbx-text-myPrimaryDarkGrayColor hover:pbx-bg-gray-50"
               ]),
-              onClick: k[1] || (k[1] = (B) => m("styles"))
+              onClick: C[1] || (C[1] = (B) => m("styles"))
             }, y(g(e)("Styles")), 11, Ele),
             p("button", {
               type: "button",
@@ -40547,7 +40547,7 @@ const zre = ["title", "aria-label"], Ore = { class: "pbx-inspectorIdChipText" },
                 "pbx-rounded-lg pbx-py-2 pbx-text-sm pbx-font-medium pbx-transition-colors pbx-border-0 pbx-cursor-pointer pbx-font-sans",
                 i.value === "settings" ? "pbx-bg-myPrimaryLinkColor pbx-text-white pbx-shadow-sm" : "pbx-bg-transparent pbx-text-myPrimaryDarkGrayColor hover:pbx-bg-gray-50"
               ]),
-              onClick: k[2] || (k[2] = (B) => m("settings"))
+              onClick: C[2] || (C[2] = (B) => m("settings"))
             }, y(g(e)("Settings")), 11, Ale),
             p("button", {
               type: "button",
@@ -40557,7 +40557,7 @@ const zre = ["title", "aria-label"], Ore = { class: "pbx-inspectorIdChipText" },
                 "pbx-rounded-lg pbx-py-2 pbx-text-sm pbx-font-medium pbx-transition-colors pbx-border-0 pbx-cursor-pointer pbx-font-sans",
                 i.value === "tools" ? "pbx-bg-myPrimaryLinkColor pbx-text-white pbx-shadow-sm" : "pbx-bg-transparent pbx-text-myPrimaryDarkGrayColor hover:pbx-bg-gray-50"
               ]),
-              onClick: k[3] || (k[3] = (B) => m("tools"))
+              onClick: C[3] || (C[3] = (B) => m("tools"))
             }, y(g(e)("Tools")), 11, $le)
           ], 8, Lle)
         ]),
@@ -40607,7 +40607,7 @@ const zre = ["title", "aria-label"], Ore = { class: "pbx-inspectorIdChipText" },
         maxWidth: "5xl",
         showModalBuilder: h.value,
         title: g(e)("Page Design"),
-        onCloseMainModalBuilder: C,
+        onCloseMainModalBuilder: k,
         minHeight: "",
         maxHeight: ""
       }, {
@@ -40720,13 +40720,13 @@ const CR = /* @__PURE__ */ Cn(Kle, [["render", Jle]]), Yle = { class: "pbx-text-
     async function v() {
       a.value++, await n.handleAutoSave();
     }
-    async function C(H) {
+    async function k(H) {
       n.handleImageObjectFit(H), await v();
     }
     async function T(H) {
       n.handleImageObjectPosition(H), await v();
     }
-    async function k(H) {
+    async function C(H) {
       n.handleImageAspectRatio(H), await v();
     }
     async function B() {
@@ -40761,7 +40761,7 @@ const CR = /* @__PURE__ */ Cn(Kle, [["render", Jle]]), Yle = { class: "pbx-text-
               "pbx-font-sans pbx-flex-1 pbx-rounded-xl pbx-border pbx-border-solid pbx-px-4 pbx-py-3 pbx-text-sm pbx-font-medium pbx-cursor-pointer pbx-transition-colors",
               u.value === "pbx-object-cover" ? "pbx-border-myPrimaryLinkColor pbx-bg-myPrimaryLinkColor pbx-text-white" : "pbx-border-gray-200 pbx-bg-white pbx-text-gray-700 hover:pbx-border-gray-300"
             ]),
-            onClick: P[0] || (P[0] = (I) => C("pbx-object-cover"))
+            onClick: P[0] || (P[0] = (I) => k("pbx-object-cover"))
           }, y(g(t)("Cover")), 3),
           p("button", {
             type: "button",
@@ -40769,7 +40769,7 @@ const CR = /* @__PURE__ */ Cn(Kle, [["render", Jle]]), Yle = { class: "pbx-text-
               "pbx-font-sans pbx-flex-1 pbx-rounded-xl pbx-border pbx-border-solid pbx-px-4 pbx-py-3 pbx-text-sm pbx-font-medium pbx-cursor-pointer pbx-transition-colors",
               u.value === "pbx-object-contain" ? "pbx-border-myPrimaryLinkColor pbx-bg-myPrimaryLinkColor pbx-text-white" : "pbx-border-gray-200 pbx-bg-white pbx-text-gray-700 hover:pbx-border-gray-300"
             ]),
-            onClick: P[1] || (P[1] = (I) => C("pbx-object-contain"))
+            onClick: P[1] || (P[1] = (I) => k("pbx-object-contain"))
           }, y(g(t)("Contain")), 3)
         ]),
         p("p", Xle, y(g(t)("Cover fills the frame and may crop. Contain shows the full image.")), 1)
@@ -40803,7 +40803,7 @@ const CR = /* @__PURE__ */ Cn(Kle, [["render", Jle]]), Yle = { class: "pbx-text-
               "pbx-font-sans pbx-rounded-xl pbx-border pbx-border-solid pbx-px-3 pbx-py-2.5 pbx-text-sm pbx-font-medium pbx-cursor-pointer pbx-transition-colors",
               m.value === I.id ? "pbx-border-myPrimaryLinkColor pbx-bg-myPrimaryLinkColor pbx-text-white" : "pbx-border-gray-200 pbx-bg-white pbx-text-gray-700 hover:pbx-border-gray-300"
             ]),
-            onClick: ($) => k(I.id)
+            onClick: ($) => C(I.id)
           }, y(g(t)(I.labelKey)), 11, ide)), 64))
         ])
       ]),
@@ -41267,8 +41267,8 @@ const ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
       error: u,
       closeHtmlEditor: b,
       saveHtmlEditor: m
-    } = td(), h = o, { translate: x, loadTranslations: v } = ke(), { showToast: C } = wt(), T = hD, k = je;
-    Bo("pageBuilderStateStore", k), Bo("internalPinia", T), Bo("CustomMediaComponent", h.CustomMediaLibraryComponent), Bo("DisplayProductsComponent", h.DisplayProducts), Bo("CustomBuilderComponents", h.CustomBuilderComponents);
+    } = td(), h = o, { translate: x, loadTranslations: v } = ke(), { showToast: k } = wt(), T = hD, C = je;
+    Bo("pageBuilderStateStore", C), Bo("internalPinia", T), Bo("CustomMediaComponent", h.CustomMediaLibraryComponent), Bo("DisplayProductsComponent", h.DisplayProducts), Bo("CustomBuilderComponents", h.CustomBuilderComponents);
     const B = L(
       () => !!h.DisplayProducts || h.enableDefaultProducts
     ), A = e, H = S(1), P = S(""), I = S(!1), $ = S(""), M = S(""), _ = S(""), K = S(null), N = S(null), F = S(null), G = S(null), V = S(null), Z = async function() {
@@ -41283,19 +41283,19 @@ const ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
     }, se = function() {
       I.value = !1, A("handleClosePageBuilder");
     }, de = async function() {
-      k.setIsLoadingGlobal(!0);
+      C.setIsLoadingGlobal(!0);
       try {
-        await t.handleManualSave(), C(x("Page saved successfully"), "success");
+        await t.handleManualSave(), k(x("Page saved successfully"), "success");
       } catch {
-        C(x("Could not save page"), "error");
+        k(x("Could not save page"), "error");
       }
-      k.setIsLoadingGlobal(!1), A("handlePublishPageBuilder");
+      C.setIsLoadingGlobal(!1), A("handlePublishPageBuilder");
     };
     async function Q() {
       try {
-        await t.handleManualSave(), C(x("Page saved successfully"), "success");
+        await t.handleManualSave(), k(x("Page saved successfully"), "success");
       } catch {
-        C(x("Could not save page"), "error");
+        k(x("Could not save page"), "error");
       }
     }
     Bo("closeAddComponentModal", () => {
@@ -41311,15 +41311,15 @@ const ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
         R.lang = j, localStorage.setItem("userSettingsPageBuilder", JSON.stringify(R)), bt.value = !1;
       }
     });
-    const St = L(() => k.getBuilderStarted), Be = L(() => k.getPageBuilderConfig), ve = L(
+    const St = L(() => C.getBuilderStarted), Be = L(() => C.getPageBuilderConfig), ve = L(
       () => {
         var j;
         return TD((j = Be.value) == null ? void 0 : j.userSettings);
       }
-    ), ce = L(() => {
+    ), ue = L(() => {
       var ge, Ht;
-      k.getFontFamily, k.getToggleGlobalHtmlMode, (ge = k.getComponents) == null || ge.length;
-      const j = (Ht = Be.value) == null ? void 0 : Ht.userSettings, R = k.getToggleGlobalHtmlMode, he = k.getFontFamily;
+      C.getFontFamily, C.getToggleGlobalHtmlMode, (ge = C.getComponents) == null || ge.length;
+      const j = (Ht = Be.value) == null ? void 0 : Ht.userSettings, R = C.getToggleGlobalHtmlMode, he = C.getFontFamily;
       if (R && he && he !== "none")
         return he;
       const W = document.getElementById("pagebuilder"), Me = W ? PD(W, j) : void 0;
@@ -41329,11 +41329,11 @@ const ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
       }) ? Me : ve.value;
     }), ne = L(() => {
       var he, W;
-      k.getFontFamily, k.getToggleGlobalHtmlMode, (he = k.getComponents) == null || he.length;
+      C.getFontFamily, C.getToggleGlobalHtmlMode, (he = C.getComponents) == null || he.length;
       const j = (W = Be.value) == null ? void 0 : W.userSettings, R = document.getElementById("pagebuilder");
       return Wp(R, j, {
-        globalPageDesignMode: k.getToggleGlobalHtmlMode,
-        selectedFontClass: k.getFontFamily
+        globalPageDesignMode: C.getToggleGlobalHtmlMode,
+        selectedFontClass: C.getFontFamily
       });
     }), pe = L(
       () => {
@@ -41365,12 +41365,12 @@ const ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
       },
       { immediate: !0 }
     );
-    const Y = L(() => k.getCurrentLanguage);
+    const Y = L(() => C.getCurrentLanguage);
     le(Y, (j) => {
       j && j !== Ve.value && (Ve.value = j);
     });
-    const Qe = L(() => k.getMenuRight), te = S(!1), J = S(""), _e = S(""), De = function() {
-      localStorage.setItem("preview-font-class", ce.value), localStorage.setItem(
+    const Qe = L(() => C.getMenuRight), te = S(!1), J = S(""), _e = S(""), De = function() {
+      localStorage.setItem("preview-font-class", ue.value), localStorage.setItem(
         "preview-element-fonts",
         JSON.stringify(ne.value ? {} : ie.value)
       );
@@ -41393,14 +41393,14 @@ const ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
         ur.value = !1;
       };
     }, xo = S(!1), br = S(""), Tn = async function() {
-      await t.clearHtmlSelection(), k.setAddComponentAddIndex(null), k.setComponentArrayAddMethod("unshift"), br.value = x("Add Products to Page"), xo.value = !0;
+      await t.clearHtmlSelection(), C.setAddComponentAddIndex(null), C.setComponentArrayAddMethod("unshift"), br.value = x("Add Products to Page"), xo.value = !0;
     }, Pn = () => {
       xo.value = !1;
     }, mr = function(j) {
-      k.setAddComponentAddIndex(j), k.setComponentArrayAddMethod("insert"), Wr();
+      C.setAddComponentAddIndex(j), C.setComponentArrayAddMethod("insert"), Wr();
     }, oo = async function(j) {
-      await t.clearHtmlSelection(), k.setAddComponentAddIndex(j), k.setComponentArrayAddMethod("insert"), br.value = x("Add Products to Page"), xo.value = !0;
-    }, mt = L(() => k.getElement), kt = L(() => k.getComponents), nd = L(() => k.getHasLocalDraftForUpdate);
+      await t.clearHtmlSelection(), C.setAddComponentAddIndex(j), C.setComponentArrayAddMethod("insert"), br.value = x("Add Products to Page"), xo.value = !0;
+    }, mt = L(() => C.getElement), kt = L(() => C.getComponents), nd = L(() => C.getHasLocalDraftForUpdate);
     le(nd, (j) => {
       j && sd();
     });
@@ -41417,23 +41417,23 @@ const ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
       }, 200);
     });
     const fi = function(j) {
-      k.getInlineTipTapEditor || k.setComponent(j);
+      C.getInlineTipTapEditor || C.setComponent(j);
     }, Fa = async function(j) {
       await t.openInlineTipTapFromEvent(j);
     }, yi = function(j) {
-      if (!k.getInlineTipTapEditor || !(j.target instanceof Node)) return;
+      if (!C.getInlineTipTapEditor || !(j.target instanceof Node)) return;
       const R = document.querySelector("#pagebuilder [data-pbx-inline-tiptap]"), he = R == null ? void 0 : R.querySelector(".ProseMirror"), W = j.target instanceof Element ? j.target.closest("[data-pbx-inline-editor-ui]") : null, Me = j.target instanceof Element ? j.target.closest("#pbx-modal") : null;
       if (he != null && he.contains(j.target) || W || Me || BD(j.target)) return;
       const ge = t.findEditableElementFromEventTarget(j.target);
       j.preventDefault(), j.stopPropagation(), j.stopImmediatePropagation(), t.finishActiveInlineTipTapEditorFromDom(ge);
-    }, vi = L(() => k.getIsLoadingGlobal), Mn = L(() => k.getIsSaving), wi = S(null), Gr = S(null), ad = L(() => k.getIsLoadingResumeEditing), Mo = L(() => k.getIsRestoring), jo = S(1), Kr = S(""), Jr = S(!1), ja = S(""), It = S(""), Ln = S(""), Si = S(null), ki = S(null), Vo = S(null), ho = S(null), Yr = S(null), sd = async function() {
+    }, vi = L(() => C.getIsLoadingGlobal), Mn = L(() => C.getIsSaving), wi = S(null), Gr = S(null), ad = L(() => C.getIsLoadingResumeEditing), Mo = L(() => C.getIsRestoring), jo = S(1), Kr = S(""), Jr = S(!1), ja = S(""), It = S(""), Ln = S(""), Si = S(null), ki = S(null), Vo = S(null), ho = S(null), Yr = S(null), sd = async function() {
       Kr.value = "warning", Jr.value = !0, ja.value = x("Continue Your Work?"), It.value = x(
         "We noticed you have some changes that weren’t saved last time. Would you like to pick up where you left off, or use the version that’s currently loaded from the database?"
       ), Ln.value = x("Use Saved Version"), Si.value = null, ki.value = x("Continue Where I Left Off"), Vo.value = async function() {
-        k.setHasLocalDraftForUpdate(!1), Jr.value = !1;
+        C.setHasLocalDraftForUpdate(!1), Jr.value = !1;
       }, ho.value = function() {
       }, Yr.value = async function() {
-        await t.resumeEditingFromDraft(), k.setHasLocalDraftForUpdate(!1), Jr.value = !1;
+        await t.resumeEditingFromDraft(), C.setHasLocalDraftForUpdate(!1), Jr.value = !1;
       };
     }, ld = S(1), Va = S(""), gr = S(!1), En = S(""), xr = S(""), qo = S(""), ro = S(null), Ci = S(null), An = S(null), $n = S(null), hr = S(null), Uo = async function() {
       await t.clearHtmlSelection(), Va.value = "success", gr.value = !0, En.value = x("Do you want to reset this page?"), xr.value = x(
@@ -41443,9 +41443,9 @@ const ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
       }, $n.value = async function() {
       }, hr.value = async function() {
         try {
-          await t.restoreOriginalContent(), C(x("Page restored to original version"), "success");
+          await t.restoreOriginalContent(), k(x("Page restored to original version"), "success");
         } catch {
-          C(x("Could not restore page"), "error");
+          k(x("Could not restore page"), "error");
         }
         gr.value = !1;
       };
@@ -41459,9 +41459,9 @@ const ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
       Lo.value = !1, t.setImageSettingsModalOpen(!1);
     };
     Zde({
-      canUndo: () => k.getHistoryIndex > 0,
-      canRedo: () => k.getHistoryIndex < k.getHistoryLength - 1,
-      isBlocked: () => vi.value || bt.value || k.getInlineTipTapEditor || ur.value || xo.value || I.value || Jr.value || gr.value || s.value || r.value || te.value || go.value || Lo.value,
+      canUndo: () => C.getHistoryIndex > 0,
+      canRedo: () => C.getHistoryIndex < C.getHistoryLength - 1,
+      isBlocked: () => vi.value || bt.value || C.getInlineTipTapEditor || ur.value || xo.value || I.value || Jr.value || gr.value || s.value || r.value || te.value || go.value || Lo.value,
       onUndo: async () => {
         var j;
         await ((j = wi.value) == null ? void 0 : j.handleUndo());
@@ -41478,7 +41478,7 @@ const ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
         var j;
         (j = Gr.value) == null || j.openDeleteConfirm();
       },
-      hasSelection: () => !!k.getElement
+      hasSelection: () => !!C.getElement
     });
     const fr = function() {
       St.value || (No.value = !0);
@@ -41559,14 +41559,14 @@ const ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
       });
     }
     le(
-      () => k.getInlineTipTapEditor,
+      () => C.getInlineTipTapEditor,
       () => {
-        ue(we);
+        ce(we);
       }
     ), le(mt, () => {
-      ue(we);
+      ce(we);
     }), le(kt, () => {
-      ue(we);
+      ce(we);
     });
     const at = function() {
       we();
@@ -41848,7 +41848,7 @@ const ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                   "aria-label": g(x)("Add components"),
                   title: g(x)("Add components"),
                   onClick: R[14] || (R[14] = () => {
-                    g(k).setComponentArrayAddMethod("unshift"), Wr();
+                    g(C).setComponentArrayAddMethod("unshift"), Wr();
                   })
                 }, [
                   p("span", gpe, [
@@ -41875,7 +41875,7 @@ const ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                   "aria-label": g(x)("Desktop preview"),
                   title: g(x)("Desktop preview"),
                   onClick: R[15] || (R[15] = async () => {
-                    g(k).setMenuRight(!1), g(k).setElement(null), await g(t).clearHtmlSelection(), Ut();
+                    g(C).setMenuRight(!1), g(C).setElement(null), await g(t).clearHtmlSelection(), Ut();
                   })
                 }, [
                   p("span", vpe, [
@@ -41896,7 +41896,7 @@ const ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                   "aria-label": g(x)("Mobile preview"),
                   title: g(x)("Mobile preview"),
                   onClick: R[16] || (R[16] = async () => {
-                    g(k).setMenuRight(!1), g(k).setElement(null), await g(t).clearHtmlSelection(), xi();
+                    g(C).setMenuRight(!1), g(C).setElement(null), await g(t).clearHtmlSelection(), xi();
                   })
                 }, [
                   p("span", kpe, [
@@ -41993,7 +41993,7 @@ const ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                 ref_key: "pageBuilderCanvas",
                 ref: _n,
                 "data-builder-canvas": "",
-                class: O([ce.value, "pbx-text-black"]),
+                class: O([ue.value, "pbx-text-black"]),
                 onDblclickCapture: Fa
               }, [
                 Array.isArray(kt.value) && kt.value.length === 0 ? (f(), w("div", Ipe, [
@@ -42095,7 +42095,7 @@ const ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                   ]])
                 }, [
                   z(zle, {
-                    onCloseEditor: R[27] || (R[27] = (W) => g(k).setMenuRight(!1))
+                    onCloseEditor: R[27] || (R[27] = (W) => g(C).setMenuRight(!1))
                   })
                 ], 2)) : (f(), w("div", {
                   key: 1,
@@ -42118,7 +42118,7 @@ const ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                   }, [
                     Qe.value ? E("", !0) : (f(), w("button", {
                       key: 0,
-                      onClick: R[28] || (R[28] = (W) => g(k).setMenuRight(!0)),
+                      onClick: R[28] || (R[28] = (W) => g(C).setMenuRight(!0)),
                       type: "button",
                       class: "pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square hover:pbx-bg-myPrimaryLinkColor focus-visible:pbx-ring-0 pbx-text-black hover:pbx-text-white"
                     }, [
@@ -42256,22 +42256,22 @@ function lce(o, e = {}, t = !1) {
   const r = e.cardStyle ?? "minimal", n = e.roundedImages ?? !1, i = e.openInNewTab ?? !1, a = e.buttonStyle ?? "text", s = e.roundedButtons ?? !1, l = e.hidePrice ?? !1, d = e.hideImage ?? !1, c = e.hideButton ?? !1, u = sce(i), b = _l[r] ?? _l.minimal, m = [
     iR(n),
     d ? op : ""
-  ].filter(Boolean).join(" "), h = o.id != null ? String(o.id) : "", x = o.title ? ft(o.title) : "", v = o.description ? ft(o.description) : "", C = o.price != null ? ft(String(o.price)) : "", T = o.compareAtPrice != null ? ft(String(o.compareAtPrice)) : "", k = o.badge ? ft(o.badge) : "", B = o.image ? ft(o.image) : "", A = o.imageAlt ? ft(o.imageAlt) : x || "Product", H = o.url ? ft(o.url) : "", P = o.buttonText ? ft(o.buttonText) : "";
+  ].filter(Boolean).join(" "), h = o.id != null ? String(o.id) : "", x = o.title ? ft(o.title) : "", v = o.description ? ft(o.description) : "", k = o.price != null ? ft(String(o.price)) : "", T = o.compareAtPrice != null ? ft(String(o.compareAtPrice)) : "", C = o.badge ? ft(o.badge) : "", B = o.image ? ft(o.image) : "", A = o.imageAlt ? ft(o.imageAlt) : x || "Product", H = o.url ? ft(o.url) : "", P = o.buttonText ? ft(o.buttonText) : "";
   let I = "";
   if (B) {
     const V = `<img class="object-cover w-full object-top aspect-square " src="${B}" alt="${A}">`;
     I = H ? `<div class="${m}" data-pb-no-inline-text><a href="${H}"${u}>${V}</a></div>` : `<div class="${m}" data-pb-no-inline-text>${V}</div>`;
   }
-  const $ = k ? `<div class="product-card-badge text-xs font-medium uppercase tracking-wide text-gray-500 pt-2"><p>${k}</p></div>` : t ? '<div class="product-card-badge text-xs font-medium uppercase tracking-wide text-gray-500 pt-2 min-h-6"></div>' : "", M = x ? `<div class="product-card-title text-lg font-semibold text-gray-900 pt-2 min-h-16">${H ? `<p><a href="${H}"${u}>${x}</a></p>` : `<p>${x}</p>`}</div>` : "", _ = v ? `<div class="product-card-description text-sm text-gray-600 pt-1"><p>${v}</p></div>` : "", K = Object.entries(o).filter(
+  const $ = C ? `<div class="product-card-badge text-xs font-medium uppercase tracking-wide text-gray-500 pt-2"><p>${C}</p></div>` : t ? '<div class="product-card-badge text-xs font-medium uppercase tracking-wide text-gray-500 pt-2 min-h-6"></div>' : "", M = x ? `<div class="product-card-title text-lg font-semibold text-gray-900 pt-2 min-h-16">${H ? `<p><a href="${H}"${u}>${x}</a></p>` : `<p>${x}</p>`}</div>` : "", _ = v ? `<div class="product-card-description text-sm text-gray-600 pt-1"><p>${v}</p></div>` : "", K = Object.entries(o).filter(
     ([V, Z]) => !ace.has(V) && Z != null && String(Z).trim() !== ""
   ), N = K.length ? `<div class="product-card-custom-fields text-sm text-gray-600 pt-1">${K.map(([V, Z]) => `<div class="product-card-custom-field product-card-custom-field-${V.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "")}"><p><strong>${ft(V)}</strong>: ${ft(String(Z))}</p></div>`).join("")}</div>` : "";
   let F = "";
-  if (!!(C || T || H && P)) {
+  if (!!(k || T || H && P)) {
     let V = "";
-    if (C || T) {
+    if (k || T) {
       const de = [
         T ? `<div class="product-card-compare text-sm line-through text-gray-400"><p>${T}</p></div>` : "",
-        C ? `<div class="product-card-price text-2xl font-semibold text-gray-900"><p>${C}</p></div>` : ""
+        k ? `<div class="product-card-price text-2xl font-semibold text-gray-900"><p>${k}</p></div>` : ""
       ].filter(Boolean);
       V = `<div class="${[
         "product-card-price-row flex flex-wrap items-baseline gap-2 pt-2",
@@ -42298,7 +42298,7 @@ function lce(o, e = {}, t = !1) {
 }
 function dce(o, e = "grid-3", t = "Products", r = {}) {
   if (!o.length) return "";
-  const n = o.map((C) => C.id != null ? String(C.id) : "").filter(Boolean).join(","), i = r.mobileColumns === 2 ? 2 : 1, a = r.cardStyle ?? "minimal", s = r.roundedImages ?? !1, l = r.openInNewTab ?? !1, d = r.buttonStyle ?? "text", c = r.roundedButtons ?? !1, u = r.hidePrice ?? !1, b = r.hideImage ?? !1, m = r.hideButton ?? !1, h = o.some((C) => !!C.badge), x = o.map((C) => lce(C, r, h)).join(`
+  const n = o.map((k) => k.id != null ? String(k.id) : "").filter(Boolean).join(","), i = r.mobileColumns === 2 ? 2 : 1, a = r.cardStyle ?? "minimal", s = r.roundedImages ?? !1, l = r.openInNewTab ?? !1, d = r.buttonStyle ?? "text", c = r.roundedButtons ?? !1, u = r.hidePrice ?? !1, b = r.hideImage ?? !1, m = r.hideButton ?? !1, h = o.some((k) => !!k.badge), x = o.map((k) => lce(k, r, h)).join(`
 `), v = nR(e, i);
   return `<section data-component-title="${ft(t)}" data-pbx-product-section="true" data-pbx-product-ids="${ft(n)}" data-pbx-product-layout="${ft(String(e))}" data-pbx-product-mobile-cols="${i}" data-pbx-product-card-style="${ft(a)}" data-pbx-product-rounded-images="${s ? "true" : "false"}" data-pbx-product-open-in-new-tab="${l ? "true" : "false"}" data-pbx-product-button-style="${ft(d)}" data-pbx-product-rounded-buttons="${c ? "true" : "false"}" data-pbx-product-hide-price="${u ? "true" : "false"}" data-pbx-product-hide-image="${b ? "true" : "false"}" data-pbx-product-hide-button="${m ? "true" : "false"}">
 <div class="pbx-py-8 pbx-px-4"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="${v}" data-pbx-product-grid="true">
@@ -42432,7 +42432,7 @@ class bce {
      */
     Ae(this, "addListenersToEditableElements", async () => {
       const e = document.querySelector("#pagebuilder");
-      e && (await ue(), this.attachCanvasInlineEditListeners(e), e.querySelectorAll("section *").forEach((t) => {
+      e && (await ce(), this.attachCanvasInlineEditListeners(e), e.querySelectorAll("section *").forEach((t) => {
         if (this.isEditableElement(t)) {
           const r = t;
           if (this.elementsWithListeners.has(r)) {
@@ -42530,7 +42530,7 @@ class bce {
      */
     Ae(this, "handleTextInput", async (e) => {
       var t;
-      typeof ((t = this.getElement.value) == null ? void 0 : t.innerHTML) == "string" && (typeof this.getElement.value.innerHTML == "string" && (await ue(), this.getElement.value.textContent = e, this.pageBuilderStateStore.setTextAreaVueModel(this.getElement.value.innerHTML), this.getElement.value.innerHTML = e), this.ensureTextAreaHasContent());
+      typeof ((t = this.getElement.value) == null ? void 0 : t.innerHTML) == "string" && (typeof this.getElement.value.innerHTML == "string" && (await ce(), this.getElement.value.textContent = e, this.pageBuilderStateStore.setTextAreaVueModel(this.getElement.value.innerHTML), this.getElement.value.innerHTML = e), this.ensureTextAreaHasContent());
     });
     this.hasStartedEditing = !1, this.pageBuilderStateStore = e;
     const { translate: t } = ke();
@@ -42765,27 +42765,33 @@ class bce {
    * @returns {Promise<StartBuilderResult>} A result object indicating success or failure.
    */
   async startBuilder(e, t) {
-    var d, c;
-    const r = ++this.activeBuilderSessionToken, n = document.querySelector("#pagebuilder");
-    !!(n != null && n.querySelector("section[data-componentid]")) || (this.hasCompletedBuilderMount = !1, this.builderMountPromise = null, this.pendingMountComponents = null, this.isPageBuilderMissingOnStart = !1), typeof this.pageBuilderStateStore.setInlineTipTapEditor == "function" && this.pageBuilderStateStore.setInlineTipTapEditor(!1), typeof this.pageBuilderStateStore.setShowModalTipTap == "function" && this.pageBuilderStateStore.setShowModalTipTap(!1), typeof this.pageBuilderStateStore.setImageSettingsPanelOpen == "function" && this.pageBuilderStateStore.setImageSettingsPanelOpen(!1), typeof this.pageBuilderStateStore.setElement == "function" && this.pageBuilderStateStore.setElement(null), typeof this.pageBuilderStateStore.setComponent == "function" && this.pageBuilderStateStore.setComponent(null), typeof this.pageBuilderStateStore.setIsLoadingGlobal == "function" && this.pageBuilderStateStore.setIsLoadingGlobal(!1), this.pageBuilderStateStore.setBuilderStarted(!0);
+    var d, c, u;
+    const r = ++this.activeBuilderSessionToken, n = document.querySelector("#pagebuilder"), i = !!(n != null && n.querySelector("section[data-componentid]"));
+    i || (this.hasCompletedBuilderMount = !1, this.builderMountPromise = null, this.pendingMountComponents = null, this.isPageBuilderMissingOnStart = !1), typeof this.pageBuilderStateStore.setInlineTipTapEditor == "function" && this.pageBuilderStateStore.setInlineTipTapEditor(!1), typeof this.pageBuilderStateStore.setShowModalTipTap == "function" && this.pageBuilderStateStore.setShowModalTipTap(!1), typeof this.pageBuilderStateStore.setImageSettingsPanelOpen == "function" && this.pageBuilderStateStore.setImageSettingsPanelOpen(!1), typeof this.pageBuilderStateStore.setElement == "function" && this.pageBuilderStateStore.setElement(null), typeof this.pageBuilderStateStore.setComponent == "function" && this.pageBuilderStateStore.setComponent(null), typeof this.pageBuilderStateStore.setIsLoadingGlobal == "function" && this.pageBuilderStateStore.setIsLoadingGlobal(!1), this.pageBuilderStateStore.setBuilderStarted(!0);
     const a = document.querySelector("#pagebuilder"), s = this.readCurrentPageSettings();
     this.hasMeaningfulPageSettings(s) && (this._lastKnownPageSettings = s);
     let l;
     try {
       this.originalComponents = t, this.pageBuilderStateStore.setPageBuilderConfig(e);
-      const u = JSON.parse(localStorage.getItem("userSettingsPageBuilder") ?? "null");
-      !(u != null && u.lang) && ((c = (d = e.userSettings) == null ? void 0 : d.language) != null && c.default) && this.changeLanguage(e.userSettings.language.default), this.validateConfig(e), l = this.validateUserProvidedComponents(t);
-      const b = Array.isArray(t) && t.length > 0 ? t : null, m = b !== null;
-      this.updateLocalStorageItemName(), this.initializeHistory(), m && (this.savedMountComponents = b), a || (this.isPageBuilderMissingOnStart = !0), m && !a && (this.pendingMountComponents = b), a && (!t || Array.isArray(t)) && await this.completeBuilderInitializationWithSession(
-        m ? b : void 0,
+      const b = JSON.parse(localStorage.getItem("userSettingsPageBuilder") ?? "null");
+      !(b != null && b.lang) && ((c = (d = e.userSettings) == null ? void 0 : d.language) != null && c.default) && this.changeLanguage(e.userSettings.language.default), this.validateConfig(e), l = this.validateUserProvidedComponents(t);
+      const m = Array.isArray(t) && t.length > 0 ? t : null, h = m !== null;
+      if (this.updateLocalStorageItemName(), this.initializeHistory(), h && (this.savedMountComponents = m), a || (this.isPageBuilderMissingOnStart = !0), h && !a && (this.pendingMountComponents = m), a && (!t || Array.isArray(t)) && await this.completeBuilderInitializationWithSession(
+        h ? m : void 0,
         r
-      ), a && await this.addListenersToEditableElements();
-      const h = {
+      ), a && await this.addListenersToEditableElements(), i && a) {
+        const v = ((u = this.pageBuilderStateStore.getPageBuilderConfig) == null ? void 0 : u.pageSettings) ?? null;
+        if (this.hasMeaningfulPageSettings(v)) {
+          const k = this.convertStyleObjectToString(v.style), T = a.getAttribute("style") || "";
+          k.trim() && !T.trim() && (await ce(), this.applyPageSettingsToPage(v));
+        }
+      }
+      const x = {
         message: "Page builder started successfully."
       };
-      return l && (h.validation = l), Array.isArray(t) && t.length >= 0 && (h.passedComponentsArray = t), h;
-    } catch (u) {
-      return console.error("Not able to start the Page Builder", u), {
+      return l && (x.validation = l), Array.isArray(t) && t.length >= 0 && (x.passedComponentsArray = t), x;
+    } catch (b) {
+      return console.error("Not able to start the Page Builder", b), {
         error: !0,
         reason: "Failed to start the Page Builder due to an unexpected error."
       };
@@ -42964,7 +42970,7 @@ class bce {
    */
   async clearClassesFromPage() {
     const e = document.querySelector("#pagebuilder");
-    e == null || e.removeAttribute("class"), this.initializeElementStyles(), await ue();
+    e == null || e.removeAttribute("class"), this.initializeElementStyles(), await ce();
   }
   /**
    * Removes all inline styles from the main page builder container.
@@ -42972,7 +42978,7 @@ class bce {
    */
   async clearInlineStylesFromPage() {
     const e = document.querySelector("#pagebuilder");
-    e == null || e.removeAttribute("style"), this.initializeElementStyles(), await ue();
+    e == null || e.removeAttribute("style"), this.initializeElementStyles(), await ce();
   }
   /**
    * Selects the main page builder container for global styling.
@@ -42986,7 +42992,7 @@ class bce {
     }), this.globalStylesObserver.observe(e, {
       attributes: !0,
       attributeFilter: ["class", "style", "data-meta-title", "data-meta-description"]
-    }), await ue());
+    }), await ce());
   }
   /**
    * Disconnects the MutationObserver that tracks global page style changes.
@@ -43069,7 +43075,7 @@ class bce {
    * @returns {Promise<void>}
    */
   async toggleTipTapModal(e) {
-    this.pageBuilderStateStore.setShowModalTipTap(e), await ue(), await this.addListenersToEditableElements(), e || await this.handleAutoSave();
+    this.pageBuilderStateStore.setShowModalTipTap(e), await ce(), await this.addListenersToEditableElements(), e || await this.handleAutoSave();
   }
   /**
    * Toggles direct, in-canvas rich text editing for the selected element.
@@ -43077,7 +43083,7 @@ class bce {
    * @returns {Promise<void>}
    */
   async toggleInlineTipTapEditor(e) {
-    e && !this.isValidTextElement(this.getElement.value) || (this.pageBuilderStateStore.setInlineTipTapEditor(e), await ue(), await this.addListenersToEditableElements(), e || await this.handleAutoSave());
+    e && !this.isValidTextElement(this.getElement.value) || (this.pageBuilderStateStore.setInlineTipTapEditor(e), await ce(), await this.addListenersToEditableElements(), e || await this.handleAutoSave());
   }
   /**
    * Restores normal builder selection after an inline TipTap editor has been torn down.
@@ -43086,13 +43092,13 @@ class bce {
    * @returns {Promise<void>}
    */
   async finishInlineTipTapEditor(e, t = !0) {
-    if (this.pageBuilderStateStore.setInlineTipTapEditor(!1), await ue(), e) {
+    if (this.pageBuilderStateStore.setInlineTipTapEditor(!1), await ce(), e) {
       const r = document.querySelector("#pagebuilder");
       r == null || r.querySelectorAll("[hovered]").forEach((n) => n.removeAttribute("hovered")), r == null || r.querySelectorAll("[selected]").forEach((n) => {
         n !== e && n.removeAttribute("selected");
       }), e.removeAttribute("data-pbx-inline-tiptap"), e.setAttribute("selected", ""), this.pageBuilderStateStore.setElement(e);
     }
-    await ue(), await this.addListenersToEditableElements(), await this.initializeElementStyles(), await this.addListenersToEditableElements(), t && await this.handleAutoSave();
+    await ce(), await this.addListenersToEditableElements(), await this.initializeElementStyles(), await this.addListenersToEditableElements(), t && await this.handleAutoSave();
   }
   /**
    * Wraps an element in a div if it's an excluded tag and adjacent to an image.
@@ -43264,7 +43270,7 @@ class bce {
     t.innerHTML = i, t.removeAttribute("data-pbx-inline-tiptap"), t.removeAttribute("data-pbx-inline-original-html"), this.pageBuilderStateStore.setTextAreaVueModel(i), this.pageBuilderStateStore.setElement(t), await this.finishInlineTipTapEditor(t), e && e !== t && await this.selectEditableElement(e);
   }
   async openInlineTipTapForElement(e) {
-    this.isValidTextElement(e) && (await this.selectEditableElement(e, !1), await ue(), await this.addListenersToEditableElements());
+    this.isValidTextElement(e) && (await this.selectEditableElement(e, !1), await ce(), await this.addListenersToEditableElements());
   }
   /**
    * Selects an editable builder element and syncs builder state.
@@ -43277,7 +43283,7 @@ class bce {
     if (!r) return;
     this.pageBuilderStateStore.setMenuRight(!0);
     const n = r.querySelector("[selected]");
-    n && n.removeAttribute("selected"), e.removeAttribute("hovered"), e.setAttribute("selected", ""), this.pageBuilderStateStore.setElement(e), await ue(), await this.initializeElementStyles(), t && await this.handleAutoSave();
+    n && n.removeAttribute("selected"), e.removeAttribute("hovered"), e.setAttribute("selected", ""), this.pageBuilderStateStore.setElement(e), await ce(), await this.initializeElementStyles(), t && await this.handleAutoSave();
   }
   getHistoryBaseKey() {
     return this.getLocalStorageItemName.value;
@@ -43815,10 +43821,10 @@ class bce {
     const e = this.findReverseableContainer();
     if (!e) return;
     const t = Array.from(e.children);
-    t.length === 2 && (e.insertBefore(t[1], t[0]), await this.syncDomToStoreOnly(), await ue(), this.saveDomComponentsToLocalStorage(), await this.handleAutoSave(), this.pageBuilderStateStore.setComponent(null), this.pageBuilderStateStore.setElement(null), await this.clearHtmlSelection(), await ue(), await this.addListenersToEditableElements());
+    t.length === 2 && (e.insertBefore(t[1], t[0]), await this.syncDomToStoreOnly(), await ce(), this.saveDomComponentsToLocalStorage(), await this.handleAutoSave(), this.pageBuilderStateStore.setComponent(null), this.pageBuilderStateStore.setElement(null), await this.clearHtmlSelection(), await ce(), await this.addListenersToEditableElements());
   }
   async duplicateComponent() {
-    await this.syncDomToStoreOnly(), await ue();
+    await this.syncDomToStoreOnly(), await ce();
     const e = this.pageBuilderStateStore.getComponents, t = this.getComponent.value;
     if (!e || !t) return;
     const r = e.findIndex(
@@ -43830,14 +43836,14 @@ class bce {
       n,
       ...e.slice(r + 1)
     ];
-    await this.setComponentsPreservingPageSettings(i), await ue(), await this.addListenersToEditableElements(), this.pageBuilderStateStore.setComponent(n), this.pageBuilderStateStore.setElement(null), await this.handleAutoSave();
+    await this.setComponentsPreservingPageSettings(i), await ce(), await this.addListenersToEditableElements(), this.pageBuilderStateStore.setComponent(n), this.pageBuilderStateStore.setElement(null), await this.handleAutoSave();
   }
   /**
    * Deletes the currently selected component from the DOM and the state.
    * @returns {Promise<void>}
    */
   async deleteComponentFromDOM() {
-    await this.syncDomToStoreOnly(), await ue();
+    await this.syncDomToStoreOnly(), await ce();
     const e = this.pageBuilderStateStore.getComponents;
     if (!e) return;
     const t = e.findIndex(
@@ -43849,7 +43855,7 @@ class bce {
       ...e.slice(0, t),
       ...e.slice(t + 1)
     ];
-    await this.setComponentsPreservingPageSettings(r), await ue(), await this.addListenersToEditableElements(), this.pageBuilderStateStore.setComponent(null), this.pageBuilderStateStore.setElement(null), await this.handleAutoSave();
+    await this.setComponentsPreservingPageSettings(r), await ce(), await this.addListenersToEditableElements(), this.pageBuilderStateStore.setComponent(null), this.pageBuilderStateStore.setElement(null), await this.handleAutoSave();
   }
   /**
    * Duplicates the currently selected element and inserts the copy immediately
@@ -43874,7 +43880,7 @@ class bce {
       return;
     }
     const t = e.closest("section");
-    e.tagName === "SECTION" ? await this.deleteComponentFromDOM() : (e.remove(), t && this.isSectionEmpty(t) && t.remove(), await this.syncDomToStoreOnly(), this.saveDomComponentsToLocalStorage()), this.pageBuilderStateStore.setComponent(null), this.pageBuilderStateStore.setElement(null), await this.clearHtmlSelection(), await ue(), await this.addListenersToEditableElements();
+    e.tagName === "SECTION" ? await this.deleteComponentFromDOM() : (e.remove(), t && this.isSectionEmpty(t) && t.remove(), await this.syncDomToStoreOnly(), this.saveDomComponentsToLocalStorage()), this.pageBuilderStateStore.setComponent(null), this.pageBuilderStateStore.setElement(null), await this.clearHtmlSelection(), await ce(), await this.addListenersToEditableElements();
   }
   /**
    * Removes a CSS class from the currently selected element.
@@ -43898,7 +43904,7 @@ class bce {
     const n = r + e;
     if (n < 0 || n >= this.getComponents.value.length)
       return;
-    this.getComponents.value.splice(r, 1), this.getComponents.value.splice(n, 0, t), await ue();
+    this.getComponents.value.splice(r, 1), this.getComponents.value.splice(n, 0, t), await ce();
     const i = document.querySelector("#page-builder-wrapper"), a = i == null ? void 0 : i.querySelector(
       `section[data-componentid="${t.id}"]`
     );
@@ -44015,17 +44021,17 @@ class bce {
     }), await this.setComponentsPreservingPageSettings(t);
   }
   async generateHtmlFromComponents() {
-    await this.syncDomToStoreOnly(), await ue();
+    await this.syncDomToStoreOnly(), await ce();
     const e = this.pageBuilderStateStore.getComponents;
-    return Array.isArray(e) ? (await ue(), await this.addListenersToEditableElements(), e.map((t) => t.html_code.replace(/data-componentid="[^"]*"/g, "").replace(/\s{2,}/g, " ")).join(`
+    return Array.isArray(e) ? (await ce(), await this.addListenersToEditableElements(), e.map((t) => t.html_code.replace(/data-componentid="[^"]*"/g, "").replace(/\s{2,}/g, " ")).join(`
 `)) : "";
   }
   async generateFullPageHtml() {
-    await this.syncDomToStoreOnly(), await ue();
+    await this.syncDomToStoreOnly(), await ce();
     const e = this.pageBuilderStateStore.getComponents;
     if (!Array.isArray(e))
       return "";
-    await ue(), await this.addListenersToEditableElements();
+    await ce(), await this.addListenersToEditableElements();
     const t = this.readCurrentPageSettings() ?? this._lastKnownPageSettings, r = document.createElement("div");
     if (r.setAttribute("id", "pagebuilder"), t != null && t.classes && r.setAttribute("class", t.classes), t != null && t.style) {
       const n = typeof t.style == "string" ? t.style : this.convertStyleObjectToString(t.style) || "";
@@ -44082,8 +44088,8 @@ class bce {
           let m = Zn.getHistory(a);
           const h = m[m.length - 1];
           if (h) {
-            const x = JSON.stringify(h.components), v = JSON.stringify(i.components), C = JSON.stringify(h.pageSettings), T = JSON.stringify(i.pageSettings);
-            if (x === v && C === T)
+            const x = JSON.stringify(h.components), v = JSON.stringify(i.components), k = JSON.stringify(h.pageSettings), T = JSON.stringify(i.pageSettings);
+            if (x === v && k === T)
               return;
           }
           this.pageBuilderStateStore.getHistoryIndex < m.length - 1 && (m = m.slice(0, this.pageBuilderStateStore.getHistoryIndex + 1)), m.push(i), m.length > 10 && (m = m.slice(m.length - 10)), localStorage.setItem(a + "-history", JSON.stringify(m)), this.pageBuilderStateStore.setHistoryIndex(m.length - 1), this.pageBuilderStateStore.setHistoryLength(m.length);
@@ -44097,7 +44103,7 @@ class bce {
    * @private
    */
   async removeCurrentComponentsFromLocalStorage() {
-    this.updateLocalStorageItemName(), await ue();
+    this.updateLocalStorageItemName(), await ce();
     const e = this.getLocalStorageItemName.value;
     e && localStorage.removeItem(e);
   }
@@ -44186,7 +44192,7 @@ class bce {
   async setComponentsPreservingPageSettings(e) {
     var n;
     const t = this.readCurrentPageSettings() ?? this._lastKnownPageSettings ?? null, r = this.globalStylesObserver !== null;
-    (n = this.globalStylesObserver) == null || n.disconnect(), this.pageBuilderStateStore.setComponents(e), await ue(), await ue(), t && (t.classes || t.style) && this.applyPageSettingsToPage(t), r && this.reconnectGlobalStylesObserver();
+    (n = this.globalStylesObserver) == null || n.disconnect(), this.pageBuilderStateStore.setComponents(e), await ce(), await ce(), t && (t.classes || t.style) && this.applyPageSettingsToPage(t), r && this.reconnectGlobalStylesObserver();
   }
   /**
    * Parses a CSS style string into a key-value object.
@@ -44242,7 +44248,7 @@ class bce {
    * Call this after programmatically inserting elements into the builder canvas.
    */
   async refreshListeners() {
-    await ue(), await this.addListenersToEditableElements();
+    await ce(), await this.addListenersToEditableElements();
   }
   /**
    * Resumes editing from a draft saved in local storage.
@@ -44251,7 +44257,7 @@ class bce {
   async resumeEditingFromDraft() {
     this.updateLocalStorageItemName();
     const e = this.getSavedPageHtml();
-    e && (this.pageBuilderStateStore.setIsLoadingResumeEditing(!0), await et(400), await this.mountComponentsToDOM(e), this.pageBuilderStateStore.setIsLoadingResumeEditing(!1)), await ue(), await this.addListenersToEditableElements(), this.pageBuilderStateStore.setIsLoadingResumeEditing(!1);
+    e && (this.pageBuilderStateStore.setIsLoadingResumeEditing(!0), await et(400), await this.mountComponentsToDOM(e), this.pageBuilderStateStore.setIsLoadingResumeEditing(!1)), await ce(), await this.addListenersToEditableElements(), this.pageBuilderStateStore.setIsLoadingResumeEditing(!1);
   }
   /**
    * Restores the original content that was loaded when the builder started.
@@ -44263,10 +44269,10 @@ class bce {
       const e = this.renderComponentsToHtml(this.originalComponents);
       await this.mountComponentsToDOM(e), this.removeCurrentComponentsFromLocalStorage();
     }
-    await ue(), await this.addListenersToEditableElements(), this.pageBuilderStateStore.setIsRestoring(!1);
+    await ce(), await this.addListenersToEditableElements(), this.pageBuilderStateStore.setIsRestoring(!1);
   }
   async returnLatestComponents() {
-    return await this.syncDomToStoreOnly(), await ue(), await this.addListenersToEditableElements(), this.pageBuilderStateStore.getComponents;
+    return await this.syncDomToStoreOnly(), await ce(), await this.addListenersToEditableElements(), this.pageBuilderStateStore.getComponents;
   }
   /**
    * Gets the local storage key for the current resource.
@@ -44304,7 +44310,7 @@ ${s}
    * @returns {Promise<void>}
    */
   async applySelectedImage(e) {
-    this.pageBuilderStateStore.setApplyImageToSelection(e), this.getElement.value && this.getApplyImageToSelection.value && this.getApplyImageToSelection.value.src && (await ue(), this.pageBuilderStateStore.setBasePrimaryImage(`${this.getApplyImageToSelection.value.src}`), await this.handleAutoSave());
+    this.pageBuilderStateStore.setApplyImageToSelection(e), this.getElement.value && this.getApplyImageToSelection.value && this.getApplyImageToSelection.value.src && (await ce(), this.pageBuilderStateStore.setBasePrimaryImage(`${this.getApplyImageToSelection.value.src}`), await this.handleAutoSave());
   }
   /**
    * Sets the base primary image from the currently selected element if it's an image.
@@ -44487,13 +44493,13 @@ ${s}
       details: `Found ${v.length} image(s)`,
       category: "Media"
     });
-    const C = v.filter(
+    const k = v.filter(
       (A) => !A.getAttribute("alt") || A.getAttribute("alt").trim() === ""
     );
     i.push({
       check: "All images have alt text",
-      passed: v.length === 0 || C.length === 0,
-      details: v.length === 0 ? "No images found" : C.length === 0 ? `All ${v.length} image(s) have alt text` : `${C.length} of ${v.length} image(s) are missing alt text`,
+      passed: v.length === 0 || k.length === 0,
+      details: v.length === 0 ? "No images found" : k.length === 0 ? `All ${v.length} image(s) have alt text` : `${k.length} of ${v.length} image(s) are missing alt text`,
       category: "Media"
     });
     const T = [...n.querySelectorAll("a[href]")].filter(
@@ -44505,9 +44511,9 @@ ${s}
       details: `Found ${T.length} link(s)`,
       category: "Links"
     });
-    const k = i.filter((A) => A.passed).length;
+    const C = i.filter((A) => A.passed).length;
     return {
-      score: Math.round(k / i.length * 100),
+      score: Math.round(C / i.length * 100),
       checks: i
     };
   }
@@ -44528,26 +44534,26 @@ ${s}
       let i = t;
       if (this.getComponentArrayAddMethod.value === "insert" && typeof t == "number" && t >= 0) {
         const s = this.readCurrentPageSettings() ?? this._lastKnownPageSettings;
-        (r = this.globalStylesObserver) == null || r.disconnect(), await this.syncDomToStoreOnly(), await ue();
+        (r = this.globalStylesObserver) == null || r.disconnect(), await this.syncDomToStoreOnly(), await ce();
         const l = this.pageBuilderStateStore.getComponents || [], d = [
           ...l.slice(0, t),
           n,
           ...l.slice(t)
         ];
-        this.pageBuilderStateStore.setComponents(d), i = t, await ue(), await ue(), s && (s.classes || s.style) && this.applyPageSettingsToPage(s), this.globalStylesObserver !== null && this.reconnectGlobalStylesObserver();
+        this.pageBuilderStateStore.setComponents(d), i = t, await ce(), await ce(), s && (s.classes || s.style) && this.applyPageSettingsToPage(s), this.globalStylesObserver !== null && this.reconnectGlobalStylesObserver();
       } else {
         const s = this.readCurrentPageSettings() ?? this._lastKnownPageSettings;
         this.pageBuilderStateStore.setPushComponents({
           component: n,
           componentArrayAddMethod: this.getComponentArrayAddMethod.value ? this.getComponentArrayAddMethod.value : "push"
-        }), s && (s.classes || s.style) && (await ue(), await ue(), this.applyPageSettingsToPage(s));
+        }), s && (s.classes || s.style) && (await ce(), await ce(), this.applyPageSettingsToPage(s));
       }
       const a = document.querySelector("#page-builder-wrapper");
       if (a && (this.getComponentArrayAddMethod.value === "push" && a.scrollTo({
         top: a.scrollHeight + 50,
         behavior: "smooth"
       }), this.getComponentArrayAddMethod.value === "insert" && typeof i == "number")) {
-        this.saveDomComponentsToLocalStorage(), await ue(), await ue();
+        this.saveDomComponentsToLocalStorage(), await ce(), await ce();
         const s = a.querySelectorAll("section[data-componentid]");
         if (s.length > 0) {
           const l = Math.max(0, Math.min(i, s.length - 1)), d = s[l];
@@ -44557,7 +44563,7 @@ ${s}
           });
         }
       }
-      await ue(), await this.addListenersToEditableElements(), await this.handleAutoSave();
+      await ce(), await this.addListenersToEditableElements(), await this.handleAutoSave();
     } catch (n) {
       console.error("Error adding component:", n);
     } finally {
@@ -44710,7 +44716,7 @@ ${s}
     if (!r)
       return this.translate("Could not parse element from HTML string.");
     const n = this.pageBuilderStateStore.getElement;
-    return n && n.parentElement && (n.replaceWith(r), this.pageBuilderStateStore.setElement(r)), await this.addListenersToEditableElements(), await ue(), null;
+    return n && n.parentElement && (n.replaceWith(r), this.pageBuilderStateStore.setElement(r)), await this.addListenersToEditableElements(), await ce(), null;
   }
   validateMountingHTML(e, t) {
     const r = e.trim(), n = e.match(/<section\b[^>]*>/gi) || [], i = e.match(/<\/section>/gi) || [];
@@ -44756,7 +44762,7 @@ ${s}
         return i;
     }
     const n = this.validateMountingHTML(t);
-    return n || (await this.mountComponentsToDOM(t), await this.addListenersToEditableElements(), await ue(), null);
+    return n || (await this.mountComponentsToDOM(t), await this.addListenersToEditableElements(), await ce(), null);
   }
   /**
    * Mounts builder components to the DOM from an HTML string.
@@ -44781,8 +44787,8 @@ ${s}
         let u = null;
         const b = this.readCurrentPageSettings();
         if (t) {
-          const x = ((a = this.pageBuilderStateStore.getPageBuilderConfig) == null ? void 0 : a.pageSettings) ?? null, v = this._lastKnownPageSettings, C = b;
-          u = this.hasMeaningfulPageSettings(x) ? x : this.hasMeaningfulPageSettings(v) ? v : this.hasMeaningfulPageSettings(C) ? C : null;
+          const x = ((a = this.pageBuilderStateStore.getPageBuilderConfig) == null ? void 0 : a.pageSettings) ?? null, v = this._lastKnownPageSettings, k = b;
+          u = this.hasMeaningfulPageSettings(x) ? x : this.hasMeaningfulPageSettings(v) ? v : this.hasMeaningfulPageSettings(k) ? k : null;
         }
         if (!t && !r && !u && c && this.isPageBuilderMissingOnStart && (u = {
           classes: c.className || "",
@@ -44799,33 +44805,33 @@ ${s}
         !r && u && (this._pendingPageSettings = u), r && (this._pendingPageSettings = r);
         const m = d.querySelectorAll("section"), h = [];
         if (m.forEach((x) => {
-          x.querySelectorAll("[class]").forEach((k) => {
-            k.setAttribute(
+          x.querySelectorAll("[class]").forEach((C) => {
+            C.setAttribute(
               "class",
-              this.addTailwindPrefixToClasses(k.getAttribute("class") || "", "pbx-")
+              this.addTailwindPrefixToClasses(C.getAttribute("class") || "", "pbx-")
             );
           });
           const v = x;
           v.hasAttribute("data-componentid") || v.setAttribute("data-componentid", um());
-          const C = v.getAttribute("data-componentid"), T = v.getAttribute("data-component-title") || "Untitled Component";
+          const k = v.getAttribute("data-componentid"), T = v.getAttribute("data-component-title") || "Untitled Component";
           v.setAttribute("data-component-title", T), h.push({
             html_code: v.outerHTML,
-            id: C,
+            id: k,
             title: T
           });
-        }), this.pageBuilderStateStore.setComponents(h), await this.clearHtmlSelection(), await ue(), this._pendingPageSettings) {
+        }), this.pageBuilderStateStore.setComponents(h), await this.clearHtmlSelection(), await ce(), this._pendingPageSettings) {
           const x = this._pendingPageSettings;
           this._pendingPageSettings = null;
-          const v = document.querySelector("#pagebuilder"), C = {
+          const v = document.querySelector("#pagebuilder"), k = {
             classes: x.classes || "",
             style: this.convertStyleObjectToString(x.style) || "",
             meta: Ji(x)
           };
-          v ? this.applyPageSettingsToPage(C) : this._lastKnownPageSettings = C;
+          v ? this.applyPageSettingsToPage(k) : this._lastKnownPageSettings = k;
         }
         await this.addListenersToEditableElements();
       } catch (l) {
-        console.error("Error parsing HTML components:", l), this.deleteAllComponentsFromDOM(), await this.clearHtmlSelection(), await ue(), await this.addListenersToEditableElements();
+        console.error("Error parsing HTML components:", l), this.deleteAllComponentsFromDOM(), await this.clearHtmlSelection(), await ce(), await this.addListenersToEditableElements();
       }
   }
   updateLocalStorageItemName() {
@@ -44897,7 +44903,7 @@ ${s}
    * Initializes the styles for the currently selected element.
    */
   async initializeElementStyles() {
-    await ue(), this.setBasePrimaryImageFromSelectedElement(), this.handleHyperlink(void 0, null, !1), this.handleOpacity(void 0), this.handleBackgroundOpacity(void 0), this.handleBackgroundColor(void 0), this.handleTextColor(void 0), 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.handleFontSizeBase(void 0), this.handleFontSizeDesktop(void 0), this.handleFontSizeTablet(void 0), this.handleFontSizeMobile(void 0), this.handleFontWeight(void 0), this.handleFontFamily(void 0), this.handleFontStyle(void 0), this.handleVerticalPadding(void 0), this.handleHorizontalPadding(void 0), this.handleTopPadding(void 0), this.handleRightPadding(void 0), this.handleBottomPadding(void 0), this.handleLeftPadding(void 0), this.handleVerticalMargin(void 0), this.handleHorizontalMargin(void 0), this.handleTopMargin(void 0), this.handleRightMargin(void 0), this.handleBottomMargin(void 0), this.handleLeftMargin(void 0), this.isSelectedElementImage() && (this.handleImageObjectFit(void 0), this.handleImageObjectPosition(void 0), this.handleImageAspectRatio(void 0)), await this.syncCurrentClasses(), await this.syncCurrentStyles();
+    await ce(), this.setBasePrimaryImageFromSelectedElement(), this.handleHyperlink(void 0, null, !1), this.handleOpacity(void 0), this.handleBackgroundOpacity(void 0), this.handleBackgroundColor(void 0), this.handleTextColor(void 0), 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.handleFontSizeBase(void 0), this.handleFontSizeDesktop(void 0), this.handleFontSizeTablet(void 0), this.handleFontSizeMobile(void 0), this.handleFontWeight(void 0), this.handleFontFamily(void 0), this.handleFontStyle(void 0), this.handleVerticalPadding(void 0), this.handleHorizontalPadding(void 0), this.handleTopPadding(void 0), this.handleRightPadding(void 0), this.handleBottomPadding(void 0), this.handleLeftPadding(void 0), this.handleVerticalMargin(void 0), this.handleHorizontalMargin(void 0), this.handleTopMargin(void 0), this.handleRightMargin(void 0), this.handleBottomMargin(void 0), this.handleLeftMargin(void 0), this.isSelectedElementImage() && (this.handleImageObjectFit(void 0), this.handleImageObjectPosition(void 0), this.handleImageAspectRatio(void 0)), await this.syncCurrentClasses(), await this.syncCurrentStyles();
   }
 }
 const Mce = {