@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
@@ -4962,14 +4962,16 @@ var Draw = /** @__PURE__ @class */ (function () {
4962
4962
  this.openImageData(dropArea);
4963
4963
  return;
4964
4964
  }
4965
- var fileType = this.getFileExtensionFromURL(this.openURL).toLowerCase();
4965
+ var fileType = this.getFileExtensionFromURL(this.openURL);
4966
4966
  if (fileType) {
4967
+ fileType = fileType.toLowerCase();
4967
4968
  fileType = (fileType === 'jpg' || fileType === 'jpeg') ? 'jpeg' : fileType;
4968
4969
  }
4969
4970
  var isAllowedFileType = (fileType ? (extension.indexOf(fileType) > -1 ||
4970
4971
  (fileType === 'jpeg' && (parent.uploadSettings.allowedExtensions.indexOf('jpg') > -1 ||
4971
4972
  parent.uploadSettings.allowedExtensions.indexOf('jpeg') > -1))) : false) || this.isNullExtension;
4972
- if (this.openURL.indexOf('data:image/') > -1 && this.openURL.indexOf('base64') > -1) {
4973
+ if ((this.openURL.indexOf('data:image/') > -1 && this.openURL.indexOf('base64') > -1) ||
4974
+ this.openURL.indexOf('blob') > -1) {
4973
4975
  this.openImageData(dropArea, true);
4974
4976
  }
4975
4977
  else if (parent.uploadSettings.minFileSize || parent.uploadSettings.maxFileSize) {
@@ -22451,7 +22453,7 @@ var ImageEditor = /** @__PURE__ @class */ (function (_super) {
22451
22453
  this.notify('toolbar', { prop: 'create-contextual-toolbar', onPropertyChange: false });
22452
22454
  }
22453
22455
  if (!this.uploadSettings.allowedExtensions) {
22454
- this.uploadSettings.allowedExtensions = '.jpg, .jpeg, .png, .svg, .webp';
22456
+ this.setProperties({ uploadSettings: { allowedExtensions: '.jpg, .jpeg, .png, .svg, .webp' } }, true);
22455
22457
  }
22456
22458
  else {
22457
22459
  this.notify('draw', { prop: 'setNullExtension', value: { extension: false } });
@@ -28065,9 +28067,12 @@ var ToolbarModule = /** @__PURE__ @class */ (function () {
28065
28067
  this.parent.notify('draw', { prop: 'fileSelect', value: { inputElement: inputElement, args: args } });
28066
28068
  }
28067
28069
  else {
28068
- if (!this.parent.isImageLoaded && !Browser.isDevice) {
28070
+ if (!this.parent.isImageLoaded) {
28069
28071
  this.destroyTopToolbar();
28070
28072
  this.createToolbar();
28073
+ if (Browser.isDevice) {
28074
+ this.destroyBottomToolbar();
28075
+ }
28071
28076
  }
28072
28077
  this.parent.showDialogPopup('unsupported', !((filesTypes.indexOf(type) > -1 || isJPG || (type.indexOf('svg') > -1 && filesTypes.indexOf('svg') > -1))));
28073
28078
  }