@syncfusion/ej2-image-editor 20.4.51 → 21.1.36

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.
Files changed (112) hide show
  1. package/.eslintrc.json +1 -0
  2. package/CHANGELOG.md +55 -5
  3. package/dist/ej2-image-editor.umd.min.js +2 -2
  4. package/dist/ej2-image-editor.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-image-editor.es2015.js +20032 -11350
  6. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-image-editor.es5.js +20027 -11313
  8. package/dist/es6/ej2-image-editor.es5.js.map +1 -1
  9. package/dist/global/ej2-image-editor.min.js +2 -2
  10. package/dist/global/ej2-image-editor.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +12 -12
  13. package/src/image-editor/action/crop.d.ts +36 -0
  14. package/src/image-editor/action/crop.js +829 -0
  15. package/src/image-editor/action/draw.d.ts +125 -0
  16. package/src/image-editor/action/draw.js +3263 -0
  17. package/src/image-editor/action/export.d.ts +23 -0
  18. package/src/image-editor/action/export.js +364 -0
  19. package/src/image-editor/action/filter.d.ts +35 -0
  20. package/src/image-editor/action/filter.js +699 -0
  21. package/src/image-editor/action/freehand-draw.d.ts +61 -0
  22. package/src/image-editor/action/freehand-draw.js +1015 -0
  23. package/src/image-editor/action/index.d.ts +9 -0
  24. package/src/image-editor/action/index.js +9 -0
  25. package/src/image-editor/action/selection.d.ts +139 -0
  26. package/src/image-editor/action/selection.js +4518 -0
  27. package/src/image-editor/action/shape.d.ts +94 -0
  28. package/src/image-editor/action/shape.js +2745 -0
  29. package/src/image-editor/action/transform.d.ts +67 -0
  30. package/src/image-editor/action/transform.js +1859 -0
  31. package/src/image-editor/action/undo-redo.d.ts +43 -0
  32. package/src/image-editor/action/undo-redo.js +800 -0
  33. package/src/image-editor/base/enum.d.ts +189 -0
  34. package/src/image-editor/base/enum.js +198 -0
  35. package/src/image-editor/base/image-editor-model.d.ts +626 -0
  36. package/src/image-editor/base/image-editor.d.ts +1300 -0
  37. package/src/image-editor/base/image-editor.js +2270 -0
  38. package/src/image-editor/base/index.d.ts +4 -0
  39. package/src/image-editor/base/index.js +2 -0
  40. package/src/image-editor/base/interface.d.ts +1128 -0
  41. package/src/image-editor/base/interface.js +1 -0
  42. package/src/image-editor/index.d.ts +3 -5
  43. package/src/image-editor/index.js +3 -4
  44. package/src/image-editor/renderer/index.d.ts +1 -0
  45. package/src/image-editor/renderer/index.js +1 -0
  46. package/src/image-editor/renderer/toolbar.d.ts +105 -0
  47. package/src/image-editor/renderer/toolbar.js +3018 -0
  48. package/styles/bootstrap-dark.css +79 -8
  49. package/styles/bootstrap.css +79 -8
  50. package/styles/bootstrap4.css +79 -8
  51. package/styles/bootstrap5-dark.css +81 -11
  52. package/styles/bootstrap5.css +81 -11
  53. package/styles/fabric-dark.css +79 -8
  54. package/styles/fabric.css +79 -8
  55. package/styles/fluent-dark.css +79 -8
  56. package/styles/fluent.css +79 -8
  57. package/styles/highcontrast-light.css +81 -10
  58. package/styles/highcontrast.css +82 -10
  59. package/styles/image-editor/_highcontrast-definition.scss +1 -1
  60. package/styles/image-editor/_highcontrast-light-definition.scss +1 -1
  61. package/styles/image-editor/_layout.scss +28 -18
  62. package/styles/image-editor/_material3-dark-definition.scss +1 -0
  63. package/styles/image-editor/_material3-definition.scss +10 -10
  64. package/styles/image-editor/_theme.scss +11 -6
  65. package/styles/image-editor/bootstrap-dark.css +79 -8
  66. package/styles/image-editor/bootstrap.css +79 -8
  67. package/styles/image-editor/bootstrap4.css +79 -8
  68. package/styles/image-editor/bootstrap5-dark.css +81 -11
  69. package/styles/image-editor/bootstrap5.css +81 -11
  70. package/styles/image-editor/fabric-dark.css +79 -8
  71. package/styles/image-editor/fabric.css +79 -8
  72. package/styles/image-editor/fluent-dark.css +79 -8
  73. package/styles/image-editor/fluent.css +79 -8
  74. package/styles/image-editor/highcontrast-light.css +81 -10
  75. package/styles/image-editor/highcontrast.css +82 -10
  76. package/styles/image-editor/icons/_bootstrap-dark.scss +132 -0
  77. package/styles/image-editor/icons/_bootstrap.scss +132 -0
  78. package/styles/image-editor/icons/_bootstrap4.scss +132 -0
  79. package/styles/image-editor/icons/_bootstrap5.scss +132 -0
  80. package/styles/image-editor/icons/_fabric-dark.scss +132 -0
  81. package/styles/image-editor/icons/_fabric.scss +132 -0
  82. package/styles/image-editor/icons/_fluent.scss +132 -0
  83. package/styles/image-editor/icons/_fusionnew.scss +132 -0
  84. package/styles/image-editor/icons/_highcontrast-light.scss +132 -0
  85. package/styles/image-editor/icons/_highcontrast.scss +132 -0
  86. package/styles/image-editor/icons/_material-dark.scss +132 -0
  87. package/styles/image-editor/icons/_material.scss +132 -0
  88. package/styles/image-editor/icons/_material3-dark.scss +1 -0
  89. package/styles/image-editor/icons/_material3.scss +133 -1
  90. package/styles/image-editor/icons/_tailwind.scss +132 -0
  91. package/styles/image-editor/material-dark.css +79 -16
  92. package/styles/image-editor/material.css +79 -11
  93. package/styles/image-editor/material3-dark.css +453 -0
  94. package/styles/image-editor/material3-dark.scss +14 -0
  95. package/styles/image-editor/material3.css +509 -0
  96. package/styles/image-editor/material3.scss +14 -0
  97. package/styles/image-editor/tailwind-dark.css +79 -8
  98. package/styles/image-editor/tailwind.css +79 -8
  99. package/styles/material-dark.css +79 -16
  100. package/styles/material.css +79 -11
  101. package/styles/material3-dark.css +453 -0
  102. package/styles/material3-dark.scss +3 -0
  103. package/styles/material3.css +509 -0
  104. package/styles/material3.scss +3 -0
  105. package/styles/tailwind-dark.css +79 -8
  106. package/styles/tailwind.css +79 -8
  107. package/GitLeaksReport.json +0 -1
  108. package/gitleaks-ci/gitleaks +0 -0
  109. package/gitleaks-ci.tar.gz +0 -0
  110. package/src/image-editor/image-editor-model.d.ts +0 -331
  111. package/src/image-editor/image-editor.d.ts +0 -1428
  112. package/src/image-editor/image-editor.js +0 -12849
@@ -104,6 +104,126 @@
104
104
  }
105
105
  }
106
106
  }
107
+
108
+ & .e-custom {
109
+ &::before {
110
+ content: '\e8a9';
111
+ }
112
+ }
113
+
114
+ & .e-circle {
115
+ &::before {
116
+ content: '\e7ca';
117
+ }
118
+ }
119
+
120
+ & .e-square{
121
+ &::before {
122
+ content: '\e8aa';
123
+ }
124
+ }
125
+
126
+ & .e-custom-a {
127
+ &::before {
128
+ content: '\e8ab';
129
+ }
130
+ }
131
+
132
+ & .e-custom-b {
133
+ &::before {
134
+ content: '\e8ac';
135
+ }
136
+ }
137
+
138
+ & .e-custom-c {
139
+ &::before {
140
+ content: '\e8ad';
141
+ }
142
+ }
143
+
144
+ & .e-custom-d {
145
+ &::before {
146
+ content: '\e8ae';
147
+ }
148
+ }
149
+
150
+ & .e-custom-e {
151
+ &::before {
152
+ content: '\e8af';
153
+ }
154
+ }
155
+
156
+ & .e-horizontal-flip {
157
+ &::before {
158
+ content: '\e8a3';
159
+ }
160
+ }
161
+
162
+ & .e-vertical-flip {
163
+ &::before {
164
+ content: '\e8a4';
165
+ }
166
+ }
167
+
168
+ & .e-clock-wise {
169
+ &::before {
170
+ content: '\e8a6';
171
+ }
172
+ }
173
+
174
+ & .e-anti-clock-wise {
175
+ &::before {
176
+ content: '\e8a5';
177
+ }
178
+ }
179
+
180
+ & .e-rectangle {
181
+ &::before {
182
+ content: '\e723';
183
+ }
184
+ }
185
+
186
+ & .e-circle {
187
+ &::before {
188
+ content: '\e7ca';
189
+ }
190
+ }
191
+
192
+ & .e-triangle {
193
+ &::before {
194
+ content: '\e89c';
195
+ }
196
+ }
197
+
198
+ & .e-line {
199
+ &::before {
200
+ content: '\e819';
201
+ }
202
+ }
203
+
204
+ & .e-add-text {
205
+ &::before {
206
+ content: '\e82e';
207
+ }
208
+ }
209
+
210
+ & .e-free-pen {
211
+ &::before {
212
+ content: '\e7db';
213
+ }
214
+ }
215
+
216
+ & .e-arrow {
217
+ &::before {
218
+ content: '\e669';
219
+ }
220
+ }
221
+
222
+ & .e-path {
223
+ &::before {
224
+ content: '\e931';
225
+ }
226
+ }
107
227
  }
108
228
  }
109
229
 
@@ -221,4 +341,16 @@
221
341
  content: '\e82e';
222
342
  }
223
343
  }
344
+
345
+ & .e-arrow {
346
+ &::before {
347
+ content: '\e669';
348
+ }
349
+ }
350
+
351
+ & .e-path {
352
+ &::before {
353
+ content: '\e931';
354
+ }
355
+ }
224
356
  }
@@ -104,6 +104,126 @@
104
104
  }
105
105
  }
106
106
  }
107
+
108
+ & .e-custom {
109
+ &::before {
110
+ content: '\e8a9';
111
+ }
112
+ }
113
+
114
+ & .e-circle {
115
+ &::before {
116
+ content: '\e7ca';
117
+ }
118
+ }
119
+
120
+ & .e-square{
121
+ &::before {
122
+ content: '\e8aa';
123
+ }
124
+ }
125
+
126
+ & .e-custom-a {
127
+ &::before {
128
+ content: '\e8ab';
129
+ }
130
+ }
131
+
132
+ & .e-custom-b {
133
+ &::before {
134
+ content: '\e8ac';
135
+ }
136
+ }
137
+
138
+ & .e-custom-c {
139
+ &::before {
140
+ content: '\e8ad';
141
+ }
142
+ }
143
+
144
+ & .e-custom-d {
145
+ &::before {
146
+ content: '\e8ae';
147
+ }
148
+ }
149
+
150
+ & .e-custom-e {
151
+ &::before {
152
+ content: '\e8af';
153
+ }
154
+ }
155
+
156
+ & .e-horizontal-flip {
157
+ &::before {
158
+ content: '\e8a3';
159
+ }
160
+ }
161
+
162
+ & .e-vertical-flip {
163
+ &::before {
164
+ content: '\e8a4';
165
+ }
166
+ }
167
+
168
+ & .e-clock-wise {
169
+ &::before {
170
+ content: '\e8a6';
171
+ }
172
+ }
173
+
174
+ & .e-anti-clock-wise {
175
+ &::before {
176
+ content: '\e8a5';
177
+ }
178
+ }
179
+
180
+ & .e-rectangle {
181
+ &::before {
182
+ content: '\e723';
183
+ }
184
+ }
185
+
186
+ & .e-circle {
187
+ &::before {
188
+ content: '\e7ca';
189
+ }
190
+ }
191
+
192
+ & .e-triangle {
193
+ &::before {
194
+ content: '\e89c';
195
+ }
196
+ }
197
+
198
+ & .e-line {
199
+ &::before {
200
+ content: '\e819';
201
+ }
202
+ }
203
+
204
+ & .e-add-text {
205
+ &::before {
206
+ content: '\e82e';
207
+ }
208
+ }
209
+
210
+ & .e-free-pen {
211
+ &::before {
212
+ content: '\e7db';
213
+ }
214
+ }
215
+
216
+ & .e-arrow {
217
+ &::before {
218
+ content: '\e669';
219
+ }
220
+ }
221
+
222
+ & .e-path {
223
+ &::before {
224
+ content: '\e931';
225
+ }
226
+ }
107
227
  }
108
228
  }
109
229
 
@@ -221,4 +341,16 @@
221
341
  content: '\e82e';
222
342
  }
223
343
  }
344
+
345
+ & .e-arrow {
346
+ &::before {
347
+ content: '\e669';
348
+ }
349
+ }
350
+
351
+ & .e-path {
352
+ &::before {
353
+ content: '\e931';
354
+ }
355
+ }
224
356
  }
@@ -104,6 +104,126 @@
104
104
  }
105
105
  }
106
106
  }
107
+
108
+ & .e-custom {
109
+ &::before {
110
+ content: '\e959';
111
+ }
112
+ }
113
+
114
+ & .e-circle {
115
+ &::before {
116
+ content: '\e671';
117
+ }
118
+ }
119
+
120
+ & .e-square{
121
+ &::before {
122
+ content: '\e95a';
123
+ }
124
+ }
125
+
126
+ & .e-custom-a {
127
+ &::before {
128
+ content: '\e95b';
129
+ }
130
+ }
131
+
132
+ & .e-custom-b {
133
+ &::before {
134
+ content: '\e95c';
135
+ }
136
+ }
137
+
138
+ & .e-custom-c {
139
+ &::before {
140
+ content: '\e95d';
141
+ }
142
+ }
143
+
144
+ & .e-custom-d {
145
+ &::before {
146
+ content: '\e95e';
147
+ }
148
+ }
149
+
150
+ & .e-custom-e {
151
+ &::before {
152
+ content: '\e960';
153
+ }
154
+ }
155
+
156
+ & .e-horizontal-flip {
157
+ &::before {
158
+ content: '\e951';
159
+ }
160
+ }
161
+
162
+ & .e-vertical-flip {
163
+ &::before {
164
+ content: '\e952';
165
+ }
166
+ }
167
+
168
+ & .e-clock-wise {
169
+ &::before {
170
+ content: '\e956';
171
+ }
172
+ }
173
+
174
+ & .e-anti-clock-wise {
175
+ &::before {
176
+ content: '\e955';
177
+ }
178
+ }
179
+
180
+ & .e-rectangle {
181
+ &::before {
182
+ content: '\e670';
183
+ }
184
+ }
185
+
186
+ & .e-circle {
187
+ &::before {
188
+ content: '\e671';
189
+ }
190
+ }
191
+
192
+ & .e-triangle {
193
+ &::before {
194
+ content: '\e949';
195
+ }
196
+ }
197
+
198
+ & .e-line {
199
+ &::before {
200
+ content: '\e668';
201
+ }
202
+ }
203
+
204
+ & .e-add-text {
205
+ &::before {
206
+ content: '\e35b';
207
+ }
208
+ }
209
+
210
+ & .e-free-pen {
211
+ &::before {
212
+ content: '\e739';
213
+ }
214
+ }
215
+
216
+ & .e-arrow {
217
+ &::before {
218
+ content: '\e669';
219
+ }
220
+ }
221
+
222
+ & .e-path {
223
+ &::before {
224
+ content: '\e931';
225
+ }
226
+ }
107
227
  }
108
228
  }
109
229
 
@@ -215,4 +335,16 @@
215
335
  content: '\e952';
216
336
  }
217
337
  }
338
+
339
+ & .e-arrow {
340
+ &::before {
341
+ content: '\e669';
342
+ }
343
+ }
344
+
345
+ & .e-path {
346
+ &::before {
347
+ content: '\e931';
348
+ }
349
+ }
218
350
  }
@@ -104,6 +104,126 @@
104
104
  }
105
105
  }
106
106
  }
107
+
108
+ & .e-custom {
109
+ &::before {
110
+ content: '\e959';
111
+ }
112
+ }
113
+
114
+ & .e-circle {
115
+ &::before {
116
+ content: '\e671';
117
+ }
118
+ }
119
+
120
+ & .e-square{
121
+ &::before {
122
+ content: '\e95a';
123
+ }
124
+ }
125
+
126
+ & .e-custom-a {
127
+ &::before {
128
+ content: '\e95b';
129
+ }
130
+ }
131
+
132
+ & .e-custom-b {
133
+ &::before {
134
+ content: '\e95c';
135
+ }
136
+ }
137
+
138
+ & .e-custom-c {
139
+ &::before {
140
+ content: '\e95d';
141
+ }
142
+ }
143
+
144
+ & .e-custom-d {
145
+ &::before {
146
+ content: '\e95e';
147
+ }
148
+ }
149
+
150
+ & .e-custom-e {
151
+ &::before {
152
+ content: '\e960';
153
+ }
154
+ }
155
+
156
+ & .e-horizontal-flip {
157
+ &::before {
158
+ content: '\e951';
159
+ }
160
+ }
161
+
162
+ & .e-vertical-flip {
163
+ &::before {
164
+ content: '\e952';
165
+ }
166
+ }
167
+
168
+ & .e-clock-wise {
169
+ &::before {
170
+ content: '\e956';
171
+ }
172
+ }
173
+
174
+ & .e-anti-clock-wise {
175
+ &::before {
176
+ content: '\e955';
177
+ }
178
+ }
179
+
180
+ & .e-rectangle {
181
+ &::before {
182
+ content: '\e670';
183
+ }
184
+ }
185
+
186
+ & .e-circle {
187
+ &::before {
188
+ content: '\e671';
189
+ }
190
+ }
191
+
192
+ & .e-triangle {
193
+ &::before {
194
+ content: '\e949';
195
+ }
196
+ }
197
+
198
+ & .e-line {
199
+ &::before {
200
+ content: '\e668';
201
+ }
202
+ }
203
+
204
+ & .e-add-text {
205
+ &::before {
206
+ content: '\e35b';
207
+ }
208
+ }
209
+
210
+ & .e-free-pen {
211
+ &::before {
212
+ content: '\e739';
213
+ }
214
+ }
215
+
216
+ & .e-arrow {
217
+ &::before {
218
+ content: '\e669';
219
+ }
220
+ }
221
+
222
+ & .e-path {
223
+ &::before {
224
+ content: '\e931';
225
+ }
226
+ }
107
227
  }
108
228
  }
109
229
 
@@ -215,4 +335,16 @@
215
335
  content: '\e952';
216
336
  }
217
337
  }
338
+
339
+ & .e-arrow {
340
+ &::before {
341
+ content: '\e669';
342
+ }
343
+ }
344
+
345
+ & .e-path {
346
+ &::before {
347
+ content: '\e931';
348
+ }
349
+ }
218
350
  }
@@ -104,6 +104,126 @@
104
104
  }
105
105
  }
106
106
  }
107
+
108
+ & .e-custom {
109
+ &::before {
110
+ content: '\e964';
111
+ }
112
+ }
113
+
114
+ & .e-circle {
115
+ &::before {
116
+ content: '\e671';
117
+ }
118
+ }
119
+
120
+ & .e-square{
121
+ &::before {
122
+ content: '\e965';
123
+ }
124
+ }
125
+
126
+ & .e-custom-a {
127
+ &::before {
128
+ content: '\e966';
129
+ }
130
+ }
131
+
132
+ & .e-custom-b {
133
+ &::before {
134
+ content: '\e967';
135
+ }
136
+ }
137
+
138
+ & .e-custom-c {
139
+ &::before {
140
+ content: '\e968';
141
+ }
142
+ }
143
+
144
+ & .e-custom-d {
145
+ &::before {
146
+ content: '\e96a';
147
+ }
148
+ }
149
+
150
+ & .e-custom-e {
151
+ &::before {
152
+ content: '\e96b';
153
+ }
154
+ }
155
+
156
+ & .e-horizontal-flip {
157
+ &::before {
158
+ content: '\e95c';
159
+ }
160
+ }
161
+
162
+ & .e-vertical-flip {
163
+ &::before {
164
+ content: '\e95d';
165
+ }
166
+ }
167
+
168
+ & .e-clock-wise {
169
+ &::before {
170
+ content: '\e960';
171
+ }
172
+ }
173
+
174
+ & .e-anti-clock-wise {
175
+ &::before {
176
+ content: '\e95f';
177
+ }
178
+ }
179
+
180
+ & .e-rectangle {
181
+ &::before {
182
+ content: '\e670';
183
+ }
184
+ }
185
+
186
+ & .e-circle {
187
+ &::before {
188
+ content: '\e671';
189
+ }
190
+ }
191
+
192
+ & .e-triangle {
193
+ &::before {
194
+ content: '\e954';
195
+ }
196
+ }
197
+
198
+ & .e-line {
199
+ &::before {
200
+ content: '\e668';
201
+ }
202
+ }
203
+
204
+ & .e-add-text {
205
+ &::before {
206
+ content: '\e35b';
207
+ }
208
+ }
209
+
210
+ & .e-free-pen {
211
+ &::before {
212
+ content: '\e737';
213
+ }
214
+ }
215
+
216
+ & .e-arrow {
217
+ &::before {
218
+ content: '\e669';
219
+ }
220
+ }
221
+
222
+ & .e-path {
223
+ &::before {
224
+ content: '\e931';
225
+ }
226
+ }
107
227
  }
108
228
  }
109
229
 
@@ -215,4 +335,16 @@
215
335
  content: '\e95d';
216
336
  }
217
337
  }
338
+
339
+ & .e-arrow {
340
+ &::before {
341
+ content: '\e669';
342
+ }
343
+ }
344
+
345
+ & .e-path {
346
+ &::before {
347
+ content: '\e931';
348
+ }
349
+ }
218
350
  }