@syncfusion/ej2-richtexteditor 23.2.7-52849 → 24.1.41

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

@@ -52,6 +52,10 @@ 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);
+                }
         }
     };
     Toolbar.prototype.createToolbarElement = function () {
@@ -107,7 +111,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']);
@@ -226,7 +230,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 +260,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'))) {
@@ -272,7 +276,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     Toolbar.prototype.addFixedTBarClass = function () {
         addClass([this.tbElement], [classes.CLS_TB_FIXED]);
@@ -282,7 +286,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     Toolbar.prototype.removeFixedTBarClass = function () {
         removeClass([this.tbElement], [classes.CLS_TB_FIXED]);
@@ -303,7 +307,7 @@ var Toolbar = /** @class */ (function () {
      * @param {IUpdateItemsModel} args - specifies the arguments.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     Toolbar.prototype.updateItem = function (args) {
         var item = this.tools[args.updateItem.toLocaleLowerCase()];
@@ -349,7 +353,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     Toolbar.prototype.getBaseToolbar = function () {
         return this.baseToolbar;
@@ -361,7 +365,7 @@ var Toolbar = /** @class */ (function () {
      * @param {number} index - specifies the index value.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     Toolbar.prototype.addTBarItem = function (args, index) {
         args.baseToolbar.toolbarObj.addItems([args.baseToolbar.getObject(args.updateItem, 'toolbar')], index);
@@ -375,7 +379,7 @@ var Toolbar = /** @class */ (function () {
      * @param {boolean} muteToolbarUpdate - specifies the toolbar.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     Toolbar.prototype.enableTBarItems = function (baseToolbar, items, isEnable, muteToolbarUpdate) {
         var trgItems = getTBarItemsIndex(getCollection(items), baseToolbar.toolbarObj.items);
@@ -386,7 +390,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());
         }
     };
@@ -396,7 +400,7 @@ var Toolbar = /** @class */ (function () {
      * @param {string} items - specifies the string value.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     Toolbar.prototype.removeTBarItems = function (items) {
         if (isNullOrUndefined(this.baseToolbar.toolbarObj)) {
@@ -414,7 +418,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     Toolbar.prototype.getExpandTBarPopHeight = function () {
         var popHeight = 0;
@@ -437,7 +441,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     Toolbar.prototype.getToolbarHeight = function () {
         return this.tbElement.offsetHeight;
@@ -447,7 +451,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     Toolbar.prototype.getToolbarElement = function () {
         return select('.' + classes.CLS_TOOLBAR, this.parent.element);
@@ -457,7 +461,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     Toolbar.prototype.refreshToolbarOverflow = function () {
         this.parent.element.classList.remove(classes.CLS_RTL);
@@ -495,7 +499,7 @@ var Toolbar = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     Toolbar.prototype.destroy = function () {
         if (isNOU(this.parent)) {
@@ -559,20 +563,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;
@@ -665,7 +673,7 @@ var Toolbar = /** @class */ (function () {
      * @param {RichTextEditorModel} e - specifies the string value
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     Toolbar.prototype.onPropertyChanged = function (e) {
         if (!isNullOrUndefined(e.newProp.inlineMode)) {
@@ -696,7 +704,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/actions/xhtml-validation.d.ts

@@ -13,7 +13,7 @@ export declare class XhtmlValidation {
      * @param {string} currentValue - specifies the string value.
      * @param {number} valueLength - specifies the length of the current value.
      * @returns {void}
-     * @deprecated
+
      */
     selfEncloseValidation(currentValue: string, valueLength?: number): string;
     private clean;

package/src/rich-text-editor/actions/xhtml-validation.js

@@ -37,7 +37,7 @@ var XhtmlValidation = /** @class */ (function () {
      * @param {string} currentValue - specifies the string value.
      * @param {number} valueLength - specifies the length of the current value.
      * @returns {void}
-     * @deprecated
+
      */
     XhtmlValidation.prototype.selfEncloseValidation = function (currentValue, valueLength) {
         if (valueLength === 0 && currentValue.indexOf('table') < 0 && currentValue.indexOf('img') < 0 &&