roosterjs-content-model-core 0.20.0

package/lib/coreApi/formatContentModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatContentModel.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-core/lib/coreApi/formatContentModel.ts"],"names":[],"mappings":"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","sourcesContent":["import { ChangeSource } from '../constants/ChangeSource';\nimport { ColorTransformDirection, EntityOperation, PluginEventType } from 'roosterjs-editor-types';\nimport type { EditorCore, Entity } from 'roosterjs-editor-types';\nimport type {\n    ContentModelContentChangedEvent,\n    DOMSelection,\n    EntityRemovalOperation,\n    FormatContentModel,\n    FormatWithContentModelContext,\n    StandaloneEditorCore,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * The general API to do format change with Content Model\n * It will grab a Content Model for current editor content, and invoke a callback function\n * to do format change. Then according to the return value, write back the modified content model into editor.\n * If there is cached model, it will be used and updated.\n * @param core The StandaloneEditorCore object\n * @param formatter Formatter function, see ContentModelFormatter\n * @param options More options, see FormatWithContentModelOptions\n */\nexport const formatContentModel: FormatContentModel = (core, formatter, options) => {\n    const { apiName, onNodeCreated, getChangeData, changeSource, rawEvent, selectionOverride } =\n        options || {};\n\n    const model = core.api.createContentModel(core, undefined /*option*/, selectionOverride);\n    const context: FormatWithContentModelContext = {\n        newEntities: [],\n        deletedEntities: [],\n        rawEvent,\n        newImages: [],\n    };\n    let selection: DOMSelection | undefined;\n\n    if (formatter(model, context)) {\n        const writeBack = () => {\n            handleNewEntities(core, context);\n            handleDeletedEntities(core, context);\n            handleImages(core, context);\n\n            selection =\n                core.api.setContentModel(core, model, undefined /*options*/, onNodeCreated) ||\n                undefined;\n\n            handlePendingFormat(core, context, selection);\n        };\n\n        if (context.skipUndoSnapshot) {\n            writeBack();\n        } else {\n            core.api.addUndoSnapshot(\n                core,\n                writeBack,\n                null /*changeSource, passing undefined here to avoid triggering ContentChangedEvent. We will trigger it using it with Content Model below */,\n                false /*canUndoByBackspace*/,\n                {\n                    formatApiName: apiName,\n                }\n            );\n        }\n\n        const eventData: ContentModelContentChangedEvent = {\n            eventType: PluginEventType.ContentChanged,\n            contentModel: context.clearModelCache ? undefined : model,\n            selection: context.clearModelCache ? undefined : selection,\n            source: changeSource || ChangeSource.Format,\n            data: getChangeData?.(),\n            additionalData: {\n                formatApiName: apiName,\n            },\n        };\n        core.api.triggerEvent(core, eventData, true /*broadcast*/);\n    } else {\n        if (context.clearModelCache) {\n            core.cache.cachedModel = undefined;\n            core.cache.cachedSelection = undefined;\n        }\n\n        handlePendingFormat(core, context, core.api.getDOMSelection(core));\n    }\n};\n\nfunction handleNewEntities(core: EditorCore, context: FormatWithContentModelContext) {\n    // TODO: Ideally we can trigger NewEntity event here. But to be compatible with original editor code, we don't do it here for now.\n    // Once Content Model Editor can be standalone, we can change this behavior to move triggering NewEntity event code\n    // from EntityPlugin to here\n\n    if (core.lifecycle.isDarkMode) {\n        context.newEntities.forEach(entity => {\n            core.api.transformColor(\n                core,\n                entity.wrapper,\n                true /*includeSelf*/,\n                null /*callback*/,\n                ColorTransformDirection.LightToDark\n            );\n        });\n    }\n}\n\n// This is only used for compatibility with old editor\n// TODO: Remove this map once we have standalone editor\nconst EntityOperationMap: Record<EntityRemovalOperation, EntityOperation> = {\n    overwrite: EntityOperation.Overwrite,\n    removeFromEnd: EntityOperation.RemoveFromEnd,\n    removeFromStart: EntityOperation.RemoveFromStart,\n};\n\nfunction handleDeletedEntities(core: EditorCore, context: FormatWithContentModelContext) {\n    context.deletedEntities.forEach(\n        ({\n            entity: {\n                wrapper,\n                entityFormat: { id, entityType, isReadonly },\n            },\n            operation,\n        }) => {\n            if (id && entityType) {\n                // TODO: Revisit this entity parameter for standalone editor, we may just directly pass ContentModelEntity object instead\n                const entity: Entity = {\n                    id,\n                    type: entityType,\n                    isReadonly: !!isReadonly,\n                    wrapper,\n                };\n                core.api.triggerEvent(\n                    core,\n                    {\n                        eventType: PluginEventType.EntityOperation,\n                        entity,\n                        operation: EntityOperationMap[operation],\n                        rawEvent: context.rawEvent,\n                    },\n                    false /*broadcast*/\n                );\n            }\n        }\n    );\n}\n\nfunction handleImages(core: EditorCore, context: FormatWithContentModelContext) {\n    if (context.newImages.length > 0) {\n        const viewport = core.getVisibleViewport();\n\n        if (viewport) {\n            const { left, right } = viewport;\n            const minMaxImageSize = 10;\n            const maxWidth = Math.max(right - left, minMaxImageSize);\n            context.newImages.forEach(image => {\n                image.format.maxWidth = `${maxWidth}px`;\n            });\n        }\n    }\n}\n\nfunction handlePendingFormat(\n    core: StandaloneEditorCore,\n    context: FormatWithContentModelContext,\n    selection?: DOMSelection | null\n) {\n    const pendingFormat =\n        context.newPendingFormat == 'preserve'\n            ? core.format.pendingFormat?.format\n            : context.newPendingFormat;\n\n    if (pendingFormat && selection?.type == 'range' && selection.range.collapsed) {\n        core.format.pendingFormat = {\n            format: { ...pendingFormat },\n            posContainer: selection.range.startContainer,\n            posOffset: selection.range.startOffset,\n        };\n    }\n}\n"]}

package/lib/coreApi/getDOMSelection.d.ts

@@ -0,0 +1,5 @@
+import type { GetDOMSelection } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const getDOMSelection: GetDOMSelection;

package/lib/coreApi/getDOMSelection.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDOMSelection = void 0;
+/**
+ * @internal
+ */
+var getDOMSelection = function (core) {
+    var _a;
+    return (_a = core.cache.cachedSelection) !== null && _a !== void 0 ? _a : getNewSelection(core);
+};
+exports.getDOMSelection = getDOMSelection;
+function getNewSelection(core) {
+    // TODO: Get rid of getSelectionRangeEx when we have standalone editor
+    var rangeEx = core.api.getSelectionRangeEx(core);
+    if (rangeEx.type == 0 /* Normal */ && rangeEx.ranges[0]) {
+        return {
+            type: 'range',
+            range: rangeEx.ranges[0],
+        };
+    }
+    else if (rangeEx.type == 1 /* TableSelection */ && rangeEx.coordinates) {
+        return {
+            type: 'table',
+            table: rangeEx.table,
+            firstColumn: rangeEx.coordinates.firstCell.x,
+            lastColumn: rangeEx.coordinates.lastCell.x,
+            firstRow: rangeEx.coordinates.firstCell.y,
+            lastRow: rangeEx.coordinates.lastCell.y,
+        };
+    }
+    else if (rangeEx.type == 2 /* ImageSelection */) {
+        return {
+            type: 'image',
+            image: rangeEx.image,
+        };
+    }
+    else {
+        return null;
+    }
+}
+//# sourceMappingURL=getDOMSelection.js.map

package/lib/coreApi/getDOMSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDOMSelection.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-core/lib/coreApi/getDOMSelection.ts"],"names":[],"mappings":";;;AAIA;;GAEG;AACI,IAAM,eAAe,GAAoB,UAAA,IAAI;;IAChD,OAAO,MAAA,IAAI,CAAC,KAAK,CAAC,eAAe,mCAAI,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/D,CAAC,CAAC;AAFW,QAAA,eAAe,mBAE1B;AAEF,SAAS,eAAe,CAAC,IAAgB;IACrC,sEAAsE;IACtE,IAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAEnD,IAAI,OAAO,CAAC,IAAI,kBAA8B,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;QACjE,OAAO;YACH,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;SAC3B,CAAC;KACL;SAAM,IAAI,OAAO,CAAC,IAAI,0BAAsC,IAAI,OAAO,CAAC,WAAW,EAAE;QAClF,OAAO;YACH,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,OAAO,CAAC,KAAK;YACpB,WAAW,EAAE,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;YAC5C,UAAU,EAAE,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YAC1C,QAAQ,EAAE,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;YACzC,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;SAC1C,CAAC;KACL;SAAM,IAAI,OAAO,CAAC,IAAI,0BAAsC,EAAE;QAC3D,OAAO;YACH,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,OAAO,CAAC,KAAK;SACvB,CAAC;KACL;SAAM;QACH,OAAO,IAAI,CAAC;KACf;AACL,CAAC","sourcesContent":["import { SelectionRangeTypes } from 'roosterjs-editor-types';\nimport type { EditorCore } from 'roosterjs-editor-types';\nimport type { DOMSelection, GetDOMSelection } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const getDOMSelection: GetDOMSelection = core => {\n    return core.cache.cachedSelection ?? getNewSelection(core);\n};\n\nfunction getNewSelection(core: EditorCore): DOMSelection | null {\n    // TODO: Get rid of getSelectionRangeEx when we have standalone editor\n    const rangeEx = core.api.getSelectionRangeEx(core);\n\n    if (rangeEx.type == SelectionRangeTypes.Normal && rangeEx.ranges[0]) {\n        return {\n            type: 'range',\n            range: rangeEx.ranges[0],\n        };\n    } else if (rangeEx.type == SelectionRangeTypes.TableSelection && rangeEx.coordinates) {\n        return {\n            type: 'table',\n            table: rangeEx.table,\n            firstColumn: rangeEx.coordinates.firstCell.x,\n            lastColumn: rangeEx.coordinates.lastCell.x,\n            firstRow: rangeEx.coordinates.firstCell.y,\n            lastRow: rangeEx.coordinates.lastCell.y,\n        };\n    } else if (rangeEx.type == SelectionRangeTypes.ImageSelection) {\n        return {\n            type: 'image',\n            image: rangeEx.image,\n        };\n    } else {\n        return null;\n    }\n}\n"]}

package/lib/coreApi/setContentModel.d.ts

@@ -0,0 +1,9 @@
+import type { SetContentModel } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Set content with content model
+ * @param core The editor core object
+ * @param model The content model to set
+ * @param option Additional options to customize the behavior of Content Model to DOM conversion
+ */
+export declare const setContentModel: SetContentModel;

package/lib/coreApi/setContentModel.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setContentModel = void 0;
+var tslib_1 = require("tslib");
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+/**
+ * @internal
+ * Set content with content model
+ * @param core The editor core object
+ * @param model The content model to set
+ * @param option Additional options to customize the behavior of Content Model to DOM conversion
+ */
+var setContentModel = function (core, model, option, onNodeCreated) {
+    var editorContext = core.api.createEditorContext(core);
+    var modelToDomContext = option
+        ? roosterjs_content_model_dom_1.createModelToDomContext.apply(void 0, (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([editorContext], (0, tslib_1.__read)((core.defaultModelToDomOptions || [])), false), [option], false)) : (0, roosterjs_content_model_dom_1.createModelToDomContextWithConfig)(core.defaultModelToDomConfig, editorContext);
+    var selection = (0, roosterjs_content_model_dom_1.contentModelToDom)(core.contentDiv.ownerDocument, core.contentDiv, model, modelToDomContext, onNodeCreated);
+    if (!core.lifecycle.shadowEditFragment) {
+        core.cache.cachedSelection = selection || undefined;
+        if (selection) {
+            if (!(option === null || option === void 0 ? void 0 : option.ignoreSelection)) {
+                core.api.setDOMSelection(core, selection);
+            }
+            else if (selection.type == 'range') {
+                core.domEvent.selectionRange = selection.range;
+            }
+        }
+        core.cache.cachedModel = model;
+    }
+    return selection;
+};
+exports.setContentModel = setContentModel;
+//# sourceMappingURL=setContentModel.js.map

package/lib/coreApi/setContentModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setContentModel.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-core/lib/coreApi/setContentModel.ts"],"names":[],"mappings":";;;;AAAA,2EAIqC;AAGrC;;;;;;GAMG;AACI,IAAM,eAAe,GAAoB,UAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa;IAC/E,IAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IACzD,IAAM,iBAAiB,GAAG,MAAM;QAC5B,CAAC,CAAC,qDAAuB,sEAAC,aAAa,uBAAK,CAAC,IAAI,CAAC,wBAAwB,IAAI,EAAE,CAAC,YAAE,MAAM,WACzF,CAAC,CAAC,IAAA,+DAAiC,EAAC,IAAI,CAAC,uBAAuB,EAAE,aAAa,CAAC,CAAC;IAErF,IAAM,SAAS,GAAG,IAAA,+CAAiB,EAC/B,IAAI,CAAC,UAAU,CAAC,aAAa,EAC7B,IAAI,CAAC,UAAU,EACf,KAAK,EACL,iBAAiB,EACjB,aAAa,CAChB,CAAC;IAEF,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,kBAAkB,EAAE;QACpC,IAAI,CAAC,KAAK,CAAC,eAAe,GAAG,SAAS,IAAI,SAAS,CAAC;QAEpD,IAAI,SAAS,EAAE;YACX,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,eAAe,CAAA,EAAE;gBAC1B,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;aAC7C;iBAAM,IAAI,SAAS,CAAC,IAAI,IAAI,OAAO,EAAE;gBAClC,IAAI,CAAC,QAAQ,CAAC,cAAc,GAAG,SAAS,CAAC,KAAK,CAAC;aAClD;SACJ;QAED,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;KAClC;IAED,OAAO,SAAS,CAAC;AACrB,CAAC,CAAC;AA7BW,QAAA,eAAe,mBA6B1B","sourcesContent":["import {\n    contentModelToDom,\n    createModelToDomContext,\n    createModelToDomContextWithConfig,\n} from 'roosterjs-content-model-dom';\nimport type { SetContentModel } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Set content with content model\n * @param core The editor core object\n * @param model The content model to set\n * @param option Additional options to customize the behavior of Content Model to DOM conversion\n */\nexport const setContentModel: SetContentModel = (core, model, option, onNodeCreated) => {\n    const editorContext = core.api.createEditorContext(core);\n    const modelToDomContext = option\n        ? createModelToDomContext(editorContext, ...(core.defaultModelToDomOptions || []), option)\n        : createModelToDomContextWithConfig(core.defaultModelToDomConfig, editorContext);\n\n    const selection = contentModelToDom(\n        core.contentDiv.ownerDocument,\n        core.contentDiv,\n        model,\n        modelToDomContext,\n        onNodeCreated\n    );\n\n    if (!core.lifecycle.shadowEditFragment) {\n        core.cache.cachedSelection = selection || undefined;\n\n        if (selection) {\n            if (!option?.ignoreSelection) {\n                core.api.setDOMSelection(core, selection);\n            } else if (selection.type == 'range') {\n                core.domEvent.selectionRange = selection.range;\n            }\n        }\n\n        core.cache.cachedModel = model;\n    }\n\n    return selection;\n};\n"]}

package/lib/coreApi/setDOMSelection.d.ts

@@ -0,0 +1,5 @@
+import type { SetDOMSelection } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const setDOMSelection: SetDOMSelection;

package/lib/coreApi/setDOMSelection.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setDOMSelection = void 0;
+/**
+ * @internal
+ */
+var setDOMSelection = function (core, selection) {
+    // TODO: Get rid of SelectionRangeEx in standalone editor
+    var rangeEx = selection.type == 'range'
+        ? {
+            type: 0 /* Normal */,
+            ranges: [selection.range],
+            areAllCollapsed: selection.range.collapsed,
+        }
+        : selection.type == 'image'
+            ? {
+                type: 2 /* ImageSelection */,
+                ranges: [],
+                areAllCollapsed: false,
+                image: selection.image,
+            }
+            : {
+                type: 1 /* TableSelection */,
+                ranges: [],
+                areAllCollapsed: false,
+                table: selection.table,
+                coordinates: {
+                    firstCell: {
+                        x: selection.firstColumn,
+                        y: selection.firstRow,
+                    },
+                    lastCell: {
+                        x: selection.lastColumn,
+                        y: selection.lastRow,
+                    },
+                },
+            };
+    core.api.select(core, rangeEx);
+};
+exports.setDOMSelection = setDOMSelection;
+//# sourceMappingURL=setDOMSelection.js.map

package/lib/coreApi/setDOMSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setDOMSelection.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-core/lib/coreApi/setDOMSelection.ts"],"names":[],"mappings":";;;AAIA;;GAEG;AACI,IAAM,eAAe,GAAoB,UAAC,IAAI,EAAE,SAAS;IAC5D,yDAAyD;IACzD,IAAM,OAAO,GACT,SAAS,CAAC,IAAI,IAAI,OAAO;QACrB,CAAC,CAAC;YACI,IAAI,gBAA4B;YAChC,MAAM,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC;YACzB,eAAe,EAAE,SAAS,CAAC,KAAK,CAAC,SAAS;SAC7C;QACH,CAAC,CAAC,SAAS,CAAC,IAAI,IAAI,OAAO;YAC3B,CAAC,CAAC;gBACI,IAAI,wBAAoC;gBACxC,MAAM,EAAE,EAAE;gBACV,eAAe,EAAE,KAAK;gBACtB,KAAK,EAAE,SAAS,CAAC,KAAK;aACzB;YACH,CAAC,CAAC;gBACI,IAAI,wBAAoC;gBACxC,MAAM,EAAE,EAAE;gBACV,eAAe,EAAE,KAAK;gBACtB,KAAK,EAAE,SAAS,CAAC,KAAK;gBACtB,WAAW,EAAE;oBACT,SAAS,EAAE;wBACP,CAAC,EAAE,SAAS,CAAC,WAAW;wBACxB,CAAC,EAAE,SAAS,CAAC,QAAQ;qBACxB;oBACD,QAAQ,EAAE;wBACN,CAAC,EAAE,SAAS,CAAC,UAAU;wBACvB,CAAC,EAAE,SAAS,CAAC,OAAO;qBACvB;iBACJ;aACJ,CAAC;IAEZ,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AACnC,CAAC,CAAC;AAlCW,QAAA,eAAe,mBAkC1B","sourcesContent":["import { SelectionRangeTypes } from 'roosterjs-editor-types';\nimport type { SelectionRangeEx } from 'roosterjs-editor-types';\nimport type { SetDOMSelection } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const setDOMSelection: SetDOMSelection = (core, selection) => {\n    // TODO: Get rid of SelectionRangeEx in standalone editor\n    const rangeEx: SelectionRangeEx =\n        selection.type == 'range'\n            ? {\n                  type: SelectionRangeTypes.Normal,\n                  ranges: [selection.range],\n                  areAllCollapsed: selection.range.collapsed,\n              }\n            : selection.type == 'image'\n            ? {\n                  type: SelectionRangeTypes.ImageSelection,\n                  ranges: [],\n                  areAllCollapsed: false,\n                  image: selection.image,\n              }\n            : {\n                  type: SelectionRangeTypes.TableSelection,\n                  ranges: [],\n                  areAllCollapsed: false,\n                  table: selection.table,\n                  coordinates: {\n                      firstCell: {\n                          x: selection.firstColumn,\n                          y: selection.firstRow,\n                      },\n                      lastCell: {\n                          x: selection.lastColumn,\n                          y: selection.lastRow,\n                      },\n                  },\n              };\n\n    core.api.select(core, rangeEx);\n};\n"]}

package/lib/coreApi/switchShadowEdit.d.ts

@@ -0,0 +1,8 @@
+import type { SwitchShadowEdit } from 'roosterjs-editor-types';
+/**
+ * @internal
+ * Switch the Shadow Edit mode of editor On/Off
+ * @param editorCore The EditorCore object
+ * @param isOn True to switch On, False to switch Off
+ */
+export declare const switchShadowEdit: SwitchShadowEdit;

package/lib/coreApi/switchShadowEdit.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.switchShadowEdit = void 0;
+var iterateSelections_1 = require("../publicApi/selection/iterateSelections");
+/**
+ * @internal
+ * Switch the Shadow Edit mode of editor On/Off
+ * @param editorCore The EditorCore object
+ * @param isOn True to switch On, False to switch Off
+ */
+var switchShadowEdit = function (editorCore, isOn) {
+    // TODO: Use strong-typed editor core object
+    var core = editorCore;
+    if (isOn != !!core.lifecycle.shadowEditFragment) {
+        if (isOn) {
+            var model = !core.cache.cachedModel ? core.api.createContentModel(core) : null;
+            // Fake object, not used in Content Model Editor, just to satisfy original editor code
+            // TODO: we can remove them once we have standalone Content Model Editor
+            var fragment = core.contentDiv.ownerDocument.createDocumentFragment();
+            var selectionPath = {
+                start: [],
+                end: [],
+            };
+            core.api.triggerEvent(core, {
+                eventType: 17 /* EnteredShadowEdit */,
+                fragment: fragment,
+                selectionPath: selectionPath,
+            }, false /*broadcast*/);
+            // This need to be done after EnteredShadowEdit event is triggered since EnteredShadowEdit event will cause a SelectionChanged event
+            // if current selection is table selection or image selection
+            if (!core.cache.cachedModel && model) {
+                core.cache.cachedModel = model;
+            }
+            core.lifecycle.shadowEditSelectionPath = selectionPath;
+            core.lifecycle.shadowEditFragment = fragment;
+        }
+        else {
+            core.lifecycle.shadowEditFragment = null;
+            core.lifecycle.shadowEditSelectionPath = null;
+            core.api.triggerEvent(core, {
+                eventType: 18 /* LeavingShadowEdit */,
+            }, false /*broadcast*/);
+            if (core.cache.cachedModel) {
+                // Force clear cached element from selected block
+                (0, iterateSelections_1.iterateSelections)(core.cache.cachedModel, function () { });
+                core.api.setContentModel(core, core.cache.cachedModel, {
+                    ignoreSelection: true, // Do not set focus and selection when quit shadow edit, focus may remain in UI control (picker, ...)
+                });
+            }
+        }
+    }
+};
+exports.switchShadowEdit = switchShadowEdit;
+//# sourceMappingURL=switchShadowEdit.js.map

package/lib/coreApi/switchShadowEdit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switchShadowEdit.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-core/lib/coreApi/switchShadowEdit.ts"],"names":[],"mappings":";;;AAAA,8EAA6E;AAK7E;;;;;GAKG;AACI,IAAM,gBAAgB,GAAqB,UAAC,UAAU,EAAE,IAAI;IAC/D,4CAA4C;IAC5C,IAAM,IAAI,GAAG,UAA+C,CAAC;IAE7D,IAAI,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,kBAAkB,EAAE;QAC7C,IAAI,IAAI,EAAE;YACN,IAAM,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;YAEjF,sFAAsF;YACtF,wEAAwE;YACxE,IAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,sBAAsB,EAAE,CAAC;YACxE,IAAM,aAAa,GAAkB;gBACjC,KAAK,EAAE,EAAE;gBACT,GAAG,EAAE,EAAE;aACV,CAAC;YAEF,IAAI,CAAC,GAAG,CAAC,YAAY,CACjB,IAAI,EACJ;gBACI,SAAS,4BAAmC;gBAC5C,QAAQ,UAAA;gBACR,aAAa,eAAA;aAChB,EACD,KAAK,CAAC,aAAa,CACtB,CAAC;YAEF,oIAAoI;YACpI,6DAA6D;YAC7D,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,EAAE;gBAClC,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;aAClC;YAED,IAAI,CAAC,SAAS,CAAC,uBAAuB,GAAG,aAAa,CAAC;YACvD,IAAI,CAAC,SAAS,CAAC,kBAAkB,GAAG,QAAQ,CAAC;SAChD;aAAM;YACH,IAAI,CAAC,SAAS,CAAC,kBAAkB,GAAG,IAAI,CAAC;YACzC,IAAI,CAAC,SAAS,CAAC,uBAAuB,GAAG,IAAI,CAAC;YAE9C,IAAI,CAAC,GAAG,CAAC,YAAY,CACjB,IAAI,EACJ;gBACI,SAAS,4BAAmC;aAC/C,EACD,KAAK,CAAC,aAAa,CACtB,CAAC;YAEF,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;gBACxB,iDAAiD;gBACjD,IAAA,qCAAiB,EAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,cAAO,CAAC,CAAC,CAAC;gBAEpD,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;oBACnD,eAAe,EAAE,IAAI,EAAE,qGAAqG;iBAC/H,CAAC,CAAC;aACN;SACJ;KACJ;AACL,CAAC,CAAC;AAxDW,QAAA,gBAAgB,oBAwD3B","sourcesContent":["import { iterateSelections } from '../publicApi/selection/iterateSelections';\nimport { PluginEventType } from 'roosterjs-editor-types';\nimport type { StandaloneEditorCore } from 'roosterjs-content-model-types';\nimport type { EditorCore, SelectionPath, SwitchShadowEdit } from 'roosterjs-editor-types';\n\n/**\n * @internal\n * Switch the Shadow Edit mode of editor On/Off\n * @param editorCore The EditorCore object\n * @param isOn True to switch On, False to switch Off\n */\nexport const switchShadowEdit: SwitchShadowEdit = (editorCore, isOn): void => {\n    // TODO: Use strong-typed editor core object\n    const core = editorCore as StandaloneEditorCore & EditorCore;\n\n    if (isOn != !!core.lifecycle.shadowEditFragment) {\n        if (isOn) {\n            const model = !core.cache.cachedModel ? core.api.createContentModel(core) : null;\n\n            // Fake object, not used in Content Model Editor, just to satisfy original editor code\n            // TODO: we can remove them once we have standalone Content Model Editor\n            const fragment = core.contentDiv.ownerDocument.createDocumentFragment();\n            const selectionPath: SelectionPath = {\n                start: [],\n                end: [],\n            };\n\n            core.api.triggerEvent(\n                core,\n                {\n                    eventType: PluginEventType.EnteredShadowEdit,\n                    fragment,\n                    selectionPath,\n                },\n                false /*broadcast*/\n            );\n\n            // This need to be done after EnteredShadowEdit event is triggered since EnteredShadowEdit event will cause a SelectionChanged event\n            // if current selection is table selection or image selection\n            if (!core.cache.cachedModel && model) {\n                core.cache.cachedModel = model;\n            }\n\n            core.lifecycle.shadowEditSelectionPath = selectionPath;\n            core.lifecycle.shadowEditFragment = fragment;\n        } else {\n            core.lifecycle.shadowEditFragment = null;\n            core.lifecycle.shadowEditSelectionPath = null;\n\n            core.api.triggerEvent(\n                core,\n                {\n                    eventType: PluginEventType.LeavingShadowEdit,\n                },\n                false /*broadcast*/\n            );\n\n            if (core.cache.cachedModel) {\n                // Force clear cached element from selected block\n                iterateSelections(core.cache.cachedModel, () => {});\n\n                core.api.setContentModel(core, core.cache.cachedModel, {\n                    ignoreSelection: true, // Do not set focus and selection when quit shadow edit, focus may remain in UI control (picker, ...)\n                });\n            }\n        }\n    }\n};\n"]}

package/lib/corePlugin/ContentModelCachePlugin.d.ts

@@ -0,0 +1,53 @@
+import type { ContentModelCachePluginState } from 'roosterjs-content-model-types';
+import type { IEditor, PluginEvent, PluginWithState } from 'roosterjs-editor-types';
+/**
+ * ContentModel cache plugin manages cached Content Model, and refresh the cache when necessary
+ */
+export declare class ContentModelCachePlugin implements PluginWithState<ContentModelCachePluginState> {
+    private state;
+    private editor;
+    /**
+     * Construct a new instance of ContentModelEditPlugin class
+     * @param state State of this plugin
+     */
+    constructor(state: ContentModelCachePluginState);
+    /**
+     * Get name of this plugin
+     */
+    getName(): string;
+    /**
+     * The first method that editor will call to a plugin when editor is initializing.
+     * It will pass in the editor instance, plugin should take this chance to save the
+     * editor reference so that it can call to any editor method or format API later.
+     * @param editor The editor object
+     */
+    initialize(editor: IEditor): void;
+    /**
+     * The last method that editor will call to a plugin before it is disposed.
+     * Plugin can take this chance to clear the reference to editor. After this method is
+     * called, plugin should not call to any editor method since it will result in error.
+     */
+    dispose(): void;
+    /**
+     * Get plugin state object
+     */
+    getState(): ContentModelCachePluginState;
+    /**
+     * Core method for a plugin. Once an event happens in editor, editor will call this
+     * method of each plugin to handle the event as long as the event is not handled
+     * exclusively by another plugin.
+     * @param event The event to handle:
+     */
+    onPluginEvent(event: PluginEvent): void;
+    private onNativeSelectionChange;
+    private invalidateCache;
+    private updateCachedModel;
+    private shouldClearCache;
+}
+/**
+ * @internal
+ * Create a new instance of ContentModelCachePlugin class.
+ * This is mostly for unit test
+ * @param state State of this plugin
+ */
+export declare function createContentModelCachePlugin(state: ContentModelCachePluginState): ContentModelCachePlugin;

package/lib/corePlugin/ContentModelCachePlugin.js

@@ -0,0 +1,169 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createContentModelCachePlugin = exports.ContentModelCachePlugin = void 0;
+var areSameSelection_1 = require("./utils/areSameSelection");
+var eventUtils_1 = require("../publicApi/domUtils/eventUtils");
+/**
+ * ContentModel cache plugin manages cached Content Model, and refresh the cache when necessary
+ */
+var ContentModelCachePlugin = /** @class */ (function () {
+    /**
+     * Construct a new instance of ContentModelEditPlugin class
+     * @param state State of this plugin
+     */
+    function ContentModelCachePlugin(state) {
+        var _this = this;
+        this.state = state;
+        this.editor = null;
+        this.onNativeSelectionChange = function () {
+            var _a;
+            if ((_a = _this.editor) === null || _a === void 0 ? void 0 : _a.hasFocus()) {
+                _this.updateCachedModel(_this.editor);
+            }
+        };
+        // TODO: Remove tempState parameter once we have standalone Content Model editor
+    }
+    /**
+     * Get name of this plugin
+     */
+    ContentModelCachePlugin.prototype.getName = function () {
+        return 'ContentModelCache';
+    };
+    /**
+     * The first method that editor will call to a plugin when editor is initializing.
+     * It will pass in the editor instance, plugin should take this chance to save the
+     * editor reference so that it can call to any editor method or format API later.
+     * @param editor The editor object
+     */
+    ContentModelCachePlugin.prototype.initialize = function (editor) {
+        // TODO: Later we may need a different interface for Content Model editor plugin
+        this.editor = editor;
+        this.editor.getDocument().addEventListener('selectionchange', this.onNativeSelectionChange);
+    };
+    /**
+     * The last method that editor will call to a plugin before it is disposed.
+     * Plugin can take this chance to clear the reference to editor. After this method is
+     * called, plugin should not call to any editor method since it will result in error.
+     */
+    ContentModelCachePlugin.prototype.dispose = function () {
+        if (this.editor) {
+            this.editor
+                .getDocument()
+                .removeEventListener('selectionchange', this.onNativeSelectionChange);
+            this.editor = null;
+        }
+    };
+    /**
+     * Get plugin state object
+     */
+    ContentModelCachePlugin.prototype.getState = function () {
+        return this.state;
+    };
+    /**
+     * Core method for a plugin. Once an event happens in editor, editor will call this
+     * method of each plugin to handle the event as long as the event is not handled
+     * exclusively by another plugin.
+     * @param event The event to handle:
+     */
+    ContentModelCachePlugin.prototype.onPluginEvent = function (event) {
+        if (!this.editor) {
+            return;
+        }
+        switch (event.eventType) {
+            case 0 /* KeyDown */:
+                if (this.shouldClearCache(event)) {
+                    this.invalidateCache();
+                }
+                break;
+            case 3 /* Input */:
+                {
+                    this.updateCachedModel(this.editor, true /*forceUpdate*/);
+                }
+                break;
+            case 22 /* SelectionChanged */:
+                this.updateCachedModel(this.editor);
+                break;
+            case 7 /* ContentChanged */:
+                {
+                    var _a = event, contentModel = _a.contentModel, selection = _a.selection;
+                    if (contentModel && this.state.domIndexer) {
+                        this.state.cachedModel = contentModel;
+                        this.state.cachedSelection = selection;
+                    }
+                    else {
+                        this.invalidateCache();
+                    }
+                }
+                break;
+        }
+    };
+    ContentModelCachePlugin.prototype.invalidateCache = function () {
+        var _a;
+        if (!((_a = this.editor) === null || _a === void 0 ? void 0 : _a.isInShadowEdit())) {
+            this.state.cachedModel = undefined;
+            this.state.cachedSelection = undefined;
+        }
+    };
+    ContentModelCachePlugin.prototype.updateCachedModel = function (editor, forceUpdate) {
+        var _a;
+        var cachedSelection = this.state.cachedSelection;
+        this.state.cachedSelection = undefined; // Clear it to force getDOMSelection() retrieve the latest selection range
+        var newRangeEx = editor.getDOMSelection() || undefined;
+        var model = this.state.cachedModel;
+        var isSelectionChanged = forceUpdate ||
+            !cachedSelection ||
+            !newRangeEx ||
+            !(0, areSameSelection_1.areSameSelection)(newRangeEx, cachedSelection);
+        if (isSelectionChanged) {
+            if (!model ||
+                !newRangeEx ||
+                !((_a = this.state.domIndexer) === null || _a === void 0 ? void 0 : _a.reconcileSelection(model, newRangeEx, cachedSelection))) {
+                this.invalidateCache();
+            }
+            else {
+                this.state.cachedSelection = newRangeEx;
+            }
+        }
+        else {
+            this.state.cachedSelection = cachedSelection;
+        }
+    };
+    ContentModelCachePlugin.prototype.shouldClearCache = function (event) {
+        var _a;
+        var rawEvent = event.rawEvent, handledByEditFeature = event.handledByEditFeature;
+        // In these cases we can't update the model, so clear cache:
+        // 1. It is already handled by Content Edit Features
+        if (handledByEditFeature) {
+            return true;
+        }
+        // 2. Default behavior is prevented, which means other plugins has handled the event
+        if (rawEvent.defaultPrevented) {
+            return true;
+        }
+        // 3. ENTER key is pressed. ENTER key will create new paragraph, so need to update cache to reflect this change
+        // TODO: Handle ENTER key to better reuse content model
+        if (rawEvent.key == 'Enter') {
+            return true;
+        }
+        // 4. Current selection is image or table or expanded range selection, and is inputting some text
+        if ((((_a = this.state.cachedSelection) === null || _a === void 0 ? void 0 : _a.type) != 'range' ||
+            !this.state.cachedSelection.range.collapsed) &&
+            (0, eventUtils_1.isCharacterValue)(rawEvent)) {
+            return true;
+        }
+        return false;
+    };
+    return ContentModelCachePlugin;
+}());
+exports.ContentModelCachePlugin = ContentModelCachePlugin;
+/**
+ * @internal
+ * Create a new instance of ContentModelCachePlugin class.
+ * This is mostly for unit test
+ * @param state State of this plugin
+ */
+function createContentModelCachePlugin(state) {
+    return new ContentModelCachePlugin(state);
+}
+exports.createContentModelCachePlugin = createContentModelCachePlugin;
+//# sourceMappingURL=ContentModelCachePlugin.js.map

package/lib/corePlugin/ContentModelCachePlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentModelCachePlugin.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-core/lib/corePlugin/ContentModelCachePlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { areSameSelection } from './utils/areSameSelection';\nimport { isCharacterValue } from '../publicApi/domUtils/eventUtils';\nimport { PluginEventType } from 'roosterjs-editor-types';\nimport type {\n    ContentModelCachePluginState,\n    ContentModelContentChangedEvent,\n    IStandaloneEditor,\n} from 'roosterjs-content-model-types';\nimport type {\n    IEditor,\n    PluginEvent,\n    PluginKeyDownEvent,\n    PluginWithState,\n} from 'roosterjs-editor-types';\n\n/**\n * ContentModel cache plugin manages cached Content Model, and refresh the cache when necessary\n */\nexport class ContentModelCachePlugin implements PluginWithState<ContentModelCachePluginState> {\n    private editor: (IEditor & IStandaloneEditor) | null = null;\n\n    /**\n     * Construct a new instance of ContentModelEditPlugin class\n     * @param state State of this plugin\n     */\n    constructor(private state: ContentModelCachePluginState) {\n        // TODO: Remove tempState parameter once we have standalone Content Model editor\n    }\n\n    /**\n     * Get name of this plugin\n     */\n    getName() {\n        return 'ContentModelCache';\n    }\n\n    /**\n     * The first method that editor will call to a plugin when editor is initializing.\n     * It will pass in the editor instance, plugin should take this chance to save the\n     * editor reference so that it can call to any editor method or format API later.\n     * @param editor The editor object\n     */\n    initialize(editor: IEditor) {\n        // TODO: Later we may need a different interface for Content Model editor plugin\n        this.editor = editor as IEditor & IStandaloneEditor;\n        this.editor.getDocument().addEventListener('selectionchange', this.onNativeSelectionChange);\n    }\n\n    /**\n     * The last method that editor will call to a plugin before it is disposed.\n     * Plugin can take this chance to clear the reference to editor. After this method is\n     * called, plugin should not call to any editor method since it will result in error.\n     */\n    dispose() {\n        if (this.editor) {\n            this.editor\n                .getDocument()\n                .removeEventListener('selectionchange', this.onNativeSelectionChange);\n            this.editor = null;\n        }\n    }\n\n    /**\n     * Get plugin state object\n     */\n    getState(): ContentModelCachePluginState {\n        return this.state;\n    }\n\n    /**\n     * Core method for a plugin. Once an event happens in editor, editor will call this\n     * method of each plugin to handle the event as long as the event is not handled\n     * exclusively by another plugin.\n     * @param event The event to handle:\n     */\n    onPluginEvent(event: PluginEvent) {\n        if (!this.editor) {\n            return;\n        }\n\n        switch (event.eventType) {\n            case PluginEventType.KeyDown:\n                if (this.shouldClearCache(event)) {\n                    this.invalidateCache();\n                }\n                break;\n\n            case PluginEventType.Input:\n                {\n                    this.updateCachedModel(this.editor, true /*forceUpdate*/);\n                }\n                break;\n\n            case PluginEventType.SelectionChanged:\n                this.updateCachedModel(this.editor);\n                break;\n\n            case PluginEventType.ContentChanged:\n                {\n                    const { contentModel, selection } = event as ContentModelContentChangedEvent;\n\n                    if (contentModel && this.state.domIndexer) {\n                        this.state.cachedModel = contentModel;\n                        this.state.cachedSelection = selection;\n                    } else {\n                        this.invalidateCache();\n                    }\n                }\n\n                break;\n        }\n    }\n\n    private onNativeSelectionChange = () => {\n        if (this.editor?.hasFocus()) {\n            this.updateCachedModel(this.editor);\n        }\n    };\n\n    private invalidateCache() {\n        if (!this.editor?.isInShadowEdit()) {\n            this.state.cachedModel = undefined;\n            this.state.cachedSelection = undefined;\n        }\n    }\n\n    private updateCachedModel(editor: IStandaloneEditor, forceUpdate?: boolean) {\n        const cachedSelection = this.state.cachedSelection;\n        this.state.cachedSelection = undefined; // Clear it to force getDOMSelection() retrieve the latest selection range\n\n        const newRangeEx = editor.getDOMSelection() || undefined;\n        const model = this.state.cachedModel;\n        const isSelectionChanged =\n            forceUpdate ||\n            !cachedSelection ||\n            !newRangeEx ||\n            !areSameSelection(newRangeEx, cachedSelection);\n\n        if (isSelectionChanged) {\n            if (\n                !model ||\n                !newRangeEx ||\n                !this.state.domIndexer?.reconcileSelection(model, newRangeEx, cachedSelection)\n            ) {\n                this.invalidateCache();\n            } else {\n                this.state.cachedSelection = newRangeEx;\n            }\n        } else {\n            this.state.cachedSelection = cachedSelection;\n        }\n    }\n\n    private shouldClearCache(event: PluginKeyDownEvent) {\n        const { rawEvent, handledByEditFeature } = event;\n\n        // In these cases we can't update the model, so clear cache:\n        // 1. It is already handled by Content Edit Features\n        if (handledByEditFeature) {\n            return true;\n        }\n\n        // 2. Default behavior is prevented, which means other plugins has handled the event\n        if (rawEvent.defaultPrevented) {\n            return true;\n        }\n\n        // 3. ENTER key is pressed. ENTER key will create new paragraph, so need to update cache to reflect this change\n        // TODO: Handle ENTER key to better reuse content model\n\n        if (rawEvent.key == 'Enter') {\n            return true;\n        }\n\n        // 4. Current selection is image or table or expanded range selection, and is inputting some text\n        if (\n            (this.state.cachedSelection?.type != 'range' ||\n                !this.state.cachedSelection.range.collapsed) &&\n            isCharacterValue(rawEvent)\n        ) {\n            return true;\n        }\n\n        return false;\n    }\n}\n\n/**\n * @internal\n * Create a new instance of ContentModelCachePlugin class.\n * This is mostly for unit test\n * @param state State of this plugin\n */\nexport function createContentModelCachePlugin(state: ContentModelCachePluginState) {\n    return new ContentModelCachePlugin(state);\n}\n"]}

package/lib/corePlugin/ContentModelCopyPastePlugin.d.ts

@@ -0,0 +1,46 @@
+import type { OnNodeCreated } from 'roosterjs-content-model-types';
+import type { CopyPastePluginState, IEditor, PluginWithState } from 'roosterjs-editor-types';
+/**
+ * Copy and paste plugin for handling onCopy and onPaste event
+ */
+export declare class ContentModelCopyPastePlugin implements PluginWithState<CopyPastePluginState> {
+    private state;
+    private editor;
+    private disposer;
+    /**
+     * Construct a new instance of CopyPastePlugin
+     * @param options The editor options
+     */
+    constructor(state: CopyPastePluginState);
+    /**
+     * Get a friendly name of  this plugin
+     */
+    getName(): string;
+    /**
+     * Initialize this plugin. This should only be called from Editor
+     * @param editor Editor instance
+     */
+    initialize(editor: IEditor): void;
+    /**
+     * Dispose this plugin
+     */
+    dispose(): void;
+    /**
+     * Get plugin state object
+     */
+    getState(): CopyPastePluginState;
+    private onCutCopy;
+    private onPaste;
+    private getTempDiv;
+}
+/**
+ * @internal
+ * Exported only for unit testing
+ */
+export declare const onNodeCreated: OnNodeCreated;
+/**
+ * @internal
+ * Create a new instance of ContentModelCopyPastePlugin
+ * @param state The plugin state object
+ */
+export declare function createContentModelCopyPastePlugin(state: CopyPastePluginState): ContentModelCopyPastePlugin;