@innovastudio/contentbox 1.5.43 → 1.5.44
Sign up to get free protection for your applications and to get access to all the features.
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@innovastudio/contentbox",
|
3
3
|
"type": "module",
|
4
|
-
"version": "1.5.
|
4
|
+
"version": "1.5.44",
|
5
5
|
"description": "",
|
6
6
|
"main": "public/contentbox/contentbox.esm.js",
|
7
7
|
"files": [
|
@@ -46,7 +46,7 @@
|
|
46
46
|
"webpack-dev-server": "^4.0.0"
|
47
47
|
},
|
48
48
|
"dependencies": {
|
49
|
-
"@innovastudio/contentbuilder": "^1.4.
|
49
|
+
"@innovastudio/contentbuilder": "^1.4.32",
|
50
50
|
"js-beautify": "^1.14.0"
|
51
51
|
}
|
52
52
|
}
|
@@ -4807,6 +4807,7 @@ class EditSection {
|
|
4807
4807
|
});
|
4808
4808
|
if (dom$m.hasClass(activeSection, 'is-section-100')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="100"]'), 'on');
|
4809
4809
|
if (dom$m.hasClass(activeSection, 'is-section-90')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="90"]'), 'on');
|
4810
|
+
if (dom$m.hasClass(activeSection, 'is-section-85')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="85"]'), 'on');
|
4810
4811
|
if (dom$m.hasClass(activeSection, 'is-section-80')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="80"]'), 'on');
|
4811
4812
|
if (dom$m.hasClass(activeSection, 'is-section-75')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="75"]'), 'on');
|
4812
4813
|
if (dom$m.hasClass(activeSection, 'is-section-70')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="70"]'), 'on');
|
@@ -4816,6 +4817,8 @@ class EditSection {
|
|
4816
4817
|
if (dom$m.hasClass(activeSection, 'is-section-30')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="30"]'), 'on');
|
4817
4818
|
if (dom$m.hasClass(activeSection, 'is-section-25')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="25"]'), 'on');
|
4818
4819
|
if (dom$m.hasClass(activeSection, 'is-section-20')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="20"]'), 'on');
|
4820
|
+
if (dom$m.hasClass(activeSection, 'is-section-15')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="15"]'), 'on');
|
4821
|
+
if (dom$m.hasClass(activeSection, 'is-section-10')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="10"]'), 'on');
|
4819
4822
|
if (dom$m.hasClass(activeSection, 'is-section-auto')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="0"]'), 'on');
|
4820
4823
|
btns = modalEditSection.querySelectorAll('.cmd-section-anim-start');
|
4821
4824
|
btns.forEach(btn => {
|
@@ -5201,6 +5204,8 @@ class EditSection {
|
|
5201
5204
|
const activeSection = this.builder.activeSection;
|
5202
5205
|
activeSection.style.height = '';
|
5203
5206
|
dom$m.removeClass(activeSection, 'is-section-auto');
|
5207
|
+
dom$m.removeClass(activeSection, 'is-section-10');
|
5208
|
+
dom$m.removeClass(activeSection, 'is-section-15');
|
5204
5209
|
dom$m.removeClass(activeSection, 'is-section-20');
|
5205
5210
|
dom$m.removeClass(activeSection, 'is-section-25');
|
5206
5211
|
dom$m.removeClass(activeSection, 'is-section-30');
|
@@ -5210,6 +5215,7 @@ class EditSection {
|
|
5210
5215
|
dom$m.removeClass(activeSection, 'is-section-70');
|
5211
5216
|
dom$m.removeClass(activeSection, 'is-section-75');
|
5212
5217
|
dom$m.removeClass(activeSection, 'is-section-80');
|
5218
|
+
dom$m.removeClass(activeSection, 'is-section-85');
|
5213
5219
|
dom$m.removeClass(activeSection, 'is-section-90');
|
5214
5220
|
dom$m.removeClass(activeSection, 'is-section-100');
|
5215
5221
|
|
@@ -91827,12 +91833,16 @@ class LivePreview {
|
|
91827
91833
|
resizePreview(size) {
|
91828
91834
|
let modal = this.modal;
|
91829
91835
|
let util = this.util;
|
91836
|
+
modal.classList.remove('is-screen-1920');
|
91830
91837
|
modal.classList.remove('is-screen-1440');
|
91831
91838
|
modal.classList.remove('is-screen-1920');
|
91832
91839
|
modal.classList.remove('is-screen-1024');
|
91833
91840
|
modal.classList.remove('is-screen-768');
|
91834
91841
|
modal.classList.remove('is-screen-375');
|
91835
91842
|
const infoDevice = modal.querySelector('.is-modal-device');
|
91843
|
+
const previewScreen = modal.querySelector('.preview-screen');
|
91844
|
+
previewScreen.style.transition = 'none';
|
91845
|
+
previewScreen.style.opacity = '0';
|
91836
91846
|
|
91837
91847
|
if (size === 1440) {
|
91838
91848
|
modal.classList.add('is-screen-1440');
|
@@ -91840,7 +91850,6 @@ class LivePreview {
|
|
91840
91850
|
infoDevice.setAttribute('title', util.out('Laptop'));
|
91841
91851
|
infoDevice.innerHTML = '<svg class="is-icon-flex" style="width:18px;height:18px"><use xlink:href="#icon-device-laptop"></use></svg>';
|
91842
91852
|
} else if (size === 1024) {
|
91843
|
-
modal.classList.remove('is-screen-1440');
|
91844
91853
|
modal.classList.add('is-screen-1024');
|
91845
91854
|
infoDevice.setAttribute('title', util.out('Tablet (Landscape)'));
|
91846
91855
|
localStorage.setItem('_livepreviewscreen', 'is-screen-1024');
|
@@ -91863,6 +91872,10 @@ class LivePreview {
|
|
91863
91872
|
}
|
91864
91873
|
|
91865
91874
|
this.previewRefresh(true);
|
91875
|
+
setTimeout(() => {
|
91876
|
+
previewScreen.style.opacity = '';
|
91877
|
+
previewScreen.style.transition = '';
|
91878
|
+
}, 100);
|
91866
91879
|
}
|
91867
91880
|
|
91868
91881
|
previewRefresh(disableOnContentLoad, hardReload) {
|