@syncfusion/ej2-richtexteditor 24.1.41-569421 → 24.1.41-581025

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

@@ -1,5 +1,5 @@
 import * as events from '../base/constant';
-import { isNullOrUndefined, closest, attributes, removeClass, addClass, Browser, detach } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, closest, attributes, removeClass, addClass, Browser, detach, EventHandler } from '@syncfusion/ej2-base';
 import { isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
 import { HTMLFormatter } from '../formatter/html-formatter';
 import { RenderType } from '../base/enum';
@@ -14,7 +14,6 @@ import { getTextNodesUnder, sanitizeHelper, getDefaultValue } from '../base/util
 import { isIDevice } from '../../common/util';
 import { XhtmlValidation } from './xhtml-validation';
 import { ON_BEGIN } from './../../common/constant';
-import * as CONSTANT from '../base/constant';
 /**
  * `HtmlEditor` module is used to HTML editor
  */
@@ -71,7 +70,6 @@ var HtmlEditor = /** @class */ (function () {
         this.parent.on(events.readOnlyMode, this.updateReadOnly, this);
         this.parent.on(events.paste, this.onPaste, this);
         this.parent.on(events.tableclass, this.isTableClassAdded, this);
-        this.parent.on(events.onHandleFontsizeChange, this.onHandleFontsizeChange, this);
     };
     HtmlEditor.prototype.updateReadOnly = function () {
         if (this.parent.readonly) {
@@ -90,6 +88,7 @@ var HtmlEditor = /** @class */ (function () {
     };
     HtmlEditor.prototype.onSelectionRestore = function (e) {
         this.parent.isBlur = false;
+        this.contentRenderer.getEditPanel().focus();
         if (isNullOrUndefined(e.items) || e.items) {
             this.saveSelection.restore();
         }
@@ -97,91 +96,11 @@ var HtmlEditor = /** @class */ (function () {
     HtmlEditor.prototype.isTableClassAdded = function () {
         var tableElement = this.parent.inputElement.querySelectorAll('table');
         for (var i = 0; i < tableElement.length; i++) {
-            if (!tableElement[i].classList.contains('e-rte-table') && !tableElement[i].classList.contains('e-rte-paste-table')) {
+            if (!tableElement[i].classList.contains('e-rte-table')) {
                 tableElement[i].classList.add('e-rte-table');
             }
         }
     };
-    HtmlEditor.prototype.onHandleFontsizeChange = function (e) {
-        var keyboardArgs = e.args;
-        var args = { name: 'dropDownSelect' };
-        args.item = {
-            command: 'Font',
-            subCommand: 'FontSize'
-        };
-        var items = this.parent.fontSize.items;
-        var activeElem;
-        if (this.parent.toolbarModule && this.parent.toolbarModule.dropDownModule &&
-            this.parent.toolbarModule.dropDownModule.fontSizeDropDown && !isNOU(this.parent.toolbarModule.dropDownModule.fontSizeDropDown.activeElem[0].textContent) && this.parent.toolbarModule.dropDownModule.fontSizeDropDown.activeElem[0].textContent !== '') {
-            activeElem = this.parent.toolbarModule.dropDownModule.fontSizeDropDown.activeElem[0].textContent;
-        }
-        else {
-            var fontSizeValue = void 0;
-            var selection = this.parent.contentModule.getDocument().getSelection();
-            if (selection && selection.focusNode && selection.focusNode.parentElement) {
-                fontSizeValue = document.defaultView.getComputedStyle(selection.focusNode.parentElement, null).getPropertyValue('font-size');
-            }
-            else {
-                fontSizeValue = this.parent.fontSize.width;
-            }
-            fontSizeValue = isNOU(fontSizeValue) ? this.parent.fontSize.width : fontSizeValue;
-            var actualTxtFontValues = fontSizeValue.match(/^([\d.]+)(\D+)$/);
-            var size_1 = parseInt(actualTxtFontValues[1], 10);
-            var unit = actualTxtFontValues[2];
-            var defaultFontValues = items[0].value.match(/^([\d.]+)(\D+)$/);
-            if (defaultFontValues[2] === unit) {
-                var index = items.findIndex(function (_a) {
-                    var value = _a.value;
-                    return parseInt(value, 10) >= size_1;
-                });
-                activeElem = items[index].text;
-            }
-            else {
-                var convertedSize_1 = this.convertFontSize(size_1, unit, defaultFontValues[2]);
-                var index = items.findIndex(function (_a) {
-                    var value = _a.value;
-                    return parseInt(value, 10) >= convertedSize_1;
-                });
-                activeElem = items[index].text;
-            }
-        }
-        var fontIndex = items.findIndex(function (size) { return size.text === activeElem; });
-        if (keyboardArgs.action === 'increase-fontsize' && fontIndex !== -1) {
-            if (fontIndex >= items.length - 1) {
-                var fontValues = items[fontIndex].value.match(/^([\d.]+)(\D+)$/);
-                if (fontValues) {
-                    var size = parseInt(fontValues[1], 10);
-                    var unit = fontValues[2];
-                    var roundedSize = size % 10 === 0 ? Math.ceil((size + 1) / 10) * 10 : Math.ceil(size / 10) * 10;
-                    args.item.value = roundedSize.toLocaleString() + unit;
-                    args.item.text = roundedSize.toLocaleString() + ' ' + unit;
-                }
-                this.parent.fontSize.items.push(args.item);
-            }
-            else {
-                args.item.value = items[fontIndex + 1].value;
-                args.item.text = items[fontIndex + 1].text;
-            }
-        }
-        else if (keyboardArgs.action === 'decrease-fontsize' && fontIndex !== -1 && fontIndex > 0) {
-            args.item.value = items[fontIndex - 1].value;
-            args.item.text = items[fontIndex - 1].text;
-        }
-        else {
-            if (fontIndex >= 0 && fontIndex < items.length && items[fontIndex]) {
-                args.item.value = items[fontIndex].value;
-                args.item.text = items[fontIndex].text;
-            }
-        }
-        this.parent.formatter.process(this.parent, args, keyboardArgs);
-    };
-    HtmlEditor.prototype.convertFontSize = function (value, originalUnit, targetUnit) {
-        if (CONSTANT.supportedUnits.indexOf(originalUnit) !== -1 || CONSTANT.supportedUnits.indexOf(targetUnit) !== -1) {
-            originalUnit = 'px';
-        }
-        var convertedValue = value * CONSTANT.conversionFactors[originalUnit][targetUnit];
-        return convertedValue;
-    };
     HtmlEditor.prototype.onKeyUp = function (e) {
         var args = e.args;
         var restrictKeys = [8, 9, 13, 16, 17, 18, 20, 27, 37, 38, 39, 40, 44, 45, 46, 91,
@@ -189,12 +108,9 @@ var HtmlEditor = /** @class */ (function () {
         var range = this.parent.getRange();
         // eslint-disable-next-line
         var regEx = new RegExp(String.fromCharCode(8203), 'g');
-        var isEmptyNode = range.startContainer === range.endContainer && range.startOffset === range.endOffset &&
-            range.startOffset === 1 && range.startContainer.textContent.length === 1 && range.startContainer.textContent.charCodeAt(0) == 8203 &&
-            range.startContainer.textContent.replace(regEx, '').length === 0;
         var pointer;
         var isRootParent = false;
-        if (restrictKeys.indexOf(args.keyCode) < 0 && !args.shiftKey && !args.ctrlKey && !args.altKey && !isEmptyNode) {
+        if (restrictKeys.indexOf(args.keyCode) < 0 && !args.shiftKey && !args.ctrlKey && !args.altKey) {
             pointer = range.startOffset;
             // eslint-disable-next-line @typescript-eslint/no-unused-expressions
             range.startContainer.nodeName === '#text' ? range.startContainer.parentElement !== this.parent.inputElement ? range.startContainer.parentElement.classList.add('currentStartMark')
@@ -306,7 +222,7 @@ var HtmlEditor = /** @class */ (function () {
             e.args.keyCode === 13) {
             this.spaceLink(e.args);
             if (this.parent.editorMode === 'HTML' && !this.parent.readonly) {
-                var currentLength = this.parent.getText().trim().replace(/(\r\n|\n|\r|\t)/gm, '').replace(/\u200B/g, '').length;
+                var currentLength = this.parent.getText().trim().replace(/(\r\n|\n|\r)/gm, '').replace(/\u200B/g, '').length;
                 var selectionLength = this.parent.getSelection().length;
                 var totalLength = (currentLength - selectionLength) + 1;
                 if (!(this.parent.maxLength === -1 || totalLength <= this.parent.maxLength) &&
@@ -317,13 +233,8 @@ var HtmlEditor = /** @class */ (function () {
                 else {
                     this.parent.notify(events.enterHandler, { args: e.args });
                     var newRange = this.parent.getRange();
-                    if (!isNullOrUndefined(newRange.startContainer) && this.parent.height !== 'auto' && newRange.startContainer.nodeName !== '#text'
-                        && !this.parent.iframeSettings.enable && newRange.startContainer.getBoundingClientRect().bottom > this.parent.element.getBoundingClientRect().bottom) {
-                        this.parent.element.querySelector('.e-rte-content').scrollTop += newRange.startContainer.getBoundingClientRect().bottom - this.parent.element.getBoundingClientRect().bottom;
-                    }
-                    else if (!isNullOrUndefined(newRange.startContainer) && this.parent.height === 'auto' && newRange.startContainer.nodeName !== '#text'
-                        && !this.parent.iframeSettings.enable && window.innerHeight < newRange.startContainer.getBoundingClientRect().top) {
-                        newRange.startContainer.scrollIntoView({ block: 'end', inline: 'nearest' });
+                    if (!isNOU(newRange.startContainer) && newRange.startContainer === this.parent.inputElement.lastChild && newRange.startContainer.nodeName !== '#text') {
+                        newRange.startContainer.scrollIntoView({ block: "end", inline: "nearest" });
                     }
                 }
             }
@@ -405,13 +316,11 @@ var HtmlEditor = /** @class */ (function () {
             currentRange.startContainer.previousSibling.nodeName === 'SPAN') {
             isPreviousNotContentEditable = currentRange.startContainer.previousSibling.contentEditable === 'false' ? false : true;
         }
-        var checkNode = currentRange.startContainer.nodeName === '#text' ? currentRange.startContainer.parentElement : currentRange.startContainer;
-        var isSelectedPositionNotStart = closest(currentRange.startContainer.nodeName === '#text' ? currentRange.startContainer.parentElement : currentRange.startContainer, 'li') ?
-            checkNode.nodeName !== 'li' && isNOU(checkNode.previousSibling) : true;
         if (e.args.code === 'Backspace' && e.args.keyCode === 8 && currentRange.startOffset === 0 &&
             currentRange.endOffset === 0 && this.parent.getSelection().length === 0 && currentRange.startContainer.textContent.length > 0 &&
             currentRange.startContainer.parentElement.tagName !== 'TD' && currentRange.startContainer.parentElement.tagName !== 'TH' &&
-            isPreviousNotContentEditable && isSelectedPositionNotStart) {
+            isPreviousNotContentEditable) {
+            var checkNode = currentRange.startContainer.nodeName === '#text' ? currentRange.startContainer.parentElement : currentRange.startContainer;
             if ((!this.parent.formatter.editorManager.domNode.isBlockNode(checkNode) &&
                 !isNOU(checkNode.previousSibling) && checkNode.previousSibling.nodeName === 'BR') ||
                 (!isNOU(currentRange.startContainer.previousSibling) && currentRange.startContainer.previousSibling.nodeName === 'BR')) {
@@ -422,9 +331,8 @@ var HtmlEditor = /** @class */ (function () {
                 var liElement = this.getRangeLiNode(currentRange.startContainer);
                 if (liElement.previousElementSibling && liElement.previousElementSibling.childElementCount > 0) {
                     this.oldRangeElement = liElement.previousElementSibling.lastElementChild.nodeName === 'BR' ?
-                        liElement.previousElementSibling : liElement.previousElementSibling.lastChild;
-                    if (!isNOU(liElement.lastElementChild) && liElement.lastElementChild.nodeName !== 'BR' &&
-                        isNOU(liElement.lastElementChild.previousSibling) && liElement.lastChild.nodeName !== "#text") {
+                        liElement.previousElementSibling : liElement.previousElementSibling.lastElementChild;
+                    if (!isNullOrUndefined(liElement.lastElementChild) && liElement.lastElementChild.nodeName !== 'BR') {
                         this.rangeElement = liElement.lastElementChild;
                         isLiElement = true;
                     }
@@ -434,13 +342,13 @@ var HtmlEditor = /** @class */ (function () {
                 }
             }
             else if (this.rangeElement === this.parent.inputElement || this.rangeElement.tagName === 'TABLE' ||
-                (!isNOU(this.rangeElement.previousElementSibling) && this.rangeElement.previousElementSibling.tagName === 'TABLE')) {
+                (!isNullOrUndefined(this.rangeElement.previousElementSibling) && this.rangeElement.previousElementSibling.tagName === 'TABLE')) {
                 return;
             }
             else {
                 this.oldRangeElement = this.rangeElement.previousElementSibling;
             }
-            if (isNOU(this.oldRangeElement)) {
+            if (isNullOrUndefined(this.oldRangeElement)) {
                 return;
             }
             else {
@@ -449,7 +357,7 @@ var HtmlEditor = /** @class */ (function () {
                         ? this.oldRangeElement.lastElementChild.lastElementChild :
                         this.oldRangeElement.lastElementChild;
                 }
-                var lastNode = this.oldRangeElement.lastChild ? this.oldRangeElement.lastChild : this.oldRangeElement;
+                var lastNode = this.oldRangeElement.lastChild;
                 while (lastNode.nodeType !== 3 && lastNode.nodeName !== '#text' &&
                     lastNode.nodeName !== 'BR') {
                     lastNode = lastNode.lastChild;
@@ -457,17 +365,12 @@ var HtmlEditor = /** @class */ (function () {
                 this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), 
                 // eslint-disable-next-line
                 lastNode, lastNode.textContent.length);
-                if (this.oldRangeElement.nodeName !== '#text' && this.oldRangeElement.querySelectorAll('BR').length === 1) {
+                if (this.oldRangeElement.querySelectorAll('BR').length === 1) {
                     detach(this.oldRangeElement.querySelector('BR'));
                 }
-                if (!isNOU(this.rangeElement) && this.oldRangeElement !== this.rangeElement) {
+                if (!isNullOrUndefined(this.rangeElement) && this.oldRangeElement !== this.rangeElement) {
                     while (this.rangeElement.firstChild) {
-                        if (this.oldRangeElement.nodeName === '#text') {
-                            this.oldRangeElement.parentElement.appendChild(this.rangeElement.childNodes[0]);
-                        }
-                        else {
-                            this.oldRangeElement.appendChild(this.rangeElement.childNodes[0]);
-                        }
+                        this.oldRangeElement.appendChild(this.rangeElement.childNodes[0]);
                     }
                     // eslint-disable-next-line
                     !isLiElement ? detach(this.rangeElement) : detach(this.rangeElement.parentElement);
@@ -481,7 +384,7 @@ var HtmlEditor = /** @class */ (function () {
         var liElement;
         var rootElement;
         if (e.args.code === 'Delete' && e.args.keyCode === 46 &&
-            this.parent.contentModule.getText().trim().replace(/(\r\n|\n|\r|\t)/gm, '').replace(/\u200B/g, '').length !== 0 && this.parent.getSelection().length === 0 && currentRange.startContainer.parentElement.tagName !== 'TD' &&
+            this.parent.contentModule.getText().trim().replace(/(\r\n|\n|\r)/gm, '').replace(/\u200B/g, '').length !== 0 && this.parent.getSelection().length === 0 && currentRange.startContainer.parentElement.tagName !== 'TD' &&
             currentRange.startContainer.parentElement.tagName !== 'TH') {
             this.deleteRangeElement = rootElement = this.getRootBlockNode(currentRange.startContainer);
             if (this.deleteRangeElement.tagName === 'OL' || this.deleteRangeElement.tagName === 'UL') {
@@ -504,11 +407,7 @@ var HtmlEditor = /** @class */ (function () {
                 (!isNullOrUndefined(this.deleteRangeElement.nextElementSibling) && this.deleteRangeElement.nextElementSibling.tagName === 'TABLE'))) {
                 return;
             }
-            var isImgWithEmptyBlockNode = false;
-            if (this.deleteRangeElement.querySelectorAll('img').length > 0 && this.deleteRangeElement.textContent.trim() === '') {
-                isImgWithEmptyBlockNode = true;
-            }
-            if (this.getCaretIndex(currentRange, this.deleteRangeElement) === this.deleteRangeElement.textContent.length && !isImgWithEmptyBlockNode) {
+            if (this.getCaretIndex(currentRange, this.deleteRangeElement) === this.deleteRangeElement.textContent.length) {
                 if (!isNullOrUndefined(liElement)) {
                     if (isLiElement || !isNullOrUndefined(liElement.nextElementSibling)) {
                         this.deleteOldRangeElement = this.getRangeElement(liElement.nextElementSibling);
@@ -655,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"' + ' aria-label="' + this.parent.serviceLocator.getService('rteLocale').getConstant("linkAriaLabel") + '">' + splitTextContent[j] + ' </a>';
+                            '" title="' + splitTextContent[j] + '"target="_blank">' + splitTextContent[j] + ' </a>';
                     }
                     else {
                         resultSplitContent += splitTextContent[j] + ' ';
@@ -700,6 +599,19 @@ var HtmlEditor = /** @class */ (function () {
             }, e, value);
         }
     };
+    HtmlEditor.prototype.mouseOutHandler = function () {
+        if (!isNOU(this.tooltipTargetEle)) {
+            this.tooltipTargetEle.setAttribute('title', this.tooltipTargetEle.getAttribute('data-title'));
+        }
+        else {
+            var currentDocument = this.parent.iframeSettings.enable ? this.parent.contentModule.getPanel().ownerDocument :
+                this.parent.contentModule.getDocument();
+            this.tooltipTargetEle = currentDocument.querySelector('[data-title]');
+            this.tooltipTargetEle.setAttribute('title', this.tooltipTargetEle.getAttribute('data-title'));
+        }
+        this.tooltipTargetEle.removeAttribute('data-title');
+        EventHandler.remove(this.tooltipTargetEle, 'mouseout', this.mouseOutHandler);
+    };
     HtmlEditor.prototype.onToolbarClick = function (args) {
         var _this = this;
         var save;
@@ -707,8 +619,15 @@ var HtmlEditor = /** @class */ (function () {
         var selectParentEle;
         var item = args.item;
         var closestElement = closest(args.originalEvent.target, '.e-rte-quick-popup');
-        var target = args.originalEvent.target;
-        this.parent.notify(events.closeTooltip, { target: target });
+        var currentDocument = this.parent.iframeSettings.enable ? this.parent.contentModule.getPanel().ownerDocument :
+            this.parent.contentModule.getDocument();
+        this.tooltipTargetEle = closest(args.originalEvent.target, '[data-tooltip-id]');
+        if (!isNOU(this.tooltipTargetEle) && this.parent.showTooltip && !isNOU(currentDocument.querySelector('.e-tooltip-wrap'))) {
+            this.parent.notify(events.destroyTooltip, { args: event });
+            this.tooltipTargetEle.setAttribute('data-title', this.tooltipTargetEle.getAttribute('title'));
+            this.tooltipTargetEle.removeAttribute('title');
+            EventHandler.add(this.tooltipTargetEle, 'mouseout', this.mouseOutHandler, this);
+        }
         if (item.command !== 'FormatPainter') {
             if (closestElement && !closestElement.classList.contains('e-rte-inline-popup') && !closestElement.classList.contains('e-rte-text-popup')) {
                 if (!(item.subCommand === 'SourceCode' || item.subCommand === 'Preview' ||

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

@@ -65,9 +65,7 @@ var keyCode = {
     'singlequote': 222,
     ']': 221,
     '[': 219,
-    '=': 187,
-    '<': 188,
-    '>': 190
+    '=': 187
 };
 /**
  * KeyboardEvents class enables you to bind key action desired key combinations for ex., Ctrl+A, Delete, Alt+Space etc.

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

@@ -74,9 +74,7 @@ var MarkdownEditor = /** @class */ (function () {
     MarkdownEditor.prototype.onToolbarClick = function (args) {
         var item = args.item;
         var textArea = this.parent.contentModule.getEditPanel();
-        if (item.command !== 'Formats') {
-            textArea.focus();
-        }
+        textArea.focus();
         var startOffset = textArea.selectionStart;
         var endOffset = textArea.selectionEnd;
         var text = textArea.value.substring(startOffset, endOffset);

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

@@ -55,7 +55,6 @@ export declare class PasteCleanup {
     private updateCss;
     private setCssClass;
     private destroyDialog;
-    private docClick;
     private cleanAppleClass;
     private formatting;
     private cropImageHandler;
@@ -76,8 +75,6 @@ export declare class PasteCleanup {
     private deniedTags;
     private deniedAttributes;
     private allowedStyle;
-    private findLastElement;
-    private processPictureElement;
     /**
      * For internal use only - Get the module name.
      *

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

@@ -2,7 +2,7 @@ import * as events from '../base/constant';
 import { Popup } from '@syncfusion/ej2-popups';
 import { RadioButton } from '@syncfusion/ej2-buttons';
 import { isNullOrUndefined as isNOU, isNullOrUndefined, detach, extend, addClass, removeClass } from '@syncfusion/ej2-base';
-import { getUniqueID, Browser, closest } from '@syncfusion/ej2-base';
+import { getUniqueID, Browser } from '@syncfusion/ej2-base';
 import { CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT } from '../base/classes';
 import { CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT } from '../base/classes';
 import { CLS_RTE_IMAGE, CLS_IMGINLINE, CLS_IMGBREAK } from '../base/classes';
@@ -46,7 +46,6 @@ var PasteCleanup = /** @class */ (function () {
         this.parent.on(events.pasteClean, this.pasteClean, this);
         this.parent.on(events.bindCssClass, this.setCssClass, this);
         this.parent.on(events.destroy, this.destroy, this);
-        this.parent.on(events.docClick, this.docClick, this);
     };
     PasteCleanup.prototype.destroy = function () {
         this.removeEventListener();
@@ -58,7 +57,6 @@ var PasteCleanup = /** @class */ (function () {
         this.parent.off(events.pasteClean, this.pasteClean);
         this.parent.off(events.bindCssClass, this.setCssClass);
         this.parent.off(events.destroy, this.destroy);
-        this.parent.off(events.docClick, this.docClick);
     };
     PasteCleanup.prototype.pasteClean = function (e) {
         var _this = this;
@@ -115,8 +113,7 @@ var PasteCleanup = /** @class */ (function () {
                     args: e.args,
                     text: e.text,
                     allowedStylePropertiesArray: this.parent.pasteCleanupSettings.allowedStyleProps,
-                    callBack: function (a, cropImageData, pasteTableSource) {
-                        args.pasteTableSource = pasteTableSource;
+                    callBack: function (a, cropImageData) {
                         value = a.trim();
                         _this.cropImageData = cropImageData;
                     }
@@ -128,19 +125,10 @@ var PasteCleanup = /** @class */ (function () {
             this.saveSelection = this.nodeSelectionObj.save(range, currentDocument);
             var tempDivElem = this.parent.createElement('div');
             tempDivElem.innerHTML = value;
-            var unsupportedImg = tempDivElem.querySelectorAll('.e-rte-image-unsupported');
-            for (var index = 0; index < unsupportedImg.length; index++) {
-                unsupportedImg[index].setAttribute('alt', this.i10n.getConstant('unsupportedImage'));
-                unsupportedImg[index].classList.remove('e-rte-image-unsupported');
-            }
-            value = tempDivElem.innerHTML;
             var isValueNotEmpty = tempDivElem.textContent !== '' || !isNOU(tempDivElem.querySelector('img')) ||
                 !isNOU(tempDivElem.querySelector('table'));
-            this.parent.notify(events.cleanupResizeElements, {
-                value: value,
-                callBack: function (currentValue) {
-                    value = currentValue;
-                }
+            this.parent.trigger(events.cleanupResizeElements, { value: value }, function (args) {
+                value = args.value;
             });
             if (this.parent.pasteCleanupSettings.prompt) {
                 if (isValueNotEmpty) {
@@ -404,7 +392,9 @@ var PasteCleanup = /** @class */ (function () {
             popupObj.close();
         }
         this.parent.trigger(events.imageUploadFailed, e);
-        uploadObj.destroy();
+        if (uploadObj && document.body.contains(uploadObj.element)) {
+            uploadObj.destroy();
+        }
     };
     PasteCleanup.prototype.popupClose = function (popupObj, uploadObj, imgElem, e) {
         var _this = this;
@@ -419,7 +409,7 @@ var PasteCleanup = /** @class */ (function () {
         });
         popupObj.close();
         imgElem.style.opacity = '1';
-        if (!uploadObj.isDestroyed) {
+        if (uploadObj && document.body.contains(uploadObj.element)) {
             uploadObj.destroy();
         }
         this.toolbarEnableDisable(false);
@@ -572,7 +562,7 @@ var PasteCleanup = /** @class */ (function () {
             width: '300px',
             height: '265px',
             cssClass: CLS_RTE_DIALOG_MIN_HEIGHT,
-            isModal: Browser.isDevice,
+            isModal: true,
             visible: false
         };
         this.dialogObj = this.dialogRenderObj.render(dialogModel);
@@ -626,22 +616,13 @@ var PasteCleanup = /** @class */ (function () {
         this.updateCss(this.keepRadioButton, e);
     };
     PasteCleanup.prototype.destroyDialog = function (rteDialogWrapper) {
-        var rteDialogContainer = this.parent.element.querySelector('.e-rte-dialog-minheight');
+        var rteDialogContainer = this.parent.element.querySelector('.e-dlg-container');
         detach(rteDialogContainer);
         var rteDialogWrapperChildLength = rteDialogWrapper.children.length;
         for (var i = 0; i < rteDialogWrapperChildLength; i++) {
             detach(rteDialogWrapper.children[0]);
         }
     };
-    PasteCleanup.prototype.docClick = function (e) {
-        var target = e.args.target;
-        if (target && target.classList && ((this.dialogObj && !closest(target, '[id=' + "'" + this.dialogObj.element.id + "'" + ']')))
-            && (!target.classList.contains('e-toolbar-item'))) {
-            if (this.dialogObj) {
-                this.dialogObj.hide();
-            }
-        }
-    };
     PasteCleanup.prototype.cleanAppleClass = function (elem) {
         var appleClassElem = elem.querySelectorAll('br.Apple-interchange-newline');
         for (var i = 0; i < appleClassElem.length; i++) {
@@ -679,9 +660,6 @@ var PasteCleanup = /** @class */ (function () {
             this.setImageProperties(allImg[i]);
         }
         this.addTempClass(clipBoardElem);
-        if (clipBoardElem.querySelectorAll('picture').length > 0) {
-            this.processPictureElement(clipBoardElem);
-        }
         if (clipBoardElem.textContent !== '' || !isNOU(clipBoardElem.querySelector('img')) ||
             !isNOU(clipBoardElem.querySelector('table'))) {
             var tempWrapperElem = this.parent.createElement('div');
@@ -713,26 +691,11 @@ var PasteCleanup = /** @class */ (function () {
                 }
             }
             this.parent.trigger(events.afterPasteCleanup, { value: clipBoardElem.innerHTML, filesData: filesData }, function (updatedArgs) { value = updatedArgs.value; });
-            clipBoardElem.innerHTML = this.parent.addAnchorAriaLabel(value);
-            clipBoardElem = this.addTableClass(clipBoardElem, args.pasteTableSource);
+            clipBoardElem.innerHTML = value;
+            clipBoardElem = this.addTableClass(clipBoardElem);
             this.parent.formatter.editorManager.execCommand('inserthtml', 'pasteCleanup', args, function (returnArgs) {
                 extend(args, { elements: returnArgs.elements, imageElements: returnArgs.imgElem }, true);
                 _this.parent.formatter.onSuccess(_this.parent, args);
-                if (!isNOU(returnArgs.elements) && !isNOU(returnArgs.imgElem) &&
-                    returnArgs.imgElem.length > 0) {
-                    var pasteContent = returnArgs.elements;
-                    var imageContent = returnArgs.imgElem;
-                    var lastElementChild = _this.findLastElement(pasteContent[pasteContent.length - 1]);
-                    var isImageAtLast = !isNOU(lastElementChild) ? lastElementChild.nodeName === 'IMG' : false;
-                    if (isImageAtLast || pasteContent[pasteContent.length - 1] === imageContent[imageContent.length - 1]) {
-                        _this.parent.notify(events.insertCompleted, {
-                            args: args.event,
-                            type: 'Images',
-                            isNotify: true,
-                            elements: imageContent[imageContent.length - 1]
-                        });
-                    }
-                }
             }, clipBoardElem, null, null, this.parent.enterKey);
             this.removeTempClass();
             this.parent.notify(events.toolbarRefresh, {});
@@ -787,16 +750,12 @@ var PasteCleanup = /** @class */ (function () {
             }
         }
     };
-    PasteCleanup.prototype.addTableClass = function (element, source) {
-        source = isNOU(source) ? '' : source;
+    PasteCleanup.prototype.addTableClass = function (element) {
         var tableElement = element.querySelectorAll('table');
         for (var i = 0; i < tableElement.length; i++) {
-            if (!tableElement[i].classList.contains('e-rte-table') && (source === 'html' || source === '')) {
+            if (!tableElement[i].classList.contains('e-rte-table')) {
                 tableElement[i].classList.add('e-rte-table');
             }
-            else if (source && source !== 'html') {
-                tableElement[i].classList.add('e-rte-paste-' + source + '-table');
-            }
         }
         return element;
     };
@@ -1131,36 +1090,6 @@ var PasteCleanup = /** @class */ (function () {
         }
         return clipBoardElem;
     };
-    PasteCleanup.prototype.findLastElement = function (element) {
-        if (!isNOU(element) && !isNOU(element.lastElementChild)) {
-            var lastChild = element.lastElementChild;
-            while (lastChild && lastChild.lastElementChild) {
-                lastChild = lastChild.lastElementChild;
-            }
-            return lastChild;
-        }
-        return null;
-    };
-    PasteCleanup.prototype.processPictureElement = function (clipBoardElem) {
-        var pictureElems = clipBoardElem.querySelectorAll('picture');
-        for (var i = 0; i < pictureElems.length; i++) {
-            var imgElem = pictureElems[i].querySelector('img');
-            var sourceElems = pictureElems[i].querySelectorAll('source');
-            if (imgElem && imgElem.getAttribute('src')) {
-                var srcValue = imgElem.getAttribute('src');
-                var url = new URL(srcValue);
-                for (var j = 0; j < sourceElems.length; j++) {
-                    var srcset = sourceElems[j].getAttribute('srcset');
-                    if (srcset) {
-                        if (srcset.indexOf('http') === -1) {
-                            var fullPath = url.origin + srcset;
-                            sourceElems[j].setAttribute('srcset', fullPath);
-                        }
-                    }
-                }
-            }
-        }
-    };
     /**
      * For internal use only - Get the module name.
      *

package/src/rich-text-editor/actions/quick-toolbar.d.ts

@@ -72,7 +72,6 @@ export declare class QuickToolbar {
     hideQuickToolbars(): void;
     private deBounce;
     private mouseUpHandler;
-    private isEmbedVidElem;
     private keyDownHandler;
     private inlineQTBarMouseDownHandler;
     private keyUpHandler;
@@ -138,11 +137,4 @@ export declare class QuickToolbar {
      * @hidden
      */
     private getModuleName;
-    /**
-     *
-     * @returns {BaseQuickToolbar[]} - specifies the quick toolbar instance.
-     * @hidden
-     * @private
-     */
-    getQuickToolbarInstance(): BaseQuickToolbar[];
 }