@innovastudio/contentbox 1.4.46 → 1.4.47

package/package.json

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

package/public/contentbox/contentbox.esm.js

@@ -93958,7 +93958,8 @@ class AnimateScroll {
                             </div>
 
                             <div class="flex-wrap" style="margin-top:15px;">
-                                <button title="${out('Disable Smooth Animation')}" class="cmd-disable-smoothanim" data-value="data-center" style="padding-left:15px;padding-right: 15px;">${out('Disable Smooth Animation')}</button>
+                                <button title="${out('Disable Smooth Animation')}" class="cmd-disable-smoothanim" style="padding-left:15px;padding-right: 15px;">${out('Disable Smooth Animation')}</button>
+                                <button title="${out('Hidden on Start')}" class="cmd-hidden-onstart" style="padding-left:15px;padding-right: 15px;">${out('Hidden on Start')}</button>
                             </div>
 
                             <div style="display:flex;justify-content: flex-end;margin-top: 15px;margin-right: 20px;">
@@ -95859,6 +95860,16 @@ class AnimateScroll {
 
       this.applySimpleScroll();
     });
+    const btnHiddenOnStart = this.divAnimScrollSimple.querySelector('.cmd-hidden-onstart');
+    btnHiddenOnStart.addEventListener('click', () => {
+      if (btnHiddenOnStart.classList.contains('on')) {
+        btnHiddenOnStart.classList.remove('on');
+      } else {
+        btnHiddenOnStart.classList.add('on');
+      }
+
+      this.applySimpleScroll();
+    });
     const chkLivePreview = this.builder.sidebar.pageQuickSettings.querySelector('.cmd-live-preview');
     chkLivePreview.addEventListener(this.builder.isTouchSupport ? 'touchstart' : 'click', () => {
       if (chkLivePreview.checked) {
@@ -96465,6 +96476,14 @@ class AnimateScroll {
       } else {
         btn.classList.remove('on');
       }
+    });
+    const btnHiddenOnStart = this.modalAnimateScroll.querySelectorAll('.cmd-hidden-onstart');
+    btnHiddenOnStart.forEach(btn => {
+      if (activeElement.hasAttribute('data-hidden-onstart')) {
+        btn.classList.add('on');
+      } else {
+        btn.classList.remove('on');
+      }
     }); // Simple Scroll
 
     const inpSimpleScrollX_Start = this.modalAnimateScroll.querySelector('.inp-simplescroll-x-start');
@@ -97247,6 +97266,14 @@ class AnimateScroll {
       activeElement.removeAttribute('data-smooth-scrolling');
     }
 
+    const btnHiddenOnStart = this.divAnimScrollSimple.querySelector('.cmd-hidden-onstart');
+
+    if (btnHiddenOnStart.classList.contains('on')) {
+      activeElement.setAttribute('data-hidden-onstart', '');
+    } else {
+      activeElement.removeAttribute('data-hidden-onstart');
+    }
+
     activeElement.style.transform = '';
     activeElement.style.transition = '';
     activeElement.style.opacity = ''; // console.log(activeElement);