@innovastudio/contentbox 1.5.42 → 1.5.44

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.5.42",
+  "version": "1.5.44",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -46,7 +46,7 @@
     "webpack-dev-server": "^4.0.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.4.31",
+    "@innovastudio/contentbuilder": "^1.4.32",
     "js-beautify": "^1.14.0"
   }
 }

package/public/contentbox/contentbox.esm.js

@@ -4807,6 +4807,7 @@ class EditSection {
     });
     if (dom$m.hasClass(activeSection, 'is-section-100')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="100"]'), 'on');
     if (dom$m.hasClass(activeSection, 'is-section-90')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="90"]'), 'on');
+    if (dom$m.hasClass(activeSection, 'is-section-85')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="85"]'), 'on');
     if (dom$m.hasClass(activeSection, 'is-section-80')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="80"]'), 'on');
     if (dom$m.hasClass(activeSection, 'is-section-75')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="75"]'), 'on');
     if (dom$m.hasClass(activeSection, 'is-section-70')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="70"]'), 'on');
@@ -4816,6 +4817,8 @@ class EditSection {
     if (dom$m.hasClass(activeSection, 'is-section-30')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="30"]'), 'on');
     if (dom$m.hasClass(activeSection, 'is-section-25')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="25"]'), 'on');
     if (dom$m.hasClass(activeSection, 'is-section-20')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="20"]'), 'on');
+    if (dom$m.hasClass(activeSection, 'is-section-15')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="15"]'), 'on');
+    if (dom$m.hasClass(activeSection, 'is-section-10')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="10"]'), 'on');
     if (dom$m.hasClass(activeSection, 'is-section-auto')) dom$m.addClass(modalEditSection.querySelector('.cmd-section-height[data-value="0"]'), 'on');
     btns = modalEditSection.querySelectorAll('.cmd-section-anim-start');
     btns.forEach(btn => {
@@ -5201,6 +5204,8 @@ class EditSection {
     const activeSection = this.builder.activeSection;
     activeSection.style.height = '';
     dom$m.removeClass(activeSection, 'is-section-auto');
+    dom$m.removeClass(activeSection, 'is-section-10');
+    dom$m.removeClass(activeSection, 'is-section-15');
     dom$m.removeClass(activeSection, 'is-section-20');
     dom$m.removeClass(activeSection, 'is-section-25');
     dom$m.removeClass(activeSection, 'is-section-30');
@@ -5210,6 +5215,7 @@ class EditSection {
     dom$m.removeClass(activeSection, 'is-section-70');
     dom$m.removeClass(activeSection, 'is-section-75');
     dom$m.removeClass(activeSection, 'is-section-80');
+    dom$m.removeClass(activeSection, 'is-section-85');
     dom$m.removeClass(activeSection, 'is-section-90');
     dom$m.removeClass(activeSection, 'is-section-100');
 
@@ -91827,12 +91833,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');
@@ -91840,7 +91850,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');
@@ -91863,6 +91872,10 @@ class LivePreview {
     }
 
     this.previewRefresh(true);
+    setTimeout(() => {
+      previewScreen.style.opacity = '';
+      previewScreen.style.transition = '';
+    }, 100);
   }
 
   previewRefresh(disableOnContentLoad, hardReload) {
@@ -107769,7 +107782,7 @@ class ContentBox {
       mediaSelectHeight: this.settings.mediaSelectHeight,
       assetRefresh: this.settings.assetRefresh,
       onContentClick: e => {
-        if (this.settings.onContentClick) this.settings.onContentClick();
+        if (this.settings.onContentClick) this.settings.onContentClick(e);
         this.doc.body.classList.remove('temporary-hide-tools');
         let elm = e.target;
         let editable = elm.closest('[contenteditable="true"]');