roosterjs-content-model-plugins 9.43.0 → 9.45.0

package/lib/watermark/WatermarkFormat.js

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

package/lib/watermark/WatermarkFormat.js.map

@@ -1 +1 @@
-{"version":3,"file":"WatermarkFormat.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/watermark/WatermarkFormat.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n    FontFamilyFormat,\n    FontSizeFormat,\n    TextColorFormat,\n} from 'roosterjs-content-model-types';\n\n/**\n * Format type of watermark text\n */\nexport type WatermarkFormat = FontFamilyFormat & FontSizeFormat & TextColorFormat;\n"]}
+{"version":3,"file":"WatermarkFormat.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/watermark/WatermarkFormat.ts"],"names":[],"mappings":"","sourcesContent":["import type {\r\n    FontFamilyFormat,\r\n    FontSizeFormat,\r\n    TextColorFormat,\r\n} from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * Format type of watermark text\r\n */\r\nexport type WatermarkFormat = FontFamilyFormat & FontSizeFormat & TextColorFormat;\r\n"]}

package/lib/watermark/WatermarkPlugin.d.ts

@@ -1,42 +1,42 @@
-import type { WatermarkFormat } from './WatermarkFormat';
-import type { EditorPlugin, IEditor, PluginEvent } from 'roosterjs-content-model-types';
-/**
- * A watermark plugin to manage watermark string for roosterjs
- */
-export declare class WatermarkPlugin implements EditorPlugin {
-    protected watermark: string;
-    private editor;
-    private format;
-    private isShowing;
-    private darkTextColor;
-    private disposer;
-    /**
-     * Create an instance of Watermark plugin
-     * @param watermark The watermark string
-     */
-    constructor(watermark: string, format?: WatermarkFormat);
-    /**
-     * Get a friendly name of  this plugin
-     */
-    getName(): string;
-    /**
-     * Initialize this plugin. This should only be called from Editor
-     * @param editor Editor instance
-     */
-    initialize(editor: IEditor): void;
-    /**
-     * Dispose this plugin
-     */
-    dispose(): void;
-    /**
-     * Handle events triggered from editor
-     * @param event PluginEvent object
-     */
-    onPluginEvent(event: PluginEvent): void;
-    private onCompositionStart;
-    private update;
-    private showHide;
-    protected show(editor: IEditor): void;
-    private applyWatermarkStyle;
-    protected hide(editor: IEditor): void;
-}
+import type { WatermarkFormat } from './WatermarkFormat';
+import type { EditorPlugin, IEditor, PluginEvent } from 'roosterjs-content-model-types';
+/**
+ * A watermark plugin to manage watermark string for roosterjs
+ */
+export declare class WatermarkPlugin implements EditorPlugin {
+    protected watermark: string;
+    private editor;
+    private format;
+    private isShowing;
+    private darkTextColor;
+    private disposer;
+    /**
+     * Create an instance of Watermark plugin
+     * @param watermark The watermark string
+     */
+    constructor(watermark: string, format?: WatermarkFormat);
+    /**
+     * Get a friendly name of  this plugin
+     */
+    getName(): string;
+    /**
+     * Initialize this plugin. This should only be called from Editor
+     * @param editor Editor instance
+     */
+    initialize(editor: IEditor): void;
+    /**
+     * Dispose this plugin
+     */
+    dispose(): void;
+    /**
+     * Handle events triggered from editor
+     * @param event PluginEvent object
+     */
+    onPluginEvent(event: PluginEvent): void;
+    private onCompositionStart;
+    private update;
+    private showHide;
+    protected show(editor: IEditor): void;
+    private applyWatermarkStyle;
+    protected hide(editor: IEditor): void;
+}

package/lib/watermark/WatermarkPlugin.js

@@ -1,138 +1,138 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WatermarkPlugin = void 0;
-var tslib_1 = require("tslib");
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-var isModelEmptyFast_1 = require("./isModelEmptyFast");
-var WATERMARK_CONTENT_KEY = '_WatermarkContent';
-var styleMap = {
-    fontFamily: 'font-family',
-    fontSize: 'font-size',
-    textColor: 'color',
-};
-/**
- * A watermark plugin to manage watermark string for roosterjs
- */
-var WatermarkPlugin = /** @class */ (function () {
-    /**
-     * Create an instance of Watermark plugin
-     * @param watermark The watermark string
-     */
-    function WatermarkPlugin(watermark, format) {
-        var _this = this;
-        this.watermark = watermark;
-        this.editor = null;
-        this.isShowing = false;
-        this.darkTextColor = null;
-        this.disposer = null;
-        this.onCompositionStart = function () {
-            if (_this.editor) {
-                _this.showHide(_this.editor, false /*isEmpty*/);
-            }
-        };
-        this.format = format || {
-            fontSize: '14px',
-            textColor: '#AAAAAA',
-        };
-    }
-    /**
-     * Get a friendly name of  this plugin
-     */
-    WatermarkPlugin.prototype.getName = function () {
-        return 'Watermark';
-    };
-    /**
-     * Initialize this plugin. This should only be called from Editor
-     * @param editor Editor instance
-     */
-    WatermarkPlugin.prototype.initialize = function (editor) {
-        this.editor = editor;
-        this.disposer = this.editor.attachDomEvent({
-            compositionstart: {
-                beforeDispatch: this.onCompositionStart,
-            },
-        });
-    };
-    /**
-     * Dispose this plugin
-     */
-    WatermarkPlugin.prototype.dispose = function () {
-        var _a;
-        (_a = this.disposer) === null || _a === void 0 ? void 0 : _a.call(this);
-        this.disposer = null;
-        this.editor = null;
-    };
-    /**
-     * Handle events triggered from editor
-     * @param event PluginEvent object
-     */
-    WatermarkPlugin.prototype.onPluginEvent = function (event) {
-        var editor = this.editor;
-        if (!editor) {
-            return;
-        }
-        if (event.eventType == 'input' && event.rawEvent.inputType == 'insertText') {
-            // When input text, editor must not be empty, so we can do hide watermark now without checking content model
-            this.showHide(editor, false /*isEmpty*/);
-        }
-        else if (event.eventType == 'contentChanged' &&
-            (event.source == roosterjs_content_model_dom_1.ChangeSource.SwitchToDarkMode ||
-                event.source == roosterjs_content_model_dom_1.ChangeSource.SwitchToLightMode) &&
-            this.isShowing) {
-            // When the placeholder is shown and user switches the mode, we need to update watermark style
-            if (event.source == roosterjs_content_model_dom_1.ChangeSource.SwitchToDarkMode &&
-                !this.darkTextColor &&
-                this.format.textColor) {
-                // Get the dark color only once when dark mode is enabled for the first time
-                this.darkTextColor = editor
-                    .getColorManager()
-                    .getDarkColor(this.format.textColor, undefined, 'text');
-            }
-            this.applyWatermarkStyle(editor);
-        }
-        else if (event.eventType == 'editorReady' ||
-            event.eventType == 'contentChanged' ||
-            event.eventType == 'input' ||
-            event.eventType == 'beforeDispose' ||
-            event.eventType == 'compositionEnd') {
-            this.update(editor);
-        }
-    };
-    WatermarkPlugin.prototype.update = function (editor) {
-        var _this = this;
-        editor.formatContentModel(function (model) {
-            var isEmpty = (0, isModelEmptyFast_1.isModelEmptyFast)(model);
-            _this.showHide(editor, isEmpty);
-            return false;
-        });
-    };
-    WatermarkPlugin.prototype.showHide = function (editor, isEmpty) {
-        if (this.isShowing && !isEmpty) {
-            this.hide(editor);
-        }
-        else if (!this.isShowing && isEmpty) {
-            this.show(editor);
-        }
-    };
-    WatermarkPlugin.prototype.show = function (editor) {
-        this.applyWatermarkStyle(editor);
-        this.isShowing = true;
-    };
-    WatermarkPlugin.prototype.applyWatermarkStyle = function (editor) {
-        var rule = "position: absolute; pointer-events: none; margin-inline-start: 1px; content: \"" + this.watermark + "\";";
-        var format = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, this.format), { textColor: editor.isDarkMode() ? this.darkTextColor : this.format.textColor });
-        (0, roosterjs_content_model_dom_1.getObjectKeys)(styleMap).forEach(function (x) {
-            if (format[x]) {
-                rule += styleMap[x] + ": " + format[x] + "!important;";
-            }
-        });
-        editor.setEditorStyle(WATERMARK_CONTENT_KEY, rule, 'before');
-    };
-    WatermarkPlugin.prototype.hide = function (editor) {
-        editor.setEditorStyle(WATERMARK_CONTENT_KEY, null);
-        this.isShowing = false;
-    };
-    return WatermarkPlugin;
-}());
-exports.WatermarkPlugin = WatermarkPlugin;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WatermarkPlugin = void 0;
+var tslib_1 = require("tslib");
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+var isModelEmptyFast_1 = require("./isModelEmptyFast");
+var WATERMARK_CONTENT_KEY = '_WatermarkContent';
+var styleMap = {
+    fontFamily: 'font-family',
+    fontSize: 'font-size',
+    textColor: 'color',
+};
+/**
+ * A watermark plugin to manage watermark string for roosterjs
+ */
+var WatermarkPlugin = /** @class */ (function () {
+    /**
+     * Create an instance of Watermark plugin
+     * @param watermark The watermark string
+     */
+    function WatermarkPlugin(watermark, format) {
+        var _this = this;
+        this.watermark = watermark;
+        this.editor = null;
+        this.isShowing = false;
+        this.darkTextColor = null;
+        this.disposer = null;
+        this.onCompositionStart = function () {
+            if (_this.editor) {
+                _this.showHide(_this.editor, false /*isEmpty*/);
+            }
+        };
+        this.format = format || {
+            fontSize: '14px',
+            textColor: '#AAAAAA',
+        };
+    }
+    /**
+     * Get a friendly name of  this plugin
+     */
+    WatermarkPlugin.prototype.getName = function () {
+        return 'Watermark';
+    };
+    /**
+     * Initialize this plugin. This should only be called from Editor
+     * @param editor Editor instance
+     */
+    WatermarkPlugin.prototype.initialize = function (editor) {
+        this.editor = editor;
+        this.disposer = this.editor.attachDomEvent({
+            compositionstart: {
+                beforeDispatch: this.onCompositionStart,
+            },
+        });
+    };
+    /**
+     * Dispose this plugin
+     */
+    WatermarkPlugin.prototype.dispose = function () {
+        var _a;
+        (_a = this.disposer) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.disposer = null;
+        this.editor = null;
+    };
+    /**
+     * Handle events triggered from editor
+     * @param event PluginEvent object
+     */
+    WatermarkPlugin.prototype.onPluginEvent = function (event) {
+        var editor = this.editor;
+        if (!editor) {
+            return;
+        }
+        if (event.eventType == 'input' && event.rawEvent.inputType == 'insertText') {
+            // When input text, editor must not be empty, so we can do hide watermark now without checking content model
+            this.showHide(editor, false /*isEmpty*/);
+        }
+        else if (event.eventType == 'contentChanged' &&
+            (event.source == roosterjs_content_model_dom_1.ChangeSource.SwitchToDarkMode ||
+                event.source == roosterjs_content_model_dom_1.ChangeSource.SwitchToLightMode) &&
+            this.isShowing) {
+            // When the placeholder is shown and user switches the mode, we need to update watermark style
+            if (event.source == roosterjs_content_model_dom_1.ChangeSource.SwitchToDarkMode &&
+                !this.darkTextColor &&
+                this.format.textColor) {
+                // Get the dark color only once when dark mode is enabled for the first time
+                this.darkTextColor = editor
+                    .getColorManager()
+                    .getDarkColor(this.format.textColor, undefined, 'text');
+            }
+            this.applyWatermarkStyle(editor);
+        }
+        else if (event.eventType == 'editorReady' ||
+            event.eventType == 'contentChanged' ||
+            event.eventType == 'input' ||
+            event.eventType == 'beforeDispose' ||
+            event.eventType == 'compositionEnd') {
+            this.update(editor);
+        }
+    };
+    WatermarkPlugin.prototype.update = function (editor) {
+        var _this = this;
+        editor.formatContentModel(function (model) {
+            var isEmpty = (0, isModelEmptyFast_1.isModelEmptyFast)(model);
+            _this.showHide(editor, isEmpty);
+            return false;
+        });
+    };
+    WatermarkPlugin.prototype.showHide = function (editor, isEmpty) {
+        if (this.isShowing && !isEmpty) {
+            this.hide(editor);
+        }
+        else if (!this.isShowing && isEmpty) {
+            this.show(editor);
+        }
+    };
+    WatermarkPlugin.prototype.show = function (editor) {
+        this.applyWatermarkStyle(editor);
+        this.isShowing = true;
+    };
+    WatermarkPlugin.prototype.applyWatermarkStyle = function (editor) {
+        var rule = "position: absolute; pointer-events: none; margin-inline-start: 1px; content: \"" + this.watermark + "\";";
+        var format = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, this.format), { textColor: editor.isDarkMode() ? this.darkTextColor : this.format.textColor });
+        (0, roosterjs_content_model_dom_1.getObjectKeys)(styleMap).forEach(function (x) {
+            if (format[x]) {
+                rule += styleMap[x] + ": " + format[x] + "!important;";
+            }
+        });
+        editor.setEditorStyle(WATERMARK_CONTENT_KEY, rule, 'before');
+    };
+    WatermarkPlugin.prototype.hide = function (editor) {
+        editor.setEditorStyle(WATERMARK_CONTENT_KEY, null);
+        this.isShowing = false;
+    };
+    return WatermarkPlugin;
+}());
+exports.WatermarkPlugin = WatermarkPlugin;
 //# sourceMappingURL=WatermarkPlugin.js.map

package/lib/watermark/WatermarkPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"WatermarkPlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/watermark/WatermarkPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { ChangeSource, getObjectKeys } from 'roosterjs-content-model-dom';\nimport { isModelEmptyFast } from './isModelEmptyFast';\nimport type { WatermarkFormat } from './WatermarkFormat';\nimport type { EditorPlugin, IEditor, PluginEvent } from 'roosterjs-content-model-types';\n\nconst WATERMARK_CONTENT_KEY = '_WatermarkContent';\nconst styleMap: Record<keyof WatermarkFormat, string> = {\n    fontFamily: 'font-family',\n    fontSize: 'font-size',\n    textColor: 'color',\n};\n\n/**\n * A watermark plugin to manage watermark string for roosterjs\n */\nexport class WatermarkPlugin implements EditorPlugin {\n    private editor: IEditor | null = null;\n    private format: WatermarkFormat;\n    private isShowing = false;\n    private darkTextColor: string | null = null;\n    private disposer: (() => void) | null = null;\n\n    /**\n     * Create an instance of Watermark plugin\n     * @param watermark The watermark string\n     */\n    constructor(protected watermark: string, format?: WatermarkFormat) {\n        this.format = format || {\n            fontSize: '14px',\n            textColor: '#AAAAAA',\n        };\n    }\n\n    /**\n     * Get a friendly name of  this plugin\n     */\n    getName() {\n        return 'Watermark';\n    }\n\n    /**\n     * Initialize this plugin. This should only be called from Editor\n     * @param editor Editor instance\n     */\n    initialize(editor: IEditor) {\n        this.editor = editor;\n        this.disposer = this.editor.attachDomEvent({\n            compositionstart: {\n                beforeDispatch: this.onCompositionStart,\n            },\n        });\n    }\n\n    /**\n     * Dispose this plugin\n     */\n    dispose() {\n        this.disposer?.();\n        this.disposer = null;\n\n        this.editor = null;\n    }\n\n    /**\n     * Handle events triggered from editor\n     * @param event PluginEvent object\n     */\n    onPluginEvent(event: PluginEvent) {\n        const editor = this.editor;\n\n        if (!editor) {\n            return;\n        }\n\n        if (event.eventType == 'input' && event.rawEvent.inputType == 'insertText') {\n            // When input text, editor must not be empty, so we can do hide watermark now without checking content model\n            this.showHide(editor, false /*isEmpty*/);\n        } else if (\n            event.eventType == 'contentChanged' &&\n            (event.source == ChangeSource.SwitchToDarkMode ||\n                event.source == ChangeSource.SwitchToLightMode) &&\n            this.isShowing\n        ) {\n            // When the placeholder is shown and user switches the mode, we need to update watermark style\n            if (\n                event.source == ChangeSource.SwitchToDarkMode &&\n                !this.darkTextColor &&\n                this.format.textColor\n            ) {\n                // Get the dark color only once when dark mode is enabled for the first time\n                this.darkTextColor = editor\n                    .getColorManager()\n                    .getDarkColor(this.format.textColor, undefined, 'text');\n            }\n\n            this.applyWatermarkStyle(editor);\n        } else if (\n            event.eventType == 'editorReady' ||\n            event.eventType == 'contentChanged' ||\n            event.eventType == 'input' ||\n            event.eventType == 'beforeDispose' ||\n            event.eventType == 'compositionEnd'\n        ) {\n            this.update(editor);\n        }\n    }\n\n    private onCompositionStart = () => {\n        if (this.editor) {\n            this.showHide(this.editor, false /*isEmpty*/);\n        }\n    };\n\n    private update(editor: IEditor) {\n        editor.formatContentModel(model => {\n            const isEmpty = isModelEmptyFast(model);\n\n            this.showHide(editor, isEmpty);\n\n            return false;\n        });\n    }\n\n    private showHide(editor: IEditor, isEmpty: boolean) {\n        if (this.isShowing && !isEmpty) {\n            this.hide(editor);\n        } else if (!this.isShowing && isEmpty) {\n            this.show(editor);\n        }\n    }\n\n    protected show(editor: IEditor) {\n        this.applyWatermarkStyle(editor);\n        this.isShowing = true;\n    }\n\n    private applyWatermarkStyle(editor: IEditor) {\n        let rule = `position: absolute; pointer-events: none; margin-inline-start: 1px; content: \"${this.watermark}\";`;\n        const format = {\n            ...this.format,\n            textColor: editor.isDarkMode() ? this.darkTextColor : this.format.textColor,\n        };\n\n        getObjectKeys(styleMap).forEach(x => {\n            if (format[x]) {\n                rule += `${styleMap[x]}: ${format[x]}!important;`;\n            }\n        });\n\n        editor.setEditorStyle(WATERMARK_CONTENT_KEY, rule, 'before');\n    }\n\n    protected hide(editor: IEditor) {\n        editor.setEditorStyle(WATERMARK_CONTENT_KEY, null);\n        this.isShowing = false;\n    }\n}\n"]}
+{"version":3,"file":"WatermarkPlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/watermark/WatermarkPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { ChangeSource, getObjectKeys } from 'roosterjs-content-model-dom';\r\nimport { isModelEmptyFast } from './isModelEmptyFast';\r\nimport type { WatermarkFormat } from './WatermarkFormat';\r\nimport type { EditorPlugin, IEditor, PluginEvent } from 'roosterjs-content-model-types';\r\n\r\nconst WATERMARK_CONTENT_KEY = '_WatermarkContent';\r\nconst styleMap: Record<keyof WatermarkFormat, string> = {\r\n    fontFamily: 'font-family',\r\n    fontSize: 'font-size',\r\n    textColor: 'color',\r\n};\r\n\r\n/**\r\n * A watermark plugin to manage watermark string for roosterjs\r\n */\r\nexport class WatermarkPlugin implements EditorPlugin {\r\n    private editor: IEditor | null = null;\r\n    private format: WatermarkFormat;\r\n    private isShowing = false;\r\n    private darkTextColor: string | null = null;\r\n    private disposer: (() => void) | null = null;\r\n\r\n    /**\r\n     * Create an instance of Watermark plugin\r\n     * @param watermark The watermark string\r\n     */\r\n    constructor(protected watermark: string, format?: WatermarkFormat) {\r\n        this.format = format || {\r\n            fontSize: '14px',\r\n            textColor: '#AAAAAA',\r\n        };\r\n    }\r\n\r\n    /**\r\n     * Get a friendly name of  this plugin\r\n     */\r\n    getName() {\r\n        return 'Watermark';\r\n    }\r\n\r\n    /**\r\n     * Initialize this plugin. This should only be called from Editor\r\n     * @param editor Editor instance\r\n     */\r\n    initialize(editor: IEditor) {\r\n        this.editor = editor;\r\n        this.disposer = this.editor.attachDomEvent({\r\n            compositionstart: {\r\n                beforeDispatch: this.onCompositionStart,\r\n            },\r\n        });\r\n    }\r\n\r\n    /**\r\n     * Dispose this plugin\r\n     */\r\n    dispose() {\r\n        this.disposer?.();\r\n        this.disposer = null;\r\n\r\n        this.editor = null;\r\n    }\r\n\r\n    /**\r\n     * Handle events triggered from editor\r\n     * @param event PluginEvent object\r\n     */\r\n    onPluginEvent(event: PluginEvent) {\r\n        const editor = this.editor;\r\n\r\n        if (!editor) {\r\n            return;\r\n        }\r\n\r\n        if (event.eventType == 'input' && event.rawEvent.inputType == 'insertText') {\r\n            // When input text, editor must not be empty, so we can do hide watermark now without checking content model\r\n            this.showHide(editor, false /*isEmpty*/);\r\n        } else if (\r\n            event.eventType == 'contentChanged' &&\r\n            (event.source == ChangeSource.SwitchToDarkMode ||\r\n                event.source == ChangeSource.SwitchToLightMode) &&\r\n            this.isShowing\r\n        ) {\r\n            // When the placeholder is shown and user switches the mode, we need to update watermark style\r\n            if (\r\n                event.source == ChangeSource.SwitchToDarkMode &&\r\n                !this.darkTextColor &&\r\n                this.format.textColor\r\n            ) {\r\n                // Get the dark color only once when dark mode is enabled for the first time\r\n                this.darkTextColor = editor\r\n                    .getColorManager()\r\n                    .getDarkColor(this.format.textColor, undefined, 'text');\r\n            }\r\n\r\n            this.applyWatermarkStyle(editor);\r\n        } else if (\r\n            event.eventType == 'editorReady' ||\r\n            event.eventType == 'contentChanged' ||\r\n            event.eventType == 'input' ||\r\n            event.eventType == 'beforeDispose' ||\r\n            event.eventType == 'compositionEnd'\r\n        ) {\r\n            this.update(editor);\r\n        }\r\n    }\r\n\r\n    private onCompositionStart = () => {\r\n        if (this.editor) {\r\n            this.showHide(this.editor, false /*isEmpty*/);\r\n        }\r\n    };\r\n\r\n    private update(editor: IEditor) {\r\n        editor.formatContentModel(model => {\r\n            const isEmpty = isModelEmptyFast(model);\r\n\r\n            this.showHide(editor, isEmpty);\r\n\r\n            return false;\r\n        });\r\n    }\r\n\r\n    private showHide(editor: IEditor, isEmpty: boolean) {\r\n        if (this.isShowing && !isEmpty) {\r\n            this.hide(editor);\r\n        } else if (!this.isShowing && isEmpty) {\r\n            this.show(editor);\r\n        }\r\n    }\r\n\r\n    protected show(editor: IEditor) {\r\n        this.applyWatermarkStyle(editor);\r\n        this.isShowing = true;\r\n    }\r\n\r\n    private applyWatermarkStyle(editor: IEditor) {\r\n        let rule = `position: absolute; pointer-events: none; margin-inline-start: 1px; content: \"${this.watermark}\";`;\r\n        const format = {\r\n            ...this.format,\r\n            textColor: editor.isDarkMode() ? this.darkTextColor : this.format.textColor,\r\n        };\r\n\r\n        getObjectKeys(styleMap).forEach(x => {\r\n            if (format[x]) {\r\n                rule += `${styleMap[x]}: ${format[x]}!important;`;\r\n            }\r\n        });\r\n\r\n        editor.setEditorStyle(WATERMARK_CONTENT_KEY, rule, 'before');\r\n    }\r\n\r\n    protected hide(editor: IEditor) {\r\n        editor.setEditorStyle(WATERMARK_CONTENT_KEY, null);\r\n        this.isShowing = false;\r\n    }\r\n}\r\n"]}

package/lib/watermark/isModelEmptyFast.d.ts

@@ -1,5 +1,5 @@
-import type { ReadonlyContentModelBlockGroup } from 'roosterjs-content-model-types';
-/**
- * A fast way to check if content model is empty
- */
-export declare function isModelEmptyFast(model: ReadonlyContentModelBlockGroup): boolean;
+import type { ReadonlyContentModelBlockGroup } from 'roosterjs-content-model-types';
+/**
+ * A fast way to check if content model is empty
+ */
+export declare function isModelEmptyFast(model: ReadonlyContentModelBlockGroup): boolean;

package/lib/watermark/isModelEmptyFast.js

@@ -1,38 +1,38 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isModelEmptyFast = void 0;
-/**
- * A fast way to check if content model is empty
- */
-function isModelEmptyFast(model) {
-    var firstBlock = model.blocks[0];
-    if (model.blocks.length > 1) {
-        return false; // Multiple blocks, treat as not empty
-    }
-    else if (!firstBlock) {
-        return true; // No block, it is empty
-    }
-    else if (firstBlock.blockType != 'Paragraph') {
-        return false; // First block is not paragraph, treat as not empty
-    }
-    else if (firstBlock.segments.length == 0) {
-        return true; // No segment, it is empty
-    }
-    else if (firstBlock.segments.some(function (x) {
-        return x.segmentType == 'Entity' ||
-            x.segmentType == 'Image' ||
-            x.segmentType == 'General' ||
-            (x.segmentType == 'Text' && x.text);
-    })) {
-        return false; // Has meaningful segments, it is not empty
-    }
-    else if ((firstBlock.format.marginRight && parseFloat(firstBlock.format.marginRight) > 0) ||
-        (firstBlock.format.marginLeft && parseFloat(firstBlock.format.marginLeft) > 0)) {
-        return false; // Has margin (indentation is changed), it is not empty
-    }
-    else {
-        return firstBlock.segments.filter(function (x) { return x.segmentType == 'Br'; }).length <= 1; // If there are more than one BR, it is not empty, otherwise it is empty
-    }
-}
-exports.isModelEmptyFast = isModelEmptyFast;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isModelEmptyFast = void 0;
+/**
+ * A fast way to check if content model is empty
+ */
+function isModelEmptyFast(model) {
+    var firstBlock = model.blocks[0];
+    if (model.blocks.length > 1) {
+        return false; // Multiple blocks, treat as not empty
+    }
+    else if (!firstBlock) {
+        return true; // No block, it is empty
+    }
+    else if (firstBlock.blockType != 'Paragraph') {
+        return false; // First block is not paragraph, treat as not empty
+    }
+    else if (firstBlock.segments.length == 0) {
+        return true; // No segment, it is empty
+    }
+    else if (firstBlock.segments.some(function (x) {
+        return x.segmentType == 'Entity' ||
+            x.segmentType == 'Image' ||
+            x.segmentType == 'General' ||
+            (x.segmentType == 'Text' && x.text);
+    })) {
+        return false; // Has meaningful segments, it is not empty
+    }
+    else if ((firstBlock.format.marginRight && parseFloat(firstBlock.format.marginRight) > 0) ||
+        (firstBlock.format.marginLeft && parseFloat(firstBlock.format.marginLeft) > 0)) {
+        return false; // Has margin (indentation is changed), it is not empty
+    }
+    else {
+        return firstBlock.segments.filter(function (x) { return x.segmentType == 'Br'; }).length <= 1; // If there are more than one BR, it is not empty, otherwise it is empty
+    }
+}
+exports.isModelEmptyFast = isModelEmptyFast;
 //# sourceMappingURL=isModelEmptyFast.js.map

package/lib/watermark/isModelEmptyFast.js.map

@@ -1 +1 @@
-{"version":3,"file":"isModelEmptyFast.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/watermark/isModelEmptyFast.ts"],"names":[],"mappings":";;;AAEA;;GAEG;AACH,SAAgB,gBAAgB,CAAC,KAAqC;IAClE,IAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAEnC,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;QACzB,OAAO,KAAK,CAAC,CAAC,sCAAsC;KACvD;SAAM,IAAI,CAAC,UAAU,EAAE;QACpB,OAAO,IAAI,CAAC,CAAC,wBAAwB;KACxC;SAAM,IAAI,UAAU,CAAC,SAAS,IAAI,WAAW,EAAE;QAC5C,OAAO,KAAK,CAAC,CAAC,mDAAmD;KACpE;SAAM,IAAI,UAAU,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,EAAE;QACxC,OAAO,IAAI,CAAC,CAAC,0BAA0B;KAC1C;SAAM,IACH,UAAU,CAAC,QAAQ,CAAC,IAAI,CACpB,UAAA,CAAC;QACG,OAAA,CAAC,CAAC,WAAW,IAAI,QAAQ;YACzB,CAAC,CAAC,WAAW,IAAI,OAAO;YACxB,CAAC,CAAC,WAAW,IAAI,SAAS;YAC1B,CAAC,CAAC,CAAC,WAAW,IAAI,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;IAHnC,CAGmC,CAC1C,EACH;QACE,OAAO,KAAK,CAAC,CAAC,2CAA2C;KAC5D;SAAM,IACH,CAAC,UAAU,CAAC,MAAM,CAAC,WAAW,IAAI,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAChF,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAChF;QACE,OAAO,KAAK,CAAC,CAAC,uDAAuD;KACxE;SAAM;QACH,OAAO,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,WAAW,IAAI,IAAI,EAArB,CAAqB,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,wEAAwE;KACtJ;AACL,CAAC;AA7BD,4CA6BC","sourcesContent":["import type { ReadonlyContentModelBlockGroup } from 'roosterjs-content-model-types';\n\n/**\n * A fast way to check if content model is empty\n */\nexport function isModelEmptyFast(model: ReadonlyContentModelBlockGroup): boolean {\n    const firstBlock = model.blocks[0];\n\n    if (model.blocks.length > 1) {\n        return false; // Multiple blocks, treat as not empty\n    } else if (!firstBlock) {\n        return true; // No block, it is empty\n    } else if (firstBlock.blockType != 'Paragraph') {\n        return false; // First block is not paragraph, treat as not empty\n    } else if (firstBlock.segments.length == 0) {\n        return true; // No segment, it is empty\n    } else if (\n        firstBlock.segments.some(\n            x =>\n                x.segmentType == 'Entity' ||\n                x.segmentType == 'Image' ||\n                x.segmentType == 'General' ||\n                (x.segmentType == 'Text' && x.text)\n        )\n    ) {\n        return false; // Has meaningful segments, it is not empty\n    } else if (\n        (firstBlock.format.marginRight && parseFloat(firstBlock.format.marginRight) > 0) ||\n        (firstBlock.format.marginLeft && parseFloat(firstBlock.format.marginLeft) > 0)\n    ) {\n        return false; // Has margin (indentation is changed), it is not empty\n    } else {\n        return firstBlock.segments.filter(x => x.segmentType == 'Br').length <= 1; // If there are more than one BR, it is not empty, otherwise it is empty\n    }\n}\n"]}
+{"version":3,"file":"isModelEmptyFast.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/watermark/isModelEmptyFast.ts"],"names":[],"mappings":";;;AAEA;;GAEG;AACH,SAAgB,gBAAgB,CAAC,KAAqC;IAClE,IAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAEnC,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;QACzB,OAAO,KAAK,CAAC,CAAC,sCAAsC;KACvD;SAAM,IAAI,CAAC,UAAU,EAAE;QACpB,OAAO,IAAI,CAAC,CAAC,wBAAwB;KACxC;SAAM,IAAI,UAAU,CAAC,SAAS,IAAI,WAAW,EAAE;QAC5C,OAAO,KAAK,CAAC,CAAC,mDAAmD;KACpE;SAAM,IAAI,UAAU,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,EAAE;QACxC,OAAO,IAAI,CAAC,CAAC,0BAA0B;KAC1C;SAAM,IACH,UAAU,CAAC,QAAQ,CAAC,IAAI,CACpB,UAAA,CAAC;QACG,OAAA,CAAC,CAAC,WAAW,IAAI,QAAQ;YACzB,CAAC,CAAC,WAAW,IAAI,OAAO;YACxB,CAAC,CAAC,WAAW,IAAI,SAAS;YAC1B,CAAC,CAAC,CAAC,WAAW,IAAI,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;IAHnC,CAGmC,CAC1C,EACH;QACE,OAAO,KAAK,CAAC,CAAC,2CAA2C;KAC5D;SAAM,IACH,CAAC,UAAU,CAAC,MAAM,CAAC,WAAW,IAAI,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAChF,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAChF;QACE,OAAO,KAAK,CAAC,CAAC,uDAAuD;KACxE;SAAM;QACH,OAAO,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,WAAW,IAAI,IAAI,EAArB,CAAqB,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,wEAAwE;KACtJ;AACL,CAAC;AA7BD,4CA6BC","sourcesContent":["import type { ReadonlyContentModelBlockGroup } from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * A fast way to check if content model is empty\r\n */\r\nexport function isModelEmptyFast(model: ReadonlyContentModelBlockGroup): boolean {\r\n    const firstBlock = model.blocks[0];\r\n\r\n    if (model.blocks.length > 1) {\r\n        return false; // Multiple blocks, treat as not empty\r\n    } else if (!firstBlock) {\r\n        return true; // No block, it is empty\r\n    } else if (firstBlock.blockType != 'Paragraph') {\r\n        return false; // First block is not paragraph, treat as not empty\r\n    } else if (firstBlock.segments.length == 0) {\r\n        return true; // No segment, it is empty\r\n    } else if (\r\n        firstBlock.segments.some(\r\n            x =>\r\n                x.segmentType == 'Entity' ||\r\n                x.segmentType == 'Image' ||\r\n                x.segmentType == 'General' ||\r\n                (x.segmentType == 'Text' && x.text)\r\n        )\r\n    ) {\r\n        return false; // Has meaningful segments, it is not empty\r\n    } else if (\r\n        (firstBlock.format.marginRight && parseFloat(firstBlock.format.marginRight) > 0) ||\r\n        (firstBlock.format.marginLeft && parseFloat(firstBlock.format.marginLeft) > 0)\r\n    ) {\r\n        return false; // Has margin (indentation is changed), it is not empty\r\n    } else {\r\n        return firstBlock.segments.filter(x => x.segmentType == 'Br').length <= 1; // If there are more than one BR, it is not empty, otherwise it is empty\r\n    }\r\n}\r\n"]}

package/lib-amd/announce/AnnouncePlugin.d.ts

@@ -1,32 +1,32 @@
-import type { IEditor, PluginEvent, EditorPlugin } from 'roosterjs-content-model-types';
-/**
- * AnnouncePlugin helps editor announce table selection changes for accessibility
- */
-export declare class AnnouncePlugin implements EditorPlugin {
-    private editor;
-    private previousSelection;
-    /**
-     * 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 { IEditor, PluginEvent, EditorPlugin } from 'roosterjs-content-model-types';
+/**
+ * AnnouncePlugin helps editor announce table selection changes for accessibility
+ */
+export declare class AnnouncePlugin implements EditorPlugin {
+    private editor;
+    private previousSelection;
+    /**
+     * 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;
+}