@syncfusion/ej2-richtexteditor 24.1.43 → 24.1.46

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.1.43
+*  version : 24.1.46
 *  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@24.1.41",
+  "_id": "@syncfusion/ej2-richtexteditor@24.1.45",
   "_inBundle": false,
-  "_integrity": "sha512-h4DVBcoJwsAW5vm0Y6Ffg3KcNNeCxkj2MwOW+z+Aa8puZZETLQitQl8yt76IFRoxTY/MCdkoTWVILD5mstwkFg==",
+  "_integrity": "sha512-639ZpTHnu5BdfPiBTllfJndDTien1yXWHPyQDGWulZXC92dAMtipXgiuEcsVLtVVJv0FbVgg5X9zX4T8PBq/4Q==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -25,8 +25,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-24.1.41.tgz",
-  "_shasum": "b0643450fa79cf814e9386718d1e011876c3946a",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-24.1.45.tgz",
+  "_shasum": "1fe5762cdca0998b044c81caa60c22dd0e47df75",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
@@ -37,13 +37,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.1.42",
-    "@syncfusion/ej2-buttons": "~24.1.41",
-    "@syncfusion/ej2-filemanager": "~24.1.43",
-    "@syncfusion/ej2-inputs": "~24.1.41",
-    "@syncfusion/ej2-navigations": "~24.1.41",
-    "@syncfusion/ej2-popups": "~24.1.41",
-    "@syncfusion/ej2-splitbuttons": "~24.1.41"
+    "@syncfusion/ej2-base": "~24.1.46",
+    "@syncfusion/ej2-buttons": "~24.1.46",
+    "@syncfusion/ej2-filemanager": "~24.1.45",
+    "@syncfusion/ej2-inputs": "~24.1.45",
+    "@syncfusion/ej2-navigations": "~24.1.46",
+    "@syncfusion/ej2-popups": "~24.1.46",
+    "@syncfusion/ej2-splitbuttons": "~24.1.46"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component",
@@ -69,6 +69,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "24.1.43",
+  "version": "24.1.46",
   "sideEffects": false
 }

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

@@ -230,6 +230,9 @@ var LinkCommand = /** @class */ (function () {
         if (!isNOU(e.item.target)) {
             anchorEle.setAttribute('target', e.item.target);
         }
+        if (!isNOU(e.item.ariaLabel)) {
+            anchorEle.setAttribute('aria-label', e.item.ariaLabel);
+        }
         return anchorEle;
     };
     LinkCommand.prototype.getSelectionNodes = function (nodeCollection) {

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

@@ -171,7 +171,7 @@ var NodeCutter = /** @class */ (function () {
         if ((indexes.indexOf(range.startOffset) >= 0)
             || ((indexes.indexOf(range.startOffset - 1) >= 0) && (range.startOffset !== 1
                 || (range.startOffset === 1 && new RegExp('\\s').test(str[0])))
-                || (((indexes[indexes.length - 1] - 1) === range.startOffset) && !new RegExp('\\s').test(str[0])))) {
+                || (((indexes[indexes.length - 1] - 1) === range.startOffset) && range.endOffset !== (str.length - 1) && !new RegExp('\\s').test(str[0])))) {
             cursorRange = range;
             this.position = 1;
         }

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

@@ -185,8 +185,7 @@ var SelectionCommands = /** @class */ (function () {
                 cursorNodes[0].firstElementChild.tagName.toLowerCase() === 'br')) {
                 cursorNodes[0].innerHTML = '';
             }
-            if (cursorNodes.length === 1 && range.startOffset === 0 && (cursorNodes[0].nodeName === 'BR' ||
-                cursorNodes[0].nextSibling.nodeName === 'BR')) {
+            if (cursorNodes.length === 1 && range.startOffset === 0 && (cursorNodes[0].nodeName === 'BR' || (isNOU(cursorNodes[0].nextSibling) ? false : cursorNodes[0].nextSibling.nodeName === 'BR'))) {
                 detach(cursorNodes[0].nodeName === '#text' ? cursorNodes[0].nextSibling : cursorNodes[0]);
             }
             cursorNode = this.getInsertNode(docElement, range, format, value).firstChild;

package/src/editor-manager/plugin/toolbar-status.js

@@ -2,6 +2,7 @@ import { IsFormatted } from './isformatted';
 import * as CONSTANT from './../base/constant';
 import { NodeSelection } from './../../selection/index';
 import { getDefaultHtmlTbStatus } from './../../common/util';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 /**
  * Update Toolbar Status
  *
@@ -250,7 +251,8 @@ var ToolbarStatus = /** @class */ (function () {
                 // eslint-disable-next-line
                 var pattern = new RegExp(name, 'i');
                 if ((value.replace(/"/g, '').replace(/ /g, '').toLowerCase() === name.replace(/"/g, '').replace(/ /g, '').toLowerCase()) ||
-                    (value.split(',')[0] && value.split(',')[0].search(pattern) > -1)) {
+                    (value.split(',')[0] && !isNullOrUndefined(value.split(',')[0].trim().match(pattern)) &&
+                        value.split(',')[0].trim() === value.split(',')[0].trim().match(pattern)[0])) {
                     index = pos;
                 }
             }) && (index !== null)))) {

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

@@ -233,7 +233,7 @@ var HtmlEditor = /** @class */ (function () {
                 else {
                     this.parent.notify(events.enterHandler, { args: e.args });
                     var newRange = this.parent.getRange();
-                    if (!isNOU(newRange.startContainer) && newRange.startContainer === this.parent.inputElement.lastChild && newRange.startContainer.nodeName !== '#text') {
+                    if (!isNOU(newRange.startContainer) && newRange.startContainer === this.parent.inputElement.lastChild && newRange.startContainer.nodeName !== '#text' && this.parent.height !== 'auto') {
                         newRange.startContainer.scrollIntoView({ block: "end", inline: "nearest" });
                     }
                 }
@@ -554,7 +554,7 @@ var HtmlEditor = /** @class */ (function () {
                 for (var j = 0; j < splitTextContent.length; j++) {
                     if (splitTextContent[j].match(httpRegex) || splitTextContent[j].match(wwwRegex)) {
                         resultSplitContent += '<a class="e-rte-anchor" href="' + splitTextContent[j] +
-                            '" title="' + splitTextContent[j] + '"target="_blank">' + splitTextContent[j] + ' </a>';
+                            '" title="' + splitTextContent[j] + '" target="_blank"' + ' aria-label="' + this.parent.serviceLocator.getService('rteLocale').getConstant("linkAriaLabel") + '">' + splitTextContent[j] + ' </a>';
                     }
                     else {
                         resultSplitContent += splitTextContent[j] + ' ';

package/src/rich-text-editor/actions/paste-clean-up.js

@@ -690,7 +690,7 @@ var PasteCleanup = /** @class */ (function () {
                 }
             }
             this.parent.trigger(events.afterPasteCleanup, { value: clipBoardElem.innerHTML, filesData: filesData }, function (updatedArgs) { value = updatedArgs.value; });
-            clipBoardElem.innerHTML = value;
+            clipBoardElem.innerHTML = this.parent.addAnchorAriaLabel(value);
             clipBoardElem = this.addTableClass(clipBoardElem);
             this.parent.formatter.editorManager.execCommand('inserthtml', 'pasteCleanup', args, function (returnArgs) {
                 extend(args, { elements: returnArgs.elements, imageElements: returnArgs.imgElem }, true);

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

@@ -64,7 +64,7 @@ var Toolbar = /** @class */ (function () {
             return;
         }
         else {
-            if (this.parent.toolbarSettings.enableFloating && !this.parent.inlineMode.enable) {
+            if (!this.parent.inlineMode.enable) {
                 this.tbWrapper = this.parent.createElement('div', {
                     id: this.parent.getID() + '_toolbar_wrapper',
                     innerHTML: this.tbElement.outerHTML,

package/src/rich-text-editor/base/interface.d.ts

@@ -196,6 +196,7 @@ export interface IRichTextEditor extends Component<HTMLElement> {
     currentTarget: HTMLElement;
     focusIn(): void;
     showEmojiPicker?(x?: number, y?: number): void;
+    addAnchorAriaLabel?(value: string): string;
 }
 /**
 

package/src/rich-text-editor/base/rich-text-editor.d.ts

@@ -1543,6 +1543,7 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
     private updateValueOnIdle;
     private updateIntervalValue;
     private cleanupResizeElements;
+    addAnchorAriaLabel(value: string): string;
     private removeResizeElement;
     private updateStatus;
     private onDocumentClick;

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

@@ -551,6 +551,7 @@ var RichTextEditor = /** @class */ (function (_super) {
 
      */
     RichTextEditor.prototype.render = function () {
+        this.value = (!(this.editorMode === 'Markdown') && !isNOU(this.value)) ? this.addAnchorAriaLabel(this.value) : this.value;
         if (this.value && !this.valueTemplate) {
             this.setProperties({ value: this.serializeValue(this.value) }, true);
         }
@@ -2229,6 +2230,17 @@ var RichTextEditor = /** @class */ (function (_super) {
         var value = this.removeResizeElement(args.value);
         args.callBack(value);
     };
+    RichTextEditor.prototype.addAnchorAriaLabel = function (value) {
+        var valueElementWrapper = document.createElement("div");
+        valueElementWrapper.innerHTML = value;
+        var item = valueElementWrapper.querySelectorAll("a");
+        if (item.length > 0) {
+            for (var i = 0; i < item.length; i++) {
+                (item[i].hasAttribute("target") && item[i].getAttribute("target") === '_blank') ? item[i].setAttribute("aria-label", this.serviceLocator.getService('rteLocale').getConstant("linkAriaLabel")) : item[i];
+            }
+        }
+        return valueElementWrapper.innerHTML;
+    };
     RichTextEditor.prototype.removeResizeElement = function (value) {
         var valueElementWrapper = document.createElement("div");
         valueElementWrapper.innerHTML = value;
@@ -2491,6 +2503,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         }
         EventHandler.add(this.inputElement, 'keyup', this.keyUp, this);
         EventHandler.add(this.inputElement, 'paste', this.onPaste, this);
+        EventHandler.add(this.inputElement, 'content-changed', this.contentChanged, this);
         EventHandler.add(this.inputElement, Browser.touchEndEvent, debounce(this.mouseUp, 30), this);
         EventHandler.add(this.inputElement, Browser.touchStartEvent, this.mouseDownHandler, this);
         this.wireContextEvent();
@@ -2553,6 +2566,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         }
         EventHandler.remove(this.inputElement, 'keyup', this.keyUp);
         EventHandler.remove(this.inputElement, 'paste', this.onPaste);
+        EventHandler.remove(this.inputElement, 'content-changed', this.contentChanged);
         EventHandler.remove(this.inputElement, Browser.touchEndEvent, debounce(this.mouseUp, 30));
         EventHandler.remove(this.inputElement, Browser.touchStartEvent, this.mouseDownHandler);
         this.unWireContextEvent();

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

@@ -243,7 +243,7 @@ var ToolbarRenderer = /** @class */ (function () {
                         }
                     }
                     //Formats preselect
-                    if (args.items[0].command === 'Formats') {
+                    if (args.items[0].command === 'Formats' || args.items[0].command === 'Font') {
                         for (var index = 0; index < args.element.childNodes.length; index++) {
                             var divNode = _this.parent.createElement('div');
                             divNode.innerHTML = dropDown.content.trim();