@syncfusion/ej2-richtexteditor 27.1.55 → 27.1.57-637882

package/src/selection/selection.d.ts

@@ -1,3 +1,4 @@
+import { ImageOrTableCursor } from '../common';
 /**
  * `Selection` module is used to handle RTE Selections.
  */
@@ -23,7 +24,7 @@ export declare class NodeSelection {
      * @param {Document} docElement - specifies the get function
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     get(docElement: Document): Selection;
     /**
@@ -33,7 +34,7 @@ export declare class NodeSelection {
      * @param {Document} docElement - specifies the document.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     save(range: Range, docElement: Document): NodeSelection;
     /**
@@ -42,7 +43,7 @@ export declare class NodeSelection {
      * @param {Node} node - specifies the node value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getIndex(node: Node): number;
     private isChildNode;
@@ -53,7 +54,7 @@ export declare class NodeSelection {
      * @param {Range} range -specifies the range.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getNodeCollection(range: Range): Node[];
     /**
@@ -62,7 +63,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getParentNodeCollection(range: Range): Node[];
     /**
@@ -72,7 +73,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range values.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getParentNodes(nodeCollection: Node[], range: Range): Node[];
     /**
@@ -81,7 +82,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getSelectionNodeCollection(range: Range): Node[];
     /**
@@ -90,7 +91,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getSelectionNodeCollectionBr(range: Range): Node[];
     /**
@@ -99,7 +100,7 @@ export declare class NodeSelection {
      * @param {Node[]} nodeCollection - specifies the collection of nodes.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getSelectionNodes(nodeCollection: Node[]): Node[];
     /**
@@ -108,7 +109,7 @@ export declare class NodeSelection {
      * @param {Node[]} nodeCollection - specifies the collection of nodes.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getSelectionNodesBr(nodeCollection: Node[]): Node[];
     /**
@@ -117,7 +118,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getInsertNodeCollection(range: Range): Node[];
     /**
@@ -126,7 +127,7 @@ export declare class NodeSelection {
      * @param {Node[]} nodeCollection - specifies the collection of nodes.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getInsertNodes(nodeCollection: Node[]): Node[];
     /**
@@ -137,7 +138,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;
@@ -146,7 +147,7 @@ export declare class NodeSelection {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     restore(): Range;
     selectRange(docElement: Document, range: Range): void;
@@ -157,7 +158,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     setRange(docElement: Document, range: Range): void;
     /**
@@ -170,7 +171,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;
     /**
@@ -180,7 +181,7 @@ export declare class NodeSelection {
      * @param {Node} element - specifies the node.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     setSelectionContents(docElement: Document, element: Node): void;
     /**
@@ -190,7 +191,7 @@ export declare class NodeSelection {
      * @param {Node} element - specifies the node.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     setSelectionNode(docElement: Document, element: Node): void;
     /**
@@ -199,7 +200,7 @@ export declare class NodeSelection {
      * @param {Document} docElement - specifies the document.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getSelectedNodes(docElement: Document): Node[];
     /**
@@ -208,7 +209,7 @@ export declare class NodeSelection {
      * @param {Document} docElement - specifies the document.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Clear(docElement: Document): void;
     /**
@@ -219,7 +220,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     insertParentNode(docElement: Document, newNode: Node, range: Range): void;
     /**
@@ -230,10 +231,10 @@ export declare class NodeSelection {
      * @param {number} point - specifies the point.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     setCursorPoint(docElement: Document, element: Element, point: number): void;
     private isTableOrImageStart;
     private isTableOrImageEnd;
-    private processedTableImageCursor;
+    processedTableImageCursor(range: Range): ImageOrTableCursor;
 }

package/src/selection/selection.js

@@ -36,7 +36,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();
@@ -48,7 +48,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);
@@ -60,7 +60,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {Node} node - specifies the node value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.getIndex = function (node) {
         var index;
@@ -116,7 +116,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]
@@ -126,7 +126,8 @@ var NodeSelection = /** @class */ (function () {
         var tableCursor = this.processedTableImageCursor(range);
         if (tableCursor.start || tableCursor.end) {
             if (tableCursor.startName === 'TABLE' || tableCursor.endName === 'TABLE') {
-                return [];
+                var tableNode = tableCursor.start ? tableCursor.startNode : tableCursor.endNode;
+                return [tableNode];
             }
         }
         if ((startNode === endNode || (startNode.nodeName === 'BR' && startNode === range.endContainer.childNodes[range.endOffset])) &&
@@ -151,7 +152,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);
@@ -163,7 +164,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();
@@ -187,7 +188,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));
@@ -198,7 +199,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));
@@ -209,7 +210,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();
@@ -229,7 +230,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();
@@ -250,7 +251,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));
@@ -261,7 +262,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();
@@ -284,7 +285,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 = [];
@@ -321,7 +322,7 @@ var NodeSelection = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.restore = function () {
         var range = this.range.cloneRange();
@@ -341,7 +342,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);
@@ -358,7 +359,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();
@@ -373,7 +374,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();
@@ -387,7 +388,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();
@@ -400,7 +401,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));
@@ -411,7 +412,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {Document} docElement - specifies the document.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.Clear = function (docElement) {
         this.get(docElement).removeAllRanges();
@@ -424,7 +425,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);
@@ -438,7 +439,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();
@@ -452,34 +453,36 @@ var NodeSelection = /** @class */ (function () {
         var customHandlerElements = ['TABLE'];
         var startContainer = range.startContainer;
         var startOffset = range.startOffset;
+        var startNode = startContainer.childNodes[startOffset];
         var isCursorAtStart = range.collapsed && (startContainer.nodeType === 1) &&
-            startContainer.isContentEditable && startContainer.childNodes[startOffset] &&
-            (customHandlerElements.indexOf(startContainer.childNodes[startOffset].nodeName) > -1);
+            startContainer.isContentEditable && startNode &&
+            (customHandlerElements.indexOf(startNode.nodeName) > -1);
         if (isCursorAtStart) {
-            return { start: isCursorAtStart, startNodeName: startContainer.childNodes[startOffset].nodeName };
+            return { start: isCursorAtStart, startNodeName: startNode.nodeName, startNode: startNode };
         }
         else {
-            return { start: false, startNodeName: '' };
+            return { start: false, startNodeName: '', startNode: undefined };
         }
     };
     NodeSelection.prototype.isTableOrImageEnd = function (range) {
         var customHandlerElements = ['TABLE'];
         var startContainer = range.startContainer;
         var startOffset = range.startOffset;
+        var endNode = startContainer.childNodes[startOffset - 1];
         var isCursorAtEnd = range.collapsed && (startContainer.nodeType === 1) &&
-            startContainer.isContentEditable && startContainer.childNodes[startOffset - 1] &&
-            (customHandlerElements.indexOf(startContainer.childNodes[startOffset - 1].nodeName) > -1);
+            startContainer.isContentEditable && endNode &&
+            (customHandlerElements.indexOf(endNode.nodeName) > -1);
         if (isCursorAtEnd) {
-            return { end: isCursorAtEnd, endNodeName: startContainer.childNodes[startOffset - 1].nodeName };
+            return { end: isCursorAtEnd, endNodeName: endNode.nodeName, endNode: endNode };
         }
         else {
-            return { end: false, endNodeName: '' };
+            return { end: false, endNodeName: '', endNode: undefined };
         }
     };
     NodeSelection.prototype.processedTableImageCursor = function (range) {
-        var _a = this.isTableOrImageStart(range), start = _a.start, startNodeName = _a.startNodeName;
-        var _b = this.isTableOrImageEnd(range), end = _b.end, endNodeName = _b.endNodeName;
-        return { start: start, startName: startNodeName, end: end, endName: endNodeName };
+        var _a = this.isTableOrImageStart(range), start = _a.start, startNodeName = _a.startNodeName, startNode = _a.startNode;
+        var _b = this.isTableOrImageEnd(range), end = _b.end, endNodeName = _b.endNodeName, endNode = _b.endNode;
+        return { start: start, startName: startNodeName, end: end, endName: endNodeName, startNode: startNode, endNode: endNode };
     };
     return NodeSelection;
 }());

package/styles/_all.scss

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

package/styles/material3-dark.scss

@@ -1,5 +1,5 @@
 
-
+@import 'ej2-base/styles/definition/material3-dark.scss';
 
 @import 'rich-text-editor/material3-dark-definition.scss';
 @import 'rich-text-editor/icons/material3-dark.scss';

package/styles/material3.scss

@@ -1,5 +1,5 @@
 
-
+@import 'ej2-base/styles/definition/material3.scss';
 
 @import 'rich-text-editor/material3-definition.scss';
 @import 'rich-text-editor/icons/material3.scss';

package/styles/rich-text-editor/_all.scss

@@ -1,2 +1,2 @@
-@import 'layout.scss';
-@import 'theme.scss';
+@import 'layout.scss';
+@import 'theme.scss';