@innovastudio/contentbox 1.4.41 → 1.4.42

package/package.json

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

package/public/contentbox/contentbox.esm.js

@@ -96141,10 +96141,6 @@ class AnimateScroll {
 
     try {
       this.read();
-
-      if (this.builder.debug) {
-        console.log('timeline read() ok');
-      }
     } catch (e) {
       // Do Nothing
       if (this.builder.debug) {
@@ -96153,19 +96149,7 @@ class AnimateScroll {
       }
     }
 
-    try {
-      this.readAnimOnce();
-
-      if (this.builder.debug) {
-        console.log('timeline readAnimOnce() ok');
-      }
-    } catch (e) {
-      // Do Nothing
-      if (this.builder.debug) {
-        console.log('timeline readAnimOnce() error');
-        console.log(e);
-      }
-    }
+    this.readAnimOnce();
   }
 
   clearSettings() {
@@ -96351,7 +96335,12 @@ class AnimateScroll {
 
   read() {
     // clear
-    this.clearSettings(); // Section Pin
+    this.clearSettings();
+
+    if (this.builder.debug) {
+      console.log('1');
+    } // Section Pin
+
 
     const activeSection = this.builder.activeSection;
 
@@ -96401,10 +96390,19 @@ class AnimateScroll {
       }
     }
 
+    if (this.builder.debug) {
+      console.log('2');
+    }
+
     let activeElement;
     let target = this.getTarget();
     activeElement = target.element;
-    if (!activeElement) return; // Default
+    if (!activeElement) return;
+
+    if (this.builder.debug) {
+      console.log('3');
+    } // Default
+
 
     let btnBasic;
     if (activeElement.classList.contains('is-fadeIn')) btnBasic = this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeIn"]');
@@ -96449,7 +96447,12 @@ class AnimateScroll {
       } else {
         btn.classList.remove('on');
       }
-    }); // Simple Scroll
+    });
+
+    if (this.builder.debug) {
+      console.log('4');
+    } // Simple Scroll
+
 
     const inpSimpleScrollX_Start = this.modalAnimateScroll.querySelector('.inp-simplescroll-x-start');
     const inpSimpleScrollX_15 = this.modalAnimateScroll.querySelector('.inp-simplescroll-x-15');
@@ -96542,6 +96545,10 @@ class AnimateScroll {
     inpSimpleScrollOpacity_85.value = '';
     inpSimpleScrollOpacity_End.value = '';
 
+    if (this.builder.debug) {
+      console.log('5');
+    }
+
     if (activeElement.hasAttribute('data-bottom-top') && activeElement.hasAttribute('data-top-bottom') && !(activeElement.hasAttribute('data-center-bottom') || activeElement.hasAttribute('data-100-top') || activeElement.hasAttribute('data-50-top') || activeElement.hasAttribute('data-top')) || activeElement.hasAttribute('data-in') || activeElement.hasAttribute('data-in-150') || activeElement.hasAttribute('data-in-300') || activeElement.hasAttribute('data-cen--150') || activeElement.hasAttribute('data-cen') || activeElement.hasAttribute('data-cen-150') || activeElement.hasAttribute('data-out--300') || activeElement.hasAttribute('data-out--150') || activeElement.hasAttribute('data-out')) {
       let dummyElm = document.querySelector('.dummy-elm'); // read v1
 
@@ -96665,7 +96672,12 @@ class AnimateScroll {
       if (transform.translateY) inpSimpleScrollY_End.value = transform.translateY.replace('px', '');
       if (transform.scale) inpSimpleScrollScale_End.value = transform.scale;
       if (transform.rotate) inpSimpleScrollRotate_End.value = transform.rotate;
-      if (transform.opacity) inpSimpleScrollOpacity_End.value = transform.opacity; // ---/read
+      if (transform.opacity) inpSimpleScrollOpacity_End.value = transform.opacity;
+
+      if (this.builder.debug) {
+        console.log('timeline read() ok1');
+      } // ---/read
+
 
       if (!this.modalAnimateScroll.querySelector('.cmd-start.on')) {
         // default
@@ -96685,9 +96697,17 @@ class AnimateScroll {
         if (btn) btn.classList.add('on');
       }
 
+      if (this.builder.debug) {
+        console.log('timeline read() ok2');
+      }
+
       return true;
     } // Scroll
-    // enter start
+
+
+    if (this.builder.debug) {
+      console.log('6');
+    } // enter start
 
 
     let css1 = activeElement.getAttribute('data-bottom-top');
@@ -96750,6 +96770,10 @@ class AnimateScroll {
       if (btn) btn.classList.add('on');
     }
 
+    if (this.builder.debug) {
+      console.log('7');
+    }
+
     let dummyElm = document.querySelector('.dummy-elm');
     dummyElm.style.cssText = css1;
     let transform = this.getTransform(dummyElm, css1); // console.log(transform);
@@ -96808,6 +96832,10 @@ class AnimateScroll {
     if (transform.opacity) {
       btn = this.divEnterAnim.querySelector('.cmd-fade');
       if (btn) btn.classList.add('on');
+    }
+
+    if (this.builder.debug) {
+      console.log('8');
     } // --- LEAVE ---
 
 
@@ -96874,6 +96902,10 @@ class AnimateScroll {
       }
     }
 
+    if (this.builder.debug) {
+      console.log('9');
+    }
+
     const inpScale_leave = this.divLeaveAnim.querySelector('.inp-scale');
 
     if (transform.scale) {
@@ -96896,6 +96928,10 @@ class AnimateScroll {
       if (btn) btn.classList.add('on');
     }
 
+    if (this.builder.debug) {
+      console.log('10');
+    }
+
     return true;
   }