roosterjs-content-model-plugins 9.43.0 → 9.45.0

package/lib-amd/edit/utils/splitParagraph.js

@@ -1,40 +1,40 @@
-define(["require", "exports", "tslib", "./preserveParagraphFormat", "roosterjs-content-model-dom"], function (require, exports, tslib_1, preserveParagraphFormat_1, roosterjs_content_model_dom_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.splitParagraph = void 0;
-    /**
-     * @internal
-     * Split the given paragraph from insert point into two paragraphs,
-     * and move the selection marker to the beginning of the second paragraph
-     * @param insertPoint The input insert point which includes the paragraph and selection marker
-     * @param removeImplicitParagraph Whether to remove the implicit paragraph if it becomes empty after split
-     * * If set to false, the implicit paragraph will be preserved even if it becomes empty
-     * * If set to true, the implicit paragraph will be removed if it becomes empty
-     * @returns The new paragraph it created
-     */
-    function splitParagraph(insertPoint, removeImplicitParagraph, formatsToPreserveOnMerge) {
-        var _a;
-        if (removeImplicitParagraph === void 0) { removeImplicitParagraph = true; }
-        if (formatsToPreserveOnMerge === void 0) { formatsToPreserveOnMerge = []; }
-        var paragraph = insertPoint.paragraph, marker = insertPoint.marker;
-        var newParagraph = (0, roosterjs_content_model_dom_1.createParagraph)(false /*isImplicit*/, {}, paragraph.segmentFormat);
-        (0, roosterjs_content_model_dom_1.copyFormat)(newParagraph.format, paragraph.format, roosterjs_content_model_dom_1.ParagraphFormats);
-        (0, preserveParagraphFormat_1.preserveParagraphFormat)(formatsToPreserveOnMerge, paragraph, newParagraph);
-        var markerIndex = paragraph.segments.indexOf(marker);
-        var segments = paragraph.segments.splice(markerIndex, paragraph.segments.length - markerIndex);
-        (_a = newParagraph.segments).push.apply(_a, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(segments), false));
-        var isEmptyParagraph = paragraph.segments.length == 0;
-        var shouldPreserveImplicitParagraph = !paragraph.isImplicit || !removeImplicitParagraph;
-        if (isEmptyParagraph && shouldPreserveImplicitParagraph) {
-            paragraph.segments.push((0, roosterjs_content_model_dom_1.createBr)(marker.format));
-        }
-        else if (!isEmptyParagraph) {
-            (0, roosterjs_content_model_dom_1.setParagraphNotImplicit)(paragraph);
-        }
-        insertPoint.paragraph = newParagraph;
-        (0, roosterjs_content_model_dom_1.normalizeParagraph)(paragraph);
-        return newParagraph;
-    }
-    exports.splitParagraph = splitParagraph;
-});
+define(["require", "exports", "tslib", "./preserveParagraphFormat", "roosterjs-content-model-dom"], function (require, exports, tslib_1, preserveParagraphFormat_1, roosterjs_content_model_dom_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.splitParagraph = void 0;
+    /**
+     * @internal
+     * Split the given paragraph from insert point into two paragraphs,
+     * and move the selection marker to the beginning of the second paragraph
+     * @param insertPoint The input insert point which includes the paragraph and selection marker
+     * @param removeImplicitParagraph Whether to remove the implicit paragraph if it becomes empty after split
+     * * If set to false, the implicit paragraph will be preserved even if it becomes empty
+     * * If set to true, the implicit paragraph will be removed if it becomes empty
+     * @returns The new paragraph it created
+     */
+    function splitParagraph(insertPoint, removeImplicitParagraph, formatsToPreserveOnMerge) {
+        var _a;
+        if (removeImplicitParagraph === void 0) { removeImplicitParagraph = true; }
+        if (formatsToPreserveOnMerge === void 0) { formatsToPreserveOnMerge = []; }
+        var paragraph = insertPoint.paragraph, marker = insertPoint.marker;
+        var newParagraph = (0, roosterjs_content_model_dom_1.createParagraph)(false /*isImplicit*/, {}, paragraph.segmentFormat);
+        (0, roosterjs_content_model_dom_1.copyFormat)(newParagraph.format, paragraph.format, roosterjs_content_model_dom_1.ParagraphFormats);
+        (0, preserveParagraphFormat_1.preserveParagraphFormat)(formatsToPreserveOnMerge, paragraph, newParagraph);
+        var markerIndex = paragraph.segments.indexOf(marker);
+        var segments = paragraph.segments.splice(markerIndex, paragraph.segments.length - markerIndex);
+        (_a = newParagraph.segments).push.apply(_a, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(segments), false));
+        var isEmptyParagraph = paragraph.segments.length == 0;
+        var shouldPreserveImplicitParagraph = !paragraph.isImplicit || !removeImplicitParagraph;
+        if (isEmptyParagraph && shouldPreserveImplicitParagraph) {
+            paragraph.segments.push((0, roosterjs_content_model_dom_1.createBr)(marker.format));
+        }
+        else if (!isEmptyParagraph) {
+            (0, roosterjs_content_model_dom_1.setParagraphNotImplicit)(paragraph);
+        }
+        insertPoint.paragraph = newParagraph;
+        (0, roosterjs_content_model_dom_1.normalizeParagraph)(paragraph);
+        return newParagraph;
+    }
+    exports.splitParagraph = splitParagraph;
+});
 //# sourceMappingURL=splitParagraph.js.map

package/lib-amd/edit/utils/splitParagraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"splitParagraph.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/edit/utils/splitParagraph.ts"],"names":[],"mappings":";;;;IAcA;;;;;;;;;OASG;IACH,SAAgB,cAAc,CAC1B,WAAwB,EACxB,uBAAuC,EACvC,wBAAuC;;QADvC,wCAAA,EAAA,8BAAuC;QACvC,yCAAA,EAAA,6BAAuC;QAE/B,IAAA,SAAS,GAAa,WAAW,UAAxB,EAAE,MAAM,GAAK,WAAW,OAAhB,CAAiB;QAC1C,IAAM,YAAY,GAAwC,IAAA,6CAAe,EACrE,KAAK,CAAC,cAAc,EACpB,EAAE,EACF,SAAS,CAAC,aAAa,CAC1B,CAAC;QAEF,IAAA,wCAAU,EAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,EAAE,8CAAgB,CAAC,CAAC;QACpE,IAAA,iDAAuB,EAAC,wBAAwB,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;QAE3E,IAAM,WAAW,GAAG,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACvD,IAAM,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CACtC,WAAW,EACX,SAAS,CAAC,QAAQ,CAAC,MAAM,GAAG,WAAW,CAC1C,CAAC;QAEF,CAAA,KAAA,YAAY,CAAC,QAAQ,CAAA,CAAC,IAAI,8DAAI,QAAQ,WAAE;QAExC,IAAM,gBAAgB,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,CAAC;QACxD,IAAM,+BAA+B,GAAG,CAAC,SAAS,CAAC,UAAU,IAAI,CAAC,uBAAuB,CAAC;QAE1F,IAAI,gBAAgB,IAAI,+BAA+B,EAAE;YACrD,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAA,sCAAQ,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;SACpD;aAAM,IAAI,CAAC,gBAAgB,EAAE;YAC1B,IAAA,qDAAuB,EAAC,SAAS,CAAC,CAAC;SACtC;QAED,WAAW,CAAC,SAAS,GAAG,YAAY,CAAC;QAErC,IAAA,gDAAkB,EAAC,SAAS,CAAC,CAAC;QAE9B,OAAO,YAAY,CAAC;IACxB,CAAC;IArCD,wCAqCC","sourcesContent":["import { preserveParagraphFormat } from './preserveParagraphFormat';\nimport {\n    copyFormat,\n    createBr,\n    createParagraph,\n    normalizeParagraph,\n    ParagraphFormats,\n    setParagraphNotImplicit,\n} from 'roosterjs-content-model-dom';\nimport type {\n    InsertPoint,\n    ShallowMutableContentModelParagraph,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Split the given paragraph from insert point into two paragraphs,\n * and move the selection marker to the beginning of the second paragraph\n * @param insertPoint The input insert point which includes the paragraph and selection marker\n * @param removeImplicitParagraph Whether to remove the implicit paragraph if it becomes empty after split\n * * If set to false, the implicit paragraph will be preserved even if it becomes empty\n * * If set to true, the implicit paragraph will be removed if it becomes empty\n * @returns The new paragraph it created\n */\nexport function splitParagraph(\n    insertPoint: InsertPoint,\n    removeImplicitParagraph: boolean = true,\n    formatsToPreserveOnMerge: string[] = []\n): ShallowMutableContentModelParagraph {\n    const { paragraph, marker } = insertPoint;\n    const newParagraph: ShallowMutableContentModelParagraph = createParagraph(\n        false /*isImplicit*/,\n        {},\n        paragraph.segmentFormat\n    );\n\n    copyFormat(newParagraph.format, paragraph.format, ParagraphFormats);\n    preserveParagraphFormat(formatsToPreserveOnMerge, paragraph, newParagraph);\n\n    const markerIndex = paragraph.segments.indexOf(marker);\n    const segments = paragraph.segments.splice(\n        markerIndex,\n        paragraph.segments.length - markerIndex\n    );\n\n    newParagraph.segments.push(...segments);\n\n    const isEmptyParagraph = paragraph.segments.length == 0;\n    const shouldPreserveImplicitParagraph = !paragraph.isImplicit || !removeImplicitParagraph;\n\n    if (isEmptyParagraph && shouldPreserveImplicitParagraph) {\n        paragraph.segments.push(createBr(marker.format));\n    } else if (!isEmptyParagraph) {\n        setParagraphNotImplicit(paragraph);\n    }\n\n    insertPoint.paragraph = newParagraph;\n\n    normalizeParagraph(paragraph);\n\n    return newParagraph;\n}\n"]}
+{"version":3,"file":"splitParagraph.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/edit/utils/splitParagraph.ts"],"names":[],"mappings":";;;;IAcA;;;;;;;;;OASG;IACH,SAAgB,cAAc,CAC1B,WAAwB,EACxB,uBAAuC,EACvC,wBAAuC;;QADvC,wCAAA,EAAA,8BAAuC;QACvC,yCAAA,EAAA,6BAAuC;QAE/B,IAAA,SAAS,GAAa,WAAW,UAAxB,EAAE,MAAM,GAAK,WAAW,OAAhB,CAAiB;QAC1C,IAAM,YAAY,GAAwC,IAAA,6CAAe,EACrE,KAAK,CAAC,cAAc,EACpB,EAAE,EACF,SAAS,CAAC,aAAa,CAC1B,CAAC;QAEF,IAAA,wCAAU,EAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,EAAE,8CAAgB,CAAC,CAAC;QACpE,IAAA,iDAAuB,EAAC,wBAAwB,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;QAE3E,IAAM,WAAW,GAAG,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACvD,IAAM,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CACtC,WAAW,EACX,SAAS,CAAC,QAAQ,CAAC,MAAM,GAAG,WAAW,CAC1C,CAAC;QAEF,CAAA,KAAA,YAAY,CAAC,QAAQ,CAAA,CAAC,IAAI,8DAAI,QAAQ,WAAE;QAExC,IAAM,gBAAgB,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,CAAC;QACxD,IAAM,+BAA+B,GAAG,CAAC,SAAS,CAAC,UAAU,IAAI,CAAC,uBAAuB,CAAC;QAE1F,IAAI,gBAAgB,IAAI,+BAA+B,EAAE;YACrD,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAA,sCAAQ,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;SACpD;aAAM,IAAI,CAAC,gBAAgB,EAAE;YAC1B,IAAA,qDAAuB,EAAC,SAAS,CAAC,CAAC;SACtC;QAED,WAAW,CAAC,SAAS,GAAG,YAAY,CAAC;QAErC,IAAA,gDAAkB,EAAC,SAAS,CAAC,CAAC;QAE9B,OAAO,YAAY,CAAC;IACxB,CAAC;IArCD,wCAqCC","sourcesContent":["import { preserveParagraphFormat } from './preserveParagraphFormat';\r\nimport {\r\n    copyFormat,\r\n    createBr,\r\n    createParagraph,\r\n    normalizeParagraph,\r\n    ParagraphFormats,\r\n    setParagraphNotImplicit,\r\n} from 'roosterjs-content-model-dom';\r\nimport type {\r\n    InsertPoint,\r\n    ShallowMutableContentModelParagraph,\r\n} from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * @internal\r\n * Split the given paragraph from insert point into two paragraphs,\r\n * and move the selection marker to the beginning of the second paragraph\r\n * @param insertPoint The input insert point which includes the paragraph and selection marker\r\n * @param removeImplicitParagraph Whether to remove the implicit paragraph if it becomes empty after split\r\n * * If set to false, the implicit paragraph will be preserved even if it becomes empty\r\n * * If set to true, the implicit paragraph will be removed if it becomes empty\r\n * @returns The new paragraph it created\r\n */\r\nexport function splitParagraph(\r\n    insertPoint: InsertPoint,\r\n    removeImplicitParagraph: boolean = true,\r\n    formatsToPreserveOnMerge: string[] = []\r\n): ShallowMutableContentModelParagraph {\r\n    const { paragraph, marker } = insertPoint;\r\n    const newParagraph: ShallowMutableContentModelParagraph = createParagraph(\r\n        false /*isImplicit*/,\r\n        {},\r\n        paragraph.segmentFormat\r\n    );\r\n\r\n    copyFormat(newParagraph.format, paragraph.format, ParagraphFormats);\r\n    preserveParagraphFormat(formatsToPreserveOnMerge, paragraph, newParagraph);\r\n\r\n    const markerIndex = paragraph.segments.indexOf(marker);\r\n    const segments = paragraph.segments.splice(\r\n        markerIndex,\r\n        paragraph.segments.length - markerIndex\r\n    );\r\n\r\n    newParagraph.segments.push(...segments);\r\n\r\n    const isEmptyParagraph = paragraph.segments.length == 0;\r\n    const shouldPreserveImplicitParagraph = !paragraph.isImplicit || !removeImplicitParagraph;\r\n\r\n    if (isEmptyParagraph && shouldPreserveImplicitParagraph) {\r\n        paragraph.segments.push(createBr(marker.format));\r\n    } else if (!isEmptyParagraph) {\r\n        setParagraphNotImplicit(paragraph);\r\n    }\r\n\r\n    insertPoint.paragraph = newParagraph;\r\n\r\n    normalizeParagraph(paragraph);\r\n\r\n    return newParagraph;\r\n}\r\n"]}

package/lib-amd/findReplace/FindReplacePlugin.d.ts

@@ -1,42 +1,42 @@
-import type { FindReplaceHighlightOptions } from './types/FindReplaceHighlightOptions';
-import type { EditorPlugin, IEditor, PluginEvent } from 'roosterjs-content-model-types';
-import type { FindReplaceContext } from './types/FindReplaceContext';
-/**
- * Plugin for finding and replacing text in the editor, maintain the highlights for found and replaced text
- */
-export declare class FindReplacePlugin implements EditorPlugin {
-    private context;
-    private editor;
-    private findHighlightStyle;
-    private replaceHighlightStyle;
-    /**
-     * Creates a FindReplacePlugin instance
-     * @param context FindReplaceContext to use. It will be disposed when plugin is being disposed.
-     * @param options Options for highlighting styles
-     */
-    constructor(context: FindReplaceContext, options?: FindReplaceHighlightOptions);
-    /**
-     * Get name of this plugin
-     */
-    getName(): string;
-    /**
-     * The first method that editor will call to a plugin when editor is initializing.
-     * It will pass in the editor instance, plugin should take this chance to save the
-     * editor reference so that it can call to any editor method or format API later.
-     * @param editor The editor object
-     */
-    initialize(editor: IEditor): void;
-    /**
-     * The last method that editor will call to a plugin before it is disposed.
-     * Plugin can take this chance to clear the reference to editor. After this method is
-     * called, plugin should not call to any editor method since it will result in error.
-     */
-    dispose(): void;
-    /**
-     * Core method for a plugin. Once an event happens in editor, editor will call this
-     * method of each plugin to handle the event as long as the event is not handled
-     * exclusively by another plugin.
-     * @param event The event to handle:
-     */
-    onPluginEvent(event: PluginEvent): void;
-}
+import type { FindReplaceHighlightOptions } from './types/FindReplaceHighlightOptions';
+import type { EditorPlugin, IEditor, PluginEvent } from 'roosterjs-content-model-types';
+import type { FindReplaceContext } from './types/FindReplaceContext';
+/**
+ * Plugin for finding and replacing text in the editor, maintain the highlights for found and replaced text
+ */
+export declare class FindReplacePlugin implements EditorPlugin {
+    private context;
+    private editor;
+    private findHighlightStyle;
+    private replaceHighlightStyle;
+    /**
+     * Creates a FindReplacePlugin instance
+     * @param context FindReplaceContext to use. It will be disposed when plugin is being disposed.
+     * @param options Options for highlighting styles
+     */
+    constructor(context: FindReplaceContext, options?: FindReplaceHighlightOptions);
+    /**
+     * Get name of this plugin
+     */
+    getName(): string;
+    /**
+     * The first method that editor will call to a plugin when editor is initializing.
+     * It will pass in the editor instance, plugin should take this chance to save the
+     * editor reference so that it can call to any editor method or format API later.
+     * @param editor The editor object
+     */
+    initialize(editor: IEditor): void;
+    /**
+     * The last method that editor will call to a plugin before it is disposed.
+     * Plugin can take this chance to clear the reference to editor. After this method is
+     * called, plugin should not call to any editor method since it will result in error.
+     */
+    dispose(): void;
+    /**
+     * Core method for a plugin. Once an event happens in editor, editor will call this
+     * method of each plugin to handle the event as long as the event is not handled
+     * exclusively by another plugin.
+     * @param event The event to handle:
+     */
+    onPluginEvent(event: PluginEvent): void;
+}

package/lib-amd/findReplace/FindReplacePlugin.js

@@ -1,96 +1,97 @@
-define(["require", "exports", "roosterjs-content-model-dom", "./utils/updateHighlight", "./utils/constants"], function (require, exports, roosterjs_content_model_dom_1, updateHighlight_1, constants_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.FindReplacePlugin = void 0;
-    var DefaultFindHighlightStyle = 'background-color: yellow;';
-    var DefaultReplaceHighlightStyle = 'background-color: orange;';
-    /**
-     * Plugin for finding and replacing text in the editor, maintain the highlights for found and replaced text
-     */
-    var FindReplacePlugin = /** @class */ (function () {
-        /**
-         * Creates a FindReplacePlugin instance
-         * @param context FindReplaceContext to use. It will be disposed when plugin is being disposed.
-         * @param options Options for highlighting styles
-         */
-        function FindReplacePlugin(context, options) {
-            var _a, _b;
-            this.context = context;
-            this.editor = null;
-            this.findHighlightStyle = (_a = options === null || options === void 0 ? void 0 : options.findHighlightStyle) !== null && _a !== void 0 ? _a : DefaultFindHighlightStyle;
-            this.replaceHighlightStyle = (_b = options === null || options === void 0 ? void 0 : options.replaceHighlightStyle) !== null && _b !== void 0 ? _b : DefaultReplaceHighlightStyle;
-        }
-        /**
-         * Get name of this plugin
-         */
-        FindReplacePlugin.prototype.getName = function () {
-            return 'FindReplace';
-        };
-        /**
-         * The first method that editor will call to a plugin when editor is initializing.
-         * It will pass in the editor instance, plugin should take this chance to save the
-         * editor reference so that it can call to any editor method or format API later.
-         * @param editor The editor object
-         */
-        FindReplacePlugin.prototype.initialize = function (editor) {
-            var _a;
-            this.editor = editor;
-            var win = (_a = editor.getDocument().defaultView) !== null && _a !== void 0 ? _a : window;
-            this.context.findHighlight.initialize(win);
-            this.context.replaceHighlight.initialize(win);
-            this.editor.setEditorStyle(constants_1.FindHighlightRuleKey, this.findHighlightStyle, [
-                constants_1.FindHighlightSelector,
-            ]);
-            this.editor.setEditorStyle(constants_1.ReplaceHighlightRuleKey, this.replaceHighlightStyle, [
-                constants_1.ReplaceHighlightSelector,
-            ]);
-        };
-        /**
-         * The last method that editor will call to a plugin before it is disposed.
-         * Plugin can take this chance to clear the reference to editor. After this method is
-         * called, plugin should not call to any editor method since it will result in error.
-         */
-        FindReplacePlugin.prototype.dispose = function () {
-            this.context.findHighlight.dispose();
-            this.context.replaceHighlight.dispose();
-            if (this.editor) {
-                this.editor.setEditorStyle(constants_1.FindHighlightRuleKey, null /*cssRule*/);
-                this.editor.setEditorStyle(constants_1.ReplaceHighlightRuleKey, null /*cssRule*/);
-                this.editor = null;
-            }
-        };
-        /**
-         * Core method for a plugin. Once an event happens in editor, editor will call this
-         * method of each plugin to handle the event as long as the event is not handled
-         * exclusively by another plugin.
-         * @param event The event to handle:
-         */
-        FindReplacePlugin.prototype.onPluginEvent = function (event) {
-            if (!this.context.text || !this.editor) {
-                return;
-            }
-            switch (event.eventType) {
-                case 'input':
-                    var selection = this.editor.getDOMSelection();
-                    if ((selection === null || selection === void 0 ? void 0 : selection.type) == 'range') {
-                        var block = this.editor
-                            .getDOMHelper()
-                            .findClosestBlockElement(selection.range.startContainer);
-                        (0, updateHighlight_1.updateHighlight)(this.editor, this.context, [block], [block]);
-                    }
-                    break;
-                case 'contentChanged':
-                    if (!event.contentModel && event.source != roosterjs_content_model_dom_1.ChangeSource.Replace) {
-                        (0, updateHighlight_1.updateHighlight)(this.editor, this.context);
-                    }
-                    break;
-                case 'rewriteFromModel':
-                    (0, updateHighlight_1.updateHighlight)(this.editor, this.context, event.addedBlockElements, event.removedBlockElements);
-                    break;
-            }
-        };
-        return FindReplacePlugin;
-    }());
-    exports.FindReplacePlugin = FindReplacePlugin;
-});
+define(["require", "exports", "roosterjs-content-model-dom", "./utils/updateHighlight", "./utils/constants"], function (require, exports, roosterjs_content_model_dom_1, updateHighlight_1, constants_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.FindReplacePlugin = void 0;
+    var DefaultFindHighlightStyle = 'background-color: yellow;';
+    var DefaultReplaceHighlightStyle = 'background-color: orange;';
+    /**
+     * Plugin for finding and replacing text in the editor, maintain the highlights for found and replaced text
+     */
+    var FindReplacePlugin = /** @class */ (function () {
+        /**
+         * Creates a FindReplacePlugin instance
+         * @param context FindReplaceContext to use. It will be disposed when plugin is being disposed.
+         * @param options Options for highlighting styles
+         */
+        function FindReplacePlugin(context, options) {
+            var _a, _b;
+            this.context = context;
+            this.editor = null;
+            this.findHighlightStyle = (_a = options === null || options === void 0 ? void 0 : options.findHighlightStyle) !== null && _a !== void 0 ? _a : DefaultFindHighlightStyle;
+            this.replaceHighlightStyle = (_b = options === null || options === void 0 ? void 0 : options.replaceHighlightStyle) !== null && _b !== void 0 ? _b : DefaultReplaceHighlightStyle;
+        }
+        /**
+         * Get name of this plugin
+         */
+        FindReplacePlugin.prototype.getName = function () {
+            return 'FindReplace';
+        };
+        /**
+         * The first method that editor will call to a plugin when editor is initializing.
+         * It will pass in the editor instance, plugin should take this chance to save the
+         * editor reference so that it can call to any editor method or format API later.
+         * @param editor The editor object
+         */
+        FindReplacePlugin.prototype.initialize = function (editor) {
+            this.editor = editor;
+            var win = editor.getDocument().defaultView;
+            if (win) {
+                this.context.findHighlight.initialize(win);
+                this.context.replaceHighlight.initialize(win);
+            }
+            this.editor.setEditorStyle(constants_1.FindHighlightRuleKey, this.findHighlightStyle, [
+                constants_1.FindHighlightSelector,
+            ]);
+            this.editor.setEditorStyle(constants_1.ReplaceHighlightRuleKey, this.replaceHighlightStyle, [
+                constants_1.ReplaceHighlightSelector,
+            ]);
+        };
+        /**
+         * The last method that editor will call to a plugin before it is disposed.
+         * Plugin can take this chance to clear the reference to editor. After this method is
+         * called, plugin should not call to any editor method since it will result in error.
+         */
+        FindReplacePlugin.prototype.dispose = function () {
+            this.context.findHighlight.dispose();
+            this.context.replaceHighlight.dispose();
+            if (this.editor) {
+                this.editor.setEditorStyle(constants_1.FindHighlightRuleKey, null /*cssRule*/);
+                this.editor.setEditorStyle(constants_1.ReplaceHighlightRuleKey, null /*cssRule*/);
+                this.editor = null;
+            }
+        };
+        /**
+         * Core method for a plugin. Once an event happens in editor, editor will call this
+         * method of each plugin to handle the event as long as the event is not handled
+         * exclusively by another plugin.
+         * @param event The event to handle:
+         */
+        FindReplacePlugin.prototype.onPluginEvent = function (event) {
+            if (!this.context.text || !this.editor) {
+                return;
+            }
+            switch (event.eventType) {
+                case 'input':
+                    var selection = this.editor.getDOMSelection();
+                    if ((selection === null || selection === void 0 ? void 0 : selection.type) == 'range') {
+                        var block = this.editor
+                            .getDOMHelper()
+                            .findClosestBlockElement(selection.range.startContainer);
+                        (0, updateHighlight_1.updateHighlight)(this.editor, this.context, [block], [block]);
+                    }
+                    break;
+                case 'contentChanged':
+                    if (!event.contentModel && event.source != roosterjs_content_model_dom_1.ChangeSource.Replace) {
+                        (0, updateHighlight_1.updateHighlight)(this.editor, this.context);
+                    }
+                    break;
+                case 'rewriteFromModel':
+                    (0, updateHighlight_1.updateHighlight)(this.editor, this.context, event.addedBlockElements, event.removedBlockElements);
+                    break;
+            }
+        };
+        return FindReplacePlugin;
+    }());
+    exports.FindReplacePlugin = FindReplacePlugin;
+});
 //# sourceMappingURL=FindReplacePlugin.js.map

package/lib-amd/findReplace/FindReplacePlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"FindReplacePlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/findReplace/FindReplacePlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { ChangeSource } from 'roosterjs-content-model-dom';\nimport { updateHighlight } from './utils/updateHighlight';\nimport type { FindReplaceHighlightOptions } from './types/FindReplaceHighlightOptions';\nimport {\n    FindHighlightRuleKey,\n    FindHighlightSelector,\n    ReplaceHighlightRuleKey,\n    ReplaceHighlightSelector,\n} from './utils/constants';\nimport type { EditorPlugin, IEditor, PluginEvent } from 'roosterjs-content-model-types';\nimport type { FindReplaceContext } from './types/FindReplaceContext';\n\nconst DefaultFindHighlightStyle = 'background-color: yellow;';\nconst DefaultReplaceHighlightStyle = 'background-color: orange;';\n\n/**\n * Plugin for finding and replacing text in the editor, maintain the highlights for found and replaced text\n */\nexport class FindReplacePlugin implements EditorPlugin {\n    private editor: IEditor | null = null;\n    private findHighlightStyle: string;\n    private replaceHighlightStyle: string;\n\n    /**\n     * Creates a FindReplacePlugin instance\n     * @param context FindReplaceContext to use. It will be disposed when plugin is being disposed.\n     * @param options Options for highlighting styles\n     */\n    constructor(private context: FindReplaceContext, options?: FindReplaceHighlightOptions) {\n        this.findHighlightStyle = options?.findHighlightStyle ?? DefaultFindHighlightStyle;\n        this.replaceHighlightStyle = options?.replaceHighlightStyle ?? DefaultReplaceHighlightStyle;\n    }\n\n    /**\n     * Get name of this plugin\n     */\n    getName() {\n        return 'FindReplace';\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        const win = editor.getDocument().defaultView ?? window;\n\n        this.context.findHighlight.initialize(win);\n        this.context.replaceHighlight.initialize(win);\n\n        this.editor.setEditorStyle(FindHighlightRuleKey, this.findHighlightStyle, [\n            FindHighlightSelector,\n        ]);\n        this.editor.setEditorStyle(ReplaceHighlightRuleKey, this.replaceHighlightStyle, [\n            ReplaceHighlightSelector,\n        ]);\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.context.findHighlight.dispose();\n        this.context.replaceHighlight.dispose();\n\n        if (this.editor) {\n            this.editor.setEditorStyle(FindHighlightRuleKey, null /*cssRule*/);\n            this.editor.setEditorStyle(ReplaceHighlightRuleKey, null /*cssRule*/);\n\n            this.editor = null;\n        }\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.context.text || !this.editor) {\n            return;\n        }\n\n        switch (event.eventType) {\n            case 'input':\n                const selection = this.editor.getDOMSelection();\n\n                if (selection?.type == 'range') {\n                    const block = this.editor\n                        .getDOMHelper()\n                        .findClosestBlockElement(selection.range.startContainer);\n\n                    updateHighlight(this.editor, this.context, [block], [block]);\n                }\n\n                break;\n            case 'contentChanged':\n                if (!event.contentModel && event.source != ChangeSource.Replace) {\n                    updateHighlight(this.editor, this.context);\n                }\n\n                break;\n\n            case 'rewriteFromModel':\n                updateHighlight(\n                    this.editor,\n                    this.context,\n                    event.addedBlockElements,\n                    event.removedBlockElements\n                );\n\n                break;\n        }\n    }\n}\n"]}
+{"version":3,"file":"FindReplacePlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/findReplace/FindReplacePlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { ChangeSource } from 'roosterjs-content-model-dom';\r\nimport { updateHighlight } from './utils/updateHighlight';\r\nimport type { FindReplaceHighlightOptions } from './types/FindReplaceHighlightOptions';\r\nimport {\r\n    FindHighlightRuleKey,\r\n    FindHighlightSelector,\r\n    ReplaceHighlightRuleKey,\r\n    ReplaceHighlightSelector,\r\n} from './utils/constants';\r\nimport type { EditorPlugin, IEditor, PluginEvent } from 'roosterjs-content-model-types';\r\nimport type { FindReplaceContext } from './types/FindReplaceContext';\r\n\r\nconst DefaultFindHighlightStyle = 'background-color: yellow;';\r\nconst DefaultReplaceHighlightStyle = 'background-color: orange;';\r\n\r\n/**\r\n * Plugin for finding and replacing text in the editor, maintain the highlights for found and replaced text\r\n */\r\nexport class FindReplacePlugin implements EditorPlugin {\r\n    private editor: IEditor | null = null;\r\n    private findHighlightStyle: string;\r\n    private replaceHighlightStyle: string;\r\n\r\n    /**\r\n     * Creates a FindReplacePlugin instance\r\n     * @param context FindReplaceContext to use. It will be disposed when plugin is being disposed.\r\n     * @param options Options for highlighting styles\r\n     */\r\n    constructor(private context: FindReplaceContext, options?: FindReplaceHighlightOptions) {\r\n        this.findHighlightStyle = options?.findHighlightStyle ?? DefaultFindHighlightStyle;\r\n        this.replaceHighlightStyle = options?.replaceHighlightStyle ?? DefaultReplaceHighlightStyle;\r\n    }\r\n\r\n    /**\r\n     * Get name of this plugin\r\n     */\r\n    getName() {\r\n        return 'FindReplace';\r\n    }\r\n\r\n    /**\r\n     * The first method that editor will call to a plugin when editor is initializing.\r\n     * It will pass in the editor instance, plugin should take this chance to save the\r\n     * editor reference so that it can call to any editor method or format API later.\r\n     * @param editor The editor object\r\n     */\r\n    initialize(editor: IEditor) {\r\n        this.editor = editor;\r\n\r\n        const win = editor.getDocument().defaultView;\r\n\r\n        if (win) {\r\n            this.context.findHighlight.initialize(win);\r\n            this.context.replaceHighlight.initialize(win);\r\n        }\r\n\r\n        this.editor.setEditorStyle(FindHighlightRuleKey, this.findHighlightStyle, [\r\n            FindHighlightSelector,\r\n        ]);\r\n        this.editor.setEditorStyle(ReplaceHighlightRuleKey, this.replaceHighlightStyle, [\r\n            ReplaceHighlightSelector,\r\n        ]);\r\n    }\r\n\r\n    /**\r\n     * The last method that editor will call to a plugin before it is disposed.\r\n     * Plugin can take this chance to clear the reference to editor. After this method is\r\n     * called, plugin should not call to any editor method since it will result in error.\r\n     */\r\n    dispose() {\r\n        this.context.findHighlight.dispose();\r\n        this.context.replaceHighlight.dispose();\r\n\r\n        if (this.editor) {\r\n            this.editor.setEditorStyle(FindHighlightRuleKey, null /*cssRule*/);\r\n            this.editor.setEditorStyle(ReplaceHighlightRuleKey, null /*cssRule*/);\r\n\r\n            this.editor = null;\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Core method for a plugin. Once an event happens in editor, editor will call this\r\n     * method of each plugin to handle the event as long as the event is not handled\r\n     * exclusively by another plugin.\r\n     * @param event The event to handle:\r\n     */\r\n    onPluginEvent(event: PluginEvent) {\r\n        if (!this.context.text || !this.editor) {\r\n            return;\r\n        }\r\n\r\n        switch (event.eventType) {\r\n            case 'input':\r\n                const selection = this.editor.getDOMSelection();\r\n\r\n                if (selection?.type == 'range') {\r\n                    const block = this.editor\r\n                        .getDOMHelper()\r\n                        .findClosestBlockElement(selection.range.startContainer);\r\n\r\n                    updateHighlight(this.editor, this.context, [block], [block]);\r\n                }\r\n\r\n                break;\r\n            case 'contentChanged':\r\n                if (!event.contentModel && event.source != ChangeSource.Replace) {\r\n                    updateHighlight(this.editor, this.context);\r\n                }\r\n\r\n                break;\r\n\r\n            case 'rewriteFromModel':\r\n                updateHighlight(\r\n                    this.editor,\r\n                    this.context,\r\n                    event.addedBlockElements,\r\n                    event.removedBlockElements\r\n                );\r\n\r\n                break;\r\n        }\r\n    }\r\n}\r\n"]}

package/lib-amd/findReplace/createFindReplaceContext.d.ts

@@ -1,8 +1,8 @@
-import type { FindReplaceContext } from './types/FindReplaceContext';
-/**
- * Creates a FindReplaceContext object with default values
- * @param win The window object
- * @param scrollMargin Margin size (in pixels) when scrolling to a highlighted item
- * @returns
- */
-export declare function createFindReplaceContext(scrollMargin?: number): FindReplaceContext;
+import type { FindReplaceContext } from './types/FindReplaceContext';
+/**
+ * Creates a FindReplaceContext object with default values
+ * @param win The window object
+ * @param scrollMargin Margin size (in pixels) when scrolling to a highlighted item
+ * @returns
+ */
+export declare function createFindReplaceContext(scrollMargin?: number): FindReplaceContext;

package/lib-amd/findReplace/createFindReplaceContext.js

@@ -1,26 +1,26 @@
-define(["require", "exports", "./utils/HighlightHelperImpl", "./utils/constants"], function (require, exports, HighlightHelperImpl_1, constants_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.createFindReplaceContext = void 0;
-    /**
-     * Creates a FindReplaceContext object with default values
-     * @param win The window object
-     * @param scrollMargin Margin size (in pixels) when scrolling to a highlighted item
-     * @returns
-     */
-    function createFindReplaceContext(scrollMargin) {
-        if (scrollMargin === void 0) { scrollMargin = constants_1.ScrollMargin; }
-        return {
-            text: null,
-            matchCase: false,
-            wholeWord: false,
-            ranges: [],
-            markedIndex: -1,
-            scrollMargin: scrollMargin,
-            findHighlight: (0, HighlightHelperImpl_1.createHighlightHelper)(constants_1.FindHighlightStyleKey),
-            replaceHighlight: (0, HighlightHelperImpl_1.createHighlightHelper)(constants_1.ReplaceHighlightStyleKey),
-        };
-    }
-    exports.createFindReplaceContext = createFindReplaceContext;
-});
+define(["require", "exports", "./utils/HighlightHelperImpl", "./utils/constants"], function (require, exports, HighlightHelperImpl_1, constants_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.createFindReplaceContext = void 0;
+    /**
+     * Creates a FindReplaceContext object with default values
+     * @param win The window object
+     * @param scrollMargin Margin size (in pixels) when scrolling to a highlighted item
+     * @returns
+     */
+    function createFindReplaceContext(scrollMargin) {
+        if (scrollMargin === void 0) { scrollMargin = constants_1.ScrollMargin; }
+        return {
+            text: null,
+            matchCase: false,
+            wholeWord: false,
+            ranges: [],
+            markedIndex: -1,
+            scrollMargin: scrollMargin,
+            findHighlight: (0, HighlightHelperImpl_1.createHighlightHelper)(constants_1.FindHighlightStyleKey),
+            replaceHighlight: (0, HighlightHelperImpl_1.createHighlightHelper)(constants_1.ReplaceHighlightStyleKey),
+        };
+    }
+    exports.createFindReplaceContext = createFindReplaceContext;
+});
 //# sourceMappingURL=createFindReplaceContext.js.map

package/lib-amd/findReplace/createFindReplaceContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"createFindReplaceContext.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/findReplace/createFindReplaceContext.ts"],"names":[],"mappings":";;;;IAIA;;;;;OAKG;IACH,SAAgB,wBAAwB,CAAC,YAAmC;QAAnC,6BAAA,EAAA,eAAuB,wBAAY;QACxE,OAAO;YACH,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,KAAK;YAChB,SAAS,EAAE,KAAK;YAChB,MAAM,EAAE,EAAE;YACV,WAAW,EAAE,CAAC,CAAC;YACf,YAAY,cAAA;YACZ,aAAa,EAAE,IAAA,2CAAqB,EAAC,iCAAqB,CAAC;YAC3D,gBAAgB,EAAE,IAAA,2CAAqB,EAAC,oCAAwB,CAAC;SACpE,CAAC;IACN,CAAC;IAXD,4DAWC","sourcesContent":["import { createHighlightHelper } from './utils/HighlightHelperImpl';\nimport { FindHighlightStyleKey, ReplaceHighlightStyleKey, ScrollMargin } from './utils/constants';\nimport type { FindReplaceContext } from './types/FindReplaceContext';\n\n/**\n * Creates a FindReplaceContext object with default values\n * @param win The window object\n * @param scrollMargin Margin size (in pixels) when scrolling to a highlighted item\n * @returns\n */\nexport function createFindReplaceContext(scrollMargin: number = ScrollMargin): FindReplaceContext {\n    return {\n        text: null,\n        matchCase: false,\n        wholeWord: false,\n        ranges: [],\n        markedIndex: -1,\n        scrollMargin,\n        findHighlight: createHighlightHelper(FindHighlightStyleKey),\n        replaceHighlight: createHighlightHelper(ReplaceHighlightStyleKey),\n    };\n}\n"]}
+{"version":3,"file":"createFindReplaceContext.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/findReplace/createFindReplaceContext.ts"],"names":[],"mappings":";;;;IAIA;;;;;OAKG;IACH,SAAgB,wBAAwB,CAAC,YAAmC;QAAnC,6BAAA,EAAA,eAAuB,wBAAY;QACxE,OAAO;YACH,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,KAAK;YAChB,SAAS,EAAE,KAAK;YAChB,MAAM,EAAE,EAAE;YACV,WAAW,EAAE,CAAC,CAAC;YACf,YAAY,cAAA;YACZ,aAAa,EAAE,IAAA,2CAAqB,EAAC,iCAAqB,CAAC;YAC3D,gBAAgB,EAAE,IAAA,2CAAqB,EAAC,oCAAwB,CAAC;SACpE,CAAC;IACN,CAAC;IAXD,4DAWC","sourcesContent":["import { createHighlightHelper } from './utils/HighlightHelperImpl';\r\nimport { FindHighlightStyleKey, ReplaceHighlightStyleKey, ScrollMargin } from './utils/constants';\r\nimport type { FindReplaceContext } from './types/FindReplaceContext';\r\n\r\n/**\r\n * Creates a FindReplaceContext object with default values\r\n * @param win The window object\r\n * @param scrollMargin Margin size (in pixels) when scrolling to a highlighted item\r\n * @returns\r\n */\r\nexport function createFindReplaceContext(scrollMargin: number = ScrollMargin): FindReplaceContext {\r\n    return {\r\n        text: null,\r\n        matchCase: false,\r\n        wholeWord: false,\r\n        ranges: [],\r\n        markedIndex: -1,\r\n        scrollMargin,\r\n        findHighlight: createHighlightHelper(FindHighlightStyleKey),\r\n        replaceHighlight: createHighlightHelper(ReplaceHighlightStyleKey),\r\n    };\r\n}\r\n"]}

package/lib-amd/findReplace/find.d.ts

@@ -1,11 +1,11 @@
-import type { FindReplaceContext } from './types/FindReplaceContext';
-import type { IEditor } from 'roosterjs-content-model-types';
-/**
- * Start a find operation in the editor
- * @param editor The editor instance
- * @param context The FindReplaceContext to use
- * @param text The text to find
- * @param matchCase Whether to match case
- * @param wholeWord Whether to match whole words only
- */
-export declare function find(editor: IEditor, context: FindReplaceContext, text: string | null, matchCase?: boolean, wholeWord?: boolean): void;
+import type { FindReplaceContext } from './types/FindReplaceContext';
+import type { IEditor } from 'roosterjs-content-model-types';
+/**
+ * Start a find operation in the editor
+ * @param editor The editor instance
+ * @param context The FindReplaceContext to use
+ * @param text The text to find
+ * @param matchCase Whether to match case
+ * @param wholeWord Whether to match whole words only
+ */
+export declare function find(editor: IEditor, context: FindReplaceContext, text: string | null, matchCase?: boolean, wholeWord?: boolean): void;

package/lib-amd/findReplace/find.js

@@ -1,21 +1,21 @@
-define(["require", "exports", "./utils/updateHighlight"], function (require, exports, updateHighlight_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.find = void 0;
-    /**
-     * Start a find operation in the editor
-     * @param editor The editor instance
-     * @param context The FindReplaceContext to use
-     * @param text The text to find
-     * @param matchCase Whether to match case
-     * @param wholeWord Whether to match whole words only
-     */
-    function find(editor, context, text, matchCase, wholeWord) {
-        context.text = text;
-        context.matchCase = !!matchCase;
-        context.wholeWord = !!wholeWord;
-        (0, updateHighlight_1.updateHighlight)(editor, context);
-    }
-    exports.find = find;
-});
+define(["require", "exports", "./utils/updateHighlight"], function (require, exports, updateHighlight_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.find = void 0;
+    /**
+     * Start a find operation in the editor
+     * @param editor The editor instance
+     * @param context The FindReplaceContext to use
+     * @param text The text to find
+     * @param matchCase Whether to match case
+     * @param wholeWord Whether to match whole words only
+     */
+    function find(editor, context, text, matchCase, wholeWord) {
+        context.text = text;
+        context.matchCase = !!matchCase;
+        context.wholeWord = !!wholeWord;
+        (0, updateHighlight_1.updateHighlight)(editor, context);
+    }
+    exports.find = find;
+});
 //# sourceMappingURL=find.js.map

package/lib-amd/findReplace/find.js.map

@@ -1 +1 @@
-{"version":3,"file":"find.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/findReplace/find.ts"],"names":[],"mappings":";;;;IAIA;;;;;;;OAOG;IACH,SAAgB,IAAI,CAChB,MAAe,EACf,OAA2B,EAC3B,IAAmB,EACnB,SAAmB,EACnB,SAAmB;QAEnB,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;QACpB,OAAO,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,CAAC;QAChC,OAAO,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,CAAC;QAEhC,IAAA,iCAAe,EAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,CAAC;IAZD,oBAYC","sourcesContent":["import { updateHighlight } from './utils/updateHighlight';\nimport type { FindReplaceContext } from './types/FindReplaceContext';\nimport type { IEditor } from 'roosterjs-content-model-types';\n\n/**\n * Start a find operation in the editor\n * @param editor The editor instance\n * @param context The FindReplaceContext to use\n * @param text The text to find\n * @param matchCase Whether to match case\n * @param wholeWord Whether to match whole words only\n */\nexport function find(\n    editor: IEditor,\n    context: FindReplaceContext,\n    text: string | null,\n    matchCase?: boolean,\n    wholeWord?: boolean\n): void {\n    context.text = text;\n    context.matchCase = !!matchCase;\n    context.wholeWord = !!wholeWord;\n\n    updateHighlight(editor, context);\n}\n"]}
+{"version":3,"file":"find.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/findReplace/find.ts"],"names":[],"mappings":";;;;IAIA;;;;;;;OAOG;IACH,SAAgB,IAAI,CAChB,MAAe,EACf,OAA2B,EAC3B,IAAmB,EACnB,SAAmB,EACnB,SAAmB;QAEnB,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;QACpB,OAAO,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,CAAC;QAChC,OAAO,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,CAAC;QAEhC,IAAA,iCAAe,EAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,CAAC;IAZD,oBAYC","sourcesContent":["import { updateHighlight } from './utils/updateHighlight';\r\nimport type { FindReplaceContext } from './types/FindReplaceContext';\r\nimport type { IEditor } from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * Start a find operation in the editor\r\n * @param editor The editor instance\r\n * @param context The FindReplaceContext to use\r\n * @param text The text to find\r\n * @param matchCase Whether to match case\r\n * @param wholeWord Whether to match whole words only\r\n */\r\nexport function find(\r\n    editor: IEditor,\r\n    context: FindReplaceContext,\r\n    text: string | null,\r\n    matchCase?: boolean,\r\n    wholeWord?: boolean\r\n): void {\r\n    context.text = text;\r\n    context.matchCase = !!matchCase;\r\n    context.wholeWord = !!wholeWord;\r\n\r\n    updateHighlight(editor, context);\r\n}\r\n"]}

package/lib-amd/findReplace/moveHighlight.d.ts

@@ -1,9 +1,9 @@
-import type { IEditor } from 'roosterjs-content-model-types';
-import type { FindReplaceContext } from './types/FindReplaceContext';
-/**
- * Move the highlight to next or previous match
- * @param editor The editor instance
- * @param context The FindReplaceContext to use
- * @param forward Whether to move forward or backward
- */
-export declare function moveHighlight(editor: IEditor, context: FindReplaceContext, forward: boolean): void;
+import type { IEditor } from 'roosterjs-content-model-types';
+import type { FindReplaceContext } from './types/FindReplaceContext';
+/**
+ * Move the highlight to next or previous match
+ * @param editor The editor instance
+ * @param context The FindReplaceContext to use
+ * @param forward Whether to move forward or backward
+ */
+export declare function moveHighlight(editor: IEditor, context: FindReplaceContext, forward: boolean): void;