roosterjs 9.45.2 → 9.47.0

package/dist/rooster-adapter.js

@@ -3,11 +3,375 @@ var roosterjsAdapter;
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ "./packages/roosterjs-editor-adapter/lib/corePlugins/BridgePlugin.ts":
+/***/ "./node_modules/tslib/tslib.es6.mjs"
+/*!******************************************!*\
+  !*** ./node_modules/tslib/tslib.es6.mjs ***!
+  \******************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   __assign: () => (/* binding */ __assign),
+/* harmony export */   __asyncDelegator: () => (/* binding */ __asyncDelegator),
+/* harmony export */   __asyncGenerator: () => (/* binding */ __asyncGenerator),
+/* harmony export */   __asyncValues: () => (/* binding */ __asyncValues),
+/* harmony export */   __await: () => (/* binding */ __await),
+/* harmony export */   __awaiter: () => (/* binding */ __awaiter),
+/* harmony export */   __classPrivateFieldGet: () => (/* binding */ __classPrivateFieldGet),
+/* harmony export */   __classPrivateFieldIn: () => (/* binding */ __classPrivateFieldIn),
+/* harmony export */   __classPrivateFieldSet: () => (/* binding */ __classPrivateFieldSet),
+/* harmony export */   __createBinding: () => (/* binding */ __createBinding),
+/* harmony export */   __decorate: () => (/* binding */ __decorate),
+/* harmony export */   __esDecorate: () => (/* binding */ __esDecorate),
+/* harmony export */   __exportStar: () => (/* binding */ __exportStar),
+/* harmony export */   __extends: () => (/* binding */ __extends),
+/* harmony export */   __generator: () => (/* binding */ __generator),
+/* harmony export */   __importDefault: () => (/* binding */ __importDefault),
+/* harmony export */   __importStar: () => (/* binding */ __importStar),
+/* harmony export */   __makeTemplateObject: () => (/* binding */ __makeTemplateObject),
+/* harmony export */   __metadata: () => (/* binding */ __metadata),
+/* harmony export */   __param: () => (/* binding */ __param),
+/* harmony export */   __propKey: () => (/* binding */ __propKey),
+/* harmony export */   __read: () => (/* binding */ __read),
+/* harmony export */   __rest: () => (/* binding */ __rest),
+/* harmony export */   __runInitializers: () => (/* binding */ __runInitializers),
+/* harmony export */   __setFunctionName: () => (/* binding */ __setFunctionName),
+/* harmony export */   __spread: () => (/* binding */ __spread),
+/* harmony export */   __spreadArray: () => (/* binding */ __spreadArray),
+/* harmony export */   __spreadArrays: () => (/* binding */ __spreadArrays),
+/* harmony export */   __values: () => (/* binding */ __values),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise */
+
+var extendStatics = function(d, b) {
+  extendStatics = Object.setPrototypeOf ||
+      ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+      function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+  return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+  if (typeof b !== "function" && b !== null)
+      throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+  extendStatics(d, b);
+  function __() { this.constructor = d; }
+  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+var __assign = function() {
+  __assign = Object.assign || function __assign(t) {
+      for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+      return t;
+  }
+  return __assign.apply(this, arguments);
+}
+
+function __rest(s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+      for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+          if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+              t[p[i]] = s[p[i]];
+      }
+  return t;
+}
+
+function __decorate(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+function __param(paramIndex, decorator) {
+  return function (target, key) { decorator(target, key, paramIndex); }
+}
+
+function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+  function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+  var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+  var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+  var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+  var _, done = false;
+  for (var i = decorators.length - 1; i >= 0; i--) {
+      var context = {};
+      for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+      for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+      context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+      var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+      if (kind === "accessor") {
+          if (result === void 0) continue;
+          if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+          if (_ = accept(result.get)) descriptor.get = _;
+          if (_ = accept(result.set)) descriptor.set = _;
+          if (_ = accept(result.init)) initializers.unshift(_);
+      }
+      else if (_ = accept(result)) {
+          if (kind === "field") initializers.unshift(_);
+          else descriptor[key] = _;
+      }
+  }
+  if (target) Object.defineProperty(target, contextIn.name, descriptor);
+  done = true;
+};
+
+function __runInitializers(thisArg, initializers, value) {
+  var useValue = arguments.length > 2;
+  for (var i = 0; i < initializers.length; i++) {
+      value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+  }
+  return useValue ? value : void 0;
+};
+
+function __propKey(x) {
+  return typeof x === "symbol" ? x : "".concat(x);
+};
+
+function __setFunctionName(f, name, prefix) {
+  if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
+  return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+};
+
+function __metadata(metadataKey, metadataValue) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+  return new (P || (P = Promise))(function (resolve, reject) {
+      function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+      function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+      function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+      step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+}
+
+function __generator(thisArg, body) {
+  var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+  return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+  function verb(n) { return function (v) { return step([n, v]); }; }
+  function step(op) {
+      if (f) throw new TypeError("Generator is already executing.");
+      while (g && (g = 0, op[0] && (_ = 0)), _) try {
+          if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+          if (y = 0, t) op = [op[0] & 2, t.value];
+          switch (op[0]) {
+              case 0: case 1: t = op; break;
+              case 4: _.label++; return { value: op[1], done: false };
+              case 5: _.label++; y = op[1]; op = [0]; continue;
+              case 7: op = _.ops.pop(); _.trys.pop(); continue;
+              default:
+                  if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                  if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                  if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                  if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                  if (t[2]) _.ops.pop();
+                  _.trys.pop(); continue;
+          }
+          op = body.call(thisArg, _);
+      } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+      if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+  }
+}
+
+var __createBinding = Object.create ? (function(o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+  }
+  Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+
+function __exportStar(m, o) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);
+}
+
+function __values(o) {
+  var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+  if (m) return m.call(o);
+  if (o && typeof o.length === "number") return {
+      next: function () {
+          if (o && i >= o.length) o = void 0;
+          return { value: o && o[i++], done: !o };
+      }
+  };
+  throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
+
+function __read(o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o), r, ar = [], e;
+  try {
+      while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+  }
+  catch (error) { e = { error: error }; }
+  finally {
+      try {
+          if (r && !r.done && (m = i["return"])) m.call(i);
+      }
+      finally { if (e) throw e.error; }
+  }
+  return ar;
+}
+
+/** @deprecated */
+function __spread() {
+  for (var ar = [], i = 0; i < arguments.length; i++)
+      ar = ar.concat(__read(arguments[i]));
+  return ar;
+}
+
+/** @deprecated */
+function __spreadArrays() {
+  for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+  for (var r = Array(s), k = 0, i = 0; i < il; i++)
+      for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+          r[k] = a[j];
+  return r;
+}
+
+function __spreadArray(to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+      if (ar || !(i in from)) {
+          if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+          ar[i] = from[i];
+      }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+function __await(v) {
+  return this instanceof __await ? (this.v = v, this) : new __await(v);
+}
+
+function __asyncGenerator(thisArg, _arguments, generator) {
+  if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+  var g = generator.apply(thisArg, _arguments || []), i, q = [];
+  return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+  function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+  function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
+  function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+  function fulfill(value) { resume("next", value); }
+  function reject(value) { resume("throw", value); }
+  function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
+}
+
+function __asyncDelegator(o) {
+  var i, p;
+  return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+  function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
+}
+
+function __asyncValues(o) {
+  if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+  var m = o[Symbol.asyncIterator], i;
+  return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+  function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+  function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
+}
+
+function __makeTemplateObject(cooked, raw) {
+  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+  return cooked;
+};
+
+var __setModuleDefault = Object.create ? (function(o, v) {
+  Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+  o["default"] = v;
+};
+
+function __importStar(mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  __setModuleDefault(result, mod);
+  return result;
+}
+
+function __importDefault(mod) {
+  return (mod && mod.__esModule) ? mod : { default: mod };
+}
+
+function __classPrivateFieldGet(receiver, state, kind, f) {
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+}
+
+function __classPrivateFieldSet(receiver, state, value, kind, f) {
+  if (kind === "m") throw new TypeError("Private method is not writable");
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+}
+
+function __classPrivateFieldIn(state, receiver) {
+  if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function")) throw new TypeError("Cannot use 'in' operator on non-object");
+  return typeof state === "function" ? receiver === state : state.has(receiver);
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  __extends,
+  __assign,
+  __rest,
+  __decorate,
+  __param,
+  __metadata,
+  __awaiter,
+  __generator,
+  __createBinding,
+  __exportStar,
+  __values,
+  __read,
+  __spread,
+  __spreadArrays,
+  __spreadArray,
+  __await,
+  __asyncGenerator,
+  __asyncDelegator,
+  __asyncValues,
+  __makeTemplateObject,
+  __importStar,
+  __importDefault,
+  __classPrivateFieldGet,
+  __classPrivateFieldSet,
+  __classPrivateFieldIn,
+});
+
+
+/***/ },
+
+/***/ "./packages/roosterjs-editor-adapter/lib/corePlugins/BridgePlugin.ts"
 /*!***************************************************************************!*\
   !*** ./packages/roosterjs-editor-adapter/lib/corePlugins/BridgePlugin.ts ***!
   \***************************************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+(__unused_webpack_module, exports, __webpack_require__) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
@@ -185,13 +549,13 @@ function isMixedPlugin(plugin) {
 }
 
 
-/***/ }),
+/***/ },
 
-/***/ "./packages/roosterjs-editor-adapter/lib/corePlugins/EditPlugin.ts":
+/***/ "./packages/roosterjs-editor-adapter/lib/corePlugins/EditPlugin.ts"
 /*!*************************************************************************!*\
   !*** ./packages/roosterjs-editor-adapter/lib/corePlugins/EditPlugin.ts ***!
   \*************************************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+(__unused_webpack_module, exports, __webpack_require__) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
@@ -283,13 +647,13 @@ function createEditPlugin() {
 exports.createEditPlugin = createEditPlugin;
 
 
-/***/ }),
+/***/ },
 
-/***/ "./packages/roosterjs-editor-adapter/lib/editor/DarkColorHandlerImpl.ts":
+/***/ "./packages/roosterjs-editor-adapter/lib/editor/DarkColorHandlerImpl.ts"
 /*!******************************************************************************!*\
   !*** ./packages/roosterjs-editor-adapter/lib/editor/DarkColorHandlerImpl.ts ***!
   \******************************************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+(__unused_webpack_module, exports, __webpack_require__) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
@@ -426,13 +790,13 @@ function createDarkColorHandler(innerHandler) {
 exports.createDarkColorHandler = createDarkColorHandler;
 
 
-/***/ }),
+/***/ },
 
-/***/ "./packages/roosterjs-editor-adapter/lib/editor/EditorAdapter.ts":
+/***/ "./packages/roosterjs-editor-adapter/lib/editor/EditorAdapter.ts"
 /*!***********************************************************************!*\
   !*** ./packages/roosterjs-editor-adapter/lib/editor/EditorAdapter.ts ***!
   \***********************************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+(__unused_webpack_module, exports, __webpack_require__) {
 
 
 var _a;
@@ -1212,7 +1576,9 @@ var EditorAdapter = /** @class */ (function (_super) {
         if (direction === void 0) { direction = 0 /* LightToDark */; }
         var core = this.getCore();
         if (core.lifecycle.isDarkMode) {
-            (0, roosterjs_content_model_dom_1.transformColor)(node, true /*includeSelf*/, direction == 1 /* DarkToLight */ ? 'darkToLight' : 'lightToDark', core.darkColorHandler);
+            (0, roosterjs_content_model_dom_1.transformColor)(node, true /*includeSelf*/, direction == 1 /* DarkToLight */ ? 'darkToLight' : 'lightToDark', core.darkColorHandler, {
+                tableBorders: this.isExperimentalFeatureEnabled('TransformTableBorderColors'),
+            }, core.format.defaultFormat.textColor);
         }
     };
     /**
@@ -1288,13 +1654,13 @@ var EditorAdapter = /** @class */ (function (_super) {
 exports.EditorAdapter = EditorAdapter;
 
 
-/***/ }),
+/***/ },
 
-/***/ "./packages/roosterjs-editor-adapter/lib/editor/IgnoredPluginNames.ts":
+/***/ "./packages/roosterjs-editor-adapter/lib/editor/IgnoredPluginNames.ts"
 /*!****************************************************************************!*\
   !*** ./packages/roosterjs-editor-adapter/lib/editor/IgnoredPluginNames.ts ***!
   \****************************************************************************/
-/***/ ((__unused_webpack_module, exports) => {
+(__unused_webpack_module, exports) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
@@ -1308,13 +1674,13 @@ exports.IgnoredPluginNames = [
 ];
 
 
-/***/ }),
+/***/ },
 
-/***/ "./packages/roosterjs-editor-adapter/lib/editor/utils/buildRangeEx.ts":
+/***/ "./packages/roosterjs-editor-adapter/lib/editor/utils/buildRangeEx.ts"
 /*!****************************************************************************!*\
   !*** ./packages/roosterjs-editor-adapter/lib/editor/utils/buildRangeEx.ts ***!
   \****************************************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+(__unused_webpack_module, exports, __webpack_require__) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
@@ -1398,13 +1764,13 @@ function isNodePosition(obj) {
 }
 
 
-/***/ }),
+/***/ },
 
-/***/ "./packages/roosterjs-editor-adapter/lib/editor/utils/createTableRanges.ts":
+/***/ "./packages/roosterjs-editor-adapter/lib/editor/utils/createTableRanges.ts"
 /*!*********************************************************************************!*\
   !*** ./packages/roosterjs-editor-adapter/lib/editor/utils/createTableRanges.ts ***!
   \*********************************************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+(__unused_webpack_module, exports, __webpack_require__) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
@@ -1436,13 +1802,13 @@ function createTableRanges(selection) {
 exports.createTableRanges = createTableRanges;
 
 
-/***/ }),
+/***/ },
 
-/***/ "./packages/roosterjs-editor-adapter/lib/editor/utils/eventConverter.ts":
+/***/ "./packages/roosterjs-editor-adapter/lib/editor/utils/eventConverter.ts"
 /*!******************************************************************************!*\
   !*** ./packages/roosterjs-editor-adapter/lib/editor/utils/eventConverter.ts ***!
   \******************************************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+(__unused_webpack_module, exports, __webpack_require__) {
 
 
 var _a, _b, _c, _d;
@@ -1746,825 +2112,461 @@ function newEventToOldEvent(input, refEvent) {
                 eventDataCache: input.eventDataCache,
                 rawEvent: input.rawEvent,
             };
-        case 'beforePaste':
-            var refBeforePasteEvent = (refEvent === null || refEvent === void 0 ? void 0 : refEvent.eventType) == 10 /* BeforePaste */ ? refEvent : undefined;
-            var oldBeforePasteEvent = {
-                eventType: 10 /* BeforePaste */,
-                clipboardData: input.clipboardData,
-                eventDataCache: input.eventDataCache,
-                fragment: input.fragment,
-                htmlAfter: input.htmlAfter,
-                htmlAttributes: input.htmlAttributes,
-                htmlBefore: input.htmlBefore,
-                pasteType: PasteTypeNewToOld[input.pasteType],
-                sanitizingOption: (_a = refBeforePasteEvent === null || refBeforePasteEvent === void 0 ? void 0 : refBeforePasteEvent.sanitizingOption) !== null && _a !== void 0 ? _a : (0, roosterjs_editor_dom_1.createDefaultHtmlSanitizerOptions)(),
-                domToModelOption: input.domToModelOption,
-                customizedMerge: input.customizedMerge,
-            };
-            return oldBeforePasteEvent;
-        case 'beforeSetContent':
-            return {
-                eventType: 20 /* BeforeSetContent */,
-                eventDataCache: input.eventDataCache,
-                newContent: input.newContent,
-            };
-        case 'compositionEnd':
-            return {
-                eventType: 4 /* CompositionEnd */,
-                eventDataCache: input.eventDataCache,
-                rawEvent: input.rawEvent,
-            };
-        case 'contentChanged':
-            var entityStates_1 = input.entityStates;
-            return {
-                eventType: 7 /* ContentChanged */,
-                eventDataCache: input.eventDataCache,
-                data: input.data,
-                source: input.source,
-                additionalData: {
-                    formatApiName: input.formatApiName,
-                    getAnnounceData: input.announceData
-                        ? function () { return announceDataNewToOld(input.announceData); }
-                        : undefined,
-                    getEntityState: entityStates_1 ? function () { return entityStates_1; } : undefined,
-                },
-            };
-        case 'contextMenu':
-            return {
-                eventType: 16 /* ContextMenu */,
-                eventDataCache: input.eventDataCache,
-                rawEvent: input.rawEvent,
-                items: input.items,
-            };
-        case 'editImage':
-            return {
-                eventType: 19 /* EditImage */,
-                eventDataCache: input.eventDataCache,
-                image: input.image,
-                newSrc: input.newSrc,
-                originalSrc: input.originalSrc,
-                previousSrc: input.previousSrc,
-            };
-        case 'editorReady':
-            return {
-                eventType: 11 /* EditorReady */,
-                eventDataCache: input.eventDataCache,
-            };
-        case 'enteredShadowEdit':
-            var refEnteredShadowEditEvent = (refEvent === null || refEvent === void 0 ? void 0 : refEvent.eventType) == 17 /* EnteredShadowEdit */ ? refEvent : undefined;
-            return {
-                eventType: 17 /* EnteredShadowEdit */,
-                eventDataCache: input.eventDataCache,
-                fragment: (_b = refEnteredShadowEditEvent === null || refEnteredShadowEditEvent === void 0 ? void 0 : refEnteredShadowEditEvent.fragment) !== null && _b !== void 0 ? _b : document.createDocumentFragment(),
-                selectionPath: (_c = refEnteredShadowEditEvent === null || refEnteredShadowEditEvent === void 0 ? void 0 : refEnteredShadowEditEvent.selectionPath) !== null && _c !== void 0 ? _c : {
-                    end: [],
-                    start: [],
-                },
-            };
-        case 'entityOperation':
-            var oldOperation = EntityOperationNewToOld[input.operation];
-            if (oldOperation !== null) {
-                return {
-                    eventType: 15 /* EntityOperation */,
-                    eventDataCache: input.eventDataCache,
-                    rawEvent: input.rawEvent,
-                    entity: input.entity,
-                    operation: oldOperation,
-                    shouldPersist: input.shouldPersist,
-                    state: input.state,
-                };
-            }
-            else {
-                return undefined;
-            }
-        case 'extractContentWithDom':
-            return {
-                eventType: 8 /* ExtractContentWithDom */,
-                eventDataCache: input.eventDataCache,
-                clonedRoot: input.clonedRoot,
-            };
-        case 'input':
-            return {
-                eventType: 3 /* Input */,
-                eventDataCache: input.eventDataCache,
-                rawEvent: input.rawEvent,
-            };
-        case 'keyDown':
-        case 'keyPress':
-        case 'keyUp':
-            return {
-                eventType: input.eventType == 'keyDown'
-                    ? 0 /* KeyDown */
-                    : input.eventType == 'keyPress'
-                        ? 1 /* KeyPress */
-                        : 2 /* KeyUp */,
-                eventDataCache: input.eventDataCache,
-                rawEvent: input.rawEvent,
-            };
-        case 'leavingShadowEdit':
-            return {
-                eventType: 18 /* LeavingShadowEdit */,
-                eventDataCache: input.eventDataCache,
-            };
-        case 'mouseDown':
-            return {
-                eventType: 5 /* MouseDown */,
-                eventDataCache: input.eventDataCache,
-                rawEvent: input.rawEvent,
-            };
-        case 'mouseUp':
-            return {
-                eventType: 6 /* MouseUp */,
+        case 'beforePaste':
+            var refBeforePasteEvent = (refEvent === null || refEvent === void 0 ? void 0 : refEvent.eventType) == 10 /* BeforePaste */ ? refEvent : undefined;
+            var oldBeforePasteEvent = {
+                eventType: 10 /* BeforePaste */,
+                clipboardData: input.clipboardData,
                 eventDataCache: input.eventDataCache,
-                rawEvent: input.rawEvent,
-                isClicking: input.isClicking,
+                fragment: input.fragment,
+                htmlAfter: input.htmlAfter,
+                htmlAttributes: input.htmlAttributes,
+                htmlBefore: input.htmlBefore,
+                pasteType: PasteTypeNewToOld[input.pasteType],
+                sanitizingOption: (_a = refBeforePasteEvent === null || refBeforePasteEvent === void 0 ? void 0 : refBeforePasteEvent.sanitizingOption) !== null && _a !== void 0 ? _a : (0, roosterjs_editor_dom_1.createDefaultHtmlSanitizerOptions)(),
+                domToModelOption: input.domToModelOption,
+                customizedMerge: input.customizedMerge,
             };
-        case 'scroll':
+            return oldBeforePasteEvent;
+        case 'beforeSetContent':
             return {
-                eventType: 14 /* Scroll */,
+                eventType: 20 /* BeforeSetContent */,
                 eventDataCache: input.eventDataCache,
-                rawEvent: input.rawEvent,
-                scrollContainer: input.scrollContainer,
+                newContent: input.newContent,
             };
-        case 'selectionChanged':
-            var refSelectionChangedEvent = (refEvent === null || refEvent === void 0 ? void 0 : refEvent.eventType) == 22 /* SelectionChanged */ ? refEvent : undefined;
+        case 'compositionEnd':
             return {
-                eventType: 22 /* SelectionChanged */,
+                eventType: 4 /* CompositionEnd */,
                 eventDataCache: input.eventDataCache,
-                selectionRangeEx: (_d = refSelectionChangedEvent === null || refSelectionChangedEvent === void 0 ? void 0 : refSelectionChangedEvent.selectionRangeEx) !== null && _d !== void 0 ? _d : (0, selectionConverter_1.convertDomSelectionToRangeEx)(input.newSelection),
+                rawEvent: input.rawEvent,
             };
-        case 'zoomChanged':
+        case 'contentChanged':
+            var entityStates_1 = input.entityStates;
             return {
-                eventType: 21 /* ZoomChanged */,
+                eventType: 7 /* ContentChanged */,
                 eventDataCache: input.eventDataCache,
-                newZoomScale: input.newZoomScale,
-                oldZoomScale: (refEvent === null || refEvent === void 0 ? void 0 : refEvent.eventType) == 21 /* ZoomChanged */ ? refEvent.oldZoomScale : 1, // In new ZoomChangedEvent we don't really have oldZoomScale. So if we can't get it, just use 1 instead
-            };
-        default:
-            return undefined;
-    }
-}
-exports.newEventToOldEvent = newEventToOldEvent;
-function announceDataOldToNew(data) {
-    return data
-        ? {
-            defaultStrings: data.defaultStrings
-                ? KnownAnnounceStringsOldToNew[data.defaultStrings]
-                : undefined,
-            formatStrings: data.formatStrings,
-            text: data.text,
-        }
-        : undefined;
-}
-function announceDataNewToOld(data) {
-    if (!data) {
-        return undefined;
-    }
-    var oldDefaultStrings = data.defaultStrings
-        ? KnownAnnounceStringsNewToOld[data.defaultStrings]
-        : undefined;
-    // If the new announce string doesn't exist in the old system (undefined), return undefined for the whole announce data
-    // This means formatting announcements won't be available in the legacy editor adapter
-    if (data.defaultStrings && oldDefaultStrings === undefined) {
-        return undefined;
-    }
-    return {
-        defaultStrings: oldDefaultStrings,
-        formatStrings: data.formatStrings,
-        text: data.text,
-    };
-}
-
-
-/***/ }),
-
-/***/ "./packages/roosterjs-editor-adapter/lib/editor/utils/insertNode.ts":
-/*!**************************************************************************!*\
-  !*** ./packages/roosterjs-editor-adapter/lib/editor/utils/insertNode.ts ***!
-  \**************************************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.insertNode = void 0;
-var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-dom");
-function getInitialRange(selection, option) {
-    // Selection start replaces based on the current selection.
-    // Range inserts based on a provided range.
-    // Both have the potential to use the current selection to restore cursor position
-    // So in both cases we need to store the selection state.
-    var range = (selection === null || selection === void 0 ? void 0 : selection.type) == 'range' ? selection.range : null;
-    var rangeToRestore = null;
-    if (option.position == 5 /* Range */) {
-        rangeToRestore = range;
-        range = option.range;
-    }
-    else if (range) {
-        rangeToRestore = range.cloneRange();
-    }
-    return { range: range, rangeToRestore: rangeToRestore };
-}
-/**
- * @internal
- * Insert a DOM node into editor content
- */
-function insertNode(contentDiv, selection, node, option) {
-    var _a, _b;
-    switch (option.position) {
-        case 0 /* Begin */:
-        case 1 /* End */: {
-            var isBegin = option.position == 0 /* Begin */;
-            var block = (0, roosterjs_editor_dom_1.getFirstLastBlockElement)(contentDiv, isBegin);
-            var insertedNode_1;
-            if (block) {
-                var refNode = isBegin ? block.getStartNode() : block.getEndNode();
-                if (option.insertOnNewLine ||
-                    refNode.nodeType == 3 /* Text */ ||
-                    (0, roosterjs_editor_dom_1.isVoidHtmlElement)(refNode)) {
-                    // For insert on new line, or refNode is text or void html element (HR, BR etc.)
-                    // which cannot have children, i.e. <div>hello<br>world</div>. 'hello', 'world' are the
-                    // first and last node. Insert before 'hello' or after 'world', but still inside DIV
-                    if ((0, roosterjs_editor_dom_1.safeInstanceOf)(node, 'DocumentFragment')) {
-                        // if the node to be inserted is DocumentFragment, use its childNodes as insertedNode
-                        // because insertBefore() returns an empty DocumentFragment
-                        insertedNode_1 = (0, roosterjs_editor_dom_1.toArray)(node.childNodes);
-                        (_a = refNode.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(node, isBegin ? refNode : refNode.nextSibling);
-                    }
-                    else {
-                        insertedNode_1 = (_b = refNode.parentNode) === null || _b === void 0 ? void 0 : _b.insertBefore(node, isBegin ? refNode : refNode.nextSibling);
-                    }
-                }
-                else {
-                    // if the refNode can have child, use appendChild (which is like to insert as first/last child)
-                    // i.e. <div>hello</div>, the content will be inserted before/after hello
-                    insertedNode_1 = refNode.insertBefore(node, isBegin ? refNode.firstChild : null);
-                }
-            }
-            else {
-                // No first block, this can happen when editor is empty. Use appendChild to insert the content in contentDiv
-                insertedNode_1 = contentDiv.appendChild(node);
-            }
-            // Final check to see if the inserted node is a block. If not block and the ask is to insert on new line,
-            // add a DIV wrapping
-            if (insertedNode_1 && option.insertOnNewLine) {
-                var nodes = Array.isArray(insertedNode_1) ? insertedNode_1 : [insertedNode_1];
-                if (!(0, roosterjs_editor_dom_1.isBlockElement)(nodes[0]) || !(0, roosterjs_editor_dom_1.isBlockElement)(nodes[nodes.length - 1])) {
-                    (0, roosterjs_editor_dom_1.wrap)(nodes);
-                }
-            }
-            break;
-        }
-        case 2 /* DomEnd */:
-            // Use appendChild to insert the node at the end of the content div.
-            var insertedNode = contentDiv.appendChild(node);
-            // Final check to see if the inserted node is a block. If not block and the ask is to insert on new line,
-            // add a DIV wrapping
-            if (insertedNode && option.insertOnNewLine && !(0, roosterjs_editor_dom_1.isBlockElement)(insertedNode)) {
-                (0, roosterjs_editor_dom_1.wrap)(insertedNode);
-            }
-            break;
-        case 5 /* Range */:
-        case 3 /* SelectionStart */:
-            var _c = getInitialRange(selection, option), range = _c.range, rangeToRestore = _c.rangeToRestore;
-            if (!range) {
-                break;
-            }
-            // if to replace the selection and the selection is not collapsed, remove the the content at selection first
-            if (option.replaceSelection && !range.collapsed) {
-                range.deleteContents();
-            }
-            var pos = roosterjs_editor_dom_1.Position.getStart(range);
-            var blockElement = void 0;
-            if (option.insertOnNewLine && option.insertToRegionRoot) {
-                pos = adjustInsertPositionRegionRoot(contentDiv, range, pos);
-            }
-            else if (option.insertOnNewLine &&
-                (blockElement = (0, roosterjs_editor_dom_1.getBlockElementAtNode)(contentDiv, pos.normalize().node))) {
-                pos = adjustInsertPositionNewLine(blockElement, contentDiv, pos);
-            }
-            else {
-                pos = (0, roosterjs_editor_dom_1.adjustInsertPosition)(contentDiv, node, pos, range);
-            }
-            var nodeForCursor = node.nodeType == 11 /* DocumentFragment */ ? node.lastChild : node;
-            range = (0, roosterjs_editor_dom_1.createRange)(pos);
-            range.insertNode(node);
-            if (option.updateCursor && nodeForCursor) {
-                rangeToRestore = (0, roosterjs_editor_dom_1.createRange)(new roosterjs_editor_dom_1.Position(nodeForCursor, -3 /* After */).normalize());
-            }
-            return rangeToRestore
-                ? {
-                    type: 'range',
-                    range: rangeToRestore,
-                    isReverted: false,
-                }
-                : undefined;
-    }
-}
-exports.insertNode = insertNode;
-function adjustInsertPositionRegionRoot(contentDiv, range, position) {
-    var region = (0, roosterjs_editor_dom_1.getRegionsFromRange)(contentDiv, range, 0 /* Table */)[0];
-    var node = position.node;
-    if (region) {
-        if (node.nodeType == 3 /* Text */ && !position.isAtEnd) {
-            node = (0, roosterjs_editor_dom_1.splitTextNode)(node, position.offset, true /*returnFirstPart*/);
-        }
-        if (node != region.rootNode) {
-            while (node && node.parentNode != region.rootNode) {
-                (0, roosterjs_editor_dom_1.splitParentNode)(node, false /*splitBefore*/);
-                node = node.parentNode;
-            }
-        }
-        if (node) {
-            position = new roosterjs_editor_dom_1.Position(node, -3 /* After */);
-        }
-    }
-    return position;
-}
-function adjustInsertPositionNewLine(blockElement, contentDiv, pos) {
-    var tempPos = new roosterjs_editor_dom_1.Position(blockElement.getEndNode(), -3 /* After */);
-    if ((0, roosterjs_editor_dom_1.safeInstanceOf)(tempPos.node, 'HTMLTableRowElement')) {
-        var div = contentDiv.ownerDocument.createElement('div');
-        var range = (0, roosterjs_editor_dom_1.createRange)(pos);
-        range.insertNode(div);
-        tempPos = new roosterjs_editor_dom_1.Position(div, 0 /* Begin */);
-    }
-    return tempPos;
-}
-
-
-/***/ }),
-
-/***/ "./packages/roosterjs-editor-adapter/lib/editor/utils/selectionConverter.ts":
-/*!**********************************************************************************!*\
-  !*** ./packages/roosterjs-editor-adapter/lib/editor/utils/selectionConverter.ts ***!
-  \**********************************************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.convertDomSelectionToRangeEx = exports.convertRangeExToDomSelection = void 0;
-var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-dom");
-var createTableRanges_1 = __webpack_require__(/*! ./createTableRanges */ "./packages/roosterjs-editor-adapter/lib/editor/utils/createTableRanges.ts");
-// In theory, all functions below are not necessary. We keep these functions here only for compatibility with old IEditor interface
-/**
- * @internal
- */
-function convertRangeExToDomSelection(rangeEx) {
-    switch (rangeEx === null || rangeEx === void 0 ? void 0 : rangeEx.type) {
-        case 2 /* ImageSelection */:
+                data: input.data,
+                source: input.source,
+                additionalData: {
+                    formatApiName: input.formatApiName,
+                    getAnnounceData: input.announceData
+                        ? function () { return announceDataNewToOld(input.announceData); }
+                        : undefined,
+                    getEntityState: entityStates_1 ? function () { return entityStates_1; } : undefined,
+                },
+            };
+        case 'contextMenu':
             return {
-                type: 'image',
-                image: rangeEx.image,
+                eventType: 16 /* ContextMenu */,
+                eventDataCache: input.eventDataCache,
+                rawEvent: input.rawEvent,
+                items: input.items,
             };
-        case 0 /* Normal */:
-            return rangeEx.ranges.length > 0
-                ? {
-                    type: 'range',
-                    range: rangeEx.ranges[0],
-                    isReverted: false,
-                }
-                : null;
-        case 1 /* TableSelection */:
-            return rangeEx.coordinates
-                ? {
-                    type: 'table',
-                    table: rangeEx.table,
-                    firstColumn: rangeEx.coordinates.firstCell.x,
-                    firstRow: rangeEx.coordinates.firstCell.y,
-                    lastColumn: rangeEx.coordinates.lastCell.x,
-                    lastRow: rangeEx.coordinates.lastCell.y,
-                }
-                : null;
-        default:
-            return null;
-    }
-}
-exports.convertRangeExToDomSelection = convertRangeExToDomSelection;
-/**
- * @internal
- */
-function convertDomSelectionToRangeEx(selection) {
-    switch (selection === null || selection === void 0 ? void 0 : selection.type) {
-        case 'image':
+        case 'editImage':
             return {
-                type: 2 /* ImageSelection */,
-                image: selection.image,
-                areAllCollapsed: false,
-                ranges: [(0, roosterjs_editor_dom_1.createRange)(selection.image)],
+                eventType: 19 /* EditImage */,
+                eventDataCache: input.eventDataCache,
+                image: input.image,
+                newSrc: input.newSrc,
+                originalSrc: input.originalSrc,
+                previousSrc: input.previousSrc,
             };
-        case 'range':
+        case 'editorReady':
             return {
-                type: 0 /* Normal */,
-                ranges: [selection.range],
-                areAllCollapsed: selection.range.collapsed,
+                eventType: 11 /* EditorReady */,
+                eventDataCache: input.eventDataCache,
             };
-        case 'table':
+        case 'enteredShadowEdit':
+            var refEnteredShadowEditEvent = (refEvent === null || refEvent === void 0 ? void 0 : refEvent.eventType) == 17 /* EnteredShadowEdit */ ? refEvent : undefined;
             return {
-                type: 1 /* TableSelection */,
-                ranges: (0, createTableRanges_1.createTableRanges)(selection),
-                areAllCollapsed: false,
-                table: selection.table,
-                coordinates: {
-                    firstCell: { x: selection.firstColumn, y: selection.firstRow },
-                    lastCell: { x: selection.lastColumn, y: selection.lastRow },
+                eventType: 17 /* EnteredShadowEdit */,
+                eventDataCache: input.eventDataCache,
+                fragment: (_b = refEnteredShadowEditEvent === null || refEnteredShadowEditEvent === void 0 ? void 0 : refEnteredShadowEditEvent.fragment) !== null && _b !== void 0 ? _b : document.createDocumentFragment(),
+                selectionPath: (_c = refEnteredShadowEditEvent === null || refEnteredShadowEditEvent === void 0 ? void 0 : refEnteredShadowEditEvent.selectionPath) !== null && _c !== void 0 ? _c : {
+                    end: [],
+                    start: [],
                 },
             };
-        default:
+        case 'entityOperation':
+            var oldOperation = EntityOperationNewToOld[input.operation];
+            if (oldOperation !== null) {
+                return {
+                    eventType: 15 /* EntityOperation */,
+                    eventDataCache: input.eventDataCache,
+                    rawEvent: input.rawEvent,
+                    entity: input.entity,
+                    operation: oldOperation,
+                    shouldPersist: input.shouldPersist,
+                    state: input.state,
+                };
+            }
+            else {
+                return undefined;
+            }
+        case 'extractContentWithDom':
             return {
-                type: 0 /* Normal */,
-                ranges: [],
-                areAllCollapsed: true,
+                eventType: 8 /* ExtractContentWithDom */,
+                eventDataCache: input.eventDataCache,
+                clonedRoot: input.clonedRoot,
             };
-    }
-}
-exports.convertDomSelectionToRangeEx = convertDomSelectionToRangeEx;
-
-
-/***/ }),
-
-/***/ "roosterjs-content-model-dom":
-/*!****************************!*\
-  !*** external "roosterjs" ***!
-  \****************************/
-/***/ ((module) => {
-
-module.exports = roosterjs;
-
-/***/ }),
-
-/***/ "roosterjs-editor-dom":
-/*!**********************************!*\
-  !*** external "roosterjsLegacy" ***!
-  \**********************************/
-/***/ ((module) => {
-
-module.exports = roosterjsLegacy;
-
-/***/ }),
-
-/***/ "./node_modules/tslib/tslib.es6.mjs":
-/*!******************************************!*\
-  !*** ./node_modules/tslib/tslib.es6.mjs ***!
-  \******************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   __assign: () => (/* binding */ __assign),
-/* harmony export */   __asyncDelegator: () => (/* binding */ __asyncDelegator),
-/* harmony export */   __asyncGenerator: () => (/* binding */ __asyncGenerator),
-/* harmony export */   __asyncValues: () => (/* binding */ __asyncValues),
-/* harmony export */   __await: () => (/* binding */ __await),
-/* harmony export */   __awaiter: () => (/* binding */ __awaiter),
-/* harmony export */   __classPrivateFieldGet: () => (/* binding */ __classPrivateFieldGet),
-/* harmony export */   __classPrivateFieldIn: () => (/* binding */ __classPrivateFieldIn),
-/* harmony export */   __classPrivateFieldSet: () => (/* binding */ __classPrivateFieldSet),
-/* harmony export */   __createBinding: () => (/* binding */ __createBinding),
-/* harmony export */   __decorate: () => (/* binding */ __decorate),
-/* harmony export */   __esDecorate: () => (/* binding */ __esDecorate),
-/* harmony export */   __exportStar: () => (/* binding */ __exportStar),
-/* harmony export */   __extends: () => (/* binding */ __extends),
-/* harmony export */   __generator: () => (/* binding */ __generator),
-/* harmony export */   __importDefault: () => (/* binding */ __importDefault),
-/* harmony export */   __importStar: () => (/* binding */ __importStar),
-/* harmony export */   __makeTemplateObject: () => (/* binding */ __makeTemplateObject),
-/* harmony export */   __metadata: () => (/* binding */ __metadata),
-/* harmony export */   __param: () => (/* binding */ __param),
-/* harmony export */   __propKey: () => (/* binding */ __propKey),
-/* harmony export */   __read: () => (/* binding */ __read),
-/* harmony export */   __rest: () => (/* binding */ __rest),
-/* harmony export */   __runInitializers: () => (/* binding */ __runInitializers),
-/* harmony export */   __setFunctionName: () => (/* binding */ __setFunctionName),
-/* harmony export */   __spread: () => (/* binding */ __spread),
-/* harmony export */   __spreadArray: () => (/* binding */ __spreadArray),
-/* harmony export */   __spreadArrays: () => (/* binding */ __spreadArrays),
-/* harmony export */   __values: () => (/* binding */ __values),
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise */
-
-var extendStatics = function(d, b) {
-  extendStatics = Object.setPrototypeOf ||
-      ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-      function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-  return extendStatics(d, b);
-};
-
-function __extends(d, b) {
-  if (typeof b !== "function" && b !== null)
-      throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-  extendStatics(d, b);
-  function __() { this.constructor = d; }
-  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-var __assign = function() {
-  __assign = Object.assign || function __assign(t) {
-      for (var s, i = 1, n = arguments.length; i < n; i++) {
-          s = arguments[i];
-          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-      return t;
-  }
-  return __assign.apply(this, arguments);
-}
-
-function __rest(s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-      t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-      for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-          if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-              t[p[i]] = s[p[i]];
-      }
-  return t;
+        case 'input':
+            return {
+                eventType: 3 /* Input */,
+                eventDataCache: input.eventDataCache,
+                rawEvent: input.rawEvent,
+            };
+        case 'keyDown':
+        case 'keyPress':
+        case 'keyUp':
+            return {
+                eventType: input.eventType == 'keyDown'
+                    ? 0 /* KeyDown */
+                    : input.eventType == 'keyPress'
+                        ? 1 /* KeyPress */
+                        : 2 /* KeyUp */,
+                eventDataCache: input.eventDataCache,
+                rawEvent: input.rawEvent,
+            };
+        case 'leavingShadowEdit':
+            return {
+                eventType: 18 /* LeavingShadowEdit */,
+                eventDataCache: input.eventDataCache,
+            };
+        case 'mouseDown':
+            return {
+                eventType: 5 /* MouseDown */,
+                eventDataCache: input.eventDataCache,
+                rawEvent: input.rawEvent,
+            };
+        case 'mouseUp':
+            return {
+                eventType: 6 /* MouseUp */,
+                eventDataCache: input.eventDataCache,
+                rawEvent: input.rawEvent,
+                isClicking: input.isClicking,
+            };
+        case 'scroll':
+            return {
+                eventType: 14 /* Scroll */,
+                eventDataCache: input.eventDataCache,
+                rawEvent: input.rawEvent,
+                scrollContainer: input.scrollContainer,
+            };
+        case 'selectionChanged':
+            var refSelectionChangedEvent = (refEvent === null || refEvent === void 0 ? void 0 : refEvent.eventType) == 22 /* SelectionChanged */ ? refEvent : undefined;
+            return {
+                eventType: 22 /* SelectionChanged */,
+                eventDataCache: input.eventDataCache,
+                selectionRangeEx: (_d = refSelectionChangedEvent === null || refSelectionChangedEvent === void 0 ? void 0 : refSelectionChangedEvent.selectionRangeEx) !== null && _d !== void 0 ? _d : (0, selectionConverter_1.convertDomSelectionToRangeEx)(input.newSelection),
+            };
+        case 'zoomChanged':
+            return {
+                eventType: 21 /* ZoomChanged */,
+                eventDataCache: input.eventDataCache,
+                newZoomScale: input.newZoomScale,
+                oldZoomScale: (refEvent === null || refEvent === void 0 ? void 0 : refEvent.eventType) == 21 /* ZoomChanged */ ? refEvent.oldZoomScale : 1, // In new ZoomChangedEvent we don't really have oldZoomScale. So if we can't get it, just use 1 instead
+            };
+        default:
+            return undefined;
+    }
 }
-
-function __decorate(decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
+exports.newEventToOldEvent = newEventToOldEvent;
+function announceDataOldToNew(data) {
+    return data
+        ? {
+            defaultStrings: data.defaultStrings
+                ? KnownAnnounceStringsOldToNew[data.defaultStrings]
+                : undefined,
+            formatStrings: data.formatStrings,
+            text: data.text,
+        }
+        : undefined;
 }
-
-function __param(paramIndex, decorator) {
-  return function (target, key) { decorator(target, key, paramIndex); }
+function announceDataNewToOld(data) {
+    if (!data) {
+        return undefined;
+    }
+    var oldDefaultStrings = data.defaultStrings
+        ? KnownAnnounceStringsNewToOld[data.defaultStrings]
+        : undefined;
+    // If the new announce string doesn't exist in the old system (undefined), return undefined for the whole announce data
+    // This means formatting announcements won't be available in the legacy editor adapter
+    if (data.defaultStrings && oldDefaultStrings === undefined) {
+        return undefined;
+    }
+    return {
+        defaultStrings: oldDefaultStrings,
+        formatStrings: data.formatStrings,
+        text: data.text,
+    };
 }
 
-function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-  function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
-  var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-  var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-  var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-  var _, done = false;
-  for (var i = decorators.length - 1; i >= 0; i--) {
-      var context = {};
-      for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
-      for (var p in contextIn.access) context.access[p] = contextIn.access[p];
-      context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-      var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-      if (kind === "accessor") {
-          if (result === void 0) continue;
-          if (result === null || typeof result !== "object") throw new TypeError("Object expected");
-          if (_ = accept(result.get)) descriptor.get = _;
-          if (_ = accept(result.set)) descriptor.set = _;
-          if (_ = accept(result.init)) initializers.unshift(_);
-      }
-      else if (_ = accept(result)) {
-          if (kind === "field") initializers.unshift(_);
-          else descriptor[key] = _;
-      }
-  }
-  if (target) Object.defineProperty(target, contextIn.name, descriptor);
-  done = true;
-};
-
-function __runInitializers(thisArg, initializers, value) {
-  var useValue = arguments.length > 2;
-  for (var i = 0; i < initializers.length; i++) {
-      value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
-  }
-  return useValue ? value : void 0;
-};
-
-function __propKey(x) {
-  return typeof x === "symbol" ? x : "".concat(x);
-};
-
-function __setFunctionName(f, name, prefix) {
-  if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
-  return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
-};
-
-function __metadata(metadataKey, metadataValue) {
-  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
-}
 
-function __awaiter(thisArg, _arguments, P, generator) {
-  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-  return new (P || (P = Promise))(function (resolve, reject) {
-      function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-      function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-      function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-      step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-}
+/***/ },
 
-function __generator(thisArg, body) {
-  var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-  return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-  function verb(n) { return function (v) { return step([n, v]); }; }
-  function step(op) {
-      if (f) throw new TypeError("Generator is already executing.");
-      while (g && (g = 0, op[0] && (_ = 0)), _) try {
-          if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-          if (y = 0, t) op = [op[0] & 2, t.value];
-          switch (op[0]) {
-              case 0: case 1: t = op; break;
-              case 4: _.label++; return { value: op[1], done: false };
-              case 5: _.label++; y = op[1]; op = [0]; continue;
-              case 7: op = _.ops.pop(); _.trys.pop(); continue;
-              default:
-                  if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                  if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                  if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                  if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                  if (t[2]) _.ops.pop();
-                  _.trys.pop(); continue;
-          }
-          op = body.call(thisArg, _);
-      } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-      if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-  }
-}
+/***/ "./packages/roosterjs-editor-adapter/lib/editor/utils/insertNode.ts"
+/*!**************************************************************************!*\
+  !*** ./packages/roosterjs-editor-adapter/lib/editor/utils/insertNode.ts ***!
+  \**************************************************************************/
+(__unused_webpack_module, exports, __webpack_require__) {
 
-var __createBinding = Object.create ? (function(o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  var desc = Object.getOwnPropertyDescriptor(m, k);
-  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-  }
-  Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
 
-function __exportStar(m, o) {
-  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.insertNode = void 0;
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-dom");
+function getInitialRange(selection, option) {
+    // Selection start replaces based on the current selection.
+    // Range inserts based on a provided range.
+    // Both have the potential to use the current selection to restore cursor position
+    // So in both cases we need to store the selection state.
+    var range = (selection === null || selection === void 0 ? void 0 : selection.type) == 'range' ? selection.range : null;
+    var rangeToRestore = null;
+    if (option.position == 5 /* Range */) {
+        rangeToRestore = range;
+        range = option.range;
+    }
+    else if (range) {
+        rangeToRestore = range.cloneRange();
+    }
+    return { range: range, rangeToRestore: rangeToRestore };
 }
-
-function __values(o) {
-  var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-  if (m) return m.call(o);
-  if (o && typeof o.length === "number") return {
-      next: function () {
-          if (o && i >= o.length) o = void 0;
-          return { value: o && o[i++], done: !o };
-      }
-  };
-  throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+/**
+ * @internal
+ * Insert a DOM node into editor content
+ */
+function insertNode(contentDiv, selection, node, option) {
+    var _a, _b;
+    switch (option.position) {
+        case 0 /* Begin */:
+        case 1 /* End */: {
+            var isBegin = option.position == 0 /* Begin */;
+            var block = (0, roosterjs_editor_dom_1.getFirstLastBlockElement)(contentDiv, isBegin);
+            var insertedNode_1;
+            if (block) {
+                var refNode = isBegin ? block.getStartNode() : block.getEndNode();
+                if (option.insertOnNewLine ||
+                    refNode.nodeType == 3 /* Text */ ||
+                    (0, roosterjs_editor_dom_1.isVoidHtmlElement)(refNode)) {
+                    // For insert on new line, or refNode is text or void html element (HR, BR etc.)
+                    // which cannot have children, i.e. <div>hello<br>world</div>. 'hello', 'world' are the
+                    // first and last node. Insert before 'hello' or after 'world', but still inside DIV
+                    if ((0, roosterjs_editor_dom_1.safeInstanceOf)(node, 'DocumentFragment')) {
+                        // if the node to be inserted is DocumentFragment, use its childNodes as insertedNode
+                        // because insertBefore() returns an empty DocumentFragment
+                        insertedNode_1 = (0, roosterjs_editor_dom_1.toArray)(node.childNodes);
+                        (_a = refNode.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(node, isBegin ? refNode : refNode.nextSibling);
+                    }
+                    else {
+                        insertedNode_1 = (_b = refNode.parentNode) === null || _b === void 0 ? void 0 : _b.insertBefore(node, isBegin ? refNode : refNode.nextSibling);
+                    }
+                }
+                else {
+                    // if the refNode can have child, use appendChild (which is like to insert as first/last child)
+                    // i.e. <div>hello</div>, the content will be inserted before/after hello
+                    insertedNode_1 = refNode.insertBefore(node, isBegin ? refNode.firstChild : null);
+                }
+            }
+            else {
+                // No first block, this can happen when editor is empty. Use appendChild to insert the content in contentDiv
+                insertedNode_1 = contentDiv.appendChild(node);
+            }
+            // Final check to see if the inserted node is a block. If not block and the ask is to insert on new line,
+            // add a DIV wrapping
+            if (insertedNode_1 && option.insertOnNewLine) {
+                var nodes = Array.isArray(insertedNode_1) ? insertedNode_1 : [insertedNode_1];
+                if (!(0, roosterjs_editor_dom_1.isBlockElement)(nodes[0]) || !(0, roosterjs_editor_dom_1.isBlockElement)(nodes[nodes.length - 1])) {
+                    (0, roosterjs_editor_dom_1.wrap)(nodes);
+                }
+            }
+            break;
+        }
+        case 2 /* DomEnd */:
+            // Use appendChild to insert the node at the end of the content div.
+            var insertedNode = contentDiv.appendChild(node);
+            // Final check to see if the inserted node is a block. If not block and the ask is to insert on new line,
+            // add a DIV wrapping
+            if (insertedNode && option.insertOnNewLine && !(0, roosterjs_editor_dom_1.isBlockElement)(insertedNode)) {
+                (0, roosterjs_editor_dom_1.wrap)(insertedNode);
+            }
+            break;
+        case 5 /* Range */:
+        case 3 /* SelectionStart */:
+            var _c = getInitialRange(selection, option), range = _c.range, rangeToRestore = _c.rangeToRestore;
+            if (!range) {
+                break;
+            }
+            // if to replace the selection and the selection is not collapsed, remove the the content at selection first
+            if (option.replaceSelection && !range.collapsed) {
+                range.deleteContents();
+            }
+            var pos = roosterjs_editor_dom_1.Position.getStart(range);
+            var blockElement = void 0;
+            if (option.insertOnNewLine && option.insertToRegionRoot) {
+                pos = adjustInsertPositionRegionRoot(contentDiv, range, pos);
+            }
+            else if (option.insertOnNewLine &&
+                (blockElement = (0, roosterjs_editor_dom_1.getBlockElementAtNode)(contentDiv, pos.normalize().node))) {
+                pos = adjustInsertPositionNewLine(blockElement, contentDiv, pos);
+            }
+            else {
+                pos = (0, roosterjs_editor_dom_1.adjustInsertPosition)(contentDiv, node, pos, range);
+            }
+            var nodeForCursor = node.nodeType == 11 /* DocumentFragment */ ? node.lastChild : node;
+            range = (0, roosterjs_editor_dom_1.createRange)(pos);
+            range.insertNode(node);
+            if (option.updateCursor && nodeForCursor) {
+                rangeToRestore = (0, roosterjs_editor_dom_1.createRange)(new roosterjs_editor_dom_1.Position(nodeForCursor, -3 /* After */).normalize());
+            }
+            return rangeToRestore
+                ? {
+                    type: 'range',
+                    range: rangeToRestore,
+                    isReverted: false,
+                }
+                : undefined;
+    }
 }
-
-function __read(o, n) {
-  var m = typeof Symbol === "function" && o[Symbol.iterator];
-  if (!m) return o;
-  var i = m.call(o), r, ar = [], e;
-  try {
-      while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-  }
-  catch (error) { e = { error: error }; }
-  finally {
-      try {
-          if (r && !r.done && (m = i["return"])) m.call(i);
-      }
-      finally { if (e) throw e.error; }
-  }
-  return ar;
+exports.insertNode = insertNode;
+function adjustInsertPositionRegionRoot(contentDiv, range, position) {
+    var region = (0, roosterjs_editor_dom_1.getRegionsFromRange)(contentDiv, range, 0 /* Table */)[0];
+    var node = position.node;
+    if (region) {
+        if (node.nodeType == 3 /* Text */ && !position.isAtEnd) {
+            node = (0, roosterjs_editor_dom_1.splitTextNode)(node, position.offset, true /*returnFirstPart*/);
+        }
+        if (node != region.rootNode) {
+            while (node && node.parentNode != region.rootNode) {
+                (0, roosterjs_editor_dom_1.splitParentNode)(node, false /*splitBefore*/);
+                node = node.parentNode;
+            }
+        }
+        if (node) {
+            position = new roosterjs_editor_dom_1.Position(node, -3 /* After */);
+        }
+    }
+    return position;
 }
-
-/** @deprecated */
-function __spread() {
-  for (var ar = [], i = 0; i < arguments.length; i++)
-      ar = ar.concat(__read(arguments[i]));
-  return ar;
+function adjustInsertPositionNewLine(blockElement, contentDiv, pos) {
+    var tempPos = new roosterjs_editor_dom_1.Position(blockElement.getEndNode(), -3 /* After */);
+    if ((0, roosterjs_editor_dom_1.safeInstanceOf)(tempPos.node, 'HTMLTableRowElement')) {
+        var div = contentDiv.ownerDocument.createElement('div');
+        var range = (0, roosterjs_editor_dom_1.createRange)(pos);
+        range.insertNode(div);
+        tempPos = new roosterjs_editor_dom_1.Position(div, 0 /* Begin */);
+    }
+    return tempPos;
 }
 
-/** @deprecated */
-function __spreadArrays() {
-  for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-  for (var r = Array(s), k = 0, i = 0; i < il; i++)
-      for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-          r[k] = a[j];
-  return r;
-}
 
-function __spreadArray(to, from, pack) {
-  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-      if (ar || !(i in from)) {
-          if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-          ar[i] = from[i];
-      }
-  }
-  return to.concat(ar || Array.prototype.slice.call(from));
-}
+/***/ },
 
-function __await(v) {
-  return this instanceof __await ? (this.v = v, this) : new __await(v);
-}
+/***/ "./packages/roosterjs-editor-adapter/lib/editor/utils/selectionConverter.ts"
+/*!**********************************************************************************!*\
+  !*** ./packages/roosterjs-editor-adapter/lib/editor/utils/selectionConverter.ts ***!
+  \**********************************************************************************/
+(__unused_webpack_module, exports, __webpack_require__) {
 
-function __asyncGenerator(thisArg, _arguments, generator) {
-  if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-  var g = generator.apply(thisArg, _arguments || []), i, q = [];
-  return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-  function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-  function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
-  function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-  function fulfill(value) { resume("next", value); }
-  function reject(value) { resume("throw", value); }
-  function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
-}
 
-function __asyncDelegator(o) {
-  var i, p;
-  return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-  function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.convertDomSelectionToRangeEx = exports.convertRangeExToDomSelection = void 0;
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "roosterjs-editor-dom");
+var createTableRanges_1 = __webpack_require__(/*! ./createTableRanges */ "./packages/roosterjs-editor-adapter/lib/editor/utils/createTableRanges.ts");
+// In theory, all functions below are not necessary. We keep these functions here only for compatibility with old IEditor interface
+/**
+ * @internal
+ */
+function convertRangeExToDomSelection(rangeEx) {
+    switch (rangeEx === null || rangeEx === void 0 ? void 0 : rangeEx.type) {
+        case 2 /* ImageSelection */:
+            return {
+                type: 'image',
+                image: rangeEx.image,
+            };
+        case 0 /* Normal */:
+            return rangeEx.ranges.length > 0
+                ? {
+                    type: 'range',
+                    range: rangeEx.ranges[0],
+                    isReverted: false,
+                }
+                : null;
+        case 1 /* TableSelection */:
+            return rangeEx.coordinates
+                ? {
+                    type: 'table',
+                    table: rangeEx.table,
+                    firstColumn: rangeEx.coordinates.firstCell.x,
+                    firstRow: rangeEx.coordinates.firstCell.y,
+                    lastColumn: rangeEx.coordinates.lastCell.x,
+                    lastRow: rangeEx.coordinates.lastCell.y,
+                }
+                : null;
+        default:
+            return null;
+    }
 }
-
-function __asyncValues(o) {
-  if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-  var m = o[Symbol.asyncIterator], i;
-  return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-  function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-  function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
+exports.convertRangeExToDomSelection = convertRangeExToDomSelection;
+/**
+ * @internal
+ */
+function convertDomSelectionToRangeEx(selection) {
+    switch (selection === null || selection === void 0 ? void 0 : selection.type) {
+        case 'image':
+            return {
+                type: 2 /* ImageSelection */,
+                image: selection.image,
+                areAllCollapsed: false,
+                ranges: [(0, roosterjs_editor_dom_1.createRange)(selection.image)],
+            };
+        case 'range':
+            return {
+                type: 0 /* Normal */,
+                ranges: [selection.range],
+                areAllCollapsed: selection.range.collapsed,
+            };
+        case 'table':
+            return {
+                type: 1 /* TableSelection */,
+                ranges: (0, createTableRanges_1.createTableRanges)(selection),
+                areAllCollapsed: false,
+                table: selection.table,
+                coordinates: {
+                    firstCell: { x: selection.firstColumn, y: selection.firstRow },
+                    lastCell: { x: selection.lastColumn, y: selection.lastRow },
+                },
+            };
+        default:
+            return {
+                type: 0 /* Normal */,
+                ranges: [],
+                areAllCollapsed: true,
+            };
+    }
 }
+exports.convertDomSelectionToRangeEx = convertDomSelectionToRangeEx;
 
-function __makeTemplateObject(cooked, raw) {
-  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-  return cooked;
-};
-
-var __setModuleDefault = Object.create ? (function(o, v) {
-  Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-  o["default"] = v;
-};
-
-function __importStar(mod) {
-  if (mod && mod.__esModule) return mod;
-  var result = {};
-  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-  __setModuleDefault(result, mod);
-  return result;
-}
 
-function __importDefault(mod) {
-  return (mod && mod.__esModule) ? mod : { default: mod };
-}
+/***/ },
 
-function __classPrivateFieldGet(receiver, state, kind, f) {
-  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-}
+/***/ "roosterjs-content-model-dom"
+/*!****************************!*\
+  !*** external "roosterjs" ***!
+  \****************************/
+(module) {
 
-function __classPrivateFieldSet(receiver, state, value, kind, f) {
-  if (kind === "m") throw new TypeError("Private method is not writable");
-  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-}
+module.exports = roosterjs;
 
-function __classPrivateFieldIn(state, receiver) {
-  if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function")) throw new TypeError("Cannot use 'in' operator on non-object");
-  return typeof state === "function" ? receiver === state : state.has(receiver);
-}
+/***/ },
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
-  __extends,
-  __assign,
-  __rest,
-  __decorate,
-  __param,
-  __metadata,
-  __awaiter,
-  __generator,
-  __createBinding,
-  __exportStar,
-  __values,
-  __read,
-  __spread,
-  __spreadArrays,
-  __spreadArray,
-  __await,
-  __asyncGenerator,
-  __asyncDelegator,
-  __asyncValues,
-  __makeTemplateObject,
-  __importStar,
-  __importDefault,
-  __classPrivateFieldGet,
-  __classPrivateFieldSet,
-  __classPrivateFieldIn,
-});
+/***/ "roosterjs-editor-dom"
+/*!**********************************!*\
+  !*** external "roosterjsLegacy" ***!
+  \**********************************/
+(module) {
 
+module.exports = roosterjsLegacy;
 
-/***/ })
+/***/ }
 
 /******/ 	});
 /************************************************************************/
@@ -2578,6 +2580,12 @@ function __classPrivateFieldIn(state, receiver) {
 /******/ 		if (cachedModule !== undefined) {
 /******/ 			return cachedModule.exports;
 /******/ 		}
+/******/ 		// Check if module exists (development only)
+/******/ 		if (__webpack_modules__[moduleId] === undefined) {
+/******/ 			var e = new Error("Cannot find module '" + moduleId + "'");
+/******/ 			e.code = 'MODULE_NOT_FOUND';
+/******/ 			throw e;
+/******/ 		}
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = __webpack_module_cache__[moduleId] = {
 /******/ 			// no module.id needed
@@ -2623,7 +2631,7 @@ function __classPrivateFieldIn(state, receiver) {
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it uses a non-standard name for the exports (exports).
+// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
 (() => {
 var exports = __webpack_exports__;
 /*!********************************************************!*\