@myissue/vue-website-page-builder 3.2.85 → 3.2.86

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

@@ -23099,10 +23099,10 @@ const C3 = ["src"], M3 = {
 }, z4 = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, F4 = { class: "overflow-x-auto" }, j4 = { class: "min-w-full" }, H4 = { class: "bg-white divide-y divide-gray-200" }, V4 = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, W4 = { class: "min-w-[30rem] w-max" }, q4 = { class: "flex items-center space-x-3" }, U4 = ["src"], K4 = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, J4 = { class: "min-w-[30rem] w-max" }, G4 = { class: "flex items-center space-x-3" }, Y4 = { class: "border-r border-gray-200 pr-6" }, X4 = { class: "flex items-center space-x-3" }, Q4 = { class: "whitespace-nowrap" }, Z4 = {
   key: 4,
   class: "mt-8"
-}, tS = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, eS = { class: "overflow-x-auto" }, rS = { class: "w-max" }, oS = { class: "bg-white divide-y divide-gray-200" }, nS = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, iS = { class: "min-w-[30rem] w-max" }, sS = { key: 0 }, aS = { key: 1 }, lS = { key: 0 }, dS = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, cS = { class: "min-w-[30rem] w-max" }, uS = { class: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium" }, pS = { class: "mt-4 mb-4 py-8 border-b border-myPrimbryLightGrayColor" }, hS = { class: "mt-4 whitespace-pre-wrap text-white overflow-hidden bg-gray-900" }, mS = { class: "px-4 pb-8 pt-4 text-white text-xs break-all" }, fS = { class: "myPrimaryParagraph text-xs text-white" }, gS = {
+}, t6 = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, e6 = { class: "overflow-x-auto" }, r6 = { class: "w-max" }, o6 = { class: "bg-white divide-y divide-gray-200" }, n6 = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, i6 = { class: "min-w-[30rem] w-max" }, s6 = { key: 0 }, a6 = { key: 1 }, l6 = { key: 0 }, d6 = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, c6 = { class: "min-w-[30rem] w-max" }, u6 = { class: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium" }, p6 = { class: "mt-4 mb-4 py-8 border-b border-myPrimbryLightGrayColor" }, h6 = { class: "mt-4 whitespace-pre-wrap text-white overflow-hidden bg-gray-900" }, m6 = { class: "px-4 pb-8 pt-4 text-white text-xs break-all" }, f6 = { class: "myPrimaryParagraph text-xs text-white" }, g6 = {
   __name: "PageBuilderSettings",
   setup(r) {
-    const t = "v3.2.85", e = vt;
+    const t = "v3.2.86", e = vt;
     new Et(e);
     const o = M(null), n = $(() => e.getConfigPageBuilder), i = $(() => e.getComponents), s = function(l, d) {
       const c = document.createElement("a");
@@ -23376,9 +23376,9 @@ const C3 = ["src"], M3 = {
               ])) : D("", !0),
               (j = n.value) != null && j.updateOrCreate && !A(xo)(n.value.updateOrCreate) ? (v(), k("div", Z4, [
                 d[25] || (d[25] = p("h4", { class: "myQuaternaryHeader text-sm mb-2" }, "Form Type", -1)),
-                p("div", tS, [
-                  p("div", eS, [
-                    p("table", rS, [
+                p("div", t6, [
+                  p("div", e6, [
+                    p("table", r6, [
                       d[24] || (d[24] = p("thead", { class: "bg-gray-50" }, [
                         p("tr", null, [
                           p("th", {
@@ -23391,32 +23391,32 @@ const C3 = ["src"], M3 = {
                           }, " Description ")
                         ])
                       ], -1)),
-                      p("tbody", oS, [
+                      p("tbody", o6, [
                         p("tr", null, [
                           d[22] || (d[22] = p("td", { class: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900" }, [
                             p("div", { class: "min-w-[30rem] w-max" }, "Form Type")
                           ], -1)),
-                          p("td", nS, [
-                            p("div", iS, [
+                          p("td", n6, [
+                            p("div", i6, [
                               p("span", {
                                 class: Q([
                                   "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",
                                   n.value.updateOrCreate === "create" ? "bg-green-100 text-green-800" : "bg-blue-100 text-blue-800"
                                 ])
                               }, [
-                                n.value && n.value.updateOrCreate.formType === "create" ? (v(), k("span", sS, F(n.value.updateOrCreate.formType), 1)) : D("", !0),
-                                n.value && n.value.updateOrCreate.formType === "update" ? (v(), k("span", aS, F(n.value.updateOrCreate.formType), 1)) : D("", !0)
+                                n.value && n.value.updateOrCreate.formType === "create" ? (v(), k("span", s6, F(n.value.updateOrCreate.formType), 1)) : D("", !0),
+                                n.value && n.value.updateOrCreate.formType === "update" ? (v(), k("span", a6, F(n.value.updateOrCreate.formType), 1)) : D("", !0)
                               ], 2)
                             ])
                           ])
                         ]),
-                        n.value.updateOrCreate.formName && n.value.updateOrCreate.formName.length > 0 ? (v(), k("tr", lS, [
+                        n.value.updateOrCreate.formName && n.value.updateOrCreate.formName.length > 0 ? (v(), k("tr", l6, [
                           d[23] || (d[23] = p("td", { class: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900" }, [
                             p("div", { class: "min-w-[30rem] w-max" }, "Form Name")
                           ], -1)),
-                          p("td", dS, [
-                            p("div", cS, [
-                              p("span", uS, F(n.value.updateOrCreate.formName), 1)
+                          p("td", d6, [
+                            p("div", c6, [
+                              p("span", u6, F(n.value.updateOrCreate.formName), 1)
                             ])
                           ])
                         ])) : D("", !0)
@@ -23441,32 +23441,32 @@ const C3 = ["src"], M3 = {
             }, " Download HTML file ")
           ])
         ]),
-        p("div", pS, [
+        p("div", p6, [
           d[29] || (d[29] = p("div", { class: "flex items-left flex-col gap-1" }, [
             p("h3", { class: "myQuaternaryHeader" }, "Complete Configuration Overview"),
             p("p", { class: "myPrimaryParagraph text-xs" }, " omplete configuration object currently used by the Page Builder. It includes information about the user, form behavior, branding settings, and other context-specific data needed for rendering and managing the builder environment. ")
           ], -1)),
-          p("div", hS, [
+          p("div", h6, [
             d[28] || (d[28] = p("div", { class: "flex bg-gray-800/40 ring-1 ring-white/5" }, [
               p("div", { class: "-mb-px flex text-xs font-medium text-myPrimaryMediumGrayColor" }, [
                 p("div", { class: "px-4 py-4 text-white" }, "Configuration")
               ])
             ], -1)),
-            p("div", mS, [
-              p("p", fS, " config: " + F(JSON.stringify(n.value, null, 4)), 1)
+            p("div", m6, [
+              p("p", f6, " config: " + F(JSON.stringify(n.value, null, 4)), 1)
             ])
           ])
         ])
       ]);
     };
   }
-}, bS = { class: "w-full inset-x-0 h-[90vh] bg-white overflow-x-scroll lg:pt-2 pt-2" }, wS = { class: "flex items-left flex-col myPrimaryGap border-myPrimaryMediumGrayColor" }, yS = { class: "text-gray-100 overflow-hidden bg-stone-800" }, vS = { class: "px-4 pb-8 pt-4 text-gray-100 text-xs" }, xS = { class: "text-xs pb-2" }, kS = { class: "text-xs pb-2" }, SS = { class: "text-xs pb-2" }, CS = { class: "overflow-hidden bg-stone-800" }, MS = { class: "flex bg-stone-800 ring-1 ring-white/5" }, ES = { class: "-mb-px flex text-xs font-medium text-myPrimaryMediumGrayColor" }, TS = { class: "px-4 pb-8 pt-4 text-gray-100 text-xs break-all" }, OS = { key: 0 }, BS = { key: 0 }, PS = { class: "pb-2 text-xs" }, AS = {
+}, b6 = { class: "w-full inset-x-0 h-[90vh] bg-white overflow-x-scroll lg:pt-2 pt-2" }, w6 = { class: "flex items-left flex-col myPrimaryGap border-myPrimaryMediumGrayColor" }, y6 = { class: "text-gray-100 overflow-hidden bg-stone-800" }, v6 = { class: "px-4 pb-8 pt-4 text-gray-100 text-xs" }, x6 = { class: "text-xs pb-2" }, k6 = { class: "text-xs pb-2" }, S6 = { class: "text-xs pb-2" }, C6 = { class: "overflow-hidden bg-stone-800" }, M6 = { class: "flex bg-stone-800 ring-1 ring-white/5" }, E6 = { class: "-mb-px flex text-xs font-medium text-myPrimaryMediumGrayColor" }, T6 = { class: "px-4 pb-8 pt-4 text-gray-100 text-xs break-all" }, O6 = { key: 0 }, B6 = { key: 0 }, P6 = { class: "pb-2 text-xs" }, A6 = {
   key: 1,
   class: "overflow-hidden border border-gray-100 mb-6"
-}, NS = { class: "bg-stone-800 pt-4 pb-1 border-b border-gray-200" }, DS = { class: "overflow-x-auto" }, IS = { class: "min-w-full" }, LS = { class: "bg-stone-800 divide-y divide-gray-200" }, RS = { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal border-b" }, $S = { class: "overflow-x-auto" }, _S = { class: "min-w-full" }, zS = { class: "bg-stone-800 divide-y divide-gray-200" }, FS = { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal whitespace-pre-line" }, jS = { class: "overflow-x-auto" }, HS = { class: "min-w-full" }, VS = { class: "bg-stone-800 divide-y divide-gray-200" }, WS = { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal" }, qS = { key: 1 }, US = { key: 0 }, KS = { class: "pb-2 text-xs" }, JS = {
+}, N6 = { class: "bg-stone-800 pt-4 pb-1 border-b border-gray-200" }, D6 = { class: "overflow-x-auto" }, I6 = { class: "min-w-full" }, L6 = { class: "bg-stone-800 divide-y divide-gray-200" }, R6 = { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal border-b" }, $6 = { class: "overflow-x-auto" }, _6 = { class: "min-w-full" }, z6 = { class: "bg-stone-800 divide-y divide-gray-200" }, F6 = { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal whitespace-pre-line" }, j6 = { class: "overflow-x-auto" }, H6 = { class: "min-w-full" }, V6 = { class: "bg-stone-800 divide-y divide-gray-200" }, W6 = { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal" }, q6 = { key: 1 }, U6 = { key: 0 }, K6 = { class: "pb-2 text-xs" }, J6 = {
   key: 1,
   class: "overflow-hidden border border-gray-100 mb-6"
-}, GS = { class: "bg-stone-800 pt-4 pb-1 border-b border-gray-200" }, YS = { class: "overflow-x-auto" }, XS = { class: "min-w-full" }, QS = { class: "bg-stone-800 divide-y divide-gray-200" }, ZS = { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal" }, t6 = { class: "overflow-x-auto" }, e6 = { class: "min-w-full" }, r6 = { class: "bg-stone-800 divide-y divide-gray-200" }, o6 = { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal whitespace-pre-line" }, n6 = { class: "overflow-x-auto" }, i6 = { class: "min-w-full" }, s6 = { class: "bg-stone-800 divide-y divide-gray-200" }, a6 = { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal" }, l6 = { class: "text-xs text-gray-100 whitespace-pre-lines font-sans flex items-start justify-left" }, d6 = ["innerHTML"], c6 = { key: 2 }, u6 = { class: "pb-2 text-xs" }, p6 = { key: 0 }, h6 = { class: "bg-stone-800 pt-4 pb-1 border-b border-gray-200" }, m6 = { class: "overflow-x-auto" }, f6 = { class: "min-w-full" }, g6 = { class: "bg-stone-800 divide-y divide-gray-200" }, b6 = { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal" }, w6 = { class: "overflow-x-auto" }, y6 = { class: "min-w-full" }, v6 = { class: "bg-stone-800 divide-y divide-gray-200" }, x6 = { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal whitespace-pre-line" }, k6 = { class: "overflow-x-auto" }, S6 = { class: "min-w-full" }, C6 = { class: "bg-stone-800 divide-y divide-gray-200" }, M6 = { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal" }, E6 = { class: "text-xs text-gray-100 whitespace-pre-lines font-sans flex items-start justify-left" }, T6 = ["innerHTML"], O6 = {
+}, G6 = { class: "bg-stone-800 pt-4 pb-1 border-b border-gray-200" }, Y6 = { class: "overflow-x-auto" }, X6 = { class: "min-w-full" }, Q6 = { class: "bg-stone-800 divide-y divide-gray-200" }, Z6 = { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal" }, tS = { class: "overflow-x-auto" }, eS = { class: "min-w-full" }, rS = { class: "bg-stone-800 divide-y divide-gray-200" }, oS = { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal whitespace-pre-line" }, nS = { class: "overflow-x-auto" }, iS = { class: "min-w-full" }, sS = { class: "bg-stone-800 divide-y divide-gray-200" }, aS = { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal" }, lS = { class: "text-xs text-gray-100 whitespace-pre-lines font-sans flex items-start justify-left" }, dS = ["innerHTML"], cS = { key: 2 }, uS = { class: "pb-2 text-xs" }, pS = { key: 0 }, hS = { class: "bg-stone-800 pt-4 pb-1 border-b border-gray-200" }, mS = { class: "overflow-x-auto" }, fS = { class: "min-w-full" }, gS = { class: "bg-stone-800 divide-y divide-gray-200" }, bS = { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal" }, wS = { class: "overflow-x-auto" }, yS = { class: "min-w-full" }, vS = { class: "bg-stone-800 divide-y divide-gray-200" }, xS = { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal whitespace-pre-line" }, kS = { class: "overflow-x-auto" }, SS = { class: "min-w-full" }, CS = { class: "bg-stone-800 divide-y divide-gray-200" }, MS = { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal" }, ES = { class: "text-xs text-gray-100 whitespace-pre-lines font-sans flex items-start justify-left" }, TS = ["innerHTML"], OS = {
   __name: "AdvancedPageBuilderSettings",
   setup(r) {
     const t = vt, e = $(() => t.getElement), o = $(() => t.getComponent), n = $(() => t.getComponents), i = M("element"), s = function(l) {
@@ -23477,27 +23477,27 @@ const C3 = ["src"], M3 = {
     }
     return (l, d) => {
       var c, u, h, m, f, g, b, y, C, x;
-      return v(), k("div", bS, [
-        p("div", wS, [
+      return v(), k("div", b6, [
+        p("div", w6, [
           d[22] || (d[22] = p("p", { class: "myPrimaryParagraph" }, " Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection. ", -1)),
           p("div", null, [
             d[7] || (d[7] = p("h4", { class: "myPrimaryParagraph text-xs pb-2" }, "Types", -1)),
-            p("div", yS, [
+            p("div", y6, [
               d[6] || (d[6] = p("div", { class: "flex bg-stone-800 ring-1 ring-white/5" }, [
                 p("div", { class: "-mb-px flex text-xs font-medium text-myPrimaryMediumGrayColor" }, [
                   p("div", { class: "px-4 py-4 text-gray-100" }, "Types")
                 ])
               ], -1)),
-              p("div", vS, [
-                p("p", xS, [
+              p("div", v6, [
+                p("p", x6, [
                   d[3] || (d[3] = p("span", null, "Element type: ", -1)),
                   p("span", null, F(typeof e.value), 1)
                 ]),
-                p("p", kS, [
+                p("p", k6, [
                   d[4] || (d[4] = p("span", null, "Component type: ", -1)),
                   ee(" " + F(typeof o.value), 1)
                 ]),
-                p("p", SS, [
+                p("p", S6, [
                   d[5] || (d[5] = p("span", null, "Components: ", -1)),
                   p("span", null, F(Array.isArray(n.value) === !0 ? "array" : typeof n.value), 1)
                 ])
@@ -23506,9 +23506,9 @@ const C3 = ["src"], M3 = {
           ]),
           p("div", null, [
             d[21] || (d[21] = p("h4", { class: "myPrimaryParagraph text-xs pb-2" }, "Content", -1)),
-            p("div", CS, [
-              p("div", MS, [
-                p("div", ES, [
+            p("div", C6, [
+              p("div", M6, [
+                p("div", E6, [
                   p("div", {
                     onClick: d[0] || (d[0] = (w) => s("element")),
                     class: Q(["px-4 py-4 cursor-pointer", [i.value === "element" ? "text-gray-100" : ""]])
@@ -23523,109 +23523,109 @@ const C3 = ["src"], M3 = {
                   }, " Components " + F(Array.isArray(n.value) && n.value.length), 3)
                 ])
               ]),
-              p("div", TS, [
-                i.value === "element" ? (v(), k("div", OS, [
-                  o.value ? D("", !0) : (v(), k("div", BS, [
-                    p("p", PS, F(o.value === null ? "No Element selected" : typeof o.value), 1)
+              p("div", T6, [
+                i.value === "element" ? (v(), k("div", O6, [
+                  o.value ? D("", !0) : (v(), k("div", B6, [
+                    p("p", P6, F(o.value === null ? "No Element selected" : typeof o.value), 1)
                   ])),
-                  e.value ? (v(), k("div", AS, [
-                    p("div", NS, [
-                      p("div", DS, [
-                        p("table", IS, [
+                  e.value ? (v(), k("div", A6, [
+                    p("div", N6, [
+                      p("div", D6, [
+                        p("table", I6, [
                           d[8] || (d[8] = p("thead", { class: "bg-stone-800" }, [
                             p("tr", null, [
                               p("th", { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal" }, " Selected HTML: ")
                             ])
                           ], -1)),
-                          p("tbody", LS, [
+                          p("tbody", L6, [
                             p("tr", null, [
-                              p("td", RS, F((c = e.value) == null ? void 0 : c.outerHTML), 1)
+                              p("td", R6, F((c = e.value) == null ? void 0 : c.outerHTML), 1)
                             ])
                           ])
                         ])
                       ]),
-                      p("div", $S, [
-                        p("table", _S, [
+                      p("div", $6, [
+                        p("table", _6, [
                           d[9] || (d[9] = p("thead", { class: "bg-stone-800" }, [
                             p("tr", null, [
                               p("th", { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal" }, " Element src: ")
                             ])
                           ], -1)),
-                          p("tbody", zS, [
+                          p("tbody", z6, [
                             p("tr", null, [
-                              p("td", FS, F((u = e.value) != null && u.src ? (h = e.value) == null ? void 0 : h.src : typeof ((m = e.value) == null ? void 0 : m.src)), 1)
+                              p("td", F6, F((u = e.value) != null && u.src ? (h = e.value) == null ? void 0 : h.src : typeof ((m = e.value) == null ? void 0 : m.src)), 1)
                             ])
                           ])
                         ])
                       ])
                     ]),
-                    p("div", jS, [
-                      p("table", HS, [
+                    p("div", j6, [
+                      p("table", H6, [
                         d[10] || (d[10] = p("thead", { class: "bg-stone-800" }, [
                           p("tr", null, [
                             p("th", { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal" }, " Element classes: ")
                           ])
                         ], -1)),
-                        p("tbody", VS, [
+                        p("tbody", V6, [
                           p("tr", null, [
-                            p("td", WS, F((f = e.value) != null && f.classList ? (g = e.value) == null ? void 0 : g.classList : typeof ((b = e.value) == null ? void 0 : b.classList)), 1)
+                            p("td", W6, F((f = e.value) != null && f.classList ? (g = e.value) == null ? void 0 : g.classList : typeof ((b = e.value) == null ? void 0 : b.classList)), 1)
                           ])
                         ])
                       ])
                     ])
                   ])) : D("", !0)
                 ])) : D("", !0),
-                i.value === "component" ? (v(), k("div", qS, [
-                  o.value ? D("", !0) : (v(), k("div", US, [
-                    p("p", KS, F(o.value === null ? "No Component selected" : typeof o.value), 1)
+                i.value === "component" ? (v(), k("div", q6, [
+                  o.value ? D("", !0) : (v(), k("div", U6, [
+                    p("p", K6, F(o.value === null ? "No Component selected" : typeof o.value), 1)
                   ])),
-                  o.value ? (v(), k("div", JS, [
-                    p("div", GS, [
-                      p("div", YS, [
-                        p("table", XS, [
+                  o.value ? (v(), k("div", J6, [
+                    p("div", G6, [
+                      p("div", Y6, [
+                        p("table", X6, [
                           d[11] || (d[11] = p("thead", { class: "bg-stone-800" }, [
                             p("tr", null, [
                               p("th", { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal" }, "ID:")
                             ])
                           ], -1)),
-                          p("tbody", QS, [
+                          p("tbody", Q6, [
                             p("tr", null, [
-                              p("td", ZS, F((y = o.value) == null ? void 0 : y.id), 1)
+                              p("td", Z6, F((y = o.value) == null ? void 0 : y.id), 1)
                             ])
                           ])
                         ])
                       ]),
-                      p("div", t6, [
-                        p("table", e6, [
+                      p("div", tS, [
+                        p("table", eS, [
                           d[12] || (d[12] = p("thead", { class: "bg-stone-800" }, [
                             p("tr", null, [
                               p("th", { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal border-t" }, " Title: ")
                             ])
                           ], -1)),
-                          p("tbody", r6, [
+                          p("tbody", rS, [
                             p("tr", null, [
-                              p("td", o6, F((C = o.value) == null ? void 0 : C.title), 1)
+                              p("td", oS, F((C = o.value) == null ? void 0 : C.title), 1)
                             ])
                           ])
                         ])
                       ])
                     ]),
-                    p("div", n6, [
-                      p("table", i6, [
+                    p("div", nS, [
+                      p("table", iS, [
                         d[15] || (d[15] = p("thead", { class: "bg-stone-800" }, [
                           p("tr", null, [
                             p("th", { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal" }, " HTML Code: ")
                           ])
                         ], -1)),
-                        p("tbody", s6, [
+                        p("tbody", sS, [
                           p("tr", null, [
-                            p("td", a6, [
-                              p("pre", l6, [
+                            p("td", aS, [
+                              p("pre", lS, [
                                 d[13] || (d[13] = ee("                              ")),
                                 p("code", {
                                   class: "font-sans",
                                   innerHTML: a((x = o.value) == null ? void 0 : x.html_code)
-                                }, null, 8, d6),
+                                }, null, 8, dS),
                                 d[14] || (d[14] = ee(`
                             `))
                               ])
@@ -23636,61 +23636,61 @@ const C3 = ["src"], M3 = {
                     ])
                   ])) : D("", !0)
                 ])) : D("", !0),
-                i.value === "components" ? (v(), k("div", c6, [
+                i.value === "components" ? (v(), k("div", cS, [
                   p("div", null, [
-                    p("p", u6, F(Array.isArray(n.value) && n.value.length === 0 ? "No Components added yet" : ""), 1)
+                    p("p", uS, F(Array.isArray(n.value) && n.value.length === 0 ? "No Components added yet" : ""), 1)
                   ]),
-                  n.value ? (v(), k("div", p6, [
+                  n.value ? (v(), k("div", pS, [
                     (v(!0), k(ft, null, kt(n.value, (w) => (v(), k("div", {
                       key: w.id,
                       class: "overflow-hidden border border-gray-100 mb-6"
                     }, [
-                      p("div", h6, [
-                        p("div", m6, [
-                          p("table", f6, [
+                      p("div", hS, [
+                        p("div", mS, [
+                          p("table", fS, [
                             d[16] || (d[16] = p("thead", { class: "bg-stone-800" }, [
                               p("tr", null, [
                                 p("th", { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal" }, " ID: ")
                               ])
                             ], -1)),
-                            p("tbody", g6, [
+                            p("tbody", gS, [
                               p("tr", null, [
-                                p("td", b6, F(w.id), 1)
+                                p("td", bS, F(w.id), 1)
                               ])
                             ])
                           ])
                         ]),
-                        p("div", w6, [
-                          p("table", y6, [
+                        p("div", wS, [
+                          p("table", yS, [
                             d[17] || (d[17] = p("thead", { class: "bg-stone-800" }, [
                               p("tr", null, [
                                 p("th", { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal border-t" }, " Title: ")
                               ])
                             ], -1)),
-                            p("tbody", v6, [
+                            p("tbody", vS, [
                               p("tr", null, [
-                                p("td", x6, F(w.title), 1)
+                                p("td", xS, F(w.title), 1)
                               ])
                             ])
                           ])
                         ])
                       ]),
-                      p("div", k6, [
-                        p("table", S6, [
+                      p("div", kS, [
+                        p("table", SS, [
                           d[20] || (d[20] = p("thead", { class: "bg-stone-800" }, [
                             p("tr", null, [
                               p("th", { class: "px-6 py-3 text-left text-xs text-gray-100 font-normal" }, " HTML Code: ")
                             ])
                           ], -1)),
-                          p("tbody", C6, [
+                          p("tbody", CS, [
                             p("tr", null, [
-                              p("td", M6, [
-                                p("pre", E6, [
+                              p("td", MS, [
+                                p("pre", ES, [
                                   d[18] || (d[18] = ee("                              ")),
                                   p("code", {
                                     class: "font-sans",
                                     innerHTML: a(w.html_code)
-                                  }, null, 8, T6),
+                                  }, null, 8, TS),
                                   d[19] || (d[19] = ee(`
                             `))
                                 ])
@@ -23709,13 +23709,13 @@ const C3 = ["src"], M3 = {
       ]);
     };
   }
-}, B6 = { class: "flex gap-2 items-center myPrimaryParagraph font-medium text-xs py-1 px-2 rounded-full lg:border lg:border-gray-200 lg:shadow-sm lg:mr-10" }, P6 = {
+}, BS = { class: "flex gap-2 items-center myPrimaryParagraph font-medium text-xs py-1 px-2 rounded-full lg:border lg:border-gray-200 lg:shadow-sm lg:mr-10" }, PS = {
   key: 0,
   class: "flex items-center myPrimaryTag py-0"
-}, A6 = { class: "text-white rounded-full bg-myPrimaryBrandColor flex justify-center items-center text-xs h-8 min-h-8 max-h-8 w-8 min-w-8 max-w-8 font-normal" }, N6 = { class: "hidden text-xs h-8 lg:flex items-center font-normal" }, D6 = {
+}, AS = { class: "text-white rounded-full bg-myPrimaryBrandColor flex justify-center items-center text-xs h-8 min-h-8 max-h-8 w-8 min-w-8 max-w-8 font-normal" }, NS = { class: "hidden text-xs h-8 lg:flex items-center font-normal" }, DS = {
   key: 1,
   class: "flex items-center lg:myPrimaryTag py-0 gap-4 w-max"
-}, I6 = { class: "text-white flex-shrink-0 h-8 w-8 rounded-full flex justify-center items-center text-xs rounded-l-full" }, L6 = ["src"], R6 = { class: "hidden text-xs h-8 lg:flex items-center font-normal" }, $6 = { class: "relative group" }, _6 = { class: "absolute left-0 -ml-16 -mt-2 flex flex-col gap-3 shadow-lg bg-white w-max border border-gray-100 rounded-2xl transition-all duration-200 ease-out pt-4 pr-4 pb-4 pl-2 z-30 opacity-0 pointer-events-none -translate-y-2 group-hover:opacity-100 group-hover:pointer-events-auto group-hover:translate-y-0" }, z6 = {
+}, IS = { class: "text-white flex-shrink-0 h-8 w-8 rounded-full flex justify-center items-center text-xs rounded-l-full" }, LS = ["src"], RS = { class: "hidden text-xs h-8 lg:flex items-center font-normal" }, $S = { class: "relative group" }, _S = { class: "absolute left-0 -ml-16 -mt-2 flex flex-col gap-3 shadow-lg bg-white w-max border border-gray-100 rounded-2xl transition-all duration-200 ease-out pt-4 pr-4 pb-4 pl-2 z-30 opacity-0 pointer-events-none -translate-y-2 group-hover:opacity-100 group-hover:pointer-events-auto group-hover:translate-y-0" }, zS = {
   __name: "ToolbarOption",
   setup(r) {
     const t = vt, e = $(() => t.getConfigPageBuilder), o = new Et(t), n = M(!1), i = M(""), s = M(1), a = M(""), l = M(""), d = M(""), c = M(null), u = M(null), h = M(null), m = M(null), f = M(null), g = function() {
@@ -23736,30 +23736,30 @@ const C3 = ["src"], M3 = {
     return (S, O) => {
       var L;
       return v(), k("div", null, [
-        p("div", B6, [
-          e.value && e.value.userForPageBuilder && e.value.userForPageBuilder.name && (!e.value.userForPageBuilder.image || typeof e.value.userForPageBuilder.image == "string" && ((L = e.value.userForPageBuilder.image) == null ? void 0 : L.length) < 2) ? (v(), k("div", P6, [
-            p("div", A6, F(typeof e.value.userForPageBuilder.name == "string" && e.value.userForPageBuilder.name[0]), 1),
-            p("div", N6, F(e.value.userForPageBuilder.name), 1)
+        p("div", BS, [
+          e.value && e.value.userForPageBuilder && e.value.userForPageBuilder.name && (!e.value.userForPageBuilder.image || typeof e.value.userForPageBuilder.image == "string" && ((L = e.value.userForPageBuilder.image) == null ? void 0 : L.length) < 2) ? (v(), k("div", PS, [
+            p("div", AS, F(typeof e.value.userForPageBuilder.name == "string" && e.value.userForPageBuilder.name[0]), 1),
+            p("div", NS, F(e.value.userForPageBuilder.name), 1)
           ])) : D("", !0),
-          e.value && e.value.userForPageBuilder && e.value.userForPageBuilder.name && e.value.userForPageBuilder.image && typeof e.value.userForPageBuilder.image == "string" && e.value.userForPageBuilder.image.length > 2 ? (v(), k("div", D6, [
-            p("div", I6, [
+          e.value && e.value.userForPageBuilder && e.value.userForPageBuilder.name && e.value.userForPageBuilder.image && typeof e.value.userForPageBuilder.image == "string" && e.value.userForPageBuilder.image.length > 2 ? (v(), k("div", DS, [
+            p("div", IS, [
               p("img", {
                 alt: "avatar",
                 src: `${e.value.userForPageBuilder.image}`,
                 class: "block inset-0 object-top h-8 min-h-8 max-h-8 w-8 min-w-8 max-w-8 object-cover rounded-full"
-              }, null, 8, L6)
+              }, null, 8, LS)
             ]),
-            p("div", R6, F(e.value.userForPageBuilder.name), 1)
+            p("div", RS, F(e.value.userForPageBuilder.name), 1)
           ])) : D("", !0),
           p("div", null, [
-            p("div", $6, [
+            p("div", $S, [
               O[2] || (O[2] = p("button", {
                 type: "button",
                 class: "cursor-pointer lg:flex myPrimaryTag font-normal w-max text-xs"
               }, [
                 p("span", null, " Options ")
               ], -1)),
-              p("div", _6, [
+              p("div", _S, [
                 p("button", {
                   onClick: O[0] || (O[0] = () => {
                     A(o).clearHtmlSelection(), C();
@@ -23792,7 +23792,7 @@ const C3 = ["src"], M3 = {
           maxHeight: ""
         }, {
           default: q(() => [
-            W(gS)
+            W(g6)
           ]),
           _: 1
         }, 8, ["showModalBuilder"]),
@@ -23805,7 +23805,7 @@ const C3 = ["src"], M3 = {
           maxHeight: ""
         }, {
           default: q(() => [
-            W(O6)
+            W(OS)
           ]),
           _: 1
         }, 8, ["showModalBuilder"]),
@@ -23834,30 +23834,30 @@ const C3 = ["src"], M3 = {
   }
 };
 let Aa = null;
-function F6() {
+function FS() {
   return (r, t = 300) => {
     Aa && clearTimeout(Aa), Aa = setTimeout(r, t);
   };
 }
-const j6 = {
+const jS = {
   id: "builder-container",
   class: "font-sans max-w-full m-1 border border-gray-600 inset-x-0 z-10 bg-white overflow-x-scroll"
-}, H6 = {
+}, HS = {
   id: "pagebuilder-top-area",
   class: "lg:px-4 pt-2 pb-4 mx-4 mb-4 mt-2"
-}, V6 = {
+}, VS = {
   key: 0,
   class: "flex items-center divide-x divide-gray-200"
-}, W6 = {
+}, WS = {
   id: "pagebuilder-logo-main",
   class: "pr-4"
-}, q6 = ["src"], U6 = { key: 1 }, K6 = { class: "relative h-full flex pb-2 gap-2" }, J6 = { class: "mx-2 flex flex-col myPrimaryGap items-stretch" }, G6 = { class: "flex gap-2 items-center justify-center" }, Y6 = {
+}, qS = ["src"], US = { key: 1 }, KS = { class: "relative h-full flex pb-2 gap-2" }, JS = { class: "mx-2 flex flex-col myPrimaryGap items-stretch" }, GS = { class: "flex gap-2 items-center justify-center" }, YS = {
   id: "pagebuilder-toolbar-area",
   class: "flex items-center justify-between rounded-t-2xl bg-myPrimaryLightGrayColor min-w-[30rem]"
-}, X6 = ["disabled"], Q6 = {
+}, XS = ["disabled"], QS = {
   key: 0,
   class: "h-10 w-4 cursor-pointer rounded-full flex items-center justify-center"
-}, Z6 = {
+}, ZS = {
   key: 1,
   class: "h-10 w-4 cursor-pointer rounded-full flex items-center justify-center"
 }, tC = { class: "flex items-center justify-center gap-4" }, eC = {
@@ -23896,7 +23896,7 @@ const j6 = {
       style: x.value.getAttribute("style"),
       class: x.value.getAttribute("class"),
       dataImage: x.value.getAttribute("data-image")
-    }), T = F6();
+    }), T = FS();
     pt(w, async (X, R) => {
       ((X == null ? void 0 : X.src) !== (R == null ? void 0 : R.src) || (X == null ? void 0 : X.href) !== (R == null ? void 0 : R.href) || (X == null ? void 0 : X.style) !== (R == null ? void 0 : R.style) || (X == null ? void 0 : X.class) !== (R == null ? void 0 : R.class) || (X == null ? void 0 : X.dataImage) !== (R == null ? void 0 : R.dataImage)) && T(async () => {
         await n.handleAutoSave(), await n.initializeElementStyles();
@@ -23934,8 +23934,8 @@ const j6 = {
     return or(async () => {
       const X = s.value;
       j(X), n.updateLocalStorageItemName(), n.deleteOldPageBuilderLocalStorage(), await n.clearHtmlSelection(), await n.addListenersToEditableElements(), await n.hasLocalDraftForUpdate() && ue();
-    }), (X, R) => (v(), k("div", j6, [
-      p("div", H6, [
+    }), (X, R) => (v(), k("div", jS, [
+      p("div", HS, [
         p("div", {
           onClick: R[1] || (R[1] = qe((ut) => A(n).clearHtmlSelection(), ["self"])),
           class: "flex justify-between items-center pb-2 border-b border-gray-200"
@@ -23943,23 +23943,23 @@ const j6 = {
           p("div", {
             onClick: R[0] || (R[0] = (ut) => A(n).clearHtmlSelection())
           }, [
-            s.value && s.value.pageBuilderLogo && s.value.pageBuilderLogo.src ? (v(), k("div", V6, [
-              p("div", W6, [
+            s.value && s.value.pageBuilderLogo && s.value.pageBuilderLogo.src ? (v(), k("div", VS, [
+              p("div", WS, [
                 p("img", {
                   class: "h-6",
                   src: s.value.pageBuilderLogo.src,
                   alt: "Logo"
-                }, null, 8, q6)
+                }, null, 8, qS)
               ]),
               R[17] || (R[17] = p("span", { class: "myPrimaryParagraph font-medium pl-4" }, "Editing Page ", -1))
-            ])) : (v(), k("div", U6, R[18] || (R[18] = [
+            ])) : (v(), k("div", US, R[18] || (R[18] = [
               p("div", { class: "pr-6" }, [
                 p("span", { class: "myPrimaryParagraph font-medium" }, "Editing Page ")
               ], -1)
             ])))
           ]),
           p("div", null, [
-            W(z6)
+            W(zS)
           ])
         ])
       ]),
@@ -24004,14 +24004,14 @@ const j6 = {
         __: [19]
       }, 8, ["showDynamicModalBuilder", "isLoading", "type", "gridColumnAmount", "title", "description", "firstButtonText", "secondButtonText", "thirdButtonText", "onFirstModalButtonFunctionDynamicModalBuilder", "onSecondModalButtonFunctionDynamicModalBuilder", "onThirdModalButtonFunctionDynamicModalBuilder"]),
       p("div", null, [
-        p("div", K6, [
+        p("div", KS, [
           p("div", {
             onClick: R[4] || (R[4] = qe((ut) => A(n).clearHtmlSelection(), ["self"])),
             id: "pagebuilder-left-area",
             class: "min-w-[3.5rem] pt-6 pb-2 ml-2 bg-myPrimaryLightGrayColor rounded-full shadow-sm"
           }, [
-            p("div", J6, [
-              p("div", G6, [
+            p("div", JS, [
+              p("div", GS, [
                 p("button", {
                   type: "button",
                   onClick: R[2] || (R[2] = () => {
@@ -24032,7 +24032,7 @@ const j6 = {
           p("main", {
             class: Q(["flex flex-col h-full grow rounded-tr-2xl rounded-tl-2xl border border-gray-200 items-stretch", { "mr-2": !l.value, "": l.value }])
           }, [
-            p("div", Y6, [
+            p("div", YS, [
               p("div", {
                 onClick: R[6] || (R[6] = qe((ut) => A(n).clearHtmlSelection(), ["self"])),
                 class: "flex myPrimaryGap items-center pt-4 pb-2 pl-2 h-24 w-full min-w-36"
@@ -24048,17 +24048,17 @@ const j6 = {
                   type: "button",
                   disabled: a.value
                 }, [
-                  a.value ? D("", !0) : (v(), k("div", Q6, R[21] || (R[21] = [
+                  a.value ? D("", !0) : (v(), k("div", QS, R[21] || (R[21] = [
                     p("span", { class: "material-symbols-outlined" }, "save", -1)
                   ]))),
-                  a.value ? (v(), k("div", Z6, R[22] || (R[22] = [
+                  a.value ? (v(), k("div", ZS, R[22] || (R[22] = [
                     p("span", { class: "relative flex size-3" }, [
                       p("span", { class: "absolute inline-flex h-full w-full animate-ping rounded-full bg-gray-400 opacity-75" }),
                       p("span", { class: "relative inline-flex size-3 rounded-full bg-green-200" })
                     ], -1)
                   ]))) : D("", !0),
                   R[23] || (R[23] = p("div", null, "Save", -1))
-                ], 8, X6)
+                ], 8, XS)
               ]),
               p("div", {
                 onClick: R[10] || (R[10] = qe((ut) => A(n).clearHtmlSelection(), ["self"])),