roosterjs-content-model-core 9.32.0 → 9.34.0

package/lib/command/createModelFromHtml/createDomToModelContextForSanitizing.js

@@ -19,6 +19,7 @@ var DefaultSanitizingOption = {
     additionalDisallowedTags: [],
     styleSanitizers: {},
     attributeSanitizers: {},
+    processNonVisibleElements: false,
 };
 /**
  * @internal

package/lib/command/createModelFromHtml/createDomToModelContextForSanitizing.js.map

@@ -1 +1 @@
-{"version":3,"file":"createDomToModelContextForSanitizing.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/command/createModelFromHtml/createDomToModelContextForSanitizing.ts"],"names":[],"mappings":";;;;AAAA,sFAAqF;AACrF,2EAAsE;AACtE,4EAAiF;AACjF,8EAAmF;AACnF,mHAAkH;AAClH,wFAAmF;AACnF,oFAAmF;AACnF,wEAAuE;AACvE,0FAAyF;AAQzF,IAAM,uBAAuB,GAAkC;IAC3D,iBAAiB,EAAE,EAAE;IACrB,oBAAoB,EAAE,EAAE;IACxB,uBAAuB,EAAE,EAAE;IAC3B,qBAAqB,EAAE,EAAE;IACzB,wBAAwB,EAAE,EAAE;IAC5B,eAAe,EAAE,EAAE;IACnB,mBAAmB,EAAE,EAAE;CAC1B,CAAC;AAEF;;GAEG;AACH,SAAgB,oCAAoC,CAChD,QAAkB,EAClB,aAAyC,EACzC,aAAgC,EAChC,0BAAmE;IAEnE,IAAM,gBAAgB,mDACf,uBAAuB,GACvB,0BAA0B,CAChC,CAAC;IAEF,OAAO,IAAA,qDAAuB,gDAEtB,aAAa,eAAA,IACV,IAAA,+DAA8B,EAAC,QAAQ,CAAC,KAC3C,oBAAoB,EAAE,EAAE,KAE5B,aAAa,EACb;QACI,iBAAiB,EAAE;YACf,OAAO,EAAE,uCAAkB;YAC3B,MAAM,EAAE,IAAA,iDAA0B,EAAC,gBAAgB,CAAC;YACpD,GAAG,EAAE,IAAA,mDAA2B,EAAC,gBAAgB,CAAC;SACrD;QACD,oBAAoB,EAAE;YAClB,OAAO,EAAE,mDAAwB;YACjC,UAAU,EAAE,yDAA2B;SAC1C;QACD,uBAAuB,EAAE;YACrB,SAAS,EAAE,CAAC,qDAAyB,CAAC;YACtC,MAAM,EAAE,CAAC,mDAAsB,CAAC;SACnC;KACJ,EACD,gBAAgB,CACnB,CAAC;AACN,CAAC;AAnCD,oFAmCC","sourcesContent":["import { containerSizeFormatParser } from '../../override/containerSizeFormatParser';\nimport { createDomToModelContext } from 'roosterjs-content-model-dom';\nimport { createPasteEntityProcessor } from '../../override/pasteEntityProcessor';\nimport { createPasteGeneralProcessor } from '../../override/pasteGeneralProcessor';\nimport { getRootComputedStyleForContext } from '../../coreApi/createEditorContext/getRootComputedStyleForContext';\nimport { pasteBlockEntityParser } from '../../override/pasteCopyBlockEntityParser';\nimport { pasteDisplayFormatParser } from '../../override/pasteDisplayFormatParser';\nimport { pasteTextProcessor } from '../../override/pasteTextProcessor';\nimport { pasteWhiteSpaceFormatParser } from '../../override/pasteWhiteSpaceFormatParser';\nimport type {\n    ContentModelSegmentFormat,\n    DomToModelContext,\n    DomToModelOption,\n    DomToModelOptionForSanitizing,\n} from 'roosterjs-content-model-types';\n\nconst DefaultSanitizingOption: DomToModelOptionForSanitizing = {\n    processorOverride: {},\n    formatParserOverride: {},\n    additionalFormatParsers: {},\n    additionalAllowedTags: [],\n    additionalDisallowedTags: [],\n    styleSanitizers: {},\n    attributeSanitizers: {},\n};\n\n/**\n * @internal\n */\nexport function createDomToModelContextForSanitizing(\n    document: Document,\n    defaultFormat?: ContentModelSegmentFormat,\n    defaultOption?: DomToModelOption,\n    additionalSanitizingOption?: Partial<DomToModelOptionForSanitizing>\n): DomToModelContext {\n    const sanitizingOption: DomToModelOptionForSanitizing = {\n        ...DefaultSanitizingOption,\n        ...additionalSanitizingOption,\n    };\n\n    return createDomToModelContext(\n        {\n            defaultFormat,\n            ...getRootComputedStyleForContext(document),\n            experimentalFeatures: [],\n        },\n        defaultOption,\n        {\n            processorOverride: {\n                '#text': pasteTextProcessor,\n                entity: createPasteEntityProcessor(sanitizingOption),\n                '*': createPasteGeneralProcessor(sanitizingOption),\n            },\n            formatParserOverride: {\n                display: pasteDisplayFormatParser,\n                whiteSpace: pasteWhiteSpaceFormatParser,\n            },\n            additionalFormatParsers: {\n                container: [containerSizeFormatParser],\n                entity: [pasteBlockEntityParser],\n            },\n        },\n        sanitizingOption\n    );\n}\n"]}
+{"version":3,"file":"createDomToModelContextForSanitizing.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/command/createModelFromHtml/createDomToModelContextForSanitizing.ts"],"names":[],"mappings":";;;;AAAA,sFAAqF;AACrF,2EAAsE;AACtE,4EAAiF;AACjF,8EAAmF;AACnF,mHAAkH;AAClH,wFAAmF;AACnF,oFAAmF;AACnF,wEAAuE;AACvE,0FAAyF;AAQzF,IAAM,uBAAuB,GAAkC;IAC3D,iBAAiB,EAAE,EAAE;IACrB,oBAAoB,EAAE,EAAE;IACxB,uBAAuB,EAAE,EAAE;IAC3B,qBAAqB,EAAE,EAAE;IACzB,wBAAwB,EAAE,EAAE;IAC5B,eAAe,EAAE,EAAE;IACnB,mBAAmB,EAAE,EAAE;IACvB,yBAAyB,EAAE,KAAK;CACnC,CAAC;AAEF;;GAEG;AACH,SAAgB,oCAAoC,CAChD,QAAkB,EAClB,aAAyC,EACzC,aAAgC,EAChC,0BAAmE;IAEnE,IAAM,gBAAgB,mDACf,uBAAuB,GACvB,0BAA0B,CAChC,CAAC;IAEF,OAAO,IAAA,qDAAuB,gDAEtB,aAAa,eAAA,IACV,IAAA,+DAA8B,EAAC,QAAQ,CAAC,KAC3C,oBAAoB,EAAE,EAAE,KAE5B,aAAa,EACb;QACI,iBAAiB,EAAE;YACf,OAAO,EAAE,uCAAkB;YAC3B,MAAM,EAAE,IAAA,iDAA0B,EAAC,gBAAgB,CAAC;YACpD,GAAG,EAAE,IAAA,mDAA2B,EAAC,gBAAgB,CAAC;SACrD;QACD,oBAAoB,EAAE;YAClB,OAAO,EAAE,mDAAwB;YACjC,UAAU,EAAE,yDAA2B;SAC1C;QACD,uBAAuB,EAAE;YACrB,SAAS,EAAE,CAAC,qDAAyB,CAAC;YACtC,MAAM,EAAE,CAAC,mDAAsB,CAAC;SACnC;KACJ,EACD,gBAAgB,CACnB,CAAC;AACN,CAAC;AAnCD,oFAmCC","sourcesContent":["import { containerSizeFormatParser } from '../../override/containerSizeFormatParser';\nimport { createDomToModelContext } from 'roosterjs-content-model-dom';\nimport { createPasteEntityProcessor } from '../../override/pasteEntityProcessor';\nimport { createPasteGeneralProcessor } from '../../override/pasteGeneralProcessor';\nimport { getRootComputedStyleForContext } from '../../coreApi/createEditorContext/getRootComputedStyleForContext';\nimport { pasteBlockEntityParser } from '../../override/pasteCopyBlockEntityParser';\nimport { pasteDisplayFormatParser } from '../../override/pasteDisplayFormatParser';\nimport { pasteTextProcessor } from '../../override/pasteTextProcessor';\nimport { pasteWhiteSpaceFormatParser } from '../../override/pasteWhiteSpaceFormatParser';\nimport type {\n    ContentModelSegmentFormat,\n    DomToModelContext,\n    DomToModelOption,\n    DomToModelOptionForSanitizing,\n} from 'roosterjs-content-model-types';\n\nconst DefaultSanitizingOption: DomToModelOptionForSanitizing = {\n    processorOverride: {},\n    formatParserOverride: {},\n    additionalFormatParsers: {},\n    additionalAllowedTags: [],\n    additionalDisallowedTags: [],\n    styleSanitizers: {},\n    attributeSanitizers: {},\n    processNonVisibleElements: false,\n};\n\n/**\n * @internal\n */\nexport function createDomToModelContextForSanitizing(\n    document: Document,\n    defaultFormat?: ContentModelSegmentFormat,\n    defaultOption?: DomToModelOption,\n    additionalSanitizingOption?: Partial<DomToModelOptionForSanitizing>\n): DomToModelContext {\n    const sanitizingOption: DomToModelOptionForSanitizing = {\n        ...DefaultSanitizingOption,\n        ...additionalSanitizingOption,\n    };\n\n    return createDomToModelContext(\n        {\n            defaultFormat,\n            ...getRootComputedStyleForContext(document),\n            experimentalFeatures: [],\n        },\n        defaultOption,\n        {\n            processorOverride: {\n                '#text': pasteTextProcessor,\n                entity: createPasteEntityProcessor(sanitizingOption),\n                '*': createPasteGeneralProcessor(sanitizingOption),\n            },\n            formatParserOverride: {\n                display: pasteDisplayFormatParser,\n                whiteSpace: pasteWhiteSpaceFormatParser,\n            },\n            additionalFormatParsers: {\n                container: [containerSizeFormatParser],\n                entity: [pasteBlockEntityParser],\n            },\n        },\n        sanitizingOption\n    );\n}\n"]}

package/lib/command/exportContent/exportContent.d.ts

@@ -2,10 +2,17 @@ import type { IEditor, ModelToDomOption, ModelToTextCallbacks } from 'roosterjs-
 /**
  * Export HTML content. If there are entities, this will cause EntityOperation event with option = 'replaceTemporaryContent' to get a dehydrated entity
  * @param editor The editor to get content from
- * @param mode Specify HTML to get plain text result. This is the default option
+ * @param mode Specify HTML to get HTML. This is the default option
  * @param options @optional Options for Model to DOM conversion
  */
 export declare function exportContent(editor: IEditor, mode?: 'HTML', options?: ModelToDomOption): string;
+/**
+ * Export HTML content. If there are entities, this will cause EntityOperation event with option = 'replaceTemporaryContent' to get a dehydrated entity.
+ * This is a fast version, it retrieve HTML content directly from editor without going through content model conversion.
+ * @param editor The editor to get content from
+ * @param mode Specify HTMLFast to get HTML result.
+ */
+export declare function exportContent(editor: IEditor, mode: 'HTMLFast'): string;
 /**
  * Export plain text content
  * @param editor The editor to get content from

package/lib/command/exportContent/exportContent.js

@@ -2,24 +2,35 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.exportContent = void 0;
 var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+// Here I didn't add 'HTMLFast' to ExportContentMode type because it will make this a breaking change and EditorAdapter will see build time error without bumping version
+// Once we are confident that 'HTMLFast' is stable, we can fully switch 'HTML' to use the 'HTMLFast' approach
 function exportContent(editor, mode, optionsOrCallbacks) {
     if (mode === void 0) { mode = 'HTML'; }
-    if (mode == 'PlainTextFast') {
-        return editor.getDOMHelper().getTextContent();
-    }
-    else {
-        var model = editor.getContentModelCopy('clean');
-        if (mode == 'PlainText') {
+    var model;
+    switch (mode) {
+        case 'PlainTextFast':
+            return editor.getDOMHelper().getTextContent();
+        case 'PlainText':
+            model = editor.getContentModelCopy('clean');
             return (0, roosterjs_content_model_dom_1.contentModelToText)(model, undefined /*separator*/, optionsOrCallbacks);
-        }
-        else {
+        case 'HTMLFast':
+            var clonedRoot = editor.getDOMHelper().getClonedRoot();
+            if (editor.isDarkMode()) {
+                (0, roosterjs_content_model_dom_1.transformColor)(clonedRoot, false /*includeSelf*/, 'darkToLight', editor.getColorManager());
+            }
+            return getHTMLFromDOM(editor, clonedRoot);
+        case 'HTML':
+        default:
+            model = editor.getContentModelCopy('clean');
             var doc = editor.getDocument();
             var div = doc.createElement('div');
             (0, roosterjs_content_model_dom_1.contentModelToDom)(doc, div, model, (0, roosterjs_content_model_dom_1.createModelToDomContext)(undefined /*editorContext*/, optionsOrCallbacks));
-            editor.triggerEvent('extractContentWithDom', { clonedRoot: div }, true /*broadcast*/);
-            return div.innerHTML;
-        }
+            return getHTMLFromDOM(editor, div);
     }
 }
 exports.exportContent = exportContent;
+function getHTMLFromDOM(editor, root) {
+    editor.triggerEvent('extractContentWithDom', { clonedRoot: root }, true /*broadcast*/);
+    return root.innerHTML;
+}
 //# sourceMappingURL=exportContent.js.map

package/lib/command/exportContent/exportContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"exportContent.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/command/exportContent/exportContent.ts"],"names":[],"mappings":";;;AAAA,2EAIqC;AAoCrC,SAAgB,aAAa,CACzB,MAAe,EACf,IAAgC,EAChC,kBAA4D;IAD5D,qBAAA,EAAA,aAAgC;IAGhC,IAAI,IAAI,IAAI,eAAe,EAAE;QACzB,OAAO,MAAM,CAAC,YAAY,EAAE,CAAC,cAAc,EAAE,CAAC;KACjD;SAAM;QACH,IAAM,KAAK,GAAG,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;QAElD,IAAI,IAAI,IAAI,WAAW,EAAE;YACrB,OAAO,IAAA,gDAAkB,EACrB,KAAK,EACL,SAAS,CAAC,aAAa,EACvB,kBAA0C,CAC7C,CAAC;SACL;aAAM;YACH,IAAM,GAAG,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;YACjC,IAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAErC,IAAA,+CAAiB,EACb,GAAG,EACH,GAAG,EACH,KAAK,EACL,IAAA,qDAAuB,EACnB,SAAS,CAAC,iBAAiB,EAC3B,kBAAsC,CACzC,CACJ,CAAC;YAEF,MAAM,CAAC,YAAY,CAAC,uBAAuB,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YAEtF,OAAO,GAAG,CAAC,SAAS,CAAC;SACxB;KACJ;AACL,CAAC;AAnCD,sCAmCC","sourcesContent":["import {\n    contentModelToDom,\n    contentModelToText,\n    createModelToDomContext,\n} from 'roosterjs-content-model-dom';\nimport type {\n    ExportContentMode,\n    IEditor,\n    ModelToDomOption,\n    ModelToTextCallbacks,\n} from 'roosterjs-content-model-types';\n\n/**\n * Export HTML content. If there are entities, this will cause EntityOperation event with option = 'replaceTemporaryContent' to get a dehydrated entity\n * @param editor The editor to get content from\n * @param mode Specify HTML to get plain text result. This is the default option\n * @param options @optional Options for Model to DOM conversion\n */\nexport function exportContent(editor: IEditor, mode?: 'HTML', options?: ModelToDomOption): string;\n\n/**\n * Export plain text content\n * @param editor The editor to get content from\n * @param mode Specify PlainText to get plain text result\n * @param callbacks @optional Callbacks to customize conversion behavior\n */\nexport function exportContent(\n    editor: IEditor,\n    mode: 'PlainText',\n    callbacks?: ModelToTextCallbacks\n): string;\n\n/**\n * Export plain text using editor's textContent property directly\n * @param editor The editor to get content from\n * @param mode Specify PlainTextFast to get plain text result using textContent property\n * @param options @optional Options for Model to DOM conversion\n */\nexport function exportContent(editor: IEditor, mode: 'PlainTextFast'): string;\n\nexport function exportContent(\n    editor: IEditor,\n    mode: ExportContentMode = 'HTML',\n    optionsOrCallbacks?: ModelToDomOption | ModelToTextCallbacks\n): string {\n    if (mode == 'PlainTextFast') {\n        return editor.getDOMHelper().getTextContent();\n    } else {\n        const model = editor.getContentModelCopy('clean');\n\n        if (mode == 'PlainText') {\n            return contentModelToText(\n                model,\n                undefined /*separator*/,\n                optionsOrCallbacks as ModelToTextCallbacks\n            );\n        } else {\n            const doc = editor.getDocument();\n            const div = doc.createElement('div');\n\n            contentModelToDom(\n                doc,\n                div,\n                model,\n                createModelToDomContext(\n                    undefined /*editorContext*/,\n                    optionsOrCallbacks as ModelToDomOption\n                )\n            );\n\n            editor.triggerEvent('extractContentWithDom', { clonedRoot: div }, true /*broadcast*/);\n\n            return div.innerHTML;\n        }\n    }\n}\n"]}
+{"version":3,"file":"exportContent.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/command/exportContent/exportContent.ts"],"names":[],"mappings":";;;AAAA,2EAKqC;AA6CrC,yKAAyK;AACzK,6GAA6G;AAC7G,SAAgB,aAAa,CACzB,MAAe,EACf,IAA6C,EAC7C,kBAA4D;IAD5D,qBAAA,EAAA,aAA6C;IAG7C,IAAI,KAA2B,CAAC;IAEhC,QAAQ,IAAI,EAAE;QACV,KAAK,eAAe;YAChB,OAAO,MAAM,CAAC,YAAY,EAAE,CAAC,cAAc,EAAE,CAAC;QAClD,KAAK,WAAW;YACZ,KAAK,GAAG,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;YAE5C,OAAO,IAAA,gDAAkB,EACrB,KAAK,EACL,SAAS,CAAC,aAAa,EACvB,kBAA0C,CAC7C,CAAC;QAEN,KAAK,UAAU;YACX,IAAM,UAAU,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC,aAAa,EAAE,CAAC;YAEzD,IAAI,MAAM,CAAC,UAAU,EAAE,EAAE;gBACrB,IAAA,4CAAc,EACV,UAAU,EACV,KAAK,CAAC,eAAe,EACrB,aAAa,EACb,MAAM,CAAC,eAAe,EAAE,CAC3B,CAAC;aACL;YAED,OAAO,cAAc,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QAE9C,KAAK,MAAM,CAAC;QACZ;YACI,KAAK,GAAG,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;YAE5C,IAAM,GAAG,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;YACjC,IAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAErC,IAAA,+CAAiB,EACb,GAAG,EACH,GAAG,EACH,KAAK,EACL,IAAA,qDAAuB,EACnB,SAAS,CAAC,iBAAiB,EAC3B,kBAAsC,CACzC,CACJ,CAAC;YAEF,OAAO,cAAc,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;KAC1C;AACL,CAAC;AApDD,sCAoDC;AAED,SAAS,cAAc,CAAC,MAAe,EAAE,IAAiB;IACtD,MAAM,CAAC,YAAY,CAAC,uBAAuB,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IAEvF,OAAO,IAAI,CAAC,SAAS,CAAC;AAC1B,CAAC","sourcesContent":["import {\n    contentModelToDom,\n    contentModelToText,\n    createModelToDomContext,\n    transformColor,\n} from 'roosterjs-content-model-dom';\nimport type {\n    ContentModelDocument,\n    ExportContentMode,\n    IEditor,\n    ModelToDomOption,\n    ModelToTextCallbacks,\n} from 'roosterjs-content-model-types';\n\n/**\n * Export HTML content. If there are entities, this will cause EntityOperation event with option = 'replaceTemporaryContent' to get a dehydrated entity\n * @param editor The editor to get content from\n * @param mode Specify HTML to get HTML. This is the default option\n * @param options @optional Options for Model to DOM conversion\n */\nexport function exportContent(editor: IEditor, mode?: 'HTML', options?: ModelToDomOption): string;\n\n/**\n * Export HTML content. If there are entities, this will cause EntityOperation event with option = 'replaceTemporaryContent' to get a dehydrated entity.\n * This is a fast version, it retrieve HTML content directly from editor without going through content model conversion.\n * @param editor The editor to get content from\n * @param mode Specify HTMLFast to get HTML result.\n */\nexport function exportContent(editor: IEditor, mode: 'HTMLFast'): string;\n\n/**\n * Export plain text content\n * @param editor The editor to get content from\n * @param mode Specify PlainText to get plain text result\n * @param callbacks @optional Callbacks to customize conversion behavior\n */\nexport function exportContent(\n    editor: IEditor,\n    mode: 'PlainText',\n    callbacks?: ModelToTextCallbacks\n): string;\n\n/**\n * Export plain text using editor's textContent property directly\n * @param editor The editor to get content from\n * @param mode Specify PlainTextFast to get plain text result using textContent property\n * @param options @optional Options for Model to DOM conversion\n */\nexport function exportContent(editor: IEditor, mode: 'PlainTextFast'): string;\n\n// Here I didn't add 'HTMLFast' to ExportContentMode type because it will make this a breaking change and EditorAdapter will see build time error without bumping version\n// Once we are confident that 'HTMLFast' is stable, we can fully switch 'HTML' to use the 'HTMLFast' approach\nexport function exportContent(\n    editor: IEditor,\n    mode: ExportContentMode | 'HTMLFast' = 'HTML',\n    optionsOrCallbacks?: ModelToDomOption | ModelToTextCallbacks\n): string {\n    let model: ContentModelDocument;\n\n    switch (mode) {\n        case 'PlainTextFast':\n            return editor.getDOMHelper().getTextContent();\n        case 'PlainText':\n            model = editor.getContentModelCopy('clean');\n\n            return contentModelToText(\n                model,\n                undefined /*separator*/,\n                optionsOrCallbacks as ModelToTextCallbacks\n            );\n\n        case 'HTMLFast':\n            const clonedRoot = editor.getDOMHelper().getClonedRoot();\n\n            if (editor.isDarkMode()) {\n                transformColor(\n                    clonedRoot,\n                    false /*includeSelf*/,\n                    'darkToLight',\n                    editor.getColorManager()\n                );\n            }\n\n            return getHTMLFromDOM(editor, clonedRoot);\n\n        case 'HTML':\n        default:\n            model = editor.getContentModelCopy('clean');\n\n            const doc = editor.getDocument();\n            const div = doc.createElement('div');\n\n            contentModelToDom(\n                doc,\n                div,\n                model,\n                createModelToDomContext(\n                    undefined /*editorContext*/,\n                    optionsOrCallbacks as ModelToDomOption\n                )\n            );\n\n            return getHTMLFromDOM(editor, div);\n    }\n}\n\nfunction getHTMLFromDOM(editor: IEditor, root: HTMLElement): string {\n    editor.triggerEvent('extractContentWithDom', { clonedRoot: root }, true /*broadcast*/);\n\n    return root.innerHTML;\n}\n"]}

package/lib/command/paste/generatePasteOptionFromPlugins.js

@@ -14,6 +14,8 @@ function generatePasteOptionFromPlugins(editor, clipboardData, fragment, htmlFro
         processorOverride: {},
         styleSanitizers: {},
         attributeSanitizers: {},
+        processNonVisibleElements: !!editor.getEnvironment().domToModelSettings.customized
+            .processNonVisibleElements,
     };
     var event = {
         eventType: 'beforePaste',

package/lib/command/paste/generatePasteOptionFromPlugins.js.map

@@ -1 +1 @@
-{"version":3,"file":"generatePasteOptionFromPlugins.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/command/paste/generatePasteOptionFromPlugins.ts"],"names":[],"mappings":";;;AASA;;GAEG;AACH,SAAgB,8BAA8B,CAC1C,MAAe,EACf,aAA4B,EAC5B,QAA0B,EAC1B,iBAAoC,EACpC,SAAoB;;IAEpB,IAAM,gBAAgB,GAAkC;QACpD,qBAAqB,EAAE,EAAE;QACzB,wBAAwB,EAAE,EAAE;QAC5B,uBAAuB,EAAE,EAAE;QAC3B,oBAAoB,EAAE,EAAE;QACxB,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,mBAAmB,EAAE,EAAE;KAC1B,CAAC;IAEF,IAAM,KAAK,GAAqB;QAC5B,SAAS,EAAE,aAAa;QACxB,aAAa,eAAA;QACb,QAAQ,UAAA;QACR,UAAU,EAAE,MAAA,iBAAiB,CAAC,UAAU,mCAAI,EAAE;QAC9C,SAAS,EAAE,MAAA,iBAAiB,CAAC,SAAS,mCAAI,EAAE;QAC5C,cAAc,EAAE,iBAAiB,CAAC,QAAQ;QAC1C,SAAS,EAAE,SAAS;QACpB,gBAAgB,kBAAA;QAChB,qBAAqB,EAAE,CAAC,CAAC,iBAAiB,CAAC,qBAAqB;KACnE,CAAC;IAEF,OAAO,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;AAC3E,CAAC;AA9BD,wEA8BC","sourcesContent":["import type { HtmlFromClipboard } from './retrieveHtmlInfo';\nimport type {\n    BeforePasteEvent,\n    ClipboardData,\n    DomToModelOptionForSanitizing,\n    PasteType,\n    IEditor,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function generatePasteOptionFromPlugins(\n    editor: IEditor,\n    clipboardData: ClipboardData,\n    fragment: DocumentFragment,\n    htmlFromClipboard: HtmlFromClipboard,\n    pasteType: PasteType\n): BeforePasteEvent {\n    const domToModelOption: DomToModelOptionForSanitizing = {\n        additionalAllowedTags: [],\n        additionalDisallowedTags: [],\n        additionalFormatParsers: {},\n        formatParserOverride: {},\n        processorOverride: {},\n        styleSanitizers: {},\n        attributeSanitizers: {},\n    };\n\n    const event: BeforePasteEvent = {\n        eventType: 'beforePaste',\n        clipboardData,\n        fragment,\n        htmlBefore: htmlFromClipboard.htmlBefore ?? '',\n        htmlAfter: htmlFromClipboard.htmlAfter ?? '',\n        htmlAttributes: htmlFromClipboard.metadata,\n        pasteType: pasteType,\n        domToModelOption,\n        containsBlockElements: !!htmlFromClipboard.containsBlockElements,\n    };\n\n    return editor.triggerEvent('beforePaste', event, true /* broadcast */);\n}\n"]}
+{"version":3,"file":"generatePasteOptionFromPlugins.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/command/paste/generatePasteOptionFromPlugins.ts"],"names":[],"mappings":";;;AASA;;GAEG;AACH,SAAgB,8BAA8B,CAC1C,MAAe,EACf,aAA4B,EAC5B,QAA0B,EAC1B,iBAAoC,EACpC,SAAoB;;IAEpB,IAAM,gBAAgB,GAAkC;QACpD,qBAAqB,EAAE,EAAE;QACzB,wBAAwB,EAAE,EAAE;QAC5B,uBAAuB,EAAE,EAAE;QAC3B,oBAAoB,EAAE,EAAE;QACxB,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,mBAAmB,EAAE,EAAE;QACvB,yBAAyB,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,kBAAkB,CAAC,UAAU;aAC7E,yBAAyB;KACjC,CAAC;IAEF,IAAM,KAAK,GAAqB;QAC5B,SAAS,EAAE,aAAa;QACxB,aAAa,eAAA;QACb,QAAQ,UAAA;QACR,UAAU,EAAE,MAAA,iBAAiB,CAAC,UAAU,mCAAI,EAAE;QAC9C,SAAS,EAAE,MAAA,iBAAiB,CAAC,SAAS,mCAAI,EAAE;QAC5C,cAAc,EAAE,iBAAiB,CAAC,QAAQ;QAC1C,SAAS,EAAE,SAAS;QACpB,gBAAgB,kBAAA;QAChB,qBAAqB,EAAE,CAAC,CAAC,iBAAiB,CAAC,qBAAqB;KACnE,CAAC;IAEF,OAAO,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;AAC3E,CAAC;AAhCD,wEAgCC","sourcesContent":["import type { HtmlFromClipboard } from './retrieveHtmlInfo';\nimport type {\n    BeforePasteEvent,\n    ClipboardData,\n    DomToModelOptionForSanitizing,\n    PasteType,\n    IEditor,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function generatePasteOptionFromPlugins(\n    editor: IEditor,\n    clipboardData: ClipboardData,\n    fragment: DocumentFragment,\n    htmlFromClipboard: HtmlFromClipboard,\n    pasteType: PasteType\n): BeforePasteEvent {\n    const domToModelOption: DomToModelOptionForSanitizing = {\n        additionalAllowedTags: [],\n        additionalDisallowedTags: [],\n        additionalFormatParsers: {},\n        formatParserOverride: {},\n        processorOverride: {},\n        styleSanitizers: {},\n        attributeSanitizers: {},\n        processNonVisibleElements: !!editor.getEnvironment().domToModelSettings.customized\n            .processNonVisibleElements,\n    };\n\n    const event: BeforePasteEvent = {\n        eventType: 'beforePaste',\n        clipboardData,\n        fragment,\n        htmlBefore: htmlFromClipboard.htmlBefore ?? '',\n        htmlAfter: htmlFromClipboard.htmlAfter ?? '',\n        htmlAttributes: htmlFromClipboard.metadata,\n        pasteType: pasteType,\n        domToModelOption,\n        containsBlockElements: !!htmlFromClipboard.containsBlockElements,\n    };\n\n    return editor.triggerEvent('beforePaste', event, true /* broadcast */);\n}\n"]}

package/lib/coreApi/attachDomEvent/attachDomEvent.js

@@ -12,7 +12,7 @@ var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
  */
 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 _a = eventMap[key], pluginEventType = _a.pluginEventType, beforeDispatch = _a.beforeDispatch, capture = _a.capture;
         var eventName = key;
         var onEvent = function (event) {
             if (beforeDispatch) {
@@ -25,9 +25,11 @@ var attachDomEvent = function (core, eventMap) {
                 }, false /*broadcast*/);
             }
         };
-        core.logicalRoot.addEventListener(eventName, onEvent);
+        core.logicalRoot.addEventListener(eventName, onEvent, { capture: capture });
         return function () {
-            core.logicalRoot.removeEventListener(eventName, onEvent);
+            core.logicalRoot.removeEventListener(eventName, onEvent, {
+                capture: capture,
+            });
         };
     });
     return function () { return disposers.forEach(function (disposers) { return disposers(); }); };

package/lib/coreApi/attachDomEvent/attachDomEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachDomEvent.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/coreApi/attachDomEvent/attachDomEvent.ts"],"names":[],"mappings":";;;AAAA,2EAA4D;AAG5D;;;;;;;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,EACS;oBACT,SAAS,EAAE,eAAe;oBAC1B,QAAQ,EAAE,KAAK;iBAClB,EACD,KAAK,CAAC,aAAa,CACtB,CAAC;aACL;QACL,CAAC,CAAC;QAEF,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAEtD,OAAO;YACH,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC7D,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, PluginEvent } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Attach a DOM event to the editor content DIV\n * @param core The EditorCore 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                    <PluginEvent>{\n                        eventType: pluginEventType,\n                        rawEvent: event,\n                    },\n                    false /*broadcast*/\n                );\n            }\n        };\n\n        core.logicalRoot.addEventListener(eventName, onEvent);\n\n        return () => {\n            core.logicalRoot.removeEventListener(eventName, onEvent);\n        };\n    });\n\n    return () => disposers.forEach(disposers => disposers());\n};\n"]}
+{"version":3,"file":"attachDomEvent.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/coreApi/attachDomEvent/attachDomEvent.ts"],"names":[],"mappings":";;;AAAA,2EAA4D;AAG5D;;;;;;;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,KAA+C,QAAQ,CAAC,GAAG,CAAC,EAA1D,eAAe,qBAAA,EAAE,cAAc,oBAAA,EAAE,OAAO,aAAkB,CAAC;QACnE,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,EACS;oBACT,SAAS,EAAE,eAAe;oBAC1B,QAAQ,EAAE,KAAK;iBAClB,EACD,KAAK,CAAC,aAAa,CACtB,CAAC;aACL;QACL,CAAC,CAAC;QAEF,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,EAAE,EAAE,OAAO,SAAA,EAAE,CAAC,CAAC;QAEnE,OAAO;YACH,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,EAAE;gBACrD,OAAO,SAAA;aACV,CAAC,CAAC;QACP,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;AA/BW,QAAA,cAAc,kBA+BzB","sourcesContent":["import { getObjectKeys } from 'roosterjs-content-model-dom';\nimport type { AttachDomEvent, PluginEvent } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Attach a DOM event to the editor content DIV\n * @param core The EditorCore 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, capture } = 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                    <PluginEvent>{\n                        eventType: pluginEventType,\n                        rawEvent: event,\n                    },\n                    false /*broadcast*/\n                );\n            }\n        };\n\n        core.logicalRoot.addEventListener(eventName, onEvent, { capture });\n\n        return () => {\n            core.logicalRoot.removeEventListener(eventName, onEvent, {\n                capture,\n            });\n        };\n    });\n\n    return () => disposers.forEach(disposers => disposers());\n};\n"]}

package/lib/editor/core/DOMHelperImpl.js

@@ -82,8 +82,10 @@ var DOMHelperImpl = /** @class */ (function () {
     };
     /**
      * Get format of the container element
+     * @param isInDarkMode Optional flag to indicate if the environment is in dark mode
+     * @param darkColorHandler Optional DarkColorHandler to retrieve dark mode colors
      */
-    DOMHelperImpl.prototype.getContainerFormat = function () {
+    DOMHelperImpl.prototype.getContainerFormat = function (isInDarkMode, darkColorHandler) {
         var _a, _b;
         var window = this.contentDiv.ownerDocument.defaultView;
         var style = window === null || window === void 0 ? void 0 : window.getComputedStyle(this.contentDiv);
@@ -92,8 +94,8 @@ var DOMHelperImpl = /** @class */ (function () {
                 fontSize: style.fontSize,
                 fontFamily: style.fontFamily,
                 fontWeight: style.fontWeight,
-                textColor: style.color,
-                backgroundColor: style.backgroundColor,
+                textColor: (0, roosterjs_content_model_dom_1.getColor)(this.contentDiv, false /*isBackgroundColor*/, !!isInDarkMode, darkColorHandler, style.color),
+                backgroundColor: (0, roosterjs_content_model_dom_1.getColor)(this.contentDiv, true /*isBackgroundColor*/, !!isInDarkMode, darkColorHandler, style.backgroundColor),
                 italic: style.fontStyle == 'italic',
                 letterSpacing: style.letterSpacing,
                 lineHeight: style.lineHeight,

package/lib/editor/core/DOMHelperImpl.js.map

@@ -1 +1 @@
-{"version":3,"file":"DOMHelperImpl.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/editor/core/DOMHelperImpl.ts"],"names":[],"mappings":"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","sourcesContent":["import { isNodeOfType, parseValueWithUnit, toArray } from 'roosterjs-content-model-dom';\nimport type { ContentModelSegmentFormat, DOMHelper } from 'roosterjs-content-model-types';\n\nclass DOMHelperImpl implements DOMHelper {\n    constructor(private contentDiv: HTMLElement) {}\n\n    queryElements(selector: string): HTMLElement[] {\n        return toArray(this.contentDiv.querySelectorAll(selector)) as HTMLElement[];\n    }\n\n    getTextContent(): string {\n        return this.contentDiv.textContent || '';\n    }\n\n    isNodeInEditor(node: Node, excludeRoot?: boolean): boolean {\n        return excludeRoot && node == this.contentDiv ? false : this.contentDiv.contains(node);\n    }\n\n    calculateZoomScale(): number {\n        const originalWidth = this.contentDiv.getBoundingClientRect()?.width || 0;\n        const visualWidth = this.contentDiv.offsetWidth;\n\n        return visualWidth > 0 && originalWidth > 0\n            ? Math.round((originalWidth / visualWidth) * 100) / 100\n            : 1;\n    }\n\n    setDomAttribute(name: string, value: string | null) {\n        if (value === null) {\n            this.contentDiv.removeAttribute(name);\n        } else {\n            this.contentDiv.setAttribute(name, value);\n        }\n    }\n\n    getDomAttribute(name: string): string | null {\n        return this.contentDiv.getAttribute(name);\n    }\n\n    getDomStyle<T extends keyof CSSStyleDeclaration>(style: T): CSSStyleDeclaration[T] {\n        return this.contentDiv.style[style];\n    }\n\n    findClosestElementAncestor(startFrom: Node, selector?: string): HTMLElement | null {\n        const startElement = isNodeOfType(startFrom, 'ELEMENT_NODE')\n            ? startFrom\n            : startFrom.parentElement;\n        const closestElement = selector\n            ? (startElement?.closest(selector) as HTMLElement | null)\n            : startElement;\n\n        return closestElement &&\n            this.isNodeInEditor(closestElement) &&\n            closestElement != this.contentDiv\n            ? closestElement\n            : null;\n    }\n\n    hasFocus(): boolean {\n        const activeElement = this.contentDiv.ownerDocument.activeElement;\n        return !!(activeElement && this.contentDiv.contains(activeElement));\n    }\n\n    /**\n     * Check if the root element is in RTL mode\n     */\n    isRightToLeft(): boolean {\n        const contentDiv = this.contentDiv;\n        const style = contentDiv.ownerDocument.defaultView?.getComputedStyle(contentDiv);\n\n        return style?.direction == 'rtl';\n    }\n\n    /**\n     * Get the width of the editable area of the editor content div\n     */\n    getClientWidth(): number {\n        const contentDiv = this.contentDiv;\n        const style = contentDiv.ownerDocument.defaultView?.getComputedStyle(contentDiv);\n        const paddingLeft = parseValueWithUnit(style?.paddingLeft);\n        const paddingRight = parseValueWithUnit(style?.paddingRight);\n        return this.contentDiv.clientWidth - (paddingLeft + paddingRight);\n    }\n\n    /**\n     * Get a deep cloned root element\n     */\n    getClonedRoot(): HTMLElement {\n        return this.contentDiv.cloneNode(true /*deep*/) as HTMLElement;\n    }\n\n    /**\n     * Get format of the container element\n     */\n    getContainerFormat(): ContentModelSegmentFormat {\n        const window = this.contentDiv.ownerDocument.defaultView;\n\n        const style = window?.getComputedStyle(this.contentDiv);\n\n        return style\n            ? {\n                  fontSize: style.fontSize,\n                  fontFamily: style.fontFamily,\n                  fontWeight: style.fontWeight,\n                  textColor: style.color,\n                  backgroundColor: style.backgroundColor,\n                  italic: style.fontStyle == 'italic',\n                  letterSpacing: style.letterSpacing,\n                  lineHeight: style.lineHeight,\n                  strikethrough: style.textDecoration?.includes('line-through'),\n                  superOrSubScriptSequence: style.verticalAlign,\n                  underline: style.textDecoration?.includes('underline'),\n              }\n            : {};\n    }\n}\n\n/**\n * @internal Create new instance of DOMHelper\n */\nexport function createDOMHelper(contentDiv: HTMLElement): DOMHelper {\n    return new DOMHelperImpl(contentDiv);\n}\n"]}
+{"version":3,"file":"DOMHelperImpl.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/editor/core/DOMHelperImpl.ts"],"names":[],"mappings":"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","sourcesContent":["import { getColor, isNodeOfType, parseValueWithUnit, toArray } from 'roosterjs-content-model-dom';\nimport type {\n    ContentModelSegmentFormat,\n    DarkColorHandler,\n    DOMHelper,\n} from 'roosterjs-content-model-types';\n\nclass DOMHelperImpl implements DOMHelper {\n    constructor(private contentDiv: HTMLElement) {}\n\n    queryElements(selector: string): HTMLElement[] {\n        return toArray(this.contentDiv.querySelectorAll(selector)) as HTMLElement[];\n    }\n\n    getTextContent(): string {\n        return this.contentDiv.textContent || '';\n    }\n\n    isNodeInEditor(node: Node, excludeRoot?: boolean): boolean {\n        return excludeRoot && node == this.contentDiv ? false : this.contentDiv.contains(node);\n    }\n\n    calculateZoomScale(): number {\n        const originalWidth = this.contentDiv.getBoundingClientRect()?.width || 0;\n        const visualWidth = this.contentDiv.offsetWidth;\n\n        return visualWidth > 0 && originalWidth > 0\n            ? Math.round((originalWidth / visualWidth) * 100) / 100\n            : 1;\n    }\n\n    setDomAttribute(name: string, value: string | null) {\n        if (value === null) {\n            this.contentDiv.removeAttribute(name);\n        } else {\n            this.contentDiv.setAttribute(name, value);\n        }\n    }\n\n    getDomAttribute(name: string): string | null {\n        return this.contentDiv.getAttribute(name);\n    }\n\n    getDomStyle<T extends keyof CSSStyleDeclaration>(style: T): CSSStyleDeclaration[T] {\n        return this.contentDiv.style[style];\n    }\n\n    findClosestElementAncestor(startFrom: Node, selector?: string): HTMLElement | null {\n        const startElement = isNodeOfType(startFrom, 'ELEMENT_NODE')\n            ? startFrom\n            : startFrom.parentElement;\n        const closestElement = selector\n            ? (startElement?.closest(selector) as HTMLElement | null)\n            : startElement;\n\n        return closestElement &&\n            this.isNodeInEditor(closestElement) &&\n            closestElement != this.contentDiv\n            ? closestElement\n            : null;\n    }\n\n    hasFocus(): boolean {\n        const activeElement = this.contentDiv.ownerDocument.activeElement;\n        return !!(activeElement && this.contentDiv.contains(activeElement));\n    }\n\n    /**\n     * Check if the root element is in RTL mode\n     */\n    isRightToLeft(): boolean {\n        const contentDiv = this.contentDiv;\n        const style = contentDiv.ownerDocument.defaultView?.getComputedStyle(contentDiv);\n\n        return style?.direction == 'rtl';\n    }\n\n    /**\n     * Get the width of the editable area of the editor content div\n     */\n    getClientWidth(): number {\n        const contentDiv = this.contentDiv;\n        const style = contentDiv.ownerDocument.defaultView?.getComputedStyle(contentDiv);\n        const paddingLeft = parseValueWithUnit(style?.paddingLeft);\n        const paddingRight = parseValueWithUnit(style?.paddingRight);\n        return this.contentDiv.clientWidth - (paddingLeft + paddingRight);\n    }\n\n    /**\n     * Get a deep cloned root element\n     */\n    getClonedRoot(): HTMLElement {\n        return this.contentDiv.cloneNode(true /*deep*/) as HTMLElement;\n    }\n\n    /**\n     * Get format of the container element\n     * @param isInDarkMode Optional flag to indicate if the environment is in dark mode\n     * @param darkColorHandler Optional DarkColorHandler to retrieve dark mode colors\n     */\n    getContainerFormat(\n        isInDarkMode?: boolean,\n        darkColorHandler?: DarkColorHandler\n    ): ContentModelSegmentFormat {\n        const window = this.contentDiv.ownerDocument.defaultView;\n\n        const style = window?.getComputedStyle(this.contentDiv);\n\n        return style\n            ? {\n                  fontSize: style.fontSize,\n                  fontFamily: style.fontFamily,\n                  fontWeight: style.fontWeight,\n                  textColor: getColor(\n                      this.contentDiv,\n                      false /*isBackgroundColor*/,\n                      !!isInDarkMode,\n                      darkColorHandler,\n                      style.color\n                  ),\n                  backgroundColor: getColor(\n                      this.contentDiv,\n                      true /*isBackgroundColor*/,\n                      !!isInDarkMode,\n                      darkColorHandler,\n                      style.backgroundColor\n                  ),\n                  italic: style.fontStyle == 'italic',\n                  letterSpacing: style.letterSpacing,\n                  lineHeight: style.lineHeight,\n                  strikethrough: style.textDecoration?.includes('line-through'),\n                  superOrSubScriptSequence: style.verticalAlign,\n                  underline: style.textDecoration?.includes('underline'),\n              }\n            : {};\n    }\n}\n\n/**\n * @internal Create new instance of DOMHelper\n */\nexport function createDOMHelper(contentDiv: HTMLElement): DOMHelper {\n    return new DOMHelperImpl(contentDiv);\n}\n"]}

package/lib-amd/command/createModelFromHtml/createDomToModelContextForSanitizing.js

@@ -10,6 +10,7 @@ define(["require", "exports", "tslib", "../../override/containerSizeFormatParser
         additionalDisallowedTags: [],
         styleSanitizers: {},
         attributeSanitizers: {},
+        processNonVisibleElements: false,
     };
     /**
      * @internal

package/lib-amd/command/createModelFromHtml/createDomToModelContextForSanitizing.js.map

@@ -1 +1 @@
-{"version":3,"file":"createDomToModelContextForSanitizing.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/command/createModelFromHtml/createDomToModelContextForSanitizing.ts"],"names":[],"mappings":";;;;IAgBA,IAAM,uBAAuB,GAAkC;QAC3D,iBAAiB,EAAE,EAAE;QACrB,oBAAoB,EAAE,EAAE;QACxB,uBAAuB,EAAE,EAAE;QAC3B,qBAAqB,EAAE,EAAE;QACzB,wBAAwB,EAAE,EAAE;QAC5B,eAAe,EAAE,EAAE;QACnB,mBAAmB,EAAE,EAAE;KAC1B,CAAC;IAEF;;OAEG;IACH,SAAgB,oCAAoC,CAChD,QAAkB,EAClB,aAAyC,EACzC,aAAgC,EAChC,0BAAmE;QAEnE,IAAM,gBAAgB,mDACf,uBAAuB,GACvB,0BAA0B,CAChC,CAAC;QAEF,OAAO,IAAA,qDAAuB,gDAEtB,aAAa,eAAA,IACV,IAAA,+DAA8B,EAAC,QAAQ,CAAC,KAC3C,oBAAoB,EAAE,EAAE,KAE5B,aAAa,EACb;YACI,iBAAiB,EAAE;gBACf,OAAO,EAAE,uCAAkB;gBAC3B,MAAM,EAAE,IAAA,iDAA0B,EAAC,gBAAgB,CAAC;gBACpD,GAAG,EAAE,IAAA,mDAA2B,EAAC,gBAAgB,CAAC;aACrD;YACD,oBAAoB,EAAE;gBAClB,OAAO,EAAE,mDAAwB;gBACjC,UAAU,EAAE,yDAA2B;aAC1C;YACD,uBAAuB,EAAE;gBACrB,SAAS,EAAE,CAAC,qDAAyB,CAAC;gBACtC,MAAM,EAAE,CAAC,mDAAsB,CAAC;aACnC;SACJ,EACD,gBAAgB,CACnB,CAAC;IACN,CAAC;IAnCD,oFAmCC","sourcesContent":["import { containerSizeFormatParser } from '../../override/containerSizeFormatParser';\nimport { createDomToModelContext } from 'roosterjs-content-model-dom';\nimport { createPasteEntityProcessor } from '../../override/pasteEntityProcessor';\nimport { createPasteGeneralProcessor } from '../../override/pasteGeneralProcessor';\nimport { getRootComputedStyleForContext } from '../../coreApi/createEditorContext/getRootComputedStyleForContext';\nimport { pasteBlockEntityParser } from '../../override/pasteCopyBlockEntityParser';\nimport { pasteDisplayFormatParser } from '../../override/pasteDisplayFormatParser';\nimport { pasteTextProcessor } from '../../override/pasteTextProcessor';\nimport { pasteWhiteSpaceFormatParser } from '../../override/pasteWhiteSpaceFormatParser';\nimport type {\n    ContentModelSegmentFormat,\n    DomToModelContext,\n    DomToModelOption,\n    DomToModelOptionForSanitizing,\n} from 'roosterjs-content-model-types';\n\nconst DefaultSanitizingOption: DomToModelOptionForSanitizing = {\n    processorOverride: {},\n    formatParserOverride: {},\n    additionalFormatParsers: {},\n    additionalAllowedTags: [],\n    additionalDisallowedTags: [],\n    styleSanitizers: {},\n    attributeSanitizers: {},\n};\n\n/**\n * @internal\n */\nexport function createDomToModelContextForSanitizing(\n    document: Document,\n    defaultFormat?: ContentModelSegmentFormat,\n    defaultOption?: DomToModelOption,\n    additionalSanitizingOption?: Partial<DomToModelOptionForSanitizing>\n): DomToModelContext {\n    const sanitizingOption: DomToModelOptionForSanitizing = {\n        ...DefaultSanitizingOption,\n        ...additionalSanitizingOption,\n    };\n\n    return createDomToModelContext(\n        {\n            defaultFormat,\n            ...getRootComputedStyleForContext(document),\n            experimentalFeatures: [],\n        },\n        defaultOption,\n        {\n            processorOverride: {\n                '#text': pasteTextProcessor,\n                entity: createPasteEntityProcessor(sanitizingOption),\n                '*': createPasteGeneralProcessor(sanitizingOption),\n            },\n            formatParserOverride: {\n                display: pasteDisplayFormatParser,\n                whiteSpace: pasteWhiteSpaceFormatParser,\n            },\n            additionalFormatParsers: {\n                container: [containerSizeFormatParser],\n                entity: [pasteBlockEntityParser],\n            },\n        },\n        sanitizingOption\n    );\n}\n"]}
+{"version":3,"file":"createDomToModelContextForSanitizing.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/command/createModelFromHtml/createDomToModelContextForSanitizing.ts"],"names":[],"mappings":";;;;IAgBA,IAAM,uBAAuB,GAAkC;QAC3D,iBAAiB,EAAE,EAAE;QACrB,oBAAoB,EAAE,EAAE;QACxB,uBAAuB,EAAE,EAAE;QAC3B,qBAAqB,EAAE,EAAE;QACzB,wBAAwB,EAAE,EAAE;QAC5B,eAAe,EAAE,EAAE;QACnB,mBAAmB,EAAE,EAAE;QACvB,yBAAyB,EAAE,KAAK;KACnC,CAAC;IAEF;;OAEG;IACH,SAAgB,oCAAoC,CAChD,QAAkB,EAClB,aAAyC,EACzC,aAAgC,EAChC,0BAAmE;QAEnE,IAAM,gBAAgB,mDACf,uBAAuB,GACvB,0BAA0B,CAChC,CAAC;QAEF,OAAO,IAAA,qDAAuB,gDAEtB,aAAa,eAAA,IACV,IAAA,+DAA8B,EAAC,QAAQ,CAAC,KAC3C,oBAAoB,EAAE,EAAE,KAE5B,aAAa,EACb;YACI,iBAAiB,EAAE;gBACf,OAAO,EAAE,uCAAkB;gBAC3B,MAAM,EAAE,IAAA,iDAA0B,EAAC,gBAAgB,CAAC;gBACpD,GAAG,EAAE,IAAA,mDAA2B,EAAC,gBAAgB,CAAC;aACrD;YACD,oBAAoB,EAAE;gBAClB,OAAO,EAAE,mDAAwB;gBACjC,UAAU,EAAE,yDAA2B;aAC1C;YACD,uBAAuB,EAAE;gBACrB,SAAS,EAAE,CAAC,qDAAyB,CAAC;gBACtC,MAAM,EAAE,CAAC,mDAAsB,CAAC;aACnC;SACJ,EACD,gBAAgB,CACnB,CAAC;IACN,CAAC;IAnCD,oFAmCC","sourcesContent":["import { containerSizeFormatParser } from '../../override/containerSizeFormatParser';\nimport { createDomToModelContext } from 'roosterjs-content-model-dom';\nimport { createPasteEntityProcessor } from '../../override/pasteEntityProcessor';\nimport { createPasteGeneralProcessor } from '../../override/pasteGeneralProcessor';\nimport { getRootComputedStyleForContext } from '../../coreApi/createEditorContext/getRootComputedStyleForContext';\nimport { pasteBlockEntityParser } from '../../override/pasteCopyBlockEntityParser';\nimport { pasteDisplayFormatParser } from '../../override/pasteDisplayFormatParser';\nimport { pasteTextProcessor } from '../../override/pasteTextProcessor';\nimport { pasteWhiteSpaceFormatParser } from '../../override/pasteWhiteSpaceFormatParser';\nimport type {\n    ContentModelSegmentFormat,\n    DomToModelContext,\n    DomToModelOption,\n    DomToModelOptionForSanitizing,\n} from 'roosterjs-content-model-types';\n\nconst DefaultSanitizingOption: DomToModelOptionForSanitizing = {\n    processorOverride: {},\n    formatParserOverride: {},\n    additionalFormatParsers: {},\n    additionalAllowedTags: [],\n    additionalDisallowedTags: [],\n    styleSanitizers: {},\n    attributeSanitizers: {},\n    processNonVisibleElements: false,\n};\n\n/**\n * @internal\n */\nexport function createDomToModelContextForSanitizing(\n    document: Document,\n    defaultFormat?: ContentModelSegmentFormat,\n    defaultOption?: DomToModelOption,\n    additionalSanitizingOption?: Partial<DomToModelOptionForSanitizing>\n): DomToModelContext {\n    const sanitizingOption: DomToModelOptionForSanitizing = {\n        ...DefaultSanitizingOption,\n        ...additionalSanitizingOption,\n    };\n\n    return createDomToModelContext(\n        {\n            defaultFormat,\n            ...getRootComputedStyleForContext(document),\n            experimentalFeatures: [],\n        },\n        defaultOption,\n        {\n            processorOverride: {\n                '#text': pasteTextProcessor,\n                entity: createPasteEntityProcessor(sanitizingOption),\n                '*': createPasteGeneralProcessor(sanitizingOption),\n            },\n            formatParserOverride: {\n                display: pasteDisplayFormatParser,\n                whiteSpace: pasteWhiteSpaceFormatParser,\n            },\n            additionalFormatParsers: {\n                container: [containerSizeFormatParser],\n                entity: [pasteBlockEntityParser],\n            },\n        },\n        sanitizingOption\n    );\n}\n"]}

package/lib-amd/command/exportContent/exportContent.d.ts

@@ -2,10 +2,17 @@ import type { IEditor, ModelToDomOption, ModelToTextCallbacks } from 'roosterjs-
 /**
  * Export HTML content. If there are entities, this will cause EntityOperation event with option = 'replaceTemporaryContent' to get a dehydrated entity
  * @param editor The editor to get content from
- * @param mode Specify HTML to get plain text result. This is the default option
+ * @param mode Specify HTML to get HTML. This is the default option
  * @param options @optional Options for Model to DOM conversion
  */
 export declare function exportContent(editor: IEditor, mode?: 'HTML', options?: ModelToDomOption): string;
+/**
+ * Export HTML content. If there are entities, this will cause EntityOperation event with option = 'replaceTemporaryContent' to get a dehydrated entity.
+ * This is a fast version, it retrieve HTML content directly from editor without going through content model conversion.
+ * @param editor The editor to get content from
+ * @param mode Specify HTMLFast to get HTML result.
+ */
+export declare function exportContent(editor: IEditor, mode: 'HTMLFast'): string;
 /**
  * Export plain text content
  * @param editor The editor to get content from

package/lib-amd/command/exportContent/exportContent.js

@@ -2,25 +2,36 @@ define(["require", "exports", "roosterjs-content-model-dom"], function (require,
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.exportContent = void 0;
+    // Here I didn't add 'HTMLFast' to ExportContentMode type because it will make this a breaking change and EditorAdapter will see build time error without bumping version
+    // Once we are confident that 'HTMLFast' is stable, we can fully switch 'HTML' to use the 'HTMLFast' approach
     function exportContent(editor, mode, optionsOrCallbacks) {
         if (mode === void 0) { mode = 'HTML'; }
-        if (mode == 'PlainTextFast') {
-            return editor.getDOMHelper().getTextContent();
-        }
-        else {
-            var model = editor.getContentModelCopy('clean');
-            if (mode == 'PlainText') {
+        var model;
+        switch (mode) {
+            case 'PlainTextFast':
+                return editor.getDOMHelper().getTextContent();
+            case 'PlainText':
+                model = editor.getContentModelCopy('clean');
                 return (0, roosterjs_content_model_dom_1.contentModelToText)(model, undefined /*separator*/, optionsOrCallbacks);
-            }
-            else {
+            case 'HTMLFast':
+                var clonedRoot = editor.getDOMHelper().getClonedRoot();
+                if (editor.isDarkMode()) {
+                    (0, roosterjs_content_model_dom_1.transformColor)(clonedRoot, false /*includeSelf*/, 'darkToLight', editor.getColorManager());
+                }
+                return getHTMLFromDOM(editor, clonedRoot);
+            case 'HTML':
+            default:
+                model = editor.getContentModelCopy('clean');
                 var doc = editor.getDocument();
                 var div = doc.createElement('div');
                 (0, roosterjs_content_model_dom_1.contentModelToDom)(doc, div, model, (0, roosterjs_content_model_dom_1.createModelToDomContext)(undefined /*editorContext*/, optionsOrCallbacks));
-                editor.triggerEvent('extractContentWithDom', { clonedRoot: div }, true /*broadcast*/);
-                return div.innerHTML;
-            }
+                return getHTMLFromDOM(editor, div);
         }
     }
     exports.exportContent = exportContent;
+    function getHTMLFromDOM(editor, root) {
+        editor.triggerEvent('extractContentWithDom', { clonedRoot: root }, true /*broadcast*/);
+        return root.innerHTML;
+    }
 });
 //# sourceMappingURL=exportContent.js.map

package/lib-amd/command/exportContent/exportContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"exportContent.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/command/exportContent/exportContent.ts"],"names":[],"mappings":";;;;IAwCA,SAAgB,aAAa,CACzB,MAAe,EACf,IAAgC,EAChC,kBAA4D;QAD5D,qBAAA,EAAA,aAAgC;QAGhC,IAAI,IAAI,IAAI,eAAe,EAAE;YACzB,OAAO,MAAM,CAAC,YAAY,EAAE,CAAC,cAAc,EAAE,CAAC;SACjD;aAAM;YACH,IAAM,KAAK,GAAG,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;YAElD,IAAI,IAAI,IAAI,WAAW,EAAE;gBACrB,OAAO,IAAA,gDAAkB,EACrB,KAAK,EACL,SAAS,CAAC,aAAa,EACvB,kBAA0C,CAC7C,CAAC;aACL;iBAAM;gBACH,IAAM,GAAG,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;gBACjC,IAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBAErC,IAAA,+CAAiB,EACb,GAAG,EACH,GAAG,EACH,KAAK,EACL,IAAA,qDAAuB,EACnB,SAAS,CAAC,iBAAiB,EAC3B,kBAAsC,CACzC,CACJ,CAAC;gBAEF,MAAM,CAAC,YAAY,CAAC,uBAAuB,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;gBAEtF,OAAO,GAAG,CAAC,SAAS,CAAC;aACxB;SACJ;IACL,CAAC;IAnCD,sCAmCC","sourcesContent":["import {\n    contentModelToDom,\n    contentModelToText,\n    createModelToDomContext,\n} from 'roosterjs-content-model-dom';\nimport type {\n    ExportContentMode,\n    IEditor,\n    ModelToDomOption,\n    ModelToTextCallbacks,\n} from 'roosterjs-content-model-types';\n\n/**\n * Export HTML content. If there are entities, this will cause EntityOperation event with option = 'replaceTemporaryContent' to get a dehydrated entity\n * @param editor The editor to get content from\n * @param mode Specify HTML to get plain text result. This is the default option\n * @param options @optional Options for Model to DOM conversion\n */\nexport function exportContent(editor: IEditor, mode?: 'HTML', options?: ModelToDomOption): string;\n\n/**\n * Export plain text content\n * @param editor The editor to get content from\n * @param mode Specify PlainText to get plain text result\n * @param callbacks @optional Callbacks to customize conversion behavior\n */\nexport function exportContent(\n    editor: IEditor,\n    mode: 'PlainText',\n    callbacks?: ModelToTextCallbacks\n): string;\n\n/**\n * Export plain text using editor's textContent property directly\n * @param editor The editor to get content from\n * @param mode Specify PlainTextFast to get plain text result using textContent property\n * @param options @optional Options for Model to DOM conversion\n */\nexport function exportContent(editor: IEditor, mode: 'PlainTextFast'): string;\n\nexport function exportContent(\n    editor: IEditor,\n    mode: ExportContentMode = 'HTML',\n    optionsOrCallbacks?: ModelToDomOption | ModelToTextCallbacks\n): string {\n    if (mode == 'PlainTextFast') {\n        return editor.getDOMHelper().getTextContent();\n    } else {\n        const model = editor.getContentModelCopy('clean');\n\n        if (mode == 'PlainText') {\n            return contentModelToText(\n                model,\n                undefined /*separator*/,\n                optionsOrCallbacks as ModelToTextCallbacks\n            );\n        } else {\n            const doc = editor.getDocument();\n            const div = doc.createElement('div');\n\n            contentModelToDom(\n                doc,\n                div,\n                model,\n                createModelToDomContext(\n                    undefined /*editorContext*/,\n                    optionsOrCallbacks as ModelToDomOption\n                )\n            );\n\n            editor.triggerEvent('extractContentWithDom', { clonedRoot: div }, true /*broadcast*/);\n\n            return div.innerHTML;\n        }\n    }\n}\n"]}
+{"version":3,"file":"exportContent.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/command/exportContent/exportContent.ts"],"names":[],"mappings":";;;;IAkDA,yKAAyK;IACzK,6GAA6G;IAC7G,SAAgB,aAAa,CACzB,MAAe,EACf,IAA6C,EAC7C,kBAA4D;QAD5D,qBAAA,EAAA,aAA6C;QAG7C,IAAI,KAA2B,CAAC;QAEhC,QAAQ,IAAI,EAAE;YACV,KAAK,eAAe;gBAChB,OAAO,MAAM,CAAC,YAAY,EAAE,CAAC,cAAc,EAAE,CAAC;YAClD,KAAK,WAAW;gBACZ,KAAK,GAAG,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;gBAE5C,OAAO,IAAA,gDAAkB,EACrB,KAAK,EACL,SAAS,CAAC,aAAa,EACvB,kBAA0C,CAC7C,CAAC;YAEN,KAAK,UAAU;gBACX,IAAM,UAAU,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC,aAAa,EAAE,CAAC;gBAEzD,IAAI,MAAM,CAAC,UAAU,EAAE,EAAE;oBACrB,IAAA,4CAAc,EACV,UAAU,EACV,KAAK,CAAC,eAAe,EACrB,aAAa,EACb,MAAM,CAAC,eAAe,EAAE,CAC3B,CAAC;iBACL;gBAED,OAAO,cAAc,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;YAE9C,KAAK,MAAM,CAAC;YACZ;gBACI,KAAK,GAAG,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;gBAE5C,IAAM,GAAG,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;gBACjC,IAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBAErC,IAAA,+CAAiB,EACb,GAAG,EACH,GAAG,EACH,KAAK,EACL,IAAA,qDAAuB,EACnB,SAAS,CAAC,iBAAiB,EAC3B,kBAAsC,CACzC,CACJ,CAAC;gBAEF,OAAO,cAAc,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;SAC1C;IACL,CAAC;IApDD,sCAoDC;IAED,SAAS,cAAc,CAAC,MAAe,EAAE,IAAiB;QACtD,MAAM,CAAC,YAAY,CAAC,uBAAuB,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAEvF,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC","sourcesContent":["import {\n    contentModelToDom,\n    contentModelToText,\n    createModelToDomContext,\n    transformColor,\n} from 'roosterjs-content-model-dom';\nimport type {\n    ContentModelDocument,\n    ExportContentMode,\n    IEditor,\n    ModelToDomOption,\n    ModelToTextCallbacks,\n} from 'roosterjs-content-model-types';\n\n/**\n * Export HTML content. If there are entities, this will cause EntityOperation event with option = 'replaceTemporaryContent' to get a dehydrated entity\n * @param editor The editor to get content from\n * @param mode Specify HTML to get HTML. This is the default option\n * @param options @optional Options for Model to DOM conversion\n */\nexport function exportContent(editor: IEditor, mode?: 'HTML', options?: ModelToDomOption): string;\n\n/**\n * Export HTML content. If there are entities, this will cause EntityOperation event with option = 'replaceTemporaryContent' to get a dehydrated entity.\n * This is a fast version, it retrieve HTML content directly from editor without going through content model conversion.\n * @param editor The editor to get content from\n * @param mode Specify HTMLFast to get HTML result.\n */\nexport function exportContent(editor: IEditor, mode: 'HTMLFast'): string;\n\n/**\n * Export plain text content\n * @param editor The editor to get content from\n * @param mode Specify PlainText to get plain text result\n * @param callbacks @optional Callbacks to customize conversion behavior\n */\nexport function exportContent(\n    editor: IEditor,\n    mode: 'PlainText',\n    callbacks?: ModelToTextCallbacks\n): string;\n\n/**\n * Export plain text using editor's textContent property directly\n * @param editor The editor to get content from\n * @param mode Specify PlainTextFast to get plain text result using textContent property\n * @param options @optional Options for Model to DOM conversion\n */\nexport function exportContent(editor: IEditor, mode: 'PlainTextFast'): string;\n\n// Here I didn't add 'HTMLFast' to ExportContentMode type because it will make this a breaking change and EditorAdapter will see build time error without bumping version\n// Once we are confident that 'HTMLFast' is stable, we can fully switch 'HTML' to use the 'HTMLFast' approach\nexport function exportContent(\n    editor: IEditor,\n    mode: ExportContentMode | 'HTMLFast' = 'HTML',\n    optionsOrCallbacks?: ModelToDomOption | ModelToTextCallbacks\n): string {\n    let model: ContentModelDocument;\n\n    switch (mode) {\n        case 'PlainTextFast':\n            return editor.getDOMHelper().getTextContent();\n        case 'PlainText':\n            model = editor.getContentModelCopy('clean');\n\n            return contentModelToText(\n                model,\n                undefined /*separator*/,\n                optionsOrCallbacks as ModelToTextCallbacks\n            );\n\n        case 'HTMLFast':\n            const clonedRoot = editor.getDOMHelper().getClonedRoot();\n\n            if (editor.isDarkMode()) {\n                transformColor(\n                    clonedRoot,\n                    false /*includeSelf*/,\n                    'darkToLight',\n                    editor.getColorManager()\n                );\n            }\n\n            return getHTMLFromDOM(editor, clonedRoot);\n\n        case 'HTML':\n        default:\n            model = editor.getContentModelCopy('clean');\n\n            const doc = editor.getDocument();\n            const div = doc.createElement('div');\n\n            contentModelToDom(\n                doc,\n                div,\n                model,\n                createModelToDomContext(\n                    undefined /*editorContext*/,\n                    optionsOrCallbacks as ModelToDomOption\n                )\n            );\n\n            return getHTMLFromDOM(editor, div);\n    }\n}\n\nfunction getHTMLFromDOM(editor: IEditor, root: HTMLElement): string {\n    editor.triggerEvent('extractContentWithDom', { clonedRoot: root }, true /*broadcast*/);\n\n    return root.innerHTML;\n}\n"]}

package/lib-amd/command/paste/generatePasteOptionFromPlugins.js

@@ -15,6 +15,8 @@ define(["require", "exports"], function (require, exports) {
             processorOverride: {},
             styleSanitizers: {},
             attributeSanitizers: {},
+            processNonVisibleElements: !!editor.getEnvironment().domToModelSettings.customized
+                .processNonVisibleElements,
         };
         var event = {
             eventType: 'beforePaste',

package/lib-amd/command/paste/generatePasteOptionFromPlugins.js.map

@@ -1 +1 @@
-{"version":3,"file":"generatePasteOptionFromPlugins.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/command/paste/generatePasteOptionFromPlugins.ts"],"names":[],"mappings":";;;;IASA;;OAEG;IACH,SAAgB,8BAA8B,CAC1C,MAAe,EACf,aAA4B,EAC5B,QAA0B,EAC1B,iBAAoC,EACpC,SAAoB;;QAEpB,IAAM,gBAAgB,GAAkC;YACpD,qBAAqB,EAAE,EAAE;YACzB,wBAAwB,EAAE,EAAE;YAC5B,uBAAuB,EAAE,EAAE;YAC3B,oBAAoB,EAAE,EAAE;YACxB,iBAAiB,EAAE,EAAE;YACrB,eAAe,EAAE,EAAE;YACnB,mBAAmB,EAAE,EAAE;SAC1B,CAAC;QAEF,IAAM,KAAK,GAAqB;YAC5B,SAAS,EAAE,aAAa;YACxB,aAAa,eAAA;YACb,QAAQ,UAAA;YACR,UAAU,EAAE,MAAA,iBAAiB,CAAC,UAAU,mCAAI,EAAE;YAC9C,SAAS,EAAE,MAAA,iBAAiB,CAAC,SAAS,mCAAI,EAAE;YAC5C,cAAc,EAAE,iBAAiB,CAAC,QAAQ;YAC1C,SAAS,EAAE,SAAS;YACpB,gBAAgB,kBAAA;YAChB,qBAAqB,EAAE,CAAC,CAAC,iBAAiB,CAAC,qBAAqB;SACnE,CAAC;QAEF,OAAO,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IAC3E,CAAC;IA9BD,wEA8BC","sourcesContent":["import type { HtmlFromClipboard } from './retrieveHtmlInfo';\nimport type {\n    BeforePasteEvent,\n    ClipboardData,\n    DomToModelOptionForSanitizing,\n    PasteType,\n    IEditor,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function generatePasteOptionFromPlugins(\n    editor: IEditor,\n    clipboardData: ClipboardData,\n    fragment: DocumentFragment,\n    htmlFromClipboard: HtmlFromClipboard,\n    pasteType: PasteType\n): BeforePasteEvent {\n    const domToModelOption: DomToModelOptionForSanitizing = {\n        additionalAllowedTags: [],\n        additionalDisallowedTags: [],\n        additionalFormatParsers: {},\n        formatParserOverride: {},\n        processorOverride: {},\n        styleSanitizers: {},\n        attributeSanitizers: {},\n    };\n\n    const event: BeforePasteEvent = {\n        eventType: 'beforePaste',\n        clipboardData,\n        fragment,\n        htmlBefore: htmlFromClipboard.htmlBefore ?? '',\n        htmlAfter: htmlFromClipboard.htmlAfter ?? '',\n        htmlAttributes: htmlFromClipboard.metadata,\n        pasteType: pasteType,\n        domToModelOption,\n        containsBlockElements: !!htmlFromClipboard.containsBlockElements,\n    };\n\n    return editor.triggerEvent('beforePaste', event, true /* broadcast */);\n}\n"]}
+{"version":3,"file":"generatePasteOptionFromPlugins.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/command/paste/generatePasteOptionFromPlugins.ts"],"names":[],"mappings":";;;;IASA;;OAEG;IACH,SAAgB,8BAA8B,CAC1C,MAAe,EACf,aAA4B,EAC5B,QAA0B,EAC1B,iBAAoC,EACpC,SAAoB;;QAEpB,IAAM,gBAAgB,GAAkC;YACpD,qBAAqB,EAAE,EAAE;YACzB,wBAAwB,EAAE,EAAE;YAC5B,uBAAuB,EAAE,EAAE;YAC3B,oBAAoB,EAAE,EAAE;YACxB,iBAAiB,EAAE,EAAE;YACrB,eAAe,EAAE,EAAE;YACnB,mBAAmB,EAAE,EAAE;YACvB,yBAAyB,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,kBAAkB,CAAC,UAAU;iBAC7E,yBAAyB;SACjC,CAAC;QAEF,IAAM,KAAK,GAAqB;YAC5B,SAAS,EAAE,aAAa;YACxB,aAAa,eAAA;YACb,QAAQ,UAAA;YACR,UAAU,EAAE,MAAA,iBAAiB,CAAC,UAAU,mCAAI,EAAE;YAC9C,SAAS,EAAE,MAAA,iBAAiB,CAAC,SAAS,mCAAI,EAAE;YAC5C,cAAc,EAAE,iBAAiB,CAAC,QAAQ;YAC1C,SAAS,EAAE,SAAS;YACpB,gBAAgB,kBAAA;YAChB,qBAAqB,EAAE,CAAC,CAAC,iBAAiB,CAAC,qBAAqB;SACnE,CAAC;QAEF,OAAO,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IAC3E,CAAC;IAhCD,wEAgCC","sourcesContent":["import type { HtmlFromClipboard } from './retrieveHtmlInfo';\nimport type {\n    BeforePasteEvent,\n    ClipboardData,\n    DomToModelOptionForSanitizing,\n    PasteType,\n    IEditor,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function generatePasteOptionFromPlugins(\n    editor: IEditor,\n    clipboardData: ClipboardData,\n    fragment: DocumentFragment,\n    htmlFromClipboard: HtmlFromClipboard,\n    pasteType: PasteType\n): BeforePasteEvent {\n    const domToModelOption: DomToModelOptionForSanitizing = {\n        additionalAllowedTags: [],\n        additionalDisallowedTags: [],\n        additionalFormatParsers: {},\n        formatParserOverride: {},\n        processorOverride: {},\n        styleSanitizers: {},\n        attributeSanitizers: {},\n        processNonVisibleElements: !!editor.getEnvironment().domToModelSettings.customized\n            .processNonVisibleElements,\n    };\n\n    const event: BeforePasteEvent = {\n        eventType: 'beforePaste',\n        clipboardData,\n        fragment,\n        htmlBefore: htmlFromClipboard.htmlBefore ?? '',\n        htmlAfter: htmlFromClipboard.htmlAfter ?? '',\n        htmlAttributes: htmlFromClipboard.metadata,\n        pasteType: pasteType,\n        domToModelOption,\n        containsBlockElements: !!htmlFromClipboard.containsBlockElements,\n    };\n\n    return editor.triggerEvent('beforePaste', event, true /* broadcast */);\n}\n"]}

package/lib-amd/coreApi/attachDomEvent/attachDomEvent.js

@@ -12,7 +12,7 @@ define(["require", "exports", "roosterjs-content-model-dom"], function (require,
      */
     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 _a = eventMap[key], pluginEventType = _a.pluginEventType, beforeDispatch = _a.beforeDispatch, capture = _a.capture;
             var eventName = key;
             var onEvent = function (event) {
                 if (beforeDispatch) {
@@ -25,9 +25,11 @@ define(["require", "exports", "roosterjs-content-model-dom"], function (require,
                     }, false /*broadcast*/);
                 }
             };
-            core.logicalRoot.addEventListener(eventName, onEvent);
+            core.logicalRoot.addEventListener(eventName, onEvent, { capture: capture });
             return function () {
-                core.logicalRoot.removeEventListener(eventName, onEvent);
+                core.logicalRoot.removeEventListener(eventName, onEvent, {
+                    capture: capture,
+                });
             };
         });
         return function () { return disposers.forEach(function (disposers) { return disposers(); }); };

package/lib-amd/coreApi/attachDomEvent/attachDomEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachDomEvent.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/coreApi/attachDomEvent/attachDomEvent.ts"],"names":[],"mappings":";;;;IAGA;;;;;;;OAOG;IACI,IAAM,cAAc,GAAmB,UAAC,IAAI,EAAE,QAAQ;QACzD,IAAM,SAAS,GAAG,IAAA,2CAAa,EAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAA,GAAG;YAC7C,IAAA,KAAsC,QAAQ,CAAC,GAAG,CAAC,EAAjD,eAAe,qBAAA,EAAE,cAAc,oBAAkB,CAAC;YAC1D,IAAM,SAAS,GAAG,GAAgC,CAAC;YACnD,IAAM,OAAO,GAAG,UAAC,KAA4C;gBACzD,IAAI,cAAc,EAAE;oBAChB,cAAc,CAAC,KAAK,CAAC,CAAC;iBACzB;gBAED,IAAI,eAAe,IAAI,IAAI,EAAE;oBACzB,IAAI,CAAC,GAAG,CAAC,YAAY,CACjB,IAAI,EACS;wBACT,SAAS,EAAE,eAAe;wBAC1B,QAAQ,EAAE,KAAK;qBAClB,EACD,KAAK,CAAC,aAAa,CACtB,CAAC;iBACL;YACL,CAAC,CAAC;YAEF,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YAEtD,OAAO;gBACH,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YAC7D,CAAC,CAAC;QACN,CAAC,CAAC,CAAC;QAEH,OAAO,cAAM,OAAA,SAAS,CAAC,OAAO,CAAC,UAAA,SAAS,IAAI,OAAA,SAAS,EAAE,EAAX,CAAW,CAAC,EAA3C,CAA2C,CAAC;IAC7D,CAAC,CAAC;IA7BW,QAAA,cAAc,kBA6BzB","sourcesContent":["import { getObjectKeys } from 'roosterjs-content-model-dom';\nimport type { AttachDomEvent, PluginEvent } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Attach a DOM event to the editor content DIV\n * @param core The EditorCore 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                    <PluginEvent>{\n                        eventType: pluginEventType,\n                        rawEvent: event,\n                    },\n                    false /*broadcast*/\n                );\n            }\n        };\n\n        core.logicalRoot.addEventListener(eventName, onEvent);\n\n        return () => {\n            core.logicalRoot.removeEventListener(eventName, onEvent);\n        };\n    });\n\n    return () => disposers.forEach(disposers => disposers());\n};\n"]}
+{"version":3,"file":"attachDomEvent.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/coreApi/attachDomEvent/attachDomEvent.ts"],"names":[],"mappings":";;;;IAGA;;;;;;;OAOG;IACI,IAAM,cAAc,GAAmB,UAAC,IAAI,EAAE,QAAQ;QACzD,IAAM,SAAS,GAAG,IAAA,2CAAa,EAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAA,GAAG;YAC7C,IAAA,KAA+C,QAAQ,CAAC,GAAG,CAAC,EAA1D,eAAe,qBAAA,EAAE,cAAc,oBAAA,EAAE,OAAO,aAAkB,CAAC;YACnE,IAAM,SAAS,GAAG,GAAgC,CAAC;YACnD,IAAM,OAAO,GAAG,UAAC,KAA4C;gBACzD,IAAI,cAAc,EAAE;oBAChB,cAAc,CAAC,KAAK,CAAC,CAAC;iBACzB;gBAED,IAAI,eAAe,IAAI,IAAI,EAAE;oBACzB,IAAI,CAAC,GAAG,CAAC,YAAY,CACjB,IAAI,EACS;wBACT,SAAS,EAAE,eAAe;wBAC1B,QAAQ,EAAE,KAAK;qBAClB,EACD,KAAK,CAAC,aAAa,CACtB,CAAC;iBACL;YACL,CAAC,CAAC;YAEF,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,EAAE,EAAE,OAAO,SAAA,EAAE,CAAC,CAAC;YAEnE,OAAO;gBACH,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,EAAE;oBACrD,OAAO,SAAA;iBACV,CAAC,CAAC;YACP,CAAC,CAAC;QACN,CAAC,CAAC,CAAC;QAEH,OAAO,cAAM,OAAA,SAAS,CAAC,OAAO,CAAC,UAAA,SAAS,IAAI,OAAA,SAAS,EAAE,EAAX,CAAW,CAAC,EAA3C,CAA2C,CAAC;IAC7D,CAAC,CAAC;IA/BW,QAAA,cAAc,kBA+BzB","sourcesContent":["import { getObjectKeys } from 'roosterjs-content-model-dom';\nimport type { AttachDomEvent, PluginEvent } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Attach a DOM event to the editor content DIV\n * @param core The EditorCore 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, capture } = 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                    <PluginEvent>{\n                        eventType: pluginEventType,\n                        rawEvent: event,\n                    },\n                    false /*broadcast*/\n                );\n            }\n        };\n\n        core.logicalRoot.addEventListener(eventName, onEvent, { capture });\n\n        return () => {\n            core.logicalRoot.removeEventListener(eventName, onEvent, {\n                capture,\n            });\n        };\n    });\n\n    return () => disposers.forEach(disposers => disposers());\n};\n"]}

package/lib-amd/editor/core/DOMHelperImpl.js

@@ -82,8 +82,10 @@ define(["require", "exports", "roosterjs-content-model-dom"], function (require,
         };
         /**
          * Get format of the container element
+         * @param isInDarkMode Optional flag to indicate if the environment is in dark mode
+         * @param darkColorHandler Optional DarkColorHandler to retrieve dark mode colors
          */
-        DOMHelperImpl.prototype.getContainerFormat = function () {
+        DOMHelperImpl.prototype.getContainerFormat = function (isInDarkMode, darkColorHandler) {
             var _a, _b;
             var window = this.contentDiv.ownerDocument.defaultView;
             var style = window === null || window === void 0 ? void 0 : window.getComputedStyle(this.contentDiv);
@@ -92,8 +94,8 @@ define(["require", "exports", "roosterjs-content-model-dom"], function (require,
                     fontSize: style.fontSize,
                     fontFamily: style.fontFamily,
                     fontWeight: style.fontWeight,
-                    textColor: style.color,
-                    backgroundColor: style.backgroundColor,
+                    textColor: (0, roosterjs_content_model_dom_1.getColor)(this.contentDiv, false /*isBackgroundColor*/, !!isInDarkMode, darkColorHandler, style.color),
+                    backgroundColor: (0, roosterjs_content_model_dom_1.getColor)(this.contentDiv, true /*isBackgroundColor*/, !!isInDarkMode, darkColorHandler, style.backgroundColor),
                     italic: style.fontStyle == 'italic',
                     letterSpacing: style.letterSpacing,
                     lineHeight: style.lineHeight,

package/lib-amd/editor/core/DOMHelperImpl.js.map

@@ -1 +1 @@
-{"version":3,"file":"DOMHelperImpl.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/editor/core/DOMHelperImpl.ts"],"names":[],"mappings":"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","sourcesContent":["import { isNodeOfType, parseValueWithUnit, toArray } from 'roosterjs-content-model-dom';\nimport type { ContentModelSegmentFormat, DOMHelper } from 'roosterjs-content-model-types';\n\nclass DOMHelperImpl implements DOMHelper {\n    constructor(private contentDiv: HTMLElement) {}\n\n    queryElements(selector: string): HTMLElement[] {\n        return toArray(this.contentDiv.querySelectorAll(selector)) as HTMLElement[];\n    }\n\n    getTextContent(): string {\n        return this.contentDiv.textContent || '';\n    }\n\n    isNodeInEditor(node: Node, excludeRoot?: boolean): boolean {\n        return excludeRoot && node == this.contentDiv ? false : this.contentDiv.contains(node);\n    }\n\n    calculateZoomScale(): number {\n        const originalWidth = this.contentDiv.getBoundingClientRect()?.width || 0;\n        const visualWidth = this.contentDiv.offsetWidth;\n\n        return visualWidth > 0 && originalWidth > 0\n            ? Math.round((originalWidth / visualWidth) * 100) / 100\n            : 1;\n    }\n\n    setDomAttribute(name: string, value: string | null) {\n        if (value === null) {\n            this.contentDiv.removeAttribute(name);\n        } else {\n            this.contentDiv.setAttribute(name, value);\n        }\n    }\n\n    getDomAttribute(name: string): string | null {\n        return this.contentDiv.getAttribute(name);\n    }\n\n    getDomStyle<T extends keyof CSSStyleDeclaration>(style: T): CSSStyleDeclaration[T] {\n        return this.contentDiv.style[style];\n    }\n\n    findClosestElementAncestor(startFrom: Node, selector?: string): HTMLElement | null {\n        const startElement = isNodeOfType(startFrom, 'ELEMENT_NODE')\n            ? startFrom\n            : startFrom.parentElement;\n        const closestElement = selector\n            ? (startElement?.closest(selector) as HTMLElement | null)\n            : startElement;\n\n        return closestElement &&\n            this.isNodeInEditor(closestElement) &&\n            closestElement != this.contentDiv\n            ? closestElement\n            : null;\n    }\n\n    hasFocus(): boolean {\n        const activeElement = this.contentDiv.ownerDocument.activeElement;\n        return !!(activeElement && this.contentDiv.contains(activeElement));\n    }\n\n    /**\n     * Check if the root element is in RTL mode\n     */\n    isRightToLeft(): boolean {\n        const contentDiv = this.contentDiv;\n        const style = contentDiv.ownerDocument.defaultView?.getComputedStyle(contentDiv);\n\n        return style?.direction == 'rtl';\n    }\n\n    /**\n     * Get the width of the editable area of the editor content div\n     */\n    getClientWidth(): number {\n        const contentDiv = this.contentDiv;\n        const style = contentDiv.ownerDocument.defaultView?.getComputedStyle(contentDiv);\n        const paddingLeft = parseValueWithUnit(style?.paddingLeft);\n        const paddingRight = parseValueWithUnit(style?.paddingRight);\n        return this.contentDiv.clientWidth - (paddingLeft + paddingRight);\n    }\n\n    /**\n     * Get a deep cloned root element\n     */\n    getClonedRoot(): HTMLElement {\n        return this.contentDiv.cloneNode(true /*deep*/) as HTMLElement;\n    }\n\n    /**\n     * Get format of the container element\n     */\n    getContainerFormat(): ContentModelSegmentFormat {\n        const window = this.contentDiv.ownerDocument.defaultView;\n\n        const style = window?.getComputedStyle(this.contentDiv);\n\n        return style\n            ? {\n                  fontSize: style.fontSize,\n                  fontFamily: style.fontFamily,\n                  fontWeight: style.fontWeight,\n                  textColor: style.color,\n                  backgroundColor: style.backgroundColor,\n                  italic: style.fontStyle == 'italic',\n                  letterSpacing: style.letterSpacing,\n                  lineHeight: style.lineHeight,\n                  strikethrough: style.textDecoration?.includes('line-through'),\n                  superOrSubScriptSequence: style.verticalAlign,\n                  underline: style.textDecoration?.includes('underline'),\n              }\n            : {};\n    }\n}\n\n/**\n * @internal Create new instance of DOMHelper\n */\nexport function createDOMHelper(contentDiv: HTMLElement): DOMHelper {\n    return new DOMHelperImpl(contentDiv);\n}\n"]}
+{"version":3,"file":"DOMHelperImpl.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/editor/core/DOMHelperImpl.ts"],"names":[],"mappings":"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","sourcesContent":["import { getColor, isNodeOfType, parseValueWithUnit, toArray } from 'roosterjs-content-model-dom';\nimport type {\n    ContentModelSegmentFormat,\n    DarkColorHandler,\n    DOMHelper,\n} from 'roosterjs-content-model-types';\n\nclass DOMHelperImpl implements DOMHelper {\n    constructor(private contentDiv: HTMLElement) {}\n\n    queryElements(selector: string): HTMLElement[] {\n        return toArray(this.contentDiv.querySelectorAll(selector)) as HTMLElement[];\n    }\n\n    getTextContent(): string {\n        return this.contentDiv.textContent || '';\n    }\n\n    isNodeInEditor(node: Node, excludeRoot?: boolean): boolean {\n        return excludeRoot && node == this.contentDiv ? false : this.contentDiv.contains(node);\n    }\n\n    calculateZoomScale(): number {\n        const originalWidth = this.contentDiv.getBoundingClientRect()?.width || 0;\n        const visualWidth = this.contentDiv.offsetWidth;\n\n        return visualWidth > 0 && originalWidth > 0\n            ? Math.round((originalWidth / visualWidth) * 100) / 100\n            : 1;\n    }\n\n    setDomAttribute(name: string, value: string | null) {\n        if (value === null) {\n            this.contentDiv.removeAttribute(name);\n        } else {\n            this.contentDiv.setAttribute(name, value);\n        }\n    }\n\n    getDomAttribute(name: string): string | null {\n        return this.contentDiv.getAttribute(name);\n    }\n\n    getDomStyle<T extends keyof CSSStyleDeclaration>(style: T): CSSStyleDeclaration[T] {\n        return this.contentDiv.style[style];\n    }\n\n    findClosestElementAncestor(startFrom: Node, selector?: string): HTMLElement | null {\n        const startElement = isNodeOfType(startFrom, 'ELEMENT_NODE')\n            ? startFrom\n            : startFrom.parentElement;\n        const closestElement = selector\n            ? (startElement?.closest(selector) as HTMLElement | null)\n            : startElement;\n\n        return closestElement &&\n            this.isNodeInEditor(closestElement) &&\n            closestElement != this.contentDiv\n            ? closestElement\n            : null;\n    }\n\n    hasFocus(): boolean {\n        const activeElement = this.contentDiv.ownerDocument.activeElement;\n        return !!(activeElement && this.contentDiv.contains(activeElement));\n    }\n\n    /**\n     * Check if the root element is in RTL mode\n     */\n    isRightToLeft(): boolean {\n        const contentDiv = this.contentDiv;\n        const style = contentDiv.ownerDocument.defaultView?.getComputedStyle(contentDiv);\n\n        return style?.direction == 'rtl';\n    }\n\n    /**\n     * Get the width of the editable area of the editor content div\n     */\n    getClientWidth(): number {\n        const contentDiv = this.contentDiv;\n        const style = contentDiv.ownerDocument.defaultView?.getComputedStyle(contentDiv);\n        const paddingLeft = parseValueWithUnit(style?.paddingLeft);\n        const paddingRight = parseValueWithUnit(style?.paddingRight);\n        return this.contentDiv.clientWidth - (paddingLeft + paddingRight);\n    }\n\n    /**\n     * Get a deep cloned root element\n     */\n    getClonedRoot(): HTMLElement {\n        return this.contentDiv.cloneNode(true /*deep*/) as HTMLElement;\n    }\n\n    /**\n     * Get format of the container element\n     * @param isInDarkMode Optional flag to indicate if the environment is in dark mode\n     * @param darkColorHandler Optional DarkColorHandler to retrieve dark mode colors\n     */\n    getContainerFormat(\n        isInDarkMode?: boolean,\n        darkColorHandler?: DarkColorHandler\n    ): ContentModelSegmentFormat {\n        const window = this.contentDiv.ownerDocument.defaultView;\n\n        const style = window?.getComputedStyle(this.contentDiv);\n\n        return style\n            ? {\n                  fontSize: style.fontSize,\n                  fontFamily: style.fontFamily,\n                  fontWeight: style.fontWeight,\n                  textColor: getColor(\n                      this.contentDiv,\n                      false /*isBackgroundColor*/,\n                      !!isInDarkMode,\n                      darkColorHandler,\n                      style.color\n                  ),\n                  backgroundColor: getColor(\n                      this.contentDiv,\n                      true /*isBackgroundColor*/,\n                      !!isInDarkMode,\n                      darkColorHandler,\n                      style.backgroundColor\n                  ),\n                  italic: style.fontStyle == 'italic',\n                  letterSpacing: style.letterSpacing,\n                  lineHeight: style.lineHeight,\n                  strikethrough: style.textDecoration?.includes('line-through'),\n                  superOrSubScriptSequence: style.verticalAlign,\n                  underline: style.textDecoration?.includes('underline'),\n              }\n            : {};\n    }\n}\n\n/**\n * @internal Create new instance of DOMHelper\n */\nexport function createDOMHelper(contentDiv: HTMLElement): DOMHelper {\n    return new DOMHelperImpl(contentDiv);\n}\n"]}

package/lib-mjs/command/createModelFromHtml/createDomToModelContextForSanitizing.js

@@ -16,6 +16,7 @@ var DefaultSanitizingOption = {
     additionalDisallowedTags: [],
     styleSanitizers: {},
     attributeSanitizers: {},
+    processNonVisibleElements: false,
 };
 /**
  * @internal

package/lib-mjs/command/createModelFromHtml/createDomToModelContextForSanitizing.js.map

@@ -1 +1 @@
-{"version":3,"file":"createDomToModelContextForSanitizing.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/command/createModelFromHtml/createDomToModelContextForSanitizing.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAC;AACrF,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,2BAA2B,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,EAAE,8BAA8B,EAAE,MAAM,kEAAkE,CAAC;AAClH,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACnF,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,4CAA4C,CAAC;AAQzF,IAAM,uBAAuB,GAAkC;IAC3D,iBAAiB,EAAE,EAAE;IACrB,oBAAoB,EAAE,EAAE;IACxB,uBAAuB,EAAE,EAAE;IAC3B,qBAAqB,EAAE,EAAE;IACzB,wBAAwB,EAAE,EAAE;IAC5B,eAAe,EAAE,EAAE;IACnB,mBAAmB,EAAE,EAAE;CAC1B,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,oCAAoC,CAChD,QAAkB,EAClB,aAAyC,EACzC,aAAgC,EAChC,0BAAmE;IAEnE,IAAM,gBAAgB,yBACf,uBAAuB,GACvB,0BAA0B,CAChC,CAAC;IAEF,OAAO,uBAAuB,qBAEtB,aAAa,eAAA,IACV,8BAA8B,CAAC,QAAQ,CAAC,KAC3C,oBAAoB,EAAE,EAAE,KAE5B,aAAa,EACb;QACI,iBAAiB,EAAE;YACf,OAAO,EAAE,kBAAkB;YAC3B,MAAM,EAAE,0BAA0B,CAAC,gBAAgB,CAAC;YACpD,GAAG,EAAE,2BAA2B,CAAC,gBAAgB,CAAC;SACrD;QACD,oBAAoB,EAAE;YAClB,OAAO,EAAE,wBAAwB;YACjC,UAAU,EAAE,2BAA2B;SAC1C;QACD,uBAAuB,EAAE;YACrB,SAAS,EAAE,CAAC,yBAAyB,CAAC;YACtC,MAAM,EAAE,CAAC,sBAAsB,CAAC;SACnC;KACJ,EACD,gBAAgB,CACnB,CAAC;AACN,CAAC","sourcesContent":["import { containerSizeFormatParser } from '../../override/containerSizeFormatParser';\nimport { createDomToModelContext } from 'roosterjs-content-model-dom';\nimport { createPasteEntityProcessor } from '../../override/pasteEntityProcessor';\nimport { createPasteGeneralProcessor } from '../../override/pasteGeneralProcessor';\nimport { getRootComputedStyleForContext } from '../../coreApi/createEditorContext/getRootComputedStyleForContext';\nimport { pasteBlockEntityParser } from '../../override/pasteCopyBlockEntityParser';\nimport { pasteDisplayFormatParser } from '../../override/pasteDisplayFormatParser';\nimport { pasteTextProcessor } from '../../override/pasteTextProcessor';\nimport { pasteWhiteSpaceFormatParser } from '../../override/pasteWhiteSpaceFormatParser';\nimport type {\n    ContentModelSegmentFormat,\n    DomToModelContext,\n    DomToModelOption,\n    DomToModelOptionForSanitizing,\n} from 'roosterjs-content-model-types';\n\nconst DefaultSanitizingOption: DomToModelOptionForSanitizing = {\n    processorOverride: {},\n    formatParserOverride: {},\n    additionalFormatParsers: {},\n    additionalAllowedTags: [],\n    additionalDisallowedTags: [],\n    styleSanitizers: {},\n    attributeSanitizers: {},\n};\n\n/**\n * @internal\n */\nexport function createDomToModelContextForSanitizing(\n    document: Document,\n    defaultFormat?: ContentModelSegmentFormat,\n    defaultOption?: DomToModelOption,\n    additionalSanitizingOption?: Partial<DomToModelOptionForSanitizing>\n): DomToModelContext {\n    const sanitizingOption: DomToModelOptionForSanitizing = {\n        ...DefaultSanitizingOption,\n        ...additionalSanitizingOption,\n    };\n\n    return createDomToModelContext(\n        {\n            defaultFormat,\n            ...getRootComputedStyleForContext(document),\n            experimentalFeatures: [],\n        },\n        defaultOption,\n        {\n            processorOverride: {\n                '#text': pasteTextProcessor,\n                entity: createPasteEntityProcessor(sanitizingOption),\n                '*': createPasteGeneralProcessor(sanitizingOption),\n            },\n            formatParserOverride: {\n                display: pasteDisplayFormatParser,\n                whiteSpace: pasteWhiteSpaceFormatParser,\n            },\n            additionalFormatParsers: {\n                container: [containerSizeFormatParser],\n                entity: [pasteBlockEntityParser],\n            },\n        },\n        sanitizingOption\n    );\n}\n"]}
+{"version":3,"file":"createDomToModelContextForSanitizing.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/command/createModelFromHtml/createDomToModelContextForSanitizing.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAC;AACrF,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,2BAA2B,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,EAAE,8BAA8B,EAAE,MAAM,kEAAkE,CAAC;AAClH,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACnF,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,4CAA4C,CAAC;AAQzF,IAAM,uBAAuB,GAAkC;IAC3D,iBAAiB,EAAE,EAAE;IACrB,oBAAoB,EAAE,EAAE;IACxB,uBAAuB,EAAE,EAAE;IAC3B,qBAAqB,EAAE,EAAE;IACzB,wBAAwB,EAAE,EAAE;IAC5B,eAAe,EAAE,EAAE;IACnB,mBAAmB,EAAE,EAAE;IACvB,yBAAyB,EAAE,KAAK;CACnC,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,oCAAoC,CAChD,QAAkB,EAClB,aAAyC,EACzC,aAAgC,EAChC,0BAAmE;IAEnE,IAAM,gBAAgB,yBACf,uBAAuB,GACvB,0BAA0B,CAChC,CAAC;IAEF,OAAO,uBAAuB,qBAEtB,aAAa,eAAA,IACV,8BAA8B,CAAC,QAAQ,CAAC,KAC3C,oBAAoB,EAAE,EAAE,KAE5B,aAAa,EACb;QACI,iBAAiB,EAAE;YACf,OAAO,EAAE,kBAAkB;YAC3B,MAAM,EAAE,0BAA0B,CAAC,gBAAgB,CAAC;YACpD,GAAG,EAAE,2BAA2B,CAAC,gBAAgB,CAAC;SACrD;QACD,oBAAoB,EAAE;YAClB,OAAO,EAAE,wBAAwB;YACjC,UAAU,EAAE,2BAA2B;SAC1C;QACD,uBAAuB,EAAE;YACrB,SAAS,EAAE,CAAC,yBAAyB,CAAC;YACtC,MAAM,EAAE,CAAC,sBAAsB,CAAC;SACnC;KACJ,EACD,gBAAgB,CACnB,CAAC;AACN,CAAC","sourcesContent":["import { containerSizeFormatParser } from '../../override/containerSizeFormatParser';\nimport { createDomToModelContext } from 'roosterjs-content-model-dom';\nimport { createPasteEntityProcessor } from '../../override/pasteEntityProcessor';\nimport { createPasteGeneralProcessor } from '../../override/pasteGeneralProcessor';\nimport { getRootComputedStyleForContext } from '../../coreApi/createEditorContext/getRootComputedStyleForContext';\nimport { pasteBlockEntityParser } from '../../override/pasteCopyBlockEntityParser';\nimport { pasteDisplayFormatParser } from '../../override/pasteDisplayFormatParser';\nimport { pasteTextProcessor } from '../../override/pasteTextProcessor';\nimport { pasteWhiteSpaceFormatParser } from '../../override/pasteWhiteSpaceFormatParser';\nimport type {\n    ContentModelSegmentFormat,\n    DomToModelContext,\n    DomToModelOption,\n    DomToModelOptionForSanitizing,\n} from 'roosterjs-content-model-types';\n\nconst DefaultSanitizingOption: DomToModelOptionForSanitizing = {\n    processorOverride: {},\n    formatParserOverride: {},\n    additionalFormatParsers: {},\n    additionalAllowedTags: [],\n    additionalDisallowedTags: [],\n    styleSanitizers: {},\n    attributeSanitizers: {},\n    processNonVisibleElements: false,\n};\n\n/**\n * @internal\n */\nexport function createDomToModelContextForSanitizing(\n    document: Document,\n    defaultFormat?: ContentModelSegmentFormat,\n    defaultOption?: DomToModelOption,\n    additionalSanitizingOption?: Partial<DomToModelOptionForSanitizing>\n): DomToModelContext {\n    const sanitizingOption: DomToModelOptionForSanitizing = {\n        ...DefaultSanitizingOption,\n        ...additionalSanitizingOption,\n    };\n\n    return createDomToModelContext(\n        {\n            defaultFormat,\n            ...getRootComputedStyleForContext(document),\n            experimentalFeatures: [],\n        },\n        defaultOption,\n        {\n            processorOverride: {\n                '#text': pasteTextProcessor,\n                entity: createPasteEntityProcessor(sanitizingOption),\n                '*': createPasteGeneralProcessor(sanitizingOption),\n            },\n            formatParserOverride: {\n                display: pasteDisplayFormatParser,\n                whiteSpace: pasteWhiteSpaceFormatParser,\n            },\n            additionalFormatParsers: {\n                container: [containerSizeFormatParser],\n                entity: [pasteBlockEntityParser],\n            },\n        },\n        sanitizingOption\n    );\n}\n"]}

package/lib-mjs/command/exportContent/exportContent.d.ts

@@ -2,10 +2,17 @@ import type { IEditor, ModelToDomOption, ModelToTextCallbacks } from 'roosterjs-
 /**
  * Export HTML content. If there are entities, this will cause EntityOperation event with option = 'replaceTemporaryContent' to get a dehydrated entity
  * @param editor The editor to get content from
- * @param mode Specify HTML to get plain text result. This is the default option
+ * @param mode Specify HTML to get HTML. This is the default option
  * @param options @optional Options for Model to DOM conversion
  */
 export declare function exportContent(editor: IEditor, mode?: 'HTML', options?: ModelToDomOption): string;
+/**
+ * Export HTML content. If there are entities, this will cause EntityOperation event with option = 'replaceTemporaryContent' to get a dehydrated entity.
+ * This is a fast version, it retrieve HTML content directly from editor without going through content model conversion.
+ * @param editor The editor to get content from
+ * @param mode Specify HTMLFast to get HTML result.
+ */
+export declare function exportContent(editor: IEditor, mode: 'HTMLFast'): string;
 /**
  * Export plain text content
  * @param editor The editor to get content from

package/lib-mjs/command/exportContent/exportContent.js

@@ -1,21 +1,32 @@
-import { contentModelToDom, contentModelToText, createModelToDomContext, } from 'roosterjs-content-model-dom';
+import { contentModelToDom, contentModelToText, createModelToDomContext, transformColor, } from 'roosterjs-content-model-dom';
+// Here I didn't add 'HTMLFast' to ExportContentMode type because it will make this a breaking change and EditorAdapter will see build time error without bumping version
+// Once we are confident that 'HTMLFast' is stable, we can fully switch 'HTML' to use the 'HTMLFast' approach
 export function exportContent(editor, mode, optionsOrCallbacks) {
     if (mode === void 0) { mode = 'HTML'; }
-    if (mode == 'PlainTextFast') {
-        return editor.getDOMHelper().getTextContent();
-    }
-    else {
-        var model = editor.getContentModelCopy('clean');
-        if (mode == 'PlainText') {
+    var model;
+    switch (mode) {
+        case 'PlainTextFast':
+            return editor.getDOMHelper().getTextContent();
+        case 'PlainText':
+            model = editor.getContentModelCopy('clean');
             return contentModelToText(model, undefined /*separator*/, optionsOrCallbacks);
-        }
-        else {
+        case 'HTMLFast':
+            var clonedRoot = editor.getDOMHelper().getClonedRoot();
+            if (editor.isDarkMode()) {
+                transformColor(clonedRoot, false /*includeSelf*/, 'darkToLight', editor.getColorManager());
+            }
+            return getHTMLFromDOM(editor, clonedRoot);
+        case 'HTML':
+        default:
+            model = editor.getContentModelCopy('clean');
             var doc = editor.getDocument();
             var div = doc.createElement('div');
             contentModelToDom(doc, div, model, createModelToDomContext(undefined /*editorContext*/, optionsOrCallbacks));
-            editor.triggerEvent('extractContentWithDom', { clonedRoot: div }, true /*broadcast*/);
-            return div.innerHTML;
-        }
+            return getHTMLFromDOM(editor, div);
     }
 }
+function getHTMLFromDOM(editor, root) {
+    editor.triggerEvent('extractContentWithDom', { clonedRoot: root }, true /*broadcast*/);
+    return root.innerHTML;
+}
 //# sourceMappingURL=exportContent.js.map

package/lib-mjs/command/exportContent/exportContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"exportContent.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/command/exportContent/exportContent.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,GAC1B,MAAM,6BAA6B,CAAC;AAoCrC,MAAM,UAAU,aAAa,CACzB,MAAe,EACf,IAAgC,EAChC,kBAA4D;IAD5D,qBAAA,EAAA,aAAgC;IAGhC,IAAI,IAAI,IAAI,eAAe,EAAE;QACzB,OAAO,MAAM,CAAC,YAAY,EAAE,CAAC,cAAc,EAAE,CAAC;KACjD;SAAM;QACH,IAAM,KAAK,GAAG,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;QAElD,IAAI,IAAI,IAAI,WAAW,EAAE;YACrB,OAAO,kBAAkB,CACrB,KAAK,EACL,SAAS,CAAC,aAAa,EACvB,kBAA0C,CAC7C,CAAC;SACL;aAAM;YACH,IAAM,GAAG,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;YACjC,IAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAErC,iBAAiB,CACb,GAAG,EACH,GAAG,EACH,KAAK,EACL,uBAAuB,CACnB,SAAS,CAAC,iBAAiB,EAC3B,kBAAsC,CACzC,CACJ,CAAC;YAEF,MAAM,CAAC,YAAY,CAAC,uBAAuB,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YAEtF,OAAO,GAAG,CAAC,SAAS,CAAC;SACxB;KACJ;AACL,CAAC","sourcesContent":["import {\n    contentModelToDom,\n    contentModelToText,\n    createModelToDomContext,\n} from 'roosterjs-content-model-dom';\nimport type {\n    ExportContentMode,\n    IEditor,\n    ModelToDomOption,\n    ModelToTextCallbacks,\n} from 'roosterjs-content-model-types';\n\n/**\n * Export HTML content. If there are entities, this will cause EntityOperation event with option = 'replaceTemporaryContent' to get a dehydrated entity\n * @param editor The editor to get content from\n * @param mode Specify HTML to get plain text result. This is the default option\n * @param options @optional Options for Model to DOM conversion\n */\nexport function exportContent(editor: IEditor, mode?: 'HTML', options?: ModelToDomOption): string;\n\n/**\n * Export plain text content\n * @param editor The editor to get content from\n * @param mode Specify PlainText to get plain text result\n * @param callbacks @optional Callbacks to customize conversion behavior\n */\nexport function exportContent(\n    editor: IEditor,\n    mode: 'PlainText',\n    callbacks?: ModelToTextCallbacks\n): string;\n\n/**\n * Export plain text using editor's textContent property directly\n * @param editor The editor to get content from\n * @param mode Specify PlainTextFast to get plain text result using textContent property\n * @param options @optional Options for Model to DOM conversion\n */\nexport function exportContent(editor: IEditor, mode: 'PlainTextFast'): string;\n\nexport function exportContent(\n    editor: IEditor,\n    mode: ExportContentMode = 'HTML',\n    optionsOrCallbacks?: ModelToDomOption | ModelToTextCallbacks\n): string {\n    if (mode == 'PlainTextFast') {\n        return editor.getDOMHelper().getTextContent();\n    } else {\n        const model = editor.getContentModelCopy('clean');\n\n        if (mode == 'PlainText') {\n            return contentModelToText(\n                model,\n                undefined /*separator*/,\n                optionsOrCallbacks as ModelToTextCallbacks\n            );\n        } else {\n            const doc = editor.getDocument();\n            const div = doc.createElement('div');\n\n            contentModelToDom(\n                doc,\n                div,\n                model,\n                createModelToDomContext(\n                    undefined /*editorContext*/,\n                    optionsOrCallbacks as ModelToDomOption\n                )\n            );\n\n            editor.triggerEvent('extractContentWithDom', { clonedRoot: div }, true /*broadcast*/);\n\n            return div.innerHTML;\n        }\n    }\n}\n"]}
+{"version":3,"file":"exportContent.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/command/exportContent/exportContent.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,EACvB,cAAc,GACjB,MAAM,6BAA6B,CAAC;AA6CrC,yKAAyK;AACzK,6GAA6G;AAC7G,MAAM,UAAU,aAAa,CACzB,MAAe,EACf,IAA6C,EAC7C,kBAA4D;IAD5D,qBAAA,EAAA,aAA6C;IAG7C,IAAI,KAA2B,CAAC;IAEhC,QAAQ,IAAI,EAAE;QACV,KAAK,eAAe;YAChB,OAAO,MAAM,CAAC,YAAY,EAAE,CAAC,cAAc,EAAE,CAAC;QAClD,KAAK,WAAW;YACZ,KAAK,GAAG,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;YAE5C,OAAO,kBAAkB,CACrB,KAAK,EACL,SAAS,CAAC,aAAa,EACvB,kBAA0C,CAC7C,CAAC;QAEN,KAAK,UAAU;YACX,IAAM,UAAU,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC,aAAa,EAAE,CAAC;YAEzD,IAAI,MAAM,CAAC,UAAU,EAAE,EAAE;gBACrB,cAAc,CACV,UAAU,EACV,KAAK,CAAC,eAAe,EACrB,aAAa,EACb,MAAM,CAAC,eAAe,EAAE,CAC3B,CAAC;aACL;YAED,OAAO,cAAc,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QAE9C,KAAK,MAAM,CAAC;QACZ;YACI,KAAK,GAAG,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;YAE5C,IAAM,GAAG,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;YACjC,IAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAErC,iBAAiB,CACb,GAAG,EACH,GAAG,EACH,KAAK,EACL,uBAAuB,CACnB,SAAS,CAAC,iBAAiB,EAC3B,kBAAsC,CACzC,CACJ,CAAC;YAEF,OAAO,cAAc,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;KAC1C;AACL,CAAC;AAED,SAAS,cAAc,CAAC,MAAe,EAAE,IAAiB;IACtD,MAAM,CAAC,YAAY,CAAC,uBAAuB,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IAEvF,OAAO,IAAI,CAAC,SAAS,CAAC;AAC1B,CAAC","sourcesContent":["import {\n    contentModelToDom,\n    contentModelToText,\n    createModelToDomContext,\n    transformColor,\n} from 'roosterjs-content-model-dom';\nimport type {\n    ContentModelDocument,\n    ExportContentMode,\n    IEditor,\n    ModelToDomOption,\n    ModelToTextCallbacks,\n} from 'roosterjs-content-model-types';\n\n/**\n * Export HTML content. If there are entities, this will cause EntityOperation event with option = 'replaceTemporaryContent' to get a dehydrated entity\n * @param editor The editor to get content from\n * @param mode Specify HTML to get HTML. This is the default option\n * @param options @optional Options for Model to DOM conversion\n */\nexport function exportContent(editor: IEditor, mode?: 'HTML', options?: ModelToDomOption): string;\n\n/**\n * Export HTML content. If there are entities, this will cause EntityOperation event with option = 'replaceTemporaryContent' to get a dehydrated entity.\n * This is a fast version, it retrieve HTML content directly from editor without going through content model conversion.\n * @param editor The editor to get content from\n * @param mode Specify HTMLFast to get HTML result.\n */\nexport function exportContent(editor: IEditor, mode: 'HTMLFast'): string;\n\n/**\n * Export plain text content\n * @param editor The editor to get content from\n * @param mode Specify PlainText to get plain text result\n * @param callbacks @optional Callbacks to customize conversion behavior\n */\nexport function exportContent(\n    editor: IEditor,\n    mode: 'PlainText',\n    callbacks?: ModelToTextCallbacks\n): string;\n\n/**\n * Export plain text using editor's textContent property directly\n * @param editor The editor to get content from\n * @param mode Specify PlainTextFast to get plain text result using textContent property\n * @param options @optional Options for Model to DOM conversion\n */\nexport function exportContent(editor: IEditor, mode: 'PlainTextFast'): string;\n\n// Here I didn't add 'HTMLFast' to ExportContentMode type because it will make this a breaking change and EditorAdapter will see build time error without bumping version\n// Once we are confident that 'HTMLFast' is stable, we can fully switch 'HTML' to use the 'HTMLFast' approach\nexport function exportContent(\n    editor: IEditor,\n    mode: ExportContentMode | 'HTMLFast' = 'HTML',\n    optionsOrCallbacks?: ModelToDomOption | ModelToTextCallbacks\n): string {\n    let model: ContentModelDocument;\n\n    switch (mode) {\n        case 'PlainTextFast':\n            return editor.getDOMHelper().getTextContent();\n        case 'PlainText':\n            model = editor.getContentModelCopy('clean');\n\n            return contentModelToText(\n                model,\n                undefined /*separator*/,\n                optionsOrCallbacks as ModelToTextCallbacks\n            );\n\n        case 'HTMLFast':\n            const clonedRoot = editor.getDOMHelper().getClonedRoot();\n\n            if (editor.isDarkMode()) {\n                transformColor(\n                    clonedRoot,\n                    false /*includeSelf*/,\n                    'darkToLight',\n                    editor.getColorManager()\n                );\n            }\n\n            return getHTMLFromDOM(editor, clonedRoot);\n\n        case 'HTML':\n        default:\n            model = editor.getContentModelCopy('clean');\n\n            const doc = editor.getDocument();\n            const div = doc.createElement('div');\n\n            contentModelToDom(\n                doc,\n                div,\n                model,\n                createModelToDomContext(\n                    undefined /*editorContext*/,\n                    optionsOrCallbacks as ModelToDomOption\n                )\n            );\n\n            return getHTMLFromDOM(editor, div);\n    }\n}\n\nfunction getHTMLFromDOM(editor: IEditor, root: HTMLElement): string {\n    editor.triggerEvent('extractContentWithDom', { clonedRoot: root }, true /*broadcast*/);\n\n    return root.innerHTML;\n}\n"]}

package/lib-mjs/command/paste/generatePasteOptionFromPlugins.js

@@ -11,6 +11,8 @@ export function generatePasteOptionFromPlugins(editor, clipboardData, fragment,
         processorOverride: {},
         styleSanitizers: {},
         attributeSanitizers: {},
+        processNonVisibleElements: !!editor.getEnvironment().domToModelSettings.customized
+            .processNonVisibleElements,
     };
     var event = {
         eventType: 'beforePaste',

package/lib-mjs/command/paste/generatePasteOptionFromPlugins.js.map

@@ -1 +1 @@
-{"version":3,"file":"generatePasteOptionFromPlugins.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/command/paste/generatePasteOptionFromPlugins.ts"],"names":[],"mappings":"AASA;;GAEG;AACH,MAAM,UAAU,8BAA8B,CAC1C,MAAe,EACf,aAA4B,EAC5B,QAA0B,EAC1B,iBAAoC,EACpC,SAAoB;;IAEpB,IAAM,gBAAgB,GAAkC;QACpD,qBAAqB,EAAE,EAAE;QACzB,wBAAwB,EAAE,EAAE;QAC5B,uBAAuB,EAAE,EAAE;QAC3B,oBAAoB,EAAE,EAAE;QACxB,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,mBAAmB,EAAE,EAAE;KAC1B,CAAC;IAEF,IAAM,KAAK,GAAqB;QAC5B,SAAS,EAAE,aAAa;QACxB,aAAa,eAAA;QACb,QAAQ,UAAA;QACR,UAAU,EAAE,MAAA,iBAAiB,CAAC,UAAU,mCAAI,EAAE;QAC9C,SAAS,EAAE,MAAA,iBAAiB,CAAC,SAAS,mCAAI,EAAE;QAC5C,cAAc,EAAE,iBAAiB,CAAC,QAAQ;QAC1C,SAAS,EAAE,SAAS;QACpB,gBAAgB,kBAAA;QAChB,qBAAqB,EAAE,CAAC,CAAC,iBAAiB,CAAC,qBAAqB;KACnE,CAAC;IAEF,OAAO,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;AAC3E,CAAC","sourcesContent":["import type { HtmlFromClipboard } from './retrieveHtmlInfo';\nimport type {\n    BeforePasteEvent,\n    ClipboardData,\n    DomToModelOptionForSanitizing,\n    PasteType,\n    IEditor,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function generatePasteOptionFromPlugins(\n    editor: IEditor,\n    clipboardData: ClipboardData,\n    fragment: DocumentFragment,\n    htmlFromClipboard: HtmlFromClipboard,\n    pasteType: PasteType\n): BeforePasteEvent {\n    const domToModelOption: DomToModelOptionForSanitizing = {\n        additionalAllowedTags: [],\n        additionalDisallowedTags: [],\n        additionalFormatParsers: {},\n        formatParserOverride: {},\n        processorOverride: {},\n        styleSanitizers: {},\n        attributeSanitizers: {},\n    };\n\n    const event: BeforePasteEvent = {\n        eventType: 'beforePaste',\n        clipboardData,\n        fragment,\n        htmlBefore: htmlFromClipboard.htmlBefore ?? '',\n        htmlAfter: htmlFromClipboard.htmlAfter ?? '',\n        htmlAttributes: htmlFromClipboard.metadata,\n        pasteType: pasteType,\n        domToModelOption,\n        containsBlockElements: !!htmlFromClipboard.containsBlockElements,\n    };\n\n    return editor.triggerEvent('beforePaste', event, true /* broadcast */);\n}\n"]}
+{"version":3,"file":"generatePasteOptionFromPlugins.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/command/paste/generatePasteOptionFromPlugins.ts"],"names":[],"mappings":"AASA;;GAEG;AACH,MAAM,UAAU,8BAA8B,CAC1C,MAAe,EACf,aAA4B,EAC5B,QAA0B,EAC1B,iBAAoC,EACpC,SAAoB;;IAEpB,IAAM,gBAAgB,GAAkC;QACpD,qBAAqB,EAAE,EAAE;QACzB,wBAAwB,EAAE,EAAE;QAC5B,uBAAuB,EAAE,EAAE;QAC3B,oBAAoB,EAAE,EAAE;QACxB,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,mBAAmB,EAAE,EAAE;QACvB,yBAAyB,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,kBAAkB,CAAC,UAAU;aAC7E,yBAAyB;KACjC,CAAC;IAEF,IAAM,KAAK,GAAqB;QAC5B,SAAS,EAAE,aAAa;QACxB,aAAa,eAAA;QACb,QAAQ,UAAA;QACR,UAAU,EAAE,MAAA,iBAAiB,CAAC,UAAU,mCAAI,EAAE;QAC9C,SAAS,EAAE,MAAA,iBAAiB,CAAC,SAAS,mCAAI,EAAE;QAC5C,cAAc,EAAE,iBAAiB,CAAC,QAAQ;QAC1C,SAAS,EAAE,SAAS;QACpB,gBAAgB,kBAAA;QAChB,qBAAqB,EAAE,CAAC,CAAC,iBAAiB,CAAC,qBAAqB;KACnE,CAAC;IAEF,OAAO,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;AAC3E,CAAC","sourcesContent":["import type { HtmlFromClipboard } from './retrieveHtmlInfo';\nimport type {\n    BeforePasteEvent,\n    ClipboardData,\n    DomToModelOptionForSanitizing,\n    PasteType,\n    IEditor,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function generatePasteOptionFromPlugins(\n    editor: IEditor,\n    clipboardData: ClipboardData,\n    fragment: DocumentFragment,\n    htmlFromClipboard: HtmlFromClipboard,\n    pasteType: PasteType\n): BeforePasteEvent {\n    const domToModelOption: DomToModelOptionForSanitizing = {\n        additionalAllowedTags: [],\n        additionalDisallowedTags: [],\n        additionalFormatParsers: {},\n        formatParserOverride: {},\n        processorOverride: {},\n        styleSanitizers: {},\n        attributeSanitizers: {},\n        processNonVisibleElements: !!editor.getEnvironment().domToModelSettings.customized\n            .processNonVisibleElements,\n    };\n\n    const event: BeforePasteEvent = {\n        eventType: 'beforePaste',\n        clipboardData,\n        fragment,\n        htmlBefore: htmlFromClipboard.htmlBefore ?? '',\n        htmlAfter: htmlFromClipboard.htmlAfter ?? '',\n        htmlAttributes: htmlFromClipboard.metadata,\n        pasteType: pasteType,\n        domToModelOption,\n        containsBlockElements: !!htmlFromClipboard.containsBlockElements,\n    };\n\n    return editor.triggerEvent('beforePaste', event, true /* broadcast */);\n}\n"]}

package/lib-mjs/coreApi/attachDomEvent/attachDomEvent.js

@@ -9,7 +9,7 @@ import { getObjectKeys } from 'roosterjs-content-model-dom';
  */
 export var attachDomEvent = function (core, eventMap) {
     var disposers = getObjectKeys(eventMap || {}).map(function (key) {
-        var _a = eventMap[key], pluginEventType = _a.pluginEventType, beforeDispatch = _a.beforeDispatch;
+        var _a = eventMap[key], pluginEventType = _a.pluginEventType, beforeDispatch = _a.beforeDispatch, capture = _a.capture;
         var eventName = key;
         var onEvent = function (event) {
             if (beforeDispatch) {
@@ -22,9 +22,11 @@ export var attachDomEvent = function (core, eventMap) {
                 }, false /*broadcast*/);
             }
         };
-        core.logicalRoot.addEventListener(eventName, onEvent);
+        core.logicalRoot.addEventListener(eventName, onEvent, { capture: capture });
         return function () {
-            core.logicalRoot.removeEventListener(eventName, onEvent);
+            core.logicalRoot.removeEventListener(eventName, onEvent, {
+                capture: capture,
+            });
         };
     });
     return function () { return disposers.forEach(function (disposers) { return disposers(); }); };

package/lib-mjs/coreApi/attachDomEvent/attachDomEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachDomEvent.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/coreApi/attachDomEvent/attachDomEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG5D;;;;;;;GAOG;AACH,MAAM,CAAC,IAAM,cAAc,GAAmB,UAAC,IAAI,EAAE,QAAQ;IACzD,IAAM,SAAS,GAAG,aAAa,CAAC,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,EACS;oBACT,SAAS,EAAE,eAAe;oBAC1B,QAAQ,EAAE,KAAK;iBAClB,EACD,KAAK,CAAC,aAAa,CACtB,CAAC;aACL;QACL,CAAC,CAAC;QAEF,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAEtD,OAAO;YACH,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC7D,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","sourcesContent":["import { getObjectKeys } from 'roosterjs-content-model-dom';\nimport type { AttachDomEvent, PluginEvent } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Attach a DOM event to the editor content DIV\n * @param core The EditorCore 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                    <PluginEvent>{\n                        eventType: pluginEventType,\n                        rawEvent: event,\n                    },\n                    false /*broadcast*/\n                );\n            }\n        };\n\n        core.logicalRoot.addEventListener(eventName, onEvent);\n\n        return () => {\n            core.logicalRoot.removeEventListener(eventName, onEvent);\n        };\n    });\n\n    return () => disposers.forEach(disposers => disposers());\n};\n"]}
+{"version":3,"file":"attachDomEvent.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/coreApi/attachDomEvent/attachDomEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG5D;;;;;;;GAOG;AACH,MAAM,CAAC,IAAM,cAAc,GAAmB,UAAC,IAAI,EAAE,QAAQ;IACzD,IAAM,SAAS,GAAG,aAAa,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAA,GAAG;QAC7C,IAAA,KAA+C,QAAQ,CAAC,GAAG,CAAC,EAA1D,eAAe,qBAAA,EAAE,cAAc,oBAAA,EAAE,OAAO,aAAkB,CAAC;QACnE,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,EACS;oBACT,SAAS,EAAE,eAAe;oBAC1B,QAAQ,EAAE,KAAK;iBAClB,EACD,KAAK,CAAC,aAAa,CACtB,CAAC;aACL;QACL,CAAC,CAAC;QAEF,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,EAAE,EAAE,OAAO,SAAA,EAAE,CAAC,CAAC;QAEnE,OAAO;YACH,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,EAAE;gBACrD,OAAO,SAAA;aACV,CAAC,CAAC;QACP,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","sourcesContent":["import { getObjectKeys } from 'roosterjs-content-model-dom';\nimport type { AttachDomEvent, PluginEvent } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Attach a DOM event to the editor content DIV\n * @param core The EditorCore 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, capture } = 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                    <PluginEvent>{\n                        eventType: pluginEventType,\n                        rawEvent: event,\n                    },\n                    false /*broadcast*/\n                );\n            }\n        };\n\n        core.logicalRoot.addEventListener(eventName, onEvent, { capture });\n\n        return () => {\n            core.logicalRoot.removeEventListener(eventName, onEvent, {\n                capture,\n            });\n        };\n    });\n\n    return () => disposers.forEach(disposers => disposers());\n};\n"]}

package/lib-mjs/editor/core/DOMHelperImpl.js

@@ -1,4 +1,4 @@
-import { isNodeOfType, parseValueWithUnit, toArray } from 'roosterjs-content-model-dom';
+import { getColor, isNodeOfType, parseValueWithUnit, toArray } from 'roosterjs-content-model-dom';
 var DOMHelperImpl = /** @class */ (function () {
     function DOMHelperImpl(contentDiv) {
         this.contentDiv = contentDiv;
@@ -79,8 +79,10 @@ var DOMHelperImpl = /** @class */ (function () {
     };
     /**
      * Get format of the container element
+     * @param isInDarkMode Optional flag to indicate if the environment is in dark mode
+     * @param darkColorHandler Optional DarkColorHandler to retrieve dark mode colors
      */
-    DOMHelperImpl.prototype.getContainerFormat = function () {
+    DOMHelperImpl.prototype.getContainerFormat = function (isInDarkMode, darkColorHandler) {
         var _a, _b;
         var window = this.contentDiv.ownerDocument.defaultView;
         var style = window === null || window === void 0 ? void 0 : window.getComputedStyle(this.contentDiv);
@@ -89,8 +91,8 @@ var DOMHelperImpl = /** @class */ (function () {
                 fontSize: style.fontSize,
                 fontFamily: style.fontFamily,
                 fontWeight: style.fontWeight,
-                textColor: style.color,
-                backgroundColor: style.backgroundColor,
+                textColor: getColor(this.contentDiv, false /*isBackgroundColor*/, !!isInDarkMode, darkColorHandler, style.color),
+                backgroundColor: getColor(this.contentDiv, true /*isBackgroundColor*/, !!isInDarkMode, darkColorHandler, style.backgroundColor),
                 italic: style.fontStyle == 'italic',
                 letterSpacing: style.letterSpacing,
                 lineHeight: style.lineHeight,

package/lib-mjs/editor/core/DOMHelperImpl.js.map

@@ -1 +1 @@
-{"version":3,"file":"DOMHelperImpl.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/editor/core/DOMHelperImpl.ts"],"names":[],"mappings":"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","sourcesContent":["import { isNodeOfType, parseValueWithUnit, toArray } from 'roosterjs-content-model-dom';\nimport type { ContentModelSegmentFormat, DOMHelper } from 'roosterjs-content-model-types';\n\nclass DOMHelperImpl implements DOMHelper {\n    constructor(private contentDiv: HTMLElement) {}\n\n    queryElements(selector: string): HTMLElement[] {\n        return toArray(this.contentDiv.querySelectorAll(selector)) as HTMLElement[];\n    }\n\n    getTextContent(): string {\n        return this.contentDiv.textContent || '';\n    }\n\n    isNodeInEditor(node: Node, excludeRoot?: boolean): boolean {\n        return excludeRoot && node == this.contentDiv ? false : this.contentDiv.contains(node);\n    }\n\n    calculateZoomScale(): number {\n        const originalWidth = this.contentDiv.getBoundingClientRect()?.width || 0;\n        const visualWidth = this.contentDiv.offsetWidth;\n\n        return visualWidth > 0 && originalWidth > 0\n            ? Math.round((originalWidth / visualWidth) * 100) / 100\n            : 1;\n    }\n\n    setDomAttribute(name: string, value: string | null) {\n        if (value === null) {\n            this.contentDiv.removeAttribute(name);\n        } else {\n            this.contentDiv.setAttribute(name, value);\n        }\n    }\n\n    getDomAttribute(name: string): string | null {\n        return this.contentDiv.getAttribute(name);\n    }\n\n    getDomStyle<T extends keyof CSSStyleDeclaration>(style: T): CSSStyleDeclaration[T] {\n        return this.contentDiv.style[style];\n    }\n\n    findClosestElementAncestor(startFrom: Node, selector?: string): HTMLElement | null {\n        const startElement = isNodeOfType(startFrom, 'ELEMENT_NODE')\n            ? startFrom\n            : startFrom.parentElement;\n        const closestElement = selector\n            ? (startElement?.closest(selector) as HTMLElement | null)\n            : startElement;\n\n        return closestElement &&\n            this.isNodeInEditor(closestElement) &&\n            closestElement != this.contentDiv\n            ? closestElement\n            : null;\n    }\n\n    hasFocus(): boolean {\n        const activeElement = this.contentDiv.ownerDocument.activeElement;\n        return !!(activeElement && this.contentDiv.contains(activeElement));\n    }\n\n    /**\n     * Check if the root element is in RTL mode\n     */\n    isRightToLeft(): boolean {\n        const contentDiv = this.contentDiv;\n        const style = contentDiv.ownerDocument.defaultView?.getComputedStyle(contentDiv);\n\n        return style?.direction == 'rtl';\n    }\n\n    /**\n     * Get the width of the editable area of the editor content div\n     */\n    getClientWidth(): number {\n        const contentDiv = this.contentDiv;\n        const style = contentDiv.ownerDocument.defaultView?.getComputedStyle(contentDiv);\n        const paddingLeft = parseValueWithUnit(style?.paddingLeft);\n        const paddingRight = parseValueWithUnit(style?.paddingRight);\n        return this.contentDiv.clientWidth - (paddingLeft + paddingRight);\n    }\n\n    /**\n     * Get a deep cloned root element\n     */\n    getClonedRoot(): HTMLElement {\n        return this.contentDiv.cloneNode(true /*deep*/) as HTMLElement;\n    }\n\n    /**\n     * Get format of the container element\n     */\n    getContainerFormat(): ContentModelSegmentFormat {\n        const window = this.contentDiv.ownerDocument.defaultView;\n\n        const style = window?.getComputedStyle(this.contentDiv);\n\n        return style\n            ? {\n                  fontSize: style.fontSize,\n                  fontFamily: style.fontFamily,\n                  fontWeight: style.fontWeight,\n                  textColor: style.color,\n                  backgroundColor: style.backgroundColor,\n                  italic: style.fontStyle == 'italic',\n                  letterSpacing: style.letterSpacing,\n                  lineHeight: style.lineHeight,\n                  strikethrough: style.textDecoration?.includes('line-through'),\n                  superOrSubScriptSequence: style.verticalAlign,\n                  underline: style.textDecoration?.includes('underline'),\n              }\n            : {};\n    }\n}\n\n/**\n * @internal Create new instance of DOMHelper\n */\nexport function createDOMHelper(contentDiv: HTMLElement): DOMHelper {\n    return new DOMHelperImpl(contentDiv);\n}\n"]}
+{"version":3,"file":"DOMHelperImpl.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-core/lib/editor/core/DOMHelperImpl.ts"],"names":[],"mappings":"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","sourcesContent":["import { getColor, isNodeOfType, parseValueWithUnit, toArray } from 'roosterjs-content-model-dom';\nimport type {\n    ContentModelSegmentFormat,\n    DarkColorHandler,\n    DOMHelper,\n} from 'roosterjs-content-model-types';\n\nclass DOMHelperImpl implements DOMHelper {\n    constructor(private contentDiv: HTMLElement) {}\n\n    queryElements(selector: string): HTMLElement[] {\n        return toArray(this.contentDiv.querySelectorAll(selector)) as HTMLElement[];\n    }\n\n    getTextContent(): string {\n        return this.contentDiv.textContent || '';\n    }\n\n    isNodeInEditor(node: Node, excludeRoot?: boolean): boolean {\n        return excludeRoot && node == this.contentDiv ? false : this.contentDiv.contains(node);\n    }\n\n    calculateZoomScale(): number {\n        const originalWidth = this.contentDiv.getBoundingClientRect()?.width || 0;\n        const visualWidth = this.contentDiv.offsetWidth;\n\n        return visualWidth > 0 && originalWidth > 0\n            ? Math.round((originalWidth / visualWidth) * 100) / 100\n            : 1;\n    }\n\n    setDomAttribute(name: string, value: string | null) {\n        if (value === null) {\n            this.contentDiv.removeAttribute(name);\n        } else {\n            this.contentDiv.setAttribute(name, value);\n        }\n    }\n\n    getDomAttribute(name: string): string | null {\n        return this.contentDiv.getAttribute(name);\n    }\n\n    getDomStyle<T extends keyof CSSStyleDeclaration>(style: T): CSSStyleDeclaration[T] {\n        return this.contentDiv.style[style];\n    }\n\n    findClosestElementAncestor(startFrom: Node, selector?: string): HTMLElement | null {\n        const startElement = isNodeOfType(startFrom, 'ELEMENT_NODE')\n            ? startFrom\n            : startFrom.parentElement;\n        const closestElement = selector\n            ? (startElement?.closest(selector) as HTMLElement | null)\n            : startElement;\n\n        return closestElement &&\n            this.isNodeInEditor(closestElement) &&\n            closestElement != this.contentDiv\n            ? closestElement\n            : null;\n    }\n\n    hasFocus(): boolean {\n        const activeElement = this.contentDiv.ownerDocument.activeElement;\n        return !!(activeElement && this.contentDiv.contains(activeElement));\n    }\n\n    /**\n     * Check if the root element is in RTL mode\n     */\n    isRightToLeft(): boolean {\n        const contentDiv = this.contentDiv;\n        const style = contentDiv.ownerDocument.defaultView?.getComputedStyle(contentDiv);\n\n        return style?.direction == 'rtl';\n    }\n\n    /**\n     * Get the width of the editable area of the editor content div\n     */\n    getClientWidth(): number {\n        const contentDiv = this.contentDiv;\n        const style = contentDiv.ownerDocument.defaultView?.getComputedStyle(contentDiv);\n        const paddingLeft = parseValueWithUnit(style?.paddingLeft);\n        const paddingRight = parseValueWithUnit(style?.paddingRight);\n        return this.contentDiv.clientWidth - (paddingLeft + paddingRight);\n    }\n\n    /**\n     * Get a deep cloned root element\n     */\n    getClonedRoot(): HTMLElement {\n        return this.contentDiv.cloneNode(true /*deep*/) as HTMLElement;\n    }\n\n    /**\n     * Get format of the container element\n     * @param isInDarkMode Optional flag to indicate if the environment is in dark mode\n     * @param darkColorHandler Optional DarkColorHandler to retrieve dark mode colors\n     */\n    getContainerFormat(\n        isInDarkMode?: boolean,\n        darkColorHandler?: DarkColorHandler\n    ): ContentModelSegmentFormat {\n        const window = this.contentDiv.ownerDocument.defaultView;\n\n        const style = window?.getComputedStyle(this.contentDiv);\n\n        return style\n            ? {\n                  fontSize: style.fontSize,\n                  fontFamily: style.fontFamily,\n                  fontWeight: style.fontWeight,\n                  textColor: getColor(\n                      this.contentDiv,\n                      false /*isBackgroundColor*/,\n                      !!isInDarkMode,\n                      darkColorHandler,\n                      style.color\n                  ),\n                  backgroundColor: getColor(\n                      this.contentDiv,\n                      true /*isBackgroundColor*/,\n                      !!isInDarkMode,\n                      darkColorHandler,\n                      style.backgroundColor\n                  ),\n                  italic: style.fontStyle == 'italic',\n                  letterSpacing: style.letterSpacing,\n                  lineHeight: style.lineHeight,\n                  strikethrough: style.textDecoration?.includes('line-through'),\n                  superOrSubScriptSequence: style.verticalAlign,\n                  underline: style.textDecoration?.includes('underline'),\n              }\n            : {};\n    }\n}\n\n/**\n * @internal Create new instance of DOMHelper\n */\nexport function createDOMHelper(contentDiv: HTMLElement): DOMHelper {\n    return new DOMHelperImpl(contentDiv);\n}\n"]}

package/package.json

@@ -3,10 +3,10 @@
     "description": "Core editor for roosterjs",
     "dependencies": {
         "tslib": "^2.3.1",
-        "roosterjs-content-model-dom": "^9.32.0",
-        "roosterjs-content-model-types": "^9.32.0"
+        "roosterjs-content-model-dom": "^9.34.0",
+        "roosterjs-content-model-types": "^9.34.0"
     },
-    "version": "9.32.0",
+    "version": "9.34.0",
     "main": "./lib/index.js",
     "typings": "./lib/index.d.ts",
     "module": "./lib-mjs/index.js",