@innovastudio/contentbox 1.0.47 → 1.0.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbox",
-  "version": "1.0.47",
+  "version": "1.0.48",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [

package/public/contentbox/contentbox.esm.js

@@ -8198,7 +8198,8 @@ class EditBox {
           if (val >= 2700) val = 2700;
         }
 
-        container.style.maxWidth = val + 'px'; // dom.addClass(container, 'is-content-' + val); //new
+        container.style.maxWidth = val + 'px';
+        dom$G.addClass(container, 'is-content-' + val); //new
 
         modalEditBox.querySelector('.inp-box-size').value = val; //Trigger Change event
 
@@ -8208,6 +8209,13 @@ class EditBox {
     const inpBoxSize = modalEditBox.querySelector('.inp-box-size');
     inpBoxSize.addEventListener('input', () => {
       this.builder.editor.saveForUndo();
+      const arrMaxWidth = [];
+      let n = 300;
+
+      while (n <= 2700) {
+        arrMaxWidth.push(n);
+        n = n + 20;
+      }
 
       let activeBox = this.builder.activeBox;
       let container = activeBox.querySelector('.is-container');
@@ -8219,7 +8227,22 @@ class EditBox {
       let val = inpBoxSize.value;
 
       if (!isNaN(val) && val >= 300 && val <= 2700) {
-        container.style.maxWidth = val + 'px'; // dom.addClass(container, 'is-content-' + val); //new
+        container.style.maxWidth = val + 'px';
+        let maxWidth = parseInt(window.getComputedStyle(container, null).getPropertyValue('max-width'));
+
+        for (let n = 0; n <= 121; n++) {
+          let mw = arrMaxWidth[n];
+
+          if (mw > maxWidth) {
+            maxWidth = mw;
+            break;
+          }
+        }
+
+        val = maxWidth;
+        if (val <= 300) val = 300;
+        if (val >= 2700) val = 2700;
+        dom$G.addClass(container, 'is-content-' + val); //new
       } //Trigger Change event
 
 
@@ -10002,13 +10025,19 @@ class EditBox {
   } //end of added by jack
 
 
-  boxImage(url) {
+  boxImage(url, err) {
     // Remove Waiting Indicator
     const builderStuff = this.builderStuff;
     const indicator = builderStuff.querySelector('.waiting-indicator');
     const indicatorOverlay = builderStuff.querySelector('.waiting-indicator-overlay');
     if (indicator) indicator.parentNode.removeChild(indicator);
     if (indicatorOverlay) indicatorOverlay.parentNode.removeChild(indicatorOverlay);
+
+    if (err) {
+      alert(err);
+      return;
+    }
+
     let activeBox;
 
     if (this.targetBox) {
@@ -74686,8 +74715,8 @@ class ContentBox {
     });
   }
 
-  boxImage(url) {
-    this.editbox.boxImage(url);
+  boxImage(url, err) {
+    this.editbox.boxImage(url, err);
   }
 
   mainCss() {