@myissue/vue-website-page-builder 3.5.32 → 3.5.33

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

@@ -31856,7 +31856,7 @@ function em(o) {
   const r = (i = o == null ? void 0 : o.settings) == null ? void 0 : i.themeColorPresets;
   kt.value = Xl(r ?? null), Rs(kt.value, e), Wi = !0;
 }
-function pce() {
+function dce() {
   typeof localStorage < "u" && localStorage.removeItem(Pa), Wi = !1, kt.value = Xl(null);
 }
 function Zl(o) {
@@ -36504,13 +36504,13 @@ const PQ = /* @__PURE__ */ mn(kQ, [["render", TQ]]), MQ = ["srcdoc"], Gp = 280,
       _: 1
     }));
   }
-}), $ee = ["disabled"], _ee = {
-  class: "pbx-pageDesignOpenButtonIcon material-symbols-outlined",
+}), $ee = ["disabled"], _ee = { class: "pbx-pageDesignOpenButtonIcon" }, Bee = {
+  class: "material-symbols-outlined",
   "aria-hidden": "true"
-}, Bee = { key: 0 }, Iee = {
+}, Iee = { key: 0 }, Hee = {
   key: 1,
   class: "pbx-inline-block pbx-animate-spin"
-}, Hee = { class: "pbx-pageDesignOpenButtonText" }, Dee = { class: "pbx-pageDesignOpenButtonLabel" }, Ree = { class: "pbx-pageDesignOpenButtonHint" }, rr = /* @__PURE__ */ ie({
+}, Dee = { class: "pbx-pageDesignOpenButtonText" }, Ree = { class: "pbx-pageDesignOpenButtonLabel" }, zee = { class: "pbx-pageDesignOpenButtonHint" }, rr = /* @__PURE__ */ ie({
   __name: "HtmlActionButton",
   props: {
     icon: {},
@@ -36527,12 +36527,14 @@ const PQ = /* @__PURE__ */ mn(kQ, [["render", TQ]]), MQ = ["srcdoc"], Gp = 280,
       onClick: t[0] || (t[0] = (r) => e.$emit("click"))
     }, [
       d("span", _ee, [
-        o.isLoading ? A("", !0) : (y(), w("span", Bee, f(o.icon), 1)),
-        o.isLoading ? (y(), w("span", Iee, "refresh")) : A("", !0)
+        d("span", Bee, [
+          o.isLoading ? A("", !0) : (y(), w("span", Iee, f(o.icon), 1)),
+          o.isLoading ? (y(), w("span", Hee, "refresh")) : A("", !0)
+        ])
       ]),
-      d("span", Hee, [
-        d("span", Dee, f(o.label), 1),
-        d("span", Ree, f(o.hint), 1)
+      d("span", Dee, [
+        d("span", Ree, f(o.label), 1),
+        d("span", zee, f(o.hint), 1)
       ]),
       t[1] || (t[1] = d("span", {
         class: "pbx-pageDesignOpenButtonArrow material-symbols-outlined",
@@ -36583,7 +36585,7 @@ function lR(o, e = !1) {
   }
   return o.endsWith("/>") || nm.some((t) => o.startsWith(`<${t}`));
 }
-function zee(o) {
+function Oee(o) {
   if (!o) return "";
   const e = sR(o), t = "  ";
   let r = 0, i = "";
@@ -36597,7 +36599,7 @@ function zee(o) {
 `, l && !p && !lR(s) && r++;
   }), i.trimEnd();
 }
-function Oee(o) {
+function Nee(o) {
   const e = o.match(/^&lt;(\/?)([\w-]+)(.*?)(\/?)&gt;$/);
   if (!e) return o;
   const [, t, r, i, n] = e, a = t === "/", s = i.trim(), l = a ? `<span class="html-tag-symbol">&lt;/</span><span class="html-tag-name">${r}</span>` : `<span class="html-tag-symbol">&lt;</span><span class="html-tag-name">${r}</span>`, p = s.replace(
@@ -36606,7 +36608,7 @@ function Oee(o) {
   ), c = n ? '<span class="html-tag-symbol"> /&gt;</span>' : '<span class="html-tag-symbol">&gt;</span>';
   return p ? `${l} ${p}${c}` : `${l}${c}`;
 }
-function Nee(o) {
+function Fee(o) {
   if (!o) return "";
   const e = sR(o), t = "  ";
   let r = 0, i = "";
@@ -36621,7 +36623,7 @@ function Nee(o) {
 `;
       return;
     }
-    i += u + Oee(l) + `
+    i += u + Nee(l) + `
 `, !c && !lR(l, !0) && r++;
   }), i.trimEnd();
 }
@@ -36633,7 +36635,7 @@ function Ze(o = 200) {
 const fs = S(!1), am = S(""), ys = S(""), Yp = S("element"), Di = S(!1), Mn = S(null);
 function tp() {
   function o(r, i, n = "element") {
-    am.value = r, ys.value = zee(i), Yp.value = n, Mn.value = null, Di.value = !1, fs.value = !0;
+    am.value = r, ys.value = Oee(i), Yp.value = n, Mn.value = null, Di.value = !1, fs.value = !0;
   }
   function e() {
     fs.value = !1, Mn.value = null, Di.value = !1;
@@ -36660,7 +36662,7 @@ function tp() {
     saveHtmlEditor: t
   };
 }
-const Fee = { class: "pbx-editorSectionDesc" }, jee = { class: "pbx-inspectorActionStack" }, Vee = /* @__PURE__ */ ie({
+const jee = { class: "pbx-editorSectionDesc" }, Vee = { class: "pbx-inspectorActionStack" }, qee = /* @__PURE__ */ ie({
   name: "ElementHtmlEditorSettingsEditor",
   __name: "ElementHtmlEditorSettingsEditor",
   setup(o) {
@@ -36674,8 +36676,8 @@ const Fee = { class: "pbx-editorSectionDesc" }, jee = { class: "pbx-inspectorAct
         ze(f(g(e)("Element HTML")), 1)
       ]),
       content: q(() => [
-        d("p", Fee, f(g(e)("Element HTML editor description")), 1),
-        d("div", jee, [
+        d("p", jee, f(g(e)("Element HTML editor description")), 1),
+        d("div", Vee, [
           R(rr, {
             icon: "visibility",
             label: g(e)("View element HTML"),
@@ -36694,13 +36696,13 @@ const Fee = { class: "pbx-editorSectionDesc" }, jee = { class: "pbx-inspectorAct
     }));
   }
 });
-function qee(o) {
+function Uee(o) {
   return new Promise((e, t) => {
     const r = new window.Image();
     r.onload = e, r.onerror = t, r.src = o;
   });
 }
-const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGroup" }, Gee = ["src"], Kee = { class: "pbx-editorFieldGroup pbx-rounded-lg pbx-border pbx-border-solid pbx-border-gray-200 pbx-bg-gray-50 pbx-px-4 pbx-py-8 pbx-text-center" }, Jee = { class: "pbx-editorSectionDesc pbx-mb-0" }, Yee = /* @__PURE__ */ ie({
+const Wee = { class: "pbx-editorFieldGroup" }, Gee = { class: "pbx-editorFieldGroup" }, Kee = ["src"], Jee = { class: "pbx-editorFieldGroup pbx-rounded-lg pbx-border pbx-border-solid pbx-border-gray-200 pbx-bg-gray-50 pbx-px-4 pbx-py-8 pbx-text-center" }, Yee = { class: "pbx-editorSectionDesc pbx-mb-0" }, Qee = /* @__PURE__ */ ie({
   __name: "ImageEditor",
   setup(o) {
     const { translate: e } = Se(), t = Ne, r = ir("CustomMediaComponent", null), i = S(null), n = S(!1), a = S(!1), s = S(""), l = S(""), p = S(""), c = S(null), u = S(null), b = S(null), m = L(() => (t.getBasePrimaryImage && C(t.getBasePrimaryImage), t.getBasePrimaryImage));
@@ -36732,7 +36734,7 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
         a.value = !1;
       };
     }, C = async function(P) {
-      n.value = !0, P && typeof P == "string" && P.length > 2 && (await qee(P), await Ze(200), n.value = !1);
+      n.value = !0, P && typeof P == "string" && P.length > 2 && (await Uee(P), await Ze(200), n.value = !1);
     };
     return (P, k) => (y(), w(oe, null, [
       R(tt, {
@@ -36743,7 +36745,7 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
           ze(f(g(e)("Image")), 1)
         ]),
         content: q(() => [
-          $e(d("div", Uee, [...k[1] || (k[1] = [
+          $e(d("div", Wee, [...k[1] || (k[1] = [
             d("div", { class: "pbx-flex pbx-min-h-40 pbx-items-center pbx-justify-center" }, [
               d("div", { class: "pbx-inline-block pbx-h-8 pbx-w-8 pbx-animate-spin pbx-rounded-full pbx-border-4 pbx-border-solid pbx-border-current pbx-border-r-transparent pbx-align-[-0.125em] motion-reduce:pbx-animate-[spin_1.5s_linear_infinite]" }, [
                 d("span", { class: "!pbx-absolute !pbx-m-px !pbx-h-px !pbx-w-px !pbx-overflow-hidden !pbx-whitespace-nowrap !pbx-border-0 !pbx-p-0 !pbx-[clip:rect(0,0,0,0)]" }, "Loading...")
@@ -36752,18 +36754,18 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
           ])], 512), [
             [$r, n.value]
           ]),
-          $e(d("div", Wee, [
+          $e(d("div", Gee, [
             d("img", {
               class: "pbx-w-full pbx-cursor-pointer pbx-rounded-lg pbx-object-cover pbx-object-center",
               src: m.value ?? void 0,
               onClick: v,
               alt: "image"
-            }, null, 8, Gee)
+            }, null, 8, Kee)
           ], 512), [
             [$r, m.value && !n.value]
           ]),
-          $e(d("div", Kee, [
-            d("p", Jee, f(g(e)("No image has been selected.")), 1)
+          $e(d("div", Jee, [
+            d("p", Yee, f(g(e)("No image has been selected.")), 1)
           ], 512), [
             [$r, !n.value && !m.value]
           ])
@@ -36822,13 +36824,13 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
     "pbx-bg-opacity-95",
     "pbx-bg-opacity-100"
   ]
-}, Qee = { class: "pbx-editorFieldGroup" }, Xee = { class: "pbx-relative" }, Zee = { class: "pbx-flex pbx-items-center pbx-gap-2" }, ete = { key: 0 }, tte = { class: "pbx-flex pbx-items-center" }, ote = { key: 0 }, rte = {
+}, Xee = { class: "pbx-editorFieldGroup" }, Zee = { class: "pbx-relative" }, ete = { class: "pbx-flex pbx-items-center pbx-gap-2" }, tte = { key: 0 }, ote = { class: "pbx-flex pbx-items-center" }, rte = { key: 0 }, ite = {
   key: 2,
   class: "pbx-ml-3"
-}, ite = {
+}, nte = {
   key: 3,
   class: "pbx-ml-3"
-}, nte = /* @__PURE__ */ ie({
+}, ate = /* @__PURE__ */ ie({
   __name: "BackgroundOpacityControl",
   setup(o) {
     const e = Fe(), { translate: t } = Se(), r = Ne, i = S(null), n = L(() => r.getBackgroundOpacity);
@@ -36838,21 +36840,21 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
         i.value = a, await e.initializeElementStyles();
       },
       { immediate: !0 }
-    ), (a, s) => (y(), w("div", Qee, [
+    ), (a, s) => (y(), w("div", Xee, [
       R(g(Ba), {
         as: "div",
         modelValue: i.value,
         "onUpdate:modelValue": s[0] || (s[0] = (l) => i.value = l)
       }, {
         default: q(() => [
-          d("div", Xee, [
+          d("div", Zee, [
             R(g(Ia), {
               class: "pbx-myPrimarySelect",
               id: "bg-opacity"
             }, {
               default: q(() => [
-                d("span", Zee, [
-                  i.value === "none" ? (y(), w("div", ete, [...s[1] || (s[1] = [
+                d("span", ete, [
+                  i.value === "none" ? (y(), w("div", tte, [...s[1] || (s[1] = [
                     d("div", { class: "pbx-myPrimaryColorPreview pbx-border-none" }, [
                       d("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                     ], -1)
@@ -36889,8 +36891,8 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
                             "pbx-relative pbx-cursor-default pbx-select-none pbx-py-2 pbx-pl-3 pbx-pr-9"
                           ])
                         }, [
-                          d("div", tte, [
-                            l === "none" ? (y(), w("div", ote, [...s[2] || (s[2] = [
+                          d("div", ote, [
+                            l === "none" ? (y(), w("div", rte, [...s[2] || (s[2] = [
                               d("div", { class: "pbx-myPrimaryColorPreview pbx-border-none" }, [
                                 d("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                               ], -1)
@@ -36899,8 +36901,8 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
                               key: 1,
                               class: O(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-bg-gray-950", `${l}`])
                             }, null, 2)) : A("", !0),
-                            l === "none" ? (y(), w("span", rte, f(g(t)("Transparent")), 1)) : A("", !0),
-                            l !== "none" ? (y(), w("span", ite, f(l), 1)) : A("", !0)
+                            l === "none" ? (y(), w("span", ite, f(g(t)("Transparent")), 1)) : A("", !0),
+                            l !== "none" ? (y(), w("span", nte, f(l), 1)) : A("", !0)
                           ])
                         ], 2)
                       ]),
@@ -36918,13 +36920,13 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
       }, 8, ["modelValue"])
     ]));
   }
-}), ate = { class: "pbx-editorFieldGroup" }, ste = { class: "pbx-relative" }, lte = { class: "pbx-flex pbx-items-center pbx-gap-2" }, pte = { key: 0 }, dte = { class: "pbx-flex pbx-items-center" }, cte = { key: 0 }, ute = {
+}), ste = { class: "pbx-editorFieldGroup" }, lte = { class: "pbx-relative" }, pte = { class: "pbx-flex pbx-items-center pbx-gap-2" }, dte = { key: 0 }, cte = { class: "pbx-flex pbx-items-center" }, ute = { key: 0 }, bte = {
   key: 2,
   class: "pbx-ml-3"
-}, bte = {
+}, mte = {
   key: 3,
   class: "pbx-ml-3"
-}, mte = /* @__PURE__ */ ie({
+}, gte = /* @__PURE__ */ ie({
   __name: "OpacityControl",
   setup(o) {
     const e = Fe(), { translate: t } = Se(), r = Ne, i = S(null), n = L(() => r.getOpacity);
@@ -36934,21 +36936,21 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
         i.value = a, await e.initializeElementStyles();
       },
       { immediate: !0 }
-    ), (a, s) => (y(), w("div", ate, [
+    ), (a, s) => (y(), w("div", ste, [
       R(g(Ba), {
         as: "div",
         modelValue: i.value,
         "onUpdate:modelValue": s[0] || (s[0] = (l) => i.value = l)
       }, {
         default: q(() => [
-          d("div", ste, [
+          d("div", lte, [
             R(g(Ia), {
               class: "pbx-myPrimarySelect",
               id: "default-opacity"
             }, {
               default: q(() => [
-                d("span", lte, [
-                  i.value === "none" ? (y(), w("div", pte, [...s[1] || (s[1] = [
+                d("span", pte, [
+                  i.value === "none" ? (y(), w("div", dte, [...s[1] || (s[1] = [
                     d("div", { class: "pbx-myPrimaryColorPreview pbx-border-none" }, [
                       d("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                     ], -1)
@@ -36985,8 +36987,8 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
                             "pbx-relative pbx-cursor-default pbx-select-none pbx-py-2 pbx-pl-3 pbx-pr-9"
                           ])
                         }, [
-                          d("div", dte, [
-                            l === "none" ? (y(), w("div", cte, [...s[2] || (s[2] = [
+                          d("div", cte, [
+                            l === "none" ? (y(), w("div", ute, [...s[2] || (s[2] = [
                               d("div", { class: "pbx-myPrimaryColorPreview pbx-border-none" }, [
                                 d("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                               ], -1)
@@ -36995,8 +36997,8 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
                               key: 1,
                               class: O(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-bg-gray-950", `${l}`])
                             }, null, 2)) : A("", !0),
-                            l === "none" ? (y(), w("span", ute, f(g(t)("Transparent")), 1)) : A("", !0),
-                            l !== "none" ? (y(), w("span", bte, f(l), 1)) : A("", !0)
+                            l === "none" ? (y(), w("span", bte, f(g(t)("Transparent")), 1)) : A("", !0),
+                            l !== "none" ? (y(), w("span", mte, f(l), 1)) : A("", !0)
                           ])
                         ], 2)
                       ]),
@@ -37014,7 +37016,7 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
       }, 8, ["modelValue"])
     ]));
   }
-}), gte = { class: "pbx-editorSectionTitle" }, xte = { class: "pbx-editorSectionTitle" }, hte = /* @__PURE__ */ ie({
+}), xte = { class: "pbx-editorSectionTitle" }, hte = { class: "pbx-editorSectionTitle" }, fte = /* @__PURE__ */ ie({
   __name: "OpacityEditor",
   setup(o) {
     const { translate: e } = Se();
@@ -37023,16 +37025,16 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
         ze(f(g(e)("Opacity & Transparency")), 1)
       ]),
       content: q(() => [
-        d("p", gte, f(g(e)("Opacity")), 1),
-        R(mte),
+        d("p", xte, f(g(e)("Opacity")), 1),
+        R(gte),
         r[0] || (r[0] = d("hr", null, null, -1)),
-        d("p", xte, f(g(e)("Background Opacity")), 1),
-        R(nte)
+        d("p", hte, f(g(e)("Background Opacity")), 1),
+        R(ate)
       ]),
       _: 1
     }));
   }
-}), fte = {
+}), yte = {
   key: 0,
   class: "pbx-text-[9px] pbx-font-medium pbx-uppercase pbx-tracking-wide pbx-text-gray-400 pbx-leading-none"
 }, Ri = /* @__PURE__ */ ie({
@@ -37057,7 +37059,7 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
       d("div", {
         class: O(["pbx-flex pbx-flex-col pbx-items-center pbx-justify-center", o.sideLabel ? "pbx-min-w-[2.75rem]" : "pbx-min-w-[2.25rem]"])
       }, [
-        o.sideLabel ? (y(), w("span", fte, f(o.sideLabel), 1)) : A("", !0),
+        o.sideLabel ? (y(), w("span", yte, f(o.sideLabel), 1)) : A("", !0),
         d("span", {
           class: O(["pbx-font-semibold pbx-tabular-nums pbx-text-gray-800", o.sideLabel ? "pbx-text-xs" : "pbx-text-sm"])
         }, f(o.value), 3)
@@ -37516,10 +37518,10 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
     "pbx-ml-80",
     "pbx-ml-96"
   ]
-}, yte = { class: "pbx-editorSectionTitle" }, vte = { class: "pbx-editorSectionDesc" }, wte = { class: "pbx-mb-4 pbx-space-y-2 pbx-rounded-xl pbx-border pbx-border-solid pbx-border-gray-200 pbx-bg-white pbx-p-3" }, Ste = { class: "pbx-flex pbx-items-center pbx-justify-between pbx-gap-3" }, kte = { class: "pbx-text-xs pbx-font-medium pbx-text-gray-500" }, Cte = { class: "pbx-flex pbx-items-center pbx-justify-between pbx-gap-3" }, Tte = { class: "pbx-text-xs pbx-font-medium pbx-text-gray-500" }, Pte = { class: "pbx-editorSectionTitle" }, Mte = { class: "pbx-flex pbx-flex-col pbx-items-center pbx-justify-center" }, Lte = { class: "pbx-mb-3 pbx-flex pbx-justify-center" }, Ete = {
+}, vte = { class: "pbx-editorSectionTitle" }, wte = { class: "pbx-editorSectionDesc" }, Ste = { class: "pbx-mb-4 pbx-space-y-2 pbx-rounded-xl pbx-border pbx-border-solid pbx-border-gray-200 pbx-bg-white pbx-p-3" }, kte = { class: "pbx-flex pbx-items-center pbx-justify-between pbx-gap-3" }, Cte = { class: "pbx-text-xs pbx-font-medium pbx-text-gray-500" }, Tte = { class: "pbx-flex pbx-items-center pbx-justify-between pbx-gap-3" }, Pte = { class: "pbx-text-xs pbx-font-medium pbx-text-gray-500" }, Mte = { class: "pbx-editorSectionTitle" }, Lte = { class: "pbx-flex pbx-flex-col pbx-items-center pbx-justify-center" }, Ete = { class: "pbx-mb-3 pbx-flex pbx-justify-center" }, Ate = {
   class: "pbx-items-center pbx-gap-2",
   style: { display: "grid", "grid-template-columns": "auto 1fr auto" }
-}, Ate = { class: "pbx-flex pbx-h-10 pbx-items-center pbx-justify-center pbx-rounded-lg pbx-border pbx-border-solid pbx-border-gray-200/80 pbx-bg-white pbx-shadow-sm" }, $te = { class: "pbx-select-none pbx-text-[10px] pbx-font-medium pbx-text-gray-400" }, _te = { class: "pbx-mt-3 pbx-flex pbx-justify-center" }, pR = /* @__PURE__ */ ie({
+}, $te = { class: "pbx-flex pbx-h-10 pbx-items-center pbx-justify-center pbx-rounded-lg pbx-border pbx-border-solid pbx-border-gray-200/80 pbx-bg-white pbx-shadow-sm" }, _te = { class: "pbx-select-none pbx-text-[10px] pbx-font-medium pbx-text-gray-400" }, Bte = { class: "pbx-mt-3 pbx-flex pbx-justify-center" }, pR = /* @__PURE__ */ ie({
   __name: "SpacingControl",
   props: {
     mode: {}
@@ -37627,11 +37629,11 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
         ze(f(g(t)(n.value ? "Padding" : "Margin")), 1)
       ]),
       content: q(() => [
-        d("p", yte, f(g(t)("All sides")), 1),
-        d("p", vte, f(g(t)("Applies across all screen sizes")), 1),
-        d("div", wte, [
-          d("div", Ste, [
-            d("span", kte, f(g(t)("Vertical")), 1),
+        d("p", vte, f(g(t)("All sides")), 1),
+        d("p", wte, f(g(t)("Applies across all screen sizes")), 1),
+        d("div", Ste, [
+          d("div", kte, [
+            d("span", Cte, f(g(t)("Vertical")), 1),
             R(Ri, {
               value: B(l.value),
               onDecrement: Q[0] || (Q[0] = (be) => T(-1)),
@@ -37639,8 +37641,8 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
             }, null, 8, ["value"])
           ]),
           Q[12] || (Q[12] = d("div", { class: "pbx-h-px pbx-bg-gray-100" }, null, -1)),
-          d("div", Cte, [
-            d("span", Tte, f(g(t)("Horizontal")), 1),
+          d("div", Tte, [
+            d("span", Pte, f(g(t)("Horizontal")), 1),
             R(Ri, {
               value: B(p.value),
               onDecrement: Q[2] || (Q[2] = (be) => _(-1)),
@@ -37649,12 +37651,12 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
           ])
         ]),
         Q[13] || (Q[13] = d("hr", null, null, -1)),
-        d("div", Pte, f(g(t)(n.value ? "Padding" : "Margin")), 1),
+        d("div", Mte, f(g(t)(n.value ? "Padding" : "Margin")), 1),
         d("div", {
           class: O(["pbx-relative pbx-rounded-full pbx-border pbx-border-solid pbx-p-8 pbx-pt-8 pbx-flex pbx-items-center pbx-justify-center", [a.value, s.value]])
         }, [
-          d("div", Mte, [
-            d("div", Lte, [
+          d("div", Lte, [
+            d("div", Ete, [
               R(Ri, {
                 value: E(),
                 "side-label": g(t)("top"),
@@ -37662,7 +37664,7 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
                 onIncrement: Q[5] || (Q[5] = (be) => J(1))
               }, null, 8, ["value", "side-label"])
             ]),
-            d("div", Ete, [
+            d("div", Ate, [
               R(Ri, {
                 value: M(),
                 "side-label": g(t)("left"),
@@ -37670,8 +37672,8 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
                 onDecrement: Q[6] || (Q[6] = (be) => j(-1)),
                 onIncrement: Q[7] || (Q[7] = (be) => j(1))
               }, null, 8, ["value", "side-label"]),
-              d("div", Ate, [
-                d("span", $te, f(g(t)("element")), 1)
+              d("div", $te, [
+                d("span", _te, f(g(t)("element")), 1)
               ]),
               R(Ri, {
                 value: I(),
@@ -37681,7 +37683,7 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
                 onIncrement: Q[9] || (Q[9] = (be) => F(1))
               }, null, 8, ["value", "side-label"])
             ]),
-            d("div", _te, [
+            d("div", Bte, [
               R(Ri, {
                 value: H(),
                 "side-label": g(t)("bottom"),
@@ -37761,34 +37763,34 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
     "pbx-rounded-br-3xl",
     "pbx-rounded-br-full"
   ]
-}, Bte = { class: "pbx-editorSectionTitle" }, Ite = { class: "pbx-editorFieldGroup" }, Hte = {
+}, Ite = { class: "pbx-editorSectionTitle" }, Hte = { class: "pbx-editorFieldGroup" }, Dte = {
   for: "global-border-radius",
   class: "pbx-myPrimaryInputLabel"
-}, Dte = {
+}, Rte = {
   disabled: "",
   value: ""
-}, Rte = { class: "pbx-editorSectionTitle" }, zte = { class: "pbx-editorFieldGroup" }, Ote = {
+}, zte = { class: "pbx-editorSectionTitle" }, Ote = { class: "pbx-editorFieldGroup" }, Nte = {
   for: "border-radius-top-left",
   class: "pbx-myPrimaryInputLabel"
-}, Nte = {
+}, Fte = {
   disabled: "",
   value: ""
-}, Fte = { class: "pbx-editorFieldGroup" }, jte = {
+}, jte = { class: "pbx-editorFieldGroup" }, Vte = {
   for: "border-radius-top-right",
   class: "pbx-myPrimaryInputLabel"
-}, Vte = {
+}, qte = {
   disabled: "",
   value: ""
-}, qte = { class: "pbx-editorFieldGroup" }, Ute = {
+}, Ute = { class: "pbx-editorFieldGroup" }, Wte = {
   for: "border-radius-bottom-left",
   class: "pbx-myPrimaryInputLabel"
-}, Wte = {
+}, Gte = {
   disabled: "",
   value: ""
-}, Gte = { class: "pbx-editorFieldGroup" }, Kte = {
+}, Kte = { class: "pbx-editorFieldGroup" }, Jte = {
   for: "border-radius-bottom-right",
   class: "pbx-myPrimaryInputLabel"
-}, Jte = {
+}, Yte = {
   disabled: "",
   value: ""
 }, uR = /* @__PURE__ */ ie({
@@ -37830,77 +37832,77 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
         ze(f(g(e)("Border Radius")), 1)
       ]),
       content: q(() => [
-        d("p", Bte, f(g(e)("Global")), 1),
-        d("div", Ite, [
-          d("label", Hte, f(g(e)("Border Radius")), 1),
+        d("p", Ite, f(g(e)("Global")), 1),
+        d("div", Hte, [
+          d("label", Dte, f(g(e)("Border Radius")), 1),
           $e(d("select", {
             id: "global-border-radius",
             "onUpdate:modelValue": x[0] || (x[0] = (v) => i.value = v),
             class: "pbx-myPrimarySelect",
             onChange: x[1] || (x[1] = (v) => g(t).handleBorderRadiusGlobal(i.value ?? void 0))
           }, [
-            d("option", Dte, f(g(e)("Select")), 1),
+            d("option", Rte, f(g(e)("Select")), 1),
             (y(!0), w(oe, null, ve(g(Bo).roundedGlobal, (v) => (y(), w("option", { key: v }, f(v), 1))), 128))
           ], 544), [
             [Lt, i.value]
           ])
         ]),
         x[10] || (x[10] = d("hr", null, null, -1)),
-        d("p", Rte, f(g(e)("Specific")), 1),
-        d("div", zte, [
-          d("label", Ote, f(g(e)("Border Radius top left")), 1),
+        d("p", zte, f(g(e)("Specific")), 1),
+        d("div", Ote, [
+          d("label", Nte, f(g(e)("Border Radius top left")), 1),
           $e(d("select", {
             id: "border-radius-top-left",
             "onUpdate:modelValue": x[2] || (x[2] = (v) => n.value = v),
             class: "pbx-myPrimarySelect",
             onChange: x[3] || (x[3] = (v) => g(t).handleBorderRadiusTopLeft(n.value ?? void 0))
           }, [
-            d("option", Nte, f(g(e)("Select")), 1),
+            d("option", Fte, f(g(e)("Select")), 1),
             (y(!0), w(oe, null, ve(g(Bo).roundedTopLeft, (v) => (y(), w("option", { key: v }, f(v), 1))), 128))
           ], 544), [
             [Lt, n.value]
           ])
         ]),
         x[11] || (x[11] = d("hr", null, null, -1)),
-        d("div", Fte, [
-          d("label", jte, f(g(e)("Border Radius top right")), 1),
+        d("div", jte, [
+          d("label", Vte, f(g(e)("Border Radius top right")), 1),
           $e(d("select", {
             id: "border-radius-top-right",
             "onUpdate:modelValue": x[4] || (x[4] = (v) => a.value = v),
             class: "pbx-myPrimarySelect",
             onChange: x[5] || (x[5] = (v) => g(t).handleBorderRadiusTopRight(a.value ?? void 0))
           }, [
-            d("option", Vte, f(g(e)("Select")), 1),
+            d("option", qte, f(g(e)("Select")), 1),
             (y(!0), w(oe, null, ve(g(Bo).roundedTopRight, (v) => (y(), w("option", { key: v }, f(v), 1))), 128))
           ], 544), [
             [Lt, a.value]
           ])
         ]),
         x[12] || (x[12] = d("hr", null, null, -1)),
-        d("div", qte, [
-          d("label", Ute, f(g(e)("Border Radius bottom left")), 1),
+        d("div", Ute, [
+          d("label", Wte, f(g(e)("Border Radius bottom left")), 1),
           $e(d("select", {
             id: "border-radius-bottom-left",
             "onUpdate:modelValue": x[6] || (x[6] = (v) => s.value = v),
             class: "pbx-myPrimarySelect",
             onChange: x[7] || (x[7] = (v) => g(t).handleBorderRadiusBottomleft(s.value ?? void 0))
           }, [
-            d("option", Wte, f(g(e)("Select")), 1),
+            d("option", Gte, f(g(e)("Select")), 1),
             (y(!0), w(oe, null, ve(g(Bo).roundedBottomLeft, (v) => (y(), w("option", { key: v }, f(v), 1))), 128))
           ], 544), [
             [Lt, s.value]
           ])
         ]),
         x[13] || (x[13] = d("hr", null, null, -1)),
-        d("div", Gte, [
-          d("label", Kte, f(g(e)("Border Radius bottom right")), 1),
+        d("div", Kte, [
+          d("label", Jte, f(g(e)("Border Radius bottom right")), 1),
           $e(d("select", {
             id: "border-radius-bottom-right",
             "onUpdate:modelValue": x[8] || (x[8] = (v) => l.value = v),
             class: "pbx-myPrimarySelect",
             onChange: x[9] || (x[9] = (v) => g(t).handleBorderRadiusBottomRight(l.value ?? void 0))
           }, [
-            d("option", Jte, f(g(e)("Select")), 1),
+            d("option", Yte, f(g(e)("Select")), 1),
             (y(!0), w(oe, null, ve(g(Bo).roundedBottomRight, (v) => (y(), w("option", { key: v }, f(v), 1))), 128))
           ], 544), [
             [Lt, l.value]
@@ -38155,25 +38157,25 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
     "pbx-border-rose-800",
     "pbx-border-rose-900"
   ]
-}, Yte = { class: "pbx-editorSectionTitle" }, Qte = { class: "pbx-editorFieldGroup" }, Xte = {
+}, Qte = { class: "pbx-editorSectionTitle" }, Xte = { class: "pbx-editorFieldGroup" }, Zte = {
   for: "border-style",
   class: "pbx-myPrimaryInputLabel"
-}, Zte = {
+}, eoe = {
   disabled: "",
   value: ""
-}, eoe = { class: "pbx-editorFieldGroup" }, toe = {
+}, toe = { class: "pbx-editorFieldGroup" }, ooe = {
   for: "border-width",
   class: "pbx-myPrimaryInputLabel"
-}, ooe = {
+}, roe = {
   disabled: "",
   value: ""
-}, roe = { class: "pbx-editorFieldGroup" }, ioe = {
+}, ioe = { class: "pbx-editorFieldGroup" }, noe = {
   for: "border-color",
   class: "pbx-myPrimaryInputLabel"
-}, noe = { class: "pbx-flex pbx-items-center pbx-gap-2" }, aoe = { key: 0 }, soe = { class: "pbx-block pbx-truncate" }, loe = { class: "pbx-flex pbx-items-center" }, poe = { key: 0 }, doe = {
+}, aoe = { class: "pbx-flex pbx-items-center pbx-gap-2" }, soe = { key: 0 }, loe = { class: "pbx-block pbx-truncate" }, poe = { class: "pbx-flex pbx-items-center" }, doe = { key: 0 }, coe = {
   key: 2,
   class: "pbx-ml-3"
-}, coe = {
+}, uoe = {
   key: 3,
   class: "pbx-ml-3"
 }, bR = /* @__PURE__ */ ie({
@@ -38204,39 +38206,39 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
         ze(f(g(e)("Border Style, Width & Color")), 1)
       ]),
       content: q(() => [
-        d("p", Yte, f(g(e)("Border")), 1),
-        d("div", Qte, [
-          d("label", Xte, f(g(e)("Border Style")), 1),
+        d("p", Qte, f(g(e)("Border")), 1),
+        d("div", Xte, [
+          d("label", Zte, f(g(e)("Border Style")), 1),
           $e(d("select", {
             id: "border-style",
             "onUpdate:modelValue": u[0] || (u[0] = (b) => i.value = b),
             class: "pbx-myPrimarySelect",
             onChange: u[1] || (u[1] = (b) => g(t).handleBorderStyle(i.value ?? void 0))
           }, [
-            d("option", Zte, f(g(e)("Select")), 1),
+            d("option", eoe, f(g(e)("Select")), 1),
             (y(!0), w(oe, null, ve(g(Xi).borderStyle, (b) => (y(), w("option", { key: b }, f(b), 1))), 128))
           ], 544), [
             [Lt, i.value]
           ])
         ]),
         u[8] || (u[8] = d("hr", null, null, -1)),
-        d("div", eoe, [
-          d("label", toe, f(g(e)("Border Width")), 1),
+        d("div", toe, [
+          d("label", ooe, f(g(e)("Border Width")), 1),
           $e(d("select", {
             id: "border-width",
             "onUpdate:modelValue": u[2] || (u[2] = (b) => n.value = b),
             class: "pbx-myPrimarySelect",
             onChange: u[3] || (u[3] = (b) => g(t).handleBorderWidth(n.value ?? void 0))
           }, [
-            d("option", ooe, f(g(e)("Select")), 1),
+            d("option", roe, f(g(e)("Select")), 1),
             (y(!0), w(oe, null, ve(g(Xi).borderWidth, (b) => (y(), w("option", { key: b }, f(b), 1))), 128))
           ], 544), [
             [Lt, n.value]
           ])
         ]),
         u[9] || (u[9] = d("hr", null, null, -1)),
-        d("div", roe, [
-          d("label", ioe, f(g(e)("Border Color")), 1),
+        d("div", ioe, [
+          d("label", noe, f(g(e)("Border Color")), 1),
           R(g(Ba), {
             as: "div",
             modelValue: a.value,
@@ -38253,8 +38255,8 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
                   default: q(() => {
                     var m;
                     return [
-                      d("span", noe, [
-                        p.value === "none" ? (y(), w("div", aoe, [...u[6] || (u[6] = [
+                      d("span", aoe, [
+                        p.value === "none" ? (y(), w("div", soe, [...u[6] || (u[6] = [
                           d("div", { class: "pbx-myPrimaryColorPreview pbx-border-none" }, [
                             d("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                           ], -1)
@@ -38263,7 +38265,7 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
                           key: 1,
                           class: O(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-border-solid pbx-border pbx-border-gray-100 pbx-rounded-sm", `pbx-bg-${(m = a.value) == null ? void 0 : m.replace("pbx-border-", "")}`])
                         }, null, 2)) : A("", !0),
-                        d("span", soe, f(a.value), 1)
+                        d("span", loe, f(a.value), 1)
                       ])
                     ];
                   }),
@@ -38290,8 +38292,8 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
                                 "pbx-relative pbx-cursor-default pbx-select-none pbx-py-2 pbx-pl-3 pbx-pr-9"
                               ])
                             }, [
-                              d("div", loe, [
-                                m === "none" ? (y(), w("div", poe, [...u[7] || (u[7] = [
+                              d("div", poe, [
+                                m === "none" ? (y(), w("div", doe, [...u[7] || (u[7] = [
                                   d("div", { class: "pbx-myPrimaryColorPreview pbx-border-none" }, [
                                     d("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                                   ], -1)
@@ -38300,8 +38302,8 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
                                   key: 1,
                                   class: O(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-bg-gray-950", `pbx-bg-${m.replace("pbx-border-", "")}`])
                                 }, null, 2)) : A("", !0),
-                                m === "none" ? (y(), w("span", doe, f(g(e)("Transparent")), 1)) : A("", !0),
-                                m !== "none" ? (y(), w("span", coe, f(m), 1)) : A("", !0)
+                                m === "none" ? (y(), w("span", coe, f(g(e)("Transparent")), 1)) : A("", !0),
+                                m !== "none" ? (y(), w("span", uoe, f(m), 1)) : A("", !0)
                               ])
                             ], 2)
                           ]),
@@ -38322,7 +38324,7 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
       _: 1
     }));
   }
-}), uoe = { class: "pbx-flex pbx-items-center pbx-justify-between pbx-gap-4 pbx-rounded-lg pbx-border pbx-border-solid pbx-border-gray-100 pbx-bg-gray-50 pbx-px-4 pbx-py-3" }, boe = { class: "pbx-text-sm pbx-font-semibold pbx-text-myPrimaryDarkGrayColor pbx-my-0" }, moe = { class: "pbx-text-xs pbx-text-gray-500 pbx-my-0" }, goe = { class: "pbx-grid pbx-grid-cols-1 pbx-gap-3" }, xoe = ["for"], hoe = { class: "pbx-flex pbx-justify-between pbx-items-center pbx-gap-4 pbx-border pbx-border-gray-200 pbx-py-4 pbx-px-3 pbx-rounded-lg" }, foe = ["id", "value", "onInput", "onBlur"], yoe = { class: "pbx-relative pbx-flex-shrink-0" }, voe = ["title", "onClick"], woe = { class: "pbx-border-t pbx-border-gray-100 pbx-pt-4 pbx-mt-2 pbx-flex pbx-items-center pbx-justify-between pbx-gap-3" }, Soe = { class: "pbx-text-sm pbx-font-semibold pbx-text-myPrimaryDarkGrayColor pbx-my-0" }, koe = { class: "pbx-text-xs pbx-text-gray-500 pbx-my-0" }, Coe = /* @__PURE__ */ ie({
+}), boe = { class: "pbx-flex pbx-items-center pbx-justify-between pbx-gap-4 pbx-rounded-lg pbx-border pbx-border-solid pbx-border-gray-100 pbx-bg-gray-50 pbx-px-4 pbx-py-3" }, moe = { class: "pbx-text-sm pbx-font-semibold pbx-text-myPrimaryDarkGrayColor pbx-my-0" }, goe = { class: "pbx-text-xs pbx-text-gray-500 pbx-my-0" }, xoe = { class: "pbx-grid pbx-grid-cols-1 pbx-gap-3" }, hoe = ["for"], foe = { class: "pbx-flex pbx-justify-between pbx-items-center pbx-gap-4 pbx-border pbx-border-gray-200 pbx-py-4 pbx-px-3 pbx-rounded-lg" }, yoe = ["id", "value", "onInput", "onBlur"], voe = { class: "pbx-relative pbx-flex-shrink-0" }, woe = ["title", "onClick"], Soe = { class: "pbx-border-t pbx-border-gray-100 pbx-pt-4 pbx-mt-2 pbx-flex pbx-items-center pbx-justify-between pbx-gap-3" }, koe = { class: "pbx-text-sm pbx-font-semibold pbx-text-myPrimaryDarkGrayColor pbx-my-0" }, Coe = { class: "pbx-text-xs pbx-text-gray-500 pbx-my-0" }, Toe = /* @__PURE__ */ ie({
   __name: "ThemeColorPresetManager",
   props: {
     embedded: { type: Boolean }
@@ -38382,17 +38384,17 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
       d("div", {
         class: O(["pbx-flex pbx-flex-col pbx-gap-4", o.embedded ? "" : "pbx-mb-20"])
       }, [
-        d("div", uoe, [
+        d("div", boe, [
           d("div", null, [
-            d("p", boe, f(g(e)("Enable theme color presets")), 1),
-            d("p", moe, f(g(e)("Use saved hex colors in text and background color menus")), 1)
+            d("p", moe, f(g(e)("Enable theme color presets")), 1),
+            d("p", goe, f(g(e)("Use saved hex colors in text and background color menus")), 1)
           ]),
           R(_o, {
             "model-value": g(n).enabled,
             "onUpdate:modelValue": g(a)
           }, null, 8, ["model-value", "onUpdate:modelValue"])
         ]),
-        d("div", goe, [
+        d("div", xoe, [
           (y(!0), w(oe, null, ve(g(n).colors, ($) => (y(), w("div", {
             key: $.id,
             class: "pbx-myInputGroup"
@@ -38400,8 +38402,8 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
             d("label", {
               for: `color-input-${$.id}`,
               class: "pbx-myPrimaryInputLabel"
-            }, f(g(e)($.label)), 9, xoe),
-            d("div", hoe, [
+            }, f(g(e)($.label)), 9, hoe),
+            d("div", foe, [
               R(_o, {
                 "model-value": $.enabled,
                 "onUpdate:modelValue": (T) => h($.id, T)
@@ -38415,8 +38417,8 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
                 class: "pbx-myPrimaryInput pbx-w-full",
                 onInput: (T) => b($, T),
                 onBlur: (T) => m($)
-              }, null, 40, foe),
-              d("div", yoe, [
+              }, null, 40, yoe),
+              d("div", voe, [
                 d("button", {
                   type: "button",
                   title: $.color,
@@ -38429,7 +38431,7 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
                     inset 0 0 0 1px rgba(96, 96, 96, 0.1)`, transition: `box-shadow 0.15s,
                     border-color 0.15s` }])
                   }, null, 4)
-                ], 8, voe),
+                ], 8, woe),
                 v.value === $.id ? (y(), w("div", {
                   key: 0,
                   class: "pbx-fixed pbx-inset-0 pbx-z-40",
@@ -38451,10 +38453,10 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
             ])
           ]))), 128))
         ]),
-        d("div", woe, [
+        d("div", Soe, [
           d("div", null, [
-            d("p", Soe, f(g(e)("Reset to provided defaults")), 1),
-            d("p", koe, f(g(e)("Restore the original colors provided to the page builder")), 1)
+            d("p", koe, f(g(e)("Reset to provided defaults")), 1),
+            d("p", Coe, f(g(e)("Restore the original colors provided to the page builder")), 1)
           ]),
           d("button", {
             type: "button",
@@ -38487,7 +38489,7 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
       }, 8, ["showDynamicModalBuilder", "title", "description", "firstButtonText", "thirdButtonText"])
     ], 64));
   }
-}), Toe = /* @__PURE__ */ ie({
+}), Poe = /* @__PURE__ */ ie({
   __name: "ThemeColorSettingsEditor",
   setup(o) {
     const { translate: e } = Se();
@@ -38496,24 +38498,24 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
         ze(f(g(e)("Theme & colors")), 1)
       ]),
       content: q(() => [
-        R(Coe, { embedded: "" })
+        R(Toe, { embedded: "" })
       ]),
       _: 1
     }));
   }
-}), Poe = { class: "pbx-editorSectionDesc" }, Moe = { class: "pbx-editorFieldGroup" }, Loe = {
+}), Moe = { class: "pbx-editorSectionDesc" }, Loe = { class: "pbx-editorFieldGroup" }, Eoe = {
   for: "page-meta-title",
   class: "pbx-myPrimaryInputLabel"
-}, Eoe = ["placeholder"], Aoe = { class: "pbx-editorFieldGroup" }, $oe = {
+}, Aoe = ["placeholder"], $oe = { class: "pbx-editorFieldGroup" }, _oe = {
   for: "page-meta-description",
   class: "pbx-myPrimaryInputLabel"
-}, _oe = ["placeholder"], Boe = ["disabled"], Ioe = {
+}, Boe = ["placeholder"], Ioe = ["disabled"], Hoe = {
   key: 0,
   class: "material-symbols-outlined"
-}, Hoe = {
+}, Doe = {
   key: 1,
   class: "material-symbols-outlined pbx-animate-spin"
-}, Doe = /* @__PURE__ */ ie({
+}, Roe = /* @__PURE__ */ ie({
   name: "PageMetaSettingsEditor",
   __name: "PageMetaSettingsEditor",
   setup(o) {
@@ -38542,28 +38544,28 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
         ze(f(g(e)("Page Meta")), 1)
       ]),
       content: q(() => [
-        d("p", Poe, f(g(e)("Page meta description")), 1),
-        d("div", Moe, [
-          d("label", Loe, f(g(e)("Meta title")), 1),
+        d("p", Moe, f(g(e)("Page meta description")), 1),
+        d("div", Loe, [
+          d("label", Eoe, f(g(e)("Meta title")), 1),
           $e(d("input", {
             id: "page-meta-title",
             "onUpdate:modelValue": p[0] || (p[0] = (c) => i.value = c),
             type: "text",
             class: "pbx-myPrimaryInput pbx-w-full",
             placeholder: g(e)("Meta title placeholder")
-          }, null, 8, Eoe), [
+          }, null, 8, Aoe), [
             [Co, i.value]
           ])
         ]),
-        d("div", Aoe, [
-          d("label", $oe, f(g(e)("Meta description")), 1),
+        d("div", $oe, [
+          d("label", _oe, f(g(e)("Meta description")), 1),
           $e(d("textarea", {
             id: "page-meta-description",
             "onUpdate:modelValue": p[1] || (p[1] = (c) => n.value = c),
             rows: "3",
             class: "pbx-myPrimaryInput pbx-w-full pbx-resize-y",
             placeholder: g(e)("Meta description placeholder")
-          }, null, 8, _oe), [
+          }, null, 8, Boe), [
             [Co, n.value]
           ])
         ]),
@@ -38574,17 +38576,17 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
           onClick: s
         }, [
           ze(f(g(e)("Save")) + " ", 1),
-          a.value ? A("", !0) : (y(), w("span", Ioe, "check")),
-          a.value ? (y(), w("span", Hoe, "refresh")) : A("", !0)
-        ], 8, Boe)
+          a.value ? A("", !0) : (y(), w("span", Hoe, "check")),
+          a.value ? (y(), w("span", Doe, "refresh")) : A("", !0)
+        ], 8, Ioe)
       ]),
       _: 1
     }));
   }
-}), Roe = {
+}), zoe = {
   key: 0,
   class: "pbx-fixed pbx-inset-0 pbx-z-[9999]"
-}, zoe = { class: "pbx-flex pbx-gap-2 pbx-justify-between pbx-items-center pbx-py-2 pbx-px-2 pbx-mb-2 pbx-border-b pbx-border-gray-200" }, Ooe = { class: "pbx-myQuaternaryHeader pbx-my-0 pbx-py-0 pbx-text-black" }, Noe = { class: "pbx-pt-4 pbx-px-2" }, mR = /* @__PURE__ */ ie({
+}, Ooe = { class: "pbx-flex pbx-gap-2 pbx-justify-between pbx-items-center pbx-py-2 pbx-px-2 pbx-mb-2 pbx-border-b pbx-border-gray-200" }, Noe = { class: "pbx-myQuaternaryHeader pbx-my-0 pbx-py-0 pbx-text-black" }, Foe = { class: "pbx-pt-4 pbx-px-2" }, mR = /* @__PURE__ */ ie({
   __name: "FloatingSidePanel",
   props: {
     title: {
@@ -38620,7 +38622,7 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
     return (a, s) => (y(), me(hi, { to: "body" }, [
       R(Oo, { name: "popup-fade" }, {
         default: q(() => [
-          o.showSidebarPanel ? (y(), w("div", Roe, [
+          o.showSidebarPanel ? (y(), w("div", zoe, [
             d("div", {
               class: O(["pbx-fixed pbx-inset-0 pbx-bg-black pbx-opacity-20 pbx-z-40", { "pbx-pointer-events-none": !o.closeOnOverlayClick }]),
               onClick: n
@@ -38633,15 +38635,15 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
               onClick: s[0] || (s[0] = Ce(() => {
               }, ["stop"]))
             }, [
-              d("div", zoe, [
-                d("span", Ooe, f(o.title), 1),
+              d("div", Ooe, [
+                d("span", Noe, f(o.title), 1),
                 d("span", { onClick: i }, [...s[1] || (s[1] = [
                   d("div", { class: "pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-text-black" }, [
                     d("span", { class: "material-symbols-outlined" }, " close ")
                   ], -1)
                 ])])
               ]),
-              d("div", Noe, [
+              d("div", Foe, [
                 Io(a.$slots, "default")
               ])
             ], 2)
@@ -38651,16 +38653,16 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
       })
     ]));
   }
-}), Foe = { class: "pbx-overflow-y-auto" }, joe = {
+}), joe = { class: "pbx-overflow-y-auto" }, Voe = {
   key: 0,
   class: "pbx-flex pbx-items-center pbx-justify-center pbx-gap-2"
-}, Voe = { class: "pbx-bg-gray-100 pbx-rounded-full pbx-w-32 pbx-h-32 pbx-flex pbx-items-center pbx-justify-center" }, qoe = { class: "pbx-text-center" }, Uoe = { class: "pbx-lg:pbx-text-7xl pbx-text-5xl" }, Woe = {
+}, qoe = { class: "pbx-bg-gray-100 pbx-rounded-full pbx-w-32 pbx-h-32 pbx-flex pbx-items-center pbx-justify-center" }, Uoe = { class: "pbx-text-center" }, Woe = { class: "pbx-lg:pbx-text-7xl pbx-text-5xl" }, Goe = {
   key: 1,
   class: "pbx-w-full pbx-space-y-5"
-}, Goe = { class: "pbx-text-base pbx-font-semibold pbx-text-center pbx-text-myPrimaryDarkGrayColor" }, Koe = { class: "pbx-seoCheckGroupTitle" }, Joe = { class: "pbx-space-y-2" }, Yoe = { class: "pbx-pageDesignOpenButtonText" }, Qoe = { class: "pbx-pageDesignOpenButtonLabel" }, Xoe = { class: "pbx-pageDesignOpenButtonHint" }, Zoe = {
+}, Koe = { class: "pbx-text-base pbx-font-semibold pbx-text-center pbx-text-myPrimaryDarkGrayColor" }, Joe = { class: "pbx-seoCheckGroupTitle" }, Yoe = { class: "pbx-space-y-2" }, Qoe = { class: "pbx-pageDesignOpenButtonText" }, Xoe = { class: "pbx-pageDesignOpenButtonLabel" }, Zoe = { class: "pbx-pageDesignOpenButtonHint" }, ere = {
   key: 2,
   class: "pbx-text-gray-500 pbx-text-center pbx-py-8"
-}, ere = /* @__PURE__ */ ie({
+}, tre = /* @__PURE__ */ ie({
   __name: "SeoCheckPanel",
   props: {
     seoResult: {}
@@ -38675,30 +38677,30 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
       }
       return Array.from(i.entries()).map(([n, a]) => ({ title: n, checks: a }));
     });
-    return (i, n) => (y(), w("div", Foe, [
-      o.seoResult ? (y(), w("div", joe, [
+    return (i, n) => (y(), w("div", joe, [
+      o.seoResult ? (y(), w("div", Voe, [
         d("div", {
           class: "pbx-relative pbx-my-4 pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center pbx-w-36 pbx-h-36",
           style: _e({
             background: `conic-gradient(${o.seoResult.score < 50 ? "#ef4444" : "#50C878"} ${o.seoResult.score}%, #e5e7eb 0)`
           })
         }, [
-          d("div", Voe, [
-            d("div", qoe, [
-              d("span", Uoe, f(o.seoResult.score), 1),
+          d("div", qoe, [
+            d("div", Uoe, [
+              d("span", Woe, f(o.seoResult.score), 1),
               n[0] || (n[0] = d("span", { class: "pbx-text-xl" }, "%", -1))
             ])
           ])
         ], 4)
       ])) : A("", !0),
-      r.value.length ? (y(), w("div", Woe, [
-        d("h3", Goe, f(g(t)("SEO Check Results")), 1),
+      r.value.length ? (y(), w("div", Goe, [
+        d("h3", Koe, f(g(t)("SEO Check Results")), 1),
         (y(!0), w(oe, null, ve(r.value, (a) => (y(), w("div", {
           key: a.title,
           class: "pbx-space-y-2"
         }, [
-          d("h4", Koe, f(g(t)(a.title)), 1),
-          d("ul", Joe, [
+          d("h4", Joe, f(g(t)(a.title)), 1),
+          d("ul", Yoe, [
             (y(!0), w(oe, null, ve(a.checks, (s, l) => (y(), w("li", {
               key: l,
               class: O(["pbx-seoCheckRow", s.passed ? "pbx-seoCheckRow--pass" : "pbx-seoCheckRow--fail"])
@@ -38707,17 +38709,17 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
                 class: O(["pbx-seoCheckRowIcon material-symbols-outlined", s.passed ? "pbx-seoCheckRowIcon--pass" : "pbx-seoCheckRowIcon--fail"]),
                 "aria-hidden": "true"
               }, f(s.passed ? "check" : "close"), 3),
-              d("span", Yoe, [
-                d("span", Qoe, f(g(t)(s.check)), 1),
-                d("span", Xoe, f(s.details), 1)
+              d("span", Qoe, [
+                d("span", Xoe, f(g(t)(s.check)), 1),
+                d("span", Zoe, f(s.details), 1)
               ])
             ], 2))), 128))
           ])
         ]))), 128))
-      ])) : (y(), w("div", Zoe, f(g(t)("No SEO checks available.")), 1))
+      ])) : (y(), w("div", ere, f(g(t)("No SEO checks available.")), 1))
     ]));
   }
-}), tre = { class: "pbx-editorSectionDesc" }, ore = /* @__PURE__ */ ie({
+}), ore = { class: "pbx-editorSectionDesc" }, rre = /* @__PURE__ */ ie({
   name: "SeoCheckSettingsEditor",
   __name: "SeoCheckSettingsEditor",
   setup(o) {
@@ -38737,7 +38739,7 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
           ze(f(g(e)("SEO Check")), 1)
         ]),
         content: q(() => [
-          d("p", tre, f(g(e)("SEO check description")), 1),
+          d("p", ore, f(g(e)("SEO check description")), 1),
           R(rr, {
             icon: "circle_circle",
             label: g(e)("Run SEO check"),
@@ -38755,13 +38757,13 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
         onCloseSidebarPanel: s
       }, {
         default: q(() => [
-          R(ere, { "seo-result": r.value }, null, 8, ["seo-result"])
+          R(tre, { "seo-result": r.value }, null, 8, ["seo-result"])
         ]),
         _: 1
       }, 8, ["title", "showSidebarPanel"])
     ], 64));
   }
-}), rre = { class: "pbx-editorSectionDesc" }, ire = { class: "pbx-pageDesignOpenButtonText" }, nre = { class: "pbx-pageDesignOpenButtonLabel" }, are = { class: "pbx-pageDesignOpenButtonHint" }, sre = /* @__PURE__ */ ie({
+}), ire = { class: "pbx-editorSectionDesc" }, nre = { class: "pbx-pageDesignOpenButtonText" }, are = { class: "pbx-pageDesignOpenButtonLabel" }, sre = { class: "pbx-pageDesignOpenButtonHint" }, lre = /* @__PURE__ */ ie({
   name: "RemoveAllComponentsSettingsEditor",
   __name: "RemoveAllComponentsSettingsEditor",
   setup(o) {
@@ -38779,16 +38781,16 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
           ze(f(g(e)("Page layout")), 1)
         ]),
         content: q(() => [
-          d("p", rre, f(g(e)("Remove all components description")), 1),
+          d("p", ire, f(g(e)("Remove all components description")), 1),
           d("button", {
             type: "button",
             class: "pbx-pageDesignOpenButton pbx-pageDesignOpenButton--danger",
             onClick: v
           }, [
             P[3] || (P[3] = d("span", { class: "material-symbols-outlined" }, "delete_forever", -1)),
-            d("span", ire, [
-              d("span", nre, f(g(e)("Remove all Components")), 1),
-              d("span", are, f(g(e)("Clear every section from the page")), 1)
+            d("span", nre, [
+              d("span", are, f(g(e)("Remove all Components")), 1),
+              d("span", sre, f(g(e)("Clear every section from the page")), 1)
             ]),
             P[4] || (P[4] = d("span", {
               class: "pbx-pageDesignOpenButtonArrow material-symbols-outlined",
@@ -38829,7 +38831,7 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
       }, 8, ["showDynamicModalBuilder", "type", "gridColumnAmount", "title", "description", "isLoading", "firstButtonText", "secondButtonText", "thirdButtonText"])
     ], 64));
   }
-}), lre = { class: "pbx-editorSectionDesc" }, pre = { class: "pbx-pageDesignOpenButtonText" }, dre = { class: "pbx-pageDesignOpenButtonLabel" }, cre = { class: "pbx-pageDesignOpenButtonHint" }, ure = /* @__PURE__ */ ie({
+}), pre = { class: "pbx-editorSectionDesc" }, dre = { class: "pbx-pageDesignOpenButtonText" }, cre = { class: "pbx-pageDesignOpenButtonLabel" }, ure = { class: "pbx-pageDesignOpenButtonHint" }, bre = /* @__PURE__ */ ie({
   name: "PageDesignSettingsEditor",
   __name: "PageDesignSettingsEditor",
   emits: ["open"],
@@ -38840,16 +38842,16 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
         ze(f(g(e)("Page Design")), 1)
       ]),
       content: q(() => [
-        d("p", lre, f(g(e)("Page design description")), 1),
+        d("p", pre, f(g(e)("Page design description")), 1),
         d("button", {
           type: "button",
           class: "pbx-pageDesignOpenButton",
           onClick: r[0] || (r[0] = (i) => t.$emit("open"))
         }, [
           R(Al),
-          d("span", pre, [
-            d("span", dre, f(g(e)("Open page design")), 1),
-            d("span", cre, f(g(e)("Typography, colors, spacing & more")), 1)
+          d("span", dre, [
+            d("span", cre, f(g(e)("Open page design")), 1),
+            d("span", ure, f(g(e)("Typography, colors, spacing & more")), 1)
           ]),
           r[1] || (r[1] = d("span", {
             class: "pbx-pageDesignOpenButtonArrow material-symbols-outlined",
@@ -38860,7 +38862,7 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
       _: 1
     }));
   }
-}), bre = { class: "pbx-editorSectionDesc" }, mre = { class: "pbx-inspectorActionStack" }, gre = /* @__PURE__ */ ie({
+}), mre = { class: "pbx-editorSectionDesc" }, gre = { class: "pbx-inspectorActionStack" }, xre = /* @__PURE__ */ ie({
   name: "PageHtmlEditorSettingsEditor",
   __name: "PageHtmlEditorSettingsEditor",
   setup(o) {
@@ -38876,8 +38878,8 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
         ze(f(g(e)("HTML Editor")), 1)
       ]),
       content: q(() => [
-        d("p", bre, f(g(e)("Page HTML editor description")), 1),
-        d("div", mre, [
+        d("p", mre, f(g(e)("Page HTML editor description")), 1),
+        d("div", gre, [
           R(rr, {
             icon: "visibility",
             label: g(e)("View page HTML"),
@@ -38897,7 +38899,7 @@ const Uee = { class: "pbx-editorFieldGroup" }, Wee = { class: "pbx-editorFieldGr
   }
 }), Mr = function(o) {
   return !o || typeof o == "object" && o.constructor === Object && Object.keys(o).length === 0;
-}, xre = "3.5.32", hre = (o) => /^[a-z][a-z0-9+.-]*:/i.test(o) || o.startsWith("//");
+}, hre = "3.5.33", fre = (o) => /^[a-z][a-z0-9+.-]*:/i.test(o) || o.startsWith("//");
 function gR(o, e) {
   if (!o)
     return console.warn("No valid pagebuilder element passed"), "";
@@ -38916,7 +38918,7 @@ function gR(o, e) {
     const n = e.imageUrlPrefix;
     t.querySelectorAll("img").forEach((s) => {
       const l = s.getAttribute("src") || "";
-      l && !l.startsWith("http") && !hre(l) && // extra safety
+      l && !l.startsWith("http") && !fre(l) && // extra safety
       n && !l.startsWith(n) && s.setAttribute("src", n + l.replace(/^\/+/, ""));
     });
   }
@@ -38941,10 +38943,10 @@ async function Xc(o) {
     return e(t("Clipboard unavailable"), "error"), !1;
   }
 }
-const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" }, vre = {
+const yre = ["title", "aria-label"], vre = { class: "pbx-inspectorIdChipText" }, wre = {
   class: "pbx-inspectorIdChipIcon material-symbols-outlined",
   "aria-hidden": "true"
-}, wre = {
+}, Sre = {
   key: 1,
   class: "pbx-inspectorValue"
 }, lm = /* @__PURE__ */ ie({
@@ -38974,38 +38976,38 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
       "aria-label": `${g(t)("Copy ID")}: ${i.value}`,
       onClick: a
     }, [
-      d("span", yre, f(n.value), 1),
-      d("span", vre, f(r.value ? "check" : "content_copy"), 1)
-    ], 8, fre)) : (y(), w("span", wre, "—"));
+      d("span", vre, f(n.value), 1),
+      d("span", wre, f(r.value ? "check" : "content_copy"), 1)
+    ], 8, yre)) : (y(), w("span", Sre, "—"));
   }
-}), Sre = { class: "pbx-selectedHtmlInspector" }, kre = { class: "pbx-editorSectionDesc" }, Cre = { class: "pbx-editorFieldGroup" }, Tre = { class: "pbx-editorSectionTitle" }, Pre = { class: "pbx-inspectorCard" }, Mre = { class: "pbx-inspectorLabel" }, Lre = { class: "pbx-editorFieldGroup" }, Ere = { class: "pbx-editorSectionTitle" }, Are = ["aria-label"], $re = ["aria-selected"], _re = ["aria-selected"], Bre = ["aria-selected"], Ire = { class: "pbx-inspectorPanel" }, Hre = {
+}), kre = { class: "pbx-selectedHtmlInspector" }, Cre = { class: "pbx-editorSectionDesc" }, Tre = { class: "pbx-editorFieldGroup" }, Pre = { class: "pbx-editorSectionTitle" }, Mre = { class: "pbx-inspectorCard" }, Lre = { class: "pbx-inspectorLabel" }, Ere = { class: "pbx-editorFieldGroup" }, Are = { class: "pbx-editorSectionTitle" }, $re = ["aria-label"], _re = ["aria-selected"], Bre = ["aria-selected"], Ire = ["aria-selected"], Hre = { class: "pbx-inspectorPanel" }, Dre = {
   key: 0,
   role: "tabpanel"
-}, Dre = {
+}, Rre = {
   key: 0,
   class: "pbx-inspectorEmpty"
-}, Rre = { class: "pbx-inspectorMeta pbx-mb-3" }, zre = {
+}, zre = { class: "pbx-inspectorMeta pbx-mb-3" }, Ore = {
   key: 0,
   class: "pbx-inspectorMetaRow"
-}, Ore = { class: "pbx-inspectorFieldLabel" }, Nre = { class: "pbx-inspectorValue pbx-inspectorValueBreak" }, Fre = { class: "pbx-inspectorMetaRow pbx-inspectorMetaRowStacked" }, jre = { class: "pbx-inspectorFieldLabel" }, Vre = { class: "pbx-inspectorActionStack" }, qre = {
+}, Nre = { class: "pbx-inspectorFieldLabel" }, Fre = { class: "pbx-inspectorValue pbx-inspectorValueBreak" }, jre = { class: "pbx-inspectorMetaRow pbx-inspectorMetaRowStacked" }, Vre = { class: "pbx-inspectorFieldLabel" }, qre = { class: "pbx-inspectorActionStack" }, Ure = {
   key: 1,
   role: "tabpanel"
-}, Ure = {
+}, Wre = {
   key: 0,
   class: "pbx-inspectorEmpty"
-}, Wre = { class: "pbx-inspectorMeta pbx-mb-3" }, Gre = { class: "pbx-inspectorMetaRow" }, Kre = { class: "pbx-inspectorFieldLabel" }, Jre = { class: "pbx-inspectorMetaRow" }, Yre = { class: "pbx-inspectorFieldLabel" }, Qre = { class: "pbx-inspectorValue" }, Xre = { class: "pbx-inspectorMetaRow pbx-inspectorMetaRowStacked" }, Zre = { class: "pbx-inspectorFieldLabel" }, eie = {
+}, Gre = { class: "pbx-inspectorMeta pbx-mb-3" }, Kre = { class: "pbx-inspectorMetaRow" }, Jre = { class: "pbx-inspectorFieldLabel" }, Yre = { class: "pbx-inspectorMetaRow" }, Qre = { class: "pbx-inspectorFieldLabel" }, Xre = { class: "pbx-inspectorValue" }, Zre = { class: "pbx-inspectorMetaRow pbx-inspectorMetaRowStacked" }, eie = { class: "pbx-inspectorFieldLabel" }, tie = {
   key: 2,
   role: "tabpanel"
-}, tie = ["aria-expanded", "aria-label"], oie = { class: "pbx-inspectorComponentsSummaryContent" }, rie = ["aria-label"], iie = {
+}, oie = ["aria-expanded", "aria-label"], rie = { class: "pbx-inspectorComponentsSummaryContent" }, iie = ["aria-label"], nie = {
   class: "pbx-inspectorComponentsSummaryChevron material-symbols-outlined",
   "aria-hidden": "true"
-}, nie = {
+}, aie = {
   key: 1,
   class: "pbx-inspectorComponentsSummary pbx-inspectorComponentsSummaryEmpty"
-}, aie = { class: "pbx-inspectorList" }, sie = ["aria-expanded", "aria-label", "onClick"], lie = { class: "pbx-inspectorComponentCardTitleContent" }, pie = { class: "pbx-inspectorListIndex" }, die = { class: "pbx-inspectorListTitle" }, cie = {
+}, sie = { class: "pbx-inspectorList" }, lie = ["aria-expanded", "aria-label", "onClick"], pie = { class: "pbx-inspectorComponentCardTitleContent" }, die = { class: "pbx-inspectorListIndex" }, cie = { class: "pbx-inspectorListTitle" }, uie = {
   class: "pbx-inspectorComponentsSummaryChevron material-symbols-outlined",
   "aria-hidden": "true"
-}, uie = { class: "pbx-inspectorComponentCardBody" }, bie = { class: "pbx-inspectorMeta pbx-inspectorComponentCardMeta" }, mie = { class: "pbx-inspectorMetaRow" }, gie = { class: "pbx-inspectorFieldLabel" }, xie = { class: "pbx-inspectorMetaRow pbx-inspectorMetaRowStacked" }, hie = { class: "pbx-inspectorFieldLabel" }, fie = { class: "pbx-inspectorComponentCardFooter" }, yie = /* @__PURE__ */ ie({
+}, bie = { class: "pbx-inspectorComponentCardBody" }, mie = { class: "pbx-inspectorMeta pbx-inspectorComponentCardMeta" }, gie = { class: "pbx-inspectorMetaRow" }, xie = { class: "pbx-inspectorFieldLabel" }, hie = { class: "pbx-inspectorMetaRow pbx-inspectorMetaRowStacked" }, fie = { class: "pbx-inspectorFieldLabel" }, yie = { class: "pbx-inspectorComponentCardFooter" }, vie = /* @__PURE__ */ ie({
   __name: "SelectedHtmlInspector",
   setup(o) {
     const { translate: e } = Se(), { openHtmlViewer: t } = ep(), { openHtmlEditor: r } = tp(), i = Ne, n = L(() => i.getElement), a = L(() => i.getComponent), s = L(() => i.getComponents), l = S("element"), p = L(() => {
@@ -39085,26 +39087,26 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
     function J(F) {
       return sm(F.html_code || "");
     }
-    return (F, N) => (y(), w("div", Sre, [
-      d("p", kre, f(g(e)(
+    return (F, N) => (y(), w("div", kre, [
+      d("p", Cre, f(g(e)(
         "Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection."
       )), 1),
-      d("div", Cre, [
-        d("h4", Tre, f(g(e)("Types")), 1),
-        d("div", Pre, [
+      d("div", Tre, [
+        d("h4", Pre, f(g(e)("Types")), 1),
+        d("div", Mre, [
           (y(!0), w(oe, null, ve(k.value, (j) => (y(), w("div", {
             key: j.label,
             class: "pbx-inspectorRow"
           }, [
-            d("span", Mre, f(j.label), 1),
+            d("span", Lre, f(j.label), 1),
             d("span", {
               class: O(["pbx-inspectorBadge", j.tone === "active" ? "pbx-inspectorBadgeActive" : "pbx-inspectorBadgeMuted"])
             }, f(j.value), 3)
           ]))), 128))
         ])
       ]),
-      d("div", Lre, [
-        d("h4", Ere, f(g(e)("Content")), 1),
+      d("div", Ere, [
+        d("h4", Are, f(g(e)("Content")), 1),
         d("div", {
           class: "pbx-inspectorTabs",
           role: "tablist",
@@ -39116,39 +39118,39 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
             "aria-selected": l.value === "element",
             class: O(["pbx-inspectorTab pbx-font-sans", { "pbx-inspectorTabActive": l.value === "element" }]),
             onClick: N[0] || (N[0] = (j) => M("element"))
-          }, f(g(e)("Element")), 11, $re),
+          }, f(g(e)("Element")), 11, _re),
           d("button", {
             type: "button",
             role: "tab",
             "aria-selected": l.value === "component",
             class: O(["pbx-inspectorTab pbx-font-sans", { "pbx-inspectorTabActive": l.value === "component" }]),
             onClick: N[1] || (N[1] = (j) => M("component"))
-          }, f(g(e)("Component")), 11, _re),
+          }, f(g(e)("Component")), 11, Bre),
           d("button", {
             type: "button",
             role: "tab",
             "aria-selected": l.value === "components",
             class: O(["pbx-inspectorTab pbx-font-sans", { "pbx-inspectorTabActive": l.value === "components" }]),
             onClick: N[2] || (N[2] = (j) => M("components"))
-          }, f(g(e)("Components")), 11, Bre)
-        ], 8, Are),
-        d("div", Ire, [
-          l.value === "element" ? (y(), w("div", Hre, [
+          }, f(g(e)("Components")), 11, Ire)
+        ], 8, $re),
+        d("div", Hre, [
+          l.value === "element" ? (y(), w("div", Dre, [
             n.value ? (y(), w(oe, { key: 1 }, [
-              d("div", Rre, [
-                H.value !== null ? (y(), w("div", zre, [
-                  d("span", Ore, f(g(e)("Element src:")), 1),
-                  d("span", Nre, f(H.value), 1)
+              d("div", zre, [
+                H.value !== null ? (y(), w("div", Ore, [
+                  d("span", Nre, f(g(e)("Element src:")), 1),
+                  d("span", Fre, f(H.value), 1)
                 ])) : A("", !0),
-                d("div", Fre, [
-                  d("span", jre, f(g(e)("Element classes:")), 1),
+                d("div", jre, [
+                  d("span", Vre, f(g(e)("Element classes:")), 1),
                   R(zs, {
                     classes: B.value,
                     "empty-placeholder": ""
                   }, null, 8, ["classes"])
                 ])
               ]),
-              d("div", Vre, [
+              d("div", qre, [
                 R(rr, {
                   icon: "visibility",
                   label: g(e)("View element HTML"),
@@ -39162,23 +39164,23 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
                   onClick: I
                 }, null, 8, ["label", "hint"])
               ])
-            ], 64)) : (y(), w("p", Dre, f(g(e)("No Element selected")), 1))
+            ], 64)) : (y(), w("p", Rre, f(g(e)("No Element selected")), 1))
           ])) : A("", !0),
-          l.value === "component" ? (y(), w("div", qre, [
+          l.value === "component" ? (y(), w("div", Ure, [
             a.value ? (y(), w(oe, { key: 1 }, [
-              d("div", Wre, [
-                d("div", Gre, [
-                  d("span", Kre, f(g(e)("ID:")), 1),
+              d("div", Gre, [
+                d("div", Kre, [
+                  d("span", Jre, f(g(e)("ID:")), 1),
                   R(lm, {
                     value: a.value.id
                   }, null, 8, ["value"])
                 ]),
-                d("div", Jre, [
-                  d("span", Yre, f(g(e)("Title:")), 1),
-                  d("span", Qre, f(a.value.title || "—"), 1)
+                d("div", Yre, [
+                  d("span", Qre, f(g(e)("Title:")), 1),
+                  d("span", Xre, f(a.value.title || "—"), 1)
                 ]),
-                d("div", Xre, [
-                  d("span", Zre, f(g(e)("Component classes:")), 1),
+                d("div", Zre, [
+                  d("span", eie, f(g(e)("Component classes:")), 1),
                   R(zs, {
                     classes: E.value,
                     "empty-placeholder": ""
@@ -39191,9 +39193,9 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
                 hint: g(e)("Preview component markup"),
                 onClick: _
               }, null, 8, ["label", "hint"])
-            ], 64)) : (y(), w("p", Ure, f(g(e)("No Component selected")), 1))
+            ], 64)) : (y(), w("p", Wre, f(g(e)("No Component selected")), 1))
           ])) : A("", !0),
-          l.value === "components" ? (y(), w("div", eie, [
+          l.value === "components" ? (y(), w("div", tie, [
             p.value ? (y(), w("button", {
               key: 0,
               type: "button",
@@ -39202,17 +39204,17 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
               "aria-label": g(e)("Components"),
               onClick: b
             }, [
-              d("span", oie, [
+              d("span", rie, [
                 d("span", null, f(g(e)("You have added")), 1),
                 d("span", {
                   class: "pbx-inspectorCountBadge",
                   "aria-label": `${p.value} ${g(e)("Components")}`
-                }, f(p.value), 9, rie),
+                }, f(p.value), 9, iie),
                 d("span", null, f(g(e)("Components")), 1)
               ]),
-              d("span", iie, f(c.value ? "expand_less" : "expand_more"), 1)
-            ], 10, tie)) : (y(), w("div", nie, f(g(e)("No Components added yet")), 1)),
-            $e(d("div", aie, [
+              d("span", nie, f(c.value ? "expand_less" : "expand_more"), 1)
+            ], 10, oie)) : (y(), w("div", aie, f(g(e)("No Components added yet")), 1)),
+            $e(d("div", sie, [
               (y(!0), w(oe, null, ve(s.value, (j, U) => (y(), w("article", {
                 key: String(j.id ?? j.title ?? U),
                 class: "pbx-inspectorComponentCard"
@@ -39224,29 +39226,29 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
                   "aria-label": j.title || g(e)("Component"),
                   onClick: (Q) => x(j, U)
                 }, [
-                  d("span", lie, [
-                    d("span", pie, "#" + f(U + 1), 1),
-                    d("span", die, f(j.title || g(e)("Component")), 1)
+                  d("span", pie, [
+                    d("span", die, "#" + f(U + 1), 1),
+                    d("span", cie, f(j.title || g(e)("Component")), 1)
                   ]),
-                  d("span", cie, f(h(j, U) ? "expand_less" : "expand_more"), 1)
-                ], 8, sie),
-                $e(d("div", uie, [
-                  d("div", bie, [
-                    d("div", mie, [
-                      d("span", gie, f(g(e)("ID:")), 1),
+                  d("span", uie, f(h(j, U) ? "expand_less" : "expand_more"), 1)
+                ], 8, lie),
+                $e(d("div", bie, [
+                  d("div", mie, [
+                    d("div", gie, [
+                      d("span", xie, f(g(e)("ID:")), 1),
                       R(lm, {
                         value: j.id
                       }, null, 8, ["value"])
                     ]),
-                    d("div", xie, [
-                      d("span", hie, f(g(e)("Component classes:")), 1),
+                    d("div", hie, [
+                      d("span", fie, f(g(e)("Component classes:")), 1),
                       R(zs, {
                         classes: J(j),
                         "empty-placeholder": ""
                       }, null, 8, ["classes"])
                     ])
                   ]),
-                  d("div", fie, [
+                  d("div", yie, [
                     R(rr, {
                       icon: "visibility",
                       label: g(e)("View component HTML"),
@@ -39266,82 +39268,82 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
       ])
     ]));
   }
-}), vie = {
+}), wie = {
   key: 0,
   class: "pbx-flex pbx-items-center pbx-gap-1 pbx-border-0 pbx-border-solid pbx-border-b pbx-border-gray-100 pbx-pb-3 pbx-pt-1 pbx-overflow-x-auto"
-}, wie = { key: 1 }, Sie = { key: 0 }, kie = { class: "pbx-flex pbx-items-left pbx-flex-col pbx-gap-1" }, Cie = { class: "pbx-myQuaternaryHeader" }, Tie = {
+}, Sie = { key: 1 }, kie = { key: 0 }, Cie = { class: "pbx-flex pbx-items-left pbx-flex-col pbx-gap-1" }, Tie = { class: "pbx-myQuaternaryHeader" }, Pie = {
   key: 1,
   class: "pbx-editorSectionDesc"
-}, Pie = {
+}, Mie = {
   key: 2,
   class: "pbx-editorSectionDesc"
-}, Mie = {
+}, Lie = {
   key: 3,
   class: "pbx-editorSectionDesc"
-}, Lie = { class: "pbx-settingsSection" }, Eie = { class: "pbx-settingsSectionTitle" }, Aie = { class: "pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg" }, $ie = { class: "pbx-overflow-x-auto" }, _ie = { class: "pbx-min-w-full" }, Bie = { class: "pbx-bg-gray-50" }, Iie = {
+}, Eie = { class: "pbx-settingsSection" }, Aie = { class: "pbx-settingsSectionTitle" }, $ie = { class: "pbx-overflow-hidden pbx-shadow-xs md:pbx-rounded-lg pbx-border pbx-border-gray-200" }, _ie = { class: "pbx-overflow-x-auto" }, Bie = { class: "pbx-min-w-full" }, Iie = { class: "pbx-bg-gray-50" }, Hie = {
   scope: "col",
   class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-font-medium pbx-text-gray-500 pbx-uppercase pbx-tracking-wider"
-}, Hie = {
+}, Die = {
   scope: "col",
   class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-font-medium pbx-text-gray-500 pbx-uppercase pbx-tracking-wider"
-}, Die = { class: "pbx-bg-white pbx-divide-y pbx-divide-gray-200" }, Rie = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, zie = { class: "pbx-min-w-[30rem] pbx-w-max" }, Oie = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, Nie = { class: "pbx-min-w-[30rem] pbx-w-max" }, Fie = { class: "pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium pbx-bg-blue-100 pbx-text-blue-800" }, jie = {
+}, Rie = { class: "pbx-bg-white pbx-divide-y pbx-divide-gray-200" }, zie = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, Oie = { class: "pbx-min-w-[30rem] pbx-w-max" }, Nie = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, Fie = { class: "pbx-min-w-[30rem] pbx-w-max" }, jie = { class: "pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium pbx-bg-blue-100 pbx-text-blue-800" }, Vie = {
   key: 0,
   class: "pbx-settingsSection"
-}, Vie = { class: "pbx-settingsSectionTitle" }, qie = { class: "pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg" }, Uie = { class: "pbx-overflow-x-auto" }, Wie = { class: "pbx-min-w-full" }, Gie = { class: "pbx-bg-gray-50" }, Kie = {
+}, qie = { class: "pbx-settingsSectionTitle" }, Uie = { class: "pbx-overflow-hidden pbx-shadow-xs md:pbx-rounded-lg pbx-border pbx-border-gray-200" }, Wie = { class: "pbx-overflow-x-auto" }, Gie = { class: "pbx-min-w-full" }, Kie = { class: "pbx-bg-gray-50" }, Jie = {
   scope: "col",
   class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-font-medium pbx-text-gray-500 pbx-uppercase pbx-tracking-wider"
-}, Jie = {
+}, Yie = {
   scope: "col",
   class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-font-medium pbx-text-gray-500 pbx-uppercase pbx-tracking-wider"
-}, Yie = { class: "pbx-bg-white pbx-divide-y pbx-divide-gray-200" }, Qie = { key: 0 }, Xie = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, Zie = { class: "pbx-min-w-[30rem] pbx-w-max" }, ene = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, tne = { class: "pbx-min-w-[30rem] pbx-w-max" }, one = { key: 1 }, rne = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, ine = { class: "pbx-min-w-[30rem] pbx-w-max" }, nne = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, ane = { class: "pbx-min-w-[30rem] pbx-w-max" }, sne = {
+}, Qie = { class: "pbx-bg-white pbx-divide-y pbx-divide-gray-200" }, Xie = { key: 0 }, Zie = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, ene = { class: "pbx-min-w-[30rem] pbx-w-max" }, tne = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, one = { class: "pbx-min-w-[30rem] pbx-w-max" }, rne = { key: 1 }, ine = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, nne = { class: "pbx-min-w-[30rem] pbx-w-max" }, ane = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, sne = { class: "pbx-min-w-[30rem] pbx-w-max" }, lne = {
   key: 1,
   class: "pbx-settingsSection"
-}, lne = { class: "pbx-settingsSectionTitle" }, pne = { class: "pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg" }, dne = { class: "pbx-overflow-x-auto" }, cne = { class: "pbx-min-w-full" }, une = { class: "pbx-bg-gray-50" }, bne = {
+}, pne = { class: "pbx-settingsSectionTitle" }, dne = { class: "pbx-overflow-hidden pbx-shadow-xs md:pbx-rounded-lg pbx-border pbx-border-gray-200" }, cne = { class: "pbx-overflow-x-auto" }, une = { class: "pbx-min-w-full" }, bne = { class: "pbx-bg-gray-50" }, mne = {
   scope: "col",
   class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-font-medium pbx-text-gray-500 pbx-uppercase pbx-tracking-wider"
-}, mne = {
+}, gne = {
   scope: "col",
   class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-font-medium pbx-text-gray-500 pbx-uppercase pbx-tracking-wider"
-}, gne = { class: "pbx-bg-white pbx-divide-y pbx-divide-gray-200" }, xne = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, hne = { class: "pbx-min-w-[30rem] pbx-w-max" }, fne = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, yne = { class: "pbx-min-w-[30rem] pbx-w-max" }, vne = { class: "pbx-flex pbx-items-center pbx-space-x-3" }, wne = ["src"], Sne = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, kne = { class: "pbx-min-w-[30rem] pbx-w-max" }, Cne = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, Tne = { class: "pbx-min-w-[30rem] pbx-w-max" }, Pne = { class: "pbx-whitespace-nowrap" }, Mne = {
+}, xne = { class: "pbx-bg-white pbx-divide-y pbx-divide-gray-200" }, hne = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, fne = { class: "pbx-min-w-[30rem] pbx-w-max" }, yne = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, vne = { class: "pbx-min-w-[30rem] pbx-w-max" }, wne = { class: "pbx-flex pbx-items-center pbx-space-x-3" }, Sne = ["src"], kne = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, Cne = { class: "pbx-min-w-[30rem] pbx-w-max" }, Tne = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, Pne = { class: "pbx-min-w-[30rem] pbx-w-max" }, Mne = { class: "pbx-whitespace-nowrap" }, Lne = {
   key: 2,
   class: "pbx-settingsSection"
-}, Lne = { class: "pbx-settingsSectionTitle" }, Ene = { class: "pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg" }, Ane = { class: "pbx-overflow-x-auto" }, $ne = { class: "pbx-w-max pbx-min-w-full" }, _ne = { class: "pbx-bg-gray-50" }, Bne = {
+}, Ene = { class: "pbx-settingsSectionTitle" }, Ane = { class: "pbx-overflow-hidden pbx-shadow-xs md:pbx-rounded-lg pbx-border pbx-border-gray-200" }, $ne = { class: "pbx-overflow-x-auto" }, _ne = { class: "pbx-w-max pbx-min-w-full" }, Bne = { class: "pbx-bg-gray-50" }, Ine = {
   scope: "col",
   class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-font-medium pbx-text-gray-500 pbx-uppercase pbx-tracking-wider"
-}, Ine = {
+}, Hne = {
   scope: "col",
   class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-font-medium pbx-text-gray-500 pbx-uppercase pbx-tracking-wider"
-}, Hne = { class: "pbx-bg-white pbx-divide-y pbx-divide-gray-200" }, Dne = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, Rne = { class: "pbx-min-w-[30rem] pbx-w-max" }, zne = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, One = { class: "pbx-min-w-[30rem] pbx-w-max" }, Nne = { key: 0 }, Fne = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, jne = { class: "pbx-min-w-[30rem] pbx-w-max" }, Vne = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, qne = { class: "pbx-min-w-[30rem] pbx-w-max" }, Une = { class: "pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium" }, Wne = {
+}, Dne = { class: "pbx-bg-white pbx-divide-y pbx-divide-gray-200" }, Rne = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, zne = { class: "pbx-min-w-[30rem] pbx-w-max" }, One = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, Nne = { class: "pbx-min-w-[30rem] pbx-w-max" }, Fne = { key: 0 }, jne = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, Vne = { class: "pbx-min-w-[30rem] pbx-w-max" }, qne = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, Une = { class: "pbx-min-w-[30rem] pbx-w-max" }, Wne = { class: "pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium" }, Gne = {
   key: 5,
   class: "pbx-px-2 pbx-settingsSectionGroup"
-}, Gne = {
+}, Kne = {
   key: 0,
   class: "pbx-settingsSection"
-}, Kne = { class: "pbx-settingsSectionTitle" }, Jne = { class: "pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg" }, Yne = { class: "pbx-overflow-x-auto" }, Qne = { class: "pbx-min-w-full" }, Xne = { class: "pbx-bg-gray-50" }, Zne = {
+}, Jne = { class: "pbx-settingsSectionTitle" }, Yne = { class: "pbx-overflow-hidden pbx-shadow-xs md:pbx-rounded-lg pbx-border pbx-border-gray-200" }, Qne = { class: "pbx-overflow-x-auto" }, Xne = { class: "pbx-min-w-full" }, Zne = { class: "pbx-bg-gray-50" }, eae = {
   scope: "col",
   class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-font-medium pbx-text-gray-500 pbx-uppercase pbx-tracking-wider"
-}, eae = {
+}, tae = {
   scope: "col",
   class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-font-medium pbx-text-gray-500 pbx-uppercase pbx-tracking-wider"
-}, tae = { class: "pbx-bg-white pbx-divide-y pbx-divide-gray-200" }, oae = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, rae = { class: "pbx-min-w-[30rem] pbx-w-max" }, iae = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, nae = { class: "pbx-min-w-[30rem] pbx-w-max" }, aae = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, sae = { class: "pbx-min-w-[30rem] pbx-w-max" }, lae = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, pae = { class: "pbx-min-w-[30rem] pbx-w-max" }, dae = {
+}, oae = { class: "pbx-bg-white pbx-divide-y pbx-divide-gray-200" }, rae = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, iae = { class: "pbx-min-w-[30rem] pbx-w-max" }, nae = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, aae = { class: "pbx-min-w-[30rem] pbx-w-max" }, sae = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, lae = { class: "pbx-min-w-[30rem] pbx-w-max" }, pae = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, dae = { class: "pbx-min-w-[30rem] pbx-w-max" }, cae = {
   key: 0,
   class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"
-}, cae = { class: "pbx-min-w-[30rem] pbx-w-max" }, uae = { class: "pbx-flex pbx-items-center pbx-space-x-3" }, bae = ["src"], mae = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, gae = { class: "pbx-min-w-[30rem] pbx-w-max" }, xae = {
+}, uae = { class: "pbx-min-w-[30rem] pbx-w-max" }, bae = { class: "pbx-flex pbx-items-center pbx-space-x-3" }, mae = ["src"], gae = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, xae = { class: "pbx-min-w-[30rem] pbx-w-max" }, hae = {
   key: 0,
   class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"
-}, hae = { class: "pbx-min-w-[30rem] pbx-w-max" }, fae = {
+}, fae = { class: "pbx-min-w-[30rem] pbx-w-max" }, yae = {
   key: 1,
   class: "pbx-settingsSection"
-}, yae = { class: "pbx-settingsSectionTitle" }, vae = { class: "pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg" }, wae = { class: "pbx-overflow-x-auto" }, Sae = { class: "pbx-min-w-full" }, kae = { class: "pbx-bg-gray-50" }, Cae = {
+}, vae = { class: "pbx-settingsSectionTitle" }, wae = { class: "pbx-overflow-hidden pbx-shadow-xs md:pbx-rounded-lg pbx-border pbx-border-gray-200" }, Sae = { class: "pbx-overflow-x-auto" }, kae = { class: "pbx-min-w-full" }, Cae = { class: "pbx-bg-gray-50" }, Tae = {
   scope: "col",
   class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-font-medium pbx-text-gray-500 pbx-uppercase pbx-tracking-wider"
-}, Tae = {
+}, Pae = {
   scope: "col",
   class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-font-medium pbx-text-gray-500 pbx-uppercase pbx-tracking-wider"
-}, Pae = { class: "pbx-bg-white pbx-divide-y pbx-divide-gray-200" }, Mae = { key: 0 }, Lae = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, Eae = { class: "pbx-min-w-[30rem] pbx-w-max" }, Aae = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, $ae = { class: "pbx-min-w-[30rem] pbx-w-max" }, _ae = { key: 1 }, Bae = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, Iae = { class: "pbx-min-w-[30rem] pbx-w-max" }, Hae = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, Dae = { class: "pbx-min-w-[30rem] pbx-w-max" }, Rae = { key: 2 }, zae = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, Oae = { class: "pbx-min-w-[30rem] pbx-w-max" }, Nae = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, Fae = { class: "pbx-min-w-[30rem] pbx-w-max" }, jae = {
+}, Mae = { class: "pbx-bg-white pbx-divide-y pbx-divide-gray-200" }, Lae = { key: 0 }, Eae = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, Aae = { class: "pbx-min-w-[30rem] pbx-w-max" }, $ae = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, _ae = { class: "pbx-min-w-[30rem] pbx-w-max" }, Bae = { key: 1 }, Iae = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, Hae = { class: "pbx-min-w-[30rem] pbx-w-max" }, Dae = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, Rae = { class: "pbx-min-w-[30rem] pbx-w-max" }, zae = { key: 2 }, Oae = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, Nae = { class: "pbx-min-w-[30rem] pbx-w-max" }, Fae = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, jae = { class: "pbx-min-w-[30rem] pbx-w-max" }, Vae = {
   key: 0,
   class: "pbx-flex pbx-items-left pbx-flex-col pbx-gap-1"
-}, Vae = { class: "pbx-myQuaternaryHeader" }, qae = { class: "pbx-myPrimaryParagraph pbx-text-xs" }, Uae = { class: "pbx-settingsSection pbx-whitespace-pre-wrap pbx-text-white pbx-overflow-hidden pbx-bg-gray-900" }, Wae = { class: "pbx-flex bg-gray-800/40 pbx-ring-1 ring-white/5" }, Gae = { class: "pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor" }, Kae = { class: "pbx-px-4 pbx-py-4 pbx-text-white" }, Jae = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-white pbx-text-xs pbx-break-all" }, Yae = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-text-white" }, Qae = { key: 0 }, Xae = { class: "pbx-editorFieldGroup" }, Zae = { key: 1 }, ese = { class: "pbx-myPrimaryParagraph pbx-mt-6 pbx-text-gray-500" }, sa = /* @__PURE__ */ ie({
+}, qae = { class: "pbx-myQuaternaryHeader" }, Uae = { class: "pbx-myPrimaryParagraph pbx-text-xs" }, Wae = { class: "pbx-settingsSection pbx-whitespace-pre-wrap pbx-text-white pbx-overflow-hidden pbx-bg-gray-900" }, Gae = { class: "pbx-flex bg-gray-800/40 pbx-ring-1 ring-white/5" }, Kae = { class: "pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor" }, Jae = { class: "pbx-px-4 pbx-py-4 pbx-text-white" }, Yae = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-white pbx-text-xs pbx-break-all" }, Qae = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-text-white" }, Xae = { key: 0 }, Zae = { class: "pbx-editorFieldGroup" }, ese = { key: 1 }, tse = { class: "pbx-myPrimaryParagraph pbx-mt-6 pbx-text-gray-500" }, sa = /* @__PURE__ */ ie({
   __name: "PageBuilderSettings",
   props: {
     embeddedSection: {}
@@ -39426,7 +39428,7 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
           i.value ? "pbx-editorEmbeddedSettings" : "pbx-inset-x-0 pbx-h-[90vh] pbx-bg-white pbx-overflow-x-scroll lg:pbx-pt-2 pbx-pt-2"
         ])
       }, [
-        i.value ? A("", !0) : (y(), w("div", vie, [
+        i.value ? A("", !0) : (y(), w("div", wie, [
           d("button", {
             onClick: E[0] || (E[0] = (K) => c("overview")),
             type: "button",
@@ -39470,10 +39472,10 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
             d("span", null, f(g(t)("Selected HTML")), 1)
           ], 2)
         ])),
-        u.value ? (y(), w("div", wie, [
-          b.value ? (y(), w("div", Sie, [
-            d("div", kie, [
-              d("h3", Cie, f(g(t)("Configuration Overview")), 1),
+        u.value ? (y(), w("div", Sie, [
+          b.value ? (y(), w("div", kie, [
+            d("div", Cie, [
+              d("h3", Tie, f(g(t)("Configuration Overview")), 1),
               d("p", {
                 class: O(i.value ? "pbx-editorSectionDesc" : "pbx-myPrimaryParagraph pbx-text-xs")
               }, f(g(t)(
@@ -39481,34 +39483,34 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
               )), 3)
             ])
           ])) : A("", !0),
-          o.embeddedSection === "overviewApp" ? (y(), w("p", Tie, f(g(t)("Application version, resource metadata, logo, and form configuration.")), 1)) : A("", !0),
-          o.embeddedSection === "overviewUser" ? (y(), w("p", Pie, f(g(t)("Current user profile and saved application preferences.")), 1)) : A("", !0),
-          o.embeddedSection === "overviewConfig" ? (y(), w("p", Mie, f(g(t)(
+          o.embeddedSection === "overviewApp" ? (y(), w("p", Pie, f(g(t)("Application version, resource metadata, logo, and form configuration.")), 1)) : A("", !0),
+          o.embeddedSection === "overviewUser" ? (y(), w("p", Mie, f(g(t)("Current user profile and saved application preferences.")), 1)) : A("", !0),
+          o.embeddedSection === "overviewConfig" ? (y(), w("p", Lie, f(g(t)(
             "Complete configuration object currently used by the Page Builder. Includes user information, branding settings, and other context-specific data needed for rendering and managing the builder environment."
           )), 1)) : A("", !0),
           m.value ? (y(), w("div", {
             key: 4,
             class: O(["pbx-px-2 pbx-settingsSectionGroup", b.value && !i.value ? "pbx-mt-8" : ""])
           }, [
-            d("div", Lie, [
-              d("h4", Eie, f(g(t)("Version Information")), 1),
-              d("div", Aie, [
-                d("div", $ie, [
-                  d("table", _ie, [
-                    d("thead", Bie, [
+            d("div", Eie, [
+              d("h4", Aie, f(g(t)("Version Information")), 1),
+              d("div", $ie, [
+                d("div", _ie, [
+                  d("table", Bie, [
+                    d("thead", Iie, [
                       d("tr", null, [
-                        d("th", Iie, f(g(t)("App")), 1),
-                        d("th", Hie, f(g(t)("Version")), 1)
+                        d("th", Hie, f(g(t)("App")), 1),
+                        d("th", Die, f(g(t)("Version")), 1)
                       ])
                     ]),
-                    d("tbody", Die, [
+                    d("tbody", Rie, [
                       d("tr", null, [
-                        d("td", Rie, [
-                          d("div", zie, f(g(t)("Page Builder")), 1)
+                        d("td", zie, [
+                          d("div", Oie, f(g(t)("Page Builder")), 1)
                         ]),
-                        d("td", Oie, [
-                          d("div", Nie, [
-                            d("span", Fie, f(g(xre)), 1)
+                        d("td", Nie, [
+                          d("div", Fie, [
+                            d("span", jie, f(g(hre)), 1)
                           ])
                         ])
                       ])
@@ -39517,32 +39519,32 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
                 ])
               ])
             ]),
-            (H = s.value) != null && H.resourceData && !g(Mr)(s.value.resourceData) ? (y(), w("div", jie, [
-              d("h4", Vie, f(g(t)("Resource Data")), 1),
-              d("div", qie, [
-                d("div", Uie, [
-                  d("table", Wie, [
-                    d("thead", Gie, [
+            (H = s.value) != null && H.resourceData && !g(Mr)(s.value.resourceData) ? (y(), w("div", Vie, [
+              d("h4", qie, f(g(t)("Resource Data")), 1),
+              d("div", Uie, [
+                d("div", Wie, [
+                  d("table", Gie, [
+                    d("thead", Kie, [
                       d("tr", null, [
-                        d("th", Kie, f(g(t)("Property")), 1),
-                        d("th", Jie, f(g(t)("Value")), 1)
+                        d("th", Jie, f(g(t)("Property")), 1),
+                        d("th", Yie, f(g(t)("Value")), 1)
                       ])
                     ]),
-                    d("tbody", Yie, [
-                      (I = (M = s.value) == null ? void 0 : M.resourceData) != null && I.title ? (y(), w("tr", Qie, [
-                        d("td", Xie, [
-                          d("div", Zie, f(g(t)("Title")), 1)
+                    d("tbody", Qie, [
+                      (I = (M = s.value) == null ? void 0 : M.resourceData) != null && I.title ? (y(), w("tr", Xie, [
+                        d("td", Zie, [
+                          d("div", ene, f(g(t)("Title")), 1)
                         ]),
-                        d("td", ene, [
-                          d("div", tne, f(s.value.resourceData.title), 1)
+                        d("td", tne, [
+                          d("div", one, f(s.value.resourceData.title), 1)
                         ])
                       ])) : A("", !0),
-                      (T = ($ = s.value) == null ? void 0 : $.resourceData) != null && T.id ? (y(), w("tr", one, [
-                        d("td", rne, [
-                          d("div", ine, f(g(t)("ID")), 1)
+                      (T = ($ = s.value) == null ? void 0 : $.resourceData) != null && T.id ? (y(), w("tr", rne, [
+                        d("td", ine, [
+                          d("div", nne, f(g(t)("ID")), 1)
                         ]),
-                        d("td", nne, [
-                          d("div", ane, f(s.value.resourceData.id), 1)
+                        d("td", ane, [
+                          d("div", sne, f(s.value.resourceData.id), 1)
                         ])
                       ])) : A("", !0)
                     ])
@@ -39550,41 +39552,41 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
                 ])
               ])
             ])) : A("", !0),
-            s.value && s.value.pageBuilderLogo && !g(Mr)(s.value.pageBuilderLogo) ? (y(), w("div", sne, [
-              d("h4", lne, f(g(t)("Logo Configuration")), 1),
-              d("div", pne, [
-                d("div", dne, [
-                  d("table", cne, [
-                    d("thead", une, [
+            s.value && s.value.pageBuilderLogo && !g(Mr)(s.value.pageBuilderLogo) ? (y(), w("div", lne, [
+              d("h4", pne, f(g(t)("Logo Configuration")), 1),
+              d("div", dne, [
+                d("div", cne, [
+                  d("table", une, [
+                    d("thead", bne, [
                       d("tr", null, [
-                        d("th", bne, f(g(t)("Property")), 1),
-                        d("th", mne, f(g(t)("Value")), 1)
+                        d("th", mne, f(g(t)("Property")), 1),
+                        d("th", gne, f(g(t)("Value")), 1)
                       ])
                     ]),
-                    d("tbody", gne, [
+                    d("tbody", xne, [
                       d("tr", null, [
-                        d("td", xne, [
-                          d("div", hne, f(g(t)("Logo")), 1)
+                        d("td", hne, [
+                          d("div", fne, f(g(t)("Logo")), 1)
                         ]),
-                        d("td", fne, [
-                          d("div", yne, [
-                            d("div", vne, [
+                        d("td", yne, [
+                          d("div", vne, [
+                            d("div", wne, [
                               d("img", {
                                 class: "pbx-h-4",
                                 src: s.value.pageBuilderLogo.src,
                                 alt: "Logo"
-                              }, null, 8, wne)
+                              }, null, 8, Sne)
                             ])
                           ])
                         ])
                       ]),
                       d("tr", null, [
-                        d("td", Sne, [
-                          d("div", kne, f(g(t)("Logo URL")), 1)
+                        d("td", kne, [
+                          d("div", Cne, f(g(t)("Logo URL")), 1)
                         ]),
-                        d("td", Cne, [
-                          d("div", Tne, [
-                            d("span", Pne, f(s.value.pageBuilderLogo.src), 1)
+                        d("td", Tne, [
+                          d("div", Pne, [
+                            d("span", Mne, f(s.value.pageBuilderLogo.src), 1)
                           ])
                         ])
                       ])
@@ -39593,24 +39595,24 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
                 ])
               ])
             ])) : A("", !0),
-            (_ = s.value) != null && _.updateOrCreate && !g(Mr)(s.value.updateOrCreate) ? (y(), w("div", Mne, [
-              d("h4", Lne, f(g(t)("Form Type")), 1),
-              d("div", Ene, [
-                d("div", Ane, [
-                  d("table", $ne, [
-                    d("thead", _ne, [
+            (_ = s.value) != null && _.updateOrCreate && !g(Mr)(s.value.updateOrCreate) ? (y(), w("div", Lne, [
+              d("h4", Ene, f(g(t)("Form Type")), 1),
+              d("div", Ane, [
+                d("div", $ne, [
+                  d("table", _ne, [
+                    d("thead", Bne, [
                       d("tr", null, [
-                        d("th", Bne, f(g(t)("Mode")), 1),
-                        d("th", Ine, f(g(t)("Description")), 1)
+                        d("th", Ine, f(g(t)("Mode")), 1),
+                        d("th", Hne, f(g(t)("Description")), 1)
                       ])
                     ]),
-                    d("tbody", Hne, [
+                    d("tbody", Dne, [
                       d("tr", null, [
-                        d("td", Dne, [
-                          d("div", Rne, f(g(t)("Form Type")), 1)
+                        d("td", Rne, [
+                          d("div", zne, f(g(t)("Form Type")), 1)
                         ]),
-                        d("td", zne, [
-                          d("div", One, [
+                        d("td", One, [
+                          d("div", Nne, [
                             d("span", {
                               class: O([
                                 "pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium",
@@ -39620,13 +39622,13 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
                           ])
                         ])
                       ]),
-                      s.value.updateOrCreate.formName && s.value.updateOrCreate.formName.length > 0 ? (y(), w("tr", Nne, [
-                        d("td", Fne, [
-                          d("div", jne, f(g(t)("Form Name")), 1)
+                      s.value.updateOrCreate.formName && s.value.updateOrCreate.formName.length > 0 ? (y(), w("tr", Fne, [
+                        d("td", jne, [
+                          d("div", Vne, f(g(t)("Form Name")), 1)
                         ]),
-                        d("td", Vne, [
-                          d("div", qne, [
-                            d("span", Une, f(s.value.updateOrCreate.formName), 1)
+                        d("td", qne, [
+                          d("div", Une, [
+                            d("span", Wne, f(s.value.updateOrCreate.formName), 1)
                           ])
                         ])
                       ])) : A("", !0)
@@ -39636,57 +39638,57 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
               ])
             ])) : A("", !0)
           ], 2)) : A("", !0),
-          h.value ? (y(), w("div", Wne, [
-            (J = s.value) != null && J.userForPageBuilder && !g(Mr)(s.value.userForPageBuilder) ? (y(), w("div", Gne, [
-              d("h4", Kne, f(g(t)("User Information")), 1),
-              d("div", Jne, [
-                d("div", Yne, [
-                  d("table", Qne, [
-                    d("thead", Xne, [
+          h.value ? (y(), w("div", Gne, [
+            (J = s.value) != null && J.userForPageBuilder && !g(Mr)(s.value.userForPageBuilder) ? (y(), w("div", Kne, [
+              d("h4", Jne, f(g(t)("User Information")), 1),
+              d("div", Yne, [
+                d("div", Qne, [
+                  d("table", Xne, [
+                    d("thead", Zne, [
                       d("tr", null, [
-                        d("th", Zne, f(g(t)("Property")), 1),
-                        d("th", eae, f(g(t)("Value")), 1)
+                        d("th", eae, f(g(t)("Property")), 1),
+                        d("th", tae, f(g(t)("Value")), 1)
                       ])
                     ]),
-                    d("tbody", tae, [
+                    d("tbody", oae, [
                       d("tr", null, [
-                        d("td", oae, [
-                          d("div", rae, f(g(t)("User Name")), 1)
+                        d("td", rae, [
+                          d("div", iae, f(g(t)("User Name")), 1)
                         ]),
-                        d("td", iae, [
-                          d("div", nae, f(s.value.userForPageBuilder.name), 1)
+                        d("td", nae, [
+                          d("div", aae, f(s.value.userForPageBuilder.name), 1)
                         ])
                       ]),
                       d("tr", null, [
                         E[6] || (E[6] = d("td", { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900" }, [
                           d("div", { class: "pbx-min-w-[30rem] pbx-w-max" }, "ID")
                         ], -1)),
-                        d("td", aae, [
-                          d("div", sae, f(s.value.userForPageBuilder.id), 1)
+                        d("td", sae, [
+                          d("div", lae, f(s.value.userForPageBuilder.id), 1)
                         ])
                       ]),
                       d("tr", null, [
-                        d("td", lae, [
-                          d("div", pae, f(g(t)("Image")), 1)
+                        d("td", pae, [
+                          d("div", dae, f(g(t)("Image")), 1)
                         ]),
-                        s.value.userForPageBuilder.image && typeof s.value.userForPageBuilder.image == "string" && s.value.userForPageBuilder.image.length > 2 ? (y(), w("td", dae, [
-                          d("div", cae, [
-                            d("div", uae, [
+                        s.value.userForPageBuilder.image && typeof s.value.userForPageBuilder.image == "string" && s.value.userForPageBuilder.image.length > 2 ? (y(), w("td", cae, [
+                          d("div", uae, [
+                            d("div", bae, [
                               d("img", {
                                 class: "pbx-block pbx-inset-0 pbx-object-top pbx-h-10 pbx-min-h-10 pbx-max-h-10 pbx-w-10 pbx-min-w-10 pbx-max-w-10 pbx-object-cover pbx-rounded-full",
                                 src: s.value.userForPageBuilder.image,
                                 alt: "image"
-                              }, null, 8, bae)
+                              }, null, 8, mae)
                             ])
                           ])
                         ])) : A("", !0)
                       ]),
                       d("tr", null, [
-                        d("td", mae, [
-                          d("div", gae, f(g(t)("Image URL")), 1)
+                        d("td", gae, [
+                          d("div", xae, f(g(t)("Image URL")), 1)
                         ]),
-                        s.value.userForPageBuilder.image && typeof s.value.userForPageBuilder.image == "string" && s.value.userForPageBuilder.image.length > 2 ? (y(), w("td", xae, [
-                          d("div", hae, f(s.value.userForPageBuilder.image), 1)
+                        s.value.userForPageBuilder.image && typeof s.value.userForPageBuilder.image == "string" && s.value.userForPageBuilder.image.length > 2 ? (y(), w("td", hae, [
+                          d("div", fae, f(s.value.userForPageBuilder.image), 1)
                         ])) : A("", !0)
                       ])
                     ])
@@ -39694,32 +39696,32 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
                 ])
               ])
             ])) : A("", !0),
-            (F = s.value) != null && F.userSettings && !g(Mr)(s.value.userSettings) ? (y(), w("div", fae, [
-              d("h4", yae, f(g(t)("User Settings")), 1),
-              d("div", vae, [
-                d("div", wae, [
-                  d("table", Sae, [
-                    d("thead", kae, [
+            (F = s.value) != null && F.userSettings && !g(Mr)(s.value.userSettings) ? (y(), w("div", yae, [
+              d("h4", vae, f(g(t)("User Settings")), 1),
+              d("div", wae, [
+                d("div", Sae, [
+                  d("table", kae, [
+                    d("thead", Cae, [
                       d("tr", null, [
-                        d("th", Cae, f(g(t)("Setting")), 1),
-                        d("th", Tae, f(g(t)("Value")), 1)
+                        d("th", Tae, f(g(t)("Setting")), 1),
+                        d("th", Pae, f(g(t)("Value")), 1)
                       ])
                     ]),
-                    d("tbody", Pae, [
-                      (j = (N = s.value) == null ? void 0 : N.userSettings) != null && j.language ? (y(), w("tr", Mae, [
-                        d("td", Lae, [
-                          d("div", Eae, f(g(t)("Language")), 1)
+                    d("tbody", Mae, [
+                      (j = (N = s.value) == null ? void 0 : N.userSettings) != null && j.language ? (y(), w("tr", Lae, [
+                        d("td", Eae, [
+                          d("div", Aae, f(g(t)("Language")), 1)
                         ]),
-                        d("td", Aae, [
-                          d("div", $ae, f(s.value.userSettings.language), 1)
+                        d("td", $ae, [
+                          d("div", _ae, f(s.value.userSettings.language), 1)
                         ])
                       ])) : A("", !0),
-                      ((Q = (U = s.value) == null ? void 0 : U.userSettings) == null ? void 0 : Q.autoSave) !== void 0 ? (y(), w("tr", _ae, [
-                        d("td", Bae, [
-                          d("div", Iae, f(g(t)("Auto Save")), 1)
+                      ((Q = (U = s.value) == null ? void 0 : U.userSettings) == null ? void 0 : Q.autoSave) !== void 0 ? (y(), w("tr", Bae, [
+                        d("td", Iae, [
+                          d("div", Hae, f(g(t)("Auto Save")), 1)
                         ]),
-                        d("td", Hae, [
-                          d("div", Dae, [
+                        d("td", Dae, [
+                          d("div", Rae, [
                             d("span", {
                               class: O([
                                 "pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium",
@@ -39729,12 +39731,12 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
                           ])
                         ])
                       ])) : A("", !0),
-                      ((pe = (be = s.value) == null ? void 0 : be.userSettings) == null ? void 0 : pe.notifications) !== void 0 ? (y(), w("tr", Rae, [
-                        d("td", zae, [
-                          d("div", Oae, f(g(t)("Notifications")), 1)
+                      ((pe = (be = s.value) == null ? void 0 : be.userSettings) == null ? void 0 : pe.notifications) !== void 0 ? (y(), w("tr", zae, [
+                        d("td", Oae, [
+                          d("div", Nae, f(g(t)("Notifications")), 1)
                         ]),
-                        d("td", Nae, [
-                          d("div", Fae, [
+                        d("td", Fae, [
+                          d("div", jae, [
                             d("span", {
                               class: O([
                                 "pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium",
@@ -39754,20 +39756,20 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
             key: 6,
             class: O(["pbx-settingsSectionGroup", b.value ? "pbx-mt-12" : ""])
           }, [
-            b.value ? (y(), w("div", jae, [
-              d("h3", Vae, f(g(t)("Complete Configuration Overview")), 1),
-              d("p", qae, f(g(t)(
+            b.value ? (y(), w("div", Vae, [
+              d("h3", qae, f(g(t)("Complete Configuration Overview")), 1),
+              d("p", Uae, f(g(t)(
                 "Complete configuration object currently used by the Page Builder. Includes user information, branding settings, and other context-specific data needed for rendering and managing the builder environment."
               )), 1)
             ])) : A("", !0),
-            d("div", Uae, [
-              d("div", Wae, [
-                d("div", Gae, [
-                  d("div", Kae, f(g(t)("Configuration")), 1)
+            d("div", Wae, [
+              d("div", Gae, [
+                d("div", Kae, [
+                  d("div", Jae, f(g(t)("Configuration")), 1)
                 ])
               ]),
-              d("div", Jae, [
-                d("p", Yae, " config: " + f(JSON.stringify(s.value, null, 4)), 1)
+              d("div", Yae, [
+                d("p", Qae, " config: " + f(JSON.stringify(s.value, null, 4)), 1)
               ])
             ])
           ], 2)) : A("", !0)
@@ -39776,13 +39778,13 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
           key: 2,
           class: O(i.value ? "" : "pbx-min-h-screen pbx-mt-4")
         }, [
-          Array.isArray(l.value) && l.value.length >= 1 ? (y(), w("div", Qae, [
+          Array.isArray(l.value) && l.value.length >= 1 ? (y(), w("div", Xae, [
             d("p", {
               class: O(["pbx-editorSectionDesc", i.value ? "" : "pbx-mb-10"])
             }, f(g(t)(
               "Export the entire page as a standalone HTML file. This includes all sections, content, and applied styles, making it ready for use or integration elsewhere."
             )), 3),
-            d("div", Xae, [
+            d("div", Zae, [
               d("button", {
                 onClick: k,
                 type: "button",
@@ -39791,8 +39793,8 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
                 d("span", null, f(g(t)("Download HTML file")), 1)
               ])
             ])
-          ])) : (y(), w("div", Zae, [
-            d("p", ese, f(g(t)(
+          ])) : (y(), w("div", ese, [
+            d("p", tse, f(g(t)(
               "No components added yet. Add components to the page to enable HTML download."
             )), 1)
           ]))
@@ -39801,16 +39803,16 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
           key: 3,
           class: O(i.value ? "" : "pbx-min-h-screen pbx-mt-4")
         }, [
-          R(yie)
+          R(vie)
         ], 2)) : A("", !0)
       ], 2);
     };
   }
-}), tse = { class: "pbx-flex pbx-flex-col pbx-gap-2" }, ose = /* @__PURE__ */ ie({
+}), ose = { class: "pbx-flex pbx-flex-col pbx-gap-2" }, rse = /* @__PURE__ */ ie({
   __name: "OverviewSettingsSection",
   setup(o) {
     const { translate: e } = Se();
-    return (t, r) => (y(), w("div", tse, [
+    return (t, r) => (y(), w("div", ose, [
       R(tt, null, {
         title: q(() => [
           ze(f(g(e)("App & Resource")), 1)
@@ -39840,7 +39842,7 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
       })
     ]));
   }
-}), rse = /* @__PURE__ */ ie({
+}), ise = /* @__PURE__ */ ie({
   __name: "DownloadHtmlSettingsSection",
   setup(o) {
     const { translate: e } = Se();
@@ -39854,7 +39856,7 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
       _: 1
     }));
   }
-}), ise = /* @__PURE__ */ ie({
+}), nse = /* @__PURE__ */ ie({
   __name: "SelectedHtmlSettingsSection",
   setup(o) {
     const { translate: e } = Se();
@@ -39868,31 +39870,31 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
       _: 1
     }));
   }
-}), nse = { class: "pbx-myPrimaryParagraph pbx-font-medium pbx-pt-6" }, ase = { class: "pbx-my-2 pbx-py-2" }, sse = {
+}), ase = { class: "pbx-myPrimaryParagraph pbx-font-medium pbx-pt-6" }, sse = { class: "pbx-my-2 pbx-py-2" }, lse = {
   for: "font-desktop",
   class: "pbx-myPrimaryInputLabel"
-}, lse = {
+}, pse = {
   disabled: "",
   value: ""
-}, pse = { class: "pbx-my-2 pbx-py-2" }, dse = {
+}, dse = { class: "pbx-my-2 pbx-py-2" }, cse = {
   for: "font-weight",
   class: "pbx-myPrimaryInputLabel"
-}, cse = {
+}, use = {
   disabled: "",
   value: ""
-}, use = { class: "pbx-my-2 pbx-py-2" }, bse = {
+}, bse = { class: "pbx-my-2 pbx-py-2" }, mse = {
   for: "font-family",
   class: "pbx-myPrimaryInputLabel"
-}, mse = { value: null }, gse = ["value"], xse = {
+}, gse = { value: null }, xse = ["value"], hse = {
   key: 0,
   class: "pbx-mt-2 pbx-mb-0 pbx-text-xs pbx-text-gray-500"
-}, hse = { class: "pbx-my-2 pbx-py-2" }, fse = {
+}, fse = { class: "pbx-my-2 pbx-py-2" }, yse = {
   for: "font-style",
   class: "pbx-myPrimaryInputLabel"
-}, yse = {
+}, vse = {
   disabled: "",
   value: ""
-}, vse = /* @__PURE__ */ ie({
+}, wse = /* @__PURE__ */ ie({
   __name: "TypographyControl",
   setup(o) {
     const { translate: e } = Se(), t = Fe(), r = Ne, i = S(null), n = S(null), a = S(null), s = S(null), l = S(null), p = S(null), c = S(""), u = S(null), b = L(() => r.getElement), m = L(() => r.getFontBase), h = L(() => r.getFontDesktop), x = L(() => r.getFontTablet), v = L(() => r.getFontMobile), C = L(() => r.getFontWeight), P = L(() => r.getFontFamily), k = L(() => r.getFontStyle), B = L(() => r.getPageBuilderConfig), E = L(
@@ -39963,17 +39965,17 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
         ze(f(g(e)("Typographies")), 1)
       ]),
       content: q(() => [
-        d("p", nse, f(g(e)("Font Appearance")), 1),
+        d("p", ase, f(g(e)("Font Appearance")), 1),
         A("", !0),
-        d("div", ase, [
-          d("label", sse, f(g(e)("Font size")), 1),
+        d("div", sse, [
+          d("label", lse, f(g(e)("Font size")), 1),
           $e(d("select", {
             id: "font-desktop",
             "onUpdate:modelValue": T[2] || (T[2] = (_) => n.value = _),
             class: "pbx-myPrimarySelect",
             onChange: T[3] || (T[3] = (_) => g(t).handleFontSizeDesktop(n.value ?? void 0))
           }, [
-            d("option", lse, f(g(e)("Select")), 1),
+            d("option", pse, f(g(e)("Select")), 1),
             (y(!0), w(oe, null, ve(g(Ji).fontDesktop, (_) => (y(), w("option", { key: _ }, f(_), 1))), 128))
           ], 544), [
             [Lt, n.value]
@@ -39981,49 +39983,49 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
         ]),
         A("", !0),
         T[13] || (T[13] = d("hr", null, null, -1)),
-        d("div", pse, [
-          d("label", dse, f(g(e)("Font weight")), 1),
+        d("div", dse, [
+          d("label", cse, f(g(e)("Font weight")), 1),
           $e(d("select", {
             id: "font-weight",
             "onUpdate:modelValue": T[8] || (T[8] = (_) => l.value = _),
             class: "pbx-myPrimarySelect",
             onChange: T[9] || (T[9] = (_) => g(t).handleFontWeight(l.value ?? void 0))
           }, [
-            d("option", cse, f(g(e)("Select")), 1),
+            d("option", use, f(g(e)("Select")), 1),
             (y(!0), w(oe, null, ve(g(zo).fontWeight, (_) => (y(), w("option", { key: _ }, f(_), 1))), 128))
           ], 544), [
             [Lt, l.value]
           ])
         ]),
         T[14] || (T[14] = d("hr", null, null, -1)),
-        d("div", use, [
-          d("label", bse, f(g(e)("Font family")), 1),
+        d("div", bse, [
+          d("label", mse, f(g(e)("Font family")), 1),
           $e(d("select", {
             id: "font-family",
             "onUpdate:modelValue": T[10] || (T[10] = (_) => p.value = _),
             class: "pbx-myPrimarySelect",
             onChange: M
           }, [
-            d("option", mse, f(g(e)("No font family")), 1),
+            d("option", gse, f(g(e)("No font family")), 1),
             (y(!0), w(oe, null, ve(E.value.filter((_) => _.value !== "none"), (_) => (y(), w("option", {
               key: _.value,
               value: _.value
-            }, f(_.label), 9, gse))), 128))
+            }, f(_.label), 9, xse))), 128))
           ], 544), [
             [Lt, p.value]
           ]),
-          !H.value && c.value ? (y(), w("p", xse, f(g(e)("Inherited")) + ": " + f(c.value), 1)) : A("", !0)
+          !H.value && c.value ? (y(), w("p", hse, f(g(e)("Inherited")) + ": " + f(c.value), 1)) : A("", !0)
         ]),
         T[15] || (T[15] = d("hr", null, null, -1)),
-        d("div", hse, [
-          d("label", fse, f(g(e)("Font Style")), 1),
+        d("div", fse, [
+          d("label", yse, f(g(e)("Font Style")), 1),
           $e(d("select", {
             id: "font-style",
             "onUpdate:modelValue": T[11] || (T[11] = (_) => u.value = _),
             class: "pbx-myPrimarySelect",
             onChange: T[12] || (T[12] = (_) => g(t).handleFontStyle(u.value ?? void 0))
           }, [
-            d("option", yse, f(g(e)("Select")), 1),
+            d("option", vse, f(g(e)("Select")), 1),
             (y(!0), w(oe, null, ve(g(zo).fontStyle, (_) => (y(), w("option", { key: _ }, f(_), 1))), 128))
           ], 544), [
             [Lt, u.value]
@@ -40033,10 +40035,10 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
       _: 1
     }));
   }
-}), wse = { class: "pbx-pageDesignEditor pbx-min-h-[60rem]" }, Sse = {
+}), Sse = { class: "pbx-pageDesignEditor pbx-min-h-[60rem]" }, kse = {
   key: 0,
   class: "pbx-pageDesignLoading"
-}, kse = { class: "pbx-editorSectionDesc pbx-pageDesignIntro" }, Cse = { class: "pbx-pageDesignSection" }, Tse = { class: "pbx-pageDesignSectionTitle" }, Pse = { class: "pbx-pageDesignCard" }, Mse = { class: "pbx-pageDesignToggleRow" }, Lse = { class: "pbx-pageDesignToggleCopy" }, Ese = { class: "pbx-pageDesignToggleLabel" }, Ase = { class: "pbx-pageDesignToggleHint" }, $se = { class: "pbx-pageDesignSection" }, _se = { class: "pbx-pageDesignCard pbx-pageDesignCardWide" }, Bse = { class: "pbx-pageDesignSection" }, Ise = { class: "pbx-pageDesignSectionTitle" }, Hse = { class: "pbx-pageDesignGrid" }, Dse = { class: "pbx-pageDesignCard" }, Rse = { class: "pbx-pageDesignCardLabel pbx-px-2" }, zse = { class: "pbx-pageDesignCard" }, Ose = { class: "pbx-pageDesignCardLabel pbx-px-2" }, Nse = { class: "pbx-pageDesignSection" }, Fse = { class: "pbx-pageDesignSectionTitle" }, jse = { class: "pbx-pageDesignGrid" }, Vse = { class: "pbx-pageDesignCard" }, qse = { class: "pbx-pageDesignCard" }, Use = { class: "pbx-pageDesignSection" }, Wse = { class: "pbx-pageDesignSectionTitle" }, Gse = { class: "pbx-pageDesignGrid" }, Kse = { class: "pbx-pageDesignCard" }, Jse = { class: "pbx-pageDesignCard" }, Yse = { class: "pbx-pageDesignSection" }, Qse = { class: "pbx-pageDesignSectionTitle" }, Xse = { class: "pbx-pageDesignGrid" }, Zse = { class: "pbx-pageDesignCard" }, ele = { class: "pbx-pageDesignCard" }, tle = /* @__PURE__ */ ie({
+}, Cse = { class: "pbx-editorSectionDesc pbx-pageDesignIntro" }, Tse = { class: "pbx-pageDesignSection" }, Pse = { class: "pbx-pageDesignSectionTitle" }, Mse = { class: "pbx-pageDesignCard" }, Lse = { class: "pbx-pageDesignToggleRow" }, Ese = { class: "pbx-pageDesignToggleCopy" }, Ase = { class: "pbx-pageDesignToggleLabel" }, $se = { class: "pbx-pageDesignToggleHint" }, _se = { class: "pbx-pageDesignSection" }, Bse = { class: "pbx-pageDesignCard pbx-pageDesignCardWide" }, Ise = { class: "pbx-pageDesignSection" }, Hse = { class: "pbx-pageDesignSectionTitle" }, Dse = { class: "pbx-pageDesignGrid" }, Rse = { class: "pbx-pageDesignCard" }, zse = { class: "pbx-pageDesignCardLabel pbx-px-2" }, Ose = { class: "pbx-pageDesignCard" }, Nse = { class: "pbx-pageDesignCardLabel pbx-px-2" }, Fse = { class: "pbx-pageDesignSection" }, jse = { class: "pbx-pageDesignSectionTitle" }, Vse = { class: "pbx-pageDesignGrid" }, qse = { class: "pbx-pageDesignCard" }, Use = { class: "pbx-pageDesignCard" }, Wse = { class: "pbx-pageDesignSection" }, Gse = { class: "pbx-pageDesignSectionTitle" }, Kse = { class: "pbx-pageDesignGrid" }, Jse = { class: "pbx-pageDesignCard" }, Yse = { class: "pbx-pageDesignCard" }, Qse = { class: "pbx-pageDesignSection" }, Xse = { class: "pbx-pageDesignSectionTitle" }, Zse = { class: "pbx-pageDesignGrid" }, ele = { class: "pbx-pageDesignCard" }, tle = { class: "pbx-pageDesignCard" }, ole = /* @__PURE__ */ ie({
   name: "PageDesignEditor",
   __name: "PageDesignEditor",
   props: {
@@ -40051,23 +40053,23 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
       const s = t.setGlobalFullWidth(a);
       r.value++, await s;
     };
-    return (a, s) => (y(), w("div", wse, [
-      o.isLoading ? (y(), w("div", Sse, [...s[0] || (s[0] = [
+    return (a, s) => (y(), w("div", Sse, [
+      o.isLoading ? (y(), w("div", kse, [...s[0] || (s[0] = [
         d("div", {
           class: "pbx-inline-block pbx-h-8 pbx-w-8 pbx-animate-spin pbx-rounded-full pbx-border-4 pbx-border-solid pbx-border-current pbx-border-r-transparent",
           role: "status"
         }, null, -1)
       ])])) : (y(), w(oe, { key: 1 }, [
-        d("p", kse, f(g(e)(
+        d("p", Cse, f(g(e)(
           "Apply styles that affect the entire page. These settings include global font family, text color, background color, and other universal styles that apply to all sections."
         )), 1),
-        d("section", Cse, [
-          d("h4", Tse, f(g(e)("Layout")), 1),
-          d("div", Pse, [
-            d("div", Mse, [
-              d("div", Lse, [
-                d("p", Ese, f(g(e)("Full-width page")), 1),
-                d("p", Ase, f(g(e)("Stretch all sections across browser width")), 1)
+        d("section", Tse, [
+          d("h4", Pse, f(g(e)("Layout")), 1),
+          d("div", Mse, [
+            d("div", Lse, [
+              d("div", Ese, [
+                d("p", Ase, f(g(e)("Full-width page")), 1),
+                d("p", $se, f(g(e)("Stretch all sections across browser width")), 1)
               ]),
               R(_o, {
                 "model-value": i.value,
@@ -40076,53 +40078,53 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
             ])
           ])
         ]),
-        d("section", $se, [
-          d("div", _se, [
-            R(vse)
+        d("section", _se, [
+          d("div", Bse, [
+            R(wse)
           ])
         ]),
-        d("section", Bse, [
-          d("h4", Ise, f(g(e)("Colors")), 1),
-          d("div", Hse, [
-            d("div", Dse, [
-              d("p", Rse, f(g(e)("Text Color")), 1),
+        d("section", Ise, [
+          d("h4", Hse, f(g(e)("Colors")), 1),
+          d("div", Dse, [
+            d("div", Rse, [
+              d("p", zse, f(g(e)("Text Color")), 1),
               R(JD, { globalPageLayout: !0 })
             ]),
-            d("div", zse, [
-              d("p", Ose, f(g(e)("Background Color")), 1),
+            d("div", Ose, [
+              d("p", Nse, f(g(e)("Background Color")), 1),
               R(YD, { globalPageLayout: !0 })
             ])
           ])
         ]),
-        d("section", Nse, [
-          d("h4", Fse, f(g(e)("Spacing")), 1),
-          d("div", jse, [
-            d("div", Vse, [
+        d("section", Fse, [
+          d("h4", jse, f(g(e)("Spacing")), 1),
+          d("div", Vse, [
+            d("div", qse, [
               R(dR)
             ]),
-            d("div", qse, [
+            d("div", Use, [
               R(cR)
             ])
           ])
         ]),
-        d("section", Use, [
-          d("h4", Wse, f(g(e)("Borders")), 1),
-          d("div", Gse, [
-            d("div", Kse, [
+        d("section", Wse, [
+          d("h4", Gse, f(g(e)("Borders")), 1),
+          d("div", Kse, [
+            d("div", Jse, [
               R(uR)
             ]),
-            d("div", Jse, [
+            d("div", Yse, [
               R(bR)
             ])
           ])
         ]),
-        d("section", Yse, [
-          d("h4", Qse, f(g(e)("Advanced")), 1),
-          d("div", Xse, [
-            d("div", Zse, [
+        d("section", Qse, [
+          d("h4", Xse, f(g(e)("Advanced")), 1),
+          d("div", Zse, [
+            d("div", ele, [
               R(nR)
             ]),
-            d("div", ele, [
+            d("div", tle, [
               R(aR)
             ])
           ])
@@ -40130,13 +40132,13 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
       ], 64))
     ]));
   }
-}), ole = { class: "pbx-flex pbx-h-full pbx-flex-col" }, rle = { class: "pbx-flex pbx-flex-row pbx-justify-between pbx-pt-7 pbx-pr-4 pbx-pl-4 pbx-items-center pbx-mb-3" }, ile = ["aria-label"], nle = { class: "pbx-font-medium pbx-text-sm" }, ale = { class: "pbx-lowercase" }, sle = { class: "pbx-px-4 pbx-mb-3" }, lle = ["aria-label"], ple = ["aria-selected"], dle = ["aria-selected"], cle = ["aria-selected"], ule = { class: "pbx-flex pbx-flex-col pbx-gap-2" }, ble = {
+}), rle = { class: "pbx-flex pbx-h-full pbx-flex-col" }, ile = { class: "pbx-flex pbx-flex-row pbx-justify-between pbx-pt-7 pbx-pr-4 pbx-pl-4 pbx-items-center pbx-mb-3" }, nle = ["aria-label"], ale = { class: "pbx-font-medium pbx-text-sm" }, sle = { class: "pbx-lowercase" }, lle = { class: "pbx-px-4 pbx-mb-3" }, ple = ["aria-label"], dle = ["aria-selected"], cle = ["aria-selected"], ule = ["aria-selected"], ble = { class: "pbx-flex pbx-flex-col pbx-gap-2" }, mle = {
   key: 0,
   class: "pbx-flex pbx-flex-col pbx-gap-2"
-}, mle = {
+}, gle = {
   key: 1,
   class: "pbx-rounded-xl pbx-border pbx-border-solid pbx-border-gray-200 pbx-bg-white pbx-px-4 pbx-py-8 pbx-text-center"
-}, gle = { class: "pbx-myPrimaryParagraph pbx-text-sm pbx-text-gray-500 pbx-my-0" }, xle = { class: "pbx-flex pbx-flex-col pbx-gap-2" }, hle = { class: "pbx-flex pbx-flex-col pbx-gap-2" }, fle = /* @__PURE__ */ ie({
+}, xle = { class: "pbx-myPrimaryParagraph pbx-text-sm pbx-text-gray-500 pbx-my-0" }, hle = { class: "pbx-flex pbx-flex-col pbx-gap-2" }, fle = { class: "pbx-flex pbx-flex-col pbx-gap-2" }, yle = /* @__PURE__ */ ie({
   __name: "RightSidebarEditor",
   emits: ["closeEditor"],
   setup(o) {
@@ -40181,8 +40183,8 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
       P && P.removeAttribute("data-global-selected"), h.value = !1, x.value = !1;
     };
     return (P, k) => (y(), w(oe, null, [
-      d("div", ole, [
-        d("div", rle, [
+      d("div", rle, [
+        d("div", ile, [
           d("button", {
             type: "button",
             onClick: k[0] || (k[0] = (B) => P.$emit("closeEditor")),
@@ -40193,17 +40195,17 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
               class: "material-symbols-outlined",
               "aria-hidden": "true"
             }, " close ", -1)
-          ])], 8, ile),
-          d("p", nle, [
+          ])], 8, nle),
+          d("p", ale, [
             l.value ? (y(), w(oe, { key: 0 }, [
               ze(f(g(e)("Editing")) + " ", 1),
-              d("span", ale, "<" + f(s.value) + ">", 1)
+              d("span", sle, "<" + f(s.value) + ">", 1)
             ], 64)) : (y(), w(oe, { key: 1 }, [
               ze(f(g(e)("Properties")), 1)
             ], 64))
           ])
         ]),
-        d("div", sle, [
+        d("div", lle, [
           d("div", {
             class: "pbx-grid pbx-grid-cols-3 pbx-gap-1 pbx-rounded-xl pbx-border pbx-border-solid pbx-border-gray-200 pbx-bg-white pbx-p-1",
             role: "tablist",
@@ -40218,7 +40220,7 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
                 n.value === "styles" ? "pbx-bg-myPrimaryLinkColor pbx-text-white pbx-shadow-sm" : "pbx-bg-transparent pbx-text-myPrimaryDarkGrayColor hover:pbx-bg-gray-50"
               ]),
               onClick: k[1] || (k[1] = (B) => m("styles"))
-            }, f(g(e)("Styles")), 11, ple),
+            }, f(g(e)("Styles")), 11, dle),
             d("button", {
               type: "button",
               role: "tab",
@@ -40228,7 +40230,7 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
                 n.value === "settings" ? "pbx-bg-myPrimaryLinkColor pbx-text-white pbx-shadow-sm" : "pbx-bg-transparent pbx-text-myPrimaryDarkGrayColor hover:pbx-bg-gray-50"
               ]),
               onClick: k[2] || (k[2] = (B) => m("settings"))
-            }, f(g(e)("Settings")), 11, dle),
+            }, f(g(e)("Settings")), 11, cle),
             d("button", {
               type: "button",
               role: "tab",
@@ -40238,8 +40240,8 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
                 n.value === "tools" ? "pbx-bg-myPrimaryLinkColor pbx-text-white pbx-shadow-sm" : "pbx-bg-transparent pbx-text-myPrimaryDarkGrayColor hover:pbx-bg-gray-50"
               ]),
               onClick: k[3] || (k[3] = (B) => m("tools"))
-            }, f(g(e)("Tools")), 11, cle)
-          ], 8, lle)
+            }, f(g(e)("Tools")), 11, ule)
+          ], 8, ple)
         ]),
         d("div", {
           ref_key: "scrollContainer",
@@ -40247,37 +40249,37 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
           onScroll: b,
           class: "pbx-pl-3 pbx-pr-3 pbx-mb-4 pbx-flex-1 pbx-overflow-y-scroll"
         }, [
-          $e(d("div", ule, [
-            l.value ? (y(), w("div", ble, [
-              p.value ? (y(), me(Yee, { key: 0 })) : A("", !0),
-              R(hte),
+          $e(d("div", ble, [
+            l.value ? (y(), w("div", mle, [
+              p.value ? (y(), me(Qee, { key: 0 })) : A("", !0),
+              R(fte),
               R(dR),
               R(cR),
               R(uR),
               R(bR),
               R(nR),
               R(aR),
-              R(Vee)
-            ])) : (y(), w("div", mle, [
-              d("p", gle, f(g(e)("No Element selected")), 1)
+              R(qee)
+            ])) : (y(), w("div", gle, [
+              d("p", xle, f(g(e)("No Element selected")), 1)
             ]))
           ], 512), [
             [$r, n.value === "styles"]
           ]),
-          $e(d("div", xle, [
-            R(ure, { onOpen: v }),
-            R(Toe),
-            R(Doe),
-            R(ore),
-            R(gre),
-            R(sre)
+          $e(d("div", hle, [
+            R(bre, { onOpen: v }),
+            R(Poe),
+            R(Roe),
+            R(rre),
+            R(xre),
+            R(lre)
           ], 512), [
             [$r, n.value === "settings"]
           ]),
-          $e(d("div", hle, [
-            R(ose),
+          $e(d("div", fle, [
             R(rse),
-            R(ise)
+            R(ise),
+            R(nse)
           ], 512), [
             [$r, n.value === "tools"]
           ])
@@ -40292,37 +40294,37 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
         maxHeight: ""
       }, {
         default: q(() => [
-          R(tle, { isLoading: x.value }, null, 8, ["isLoading"])
+          R(ole, { isLoading: x.value }, null, 8, ["isLoading"])
         ]),
         _: 1
       }, 8, ["showModalBuilder", "title"])
     ], 64));
   }
-}), yle = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-ml-2" }, vle = { class: "pbx-mr-2" }, wle = {
+}), vle = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-ml-2" }, wle = { class: "pbx-mr-2" }, Sle = {
   key: 0,
   class: "pbx-flex pbx-items-center pbx-myPrimaryTag pbx-whitespace-nowrap pbx-py-0 pbx-gap-2"
-}, Sle = { class: "pbx-text-white pbx-rounded-full pbx-bg-myPrimaryBrandColor pbx-flex pbx-justify-center pbx-items-center pbx-text-xs pbx-d pbx-min-d pbx-max-d lg:pbx-w-8 lg:pbx-h-8 lg:pbx-min-w-8 lg:pbx-max-w-8 pbx-w-8 pbx-h-8 pbx-min-w-8 pbx-max-w-8 pbx-font-normal" }, kle = {
+}, kle = { class: "pbx-text-white pbx-rounded-full pbx-bg-myPrimaryBrandColor pbx-flex pbx-justify-center pbx-items-center pbx-text-xs pbx-d pbx-min-d pbx-max-d lg:pbx-w-8 lg:pbx-h-8 lg:pbx-min-w-8 lg:pbx-max-w-8 pbx-w-8 pbx-h-8 pbx-min-w-8 pbx-max-w-8 pbx-font-normal" }, Cle = {
   key: 1,
   class: "pbx-flex pbx-items-center lg:pbx-myPrimaryTag pbx-whitespace-nowrap pbx-py-0 pbx-gap-4 pbx-w-max pbx-h-12 pbx-ml-2"
-}, Cle = { class: "pbx-text-white pbx-flex-shrink-0 pbx-d pbx-w-10 pbx-h-10 pbx-rounded-full pbx-flex pbx-justify-center pbx-items-center pbx-text-xs pbx-rounded-l-full" }, Tle = ["src"], Ple = /* @__PURE__ */ ie({
+}, Tle = { class: "pbx-text-white pbx-flex-shrink-0 pbx-d pbx-w-10 pbx-h-10 pbx-rounded-full pbx-flex pbx-justify-center pbx-items-center pbx-text-xs pbx-rounded-l-full" }, Ple = ["src"], Mle = /* @__PURE__ */ ie({
   __name: "ToolbarOption",
   setup(o) {
     const e = Ne, t = L(() => e.getPageBuilderConfig);
     return (r, i) => {
       var n;
       return y(), w("div", null, [
-        d("div", yle, [
-          d("div", vle, [
-            t.value && t.value.userForPageBuilder && t.value.userForPageBuilder.name && (!t.value.userForPageBuilder.image || typeof t.value.userForPageBuilder.image == "string" && ((n = t.value.userForPageBuilder.image) == null ? void 0 : n.length) < 2) ? (y(), w("div", wle, [
-              d("div", Sle, f(typeof t.value.userForPageBuilder.name == "string" && t.value.userForPageBuilder.name[0]), 1)
+        d("div", vle, [
+          d("div", wle, [
+            t.value && t.value.userForPageBuilder && t.value.userForPageBuilder.name && (!t.value.userForPageBuilder.image || typeof t.value.userForPageBuilder.image == "string" && ((n = t.value.userForPageBuilder.image) == null ? void 0 : n.length) < 2) ? (y(), w("div", Sle, [
+              d("div", kle, f(typeof t.value.userForPageBuilder.name == "string" && t.value.userForPageBuilder.name[0]), 1)
             ])) : A("", !0),
-            t.value && t.value.userForPageBuilder && t.value.userForPageBuilder.name && t.value.userForPageBuilder.image && typeof t.value.userForPageBuilder.image == "string" && t.value.userForPageBuilder.image.length > 2 ? (y(), w("div", kle, [
-              d("div", Cle, [
+            t.value && t.value.userForPageBuilder && t.value.userForPageBuilder.name && t.value.userForPageBuilder.image && typeof t.value.userForPageBuilder.image == "string" && t.value.userForPageBuilder.image.length > 2 ? (y(), w("div", Cle, [
+              d("div", Tle, [
                 d("img", {
                   alt: "Avatar",
                   src: `${t.value.userForPageBuilder.image}`,
                   class: "pbx-block pbx-inset-0 pbx-object-top pbx-d pbx-min-d pbx-max-d lg:pbx-w-8 lg:pbx-h-8 lg:pbx-min-w-8 lg:pbx-max-w-8 pbx-w-8 pbx-h-8 pbx-min-w-8 pbx-max-w-8 pbx-object-cover pbx-rounded-full"
-                }, null, 8, Tle)
+                }, null, 8, Ple)
               ])
             ])) : A("", !0)
           ])
@@ -40332,13 +40334,13 @@ const fre = ["title", "aria-label"], yre = { class: "pbx-inspectorIdChipText" },
   }
 });
 let Qp = null;
-function Mle() {
+function Lle() {
   return (o, e = 300) => {
     Qp && clearTimeout(Qp), Qp = setTimeout(o, e);
   };
 }
-const Lle = {};
-function Ele(o, e) {
+const Ele = {};
+function Ale(o, e) {
   return y(), me(hi, { to: "body" }, [
     e[0] || (e[0] = d("div", { class: "pbx-bg-white pbx-flex pbx-justify-center pbx-items-center min-pbx-h-screen pbx-h-screen pbx-w-screen pbx-fixed pbx-inset-0 pbx-z-[10000]" }, [
       d("div", { class: "pbx-absolute pbx-top-1/3" }, [
@@ -40351,19 +40353,19 @@ function Ele(o, e) {
     ], -1))
   ]);
 }
-const xR = /* @__PURE__ */ mn(Lle, [["render", Ele]]), Ale = { class: "pbx-text-sm pbx-font-semibold pbx-text-myPrimaryDarkGrayColor pbx-mb-2" }, $le = { class: "pbx-flex pbx-gap-2" }, _le = { class: "pbx-text-xs pbx-text-gray-500 pbx-mt-2 pbx-mb-0" }, Ble = { class: "pbx-text-sm pbx-font-semibold pbx-text-myPrimaryDarkGrayColor pbx-mb-2" }, Ile = { class: "pbx-flex pbx-items-center pbx-justify-center" }, Hle = {
+const xR = /* @__PURE__ */ mn(Ele, [["render", Ale]]), $le = { class: "pbx-text-sm pbx-font-semibold pbx-text-myPrimaryDarkGrayColor pbx-mb-2" }, _le = { class: "pbx-flex pbx-gap-2" }, Ble = { class: "pbx-text-xs pbx-text-gray-500 pbx-mt-2 pbx-mb-0" }, Ile = { class: "pbx-text-sm pbx-font-semibold pbx-text-myPrimaryDarkGrayColor pbx-mb-2" }, Hle = { class: "pbx-flex pbx-items-center pbx-justify-center" }, Dle = {
   class: "pbx-inline-grid pbx-gap-1 pbx-py-8 pbx-px-2 pbx-rounded-xl pbx-border pbx-border-solid pbx-border-gray-200 pbx-bg-gray-50 pbx-w-full pbx-justify-center",
   style: { "grid-template-columns": "repeat(3, 2.5rem)" }
-}, Dle = ["title", "onClick"], Rle = { class: "pbx-text-sm pbx-font-semibold pbx-text-myPrimaryDarkGrayColor pbx-mb-2" }, zle = { class: "pbx-grid pbx-grid-cols-2 pbx-gap-2" }, Ole = ["onClick"], Nle = {
+}, Rle = ["title", "onClick"], zle = { class: "pbx-text-sm pbx-font-semibold pbx-text-myPrimaryDarkGrayColor pbx-mb-2" }, Ole = { class: "pbx-grid pbx-grid-cols-2 pbx-gap-2" }, Nle = ["onClick"], Fle = {
   for: "image-alt-text",
   class: "pbx-text-sm pbx-font-semibold pbx-text-myPrimaryDarkGrayColor pbx-mb-2 pbx-block"
-}, Fle = { class: "pbx-flex pbx-justify-between pbx-items-center pbx-gap-4 pbx-border pbx-border-gray-200 pbx-py-4 pbx-px-3 pbx-rounded-lg" }, jle = ["placeholder", "onKeydown"], Vle = ["disabled", "title"], qle = {
+}, jle = { class: "pbx-flex pbx-justify-between pbx-items-center pbx-gap-4 pbx-border pbx-border-gray-200 pbx-py-4 pbx-px-3 pbx-rounded-lg" }, Vle = ["placeholder", "onKeydown"], qle = ["disabled", "title"], Ule = {
   key: 0,
   class: "material-symbols-outlined pbx-materialIconXl"
-}, Ule = {
+}, Wle = {
   key: 1,
   class: "material-symbols-outlined pbx-animate-spin"
-}, Wle = { class: "pbx-text-xs pbx-text-gray-500 pbx-mt-2 pbx-mb-0" }, Gle = /* @__PURE__ */ ie({
+}, Gle = { class: "pbx-text-xs pbx-text-gray-500 pbx-mt-2 pbx-mb-0" }, Kle = /* @__PURE__ */ ie({
   __name: "ImageSettingsModal",
   props: {
     show: { type: Boolean }
@@ -40433,8 +40435,8 @@ const xR = /* @__PURE__ */ mn(Lle, [["render", Ele]]), Ale = { class: "pbx-text-
       }, ["stop"]))
     }, [
       d("div", null, [
-        d("p", Ale, f(g(t)("Image fit")), 1),
-        d("div", $le, [
+        d("p", $le, f(g(t)("Image fit")), 1),
+        d("div", _le, [
           d("button", {
             type: "button",
             class: O([
@@ -40452,12 +40454,12 @@ const xR = /* @__PURE__ */ mn(Lle, [["render", Ele]]), Ale = { class: "pbx-text-
             onClick: M[1] || (M[1] = (I) => C("pbx-object-contain"))
           }, f(g(t)("Contain")), 3)
         ]),
-        d("p", _le, f(g(t)("Cover fills the frame and may crop. Contain shows the full image.")), 1)
+        d("p", Ble, f(g(t)("Cover fills the frame and may crop. Contain shows the full image.")), 1)
       ]),
       d("div", null, [
-        d("p", Ble, f(g(t)("Crop focus")), 1),
-        d("div", Ile, [
-          d("div", Hle, [
+        d("p", Ile, f(g(t)("Crop focus")), 1),
+        d("div", Hle, [
+          d("div", Dle, [
             (y(!0), w(oe, null, ve(c.flat(), (I) => (y(), w("button", {
               key: I,
               type: "button",
@@ -40469,13 +40471,13 @@ const xR = /* @__PURE__ */ mn(Lle, [["render", Ele]]), Ale = { class: "pbx-text-
               onClick: ($) => P(I)
             }, [...M[5] || (M[5] = [
               d("span", { class: "material-symbols-outlined pbx-materialIconBase" }, "crop_free", -1)
-            ])], 10, Dle))), 128))
+            ])], 10, Rle))), 128))
           ])
         ])
       ]),
       d("div", null, [
-        d("p", Rle, f(g(t)("Shape")), 1),
-        d("div", zle, [
+        d("p", zle, f(g(t)("Shape")), 1),
+        d("div", Ole, [
           (y(), w(oe, null, ve(E, (I) => d("button", {
             key: I.id,
             type: "button",
@@ -40484,12 +40486,12 @@ const xR = /* @__PURE__ */ mn(Lle, [["render", Ele]]), Ale = { class: "pbx-text-
               m.value === I.id ? "pbx-border-myPrimaryLinkColor pbx-bg-myPrimaryLinkColor pbx-text-white" : "pbx-border-gray-200 pbx-bg-white pbx-text-gray-700 hover:pbx-border-gray-300"
             ]),
             onClick: ($) => k(I.id)
-          }, f(g(t)(I.labelKey)), 11, Ole)), 64))
+          }, f(g(t)(I.labelKey)), 11, Nle)), 64))
         ])
       ]),
       d("div", null, [
-        d("label", Nle, f(g(t)("Alt text")), 1),
-        d("div", Fle, [
+        d("label", Fle, f(g(t)("Alt text")), 1),
+        d("div", jle, [
           $e(d("input", {
             id: "image-alt-text",
             "onUpdate:modelValue": M[2] || (M[2] = (I) => s.value = I),
@@ -40497,7 +40499,7 @@ const xR = /* @__PURE__ */ mn(Lle, [["render", Ele]]), Ale = { class: "pbx-text-
             class: "pbx-myPrimaryInput pbx-flex-1 pbx-min-w-0",
             placeholder: g(t)("Describe this image for accessibility"),
             onKeydown: pa(Ce(B, ["prevent"]), ["enter"])
-          }, null, 40, jle), [
+          }, null, 40, Vle), [
             [Co, s.value]
           ]),
           d("button", {
@@ -40510,15 +40512,15 @@ const xR = /* @__PURE__ */ mn(Lle, [["render", Ele]]), Ale = { class: "pbx-text-
             title: g(t)("Save"),
             onClick: B
           }, [
-            p.value ? A("", !0) : (y(), w("span", qle, "check")),
-            p.value ? (y(), w("span", Ule, "refresh")) : A("", !0)
-          ], 10, Vle)
+            p.value ? A("", !0) : (y(), w("span", Ule, "check")),
+            p.value ? (y(), w("span", Wle, "refresh")) : A("", !0)
+          ], 10, qle)
         ]),
-        d("p", Wle, f(g(t)("Helps screen readers and SEO understand the image content.")), 1)
+        d("p", Gle, f(g(t)("Helps screen readers and SEO understand the image content.")), 1)
       ])
     ], 32));
   }
-}), Kle = { class: "pbx-flex-1 pbx-flex pbx-justify-center pbx-items-center pbx-py-2 pbx-w-full pbx-gap-1" }, Jle = ["disabled", "aria-label", "title"], Yle = ["aria-label"], Qle = ["disabled", "aria-label", "title"], Xle = /* @__PURE__ */ ie({
+}), Jle = { class: "pbx-flex-1 pbx-flex pbx-justify-center pbx-items-center pbx-py-2 pbx-w-full pbx-gap-1" }, Yle = ["disabled", "aria-label", "title"], Qle = ["aria-label"], Xle = ["disabled", "aria-label", "title"], Zle = /* @__PURE__ */ ie({
   __name: "UndoRedo",
   emits: ["toolbar-hide-request"],
   setup(o, { expose: e, emit: t }) {
@@ -40529,7 +40531,7 @@ const xR = /* @__PURE__ */ mn(Lle, [["render", Ele]]), Ale = { class: "pbx-text-
     };
     return e({ handleUndo: b, handleRedo: m, canUndo: c, canRedo: u }), (h, x) => (y(), w(oe, null, [
       s.value ? (y(), me(xR, { key: 0 })) : A("", !0),
-      d("div", Kle, [
+      d("div", Jle, [
         d("button", {
           type: "button",
           disabled: !c.value,
@@ -40544,12 +40546,12 @@ const xR = /* @__PURE__ */ mn(Lle, [["render", Ele]]), Ale = { class: "pbx-text-
             class: "material-symbols-outlined",
             "aria-hidden": "true"
           }, " undo ", -1)
-        ])], 10, Jle),
+        ])], 10, Yle),
         d("div", {
           class: "pbx-text-xs pbx-text-gray-600 pbx-mx-2 pbx-py-3 pbx-px-2 pbx-border-solid pbx-border pbx-border-gray-200 pbx-rounded-full",
           "aria-live": "polite",
           "aria-label": `${l.value + 1} ${g(i)("of")} ${p.value}`
-        }, f(l.value + 1) + "/" + f(p.value), 9, Yle),
+        }, f(l.value + 1) + "/" + f(p.value), 9, Qle),
         d("button", {
           type: "button",
           disabled: !u.value,
@@ -40564,11 +40566,11 @@ const xR = /* @__PURE__ */ mn(Lle, [["render", Ele]]), Ale = { class: "pbx-text-
             class: "material-symbols-outlined",
             "aria-hidden": "true"
           }, " redo ", -1)
-        ])], 10, Qle)
+        ])], 10, Xle)
       ])
     ], 64));
   }
-}), Zle = ["width", "height"], epe = /* @__PURE__ */ ie({
+}), epe = ["width", "height"], tpe = /* @__PURE__ */ ie({
   __name: "LayersIcon",
   props: {
     size: { default: 24 }
@@ -40582,18 +40584,18 @@ const xR = /* @__PURE__ */ mn(Lle, [["render", Ele]]), Ale = { class: "pbx-text-
       "aria-hidden": "true"
     }, [...t[0] || (t[0] = [
       Zd('<title>layers</title><g fill="none"><path d="M9.12015 8.16C10.1529 7.38542 10.6693 6.99813 11.2364 6.84884C11.737 6.71706 12.2632 6.71705 12.7638 6.84883C13.331 6.99812 13.8474 7.38541 14.8801 8.15999L20.5868 12.44C21.7448 13.3085 22.3238 13.7427 22.5308 14.275C22.7122 14.7413 22.7122 15.2586 22.5308 15.7249C22.3238 16.2573 21.7448 16.6915 20.5868 17.56L14.8801 21.84C13.8474 22.6146 13.331 23.0019 12.7638 23.1512C12.2632 23.2829 11.737 23.2829 11.2364 23.1512C10.6693 23.0019 10.1529 22.6146 9.12014 21.84L3.41349 17.56C2.25552 16.6915 1.67654 16.2573 1.4695 15.7249C1.28816 15.2586 1.28816 14.7413 1.46951 14.275C1.67655 13.7427 2.25553 13.3085 3.41349 12.44L9.12015 8.16Z" fill="url(#layers-icon-gradient-0)" data-glass="origin" mask="url(#layers-icon-mask)"></path><path d="M9.12015 8.16C10.1529 7.38542 10.6693 6.99813 11.2364 6.84884C11.737 6.71706 12.2632 6.71705 12.7638 6.84883C13.331 6.99812 13.8474 7.38541 14.8801 8.15999L20.5868 12.44C21.7448 13.3085 22.3238 13.7427 22.5308 14.275C22.7122 14.7413 22.7122 15.2586 22.5308 15.7249C22.3238 16.2573 21.7448 16.6915 20.5868 17.56L14.8801 21.84C13.8474 22.6146 13.331 23.0019 12.7638 23.1512C12.2632 23.2829 11.737 23.2829 11.2364 23.1512C10.6693 23.0019 10.1529 22.6146 9.12014 21.84L3.41349 17.56C2.25552 16.6915 1.67654 16.2573 1.4695 15.7249C1.28816 15.2586 1.28816 14.7413 1.46951 14.275C1.67655 13.7427 2.25553 13.3085 3.41349 12.44L9.12015 8.16Z" fill="url(#layers-icon-gradient-0)" data-glass="clone" filter="url(#layers-icon-filter)" clip-path="url(#layers-icon-clip)"></path><path d="M9.12015 2.15999C10.1529 1.38542 10.6693 0.998128 11.2364 0.848835C11.737 0.717055 12.2632 0.717055 12.7638 0.848834C13.331 0.998124 13.8474 1.38541 14.8801 2.15999L20.5868 6.43998C21.7448 7.30845 22.3238 7.74269 22.5308 8.27503C22.7122 8.74132 22.7122 9.25864 22.5308 9.72492C22.3238 10.2573 21.7448 10.6915 20.5868 11.56L14.8801 15.84C13.8474 16.6146 13.331 17.0019 12.7638 17.1512C12.2632 17.2829 11.737 17.2829 11.2364 17.1512C10.6693 17.0019 10.1529 16.6146 9.12014 15.84L3.41349 11.56C2.25552 10.6915 1.67654 10.2573 1.4695 9.72492C1.28816 9.25864 1.28816 8.74132 1.46951 8.27504C1.67655 7.74269 2.25553 7.30846 3.41349 6.43998L9.12015 2.15999Z" fill="url(#layers-icon-gradient-1)" data-glass="blur"></path><path d="M11.237 0.848781C11.7375 0.717108 12.2639 0.717038 12.7644 0.848781C13.3314 0.998119 13.8479 1.38584 14.8806 2.1603L20.5866 6.44056C21.7446 7.30903 22.3239 7.74317 22.5309 8.27552C22.7121 8.74164 22.7121 9.25861 22.5309 9.72473C22.3239 10.2571 21.7446 10.6912 20.5866 11.5597L14.8806 15.8399L14.194 16.3507C13.5865 16.7934 13.1897 17.0395 12.7644 17.1515L12.5749 17.1944C12.1953 17.2685 11.805 17.2685 11.4255 17.1944L11.237 17.1515C10.8117 17.0395 10.4147 16.7933 9.80733 16.3507L9.12081 15.8399L3.4138 11.5597C2.25593 10.6913 1.67649 10.2571 1.46947 9.72473C1.31093 9.31688 1.29097 8.86987 1.4099 8.45227L1.46947 8.27552C1.62471 7.87635 1.98934 7.53197 2.65013 7.01868L3.4138 6.44056L9.12081 2.1603C10.0243 1.48266 10.5323 1.10089 11.0251 0.916164L11.237 0.848781ZM12.5729 1.57436C12.1975 1.47557 11.8029 1.47554 11.4274 1.57436C11.0366 1.67728 10.6561 1.94538 9.57003 2.75991L3.86399 7.04017C3.27389 7.48274 2.87129 7.78513 2.58665 8.04114C2.30554 8.29399 2.20972 8.44147 2.16868 8.547C2.05534 8.83843 2.05534 9.16182 2.16868 9.45325C2.20973 9.55878 2.30557 9.70629 2.58665 9.95911C2.87129 10.2151 3.27391 10.5175 3.86399 10.9601L9.57003 15.2403C10.6561 16.0549 11.0366 16.323 11.4274 16.4259C11.8029 16.5247 12.1975 16.5247 12.5729 16.4259C12.9638 16.323 13.3443 16.0549 14.4304 15.2403L20.1374 10.9601C20.7272 10.5177 21.1292 10.215 21.4137 9.95911C21.6947 9.70637 21.7906 9.55877 21.8317 9.45325C21.945 9.16182 21.945 8.83843 21.8317 8.547C21.7906 8.44148 21.6948 8.2939 21.4137 8.04114C21.1292 7.7852 20.7272 7.48254 20.1374 7.04017L14.4304 2.75991C13.3443 1.94534 12.9638 1.67725 12.5729 1.57436Z" fill="url(#layers-icon-gradient-2)"></path><defs><linearGradient id="layers-icon-gradient-0" x1="12" y1="6.75" x2="12" y2="23.25" gradientUnits="userSpaceOnUse"><stop stop-color="#575757"></stop><stop offset="1" stop-color="#151515"></stop></linearGradient><linearGradient id="layers-icon-gradient-1" x1="12" y1=".75" x2="12" y2="17.25" gradientUnits="userSpaceOnUse"><stop stop-color="#E3E3E5" stop-opacity=".6"></stop><stop offset="1" stop-color="#BBBBC0" stop-opacity=".6"></stop></linearGradient><linearGradient id="layers-icon-gradient-2" x1="12" y1=".75" x2="12" y2="10.305" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"></stop><stop offset="1" stop-color="#fff" stop-opacity="0"></stop></linearGradient><filter id="layers-icon-filter" x="-100%" y="-100%" width="400%" height="400%" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse"><feGaussianBlur stdDeviation="2" x="0%" y="0%" width="100%" height="100%" in="SourceGraphic" edgeMode="none" result="blur"></feGaussianBlur></filter><clipPath id="layers-icon-clip"><path d="M9.12015 2.15999C10.1529 1.38542 10.6693 0.998128 11.2364 0.848835C11.737 0.717055 12.2632 0.717055 12.7638 0.848834C13.331 0.998124 13.8474 1.38541 14.8801 2.15999L20.5868 6.43998C21.7448 7.30845 22.3238 7.74269 22.5308 8.27503C22.7122 8.74132 22.7122 9.25864 22.5308 9.72492C22.3238 10.2573 21.7448 10.6915 20.5868 11.56L14.8801 15.84C13.8474 16.6146 13.331 17.0019 12.7638 17.1512C12.2632 17.2829 11.737 17.2829 11.2364 17.1512C10.6693 17.0019 10.1529 16.6146 9.12014 15.84L3.41349 11.56C2.25552 10.6915 1.67654 10.2573 1.4695 9.72492C1.28816 9.25864 1.28816 8.74132 1.46951 8.27504C1.67655 7.74269 2.25553 7.30846 3.41349 6.43998L9.12015 2.15999Z" fill="url(#layers-icon-gradient-1)"></path></clipPath><mask id="layers-icon-mask"><rect width="100%" height="100%" fill="#FFF"></rect><path d="M9.12015 2.15999C10.1529 1.38542 10.6693 0.998128 11.2364 0.848835C11.737 0.717055 12.2632 0.717055 12.7638 0.848834C13.331 0.998124 13.8474 1.38541 14.8801 2.15999L20.5868 6.43998C21.7448 7.30845 22.3238 7.74269 22.5308 8.27503C22.7122 8.74132 22.7122 9.25864 22.5308 9.72492C22.3238 10.2573 21.7448 10.6915 20.5868 11.56L14.8801 15.84C13.8474 16.6146 13.331 17.0019 12.7638 17.1512C12.2632 17.2829 11.737 17.2829 11.2364 17.1512C10.6693 17.0019 10.1529 16.6146 9.12014 15.84L3.41349 11.56C2.25552 10.6915 1.67654 10.2573 1.4695 9.72492C1.28816 9.25864 1.28816 8.74132 1.46951 8.27504C1.67655 7.74269 2.25553 7.30846 3.41349 6.43998L9.12015 2.15999Z" fill="#000"></path></mask></defs></g>', 2)
-    ])], 8, Zle));
+    ])], 8, epe));
   }
-}), tpe = {
+}), ope = {
   key: 0,
   class: "pbx-inspectorEmpty"
-}, ope = {
+}, rpe = {
   key: 1,
   class: "pbx-htmlCodeViewer"
-}, rpe = { class: "pbx-htmlCodeViewerToolbar" }, ipe = { class: "pbx-htmlCodeViewerToolbarLeft" }, npe = { class: "pbx-htmlCodeViewerMeta" }, ape = { class: "pbx-htmlCodeViewerMeta pbx-htmlCodeViewerMetaMuted" }, spe = {
+}, ipe = { class: "pbx-htmlCodeViewerToolbar" }, npe = { class: "pbx-htmlCodeViewerToolbarLeft" }, ape = { class: "pbx-htmlCodeViewerMeta" }, spe = { class: "pbx-htmlCodeViewerMeta pbx-htmlCodeViewerMetaMuted" }, lpe = {
   class: "material-symbols-outlined",
   "aria-hidden": "true"
-}, lpe = { class: "pbx-htmlCodeViewerSurface" }, ppe = { class: "pbx-htmlCodeViewerPre" }, dpe = ["innerHTML"], cpe = /* @__PURE__ */ ie({
+}, ppe = { class: "pbx-htmlCodeViewerSurface" }, dpe = { class: "pbx-htmlCodeViewerPre" }, cpe = ["innerHTML"], upe = /* @__PURE__ */ ie({
   __name: "HtmlCodeViewerModal",
   props: {
     show: { type: Boolean },
@@ -40602,7 +40604,7 @@ const xR = /* @__PURE__ */ mn(Lle, [["render", Ele]]), Ale = { class: "pbx-text-
   },
   emits: ["close"],
   setup(o) {
-    const e = o, { translate: t } = Se(), r = S(!1), i = L(() => Nee(e.html)), n = L(() => e.html ? i.value.split(`
+    const e = o, { translate: t } = Se(), r = S(!1), i = L(() => Fee(e.html)), n = L(() => e.html ? i.value.split(`
 `).filter((s) => s.trim().length > 0).length : 0);
     async function a() {
       if (!e.html) return;
@@ -40619,51 +40621,51 @@ const xR = /* @__PURE__ */ mn(Lle, [["render", Ele]]), Ale = { class: "pbx-text-
     }, {
       default: q(() => [
         d("div", null, [
-          o.html ? (y(), w("div", ope, [
-            d("div", rpe, [
-              d("div", ipe, [
+          o.html ? (y(), w("div", rpe, [
+            d("div", ipe, [
+              d("div", npe, [
                 l[1] || (l[1] = d("span", { class: "pbx-htmlCodeViewerBadge" }, "HTML", -1)),
-                d("span", npe, f(n.value) + " " + f(g(t)("lines")), 1),
-                d("span", ape, f(g(t)("Read-only")), 1)
+                d("span", ape, f(n.value) + " " + f(g(t)("lines")), 1),
+                d("span", spe, f(g(t)("Read-only")), 1)
               ]),
               d("button", {
                 type: "button",
                 class: "pbx-htmlCodeViewerCopy",
                 onClick: a
               }, [
-                d("span", spe, f(r.value ? "check" : "content_copy"), 1)
+                d("span", lpe, f(r.value ? "check" : "content_copy"), 1)
               ])
             ]),
-            d("div", lpe, [
-              d("pre", ppe, [
-                d("code", { innerHTML: i.value }, null, 8, dpe)
+            d("div", ppe, [
+              d("pre", dpe, [
+                d("code", { innerHTML: i.value }, null, 8, cpe)
               ])
             ])
-          ])) : (y(), w("p", tpe, f(g(t)("No HTML available")), 1))
+          ])) : (y(), w("p", ope, f(g(t)("No HTML available")), 1))
         ])
       ]),
       _: 1
     }, 8, ["showModalBuilder", "title"]));
   }
-}), upe = { class: "pbx-min-h-[10rem] pbx-py-6" }, bpe = {
+}), bpe = { class: "pbx-min-h-[10rem] pbx-py-6" }, mpe = {
   key: 0,
   class: "pbx-inspectorEmpty"
-}, mpe = {
+}, gpe = {
   key: 1,
   class: "pbx-htmlCodeViewer"
-}, gpe = { class: "pbx-htmlCodeViewerToolbar" }, xpe = { class: "pbx-htmlCodeViewerToolbarLeft" }, hpe = { class: "pbx-htmlCodeViewerBadge" }, fpe = { class: "pbx-htmlCodeViewerMeta" }, ype = { class: "pbx-htmlCodeViewerMeta pbx-htmlCodeViewerMetaMuted" }, vpe = {
+}, xpe = { class: "pbx-htmlCodeViewerToolbar" }, hpe = { class: "pbx-htmlCodeViewerToolbarLeft" }, fpe = { class: "pbx-htmlCodeViewerBadge" }, ype = { class: "pbx-htmlCodeViewerMeta" }, vpe = { class: "pbx-htmlCodeViewerMeta pbx-htmlCodeViewerMetaMuted" }, wpe = {
   class: "material-symbols-outlined",
   "aria-hidden": "true"
-}, wpe = { class: "pbx-htmlCodeViewerSurface" }, Spe = ["value", "aria-label", "readonly"], kpe = { class: "pbx-flex pbx-justify-end pbx-min-h-6 pbx-mt-2" }, Cpe = {
+}, Spe = { class: "pbx-htmlCodeViewerSurface" }, kpe = ["value", "aria-label", "readonly"], Cpe = { class: "pbx-flex pbx-justify-end pbx-min-h-6 pbx-mt-2" }, Tpe = {
   key: 0,
   class: "pbx-myPrimaryParagraphError"
-}, Tpe = ["disabled"], Ppe = ["disabled"], Mpe = {
+}, Ppe = ["disabled"], Mpe = ["disabled"], Lpe = {
   key: 0,
   class: "material-symbols-outlined"
-}, Lpe = {
+}, Epe = {
   key: 1,
   class: "material-symbols-outlined pbx-animate-spin"
-}, Epe = /* @__PURE__ */ ie({
+}, Ape = /* @__PURE__ */ ie({
   __name: "HtmlEditorModal",
   props: {
     show: { type: Boolean },
@@ -40700,7 +40702,7 @@ const xR = /* @__PURE__ */ mn(Lle, [["render", Ele]]), Ale = { class: "pbx-text-
           class: "pbx-mySecondaryButton",
           disabled: o.isLoading,
           onClick: c[0] || (c[0] = (u) => p.$emit("close"))
-        }, f(g(i)("Close")), 9, Tpe),
+        }, f(g(i)("Close")), 9, Ppe),
         o.readOnly ? A("", !0) : (y(), w("button", {
           key: 0,
           type: "button",
@@ -40709,28 +40711,28 @@ const xR = /* @__PURE__ */ mn(Lle, [["render", Ele]]), Ale = { class: "pbx-text-
           onClick: c[1] || (c[1] = (u) => p.$emit("save"))
         }, [
           ze(f(g(i)("Save")) + " ", 1),
-          o.isLoading ? A("", !0) : (y(), w("span", Mpe, "check")),
-          o.isLoading ? (y(), w("span", Lpe, "refresh")) : A("", !0)
-        ], 8, Ppe))
+          o.isLoading ? A("", !0) : (y(), w("span", Lpe, "check")),
+          o.isLoading ? (y(), w("span", Epe, "refresh")) : A("", !0)
+        ], 8, Mpe))
       ]),
       default: q(() => [
-        d("div", upe, [
-          o.html ? (y(), w("div", mpe, [
-            d("div", gpe, [
-              d("div", xpe, [
-                d("span", hpe, f(o.badge), 1),
-                d("span", fpe, f(a.value) + " " + f(g(i)("lines")), 1),
-                d("span", ype, f(o.readOnly ? g(i)("Read-only") : g(i)("Editable")), 1)
+        d("div", bpe, [
+          o.html ? (y(), w("div", gpe, [
+            d("div", xpe, [
+              d("div", hpe, [
+                d("span", fpe, f(o.badge), 1),
+                d("span", ype, f(a.value) + " " + f(g(i)("lines")), 1),
+                d("span", vpe, f(o.readOnly ? g(i)("Read-only") : g(i)("Editable")), 1)
               ]),
               d("button", {
                 type: "button",
                 class: "pbx-htmlCodeViewerCopy",
                 onClick: l
               }, [
-                d("span", vpe, f(n.value ? "check" : "content_copy"), 1)
+                d("span", wpe, f(n.value ? "check" : "content_copy"), 1)
               ])
             ]),
-            d("div", wpe, [
+            d("div", Spe, [
               d("textarea", {
                 id: "html-editor",
                 class: "pbx-htmlCodeEditorTextarea",
@@ -40739,22 +40741,22 @@ const xR = /* @__PURE__ */ mn(Lle, [["render", Ele]]), Ale = { class: "pbx-text-
                 readonly: o.readOnly,
                 spellcheck: "false",
                 onInput: s
-              }, null, 40, Spe)
+              }, null, 40, kpe)
             ])
-          ])) : (y(), w("p", bpe, f(g(i)("No HTML available")), 1))
+          ])) : (y(), w("p", mpe, f(g(i)("No HTML available")), 1))
         ]),
-        d("div", kpe, [
-          o.error ? (y(), w("p", Cpe, "Error: " + f(o.error), 1)) : A("", !0)
+        d("div", Cpe, [
+          o.error ? (y(), w("p", Tpe, "Error: " + f(o.error), 1)) : A("", !0)
         ])
       ]),
       _: 1
     }, 8, ["showModalBuilder", "title"]));
   }
-}), Ape = {
+}), $pe = {
   class: "pbx-pointer-events-none pbx-fixed pbx-right-6 pbx-top-6 pbx-z-[10010] pbx-flex pbx-flex-col pbx-items-end pbx-gap-3",
   "aria-live": "polite",
   "aria-relevant": "additions removals"
-}, $pe = { class: "pbx-toastMessage" }, _pe = ["onClick"], Bpe = /* @__PURE__ */ ie({
+}, _pe = { class: "pbx-toastMessage" }, Bpe = ["onClick"], Ipe = /* @__PURE__ */ ie({
   __name: "ToastContainer",
   setup(o) {
     const { toasts: e, hideToast: t } = wt(), r = {
@@ -40762,7 +40764,7 @@ const xR = /* @__PURE__ */ mn(Lle, [["render", Ele]]), Ale = { class: "pbx-text-
       error: "pbx-toastError",
       warning: "pbx-toastWarning"
     };
-    return (i, n) => (y(), w("div", Ape, [
+    return (i, n) => (y(), w("div", $pe, [
       R(IR, {
         name: "pbx-toast",
         tag: "div",
@@ -40774,7 +40776,7 @@ const xR = /* @__PURE__ */ mn(Lle, [["render", Ele]]), Ale = { class: "pbx-text-
             class: O(["pbx-toast", r[a.type]]),
             role: "status"
           }, [
-            d("span", $pe, f(a.message), 1),
+            d("span", _pe, f(a.message), 1),
             d("button", {
               type: "button",
               class: "pbx-toastClose",
@@ -40785,22 +40787,22 @@ const xR = /* @__PURE__ */ mn(Lle, [["render", Ele]]), Ale = { class: "pbx-text-
                 class: "material-symbols-outlined pbx-materialIcon18",
                 "aria-hidden": "true"
               }, " close_small ", -1)
-            ])], 8, _pe)
+            ])], 8, Bpe)
           ], 2))), 128))
         ]),
         _: 1
       })
     ]));
   }
-}), Ipe = /* @__PURE__ */ mn(Bpe, [["__scopeId", "data-v-f80eecd8"]]);
-function Hpe(o) {
+}), Hpe = /* @__PURE__ */ mn(Ipe, [["__scopeId", "data-v-f80eecd8"]]);
+function Dpe(o) {
   return o instanceof HTMLElement ? !!o.closest(
     'input, textarea, select, [contenteditable="true"], .pbx-inline-tiptap-editor, .ProseMirror'
   ) : !1;
 }
-function Dpe(o) {
+function Rpe(o) {
   const e = (t) => {
-    if (o.isBlocked() || Hpe(t.target)) return;
+    if (o.isBlocked() || Dpe(t.target)) return;
     const r = t.metaKey || t.ctrlKey;
     if (r && t.key.toLowerCase() === "z" && !t.shiftKey) {
       t.preventDefault(), o.canUndo() && o.onUndo();
@@ -40830,15 +40832,15 @@ const hR = "--pbx-brand-color", fR = "--pbx-brand-color-rgb";
 function yR(o) {
   return o != null && o.trim() ? vo(o) ?? o.trim() : null;
 }
-function Rpe(o) {
+function zpe(o) {
   const e = yR(o);
   if (!e) return null;
   const t = UD(e);
   return t ? `${t.r} ${t.g} ${t.b}` : null;
 }
-function zpe(o) {
+function Ope(o) {
   if (typeof document > "u") return;
-  const e = yR(o), t = Rpe(o);
+  const e = yR(o), t = zpe(o);
   if (e && t) {
     document.documentElement.style.setProperty(hR, e), document.documentElement.style.setProperty(fR, t);
     return;
@@ -40848,22 +40850,22 @@ function zpe(o) {
 function vR() {
   typeof document > "u" || (document.documentElement.style.removeProperty(hR), document.documentElement.style.removeProperty(fR));
 }
-const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-auto pbx-flex pbx-flex-col pbx-font-sans pbx-text-black pbx-border-solid pbx-border pbx-border-gray-400 pbx-inset-x-0 pbx-z-10 pbx-bg-white pbx-overflow-x-auto pbx-h-full" }, Npe = {
+const Npe = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-auto pbx-flex pbx-flex-col pbx-font-sans pbx-text-black pbx-border-solid pbx-border pbx-border-gray-400 pbx-inset-x-0 pbx-z-10 pbx-bg-white pbx-overflow-x-auto pbx-h-full" }, Fpe = {
   id: "pagebuilder-navbar",
   class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-min-w-[64rem] pbx-max-w-[64rem] pbx-w-[64rem] pbx-flex-1 pbx-bg-myPrimaryLightGrayColor pbx-flex pbx-items-center pbx-justify-between pbx-border-0 pbx-border-solid pbx-border-b pbx-border-gray-200 pbx-mb-2 pbx-font-sans pbx-min-h-20"
-}, Fpe = ["src"], jpe = { class: "pbx-flex pbx-items-center pbx-justify-center" }, Vpe = ["disabled", "aria-label", "title"], qpe = {
+}, jpe = ["src"], Vpe = { class: "pbx-flex pbx-items-center pbx-justify-center" }, qpe = ["disabled", "aria-label", "title"], Upe = {
   key: 0,
   class: "pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"
-}, Upe = {
+}, Wpe = {
   key: 1,
   class: "pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"
-}, Wpe = ["disabled", "aria-label"], Gpe = {
+}, Gpe = ["disabled", "aria-label"], Kpe = {
   key: 0,
   class: "pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"
-}, Kpe = {
+}, Jpe = {
   key: 1,
   class: "pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"
-}, Jpe = { class: "lg:pbx-block pbx-hidden" }, Ype = { class: "lg:pbx-hidden pbx-block" }, Qpe = ["aria-label", "title"], Xpe = { class: "pbx-h-10 pbx-w-10 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" }, Zpe = { class: "lg:pbx-block lg:pbx-pr-4 pbx-hidden" }, ede = ["aria-label", "title"], tde = { class: "lg:pbx-block lg:pbx-pr-4 pbx-hidden" }, ode = ["aria-label", "title"], rde = { class: "pbx-h-10 pbx-w-10 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" }, ide = {
+}, Ype = { class: "lg:pbx-block pbx-hidden" }, Qpe = { class: "lg:pbx-hidden pbx-block" }, Xpe = ["aria-label", "title"], Zpe = { class: "pbx-h-10 pbx-w-10 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" }, ede = { class: "lg:pbx-block lg:pbx-pr-4 pbx-hidden" }, tde = ["aria-label", "title"], ode = { class: "lg:pbx-block lg:pbx-pr-4 pbx-hidden" }, rde = ["aria-label", "title"], ide = { class: "pbx-h-10 pbx-w-10 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" }, nde = {
   fill: "currentColor",
   height: "22",
   viewBox: "0 0 22 22",
@@ -40871,7 +40873,7 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
   xmlns: "http://www.w3.org/2000/svg",
   style: { display: "block" },
   "aria-hidden": "true"
-}, nde = ["aria-label", "title"], ade = { class: "pbx-h-10 pbx-w-10 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" }, sde = {
+}, ade = ["aria-label", "title"], sde = { class: "pbx-h-10 pbx-w-10 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" }, lde = {
   fill: "currentColor",
   height: "22",
   viewBox: "0 0 22 22",
@@ -40879,38 +40881,38 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
   xmlns: "http://www.w3.org/2000/svg",
   style: { display: "block" },
   "aria-hidden": "true"
-}, lde = { class: "pbx-flex-1 pbx-flex gap-2 pbx-items-center pbx-justify-end" }, pde = {
+}, pde = { class: "pbx-flex-1 pbx-flex gap-2 pbx-items-center pbx-justify-end" }, dde = {
   key: 0,
   class: "pbx-flex-1 pbx-ml-2"
-}, dde = {
+}, cde = {
   key: 0,
   class: "pbx-flex-1 pbx-flex pbx-justify-end pbx-items-center pbx-ml-2 lg:pbx-mr-4 pbx-mr-2"
-}, cde = ["value"], ude = ["value"], bde = {
+}, ude = ["value"], bde = ["value"], mde = {
   key: 2,
   class: "pbx-flex-1 pbx-ml-2 pbx-mr-2"
-}, mde = ["aria-label"], gde = {
+}, gde = ["aria-label"], xde = {
   id: "pagebuilder-main",
   class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-min-w-[64rem] pbx-max-w-[64rem] pbx-w-[64rem] pbx-flex-1 pbx-relative pbx-h-full pbx-flex pbx-pb-2 pbx-gap-2"
-}, xde = {
+}, hde = {
   id: "pbxEditToolbar",
   class: "pbx-z-30 pbx-flex pbx-flex-wrap pbx-gap-x-2 pbx-gap-y-1 pbx-justify-start pbx-items-center pbx-content-start pbx-rounded-sm pbx-px-2 pbx-py-0 pbx-h-0 pbx-relative pbx-box-border"
-}, hde = {
+}, fde = {
   key: 0,
   "data-pbx-insert-btn": ""
-}, fde = { class: "pbx-flex pbx-justify-center pbx-w-full pbx-absolute pbx-items-center pbx-gap-3" }, yde = { class: "pbx-flex pbx-items-center pbx-gap-2" }, vde = { class: "pbx-font-medium pbx-break-words lg:pbx-text-lg md:pbx-text-lg pbx-text-base pbx-font-sans" }, wde = { class: "pbx-flex pbx-items-center pbx-gap-2" }, Sde = { class: "pbx-font-medium pbx-break-words lg:pbx-text-lg md:pbx-text-lg pbx-text-base pbx-font-sans" }, kde = {
+}, yde = { class: "pbx-flex pbx-justify-center pbx-w-full pbx-absolute pbx-items-center pbx-gap-3" }, vde = { class: "pbx-flex pbx-items-center pbx-gap-2" }, wde = { class: "pbx-font-medium pbx-break-words lg:pbx-text-lg md:pbx-text-lg pbx-text-base pbx-font-sans" }, Sde = { class: "pbx-flex pbx-items-center pbx-gap-2" }, kde = { class: "pbx-font-medium pbx-break-words lg:pbx-text-lg md:pbx-text-lg pbx-text-base pbx-font-sans" }, Cde = {
   key: 1,
   "data-pbx-insert-btn": ""
-}, Cde = { class: "pbx-flex pbx-justify-end pbx-w-full pbx-h-0 pbx-items-center pbx-rounded-r-full pbx-z-10" }, Tde = { class: "pbx-flex pbx-items-center" }, Pde = { class: "pbx-flex pbx-items-center" }, Mde = { class: "lg:pbx-block pbx-hidden" }, Lde = { class: "pbx-flex pbx-items-center" }, Ede = ["innerHTML", "onMouseup"], Ade = {
+}, Tde = { class: "pbx-flex pbx-justify-end pbx-w-full pbx-h-0 pbx-items-center pbx-rounded-r-full pbx-z-10" }, Pde = { class: "pbx-flex pbx-items-center" }, Mde = { class: "pbx-flex pbx-items-center" }, Lde = { class: "lg:pbx-block pbx-hidden" }, Ede = { class: "pbx-flex pbx-items-center" }, Ade = ["innerHTML", "onMouseup"], $de = {
   key: 1,
   "data-pbx-insert-btn": ""
-}, $de = { class: "pbx-flex pbx-justify-end pbx-w-full pbx-h-0 pbx-items-center pbx-rounded-r-full pbx-z-10" }, _de = { class: "pbx-flex pbx-items-center" }, Bde = ["onClick"], Ide = { class: "pbx-flex pbx-items-center" }, Hde = { class: "lg:pbx-block pbx-hidden" }, Dde = ["onClick"], Rde = { class: "pbx-flex pbx-items-center" }, zde = {
+}, _de = { class: "pbx-flex pbx-justify-end pbx-w-full pbx-h-0 pbx-items-center pbx-rounded-r-full pbx-z-10" }, Bde = { class: "pbx-flex pbx-items-center" }, Ide = ["onClick"], Hde = { class: "pbx-flex pbx-items-center" }, Dde = { class: "lg:pbx-block pbx-hidden" }, Rde = ["onClick"], zde = { class: "pbx-flex pbx-items-center" }, Ode = {
   fill: "currentColor",
   height: "22",
   viewBox: "0 0 22 22",
   width: "22",
   xmlns: "http://www.w3.org/2000/svg",
   style: { display: "block" }
-}, dce = /* @__PURE__ */ ie({
+}, cce = /* @__PURE__ */ ie({
   __name: "PageBuilder",
   props: {
     CustomMediaLibraryComponent: {
@@ -41047,7 +41049,7 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
         return (z = (G = de.value) == null ? void 0 : G.settings) == null ? void 0 : z.brandColor;
       },
       (G) => {
-        zpe(G);
+        Ope(G);
       },
       { immediate: !0 }
     );
@@ -41096,7 +41098,7 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
       style: mo.value.getAttribute("style"),
       class: mo.value.getAttribute("class"),
       dataImage: mo.value.getAttribute("data-image")
-    }), za = Mle();
+    }), za = Lle();
     se(xn, async (G, z) => {
       ((G == null ? void 0 : G.src) !== (z == null ? void 0 : z.src) || (G == null ? void 0 : G.href) !== (z == null ? void 0 : z.href) || (G == null ? void 0 : G.style) !== (z == null ? void 0 : z.style) || (G == null ? void 0 : G.class) !== (z == null ? void 0 : z.class) || (G == null ? void 0 : G.dataImage) !== (z == null ? void 0 : z.dataImage)) && za(async () => {
         await t.initializeElementStyles();
@@ -41144,7 +41146,7 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
     }, Ei = () => {
       xo.value = !1, t.setImageSettingsModalOpen(!1);
     };
-    Dpe({
+    Rpe({
       canUndo: () => k.getHistoryIndex > 0,
       canRedo: () => k.getHistoryIndex < k.getHistoryLength - 1,
       isBlocked: () => Fa.value || He.value || k.getInlineTipTapEditor || bt.value || co.value || I.value || st.value || go.value || s.value || r.value || ee.value || lo.value || xo.value,
@@ -41278,7 +41280,7 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
           ]),
           _: 1
         })) : A("", !0),
-        d("div", Ope, [
+        d("div", Npe, [
           Fa.value && !Si.value || He.value ? (y(), me(xR, { key: 0 })) : A("", !0),
           R(ro, {
             title: "The builder hasn’t started yet",
@@ -41420,7 +41422,7 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
             ])]),
             _: 1
           }, 8, ["showDynamicModalBuilder", "isLoading", "type", "gridColumnAmount", "title", "description", "firstButtonText", "secondButtonText", "thirdButtonText"]),
-          d("div", Npe, [
+          d("div", Fpe, [
             de.value && de.value.pageBuilderLogo && de.value.pageBuilderLogo.src ? (y(), w("div", {
               key: 0,
               onClick: z[10] || (z[10] = Ce(
@@ -41435,9 +41437,9 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                 class: "pbx-h-6",
                 src: de.value.pageBuilderLogo.src,
                 alt: "Logo"
-              }, null, 8, Fpe)
+              }, null, 8, jpe)
             ])) : A("", !0),
-            R(Xle, {
+            R(Zle, {
               ref_key: "undoRedoRef",
               ref: fn,
               onToolbarHideRequest: ap
@@ -41451,7 +41453,7 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
               )),
               class: "pbx-flex-1 pbx-flex pbx-justify-center pbx-items-center pbx-py-2 pbx-w-full"
             }, [
-              d("div", jpe, [
+              d("div", Vpe, [
                 d("button", {
                   class: "pbx-mySecondaryButton pbx-h-6 pbx-flex pbx-gap-2 pbx-mr-2",
                   onClick: z[11] || (z[11] = Ce(
@@ -41465,20 +41467,20 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                   "aria-label": g(x)("Save"),
                   title: `${g(x)("Save")} (Ctrl+S)`
                 }, [
-                  br.value ? A("", !0) : (y(), w("div", qpe, [...z[36] || (z[36] = [
+                  br.value ? A("", !0) : (y(), w("div", Upe, [...z[36] || (z[36] = [
                     d("span", {
                       class: "material-symbols-outlined",
                       "aria-hidden": "true"
                     }, "save", -1)
                   ])])),
-                  br.value ? (y(), w("div", Upe, [...z[37] || (z[37] = [
+                  br.value ? (y(), w("div", Wpe, [...z[37] || (z[37] = [
                     d("span", { class: "pbx-relative pbx-flex pbx-size-3" }, [
                       d("span", { class: "pbx-absolute pbx-inline-flex pbx-h-full pbx-w-full pbx-animate-ping pbx-rounded-full pbx-bg-gray-400 pbx-opacity-75" }),
                       d("span", { class: "pbx-relative pbx-inline-flex pbx-size-3 pbx-rounded-full pbx-bg-green-200" })
                     ], -1)
                   ])])) : A("", !0),
                   d("div", null, f(g(x)("Save")), 1)
-                ], 8, Vpe),
+                ], 8, qpe),
                 de.value && de.value.updateOrCreate && de.value.updateOrCreate.formType === "update" ? (y(), w("button", {
                   key: 0,
                   class: "pbx-mySecondaryButton pbx-h-6 pbx-flex pbx-gap-2 lg:pbx-mr-2 pbx-mr-2",
@@ -41492,22 +41494,22 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                   disabled: Vo.value,
                   "aria-label": g(x)("Reset Page")
                 }, [
-                  Vo.value ? A("", !0) : (y(), w("div", Gpe, [...z[38] || (z[38] = [
+                  Vo.value ? A("", !0) : (y(), w("div", Kpe, [...z[38] || (z[38] = [
                     d("span", { class: "material-symbols-outlined" }, " settings_backup_restore ", -1)
                   ])])),
-                  Vo.value ? (y(), w("div", Kpe, [...z[39] || (z[39] = [
+                  Vo.value ? (y(), w("div", Jpe, [...z[39] || (z[39] = [
                     d("span", { class: "pbx-relative pbx-flex pbx-size-3" }, [
                       d("span", { class: "pbx-absolute pbx-inline-flex pbx-h-full pbx-w-full pbx-animate-ping pbx-rounded-full pbx-bg-gray-400 pbx-opacity-75" }),
                       d("span", { class: "pbx-relative pbx-inline-flex pbx-size-3 pbx-rounded-full pbx-bg-green-200" })
                     ], -1)
                   ])])) : A("", !0),
-                  d("div", Jpe, [
+                  d("div", Ype, [
                     d("span", null, f(g(x)("Reset Page")), 1)
                   ]),
-                  d("div", Ype, [
+                  d("div", Qpe, [
                     d("span", null, f(g(x)("Reset")), 1)
                   ])
-                ], 8, Wpe)) : A("", !0)
+                ], 8, Gpe)) : A("", !0)
               ])
             ]),
             d("div", {
@@ -41537,11 +41539,11 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                     g(k).setComponentArrayAddMethod("unshift"), qr();
                   })
                 }, [
-                  d("span", Xpe, [
-                    R(epe)
+                  d("span", Zpe, [
+                    R(tpe)
                   ]),
-                  d("span", Zpe, f(g(x)("Add")), 1)
-                ], 8, Qpe),
+                  d("span", ede, f(g(x)("Add")), 1)
+                ], 8, Xpe),
                 B.value ? (y(), w("button", {
                   key: 0,
                   type: "button",
@@ -41553,8 +41555,8 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                   z[40] || (z[40] = d("span", { class: "pbx-h-10 pbx-w-10 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" }, [
                     d("span", { class: "material-symbols-outlined" }, " shopping_bag ")
                   ], -1)),
-                  d("span", tde, f(g(x)("Products")), 1)
-                ], 8, ede)) : A("", !0),
+                  d("span", ode, f(g(x)("Products")), 1)
+                ], 8, tde)) : A("", !0),
                 d("button", {
                   type: "button",
                   class: "pbx-mr-2 pbx-flex pbx-items-center pbx-justify-center pbx-gap-2 pbx-border-0 pbx-bg-transparent pbx-cursor-pointer",
@@ -41564,9 +41566,9 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                     g(k).setMenuRight(!1), g(k).setElement(null), await g(t).clearHtmlSelection(), Bt();
                   })
                 }, [
-                  d("span", rde, [
+                  d("span", ide, [
                     d("span", null, [
-                      (y(), w("svg", ide, [...z[41] || (z[41] = [
+                      (y(), w("svg", nde, [...z[41] || (z[41] = [
                         d("path", {
                           "clip-rule": "evenodd",
                           d: "M2 3h18v13h-8v2h3v2H7v-2h3v-2H2V3zm2 2v9h14V5H4z",
@@ -41575,7 +41577,7 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                       ])]))
                     ])
                   ])
-                ], 8, ode),
+                ], 8, rde),
                 d("button", {
                   type: "button",
                   class: "lg:pbx-flex pbx-hidden pbx-items-center pbx-justify-center pbx-mr-2 pbx-border-0 pbx-bg-transparent pbx-cursor-pointer",
@@ -41585,16 +41587,16 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                     g(k).setMenuRight(!1), g(k).setElement(null), await g(t).clearHtmlSelection(), wi();
                   })
                 }, [
-                  d("span", ade, [
-                    (y(), w("svg", sde, [...z[42] || (z[42] = [
+                  d("span", sde, [
+                    (y(), w("svg", lde, [...z[42] || (z[42] = [
                       d("path", { d: "M14 16H8v2h6v-2z" }, null, -1),
                       d("path", { d: "M14 1H8a3 3 0 00-3 3v14a3 3 0 003 3h6a3 3 0 003-3V4a3 3 0 00-3-3zM7 4a1 1 0 011-1h6a1 1 0 011 1v14a1 1 0 01-1 1H8a1 1 0 01-1-1V4z" }, null, -1)
                     ])]))
                   ])
-                ], 8, nde)
+                ], 8, ade)
               ])
             ]),
-            d("div", lde, [
+            d("div", pde, [
               d("div", {
                 onClick: z[19] || (z[19] = Ce(
                   async () => {
@@ -41604,9 +41606,9 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                 )),
                 class: O(["pbx-flex pbx-items-center pbx-py-2 pbx-w-full", [o.showCloseButton ? "pbx-justify-between" : "pbx-justify-end"]])
               }, [
-                R(Ple)
+                R(Mle)
               ], 2),
-              o.showPublishButton ? (y(), w("div", pde, [
+              o.showPublishButton ? (y(), w("div", dde, [
                 d("button", {
                   class: "pbx-myPrimaryButton",
                   onClick: z[20] || (z[20] = async () => {
@@ -41615,7 +41617,7 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                 }, f(g(x)("Publish")), 1)
               ])) : A("", !0),
               g(t) && de.value && de.value.userSettings && de.value.userSettings.language && !((ge = de.value.userSettings.language) != null && ge.disableLanguageDropDown) ? (y(), w(oe, { key: 1 }, [
-                de.value && de.value.userSettings && de.value.userSettings.language ? (y(), w("div", dde, [
+                de.value && de.value.userSettings && de.value.userSettings.language ? (y(), w("div", cde, [
                   $e(d("select", {
                     id: "pbx-lang",
                     class: "pbx-myPrimarySelect pbx-min-w-20",
@@ -41629,17 +41631,17 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                     ), (V) => (y(), w("option", {
                       key: V,
                       value: V
-                    }, f(V), 9, cde))), 128)) : A("", !0),
+                    }, f(V), 9, ude))), 128)) : A("", !0),
                     !de.value.userSettings.language.enable || Array.isArray(de.value.userSettings.language.enable) && de.value.userSettings.language.enable.length === 0 ? (y(!0), w(oe, { key: 1 }, ve(g(t).availableLanguage(), (V) => (y(), w("option", {
                       key: V,
                       value: V
-                    }, f(V), 9, ude))), 128)) : A("", !0)
+                    }, f(V), 9, bde))), 128)) : A("", !0)
                   ], 512), [
                     [Lt, ae.value]
                   ])
                 ])) : A("", !0)
               ], 64)) : A("", !0),
-              o.showCloseButton ? (y(), w("div", bde, [
+              o.showCloseButton ? (y(), w("div", mde, [
                 d("button", {
                   type: "button",
                   class: "pbx-h-10 pbx-w-10 pbx-flex-end 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 hover:pbx-fill-white focus-visible:pbx-ring-0",
@@ -41652,11 +41654,11 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                     class: "material-symbols-outlined",
                     "aria-hidden": "true"
                   }, " close ", -1)
-                ])], 8, mde)
+                ])], 8, gde)
               ])) : A("", !0)
             ])
           ]),
-          d("div", gde, [
+          d("div", xde, [
             d("main", {
               ref_key: "pbxBuilderWrapper",
               ref: Wo,
@@ -41664,7 +41666,7 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
               class: O(["pbx-transition-all pbx-duration-300 pbx-p-1 pbx-flex pbx-flex-col pbx-grow pbx-rounded-tr-2xl pbx-rounded-tl-2xl pbx-border-solid pbx-border pbx-border-gray-200 pbx-items-stretch pbx-text-black pbx-h-[100vh] pbx-overflow-y-scroll pbx-relative pbx-pt-16", [(To.value, "pbx-w-full")]]),
               style: _e(No.value)
             }, [
-              d("div", xde, [
+              d("div", hde, [
                 mo.value ? (y(), me(yQ, {
                   key: 0,
                   ref_key: "selectedElementToolbarRef",
@@ -41680,14 +41682,14 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                 class: O([nt.value, "pbx-text-black"]),
                 onDblclickCapture: Na
               }, [
-                Array.isArray(Mo.value) && Mo.value.length === 0 ? (y(), w("div", hde, [
-                  d("div", fde, [
+                Array.isArray(Mo.value) && Mo.value.length === 0 ? (y(), w("div", fde, [
+                  d("div", yde, [
                     d("div", {
                       onClick: z[23] || (z[23] = (V) => uo(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"
                     }, [
-                      d("div", yde, [
-                        d("span", vde, f(g(x)("Add new Components")), 1)
+                      d("div", vde, [
+                        d("span", wde, f(g(x)("Add new Components")), 1)
                       ])
                     ]),
                     B.value ? (y(), w("div", {
@@ -41695,23 +41697,23 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                       onClick: z[24] || (z[24] = (V) => bo(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"
                     }, [
-                      d("div", wde, [
+                      d("div", Sde, [
                         z[44] || (z[44] = d("span", { class: "material-symbols-outlined" }, "shopping_bag", -1)),
-                        d("span", Sde, f(g(x)("Products")), 1)
+                        d("span", kde, f(g(x)("Products")), 1)
                       ])
                     ])) : A("", !0)
                   ])
                 ])) : A("", !0),
-                Array.isArray(Mo.value) && Mo.value.length != 0 ? (y(), w("div", kde, [
-                  d("div", Cde, [
-                    d("div", Tde, [
+                Array.isArray(Mo.value) && Mo.value.length != 0 ? (y(), w("div", Cde, [
+                  d("div", Tde, [
+                    d("div", Pde, [
                       d("div", {
                         onClick: z[25] || (z[25] = (V) => uo(0)),
                         class: "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"
                       }, [
-                        d("div", Pde, [
+                        d("div", Mde, [
                           z[45] || (z[45] = d("span", { class: "material-symbols-outlined" }, " add ", -1)),
-                          d("span", Mde, f(g(x)("Add")), 1)
+                          d("span", Lde, f(g(x)("Add")), 1)
                         ])
                       ]),
                       B.value ? (y(), w("div", {
@@ -41719,7 +41721,7 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                         onClick: z[26] || (z[26] = (V) => bo(0)),
                         class: "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"
                       }, [
-                        d("div", Lde, [
+                        d("div", Ede, [
                           z[46] || (z[46] = d("span", { class: "material-symbols-outlined" }, " shopping_bag ", -1)),
                           A("", !0)
                         ])
@@ -41735,29 +41737,29 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                     "data-pagebuilder-content": "",
                     innerHTML: V.html_code,
                     onMouseup: (Qe) => Oa(V)
-                  }, null, 40, Ede)) : A("", !0),
-                  Array.isArray(Mo.value) && Mo.value.length != 0 ? (y(), w("div", Ade, [
-                    d("div", $de, [
-                      d("div", _de, [
+                  }, null, 40, Ade)) : A("", !0),
+                  Array.isArray(Mo.value) && Mo.value.length != 0 ? (y(), w("div", $de, [
+                    d("div", _de, [
+                      d("div", Bde, [
                         d("div", {
                           onClick: (Qe) => uo(ue + 1),
                           class: "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"
                         }, [
-                          d("div", Ide, [
+                          d("div", Hde, [
                             z[47] || (z[47] = d("span", { class: "material-symbols-outlined" }, " add ", -1)),
-                            d("span", Hde, f(g(x)("Add")), 1)
+                            d("span", Dde, f(g(x)("Add")), 1)
                           ])
-                        ], 8, Bde),
+                        ], 8, Ide),
                         B.value ? (y(), w("div", {
                           key: 0,
                           onClick: (Qe) => bo(ue + 1),
                           class: "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"
                         }, [
-                          d("div", Rde, [
+                          d("div", zde, [
                             z[48] || (z[48] = d("span", { class: "material-symbols-outlined" }, " shopping_bag ", -1)),
                             A("", !0)
                           ])
-                        ], 8, Dde)) : A("", !0)
+                        ], 8, Rde)) : A("", !0)
                       ])
                     ])
                   ])) : A("", !0)
@@ -41778,7 +41780,7 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                     To.value ? "pbx-w-96 pbx-bg-myPrimaryLightGrayColor pbx-items-stretch" : "pbx-w-0 pbx-mr-0"
                   ]])
                 }, [
-                  R(fle, {
+                  R(yle, {
                     onCloseEditor: z[27] || (z[27] = (V) => g(k).setMenuRight(!1))
                   })
                 ], 2)) : (y(), w("div", {
@@ -41807,7 +41809,7 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
                       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"
                     }, [
                       d("span", null, [
-                        (y(), w("svg", zde, [...z[49] || (z[49] = [
+                        (y(), w("svg", Ode, [...z[49] || (z[49] = [
                           d("g", { "clip-path": "url(#prefix__clip0_1645_485)" }, [
                             d("path", {
                               "clip-rule": "evenodd",
@@ -41840,11 +41842,11 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
           onCloseSidebarPanel: Ei
         }, {
           default: q(() => [
-            R(Gle, { show: xo.value }, null, 8, ["show"])
+            R(Kle, { show: xo.value }, null, 8, ["show"])
           ]),
           _: 1
         }, 8, ["title", "showSidebarPanel"]),
-        R(Epe, {
+        R(Ape, {
           show: g(s),
           title: g(l),
           html: g(p),
@@ -41854,13 +41856,13 @@ const Ope = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-a
           onClose: g(b),
           onSave: g(m)
         }, null, 8, ["show", "title", "html", "is-loading", "error", "onClose", "onSave"]),
-        R(cpe, {
+        R(upe, {
           show: g(r),
           title: g(i),
           html: g(n),
           onClose: g(a)
         }, null, 8, ["show", "title", "html", "onClose"]),
-        R(Ipe)
+        R(Hpe)
       ], 64);
     };
   }
@@ -41899,28 +41901,28 @@ const Xp = {
 }, ht = [];
 for (let o = 0; o < 256; ++o)
   ht.push((o + 256).toString(16).slice(1));
-function Ode(o, e = 0) {
+function Nde(o, e = 0) {
   return (ht[o[e + 0]] + ht[o[e + 1]] + ht[o[e + 2]] + ht[o[e + 3]] + "-" + ht[o[e + 4]] + ht[o[e + 5]] + "-" + ht[o[e + 6]] + ht[o[e + 7]] + "-" + ht[o[e + 8]] + ht[o[e + 9]] + "-" + ht[o[e + 10]] + ht[o[e + 11]] + ht[o[e + 12]] + ht[o[e + 13]] + ht[o[e + 14]] + ht[o[e + 15]]).toLowerCase();
 }
-const Nde = new Uint8Array(16);
-function Fde() {
-  return crypto.getRandomValues(Nde);
+const Fde = new Uint8Array(16);
+function jde() {
+  return crypto.getRandomValues(Fde);
 }
 function pm(o, e, t) {
-  return crypto.randomUUID ? crypto.randomUUID() : jde(o);
+  return crypto.randomUUID ? crypto.randomUUID() : Vde(o);
 }
-function jde(o, e, t) {
+function Vde(o, e, t) {
   var i;
   o = o || {};
-  const r = o.random ?? ((i = o.rng) == null ? void 0 : i.call(o)) ?? Fde();
+  const r = o.random ?? ((i = o.rng) == null ? void 0 : i.call(o)) ?? jde();
   if (r.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, Ode(r);
+  return r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, Nde(r);
 }
 function Ct(o) {
   return o.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-const Zp = "hidden", Vde = /* @__PURE__ */ new Set([
+const Zp = "hidden", qde = /* @__PURE__ */ new Set([
   "id",
   "title",
   "description",
@@ -41933,11 +41935,11 @@ const Zp = "hidden", Vde = /* @__PURE__ */ new Set([
   "buttonText",
   "sku"
 ]);
-function qde(o) {
+function Ude(o) {
   return o ? ' target="_blank" rel="noopener noreferrer"' : "";
 }
-function Ude(o, e = {}, t = !1) {
-  const r = e.cardStyle ?? "minimal", i = e.roundedImages ?? !1, n = e.openInNewTab ?? !1, a = e.hidePrice ?? !1, s = e.hideImage ?? !1, l = e.hideButton ?? !1, p = qde(n), c = _l[r] ?? _l.minimal, u = [
+function Wde(o, e = {}, t = !1) {
+  const r = e.cardStyle ?? "minimal", i = e.roundedImages ?? !1, n = e.openInNewTab ?? !1, a = e.hidePrice ?? !1, s = e.hideImage ?? !1, l = e.hideButton ?? !1, p = Ude(n), c = _l[r] ?? _l.minimal, u = [
     eR(i),
     s ? Zp : ""
   ].filter(Boolean).join(" "), b = o.id != null ? String(o.id) : "", m = o.title ? Ct(o.title) : "", h = o.description ? Ct(o.description) : "", x = o.price != null ? Ct(String(o.price)) : "", v = o.compareAtPrice != null ? Ct(String(o.compareAtPrice)) : "", C = o.badge ? Ct(o.badge) : "", P = o.image ? Ct(o.image) : "", k = o.imageAlt ? Ct(o.imageAlt) : m || "Product", B = o.url ? Ct(o.url) : "", E = o.buttonText ? Ct(o.buttonText) : "";
@@ -41947,7 +41949,7 @@ function Ude(o, e = {}, t = !1) {
     H = B ? `<div class="${u}" data-pb-no-inline-text><a href="${B}"${p}>${N}</a></div>` : `<div class="${u}" data-pb-no-inline-text>${N}</div>`;
   }
   const M = C ? `<div class="product-card-badge text-xs font-medium uppercase tracking-wide text-gray-500 pt-2"><p>${C}</p></div>` : t ? '<div class="product-card-badge text-xs font-medium uppercase tracking-wide text-gray-500 pt-2 min-h-6"></div>' : "", I = m ? `<div class="product-card-title text-lg font-semibold text-gray-900 pt-2 min-h-16">${B ? `<p><a href="${B}"${p}>${m}</a></p>` : `<p>${m}</p>`}</div>` : "", $ = h ? `<div class="product-card-description text-sm text-gray-600 pt-1"><p>${h}</p></div>` : "", T = Object.entries(o).filter(
-    ([N, j]) => !Vde.has(N) && j != null && String(j).trim() !== ""
+    ([N, j]) => !qde.has(N) && j != null && String(j).trim() !== ""
   ), _ = T.length ? `<div class="product-card-custom-fields text-sm text-gray-600 pt-1">${T.map(([N, j]) => `<div class="product-card-custom-field product-card-custom-field-${N.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "")}"><p><strong>${Ct(N)}</strong>: ${Ct(String(j))}</p></div>`).join("")}</div>` : "";
   let J = "";
   if (!!(x || v || B && E)) {
@@ -41980,9 +41982,9 @@ function Ude(o, e = {}, t = !1) {
   ].filter(Boolean).join(`
 `);
 }
-function Wde(o, e = "grid-3", t = "Products", r = {}) {
+function Gde(o, e = "grid-3", t = "Products", r = {}) {
   if (!o.length) return "";
-  const i = o.map((x) => x.id != null ? String(x.id) : "").filter(Boolean).join(","), n = r.mobileColumns === 2 ? 2 : 1, a = r.cardStyle ?? "minimal", s = r.roundedImages ?? !1, l = r.openInNewTab ?? !1, p = r.hidePrice ?? !1, c = r.hideImage ?? !1, u = r.hideButton ?? !1, b = o.some((x) => !!x.badge), m = o.map((x) => Ude(x, r, b)).join(`
+  const i = o.map((x) => x.id != null ? String(x.id) : "").filter(Boolean).join(","), n = r.mobileColumns === 2 ? 2 : 1, a = r.cardStyle ?? "minimal", s = r.roundedImages ?? !1, l = r.openInNewTab ?? !1, p = r.hidePrice ?? !1, c = r.hideImage ?? !1, u = r.hideButton ?? !1, b = o.some((x) => !!x.badge), m = o.map((x) => Wde(x, r, b)).join(`
 `), h = ZD(e, n);
   return `<section data-component-title="${Ct(t)}" data-pbx-product-section="true" data-pbx-product-ids="${Ct(i)}" data-pbx-product-layout="${Ct(String(e))}" data-pbx-product-mobile-cols="${n}" data-pbx-product-card-style="${Ct(a)}" data-pbx-product-rounded-images="${s ? "true" : "false"}" data-pbx-product-open-in-new-tab="${l ? "true" : "false"}" data-pbx-product-hide-price="${p ? "true" : "false"}" data-pbx-product-hide-image="${c ? "true" : "false"}" data-pbx-product-hide-button="${u ? "true" : "false"}">
 <div class="pbx-py-8 pbx-px-4"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="${h}" data-pbx-product-grid="true">
@@ -42009,7 +42011,7 @@ function Wn(o) {
     description: typeof e.description == "string" ? e.description : ""
   };
 }
-function Gde(o, e) {
+function Kde(o, e) {
   return {
     ...o,
     meta: {
@@ -42018,7 +42020,7 @@ function Gde(o, e) {
     }
   };
 }
-function Kde(o, e, t = 180) {
+function Jde(o, e, t = 180) {
   const r = e.getBoundingClientRect(), i = o.getBoundingClientRect(), a = r.top - i.top + o.scrollTop - o.clientHeight / 2 + e.clientHeight / 2, s = o.scrollTop, l = a - s;
   if (Math.abs(l) < 1) {
     window.dispatchEvent(new CustomEvent("pagebuilder:layout-change"));
@@ -42034,7 +42036,7 @@ function Kde(o, e, t = 180) {
   };
   requestAnimationFrame(c);
 }
-const Jde = [
+const Yde = [
   "en",
   "zh-Hans",
   "fr",
@@ -42048,7 +42050,7 @@ const Jde = [
   "da",
   "it"
 ], vs = "pbx-full-width-component";
-class Yde {
+class Qde {
   constructor(e) {
     // Class properties with types
     Ee(this, "fontSizeRegex", /^(sm:|md:|lg:|xl:|2xl:)?pbx-text-(xs|sm|base|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl|8xl|9xl)$/);
@@ -42257,7 +42259,7 @@ class Yde {
    * @returns {AvailableLanguage[]} An array of available language codes.
    */
   availableLanguage() {
-    return Jde;
+    return Yde;
   }
   /**
    * Sets the current language in the page builder state.
@@ -43545,7 +43547,7 @@ class Yde {
     if (a) {
       a.classList.add("pbx-reorder-highlight");
       const s = a.previousElementSibling, l = a.nextElementSibling;
-      s && s.tagName === "SECTION" && s.classList.add("pbx-sibling-highlight"), l && l.tagName === "SECTION" && l.classList.add("pbx-sibling-highlight"), n && (Kde(n, a), window.setTimeout(() => {
+      s && s.tagName === "SECTION" && s.classList.add("pbx-sibling-highlight"), l && l.tagName === "SECTION" && l.classList.add("pbx-sibling-highlight"), n && (Jde(n, a), window.setTimeout(() => {
         a.classList.remove("pbx-reorder-highlight"), s && s.tagName === "SECTION" && s.classList.remove("pbx-sibling-highlight"), l && l.tagName === "SECTION" && l.classList.remove("pbx-sibling-highlight");
       }, 280));
     }
@@ -44043,7 +44045,7 @@ ${a}
     const r = { ...this.getPageMeta(), ...e }, i = document.querySelector("#pagebuilder");
     i && td(i, r);
     const n = this.readCurrentPageSettings() ?? this._lastKnownPageSettings ?? { classes: "", style: "" };
-    this._lastKnownPageSettings = Gde(n, r), await this.handleAutoSave();
+    this._lastKnownPageSettings = Kde(n, r), await this.handleAutoSave();
   }
   async analyzeSEO() {
     const e = await this.returnLatestComponents();
@@ -44220,7 +44222,7 @@ ${a}
   async insertProducts(e, t = {}) {
     if (!e.length) return;
     t.method && this.pageBuilderStateStore.setComponentArrayAddMethod(t.method);
-    const r = t.sectionTitle ?? "Products", i = Wde(e, t.layout ?? "grid-3", r, {
+    const r = t.sectionTitle ?? "Products", i = Gde(e, t.layout ?? "grid-3", r, {
       cardStyle: t.cardStyle,
       roundedImages: t.roundedImages,
       openInNewTab: t.openInNewTab,
@@ -44520,22 +44522,22 @@ ${a}
     await ce(), this.setBasePrimaryImageFromSelectedElement(), this.handleHyperlink(void 0, null, !1), this.handleOpacity(void 0), this.handleBackgroundOpacity(void 0), this.handleBackgroundColor(void 0), this.handleTextColor(void 0), this.handleBorderStyle(void 0), this.handleBorderWidth(void 0), this.handleBorderColor(void 0), this.handleBorderRadiusGlobal(void 0), this.handleBorderRadiusTopLeft(void 0), this.handleBorderRadiusTopRight(void 0), this.handleBorderRadiusBottomleft(void 0), this.handleBorderRadiusBottomRight(void 0), this.handleFontSizeBase(void 0), this.handleFontSizeDesktop(void 0), this.handleFontSizeTablet(void 0), this.handleFontSizeMobile(void 0), this.handleFontWeight(void 0), this.handleFontFamily(void 0), this.handleFontStyle(void 0), this.handleVerticalPadding(void 0), this.handleHorizontalPadding(void 0), this.handleTopPadding(void 0), this.handleRightPadding(void 0), this.handleBottomPadding(void 0), this.handleLeftPadding(void 0), this.handleVerticalMargin(void 0), this.handleHorizontalMargin(void 0), this.handleTopMargin(void 0), this.handleRightMargin(void 0), this.handleBottomMargin(void 0), this.handleLeftMargin(void 0), this.isSelectedElementImage() && (this.handleImageObjectFit(void 0), this.handleImageObjectPosition(void 0), this.handleImageAspectRatio(void 0)), await this.syncCurrentClasses(), await this.syncCurrentStyles();
   }
 }
-const cce = {
+const uce = {
   install: (o) => {
-    const e = Ne, t = new Yde(e);
+    const e = Ne, t = new Qde(e);
     BU(t), o.config.globalProperties.$pageBuilder = t;
   }
 };
 export {
-  dce as PageBuilder,
+  cce as PageBuilder,
   ou as PageBuilderPreview,
-  Yde as PageBuilderService,
-  Wde as buildProductSectionHtml,
+  Qde as PageBuilderService,
+  Gde as buildProductSectionHtml,
   jD as buildStorageKey,
   MU as createPinia,
   Fe as getPageBuilder,
-  cce as pageBuilder,
-  pce as resetThemeColorPresets,
+  uce as pageBuilder,
+  dce as resetThemeColorPresets,
   uD as sharedPageBuilderPinia,
   Ne as sharedPageBuilderStore,
   iR as usePageBuilderModal,