@innovastudio/contentbuilder 1.4.31 → 1.4.32

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.4.31",
+  "version": "1.4.32",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [

package/public/contentbuilder/contentbuilder.esm.js

@@ -77435,12 +77435,16 @@ class LivePreview {
   resizePreview(size) {
     let modal = this.modal;
     let util = this.util;
+    modal.classList.remove('is-screen-1920');
     modal.classList.remove('is-screen-1440');
     modal.classList.remove('is-screen-1920');
     modal.classList.remove('is-screen-1024');
     modal.classList.remove('is-screen-768');
     modal.classList.remove('is-screen-375');
     const infoDevice = modal.querySelector('.is-modal-device');
+    const previewScreen = modal.querySelector('.preview-screen');
+    previewScreen.style.transition = 'none';
+    previewScreen.style.opacity = '0';
 
     if (size === 1440) {
       modal.classList.add('is-screen-1440');
@@ -77448,7 +77452,6 @@ class LivePreview {
       infoDevice.setAttribute('title', util.out('Laptop'));
       infoDevice.innerHTML = '<svg class="is-icon-flex" style="width:18px;height:18px"><use xlink:href="#icon-device-laptop"></use></svg>';
     } else if (size === 1024) {
-      modal.classList.remove('is-screen-1440');
       modal.classList.add('is-screen-1024');
       infoDevice.setAttribute('title', util.out('Tablet (Landscape)'));
       localStorage.setItem('_livepreviewscreen', 'is-screen-1024');
@@ -77471,6 +77474,10 @@ class LivePreview {
     }
 
     this.previewRefresh(true);
+    setTimeout(() => {
+      previewScreen.style.opacity = '';
+      previewScreen.style.transition = '';
+    }, 100);
   }
 
   previewRefresh(disableOnContentLoad, hardReload) {