upÃdate copperjs to version 1.5.7

3 files changed, 12 insertions, 6 deletions

diff --git a/library/cropperjs/docs/examples/cropper-in-modal.html b/library/cropperjs/docs/examples/cropper-in-modal.html
index f36ff4e4e..343924ef8 100644
--- a/library/cropperjs/docs/examples/cropper-in-modal.html
+++ b/library/cropperjs/docs/examples/cropper-in-modal.html
@@ -5,7 +5,7 @@
   <meta http-equiv="x-ua-compatible" content="ie=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <title>Cropper.js</title>
-  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" crossorigin="anonymous">
   <link rel="stylesheet" href="../css/cropper.css">
   <style>
     .img-container img {
@@ -45,8 +45,8 @@
     </div>
   </div>
 
-  <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
-  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
+  <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" crossorigin="anonymous"></script>
+  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
   <script src="../js/cropper.js"></script>
   <script>
     window.addEventListener('DOMContentLoaded', function () {
diff --git a/library/cropperjs/docs/examples/customize-preview.html b/library/cropperjs/docs/examples/customize-preview.html
index 72a108f8a..51d1e1b42 100644
--- a/library/cropperjs/docs/examples/customize-preview.html
+++ b/library/cropperjs/docs/examples/customize-preview.html
@@ -77,6 +77,7 @@
     window.addEventListener('DOMContentLoaded', function () {
       var image = document.querySelector('#image');
       var previews = document.querySelectorAll('.preview');
+      var previewReady = false;
       var cropper = new Cropper(image, {
           ready: function () {
             var clone = this.cloneNode();
@@ -94,9 +95,14 @@
             each(previews, function (elem) {
               elem.appendChild(clone.cloneNode());
             });
+            previewReady = true;
           },
 
           crop: function (event) {
+            if (!previewReady) {
+              return;
+            }
+
             var data = event.detail;
             var cropper = this.cropper;
             var imageData = cropper.getImageData();
diff --git a/library/cropperjs/docs/examples/upload-cropped-image-to-server.html b/library/cropperjs/docs/examples/upload-cropped-image-to-server.html
index aef0ee58b..adb5c15ce 100644
--- a/library/cropperjs/docs/examples/upload-cropped-image-to-server.html
+++ b/library/cropperjs/docs/examples/upload-cropped-image-to-server.html
@@ -5,7 +5,7 @@
   <meta http-equiv="x-ua-compatible" content="ie=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <title>Cropper.js</title>
-  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css">
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" crossorigin="anonymous">
   <link rel="stylesheet" href="../css/cropper.css">
   <style>
     .label {
@@ -59,8 +59,8 @@
       </div>
     </div>
   </div>
-  <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
-  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.bundle.min.js"></script>
+  <script src="https://code.jquery.com/jquery-3.4.1.min.js" crossorigin="anonymous"></script>
+  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
   <script src="../js/cropper.js"></script>
   <script>
     window.addEventListener('DOMContentLoaded', function () {