@innovastudio/contentbuilder 1.4.143 → 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(',');
|
@@ -11277,6 +11278,9 @@ class UndoRedo {
|
|
11277
11278
|
let wrapper = this.builder.doc.querySelector(this.builder.opts.page);
|
11278
11279
|
// return htmlutil.readHtml(wrapper, false);
|
11279
11280
|
return wrapper.innerHTML;
|
11281
|
+
} else if (this.builder.docContainer) {
|
11282
|
+
let docContainer = this.builder.doc.querySelector(this.builder.docContainer);
|
11283
|
+
return docContainer.innerHTML;
|
11280
11284
|
} else {
|
11281
11285
|
const builders = this.builder.doc.querySelectorAll(this.builder.opts.container);
|
11282
11286
|
let html = '';
|
@@ -11337,12 +11341,18 @@ class UndoRedo {
|
|
11337
11341
|
|
11338
11342
|
// Use createContextualFragment() to make embedded script executable
|
11339
11343
|
// https://ghinda.net/article/script-tags/
|
11340
|
-
|
11344
|
+
let range = document.createRange();
|
11341
11345
|
wrapper.innerHTML = '';
|
11342
11346
|
wrapper.appendChild(range.createContextualFragment(html));
|
11343
11347
|
|
11344
11348
|
// applyBehavior (in ContentBox, unUndo will call pageSetup/applyBehavior)
|
11345
11349
|
this.cleaning(wrapper);
|
11350
|
+
} else if (this.builder.docContainer) {
|
11351
|
+
let docContainer = this.builder.doc.querySelector(this.builder.docContainer);
|
11352
|
+
let range = document.createRange();
|
11353
|
+
docContainer.innerHTML = '';
|
11354
|
+
docContainer.appendChild(range.createContextualFragment(html));
|
11355
|
+
this.cleaning(docContainer);
|
11346
11356
|
} else {
|
11347
11357
|
const builders = this.builder.doc.querySelectorAll(this.builder.opts.container);
|
11348
11358
|
let n = 0;
|
@@ -18366,6 +18376,22 @@ const renderSnippetPanel = (builder, snippetOpen) => {
|
|
18366
18376
|
*/
|
18367
18377
|
};
|
18368
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
|
+
}
|
18369
18395
|
function toggleSnippets(builder) {
|
18370
18396
|
const dom = builder.dom;
|
18371
18397
|
let snippetPanel = document.querySelector('#divSnippetList');
|
@@ -46771,7 +46797,7 @@ class Image$1 {
|
|
46771
46797
|
}
|
46772
46798
|
imageTool.style.top = top + 'px';
|
46773
46799
|
imageTool.style.left = toolLeft + 'px';
|
46774
|
-
if (!this.builder.activeImage.hasAttribute('data-noresize')) {
|
46800
|
+
if (!this.builder.activeImage.hasAttribute('data-noresize') && (this.builder.imageResizeOnBlock || !this.builder.activeImage.closest('.is-block'))) {
|
46775
46801
|
let imageResizer = this.imageResizer;
|
46776
46802
|
imageResizer.style.top = top + 'px';
|
46777
46803
|
imageResizer.style.left = left + 'px';
|
@@ -46855,7 +46881,7 @@ class Image$1 {
|
|
46855
46881
|
imageTool.style.left = toolLeft + 'px';
|
46856
46882
|
|
46857
46883
|
// Image Resizer
|
46858
|
-
if (!elm.hasAttribute('data-noresize')) {
|
46884
|
+
if (!elm.hasAttribute('data-noresize') && (this.builder.imageResizeOnBlock || !elm.closest('.is-block'))) {
|
46859
46885
|
let imageResizer = this.imageResizer;
|
46860
46886
|
|
46861
46887
|
/*
|
@@ -75504,6 +75530,7 @@ class ContentBuilder {
|
|
75504
75530
|
toolbar: 'top',
|
75505
75531
|
toolbarDisplay: 'auto',
|
75506
75532
|
shortenHTML: true,
|
75533
|
+
imageResizeOnBlock: true,
|
75507
75534
|
simpleEditingBreakpoint: '970px',
|
75508
75535
|
// iframe only
|
75509
75536
|
|
@@ -77173,6 +77200,7 @@ class ContentBuilder {
|
|
77173
77200
|
} else {
|
77174
77201
|
const area = this.doc.querySelector('.is-builder'); // get one of the builder area
|
77175
77202
|
scale = this.dom.getScale(area);
|
77203
|
+
if (!scale) scale = 1;
|
77176
77204
|
}
|
77177
77205
|
|
77178
77206
|
// Make moving draggable item scaled & positioned correctly (due to zoom value)
|
@@ -78443,7 +78471,10 @@ class ContentBuilder {
|
|
78443
78471
|
if (this.preview) return;
|
78444
78472
|
if (this.opts.snippetList === '#divSnippetList') {
|
78445
78473
|
let snippetPanel = document.querySelector(this.opts.snippetList);
|
78446
|
-
if (snippetPanel)
|
78474
|
+
if (snippetPanel) {
|
78475
|
+
if (snippetOpen) openSnippets(this);
|
78476
|
+
return; // do not render if already rendered (just protection)
|
78477
|
+
}
|
78447
78478
|
}
|
78448
78479
|
|
78449
78480
|
if (this.isScriptAlreadyIncluded(snippetFile)) return;
|