update cropperjs to the recent version

2 files changed, 49 insertions, 51 deletions

diff --git a/library/cropperjs/docs/css/cropper.css b/library/cropperjs/docs/css/cropper.css
index dd22178fe..d54319a64 100644
--- a/library/cropperjs/docs/css/cropper.css
+++ b/library/cropperjs/docs/css/cropper.css
@@ -1,11 +1,11 @@
 /*!
- * Cropper.js v1.2.2
- * https://github.com/fengyuanchen/cropperjs
+ * Cropper.js v1.5.6
+ * https://fengyuanchen.github.io/cropperjs
  *
- * Copyright (c) 2015-2018 Chen Fengyuan
+ * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2018-01-03T13:26:29.610Z
+ * Date: 2019-10-04T04:33:44.164Z
  */
 
 .cropper-container {
@@ -21,8 +21,7 @@
   user-select: none;
 }
 
-.cropper-container img {/*Avoid margin top issue (Occur only when margin-top <= -height)
- */
+.cropper-container img {
   display: block;
   height: 100%;
   image-orientation: 0deg;
@@ -57,14 +56,14 @@
 
 .cropper-modal {
   background-color: #000;
-  opacity: .5;
+  opacity: 0.5;
 }
 
 .cropper-view-box {
   display: block;
   height: 100%;
-  outline-color: rgba(51, 153, 255, 0.75);
   outline: 1px solid #39f;
+  outline-color: rgba(51, 153, 255, 0.75);
   overflow: hidden;
   width: 100%;
 }
@@ -72,16 +71,16 @@
 .cropper-dashed {
   border: 0 dashed #eee;
   display: block;
-  opacity: .5;
+  opacity: 0.5;
   position: absolute;
 }
 
 .cropper-dashed.dashed-h {
   border-bottom-width: 1px;
   border-top-width: 1px;
-  height: 33.33333%;
+  height: calc(100% / 3);
   left: 0;
-  top: 33.33333%;
+  top: calc(100% / 3);
   width: 100%;
 }
 
@@ -89,37 +88,37 @@
   border-left-width: 1px;
   border-right-width: 1px;
   height: 100%;
-  left: 33.33333%;
+  left: calc(100% / 3);
   top: 0;
-  width: 33.33333%;
+  width: calc(100% / 3);
 }
 
 .cropper-center {
   display: block;
   height: 0;
   left: 50%;
-  opacity: .75;
+  opacity: 0.75;
   position: absolute;
   top: 50%;
   width: 0;
 }
 
-.cropper-center:before,
-.cropper-center:after {
+.cropper-center::before,
+.cropper-center::after {
   background-color: #eee;
   content: ' ';
   display: block;
   position: absolute;
 }
 
-.cropper-center:before {
+.cropper-center::before {
   height: 1px;
   left: -3px;
   top: 0;
   width: 7px;
 }
 
-.cropper-center:after {
+.cropper-center::after {
   height: 7px;
   left: 0;
   top: -3px;
@@ -131,7 +130,7 @@
 .cropper-point {
   display: block;
   height: 100%;
-  opacity: .1;
+  opacity: 0.1;
   position: absolute;
   width: 100%;
 }
@@ -177,7 +176,7 @@
 .cropper-point {
   background-color: #39f;
   height: 5px;
-  opacity: .75;
+  opacity: 0.75;
   width: 5px;
 }
 
@@ -253,12 +252,12 @@
 @media (min-width: 1200px) {
   .cropper-point.point-se {
     height: 5px;
-    opacity: .75;
+    opacity: 0.75;
     width: 5px;
   }
 }
 
-.cropper-point.point-se:before {
+.cropper-point.point-se::before {
   background-color: #39f;
   bottom: -50%;
   content: ' ';
@@ -303,4 +302,3 @@
 .cropper-disabled .cropper-point {
   cursor: not-allowed;
 }
-
diff --git a/library/cropperjs/docs/css/main.css b/library/cropperjs/docs/css/main.css
index d89f82d27..79e34be55 100644
--- a/library/cropperjs/docs/css/main.css
+++ b/library/cropperjs/docs/css/main.css
@@ -1,6 +1,6 @@
 .btn {
-  padding-left: .75rem;
-  padding-right: .75rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
 }
 
 label.btn {
@@ -12,9 +12,9 @@ label.btn {
 }
 
 .carbonads {
-  border-radius: .25rem;
   border: 1px solid #ccc;
-  font-size: .875rem;
+  border-radius: 0.25rem;
+  font-size: 0.875rem;
   overflow: hidden;
   padding: 1rem;
 }
@@ -59,7 +59,7 @@ label.btn {
 }
 
 .footer {
-  font-size: .875rem;
+  font-size: 0.875rem;
 }
 
 .heart {
@@ -92,8 +92,8 @@ label.btn {
 .heart::after {
   background-color: #fff;
   content: "♥";
-  padding-left: .5rem;
-  padding-right: .5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
   position: relative;
   z-index: 1;
 }
@@ -127,8 +127,8 @@ label.btn {
 
 .img-preview {
   float: left;
-  margin-bottom: .5rem;
-  margin-right: .5rem;
+  margin-bottom: 0.5rem;
+  margin-right: 0.5rem;
   overflow: hidden;
 }
 
@@ -158,7 +158,7 @@ label.btn {
 }
 
 .docs-data > .input-group {
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
 }
 
 .docs-data .input-group-prepend .input-group-text {
@@ -172,24 +172,24 @@ label.btn {
 .docs-buttons > .btn,
 .docs-buttons > .btn-group,
 .docs-buttons > .form-control {
-  margin-bottom: .5rem;
-  margin-right: .25rem;
+  margin-bottom: 0.5rem;
+  margin-right: 0.25rem;
 }
 
 .docs-toggles > .btn,
 .docs-toggles > .btn-group,
 .docs-toggles > .dropdown {
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
 }
 
 .docs-tooltip {
   display: block;
-  margin: -.5rem -.75rem;
-  padding: .5rem .75rem;
+  margin: -0.5rem -0.75rem;
+  padding: 0.5rem 0.75rem;
 }
 
 .docs-tooltip > .icon {
-  margin: 0 -.25rem;
+  margin: 0 -0.25rem;
   vertical-align: top;
 }
 
@@ -203,29 +203,29 @@ label.btn {
 }
 
 .btn-toggle {
-  padding: .5rem;
+  padding: 0.5rem;
 }
 
 .btn-toggle > .docs-tooltip {
-  margin: -.5rem;
-  padding: .5rem;
+  margin: -0.5rem;
+  padding: 0.5rem;
 }
 
 @media (max-width: 400px) {
   .btn-group-crop {
-    margin-right: -1rem!important;
+    margin-right: -1rem !important;
   }
 
   .btn-group-crop > .btn {
-    padding-left: .5rem;
-    padding-right: .5rem;
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
   }
 
   .btn-group-crop .docs-tooltip {
-    margin-left: -.5rem;
-    margin-right: -.5rem;
-    padding-left: .5rem;
-    padding-right: .5rem;
+    margin-left: -0.5rem;
+    margin-right: -0.5rem;
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
   }
 }
 
@@ -234,8 +234,8 @@ label.btn {
 }
 
 .docs-options .dropdown-menu > li {
-  font-size: .875rem;
-  padding: .125rem 1rem;
+  font-size: 0.875rem;
+  padding: 0.125rem 1rem;
 }
 
 .docs-options .dropdown-menu .form-check-label {