@innovastudio/contentbox 1.5.2 → 1.5.3

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.
Files changed (3) hide show
  1. package/package.json +2 -2
  2. package/public/contentbox/contentbox.esm.js +16 -16
  3. package/public/contentbox/contentbox.min.js +1 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@innovastudio/contentbox",
3
3
  "type": "module",
4
- "version": "1.5.2",
4
+ "version": "1.5.3",
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.6",
49
+ "@innovastudio/contentbuilder": "^1.4.8",
50
50
  "js-beautify": "^1.14.0"
51
51
  }
52
52
  }
package/public/contentbox/contentbox.esm.js CHANGED
@@ -73099,7 +73099,7 @@ class ColumnTool {
73099
73099
  let cell = this.builder.elementSelected; //util.cellSelected();
73100
73100
  // cell.style.backgroundSize = val + '%';
73101
73101
 
73102
- if (document.querySelector('.page-preview.is-screen-375.active') && this.useTarget) {
73102
+ if (document.querySelector('.content-preview.is-screen-375.active') && this.useTarget) {
73103
73103
  let dataBg = cell.getAttribute('data-bg-xs');
73104
73104
  if (!dataBg) dataBg = '';
73105
73105
  let div = document.createElement('div');
@@ -73107,7 +73107,7 @@ class ColumnTool {
73107
73107
 
73108
73108
  div.style.backgroundSize = 'cover';
73109
73109
  cell.setAttribute('data-bg-xs', div.style.cssText);
73110
- } else if (document.querySelector('.page-preview.is-screen-768.active') && this.useTarget) {
73110
+ } else if (document.querySelector('.content-preview.is-screen-768.active') && this.useTarget) {
73111
73111
  let dataBg = cell.getAttribute('data-bg-sm');
73112
73112
  if (!dataBg) dataBg = '';
73113
73113
  let div = document.createElement('div');
@@ -73115,7 +73115,7 @@ class ColumnTool {
73115
73115
 
73116
73116
  div.style.backgroundSize = 'cover';
73117
73117
  cell.setAttribute('data-bg-sm', div.style.cssText);
73118
- } else if (document.querySelector('.page-preview.is-screen-1024.active') && this.useTarget) {
73118
+ } else if (document.querySelector('.content-preview.is-screen-1024.active') && this.useTarget) {
73119
73119
  let dataBg = cell.getAttribute('data-bg-md');
73120
73120
  if (!dataBg) dataBg = '';
73121
73121
  let div = document.createElement('div');
@@ -73138,11 +73138,11 @@ class ColumnTool {
73138
73138
  };
73139
73139
 
73140
73140
  inpImageScaleSlider.onchange = () => {
73141
- if (document.querySelector('.page-preview.is-screen-375.active')) {
73141
+ if (document.querySelector('.content-preview.is-screen-375.active')) {
73142
73142
  inpImageScaleSlider.value = 0;
73143
- } else if (document.querySelector('.page-preview.is-screen-768.active')) {
73143
+ } else if (document.querySelector('.content-preview.is-screen-768.active')) {
73144
73144
  inpImageScaleSlider.value = 0;
73145
- } else if (document.querySelector('.page-preview.is-screen-1024.active')) {
73145
+ } else if (document.querySelector('.content-preview.is-screen-1024.active')) {
73146
73146
  inpImageScaleSlider.value = 0;
73147
73147
  } //Trigger Change event
73148
73148
 
@@ -73197,7 +73197,7 @@ class ColumnTool {
73197
73197
  let cell = this.builder.elementSelected; //util.cellSelected();
73198
73198
  // cell.style.backgroundPositionX = val + '%';
73199
73199
 
73200
- if (document.querySelector('.page-preview.is-screen-375.active') && this.useTarget) {
73200
+ if (document.querySelector('.content-preview.is-screen-375.active') && this.useTarget) {
73201
73201
  let dataBg = cell.getAttribute('data-bg-xs');
73202
73202
  if (!dataBg) dataBg = '';
73203
73203
  let div = document.createElement('div');
@@ -73205,7 +73205,7 @@ class ColumnTool {
73205
73205
  div.style.backgroundPositionX = val + '%';
73206
73206
  div.style.backgroundSize = 'cover';
73207
73207
  cell.setAttribute('data-bg-xs', div.style.cssText);
73208
- } else if (document.querySelector('.page-preview.is-screen-768.active') && this.useTarget) {
73208
+ } else if (document.querySelector('.content-preview.is-screen-768.active') && this.useTarget) {
73209
73209
  let dataBg = cell.getAttribute('data-bg-sm');
73210
73210
  if (!dataBg) dataBg = '';
73211
73211
  let div = document.createElement('div');
@@ -73213,7 +73213,7 @@ class ColumnTool {
73213
73213
  div.style.backgroundPositionX = val + '%';
73214
73214
  div.style.backgroundSize = 'cover';
73215
73215
  cell.setAttribute('data-bg-sm', div.style.cssText);
73216
- } else if (document.querySelector('.page-preview.is-screen-1024.active') && this.useTarget) {
73216
+ } else if (document.querySelector('.content-preview.is-screen-1024.active') && this.useTarget) {
73217
73217
  let dataBg = cell.getAttribute('data-bg-md');
73218
73218
  if (!dataBg) dataBg = '';
73219
73219
  let div = document.createElement('div');
@@ -73278,7 +73278,7 @@ class ColumnTool {
73278
73278
  let cell = this.builder.elementSelected; //util.cellSelected();
73279
73279
  // cell.style.backgroundPositionY = val + '%';
73280
73280
 
73281
- if (document.querySelector('.page-preview.is-screen-375.active') && this.useTarget) {
73281
+ if (document.querySelector('.content-preview.is-screen-375.active') && this.useTarget) {
73282
73282
  let dataBg = cell.getAttribute('data-bg-xs');
73283
73283
  if (!dataBg) dataBg = '';
73284
73284
  let div = document.createElement('div');
@@ -73286,7 +73286,7 @@ class ColumnTool {
73286
73286
  div.style.backgroundPositionY = val + '%';
73287
73287
  div.style.backgroundSize = 'cover';
73288
73288
  cell.setAttribute('data-bg-xs', div.style.cssText);
73289
- } else if (document.querySelector('.page-preview.is-screen-768.active') && this.useTarget) {
73289
+ } else if (document.querySelector('.content-preview.is-screen-768.active') && this.useTarget) {
73290
73290
  let dataBg = cell.getAttribute('data-bg-sm');
73291
73291
  if (!dataBg) dataBg = '';
73292
73292
  let div = document.createElement('div');
@@ -73294,7 +73294,7 @@ class ColumnTool {
73294
73294
  div.style.backgroundPositionY = val + '%';
73295
73295
  div.style.backgroundSize = 'cover';
73296
73296
  cell.setAttribute('data-bg-sm', div.style.cssText);
73297
- } else if (document.querySelector('.page-preview.is-screen-1024.active') && this.useTarget) {
73297
+ } else if (document.querySelector('.content-preview.is-screen-1024.active') && this.useTarget) {
73298
73298
  let dataBg = cell.getAttribute('data-bg-md');
73299
73299
  if (!dataBg) dataBg = '';
73300
73300
  let div = document.createElement('div');
@@ -74393,19 +74393,19 @@ class ColumnTool {
74393
74393
 
74394
74394
  let div = document.createElement('div');
74395
74395
 
74396
- if (document.querySelector('.page-preview.is-screen-375.active') && useTarget) {
74396
+ if (document.querySelector('.content-preview.is-screen-375.active') && useTarget) {
74397
74397
  let dataBg = elm.getAttribute('data-bg-xs');
74398
74398
  if (!dataBg) dataBg = '';
74399
74399
  div.style.cssText = dataBg;
74400
74400
  inpImageScaleSlider.disabled = true;
74401
74401
  inpImageScaleSlider.style.opacity = 0.6;
74402
- } else if (document.querySelector('.page-preview.is-screen-768.active') && useTarget) {
74402
+ } else if (document.querySelector('.content-preview.is-screen-768.active') && useTarget) {
74403
74403
  let dataBg = elm.getAttribute('data-bg-sm');
74404
74404
  if (!dataBg) dataBg = '';
74405
74405
  div.style.cssText = dataBg;
74406
74406
  inpImageScaleSlider.disabled = true;
74407
74407
  inpImageScaleSlider.style.opacity = 0.6;
74408
- } else if (document.querySelector('.page-preview.is-screen-1024.active') && useTarget) {
74408
+ } else if (document.querySelector('.content-preview.is-screen-1024.active') && useTarget) {
74409
74409
  let dataBg = elm.getAttribute('data-bg-md');
74410
74410
  if (!dataBg) dataBg = '';
74411
74411
  div.style.cssText = dataBg;
@@ -90503,7 +90503,7 @@ class LivePreview {
90503
90503
  z-index:100021 !important
90504
90504
  }
90505
90505
  </style>
90506
- <div style="z-index:10003;${this.builder.previewStyle}" class="is-modal is-modal-content content-preview is-screen-1920" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
90506
+ <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">
90507
90507
  <div class="is-modal-bar is-draggable" draggable="">
90508
90508
  <span>${util.out('Live Preview')}</span>
90509
90509
  <button class="is-modal-device" tabindex="-1" style="user-select:none;cursor:default">