roosterjs-content-model-plugins 9.43.0 → 9.45.0

package/lib/picker/PickerHandler.d.ts

@@ -1,112 +1,112 @@
-import type { PickerHelper } from './PickerHelper';
-import type { DOMInsertPoint } from 'roosterjs-content-model-types';
-/**
- * Direction option for picker
- */
-export declare type PickerDirection = 
-/**
- * Show options horizontally
- */
-'horizontal'
-/**
- * Show options vertically
- */
- | 'vertical'
-/**
- * Show options in both direction (2-D picker)
- */
- | 'both';
-/**
- * Change mode that PickerPlugin will pass to child class
- */
-export declare type PickerSelectionChangMode = 
-/**
- * When user press Right ("horizontal" mode or "both" mode) (Left in RTL) or Down ("vertical" mode),
- * select the next option
- */
-'next'
-/**
- * When user press Left ("horizontal" mode or "both" mode) (Right in RTL) or Up ("vertical" mode),
- * select the previous option
- */
- | 'previous'
-/**
- * When user press Down ("both" mode),
- * select the next row
- */
- | 'nextRow'
-/**
- * When user press Up ("both" mode),
- * select the previous row
- */
- | 'previousRow'
-/**
- * When user press PageDown,
- * switch to next page
- */
- | 'nextPage'
-/**
- * When user press PageUp,
- * switch to previous page
- */
- | 'previousPage'
-/**
- * When user press Home,
- * Select the first item in current row
- */
- | 'firstInRow'
-/**
- * When user press End,
- * Select the last item in current row
- */
- | 'lastInRow'
-/**
- * When user press CTRL (or META on Mac) + Home,
- * Select the very first item
- */
- | 'first'
-/**
- * When user press CTRL (or META on Mac) + End,
- * Select the very last item
- */
- | 'last';
-/**
- * Represents the interface a handler for picker plugin. Developer need to implement this interface to create a new type of picker
- */
-export interface PickerHandler {
-    /**
-     * Initialize the picker handler, pass in editor and PickerPlugin instance so that the handler can save them
-     * @param editor The editor instance
-     * @param pickerPlugin The PickerPlugin instance
-     */
-    onInitialize: (helper: PickerHelper) => void;
-    /**
-     * Dispose the picker handler
-     */
-    onDispose: () => void;
-    /**
-     * Notify the picker handler that user has typed trigger character so handler should show picker now
-     * @param queryString Current query string
-     * @param insertPoint Insert point where user is typing, can be used for calculating picker position
-     * @returns A picker direction to let picker plugin know what kind of picker is opened. Picker plugin will use this value
-     * to decide how to handle keyboard event to change selection. Return null means picker is not actually opened
-     */
-    onTrigger: (queryString: string, insertPoint: DOMInsertPoint) => PickerDirection | null;
-    /**
-     * Notify the picker handler that picker should be closed now
-     */
-    onClosePicker?(): void;
-    /**
-     * Notify the picker handler that user has changed current typed query string
-     */
-    onQueryStringChanged?(queryString: string): void;
-    /**
-     * Notify the picker handler that user has decide to select the current option in picker
-     */
-    onSelect?(): void;
-    /**
-     * Notify the picker handler that user is using keyboard to change current selection
-     * @param mode The moving mode. Handler code can use this value to decide which item need to be selected
-     */
-    onSelectionChanged?(mode: PickerSelectionChangMode): void;
-}
+import type { PickerHelper } from './PickerHelper';
+import type { DOMInsertPoint } from 'roosterjs-content-model-types';
+/**
+ * Direction option for picker
+ */
+export declare type PickerDirection = 
+/**
+ * Show options horizontally
+ */
+'horizontal'
+/**
+ * Show options vertically
+ */
+ | 'vertical'
+/**
+ * Show options in both direction (2-D picker)
+ */
+ | 'both';
+/**
+ * Change mode that PickerPlugin will pass to child class
+ */
+export declare type PickerSelectionChangMode = 
+/**
+ * When user press Right ("horizontal" mode or "both" mode) (Left in RTL) or Down ("vertical" mode),
+ * select the next option
+ */
+'next'
+/**
+ * When user press Left ("horizontal" mode or "both" mode) (Right in RTL) or Up ("vertical" mode),
+ * select the previous option
+ */
+ | 'previous'
+/**
+ * When user press Down ("both" mode),
+ * select the next row
+ */
+ | 'nextRow'
+/**
+ * When user press Up ("both" mode),
+ * select the previous row
+ */
+ | 'previousRow'
+/**
+ * When user press PageDown,
+ * switch to next page
+ */
+ | 'nextPage'
+/**
+ * When user press PageUp,
+ * switch to previous page
+ */
+ | 'previousPage'
+/**
+ * When user press Home,
+ * Select the first item in current row
+ */
+ | 'firstInRow'
+/**
+ * When user press End,
+ * Select the last item in current row
+ */
+ | 'lastInRow'
+/**
+ * When user press CTRL (or META on Mac) + Home,
+ * Select the very first item
+ */
+ | 'first'
+/**
+ * When user press CTRL (or META on Mac) + End,
+ * Select the very last item
+ */
+ | 'last';
+/**
+ * Represents the interface a handler for picker plugin. Developer need to implement this interface to create a new type of picker
+ */
+export interface PickerHandler {
+    /**
+     * Initialize the picker handler, pass in editor and PickerPlugin instance so that the handler can save them
+     * @param editor The editor instance
+     * @param pickerPlugin The PickerPlugin instance
+     */
+    onInitialize: (helper: PickerHelper) => void;
+    /**
+     * Dispose the picker handler
+     */
+    onDispose: () => void;
+    /**
+     * Notify the picker handler that user has typed trigger character so handler should show picker now
+     * @param queryString Current query string
+     * @param insertPoint Insert point where user is typing, can be used for calculating picker position
+     * @returns A picker direction to let picker plugin know what kind of picker is opened. Picker plugin will use this value
+     * to decide how to handle keyboard event to change selection. Return null means picker is not actually opened
+     */
+    onTrigger: (queryString: string, insertPoint: DOMInsertPoint) => PickerDirection | null;
+    /**
+     * Notify the picker handler that picker should be closed now
+     */
+    onClosePicker?(): void;
+    /**
+     * Notify the picker handler that user has changed current typed query string
+     */
+    onQueryStringChanged?(queryString: string): void;
+    /**
+     * Notify the picker handler that user has decide to select the current option in picker
+     */
+    onSelect?(): void;
+    /**
+     * Notify the picker handler that user is using keyboard to change current selection
+     * @param mode The moving mode. Handler code can use this value to decide which item need to be selected
+     */
+    onSelectionChanged?(mode: PickerSelectionChangMode): void;
+}

package/lib/picker/PickerHandler.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=PickerHandler.js.map

package/lib/picker/PickerHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerHandler.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/picker/PickerHandler.ts"],"names":[],"mappings":"","sourcesContent":["import type { PickerHelper } from './PickerHelper';\nimport type { DOMInsertPoint } from 'roosterjs-content-model-types';\n\n/**\n * Direction option for picker\n */\nexport type PickerDirection =\n    /**\n     * Show options horizontally\n     */\n    | 'horizontal'\n    /**\n     * Show options vertically\n     */\n    | 'vertical'\n\n    /**\n     * Show options in both direction (2-D picker)\n     */\n    | 'both';\n\n/**\n * Change mode that PickerPlugin will pass to child class\n */\nexport type PickerSelectionChangMode =\n    /**\n     * When user press Right (\"horizontal\" mode or \"both\" mode) (Left in RTL) or Down (\"vertical\" mode),\n     * select the next option\n     */\n    | 'next'\n\n    /**\n     * When user press Left (\"horizontal\" mode or \"both\" mode) (Right in RTL) or Up (\"vertical\" mode),\n     * select the previous option\n     */\n    | 'previous'\n\n    /**\n     * When user press Down (\"both\" mode),\n     * select the next row\n     */\n    | 'nextRow'\n\n    /**\n     * When user press Up (\"both\" mode),\n     * select the previous row\n     */\n    | 'previousRow'\n\n    /**\n     * When user press PageDown,\n     * switch to next page\n     */\n    | 'nextPage'\n\n    /**\n     * When user press PageUp,\n     * switch to previous page\n     */\n    | 'previousPage'\n\n    /**\n     * When user press Home,\n     * Select the first item in current row\n     */\n    | 'firstInRow'\n\n    /**\n     * When user press End,\n     * Select the last item in current row\n     */\n    | 'lastInRow'\n\n    /**\n     * When user press CTRL (or META on Mac) + Home,\n     * Select the very first item\n     */\n    | 'first'\n\n    /**\n     * When user press CTRL (or META on Mac) + End,\n     * Select the very last item\n     */\n    | 'last';\n\n/**\n * Represents the interface a handler for picker plugin. Developer need to implement this interface to create a new type of picker\n */\nexport interface PickerHandler {\n    /**\n     * Initialize the picker handler, pass in editor and PickerPlugin instance so that the handler can save them\n     * @param editor The editor instance\n     * @param pickerPlugin The PickerPlugin instance\n     */\n    onInitialize: (helper: PickerHelper) => void;\n\n    /**\n     * Dispose the picker handler\n     */\n    onDispose: () => void;\n\n    /**\n     * Notify the picker handler that user has typed trigger character so handler should show picker now\n     * @param queryString Current query string\n     * @param insertPoint Insert point where user is typing, can be used for calculating picker position\n     * @returns A picker direction to let picker plugin know what kind of picker is opened. Picker plugin will use this value\n     * to decide how to handle keyboard event to change selection. Return null means picker is not actually opened\n     */\n    onTrigger: (queryString: string, insertPoint: DOMInsertPoint) => PickerDirection | null;\n\n    /**\n     * Notify the picker handler that picker should be closed now\n     */\n    onClosePicker?(): void;\n\n    /**\n     * Notify the picker handler that user has changed current typed query string\n     */\n    onQueryStringChanged?(queryString: string): void;\n\n    /**\n     * Notify the picker handler that user has decide to select the current option in picker\n     */\n    onSelect?(): void;\n\n    /**\n     * Notify the picker handler that user is using keyboard to change current selection\n     * @param mode The moving mode. Handler code can use this value to decide which item need to be selected\n     */\n    onSelectionChanged?(mode: PickerSelectionChangMode): void;\n}\n"]}
+{"version":3,"file":"PickerHandler.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/picker/PickerHandler.ts"],"names":[],"mappings":"","sourcesContent":["import type { PickerHelper } from './PickerHelper';\r\nimport type { DOMInsertPoint } from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * Direction option for picker\r\n */\r\nexport type PickerDirection =\r\n    /**\r\n     * Show options horizontally\r\n     */\r\n    | 'horizontal'\r\n    /**\r\n     * Show options vertically\r\n     */\r\n    | 'vertical'\r\n\r\n    /**\r\n     * Show options in both direction (2-D picker)\r\n     */\r\n    | 'both';\r\n\r\n/**\r\n * Change mode that PickerPlugin will pass to child class\r\n */\r\nexport type PickerSelectionChangMode =\r\n    /**\r\n     * When user press Right (\"horizontal\" mode or \"both\" mode) (Left in RTL) or Down (\"vertical\" mode),\r\n     * select the next option\r\n     */\r\n    | 'next'\r\n\r\n    /**\r\n     * When user press Left (\"horizontal\" mode or \"both\" mode) (Right in RTL) or Up (\"vertical\" mode),\r\n     * select the previous option\r\n     */\r\n    | 'previous'\r\n\r\n    /**\r\n     * When user press Down (\"both\" mode),\r\n     * select the next row\r\n     */\r\n    | 'nextRow'\r\n\r\n    /**\r\n     * When user press Up (\"both\" mode),\r\n     * select the previous row\r\n     */\r\n    | 'previousRow'\r\n\r\n    /**\r\n     * When user press PageDown,\r\n     * switch to next page\r\n     */\r\n    | 'nextPage'\r\n\r\n    /**\r\n     * When user press PageUp,\r\n     * switch to previous page\r\n     */\r\n    | 'previousPage'\r\n\r\n    /**\r\n     * When user press Home,\r\n     * Select the first item in current row\r\n     */\r\n    | 'firstInRow'\r\n\r\n    /**\r\n     * When user press End,\r\n     * Select the last item in current row\r\n     */\r\n    | 'lastInRow'\r\n\r\n    /**\r\n     * When user press CTRL (or META on Mac) + Home,\r\n     * Select the very first item\r\n     */\r\n    | 'first'\r\n\r\n    /**\r\n     * When user press CTRL (or META on Mac) + End,\r\n     * Select the very last item\r\n     */\r\n    | 'last';\r\n\r\n/**\r\n * Represents the interface a handler for picker plugin. Developer need to implement this interface to create a new type of picker\r\n */\r\nexport interface PickerHandler {\r\n    /**\r\n     * Initialize the picker handler, pass in editor and PickerPlugin instance so that the handler can save them\r\n     * @param editor The editor instance\r\n     * @param pickerPlugin The PickerPlugin instance\r\n     */\r\n    onInitialize: (helper: PickerHelper) => void;\r\n\r\n    /**\r\n     * Dispose the picker handler\r\n     */\r\n    onDispose: () => void;\r\n\r\n    /**\r\n     * Notify the picker handler that user has typed trigger character so handler should show picker now\r\n     * @param queryString Current query string\r\n     * @param insertPoint Insert point where user is typing, can be used for calculating picker position\r\n     * @returns A picker direction to let picker plugin know what kind of picker is opened. Picker plugin will use this value\r\n     * to decide how to handle keyboard event to change selection. Return null means picker is not actually opened\r\n     */\r\n    onTrigger: (queryString: string, insertPoint: DOMInsertPoint) => PickerDirection | null;\r\n\r\n    /**\r\n     * Notify the picker handler that picker should be closed now\r\n     */\r\n    onClosePicker?(): void;\r\n\r\n    /**\r\n     * Notify the picker handler that user has changed current typed query string\r\n     */\r\n    onQueryStringChanged?(queryString: string): void;\r\n\r\n    /**\r\n     * Notify the picker handler that user has decide to select the current option in picker\r\n     */\r\n    onSelect?(): void;\r\n\r\n    /**\r\n     * Notify the picker handler that user is using keyboard to change current selection\r\n     * @param mode The moving mode. Handler code can use this value to decide which item need to be selected\r\n     */\r\n    onSelectionChanged?(mode: PickerSelectionChangMode): void;\r\n}\r\n"]}

package/lib/picker/PickerHelper.d.ts

@@ -1,22 +1,22 @@
-import type { ContentModelDocument, FormatContentModelOptions, IEditor } from 'roosterjs-content-model-types';
-/**
- * Represents the interface of picker plugin, provides necessary utility functions for pickers
- */
-export interface PickerHelper {
-    /**
-     * The editor instance
-     */
-    readonly editor: IEditor;
-    /**
-     * Replace the query string with a given Content Model.
-     * This is used for commit a change from picker and insert the committed content into editor.
-     * @param model The Content Model to insert
-     * @param options Options for formatting content model
-     * @param canUndoByBackspace Whether this change can be undone using Backspace key
-     */
-    replaceQueryString: (model: ContentModelDocument, options?: FormatContentModelOptions, canUndoByBackspace?: boolean) => void;
-    /**
-     * Notify Picker Plugin that picker is closed from the handler code, so picker plugin can quit the suggesting state
-     */
-    closePicker: () => void;
-}
+import type { ContentModelDocument, FormatContentModelOptions, IEditor } from 'roosterjs-content-model-types';
+/**
+ * Represents the interface of picker plugin, provides necessary utility functions for pickers
+ */
+export interface PickerHelper {
+    /**
+     * The editor instance
+     */
+    readonly editor: IEditor;
+    /**
+     * Replace the query string with a given Content Model.
+     * This is used for commit a change from picker and insert the committed content into editor.
+     * @param model The Content Model to insert
+     * @param options Options for formatting content model
+     * @param canUndoByBackspace Whether this change can be undone using Backspace key
+     */
+    replaceQueryString: (model: ContentModelDocument, options?: FormatContentModelOptions, canUndoByBackspace?: boolean) => void;
+    /**
+     * Notify Picker Plugin that picker is closed from the handler code, so picker plugin can quit the suggesting state
+     */
+    closePicker: () => void;
+}

package/lib/picker/PickerHelper.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=PickerHelper.js.map

package/lib/picker/PickerHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerHelper.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/picker/PickerHelper.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n    ContentModelDocument,\n    FormatContentModelOptions,\n    IEditor,\n} from 'roosterjs-content-model-types';\n\n/**\n * Represents the interface of picker plugin, provides necessary utility functions for pickers\n */\nexport interface PickerHelper {\n    /**\n     * The editor instance\n     */\n    readonly editor: IEditor;\n\n    /**\n     * Replace the query string with a given Content Model.\n     * This is used for commit a change from picker and insert the committed content into editor.\n     * @param model The Content Model to insert\n     * @param options Options for formatting content model\n     * @param canUndoByBackspace Whether this change can be undone using Backspace key\n     */\n    replaceQueryString: (\n        model: ContentModelDocument,\n        options?: FormatContentModelOptions,\n        canUndoByBackspace?: boolean\n    ) => void;\n\n    /**\n     * Notify Picker Plugin that picker is closed from the handler code, so picker plugin can quit the suggesting state\n     */\n    closePicker: () => void;\n}\n"]}
+{"version":3,"file":"PickerHelper.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/picker/PickerHelper.ts"],"names":[],"mappings":"","sourcesContent":["import type {\r\n    ContentModelDocument,\r\n    FormatContentModelOptions,\r\n    IEditor,\r\n} from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * Represents the interface of picker plugin, provides necessary utility functions for pickers\r\n */\r\nexport interface PickerHelper {\r\n    /**\r\n     * The editor instance\r\n     */\r\n    readonly editor: IEditor;\r\n\r\n    /**\r\n     * Replace the query string with a given Content Model.\r\n     * This is used for commit a change from picker and insert the committed content into editor.\r\n     * @param model The Content Model to insert\r\n     * @param options Options for formatting content model\r\n     * @param canUndoByBackspace Whether this change can be undone using Backspace key\r\n     */\r\n    replaceQueryString: (\r\n        model: ContentModelDocument,\r\n        options?: FormatContentModelOptions,\r\n        canUndoByBackspace?: boolean\r\n    ) => void;\r\n\r\n    /**\r\n     * Notify Picker Plugin that picker is closed from the handler code, so picker plugin can quit the suggesting state\r\n     */\r\n    closePicker: () => void;\r\n}\r\n"]}

package/lib/picker/PickerHelperImpl.d.ts

@@ -1,25 +1,25 @@
-import type { ContentModelDocument, FormatContentModelOptions, IEditor } from 'roosterjs-content-model-types';
-import type { PickerDirection, PickerHandler } from './PickerHandler';
-import type { PickerHelper } from './PickerHelper';
-/**
- * @internal
- */
-export declare class PickerHelperImpl implements PickerHelper {
-    readonly editor: IEditor;
-    readonly handler: PickerHandler;
-    private triggerCharacter;
-    direction: PickerDirection | null;
-    constructor(editor: IEditor, handler: PickerHandler, triggerCharacter: string);
-    /**
-     * Replace the query string with a given Content Model.
-     * This is used for commit a change from picker and insert the committed content into editor.
-     * @param model The Content Model to insert
-     * @param options Options for formatting content model
-     * @param canUndoByBackspace Whether this change can be undone using Backspace key
-     */
-    replaceQueryString(model: ContentModelDocument, options?: FormatContentModelOptions, canUndoByBackspace?: boolean): void;
-    /**
-     * Notify Picker Plugin that picker is closed from the handler code, so picker plugin can quit the suggesting state
-     */
-    closePicker(): void;
-}
+import type { ContentModelDocument, FormatContentModelOptions, IEditor } from 'roosterjs-content-model-types';
+import type { PickerDirection, PickerHandler } from './PickerHandler';
+import type { PickerHelper } from './PickerHelper';
+/**
+ * @internal
+ */
+export declare class PickerHelperImpl implements PickerHelper {
+    readonly editor: IEditor;
+    readonly handler: PickerHandler;
+    private triggerCharacter;
+    direction: PickerDirection | null;
+    constructor(editor: IEditor, handler: PickerHandler, triggerCharacter: string);
+    /**
+     * Replace the query string with a given Content Model.
+     * This is used for commit a change from picker and insert the committed content into editor.
+     * @param model The Content Model to insert
+     * @param options Options for formatting content model
+     * @param canUndoByBackspace Whether this change can be undone using Backspace key
+     */
+    replaceQueryString(model: ContentModelDocument, options?: FormatContentModelOptions, canUndoByBackspace?: boolean): void;
+    /**
+     * Notify Picker Plugin that picker is closed from the handler code, so picker plugin can quit the suggesting state
+     */
+    closePicker(): void;
+}

package/lib/picker/PickerHelperImpl.js

@@ -1,54 +1,54 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PickerHelperImpl = void 0;
-var roosterjs_content_model_api_1 = require("roosterjs-content-model-api");
-var getQueryString_1 = require("./getQueryString");
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-/**
- * @internal
- */
-var PickerHelperImpl = /** @class */ (function () {
-    function PickerHelperImpl(editor, handler, triggerCharacter) {
-        this.editor = editor;
-        this.handler = handler;
-        this.triggerCharacter = triggerCharacter;
-        this.direction = null;
-    }
-    /**
-     * Replace the query string with a given Content Model.
-     * This is used for commit a change from picker and insert the committed content into editor.
-     * @param model The Content Model to insert
-     * @param options Options for formatting content model
-     * @param canUndoByBackspace Whether this change can be undone using Backspace key
-     */
-    PickerHelperImpl.prototype.replaceQueryString = function (model, options, canUndoByBackspace) {
-        var _this = this;
-        this.editor.focus();
-        (0, roosterjs_content_model_api_1.formatTextSegmentBeforeSelectionMarker)(this.editor, function (target, previousSegment, paragraph, _, context) {
-            var potentialSegments = [];
-            var queryString = (0, getQueryString_1.getQueryString)(_this.triggerCharacter, paragraph, previousSegment, potentialSegments);
-            if (queryString) {
-                potentialSegments.forEach(function (x) { return (x.isSelected = true); });
-                (0, roosterjs_content_model_dom_1.mergeModel)(target, model, context);
-                context.canUndoByBackspace = canUndoByBackspace;
-                return true;
-            }
-            else {
-                return false;
-            }
-        }, options);
-    };
-    /**
-     * Notify Picker Plugin that picker is closed from the handler code, so picker plugin can quit the suggesting state
-     */
-    PickerHelperImpl.prototype.closePicker = function () {
-        var _a, _b;
-        if (this.direction) {
-            this.direction = null;
-            (_b = (_a = this.handler).onClosePicker) === null || _b === void 0 ? void 0 : _b.call(_a);
-        }
-    };
-    return PickerHelperImpl;
-}());
-exports.PickerHelperImpl = PickerHelperImpl;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PickerHelperImpl = void 0;
+var roosterjs_content_model_api_1 = require("roosterjs-content-model-api");
+var getQueryString_1 = require("./getQueryString");
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+/**
+ * @internal
+ */
+var PickerHelperImpl = /** @class */ (function () {
+    function PickerHelperImpl(editor, handler, triggerCharacter) {
+        this.editor = editor;
+        this.handler = handler;
+        this.triggerCharacter = triggerCharacter;
+        this.direction = null;
+    }
+    /**
+     * Replace the query string with a given Content Model.
+     * This is used for commit a change from picker and insert the committed content into editor.
+     * @param model The Content Model to insert
+     * @param options Options for formatting content model
+     * @param canUndoByBackspace Whether this change can be undone using Backspace key
+     */
+    PickerHelperImpl.prototype.replaceQueryString = function (model, options, canUndoByBackspace) {
+        var _this = this;
+        this.editor.focus();
+        (0, roosterjs_content_model_api_1.formatTextSegmentBeforeSelectionMarker)(this.editor, function (target, previousSegment, paragraph, _, context) {
+            var potentialSegments = [];
+            var queryString = (0, getQueryString_1.getQueryString)(_this.triggerCharacter, paragraph, previousSegment, potentialSegments);
+            if (queryString) {
+                potentialSegments.forEach(function (x) { return (x.isSelected = true); });
+                (0, roosterjs_content_model_dom_1.mergeModel)(target, model, context);
+                context.canUndoByBackspace = canUndoByBackspace;
+                return true;
+            }
+            else {
+                return false;
+            }
+        }, options);
+    };
+    /**
+     * Notify Picker Plugin that picker is closed from the handler code, so picker plugin can quit the suggesting state
+     */
+    PickerHelperImpl.prototype.closePicker = function () {
+        var _a, _b;
+        if (this.direction) {
+            this.direction = null;
+            (_b = (_a = this.handler).onClosePicker) === null || _b === void 0 ? void 0 : _b.call(_a);
+        }
+    };
+    return PickerHelperImpl;
+}());
+exports.PickerHelperImpl = PickerHelperImpl;
 //# sourceMappingURL=PickerHelperImpl.js.map

package/lib/picker/PickerHelperImpl.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerHelperImpl.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/picker/PickerHelperImpl.ts"],"names":[],"mappings":";;;AAAA,2EAAqF;AACrF,mDAAkD;AAClD,2EAAyD;AAUzD;;GAEG;AACH;IAGI,0BACoB,MAAe,EACf,OAAsB,EAC9B,gBAAwB;QAFhB,WAAM,GAAN,MAAM,CAAS;QACf,YAAO,GAAP,OAAO,CAAe;QAC9B,qBAAgB,GAAhB,gBAAgB,CAAQ;QAL7B,cAAS,GAA2B,IAAI,CAAC;IAM7C,CAAC;IAEJ;;;;;;OAMG;IACH,6CAAkB,GAAlB,UACI,KAA2B,EAC3B,OAAmC,EACnC,kBAA4B;QAHhC,iBA6BC;QAxBG,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QAEpB,IAAA,oEAAsC,EAClC,IAAI,CAAC,MAAM,EACX,UAAC,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO;YAC3C,IAAM,iBAAiB,GAAuB,EAAE,CAAC;YACjD,IAAM,WAAW,GAAG,IAAA,+BAAc,EAC9B,KAAI,CAAC,gBAAgB,EACrB,SAAS,EACT,eAAe,EACf,iBAAiB,CACpB,CAAC;YAEF,IAAI,WAAW,EAAE;gBACb,iBAAiB,CAAC,OAAO,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,CAAC,UAAU,GAAG,IAAI,CAAC,EAArB,CAAqB,CAAC,CAAC;gBACtD,IAAA,wCAAU,EAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;gBACnC,OAAO,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;gBAChD,OAAO,IAAI,CAAC;aACf;iBAAM;gBACH,OAAO,KAAK,CAAC;aAChB;QACL,CAAC,EACD,OAAO,CACV,CAAC;IACN,CAAC;IAED;;OAEG;IACH,sCAAW,GAAX;;QACI,IAAI,IAAI,CAAC,SAAS,EAAE;YAChB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,aAAa,kDAAI,CAAC;SAClC;IACL,CAAC;IACL,uBAAC;AAAD,CAAC,AAxDD,IAwDC;AAxDY,4CAAgB","sourcesContent":["import { formatTextSegmentBeforeSelectionMarker } from 'roosterjs-content-model-api';\nimport { getQueryString } from './getQueryString';\nimport { mergeModel } from 'roosterjs-content-model-dom';\nimport type {\n    ContentModelDocument,\n    ContentModelText,\n    FormatContentModelOptions,\n    IEditor,\n} from 'roosterjs-content-model-types';\nimport type { PickerDirection, PickerHandler } from './PickerHandler';\nimport type { PickerHelper } from './PickerHelper';\n\n/**\n * @internal\n */\nexport class PickerHelperImpl implements PickerHelper {\n    public direction: PickerDirection | null = null;\n\n    constructor(\n        public readonly editor: IEditor,\n        public readonly handler: PickerHandler,\n        private triggerCharacter: string\n    ) {}\n\n    /**\n     * Replace the query string with a given Content Model.\n     * This is used for commit a change from picker and insert the committed content into editor.\n     * @param model The Content Model to insert\n     * @param options Options for formatting content model\n     * @param canUndoByBackspace Whether this change can be undone using Backspace key\n     */\n    replaceQueryString(\n        model: ContentModelDocument,\n        options?: FormatContentModelOptions,\n        canUndoByBackspace?: boolean\n    ): void {\n        this.editor.focus();\n\n        formatTextSegmentBeforeSelectionMarker(\n            this.editor,\n            (target, previousSegment, paragraph, _, context) => {\n                const potentialSegments: ContentModelText[] = [];\n                const queryString = getQueryString(\n                    this.triggerCharacter,\n                    paragraph,\n                    previousSegment,\n                    potentialSegments\n                );\n\n                if (queryString) {\n                    potentialSegments.forEach(x => (x.isSelected = true));\n                    mergeModel(target, model, context);\n                    context.canUndoByBackspace = canUndoByBackspace;\n                    return true;\n                } else {\n                    return false;\n                }\n            },\n            options\n        );\n    }\n\n    /**\n     * Notify Picker Plugin that picker is closed from the handler code, so picker plugin can quit the suggesting state\n     */\n    closePicker() {\n        if (this.direction) {\n            this.direction = null;\n            this.handler.onClosePicker?.();\n        }\n    }\n}\n"]}
+{"version":3,"file":"PickerHelperImpl.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/picker/PickerHelperImpl.ts"],"names":[],"mappings":";;;AAAA,2EAAqF;AACrF,mDAAkD;AAClD,2EAAyD;AAUzD;;GAEG;AACH;IAGI,0BACoB,MAAe,EACf,OAAsB,EAC9B,gBAAwB;QAFhB,WAAM,GAAN,MAAM,CAAS;QACf,YAAO,GAAP,OAAO,CAAe;QAC9B,qBAAgB,GAAhB,gBAAgB,CAAQ;QAL7B,cAAS,GAA2B,IAAI,CAAC;IAM7C,CAAC;IAEJ;;;;;;OAMG;IACH,6CAAkB,GAAlB,UACI,KAA2B,EAC3B,OAAmC,EACnC,kBAA4B;QAHhC,iBA6BC;QAxBG,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QAEpB,IAAA,oEAAsC,EAClC,IAAI,CAAC,MAAM,EACX,UAAC,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO;YAC3C,IAAM,iBAAiB,GAAuB,EAAE,CAAC;YACjD,IAAM,WAAW,GAAG,IAAA,+BAAc,EAC9B,KAAI,CAAC,gBAAgB,EACrB,SAAS,EACT,eAAe,EACf,iBAAiB,CACpB,CAAC;YAEF,IAAI,WAAW,EAAE;gBACb,iBAAiB,CAAC,OAAO,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,CAAC,UAAU,GAAG,IAAI,CAAC,EAArB,CAAqB,CAAC,CAAC;gBACtD,IAAA,wCAAU,EAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;gBACnC,OAAO,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;gBAChD,OAAO,IAAI,CAAC;aACf;iBAAM;gBACH,OAAO,KAAK,CAAC;aAChB;QACL,CAAC,EACD,OAAO,CACV,CAAC;IACN,CAAC;IAED;;OAEG;IACH,sCAAW,GAAX;;QACI,IAAI,IAAI,CAAC,SAAS,EAAE;YAChB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,aAAa,kDAAI,CAAC;SAClC;IACL,CAAC;IACL,uBAAC;AAAD,CAAC,AAxDD,IAwDC;AAxDY,4CAAgB","sourcesContent":["import { formatTextSegmentBeforeSelectionMarker } from 'roosterjs-content-model-api';\r\nimport { getQueryString } from './getQueryString';\r\nimport { mergeModel } from 'roosterjs-content-model-dom';\r\nimport type {\r\n    ContentModelDocument,\r\n    ContentModelText,\r\n    FormatContentModelOptions,\r\n    IEditor,\r\n} from 'roosterjs-content-model-types';\r\nimport type { PickerDirection, PickerHandler } from './PickerHandler';\r\nimport type { PickerHelper } from './PickerHelper';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport class PickerHelperImpl implements PickerHelper {\r\n    public direction: PickerDirection | null = null;\r\n\r\n    constructor(\r\n        public readonly editor: IEditor,\r\n        public readonly handler: PickerHandler,\r\n        private triggerCharacter: string\r\n    ) {}\r\n\r\n    /**\r\n     * Replace the query string with a given Content Model.\r\n     * This is used for commit a change from picker and insert the committed content into editor.\r\n     * @param model The Content Model to insert\r\n     * @param options Options for formatting content model\r\n     * @param canUndoByBackspace Whether this change can be undone using Backspace key\r\n     */\r\n    replaceQueryString(\r\n        model: ContentModelDocument,\r\n        options?: FormatContentModelOptions,\r\n        canUndoByBackspace?: boolean\r\n    ): void {\r\n        this.editor.focus();\r\n\r\n        formatTextSegmentBeforeSelectionMarker(\r\n            this.editor,\r\n            (target, previousSegment, paragraph, _, context) => {\r\n                const potentialSegments: ContentModelText[] = [];\r\n                const queryString = getQueryString(\r\n                    this.triggerCharacter,\r\n                    paragraph,\r\n                    previousSegment,\r\n                    potentialSegments\r\n                );\r\n\r\n                if (queryString) {\r\n                    potentialSegments.forEach(x => (x.isSelected = true));\r\n                    mergeModel(target, model, context);\r\n                    context.canUndoByBackspace = canUndoByBackspace;\r\n                    return true;\r\n                } else {\r\n                    return false;\r\n                }\r\n            },\r\n            options\r\n        );\r\n    }\r\n\r\n    /**\r\n     * Notify Picker Plugin that picker is closed from the handler code, so picker plugin can quit the suggesting state\r\n     */\r\n    closePicker() {\r\n        if (this.direction) {\r\n            this.direction = null;\r\n            this.handler.onClosePicker?.();\r\n        }\r\n    }\r\n}\r\n"]}

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;
+}