@innovastudio/contentbuilder 1.3.13 → 1.3.14

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.3.13",
+  "version": "1.3.14",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [

package/public/contentbuilder/contentbuilder.esm.js

@@ -14522,7 +14522,25 @@ class HtmlUtil {
       range.setStart(area, 0);
       area.appendChild(range.createContextualFragment(html));
       let builderActive = this.builder.doc.querySelector('.builder-active');
-      if (builderActive) this.builder.applyBehaviorOn(builderActive); //Trigger Change event
+      if (builderActive) this.builder.applyBehaviorOn(builderActive);
+      /*else {
+           const builders = this.builder.doc.querySelectorAll(this.builder.opts.container);
+          if(builders.length > 1) {
+              const cell = util.cellSelected();
+              if(!cell) {
+                  // Return first instance
+                  area = builders[0];
+              } else {
+                  // Return active instance
+                  area = cell.parentNode.parentNode;
+              }
+          } else {
+              // Single instance
+              area = builders[0];
+          }
+          this.builder.applyBehaviorOn(area);
+       }*/
+      //Trigger Change event
 
       this.builder.opts.onChange(); //Trigger Render event
 
@@ -14750,9 +14768,9 @@ class HtmlUtil {
 
 
     let columnMore = builderStuff.querySelector('.is-pop.columnmore');
-    columnMore.style.display = '';
+    if (columnMore) columnMore.style.display = '';
     let rowMore = builderStuff.querySelector('.is-pop.rowmore');
-    rowMore.style.display = '';
+    if (rowMore) rowMore.style.display = '';
     this.builder.codeEditorMode = mode;
     this.builder.codeEditorArea = area;
     let codeEditor = viewhtml.querySelector('.input-code-editor');
@@ -50038,6 +50056,8 @@ class Image$1 {
           }
 
           newname = basename + '-edit' + this.util.makeId();
+          newname = newname.replaceAll('%20', '-'); // fix 404 error after file upload
+
           img.setAttribute('data-filename', newname + '.' + extension);
         }
 
@@ -50098,7 +50118,9 @@ class Image$1 {
         this.imageTool.style.display = '';
       }, 1000);
     } else {
-      this.refresh();
+      elm.onload = () => {
+        this.refresh();
+      };
     }
   }
 
@@ -50173,7 +50195,9 @@ class Image$1 {
           this.builder.moveable.updateRect();
           document.querySelector('.moveable-control-box').style.display = 'none';
         }
-      }, 300);
+
+        this.util.repositionColumnTool();
+      }, 0); // refesh() is called after img onload, so no need to have a delay.
     }
   }
 
@@ -65755,7 +65779,7 @@ class Rte {
       }
 
       if (this.builder.opts.toolbarAddSnippetButton && html_elementrte.indexOf('rte-addsnippet') === -1 && html_elementrtemore.indexOf('rte-addsnippet') === -1) {
-        html_elementrte = `<button tabindex="-1" title="${util.out('Add Snippet')}" class="rte-addsnippet"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#ion-ios-plus-empty"></use></svg></button>` + html_rte;
+        html_elementrte = `<button tabindex="-1" title="${util.out('Add Snippet')}" class="rte-addsnippet"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#ion-ios-plus-empty"></use></svg></button>` + html_elementrte; //html_rte;
       }
 
       if (html_elementrtemore !== '' && html_elementrte.indexOf('rte-more') === -1) {
@@ -65786,7 +65810,7 @@ class Rte {
       }
 
       if (this.builder.opts.toolbarAddSnippetButton && html_iconrte.indexOf('rte-addsnippet') === -1 && html_iconrtemore.indexOf('rte-addsnippet') === -1) {
-        html_iconrte = `<button tabindex="-1" title="${util.out('Add Snippet')}" class="rte-addsnippet"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#ion-ios-plus-empty"></use></svg></button>` + html_rte;
+        html_iconrte = `<button tabindex="-1" title="${util.out('Add Snippet')}" class="rte-addsnippet"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#ion-ios-plus-empty"></use></svg></button>` + html_iconrte; //html_rte;
       }
 
       if (html_iconrtemore !== '' && html_iconrte.indexOf('rte-more') === -1) {