@syncfusion/ej2-image-editor 26.1.35 → 26.1.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ej2-image-editor.umd.min.js +2 -2
- package/dist/ej2-image-editor.umd.min.js.map +1 -1
- package/dist/es6/ej2-image-editor.es2015.js +30 -6
- package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
- package/dist/es6/ej2-image-editor.es5.js +30 -6
- package/dist/es6/ej2-image-editor.es5.js.map +1 -1
- package/dist/global/ej2-image-editor.min.js +2 -2
- package/dist/global/ej2-image-editor.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +11 -11
- package/src/image-editor/action/draw.js +8 -2
- package/src/image-editor/action/selection.js +1 -1
- package/src/image-editor/action/shape.js +11 -1
- package/src/image-editor/action/undo-redo.js +2 -0
- package/src/image-editor/base/image-editor.js +8 -2
- package/styles/bootstrap-dark.css +7 -0
- package/styles/bootstrap.css +7 -0
- package/styles/bootstrap4.css +7 -0
- package/styles/bootstrap5-dark.css +7 -0
- package/styles/bootstrap5.css +7 -0
- package/styles/fabric-dark.css +7 -0
- package/styles/fabric.css +7 -0
- package/styles/fluent-dark.css +7 -0
- package/styles/fluent.css +7 -0
- package/styles/fluent2.css +13 -5
- package/styles/highcontrast-light.css +7 -0
- package/styles/highcontrast.css +7 -0
- package/styles/image-editor/_bds-definition.scss +1 -0
- package/styles/image-editor/_bootstrap-dark-definition.scss +1 -0
- package/styles/image-editor/_bootstrap-definition.scss +1 -0
- package/styles/image-editor/_bootstrap4-definition.scss +1 -0
- package/styles/image-editor/_bootstrap5-definition.scss +1 -0
- package/styles/image-editor/_bootstrap5.3-definition.scss +1 -0
- package/styles/image-editor/_fabric-dark-definition.scss +1 -0
- package/styles/image-editor/_fabric-definition.scss +1 -0
- package/styles/image-editor/_fluent-definition.scss +1 -0
- package/styles/image-editor/_fluent2-definition.scss +1 -0
- package/styles/image-editor/_fusionnew-definition.scss +1 -0
- package/styles/image-editor/_highcontrast-definition.scss +1 -0
- package/styles/image-editor/_highcontrast-light-definition.scss +1 -0
- package/styles/image-editor/_layout.scss +32 -4
- package/styles/image-editor/_material-dark-definition.scss +1 -0
- package/styles/image-editor/_material-definition.scss +1 -0
- package/styles/image-editor/_material3-definition.scss +1 -0
- package/styles/image-editor/_tailwind-definition.scss +1 -0
- package/styles/image-editor/_theme.scss +7 -0
- package/styles/image-editor/bootstrap-dark.css +7 -0
- package/styles/image-editor/bootstrap.css +7 -0
- package/styles/image-editor/bootstrap4.css +7 -0
- package/styles/image-editor/bootstrap5-dark.css +7 -0
- package/styles/image-editor/bootstrap5.css +7 -0
- package/styles/image-editor/fabric-dark.css +7 -0
- package/styles/image-editor/fabric.css +7 -0
- package/styles/image-editor/fluent-dark.css +7 -0
- package/styles/image-editor/fluent.css +7 -0
- package/styles/image-editor/fluent2.css +13 -5
- package/styles/image-editor/highcontrast-light.css +7 -0
- package/styles/image-editor/highcontrast.css +7 -0
- package/styles/image-editor/material-dark.css +7 -0
- package/styles/image-editor/material.css +7 -0
- package/styles/image-editor/material3-dark.css +20 -3
- package/styles/image-editor/material3.css +20 -3
- package/styles/image-editor/tailwind-dark.css +7 -0
- package/styles/image-editor/tailwind.css +7 -0
- package/styles/material-dark.css +7 -0
- package/styles/material.css +7 -0
- package/styles/material3-dark.css +20 -3
- package/styles/material3.css +20 -3
- package/styles/tailwind-dark.css +7 -0
- package/styles/tailwind.css +7 -0
|
@@ -4768,7 +4768,10 @@ class Draw {
|
|
|
4768
4768
|
}
|
|
4769
4769
|
}
|
|
4770
4770
|
open(data) {
|
|
4771
|
-
document.getElementById(this.parent.element.id + '_dropArea')
|
|
4771
|
+
const dropArea = document.getElementById(this.parent.element.id + '_dropArea');
|
|
4772
|
+
if (dropArea) {
|
|
4773
|
+
dropArea.style.display = 'none';
|
|
4774
|
+
}
|
|
4772
4775
|
if (!this.parent.disabled) {
|
|
4773
4776
|
this.openURL = data;
|
|
4774
4777
|
this.restoreOldImage();
|
|
@@ -4789,7 +4792,10 @@ class Draw {
|
|
|
4789
4792
|
}
|
|
4790
4793
|
fileSelect(inputElement, args) {
|
|
4791
4794
|
const parent = this.parent;
|
|
4792
|
-
document.getElementById(parent.element.id + '_dropArea')
|
|
4795
|
+
const dropArea = document.getElementById(parent.element.id + '_dropArea');
|
|
4796
|
+
if (dropArea) {
|
|
4797
|
+
dropArea.style.display = 'none';
|
|
4798
|
+
}
|
|
4793
4799
|
if (!parent.disabled) {
|
|
4794
4800
|
let filesData;
|
|
4795
4801
|
/* eslint-disable-next-line @typescript-eslint/no-explicit-any */
|
|
@@ -9332,7 +9338,7 @@ class Selection {
|
|
|
9332
9338
|
}
|
|
9333
9339
|
else {
|
|
9334
9340
|
parent.trigger('shapeChanging', shapeMovingArgs);
|
|
9335
|
-
this.isPreventShaping =
|
|
9341
|
+
this.isPreventShaping = shapeMovingArgs.cancel;
|
|
9336
9342
|
parent.notify('shape', { prop: 'updateShapeChangeEventArgs', onPropertyChange: false,
|
|
9337
9343
|
value: { shapeSettings: shapeMovingArgs.currentShapeSettings } });
|
|
9338
9344
|
}
|
|
@@ -13834,6 +13840,14 @@ class Shape {
|
|
|
13834
13840
|
parent.notify('toolbar', { prop: 'destroy-qa-toolbar', onPropertyChange: false });
|
|
13835
13841
|
parent.notify('toolbar', { prop: 'renderQAT', onPropertyChange: false, value: { isPenEdit: null } });
|
|
13836
13842
|
}
|
|
13843
|
+
if (text && text.indexOf('\n') > -1 && parent.isPublicMethod) {
|
|
13844
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
13845
|
+
const fontSizeInd = String(parent.fontSizeColl.findIndex((item) => item.text === String(parent.activeObj.textSettings.fontSize)) + 1);
|
|
13846
|
+
parent.noPushUndo = true;
|
|
13847
|
+
parent.updateFontSize('5');
|
|
13848
|
+
parent.updateFontSize(fontSizeInd);
|
|
13849
|
+
parent.noPushUndo = false;
|
|
13850
|
+
}
|
|
13837
13851
|
if (parent.isPublicMethod && !isSelected) {
|
|
13838
13852
|
parent.notify('undo-redo', { prop: 'updateUndoRedo', value: { operation: 'shapeInsert' }, onPropertyChange: false });
|
|
13839
13853
|
}
|
|
@@ -15925,7 +15939,9 @@ class Shape {
|
|
|
15925
15939
|
pushActItemIntoObj() {
|
|
15926
15940
|
const parent = this.parent;
|
|
15927
15941
|
if (parent.textArea.style.display === 'none') {
|
|
15928
|
-
parent.
|
|
15942
|
+
if (parent.activeObj.activePoint.width !== 0 || parent.activeObj.activePoint.height !== 0) {
|
|
15943
|
+
parent.objColl.push(parent.activeObj);
|
|
15944
|
+
}
|
|
15929
15945
|
}
|
|
15930
15946
|
else {
|
|
15931
15947
|
const temp = extend({}, parent.activeObj, {}, true);
|
|
@@ -19555,6 +19571,7 @@ class UndoRedo {
|
|
|
19555
19571
|
case 'freehanddraw':
|
|
19556
19572
|
case 'freehand-draw':
|
|
19557
19573
|
this.updateFreehandDraw(obj.previousPointColl, obj.previousSelPointColl);
|
|
19574
|
+
parent.notify('freehand-draw', { prop: 'setCurrentFreehandDrawIndex', value: { value: parent.pointColl.length } });
|
|
19558
19575
|
break;
|
|
19559
19576
|
case 'freehanddrawCustomized':
|
|
19560
19577
|
this.updateFreehandDrawCustomized(obj.previousObjColl, obj.previousPointColl);
|
|
@@ -19685,6 +19702,7 @@ class UndoRedo {
|
|
|
19685
19702
|
case 'freehanddraw':
|
|
19686
19703
|
case 'freehand-draw':
|
|
19687
19704
|
this.updateFreehandDraw(obj.currentPointColl, obj.currentSelPointColl);
|
|
19705
|
+
parent.notify('freehand-draw', { prop: 'setCurrentFreehandDrawIndex', value: { value: parent.pointColl.length } });
|
|
19688
19706
|
break;
|
|
19689
19707
|
case 'freehanddrawCustomized':
|
|
19690
19708
|
this.updateFreehandDrawCustomized(obj.currentObjColl, obj.currentPointColl);
|
|
@@ -21185,7 +21203,10 @@ let ImageEditor = ImageEditor_1 = class ImageEditor extends Component {
|
|
|
21185
21203
|
if (isNullOrUndefined(data)) {
|
|
21186
21204
|
return;
|
|
21187
21205
|
}
|
|
21188
|
-
document.getElementById(this.element.id + '_dropArea')
|
|
21206
|
+
const dropArea = document.getElementById(this.element.id + '_dropArea');
|
|
21207
|
+
if (dropArea) {
|
|
21208
|
+
dropArea.style.display = 'none';
|
|
21209
|
+
}
|
|
21189
21210
|
this.notify('draw', { prop: 'open', value: { data: data } });
|
|
21190
21211
|
}
|
|
21191
21212
|
/**
|
|
@@ -22215,7 +22236,10 @@ let ImageEditor = ImageEditor_1 = class ImageEditor extends Component {
|
|
|
22215
22236
|
this.notify('toolbar', { prop: 'destroy-top-toolbar', onPropertyChange: false });
|
|
22216
22237
|
this.notify('toolbar', { prop: 'create-toolbar', onPropertyChange: false });
|
|
22217
22238
|
this.notify('toolbar', { prop: 'create-contextual-toolbar', onPropertyChange: false });
|
|
22218
|
-
document.getElementById(this.element.id + '_dropArea')
|
|
22239
|
+
const dropArea = document.getElementById(this.element.id + '_dropArea');
|
|
22240
|
+
if (dropArea) {
|
|
22241
|
+
dropArea.style.display = 'block';
|
|
22242
|
+
}
|
|
22219
22243
|
}
|
|
22220
22244
|
// Toolbar related codes
|
|
22221
22245
|
applyShapes() {
|