@innovastudio/contentbuilder 1.3.12 → 1.3.14

package/package.json

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

package/public/contentbuilder/contentbuilder.css

@@ -923,14 +923,14 @@ button:focus {
 }
 #_cbhtml .is-rte-pop.rte-textsetting-options > div,
 .is-ui .is-rte-pop.rte-textsetting-options > div {
-  width: 224px;
+  width: 233px;
   flex-direction: column;
-  padding: 1px 12px 12px 12px;
+  padding: 1px 10px 12px 13px;
   box-sizing: border-box;
 }
 #_cbhtml .is-rte-pop.rte-textsetting-options button,
 .is-ui .is-rte-pop.rte-textsetting-options button {
-  width: 38px;
+  width: 39px;
   height: 28.2px;
   margin: 1px;
   box-shadow: none;
@@ -958,7 +958,7 @@ button:focus {
     height: 0;
   }
   to {
-    height: 370px;
+    height: 372px;
   }
 }
 #_cbhtml .is-rte-pop.rte-textsetting-options.deactive,
@@ -967,12 +967,21 @@ button:focus {
 }
 @keyframes textsetting-slide-in {
   from {
-    height: 370px;
+    height: 372px;
   }
   to {
     height: 0;
   }
 }
+#_cbhtml .is-rte-pop.rte-textsetting-options.simple > div,
+.is-ui .is-rte-pop.rte-textsetting-options.simple > div {
+  width: 224px;
+  padding: 1px 12px 12px 12px;
+}
+#_cbhtml .is-rte-pop.rte-textsetting-options.simple button,
+.is-ui .is-rte-pop.rte-textsetting-options.simple button {
+  width: 38px;
+}
 #_cbhtml .is-rte-pop.rte-textsetting-options.simple .label-fontweight,
 #_cbhtml .is-rte-pop.rte-textsetting-options.simple .rte-fontweight-options,
 .is-ui .is-rte-pop.rte-textsetting-options.simple .label-fontweight,

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) {
@@ -66945,8 +66969,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 = '';
@@ -67023,8 +67051,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 = '';