@innovastudio/contentbuilder 1.3.51 → 1.3.52

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -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');