@syncfusion/ej2-richtexteditor 27.1.52 → 27.1.57-637881

package/src/selection/selection.js

@@ -3,9 +3,10 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
  * `Selection` module is used to handle RTE Selections.
  */
 var NodeSelection = /** @class */ (function () {
-    function NodeSelection() {
+    function NodeSelection(editElement) {
         this.startNodeName = [];
         this.endNodeName = [];
+        this.editableElement = editElement;
     }
     NodeSelection.prototype.saveInstance = function (range, body) {
         this.range = range.cloneRange();
@@ -35,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();
@@ -47,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);
@@ -59,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;
@@ -85,6 +86,9 @@ var NodeSelection = /** @class */ (function () {
         return false;
     };
     NodeSelection.prototype.getNode = function (startNode, endNode, nodeCollection) {
+        if (this.editableElement && (!this.editableElement.contains(startNode) || this.editableElement === startNode)) {
+            return null;
+        }
         if (endNode === startNode &&
             (startNode.nodeType === 3 || !startNode.firstChild || nodeCollection.indexOf(startNode.firstChild) !== -1
                 || this.isChildNode(nodeCollection, startNode))) {
@@ -112,13 +116,19 @@ 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]
             || range.startContainer;
         var endNode = range.endContainer.childNodes[(range.endOffset > 0) ? (range.endOffset - 1) : range.endOffset]
             || range.endContainer;
+        var tableCursor = this.processedTableImageCursor(range);
+        if (tableCursor.start || tableCursor.end) {
+            if (tableCursor.startName === 'TABLE' || tableCursor.endName === 'TABLE') {
+                return [];
+            }
+        }
         if ((startNode === endNode || (startNode.nodeName === 'BR' && startNode === range.endContainer.childNodes[range.endOffset])) &&
             startNode.childNodes.length === 0) {
             return [startNode];
@@ -141,7 +151,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);
@@ -153,7 +163,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();
@@ -177,7 +187,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));
@@ -188,7 +198,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));
@@ -199,7 +209,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();
@@ -219,7 +229,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();
@@ -240,7 +250,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));
@@ -251,7 +261,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();
@@ -274,7 +284,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 = [];
@@ -311,7 +321,7 @@ var NodeSelection = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.restore = function () {
         var range = this.range.cloneRange();
@@ -331,7 +341,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);
@@ -348,7 +358,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();
@@ -363,7 +373,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();
@@ -377,7 +387,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();
@@ -390,7 +400,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));
@@ -401,7 +411,7 @@ var NodeSelection = /** @class */ (function () {
      * @param {Document} docElement - specifies the document.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     NodeSelection.prototype.Clear = function (docElement) {
         this.get(docElement).removeAllRanges();
@@ -414,7 +424,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);
@@ -428,7 +438,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();
@@ -438,6 +448,39 @@ var NodeSelection = /** @class */ (function () {
         selection.removeAllRanges();
         selection.addRange(range);
     };
+    NodeSelection.prototype.isTableOrImageStart = function (range) {
+        var customHandlerElements = ['TABLE'];
+        var startContainer = range.startContainer;
+        var startOffset = range.startOffset;
+        var isCursorAtStart = range.collapsed && (startContainer.nodeType === 1) &&
+            startContainer.isContentEditable && startContainer.childNodes[startOffset] &&
+            (customHandlerElements.indexOf(startContainer.childNodes[startOffset].nodeName) > -1);
+        if (isCursorAtStart) {
+            return { start: isCursorAtStart, startNodeName: startContainer.childNodes[startOffset].nodeName };
+        }
+        else {
+            return { start: false, startNodeName: '' };
+        }
+    };
+    NodeSelection.prototype.isTableOrImageEnd = function (range) {
+        var customHandlerElements = ['TABLE'];
+        var startContainer = range.startContainer;
+        var startOffset = range.startOffset;
+        var isCursorAtEnd = range.collapsed && (startContainer.nodeType === 1) &&
+            startContainer.isContentEditable && startContainer.childNodes[startOffset - 1] &&
+            (customHandlerElements.indexOf(startContainer.childNodes[startOffset - 1].nodeName) > -1);
+        if (isCursorAtEnd) {
+            return { end: isCursorAtEnd, endNodeName: startContainer.childNodes[startOffset - 1].nodeName };
+        }
+        else {
+            return { end: false, endNodeName: '' };
+        }
+    };
+    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 };
+    };
     return NodeSelection;
 }());
 export { NodeSelection };

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/material3-dark.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3-dark.scss';
 
 @import 'material3-dark-definition.scss';
 @import 'icons/material3-dark.scss';

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

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3.scss';
 
 @import 'material3-definition.scss';
 @import 'icons/material3.scss';