vue-advanced-cropper - npm Package Compare versions

Comparing version 1.11.6 to 1.11.7

package.json

 {
 	"name": "vue-advanced-cropper",
-	"version": "1.11.6",
+	"version": "1.11.7",
 	"description": "The advanced library to create your own croppers suited for any website design",
@@ -5,0 +5,0 @@ "author": "Norserium",

README.md

@@ -5,8 +5,9 @@ <p align="center"><a href="https://advanced-cropper.github.io/vue-advanced-cropper/" target="_blank" rel="noopener noreferrer"><img width="133" src="https://github.com/advanced-cropper/vue-advanced-cropper/blob/master/example/readme/logo.svg?raw=true&timestamp=1608385818575" alt="Vue Advanced Cropper logo"></a></p>
   <a href="https://npmcharts.com/compare/vue-advanced-cropper?minimal=true"><img src="https://img.shields.io/npm/dm/vue-advanced-cropper.svg?sanitize=true" alt="Downloads"></a>
-  <a href="https://www.npmjs.com/package/vue-advanced-cropper"><img src="https://img.shields.io/npm/v/vue-advanced-cropper.svg" alt="Version"></a>
-  <a href="https://www.npmjs.com/package/vue-advanced-cropper">
+  <a href="https://www.npmjs.com/package/vue-advanced-cropper"><img src="https://img.shields.io/npm/v/vue-advanced-cropper/vue-3.svg?sanitize=true" alt="Version"></a>
+  <a href="https://www.npmjs.com/package/vue-advanced-cropper"><img src="https://img.shields.io/npm/v/vue-advanced-cropper/vue-2.svg?sanitize=true" alt="Version"></a>
+  <a href="https://www.npmjs.com/package/vue-advanced-cropper"></a>
   <br>
-  <a href="https://advanced-cropper.github.io/vue-advanced-cropper/">Documentation</a target="_blank" rel="noopener noreferrer"> /
-  <a href="https://advanced-cropper.github.io/vue-advanced-cropper/guides/recipes.html">Examples</a target="_blank" rel="noopener noreferrer"> /
-  <a href="https://codesandbox.io/s/vue-avanced-cropper-basic-jfy5w">Sandbox</a target="_blank" rel="noopener noreferrer">
+ 	<a href="https://advanced-cropper.github.io/vue-advanced-cropper/" target="_blank" rel="noopener noreferrer">Documentation</a> /
+  	<a href="https://advanced-cropper.github.io/vue-advanced-cropper/guides/recipes.html" target="_blank" rel="noopener noreferrer">Examples</a> /
+    <a href="https://codesandbox.io/s/vue-advanced-cropper-vue-3-yrxou?file=/src/App.vue" target="_blank" rel="noopener noreferrer">Sandbox</a> / <a href="https://codesandbox.io/s/vue-advanced-cropper-composition-api-5z0ww0?file=/src/App.vue" target="_blank" rel="noopener noreferrer">Sandbox + Composition API</a>
 </p>
@@ -18,12 +19,12 @@
 
-:fire: **HEADS UP!** You're currently looking at the branch for Vue 2. If you're looking for the branch for Vue 3, [please check out `vue-next` branch](https://github.com/advanced-cropper/vue-advanced-cropper/tree/vue-next).
+:fire: **HEADS UP!** You're currently looking at the branch for Vue 2. For the Vue 3 branch, [please check out the `vue-next` branch](https://github.com/advanced-cropper/vue-advanced-cropper/tree/vue-next).
 
 ---
 
-**Vue Advanced Cropper** is the advanced library that gives you opportunity to create your own croppers suited for any website design.
-It means that you are able to change not only the cropper appearance, you area able to customize its behavior also.
+**Vue Advanced Cropper** is the advanced library that allows you to create custom croppers suited for any website design.
+It means that you can change not only the cropper's appearance but also its behavior.
 
 Features:
 
-- full mobile / desktop support
+- full mobile/desktop support
 - support [all three main types of croppers](https://advanced-cropper.github.io/vue-advanced-cropper/introduction/types.html) right out of the box
@@ -60,3 +61,3 @@ - support both canvas and coordinates modes, minimum and maximum aspect ratios, custom size restrictions
 
-If you would to use CDN read the corresponding [documentation section](https://advanced-cropper.github.io/vue-advanced-cropper/introduction/getting-started.html#using-cdn)
+If you would like to use a CDN, please read the corresponding [documentation section](https://advanced-cropper.github.io/vue-advanced-cropper/introduction/getting-started.html#using-cdn)
 
@@ -101,4 +102,4 @@ ## Usage
 /*
-  Maybe you need to set the limits for the cropper sizes or its container sizes
-  otherwise a cropping image will try to fill all available space
+  You may need to set the limits for the cropper sizes or container sizes,
+  otherwise, a cropping image will try to fill all available space
 */
@@ -126,3 +127,3 @@ .cropper {
 | stencilSize               | `Object `            | The size of the stencil in pixels                                                |
-| debounce                  | `String`, `Number`   | The time before change event will be emitted after changes (ms) 			      | `500`
+| debounce                  | `String`, `Number`   | The time before the `change` event will be emitted after changes (ms) 			      | `500`
 | canvas                    | `Boolean`            | The flag that indicates if canvas should be used                			      | `true`
@@ -145,5 +146,5 @@ | minWidth                  | `String`, `Number`   | The minimum width of the stencil (percents)                     			      |
 | ------------------------  | --------------------------------------------------------------
-| change                    | Invoked on changing of a stencil position / size, after mounting the component and on an image changing
-| ready                     | Invoked on success of an image loading
-| error                     | Invoked on error of an image loading
+| change                    | Invoked on the changing of a stencil's position/size after mounting the component and on an image change
+| ready                     | Invoked on the success of an image loading
+| error                     | Invoked on an error of an image loading
 
@@ -158,6 +159,6 @@
 | maxAspectRatio            | `Number`            | The maximum aspect ratio                                       |
-| class                     | `String`            | The class for root block of the stencil component              |
+| class                     | `String`            | The class for the root block of the stencil component              |
 | previewClass              | `String`            | The class for the preview component                            |
-| movingClass               | `String`            | The class applied when user drag the stencil                   |
-| resizingClass             | `String`            | The class applied when user resize the stencil                 |
+| movingClass               | `String`            | The class applied when the user drags the stencil                   |
+| resizingClass             | `String`            | The class applied when the user resizes the stencil                 |
 | boundingBoxClass          | `String`            | The class for the bounding box component                       |
@@ -169,3 +170,3 @@ | handlerComponent          | `String`,`Object`   | The handler component                                          |
 | lineComponent             | `String`,`Object`   | The handler component                                          |
-| lines                     | `Object`            | The object of lines  that should be visible or hidden.         |
+| lines                     | `Object`            | The object of the lines that should be visible or hidden.         |
 | linesClasses              | `Object`            | The object of custom line classes                              |
@@ -176,2 +177,2 @@ | linesWrappersClasses      | `Object`            | The object of custom line wrapper classes                      |
 
-The source code of this library is licensed under MIT, the documentation and photos are belong to their respective owners.
+The source code of this library is licensed under the MIT license, and the documentation and photos belong to their respective owners.

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1977044

increased by575.98%

Number of package files

80

increased by471.43%

Lines of code

13117

increased by656.46%

Number of lines in readme file

170

increased by0.59%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes