roosterjs-content-model-plugins 9.44.0 → 9.45.0

package/lib-amd/touch/TouchPlugin.js

@@ -1,211 +1,213 @@
-define(["require", "exports", "../utils/getNodePositionFromEvent"], function (require, exports, getNodePositionFromEvent_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.TouchPlugin = void 0;
-    var MAX_TOUCH_MOVE_DISTANCE = 6; // the max number of offsets for the touch selection to move
-    var POINTER_DETECTION_DELAY = 150; // Delay time to wait for selection to be updated and also detect if pointerup is a tap or part of double tap
-    var PUNCTUATION_MATCHING_REGEX = /[.,;:!]/;
-    var SPACE_MATCHING_REGEX = /\s/;
-    /**
-     * Touch plugin to manage touch behaviors
-     */
-    var TouchPlugin = /** @class */ (function () {
-        /**
-         * Create an instance of Touch plugin
-         */
-        function TouchPlugin() {
-            this.editor = null;
-            this.timer = 0;
-            this.isDblClicked = false;
-            this.isTouchPenPointerEvent = false;
-        }
-        /**
-         * Get a friendly name of  this plugin
-         */
-        TouchPlugin.prototype.getName = function () {
-            return 'Touch';
-        };
-        /**
-         * Initialize this plugin. This should only be called from Editor
-         * @param editor Editor instance
-         */
-        TouchPlugin.prototype.initialize = function (editor) {
-            this.editor = editor;
-            this.isDblClicked = false;
-        };
-        /**
-         * Dispose this plugin
-         */
-        TouchPlugin.prototype.dispose = function () {
-            var _a, _b, _c;
-            if (this.timer) {
-                (_c = (_b = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.getDocument()) === null || _b === void 0 ? void 0 : _b.defaultView) === null || _c === void 0 ? void 0 : _c.clearTimeout(this.timer);
-                this.timer = 0;
-            }
-            this.editor = null;
-        };
-        /**
-         * Handle events triggered from editor
-         * @param event PluginEvent object
-         */
-        TouchPlugin.prototype.onPluginEvent = function (event) {
-            var _this = this;
-            var _a, _b, _c, _d;
-            if (!this.editor) {
-                return;
-            }
-            switch (event.eventType) {
-                case 'pointerDown':
-                    this.isDblClicked = false;
-                    this.isTouchPenPointerEvent = true;
-                    event.originalEvent.preventDefault();
-                    var targetWindow = ((_a = this.editor.getDocument()) === null || _a === void 0 ? void 0 : _a.defaultView) || window;
-                    if (this.timer) {
-                        targetWindow.clearTimeout(this.timer);
-                    }
-                    this.timer = targetWindow.setTimeout(function () {
-                        _this.timer = 0;
-                        if (_this.editor) {
-                            if (!_this.isDblClicked) {
-                                _this.editor.focus();
-                                var caretPosition = (0, getNodePositionFromEvent_1.getNodePositionFromEvent)(_this.editor, event.rawEvent.x, event.rawEvent.y);
-                                var newRange = _this.editor.getDocument().createRange();
-                                if (caretPosition) {
-                                    var node = caretPosition.node, offset = caretPosition.offset;
-                                    // Place cursor at same position of browser handler by default
-                                    newRange.setStart(node, offset);
-                                    newRange.setEnd(node, offset);
-                                    var nodeTextContent = node.textContent || '';
-                                    var charAtSelection = nodeTextContent[offset];
-                                    if (node.nodeType === Node.TEXT_NODE &&
-                                        charAtSelection &&
-                                        !SPACE_MATCHING_REGEX.test(charAtSelection) &&
-                                        !PUNCTUATION_MATCHING_REGEX.test(charAtSelection)) {
-                                        var _a = findWordBoundaries(nodeTextContent, offset), wordStart = _a.wordStart, wordEnd = _a.wordEnd;
-                                        // Move cursor to the calculated offset
-                                        var leftCursorWordLength = offset - wordStart;
-                                        var rightCursorWordLength = wordEnd - offset;
-                                        var movingOffset = leftCursorWordLength >= rightCursorWordLength
-                                            ? rightCursorWordLength
-                                            : -leftCursorWordLength;
-                                        movingOffset =
-                                            Math.abs(movingOffset) > MAX_TOUCH_MOVE_DISTANCE
-                                                ? 0
-                                                : movingOffset;
-                                        var newOffsetPosition = offset + movingOffset;
-                                        if (movingOffset !== 0 &&
-                                            nodeTextContent.length >= newOffsetPosition) {
-                                            newRange.setStart(node, newOffsetPosition);
-                                            newRange.setEnd(node, newOffsetPosition);
-                                        }
-                                    }
-                                }
-                                _this.editor.setDOMSelection({
-                                    type: 'range',
-                                    range: newRange,
-                                    isReverted: false,
-                                });
-                                // reset values
-                                _this.isTouchPenPointerEvent = false;
-                            }
-                        }
-                    }, POINTER_DETECTION_DELAY);
-                    break;
-                case 'doubleClick':
-                    if (this.isTouchPenPointerEvent) {
-                        event.rawEvent.preventDefault();
-                        this.isDblClicked = true;
-                        var caretPosition = (0, getNodePositionFromEvent_1.getNodePositionFromEvent)(this.editor, event.rawEvent.x, event.rawEvent.y);
-                        if (caretPosition) {
-                            var node = caretPosition.node, offset = caretPosition.offset;
-                            if (node.nodeType !== Node.TEXT_NODE) {
-                                return;
-                            }
-                            var nodeTextContent = node.nodeValue || '';
-                            var char = nodeTextContent.charAt(offset);
-                            // Check if the clicked character is a punctuation mark, then highlight that character only
-                            if (PUNCTUATION_MATCHING_REGEX.test(char)) {
-                                var newRange = (_b = this.editor.getDocument()) === null || _b === void 0 ? void 0 : _b.createRange();
-                                if (newRange) {
-                                    newRange.setStart(node, offset);
-                                    newRange.setEnd(node, offset + 1);
-                                    this.editor.setDOMSelection({
-                                        type: 'range',
-                                        range: newRange,
-                                        isReverted: false,
-                                    });
-                                }
-                            }
-                            else if (SPACE_MATCHING_REGEX.test(char)) {
-                                // If the clicked character is an open space with no word of right side
-                                var rightSideOfChar = nodeTextContent.substring(offset, nodeTextContent.length);
-                                var isRightSideAllSpaces = rightSideOfChar.length > 0 && !/\S/.test(rightSideOfChar);
-                                if (isRightSideAllSpaces) {
-                                    // select the first space only
-                                    var start = offset;
-                                    while (start > 0 &&
-                                        SPACE_MATCHING_REGEX.test(nodeTextContent.charAt(start - 1))) {
-                                        start--;
-                                    }
-                                    var newRange = (_c = this.editor.getDocument()) === null || _c === void 0 ? void 0 : _c.createRange();
-                                    if (newRange) {
-                                        newRange.setStart(node, start);
-                                        newRange.setEnd(node, start + 1);
-                                        this.editor.setDOMSelection({
-                                            type: 'range',
-                                            range: newRange,
-                                            isReverted: false,
-                                        });
-                                    }
-                                }
-                            }
-                            else {
-                                var _e = findWordBoundaries(nodeTextContent, offset), wordStart = _e.wordStart, wordEnd = _e.wordEnd;
-                                var newRange = (_d = this.editor.getDocument()) === null || _d === void 0 ? void 0 : _d.createRange();
-                                if (newRange) {
-                                    newRange.setStart(node, wordStart);
-                                    newRange.setEnd(node, wordEnd);
-                                    this.editor.setDOMSelection({
-                                        type: 'range',
-                                        range: newRange,
-                                        isReverted: false,
-                                    });
-                                }
-                            }
-                        }
-                    }
-                    break;
-            }
-        };
-        return TouchPlugin;
-    }());
-    exports.TouchPlugin = TouchPlugin;
-    /**
-     * @internal
-     * Finds the start and end indices of the word at the given offset in the text.
-     * @param text The string to search within.
-     * @param offset The index within the string to find the word boundaries around.
-     * @returns An object containing wordStart and wordEnd indices.
-     */
-    function findWordBoundaries(text, offset) {
-        var start = offset;
-        var end = offset;
-        // Move start backwards to find word start
-        while (start > 0 &&
-            !SPACE_MATCHING_REGEX.test(text[start - 1]) &&
-            !PUNCTUATION_MATCHING_REGEX.test(text[start - 1])) {
-            start--;
-        }
-        // Move end forward to find word end
-        while (end < text.length &&
-            !SPACE_MATCHING_REGEX.test(text[end]) &&
-            !PUNCTUATION_MATCHING_REGEX.test(text[end])) {
-            end++;
-        }
-        return {
-            wordStart: start,
-            wordEnd: end,
-        };
-    }
-});
+define(["require", "exports", "../utils/getNodePositionFromEvent"], function (require, exports, getNodePositionFromEvent_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.TouchPlugin = void 0;
+    var MAX_TOUCH_MOVE_DISTANCE = 6; // the max number of offsets for the touch selection to move
+    var POINTER_DETECTION_DELAY = 150; // Delay time to wait for selection to be updated and also detect if pointerup is a tap or part of double tap
+    var PUNCTUATION_MATCHING_REGEX = /[.,;:!]/;
+    var SPACE_MATCHING_REGEX = /\s/;
+    /**
+     * Touch plugin to manage touch behaviors
+     */
+    var TouchPlugin = /** @class */ (function () {
+        /**
+         * Create an instance of Touch plugin
+         */
+        function TouchPlugin() {
+            this.editor = null;
+            this.timer = 0;
+            this.isDblClicked = false;
+            this.isTouchPenPointerEvent = false;
+        }
+        /**
+         * Get a friendly name of  this plugin
+         */
+        TouchPlugin.prototype.getName = function () {
+            return 'Touch';
+        };
+        /**
+         * Initialize this plugin. This should only be called from Editor
+         * @param editor Editor instance
+         */
+        TouchPlugin.prototype.initialize = function (editor) {
+            this.editor = editor;
+            this.isDblClicked = false;
+        };
+        /**
+         * Dispose this plugin
+         */
+        TouchPlugin.prototype.dispose = function () {
+            var _a, _b, _c;
+            if (this.timer) {
+                (_c = (_b = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.getDocument()) === null || _b === void 0 ? void 0 : _b.defaultView) === null || _c === void 0 ? void 0 : _c.clearTimeout(this.timer);
+                this.timer = 0;
+            }
+            this.editor = null;
+        };
+        /**
+         * Handle events triggered from editor
+         * @param event PluginEvent object
+         */
+        TouchPlugin.prototype.onPluginEvent = function (event) {
+            var _this = this;
+            var _a, _b, _c;
+            if (!this.editor) {
+                return;
+            }
+            switch (event.eventType) {
+                case 'pointerDown':
+                    this.isDblClicked = false;
+                    this.isTouchPenPointerEvent = true;
+                    event.originalEvent.preventDefault();
+                    var targetWindow = this.editor.getDocument().defaultView;
+                    if (targetWindow) {
+                        if (this.timer) {
+                            targetWindow.clearTimeout(this.timer);
+                        }
+                        this.timer = targetWindow.setTimeout(function () {
+                            _this.timer = 0;
+                            if (_this.editor) {
+                                if (!_this.isDblClicked) {
+                                    _this.editor.focus();
+                                    var caretPosition = (0, getNodePositionFromEvent_1.getNodePositionFromEvent)(_this.editor, event.rawEvent.x, event.rawEvent.y);
+                                    var newRange = _this.editor.getDocument().createRange();
+                                    if (caretPosition) {
+                                        var node = caretPosition.node, offset = caretPosition.offset;
+                                        // Place cursor at same position of browser handler by default
+                                        newRange.setStart(node, offset);
+                                        newRange.setEnd(node, offset);
+                                        var nodeTextContent = node.textContent || '';
+                                        var charAtSelection = nodeTextContent[offset];
+                                        if (node.nodeType === Node.TEXT_NODE &&
+                                            charAtSelection &&
+                                            !SPACE_MATCHING_REGEX.test(charAtSelection) &&
+                                            !PUNCTUATION_MATCHING_REGEX.test(charAtSelection)) {
+                                            var _a = findWordBoundaries(nodeTextContent, offset), wordStart = _a.wordStart, wordEnd = _a.wordEnd;
+                                            // Move cursor to the calculated offset
+                                            var leftCursorWordLength = offset - wordStart;
+                                            var rightCursorWordLength = wordEnd - offset;
+                                            var movingOffset = leftCursorWordLength >= rightCursorWordLength
+                                                ? rightCursorWordLength
+                                                : -leftCursorWordLength;
+                                            movingOffset =
+                                                Math.abs(movingOffset) > MAX_TOUCH_MOVE_DISTANCE
+                                                    ? 0
+                                                    : movingOffset;
+                                            var newOffsetPosition = offset + movingOffset;
+                                            if (movingOffset !== 0 &&
+                                                nodeTextContent.length >= newOffsetPosition) {
+                                                newRange.setStart(node, newOffsetPosition);
+                                                newRange.setEnd(node, newOffsetPosition);
+                                            }
+                                        }
+                                    }
+                                    _this.editor.setDOMSelection({
+                                        type: 'range',
+                                        range: newRange,
+                                        isReverted: false,
+                                    });
+                                    // reset values
+                                    _this.isTouchPenPointerEvent = false;
+                                }
+                            }
+                        }, POINTER_DETECTION_DELAY);
+                    }
+                    break;
+                case 'doubleClick':
+                    if (this.isTouchPenPointerEvent) {
+                        event.rawEvent.preventDefault();
+                        this.isDblClicked = true;
+                        var caretPosition = (0, getNodePositionFromEvent_1.getNodePositionFromEvent)(this.editor, event.rawEvent.x, event.rawEvent.y);
+                        if (caretPosition) {
+                            var node = caretPosition.node, offset = caretPosition.offset;
+                            if (node.nodeType !== Node.TEXT_NODE) {
+                                return;
+                            }
+                            var nodeTextContent = node.nodeValue || '';
+                            var char = nodeTextContent.charAt(offset);
+                            // Check if the clicked character is a punctuation mark, then highlight that character only
+                            if (PUNCTUATION_MATCHING_REGEX.test(char)) {
+                                var newRange = (_a = this.editor.getDocument()) === null || _a === void 0 ? void 0 : _a.createRange();
+                                if (newRange) {
+                                    newRange.setStart(node, offset);
+                                    newRange.setEnd(node, offset + 1);
+                                    this.editor.setDOMSelection({
+                                        type: 'range',
+                                        range: newRange,
+                                        isReverted: false,
+                                    });
+                                }
+                            }
+                            else if (SPACE_MATCHING_REGEX.test(char)) {
+                                // If the clicked character is an open space with no word of right side
+                                var rightSideOfChar = nodeTextContent.substring(offset, nodeTextContent.length);
+                                var isRightSideAllSpaces = rightSideOfChar.length > 0 && !/\S/.test(rightSideOfChar);
+                                if (isRightSideAllSpaces) {
+                                    // select the first space only
+                                    var start = offset;
+                                    while (start > 0 &&
+                                        SPACE_MATCHING_REGEX.test(nodeTextContent.charAt(start - 1))) {
+                                        start--;
+                                    }
+                                    var newRange = (_b = this.editor.getDocument()) === null || _b === void 0 ? void 0 : _b.createRange();
+                                    if (newRange) {
+                                        newRange.setStart(node, start);
+                                        newRange.setEnd(node, start + 1);
+                                        this.editor.setDOMSelection({
+                                            type: 'range',
+                                            range: newRange,
+                                            isReverted: false,
+                                        });
+                                    }
+                                }
+                            }
+                            else {
+                                var _d = findWordBoundaries(nodeTextContent, offset), wordStart = _d.wordStart, wordEnd = _d.wordEnd;
+                                var newRange = (_c = this.editor.getDocument()) === null || _c === void 0 ? void 0 : _c.createRange();
+                                if (newRange) {
+                                    newRange.setStart(node, wordStart);
+                                    newRange.setEnd(node, wordEnd);
+                                    this.editor.setDOMSelection({
+                                        type: 'range',
+                                        range: newRange,
+                                        isReverted: false,
+                                    });
+                                }
+                            }
+                        }
+                    }
+                    break;
+            }
+        };
+        return TouchPlugin;
+    }());
+    exports.TouchPlugin = TouchPlugin;
+    /**
+     * @internal
+     * Finds the start and end indices of the word at the given offset in the text.
+     * @param text The string to search within.
+     * @param offset The index within the string to find the word boundaries around.
+     * @returns An object containing wordStart and wordEnd indices.
+     */
+    function findWordBoundaries(text, offset) {
+        var start = offset;
+        var end = offset;
+        // Move start backwards to find word start
+        while (start > 0 &&
+            !SPACE_MATCHING_REGEX.test(text[start - 1]) &&
+            !PUNCTUATION_MATCHING_REGEX.test(text[start - 1])) {
+            start--;
+        }
+        // Move end forward to find word end
+        while (end < text.length &&
+            !SPACE_MATCHING_REGEX.test(text[end]) &&
+            !PUNCTUATION_MATCHING_REGEX.test(text[end])) {
+            end++;
+        }
+        return {
+            wordStart: start,
+            wordEnd: end,
+        };
+    }
+});
 //# sourceMappingURL=TouchPlugin.js.map

package/lib-amd/touch/TouchPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"TouchPlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/touch/TouchPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import type { EditorPlugin, IEditor, PluginEvent } from 'roosterjs-content-model-types';\nimport { getNodePositionFromEvent } from '../utils/getNodePositionFromEvent';\n\nconst MAX_TOUCH_MOVE_DISTANCE = 6; // the max number of offsets for the touch selection to move\nconst POINTER_DETECTION_DELAY = 150; // Delay time to wait for selection to be updated and also detect if pointerup is a tap or part of double tap\nconst PUNCTUATION_MATCHING_REGEX = /[.,;:!]/;\nconst SPACE_MATCHING_REGEX = /\\s/;\n\n/**\n * Touch plugin to manage touch behaviors\n */\nexport class TouchPlugin implements EditorPlugin {\n    private editor: IEditor | null = null;\n    private timer = 0;\n    private isDblClicked: boolean = false;\n    private isTouchPenPointerEvent: boolean = false;\n\n    /**\n     * Create an instance of Touch plugin\n     */\n    constructor() {}\n\n    /**\n     * Get a friendly name of  this plugin\n     */\n    getName() {\n        return 'Touch';\n    }\n\n    /**\n     * Initialize this plugin. This should only be called from Editor\n     * @param editor Editor instance\n     */\n    initialize(editor: IEditor) {\n        this.editor = editor;\n        this.isDblClicked = false;\n    }\n\n    /**\n     * Dispose this plugin\n     */\n    dispose() {\n        if (this.timer) {\n            this.editor?.getDocument()?.defaultView?.clearTimeout(this.timer);\n            this.timer = 0;\n        }\n        this.editor = null;\n    }\n\n    /**\n     * Handle events triggered from editor\n     * @param event PluginEvent object\n     */\n    onPluginEvent(event: PluginEvent) {\n        if (!this.editor) {\n            return;\n        }\n        switch (event.eventType) {\n            case 'pointerDown':\n                this.isDblClicked = false;\n                this.isTouchPenPointerEvent = true;\n                event.originalEvent.preventDefault();\n\n                const targetWindow = this.editor.getDocument()?.defaultView || window;\n                if (this.timer) {\n                    targetWindow.clearTimeout(this.timer);\n                }\n\n                this.timer = targetWindow.setTimeout(() => {\n                    this.timer = 0;\n\n                    if (this.editor) {\n                        if (!this.isDblClicked) {\n                            this.editor.focus();\n                            const caretPosition = getNodePositionFromEvent(\n                                this.editor,\n                                event.rawEvent.x,\n                                event.rawEvent.y\n                            );\n\n                            const newRange = this.editor.getDocument().createRange();\n                            if (caretPosition) {\n                                const { node, offset } = caretPosition;\n\n                                // Place cursor at same position of browser handler by default\n                                newRange.setStart(node, offset);\n                                newRange.setEnd(node, offset);\n\n                                const nodeTextContent = node.textContent || '';\n                                const charAtSelection = nodeTextContent[offset];\n                                if (\n                                    node.nodeType === Node.TEXT_NODE &&\n                                    charAtSelection &&\n                                    !SPACE_MATCHING_REGEX.test(charAtSelection) &&\n                                    !PUNCTUATION_MATCHING_REGEX.test(charAtSelection)\n                                ) {\n                                    const { wordStart, wordEnd } = findWordBoundaries(\n                                        nodeTextContent,\n                                        offset\n                                    );\n\n                                    // Move cursor to the calculated offset\n                                    const leftCursorWordLength = offset - wordStart;\n                                    const rightCursorWordLength = wordEnd - offset;\n                                    let movingOffset: number =\n                                        leftCursorWordLength >= rightCursorWordLength\n                                            ? rightCursorWordLength\n                                            : -leftCursorWordLength;\n                                    movingOffset =\n                                        Math.abs(movingOffset) > MAX_TOUCH_MOVE_DISTANCE\n                                            ? 0\n                                            : movingOffset;\n                                    const newOffsetPosition = offset + movingOffset;\n                                    if (\n                                        movingOffset !== 0 &&\n                                        nodeTextContent.length >= newOffsetPosition\n                                    ) {\n                                        newRange.setStart(node, newOffsetPosition);\n                                        newRange.setEnd(node, newOffsetPosition);\n                                    }\n                                }\n                            }\n                            this.editor.setDOMSelection({\n                                type: 'range',\n                                range: newRange,\n                                isReverted: false,\n                            });\n\n                            // reset values\n                            this.isTouchPenPointerEvent = false;\n                        }\n                    }\n                }, POINTER_DETECTION_DELAY);\n                break;\n            case 'doubleClick':\n                if (this.isTouchPenPointerEvent) {\n                    event.rawEvent.preventDefault();\n\n                    this.isDblClicked = true;\n                    const caretPosition = getNodePositionFromEvent(\n                        this.editor,\n                        event.rawEvent.x,\n                        event.rawEvent.y\n                    );\n\n                    if (caretPosition) {\n                        const { node, offset } = caretPosition;\n\n                        if (node.nodeType !== Node.TEXT_NODE) {\n                            return;\n                        }\n\n                        const nodeTextContent = node.nodeValue || '';\n                        const char = nodeTextContent.charAt(offset);\n\n                        // Check if the clicked character is a punctuation mark, then highlight that character only\n                        if (PUNCTUATION_MATCHING_REGEX.test(char)) {\n                            const newRange = this.editor.getDocument()?.createRange();\n                            if (newRange) {\n                                newRange.setStart(node, offset);\n                                newRange.setEnd(node, offset + 1);\n                                this.editor.setDOMSelection({\n                                    type: 'range',\n                                    range: newRange,\n                                    isReverted: false,\n                                });\n                            }\n                        } else if (SPACE_MATCHING_REGEX.test(char)) {\n                            // If the clicked character is an open space with no word of right side\n                            const rightSideOfChar = nodeTextContent.substring(\n                                offset,\n                                nodeTextContent.length\n                            );\n                            const isRightSideAllSpaces =\n                                rightSideOfChar.length > 0 && !/\\S/.test(rightSideOfChar);\n                            if (isRightSideAllSpaces) {\n                                // select the first space only\n                                let start = offset;\n                                while (\n                                    start > 0 &&\n                                    SPACE_MATCHING_REGEX.test(nodeTextContent.charAt(start - 1))\n                                ) {\n                                    start--;\n                                }\n                                const newRange = this.editor.getDocument()?.createRange();\n                                if (newRange) {\n                                    newRange.setStart(node, start);\n                                    newRange.setEnd(node, start + 1);\n                                    this.editor.setDOMSelection({\n                                        type: 'range',\n                                        range: newRange,\n                                        isReverted: false,\n                                    });\n                                }\n                            }\n                        } else {\n                            const { wordStart, wordEnd } = findWordBoundaries(\n                                nodeTextContent,\n                                offset\n                            );\n                            const newRange = this.editor.getDocument()?.createRange();\n                            if (newRange) {\n                                newRange.setStart(node, wordStart);\n                                newRange.setEnd(node, wordEnd);\n                                this.editor.setDOMSelection({\n                                    type: 'range',\n                                    range: newRange,\n                                    isReverted: false,\n                                });\n                            }\n                        }\n                    }\n                }\n                break;\n        }\n    }\n}\n\n/**\n * @internal\n * Finds the start and end indices of the word at the given offset in the text.\n * @param text The string to search within.\n * @param offset The index within the string to find the word boundaries around.\n * @returns An object containing wordStart and wordEnd indices.\n */\nfunction findWordBoundaries(text: string, offset: number) {\n    let start = offset;\n    let end = offset;\n\n    // Move start backwards to find word start\n    while (\n        start > 0 &&\n        !SPACE_MATCHING_REGEX.test(text[start - 1]) &&\n        !PUNCTUATION_MATCHING_REGEX.test(text[start - 1])\n    ) {\n        start--;\n    }\n\n    // Move end forward to find word end\n    while (\n        end < text.length &&\n        !SPACE_MATCHING_REGEX.test(text[end]) &&\n        !PUNCTUATION_MATCHING_REGEX.test(text[end])\n    ) {\n        end++;\n    }\n\n    return {\n        wordStart: start,\n        wordEnd: end,\n    };\n}\n"]}
+{"version":3,"file":"TouchPlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/touch/TouchPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { getNodePositionFromEvent } from '../utils/getNodePositionFromEvent';\r\nimport type { EditorPlugin, IEditor, PluginEvent } from 'roosterjs-content-model-types';\r\n\r\nconst MAX_TOUCH_MOVE_DISTANCE = 6; // the max number of offsets for the touch selection to move\r\nconst POINTER_DETECTION_DELAY = 150; // Delay time to wait for selection to be updated and also detect if pointerup is a tap or part of double tap\r\nconst PUNCTUATION_MATCHING_REGEX = /[.,;:!]/;\r\nconst SPACE_MATCHING_REGEX = /\\s/;\r\n\r\n/**\r\n * Touch plugin to manage touch behaviors\r\n */\r\nexport class TouchPlugin implements EditorPlugin {\r\n    private editor: IEditor | null = null;\r\n    private timer = 0;\r\n    private isDblClicked: boolean = false;\r\n    private isTouchPenPointerEvent: boolean = false;\r\n\r\n    /**\r\n     * Create an instance of Touch plugin\r\n     */\r\n    constructor() {}\r\n\r\n    /**\r\n     * Get a friendly name of  this plugin\r\n     */\r\n    getName() {\r\n        return 'Touch';\r\n    }\r\n\r\n    /**\r\n     * Initialize this plugin. This should only be called from Editor\r\n     * @param editor Editor instance\r\n     */\r\n    initialize(editor: IEditor) {\r\n        this.editor = editor;\r\n        this.isDblClicked = false;\r\n    }\r\n\r\n    /**\r\n     * Dispose this plugin\r\n     */\r\n    dispose() {\r\n        if (this.timer) {\r\n            this.editor?.getDocument()?.defaultView?.clearTimeout(this.timer);\r\n            this.timer = 0;\r\n        }\r\n        this.editor = null;\r\n    }\r\n\r\n    /**\r\n     * Handle events triggered from editor\r\n     * @param event PluginEvent object\r\n     */\r\n    onPluginEvent(event: PluginEvent) {\r\n        if (!this.editor) {\r\n            return;\r\n        }\r\n        switch (event.eventType) {\r\n            case 'pointerDown':\r\n                this.isDblClicked = false;\r\n                this.isTouchPenPointerEvent = true;\r\n                event.originalEvent.preventDefault();\r\n\r\n                const targetWindow = this.editor.getDocument().defaultView;\r\n\r\n                if (targetWindow) {\r\n                    if (this.timer) {\r\n                        targetWindow.clearTimeout(this.timer);\r\n                    }\r\n\r\n                    this.timer = targetWindow.setTimeout(() => {\r\n                        this.timer = 0;\r\n\r\n                        if (this.editor) {\r\n                            if (!this.isDblClicked) {\r\n                                this.editor.focus();\r\n                                const caretPosition = getNodePositionFromEvent(\r\n                                    this.editor,\r\n                                    event.rawEvent.x,\r\n                                    event.rawEvent.y\r\n                                );\r\n\r\n                                const newRange = this.editor.getDocument().createRange();\r\n                                if (caretPosition) {\r\n                                    const { node, offset } = caretPosition;\r\n\r\n                                    // Place cursor at same position of browser handler by default\r\n                                    newRange.setStart(node, offset);\r\n                                    newRange.setEnd(node, offset);\r\n\r\n                                    const nodeTextContent = node.textContent || '';\r\n                                    const charAtSelection = nodeTextContent[offset];\r\n                                    if (\r\n                                        node.nodeType === Node.TEXT_NODE &&\r\n                                        charAtSelection &&\r\n                                        !SPACE_MATCHING_REGEX.test(charAtSelection) &&\r\n                                        !PUNCTUATION_MATCHING_REGEX.test(charAtSelection)\r\n                                    ) {\r\n                                        const { wordStart, wordEnd } = findWordBoundaries(\r\n                                            nodeTextContent,\r\n                                            offset\r\n                                        );\r\n\r\n                                        // Move cursor to the calculated offset\r\n                                        const leftCursorWordLength = offset - wordStart;\r\n                                        const rightCursorWordLength = wordEnd - offset;\r\n                                        let movingOffset: number =\r\n                                            leftCursorWordLength >= rightCursorWordLength\r\n                                                ? rightCursorWordLength\r\n                                                : -leftCursorWordLength;\r\n                                        movingOffset =\r\n                                            Math.abs(movingOffset) > MAX_TOUCH_MOVE_DISTANCE\r\n                                                ? 0\r\n                                                : movingOffset;\r\n                                        const newOffsetPosition = offset + movingOffset;\r\n                                        if (\r\n                                            movingOffset !== 0 &&\r\n                                            nodeTextContent.length >= newOffsetPosition\r\n                                        ) {\r\n                                            newRange.setStart(node, newOffsetPosition);\r\n                                            newRange.setEnd(node, newOffsetPosition);\r\n                                        }\r\n                                    }\r\n                                }\r\n                                this.editor.setDOMSelection({\r\n                                    type: 'range',\r\n                                    range: newRange,\r\n                                    isReverted: false,\r\n                                });\r\n\r\n                                // reset values\r\n                                this.isTouchPenPointerEvent = false;\r\n                            }\r\n                        }\r\n                    }, POINTER_DETECTION_DELAY);\r\n                }\r\n                break;\r\n            case 'doubleClick':\r\n                if (this.isTouchPenPointerEvent) {\r\n                    event.rawEvent.preventDefault();\r\n\r\n                    this.isDblClicked = true;\r\n                    const caretPosition = getNodePositionFromEvent(\r\n                        this.editor,\r\n                        event.rawEvent.x,\r\n                        event.rawEvent.y\r\n                    );\r\n\r\n                    if (caretPosition) {\r\n                        const { node, offset } = caretPosition;\r\n\r\n                        if (node.nodeType !== Node.TEXT_NODE) {\r\n                            return;\r\n                        }\r\n\r\n                        const nodeTextContent = node.nodeValue || '';\r\n                        const char = nodeTextContent.charAt(offset);\r\n\r\n                        // Check if the clicked character is a punctuation mark, then highlight that character only\r\n                        if (PUNCTUATION_MATCHING_REGEX.test(char)) {\r\n                            const newRange = this.editor.getDocument()?.createRange();\r\n                            if (newRange) {\r\n                                newRange.setStart(node, offset);\r\n                                newRange.setEnd(node, offset + 1);\r\n                                this.editor.setDOMSelection({\r\n                                    type: 'range',\r\n                                    range: newRange,\r\n                                    isReverted: false,\r\n                                });\r\n                            }\r\n                        } else if (SPACE_MATCHING_REGEX.test(char)) {\r\n                            // If the clicked character is an open space with no word of right side\r\n                            const rightSideOfChar = nodeTextContent.substring(\r\n                                offset,\r\n                                nodeTextContent.length\r\n                            );\r\n                            const isRightSideAllSpaces =\r\n                                rightSideOfChar.length > 0 && !/\\S/.test(rightSideOfChar);\r\n                            if (isRightSideAllSpaces) {\r\n                                // select the first space only\r\n                                let start = offset;\r\n                                while (\r\n                                    start > 0 &&\r\n                                    SPACE_MATCHING_REGEX.test(nodeTextContent.charAt(start - 1))\r\n                                ) {\r\n                                    start--;\r\n                                }\r\n                                const newRange = this.editor.getDocument()?.createRange();\r\n                                if (newRange) {\r\n                                    newRange.setStart(node, start);\r\n                                    newRange.setEnd(node, start + 1);\r\n                                    this.editor.setDOMSelection({\r\n                                        type: 'range',\r\n                                        range: newRange,\r\n                                        isReverted: false,\r\n                                    });\r\n                                }\r\n                            }\r\n                        } else {\r\n                            const { wordStart, wordEnd } = findWordBoundaries(\r\n                                nodeTextContent,\r\n                                offset\r\n                            );\r\n                            const newRange = this.editor.getDocument()?.createRange();\r\n                            if (newRange) {\r\n                                newRange.setStart(node, wordStart);\r\n                                newRange.setEnd(node, wordEnd);\r\n                                this.editor.setDOMSelection({\r\n                                    type: 'range',\r\n                                    range: newRange,\r\n                                    isReverted: false,\r\n                                });\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n                break;\r\n        }\r\n    }\r\n}\r\n\r\n/**\r\n * @internal\r\n * Finds the start and end indices of the word at the given offset in the text.\r\n * @param text The string to search within.\r\n * @param offset The index within the string to find the word boundaries around.\r\n * @returns An object containing wordStart and wordEnd indices.\r\n */\r\nfunction findWordBoundaries(text: string, offset: number) {\r\n    let start = offset;\r\n    let end = offset;\r\n\r\n    // Move start backwards to find word start\r\n    while (\r\n        start > 0 &&\r\n        !SPACE_MATCHING_REGEX.test(text[start - 1]) &&\r\n        !PUNCTUATION_MATCHING_REGEX.test(text[start - 1])\r\n    ) {\r\n        start--;\r\n    }\r\n\r\n    // Move end forward to find word end\r\n    while (\r\n        end < text.length &&\r\n        !SPACE_MATCHING_REGEX.test(text[end]) &&\r\n        !PUNCTUATION_MATCHING_REGEX.test(text[end])\r\n    ) {\r\n        end++;\r\n    }\r\n\r\n    return {\r\n        wordStart: start,\r\n        wordEnd: end,\r\n    };\r\n}\r\n"]}

package/lib-amd/utils/getNodePositionFromEvent.d.ts

@@ -1,5 +1,5 @@
-import type { DOMInsertPoint, IEditor } from 'roosterjs-content-model-types';
-/**
- * @internal Get insertion point from coordinate.
- */
-export declare function getNodePositionFromEvent(editor: IEditor, x: number, y: number): DOMInsertPoint | null;
+import type { DOMInsertPoint, IEditor } from 'roosterjs-content-model-types';
+/**
+ * @internal Get insertion point from coordinate.
+ */
+export declare function getNodePositionFromEvent(editor: IEditor, x: number, y: number): DOMInsertPoint | null;

package/lib-amd/utils/getNodePositionFromEvent.js

@@ -1,36 +1,36 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.getNodePositionFromEvent = void 0;
-    /**
-     * @internal Get insertion point from coordinate.
-     */
-    function getNodePositionFromEvent(editor, x, y) {
-        var doc = editor.getDocument();
-        var domHelper = editor.getDOMHelper();
-        if ('caretPositionFromPoint' in doc) {
-            // Firefox, Chrome, Edge, Safari, Opera
-            var pos = doc.caretPositionFromPoint(x, y);
-            if (pos && domHelper.isNodeInEditor(pos.offsetNode)) {
-                return { node: pos.offsetNode, offset: pos.offset };
-            }
-        }
-        if (doc.caretRangeFromPoint) {
-            // Safari
-            var range = doc.caretRangeFromPoint(x, y);
-            if (range && domHelper.isNodeInEditor(range.startContainer)) {
-                return { node: range.startContainer, offset: range.startOffset };
-            }
-        }
-        if (doc.elementFromPoint) {
-            // Fallback
-            var element = doc.elementFromPoint(x, y);
-            if (element && domHelper.isNodeInEditor(element)) {
-                return { node: element, offset: 0 };
-            }
-        }
-        return null;
-    }
-    exports.getNodePositionFromEvent = getNodePositionFromEvent;
-});
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getNodePositionFromEvent = void 0;
+    /**
+     * @internal Get insertion point from coordinate.
+     */
+    function getNodePositionFromEvent(editor, x, y) {
+        var doc = editor.getDocument();
+        var domHelper = editor.getDOMHelper();
+        if ('caretPositionFromPoint' in doc) {
+            // Firefox, Chrome, Edge, Safari, Opera
+            var pos = doc.caretPositionFromPoint(x, y);
+            if (pos && domHelper.isNodeInEditor(pos.offsetNode)) {
+                return { node: pos.offsetNode, offset: pos.offset };
+            }
+        }
+        if (doc.caretRangeFromPoint) {
+            // Safari
+            var range = doc.caretRangeFromPoint(x, y);
+            if (range && domHelper.isNodeInEditor(range.startContainer)) {
+                return { node: range.startContainer, offset: range.startOffset };
+            }
+        }
+        if (doc.elementFromPoint) {
+            // Fallback
+            var element = doc.elementFromPoint(x, y);
+            if (element && domHelper.isNodeInEditor(element)) {
+                return { node: element, offset: 0 };
+            }
+        }
+        return null;
+    }
+    exports.getNodePositionFromEvent = getNodePositionFromEvent;
+});
 //# sourceMappingURL=getNodePositionFromEvent.js.map

package/lib-amd/utils/getNodePositionFromEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"getNodePositionFromEvent.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/utils/getNodePositionFromEvent.ts"],"names":[],"mappings":";;;;IAEA;;OAEG;IACH,SAAgB,wBAAwB,CACpC,MAAe,EACf,CAAS,EACT,CAAS;QAET,IAAM,GAAG,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;QACjC,IAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;QAExC,IAAI,wBAAwB,IAAI,GAAG,EAAE;YACjC,uCAAuC;YACvC,IAAM,GAAG,GAAI,GAAW,CAAC,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACtD,IAAI,GAAG,IAAI,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;gBACjD,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC;aACvD;SACJ;QAED,IAAI,GAAG,CAAC,mBAAmB,EAAE;YACzB,SAAS;YACT,IAAM,KAAK,GAAG,GAAG,CAAC,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAC5C,IAAI,KAAK,IAAI,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE;gBACzD,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC;aACpE;SACJ;QAED,IAAI,GAAG,CAAC,gBAAgB,EAAE;YACtB,WAAW;YACX,IAAM,OAAO,GAAG,GAAG,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAC3C,IAAI,OAAO,IAAI,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;gBAC9C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;aACvC;SACJ;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;IAjCD,4DAiCC","sourcesContent":["import type { DOMInsertPoint, IEditor } from 'roosterjs-content-model-types';\n\n/**\n * @internal Get insertion point from coordinate.\n */\nexport function getNodePositionFromEvent(\n    editor: IEditor,\n    x: number,\n    y: number\n): DOMInsertPoint | null {\n    const doc = editor.getDocument();\n    const domHelper = editor.getDOMHelper();\n\n    if ('caretPositionFromPoint' in doc) {\n        // Firefox, Chrome, Edge, Safari, Opera\n        const pos = (doc as any).caretPositionFromPoint(x, y);\n        if (pos && domHelper.isNodeInEditor(pos.offsetNode)) {\n            return { node: pos.offsetNode, offset: pos.offset };\n        }\n    }\n\n    if (doc.caretRangeFromPoint) {\n        // Safari\n        const range = doc.caretRangeFromPoint(x, y);\n        if (range && domHelper.isNodeInEditor(range.startContainer)) {\n            return { node: range.startContainer, offset: range.startOffset };\n        }\n    }\n\n    if (doc.elementFromPoint) {\n        // Fallback\n        const element = doc.elementFromPoint(x, y);\n        if (element && domHelper.isNodeInEditor(element)) {\n            return { node: element, offset: 0 };\n        }\n    }\n\n    return null;\n}\n"]}
+{"version":3,"file":"getNodePositionFromEvent.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/utils/getNodePositionFromEvent.ts"],"names":[],"mappings":";;;;IAEA;;OAEG;IACH,SAAgB,wBAAwB,CACpC,MAAe,EACf,CAAS,EACT,CAAS;QAET,IAAM,GAAG,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;QACjC,IAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;QAExC,IAAI,wBAAwB,IAAI,GAAG,EAAE;YACjC,uCAAuC;YACvC,IAAM,GAAG,GAAI,GAAW,CAAC,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACtD,IAAI,GAAG,IAAI,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;gBACjD,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC;aACvD;SACJ;QAED,IAAI,GAAG,CAAC,mBAAmB,EAAE;YACzB,SAAS;YACT,IAAM,KAAK,GAAG,GAAG,CAAC,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAC5C,IAAI,KAAK,IAAI,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE;gBACzD,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC;aACpE;SACJ;QAED,IAAI,GAAG,CAAC,gBAAgB,EAAE;YACtB,WAAW;YACX,IAAM,OAAO,GAAG,GAAG,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAC3C,IAAI,OAAO,IAAI,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;gBAC9C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;aACvC;SACJ;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;IAjCD,4DAiCC","sourcesContent":["import type { DOMInsertPoint, IEditor } from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * @internal Get insertion point from coordinate.\r\n */\r\nexport function getNodePositionFromEvent(\r\n    editor: IEditor,\r\n    x: number,\r\n    y: number\r\n): DOMInsertPoint | null {\r\n    const doc = editor.getDocument();\r\n    const domHelper = editor.getDOMHelper();\r\n\r\n    if ('caretPositionFromPoint' in doc) {\r\n        // Firefox, Chrome, Edge, Safari, Opera\r\n        const pos = (doc as any).caretPositionFromPoint(x, y);\r\n        if (pos && domHelper.isNodeInEditor(pos.offsetNode)) {\r\n            return { node: pos.offsetNode, offset: pos.offset };\r\n        }\r\n    }\r\n\r\n    if (doc.caretRangeFromPoint) {\r\n        // Safari\r\n        const range = doc.caretRangeFromPoint(x, y);\r\n        if (range && domHelper.isNodeInEditor(range.startContainer)) {\r\n            return { node: range.startContainer, offset: range.startOffset };\r\n        }\r\n    }\r\n\r\n    if (doc.elementFromPoint) {\r\n        // Fallback\r\n        const element = doc.elementFromPoint(x, y);\r\n        if (element && domHelper.isNodeInEditor(element)) {\r\n            return { node: element, offset: 0 };\r\n        }\r\n    }\r\n\r\n    return null;\r\n}\r\n"]}