@innovastudio/contentbox 1.2.10 → 1.2.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbox",
-  "version": "1.2.10",
+  "version": "1.2.11",
   "type": "module",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
@@ -40,7 +40,7 @@
     "webpack-dev-server": "^4.0.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.1.12",
+    "@innovastudio/contentbuilder": "^1.1.13",
     "axios": "^0.21.4",
     "cors": "^2.8.5",
     "express": "^4.17.1",

package/public/contentbox/contentbox.esm.js

@@ -57219,6 +57219,12 @@ class Image {
       elm = imageTool.querySelector('.image-edit');
       dom$A.addEventListener(elm, 'click', () => {
         let img = this.builder.activeImage;
+
+        if (this.builder.onImageEditClick) {
+          let result = this.builder.onImageEditClick(img);
+          if (!result) return;
+        }
+
         util.showModal(modalImageEdit, true);
         let preview = modalImageEdit.querySelector('.imageedit-preview');
         const maxW = 800;
@@ -57241,9 +57247,15 @@ class Image {
         preview.innerHTML = '<img src="" style="max-width:100%;object-fit:contain;height:100%;"/>';
         let imagePreview = modalImageEdit.querySelector('img');
         imagePreview.src = img.src;
-        this.cropper = new Cropper(imagePreview, {
-          zoomable: false
-        });
+
+        if (this.builder.setCropperConfig) {
+          this.cropper = new Cropper(imagePreview, this.builder.setCropperConfig);
+        } else {
+          this.cropper = new Cropper(imagePreview, {
+            zoomable: false
+          });
+        }
+
         document.querySelector('.moveable-control-box').style.display = 'none'; //needed by Safari (prevent z-index problem)
       }); // Set crop proportion
 
@@ -76571,6 +76583,22 @@ class ContentBuilder {
       // onPluginsLoaded: function () { },
       // onImageBrowseClick: function () { },
       // onImageSettingClick: function () { },
+
+      /* 
+      // onImageEditClick: function () { },  // used in elementimage.js
+      // Example:
+      onImageEditClick: (activeImage)=>{
+                   activeImage.setAttribute('crossorigin', 'anonymous');
+           const cropperConfig = {
+              checkCrossOrigin:false,
+              checkOrientation:false,
+              crossOrigin:'anonymous'
+          };
+          builder.setCropperConfig = cropperConfig;
+                   return true;
+      },
+      */
+      // setCropperConfig: {}, // used in elementimage.js
       imageEmbed: true,
       imageselect: '',
       fileselect: '',
@@ -83435,6 +83463,8 @@ class ContentBox {
       onVideoSelectClick: this.settings.onVideoSelectClick,
       onImageBrowseClick: this.settings.onImageBrowseClick,
       onImageSettingClick: this.settings.onImageSettingClick,
+      onImageEditClick: this.settings.onImageEditClick,
+      setCropperConfig: this.settings.setCropperConfig,
       onPluginsLoaded: this.settings.onPluginsLoaded,
       imageselect: this.settings.imageselect,
       fileselect: this.settings.fileselect,