@syncfusion/ej2-richtexteditor 24.1.41 → 24.1.43-569781

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

@@ -7,7 +7,7 @@ import { ClickEventArgs } from '@syncfusion/ej2-navigations';
  * Content module is used to render Rich Text Editor content
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class ViewSource {
     private parent;
@@ -15,6 +15,7 @@ export declare class ViewSource {
     private rendererFactory;
     private keyboardModule;
     private previewElement;
+    private codeViewTimeInterval;
     /**
      * Constructor for view source module
      *
@@ -40,7 +41,7 @@ export declare class ViewSource {
      * @param {ClickEventArgs} args - specifies the click event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     sourceCode(args?: ClickEventArgs | IHtmlKeyboardEvent): void;
     /**
@@ -49,7 +50,7 @@ export declare class ViewSource {
      * @param {ClickEventArgs} args - specifies the click event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     updateSourceCode(args?: ClickEventArgs | KeyboardEventArgs): void;
     private getTextAreaValue;
@@ -58,7 +59,7 @@ export declare class ViewSource {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getPanel(): HTMLTextAreaElement | Element;
     /**
@@ -66,7 +67,7 @@ export declare class ViewSource {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getViewPanel(): HTMLTextAreaElement | Element;
     /**
@@ -74,7 +75,7 @@ export declare class ViewSource {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private moduleDestroy;

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

@@ -8,7 +8,7 @@ import { KeyboardEvents } from '../actions/keyboard';
  * Content module is used to render Rich Text Editor content
  *
  * @hidden
-
+ * @deprecated
  */
 var ViewSource = /** @class */ (function () {
     /**
@@ -105,9 +105,10 @@ var ViewSource = /** @class */ (function () {
      * @param {ClickEventArgs} args - specifies the click event.
      * @returns {void}
      * @hidden
-
+     * @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 });
@@ -134,7 +135,6 @@ 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,17 +155,23 @@ var ViewSource = /** @class */ (function () {
             removeClass([this.parent.getToolbar()], [CLS_EXPAND_OPEN]);
         }
         removeClass(tbItems, [CLS_ACTIVE]);
-        this.parent.setContentHeight('sourceCode', true);
+        var isExpand = this.parent.element.querySelectorAll('.e-toolbar-extended.e-popup-open').length > 0 ? true : false;
+        this.parent.setContentHeight('SourceCode', isExpand);
         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');
-            placeHolderWrapper.style.display = 'none';
+            if (placeHolderWrapper) {
+                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
@@ -173,7 +179,7 @@ var ViewSource = /** @class */ (function () {
      * @param {ClickEventArgs} args - specifies the click event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.updateSourceCode = function (args) {
         this.parent.isBlur = false;
@@ -215,7 +221,8 @@ var ViewSource = /** @class */ (function () {
         if (this.parent.getToolbar()) {
             removeClass([this.parent.getToolbar()], [CLS_EXPAND_OPEN]);
         }
-        this.parent.setContentHeight('preview', true);
+        var isExpand = this.parent.element.querySelectorAll('.e-toolbar-extended.e-popup-open').length > 0 ? true : false;
+        this.parent.setContentHeight('Preview', isExpand);
         this.unWireEvent();
         this.wireBaseKeyDown();
         this.contentModule.getEditPanel().focus();
@@ -227,6 +234,7 @@ 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, {});
     };
@@ -245,7 +253,7 @@ var ViewSource = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.getPanel = function () {
         return this.parent.element && this.parent.element.querySelector('.e-rte-srctextarea');
@@ -255,7 +263,7 @@ var ViewSource = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.getViewPanel = function () {
         return (this.parent.iframeSettings.enable && this.getPanel()) ? this.getPanel().parentElement : this.getPanel();
@@ -265,7 +273,7 @@ var ViewSource = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.destroy = function () {
         if (isNullOrUndefined(this.parent)) {

package/src/rich-text-editor/services/renderer-factory.d.ts

@@ -4,7 +4,7 @@ import { RenderType } from '../base/enum';
  * RendererFactory
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class RendererFactory {
     rendererMap: {
@@ -17,7 +17,7 @@ export declare class RendererFactory {
      * @param {IRenderer} type - specifies the renderer.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     addRenderer(name: RenderType, type: IRenderer): void;
     /**
@@ -26,7 +26,7 @@ export declare class RendererFactory {
      * @param {RenderType} name - specifies the render type
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getRenderer(name: RenderType): IRenderer;
 }

package/src/rich-text-editor/services/renderer-factory.js

@@ -4,7 +4,7 @@ import { RenderType } from '../base/enum';
  * RendererFactory
  *
  * @hidden
-
+ * @deprecated
  */
 var RendererFactory = /** @class */ (function () {
     function RendererFactory() {
@@ -17,7 +17,7 @@ var RendererFactory = /** @class */ (function () {
      * @param {IRenderer} type - specifies the renderer.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RendererFactory.prototype.addRenderer = function (name, type) {
         var rName = getEnumValue(RenderType, name);
@@ -31,7 +31,7 @@ var RendererFactory = /** @class */ (function () {
      * @param {RenderType} name - specifies the render type
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RendererFactory.prototype.getRenderer = function (name) {
         var rName = getEnumValue(RenderType, name);

package/src/rich-text-editor/services/service-locator.d.ts

@@ -2,7 +2,7 @@
  * ServiceLocator
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class ServiceLocator {
     private services;
@@ -13,7 +13,7 @@ export declare class ServiceLocator {
      * @param {T} type - specifies the type.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     register<T>(name: string, type: T): void;
     /**
@@ -22,7 +22,7 @@ export declare class ServiceLocator {
      * @param {string} name - specifies the name.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getService<T>(name: string): T;
 }

package/src/rich-text-editor/services/service-locator.js

@@ -3,7 +3,7 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
  * ServiceLocator
  *
  * @hidden
-
+ * @deprecated
  */
 var ServiceLocator = /** @class */ (function () {
     function ServiceLocator() {
@@ -17,7 +17,7 @@ var ServiceLocator = /** @class */ (function () {
      * @param {T} type - specifies the type.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     /* eslint-enable */
     ServiceLocator.prototype.register = function (name, type) {
@@ -31,7 +31,7 @@ var ServiceLocator = /** @class */ (function () {
      * @param {string} name - specifies the name.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ServiceLocator.prototype.getService = function (name) {
         if (isNullOrUndefined(this.services["" + name])) {

package/src/selection/selection.d.ts

@@ -21,7 +21,7 @@ export declare class NodeSelection {
      * @param {Document} docElement - specifies the get function
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     get(docElement: Document): Selection;
     /**
@@ -31,7 +31,7 @@ export declare class NodeSelection {
      * @param {Document} docElement - specifies the document.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     save(range: Range, docElement: Document): NodeSelection;
     /**
@@ -40,7 +40,7 @@ export declare class NodeSelection {
      * @param {Node} node - specifies the node value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getIndex(node: Node): number;
     private isChildNode;
@@ -51,7 +51,7 @@ export declare class NodeSelection {
      * @param {Range} range -specifies the range.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getNodeCollection(range: Range): Node[];
     /**
@@ -60,7 +60,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getParentNodeCollection(range: Range): Node[];
     /**
@@ -70,7 +70,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range values.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getParentNodes(nodeCollection: Node[], range: Range): Node[];
     /**
@@ -79,7 +79,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getSelectionNodeCollection(range: Range): Node[];
     /**
@@ -88,7 +88,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getSelectionNodeCollectionBr(range: Range): Node[];
     /**
@@ -97,7 +97,7 @@ export declare class NodeSelection {
      * @param {Node[]} nodeCollection - specifies the collection of nodes.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getSelectionNodes(nodeCollection: Node[]): Node[];
     /**
@@ -106,7 +106,7 @@ export declare class NodeSelection {
      * @param {Node[]} nodeCollection - specifies the collection of nodes.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getSelectionNodesBr(nodeCollection: Node[]): Node[];
     /**
@@ -115,7 +115,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getInsertNodeCollection(range: Range): Node[];
     /**
@@ -124,7 +124,7 @@ export declare class NodeSelection {
      * @param {Node[]} nodeCollection - specifies the collection of nodes.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getInsertNodes(nodeCollection: Node[]): Node[];
     /**
@@ -135,7 +135,7 @@ export declare class NodeSelection {
      * @param {Document} root - specifies the root document.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getNodeArray(node: Node, isStart: boolean, root?: Document): number[];
     private setRangePoint;
@@ -144,7 +144,7 @@ export declare class NodeSelection {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     restore(): Range;
     selectRange(docElement: Document, range: Range): void;
@@ -155,7 +155,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     setRange(docElement: Document, range: Range): void;
     /**
@@ -168,7 +168,7 @@ export declare class NodeSelection {
      * @param {number} endIndex - specifies the end index.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     setSelectionText(docElement: Document, startNode: Node, endNode: Node, startIndex: number, endIndex: number): void;
     /**
@@ -178,7 +178,7 @@ export declare class NodeSelection {
      * @param {Node} element - specifies the node.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     setSelectionContents(docElement: Document, element: Node): void;
     /**
@@ -188,7 +188,7 @@ export declare class NodeSelection {
      * @param {Node} element - specifies the node.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     setSelectionNode(docElement: Document, element: Node): void;
     /**
@@ -197,7 +197,7 @@ export declare class NodeSelection {
      * @param {Document} docElement - specifies the document.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getSelectedNodes(docElement: Document): Node[];
     /**
@@ -206,7 +206,7 @@ export declare class NodeSelection {
      * @param {Document} docElement - specifies the document.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Clear(docElement: Document): void;
     /**
@@ -217,7 +217,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     insertParentNode(docElement: Document, newNode: Node, range: Range): void;
     /**
@@ -228,7 +228,7 @@ export declare class NodeSelection {
      * @param {number} point - specifies the point.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     setCursorPoint(docElement: Document, element: Element, point: number): void;
 }

package/src/selection/selection.js

@@ -35,7 +35,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {Document} docElement - specifies the get function
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.get = function (docElement) {
         return docElement.defaultView.getSelection();
@@ -47,7 +47,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {Document} docElement - specifies the document.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.save = function (range, docElement) {
         range = (range) ? range.cloneRange() : this.getRange(docElement);
@@ -59,7 +59,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {Node} node - specifies the node value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.getIndex = function (node) {
         var index;
@@ -90,6 +90,9 @@ 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;
         }
@@ -109,7 +112,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {Range} range -specifies the range.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.getNodeCollection = function (range) {
         var startNode = range.startContainer.childNodes[range.startOffset]
@@ -138,7 +141,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {Range} range - specifies the range value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.getParentNodeCollection = function (range) {
         return this.getParentNodes(this.getNodeCollection(range), range);
@@ -150,7 +153,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {Range} range - specifies the range values.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.getParentNodes = function (nodeCollection, range) {
         nodeCollection = nodeCollection.reverse();
@@ -174,7 +177,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {Range} range - specifies the range value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.getSelectionNodeCollection = function (range) {
         return this.getSelectionNodes(this.getNodeCollection(range));
@@ -185,7 +188,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {Range} range - specifies the range value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.getSelectionNodeCollectionBr = function (range) {
         return this.getSelectionNodesBr(this.getNodeCollection(range));
@@ -196,7 +199,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {Node[]} nodeCollection - specifies the collection of nodes.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.getSelectionNodes = function (nodeCollection) {
         nodeCollection = nodeCollection.reverse();
@@ -217,7 +220,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {Node[]} nodeCollection - specifies the collection of nodes.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.getSelectionNodesBr = function (nodeCollection) {
         nodeCollection = nodeCollection.reverse();
@@ -239,7 +242,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {Range} range - specifies the range value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.getInsertNodeCollection = function (range) {
         return this.getInsertNodes(this.getNodeCollection(range));
@@ -250,7 +253,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {Node[]} nodeCollection - specifies the collection of nodes.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.getInsertNodes = function (nodeCollection) {
         nodeCollection = nodeCollection.reverse();
@@ -273,7 +276,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {Document} root - specifies the root document.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.getNodeArray = function (node, isStart, root) {
         var array = [];
@@ -310,7 +313,7 @@ var NodeSelection = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.restore = function () {
         var range = this.range.cloneRange();
@@ -330,7 +333,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {Range} range - specifies the range.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.setRange = function (docElement, range) {
         var selection = this.get(docElement);
@@ -347,7 +350,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {number} endIndex - specifies the end index.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.setSelectionText = function (docElement, startNode, endNode, startIndex, endIndex) {
         var range = docElement.createRange();
@@ -362,7 +365,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {Node} element - specifies the node.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.setSelectionContents = function (docElement, element) {
         var range = docElement.createRange();
@@ -376,7 +379,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {Node} element - specifies the node.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.setSelectionNode = function (docElement, element) {
         var range = docElement.createRange();
@@ -389,7 +392,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {Document} docElement - specifies the document.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.getSelectedNodes = function (docElement) {
         return this.getNodeCollection(this.getRange(docElement));
@@ -400,7 +403,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {Document} docElement - specifies the document.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.Clear = function (docElement) {
         this.get(docElement).removeAllRanges();
@@ -413,7 +416,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {Range} range - specifies the range.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.insertParentNode = function (docElement, newNode, range) {
         range.surroundContents(newNode);
@@ -427,7 +430,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {number} point - specifies the point.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.setCursorPoint = function (docElement, element, point) {
         var range = docElement.createRange();

package/styles/_all.scss

@@ -1 +1 @@
-@import 'rich-text-editor/all.scss';
+@import 'rich-text-editor/all.scss';