@innovastudio/contentbox 1.2.20 → 1.2.23

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
-  "version": "1.2.20",
+  "version": "1.2.23",
+  "type": "module",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [

package/public/contentbox/contentbox.esm.js

@@ -9197,8 +9197,10 @@ class EditBox {
       let bgcolor = btnBoxBgColor.style.backgroundColor;
       let overlay = activeBox.querySelector('.is-overlay');
       colorpicker.open(s => {
-        // activeBox.style.backgroundColor = s;
-        // activeBox.style.backgroundImage = '';//remove gradient
+        activeBox.style.backgroundColor = ''; // clean old
+
+        activeBox.style.backgroundImage = ''; /// clean old
+
         overlay.style.backgroundColor = s;
         overlay.style.backgroundImage = ''; //remove gradient
 
@@ -9213,7 +9215,11 @@ class EditBox {
 
       let overlay = activeBox.querySelector('.is-overlay');
       let gradientPicker = this.builder.editor.gradientpicker();
-      gradientPicker.open(overlay);
+      gradientPicker.open(overlay, () => {
+        activeBox.style.backgroundColor = ''; // clean old
+
+        activeBox.style.backgroundImage = ''; // clean old
+      });
     }); // Box Overlay Color
 
     const btnBoxOverlayColor = modalEditBox.querySelector('.input-box-overlaycolor');
@@ -9618,14 +9624,15 @@ class EditBox {
 
     dom$K.addClass(activeBox, 'box-active');
     this.builder.showModal(modalEditBox);
-    const inpBoxSize = modalEditBox.querySelector('.inp-box-size');
 
     if (container) {
-      let maxWidth = parseInt(container.style.maxWidth);
-      if (!isNaN(maxWidth)) inpBoxSize.value = parseInt(container.style.maxWidth);
       modalEditBox.querySelector('.val-box-size').innerHTML = '';
-      maxWidth = parseInt(window.getComputedStyle(container, null).getPropertyValue('max-width'));
-      if (!isNaN(maxWidth)) modalEditBox.querySelector('.val-box-size').innerHTML = maxWidth;
+      container.classList.forEach(item => {
+        if (item.indexOf('is-content-') !== -1 && item !== 'is-content-left' && item !== 'is-content-right') {
+          let val = item.replace('is-content-', '');
+          modalEditBox.querySelector('.val-box-size').innerHTML = val;
+        }
+      });
     } // Animate Box 
 
 
@@ -83793,10 +83800,12 @@ class ContentBox {
       if (sidebar) sidebar.style.opacity = 1;
       this.builderStuff.style.visibility = 'visible'; // Remove the page-overlay
 
-      pageOverlay = builderStuff.querySelectorAll('.page-overlay');
-      pageOverlay.forEach(elm => {
-        elm.parentNode.removeChild(elm);
-      });
+      setTimeout(() => {
+        pageOverlay = builderStuff.querySelectorAll('.page-overlay');
+        pageOverlay.forEach(elm => {
+          elm.parentNode.removeChild(elm);
+        });
+      }, 300);
     }); // Add document Click event
 
     document.addEventListener('click', this.doDocumentClick = e => {