@syncfusion/ej2-richtexteditor 20.2.36 → 20.2.38

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 (61) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/ej2-richtexteditor.umd.min.js +2 -2
  3. package/dist/ej2-richtexteditor.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-richtexteditor.es2015.js +19 -9
  5. package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
  6. package/dist/es6/ej2-richtexteditor.es5.js +19 -9
  7. package/dist/es6/ej2-richtexteditor.es5.js.map +1 -1
  8. package/dist/global/ej2-richtexteditor.min.js +2 -2
  9. package/dist/global/ej2-richtexteditor.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +12 -12
  12. package/src/editor-manager/plugin/lists.js +2 -0
  13. package/src/rich-text-editor/actions/full-screen.js +4 -2
  14. package/src/rich-text-editor/base/rich-text-editor.js +6 -2
  15. package/src/rich-text-editor/renderer/image-module.js +6 -3
  16. package/src/rich-text-editor/renderer/table-module.js +1 -1
  17. package/styles/bootstrap-dark.css +49 -0
  18. package/styles/bootstrap.css +49 -0
  19. package/styles/bootstrap4.css +49 -0
  20. package/styles/bootstrap5-dark.css +49 -0
  21. package/styles/bootstrap5.css +49 -0
  22. package/styles/fabric-dark.css +49 -0
  23. package/styles/fabric.css +49 -0
  24. package/styles/fluent-dark.css +49 -0
  25. package/styles/fluent.css +49 -0
  26. package/styles/highcontrast-light.css +49 -0
  27. package/styles/highcontrast.css +49 -0
  28. package/styles/material-dark.css +49 -0
  29. package/styles/material.css +49 -0
  30. package/styles/rich-text-editor/_bootstrap-dark-definition.scss +17 -16
  31. package/styles/rich-text-editor/_bootstrap-definition.scss +17 -16
  32. package/styles/rich-text-editor/_bootstrap4-definition.scss +17 -16
  33. package/styles/rich-text-editor/_bootstrap5-definition.scss +17 -16
  34. package/styles/rich-text-editor/_fabric-dark-definition.scss +17 -16
  35. package/styles/rich-text-editor/_fabric-definition.scss +17 -16
  36. package/styles/rich-text-editor/_fluent-definition.scss +17 -16
  37. package/styles/rich-text-editor/_fusionnew-definition.scss +17 -16
  38. package/styles/rich-text-editor/_highcontrast-definition.scss +17 -16
  39. package/styles/rich-text-editor/_highcontrast-light-definition.scss +17 -16
  40. package/styles/rich-text-editor/_layout.scss +56 -0
  41. package/styles/rich-text-editor/_material-dark-definition.scss +17 -16
  42. package/styles/rich-text-editor/_material-definition.scss +17 -16
  43. package/styles/rich-text-editor/_material3-definition.scss +17 -16
  44. package/styles/rich-text-editor/_tailwind-definition.scss +17 -16
  45. package/styles/rich-text-editor/bootstrap-dark.css +49 -0
  46. package/styles/rich-text-editor/bootstrap.css +49 -0
  47. package/styles/rich-text-editor/bootstrap4.css +49 -0
  48. package/styles/rich-text-editor/bootstrap5-dark.css +49 -0
  49. package/styles/rich-text-editor/bootstrap5.css +49 -0
  50. package/styles/rich-text-editor/fabric-dark.css +49 -0
  51. package/styles/rich-text-editor/fabric.css +49 -0
  52. package/styles/rich-text-editor/fluent-dark.css +49 -0
  53. package/styles/rich-text-editor/fluent.css +49 -0
  54. package/styles/rich-text-editor/highcontrast-light.css +49 -0
  55. package/styles/rich-text-editor/highcontrast.css +49 -0
  56. package/styles/rich-text-editor/material-dark.css +49 -0
  57. package/styles/rich-text-editor/material.css +49 -0
  58. package/styles/rich-text-editor/tailwind-dark.css +49 -0
  59. package/styles/rich-text-editor/tailwind.css +49 -0
  60. package/styles/tailwind-dark.css +49 -0
  61. package/styles/tailwind.css +49 -0
@@ -10897,6 +10897,8 @@ class Lists {
10897
10897
  let endNode = this.parent.domNode.getSelectedNode(range.endContainer, range.endOffset);
10898
10898
  startNode = startNode.nodeName === 'BR' ? startNode.parentElement : startNode;
10899
10899
  endNode = endNode.nodeName === 'BR' ? endNode.parentElement : endNode;
10900
+ startNode = startNode.nodeName !== 'LI' && !isNullOrUndefined(startNode.closest('LI')) ? startNode.closest('LI') : startNode;
10901
+ endNode = endNode.nodeName !== 'LI' && !isNullOrUndefined(endNode.closest('LI')) ? endNode.closest('LI') : endNode;
10900
10902
  if (((range.commonAncestorContainer.nodeName === 'OL' || range.commonAncestorContainer.nodeName === 'UL' || range.commonAncestorContainer.nodeName === 'LI') &&
10901
10903
  isNullOrUndefined(endNode.nextElementSibling) && endNode.textContent.length === range.endOffset &&
10902
10904
  isNullOrUndefined(startNode.previousElementSibling) && range.startOffset === 0) ||
@@ -19584,7 +19586,8 @@ class FullScreen {
19584
19586
  }
19585
19587
  this.parent.element.classList.add(CLS_FULL_SCREEN);
19586
19588
  this.toggleParentOverflow(true);
19587
- this.parent.setContentHeight();
19589
+ let isExpand = this.parent.element.querySelectorAll('.e-toolbar-extended.e-popup-open').length > 0 ? true : false;
19590
+ this.parent.setContentHeight(null, isExpand);
19588
19591
  if (this.parent.toolbarModule) {
19589
19592
  if (!this.parent.getBaseToolbarObject().toolbarObj.items[0].properties) {
19590
19593
  this.parent.getBaseToolbarObject().toolbarObj.removeItems(0);
@@ -19630,7 +19633,8 @@ class FullScreen {
19630
19633
  for (let i = 0; i < elem.length; i++) {
19631
19634
  removeClass([elem[i]], ['e-rte-overflow']);
19632
19635
  }
19633
- this.parent.setContentHeight();
19636
+ let isExpand = this.parent.element.querySelectorAll('.e-toolbar-extended.e-popup-open').length > 0 ? true : false;
19637
+ this.parent.setContentHeight(null, isExpand);
19634
19638
  if (this.parent.toolbarModule) {
19635
19639
  if (!this.parent.getBaseToolbarObject().toolbarObj.items[0].properties) {
19636
19640
  this.parent.getBaseToolbarObject().toolbarObj.removeItems(0);
@@ -21346,7 +21350,8 @@ class Image {
21346
21350
  buttonModel: {
21347
21351
  content: linkUpdate, cssClass: 'e-flat e-update-link' + ' ' + this.parent.cssClass, isPrimary: true
21348
21352
  }
21349
- }]
21353
+ }],
21354
+ cssClass: this.dialogObj.cssClass + ' e-rte-img-link-dialog'
21350
21355
  });
21351
21356
  if (!isNullOrUndefined(this.parent.cssClass)) {
21352
21357
  this.dialogObj.setProperties({ cssClass: this.parent.cssClass });
@@ -21393,7 +21398,8 @@ class Image {
21393
21398
  buttonModel: {
21394
21399
  content: linkUpdate, cssClass: 'e-flat e-update-alt' + ' ' + this.parent.cssClass, isPrimary: true
21395
21400
  }
21396
- }]
21401
+ }],
21402
+ cssClass: this.dialogObj.cssClass + ' e-rte-img-alt-dialog'
21397
21403
  });
21398
21404
  if (!isNullOrUndefined(this.parent.cssClass)) {
21399
21405
  this.dialogObj.setProperties({ cssClass: this.parent.cssClass });
@@ -21615,7 +21621,8 @@ class Image {
21615
21621
  buttonModel: {
21616
21622
  content: linkUpdate, cssClass: 'e-flat e-update-size' + ' ' + this.parent.cssClass, isPrimary: true
21617
21623
  }
21618
- }]
21624
+ }],
21625
+ cssClass: this.dialogObj.cssClass + ' e-rte-img-size-dialog'
21619
21626
  });
21620
21627
  if (!isNullOrUndefined(this.parent.cssClass)) {
21621
21628
  this.dialogObj.setProperties({ cssClass: this.parent.cssClass });
@@ -24023,7 +24030,7 @@ class Table {
24023
24030
  },
24024
24031
  buttonModel: { cssClass: 'e-flat e-cancel' + ' ' + this.parent.cssClass, content: cancel }
24025
24032
  }],
24026
- cssClass: this.parent.cssClass
24033
+ cssClass: this.editdlgObj.cssClass + ' e-rte-edit-table-prop-dialog'
24027
24034
  });
24028
24035
  this.editdlgObj.element.style.maxHeight = 'none';
24029
24036
  this.editdlgObj.content.querySelector('input').focus();
@@ -25627,14 +25634,17 @@ let RichTextEditor = class RichTextEditor extends Component {
25627
25634
  const currentEndContainer = range.endContainer;
25628
25635
  const currentStartOffset = range.startOffset;
25629
25636
  const isSameContainer = currentStartContainer === currentEndContainer ? true : false;
25630
- let currentEndOffset;
25631
25637
  const endNode = range.endContainer.nodeName === '#text' ? range.endContainer.parentElement :
25632
25638
  range.endContainer;
25633
25639
  const closestLI = closest(endNode, 'LI');
25634
25640
  if (!isNullOrUndefined(closestLI) && endNode.textContent.length === range.endOffset &&
25635
25641
  !range.collapsed && isNullOrUndefined(endNode.nextElementSibling)) {
25636
- closestLI.textContent = closestLI.textContent.trim();
25637
- currentEndOffset = closestLI.textContent.length - 1;
25642
+ for (let i = 0; i < closestLI.childNodes.length; i++) {
25643
+ if (closestLI.childNodes[i].nodeName === "#text" && closestLI.childNodes[i].textContent.trim().length === 0) {
25644
+ detach(closestLI.childNodes[i]);
25645
+ i--;
25646
+ }
25647
+ }
25638
25648
  let currentLastElem = closestLI;
25639
25649
  while (currentLastElem.nodeName !== '#text') {
25640
25650
  currentLastElem = currentLastElem.lastChild;