@innovastudio/contentbox 1.4.40 → 1.4.42

package/package.json

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

package/public/contentbox/contentbox.esm.js

@@ -95949,7 +95949,7 @@ class AnimateScroll {
         let sectionCss = this.builder.sectionCss();
         localStorage.setItem('preview-sectioncss', sectionCss); // this.adjustMarginBottom();
 
-        modalPagePreview.querySelector('iframe').src = this.builder.previewURL;
+        modalPagePreview.querySelector('iframe').src = this.builder.previewURL + '?' + Math.floor(Date.now() / 1000);
       }
     };
 
@@ -96024,7 +96024,7 @@ class AnimateScroll {
     modalPagePreview.classList.add('active');
     btnOpenPreviewWindow.classList.add('on');
     const iframe = modalPagePreview.querySelector('iframe');
-    iframe.src = this.builder.previewURL; // this.adjustMarginBottom();
+    iframe.src = this.builder.previewURL + '?' + Math.floor(Date.now() / 1000); // this.adjustMarginBottom();
 
     if (localStorage.getItem('_livepreviewscreen') != null) {
       modalPagePreview.classList.remove('is-screen-1920');
@@ -96139,7 +96139,16 @@ class AnimateScroll {
       btn.classList.add('on');
     }
 
-    this.read();
+    try {
+      this.read();
+    } catch (e) {
+      // Do Nothing
+      if (this.builder.debug) {
+        console.log('timeline read() error');
+        console.log(e);
+      }
+    }
+
     this.readAnimOnce();
   }
 
@@ -96326,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;
 
@@ -96376,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"]');
@@ -96424,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');
@@ -96517,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
 
@@ -96640,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
@@ -96660,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');
@@ -96725,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);
@@ -96783,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 ---
 
 
@@ -96849,6 +96902,10 @@ class AnimateScroll {
       }
     }
 
+    if (this.builder.debug) {
+      console.log('9');
+    }
+
     const inpScale_leave = this.divLeaveAnim.querySelector('.inp-scale');
 
     if (transform.scale) {
@@ -96871,6 +96928,10 @@ class AnimateScroll {
       if (btn) btn.classList.add('on');
     }
 
+    if (this.builder.debug) {
+      console.log('10');
+    }
+
     return true;
   }