@innovastudio/contentbox 1.5.39 → 1.5.40
Sign up to get free protection for your applications and to get access to all the features.
package/package.json
CHANGED
@@ -98758,8 +98758,9 @@ class AnimateScroll {
|
|
98758
98758
|
this.builder.editor.saveForUndo();
|
98759
98759
|
let activeCol = this.builder.editor.activeCol;
|
98760
98760
|
if (activeCol) section = activeCol.closest('.is-section');
|
98761
|
-
let elms;
|
98762
|
-
|
98761
|
+
let elms; // elms = section.querySelectorAll('*');
|
98762
|
+
|
98763
|
+
elms = document.querySelectorAll('[data-bottom-top],[data-center],[data-center-bottom],[data-100-top],[data-50-top],[data-top],[data-top-bottom],[data-center-top],[data--300-bottom],[data--150-bottom],[data--50-bottom],[data-bottom],[data-100-bottom],[data-150-bottom],[data-400-bottom],' + '[data--400-bottom],[data--200-bottom],[data--100-bottom],[data-50-bottom],[data-200-bottom],[data-300-bottom],' + '[data-in],[data-in-150],[data-in-300],' + '[data-cen--150],[data-cen],[data-cen-150],[data-out--300],[data-out--150],[data-out]' + '[data-t],[data-t-100],[data-t-200],[data-t-300],[data-t-400],' + '[data-t-500],[data-t-600],[data-t-700],[data-t-800],[data-t-900],[data-t-1000],' + '[data-t-1100],[data-t-1200],[data-t-1300],[data-t-1400],[data-t-1500],[data-t-1600],' + '[data-t-1700],[data-t-1800],[data-t-1900],[data-t-2000],[data-t-2100],[data-t-2200],' + '[data-t-2300],[data-t-2400],[data-t-2500],[data-t-2600],[data-t-2700],[data-t-2800]');
|
98763
98764
|
elms.forEach(elm => {
|
98764
98765
|
elm.removeAttribute('data-center');
|
98765
98766
|
elm.removeAttribute('data-center-top');
|
@@ -98798,24 +98799,9 @@ class AnimateScroll {
|
|
98798
98799
|
});
|
98799
98800
|
elms = section.querySelectorAll('.is-animated');
|
98800
98801
|
elms.forEach(elm => {
|
98801
|
-
if
|
98802
|
-
|
98803
|
-
|
98804
|
-
elm.classList.remove('is-fadeIn');
|
98805
|
-
elm.classList.remove('is-fadeInUp');
|
98806
|
-
elm.classList.remove('is-fadeInDown');
|
98807
|
-
elm.classList.remove('is-fadeInLeft');
|
98808
|
-
elm.classList.remove('is-fadeInRight');
|
98809
|
-
elm.classList.remove('is-zoomIn');
|
98810
|
-
elm.classList.remove('is-zoomOut');
|
98811
|
-
elm.classList.remove('is-slideInUp');
|
98812
|
-
elm.classList.remove('is-slideInDown');
|
98813
|
-
elm.classList.remove('is-slideInLeft');
|
98814
|
-
elm.classList.remove('is-slideInRight');
|
98815
|
-
elm.classList.remove('is-flipInX');
|
98816
|
-
elm.classList.remove('is-flipInY');
|
98817
|
-
elm.classList.remove('is-pulse');
|
98818
|
-
elm.classList.remove('is-bounceIn');
|
98802
|
+
// if(elm.classList.contains('is-overlay-bg')) return;
|
98803
|
+
this.cleanupBasic(elm);
|
98804
|
+
this.cleanupDelay(elm);
|
98819
98805
|
}); // clear
|
98820
98806
|
|
98821
98807
|
this.clearSettings(); // set default
|
@@ -98859,23 +98845,8 @@ class AnimateScroll {
|
|
98859
98845
|
elms = section.querySelectorAll('.is-animated');
|
98860
98846
|
elms.forEach(elm => {
|
98861
98847
|
if (elm.classList.contains('is-overlay-bg')) return;
|
98862
|
-
|
98863
|
-
|
98864
|
-
elm.classList.remove('is-fadeIn');
|
98865
|
-
elm.classList.remove('is-fadeInUp');
|
98866
|
-
elm.classList.remove('is-fadeInDown');
|
98867
|
-
elm.classList.remove('is-fadeInLeft');
|
98868
|
-
elm.classList.remove('is-fadeInRight');
|
98869
|
-
elm.classList.remove('is-zoomIn');
|
98870
|
-
elm.classList.remove('is-zoomOut');
|
98871
|
-
elm.classList.remove('is-slideInUp');
|
98872
|
-
elm.classList.remove('is-slideInDown');
|
98873
|
-
elm.classList.remove('is-slideInLeft');
|
98874
|
-
elm.classList.remove('is-slideInRight');
|
98875
|
-
elm.classList.remove('is-flipInX');
|
98876
|
-
elm.classList.remove('is-flipInY');
|
98877
|
-
elm.classList.remove('is-pulse');
|
98878
|
-
elm.classList.remove('is-bounceIn');
|
98848
|
+
this.cleanupBasic(elm);
|
98849
|
+
this.cleanupDelay(elm);
|
98879
98850
|
}); // Refresh
|
98880
98851
|
|
98881
98852
|
this.builder.settings.onRender(); //Trigger Change event
|
@@ -98891,23 +98862,8 @@ class AnimateScroll {
|
|
98891
98862
|
let elms = section.querySelectorAll('.is-animated');
|
98892
98863
|
elms.forEach(elm => {
|
98893
98864
|
if (elm.classList.contains('is-overlay-bg')) return;
|
98894
|
-
|
98895
|
-
|
98896
|
-
elm.classList.remove('is-fadeIn');
|
98897
|
-
elm.classList.remove('is-fadeInUp');
|
98898
|
-
elm.classList.remove('is-fadeInDown');
|
98899
|
-
elm.classList.remove('is-fadeInLeft');
|
98900
|
-
elm.classList.remove('is-fadeInRight');
|
98901
|
-
elm.classList.remove('is-zoomIn');
|
98902
|
-
elm.classList.remove('is-zoomOut');
|
98903
|
-
elm.classList.remove('is-slideInUp');
|
98904
|
-
elm.classList.remove('is-slideInDown');
|
98905
|
-
elm.classList.remove('is-slideInLeft');
|
98906
|
-
elm.classList.remove('is-slideInRight');
|
98907
|
-
elm.classList.remove('is-flipInX');
|
98908
|
-
elm.classList.remove('is-flipInY');
|
98909
|
-
elm.classList.remove('is-pulse');
|
98910
|
-
elm.classList.remove('is-bounceIn');
|
98865
|
+
this.cleanupBasic(elm);
|
98866
|
+
this.cleanupDelay(elm);
|
98911
98867
|
});
|
98912
98868
|
let start = 0;
|
98913
98869
|
let boxes = section.querySelectorAll('.is-box');
|
@@ -98919,9 +98875,9 @@ class AnimateScroll {
|
|
98919
98875
|
const cols = this.builder.editor.dom.elementChildren(row);
|
98920
98876
|
cols.forEach(col => {
|
98921
98877
|
if (col.innerText.trim() === '' && !col.querySelector('img') && !col.querySelector('iframe') && !col.querySelector('video') && !col.querySelector('audio') && !col.querySelector('i')) return;
|
98922
|
-
col.style.transition = 'none';
|
98923
|
-
this.
|
98924
|
-
|
98878
|
+
col.style.transition = 'none'; // this.cleanupBasic(col);
|
98879
|
+
// this.cleanupDelay(col);
|
98880
|
+
|
98925
98881
|
col.classList.add('is-animated');
|
98926
98882
|
|
98927
98883
|
if (chkPresetAnimOnce.checked) {
|
@@ -98942,20 +98898,25 @@ class AnimateScroll {
|
|
98942
98898
|
|
98943
98899
|
this.builder.settings.onRender(); // Play
|
98944
98900
|
|
98901
|
+
elms = section.querySelectorAll('.is-animated');
|
98902
|
+
elms.forEach(elm => {
|
98903
|
+
elm.style.opacity = '0';
|
98904
|
+
elm.style.transition = 'none';
|
98905
|
+
});
|
98945
98906
|
setTimeout(() => {
|
98946
98907
|
let elms = section.querySelectorAll('.is-animated');
|
98947
98908
|
elms.forEach(elm => {
|
98948
|
-
elm.style.transition = 'none';
|
98949
98909
|
elm.classList.remove('is-inview');
|
98950
98910
|
});
|
98951
98911
|
setTimeout(() => {
|
98952
98912
|
elms = section.querySelectorAll('.is-animated');
|
98953
98913
|
elms.forEach(elm => {
|
98914
|
+
elm.style.opacity = '';
|
98954
98915
|
elm.style.transition = '';
|
98955
98916
|
elm.classList.add('is-inview');
|
98956
98917
|
});
|
98957
98918
|
}, 30);
|
98958
|
-
},
|
98919
|
+
}, 200); //Trigger Change event
|
98959
98920
|
|
98960
98921
|
this.builder.settings.onChange();
|
98961
98922
|
};
|