@syncfusion/ej2-richtexteditor 26.1.35 → 26.1.40

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

@@ -5714,9 +5714,8 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
             cssClass: ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass + ' ' + 'e-rte-picker-init',
             created: function () {
                 var value = (item === 'backgroundcolor') ? proxy.parent.backgroundColor.default : proxy.parent.fontColor.default;
-                colorPicker.setProperties({ value: value });
-                colorPicker.cssClass = ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass;
-                colorPicker.value = value;
+                var cssClass = ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass;
+                colorPicker.setProperties({ value: value, cssClass: cssClass });
             },
             mode: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.mode : proxy.parent.fontColor.mode),
             modeSwitcher: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.modeSwitcher : proxy.parent.fontColor.modeSwitcher),
@@ -6950,7 +6949,7 @@ var Toolbar = /** @__PURE__ @class */ (function () {
      */
     Toolbar.prototype.updateItem = function (args) {
         var item = this.tools[args.updateItem.toLocaleLowerCase()];
-        if (this.parent.locale !== 'en-US') {
+        if ((getTooltipText(args.updateItem.toLocaleLowerCase(), this.locator) !== 'Code View' && getTooltipText(args.updateItem.toLocaleLowerCase(), this.locator) !== 'Preview') || this.parent.locale !== 'en-US') {
             item.tooltip = getTooltipText(args.updateItem.toLocaleLowerCase(), this.locator);
         }
         var trgItem = this.tools[args.targetItem.toLocaleLowerCase()];
@@ -8092,7 +8091,7 @@ var BaseQuickToolbar = /** @__PURE__ @class */ (function () {
                 _this.checkCollision(showPopupData, 'document', ((_this.parent.inlineMode.enable) ? 'inline' : (type === 'text') ? 'text' : ''));
                 _this.popupObj.element.classList.remove('e-popup-open');
                 removeClass([_this.element], [CLS_HIDE]);
-                _this.popupObj.show({ name: 'ZoomIn', duration: (Browser.isIE ? 250 : 400) });
+                _this.popupObj.show({ name: 'ZoomIn', duration: (Browser.isIE ? 250 : 400) }, target);
                 if (_this.popupObj && _this.parent.cssClass) {
                     removeClass([_this.popupObj.element], _this.parent.cssClass.replace(/\s+/g, ' ').trim().split(' '));
                     addClass([_this.popupObj.element], _this.parent.cssClass.replace(/\s+/g, ' ').trim().split(' '));
@@ -9012,7 +9011,7 @@ var Count = /** @__PURE__ @class */ (function () {
     };
     Count.prototype.appendCount = function () {
         var htmlText = this.parent.editorMode === 'Markdown' ? this.editPanel.value :
-            (this.parent.getText().replace(/(\r\n|\n|\r|\t)/gm, ''));
+            (isNullOrUndefined(this.parent.getText()) ? '' : (this.parent.getText().replace(/(\r\n|\n|\r|\t)/gm, '')));
         if (this.parent.editorMode !== 'Markdown' && htmlText.indexOf('\u200B') !== -1) {
             this.htmlLength = htmlText.replace(/\u200B/g, '').length;
         }
@@ -16977,6 +16976,7 @@ var VideoCommand = /** @__PURE__ @class */ (function () {
             clickElement.appendChild(temp.content);
             this.vidElement = sourceElement = clickElement.firstElementChild;
             this.setStyle(sourceElement, e, this.vidElement);
+            wrapElement.style.display = (e.item.cssClass === CLASS_VIDEO_INLINE) ? 'inline-block' : 'block';
             wrapElement.appendChild(clickElement);
         }
         else {
@@ -17109,6 +17109,16 @@ var VideoCommand = /** @__PURE__ @class */ (function () {
         if (!isNullOrUndefined(e.item.height) && !isNullOrUndefined(e.item.height.maxHeight)) {
             videoEle.style.maxHeight = formatUnit(e.item.height.maxHeight);
         }
+        if (!isNullOrUndefined(e.item.cssClass)) {
+            if (e.item.cssClass === CLASS_VIDEO_BREAK) {
+                addClass([videoEle], [CLASS_VIDEO_BREAK]);
+                removeClass([videoEle], [CLASS_VIDEO_INLINE]);
+            }
+            else {
+                addClass([videoEle], [CLASS_VIDEO_INLINE]);
+                removeClass([videoEle], [CLASS_VIDEO_BREAK]);
+            }
+        }
     };
     VideoCommand.prototype.videoDimension = function (e) {
         var selectNode = !(e.item.selectNode[0].classList.contains(CLASS_VIDEO_CLICK_ELEM)) ? e.item.selectNode[0] :
@@ -20298,12 +20308,13 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
                 this.filterStyles(elm, wordPasteStyleConfig);
                 var resultElem = void 0;
                 var fromClass = false;
+                var regex = /^(p|div|li)\.(1|10|11)$/;
                 for (var i = 0; i < keys.length; i++) {
                     if (keys[i].split('.')[0] === '') {
                         resultElem = elm.getElementsByClassName(keys[i].split('.')[1]);
                         fromClass = true;
                     }
-                    else if (keys[i].split('.').length === 1 && keys[i].split('.')[0].indexOf('@') >= 0) {
+                    else if ((keys[i].split('.').length === 1 && keys[i].split('.')[0].indexOf('@') >= 0) || (regex.test(keys[i]))) {
                         continue;
                     }
                     else if (keys[i].split('.').length === 1 && keys[i].split('.')[0].indexOf('@') < 0) {
@@ -20479,7 +20490,7 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
             if (content && content.indexOf('mso-list:') !== -1) {
                 var msoListValue = void 0;
                 if (content.match(/mso-list:[^;]+;?/)) {
-                    var changedContent = content.replace('\n', '').split(' ').join('');
+                    var changedContent = content.replace(new RegExp('\n', 'g'), '').split(' ').join('');
                     msoListValue = changedContent.match(/mso-list:[^;]+;?/)[0].split(':l');
                     listFormatOverride = isNullOrUndefined(msoListValue) ? null : parseInt(msoListValue[1].split('level')[0], 10);
                 }
@@ -23007,6 +23018,10 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
                 }
                 paraElem[i].innerHTML = resultSplitContent.trim();
             }
+            var anchorElement = divElement.childNodes[0];
+            if (!isNullOrUndefined(anchorElement) && !isNullOrUndefined(anchorElement.childNodes[0]) && anchorElement.nodeName === 'SPAN' && anchorElement.childNodes[0].nodeName === 'A') {
+                divElement.innerHTML = divElement.innerHTML.replace('<span>', '').replace('</span>', '');
+            }
             if (!isNullOrUndefined(this.parent.pasteCleanupModule)) {
                 e.callBack(divElement.innerHTML);
             }
@@ -26792,6 +26807,10 @@ var Image$1 = /** @__PURE__ @class */ (function () {
         this.rendererFactory = serviceLocator.getService('rendererFactory');
         this.dialogRenderObj = serviceLocator.getService('dialogRenderObject');
         this.addEventListener();
+        this.drop = this.dragDrop.bind(this);
+        this.drag = this.dragOver.bind(this);
+        this.enter = this.dragEnter.bind(this);
+        this.start = this.dragStart.bind(this);
     }
     Image.prototype.addEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -26850,10 +26869,14 @@ var Image$1 = /** @__PURE__ @class */ (function () {
         this.parent.off(moduleDestroy, this.moduleDestroy);
         var dropElement = this.parent.iframeSettings.enable ? this.parent.inputElement.ownerDocument
             : this.parent.inputElement;
-        dropElement.removeEventListener('drop', this.dragDrop.bind(this), true);
-        dropElement.removeEventListener('dragstart', this.dragStart.bind(this), true);
-        dropElement.removeEventListener('dragenter', this.dragEnter.bind(this), true);
-        dropElement.removeEventListener('dragover', this.dragOver.bind(this), true);
+        dropElement.removeEventListener('drop', this.drop, true);
+        dropElement.removeEventListener('dragstart', this.drag, true);
+        dropElement.removeEventListener('dragenter', this.enter, true);
+        dropElement.removeEventListener('dragover', this.start, true);
+        this.drop = null;
+        this.drag = null;
+        this.enter = null;
+        this.start = null;
         if (!isNullOrUndefined(this.contentModule)) {
             EventHandler.remove(this.contentModule.getEditPanel(), Browser.touchEndEvent, this.imageClick);
             this.parent.formatter.editorManager.observer.off(checkUndo, this.undoStack);
@@ -26907,10 +26930,10 @@ var Image$1 = /** @__PURE__ @class */ (function () {
         }
         var dropElement = this.parent.iframeSettings.enable ? this.parent.inputElement.ownerDocument :
             this.parent.inputElement;
-        dropElement.addEventListener('drop', this.dragDrop.bind(this), true);
-        dropElement.addEventListener('dragstart', this.dragStart.bind(this), true);
-        dropElement.addEventListener('dragenter', this.dragOver.bind(this), true);
-        dropElement.addEventListener('dragover', this.dragOver.bind(this), true);
+        dropElement.addEventListener('drop', this.drop, true);
+        dropElement.addEventListener('dragstart', this.drag, true);
+        dropElement.addEventListener('dragenter', this.enter, true);
+        dropElement.addEventListener('dragover', this.start, true);
     };
     Image.prototype.undoStack = function (args) {
         if (args.subCommand.toLowerCase() === 'undo' || args.subCommand.toLowerCase() === 'redo') {
@@ -31362,6 +31385,14 @@ var Video = /** @__PURE__ @class */ (function () {
         if (!isNullOrUndefined(proxy.uploadUrl) && proxy.uploadUrl.url !== '') {
             proxy.uploadUrl.cssClass = (proxy.parent.insertVideoSettings.layoutOption === 'Inline' ?
                 CLS_VIDEOINLINE : CLS_VIDEOBREAK);
+            proxy.uploadUrl.width = {
+                width: proxy.parent.insertVideoSettings.width, minWidth: proxy.parent.insertVideoSettings.minWidth,
+                maxWidth: proxy.parent.getInsertImgMaxWidth()
+            };
+            proxy.uploadUrl.height = {
+                height: proxy.parent.insertVideoSettings.height, minHeight: proxy.parent.insertVideoSettings.minHeight,
+                maxHeight: proxy.parent.insertVideoSettings.maxHeight
+            };
             proxy.dialogObj.hide({ returnValue: false });
             proxy.parent.formatter.process(proxy.parent, this.args, this.args.originalEvent, proxy.uploadUrl);
             proxy.uploadUrl.url = '';
@@ -33677,7 +33708,7 @@ var Table = /** @__PURE__ @class */ (function () {
             var argument = ((Browser.isDevice || (!isNullOrUndefined(args.args)
                 && !isNullOrUndefined(args.args.originalEvent) &&
                 args.args.originalEvent.action === 'insert-table')
-                || proxy.parent.inlineMode.enable || !isNullOrUndefined(proxy.parent.quickToolbarSettings.text)) ? args :
+                || proxy.parent.inlineMode.enable || ((!isNullOrUndefined(proxy.parent.quickToolbarSettings.text)) && !(args instanceof PointerEvent))) ? args :
                 this);
             proxy.tableInsert(proxy.rowTextBox.value, proxy.columnTextBox.value, e, argument);
         }
@@ -35116,8 +35147,17 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                                     }
                                     else {
                                         var lineBreakBRElem = _this.parent.createElement('br');
-                                        _this.parent.formatter.editorManager.domNode.insertAfter(focusBRElem, _this.range.startContainer);
-                                        _this.parent.formatter.editorManager.domNode.insertAfter(lineBreakBRElem, _this.range.startContainer);
+                                        var anchorElement = (!isNullOrUndefined(_this.range.startContainer.parentElement) && _this.range.startContainer.parentElement.nodeName === 'A'
+                                            && _this.range.startContainer.parentElement.textContent.length === _this.range.startOffset)
+                                            ? _this.range.startContainer.parentElement : _this.range.startContainer;
+                                        _this.parent.formatter.editorManager.domNode.insertAfter(focusBRElem, anchorElement);
+                                        _this.parent.formatter.editorManager.domNode.insertAfter(lineBreakBRElem, anchorElement);
+                                        var brSibling = anchorElement.nextElementSibling;
+                                        var brNextSibling = !isNullOrUndefined(brSibling) ? brSibling.nextElementSibling : null;
+                                        if (!isNullOrUndefined(brSibling) && !isNullOrUndefined(brNextSibling) && !isNullOrUndefined(brNextSibling.nextElementSibling) &&
+                                            brSibling.nodeName === 'BR' && brNextSibling.nodeName === 'BR' && brNextSibling.nextElementSibling.nodeName === 'BR') {
+                                            brNextSibling.nextElementSibling.remove();
+                                        }
                                     }
                                 }
                                 _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), focusBRElem, 0);
@@ -35184,6 +35224,13 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
             isFocusTextNode = false;
         }
         var brElm = this.parent.createElement('br');
+        var findAnchorLastChild = this.startNode;
+        while (findAnchorLastChild.lastChild) {
+            findAnchorLastChild = findAnchorLastChild.lastChild;
+        }
+        var findAnchorElement = this.startNode.nodeName === 'A' && this.endNode.nodeName === 'A' &&
+            !isNullOrUndefined(this.range.startContainer.parentElement) && this.range.startOffset === this.range.endOffset &&
+            this.range.startContainer.textContent.trim().length === findAnchorLastChild.textContent.trim().length;
         if (this.startNode.nodeName === 'BR' && this.endNode.nodeName === 'BR' && this.range.startOffset === 0 && this.range.startOffset === this.range.endOffset) {
             this.parent.formatter.editorManager.domNode.insertAfter(brElm, this.startNode);
             isEmptyBrInserted = true;
@@ -35193,15 +35240,25 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                 this.range.startContainer.previousSibling.nodeName === 'BR' && this.range.startContainer.textContent.length === 0) {
                 isEmptyBrInserted = true;
             }
-            this.range.insertNode(brElm);
+            if (findAnchorElement) {
+                this.parent.formatter.editorManager.domNode.insertAfter(brElm, this.startNode);
+            }
+            else {
+                this.range.insertNode(brElm);
+            }
         }
         if (isEmptyBrInserted || (!isNullOrUndefined(brElm.nextElementSibling) && brElm.nextElementSibling.tagName === 'BR') || (!isNullOrUndefined(brElm.nextSibling) && brElm.nextSibling.textContent.length > 0)) {
             this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), !isNullOrUndefined(brElm.nextSibling) && isFocusTextNode ? brElm.nextSibling : brElm, 0);
             isEmptyBrInserted = false;
         }
         else {
-            var brElm2 = this.parent.createElement('br');
-            this.range.insertNode(brElm2);
+            var brElements = this.parent.createElement('br');
+            if (findAnchorElement) {
+                this.parent.formatter.editorManager.domNode.insertAfter(brElements, this.startNode);
+            }
+            else {
+                this.range.insertNode(brElements);
+            }
             this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), brElm, 0);
         }
     };
@@ -36406,15 +36463,6 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
                 detach(tooltipEle);
             }
         }
-        if (this.element.offsetParent === null) {
-            if (!isNullOrUndefined(this.toolbarModule)) {
-                this.toolbarModule.destroy();
-            }
-            this.notify(moduleDestroy, {});
-            _super.prototype.destroy.call(this);
-            this.isRendered = false;
-            return;
-        }
         this.notify(destroy, {});
         this.destroyDependentModules();
         this.unWireEvents();
@@ -37506,7 +37554,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
             }
         }
         this.removeSelectionClassStates(valueElementWrapper);
-        return valueElementWrapper.innerHTML;
+        return (this.editorMode === 'Markdown') ? valueElementWrapper.innerHTML.replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&amp;/g, '&') : valueElementWrapper.innerHTML;
     };
     RichTextEditor.prototype.updateStatus = function (e) {
         if (!isNullOrUndefined(e.html) || !isNullOrUndefined(e.markdown)) {