roosterjs-content-model-dom 0.10.0

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

@@ -0,0 +1,23 @@
+define(["require", "exports", "../utils/color"], function (require, exports, color_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.textColorFormatHandler = void 0;
+    /**
+     * @internal
+     */
+    exports.textColorFormatHandler = {
+        parse: function (format, element, context, defaultStyle) {
+            var textColor = (0, color_1.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) {
+                (0, color_1.setColor)(element, format.textColor, false /*isBackground*/, context.darkColorHandler, !!context.isDarkMode);
+            }
+        },
+    };
+});
+//# sourceMappingURL=textColorFormatHandler.js.map

package/lib-amd/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":";;;;IAIA;;OAEG;IACU,QAAA,sBAAsB,GAAmC;QAClE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;YAC1C,IAAM,SAAS,GACX,IAAA,gBAAQ,EACJ,OAAO,EACP,KAAK,CAAC,gBAAgB,EACtB,OAAO,CAAC,gBAAgB,EACxB,CAAC,CAAC,OAAO,CAAC,UAAU,CACvB,IAAI,YAAY,CAAC,KAAK,CAAC;YAE5B,IAAI,SAAS,IAAI,SAAS,IAAI,SAAS,EAAE;gBACrC,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;aAChC;QACL,CAAC;QACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;YAC5B,IAAM,aAAa,GAAG,OAAO,CAAC,cAAc,CAAC,SAAS,CAAC;YAEvD,IAAI,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,SAAS,IAAI,aAAa,EAAE;gBACvD,IAAA,gBAAQ,EACJ,OAAO,EACP,MAAM,CAAC,SAAS,EAChB,KAAK,CAAC,gBAAgB,EACtB,OAAO,CAAC,gBAAgB,EACxB,CAAC,CAAC,OAAO,CAAC,UAAU,CACvB,CAAC;aACL;QACL,CAAC;KACJ,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-amd/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-amd/formatHandlers/segment/underlineFormatHandler.js

@@ -0,0 +1,36 @@
+define(["require", "exports", "roosterjs-editor-dom"], function (require, exports, roosterjs_editor_dom_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.underlineFormatHandler = void 0;
+    /**
+     * @internal
+     */
+    exports.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');
+                    (0, roosterjs_editor_dom_1.moveChildNodes)(u, element);
+                    element.appendChild(u);
+                }
+                else {
+                    element.style.textDecoration = 'none';
+                }
+            }
+        },
+    };
+});
+//# sourceMappingURL=underlineFormatHandler.js.map

package/lib-amd/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":";;;;IAIA;;OAEG;IACU,QAAA,sBAAsB,GAAmC;QAClE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;YAC1C,IAAM,cAAc,GAAG,OAAO,CAAC,KAAK,CAAC,cAAc,IAAI,YAAY,CAAC,cAAc,CAAC;YAEnF,IAAI,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,CAAC,WAAW,CAAE,KAAI,CAAC,EAAE;gBAC5C,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC;aAC3B;iBAAM,IAAI,OAAO,CAAC,OAAO,IAAI,GAAG,IAAI,cAAc,IAAI,MAAM,EAAE;gBAC3D,MAAM,CAAC,SAAS,GAAG,KAAK,CAAC;aAC5B;QACL,CAAC;QACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;YAC5B,IAAI,OAAO,MAAM,CAAC,SAAS,KAAK,WAAW,EAAE;gBACzC,OAAO;aACV;YAED,IAAM,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC,SAAS,CAAC;YAExD,IAAI,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE;gBACxC,IAAI,MAAM,CAAC,SAAS,EAAE;oBAClB,IAAM,CAAC,GAAG,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;oBACnD,IAAA,qCAAc,EAAC,CAAC,EAAE,OAAO,CAAC,CAAC;oBAC3B,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;iBAC1B;qBAAM;oBACH,OAAO,CAAC,KAAK,CAAC,cAAc,GAAG,MAAM,CAAC;iBACzC;aACJ;QACL,CAAC;KACJ,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-amd/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-amd/formatHandlers/table/tableLayoutFormatHandler.js

@@ -0,0 +1,22 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.tableLayoutFormatHandler = void 0;
+    /**
+     * @internal
+     */
+    exports.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-amd/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":";;;;IAGA;;OAEG;IACU,QAAA,wBAAwB,GAAqC;QACtE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,IAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC;YAC9C,IAAI,WAAW,IAAI,WAAW,IAAI,SAAS,EAAE;gBACzC,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;aACpC;QACL,CAAC;QACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,IAAI,MAAM,CAAC,WAAW,EAAE;gBACpB,OAAO,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;aAClD;QACL,CAAC;KACJ,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-amd/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-amd/formatHandlers/table/tableSpacingFormatHandler.js

@@ -0,0 +1,24 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.tableSpacingFormatHandler = void 0;
+    var BorderCollapsed = 'collapse';
+    /**
+     * @internal
+     */
+    exports.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-amd/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":";;;;IAGA,IAAM,eAAe,GAAG,UAAU,CAAC;IAEnC;;OAEG;IACU,QAAA,yBAAyB,GAAiC;QACnE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,IAAI,OAAO,CAAC,KAAK,CAAC,cAAc,IAAI,eAAe,EAAE;gBACjD,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC;aAChC;QACL,CAAC;QACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,IAAI,MAAM,CAAC,cAAc,EAAE;gBACvB,OAAO,CAAC,KAAK,CAAC,cAAc,GAAG,eAAe,CAAC;gBAC/C,OAAO,CAAC,KAAK,CAAC,aAAa,GAAG,GAAG,CAAC;gBAClC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC;aAC1C;QACL,CAAC;KACJ,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-amd/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-amd/formatHandlers/table/textColorOnTableCellFormatHandler.js

@@ -0,0 +1,20 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.textColorOnTableCellFormatHandler = void 0;
+    /**
+     * @internal
+     */
+    exports.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-amd/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":";;;;IAGA;;OAEG;IACU,QAAA,iCAAiC,GAAmC;QAC7E,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE;gBACrB,sFAAsF;gBACtF,wFAAwF;gBACxF,wBAAwB;gBACxB,OAAO,MAAM,CAAC,SAAS,CAAC;aAC3B;QACL,CAAC;QACD,KAAK,EAAE,cAAO,CAAC;KAClB,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-amd/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-amd/formatHandlers/utils/color.js

@@ -0,0 +1,56 @@
+define(["require", "exports", "roosterjs-editor-dom"], function (require, exports, roosterjs_editor_dom_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.setColor = exports.getColor = void 0;
+    /**
+     * @internal
+     */
+    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;
+    }
+    exports.getColor = getColor;
+    /**
+     * @internal
+     */
+    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;
+        }
+    }
+    exports.setColor = setColor;
+    /**
+     * 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 (0, roosterjs_editor_dom_1.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-amd/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":";;;;IAGA;;OAEG;IACH,SAAgB,QAAQ,CACpB,OAAoB,EACpB,YAAqB,EACrB,gBAAqD,EACrD,UAAmB;QAEnB,IAAI,KAAyB,CAAC;QAE9B,IAAI,CAAC,KAAK,EAAE;YACR,KAAK;gBACD,CAAC,gBAAgB;oBACb,eAAe,CAAC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,CAAC,CAAC;oBACzE,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;oBACpE,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;oBACxD,SAAS,CAAC;SACjB;QAED,IAAI,gBAAgB,EAAE;YAClB,KAAK,GAAG,gBAAgB,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC;SAClE;QAED,OAAO,KAAK,CAAC;IACjB,CAAC;IAtBD,4BAsBC;IAED;;OAEG;IACH,SAAgB,QAAQ,CACpB,OAAoB,EACpB,cAAsB,EACtB,YAAqB,EACrB,gBAAqD,EACrD,UAAmB;QAEnB,IAAM,cAAc,GAAG,gBAAgB;YACnC,CAAC,CAAC,gBAAgB,CAAC,aAAa,CAAC,cAAc,EAAE,UAAU,CAAC;YAC5D,CAAC,CAAC,cAAc,CAAC;QAErB,IAAI,YAAY,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,cAAc,CAAC;SAClD;aAAM;YACH,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,cAAc,CAAC;SACxC;IACL,CAAC;IAhBD,4BAgBC;IAED;;;;;;OAMG;IACH,SAAS,eAAe,CACpB,OAAoB,EACpB,UAAmB,EACnB,gBAAkC,EAClC,YAAqB;QAErB,IAAI,SAAwB,CAAC;QAE7B,OAAO,IAAA,mCAAY,EAAC,OAAO,CAAC,IAAI,MAAM;YAClC,CAAC,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,CAAC;YAC5E,UAAU;YACV,CAAC,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;YACtE,CAAC,CAAC,gBAAgB,CAAC,2BAA2B,CAAC,SAAS,CAAC;YACzD,CAAC,CAAC,IAAI,CAAC;IACf,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-amd/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-amd/formatHandlers/utils/defaultStyles.js

@@ -0,0 +1,194 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    var _a;
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.defaultImplicitFormatMap = exports.PseudoTagNames = exports.defaultStyleMap = void 0;
+    var blockElement = {
+        display: 'block',
+    };
+    /**
+     * @internal
+     */
+    exports.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
+     */
+    var PseudoTagNames;
+    (function (PseudoTagNames) {
+        PseudoTagNames["childOfPre"] = "pre *";
+    })(PseudoTagNames = exports.PseudoTagNames || (exports.PseudoTagNames = {}));
+    /**
+     * A map from tag name to its default implicit formats
+     */
+    exports.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-amd/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-amd/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-amd/formatHandlers/utils/dir.js

@@ -0,0 +1,53 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.calcAlign = exports.ResultMap = void 0;
+    /**
+     * @internal
+     */
+    exports.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
+     */
+    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;
+        }
+    }
+    exports.calcAlign = calcAlign;
+});
+//# sourceMappingURL=dir.js.map

package/lib-amd/formatHandlers/utils/dir.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dir.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/utils/dir.ts"],"names":[],"mappings":";;;;IAAA;;OAEG;IACU,QAAA,SAAS,GAAG;QACrB,KAAK,EAAE;YACH,GAAG,EAAE,MAAM;YACX,GAAG,EAAE,OAAO;SACf;QACD,MAAM,EAAE;YACJ,GAAG,EAAE,QAAQ;YACb,GAAG,EAAE,QAAQ;SAChB;QACD,GAAG,EAAE;YACD,GAAG,EAAE,OAAO;YACZ,GAAG,EAAE,MAAM;SACd;QACD,OAAO,EAAE;YACL,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;SACjB;QACD,OAAO,EAAE;YACL,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;SACjB;KACJ,CAAC;IAEF;;OAEG;IACH,SAAgB,SAAS,CAAC,KAAa,EAAE,GAAmB;QACxD,QAAQ,KAAK,EAAE;YACX,KAAK,QAAQ;gBACT,OAAO,QAAQ,CAAC;YAEpB,KAAK,MAAM;gBACP,OAAO,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;YAE1C,KAAK,OAAO;gBACR,OAAO,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;YAE1C,KAAK,OAAO,CAAC;YACb,KAAK,KAAK;gBACN,OAAO,KAAK,CAAC;YAEjB,KAAK,SAAS,CAAC;YACf,KAAK,SAAS;gBACV,OAAO,KAAK,CAAC;YAEjB;gBACI,OAAO,SAAS,CAAC;SACxB;IACL,CAAC;IAtBD,8BAsBC","sourcesContent":["/**\n * @internal\n */\nexport const ResultMap = {\n    start: {\n        ltr: 'left',\n        rtl: 'right',\n    },\n    center: {\n        ltr: 'center',\n        rtl: 'center',\n    },\n    end: {\n        ltr: 'right',\n        rtl: 'left',\n    },\n    initial: {\n        ltr: 'initial',\n        rtl: 'initial',\n    },\n    justify: {\n        ltr: 'justify',\n        rtl: 'justify',\n    },\n};\n\n/**\n * @internal\n */\nexport function calcAlign(align: string, dir?: 'ltr' | 'rtl') {\n    switch (align) {\n        case 'center':\n            return 'center';\n\n        case 'left':\n            return dir == 'rtl' ? 'end' : 'start';\n\n        case 'right':\n            return dir == 'rtl' ? 'start' : 'end';\n\n        case 'start':\n        case 'end':\n            return align;\n\n        case 'justify':\n        case 'initial':\n            return align;\n\n        default:\n            return undefined;\n    }\n}\n"]}

package/lib-amd/formatHandlers/utils/parseValueWithUnit.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Parse unit value with its unit
+ * @param value The source value to parse
+ * @param element The source element which has this unit value.
+ * @param resultUnit Unit for result, can be px or pt. @default px
+ */
+export declare function parseValueWithUnit(value?: string, element?: HTMLElement, resultUnit?: 'px' | 'pt'): number;