@syncfusion/ej2-richtexteditor 25.1.37 → 25.1.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 (39) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/ej2-richtexteditor.min.js +2 -2
  3. package/dist/ej2-richtexteditor.umd.min.js +2 -2
  4. package/dist/ej2-richtexteditor.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-richtexteditor.es2015.js +43 -35
  6. package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-richtexteditor.es5.js +42 -34
  8. package/dist/es6/ej2-richtexteditor.es5.js.map +1 -1
  9. package/dist/global/ej2-richtexteditor.min.js +2 -2
  10. package/dist/global/ej2-richtexteditor.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +10 -10
  13. package/src/editor-manager/plugin/inserthtml.js +16 -19
  14. package/src/editor-manager/plugin/lists.js +19 -11
  15. package/src/rich-text-editor/actions/html-editor.js +0 -3
  16. package/src/rich-text-editor/actions/quick-toolbar.js +4 -0
  17. package/src/rich-text-editor/renderer/toolbar-renderer.js +3 -1
  18. package/styles/bootstrap-dark.css +10 -7
  19. package/styles/bootstrap.css +3 -3
  20. package/styles/fluent-dark.css +17 -5
  21. package/styles/fluent.css +17 -5
  22. package/styles/material-dark.css +1 -1
  23. package/styles/material.css +1 -1
  24. package/styles/rich-text-editor/_bootstrap-dark-definition.scss +4 -4
  25. package/styles/rich-text-editor/_bootstrap-definition.scss +2 -2
  26. package/styles/rich-text-editor/_fluent-definition.scss +5 -5
  27. package/styles/rich-text-editor/_layout.scss +3 -3
  28. package/styles/rich-text-editor/_tailwind-definition.scss +5 -5
  29. package/styles/rich-text-editor/_theme.scss +21 -0
  30. package/styles/rich-text-editor/bootstrap-dark.css +10 -7
  31. package/styles/rich-text-editor/bootstrap.css +3 -3
  32. package/styles/rich-text-editor/fluent-dark.css +17 -5
  33. package/styles/rich-text-editor/fluent.css +17 -5
  34. package/styles/rich-text-editor/material-dark.css +1 -1
  35. package/styles/rich-text-editor/material.css +1 -1
  36. package/styles/rich-text-editor/tailwind-dark.css +9 -9
  37. package/styles/rich-text-editor/tailwind.css +9 -9
  38. package/styles/tailwind-dark.css +9 -9
  39. package/styles/tailwind.css +9 -9
@@ -3944,9 +3944,11 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
3944
3944
  for (var index = 0; index < args.element.childNodes.length; index++) {
3945
3945
  if (currentListStyle === args.element.childNodes[index].innerHTML.split(' ').join('').toLocaleLowerCase()) {
3946
3946
  addClass([args.element.childNodes[index]], 'e-active');
3947
+ break;
3947
3948
  }
3948
- else if (currentListStyle === '') {
3949
+ else if (currentListStyle === '' && args.element.childNodes[index].innerHTML !== 'None') {
3949
3950
  addClass([args.element.childNodes[index]], 'e-active');
3951
+ break;
3950
3952
  }
3951
3953
  }
3952
3954
  }
@@ -7114,6 +7116,10 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
7114
7116
  };
7115
7117
  QuickToolbar.prototype.keyDownHandler = function (e) {
7116
7118
  var preventHide = e.args.altKey;
7119
+ if (this.parent.inlineMode.enable && e.args.metaKey && e.args.keyCode === 65) {
7120
+ this.showInlineQTBar(this.offsetX, this.offsetY, e.args.target);
7121
+ return;
7122
+ }
7117
7123
  if (!preventHide) {
7118
7124
  if ((this.parent.inlineMode.enable && (!Browser.isDevice || isIDevice()))
7119
7125
  && !isNullOrUndefined(select('.' + CLS_INLINE_POP, document))) {
@@ -12500,6 +12506,7 @@ var Lists = /** @__PURE__ @class */ (function () {
12500
12506
  endNode = endNode.nodeName === 'BR' ? endNode.parentElement : endNode;
12501
12507
  startNode = startNode.nodeName !== 'LI' && !isNullOrUndefined(startNode.closest('LI')) ? startNode.closest('LI') : startNode;
12502
12508
  endNode = endNode.nodeName !== 'LI' && endNode.nodeName !== '#text' && !isNullOrUndefined(endNode.closest('LI')) ? endNode.closest('LI') : endNode;
12509
+ var parentList = (range.startContainer.nodeName === '#text') ? range.startContainer.parentElement.closest('li') : range.startContainer.closest('li');
12503
12510
  if (((range.commonAncestorContainer.nodeName === 'OL' || range.commonAncestorContainer.nodeName === 'UL' || range.commonAncestorContainer.nodeName === 'LI') &&
12504
12511
  isNullOrUndefined(endNode.nextElementSibling) && endNode.textContent.length === range.endOffset &&
12505
12512
  isNullOrUndefined(startNode.previousElementSibling) && range.startOffset === 0) ||
@@ -12516,6 +12523,12 @@ var Lists = /** @__PURE__ @class */ (function () {
12516
12523
  }
12517
12524
  e.event.preventDefault();
12518
12525
  }
12526
+ else if (!isNullOrUndefined(parentList) && parentList.textContent === range.startContainer.textContent && parentList.closest('li').previousElementSibling === null) {
12527
+ range.deleteContents();
12528
+ this.parent.editableElement.querySelectorAll('li:empty').forEach(function (e) { return e.remove(); });
12529
+ this.parent.editableElement.querySelectorAll('ol:empty').forEach(function (e) { return e.remove(); });
12530
+ e.event.preventDefault();
12531
+ }
12519
12532
  };
12520
12533
  Lists.prototype.onKeyUp = function () {
12521
12534
  if (!isNullOrUndefined(this.commonLIParent) && !isNullOrUndefined(this.commonLIParent.querySelector('.removeList'))) {
@@ -12555,7 +12568,7 @@ var Lists = /** @__PURE__ @class */ (function () {
12555
12568
  if (e.event.which === 8) {
12556
12569
  this.backspaceList(e);
12557
12570
  }
12558
- if (e.event.which === 46 && e.event.action === 'delete') {
12571
+ if ((e.event.which === 46 && e.event.action === 'delete') || (e.event.which === 88 && e.event.action === 'cut')) {
12559
12572
  var range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
12560
12573
  var commonAncestor = range.commonAncestorContainer;
12561
12574
  var startEle = range.startContainer;
@@ -13145,17 +13158,18 @@ var Lists = /** @__PURE__ @class */ (function () {
13145
13158
  var wrapperclass = isNullOrUndefined(className) ? ' class="e-rte-wrap-inner"' :
13146
13159
  ' class="' + className + ' e-rte-wrap-inner"';
13147
13160
  var parentElement = parentNode;
13148
- if (!isNullOrUndefined(parentElement.style.listStyleType)) {
13149
- parentNode.style.removeProperty("list-style-type");
13150
- }
13151
- if (!isNullOrUndefined(parentElement.style.listStyleImage)) {
13152
- parentNode.style.removeProperty("list-style-image");
13153
- }
13154
- if (parentElement.style.length === 0) {
13155
- parentNode.removeAttribute("style");
13161
+ if (elements.length === parentElement.querySelectorAll('li').length) {
13162
+ if (!isNullOrUndefined(parentElement.style.listStyleType)) {
13163
+ parentNode.style.removeProperty('list-style-type');
13164
+ }
13165
+ if (!isNullOrUndefined(parentElement.style.listStyleImage)) {
13166
+ parentNode.style.removeProperty('list-style-image');
13167
+ }
13168
+ if (parentElement.style.length === 0) {
13169
+ parentNode.removeAttribute('style');
13170
+ }
13156
13171
  }
13157
- var wrapper = '<' + DEFAULT_TAG + wrapperclass +
13158
- this.domNode.attributes(parentElement) + '></' + DEFAULT_TAG + '>';
13172
+ var wrapper = '<' + DEFAULT_TAG + wrapperclass + '></' + DEFAULT_TAG + '>';
13159
13173
  if (e.enterAction !== 'BR') {
13160
13174
  this.domNode.wrapInner(element, this.domNode.parseHTMLFragment(wrapper));
13161
13175
  }
@@ -14116,25 +14130,22 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
14116
14130
  TABLE_BLOCK_TAGS.indexOf(closestParentNode.tagName.toLocaleLowerCase()) !== -1))
14117
14131
  || (node.nodeName.toLowerCase() === 'table' && closestParentNode &&
14118
14132
  TABLE_BLOCK_TAGS.indexOf(closestParentNode.tagName.toLocaleLowerCase()) === -1))) {
14119
- if (isCollapsed) {
14120
- preNode = nodeCutter.SplitNode(range, closestParentNode, true);
14121
- }
14122
- else {
14123
- preNode = nodeCutter.SplitNode(range, closestParentNode, false);
14124
- }
14125
- sibNode = isNullOrUndefined(preNode.previousSibling) ? preNode.parentNode.previousSibling : preNode.previousSibling;
14126
- if (nodes.length === 1) {
14127
- nodeSelection.setSelectionContents(docElement, preNode);
14128
- range = nodeSelection.getRange(docElement);
14129
- isSingleNode = true;
14130
- }
14131
- else {
14132
- lasNode = nodeCutter.GetSpliceNode(range, nodes[nodes.length - 1].parentElement);
14133
- lasNode = isNullOrUndefined(lasNode) ? preNode : lasNode;
14134
- nodeSelection.setSelectionText(docElement, preNode, lasNode, 0, (lasNode.nodeType === 3) ?
14135
- lasNode.textContent.length : lasNode.childNodes.length);
14136
- range = nodeSelection.getRange(docElement);
14137
- isSingleNode = false;
14133
+ preNode = nodeCutter.GetSpliceNode(range, closestParentNode);
14134
+ if (!isNullOrUndefined(preNode)) {
14135
+ sibNode = isNullOrUndefined(preNode.previousSibling) ? preNode.parentNode.previousSibling : preNode.previousSibling;
14136
+ if (nodes.length === 1) {
14137
+ nodeSelection.setSelectionContents(docElement, preNode);
14138
+ range = nodeSelection.getRange(docElement);
14139
+ isSingleNode = true;
14140
+ }
14141
+ else {
14142
+ lasNode = nodeCutter.GetSpliceNode(range, nodes[nodes.length - 1].parentElement);
14143
+ lasNode = isNullOrUndefined(lasNode) ? preNode : lasNode;
14144
+ nodeSelection.setSelectionText(docElement, preNode, lasNode, 0, (lasNode.nodeType === 3) ?
14145
+ lasNode.textContent.length : lasNode.childNodes.length);
14146
+ range = nodeSelection.getRange(docElement);
14147
+ isSingleNode = false;
14148
+ }
14138
14149
  }
14139
14150
  }
14140
14151
  var containsBlockNode = false;
@@ -21529,9 +21540,6 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
21529
21540
  };
21530
21541
  HtmlEditor.prototype.onSelectionRestore = function (e) {
21531
21542
  this.parent.isBlur = false;
21532
- if (isNullOrUndefined(this.saveSelection) || isNullOrUndefined(closest(this.saveSelection.range.startContainer.parentElement, ".e-img-caption")) ? true : !(closest(this.saveSelection.range.startContainer.parentElement, ".e-img-caption").getAttribute("contenteditable") == "false")) {
21533
- this.contentRenderer.getEditPanel().focus();
21534
- }
21535
21543
  if (isNullOrUndefined(e.items) || e.items) {
21536
21544
  this.saveSelection.restore();
21537
21545
  }