roosterjs-editor-adapter 0.26.3 → 0.27.0

package/lib/corePlugins/BridgePlugin.d.ts

@@ -1,5 +1,5 @@
 import type { EditorPlugin as LegacyEditorPlugin, ContextMenuProvider as LegacyContextMenuProvider, IEditor as ILegacyEditor, ExperimentalFeatures, SizeTransformer, EditPluginState, CustomData, DarkColorHandler } from 'roosterjs-editor-types';
-import type { ContextMenuProvider, IStandaloneEditor, PluginEvent } from 'roosterjs-content-model-types';
+import type { ContextMenuProvider, IEditor, PluginEvent } from 'roosterjs-content-model-types';
 /**
  * @internal
  * Represents the core data structure of a editor adapter
@@ -51,7 +51,7 @@ export declare class BridgePlugin implements ContextMenuProvider<any> {
      * Initialize this plugin. This should only be called from Editor
      * @param editor Editor instance
      */
-    initialize(editor: IStandaloneEditor): void;
+    initialize(editor: IEditor): void;
     /**
      * Dispose this plugin
      */
@@ -64,10 +64,12 @@ export declare class BridgePlugin implements ContextMenuProvider<any> {
      * @returns An array of context menu items, or null means no items needed
      */
     getContextMenuItems(target: Node): any[];
+    private cacheGetExclusivelyHandlePlugin;
+    private cacheGetOldEvent;
     private createEditorCore;
 }
 /**
  * @internal Export for test only. This function is only used for compatibility from older build
 
  */
-export declare function createSizeTransformer(editor: IStandaloneEditor): SizeTransformer;
+export declare function createSizeTransformer(editor: IEditor): SizeTransformer;

package/lib/corePlugins/BridgePlugin.js

@@ -2,10 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createSizeTransformer = exports.BridgePlugin = void 0;
 var tslib_1 = require("tslib");
+var roosterjs_content_model_core_1 = require("roosterjs-content-model-core");
 var DarkColorHandlerImpl_1 = require("../editor/DarkColorHandlerImpl");
 var EditPlugin_1 = require("./EditPlugin");
 var eventConverter_1 = require("../editor/utils/eventConverter");
 var ExclusivelyHandleEventPluginKey = '__ExclusivelyHandleEventPlugin';
+var OldEventKey = '__OldEventFromNewEvent';
 /**
  * @internal
  * Act as a bridge between Standalone editor and Content Model editor, translate Standalone editor event type to legacy event type
@@ -46,29 +48,15 @@ var BridgePlugin = /** @class */ (function () {
         }
     };
     BridgePlugin.prototype.willHandleEventExclusively = function (event) {
-        var _a;
-        var oldEvent;
-        if (this.checkExclusivelyHandling && (oldEvent = (0, eventConverter_1.newEventToOldEvent)(event))) {
-            for (var i = 0; i < this.legacyPlugins.length; i++) {
-                var plugin = this.legacyPlugins[i];
-                if ((_a = plugin.willHandleEventExclusively) === null || _a === void 0 ? void 0 : _a.call(plugin, oldEvent)) {
-                    if (!event.eventDataCache) {
-                        event.eventDataCache = {};
-                    }
-                    event.eventDataCache[ExclusivelyHandleEventPluginKey] = plugin;
-                    return true;
-                }
-            }
-        }
-        return false;
+        return this.checkExclusivelyHandling && !!this.cacheGetExclusivelyHandlePlugin(event);
     };
     BridgePlugin.prototype.onPluginEvent = function (event) {
-        var _a, _b;
-        var oldEvent = (0, eventConverter_1.newEventToOldEvent)(event);
+        var _a;
+        var oldEvent = this.cacheGetOldEvent(event);
         if (oldEvent) {
-            var exclusivelyHandleEventPlugin = (_a = event.eventDataCache) === null || _a === void 0 ? void 0 : _a[ExclusivelyHandleEventPluginKey];
+            var exclusivelyHandleEventPlugin = this.cacheGetExclusivelyHandlePlugin(event);
             if (exclusivelyHandleEventPlugin) {
-                (_b = exclusivelyHandleEventPlugin.onPluginEvent) === null || _b === void 0 ? void 0 : _b.call(exclusivelyHandleEventPlugin, oldEvent);
+                (_a = exclusivelyHandleEventPlugin.onPluginEvent) === null || _a === void 0 ? void 0 : _a.call(exclusivelyHandleEventPlugin, oldEvent);
             }
             else {
                 this.legacyPlugins.forEach(function (plugin) { var _a; return (_a = plugin.onPluginEvent) === null || _a === void 0 ? void 0 : _a.call(plugin, oldEvent); });
@@ -95,6 +83,25 @@ var BridgePlugin = /** @class */ (function () {
         });
         return allItems;
     };
+    BridgePlugin.prototype.cacheGetExclusivelyHandlePlugin = function (event) {
+        var _this = this;
+        return (0, roosterjs_content_model_core_1.cacheGetEventData)(event, ExclusivelyHandleEventPluginKey, function (event) {
+            var _a;
+            var oldEvent = _this.cacheGetOldEvent(event);
+            if (oldEvent) {
+                for (var i = 0; i < _this.legacyPlugins.length; i++) {
+                    var plugin = _this.legacyPlugins[i];
+                    if ((_a = plugin.willHandleEventExclusively) === null || _a === void 0 ? void 0 : _a.call(plugin, oldEvent)) {
+                        return plugin;
+                    }
+                }
+            }
+            return null;
+        });
+    };
+    BridgePlugin.prototype.cacheGetOldEvent = function (event) {
+        return (0, roosterjs_content_model_core_1.cacheGetEventData)(event, OldEventKey, eventConverter_1.newEventToOldEvent);
+    };
     BridgePlugin.prototype.createEditorCore = function (editor) {
         var _a;
         return {

package/lib/corePlugins/BridgePlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"BridgePlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-editor-adapter/lib/corePlugins/BridgePlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { createDarkColorHandler } from '../editor/DarkColorHandlerImpl';\nimport { createEditPlugin } from './EditPlugin';\nimport { newEventToOldEvent, oldEventToNewEvent } from '../editor/utils/eventConverter';\nimport type {\n    EditorPlugin as LegacyEditorPlugin,\n    PluginEvent as LegacyPluginEvent,\n    ContextMenuProvider as LegacyContextMenuProvider,\n    IEditor as ILegacyEditor,\n    ExperimentalFeatures,\n    SizeTransformer,\n    EditPluginState,\n    CustomData,\n    DarkColorHandler,\n} from 'roosterjs-editor-types';\nimport type {\n    ContextMenuProvider,\n    IStandaloneEditor,\n    PluginEvent,\n} from 'roosterjs-content-model-types';\n\nconst ExclusivelyHandleEventPluginKey = '__ExclusivelyHandleEventPlugin';\n\n/**\n * @internal\n * Represents the core data structure of a editor adapter\n */\nexport interface EditorAdapterCore {\n    /**\n     * Custom data of this editor\n     */\n    readonly customData: Record<string, CustomData>;\n\n    /**\n     * Enabled experimental features\n     */\n    readonly experimentalFeatures: ExperimentalFeatures[];\n\n    /**\n     * Dark model handler for the editor, used for variable-based solution.\n     * If keep it null, editor will still use original dataset-based dark mode solution.\n     */\n    readonly darkColorHandler: DarkColorHandler;\n\n    /**\n     * Plugin state of EditPlugin\n     */\n    readonly edit: EditPluginState;\n\n    /**\n     * Context Menu providers\n     */\n    readonly contextMenuProviders: LegacyContextMenuProvider<any>[];\n\n    /**\n     * @deprecated Use zoomScale instead\n     */\n    readonly sizeTransformer: SizeTransformer;\n}\n\n/**\n * @internal\n * Act as a bridge between Standalone editor and Content Model editor, translate Standalone editor event type to legacy event type\n */\nexport class BridgePlugin implements ContextMenuProvider<any> {\n    private legacyPlugins: LegacyEditorPlugin[];\n    private edit: EditPluginState;\n    private contextMenuProviders: LegacyContextMenuProvider<any>[];\n    private checkExclusivelyHandling: boolean;\n\n    constructor(\n        private onInitialize: (core: EditorAdapterCore) => ILegacyEditor,\n        legacyPlugins: LegacyEditorPlugin[] = [],\n        private experimentalFeatures: ExperimentalFeatures[] = []\n    ) {\n        const editPlugin = createEditPlugin();\n\n        this.legacyPlugins = [editPlugin, ...legacyPlugins.filter(x => !!x)];\n        this.edit = editPlugin.getState();\n        this.contextMenuProviders = this.legacyPlugins.filter(isContextMenuProvider);\n        this.checkExclusivelyHandling = this.legacyPlugins.some(\n            plugin => plugin.willHandleEventExclusively\n        );\n    }\n\n    /**\n     * Get a friendly name of  this plugin\n     */\n    getName() {\n        return 'Bridge';\n    }\n\n    /**\n     * Initialize this plugin. This should only be called from Editor\n     * @param editor Editor instance\n     */\n    initialize(editor: IStandaloneEditor) {\n        const outerEditor = this.onInitialize(this.createEditorCore(editor));\n\n        this.legacyPlugins.forEach(plugin => plugin.initialize(outerEditor));\n    }\n\n    /**\n     * Dispose this plugin\n     */\n    dispose() {\n        for (let i = this.legacyPlugins.length - 1; i >= 0; i--) {\n            const plugin = this.legacyPlugins[i];\n\n            plugin.dispose();\n        }\n    }\n\n    willHandleEventExclusively(event: PluginEvent) {\n        let oldEvent: LegacyPluginEvent | undefined;\n\n        if (this.checkExclusivelyHandling && (oldEvent = newEventToOldEvent(event))) {\n            for (let i = 0; i < this.legacyPlugins.length; i++) {\n                const plugin = this.legacyPlugins[i];\n\n                if (plugin.willHandleEventExclusively?.(oldEvent)) {\n                    if (!event.eventDataCache) {\n                        event.eventDataCache = {};\n                    }\n\n                    event.eventDataCache[ExclusivelyHandleEventPluginKey] = plugin;\n                    return true;\n                }\n            }\n        }\n\n        return false;\n    }\n\n    onPluginEvent(event: PluginEvent) {\n        const oldEvent = newEventToOldEvent(event);\n\n        if (oldEvent) {\n            const exclusivelyHandleEventPlugin = event.eventDataCache?.[\n                ExclusivelyHandleEventPluginKey\n            ] as LegacyEditorPlugin | undefined;\n\n            if (exclusivelyHandleEventPlugin) {\n                exclusivelyHandleEventPlugin.onPluginEvent?.(oldEvent);\n            } else {\n                this.legacyPlugins.forEach(plugin => plugin.onPluginEvent?.(oldEvent));\n            }\n\n            Object.assign(event, oldEventToNewEvent(oldEvent, event));\n        }\n    }\n\n    /**\n     * A callback to return context menu items\n     * @param target Target node that triggered a ContextMenu event\n     * @returns An array of context menu items, or null means no items needed\n     */\n    getContextMenuItems(target: Node): any[] {\n        const allItems: any[] = [];\n\n        this.contextMenuProviders.forEach(provider => {\n            const items = provider.getContextMenuItems(target) ?? [];\n            if (items?.length > 0) {\n                if (allItems.length > 0) {\n                    allItems.push(null);\n                }\n\n                allItems.push(...items);\n            }\n        });\n\n        return allItems;\n    }\n\n    private createEditorCore(editor: IStandaloneEditor): EditorAdapterCore {\n        return {\n            customData: {},\n            experimentalFeatures: this.experimentalFeatures ?? [],\n            sizeTransformer: createSizeTransformer(editor),\n            darkColorHandler: createDarkColorHandler(editor.getColorManager()),\n            edit: this.edit,\n            contextMenuProviders: this.contextMenuProviders,\n        };\n    }\n}\n\n/**\n * @internal Export for test only. This function is only used for compatibility from older build\n\n */\nexport function createSizeTransformer(editor: IStandaloneEditor): SizeTransformer {\n    return size => size / editor.getDOMHelper().calculateZoomScale();\n}\n\nfunction isContextMenuProvider(\n    source: LegacyEditorPlugin\n): source is LegacyContextMenuProvider<any> {\n    return !!(<LegacyContextMenuProvider<any>>source)?.getContextMenuItems;\n}\n"]}
+{"version":3,"file":"BridgePlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-editor-adapter/lib/corePlugins/BridgePlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { cacheGetEventData } from 'roosterjs-content-model-core';\nimport { createDarkColorHandler } from '../editor/DarkColorHandlerImpl';\nimport { createEditPlugin } from './EditPlugin';\nimport { newEventToOldEvent, oldEventToNewEvent } from '../editor/utils/eventConverter';\nimport type {\n    EditorPlugin as LegacyEditorPlugin,\n    ContextMenuProvider as LegacyContextMenuProvider,\n    IEditor as ILegacyEditor,\n    ExperimentalFeatures,\n    SizeTransformer,\n    EditPluginState,\n    CustomData,\n    DarkColorHandler,\n} from 'roosterjs-editor-types';\nimport type { ContextMenuProvider, IEditor, PluginEvent } from 'roosterjs-content-model-types';\n\nconst ExclusivelyHandleEventPluginKey = '__ExclusivelyHandleEventPlugin';\nconst OldEventKey = '__OldEventFromNewEvent';\n\n/**\n * @internal\n * Represents the core data structure of a editor adapter\n */\nexport interface EditorAdapterCore {\n    /**\n     * Custom data of this editor\n     */\n    readonly customData: Record<string, CustomData>;\n\n    /**\n     * Enabled experimental features\n     */\n    readonly experimentalFeatures: ExperimentalFeatures[];\n\n    /**\n     * Dark model handler for the editor, used for variable-based solution.\n     * If keep it null, editor will still use original dataset-based dark mode solution.\n     */\n    readonly darkColorHandler: DarkColorHandler;\n\n    /**\n     * Plugin state of EditPlugin\n     */\n    readonly edit: EditPluginState;\n\n    /**\n     * Context Menu providers\n     */\n    readonly contextMenuProviders: LegacyContextMenuProvider<any>[];\n\n    /**\n     * @deprecated Use zoomScale instead\n     */\n    readonly sizeTransformer: SizeTransformer;\n}\n\n/**\n * @internal\n * Act as a bridge between Standalone editor and Content Model editor, translate Standalone editor event type to legacy event type\n */\nexport class BridgePlugin implements ContextMenuProvider<any> {\n    private legacyPlugins: LegacyEditorPlugin[];\n    private edit: EditPluginState;\n    private contextMenuProviders: LegacyContextMenuProvider<any>[];\n    private checkExclusivelyHandling: boolean;\n\n    constructor(\n        private onInitialize: (core: EditorAdapterCore) => ILegacyEditor,\n        legacyPlugins: LegacyEditorPlugin[] = [],\n        private experimentalFeatures: ExperimentalFeatures[] = []\n    ) {\n        const editPlugin = createEditPlugin();\n\n        this.legacyPlugins = [editPlugin, ...legacyPlugins.filter(x => !!x)];\n        this.edit = editPlugin.getState();\n        this.contextMenuProviders = this.legacyPlugins.filter(isContextMenuProvider);\n        this.checkExclusivelyHandling = this.legacyPlugins.some(\n            plugin => plugin.willHandleEventExclusively\n        );\n    }\n\n    /**\n     * Get a friendly name of  this plugin\n     */\n    getName() {\n        return 'Bridge';\n    }\n\n    /**\n     * Initialize this plugin. This should only be called from Editor\n     * @param editor Editor instance\n     */\n    initialize(editor: IEditor) {\n        const outerEditor = this.onInitialize(this.createEditorCore(editor));\n\n        this.legacyPlugins.forEach(plugin => plugin.initialize(outerEditor));\n    }\n\n    /**\n     * Dispose this plugin\n     */\n    dispose() {\n        for (let i = this.legacyPlugins.length - 1; i >= 0; i--) {\n            const plugin = this.legacyPlugins[i];\n\n            plugin.dispose();\n        }\n    }\n\n    willHandleEventExclusively(event: PluginEvent) {\n        return this.checkExclusivelyHandling && !!this.cacheGetExclusivelyHandlePlugin(event);\n    }\n\n    onPluginEvent(event: PluginEvent) {\n        const oldEvent = this.cacheGetOldEvent(event);\n\n        if (oldEvent) {\n            const exclusivelyHandleEventPlugin = this.cacheGetExclusivelyHandlePlugin(event);\n\n            if (exclusivelyHandleEventPlugin) {\n                exclusivelyHandleEventPlugin.onPluginEvent?.(oldEvent);\n            } else {\n                this.legacyPlugins.forEach(plugin => plugin.onPluginEvent?.(oldEvent));\n            }\n\n            Object.assign(event, oldEventToNewEvent(oldEvent, event));\n        }\n    }\n\n    /**\n     * A callback to return context menu items\n     * @param target Target node that triggered a ContextMenu event\n     * @returns An array of context menu items, or null means no items needed\n     */\n    getContextMenuItems(target: Node): any[] {\n        const allItems: any[] = [];\n\n        this.contextMenuProviders.forEach(provider => {\n            const items = provider.getContextMenuItems(target) ?? [];\n            if (items?.length > 0) {\n                if (allItems.length > 0) {\n                    allItems.push(null);\n                }\n\n                allItems.push(...items);\n            }\n        });\n\n        return allItems;\n    }\n\n    private cacheGetExclusivelyHandlePlugin(event: PluginEvent) {\n        return cacheGetEventData(event, ExclusivelyHandleEventPluginKey, event => {\n            const oldEvent = this.cacheGetOldEvent(event);\n\n            if (oldEvent) {\n                for (let i = 0; i < this.legacyPlugins.length; i++) {\n                    const plugin = this.legacyPlugins[i];\n\n                    if (plugin.willHandleEventExclusively?.(oldEvent)) {\n                        return plugin;\n                    }\n                }\n            }\n\n            return null;\n        });\n    }\n\n    private cacheGetOldEvent(event: PluginEvent) {\n        return cacheGetEventData(event, OldEventKey, newEventToOldEvent);\n    }\n\n    private createEditorCore(editor: IEditor): EditorAdapterCore {\n        return {\n            customData: {},\n            experimentalFeatures: this.experimentalFeatures ?? [],\n            sizeTransformer: createSizeTransformer(editor),\n            darkColorHandler: createDarkColorHandler(editor.getColorManager()),\n            edit: this.edit,\n            contextMenuProviders: this.contextMenuProviders,\n        };\n    }\n}\n\n/**\n * @internal Export for test only. This function is only used for compatibility from older build\n\n */\nexport function createSizeTransformer(editor: IEditor): SizeTransformer {\n    return size => size / editor.getDOMHelper().calculateZoomScale();\n}\n\nfunction isContextMenuProvider(\n    source: LegacyEditorPlugin\n): source is LegacyContextMenuProvider<any> {\n    return !!(<LegacyContextMenuProvider<any>>source)?.getContextMenuItems;\n}\n"]}

package/lib/editor/EditorAdapter.d.ts

@@ -1,14 +1,14 @@
-import { StandaloneEditor } from 'roosterjs-content-model-core';
+import { Editor } from 'roosterjs-content-model-core';
 import { ChangeSource, ColorTransformDirection, ContentPosition, GetContentMode, PluginEventType, QueryScope, RegionType } from 'roosterjs-editor-types';
-import type { BlockElement, ClipboardData, ContentChangedData, DOMEventHandler, DefaultFormat, EditorUndoState, ExperimentalFeatures, GenericContentEditFeature, IContentTraverser, IPositionContentSearcher, InsertOption, NodePosition, PendableFormatState, PluginEvent, PluginEventData, PluginEventFromType, PositionType, Region, SelectionPath, SelectionRangeEx, SizeTransformer, StyleBasedFormatState, TableSelection, DarkColorHandler, IEditor } from 'roosterjs-editor-types';
+import type { BlockElement, ClipboardData, ContentChangedData, DOMEventHandler, DefaultFormat, EditorUndoState, ExperimentalFeatures, GenericContentEditFeature, IContentTraverser, IPositionContentSearcher, InsertOption, NodePosition, PendableFormatState, PluginEvent, PluginEventData, PluginEventFromType, PositionType, Region, SelectionPath, SelectionRangeEx, SizeTransformer, StyleBasedFormatState, TableSelection, DarkColorHandler, IEditor as ILegacyEditor } from 'roosterjs-editor-types';
 import type { CompatibleChangeSource, CompatibleColorTransformDirection, CompatibleContentPosition, CompatibleExperimentalFeatures, CompatibleGetContentMode, CompatiblePluginEventType, CompatibleQueryScope, CompatibleRegionType } from 'roosterjs-editor-types/lib/compatibleTypes';
 import type { EditorAdapterOptions } from '../publicTypes/EditorAdapterOptions';
-import type { IStandaloneEditor } from 'roosterjs-content-model-types';
+import type { IEditor } from 'roosterjs-content-model-types';
 /**
  * Editor for Content Model.
  * (This class is still under development, and may still be changed in the future with some breaking changes)
  */
-export declare class EditorAdapter extends StandaloneEditor implements IEditor {
+export declare class EditorAdapter extends Editor implements ILegacyEditor {
     private contentModelEditorCore;
     /**
      * Creates an instance of Editor
@@ -244,7 +244,7 @@ export declare class EditorAdapter extends StandaloneEditor implements IEditor {
      * @param callback The callback function to run
      * @returns a function to cancel this async run
      */
-    runAsync(callback: (editor: IEditor & IStandaloneEditor) => void): () => void;
+    runAsync(callback: (editor: ILegacyEditor & IEditor) => void): () => void;
     /**
      * Set DOM attribute of editor content DIV
      * @param name Name of the attribute

package/lib/editor/EditorAdapter.js

@@ -90,18 +90,18 @@ var EditorAdapter = /** @class */ (function (_super) {
                 replaceSelection: true,
                 insertToRegionRoot: false,
             };
-            var contentDiv = this.getCore().contentDiv;
+            var physicalRoot = this.getCore().physicalRoot;
             if (option.updateCursor) {
                 this.focus();
             }
             if (option.position == 4 /* Outside */) {
-                (_a = contentDiv.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(node, contentDiv.nextSibling);
+                (_a = physicalRoot.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(node, physicalRoot.nextSibling);
             }
             else {
                 if (this.isDarkMode()) {
                     (0, roosterjs_content_model_core_1.transformColor)(node, true /*includeSelf*/, 'lightToDark', this.getColorManager());
                 }
-                var selection = (0, insertNode_1.insertNode)(contentDiv, this.getDOMSelection(), node, option);
+                var selection = (0, insertNode_1.insertNode)(physicalRoot, this.getDOMSelection(), node, option);
                 if (selection && option.updateCursor) {
                     this.setDOMSelection(selection);
                 }
@@ -151,13 +151,13 @@ var EditorAdapter = /** @class */ (function (_super) {
      * @returns The BlockElement result
      */
     EditorAdapter.prototype.getBlockElementAtNode = function (node) {
-        return (0, roosterjs_editor_dom_1.getBlockElementAtNode)(this.getCore().contentDiv, node);
+        return (0, roosterjs_editor_dom_1.getBlockElementAtNode)(this.getCore().logicalRoot, node);
     };
     EditorAdapter.prototype.contains = function (arg) {
         if (!arg) {
             return false;
         }
-        return (0, roosterjs_editor_dom_1.contains)(this.getCore().contentDiv, arg);
+        return (0, roosterjs_editor_dom_1.contains)(this.getCore().logicalRoot, arg);
     };
     EditorAdapter.prototype.queryElements = function (selector, scopeOrCallback, callback) {
         if (scopeOrCallback === void 0) { scopeOrCallback = 0 /* Body */; }
@@ -168,11 +168,11 @@ var EditorAdapter = /** @class */ (function (_super) {
         var selectionEx = scope == 0 /* Body */ ? null : this.getSelectionRangeEx();
         if (selectionEx) {
             selectionEx.ranges.forEach(function (range) {
-                result.push.apply(result, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)((0, roosterjs_editor_dom_1.queryElements)(core.contentDiv, selector, callback, scope, range)), false));
+                result.push.apply(result, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)((0, roosterjs_editor_dom_1.queryElements)(core.logicalRoot, selector, callback, scope, range)), false));
             });
         }
         else {
-            return (0, roosterjs_editor_dom_1.queryElements)(core.contentDiv, selector, callback, scope, undefined /* range */);
+            return (0, roosterjs_editor_dom_1.queryElements)(core.logicalRoot, selector, callback, scope, undefined /* range */);
         }
         return result;
     };
@@ -188,7 +188,7 @@ var EditorAdapter = /** @class */ (function (_super) {
      * otherwise just return start and end
      */
     EditorAdapter.prototype.collapseNodes = function (start, end, canSplitParent) {
-        return (0, roosterjs_editor_dom_1.collapseNodes)(this.getCore().contentDiv, start, end, canSplitParent);
+        return (0, roosterjs_editor_dom_1.collapseNodes)(this.getCore().physicalRoot, start, end, canSplitParent);
     };
     //#endregion
     //#region Content API
@@ -198,7 +198,7 @@ var EditorAdapter = /** @class */ (function (_super) {
      * @returns True if there's no visible content, otherwise false
      */
     EditorAdapter.prototype.isEmpty = function (trim) {
-        return (0, roosterjs_editor_dom_1.isNodeEmpty)(this.getCore().contentDiv, trim);
+        return (0, roosterjs_editor_dom_1.isNodeEmpty)(this.getCore().physicalRoot, trim);
     };
     /**
      * Get current editor content as HTML string
@@ -217,7 +217,7 @@ var EditorAdapter = /** @class */ (function (_super) {
     EditorAdapter.prototype.setContent = function (content, triggerContentChangedEvent) {
         if (triggerContentChangedEvent === void 0) { triggerContentChangedEvent = true; }
         var core = this.getCore();
-        var contentDiv = core.contentDiv, api = core.api, trustedHTMLHandler = core.trustedHTMLHandler, lifecycle = core.lifecycle, darkColorHandler = core.darkColorHandler;
+        var physicalRoot = core.physicalRoot, api = core.api, trustedHTMLHandler = core.trustedHTMLHandler, lifecycle = core.lifecycle, darkColorHandler = core.darkColorHandler;
         api.triggerEvent(core, {
             eventType: 'beforeSetContent',
             newContent: content,
@@ -231,7 +231,7 @@ var EditorAdapter = /** @class */ (function (_super) {
             }, false /*broadcast*/);
         }
         else if (lifecycle.isDarkMode) {
-            (0, roosterjs_content_model_core_1.transformColor)(contentDiv, false /*includeSelf*/, 'lightToDark', darkColorHandler);
+            (0, roosterjs_content_model_core_1.transformColor)(physicalRoot, false /*includeSelf*/, 'lightToDark', darkColorHandler);
         }
     };
     /**
@@ -266,7 +266,7 @@ var EditorAdapter = /** @class */ (function (_super) {
     EditorAdapter.prototype.deleteSelectedContent = function () {
         var range = this.getSelectionRange();
         if (range && !range.collapsed) {
-            return (0, roosterjs_editor_dom_1.deleteSelectedContent)(this.getCore().contentDiv, range);
+            return (0, roosterjs_editor_dom_1.deleteSelectedContent)(this.getCore().physicalRoot, range);
         }
         return null;
     };
@@ -322,11 +322,11 @@ var EditorAdapter = /** @class */ (function (_super) {
      */
     EditorAdapter.prototype.getSelectionPath = function () {
         var range = this.getSelectionRange();
-        return range && (0, roosterjs_editor_dom_1.getSelectionPath)(this.getCore().contentDiv, range);
+        return range && (0, roosterjs_editor_dom_1.getSelectionPath)(this.getCore().physicalRoot, range);
     };
     EditorAdapter.prototype.select = function (arg1, arg2, arg3, arg4) {
         var core = this.getCore();
-        var rangeEx = (0, buildRangeEx_1.buildRangeEx)(core.contentDiv, arg1, arg2, arg3, arg4);
+        var rangeEx = (0, buildRangeEx_1.buildRangeEx)(core.physicalRoot, arg1, arg2, arg3, arg4);
         var selection = (0, selectionConverter_1.convertRangeExToDomSelection)(rangeEx);
         this.setDOMSelection(selection);
         return true;
@@ -368,7 +368,7 @@ var EditorAdapter = /** @class */ (function (_super) {
                 startFrom = position === null || position === void 0 ? void 0 : position.node;
             }
             return (startFrom &&
-                (0, roosterjs_editor_dom_1.findClosestElementAncestor)(startFrom, _this.getCore().contentDiv, selector));
+                (0, roosterjs_editor_dom_1.findClosestElementAncestor)(startFrom, _this.getCore().physicalRoot, selector));
         })) !== null && _a !== void 0 ? _a : null);
     };
     /**
@@ -378,7 +378,7 @@ var EditorAdapter = /** @class */ (function (_super) {
      * @returns True if position is at beginning of the editor, otherwise false
      */
     EditorAdapter.prototype.isPositionAtBeginning = function (position) {
-        return (0, roosterjs_editor_dom_1.isPositionAtBeginningOf)(position, this.getCore().contentDiv);
+        return (0, roosterjs_editor_dom_1.isPositionAtBeginningOf)(position, this.getCore().logicalRoot);
     };
     /**
      * Get impacted regions from selection
@@ -387,9 +387,9 @@ var EditorAdapter = /** @class */ (function (_super) {
         if (type === void 0) { type = 0 /* Table */; }
         var selection = this.getSelectionRangeEx();
         var result = [];
-        var contentDiv = this.getCore().contentDiv;
+        var logicalRoot = this.getCore().logicalRoot;
         selection.ranges.forEach(function (range) {
-            result.push.apply(result, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)((range ? (0, roosterjs_editor_dom_1.getRegionsFromRange)(contentDiv, range, type) : [])), false));
+            result.push.apply(result, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)((range ? (0, roosterjs_editor_dom_1.getRegionsFromRange)(logicalRoot, range, type) : [])), false));
         });
         return result.filter(function (value, index, self) {
             return self.indexOf(value) === index;
@@ -583,7 +583,7 @@ var EditorAdapter = /** @class */ (function (_super) {
      * @param startNode The node to start from. If not passed, it will start from the beginning of the body
      */
     EditorAdapter.prototype.getBodyTraverser = function (startNode) {
-        return roosterjs_editor_dom_1.ContentTraverser.createBodyTraverser(this.getCore().contentDiv, startNode);
+        return roosterjs_editor_dom_1.ContentTraverser.createBodyTraverser(this.getCore().logicalRoot, startNode);
     };
     /**
      * Get a content traverser for current selection
@@ -593,7 +593,7 @@ var EditorAdapter = /** @class */ (function (_super) {
         var _a;
         range = (_a = range !== null && range !== void 0 ? range : this.getSelectionRange()) !== null && _a !== void 0 ? _a : undefined;
         return range
-            ? roosterjs_editor_dom_1.ContentTraverser.createSelectionTraverser(this.getCore().contentDiv, range)
+            ? roosterjs_editor_dom_1.ContentTraverser.createSelectionTraverser(this.getCore().logicalRoot, range)
             : null;
     };
     /**
@@ -605,7 +605,7 @@ var EditorAdapter = /** @class */ (function (_super) {
         if (startFrom === void 0) { startFrom = 3 /* SelectionStart */; }
         var range = this.getSelectionRange();
         return range
-            ? roosterjs_editor_dom_1.ContentTraverser.createBlockTraverser(this.getCore().contentDiv, range, startFrom)
+            ? roosterjs_editor_dom_1.ContentTraverser.createBlockTraverser(this.getCore().logicalRoot, range, startFrom)
             : null;
     };
     /**
@@ -619,7 +619,7 @@ var EditorAdapter = /** @class */ (function (_super) {
         return (0, roosterjs_editor_dom_1.cacheGetEventData)(event !== null && event !== void 0 ? event : null, 'ContentSearcher', function () {
             var range = _this.getSelectionRange();
             return (range &&
-                new roosterjs_editor_dom_1.PositionContentSearcher(_this.getCore().contentDiv, roosterjs_editor_dom_1.Position.getStart(range)));
+                new roosterjs_editor_dom_1.PositionContentSearcher(_this.getCore().logicalRoot, roosterjs_editor_dom_1.Position.getStart(range)));
         });
     };
     /**
@@ -629,7 +629,7 @@ var EditorAdapter = /** @class */ (function (_super) {
      */
     EditorAdapter.prototype.runAsync = function (callback) {
         var _this = this;
-        var win = this.getCore().contentDiv.ownerDocument.defaultView || window;
+        var win = this.getCore().physicalRoot.ownerDocument.defaultView || window;
         var handle = win.requestAnimationFrame(function () {
             if (!_this.isDisposed() && callback) {
                 callback(_this);
@@ -665,15 +665,15 @@ var EditorAdapter = /** @class */ (function (_super) {
      */
     EditorAdapter.prototype.getRelativeDistanceToEditor = function (element, addScroll) {
         if (this.contains(element)) {
-            var contentDiv = this.getCore().contentDiv;
-            var editorRect = contentDiv.getBoundingClientRect();
+            var physicalRoot = this.getCore().physicalRoot;
+            var editorRect = physicalRoot.getBoundingClientRect();
             var elementRect = element.getBoundingClientRect();
             if (editorRect && elementRect) {
                 var x = elementRect.left - (editorRect === null || editorRect === void 0 ? void 0 : editorRect.left);
                 var y = elementRect.top - (editorRect === null || editorRect === void 0 ? void 0 : editorRect.top);
                 if (addScroll) {
-                    x += contentDiv.scrollLeft;
-                    y += contentDiv.scrollTop;
+                    x += physicalRoot.scrollLeft;
+                    y += physicalRoot.scrollTop;
                 }
                 return [x, y];
             }
@@ -838,6 +838,6 @@ var EditorAdapter = /** @class */ (function (_super) {
         return this.contentModelEditorCore;
     };
     return EditorAdapter;
-}(roosterjs_content_model_core_1.StandaloneEditor));
+}(roosterjs_content_model_core_1.Editor));
 exports.EditorAdapter = EditorAdapter;
 //# sourceMappingURL=EditorAdapter.js.map