@innovastudio/contentbuilder 1.4.144 → 1.4.146
Sign up to get free protection for your applications and to get access to all the features.
package/package.json
CHANGED
@@ -3062,6 +3062,7 @@ class Dom {
|
|
3062
3062
|
}
|
3063
3063
|
getScale(container) {
|
3064
3064
|
let matrix = window.getComputedStyle(container).transform;
|
3065
|
+
if (matrix === 'none') return 1;
|
3065
3066
|
let values = matrix.split('(')[1];
|
3066
3067
|
values = values.split(')')[0];
|
3067
3068
|
values = values.split(',');
|
@@ -10878,10 +10879,12 @@ class HtmlUtil {
|
|
10878
10879
|
dom$k.removeElements(tmp.querySelectorAll('.row-add-initial'));
|
10879
10880
|
|
10880
10881
|
//Extra cleaning
|
10881
|
-
|
10882
|
-
|
10883
|
-
|
10884
|
-
|
10882
|
+
if (this.builder.cleanAOS) {
|
10883
|
+
elms = tmp.querySelectorAll('.aos-init');
|
10884
|
+
dom$k.removeClasses(elms, 'aos-init');
|
10885
|
+
elms = tmp.querySelectorAll('.aos-animate');
|
10886
|
+
dom$k.removeClasses(elms, 'aos-animate');
|
10887
|
+
}
|
10885
10888
|
elms = tmp.querySelectorAll('.skrollable');
|
10886
10889
|
dom$k.removeClasses(elms, 'skrollable');
|
10887
10890
|
elms = tmp.querySelectorAll('.skrollable-after');
|
@@ -18375,6 +18378,22 @@ const renderSnippetPanel = (builder, snippetOpen) => {
|
|
18375
18378
|
*/
|
18376
18379
|
};
|
18377
18380
|
|
18381
|
+
function openSnippets(builder) {
|
18382
|
+
const snippetPanel = document.querySelector('#divSnippetList');
|
18383
|
+
const snippethandle = snippetPanel.querySelector('#divSnippetHandle');
|
18384
|
+
snippetPanel.style.cssText = 'transition: all ease 0.8s;';
|
18385
|
+
snippetPanel.querySelector('.selectsnippet').style.display = 'block';
|
18386
|
+
snippetPanel.querySelector('.is-design-list').style.display = 'block';
|
18387
|
+
snippetPanel.classList.add('active');
|
18388
|
+
if (builder.opts.sidePanel === 'right') {
|
18389
|
+
snippethandle.innerHTML = '<svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#ion-ios-arrow-right"></use></svg>';
|
18390
|
+
} else {
|
18391
|
+
snippethandle.innerHTML = '<svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#ion-ios-arrow-left"></use></svg>';
|
18392
|
+
}
|
18393
|
+
setTimeout(function () {
|
18394
|
+
snippetPanel.style.cssText = '';
|
18395
|
+
}, 800);
|
18396
|
+
}
|
18378
18397
|
function toggleSnippets(builder) {
|
18379
18398
|
const dom = builder.dom;
|
18380
18399
|
let snippetPanel = document.querySelector('#divSnippetList');
|
@@ -75613,6 +75632,7 @@ class ContentBuilder {
|
|
75613
75632
|
customval: '',
|
75614
75633
|
moduleConfig: [],
|
75615
75634
|
elementAnimate: false,
|
75635
|
+
cleanAOS: false,
|
75616
75636
|
framework: '',
|
75617
75637
|
cellFormat: '',
|
75618
75638
|
rowFormat: '',
|
@@ -77183,6 +77203,7 @@ class ContentBuilder {
|
|
77183
77203
|
} else {
|
77184
77204
|
const area = this.doc.querySelector('.is-builder'); // get one of the builder area
|
77185
77205
|
scale = this.dom.getScale(area);
|
77206
|
+
if (!scale) scale = 1;
|
77186
77207
|
}
|
77187
77208
|
|
77188
77209
|
// Make moving draggable item scaled & positioned correctly (due to zoom value)
|
@@ -78453,7 +78474,10 @@ class ContentBuilder {
|
|
78453
78474
|
if (this.preview) return;
|
78454
78475
|
if (this.opts.snippetList === '#divSnippetList') {
|
78455
78476
|
let snippetPanel = document.querySelector(this.opts.snippetList);
|
78456
|
-
if (snippetPanel)
|
78477
|
+
if (snippetPanel) {
|
78478
|
+
if (snippetOpen) openSnippets(this);
|
78479
|
+
return; // do not render if already rendered (just protection)
|
78480
|
+
}
|
78457
78481
|
}
|
78458
78482
|
|
78459
78483
|
if (this.isScriptAlreadyIncluded(snippetFile)) return;
|