@myissue/vue-website-page-builder 3.5.68 → 3.5.69

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

@@ -22284,7 +22284,7 @@ cu(MW, {
   TextDirection: () => Oz,
   focusEventsPluginKey: () => Bz
 });
-var et = class Mz extends wu {
+var tt = class Mz extends wu {
   constructor() {
     super(...arguments), this.type = "extension";
   }
@@ -22303,7 +22303,7 @@ var et = class Mz extends wu {
     const t = typeof e == "function" ? e() : e;
     return super.extend(t);
   }
-}, Lz = et.create({
+}, Lz = tt.create({
   name: "clipboardTextSerializer",
   addOptions() {
     return {
@@ -22330,14 +22330,14 @@ var et = class Mz extends wu {
       })
     ];
   }
-}), Az = et.create({
+}), Az = tt.create({
   name: "commands",
   addCommands() {
     return {
       ...az
     };
   }
-}), Ez = et.create({
+}), Ez = tt.create({
   name: "delete",
   onUpdate({ transaction: o, appendedTransactions: e }) {
     var t, r, i;
@@ -22400,7 +22400,7 @@ var et = class Mz extends wu {
     };
     (i = (r = (t = this.editor.options.coreExtensionOptions) == null ? void 0 : t.delete) == null ? void 0 : r.async) == null || i ? setTimeout(n, 0) : n();
   }
-}), _z = et.create({
+}), _z = tt.create({
   name: "drop",
   addProseMirrorPlugins() {
     return [
@@ -22419,7 +22419,7 @@ var et = class Mz extends wu {
       })
     ];
   }
-}), $z = et.create({
+}), $z = tt.create({
   name: "editable",
   addProseMirrorPlugins() {
     return [
@@ -22431,7 +22431,7 @@ var et = class Mz extends wu {
       })
     ];
   }
-}), Bz = new ft("focusEvents"), Iz = et.create({
+}), Bz = new ft("focusEvents"), Iz = tt.create({
   name: "focusEvents",
   addProseMirrorPlugins() {
     const { editor: o } = this;
@@ -22455,7 +22455,7 @@ var et = class Mz extends wu {
       })
     ];
   }
-}), Hz = et.create({
+}), Hz = tt.create({
   name: "keymap",
   addKeyboardShortcuts() {
     const o = () => this.editor.commands.first(({ commands: a }) => [
@@ -22535,7 +22535,7 @@ var et = class Mz extends wu {
       })
     ];
   }
-}), Dz = et.create({
+}), Dz = tt.create({
   name: "paste",
   addProseMirrorPlugins() {
     return [
@@ -22553,7 +22553,7 @@ var et = class Mz extends wu {
       })
     ];
   }
-}), zz = et.create({
+}), zz = tt.create({
   name: "tabindex",
   addOptions() {
     return {
@@ -22573,7 +22573,7 @@ var et = class Mz extends wu {
       })
     ];
   }
-}), Oz = et.create({
+}), Oz = tt.create({
   name: "textDirection",
   addOptions() {
     return {
@@ -26781,7 +26781,7 @@ var gO = en.create({
   c.delete(s, s + a.nodeSize);
   const u = c.mapping.map(l);
   return c.insert(u, ae.from(d)), c.setSelection(n.map(c.doc, c.mapping)), e && e(c), !0;
-}, jG = (o, e, t) => FG(o.state, o.view.dispatch, e, t), hO = (o, e) => et.create({
+}, jG = (o, e, t) => FG(o.state, o.view.dispatch, e, t), hO = (o, e) => tt.create({
   name: `${o}BranchingDeleteKeymap`,
   priority: 101,
   addKeyboardShortcuts() {
@@ -27116,7 +27116,7 @@ var Gd = (o, e) => {
   return t.descendants((n) => {
     n.type === r && (i = !0);
   }), i;
-}, CO = et.create({
+}, CO = tt.create({
   name: "listKeymap",
   addOptions() {
     return {
@@ -27780,7 +27780,7 @@ var PO = mo.create({
     };
   }
 });
-et.create({
+tt.create({
   name: "listKit",
   addExtensions() {
     const o = [];
@@ -28583,7 +28583,7 @@ function AO(o, e) {
   };
 }
 const EO = AO(!1, !0), _O = AO(!0, !0);
-et.create({
+tt.create({
   name: "characterCount",
   addOptions() {
     return {
@@ -28653,7 +28653,7 @@ et.create({
     ];
   }
 });
-var FK = et.create({
+var FK = tt.create({
   name: "dropCursor",
   addOptions() {
     return {
@@ -28666,7 +28666,7 @@ var FK = et.create({
     return [kK(this.options)];
   }
 });
-et.create({
+tt.create({
   name: "focus",
   addOptions() {
     return {
@@ -28709,7 +28709,7 @@ et.create({
     ];
   }
 });
-var jK = et.create({
+var jK = tt.create({
   name: "gapCursor",
   addProseMirrorPlugins() {
     return [MK()];
@@ -28982,7 +28982,7 @@ function QK({ editor: o, options: e }) {
     }
   });
 }
-et.create({
+tt.create({
   name: "placeholder",
   addOptions() {
     return {
@@ -29006,7 +29006,7 @@ var XK = `.ProseMirror:not(.ProseMirror-focused) *::selection {
 .ProseMirror:not(.ProseMirror-focused) *::-moz-selection {
   background: transparent;
 }`;
-et.create({
+tt.create({
   name: "selection",
   addOptions() {
     return {
@@ -29038,7 +29038,7 @@ function Em({
 }) {
   return e && Array.isArray(o) && o.includes(e.type) || (e == null ? void 0 : e.type) === o;
 }
-var eJ = et.create({
+var eJ = tt.create({
   name: "trailingNode",
   addOptions() {
     return {
@@ -29072,7 +29072,7 @@ var eJ = et.create({
       })
     ];
   }
-}), tJ = et.create({
+}), tJ = tt.create({
   name: "undoRedo",
   addOptions() {
     return {
@@ -29099,7 +29099,7 @@ var eJ = et.create({
       "Shift-Mod-я": () => this.editor.commands.redo()
     };
   }
-}), oJ = et.create({
+}), oJ = tt.create({
   name: "starterKit",
   addExtensions() {
     var o, e, t, r;
@@ -30577,7 +30577,7 @@ function Ye() {
     );
   return Hc;
 }
-var IJ = et.create({
+var IJ = tt.create({
   name: "textAlign",
   addOptions() {
     return {
@@ -31208,10 +31208,10 @@ const nY = { class: "pbx-myInputGroup" }, aY = {
       () => Td(r.getPageBuilderConfig)
     ), n = S(!1), a = S(""), s = S(1), l = S(""), d = S(""), c = S(""), u = S(null), b = S(null), m = S(null), g = S(null), h = S(null), v = _(() => r.getElement), k = S(""), M = _(() => C != null && C.value ? C == null ? void 0 : C.value.getHTML() : null), T = S(0);
     de(v, (ye) => {
-      const te = document.createElement("div");
+      const X = document.createElement("div");
       if (ye) {
-        te.innerHTML = ye.innerHTML;
-        const we = te.textContent;
+        X.innerHTML = ye.innerHTML;
+        const we = X.textContent;
         T.value = (we == null ? void 0 : we.length) ?? 0;
       }
     });
@@ -31257,11 +31257,11 @@ const nY = { class: "pbx-myInputGroup" }, aY = {
       ), c.value = t("Close"), u.value = $.value ? "Remove url" : null, b.value = t("Save"), m.value = function() {
         n.value = !1, F.value = null;
       }, g.value = function() {
-        var te;
-        (te = C == null ? void 0 : C.value) == null || te.chain().focus().extendMarkRange("link").unsetLink().run(), n.value = !1;
+        var X;
+        (X = C == null ? void 0 : C.value) == null || X.chain().focus().extendMarkRange("link").unsetLink().run(), n.value = !1;
       }, h.value = function() {
-        const te = B();
-        te || (te || I(), n.value = !1);
+        const X = B();
+        X || (X || I(), n.value = !1);
       };
     }, B = function() {
       F.value = null;
@@ -31273,17 +31273,17 @@ const nY = { class: "pbx-myInputGroup" }, aY = {
     }, N = S(!1), z = function() {
       N.value = !N.value;
     }, H = function(...ye) {
-      var te;
-      return ((te = C.value) == null ? void 0 : te.isActive(...ye)) ?? !1;
+      var X;
+      return ((X = C.value) == null ? void 0 : X.isActive(...ye)) ?? !1;
     }, L = function(ye) {
-      var te;
-      return ((te = C.value) == null ? void 0 : te.isActive("heading", { level: ye })) ?? !1;
+      var X;
+      return ((X = C.value) == null ? void 0 : X.isActive("heading", { level: ye })) ?? !1;
     }, q = function() {
       var ye;
       (ye = C.value) == null || ye.chain().focus().toggleBold().run();
     }, ie = function(ye) {
-      var te;
-      (te = C.value) == null || te.chain().focus().toggleHeading({ level: ye }).run();
+      var X;
+      (X = C.value) == null || X.chain().focus().toggleHeading({ level: ye }).run();
     }, ze = function() {
       var ye;
       (ye = C.value) == null || ye.chain().focus().toggleBulletList().run();
@@ -31301,7 +31301,7 @@ const nY = { class: "pbx-myInputGroup" }, aY = {
       (ye = C == null ? void 0 : C.value) == null || ye.destroy();
     }), Ar(() => {
       E();
-    }), (ye, te) => (y(), w("div", null, [
+    }), (ye, X) => (y(), w("div", null, [
       O(Kt, {
         maxWidth: "4xl",
         showDynamicModalBuilder: n.value,
@@ -31312,28 +31312,28 @@ const nY = { class: "pbx-myInputGroup" }, aY = {
         firstButtonText: c.value,
         secondButtonText: u.value ?? void 0,
         thirdButtonText: b.value ?? void 0,
-        onFirstModalButtonFunctionDynamicModalBuilder: te[1] || (te[1] = () => {
+        onFirstModalButtonFunctionDynamicModalBuilder: X[1] || (X[1] = () => {
           var we;
           return (we = m.value) == null ? void 0 : we.call(m);
         }),
-        onSecondModalButtonFunctionDynamicModalBuilder: te[2] || (te[2] = () => {
+        onSecondModalButtonFunctionDynamicModalBuilder: X[2] || (X[2] = () => {
           var we;
           return (we = g.value) == null ? void 0 : we.call(g);
         }),
-        onThirdModalButtonFunctionDynamicModalBuilder: te[3] || (te[3] = () => {
+        onThirdModalButtonFunctionDynamicModalBuilder: X[3] || (X[3] = () => {
           var we;
           return (we = h.value) == null ? void 0 : we.call(h);
         })
       }, {
         default: Y(() => [
-          te[9] || (te[9] = p("header", null, null, -1)),
+          X[9] || (X[9] = p("header", null, null, -1)),
           p("main", null, [
             p("div", nY, [
               p("label", aY, [
                 p("span", null, f(x(t)("Enter URL")), 1)
               ]),
               Re(p("input", {
-                "onUpdate:modelValue": te[0] || (te[0] = (we) => $.value = we),
+                "onUpdate:modelValue": X[0] || (X[0] = (we) => $.value = we),
                 class: "pbx-myPrimaryInput pbx-mt-1 pbx-w-full",
                 type: "url",
                 placeholder: "url"
@@ -31353,10 +31353,10 @@ const nY = { class: "pbx-myInputGroup" }, aY = {
           p("div", cY, [
             p("div", uY, [
               p("div", {
-                onClick: te[4] || (te[4] = (we) => x(e).toggleTipTapModal(!1)),
+                onClick: X[4] || (X[4] = (we) => x(e).toggleTipTapModal(!1)),
                 class: "pbx-myPrimaryButton pbx-mr-4 pbx-min-h-2"
               }, [
-                te[10] || (te[10] = p("span", { class: "material-symbols-outlined" }, "check", -1)),
+                X[10] || (X[10] = p("span", { class: "material-symbols-outlined" }, "check", -1)),
                 p("span", null, f(x(t)("Save")), 1)
               ]),
               p("div", {
@@ -31364,7 +31364,7 @@ const nY = { class: "pbx-myInputGroup" }, aY = {
                 class: U(["pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-flex pbx-items-center pbx-justify-center pbx-aspect-square pbx-text-myPrimaryDarkGrayColor pbx-bg-gray-100 pbx-rounded-xl hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white", {
                   "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": H("bold")
                 }])
-              }, [...te[11] || (te[11] = [
+              }, [...X[11] || (X[11] = [
                 p("span", { class: "material-symbols-outlined" }, " format_bold ", -1)
               ])], 2),
               p("div", {
@@ -31372,7 +31372,7 @@ const nY = { class: "pbx-myInputGroup" }, aY = {
                 class: U(["pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-flex pbx-items-center pbx-justify-center pbx-aspect-square pbx-text-myPrimaryDarkGrayColor pbx-bg-gray-100 pbx-rounded-xl hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white", {
                   "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": H("link")
                 }])
-              }, [...te[12] || (te[12] = [
+              }, [...X[12] || (X[12] = [
                 p("span", { class: "material-symbols-outlined" }, " link ", -1)
               ])], 2),
               (y(!0), w(le, null, Se(i.value, (we) => (y(), w("div", {
@@ -31385,27 +31385,27 @@ const nY = { class: "pbx-myInputGroup" }, aY = {
                 p("div", mY, "H" + f(we), 1)
               ], 10, bY))), 128)),
               p("div", {
-                onClick: te[5] || (te[5] = (we) => De("left")),
+                onClick: X[5] || (X[5] = (we) => De("left")),
                 class: U(["pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-flex pbx-items-center pbx-justify-center pbx-aspect-square pbx-text-myPrimaryDarkGrayColor pbx-bg-gray-100 pbx-rounded-xl hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white", {
                   "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": H({ textAlign: "left" })
                 }])
-              }, [...te[13] || (te[13] = [
+              }, [...X[13] || (X[13] = [
                 p("span", { class: "material-symbols-outlined" }, " format_align_left ", -1)
               ])], 2),
               p("div", {
-                onClick: te[6] || (te[6] = (we) => De("center")),
+                onClick: X[6] || (X[6] = (we) => De("center")),
                 class: U(["pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-flex pbx-items-center pbx-justify-center pbx-aspect-square pbx-text-myPrimaryDarkGrayColor pbx-bg-gray-100 pbx-rounded-xl hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white", {
                   "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": H({ textAlign: "center" })
                 }])
-              }, [...te[14] || (te[14] = [
+              }, [...X[14] || (X[14] = [
                 p("span", { class: "material-symbols-outlined" }, " format_align_center ", -1)
               ])], 2),
               p("div", {
-                onClick: te[7] || (te[7] = (we) => De("right")),
+                onClick: X[7] || (X[7] = (we) => De("right")),
                 class: U(["pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-flex pbx-items-center pbx-justify-center pbx-aspect-square pbx-text-myPrimaryDarkGrayColor pbx-bg-gray-100 pbx-rounded-xl hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white", {
                   "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": H({ textAlign: "right" })
                 }])
-              }, [...te[15] || (te[15] = [
+              }, [...X[15] || (X[15] = [
                 p("span", { class: "material-symbols-outlined" }, " format_align_right ", -1)
               ])], 2),
               p("div", {
@@ -31413,7 +31413,7 @@ const nY = { class: "pbx-myInputGroup" }, aY = {
                 class: U(["pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-flex pbx-items-center pbx-justify-center pbx-aspect-square pbx-text-myPrimaryDarkGrayColor pbx-bg-gray-100 pbx-rounded-xl hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white", {
                   "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": H("bulletList")
                 }])
-              }, [...te[16] || (te[16] = [
+              }, [...X[16] || (X[16] = [
                 p("span", { class: "material-symbols-outlined" }, " format_list_bulleted ", -1)
               ])], 2),
               p("div", {
@@ -31425,7 +31425,7 @@ const nY = { class: "pbx-myInputGroup" }, aY = {
                   default: Y(() => [
                     N.value ? (y(), w("div", {
                       key: 0,
-                      onClick: te[8] || (te[8] = Te(() => {
+                      onClick: X[8] || (X[8] = Te(() => {
                       }, ["stop"])),
                       class: "pbx-absolute pbx-top-10 pbx-transform pbx-select-none pbx-bg-white pbx-rounded-2xl pbx-py-2 pbx-px-2 pbx-border-solid pbx-border pbx-border-gray-200 pbx-inset-x-auto pbx-z-40 pbx-w-52"
                     }, [
@@ -31755,20 +31755,20 @@ const $Y = DG.extend({
     }, ye = function() {
       ze();
     };
-    let te = 0;
+    let X = 0;
     const we = function(J) {
       var Ve, It;
       const oe = J.target, fe = document.activeElement, $e = oe instanceof HTMLSelectElement && ((Ve = c.value) != null && Ve.contains(oe)) ? oe : null, lt = fe instanceof HTMLSelectElement && ((It = c.value) != null && It.contains(fe)) ? fe : null;
-      !$e && !lt || (te = Date.now() + 500);
+      !$e && !lt || (X = Date.now() + 500);
     }, Ne = function(J) {
       var oe, fe;
-      l.value && J.target instanceof Node && ((oe = d.value) != null && oe.contains(J.target) || (fe = c.value) != null && fe.contains(J.target) || Date.now() < te || window.setTimeout(() => {
+      l.value && J.target instanceof Node && ((oe = d.value) != null && oe.contains(J.target) || (fe = c.value) != null && fe.contains(J.target) || Date.now() < X || window.setTimeout(() => {
         var lt, Ve;
-        if (!l.value || Date.now() < te) return;
+        if (!l.value || Date.now() < X) return;
         const $e = document.activeElement;
         $e instanceof Element && ((lt = c.value) != null && lt.contains($e) || (Ve = d.value) != null && Ve.contains($e) || $e.closest("[data-pbx-typography-menu-popover]")) || (l.value = !1);
       }, 0));
-    }, tt = function(J, oe, fe) {
+    }, et = function(J, oe, fe) {
       const { doc: $e } = J.state, lt = Vm(oe, {
         lang: t.getCurrentLanguage,
         text: fe ?? $e.textContent
@@ -31841,7 +31841,7 @@ const $Y = DG.extend({
           t.setTextAreaVueModel(Lt($e));
         }
       });
-      n.value = fe, await ce(), tt(fe, J, s.value);
+      n.value = fe, await ce(), et(fe, J, s.value);
     }, vt = async function() {
       if (n.value)
         try {
@@ -31889,17 +31889,17 @@ const $Y = DG.extend({
       }
       pe();
     });
-    const Z = function() {
+    const ee = function() {
       l.value = !1;
     };
     return de(l, (J) => {
       if (J) {
-        De(), document.addEventListener("pointerdown", Ne), document.addEventListener("pointerdown", we, !0), document.addEventListener("change", we, !0), window.addEventListener(or, Z);
+        De(), document.addEventListener("pointerdown", Ne), document.addEventListener("pointerdown", we, !0), document.addEventListener("change", we, !0), window.addEventListener(or, ee);
         return;
       }
-      ye(), document.removeEventListener("pointerdown", Ne), document.removeEventListener("pointerdown", we, !0), document.removeEventListener("change", we, !0), window.removeEventListener(or, Z);
+      ye(), document.removeEventListener("pointerdown", Ne), document.removeEventListener("pointerdown", we, !0), document.removeEventListener("change", we, !0), window.removeEventListener(or, ee);
     }), ir(() => {
-      pe(), ye(), document.removeEventListener("pointerdown", Ne), document.removeEventListener("pointerdown", we, !0), document.removeEventListener("change", we, !0), window.removeEventListener(or, Z), n.value && ot(Pe(n.value)), t.getInlineTipTapEditor && t.setInlineTipTapEditor(!1);
+      pe(), ye(), document.removeEventListener("pointerdown", Ne), document.removeEventListener("pointerdown", we, !0), document.removeEventListener("change", we, !0), window.removeEventListener(or, ee), n.value && ot(Pe(n.value)), t.getInlineTipTapEditor && t.setInlineTipTapEditor(!1);
     }), (J, oe) => (y(), w(le, null, [
       p("div", BY, [
         O(Kt, {
@@ -34684,8 +34684,8 @@ function RR(o, e = 3, t = 1, r = !0) {
   const i = t === 2 ? 2 : 1, n = Math.max(o, i), a = i > 1 ? n % i : 0, s = a === 0 ? 0 : i - a, l = n + s, d = Math.max(1, n - i + 1), c = s > 0 && r ? n : d, u = c * e, b = 100 / c, m = Math.max(b - 3, 1), g = l / i * 100, h = (100 / l).toFixed(3);
   let v = `@keyframes pbx-isl-r{0%,${m.toFixed(3)}%{transform:translateX(0)}`;
   for (let be = 1; be < c; be++) {
-    const ue = -(100 * be / l).toFixed(3), pe = (be * b).toFixed(3), Z = (be * b + m).toFixed(3);
-    v += `${pe}%,${Z}%{transform:translateX(${ue}%)}`;
+    const ue = -(100 * be / l).toFixed(3), pe = (be * b).toFixed(3), ee = (be * b + m).toFixed(3);
+    v += `${pe}%,${ee}%{transform:translateX(${ue}%)}`;
   }
   if (r)
     v += "99%,100%{transform:translateX(0)}}";
@@ -34696,12 +34696,12 @@ function RR(o, e = 3, t = 1, r = !0) {
   const k = "width:0.45rem;background:rgba(255,255,255,0.45)", M = "width:1.15rem;background:#fff";
   let T = "", C = "";
   for (let be = 0; be < n; be++) {
-    const ue = (be * b).toFixed(3), pe = (be * b + m).toFixed(3), Z = Math.min((be + 1) * b, 100).toFixed(3);
+    const ue = (be * b).toFixed(3), pe = (be * b + m).toFixed(3), ee = Math.min((be + 1) * b, 100).toFixed(3);
     if (be === 0)
-      T += `@keyframes pbx-isl-da-${be}{0%,${pe}%{${M}}${Z}%,100%{${k}}}`;
+      T += `@keyframes pbx-isl-da-${be}{0%,${pe}%{${M}}${ee}%,100%{${k}}}`;
     else if (be < c) {
       const oe = (be * b - 1e-3).toFixed(3);
-      T += `@keyframes pbx-isl-da-${be}{0%,${oe}%{${k}}${ue}%,${pe}%{${M}}${Z}%,100%{${k}}}`;
+      T += `@keyframes pbx-isl-da-${be}{0%,${oe}%{${k}}${ue}%,${pe}%{${M}}${ee}%,100%{${k}}}`;
     } else
       T += `@keyframes pbx-isl-da-${be}{0%,100%{${k}}}`;
     const J = r ? "infinite" : "1 forwards";
@@ -34710,12 +34710,12 @@ function RR(o, e = 3, t = 1, r = !0) {
   const E = "opacity:1;background:transparent;color:rgba(255,255,255,0.7)", $ = "opacity:1;background:#fff;color:#111";
   let P = "", F = "";
   for (let be = 0; be < n; be++) {
-    const ue = (be * b).toFixed(3), pe = (be * b + m).toFixed(3), Z = Math.min((be + 1) * b, 100).toFixed(3);
+    const ue = (be * b).toFixed(3), pe = (be * b + m).toFixed(3), ee = Math.min((be + 1) * b, 100).toFixed(3);
     if (be === 0)
-      P += `@keyframes pbx-isl-na-${be}{0%,${pe}%{${$}}${Z}%,100%{${E}}}`;
+      P += `@keyframes pbx-isl-na-${be}{0%,${pe}%{${$}}${ee}%,100%{${E}}}`;
     else if (be < c) {
       const oe = (be * b - 1e-3).toFixed(3);
-      P += `@keyframes pbx-isl-na-${be}{0%,${oe}%{${E}}${ue}%,${pe}%{${$}}${Z}%,100%{${E}}}`;
+      P += `@keyframes pbx-isl-na-${be}{0%,${oe}%{${E}}${ue}%,${pe}%{${$}}${ee}%,100%{${E}}}`;
     } else
       P += `@keyframes pbx-isl-na-${be}{0%,100%{${E}}}`;
     const J = r ? "infinite" : "1 forwards";
@@ -34730,32 +34730,32 @@ function RR(o, e = 3, t = 1, r = !0) {
   for (let be = 0; be < n; be++)
     be > 0 && (z += ",", H += ","), z += `[data-builder-canvas] [data-isl][data-isl-active="${be}"] .pbx-isl-nums span:nth-child(${be + 1})`, H += `[data-builder-canvas] [data-isl][data-isl-active="${be}"] .pbx-isl-dot:nth-child(${be + 1})`;
   z += "{opacity:1!important;background:#fff!important;color:#111!important;text-shadow:none!important}", H += "{width:1.15rem!important;background:#fff!important}";
-  const L = "[data-builder-canvas] [data-isl]:not([data-isl-active]) .pbx-isl-nums span:first-child{opacity:1!important;background:#fff!important;color:#111!important;text-shadow:none!important}", q = "[data-builder-canvas] [data-isl]:not([data-isl-active]) .pbx-isl-dot:first-child{width:1.15rem!important;background:#fff!important}", ie = "[data-builder-canvas] [data-isl][data-isl-active] .pbx-isl-nums span{opacity:1!important;background:transparent!important;color:rgba(255,255,255,0.7)!important;text-shadow:none!important}", ze = "[data-builder-canvas] [data-isl][data-isl-active] .pbx-isl-dot{width:0.45rem!important;background:rgba(255,255,255,0.45)!important}", De = r ? "infinite" : "1 forwards", ye = 85, te = i === 2 ? "50%" : "90%", we = i === 2 ? [
+  const L = "[data-builder-canvas] [data-isl]:not([data-isl-active]) .pbx-isl-nums span:first-child{opacity:1!important;background:#fff!important;color:#111!important;text-shadow:none!important}", q = "[data-builder-canvas] [data-isl]:not([data-isl-active]) .pbx-isl-dot:first-child{width:1.15rem!important;background:#fff!important}", ie = "[data-builder-canvas] [data-isl][data-isl-active] .pbx-isl-nums span{opacity:1!important;background:transparent!important;color:rgba(255,255,255,0.7)!important;text-shadow:none!important}", ze = "[data-builder-canvas] [data-isl][data-isl-active] .pbx-isl-dot{width:0.45rem!important;background:rgba(255,255,255,0.45)!important}", De = r ? "infinite" : "1 forwards", ye = 85, X = 90, we = `${X}%`, Ne = [
+    `[data-isl][data-isl-per-view="1"] .pbx-isl-t,[data-isl]:not([data-isl-per-view]) .pbx-isl-t{grid-auto-columns:${X}%!important}`,
+    '[data-isl][data-isl-per-view="1"] .pbx-isl-t>div,[data-isl]:not([data-isl-per-view]) .pbx-isl-t>div{box-sizing:border-box!important;min-width:0!important;width:auto!important;max-width:none!important;padding-inline:0.35rem}',
+    '[data-isl][data-isl-per-view="1"] .pbx-isl-t>div img,[data-isl]:not([data-isl-per-view]) .pbx-isl-t>div img{width:100%!important;border-radius:0.75rem;overflow:hidden}',
     '[data-isl][data-isl-per-view="2"] .pbx-isl-t{grid-auto-columns:50%!important}',
     '[data-isl][data-isl-per-view="2"] .pbx-isl-t>div{box-sizing:border-box!important;min-width:0!important;width:auto!important;max-width:none!important;padding-inline:0.4rem}',
     '[data-isl][data-isl-per-view="2"] .pbx-isl-t>div img{width:100%!important;border-radius:0.75rem;overflow:hidden}',
     `@media (max-width:767px){[data-isl][data-isl-per-view="2"] .pbx-isl-t{grid-auto-columns:${ye}%!important}[data-isl][data-isl-per-view="2"] .pbx-isl-t>div{padding-inline:0.35rem}}`
-  ].join("") : [
-    '[data-isl][data-isl-per-view="1"] .pbx-isl-t{grid-auto-columns:90%!important}',
-    '[data-isl][data-isl-per-view="1"] .pbx-isl-t>div{box-sizing:border-box!important;min-width:0!important;width:auto!important;max-width:none!important;padding-inline:0.35rem}',
-    '[data-isl][data-isl-per-view="1"] .pbx-isl-t>div img{width:100%!important;border-radius:0.75rem;overflow:hidden}'
-  ].join(""), Ne = [
+  ].join(""), et = [
     ".pbx-isl-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:11;width:2.5rem;height:2.5rem;border-radius:9999px;background:rgba(255,255,255,0.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;cursor:pointer;border:0;color:#111;box-shadow:0 1px 4px rgba(0,0,0,0.12);user-select:none}",
     '[data-isl][data-isl-arrows]:not([data-isl-arrows="false"]) .pbx-isl-arrow{display:flex}',
     ".pbx-isl-prev{left:0.75rem}",
     ".pbx-isl-next{right:0.75rem}",
     ".pbx-isl-arrow svg{display:block;flex-shrink:0}",
     "[data-builder-canvas] .pbx-isl-arrow{pointer-events:auto;z-index:20}"
-  ].join(""), Lt = i === 1 ? l * 90 : g, Pe = l * ye, ut = `[data-isl][data-isl-auto] .pbx-isl-t{overflow:hidden!important;scroll-snap-type:none!important;width:${Lt}%!important;animation:pbx-isl-r ${u}s ${De};pointer-events:none}`, ot = i === 2 ? `[data-isl][data-isl-auto][data-isl-per-view="2"] .pbx-isl-t{grid-auto-columns:${h}%!important}` : `[data-isl][data-isl-auto][data-isl-per-view="1"] .pbx-isl-t{grid-auto-columns:${h}%!important}`, yt = i === 2 ? `@media (max-width:767px){[data-isl][data-isl-auto][data-isl-per-view="2"] .pbx-isl-t{width:${Pe}%!important;grid-auto-columns:${h}%!important}}` : "", vt = i === 2 ? [
+  ].join(""), Lt = i === 1 ? l * X : g, Pe = l * ye, ut = `[data-isl][data-isl-auto] .pbx-isl-t{overflow:hidden!important;scroll-snap-type:none!important;width:${Lt}%!important;animation:pbx-isl-r ${u}s ${De};pointer-events:none}`, ot = i === 2 ? `[data-isl][data-isl-auto][data-isl-per-view="2"] .pbx-isl-t{grid-auto-columns:${h}%!important}` : `[data-isl][data-isl-auto][data-isl-per-view="1"] .pbx-isl-t,[data-isl][data-isl-auto]:not([data-isl-per-view]) .pbx-isl-t{grid-auto-columns:${h}%!important}`, yt = i === 2 ? `@media (max-width:767px){[data-isl][data-isl-auto][data-isl-per-view="2"] .pbx-isl-t{width:${Pe}%!important;grid-auto-columns:${h}%!important}}` : "", vt = [
+    `[data-builder-canvas] [data-isl][data-isl-per-view="1"] .pbx-isl-t,[data-builder-canvas] [data-isl]:not([data-isl-per-view]) .pbx-isl-t,[data-builder-canvas] [data-isl][data-isl-auto][data-isl-per-view="1"] .pbx-isl-t,[data-builder-canvas] [data-isl][data-isl-auto]:not([data-isl-per-view]) .pbx-isl-t{grid-auto-columns:${X}%!important}`,
     '[data-builder-canvas] [data-isl][data-isl-per-view="2"] .pbx-isl-t,[data-builder-canvas] [data-isl][data-isl-auto][data-isl-per-view="2"] .pbx-isl-t{grid-auto-columns:50%!important}',
     `@media (max-width:767px){[data-builder-canvas] [data-isl][data-isl-per-view="2"] .pbx-isl-t,[data-builder-canvas] [data-isl][data-isl-auto][data-isl-per-view="2"] .pbx-isl-t{grid-auto-columns:${ye}%!important}}`
-  ].join("") : '[data-builder-canvas] [data-isl][data-isl-per-view="1"] .pbx-isl-t,[data-builder-canvas] [data-isl][data-isl-auto][data-isl-per-view="1"] .pbx-isl-t{grid-auto-columns:90%!important}';
+  ].join("");
   return [
-    `.pbx-isl-t{display:grid;grid-auto-flow:column;grid-auto-columns:${te};overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%}`,
+    `.pbx-isl-t{display:grid;grid-auto-flow:column;grid-auto-columns:${we};overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%}`,
     ".pbx-isl-t::-webkit-scrollbar{display:none}",
     ".pbx-isl-t>div{min-width:0;width:auto;max-width:none;scroll-snap-align:start;box-sizing:border-box}",
-    we,
     Ne,
+    et,
     v,
     ut,
     ot,
@@ -34789,8 +34789,9 @@ function El(o) {
   return o.querySelectorAll("[data-isl]").forEach((t) => {
     const r = t.querySelector(".pbx-isl-t");
     if (!r) return;
+    t.hasAttribute("data-isl-per-view") || (t.setAttribute("data-isl-per-view", "1"), e = !0);
     const n = parseInt(t.getAttribute("data-isl-per-view") || "1", 10) === 2 ? 2 : 1;
-    OR(r, n) && (e = !0), Array.from(r.children).forEach((m) => {
+    n === 1 && t.getAttribute("data-isl-per-view") !== "1" && (t.setAttribute("data-isl-per-view", "1"), e = !0), OR(r, n) && (e = !0), Array.from(r.children).forEach((m) => {
       var v;
       if (!(m instanceof HTMLElement)) return;
       const g = m.getAttribute("style");
@@ -34981,12 +34982,12 @@ const cee = { class: "pbx-max-w-full pbx-min-w-0" }, uee = { class: "pbx-myInput
       h.value = !1, $.value = null;
     }, H = S(0), L = S(!1), q = S(0), ie = _(() => (q.value, n.isSelectedElementImage())), ze = _(() => l.getImageSettingsPanelOpen), De = () => {
       q.value++, s("open-image-settings");
-    }, ye = _(() => (H.value, n.isSelectedComponentTopElement())), te = _(() => (H.value, n.selectedComponentIsFullWidth())), we = () => {
+    }, ye = _(() => (H.value, n.isSelectedComponentTopElement())), X = _(() => (H.value, n.selectedComponentIsFullWidth())), we = () => {
       H.value++, L.value = !0;
     }, Ne = async (K) => {
       const R = n.setSelectedComponentFullWidth(K);
       H.value++, await R, H.value++;
-    }, tt = S(0), Lt = S(!1), Pe = S(so.layout), ut = S(
+    }, et = S(0), Lt = S(!1), Pe = S(so.layout), ut = S(
       so.mobileColumns
     ), ot = S(
       so.cardStyle
@@ -34994,9 +34995,9 @@ const cee = { class: "pbx-max-w-full pbx-min-w-0" }, uee = { class: "pbx-myInput
       so.cardDesign
     ), vt = S(so.roundedImages), be = S(so.openInNewTab), ue = S(
       so.buttonStyle
-    ), pe = S(so.roundedButtons), Z = S(so.hidePrice), J = S(so.hideImage), oe = S(so.hideButton), fe = S(so.hideLinks), $e = S(!1), lt = S(!1), Ve = S(!1), It = S(!1), wt = S(!1);
+    ), pe = S(so.roundedButtons), ee = S(so.hidePrice), J = S(so.hideImage), oe = S(so.hideButton), fe = S(so.hideLinks), $e = S(!1), lt = S(!1), Ve = S(!1), It = S(!1), wt = S(!1);
     let rt = null;
-    const gi = _(() => rt ? Pe.value !== rt.layout || ut.value !== rt.mobileColumns || ot.value !== rt.cardStyle || yt.value !== rt.cardDesign || vt.value !== rt.roundedImages || be.value !== rt.openInNewTab || ue.value !== rt.buttonStyle || pe.value !== rt.roundedButtons || Z.value !== rt.hidePrice || J.value !== rt.hideImage || oe.value !== rt.hideButton || fe.value !== rt.hideLinks : !1), tn = _(() => (tt.value, n.isSelectedProductSection())), go = () => {
+    const gi = _(() => rt ? Pe.value !== rt.layout || ut.value !== rt.mobileColumns || ot.value !== rt.cardStyle || yt.value !== rt.cardDesign || vt.value !== rt.roundedImages || be.value !== rt.openInNewTab || ue.value !== rt.buttonStyle || pe.value !== rt.roundedButtons || ee.value !== rt.hidePrice || J.value !== rt.hideImage || oe.value !== rt.hideButton || fe.value !== rt.hideLinks : !1), tn = _(() => (et.value, n.isSelectedProductSection())), go = () => {
       const K = n.getSelectedProductSectionOptions(), R = K.mobileColumns ?? 1, Q = K.cardStyle ?? "minimal", Oe = K.cardDesign ?? "classic", Ge = K.roundedImages ?? !1, Xe = K.openInNewTab ?? !1, dt = K.buttonStyle ?? "text", St = K.roundedButtons ?? !1, Yo = K.hidePrice ?? !1, cr = K.hideImage ?? !1, Do = K.hideButton ?? !1, ur = K.hideLinks ?? !1, Rr = n.getSelectedProductSectionContentAvailability();
       rt = {
         layout: K.layout,
@@ -35011,7 +35012,7 @@ const cee = { class: "pbx-max-w-full pbx-min-w-0" }, uee = { class: "pbx-myInput
         hideImage: cr,
         hideButton: Do,
         hideLinks: ur
-      }, Pe.value = K.layout, ut.value = R, ot.value = Q, yt.value = Oe, vt.value = Ge, be.value = Xe, ue.value = dt, pe.value = St, Z.value = Yo, J.value = cr, oe.value = Do, fe.value = ur, $e.value = Rr.hasPrices, lt.value = Rr.hasImages, Ve.value = Rr.hasButtons, It.value = Rr.hasLinks, tt.value++, Lt.value = !0;
+      }, Pe.value = K.layout, ut.value = R, ot.value = Q, yt.value = Oe, vt.value = Ge, be.value = Xe, ue.value = dt, pe.value = St, ee.value = Yo, J.value = cr, oe.value = Do, fe.value = ur, $e.value = Rr.hasPrices, lt.value = Rr.hasImages, Ve.value = Rr.hasButtons, It.value = Rr.hasLinks, et.value++, Lt.value = !0;
     }, _o = () => ({
       layout: Pe.value,
       mobileColumns: ut.value,
@@ -35021,7 +35022,7 @@ const cee = { class: "pbx-max-w-full pbx-min-w-0" }, uee = { class: "pbx-myInput
       openInNewTab: be.value,
       buttonStyle: ue.value,
       roundedButtons: pe.value,
-      hidePrice: Z.value,
+      hidePrice: ee.value,
       hideImage: J.value,
       hideButton: oe.value,
       hideLinks: fe.value
@@ -35036,7 +35037,7 @@ const cee = { class: "pbx-max-w-full pbx-min-w-0" }, uee = { class: "pbx-myInput
       try {
         await n.updateSelectedProductSection(_o(), {
           persist: !0
-        }), tt.value++, i(r("Product section settings saved"), "success"), Vo();
+        }), et.value++, i(r("Product section settings saved"), "success"), Vo();
       } catch {
         i(r("Could not save product section settings"), "error");
       } finally {
@@ -35048,7 +35049,7 @@ const cee = { class: "pbx-max-w-full pbx-min-w-0" }, uee = { class: "pbx-myInput
       C.value = K;
     }, ne = (K) => {
       E.value = K;
-    }, X = (K) => {
+    }, Z = (K) => {
       k.value = K;
     }, G = (K) => {
       M.value = K;
@@ -35505,7 +35506,7 @@ const cee = { class: "pbx-max-w-full pbx-min-w-0" }, uee = { class: "pbx-myInput
                           p("p", Bee, f(x(r)("Stretch across browser width")), 1)
                         ]),
                         O(io, {
-                          "model-value": te.value,
+                          "model-value": X.value,
                           "onUpdate:modelValue": Ne
                         }, null, 8, ["model-value"])
                       ])
@@ -35549,8 +35550,8 @@ const cee = { class: "pbx-max-w-full pbx-min-w-0" }, uee = { class: "pbx-myInput
                     "onUpdate:buttonStyle": R[18] || (R[18] = (Q) => ue.value = Q),
                     "rounded-buttons": pe.value,
                     "onUpdate:roundedButtons": R[19] || (R[19] = (Q) => pe.value = Q),
-                    "hide-price": Z.value,
-                    "onUpdate:hidePrice": R[20] || (R[20] = (Q) => Z.value = Q),
+                    "hide-price": ee.value,
+                    "onUpdate:hidePrice": R[20] || (R[20] = (Q) => ee.value = Q),
                     "hide-image": J.value,
                     "onUpdate:hideImage": R[21] || (R[21] = (Q) => J.value = Q),
                     "hide-button": oe.value,
@@ -35645,7 +35646,7 @@ const cee = { class: "pbx-max-w-full pbx-min-w-0" }, uee = { class: "pbx-myInput
                             (y(), w(le, null, Se([1, 2, 3, 4, 5], (Q) => p("button", {
                               key: Q,
                               type: "button",
-                              onClick: (Oe) => X(Q),
+                              onClick: (Oe) => Z(Q),
                               class: U([
                                 "pbx-h-10 pbx-min-w-10 pbx-px-3 pbx-rounded-lg pbx-text-sm pbx-font-medium pbx-cursor-pointer pbx-flex pbx-items-center pbx-justify-center pbx-border pbx-border-solid pbx-transition-colors",
                                 k.value === Q ? "pbx-bg-myPrimaryLinkColor pbx-text-white pbx-border-myPrimaryLinkColor" : "pbx-bg-white pbx-text-gray-700 pbx-border-gray-200 hover:pbx-border-gray-300 hover:pbx-bg-gray-50"
@@ -37607,9 +37608,9 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
       return ["All", ...new Set(ue)];
     }), T = _(() => {
       const ue = a.value.trim().toLowerCase(), pe = !ue && d.value !== "All" ? Op[0].components.data.filter(
-        (Z) => k(Z).includes(d.value)
+        (ee) => k(ee).includes(d.value)
       ) : Op[0].components.data;
-      return ue ? pe.filter((Z) => Z.title.toLowerCase().includes(ue)) : pe;
+      return ue ? pe.filter((ee) => ee.title.toLowerCase().includes(ue)) : pe;
     }), C = S(1), E = _(
       () => Math.max(1, Math.ceil(T.value.length / Fp))
     ), $ = _(() => {
@@ -37620,18 +37621,18 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
       C.value = 1;
     });
     const P = _(() => {
-      const ue = a.value.trim().toLowerCase(), pe = g.value, Z = !ue && c.value !== "All" ? pe.filter((J) => J.category === c.value) : pe;
-      return ue ? Z.filter((J) => J.title.toLowerCase().includes(ue)) : Z;
+      const ue = a.value.trim().toLowerCase(), pe = g.value, ee = !ue && c.value !== "All" ? pe.filter((J) => J.category === c.value) : pe;
+      return ue ? ee.filter((J) => J.title.toLowerCase().includes(ue)) : ee;
     }), F = S("All"), j = _(() => {
       const ue = Rp[0].themes.data.map((pe) => pe.category);
       return ["All", ...new Set(ue)];
     }), B = _(() => {
-      const ue = a.value.trim().toLowerCase(), pe = !ue && F.value !== "All" ? Rp[0].themes.data.filter((Z) => Z.category === F.value) : Rp[0].themes.data;
-      return ue ? pe.filter((Z) => Z.title.toLowerCase().includes(ue)) : pe;
+      const ue = a.value.trim().toLowerCase(), pe = !ue && F.value !== "All" ? Rp[0].themes.data.filter((ee) => ee.category === F.value) : Rp[0].themes.data;
+      return ue ? pe.filter((ee) => ee.title.toLowerCase().includes(ue)) : pe;
     }), { closeAddComponentModal: I } = NR(), N = _(() => {
       var ue;
       return (((ue = i.getComponents) == null ? void 0 : ue.length) ?? 0) > 0;
-    }), z = S(!1), H = S(""), L = S(""), q = S(1), ie = S(""), ze = S(""), De = S(""), ye = S(null), te = S(null), we = S(null), Ne = S(null), tt = S(null);
+    }), z = S(!1), H = S(""), L = S(""), q = S(1), ie = S(""), ze = S(""), De = S(""), ye = S(null), X = S(null), we = S(null), Ne = S(null), et = S(null);
     function Lt(ue) {
       return ue.replace(/Layouts and visual\./g, e("Layouts and visual.")).replace(
         /Start customizing by editing this default text directly in the editor\./g,
@@ -37653,10 +37654,10 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
       }
     }, ot = function(ue) {
       if (N.value) {
-        H.value = ue, z.value = !0, L.value = "delete", q.value = 2, ie.value = e("Replace page with theme"), ze.value = e("Replace page with theme description"), De.value = e("Close"), ye.value = null, te.value = e("Replace"), we.value = () => {
+        H.value = ue, z.value = !0, L.value = "delete", q.value = 2, ie.value = e("Replace page with theme"), ze.value = e("Replace page with theme description"), De.value = e("Close"), ye.value = null, X.value = e("Replace"), we.value = () => {
           z.value = !1;
         }, Ne.value = () => {
-        }, tt.value = async () => {
+        }, et.value = async () => {
           await ut(H.value), z.value = !1;
         };
         return;
@@ -37664,19 +37665,19 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
       ut(ue);
     }, yt = async function(ue) {
       n.value = !0;
-      const pe = vt(ue), Z = pe.html_code.replace(/Layouts and visual\./g, e("Layouts and visual.")).replace(
+      const pe = vt(ue), ee = pe.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.")
       ), J = {
         ...pe,
-        html_code: Z,
+        html_code: ee,
         title: pe.title
       };
       await r.addComponent(J), t(e("Component added to page"), "success"), I(), n.value = !1;
     }, vt = (ue) => {
       if (!ue.title.includes("Button")) return ue;
-      const Z = new DOMParser().parseFromString(ue.html_code, "text/html");
-      return Z.querySelectorAll("#linktree").forEach((oe) => {
+      const ee = new DOMParser().parseFromString(ue.html_code, "text/html");
+      return ee.querySelectorAll("#linktree").forEach((oe) => {
         const fe = oe.querySelector("a");
         fe instanceof HTMLElement && (oe.classList.remove("pbx-bg-myPrimaryLinkColor", "pbx-text-myPrimaryDarkGrayColor"), fe.classList.remove(
           "pbx-bg-myPrimaryLinkColor",
@@ -37700,7 +37701,7 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
         ), u.value === "button" ? (fe.classList.add("pbx-bg-myPrimaryLinkColor", "pbx-text-white"), m.value && fe.classList.add("pbx-rounded-full")) : fe.classList.add("pbx-bg-transparent", "pbx-text-myPrimaryLinkColor"), b.value ? (fe.setAttribute("target", "_blank"), fe.setAttribute("rel", "noopener noreferrer nofollow")) : (fe.removeAttribute("target"), fe.removeAttribute("rel")));
       }), {
         ...ue,
-        html_code: Z.body.innerHTML
+        html_code: ee.body.innerHTML
       };
     }, be = function(ue) {
       return {
@@ -37728,7 +37729,7 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
               p("div", aoe, [
                 p("label", soe, f(x(e)("Search...")), 1),
                 Re(p("input", {
-                  "onUpdate:modelValue": pe[0] || (pe[0] = (Z) => a.value = Z),
+                  "onUpdate:modelValue": pe[0] || (pe[0] = (ee) => a.value = ee),
                   type: "search",
                   id: "search-components",
                   class: "pbx-myPrimarySearchInput pbx-w-full pbx-pl-10 pbx-border-0",
@@ -37747,13 +37748,13 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
           p("div", poe, [
             p("span", coe, f(x(e)("Browse")), 1),
             p("div", uoe, [
-              (y(!0), w(le, null, Se(l.value, (Z) => (y(), me(kr, {
-                key: Z,
+              (y(!0), w(le, null, Se(l.value, (ee) => (y(), me(kr, {
+                key: ee,
                 icon: "asterisk",
-                label: x(e)(Z),
-                hint: Z === "Themes" ? x(e)("Full page themes") : x(e)("Building blocks"),
-                active: s.value === Z,
-                onClick: (J) => s.value = Z
+                label: x(e)(ee),
+                hint: ee === "Themes" ? x(e)("Full page themes") : x(e)("Building blocks"),
+                active: s.value === ee,
+                onClick: (J) => s.value = ee
               }, null, 8, ["icon", "label", "hint", "active", "onClick"]))), 128))
             ])
           ]),
@@ -37765,25 +37766,25 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
               p("div", hoe, [
                 p("span", foe, f(x(e)("Category")), 1),
                 p("div", yoe, [
-                  (y(!0), w(le, null, Se(j.value, (Z) => (y(), me(kr, {
-                    key: Z,
+                  (y(!0), w(le, null, Se(j.value, (ee) => (y(), me(kr, {
+                    key: ee,
                     "slider-icon": "",
-                    label: x(e)(Z),
-                    active: F.value === Z,
-                    onClick: (J) => F.value = Z
+                    label: x(e)(ee),
+                    active: F.value === ee,
+                    onClick: (J) => F.value = ee
                   }, null, 8, ["label", "active", "onClick"]))), 128))
                 ])
               ]),
               p("div", null, [
                 B.value.length ? (y(), w("div", voe, [
-                  (y(!0), w(le, null, Se(B.value, (Z) => (y(), me(Xm, {
-                    key: Z.title,
-                    title: x(e)(Z.title),
-                    onClick: (J) => ot(Z.html_code)
+                  (y(!0), w(le, null, Se(B.value, (ee) => (y(), me(Xm, {
+                    key: ee.title,
+                    title: x(e)(ee.title),
+                    onClick: (J) => ot(ee.html_code)
                   }, {
                     default: Y(() => [
                       O(Qm, {
-                        htmlCode: Z.html_code,
+                        htmlCode: ee.html_code,
                         maxHeight: 480,
                         fit: "contain"
                       }, null, 8, ["htmlCode"])
@@ -37802,23 +37803,23 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
                 p("div", Toe, [
                   p("span", Poe, f(x(e)("Category")), 1),
                   p("div", Moe, [
-                    (y(!0), w(le, null, Se(h.value, (Z) => (y(), me(kr, {
-                      key: Z,
+                    (y(!0), w(le, null, Se(h.value, (ee) => (y(), me(kr, {
+                      key: ee,
                       "slider-icon": "",
-                      label: x(e)(Z),
-                      active: c.value === Z,
-                      onClick: (J) => c.value = Z
+                      label: x(e)(ee),
+                      active: c.value === ee,
+                      onClick: (J) => c.value = ee
                     }, null, 8, ["label", "active", "onClick"]))), 128))
                   ])
                 ]),
                 p("div", Loe, [
                   p("div", Aoe, [
                     P.value.length ? (y(), w("div", Eoe, [
-                      (y(!0), w(le, null, Se(P.value, (Z) => (y(), me(Yte, {
-                        key: Z.title,
-                        label: x(e)(Z.title),
-                        hint: x(e)(Z.category),
-                        onClick: (J) => yt(Z)
+                      (y(!0), w(le, null, Se(P.value, (ee) => (y(), me(Yte, {
+                        key: ee.title,
+                        label: x(e)(ee.title),
+                        hint: x(e)(ee.category),
+                        onClick: (J) => yt(ee)
                       }, null, 8, ["label", "hint", "onClick"]))), 128))
                     ])) : (y(), w("p", _oe, f(x(e)("No components found.")), 1))
                   ]),
@@ -37826,11 +37827,11 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
                     v.value ? (y(), me(BR, {
                       key: 0,
                       "button-style": u.value,
-                      "onUpdate:buttonStyle": pe[2] || (pe[2] = (Z) => u.value = Z),
+                      "onUpdate:buttonStyle": pe[2] || (pe[2] = (ee) => u.value = ee),
                       "open-in-new-tab": b.value,
-                      "onUpdate:openInNewTab": pe[3] || (pe[3] = (Z) => b.value = Z),
+                      "onUpdate:openInNewTab": pe[3] || (pe[3] = (ee) => b.value = ee),
                       "rounded-buttons": m.value,
-                      "onUpdate:roundedButtons": pe[4] || (pe[4] = (Z) => m.value = Z),
+                      "onUpdate:roundedButtons": pe[4] || (pe[4] = (ee) => m.value = ee),
                       translate: x(e),
                       title: "Button links",
                       description: "Link behavior on helper button components"
@@ -37847,26 +37848,26 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
                 p("div", Ooe, [
                   p("span", Roe, f(x(e)("Category")), 1),
                   p("div", Noe, [
-                    (y(!0), w(le, null, Se(M.value, (Z) => (y(), me(kr, {
-                      key: Z,
+                    (y(!0), w(le, null, Se(M.value, (ee) => (y(), me(kr, {
+                      key: ee,
                       "slider-icon": "",
-                      label: x(e)(Z),
-                      active: d.value === Z,
-                      onClick: (J) => d.value = Z
+                      label: x(e)(ee),
+                      active: d.value === ee,
+                      onClick: (J) => d.value = ee
                     }, null, 8, ["label", "active", "onClick"]))), 128))
                   ])
                 ]),
                 p("div", null, [
                   $.value.length ? (y(), w("div", Foe, [
-                    (y(!0), w(le, null, Se($.value, (Z) => (y(), me(Xm, {
-                      key: Z.title,
-                      title: x(e)(Z.title),
-                      description: Pe(Z.title),
-                      onClick: (J) => yt(be(Z))
+                    (y(!0), w(le, null, Se($.value, (ee) => (y(), me(Xm, {
+                      key: ee.title,
+                      title: x(e)(ee.title),
+                      description: Pe(ee.title),
+                      onClick: (J) => yt(be(ee))
                     }, {
                       default: Y(() => [
                         O(Qm, {
-                          htmlCode: Z.html_code,
+                          htmlCode: ee.html_code,
                           maxHeight: 360,
                           fit: "contain"
                         }, null, 8, ["htmlCode"])
@@ -37880,18 +37881,18 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
                       type: "button",
                       class: U(["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", C.value === 1 ? "pbx-opacity-40 pbx-cursor-not-allowed" : ""]),
                       disabled: C.value === 1,
-                      onClick: pe[5] || (pe[5] = (Z) => C.value--)
+                      onClick: pe[5] || (pe[5] = (ee) => C.value--)
                     }, f(x(e)("Previous")), 11, Voe),
                     p("div", Uoe, [
-                      (y(!0), w(le, null, Se(E.value, (Z) => (y(), w("button", {
-                        key: Z,
+                      (y(!0), w(le, null, Se(E.value, (ee) => (y(), w("button", {
+                        key: ee,
                         type: "button",
                         class: U([
                           "pbx-h-10 pbx-w-10 pbx-text-xs 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",
-                          Z === C.value ? "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white" : "hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white"
+                          ee === C.value ? "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white" : "hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white"
                         ]),
-                        onClick: (J) => C.value = Z
-                      }, f(Z), 11, Woe))), 128))
+                        onClick: (J) => C.value = ee
+                      }, f(ee), 11, Woe))), 128))
                     ]),
                     p("button", {
                       type: "button",
@@ -37900,7 +37901,7 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
                         C.value === E.value ? "pbx-opacity-40 pbx-cursor-not-allowed" : ""
                       ]),
                       disabled: C.value === E.value,
-                      onClick: pe[6] || (pe[6] = (Z) => C.value++)
+                      onClick: pe[6] || (pe[6] = (ee) => C.value++)
                     }, f(x(e)("Next")), 11, Goe)
                   ])) : A("", !0)
                 ])
@@ -37921,18 +37922,18 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
         isLoading: n.value,
         firstButtonText: De.value,
         secondButtonText: ye.value ?? void 0,
-        thirdButtonText: te.value ?? void 0,
+        thirdButtonText: X.value ?? void 0,
         onFirstModalButtonFunctionDynamicModalBuilder: pe[7] || (pe[7] = () => {
-          var Z;
-          return (Z = we.value) == null ? void 0 : Z.call(we);
+          var ee;
+          return (ee = we.value) == null ? void 0 : ee.call(we);
         }),
         onSecondModalButtonFunctionDynamicModalBuilder: pe[8] || (pe[8] = () => {
-          var Z;
-          return (Z = Ne.value) == null ? void 0 : Z.call(Ne);
+          var ee;
+          return (ee = Ne.value) == null ? void 0 : ee.call(Ne);
         }),
         onThirdModalButtonFunctionDynamicModalBuilder: pe[9] || (pe[9] = () => {
-          var Z;
-          return (Z = tt.value) == null ? void 0 : Z.call(tt);
+          var ee;
+          return (ee = et.value) == null ? void 0 : ee.call(et);
         })
       }, {
         default: Y(() => [...pe[12] || (pe[12] = [
@@ -38078,16 +38079,16 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
     const e = o, t = Ye(), { closeMediaLibraryModal: r, closeProductLibraryModal: i } = NR(), { translate: n } = ke(), { showToast: a } = gt(), s = ri("CustomMediaComponent", null), l = S(!1), d = S(""), c = S(/* @__PURE__ */ new Map()), u = S([]), b = S("grid-4"), m = S(2), g = S("classic"), h = S("minimal"), v = S(!0), k = S(!0), M = S("button"), T = S(!0), C = S(!1), E = S(!1), $ = S(!1), P = S(!1), F = S(null);
     let j = null;
     const B = S(!1), I = S(""), N = S(""), z = S(""), H = S(null), L = S(null), q = S(null), ie = S(/* @__PURE__ */ new Map()), ze = kR, De = CR, ye = TR;
-    function te(ne) {
+    function X(ne) {
       return ne.__pbxSelectionKey != null ? ne.__pbxSelectionKey : ne.id != null ? ne.id : ne.title != null ? ne.title : ne;
     }
     const we = _(() => {
-      const ne = d.value.trim().toLowerCase(), X = ne ? e.products.filter((xe) => [xe.title, xe.description, xe.sku, xe.badge].filter(Boolean).join(" ").toLowerCase().includes(ne)) : e.products, G = /* @__PURE__ */ new Set();
-      return X.filter((xe) => {
-        const Ie = te(xe);
+      const ne = d.value.trim().toLowerCase(), Z = ne ? e.products.filter((xe) => [xe.title, xe.description, xe.sku, xe.badge].filter(Boolean).join(" ").toLowerCase().includes(ne)) : e.products, G = /* @__PURE__ */ new Set();
+      return Z.filter((xe) => {
+        const Ie = X(xe);
         return G.has(Ie) ? !1 : (G.add(Ie), !0);
       });
-    }), Ne = _(() => u.value), tt = _(
+    }), Ne = _(() => u.value), et = _(
       () => ze.find((ne) => ne.value === b.value) ?? ze[0]
     ), Lt = _(
       () => De.find((ne) => ne.value === g.value) ?? De[0]
@@ -38110,94 +38111,94 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
       return P.value ? !1 : !ut(ne.url);
     }
     const ue = _(() => Ne.value.length ? Ne.value.every((ne) => !(ot(ne) || be(ne) || yt(ne) || vt(ne))) : !1), pe = S(!1);
-    async function Z() {
+    async function ee() {
       if (pe.value = !0, await Rn(400), !u.value.length) return;
       const ne = u.value.map((G) => {
         const xe = { ...G };
         return ot(xe) && (xe.title = "Sample product title"), !P.value && be(xe) && (xe.url = "https://www.google.com"), !C.value && yt(xe) && (xe.price = "99.00"), !$.value && !P.value && vt(xe) && (xe.buttonText = "View product"), pe.value = !1, xe;
       });
       u.value = ne;
-      const X = new Map(c.value);
+      const Z = new Map(c.value);
       ne.forEach((G) => {
-        X.set(te(G), G);
-      }), c.value = X, a(n("Missing required fields filled"), "success");
+        Z.set(X(G), G);
+      }), c.value = Z, a(n("Missing required fields filled"), "success");
     }
     function J(ne) {
-      const X = te(ne), G = new Map(c.value);
-      if (G.has(X))
-        G.delete(X), u.value = u.value.filter((xe) => te(xe) !== X);
+      const Z = X(ne), G = new Map(c.value);
+      if (G.has(Z))
+        G.delete(Z), u.value = u.value.filter((xe) => X(xe) !== Z);
       else {
-        const xe = { ...ne }, Ie = ie.value.get(X);
-        Ie && (xe.image = Ie), xe.__pbxSelectionKey = X, G.set(X, xe), u.value = [...u.value, xe];
+        const xe = { ...ne }, Ie = ie.value.get(Z);
+        Ie && (xe.image = Ie), xe.__pbxSelectionKey = Z, G.set(Z, xe), u.value = [...u.value, xe];
       }
       c.value = G;
     }
     function oe(ne) {
-      const X = te(ne), G = c.value.get(X);
+      const Z = X(ne), G = c.value.get(Z);
       if (G != null && G.image)
         return G.image;
-      const xe = ie.value.get(X);
+      const xe = ie.value.get(Z);
       return xe || ne.image;
     }
     function fe(ne) {
-      q.value = te(ne), B.value = !0, I.value = n("Media Library"), N.value = null, z.value = n("Close"), H.value = n("Select image"), L.value = null;
+      q.value = X(ne), B.value = !0, I.value = n("Media Library"), N.value = null, z.value = n("Close"), H.value = n("Select image"), L.value = null;
     }
     function $e() {
       B.value = !1, q.value = null, r();
     }
     function lt(ne) {
-      const X = q.value, G = typeof ne == "string" ? ne : ne == null ? void 0 : ne.src;
-      if (!X || !G) return;
+      const Z = q.value, G = typeof ne == "string" ? ne : ne == null ? void 0 : ne.src;
+      if (!Z || !G) return;
       const xe = new Map(ie.value);
-      xe.set(X, G), ie.value = xe;
-      const Ie = c.value.get(X);
+      xe.set(Z, G), ie.value = xe;
+      const Ie = c.value.get(Z);
       if (Ie) {
         const bt = { ...Ie, image: G }, $o = new Map(c.value);
-        $o.set(X, bt), c.value = $o, u.value = u.value.map(
-          (ar) => te(ar) === X ? bt : ar
+        $o.set(Z, bt), c.value = $o, u.value = u.value.map(
+          (ar) => X(ar) === Z ? bt : ar
         );
       }
       $e();
     }
     function Ve(ne) {
-      return c.value.has(te(ne));
+      return c.value.has(X(ne));
     }
     function It(ne) {
-      const X = te(ne), G = new Map(c.value);
-      G.delete(X), c.value = G, u.value = u.value.filter((xe) => te(xe) !== X);
+      const Z = X(ne), G = new Map(c.value);
+      G.delete(Z), c.value = G, u.value = u.value.filter((xe) => X(xe) !== Z);
     }
     function wt(ne) {
       if (ne === 0) return;
-      const X = [...u.value];
-      [X[ne - 1], X[ne]] = [X[ne], X[ne - 1]], u.value = X, gi(X[ne - 1]);
+      const Z = [...u.value];
+      [Z[ne - 1], Z[ne]] = [Z[ne], Z[ne - 1]], u.value = Z, gi(Z[ne - 1]);
     }
     function rt(ne) {
       if (ne === u.value.length - 1) return;
-      const X = [...u.value];
-      [X[ne], X[ne + 1]] = [X[ne + 1], X[ne]], u.value = X, gi(X[ne + 1]);
+      const Z = [...u.value];
+      [Z[ne], Z[ne + 1]] = [Z[ne + 1], Z[ne]], u.value = Z, gi(Z[ne + 1]);
     }
     function gi(ne) {
-      F.value = te(ne), j && clearTimeout(j), j = setTimeout(() => {
+      F.value = X(ne), j && clearTimeout(j), j = setTimeout(() => {
         F.value = null, j = null;
       }, 500);
     }
     function tn(ne) {
-      return F.value === te(ne);
+      return F.value === X(ne);
     }
     function go(ne) {
       return ne.target.value;
     }
-    function _o(ne, X, G) {
-      const xe = u.value.findIndex((ar) => te(ar) === ne);
+    function _o(ne, Z, G) {
+      const xe = u.value.findIndex((ar) => X(ar) === ne);
       if (xe === -1) return;
       const Ie = [...u.value], bt = { ...Ie[xe] };
-      X === "title" ? bt.title = G : X === "description" ? bt.description = G : G.trim().length ? bt[X] = G : delete bt[X], Ie[xe] = bt, u.value = Ie;
+      Z === "title" ? bt.title = G : Z === "description" ? bt.description = G : G.trim().length ? bt[Z] = G : delete bt[Z], Ie[xe] = bt, u.value = Ie;
       const $o = new Map(c.value);
       $o.set(ne, bt), c.value = $o;
     }
     function Vo(ne) {
-      const X = { ...ne };
-      return delete X.__pbxSelectionKey, X;
+      const Z = { ...ne };
+      return delete Z.__pbxSelectionKey, Z;
     }
     ir(() => {
       j && clearTimeout(j);
@@ -38218,7 +38219,7 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
     ]);
     function xi(ne) {
       return Object.entries(ne).filter(
-        ([X, G]) => !$r.has(X) && G != null && G !== ""
+        ([Z, G]) => !$r.has(Z) && G != null && G !== ""
       );
     }
     async function Zn() {
@@ -38250,10 +38251,10 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
         l.value = !1;
       }
     }
-    return (ne, X) => (y(), w("div", null, [
+    return (ne, Z) => (y(), w("div", null, [
       p("div", null, [
         o.showSampleCatalogBanner ? (y(), w("div", ere, [
-          X[14] || (X[14] = p("span", { class: "pbx-productSampleCatalogBannerIcon" }, [
+          Z[14] || (Z[14] = p("span", { class: "pbx-productSampleCatalogBannerIcon" }, [
             p("span", {
               class: "material-symbols-outlined",
               "aria-hidden": "true"
@@ -38264,14 +38265,14 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
           ])
         ])) : A("", !0),
         p("form", {
-          onSubmit: X[1] || (X[1] = Te(() => {
+          onSubmit: Z[1] || (Z[1] = Te(() => {
           }, ["prevent"]))
         }, [
           p("div", rre, [
             p("div", ire, [
               p("label", nre, f(x(n)("Search products")), 1),
               Re(p("input", {
-                "onUpdate:modelValue": X[0] || (X[0] = (G) => d.value = G),
+                "onUpdate:modelValue": Z[0] || (Z[0] = (G) => d.value = G),
                 type: "search",
                 id: "search-products",
                 class: "pbx-myPrimarySearchInput pbx-w-full pbx-pl-10 pbx-border-0",
@@ -38280,7 +38281,7 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
               }, null, 8, are), [
                 [qo, d.value]
               ]),
-              X[15] || (X[15] = p("div", { class: "pbx-flex pbx-absolute pbx-inset-y-0 pbx-left-0 pbx-items-center pbx-pl-3 pbx-pointer-events-none" }, [
+              Z[15] || (Z[15] = 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))
             ]),
@@ -38290,29 +38291,29 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
         p("div", lre, [
           O(IR, {
             layout: b.value,
-            "onUpdate:layout": X[2] || (X[2] = (G) => b.value = G),
+            "onUpdate:layout": Z[2] || (Z[2] = (G) => b.value = G),
             "mobile-columns": m.value,
-            "onUpdate:mobileColumns": X[3] || (X[3] = (G) => m.value = G),
+            "onUpdate:mobileColumns": Z[3] || (Z[3] = (G) => m.value = G),
             "card-design": g.value,
-            "onUpdate:cardDesign": X[4] || (X[4] = (G) => g.value = G),
+            "onUpdate:cardDesign": Z[4] || (Z[4] = (G) => g.value = G),
             "card-style": h.value,
-            "onUpdate:cardStyle": X[5] || (X[5] = (G) => h.value = G),
+            "onUpdate:cardStyle": Z[5] || (Z[5] = (G) => h.value = G),
             "rounded-images": v.value,
-            "onUpdate:roundedImages": X[6] || (X[6] = (G) => v.value = G),
+            "onUpdate:roundedImages": Z[6] || (Z[6] = (G) => v.value = G),
             "open-in-new-tab": k.value,
-            "onUpdate:openInNewTab": X[7] || (X[7] = (G) => k.value = G),
+            "onUpdate:openInNewTab": Z[7] || (Z[7] = (G) => k.value = G),
             "button-style": M.value,
-            "onUpdate:buttonStyle": X[8] || (X[8] = (G) => M.value = G),
+            "onUpdate:buttonStyle": Z[8] || (Z[8] = (G) => M.value = G),
             "rounded-buttons": T.value,
-            "onUpdate:roundedButtons": X[9] || (X[9] = (G) => T.value = G),
+            "onUpdate:roundedButtons": Z[9] || (Z[9] = (G) => T.value = G),
             "hide-price": C.value,
-            "onUpdate:hidePrice": X[10] || (X[10] = (G) => C.value = G),
+            "onUpdate:hidePrice": Z[10] || (Z[10] = (G) => C.value = G),
             "hide-image": E.value,
-            "onUpdate:hideImage": X[11] || (X[11] = (G) => E.value = G),
+            "onUpdate:hideImage": Z[11] || (Z[11] = (G) => E.value = G),
             "hide-button": $.value,
-            "onUpdate:hideButton": X[12] || (X[12] = (G) => $.value = G),
+            "onUpdate:hideButton": Z[12] || (Z[12] = (G) => $.value = G),
             "hide-links": P.value,
-            "onUpdate:hideLinks": X[13] || (X[13] = (G) => P.value = G),
+            "onUpdate:hideLinks": Z[13] || (Z[13] = (G) => P.value = G),
             "show-hide-links-toggle": !0,
             "has-product-prices": !0,
             "has-product-images": !0,
@@ -38327,7 +38328,7 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
               p("div", cre, [
                 we.value.length ? (y(), w("div", ure, [
                   (y(!0), w(le, null, Se(we.value, (G) => (y(), w("button", {
-                    key: String(te(G)),
+                    key: String(X(G)),
                     type: "button",
                     class: U([
                       "pbx-group pbx-text-left pbx-relative pbx-overflow-hidden pbx-rounded-2xl pbx-border pbx-p-3 pbx-transition-all pbx-duration-150",
@@ -38389,8 +38390,8 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
                       ], 2),
                       p("div", Hre, [
                         p("span", Dre, f(x(n)("Grid layout")), 1),
-                        p("p", zre, f(x(n)(tt.value.labelKey)), 1),
-                        p("p", Ore, f(b.value !== "grid-1" && m.value === 2 ? x(n)("Two products per row") : x(n)(tt.value.hintKey)), 1)
+                        p("p", zre, f(x(n)(et.value.labelKey)), 1),
+                        p("p", Ore, f(b.value !== "grid-1" && m.value === 2 ? x(n)("Two products per row") : x(n)(et.value.hintKey)), 1)
                       ]),
                       k.value ? (y(), w("div", Rre, [
                         p("span", Nre, f(x(n)("Open in new tab")), 1),
@@ -38423,7 +38424,7 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
                 p("div", rie, [
                   p("button", {
                     type: "button",
-                    onClick: Z,
+                    onClick: ee,
                     class: "myPrimaryParagraph pbx-text-xs pbx-flex pbx-items-center pbx-gap-2"
                   }, [
                     p("span", null, f(x(n)("Fill missing required fields")), 1),
@@ -38439,7 +38440,7 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
               }, {
                 default: Y(() => [
                   (y(!0), w(le, null, Se(Ne.value, (G, xe) => (y(), w("div", {
-                    key: String(te(G)),
+                    key: String(X(G)),
                     class: "pbx-modalSidebarSelectedItem"
                   }, [
                     p("div", aie, [
@@ -38459,7 +38460,7 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
                             disabled: xe === 0,
                             "aria-label": x(n)("Move up"),
                             onClick: Te((Ie) => wt(xe), ["stop"])
-                          }, [...X[16] || (X[16] = [
+                          }, [...Z[16] || (Z[16] = [
                             p("span", {
                               class: "material-symbols-outlined",
                               style: { "font-size": "14px" }
@@ -38471,7 +38472,7 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
                             disabled: xe === Ne.value.length - 1,
                             "aria-label": x(n)("Move down"),
                             onClick: Te((Ie) => rt(xe), ["stop"])
-                          }, [...X[17] || (X[17] = [
+                          }, [...Z[17] || (Z[17] = [
                             p("span", {
                               class: "material-symbols-outlined",
                               style: { "font-size": "14px" }
@@ -38484,7 +38485,7 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
                           "aria-label": x(n)("Remove"),
                           title: x(n)("Remove"),
                           onClick: Te((Ie) => It(G), ["stop"])
-                        }, [...X[18] || (X[18] = [
+                        }, [...Z[18] || (Z[18] = [
                           p("span", { class: "material-symbols-outlined pbx-materialIconLg" }, "close", -1)
                         ])], 8, bie)
                       ])
@@ -38508,7 +38509,7 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
                               type: "text",
                               value: G.title || "",
                               placeholder: x(n)("Title"),
-                              onInput: (Ie) => _o(te(G), "title", go(Ie))
+                              onInput: (Ie) => _o(X(G), "title", go(Ie))
                             }, null, 40, yie),
                             p("div", vie, [
                               ot(G) ? (y(), w("p", wie, f(x(n)("Title is required")), 1)) : A("", !0)
@@ -38526,7 +38527,7 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
                               value: G.description || "",
                               placeholder: x(n)("Description"),
                               onInput: (Ie) => _o(
-                                te(G),
+                                X(G),
                                 "description",
                                 go(Ie)
                               )
@@ -38543,7 +38544,7 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
                               type: "url",
                               value: G.url || "",
                               placeholder: x(n)("Link"),
-                              onInput: (Ie) => _o(te(G), "url", go(Ie))
+                              onInput: (Ie) => _o(X(G), "url", go(Ie))
                             }, null, 40, Mie),
                             p("div", Lie, [
                               be(G) ? (y(), w("p", Aie, f(x(n)("Link is required")), 1)) : A("", !0)
@@ -38560,7 +38561,7 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
                               type: "text",
                               value: G.price != null ? String(G.price) : "",
                               placeholder: x(n)("New price"),
-                              onInput: (Ie) => _o(te(G), "price", go(Ie))
+                              onInput: (Ie) => _o(X(G), "price", go(Ie))
                             }, null, 40, $ie),
                             p("div", Bie, [
                               yt(G) ? (y(), w("p", Iie, f(x(n)("New price is required")), 1)) : A("", !0)
@@ -38578,7 +38579,7 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
                               value: G.compareAtPrice != null ? String(G.compareAtPrice) : "",
                               placeholder: x(n)("Old price"),
                               onInput: (Ie) => _o(
-                                te(G),
+                                X(G),
                                 "compareAtPrice",
                                 go(Ie)
                               )
@@ -38595,7 +38596,7 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
                               type: "text",
                               value: G.badge || "",
                               placeholder: x(n)("Tag"),
-                              onInput: (Ie) => _o(te(G), "badge", go(Ie))
+                              onInput: (Ie) => _o(X(G), "badge", go(Ie))
                             }, null, 40, Nie)
                           ]),
                           $.value ? A("", !0) : (y(), w("div", Fie, [
@@ -38610,7 +38611,7 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
                               value: G.buttonText || "",
                               placeholder: x(n)("Button text"),
                               onInput: (Ie) => _o(
-                                te(G),
+                                X(G),
                                 "buttonText",
                                 go(Ie)
                               )
@@ -38630,7 +38631,7 @@ const Vte = /* @__PURE__ */ nr(Fte, [["render", qte]]), Ute = ["srcdoc"], Np = 2
           ])
         ]),
         p("div", Wie, [
-          X[19] || (X[19] = p("button", { class: "pbx-sr-only" }, "Focusable fallback", -1)),
+          Z[19] || (Z[19] = p("button", { class: "pbx-sr-only" }, "Focusable fallback", -1)),
           p("div", Gie, [
             p("button", {
               type: "button",
@@ -41338,7 +41339,7 @@ const Gne = { class: "pbx-editorFieldGroup" }, Kne = { class: "pbx-editorFieldGr
   }
 }), Xr = function(o) {
   return !o || typeof o == "object" && o.constructor === Object && Object.keys(o).length === 0;
-}, vle = "3.5.68", wle = (o) => /^[a-z][a-z0-9+.-]*:/i.test(o) || o.startsWith("//");
+}, vle = "3.5.69", wle = (o) => /^[a-z][a-z0-9+.-]*:/i.test(o) || o.startsWith("//");
 function Sle(o) {
   o.querySelectorAll("[data-isl]").forEach((e) => {
     e.removeAttribute("data-isl-active");
@@ -45268,12 +45269,12 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
     });
     const we = S("en");
     let Ne = !0;
-    const tt = S(!1);
+    const et = S(!1);
     de(we, async (V) => {
       if (V && !Ne) {
-        tt.value = !0, await mt(200), await v(V), t.changeLanguage(V);
+        et.value = !0, await mt(200), await v(V), t.changeLanguage(V);
         const D = JSON.parse(localStorage.getItem("userSettingsPageBuilder") ?? "{}") || {};
-        D.lang = V, localStorage.setItem("userSettingsPageBuilder", JSON.stringify(D)), tt.value = !1;
+        D.lang = V, localStorage.setItem("userSettingsPageBuilder", JSON.stringify(D)), et.value = !1;
       }
     });
     const Lt = _(() => T.getBuilderStarted), Pe = _(() => T.getPageBuilderConfig), ut = /* @__PURE__ */ new Set([
@@ -45295,8 +45296,8 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
       const V = (oo = Pe.value) == null ? void 0 : oo.userSettings, D = T.getToggleGlobalHtmlMode, he = T.getFontFamily;
       if (D && he && he !== "none")
         return he;
-      const ee = document.getElementById("pagebuilder"), Ke = ee ? ju(ee, V) : void 0;
-      return Ke && zc(ee, V, {
+      const te = document.getElementById("pagebuilder"), Ke = te ? ju(te, V) : void 0;
+      return Ke && zc(te, V, {
         globalPageDesignMode: D,
         selectedFontClass: he
       }) ? Ke : yt.value;
@@ -45314,7 +45315,7 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
       }
     ), pe = _(() => {
       var Ke, oo, hn, br;
-      const V = (Ke = Z.value) == null ? void 0 : Ke.classes;
+      const V = (Ke = ee.value) == null ? void 0 : Ke.classes;
       if (typeof V == "string" && V.trim().length > 0) {
         const zo = V.split(/\s+/).filter(Boolean), Oo = Cd(
           (oo = Pe.value) == null ? void 0 : oo.userSettings
@@ -45326,8 +45327,8 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
       if (be.value) return {};
       const D = (br = (hn = Pe.value) == null ? void 0 : hn.userSettings) == null ? void 0 : br.elementFonts;
       if (!D) return {};
-      const he = {}, ee = ["h1", "h2", "h3", "h4", "h5", "h6", "p"];
-      for (const zo of ee) {
+      const he = {}, te = ["h1", "h2", "h3", "h4", "h5", "h6", "p"];
+      for (const zo of te) {
         const Oo = D[zo];
         if (Oo) {
           const fn = Oc(Oo);
@@ -45335,23 +45336,23 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
         }
       }
       return he;
-    }), Z = _(() => {
+    }), ee = _(() => {
       var V;
       return (V = Pe.value) == null ? void 0 : V.pageSettings;
     }), J = _(() => {
       var D;
-      const V = (D = Z.value) == null ? void 0 : D.classes;
+      const V = (D = ee.value) == null ? void 0 : D.classes;
       return !V || typeof V != "string" ? "" : V;
     }), oe = _(() => {
-      var ee;
+      var te;
       const V = J.value;
       if (!V) return !1;
-      const D = V.split(/\s+/).filter(Boolean), he = Cd((ee = Pe.value) == null ? void 0 : ee.userSettings);
+      const D = V.split(/\s+/).filter(Boolean), he = Cd((te = Pe.value) == null ? void 0 : te.userSettings);
       return D.some((Ke) => ot(Ke, he));
     }), fe = _(() => oe.value ? "" : vt.value), $e = _(() => {
       var D;
-      const V = (D = Z.value) == null ? void 0 : D.style;
-      return V ? typeof V == "string" ? V : Object.entries(V).map(([he, ee]) => `${he.replace(/([A-Z])/g, "-$1").toLowerCase()}: ${ee};`).join(" ") : "";
+      const V = (D = ee.value) == null ? void 0 : D.style;
+      return V ? typeof V == "string" ? V : Object.entries(V).map(([he, te]) => `${he.replace(/([A-Z])/g, "-$1").toLowerCase()}: ${te};`).join(" ") : "";
     });
     de(
       () => {
@@ -45382,16 +45383,16 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
       rt.value = h("Mobile"), await xi(), Vo.value = !0;
     }, ne = async function() {
       gi.value = h("Tablet preview"), await xi(), $r.value = !0;
-    }, X = S(!1), G = S(null), xe = S(null), Ie = S({
+    }, Z = S(!1), G = S(null), xe = S(null), Ie = S({
       top: "0px",
       left: "0px",
       width: `${al}px`
     }), bt = () => {
       const V = G.value;
       if (!V) return;
-      const D = V.getBoundingClientRect(), he = 8, ee = D.left + D.width / 2 - al / 2, Ke = Math.max(
+      const D = V.getBoundingClientRect(), he = 8, te = D.left + D.width / 2 - al / 2, Ke = Math.max(
         he,
-        Math.min(ee, window.innerWidth - al - he)
+        Math.min(te, window.innerWidth - al - he)
       );
       Ie.value = {
         top: `${Math.round(D.bottom + 8)}px`,
@@ -45400,15 +45401,15 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
       };
     }, $o = (V) => {
       var D, he;
-      X.value && V.target instanceof Node && ((D = G.value) != null && D.contains(V.target) || (he = xe.value) != null && he.contains(V.target) || (X.value = !1));
+      Z.value && V.target instanceof Node && ((D = G.value) != null && D.contains(V.target) || (he = xe.value) != null && he.contains(V.target) || (Z.value = !1));
     }, ar = async () => {
-      X.value = !1, T.setMenuRight(!1), T.setElement(null), await t.clearHtmlSelection(), await _o();
+      Z.value = !1, T.setMenuRight(!1), T.setElement(null), await t.clearHtmlSelection(), await _o();
     }, As = async () => {
-      X.value = !1, T.setMenuRight(!1), T.setElement(null), await t.clearHtmlSelection(), await Zn();
+      Z.value = !1, T.setMenuRight(!1), T.setElement(null), await t.clearHtmlSelection(), await Zn();
     }, xo = async () => {
-      X.value = !1, T.setMenuRight(!1), T.setElement(null), await t.clearHtmlSelection(), await ne();
+      Z.value = !1, T.setMenuRight(!1), T.setElement(null), await t.clearHtmlSelection(), await ne();
     };
-    de(X, (V) => {
+    de(Z, (V) => {
       if (V) {
         ce(() => bt()), document.addEventListener("pointerdown", $o), window.addEventListener("resize", bt), window.addEventListener("scroll", bt, !0);
         return;
@@ -45457,8 +45458,8 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
       await t.openInlineTipTapFromEvent(V);
     }, yi = function(V) {
       if (!T.getInlineTipTapEditor || !(V.target instanceof Node)) return;
-      const D = document.querySelector("#pagebuilder [data-pbx-inline-tiptap]"), he = D == null ? void 0 : D.querySelector(".ProseMirror"), ee = V.target instanceof Element ? V.target.closest("[data-pbx-inline-editor-ui]") : null, Ke = V.target instanceof Element ? V.target.closest("#pbx-modal") : null;
-      if (he != null && he.contains(V.target) || ee || Ke || pR(V.target)) return;
+      const D = document.querySelector("#pagebuilder [data-pbx-inline-tiptap]"), he = D == null ? void 0 : D.querySelector(".ProseMirror"), te = V.target instanceof Element ? V.target.closest("[data-pbx-inline-editor-ui]") : null, Ke = V.target instanceof Element ? V.target.closest("#pbx-modal") : null;
+      if (he != null && he.contains(V.target) || te || Ke || pR(V.target)) return;
       const oo = t.findEditableElementFromEventTarget(V.target);
       V.preventDefault(), V.stopPropagation(), V.stopImmediatePropagation(), t.finishActiveInlineTipTapEditorFromDom(oo);
     }, oa = _(() => T.getIsLoadingGlobal), ra = _(() => T.getIsSaving), Ht = S(null), Ir = S(null), pn = _(() => T.getIsLoadingResumeEditing), lr = _(() => T.getIsRestoring), vi = S(!1), Go = S(!1), _s = S(1), $s = S(""), wi = S(!1), Bs = S(""), ia = S(""), cn = S(""), Hr = S(null), dr = S(null), eo = S(null), Si = S(null), un = S(null), tp = async function() {
@@ -45496,7 +45497,7 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
     Vxe({
       canUndo: () => T.getHistoryIndex > 0,
       canRedo: () => T.getHistoryIndex < T.getHistoryLength - 1,
-      isBlocked: () => oa.value || tt.value || T.getInlineTipTapEditor || Bo.value || Br.value || F.value || wi.value || pr.value || s.value || r.value || It.value || Vo.value || $r.value || Or.value,
+      isBlocked: () => oa.value || et.value || T.getInlineTipTapEditor || Bo.value || Br.value || F.value || wi.value || pr.value || s.value || r.value || It.value || Vo.value || $r.value || Or.value,
       onUndo: async () => {
         var V;
         await ((V = Ht.value) == null ? void 0 : V.handleUndo());
@@ -45542,8 +45543,8 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
       const he = V.querySelector(".pbx-select-none > .pbx-flex");
       if (!he) return;
       he.style.flexWrap = "nowrap", he.style.removeProperty("max-width"), he.style.width = "max-content", he.getBoundingClientRect();
-      const ee = Math.ceil(he.getBoundingClientRect().width);
-      he.style.flexWrap = "wrap", ee > 0 && (he.style.width = `${Math.min(ee, D)}px`), he.style.justifyContent = "center", he.style.removeProperty("max-width");
+      const te = Math.ceil(he.getBoundingClientRect().width);
+      he.style.flexWrap = "wrap", te > 0 && (he.style.width = `${Math.min(te, D)}px`), he.style.justifyContent = "center", he.style.removeProperty("max-width");
     }
     const ur = function() {
       Q.value = !Q.value, Nr();
@@ -45551,13 +45552,13 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
     function Rr(V) {
       const D = document.querySelector("#pbxEditToolbar");
       let he = !1;
-      for (const ee of V) {
-        if (ee.type === "attributes" && ee.attributeName === "selected") {
+      for (const te of V) {
+        if (te.type === "attributes" && te.attributeName === "selected") {
           he = !0;
           break;
         }
         if (!D) continue;
-        const Ke = ee.target;
+        const Ke = te.target;
         if (Ke instanceof Node && (D === Ke || D.contains(Ke))) {
           he = !0;
           break;
@@ -45566,25 +45567,25 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
       he ? Me() : Pi();
     }
     function xn(V = {}) {
-      const D = V.remeasureWidth ?? !0, he = K.value, ee = he && he.querySelector("#pbxEditToolbar");
-      if (!he || !ee) return;
+      const D = V.remeasureWidth ?? !0, he = K.value, te = he && he.querySelector("#pbxEditToolbar");
+      if (!he || !te) return;
       const Ke = he.querySelector("[selected]");
       if (Ke && typeof Ke.getBoundingClientRect == "function") {
         const br = (Ke.closest("[data-pb-no-select]") || Ke).getBoundingClientRect(), zo = he.getBoundingClientRect(), Oo = 20, fn = he.offsetWidth - Oo * 2;
-        ee.style.maxWidth = `${fn}px`, ee.style.position = Q.value ? "fixed" : "absolute", ee.classList.add("is-visible"), D && (ee.style.removeProperty("width"), Do(ee, fn), ee.getBoundingClientRect());
-        let Hs = br.top - zo.top + he.scrollTop - ee.offsetHeight - 20, yn = br.left - zo.left + br.width / 2 - ee.offsetWidth / 2;
-        Q.value ? (Hs = zo.top + Oo, yn = zo.left + he.offsetWidth / 2 - ee.offsetWidth / 2, yn = Math.max(
+        te.style.maxWidth = `${fn}px`, te.style.position = Q.value ? "fixed" : "absolute", te.classList.add("is-visible"), D && (te.style.removeProperty("width"), Do(te, fn), te.getBoundingClientRect());
+        let Hs = br.top - zo.top + he.scrollTop - te.offsetHeight - 20, yn = br.left - zo.left + br.width / 2 - te.offsetWidth / 2;
+        Q.value ? (Hs = zo.top + Oo, yn = zo.left + he.offsetWidth / 2 - te.offsetWidth / 2, yn = Math.max(
           zo.left + Oo,
           Math.min(
             yn,
-            zo.left + he.offsetWidth - ee.offsetWidth - Oo
+            zo.left + he.offsetWidth - te.offsetWidth - Oo
           )
         )) : (Hs = Math.max(0, Hs), yn = Math.max(
           Oo,
-          Math.min(yn, he.offsetWidth - ee.offsetWidth - Oo)
-        )), ee.style.top = `${Hs}px`, ee.style.left = `${yn}px`, window.dispatchEvent(new CustomEvent("pagebuilder:toolbar-positioned"));
+          Math.min(yn, he.offsetWidth - te.offsetWidth - Oo)
+        )), te.style.top = `${Hs}px`, te.style.left = `${yn}px`, window.dispatchEvent(new CustomEvent("pagebuilder:toolbar-positioned"));
       } else
-        ee.classList.remove("is-visible"), ee.removeAttribute("style");
+        te.classList.remove("is-visible"), te.removeAttribute("style");
     }
     const Nr = function() {
       xn({ remeasureWidth: !0 }), requestAnimationFrame(() => xn({ remeasureWidth: !0 }));
@@ -45617,7 +45618,7 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
         oa,
         pn,
         lr,
-        tt,
+        et,
         Uo
       ],
       () => {
@@ -45629,7 +45630,7 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
     }, to = function() {
       Me(), St();
     }, Mi = JSON.parse(localStorage.getItem("userSettingsPageBuilder") ?? "null"), yo = function() {
-      vi.value = Go.value || oa.value && !Uo.value || tt.value || pn.value || lr.value;
+      vi.value = Go.value || oa.value && !Uo.value || et.value || pn.value || lr.value;
     };
     return Ar(async () => {
       const V = t.shouldCompleteBuilderMountOnMount(
@@ -45651,7 +45652,7 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
       }), D.addEventListener("scroll", Yo, { passive: !0 }), window.addEventListener("scroll", Pi, { passive: !0 }), window.addEventListener("resize", to), window.addEventListener("pagebuilder:layout-change", jt), document.addEventListener("pointerdown", yi, !0), await mt(1e4), sa(), await mt(1e4), sa(), await mt(1e4), sa());
     }), ir(() => {
       var V;
-      X.value = !1, document.removeEventListener("pointerdown", $o), window.removeEventListener("resize", bt), window.removeEventListener("scroll", bt, !0), t.flushPendingEditsToLocalStorage(), t.markCanvasUnmountedForNextMount(), cancelAnimationFrame(Oe), Ge == null || Ge.disconnect(), Ge = null, (V = K.value) == null || V.removeEventListener("scroll", Yo), window.removeEventListener("scroll", Pi), window.removeEventListener("resize", to), window.removeEventListener("pagebuilder:layout-change", jt), document.removeEventListener("pointerdown", yi, !0), cN();
+      Z.value = !1, document.removeEventListener("pointerdown", $o), window.removeEventListener("resize", bt), window.removeEventListener("scroll", bt, !0), t.flushPendingEditsToLocalStorage(), t.markCanvasUnmountedForNextMount(), cancelAnimationFrame(Oe), Ge == null || Ge.disconnect(), Ge = null, (V = K.value) == null || V.removeEventListener("scroll", Yo), window.removeEventListener("scroll", Pi), window.removeEventListener("resize", to), window.removeEventListener("pagebuilder:layout-change", jt), document.removeEventListener("pointerdown", yi, !0), cN();
     }), (V, D) => {
       var he;
       return y(), w(le, null, [
@@ -45683,8 +45684,8 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
             title: hi.value,
             CustomBuilderComponents: g.CustomBuilderComponents,
             onFirstModalButtonSearchComponentsFunction: D[0] || (D[0] = () => {
-              var ee;
-              return (ee = ho.value) == null ? void 0 : ee.call(ho);
+              var te;
+              return (te = ho.value) == null ? void 0 : te.call(ho);
             })
           }, null, 8, ["show", "firstButtonText", "title", "CustomBuilderComponents"])) : A("", !0),
           C.value && Br.value ? (y(), me(one, {
@@ -45705,16 +45706,16 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
             secondButtonText: N.value ?? void 0,
             thirdButtonText: z.value ?? void 0,
             onFirstModalButtonFunctionDynamicModalBuilder: D[1] || (D[1] = () => {
-              var ee;
-              return (ee = H.value) == null ? void 0 : ee.call(H);
+              var te;
+              return (te = H.value) == null ? void 0 : te.call(H);
             }),
             onSecondModalButtonFunctionDynamicModalBuilder: D[2] || (D[2] = () => {
-              var ee;
-              return (ee = L.value) == null ? void 0 : ee.call(L);
+              var te;
+              return (te = L.value) == null ? void 0 : te.call(L);
             }),
             onThirdModalButtonFunctionDynamicModalBuilder: D[3] || (D[3] = () => {
-              var ee;
-              return (ee = q.value) == null ? void 0 : ee.call(q);
+              var te;
+              return (te = q.value) == null ? void 0 : te.call(q);
             })
           }, {
             default: Y(() => [...D[37] || (D[37] = [
@@ -45767,16 +45768,16 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
             secondButtonText: Hr.value ?? void 0,
             thirdButtonText: dr.value ?? void 0,
             onFirstModalButtonFunctionDynamicModalBuilder: D[4] || (D[4] = () => {
-              var ee;
-              return (ee = eo.value) == null ? void 0 : ee.call(eo);
+              var te;
+              return (te = eo.value) == null ? void 0 : te.call(eo);
             }),
             onSecondModalButtonFunctionDynamicModalBuilder: D[5] || (D[5] = () => {
-              var ee;
-              return (ee = Si.value) == null ? void 0 : ee.call(Si);
+              var te;
+              return (te = Si.value) == null ? void 0 : te.call(Si);
             }),
             onThirdModalButtonFunctionDynamicModalBuilder: D[6] || (D[6] = () => {
-              var ee;
-              return (ee = un.value) == null ? void 0 : ee.call(un);
+              var te;
+              return (te = un.value) == null ? void 0 : te.call(un);
             })
           }, {
             default: Y(() => [...D[38] || (D[38] = [
@@ -45796,16 +45797,16 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
             secondButtonText: mn.value ?? void 0,
             thirdButtonText: gn.value ?? void 0,
             onFirstModalButtonFunctionDynamicModalBuilder: D[7] || (D[7] = () => {
-              var ee;
-              return (ee = Dr.value) == null ? void 0 : ee.call(Dr);
+              var te;
+              return (te = Dr.value) == null ? void 0 : te.call(Dr);
             }),
             onSecondModalButtonFunctionDynamicModalBuilder: D[8] || (D[8] = () => {
-              var ee;
-              return (ee = Jo.value) == null ? void 0 : ee.call(Jo);
+              var te;
+              return (te = Jo.value) == null ? void 0 : te.call(Jo);
             }),
             onThirdModalButtonFunctionDynamicModalBuilder: D[9] || (D[9] = () => {
-              var ee;
-              return (ee = zr.value) == null ? void 0 : ee.call(zr);
+              var te;
+              return (te = zr.value) == null ? void 0 : te.call(zr);
             })
           }, {
             default: Y(() => [...D[39] || (D[39] = [
@@ -45958,8 +45959,8 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
                   class: "pbx-mySecondaryButton pbx-navbarUtilityButton pbx-h-5 pbx-flex pbx-items-center pbx-justify-center pbx-gap-1.5 pbx-mr-2 pbx-font-sans",
                   "aria-label": x(h)("Preview"),
                   title: x(h)("Preview"),
-                  "aria-expanded": X.value,
-                  onClick: D[15] || (D[15] = (ee) => X.value = !X.value)
+                  "aria-expanded": Z.value,
+                  onClick: D[15] || (D[15] = (te) => Z.value = !Z.value)
                 }, [
                   p("span", ghe, [
                     O(cxe)
@@ -45971,7 +45972,7 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
             (y(), me(ui, { to: "body" }, [
               O(Ui, { name: "popup-fade" }, {
                 default: Y(() => [
-                  X.value ? (y(), w("div", {
+                  Z.value ? (y(), w("div", {
                     key: 0,
                     ref_key: "previewMenuPopoverRef",
                     ref: xe,
@@ -46042,21 +46043,21 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
                   Re(p("select", {
                     id: "pbx-lang",
                     class: "pbx-myPrimarySelect pbx-min-w-20",
-                    "onUpdate:modelValue": D[23] || (D[23] = (ee) => we.value = ee)
+                    "onUpdate:modelValue": D[23] || (D[23] = (te) => we.value = te)
                   }, [
                     Array.isArray(Pe.value.userSettings.language.enable) && Pe.value.userSettings.language.enable.length >= 1 ? (y(!0), w(le, { key: 0 }, Se(x(t).availableLanguage().filter(
-                      (ee) => {
+                      (te) => {
                         var Ke, oo, hn, br;
-                        return ((br = (hn = (oo = (Ke = Pe.value) == null ? void 0 : Ke.userSettings) == null ? void 0 : oo.language) == null ? void 0 : hn.enable) == null ? void 0 : br.includes(ee)) ?? !1;
+                        return ((br = (hn = (oo = (Ke = Pe.value) == null ? void 0 : Ke.userSettings) == null ? void 0 : oo.language) == null ? void 0 : hn.enable) == null ? void 0 : br.includes(te)) ?? !1;
                       }
-                    ), (ee) => (y(), w("option", {
-                      key: ee,
-                      value: ee
-                    }, f(ee), 9, The))), 128)) : A("", !0),
-                    !Pe.value.userSettings.language.enable || Array.isArray(Pe.value.userSettings.language.enable) && Pe.value.userSettings.language.enable.length === 0 ? (y(!0), w(le, { key: 1 }, Se(x(t).availableLanguage(), (ee) => (y(), w("option", {
-                      key: ee,
-                      value: ee
-                    }, f(ee), 9, Phe))), 128)) : A("", !0)
+                    ), (te) => (y(), w("option", {
+                      key: te,
+                      value: te
+                    }, f(te), 9, The))), 128)) : A("", !0),
+                    !Pe.value.userSettings.language.enable || Array.isArray(Pe.value.userSettings.language.enable) && Pe.value.userSettings.language.enable.length === 0 ? (y(!0), w(le, { key: 1 }, Se(x(t).availableLanguage(), (te) => (y(), w("option", {
+                      key: te,
+                      value: te
+                    }, f(te), 9, Phe))), 128)) : A("", !0)
                   ], 512), [
                     [lo, we.value]
                   ])
@@ -46109,7 +46110,7 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
                 Array.isArray(Ho.value) && Ho.value.length === 0 ? (y(), w("div", _he, [
                   p("div", $he, [
                     p("div", {
-                      onClick: D[25] || (D[25] = (ee) => sn(0)),
+                      onClick: D[25] || (D[25] = (te) => sn(0)),
                       class: "pbx-py-4 pbx-px-4 pbx-my-4 pbx-rounded-full pbx-bg-gray-100 pbx-text-gray-600 pbx-flex pbx-items-center pbx-justify-center hover:pbx-text-white hover:pbx-bg-gray-900 pbx-cursor-pointer"
                     }, [
                       p("div", Bhe, [
@@ -46118,7 +46119,7 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
                     ]),
                     C.value ? (y(), w("div", {
                       key: 0,
-                      onClick: D[26] || (D[26] = (ee) => ln(0)),
+                      onClick: D[26] || (D[26] = (te) => ln(0)),
                       class: "pbx-py-4 pbx-px-4 pbx-my-4 pbx-rounded-full pbx-bg-gray-100 pbx-text-gray-600 pbx-flex pbx-items-center pbx-justify-center hover:pbx-text-white hover:pbx-bg-gray-900 pbx-cursor-pointer"
                     }, [
                       p("div", Hhe, [
@@ -46132,7 +46133,7 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
                   p("div", Ohe, [
                     p("div", Rhe, [
                       p("div", {
-                        onClick: D[27] || (D[27] = (ee) => sn(0)),
+                        onClick: D[27] || (D[27] = (te) => sn(0)),
                         class: "pbx-select-none pbx-addsection-btn pbx-font-sans pbx-rounded-l-full pbx-rounded-r-none pbx-bg-gray-100 pbx-text-gray-600 pbx-z-50 pbx-flex pbx-items-center pbx-justify-center hover:pbx-text-white hover:pbx-bg-gray-900 pbx-cursor-pointer"
                       }, [
                         p("div", Nhe, [
@@ -46142,7 +46143,7 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
                       ]),
                       C.value ? (y(), w("div", {
                         key: 0,
-                        onClick: D[28] || (D[28] = (ee) => ln(0)),
+                        onClick: D[28] || (D[28] = (te) => ln(0)),
                         class: "pbx-select-none pbx-addsection-btn pbx-font-sans pbx-rounded-l-none pbx-bg-gray-100 pbx-text-gray-600 pbx-z-50 pbx-flex pbx-items-center pbx-justify-center hover:pbx-text-white hover:pbx-bg-gray-900 pbx-cursor-pointer pbx-border-l pbx-border-gray-200"
                       }, [
                         p("div", jhe, [
@@ -46153,14 +46154,14 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
                     ])
                   ])
                 ])) : A("", !0),
-                (y(!0), w(le, null, Se(Ho.value, (ee, Ke) => (y(), w(le, {
-                  key: ee.id
+                (y(!0), w(le, null, Se(Ho.value, (te, Ke) => (y(), w(le, {
+                  key: te.id
                 }, [
-                  ee.html_code ? (y(), w("div", {
+                  te.html_code ? (y(), w("div", {
                     key: 0,
                     "data-pagebuilder-content": "",
-                    innerHTML: ee.html_code,
-                    onMouseup: (oo) => fi(ee)
+                    innerHTML: te.html_code,
+                    onMouseup: (oo) => fi(te)
                   }, null, 40, qhe)) : A("", !0),
                   Array.isArray(Ho.value) && Ho.value.length != 0 ? (y(), w("div", Vhe, [
                     p("div", Uhe, [
@@ -46205,15 +46206,15 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
                   ]])
                 }, [
                   O(Nbe, {
-                    onCloseEditor: D[29] || (D[29] = (ee) => x(T).setMenuRight(!1)),
+                    onCloseEditor: D[29] || (D[29] = (te) => x(T).setMenuRight(!1)),
                     onOpenImageSettings: aa,
                     onOpenProductSectionSettings: D[30] || (D[30] = () => {
-                      var ee;
-                      return (ee = Ir.value) == null ? void 0 : ee.openProductSectionSettings();
+                      var te;
+                      return (te = Ir.value) == null ? void 0 : te.openProductSectionSettings();
                     }),
                     onOpenSliderSettings: D[31] || (D[31] = () => {
-                      var ee;
-                      return (ee = Ir.value) == null ? void 0 : ee.openSliderSettings();
+                      var te;
+                      return (te = Ir.value) == null ? void 0 : te.openSliderSettings();
                     })
                   })
                 ], 2)) : (y(), w("div", {
@@ -46237,7 +46238,7 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
                   }, [
                     Ve.value ? A("", !0) : (y(), w("button", {
                       key: 0,
-                      onClick: D[32] || (D[32] = (ee) => x(T).setMenuRight(!0)),
+                      onClick: D[32] || (D[32] = (te) => x(T).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"
                     }, [
@@ -46285,7 +46286,7 @@ const Gxe = ["width", "height"], Kxe = /* @__PURE__ */ se({
           html: x(d),
           "is-loading": x(c),
           error: x(u),
-          "onUpdate:html": D[35] || (D[35] = (ee) => d.value = ee),
+          "onUpdate:html": D[35] || (D[35] = (te) => d.value = te),
           onClose: x(b),
           onSave: x(m)
         }, null, 8, ["show", "title", "html", "is-loading", "error", "onClose", "onSave"]),
@@ -46430,27 +46431,27 @@ function cfe(o, e = {}, t = !1) {
   ].filter(Boolean).join(" "), k = o.id != null ? String(o.id) : "", M = o.title ? kt(o.title) : "", T = o.description ? kt(o.description) : "", C = o.price != null ? kt(String(o.price)) : "", E = o.compareAtPrice != null ? kt(String(o.compareAtPrice)) : "", $ = o.badge ? kt(o.badge) : "", P = o.image ? kt(o.image) : "", F = o.imageAlt ? kt(o.imageAlt) : M || "Product", j = o.url ? kt(o.url) : "", B = j && !m ? ` href="${j}"` : "", I = j ? ` data-pbx-href="${j}"` : "", N = o.buttonText ? kt(o.buttonText) : "";
   let z = "";
   if (P) {
-    const te = `<img class="${n.image} " src="${P}" alt="${F}">`;
-    z = j ? `<div class="${v}"${ll(u)} data-pb-no-inline-text><a${B}${I}${g}>${te}</a></div>` : `<div class="${v}"${ll(u)} data-pb-no-inline-text>${te}</div>`;
+    const X = `<img class="${n.image} " src="${P}" alt="${F}">`;
+    z = j ? `<div class="${v}"${ll(u)} data-pb-no-inline-text><a${B}${I}${g}>${X}</a></div>` : `<div class="${v}"${ll(u)} data-pb-no-inline-text>${X}</div>`;
   }
   const H = $ ? `<div class="${n.badge}"><p>${$}</p></div>` : t ? `<div class="${n.badge} min-h-6"></div>` : "", L = M ? `<div class="${n.title}">${j ? `<p><a${B}${I}${g}>${M}</a></p>` : `<p>${M}</p>`}</div>` : "", q = T ? `<div class="${n.description}"><p>${T}</p></div>` : "", ie = Object.entries(o).filter(
-    ([te, we]) => !dfe.has(te) && we != null && String(we).trim() !== ""
-  ), ze = ie.length ? `<div class="product-card-custom-fields text-sm text-gray-600 pt-1">${ie.map(([te, we]) => `<div class="product-card-custom-field product-card-custom-field-${te.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "")}"><p><strong>${kt(te)}</strong>: ${kt(String(we))}</p></div>`).join("")}</div>` : "";
+    ([X, we]) => !dfe.has(X) && we != null && String(we).trim() !== ""
+  ), ze = ie.length ? `<div class="product-card-custom-fields text-sm text-gray-600 pt-1">${ie.map(([X, we]) => `<div class="product-card-custom-field product-card-custom-field-${X.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "")}"><p><strong>${kt(X)}</strong>: ${kt(String(we))}</p></div>`).join("")}</div>` : "";
   let De = "";
   if (!!(C || E || j && N)) {
-    let te = "";
+    let X = "";
     if (C || E) {
-      const tt = [
+      const et = [
         E ? `<div class="${n.compare}"><p>${E}</p></div>` : "",
         C ? `<div class="${n.price}"><p>${C}</p></div>` : ""
       ].filter(Boolean);
-      te = `<div class="${[
+      X = `<div class="${[
         "product-card-price-row flex flex-wrap items-baseline gap-2 pt-2",
         c ? Kp : ""
-      ].filter(Boolean).join(" ")}"${ll(c)}>${tt.join("")}</div>`;
+      ].filter(Boolean).join(" ")}"${ll(c)}>${et.join("")}</div>`;
     }
     const we = AR(l, d), Ne = j && N ? `<div class="product-card-cta text-sm font-semibold text-myPrimaryLinkColor pt-3${b ? ` ${Kp}` : ""}"${ll(b)}><p><a class="${we}"${B}${I}${g}>${N}</a></p></div>` : "";
-    De = `<div class="product-card-footer mt-auto flex flex-col">${te}${Ne}</div>`;
+    De = `<div class="product-card-footer mt-auto flex flex-col">${X}${Ne}</div>`;
   }
   return [
     `<div class="${h}" data-pbx-product-id="${kt(k)}">`,