@syncfusion/ej2-richtexteditor 28.1.36 → 28.1.38

package/dist/global/index.d.ts

@@ -1,3 +1,12 @@
+/*!
+*  filename: index.d.ts
+*  version : 28.1.38
+*  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
+*  Use of this code is subject to the terms of our license.
+*  A copy of the current license can be obtained at any time by e-mailing
+*  licensing@syncfusion.com. Any infringement will be prosecuted under
+*  applicable laws. 
+*/
 import * as _richtexteditor from '@syncfusion/ej2-richtexteditor';
 
 export declare namespace ej {

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@28.1.35",
+  "_id": "@syncfusion/ej2-richtexteditor@28.1.37",
   "_inBundle": false,
-  "_integrity": "sha512-XvS4tdC4fw6B2RrZWOcdktXuzzA+1XNL32OGM1vKqgvcAte4gUtd264fj3Je7wpBZuDMIousyIwqzwc4rNiXhg==",
+  "_integrity": "sha512-LcoACNENKzPU49FmsncrsED1lWXsHPU9w6nV7nSn1wOipA3bqUwEVvbJimIw8Ll29E/RrzcR80mBsWYj7LhNzw==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -18,14 +18,15 @@
   },
   "_requiredBy": [
     "/",
+    "/@syncfusion/ej2",
     "/@syncfusion/ej2-angular-richtexteditor",
     "/@syncfusion/ej2-gantt",
     "/@syncfusion/ej2-inplace-editor",
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-28.1.35.tgz",
-  "_shasum": "17c9393fda07e06cd70a77fac38a567ea35ca990",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-28.1.37.tgz",
+  "_shasum": "8e8379aba1b398d91e5704b67386f3fac2be2b87",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_28.1.1/packages/included",
   "author": {
@@ -37,13 +38,13 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~28.1.33",
-    "@syncfusion/ej2-buttons": "~28.1.36",
-    "@syncfusion/ej2-dropdowns": "~28.1.36",
+    "@syncfusion/ej2-buttons": "~28.1.37",
+    "@syncfusion/ej2-dropdowns": "~28.1.38",
     "@syncfusion/ej2-filemanager": "~28.1.36",
-    "@syncfusion/ej2-inputs": "~28.1.33",
-    "@syncfusion/ej2-navigations": "~28.1.36",
-    "@syncfusion/ej2-popups": "~28.1.33",
-    "@syncfusion/ej2-splitbuttons": "~28.1.33"
+    "@syncfusion/ej2-inputs": "~28.1.37",
+    "@syncfusion/ej2-navigations": "~28.1.37",
+    "@syncfusion/ej2-popups": "~28.1.38",
+    "@syncfusion/ej2-splitbuttons": "~28.1.37"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component",
@@ -79,6 +80,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "28.1.36",
+  "version": "28.1.38",
   "sideEffects": false
 }

package/src/editor-manager/plugin/selection-commands.js

@@ -233,6 +233,7 @@ var SelectionCommands = /** @class */ (function () {
             }
             else {
                 InsertMethods.unwrap(cursorFormat);
+                domSelection.setCursorPoint(docElement, cursorNode, 0);
             }
         }
         else {

package/src/rich-text-editor/actions/enter-key.js

@@ -193,7 +193,8 @@ var EnterKeyAction = /** @class */ (function () {
                                         && isSplitTextEmpty && !isPreWrapApplied && !isTextWrapApplied;
                                     var isCursorAtStartPreWrapWithContent = lastCharBeforeCursor === 32
                                         && (isPreWrapApplied || isTextWrapApplied) && isSplitTextEmpty && hasContentAfterCursor;
-                                    if (isCursorAtStartNonPreWrap || isCursorAtStartPreWrapWithContent) {
+                                    if ((isCursorAtStartNonPreWrap || isCursorAtStartPreWrapWithContent) &&
+                                        !_this.range.startContainer.previousSibling) {
                                         isFocusedFirst = true;
                                     }
                                 }
@@ -202,7 +203,7 @@ var EnterKeyAction = /** @class */ (function () {
                                 }
                                 _this.removeBRElement(nearBlockNode);
                                 var fireFoxEnterAtMiddle = Browser.userAgent.indexOf('Firefox') !== -1 && _this.range.startOffset === 0 && _this.range.startContainer === _this.range.endContainer &&
-                                    _this.range.startContainer.nodeName === '#text' && !_this.parent.formatter.editorManager.domNode.isBlockNode(_this.range.startContainer.previousSibling) &&
+                                    _this.range.startContainer.nodeName === '#text' && !isNOU(_this.range.startContainer.previousSibling) && !_this.parent.formatter.editorManager.domNode.isBlockNode(_this.range.startContainer.previousSibling) &&
                                     _this.range.startContainer.parentElement === _this.range.startContainer.previousSibling.parentElement;
                                 var preventZeroWithSpace = ((_this.range.startContainer.nodeName === '#text' && _this.range.startContainer.textContent.includes('\u200B') &&
                                     _this.range.startContainer.textContent.trim() === '\u200B') ||

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

@@ -124,7 +124,7 @@ var HtmlEditor = /** @class */ (function () {
     HtmlEditor.prototype.onSelectionRestore = function (e) {
         this.parent.isBlur = false;
         this.contentRenderer.getEditPanel().focus({ preventScroll: true });
-        if (isNullOrUndefined(e.items) || e.items) {
+        if ((isNullOrUndefined(e.items) || e.items) && (!isNullOrUndefined(this.saveSelection))) {
             this.saveSelection.restore();
         }
     };
@@ -589,7 +589,7 @@ var HtmlEditor = /** @class */ (function () {
                 var checkParent = false;
                 if (this.oldRangeElement && this.oldRangeElement.nodeName !== '#text' && this.oldRangeElement.querySelectorAll('BR').length === 1) {
                     var brElement = this.oldRangeElement.querySelector('BR');
-                    if (brElement) {
+                    if (brElement && isNOU(brElement.nextSibling)) {
                         var brParentElement = brElement.parentNode;
                         var currentState = this.oldRangeElement.innerHTML;
                         this.parent.formatter.saveData(currentState);

package/src/rich-text-editor/actions/paste-clean-up.js

@@ -192,6 +192,7 @@ var PasteCleanup = /** @class */ (function () {
             var isValueNotEmpty = tempDivElem.textContent !== '' || !isNOU(tempDivElem.querySelector('img')) ||
                 !isNOU(tempDivElem.querySelector('table'));
             var imgElements = tempDivElem.querySelectorAll('img');
+            var base_1 = this.parent.contentModule.getDocument().location.origin;
             imgElements.forEach(function (imgElement) {
                 var imageFileFormat;
                 var imgElementSrc = imgElement.getAttribute('src');
@@ -200,7 +201,9 @@ var PasteCleanup = /** @class */ (function () {
                         imageFileFormat = imgElementSrc.split(';')[0].split('/')[1];
                     }
                     else {
-                        imageFileFormat = imgElementSrc.split('.').pop().toLowerCase();
+                        var parsedUrl = imgElementSrc.indexOf('http') > -1 ? new URL(imgElementSrc) : new URL(imgElementSrc, base_1);
+                        var path = parsedUrl.pathname;
+                        imageFileFormat = path.split('.').pop().toLowerCase();
                     }
                     if (!isNullOrUndefined(imageFileFormat) &&
                         allowedTypes.every(function (type) { return imageFileFormat !== type.substring(1).toLowerCase(); }) &&

package/src/rich-text-editor/formatter/formatter.js

@@ -143,7 +143,7 @@ var Formatter = /** @class */ (function () {
                         }
                     }
                     var command = actionBeginArgs.item.subCommand.toLocaleLowerCase();
-                    if (command === 'image') {
+                    if (command === 'image' || command === 'file' || command === 'replace') {
                         value = actionBeginArgs.itemCollection;
                     }
                     if (command === 'paste' || command === 'cut' || command === 'copy') {

package/src/rich-text-editor/renderer/table-module.js

@@ -2047,34 +2047,40 @@ var Table = /** @class */ (function () {
     // eslint-disable-next-line
     Table.prototype.applyProperties = function (args, e) {
         var dialogEle = this.editdlgObj.element;
-        var table = closest(args.selectNode[0], 'table');
-        table.style.width = dialogEle.querySelector('.e-table-width') ? dialogEle.querySelector('.e-table-width').value + 'px'
-            : table.style.width;
-        if (dialogEle.querySelector('.e-cell-padding') && dialogEle.querySelector('.e-cell-padding').value !== '') {
-            var tdElm = table.querySelectorAll('td');
-            for (var i = 0; i < tdElm.length; i++) {
-                var padVal = '';
-                if (tdElm[i].style.padding === '') {
-                    padVal = tdElm[i].getAttribute('style') + ' padding:' +
-                        dialogEle.querySelector('.e-cell-padding').value + 'px;';
+        if (dialogEle && args && args.selectNode.length > 0 && args.selectNode[0]) {
+            var selectedElement = (args.selectNode[0] && args.selectNode[0].nodeType === 3 ?
+                args.selectNode[0].parentNode : args.selectNode[0]);
+            var table = selectedElement ? closest(selectedElement, 'table') : null;
+            if (table) {
+                table.style.width = dialogEle.querySelector('.e-table-width') ? dialogEle.querySelector('.e-table-width').value + 'px'
+                    : table.style.width;
+                if (dialogEle.querySelector('.e-cell-padding') && dialogEle.querySelector('.e-cell-padding').value !== '') {
+                    var tdElm = table.querySelectorAll('td');
+                    for (var i = 0; i < tdElm.length; i++) {
+                        var padVal = '';
+                        if (tdElm[i].style.padding === '') {
+                            padVal = tdElm[i].getAttribute('style') + ' padding:' +
+                                dialogEle.querySelector('.e-cell-padding').value + 'px;';
+                        }
+                        else {
+                            tdElm[i].style.padding = dialogEle.querySelector('.e-cell-padding').value + 'px';
+                            padVal = tdElm[i].getAttribute('style');
+                        }
+                        tdElm[i].setAttribute('style', padVal);
+                    }
+                }
+                table.cellSpacing = dialogEle.querySelector('.e-cell-spacing') ? dialogEle.querySelector('.e-cell-spacing').value
+                    : table.cellSpacing;
+                if (!isNOU(table.cellSpacing) && table.cellSpacing !== '0') {
+                    addClass([table], classes.CLS_TABLE_BORDER);
                 }
                 else {
-                    tdElm[i].style.padding = dialogEle.querySelector('.e-cell-padding').value + 'px';
-                    padVal = tdElm[i].getAttribute('style');
+                    removeClassWithAttr([table], classes.CLS_TABLE_BORDER);
                 }
-                tdElm[i].setAttribute('style', padVal);
+                this.parent.formatter.saveData();
+                this.editdlgObj.hide({ returnValue: true });
             }
         }
-        table.cellSpacing = dialogEle.querySelector('.e-cell-spacing') ? dialogEle.querySelector('.e-cell-spacing').value
-            : table.cellSpacing;
-        if (!isNOU(table.cellSpacing) && table.cellSpacing !== '0') {
-            addClass([table], classes.CLS_TABLE_BORDER);
-        }
-        else {
-            removeClassWithAttr([table], classes.CLS_TABLE_BORDER);
-        }
-        this.parent.formatter.saveData();
-        this.editdlgObj.hide({ returnValue: true });
     };
     Table.prototype.tableDlgContent = function (e) {
         var selectNode = e.selectParent[0];

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

@@ -681,17 +681,21 @@ var ToolbarRenderer = /** @class */ (function () {
                     value: colorpickerValue
                 };
                 proxy.parent.notify(events.selectionRestore, {});
-                proxy.currentElement.querySelector('.' + CLS_RTE_ELEMENTS).style.borderBottomColor = colorpickerValue;
+                if (proxy.currentElement) {
+                    proxy.currentElement.querySelector('.' + CLS_RTE_ELEMENTS).style.borderBottomColor = colorpickerValue;
+                }
                 var range = proxy.parent.formatter.editorManager.nodeSelection.getRange(proxy.parent.contentModule.getDocument());
                 var closestElement = closest(range.startContainer.parentNode, 'table');
                 if ((range.startContainer.nodeName === 'TD' || range.startContainer.nodeName === 'TH' || range.startContainer.nodeName === 'BODY' ||
-                    closest(range.startContainer.parentNode, 'td,th')) && range.collapsed && args.subCommand === 'BackgroundColor' && (closest(closestElement, '.' + classes.CLS_RTE) || proxy.parent.iframeSettings.enable)) {
+                    (range.startContainer.parentNode && closest(range.startContainer.parentNode, 'td,th'))) && range.collapsed && args.subCommand === 'BackgroundColor' && (closestElement && closest(closestElement, '.' + classes.CLS_RTE) || proxy.parent.iframeSettings.enable)) {
                     proxy.parent.notify(events.tableColorPickerChanged, colorPickerArgs);
                 }
                 else {
                     proxy.parent.notify(events.colorPickerChanged, colorPickerArgs);
                 }
-                proxy.currentDropdown.toggle();
+                if (proxy.currentDropdown) {
+                    proxy.currentDropdown.toggle();
+                }
             },
             beforeModeSwitch: function (args) {
                 value = colorPicker.value;

package/styles/bootstrap5.3-lite.css

@@ -781,6 +781,10 @@
   padding-top: 0;
   height: 32px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
+  padding: 0 4px;
+}
 .e-richtexteditor .e-rte-toolbar.e-control[class*=e-toolbar],
 .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-control[class*=e-toolbar] {
   -webkit-box-sizing: border-box;
@@ -2648,6 +2652,7 @@ iframe.e-rte-content {
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
   background: var(--color-sf-secondary-bg-color-pressed);
   border: 1px solid var(--color-sf-secondary-border-color-pressed);
+  border: 0;
 }
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn .e-icons,
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {

package/styles/bootstrap5.3.css

@@ -781,6 +781,10 @@
   padding-top: 0;
   height: 32px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
+  padding: 0 4px;
+}
 .e-richtexteditor .e-rte-toolbar.e-control[class*=e-toolbar],
 .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-control[class*=e-toolbar] {
   -webkit-box-sizing: border-box;
@@ -2648,6 +2652,7 @@ iframe.e-rte-content {
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
   background: var(--color-sf-secondary-bg-color-pressed);
   border: 1px solid var(--color-sf-secondary-border-color-pressed);
+  border: 0;
 }
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn .e-icons,
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {

package/styles/rich-text-editor/_layout.scss

@@ -262,7 +262,7 @@
         }
       }
 
-      @if $skin-name == 'bootstrap5' {
+      @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
         .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
           padding: 0 4px;
         }

package/styles/rich-text-editor/_theme.scss

@@ -25,7 +25,7 @@
         background: $rte-tb-item-active-bg;
         border: $rte-tb-item-active-border;
   
-        @if $skin-name == 'bootstrap5' {
+        @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
           border: 0;
         }
       }

package/styles/rich-text-editor/bootstrap5.3.css

@@ -781,6 +781,10 @@
   padding-top: 0;
   height: 32px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
+  padding: 0 4px;
+}
 .e-richtexteditor .e-rte-toolbar.e-control[class*=e-toolbar],
 .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-control[class*=e-toolbar] {
   -webkit-box-sizing: border-box;
@@ -2648,6 +2652,7 @@ iframe.e-rte-content {
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
   background: var(--color-sf-secondary-bg-color-pressed);
   border: 1px solid var(--color-sf-secondary-border-color-pressed);
+  border: 0;
 }
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn .e-icons,
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {

package/styles/rich-text-editor/tailwind3.css

@@ -781,6 +781,10 @@
   padding-top: 0;
   height: 32px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
+  padding: 0 4px;
+}
 .e-richtexteditor .e-rte-toolbar.e-control[class*=e-toolbar],
 .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-control[class*=e-toolbar] {
   -webkit-box-sizing: border-box;
@@ -2655,6 +2659,7 @@ iframe.e-rte-content {
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
   background: var(--color-sf-secondary-bg-color-pressed);
   border: 1px solid var(--color-sf-secondary-border-color-pressed);
+  border: 0;
 }
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn .e-icons,
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {

package/styles/tailwind3-lite.css

@@ -781,6 +781,10 @@
   padding-top: 0;
   height: 32px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
+  padding: 0 4px;
+}
 .e-richtexteditor .e-rte-toolbar.e-control[class*=e-toolbar],
 .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-control[class*=e-toolbar] {
   -webkit-box-sizing: border-box;
@@ -2655,6 +2659,7 @@ iframe.e-rte-content {
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
   background: var(--color-sf-secondary-bg-color-pressed);
   border: 1px solid var(--color-sf-secondary-border-color-pressed);
+  border: 0;
 }
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn .e-icons,
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {

package/styles/tailwind3.css

@@ -781,6 +781,10 @@
   padding-top: 0;
   height: 32px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
+  padding: 0 4px;
+}
 .e-richtexteditor .e-rte-toolbar.e-control[class*=e-toolbar],
 .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-control[class*=e-toolbar] {
   -webkit-box-sizing: border-box;
@@ -2655,6 +2659,7 @@ iframe.e-rte-content {
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
   background: var(--color-sf-secondary-bg-color-pressed);
   border: 1px solid var(--color-sf-secondary-border-color-pressed);
+  border: 0;
 }
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn .e-icons,
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {