@innovastudio/contentbox 1.4.42 → 1.4.43

package/package.json

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

package/public/contentbox/contentbox.esm.js

@@ -93687,7 +93687,7 @@ class AnimateScroll {
 
                         <div style="margin-top: 20px;margin-left: 22px;margin-bottom: 20px;">
 
-                            <table style="margin:12px 0 0 0;">
+                            <table style="margin:12px 0 0 0;border-collapse:initial;">
                                 
                                 <tr>
                                     <td colspan="4"><span class="bold">${out('Slide Horizontal')}</span>:</td>
@@ -96139,16 +96139,7 @@ class AnimateScroll {
       btn.classList.add('on');
     }
 
-    try {
-      this.read();
-    } catch (e) {
-      // Do Nothing
-      if (this.builder.debug) {
-        console.log('timeline read() error');
-        console.log(e);
-      }
-    }
-
+    this.read();
     this.readAnimOnce();
   }
 
@@ -96335,12 +96326,7 @@ class AnimateScroll {
 
   read() {
     // clear
-    this.clearSettings();
-
-    if (this.builder.debug) {
-      console.log('1');
-    } // Section Pin
-
+    this.clearSettings(); // Section Pin
 
     const activeSection = this.builder.activeSection;
 
@@ -96390,19 +96376,10 @@ class AnimateScroll {
       }
     }
 
-    if (this.builder.debug) {
-      console.log('2');
-    }
-
     let activeElement;
     let target = this.getTarget();
     activeElement = target.element;
-    if (!activeElement) return;
-
-    if (this.builder.debug) {
-      console.log('3');
-    } // Default
-
+    if (!activeElement) return; // Default
 
     let btnBasic;
     if (activeElement.classList.contains('is-fadeIn')) btnBasic = this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeIn"]');
@@ -96447,12 +96424,7 @@ class AnimateScroll {
       } else {
         btn.classList.remove('on');
       }
-    });
-
-    if (this.builder.debug) {
-      console.log('4');
-    } // Simple Scroll
-
+    }); // Simple Scroll
 
     const inpSimpleScrollX_Start = this.modalAnimateScroll.querySelector('.inp-simplescroll-x-start');
     const inpSimpleScrollX_15 = this.modalAnimateScroll.querySelector('.inp-simplescroll-x-15');
@@ -96545,10 +96517,6 @@ 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
 
@@ -96672,12 +96640,9 @@ 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;
-
-      if (this.builder.debug) {
-        console.log('timeline read() ok1');
-      } // ---/read
+      if (transform.opacity) inpSimpleScrollOpacity_End.value = transform.opacity; // ---/read
 
+      let btn;
 
       if (!this.modalAnimateScroll.querySelector('.cmd-start.on')) {
         // default
@@ -96697,17 +96662,9 @@ class AnimateScroll {
         if (btn) btn.classList.add('on');
       }
 
-      if (this.builder.debug) {
-        console.log('timeline read() ok2');
-      }
-
       return true;
     } // Scroll
-
-
-    if (this.builder.debug) {
-      console.log('6');
-    } // enter start
+    // enter start
 
 
     let css1 = activeElement.getAttribute('data-bottom-top');
@@ -96770,10 +96727,6 @@ 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);
@@ -96832,10 +96785,6 @@ 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 ---
 
 
@@ -96902,10 +96851,6 @@ class AnimateScroll {
       }
     }
 
-    if (this.builder.debug) {
-      console.log('9');
-    }
-
     const inpScale_leave = this.divLeaveAnim.querySelector('.inp-scale');
 
     if (transform.scale) {
@@ -96928,10 +96873,6 @@ class AnimateScroll {
       if (btn) btn.classList.add('on');
     }
 
-    if (this.builder.debug) {
-      console.log('10');
-    }
-
     return true;
   }