@syncfusion/ej2-richtexteditor 28.1.39 → 28.1.41-642043

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

@@ -11955,12 +11955,12 @@ const DESTROY = 'destroy';
  */
 const INTERNAL_DESTROY = 'internal_destroy';
 
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 var KeyboardEvents_1;
 const keyCode = {
     'backspace': 8,
@@ -15572,12 +15572,12 @@ class PopupRenderer {
     }
 }
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Configures the slash menu settings of the RichTextEditor.
  */
@@ -33107,6 +33107,26 @@ class HtmlEditor {
             if (isNullOrUndefined(this.oldRangeElement)) {
                 return;
             }
+            else if (findBlockElement[0].previousSibling) {
+                const prevSibling = findBlockElement[0].previousSibling;
+                const currentElement = findBlockElement[0];
+                if (prevSibling.textContent.trim()) {
+                    if (prevSibling.lastChild.nodeName === 'BR') {
+                        prevSibling.removeChild(prevSibling.lastChild);
+                    }
+                    const cursorpointer = prevSibling.lastChild.textContent.length;
+                    const lastChild = prevSibling.lastChild;
+                    const childNodes = Array.from(currentElement.childNodes);
+                    for (let i = 0; i < childNodes.length; i++) {
+                        prevSibling.appendChild(childNodes[i].cloneNode(true));
+                    }
+                    this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), lastChild, cursorpointer);
+                    currentElement.parentNode.removeChild(currentElement);
+                }
+                else {
+                    prevSibling.parentNode.removeChild(prevSibling);
+                }
+            }
             else {
                 if (this.oldRangeElement.tagName === 'OL' || this.oldRangeElement.tagName === 'UL') {
                     this.oldRangeElement = this.oldRangeElement.lastElementChild.lastElementChild
@@ -33885,28 +33905,6 @@ class PasteCleanup {
             value = tempDivElem.innerHTML;
             const isValueNotEmpty = tempDivElem.textContent !== '' || !isNullOrUndefined(tempDivElem.querySelector('img')) ||
                 !isNullOrUndefined(tempDivElem.querySelector('table'));
-            const imgElements = tempDivElem.querySelectorAll('img');
-            const base = this.parent.contentModule.getDocument().location.origin;
-            imgElements.forEach((imgElement) => {
-                let imageFileFormat;
-                const imgElementSrc = imgElement.getAttribute('src');
-                if (!isNullOrUndefined(imgElementSrc) && imgElementSrc !== '') {
-                    if (imgElementSrc.indexOf('base64') > -1 && imgElementSrc.indexOf('data:') > -1) {
-                        imageFileFormat = imgElementSrc.split(';')[0].split('/')[1];
-                    }
-                    else {
-                        const parsedUrl = imgElementSrc.indexOf('http') > -1 ? new URL(imgElementSrc) : new URL(imgElementSrc, base);
-                        const path = parsedUrl.pathname;
-                        imageFileFormat = path.split('.').pop().toLowerCase();
-                    }
-                    if (!isNullOrUndefined(imageFileFormat) &&
-                        allowedTypes.every((type) => imageFileFormat !== type.substring(1).toLowerCase()) &&
-                        imgElementSrc.indexOf('blob') === -1) {
-                        detach(imgElement);
-                    }
-                }
-            });
-            value = tempDivElem.innerHTML;
             this.parent.notify(cleanupResizeElements, {
                 value: value,
                 callBack: (currentValue) => {
@@ -34155,7 +34153,11 @@ class PasteCleanup {
         this.parent.inputElement.contentEditable = 'true';
         detach(imgElem);
         if (popupObj) {
-            popupObj.close();
+            this.parent.isBlur = false;
+            popupObj.destroy();
+            if (!isNullOrUndefined(popupObj.element)) {
+                detach(popupObj.element);
+            }
         }
         this.parent.trigger(imageUploadFailed, e);
         if (uploadObj && document.body.contains(uploadObj.element)) {
@@ -34171,7 +34173,7 @@ class PasteCleanup {
             this.parent.trigger(imageUploadSuccess, e, (e) => {
                 if (!isNullOrUndefined(this.parent.insertImageSettings.path)) {
                     const url = this.parent.insertImageSettings.path + e.file.name;
-                    if (!this.parent.inputElement.contains(imgElem)) {
+                    if (!this.parent.inputElement.contains(imgElem) && imgElem.id) {
                         const imgHtmlElems = this.parent.inputElement.querySelectorAll('#' + imgElem.id);
                         for (let i = 0; i < imgHtmlElems.length; i++) {
                             const imgHtmlElem = imgHtmlElems[i];
@@ -34196,13 +34198,22 @@ class PasteCleanup {
             });
         }
         this.popupCloseTime = setTimeout(() => {
-            popupObj.close();
-            if (!this.parent.inputElement.contains(imgElem)) {
-                const imgHtmlElems = this.parent.inputElement.querySelectorAll('#' + imgElem.id);
-                for (let i = 0; i < imgHtmlElems.length; i++) {
-                    const imgHtmlElem = imgHtmlElems[i];
-                    if (imgHtmlElem && imgHtmlElem.style && imgHtmlElem.style.opacity === '0.5') {
-                        imgHtmlElem.style.opacity = '1';
+            if (popupObj) {
+                this.parent.isBlur = false;
+                popupObj.destroy();
+                if (!isNullOrUndefined(popupObj.element)) {
+                    detach(popupObj.element);
+                }
+            }
+            if (!this.parent.inputElement.contains(imgElem) && (imgElem.id || imgElem.alt)) {
+                const selector = imgElem.id ? `#${imgElem.id}` : `[alt="${imgElem.alt}"]`;
+                if (selector) {
+                    const imgHtmlElems = this.parent.inputElement.querySelectorAll(selector);
+                    for (let i = 0; i < imgHtmlElems.length; i++) {
+                        const imgHtmlElem = imgHtmlElems[i];
+                        if (imgHtmlElem && imgHtmlElem.style && imgHtmlElem.style.opacity === '0.5') {
+                            imgHtmlElem.style.opacity = '1';
+                        }
                     }
                 }
             }
@@ -34999,13 +35010,24 @@ class Resize {
         this.iframeElement = this.parent.contentModule.getDocument().querySelectorAll('iframe');
         if (!isNullOrUndefined(this.iframeElement)) {
             this.iframeElement.forEach((iframe) => {
-                EventHandler.add(iframe.contentDocument, 'mouseup', this.stopResize, this);
+                EventHandler.add(iframe, 'load', this.onIFrameLoad, this);
             });
         }
         this.touchStartEvent = (Browser.info.name === 'msie') ? 'pointerdown' : 'touchstart';
         EventHandler.add(this.resizer, 'mousedown', this.resizeStart, this);
         EventHandler.add(this.resizer, this.touchStartEvent, this.resizeStart, this);
     }
+    onIFrameLoad(e) {
+        const iframe = e.target;
+        if (iframe.nodeName === 'IFRAME' && iframe.contentDocument) {
+            EventHandler.add(iframe.contentDocument, 'mouseup', this.stopResize, this);
+        }
+    }
+    removeMouseUpEventListener(iframe) {
+        if (iframe.contentDocument) {
+            EventHandler.remove(iframe.contentDocument, 'mouseup', this.stopResize);
+        }
+    }
     resizeStart(e) {
         this.isResizing = false;
         if (e.cancelable) {
@@ -35109,7 +35131,7 @@ class Resize {
         }
         if (!isNullOrUndefined(this.iframeElement)) {
             this.iframeElement.forEach((iframe) => {
-                EventHandler.remove(iframe.contentDocument, 'mouseup', this.stopResize);
+                this.removeMouseUpEventListener(iframe);
             });
         }
         if (this.resizer) {
@@ -37053,12 +37075,12 @@ class RendererFactory {
     }
 }
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Configures the toolbar settings of the RichTextEditor.
  */
@@ -37484,12 +37506,12 @@ __decorate$2([
     Property(bulletFormatList)
 ], BulletFormatList.prototype, "types", void 0);
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Objects used for configuring the iframe resources properties.
  */
@@ -37522,12 +37544,12 @@ __decorate$3([
     Property(null)
 ], IFrameSettings.prototype, "sandbox", void 0);
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Configures the inlineMode property of the RTE.
  */
@@ -38263,12 +38285,12 @@ class EnterKeyAction {
     }
 }
 
-var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Represents the Rich Text Editor component.
  * ```html