roosterjs 9.3.1 → 9.4.1

package/dist/rooster-react-amd.js

@@ -1,4 +1,4 @@
-define(["React","ReactDOM","roosterjsLegacy","FluentUIReact"], (__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_react_dom__, __WEBPACK_EXTERNAL_MODULE_roosterjs_editor_api__, __WEBPACK_EXTERNAL_MODULE__fluentui_react_lib_Theme__) => { return /******/ (() => { // webpackBootstrap
+define(["React","ReactDOM","roosterjsLegacy","FluentUIReact"], (__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_react_dom__, __WEBPACK_EXTERNAL_MODULE_roosterjs_editor_dom__, __WEBPACK_EXTERNAL_MODULE__fluentui_react_lib_Theme__) => { return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
@@ -310,7 +310,7 @@ Object.defineProperty(exports, "getLocalizedString", ({ enumerable: true, get: f
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 var React = __webpack_require__(/*! react */ "react");
 var ReactDOM = __webpack_require__(/*! react-dom */ "react-dom");
-var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-api");
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-dom");
 var Theme_1 = __webpack_require__(/*! @fluentui/react/lib/Theme */ "@fluentui/react/lib/Theme");
 var WindowProvider_1 = __webpack_require__(/*! @fluentui/react/lib/WindowProvider */ "@fluentui/react/lib/Theme");
 /**
@@ -433,9 +433,9 @@ Object.defineProperty(exports, "createTableEditMenuProvider", ({ enumerable: tru
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 var createContextMenuProvider_1 = __webpack_require__(/*! ../utils/createContextMenuProvider */ "./packages/roosterjs-react/lib/contextMenu/utils/createContextMenuProvider.ts");
 var showInputDialog_1 = __webpack_require__(/*! ../../inputDialog/utils/showInputDialog */ "./packages/roosterjs-react/lib/inputDialog/utils/showInputDialog.tsx");
-var roosterjs_editor_plugins_1 = __webpack_require__(/*! roosterjs-editor-plugins */ "roosterjs-editor-api");
-var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-api");
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_plugins_1 = __webpack_require__(/*! roosterjs-editor-plugins */ "roosterjs-editor-dom");
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-dom");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 var ImageAltTextMenuItem = {
     key: 'menuNameImageAltText',
     unlocalizedText: 'Add alternate text',
@@ -629,8 +629,8 @@ exports["default"] = createImageEditMenuProvider;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 var createContextMenuProvider_1 = __webpack_require__(/*! ../utils/createContextMenuProvider */ "./packages/roosterjs-react/lib/contextMenu/utils/createContextMenuProvider.ts");
 var showInputDialog_1 = __webpack_require__(/*! ../../inputDialog/utils/showInputDialog */ "./packages/roosterjs-react/lib/inputDialog/utils/showInputDialog.tsx");
-var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-api");
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-dom");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 var ListNumberResetMenuItem = {
     key: 'menuNameListNumberReset',
     unlocalizedText: 'Restart at 1',
@@ -700,7 +700,7 @@ exports["default"] = createListEditMenuProvider;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var createContextMenuProvider_1 = __webpack_require__(/*! ../utils/createContextMenuProvider */ "./packages/roosterjs-react/lib/contextMenu/utils/createContextMenuProvider.ts");
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 var renderColorPicker_1 = __webpack_require__(/*! ../../colorPicker/component/renderColorPicker */ "./packages/roosterjs-react/lib/colorPicker/component/renderColorPicker.tsx");
 var getClassNamesForColorPicker_1 = __webpack_require__(/*! ../../colorPicker/utils/getClassNamesForColorPicker */ "./packages/roosterjs-react/lib/colorPicker/utils/getClassNamesForColorPicker.ts");
 var backgroundColors_1 = __webpack_require__(/*! ../../colorPicker/utils/backgroundColors */ "./packages/roosterjs-react/lib/colorPicker/utils/backgroundColors.ts");
@@ -854,7 +854,7 @@ exports["default"] = createTableEditMenuProvider;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var React = __webpack_require__(/*! react */ "react");
-var roosterjs_editor_plugins_1 = __webpack_require__(/*! roosterjs-editor-plugins */ "roosterjs-editor-api");
+var roosterjs_editor_plugins_1 = __webpack_require__(/*! roosterjs-editor-plugins */ "roosterjs-editor-dom");
 var ContextualMenu_1 = __webpack_require__(/*! @fluentui/react/lib/ContextualMenu */ "@fluentui/react/lib/Theme");
 var renderReactComponent_1 = __webpack_require__(/*! ../../common/utils/renderReactComponent */ "./packages/roosterjs-react/lib/common/utils/renderReactComponent.ts");
 function normalizeItems(items) {
@@ -912,7 +912,7 @@ exports["default"] = createContextMenuPlugin;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var getLocalizedString_1 = __webpack_require__(/*! ../../common/utils/getLocalizedString */ "./packages/roosterjs-react/lib/common/utils/getLocalizedString.ts");
-var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-api");
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-dom");
 /**
  * A plugin of editor to provide context menu items
  */
@@ -1073,7 +1073,7 @@ var React = __webpack_require__(/*! react */ "react");
 var Utilities_1 = __webpack_require__(/*! @fluentui/react/lib/Utilities */ "@fluentui/react/lib/Theme");
 var emojiList_1 = __webpack_require__(/*! ../utils/emojiList */ "./packages/roosterjs-react/lib/emoji/utils/emojiList.ts");
 var FocusZone_1 = __webpack_require__(/*! @fluentui/react/lib/FocusZone */ "@fluentui/react/lib/Theme");
-var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-api");
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-dom");
 var Icon_1 = __webpack_require__(/*! @fluentui/react/lib/Icon */ "@fluentui/react/lib/Theme");
 var Tooltip_1 = __webpack_require__(/*! @fluentui/react/lib/Tooltip */ "@fluentui/react/lib/Theme");
 /**
@@ -1701,10 +1701,10 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var React = __webpack_require__(/*! react */ "react");
 var showEmojiCallout_1 = __webpack_require__(/*! ../components/showEmojiCallout */ "./packages/roosterjs-react/lib/emoji/components/showEmojiCallout.tsx");
-var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-api");
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-dom");
 var Utilities_1 = __webpack_require__(/*! @fluentui/react/lib/Utilities */ "@fluentui/react/lib/Theme");
 var emojiList_1 = __webpack_require__(/*! ../utils/emojiList */ "./packages/roosterjs-react/lib/emoji/utils/emojiList.ts");
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 var EmojiStrings_1 = __webpack_require__(/*! ../type/EmojiStrings */ "./packages/roosterjs-react/lib/emoji/type/EmojiStrings.ts");
 var KEYCODE_COLON = 186;
 var KEYCODE_COLON_FIREFOX = 59;
@@ -3172,7 +3172,7 @@ var _a, _b;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.forEachEmoji = exports.forEachEmojiFamily = exports.EmojiFabricIconCharacterMap = exports.EmojiList = exports.EmojiFamilyKeys = exports.CommonEmojis = exports.MoreEmoji = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
-var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-api");
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-dom");
 var Common1 = createEmoji('1f60a', ':) :-)');
 var common2 = createEmoji('1f609', ';) ;-)');
 var common3 = createEmoji('02764', '<3');
@@ -4069,7 +4069,7 @@ var InputDialogItem_1 = __webpack_require__(/*! ./InputDialogItem */ "./packages
 var Button_1 = __webpack_require__(/*! @fluentui/react/lib/Button */ "@fluentui/react/lib/Theme");
 var Dialog_1 = __webpack_require__(/*! @fluentui/react/lib/Dialog */ "@fluentui/react/lib/Theme");
 var index_1 = __webpack_require__(/*! ../../common/index */ "./packages/roosterjs-react/lib/common/index.ts");
-var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-api");
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-dom");
 /**
  * @internal
  */
@@ -4218,7 +4218,7 @@ var React = __webpack_require__(/*! react */ "react");
 var buttons_1 = __webpack_require__(/*! ../utils/buttons */ "./packages/roosterjs-react/lib/pasteOptions/utils/buttons.ts");
 var Callout_1 = __webpack_require__(/*! @fluentui/react/lib/Callout */ "@fluentui/react/lib/Theme");
 var index_1 = __webpack_require__(/*! ../../common/index */ "./packages/roosterjs-react/lib/common/index.ts");
-var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-api");
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-dom");
 var Icon_1 = __webpack_require__(/*! @fluentui/react/lib/Icon */ "@fluentui/react/lib/Theme");
 var Button_1 = __webpack_require__(/*! @fluentui/react/lib/Button */ "@fluentui/react/lib/Theme");
 var Utilities_1 = __webpack_require__(/*! @fluentui/react/lib/Utilities */ "@fluentui/react/lib/Theme");
@@ -4566,7 +4566,7 @@ var React = __webpack_require__(/*! react */ "react");
 var getLocalizedString_1 = __webpack_require__(/*! ../../common/utils/getLocalizedString */ "./packages/roosterjs-react/lib/common/utils/getLocalizedString.ts");
 var CommandBar_1 = __webpack_require__(/*! @fluentui/react/lib/CommandBar */ "@fluentui/react/lib/Theme");
 var FocusZone_1 = __webpack_require__(/*! @fluentui/react/lib/FocusZone */ "@fluentui/react/lib/Theme");
-var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-api");
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-dom");
 var Styling_1 = __webpack_require__(/*! @fluentui/react/lib/Styling */ "@fluentui/react/lib/Theme");
 var moreCommands_1 = __webpack_require__(/*! ./buttons/moreCommands */ "./packages/roosterjs-react/lib/ribbon/component/buttons/moreCommands.ts");
 var ribbonClassName = (0, Styling_1.mergeStyles)({
@@ -4658,7 +4658,7 @@ exports["default"] = Ribbon;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.alignCenter = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Align center" button on the format ribbon
@@ -4684,7 +4684,7 @@ exports.alignCenter = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.alignLeft = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Align left" button on the format ribbon
@@ -4710,7 +4710,7 @@ exports.alignLeft = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.alignRight = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Align right" button on the format ribbon
@@ -4737,7 +4737,7 @@ exports.alignRight = {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.backgroundColor = void 0;
 var renderColorPicker_1 = __webpack_require__(/*! ../../../colorPicker/component/renderColorPicker */ "./packages/roosterjs-react/lib/colorPicker/component/renderColorPicker.tsx");
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 var getClassNamesForColorPicker_1 = __webpack_require__(/*! ../../../colorPicker/utils/getClassNamesForColorPicker */ "./packages/roosterjs-react/lib/colorPicker/utils/getClassNamesForColorPicker.ts");
 var backgroundColors_1 = __webpack_require__(/*! ../../../colorPicker/utils/backgroundColors */ "./packages/roosterjs-react/lib/colorPicker/utils/backgroundColors.ts");
 var Key = 'buttonNameBackgroundColor';
@@ -4778,7 +4778,7 @@ exports.backgroundColor = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.bold = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Bold" button on the format ribbon
@@ -4806,7 +4806,7 @@ exports.bold = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.bulletedList = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Bulleted list" button on the format ribbon
@@ -4834,7 +4834,7 @@ exports.bulletedList = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.clearFormat = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Clear format" button on the format ribbon
@@ -4860,7 +4860,7 @@ exports.clearFormat = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.code = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Code" button on the format ribbon
@@ -4887,7 +4887,7 @@ exports.code = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.decreaseFontSize = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Decrease font size" button on the format ribbon
@@ -4913,7 +4913,7 @@ exports.decreaseFontSize = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.decreaseIndent = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Decrease indent" button on the format ribbon
@@ -4940,7 +4940,7 @@ exports.decreaseIndent = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.font = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 var FontNames = [
     { name: 'Arial', family: 'Arial,Helvetica,sans-serif' },
     { name: 'Arial Black', family: "'Arial Black',Arial,sans-serif" },
@@ -5111,7 +5111,7 @@ exports.font = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.fontSize = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Font Size" button on the format ribbon
@@ -5145,8 +5145,8 @@ exports.fontSize = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.heading = void 0;
-var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-api");
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-dom");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 var headings = {
     buttonNameHeading1: 'Heading 1',
     buttonNameHeading2: 'Heading 2',
@@ -5197,7 +5197,7 @@ exports.heading = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.increaseFontSize = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Increase font size" button on the format ribbon
@@ -5223,7 +5223,7 @@ exports.increaseFontSize = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.increaseIndent = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Increase indent" button on the format ribbon
@@ -5250,8 +5250,8 @@ exports.increaseIndent = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.insertImage = void 0;
-var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-api");
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-dom");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 var FileInput = {
     tag: 'input',
     attributes: {
@@ -5301,7 +5301,7 @@ exports.insertImage = {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.insertLink = void 0;
 var showInputDialog_1 = __webpack_require__(/*! ../../../inputDialog/utils/showInputDialog */ "./packages/roosterjs-react/lib/inputDialog/utils/showInputDialog.tsx");
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Insert link" button on the format ribbon
@@ -5365,9 +5365,9 @@ exports.insertTable = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var React = __webpack_require__(/*! react */ "react");
 var FocusZone_1 = __webpack_require__(/*! @fluentui/react/lib/FocusZone */ "@fluentui/react/lib/Theme");
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 var Styling_1 = __webpack_require__(/*! @fluentui/react/lib/Styling */ "@fluentui/react/lib/Theme");
-var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-api");
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-dom");
 var MaxRows = 10;
 var MaxCols = 10;
 var classNames = (0, Styling_1.mergeStyleSets)({
@@ -5496,7 +5496,7 @@ function parseKey(key) {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.italic = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Italic" button on the format ribbon
@@ -5524,7 +5524,7 @@ exports.italic = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.ltr = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Left to right" button on the format ribbon
@@ -5575,7 +5575,7 @@ exports.moreCommands = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.numberedList = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Numbered list" button on the format ribbon
@@ -5603,7 +5603,7 @@ exports.numberedList = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.quote = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Quote" button on the format ribbon
@@ -5658,7 +5658,7 @@ exports.redo = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.removeLink = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Remove link" button on the format ribbon
@@ -5685,7 +5685,7 @@ exports.removeLink = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.rtl = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Right to left" button on the format ribbon
@@ -5711,7 +5711,7 @@ exports.rtl = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.strikethrough = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Strikethrough" button on the format ribbon
@@ -5739,7 +5739,7 @@ exports.strikethrough = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.subscript = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Subscript" button on the format ribbon
@@ -5767,7 +5767,7 @@ exports.subscript = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.superscript = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Superscript" button on the format ribbon
@@ -5796,7 +5796,7 @@ exports.superscript = {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.textColor = void 0;
 var renderColorPicker_1 = __webpack_require__(/*! ../../../colorPicker/component/renderColorPicker */ "./packages/roosterjs-react/lib/colorPicker/component/renderColorPicker.tsx");
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 var textColors_1 = __webpack_require__(/*! ../../../colorPicker/utils/textColors */ "./packages/roosterjs-react/lib/colorPicker/utils/textColors.ts");
 var getClassNamesForColorPicker_1 = __webpack_require__(/*! ../../../colorPicker/utils/getClassNamesForColorPicker */ "./packages/roosterjs-react/lib/colorPicker/utils/getClassNamesForColorPicker.ts");
 var Key = 'buttonNameTextColor';
@@ -5837,7 +5837,7 @@ exports.textColor = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.underline = void 0;
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 /**
  * @internal
  * "Underline" button on the format ribbon
@@ -6041,9 +6041,9 @@ Object.defineProperty(exports, "createRibbonPlugin", ({ enumerable: true, get: f
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-api");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "roosterjs-editor-dom");
 var insertLink_1 = __webpack_require__(/*! ../component/buttons/insertLink */ "./packages/roosterjs-react/lib/ribbon/component/buttons/insertLink.ts");
-var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-api");
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-dom");
 /**
  * A plugin to connect format ribbon component and the editor
  */
@@ -6377,7 +6377,7 @@ var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.m
 var React = __webpack_require__(/*! react */ "react");
 var index_1 = __webpack_require__(/*! ../../common/index */ "./packages/roosterjs-react/lib/common/index.ts");
 var Utilities_1 = __webpack_require__(/*! @fluentui/react/lib/Utilities */ "@fluentui/react/lib/Theme");
-var roosterjs_editor_core_1 = __webpack_require__(/*! roosterjs-editor-core */ "roosterjs-editor-api");
+var roosterjs_editor_core_1 = __webpack_require__(/*! roosterjs-editor-core */ "roosterjs-editor-dom");
 var Theme_1 = __webpack_require__(/*! @fluentui/react/lib/Theme */ "@fluentui/react/lib/Theme");
 /**
  * Main component of react wrapper for roosterjs
@@ -6631,13 +6631,13 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_react_dom__;
 
 /***/ }),
 
-/***/ "roosterjs-editor-api":
+/***/ "roosterjs-editor-dom":
 /*!**********************************!*\
   !*** external "roosterjsLegacy" ***!
   \**********************************/
 /***/ ((module) => {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE_roosterjs_editor_api__;
+module.exports = __WEBPACK_EXTERNAL_MODULE_roosterjs_editor_dom__;
 
 /***/ }),