@innovastudio/contentbox 1.2.19 → 1.2.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbox",
-  "version": "1.2.19",
+  "version": "1.2.22",
   "type": "module",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
@@ -27,27 +27,26 @@
     "@rollup/plugin-eslint": "^8.0.1",
     "@rollup/plugin-image": "^2.1.1",
     "@rollup/plugin-node-resolve": "^13.0.6",
+    "axios": "^0.21.4",
     "babel-loader": "^8.2.2",
     "concurrently": "^6.3.0",
+    "cors": "^2.8.5",
     "css-loader": "^6.2.0",
+    "express": "^4.17.1",
+    "express-session": "^1.17.2",
+    "formidable-serverless": "^1.1.1",
     "mini-css-extract-plugin": "^2.2.0",
     "rollup": "^2.59.0",
     "rollup-plugin-terser": "^7.0.2",
     "sass": "^1.38.1",
     "sass-loader": "^12.1.0",
+    "sharp": "^0.30.3",
     "webpack": "^5.51.1",
     "webpack-cli": "^4.8.0",
-    "webpack-dev-server": "^4.0.0",
-
-    "express": "^4.17.1",
-    "express-session": "^1.17.2",
-    "formidable-serverless": "^1.1.1",
-    "axios": "^0.21.4",
-    "cors": "^2.8.5",
-    "sharp": "^0.30.3"
+    "webpack-dev-server": "^4.0.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.1.18",
+    "@innovastudio/contentbuilder": "^1.1.20",
     "js-beautify": "^1.14.0"
   }
 }

package/public/contentbox/contentbox.esm.js

@@ -9618,14 +9618,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 
 
 
@@ -79674,10 +79675,8 @@ class ContentBuilder {
           Additional Cleanup:
               - Remove empty elements (empty p, etc)
           */
-          // $block.find('h1:empty,h2:empty,h3:empty,h4:empty,h5:empty,h6:empty,p:empty').remove();
-          this.activeCol.querySelectorAll('*:empty').forEach(x => {
-            x.remove();
-          });
+          this.activeCol.find('h1:empty,h2:empty,h3:empty,h4:empty,h5:empty,h6:empty,p:empty').remove(); // this.activeCol.querySelectorAll('*:empty').forEach((x)=>{x.remove();}); // Makes <img> removed
+
           /*
           Additional Cleanup:
               Fix HTML structure. The problem:
@@ -79725,10 +79724,9 @@ class ContentBuilder {
 
               elmActive.outerHTML = elmActive.innerHTML; //fix
               // Re-clean empty elements
+              // this.activeCol.querySelectorAll('*:empty').forEach((x)=>{x.remove();}); // Makes <img> removed
 
-              this.activeCol.querySelectorAll('*:empty').forEach(x => {
-                x.remove();
-              }); //place cursor
+              this.activeCol.find('h1:empty,h2:empty,h3:empty,h4:empty,h5:empty,h6:empty,p:empty').remove(); //place cursor
 
               if (elmClosestElement) dom$J.moveCursorToElement(elmClosestElement.previousElementSibling);else dom$J.moveCursorToElement(this.activeCol);
               let builderActive = document.querySelector('.builder-active');