roosterjs-content-model-dom 0.10.0

package/lib-mjs/formatHandlers/segment/strikeFormatHandler.d.ts

@@ -0,0 +1,6 @@
+import { FormatHandler } from '../FormatHandler';
+import { StrikeFormat } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const strikeFormatHandler: FormatHandler<StrikeFormat>;

package/lib-mjs/formatHandlers/segment/strikeFormatHandler.js

@@ -0,0 +1,20 @@
+import { moveChildNodes } from 'roosterjs-editor-dom';
+/**
+ * @internal
+ */
+export var strikeFormatHandler = {
+    parse: function (format, element, context, defaultStyle) {
+        var textDecoration = element.style.textDecoration || defaultStyle.textDecoration;
+        if ((textDecoration === null || textDecoration === void 0 ? void 0 : textDecoration.indexOf('line-through')) >= 0) {
+            format.strikethrough = true;
+        }
+    },
+    apply: function (format, element) {
+        if (format.strikethrough) {
+            var strike = element.ownerDocument.createElement('s');
+            moveChildNodes(strike, element);
+            element.appendChild(strike);
+        }
+    },
+};
+//# sourceMappingURL=strikeFormatHandler.js.map

package/lib-mjs/formatHandlers/segment/strikeFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"strikeFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/segment/strikeFormatHandler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD;;GAEG;AACH,MAAM,CAAC,IAAM,mBAAmB,GAAgC;IAC5D,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;QAC1C,IAAM,cAAc,GAAG,OAAO,CAAC,KAAK,CAAC,cAAc,IAAI,YAAY,CAAC,cAAc,CAAC;QAEnF,IAAI,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,CAAC,cAAc,CAAE,KAAI,CAAC,EAAE;YAC/C,MAAM,CAAC,aAAa,GAAG,IAAI,CAAC;SAC/B;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,MAAM,CAAC,aAAa,EAAE;YACtB,IAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YACxD,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YAChC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;SAC/B;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { moveChildNodes } from 'roosterjs-editor-dom';\nimport { StrikeFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const strikeFormatHandler: FormatHandler<StrikeFormat> = {\n    parse: (format, element, context, defaultStyle) => {\n        const textDecoration = element.style.textDecoration || defaultStyle.textDecoration;\n\n        if (textDecoration?.indexOf('line-through')! >= 0) {\n            format.strikethrough = true;\n        }\n    },\n    apply: (format, element) => {\n        if (format.strikethrough) {\n            const strike = element.ownerDocument.createElement('s');\n            moveChildNodes(strike, element);\n            element.appendChild(strike);\n        }\n    },\n};\n"]}

package/lib-mjs/formatHandlers/segment/superOrSubScriptFormatHandler.d.ts

@@ -0,0 +1,10 @@
+import { FormatHandler } from '../FormatHandler';
+import { SuperOrSubScriptFormat } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const superOrSubScriptFormatHandler: FormatHandler<SuperOrSubScriptFormat>;
+/**
+ * @internal
+ */
+export declare function isSuperOrSubScript(fontSize: string | undefined, verticalAlign: string | undefined): verticalAlign is 'sub' | 'super';

package/lib-mjs/formatHandlers/segment/superOrSubScriptFormatHandler.js

@@ -0,0 +1,39 @@
+import { moveChildNodes } from 'roosterjs-editor-dom';
+/**
+ * @internal
+ */
+export var superOrSubScriptFormatHandler = {
+    parse: function (format, element, context, defaultStyle) {
+        var verticalAlign = element.style.verticalAlign || defaultStyle.verticalAlign;
+        var fontSize = element.style.fontSize || defaultStyle.fontSize;
+        if (isSuperOrSubScript(fontSize, verticalAlign)) {
+            format.superOrSubScriptSequence = (format.superOrSubScriptSequence || '')
+                .split(' ')
+                .concat(verticalAlign)
+                .join(' ')
+                .trim();
+        }
+    },
+    apply: function (format, element) {
+        if (format.superOrSubScriptSequence) {
+            format.superOrSubScriptSequence
+                .split(' ')
+                .reverse()
+                .forEach(function (value) {
+                var tagName = value == 'super' ? 'sup' : value == 'sub' ? 'sub' : null;
+                if (tagName) {
+                    var wrapper = element.ownerDocument.createElement(tagName);
+                    moveChildNodes(wrapper, element);
+                    element.appendChild(wrapper);
+                }
+            });
+        }
+    },
+};
+/**
+ * @internal
+ */
+export function isSuperOrSubScript(fontSize, verticalAlign) {
+    return fontSize == 'smaller' && (verticalAlign == 'sub' || verticalAlign == 'super');
+}
+//# sourceMappingURL=superOrSubScriptFormatHandler.js.map

package/lib-mjs/formatHandlers/segment/superOrSubScriptFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"superOrSubScriptFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/segment/superOrSubScriptFormatHandler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD;;GAEG;AACH,MAAM,CAAC,IAAM,6BAA6B,GAA0C;IAChF,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;QAC1C,IAAM,aAAa,GAAG,OAAO,CAAC,KAAK,CAAC,aAAa,IAAI,YAAY,CAAC,aAAa,CAAC;QAChF,IAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,IAAI,YAAY,CAAC,QAAQ,CAAC;QAEjE,IAAI,kBAAkB,CAAC,QAAQ,EAAE,aAAa,CAAC,EAAE;YAC7C,MAAM,CAAC,wBAAwB,GAAG,CAAC,MAAM,CAAC,wBAAwB,IAAI,EAAE,CAAC;iBACpE,KAAK,CAAC,GAAG,CAAC;iBACV,MAAM,CAAC,aAAa,CAAC;iBACrB,IAAI,CAAC,GAAG,CAAC;iBACT,IAAI,EAAE,CAAC;SACf;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,MAAM,CAAC,wBAAwB,EAAE;YACjC,MAAM,CAAC,wBAAwB;iBAC1B,KAAK,CAAC,GAAG,CAAC;iBACV,OAAO,EAAE;iBACT,OAAO,CAAC,UAAA,KAAK;gBACV,IAAM,OAAO,GAAG,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;gBAEzE,IAAI,OAAO,EAAE;oBACT,IAAM,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;oBAC7D,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;oBACjC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;iBAChC;YACL,CAAC,CAAC,CAAC;SACV;IACL,CAAC;CACJ,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAC9B,QAA4B,EAC5B,aAAiC;IAEjC,OAAO,QAAQ,IAAI,SAAS,IAAI,CAAC,aAAa,IAAI,KAAK,IAAI,aAAa,IAAI,OAAO,CAAC,CAAC;AACzF,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { moveChildNodes } from 'roosterjs-editor-dom';\nimport { SuperOrSubScriptFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const superOrSubScriptFormatHandler: FormatHandler<SuperOrSubScriptFormat> = {\n    parse: (format, element, context, defaultStyle) => {\n        const verticalAlign = element.style.verticalAlign || defaultStyle.verticalAlign;\n        const fontSize = element.style.fontSize || defaultStyle.fontSize;\n\n        if (isSuperOrSubScript(fontSize, verticalAlign)) {\n            format.superOrSubScriptSequence = (format.superOrSubScriptSequence || '')\n                .split(' ')\n                .concat(verticalAlign)\n                .join(' ')\n                .trim();\n        }\n    },\n    apply: (format, element) => {\n        if (format.superOrSubScriptSequence) {\n            format.superOrSubScriptSequence\n                .split(' ')\n                .reverse()\n                .forEach(value => {\n                    const tagName = value == 'super' ? 'sup' : value == 'sub' ? 'sub' : null;\n\n                    if (tagName) {\n                        const wrapper = element.ownerDocument.createElement(tagName);\n                        moveChildNodes(wrapper, element);\n                        element.appendChild(wrapper);\n                    }\n                });\n        }\n    },\n};\n\n/**\n * @internal\n */\nexport function isSuperOrSubScript(\n    fontSize: string | undefined,\n    verticalAlign: string | undefined\n): verticalAlign is 'sub' | 'super' {\n    return fontSize == 'smaller' && (verticalAlign == 'sub' || verticalAlign == 'super');\n}\n"]}

package/lib-mjs/formatHandlers/segment/textColorFormatHandler.d.ts

@@ -0,0 +1,6 @@
+import { FormatHandler } from '../FormatHandler';
+import { TextColorFormat } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const textColorFormatHandler: FormatHandler<TextColorFormat>;

package/lib-mjs/formatHandlers/segment/textColorFormatHandler.js

@@ -0,0 +1,19 @@
+import { getColor, setColor } from '../utils/color';
+/**
+ * @internal
+ */
+export var textColorFormatHandler = {
+    parse: function (format, element, context, defaultStyle) {
+        var textColor = getColor(element, false /*isBackground*/, context.darkColorHandler, !!context.isDarkMode) || defaultStyle.color;
+        if (textColor && textColor != 'inherit') {
+            format.textColor = textColor;
+        }
+    },
+    apply: function (format, element, context) {
+        var implicitColor = context.implicitFormat.textColor;
+        if (format.textColor && format.textColor != implicitColor) {
+            setColor(element, format.textColor, false /*isBackground*/, context.darkColorHandler, !!context.isDarkMode);
+        }
+    },
+};
+//# sourceMappingURL=textColorFormatHandler.js.map

package/lib-mjs/formatHandlers/segment/textColorFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textColorFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/segment/textColorFormatHandler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAGpD;;GAEG;AACH,MAAM,CAAC,IAAM,sBAAsB,GAAmC;IAClE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;QAC1C,IAAM,SAAS,GACX,QAAQ,CACJ,OAAO,EACP,KAAK,CAAC,gBAAgB,EACtB,OAAO,CAAC,gBAAgB,EACxB,CAAC,CAAC,OAAO,CAAC,UAAU,CACvB,IAAI,YAAY,CAAC,KAAK,CAAC;QAE5B,IAAI,SAAS,IAAI,SAAS,IAAI,SAAS,EAAE;YACrC,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;SAChC;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;QAC5B,IAAM,aAAa,GAAG,OAAO,CAAC,cAAc,CAAC,SAAS,CAAC;QAEvD,IAAI,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,SAAS,IAAI,aAAa,EAAE;YACvD,QAAQ,CACJ,OAAO,EACP,MAAM,CAAC,SAAS,EAChB,KAAK,CAAC,gBAAgB,EACtB,OAAO,CAAC,gBAAgB,EACxB,CAAC,CAAC,OAAO,CAAC,UAAU,CACvB,CAAC;SACL;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { getColor, setColor } from '../utils/color';\nimport { TextColorFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const textColorFormatHandler: FormatHandler<TextColorFormat> = {\n    parse: (format, element, context, defaultStyle) => {\n        const textColor =\n            getColor(\n                element,\n                false /*isBackground*/,\n                context.darkColorHandler,\n                !!context.isDarkMode\n            ) || defaultStyle.color;\n\n        if (textColor && textColor != 'inherit') {\n            format.textColor = textColor;\n        }\n    },\n    apply: (format, element, context) => {\n        const implicitColor = context.implicitFormat.textColor;\n\n        if (format.textColor && format.textColor != implicitColor) {\n            setColor(\n                element,\n                format.textColor,\n                false /*isBackground*/,\n                context.darkColorHandler,\n                !!context.isDarkMode\n            );\n        }\n    },\n};\n"]}

package/lib-mjs/formatHandlers/segment/underlineFormatHandler.d.ts

@@ -0,0 +1,6 @@
+import { FormatHandler } from '../FormatHandler';
+import { UnderlineFormat } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const underlineFormatHandler: FormatHandler<UnderlineFormat>;

package/lib-mjs/formatHandlers/segment/underlineFormatHandler.js

@@ -0,0 +1,32 @@
+import { moveChildNodes } from 'roosterjs-editor-dom';
+/**
+ * @internal
+ */
+export var underlineFormatHandler = {
+    parse: function (format, element, context, defaultStyle) {
+        var textDecoration = element.style.textDecoration || defaultStyle.textDecoration;
+        if ((textDecoration === null || textDecoration === void 0 ? void 0 : textDecoration.indexOf('underline')) >= 0) {
+            format.underline = true;
+        }
+        else if (element.tagName == 'A' && textDecoration == 'none') {
+            format.underline = false;
+        }
+    },
+    apply: function (format, element, context) {
+        if (typeof format.underline === 'undefined') {
+            return;
+        }
+        var blockUnderline = context.implicitFormat.underline;
+        if (!!blockUnderline != !!format.underline) {
+            if (format.underline) {
+                var u = element.ownerDocument.createElement('u');
+                moveChildNodes(u, element);
+                element.appendChild(u);
+            }
+            else {
+                element.style.textDecoration = 'none';
+            }
+        }
+    },
+};
+//# sourceMappingURL=underlineFormatHandler.js.map

package/lib-mjs/formatHandlers/segment/underlineFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"underlineFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/segment/underlineFormatHandler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD;;GAEG;AACH,MAAM,CAAC,IAAM,sBAAsB,GAAmC;IAClE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;QAC1C,IAAM,cAAc,GAAG,OAAO,CAAC,KAAK,CAAC,cAAc,IAAI,YAAY,CAAC,cAAc,CAAC;QAEnF,IAAI,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,CAAC,WAAW,CAAE,KAAI,CAAC,EAAE;YAC5C,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC;SAC3B;aAAM,IAAI,OAAO,CAAC,OAAO,IAAI,GAAG,IAAI,cAAc,IAAI,MAAM,EAAE;YAC3D,MAAM,CAAC,SAAS,GAAG,KAAK,CAAC;SAC5B;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;QAC5B,IAAI,OAAO,MAAM,CAAC,SAAS,KAAK,WAAW,EAAE;YACzC,OAAO;SACV;QAED,IAAM,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC,SAAS,CAAC;QAExD,IAAI,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE;YACxC,IAAI,MAAM,CAAC,SAAS,EAAE;gBAClB,IAAM,CAAC,GAAG,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;gBACnD,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;gBAC3B,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;aAC1B;iBAAM;gBACH,OAAO,CAAC,KAAK,CAAC,cAAc,GAAG,MAAM,CAAC;aACzC;SACJ;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { moveChildNodes } from 'roosterjs-editor-dom';\nimport { UnderlineFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const underlineFormatHandler: FormatHandler<UnderlineFormat> = {\n    parse: (format, element, context, defaultStyle) => {\n        const textDecoration = element.style.textDecoration || defaultStyle.textDecoration;\n\n        if (textDecoration?.indexOf('underline')! >= 0) {\n            format.underline = true;\n        } else if (element.tagName == 'A' && textDecoration == 'none') {\n            format.underline = false;\n        }\n    },\n    apply: (format, element, context) => {\n        if (typeof format.underline === 'undefined') {\n            return;\n        }\n\n        const blockUnderline = context.implicitFormat.underline;\n\n        if (!!blockUnderline != !!format.underline) {\n            if (format.underline) {\n                const u = element.ownerDocument.createElement('u');\n                moveChildNodes(u, element);\n                element.appendChild(u);\n            } else {\n                element.style.textDecoration = 'none';\n            }\n        }\n    },\n};\n"]}

package/lib-mjs/formatHandlers/table/tableLayoutFormatHandler.d.ts

@@ -0,0 +1,6 @@
+import { FormatHandler } from '../FormatHandler';
+import { TableLayoutFormat } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const tableLayoutFormatHandler: FormatHandler<TableLayoutFormat>;

package/lib-mjs/formatHandlers/table/tableLayoutFormatHandler.js

@@ -0,0 +1,17 @@
+/**
+ * @internal
+ */
+export var tableLayoutFormatHandler = {
+    parse: function (format, element) {
+        var tableLayout = element.style.tableLayout;
+        if (tableLayout && tableLayout != 'inherit') {
+            format.tableLayout = tableLayout;
+        }
+    },
+    apply: function (format, element) {
+        if (format.tableLayout) {
+            element.style.tableLayout = format.tableLayout;
+        }
+    },
+};
+//# sourceMappingURL=tableLayoutFormatHandler.js.map

package/lib-mjs/formatHandlers/table/tableLayoutFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableLayoutFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/table/tableLayoutFormatHandler.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,IAAM,wBAAwB,GAAqC;IACtE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC;QAC9C,IAAI,WAAW,IAAI,WAAW,IAAI,SAAS,EAAE;YACzC,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;SACpC;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,MAAM,CAAC,WAAW,EAAE;YACpB,OAAO,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;SAClD;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { TableLayoutFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const tableLayoutFormatHandler: FormatHandler<TableLayoutFormat> = {\n    parse: (format, element) => {\n        const tableLayout = element.style.tableLayout;\n        if (tableLayout && tableLayout != 'inherit') {\n            format.tableLayout = tableLayout;\n        }\n    },\n    apply: (format, element) => {\n        if (format.tableLayout) {\n            element.style.tableLayout = format.tableLayout;\n        }\n    },\n};\n"]}

package/lib-mjs/formatHandlers/table/tableSpacingFormatHandler.d.ts

@@ -0,0 +1,6 @@
+import { FormatHandler } from '../FormatHandler';
+import { SpacingFormat } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const tableSpacingFormatHandler: FormatHandler<SpacingFormat>;

package/lib-mjs/formatHandlers/table/tableSpacingFormatHandler.js

@@ -0,0 +1,19 @@
+var BorderCollapsed = 'collapse';
+/**
+ * @internal
+ */
+export var tableSpacingFormatHandler = {
+    parse: function (format, element) {
+        if (element.style.borderCollapse == BorderCollapsed) {
+            format.borderCollapse = true;
+        }
+    },
+    apply: function (format, element) {
+        if (format.borderCollapse) {
+            element.style.borderCollapse = BorderCollapsed;
+            element.style.borderSpacing = '0';
+            element.style.boxSizing = 'border-box';
+        }
+    },
+};
+//# sourceMappingURL=tableSpacingFormatHandler.js.map

package/lib-mjs/formatHandlers/table/tableSpacingFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableSpacingFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/table/tableSpacingFormatHandler.ts"],"names":[],"mappings":"AAGA,IAAM,eAAe,GAAG,UAAU,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,IAAM,yBAAyB,GAAiC;IACnE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,OAAO,CAAC,KAAK,CAAC,cAAc,IAAI,eAAe,EAAE;YACjD,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC;SAChC;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,MAAM,CAAC,cAAc,EAAE;YACvB,OAAO,CAAC,KAAK,CAAC,cAAc,GAAG,eAAe,CAAC;YAC/C,OAAO,CAAC,KAAK,CAAC,aAAa,GAAG,GAAG,CAAC;YAClC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC;SAC1C;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { SpacingFormat } from 'roosterjs-content-model-types';\n\nconst BorderCollapsed = 'collapse';\n\n/**\n * @internal\n */\nexport const tableSpacingFormatHandler: FormatHandler<SpacingFormat> = {\n    parse: (format, element) => {\n        if (element.style.borderCollapse == BorderCollapsed) {\n            format.borderCollapse = true;\n        }\n    },\n    apply: (format, element) => {\n        if (format.borderCollapse) {\n            element.style.borderCollapse = BorderCollapsed;\n            element.style.borderSpacing = '0';\n            element.style.boxSizing = 'border-box';\n        }\n    },\n};\n"]}

package/lib-mjs/formatHandlers/table/textColorOnTableCellFormatHandler.d.ts

@@ -0,0 +1,6 @@
+import { FormatHandler } from '../FormatHandler';
+import { TextColorFormat } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const textColorOnTableCellFormatHandler: FormatHandler<TextColorFormat>;

package/lib-mjs/formatHandlers/table/textColorOnTableCellFormatHandler.js

@@ -0,0 +1,15 @@
+/**
+ * @internal
+ */
+export var textColorOnTableCellFormatHandler = {
+    parse: function (format, element) {
+        if (element.style.color) {
+            // Delete color from format since text color on TD/TH will be handled by separate code
+            // and text color on segment format context need to be reset so that it will not inherit
+            // value outer container
+            delete format.textColor;
+        }
+    },
+    apply: function () { },
+};
+//# sourceMappingURL=textColorOnTableCellFormatHandler.js.map

package/lib-mjs/formatHandlers/table/textColorOnTableCellFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textColorOnTableCellFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/table/textColorOnTableCellFormatHandler.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,IAAM,iCAAiC,GAAmC;IAC7E,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE;YACrB,sFAAsF;YACtF,wFAAwF;YACxF,wBAAwB;YACxB,OAAO,MAAM,CAAC,SAAS,CAAC;SAC3B;IACL,CAAC;IACD,KAAK,EAAE,cAAO,CAAC;CAClB,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { TextColorFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const textColorOnTableCellFormatHandler: FormatHandler<TextColorFormat> = {\n    parse: (format, element) => {\n        if (element.style.color) {\n            // Delete color from format since text color on TD/TH will be handled by separate code\n            // and text color on segment format context need to be reset so that it will not inherit\n            // value outer container\n            delete format.textColor;\n        }\n    },\n    apply: () => {},\n};\n"]}

package/lib-mjs/formatHandlers/utils/color.d.ts

@@ -0,0 +1,9 @@
+import { DarkColorHandler } from 'roosterjs-editor-types';
+/**
+ * @internal
+ */
+export declare function getColor(element: HTMLElement, isBackground: boolean, darkColorHandler: DarkColorHandler | undefined | null, isDarkMode: boolean): string | undefined;
+/**
+ * @internal
+ */
+export declare function setColor(element: HTMLElement, lightModeColor: string, isBackground: boolean, darkColorHandler: DarkColorHandler | undefined | null, isDarkMode: boolean): void;

package/lib-mjs/formatHandlers/utils/color.js

@@ -0,0 +1,50 @@
+import { getTagOfNode } from 'roosterjs-editor-dom';
+/**
+ * @internal
+ */
+export function getColor(element, isBackground, darkColorHandler, isDarkMode) {
+    var color;
+    if (!color) {
+        color =
+            (darkColorHandler &&
+                tryGetFontColor(element, isDarkMode, darkColorHandler, isBackground)) ||
+                (isBackground ? element.style.backgroundColor : element.style.color) ||
+                element.getAttribute(isBackground ? 'bgcolor' : 'color') ||
+                undefined;
+    }
+    if (darkColorHandler) {
+        color = darkColorHandler.parseColorValue(color).lightModeColor;
+    }
+    return color;
+}
+/**
+ * @internal
+ */
+export function setColor(element, lightModeColor, isBackground, darkColorHandler, isDarkMode) {
+    var effectiveColor = darkColorHandler
+        ? darkColorHandler.registerColor(lightModeColor, isDarkMode)
+        : lightModeColor;
+    if (isBackground) {
+        element.style.backgroundColor = effectiveColor;
+    }
+    else {
+        element.style.color = effectiveColor;
+    }
+}
+/**
+ * There is a known issue that when input with IME in Chrome, it is possible Chrome insert a new FONT tag with colors.
+ * If editor is in dark mode, this color will cause the FONT tag doesn't have light mode color info so that after convert
+ * to light mode the color will be wrong.
+ * To workaround it, we check if this is a known color (for light mode with VariableBasedDarkColor enabled, all used colors
+ * are stored in darkColorHandler), then use the related light mode color instead.
+ */
+function tryGetFontColor(element, isDarkMode, darkColorHandler, isBackground) {
+    var darkColor;
+    return getTagOfNode(element) == 'FONT' &&
+        !element.style.getPropertyValue(isBackground ? 'background-color' : 'color') &&
+        isDarkMode &&
+        (darkColor = element.getAttribute(isBackground ? 'bgcolor' : 'color'))
+        ? darkColorHandler.findLightColorFromDarkColor(darkColor)
+        : null;
+}
+//# sourceMappingURL=color.js.map

package/lib-mjs/formatHandlers/utils/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/utils/color.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD;;GAEG;AACH,MAAM,UAAU,QAAQ,CACpB,OAAoB,EACpB,YAAqB,EACrB,gBAAqD,EACrD,UAAmB;IAEnB,IAAI,KAAyB,CAAC;IAE9B,IAAI,CAAC,KAAK,EAAE;QACR,KAAK;YACD,CAAC,gBAAgB;gBACb,eAAe,CAAC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,CAAC,CAAC;gBACzE,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;gBACpE,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;gBACxD,SAAS,CAAC;KACjB;IAED,IAAI,gBAAgB,EAAE;QAClB,KAAK,GAAG,gBAAgB,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC;KAClE;IAED,OAAO,KAAK,CAAC;AACjB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,QAAQ,CACpB,OAAoB,EACpB,cAAsB,EACtB,YAAqB,EACrB,gBAAqD,EACrD,UAAmB;IAEnB,IAAM,cAAc,GAAG,gBAAgB;QACnC,CAAC,CAAC,gBAAgB,CAAC,aAAa,CAAC,cAAc,EAAE,UAAU,CAAC;QAC5D,CAAC,CAAC,cAAc,CAAC;IAErB,IAAI,YAAY,EAAE;QACd,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,cAAc,CAAC;KAClD;SAAM;QACH,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,cAAc,CAAC;KACxC;AACL,CAAC;AAED;;;;;;GAMG;AACH,SAAS,eAAe,CACpB,OAAoB,EACpB,UAAmB,EACnB,gBAAkC,EAClC,YAAqB;IAErB,IAAI,SAAwB,CAAC;IAE7B,OAAO,YAAY,CAAC,OAAO,CAAC,IAAI,MAAM;QAClC,CAAC,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,CAAC;QAC5E,UAAU;QACV,CAAC,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACtE,CAAC,CAAC,gBAAgB,CAAC,2BAA2B,CAAC,SAAS,CAAC;QACzD,CAAC,CAAC,IAAI,CAAC;AACf,CAAC","sourcesContent":["import { DarkColorHandler } from 'roosterjs-editor-types';\nimport { getTagOfNode } from 'roosterjs-editor-dom';\n\n/**\n * @internal\n */\nexport function getColor(\n    element: HTMLElement,\n    isBackground: boolean,\n    darkColorHandler: DarkColorHandler | undefined | null,\n    isDarkMode: boolean\n): string | undefined {\n    let color: string | undefined;\n\n    if (!color) {\n        color =\n            (darkColorHandler &&\n                tryGetFontColor(element, isDarkMode, darkColorHandler, isBackground)) ||\n            (isBackground ? element.style.backgroundColor : element.style.color) ||\n            element.getAttribute(isBackground ? 'bgcolor' : 'color') ||\n            undefined;\n    }\n\n    if (darkColorHandler) {\n        color = darkColorHandler.parseColorValue(color).lightModeColor;\n    }\n\n    return color;\n}\n\n/**\n * @internal\n */\nexport function setColor(\n    element: HTMLElement,\n    lightModeColor: string,\n    isBackground: boolean,\n    darkColorHandler: DarkColorHandler | undefined | null,\n    isDarkMode: boolean\n) {\n    const effectiveColor = darkColorHandler\n        ? darkColorHandler.registerColor(lightModeColor, isDarkMode)\n        : lightModeColor;\n\n    if (isBackground) {\n        element.style.backgroundColor = effectiveColor;\n    } else {\n        element.style.color = effectiveColor;\n    }\n}\n\n/**\n * There is a known issue that when input with IME in Chrome, it is possible Chrome insert a new FONT tag with colors.\n * If editor is in dark mode, this color will cause the FONT tag doesn't have light mode color info so that after convert\n * to light mode the color will be wrong.\n * To workaround it, we check if this is a known color (for light mode with VariableBasedDarkColor enabled, all used colors\n * are stored in darkColorHandler), then use the related light mode color instead.\n */\nfunction tryGetFontColor(\n    element: HTMLElement,\n    isDarkMode: boolean,\n    darkColorHandler: DarkColorHandler,\n    isBackground: boolean\n) {\n    let darkColor: string | null;\n\n    return getTagOfNode(element) == 'FONT' &&\n        !element.style.getPropertyValue(isBackground ? 'background-color' : 'color') &&\n        isDarkMode &&\n        (darkColor = element.getAttribute(isBackground ? 'bgcolor' : 'color'))\n        ? darkColorHandler.findLightColorFromDarkColor(darkColor)\n        : null;\n}\n"]}

package/lib-mjs/formatHandlers/utils/defaultStyles.d.ts

@@ -0,0 +1,15 @@
+import { DefaultImplicitFormatMap, DefaultStyleMap } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const defaultStyleMap: DefaultStyleMap;
+/**
+ * @internal
+ */
+export declare const enum PseudoTagNames {
+    childOfPre = "pre *"
+}
+/**
+ * A map from tag name to its default implicit formats
+ */
+export declare const defaultImplicitFormatMap: DefaultImplicitFormatMap;

package/lib-mjs/formatHandlers/utils/defaultStyles.js

@@ -0,0 +1,189 @@
+var _a;
+var blockElement = {
+    display: 'block',
+};
+/**
+ * @internal
+ */
+export var defaultStyleMap = {
+    address: blockElement,
+    article: blockElement,
+    aside: blockElement,
+    b: {
+        fontWeight: 'bold',
+    },
+    blockquote: {
+        display: 'block',
+        marginTop: '1em',
+        marginBottom: '1em',
+        marginLeft: '40px',
+        marginRight: '40px',
+    },
+    br: blockElement,
+    center: {
+        display: 'block',
+        textAlign: 'center',
+    },
+    dd: blockElement,
+    div: blockElement,
+    dl: blockElement,
+    dt: blockElement,
+    em: {
+        fontStyle: 'italic',
+    },
+    fieldset: blockElement,
+    figcaption: blockElement,
+    figure: blockElement,
+    footer: blockElement,
+    form: blockElement,
+    h1: {
+        display: 'block',
+        fontWeight: 'bold',
+        fontSize: '2em',
+    },
+    h2: {
+        display: 'block',
+        fontWeight: 'bold',
+        fontSize: '1.5em',
+    },
+    h3: {
+        display: 'block',
+        fontWeight: 'bold',
+        fontSize: '1.17em',
+    },
+    h4: {
+        display: 'block',
+        fontWeight: 'bold',
+    },
+    h5: {
+        display: 'block',
+        fontWeight: 'bold',
+        fontSize: '0.83em',
+    },
+    h6: {
+        display: 'block',
+        fontWeight: 'bold',
+        fontSize: '0.67em',
+    },
+    header: blockElement,
+    hr: blockElement,
+    i: {
+        fontStyle: 'italic',
+    },
+    li: {
+        display: 'list-item',
+    },
+    main: blockElement,
+    nav: blockElement,
+    ol: blockElement,
+    p: {
+        display: 'block',
+        marginTop: '1em',
+        marginBottom: '1em',
+    },
+    pre: {
+        display: 'block',
+        fontFamily: 'monospace',
+        whiteSpace: 'pre',
+        marginTop: '1em',
+        marginBottom: '1em',
+    },
+    s: {
+        textDecoration: 'line-through',
+    },
+    section: blockElement,
+    strike: {
+        textDecoration: 'line-through',
+    },
+    strong: {
+        fontWeight: 'bold',
+    },
+    sub: {
+        verticalAlign: 'sub',
+        fontSize: 'smaller',
+    },
+    sup: {
+        verticalAlign: 'super',
+        fontSize: 'smaller',
+    },
+    table: {
+        display: 'table',
+        boxSizing: 'border-box',
+    },
+    td: {
+        display: 'table-cell',
+    },
+    th: {
+        display: 'table-cell',
+    },
+    u: {
+        textDecoration: 'underline',
+    },
+    ul: blockElement,
+};
+/**
+ * @internal
+ */
+export var PseudoTagNames;
+(function (PseudoTagNames) {
+    PseudoTagNames["childOfPre"] = "pre *";
+})(PseudoTagNames || (PseudoTagNames = {}));
+/**
+ * A map from tag name to its default implicit formats
+ */
+export var defaultImplicitFormatMap = (_a = {
+        a: {
+            underline: true,
+        },
+        blockquote: {
+            marginTop: '1em',
+            marginBottom: '1em',
+            marginLeft: '40px',
+            marginRight: '40px',
+        },
+        code: {
+            fontFamily: 'monospace',
+        },
+        h1: {
+            fontWeight: 'bold',
+            fontSize: '2em',
+        },
+        h2: {
+            fontWeight: 'bold',
+            fontSize: '1.5em',
+        },
+        h3: {
+            fontWeight: 'bold',
+            fontSize: '1.17em',
+        },
+        h4: {
+            fontWeight: 'bold',
+            fontSize: '1em', // Set this default value here to overwrite existing font size when change header level
+        },
+        h5: {
+            fontWeight: 'bold',
+            fontSize: '0.83em',
+        },
+        h6: {
+            fontWeight: 'bold',
+            fontSize: '0.67em',
+        },
+        p: {
+            marginTop: '1em',
+            marginBottom: '1em',
+        },
+        pre: {
+            fontFamily: 'monospace',
+            whiteSpace: 'pre',
+            marginTop: '1em',
+            marginBottom: '1em',
+        }
+    },
+    // For PRE tag, the following styles will be included from the PRE tag.
+    // Adding this implicit style here so no need to generate these style for child elements
+    _a["pre *" /* childOfPre */] = {
+        fontFamily: 'monospace',
+        whiteSpace: 'pre',
+    },
+    _a);
+//# sourceMappingURL=defaultStyles.js.map

package/lib-mjs/formatHandlers/utils/defaultStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultStyles.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/utils/defaultStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { DefaultImplicitFormatMap, DefaultStyleMap } from 'roosterjs-content-model-types';\n\nconst blockElement: Partial<CSSStyleDeclaration> = {\n    display: 'block',\n};\n\n/**\n * @internal\n */\nexport const defaultStyleMap: DefaultStyleMap = {\n    address: blockElement,\n    article: blockElement,\n    aside: blockElement,\n    b: {\n        fontWeight: 'bold',\n    },\n    blockquote: {\n        display: 'block',\n        marginTop: '1em',\n        marginBottom: '1em',\n        marginLeft: '40px',\n        marginRight: '40px',\n    },\n    br: blockElement,\n    center: {\n        display: 'block',\n        textAlign: 'center',\n    },\n    dd: blockElement,\n    div: blockElement,\n    dl: blockElement,\n    dt: blockElement,\n    em: {\n        fontStyle: 'italic',\n    },\n    fieldset: blockElement,\n    figcaption: blockElement,\n    figure: blockElement,\n    footer: blockElement,\n    form: blockElement,\n    h1: {\n        display: 'block',\n        fontWeight: 'bold',\n        fontSize: '2em',\n    },\n    h2: {\n        display: 'block',\n        fontWeight: 'bold',\n        fontSize: '1.5em',\n    },\n    h3: {\n        display: 'block',\n        fontWeight: 'bold',\n        fontSize: '1.17em',\n    },\n    h4: {\n        display: 'block',\n        fontWeight: 'bold',\n    },\n    h5: {\n        display: 'block',\n        fontWeight: 'bold',\n        fontSize: '0.83em',\n    },\n    h6: {\n        display: 'block',\n        fontWeight: 'bold',\n        fontSize: '0.67em',\n    },\n    header: blockElement,\n    hr: blockElement,\n    i: {\n        fontStyle: 'italic',\n    },\n    li: {\n        display: 'list-item',\n    },\n    main: blockElement,\n    nav: blockElement,\n    ol: blockElement,\n    p: {\n        display: 'block',\n        marginTop: '1em',\n        marginBottom: '1em',\n    },\n    pre: {\n        display: 'block',\n        fontFamily: 'monospace',\n        whiteSpace: 'pre',\n        marginTop: '1em',\n        marginBottom: '1em',\n    },\n    s: {\n        textDecoration: 'line-through',\n    },\n    section: blockElement,\n    strike: {\n        textDecoration: 'line-through',\n    },\n    strong: {\n        fontWeight: 'bold',\n    },\n    sub: {\n        verticalAlign: 'sub',\n        fontSize: 'smaller',\n    },\n    sup: {\n        verticalAlign: 'super',\n        fontSize: 'smaller',\n    },\n    table: {\n        display: 'table',\n        boxSizing: 'border-box',\n    },\n    td: {\n        display: 'table-cell',\n    },\n    th: {\n        display: 'table-cell',\n    },\n    u: {\n        textDecoration: 'underline',\n    },\n    ul: blockElement,\n};\n\n/**\n * @internal\n */\nexport const enum PseudoTagNames {\n    childOfPre = 'pre *', // This value is not a CSS selector, it just to tell this will impact elements under PRE tag. Any unique value here can work actually\n}\n\n/**\n * A map from tag name to its default implicit formats\n */\nexport const defaultImplicitFormatMap: DefaultImplicitFormatMap = {\n    a: {\n        underline: true,\n    },\n    blockquote: {\n        marginTop: '1em',\n        marginBottom: '1em',\n        marginLeft: '40px',\n        marginRight: '40px',\n    },\n    code: {\n        fontFamily: 'monospace',\n    },\n    h1: {\n        fontWeight: 'bold',\n        fontSize: '2em',\n    },\n    h2: {\n        fontWeight: 'bold',\n        fontSize: '1.5em',\n    },\n    h3: {\n        fontWeight: 'bold',\n        fontSize: '1.17em',\n    },\n    h4: {\n        fontWeight: 'bold',\n        fontSize: '1em', // Set this default value here to overwrite existing font size when change header level\n    },\n    h5: {\n        fontWeight: 'bold',\n        fontSize: '0.83em',\n    },\n    h6: {\n        fontWeight: 'bold',\n        fontSize: '0.67em',\n    },\n    p: {\n        marginTop: '1em',\n        marginBottom: '1em',\n    },\n    pre: {\n        fontFamily: 'monospace',\n        whiteSpace: 'pre',\n        marginTop: '1em',\n        marginBottom: '1em',\n    },\n\n    // For PRE tag, the following styles will be included from the PRE tag.\n    // Adding this implicit style here so no need to generate these style for child elements\n    [PseudoTagNames.childOfPre]: {\n        fontFamily: 'monospace',\n        whiteSpace: 'pre',\n    },\n};\n"]}

package/lib-mjs/formatHandlers/utils/dir.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @internal
+ */
+export declare const ResultMap: {
+    start: {
+        ltr: string;
+        rtl: string;
+    };
+    center: {
+        ltr: string;
+        rtl: string;
+    };
+    end: {
+        ltr: string;
+        rtl: string;
+    };
+    initial: {
+        ltr: string;
+        rtl: string;
+    };
+    justify: {
+        ltr: string;
+        rtl: string;
+    };
+};
+/**
+ * @internal
+ */
+export declare function calcAlign(align: string, dir?: 'ltr' | 'rtl'): "center" | "end" | "start" | "justify" | "initial" | undefined;

package/lib-mjs/formatHandlers/utils/dir.js

@@ -0,0 +1,47 @@
+/**
+ * @internal
+ */
+export var ResultMap = {
+    start: {
+        ltr: 'left',
+        rtl: 'right',
+    },
+    center: {
+        ltr: 'center',
+        rtl: 'center',
+    },
+    end: {
+        ltr: 'right',
+        rtl: 'left',
+    },
+    initial: {
+        ltr: 'initial',
+        rtl: 'initial',
+    },
+    justify: {
+        ltr: 'justify',
+        rtl: 'justify',
+    },
+};
+/**
+ * @internal
+ */
+export function calcAlign(align, dir) {
+    switch (align) {
+        case 'center':
+            return 'center';
+        case 'left':
+            return dir == 'rtl' ? 'end' : 'start';
+        case 'right':
+            return dir == 'rtl' ? 'start' : 'end';
+        case 'start':
+        case 'end':
+            return align;
+        case 'justify':
+        case 'initial':
+            return align;
+        default:
+            return undefined;
+    }
+}
+//# sourceMappingURL=dir.js.map