@innovastudio/contentbuilder 1.4.11 → 1.4.13

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.4.11",
+  "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">
@@ -58324,7 +58325,33 @@ class RowTool {
 
     let actualRow = row.parentNode; // row is actually row overlay
 
-    this.realtimeVisibility(actualRow); //More
+    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');
+    });
+
+    if (actualRow.classList.contains('md-wrap')) {
+      this.rowSettings.querySelector('.input-breakpoint[data-value="md"]').classList.add('on');
+    } else if (actualRow.classList.contains('sm-wrap')) {
+      this.rowSettings.querySelector('.input-breakpoint[data-value="sm"]').classList.add('on');
+    } else {
+      this.rowSettings.querySelector('.input-breakpoint[data-value="xs"]').classList.add('on');
+    } //More
+
 
     let inpRowId = this.rowSettings.querySelector('.input-row-id');
     inpRowId.value = '';