@innovastudio/contentbox 1.5.26 → 1.5.28

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.5.26",
+  "version": "1.5.28",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [

package/public/contentbox/contentbox.esm.js

@@ -4688,8 +4688,7 @@ class EditSection {
     let divVisibility = this.modalEditSection.querySelector('.div-visibility');
     let target = this.builder.editor.responsive.readTarget(divTarget);
     let valVisibility = this.builder.editor.responsive.getVisibility(section, target);
-    this.builder.editor.responsive.showVisibility(divVisibility, valVisibility); // const divColsPerLine = this.modalEditSection.querySelector('.div-boxesperline');
-
+    this.builder.editor.responsive.showVisibility(divVisibility, valVisibility);
     let btns = this.modalEditSection.querySelectorAll('.input-boxesperline');
     btns.forEach(btn => {
       btn.classList.remove('on');
@@ -4915,12 +4914,15 @@ class EditSection {
 
 
     this.realtimeVisibility(activeSection, true);
+    const divBoxesPerLine = modalEditSection.querySelector('.div-boxesperline');
     const divReverseBoxes = modalEditSection.querySelector('#divReverseBoxes');
 
     if (activeSection.querySelectorAll('.is-box').length > 1) {
       divReverseBoxes.style.display = 'flex';
+      divBoxesPerLine.style.display = 'flex';
     } else {
       divReverseBoxes.style.display = 'none';
+      divBoxesPerLine.style.display = 'none';
     }
   }
 
@@ -5230,6 +5232,9 @@ class EditSection {
       dom$m.removeClass(activeSection, 'box-space-sm');
       dom$m.removeClass(activeSection, 'box-space-m');
       dom$m.removeClass(activeSection, 'box-space-lg');
+      dom$m.removeClass(activeSection, 'stack-top');
+      dom$m.removeClass(activeSection, 'stack-middle');
+      dom$m.removeClass(activeSection, 'stack-bottom');
       divSectionSpaceSettings.style.display = 'none';
     } else {
       dom$m.addClass(activeSection, 'box-space');