@innovastudio/contentbox 1.4.42 → 1.4.44

package/package.json

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

package/public/contentbox/contentbox.esm.js

@@ -451,12 +451,13 @@ const prepareSvgIcons$1 = builder => {
                 <circle cx="12" cy="12" r="3"></circle>
             </symbol>
 
-            <symbol id="icon-devices" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+            <symbol id="icon-device-desktop" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                 <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
-                <rect x="13" y="8" width="8" height="12" rx="1"></rect>
-                <path d="M18 8v-3a1 1 0 0 0 -1 -1h-13a1 1 0 0 0 -1 1v12a1 1 0 0 0 1 1h9"></path>
-                <line x1="16" y1="9" x2="18" y2="9"></line>
-            </symbol>  
+                <rect x="3" y="4" width="18" height="12" rx="1"></rect>
+                <line x1="7" y1="20" x2="17" y2="20"></line>
+                <line x1="9" y1="16" x2="9" y2="20"></line>
+                <line x1="15" y1="16" x2="15" y2="20"></line>
+            </symbol>
 
             </defs>
         </svg>`;
@@ -681,7 +682,7 @@ class SideBar {
 
                 <div style="padding-top:20px;width:100%;">
                     <button type="button" title="${out('Live Preview')}" class="cmd-open-preview-window" style="width:100%">
-                        <svg class="is-icon-flex"><use xlink:href="#icon-app-window"></use></svg>
+                        <svg class="is-icon-flex"><use xlink:href="#icon-device-desktop"></use></svg>
                         <span style="margin-left:7px">${out('Live Preview')}</span>
                     </button>
                 </div>
@@ -93631,7 +93632,7 @@ class AnimateScroll {
 
         <div class="is-modal is-modal-content page-preview is-screen-1920" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
             <div class="is-modal-bar is-draggable" draggable=""> 
-                ${out('Preview')}
+                ${out('Live Preview')}
                 <button class="is-modal-close" tabindex="-1" title="${out('Close')}">
                 <svg class="is-icon-flex" style="width:23px;height:23px;"><use xlink:href="#ion-ios-close-empty"></use></svg>
                 </button>
@@ -93687,7 +93688,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 +96140,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 +96327,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 +96377,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 +96425,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 +96518,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 +96641,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 +96663,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 +96728,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 +96786,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 +96852,6 @@ class AnimateScroll {
       }
     }
 
-    if (this.builder.debug) {
-      console.log('9');
-    }
-
     const inpScale_leave = this.divLeaveAnim.querySelector('.inp-scale');
 
     if (transform.scale) {
@@ -96928,10 +96874,6 @@ class AnimateScroll {
       if (btn) btn.classList.add('on');
     }
 
-    if (this.builder.debug) {
-      console.log('10');
-    }
-
     return true;
   }