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

Comparing version 25.1.37 to 25.1.38

CHANGELOG.md

@@ -9,3 +9,14 @@ # Changelog
 
+- `#I875625` - The issue with "need to add all default toolbar items in `API` link" has been resolved.
+
+## 25.1.37 (2024-03-26)
+
+### Image Editor
+
+#### Bug Fixes
+
+- `#I567703` - The issue with "Script error thrown in ProfilePicture ImageEditor sample on a mobile device" has been resolved.
 - `#I565340` - The issue with "Script error thrown when attempting to reopen a base64 URL using a custom toolbar in mobile mode" has been resolved.
+- `#I566745` - The issue with "FontSize is not updated properly while using the updateShape method" has been resolved.
+- `#I570160` - "Provide the option to change stroke color for annotations using the shapeChanging event at the beginning of the toolbar render" has been completed.
 
@@ -12,0 +23,0 @@ ## 25.1.35 (2024-03-15)

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

 /*!
 *  filename: ej2-vue-image-editor.umd.min.js
-*  version : 25.1.37
+*  version : 25.1.38
 *  Copyright Syncfusion Inc. 2001 - 2023. 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","fontFamily","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","shapeChange","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{ej2Instances: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)},canRedo:function(){return this.ej2Instances.canRedo()},canUndo:function(){return this.ej2Instances.canUndo()},clearSelection:function(e){return this.ej2Instances.clearSelection(e)},cloneShape:function(e){return this.ej2Instances.cloneShape(e)},crop:function(){return this.ej2Instances.crop()},deleteShape:function(e){return this.ej2Instances.deleteShape(e)},drawArrow:function(e,t,n,s,i,a,r,o,c){return this.ej2Instances.drawArrow(e,t,n,s,i,a,r,o,c)},drawEllipse:function(e,t,n,s,i,a,r,o,c){return this.ej2Instances.drawEllipse(e,t,n,s,i,a,r,o,c)},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,o,c){return this.ej2Instances.drawImage(e,t,n,s,i,a,r,o,c)},drawLine:function(e,t,n,s,i,a,r){return this.ej2Instances.drawLine(e,t,n,s,i,a,r)},drawPath:function(e,t,n,s){return this.ej2Instances.drawPath(e,t,n,s)},drawRectangle:function(e,t,n,s,i,a,r,o,c){return this.ej2Instances.drawRectangle(e,t,n,s,i,a,r,o,c)},drawText:function(e,t,n,s,i,a,r,o,c){return this.ej2Instances.drawText(e,t,n,s,i,a,r,o,c)},enableTextEditing:function(){return this.ej2Instances.enableTextEditing()},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()},getImageFilter:function(e){return this.ej2Instances.getImageFilter(e)},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)},straightenImage:function(e){return this.ej2Instances.straightenImage(e)},undo:function(){return this.ej2Instances.undo()},update:function(){return this.ej2Instances.update()},updateShape:function(e,t){return this.ej2Instances.updateShape(e,t)},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","fontFamily","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","shapeChange","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{ej2Instances: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)},canRedo:function(){return this.ej2Instances.canRedo()},canUndo:function(){return this.ej2Instances.canUndo()},clearSelection:function(e){return this.ej2Instances.clearSelection(e)},cloneShape:function(e){return this.ej2Instances.cloneShape(e)},crop:function(){return this.ej2Instances.crop()},deleteShape:function(e){return this.ej2Instances.deleteShape(e)},drawArrow:function(e,t,n,s,i,a,r,o,c){return this.ej2Instances.drawArrow(e,t,n,s,i,a,r,o,c)},drawEllipse:function(e,t,n,s,i,a,r,o,c){return this.ej2Instances.drawEllipse(e,t,n,s,i,a,r,o,c)},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,o,c){return this.ej2Instances.drawImage(e,t,n,s,i,a,r,o,c)},drawLine:function(e,t,n,s,i,a,r){return this.ej2Instances.drawLine(e,t,n,s,i,a,r)},drawPath:function(e,t,n,s){return this.ej2Instances.drawPath(e,t,n,s)},drawRectangle:function(e,t,n,s,i,a,r,o,c){return this.ej2Instances.drawRectangle(e,t,n,s,i,a,r,o,c)},drawText:function(e,t,n,s,i,a,r,o,c){return this.ej2Instances.drawText(e,t,n,s,i,a,r,o,c)},enableTextEditing:function(){return this.ej2Instances.enableTextEditing()},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()},getImageFilter:function(e){return this.ej2Instances.getImageFilter(e)},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,t,n){return this.ej2Instances.pan(e,t,n)},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)},straightenImage:function(e){return this.ej2Instances.straightenImage(e)},undo:function(){return this.ej2Instances.undo()},update:function(){return this.ej2Instances.update()},updateShape:function(e,t){return this.ej2Instances.updateShape(e,t)},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

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

@@ -186,4 +186,4 @@ import { ImageEditor } from '@syncfusion/ej2-image-editor';
         },
-        pan(value) {
-            return this.ej2Instances.pan(value);
+        pan(value, x, y) {
+            return this.ej2Instances.pan(value, x, y);
         },
@@ -190,0 +190,0 @@ redo() {

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

@@ -190,4 +190,4 @@ import { ImageEditor } from '@syncfusion/ej2-image-editor';
         },
-        pan: function (value) {
-            return this.ej2Instances.pan(value);
+        pan: function (value, x, y) {
+            return this.ej2Instances.pan(value, x, y);
         },
@@ -194,0 +194,0 @@ redo: function () {

package.json

 {
   "_from": "@syncfusion/ej2-vue-image-editor@*",
-  "_id": "@syncfusion/ej2-vue-image-editor@25.1.35",
+  "_id": "@syncfusion/ej2-vue-image-editor@25.1.37",
   "_inBundle": false,
-  "_integrity": "sha512-wc7IAQIs9DbCkmSCyukKtKSU7Hduw2EofuNzsKcuwWtV7p+cmc3gZFga3lbNFeFJkwYguqkWtEBaOLLcaifsuA==",
+  "_integrity": "sha512-dpU6MJbVYyBveV7p3r83owubzIDut5myFc/Hcka+4BKszFGcMPvOknM4H4yiK7LED331vMxKh5cWQb3gle1mMg==",
   "_location": "/@syncfusion/ej2-vue-image-editor",
@@ -22,4 +22,4 @@ "_phantomChildren": {},
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-image-editor/-/ej2-vue-image-editor-25.1.35.tgz",
-  "_shasum": "7ad28adfb8c25b0a713b4c48cecfa3a6960897e5",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-image-editor/-/ej2-vue-image-editor-25.1.37.tgz",
+  "_shasum": "96b49c863e79100bb113a41010bf4583ae43627a",
   "_spec": "@syncfusion/ej2-vue-image-editor@*",
@@ -36,3 +36,3 @@ "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
     "@syncfusion/ej2-base": "~25.1.35",
-    "@syncfusion/ej2-image-editor": "25.1.37",
+    "@syncfusion/ej2-image-editor": "25.1.38",
     "@syncfusion/ej2-vue-base": "~25.1.35"
@@ -65,4 +65,4 @@ },
   },
-  "version": "25.1.37",
+  "version": "25.1.38",
   "sideEffects": false
 }

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

@@ -57,3 +57,3 @@ import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
     open(data: string | Object): void;
-    pan(value: boolean): void;
+    pan(value: boolean, x?: number, y?: number): void;
     redo(): void;
@@ -60,0 +60,0 @@ reset(): void;

src/image-editor/imageeditor.component.js

@@ -187,4 +187,4 @@ import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
         },
-        pan: function (value) {
-            return this.ej2Instances.pan(value);
+        pan: function (value, x, y) {
+            return this.ej2Instances.pan(value, x, y);
         },
@@ -191,0 +191,0 @@ redo: function () {

No alert changes

Improved metrics

Total package byte prevSize

122852

0.64%

Dependency changes

• + Added

  @syncfusion/ej2-image-editor@25.1.38
  (transitive)

• - Removed

  @syncfusion/ej2-image-editor@25.1.37
  (transitive)

• Updated

  @syncfusion/ej2-image-editor@25.1.38