@innovastudio/contentbuilder 1.4.1 → 1.4.3

package/license.txt

@@ -19,9 +19,12 @@ STANDARD DEVELOPER LICENSE AGREEMENT
 
 4. You will be responsible for providing support to your clients, and InnovaStudio will not communicate directly with your clients under any circumstances.
 
-5 You are not allowed to re-distribute the Product as another plugin and/or sell the Product as is. You must include the Product in your custom application.
+5. InnovaStudio provides support and free Product upgrades/updates for 1 (One) year period since purchase date.  
+Upgrade/update is optional. Your license remains active even if you do not upgrade the Product.
 
-6. LIMITED WARRANTY 
+6 You are not allowed to re-distribute the Product as another plugin and/or sell the Product as is. You must include the Product in your custom application.
+
+7. LIMITED WARRANTY 
 Although InnovaStudio has tested the Product and reviewed the documentation, InnovaStudio makes no warranty or representation, either expressed or implied, with respect to the Product, its quality, performance, merchantability, or fitness for a particular purpose. As a result, ContentBuilder.js is licensed AS-IS, and you are assuming the entire risk as to its quality and performance. 
 InnovaStudio shall not be liable for any claim or right to recover damages, including, but not limited to, loss of profit, data, or use of the software or special, incidental, or consequential damages, or other similar claims, even if InnovaStudio has been specifically advised of the possibility of such damages.
 
@@ -44,9 +47,12 @@ PRO DEVELOPER LICENSE AGREEMENT
 
 6. You will be responsible for providing support to your clients, and InnovaStudio will not communicate directly with your clients under any circumstances.
 
-7. You are not allowed to re-distribute the Product as another plugin and/or sell the Product as is. You must include the Product in your custom application.
+7. InnovaStudio provides support and free Product upgrades/updates for 1 (One) year period since purchase date.  
+Upgrade/update is optional. Your license remains active even if you do not upgrade the Product.
+
+8. You are not allowed to re-distribute the Product as another plugin and/or sell the Product as is. You must include the Product in your custom application.
 
-8. LIMITED WARRANTY 
+9. LIMITED WARRANTY 
 Although InnovaStudio has tested the Product and reviewed the documentation, InnovaStudio makes no warranty or representation, either expressed or implied, with respect to the Product, its quality, performance, merchantability, or fitness for a particular purpose. As a result, ContentBuilder.js is licensed AS-IS, and you are assuming the entire risk as to its quality and performance. 
 InnovaStudio shall not be liable for any claim or right to recover damages, including, but not limited to, loss of profit, data, or use of the software or special, incidental, or consequential damages, or other similar claims, even if InnovaStudio has been specifically advised of the possibility of such damages.
 
@@ -69,9 +75,12 @@ SUPER DEVELOPER LICENSE AGREEMENT
 
 6. You will be responsible for providing support to your clients, and InnovaStudio will not communicate directly with your clients under any circumstances.
 
-7. You are not allowed to re-distribute the Product as another plugin and/or sell the Product as is. You must include the Product in your custom application.
+7. InnovaStudio provides support and free Product upgrades/updates for 1 (One) year period since purchase date.  
+Upgrade/update is optional. Your license remains active even if you do not upgrade the Product.
+
+8. You are not allowed to re-distribute the Product as another plugin and/or sell the Product as is. You must include the Product in your custom application.
 
-8. LIMITED WARRANTY 
+9. LIMITED WARRANTY 
 Although InnovaStudio has tested the Product and reviewed the documentation, InnovaStudio makes no warranty or representation, either expressed or implied, with respect to the Product, its quality, performance, merchantability, or fitness for a particular purpose. As a result, ContentBuilder.js is licensed AS-IS, and you are assuming the entire risk as to its quality and performance. 
 InnovaStudio shall not be liable for any claim or right to recover damages, including, but not limited to, loss of profit, data, or use of the software or special, incidental, or consequential damages, or other similar claims, even if InnovaStudio has been specifically advised of the possibility of such damages.
 

package/package.json

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

package/public/contentbuilder/contentbuilder.css

@@ -5410,3 +5410,23 @@ button:focus-visible {
   pointer-events: none;
   user-select: none;
 }
+
+/*
+@media (min-width: 761px) and (max-width: 970px) {
+    body.data-editor .sm-hidden {
+        opacity: 0.5 !important;
+        background-color: rgb(130 130 130 / 14%) !important;
+    }
+}
+@media (min-width: 971px) and (max-width: 1280px) {
+    body.data-editor .md-hidden {
+        opacity: 0.5 !important;
+        background-color: rgb(130 130 130 / 14%) !important;
+    }
+}
+@media (min-width: 1281px) {
+    body.data-editor .desktop-hidden {
+        opacity: 0.5 !important;
+        background-color: rgb(130 130 130 / 14%) !important;
+    }
+}*/

package/public/contentbuilder/contentbuilder.esm.js

@@ -4527,13 +4527,36 @@ class Util {
     //     return;
     // }
 
+    let smHidden = false;
+    let mdHidden = false;
     Array.from(row.children).map(item => {
       if (item.classList.contains('is-row-tool')) return;
       if (item.classList.contains('is-col-tool')) return;
       if (item.classList.contains('is-rowadd-tool')) return;
       item.style.width = '';
       item.style.flex = '';
+
+      if (item.classList.contains('sm-hidden')) {
+        smHidden = true;
+      }
+
+      if (item.classList.contains('md-hidden')) {
+        mdHidden = true;
+      }
     });
+
+    if (smHidden) {
+      row.classList.add('sm-autofit');
+    } else {
+      row.classList.remove('sm-autofit');
+    }
+
+    if (mdHidden) {
+      row.classList.add('md-autofit');
+    } else {
+      row.classList.remove('md-autofit');
+    }
+
     let num = 3; //is-row-tool, is-col-tool & is-rowadd-tool
 
     if (row.querySelector('.is-row-overlay')) {
@@ -57698,6 +57721,7 @@ class RowTool {
       btnVisible.addEventListener('click', () => {
         let row = util.rowSelected();
         if (!row) return;
+        this.builder.uo.saveForUndo();
         row.classList.remove('hideonmobile');
         let divTarget = this.rowSettings.querySelector('.div-target');
         let target = this.builder.responsive.readTarget(divTarget);
@@ -57713,11 +57737,14 @@ class RowTool {
         }
 
         btnVisible.classList.add('on');
-        btnHidden.classList.remove('on');
+        btnHidden.classList.remove('on'); //Trigger Change event
+
+        this.builder.opts.onChange();
       });
       btnHidden.addEventListener('click', () => {
         let row = util.rowSelected();
         if (!row) return;
+        this.builder.uo.saveForUndo();
         row.classList.remove('hideonmobile');
         let divTarget = this.rowSettings.querySelector('.div-target');
         let target = this.builder.responsive.readTarget(divTarget);
@@ -57733,7 +57760,9 @@ class RowTool {
         }
 
         btnVisible.classList.remove('on');
-        btnHidden.classList.add('on');
+        btnHidden.classList.add('on'); //Trigger Change event
+
+        this.builder.opts.onChange();
       }); //More
 
       let inpRowId = rowSettings.querySelector('.input-row-id');
@@ -60137,6 +60166,7 @@ class ColumnTool {
       btnVisible.addEventListener('click', () => {
         let cell = this.util.cellSelected();
         if (!cell) return;
+        this.builder.uo.saveForUndo();
         cell.classList.remove('hideonmobile');
         let divTarget = this.cellSettings.querySelector('.div-target');
         let target = this.builder.responsive.readTarget(divTarget);
@@ -60145,6 +60175,7 @@ class ColumnTool {
           cell.classList.remove('xs-hidden');
         } else if (target === 'sm') {
           cell.classList.remove('sm-hidden');
+          cell.parentNode.classList.remove('sm-autofit');
         } else if (target === 'md') {
           cell.classList.remove('md-hidden');
           cell.parentNode.classList.remove('md-autofit');
@@ -60153,11 +60184,14 @@ class ColumnTool {
         }
 
         btnVisible.classList.add('on');
-        btnHidden.classList.remove('on');
+        btnHidden.classList.remove('on'); //Trigger Change event
+
+        this.builder.opts.onChange();
       });
       btnHidden.addEventListener('click', () => {
         let cell = this.util.cellSelected();
         if (!cell) return;
+        this.builder.uo.saveForUndo();
         cell.classList.remove('hideonmobile');
         let divTarget = this.cellSettings.querySelector('.div-target');
         let target = this.builder.responsive.readTarget(divTarget);
@@ -60166,6 +60200,7 @@ class ColumnTool {
           cell.classList.add('xs-hidden');
         } else if (target === 'sm') {
           cell.classList.add('sm-hidden');
+          cell.parentNode.classList.add('sm-autofit');
         } else if (target === 'md') {
           cell.classList.add('md-hidden');
           cell.parentNode.classList.add('md-autofit');
@@ -60174,7 +60209,9 @@ class ColumnTool {
         }
 
         btnVisible.classList.remove('on');
-        btnHidden.classList.add('on');
+        btnHidden.classList.add('on'); //Trigger Change event
+
+        this.builder.opts.onChange();
       });
     }
 
@@ -61403,6 +61440,7 @@ class ElementGeneralStyles {
     let btnHidden = panelStuff.querySelector('.input-hidden');
     btnVisible.addEventListener('click', () => {
       const elm = this.builder.inspectedElement;
+      this.builder.uo.saveForUndo();
       elm.classList.remove('hideonmobile');
       let divTarget = panelStuff.querySelector('.div-target');
       let target = this.builder.responsive.readTarget(divTarget);
@@ -61418,10 +61456,13 @@ class ElementGeneralStyles {
       }
 
       btnVisible.classList.add('on');
-      btnHidden.classList.remove('on');
+      btnHidden.classList.remove('on'); //Trigger Change event
+
+      this.builder.opts.onChange();
     });
     btnHidden.addEventListener('click', () => {
       const elm = this.builder.inspectedElement;
+      this.builder.uo.saveForUndo();
       elm.classList.remove('hideonmobile');
       let divTarget = panelStuff.querySelector('.div-target');
       let target = this.builder.responsive.readTarget(divTarget);
@@ -61437,7 +61478,9 @@ class ElementGeneralStyles {
       }
 
       btnVisible.classList.remove('on');
-      btnHidden.classList.add('on');
+      btnHidden.classList.add('on'); //Trigger Change event
+
+      this.builder.opts.onChange();
     });
   }