@syncfusion/ej2-richtexteditor 24.1.41-569421 → 24.1.41-581025

package/src/rich-text-editor/renderer/toolbar-renderer.d.ts

@@ -21,7 +21,6 @@ export declare class ToolbarRenderer implements IRenderer {
     private currentDropdown;
     private tooltip;
     private l10n;
-    private tooltipTargetEle;
     /**
      * Constructor for toolbar renderer module
      *
@@ -58,8 +57,6 @@ export declare class ToolbarRenderer implements IRenderer {
      * @deprecated
      */
     renderDropDownButton(args: IDropDownModel): DropDownButton;
-    private mouseOutHandler;
-    private closeTooltip;
     /**
      * renderListDropDown method
      *

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

@@ -1,4 +1,4 @@
-import { addClass, Browser, removeClass, formatUnit, isNullOrUndefined, isNullOrUndefined as isNOU, EventHandler } from '@syncfusion/ej2-base';
+import { addClass, Browser, removeClass, formatUnit, isNullOrUndefined, isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
 import { getInstance, closest, selectAll } from '@syncfusion/ej2-base';
 import { Toolbar } from '@syncfusion/ej2-navigations';
 import { DropDownButton } from '@syncfusion/ej2-splitbuttons';
@@ -8,7 +8,6 @@ import * as events from '../base/constant';
 import { CLS_TOOLBAR, CLS_DROPDOWN_BTN, CLS_RTE_ELEMENTS, CLS_TB_BTN, CLS_INLINE_DROPDOWN, CLS_COLOR_CONTENT, CLS_FONT_COLOR_DROPDOWN, CLS_BACKGROUND_COLOR_DROPDOWN, CLS_COLOR_PALETTE, CLS_FONT_COLOR_PICKER, CLS_BACKGROUND_COLOR_PICKER, CLS_CUSTOM_TILE, CLS_NOCOLOR_ITEM, CLS_BULLETFORMATLIST_TB_BTN, CLS_NUMBERFORMATLIST_TB_BTN, CLS_LIST_PRIMARY_CONTENT } from '../base/classes';
 import { ColorPicker } from '@syncfusion/ej2-inputs';
 import { hasClass } from '../base/util';
-import { ToolbarStatus } from '../../editor-manager/plugin/toolbar-status';
 /**
  * `Toolbar renderer` module is used to render toolbar in RichTextEditor.
  *
@@ -32,7 +31,6 @@ var ToolbarRenderer = /** @class */ (function () {
     ToolbarRenderer.prototype.wireEvent = function () {
         this.parent.on(events.destroy, this.unWireEvent, this);
         this.parent.on(events.destroyTooltip, this.destroyTooltip, this);
-        this.parent.on(events.closeTooltip, this.closeTooltip, this);
     };
     ToolbarRenderer.prototype.destroyTooltip = function () {
         var currentDocument = this.parent.iframeSettings.enable ? this.parent.contentModule.getPanel().ownerDocument :
@@ -45,8 +43,6 @@ var ToolbarRenderer = /** @class */ (function () {
     };
     ToolbarRenderer.prototype.unWireEvent = function () {
         this.parent.off(events.destroy, this.unWireEvent);
-        this.parent.off(events.destroyTooltip, this.destroyTooltip);
-        this.parent.off(events.closeTooltip, this.closeTooltip);
     };
     ToolbarRenderer.prototype.toolbarBeforeCreate = function (e) {
         if (this.mode === 'Extended') {
@@ -66,8 +62,7 @@ var ToolbarRenderer = /** @class */ (function () {
         }
     };
     ToolbarRenderer.prototype.dropDownSelected = function (args) {
-        this.parent.notify(events.dropDownSelect, { element: args.element, item: args.item, originalEvent: args.event });
-        this.destroyTooltip();
+        this.parent.notify(events.dropDownSelect, args);
     };
     ToolbarRenderer.prototype.beforeDropDownItemRender = function (args) {
         if (this.parent.readonly || !this.parent.enabled) {
@@ -90,28 +85,17 @@ var ToolbarRenderer = /** @class */ (function () {
                     break;
             }
         }
-        if (args.target.querySelector('.e-active')) {
-            args.cancel = true;
-        }
     };
     ToolbarRenderer.prototype.dropDownOpen = function (args) {
         if (args.element.parentElement.getAttribute('id').indexOf('TableCell') > -1 && !isNOU(args.element.parentElement.querySelector('.e-cell-merge')) &&
             (!isNOU(args.element.parentElement.querySelector('.e-cell-horizontal-split')) || !isNOU(args.element.parentElement.querySelector('.e-cell-vertical-split')))) {
             var listEle = args.element.querySelectorAll('li');
-            var selectedEles_1 = this.parent.inputElement.querySelectorAll('.e-cell-select');
-            if (selectedEles_1.length === 1) {
+            if (this.parent.inputElement.querySelectorAll('.e-cell-select').length === 1) {
                 addClass([listEle[0]], 'e-disabled');
                 removeClass([listEle[1], listEle[2]], 'e-disabled');
             }
-            else if (selectedEles_1.length > 1) {
-                if (!Array.from(selectedEles_1).every(function (element) {
-                    return element.tagName.toLowerCase() === selectedEles_1[0].tagName.toLowerCase();
-                })) {
-                    addClass([listEle[0]], 'e-disabled');
-                }
-                else {
-                    removeClass([listEle[0]], 'e-disabled');
-                }
+            else if (this.parent.inputElement.querySelectorAll('.e-cell-select').length > 1) {
+                removeClass([listEle[0]], 'e-disabled');
                 addClass([listEle[1], listEle[2]], 'e-disabled');
             }
         }
@@ -157,7 +141,7 @@ var ToolbarRenderer = /** @class */ (function () {
                 windowCollision: true,
                 position: 'BottomCenter'
             });
-            this.tooltip.appendTo(args.target.parentElement);
+            this.tooltip.appendTo(args.target);
         }
     };
     /**
@@ -259,23 +243,12 @@ var ToolbarRenderer = /** @class */ (function () {
                         }
                     }
                     //Formats preselect
-                    if (args.items[0].command === 'Formats' || args.items[0].command === 'Font') {
-                        var fontName_1 = [];
-                        var formats_1 = [];
-                        _this.parent.format.types.forEach(function (item) {
-                            formats_1.push(item.value.toLocaleLowerCase());
-                        });
-                        _this.parent.fontFamily.items.forEach(function (item) {
-                            fontName_1.push(item.value);
-                        });
-                        var toolbarStatus = ToolbarStatus.get(_this.parent.contentModule.getDocument(), _this.parent.contentModule.getEditPanel(), formats_1, null, fontName_1);
+                    if (args.items[0].command === 'Formats') {
                         for (var index = 0; index < args.element.childNodes.length; index++) {
                             var divNode = _this.parent.createElement('div');
                             divNode.innerHTML = dropDown.content.trim();
-                            if ((divNode.textContent.trim() !== ''
-                                && args.element.childNodes[index].textContent.trim() === divNode.textContent.trim()) ||
-                                ((args.items[0].command === 'Formats' && !isNOU(toolbarStatus.formats) && _this.parent.format.types[index].value.toLowerCase() === toolbarStatus.formats.toLowerCase() && args.element.childNodes[index].classList.contains(_this.parent.format.types[index].cssClass))
-                                    || (args.items[0].command === 'Font' && !isNOU(toolbarStatus.fontname) && _this.parent.fontFamily.items[index].value.toLowerCase() === toolbarStatus.fontname.toLowerCase() && args.element.childNodes[index].classList.contains(_this.parent.fontFamily.items[index].cssClass)))) {
+                            if (divNode.textContent.trim() !== ''
+                                && args.element.childNodes[index].textContent.trim() === divNode.textContent.trim()) {
                                 if (!args.element.childNodes[index].classList.contains('e-active')) {
                                     addClass([args.element.childNodes[index]], 'e-active');
                                 }
@@ -300,32 +273,6 @@ var ToolbarRenderer = /** @class */ (function () {
         popupElement.setAttribute('aria-owns', this.parent.getID());
         return dropDown;
     };
-    ToolbarRenderer.prototype.mouseOutHandler = function () {
-        if (!isNOU(this.tooltipTargetEle)) {
-            this.tooltipTargetEle.setAttribute('title', this.tooltipTargetEle.getAttribute('data-title'));
-        }
-        else {
-            var currentDocument = this.parent.iframeSettings.enable ? this.parent.contentModule.getPanel().ownerDocument :
-                this.parent.contentModule.getDocument();
-            this.tooltipTargetEle = currentDocument.querySelector('[data-title]');
-            this.tooltipTargetEle.setAttribute('title', this.tooltipTargetEle.getAttribute('data-title'));
-        }
-        this.tooltipTargetEle.removeAttribute('data-title');
-        EventHandler.remove(this.tooltipTargetEle, 'mouseout', this.mouseOutHandler);
-    };
-    ToolbarRenderer.prototype.closeTooltip = function (args) {
-        var currentDocument = this.parent.iframeSettings.enable ? this.parent.contentModule.getPanel().ownerDocument :
-            this.parent.contentModule.getDocument();
-        this.tooltipTargetEle = closest(args.target, '[data-tooltip-id]');
-        if (!isNOU(this.tooltipTargetEle) && this.parent.showTooltip && !isNOU(currentDocument.querySelector('.e-tooltip-wrap'))) {
-            this.destroyTooltip();
-            if (!this.tooltipTargetEle.closest('.e-rte-quick-popup')) {
-                this.tooltipTargetEle.setAttribute('data-title', this.tooltipTargetEle.getAttribute('title'));
-                this.tooltipTargetEle.removeAttribute('title');
-                EventHandler.add(this.tooltipTargetEle, 'mouseout', this.mouseOutHandler, this);
-            }
-        }
-    };
     /**
      * renderListDropDown method
      *
@@ -335,7 +282,6 @@ var ToolbarRenderer = /** @class */ (function () {
      * @deprecated
      */
     ToolbarRenderer.prototype.renderListDropDown = function (args) {
-        var _this = this;
         // eslint-disable-next-line
         var proxy = this;
         var css = CLS_RTE_ELEMENTS + ' ' + CLS_TB_BTN + ((this.parent.inlineMode) ? (' ' + CLS_INLINE_DROPDOWN) : '');
@@ -351,37 +297,6 @@ var ToolbarRenderer = /** @class */ (function () {
             enableRtl: this.parent.enableRtl,
             select: this.dropDownSelected.bind(this),
             beforeOpen: function (args) {
-                if (proxy.parent.editorMode !== 'Markdown') {
-                    var startNode = proxy.parent.getRange().startContainer.parentElement;
-                    var listElem = startNode.closest('LI');
-                    var currentLiElem = !isNOU(listElem) ? listElem.parentElement : null;
-                    if (!isNOU(currentLiElem) && (currentLiElem.nodeName === 'OL' || currentLiElem.nodeName === 'UL')) {
-                        if (currentLiElem.nodeName === 'UL' && args.items[0].subCommand === 'NumberFormatList') {
-                            addClass([args.element.childNodes[0]], 'e-active');
-                        }
-                        else if (currentLiElem.nodeName === 'OL' && args.items[0].subCommand === 'BulletFormatList') {
-                            addClass([args.element.childNodes[0]], 'e-active');
-                        }
-                        else {
-                            var currentListStyle = currentLiElem.style.listStyleType.split('-').join('').toLocaleLowerCase();
-                            currentListStyle = currentListStyle === 'decimal' ? 'number' : currentListStyle;
-                            for (var index = 0; index < args.element.childNodes.length; index++) {
-                                if (currentListStyle === args.element.childNodes[index].innerHTML.split(' ').join('').toLocaleLowerCase()) {
-                                    addClass([args.element.childNodes[index]], 'e-active');
-                                    break;
-                                }
-                                else if (currentListStyle === '' && args.element.childNodes[index].innerHTML !== 'None') {
-                                    addClass([args.element.childNodes[index]], 'e-active');
-                                    break;
-                                }
-                            }
-                        }
-                    }
-                    else {
-                        addClass([args.element.childNodes[0]], 'e-active');
-                    }
-                }
-                _this.closeTooltip({ target: args.event.target });
                 if (proxy.parent.readonly || !proxy.parent.enabled) {
                     args.cancel = true;
                     return;

package/src/rich-text-editor/renderer/video-module.d.ts

@@ -23,7 +23,6 @@ export declare class Video {
     private isAllowedTypes;
     private pageX;
     private pageY;
-    private mouseX;
     private dialogRenderObj;
     private deletedVid;
     private changedWidthValue;
@@ -52,7 +51,6 @@ export declare class Video {
     private vidResizePos;
     private calcPos;
     private setAspectRatio;
-    private updateVidEleWidth;
     private pixToPerc;
     private vidDupMouseMove;
     private resizing;
@@ -61,7 +59,6 @@ export declare class Video {
     private resizeBtnInit;
     private onToolbarAction;
     private onKeyDown;
-    private handleSelectAll;
     private openDialog;
     private showDialog;
     private closeDialog;

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

@@ -13,7 +13,6 @@ var Video = /** @class */ (function () {
         this.isAllowedTypes = true;
         this.pageX = null;
         this.pageY = null;
-        this.mouseX = null;
         this.deletedVid = [];
         this.parent = parent;
         this.rteID = parent.element.id;
@@ -144,7 +143,7 @@ var Video = /** @class */ (function () {
             var dialogContent = this.vidsizeInput(e);
             var selectObj_1 = { args: e.args, selfVideo: this, selection: e.selection, selectNode: e.selectNode };
             this.dialogObj.setProperties({
-                width: '290px', header: vidSizeHeader, content: dialogContent,
+                height: 'inherit', width: '290px', header: vidSizeHeader, content: dialogContent,
                 buttons: [{
                         // eslint-disable-next-line
                         click: function (e) {
@@ -413,50 +412,62 @@ var Video = /** @class */ (function () {
         if (isNullOrUndefined(vidEleStyle)) {
             return;
         }
-        /* eslint-disable */
+        // eslint-disable-next-line
         var width = vidEleStyle.width !== '' ? vidEleStyle.width.match(/^\d+(\.\d*)?%$/g) ? parseFloat(vidEleStyle.width) :
             parseInt(vidEleStyle.width, 10) : vid.style.width !== '' ? vid.style.width : vid.width;
         var height = vidEleStyle.height !== '' ? parseInt(vidEleStyle.height, 10) : vid.style.height !== '' ? vid.style.height : vid.height;
-        width = width.toString().match(/\b\d+(\.\d*)?(%|$)\b/g) ? parseFloat(width.toString()) : parseInt(width.toString(), 10);
-        height = height.toString().match(/\b\d+(\.\d*)?(%|$)\b/g) ? parseFloat(height.toString()) : parseInt(height.toString(), 10);
-        /* eslint-enable */
         if (width > height) {
             vid.style.minWidth = this.parent.insertVideoSettings.minWidth === 0 ? '200px' : formatUnit(this.parent.insertVideoSettings.minWidth);
             vid.style.minHeight = this.parent.insertVideoSettings.minHeight === 0 ? '90px' : formatUnit(this.parent.insertVideoSettings.minHeight);
             if (this.parent.insertVideoSettings.resizeByPercent) {
-                this.updateVidEleWidth(vid, width, height, expectedX, expectedY);
+                if (parseInt('' + vid.getBoundingClientRect().width + '', 10) !== 0 && parseInt('' + width + '', 10) !== 0) {
+                    var percentageValue = this.pixToPerc((parseInt(width.toString(), 10) / parseInt(height.toString(), 10) * expectedY), (vid.previousElementSibling || vid.parentElement));
+                    vid.style.width = Math.min(Math.round((percentageValue / vid.getBoundingClientRect().width) * expectedX * 100) / 100, 100) + '%';
+                }
+                else {
+                    vid.style.width = this.pixToPerc(parseInt(width.toString(), 10) / parseInt(height.toString(), 10) * expectedY, (vid.previousElementSibling || vid.parentElement)) + '%';
+                }
+                vid.style.height = null;
+                vid.removeAttribute('height');
             }
             else if ((vid.style.width === '' && vid.style.height !== '') || (vidEleStyle.width === '' && vidEleStyle.height !== '')) {
                 vid.style.height = expectedY + 'px';
             }
             else if ((vid.style.width !== '' && vid.style.height === '') || (vidEleStyle.width !== '' && vidEleStyle.height === '')) {
-                var currentWidth = ((width / height * expectedY) +
-                    width / height) <
+                var currentWidth = ((parseInt(width.toString(), 10) / parseInt(height.toString(), 10) * expectedY) +
+                    parseInt(width.toString(), 10) / parseInt(height.toString(), 10)) <
                     (this.parent.inputElement.getBoundingClientRect().right - 32) ?
-                    ((width / height * expectedY) +
-                        width / height) :
+                    ((parseInt(width.toString(), 10) / parseInt(height.toString(), 10) * expectedY) +
+                        parseInt(width.toString(), 10) / parseInt(height.toString(), 10)) :
                     (this.parent.inputElement.getBoundingClientRect().right - 32);
                 vid.style.width = currentWidth.toString() + 'px';
             }
             else if (vid.style.width !== '' || vidEleStyle.width !== '') {
-                var currentWidth = (width / height * expectedY) <
+                var currentWidth = (parseInt(width.toString(), 10) / parseInt(height.toString(), 10) * expectedY) <
                     (this.parent.inputElement.getBoundingClientRect().right - 32) ?
-                    (width / height * expectedY) :
+                    (parseInt(width.toString(), 10) / parseInt(height.toString(), 10) * expectedY) :
                     (this.parent.inputElement.getBoundingClientRect().right - 32);
                 vid.style.width = currentWidth + 'px';
                 vid.style.height = expectedY + 'px';
             }
             else {
-                vid.setAttribute('width', (parseInt(((width / height * expectedY) + width / height).toString(), 10)).toString());
+                vid.setAttribute('width', (parseInt(((parseInt(width.toString(), 10) / parseInt(height.toString(), 10) * expectedY) + parseInt(width.toString(), 10) / parseInt(height.toString(), 10)).toString(), 10)).toString());
             }
         }
         else if (height > width) {
             if (this.parent.insertVideoSettings.resizeByPercent) {
-                this.updateVidEleWidth(vid, width, height, expectedX, expectedY);
+                if (parseInt('' + vid.getBoundingClientRect().width + '', 10) !== 0 && parseInt('' + width + '', 10) !== 0) {
+                    vid.style.width = Math.min(Math.round((parseInt(width.toString(), 10) / vid.getBoundingClientRect().width) * expectedX * 100) / 100, 100) + '%';
+                }
+                else {
+                    vid.style.width = this.pixToPerc((expectedX / parseInt(height.toString(), 10) * expectedY), (vid.previousElementSibling || vid.parentElement)) + '%';
+                }
+                vid.style.height = null;
+                vid.removeAttribute('height');
             }
             else if (vid.style.width !== '' || vidEleStyle.width !== '') {
                 vid.style.width = expectedX + 'px';
-                vid.style.height = (height / width * expectedX) + 'px';
+                vid.style.height = (parseInt(height.toString(), 10) / parseInt(width.toString(), 10) * expectedX) + 'px';
             }
             else {
                 vid.setAttribute('width', this.resizeBtnStat.botRight ? (this.getPointX(e.event) - vid.getBoundingClientRect().left).toString() : expectedX.toString());
@@ -474,23 +485,6 @@ var Video = /** @class */ (function () {
             }
         }
     };
-    Video.prototype.updateVidEleWidth = function (vid, width, height, expectedX, expectedY) {
-        if (parseInt('' + vid.getBoundingClientRect().width + '', 10) !== 0 && parseInt('' + width + '', 10) !== 0) {
-            var original = vid.offsetWidth + this.mouseX;
-            var finalWidthByPerc = (original / vid.offsetWidth) * (parseFloat(vid.style.width).toString() === 'NaN' ? (vid.offsetWidth / (parseFloat(getComputedStyle(this.parent.element).width)) * 100) : parseFloat(vid.style.width));
-            vid.style.width = ((finalWidthByPerc > 3) ? finalWidthByPerc : 3) + '%';
-        }
-        else {
-            if (width > height) {
-                vid.style.width = this.pixToPerc(width / height * expectedY, (vid.previousElementSibling || vid.parentElement)) + '%';
-            }
-            else {
-                vid.style.width = this.pixToPerc((expectedX / height * expectedY), (vid.previousElementSibling || vid.parentElement)) + '%';
-            }
-        }
-        vid.style.height = null;
-        vid.removeAttribute('height');
-    };
     Video.prototype.pixToPerc = function (expected, parentEle) {
         return expected / parseFloat(getComputedStyle(parentEle).width) * 100;
     };
@@ -516,6 +510,7 @@ var Video = /** @class */ (function () {
                 _this.setAspectRatio(_this.videoEle, parseInt(width, 10), parseInt(height, 10), args);
                 _this.resizeVidDupPos(_this.videoEle);
                 _this.vidResizePos(_this.videoEle, _this.vidResizeDiv);
+                _this.parent.setContentHeight('', false);
             }
         });
     };
@@ -531,7 +526,6 @@ var Video = /** @class */ (function () {
         var height = parseInt(this.vidDupPos.height, 10) + mouseY;
         this.pageX = pageX;
         this.pageY = pageY;
-        this.mouseX = mouseX;
         if (this.resizeBtnStat.botRight) {
             this.vidDupMouseMove(width + 'px', height + 'px', e);
         }
@@ -698,14 +692,6 @@ var Video = /** @class */ (function () {
                 originalEvent.preventDefault();
                 break;
         }
-        if (originalEvent.ctrlKey && originalEvent.key === 'a') {
-            this.handleSelectAll();
-        }
-    };
-    Video.prototype.handleSelectAll = function () {
-        this.cancelResizeAction();
-        var videoFocusNodes = this.parent.inputElement.querySelectorAll('.' + classes.CLS_VID_FOCUS);
-        removeClass(videoFocusNodes, classes.CLS_VID_FOCUS);
     };
     Video.prototype.openDialog = function (isInternal, event, selection, ele, parentEle) {
         var range;
@@ -817,7 +803,7 @@ var Video = /** @class */ (function () {
             this.parent.formatter.saveData();
         }
         e.selection.restore();
-        this.parent.formatter.process(this.parent, e.args, e.args.originalEvent, {
+        this.parent.formatter.process(this.parent, e.args, e.args, {
             selectNode: e.selectNode,
             subCommand: e.args.item.subCommand
         });
@@ -883,7 +869,6 @@ var Video = /** @class */ (function () {
             if (e.offsetX > e.target.clientWidth || e.offsetY > e.target.clientHeight) {
             }
             else {
-                this.parent.notify(events.documentClickClosedBy, { closedBy: "outside click" });
                 this.dialogObj.hide({ returnValue: true });
                 this.parent.isBlur = true;
                 dispatchEvent(this.parent.element, 'focusout');
@@ -907,9 +892,6 @@ var Video = /** @class */ (function () {
                 this.prevSelectedVidEle.style.outline = '';
             }
         }
-        if (this.parent.inlineMode.enable && target && this.dialogObj && !closest(target, '#' + this.dialogObj.element.id)) {
-            this.dialogObj.hide();
-        }
     };
     Video.prototype.removeResizeEle = function () {
         EventHandler.remove(this.contentModule.getDocument(), Browser.touchMoveEvent, this.resizing);
@@ -927,7 +909,7 @@ var Video = /** @class */ (function () {
         }
         var subCommand = (e.args.item) ?
             e.args.item.subCommand : 'Break';
-        this.parent.formatter.process(this.parent, e.args, e.args.originalEvent, { selectNode: e.selectNode, subCommand: subCommand });
+        this.parent.formatter.process(this.parent, e.args, e.args, { selectNode: e.selectNode, subCommand: subCommand });
     };
     Video.prototype.inline = function (e) {
         if (e.selectNode[0].nodeName !== 'VIDEO' && !this.isEmbedVidElem(e.selectNode[0])) {
@@ -935,12 +917,12 @@ var Video = /** @class */ (function () {
         }
         var subCommand = (e.args.item) ?
             e.args.item.subCommand : 'Inline';
-        this.parent.formatter.process(this.parent, e.args, e.args.originalEvent, { selectNode: e.selectNode, subCommand: subCommand });
+        this.parent.formatter.process(this.parent, e.args, e.args, { selectNode: e.selectNode, subCommand: subCommand });
     };
     Video.prototype.alignVideo = function (e, type) {
         var subCommand = (e.args.item) ?
             e.args.item.subCommand : type;
-        this.parent.formatter.process(this.parent, e.args, e.args.originalEvent, { selectNode: e.selectNode, subCommand: subCommand });
+        this.parent.formatter.process(this.parent, e.args, e.args, { selectNode: e.selectNode, subCommand: subCommand });
     };
     Video.prototype.editAreaClickHandler = function (e) {
         if (this.parent.readonly) {
@@ -1084,7 +1066,7 @@ var Video = /** @class */ (function () {
                     _this.uploadObj.removing();
                 }
                 _this.parent.isBlur = false;
-                if (event && !isNOU(event.event) && event.event.returnValue) {
+                if (event && event.event.returnValue) {
                     if (_this.parent.editorMode === 'HTML') {
                         selection.restore();
                     }
@@ -1176,44 +1158,26 @@ var Video = /** @class */ (function () {
                 }
             }
         });
-        if (e.selectNode && e.selectNode[0] && (e.selectNode[0].nodeName === 'VIDEO' || this.isEmbedVidElem(e.selectNode[0]))) {
-            if (e.selectNode[0].nodeName === 'VIDEO') {
-                var regex = new RegExp(/([^\S]|^)(((https?\:\/\/)|(www\.))(\S+))/gi);
-                var sourceElement = e.selectNode[0].querySelector('source');
-                this.inputUrl.value = sourceElement && sourceElement.src && sourceElement.src.match(regex) ? sourceElement.src : '';
-            }
-            else {
-                this.embedInputUrl.value = e.selectNode[0].nodeName === 'IFRAME' ? e.selectNode[0].outerHTML
-                    : e.selectNode[0].querySelector('iframe').outerHTML;
-            }
-        }
-        var isWebUrl = this.inputUrl.value ? true : false;
         var embedUrlBtn = new RadioButton({
             label: this.i10n.getConstant('embeddedCode'),
-            checked: !isWebUrl,
+            checked: true,
             name: 'URL',
             created: function () {
-                if (!isWebUrl) {
-                    urlContent.appendChild(_this.embedInputUrl);
-                }
+                urlContent.appendChild(_this.embedInputUrl);
             },
             change: function () {
                 urlContent.innerHTML = '';
+                _this.inputUrl.value = '';
                 urlContent.appendChild(_this.embedInputUrl);
             }
         });
         embedUrlBtn.appendTo(videoUrl.querySelector('#embedURL'));
         var webUrlBtn = new RadioButton({
             label: this.i10n.getConstant('webUrl'),
-            checked: isWebUrl,
             name: 'URL',
-            created: function () {
-                if (isWebUrl) {
-                    urlContent.appendChild(_this.inputUrl);
-                }
-            },
             change: function () {
                 urlContent.innerHTML = '';
+                _this.embedInputUrl.value = '';
                 urlContent.appendChild(_this.inputUrl);
             }
         });
@@ -1343,12 +1307,8 @@ var Video = /** @class */ (function () {
                 _this.parent.trigger(events.fileRemoving, e, function (e) {
                     proxy.isVideoUploaded = false;
                     _this.dialogObj.getButtons(0).element.disabled = true;
-                    if (proxy.inputUrl.getAttribute('disabled')) {
-                        proxy.inputUrl.removeAttribute('disabled');
-                    }
-                    if (proxy.embedInputUrl.getAttribute('disabled')) {
-                        proxy.embedInputUrl.removeAttribute('disabled');
-                    }
+                    //proxy.inputUrl.removeAttribute('disabled');
+                    proxy.embedInputUrl.removeAttribute('disabled');
                     if (proxy.uploadUrl) {
                         proxy.uploadUrl.url = '';
                     }
@@ -1409,11 +1369,10 @@ var Video = /** @class */ (function () {
                 this.selection = proxy.parent.formatter.editorManager.nodeSelection.save(range, proxy.contentModule.getDocument());
                 this.selectParent = proxy.parent.formatter.editorManager.nodeSelection.getParentNodeCollection(range);
             }
-            var webUrlBtn = document.getElementById('webURL');
-            var name_1 = webUrlBtn.checked ? url.split('/')[url.split('/').length - 1] : embedUrl;
+            var name_1 = url !== '' ? url.split('/')[url.split('/').length - 1] : embedUrl;
             var value = {
                 cssClass: (proxy.parent.insertVideoSettings.layoutOption === 'Inline' ? classes.CLS_VIDEOINLINE : classes.CLS_VIDEOBREAK),
-                url: url, selection: this.selection, fileName: name_1, isEmbedUrl: !webUrlBtn.checked,
+                url: url, selection: this.selection, fileName: name_1, isEmbedUrl: embedUrl !== '' ? true : false,
                 selectParent: this.selectParent, width: {
                     width: proxy.parent.insertVideoSettings.width, minWidth: proxy.parent.insertVideoSettings.minWidth,
                     maxWidth: proxy.parent.getInsertImgMaxWidth()

package/src/rich-text-editor/renderer/view-source.d.ts

@@ -15,7 +15,6 @@ export declare class ViewSource {
     private rendererFactory;
     private keyboardModule;
     private previewElement;
-    private codeViewTimeInterval;
     /**
      * Constructor for view source module
      *

package/src/rich-text-editor/renderer/view-source.js

@@ -108,7 +108,6 @@ var ViewSource = /** @class */ (function () {
      * @deprecated
      */
     ViewSource.prototype.sourceCode = function (args) {
-        var _this = this;
         this.parent.notify(events.hidePopup, {});
         this.parent.isBlur = false;
         this.parent.trigger(events.actionBegin, { requestType: 'SourceCode', targetItem: 'SourceCode', args: args });
@@ -135,6 +134,7 @@ var ViewSource = /** @class */ (function () {
             rteContent.appendChild(this.previewElement);
             this.parent.element.appendChild(rteContent);
             rteContent.style.height = this.contentModule.getPanel().style.height;
+            rteContent.style.marginTop = this.contentModule.getPanel().style.marginTop;
             this.getPanel().value = this.getTextAreaValue();
             this.contentModule.getPanel().style.display = 'none';
             rteContent.style.display = 'block';
@@ -155,23 +155,17 @@ var ViewSource = /** @class */ (function () {
             removeClass([this.parent.getToolbar()], [CLS_EXPAND_OPEN]);
         }
         removeClass(tbItems, [CLS_ACTIVE]);
-        var isExpand = this.parent.element.querySelectorAll('.e-toolbar-extended.e-popup-open').length > 0 ? true : false;
-        this.parent.setContentHeight('SourceCode', isExpand);
+        this.parent.setContentHeight('sourceCode', true);
         this.wireEvent(this.previewElement);
         this.unWireBaseKeyDown();
         this.previewElement.focus();
         this.parent.updateValue();
         if (!isNullOrUndefined(this.parent.placeholder) && !this.parent.iframeSettings.enable) {
             var placeHolderWrapper = this.parent.element.querySelector('.rte-placeholder.e-rte-placeholder');
-            if (placeHolderWrapper) {
-                placeHolderWrapper.style.display = 'none';
-            }
+            placeHolderWrapper.style.display = 'none';
         }
         this.parent.trigger(events.actionComplete, { requestType: 'SourceCode', targetItem: 'SourceCode', args: args });
         this.parent.invokeChangeEvent();
-        if (!isNullOrUndefined(this.parent.saveInterval) && this.parent.saveInterval > 0 && this.parent.autoSaveOnIdle) {
-            this.codeViewTimeInterval = setInterval(function () { _this.parent.notify(events.updateValueOnIdle, {}); }, this.parent.saveInterval);
-        }
     };
     /**
      * updateSourceCode method
@@ -221,8 +215,7 @@ var ViewSource = /** @class */ (function () {
         if (this.parent.getToolbar()) {
             removeClass([this.parent.getToolbar()], [CLS_EXPAND_OPEN]);
         }
-        var isExpand = this.parent.element.querySelectorAll('.e-toolbar-extended.e-popup-open').length > 0 ? true : false;
-        this.parent.setContentHeight('Preview', isExpand);
+        this.parent.setContentHeight('preview', true);
         this.unWireEvent();
         this.wireBaseKeyDown();
         this.contentModule.getEditPanel().focus();
@@ -234,7 +227,6 @@ var ViewSource = /** @class */ (function () {
         this.parent.trigger(events.actionComplete, { requestType: 'Preview', targetItem: 'Preview', args: args });
         this.parent.formatter.enableUndo(this.parent);
         this.parent.addAudioVideoWrapper();
-        clearTimeout(this.codeViewTimeInterval);
         this.parent.invokeChangeEvent();
         this.parent.notify(events.tableclass, {});
     };

package/src/selection/selection.js

@@ -90,9 +90,6 @@ var NodeSelection = /** @class */ (function () {
                 || this.isChildNode(nodeCollection, startNode))) {
             return null;
         }
-        if (startNode.nodeType === 3 && startNode.previousSibling === endNode && endNode.nodeName === 'IMG') {
-            return null;
-        }
         if (nodeCollection.indexOf(startNode.firstChild) === -1 && startNode.firstChild && !this.isChildNode(nodeCollection, startNode)) {
             return startNode.firstChild;
         }