@innovastudio/contentbox 1.5.89 → 1.5.90

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.5.89",
+  "version": "1.5.90",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -52,7 +52,7 @@
     "ws": "^8.13.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.4.110",
+    "@innovastudio/contentbuilder": "^1.4.111",
     "js-beautify": "^1.14.0"
   }
 }

package/public/contentbox/contentbox.esm.js

@@ -64929,11 +64929,23 @@ class Image$1 {
         var elementWidth = activeImage.parentNode.offsetWidth - paddingX - borderX;
         //var elementHeight = activeImage.parentNode.offsetHeight - paddingY - borderY;
 
+        let currentWidth;
         if (!bCircular) {
-          var parentWidth = elementWidth; //activeImage.parentNode.offsetWidth;
-          var currentWidth = activeImage.offsetWidth;
-          var percentage = currentWidth / parentWidth * 100;
+          const parentWidth = elementWidth; //activeImage.parentNode.offsetWidth;
+          currentWidth = activeImage.offsetWidth;
+          const percentage = currentWidth / parentWidth * 100;
           activeImage.style.width = percentage + '%';
+        } else {
+          const _screenwidth = window.innerWidth;
+          currentWidth = activeImage.offsetWidth;
+          const percentage = currentWidth / _screenwidth * 100;
+          activeImage.style.width = percentage + 'vw';
+          activeImage.style.height = percentage + 'vw';
+          const img = activeImage.querySelector('img');
+          if (img) {
+            img.style.width = '100%';
+            img.style.height = '100%';
+          }
         }
         if (this.builder.opts.emailMode) {
           //activeImage.setAttribute('width', percentage + '%');