roosterjs-content-model-plugins 9.1.0 → 9.3.0

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

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

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

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

package/lib-mjs/picker/PickerHelper.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PickerHelper.js.map

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

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

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

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

package/lib-mjs/picker/PickerHelperImpl.js

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

package/lib-mjs/picker/PickerHelperImpl.js.map

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

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

@@ -0,0 +1,54 @@
+import type { PickerHandler } from './PickerHandler';
+import type { EditorPlugin, IEditor, PluginEvent } from 'roosterjs-content-model-types';
+/**
+ * PickerPlugin represents a plugin of editor which can handle picker related behaviors, including
+ * - Show picker when special trigger key is pressed
+ * - Hide picker
+ * - Change selection in picker by Up/Down/Left/Right
+ * - Apply selected item in picker
+ *
+ * PickerPlugin doesn't provide any UI, it just wraps related DOM events and invoke callback functions.
+ */
+export declare class PickerPlugin implements EditorPlugin {
+    private triggerCharacter;
+    private readonly handler;
+    private isMac;
+    private lastQueryString;
+    private helper;
+    /**
+     * Construct a new instance of PickerPlugin class
+     * @param triggerCharacter The character to trigger a picker to be shown
+     * @param handler Picker handler for receiving picker state change events
+     */
+    constructor(triggerCharacter: string, handler: PickerHandler);
+    /**
+     * Get a friendly name
+     */
+    getName(): string;
+    /**
+     * Initialize this plugin. This should only be called from Editor
+     * @param editor Editor instance
+     */
+    initialize(editor: IEditor): void;
+    /**
+     * Dispose this plugin
+     */
+    dispose(): void;
+    /**
+     * Check if the plugin should handle the given event exclusively.
+     * Handle an event exclusively means other plugin will not receive this event in
+     * onPluginEvent method.
+     * If two plugins will return true in willHandleEventExclusively() for the same event,
+     * the final result depends on the order of the plugins are added into editor
+     * @param event The event to check
+     */
+    willHandleEventExclusively(event: PluginEvent): boolean;
+    /**
+     * Handle events triggered from editor
+     * @param event PluginEvent object
+     */
+    onPluginEvent(event: PluginEvent): void;
+    private onSuggestingKeyDown;
+    private onSuggestingInput;
+    private onInput;
+}

package/lib-mjs/picker/PickerPlugin.js

@@ -0,0 +1,214 @@
+import { ChangeSource, isCursorMovingKey, isPunctuation } from 'roosterjs-content-model-dom';
+import { formatTextSegmentBeforeSelectionMarker } from 'roosterjs-content-model-api';
+import { getQueryString } from './getQueryString';
+import { PickerHelperImpl } from './PickerHelperImpl';
+/**
+ * PickerPlugin represents a plugin of editor which can handle picker related behaviors, including
+ * - Show picker when special trigger key is pressed
+ * - Hide picker
+ * - Change selection in picker by Up/Down/Left/Right
+ * - Apply selected item in picker
+ *
+ * PickerPlugin doesn't provide any UI, it just wraps related DOM events and invoke callback functions.
+ */
+var PickerPlugin = /** @class */ (function () {
+    /**
+     * Construct a new instance of PickerPlugin class
+     * @param triggerCharacter The character to trigger a picker to be shown
+     * @param handler Picker handler for receiving picker state change events
+     */
+    function PickerPlugin(triggerCharacter, handler) {
+        this.triggerCharacter = triggerCharacter;
+        this.handler = handler;
+        this.isMac = false;
+        this.lastQueryString = '';
+        this.helper = null;
+    }
+    /**
+     * Get a friendly name
+     */
+    PickerPlugin.prototype.getName = function () {
+        return 'Picker';
+    };
+    /**
+     * Initialize this plugin. This should only be called from Editor
+     * @param editor Editor instance
+     */
+    PickerPlugin.prototype.initialize = function (editor) {
+        this.isMac = !!editor.getEnvironment().isMac;
+        this.helper = new PickerHelperImpl(editor, this.handler, this.triggerCharacter);
+        this.handler.onInitialize(this.helper);
+    };
+    /**
+     * Dispose this plugin
+     */
+    PickerPlugin.prototype.dispose = function () {
+        this.handler.onDispose();
+        this.helper = null;
+    };
+    /**
+     * Check if the plugin should handle the given event exclusively.
+     * Handle an event exclusively means other plugin will not receive this event in
+     * onPluginEvent method.
+     * If two plugins will return true in willHandleEventExclusively() for the same event,
+     * the final result depends on the order of the plugins are added into editor
+     * @param event The event to check
+     */
+    PickerPlugin.prototype.willHandleEventExclusively = function (event) {
+        var _a;
+        return (!!((_a = this.helper) === null || _a === void 0 ? void 0 : _a.direction) &&
+            event.eventType == 'keyDown' &&
+            (isCursorMovingKey(event.rawEvent) ||
+                event.rawEvent.key == 'Enter' ||
+                event.rawEvent.key == 'Tab' ||
+                event.rawEvent.key == 'Escape'));
+    };
+    /**
+     * Handle events triggered from editor
+     * @param event PluginEvent object
+     */
+    PickerPlugin.prototype.onPluginEvent = function (event) {
+        if (!this.helper) {
+            return;
+        }
+        switch (event.eventType) {
+            case 'contentChanged':
+                if (this.helper.direction) {
+                    if (event.source == ChangeSource.SetContent) {
+                        this.helper.closePicker();
+                    }
+                    else {
+                        this.onSuggestingInput(this.helper);
+                    }
+                }
+                break;
+            case 'keyDown':
+                if (this.helper.direction) {
+                    this.onSuggestingKeyDown(this.helper, event.rawEvent);
+                }
+                break;
+            case 'input':
+                if (this.helper.direction) {
+                    this.onSuggestingInput(this.helper);
+                }
+                else {
+                    this.onInput(this.helper, event.rawEvent);
+                }
+                break;
+            case 'mouseUp':
+                if (this.helper.direction) {
+                    this.helper.closePicker();
+                }
+                break;
+        }
+    };
+    PickerPlugin.prototype.onSuggestingKeyDown = function (helper, event) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        switch (event.key) {
+            case 'ArrowLeft':
+            case 'ArrowRight':
+                if (helper.direction == 'horizontal' || helper.direction == 'both') {
+                    var isIncrement = event.key == 'ArrowRight';
+                    if (helper.editor.getDOMHelper().isRightToLeft()) {
+                        isIncrement = !isIncrement;
+                    }
+                    (_b = (_a = this.handler).onSelectionChanged) === null || _b === void 0 ? void 0 : _b.call(_a, isIncrement ? 'next' : 'previous');
+                }
+                event.preventDefault();
+                break;
+            case 'ArrowUp':
+            case 'ArrowDown':
+                {
+                    var isIncrement = event.key == 'ArrowDown';
+                    if (helper.direction != 'horizontal') {
+                        (_d = (_c = this.handler).onSelectionChanged) === null || _d === void 0 ? void 0 : _d.call(_c, helper.direction == 'both'
+                            ? isIncrement
+                                ? 'nextRow'
+                                : 'previousRow'
+                            : isIncrement
+                                ? 'next'
+                                : 'previous');
+                    }
+                }
+                event.preventDefault();
+                break;
+            case 'PageUp':
+            case 'PageDown':
+                (_f = (_e = this.handler).onSelectionChanged) === null || _f === void 0 ? void 0 : _f.call(_e, event.key == 'PageDown' ? 'nextPage' : 'previousPage');
+                event.preventDefault();
+                break;
+            case 'Home':
+            case 'End':
+                var hasCtrl = this.isMac ? event.metaKey : event.ctrlKey;
+                (_h = (_g = this.handler).onSelectionChanged) === null || _h === void 0 ? void 0 : _h.call(_g, event.key == 'Home'
+                    ? hasCtrl
+                        ? 'first'
+                        : 'firstInRow'
+                    : hasCtrl
+                        ? 'last'
+                        : 'lastInRow');
+                event.preventDefault();
+                break;
+            case 'Escape':
+                helper.closePicker();
+                event.preventDefault();
+                break;
+            case 'Enter':
+            case 'Tab':
+                (_k = (_j = this.handler).onSelect) === null || _k === void 0 ? void 0 : _k.call(_j);
+                event.preventDefault();
+                break;
+        }
+    };
+    PickerPlugin.prototype.onSuggestingInput = function (helper) {
+        var _this = this;
+        if (!formatTextSegmentBeforeSelectionMarker(helper.editor, function (_, segment, paragraph) {
+            var _a, _b;
+            var newQueryString = getQueryString(_this.triggerCharacter, paragraph, segment).replace(/[\u0020\u00A0]/g, ' ');
+            var oldQueryString = _this.lastQueryString;
+            if (newQueryString &&
+                ((newQueryString.length >= oldQueryString.length &&
+                    newQueryString.indexOf(oldQueryString) == 0) ||
+                    (newQueryString.length < oldQueryString.length &&
+                        oldQueryString.indexOf(newQueryString) == 0))) {
+                _this.lastQueryString = newQueryString;
+                (_b = (_a = _this.handler).onQueryStringChanged) === null || _b === void 0 ? void 0 : _b.call(_a, newQueryString);
+            }
+            else {
+                helper.closePicker();
+            }
+            return false;
+        })) {
+            helper.closePicker();
+        }
+    };
+    PickerPlugin.prototype.onInput = function (helper, event) {
+        var _this = this;
+        if (event.inputType == 'insertText' && event.data == this.triggerCharacter) {
+            formatTextSegmentBeforeSelectionMarker(helper.editor, function (_, segment) {
+                if (segment.text.endsWith(_this.triggerCharacter)) {
+                    var charBeforeTrigger = segment.text[segment.text.length - 2];
+                    if (!charBeforeTrigger ||
+                        !charBeforeTrigger.trim() ||
+                        isPunctuation(charBeforeTrigger)) {
+                        var selection = helper.editor.getDOMSelection();
+                        var pos = (selection === null || selection === void 0 ? void 0 : selection.type) == 'range' && selection.range.collapsed
+                            ? {
+                                node: selection.range.startContainer,
+                                offset: selection.range.startOffset,
+                            }
+                            : null;
+                        if (pos) {
+                            _this.lastQueryString = _this.triggerCharacter;
+                            helper.direction = _this.handler.onTrigger(_this.lastQueryString, pos);
+                        }
+                    }
+                }
+                return false;
+            });
+        }
+    };
+    return PickerPlugin;
+}());
+export { PickerPlugin };
+//# sourceMappingURL=PickerPlugin.js.map

package/lib-mjs/picker/PickerPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerPlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/picker/PickerPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { ChangeSource, isCursorMovingKey, isPunctuation } from 'roosterjs-content-model-dom';\nimport { formatTextSegmentBeforeSelectionMarker } from 'roosterjs-content-model-api';\nimport { getQueryString } from './getQueryString';\nimport { PickerHelperImpl } from './PickerHelperImpl';\nimport type { PickerHandler } from './PickerHandler';\nimport type {\n    DOMInsertPoint,\n    EditorPlugin,\n    IEditor,\n    PluginEvent,\n} from 'roosterjs-content-model-types';\n\n/**\n * PickerPlugin represents a plugin of editor which can handle picker related behaviors, including\n * - Show picker when special trigger key is pressed\n * - Hide picker\n * - Change selection in picker by Up/Down/Left/Right\n * - Apply selected item in picker\n *\n * PickerPlugin doesn't provide any UI, it just wraps related DOM events and invoke callback functions.\n */\nexport class PickerPlugin implements EditorPlugin {\n    private isMac: boolean = false;\n    private lastQueryString = '';\n    private helper: PickerHelperImpl | null = null;\n\n    /**\n     * Construct a new instance of PickerPlugin class\n     * @param triggerCharacter The character to trigger a picker to be shown\n     * @param handler Picker handler for receiving picker state change events\n     */\n    constructor(private triggerCharacter: string, private readonly handler: PickerHandler) {}\n\n    /**\n     * Get a friendly name\n     */\n    getName() {\n        return 'Picker';\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.isMac = !!editor.getEnvironment().isMac;\n        this.helper = new PickerHelperImpl(editor, this.handler, this.triggerCharacter);\n        this.handler.onInitialize(this.helper);\n    }\n\n    /**\n     * Dispose this plugin\n     */\n    dispose() {\n        this.handler.onDispose();\n        this.helper = null;\n    }\n\n    /**\n     * Check if the plugin should handle the given event exclusively.\n     * Handle an event exclusively means other plugin will not receive this event in\n     * onPluginEvent method.\n     * If two plugins will return true in willHandleEventExclusively() for the same event,\n     * the final result depends on the order of the plugins are added into editor\n     * @param event The event to check\n     */\n    willHandleEventExclusively(event: PluginEvent) {\n        return (\n            !!this.helper?.direction &&\n            event.eventType == 'keyDown' &&\n            (isCursorMovingKey(event.rawEvent) ||\n                event.rawEvent.key == 'Enter' ||\n                event.rawEvent.key == 'Tab' ||\n                event.rawEvent.key == 'Escape')\n        );\n    }\n\n    /**\n     * Handle events triggered from editor\n     * @param event PluginEvent object\n     */\n    onPluginEvent(event: PluginEvent) {\n        if (!this.helper) {\n            return;\n        }\n\n        switch (event.eventType) {\n            case 'contentChanged':\n                if (this.helper.direction) {\n                    if (event.source == ChangeSource.SetContent) {\n                        this.helper.closePicker();\n                    } else {\n                        this.onSuggestingInput(this.helper);\n                    }\n                }\n                break;\n\n            case 'keyDown':\n                if (this.helper.direction) {\n                    this.onSuggestingKeyDown(this.helper, event.rawEvent);\n                }\n                break;\n\n            case 'input':\n                if (this.helper.direction) {\n                    this.onSuggestingInput(this.helper);\n                } else {\n                    this.onInput(this.helper, event.rawEvent);\n                }\n                break;\n\n            case 'mouseUp':\n                if (this.helper.direction) {\n                    this.helper.closePicker();\n                }\n                break;\n        }\n    }\n\n    private onSuggestingKeyDown(helper: PickerHelperImpl, event: KeyboardEvent) {\n        switch (event.key) {\n            case 'ArrowLeft':\n            case 'ArrowRight':\n                if (helper.direction == 'horizontal' || helper.direction == 'both') {\n                    let isIncrement = event.key == 'ArrowRight';\n\n                    if (helper.editor.getDOMHelper().isRightToLeft()) {\n                        isIncrement = !isIncrement;\n                    }\n\n                    this.handler.onSelectionChanged?.(isIncrement ? 'next' : 'previous');\n                }\n\n                event.preventDefault();\n                break;\n            case 'ArrowUp':\n            case 'ArrowDown':\n                {\n                    const isIncrement = event.key == 'ArrowDown';\n\n                    if (helper.direction != 'horizontal') {\n                        this.handler.onSelectionChanged?.(\n                            helper.direction == 'both'\n                                ? isIncrement\n                                    ? 'nextRow'\n                                    : 'previousRow'\n                                : isIncrement\n                                ? 'next'\n                                : 'previous'\n                        );\n                    }\n                }\n\n                event.preventDefault();\n                break;\n            case 'PageUp':\n            case 'PageDown':\n                this.handler.onSelectionChanged?.(\n                    event.key == 'PageDown' ? 'nextPage' : 'previousPage'\n                );\n\n                event.preventDefault();\n                break;\n            case 'Home':\n            case 'End':\n                const hasCtrl = this.isMac ? event.metaKey : event.ctrlKey;\n                this.handler.onSelectionChanged?.(\n                    event.key == 'Home'\n                        ? hasCtrl\n                            ? 'first'\n                            : 'firstInRow'\n                        : hasCtrl\n                        ? 'last'\n                        : 'lastInRow'\n                );\n\n                event.preventDefault();\n                break;\n            case 'Escape':\n                helper.closePicker();\n                event.preventDefault();\n                break;\n\n            case 'Enter':\n            case 'Tab':\n                this.handler.onSelect?.();\n                event.preventDefault();\n                break;\n        }\n    }\n\n    private onSuggestingInput(helper: PickerHelperImpl) {\n        if (\n            !formatTextSegmentBeforeSelectionMarker(helper.editor, (_, segment, paragraph) => {\n                const newQueryString = getQueryString(\n                    this.triggerCharacter,\n                    paragraph,\n                    segment\n                ).replace(/[\\u0020\\u00A0]/g, ' ');\n                const oldQueryString = this.lastQueryString;\n\n                if (\n                    newQueryString &&\n                    ((newQueryString.length >= oldQueryString.length &&\n                        newQueryString.indexOf(oldQueryString) == 0) ||\n                        (newQueryString.length < oldQueryString.length &&\n                            oldQueryString.indexOf(newQueryString) == 0))\n                ) {\n                    this.lastQueryString = newQueryString;\n                    this.handler.onQueryStringChanged?.(newQueryString);\n                } else {\n                    helper.closePicker();\n                }\n\n                return false;\n            })\n        ) {\n            helper.closePicker();\n        }\n    }\n\n    private onInput(helper: PickerHelperImpl, event: InputEvent) {\n        if (event.inputType == 'insertText' && event.data == this.triggerCharacter) {\n            formatTextSegmentBeforeSelectionMarker(helper.editor, (_, segment) => {\n                if (segment.text.endsWith(this.triggerCharacter)) {\n                    const charBeforeTrigger = segment.text[segment.text.length - 2];\n\n                    if (\n                        !charBeforeTrigger ||\n                        !charBeforeTrigger.trim() ||\n                        isPunctuation(charBeforeTrigger)\n                    ) {\n                        const selection = helper.editor.getDOMSelection();\n                        const pos: DOMInsertPoint | null =\n                            selection?.type == 'range' && selection.range.collapsed\n                                ? {\n                                      node: selection.range.startContainer,\n                                      offset: selection.range.startOffset,\n                                  }\n                                : null;\n\n                        if (pos) {\n                            this.lastQueryString = this.triggerCharacter;\n                            helper.direction = this.handler.onTrigger(this.lastQueryString, pos);\n                        }\n                    }\n                }\n\n                return false;\n            });\n        }\n    }\n}\n"]}

package/lib-mjs/picker/getQueryString.d.ts

@@ -0,0 +1,5 @@
+import type { ContentModelParagraph, ContentModelText } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare function getQueryString(triggerCharacter: string, paragraph: ContentModelParagraph, previousSegment: ContentModelText, splittedSegmentResult?: ContentModelText[]): string;

package/lib-mjs/picker/getQueryString.js

@@ -0,0 +1,32 @@
+import { splitTextSegment } from '../pluginUtils/splitTextSegment';
+/**
+ * @internal
+ */
+export function getQueryString(triggerCharacter, paragraph, previousSegment, splittedSegmentResult) {
+    var result = '';
+    var i = paragraph.segments.indexOf(previousSegment);
+    for (; i >= 0; i--) {
+        var segment = paragraph.segments[i];
+        if (segment.segmentType != 'Text') {
+            result = '';
+            break;
+        }
+        var index = segment.text.lastIndexOf(triggerCharacter);
+        if (index >= 0) {
+            result = segment.text.substring(index) + result;
+            splittedSegmentResult === null || splittedSegmentResult === void 0 ? void 0 : splittedSegmentResult.unshift(index > 0
+                ? splitTextSegment(segment, paragraph, index, segment.text.length)
+                : segment);
+            break;
+        }
+        else {
+            result = segment.text + result;
+            splittedSegmentResult === null || splittedSegmentResult === void 0 ? void 0 : splittedSegmentResult.unshift(segment);
+        }
+    }
+    if (i < 0) {
+        result = '';
+    }
+    return result;
+}
+//# sourceMappingURL=getQueryString.js.map

package/lib-mjs/picker/getQueryString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getQueryString.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/picker/getQueryString.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE;;GAEG;AACH,MAAM,UAAU,cAAc,CAC1B,gBAAwB,EACxB,SAAgC,EAChC,eAAiC,EACjC,qBAA0C;IAE1C,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;IAEpD,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;QAChB,IAAM,OAAO,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAEtC,IAAI,OAAO,CAAC,WAAW,IAAI,MAAM,EAAE;YAC/B,MAAM,GAAG,EAAE,CAAC;YACZ,MAAM;SACT;QAED,IAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;QAEzD,IAAI,KAAK,IAAI,CAAC,EAAE;YACZ,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC;YAEhD,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,OAAO,CAC1B,KAAK,GAAG,CAAC;gBACL,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;gBAClE,CAAC,CAAC,OAAO,CAChB,CAAC;YAEF,MAAM;SACT;aAAM;YACH,MAAM,GAAG,OAAO,CAAC,IAAI,GAAG,MAAM,CAAC;YAE/B,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,OAAO,CAAC,OAAO,CAAC,CAAC;SAC3C;KACJ;IAED,IAAI,CAAC,GAAG,CAAC,EAAE;QACP,MAAM,GAAG,EAAE,CAAC;KACf;IAED,OAAO,MAAM,CAAC;AAClB,CAAC","sourcesContent":["import { splitTextSegment } from '../pluginUtils/splitTextSegment';\nimport type { ContentModelParagraph, ContentModelText } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function getQueryString(\n    triggerCharacter: string,\n    paragraph: ContentModelParagraph,\n    previousSegment: ContentModelText,\n    splittedSegmentResult?: ContentModelText[]\n): string {\n    let result = '';\n    let i = paragraph.segments.indexOf(previousSegment);\n\n    for (; i >= 0; i--) {\n        const segment = paragraph.segments[i];\n\n        if (segment.segmentType != 'Text') {\n            result = '';\n            break;\n        }\n\n        const index = segment.text.lastIndexOf(triggerCharacter);\n\n        if (index >= 0) {\n            result = segment.text.substring(index) + result;\n\n            splittedSegmentResult?.unshift(\n                index > 0\n                    ? splitTextSegment(segment, paragraph, index, segment.text.length)\n                    : segment\n            );\n\n            break;\n        } else {\n            result = segment.text + result;\n\n            splittedSegmentResult?.unshift(segment);\n        }\n    }\n\n    if (i < 0) {\n        result = '';\n    }\n\n    return result;\n}\n"]}

package/lib-mjs/pluginUtils/Rect/getDOMInsertPointRect.d.ts

@@ -0,0 +1,7 @@
+import type { DOMInsertPoint, Rect } from 'roosterjs-content-model-types';
+/**
+ * Get bounding rect of the given DOM insert point
+ * @param doc The document object
+ * @param pos The input DOM insert point
+ */
+export declare function getDOMInsertPointRect(doc: Document, pos: DOMInsertPoint): Rect | null;

package/lib-mjs/pluginUtils/Rect/getDOMInsertPointRect.js

@@ -0,0 +1,53 @@
+import { isNodeOfType, normalizeRect } from 'roosterjs-content-model-dom';
+/**
+ * Get bounding rect of the given DOM insert point
+ * @param doc The document object
+ * @param pos The input DOM insert point
+ */
+export function getDOMInsertPointRect(doc, pos) {
+    var _a;
+    var node = pos.node, offset = pos.offset;
+    var range = doc.createRange();
+    range.setStart(node, offset);
+    // 1) try to get rect using range.getBoundingClientRect()
+    var rect = normalizeRect(range.getBoundingClientRect());
+    if (rect) {
+        return rect;
+    }
+    // 2) try to get rect using range.getClientRects
+    while (node.lastChild) {
+        if (offset == node.childNodes.length) {
+            node = node.lastChild;
+            offset = node.childNodes.length;
+        }
+        else {
+            node = node.childNodes[offset];
+            offset = 0;
+        }
+    }
+    var rects = range.getClientRects && range.getClientRects();
+    rect = rects && rects.length == 1 ? normalizeRect(rects[0]) : null;
+    if (rect) {
+        return rect;
+    }
+    // 3) if node is text node, try inserting a SPAN and get the rect of SPAN for others
+    if (isNodeOfType(node, 'TEXT_NODE')) {
+        var span = node.ownerDocument.createElement('span');
+        span.textContent = '\u200b';
+        range.insertNode(span);
+        rect = normalizeRect(span.getBoundingClientRect());
+        (_a = span.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(span);
+        if (rect) {
+            return rect;
+        }
+    }
+    // 4) try getBoundingClientRect on element
+    if (isNodeOfType(node, 'ELEMENT_NODE') && node.getBoundingClientRect) {
+        rect = normalizeRect(node.getBoundingClientRect());
+        if (rect) {
+            return rect;
+        }
+    }
+    return null;
+}
+//# sourceMappingURL=getDOMInsertPointRect.js.map

package/lib-mjs/pluginUtils/Rect/getDOMInsertPointRect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDOMInsertPointRect.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/pluginUtils/Rect/getDOMInsertPointRect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG1E;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CAAC,GAAa,EAAE,GAAmB;;IAC9D,IAAA,IAAI,GAAa,GAAG,KAAhB,EAAE,MAAM,GAAK,GAAG,OAAR,CAAS;IAC3B,IAAM,KAAK,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC;IAEhC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAE7B,yDAAyD;IACzD,IAAI,IAAI,GAAG,aAAa,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC,CAAC;IAExD,IAAI,IAAI,EAAE;QACN,OAAO,IAAI,CAAC;KACf;IAED,gDAAgD;IAChD,OAAO,IAAI,CAAC,SAAS,EAAE;QACnB,IAAI,MAAM,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE;YAClC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC;YACtB,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC;SACnC;aAAM;YACH,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAC/B,MAAM,GAAG,CAAC,CAAC;SACd;KACJ;IAED,IAAM,KAAK,GAAG,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;IAC7D,IAAI,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACnE,IAAI,IAAI,EAAE;QACN,OAAO,IAAI,CAAC;KACf;IAED,oFAAoF;IACpF,IAAI,YAAY,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE;QACjC,IAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAEtD,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC;QAC5B,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACvB,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC;QACnD,MAAA,IAAI,CAAC,UAAU,0CAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QAEnC,IAAI,IAAI,EAAE;YACN,OAAO,IAAI,CAAC;SACf;KACJ;IAED,0CAA0C;IAC1C,IAAI,YAAY,CAAC,IAAI,EAAE,cAAc,CAAC,IAAI,IAAI,CAAC,qBAAqB,EAAE;QAClE,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC;QAEnD,IAAI,IAAI,EAAE;YACN,OAAO,IAAI,CAAC;SACf;KACJ;IAED,OAAO,IAAI,CAAC;AAChB,CAAC","sourcesContent":["import { isNodeOfType, normalizeRect } from 'roosterjs-content-model-dom';\nimport type { DOMInsertPoint, Rect } from 'roosterjs-content-model-types';\n\n/**\n * Get bounding rect of the given DOM insert point\n * @param doc The document object\n * @param pos The input DOM insert point\n */\nexport function getDOMInsertPointRect(doc: Document, pos: DOMInsertPoint): Rect | null {\n    let { node, offset } = pos;\n    const range = doc.createRange();\n\n    range.setStart(node, offset);\n\n    // 1) try to get rect using range.getBoundingClientRect()\n    let rect = normalizeRect(range.getBoundingClientRect());\n\n    if (rect) {\n        return rect;\n    }\n\n    // 2) try to get rect using range.getClientRects\n    while (node.lastChild) {\n        if (offset == node.childNodes.length) {\n            node = node.lastChild;\n            offset = node.childNodes.length;\n        } else {\n            node = node.childNodes[offset];\n            offset = 0;\n        }\n    }\n\n    const rects = range.getClientRects && range.getClientRects();\n    rect = rects && rects.length == 1 ? normalizeRect(rects[0]) : null;\n    if (rect) {\n        return rect;\n    }\n\n    // 3) if node is text node, try inserting a SPAN and get the rect of SPAN for others\n    if (isNodeOfType(node, 'TEXT_NODE')) {\n        const span = node.ownerDocument.createElement('span');\n\n        span.textContent = '\\u200b';\n        range.insertNode(span);\n        rect = normalizeRect(span.getBoundingClientRect());\n        span.parentNode?.removeChild(span);\n\n        if (rect) {\n            return rect;\n        }\n    }\n\n    // 4) try getBoundingClientRect on element\n    if (isNodeOfType(node, 'ELEMENT_NODE') && node.getBoundingClientRect) {\n        rect = normalizeRect(node.getBoundingClientRect());\n\n        if (rect) {\n            return rect;\n        }\n    }\n\n    return null;\n}\n"]}

package/lib-mjs/shortcut/ShortcutPlugin.js

@@ -1,5 +1,5 @@
 import { cacheGetEventData } from 'roosterjs-content-model-dom';
-import { ShortcutBold, ShortcutBullet, ShortcutClearFormat, ShortcutDecreaseFont, ShortcutIncreaseFont, ShortcutIndentList, ShortcutItalic, ShortcutNumbering, ShortcutOutdentList, ShortcutRedo, ShortcutRedoMacOS, ShortcutUnderline, ShortcutUndo, ShortcutUndo2, } from './shortcuts';
+import { ShortcutBold, ShortcutBullet, ShortcutClearFormat, ShortcutDecreaseFont, ShortcutIncreaseFont, ShortcutIndentList, ShortcutItalic, ShortcutNumbering, ShortcutOutdentList, ShortcutRedo, ShortcutRedoAlt, ShortcutRedoMacOS, ShortcutUnderline, ShortcutUndo, ShortcutUndo2, } from './shortcuts';
 var defaultShortcuts = [
     ShortcutBold,
     ShortcutItalic,
@@ -8,6 +8,7 @@ var defaultShortcuts = [
     ShortcutUndo,
     ShortcutUndo2,
     ShortcutRedo,
+    ShortcutRedoAlt,
     ShortcutRedoMacOS,
     ShortcutBullet,
     ShortcutNumbering,

package/lib-mjs/shortcut/ShortcutPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShortcutPlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/shortcut/ShortcutPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { cacheGetEventData } from 'roosterjs-content-model-dom';\nimport type { ShortcutCommand, ShortcutKeyDefinition } from './ShortcutCommand';\nimport {\n    ShortcutBold,\n    ShortcutBullet,\n    ShortcutClearFormat,\n    ShortcutDecreaseFont,\n    ShortcutIncreaseFont,\n    ShortcutIndentList,\n    ShortcutItalic,\n    ShortcutNumbering,\n    ShortcutOutdentList,\n    ShortcutRedo,\n    ShortcutRedoMacOS,\n    ShortcutUnderline,\n    ShortcutUndo,\n    ShortcutUndo2,\n} from './shortcuts';\nimport type {\n    EditorPlugin,\n    IEditor,\n    KeyDownEvent,\n    PluginEvent,\n} from 'roosterjs-content-model-types';\n\nconst defaultShortcuts: ShortcutCommand[] = [\n    ShortcutBold,\n    ShortcutItalic,\n    ShortcutUnderline,\n    ShortcutClearFormat,\n    ShortcutUndo,\n    ShortcutUndo2,\n    ShortcutRedo,\n    ShortcutRedoMacOS,\n    ShortcutBullet,\n    ShortcutNumbering,\n    ShortcutIncreaseFont,\n    ShortcutDecreaseFont,\n    ShortcutIndentList,\n    ShortcutOutdentList,\n];\nconst CommandCacheKey = '__ShortcutCommandCache';\n\n/**\n * Shortcut plugin hook on the specified shortcut keys and trigger related format API\n */\nexport class ShortcutPlugin implements EditorPlugin {\n    private editor: IEditor | null = null;\n    private isMac = false;\n\n    /**\n     * Create a new instance of ShortcutPlugin\n     * @param [shortcuts=defaultShortcuts] Allowed commands\n     */\n    constructor(private shortcuts: ShortcutCommand[] = defaultShortcuts) {}\n\n    /**\n     * Get name of this plugin\n     */\n    getName() {\n        return 'Shortcut';\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        this.isMac = !!this.editor.getEnvironment().isMac;\n    }\n\n    /**\n     * The last method that editor will call to a plugin before it is disposed.\n     * Plugin can take this chance to clear the reference to editor. After this method is\n     * called, plugin should not call to any editor method since it will result in error.\n     */\n    dispose() {\n        this.editor = null;\n    }\n\n    /**\n     * Check if the plugin should handle the given event exclusively.\n     * Handle an event exclusively means other plugin will not receive this event in\n     * onPluginEvent method.\n     * If two plugins will return true in willHandleEventExclusively() for the same event,\n     * the final result depends on the order of the plugins are added into editor\n     * @param event The event to check:\n     */\n    willHandleEventExclusively(event: PluginEvent) {\n        return (\n            event.eventType == 'keyDown' &&\n            (event.rawEvent.ctrlKey || event.rawEvent.altKey || event.rawEvent.metaKey) &&\n            !!this.cacheGetCommand(event)\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.editor && event.eventType == 'keyDown') {\n            const command = this.cacheGetCommand(event);\n\n            if (command) {\n                command.onClick(this.editor);\n                event.rawEvent.preventDefault();\n            }\n        }\n    }\n\n    private cacheGetCommand(event: KeyDownEvent) {\n        return cacheGetEventData(event, CommandCacheKey, event => {\n            const editor = this.editor;\n\n            return (\n                editor &&\n                this.shortcuts.filter(\n                    command =>\n                        this.matchOS(command.environment) &&\n                        this.matchShortcut(command.shortcutKey, event.rawEvent)\n                )[0]\n            );\n        });\n    }\n\n    private matchOS(environment?: 'all' | 'mac' | 'nonMac') {\n        switch (environment) {\n            case 'mac':\n                return this.isMac;\n\n            case 'nonMac':\n                return !this.isMac;\n\n            default:\n                return true;\n        }\n    }\n\n    private matchShortcut(shortcutKey: ShortcutKeyDefinition, event: KeyboardEvent) {\n        const { ctrlKey, altKey, shiftKey, which, metaKey } = event;\n        const ctrlOrMeta = this.isMac ? metaKey : ctrlKey;\n        const matchModifier =\n            (shortcutKey.modifierKey == 'ctrl' && ctrlOrMeta && !altKey) ||\n            (shortcutKey.modifierKey == 'alt' && altKey && !ctrlOrMeta);\n\n        return matchModifier && shiftKey == shortcutKey.shiftKey && shortcutKey.which == which;\n    }\n}\n"]}
+{"version":3,"file":"ShortcutPlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/shortcut/ShortcutPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { cacheGetEventData } from 'roosterjs-content-model-dom';\nimport type { ShortcutCommand, ShortcutKeyDefinition } from './ShortcutCommand';\nimport {\n    ShortcutBold,\n    ShortcutBullet,\n    ShortcutClearFormat,\n    ShortcutDecreaseFont,\n    ShortcutIncreaseFont,\n    ShortcutIndentList,\n    ShortcutItalic,\n    ShortcutNumbering,\n    ShortcutOutdentList,\n    ShortcutRedo,\n    ShortcutRedoAlt,\n    ShortcutRedoMacOS,\n    ShortcutUnderline,\n    ShortcutUndo,\n    ShortcutUndo2,\n} from './shortcuts';\nimport type {\n    EditorPlugin,\n    IEditor,\n    KeyDownEvent,\n    PluginEvent,\n} from 'roosterjs-content-model-types';\n\nconst defaultShortcuts: ShortcutCommand[] = [\n    ShortcutBold,\n    ShortcutItalic,\n    ShortcutUnderline,\n    ShortcutClearFormat,\n    ShortcutUndo,\n    ShortcutUndo2,\n    ShortcutRedo,\n    ShortcutRedoAlt,\n    ShortcutRedoMacOS,\n    ShortcutBullet,\n    ShortcutNumbering,\n    ShortcutIncreaseFont,\n    ShortcutDecreaseFont,\n    ShortcutIndentList,\n    ShortcutOutdentList,\n];\nconst CommandCacheKey = '__ShortcutCommandCache';\n\n/**\n * Shortcut plugin hook on the specified shortcut keys and trigger related format API\n */\nexport class ShortcutPlugin implements EditorPlugin {\n    private editor: IEditor | null = null;\n    private isMac = false;\n\n    /**\n     * Create a new instance of ShortcutPlugin\n     * @param [shortcuts=defaultShortcuts] Allowed commands\n     */\n    constructor(private shortcuts: ShortcutCommand[] = defaultShortcuts) {}\n\n    /**\n     * Get name of this plugin\n     */\n    getName() {\n        return 'Shortcut';\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        this.isMac = !!this.editor.getEnvironment().isMac;\n    }\n\n    /**\n     * The last method that editor will call to a plugin before it is disposed.\n     * Plugin can take this chance to clear the reference to editor. After this method is\n     * called, plugin should not call to any editor method since it will result in error.\n     */\n    dispose() {\n        this.editor = null;\n    }\n\n    /**\n     * Check if the plugin should handle the given event exclusively.\n     * Handle an event exclusively means other plugin will not receive this event in\n     * onPluginEvent method.\n     * If two plugins will return true in willHandleEventExclusively() for the same event,\n     * the final result depends on the order of the plugins are added into editor\n     * @param event The event to check:\n     */\n    willHandleEventExclusively(event: PluginEvent) {\n        return (\n            event.eventType == 'keyDown' &&\n            (event.rawEvent.ctrlKey || event.rawEvent.altKey || event.rawEvent.metaKey) &&\n            !!this.cacheGetCommand(event)\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.editor && event.eventType == 'keyDown') {\n            const command = this.cacheGetCommand(event);\n\n            if (command) {\n                command.onClick(this.editor);\n                event.rawEvent.preventDefault();\n            }\n        }\n    }\n\n    private cacheGetCommand(event: KeyDownEvent) {\n        return cacheGetEventData(event, CommandCacheKey, event => {\n            const editor = this.editor;\n\n            return (\n                editor &&\n                this.shortcuts.filter(\n                    command =>\n                        this.matchOS(command.environment) &&\n                        this.matchShortcut(command.shortcutKey, event.rawEvent)\n                )[0]\n            );\n        });\n    }\n\n    private matchOS(environment?: 'all' | 'mac' | 'nonMac') {\n        switch (environment) {\n            case 'mac':\n                return this.isMac;\n\n            case 'nonMac':\n                return !this.isMac;\n\n            default:\n                return true;\n        }\n    }\n\n    private matchShortcut(shortcutKey: ShortcutKeyDefinition, event: KeyboardEvent) {\n        const { ctrlKey, altKey, shiftKey, which, metaKey } = event;\n        const ctrlOrMeta = this.isMac ? metaKey : ctrlKey;\n        const matchModifier =\n            (shortcutKey.modifierKey == 'ctrl' && ctrlOrMeta && !altKey) ||\n            (shortcutKey.modifierKey == 'alt' && altKey && !ctrlOrMeta);\n\n        return matchModifier && shiftKey == shortcutKey.shiftKey && shortcutKey.which == which;\n    }\n}\n"]}

package/lib-mjs/shortcut/shortcuts.d.ts

@@ -42,11 +42,18 @@ export declare const ShortcutUndo2: ShortcutCommand;
  */
 export declare const ShortcutRedo: ShortcutCommand;
 /**
+ * @deprecated
  * Shortcut command for Redo 2
  * Windows: N/A
  * MacOS: Meta + Shift + Z
  */
 export declare const ShortcutRedoMacOS: ShortcutCommand;
+/**
+ * Shortcut command for Redo 3
+ * Windows: Ctrl + Shift + Z
+ * MacOS: Meta + Shift + Z
+ */
+export declare const ShortcutRedoAlt: ShortcutCommand;
 /**
  * Shortcut command for Bullet List
  * Windows: Ctrl + . (Period)