@myissue/vue-website-page-builder 3.1.21 → 3.1.22

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

@@ -2456,7 +2456,18 @@ class Xe {
       console.error("Error adding component:", t);
     }
   }
-  // Public method to parse and set components from JSON or HTML
+  /**
+   * Parse and set components from JSON or HTML data
+   *
+   * Supports:
+   * - JSON: Array of ComponentObject with html_code, id, title
+   * - HTML: String containing <section data-componentid="..."> elements
+   *
+   * Auto-detects format and parses accordingly
+   *
+   * @param data - JSON string (e.g., '[{"html_code":"...","id":"123","title":"..."}]')
+   *               OR HTML string (e.g., '<section data-componentid="123">...</section>')
+   */
   setComponentsFromData(e) {
     this.showRunningMethodLogs && console.log("setComponentsFromData");
     const t = e.trim();
@@ -2527,7 +2538,7 @@ ie = new WeakSet(), Ne = function(e, t, o) {
   this.pageBuilderStateStore.setElementContainsHyperlink(!1), this.pageBuilderStateStore.setHyperlinkInput(""), this.pageBuilderStateStore.setHyperlinkError(null), this.pageBuilderStateStore.setHyperlinkMessage(null), this.pageBuilderStateStore.setHyberlinkEnable(!1);
 }, // Private method to parse JSON components
 il = function(e) {
-  console.log("using HTML method...");
+  console.log("using JSON method...");
   try {
     const t = JSON.parse(e);
     let o = [];
@@ -2537,7 +2548,7 @@ il = function(e) {
   }
 }, // Private method to parse HTML components
 Au = function(e) {
-  console.log("using JSON method...");
+  console.log("using HTML method...");
   try {
     const n = new DOMParser().parseFromString(e, "text/html").querySelectorAll("section[data-componentid]"), i = [];
     n.forEach((s) => {
@@ -23518,7 +23529,7 @@ const $4 = { class: "p-4" }, _4 = { class: "mb-8" }, z4 = { class: "grid grid-co
 }, iS = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, sS = { class: "overflow-x-auto" }, aS = { class: "min-w-full divide-y divide-gray-300" }, lS = { class: "bg-white divide-y divide-gray-200" }, dS = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, cS = { class: "flex items-center space-x-3" }, pS = { class: "border-r border-gray-200 pr-6" }, uS = ["src"], mS = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, hS = { class: "flex items-center space-x-3" }, gS = { class: "border-r border-gray-200 pr-6" }, fS = { class: "flex items-center space-x-3" }, bS = { class: "whitespace-nowrap" }, yS = {
   __name: "PageBuilderSettings",
   setup(r) {
-    const e = "v3.1.21", t = re("pageBuilderStateStore"), o = S(!1), n = S(""), i = S(null), s = L(() => t.getConfigPageBuilder), a = function() {
+    const e = "v3.1.22", t = re("pageBuilderStateStore"), o = S(!1), n = S(""), i = S(null), s = L(() => t.getConfigPageBuilder), a = function() {
       n.value = "Advanced Settings", o.value = !0;
     }, l = function() {
       o.value = !1;