@syncfusion/ej2-image-editor 31.2.16 → 32.1.24
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/README.md +3 -13
- package/aceconfig.js +17 -0
- 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 +28 -82
- package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
- package/dist/es6/ej2-image-editor.es5.js +28 -82
- 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 +8 -8
- package/src/image-editor/action/draw.js +1 -1
- package/src/image-editor/action/export.js +1 -5
- package/src/image-editor/action/freehand-draw.js +0 -5
- package/src/image-editor/action/selection.js +6 -14
- package/src/image-editor/action/shape.d.ts +0 -1
- package/src/image-editor/action/shape.js +2 -20
- package/src/image-editor/base/image-editor.js +3 -11
- package/src/image-editor/renderer/toolbar.js +15 -26
- package/styles/bds-lite.css +133 -57
- package/styles/bds-lite.scss +12 -13
- package/styles/bds.css +161 -60
- package/styles/bds.scss +13 -14
- package/styles/bootstrap-dark-lite.css +58 -57
- package/styles/bootstrap-dark-lite.scss +12 -13
- package/styles/bootstrap-dark.css +82 -60
- package/styles/bootstrap-dark.scss +13 -14
- package/styles/bootstrap-lite.css +58 -57
- package/styles/bootstrap-lite.scss +12 -13
- package/styles/bootstrap.css +82 -60
- package/styles/bootstrap.scss +13 -14
- package/styles/bootstrap4-lite.css +58 -57
- package/styles/bootstrap4-lite.scss +12 -13
- package/styles/bootstrap4.css +82 -60
- package/styles/bootstrap4.scss +13 -14
- package/styles/bootstrap5-dark-lite.css +59 -57
- package/styles/bootstrap5-dark-lite.scss +12 -13
- package/styles/bootstrap5-dark.css +83 -60
- package/styles/bootstrap5-dark.scss +13 -14
- package/styles/bootstrap5-lite.css +59 -57
- package/styles/bootstrap5-lite.scss +13 -13
- package/styles/bootstrap5.3-lite.css +475 -57
- package/styles/bootstrap5.3-lite.scss +13 -13
- package/styles/bootstrap5.3.css +583 -60
- package/styles/bootstrap5.3.scss +14 -14
- package/styles/bootstrap5.css +83 -60
- package/styles/bootstrap5.scss +14 -14
- package/styles/fabric-dark-lite.css +58 -57
- package/styles/fabric-dark-lite.scss +13 -13
- package/styles/fabric-dark.css +82 -60
- package/styles/fabric-dark.scss +14 -14
- package/styles/fabric-lite.css +58 -57
- package/styles/fabric-lite.scss +13 -13
- package/styles/fabric.css +82 -60
- package/styles/fabric.scss +14 -14
- package/styles/fluent-dark-lite.css +58 -57
- package/styles/fluent-dark-lite.scss +13 -13
- package/styles/fluent-dark.css +82 -60
- package/styles/fluent-dark.scss +14 -14
- package/styles/fluent-lite.css +58 -57
- package/styles/fluent-lite.scss +13 -13
- package/styles/fluent.css +82 -60
- package/styles/fluent.scss +14 -14
- package/styles/fluent2-lite.css +483 -60
- package/styles/fluent2-lite.scss +13 -13
- package/styles/fluent2.css +593 -63
- package/styles/fluent2.scss +14 -14
- package/styles/highcontrast-light-lite.css +58 -57
- package/styles/highcontrast-light-lite.scss +13 -13
- package/styles/highcontrast-light.css +82 -60
- package/styles/highcontrast-light.scss +14 -14
- package/styles/highcontrast-lite.css +57 -57
- package/styles/highcontrast-lite.scss +13 -13
- package/styles/highcontrast.css +81 -60
- package/styles/highcontrast.scss +14 -14
- package/styles/image-editor/_all.bds.scss +2 -0
- package/styles/image-editor/_all.bootstrap-dark.scss +2 -0
- package/styles/image-editor/_all.bootstrap.scss +2 -0
- package/styles/image-editor/_all.bootstrap4.scss +2 -0
- package/styles/image-editor/_all.bootstrap5-dark.scss +2 -0
- package/styles/image-editor/_all.bootstrap5.3.scss +2 -0
- package/styles/image-editor/_all.bootstrap5.scss +2 -0
- package/styles/image-editor/_all.fabric-dark.scss +2 -0
- package/styles/image-editor/_all.fabric.scss +2 -0
- package/styles/image-editor/_all.fluent-dark.scss +2 -0
- package/styles/image-editor/_all.fluent.scss +2 -0
- package/styles/image-editor/_all.fluent2.scss +2 -0
- package/styles/image-editor/_all.highcontrast-light.scss +2 -0
- package/styles/image-editor/_all.highcontrast.scss +2 -0
- package/styles/image-editor/_all.material-dark.scss +2 -0
- package/styles/image-editor/_all.material.scss +2 -0
- package/styles/image-editor/_all.material3-dark.scss +2 -0
- package/styles/image-editor/_all.material3.scss +2 -0
- package/styles/image-editor/_all.scss +2 -2
- package/styles/image-editor/_all.tailwind-dark.scss +2 -0
- package/styles/image-editor/_all.tailwind.scss +2 -0
- package/styles/image-editor/_all.tailwind3.scss +2 -0
- package/styles/image-editor/_bds-definition.scss +51 -0
- package/styles/image-editor/_bigger.bds.scss +3 -0
- package/styles/image-editor/_bigger.bootstrap-dark.scss +3 -0
- package/styles/image-editor/_bigger.bootstrap.scss +3 -0
- package/styles/image-editor/_bigger.bootstrap4.scss +3 -0
- package/styles/image-editor/_bigger.bootstrap5-dark.scss +3 -0
- package/styles/image-editor/_bigger.bootstrap5.3.scss +3 -0
- package/styles/image-editor/_bigger.bootstrap5.scss +3 -0
- package/styles/image-editor/_bigger.fabric-dark.scss +3 -0
- package/styles/image-editor/_bigger.fabric.scss +3 -0
- package/styles/image-editor/_bigger.fluent-dark.scss +3 -0
- package/styles/image-editor/_bigger.fluent.scss +3 -0
- package/styles/image-editor/_bigger.fluent2.scss +3 -0
- package/styles/image-editor/_bigger.highcontrast-light.scss +3 -0
- package/styles/image-editor/_bigger.highcontrast.scss +3 -0
- package/styles/image-editor/_bigger.material-dark.scss +3 -0
- package/styles/image-editor/_bigger.material.scss +3 -0
- package/styles/image-editor/_bigger.material3-dark.scss +3 -0
- package/styles/image-editor/_bigger.material3.scss +3 -0
- package/styles/image-editor/_bigger.scss +60 -9
- package/styles/image-editor/_bigger.tailwind-dark.scss +3 -0
- package/styles/image-editor/_bigger.tailwind.scss +3 -0
- package/styles/image-editor/_bigger.tailwind3.scss +3 -0
- package/styles/image-editor/_bootstrap-dark-definition.scss +51 -0
- package/styles/image-editor/_bootstrap-definition.scss +51 -0
- package/styles/image-editor/_bootstrap4-definition.scss +55 -0
- package/styles/image-editor/_bootstrap5-dark-definition.scss +81 -1
- package/styles/image-editor/_bootstrap5-definition.scss +52 -0
- package/styles/image-editor/_bootstrap5.3-definition.scss +51 -0
- package/styles/image-editor/_fabric-dark-definition.scss +51 -0
- package/styles/image-editor/_fabric-definition.scss +51 -0
- package/styles/image-editor/_fluent-dark-definition.scss +81 -1
- package/styles/image-editor/_fluent-definition.scss +52 -0
- package/styles/image-editor/_fluent2-definition.scss +51 -0
- package/styles/image-editor/_fusionnew-definition.scss +51 -0
- package/styles/image-editor/_highcontrast-definition.scss +51 -0
- package/styles/image-editor/_highcontrast-light-definition.scss +51 -0
- package/styles/image-editor/_layout.bds.scss +3 -0
- package/styles/image-editor/_layout.bootstrap-dark.scss +3 -0
- package/styles/image-editor/_layout.bootstrap.scss +3 -0
- package/styles/image-editor/_layout.bootstrap4.scss +3 -0
- package/styles/image-editor/_layout.bootstrap5-dark.scss +3 -0
- package/styles/image-editor/_layout.bootstrap5.3.scss +3 -0
- package/styles/image-editor/_layout.bootstrap5.scss +3 -0
- package/styles/image-editor/_layout.fabric-dark.scss +3 -0
- package/styles/image-editor/_layout.fabric.scss +3 -0
- package/styles/image-editor/_layout.fluent-dark.scss +3 -0
- package/styles/image-editor/_layout.fluent.scss +3 -0
- package/styles/image-editor/_layout.fluent2.scss +3 -0
- package/styles/image-editor/_layout.highcontrast-light.scss +3 -0
- package/styles/image-editor/_layout.highcontrast.scss +3 -0
- package/styles/image-editor/_layout.material-dark.scss +3 -0
- package/styles/image-editor/_layout.material.scss +3 -0
- package/styles/image-editor/_layout.material3-dark.scss +3 -0
- package/styles/image-editor/_layout.material3.scss +3 -0
- package/styles/image-editor/_layout.scss +197 -115
- package/styles/image-editor/_layout.tailwind-dark.scss +3 -0
- package/styles/image-editor/_layout.tailwind.scss +3 -0
- package/styles/image-editor/_layout.tailwind3.scss +3 -0
- package/styles/image-editor/_material-dark-definition.scss +51 -0
- package/styles/image-editor/_material-definition.scss +51 -0
- package/styles/image-editor/_material3-dark-definition.scss +82 -1
- package/styles/image-editor/_material3-definition.scss +53 -0
- package/styles/image-editor/_tailwind-dark-definition.scss +81 -1
- package/styles/image-editor/_tailwind-definition.scss +52 -0
- package/styles/image-editor/_tailwind3-definition.scss +75 -1
- package/styles/image-editor/_theme-variables.bds.scss +1 -0
- package/styles/image-editor/_theme-variables.bootstrap-dark.scss +1 -0
- package/styles/image-editor/_theme-variables.bootstrap.scss +1 -0
- package/styles/image-editor/_theme-variables.bootstrap4.scss +1 -0
- package/styles/image-editor/_theme-variables.bootstrap5-dark.scss +1 -0
- package/styles/image-editor/_theme-variables.bootstrap5.3.scss +1 -0
- package/styles/image-editor/_theme-variables.bootstrap5.scss +1 -0
- package/styles/image-editor/_theme-variables.fabric-dark.scss +1 -0
- package/styles/image-editor/_theme-variables.fabric.scss +1 -0
- package/styles/image-editor/_theme-variables.fluent-dark.scss +1 -0
- package/styles/image-editor/_theme-variables.fluent.scss +1 -0
- package/styles/image-editor/_theme-variables.fluent2.scss +1 -0
- package/styles/image-editor/_theme-variables.highcontrast-light.scss +1 -0
- package/styles/image-editor/_theme-variables.highcontrast.scss +1 -0
- package/styles/image-editor/_theme-variables.material-dark.scss +1 -0
- package/styles/image-editor/_theme-variables.material.scss +1 -0
- package/styles/image-editor/_theme-variables.material3-dark.scss +1 -0
- package/styles/image-editor/_theme-variables.material3.scss +1 -0
- package/styles/image-editor/_theme-variables.tailwind-dark.scss +1 -0
- package/styles/image-editor/_theme-variables.tailwind.scss +1 -0
- package/styles/image-editor/_theme-variables.tailwind3.scss +1 -0
- package/styles/image-editor/_theme.bds.scss +6 -0
- package/styles/image-editor/_theme.bootstrap-dark.scss +6 -0
- package/styles/image-editor/_theme.bootstrap.scss +6 -0
- package/styles/image-editor/_theme.bootstrap4.scss +6 -0
- package/styles/image-editor/_theme.bootstrap5-dark.scss +6 -0
- package/styles/image-editor/_theme.bootstrap5.3.scss +6 -0
- package/styles/image-editor/_theme.bootstrap5.scss +6 -0
- package/styles/image-editor/_theme.fabric-dark.scss +6 -0
- package/styles/image-editor/_theme.fabric.scss +6 -0
- package/styles/image-editor/_theme.fluent-dark.scss +6 -0
- package/styles/image-editor/_theme.fluent.scss +6 -0
- package/styles/image-editor/_theme.fluent2.scss +6 -0
- package/styles/image-editor/_theme.highcontrast-light.scss +6 -0
- package/styles/image-editor/_theme.highcontrast.scss +6 -0
- package/styles/image-editor/_theme.material-dark.scss +6 -0
- package/styles/image-editor/_theme.material.scss +6 -0
- package/styles/image-editor/_theme.material3-dark.scss +6 -0
- package/styles/image-editor/_theme.material3.scss +6 -0
- package/styles/image-editor/_theme.scss +46 -1
- package/styles/image-editor/_theme.tailwind-dark.scss +6 -0
- package/styles/image-editor/_theme.tailwind.scss +6 -0
- package/styles/image-editor/_theme.tailwind3.scss +6 -0
- package/styles/image-editor/bds.css +161 -60
- package/styles/image-editor/bds.scss +14 -14
- package/styles/image-editor/bootstrap-dark.css +82 -60
- package/styles/image-editor/bootstrap-dark.scss +14 -14
- package/styles/image-editor/bootstrap.css +82 -60
- package/styles/image-editor/bootstrap.scss +14 -14
- package/styles/image-editor/bootstrap4.css +82 -60
- package/styles/image-editor/bootstrap4.scss +14 -14
- package/styles/image-editor/bootstrap5-dark.css +83 -60
- package/styles/image-editor/bootstrap5-dark.scss +14 -14
- package/styles/image-editor/bootstrap5.3.css +583 -60
- package/styles/image-editor/bootstrap5.3.scss +14 -14
- package/styles/image-editor/bootstrap5.css +83 -60
- package/styles/image-editor/bootstrap5.scss +14 -14
- package/styles/image-editor/fabric-dark.css +82 -60
- package/styles/image-editor/fabric-dark.scss +14 -14
- package/styles/image-editor/fabric.css +82 -60
- package/styles/image-editor/fabric.scss +14 -14
- package/styles/image-editor/fluent-dark.css +82 -60
- package/styles/image-editor/fluent-dark.scss +14 -14
- package/styles/image-editor/fluent.css +82 -60
- package/styles/image-editor/fluent.scss +14 -14
- package/styles/image-editor/fluent2.css +593 -63
- package/styles/image-editor/fluent2.scss +14 -14
- package/styles/image-editor/highcontrast-light.css +82 -60
- package/styles/image-editor/highcontrast-light.scss +14 -14
- package/styles/image-editor/highcontrast.css +81 -60
- package/styles/image-editor/highcontrast.scss +14 -14
- package/styles/image-editor/icons/_bds.scss +1 -0
- package/styles/image-editor/icons/_bootstrap-dark.scss +1 -0
- package/styles/image-editor/icons/_bootstrap.scss +1 -0
- package/styles/image-editor/icons/_bootstrap4.scss +1 -0
- package/styles/image-editor/icons/_bootstrap5-dark.scss +1 -1
- package/styles/image-editor/icons/_bootstrap5.3.scss +1 -0
- package/styles/image-editor/icons/_bootstrap5.scss +1 -0
- package/styles/image-editor/icons/_fabric-dark.scss +1 -0
- package/styles/image-editor/icons/_fabric.scss +1 -0
- package/styles/image-editor/icons/_fluent-dark.scss +1 -1
- package/styles/image-editor/icons/_fluent.scss +1 -0
- package/styles/image-editor/icons/_fluent2.scss +1 -0
- package/styles/image-editor/icons/_fusionnew.scss +1 -0
- package/styles/image-editor/icons/_highcontrast-light.scss +1 -0
- package/styles/image-editor/icons/_highcontrast.scss +1 -0
- package/styles/image-editor/icons/_material-dark.scss +1 -0
- package/styles/image-editor/icons/_material.scss +1 -0
- package/styles/image-editor/icons/_material3-dark.scss +1 -1
- package/styles/image-editor/icons/_material3.scss +1 -0
- package/styles/image-editor/icons/_tailwind-dark.scss +1 -1
- package/styles/image-editor/icons/_tailwind.scss +1 -0
- package/styles/image-editor/icons/_tailwind3.scss +1 -0
- package/styles/image-editor/material-dark.css +93 -60
- package/styles/image-editor/material-dark.scss +14 -14
- package/styles/image-editor/material.css +93 -60
- package/styles/image-editor/material.scss +14 -14
- package/styles/image-editor/material3-dark.css +572 -60
- package/styles/image-editor/material3-dark.scss +14 -15
- package/styles/image-editor/material3.css +582 -60
- package/styles/image-editor/material3.scss +14 -15
- package/styles/image-editor/tailwind-dark.css +82 -60
- package/styles/image-editor/tailwind-dark.scss +14 -14
- package/styles/image-editor/tailwind.css +82 -60
- package/styles/image-editor/tailwind.scss +14 -14
- package/styles/image-editor/tailwind3.css +606 -84
- package/styles/image-editor/tailwind3.scss +14 -14
- package/styles/material-dark-lite.css +69 -57
- package/styles/material-dark-lite.scss +13 -13
- package/styles/material-dark.css +93 -60
- package/styles/material-dark.scss +14 -14
- package/styles/material-lite.css +69 -57
- package/styles/material-lite.scss +12 -13
- package/styles/material.css +93 -60
- package/styles/material.scss +13 -14
- package/styles/material3-dark-lite.css +466 -57
- package/styles/material3-dark-lite.scss +13 -13
- package/styles/material3-dark.css +572 -60
- package/styles/material3-dark.scss +14 -16
- package/styles/material3-lite.css +474 -57
- package/styles/material3-lite.scss +13 -13
- package/styles/material3.css +582 -60
- package/styles/material3.scss +14 -16
- package/styles/tailwind-dark-lite.css +58 -57
- package/styles/tailwind-dark-lite.scss +13 -13
- package/styles/tailwind-dark.css +82 -60
- package/styles/tailwind-dark.scss +14 -14
- package/styles/tailwind-lite.css +58 -57
- package/styles/tailwind-lite.scss +13 -13
- package/styles/tailwind.css +82 -60
- package/styles/tailwind.scss +14 -14
- package/styles/tailwind3-lite.css +492 -72
- package/styles/tailwind3-lite.scss +13 -13
- package/styles/tailwind3.css +606 -84
- package/styles/tailwind3.scss +14 -14
package/README.md
CHANGED
|
@@ -13,7 +13,7 @@ The [JavaScript Image Editor](https://www.syncfusion.com/javascript-ui-controls/
|
|
|
13
13
|
<p align="center">
|
|
14
14
|
Trusted by the world's leading companies
|
|
15
15
|
<a href="https://www.syncfusion.com">
|
|
16
|
-
<img src="https://
|
|
16
|
+
<img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
|
|
17
17
|
</a>
|
|
18
18
|
</p>
|
|
19
19
|
|
|
@@ -44,16 +44,6 @@ Image Editor control is also offered in the following list of frameworks.
|
|
|
44
44
|
* RTL and localization support: The control supports RTL (right-to-left) mode and provides inherent support for localization, allowing users to easily translate the user interface into different languages.
|
|
45
45
|
* Various theme support: The component supports a range of themes, including fluent, tailwind css, bootstrap 5, material, and high contrast, giving users the ability to customize the look and feel of the image editor to match their preferences or brand guidelines.
|
|
46
46
|
|
|
47
|
-
## Resources
|
|
48
|
-
|
|
49
|
-
* [Documentation](https://ej2.syncfusion.com/documentation/image-editor/getting-started)
|
|
50
|
-
* [Theme Studio](https://ej2.syncfusion.com/themestudio/)
|
|
51
|
-
* [Custom Resource Generator](https://crg.syncfusion.com/)
|
|
52
|
-
* [What's New](https://www.syncfusion.com/products/whatsnew/essential-js2?utm_medium=listing&utm_source=github)
|
|
53
|
-
* [Road Map](https://www.syncfusion.com/products/roadmap/essential-js2?utm_medium=listing&utm_source=github)
|
|
54
|
-
* [E-Books](https://www.syncfusion.com/ebooks?tag=javascript&utm_medium=listing&utm_source=github)
|
|
55
|
-
|
|
56
|
-
|
|
57
47
|
## Support
|
|
58
48
|
|
|
59
49
|
Product support is available through the following mediums,
|
|
@@ -70,10 +60,10 @@ Check the changelog [here](https://github.com/syncfusion/ej2-javascript-ui-contr
|
|
|
70
60
|
|
|
71
61
|
## License and copyright
|
|
72
62
|
|
|
73
|
-
> This is a commercial product and requires a paid license for possession or use. Syncfusion<sup>®</sup> licensed software, including this component, is subject to the terms and conditions of Syncfusion<sup>®</sup> [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for
|
|
63
|
+
> This is a commercial product and requires a paid license for possession or use. Syncfusion<sup>®</sup> licensed software, including this component, is subject to the terms and conditions of Syncfusion<sup>®</sup> [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [JavaScript UI controls](https://www.syncfusion.com/javascript-ui-controls), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
|
|
74
64
|
|
|
75
65
|
> A [free community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
|
|
76
66
|
|
|
77
67
|
See [LICENSE FILE](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=javascript-image-editor-npm) for more info.
|
|
78
68
|
|
|
79
|
-
© Copyright
|
|
69
|
+
© Copyright 2026 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.
|
package/aceconfig.js
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
//Config file for Accessibility-Checker
|
|
2
|
+
module.exports = {
|
|
3
|
+
ruleArchive: "18March2024",
|
|
4
|
+
policies: ["WCAG_2_1","IBM_Accessibility"],
|
|
5
|
+
failLevels: ["violation", "potentialviolation"],
|
|
6
|
+
reportLevels: [
|
|
7
|
+
"violation",
|
|
8
|
+
"potentialviolation",
|
|
9
|
+
"recommendation",
|
|
10
|
+
"potentialrecommendation",
|
|
11
|
+
"manual",
|
|
12
|
+
"pass",
|
|
13
|
+
],
|
|
14
|
+
outputFormat: ["html","json"],
|
|
15
|
+
label: [process.env.TRAVIS_BRANCH],
|
|
16
|
+
outputFolder:"accessibility-reports",
|
|
17
|
+
};
|