@syncfusion/ej2-richtexteditor 21.2.10 → 22.1.34

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

@@ -729,6 +729,16 @@ const formatPainterClick = 'formatPainterClick';
  * @deprecated
  */
 const formatPainterDoubleClick = 'formatPainterDoubleClick';
+/**
+ * @hidden
+ * @deprecated
+ */
+const emojiPicker = 'emojiPicker';
+/**
+ * @hidden
+ * @deprecated
+ */
+const maximizeMinimizeClick = 'maximizeMinimizeClick';
 /**
  * @hidden
  * @deprecated
@@ -1970,6 +1980,13 @@ let tools = {
         'tooltip': 'Format Painter',
         'command': 'FormatPainter',
         'subCommand': 'FormatPainter'
+    },
+    'emojipicker': {
+        'id': 'EmojiPicker',
+        'icon': 'e-emoji',
+        'tooltip': 'Emoji Icon',
+        'command': 'EmojiPicker',
+        'subCommand': 'EmojiPicker'
     }
 };
 let alignmentLocale = [
@@ -2182,8 +2199,188 @@ let windowKeys = {
     'Clear Format': 'Ctrl + Shift + R',
     'Numbered List': 'Ctrl + Shift + O',
     'Bulleted List': 'Ctrl + Alt + O',
-    'Format Painter': 'Ctrl + Shift + C, Ctrl + Shift + V'
+    'Format Painter': 'Alt + Shift + C, Alt + Shift + V'
 };
+const defaultEmojiIcons = [{
+        name: 'Smilies & People', code: '1F600', iconCss: 'e-emoji', icons: [{ code: '1F600', desc: 'Grinning face' },
+            { code: '1F603', desc: 'Grinning face with big eyes' },
+            { code: '1F604', desc: 'Grinning face with smiling eyes' },
+            { code: '1F606', desc: 'Grinning squinting face' },
+            { code: '1F605', desc: 'Grinning face with sweat' },
+            { code: '1F602', desc: 'Face with tears of joy' },
+            { code: '1F923', desc: 'Rolling on the floor laughing' },
+            { code: '1F60A', desc: 'Smiling face with smiling eyes' },
+            { code: '1F607', desc: 'Smiling face with halo' },
+            { code: '1F642', desc: 'Slightly smiling face' },
+            { code: '1F643', desc: 'Upside-down face' },
+            { code: '1F60D', desc: 'Smiling face with heart-eyes' },
+            { code: '1F618', desc: 'Face blowing a kiss' },
+            { code: '1F61B', desc: 'Face with tongue' },
+            { code: '1F61C', desc: 'Winking face with tongue' },
+            { code: '1F604', desc: 'Grinning face with smiling eyes' },
+            { code: '1F469', desc: 'Woman' },
+            { code: '1F468', desc: 'Man' },
+            { code: '1F467', desc: 'Girl' },
+            { code: '1F466', desc: 'Boy' },
+            { code: '1F476', desc: 'Baby' },
+            { code: '1F475', desc: 'Old woman' },
+            { code: '1F474', desc: 'Old man' },
+            { code: '1F46E', desc: 'Police officer' },
+            { code: '1F477', desc: 'Construction worker' },
+            { code: '1F482', desc: 'Guard' },
+            { code: '1F575', desc: 'Detective' },
+            { code: '1F9D1', desc: 'Cook' }]
+    }, {
+        name: 'Animals & Nature', code: '1F435', iconCss: 'e-animals', icons: [{ code: '1F436', desc: 'Dog face' },
+            { code: '1F431', desc: 'Cat face' },
+            { code: '1F42D', desc: 'Mouse face' },
+            { code: '1F439', desc: 'Hamster face' },
+            { code: '1F430', desc: 'Rabbit face' },
+            { code: '1F98A', desc: 'Fox face' },
+            { code: '1F43B', desc: 'Bear face' },
+            { code: '1F43C', desc: 'Panda face' },
+            { code: '1F428', desc: 'Koala' },
+            { code: '1F42F', desc: 'Tiger face' },
+            { code: '1F981', desc: 'Lion face' },
+            { code: '1F42E', desc: 'Cow face' },
+            { code: '1F437', desc: 'Pig face' },
+            { code: '1F43D', desc: 'Pig nose' },
+            { code: '1F438', desc: 'Frog face' },
+            { code: '1F435', desc: 'Monkey face' },
+            { code: '1F649', desc: 'Hear-no-evil monkey' },
+            { code: '1F64A', desc: 'Speak-no-evil monkey' },
+            { code: '1F412', desc: 'Monkey' },
+            { code: '1F414', desc: 'Chicken' },
+            { code: '1F427', desc: 'Penguin' },
+            { code: '1F426', desc: 'Bird' },
+            { code: '1F424', desc: 'Baby chick' },
+            { code: '1F986', desc: 'Duck' },
+            { code: '1F985', desc: 'Eagle' }]
+    }, {
+        name: 'Food & Drink', code: '1F347', iconCss: 'e-food-and-drinks', icons: [{ code: '1F34E', desc: 'Red apple' },
+            { code: '1F34C', desc: 'Banana' },
+            { code: '1F347', desc: 'Grapes' },
+            { code: '1F353', desc: 'Strawberry' },
+            { code: '1F35E', desc: 'Bread' },
+            { code: '1F950', desc: 'Croissant' },
+            { code: '1F955', desc: 'Carrot' },
+            { code: '1F354', desc: 'Hamburger' },
+            { code: '1F355', desc: 'Pizza' },
+            { code: '1F32D', desc: 'Hot dog' },
+            { code: '1F35F', desc: 'French fries' },
+            { code: '1F37F', desc: 'Popcorn' },
+            { code: '1F366', desc: 'Soft ice cream' },
+            { code: '1F367', desc: 'Shaved ice' },
+            { code: '1F36A', desc: 'Cookie' },
+            { code: '1F382', desc: 'Birthday cake' },
+            { code: '1F370', desc: 'Shortcake' },
+            { code: '1F36B', desc: 'Chocolate bar' },
+            { code: '1F369', desc: 'Donut' },
+            { code: '1F36E', desc: 'Custard' },
+            { code: '1F36D', desc: 'Lollipop' },
+            { code: '1F36C', desc: 'Candy' },
+            { code: '1F377', desc: 'Wine glass' },
+            { code: '1F37A', desc: 'Beer mug' },
+            { code: '1F37E', desc: 'Bottle with popping cork' }]
+    }, {
+        name: 'Activities', code: '1F383', iconCss: 'e-activities', icons: [{ code: '26BD', desc: 'Soccer ball' },
+            { code: '1F3C0', desc: 'Basketball' },
+            { code: '1F3C8', desc: 'American football' },
+            { code: '26BE', desc: 'Baseball' },
+            { code: '1F3BE', desc: 'Tennis' },
+            { code: '1F3D0', desc: 'Volleyball' },
+            { code: '1F3C9', desc: 'Rugby football' },
+            { code: '1F3B1', desc: 'Pool 8 ball' },
+            { code: '1F3D3', desc: 'Ping pong' },
+            { code: '1F3F8', desc: 'Badminton' },
+            { code: '1F94A', desc: 'Boxing glove' },
+            { code: '1F3CA', desc: 'Swimmer' },
+            { code: '1F3CB', desc: 'Weightlifter' },
+            { code: '1F6B4', desc: 'Bicyclist' },
+            { code: '1F6F9', desc: 'Skateboard' },
+            { code: '1F3AE', desc: 'Video game' },
+            { code: '1F579', desc: 'Joystick' },
+            { code: '1F3CF', desc: 'Cricket' },
+            { code: '1F3C7', desc: 'Horse racing' },
+            { code: '1F3AF', desc: 'Direct hit' },
+            { code: '1F3D1', desc: 'Field hockey' },
+            { code: '1F3B0', desc: 'Slot machine' },
+            { code: '1F3B3', desc: 'Bowling' },
+            { code: '1F3B2', desc: 'Game die' },
+            { code: '265F', desc: 'Chess pawn' }]
+    }, {
+        name: 'Travel & Places', code: '1F30D', iconCss: 'e-travel-and-places', icons: [{ code: '2708', desc: 'Airplane' },
+            { code: '1F697', desc: 'Automobile' },
+            { code: '1F695', desc: 'Taxi' },
+            { code: '1F6B2', desc: 'Bicycle' },
+            { code: '1F68C', desc: 'Bus' },
+            { code: '1F682', desc: 'Locomotive' },
+            { code: '1F6F3', desc: 'Passenger ship' },
+            { code: '1F680', desc: 'Rocket' },
+            { code: '1F681', desc: 'Helicopter' },
+            { code: '1F6A2', desc: 'Ship' },
+            { code: '1F3DF', desc: 'Stadium' },
+            { code: '1F54C', desc: 'Mosque' },
+            { code: '26EA', desc: 'Church' },
+            { code: '1F6D5', desc: 'Hindu Temple' },
+            { code: '1F3D4', desc: 'Snow-capped mountain' },
+            { code: '1F3EB', desc: 'School' },
+            { code: '1F30B', desc: 'Volcano' },
+            { code: '1F3D6', desc: 'Beach with umbrella' },
+            { code: '1F3DD', desc: 'Desert island' },
+            { code: '1F3DE', desc: 'National park' },
+            { code: '1F3F0', desc: 'Castle' },
+            { code: '1F5FC', desc: 'Tokyo tower' },
+            { code: '1F5FD', desc: 'Statue of liberty' },
+            { code: '26E9', desc: 'Shinto shrine' },
+            { code: '1F3EF', desc: 'Japanese castle' },
+            { code: '1F3A2', desc: 'Roller coaster' }]
+    }, {
+        name: 'Objects', code: '1F507', iconCss: 'e-objects', icons: [{ code: '1F4A1', desc: 'Light bulb' },
+            { code: '1F526', desc: 'Flashlight' },
+            { code: '1F4BB', desc: 'Laptop computer' },
+            { code: '1F5A5', desc: 'Desktop computer' },
+            { code: '1F5A8', desc: 'Printer' },
+            { code: '1F4F7', desc: 'Camera' },
+            { code: '1F4F8', desc: 'Camera with flash' },
+            { code: '1F4FD', desc: 'Film projector' },
+            { code: '1F3A5', desc: 'Movie camera' },
+            { code: '1F4FA', desc: 'Television' },
+            { code: '1F4FB', desc: 'Radio' },
+            { code: '1F50B', desc: 'Battery' },
+            { code: '231A', desc: 'Watch' },
+            { code: '1F4F1', desc: 'Mobile phone' },
+            { code: '260E', desc: 'Telephone' },
+            { code: '1F4BE', desc: 'Floppy disk' },
+            { code: '1F4BF', desc: 'Optical disk' },
+            { code: '1F4C0', desc: 'Digital versatile disc' },
+            { code: '1F4BD', desc: 'Computer disk' },
+            { code: '1F3A7', desc: 'Headphone' },
+            { code: '1F3A4', desc: 'Microphone' },
+            { code: '1F3B6', desc: 'Multiple musical notes' },
+            { code: '1F4DA', desc: 'Books' }]
+    }, {
+        name: 'Symbols', code: '1F3E7', iconCss: 'e-symbols', icons: [{ code: '274C', desc: 'Cross mark' },
+            { code: '2714', desc: 'Check mark' },
+            { code: '26A0', desc: 'Warning sign' },
+            { code: '1F6AB', desc: 'Prohibited' },
+            { code: '2139', desc: 'Information' },
+            { code: '267B', desc: 'Recycling symbol' },
+            { code: '1F6AD', desc: 'No smoking' },
+            { code: '1F4F5', desc: 'No mobile phones' },
+            { code: '1F6AF', desc: 'No littering' },
+            { code: '1F6B3', desc: 'No bicycles' },
+            { code: '1F6B7', desc: 'No pedestrians' },
+            { code: '2795', desc: 'Plus' },
+            { code: '2796', desc: 'Minus' },
+            { code: '2797', desc: 'Divide' },
+            { code: '2716', desc: 'Multiplication' },
+            { code: '1F4B2', desc: 'Dollar banknote' },
+            { code: '1F4AC', desc: 'Speech balloon' },
+            { code: '2755', desc: 'White exclamation mark' },
+            { code: '2754', desc: 'White question mark' },
+            { code: '2764', desc: 'Red heart' }]
+    }];
 
 /* eslint-disable */
 /**
@@ -2378,7 +2575,13 @@ let defaultLocale = {
     'bulletFormatListSquare': 'Square',
     'numberFormatListNone': 'None',
     'bulletFormatListNone': 'None',
-    'formatPainter': 'Format Painter'
+    'formatPainter': 'Format Painter',
+    'emojiPicker': 'Emoji Picker',
+    'embeddedCode': 'Embedded Code',
+    'pasteEmbeddedCodeHere': 'Paste Embedded Code here',
+    'emojiPickerTypeToFind': 'Type to find',
+    'emojiPickerNoResultFound': 'No results found',
+    'emojiPickerTrySomethingElse': 'Try something else',
 };
 let toolsLocale = {
     'alignments': 'alignments',
@@ -2466,7 +2669,13 @@ let toolsLocale = {
     'insertrowbefore': 'insertRowBefore',
     'insertrowafter': 'insertRowAfter',
     'deleterow': 'deleteRow',
-    'formatpainter': 'formatPainter'
+    'formatpainter': 'formatPainter',
+    'emojipicker': 'emojiPicker',
+    'embeddedCode': 'Embedded Code',
+    'pasteEmbeddedCodeHere': 'Paste Embedded Code here',
+    'emojiPickerTypeToFind': 'Type to find',
+    'emojiPickerNoResultFound': 'No results found',
+    'emojiPickerTrySomethingElse': 'Try something else',
 };
 let fontNameLocale = [
     { locale: 'fontNameSegoeUI', value: 'Segoe UI' },
@@ -2649,7 +2858,8 @@ function setToolbarStatus(e, isPopToolbar, self) {
             const item = e.tbItems[j].subCommand;
             const itemStr = item && item.toLocaleLowerCase();
             if (item && (itemStr === key) || (item === 'UL' && key === 'unorderedlist') || (item === 'OL' && key === 'orderedlist') ||
-                (itemStr === 'pre' && key === 'insertcode')) {
+                (itemStr === 'pre' && key === 'insertcode') || (item === 'NumberFormatList' && key === 'numberFormatList' ||
+                item === 'BulletFormatList' && key === 'bulletFormatList')) {
                 if (typeof data[`${key}`] === 'boolean') {
                     if (data[`${key}`] === true) {
                         addClass([e.tbElements[j]], [CLS_ACTIVE]);
@@ -2701,7 +2911,6 @@ function setToolbarStatus(e, isPopToolbar, self) {
                             const fontNameContent = isNullOrUndefined(e.parent.fontFamily.default) ? fontNameItems[0].text :
                                 e.parent.fontFamily.default;
                             const name = (isNullOrUndefined(result) ? fontNameContent : result);
-                            e.tbElements[j].title = name;
                             dropDown.fontNameDropDown.content = ('<span style="display: inline-flex;' +
                                 'width:' + e.parent.fontFamily.width + '" >' +
                                 '<span class="e-rte-dropdown-btn-text' + (isNullOrUndefined(e.parent.cssClass) ? '' : ' ' + e.parent.cssClass) + '">'
@@ -3096,6 +3305,10 @@ class ToolbarRenderer {
     }
     wireEvent() {
         this.parent.on(destroy, this.unWireEvent, this);
+        this.parent.on(maximizeMinimizeClick, this.destroyTooltip, this);
+    }
+    destroyTooltip() {
+        this.tooltip.close();
     }
     unWireEvent() {
         this.parent.off(destroy, this.unWireEvent);
@@ -3192,12 +3405,13 @@ class ToolbarRenderer {
         args.rteToolbarObj.toolbarObj.createElement = this.parent.createElement;
         args.rteToolbarObj.toolbarObj.appendTo(args.target);
         if (this.parent.showTooltip) {
-            const tooltip = new Tooltip({
+            this.tooltip = new Tooltip({
                 target: '#' + this.parent.getID() + '_toolbar_wrapper [title]',
                 showTipPointer: true,
+                openDelay: 400,
                 cssClass: this.parent.cssClass
             });
-            tooltip.appendTo(args.target);
+            this.tooltip.appendTo(args.target);
         }
     }
     /**
@@ -3796,8 +4010,9 @@ class BaseToolbar {
                                 this.parent.formatter.saveData();
                             }
                             callback.call(this);
-                            if ((this.parent.formatter.getUndoRedoStack()[this.parent.formatter.getUndoRedoStack().length - 1].text.trim()
-                                === this.parent.inputElement.innerHTML.trim())) {
+                            const currentContentElem = this.parent.createElement('div');
+                            currentContentElem.appendChild(this.parent.formatter.getUndoRedoStack()[this.parent.formatter.getUndoRedoStack().length - 1].text);
+                            if (currentContentElem.innerHTML.trim() === this.parent.inputElement.innerHTML.trim()) {
                                 return;
                             }
                             if (proxy.undo) {
@@ -5849,7 +6064,8 @@ class BaseQuickToolbar {
      * @deprecated
      */
     showPopup(x, y, target) {
-        const eventArgs = { popup: this.popupObj, cancel: false, targetElement: target, positionX: x, positionY: y };
+        const eventArgs = { popup: this.popupObj, cancel: false, targetElement: target,
+            positionX: x, positionY: y };
         this.parent.trigger(beforeQuickToolbarOpen, eventArgs, (beforeQuickToolbarArgs) => {
             if (!beforeQuickToolbarArgs.cancel) {
                 let editPanelTop;
@@ -5885,6 +6101,7 @@ class BaseQuickToolbar {
                 if (this.parent.showTooltip) {
                     this.tooltip = new Tooltip({
                         target: '#' + this.element.id + ' [title]',
+                        openDelay: 400,
                         showTipPointer: true
                     });
                     this.tooltip.appendTo(this.element);
@@ -5965,6 +6182,11 @@ class BaseQuickToolbar {
             }
             this.tooltip.destroy();
         }
+        else {
+            if (!isNullOrUndefined(this.tooltip)) {
+                this.tooltip.destroy();
+            }
+        }
         if (!isNullOrUndefined(this.parent.getToolbar()) && !this.parent.inlineMode.enable) {
             if (isNullOrUndefined(viewSourcePanel) || viewSourcePanel.style.display === 'none') {
                 this.parent.enableToolbarItem(this.parent.toolbarSettings.items);
@@ -7179,6 +7401,8 @@ function getDefaultHtmlTbStatus() {
         strikethrough: false,
         orderedlist: false,
         unorderedlist: false,
+        numberFormatList: false,
+        bulletFormatList: false,
         underline: false,
         alignments: null,
         backgroundcolor: null,
@@ -7345,7 +7569,8 @@ class ExecCommandCallBack {
         this.parent.on(destroy, this.removeEventListener, this);
     }
     commandCallBack(args) {
-        if (args.requestType !== 'Undo' && args.requestType !== 'Redo') {
+        const formatPainterCopy = !isNullOrUndefined(args.requestType) && args.requestType === 'FormatPainter' && args.action === 'format-copy';
+        if (!isNullOrUndefined(args) && !isNullOrUndefined(args.requestType) && args.requestType !== 'Undo' && args.requestType !== 'Redo' && !formatPainterCopy) {
             this.parent.formatter.saveData();
         }
         this.parent.notify(toolbarRefresh, { args: args });
@@ -7444,6 +7669,12 @@ const SPACE_ACTION = 'actionBegin';
  * @hidden
  */
 const FORMAT_PAINTER_ACTIONS = 'format_painter_actions';
+/**
+ * Emoji picker event constant
+ *
+ * @hidden
+ */
+const EMOJI_PICKER_ACTIONS = 'emoji_picker_actions';
 
 /**
  * Formatter
@@ -7485,6 +7716,7 @@ class Formatter {
             && args.item.command !== 'Files'
             && args.item.command !== 'Audios'
             && args.item.command !== 'Videos'
+            && args.item.command !== 'EmojiPicker'
             && range
             && !(self.contentModule.getEditPanel().contains(this.getAncestorNode(range.commonAncestorContainer))
                 || self.contentModule.getEditPanel() === range.commonAncestorContainer
@@ -7550,13 +7782,14 @@ class Formatter {
             && args.item.command !== 'Font')
             || ((args.item.subCommand === 'FontName' || args.item.subCommand === 'FontSize') && args.name === 'dropDownSelect')
             || ((args.item.subCommand === 'BackgroundColor' || args.item.subCommand === 'FontColor')
-                && args.name === 'colorPickerChanged') || args.item.subCommand === 'FormatPainter')) {
+                && args.name === 'colorPickerChanged') || args.item.subCommand === 'FormatPainter' || args.item.subCommand === 'EmojiPicker')) {
             extend(args, args, { requestType: args.item.subCommand, cancel: false, itemCollection: value, selectType: args.name }, true);
             self.trigger(actionBegin, args, (actionBeginArgs) => {
                 if (!actionBeginArgs.cancel) {
-                    const formatPainterCopyAction = !isNullOrUndefined(actionBeginArgs.name) && actionBeginArgs.name === 'format-copy';
-                    if (this.getUndoRedoStack().length === 0 && actionBeginArgs.item.command !== 'Links'
-                        && actionBeginArgs.item.command !== 'Images' && !formatPainterCopyAction) {
+                    const formatPainterCopy = !isNullOrUndefined(actionBeginArgs.requestType) && actionBeginArgs.requestType === 'FormatPainter' && actionBeginArgs.name === 'format-copy';
+                    const formatPainterPaste = !isNullOrUndefined(actionBeginArgs.requestType) && actionBeginArgs.requestType === 'FormatPainter' && actionBeginArgs.name === 'format-paste';
+                    if ((this.getUndoRedoStack().length === 0 && actionBeginArgs.item.command !== 'Links' && actionBeginArgs.item.command !== 'Images' && !formatPainterCopy)
+                        || formatPainterPaste) {
                         this.saveData();
                     }
                     self.isBlur = false;
@@ -7578,7 +7811,7 @@ class Formatter {
                 }
             });
         }
-        if (isNullOrUndefined(event) || event && event.action !== 'copy') {
+        if ((isNullOrUndefined(event) || event && event.action !== 'copy')) {
             this.enableUndo(self);
         }
     }
@@ -8834,8 +9067,8 @@ const htmlKeyConfig = {
     'enter': '13',
     'tab': 'tab',
     'delete': '46',
-    'format-copy': 'ctrl+shift+c',
-    'format-paste': 'ctrl+shift+v'
+    'format-copy': 'alt+shift+c',
+    'format-paste': 'alt+shift+v'
 };
 /**
  * Default  markdown key config for adapter
@@ -10913,7 +11146,11 @@ class DOMNode {
         let startTextNode;
         let endTextNode;
         if (start.textContent === '' && isNullOrUndefined(end) && action !== 'tab') {
-            if (start.childNodes.length === 1 && start.childNodes[0].nodeName === 'BR') {
+            if (isNullOrUndefined(action) && save.range.startContainer.nodeType === 1 &&
+                save.range.startContainer.querySelectorAll('audio,video,image').length === 0) {
+                start.innerHTML = '<br>';
+            }
+            else if (start.childNodes.length === 1 && start.childNodes[0].nodeName === 'BR') {
                 start.innerHTML = '&#65279;&#65279;<br>';
             }
             else {
@@ -11002,7 +11239,7 @@ class DOMNode {
                 markerStart.appendChild(start);
             }
             else {
-                if (start.nodeType !== 3 && start.nodeName !== '#text') {
+                if (start.nodeType !== 3 && start.nodeName !== '#text' && start.nodeName !== 'BR') {
                     const marker = this.marker(markerClassName.startSelection, '');
                     append([this.parseHTMLFragment(marker)], start);
                 }
@@ -13228,7 +13465,12 @@ class InsertHtml {
     static removeEmptyElements(element) {
         const emptyElements = element.querySelectorAll(':empty');
         for (let i = 0; i < emptyElements.length; i++) {
-            if (SELF_CLOSING_TAGS.indexOf(emptyElements[i].tagName.toLowerCase()) < 0) {
+            let lineWithDiv = true;
+            if (emptyElements[i].tagName === 'DIV') {
+                lineWithDiv = emptyElements[i].style.borderBottom === 'none' ||
+                    emptyElements[i].style.borderBottom === '' ? true : false;
+            }
+            if (SELF_CLOSING_TAGS.indexOf(emptyElements[i].tagName.toLowerCase()) < 0 && lineWithDiv) {
                 const detachableElement = this.findDetachEmptyElem(emptyElements[i]);
                 if (!isNullOrUndefined(detachableElement)) {
                     detach(detachableElement);
@@ -13334,7 +13576,7 @@ class LinkCommand {
             const domSelection = new NodeSelection();
             let range = domSelection.getRange(this.parent.currentDocument);
             if (range.endContainer.nodeName === '#text' && range.startContainer.textContent.length === (range.endOffset + 1) &&
-                range.endContainer.textContent.charAt(range.endOffset) === ' ' && range.endContainer.nextSibling.nodeName === 'A') {
+                range.endContainer.textContent.charAt(range.endOffset) === ' ' && (!isNullOrUndefined(range.endContainer.nextSibling) && range.endContainer.nextSibling.nodeName === 'A')) {
                 domSelection.setSelectionText(this.parent.currentDocument, range.startContainer, range.endContainer, range.startOffset, range.endOffset + 1);
                 range = domSelection.getRange(this.parent.currentDocument);
             }
@@ -15050,10 +15292,10 @@ class TableCommand {
         this.updateRowSpanStyle(minMaxIndexes.startRow, minMaxIndexes.endRow, this.getCorrespondingColumns());
         this.updateColSpanStyle(minMaxIndexes.startColumn, minMaxIndexes.endColumn, this.getCorrespondingColumns());
         e.item.selection.setSelectionText(this.parent.currentDocument, e.item.selection.range.startContainer, e.item.selection.range.startContainer, 0, 0);
-        if (this.parent.nodeSelection.range) {
+        if (this.parent.nodeSelection && firstCell) {
             this.parent.nodeSelection.setCursorPoint(this.parent.currentDocument, 
             // eslint-disable-next-line
-            this.parent.nodeSelection.range.endContainer, 0);
+            firstCell, 0);
         }
         if (e.callBack) {
             e.callBack({
@@ -16180,8 +16422,10 @@ class SelectionCommands {
                                 while (currentFormatNode) {
                                     const isSameTextContent = currentFormatNode.parentElement.textContent.trim()
                                         === nodes[index].textContent.trim();
-                                    if (!domNode.isBlockNode(currentFormatNode.parentElement) && isSameTextContent) {
-                                        currentFormatNode = currentFormatNode.parentElement;
+                                    const parent = currentFormatNode.parentElement;
+                                    if (!domNode.isBlockNode(parent) && isSameTextContent &&
+                                        !(parent.nodeName === 'SPAN' && parent.classList.contains('e-img-inner'))) {
+                                        currentFormatNode = parent;
                                     }
                                     else {
                                         break;
@@ -16362,33 +16606,19 @@ class SelectionCommands {
     }
     // Below function is used to insert the element created by the format painter plugin.
     static insertFormatPainterElem(nodes, index, range, nodeCutter, painterValues, domNode) {
-        let parent = nodes[index].parentElement;
+        let parent = !domNode.isBlockNode(nodes[index].parentElement) ?
+            nodes[index].parentElement : nodes[index];
         if (!domNode.isBlockNode(parent)) {
-            // The below code is used to remove the already present inline style from the text node.
             while (parent.textContent.trim() === parent.parentElement.textContent.trim() && !domNode.isBlockNode(parent.parentElement)) {
                 parent = parent.parentElement;
             }
-            if (parent.textContent.trim() !== nodes[index].textContent.trim()) {
-                nodeCutter.SplitNode(range, parent, true);
-                const childELemList = nodes[index].parentElement.childNodes;
-                for (let i = 0; i < childELemList.length; i++) {
-                    if (childELemList[i].textContent.trim() === nodes[i].textContent.trim()) {
-                        parent.parentNode.insertBefore(childELemList[i], parent);
-                        break;
-                    }
-                }
-                const blockChildNodes = parent.parentElement.childNodes;
-                for (let k = 0; k < blockChildNodes.length; k++) {
-                    if (blockChildNodes[k].textContent.trim() === '' || blockChildNodes[k].textContent.length === 0) {
-                        detach(blockChildNodes[k]);
-                    }
-                }
-            }
-            else {
-                InsertMethods.unwrap(parent);
-            }
+        }
+        // The below code is used to remove the already present inline style from the text node.
+        if (!isNullOrUndefined(parent) && parent.nodeType === 1 && !(parent.classList.contains('e-rte-img-caption') || parent.classList.contains('e-img-inner'))) {
+            this.formatPainterCleanup(index, nodes, parent, range, nodeCutter, domNode);
         }
         const elem = painterValues.element;
+        // The below code is used to apply the inline format copied.
         if (!isNullOrUndefined(elem)) {
             // Step 1: Cloning the element that is created by format painter.
             // Step 2: Finding the last child of the nested elememt using the paintervalues.lastchild nodename
@@ -16413,6 +16643,43 @@ class SelectionCommands {
         }
         return nodes[index];
     }
+    static formatPainterCleanup(index, nodes, parent, range, nodeCutter, domNode) {
+        const INVALID_TAGS = ['A', 'AUDIO', 'IMG', 'VIDEO', 'IFRAME'];
+        if (index === 0 && parent.textContent.trim() !== nodes[index].textContent.trim()) {
+            nodeCutter.SplitNode(range, parent, true);
+            const childELemList = nodes[index].parentElement.childNodes;
+            for (let i = 0; i < childELemList.length; i++) {
+                if (childELemList[i].textContent.trim() === nodes[i].textContent.trim()) {
+                    parent.parentNode.insertBefore(childELemList[i], parent);
+                    break;
+                }
+            }
+            const blockChildNodes = parent.parentElement.childNodes;
+            for (let k = 0; k < blockChildNodes.length; k++) {
+                if (blockChildNodes[k].textContent.trim() === '' || blockChildNodes[k].textContent.length === 0) {
+                    detach(blockChildNodes[k]);
+                }
+            }
+        }
+        else if (parent.textContent.trim() !== nodes[index].textContent.trim()) {
+            parent.parentElement.insertBefore(nodes[index], parent);
+        }
+        else {
+            while (!isNullOrUndefined(parent) && parent.nodeType !== 3 && !domNode.isBlockNode(parent)) {
+                let temp;
+                for (let i = 0; i < parent.childNodes.length; i++) {
+                    const currentChild = parent.childNodes[i];
+                    if (currentChild.textContent.trim().length !== 0 && currentChild.nodeType !== 3) {
+                        temp = parent.childNodes[i];
+                    }
+                }
+                if (INVALID_TAGS.indexOf(parent.tagName) === -1) {
+                    InsertMethods.unwrap(parent);
+                }
+                parent = temp;
+            }
+        }
+    }
 }
 SelectionCommands.enterAction = 'P';
 
@@ -16524,6 +16791,7 @@ class ClearFormat$1 {
      * @param {Node} endNode - specifies the end node
      * @param {string} enterAction - specifies the enter key action
      * @param {string} selector - specifies the string value
+     * @param {string} command - specifies the command value
      * @returns {void}
      * @hidden
      * @deprecated
@@ -16888,6 +17156,19 @@ class UndoRedoManager {
             this.saveData(e);
         }
     }
+    getTextContentFromFragment(fragment) {
+        let textContent = '';
+        for (let i = 0; i < fragment.childNodes.length; i++) {
+            const childNode = fragment.childNodes[i];
+            if (childNode.nodeType === Node.TEXT_NODE) {
+                textContent += childNode.textContent;
+            }
+            else if (childNode.nodeType === Node.ELEMENT_NODE) {
+                textContent += this.getTextContentFromFragment(childNode);
+            }
+        }
+        return textContent;
+    }
     /**
      * RTE collection stored html format.
      *
@@ -16910,8 +17191,12 @@ class UndoRedoManager {
         }
         range = new NodeSelection().getRange(this.parent.currentDocument);
         const save = new NodeSelection().save(range, this.parent.currentDocument);
-        const htmlText = this.parent.editableElement.innerHTML;
-        const changEle = { text: htmlText, range: save };
+        const clonedElement = this.parent.editableElement.cloneNode(true);
+        const fragment = document.createDocumentFragment();
+        while (clonedElement.firstChild) {
+            fragment.appendChild(clonedElement.firstChild);
+        }
+        const changEle = { text: fragment, range: save };
         if (this.undoRedoStack.length >= this.steps) {
             this.undoRedoStack = this.undoRedoStack.slice(0, this.steps + 1);
         }
@@ -16919,7 +17204,8 @@ class UndoRedoManager {
             && (this.undoRedoStack[this.undoRedoStack.length - 1].range.startOffset === save.range.startOffset) &&
             (this.undoRedoStack[this.undoRedoStack.length - 1].range.endOffset === save.range.endOffset) &&
             (this.undoRedoStack[this.undoRedoStack.length - 1].range.range.startContainer === save.range.startContainer) &&
-            (this.undoRedoStack[this.undoRedoStack.length - 1].text.trim() === changEle.text.trim())) {
+            (this.getTextContentFromFragment(this.undoRedoStack[this.undoRedoStack.length - 1].text).trim() ===
+                this.getTextContentFromFragment(changEle.text).trim())) {
             return;
         }
         this.undoRedoStack.push(changEle);
@@ -16945,7 +17231,8 @@ class UndoRedoManager {
         if (this.steps > 0) {
             const range = this.undoRedoStack[this.steps - 1].range;
             const removedContent = this.undoRedoStack[this.steps - 1].text;
-            this.parent.editableElement.innerHTML = removedContent;
+            this.parent.editableElement.innerHTML = '';
+            this.parent.editableElement.appendChild(removedContent.cloneNode(true));
             this.parent.editableElement.focus();
             if (isIDevice$1()) {
                 setEditFrameFocus(this.parent.editableElement, e.selector);
@@ -16975,7 +17262,9 @@ class UndoRedoManager {
     redo(e) {
         if (this.undoRedoStack[this.steps + 1] != null) {
             const range = this.undoRedoStack[this.steps + 1].range;
-            this.parent.editableElement.innerHTML = this.undoRedoStack[this.steps + 1].text;
+            const addedContent = this.undoRedoStack[this.steps + 1].text;
+            this.parent.editableElement.innerHTML = '';
+            this.parent.editableElement.appendChild(addedContent.cloneNode(true));
             this.parent.editableElement.focus();
             if (isIDevice$1()) {
                 setEditFrameFocus(this.parent.editableElement, e.selector);
@@ -17085,6 +17374,8 @@ class MsWordPaste {
                 listNodes[0].parentElement.tagName !== 'OL') {
                 this.listConverter(listNodes);
             }
+            this.cleanList(elm, 'UL');
+            this.cleanList(elm, 'OL');
             this.styleCorrection(elm, wordPasteStyleConfig);
             this.removingComments(elm);
             this.removeUnwantedElements(elm);
@@ -17110,11 +17401,38 @@ class MsWordPaste {
             e.callBack(elm.innerHTML);
         }
     }
+    cleanList(elm, listTag) {
+        let replacableElem = elm.querySelectorAll(listTag + ' div');
+        for (let j = replacableElem.length - 1; j >= 0; j--) {
+            const parentElem = replacableElem[j].parentNode;
+            while (replacableElem[j].firstChild) {
+                parentElem.insertBefore(replacableElem[j].firstChild, replacableElem[j]);
+            }
+            let closestListElem = this.findClosestListElem(replacableElem[j]);
+            if (closestListElem) {
+                this.insertAfter(replacableElem[j], closestListElem);
+            }
+        }
+    }
+    insertAfter(newNode, referenceNode) {
+        referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
+    }
+    findClosestListElem(listElem) {
+        let closestListElem;
+        while (!isNullOrUndefined(listElem)) {
+            listElem = !isNullOrUndefined(listElem.closest('ul')) && listElem.tagName !== 'UL' ?
+                listElem.closest('ul') : (listElem.tagName !== 'OL' ? listElem.closest('ol') : null);
+            closestListElem = !isNullOrUndefined(listElem) ? listElem : closestListElem;
+        }
+        return closestListElem;
+    }
     addListClass(elm) {
         const allNodes = elm.querySelectorAll('*');
         for (let index = 0; index < allNodes.length; index++) {
             if (!isNullOrUndefined(allNodes[index].getAttribute('style')) && allNodes[index].getAttribute('style').replace(/ /g, '').replace('\n', '').indexOf('mso-list:l') >= 0 &&
-                allNodes[index].className.toLowerCase().indexOf('msolistparagraph') === -1 && allNodes[index].tagName.charAt(0) !== 'H') {
+                allNodes[index].className.toLowerCase().indexOf('msolistparagraph') === -1 &&
+                allNodes[index].tagName.charAt(0) !== 'H' && allNodes[index].tagName !== 'LI' &&
+                allNodes[index].tagName !== 'OL' && allNodes[index].tagName !== 'UL') {
                 allNodes[index].classList.add('msolistparagraph');
             }
         }
@@ -17238,7 +17556,7 @@ class MsWordPaste {
     hexConversion(rtfData) {
         // eslint-disable-next-line
         const picHead = /\{\\pict[\s\S]+?\\bliptag\-?\d+(\\blipupi\-?\d+)?(\{\\\*\\blipuid\s?[\da-fA-F]+)?[\s\}]*?/;
-        // eslint-disable-next-line
+        // eslint-disable-next-line security/detect-non-literal-regexp
         const pic = new RegExp('(?:(' + picHead.source + '))([\\da-fA-F\\s]+)\\}', 'g');
         const fullImg = rtfData.match(pic);
         let imgType;
@@ -17302,9 +17620,9 @@ class MsWordPaste {
     removeUnwantedElements(elm) {
         let innerElement = elm.innerHTML;
         for (let i = 0; i < this.removableElements.length; i++) {
-            // eslint-disable-next-line
+            // eslint-disable-next-line security/detect-non-literal-regexp
             const regExpStartElem = new RegExp('<' + this.removableElements[i] + '>', 'g');
-            // eslint-disable-next-line
+            // eslint-disable-next-line security/detect-non-literal-regexp
             const regExpEndElem = new RegExp('</' + this.removableElements[i] + '>', 'g');
             innerElement = innerElement.replace(regExpStartElem, '');
             innerElement = innerElement.replace(regExpEndElem, '');
@@ -17347,9 +17665,14 @@ class MsWordPaste {
                 !isNullOrUndefined(emptyElements[i].closest('td').querySelector('.MsoNormal'))) {
                 emptyElements[i].innerHTML = '-';
             }
+            let lineWithDiv = true;
+            if (emptyElements[i].tagName === 'DIV') {
+                lineWithDiv = emptyElements[i].style.borderBottom === 'none' ||
+                    emptyElements[i].style.borderBottom === '' ? true : false;
+            }
             if (emptyElements[i].tagName !== 'IMG' && emptyElements[i].tagName !== 'BR' &&
                 emptyElements[i].tagName !== 'IFRAME' && emptyElements[i].tagName !== 'TD' &&
-                emptyElements[i].tagName !== 'HR') {
+                emptyElements[i].tagName !== 'HR' && lineWithDiv) {
                 const detachableElement = this.findDetachEmptyElem(emptyElements[i]);
                 if (!isNullOrUndefined(detachableElement)) {
                     detach(detachableElement);
@@ -17478,7 +17801,6 @@ class MsWordPaste {
         elm.innerHTML = innerElement;
     }
     cleanUp(node, listNodes) {
-        // eslint-disable-next-line
         const tempCleaner = [];
         let prevflagState;
         const allNodes = node.querySelectorAll('*');
@@ -17679,7 +18001,7 @@ class MsWordPaste {
                     break;
                 }
             }
-            if (!isNullOrUndefined(prevList) && index != 0 &&
+            if (!isNullOrUndefined(prevList) && index !== 0 &&
                 collection[index - 1].listType !== collection[index].listType &&
                 !isNormalList) {
                 prevList = null;
@@ -17815,7 +18137,7 @@ class MsWordPaste {
         else {
             //Add to support separate list which looks like same list and also to add all tags as it is inside list
             if (firstChild.childNodes.length > 0) {
-                let listOrder = firstChild.querySelector('span[style="mso-list:Ignore"]');
+                const listOrder = firstChild.querySelector('span[style="mso-list:Ignore"]');
                 if (!isNullOrUndefined(listOrder)) {
                     this.listContents.push(listOrder.textContent.trim());
                     detach(listOrder);
@@ -18193,6 +18515,9 @@ class ToolbarStatus {
         else if (list === 'none') {
             return 'None';
         }
+        else if (this.isOrderedList(node)) {
+            return true;
+        }
         else {
             return null;
         }
@@ -18211,18 +18536,81 @@ class ToolbarStatus {
         else if (list === 'disc') {
             return 'Disc';
         }
+        else if (this.isUnorderedList(node)) {
+            return true;
+        }
         else {
             return null;
         }
     }
 }
 
+class EmojiPickerAction {
+    constructor(parent) {
+        this.parent = parent;
+        this.addEventListener();
+    }
+    addEventListener() {
+        this.parent.observer.on(EMOJI_PICKER_ACTIONS, this.emojiInsert, this);
+    }
+    emojiInsert(args) {
+        const node = document.createTextNode(args.value);
+        const selection = window.getSelection();
+        const range = selection.getRangeAt(0);
+        const cursorPos = range.startOffset;
+        for (let i = cursorPos - 1; i >= cursorPos - 15; i--) {
+            const prevChar = selection.focusNode.textContent.substring(i - 1, i);
+            const isPrevSpace = /:$/.test(prevChar);
+            if (isPrevSpace) {
+                this.beforeApplyFormat(true);
+                break;
+            }
+        }
+        const colon = /:$/.test(selection.focusNode.textContent.charAt(cursorPos - 1));
+        const prevChar = selection.focusNode.textContent.charAt(cursorPos - 2);
+        const isPrevSpace = /\s/.test(prevChar);
+        if (colon && (isPrevSpace || selection.focusOffset === 1)) {
+            this.beforeApplyFormat(true);
+        }
+        InsertHtml.Insert(this.parent.currentDocument, node, this.parent.editableElement);
+        if (args.callBack) {
+            args.callBack({
+                requestType: args.subCommand,
+                editorMode: 'HTML',
+                event: args.event,
+                range: this.parent.nodeSelection.getRange(this.parent.currentDocument),
+                elements: this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument)
+            });
+        }
+    }
+    beforeApplyFormat(isBlockFormat) {
+        const range1 = this.parent.nodeSelection.getRange(this.parent.currentDocument);
+        const node = this.parent.nodeSelection.getNodeCollection(range1)[0];
+        const blockNewLine = !(node.parentElement.innerHTML.replace(/&nbsp;|<br>/g, '').trim() === ':' || node.textContent.trim().indexOf('/') === 0);
+        let startNode = node;
+        if (blockNewLine && isBlockFormat) {
+            while (startNode !== this.parent.editableElement) {
+                startNode = startNode.parentElement;
+            }
+        }
+        let startPoint = range1.startOffset;
+        while (this.parent.nodeSelection.getRange(document).toString().indexOf(':') === -1) {
+            this.parent.nodeSelection.setSelectionText(document, node, node, startPoint, range1.endOffset);
+            startPoint--;
+        }
+        const range2 = this.parent.nodeSelection.getRange(this.parent.currentDocument);
+        const node2 = this.parent.nodeCutter.GetSpliceNode(range2, node);
+        node2.parentNode.removeChild(node2);
+    }
+}
+
 /**
  * Base export
  */
 
 class FormatPainterActions {
     constructor(parent, options) {
+        this.INVALID_TAGS = ['A', 'AUDIO', 'IMG', 'VIDEO', 'IFRAME'];
         this.parent = parent;
         this.settings = options;
         this.addEventListener();
@@ -18230,8 +18618,43 @@ class FormatPainterActions {
     }
     addEventListener() {
         this.parent.observer.on(FORMAT_PAINTER_ACTIONS, this.actionHandler, this);
+        this.parent.observer.on(MODEL_CHANGED_PLUGIN, this.onPropertyChanged, this);
+    }
+    onPropertyChanged(prop) {
+        if (prop && prop.module === 'formatPainter') {
+            if (!isNullOrUndefined(prop.newProp.formatPainterSettings.allowedFormats)) {
+                this.settings.allowedFormats = prop.newProp.formatPainterSettings.allowedFormats;
+            }
+            if (!isNullOrUndefined(prop.newProp.formatPainterSettings.deniedFormats)) {
+                this.settings.deniedFormats = prop.newProp.formatPainterSettings.deniedFormats;
+                this.setDeniedFormats();
+            }
+        }
+    }
+    removeEventListener() {
+        this.parent.observer.off(FORMAT_PAINTER_ACTIONS, this.actionHandler);
+        this.parent.observer.off(MODEL_CHANGED_PLUGIN, this.onPropertyChanged);
+    }
+    /**
+     * Destroys the format painter.
+     *
+     * @function destroy
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    destroy() {
+        this.removeEventListener();
+        this.INVALID_TAGS = null;
+        this.copyCollection = null;
+        this.deniedFormatsCollection = null;
+        this.newElem = null;
+        this.newElemLastChild = null;
+        this.settings = null;
+        this.parent = null;
     }
     actionHandler(args) {
+        this.settings.allowedContext = ['Text', 'List', 'Table'];
         if (!isNullOrUndefined(args) && !isNullOrUndefined(args.item) && !isNullOrUndefined(args.item.formatPainterAction)) {
             switch (args.item.formatPainterAction) {
                 case 'format-copy':
@@ -18244,6 +18667,19 @@ class FormatPainterActions {
                     this.escapeAction();
                     break;
             }
+            this.callBack(args);
+        }
+    }
+    callBack(event) {
+        if (event.callBack) {
+            event.callBack({
+                requestType: 'FormatPainter',
+                action: event.item.formatPainterAction,
+                event: event.event,
+                editorMode: 'HTML',
+                range: this.parent.nodeSelection.getRange(this.parent.currentDocument),
+                elements: this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument)
+            });
         }
     }
     generateElement() {
@@ -18298,7 +18734,6 @@ class FormatPainterActions {
             return;
         }
         this.insertFormatNode(this.newElem, this.newElemLastChild);
-        this.parent.undoRedoManager.saveData();
     }
     removeDeniedFormats(parentElement) {
         if (!isNullOrUndefined(this.deniedFormatsCollection) && this.deniedFormatsCollection.length > 0) {
@@ -18347,13 +18782,23 @@ class FormatPainterActions {
     copyAction() {
         const copyCollection = [];
         const range = this.parent.nodeSelection.getRange(document);
-        let parentElem = range.startContainer.parentElement;
+        const domSelection = this.parent.nodeSelection;
+        let nodes = range.collapsed ? domSelection.getSelectionNodeCollection(range) :
+            domSelection.getSelectionNodeCollectionBr(range);
+        if (nodes.length === 0 && domSelection.getSelectionNodeCollectionBr(range).length === 0) {
+            return;
+        }
+        else {
+            nodes = nodes.length === 0 ? domSelection.getSelectionNodeCollectionBr(range) : nodes;
+        }
+        let parentElem = nodes[0].parentElement;
         let currentContext = this.findCurrentContext(parentElem);
-        const allowedRulesArray = this.settings.allowedFormats.split(';');
+        const allowedRulesArray = this.settings.allowedFormats.indexOf(';') > -1 ? this.settings.allowedFormats.split(';') :
+            [this.settings.allowedFormats];
         for (let i = 0; i < allowedRulesArray.length; i++) {
             allowedRulesArray[i] = allowedRulesArray[i].trim();
         }
-        const [rangeParentElem, context] = this.getRangeParentElem(currentContext, range);
+        const [rangeParentElem, context] = this.getRangeParentElem(currentContext, parentElem);
         if (currentContext === null) {
             currentContext = context;
         }
@@ -18398,8 +18843,8 @@ class FormatPainterActions {
         }
         this.generateElement();
     }
-    getRangeParentElem(currentContext, range) {
-        let startContainer = range.startContainer;
+    getRangeParentElem(currentContext, rangeParent) {
+        let startContainer = rangeParent;
         let rangeParentELem;
         if (startContainer.nodeType === 3) {
             startContainer = startContainer.parentElement;
@@ -18419,7 +18864,7 @@ class FormatPainterActions {
                 break;
         }
         if (isNullOrUndefined(rangeParentELem)) {
-            const nearBlockParentName = this.getNearestBlockParentElement(range);
+            const nearBlockParentName = this.getNearestBlockParentElement(rangeParent);
             if (!isNullOrUndefined(nearBlockParentName) && nearBlockParentName !== 'UL' &&
                 nearBlockParentName !== 'OL' && nearBlockParentName !== 'LI') {
                 rangeParentELem = closest(startContainer, nearBlockParentName);
@@ -18431,8 +18876,8 @@ class FormatPainterActions {
         }
         return [rangeParentELem, currentContext];
     }
-    getNearestBlockParentElement(range) {
-        let node = range.commonAncestorContainer;
+    getNearestBlockParentElement(rangeParent) {
+        let node = rangeParent;
         if (node.nodeType === 3) {
             node = node.parentNode;
         }
@@ -18475,29 +18920,32 @@ class FormatPainterActions {
         }
     }
     validateELementTag(node) {
-        const INVALID_TAGS = ['A', 'AUDIO', 'IMG', 'VIDEO', 'IFRAME'];
         if (node.nodeType === 3) {
             node = node.parentElement;
         }
-        return INVALID_TAGS.indexOf(node.tagName) > -1;
+        return this.INVALID_TAGS.indexOf(node.tagName) > -1;
     }
     findCurrentContext(parentElem) {
-        if (closest(parentElem, 'td') || closest(parentElem, 'tr') || closest(parentElem, 'tbody')) {
-            return 'Table';
+        if (closest(parentElem, 'p')) {
+            return 'Text';
         }
         else if (closest(parentElem, 'li')) {
             return 'List';
         }
-        else if (closest(parentElem, 'p')) {
-            return 'Text';
+        else if (closest(parentElem, 'td') || closest(parentElem, 'tr') || closest(parentElem, 'th')) {
+            return 'Table';
         }
         return null;
     }
     insertFormatNode(elem, lastChild) {
+        let clonedElem = elem.cloneNode(true);
+        if (!this.isBlockElement(elem)) {
+            const newBlockElem = createElement('P');
+            newBlockElem.appendChild(elem);
+            clonedElem = newBlockElem.cloneNode(true);
+        }
         const endNode = this.parent.editableElement;
         const docElement = this.parent.currentDocument;
-        const domSelection = this.parent.nodeSelection;
-        const clonedElem = elem.cloneNode(true);
         let childElem = clonedElem.firstChild;
         let inlineElement;
         while (childElem) {
@@ -18514,80 +18962,70 @@ class FormatPainterActions {
             lastChild: lastChild
         };
         SelectionCommands.applyFormat(docElement, null, endNode, 'P', 'formatPainter', null, formatValues);
-        let isFullNodeSelected;
         const range = this.parent.nodeSelection.getRange(docElement);
         const isCollapsed = range.collapsed;
-        const nodes = range.collapsed ? domSelection.getSelectionNodeCollection(range) :
-            domSelection.getSelectionNodeCollectionBr(range);
-        if (nodes.length === 1) {
-            while (!this.isBlockElement(nodes[0])) {
-                nodes[0] = nodes[0].parentElement;
-            }
-            isFullNodeSelected = nodes[0].textContent.trim() === range.commonAncestorContainer.wholeText.trim();
+        const blockNodes = this.parent.domNode.blockNodes();
+        let isFullNodeSelected = false;
+        if (blockNodes.length === 1) {
+            isFullNodeSelected = blockNodes[0].textContent.trim() === range.toString().trim();
         }
-        if (this.isBlockElement(elem) && isCollapsed || nodes.length > 1 || isFullNodeSelected) {
-            this.insertBlockNode(elem, range, docElement, endNode, nodes);
+        if (this.isBlockElement(clonedElem) && isCollapsed || blockNodes.length > 1 || isFullNodeSelected) {
+            this.insertBlockNode(clonedElem, range, docElement, blockNodes);
         }
     }
-    insertBlockNode(element, range, docElement, endNode, nodes) {
+    insertBlockNode(element, range, docElement, nodes) {
         const domSelection = this.parent.nodeSelection;
+        const saveSelection = domSelection.save(range, docElement);
+        this.parent.domNode.setMarker(saveSelection);
         let listElement; // To clone to multiple list elements
         let cloneListParentNode;
+        let sameListType = false;
         if (element.nodeName === 'UL' || element.nodeName === 'OL') {
             cloneListParentNode = element.cloneNode(true);
             listElement = cloneListParentNode.firstChild;
         }
-        const textNode = range.startContainer; // To set cursor position
+        const cloneElementNode = isNullOrUndefined(cloneListParentNode) ? element : element.firstChild;
         for (let index = 0; index < nodes.length; index++) {
-            const lastTextNode = nodes[index];
-            if (nodes[index].nodeType === 3) {
-                nodes[index] = nodes[index].parentElement;
-            }
-            while (!this.isBlockElement(nodes[index])) {
-                nodes[index] = nodes[index].parentElement;
-            }
-            let cloneParentNode;
-            if (!isNullOrUndefined(cloneListParentNode)) {
-                cloneParentNode = listElement.cloneNode(true);
-            }
-            else {
-                cloneParentNode = element.cloneNode(true);
+            if (this.INVALID_TAGS.indexOf(nodes[index].nodeName) > -1 ||
+                nodes[index].querySelectorAll('a,img,audio,video,iframe').length > 0) {
+                continue;
             }
+            const cloneParentNode = cloneElementNode.cloneNode(false);
             // Appending all the child elements
             while (nodes[index].firstChild) {
-                if (cloneParentNode.nodeName === 'LI') {
+                if (nodes[index].textContent.trim().length !== 0) {
                     cloneParentNode.appendChild(nodes[index].firstChild);
                 }
                 else {
-                    // Except list nodes other block nodes replaced here
-                    if (nodes[index].nodeType === 3) {
-                        cloneParentNode.appendChild(nodes[index].firstChild);
-                    }
-                    else {
-                        cloneParentNode.innerHTML = nodes[index].innerHTML;
-                        nodes[index].innerHTML = '';
-                    }
-                    nodes[index] = nodes[index].parentNode.replaceChild(cloneParentNode, nodes[index]);
+                    nodes[index].removeChild(nodes[index].firstChild);
                 }
             }
-            if (cloneParentNode.nodeName === 'LI') {
-                // Appending the li nodes to the ol or ul node
-                cloneListParentNode.append(cloneParentNode);
-                if (index === 0) {
-                    const nodeName = nodes[index].nodeName;
-                    nodes[index] = nodes[index].parentNode.replaceChild(cloneListParentNode, nodes[index]);
-                    const parent = nodeName === 'LI' ? cloneListParentNode.parentElement
-                        : cloneListParentNode;
-                    // Splicing and then inserting the node to previous element sibling of the Listparent.parent
-                    this.parent.nodeCutter.SplitNode(range, parent, true);
-                    if (!isNullOrUndefined(parent.previousElementSibling)) {
-                        parent.parentNode.insertBefore(cloneListParentNode, parent.nextElementSibling);
-                    }
-                    else {
-                        parent.parentElement.insertBefore(cloneListParentNode, parent);
-                    }
+            if (nodes[index].nodeName === 'TD' || nodes[index].nodeName === 'TH') {
+                if (isNullOrUndefined(cloneListParentNode)) {
+                    nodes[index].appendChild(cloneParentNode);
+                    continue;
+                }
+                else if (index === 0 && !isNullOrUndefined(cloneListParentNode)) {
+                    nodes[index].appendChild(cloneListParentNode);
+                    cloneListParentNode.appendChild(cloneParentNode);
+                    continue;
                 }
-                detach(nodes[index]);
+                else {
+                    nodes[index].appendChild(cloneParentNode);
+                    continue;
+                }
+            }
+            if (!isNullOrUndefined(cloneListParentNode)) {
+                sameListType = this.isSameListType(element, nodes[index]);
+            }
+            if (cloneParentNode.nodeName === 'LI' && !sameListType) {
+                this.insertNewList(range, nodes, index, cloneListParentNode, cloneParentNode);
+            }
+            else if (sameListType) {
+                this.insertSameList(nodes, index, cloneListParentNode, cloneParentNode);
+            }
+            else {
+                nodes[index].parentNode.replaceChild(cloneParentNode, nodes[index]);
             }
             /**Removing the inserted block node in list and appending to previous element sibling */
             if (cloneParentNode.nodeName !== 'LI' && (cloneParentNode.parentElement.nodeName === 'OL' ||
@@ -18597,24 +19035,110 @@ class FormatPainterActions {
                 this.parent.nodeCutter.SplitNode(range, parent, true);
                 if (!isNullOrUndefined(parent.previousElementSibling)) {
                     parent.previousElementSibling.after(cloneParentNode);
+                    // To remove the nested list items out of the block element
+                    if (cloneParentNode.childNodes.length > 1) {
+                        for (let j = 0; j < cloneParentNode.childNodes.length; j++) {
+                            const currentChild = cloneParentNode.childNodes[j];
+                            if (currentChild.nodeName === 'OL' || currentChild.nodeName === 'UL') {
+                                cloneParentNode.after(currentChild);
+                            }
+                        }
+                    }
                 }
                 else {
                     parent.parentElement.prepend(cloneParentNode);
                 }
             }
-            nodes[index] = lastTextNode;
         }
         // eslint-disable-next-line @typescript-eslint/no-unused-expressions
         !isNullOrUndefined(listElement) ? detach(listElement) : false;
         this.cleanEmptyLists();
-        if (nodes.length > 1) {
-            const startSelectNode = nodes[0];
-            const endSelectNode = nodes[nodes.length - 1];
-            domSelection.setSelectionText(docElement, startSelectNode, endSelectNode, 0, endSelectNode.textContent.length);
+        const save = this.parent.domNode.saveMarker(saveSelection, null);
+        save.restore();
+    }
+    insertNewList(range, nodes, index, cloneListParentNode, cloneParentNode) {
+        // Appending the li nodes to the ol or ul node
+        if (index === 0) {
+            const nodeName = nodes[index].nodeName;
+            nodes[index] = nodes[index].parentNode.replaceChild(cloneListParentNode, nodes[index]);
+            const parent = nodeName === 'LI' ? cloneListParentNode.parentElement
+                : cloneListParentNode;
+            // Splicing and then inserting the node to previous element sibling of the Listparent.parent
+            this.parent.nodeCutter.SplitNode(range, parent, true);
+            if (nodes[index].nodeName === 'LI' && !isNullOrUndefined(parent)) {
+                cloneListParentNode.append(cloneParentNode);
+                if (!isNullOrUndefined(parent.parentNode)) {
+                    parent.parentNode.insertBefore(cloneListParentNode, parent);
+                }
+            }
+            else {
+                if (!isNullOrUndefined(parent)) {
+                    if (!isNullOrUndefined(parent.previousElementSibling) && parent.previousElementSibling.nodeName === cloneListParentNode.nodeName) {
+                        const currentParent = parent.previousElementSibling;
+                        currentParent.append(cloneParentNode);
+                        while (currentParent.firstChild) {
+                            cloneListParentNode.append(currentParent.firstChild);
+                        }
+                    }
+                    else if (!isNullOrUndefined(parent.nextElementSibling) && parent.nextElementSibling.nodeName === cloneListParentNode.nodeName) {
+                        const currentParent = parent.nextElementSibling;
+                        currentParent.prepend(cloneParentNode);
+                        while (currentParent.firstChild) {
+                            cloneListParentNode.append(currentParent.firstChild);
+                        }
+                    }
+                    else {
+                        cloneListParentNode.append(cloneParentNode);
+                    }
+                }
+                else {
+                    cloneListParentNode.append(cloneParentNode);
+                }
+            }
+        }
+        else {
+            cloneListParentNode.append(cloneParentNode);
+        }
+        this.detachEmptyBlockNodes(nodes[index]);
+    }
+    insertSameList(nodes, index, cloneListParentNode, cloneParentNode) {
+        if (index === 0) {
+            if (!isNullOrUndefined(nodes[index].parentNode) && (nodes[index].parentNode.nodeName === 'UL' || nodes[index].parentNode.nodeName === 'OL')) {
+                // append the nodes[index].parentNode.childNodes to the clonelistparentnode
+                if (nodes.length === 1) {
+                    // When clicked with cursor in the single list item
+                    while (cloneParentNode.firstChild) {
+                        nodes[index].append(cloneParentNode.firstChild);
+                    }
+                    for (let i = 0; i < nodes[index].parentNode.childNodes.length; i++) {
+                        const currentChild = nodes[index].parentNode.childNodes[i];
+                        cloneListParentNode.append(currentChild.cloneNode(true));
+                    }
+                }
+                else {
+                    cloneListParentNode.append(cloneParentNode);
+                }
+                // replace the older ol and ul with new ol and ul of clonelistparentnode
+                nodes[index].parentNode.parentNode.replaceChild(cloneListParentNode, nodes[index].parentNode);
+            }
         }
         else {
-            domSelection.setCursorPoint(docElement, textNode, textNode.textContent.length);
+            cloneListParentNode.append(cloneParentNode);
+        }
+        this.detachEmptyBlockNodes(nodes[index]);
+    }
+    isSameListType(element, node) {
+        let isSameListType = false;
+        const nearestListNode = closest(node, 'ol, ul');
+        if (!isNullOrUndefined(nearestListNode) && nearestListNode.querySelectorAll('li').length > 0) {
+            if (nearestListNode.nodeName === element.nodeName) {
+                isSameListType = true;
+            }
+            else {
+                isSameListType = false;
+            }
         }
+        return isSameListType;
     }
     cleanEmptyLists() {
         const listElem = this.parent.editableElement.querySelectorAll('ol, ul');
@@ -18629,7 +19153,8 @@ class FormatPainterActions {
         if (isNullOrUndefined(this.settings) || isNullOrUndefined(this.settings.deniedFormats)) {
             return;
         }
-        const deniedFormats = this.settings.deniedFormats.split(';');
+        const deniedFormats = this.settings.deniedFormats.indexOf(';') > -1 ? this.settings.deniedFormats.split(';') :
+            [this.settings.deniedFormats];
         const length = deniedFormats.length;
         for (let i = 0; i < length; i++) {
             const formatString = deniedFormats[i];
@@ -18643,6 +19168,11 @@ class FormatPainterActions {
         }
         this.deniedFormatsCollection = deniedFormatsCollection;
     }
+    detachEmptyBlockNodes(node) {
+        if (!isNullOrUndefined(node) && node.textContent.trim() === '') {
+            detach(node);
+        }
+    }
     makeDeniedFormatsCollection(value) {
         const openParenIndex = value.indexOf('(');
         const closeParenIndex = value.indexOf(')');
@@ -18727,7 +19257,8 @@ class EditorManager {
         this.tableObj = new TableCommand(this);
         this.undoRedoManager = new UndoRedoManager(this, options.options);
         this.msWordPaste = new MsWordPaste(this);
-        this.formatPaintetrObj = new FormatPainterActions(this, options.formatPainterSettings);
+        this.formatPainterEditor = new FormatPainterActions(this, options.formatPainterSettings);
+        this.emojiPickerObj = new EmojiPickerAction(this);
         this.wireEvents();
     }
     wireEvents() {
@@ -18875,6 +19406,9 @@ class EditorManager {
             case 'formatpainter':
                 this.observer.notify(FORMAT_PAINTER_ACTIONS, { item: exeValue, subCommand: value, event: event, callBack: callBack });
                 break;
+            case 'emojipicker':
+                this.observer.notify(EMOJI_PICKER_ACTIONS, { item: exeValue, subCommand: value, value: text,
+                    event: event, callBack: callBack });
         }
     }
 }
@@ -19151,8 +19685,7 @@ const IFRAMEHEADER = `
                 span.e-table-box.e-rbox-select { background-color: #BDBDBD; border: 1px solid #BDBDBD; }
                 .e-table-rhelper { background-color: #4a90e2;}
                 .e-rtl { direction: rtl; }
-                .e-rte-placeholder::before { content: attr(placeholder); opacity: 0.54; overflow: hidden;
-                     padding-top: 16px; position: absolute; text-align: start; top: 0; z-index: 1; }
+                .e-rte-placeholder::before { content: attr(placeholder); opacity: 0.54; overflow: hidden; padding-top: 16px; position: absolute; text-align: start; top: 0; z-index: 1; }
             </style>
         </head>`;
 /**
@@ -19673,9 +20206,15 @@ class HtmlEditor {
     }
     backSpaceCleanup(e, currentRange) {
         let isLiElement = false;
+        let isPreviousNotContentEditable = true;
+        if (!isNullOrUndefined(currentRange.startContainer.previousSibling) &&
+            currentRange.startContainer.previousSibling.nodeName === 'SPAN') {
+            isPreviousNotContentEditable = currentRange.startContainer.previousSibling.contentEditable === 'false' ? false : 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') {
+            currentRange.startContainer.parentElement.tagName !== 'TD' && currentRange.startContainer.parentElement.tagName !== 'TH' &&
+            isPreviousNotContentEditable) {
             const checkNode = currentRange.startContainer.nodeName === '#text' ? currentRange.startContainer.parentElement : currentRange.startContainer;
             if (!this.parent.formatter.editorManager.domNode.isBlockNode(checkNode) &&
                 !isNullOrUndefined(checkNode.previousSibling) && checkNode.previousSibling.nodeName === 'BR') {
@@ -19903,7 +20442,7 @@ class HtmlEditor {
                 let resultSplitContent = '';
                 for (let j = 0; j < splitTextContent.length; j++) {
                     if (splitTextContent[j].match(httpRegex) || splitTextContent[j].match(wwwRegex)) {
-                        resultSplitContent += '<a className="e-rte-anchor" href="' + splitTextContent[j] +
+                        resultSplitContent += '<a class="e-rte-anchor" href="' + splitTextContent[j] +
                             '" title="' + splitTextContent[j] + '"target="_blank">' + splitTextContent[j] + ' </a>';
                     }
                     else {
@@ -20059,6 +20598,9 @@ class HtmlEditor {
                             member: 'fileManager', args: args, selectNode: selectNodeEle, selection: save, selectParent: selectParentEle
                         });
                         break;
+                    case 'EmojiPicker':
+                        this.parent.notify(emojiPicker, { member: 'emojiPicker', args: args });
+                        break;
                     default:
                         this.parent.formatter.process(this.parent, args, args.originalEvent, null);
                         break;
@@ -20348,6 +20890,7 @@ class PasteCleanup {
             if (Browser.userAgent.indexOf('Firefox') !== -1) {
                 let currentFocusNode = this.nodeSelectionObj.getRange(this.contentRenderer.getDocument()).startContainer;
                 if (currentFocusNode.nodeName !== '#text') {
+                    // eslint-disable-next-line
                     currentFocusNode = currentFocusNode.childNodes[this.nodeSelectionObj.getRange(this.contentRenderer.getDocument()).startOffset];
                 }
                 if (currentFocusNode.previousSibling.nodeName === 'IMG') {
@@ -21255,7 +21798,7 @@ class Resize {
         else {
             const eventType = Browser.info.name !== 'msie' ? e.touches[0] : e;
             this.parent.element.style.height = eventType.clientY - boundRect.top + 'px';
-            this.parent.element.style.width = (!this.parent.enableRtl) ? e.clientX - boundRect.left + 'px' : boundRect.right - e.clientX + 'px';
+            this.parent.element.style.width = (!this.parent.enableRtl) ? eventType.clientX - boundRect.left + 'px' : boundRect.right - eventType.clientX + 'px';
         }
         if (!this.parent.toolbarSettings.enable) {
             this.parent.setContentHeight('', false);
@@ -21429,6 +21972,7 @@ class FileManager$1 {
             detailsViewSettings: this.parent.fileManagerSettings.detailsViewSettings,
             contextMenuSettings: this.parent.fileManagerSettings.contextMenuSettings,
             navigationPaneSettings: this.parent.fileManagerSettings.navigationPaneSettings,
+            beforeSend: this.parent.fileManagerSettings.beforeSend,
             fileSelect: (e) => {
                 const selectedFile = e.fileDetails;
                 if (selectedFile.isFile && proxy.parent.insertImageSettings.allowedTypes.indexOf(selectedFile.type) > -1) {
@@ -21587,6 +22131,9 @@ class FullScreen {
             && !isNullOrUndefined(this.parent.quickToolbarModule)) {
             this.parent.quickToolbarModule.hideQuickToolbars();
         }
+        if (this.parent.showTooltip && !isNullOrUndefined(document.querySelector('.e-tooltip-wrap'))) {
+            this.parent.notify(maximizeMinimizeClick, { args: event });
+        }
         this.scrollableParent = getScrollableParent(this.parent.element);
         if (!this.parent.element.classList.contains(CLS_FULL_SCREEN)) {
             const evenArgs = {
@@ -21638,6 +22185,9 @@ class FullScreen {
             && !isNullOrUndefined(this.parent.quickToolbarModule)) {
             this.parent.quickToolbarModule.hideQuickToolbars();
         }
+        if (this.parent.showTooltip && !isNullOrUndefined(document.querySelector('.e-tooltip-wrap'))) {
+            this.parent.notify(maximizeMinimizeClick, { args: event });
+        }
         if (this.parent.element.classList.contains(CLS_FULL_SCREEN)) {
             const evenArgs = {
                 cancel: false,
@@ -21813,14 +22363,10 @@ class FormatPainter {
     }
     onKeyDown(event) {
         const originalEvent = event.args;
-        if ((originalEvent.ctrlKey && originalEvent.shiftKey && (originalEvent.action === 'format-copy' || originalEvent.action === 'format-paste'))
+        if ((originalEvent.altKey && originalEvent.shiftKey && (originalEvent.action === 'format-copy' || originalEvent.action === 'format-paste'))
             || (originalEvent.action === 'escape' && (this.previousAction === 'format-copy' || this.previousAction === 'format-paste'))) {
-            if (!isNullOrUndefined(originalEvent.key) && originalEvent.key.toLowerCase() === 'c') {
-                originalEvent.preventDefault();
-            }
-            if (!isNullOrUndefined(originalEvent.key) && originalEvent.key.toLowerCase() === 'v' &&
-                this.previousAction === 'format-copy' || this.previousAction === 'format-paste' || this.isSticky) {
-                originalEvent.preventDefault();
+            if ((originalEvent.action === 'format-copy' || originalEvent.action === 'format-paste')) {
+                originalEvent.stopPropagation();
             }
             this.actionHandler(event, 'keyBoard');
         }
@@ -21904,8 +22450,7 @@ class FormatPainter {
         }
     }
     destroy() {
-        /**Removeeventlistener */
-        if (this.parent.isDestroyed) {
+        if (isNullOrUndefined(this.parent) || this.parent.isDestroyed) {
             return;
         }
         this.parent.off(formatPainterClick, this.toolbarClick);
@@ -21913,6 +22458,13 @@ class FormatPainter {
         this.parent.off(formatPainterDoubleClick, this.toolbarDoubleClick);
         this.parent.off(keyDown, this.onKeyDown);
         this.parent.off(destroy, this.destroy);
+        if (!isNullOrUndefined(this.parent.formatter.editorManager.formatPainterEditor)) {
+            this.parent.formatter.editorManager.formatPainterEditor.destroy();
+        }
+        this.parent = undefined;
+        this.isSticky = undefined;
+        this.isActive = undefined;
+        this.previousAction = undefined;
     }
     /**
      * For internal use only - Get the module name.
@@ -21925,6 +22477,775 @@ class FormatPainter {
     }
 }
 
+class EmojiPicker {
+    constructor(parent, serviceLocator) {
+        this.parent = parent;
+        this.locator = serviceLocator;
+        this.i10n = serviceLocator.getService('rteLocale');
+        this.renderFactory = this.locator.getService('rendererFactory');
+        this.baseToolbar = new BaseToolbar(this.parent, this.locator);
+        this.addEventListener();
+    }
+    /**
+     * Destroys the Count.
+     *
+     * @function destroy
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    destroy() {
+        this.removeEventListener();
+    }
+    addEventListener() {
+        this.parent.on(emojiPicker, this.toolbarClick, this);
+        this.parent.on(docClick, this.docClick, this);
+        this.parent.on(keyDown, this.onkeyPress, this);
+        this.parent.on(keyUp, this.onkeyUp, this);
+        this.parent.on(contentscroll, this.contentscroll, this);
+        this.parent.on(scroll, this.contentscroll, this);
+    }
+    // eslint-disable-next-line
+    toolbarClick(args) {
+        const spanElement = this.parent.element.querySelector('.e-emoji');
+        this.divElement = spanElement.closest('div');
+        const range = this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument());
+        this.save = this.parent.formatter.editorManager.nodeSelection.save(range, this.parent.contentModule.getDocument());
+        this.clickEvent = args.args;
+        const emojiPicker$$1 = this.parent.emojiPickerSettings.iconsSet;
+        if (this.popupObj) {
+            removeClass([this.divElement], 'e-active');
+            if (this.popupObj.element.querySelector('.e-rte-emoji-search') || !this.parent.emojiPickerSettings.showSearchBox) {
+                this.popupObj.hide();
+                return;
+            }
+            this.popupObj.hide();
+        }
+        this.popDiv = this.parent.createElement('div', { className: 'e-rte-emojipicker-popup', id: this.parent.getID() + '_emojiPicker' });
+        this.parent.getToolbar().appendChild(this.popDiv);
+        EventHandler.add(this.popDiv, 'keydown', this.onKeyDown, this);
+        EventHandler.add(this.popDiv, 'keyup', this.searchFilter, this);
+        const extendEle = this.parent.element.querySelector('.e-toolbar-extended');
+        let zIndex;
+        if (!isNullOrUndefined(extendEle)) {
+            const computedStyle = window.getComputedStyle(extendEle);
+            zIndex = computedStyle.getPropertyValue('z-index');
+        }
+        else {
+            zIndex = '10001';
+        }
+        let target;
+        let xValue;
+        let yValue;
+        if (!isNullOrUndefined(args.args)) {
+            target = args.args.originalEvent.target;
+            target = target.classList.contains('e-toolbar-item') ? target.firstChild : target.parentElement;
+            xValue = 'left';
+            yValue = 'bottom';
+        }
+        else if (isNullOrUndefined(args.x) && isNullOrUndefined(args.y)) {
+            target = this.parent.inputElement;
+            if (window.getSelection().rangeCount > 0) {
+                const coordinates = this.getCoordinates();
+                xValue = coordinates.left;
+                yValue = coordinates.top;
+            }
+        }
+        else {
+            target = this.parent.inputElement;
+            xValue = args.x;
+            yValue = args.y;
+        }
+        this.popupObj = new Popup(this.popDiv, {
+            targetType: 'relative',
+            relateTo: target,
+            collision: { X: 'fit', Y: 'none' },
+            offsetY: 8,
+            viewPortElement: this.parent.element,
+            position: { X: xValue, Y: yValue },
+            enableRtl: this.parent.enableRtl,
+            zIndex: parseInt(zIndex, 10) + 1,
+            actionOnScroll: 'hide',
+            // eslint-disable-next-line
+            close: (event) => {
+                this.parent.isBlur = false;
+                this.popupObj.destroy();
+                detach(this.popupObj.element);
+                this.popupObj = null;
+            }
+        });
+        addClass([this.popupObj.element], 'e-popup-open');
+        this.popupObj.refreshPosition(target);
+        // header search element
+        if ((!isNullOrUndefined(args.args) || (isNullOrUndefined(args.x) && isNullOrUndefined(args.y))) && this.parent.emojiPickerSettings.showSearchBox) {
+            const inputEle = createElement('input', { id: 'e-rte-emoji-search', className: 'e-rte-emoji-search' });
+            this.popDiv.append(inputEle);
+            const inputobj = new TextBox({
+                placeholder: this.i10n.getConstant('emojiPickerTypeToFind'),
+                showClearButton: true
+            });
+            inputobj.appendTo(inputEle);
+            inputEle.focus();
+        }
+        const closeIcon = this.popupObj.element.querySelector('.e-clear-icon');
+        if (!isNullOrUndefined(closeIcon)) {
+            EventHandler.add(closeIcon, 'mousedown', this.searchFilter, this);
+        }
+        // Header emoji toolbar div
+        const emojiToolBar = this.parent.createElement('div', { className: 'e-rte-emojipicker-toolbar' });
+        this.popDiv.appendChild(emojiToolBar);
+        const pushToolBar = [];
+        for (let i = 0; i < this.parent.emojiPickerSettings.iconsSet.length; i++) {
+            if (!isNullOrUndefined(this.parent.emojiPickerSettings.iconsSet[i].iconCss)) {
+                pushToolBar.push({ prefixIcon: this.parent.emojiPickerSettings.iconsSet[i].iconCss, htmlAttributes: { ['title']: this.parent.emojiPickerSettings.iconsSet[i].name } });
+            }
+            else {
+                pushToolBar.push({ text: '&#x' + this.parent.emojiPickerSettings.iconsSet[i].code + ';', htmlAttributes: { ['title']: this.parent.emojiPickerSettings.iconsSet[i].name } });
+            }
+        }
+        const toolbarObj = new Toolbar({
+            items: pushToolBar,
+            clicked: this.emojiToolbarClick.bind(this)
+        });
+        toolbarObj.appendTo(emojiToolBar);
+        // emoji btn div
+        const emojiBtnDiv = this.parent.createElement('div', { className: 'e-rte-emojipicker-btn' });
+        this.popDiv.appendChild(emojiBtnDiv);
+        let height;
+        const popupBorder = window.getComputedStyle(this.popDiv);
+        if ((isNullOrUndefined(args.args) && !(isNullOrUndefined(args.x) && isNullOrUndefined(args.y))) || !this.parent.emojiPickerSettings.showSearchBox) {
+            height = (this.popDiv.getBoundingClientRect().height - emojiToolBar.getBoundingClientRect().height - (2 * parseFloat(popupBorder.borderWidth))) + 'px';
+            emojiBtnDiv.style.setProperty('height', height, 'important');
+        }
+        else {
+            const inputELe = this.parent.element.querySelector('.e-rte-emoji-search').parentElement;
+            const getComputedStyle = window.getComputedStyle(inputELe);
+            height = (this.popDiv.getBoundingClientRect().height - emojiToolBar.getBoundingClientRect().height
+                - inputELe.getBoundingClientRect().height
+                - parseFloat(getComputedStyle.marginTop) - parseFloat(getComputedStyle.marginBottom)
+                - (2 * parseFloat(popupBorder.borderWidth))) + 'px';
+            emojiBtnDiv.style.setProperty('height', height, 'important');
+        }
+        for (let i = 0; i < emojiPicker$$1.length; i++) {
+            const emojiGroupDiv = this.parent.createElement('div', { className: 'e-rte-emojipicker-group' });
+            emojiBtnDiv.appendChild(emojiGroupDiv);
+            const emojiName = this.parent.createElement('div', { className: 'e-rte-emojipicker-name' });
+            emojiName.innerText = this.parent.emojiPickerSettings.iconsSet[i].name;
+            emojiName.setAttribute('aria-label', this.parent.emojiPickerSettings.iconsSet[i].name);
+            emojiGroupDiv.appendChild(emojiName);
+            const emojiBtn = this.parent.createElement('div', { className: 'e-rte-emojipickerbtn-group' });
+            emojiGroupDiv.appendChild(emojiBtn);
+            for (let j = 0; j < emojiPicker$$1[i].icons.length; j++) {
+                const button = this.parent.createElement('button', { className: 'e-btn ' + ' ' + 'e-control' });
+                button.innerHTML = this.buttoncode(this.parent.emojiPickerSettings.iconsSet[i].icons[j].code);
+                button.setAttribute('aria-label', (this.parent.emojiPickerSettings.iconsSet[i].icons[j].desc));
+                button.setAttribute('title', (this.parent.emojiPickerSettings.iconsSet[i].icons[j].desc));
+                emojiBtn.appendChild(button);
+                if (button.innerHTML.length > 2) {
+                    button.style.fontSize = '17px';
+                }
+            }
+        }
+        EventHandler.add(emojiBtnDiv, 'scroll', this.scrollEvent, this);
+        EventHandler.add(emojiBtnDiv, 'click', this.emojiBtnClick, this);
+        const emojiButtons = this.parent.element.querySelectorAll('.e-rte-emojipicker-btn button');
+        if (isNullOrUndefined(this.parent.element.querySelector('.e-rte-emoji-search')) && !isNullOrUndefined(args.args)) {
+            emojiButtons[0].focus();
+            addClass([emojiButtons[0]], 'e-focus');
+        }
+        const popup = this.parent.element.querySelector('.e-rte-emojipicker-btn');
+        const toolbarName = this.parent.element.querySelectorAll('.e-rte-emojipicker-toolbar button');
+        let scrollTop;
+        if (!isNullOrUndefined(popup)) {
+            scrollTop = Math.round(popup.scrollTop);
+        }
+        for (let i = 0; i < toolbarName.length; i++) {
+            /* eslint-disable */
+            if (toolbarName[i].classList.contains('e-selected')) {
+                removeClass([toolbarName[i]], 'e-selected');
+            }
+            /* eslint-enable */
+        }
+        if (scrollTop < toolbarName[0].offsetHeight) {
+            addClass([toolbarName[0]], 'e-selected');
+        }
+        if (this.popupObj) {
+            addClass([this.divElement], 'e-active');
+        }
+    }
+    buttoncode(value) {
+        const valueLength = value.split('-');
+        // eslint-disable-next-line
+        const joinedEmoji = valueLength.map(cp => String.fromCodePoint(parseInt(cp, 16))).join('\u200D');
+        return joinedEmoji;
+    }
+    docClick(e) {
+        const target = e.args.target;
+        if (target && target.classList && ((this.popupObj && !closest(target, '[id=' + '\'' + this.popupObj.element.id + '\'' + ']')))
+            && (!target.classList.contains('e-emoji') && !target.classList.contains('e-toolbar-item'))) {
+            if (this.popupObj) {
+                removeClass([this.divElement], 'e-active');
+                this.popupObj.hide();
+            }
+        }
+    }
+    scrollEvent() {
+        const popup = this.parent.element.querySelector('.e-rte-emojipicker-btn');
+        const emojiSet = this.parent.element.querySelectorAll('.e-rte-emojipicker-group');
+        const toolbarName = this.parent.element.querySelectorAll('.e-rte-emojipicker-toolbar button');
+        let scrollTop;
+        if (!isNullOrUndefined(popup)) {
+            scrollTop = Math.round(popup.scrollTop);
+        }
+        let firstSetWidth = 0;
+        for (let j = 0; j < toolbarName.length; j++) {
+            if (scrollTop < toolbarName[0].offsetHeight) {
+                if (!isNullOrUndefined(toolbarName[j + 1])) {
+                    removeClass([toolbarName[j + 1]], 'e-selected');
+                }
+                addClass([toolbarName[0]], 'e-selected');
+            }
+        }
+        for (let i = 0; i < emojiSet.length; i++) {
+            // eslint-disable-next-line
+            firstSetWidth += Math.round(emojiSet[i].offsetHeight);
+            if (scrollTop >= firstSetWidth) {
+                for (let k = 0; k < toolbarName.length; k++) {
+                    /* eslint-disable */
+                    if (toolbarName[k].classList.contains('e-selected')) {
+                        removeClass([toolbarName[k]], 'e-selected');
+                    }
+                    /* eslint-enable */
+                }
+                if (!isNullOrUndefined(toolbarName[i + 1])) {
+                    addClass([toolbarName[i + 1]], 'e-selected');
+                }
+            }
+        }
+    }
+    contentscroll() {
+        if (isNullOrUndefined(this.clickEvent) && this.popupObj) {
+            removeClass([this.divElement], 'e-active');
+            this.popupObj.hide();
+            return;
+        }
+    }
+    emojiToolbarClick(e) {
+        const args = {
+            // eslint-disable-next-line
+            text: e.item.htmlAttributes.title,
+        };
+        const currentEleName = args.text;
+        const emojiGroups = this.parent.element.querySelectorAll('.e-rte-emojipicker-group');
+        const emojiButtons = this.parent.element.querySelectorAll('.e-rte-emojipicker-btn button');
+        const toolbarName = this.parent.element.querySelectorAll('.e-rte-emojipicker-toolbar button');
+        for (let i = 0; i < toolbarName.length; i++) {
+            /* eslint-disable */
+            if (toolbarName[i].classList.contains('e-selected')) {
+                removeClass([toolbarName[i]], 'e-selected');
+            }
+            /* eslint-enable */
+        }
+        for (let i = 0; i < emojiButtons.length; i++) {
+            if (emojiButtons[i].classList.contains('e-focus')) {
+                removeClass([emojiButtons[i]], 'e-focus');
+            }
+        }
+        // Loop through the selected elements and perform the same operation on each element
+        const emojiGroupsheight = this.parent.element.querySelector('.e-rte-emojipicker-btn');
+        let emojiHeight = 0;
+        // eslint-disable-next-line
+        emojiGroups.forEach(group => {
+            const childNodes = group.childNodes[0];
+            const focusBtn = group.childNodes[1].childNodes[0];
+            const ariaLabel = childNodes.getAttribute('aria-label');
+            if (currentEleName === ariaLabel) {
+                if (childNodes) {
+                    emojiGroupsheight.scrollTop = emojiHeight + 10;
+                    addClass([focusBtn], 'e-focus');
+                    focusBtn.focus();
+                }
+            }
+            else {
+                emojiHeight += group.scrollHeight;
+                removeClass([focusBtn], 'e-focus');
+            }
+        });
+    }
+    onKeyDown(e) {
+        // Select all emoji buttons
+        const emojiButtons = this.parent.element.querySelectorAll('.e-rte-emojipicker-btn button');
+        const emojiGroups = this.parent.element.querySelectorAll('.e-rte-emojipickerbtn-group');
+        const searchKeyHandler = this.parent.element.querySelector('.e-rte-emojisearch-btn button');
+        if (e.keyCode === 27) {
+            if (this.popupObj) {
+                removeClass([this.divElement], 'e-active');
+                this.popupObj.hide();
+            }
+        }
+        if (e.keyCode === 13) {
+            const activeEle = document.activeElement;
+            if (activeEle.classList.contains('e-btn')) {
+                this.emojiBtnClick(e);
+                e.preventDefault();
+            }
+        }
+        const srcElement = e.srcElement;
+        if (!isNullOrUndefined(srcElement)) {
+            if (srcElement.classList.contains('e-rte-emoji-search') && e.keyCode === 40) {
+                for (let i = 0; i < emojiButtons.length; i++) {
+                    if (emojiButtons[i].classList.contains('e-focus')) {
+                        removeClass([emojiButtons[i]], 'e-focus');
+                    }
+                }
+            }
+        }
+        if (!isNullOrUndefined(searchKeyHandler)) {
+            this.filterKeyHandler(e);
+        }
+        else {
+            for (let i = 0; i < emojiButtons.length; i++) {
+                let focusIndex = i;
+                if (emojiButtons[i].classList.contains('e-focus')) {
+                    if (e.keyCode === 40) {
+                        // Move focus to next row if there is one
+                        if (emojiButtons.length - 4 > i) {
+                            let count$$1 = 0;
+                            for (let j = 0; j < emojiGroups.length; j++) {
+                                for (let k = 0; k < emojiGroups[j].childNodes.length; k++) {
+                                    // eslint-disable-next-line
+                                    const childNodes = emojiGroups[j].childNodes[k];
+                                    if (childNodes.classList.contains('e-focus') && count$$1 !== 1) {
+                                        const currentIndex = k;
+                                        const lastChild = emojiGroups[j].lastChild;
+                                        const lastRowIndex = Math.floor((k) % 6);
+                                        const lastEleLength = emojiGroups[j].childNodes.length - 1;
+                                        const lastEleIndex = Math.floor((lastEleLength) % 6);
+                                        if (currentIndex !== -1) {
+                                            const nextRowIndex = currentIndex + 6;
+                                            if (!isNullOrUndefined(emojiGroups[j].childNodes[nextRowIndex])) {
+                                                // next row has six buttons
+                                                // handle focus change here
+                                                const firstFocusEle = emojiButtons[i];
+                                                removeClass([firstFocusEle], 'e-focus');
+                                                const focusEle = emojiButtons[focusIndex += 6];
+                                                addClass([focusEle], 'e-focus');
+                                                focusEle.focus();
+                                                break;
+                                            }
+                                            else if (isNullOrUndefined(emojiGroups[j].childNodes[nextRowIndex]) && !lastChild.classList.contains('e-focus') && lastEleIndex < lastRowIndex) {
+                                                const firstFocusEle = emojiButtons[i];
+                                                removeClass([firstFocusEle], 'e-focus');
+                                                const focusEle = emojiGroups[j].lastChild;
+                                                addClass([focusEle], 'e-focus');
+                                                focusEle.focus();
+                                                count$$1 = 1;
+                                                break;
+                                            }
+                                            else {
+                                                const firstFocusEle = emojiButtons[i];
+                                                removeClass([firstFocusEle], 'e-focus');
+                                                const focusEle = emojiGroups[j + 1]
+                                                    .childNodes[lastRowIndex];
+                                                addClass([focusEle], 'e-focus');
+                                                focusEle.focus();
+                                                count$$1 = 1;
+                                                break;
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                            break;
+                        }
+                    }
+                    else if (e.keyCode === 38) {
+                        // Move focus to previous row if there is one
+                        if (i >= 6) {
+                            let count$$1 = 0;
+                            for (let j = 0; j < emojiGroups.length; j++) {
+                                for (let k = 0; k < emojiGroups[j].childNodes.length; k++) {
+                                    const childNodes = emojiGroups[j].childNodes[k];
+                                    if (childNodes.classList.contains('e-focus') && count$$1 !== 1) {
+                                        // eslint-disable-next-line
+                                        const currentIndex = k;
+                                        const previousRowLength = isNullOrUndefined(emojiGroups[j - 1]) ? null :
+                                            emojiGroups[j - 1].childNodes.length % 6 || 6;
+                                        if (currentIndex !== -1) {
+                                            const previousRowIndex = currentIndex - 6;
+                                            if (!isNullOrUndefined(emojiGroups[j].childNodes[previousRowIndex])) {
+                                                // previous row has six buttons
+                                                // handle focus change here
+                                                const firstFocusEle = emojiButtons[i];
+                                                removeClass([firstFocusEle], 'e-focus');
+                                                const focusEle = emojiButtons[focusIndex -= 6];
+                                                addClass([focusEle], 'e-focus');
+                                                focusEle.focus();
+                                                break;
+                                            }
+                                            else if (isNullOrUndefined(emojiGroups[j - 1].childNodes[emojiGroups[j - 1]
+                                                .childNodes.length - (previousRowLength - k)])) {
+                                                const firstFocusEle = emojiButtons[i];
+                                                removeClass([firstFocusEle], 'e-focus');
+                                                const focusEle = emojiGroups[j - 1].lastChild;
+                                                addClass([focusEle], 'e-focus');
+                                                focusEle.focus();
+                                                count$$1 = 1;
+                                                break;
+                                            }
+                                            else {
+                                                // previous row has less than six buttons
+                                                // handle focus change here
+                                                const firstFocusEle = emojiButtons[i];
+                                                removeClass([firstFocusEle], 'e-focus');
+                                                const focusEle = emojiGroups[j - 1].childNodes[emojiGroups[j - 1].
+                                                    childNodes.length - (previousRowLength - k)];
+                                                addClass([focusEle], 'e-focus');
+                                                focusEle.focus();
+                                                count$$1 = 1;
+                                                break;
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                        else {
+                            const firstFocusEle = emojiButtons[i];
+                            removeClass([firstFocusEle], 'e-focus');
+                            const focusEle = emojiButtons[focusIndex -= 1];
+                            const inputELe = this.popupObj.element.querySelector('.e-rte-emoji-search');
+                            if (isNullOrUndefined(focusEle) && !isNullOrUndefined(inputELe)) {
+                                inputELe.focus();
+                                break;
+                            }
+                            addClass([focusEle], 'e-focus');
+                            focusEle.focus();
+                        }
+                        break;
+                    }
+                    else if (e.keyCode === 39) {
+                        // Move focus to next button in current row
+                        if (emojiButtons.length !== i + 1) {
+                            const firstFocusEle = emojiButtons[i];
+                            removeClass([firstFocusEle], 'e-focus');
+                            const focusEle = emojiButtons[focusIndex += 1];
+                            addClass([focusEle], 'e-focus');
+                            emojiButtons[focusIndex].focus();
+                        }
+                        break;
+                    }
+                    else if (e.keyCode === 37) {
+                        // Move focus to previous button in current row
+                        if (i > 0) {
+                            const firstFocusEle = emojiButtons[i];
+                            removeClass([firstFocusEle], 'e-focus');
+                            const focusEle = emojiButtons[focusIndex -= 1];
+                            addClass([focusEle], 'e-focus');
+                            emojiButtons[focusIndex].focus();
+                        }
+                        break;
+                    }
+                }
+            }
+        }
+        if (e.keyCode === 40) {
+            const firstFocusEle = this.parent.element.querySelector('.e-focus');
+            if (isNullOrUndefined(firstFocusEle)) {
+                const focusEle = emojiButtons[0];
+                addClass([focusEle], 'e-focus');
+                emojiButtons[0].focus();
+            }
+        }
+    }
+    filterKeyHandler(e) {
+        const emojiButtons = this.parent.element.querySelectorAll('.e-rte-emojisearch-btn button');
+        const firstFocusEle = this.parent.element.querySelector('.e-focus');
+        if (isNullOrUndefined(firstFocusEle) && e.keyCode === 40) {
+            const focusEle = emojiButtons[0];
+            addClass([focusEle], 'e-focus');
+            emojiButtons[0].focus();
+        }
+        else {
+            for (let i = 0; i < emojiButtons.length; i++) {
+                let focusIndex = i;
+                // eslint-disable-next-line
+                const childNodes = emojiButtons[i];
+                if (childNodes.classList.contains('e-focus')) {
+                    if (e.keyCode === 38) {
+                        if (i >= 6) {
+                            const firstFocusEle = emojiButtons[i];
+                            removeClass([firstFocusEle], 'e-focus');
+                            const focusEle = emojiButtons[focusIndex -= 6];
+                            addClass([focusEle], 'e-focus');
+                            focusEle.focus();
+                            break;
+                        }
+                        else {
+                            const firstFocusEle = emojiButtons[i];
+                            removeClass([firstFocusEle], 'e-focus');
+                            const focusEle = emojiButtons[focusIndex -= 1];
+                            const inputELe = this.popupObj.element.querySelector('.e-rte-emoji-search');
+                            if (isNullOrUndefined(focusEle) && !isNullOrUndefined(inputELe)) {
+                                inputELe.focus();
+                                break;
+                            }
+                            addClass([focusEle], 'e-focus');
+                            focusEle.focus();
+                        }
+                    }
+                    else if (e.keyCode === 40) {
+                        if (emojiButtons.length - 6 > i) {
+                            const firstFocusEle = emojiButtons[i];
+                            removeClass([firstFocusEle], 'e-focus');
+                            const focusEle = emojiButtons[focusIndex += 6];
+                            addClass([focusEle], 'e-focus');
+                            focusEle.focus();
+                            break;
+                        }
+                    }
+                    else if (e.keyCode === 39) {
+                        if (emojiButtons.length !== i + 1) {
+                            const firstFocusEle = emojiButtons[i];
+                            removeClass([firstFocusEle], 'e-focus');
+                            const focusEle = emojiButtons[focusIndex += 1];
+                            addClass([focusEle], 'e-focus');
+                            emojiButtons[focusIndex].focus();
+                        }
+                        break;
+                    }
+                    else if (e.keyCode === 37) {
+                        if (i > 0) {
+                            const firstFocusEle = emojiButtons[i];
+                            removeClass([firstFocusEle], 'e-focus');
+                            const focusEle = emojiButtons[focusIndex -= 1];
+                            addClass([focusEle], 'e-focus');
+                            emojiButtons[focusIndex].focus();
+                            break;
+                        }
+                    }
+                }
+            }
+        }
+    }
+    searchFilter(e, value) {
+        const inputElement = this.parent.element.querySelector('.e-rte-emoji-search');
+        const contentELe = this.parent.element.querySelector('.e-content');
+        if (document.activeElement === inputElement || document.activeElement === contentELe) {
+            let trimmedStr;
+            if (value !== ':' && !isNullOrUndefined(value)) {
+                trimmedStr = value.replace(/^:/, '');
+            }
+            else if (!isNullOrUndefined(value)) {
+                trimmedStr = value;
+            }
+            const inputValue = isNullOrUndefined(inputElement) ? trimmedStr : inputElement.value;
+            const emojiButtons = this.parent.element.querySelectorAll('.e-rte-emojipicker-btn button');
+            const emojipickerAll = this.parent.element.querySelector('.e-rte-emojipicker-btn');
+            const emojiGroups = this.parent.element.querySelectorAll('.e-rte-emojipicker-group');
+            const toolbarGroup = this.parent.element.querySelector('.e-rte-emojipicker-toolbar');
+            const excludedDiv = this.parent.element.querySelector('.e-rte-emojisearch-btn');
+            const firstChild = this.popDiv.childNodes[0];
+            const getComputedStyle = window.getComputedStyle(firstChild);
+            const inputHeight = firstChild.nodeName === 'SPAN' ? (firstChild.getBoundingClientRect().height + parseFloat(getComputedStyle.marginTop) +
+                parseFloat(getComputedStyle.marginBottom)) : 0;
+            const popupBorder = window.getComputedStyle(this.popDiv);
+            // eslint-disable-next-line @typescript-eslint/tslint/config
+            const filteredButtons = isNullOrUndefined(excludedDiv) ? emojiButtons :
+                // eslint-disable-next-line @typescript-eslint/tslint/config
+                Array.from(emojiButtons).filter(button => !excludedDiv.contains(button));
+            if (inputValue === '' || value === ':') {
+                toolbarGroup.style.display = '';
+                emojipickerAll.style.height = (this.popDiv.getBoundingClientRect().height - toolbarGroup.getBoundingClientRect().height - inputHeight - (2 * parseFloat(popupBorder.borderWidth))) + 'px';
+                // eslint-disable-next-line @typescript-eslint/tslint/config
+                emojiGroups.forEach(element => {
+                    element.style.display = '';
+                });
+            }
+            else {
+                // eslint-disable-next-line @typescript-eslint/tslint/config
+                emojiGroups.forEach(element => {
+                    element.style.display = 'none';
+                });
+                toolbarGroup.style.display = 'none';
+                emojipickerAll.style.height = (this.popDiv.getBoundingClientRect().height - inputHeight - (2 * parseFloat(popupBorder.borderWidth))) + 'px';
+            }
+            const emojiBtnDiv = this.parent.createElement('div', { className: 'e-rte-emojisearch-btn' });
+            const emojis = this.parent.element.querySelector('.e-rte-emojisearch-btn');
+            if (emojis) {
+                emojis.remove();
+            }
+            const noEmojiObj = this.parent.createElement('div', { className: 'e-rte-emojiSearch-noEmoji' });
+            let noEMoji = true;
+            for (let i = 0; i < filteredButtons.length; i++) {
+                if (!isNullOrUndefined(filteredButtons[i].getAttribute('title'))) {
+                    const title = filteredButtons[i].getAttribute('title').toLowerCase();
+                    const titleLength = title.split(' ');
+                    for (let j = 0; j < titleLength.length; j++) {
+                        if (titleLength[j].startsWith(inputValue.toLowerCase()) && inputValue !== '') {
+                            const emoji = filteredButtons[i].cloneNode(true);
+                            emojiBtnDiv.appendChild(emoji);
+                            noEMoji = false;
+                            break;
+                        }
+                    }
+                }
+            }
+            if (noEMoji && !this.parent.element.querySelector('.e-rte-emojiSearch-noEmoji') && (inputValue !== '' && value !== ':')) {
+                noEmojiObj.innerHTML = '<span style="color: rgba(0, 0, 0, 0.75); font-weight: 500; font-size: 16px;">' + this.i10n.getConstant('emojiPickerNoResultFound') + ' 😥 </span>' + '<br>' + '<span style="color: rgba(0, 0, 0, 0.75);"> ' + this.i10n.getConstant('emojiPickerTrySomethingElse') + ' ? </span>';
+                noEmojiObj.style.margin = '55px';
+                emojipickerAll.appendChild(noEmojiObj);
+            }
+            else if (!noEMoji && this.parent.element.querySelector('.e-rte-emojiSearch-noEmoji') || (inputValue === '' && value === ':')) {
+                emojipickerAll.removeChild(this.parent.element.querySelector('.e-rte-emojiSearch-noEmoji'));
+            }
+            emojipickerAll.appendChild(emojiBtnDiv);
+        }
+        else {
+            return;
+        }
+    }
+    emojiBtnClick(e) {
+        const event = new MouseEvent('mouseleave', { bubbles: true, cancelable: true });
+        // Includes the emote button element tooltip and toolbar tooltip
+        const emotePickerTooltips = this.parent.element.querySelectorAll('.e-rte-emojipicker-popup [data-tooltip-id]');
+        for (let i = 0; i < emotePickerTooltips.length; i++) {
+            emotePickerTooltips[i].dispatchEvent(event);
+        }
+        const targetEle = e.target;
+        if (targetEle.tagName !== 'BUTTON') {
+            return;
+        }
+        targetEle.focus();
+        if (!isNullOrUndefined(this.clickEvent)) {
+            this.save.restore();
+        }
+        if (this.popupObj) {
+            removeClass([this.divElement], 'e-active');
+            this.popupObj.hide();
+        }
+        const originalEvent = e;
+        this.parent.formatter.process(this.parent, {
+            item: {
+                'command': 'EmojiPicker',
+                'subCommand': 'EmojiPicker',
+                value: targetEle.innerHTML
+            }
+        }, e, originalEvent);
+    }
+    onkeyPress(e) {
+        const originalEvent = e.args;
+        const selection = window.getSelection();
+        if (selection.rangeCount <= 0) {
+            return;
+        }
+        const range = selection.getRangeAt(0);
+        const cursorPos = range.startOffset;
+        const prevChar = selection.focusNode.textContent.substring(cursorPos - 1, cursorPos);
+        const isPrevSpace = /\s/.test(prevChar);
+        const isPrevColon = selection.focusNode.textContent.substring(cursorPos - 1, cursorPos) === ':';
+        const colon = selection.focusNode.textContent.charAt(cursorPos - 1) === ':';
+        if (originalEvent.keyCode === 186 && originalEvent.shiftKey && (isPrevSpace || selection.focusOffset === 0)) {
+            const coordinates = this.getCoordinates();
+            this.parent.showEmojiPicker(coordinates.left, coordinates.top);
+        }
+        if (originalEvent.keyCode === 8 && colon && this.popupObj) {
+            removeClass([this.divElement], 'e-active');
+            this.popupObj.hide();
+        }
+        if (originalEvent.keyCode === 32 && isPrevColon && this.popupObj) {
+            removeClass([this.divElement], 'e-active');
+            this.popupObj.hide();
+        }
+        if (this.popupObj && (originalEvent.keyCode === 37 || originalEvent.keyCode === 38 || originalEvent.keyCode === 39
+            || originalEvent.keyCode === 27 || originalEvent.keyCode === 40)) {
+            this.onKeyDown(originalEvent);
+            originalEvent.preventDefault();
+        }
+    }
+    onkeyUp(e) {
+        const originalEvent = e.args;
+        const selection = window.getSelection();
+        const range = selection.getRangeAt(0);
+        const cursorPos = range.startOffset;
+        // eslint-disable-next-line
+        let selectedValue;
+        let count$$1 = 0;
+        for (let i = cursorPos - 1; i >= cursorPos - 15; i--) {
+            const prevChar = selection.focusNode.textContent.substring(i - 1, i);
+            const isPrevSpace = /:$/.test(prevChar);
+            if (isPrevSpace && !isNullOrUndefined(this.popDiv) && count$$1 === 0) {
+                selectedValue = range.startContainer.textContent.substring(i - 1, cursorPos);
+                this.searchFilter(originalEvent, selectedValue);
+                count$$1 = 1;
+            }
+        }
+        const colon = selection.focusNode.textContent.substring(cursorPos - 1, cursorPos);
+        if (colon === ':' && !isNullOrUndefined(this.popupObj)) {
+            selectedValue = colon;
+            this.searchFilter(originalEvent, selectedValue);
+        }
+    }
+    getCoordinates() {
+        let coordinates;
+        const selection = window.getSelection();
+        const range = selection.getRangeAt(0);
+        let firstChild;
+        if (range.startContainer.nodeName === 'P' || range.startContainer.nodeName === 'DIV') {
+            if (range.startContainer.childNodes[0].nodeName !== '#text') {
+                firstChild = range.startContainer.childNodes[0];
+            }
+        }
+        // eslint-disable-next-line
+        const rect = isNullOrUndefined(firstChild) ? range.getBoundingClientRect() : firstChild.getBoundingClientRect();
+        const rteContent = this.parent.element.querySelector('.e-rte-content');
+        const rteEle = this.parent.element;
+        const toolbarHeight = rteEle.offsetHeight - rteContent.offsetHeight;
+        const cursorTop = rect.top - this.parent.inputElement.getBoundingClientRect().top;
+        const cursorLeft = rect.left - this.parent.inputElement.getBoundingClientRect().left;
+        const screenHeight = window.innerHeight;
+        const popupHeight = 330;
+        let popupTop = cursorTop;
+        const popupLeft = cursorLeft + rect.width;
+        if (rteEle.getBoundingClientRect().top < 0) {
+            popupTop = popupTop + rteContent.getBoundingClientRect().top - toolbarHeight;
+        }
+        if (rect.top < popupHeight) {
+            // eslint-disable-next-line
+            popupTop = popupTop;
+        }
+        else if (rect.top + popupHeight > screenHeight) {
+            popupTop -= popupHeight + 20;
+        }
+        if (this.parent.inputElement) {
+            coordinates = {
+                top: popupTop + 60,
+                left: popupLeft + 8
+            };
+        }
+        return coordinates;
+    }
+    removeEventListener() {
+        if (this.parent.isDestroyed) {
+            return;
+        }
+        this.parent.off(emojiPicker, this.toolbarClick);
+        this.parent.off(docClick, this.docClick);
+        this.parent.off(keyDown, this.onkeyPress);
+        this.parent.off(keyUp, this.onkeyUp);
+        this.parent.off(contentscroll, this.contentscroll);
+        this.parent.off(scroll, this.contentscroll);
+    }
+    /**
+     * For internal use only - Get the module name.
+     *
+     * @returns {string} - returns the string value
+     */
+    getModuleName() {
+        return 'emojiPicker';
+    }
+}
+
 /**
  * Action export
  */
@@ -22701,15 +24022,20 @@ class Image {
         if (args.subCommand.toLowerCase() === 'undo' || args.subCommand.toLowerCase() === 'redo') {
             for (let i = 0; i < this.parent.formatter.getUndoRedoStack().length; i++) {
                 const temp = this.parent.createElement('div');
-                const contentElem = parseHtml(this.parent.formatter.getUndoRedoStack()[i].text);
-                temp.appendChild(contentElem);
+                const contentElem = this.parent.formatter.getUndoRedoStack()[i].text;
+                temp.appendChild(contentElem.cloneNode(true));
                 const img = temp.querySelectorAll('img');
                 if (temp.querySelector('.e-img-resize') && img.length > 0) {
                     for (let j = 0; j < img.length; j++) {
                         img[j].style.outline = '';
                     }
                     detach(temp.querySelector('.e-img-resize'));
-                    this.parent.formatter.getUndoRedoStack()[i].text = temp.innerHTML;
+                    const clonedElement = temp.cloneNode(true);
+                    const fragment = document.createDocumentFragment();
+                    while (clonedElement.firstChild) {
+                        fragment.appendChild(clonedElement.firstChild);
+                    }
+                    this.parent.formatter.getUndoRedoStack()[i].text = fragment;
                 }
             }
         }
@@ -22901,7 +24227,7 @@ class Image {
         if (isNullOrUndefined(img.width)) {
             return;
         }
-        // eslint-disable-next-line
+        // eslint-disable-next-line security/detect-unsafe-regex
         const width = img.style.width !== '' ? img.style.width.match(/^\d+(\.\d*)?%$/g) ? parseFloat(img.style.width) :
             parseInt(img.style.width, 10) : img.width;
         const height = img.style.height !== '' ? parseInt(img.style.height, 10) : img.height;
@@ -23179,7 +24505,7 @@ class Image {
             selectNodeEle = this.parent.formatter.editorManager.nodeSelection.getNodeCollection(range);
             selectParentEle = this.parent.formatter.editorManager.nodeSelection.getParentNodeCollection(range);
             if (!originalEvent.ctrlKey && originalEvent.key && (originalEvent.key.length === 1 || originalEvent.action === 'enter') &&
-                (selectParentEle[0].tagName === 'IMG') && selectParentEle[0].parentElement) {
+                (!isNullOrUndefined(selectParentEle[0]) && selectParentEle[0].tagName === 'IMG') && selectParentEle[0].parentElement) {
                 const prev = selectParentEle[0].parentElement.childNodes[0];
                 if (this.contentModule.getEditPanel().querySelector('.e-img-resize')) {
                     this.removeResizeEle();
@@ -23824,7 +25150,7 @@ class Image {
             const dialogContent = this.imgsizeInput(e);
             const selectObj = { args: e.args, selfImage: this, selection: e.selection, selectNode: e.selectNode };
             this.dialogObj.setProperties({
-                height: 'inherit', width: '290px', header: imgSizeHeader, content: dialogContent, position: { X: 'center', Y: 'center' },
+                height: (Browser.isDevice) ? '300px' : 'inherit', width: '290px', header: imgSizeHeader, content: dialogContent, position: { X: 'center', Y: 'center' },
                 buttons: [{
                         // eslint-disable-next-line
                         click: (e) => {
@@ -24958,8 +26284,8 @@ class Audio {
         if (args.subCommand.toLowerCase() === 'undo' || args.subCommand.toLowerCase() === 'redo') {
             for (let i = 0; i < this.parent.formatter.getUndoRedoStack().length; i++) {
                 const temp = this.parent.createElement('div');
-                const contentElem = parseHtml(this.parent.formatter.getUndoRedoStack()[i].text);
-                temp.appendChild(contentElem);
+                const contentElem = this.parent.formatter.getUndoRedoStack()[i].text;
+                temp.appendChild(contentElem.cloneNode(true));
             }
         }
     }
@@ -25840,15 +27166,20 @@ class Video {
         if (args.subCommand.toLowerCase() === 'undo' || args.subCommand.toLowerCase() === 'redo') {
             for (let i = 0; i < this.parent.formatter.getUndoRedoStack().length; i++) {
                 const temp = this.parent.createElement('div');
-                const contentElem = parseHtml(this.parent.formatter.getUndoRedoStack()[i].text);
-                temp.appendChild(contentElem);
+                const contentElem = this.parent.formatter.getUndoRedoStack()[i].text;
+                temp.appendChild(contentElem.cloneNode(true));
                 const vid = temp.querySelectorAll('video');
                 if (temp.querySelector('.e-vid-resize') && vid.length > 0) {
                     for (let j = 0; j < vid.length; j++) {
                         vid[j].style.outline = '';
                     }
                     detach(temp.querySelector('.e-vid-resize'));
-                    this.parent.formatter.getUndoRedoStack()[i].text = temp.innerHTML;
+                    const clonedElement = temp.cloneNode(true);
+                    const fragment = document.createDocumentFragment();
+                    while (clonedElement.firstChild) {
+                        fragment.appendChild(clonedElement.firstChild);
+                    }
+                    this.parent.formatter.getUndoRedoStack()[i].text = fragment;
                 }
             }
         }
@@ -26141,8 +27472,8 @@ class Video {
             parseInt(vidEleStyle.width, 10) : vid.style.width !== '' ? vid.style.width : vid.width;
         const height = vidEleStyle.height !== '' ? parseInt(vidEleStyle.height, 10) : vid.style.height !== '' ? vid.style.height : vid.height;
         if (width > height) {
-            vid.style.minWidth = this.parent.insertVideoSettings.minWidth === 0 ? '140px' : formatUnit(this.parent.insertVideoSettings.minWidth);
-            vid.style.minHeight = this.parent.insertVideoSettings.minHeight === 0 ? '60px' : formatUnit(this.parent.insertVideoSettings.minHeight);
+            vid.style.minWidth = this.parent.insertVideoSettings.minWidth === 0 ? '200px' : formatUnit(this.parent.insertVideoSettings.minWidth);
+            vid.style.minHeight = this.parent.insertVideoSettings.minHeight === 0 ? '90px' : formatUnit(this.parent.insertVideoSettings.minHeight);
             if (this.parent.insertVideoSettings.resizeByPercent) {
                 if (parseInt('' + vid.getBoundingClientRect().width + '', 10) !== 0 && parseInt('' + width + '', 10) !== 0) {
                     const percentageValue = this.pixToPerc((parseInt(width.toString(), 10) / parseInt(height.toString(), 10) * expectedY), (vid.previousElementSibling || vid.parentElement));
@@ -26337,7 +27668,7 @@ class Video {
             selectNodeEle = this.parent.formatter.editorManager.nodeSelection.getNodeCollection(range);
             selectParentEle = this.parent.formatter.editorManager.nodeSelection.getParentNodeCollection(range);
             if (!originalEvent.ctrlKey && originalEvent.key && (originalEvent.key.length === 1 || originalEvent.action === 'enter') &&
-                ((selectParentEle[0].tagName === 'VIDEO' || this.isEmbedVidElem(selectParentEle[0]))) &&
+                ((!isNullOrUndefined(selectParentEle[0]) && selectParentEle[0].tagName === 'VIDEO' || this.isEmbedVidElem(selectParentEle[0]))) &&
                 selectParentEle[0].parentElement) {
                 const prev = selectParentEle[0].parentElement.childNodes[0];
                 if (this.contentModule.getEditPanel().querySelector('.e-vid-resize')) {
@@ -26850,7 +28181,7 @@ class Video {
         videoUrl.appendChild(urlContent);
         this.embedInputUrl = this.parent.createElement('textarea', {
             className: 'e-input e-embed-video-url',
-            attrs: { placeholder: 'Paste Embedded Code here', type: 'text', tabindex: '-1', 'aria-label': this.i10n.getConstant('embedVideoLinkHeader') }
+            attrs: { placeholder: this.i10n.getConstant('pasteEmbeddedCodeHere'), type: 'text', tabindex: '-1', 'aria-label': this.i10n.getConstant('embedVideoLinkHeader') }
         });
         this.embedInputUrl.addEventListener('keyup', () => {
             if (!isNullOrUndefined(this.embedInputUrl)) {
@@ -26877,7 +28208,7 @@ class Video {
             }
         });
         const embedUrlBtn = new RadioButton({
-            label: 'Embedded Code',
+            label: this.i10n.getConstant('embeddedCode'),
             checked: true,
             name: 'URL',
             created: () => {
@@ -26891,7 +28222,7 @@ class Video {
         });
         embedUrlBtn.appendTo(videoUrl.querySelector('#embedURL'));
         const webUrlBtn = new RadioButton({
-            label: 'Web URL',
+            label: this.i10n.getConstant('webUrl'),
             name: 'URL',
             change: () => {
                 urlContent.innerHTML = '';
@@ -29278,6 +30609,9 @@ __decorate$2([
  */
 class FileManagerSettings extends ChildProperty {
 }
+__decorate$2([
+    Event()
+], FileManagerSettings.prototype, "beforeSend", void 0);
 __decorate$2([
     Complex({ getImageUrl: null, url: null, uploadUrl: null }, AjaxSettings)
 ], FileManagerSettings.prototype, "ajaxSettings", void 0);
@@ -29384,14 +30718,22 @@ __decorate$2([
 class FormatPainterSettings extends ChildProperty {
 }
 __decorate$2([
-    Property(['Text', 'List', 'Table'])
-], FormatPainterSettings.prototype, "allowedContext", void 0);
-__decorate$2([
-    Property('b; em; font; sub; sup; kbd; i; s; u; code; strong; span; p; div; h1; h2; h3; h4; h5; h6; blockquote; table; thead; tbody; tr; td; th; ol; ul; li; pre;')
+    Property('b; em; font; sub; sup; kbd; i; s; u; code; strong; span; p; div; h1; h2; h3; h4; h5; h6; blockquote; ol; ul; li; pre;')
 ], FormatPainterSettings.prototype, "allowedFormats", void 0);
 __decorate$2([
     Property(null)
 ], FormatPainterSettings.prototype, "deniedFormats", void 0);
+/**
+ * Specifies the emoji picker options in Rich Text Editor with the following properties.
+ */
+class EmojiSettings extends ChildProperty {
+}
+__decorate$2([
+    Property(defaultEmojiIcons)
+], EmojiSettings.prototype, "iconsSet", void 0);
+__decorate$2([
+    Property(true)
+], EmojiSettings.prototype, "showSearchBox", void 0);
 /**
  * Configures the Paste Cleanup settings of the RichTextEditor.
  */
@@ -29609,7 +30951,7 @@ class EnterKeyAction {
             }
             isTableEnter = blockElement.tagName === 'TD' || blockElement.tagName === 'TBODY' ? false : true;
         }
-        if (e.args.which === 13 && e.args.code === 'Enter') {
+        if (e.args.which === 13 && (!Browser.isDevice ? e.args.code === 'Enter' : e.args.key === 'Enter')) {
             if (isNullOrUndefined(this.startNode.closest('LI, UL, OL')) && isNullOrUndefined(this.endNode.closest('LI, UL, OL')) && isTableEnter &&
                 isNullOrUndefined(this.startNode.closest('PRE')) && isNullOrUndefined(this.endNode.closest('PRE'))) {
                 const shiftKey = e.args.shiftKey;
@@ -29715,7 +31057,7 @@ class EnterKeyAction {
                                 let isFocusedFirst = false;
                                 if (this.range.startOffset !== 0 && this.range.endOffset !== 0 &&
                                     this.range.startContainer === this.range.endContainer && !(!isNullOrUndefined(nearBlockNode.childNodes[0])
-                                    && nearBlockNode.childNodes[0].nodeName === 'IMG' && nearBlockNode.querySelectorAll('img, audio, video').length > 0)) {
+                                    && (nearBlockNode.childNodes[0].nodeName === 'IMG' || nearBlockNode.querySelectorAll('img, audio, video').length > 0))) {
                                     const startNodeText = this.range.startContainer.textContent;
                                     const splitFirstText = startNodeText.substring(0, this.range.startOffset);
                                     // eslint-disable-next-line max-len
@@ -30110,6 +31452,10 @@ let RichTextEditor = class RichTextEditor extends Component {
                 member: 'formatPainter',
                 args: [this]
             });
+            modules.push({
+                member: 'emojiPicker',
+                args: [this, this.serviceLocator]
+            });
         }
         if (this.fileManagerSettings.enable) {
             modules.push({ member: 'fileManager', args: [this, this.serviceLocator] });
@@ -30309,6 +31655,20 @@ let RichTextEditor = class RichTextEditor extends Component {
         });
         return str;
     }
+    /**
+     * Shows the emoji picker
+     *
+     * @param {number} x - specifies the number value.
+     * @param {number} y - specifies the number value.
+     * @returns {void}
+     * @public
+     */
+    showEmojiPicker(x, y) {
+        if (this.readonly) {
+            return;
+        }
+        this.notify(emojiPicker, { x, y });
+    }
     /**
      * Executes the commands
      *
@@ -30544,7 +31904,7 @@ let RichTextEditor = class RichTextEditor extends Component {
             this.valueContainer.defaultValue = this.value;
         }
         // eslint-disable-next-line
-        (!this.enabled) ? this.unWireEvents() : this.eventInitializer();
+        (this.enabled && !this.readonly) ? this.eventInitializer() : this.unWireEvents();
         this.notify(bindCssClass, { cssClass: this.cssClass });
         this.addAudioVideoWrapper();
         this.notify(tableclass, {});
@@ -30629,6 +31989,7 @@ let RichTextEditor = class RichTextEditor extends Component {
         const currentEndContainer = range.endContainer;
         const currentStartOffset = range.startOffset;
         const isSameContainer = currentStartContainer === currentEndContainer ? true : false;
+        // eslint-disable-next-line
         const currentEndOffset = currentEndContainer.textContent.length;
         const endNode = range.endContainer.nodeName === '#text' ? range.endContainer.parentElement :
             range.endContainer;
@@ -30711,7 +32072,8 @@ let RichTextEditor = class RichTextEditor extends Component {
                 this.formatter.editorManager.nodeSelection.setCursorPoint(this.contentModule.getDocument(), range.startContainer, range.startOffset);
             }
         }
-        if (this.formatter.getUndoRedoStack().length === 0) {
+        const notFormatPainterCopy = !isNullOrUndefined(e.action) && e.action !== 'format-copy';
+        if (this.formatter.getUndoRedoStack().length === 0 && notFormatPainterCopy) {
             this.formatter.saveData();
         }
         if (e.action !== 'insert-link' &&
@@ -30743,8 +32105,8 @@ let RichTextEditor = class RichTextEditor extends Component {
             if ((!isNullOrUndefined(this.placeHolderWrapper)) && (this.inputElement.textContent.length !== 1)) {
                 this.placeHolderWrapper.style.display = 'none';
             }
-            else if (this.iframeSettings.enable && this.inputElement.classList.contains("e-rte-placeholder")) {
-                removeClass([this.inputElement], "e-rte-placeholder");
+            else if (this.iframeSettings.enable && this.inputElement.classList.contains('e-rte-placeholder')) {
+                removeClass([this.inputElement], 'e-rte-placeholder');
             }
             else {
                 this.setPlaceHolder();
@@ -30773,7 +32135,9 @@ let RichTextEditor = class RichTextEditor extends Component {
             this.inputElement.innerHTML = getEditValue(getDefaultValue(this), this);
         }
         const allowedKeys = e.which === 32 || e.which === 13 || e.which === 8 || e.which === 46;
-        if (((e.key !== 'shift' && !e.ctrlKey) && e.key && e.key.length === 1 || allowedKeys) || (this.editorMode === 'Markdown'
+        const formatPainterCopy = e.key === 'C' && e.altKey && e.shiftKey;
+        const formatPainterPaste = e.key === 'V' && e.altKey && e.shiftKey;
+        if ((!formatPainterCopy && !formatPainterPaste) && ((e.key !== 'shift' && !e.ctrlKey) && e.key && e.key.length === 1 || allowedKeys) || (this.editorMode === 'Markdown'
             && ((e.key !== 'shift' && !e.ctrlKey) && e.key && e.key.length === 1 || allowedKeys)) && !this.inlineMode.enable) {
             this.formatter.onKeyHandler(this, e);
         }
@@ -31322,6 +32686,9 @@ let RichTextEditor = class RichTextEditor extends Component {
                     newProp.quickToolbarSettings.showOnRightClick ? this.wireContextEvent() : this.unWireContextEvent();
                     this.notify(modelChanged, { newProp: newProp, oldProp: oldProp });
                     break;
+                case 'formatPainterSettings':
+                    this.formatter.editorManager.observer.notify(MODEL_CHANGED, { module: 'formatPainter', newProp: newProp });
+                    break;
                 default:
                     this.notify(modelChanged, { newProp: newProp, oldProp: oldProp });
                     break;
@@ -31451,11 +32818,11 @@ let RichTextEditor = class RichTextEditor extends Component {
             if (this.inputElement.textContent.length === 0 && this.inputElement.childNodes.length < 2 && !isNullOrUndefined(this.inputElement.firstChild) && (this.inputElement.firstChild.nodeName === 'BR' ||
                 ((this.inputElement.firstChild.nodeName === 'P' || this.inputElement.firstChild.nodeName === 'DIV') && !isNullOrUndefined(this.inputElement.firstChild.firstChild) &&
                     this.inputElement.firstChild.firstChild.nodeName === 'BR'))) {
-                addClass([this.inputElement], "e-rte-placeholder");
+                addClass([this.inputElement], 'e-rte-placeholder');
                 this.inputElement.setAttribute('placeholder', this.placeholder);
             }
             else {
-                removeClass([this.inputElement], "e-rte-placeholder");
+                removeClass([this.inputElement], 'e-rte-placeholder');
             }
         }
     }
@@ -31683,7 +33050,7 @@ let RichTextEditor = class RichTextEditor extends Component {
     setValue(isPropertyChange) {
         if (this.valueTemplate) {
             const regEx = new RegExp(/<(?=.*? .*?\/ ?>|br|hr|input|!--|wbr)[a-z]+.*?>|<([a-z]+).*?<\/\1>/i);
-            if (regEx.test(this.valueTemplate)) {
+            if (typeof this.valueTemplate === 'string' && regEx.test(this.valueTemplate)) {
                 this.setProperties({ value: this.valueTemplate });
             }
             else {
@@ -32182,7 +33549,7 @@ let RichTextEditor = class RichTextEditor extends Component {
                 this.timeInterval = null;
             }
             if (!isNullOrUndefined(this.placeHolderWrapper) && this.element.querySelector('[title = Preview]')) {
-                this.placeHolderWrapper.style.display = "none";
+                this.placeHolderWrapper.style.display = 'none';
             }
             EventHandler.remove(document, 'mousedown', this.onDocumentClick);
         }
@@ -32240,7 +33607,8 @@ let RichTextEditor = class RichTextEditor extends Component {
             EventHandler.add(element, 'scroll', this.scrollHandler, this);
         }
         if (!this.iframeSettings.enable) {
-            EventHandler.add(this.contentModule.getPanel(), 'scroll', this.contentScrollHandler, this);
+            // Add the scroll event handler from the inputElement
+            EventHandler.add(this.inputElement, 'scroll', this.contentScrollHandler, this);
         }
     }
     wireContextEvent() {
@@ -32268,7 +33636,8 @@ let RichTextEditor = class RichTextEditor extends Component {
             EventHandler.remove(element, 'scroll', this.scrollHandler);
         }
         if (!this.iframeSettings.enable) {
-            EventHandler.remove(this.contentModule.getPanel(), 'scroll', this.contentScrollHandler);
+            // Remove the scroll event handler from the inputElement
+            EventHandler.remove(this.inputElement, 'scroll', this.contentScrollHandler);
         }
     }
     touchHandler(e) {
@@ -32451,6 +33820,9 @@ __decorate$1([
 __decorate$1([
     Complex({}, FormatPainterSettings)
 ], RichTextEditor.prototype, "formatPainterSettings", void 0);
+__decorate$1([
+    Complex({}, EmojiSettings)
+], RichTextEditor.prototype, "emojiPickerSettings", void 0);
 __decorate$1([
     Complex({}, IFrameSettings)
 ], RichTextEditor.prototype, "iframeSettings", void 0);
@@ -32738,5 +34110,5 @@ RichTextEditor = __decorate$1([
  * Rich Text Editor component exported items
  */
 
-export { Toolbar$2 as Toolbar, KeyboardEvents$1 as KeyboardEvents, BaseToolbar, BaseQuickToolbar, QuickToolbar, Count, ColorPickerInput, MarkdownToolbarStatus, ExecCommandCallBack, ToolbarAction, MarkdownEditor, HtmlEditor, PasteCleanup, Resize, DropDownButtons, FileManager$1 as FileManager, FullScreen, setAttributes, HtmlToolbarStatus, XhtmlValidation, FormatPainter, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image, Audio, Video, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, executeGroup, created, destroyed, tableclass, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, tableModulekeyUp, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, audioToolbarAction, videoToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertAudio, insertVideo, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, audioDelete, videoDelete, imageCaption, imageSize, videoSize, sourceCode, updateSource, toolbarOpen, beforeDropDownOpen, selectionSave, selectionRestore, expandPopupClick, count, contentFocus, contentBlur, mouseDown, sourceCodeMouseDown, editAreaClick, scroll, contentscroll, colorPickerChanged, tableColorPickerChanged, focusChange, selectAll$1 as selectAll, selectRange, getSelectedHtml, renderInlineToolbar, paste, imgModule, rtlMode, createTable, docClick, tableToolbarAction, checkUndo, readOnlyMode, moduleDestroy, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, fileSelected, fileUploading, fileUploadSuccess, fileUploadFailed, fileRemoving, afterImageDelete, afterMediaDelete, drop, xhtmlValidation, beforeImageUpload, beforeFileUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, showAudioDialog, showVideoDialog, closeImageDialog, closeAudioDialog, closeVideoDialog, showTableDialog, closeTableDialog, bindCssClass, formatPainterClick, formatPainterDoubleClick, blockEmptyNodes, inlineEmptyNodes, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_FLOAT, CLS_TB_ABS_FLOAT, CLS_INLINE, CLS_TB_INLINE, CLS_RTE_EXPAND_TB, CLS_FULL_SCREEN, CLS_QUICK_TB, CLS_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_POP, CLS_INLINE_POP, CLS_INLINE_DROPDOWN, CLS_DROPDOWN_POPUP, CLS_DROPDOWN_ICONS, CLS_DROPDOWN_ITEMS, CLS_DROPDOWN_BTN, CLS_RTE_CONTENT, CLS_TB_ITEM, CLS_TB_EXTENDED, CLS_TB_WRAP, CLS_POPUP, CLS_SEPARATOR, CLS_MINIMIZE, CLS_MAXIMIZE, CLS_BACK, CLS_SHOW, CLS_HIDE, CLS_VISIBLE, CLS_FOCUS, CLS_RM_WHITE_SPACE, CLS_IMGRIGHT, CLS_IMGLEFT, CLS_IMGCENTER, CLS_IMGBREAK, CLS_AUDIOBREAK, CLS_CLICKELEM, CLS_VID_CLICK_ELEM, CLS_AUDIOWRAP, CLS_VIDEOWRAP, CLS_VIDEOBREAK, CLS_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, CLS_AUDIOINLINE, CLS_VIDEOINLINE, CLS_COUNT, CLS_WARNING, CLS_ERROR, CLS_ICONS, CLS_ACTIVE, CLS_EXPAND_OPEN, CLS_RTE_ELEMENTS, CLS_TB_BTN, CLS_HR_SEPARATOR, CLS_TB_IOS_FIX, CLS_LIST_PRIMARY_CONTENT, CLS_NUMBERFORMATLIST_TB_BTN, CLS_BULLETFORMATLIST_TB_BTN, CLS_FORMATS_TB_BTN, CLS_FONT_NAME_TB_BTN, CLS_FONT_SIZE_TB_BTN, CLS_ALIGN_TB_BTN, CLS_FONT_COLOR_TARGET, CLS_BACKGROUND_COLOR_TARGET, CLS_COLOR_CONTENT, CLS_FONT_COLOR_DROPDOWN, CLS_BACKGROUND_COLOR_DROPDOWN, CLS_COLOR_PALETTE, CLS_FONT_COLOR_PICKER, CLS_BACKGROUND_COLOR_PICKER, CLS_RTE_READONLY, CLS_TABLE_SEL, CLS_TB_DASH_BOR, CLS_TB_ALT_BOR, CLS_TB_COL_RES, CLS_TB_ROW_RES, CLS_TB_BOX_RES, CLS_RTE_HIDDEN, CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT, CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT, CLS_RTE_RES_HANDLE, CLS_RTE_RES_EAST, CLS_RTE_IMAGE, CLS_RESIZE, CLS_IMG_FOCUS, CLS_AUD_FOCUS, CLS_VID_FOCUS, CLS_RTE_DRAG_IMAGE, CLS_RTE_UPLOAD_POPUP, CLS_POPUP_OPEN, CLS_IMG_RESIZE, CLS_DROPAREA, CLS_IMG_INNER, CLS_UPLOAD_FILES, CLS_RTE_DIALOG_UPLOAD, CLS_RTE_RES_CNT, CLS_CUSTOM_TILE, CLS_NOCOLOR_ITEM, CLS_TABLE, CLS_TABLE_BORDER, CLS_RTE_TABLE_RESIZE, CLS_RTE_FIXED_TB_EXPAND, CLS_RTE_TB_ENABLED, CLS_RTE_RES_WEST, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, getDefaultValue, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, getLocaleFontFormat, updateDropDownFontFormatLocale, ServiceLocator, RendererFactory, EditorManager, IMAGE, AUDIO, VIDEO, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, TABLE_MERGE, TABLE_VERTICAL_SPLIT, TABLE_HORIZONTAL_SPLIT, TABLE_MOVE, ALIGNMENT_TYPE, INDENT_TYPE, DEFAULT_TAG, BLOCK_TAGS, IGNORE_BLOCK_TAGS, TABLE_BLOCK_TAGS, SELECTION_TYPE, INSERTHTML_TYPE, INSERT_TEXT_TYPE, CLEAR_TYPE, SELF_CLOSING_TAGS, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_VIDEO_RIGHT, CLASS_VIDEO_LEFT, CLASS_VIDEO_CENTER, CLASS_IMAGE_BREAK, CLASS_AUDIO_BREAK, CLASS_VIDEO_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, CLASS_AUDIO_INLINE, CLASS_CLICK_ELEM, CLASS_VIDEO_CLICK_ELEM, CLASS_AUDIO, CLASS_VIDEO, CLASS_AUDIO_WRAP, CLASS_VIDEO_WRAP, CLASS_EMBED_VIDEO_WRAP, CLASS_AUDIO_FOCUS, CLASS_VIDEO_FOCUS, CLASS_VIDEO_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, AudioCommand, VideoCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, FormatPainterActions, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, INSERT_TEXT_COMMAND, ClearFormat, MDLists, MDFormats, MarkdownSelection, UndoRedoCommands, MDSelectionFormats, MDLink, MDTable, markdownFormatTags, markdownSelectionTags, markdownListsTags, htmlKeyConfig, markdownKeyConfig, pasteCleanupGroupingTags, listConversionFilters, selfClosingTags, KEY_DOWN, ACTION, FORMAT_TYPE, KEY_DOWN_HANDLER, LIST_TYPE, KEY_UP_HANDLER, KEY_UP, MODEL_CHANGED_PLUGIN, MODEL_CHANGED, MS_WORD_CLEANUP_PLUGIN, MS_WORD_CLEANUP, ON_BEGIN, SPACE_ACTION, FORMAT_PAINTER_ACTIONS };
+export { Toolbar$2 as Toolbar, KeyboardEvents$1 as KeyboardEvents, BaseToolbar, BaseQuickToolbar, QuickToolbar, Count, ColorPickerInput, MarkdownToolbarStatus, ExecCommandCallBack, ToolbarAction, MarkdownEditor, HtmlEditor, PasteCleanup, Resize, DropDownButtons, FileManager$1 as FileManager, FullScreen, setAttributes, HtmlToolbarStatus, XhtmlValidation, FormatPainter, EmojiPicker, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image, Audio, Video, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, executeGroup, created, destroyed, tableclass, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, tableModulekeyUp, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, audioToolbarAction, videoToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertAudio, insertVideo, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, audioDelete, videoDelete, imageCaption, imageSize, videoSize, sourceCode, updateSource, toolbarOpen, beforeDropDownOpen, selectionSave, selectionRestore, expandPopupClick, count, contentFocus, contentBlur, mouseDown, sourceCodeMouseDown, editAreaClick, scroll, contentscroll, colorPickerChanged, tableColorPickerChanged, focusChange, selectAll$1 as selectAll, selectRange, getSelectedHtml, renderInlineToolbar, paste, imgModule, rtlMode, createTable, docClick, tableToolbarAction, checkUndo, readOnlyMode, moduleDestroy, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, fileSelected, fileUploading, fileUploadSuccess, fileUploadFailed, fileRemoving, afterImageDelete, afterMediaDelete, drop, xhtmlValidation, beforeImageUpload, beforeFileUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, showAudioDialog, showVideoDialog, closeImageDialog, closeAudioDialog, closeVideoDialog, showTableDialog, closeTableDialog, bindCssClass, formatPainterClick, formatPainterDoubleClick, emojiPicker, maximizeMinimizeClick, blockEmptyNodes, inlineEmptyNodes, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_FLOAT, CLS_TB_ABS_FLOAT, CLS_INLINE, CLS_TB_INLINE, CLS_RTE_EXPAND_TB, CLS_FULL_SCREEN, CLS_QUICK_TB, CLS_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_POP, CLS_INLINE_POP, CLS_INLINE_DROPDOWN, CLS_DROPDOWN_POPUP, CLS_DROPDOWN_ICONS, CLS_DROPDOWN_ITEMS, CLS_DROPDOWN_BTN, CLS_RTE_CONTENT, CLS_TB_ITEM, CLS_TB_EXTENDED, CLS_TB_WRAP, CLS_POPUP, CLS_SEPARATOR, CLS_MINIMIZE, CLS_MAXIMIZE, CLS_BACK, CLS_SHOW, CLS_HIDE, CLS_VISIBLE, CLS_FOCUS, CLS_RM_WHITE_SPACE, CLS_IMGRIGHT, CLS_IMGLEFT, CLS_IMGCENTER, CLS_IMGBREAK, CLS_AUDIOBREAK, CLS_CLICKELEM, CLS_VID_CLICK_ELEM, CLS_AUDIOWRAP, CLS_VIDEOWRAP, CLS_VIDEOBREAK, CLS_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, CLS_AUDIOINLINE, CLS_VIDEOINLINE, CLS_COUNT, CLS_WARNING, CLS_ERROR, CLS_ICONS, CLS_ACTIVE, CLS_EXPAND_OPEN, CLS_RTE_ELEMENTS, CLS_TB_BTN, CLS_HR_SEPARATOR, CLS_TB_IOS_FIX, CLS_LIST_PRIMARY_CONTENT, CLS_NUMBERFORMATLIST_TB_BTN, CLS_BULLETFORMATLIST_TB_BTN, CLS_FORMATS_TB_BTN, CLS_FONT_NAME_TB_BTN, CLS_FONT_SIZE_TB_BTN, CLS_ALIGN_TB_BTN, CLS_FONT_COLOR_TARGET, CLS_BACKGROUND_COLOR_TARGET, CLS_COLOR_CONTENT, CLS_FONT_COLOR_DROPDOWN, CLS_BACKGROUND_COLOR_DROPDOWN, CLS_COLOR_PALETTE, CLS_FONT_COLOR_PICKER, CLS_BACKGROUND_COLOR_PICKER, CLS_RTE_READONLY, CLS_TABLE_SEL, CLS_TB_DASH_BOR, CLS_TB_ALT_BOR, CLS_TB_COL_RES, CLS_TB_ROW_RES, CLS_TB_BOX_RES, CLS_RTE_HIDDEN, CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT, CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT, CLS_RTE_RES_HANDLE, CLS_RTE_RES_EAST, CLS_RTE_IMAGE, CLS_RESIZE, CLS_IMG_FOCUS, CLS_AUD_FOCUS, CLS_VID_FOCUS, CLS_RTE_DRAG_IMAGE, CLS_RTE_UPLOAD_POPUP, CLS_POPUP_OPEN, CLS_IMG_RESIZE, CLS_DROPAREA, CLS_IMG_INNER, CLS_UPLOAD_FILES, CLS_RTE_DIALOG_UPLOAD, CLS_RTE_RES_CNT, CLS_CUSTOM_TILE, CLS_NOCOLOR_ITEM, CLS_TABLE, CLS_TABLE_BORDER, CLS_RTE_TABLE_RESIZE, CLS_RTE_FIXED_TB_EXPAND, CLS_RTE_TB_ENABLED, CLS_RTE_RES_WEST, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, getDefaultValue, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, getLocaleFontFormat, updateDropDownFontFormatLocale, ServiceLocator, RendererFactory, EditorManager, IMAGE, AUDIO, VIDEO, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, TABLE_MERGE, TABLE_VERTICAL_SPLIT, TABLE_HORIZONTAL_SPLIT, TABLE_MOVE, ALIGNMENT_TYPE, INDENT_TYPE, DEFAULT_TAG, BLOCK_TAGS, IGNORE_BLOCK_TAGS, TABLE_BLOCK_TAGS, SELECTION_TYPE, INSERTHTML_TYPE, INSERT_TEXT_TYPE, CLEAR_TYPE, SELF_CLOSING_TAGS, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_VIDEO_RIGHT, CLASS_VIDEO_LEFT, CLASS_VIDEO_CENTER, CLASS_IMAGE_BREAK, CLASS_AUDIO_BREAK, CLASS_VIDEO_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, CLASS_AUDIO_INLINE, CLASS_CLICK_ELEM, CLASS_VIDEO_CLICK_ELEM, CLASS_AUDIO, CLASS_VIDEO, CLASS_AUDIO_WRAP, CLASS_VIDEO_WRAP, CLASS_EMBED_VIDEO_WRAP, CLASS_AUDIO_FOCUS, CLASS_VIDEO_FOCUS, CLASS_VIDEO_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, AudioCommand, VideoCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, FormatPainterActions, EmojiPickerAction, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, INSERT_TEXT_COMMAND, ClearFormat, MDLists, MDFormats, MarkdownSelection, UndoRedoCommands, MDSelectionFormats, MDLink, MDTable, markdownFormatTags, markdownSelectionTags, markdownListsTags, htmlKeyConfig, markdownKeyConfig, pasteCleanupGroupingTags, listConversionFilters, selfClosingTags, KEY_DOWN, ACTION, FORMAT_TYPE, KEY_DOWN_HANDLER, LIST_TYPE, KEY_UP_HANDLER, KEY_UP, MODEL_CHANGED_PLUGIN, MODEL_CHANGED, MS_WORD_CLEANUP_PLUGIN, MS_WORD_CLEANUP, ON_BEGIN, SPACE_ACTION, FORMAT_PAINTER_ACTIONS, EMOJI_PICKER_ACTIONS };
 //# sourceMappingURL=ej2-richtexteditor.es2015.js.map