@innovastudio/contentbuilder 1.3.51 → 1.3.53

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -17175,10 +17175,10 @@ const renderQuickAdd = builder => {
     elm = quickadd.querySelector('.add-image');
     dom.addEventListener(elm, 'click', () => {
       const mode = quickadd.getAttribute('data-mode');
-      let html = `<img onload="imageLoaded(this)" src="${builder.opts.snippetPath}example.png" alt="" />`;
+      let html = `<img src="${builder.opts.snippetPath}example.png" alt="" />`;
 
       if (builder.opts.snippetSampleImage) {
-        html = `<img onload="imageLoaded(this)" src="${builder.opts.snippetSampleImage}" alt="" />`;
+        html = `<img src="${builder.opts.snippetSampleImage}" alt="" />`;
       }
 
       util.addContent(html, mode);
@@ -57325,9 +57325,13 @@ class ColumnTool {
                                 <button title="${util.out('Clear')}" class="input-cell-textcolor" data-command=""><svg class="is-icon-flex" style="flex:none;width:18px;height:18px;margin-top: 2px;"><use xlink:href="#ion-ios-close-empty"></use></svg></button>
                             </div>
 
-                            <div style="padding-top:20px;">
+                            <div style="padding-top:30px;">
                                 <label class="label-cell-grayscale label-checkbox" for="chkCellGrayscale"><input id="chkCellGrayscale" class="chk-cell-grayscale" type="checkbox" /> ${util.out('Grayscale')}</label>
                             </div>
+
+                            <div style="padding:20px 0 10px;">
+                                <label class="label-cell-hideonmobile label-checkbox" for="chkHideColumnOnMobile"><input id="chkHideColumnOnMobile" class="chk-cell-hideonmobile" type="checkbox" /> ${util.out('Hide Column on Mobile')}</label>
+                            </div>
                             
                             <!--
                             <div style="display:none;padding-top:20px;padding-bottom:3px;">${util.out('Enlarge Row')}:</div>
@@ -58401,6 +58405,20 @@ class ColumnTool {
         } //Trigger Change event
 
 
+        this.builder.opts.onChange();
+      });
+      const chkHideColumnOnMobile = cellSettings.querySelector('.chk-cell-hideonmobile');
+      dom.addEventListener(chkHideColumnOnMobile, 'click', () => {
+        this.builder.uo.saveForUndo();
+        let cell = util.cellSelected();
+
+        if (chkHideColumnOnMobile.checked) {
+          cell.classList.add('hideonmobile');
+        } else {
+          cell.classList.remove('hideonmobile');
+        } //Trigger Change event
+
+
         this.builder.opts.onChange();
       });
       elms = cellSettings.querySelectorAll('.input-cell-height');
@@ -58885,6 +58903,13 @@ class ColumnTool {
       }
     }
 
+    const chkHideColumnOnMobile = this.cellSettings.querySelector('.chk-cell-hideonmobile');
+    chkHideColumnOnMobile.checked = false;
+
+    if (cell.classList.contains('hideonmobile')) {
+      chkHideColumnOnMobile.checked = true;
+    }
+
     elms = this.cellSettings.querySelectorAll('.input-cell-height');
     Array.prototype.forEach.call(elms, elm => {
       dom.removeClass(elm, 'on');
@@ -72983,7 +73008,10 @@ class Resize {
         // setTimeout(()=>{
         //     col.click();
         // },30);
+        //Trigger Change event
 
+
+        this.builder.opts.onChange();
       }
     });
   }
@@ -75326,11 +75354,8 @@ class ContentBuilder {
     window.selectImage = this.selectImage.bind(this);
     window.selectVideo = this.selectVideo.bind(this);
     window.selectAsset = this.selectAsset.bind(this);
-    window.imageLoaded = this.imageLoaded.bind(this); //this.imageLoaded;
-
     window.assetType = this.assetType.bind(this);
     window.hideModal = this.hideModal.bind(this);
-    this.win.imageLoaded = this.imageLoaded.bind(this); //this.imageLoaded;
   } // constructor
   // Convenience constructor, so that the plugin can be called directly using: ContentBuilder.run({ ... });
 
@@ -76318,10 +76343,6 @@ class ContentBuilder {
 
   saveForUndo(checkLater) {
     this.uo.saveForUndo(checkLater);
-  }
-
-  imageLoaded(obj) {
-    obj.removeAttribute('onload');
   } // Module related