@innovastudio/contentbuilder 1.4.12 → 1.4.13

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -57513,8 +57513,9 @@ class RowTool {
                                 </button>
                             </div>
 
-                            <label for="chkReverseColumns" style="margin:20px 0 0;display:flex"><input id="chkReverseColumns" type="checkbox"  style="margin:0 7px 0 0"/><span>${util.out('Reverse Columns')}</span></label>
-                            
+                            <div id="divReverseColumns" style="diplay:none">
+                                <label for="chkReverseColumns" style="margin:20px 0 0;display:flex"><input id="chkReverseColumns" type="checkbox"  style="margin:0 7px 0 0"/><span>${util.out('Reverse Columns')}</span></label>
+                            </div>
                         </div>
 
                         <div id="divRowMore" class="is-tab-content" data-group="rowsettings" tabindex="-1">
@@ -58325,6 +58326,19 @@ class RowTool {
     let actualRow = row.parentNode; // row is actually row overlay
 
     this.realtimeVisibility(actualRow);
+    const divReverseBoxes = this.rowSettings.querySelector('#divReverseColumns');
+    let num = 3; //is-row-tool, is-col-tool & is-rowadd-tool
+
+    if (actualRow.querySelector('.is-row-overlay')) {
+      num = 4; //is-row-tool, is-col-tool, is-rowadd-tool & is-row-overlay
+    }
+
+    if (actualRow.childElementCount - num > 1) {
+      divReverseBoxes.style.display = 'flex';
+    } else {
+      divReverseBoxes.style.display = 'none';
+    }
+
     let elms = this.rowSettings.querySelectorAll('.input-breakpoint');
     elms.forEach(elm => {
       elm.classList.remove('on');