@innovastudio/contentbox 1.4.14 → 1.4.16

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.4.14",
+  "version": "1.4.16",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -46,7 +46,7 @@
     "webpack-dev-server": "^4.0.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.3.12",
+    "@innovastudio/contentbuilder": "^1.3.13",
     "js-beautify": "^1.14.0"
   }
 }

package/public/contentbox/contentbox.esm.js

@@ -1908,15 +1908,18 @@ class SideBar {
             const wait2 = document.querySelector('.is-waiting2');
             wait2.style.display = 'flex';
 
-            renderMegaMenu();
+            // renderMegaMenu();
         
-            showDesigns(defaultCat); // If not ready (not loaded yet) will show empty
+            // showDesigns(defaultCat); // If not ready (not loaded yet) will show empty
         
+            let designId = 0;
             loadJsFiles(templateJSON, (template)=>{
                 // console.log(template)
                 const templateAdded = template_list[template_list.length-1];
                 templateAdded.path = template.path;
                 templateAdded.pathReplace = template.pathReplace;
+                templateAdded.designId = designId;
+                designId++;
                 // console.log(templateAdded);
         
                 renderMegaMenu();
@@ -79625,8 +79628,12 @@ class Rte {
         let col = this.builder.activeCol;
         let tool = this.builder.doc.querySelector('.is-column-tool');
         tool.style.display = '';
-        tool.style.top = col.getBoundingClientRect().top - 29 + window.pageYOffset + 'px';
-        tool.style.left = col.getBoundingClientRect().left - 1 + 'px';
+
+        if (col) {
+          tool.style.top = col.getBoundingClientRect().top - 29 + window.pageYOffset + 'px';
+          tool.style.left = col.getBoundingClientRect().left - 1 + 'px';
+        }
+
         let tools = this.builder.doc.querySelectorAll('.is-row-tool');
         tools.forEach(tool => {
           tool.style.display = '';
@@ -79703,8 +79710,12 @@ class Rte {
         let col = this.builder.activeCol;
         let tool = this.builder.doc.querySelector('.is-column-tool');
         tool.style.display = '';
-        tool.style.top = col.getBoundingClientRect().top - 29 + window.pageYOffset + 'px';
-        tool.style.left = col.getBoundingClientRect().left - 1 + 'px';
+
+        if (col) {
+          tool.style.top = col.getBoundingClientRect().top - 29 + window.pageYOffset + 'px';
+          tool.style.left = col.getBoundingClientRect().left - 1 + 'px';
+        }
+
         let tools = this.builder.doc.querySelectorAll('.is-row-tool');
         tools.forEach(tool => {
           tool.style.display = '';
@@ -93589,6 +93600,7 @@ class ContentBox {
       useCssClasses: true,
       useButtonPlugin: false,
       enableDragResize: true,
+      simpleTextSettings: true,
 
       /* Old Version (backward compatible) */
       onAddSectionOpen: function () {},
@@ -93881,6 +93893,7 @@ class ContentBox {
       useCssClasses: this.settings.useCssClasses,
       useButtonPlugin: this.settings.useButtonPlugin,
       enableDragResize: this.settings.enableDragResize,
+      simpleTextSettings: this.settings.simpleTextSettings,
       zoom: this.settings.zoom,
       onZoomStart: () => {
         const wrapper = this.wrapperEl; // wrapper.style.transition = 'all ease 0.1s';