roosterjs-content-model-core 0.21.3 → 0.22.0

package/lib/coreApi/addUndoSnapshot.d.ts

@@ -0,0 +1,11 @@
+import type { AddUndoSnapshot } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Add an undo snapshot to current undo snapshot stack
+ * @param core The StandaloneEditorCore object
+ * @param canUndoByBackspace True if this action can be undone when user press Backspace key (aka Auto Complete).
+ * @param entityStates @optional Entity states related to this snapshot.
+ * Each entity state will cause an EntityOperation event with operation = EntityOperation.UpdateEntityState
+ * when undo/redo to this snapshot
+ */
+export declare const addUndoSnapshot: AddUndoSnapshot;

package/lib/coreApi/addUndoSnapshot.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addUndoSnapshot = void 0;
+var createSnapshotSelection_1 = require("../utils/createSnapshotSelection");
+/**
+ * @internal
+ * Add an undo snapshot to current undo snapshot stack
+ * @param core The StandaloneEditorCore object
+ * @param canUndoByBackspace True if this action can be undone when user press Backspace key (aka Auto Complete).
+ * @param entityStates @optional Entity states related to this snapshot.
+ * Each entity state will cause an EntityOperation event with operation = EntityOperation.UpdateEntityState
+ * when undo/redo to this snapshot
+ */
+var addUndoSnapshot = function (core, canUndoByBackspace, entityStates) {
+    var lifecycle = core.lifecycle, api = core.api, contentDiv = core.contentDiv, darkColorHandler = core.darkColorHandler, undo = core.undo;
+    if (!lifecycle.shadowEditFragment) {
+        var selection = api.getDOMSelection(core);
+        var snapshot = {
+            html: contentDiv.innerHTML,
+            knownColors: darkColorHandler.getKnownColorsCopy(),
+            entityStates: entityStates,
+            isDarkMode: !!lifecycle.isDarkMode,
+            selection: (0, createSnapshotSelection_1.createSnapshotSelection)(contentDiv, selection),
+        };
+        undo.snapshotsManager.addSnapshot(snapshot, !!canUndoByBackspace);
+        undo.snapshotsManager.hasNewContent = false;
+    }
+};
+exports.addUndoSnapshot = addUndoSnapshot;
+//# sourceMappingURL=addUndoSnapshot.js.map

package/lib/coreApi/addUndoSnapshot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addUndoSnapshot.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-core/lib/coreApi/addUndoSnapshot.ts"],"names":[],"mappings":";;;AAAA,4EAA2E;AAG3E;;;;;;;;GAQG;AACI,IAAM,eAAe,GAAoB,UAAC,IAAI,EAAE,kBAAkB,EAAE,YAAY;IAC3E,IAAA,SAAS,GAA8C,IAAI,UAAlD,EAAE,GAAG,GAAyC,IAAI,IAA7C,EAAE,UAAU,GAA6B,IAAI,WAAjC,EAAE,gBAAgB,GAAW,IAAI,iBAAf,EAAE,IAAI,GAAK,IAAI,KAAT,CAAU;IAEpE,IAAI,CAAC,SAAS,CAAC,kBAAkB,EAAE;QAC/B,IAAM,SAAS,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAC5C,IAAM,QAAQ,GAAa;YACvB,IAAI,EAAE,UAAU,CAAC,SAAS;YAC1B,WAAW,EAAE,gBAAgB,CAAC,kBAAkB,EAAE;YAClD,YAAY,cAAA;YACZ,UAAU,EAAE,CAAC,CAAC,SAAS,CAAC,UAAU;YAClC,SAAS,EAAE,IAAA,iDAAuB,EAAC,UAAU,EAAE,SAAS,CAAC;SAC5D,CAAC;QAEF,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAAC;QAClE,IAAI,CAAC,gBAAgB,CAAC,aAAa,GAAG,KAAK,CAAC;KAC/C;AACL,CAAC,CAAC;AAhBW,QAAA,eAAe,mBAgB1B","sourcesContent":["import { createSnapshotSelection } from '../utils/createSnapshotSelection';\nimport type { AddUndoSnapshot, Snapshot } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Add an undo snapshot to current undo snapshot stack\n * @param core The StandaloneEditorCore object\n * @param canUndoByBackspace True if this action can be undone when user press Backspace key (aka Auto Complete).\n * @param entityStates @optional Entity states related to this snapshot.\n * Each entity state will cause an EntityOperation event with operation = EntityOperation.UpdateEntityState\n * when undo/redo to this snapshot\n */\nexport const addUndoSnapshot: AddUndoSnapshot = (core, canUndoByBackspace, entityStates) => {\n    const { lifecycle, api, contentDiv, darkColorHandler, undo } = core;\n\n    if (!lifecycle.shadowEditFragment) {\n        const selection = api.getDOMSelection(core);\n        const snapshot: Snapshot = {\n            html: contentDiv.innerHTML,\n            knownColors: darkColorHandler.getKnownColorsCopy(),\n            entityStates,\n            isDarkMode: !!lifecycle.isDarkMode,\n            selection: createSnapshotSelection(contentDiv, selection),\n        };\n\n        undo.snapshotsManager.addSnapshot(snapshot, !!canUndoByBackspace);\n        undo.snapshotsManager.hasNewContent = false;\n    }\n};\n"]}

package/lib/coreApi/attachDomEvent.d.ts

@@ -0,0 +1,10 @@
+import type { AttachDomEvent } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Attach a DOM event to the editor content DIV
+ * @param core The StandaloneEditorCore object
+ * @param eventName The DOM event name
+ * @param pluginEventType Optional event type. When specified, editor will trigger a plugin event with this name when the DOM event is triggered
+ * @param beforeDispatch Optional callback function to be invoked when the DOM event is triggered before trigger plugin event
+ */
+export declare const attachDomEvent: AttachDomEvent;

package/lib/coreApi/attachDomEvent.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.attachDomEvent = void 0;
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+/**
+ * @internal
+ * Attach a DOM event to the editor content DIV
+ * @param core The StandaloneEditorCore object
+ * @param eventName The DOM event name
+ * @param pluginEventType Optional event type. When specified, editor will trigger a plugin event with this name when the DOM event is triggered
+ * @param beforeDispatch Optional callback function to be invoked when the DOM event is triggered before trigger plugin event
+ */
+var attachDomEvent = function (core, eventMap) {
+    var disposers = (0, roosterjs_content_model_dom_1.getObjectKeys)(eventMap || {}).map(function (key) {
+        var _a = eventMap[key], pluginEventType = _a.pluginEventType, beforeDispatch = _a.beforeDispatch;
+        var eventName = key;
+        var onEvent = function (event) {
+            if (beforeDispatch) {
+                beforeDispatch(event);
+            }
+            if (pluginEventType != null) {
+                core.api.triggerEvent(core, {
+                    eventType: pluginEventType,
+                    rawEvent: event,
+                }, false /*broadcast*/);
+            }
+        };
+        core.contentDiv.addEventListener(eventName, onEvent);
+        return function () {
+            core.contentDiv.removeEventListener(eventName, onEvent);
+        };
+    });
+    return function () { return disposers.forEach(function (disposers) { return disposers(); }); };
+};
+exports.attachDomEvent = attachDomEvent;
+//# sourceMappingURL=attachDomEvent.js.map

package/lib/coreApi/attachDomEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachDomEvent.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-core/lib/coreApi/attachDomEvent.ts"],"names":[],"mappings":";;;AAAA,2EAA4D;AAI5D;;;;;;;GAOG;AACI,IAAM,cAAc,GAAmB,UAAC,IAAI,EAAE,QAAQ;IACzD,IAAM,SAAS,GAAG,IAAA,2CAAa,EAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAA,GAAG;QAC7C,IAAA,KAAsC,QAAQ,CAAC,GAAG,CAAC,EAAjD,eAAe,qBAAA,EAAE,cAAc,oBAAkB,CAAC;QAC1D,IAAM,SAAS,GAAG,GAAgC,CAAC;QACnD,IAAM,OAAO,GAAG,UAAC,KAA4C;YACzD,IAAI,cAAc,EAAE;gBAChB,cAAc,CAAC,KAAK,CAAC,CAAC;aACzB;YAED,IAAI,eAAe,IAAI,IAAI,EAAE;gBACzB,IAAI,CAAC,GAAG,CAAC,YAAY,CACjB,IAAI,EACY;oBACZ,SAAS,EAAE,eAAe;oBAC1B,QAAQ,EAAE,KAAK;iBAClB,EACD,KAAK,CAAC,aAAa,CACtB,CAAC;aACL;QACL,CAAC,CAAC;QAEF,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAErD,OAAO;YACH,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC5D,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,OAAO,cAAM,OAAA,SAAS,CAAC,OAAO,CAAC,UAAA,SAAS,IAAI,OAAA,SAAS,EAAE,EAAX,CAAW,CAAC,EAA3C,CAA2C,CAAC;AAC7D,CAAC,CAAC;AA7BW,QAAA,cAAc,kBA6BzB","sourcesContent":["import { getObjectKeys } from 'roosterjs-content-model-dom';\nimport type { AttachDomEvent } from 'roosterjs-content-model-types';\nimport type { PluginDomEvent } from 'roosterjs-editor-types';\n\n/**\n * @internal\n * Attach a DOM event to the editor content DIV\n * @param core The StandaloneEditorCore object\n * @param eventName The DOM event name\n * @param pluginEventType Optional event type. When specified, editor will trigger a plugin event with this name when the DOM event is triggered\n * @param beforeDispatch Optional callback function to be invoked when the DOM event is triggered before trigger plugin event\n */\nexport const attachDomEvent: AttachDomEvent = (core, eventMap) => {\n    const disposers = getObjectKeys(eventMap || {}).map(key => {\n        const { pluginEventType, beforeDispatch } = eventMap[key];\n        const eventName = key as keyof HTMLElementEventMap;\n        const onEvent = (event: HTMLElementEventMap[typeof eventName]) => {\n            if (beforeDispatch) {\n                beforeDispatch(event);\n            }\n\n            if (pluginEventType != null) {\n                core.api.triggerEvent(\n                    core,\n                    <PluginDomEvent>{\n                        eventType: pluginEventType,\n                        rawEvent: event,\n                    },\n                    false /*broadcast*/\n                );\n            }\n        };\n\n        core.contentDiv.addEventListener(eventName, onEvent);\n\n        return () => {\n            core.contentDiv.removeEventListener(eventName, onEvent);\n        };\n    });\n\n    return () => disposers.forEach(disposers => disposers());\n};\n"]}

package/lib/coreApi/focus.d.ts

@@ -0,0 +1,7 @@
+import type { Focus } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Focus to editor. If there is a cached selection range, use it as current selection
+ * @param core The StandaloneEditorCore object
+ */
+export declare const focus: Focus;

package/lib/coreApi/focus.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.focus = void 0;
+/**
+ * @internal
+ * Focus to editor. If there is a cached selection range, use it as current selection
+ * @param core The StandaloneEditorCore object
+ */
+var focus = function (core) {
+    var _a;
+    if (!core.lifecycle.shadowEditFragment) {
+        var api = core.api, selection = core.selection;
+        if (!api.hasFocus(core) && ((_a = selection.selection) === null || _a === void 0 ? void 0 : _a.type) == 'range') {
+            api.setDOMSelection(core, selection.selection, true /*skipSelectionChangedEvent*/);
+        }
+        // fallback, in case editor still have no focus
+        if (!core.api.hasFocus(core)) {
+            core.contentDiv.focus();
+        }
+    }
+};
+exports.focus = focus;
+//# sourceMappingURL=focus.js.map

package/lib/coreApi/focus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-core/lib/coreApi/focus.ts"],"names":[],"mappings":";;;AAEA;;;;GAIG;AACI,IAAM,KAAK,GAAU,UAAA,IAAI;;IAC5B,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,kBAAkB,EAAE;QAC5B,IAAA,GAAG,GAAgB,IAAI,IAApB,EAAE,SAAS,GAAK,IAAI,UAAT,CAAU;QAEhC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAA,MAAA,SAAS,CAAC,SAAS,0CAAE,IAAI,KAAI,OAAO,EAAE;YAC7D,GAAG,CAAC,eAAe,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,EAAE,IAAI,CAAC,6BAA6B,CAAC,CAAC;SACtF;QAED,+CAA+C;QAC/C,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;YAC1B,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;SAC3B;KACJ;AACL,CAAC,CAAC;AAbW,QAAA,KAAK,SAahB","sourcesContent":["import type { Focus } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Focus to editor. If there is a cached selection range, use it as current selection\n * @param core The StandaloneEditorCore object\n */\nexport const focus: Focus = core => {\n    if (!core.lifecycle.shadowEditFragment) {\n        const { api, selection } = core;\n\n        if (!api.hasFocus(core) && selection.selection?.type == 'range') {\n            api.setDOMSelection(core, selection.selection, true /*skipSelectionChangedEvent*/);\n        }\n\n        // fallback, in case editor still have no focus\n        if (!core.api.hasFocus(core)) {\n            core.contentDiv.focus();\n        }\n    }\n};\n"]}

package/lib/coreApi/formatContentModel.js

@@ -14,7 +14,8 @@ var ChangeSource_1 = require("../constants/ChangeSource");
  * @param options More options, see FormatWithContentModelOptions
  */
 var formatContentModel = function (core, formatter, options) {
-    var _a = options || {}, apiName = _a.apiName, onNodeCreated = _a.onNodeCreated, getChangeData = _a.getChangeData, changeSource = _a.changeSource, rawEvent = _a.rawEvent, selectionOverride = _a.selectionOverride;
+    var _a;
+    var _b = options || {}, apiName = _b.apiName, onNodeCreated = _b.onNodeCreated, getChangeData = _b.getChangeData, changeSource = _b.changeSource, rawEvent = _b.rawEvent, selectionOverride = _b.selectionOverride;
     var model = core.api.createContentModel(core, undefined /*option*/, selectionOverride);
     var context = {
         newEntities: [],
@@ -23,48 +24,53 @@ var formatContentModel = function (core, formatter, options) {
         newImages: [],
     };
     var hasFocus = core.api.hasFocus(core);
-    var selection;
-    if (formatter(model, context)) {
-        var writeBack = function () {
+    var changed = formatter(model, context);
+    var skipUndoSnapshot = context.skipUndoSnapshot, clearModelCache = context.clearModelCache, entityStates = context.entityStates, canUndoByBackspace = context.canUndoByBackspace;
+    if (changed) {
+        var isNested = core.undo.isNested;
+        var shouldAddSnapshot = !skipUndoSnapshot && !isNested;
+        var selection = void 0;
+        if (shouldAddSnapshot) {
+            core.undo.isNested = true;
+            if (core.undo.snapshotsManager.hasNewContent || entityStates) {
+                core.api.addUndoSnapshot(core, !!canUndoByBackspace);
+            }
+        }
+        try {
             handleImages(core, context);
             selection =
-                core.api.setContentModel(core, model, hasFocus ? undefined : { ignoreSelection: true }, // If editor did not have focus before format, do not set focus after format
-                onNodeCreated) || undefined;
+                (_a = core.api.setContentModel(core, model, hasFocus ? undefined : { ignoreSelection: true }, // If editor did not have focus before format, do not set focus after format
+                onNodeCreated)) !== null && _a !== void 0 ? _a : undefined;
             handlePendingFormat(core, context, selection);
-        };
-        if (context.skipUndoSnapshot) {
-            writeBack();
+            if (shouldAddSnapshot) {
+                core.api.addUndoSnapshot(core, !!canUndoByBackspace, entityStates);
+            }
         }
-        else {
-            core.api.addUndoSnapshot(core, writeBack, null /*changeSource, passing undefined here to avoid triggering ContentChangedEvent. We will trigger it using it with Content Model below */, false /*canUndoByBackspace*/, {
-                formatApiName: apiName,
-            });
+        finally {
+            if (!isNested) {
+                core.undo.isNested = false;
+            }
         }
         var eventData = {
             eventType: 7 /* ContentChanged */,
-            contentModel: context.clearModelCache ? undefined : model,
-            selection: context.clearModelCache ? undefined : selection,
+            contentModel: clearModelCache ? undefined : model,
+            selection: clearModelCache ? undefined : selection,
             source: changeSource || ChangeSource_1.ChangeSource.Format,
             data: getChangeData === null || getChangeData === void 0 ? void 0 : getChangeData(),
             additionalData: {
                 formatApiName: apiName,
             },
-            changedEntities: context.newEntities
-                .map(function (entity) { return ({
-                entity: entity,
-                operation: 'newEntity',
-                rawEvent: rawEvent,
-            }); })
-                .concat(context.deletedEntities.map(function (entry) { return ({
-                entity: entry.entity,
-                operation: entry.operation,
-                rawEvent: rawEvent,
-            }); })),
+            changedEntities: getChangedEntities(context, rawEvent),
         };
         core.api.triggerEvent(core, eventData, true /*broadcast*/);
+        if (canUndoByBackspace && (selection === null || selection === void 0 ? void 0 : selection.type) == 'range') {
+            core.undo.snapshotsManager.hasNewContent = false;
+            core.undo.posContainer = selection.range.startContainer;
+            core.undo.posOffset = selection.range.startOffset;
+        }
     }
     else {
-        if (context.clearModelCache) {
+        if (clearModelCache) {
             core.cache.cachedModel = undefined;
             core.cache.cachedSelection = undefined;
         }
@@ -98,4 +104,17 @@ function handlePendingFormat(core, context, selection) {
         };
     }
 }
+function getChangedEntities(context, rawEvent) {
+    return context.newEntities
+        .map(function (entity) { return ({
+        entity: entity,
+        operation: 'newEntity',
+        rawEvent: rawEvent,
+    }); })
+        .concat(context.deletedEntities.map(function (entry) { return ({
+        entity: entry.entity,
+        operation: entry.operation,
+        rawEvent: rawEvent,
+    }); }));
+}
 //# sourceMappingURL=formatContentModel.js.map

package/lib/coreApi/formatContentModel.js.map

@@ -1 +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 { PluginEventType } from 'roosterjs-editor-types';\nimport type {\n    ChangedEntity,\n    ContentModelContentChangedEvent,\n    DOMSelection,\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    const hasFocus = core.api.hasFocus(core);\n    let selection: DOMSelection | undefined;\n\n    if (formatter(model, context)) {\n        const writeBack = () => {\n            handleImages(core, context);\n\n            selection =\n                core.api.setContentModel(\n                    core,\n                    model,\n                    hasFocus ? undefined : { ignoreSelection: true }, // If editor did not have focus before format, do not set focus after format\n                    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            changedEntities: context.newEntities\n                .map(\n                    (entity): ChangedEntity => ({\n                        entity,\n                        operation: 'newEntity',\n                        rawEvent,\n                    })\n                )\n                .concat(\n                    context.deletedEntities.map(entry => ({\n                        entity: entry.entity,\n                        operation: entry.operation,\n                        rawEvent,\n                    }))\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 handleImages(core: StandaloneEditorCore, context: FormatWithContentModelContext) {\n    if (context.newImages.length > 0) {\n        const viewport = core.api.getVisibleViewport(core);\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"]}
+{"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 { PluginEventType } from 'roosterjs-editor-types';\nimport type {\n    ChangedEntity,\n    ContentModelContentChangedEvent,\n    DOMSelection,\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\n    const hasFocus = core.api.hasFocus(core);\n\n    const changed = formatter(model, context);\n    const { skipUndoSnapshot, clearModelCache, entityStates, canUndoByBackspace } = context;\n\n    if (changed) {\n        const isNested = core.undo.isNested;\n        const shouldAddSnapshot = !skipUndoSnapshot && !isNested;\n        let selection: DOMSelection | undefined;\n\n        if (shouldAddSnapshot) {\n            core.undo.isNested = true;\n\n            if (core.undo.snapshotsManager.hasNewContent || entityStates) {\n                core.api.addUndoSnapshot(core, !!canUndoByBackspace);\n            }\n        }\n\n        try {\n            handleImages(core, context);\n\n            selection =\n                core.api.setContentModel(\n                    core,\n                    model,\n                    hasFocus ? undefined : { ignoreSelection: true }, // If editor did not have focus before format, do not set focus after format\n                    onNodeCreated\n                ) ?? undefined;\n\n            handlePendingFormat(core, context, selection);\n\n            if (shouldAddSnapshot) {\n                core.api.addUndoSnapshot(core, !!canUndoByBackspace, entityStates);\n            }\n        } finally {\n            if (!isNested) {\n                core.undo.isNested = false;\n            }\n        }\n\n        const eventData: ContentModelContentChangedEvent = {\n            eventType: PluginEventType.ContentChanged,\n            contentModel: clearModelCache ? undefined : model,\n            selection: clearModelCache ? undefined : selection,\n            source: changeSource || ChangeSource.Format,\n            data: getChangeData?.(),\n            additionalData: {\n                formatApiName: apiName,\n            },\n            changedEntities: getChangedEntities(context, rawEvent),\n        };\n\n        core.api.triggerEvent(core, eventData, true /*broadcast*/);\n\n        if (canUndoByBackspace && selection?.type == 'range') {\n            core.undo.snapshotsManager.hasNewContent = false;\n            core.undo.posContainer = selection.range.startContainer;\n            core.undo.posOffset = selection.range.startOffset;\n        }\n    } else {\n        if (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 handleImages(core: StandaloneEditorCore, context: FormatWithContentModelContext) {\n    if (context.newImages.length > 0) {\n        const viewport = core.api.getVisibleViewport(core);\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\nfunction getChangedEntities(\n    context: FormatWithContentModelContext,\n    rawEvent?: Event\n): ChangedEntity[] {\n    return context.newEntities\n        .map(\n            (entity): ChangedEntity => ({\n                entity,\n                operation: 'newEntity',\n                rawEvent,\n            })\n        )\n        .concat(\n            context.deletedEntities.map(entry => ({\n                entity: entry.entity,\n                operation: entry.operation,\n                rawEvent,\n            }))\n        );\n}\n"]}

package/lib/coreApi/getDOMSelection.js

@@ -6,36 +6,20 @@ exports.getDOMSelection = void 0;
  */
 var getDOMSelection = function (core) {
     var _a;
-    return (_a = core.cache.cachedSelection) !== null && _a !== void 0 ? _a : getNewSelection(core);
+    return core.lifecycle.shadowEditFragment
+        ? null
+        : (_a = core.selection.selection) !== 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 {
+    var _a;
+    var selection = (_a = core.contentDiv.ownerDocument.defaultView) === null || _a === void 0 ? void 0 : _a.getSelection();
+    var range = selection && selection.rangeCount > 0 ? selection.getRangeAt(0) : null;
+    return range && core.contentDiv.contains(range.commonAncestorContainer)
+        ? {
             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;
-    }
+            range: range,
+        }
+        : null;
 }
 //# sourceMappingURL=getDOMSelection.js.map

package/lib/coreApi/getDOMSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"getDOMSelection.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-core/lib/coreApi/getDOMSelection.ts"],"names":[],"mappings":";;;AAOA;;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,IAA0B;IAC/C,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 {\n    DOMSelection,\n    GetDOMSelection,\n    StandaloneEditorCore,\n} 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: StandaloneEditorCore): 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"]}
+{"version":3,"file":"getDOMSelection.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-core/lib/coreApi/getDOMSelection.ts"],"names":[],"mappings":";;;AAMA;;GAEG;AACI,IAAM,eAAe,GAAoB,UAAA,IAAI;;IAChD,OAAO,IAAI,CAAC,SAAS,CAAC,kBAAkB;QACpC,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,MAAA,IAAI,CAAC,SAAS,CAAC,SAAS,mCAAI,eAAe,CAAC,IAAI,CAAC,CAAC;AAC5D,CAAC,CAAC;AAJW,QAAA,eAAe,mBAI1B;AAEF,SAAS,eAAe,CAAC,IAA0B;;IAC/C,IAAM,SAAS,GAAG,MAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,0CAAE,YAAY,EAAE,CAAC;IAC5E,IAAM,KAAK,GAAG,SAAS,IAAI,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAErF,OAAO,KAAK,IAAI,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,uBAAuB,CAAC;QACnE,CAAC,CAAC;YACI,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,KAAK;SACf;QACH,CAAC,CAAC,IAAI,CAAC;AACf,CAAC","sourcesContent":["import type {\n    DOMSelection,\n    GetDOMSelection,\n    StandaloneEditorCore,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const getDOMSelection: GetDOMSelection = core => {\n    return core.lifecycle.shadowEditFragment\n        ? null\n        : core.selection.selection ?? getNewSelection(core);\n};\n\nfunction getNewSelection(core: StandaloneEditorCore): DOMSelection | null {\n    const selection = core.contentDiv.ownerDocument.defaultView?.getSelection();\n    const range = selection && selection.rangeCount > 0 ? selection.getRangeAt(0) : null;\n\n    return range && core.contentDiv.contains(range.commonAncestorContainer)\n        ? {\n              type: 'range',\n              range: range,\n          }\n        : null;\n}\n"]}

package/lib/coreApi/hasFocus.d.ts

@@ -0,0 +1,8 @@
+import type { HasFocus } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Check if the editor has focus now
+ * @param core The StandaloneEditorCore object
+ * @returns True if the editor has focus, otherwise false
+ */
+export declare const hasFocus: HasFocus;

package/lib/coreApi/hasFocus.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasFocus = void 0;
+/**
+ * @internal
+ * Check if the editor has focus now
+ * @param core The StandaloneEditorCore object
+ * @returns True if the editor has focus, otherwise false
+ */
+var hasFocus = function (core) {
+    var activeElement = core.contentDiv.ownerDocument.activeElement;
+    return !!(activeElement && core.contentDiv.contains(activeElement));
+};
+exports.hasFocus = hasFocus;
+//# sourceMappingURL=hasFocus.js.map

package/lib/coreApi/hasFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hasFocus.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-core/lib/coreApi/hasFocus.ts"],"names":[],"mappings":";;;AAEA;;;;;GAKG;AACI,IAAM,QAAQ,GAAa,UAAA,IAAI;IAClC,IAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC;IAClE,OAAO,CAAC,CAAC,CAAC,aAAa,IAAI,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AACxE,CAAC,CAAC;AAHW,QAAA,QAAQ,YAGnB","sourcesContent":["import type { HasFocus } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Check if the editor has focus now\n * @param core The StandaloneEditorCore object\n * @returns True if the editor has focus, otherwise false\n */\nexport const hasFocus: HasFocus = core => {\n    const activeElement = core.contentDiv.ownerDocument.activeElement;\n    return !!(activeElement && core.contentDiv.contains(activeElement));\n};\n"]}

package/lib/coreApi/restoreUndoSnapshot.d.ts

@@ -0,0 +1,8 @@
+import type { RestoreUndoSnapshot } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Restore an undo snapshot into editor
+ * @param core The editor core object
+ * @param step Steps to move, can be 0, positive or negative
+ */
+export declare const restoreUndoSnapshot: RestoreUndoSnapshot;

package/lib/coreApi/restoreUndoSnapshot.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.restoreUndoSnapshot = void 0;
+var ChangeSource_1 = require("../constants/ChangeSource");
+var restoreSnapshotColors_1 = require("../utils/restoreSnapshotColors");
+var restoreSnapshotHTML_1 = require("../utils/restoreSnapshotHTML");
+var restoreSnapshotSelection_1 = require("../utils/restoreSnapshotSelection");
+/**
+ * @internal
+ * Restore an undo snapshot into editor
+ * @param core The editor core object
+ * @param step Steps to move, can be 0, positive or negative
+ */
+var restoreUndoSnapshot = function (core, snapshot) {
+    core.api.triggerEvent(core, {
+        eventType: 20 /* BeforeSetContent */,
+        newContent: snapshot.html,
+    }, true /*broadcast*/);
+    try {
+        core.undo.isRestoring = true;
+        (0, restoreSnapshotHTML_1.restoreSnapshotHTML)(core, snapshot);
+        (0, restoreSnapshotSelection_1.restoreSnapshotSelection)(core, snapshot);
+        (0, restoreSnapshotColors_1.restoreSnapshotColors)(core, snapshot);
+        var event_1 = {
+            eventType: 7 /* ContentChanged */,
+            entityStates: snapshot.entityStates,
+            source: ChangeSource_1.ChangeSource.SetContent,
+        };
+        core.api.triggerEvent(core, event_1, false /*broadcast*/);
+    }
+    finally {
+        core.undo.isRestoring = false;
+    }
+};
+exports.restoreUndoSnapshot = restoreUndoSnapshot;
+//# sourceMappingURL=restoreUndoSnapshot.js.map

package/lib/coreApi/restoreUndoSnapshot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"restoreUndoSnapshot.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-core/lib/coreApi/restoreUndoSnapshot.ts"],"names":[],"mappings":";;;AAAA,0DAAyD;AAEzD,wEAAuE;AACvE,oEAAmE;AACnE,8EAA6E;AAM7E;;;;;GAKG;AACI,IAAM,mBAAmB,GAAwB,UAAC,IAAI,EAAE,QAAQ;IACnE,IAAI,CAAC,GAAG,CAAC,YAAY,CACjB,IAAI,EACJ;QACI,SAAS,2BAAkC;QAC3C,UAAU,EAAE,QAAQ,CAAC,IAAI;KAC5B,EACD,IAAI,CAAC,aAAa,CACrB,CAAC;IAEF,IAAI;QACA,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAE7B,IAAA,yCAAmB,EAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QACpC,IAAA,mDAAwB,EAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QACzC,IAAA,6CAAqB,EAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAEtC,IAAM,OAAK,GAAoC;YAC3C,SAAS,wBAAgC;YACzC,YAAY,EAAE,QAAQ,CAAC,YAAY;YACnC,MAAM,EAAE,2BAAY,CAAC,UAAU;SAClC,CAAC;QAEF,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,OAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;KAC3D;YAAS;QACN,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;KACjC;AACL,CAAC,CAAC;AA3BW,QAAA,mBAAmB,uBA2B9B","sourcesContent":["import { ChangeSource } from '../constants/ChangeSource';\nimport { PluginEventType } from 'roosterjs-editor-types';\nimport { restoreSnapshotColors } from '../utils/restoreSnapshotColors';\nimport { restoreSnapshotHTML } from '../utils/restoreSnapshotHTML';\nimport { restoreSnapshotSelection } from '../utils/restoreSnapshotSelection';\nimport type {\n    ContentModelContentChangedEvent,\n    RestoreUndoSnapshot,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Restore an undo snapshot into editor\n * @param core The editor core object\n * @param step Steps to move, can be 0, positive or negative\n */\nexport const restoreUndoSnapshot: RestoreUndoSnapshot = (core, snapshot) => {\n    core.api.triggerEvent(\n        core,\n        {\n            eventType: PluginEventType.BeforeSetContent,\n            newContent: snapshot.html,\n        },\n        true /*broadcast*/\n    );\n\n    try {\n        core.undo.isRestoring = true;\n\n        restoreSnapshotHTML(core, snapshot);\n        restoreSnapshotSelection(core, snapshot);\n        restoreSnapshotColors(core, snapshot);\n\n        const event: ContentModelContentChangedEvent = {\n            eventType: PluginEventType.ContentChanged,\n            entityStates: snapshot.entityStates,\n            source: ChangeSource.SetContent,\n        };\n\n        core.api.triggerEvent(core, event, false /*broadcast*/);\n    } finally {\n        core.undo.isRestoring = false;\n    }\n};\n"]}

package/lib/coreApi/setContentModel.js

@@ -17,13 +17,11 @@ var setContentModel = function (core, model, option, onNodeCreated) {
     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.selection.selectionRange = selection.range;
-            }
+        if (!(option === null || option === void 0 ? void 0 : option.ignoreSelection) && selection) {
+            core.api.setDOMSelection(core, selection);
+        }
+        else if (!selection || selection.type !== 'range') {
+            core.selection.selection = selection;
         }
         core.cache.cachedModel = model;
     }

package/lib/coreApi/setContentModel.js.map

@@ -1 +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,SAAS,CAAC,cAAc,GAAG,SAAS,CAAC,KAAK,CAAC;aACnD;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.selection.selectionRange = selection.range;\n            }\n        }\n\n        core.cache.cachedModel = model;\n    }\n\n    return selection;\n};\n"]}
+{"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,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,eAAe,CAAA,IAAI,SAAS,EAAE;YACvC,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;SAC7C;aAAM,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,IAAI,KAAK,OAAO,EAAE;YACjD,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC;SACxC;QAED,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;KAClC;IAED,OAAO,SAAS,CAAC;AACrB,CAAC,CAAC;AA3BW,QAAA,eAAe,mBA2B1B","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 (!option?.ignoreSelection && selection) {\n            core.api.setDOMSelection(core, selection);\n        } else if (!selection || selection.type !== 'range') {\n            core.selection.selection = selection;\n        }\n\n        core.cache.cachedModel = model;\n    }\n\n    return selection;\n};\n"]}