@syncfusion/ej2-image-editor 23.2.5 → 23.2.7

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

@@ -7129,8 +7129,14 @@ var FreehandDrawing = /** @__PURE__ @class */ (function () {
         if (isBlazor() && parent.events && parent.events.shapeChanging.hasDelegate === true) {
             /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
             parent.dotNetRef.invokeMethodAsync('ShapeEventAsync', 'OnShape', shapeChangingArgs).then(function (shapeChangingArgs) {
-                parent.activeObj.strokeSettings.strokeColor = shapeChangingArgs.currentShapeSettings.strokeColor;
                 _this.penStrokeWidth = shapeChangingArgs.currentShapeSettings.strokeWidth;
+                if (parent.activeObj.strokeSettings.strokeColor !== shapeChangingArgs.currentShapeSettings.strokeColor) {
+                    parent.activeObj.strokeSettings.strokeColor = shapeChangingArgs.currentShapeSettings.strokeColor;
+                    var penColorElement = parent.element.querySelector('.e-ie-toolbar-e-pen-color .e-dropdownbtn-preview');
+                    if (penColorElement) {
+                        penColorElement.style.background = shapeChangingArgs.currentShapeSettings.strokeColor;
+                    }
+                }
                 if (_this.fhdSelID) {
                     parent.pointColl[_this.fhdSelIdx].strokeColor = shapeChangingArgs.currentShapeSettings.strokeColor;
                     parent.pointColl[_this.fhdSelIdx].strokeWidth = shapeChangingArgs.currentShapeSettings.strokeWidth;
@@ -7145,8 +7151,11 @@ var FreehandDrawing = /** @__PURE__ @class */ (function () {
         }
         else {
             parent.trigger('shapeChanging', shapeChangingArgs);
-            parent.activeObj.strokeSettings.strokeColor = shapeChangingArgs.currentShapeSettings.strokeColor;
             this.penStrokeWidth = shapeChangingArgs.currentShapeSettings.strokeWidth;
+            if (parent.activeObj.strokeSettings.strokeColor !== shapeChangingArgs.currentShapeSettings.strokeColor) {
+                parent.activeObj.strokeSettings.strokeColor = shapeChangingArgs.currentShapeSettings.strokeColor;
+                parent.notify('toolbar', { prop: 'update-toolbar-items', onPropertyChange: false });
+            }
             if (this.fhdSelID) {
                 parent.pointColl[this.fhdSelIdx].strokeColor = shapeChangingArgs.currentShapeSettings.strokeColor;
                 parent.pointColl[this.fhdSelIdx].strokeWidth = shapeChangingArgs.currentShapeSettings.strokeWidth;
@@ -11082,6 +11091,10 @@ var Selection = /** @__PURE__ @class */ (function () {
     Selection.prototype.performEnterAction = function (e) {
         var parent = this.parent;
         if (parent.isResize) {
+            var isValue = this.isValueUpdated();
+            if (!isValue) {
+                return;
+            }
             var point = this.getNumTextValue();
             var aspectRatioElement = this.parent.element.querySelector('#' + this.parent.element.id + '_aspectratio');
             var blrAspRatElem = this.parent.element.querySelector('.e-ie-toolbar-aspect-ratio-btn');
@@ -11111,15 +11124,19 @@ var Selection = /** @__PURE__ @class */ (function () {
                 var aspectRatioHeight = parent.element.querySelector('#' + parent.element.id + '_resizeHeight');
                 var aspectRatioWidth = parent.element.querySelector('#' + parent.element.id + '_resizeWidth');
                 if (isNullOrUndefined(aspectRatioElement)) {
-                    var elem = getComponent(aspectRatioHeight, 'numerictextbox');
-                    if (aspectRatioHeight && isNullOrUndefined(elem.value)) {
-                        elem.value = parseFloat(elem.placeholder);
-                        aspectRatioHeight.value = Math.floor(parent.img.destHeight).toString() + ' px';
-                    }
-                    elem = getComponent(aspectRatioWidth, 'numerictextbox');
-                    if (aspectRatioWidth && isNullOrUndefined(elem.value)) {
-                        elem.value = parseFloat(elem.placeholder);
-                        aspectRatioWidth.value = Math.floor(parent.img.destWidth).toString() + ' px';
+                    if (aspectRatioHeight) {
+                        var elem = getComponent(aspectRatioHeight, 'numerictextbox');
+                        if (aspectRatioHeight && isNullOrUndefined(elem.value)) {
+                            elem.value = parseFloat(elem.placeholder);
+                            aspectRatioHeight.value = Math.floor(parent.img.destHeight).toString() + ' px';
+                        }
+                    }
+                    if (aspectRatioWidth) {
+                        var elem = getComponent(aspectRatioWidth, 'numerictextbox');
+                        if (aspectRatioWidth && isNullOrUndefined(elem.value)) {
+                            elem.value = parseFloat(elem.placeholder);
+                            aspectRatioWidth.value = Math.floor(parent.img.destWidth).toString() + ' px';
+                        }
                     }
                 }
             }
@@ -12096,6 +12113,25 @@ var Selection = /** @__PURE__ @class */ (function () {
         }
         return { x: width, y: height };
     };
+    Selection.prototype.isValueUpdated = function () {
+        var isValue = true;
+        var widthElement;
+        var heightElement;
+        if (!isBlazor()) {
+            widthElement = this.parent.element.querySelector('#' + this.parent.element.id + '_resizeWidth');
+            heightElement = this.parent.element.querySelector('#' + this.parent.element.id + '_resizeHeight');
+        }
+        else {
+            widthElement = this.parent.element.querySelector('.e-ie-toolbar-e-resize-width-input .e-numerictextbox');
+            heightElement = this.parent.element.querySelector('.e-ie-toolbar-e-resize-height-input .e-numerictextbox');
+        }
+        if (widthElement && heightElement) {
+            if (heightElement.value.replace(/,/g, '') === '' && widthElement.value.replace(/,/g, '') === '') {
+                isValue = false;
+            }
+        }
+        return isValue;
+    };
     return Selection;
 }());
 
@@ -16634,7 +16670,8 @@ var Transform = /** @__PURE__ @class */ (function () {
         }
     };
     Transform.prototype.getCurrentZoomFactor = function (zoomFactor) {
-        return (zoomFactor - this.prevZoomValue) * 0.1;
+        return zoomFactor >= 1 ? (this.prevZoomValue < 1 ? (zoomFactor - this.prevZoomValue) : (zoomFactor - this.prevZoomValue) * 0.1) :
+            (zoomFactor - this.prevZoomValue);
     };
     Transform.prototype.setCurrPanRegion = function (region, type, obj) {
         var panRegion = region;
@@ -19281,6 +19318,7 @@ var ImageEditor = /** @__PURE__ @class */ (function (_super) {
             this.currentFilter = '';
             this.tempFrameZoomLevel = null;
             this.cxtTbarHeight = null;
+            this.aspectWidth = this.aspectHeight = null;
             var obj_1 = { initialZoomValue: false };
             this.notify('draw', { prop: 'getInitialZoomValue', onPropertyChange: false, value: { obj: obj_1 } });
             if (obj_1['initialZoomValue']) {
@@ -22414,13 +22452,17 @@ var ToolbarModule = /** @__PURE__ @class */ (function () {
     ToolbarModule.prototype.getResizeToolbarItem = function () {
         var toolbarItems = [];
         var isResize = this.parent.aspectWidth && this.parent.aspectHeight ? true : false;
+        var width = this.parent.transform.degree % 90 === 0 && this.parent.transform.degree % 180 !== 0 ?
+            Math.ceil(this.parent.img.srcHeight).toString() : Math.ceil(this.parent.img.srcWidth).toString();
+        var height = this.parent.transform.degree % 90 === 0 && this.parent.transform.degree % 180 !== 0 ?
+            Math.ceil(this.parent.img.srcWidth).toString() : Math.ceil(this.parent.img.srcHeight).toString();
         var spanWidth = document.createElement('span');
         spanWidth.innerHTML = this.l10n.getConstant('W');
         toolbarItems.push({ id: this.parent.element.id + '_width', cssClass: 'e-ie-resize-width', template: spanWidth, align: 'Center' });
         toolbarItems.push({ id: this.parent.element.id + '_resizeWidth', prefixIcon: 'e-icons e-anti-clock-wise',
             tooltipText: this.l10n.getConstant('Width'), align: 'Center', type: 'Input', template: new NumericTextBox({ width: 75, htmlAttributes: { maxLength: "4" },
                 showSpinButton: false, value: isResize ? this.parent.aspectWidth : null,
-                placeholder: isResize ? null : Math.ceil(this.parent.img.srcWidth).toString(), format: '###.## px' })
+                placeholder: isResize ? null : width, format: '###.## px' })
         });
         var spanHeight = document.createElement('span');
         spanHeight.innerHTML = this.l10n.getConstant('H');
@@ -22428,7 +22470,7 @@ var ToolbarModule = /** @__PURE__ @class */ (function () {
         toolbarItems.push({ id: this.parent.element.id + '_resizeHeight', prefixIcon: 'e-icons e-clock-wise',
             tooltipText: this.l10n.getConstant('Height'), align: 'Center', type: 'Input', template: new NumericTextBox({ width: 75, htmlAttributes: { maxLength: "4" },
                 showSpinButton: false, value: isResize ? this.parent.aspectHeight : null,
-                placeholder: isResize ? null : Math.ceil(this.parent.img.srcHeight).toString(), format: '###.## px' })
+                placeholder: isResize ? null : height, format: '###.## px' })
         });
         if (!this.isAspectRatio) {
             toolbarItems.push({ id: this.parent.element.id + '_aspectratio', prefixIcon: 'e-icons e-lock', align: 'Center', tooltipText: this.l10n.getConstant('AspectRatio'), type: 'Button' });