@innovastudio/contentbuilder 1.4.6 → 1.4.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
@@ -59176,7 +59176,7 @@ class ColumnTool {
|
|
59176
59176
|
let cell = this.builder.elementSelected; //util.cellSelected();
|
59177
59177
|
// cell.style.backgroundSize = val + '%';
|
59178
59178
|
|
59179
|
-
if (document.querySelector('.
|
59179
|
+
if (document.querySelector('.content-preview.is-screen-375.active') && this.useTarget) {
|
59180
59180
|
let dataBg = cell.getAttribute('data-bg-xs');
|
59181
59181
|
if (!dataBg) dataBg = '';
|
59182
59182
|
let div = document.createElement('div');
|
@@ -59184,7 +59184,7 @@ class ColumnTool {
|
|
59184
59184
|
|
59185
59185
|
div.style.backgroundSize = 'cover';
|
59186
59186
|
cell.setAttribute('data-bg-xs', div.style.cssText);
|
59187
|
-
} else if (document.querySelector('.
|
59187
|
+
} else if (document.querySelector('.content-preview.is-screen-768.active') && this.useTarget) {
|
59188
59188
|
let dataBg = cell.getAttribute('data-bg-sm');
|
59189
59189
|
if (!dataBg) dataBg = '';
|
59190
59190
|
let div = document.createElement('div');
|
@@ -59192,7 +59192,7 @@ class ColumnTool {
|
|
59192
59192
|
|
59193
59193
|
div.style.backgroundSize = 'cover';
|
59194
59194
|
cell.setAttribute('data-bg-sm', div.style.cssText);
|
59195
|
-
} else if (document.querySelector('.
|
59195
|
+
} else if (document.querySelector('.content-preview.is-screen-1024.active') && this.useTarget) {
|
59196
59196
|
let dataBg = cell.getAttribute('data-bg-md');
|
59197
59197
|
if (!dataBg) dataBg = '';
|
59198
59198
|
let div = document.createElement('div');
|
@@ -59215,11 +59215,11 @@ class ColumnTool {
|
|
59215
59215
|
};
|
59216
59216
|
|
59217
59217
|
inpImageScaleSlider.onchange = () => {
|
59218
|
-
if (document.querySelector('.
|
59218
|
+
if (document.querySelector('.content-preview.is-screen-375.active')) {
|
59219
59219
|
inpImageScaleSlider.value = 0;
|
59220
|
-
} else if (document.querySelector('.
|
59220
|
+
} else if (document.querySelector('.content-preview.is-screen-768.active')) {
|
59221
59221
|
inpImageScaleSlider.value = 0;
|
59222
|
-
} else if (document.querySelector('.
|
59222
|
+
} else if (document.querySelector('.content-preview.is-screen-1024.active')) {
|
59223
59223
|
inpImageScaleSlider.value = 0;
|
59224
59224
|
} //Trigger Change event
|
59225
59225
|
|
@@ -59274,7 +59274,7 @@ class ColumnTool {
|
|
59274
59274
|
let cell = this.builder.elementSelected; //util.cellSelected();
|
59275
59275
|
// cell.style.backgroundPositionX = val + '%';
|
59276
59276
|
|
59277
|
-
if (document.querySelector('.
|
59277
|
+
if (document.querySelector('.content-preview.is-screen-375.active') && this.useTarget) {
|
59278
59278
|
let dataBg = cell.getAttribute('data-bg-xs');
|
59279
59279
|
if (!dataBg) dataBg = '';
|
59280
59280
|
let div = document.createElement('div');
|
@@ -59282,7 +59282,7 @@ class ColumnTool {
|
|
59282
59282
|
div.style.backgroundPositionX = val + '%';
|
59283
59283
|
div.style.backgroundSize = 'cover';
|
59284
59284
|
cell.setAttribute('data-bg-xs', div.style.cssText);
|
59285
|
-
} else if (document.querySelector('.
|
59285
|
+
} else if (document.querySelector('.content-preview.is-screen-768.active') && this.useTarget) {
|
59286
59286
|
let dataBg = cell.getAttribute('data-bg-sm');
|
59287
59287
|
if (!dataBg) dataBg = '';
|
59288
59288
|
let div = document.createElement('div');
|
@@ -59290,7 +59290,7 @@ class ColumnTool {
|
|
59290
59290
|
div.style.backgroundPositionX = val + '%';
|
59291
59291
|
div.style.backgroundSize = 'cover';
|
59292
59292
|
cell.setAttribute('data-bg-sm', div.style.cssText);
|
59293
|
-
} else if (document.querySelector('.
|
59293
|
+
} else if (document.querySelector('.content-preview.is-screen-1024.active') && this.useTarget) {
|
59294
59294
|
let dataBg = cell.getAttribute('data-bg-md');
|
59295
59295
|
if (!dataBg) dataBg = '';
|
59296
59296
|
let div = document.createElement('div');
|
@@ -59355,7 +59355,7 @@ class ColumnTool {
|
|
59355
59355
|
let cell = this.builder.elementSelected; //util.cellSelected();
|
59356
59356
|
// cell.style.backgroundPositionY = val + '%';
|
59357
59357
|
|
59358
|
-
if (document.querySelector('.
|
59358
|
+
if (document.querySelector('.content-preview.is-screen-375.active') && this.useTarget) {
|
59359
59359
|
let dataBg = cell.getAttribute('data-bg-xs');
|
59360
59360
|
if (!dataBg) dataBg = '';
|
59361
59361
|
let div = document.createElement('div');
|
@@ -59363,7 +59363,7 @@ class ColumnTool {
|
|
59363
59363
|
div.style.backgroundPositionY = val + '%';
|
59364
59364
|
div.style.backgroundSize = 'cover';
|
59365
59365
|
cell.setAttribute('data-bg-xs', div.style.cssText);
|
59366
|
-
} else if (document.querySelector('.
|
59366
|
+
} else if (document.querySelector('.content-preview.is-screen-768.active') && this.useTarget) {
|
59367
59367
|
let dataBg = cell.getAttribute('data-bg-sm');
|
59368
59368
|
if (!dataBg) dataBg = '';
|
59369
59369
|
let div = document.createElement('div');
|
@@ -59371,7 +59371,7 @@ class ColumnTool {
|
|
59371
59371
|
div.style.backgroundPositionY = val + '%';
|
59372
59372
|
div.style.backgroundSize = 'cover';
|
59373
59373
|
cell.setAttribute('data-bg-sm', div.style.cssText);
|
59374
|
-
} else if (document.querySelector('.
|
59374
|
+
} else if (document.querySelector('.content-preview.is-screen-1024.active') && this.useTarget) {
|
59375
59375
|
let dataBg = cell.getAttribute('data-bg-md');
|
59376
59376
|
if (!dataBg) dataBg = '';
|
59377
59377
|
let div = document.createElement('div');
|
@@ -60470,19 +60470,19 @@ class ColumnTool {
|
|
60470
60470
|
|
60471
60471
|
let div = document.createElement('div');
|
60472
60472
|
|
60473
|
-
if (document.querySelector('.
|
60473
|
+
if (document.querySelector('.content-preview.is-screen-375.active') && useTarget) {
|
60474
60474
|
let dataBg = elm.getAttribute('data-bg-xs');
|
60475
60475
|
if (!dataBg) dataBg = '';
|
60476
60476
|
div.style.cssText = dataBg;
|
60477
60477
|
inpImageScaleSlider.disabled = true;
|
60478
60478
|
inpImageScaleSlider.style.opacity = 0.6;
|
60479
|
-
} else if (document.querySelector('.
|
60479
|
+
} else if (document.querySelector('.content-preview.is-screen-768.active') && useTarget) {
|
60480
60480
|
let dataBg = elm.getAttribute('data-bg-sm');
|
60481
60481
|
if (!dataBg) dataBg = '';
|
60482
60482
|
div.style.cssText = dataBg;
|
60483
60483
|
inpImageScaleSlider.disabled = true;
|
60484
60484
|
inpImageScaleSlider.style.opacity = 0.6;
|
60485
|
-
} else if (document.querySelector('.
|
60485
|
+
} else if (document.querySelector('.content-preview.is-screen-1024.active') && useTarget) {
|
60486
60486
|
let dataBg = elm.getAttribute('data-bg-md');
|
60487
60487
|
if (!dataBg) dataBg = '';
|
60488
60488
|
div.style.cssText = dataBg;
|
@@ -76580,7 +76580,7 @@ class LivePreview {
|
|
76580
76580
|
z-index:100021 !important
|
76581
76581
|
}
|
76582
76582
|
</style>
|
76583
|
-
<div style="z-index:
|
76583
|
+
<div style="z-index:10002;${this.builder.previewStyle}" class="is-modal is-modal-content content-preview is-screen-1920" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
|
76584
76584
|
<div class="is-modal-bar is-draggable" draggable="">
|
76585
76585
|
<span>${util.out('Live Preview')}</span>
|
76586
76586
|
<button class="is-modal-device" tabindex="-1" style="user-select:none;cursor:default">
|