roosterjs-content-model-plugins 9.0.1 → 9.2.0

package/lib-amd/markdown/MarkdownPlugin.js

@@ -16,9 +16,10 @@ define(["require", "exports", "./utils/setFormat"], function (require, exports,
     var MarkdownPlugin = /** @class */ (function () {
         /**
          * @param options An optional parameter that takes in an object of type MarkdownOptions, which includes the following properties:
-         *  - strikethrough: If true text between ~ will receive strikethrough format. Defaults to true.
-         *  - bold: If true text between * will receive bold format. Defaults to true.
-         *  - italic: If true text between _ will receive italic format. Defaults to true.
+         *  - strikethrough: If true text between ~ will receive strikethrough format. Defaults to false.
+         *  - bold: If true text between * will receive bold format. Defaults to false.
+         *  - italic: If true text between _ will receive italic format. Defaults to false.
+         *  - codeFormat: If provided, text between ` will receive code format. Defaults to undefined.
          */
         function MarkdownPlugin(options) {
             if (options === void 0) { options = DefaultOptions; }
@@ -27,6 +28,7 @@ define(["require", "exports", "./utils/setFormat"], function (require, exports,
             this.shouldBold = false;
             this.shouldItalic = false;
             this.shouldStrikethrough = false;
+            this.shouldCode = false;
             this.lastKeyTyped = null;
         }
         /**
@@ -51,9 +53,7 @@ define(["require", "exports", "./utils/setFormat"], function (require, exports,
          */
         MarkdownPlugin.prototype.dispose = function () {
             this.editor = null;
-            this.shouldBold = false;
-            this.shouldItalic = false;
-            this.shouldStrikethrough = false;
+            this.disableAllFeatures();
             this.lastKeyTyped = null;
         };
         /**
@@ -119,6 +119,17 @@ define(["require", "exports", "./utils/setFormat"], function (require, exports,
                             }
                         }
                         break;
+                    case '`':
+                        if (this.options.codeFormat) {
+                            if (this.shouldCode) {
+                                (0, setFormat_1.setFormat)(editor, '`', {} /* format */, this.options.codeFormat);
+                                this.shouldCode = false;
+                            }
+                            else {
+                                this.shouldCode = true;
+                            }
+                        }
+                        break;
                 }
             }
         };
@@ -127,9 +138,7 @@ define(["require", "exports", "./utils/setFormat"], function (require, exports,
             if (!event.handledByEditFeature && !rawEvent.defaultPrevented) {
                 switch (rawEvent.key) {
                     case 'Enter':
-                        this.shouldBold = false;
-                        this.shouldItalic = false;
-                        this.shouldStrikethrough = false;
+                        this.disableAllFeatures();
                         this.lastKeyTyped = null;
                         break;
                     case ' ':
@@ -142,6 +151,9 @@ define(["require", "exports", "./utils/setFormat"], function (require, exports,
                         else if (this.lastKeyTyped === '_' && this.shouldItalic) {
                             this.shouldItalic = false;
                         }
+                        else if (this.lastKeyTyped === '`' && this.shouldCode) {
+                            this.shouldCode = false;
+                        }
                         this.lastKeyTyped = null;
                         break;
                     default:
@@ -161,16 +173,23 @@ define(["require", "exports", "./utils/setFormat"], function (require, exports,
                 else if (this.lastKeyTyped === '_' && this.shouldItalic) {
                     this.shouldItalic = false;
                 }
+                else if (this.lastKeyTyped === '`' && this.shouldCode) {
+                    this.shouldCode = false;
+                }
                 this.lastKeyTyped = null;
             }
         };
         MarkdownPlugin.prototype.handleContentChangedEvent = function (event) {
             if (event.source == 'Format') {
-                this.shouldBold = false;
-                this.shouldItalic = false;
-                this.shouldStrikethrough = false;
+                this.disableAllFeatures();
             }
         };
+        MarkdownPlugin.prototype.disableAllFeatures = function () {
+            this.shouldBold = false;
+            this.shouldItalic = false;
+            this.shouldStrikethrough = false;
+            this.shouldCode = false;
+        };
         return MarkdownPlugin;
     }());
     exports.MarkdownPlugin = MarkdownPlugin;

package/lib-amd/markdown/MarkdownPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownPlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/markdown/MarkdownPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { setFormat } from './utils/setFormat';\nimport type {\n    ContentChangedEvent,\n    EditorInputEvent,\n    EditorPlugin,\n    IEditor,\n    KeyDownEvent,\n    PluginEvent,\n} from 'roosterjs-content-model-types';\n\n/**\n * Options for Markdown plugin\n */\nexport interface MarkdownOptions {\n    strikethrough?: boolean;\n    bold?: boolean;\n    italic?: boolean;\n}\n\n/**\n * @internal\n */\nconst DefaultOptions: Required<MarkdownOptions> = {\n    strikethrough: false,\n    bold: false,\n    italic: false,\n};\n\n/**\n * Markdown plugin handles markdown formatting, such as transforming * characters into bold text.\n */\nexport class MarkdownPlugin implements EditorPlugin {\n    private editor: IEditor | null = null;\n    private shouldBold = false;\n    private shouldItalic = false;\n    private shouldStrikethrough = false;\n    private lastKeyTyped: string | null = null;\n\n    /**\n     * @param options An optional parameter that takes in an object of type MarkdownOptions, which includes the following properties:\n     *  - strikethrough: If true text between ~ will receive strikethrough format. Defaults to true.\n     *  - bold: If true text between * will receive bold format. Defaults to true.\n     *  - italic: If true text between _ will receive italic format. Defaults to true.\n     */\n    constructor(private options: MarkdownOptions = DefaultOptions) {}\n\n    /**\n     * Get name of this plugin\n     */\n    getName() {\n        return 'Markdown';\n    }\n\n    /**\n     * The first method that editor will call to a plugin when editor is initializing.\n     * It will pass in the editor instance, plugin should take this chance to save the\n     * editor reference so that it can call to any editor method or format API later.\n     * @param editor The editor object\n     */\n    initialize(editor: IEditor) {\n        this.editor = editor;\n    }\n\n    /**\n     * The last method that editor will call to a plugin before it is disposed.\n     * Plugin can take this chance to clear the reference to editor. After this method is\n     * called, plugin should not call to any editor method since it will result in error.\n     */\n    dispose() {\n        this.editor = null;\n        this.shouldBold = false;\n        this.shouldItalic = false;\n        this.shouldStrikethrough = false;\n        this.lastKeyTyped = null;\n    }\n\n    /**\n     * Core method for a plugin. Once an event happens in editor, editor will call this\n     * method of each plugin to handle the event as long as the event is not handled\n     * exclusively by another plugin.\n     * @param event The event to handle:\n     */\n    onPluginEvent(event: PluginEvent) {\n        if (this.editor) {\n            switch (event.eventType) {\n                case 'input':\n                    this.handleEditorInputEvent(this.editor, event);\n                    break;\n                case 'keyDown':\n                    this.handleBackspaceEvent(event);\n                    this.handleKeyDownEvent(event);\n                    break;\n                case 'contentChanged':\n                    this.handleContentChangedEvent(event);\n                    break;\n            }\n        }\n    }\n\n    private handleEditorInputEvent(editor: IEditor, event: EditorInputEvent) {\n        const rawEvent = event.rawEvent;\n        const selection = editor.getDOMSelection();\n        if (\n            selection &&\n            selection.type == 'range' &&\n            selection.range.collapsed &&\n            rawEvent.inputType == 'insertText'\n        ) {\n            switch (rawEvent.data) {\n                case '*':\n                    if (this.options.bold) {\n                        if (this.shouldBold) {\n                            setFormat(editor, '*', { fontWeight: 'bold' });\n                            this.shouldBold = false;\n                        } else {\n                            this.shouldBold = true;\n                        }\n                    }\n\n                    break;\n                case '~':\n                    if (this.options.strikethrough) {\n                        if (this.shouldStrikethrough) {\n                            setFormat(editor, '~', { strikethrough: true });\n                            this.shouldStrikethrough = false;\n                        } else {\n                            this.shouldStrikethrough = true;\n                        }\n                    }\n                    break;\n                case '_':\n                    if (this.options.italic) {\n                        if (this.shouldItalic) {\n                            setFormat(editor, '_', { italic: true });\n                            this.shouldItalic = false;\n                        } else {\n                            this.shouldItalic = true;\n                        }\n                    }\n                    break;\n            }\n        }\n    }\n\n    private handleKeyDownEvent(event: KeyDownEvent) {\n        const rawEvent = event.rawEvent;\n        if (!event.handledByEditFeature && !rawEvent.defaultPrevented) {\n            switch (rawEvent.key) {\n                case 'Enter':\n                    this.shouldBold = false;\n                    this.shouldItalic = false;\n                    this.shouldStrikethrough = false;\n                    this.lastKeyTyped = null;\n                    break;\n                case ' ':\n                    if (this.lastKeyTyped === '*' && this.shouldBold) {\n                        this.shouldBold = false;\n                    } else if (this.lastKeyTyped === '~' && this.shouldStrikethrough) {\n                        this.shouldStrikethrough = false;\n                    } else if (this.lastKeyTyped === '_' && this.shouldItalic) {\n                        this.shouldItalic = false;\n                    }\n                    this.lastKeyTyped = null;\n                    break;\n                default:\n                    this.lastKeyTyped = rawEvent.key;\n                    break;\n            }\n        }\n    }\n\n    private handleBackspaceEvent(event: KeyDownEvent) {\n        if (!event.handledByEditFeature && event.rawEvent.key === 'Backspace') {\n            if (this.lastKeyTyped === '*' && this.shouldBold) {\n                this.shouldBold = false;\n            } else if (this.lastKeyTyped === '~' && this.shouldStrikethrough) {\n                this.shouldStrikethrough = false;\n            } else if (this.lastKeyTyped === '_' && this.shouldItalic) {\n                this.shouldItalic = false;\n            }\n            this.lastKeyTyped = null;\n        }\n    }\n\n    private handleContentChangedEvent(event: ContentChangedEvent) {\n        if (event.source == 'Format') {\n            this.shouldBold = false;\n            this.shouldItalic = false;\n            this.shouldStrikethrough = false;\n        }\n    }\n}\n"]}
+{"version":3,"file":"MarkdownPlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/markdown/MarkdownPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { setFormat } from './utils/setFormat';\nimport type {\n    ContentChangedEvent,\n    ContentModelCodeFormat,\n    EditorInputEvent,\n    EditorPlugin,\n    IEditor,\n    KeyDownEvent,\n    PluginEvent,\n} from 'roosterjs-content-model-types';\n\n/**\n *\n * Options for Markdown plugin\n *  - strikethrough: If true text between ~ will receive strikethrough format.\n *  - bold: If true text between * will receive bold format.\n *  - italic: If true text between _ will receive italic format.\n *  - codeFormat: If provided, text between ` will receive code format. If equal to {}, it will set the default code format.\n */\nexport interface MarkdownOptions {\n    strikethrough?: boolean;\n    bold?: boolean;\n    italic?: boolean;\n    codeFormat?: ContentModelCodeFormat;\n}\n\n/**\n * @internal\n */\nconst DefaultOptions: Partial<MarkdownOptions> = {\n    strikethrough: false,\n    bold: false,\n    italic: false,\n};\n\n/**\n * Markdown plugin handles markdown formatting, such as transforming * characters into bold text.\n */\nexport class MarkdownPlugin implements EditorPlugin {\n    private editor: IEditor | null = null;\n    private shouldBold = false;\n    private shouldItalic = false;\n    private shouldStrikethrough = false;\n    private shouldCode = false;\n    private lastKeyTyped: string | null = null;\n\n    /**\n     * @param options An optional parameter that takes in an object of type MarkdownOptions, which includes the following properties:\n     *  - strikethrough: If true text between ~ will receive strikethrough format. Defaults to false.\n     *  - bold: If true text between * will receive bold format. Defaults to false.\n     *  - italic: If true text between _ will receive italic format. Defaults to false.\n     *  - codeFormat: If provided, text between ` will receive code format. Defaults to undefined.\n     */\n    constructor(private options: MarkdownOptions = DefaultOptions) {}\n\n    /**\n     * Get name of this plugin\n     */\n    getName() {\n        return 'Markdown';\n    }\n\n    /**\n     * The first method that editor will call to a plugin when editor is initializing.\n     * It will pass in the editor instance, plugin should take this chance to save the\n     * editor reference so that it can call to any editor method or format API later.\n     * @param editor The editor object\n     */\n    initialize(editor: IEditor) {\n        this.editor = editor;\n    }\n\n    /**\n     * The last method that editor will call to a plugin before it is disposed.\n     * Plugin can take this chance to clear the reference to editor. After this method is\n     * called, plugin should not call to any editor method since it will result in error.\n     */\n    dispose() {\n        this.editor = null;\n        this.disableAllFeatures();\n        this.lastKeyTyped = null;\n    }\n\n    /**\n     * Core method for a plugin. Once an event happens in editor, editor will call this\n     * method of each plugin to handle the event as long as the event is not handled\n     * exclusively by another plugin.\n     * @param event The event to handle:\n     */\n    onPluginEvent(event: PluginEvent) {\n        if (this.editor) {\n            switch (event.eventType) {\n                case 'input':\n                    this.handleEditorInputEvent(this.editor, event);\n                    break;\n                case 'keyDown':\n                    this.handleBackspaceEvent(event);\n                    this.handleKeyDownEvent(event);\n                    break;\n                case 'contentChanged':\n                    this.handleContentChangedEvent(event);\n                    break;\n            }\n        }\n    }\n\n    private handleEditorInputEvent(editor: IEditor, event: EditorInputEvent) {\n        const rawEvent = event.rawEvent;\n        const selection = editor.getDOMSelection();\n        if (\n            selection &&\n            selection.type == 'range' &&\n            selection.range.collapsed &&\n            rawEvent.inputType == 'insertText'\n        ) {\n            switch (rawEvent.data) {\n                case '*':\n                    if (this.options.bold) {\n                        if (this.shouldBold) {\n                            setFormat(editor, '*', { fontWeight: 'bold' });\n                            this.shouldBold = false;\n                        } else {\n                            this.shouldBold = true;\n                        }\n                    }\n\n                    break;\n                case '~':\n                    if (this.options.strikethrough) {\n                        if (this.shouldStrikethrough) {\n                            setFormat(editor, '~', { strikethrough: true });\n                            this.shouldStrikethrough = false;\n                        } else {\n                            this.shouldStrikethrough = true;\n                        }\n                    }\n                    break;\n                case '_':\n                    if (this.options.italic) {\n                        if (this.shouldItalic) {\n                            setFormat(editor, '_', { italic: true });\n                            this.shouldItalic = false;\n                        } else {\n                            this.shouldItalic = true;\n                        }\n                    }\n                    break;\n                case '`':\n                    if (this.options.codeFormat) {\n                        if (this.shouldCode) {\n                            setFormat(editor, '`', {} /* format */, this.options.codeFormat);\n                            this.shouldCode = false;\n                        } else {\n                            this.shouldCode = true;\n                        }\n                    }\n                    break;\n            }\n        }\n    }\n\n    private handleKeyDownEvent(event: KeyDownEvent) {\n        const rawEvent = event.rawEvent;\n        if (!event.handledByEditFeature && !rawEvent.defaultPrevented) {\n            switch (rawEvent.key) {\n                case 'Enter':\n                    this.disableAllFeatures();\n                    this.lastKeyTyped = null;\n                    break;\n                case ' ':\n                    if (this.lastKeyTyped === '*' && this.shouldBold) {\n                        this.shouldBold = false;\n                    } else if (this.lastKeyTyped === '~' && this.shouldStrikethrough) {\n                        this.shouldStrikethrough = false;\n                    } else if (this.lastKeyTyped === '_' && this.shouldItalic) {\n                        this.shouldItalic = false;\n                    } else if (this.lastKeyTyped === '`' && this.shouldCode) {\n                        this.shouldCode = false;\n                    }\n                    this.lastKeyTyped = null;\n                    break;\n                default:\n                    this.lastKeyTyped = rawEvent.key;\n                    break;\n            }\n        }\n    }\n\n    private handleBackspaceEvent(event: KeyDownEvent) {\n        if (!event.handledByEditFeature && event.rawEvent.key === 'Backspace') {\n            if (this.lastKeyTyped === '*' && this.shouldBold) {\n                this.shouldBold = false;\n            } else if (this.lastKeyTyped === '~' && this.shouldStrikethrough) {\n                this.shouldStrikethrough = false;\n            } else if (this.lastKeyTyped === '_' && this.shouldItalic) {\n                this.shouldItalic = false;\n            } else if (this.lastKeyTyped === '`' && this.shouldCode) {\n                this.shouldCode = false;\n            }\n            this.lastKeyTyped = null;\n        }\n    }\n\n    private handleContentChangedEvent(event: ContentChangedEvent) {\n        if (event.source == 'Format') {\n            this.disableAllFeatures();\n        }\n    }\n\n    private disableAllFeatures() {\n        this.shouldBold = false;\n        this.shouldItalic = false;\n        this.shouldStrikethrough = false;\n        this.shouldCode = false;\n    }\n}\n"]}

package/lib-amd/markdown/utils/setFormat.d.ts

@@ -1,5 +1,5 @@
-import type { ContentModelSegmentFormat, IEditor } from 'roosterjs-content-model-types';
+import type { ContentModelCodeFormat, ContentModelSegmentFormat, IEditor } from 'roosterjs-content-model-types';
 /**
  * @internal
  */
-export declare function setFormat(editor: IEditor, character: string, format: ContentModelSegmentFormat): void;
+export declare function setFormat(editor: IEditor, character: string, format: ContentModelSegmentFormat, codeFormat?: ContentModelCodeFormat): void;

package/lib-amd/markdown/utils/setFormat.js

@@ -1,39 +1,31 @@
-define(["require", "exports", "tslib", "roosterjs-content-model-dom", "../../pluginUtils/splitTextSegment"], function (require, exports, tslib_1, roosterjs_content_model_dom_1, splitTextSegment_1) {
+define(["require", "exports", "tslib", "roosterjs-content-model-api", "../../pluginUtils/splitTextSegment"], function (require, exports, tslib_1, roosterjs_content_model_api_1, splitTextSegment_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.setFormat = void 0;
     /**
      * @internal
      */
-    function setFormat(editor, character, format) {
-        editor.formatContentModel(function (model, context) {
-            var _a;
-            var selectedSegmentsAndParagraphs = (0, roosterjs_content_model_dom_1.getSelectedSegmentsAndParagraphs)(model, false /*includeFormatHolder*/);
-            if (selectedSegmentsAndParagraphs.length > 0 && selectedSegmentsAndParagraphs[0][1]) {
-                var marker = selectedSegmentsAndParagraphs[0][0];
-                context.newPendingFormat = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, marker.format), { strikethrough: !!marker.format.strikethrough, italic: !!marker.format.italic, fontWeight: ((_a = marker.format) === null || _a === void 0 ? void 0 : _a.fontWeight) ? 'bold' : undefined });
-                var paragraph = selectedSegmentsAndParagraphs[0][1];
-                if (marker.segmentType == 'SelectionMarker') {
-                    var markerIndex = paragraph.segments.indexOf(marker);
-                    if (markerIndex > 0 && paragraph.segments[markerIndex - 1]) {
-                        var segmentBeforeMarker = paragraph.segments[markerIndex - 1];
-                        if (segmentBeforeMarker.segmentType == 'Text' &&
-                            segmentBeforeMarker.text[segmentBeforeMarker.text.length - 1] == character) {
-                            var textBeforeMarker = segmentBeforeMarker.text.slice(0, -1);
-                            if (textBeforeMarker.indexOf(character) > -1) {
-                                var lastCharIndex = segmentBeforeMarker.text.length;
-                                var firstCharIndex = segmentBeforeMarker.text
-                                    .substring(0, lastCharIndex - 1)
-                                    .lastIndexOf(character);
-                                var formattedText = (0, splitTextSegment_1.splitTextSegment)(segmentBeforeMarker, paragraph, firstCharIndex, lastCharIndex);
-                                formattedText.text = formattedText.text
-                                    .replace(character, '')
-                                    .slice(0, -1);
-                                formattedText.format = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, formattedText.format), format);
-                                context.canUndoByBackspace = true;
-                                return true;
-                            }
+    function setFormat(editor, character, format, codeFormat) {
+        (0, roosterjs_content_model_api_1.formatTextSegmentBeforeSelectionMarker)(editor, function (_model, previousSegment, paragraph, markerFormat, context) {
+            if (previousSegment.text[previousSegment.text.length - 1] == character) {
+                var textBeforeMarker = previousSegment.text.slice(0, -1);
+                context.newPendingFormat = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, markerFormat), { strikethrough: !!markerFormat.strikethrough, italic: !!markerFormat.italic, fontWeight: (markerFormat === null || markerFormat === void 0 ? void 0 : markerFormat.fontWeight) ? 'bold' : undefined });
+                if (textBeforeMarker.indexOf(character) > -1) {
+                    var lastCharIndex = previousSegment.text.length;
+                    var firstCharIndex = previousSegment.text
+                        .substring(0, lastCharIndex - 1)
+                        .lastIndexOf(character);
+                    if (lastCharIndex - firstCharIndex > 2) {
+                        var formattedText = (0, splitTextSegment_1.splitTextSegment)(previousSegment, paragraph, firstCharIndex, lastCharIndex);
+                        formattedText.text = formattedText.text.replace(character, '').slice(0, -1);
+                        formattedText.format = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, formattedText.format), format);
+                        if (codeFormat) {
+                            formattedText.code = {
+                                format: codeFormat,
+                            };
                         }
+                        context.canUndoByBackspace = true;
+                        return true;
                     }
                 }
             }

package/lib-amd/markdown/utils/setFormat.js.map

@@ -1 +1 @@
-{"version":3,"file":"setFormat.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/markdown/utils/setFormat.ts"],"names":[],"mappings":";;;;IAKA;;OAEG;IACH,SAAgB,SAAS,CAAC,MAAe,EAAE,SAAiB,EAAE,MAAiC;QAC3F,MAAM,CAAC,kBAAkB,CAAC,UAAC,KAAK,EAAE,OAAO;;YACrC,IAAM,6BAA6B,GAAG,IAAA,8DAAgC,EAClE,KAAK,EACL,KAAK,CAAC,uBAAuB,CAChC,CAAC;YAEF,IAAI,6BAA6B,CAAC,MAAM,GAAG,CAAC,IAAI,6BAA6B,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;gBACjF,IAAM,MAAM,GAAG,6BAA6B,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACnD,OAAO,CAAC,gBAAgB,mDACjB,MAAM,CAAC,MAAM,KAChB,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,EAC5C,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,EAC9B,UAAU,EAAE,CAAA,MAAA,MAAM,CAAC,MAAM,0CAAE,UAAU,EAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,GAC7D,CAAC;gBAEF,IAAM,SAAS,GAAG,6BAA6B,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACtD,IAAI,MAAM,CAAC,WAAW,IAAI,iBAAiB,EAAE;oBACzC,IAAM,WAAW,GAAG,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;oBACvD,IAAI,WAAW,GAAG,CAAC,IAAI,SAAS,CAAC,QAAQ,CAAC,WAAW,GAAG,CAAC,CAAC,EAAE;wBACxD,IAAM,mBAAmB,GAAG,SAAS,CAAC,QAAQ,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;wBAEhE,IACI,mBAAmB,CAAC,WAAW,IAAI,MAAM;4BACzC,mBAAmB,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,SAAS,EAC5E;4BACE,IAAM,gBAAgB,GAAG,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;4BAC/D,IAAI,gBAAgB,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE;gCAC1C,IAAM,aAAa,GAAG,mBAAmB,CAAC,IAAI,CAAC,MAAM,CAAC;gCACtD,IAAM,cAAc,GAAG,mBAAmB,CAAC,IAAI;qCAC1C,SAAS,CAAC,CAAC,EAAE,aAAa,GAAG,CAAC,CAAC;qCAC/B,WAAW,CAAC,SAAS,CAAC,CAAC;gCAE5B,IAAM,aAAa,GAAG,IAAA,mCAAgB,EAClC,mBAAmB,EACnB,SAAS,EACT,cAAc,EACd,aAAa,CAChB,CAAC;gCAEF,aAAa,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI;qCAClC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC;qCACtB,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;gCAClB,aAAa,CAAC,MAAM,mDACb,aAAa,CAAC,MAAM,GACpB,MAAM,CACZ,CAAC;gCAEF,OAAO,CAAC,kBAAkB,GAAG,IAAI,CAAC;gCAClC,OAAO,IAAI,CAAC;6BACf;yBACJ;qBACJ;iBACJ;aACJ;YACD,OAAO,KAAK,CAAC;QACjB,CAAC,CAAC,CAAC;IACP,CAAC;IAzDD,8BAyDC","sourcesContent":["import { getSelectedSegmentsAndParagraphs } from 'roosterjs-content-model-dom';\nimport { splitTextSegment } from '../../pluginUtils/splitTextSegment';\n\nimport type { ContentModelSegmentFormat, IEditor } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function setFormat(editor: IEditor, character: string, format: ContentModelSegmentFormat) {\n    editor.formatContentModel((model, context) => {\n        const selectedSegmentsAndParagraphs = getSelectedSegmentsAndParagraphs(\n            model,\n            false /*includeFormatHolder*/\n        );\n\n        if (selectedSegmentsAndParagraphs.length > 0 && selectedSegmentsAndParagraphs[0][1]) {\n            const marker = selectedSegmentsAndParagraphs[0][0];\n            context.newPendingFormat = {\n                ...marker.format,\n                strikethrough: !!marker.format.strikethrough,\n                italic: !!marker.format.italic,\n                fontWeight: marker.format?.fontWeight ? 'bold' : undefined,\n            };\n\n            const paragraph = selectedSegmentsAndParagraphs[0][1];\n            if (marker.segmentType == 'SelectionMarker') {\n                const markerIndex = paragraph.segments.indexOf(marker);\n                if (markerIndex > 0 && paragraph.segments[markerIndex - 1]) {\n                    const segmentBeforeMarker = paragraph.segments[markerIndex - 1];\n\n                    if (\n                        segmentBeforeMarker.segmentType == 'Text' &&\n                        segmentBeforeMarker.text[segmentBeforeMarker.text.length - 1] == character\n                    ) {\n                        const textBeforeMarker = segmentBeforeMarker.text.slice(0, -1);\n                        if (textBeforeMarker.indexOf(character) > -1) {\n                            const lastCharIndex = segmentBeforeMarker.text.length;\n                            const firstCharIndex = segmentBeforeMarker.text\n                                .substring(0, lastCharIndex - 1)\n                                .lastIndexOf(character);\n\n                            const formattedText = splitTextSegment(\n                                segmentBeforeMarker,\n                                paragraph,\n                                firstCharIndex,\n                                lastCharIndex\n                            );\n\n                            formattedText.text = formattedText.text\n                                .replace(character, '')\n                                .slice(0, -1);\n                            formattedText.format = {\n                                ...formattedText.format,\n                                ...format,\n                            };\n\n                            context.canUndoByBackspace = true;\n                            return true;\n                        }\n                    }\n                }\n            }\n        }\n        return false;\n    });\n}\n"]}
+{"version":3,"file":"setFormat.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/markdown/utils/setFormat.ts"],"names":[],"mappings":";;;;IASA;;OAEG;IACH,SAAgB,SAAS,CACrB,MAAe,EACf,SAAiB,EACjB,MAAiC,EACjC,UAAmC;QAEnC,IAAA,oEAAsC,EAClC,MAAM,EACN,UAAC,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO;YACtD,IAAI,eAAe,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,SAAS,EAAE;gBACpE,IAAM,gBAAgB,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;gBAC3D,OAAO,CAAC,gBAAgB,mDACjB,YAAY,KACf,aAAa,EAAE,CAAC,CAAC,YAAY,CAAC,aAAa,EAC3C,MAAM,EAAE,CAAC,CAAC,YAAY,CAAC,MAAM,EAC7B,UAAU,EAAE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,EAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,GAC5D,CAAC;gBACF,IAAI,gBAAgB,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE;oBAC1C,IAAM,aAAa,GAAG,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC;oBAClD,IAAM,cAAc,GAAG,eAAe,CAAC,IAAI;yBACtC,SAAS,CAAC,CAAC,EAAE,aAAa,GAAG,CAAC,CAAC;yBAC/B,WAAW,CAAC,SAAS,CAAC,CAAC;oBAC5B,IAAI,aAAa,GAAG,cAAc,GAAG,CAAC,EAAE;wBACpC,IAAM,aAAa,GAAG,IAAA,mCAAgB,EAClC,eAAe,EACf,SAAS,EACT,cAAc,EACd,aAAa,CAChB,CAAC;wBAEF,aAAa,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;wBAC5E,aAAa,CAAC,MAAM,mDACb,aAAa,CAAC,MAAM,GACpB,MAAM,CACZ,CAAC;wBACF,IAAI,UAAU,EAAE;4BACZ,aAAa,CAAC,IAAI,GAAG;gCACjB,MAAM,EAAE,UAAU;6BACrB,CAAC;yBACL;wBAED,OAAO,CAAC,kBAAkB,GAAG,IAAI,CAAC;wBAClC,OAAO,IAAI,CAAC;qBACf;iBACJ;aACJ;YACD,OAAO,KAAK,CAAC;QACjB,CAAC,CACJ,CAAC;IACN,CAAC;IAjDD,8BAiDC","sourcesContent":["import { formatTextSegmentBeforeSelectionMarker } from 'roosterjs-content-model-api';\nimport { splitTextSegment } from '../../pluginUtils/splitTextSegment';\n\nimport type {\n    ContentModelCodeFormat,\n    ContentModelSegmentFormat,\n    IEditor,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function setFormat(\n    editor: IEditor,\n    character: string,\n    format: ContentModelSegmentFormat,\n    codeFormat?: ContentModelCodeFormat\n) {\n    formatTextSegmentBeforeSelectionMarker(\n        editor,\n        (_model, previousSegment, paragraph, markerFormat, context) => {\n            if (previousSegment.text[previousSegment.text.length - 1] == character) {\n                const textBeforeMarker = previousSegment.text.slice(0, -1);\n                context.newPendingFormat = {\n                    ...markerFormat,\n                    strikethrough: !!markerFormat.strikethrough,\n                    italic: !!markerFormat.italic,\n                    fontWeight: markerFormat?.fontWeight ? 'bold' : undefined,\n                };\n                if (textBeforeMarker.indexOf(character) > -1) {\n                    const lastCharIndex = previousSegment.text.length;\n                    const firstCharIndex = previousSegment.text\n                        .substring(0, lastCharIndex - 1)\n                        .lastIndexOf(character);\n                    if (lastCharIndex - firstCharIndex > 2) {\n                        const formattedText = splitTextSegment(\n                            previousSegment,\n                            paragraph,\n                            firstCharIndex,\n                            lastCharIndex\n                        );\n\n                        formattedText.text = formattedText.text.replace(character, '').slice(0, -1);\n                        formattedText.format = {\n                            ...formattedText.format,\n                            ...format,\n                        };\n                        if (codeFormat) {\n                            formattedText.code = {\n                                format: codeFormat,\n                            };\n                        }\n\n                        context.canUndoByBackspace = true;\n                        return true;\n                    }\n                }\n            }\n            return false;\n        }\n    );\n}\n"]}

package/lib-amd/picker/PickerHandler.d.ts

@@ -0,0 +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;
+}

package/lib-amd/picker/PickerHandler.js

@@ -0,0 +1,5 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=PickerHandler.js.map

package/lib-amd/picker/PickerHandler.js.map

@@ -0,0 +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"]}

package/lib-amd/picker/PickerHelper.d.ts

@@ -0,0 +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;
+}

package/lib-amd/picker/PickerHelper.js

@@ -0,0 +1,5 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=PickerHelper.js.map

package/lib-amd/picker/PickerHelper.js.map

@@ -0,0 +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"]}

package/lib-amd/picker/PickerHelperImpl.d.ts

@@ -0,0 +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;
+}

package/lib-amd/picker/PickerHelperImpl.js

@@ -0,0 +1,53 @@
+define(["require", "exports", "roosterjs-content-model-api", "./getQueryString", "roosterjs-content-model-dom"], function (require, exports, roosterjs_content_model_api_1, getQueryString_1, roosterjs_content_model_dom_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.PickerHelperImpl = void 0;
+    /**
+     * @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-amd/picker/PickerHelperImpl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerHelperImpl.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/picker/PickerHelperImpl.ts"],"names":[],"mappings":";;;;IAYA;;OAEG;IACH;QAGI,0BACoB,MAAe,EACf,OAAsB,EAC9B,gBAAwB;YAFhB,WAAM,GAAN,MAAM,CAAS;YACf,YAAO,GAAP,OAAO,CAAe;YAC9B,qBAAgB,GAAhB,gBAAgB,CAAQ;YAL7B,cAAS,GAA2B,IAAI,CAAC;QAM7C,CAAC;QAEJ;;;;;;WAMG;QACH,6CAAkB,GAAlB,UACI,KAA2B,EAC3B,OAAmC,EACnC,kBAA4B;YAHhC,iBA6BC;YAxBG,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YAEpB,IAAA,oEAAsC,EAClC,IAAI,CAAC,MAAM,EACX,UAAC,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO;gBAC3C,IAAM,iBAAiB,GAAuB,EAAE,CAAC;gBACjD,IAAM,WAAW,GAAG,IAAA,+BAAc,EAC9B,KAAI,CAAC,gBAAgB,EACrB,SAAS,EACT,eAAe,EACf,iBAAiB,CACpB,CAAC;gBAEF,IAAI,WAAW,EAAE;oBACb,iBAAiB,CAAC,OAAO,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,CAAC,UAAU,GAAG,IAAI,CAAC,EAArB,CAAqB,CAAC,CAAC;oBACtD,IAAA,wCAAU,EAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;oBACnC,OAAO,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;oBAChD,OAAO,IAAI,CAAC;iBACf;qBAAM;oBACH,OAAO,KAAK,CAAC;iBAChB;YACL,CAAC,EACD,OAAO,CACV,CAAC;QACN,CAAC;QAED;;WAEG;QACH,sCAAW,GAAX;;YACI,IAAI,IAAI,CAAC,SAAS,EAAE;gBAChB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;gBACtB,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,aAAa,kDAAI,CAAC;aAClC;QACL,CAAC;QACL,uBAAC;IAAD,CAAC,AAxDD,IAwDC;IAxDY,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"]}

package/lib-amd/picker/PickerPlugin.d.ts

@@ -0,0 +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;
+}