roosterjs-content-model-plugins 0.26.3 → 0.27.0

package/lib-amd/index.js

@@ -1,9 +1,23 @@
-define(["require", "exports", "./paste/PastePlugin", "./edit/EditPlugin", "./autoFormat/AutoFormatPlugin"], function (require, exports, PastePlugin_1, EditPlugin_1, AutoFormatPlugin_1) {
+define(["require", "exports", "./tableEdit/TableEditPlugin", "./paste/PastePlugin", "./edit/EditPlugin", "./autoFormat/AutoFormatPlugin", "./shortcut/shortcuts", "./shortcut/ShortcutPlugin"], function (require, exports, TableEditPlugin_1, PastePlugin_1, EditPlugin_1, AutoFormatPlugin_1, shortcuts_1, ShortcutPlugin_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.AutoFormatPlugin = exports.EditPlugin = exports.PastePlugin = void 0;
+    exports.ShortcutPlugin = exports.ShortcutDecreaseFont = exports.ShortcutIncreaseFont = exports.ShortcutNumbering = exports.ShortcutBullet = exports.ShortcutRedoMacOS = exports.ShortcutRedo = exports.ShortcutUndo2 = exports.ShortcutUndo = exports.ShortcutClearFormat = exports.ShortcutUnderline = exports.ShortcutItalic = exports.ShortcutBold = exports.AutoFormatPlugin = exports.EditPlugin = exports.PastePlugin = exports.TableEditPlugin = void 0;
+    Object.defineProperty(exports, "TableEditPlugin", { enumerable: true, get: function () { return TableEditPlugin_1.TableEditPlugin; } });
     Object.defineProperty(exports, "PastePlugin", { enumerable: true, get: function () { return PastePlugin_1.PastePlugin; } });
     Object.defineProperty(exports, "EditPlugin", { enumerable: true, get: function () { return EditPlugin_1.EditPlugin; } });
     Object.defineProperty(exports, "AutoFormatPlugin", { enumerable: true, get: function () { return AutoFormatPlugin_1.AutoFormatPlugin; } });
+    Object.defineProperty(exports, "ShortcutBold", { enumerable: true, get: function () { return shortcuts_1.ShortcutBold; } });
+    Object.defineProperty(exports, "ShortcutItalic", { enumerable: true, get: function () { return shortcuts_1.ShortcutItalic; } });
+    Object.defineProperty(exports, "ShortcutUnderline", { enumerable: true, get: function () { return shortcuts_1.ShortcutUnderline; } });
+    Object.defineProperty(exports, "ShortcutClearFormat", { enumerable: true, get: function () { return shortcuts_1.ShortcutClearFormat; } });
+    Object.defineProperty(exports, "ShortcutUndo", { enumerable: true, get: function () { return shortcuts_1.ShortcutUndo; } });
+    Object.defineProperty(exports, "ShortcutUndo2", { enumerable: true, get: function () { return shortcuts_1.ShortcutUndo2; } });
+    Object.defineProperty(exports, "ShortcutRedo", { enumerable: true, get: function () { return shortcuts_1.ShortcutRedo; } });
+    Object.defineProperty(exports, "ShortcutRedoMacOS", { enumerable: true, get: function () { return shortcuts_1.ShortcutRedoMacOS; } });
+    Object.defineProperty(exports, "ShortcutBullet", { enumerable: true, get: function () { return shortcuts_1.ShortcutBullet; } });
+    Object.defineProperty(exports, "ShortcutNumbering", { enumerable: true, get: function () { return shortcuts_1.ShortcutNumbering; } });
+    Object.defineProperty(exports, "ShortcutIncreaseFont", { enumerable: true, get: function () { return shortcuts_1.ShortcutIncreaseFont; } });
+    Object.defineProperty(exports, "ShortcutDecreaseFont", { enumerable: true, get: function () { return shortcuts_1.ShortcutDecreaseFont; } });
+    Object.defineProperty(exports, "ShortcutPlugin", { enumerable: true, get: function () { return ShortcutPlugin_1.ShortcutPlugin; } });
 });
 //# sourceMappingURL=index.js.map

package/lib-amd/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../packages-content-model/roosterjs-content-model-plugins/lib/index.ts"],"names":[],"mappings":";;;;IAAS,0GAAA,WAAW,OAAA;IACX,wGAAA,UAAU,OAAA;IACV,oHAAA,gBAAgB,OAAA","sourcesContent":["export { PastePlugin } from './paste/PastePlugin';\nexport { EditPlugin } from './edit/EditPlugin';\nexport { AutoFormatPlugin, AutoFormatOptions } from './autoFormat/AutoFormatPlugin';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../packages-content-model/roosterjs-content-model-plugins/lib/index.ts"],"names":[],"mappings":";;;;IAAS,kHAAA,eAAe,OAAA;IACf,0GAAA,WAAW,OAAA;IACX,wGAAA,UAAU,OAAA;IACV,oHAAA,gBAAgB,OAAA;IAGrB,yGAAA,YAAY,OAAA;IACZ,2GAAA,cAAc,OAAA;IACd,8GAAA,iBAAiB,OAAA;IACjB,gHAAA,mBAAmB,OAAA;IACnB,yGAAA,YAAY,OAAA;IACZ,0GAAA,aAAa,OAAA;IACb,yGAAA,YAAY,OAAA;IACZ,8GAAA,iBAAiB,OAAA;IACjB,2GAAA,cAAc,OAAA;IACd,8GAAA,iBAAiB,OAAA;IACjB,iHAAA,oBAAoB,OAAA;IACpB,iHAAA,oBAAoB,OAAA;IAEf,gHAAA,cAAc,OAAA","sourcesContent":["export { TableEditPlugin } from './tableEdit/TableEditPlugin';\nexport { PastePlugin } from './paste/PastePlugin';\nexport { EditPlugin } from './edit/EditPlugin';\nexport { AutoFormatPlugin, AutoFormatOptions } from './autoFormat/AutoFormatPlugin';\n\nexport {\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} from './shortcut/shortcuts';\nexport { ShortcutPlugin } from './shortcut/ShortcutPlugin';\nexport { ShortcutKeyDefinition, ShortcutCommand } from './shortcut/ShortcutCommand';\n"]}

package/lib-amd/paste/PastePlugin.d.ts

@@ -1,11 +1,10 @@
-import type { EditorPlugin, IStandaloneEditor, PluginEvent } from 'roosterjs-content-model-types';
+import type { EditorPlugin, IEditor, PluginEvent } from 'roosterjs-content-model-types';
 /**
  * Paste plugin, handles BeforePaste event and reformat some special content, including:
  * 1. Content copied from Word
  * 2. Content copied from Excel
  * 3. Content copied from Word Online or OneNote Online
  * 4. Content copied from Power Point
- * (This class is still under development, and may still be changed in the future with some breaking changes)
  */
 export declare class PastePlugin implements EditorPlugin {
     private allowExcelNoBorderTable?;
@@ -26,7 +25,7 @@ export declare class PastePlugin implements EditorPlugin {
      * editor reference so that it can call to any editor method or format API later.
      * @param editor The editor object
      */
-    initialize(editor: IStandaloneEditor): void;
+    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

package/lib-amd/paste/PastePlugin.js

@@ -8,7 +8,6 @@ define(["require", "exports", "./utils/addParser", "roosterjs-content-model-dom"
      * 2. Content copied from Excel
      * 3. Content copied from Word Online or OneNote Online
      * 4. Content copied from Power Point
-     * (This class is still under development, and may still be changed in the future with some breaking changes)
      */
     var PastePlugin = /** @class */ (function () {
         /**

package/lib-amd/paste/PastePlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"PastePlugin.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-plugins/lib/paste/PastePlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import addParser from './utils/addParser';\nimport { BorderKeys } from 'roosterjs-content-model-dom';\nimport { deprecatedBorderColorParser } from './utils/deprecatedColorParser';\nimport { getPasteSource } from './pasteSourceValidations/getPasteSource';\nimport { parseLink } from './utils/linkParser';\nimport { PastePropertyNames } from './pasteSourceValidations/constants';\nimport { processPastedContentFromExcel } from './Excel/processPastedContentFromExcel';\nimport { processPastedContentFromPowerPoint } from './PowerPoint/processPastedContentFromPowerPoint';\nimport { processPastedContentFromWordDesktop } from './WordDesktop/processPastedContentFromWordDesktop';\nimport { processPastedContentWacComponents } from './WacComponents/processPastedContentWacComponents';\nimport type {\n    BorderFormat,\n    ContentModelBlockFormat,\n    ContentModelTableCellFormat,\n    EditorPlugin,\n    FormatParser,\n    IStandaloneEditor,\n    PluginEvent,\n} from 'roosterjs-content-model-types';\n\n/**\n * Paste plugin, handles BeforePaste event and reformat some special content, including:\n * 1. Content copied from Word\n * 2. Content copied from Excel\n * 3. Content copied from Word Online or OneNote Online\n * 4. Content copied from Power Point\n * (This class is still under development, and may still be changed in the future with some breaking changes)\n */\nexport class PastePlugin implements EditorPlugin {\n    private editor: IStandaloneEditor | null = null;\n\n    /**\n     * Construct a new instance of Paste class\n     * @param unknownTagReplacement Replace solution of unknown tags, default behavior is to replace with SPAN\n     * @param allowExcelNoBorderTable Allow table copied from Excel without border\n     */\n    constructor(private allowExcelNoBorderTable?: boolean) {}\n\n    /**\n     * Get name of this plugin\n     */\n    getName() {\n        return 'Paste';\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: IStandaloneEditor) {\n        this.editor = editor;\n    }\n\n    /**\n     * The last method that editor will call to a plugin before it is disposed.\n     * Plugin can take this chance to clear the reference to editor. After this method is\n     * called, plugin should not call to any editor method since it will result in error.\n     */\n    dispose() {\n        this.editor = null;\n    }\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 != 'beforePaste') {\n            return;\n        }\n\n        if (!event.domToModelOption) {\n            return;\n        }\n\n        const pasteSource = getPasteSource(event, false);\n        const pasteType = event.pasteType;\n\n        switch (pasteSource) {\n            case 'wordDesktop':\n                processPastedContentFromWordDesktop(event, this.editor.getTrustedHTMLHandler());\n                break;\n            case 'wacComponents':\n                processPastedContentWacComponents(event);\n                break;\n            case 'excelOnline':\n            case 'excelDesktop':\n                if (pasteType === 'normal' || pasteType === 'mergeFormat') {\n                    // Handle HTML copied from Excel\n                    processPastedContentFromExcel(\n                        event,\n                        this.editor.getTrustedHTMLHandler(),\n                        this.allowExcelNoBorderTable\n                    );\n                }\n                break;\n            case 'googleSheets':\n                event.domToModelOption.additionalAllowedTags.push(\n                    PastePropertyNames.GOOGLE_SHEET_NODE_NAME as Lowercase<string>\n                );\n                break;\n            case 'powerPointDesktop':\n                processPastedContentFromPowerPoint(event, this.editor.getTrustedHTMLHandler());\n                break;\n        }\n\n        addParser(event.domToModelOption, 'link', parseLink);\n        addParser(event.domToModelOption, 'tableCell', deprecatedBorderColorParser);\n        addParser(event.domToModelOption, 'tableCell', tableBorderParser);\n        addParser(event.domToModelOption, 'table', deprecatedBorderColorParser);\n\n        if (pasteType === 'mergeFormat') {\n            addParser(event.domToModelOption, 'block', blockElementParser);\n            addParser(event.domToModelOption, 'listLevel', blockElementParser);\n        }\n    }\n}\n\n/**\n * For block elements that have background color style, remove the background color when user selects the merge current format\n * paste option\n */\nconst blockElementParser: FormatParser<ContentModelBlockFormat> = (\n    format: ContentModelBlockFormat,\n    element: HTMLElement\n) => {\n    if (element.style.backgroundColor) {\n        delete format.backgroundColor;\n    }\n};\n\nconst ElementBorderKeys = new Map<\n    keyof BorderFormat,\n    {\n        c: keyof CSSStyleDeclaration;\n        s: keyof CSSStyleDeclaration;\n        w: keyof CSSStyleDeclaration;\n    }\n>([\n    ['borderTop', { w: 'borderTopWidth', s: 'borderTopStyle', c: 'borderTopColor' }],\n    ['borderRight', { w: 'borderRightWidth', s: 'borderRightStyle', c: 'borderRightColor' }],\n    ['borderBottom', { w: 'borderBottomWidth', s: 'borderBottomStyle', c: 'borderBottomColor' }],\n    ['borderLeft', { w: 'borderLeftWidth', s: 'borderLeftStyle', c: 'borderLeftColor' }],\n]);\n\nfunction tableBorderParser(format: ContentModelTableCellFormat, element: HTMLElement): void {\n    BorderKeys.forEach(key => {\n        if (!format[key]) {\n            const styleSet = ElementBorderKeys.get(key);\n            if (\n                styleSet &&\n                element.style[styleSet.w] &&\n                element.style[styleSet.s] &&\n                !element.style[styleSet.c]\n            ) {\n                format[key] = `${element.style[styleSet.w]} ${element.style[styleSet.s]}`;\n            }\n        }\n    });\n}\n"]}
+{"version":3,"file":"PastePlugin.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-plugins/lib/paste/PastePlugin.ts"],"names":[],"mappings":";;;;IAoBA;;;;;;OAMG;IACH;QAGI;;;;WAIG;QACH,qBAAoB,uBAAiC;YAAjC,4BAAuB,GAAvB,uBAAuB,CAAU;YAP7C,WAAM,GAAmB,IAAI,CAAC;QAOkB,CAAC;QAEzD;;WAEG;QACH,6BAAO,GAAP;YACI,OAAO,OAAO,CAAC;QACnB,CAAC;QAED;;;;;WAKG;QACH,gCAAU,GAAV,UAAW,MAAe;YACtB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACzB,CAAC;QAED;;;;WAIG;QACH,6BAAO,GAAP;YACI,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACvB,CAAC;QAED;;;;;WAKG;QACH,mCAAa,GAAb,UAAc,KAAkB;YAC5B,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,KAAK,CAAC,SAAS,IAAI,aAAa,EAAE;gBAClD,OAAO;aACV;YAED,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;gBACzB,OAAO;aACV;YAED,IAAM,WAAW,GAAG,IAAA,+BAAc,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YACjD,IAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;YAElC,QAAQ,WAAW,EAAE;gBACjB,KAAK,aAAa;oBACd,IAAA,yEAAmC,EAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,qBAAqB,EAAE,CAAC,CAAC;oBAChF,MAAM;gBACV,KAAK,eAAe;oBAChB,IAAA,qEAAiC,EAAC,KAAK,CAAC,CAAC;oBACzC,MAAM;gBACV,KAAK,aAAa,CAAC;gBACnB,KAAK,cAAc;oBACf,IAAI,SAAS,KAAK,QAAQ,IAAI,SAAS,KAAK,aAAa,EAAE;wBACvD,gCAAgC;wBAChC,IAAA,6DAA6B,EACzB,KAAK,EACL,IAAI,CAAC,MAAM,CAAC,qBAAqB,EAAE,EACnC,IAAI,CAAC,uBAAuB,CAC/B,CAAC;qBACL;oBACD,MAAM;gBACV,KAAK,cAAc;oBACf,KAAK,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,IAAI,CAC7C,8BAAkB,CAAC,sBAA2C,CACjE,CAAC;oBACF,MAAM;gBACV,KAAK,mBAAmB;oBACpB,IAAA,uEAAkC,EAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,qBAAqB,EAAE,CAAC,CAAC;oBAC/E,MAAM;aACb;YAED,IAAA,mBAAS,EAAC,KAAK,CAAC,gBAAgB,EAAE,MAAM,EAAE,sBAAS,CAAC,CAAC;YACrD,IAAA,mBAAS,EAAC,KAAK,CAAC,gBAAgB,EAAE,WAAW,EAAE,mDAA2B,CAAC,CAAC;YAC5E,IAAA,mBAAS,EAAC,KAAK,CAAC,gBAAgB,EAAE,WAAW,EAAE,iBAAiB,CAAC,CAAC;YAClE,IAAA,mBAAS,EAAC,KAAK,CAAC,gBAAgB,EAAE,OAAO,EAAE,mDAA2B,CAAC,CAAC;YAExE,IAAI,SAAS,KAAK,aAAa,EAAE;gBAC7B,IAAA,mBAAS,EAAC,KAAK,CAAC,gBAAgB,EAAE,OAAO,EAAE,kBAAkB,CAAC,CAAC;gBAC/D,IAAA,mBAAS,EAAC,KAAK,CAAC,gBAAgB,EAAE,WAAW,EAAE,kBAAkB,CAAC,CAAC;aACtE;QACL,CAAC;QACL,kBAAC;IAAD,CAAC,AA5FD,IA4FC;IA5FY,kCAAW;IA8FxB;;;OAGG;IACH,IAAM,kBAAkB,GAA0C,UAC9D,MAA+B,EAC/B,OAAoB;QAEpB,IAAI,OAAO,CAAC,KAAK,CAAC,eAAe,EAAE;YAC/B,OAAO,MAAM,CAAC,eAAe,CAAC;SACjC;IACL,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG,IAAI,GAAG,CAO/B;QACE,CAAC,WAAW,EAAE,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC;QAChF,CAAC,aAAa,EAAE,EAAE,CAAC,EAAE,kBAAkB,EAAE,CAAC,EAAE,kBAAkB,EAAE,CAAC,EAAE,kBAAkB,EAAE,CAAC;QACxF,CAAC,cAAc,EAAE,EAAE,CAAC,EAAE,mBAAmB,EAAE,CAAC,EAAE,mBAAmB,EAAE,CAAC,EAAE,mBAAmB,EAAE,CAAC;QAC5F,CAAC,YAAY,EAAE,EAAE,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,iBAAiB,EAAE,CAAC;KACvF,CAAC,CAAC;IAEH,SAAS,iBAAiB,CAAC,MAAmC,EAAE,OAAoB;QAChF,wCAAU,CAAC,OAAO,CAAC,UAAA,GAAG;YAClB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE;gBACd,IAAM,QAAQ,GAAG,iBAAiB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;gBAC5C,IACI,QAAQ;oBACR,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;oBACzB,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;oBACzB,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC5B;oBACE,MAAM,CAAC,GAAG,CAAC,GAAM,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAG,CAAC;iBAC7E;aACJ;QACL,CAAC,CAAC,CAAC;IACP,CAAC","sourcesContent":["import addParser from './utils/addParser';\nimport { BorderKeys } from 'roosterjs-content-model-dom';\nimport { deprecatedBorderColorParser } from './utils/deprecatedColorParser';\nimport { getPasteSource } from './pasteSourceValidations/getPasteSource';\nimport { parseLink } from './utils/linkParser';\nimport { PastePropertyNames } from './pasteSourceValidations/constants';\nimport { processPastedContentFromExcel } from './Excel/processPastedContentFromExcel';\nimport { processPastedContentFromPowerPoint } from './PowerPoint/processPastedContentFromPowerPoint';\nimport { processPastedContentFromWordDesktop } from './WordDesktop/processPastedContentFromWordDesktop';\nimport { processPastedContentWacComponents } from './WacComponents/processPastedContentWacComponents';\nimport type {\n    BorderFormat,\n    ContentModelBlockFormat,\n    ContentModelTableCellFormat,\n    EditorPlugin,\n    FormatParser,\n    IEditor,\n    PluginEvent,\n} from 'roosterjs-content-model-types';\n\n/**\n * Paste plugin, handles BeforePaste event and reformat some special content, including:\n * 1. Content copied from Word\n * 2. Content copied from Excel\n * 3. Content copied from Word Online or OneNote Online\n * 4. Content copied from Power Point\n */\nexport class PastePlugin implements EditorPlugin {\n    private editor: IEditor | null = null;\n\n    /**\n     * Construct a new instance of Paste class\n     * @param unknownTagReplacement Replace solution of unknown tags, default behavior is to replace with SPAN\n     * @param allowExcelNoBorderTable Allow table copied from Excel without border\n     */\n    constructor(private allowExcelNoBorderTable?: boolean) {}\n\n    /**\n     * Get name of this plugin\n     */\n    getName() {\n        return 'Paste';\n    }\n\n    /**\n     * The first method that editor will call to a plugin when editor is initializing.\n     * It will pass in the editor instance, plugin should take this chance to save the\n     * editor reference so that it can call to any editor method or format API later.\n     * @param editor The editor object\n     */\n    initialize(editor: IEditor) {\n        this.editor = editor;\n    }\n\n    /**\n     * The last method that editor will call to a plugin before it is disposed.\n     * Plugin can take this chance to clear the reference to editor. After this method is\n     * called, plugin should not call to any editor method since it will result in error.\n     */\n    dispose() {\n        this.editor = null;\n    }\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 != 'beforePaste') {\n            return;\n        }\n\n        if (!event.domToModelOption) {\n            return;\n        }\n\n        const pasteSource = getPasteSource(event, false);\n        const pasteType = event.pasteType;\n\n        switch (pasteSource) {\n            case 'wordDesktop':\n                processPastedContentFromWordDesktop(event, this.editor.getTrustedHTMLHandler());\n                break;\n            case 'wacComponents':\n                processPastedContentWacComponents(event);\n                break;\n            case 'excelOnline':\n            case 'excelDesktop':\n                if (pasteType === 'normal' || pasteType === 'mergeFormat') {\n                    // Handle HTML copied from Excel\n                    processPastedContentFromExcel(\n                        event,\n                        this.editor.getTrustedHTMLHandler(),\n                        this.allowExcelNoBorderTable\n                    );\n                }\n                break;\n            case 'googleSheets':\n                event.domToModelOption.additionalAllowedTags.push(\n                    PastePropertyNames.GOOGLE_SHEET_NODE_NAME as Lowercase<string>\n                );\n                break;\n            case 'powerPointDesktop':\n                processPastedContentFromPowerPoint(event, this.editor.getTrustedHTMLHandler());\n                break;\n        }\n\n        addParser(event.domToModelOption, 'link', parseLink);\n        addParser(event.domToModelOption, 'tableCell', deprecatedBorderColorParser);\n        addParser(event.domToModelOption, 'tableCell', tableBorderParser);\n        addParser(event.domToModelOption, 'table', deprecatedBorderColorParser);\n\n        if (pasteType === 'mergeFormat') {\n            addParser(event.domToModelOption, 'block', blockElementParser);\n            addParser(event.domToModelOption, 'listLevel', blockElementParser);\n        }\n    }\n}\n\n/**\n * For block elements that have background color style, remove the background color when user selects the merge current format\n * paste option\n */\nconst blockElementParser: FormatParser<ContentModelBlockFormat> = (\n    format: ContentModelBlockFormat,\n    element: HTMLElement\n) => {\n    if (element.style.backgroundColor) {\n        delete format.backgroundColor;\n    }\n};\n\nconst ElementBorderKeys = new Map<\n    keyof BorderFormat,\n    {\n        c: keyof CSSStyleDeclaration;\n        s: keyof CSSStyleDeclaration;\n        w: keyof CSSStyleDeclaration;\n    }\n>([\n    ['borderTop', { w: 'borderTopWidth', s: 'borderTopStyle', c: 'borderTopColor' }],\n    ['borderRight', { w: 'borderRightWidth', s: 'borderRightStyle', c: 'borderRightColor' }],\n    ['borderBottom', { w: 'borderBottomWidth', s: 'borderBottomStyle', c: 'borderBottomColor' }],\n    ['borderLeft', { w: 'borderLeftWidth', s: 'borderLeftStyle', c: 'borderLeftColor' }],\n]);\n\nfunction tableBorderParser(format: ContentModelTableCellFormat, element: HTMLElement): void {\n    BorderKeys.forEach(key => {\n        if (!format[key]) {\n            const styleSet = ElementBorderKeys.get(key);\n            if (\n                styleSet &&\n                element.style[styleSet.w] &&\n                element.style[styleSet.s] &&\n                !element.style[styleSet.c]\n            ) {\n                format[key] = `${element.style[styleSet.w]} ${element.style[styleSet.s]}`;\n            }\n        }\n    });\n}\n"]}

package/lib-amd/shortcut/ShortcutCommand.d.ts

@@ -0,0 +1,44 @@
+import type { IEditor } from 'roosterjs-content-model-types';
+/**
+ * Definition of the shortcut key
+ */
+export interface ShortcutKeyDefinition {
+    /**
+     * Modifier key for this shortcut, allowed values are:
+     * ctrl: Ctrl key (or Meta key on MacOS)
+     * alt: Alt key
+     */
+    modifierKey: 'ctrl' | 'alt';
+    /**
+     * Whether ALT key is required for this shortcut
+     */
+    shiftKey: boolean;
+    /**
+     * Key code for this shortcut. The value should be the value of KeyboardEvent.which
+     * We are still using key code here rather than key name (event.key)  although event.which is deprecated because of globalization.
+     * For example, on US keyboard, Shift+Comma="<" but on Spanish keyboard it is ":"
+     * And we still want the shortcut key to be registered on  the same key, in that case key name is different but key code keeps the same.
+     */
+    which: number;
+}
+/**
+ * Represents a command for shortcut
+ */
+export interface ShortcutCommand {
+    /**
+     * Definition of the shortcut key
+     */
+    shortcutKey: ShortcutKeyDefinition;
+    /**
+     * @optional Required environment for this command
+     * all: (Default) This feature is available for all environments
+     * mac: This feature is available on MacOS only
+     * nonMac: This feature is available on OS other than MacOS
+     */
+    environment?: 'all' | 'mac' | 'nonMac';
+    /**
+     * The callback function to invoke when this shortcut is triggered
+     * @param editor The editor object
+     */
+    onClick: (editor: IEditor) => void;
+}

package/lib-amd/shortcut/ShortcutCommand.js

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

package/lib-amd/shortcut/ShortcutCommand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutCommand.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-plugins/lib/shortcut/ShortcutCommand.ts"],"names":[],"mappings":"","sourcesContent":["import type { IEditor } from 'roosterjs-content-model-types';\n\n/**\n * Definition of the shortcut key\n */\nexport interface ShortcutKeyDefinition {\n    /**\n     * Modifier key for this shortcut, allowed values are:\n     * ctrl: Ctrl key (or Meta key on MacOS)\n     * alt: Alt key\n     */\n    modifierKey: 'ctrl' | 'alt';\n\n    /**\n     * Whether ALT key is required for this shortcut\n     */\n    shiftKey: boolean;\n\n    /**\n     * Key code for this shortcut. The value should be the value of KeyboardEvent.which\n     * We are still using key code here rather than key name (event.key)  although event.which is deprecated because of globalization.\n     * For example, on US keyboard, Shift+Comma=\"<\" but on Spanish keyboard it is \":\"\n     * And we still want the shortcut key to be registered on  the same key, in that case key name is different but key code keeps the same.\n     */\n    which: number;\n}\n\n/**\n * Represents a command for shortcut\n */\nexport interface ShortcutCommand {\n    /**\n     * Definition of the shortcut key\n     */\n    shortcutKey: ShortcutKeyDefinition;\n\n    /**\n     * @optional Required environment for this command\n     * all: (Default) This feature is available for all environments\n     * mac: This feature is available on MacOS only\n     * nonMac: This feature is available on OS other than MacOS\n     */\n    environment?: 'all' | 'mac' | 'nonMac';\n\n    /**\n     * The callback function to invoke when this shortcut is triggered\n     * @param editor The editor object\n     */\n    onClick: (editor: IEditor) => void;\n}\n"]}

package/lib-amd/shortcut/ShortcutPlugin.d.ts

@@ -0,0 +1,51 @@
+import type { ShortcutCommand } from './ShortcutCommand';
+import type { EditorPlugin, IEditor, PluginEvent } from 'roosterjs-content-model-types';
+/**
+ * Shortcut plugin hook on the specified shortcut keys and trigger related format API
+ */
+export declare class ShortcutPlugin implements EditorPlugin {
+    private shortcuts;
+    private editor;
+    private isMac;
+    /**
+     * Create a new instance of ShortcutPlugin
+     * @param [shortcuts=defaultShortcuts] Allowed commands
+     */
+    constructor(shortcuts?: ShortcutCommand[]);
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * 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;
+    private cacheGetCommand;
+    private matchOS;
+    private matchShortcut;
+}

package/lib-amd/shortcut/ShortcutPlugin.js

@@ -0,0 +1,118 @@
+define(["require", "exports", "roosterjs-content-model-core", "./shortcuts"], function (require, exports, roosterjs_content_model_core_1, shortcuts_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ShortcutPlugin = void 0;
+    var defaultShortcuts = [
+        shortcuts_1.ShortcutBold,
+        shortcuts_1.ShortcutItalic,
+        shortcuts_1.ShortcutUnderline,
+        shortcuts_1.ShortcutClearFormat,
+        shortcuts_1.ShortcutUndo,
+        shortcuts_1.ShortcutUndo2,
+        shortcuts_1.ShortcutRedo,
+        shortcuts_1.ShortcutRedoMacOS,
+        shortcuts_1.ShortcutBullet,
+        shortcuts_1.ShortcutNumbering,
+        shortcuts_1.ShortcutIncreaseFont,
+        shortcuts_1.ShortcutDecreaseFont,
+    ];
+    var CommandCacheKey = '__ShortcutCommandCache';
+    /**
+     * Shortcut plugin hook on the specified shortcut keys and trigger related format API
+     */
+    var ShortcutPlugin = /** @class */ (function () {
+        /**
+         * Create a new instance of ShortcutPlugin
+         * @param [shortcuts=defaultShortcuts] Allowed commands
+         */
+        function ShortcutPlugin(shortcuts) {
+            if (shortcuts === void 0) { shortcuts = defaultShortcuts; }
+            this.shortcuts = shortcuts;
+            this.editor = null;
+            this.isMac = false;
+        }
+        /**
+         * Get name of this plugin
+         */
+        ShortcutPlugin.prototype.getName = function () {
+            return 'Shortcut';
+        };
+        /**
+         * 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
+         */
+        ShortcutPlugin.prototype.initialize = function (editor) {
+            this.editor = editor;
+            this.isMac = !!this.editor.getEnvironment().isMac;
+        };
+        /**
+         * 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.
+         */
+        ShortcutPlugin.prototype.dispose = function () {
+            this.editor = 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:
+         */
+        ShortcutPlugin.prototype.willHandleEventExclusively = function (event) {
+            return (event.eventType == 'keyDown' &&
+                (event.rawEvent.ctrlKey || event.rawEvent.altKey || event.rawEvent.metaKey) &&
+                !!this.cacheGetCommand(event));
+        };
+        /**
+         * 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:
+         */
+        ShortcutPlugin.prototype.onPluginEvent = function (event) {
+            if (this.editor && event.eventType == 'keyDown') {
+                var command = this.cacheGetCommand(event);
+                if (command) {
+                    command.onClick(this.editor);
+                    event.rawEvent.preventDefault();
+                }
+            }
+        };
+        ShortcutPlugin.prototype.cacheGetCommand = function (event) {
+            var _this = this;
+            return (0, roosterjs_content_model_core_1.cacheGetEventData)(event, CommandCacheKey, function (event) {
+                var editor = _this.editor;
+                return (editor &&
+                    _this.shortcuts.filter(function (command) {
+                        return _this.matchOS(command.environment) &&
+                            _this.matchShortcut(command.shortcutKey, event.rawEvent);
+                    })[0]);
+            });
+        };
+        ShortcutPlugin.prototype.matchOS = function (environment) {
+            switch (environment) {
+                case 'mac':
+                    return this.isMac;
+                case 'nonMac':
+                    return !this.isMac;
+                default:
+                    return true;
+            }
+        };
+        ShortcutPlugin.prototype.matchShortcut = function (shortcutKey, event) {
+            var ctrlKey = event.ctrlKey, altKey = event.altKey, shiftKey = event.shiftKey, which = event.which, metaKey = event.metaKey;
+            var ctrlOrMeta = this.isMac ? metaKey : ctrlKey;
+            var matchModifier = (shortcutKey.modifierKey == 'ctrl' && ctrlOrMeta && !altKey) ||
+                (shortcutKey.modifierKey == 'alt' && altKey && !ctrlOrMeta);
+            return matchModifier && shiftKey == shortcutKey.shiftKey && shortcutKey.which == which;
+        };
+        return ShortcutPlugin;
+    }());
+    exports.ShortcutPlugin = ShortcutPlugin;
+});
+//# sourceMappingURL=ShortcutPlugin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutPlugin.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-plugins/lib/shortcut/ShortcutPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { cacheGetEventData } from 'roosterjs-content-model-core';\nimport type { ShortcutCommand, ShortcutKeyDefinition } from './ShortcutCommand';\nimport {\n    ShortcutBold,\n    ShortcutBullet,\n    ShortcutClearFormat,\n    ShortcutDecreaseFont,\n    ShortcutIncreaseFont,\n    ShortcutItalic,\n    ShortcutNumbering,\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];\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-amd/shortcut/shortcuts.d.ts

@@ -0,0 +1,73 @@
+import type { ShortcutCommand } from './ShortcutCommand';
+/**
+ * Shortcut command for Bold
+ * Windows: Ctrl + B
+ * MacOS: Meta + B
+ */
+export declare const ShortcutBold: ShortcutCommand;
+/**
+ * Shortcut command for Italic
+ * Windows: Ctrl + I
+ * MacOS: Meta + I
+ */
+export declare const ShortcutItalic: ShortcutCommand;
+/**
+ * Shortcut command for Underline
+ * Windows: Ctrl + U
+ * MacOS: Meta + U
+ */
+export declare const ShortcutUnderline: ShortcutCommand;
+/**
+ * Shortcut command for Clear Format
+ * Windows: Ctrl + Space
+ * MacOS: Meta + Space
+ */
+export declare const ShortcutClearFormat: ShortcutCommand;
+/**
+ * Shortcut command for Undo 1
+ * Windows: Ctrl + Z
+ * MacOS: Meta + Z
+ */
+export declare const ShortcutUndo: ShortcutCommand;
+/**
+ * Shortcut command for Undo 2
+ * Windows: Alt + Backspace
+ * MacOS: N/A
+ */
+export declare const ShortcutUndo2: ShortcutCommand;
+/**
+ * Shortcut command for Redo 1
+ * Windows: Ctrl + Y
+ * MacOS: N/A
+ */
+export declare const ShortcutRedo: ShortcutCommand;
+/**
+ * Shortcut command for Redo 2
+ * Windows: N/A
+ * MacOS: Meta + Shift + Z
+ */
+export declare const ShortcutRedoMacOS: ShortcutCommand;
+/**
+ * Shortcut command for Bullet List
+ * Windows: Ctrl + . (Period)
+ * MacOS: Meta + . (Period)
+ */
+export declare const ShortcutBullet: ShortcutCommand;
+/**
+ * Shortcut command for Numbering List
+ * Windows: Ctrl + / (Forward slash)
+ * MacOS: Meta + / (Forward slash)
+ */
+export declare const ShortcutNumbering: ShortcutCommand;
+/**
+ * Shortcut command for Increase Font
+ * Windows: Ctrl + Shift + . (Period)
+ * MacOS: Meta + Shift + . (Period)
+ */
+export declare const ShortcutIncreaseFont: ShortcutCommand;
+/**
+ * Shortcut command for Decrease Font
+ * Windows: Ctrl + Shift + , (Comma)
+ * MacOS: Meta + Shift + , (Comma)
+ */
+export declare const ShortcutDecreaseFont: ShortcutCommand;

package/lib-amd/shortcut/shortcuts.js

@@ -0,0 +1,178 @@
+define(["require", "exports", "roosterjs-content-model-core", "roosterjs-content-model-api"], function (require, exports, roosterjs_content_model_core_1, roosterjs_content_model_api_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ShortcutDecreaseFont = exports.ShortcutIncreaseFont = exports.ShortcutNumbering = exports.ShortcutBullet = exports.ShortcutRedoMacOS = exports.ShortcutRedo = exports.ShortcutUndo2 = exports.ShortcutUndo = exports.ShortcutClearFormat = exports.ShortcutUnderline = exports.ShortcutItalic = exports.ShortcutBold = void 0;
+    var Keys;
+    (function (Keys) {
+        Keys[Keys["BACKSPACE"] = 8] = "BACKSPACE";
+        Keys[Keys["SPACE"] = 32] = "SPACE";
+        Keys[Keys["B"] = 66] = "B";
+        Keys[Keys["I"] = 73] = "I";
+        Keys[Keys["U"] = 85] = "U";
+        Keys[Keys["Y"] = 89] = "Y";
+        Keys[Keys["Z"] = 90] = "Z";
+        Keys[Keys["COMMA"] = 188] = "COMMA";
+        Keys[Keys["PERIOD"] = 190] = "PERIOD";
+        Keys[Keys["FORWARD_SLASH"] = 191] = "FORWARD_SLASH";
+    })(Keys || (Keys = {}));
+    /**
+     * Shortcut command for Bold
+     * Windows: Ctrl + B
+     * MacOS: Meta + B
+     */
+    exports.ShortcutBold = {
+        shortcutKey: {
+            modifierKey: 'ctrl',
+            shiftKey: false,
+            which: 66 /* B */,
+        },
+        onClick: function (editor) { return (0, roosterjs_content_model_api_1.toggleBold)(editor); },
+    };
+    /**
+     * Shortcut command for Italic
+     * Windows: Ctrl + I
+     * MacOS: Meta + I
+     */
+    exports.ShortcutItalic = {
+        shortcutKey: {
+            modifierKey: 'ctrl',
+            shiftKey: false,
+            which: 73 /* I */,
+        },
+        onClick: function (editor) { return (0, roosterjs_content_model_api_1.toggleItalic)(editor); },
+    };
+    /**
+     * Shortcut command for Underline
+     * Windows: Ctrl + U
+     * MacOS: Meta + U
+     */
+    exports.ShortcutUnderline = {
+        shortcutKey: {
+            modifierKey: 'ctrl',
+            shiftKey: false,
+            which: 85 /* U */,
+        },
+        onClick: function (editor) { return (0, roosterjs_content_model_api_1.toggleUnderline)(editor); },
+    };
+    /**
+     * Shortcut command for Clear Format
+     * Windows: Ctrl + Space
+     * MacOS: Meta + Space
+     */
+    exports.ShortcutClearFormat = {
+        shortcutKey: {
+            modifierKey: 'ctrl',
+            shiftKey: false,
+            which: 32 /* SPACE */,
+        },
+        onClick: function (editor) { return (0, roosterjs_content_model_api_1.clearFormat)(editor); },
+    };
+    /**
+     * Shortcut command for Undo 1
+     * Windows: Ctrl + Z
+     * MacOS: Meta + Z
+     */
+    exports.ShortcutUndo = {
+        shortcutKey: {
+            modifierKey: 'ctrl',
+            shiftKey: false,
+            which: 90 /* Z */,
+        },
+        onClick: function (editor) { return (0, roosterjs_content_model_core_1.undo)(editor); },
+    };
+    /**
+     * Shortcut command for Undo 2
+     * Windows: Alt + Backspace
+     * MacOS: N/A
+     */
+    exports.ShortcutUndo2 = {
+        shortcutKey: {
+            modifierKey: 'alt',
+            shiftKey: false,
+            which: 8 /* BACKSPACE */,
+        },
+        onClick: function (editor) { return (0, roosterjs_content_model_core_1.undo)(editor); },
+        environment: 'nonMac',
+    };
+    /**
+     * Shortcut command for Redo 1
+     * Windows: Ctrl + Y
+     * MacOS: N/A
+     */
+    exports.ShortcutRedo = {
+        shortcutKey: {
+            modifierKey: 'ctrl',
+            shiftKey: false,
+            which: 89 /* Y */,
+        },
+        onClick: function (editor) { return (0, roosterjs_content_model_core_1.redo)(editor); },
+        environment: 'nonMac',
+    };
+    /**
+     * Shortcut command for Redo 2
+     * Windows: N/A
+     * MacOS: Meta + Shift + Z
+     */
+    exports.ShortcutRedoMacOS = {
+        shortcutKey: {
+            modifierKey: 'ctrl',
+            shiftKey: true,
+            which: 90 /* Z */,
+        },
+        onClick: function (editor) { return (0, roosterjs_content_model_core_1.redo)(editor); },
+        environment: 'mac',
+    };
+    /**
+     * Shortcut command for Bullet List
+     * Windows: Ctrl + . (Period)
+     * MacOS: Meta + . (Period)
+     */
+    exports.ShortcutBullet = {
+        shortcutKey: {
+            modifierKey: 'ctrl',
+            shiftKey: false,
+            which: 190 /* PERIOD */,
+        },
+        onClick: function (editor) { return (0, roosterjs_content_model_api_1.toggleBullet)(editor); },
+    };
+    /**
+     * Shortcut command for Numbering List
+     * Windows: Ctrl + / (Forward slash)
+     * MacOS: Meta + / (Forward slash)
+     */
+    exports.ShortcutNumbering = {
+        shortcutKey: {
+            modifierKey: 'ctrl',
+            shiftKey: false,
+            which: 191 /* FORWARD_SLASH */,
+        },
+        onClick: function (editor) { return (0, roosterjs_content_model_api_1.toggleNumbering)(editor); },
+    };
+    /**
+     * Shortcut command for Increase Font
+     * Windows: Ctrl + Shift + . (Period)
+     * MacOS: Meta + Shift + . (Period)
+     */
+    exports.ShortcutIncreaseFont = {
+        shortcutKey: {
+            modifierKey: 'ctrl',
+            shiftKey: true,
+            which: 190 /* PERIOD */,
+        },
+        onClick: function (editor) { return (0, roosterjs_content_model_api_1.changeFontSize)(editor, 'increase'); },
+    };
+    /**
+     * Shortcut command for Decrease Font
+     * Windows: Ctrl + Shift + , (Comma)
+     * MacOS: Meta + Shift + , (Comma)
+     */
+    exports.ShortcutDecreaseFont = {
+        shortcutKey: {
+            modifierKey: 'ctrl',
+            shiftKey: true,
+            which: 188 /* COMMA */,
+        },
+        onClick: function (editor) { return (0, roosterjs_content_model_api_1.changeFontSize)(editor, 'decrease'); },
+    };
+});
+//# sourceMappingURL=shortcuts.js.map

package/lib-amd/shortcut/shortcuts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shortcuts.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-plugins/lib/shortcut/shortcuts.ts"],"names":[],"mappings":"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","sourcesContent":["import { redo, undo } from 'roosterjs-content-model-core';\nimport {\n    changeFontSize,\n    clearFormat,\n    toggleBold,\n    toggleBullet,\n    toggleItalic,\n    toggleNumbering,\n    toggleUnderline,\n} from 'roosterjs-content-model-api';\nimport type { ShortcutCommand } from './ShortcutCommand';\n\nconst enum Keys {\n    BACKSPACE = 8,\n    SPACE = 32,\n    B = 66,\n    I = 73,\n    U = 85,\n    Y = 89,\n    Z = 90,\n    COMMA = 188,\n    PERIOD = 190,\n    FORWARD_SLASH = 191,\n}\n\n/**\n * Shortcut command for Bold\n * Windows: Ctrl + B\n * MacOS: Meta + B\n */\nexport const ShortcutBold: ShortcutCommand = {\n    shortcutKey: {\n        modifierKey: 'ctrl',\n        shiftKey: false,\n        which: Keys.B,\n    },\n    onClick: editor => toggleBold(editor),\n};\n\n/**\n * Shortcut command for Italic\n * Windows: Ctrl + I\n * MacOS: Meta + I\n */\nexport const ShortcutItalic: ShortcutCommand = {\n    shortcutKey: {\n        modifierKey: 'ctrl',\n        shiftKey: false,\n        which: Keys.I,\n    },\n    onClick: editor => toggleItalic(editor),\n};\n\n/**\n * Shortcut command for Underline\n * Windows: Ctrl + U\n * MacOS: Meta + U\n */\nexport const ShortcutUnderline: ShortcutCommand = {\n    shortcutKey: {\n        modifierKey: 'ctrl',\n        shiftKey: false,\n        which: Keys.U,\n    },\n    onClick: editor => toggleUnderline(editor),\n};\n\n/**\n * Shortcut command for Clear Format\n * Windows: Ctrl + Space\n * MacOS: Meta + Space\n */\nexport const ShortcutClearFormat: ShortcutCommand = {\n    shortcutKey: {\n        modifierKey: 'ctrl',\n        shiftKey: false,\n        which: Keys.SPACE,\n    },\n    onClick: editor => clearFormat(editor),\n};\n\n/**\n * Shortcut command for Undo 1\n * Windows: Ctrl + Z\n * MacOS: Meta + Z\n */\nexport const ShortcutUndo: ShortcutCommand = {\n    shortcutKey: {\n        modifierKey: 'ctrl',\n        shiftKey: false,\n        which: Keys.Z,\n    },\n    onClick: editor => undo(editor),\n};\n\n/**\n * Shortcut command for Undo 2\n * Windows: Alt + Backspace\n * MacOS: N/A\n */\nexport const ShortcutUndo2: ShortcutCommand = {\n    shortcutKey: {\n        modifierKey: 'alt',\n        shiftKey: false,\n        which: Keys.BACKSPACE,\n    },\n    onClick: editor => undo(editor),\n    environment: 'nonMac',\n};\n\n/**\n * Shortcut command for Redo 1\n * Windows: Ctrl + Y\n * MacOS: N/A\n */\nexport const ShortcutRedo: ShortcutCommand = {\n    shortcutKey: {\n        modifierKey: 'ctrl',\n        shiftKey: false,\n        which: Keys.Y,\n    },\n    onClick: editor => redo(editor),\n    environment: 'nonMac',\n};\n\n/**\n * Shortcut command for Redo 2\n * Windows: N/A\n * MacOS: Meta + Shift + Z\n */\nexport const ShortcutRedoMacOS: ShortcutCommand = {\n    shortcutKey: {\n        modifierKey: 'ctrl',\n        shiftKey: true,\n        which: Keys.Z,\n    },\n    onClick: editor => redo(editor),\n    environment: 'mac',\n};\n\n/**\n * Shortcut command for Bullet List\n * Windows: Ctrl + . (Period)\n * MacOS: Meta + . (Period)\n */\nexport const ShortcutBullet: ShortcutCommand = {\n    shortcutKey: {\n        modifierKey: 'ctrl',\n        shiftKey: false,\n        which: Keys.PERIOD,\n    },\n    onClick: editor => toggleBullet(editor),\n};\n\n/**\n * Shortcut command for Numbering List\n * Windows: Ctrl + / (Forward slash)\n * MacOS: Meta + / (Forward slash)\n */\nexport const ShortcutNumbering: ShortcutCommand = {\n    shortcutKey: {\n        modifierKey: 'ctrl',\n        shiftKey: false,\n        which: Keys.FORWARD_SLASH,\n    },\n    onClick: editor => toggleNumbering(editor),\n};\n\n/**\n * Shortcut command for Increase Font\n * Windows: Ctrl + Shift + . (Period)\n * MacOS: Meta + Shift + . (Period)\n */\nexport const ShortcutIncreaseFont: ShortcutCommand = {\n    shortcutKey: {\n        modifierKey: 'ctrl',\n        shiftKey: true,\n        which: Keys.PERIOD,\n    },\n    onClick: editor => changeFontSize(editor, 'increase'),\n};\n\n/**\n * Shortcut command for Decrease Font\n * Windows: Ctrl + Shift + , (Comma)\n * MacOS: Meta + Shift + , (Comma)\n */\nexport const ShortcutDecreaseFont: ShortcutCommand = {\n    shortcutKey: {\n        modifierKey: 'ctrl',\n        shiftKey: true,\n        which: Keys.COMMA,\n    },\n    onClick: editor => changeFontSize(editor, 'decrease'),\n};\n"]}