@innovastudio/contentbuilder 1.3.68 → 1.3.71

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.3.68",
+  "version": "1.3.71",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [

package/public/contentbuilder/contentbuilder.esm.js

@@ -50046,7 +50046,7 @@ class Image$1 {
           img.setAttribute('data-filename', newname + '.' + extension);
         }
 
-        if (extension === 'jpg') {
+        if (extension === 'jpg' || extension === 'jpeg' || extension === 'webm' || extension === 'webp') {
           img.src = this.cropper.getCroppedCanvas({
             fillColor: '#fff',
             imageSmoothingEnabled: true,
@@ -72429,7 +72429,7 @@ class Lightbox {
       const color = block.getAttribute('data-modal-color');
 
       if (url) {
-        if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm') {
+        if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm' || extension === 'webp') {
           arrGallery.push({
             type: 'image',
             url: url,
@@ -76438,13 +76438,13 @@ class ContentBuilder {
     if (this.targetAssetType === 'all') {
       ok = true;
     } else if (this.targetAssetType === 'media') {
-      if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm' || extension === 'mp4') {
+      if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm' || extension === 'webp' || extension === 'mp4') {
         ok = true;
       } else {
         alert(this.util.out('Please select an image or video file.'));
       }
     } else if (this.targetAssetType === 'image') {
-      if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm') {
+      if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm' || extension === 'webp') {
         ok = true;
       } else {
         alert(this.util.out('Please select an image file.'));
@@ -76514,7 +76514,7 @@ class ContentBuilder {
         if (targetAssetType === 'all') {
           ok = true;
         } else if (targetAssetType === 'media') {
-          if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm' || extension === 'mp4') {
+          if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm' || extension === 'webp' || extension === 'mp4') {
             ok = true;
           } else {
             alert(out('Please select an image or video file.'));
@@ -76526,7 +76526,7 @@ class ContentBuilder {
             alert(out('Please select an mp4 file.'));
           }
         } else if (targetAssetType === 'image') {
-          if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm') {
+          if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm' || extension === 'webp') {
             ok = true;
           } else {
             alert(out('Please select an image file.'));
@@ -77394,7 +77394,7 @@ class ContentBuilder {
       url = elm.getAttribute('data-modal-url');
       let extension = url.split('.').pop().split('?')[0].split('#')[0]; //
 
-      if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm') {
+      if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm' || extension === 'webp') {
         this.lightbox.openImage(url, theme, color);
       } else if (extension === 'mp4') {
         this.lightbox.openVideo(url, 'dark', color);
@@ -77518,7 +77518,7 @@ class ContentBuilder {
             if (!theme) theme = 'light';
             const color = elm.getAttribute('data-modal-color');
 
-            if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm') {
+            if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm' || extension === 'webp') {
               this.lightbox.openImage(url, theme, color);
               e.preventDefault();
               return false;