Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

vue-advanced-cropper

Package Overview
Dependencies
Maintainers
1
Versions
117
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-advanced-cropper - npm Package Compare versions

Comparing version 2.8.1 to 2.8.2

2

package.json
{
"name": "vue-advanced-cropper",
"version": "2.8.1",
"version": "2.8.2",
"description": "The advanced library to create your own croppers suited for any website design",

@@ -5,0 +5,0 @@ "author": "Norserium",

@@ -6,7 +6,7 @@ <p align="center"><a href="https://norserium.github.io/vue-advanced-cropper/" target="_blank" rel="noopener noreferrer"><img width="133" src="https://github.com/norserium/vue-advanced-cropper/blob/master/example/readme/logo.svg?raw=true&timestamp=1608385818575" alt="Vue Advanced Cropper logo"></a></p>

<a href="https://www.npmjs.com/package/vue-advanced-cropper"><img src="https://img.shields.io/npm/v/vue-advanced-cropper/next.svg?sanitize=true" alt="Version"></a>
<a href="https://www.npmjs.com/package/vue-advanced-cropper">
<a href="https://www.npmjs.com/package/vue-advanced-cropper"></a>
<br>
<a href="https://norserium.github.io/vue-advanced-cropper/">Documentation</a target="_blank" rel="noopener noreferrer"> /
<a href="https://norserium.github.io/vue-advanced-cropper/guides/recipes.html">Examples</a target="_blank" rel="noopener noreferrer"> /
<a href="https://codesandbox.io/s/vue-advanced-cropper-vue-3-yrxou?file=/src/App.vue">Sandbox</a target="_blank" rel="noopener noreferrer">
<a href="https://norserium.github.io/vue-advanced-cropper/" target="_blank" rel="noopener noreferrer">Documentation</a> /
<a href="https://norserium.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,3 +18,3 @@

**WARNING!** If you still use the beta version (< 1.0.0) read [the migration guide](https://norserium.github.io/vue-advanced-cropper/introduction/migration.html).
**WARNING!** If you still use the beta version (< 1.0.0) read [the migration guide](https://norserium.github.io/vue-advanced-cropper/introduction/migration.html).

@@ -117,9 +117,9 @@ ---

| transitions | `Boolean` | Enable / disable auto zoom | `true`
| stencilSize | `Object ` | The size of the stencil in pixels |
| stencilSize | `Object ` | The size of the stencil in pixels |
| debounce | `String`, `Number` | The time before change event will be emitted after changes (ms) | `500`
| canvas | `Boolean` | The flag that indicates if canvas should be used | `true`
| minWidth | `String`, `Number` | The minimum width of the stencil (percents) |
| minHeight | `String`, `Number` | The minimum height of the stencil (percents) |
| maxWidth | `String`, `Number` | The maximum width of the stencil (percents) |
| maxHeight | `String`, `Number` | The maximum height of the stencil (percents) |
| minWidth | `String`, `Number` | The minimum width of the stencil (percents) |
| minHeight | `String`, `Number` | The minimum height of the stencil (percents) |
| maxWidth | `String`, `Number` | The maximum width of the stencil (percents) |
| maxHeight | `String`, `Number` | The maximum height of the stencil (percents) |
| checkOrientation | `Boolean` | Check if EXIF orientation should be checked | `true`

@@ -132,5 +132,5 @@ | resizeImage | `Boolean`, `Object` | The options for the image resizing ([details](https://norserium.github.io/vue-advanced-cropper/components/cropper.html#resizeimage)) | `true`

| defaultBoundaries | `String`, `Function` | The function that determines the boundaries size or string (`'fill'`, `'fit'`) | `'fill'`
| sizeRestrictionsAlgorithm | `Function` | The function that returns the restrictions object |
| sizeRestrictionsAlgorithm | `Function` | The function that returns the restrictions object |
| Event | Description

@@ -141,6 +141,6 @@ | ------------------------ | --------------------------------------------------------------

| error | Invoked on error of an image loading
## RectangleStencil
| Prop | Type | Description | Default

@@ -147,0 +147,0 @@ | ------------------------ | ------------------- | -------------------------------------------------------------- | ---------------

@@ -187,2 +187,4 @@ import { DefineComponent } from 'vue';

export declare const TransformableImage: DefineComponent<any>;
export declare const Preview: DefineComponent<

@@ -189,0 +191,0 @@ any,

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc