roosterjs-content-model-plugins 9.45.0 → 9.45.2

package/lib/edit/utils/splitParagraph.js

@@ -1,41 +1,41 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.splitParagraph = void 0;
-var tslib_1 = require("tslib");
-var preserveParagraphFormat_1 = require("./preserveParagraphFormat");
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-/**
- * @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;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.splitParagraph = void 0;
+var tslib_1 = require("tslib");
+var preserveParagraphFormat_1 = require("./preserveParagraphFormat");
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+/**
+ * @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/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":";;;;AAAA,qEAAoE;AACpE,2EAOqC;AAMrC;;;;;;;;;GASG;AACH,SAAgB,cAAc,CAC1B,WAAwB,EACxB,uBAAuC,EACvC,wBAAuC;;IADvC,wCAAA,EAAA,8BAAuC;IACvC,yCAAA,EAAA,6BAAuC;IAE/B,IAAA,SAAS,GAAa,WAAW,UAAxB,EAAE,MAAM,GAAK,WAAW,OAAhB,CAAiB;IAC1C,IAAM,YAAY,GAAwC,IAAA,6CAAe,EACrE,KAAK,CAAC,cAAc,EACpB,EAAE,EACF,SAAS,CAAC,aAAa,CAC1B,CAAC;IAEF,IAAA,wCAAU,EAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,EAAE,8CAAgB,CAAC,CAAC;IACpE,IAAA,iDAAuB,EAAC,wBAAwB,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;IAE3E,IAAM,WAAW,GAAG,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACvD,IAAM,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CACtC,WAAW,EACX,SAAS,CAAC,QAAQ,CAAC,MAAM,GAAG,WAAW,CAC1C,CAAC;IAEF,CAAA,KAAA,YAAY,CAAC,QAAQ,CAAA,CAAC,IAAI,8DAAI,QAAQ,WAAE;IAExC,IAAM,gBAAgB,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,CAAC;IACxD,IAAM,+BAA+B,GAAG,CAAC,SAAS,CAAC,UAAU,IAAI,CAAC,uBAAuB,CAAC;IAE1F,IAAI,gBAAgB,IAAI,+BAA+B,EAAE;QACrD,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAA,sCAAQ,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;KACpD;SAAM,IAAI,CAAC,gBAAgB,EAAE;QAC1B,IAAA,qDAAuB,EAAC,SAAS,CAAC,CAAC;KACtC;IAED,WAAW,CAAC,SAAS,GAAG,YAAY,CAAC;IAErC,IAAA,gDAAkB,EAAC,SAAS,CAAC,CAAC;IAE9B,OAAO,YAAY,CAAC;AACxB,CAAC;AArCD,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"]}
+{"version":3,"file":"splitParagraph.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/edit/utils/splitParagraph.ts"],"names":[],"mappings":";;;;AAAA,qEAAoE;AACpE,2EAOqC;AAMrC;;;;;;;;;GASG;AACH,SAAgB,cAAc,CAC1B,WAAwB,EACxB,uBAAuC,EACvC,wBAAuC;;IADvC,wCAAA,EAAA,8BAAuC;IACvC,yCAAA,EAAA,6BAAuC;IAE/B,IAAA,SAAS,GAAa,WAAW,UAAxB,EAAE,MAAM,GAAK,WAAW,OAAhB,CAAiB;IAC1C,IAAM,YAAY,GAAwC,IAAA,6CAAe,EACrE,KAAK,CAAC,cAAc,EACpB,EAAE,EACF,SAAS,CAAC,aAAa,CAC1B,CAAC;IAEF,IAAA,wCAAU,EAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,EAAE,8CAAgB,CAAC,CAAC;IACpE,IAAA,iDAAuB,EAAC,wBAAwB,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;IAE3E,IAAM,WAAW,GAAG,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACvD,IAAM,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CACtC,WAAW,EACX,SAAS,CAAC,QAAQ,CAAC,MAAM,GAAG,WAAW,CAC1C,CAAC;IAEF,CAAA,KAAA,YAAY,CAAC,QAAQ,CAAA,CAAC,IAAI,8DAAI,QAAQ,WAAE;IAExC,IAAM,gBAAgB,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,CAAC;IACxD,IAAM,+BAA+B,GAAG,CAAC,SAAS,CAAC,UAAU,IAAI,CAAC,uBAAuB,CAAC;IAE1F,IAAI,gBAAgB,IAAI,+BAA+B,EAAE;QACrD,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAA,sCAAQ,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;KACpD;SAAM,IAAI,CAAC,gBAAgB,EAAE;QAC1B,IAAA,qDAAuB,EAAC,SAAS,CAAC,CAAC;KACtC;IAED,WAAW,CAAC,SAAS,GAAG,YAAY,CAAC;IAErC,IAAA,gDAAkB,EAAC,SAAS,CAAC,CAAC;IAE9B,OAAO,YAAY,CAAC;AACxB,CAAC;AArCD,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"]}

package/lib/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/findReplace/FindReplacePlugin.js

@@ -1,98 +1,98 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FindReplacePlugin = void 0;
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-var updateHighlight_1 = require("./utils/updateHighlight");
-var constants_1 = require("./utils/constants");
-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;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FindReplacePlugin = void 0;
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+var updateHighlight_1 = require("./utils/updateHighlight");
+var constants_1 = require("./utils/constants");
+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/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';\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"]}
+{"version":3,"file":"FindReplacePlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/findReplace/FindReplacePlugin.ts"],"names":[],"mappings":";;;AAAA,2EAA2D;AAC3D,2DAA0D;AAE1D,+CAK2B;AAI3B,IAAM,yBAAyB,GAAG,2BAA2B,CAAC;AAC9D,IAAM,4BAA4B,GAAG,2BAA2B,CAAC;AAEjE;;GAEG;AACH;IAKI;;;;OAIG;IACH,2BAAoB,OAA2B,EAAE,OAAqC;;QAAlE,YAAO,GAAP,OAAO,CAAoB;QATvC,WAAM,GAAmB,IAAI,CAAC;QAUlC,IAAI,CAAC,kBAAkB,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,kBAAkB,mCAAI,yBAAyB,CAAC;QACnF,IAAI,CAAC,qBAAqB,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,qBAAqB,mCAAI,4BAA4B,CAAC;IAChG,CAAC;IAED;;OAEG;IACH,mCAAO,GAAP;QACI,OAAO,aAAa,CAAC;IACzB,CAAC;IAED;;;;;OAKG;IACH,sCAAU,GAAV,UAAW,MAAe;QACtB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QAErB,IAAM,GAAG,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC,WAAW,CAAC;QAE7C,IAAI,GAAG,EAAE;YACL,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;YAC3C,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;SACjD;QAED,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,gCAAoB,EAAE,IAAI,CAAC,kBAAkB,EAAE;YACtE,iCAAqB;SACxB,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,mCAAuB,EAAE,IAAI,CAAC,qBAAqB,EAAE;YAC5E,oCAAwB;SAC3B,CAAC,CAAC;IACP,CAAC;IAED;;;;OAIG;IACH,mCAAO,GAAP;QACI,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;QACrC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC;QAExC,IAAI,IAAI,CAAC,MAAM,EAAE;YACb,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,gCAAoB,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YACnE,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,mCAAuB,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YAEtE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;SACtB;IACL,CAAC;IAED;;;;;OAKG;IACH,yCAAa,GAAb,UAAc,KAAkB;QAC5B,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YACpC,OAAO;SACV;QAED,QAAQ,KAAK,CAAC,SAAS,EAAE;YACrB,KAAK,OAAO;gBACR,IAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,eAAe,EAAE,CAAC;gBAEhD,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,KAAI,OAAO,EAAE;oBAC5B,IAAM,KAAK,GAAG,IAAI,CAAC,MAAM;yBACpB,YAAY,EAAE;yBACd,uBAAuB,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;oBAE7D,IAAA,iCAAe,EAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;iBAChE;gBAED,MAAM;YACV,KAAK,gBAAgB;gBACjB,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,MAAM,IAAI,0CAAY,CAAC,OAAO,EAAE;oBAC7D,IAAA,iCAAe,EAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;iBAC9C;gBAED,MAAM;YAEV,KAAK,kBAAkB;gBACnB,IAAA,iCAAe,EACX,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,OAAO,EACZ,KAAK,CAAC,kBAAkB,EACxB,KAAK,CAAC,oBAAoB,CAC7B,CAAC;gBAEF,MAAM;SACb;IACL,CAAC;IACL,wBAAC;AAAD,CAAC,AAzGD,IAyGC;AAzGY,8CAAiB","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;\n\n        if (win) {\n            this.context.findHighlight.initialize(win);\n            this.context.replaceHighlight.initialize(win);\n        }\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"]}

package/lib/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/findReplace/createFindReplaceContext.js

@@ -1,26 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createFindReplaceContext = void 0;
-var HighlightHelperImpl_1 = require("./utils/HighlightHelperImpl");
-var constants_1 = require("./utils/constants");
-/**
- * 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;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createFindReplaceContext = void 0;
+var HighlightHelperImpl_1 = require("./utils/HighlightHelperImpl");
+var constants_1 = require("./utils/constants");
+/**
+ * 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/findReplace/createFindReplaceContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"createFindReplaceContext.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/findReplace/createFindReplaceContext.ts"],"names":[],"mappings":";;;AAAA,mEAAoE;AACpE,+CAAkG;AAGlG;;;;;GAKG;AACH,SAAgB,wBAAwB,CAAC,YAAmC;IAAnC,6BAAA,EAAA,eAAuB,wBAAY;IACxE,OAAO;QACH,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,MAAM,EAAE,EAAE;QACV,WAAW,EAAE,CAAC,CAAC;QACf,YAAY,cAAA;QACZ,aAAa,EAAE,IAAA,2CAAqB,EAAC,iCAAqB,CAAC;QAC3D,gBAAgB,EAAE,IAAA,2CAAqB,EAAC,oCAAwB,CAAC;KACpE,CAAC;AACN,CAAC;AAXD,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"]}
+{"version":3,"file":"createFindReplaceContext.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/findReplace/createFindReplaceContext.ts"],"names":[],"mappings":";;;AAAA,mEAAoE;AACpE,+CAAkG;AAGlG;;;;;GAKG;AACH,SAAgB,wBAAwB,CAAC,YAAmC;IAAnC,6BAAA,EAAA,eAAuB,wBAAY;IACxE,OAAO;QACH,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,MAAM,EAAE,EAAE;QACV,WAAW,EAAE,CAAC,CAAC;QACf,YAAY,cAAA;QACZ,aAAa,EAAE,IAAA,2CAAqB,EAAC,iCAAqB,CAAC;QAC3D,gBAAgB,EAAE,IAAA,2CAAqB,EAAC,oCAAwB,CAAC;KACpE,CAAC;AACN,CAAC;AAXD,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"]}

package/lib/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/findReplace/find.js

@@ -1,20 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.find = void 0;
-var updateHighlight_1 = require("./utils/updateHighlight");
-/**
- * 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;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.find = void 0;
+var updateHighlight_1 = require("./utils/updateHighlight");
+/**
+ * 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/findReplace/find.js.map

@@ -1 +1 @@
-{"version":3,"file":"find.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/findReplace/find.ts"],"names":[],"mappings":";;;AAAA,2DAA0D;AAI1D;;;;;;;GAOG;AACH,SAAgB,IAAI,CAChB,MAAe,EACf,OAA2B,EAC3B,IAAmB,EACnB,SAAmB,EACnB,SAAmB;IAEnB,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;IACpB,OAAO,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,CAAC;IAChC,OAAO,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,CAAC;IAEhC,IAAA,iCAAe,EAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACrC,CAAC;AAZD,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"]}
+{"version":3,"file":"find.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/findReplace/find.ts"],"names":[],"mappings":";;;AAAA,2DAA0D;AAI1D;;;;;;;GAOG;AACH,SAAgB,IAAI,CAChB,MAAe,EACf,OAA2B,EAC3B,IAAmB,EACnB,SAAmB,EACnB,SAAmB;IAEnB,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;IACpB,OAAO,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,CAAC;IAChC,OAAO,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,CAAC;IAEhC,IAAA,iCAAe,EAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACrC,CAAC;AAZD,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"]}

package/lib/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;