You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP →
Socket
Book a DemoInstallSign in
Socket
Book a DemoInstallSign in

@syncfusion/ej2-vue-image-editor

Package Overview
Dependencies
Maintainers
3
Versions
89
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@syncfusion/ej2-vue-image-editor - npm Package Compare versions

Comparing version

22.2.11
to
23.1.36

10

CHANGELOG.md

@@ -5,2 +5,12 @@ # Changelog

### ImageEditor
#### Features
- Provided support for image annotations allowing users to insert and display multiple images in addition to the main image they are editing.
- Provided support for frames allowing users to add decorative borders or frames around images. Frames can enhance the visual appeal of an image..
- Provided resizing support allowing users to adjust the size and dimensions of an image to suit their needs, such as printing, web display, or other purposes.
## 22.2.11 (2023-08-29)
### Image Editor

@@ -7,0 +17,0 @@

4

dist/ej2-vue-image-editor.umd.min.js
/*!
* filename: ej2-vue-image-editor.umd.min.js
* version : 22.2.11
* version : 23.1.36
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.

@@ -10,3 +10,3 @@ * Use of this code is subject to the terms of our license.

*/
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-image-editor"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-image-editor","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2ImageEditor,e.ej2VueBase,e.ej2Base)}(this,function(e,t,n,s){"use strict";var i=["isLazyUpdate","plugins","allowUndoRedo","cssClass","disabled","enablePersistence","enableRtl","finetuneSettings","height","isReadOnly","locale","quickAccessToolbarTemplate","selectionSettings","showQuickAccessToolbar","theme","toolbar","toolbarTemplate","width","zoomSettings","beforeSave","click","created","cropping","destroyed","fileOpened","finetuneValueChanging","flipping","imageFiltering","panning","quickAccessToolbarItemClick","quickAccessToolbarOpen","rotating","saved","selectionChanging","shapeChanging","toolbarCreated","toolbarItemClicked","toolbarUpdating","zooming"],a=[],r=n.getProps({props:i}),o=r[0],c=r[1],u=Object.keys(c);u.push("modelchanged","update:modelValue");for(var l=0,h=a;l<h.length;l++){var d=h[l];u.push("update:"+d)}var p=n.vueDefineComponent({name:"ImageEditorComponent",mixins:[n.ComponentBase],props:o,watch:c,emits:u,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instance:new t.ImageEditor({}),propKeys:i,models:a,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!n.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=n.isExecute?e:n.gh,i=null;return s.isNullOrUndefined(this.$slots.default)||(i=n.isExecute?this.$slots.default:this.$slots.default()),t("div",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var i=n[t],a=this.templateCollection[i];if(a&&a.length){for(var r=0,o=a;r<o.length;r++){var c=o[r];s.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var n=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(s){t!==s||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(n.$emit("update:"+t,e[t]),n.$emit("modelchanged",e[t])))})})},custom:function(){this.updated()},applyImageFilter:function(e){return this.ej2Instances.applyImageFilter(e)},clearSelection:function(){return this.ej2Instances.clearSelection()},crop:function(){return this.ej2Instances.crop()},deleteShape:function(e){return this.ej2Instances.deleteShape(e)},drawArrow:function(e,t,n,s,i,a,r,o){return this.ej2Instances.drawArrow(e,t,n,s,i,a,r,o)},drawEllipse:function(e,t,n,s,i,a,r){return this.ej2Instances.drawEllipse(e,t,n,s,i,a,r)},drawLine:function(e,t,n,s,i,a){return this.ej2Instances.drawLine(e,t,n,s,i,a)},drawPath:function(e,t,n){return this.ej2Instances.drawPath(e,t,n)},drawRectangle:function(e,t,n,s,i,a,r){return this.ej2Instances.drawRectangle(e,t,n,s,i,a,r)},drawText:function(e,t,n,s,i,a,r,o){return this.ej2Instances.drawText(e,t,n,s,i,a,r,o)},export:function(e,t){return this.ej2Instances.export(e,t)},finetuneImage:function(e,t){return this.ej2Instances.finetuneImage(e,t)},flip:function(e){return this.ej2Instances.flip(e)},freehandDraw:function(e){return this.ej2Instances.freehandDraw(e)},getImageData:function(){return this.ej2Instances.getImageData()},getImageDimension:function(){return this.ej2Instances.getImageDimension()},getShapeSetting:function(e){return this.ej2Instances.getShapeSetting(e)},getShapeSettings:function(){return this.ej2Instances.getShapeSettings()},initialize:function(){return this.ej2Instances.initialize()},open:function(e){return this.ej2Instances.open(e)},pan:function(e){return this.ej2Instances.pan(e)},redo:function(){return this.ej2Instances.redo()},reset:function(){return this.ej2Instances.reset()},rotate:function(e){return this.ej2Instances.rotate(e)},select:function(e,t,n,s,i){return this.ej2Instances.select(e,t,n,s,i)},selectShape:function(e){return this.ej2Instances.selectShape(e)},undo:function(){return this.ej2Instances.undo()},update:function(){return this.ej2Instances.update()},zoom:function(e,t){return this.ej2Instances.zoom(e,t)}}}),f={name:"ejs-imageeditor",install:function(e){e.component(f.name,p)}};e.ImageEditorComponent=p,e.ImageEditorPlugin=f,Object.keys(t).forEach(function(n){e[n]=t[n]}),Object.defineProperty(e,"__esModule",{value:!0})});
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-image-editor"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-image-editor","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2ImageEditor,e.ej2VueBase,e.ej2Base)}(this,function(e,t,n,s){"use strict";var i=["isLazyUpdate","plugins","allowUndoRedo","cssClass","disabled","enablePersistence","enableRtl","finetuneSettings","height","isReadOnly","locale","quickAccessToolbarTemplate","selectionSettings","showQuickAccessToolbar","theme","toolbar","toolbarTemplate","width","zoomSettings","beforeSave","click","created","cropping","destroyed","fileOpened","finetuneValueChanging","flipping","frameChange","imageFiltering","panning","quickAccessToolbarItemClick","quickAccessToolbarOpen","resizing","rotating","saved","selectionChanging","shapeChanging","toolbarCreated","toolbarItemClicked","toolbarUpdating","zooming"],a=[],r=n.getProps({props:i}),o=r[0],c=r[1],u=Object.keys(c);u.push("modelchanged","update:modelValue");for(var l=0,h=a;l<h.length;l++){var d=h[l];u.push("update:"+d)}var p=n.vueDefineComponent({name:"ImageEditorComponent",mixins:[n.ComponentBase],props:o,watch:c,emits:u,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instance:new t.ImageEditor({}),propKeys:i,models:a,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!n.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=n.isExecute?e:n.gh,i=null;return s.isNullOrUndefined(this.$slots.default)||(i=n.isExecute?this.$slots.default:this.$slots.default()),t("div",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var i=n[t],a=this.templateCollection[i];if(a&&a.length){for(var r=0,o=a;r<o.length;r++){var c=o[r];s.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var n=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(s){t!==s||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(n.$emit("update:"+t,e[t]),n.$emit("modelchanged",e[t])))})})},custom:function(){this.updated()},applyImageFilter:function(e){return this.ej2Instances.applyImageFilter(e)},clearSelection:function(){return this.ej2Instances.clearSelection()},crop:function(){return this.ej2Instances.crop()},deleteShape:function(e){return this.ej2Instances.deleteShape(e)},drawArrow:function(e,t,n,s,i,a,r,o){return this.ej2Instances.drawArrow(e,t,n,s,i,a,r,o)},drawEllipse:function(e,t,n,s,i,a,r,o){return this.ej2Instances.drawEllipse(e,t,n,s,i,a,r,o)},drawFrame:function(e,t,n,s,i,a,r,o,c){return this.ej2Instances.drawFrame(e,t,n,s,i,a,r,o,c)},drawImage:function(e,t,n,s,i,a,r){return this.ej2Instances.drawImage(e,t,n,s,i,a,r)},drawLine:function(e,t,n,s,i,a){return this.ej2Instances.drawLine(e,t,n,s,i,a)},drawPath:function(e,t,n){return this.ej2Instances.drawPath(e,t,n)},drawRectangle:function(e,t,n,s,i,a,r,o){return this.ej2Instances.drawRectangle(e,t,n,s,i,a,r,o)},drawText:function(e,t,n,s,i,a,r,o){return this.ej2Instances.drawText(e,t,n,s,i,a,r,o)},export:function(e,t){return this.ej2Instances.export(e,t)},finetuneImage:function(e,t){return this.ej2Instances.finetuneImage(e,t)},flip:function(e){return this.ej2Instances.flip(e)},freehandDraw:function(e){return this.ej2Instances.freehandDraw(e)},getImageData:function(){return this.ej2Instances.getImageData()},getImageDimension:function(){return this.ej2Instances.getImageDimension()},getShapeSetting:function(e){return this.ej2Instances.getShapeSetting(e)},getShapeSettings:function(){return this.ej2Instances.getShapeSettings()},initialize:function(){return this.ej2Instances.initialize()},open:function(e){return this.ej2Instances.open(e)},pan:function(e){return this.ej2Instances.pan(e)},redo:function(){return this.ej2Instances.redo()},reset:function(){return this.ej2Instances.reset()},resize:function(e,t,n){return this.ej2Instances.resize(e,t,n)},rotate:function(e){return this.ej2Instances.rotate(e)},select:function(e,t,n,s,i){return this.ej2Instances.select(e,t,n,s,i)},selectShape:function(e){return this.ej2Instances.selectShape(e)},undo:function(){return this.ej2Instances.undo()},update:function(){return this.ej2Instances.update()},zoom:function(e,t){return this.ej2Instances.zoom(e,t)}}}),f={name:"ejs-imageeditor",install:function(e){e.component(f.name,p)}};e.ImageEditorComponent=p,e.ImageEditorPlugin=f,Object.keys(t).forEach(function(n){e[n]=t[n]}),Object.defineProperty(e,"__esModule",{value:!0})});
//# sourceMappingURL=ej2-vue-image-editor.umd.min.js.map

19

dist/es6/ej2-vue-image-editor.es2015.js

@@ -5,3 +5,3 @@ import { ImageEditor } from '@syncfusion/ej2-image-editor';

const properties = ['isLazyUpdate', 'plugins', 'allowUndoRedo', 'cssClass', 'disabled', 'enablePersistence', 'enableRtl', 'finetuneSettings', 'height', 'isReadOnly', 'locale', 'quickAccessToolbarTemplate', 'selectionSettings', 'showQuickAccessToolbar', 'theme', 'toolbar', 'toolbarTemplate', 'width', 'zoomSettings', 'beforeSave', 'click', 'created', 'cropping', 'destroyed', 'fileOpened', 'finetuneValueChanging', 'flipping', 'imageFiltering', 'panning', 'quickAccessToolbarItemClick', 'quickAccessToolbarOpen', 'rotating', 'saved', 'selectionChanging', 'shapeChanging', 'toolbarCreated', 'toolbarItemClicked', 'toolbarUpdating', 'zooming'];
const properties = ['isLazyUpdate', 'plugins', 'allowUndoRedo', 'cssClass', 'disabled', 'enablePersistence', 'enableRtl', 'finetuneSettings', 'height', 'isReadOnly', 'locale', 'quickAccessToolbarTemplate', 'selectionSettings', 'showQuickAccessToolbar', 'theme', 'toolbar', 'toolbarTemplate', 'width', 'zoomSettings', 'beforeSave', 'click', 'created', 'cropping', 'destroyed', 'fileOpened', 'finetuneValueChanging', 'flipping', 'frameChange', 'imageFiltering', 'panning', 'quickAccessToolbarItemClick', 'quickAccessToolbarOpen', 'resizing', 'rotating', 'saved', 'selectionChanging', 'shapeChanging', 'toolbarCreated', 'toolbarItemClicked', 'toolbarUpdating', 'zooming'];
const modelProps = [];

@@ -121,5 +121,11 @@ const testProp = getProps({ props: properties });

},
drawEllipse(x, y, radiusX, radiusY, strokeWidth, strokeColor, fillColor) {
return this.ej2Instances.drawEllipse(x, y, radiusX, radiusY, strokeWidth, strokeColor, fillColor);
drawEllipse(x, y, radiusX, radiusY, strokeWidth, strokeColor, fillColor, degree) {
return this.ej2Instances.drawEllipse(x, y, radiusX, radiusY, strokeWidth, strokeColor, fillColor, degree);
},
drawFrame(frameType, color, gradientColor, size, inset, offset, borderRadius, frameLineStyle, lineCount) {
return this.ej2Instances.drawFrame(frameType, color, gradientColor, size, inset, offset, borderRadius, frameLineStyle, lineCount);
},
drawImage(data, x, y, width, height, isAspectRatio, degree) {
return this.ej2Instances.drawImage(data, x, y, width, height, isAspectRatio, degree);
},
drawLine(startX, startY, endX, endY, strokeWidth, strokeColor) {

@@ -131,4 +137,4 @@ return this.ej2Instances.drawLine(startX, startY, endX, endY, strokeWidth, strokeColor);

},
drawRectangle(x, y, width, height, strokeWidth, strokeColor, fillColor) {
return this.ej2Instances.drawRectangle(x, y, width, height, strokeWidth, strokeColor, fillColor);
drawRectangle(x, y, width, height, strokeWidth, strokeColor, fillColor, degree) {
return this.ej2Instances.drawRectangle(x, y, width, height, strokeWidth, strokeColor, fillColor, degree);
},

@@ -177,2 +183,5 @@ drawText(x, y, text, fontFamily, fontSize, bold, italic, color) {

},
resize(width, height, isAspectRatio) {
return this.ej2Instances.resize(width, height, isAspectRatio);
},
rotate(degree) {

@@ -179,0 +188,0 @@ return this.ej2Instances.rotate(degree);

19

dist/es6/ej2-vue-image-editor.es5.js

@@ -5,3 +5,3 @@ import { ImageEditor } from '@syncfusion/ej2-image-editor';

var properties = ['isLazyUpdate', 'plugins', 'allowUndoRedo', 'cssClass', 'disabled', 'enablePersistence', 'enableRtl', 'finetuneSettings', 'height', 'isReadOnly', 'locale', 'quickAccessToolbarTemplate', 'selectionSettings', 'showQuickAccessToolbar', 'theme', 'toolbar', 'toolbarTemplate', 'width', 'zoomSettings', 'beforeSave', 'click', 'created', 'cropping', 'destroyed', 'fileOpened', 'finetuneValueChanging', 'flipping', 'imageFiltering', 'panning', 'quickAccessToolbarItemClick', 'quickAccessToolbarOpen', 'rotating', 'saved', 'selectionChanging', 'shapeChanging', 'toolbarCreated', 'toolbarItemClicked', 'toolbarUpdating', 'zooming'];
var properties = ['isLazyUpdate', 'plugins', 'allowUndoRedo', 'cssClass', 'disabled', 'enablePersistence', 'enableRtl', 'finetuneSettings', 'height', 'isReadOnly', 'locale', 'quickAccessToolbarTemplate', 'selectionSettings', 'showQuickAccessToolbar', 'theme', 'toolbar', 'toolbarTemplate', 'width', 'zoomSettings', 'beforeSave', 'click', 'created', 'cropping', 'destroyed', 'fileOpened', 'finetuneValueChanging', 'flipping', 'frameChange', 'imageFiltering', 'panning', 'quickAccessToolbarItemClick', 'quickAccessToolbarOpen', 'resizing', 'rotating', 'saved', 'selectionChanging', 'shapeChanging', 'toolbarCreated', 'toolbarItemClicked', 'toolbarUpdating', 'zooming'];
var modelProps = [];

@@ -125,5 +125,11 @@ var testProp = getProps({ props: properties });

},
drawEllipse: function (x, y, radiusX, radiusY, strokeWidth, strokeColor, fillColor) {
return this.ej2Instances.drawEllipse(x, y, radiusX, radiusY, strokeWidth, strokeColor, fillColor);
drawEllipse: function (x, y, radiusX, radiusY, strokeWidth, strokeColor, fillColor, degree) {
return this.ej2Instances.drawEllipse(x, y, radiusX, radiusY, strokeWidth, strokeColor, fillColor, degree);
},
drawFrame: function (frameType, color, gradientColor, size, inset, offset, borderRadius, frameLineStyle, lineCount) {
return this.ej2Instances.drawFrame(frameType, color, gradientColor, size, inset, offset, borderRadius, frameLineStyle, lineCount);
},
drawImage: function (data, x, y, width, height, isAspectRatio, degree) {
return this.ej2Instances.drawImage(data, x, y, width, height, isAspectRatio, degree);
},
drawLine: function (startX, startY, endX, endY, strokeWidth, strokeColor) {

@@ -135,4 +141,4 @@ return this.ej2Instances.drawLine(startX, startY, endX, endY, strokeWidth, strokeColor);

},
drawRectangle: function (x, y, width, height, strokeWidth, strokeColor, fillColor) {
return this.ej2Instances.drawRectangle(x, y, width, height, strokeWidth, strokeColor, fillColor);
drawRectangle: function (x, y, width, height, strokeWidth, strokeColor, fillColor, degree) {
return this.ej2Instances.drawRectangle(x, y, width, height, strokeWidth, strokeColor, fillColor, degree);
},

@@ -181,2 +187,5 @@ drawText: function (x, y, text, fontFamily, fontSize, bold, italic, color) {

},
resize: function (width, height, isAspectRatio) {
return this.ej2Instances.resize(width, height, isAspectRatio);
},
rotate: function (degree) {

@@ -183,0 +192,0 @@ return this.ej2Instances.rotate(degree);

18

package.json
{
"_from": "@syncfusion/ej2-vue-image-editor@*",
"_id": "@syncfusion/ej2-vue-image-editor@22.2.10",
"_id": "@syncfusion/ej2-vue-image-editor@20.18.0",
"_inBundle": false,
"_integrity": "sha512-D/DCr7FKyVetp2RMIYDGOQKsKBipPRStM60rPE1dgfZ9MzgvKQ++GJhGoBt6qHyqX1p5uRFyZcZ679P0ZVTmcA==",
"_integrity": "sha512-gHOBkmHNQ+Fwh62uDCXvtIJHwpcg25SBg1k2PAB8DlXkpsBFEgrtxVoxhEsQDGUNy/JNDf3EZo3HvM7dOZptHw==",
"_location": "/@syncfusion/ej2-vue-image-editor",

@@ -22,6 +22,6 @@ "_phantomChildren": {},

],
"_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-image-editor/-/ej2-vue-image-editor-22.2.10.tgz",
"_shasum": "e1f65e85ad03a3ae04e8e9931b1268ed1cf9716d",
"_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-image-editor/-/ej2-vue-image-editor-20.18.0.tgz",
"_shasum": "257f01dbb77bd813363d7dcdf0edfa5bf26b0f65",
"_spec": "@syncfusion/ej2-vue-image-editor@*",
"_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
"_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
"author": {

@@ -35,5 +35,5 @@ "name": "Syncfusion Inc."

"dependencies": {
"@syncfusion/ej2-base": "~22.2.10",
"@syncfusion/ej2-image-editor": "22.2.11",
"@syncfusion/ej2-vue-base": "~22.2.5"
"@syncfusion/ej2-base": "~23.1.36",
"@syncfusion/ej2-image-editor": "23.1.36",
"@syncfusion/ej2-vue-base": "~23.1.36"
},

@@ -65,4 +65,4 @@ "deprecated": false,

},
"version": "22.2.11",
"version": "23.1.36",
"sideEffects": false
}

4

src/image-editor/imageeditor.component.d.ts

@@ -0,1 +1,3 @@

import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
import { ImageEditorModel } from '@syncfusion/ej2-image-editor';
export declare const properties: string[];

@@ -11,3 +13,3 @@ export declare const modelProps: string[];

*/
export declare let ImageEditorComponent: any;
export declare let ImageEditorComponent: DefineVueComponent<ImageEditorModel>;
export declare type ImageEditorComponent = InstanceType<typeof ImageEditorComponent>;

@@ -14,0 +16,0 @@ export declare const ImageEditorPlugin: {

19

src/image-editor/imageeditor.component.js
import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
import { ImageEditor } from '@syncfusion/ej2-image-editor';
export var properties = ['isLazyUpdate', 'plugins', 'allowUndoRedo', 'cssClass', 'disabled', 'enablePersistence', 'enableRtl', 'finetuneSettings', 'height', 'isReadOnly', 'locale', 'quickAccessToolbarTemplate', 'selectionSettings', 'showQuickAccessToolbar', 'theme', 'toolbar', 'toolbarTemplate', 'width', 'zoomSettings', 'beforeSave', 'click', 'created', 'cropping', 'destroyed', 'fileOpened', 'finetuneValueChanging', 'flipping', 'imageFiltering', 'panning', 'quickAccessToolbarItemClick', 'quickAccessToolbarOpen', 'rotating', 'saved', 'selectionChanging', 'shapeChanging', 'toolbarCreated', 'toolbarItemClicked', 'toolbarUpdating', 'zooming'];
export var properties = ['isLazyUpdate', 'plugins', 'allowUndoRedo', 'cssClass', 'disabled', 'enablePersistence', 'enableRtl', 'finetuneSettings', 'height', 'isReadOnly', 'locale', 'quickAccessToolbarTemplate', 'selectionSettings', 'showQuickAccessToolbar', 'theme', 'toolbar', 'toolbarTemplate', 'width', 'zoomSettings', 'beforeSave', 'click', 'created', 'cropping', 'destroyed', 'fileOpened', 'finetuneValueChanging', 'flipping', 'frameChange', 'imageFiltering', 'panning', 'quickAccessToolbarItemClick', 'quickAccessToolbarOpen', 'resizing', 'rotating', 'saved', 'selectionChanging', 'shapeChanging', 'toolbarCreated', 'toolbarItemClicked', 'toolbarUpdating', 'zooming'];
export var modelProps = [];

@@ -121,5 +121,11 @@ export var testProp = getProps({ props: properties });

},
drawEllipse: function (x, y, radiusX, radiusY, strokeWidth, strokeColor, fillColor) {
return this.ej2Instances.drawEllipse(x, y, radiusX, radiusY, strokeWidth, strokeColor, fillColor);
drawEllipse: function (x, y, radiusX, radiusY, strokeWidth, strokeColor, fillColor, degree) {
return this.ej2Instances.drawEllipse(x, y, radiusX, radiusY, strokeWidth, strokeColor, fillColor, degree);
},
drawFrame: function (frameType, color, gradientColor, size, inset, offset, borderRadius, frameLineStyle, lineCount) {
return this.ej2Instances.drawFrame(frameType, color, gradientColor, size, inset, offset, borderRadius, frameLineStyle, lineCount);
},
drawImage: function (data, x, y, width, height, isAspectRatio, degree) {
return this.ej2Instances.drawImage(data, x, y, width, height, isAspectRatio, degree);
},
drawLine: function (startX, startY, endX, endY, strokeWidth, strokeColor) {

@@ -131,4 +137,4 @@ return this.ej2Instances.drawLine(startX, startY, endX, endY, strokeWidth, strokeColor);

},
drawRectangle: function (x, y, width, height, strokeWidth, strokeColor, fillColor) {
return this.ej2Instances.drawRectangle(x, y, width, height, strokeWidth, strokeColor, fillColor);
drawRectangle: function (x, y, width, height, strokeWidth, strokeColor, fillColor, degree) {
return this.ej2Instances.drawRectangle(x, y, width, height, strokeWidth, strokeColor, fillColor, degree);
},

@@ -177,2 +183,5 @@ drawText: function (x, y, text, fontFamily, fontSize, bold, italic, color) {

},
resize: function (width, height, isAspectRatio) {
return this.ej2Instances.resize(width, height, isAspectRatio);
},
rotate: function (degree) {

@@ -179,0 +188,0 @@ return this.ej2Instances.rotate(degree);

dist/ej2-vue-image-editor.umd.min.js.map

Sorry, the diff of this file is not supported yet

dist/es6/ej2-vue-image-editor.es2015.js.map

Sorry, the diff of this file is not supported yet

dist/es6/ej2-vue-image-editor.es5.js.map

Sorry, the diff of this file is not supported yet

styles/bootstrap-dark.css

Sorry, the diff of this file is not supported yet

styles/bootstrap.css

Sorry, the diff of this file is not supported yet

styles/bootstrap4.css

Sorry, the diff of this file is not supported yet

styles/bootstrap5-dark.css

Sorry, the diff of this file is not supported yet

styles/bootstrap5.css

Sorry, the diff of this file is not supported yet

styles/fabric-dark.css

Sorry, the diff of this file is not supported yet

styles/fabric.css

Sorry, the diff of this file is not supported yet

styles/fluent-dark.css

Sorry, the diff of this file is not supported yet

styles/fluent.css

Sorry, the diff of this file is not supported yet

styles/highcontrast-light.css

Sorry, the diff of this file is not supported yet

styles/highcontrast.css

Sorry, the diff of this file is not supported yet

styles/image-editor/bootstrap-dark.css

Sorry, the diff of this file is not supported yet

styles/image-editor/bootstrap.css

Sorry, the diff of this file is not supported yet

styles/image-editor/bootstrap4.css

Sorry, the diff of this file is not supported yet

styles/image-editor/bootstrap5-dark.css

Sorry, the diff of this file is not supported yet

styles/image-editor/bootstrap5.css

Sorry, the diff of this file is not supported yet

styles/image-editor/fabric-dark.css

Sorry, the diff of this file is not supported yet

styles/image-editor/fabric.css

Sorry, the diff of this file is not supported yet

styles/image-editor/fluent-dark.css

Sorry, the diff of this file is not supported yet

styles/image-editor/fluent.css

Sorry, the diff of this file is not supported yet

styles/image-editor/highcontrast-light.css

Sorry, the diff of this file is not supported yet

styles/image-editor/highcontrast.css

Sorry, the diff of this file is not supported yet

styles/image-editor/material-dark.css

Sorry, the diff of this file is not supported yet

styles/image-editor/material.css

Sorry, the diff of this file is not supported yet

styles/image-editor/material3-dark.css

Sorry, the diff of this file is not supported yet

styles/image-editor/material3-dark.scss

Sorry, the diff of this file is not supported yet

styles/image-editor/material3.css

Sorry, the diff of this file is not supported yet

styles/image-editor/material3.scss

Sorry, the diff of this file is not supported yet

styles/image-editor/tailwind-dark.css

Sorry, the diff of this file is not supported yet

styles/image-editor/tailwind.css

Sorry, the diff of this file is not supported yet

styles/material-dark.css

Sorry, the diff of this file is not supported yet

styles/material.css

Sorry, the diff of this file is not supported yet

styles/material3-dark.css

Sorry, the diff of this file is not supported yet

styles/material3.css

Sorry, the diff of this file is not supported yet

styles/tailwind-dark.css

Sorry, the diff of this file is not supported yet

styles/tailwind.css

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

About

Packages

Explore npm
Explore Cargo
Explore Go
Explore Maven
Explore NuGet
Explore PyPI
Explore Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc

U.S. Patent No. 12,346,443 & 12,314,394. Other pending.