@syncfusion/ej2-richtexteditor 23.2.7-52849 → 24.1.41

package/src/markdown-parser/plugin/link.d.ts

@@ -3,7 +3,7 @@ import { MarkdownParser } from './../base/markdown-parser';
  * Link internal component
  *
  * @hidden
- * @deprecated
+
  */
 export declare class MDLink {
     private parent;
@@ -13,7 +13,7 @@ export declare class MDLink {
      *
      * @param {MarkdownParser} parent - specifies the parent element
      * @hidden
-     * @deprecated
+
      */
     constructor(parent: MarkdownParser);
     private addEventListener;

package/src/markdown-parser/plugin/link.js

@@ -3,7 +3,7 @@ import * as CONSTANT from './../base/constant';
  * Link internal component
  *
  * @hidden
- * @deprecated
+
  */
 var MDLink = /** @class */ (function () {
     /**
@@ -11,7 +11,7 @@ var MDLink = /** @class */ (function () {
      *
      * @param {MarkdownParser} parent - specifies the parent element
      * @hidden
-     * @deprecated
+
      */
     function MDLink(parent) {
         this.parent = parent;

package/src/markdown-parser/plugin/markdown-selection.d.ts

@@ -2,7 +2,7 @@
  * MarkdownSelection internal module
  *
  * @hidden
- * @deprecated
+
  */
 export declare class MarkdownSelection {
     selectionStart: number;
@@ -14,7 +14,7 @@ export declare class MarkdownSelection {
      * @param {number} point - specifies the number value
      * @returns {number} - returns the value
      * @hidden
-     * @deprecated
+
      */
     getLineNumber(textarea: HTMLTextAreaElement, point: number): number;
     /**
@@ -23,7 +23,7 @@ export declare class MarkdownSelection {
      * @param {HTMLTextAreaElement} textarea - specifies the text area element
      * @returns {string} - specifies the string value
      * @hidden
-     * @deprecated
+
      */
     getSelectedText(textarea: HTMLTextAreaElement): string;
     /**
@@ -32,7 +32,7 @@ export declare class MarkdownSelection {
      * @param {string} value - specifies the string value
      * @returns {string[]} - returns the string value
      * @hidden
-     * @deprecated
+
      */
     getAllParents(value: string): string[];
     /**
@@ -41,7 +41,7 @@ export declare class MarkdownSelection {
      * @param {HTMLTextAreaElement} textarea - specifies the text area element
      * @returns {string} - returns the string value
      * @hidden
-     * @deprecated
+
      */
     getSelectedLine(textarea: HTMLTextAreaElement): string;
     /**
@@ -51,7 +51,7 @@ export declare class MarkdownSelection {
      * @param {number} index - specifies the number value
      * @returns {string} - returns the string value
      * @hidden
-     * @deprecated
+
      */
     getLine(textarea: HTMLTextAreaElement, index: number): string;
     /**
@@ -60,7 +60,7 @@ export declare class MarkdownSelection {
      * @param {HTMLTextAreaElement} textarea - specifies the text area element
      * @returns {string} - returns the string value
      * @hidden
-     * @deprecated
+
      */
     getSelectedParentPoints(textarea: HTMLTextAreaElement): {
         [key: string]: string | number;
@@ -73,7 +73,7 @@ export declare class MarkdownSelection {
      * @param {number} end - specifies the end value
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     setSelection(textarea: HTMLTextAreaElement, start: number, end: number): void;
     /**
@@ -83,7 +83,7 @@ export declare class MarkdownSelection {
      * @param {number} end - specifies the end value
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     save(start: number, end: number): void;
     /**
@@ -92,7 +92,7 @@ export declare class MarkdownSelection {
      * @param {HTMLTextAreaElement} textArea - specifies the text area element
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     restore(textArea: HTMLTextAreaElement): void;
     /**
@@ -102,7 +102,7 @@ export declare class MarkdownSelection {
      * @param {string} command - specifies the string value
      * @returns {boolean} - returns the boolean value
      * @hidden
-     * @deprecated
+
      */
     isStartWith(line: string, command: string): boolean;
     /**
@@ -111,7 +111,7 @@ export declare class MarkdownSelection {
      * @param {string} value - specifies the string value
      * @returns {string} - returns the value
      * @hidden
-     * @deprecated
+
      */
     replaceSpecialChar(value: string): string;
     /**
@@ -121,7 +121,7 @@ export declare class MarkdownSelection {
      * @param {string} regex - specifies the regex value
      * @returns {boolean} - returns the boolean value
      * @hidden
-     * @deprecated
+
      */
     isClear(parents: {
         [key: string]: string | number;
@@ -132,7 +132,7 @@ export declare class MarkdownSelection {
      * @param {HTMLTextAreaElement} textarea - specifies the text area
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     getSelectedInlinePoints(textarea: HTMLTextAreaElement): {
         [key: string]: string | number;

package/src/markdown-parser/plugin/markdown-selection.js

@@ -2,7 +2,7 @@
  * MarkdownSelection internal module
  *
  * @hidden
- * @deprecated
+
  */
 var MarkdownSelection = /** @class */ (function () {
     function MarkdownSelection() {
@@ -14,7 +14,7 @@ var MarkdownSelection = /** @class */ (function () {
      * @param {number} point - specifies the number value
      * @returns {number} - returns the value
      * @hidden
-     * @deprecated
+
      */
     MarkdownSelection.prototype.getLineNumber = function (textarea, point) {
         return textarea.value.substr(0, point).split('\n').length;
@@ -25,7 +25,7 @@ var MarkdownSelection = /** @class */ (function () {
      * @param {HTMLTextAreaElement} textarea - specifies the text area element
      * @returns {string} - specifies the string value
      * @hidden
-     * @deprecated
+
      */
     MarkdownSelection.prototype.getSelectedText = function (textarea) {
         var start = textarea.selectionStart;
@@ -38,7 +38,7 @@ var MarkdownSelection = /** @class */ (function () {
      * @param {string} value - specifies the string value
      * @returns {string[]} - returns the string value
      * @hidden
-     * @deprecated
+
      */
     MarkdownSelection.prototype.getAllParents = function (value) {
         return value.split('\n');
@@ -49,7 +49,7 @@ var MarkdownSelection = /** @class */ (function () {
      * @param {HTMLTextAreaElement} textarea - specifies the text area element
      * @returns {string} - returns the string value
      * @hidden
-     * @deprecated
+
      */
     MarkdownSelection.prototype.getSelectedLine = function (textarea) {
         var lines = this.getAllParents(textarea.value);
@@ -63,7 +63,7 @@ var MarkdownSelection = /** @class */ (function () {
      * @param {number} index - specifies the number value
      * @returns {string} - returns the string value
      * @hidden
-     * @deprecated
+
      */
     MarkdownSelection.prototype.getLine = function (textarea, index) {
         var lines = this.getAllParents(textarea.value);
@@ -75,7 +75,7 @@ var MarkdownSelection = /** @class */ (function () {
      * @param {HTMLTextAreaElement} textarea - specifies the text area element
      * @returns {string} - returns the string value
      * @hidden
-     * @deprecated
+
      */
     MarkdownSelection.prototype.getSelectedParentPoints = function (textarea) {
         var lines = this.getAllParents(textarea.value);
@@ -118,7 +118,7 @@ var MarkdownSelection = /** @class */ (function () {
      * @param {number} end - specifies the end value
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     MarkdownSelection.prototype.setSelection = function (textarea, start, end) {
         textarea.setSelectionRange(start, end);
@@ -131,7 +131,7 @@ var MarkdownSelection = /** @class */ (function () {
      * @param {number} end - specifies the end value
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     MarkdownSelection.prototype.save = function (start, end) {
         this.selectionStart = start;
@@ -143,7 +143,7 @@ var MarkdownSelection = /** @class */ (function () {
      * @param {HTMLTextAreaElement} textArea - specifies the text area element
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     MarkdownSelection.prototype.restore = function (textArea) {
         this.setSelection(textArea, this.selectionStart, this.selectionEnd);
@@ -155,7 +155,7 @@ var MarkdownSelection = /** @class */ (function () {
      * @param {string} command - specifies the string value
      * @returns {boolean} - returns the boolean value
      * @hidden
-     * @deprecated
+
      */
     MarkdownSelection.prototype.isStartWith = function (line, command) {
         var isStart = false;
@@ -175,7 +175,7 @@ var MarkdownSelection = /** @class */ (function () {
      * @param {string} value - specifies the string value
      * @returns {string} - returns the value
      * @hidden
-     * @deprecated
+
      */
     MarkdownSelection.prototype.replaceSpecialChar = function (value) {
         // eslint-disable-next-line
@@ -188,7 +188,7 @@ var MarkdownSelection = /** @class */ (function () {
      * @param {string} regex - specifies the regex value
      * @returns {boolean} - returns the boolean value
      * @hidden
-     * @deprecated
+
      */
     MarkdownSelection.prototype.isClear = function (parents, regex) {
         var isClear = false;
@@ -206,7 +206,7 @@ var MarkdownSelection = /** @class */ (function () {
      * @param {HTMLTextAreaElement} textarea - specifies the text area
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     MarkdownSelection.prototype.getSelectedInlinePoints = function (textarea) {
         var start = textarea.selectionStart;

package/src/markdown-parser/plugin/md-selection-formats.d.ts

@@ -3,7 +3,7 @@ import { IMDFormats } from './../base/interface';
  * SelectionCommands internal component
  *
  * @hidden
- * @deprecated
+
  */
 export declare class MDSelectionFormats {
     private parent;

package/src/markdown-parser/plugin/md-selection-formats.js

@@ -6,7 +6,7 @@ import * as EVENTS from './../../common/constant';
  * SelectionCommands internal component
  *
  * @hidden
- * @deprecated
+
  */
 var MDSelectionFormats = /** @class */ (function () {
     function MDSelectionFormats(parent) {

package/src/markdown-parser/plugin/table.d.ts

@@ -3,7 +3,7 @@ import { IMDTable } from './../base/interface';
  * Link internal component
  *
  * @hidden
- * @deprecated
+
  */
 export declare class MDTable {
     private parent;
@@ -16,7 +16,7 @@ export declare class MDTable {
      *
      * @param {IMDTable} options - specifies the options
      * @hidden
-     * @deprecated
+
      */
     constructor(options: IMDTable);
     private addEventListener;
@@ -26,7 +26,7 @@ export declare class MDTable {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     destroy(): void;
     private onKeyDown;

package/src/markdown-parser/plugin/table.js

@@ -5,7 +5,7 @@ import * as EVENTS from './../../common/constant';
  * Link internal component
  *
  * @hidden
- * @deprecated
+
  */
 var MDTable = /** @class */ (function () {
     /**
@@ -13,7 +13,7 @@ var MDTable = /** @class */ (function () {
      *
      * @param {IMDTable} options - specifies the options
      * @hidden
-     * @deprecated
+
      */
     function MDTable(options) {
         extend(this, this, options, true);
@@ -33,7 +33,7 @@ var MDTable = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     MDTable.prototype.destroy = function () {
         this.removeEventListener();

package/src/markdown-parser/plugin/undo.d.ts

@@ -24,7 +24,7 @@ export declare class UndoRedoCommands {
      * @function destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     destroy(): void;
     /**
@@ -33,7 +33,7 @@ export declare class UndoRedoCommands {
      * @param {IMarkdownSubCommands} e - specifies the sub commands
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     onAction(e: IMarkdownSubCommands): void;
     private keyDown;
@@ -45,7 +45,7 @@ export declare class UndoRedoCommands {
      * @function saveData
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     saveData(e?: KeyboardEvent | MouseEvent | IUndoCallBack): void;
     /**
@@ -55,7 +55,7 @@ export declare class UndoRedoCommands {
      * @function undo
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     undo(e?: IMarkdownSubCommands | IMDKeyboardEvent): void;
     /**
@@ -65,7 +65,7 @@ export declare class UndoRedoCommands {
      * @function redo
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     redo(e?: IMarkdownSubCommands | IMDKeyboardEvent): void;
     private restore;
@@ -74,7 +74,7 @@ export declare class UndoRedoCommands {
      *
      * @returns {boolean} - returns the boolean value
      * @hidden
-     * @deprecated
+
      */
     getUndoStatus(): {
         [key: string]: boolean;

package/src/markdown-parser/plugin/undo.js

@@ -45,7 +45,7 @@ var UndoRedoCommands = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     UndoRedoCommands.prototype.destroy = function () {
         this.removeEventListener();
@@ -56,7 +56,7 @@ var UndoRedoCommands = /** @class */ (function () {
      * @param {IMarkdownSubCommands} e - specifies the sub commands
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     UndoRedoCommands.prototype.onAction = function (e) {
         if (e.subCommand === 'Undo') {
@@ -93,7 +93,7 @@ var UndoRedoCommands = /** @class */ (function () {
      * @function saveData
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     UndoRedoCommands.prototype.saveData = function (e) {
         var textArea = this.parent.element;
@@ -126,7 +126,7 @@ var UndoRedoCommands = /** @class */ (function () {
      * @function undo
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     UndoRedoCommands.prototype.undo = function (e) {
         if (this.steps > 0) {
@@ -147,7 +147,7 @@ var UndoRedoCommands = /** @class */ (function () {
      * @function redo
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     UndoRedoCommands.prototype.redo = function (e) {
         if (this.undoRedoStack[this.steps + 1] != null) {
@@ -177,7 +177,7 @@ var UndoRedoCommands = /** @class */ (function () {
      *
      * @returns {boolean} - returns the boolean value
      * @hidden
-     * @deprecated
+
      */
     UndoRedoCommands.prototype.getUndoStatus = function () {
         var status = { undo: false, redo: false };

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

@@ -30,7 +30,7 @@ export declare class BaseQuickToolbar {
      * @param {IQuickToolbarOptions} args - specifies the arguments
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     render(args: IQuickToolbarOptions): void;
     private createToolbar;
@@ -45,7 +45,7 @@ export declare class BaseQuickToolbar {
      * @param {string} type - specifies the type
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     showPopup(x: number, y: number, target: Element, type?: string): void;
     /**
@@ -53,7 +53,7 @@ export declare class BaseQuickToolbar {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     hidePopup(): void;
     /**
@@ -61,14 +61,14 @@ export declare class BaseQuickToolbar {
      * @param {number} index - specifies the index value
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     addQTBarItem(item: (string | IToolbarItems)[], index: number): void;
     /**
      * @param {number} index - specifies the index value
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     removeQTBarItem(index: number | HTMLElement[] | Element[]): void;
     private removeEleFromDOM;
@@ -79,7 +79,7 @@ export declare class BaseQuickToolbar {
      * @function destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     destroy(): void;
     /**
@@ -87,7 +87,7 @@ export declare class BaseQuickToolbar {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     addEventListener(): void;
     /**
@@ -96,7 +96,7 @@ export declare class BaseQuickToolbar {
      * @param {RichTextEditorModel} e - specifies the model element
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     protected onPropertyChanged(e: {
         [key: string]: RichTextEditorModel;
@@ -106,7 +106,7 @@ export declare class BaseQuickToolbar {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     removeEventListener(): void;
 }

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

@@ -24,6 +24,9 @@ var BaseQuickToolbar = /** @class */ (function () {
     }
     BaseQuickToolbar.prototype.appendPopupContent = function () {
         this.toolbarElement = this.parent.createElement('div', { className: classes.CLS_QUICK_TB });
+        if (this.element.classList.contains(classes.CLS_TEXT_POP)) {
+            this.toolbarElement.classList.add(classes.CLS_TEXT_QUICK_TB);
+        }
         this.element.appendChild(this.toolbarElement);
     };
     /**
@@ -32,7 +35,7 @@ var BaseQuickToolbar = /** @class */ (function () {
      * @param {IQuickToolbarOptions} args - specifies the arguments
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     BaseQuickToolbar.prototype.render = function (args) {
         var className;
@@ -183,7 +186,7 @@ var BaseQuickToolbar = /** @class */ (function () {
      * @param {string} type - specifies the type
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     BaseQuickToolbar.prototype.showPopup = function (x, y, target, type) {
         var _this = this;
@@ -216,7 +219,7 @@ var BaseQuickToolbar = /** @class */ (function () {
                     editPanelTop = (cntEle) ? cntEle.scrollTop : 0;
                     editPanelHeight = (cntEle) ? cntEle.offsetHeight : 0;
                 }
-                if (!_this.parent.inlineMode.enable && !closest(target, 'table') && type !== 'text') {
+                if ((!_this.parent.inlineMode.enable && !closest(target, 'table') && type !== 'text' && type !== 'link') || target.tagName === 'IMG') {
                     _this.parent.disableToolbarItem(_this.parent.toolbarSettings.items);
                     _this.parent.enableToolbarItem(['Undo', 'Redo']);
                 }
@@ -290,7 +293,7 @@ var BaseQuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     BaseQuickToolbar.prototype.hidePopup = function () {
         var viewSourcePanel = this.parent.sourceCodeModule.getViewPanel();
@@ -325,7 +328,7 @@ var BaseQuickToolbar = /** @class */ (function () {
      * @param {number} index - specifies the index value
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     BaseQuickToolbar.prototype.addQTBarItem = function (item, index) {
         this.quickTBarObj.toolbarObj.addItems(this.quickTBarObj.getItems(item, 'toolbar'), index);
@@ -334,7 +337,7 @@ var BaseQuickToolbar = /** @class */ (function () {
      * @param {number} index - specifies the index value
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     BaseQuickToolbar.prototype.removeQTBarItem = function (index) {
         this.quickTBarObj.toolbarObj.removeItems(index);
@@ -359,7 +362,18 @@ var BaseQuickToolbar = /** @class */ (function () {
             tbItems: this.quickTBarObj.toolbarObj.items
         };
         setToolbarStatus(options, true, this.parent);
-        if (!select('.e-rte-srctextarea', this.parent.element)) {
+        if (this.parent.quickToolbarSettings.text && this.parent.quickToolbarModule.textQTBar) {
+            var options_1 = {
+                args: args,
+                dropDownModule: this.parent.quickToolbarModule.textQTBar.dropDownButtons,
+                parent: this.parent,
+                tbElements: selectAll('.' + classes.CLS_TB_ITEM, this.parent.quickToolbarModule.textQTBar.element),
+                tbItems: this.parent.quickToolbarModule.textQTBar.quickTBarObj.toolbarObj.items
+            };
+            setToolbarStatus(options_1, true, this.parent);
+            updateUndoRedoStatus(this.parent.quickToolbarModule.textQTBar.quickTBarObj, this.parent.formatter.editorManager.undoRedoManager.getUndoStatus());
+        }
+        if (!select('.' + classes.CLS_RTE_SOURCE_CODE_TXTAREA, this.parent.element)) {
             updateUndoRedoStatus(this.parent.getBaseToolbarObject(), this.parent.formatter.editorManager.undoRedoManager.getUndoStatus());
         }
     };
@@ -369,7 +383,7 @@ var BaseQuickToolbar = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     BaseQuickToolbar.prototype.destroy = function () {
         if (this.popupObj && !this.popupObj.isDestroyed) {
@@ -383,7 +397,7 @@ var BaseQuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     BaseQuickToolbar.prototype.addEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -391,7 +405,7 @@ var BaseQuickToolbar = /** @class */ (function () {
         }
         this.parent.on(events.destroy, this.destroy, this);
         this.parent.on(events.modelChanged, this.onPropertyChanged, this);
-        if (this.parent.inlineMode.enable) {
+        if (this.parent.inlineMode.enable || this.parent.quickToolbarSettings.text) {
             this.parent.on(events.toolbarUpdated, this.updateStatus, this);
         }
     };
@@ -401,7 +415,7 @@ var BaseQuickToolbar = /** @class */ (function () {
      * @param {RichTextEditorModel} e - specifies the model element
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     BaseQuickToolbar.prototype.onPropertyChanged = function (e) {
         if (!isNullOrUndefined(e.newProp.inlineMode)) {
@@ -425,7 +439,7 @@ var BaseQuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     BaseQuickToolbar.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -433,7 +447,7 @@ var BaseQuickToolbar = /** @class */ (function () {
         }
         this.parent.off(events.destroy, this.destroy);
         this.parent.off(events.modelChanged, this.onPropertyChanged);
-        if (this.parent.inlineMode.enable) {
+        if (this.parent.inlineMode.enable || this.parent.quickToolbarSettings.text) {
             this.parent.off(events.toolbarUpdated, this.updateStatus);
         }
     };