@innovastudio/contentbox 1.5.89 → 1.5.91

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.5.89",
+  "version": "1.5.91",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -52,7 +52,9 @@
     "ws": "^8.13.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.4.110",
-    "js-beautify": "^1.14.0"
+    "@innovastudio/contentbuilder": "^1.4.112",
+    "i": "^0.3.7",
+    "js-beautify": "^1.14.0",
+    "npm": "^10.1.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 + '%');
@@ -90096,6 +90108,12 @@ class ContentStuff$1 {
             <symbol viewBox="0 0 512 512" id="ion-volume-medium">
                 <path d="M270 407.7V104.4L175.3 192H71v128h104.3zm56.3-52.1c20.5-27.8 32.8-62.3 32.8-99.6 0-37.4-12.3-71.8-32.8-99.6l-20.4 15.3c17.4 23.6 27.8 52.7 27.8 84.3 0 31.6-10.4 60.7-27.8 84.3l20.4 15.3zm66.5 46c30-40.7 48-91 48-145.6s-18-104.9-48-145.6l-20.4 15.3c26.9 36.4 43 81.4 43 130.3 0 48.9-16.1 93.8-43 130.3l20.4 15.3z"/>
             </symbol>
+            <symbol id="icon-folder2" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+                <path d="M11 19h-6a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2h4l3 3h7a2 2 0 0 1 2 2v2.5"></path>
+                <path d="M18 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
+                <path d="M20.2 20.2l1.8 1.8"></path>
+            </symbol>
             </defs>
         </svg>