@syncfusion/ej2-richtexteditor 21.2.9 → 22.1.34

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

@@ -148,15 +148,20 @@ var Image = /** @class */ (function () {
         if (args.subCommand.toLowerCase() === 'undo' || args.subCommand.toLowerCase() === 'redo') {
             for (var i = 0; i < this.parent.formatter.getUndoRedoStack().length; i++) {
                 var temp = this.parent.createElement('div');
-                var contentElem = parseHtml(this.parent.formatter.getUndoRedoStack()[i].text);
-                temp.appendChild(contentElem);
+                var contentElem = this.parent.formatter.getUndoRedoStack()[i].text;
+                temp.appendChild(contentElem.cloneNode(true));
                 var img = temp.querySelectorAll('img');
                 if (temp.querySelector('.e-img-resize') && img.length > 0) {
                     for (var j = 0; j < img.length; j++) {
                         img[j].style.outline = '';
                     }
                     detach(temp.querySelector('.e-img-resize'));
-                    this.parent.formatter.getUndoRedoStack()[i].text = temp.innerHTML;
+                    var clonedElement = temp.cloneNode(true);
+                    var fragment = document.createDocumentFragment();
+                    while (clonedElement.firstChild) {
+                        fragment.appendChild(clonedElement.firstChild);
+                    }
+                    this.parent.formatter.getUndoRedoStack()[i].text = fragment;
                 }
             }
         }
@@ -349,7 +354,7 @@ var Image = /** @class */ (function () {
         if (isNullOrUndefined(img.width)) {
             return;
         }
-        // eslint-disable-next-line
+        // eslint-disable-next-line security/detect-unsafe-regex
         var width = img.style.width !== '' ? img.style.width.match(/^\d+(\.\d*)?%$/g) ? parseFloat(img.style.width) :
             parseInt(img.style.width, 10) : img.width;
         var height = img.style.height !== '' ? parseInt(img.style.height, 10) : img.height;
@@ -628,7 +633,7 @@ var Image = /** @class */ (function () {
             selectNodeEle = this.parent.formatter.editorManager.nodeSelection.getNodeCollection(range);
             selectParentEle = this.parent.formatter.editorManager.nodeSelection.getParentNodeCollection(range);
             if (!originalEvent.ctrlKey && originalEvent.key && (originalEvent.key.length === 1 || originalEvent.action === 'enter') &&
-                (selectParentEle[0].tagName === 'IMG') && selectParentEle[0].parentElement) {
+                (!isNOU(selectParentEle[0]) && selectParentEle[0].tagName === 'IMG') && selectParentEle[0].parentElement) {
                 var prev = selectParentEle[0].parentElement.childNodes[0];
                 if (this.contentModule.getEditPanel().querySelector('.e-img-resize')) {
                     this.removeResizeEle();
@@ -1277,7 +1282,7 @@ var Image = /** @class */ (function () {
             var dialogContent = this.imgsizeInput(e);
             var selectObj_1 = { args: e.args, selfImage: this, selection: e.selection, selectNode: e.selectNode };
             this.dialogObj.setProperties({
-                height: 'inherit', width: '290px', header: imgSizeHeader, content: dialogContent, position: { X: 'center', Y: 'center' },
+                height: (Browser.isDevice) ? '300px' : 'inherit', width: '290px', header: imgSizeHeader, content: dialogContent, position: { X: 'center', Y: 'center' },
                 buttons: [{
                         // eslint-disable-next-line
                         click: function (e) {

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

@@ -20,6 +20,7 @@ export declare class ToolbarRenderer implements IRenderer {
     private currentElement;
     private currentDropdown;
     private popupOverlay;
+    private tooltip;
     /**
      * Constructor for toolbar renderer module
      *
@@ -27,6 +28,7 @@ export declare class ToolbarRenderer implements IRenderer {
      */
     constructor(parent?: IRichTextEditor);
     private wireEvent;
+    private destroyTooltip;
     private unWireEvent;
     private toolbarBeforeCreate;
     private toolbarCreated;

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

@@ -26,6 +26,10 @@ var ToolbarRenderer = /** @class */ (function () {
     }
     ToolbarRenderer.prototype.wireEvent = function () {
         this.parent.on(events.destroy, this.unWireEvent, this);
+        this.parent.on(events.maximizeMinimizeClick, this.destroyTooltip, this);
+    };
+    ToolbarRenderer.prototype.destroyTooltip = function () {
+        this.tooltip.close();
     };
     ToolbarRenderer.prototype.unWireEvent = function () {
         this.parent.off(events.destroy, this.unWireEvent);
@@ -122,12 +126,13 @@ var ToolbarRenderer = /** @class */ (function () {
         args.rteToolbarObj.toolbarObj.createElement = this.parent.createElement;
         args.rteToolbarObj.toolbarObj.appendTo(args.target);
         if (this.parent.showTooltip) {
-            var tooltip = new Tooltip({
+            this.tooltip = new Tooltip({
                 target: '#' + this.parent.getID() + '_toolbar_wrapper [title]',
                 showTipPointer: true,
+                openDelay: 400,
                 cssClass: this.parent.cssClass
             });
-            tooltip.appendTo(args.target);
+            this.tooltip.appendTo(args.target);
         }
     };
     /**

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

@@ -107,15 +107,20 @@ var Video = /** @class */ (function () {
         if (args.subCommand.toLowerCase() === 'undo' || args.subCommand.toLowerCase() === 'redo') {
             for (var i = 0; i < this.parent.formatter.getUndoRedoStack().length; i++) {
                 var temp = this.parent.createElement('div');
-                var contentElem = parseHtml(this.parent.formatter.getUndoRedoStack()[i].text);
-                temp.appendChild(contentElem);
+                var contentElem = this.parent.formatter.getUndoRedoStack()[i].text;
+                temp.appendChild(contentElem.cloneNode(true));
                 var vid = temp.querySelectorAll('video');
                 if (temp.querySelector('.e-vid-resize') && vid.length > 0) {
                     for (var j = 0; j < vid.length; j++) {
                         vid[j].style.outline = '';
                     }
                     detach(temp.querySelector('.e-vid-resize'));
-                    this.parent.formatter.getUndoRedoStack()[i].text = temp.innerHTML;
+                    var clonedElement = temp.cloneNode(true);
+                    var fragment = document.createDocumentFragment();
+                    while (clonedElement.firstChild) {
+                        fragment.appendChild(clonedElement.firstChild);
+                    }
+                    this.parent.formatter.getUndoRedoStack()[i].text = fragment;
                 }
             }
         }
@@ -411,8 +416,8 @@ var Video = /** @class */ (function () {
             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;
         if (width > height) {
-            vid.style.minWidth = this.parent.insertVideoSettings.minWidth === 0 ? '140px' : formatUnit(this.parent.insertVideoSettings.minWidth);
-            vid.style.minHeight = this.parent.insertVideoSettings.minHeight === 0 ? '60px' : formatUnit(this.parent.insertVideoSettings.minHeight);
+            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) {
                 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));
@@ -608,7 +613,7 @@ var Video = /** @class */ (function () {
             selectNodeEle = this.parent.formatter.editorManager.nodeSelection.getNodeCollection(range);
             selectParentEle = this.parent.formatter.editorManager.nodeSelection.getParentNodeCollection(range);
             if (!originalEvent.ctrlKey && originalEvent.key && (originalEvent.key.length === 1 || originalEvent.action === 'enter') &&
-                ((selectParentEle[0].tagName === 'VIDEO' || this.isEmbedVidElem(selectParentEle[0]))) &&
+                ((!isNOU(selectParentEle[0]) && selectParentEle[0].tagName === 'VIDEO' || this.isEmbedVidElem(selectParentEle[0]))) &&
                 selectParentEle[0].parentElement) {
                 var prev = selectParentEle[0].parentElement.childNodes[0];
                 if (this.contentModule.getEditPanel().querySelector('.e-vid-resize')) {
@@ -1124,7 +1129,7 @@ var Video = /** @class */ (function () {
         videoUrl.appendChild(urlContent);
         this.embedInputUrl = this.parent.createElement('textarea', {
             className: 'e-input e-embed-video-url',
-            attrs: { placeholder: 'Paste Embedded Code here', type: 'text', tabindex: '-1', 'aria-label': this.i10n.getConstant('embedVideoLinkHeader') }
+            attrs: { placeholder: this.i10n.getConstant('pasteEmbeddedCodeHere'), type: 'text', tabindex: '-1', 'aria-label': this.i10n.getConstant('embedVideoLinkHeader') }
         });
         this.embedInputUrl.addEventListener('keyup', function () {
             if (!isNOU(_this.embedInputUrl)) {
@@ -1151,7 +1156,7 @@ var Video = /** @class */ (function () {
             }
         });
         var embedUrlBtn = new RadioButton({
-            label: 'Embedded Code',
+            label: this.i10n.getConstant('embeddedCode'),
             checked: true,
             name: 'URL',
             created: function () {
@@ -1165,7 +1170,7 @@ var Video = /** @class */ (function () {
         });
         embedUrlBtn.appendTo(videoUrl.querySelector('#embedURL'));
         var webUrlBtn = new RadioButton({
-            label: 'Web URL',
+            label: this.i10n.getConstant('webUrl'),
             name: 'URL',
             change: function () {
                 urlContent.innerHTML = '';