formeo 3.0.2 → 3.0.4

package/dist/formeo.es.js

@@ -1,7 +1,7 @@
 
 /**
 formeo - https://formeo.io
-Version: 3.0.1
+Version: 3.0.3
 Author: Draggable https://draggable.io
 */
 
@@ -434,7 +434,7 @@ if (window !== void 0) {
   window.SmartTooltip = SmartTooltip;
 }
 const name$1 = "formeo";
-const version$2 = "3.0.1";
+const version$2 = "3.0.3";
 const type = "module";
 const main = "dist/formeo.cjs.js";
 const module = "dist/formeo.es.js";
@@ -1810,6 +1810,17 @@ function identity(value) {
 }
 function noop() {
 }
+function parseData(data = /* @__PURE__ */ Object.create(null)) {
+  if (typeof data === "string") {
+    try {
+      return JSON.parse(data);
+    } catch (e) {
+      console.error("Invalid JSON string provided:", e);
+      return /* @__PURE__ */ Object.create(null);
+    }
+  }
+  return data;
+}
 var baseGetTag$1 = _baseGetTag, isObjectLike$1 = isObjectLike_1;
 var symbolTag$1 = "[object Symbol]";
 function isSymbol$3(value) {
@@ -2662,25 +2673,6 @@ class Data {
     });
     __publicField(this, "setCallbacks", {});
     __publicField(this, "configVal", /* @__PURE__ */ Object.create(null));
-    /**
-     * Parses the provided data argument. If the argument is a string, it attempts to parse it as JSON.
-     * If the parsing fails, it logs an error and returns an empty object.
-     * If the argument is not a string, it returns the argument as is.
-     *
-     * @param {string|Object} dataArg - The data to be parsed. Can be a JSON string or an object.
-     * @returns {Object} - The parsed object or the original object if the input was not a string.
-     */
-    __publicField(this, "parseformData", (dataArg = /* @__PURE__ */ Object.create(null)) => {
-      if (typeof dataArg === "string") {
-        try {
-          return JSON.parse(dataArg);
-        } catch (e) {
-          console.error("Invalid JSON string provided:", e);
-          return /* @__PURE__ */ Object.create(null);
-        }
-      }
-      return dataArg;
-    });
     this.name = name2;
     this.data = data;
     this.dataPath = "";
@@ -8036,7 +8028,7 @@ class ComponentData extends Data {
   constructor() {
     super(...arguments);
     __publicField(this, "load", (dataArg) => {
-      const data = this.parseformData(dataArg);
+      const data = parseData(dataArg);
       this.empty();
       for (const [key, val] of Object.entries(data)) {
         this.add(key, val);
@@ -8804,7 +8796,7 @@ let Fields$1 = class Fields extends ComponentData {
       }, {});
     });
     __publicField(this, "load", (dataArg = /* @__PURE__ */ Object.create(null)) => {
-      const allFieldData = this.parseformData(dataArg);
+      const allFieldData = parseData(dataArg);
       this.empty();
       for (const [key, val] of Object.entries(allFieldData)) {
         const { meta, ...data } = val;
@@ -9739,7 +9731,7 @@ let FormeoEditor$1 = class FormeoEditor {
    * @return {Promise} asynchronously loaded remote resources
    */
   async loadResources() {
-    var _a, _b, _c;
+    var _a;
     document.removeEventListener("DOMContentLoaded", this.loadResources);
     const promises = [];
     if (this.opts.polyfills) {
@@ -9748,11 +9740,10 @@ let FormeoEditor$1 = class FormeoEditor {
     await fetchIcons(this.opts.svgSprite);
     promises.push(fetchFormeoStyle(this.opts.style));
     promises.push(mi18n.init({ ...this.opts.i18n, locale: (_a = window.sessionStorage) == null ? void 0 : _a.getItem(SESSION_LOCALE_KEY) }));
+    const resolvedPromises = await Promise.all(promises);
     if (this.opts.allowEdit) {
-      promises.push(this.init());
+      this.init();
     }
-    const resolvedPromises = await Promise.all(promises);
-    (_c = (_b = this.opts).onLoad) == null ? void 0 : _c.call(_b, this);
     return resolvedPromises;
   }
   /**
@@ -9762,13 +9753,14 @@ let FormeoEditor$1 = class FormeoEditor {
    */
   init() {
     return Controls$2.init(this.opts.controls, this.opts.stickyControls).then((controls) => {
+      var _a, _b;
       this.controls = controls;
       this.load(this.userFormData, this.opts);
       this.formId = components.get("id");
       this.i18n = {
         setLang: (formeoLocale) => {
-          var _a;
-          (_a = window.sessionStorage) == null ? void 0 : _a.setItem(SESSION_LOCALE_KEY, formeoLocale);
+          var _a2;
+          (_a2 = window.sessionStorage) == null ? void 0 : _a2.setItem(SESSION_LOCALE_KEY, formeoLocale);
           const loadLang = mi18n.setCurrent(formeoLocale);
           loadLang.then(() => {
             this.init();
@@ -9776,6 +9768,7 @@ let FormeoEditor$1 = class FormeoEditor {
         }
       };
       this.render();
+      (_b = (_a = this.opts).onLoad) == null ? void 0 : _b.call(_a, this);
     });
   }
   load(formData = this.userFormData, opts = this.opts) {
@@ -9822,13 +9815,14 @@ let FormeoEditor$1 = class FormeoEditor {
   }
 };
 const RENDER_PREFIX = "f-";
-const processOptions = ({ editorContainer, renderContainer, ...opts }) => {
-  const containerLookup = (container) => typeof container === "string" ? document.querySelector(container) : container;
+const containerLookup = (container) => typeof container === "string" ? document.querySelector(container) : container;
+const processOptions = ({ editorContainer, renderContainer, formData, ...opts }) => {
   const processedOptions = {
     renderContainer: containerLookup(renderContainer),
-    editorContainer: containerLookup(editorContainer)
+    editorContainer: containerLookup(editorContainer),
+    formData: parseData(formData) || {}
   };
-  return { ...opts, ...processedOptions };
+  return { elements: {}, ...opts, ...processedOptions };
 };
 const baseId = (id) => {
   const match2 = id.match(UUID_REGEXP);
@@ -9847,13 +9841,13 @@ const createRemoveButton = () => dom.render(
   })
 );
 let FormeoRenderer$1 = class FormeoRenderer {
-  constructor(opts, formData = {}) {
+  constructor(opts, formDataArg) {
     /**
      * Renders the formData to a target Element
      * @param {Object} formData
      */
     __publicField(this, "render", (formData = this.form) => {
-      this.form = formData;
+      this.form = parseData(formData);
       const renderCount = document.getElementsByClassName("formeo-render").length;
       const config2 = {
         id: this.form.id,
@@ -10069,9 +10063,9 @@ let FormeoRenderer$1 = class FormeoRenderer {
       }
       return components2;
     });
-    const { renderContainer, external, elements } = processOptions(opts);
+    const { renderContainer, external, elements, formData } = processOptions(opts);
     this.container = renderContainer;
-    this.form = formData;
+    this.form = parseData(formDataArg || formData);
     this.external = external;
     this.dom = dom;
     this.components = /* @__PURE__ */ Object.create(null);

package/dist/formeo.min.css

@@ -1,7 +1,7 @@
 
 /**
 formeo - https://formeo.io
-Version: 3.0.1
+Version: 3.0.3
 Author: Draggable https://draggable.io
 */