@syncfusion/ej2-image-editor 28.1.33 → 28.1.41

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 (79) hide show
  1. package/README.md +1 -1
  2. package/dist/ej2-image-editor.umd.min.js +2 -2
  3. package/dist/ej2-image-editor.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-image-editor.es2015.js +9 -4
  5. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  6. package/dist/es6/ej2-image-editor.es5.js +9 -4
  7. package/dist/es6/ej2-image-editor.es5.js.map +1 -1
  8. package/dist/global/ej2-image-editor.min.js +2 -2
  9. package/dist/global/ej2-image-editor.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +11 -11
  12. package/src/image-editor/action/draw.js +4 -2
  13. package/src/image-editor/base/image-editor.js +1 -1
  14. package/src/image-editor/renderer/toolbar.js +4 -1
  15. package/styles/bds-lite.css +4 -0
  16. package/styles/bds.css +4 -0
  17. package/styles/bootstrap-dark-lite.css +4 -0
  18. package/styles/bootstrap-dark.css +4 -0
  19. package/styles/bootstrap-lite.css +4 -0
  20. package/styles/bootstrap.css +4 -0
  21. package/styles/bootstrap4-lite.css +4 -0
  22. package/styles/bootstrap4.css +4 -0
  23. package/styles/bootstrap5-dark-lite.css +4 -0
  24. package/styles/bootstrap5-dark.css +4 -0
  25. package/styles/bootstrap5-lite.css +4 -0
  26. package/styles/bootstrap5.3-lite.css +4 -0
  27. package/styles/bootstrap5.3.css +4 -0
  28. package/styles/bootstrap5.css +4 -0
  29. package/styles/fabric-dark-lite.css +4 -0
  30. package/styles/fabric-dark.css +4 -0
  31. package/styles/fabric-lite.css +4 -0
  32. package/styles/fabric.css +4 -0
  33. package/styles/fluent-dark-lite.css +4 -0
  34. package/styles/fluent-dark.css +4 -0
  35. package/styles/fluent-lite.css +4 -0
  36. package/styles/fluent.css +4 -0
  37. package/styles/fluent2-lite.css +4 -0
  38. package/styles/fluent2.css +4 -0
  39. package/styles/highcontrast-light-lite.css +4 -0
  40. package/styles/highcontrast-light.css +4 -0
  41. package/styles/highcontrast-lite.css +4 -0
  42. package/styles/highcontrast.css +4 -0
  43. package/styles/image-editor/_layout.scss +5 -1
  44. package/styles/image-editor/_tailwind3-definition.scss +5 -5
  45. package/styles/image-editor/bds.css +4 -0
  46. package/styles/image-editor/bootstrap-dark.css +4 -0
  47. package/styles/image-editor/bootstrap.css +4 -0
  48. package/styles/image-editor/bootstrap4.css +4 -0
  49. package/styles/image-editor/bootstrap5-dark.css +4 -0
  50. package/styles/image-editor/bootstrap5.3.css +4 -0
  51. package/styles/image-editor/bootstrap5.css +4 -0
  52. package/styles/image-editor/fabric-dark.css +4 -0
  53. package/styles/image-editor/fabric.css +4 -0
  54. package/styles/image-editor/fluent-dark.css +4 -0
  55. package/styles/image-editor/fluent.css +4 -0
  56. package/styles/image-editor/fluent2.css +4 -0
  57. package/styles/image-editor/highcontrast-light.css +4 -0
  58. package/styles/image-editor/highcontrast.css +4 -0
  59. package/styles/image-editor/material-dark.css +4 -0
  60. package/styles/image-editor/material.css +4 -0
  61. package/styles/image-editor/material3-dark.css +4 -0
  62. package/styles/image-editor/material3.css +4 -0
  63. package/styles/image-editor/tailwind-dark.css +4 -0
  64. package/styles/image-editor/tailwind.css +4 -0
  65. package/styles/image-editor/tailwind3.css +12 -8
  66. package/styles/material-dark-lite.css +4 -0
  67. package/styles/material-dark.css +4 -0
  68. package/styles/material-lite.css +4 -0
  69. package/styles/material.css +4 -0
  70. package/styles/material3-dark-lite.css +4 -0
  71. package/styles/material3-dark.css +4 -0
  72. package/styles/material3-lite.css +4 -0
  73. package/styles/material3.css +4 -0
  74. package/styles/tailwind-dark-lite.css +4 -0
  75. package/styles/tailwind-dark.css +4 -0
  76. package/styles/tailwind-lite.css +4 -0
  77. package/styles/tailwind.css +4 -0
  78. package/styles/tailwind3-lite.css +8 -4
  79. package/styles/tailwind3.css +12 -8
@@ -4921,14 +4921,16 @@ class Draw {
4921
4921
  this.openImageData(dropArea);
4922
4922
  return;
4923
4923
  }
4924
- let fileType = this.getFileExtensionFromURL(this.openURL).toLowerCase();
4924
+ let fileType = this.getFileExtensionFromURL(this.openURL);
4925
4925
  if (fileType) {
4926
+ fileType = fileType.toLowerCase();
4926
4927
  fileType = (fileType === 'jpg' || fileType === 'jpeg') ? 'jpeg' : fileType;
4927
4928
  }
4928
4929
  const isAllowedFileType = (fileType ? (extension.indexOf(fileType) > -1 ||
4929
4930
  (fileType === 'jpeg' && (parent.uploadSettings.allowedExtensions.indexOf('jpg') > -1 ||
4930
4931
  parent.uploadSettings.allowedExtensions.indexOf('jpeg') > -1))) : false) || this.isNullExtension;
4931
- if (this.openURL.indexOf('data:image/') > -1 && this.openURL.indexOf('base64') > -1) {
4932
+ if ((this.openURL.indexOf('data:image/') > -1 && this.openURL.indexOf('base64') > -1) ||
4933
+ this.openURL.indexOf('blob') > -1) {
4932
4934
  this.openImageData(dropArea, true);
4933
4935
  }
4934
4936
  else if (parent.uploadSettings.minFileSize || parent.uploadSettings.maxFileSize) {
@@ -22340,7 +22342,7 @@ let ImageEditor = ImageEditor_1 = class ImageEditor extends Component {
22340
22342
  this.notify('toolbar', { prop: 'create-contextual-toolbar', onPropertyChange: false });
22341
22343
  }
22342
22344
  if (!this.uploadSettings.allowedExtensions) {
22343
- this.uploadSettings.allowedExtensions = '.jpg, .jpeg, .png, .svg, .webp';
22345
+ this.setProperties({ uploadSettings: { allowedExtensions: '.jpg, .jpeg, .png, .svg, .webp' } }, true);
22344
22346
  }
22345
22347
  else {
22346
22348
  this.notify('draw', { prop: 'setNullExtension', value: { extension: false } });
@@ -27944,9 +27946,12 @@ class ToolbarModule {
27944
27946
  this.parent.notify('draw', { prop: 'fileSelect', value: { inputElement: inputElement, args: args } });
27945
27947
  }
27946
27948
  else {
27947
- if (!this.parent.isImageLoaded && !Browser.isDevice) {
27949
+ if (!this.parent.isImageLoaded) {
27948
27950
  this.destroyTopToolbar();
27949
27951
  this.createToolbar();
27952
+ if (Browser.isDevice) {
27953
+ this.destroyBottomToolbar();
27954
+ }
27950
27955
  }
27951
27956
  this.parent.showDialogPopup('unsupported', !((filesTypes.indexOf(type) > -1 || isJPG || (type.indexOf('svg') > -1 && filesTypes.indexOf('svg') > -1))));
27952
27957
  }