@innovastudio/contentbuilder 1.4.144 → 1.4.145
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(',');
|
@@ -18375,6 +18376,22 @@ const renderSnippetPanel = (builder, snippetOpen) => {
|
|
18375
18376
|
*/
|
18376
18377
|
};
|
18377
18378
|
|
18379
|
+
function openSnippets(builder) {
|
18380
|
+
const snippetPanel = document.querySelector('#divSnippetList');
|
18381
|
+
const snippethandle = snippetPanel.querySelector('#divSnippetHandle');
|
18382
|
+
snippetPanel.style.cssText = 'transition: all ease 0.8s;';
|
18383
|
+
snippetPanel.querySelector('.selectsnippet').style.display = 'block';
|
18384
|
+
snippetPanel.querySelector('.is-design-list').style.display = 'block';
|
18385
|
+
snippetPanel.classList.add('active');
|
18386
|
+
if (builder.opts.sidePanel === 'right') {
|
18387
|
+
snippethandle.innerHTML = '<svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#ion-ios-arrow-right"></use></svg>';
|
18388
|
+
} else {
|
18389
|
+
snippethandle.innerHTML = '<svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#ion-ios-arrow-left"></use></svg>';
|
18390
|
+
}
|
18391
|
+
setTimeout(function () {
|
18392
|
+
snippetPanel.style.cssText = '';
|
18393
|
+
}, 800);
|
18394
|
+
}
|
18378
18395
|
function toggleSnippets(builder) {
|
18379
18396
|
const dom = builder.dom;
|
18380
18397
|
let snippetPanel = document.querySelector('#divSnippetList');
|
@@ -77183,6 +77200,7 @@ class ContentBuilder {
|
|
77183
77200
|
} else {
|
77184
77201
|
const area = this.doc.querySelector('.is-builder'); // get one of the builder area
|
77185
77202
|
scale = this.dom.getScale(area);
|
77203
|
+
if (!scale) scale = 1;
|
77186
77204
|
}
|
77187
77205
|
|
77188
77206
|
// Make moving draggable item scaled & positioned correctly (due to zoom value)
|
@@ -78453,7 +78471,10 @@ class ContentBuilder {
|
|
78453
78471
|
if (this.preview) return;
|
78454
78472
|
if (this.opts.snippetList === '#divSnippetList') {
|
78455
78473
|
let snippetPanel = document.querySelector(this.opts.snippetList);
|
78456
|
-
if (snippetPanel)
|
78474
|
+
if (snippetPanel) {
|
78475
|
+
if (snippetOpen) openSnippets(this);
|
78476
|
+
return; // do not render if already rendered (just protection)
|
78477
|
+
}
|
78457
78478
|
}
|
78458
78479
|
|
78459
78480
|
if (this.isScriptAlreadyIncluded(snippetFile)) return;
|