roosterjs-content-model-plugins 9.45.0 → 9.45.1

package/lib/picker/PickerPlugin.d.ts

@@ -1,54 +1,54 @@
-import type { PickerHandler } from './PickerHandler';
-import type { EditorPlugin, IEditor, PluginEvent } from 'roosterjs-content-model-types';
-/**
- * PickerPlugin represents a plugin of editor which can handle picker related behaviors, including
- * - Show picker when special trigger key is pressed
- * - Hide picker
- * - Change selection in picker by Up/Down/Left/Right
- * - Apply selected item in picker
- *
- * PickerPlugin doesn't provide any UI, it just wraps related DOM events and invoke callback functions.
- */
-export declare class PickerPlugin implements EditorPlugin {
-    private triggerCharacter;
-    private readonly handler;
-    private isMac;
-    private lastQueryString;
-    private helper;
-    /**
-     * Construct a new instance of PickerPlugin class
-     * @param triggerCharacter The character to trigger a picker to be shown
-     * @param handler Picker handler for receiving picker state change events
-     */
-    constructor(triggerCharacter: string, handler: PickerHandler);
-    /**
-     * Get a friendly name
-     */
-    getName(): string;
-    /**
-     * Initialize this plugin. This should only be called from Editor
-     * @param editor Editor instance
-     */
-    initialize(editor: IEditor): void;
-    /**
-     * Dispose this plugin
-     */
-    dispose(): void;
-    /**
-     * Check if the plugin should handle the given event exclusively.
-     * Handle an event exclusively means other plugin will not receive this event in
-     * onPluginEvent method.
-     * If two plugins will return true in willHandleEventExclusively() for the same event,
-     * the final result depends on the order of the plugins are added into editor
-     * @param event The event to check
-     */
-    willHandleEventExclusively(event: PluginEvent): boolean;
-    /**
-     * Handle events triggered from editor
-     * @param event PluginEvent object
-     */
-    onPluginEvent(event: PluginEvent): void;
-    private onSuggestingKeyDown;
-    private onSuggestingInput;
-    private onInput;
-}
+import type { PickerHandler } from './PickerHandler';
+import type { EditorPlugin, IEditor, PluginEvent } from 'roosterjs-content-model-types';
+/**
+ * PickerPlugin represents a plugin of editor which can handle picker related behaviors, including
+ * - Show picker when special trigger key is pressed
+ * - Hide picker
+ * - Change selection in picker by Up/Down/Left/Right
+ * - Apply selected item in picker
+ *
+ * PickerPlugin doesn't provide any UI, it just wraps related DOM events and invoke callback functions.
+ */
+export declare class PickerPlugin implements EditorPlugin {
+    private triggerCharacter;
+    private readonly handler;
+    private isMac;
+    private lastQueryString;
+    private helper;
+    /**
+     * Construct a new instance of PickerPlugin class
+     * @param triggerCharacter The character to trigger a picker to be shown
+     * @param handler Picker handler for receiving picker state change events
+     */
+    constructor(triggerCharacter: string, handler: PickerHandler);
+    /**
+     * Get a friendly name
+     */
+    getName(): string;
+    /**
+     * Initialize this plugin. This should only be called from Editor
+     * @param editor Editor instance
+     */
+    initialize(editor: IEditor): void;
+    /**
+     * Dispose this plugin
+     */
+    dispose(): void;
+    /**
+     * Check if the plugin should handle the given event exclusively.
+     * Handle an event exclusively means other plugin will not receive this event in
+     * onPluginEvent method.
+     * If two plugins will return true in willHandleEventExclusively() for the same event,
+     * the final result depends on the order of the plugins are added into editor
+     * @param event The event to check
+     */
+    willHandleEventExclusively(event: PluginEvent): boolean;
+    /**
+     * Handle events triggered from editor
+     * @param event PluginEvent object
+     */
+    onPluginEvent(event: PluginEvent): void;
+    private onSuggestingKeyDown;
+    private onSuggestingInput;
+    private onInput;
+}

package/lib/picker/PickerPlugin.js

@@ -1,217 +1,217 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PickerPlugin = void 0;
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-var roosterjs_content_model_api_1 = require("roosterjs-content-model-api");
-var getQueryString_1 = require("./getQueryString");
-var PickerHelperImpl_1 = require("./PickerHelperImpl");
-/**
- * PickerPlugin represents a plugin of editor which can handle picker related behaviors, including
- * - Show picker when special trigger key is pressed
- * - Hide picker
- * - Change selection in picker by Up/Down/Left/Right
- * - Apply selected item in picker
- *
- * PickerPlugin doesn't provide any UI, it just wraps related DOM events and invoke callback functions.
- */
-var PickerPlugin = /** @class */ (function () {
-    /**
-     * Construct a new instance of PickerPlugin class
-     * @param triggerCharacter The character to trigger a picker to be shown
-     * @param handler Picker handler for receiving picker state change events
-     */
-    function PickerPlugin(triggerCharacter, handler) {
-        this.triggerCharacter = triggerCharacter;
-        this.handler = handler;
-        this.isMac = false;
-        this.lastQueryString = '';
-        this.helper = null;
-    }
-    /**
-     * Get a friendly name
-     */
-    PickerPlugin.prototype.getName = function () {
-        return 'Picker';
-    };
-    /**
-     * Initialize this plugin. This should only be called from Editor
-     * @param editor Editor instance
-     */
-    PickerPlugin.prototype.initialize = function (editor) {
-        this.isMac = !!editor.getEnvironment().isMac;
-        this.helper = new PickerHelperImpl_1.PickerHelperImpl(editor, this.handler, this.triggerCharacter);
-        this.handler.onInitialize(this.helper);
-    };
-    /**
-     * Dispose this plugin
-     */
-    PickerPlugin.prototype.dispose = function () {
-        this.handler.onDispose();
-        this.helper = null;
-    };
-    /**
-     * Check if the plugin should handle the given event exclusively.
-     * Handle an event exclusively means other plugin will not receive this event in
-     * onPluginEvent method.
-     * If two plugins will return true in willHandleEventExclusively() for the same event,
-     * the final result depends on the order of the plugins are added into editor
-     * @param event The event to check
-     */
-    PickerPlugin.prototype.willHandleEventExclusively = function (event) {
-        var _a;
-        return (!!((_a = this.helper) === null || _a === void 0 ? void 0 : _a.direction) &&
-            event.eventType == 'keyDown' &&
-            ((0, roosterjs_content_model_dom_1.isCursorMovingKey)(event.rawEvent) ||
-                event.rawEvent.key == 'Enter' ||
-                event.rawEvent.key == 'Tab' ||
-                event.rawEvent.key == 'Escape'));
-    };
-    /**
-     * Handle events triggered from editor
-     * @param event PluginEvent object
-     */
-    PickerPlugin.prototype.onPluginEvent = function (event) {
-        if (!this.helper) {
-            return;
-        }
-        switch (event.eventType) {
-            case 'contentChanged':
-                if (this.helper.direction) {
-                    if (event.source == roosterjs_content_model_dom_1.ChangeSource.SetContent) {
-                        this.helper.closePicker();
-                    }
-                    else {
-                        this.onSuggestingInput(this.helper);
-                    }
-                }
-                break;
-            case 'keyDown':
-                if (this.helper.direction) {
-                    this.onSuggestingKeyDown(this.helper, event.rawEvent);
-                }
-                break;
-            case 'input':
-                if (this.helper.direction) {
-                    this.onSuggestingInput(this.helper);
-                }
-                else {
-                    this.onInput(this.helper, event.rawEvent);
-                }
-                break;
-            case 'mouseUp':
-                if (this.helper.direction) {
-                    this.helper.closePicker();
-                }
-                break;
-        }
-    };
-    PickerPlugin.prototype.onSuggestingKeyDown = function (helper, event) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        switch (event.key) {
-            case 'ArrowLeft':
-            case 'ArrowRight':
-                if (helper.direction == 'horizontal' || helper.direction == 'both') {
-                    var isIncrement = event.key == 'ArrowRight';
-                    if (helper.editor.getDOMHelper().isRightToLeft()) {
-                        isIncrement = !isIncrement;
-                    }
-                    (_b = (_a = this.handler).onSelectionChanged) === null || _b === void 0 ? void 0 : _b.call(_a, isIncrement ? 'next' : 'previous');
-                }
-                event.preventDefault();
-                break;
-            case 'ArrowUp':
-            case 'ArrowDown':
-                {
-                    var isIncrement = event.key == 'ArrowDown';
-                    if (helper.direction != 'horizontal') {
-                        (_d = (_c = this.handler).onSelectionChanged) === null || _d === void 0 ? void 0 : _d.call(_c, helper.direction == 'both'
-                            ? isIncrement
-                                ? 'nextRow'
-                                : 'previousRow'
-                            : isIncrement
-                                ? 'next'
-                                : 'previous');
-                    }
-                }
-                event.preventDefault();
-                break;
-            case 'PageUp':
-            case 'PageDown':
-                (_f = (_e = this.handler).onSelectionChanged) === null || _f === void 0 ? void 0 : _f.call(_e, event.key == 'PageDown' ? 'nextPage' : 'previousPage');
-                event.preventDefault();
-                break;
-            case 'Home':
-            case 'End':
-                var hasCtrl = this.isMac ? event.metaKey : event.ctrlKey;
-                (_h = (_g = this.handler).onSelectionChanged) === null || _h === void 0 ? void 0 : _h.call(_g, event.key == 'Home'
-                    ? hasCtrl
-                        ? 'first'
-                        : 'firstInRow'
-                    : hasCtrl
-                        ? 'last'
-                        : 'lastInRow');
-                event.preventDefault();
-                break;
-            case 'Escape':
-                helper.closePicker();
-                event.preventDefault();
-                break;
-            case 'Enter':
-            case 'Tab':
-                (_k = (_j = this.handler).onSelect) === null || _k === void 0 ? void 0 : _k.call(_j);
-                event.preventDefault();
-                break;
-        }
-    };
-    PickerPlugin.prototype.onSuggestingInput = function (helper) {
-        var _this = this;
-        if (!(0, roosterjs_content_model_api_1.formatTextSegmentBeforeSelectionMarker)(helper.editor, function (_, segment, paragraph) {
-            var _a, _b;
-            var newQueryString = (0, getQueryString_1.getQueryString)(_this.triggerCharacter, paragraph, segment).replace(/[\u0020\u00A0]/g, ' ');
-            var oldQueryString = _this.lastQueryString;
-            if (newQueryString &&
-                ((newQueryString.length >= oldQueryString.length &&
-                    newQueryString.indexOf(oldQueryString) == 0) ||
-                    (newQueryString.length < oldQueryString.length &&
-                        oldQueryString.indexOf(newQueryString) == 0))) {
-                _this.lastQueryString = newQueryString;
-                (_b = (_a = _this.handler).onQueryStringChanged) === null || _b === void 0 ? void 0 : _b.call(_a, newQueryString);
-            }
-            else {
-                helper.closePicker();
-            }
-            return false;
-        })) {
-            helper.closePicker();
-        }
-    };
-    PickerPlugin.prototype.onInput = function (helper, event) {
-        var _this = this;
-        if (event.inputType == 'insertText' && event.data == this.triggerCharacter) {
-            (0, roosterjs_content_model_api_1.formatTextSegmentBeforeSelectionMarker)(helper.editor, function (_, segment) {
-                if (segment.text.endsWith(_this.triggerCharacter)) {
-                    var charBeforeTrigger = segment.text[segment.text.length - 2];
-                    if (!charBeforeTrigger ||
-                        !charBeforeTrigger.trim() ||
-                        (0, roosterjs_content_model_dom_1.isPunctuation)(charBeforeTrigger)) {
-                        var selection = helper.editor.getDOMSelection();
-                        var pos = (selection === null || selection === void 0 ? void 0 : selection.type) == 'range' && selection.range.collapsed
-                            ? {
-                                node: selection.range.startContainer,
-                                offset: selection.range.startOffset,
-                            }
-                            : null;
-                        if (pos) {
-                            _this.lastQueryString = _this.triggerCharacter;
-                            helper.direction = _this.handler.onTrigger(_this.lastQueryString, pos);
-                        }
-                    }
-                }
-                return false;
-            });
-        }
-    };
-    return PickerPlugin;
-}());
-exports.PickerPlugin = PickerPlugin;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PickerPlugin = void 0;
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+var roosterjs_content_model_api_1 = require("roosterjs-content-model-api");
+var getQueryString_1 = require("./getQueryString");
+var PickerHelperImpl_1 = require("./PickerHelperImpl");
+/**
+ * PickerPlugin represents a plugin of editor which can handle picker related behaviors, including
+ * - Show picker when special trigger key is pressed
+ * - Hide picker
+ * - Change selection in picker by Up/Down/Left/Right
+ * - Apply selected item in picker
+ *
+ * PickerPlugin doesn't provide any UI, it just wraps related DOM events and invoke callback functions.
+ */
+var PickerPlugin = /** @class */ (function () {
+    /**
+     * Construct a new instance of PickerPlugin class
+     * @param triggerCharacter The character to trigger a picker to be shown
+     * @param handler Picker handler for receiving picker state change events
+     */
+    function PickerPlugin(triggerCharacter, handler) {
+        this.triggerCharacter = triggerCharacter;
+        this.handler = handler;
+        this.isMac = false;
+        this.lastQueryString = '';
+        this.helper = null;
+    }
+    /**
+     * Get a friendly name
+     */
+    PickerPlugin.prototype.getName = function () {
+        return 'Picker';
+    };
+    /**
+     * Initialize this plugin. This should only be called from Editor
+     * @param editor Editor instance
+     */
+    PickerPlugin.prototype.initialize = function (editor) {
+        this.isMac = !!editor.getEnvironment().isMac;
+        this.helper = new PickerHelperImpl_1.PickerHelperImpl(editor, this.handler, this.triggerCharacter);
+        this.handler.onInitialize(this.helper);
+    };
+    /**
+     * Dispose this plugin
+     */
+    PickerPlugin.prototype.dispose = function () {
+        this.handler.onDispose();
+        this.helper = null;
+    };
+    /**
+     * Check if the plugin should handle the given event exclusively.
+     * Handle an event exclusively means other plugin will not receive this event in
+     * onPluginEvent method.
+     * If two plugins will return true in willHandleEventExclusively() for the same event,
+     * the final result depends on the order of the plugins are added into editor
+     * @param event The event to check
+     */
+    PickerPlugin.prototype.willHandleEventExclusively = function (event) {
+        var _a;
+        return (!!((_a = this.helper) === null || _a === void 0 ? void 0 : _a.direction) &&
+            event.eventType == 'keyDown' &&
+            ((0, roosterjs_content_model_dom_1.isCursorMovingKey)(event.rawEvent) ||
+                event.rawEvent.key == 'Enter' ||
+                event.rawEvent.key == 'Tab' ||
+                event.rawEvent.key == 'Escape'));
+    };
+    /**
+     * Handle events triggered from editor
+     * @param event PluginEvent object
+     */
+    PickerPlugin.prototype.onPluginEvent = function (event) {
+        if (!this.helper) {
+            return;
+        }
+        switch (event.eventType) {
+            case 'contentChanged':
+                if (this.helper.direction) {
+                    if (event.source == roosterjs_content_model_dom_1.ChangeSource.SetContent) {
+                        this.helper.closePicker();
+                    }
+                    else {
+                        this.onSuggestingInput(this.helper);
+                    }
+                }
+                break;
+            case 'keyDown':
+                if (this.helper.direction) {
+                    this.onSuggestingKeyDown(this.helper, event.rawEvent);
+                }
+                break;
+            case 'input':
+                if (this.helper.direction) {
+                    this.onSuggestingInput(this.helper);
+                }
+                else {
+                    this.onInput(this.helper, event.rawEvent);
+                }
+                break;
+            case 'mouseUp':
+                if (this.helper.direction) {
+                    this.helper.closePicker();
+                }
+                break;
+        }
+    };
+    PickerPlugin.prototype.onSuggestingKeyDown = function (helper, event) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        switch (event.key) {
+            case 'ArrowLeft':
+            case 'ArrowRight':
+                if (helper.direction == 'horizontal' || helper.direction == 'both') {
+                    var isIncrement = event.key == 'ArrowRight';
+                    if (helper.editor.getDOMHelper().isRightToLeft()) {
+                        isIncrement = !isIncrement;
+                    }
+                    (_b = (_a = this.handler).onSelectionChanged) === null || _b === void 0 ? void 0 : _b.call(_a, isIncrement ? 'next' : 'previous');
+                }
+                event.preventDefault();
+                break;
+            case 'ArrowUp':
+            case 'ArrowDown':
+                {
+                    var isIncrement = event.key == 'ArrowDown';
+                    if (helper.direction != 'horizontal') {
+                        (_d = (_c = this.handler).onSelectionChanged) === null || _d === void 0 ? void 0 : _d.call(_c, helper.direction == 'both'
+                            ? isIncrement
+                                ? 'nextRow'
+                                : 'previousRow'
+                            : isIncrement
+                                ? 'next'
+                                : 'previous');
+                    }
+                }
+                event.preventDefault();
+                break;
+            case 'PageUp':
+            case 'PageDown':
+                (_f = (_e = this.handler).onSelectionChanged) === null || _f === void 0 ? void 0 : _f.call(_e, event.key == 'PageDown' ? 'nextPage' : 'previousPage');
+                event.preventDefault();
+                break;
+            case 'Home':
+            case 'End':
+                var hasCtrl = this.isMac ? event.metaKey : event.ctrlKey;
+                (_h = (_g = this.handler).onSelectionChanged) === null || _h === void 0 ? void 0 : _h.call(_g, event.key == 'Home'
+                    ? hasCtrl
+                        ? 'first'
+                        : 'firstInRow'
+                    : hasCtrl
+                        ? 'last'
+                        : 'lastInRow');
+                event.preventDefault();
+                break;
+            case 'Escape':
+                helper.closePicker();
+                event.preventDefault();
+                break;
+            case 'Enter':
+            case 'Tab':
+                (_k = (_j = this.handler).onSelect) === null || _k === void 0 ? void 0 : _k.call(_j);
+                event.preventDefault();
+                break;
+        }
+    };
+    PickerPlugin.prototype.onSuggestingInput = function (helper) {
+        var _this = this;
+        if (!(0, roosterjs_content_model_api_1.formatTextSegmentBeforeSelectionMarker)(helper.editor, function (_, segment, paragraph) {
+            var _a, _b;
+            var newQueryString = (0, getQueryString_1.getQueryString)(_this.triggerCharacter, paragraph, segment).replace(/[\u0020\u00A0]/g, ' ');
+            var oldQueryString = _this.lastQueryString;
+            if (newQueryString &&
+                ((newQueryString.length >= oldQueryString.length &&
+                    newQueryString.indexOf(oldQueryString) == 0) ||
+                    (newQueryString.length < oldQueryString.length &&
+                        oldQueryString.indexOf(newQueryString) == 0))) {
+                _this.lastQueryString = newQueryString;
+                (_b = (_a = _this.handler).onQueryStringChanged) === null || _b === void 0 ? void 0 : _b.call(_a, newQueryString);
+            }
+            else {
+                helper.closePicker();
+            }
+            return false;
+        })) {
+            helper.closePicker();
+        }
+    };
+    PickerPlugin.prototype.onInput = function (helper, event) {
+        var _this = this;
+        if (event.inputType == 'insertText' && event.data == this.triggerCharacter) {
+            (0, roosterjs_content_model_api_1.formatTextSegmentBeforeSelectionMarker)(helper.editor, function (_, segment) {
+                if (segment.text.endsWith(_this.triggerCharacter)) {
+                    var charBeforeTrigger = segment.text[segment.text.length - 2];
+                    if (!charBeforeTrigger ||
+                        !charBeforeTrigger.trim() ||
+                        (0, roosterjs_content_model_dom_1.isPunctuation)(charBeforeTrigger)) {
+                        var selection = helper.editor.getDOMSelection();
+                        var pos = (selection === null || selection === void 0 ? void 0 : selection.type) == 'range' && selection.range.collapsed
+                            ? {
+                                node: selection.range.startContainer,
+                                offset: selection.range.startOffset,
+                            }
+                            : null;
+                        if (pos) {
+                            _this.lastQueryString = _this.triggerCharacter;
+                            helper.direction = _this.handler.onTrigger(_this.lastQueryString, pos);
+                        }
+                    }
+                }
+                return false;
+            });
+        }
+    };
+    return PickerPlugin;
+}());
+exports.PickerPlugin = PickerPlugin;
 //# sourceMappingURL=PickerPlugin.js.map

package/lib/picker/PickerPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerPlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/picker/PickerPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { ChangeSource, isCursorMovingKey, isPunctuation } from 'roosterjs-content-model-dom';\r\nimport { formatTextSegmentBeforeSelectionMarker } from 'roosterjs-content-model-api';\r\nimport { getQueryString } from './getQueryString';\r\nimport { PickerHelperImpl } from './PickerHelperImpl';\r\nimport type { PickerHandler } from './PickerHandler';\r\nimport type {\r\n    DOMInsertPoint,\r\n    EditorPlugin,\r\n    IEditor,\r\n    PluginEvent,\r\n} from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * PickerPlugin represents a plugin of editor which can handle picker related behaviors, including\r\n * - Show picker when special trigger key is pressed\r\n * - Hide picker\r\n * - Change selection in picker by Up/Down/Left/Right\r\n * - Apply selected item in picker\r\n *\r\n * PickerPlugin doesn't provide any UI, it just wraps related DOM events and invoke callback functions.\r\n */\r\nexport class PickerPlugin implements EditorPlugin {\r\n    private isMac: boolean = false;\r\n    private lastQueryString = '';\r\n    private helper: PickerHelperImpl | null = null;\r\n\r\n    /**\r\n     * Construct a new instance of PickerPlugin class\r\n     * @param triggerCharacter The character to trigger a picker to be shown\r\n     * @param handler Picker handler for receiving picker state change events\r\n     */\r\n    constructor(private triggerCharacter: string, private readonly handler: PickerHandler) {}\r\n\r\n    /**\r\n     * Get a friendly name\r\n     */\r\n    getName() {\r\n        return 'Picker';\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.isMac = !!editor.getEnvironment().isMac;\r\n        this.helper = new PickerHelperImpl(editor, this.handler, this.triggerCharacter);\r\n        this.handler.onInitialize(this.helper);\r\n    }\r\n\r\n    /**\r\n     * Dispose this plugin\r\n     */\r\n    dispose() {\r\n        this.handler.onDispose();\r\n        this.helper = null;\r\n    }\r\n\r\n    /**\r\n     * Check if the plugin should handle the given event exclusively.\r\n     * Handle an event exclusively means other plugin will not receive this event in\r\n     * onPluginEvent method.\r\n     * If two plugins will return true in willHandleEventExclusively() for the same event,\r\n     * the final result depends on the order of the plugins are added into editor\r\n     * @param event The event to check\r\n     */\r\n    willHandleEventExclusively(event: PluginEvent) {\r\n        return (\r\n            !!this.helper?.direction &&\r\n            event.eventType == 'keyDown' &&\r\n            (isCursorMovingKey(event.rawEvent) ||\r\n                event.rawEvent.key == 'Enter' ||\r\n                event.rawEvent.key == 'Tab' ||\r\n                event.rawEvent.key == 'Escape')\r\n        );\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.helper) {\r\n            return;\r\n        }\r\n\r\n        switch (event.eventType) {\r\n            case 'contentChanged':\r\n                if (this.helper.direction) {\r\n                    if (event.source == ChangeSource.SetContent) {\r\n                        this.helper.closePicker();\r\n                    } else {\r\n                        this.onSuggestingInput(this.helper);\r\n                    }\r\n                }\r\n                break;\r\n\r\n            case 'keyDown':\r\n                if (this.helper.direction) {\r\n                    this.onSuggestingKeyDown(this.helper, event.rawEvent);\r\n                }\r\n                break;\r\n\r\n            case 'input':\r\n                if (this.helper.direction) {\r\n                    this.onSuggestingInput(this.helper);\r\n                } else {\r\n                    this.onInput(this.helper, event.rawEvent);\r\n                }\r\n                break;\r\n\r\n            case 'mouseUp':\r\n                if (this.helper.direction) {\r\n                    this.helper.closePicker();\r\n                }\r\n                break;\r\n        }\r\n    }\r\n\r\n    private onSuggestingKeyDown(helper: PickerHelperImpl, event: KeyboardEvent) {\r\n        switch (event.key) {\r\n            case 'ArrowLeft':\r\n            case 'ArrowRight':\r\n                if (helper.direction == 'horizontal' || helper.direction == 'both') {\r\n                    let isIncrement = event.key == 'ArrowRight';\r\n\r\n                    if (helper.editor.getDOMHelper().isRightToLeft()) {\r\n                        isIncrement = !isIncrement;\r\n                    }\r\n\r\n                    this.handler.onSelectionChanged?.(isIncrement ? 'next' : 'previous');\r\n                }\r\n\r\n                event.preventDefault();\r\n                break;\r\n            case 'ArrowUp':\r\n            case 'ArrowDown':\r\n                {\r\n                    const isIncrement = event.key == 'ArrowDown';\r\n\r\n                    if (helper.direction != 'horizontal') {\r\n                        this.handler.onSelectionChanged?.(\r\n                            helper.direction == 'both'\r\n                                ? isIncrement\r\n                                    ? 'nextRow'\r\n                                    : 'previousRow'\r\n                                : isIncrement\r\n                                ? 'next'\r\n                                : 'previous'\r\n                        );\r\n                    }\r\n                }\r\n\r\n                event.preventDefault();\r\n                break;\r\n            case 'PageUp':\r\n            case 'PageDown':\r\n                this.handler.onSelectionChanged?.(\r\n                    event.key == 'PageDown' ? 'nextPage' : 'previousPage'\r\n                );\r\n\r\n                event.preventDefault();\r\n                break;\r\n            case 'Home':\r\n            case 'End':\r\n                const hasCtrl = this.isMac ? event.metaKey : event.ctrlKey;\r\n                this.handler.onSelectionChanged?.(\r\n                    event.key == 'Home'\r\n                        ? hasCtrl\r\n                            ? 'first'\r\n                            : 'firstInRow'\r\n                        : hasCtrl\r\n                        ? 'last'\r\n                        : 'lastInRow'\r\n                );\r\n\r\n                event.preventDefault();\r\n                break;\r\n            case 'Escape':\r\n                helper.closePicker();\r\n                event.preventDefault();\r\n                break;\r\n\r\n            case 'Enter':\r\n            case 'Tab':\r\n                this.handler.onSelect?.();\r\n                event.preventDefault();\r\n                break;\r\n        }\r\n    }\r\n\r\n    private onSuggestingInput(helper: PickerHelperImpl) {\r\n        if (\r\n            !formatTextSegmentBeforeSelectionMarker(helper.editor, (_, segment, paragraph) => {\r\n                const newQueryString = getQueryString(\r\n                    this.triggerCharacter,\r\n                    paragraph,\r\n                    segment\r\n                ).replace(/[\\u0020\\u00A0]/g, ' ');\r\n                const oldQueryString = this.lastQueryString;\r\n\r\n                if (\r\n                    newQueryString &&\r\n                    ((newQueryString.length >= oldQueryString.length &&\r\n                        newQueryString.indexOf(oldQueryString) == 0) ||\r\n                        (newQueryString.length < oldQueryString.length &&\r\n                            oldQueryString.indexOf(newQueryString) == 0))\r\n                ) {\r\n                    this.lastQueryString = newQueryString;\r\n                    this.handler.onQueryStringChanged?.(newQueryString);\r\n                } else {\r\n                    helper.closePicker();\r\n                }\r\n\r\n                return false;\r\n            })\r\n        ) {\r\n            helper.closePicker();\r\n        }\r\n    }\r\n\r\n    private onInput(helper: PickerHelperImpl, event: InputEvent) {\r\n        if (event.inputType == 'insertText' && event.data == this.triggerCharacter) {\r\n            formatTextSegmentBeforeSelectionMarker(helper.editor, (_, segment) => {\r\n                if (segment.text.endsWith(this.triggerCharacter)) {\r\n                    const charBeforeTrigger = segment.text[segment.text.length - 2];\r\n\r\n                    if (\r\n                        !charBeforeTrigger ||\r\n                        !charBeforeTrigger.trim() ||\r\n                        isPunctuation(charBeforeTrigger)\r\n                    ) {\r\n                        const selection = helper.editor.getDOMSelection();\r\n                        const pos: DOMInsertPoint | null =\r\n                            selection?.type == 'range' && selection.range.collapsed\r\n                                ? {\r\n                                      node: selection.range.startContainer,\r\n                                      offset: selection.range.startOffset,\r\n                                  }\r\n                                : null;\r\n\r\n                        if (pos) {\r\n                            this.lastQueryString = this.triggerCharacter;\r\n                            helper.direction = this.handler.onTrigger(this.lastQueryString, pos);\r\n                        }\r\n                    }\r\n                }\r\n\r\n                return false;\r\n            });\r\n        }\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"PickerPlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/picker/PickerPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { ChangeSource, isCursorMovingKey, isPunctuation } from 'roosterjs-content-model-dom';\nimport { formatTextSegmentBeforeSelectionMarker } from 'roosterjs-content-model-api';\nimport { getQueryString } from './getQueryString';\nimport { PickerHelperImpl } from './PickerHelperImpl';\nimport type { PickerHandler } from './PickerHandler';\nimport type {\n    DOMInsertPoint,\n    EditorPlugin,\n    IEditor,\n    PluginEvent,\n} from 'roosterjs-content-model-types';\n\n/**\n * PickerPlugin represents a plugin of editor which can handle picker related behaviors, including\n * - Show picker when special trigger key is pressed\n * - Hide picker\n * - Change selection in picker by Up/Down/Left/Right\n * - Apply selected item in picker\n *\n * PickerPlugin doesn't provide any UI, it just wraps related DOM events and invoke callback functions.\n */\nexport class PickerPlugin implements EditorPlugin {\n    private isMac: boolean = false;\n    private lastQueryString = '';\n    private helper: PickerHelperImpl | null = null;\n\n    /**\n     * Construct a new instance of PickerPlugin class\n     * @param triggerCharacter The character to trigger a picker to be shown\n     * @param handler Picker handler for receiving picker state change events\n     */\n    constructor(private triggerCharacter: string, private readonly handler: PickerHandler) {}\n\n    /**\n     * Get a friendly name\n     */\n    getName() {\n        return 'Picker';\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.isMac = !!editor.getEnvironment().isMac;\n        this.helper = new PickerHelperImpl(editor, this.handler, this.triggerCharacter);\n        this.handler.onInitialize(this.helper);\n    }\n\n    /**\n     * Dispose this plugin\n     */\n    dispose() {\n        this.handler.onDispose();\n        this.helper = null;\n    }\n\n    /**\n     * Check if the plugin should handle the given event exclusively.\n     * Handle an event exclusively means other plugin will not receive this event in\n     * onPluginEvent method.\n     * If two plugins will return true in willHandleEventExclusively() for the same event,\n     * the final result depends on the order of the plugins are added into editor\n     * @param event The event to check\n     */\n    willHandleEventExclusively(event: PluginEvent) {\n        return (\n            !!this.helper?.direction &&\n            event.eventType == 'keyDown' &&\n            (isCursorMovingKey(event.rawEvent) ||\n                event.rawEvent.key == 'Enter' ||\n                event.rawEvent.key == 'Tab' ||\n                event.rawEvent.key == 'Escape')\n        );\n    }\n\n    /**\n     * Handle events triggered from editor\n     * @param event PluginEvent object\n     */\n    onPluginEvent(event: PluginEvent) {\n        if (!this.helper) {\n            return;\n        }\n\n        switch (event.eventType) {\n            case 'contentChanged':\n                if (this.helper.direction) {\n                    if (event.source == ChangeSource.SetContent) {\n                        this.helper.closePicker();\n                    } else {\n                        this.onSuggestingInput(this.helper);\n                    }\n                }\n                break;\n\n            case 'keyDown':\n                if (this.helper.direction) {\n                    this.onSuggestingKeyDown(this.helper, event.rawEvent);\n                }\n                break;\n\n            case 'input':\n                if (this.helper.direction) {\n                    this.onSuggestingInput(this.helper);\n                } else {\n                    this.onInput(this.helper, event.rawEvent);\n                }\n                break;\n\n            case 'mouseUp':\n                if (this.helper.direction) {\n                    this.helper.closePicker();\n                }\n                break;\n        }\n    }\n\n    private onSuggestingKeyDown(helper: PickerHelperImpl, event: KeyboardEvent) {\n        switch (event.key) {\n            case 'ArrowLeft':\n            case 'ArrowRight':\n                if (helper.direction == 'horizontal' || helper.direction == 'both') {\n                    let isIncrement = event.key == 'ArrowRight';\n\n                    if (helper.editor.getDOMHelper().isRightToLeft()) {\n                        isIncrement = !isIncrement;\n                    }\n\n                    this.handler.onSelectionChanged?.(isIncrement ? 'next' : 'previous');\n                }\n\n                event.preventDefault();\n                break;\n            case 'ArrowUp':\n            case 'ArrowDown':\n                {\n                    const isIncrement = event.key == 'ArrowDown';\n\n                    if (helper.direction != 'horizontal') {\n                        this.handler.onSelectionChanged?.(\n                            helper.direction == 'both'\n                                ? isIncrement\n                                    ? 'nextRow'\n                                    : 'previousRow'\n                                : isIncrement\n                                ? 'next'\n                                : 'previous'\n                        );\n                    }\n                }\n\n                event.preventDefault();\n                break;\n            case 'PageUp':\n            case 'PageDown':\n                this.handler.onSelectionChanged?.(\n                    event.key == 'PageDown' ? 'nextPage' : 'previousPage'\n                );\n\n                event.preventDefault();\n                break;\n            case 'Home':\n            case 'End':\n                const hasCtrl = this.isMac ? event.metaKey : event.ctrlKey;\n                this.handler.onSelectionChanged?.(\n                    event.key == 'Home'\n                        ? hasCtrl\n                            ? 'first'\n                            : 'firstInRow'\n                        : hasCtrl\n                        ? 'last'\n                        : 'lastInRow'\n                );\n\n                event.preventDefault();\n                break;\n            case 'Escape':\n                helper.closePicker();\n                event.preventDefault();\n                break;\n\n            case 'Enter':\n            case 'Tab':\n                this.handler.onSelect?.();\n                event.preventDefault();\n                break;\n        }\n    }\n\n    private onSuggestingInput(helper: PickerHelperImpl) {\n        if (\n            !formatTextSegmentBeforeSelectionMarker(helper.editor, (_, segment, paragraph) => {\n                const newQueryString = getQueryString(\n                    this.triggerCharacter,\n                    paragraph,\n                    segment\n                ).replace(/[\\u0020\\u00A0]/g, ' ');\n                const oldQueryString = this.lastQueryString;\n\n                if (\n                    newQueryString &&\n                    ((newQueryString.length >= oldQueryString.length &&\n                        newQueryString.indexOf(oldQueryString) == 0) ||\n                        (newQueryString.length < oldQueryString.length &&\n                            oldQueryString.indexOf(newQueryString) == 0))\n                ) {\n                    this.lastQueryString = newQueryString;\n                    this.handler.onQueryStringChanged?.(newQueryString);\n                } else {\n                    helper.closePicker();\n                }\n\n                return false;\n            })\n        ) {\n            helper.closePicker();\n        }\n    }\n\n    private onInput(helper: PickerHelperImpl, event: InputEvent) {\n        if (event.inputType == 'insertText' && event.data == this.triggerCharacter) {\n            formatTextSegmentBeforeSelectionMarker(helper.editor, (_, segment) => {\n                if (segment.text.endsWith(this.triggerCharacter)) {\n                    const charBeforeTrigger = segment.text[segment.text.length - 2];\n\n                    if (\n                        !charBeforeTrigger ||\n                        !charBeforeTrigger.trim() ||\n                        isPunctuation(charBeforeTrigger)\n                    ) {\n                        const selection = helper.editor.getDOMSelection();\n                        const pos: DOMInsertPoint | null =\n                            selection?.type == 'range' && selection.range.collapsed\n                                ? {\n                                      node: selection.range.startContainer,\n                                      offset: selection.range.startOffset,\n                                  }\n                                : null;\n\n                        if (pos) {\n                            this.lastQueryString = this.triggerCharacter;\n                            helper.direction = this.handler.onTrigger(this.lastQueryString, pos);\n                        }\n                    }\n                }\n\n                return false;\n            });\n        }\n    }\n}\n"]}

package/lib/picker/getQueryString.d.ts

@@ -1,5 +1,5 @@
-import type { ContentModelText, ShallowMutableContentModelParagraph } from 'roosterjs-content-model-types';
-/**
- * @internal
- */
-export declare function getQueryString(triggerCharacter: string, paragraph: ShallowMutableContentModelParagraph, previousSegment: ContentModelText, splittedSegmentResult?: ContentModelText[]): string;
+import type { ContentModelText, ShallowMutableContentModelParagraph } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare function getQueryString(triggerCharacter: string, paragraph: ShallowMutableContentModelParagraph, previousSegment: ContentModelText, splittedSegmentResult?: ContentModelText[]): string;