@syncfusion/ej2-richtexteditor 27.2.2 → 27.2.4

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.2.2
+*  version : 27.2.4
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@27.1.58",
+  "_id": "@syncfusion/ej2-richtexteditor@27.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-Mh3t2LCFc+U9cNHK+RW1CSAMAdEXR1MtXB6bm0CzjWQUvz5Rw96pX4GLVIiNEnodxod34bycX8mXnV1Blrr1Hg==",
+  "_integrity": "sha512-pp9x/DFwkNSSE2Tan2Lp5VmSNG56ukyqIdbHdqMEBOKVTCqX5nlYCpEjTU4T6piBi4BlbeiEcjasWJxtc3ZhNw==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -25,8 +25,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-27.1.58.tgz",
-  "_shasum": "a8af7e987df55ace85a6b6f36e76e57aebab28fd",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-27.2.3.tgz",
+  "_shasum": "c4636a9f71acd2f9a8a0a63cbfb22593f71ac168",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -38,11 +38,11 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~27.2.2",
-    "@syncfusion/ej2-buttons": "~27.2.2",
-    "@syncfusion/ej2-dropdowns": "~27.2.2",
-    "@syncfusion/ej2-filemanager": "~27.2.2",
-    "@syncfusion/ej2-inputs": "~27.2.2",
-    "@syncfusion/ej2-navigations": "~27.2.2",
+    "@syncfusion/ej2-buttons": "~27.2.4",
+    "@syncfusion/ej2-dropdowns": "~27.2.4",
+    "@syncfusion/ej2-filemanager": "~27.2.3",
+    "@syncfusion/ej2-inputs": "~27.2.4",
+    "@syncfusion/ej2-navigations": "~27.2.4",
     "@syncfusion/ej2-popups": "~27.2.2",
     "@syncfusion/ej2-splitbuttons": "~27.2.2"
   },
@@ -80,6 +80,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "27.2.2",
+  "version": "27.2.4",
   "sideEffects": false
 }

package/src/editor-manager/plugin/nodecutter.js

@@ -50,7 +50,7 @@ var NodeCutter = /** @class */ (function () {
                 fragment = this.spliceEmptyNode(fragment, false);
                 if (fragment && fragment.childNodes.length > 0) {
                     var isEmpty = (fragment.childNodes.length === 1 && fragment.childNodes[0].nodeName !== 'IMG' && !(fragment.querySelectorAll('img').length > 0)
-                        && this.isRteElm(fragment) && fragment.textContent.trim() === '' && fragment.textContent !== ' ' && fragment.textContent.charCodeAt(0) !== 160) ? true : false;
+                        && this.isRteElm(fragment) && fragment.textContent.trim() === '' && fragment.textContent.charCodeAt(0) !== 32 && fragment.textContent.charCodeAt(0) !== 160) ? true : false;
                     if (!isEmpty) {
                         if (node) {
                             InsertMethods.AppendBefore(fragment, node);
@@ -71,11 +71,16 @@ var NodeCutter = /** @class */ (function () {
                 fragment = this.spliceEmptyNode(fragment, true);
                 if (fragment && fragment.childNodes.length > 0) {
                     var isEmpty = (fragment.childNodes.length === 1 && fragment.childNodes[0].nodeName !== 'IMG'
-                        && this.isRteElm(fragment) && fragment.textContent.trim() === '' && fragment.textContent !== ' ' && fragment.textContent.charCodeAt(0) !== 160) ? true : false;
+                        && this.isRteElm(fragment) && fragment.textContent.trim() === '' && fragment.textContent.charCodeAt(0) !== 32 && fragment.textContent.charCodeAt(0) !== 160) ? true : false;
                     if (!isEmpty) {
                         if (node) {
                             InsertMethods.AppendBefore(fragment, node, true);
                         }
+                        else if (parent_1.childNodes.length > 1 && parent_1.childNodes.length !== index) {
+                            node = parent_1.childNodes[parent_1.childNodes.length - 1];
+                            InsertMethods.AppendBefore(fragment, node, true);
+                            node = node.nextSibling;
+                        }
                         else {
                             parent_1.appendChild(fragment);
                             var divNode = document.createElement('div');

package/src/editor-manager/plugin/selection-commands.js

@@ -284,8 +284,10 @@ var SelectionCommands = /** @class */ (function () {
             range.startContainer.textContent.substring(range.startOffset, range.startContainer.textContent.length) :
             range.startContainer.textContent;
         var nodeText = nodes[index].textContent;
+        var isParentNodeSameAsParentElement = nodes[0].parentElement.nodeName === nodes[0].parentElement.parentElement.nodeName;
         if (!(range.startContainer === range.endContainer && range.startOffset === 0
-            && range.endOffset === range.startContainer.length)) {
+            && range.endOffset === range.startContainer.length
+            && (range.startContainer.textContent === formatNode.textContent || isParentNodeSameAsParentElement))) {
             var nodeIndex = [];
             var cloneNode = nodes[index];
             var clonedElement = cloneNode;
@@ -306,10 +308,19 @@ var SelectionCommands = /** @class */ (function () {
             if (!isCursor) {
                 while (cloneNode && cloneNode.childNodes.length > 0 && ((nodeIndex.length - 1) >= 0)
                     && (cloneNode.childNodes.length > nodeIndex[nodeIndex.length - 1])) {
-                    cloneNode = cloneNode.childNodes[nodeIndex[nodeIndex.length - 1]];
-                    nodeIndex.pop();
+                    if (cloneNode.childNodes.length > 1 && nodeIndex.length > 1) {
+                        cloneNode = cloneNode.childNodes[nodeIndex[nodeIndex.length - 2]];
+                        break;
+                    }
+                    else {
+                        cloneNode = cloneNode.childNodes[nodeIndex[nodeIndex.length - 1]];
+                        nodeIndex.pop();
+                    }
                 }
                 if (nodes[index].nodeName !== 'BR') {
+                    while (cloneNode.nodeType === 1 && cloneNode.childNodes.length > 0) {
+                        cloneNode = cloneNode.childNodes[0];
+                    }
                     if (cloneNode.nodeType === 3 && !(isCursor && cloneNode.nodeValue === '')) {
                         nodes[index] = cloneNode;
                     }

package/src/rich-text-editor/actions/dropdown-buttons.js

@@ -113,11 +113,11 @@ var DropDownButtons = /** @class */ (function () {
                                 command: { value: 'Font', enumerable: true }, subCommand: { value: 'FontName', enumerable: true }
                             });
                         });
-                        var fontNameContent = isNullOrUndefined(_this.parent.fontFamily.default) ? fontItem[0].text :
+                        var fontNameContent = isNullOrUndefined(_this.parent.fontFamily.default) ? fontItem.length === 0 ? '' : fontItem[0].text :
                             _this.parent.fontFamily.default;
                         _this.fontNameDropDown = _this.toolbarRenderer.renderDropDownButton({
                             iconCss: ((type === 'quick') ? 'e-font-name e-icons' : ''),
-                            content: _this.dropdownContent(_this.parent.fontFamily.width, type, ((type === 'quick') ? '' : (getDropDownValue(fontItem, fontNameContent, 'text', 'text') === 'Default' ? _this.i10n.getConstant('fontName') : getDropDownValue(fontItem, fontNameContent, 'text', 'text')))),
+                            content: _this.dropdownContent(_this.parent.fontFamily.width, type, ((fontItem.length === 0) ? _this.i10n.getConstant('fontName') : (type === 'quick') ? '' : (getDropDownValue(fontItem, fontNameContent, 'text', 'text') === 'Default' ? _this.i10n.getConstant('fontName') : getDropDownValue(fontItem, fontNameContent, 'text', 'text')))),
                             cssClass: classes.CLS_DROPDOWN_POPUP + ' ' + classes.CLS_DROPDOWN_ITEMS + ' ' + classes.CLS_FONT_NAME_TB_BTN,
                             itemName: 'FontName', items: fontItem, element: targetElement
                         });
@@ -136,11 +136,11 @@ var DropDownButtons = /** @class */ (function () {
                                 command: { value: 'Font', enumerable: true }, subCommand: { value: 'FontSize', enumerable: true }
                             });
                         });
-                        var fontSizeContent = isNullOrUndefined(_this.parent.fontSize.default) ? fontsize[0].text :
+                        var fontSizeContent = isNullOrUndefined(_this.parent.fontSize.default) ? fontsize.length === 0 ? '' : fontsize[0].text :
                             _this.parent.fontSize.default;
                         var fontSizeDropDownContent = ((fontSizeContent === 'Default') ? getDropDownValue(fontsize, fontSizeContent.replace(/\s/g, ''), 'text', 'text') : getDropDownValue(fontsize, fontSizeContent.replace(/\s/g, ''), 'value', 'text'));
                         _this.fontSizeDropDown = _this.toolbarRenderer.renderDropDownButton({
-                            content: _this.dropdownContent(_this.parent.fontSize.width, type, getFormattedFontSize((fontSizeDropDownContent === 'Default') ? _this.i10n.getConstant('fontSize') : fontSizeDropDownContent)),
+                            content: _this.dropdownContent(_this.parent.fontSize.width, type, fontsize.length === 0 ? _this.i10n.getConstant('fontSize') : (getFormattedFontSize((fontSizeDropDownContent === 'Default') ? _this.i10n.getConstant('fontSize') : fontSizeDropDownContent))),
                             cssClass: classes.CLS_DROPDOWN_POPUP + ' ' + classes.CLS_DROPDOWN_ITEMS + ' ' + classes.CLS_FONT_SIZE_TB_BTN,
                             itemName: 'FontSize', items: fontsize, element: targetElement
                         });

package/src/rich-text-editor/actions/enter-key.js

@@ -172,13 +172,21 @@ var EnterKeyAction = /** @class */ (function () {
                                 }
                                 var isMediaNode = false; // To check the image audio and video node cases
                                 var isFocusedFirst = false;
+                                var parentElement = _this.range.startContainer.parentElement;
+                                var isPreWrapApplied = parentElement ? _this.parent.contentModule.getDocument().defaultView.getComputedStyle(_this.range.startContainer.parentElement, null).getPropertyValue('white-space') === 'pre-wrap' : false;
                                 if (_this.range.startOffset !== 0 && _this.range.endOffset !== 0 &&
                                     _this.range.startContainer === _this.range.endContainer && !(!isNOU(nearBlockNode.childNodes[0])
                                     && (nearBlockNode.childNodes[0].nodeName === 'IMG' || nearBlockNode.querySelectorAll('img, audio, video').length > 0))) {
                                     var startNodeText = _this.range.startContainer.textContent;
                                     var splitFirstText = startNodeText.substring(0, _this.range.startOffset);
-                                    // eslint-disable-next-line max-len
-                                    if (splitFirstText.charCodeAt(_this.range.startOffset - 1) !== 160 && splitFirstText.trim().length === 0) {
+                                    var lastCharBeforeCursor = splitFirstText.charCodeAt(_this.range.startOffset - 1);
+                                    var isSplitTextEmpty = splitFirstText.trim().length === 0;
+                                    var hasContentAfterCursor = startNodeText.slice(_this.range.startOffset).trim().length !== 0;
+                                    var isCursorAtStartNonPreWrap = lastCharBeforeCursor !== 160
+                                        && isSplitTextEmpty && !isPreWrapApplied;
+                                    var isCursorAtStartPreWrapWithContent = lastCharBeforeCursor === 32
+                                        && isPreWrapApplied && isSplitTextEmpty && hasContentAfterCursor;
+                                    if (isCursorAtStartNonPreWrap || isCursorAtStartPreWrapWithContent) {
                                         isFocusedFirst = true;
                                     }
                                 }

package/src/rich-text-editor/actions/html-editor.js

@@ -421,7 +421,10 @@ var HtmlEditor = /** @class */ (function () {
             var editorValue = currentRange_1.startContainer.textContent.slice(0, currentRange_1.startOffset);
             var orderedList_1 = this.isOrderedList(editorValue);
             var unOrderedList = this.isUnOrderedList(editorValue);
-            var hasSplitedText = this.hasMultipleTextNode(currentRange_1);
+            var hasSplitedText = false;
+            if (orderedList_1 || unOrderedList) {
+                hasSplitedText = this.hasMultipleTextNode(currentRange_1);
+            }
             if (!hasSplitedText && (orderedList_1 && !unOrderedList || unOrderedList && !orderedList_1)) {
                 var eventArgs_1 = {
                     callBack: null,
@@ -491,6 +494,11 @@ var HtmlEditor = /** @class */ (function () {
     HtmlEditor.prototype.hasMultipleTextNode = function (range) {
         if (range && range.startContainer && range.startContainer.parentNode) {
             var parentNode = range.startContainer.parentNode;
+            if (range.startContainer.previousElementSibling &&
+                range.startContainer.previousElementSibling.classList.contains('e-mention-chip')
+                && !range.startContainer.previousElementSibling.isContentEditable) {
+                return true;
+            }
             if (this.parent.enterKey === 'BR' || closest(parentNode, 'table')) {
                 return false;
             }
@@ -576,10 +584,21 @@ var HtmlEditor = /** @class */ (function () {
                     // eslint-disable-next-line
                     lastNode, lastNode.textContent.length);
                 }
-                if (this.oldRangeElement.nodeName !== '#text' && this.oldRangeElement.querySelectorAll('BR').length === 1) {
-                    detach(this.oldRangeElement.querySelector('BR'));
+                var checkParent = false;
+                if (this.oldRangeElement && this.oldRangeElement.nodeName !== '#text' && this.oldRangeElement.querySelectorAll('BR').length === 1) {
+                    var brElement = this.oldRangeElement.querySelector('BR');
+                    if (brElement) {
+                        var brParentElement = brElement.parentNode;
+                        var currentState = this.oldRangeElement.innerHTML;
+                        this.parent.formatter.saveData(currentState);
+                        detach(brElement);
+                        if (brParentElement && brParentElement.childNodes.length === 0) {
+                            detach(brParentElement);
+                            checkParent = true;
+                        }
+                    }
                 }
-                if (!isNOU(this.rangeElement) && this.oldRangeElement !== this.rangeElement) {
+                if (!isNOU(this.rangeElement) && this.oldRangeElement !== this.rangeElement && !checkParent) {
                     while (this.rangeElement.firstChild) {
                         if (this.oldRangeElement.nodeName === '#text') {
                             this.oldRangeElement.parentElement.appendChild(this.rangeElement.childNodes[0]);

package/src/rich-text-editor/actions/toolbar.js

@@ -169,6 +169,13 @@ var Toolbar = /** @class */ (function () {
                 target: this.tbElement,
                 cssClass: this.parent.getCssClass()
             });
+            if (this.parent.element.classList.contains('e-rte-full-screen')) {
+                this.updateItem({
+                    targetItem: 'Maximize',
+                    updateItem: 'Minimize',
+                    baseToolbar: this.parent.getBaseToolbarObject()
+                });
+            }
             if (!this.parent.inlineMode.enable) {
                 if (this.parent.toolbarSettings.enableFloating) {
                     this.checkIsTransformChild();

package/src/rich-text-editor/base/util.js

@@ -54,6 +54,9 @@ export function hasClass(element, className) {
 export function getDropDownValue(items, value, type, returnType) {
     var data;
     var result;
+    if (items.length === 0 && value === 'FontSize') {
+        return 'Font Size';
+    }
     for (var k = 0; k < items.length; k++) {
         if (type === 'value' && items[k].value.toLocaleLowerCase() === value.toLocaleLowerCase()) {
             data = items[k];
@@ -202,7 +205,7 @@ export function setToolbarStatus(e, isPopToolbar, self) {
                             }
                             var fontNameItems = e.parent.fontFamily.items;
                             result = value === 'empty' ? '' : getDropDownValue(fontNameItems, value, 'value', 'text');
-                            var fontNameContent = isNOU(e.parent.fontFamily.default) ? fontNameItems[0].text :
+                            var fontNameContent = isNOU(e.parent.fontFamily.default) ? (fontNameItems.length === 0) ? self.serviceLocator.getService('rteLocale').getConstant('fontName') : fontNameItems[0].text :
                                 e.parent.fontFamily.default;
                             var name_1 = (isNOU(result) ? fontNameContent : result) === 'Default' ? self.serviceLocator.getService('rteLocale').getConstant('fontName')
                                 : (isNOU(result) ? fontNameContent : result);
@@ -219,9 +222,9 @@ export function setToolbarStatus(e, isPopToolbar, self) {
                                 break;
                             }
                             var fontSizeItems = e.parent.fontSize.items;
-                            var fontSizeContent = isNOU(e.parent.fontSize.default) ? fontSizeItems[0].text :
+                            var fontSizeContent = isNOU(e.parent.fontSize.default) ? (fontSizeItems.length === 0) ? self.serviceLocator.getService('rteLocale').getConstant('fontSize') : fontSizeItems[0].text :
                                 e.parent.fontSize.default;
-                            var fontSizeToolbarText = getDropDownValue(fontSizeItems, (value === '' ? fontSizeContent.replace(/\s/g, '') : value), (fontSizeContent.replace(/\s/g, '') === fontSizeItems[0].text && value === '') ? 'text' : 'value', 'text');
+                            var fontSizeToolbarText = getDropDownValue(fontSizeItems, (value === '' ? fontSizeContent.replace(/\s/g, '') : value), (fontSizeItems.length > 0 && fontSizeItems[0] && fontSizeContent.replace(/\s/g, '') === fontSizeItems[0].text && value === '') ? 'text' : 'value', 'text');
                             result = value === 'empty' ? '' : (fontSizeToolbarText === 'Default') ? self.serviceLocator.getService('rteLocale').getConstant('fontSize') : fontSizeToolbarText;
                             dropDown.fontSizeDropDown.content = ('<span style="display: inline-flex;' +
                                 'width:' + e.parent.fontSize.width + '" >' +

package/src/rich-text-editor/models/default-locale.js

@@ -360,11 +360,11 @@ export var formatsLocale = [
 export var numberFormatListLocale = [
     { locale: 'numberFormatListNone', value: 'none' },
     { locale: 'numberFormatListNumber', value: 'decimal' },
-    { locale: 'numberFormatListLowerAlpha', value: 'lower-alpha' },
-    { locale: 'numberFormatListUpperAlpha', value: 'upper-alpha' },
-    { locale: 'numberFormatListLowerRoman', value: 'lower-roman' },
-    { locale: 'numberFormatListUpperRoman', value: 'upper-roman' },
-    { locale: 'numberFormatListLowerGreek', value: 'lower-greek' }
+    { locale: 'numberFormatListLowerAlpha', value: 'lowerAlpha' },
+    { locale: 'numberFormatListUpperAlpha', value: 'upperAlpha' },
+    { locale: 'numberFormatListLowerRoman', value: 'lowerRoman' },
+    { locale: 'numberFormatListUpperRoman', value: 'upperRoman' },
+    { locale: 'numberFormatListLowerGreek', value: 'lowerGreek' }
 ];
 export var bulletFormatListLocale = [
     { locale: 'bulletFormatListNone', value: 'none' },

package/src/rich-text-editor/renderer/image-module.js

@@ -1829,9 +1829,17 @@ var Image = /** @class */ (function () {
                                     }
                                 };
                                 proxy.inputUrl.setAttribute('disabled', 'true');
-                                if (isNOU(proxy.parent.insertImageSettings.saveUrl) && _this.isAllowedTypes
-                                    && !isNOU(_this.dialogObj) && selectArgs.filesData[0].size <= _this.uploadObj.maxFileSize) {
-                                    _this.dialogObj.getButtons(0).element.removeAttribute('disabled');
+                                if (!isNOU(_this.dialogObj)) {
+                                    var button = _this.dialogObj.getButtons(0);
+                                    if (!isNOU(button)) {
+                                        if (isNOU(proxy.parent.insertImageSettings.saveUrl) && _this.isAllowedTypes
+                                            && selectArgs.filesData[0].size <= _this.uploadObj.maxFileSize) {
+                                            button.element.removeAttribute('disabled');
+                                        }
+                                        else {
+                                            button.element.setAttribute('disabled', 'true');
+                                        }
+                                    }
                                 }
                             });
                             reader_1.readAsDataURL(selectArgs.filesData[0].rawFile);

package/src/rich-text-editor/renderer/toolbar-renderer.js

@@ -227,7 +227,7 @@ var ToolbarRenderer = /** @class */ (function () {
                             alignEle = alignEle.parentElement;
                         }
                         var alignStyle = window.getComputedStyle(alignEle).textAlign;
-                        if (args.items[0].command === 'Alignments') {
+                        if (!isNOU(args.items[0]) && args.items[0].command === 'Alignments') {
                             if ((args.items[0].text === 'Align Left' && (alignStyle === 'left') || alignStyle === 'start')) {
                                 addClass([args.element.childNodes[0]], 'e-active');
                                 break;
@@ -250,7 +250,7 @@ var ToolbarRenderer = /** @class */ (function () {
                     //image preselect
                     var closestNode = startNode.closest('img');
                     var imageEle = closestNode ? closestNode : startNode.querySelector('img');
-                    if (args.items[0].command === 'Images') {
+                    if (!isNOU(args.items[0]) && args.items[0].command === 'Images') {
                         if (!isNOU(imageEle)) {
                             var index = void 0;
                             if (imageEle.classList.contains('e-imgleft') || imageEle.classList.contains('e-imginline')) {
@@ -268,7 +268,7 @@ var ToolbarRenderer = /** @class */ (function () {
                         }
                     }
                     //Formats preselect
-                    if (args.items[0].command === 'Formats' || args.items[0].command === 'Font') {
+                    if (!isNOU(args.items[0]) && (args.items[0].command === 'Formats' || args.items[0].command === 'Font')) {
                         var fontName_1 = [];
                         var formats_1 = [];
                         var hasUpdatedActive = false;