@syncfusion/ej2-richtexteditor 24.1.43 → 24.1.46

package/dist/es6/ej2-richtexteditor.es2015.js

@@ -3574,7 +3574,7 @@ class ToolbarRenderer {
                         }
                     }
                     //Formats preselect
-                    if (args.items[0].command === 'Formats') {
+                    if (args.items[0].command === 'Formats' || args.items[0].command === 'Font') {
                         for (let index = 0; index < args.element.childNodes.length; index++) {
                             const divNode = this.parent.createElement('div');
                             divNode.innerHTML = dropDown.content.trim();
@@ -4872,7 +4872,7 @@ class Toolbar$2 {
             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,
@@ -12738,7 +12738,7 @@ class NodeCutter {
         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;
         }
@@ -13917,6 +13917,9 @@ class LinkCommand {
         if (!isNullOrUndefined(e.item.target)) {
             anchorEle.setAttribute('target', e.item.target);
         }
+        if (!isNullOrUndefined(e.item.ariaLabel)) {
+            anchorEle.setAttribute('aria-label', e.item.ariaLabel);
+        }
         return anchorEle;
     }
     getSelectionNodes(nodeCollection) {
@@ -16372,8 +16375,7 @@ class SelectionCommands {
                 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' || (isNullOrUndefined(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;
@@ -18800,7 +18802,8 @@ class ToolbarStatus {
                 // eslint-disable-next-line
                 const 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)))) {
@@ -20518,7 +20521,7 @@ class HtmlEditor {
                 else {
                     this.parent.notify(enterHandler, { args: e.args });
                     const newRange = this.parent.getRange();
-                    if (!isNullOrUndefined(newRange.startContainer) && newRange.startContainer === this.parent.inputElement.lastChild && newRange.startContainer.nodeName !== '#text') {
+                    if (!isNullOrUndefined(newRange.startContainer) && newRange.startContainer === this.parent.inputElement.lastChild && newRange.startContainer.nodeName !== '#text' && this.parent.height !== 'auto') {
                         newRange.startContainer.scrollIntoView({ block: "end", inline: "nearest" });
                     }
                 }
@@ -20839,7 +20842,7 @@ class HtmlEditor {
                 for (let 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] + ' ';
@@ -21838,7 +21841,7 @@ class PasteCleanup {
                 }
             }
             this.parent.trigger(afterPasteCleanup, { value: clipBoardElem.innerHTML, filesData: filesData }, (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, (returnArgs) => {
                 extend(args, { elements: returnArgs.elements, imageElements: returnArgs.imgElem }, true);
@@ -32548,6 +32551,7 @@ let RichTextEditor = class RichTextEditor extends Component {
      * @deprecated
      */
     render() {
+        this.value = (!(this.editorMode === 'Markdown') && !isNullOrUndefined(this.value)) ? this.addAnchorAriaLabel(this.value) : this.value;
         if (this.value && !this.valueTemplate) {
             this.setProperties({ value: this.serializeValue(this.value) }, true);
         }
@@ -34221,6 +34225,17 @@ let RichTextEditor = class RichTextEditor extends Component {
         const value = this.removeResizeElement(args.value);
         args.callBack(value);
     }
+    addAnchorAriaLabel(value) {
+        let valueElementWrapper = document.createElement("div");
+        valueElementWrapper.innerHTML = value;
+        let item = valueElementWrapper.querySelectorAll("a");
+        if (item.length > 0) {
+            for (let 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;
+    }
     removeResizeElement(value) {
         let valueElementWrapper = document.createElement("div");
         valueElementWrapper.innerHTML = value;
@@ -34480,6 +34495,7 @@ let RichTextEditor = class RichTextEditor extends Component {
         }
         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();
@@ -34542,6 +34558,7 @@ let RichTextEditor = class RichTextEditor extends Component {
         }
         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();