@innovastudio/contentbox 1.2.8 → 1.2.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbox",
-  "version": "1.2.8",
+  "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.10",
+    "@innovastudio/contentbuilder": "^1.1.13",
     "axios": "^0.21.4",
     "cors": "^2.8.5",
     "express": "^4.17.1",

package/public/contentbox/contentbox.esm.js

@@ -17115,6 +17115,7 @@ class Dom {
 
 
   hasClass(element, className) {
+    if (!element) return false;
     if (!element.className) return false;
     return (' ' + element.className + ' ').indexOf(' ' + className + ' ') > -1;
   }
@@ -57218,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;
@@ -57240,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
 
@@ -76570,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: '',
@@ -77228,7 +77257,8 @@ class ContentBuilder {
       e = e || window.event;
       let target = e.target || e.srcElement;
       if (!target) return;
-      let rowClicked = dom$J.hasClass(target.parentNode, 'is-builder');
+      let rowClicked;
+      if (target.parentNode) rowClicked = dom$J.hasClass(target.parentNode, 'is-builder');
       let containerClicked = dom$J.hasClass(target, 'is-builder');
       let a = false,
           b = false,
@@ -83433,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,