@syncfusion/ej2-richtexteditor 23.2.7-52849 → 24.1.41-569421

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

@@ -52,6 +52,13 @@ var Toolbar = /** @class */ (function () {
             case 'escape':
                 this.parent.contentModule.getEditPanel().focus();
                 break;
+            case 'enter':
+                if (e.target.classList.contains('e-hor-nav')) {
+                    this.adjustContentHeight(e.target, true);
+                }
+                if (!isNullOrUndefined(e.target) && (e.target.classList.contains("e-rte-fontcolor-dropdown") || e.target.classList.contains("e-rte-backgroundcolor-dropdown"))) {
+                    this.parent.notify(events.showColorPicker, { toolbarClick: e.target.classList.contains("e-rte-fontcolor-dropdown") ? "fontcolor" : "backgroundcolor" });
+                }
         }
     };
     Toolbar.prototype.createToolbarElement = function () {
@@ -60,7 +67,7 @@ var Toolbar = /** @class */ (function () {
             return;
         }
         else {
-            if (this.parent.toolbarSettings.enableFloating && !this.parent.inlineMode.enable) {
+            if (!this.parent.inlineMode.enable) {
                 this.tbWrapper = this.parent.createElement('div', {
                     id: this.parent.getID() + '_toolbar_wrapper',
                     innerHTML: this.tbElement.outerHTML,
@@ -107,7 +114,7 @@ var Toolbar = /** @class */ (function () {
             items: this.parent.toolbarSettings.items,
             mode: tBarMode,
             target: ele,
-            cssClass: this.parent.cssClass
+            cssClass: this.parent.getCssClass()
         });
         if (this.parent.toolbarSettings.type === ToolbarType.Expand) {
             addClass([ele], ['e-rte-tb-mobile']);
@@ -143,72 +150,14 @@ var Toolbar = /** @class */ (function () {
         }
     };
     Toolbar.prototype.toggleFloatClass = function (e) {
-        var topValue;
-        var isBody = false;
-        var isFloat = false;
-        var scrollParent;
         var floatOffset = this.parent.floatingToolbarOffset;
-        if (e && this.parent.iframeSettings.enable && this.parent.inputElement.ownerDocument === e.target) {
-            scrollParent = e.target.body;
-        }
-        else if (e && e.target !== document) {
-            scrollParent = e.target;
-        }
-        else {
-            isBody = true;
-            scrollParent = document.body;
-        }
-        var tbHeight = this.getToolbarHeight() + this.getExpandTBarPopHeight();
-        if (this.isTransformChild) {
-            topValue = 0;
-            var scrollParentRelativeTop = 0;
-            var trgHeight = this.parent.element.offsetHeight;
-            if (isBody) {
-                var bodyStyle = window.getComputedStyle(scrollParent);
-                scrollParentRelativeTop = parseFloat(bodyStyle.marginTop.split('px')[0]) + parseFloat(bodyStyle.paddingTop.split('px')[0]);
-            }
-            var targetTop = this.parent.element.getBoundingClientRect().top;
-            var scrollParentYOffset = (Browser.isMSPointer && isBody) ? window.pageYOffset : scrollParent.parentElement.scrollTop;
-            var scrollParentRect = scrollParent.getBoundingClientRect();
-            var scrollParentTop = (!isBody) ? scrollParentRect.top : (scrollParentRect.top + scrollParentYOffset);
-            var outOfRange = ((targetTop - ((!isBody) ? scrollParentTop : 0))
-                + trgHeight > tbHeight + floatOffset) ? false : true;
-            if (targetTop > (scrollParentTop + floatOffset) || targetTop < -trgHeight || ((targetTop < 0) ? outOfRange : false)) {
-                isFloat = false;
-                removeClass([this.tbElement], [classes.CLS_TB_ABS_FLOAT]);
-            }
-            else if (targetTop < (scrollParentTop + floatOffset)) {
-                if (targetTop < 0) {
-                    topValue = (-targetTop) + scrollParentTop;
-                }
-                else {
-                    topValue = scrollParentTop - targetTop;
-                }
-                topValue = (isBody) ? topValue - scrollParentRelativeTop : topValue;
-                addClass([this.tbElement], [classes.CLS_TB_ABS_FLOAT]);
-                isFloat = true;
-            }
-        }
-        else {
-            var parent_1 = this.parent.element.getBoundingClientRect();
-            if (window.innerHeight < parent_1.top) {
-                return;
-            }
-            topValue = (e && e.target !== document) ? scrollParent.getBoundingClientRect().top : 0;
-            if ((parent_1.bottom < (floatOffset + tbHeight + topValue)) || parent_1.bottom < 0 || parent_1.top > floatOffset + topValue) {
-                isFloat = false;
-            }
-            else if (parent_1.top < floatOffset || parent_1.top < floatOffset + topValue) {
-                isFloat = true;
-            }
-        }
-        if (!isFloat) {
-            removeClass([this.tbElement], [classes.CLS_TB_FLOAT]);
-            setStyleAttribute(this.tbElement, { top: 0 + 'px', width: '100%' });
+        if (this.parent.toolbarSettings.enableFloating) {
+            addClass([this.tbElement.parentElement], [classes.CLS_TB_FLOAT]);
+            setStyleAttribute(this.tbElement.parentElement, { top: (floatOffset) + 'px' });
         }
         else {
-            addClass([this.tbElement], [classes.CLS_TB_FLOAT]);
-            setStyleAttribute(this.tbElement, { width: this.parent.element.offsetWidth + 'px', top: (floatOffset + topValue) + 'px' });
+            removeClass([this.tbElement.parentElement], [classes.CLS_TB_FLOAT]);
+            setStyleAttribute(this.tbElement.parentElement, { top: '' });
         }
     };
     Toolbar.prototype.renderToolbar = function () {
@@ -226,7 +175,7 @@ var Toolbar = /** @class */ (function () {
                 items: this.parent.toolbarSettings.items,
                 mode: this.getToolbarMode(),
                 target: this.tbElement,
-                cssClass: this.parent.cssClass
+                cssClass: this.parent.getCssClass()
             });
             if (!this.parent.inlineMode.enable) {
                 if (this.parent.toolbarSettings.enableFloating) {
@@ -256,7 +205,7 @@ var Toolbar = /** @class */ (function () {
             });
             this.refreshToolbarOverflow();
         }
-        var divEle = this.parent.element.querySelector('.e-rte-srctextarea');
+        var divEle = this.parent.element.querySelector('.' + classes.CLS_RTE_SOURCE_CODE_TXTAREA);
         var iframeEle = this.parent.element.querySelector('.e-source-content');
         if ((!this.parent.iframeSettings.enable && (!isNOU(divEle) && divEle.style.display === 'block')) ||
             (this.parent.iframeSettings.enable && (!isNOU(iframeEle) && iframeEle.style.display === 'block'))) {
@@ -386,7 +335,7 @@ var Toolbar = /** @class */ (function () {
                 baseToolbar.toolbarObj.enableItems(item, isEnable);
             }
         }
-        if (!select('.e-rte-srctextarea', this.parent.element) && !muteToolbarUpdate) {
+        if (!select('.' + classes.CLS_RTE_SOURCE_CODE_TXTAREA, this.parent.element) && !muteToolbarUpdate) {
             updateUndoRedoStatus(baseToolbar, this.parent.formatter.editorManager.undoRedoManager.getUndoStatus());
         }
     };
@@ -514,19 +463,6 @@ var Toolbar = /** @class */ (function () {
         this.toolbarActionModule.parent = null;
         this.dropDownModule.parent = null;
     };
-    Toolbar.prototype.scrollHandler = function (e) {
-        if (!this.parent.inlineMode.enable) {
-            if (this.parent.toolbarSettings.enableFloating && this.getDOMVisibility(this.tbElement)) {
-                this.toggleFloatClass(e.args);
-            }
-        }
-    };
-    Toolbar.prototype.getDOMVisibility = function (el) {
-        if (!el.offsetParent && el.offsetWidth === 0 && el.offsetHeight === 0) {
-            return false;
-        }
-        return true;
-    };
     Toolbar.prototype.mouseDownHandler = function () {
         if (Browser.isDevice && this.parent.inlineMode.enable && !isIDevice()) {
             this.showFixedTBar();
@@ -559,25 +495,24 @@ var Toolbar = /** @class */ (function () {
     };
     Toolbar.prototype.toolbarClickHandler = function (e) {
         var trg = closest(e.originalEvent.target, '.e-hor-nav');
+        this.adjustContentHeight(trg, false);
+    };
+    Toolbar.prototype.adjustContentHeight = function (trg, isKeyboard) {
         if (trg && this.parent.toolbarSettings.type === ToolbarType.Expand && !isNOU(trg)) {
-            var extendedTbar = this.tbElement.querySelector('.e-toolbar-extended');
-            if (!isNOU(extendedTbar)) {
-                setStyleAttribute(extendedTbar, { maxHeight: '', display: 'block' });
-                setStyleAttribute(extendedTbar, { maxHeight: extendedTbar.offsetHeight + 'px', display: '' });
-            }
-            if (!trg.classList.contains('e-nav-active')) {
-                removeClass([this.tbElement], [classes.CLS_EXPAND_OPEN]);
-                this.parent.setContentHeight('toolbar', false);
+            var hasActiveClass = trg.classList.contains('e-nav-active');
+            var isExpand = isKeyboard ? (hasActiveClass ? false : true) : (hasActiveClass ? true : false);
+            if (isExpand) {
+                addClass([this.tbElement], [classes.CLS_EXPAND_OPEN]);
             }
             else {
-                addClass([this.tbElement], [classes.CLS_EXPAND_OPEN]);
-                this.parent.setContentHeight('toolbar', true);
+                removeClass([this.tbElement], [classes.CLS_EXPAND_OPEN]);
             }
+            this.parent.setContentHeight('Toolbar', isExpand);
         }
         else if (Browser.isDevice || this.parent.inlineMode.enable) {
             this.isToolbar = true;
         }
-        if (isNOU(trg) && this.parent.toolbarSettings.type === ToolbarType.Expand) {
+        if (isNOU(trg) && this.parent.toolbarSettings.type === ToolbarType.Expand && this.parent.toolbarModule.getExpandTBarPopHeight() === 0) {
             removeClass([this.tbElement], [classes.CLS_EXPAND_OPEN]);
         }
     };
@@ -597,7 +532,6 @@ var Toolbar = /** @class */ (function () {
         this.dropDownModule = new DropDownButtons(this.parent, this.locator);
         this.toolbarActionModule = new ToolbarAction(this.parent);
         this.parent.on(events.initialEnd, this.renderToolbar, this);
-        this.parent.on(events.scroll, this.scrollHandler, this);
         this.parent.on(events.bindOnEnd, this.toolbarBindEvent, this);
         this.parent.on(events.toolbarUpdated, this.updateToolbarStatus, this);
         this.parent.on(events.modelChanged, this.onPropertyChanged, this);
@@ -622,7 +556,6 @@ var Toolbar = /** @class */ (function () {
             return;
         }
         this.parent.off(events.initialEnd, this.renderToolbar);
-        this.parent.off(events.scroll, this.scrollHandler);
         this.parent.off(events.bindOnEnd, this.toolbarBindEvent);
         this.parent.off(events.toolbarUpdated, this.updateToolbarStatus);
         this.parent.off(events.modelChanged, this.onPropertyChanged);
@@ -657,7 +590,8 @@ var Toolbar = /** @class */ (function () {
         if (!this.parent.inlineMode.enable) {
             this.refreshToolbarOverflow();
         }
-        this.parent.setContentHeight('', true);
+        var isExpand = this.parent.element.querySelectorAll('.e-toolbar-extended.e-popup-open').length > 0 ? true : false;
+        this.parent.setContentHeight('Refresh', isExpand);
     };
     /**
      * Called internally if any of the property value changed.
@@ -678,6 +612,11 @@ var Toolbar = /** @class */ (function () {
                 }
             }
         }
+        if (!isNullOrUndefined(e.newProp.toolbarSettings)) {
+            if (!isNullOrUndefined(e.newProp.toolbarSettings.enableFloating)) {
+                this.toggleFloatClass();
+            }
+        }
         if (e.module !== this.getModuleName()) {
             return;
         }
@@ -696,7 +635,7 @@ var Toolbar = /** @class */ (function () {
             this.addEventListener();
             this.renderToolbar();
             this.parent.wireScrollElementsEvents();
-            if (!select('.e-rte-srctextarea', this.parent.element)) {
+            if (!select('.' + classes.CLS_RTE_SOURCE_CODE_TXTAREA, this.parent.element)) {
                 updateUndoRedoStatus(this.baseToolbar, this.parent.formatter.editorManager.undoRedoManager.getUndoStatus());
             }
             this.parent.notify(events.dynamicModule, {});

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

@@ -46,11 +46,6 @@ export declare const CLS_TB_FIXED: string;
  * @deprecated
  */
 export declare const CLS_TB_FLOAT: string;
-/**
- * @hidden
- * @deprecated
- */
-export declare const CLS_TB_ABS_FLOAT: string;
 /**
  * @hidden
  * @deprecated
@@ -76,6 +71,11 @@ export declare const CLS_FULL_SCREEN: string;
  * @deprecated
  */
 export declare const CLS_QUICK_TB: string;
+/**
+ * @hidden
+ * @deprecated
+ */
+export declare const CLS_TEXT_QUICK_TB: string;
 /**
  * @hidden
  * @deprecated

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

@@ -46,11 +46,6 @@ export var CLS_TB_FIXED = 'e-rte-tb-fixed';
  * @deprecated
  */
 export var CLS_TB_FLOAT = 'e-rte-tb-float';
-/**
- * @hidden
- * @deprecated
- */
-export var CLS_TB_ABS_FLOAT = 'e-rte-tb-abs-float';
 /**
  * @hidden
  * @deprecated
@@ -76,6 +71,11 @@ export var CLS_FULL_SCREEN = 'e-rte-full-screen';
  * @deprecated
  */
 export var CLS_QUICK_TB = 'e-rte-quick-toolbar';
+/**
+ * @hidden
+ * @deprecated
+ */
+export var CLS_TEXT_QUICK_TB = 'e-rte-text-quicktoolbar';
 /**
  * @hidden
  * @deprecated

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

@@ -730,12 +730,42 @@ export declare const emojiPicker: string;
  * @hidden
  * @deprecated
  */
-export declare const maximizeMinimizeClick: string;
+export declare const destroyTooltip: string;
 /**
  * @hidden
  * @deprecated
  */
 export declare const hidePopup: string;
+/**
+ * @hidden
+ * @deprecated
+ */
+export declare const cleanupResizeElements: string;
+/**
+ * @hidden
+ * @deprecated
+ */
+export declare const afterKeyDown: string;
+/**
+ * @hidden
+ * @deprecated
+ */
+export declare const updateValueOnIdle: string;
+/**
+ * @hidden
+ * @deprecated
+ */
+export declare const documentClickClosedBy: string;
+/**
+ * @hidden
+ * @deprecated
+ */
+export declare const showColorPicker: string;
+/**
+ * @hidden
+ * @deprecated
+ */
+export declare const closeTooltip: string;
 /**
  * @hidden
  * @deprecated
@@ -746,3 +776,18 @@ export declare const blockEmptyNodes: string;
  * @deprecated
  */
 export declare const inlineEmptyNodes: string;
+/**
+ * @hidden
+ * @deprecated
+ */
+export declare const supportedUnits: string[];
+/**
+ * @hidden
+ * @deprecated
+ */
+export declare const conversionFactors: Record<string, Record<string, number>>;
+/**
+ * @hidden
+ * @deprecated
+ */
+export declare const onHandleFontsizeChange: string;

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

@@ -730,12 +730,42 @@ export var emojiPicker = 'emojiPicker';
  * @hidden
  * @deprecated
  */
-export var maximizeMinimizeClick = 'maximizeMinimizeClick';
+export var destroyTooltip = 'destroyTooltip';
 /**
  * @hidden
  * @deprecated
  */
 export var hidePopup = 'hidePopup';
+/**
+ * @hidden
+ * @deprecated
+ */
+export var cleanupResizeElements = 'cleanupResizeElements';
+/**
+ * @hidden
+ * @deprecated
+ */
+export var afterKeyDown = 'afterKeyDown';
+/**
+ * @hidden
+ * @deprecated
+ */
+export var updateValueOnIdle = 'updateValueOnIdle';
+/**
+ * @hidden
+ * @deprecated
+ */
+export var documentClickClosedBy = 'documentClickClosedBy';
+/**
+ * @hidden
+ * @deprecated
+ */
+export var showColorPicker = 'showColorPicker';
+/**
+ * @hidden
+ * @deprecated
+ */
+export var closeTooltip = 'closeTooltip';
 /**
  * @hidden
  * @deprecated
@@ -746,3 +776,187 @@ export var blockEmptyNodes = "address:empty, article:empty, aside:empty, blockqu
  * @deprecated
  */
 export var inlineEmptyNodes = "a:empty, abbr:empty, acronym:empty, b:empty, bdi:empty, bdo:empty, big:empty, button:empty,\ncanvas:empty, cite:empty, code:empty, data:empty, datalist:empty, del:empty, dfn:empty, em:empty, font:empty, i:empty, iframe:empty,\nins:empty, kbd:empty, label:empty, map:empty, mark:empty, meter:empty, noscript:empty, object:empty, output:empty, picture:empty, progress:empty,\nq:empty, ruby:empty, s:empty, samp:empty, script:empty, select:empty, slot:empty, small:empty, span:empty, strong:empty, strike:empty, sub:empty, sup:empty, svg:empty,\ntemplate:empty, textarea:empty, time:empty, u:empty, tt:empty, var:empty, wbr:empty";
+/**
+ * @hidden
+ * @deprecated
+ */
+export var supportedUnits = ['px', 'em', 'rem', 'pt', 'cm', 'mm', 'in', 'pc', 'vw', 'vh', 'vmin', 'vmax'];
+/**
+ * @hidden
+ * @deprecated
+ */
+export var conversionFactors = {
+    'px': {
+        'px': 1,
+        'em': 0.0625,
+        'rem': 0.0625,
+        'pt': 0.75,
+        'cm': 0.0264583,
+        'mm': 0.0026458,
+        'in': 0.0104167,
+        'pc': 0.0625,
+        'vw': 0.00625,
+        'vh': 0.00625,
+        'vmin': 0.00625,
+        'vmax': 0.00625
+    },
+    'em': {
+        'px': 16,
+        'em': 1,
+        'rem': 1,
+        'pt': 12,
+        'cm': 0.423333,
+        'mm': 0.0423333,
+        'in': 0.166667,
+        'pc': 0.0625,
+        'vw': 1,
+        'vh': 1,
+        'vmin': 1,
+        'vmax': 1
+    },
+    'rem': {
+        'px': 16,
+        'em': 1,
+        'rem': 1,
+        'pt': 12,
+        'cm': 0.423333,
+        'mm': 0.0423333,
+        'in': 0.166667,
+        'pc': 0.0625,
+        'vw': 1,
+        'vh': 1,
+        'vmin': 1,
+        'vmax': 1
+    },
+    'pt': {
+        'px': 1.33333,
+        'em': 0.0833333,
+        'rem': 0.0833333,
+        'pt': 1,
+        'cm': 0.0352778,
+        'mm': 0.0035278,
+        'in': 0.0138889,
+        'pc': 0.0416667,
+        'vw': 0.00416667,
+        'vh': 0.00416667,
+        'vmin': 0.00416667,
+        'vmax': 0.00416667
+    },
+    'cm': {
+        'px': 37.7953,
+        'em': 2.3622,
+        'rem': 2.3622,
+        'pt': 28.3465,
+        'cm': 1,
+        'mm': 0.1,
+        'in': 0.393701,
+        'pc': 0.148148,
+        'vw': 0.0377953,
+        'vh': 0.0377953,
+        'vmin': 0.0377953,
+        'vmax': 0.0377953
+    },
+    'mm': {
+        'px': 3.77953,
+        'em': 0.23622,
+        'rem': 0.23622,
+        'pt': 2.83465,
+        'cm': 10,
+        'mm': 1,
+        'in': 0.0393701,
+        'pc': 0.0148148,
+        'vw': 0.00377953,
+        'vh': 0.00377953,
+        'vmin': 0.00377953,
+        'vmax': 0.00377953
+    },
+    'in': {
+        'px': 96,
+        'em': 6,
+        'rem': 6,
+        'pt': 72,
+        'cm': 2.54,
+        'mm': 25.4,
+        'in': 1,
+        'pc': 0.375,
+        'vw': 0.09375,
+        'vh': 0.09375,
+        'vmin': 0.09375,
+        'vmax': 0.09375
+    },
+    'pc': {
+        'px': 16,
+        'em': 1,
+        'rem': 1,
+        'pt': 12,
+        'cm': 0.423333,
+        'mm': 0.0423333,
+        'in': 0.166667,
+        'pc': 1,
+        'vw': 0.0625,
+        'vh': 0.0625,
+        'vmin': 0.0625,
+        'vmax': 0.0625
+    },
+    'vw': {
+        'px': 160,
+        'em': 10,
+        'rem': 10,
+        'pt': 120,
+        'cm': 4.23333,
+        'mm': 0.423333,
+        'in': 1.66667,
+        'pc': 0.625,
+        'vw': 1,
+        'vh': 1,
+        'vmin': 1,
+        'vmax': 1
+    },
+    'vh': {
+        'px': 160,
+        'em': 10,
+        'rem': 10,
+        'pt': 120,
+        'cm': 4.23333,
+        'mm': 0.423333,
+        'in': 1.66667,
+        'pc': 0.625,
+        'vw': 1,
+        'vh': 1,
+        'vmin': 1,
+        'vmax': 1
+    },
+    'vmin': {
+        'px': 160,
+        'em': 10,
+        'rem': 10,
+        'pt': 120,
+        'cm': 4.23333,
+        'mm': 0.423333,
+        'in': 1.66667,
+        'pc': 0.625,
+        'vw': 1,
+        'vh': 1,
+        'vmin': 1,
+        'vmax': 1
+    },
+    'vmax': {
+        'px': 160,
+        'em': 10,
+        'rem': 10,
+        'pt': 120,
+        'cm': 4.23333,
+        'mm': 0.423333,
+        'in': 1.66667,
+        'pc': 0.625,
+        'vw': 1,
+        'vh': 1,
+        'vmin': 1,
+        'vmax': 1
+    }
+};
+/**
+ * @hidden
+ * @deprecated
+ */
+export var onHandleFontsizeChange = 'onHandleFontsizeChange';

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

@@ -8,7 +8,7 @@ import { ClickEventArgs } from '@syncfusion/ej2-navigations';
 import { BaseToolbar } from '../actions/base-toolbar';
 import { BaseQuickToolbar } from '../actions/base-quick-toolbar';
 import { NodeSelection } from '../../selection/selection';
-import { EditorMode, EnterKey, ShiftEnterKey } from './../../common/types';
+import { ContentHeightSource, EditorMode, EnterKey, ShiftEnterKey } from './../../common/types';
 import { MarkdownSelection } from './../../markdown-parser/plugin/markdown-selection';
 import { ToolbarSettingsModel, IFrameSettingsModel, ImageSettingsModel, AudioSettingsModel, VideoSettingsModel, TableSettingsModel, FormatPainterSettingsModel, EmojiSettingsModel } from '../models/models';
 import { QuickToolbarSettingsModel, InlineModeModel, PasteCleanupSettingsModel, FileManagerSettingsModel } from '../models/models';
@@ -159,10 +159,11 @@ export interface IRichTextEditor extends Component<HTMLElement> {
     getCollection?(items: string | string[]): string[];
     getRange(): Range;
     getID(): string;
+    getCssClass(isSpace?: boolean): string;
     getText(): string;
     updateValueData?(): void;
     getBaseToolbarObject(): BaseToolbar;
-    setContentHeight(target?: string, isExpand?: boolean): void;
+    setContentHeight(target: ContentHeightSource, isExpand?: boolean): void;
     keyConfig?: {
         [key: string]: string;
     };
@@ -195,6 +196,8 @@ export interface IRichTextEditor extends Component<HTMLElement> {
     currentTarget: HTMLElement;
     focusIn(): void;
     showEmojiPicker?(x?: number, y?: number): void;
+    addAnchorAriaLabel?(value: string): string;
+    autoSaveOnIdle: boolean;
 }
 /**
  * @deprecated
@@ -251,7 +254,7 @@ export interface NotifyArgs {
     action?: string;
     callBack?(args?: string | IImageCommandsArgs, cropImageData?: {
         [key: string]: string | boolean | number;
-    }[]): void;
+    }[], pasteTableSource?: string): void;
     file?: Blob;
     insertElement?: Element;
     touchData?: ITouchData;
@@ -259,6 +262,11 @@ export interface NotifyArgs {
     formatPainterSettings?: FormatPainterSettingsModel;
     emojiPickerSettings?: EmojiSettingsModel;
     ariaLabel?: string;
+    /**
+     * Defines the source of the Table content.
+     * @private
+     */
+    pasteTableSource?: string;
 }
 /**
  * Provides information about the current and previous cssClass property .
@@ -377,6 +385,7 @@ export interface IImageNotifyArgs {
     member?: string;
     name?: string;
     cssClass?: string;
+    ariaLabel?: string;
 }
 /**
  * Provides information about a Image added in the Rich Text Editor.
@@ -1368,3 +1377,38 @@ export interface ToolbarStatusEventArgs {
     /** Defines the markdown toolbar status arguments. */
     markdown?: object;
 }
+/**
+ * @hidden
+ * @deprecated
+ */
+export interface CleanupResizeElemArgs {
+    name?: string;
+    value: string;
+    callBack(value: string): void;
+}
+/**
+ * @hidden
+ * @private
+ */
+export interface IBaseQuickToolbar {
+    /**
+     * Instance of the Quick Toolabr Popup.
+     */
+    popupObj: Popup;
+    /**
+     * Parent Element of the Quick Toolbar.
+     */
+    element: HTMLElement;
+    /**
+     * Boolean to check whether the quick toolbar is rendered in the DOM.
+     */
+    isRendered: boolean;
+    /**
+     * Instance of the Toolbar rendered inside the Popup.
+     */
+    quickTBarObj: BaseToolbar;
+    /**
+     * Element of the Toolbar rendered inside the Popup.
+     */
+    toolbarElement: HTMLElement;
+}