@innovastudio/contentbox 1.5.39 → 1.5.40

package/package.json

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

package/public/contentbox/contentbox.esm.js

@@ -98758,8 +98758,9 @@ class AnimateScroll {
         this.builder.editor.saveForUndo();
         let activeCol = this.builder.editor.activeCol;
         if (activeCol) section = activeCol.closest('.is-section');
-        let elms;
-        elms = section.querySelectorAll('*');
+        let elms; // elms = section.querySelectorAll('*');
+
+        elms = document.querySelectorAll('[data-bottom-top],[data-center],[data-center-bottom],[data-100-top],[data-50-top],[data-top],[data-top-bottom],[data-center-top],[data--300-bottom],[data--150-bottom],[data--50-bottom],[data-bottom],[data-100-bottom],[data-150-bottom],[data-400-bottom],' + '[data--400-bottom],[data--200-bottom],[data--100-bottom],[data-50-bottom],[data-200-bottom],[data-300-bottom],' + '[data-in],[data-in-150],[data-in-300],' + '[data-cen--150],[data-cen],[data-cen-150],[data-out--300],[data-out--150],[data-out]' + '[data-t],[data-t-100],[data-t-200],[data-t-300],[data-t-400],' + '[data-t-500],[data-t-600],[data-t-700],[data-t-800],[data-t-900],[data-t-1000],' + '[data-t-1100],[data-t-1200],[data-t-1300],[data-t-1400],[data-t-1500],[data-t-1600],' + '[data-t-1700],[data-t-1800],[data-t-1900],[data-t-2000],[data-t-2100],[data-t-2200],' + '[data-t-2300],[data-t-2400],[data-t-2500],[data-t-2600],[data-t-2700],[data-t-2800]');
         elms.forEach(elm => {
           elm.removeAttribute('data-center');
           elm.removeAttribute('data-center-top');
@@ -98798,24 +98799,9 @@ class AnimateScroll {
         });
         elms = section.querySelectorAll('.is-animated');
         elms.forEach(elm => {
-          if (elm.classList.contains('is-overlay-bg')) return;
-          elm.classList.remove('is-animated');
-          elm.classList.remove('once');
-          elm.classList.remove('is-fadeIn');
-          elm.classList.remove('is-fadeInUp');
-          elm.classList.remove('is-fadeInDown');
-          elm.classList.remove('is-fadeInLeft');
-          elm.classList.remove('is-fadeInRight');
-          elm.classList.remove('is-zoomIn');
-          elm.classList.remove('is-zoomOut');
-          elm.classList.remove('is-slideInUp');
-          elm.classList.remove('is-slideInDown');
-          elm.classList.remove('is-slideInLeft');
-          elm.classList.remove('is-slideInRight');
-          elm.classList.remove('is-flipInX');
-          elm.classList.remove('is-flipInY');
-          elm.classList.remove('is-pulse');
-          elm.classList.remove('is-bounceIn');
+          // if(elm.classList.contains('is-overlay-bg')) return;
+          this.cleanupBasic(elm);
+          this.cleanupDelay(elm);
         }); // clear
 
         this.clearSettings(); // set default
@@ -98859,23 +98845,8 @@ class AnimateScroll {
       elms = section.querySelectorAll('.is-animated');
       elms.forEach(elm => {
         if (elm.classList.contains('is-overlay-bg')) return;
-        elm.classList.remove('is-animated');
-        elm.classList.remove('once');
-        elm.classList.remove('is-fadeIn');
-        elm.classList.remove('is-fadeInUp');
-        elm.classList.remove('is-fadeInDown');
-        elm.classList.remove('is-fadeInLeft');
-        elm.classList.remove('is-fadeInRight');
-        elm.classList.remove('is-zoomIn');
-        elm.classList.remove('is-zoomOut');
-        elm.classList.remove('is-slideInUp');
-        elm.classList.remove('is-slideInDown');
-        elm.classList.remove('is-slideInLeft');
-        elm.classList.remove('is-slideInRight');
-        elm.classList.remove('is-flipInX');
-        elm.classList.remove('is-flipInY');
-        elm.classList.remove('is-pulse');
-        elm.classList.remove('is-bounceIn');
+        this.cleanupBasic(elm);
+        this.cleanupDelay(elm);
       }); // Refresh
 
       this.builder.settings.onRender(); //Trigger Change event
@@ -98891,23 +98862,8 @@ class AnimateScroll {
       let elms = section.querySelectorAll('.is-animated');
       elms.forEach(elm => {
         if (elm.classList.contains('is-overlay-bg')) return;
-        elm.classList.remove('is-animated');
-        elm.classList.remove('once');
-        elm.classList.remove('is-fadeIn');
-        elm.classList.remove('is-fadeInUp');
-        elm.classList.remove('is-fadeInDown');
-        elm.classList.remove('is-fadeInLeft');
-        elm.classList.remove('is-fadeInRight');
-        elm.classList.remove('is-zoomIn');
-        elm.classList.remove('is-zoomOut');
-        elm.classList.remove('is-slideInUp');
-        elm.classList.remove('is-slideInDown');
-        elm.classList.remove('is-slideInLeft');
-        elm.classList.remove('is-slideInRight');
-        elm.classList.remove('is-flipInX');
-        elm.classList.remove('is-flipInY');
-        elm.classList.remove('is-pulse');
-        elm.classList.remove('is-bounceIn');
+        this.cleanupBasic(elm);
+        this.cleanupDelay(elm);
       });
       let start = 0;
       let boxes = section.querySelectorAll('.is-box');
@@ -98919,9 +98875,9 @@ class AnimateScroll {
           const cols = this.builder.editor.dom.elementChildren(row);
           cols.forEach(col => {
             if (col.innerText.trim() === '' && !col.querySelector('img') && !col.querySelector('iframe') && !col.querySelector('video') && !col.querySelector('audio') && !col.querySelector('i')) return;
-            col.style.transition = 'none';
-            this.cleanupBasic(col);
-            this.cleanupDelay(col);
+            col.style.transition = 'none'; // this.cleanupBasic(col);
+            // this.cleanupDelay(col);
+
             col.classList.add('is-animated');
 
             if (chkPresetAnimOnce.checked) {
@@ -98942,20 +98898,25 @@ class AnimateScroll {
 
       this.builder.settings.onRender(); // Play
 
+      elms = section.querySelectorAll('.is-animated');
+      elms.forEach(elm => {
+        elm.style.opacity = '0';
+        elm.style.transition = 'none';
+      });
       setTimeout(() => {
         let elms = section.querySelectorAll('.is-animated');
         elms.forEach(elm => {
-          elm.style.transition = 'none';
           elm.classList.remove('is-inview');
         });
         setTimeout(() => {
           elms = section.querySelectorAll('.is-animated');
           elms.forEach(elm => {
+            elm.style.opacity = '';
             elm.style.transition = '';
             elm.classList.add('is-inview');
           });
         }, 30);
-      }, 100); //Trigger Change event
+      }, 200); //Trigger Change event
 
       this.builder.settings.onChange();
     };