@myissue/vue-website-page-builder 3.3.15 → 3.3.18

package/README.md

@@ -66,7 +66,6 @@ The Page Builder is packed with features:
 - **Reordering**: Change the order of your content without hassle.
 - **True Visual Editing**: See your changes in real-time as you make them.
 - **Media Library**: Easily inject your own custom media library component.
--
 - **Local Storage & Auto-Save**: Never lose your work - changes are saved as you go.
 - **Unsplash**: Unsplash Integration.
 - **Responsive Editing**: Ensure your site looks great on all devices.

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

@@ -1542,13 +1542,10 @@ class hx {
   }
   cloneCompObjForDOMInsertion(t) {
     const e = { ...t }, o = document.querySelector("#contains-pagebuilder");
-    o && (this.getComponentArrayAddMethod.value === "unshift" && o.scrollTo({
+    o && this.getComponentArrayAddMethod.value === "unshift" && o.scrollTo({
       top: 0,
       behavior: "smooth"
-    }), this.getComponentArrayAddMethod.value === "push" && o.scrollTo({
-      top: o.scrollHeight + 400,
-      behavior: "smooth"
-    }));
+    });
     const i = new DOMParser().parseFromString(e.html_code || "", "text/html");
     i.querySelectorAll("*").forEach((l) => {
       V(this, R, Rc).call(this, l);
@@ -1871,7 +1868,12 @@ class hx {
       });
       this.pageBuilderStateStore.setPushComponents({
         component: e,
-        componentArrayAddMethod: this.getComponentArrayAddMethod.value || "push"
+        componentArrayAddMethod: this.getComponentArrayAddMethod.value ? this.getComponentArrayAddMethod.value : "push"
+      });
+      const o = document.querySelector("#contains-pagebuilder");
+      o && this.getComponentArrayAddMethod.value === "push" && o.scrollTo({
+        top: o.scrollHeight + 50,
+        behavior: "smooth"
       }), await lt(), await Jt(this, oe).call(this), await this.handleAutoSave();
     } catch (e) {
       console.error("Error adding component:", e);
@@ -23257,7 +23259,7 @@ const h3 = ["src"], f3 = {
 }, Z4 = { class: "pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg" }, tS = { class: "pbx-overflow-x-auto" }, eS = { class: "pbx-w-max" }, rS = { class: "pbx-bg-white pbx-divide-y pbx-divide-gray-200" }, oS = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, nS = { class: "pbx-min-w-[30rem] pbx-w-max" }, iS = { key: 0 }, aS = { key: 1 }, sS = { key: 0 }, lS = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, pS = { class: "pbx-min-w-[30rem] pbx-w-max" }, dS = { class: "pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium" }, cS = { class: "pbx-mt-4 pbx-mb-4 pbx-py-8 pbx-border-b pbx-border-myPrimbryLightGrayColor" }, mS = { class: "pbx-mt-4 pbx-whitespace-pre-wrap pbx-text-white pbx-overflow-hidden pbx-bg-gray-900" }, bS = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-white pbx-text-xs pbx-break-all" }, uS = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-text-white" }, xS = {
   __name: "PageBuilderSettings",
   setup(r) {
-    const t = "v3.3.15", e = Et, o = S(null), n = $(() => e.getPageBuilderConfig), i = $(() => e.getComponents), a = function(l, p) {
+    const t = "3.3.18", e = Et, o = S(null), n = $(() => e.getPageBuilderConfig), i = $(() => e.getComponents), a = function(l, p) {
       const d = document.createElement("a");
       d.setAttribute(
         "href",
@@ -23597,7 +23599,7 @@ const h3 = ["src"], f3 = {
         m("div", cS, [
           p[29] || (p[29] = m("div", { class: "pbx-flex pbx-items-left pbx-flex-col pbx-gap-1" }, [
             m("h3", { class: "pbx-myQuaternaryHeader" }, "Complete Configuration Overview"),
-            m("p", { class: "pbx-myPrimaryParagraph pbx-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. ")
+            m("p", { class: "pbx-myPrimaryParagraph pbx-text-xs" }, " 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)),
           m("div", mS, [
             p[28] || (p[28] = m("div", { class: "pbx-flex bg-gray-800/40 pbx-ring-1 ring-white/5" }, [
@@ -24026,7 +24028,7 @@ const V6 = /* @__PURE__ */ Za(F6, [["render", j6]]), W6 = { class: "pbx-font-san
 }, aC = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-gap-4" }, sC = {
   id: "contains-pagebuilder",
   class: "pbx-pl-4 pbx-pr-4 pbx-pb-4 pbx-overflow-y-auto pbx-pt-1 pbx-h-[39rem]"
-}, lC = { id: "pagebuilder" }, pC = ["onMouseup"], dC = ["innerHTML"], cC = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-border-t pbx-border-gray-200 pbx-cursor-pointer pbx-py-4" }, hC = {
+}, lC = { id: "pagebuilder" }, pC = ["onMouseup"], dC = ["innerHTML"], cC = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-border-t pbx-border-gray-200 pbx-py-4" }, hC = {
   __name: "PageBuilder",
   props: {
     CustomMediaLibraryComponent: {
@@ -24420,7 +24422,7 @@ const V6 = /* @__PURE__ */ Za(F6, [["render", j6]]), W6 = { class: "pbx-font-san
             onClick: L[16] || (L[16] = () => {
               O(n).setComponentArrayAddMethod("push"), k();
             }),
-            class: "pbx-flex pbx-items-center pbx-justify-center pbx-gap-2"
+            class: "pbx-flex pbx-items-center pbx-justify-center pbx-gap-2 pbx-cursor-pointer"
           }, L[32] || (L[32] = [
             Bp('<span class="lg:pbx-block pbx-hidden"><div class="pbx-whitespace-nowrap">Add to the bottom</div></span><div class="pbx-flex pbx-gap-2 pbx-items-center pbx-justify-center"><button type="button" class="pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0"><span class="pbx-myMediumIcon material-symbols-outlined"> interests </span></button></div>', 2)
           ]))