@syncfusion/ej2-richtexteditor 23.1.44 → 23.2.4

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

@@ -2903,7 +2903,7 @@ function setToolbarStatus(e, isPopToolbar, self) {
                             const formatItems$$1 = e.parent.format.types;
                             const formatContent = isNullOrUndefined(e.parent.format.default) ? formatItems$$1[0].text :
                                 e.parent.format.default;
-                            result = getDropDownValue(formatItems$$1, value, 'subCommand', 'text');
+                            result = value === 'empty' ? '' : getDropDownValue(formatItems$$1, value, 'subCommand', 'text');
                             dropDown.formatDropDown.content = ('<span style="display: inline-flex;' +
                                 'width:' + e.parent.format.width + '" >' +
                                 '<span class="e-rte-dropdown-btn-text' + (isNullOrUndefined(e.parent.cssClass) ? '' : ' ' + e.parent.cssClass) + '">'
@@ -2929,7 +2929,7 @@ function setToolbarStatus(e, isPopToolbar, self) {
                                 break;
                             }
                             const fontNameItems = e.parent.fontFamily.items;
-                            result = getDropDownValue(fontNameItems, value, 'value', 'text');
+                            result = value === 'empty' ? '' : getDropDownValue(fontNameItems, value, 'value', 'text');
                             const fontNameContent = isNullOrUndefined(e.parent.fontFamily.default) ? fontNameItems[0].text :
                                 e.parent.fontFamily.default;
                             const name = (isNullOrUndefined(result) ? fontNameContent : result);
@@ -2948,7 +2948,7 @@ function setToolbarStatus(e, isPopToolbar, self) {
                             const fontSizeItems = e.parent.fontSize.items;
                             const fontSizeContent = isNullOrUndefined(e.parent.fontSize.default) ? fontSizeItems[1].text :
                                 e.parent.fontSize.default;
-                            result = getDropDownValue(fontSizeItems, (value === '' ? fontSizeContent.replace(/\s/g, '') : value), 'value', 'text');
+                            result = value === 'empty' ? '' : getDropDownValue(fontSizeItems, (value === '' ? fontSizeContent.replace(/\s/g, '') : value), 'value', 'text');
                             dropDown.fontSizeDropDown.content = ('<span style="display: inline-flex;' +
                                 'width:' + e.parent.fontSize.width + '" >' +
                                 '<span class="e-rte-dropdown-btn-text' + (isNullOrUndefined(e.parent.cssClass) ? '' : ' ' + e.parent.cssClass) + '">'
@@ -16391,7 +16391,14 @@ class SelectionCommands {
         }
         const formatNodeStyles = formatNode.getAttribute('style');
         const formatNodeTagName = formatNode.tagName;
-        const child = InsertMethods.unwrap(formatNode);
+        let child;
+        if (formatNodeTagName === 'A' && format === 'underline') {
+            formatNode.style.textDecoration = 'none';
+            child = [formatNode];
+        }
+        else {
+            child = InsertMethods.unwrap(formatNode);
+        }
         if (child[0] && !isFontStyle) {
             let nodeTraverse = child[index] ? child[index] : child[0];
             const textNode = nodeTraverse;
@@ -18493,12 +18500,18 @@ class ToolbarStatus {
             if ((index === 0 && formatCollection.fontcolor) || !formatCollection.fontcolor) {
                 nodeCollection.fontcolor = formatCollection.fontcolor;
             }
-            if ((index === 0 && formatCollection.fontname) || !formatCollection.fontname) {
+            if (index === 0 && formatCollection.fontname) {
                 nodeCollection.fontname = formatCollection.fontname;
             }
-            if ((index === 0 && formatCollection.fontsize) || !formatCollection.fontsize) {
+            else {
+                nodeCollection.fontname = formatCollection.fontname === nodeCollection.fontname ? formatCollection.fontname : 'empty';
+            }
+            if (index === 0 && formatCollection.fontsize) {
                 nodeCollection.fontsize = formatCollection.fontsize;
             }
+            else {
+                nodeCollection.fontsize = formatCollection.fontsize === nodeCollection.fontsize ? formatCollection.fontsize : 'empty';
+            }
             if ((index === 0 && formatCollection.backgroundcolor) || !formatCollection.backgroundcolor) {
                 nodeCollection.backgroundcolor = formatCollection.backgroundcolor;
             }
@@ -18511,9 +18524,12 @@ class ToolbarStatus {
             if ((index === 0 && formatCollection.alignments) || !formatCollection.alignments) {
                 nodeCollection.alignments = formatCollection.alignments;
             }
-            if ((index === 0 && formatCollection.formats) || !formatCollection.formats) {
+            if (index === 0 && formatCollection.formats) {
                 nodeCollection.formats = formatCollection.formats;
             }
+            else {
+                nodeCollection.formats = formatCollection.formats === nodeCollection.formats ? formatCollection.formats : 'empty';
+            }
             if ((index === 0 && formatCollection.createlink) || !formatCollection.createlink) {
                 nodeCollection.createlink = formatCollection.createlink;
             }