formeo 3.0.5 → 3.0.7

package/dist/formeo.es.js

@@ -1,7 +1,7 @@
 
 /**
 formeo - https://formeo.io
-Version: 3.0.4
+Version: 3.0.6
 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.4";
+const version$2 = "3.0.6";
 const type = "module";
 const main = "dist/formeo.cjs.js";
 const module = "dist/formeo.es.js";
@@ -1821,6 +1821,7 @@ function parseData(data = /* @__PURE__ */ Object.create(null)) {
   }
   return data;
 }
+const cleanFormData = (formData) => formData ? clone$1(parseData(formData)) : {};
 var baseGetTag$1 = _baseGetTag, isObjectLike$1 = isObjectLike_1;
 var symbolTag$1 = "[object Symbol]";
 function isSymbol$3(value) {
@@ -2660,7 +2661,7 @@ class Data {
       const parent = this.get(delPath);
       if (Array.isArray(parent)) {
         parent.splice(Number(delItem), 1);
-      } else {
+      } else if (parent) {
         delete parent[delItem];
       }
       return parent;
@@ -6191,8 +6192,9 @@ class EditPanel {
   }
 }
 class Component extends Data {
-  constructor(name2, data = {}, render) {
-    super(name2, { ...data, id: data.id || uuid() });
+  constructor(name2, dataArg = {}, render) {
+    const data = { ...dataArg, id: dataArg.id || uuid() };
+    super(name2, data);
     __publicField(this, "mutationHandler", (mutations) => mutations.map((mutation) => {
     }));
     __publicField(this, "remove", (path) => {
@@ -6368,7 +6370,7 @@ class Component extends Data {
       },
       children
     }));
-    this.id = this.data.id;
+    this.id = data.id;
     this.name = name2;
     this.config = components[`${this.name}s`].config;
     merge(this.config, data.config);
@@ -6391,8 +6393,9 @@ class Component extends Data {
    * @return  {Object} parent element
    */
   empty() {
-    const removed = this.children.map((child) => child.remove());
-    this.data.children = this.data.children.filter((childId) => removed.indexOf(childId) === -1);
+    const removed = this.children.map((child) => {
+      child.remove();
+    });
     this.dom.classList.add("empty");
     return removed;
   }
@@ -6755,7 +6758,7 @@ class Component extends Data {
     return this.name === COMPONENT_TYPES.field;
   }
 }
-const DEFAULT_DATA$4 = () => ({
+const DEFAULT_DATA$3 = () => ({
   conditions: [CONDITION_TEMPLATE()]
 });
 class Field extends Component {
@@ -6765,7 +6768,7 @@ class Field extends Component {
    * @return {Object} field object
    */
   constructor(fieldData = /* @__PURE__ */ Object.create(null)) {
-    super("field", { ...DEFAULT_DATA$4(), ...fieldData });
+    super("field", { ...DEFAULT_DATA$3(), ...fieldData });
     /**
      * Updates the conditions panel when linked field data changes
      */
@@ -8106,7 +8109,7 @@ class ComponentData extends Data {
     return this.configVal;
   }
 }
-const DEFAULT_DATA$3 = () => Object.freeze({ children: [] });
+const DEFAULT_DATA$2 = () => Object.freeze({ children: [] });
 class Stage extends Component {
   /**
    * Process options and load existing fields from data to the stage
@@ -8115,7 +8118,7 @@ class Stage extends Component {
    * @return {Object} DOM element
    */
   constructor(stageData, render) {
-    super("stage", { ...DEFAULT_DATA$3(), ...stageData }, render);
+    super("stage", { ...DEFAULT_DATA$2(), ...stageData }, render);
     const children = this.createChildWrap();
     this.dom = dom.create({
       attrs: {
@@ -8175,7 +8178,7 @@ let Stages$1 = class Stages extends ComponentData {
   }
 };
 const stages = new Stages$1();
-const DEFAULT_DATA$2 = () => Object.freeze({
+const DEFAULT_DATA$1 = () => Object.freeze({
   config: {
     fieldset: false,
     // wrap contents of row in fieldset
@@ -8194,7 +8197,7 @@ class Row extends Component {
    * @return {Object}
    */
   constructor(rowData) {
-    super("row", { ...DEFAULT_DATA$2(), ...rowData });
+    super("row", { ...DEFAULT_DATA$1(), ...rowData });
     /**
      * Read columns and generate bootstrap cols
      * @param {Object} row DOM element
@@ -8622,7 +8625,7 @@ class ResizeColumn {
     return value;
   }
 }
-const DEFAULT_DATA$1 = () => Object.freeze({
+const DEFAULT_DATA = () => Object.freeze({
   config: {
     width: "100%"
   },
@@ -8648,7 +8651,7 @@ class Column extends Component {
    * @return {Object} Column config object
    */
   constructor(columnData) {
-    super("column", { ...DEFAULT_DATA$1(), ...columnData });
+    super("column", { ...DEFAULT_DATA(), ...columnData });
     // loops through children and refresh their edit panels
     __publicField(this, "refreshFieldPanels", () => {
       for (const field of this.children) {
@@ -8829,39 +8832,40 @@ const Columns2 = columns;
 const Fields2 = fields;
 const Controls2 = Controls$2;
 const Externals2 = externals;
-const DEFAULT_DATA = {
-  id: uuid()
+const defaultFormData = () => ({
+  id: uuid(),
+  stages: { [uuid()]: {} },
+  rows: {},
+  columns: {},
+  fields: {}
+});
+const getFormData = (formData, useSessionStorage = false) => {
+  if (formData) {
+    return clone$1(parseData(formData));
+  }
+  if (useSessionStorage) {
+    return sessionStorage.get(SESSION_FORMDATA_KEY) || defaultFormData();
+  }
+  return defaultFormData();
 };
 class Components extends Data {
-  constructor(opts) {
+  constructor() {
     super("components");
-    __publicField(this, "sessionFormData", () => {
-      var _a;
-      if ((_a = this.opts) == null ? void 0 : _a.sessionStorage) {
-        return sessionStorage.get(SESSION_FORMDATA_KEY);
-      }
-    });
-    __publicField(this, "load", (formDataArg, opts = this.opts || /* @__PURE__ */ Object.create(null)) => {
-      let formData = formDataArg;
+    __publicField(this, "load", (formDataArg, opts) => {
       this.empty();
-      if (typeof formDataArg === "string") {
-        formData = JSON.parse(formDataArg);
-      }
+      const formData = getFormData(formDataArg, opts.sessionStorage);
       this.opts = opts;
-      const { stages: stages2 = { [uuid()]: {} }, rows: rows2, columns: columns2, fields: fields2, id = uuid() } = { ...this.sessionFormData(), ...formData };
-      this.set("id", id);
-      this.add("stages", Stages2.load(stages2));
-      this.add("rows", Rows2.load(rows2));
-      this.add("columns", Columns2.load(columns2));
-      this.add("fields", Fields2.load(fields2));
-      this.add("externals", Externals2.load(opts.external));
+      this.set("id", formData.id);
+      this.add("stages", Stages2.load(formData.stages));
+      this.add("rows", Rows2.load(formData.rows));
+      this.add("columns", Columns2.load(formData.columns));
+      this.add("fields", Fields2.load(formData.fields));
+      this.add("externals", Externals2.load(this.opts.external));
       for (const stage of Object.values(this.get("stages"))) {
         stage.loadChildren();
       }
       return this.data;
     });
-    this.opts = opts;
-    this.data = DEFAULT_DATA;
     this.disableEvents = true;
     this.stages = Stages2;
     this.rows = Rows2;
@@ -9709,13 +9713,17 @@ let FormeoEditor$1 = class FormeoEditor {
     this.opts = opts;
     dom.setOptions = opts;
     components.config = config2;
-    this.userFormData = userFormData || formData;
+    this.userFormData = cleanFormData(userFormData || formData);
     this.Components = components;
     this.dom = dom;
     events.init({ debug, ...events$1 });
     actions.init({ debug, sessionStorage: opts.sessionStorage, ...actions$1 });
     this.tooltip = new SmartTooltip();
-    document.addEventListener("DOMContentLoaded", this.loadResources.bind(this));
+    if (document.readyState === "loading") {
+      document.addEventListener("DOMContentLoaded", this.loadResources.bind(this));
+    } else {
+      this.loadResources();
+    }
   }
   get formData() {
     return this.Components.formData;
@@ -9820,7 +9828,7 @@ const processOptions = ({ editorContainer, renderContainer, formData, ...opts })
   const processedOptions = {
     renderContainer: containerLookup(renderContainer),
     editorContainer: containerLookup(editorContainer),
-    formData: parseData(formData) || {}
+    formData: cleanFormData(formData)
   };
   return { elements: {}, ...opts, ...processedOptions };
 };
@@ -9847,7 +9855,7 @@ let FormeoRenderer$1 = class FormeoRenderer {
      * @param {Object} formData
      */
     __publicField(this, "render", (formData = this.form) => {
-      this.form = parseData(formData);
+      this.form = cleanFormData(formData);
       const renderCount = document.getElementsByClassName("formeo-render").length;
       const config2 = {
         id: this.form.id,
@@ -10065,7 +10073,7 @@ let FormeoRenderer$1 = class FormeoRenderer {
     });
     const { renderContainer, external, elements, formData } = processOptions(opts);
     this.container = renderContainer;
-    this.form = parseData(formDataArg || formData);
+    this.form = cleanFormData(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.4
+Version: 3.0.6
 Author: Draggable https://draggable.io
 */