@syncfusion/ej2-richtexteditor 27.1.48 → 27.1.51

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 (82) hide show
  1. package/dist/ej2-richtexteditor.umd.min.js +2 -2
  2. package/dist/ej2-richtexteditor.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-richtexteditor.es2015.js +74 -17
  4. package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
  5. package/dist/es6/ej2-richtexteditor.es5.js +74 -17
  6. package/dist/es6/ej2-richtexteditor.es5.js.map +1 -1
  7. package/dist/global/ej2-richtexteditor.min.js +2 -2
  8. package/dist/global/ej2-richtexteditor.min.js.map +1 -1
  9. package/dist/global/index.d.ts +1 -1
  10. package/package.json +13 -14
  11. package/src/editor-manager/plugin/clearformat.js +13 -6
  12. package/src/editor-manager/plugin/inserthtml.js +22 -1
  13. package/src/editor-manager/plugin/ms-word-clean-up.js +17 -2
  14. package/src/editor-manager/plugin/table.js +3 -0
  15. package/src/rich-text-editor/actions/enter-key.js +7 -2
  16. package/src/rich-text-editor/actions/html-editor.js +3 -2
  17. package/src/rich-text-editor/actions/paste-clean-up.js +2 -1
  18. package/src/rich-text-editor/base/rich-text-editor-model.d.ts +8 -8
  19. package/src/rich-text-editor/base/rich-text-editor.d.ts +8 -8
  20. package/src/rich-text-editor/base/rich-text-editor.js +5 -1
  21. package/src/rich-text-editor/formatter/formatter.js +1 -1
  22. package/src/rich-text-editor/models/default-locale.js +1 -1
  23. package/src/rich-text-editor/renderer/image-module.js +1 -1
  24. package/styles/bootstrap-dark-lite.css +20 -0
  25. package/styles/bootstrap-dark.css +20 -0
  26. package/styles/bootstrap-lite.css +20 -0
  27. package/styles/bootstrap.css +20 -0
  28. package/styles/bootstrap4-lite.css +20 -0
  29. package/styles/bootstrap4.css +20 -0
  30. package/styles/bootstrap5-dark-lite.css +20 -0
  31. package/styles/bootstrap5-dark.css +20 -0
  32. package/styles/bootstrap5-lite.css +20 -0
  33. package/styles/bootstrap5.3-lite.css +26 -0
  34. package/styles/bootstrap5.3.css +26 -0
  35. package/styles/bootstrap5.css +20 -0
  36. package/styles/fabric-dark-lite.css +20 -0
  37. package/styles/fabric-dark.css +20 -0
  38. package/styles/fabric-lite.css +20 -0
  39. package/styles/fabric.css +20 -0
  40. package/styles/fluent-dark-lite.css +20 -0
  41. package/styles/fluent-dark.css +20 -0
  42. package/styles/fluent-lite.css +20 -0
  43. package/styles/fluent.css +20 -0
  44. package/styles/fluent2-lite.css +20 -0
  45. package/styles/fluent2.css +20 -0
  46. package/styles/highcontrast-light-lite.css +20 -0
  47. package/styles/highcontrast-light.css +20 -0
  48. package/styles/highcontrast-lite.css +20 -0
  49. package/styles/highcontrast.css +20 -0
  50. package/styles/material-dark-lite.css +20 -0
  51. package/styles/material-dark.css +20 -0
  52. package/styles/material-lite.css +20 -0
  53. package/styles/material.css +20 -0
  54. package/styles/material3-dark-lite.css +20 -0
  55. package/styles/material3-dark.css +20 -0
  56. package/styles/material3-lite.css +20 -0
  57. package/styles/material3.css +20 -0
  58. package/styles/rich-text-editor/_layout.scss +17 -1
  59. package/styles/rich-text-editor/_theme.scss +24 -6
  60. package/styles/rich-text-editor/bootstrap-dark.css +20 -0
  61. package/styles/rich-text-editor/bootstrap.css +20 -0
  62. package/styles/rich-text-editor/bootstrap4.css +20 -0
  63. package/styles/rich-text-editor/bootstrap5-dark.css +20 -0
  64. package/styles/rich-text-editor/bootstrap5.3.css +26 -0
  65. package/styles/rich-text-editor/bootstrap5.css +20 -0
  66. package/styles/rich-text-editor/fabric-dark.css +20 -0
  67. package/styles/rich-text-editor/fabric.css +20 -0
  68. package/styles/rich-text-editor/fluent-dark.css +20 -0
  69. package/styles/rich-text-editor/fluent.css +20 -0
  70. package/styles/rich-text-editor/fluent2.css +20 -0
  71. package/styles/rich-text-editor/highcontrast-light.css +20 -0
  72. package/styles/rich-text-editor/highcontrast.css +20 -0
  73. package/styles/rich-text-editor/material-dark.css +20 -0
  74. package/styles/rich-text-editor/material.css +20 -0
  75. package/styles/rich-text-editor/material3-dark.css +20 -0
  76. package/styles/rich-text-editor/material3.css +20 -0
  77. package/styles/rich-text-editor/tailwind-dark.css +20 -0
  78. package/styles/rich-text-editor/tailwind.css +20 -0
  79. package/styles/tailwind-dark-lite.css +20 -0
  80. package/styles/tailwind-dark.css +20 -0
  81. package/styles/tailwind-lite.css +20 -0
  82. package/styles/tailwind.css +20 -0
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 27.1.48
3
+ * version : 27.1.51
4
4
  * Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-richtexteditor@*",
3
- "_id": "@syncfusion/ej2-richtexteditor@26.1.35",
3
+ "_id": "@syncfusion/ej2-richtexteditor@27.1.50",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-P6ijwqIvMzSEaeLIafLqf5R/NczgQb+XhVlOAK3kXLVRTO7bczlG0R6xsz9Yyff8JpVVNXcsIlcVH/LQSfVENg==",
5
+ "_integrity": "sha512-orGMpNrcyPfYUwByIaO2zdQ0eDKJ07gaPEx01fLUObZHWZgqiBM6EpG6FRyCw0eybBJrgbr9+d4tmadweUZn+A==",
6
6
  "_location": "/@syncfusion/ej2-richtexteditor",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -25,8 +25,8 @@
25
25
  "/@syncfusion/ej2-react-richtexteditor",
26
26
  "/@syncfusion/ej2-vue-richtexteditor"
27
27
  ],
28
- "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-26.1.35.tgz",
29
- "_shasum": "e0cdcb98a0915f12e277f6d0e21c0aedfbb4f20c",
28
+ "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-27.1.50.tgz",
29
+ "_shasum": "b41d99da06db0fe513c5e6427603da956a09107c",
30
30
  "_spec": "@syncfusion/ej2-richtexteditor@*",
31
31
  "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
32
32
  "author": {
@@ -37,15 +37,14 @@
37
37
  },
38
38
  "bundleDependencies": false,
39
39
  "dependencies": {
40
- "@syncfusion/ej2-base": "~27.1.48",
41
- "@syncfusion/ej2-buttons": "~27.1.48",
42
- "@syncfusion/ej2-dropdowns": "~27.1.48",
43
- "@syncfusion/ej2-filemanager": "~27.1.48",
44
- "@syncfusion/ej2-inputs": "~27.1.48",
45
- "@syncfusion/ej2-navigations": "~27.1.48",
46
- "@syncfusion/ej2-popups": "~27.1.48",
47
- "@syncfusion/ej2-splitbuttons": "~27.1.48",
48
- "markdown-spellcheck": "^1.3.1"
40
+ "@syncfusion/ej2-base": "~27.1.50",
41
+ "@syncfusion/ej2-buttons": "~27.1.51",
42
+ "@syncfusion/ej2-dropdowns": "~27.1.51",
43
+ "@syncfusion/ej2-filemanager": "~27.1.51",
44
+ "@syncfusion/ej2-inputs": "~27.1.50",
45
+ "@syncfusion/ej2-navigations": "~27.1.51",
46
+ "@syncfusion/ej2-popups": "~27.1.50",
47
+ "@syncfusion/ej2-splitbuttons": "~27.1.50"
49
48
  },
50
49
  "deprecated": false,
51
50
  "description": "Essential JS 2 RichTextEditor component",
@@ -81,6 +80,6 @@
81
80
  "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
82
81
  },
83
82
  "typings": "index.d.ts",
84
- "version": "27.1.48",
83
+ "version": "27.1.51",
85
84
  "sideEffects": false
86
85
  }
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * `Clear Format` module is used to handle Clear Format.
3
3
  */
4
- import { closest } from '@syncfusion/ej2-base';
4
+ import { closest, isNullOrUndefined } from '@syncfusion/ej2-base';
5
5
  import { NodeSelection } from './../../selection/index';
6
6
  import { NodeCutter } from './nodecutter';
7
7
  import { DOMNode } from './dom-node';
@@ -173,9 +173,13 @@ var ClearFormat = /** @class */ (function () {
173
173
  nodeSelection.setSelectionText(docElement, parentNodes[index1], parentNodes[index1], 0, parentNodes[index1].childNodes.length);
174
174
  InsertMethods.unwrap(nodeCutter.GetSpliceNode(nodeSelection.getRange(docElement), parentNodes[index1].parentNode));
175
175
  }
176
+ var blockquoteNode = closest(parentNodes[index1], 'blockquote');
177
+ if (parentNodes[index1].nodeName.toLocaleLowerCase() !== 'blockquote' && !isNullOrUndefined(blockquoteNode) && blockquoteNode.textContent === parentNodes[index1].textContent) {
178
+ var blockNodes = this.removeParent([blockquoteNode]);
179
+ this.unWrap(docElement, blockNodes, nodeCutter, nodeSelection);
180
+ }
176
181
  if (parentNodes[index1].nodeName.toLocaleLowerCase() !== 'p') {
177
182
  if (this.NONVALID_PARENT_TAGS.indexOf(parentNodes[index1].nodeName.toLowerCase()) < 0
178
- && parentNodes[index1].parentNode.nodeName.toLocaleLowerCase() !== 'p'
179
183
  && !((parentNodes[index1].nodeName.toLocaleLowerCase() === 'blockquote'
180
184
  || parentNodes[index1].nodeName.toLocaleLowerCase() === 'li')
181
185
  && this.IGNORE_PARENT_TAGS.indexOf(parentNodes[index1].childNodes[0].nodeName.toLocaleLowerCase()) > -1)
@@ -199,13 +203,16 @@ var ClearFormat = /** @class */ (function () {
199
203
  this.unWrap(docElement, blockNodes, nodeCutter, nodeSelection);
200
204
  }
201
205
  else if (this.BLOCK_TAGS.indexOf(childNodes[index2].nodeName.toLocaleLowerCase()) > -1 &&
202
- childNodes[index2].parentNode.nodeName.toLocaleLowerCase() ===
203
- childNodes[index2].nodeName.toLocaleLowerCase()) {
206
+ childNodes[index2].nodeName.toLocaleLowerCase() === 'p') {
207
+ if (childNodes[index2].parentNode.nodeName.toLocaleLowerCase() === 'p') {
208
+ InsertMethods.unwrap(childNodes[index2].parentNode);
209
+ }
210
+ InsertMethods.Wrap(childNodes[index2], docElement.createElement(this.defaultTag));
204
211
  InsertMethods.unwrap(childNodes[index2]);
205
212
  }
206
213
  else if (this.BLOCK_TAGS.indexOf(childNodes[index2].nodeName.toLocaleLowerCase()) > -1 &&
207
- childNodes[index2].nodeName.toLocaleLowerCase() === 'p') {
208
- InsertMethods.Wrap(childNodes[index2], docElement.createElement(this.defaultTag));
214
+ childNodes[index2].parentNode.nodeName.toLocaleLowerCase() ===
215
+ childNodes[index2].nodeName.toLocaleLowerCase()) {
209
216
  InsertMethods.unwrap(childNodes[index2]);
210
217
  }
211
218
  }
@@ -282,6 +282,9 @@ var InsertHtml = /** @class */ (function () {
282
282
  var rangeElement = closest(nearestAnchor, 'span');
283
283
  rangeElement.appendChild(tempSpan);
284
284
  }
285
+ else if (nodes[0].nodeName === '#text' && nodes[0].nodeValue.includes('\u200B') && !isNOU(nodes[0].parentElement) && !isNOU(nodes[0].parentElement.previousElementSibling) && nodes[0].parentElement.previousElementSibling.classList.contains('e-mention-chip')) {
286
+ range.startContainer.parentElement.insertAdjacentElement('afterend', tempSpan);
287
+ }
285
288
  else {
286
289
  range.insertNode(tempSpan);
287
290
  }
@@ -367,6 +370,24 @@ var InsertHtml = /** @class */ (function () {
367
370
  if (lastSelectionNode.nodeName === '#text') {
368
371
  this.placeCursorEnd(lastSelectionNode, node, nodeSelection, docElement, editNode);
369
372
  }
373
+ else if (lastSelectionNode.nodeName === 'HR') {
374
+ var nextSiblingNode = lastSelectionNode.nextSibling ? lastSelectionNode.nextSibling : null;
375
+ var siblingTag = enterAction === 'DIV' ? createElement('div') : createElement('p');
376
+ siblingTag.appendChild(createElement('br'));
377
+ if (!isNOU(nextSiblingNode) && nextSiblingNode.nodeName === 'HR') {
378
+ lastSelectionNode.parentNode.insertBefore(siblingTag, nextSiblingNode);
379
+ lastSelectionNode = siblingTag;
380
+ }
381
+ else if (!isNOU(nextSiblingNode)) {
382
+ lastSelectionNode = nextSiblingNode;
383
+ }
384
+ else {
385
+ lastSelectionNode.parentNode.appendChild(siblingTag);
386
+ lastSelectionNode.parentNode.insertBefore(lastSelectionNode, siblingTag);
387
+ lastSelectionNode = siblingTag;
388
+ }
389
+ nodeSelection.setSelectionText(docElement, lastSelectionNode, lastSelectionNode, 0, 0);
390
+ }
370
391
  else {
371
392
  this.cursorPos(lastSelectionNode, node, nodeSelection, docElement, editNode, enterAction);
372
393
  }
@@ -438,7 +459,7 @@ var InsertHtml = /** @class */ (function () {
438
459
  if (blockNode.nodeName === 'BODY' && range.startContainer === range.endContainer && range.startContainer.nodeType === 1) {
439
460
  blockNode = range.startContainer;
440
461
  }
441
- if (blockNode.closest('LI') && blockNode.nodeName !== 'TD' && blockNode.nodeName !== 'TH' && blockNode.nodeName !== 'TR' && node && node.firstElementChild &&
462
+ if (blockNode.closest('LI') && editNode.contains(blockNode.closest('LI')) && blockNode.nodeName !== 'TD' && blockNode.nodeName !== 'TH' && blockNode.nodeName !== 'TR' && node && node.firstElementChild &&
442
463
  ((node).firstElementChild.tagName === 'OL' || node.firstElementChild.tagName === 'UL')) {
443
464
  var liNode = void 0;
444
465
  while (node.firstElementChild.lastElementChild && node.firstElementChild.lastElementChild.tagName === 'LI') {
@@ -516,15 +516,22 @@ var MsWordPaste = /** @class */ (function () {
516
516
  var styleProperty = resultElem[j].getAttribute('style');
517
517
  if (!isNOU(styleProperty) && styleProperty.trim() !== '') {
518
518
  var valueSplit = values[i].split(';');
519
+ for (var q = 0; q < valueSplit.length; q++) {
520
+ if (valueSplit[q].split(':')[0] === 'border' && valueSplit[q].split(':')[1] === 'none') {
521
+ valueSplit.splice(q, 1);
522
+ q--;
523
+ }
524
+ }
519
525
  if (!fromClass) {
520
526
  for (var k = 0; k < valueSplit.length; k++) {
521
- if (styleProperty.indexOf(valueSplit[k].split(':')[0]) >= 0) {
527
+ var propertyName = valueSplit[k].split(':')[0];
528
+ if (styleProperty.includes(propertyName + ':')) {
522
529
  valueSplit.splice(k, 1);
523
530
  k--;
524
531
  }
525
532
  }
526
533
  }
527
- var changedValue = styleProperty + valueSplit.join(';') + ';';
534
+ var changedValue = valueSplit.join(';') + ';' + styleProperty;
528
535
  resultElem[j].setAttribute('style', changedValue);
529
536
  }
530
537
  else {
@@ -1006,6 +1013,14 @@ var MsWordPaste = /** @class */ (function () {
1006
1013
  for (var i = 0; i < listIgnoreTag.length; i++) {
1007
1014
  listIgnoreTag[i].setAttribute('style', listIgnoreTag[i].getAttribute('style').replace(/\n/g, ''));
1008
1015
  }
1016
+ var listOrderCleanup = firstChild.querySelector('span[style*="mso-list"]');
1017
+ if (listOrderCleanup) {
1018
+ var style = listOrderCleanup.getAttribute('style');
1019
+ if (style) {
1020
+ style = style.replace(/\s*:\s*/g, ':');
1021
+ listOrderCleanup.setAttribute('style', style);
1022
+ }
1023
+ }
1009
1024
  var listOrder = firstChild.querySelector('span[style="mso-list:Ignore"]');
1010
1025
  if (!isNOU(listOrder)) {
1011
1026
  this.listContents.push(listOrder.textContent.trim());
@@ -228,6 +228,9 @@ var TableCommand = /** @class */ (function () {
228
228
  for (var i = 0; i < thTdElm.length; i++) {
229
229
  thTdElm[i].dataset.oldWidth = (thTdElm[i].offsetWidth / currentTabElm.offsetWidth * 100) + '%';
230
230
  }
231
+ if (isNOU(currentTabElm.style.width) || currentTabElm.style.width === '') {
232
+ currentTabElm.style.width = currentTabElm.offsetWidth + 'px';
233
+ }
231
234
  for (var i = 0; i < allRows.length; i++) {
232
235
  curCell = allRows[i].querySelectorAll(':scope > td, :scope > th')[colIndex];
233
236
  var colTemplate = curCell.cloneNode(true);
@@ -160,7 +160,12 @@ var EnterKeyAction = /** @class */ (function () {
160
160
  else {
161
161
  var nearBlockNode = void 0;
162
162
  if (isTableEnter && _this.parent.formatter.editorManager.domNode.isBlockNode(_this.startNode)) {
163
- nearBlockNode = _this.startNode;
163
+ if (_this.range.startContainer.nodeName === '#text' && !isNOU(_this.range.startContainer.previousSibling) && _this.range.startContainer.previousSibling.nodeName === 'HR') {
164
+ nearBlockNode = _this.range.startContainer.nextSibling;
165
+ }
166
+ else {
167
+ nearBlockNode = _this.startNode;
168
+ }
164
169
  }
165
170
  else {
166
171
  nearBlockNode = _this.parent.formatter.editorManager.domNode.blockParentNode(_this.startNode);
@@ -208,7 +213,7 @@ var EnterKeyAction = /** @class */ (function () {
208
213
  }
209
214
  else {
210
215
  if ((nearBlockNode.textContent.trim().length !== 0 ||
211
- nearBlockNode.childNodes[0].nodeName === 'IMG' ||
216
+ (!isNOU(nearBlockNode.childNodes[0]) && nearBlockNode.childNodes[0].nodeName === 'IMG') ||
212
217
  (nearBlockNode.textContent.trim() === '' && nearBlockNode.querySelectorAll('img, audio, video').length > 0))) {
213
218
  if ((_this.range.startOffset === _this.range.endOffset && _this.range.startOffset !== 0)) {
214
219
  newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, nearBlockNode, false).cloneNode(true);
@@ -650,12 +650,13 @@ var HtmlEditor = /** @class */ (function () {
650
650
  this.isImageDelete = false;
651
651
  }
652
652
  var brNode = this.deleteRangeElement.querySelector('BR');
653
+ var brLastChildNode = this.deleteRangeElement.lastChild;
653
654
  if (brNode && brNode.classList.contains('e-rte-image-remove-focus')) {
654
655
  removeClass([brNode], ['e-rte-image-focus']);
655
656
  return;
656
657
  }
657
- else if (brNode) {
658
- detach(brNode);
658
+ else if (brNode && brLastChildNode && brLastChildNode.nodeName === 'BR') {
659
+ detach(brLastChildNode);
659
660
  e.args.preventDefault();
660
661
  }
661
662
  if (!isNullOrUndefined(this.deleteRangeElement) && (this.deleteOldRangeElement.tagName !== 'OL' && this.deleteOldRangeElement.tagName !== 'UL')
@@ -115,12 +115,12 @@ var PasteCleanup = /** @class */ (function () {
115
115
  if (e.args && !isNOU(e.args.clipboardData)) {
116
116
  value = e.args.clipboardData.getData('text/html');
117
117
  }
118
- this.parent.trigger(events.beforePasteCleanup, { value: value });
119
118
  if (e.args && value !== null && this.parent.editorMode === 'HTML') {
120
119
  var file = void 0;
121
120
  if (value.length === 0) {
122
121
  var htmlRegex = new RegExp(/<\/[a-z][\s\S]*>/i);
123
122
  value = e.args.clipboardData.getData('text/plain');
123
+ this.parent.trigger(events.beforePasteCleanup, { value: value });
124
124
  this.isNotFromHtml = value !== '' ? true : false;
125
125
  value = value.replace(/</g, '&lt;');
126
126
  value = value.replace(/>/g, '&gt;');
@@ -153,6 +153,7 @@ var PasteCleanup = /** @class */ (function () {
153
153
  }
154
154
  }
155
155
  else if (value.length > 0) {
156
+ this.parent.trigger(events.beforePasteCleanup, { value: value });
156
157
  this.parent.formatter.editorManager.observer.notify(EVENTS.MS_WORD_CLEANUP, {
157
158
  args: e.args,
158
159
  text: e.text,
@@ -588,14 +588,14 @@ export interface RichTextEditorModel extends ComponentModel{
588
588
  * default: 'Paragraph',
589
589
  * width: '65px',
590
590
  * types: [
591
- * { text: 'Paragraph' },
592
- * { text: 'Code' },
593
- * { text: 'Heading 1' },
594
- * { text: 'Heading 2' },
595
- * { text: 'Heading 3' },
596
- * { text: 'Heading 4' },
597
- * { text: 'Heading 5' },
598
- * { text: 'Heading 6' }
591
+ * { text: 'Paragraph', value: 'P'},
592
+ * { text: 'Heading 1', value: 'H1' },
593
+ * { text: 'Heading 2', value: 'H2' },
594
+ * { text: 'Heading 3', value: 'H3' },
595
+ * { text: 'Heading 4', value: 'H4' },
596
+ * { text: 'Heading 5', value: 'H5' },
597
+ * { text: 'Heading 6', value: 'H6' },
598
+ * { text: 'Preformatted', value: 'Pre' },
599
599
  * ]
600
600
  * }
601
601
  */
@@ -757,14 +757,14 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
757
757
  * default: 'Paragraph',
758
758
  * width: '65px',
759
759
  * types: [
760
- * { text: 'Paragraph' },
761
- * { text: 'Code' },
762
- * { text: 'Heading 1' },
763
- * { text: 'Heading 2' },
764
- * { text: 'Heading 3' },
765
- * { text: 'Heading 4' },
766
- * { text: 'Heading 5' },
767
- * { text: 'Heading 6' }
760
+ * { text: 'Paragraph', value: 'P'},
761
+ * { text: 'Heading 1', value: 'H1' },
762
+ * { text: 'Heading 2', value: 'H2' },
763
+ * { text: 'Heading 3', value: 'H3' },
764
+ * { text: 'Heading 4', value: 'H4' },
765
+ * { text: 'Heading 5', value: 'H5' },
766
+ * { text: 'Heading 6', value: 'H6' },
767
+ * { text: 'Preformatted', value: 'Pre' },
768
768
  * ]
769
769
  * }
770
770
  */
@@ -713,8 +713,12 @@ var RichTextEditor = /** @class */ (function (_super) {
713
713
  RichTextEditor.prototype.keyDown = function (e) {
714
714
  if (this.inputElement.classList.contains('e-mention')) {
715
715
  var mentionPopup = this.inputElement.ownerDocument.getElementById(this.inputElement.id + '_popup');
716
+ var slashMenuPopup = this.inputElement.ownerDocument.getElementById(this.inputElement.id + '_slash_menu_popup');
716
717
  var mentionKeys = mentionRestrictKeys;
717
- if (mentionKeys.indexOf(e.key) !== -1 && mentionPopup && mentionPopup.classList.contains('e-popup-open')) {
718
+ var isMentionKeys = mentionKeys.indexOf(e.key) !== -1;
719
+ var isMentionPopupOpen = mentionPopup && mentionPopup.classList.contains('e-popup-open');
720
+ var isSlashMenuPopupOpen = slashMenuPopup && slashMenuPopup.classList.contains('e-popup-open');
721
+ if (isMentionKeys && (isMentionPopupOpen || isSlashMenuPopupOpen)) {
718
722
  return;
719
723
  }
720
724
  }
@@ -134,7 +134,7 @@ var Formatter = /** @class */ (function () {
134
134
  }
135
135
  self.isBlur = false;
136
136
  var quickToolbarAction = !isNOU(event) && !isNOU(event.target) && (!isNOU(closest(event.target, '.e-rte-elements.e-dropdown-popup.e-rte-dropdown-popup.e-quick-dropdown.e-popup-open')) || !isNOU(closest(event.target, '.e-rte-elements.e-rte-quick-popup.e-popup-open')));
137
- if (isNOU(saveSelection) || (!quickToolbarAction && (isNOU(closest(saveSelection.range.startContainer.parentElement, '.e-img-caption')) ? true : !(closest(saveSelection.range.startContainer.parentElement, '.e-img-caption').getAttribute('contenteditable') === 'false')))) {
137
+ if (isNOU(saveSelection) || (!quickToolbarAction && (isNOU(closest(saveSelection.range.startContainer.parentElement, '.e-img-caption')) ? true : !(closest(saveSelection.range.startContainer.parentElement, '.e-img-caption').getAttribute('contenteditable') === 'false'))) && !(Browser.userAgent.indexOf('Firefox') !== -1)) {
138
138
  self.contentModule.getEditPanel().focus();
139
139
  }
140
140
  if (self.editorMode === 'HTML' && !isKeyboardVideoInsert) {
@@ -296,7 +296,7 @@ export var toolsLocale = {
296
296
  'remove': 'remove',
297
297
  'insertlink': 'insertLink',
298
298
  'display': 'display',
299
- 'alttext': 'alternateHeader',
299
+ 'alttext': 'imageAlternateText',
300
300
  'dimension': 'dimension',
301
301
  'fullscreen': 'fullscreen',
302
302
  'maximize': 'maximize',
@@ -1785,7 +1785,7 @@ var Image = /** @class */ (function () {
1785
1785
  };
1786
1786
  proxy.inputUrl.setAttribute('disabled', 'true');
1787
1787
  if (isNOU(proxy.parent.insertImageSettings.saveUrl) && _this.isAllowedTypes
1788
- && !isNOU(_this.dialogObj)) {
1788
+ && !isNOU(_this.dialogObj) && selectArgs.filesData[0].size <= _this.uploadObj.maxFileSize) {
1789
1789
  _this.dialogObj.getButtons(0).element.removeAttribute('disabled');
1790
1790
  }
1791
1791
  });
@@ -879,6 +879,26 @@
879
879
  -webkit-margin-before: 10px;
880
880
  margin-block-start: 10px;
881
881
  }
882
+ .e-richtexteditor .e-rte-content .e-content ul,
883
+ .e-richtexteditor .e-source-content .e-content ul {
884
+ list-style-type: disc;
885
+ }
886
+ .e-richtexteditor .e-rte-content .e-content ul ul,
887
+ .e-richtexteditor .e-rte-content .e-content ol ul,
888
+ .e-richtexteditor .e-source-content .e-content ul ul,
889
+ .e-richtexteditor .e-source-content .e-content ol ul {
890
+ list-style-type: circle;
891
+ }
892
+ .e-richtexteditor .e-rte-content .e-content ul ul ul,
893
+ .e-richtexteditor .e-rte-content .e-content ol ul ul,
894
+ .e-richtexteditor .e-rte-content .e-content ul ol ul,
895
+ .e-richtexteditor .e-rte-content .e-content ol ol ul,
896
+ .e-richtexteditor .e-source-content .e-content ul ul ul,
897
+ .e-richtexteditor .e-source-content .e-content ol ul ul,
898
+ .e-richtexteditor .e-source-content .e-content ul ol ul,
899
+ .e-richtexteditor .e-source-content .e-content ol ol ul {
900
+ list-style-type: square;
901
+ }
882
902
  .e-richtexteditor .e-rte-content .e-content h1,
883
903
  .e-richtexteditor .e-source-content .e-content h1 {
884
904
  font-size: 2.857em;
@@ -879,6 +879,26 @@
879
879
  -webkit-margin-before: 10px;
880
880
  margin-block-start: 10px;
881
881
  }
882
+ .e-richtexteditor .e-rte-content .e-content ul,
883
+ .e-richtexteditor .e-source-content .e-content ul {
884
+ list-style-type: disc;
885
+ }
886
+ .e-richtexteditor .e-rte-content .e-content ul ul,
887
+ .e-richtexteditor .e-rte-content .e-content ol ul,
888
+ .e-richtexteditor .e-source-content .e-content ul ul,
889
+ .e-richtexteditor .e-source-content .e-content ol ul {
890
+ list-style-type: circle;
891
+ }
892
+ .e-richtexteditor .e-rte-content .e-content ul ul ul,
893
+ .e-richtexteditor .e-rte-content .e-content ol ul ul,
894
+ .e-richtexteditor .e-rte-content .e-content ul ol ul,
895
+ .e-richtexteditor .e-rte-content .e-content ol ol ul,
896
+ .e-richtexteditor .e-source-content .e-content ul ul ul,
897
+ .e-richtexteditor .e-source-content .e-content ol ul ul,
898
+ .e-richtexteditor .e-source-content .e-content ul ol ul,
899
+ .e-richtexteditor .e-source-content .e-content ol ol ul {
900
+ list-style-type: square;
901
+ }
882
902
  .e-richtexteditor .e-rte-content .e-content h1,
883
903
  .e-richtexteditor .e-source-content .e-content h1 {
884
904
  font-size: 2.857em;
@@ -1020,6 +1020,26 @@
1020
1020
  -webkit-margin-before: 10px;
1021
1021
  margin-block-start: 10px;
1022
1022
  }
1023
+ .e-richtexteditor .e-rte-content .e-content ul,
1024
+ .e-richtexteditor .e-source-content .e-content ul {
1025
+ list-style-type: disc;
1026
+ }
1027
+ .e-richtexteditor .e-rte-content .e-content ul ul,
1028
+ .e-richtexteditor .e-rte-content .e-content ol ul,
1029
+ .e-richtexteditor .e-source-content .e-content ul ul,
1030
+ .e-richtexteditor .e-source-content .e-content ol ul {
1031
+ list-style-type: circle;
1032
+ }
1033
+ .e-richtexteditor .e-rte-content .e-content ul ul ul,
1034
+ .e-richtexteditor .e-rte-content .e-content ol ul ul,
1035
+ .e-richtexteditor .e-rte-content .e-content ul ol ul,
1036
+ .e-richtexteditor .e-rte-content .e-content ol ol ul,
1037
+ .e-richtexteditor .e-source-content .e-content ul ul ul,
1038
+ .e-richtexteditor .e-source-content .e-content ol ul ul,
1039
+ .e-richtexteditor .e-source-content .e-content ul ol ul,
1040
+ .e-richtexteditor .e-source-content .e-content ol ol ul {
1041
+ list-style-type: square;
1042
+ }
1023
1043
  .e-richtexteditor .e-rte-content .e-content h1,
1024
1044
  .e-richtexteditor .e-source-content .e-content h1 {
1025
1045
  font-size: 2.857em;
@@ -1020,6 +1020,26 @@
1020
1020
  -webkit-margin-before: 10px;
1021
1021
  margin-block-start: 10px;
1022
1022
  }
1023
+ .e-richtexteditor .e-rte-content .e-content ul,
1024
+ .e-richtexteditor .e-source-content .e-content ul {
1025
+ list-style-type: disc;
1026
+ }
1027
+ .e-richtexteditor .e-rte-content .e-content ul ul,
1028
+ .e-richtexteditor .e-rte-content .e-content ol ul,
1029
+ .e-richtexteditor .e-source-content .e-content ul ul,
1030
+ .e-richtexteditor .e-source-content .e-content ol ul {
1031
+ list-style-type: circle;
1032
+ }
1033
+ .e-richtexteditor .e-rte-content .e-content ul ul ul,
1034
+ .e-richtexteditor .e-rte-content .e-content ol ul ul,
1035
+ .e-richtexteditor .e-rte-content .e-content ul ol ul,
1036
+ .e-richtexteditor .e-rte-content .e-content ol ol ul,
1037
+ .e-richtexteditor .e-source-content .e-content ul ul ul,
1038
+ .e-richtexteditor .e-source-content .e-content ol ul ul,
1039
+ .e-richtexteditor .e-source-content .e-content ul ol ul,
1040
+ .e-richtexteditor .e-source-content .e-content ol ol ul {
1041
+ list-style-type: square;
1042
+ }
1023
1043
  .e-richtexteditor .e-rte-content .e-content h1,
1024
1044
  .e-richtexteditor .e-source-content .e-content h1 {
1025
1045
  font-size: 2.857em;
@@ -1115,6 +1115,26 @@
1115
1115
  -webkit-margin-before: 10px;
1116
1116
  margin-block-start: 10px;
1117
1117
  }
1118
+ .e-richtexteditor .e-rte-content .e-content ul,
1119
+ .e-richtexteditor .e-source-content .e-content ul {
1120
+ list-style-type: disc;
1121
+ }
1122
+ .e-richtexteditor .e-rte-content .e-content ul ul,
1123
+ .e-richtexteditor .e-rte-content .e-content ol ul,
1124
+ .e-richtexteditor .e-source-content .e-content ul ul,
1125
+ .e-richtexteditor .e-source-content .e-content ol ul {
1126
+ list-style-type: circle;
1127
+ }
1128
+ .e-richtexteditor .e-rte-content .e-content ul ul ul,
1129
+ .e-richtexteditor .e-rte-content .e-content ol ul ul,
1130
+ .e-richtexteditor .e-rte-content .e-content ul ol ul,
1131
+ .e-richtexteditor .e-rte-content .e-content ol ol ul,
1132
+ .e-richtexteditor .e-source-content .e-content ul ul ul,
1133
+ .e-richtexteditor .e-source-content .e-content ol ul ul,
1134
+ .e-richtexteditor .e-source-content .e-content ul ol ul,
1135
+ .e-richtexteditor .e-source-content .e-content ol ol ul {
1136
+ list-style-type: square;
1137
+ }
1118
1138
  .e-richtexteditor .e-rte-content .e-content h1,
1119
1139
  .e-richtexteditor .e-source-content .e-content h1 {
1120
1140
  font-size: 2.857em;
@@ -1115,6 +1115,26 @@
1115
1115
  -webkit-margin-before: 10px;
1116
1116
  margin-block-start: 10px;
1117
1117
  }
1118
+ .e-richtexteditor .e-rte-content .e-content ul,
1119
+ .e-richtexteditor .e-source-content .e-content ul {
1120
+ list-style-type: disc;
1121
+ }
1122
+ .e-richtexteditor .e-rte-content .e-content ul ul,
1123
+ .e-richtexteditor .e-rte-content .e-content ol ul,
1124
+ .e-richtexteditor .e-source-content .e-content ul ul,
1125
+ .e-richtexteditor .e-source-content .e-content ol ul {
1126
+ list-style-type: circle;
1127
+ }
1128
+ .e-richtexteditor .e-rte-content .e-content ul ul ul,
1129
+ .e-richtexteditor .e-rte-content .e-content ol ul ul,
1130
+ .e-richtexteditor .e-rte-content .e-content ul ol ul,
1131
+ .e-richtexteditor .e-rte-content .e-content ol ol ul,
1132
+ .e-richtexteditor .e-source-content .e-content ul ul ul,
1133
+ .e-richtexteditor .e-source-content .e-content ol ul ul,
1134
+ .e-richtexteditor .e-source-content .e-content ul ol ul,
1135
+ .e-richtexteditor .e-source-content .e-content ol ol ul {
1136
+ list-style-type: square;
1137
+ }
1118
1138
  .e-richtexteditor .e-rte-content .e-content h1,
1119
1139
  .e-richtexteditor .e-source-content .e-content h1 {
1120
1140
  font-size: 2.857em;
@@ -875,6 +875,26 @@
875
875
  -webkit-margin-before: 10px;
876
876
  margin-block-start: 10px;
877
877
  }
878
+ .e-richtexteditor .e-rte-content .e-content ul,
879
+ .e-richtexteditor .e-source-content .e-content ul {
880
+ list-style-type: disc;
881
+ }
882
+ .e-richtexteditor .e-rte-content .e-content ul ul,
883
+ .e-richtexteditor .e-rte-content .e-content ol ul,
884
+ .e-richtexteditor .e-source-content .e-content ul ul,
885
+ .e-richtexteditor .e-source-content .e-content ol ul {
886
+ list-style-type: circle;
887
+ }
888
+ .e-richtexteditor .e-rte-content .e-content ul ul ul,
889
+ .e-richtexteditor .e-rte-content .e-content ol ul ul,
890
+ .e-richtexteditor .e-rte-content .e-content ul ol ul,
891
+ .e-richtexteditor .e-rte-content .e-content ol ol ul,
892
+ .e-richtexteditor .e-source-content .e-content ul ul ul,
893
+ .e-richtexteditor .e-source-content .e-content ol ul ul,
894
+ .e-richtexteditor .e-source-content .e-content ul ol ul,
895
+ .e-richtexteditor .e-source-content .e-content ol ol ul {
896
+ list-style-type: square;
897
+ }
878
898
  .e-richtexteditor .e-rte-content .e-content h1,
879
899
  .e-richtexteditor .e-source-content .e-content h1 {
880
900
  font-size: 2.857em;
@@ -875,6 +875,26 @@
875
875
  -webkit-margin-before: 10px;
876
876
  margin-block-start: 10px;
877
877
  }
878
+ .e-richtexteditor .e-rte-content .e-content ul,
879
+ .e-richtexteditor .e-source-content .e-content ul {
880
+ list-style-type: disc;
881
+ }
882
+ .e-richtexteditor .e-rte-content .e-content ul ul,
883
+ .e-richtexteditor .e-rte-content .e-content ol ul,
884
+ .e-richtexteditor .e-source-content .e-content ul ul,
885
+ .e-richtexteditor .e-source-content .e-content ol ul {
886
+ list-style-type: circle;
887
+ }
888
+ .e-richtexteditor .e-rte-content .e-content ul ul ul,
889
+ .e-richtexteditor .e-rte-content .e-content ol ul ul,
890
+ .e-richtexteditor .e-rte-content .e-content ul ol ul,
891
+ .e-richtexteditor .e-rte-content .e-content ol ol ul,
892
+ .e-richtexteditor .e-source-content .e-content ul ul ul,
893
+ .e-richtexteditor .e-source-content .e-content ol ul ul,
894
+ .e-richtexteditor .e-source-content .e-content ul ol ul,
895
+ .e-richtexteditor .e-source-content .e-content ol ol ul {
896
+ list-style-type: square;
897
+ }
878
898
  .e-richtexteditor .e-rte-content .e-content h1,
879
899
  .e-richtexteditor .e-source-content .e-content h1 {
880
900
  font-size: 2.857em;
@@ -875,6 +875,26 @@
875
875
  -webkit-margin-before: 10px;
876
876
  margin-block-start: 10px;
877
877
  }
878
+ .e-richtexteditor .e-rte-content .e-content ul,
879
+ .e-richtexteditor .e-source-content .e-content ul {
880
+ list-style-type: disc;
881
+ }
882
+ .e-richtexteditor .e-rte-content .e-content ul ul,
883
+ .e-richtexteditor .e-rte-content .e-content ol ul,
884
+ .e-richtexteditor .e-source-content .e-content ul ul,
885
+ .e-richtexteditor .e-source-content .e-content ol ul {
886
+ list-style-type: circle;
887
+ }
888
+ .e-richtexteditor .e-rte-content .e-content ul ul ul,
889
+ .e-richtexteditor .e-rte-content .e-content ol ul ul,
890
+ .e-richtexteditor .e-rte-content .e-content ul ol ul,
891
+ .e-richtexteditor .e-rte-content .e-content ol ol ul,
892
+ .e-richtexteditor .e-source-content .e-content ul ul ul,
893
+ .e-richtexteditor .e-source-content .e-content ol ul ul,
894
+ .e-richtexteditor .e-source-content .e-content ul ol ul,
895
+ .e-richtexteditor .e-source-content .e-content ol ol ul {
896
+ list-style-type: square;
897
+ }
878
898
  .e-richtexteditor .e-rte-content .e-content h1,
879
899
  .e-richtexteditor .e-source-content .e-content h1 {
880
900
  font-size: 2.857em;