roosterjs-content-model-dom 0.10.0

package/lib-amd/formatHandlers/block/lineHeightFormatHandler.d.ts

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

package/lib-amd/formatHandlers/block/lineHeightFormatHandler.js

@@ -0,0 +1,22 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.lineHeightFormatHandler = void 0;
+    /**
+     * @internal
+     */
+    exports.lineHeightFormatHandler = {
+        parse: function (format, element, context, defaultStyle) {
+            var lineHeight = element.style.lineHeight || defaultStyle.lineHeight;
+            if (lineHeight && lineHeight != 'inherit') {
+                format.lineHeight = lineHeight;
+            }
+        },
+        apply: function (format, element) {
+            if (format.lineHeight) {
+                element.style.lineHeight = format.lineHeight;
+            }
+        },
+    };
+});
+//# sourceMappingURL=lineHeightFormatHandler.js.map

package/lib-amd/formatHandlers/block/lineHeightFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lineHeightFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/block/lineHeightFormatHandler.ts"],"names":[],"mappings":";;;;IAGA;;OAEG;IACU,QAAA,uBAAuB,GAAoC;QACpE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;YAC1C,IAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,UAAU,IAAI,YAAY,CAAC,UAAU,CAAC;YAEvE,IAAI,UAAU,IAAI,UAAU,IAAI,SAAS,EAAE;gBACvC,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;aAClC;QACL,CAAC;QACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,IAAI,MAAM,CAAC,UAAU,EAAE;gBACnB,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;aAChD;QACL,CAAC;KACJ,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { LineHeightFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const lineHeightFormatHandler: FormatHandler<LineHeightFormat> = {\n    parse: (format, element, context, defaultStyle) => {\n        const lineHeight = element.style.lineHeight || defaultStyle.lineHeight;\n\n        if (lineHeight && lineHeight != 'inherit') {\n            format.lineHeight = lineHeight;\n        }\n    },\n    apply: (format, element) => {\n        if (format.lineHeight) {\n            element.style.lineHeight = format.lineHeight;\n        }\n    },\n};\n"]}

package/lib-amd/formatHandlers/block/marginFormatHandler.d.ts

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

package/lib-amd/formatHandlers/block/marginFormatHandler.js

@@ -0,0 +1,46 @@
+define(["require", "exports", "../utils/parseValueWithUnit"], function (require, exports, parseValueWithUnit_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.marginFormatHandler = void 0;
+    var MarginKeys = [
+        'marginTop',
+        'marginRight',
+        'marginBottom',
+        'marginLeft',
+    ];
+    /**
+     * @internal
+     */
+    exports.marginFormatHandler = {
+        parse: function (format, element, _, defaultStyle) {
+            MarginKeys.forEach(function (key) {
+                var value = element.style[key] || defaultStyle[key];
+                if (value) {
+                    switch (key) {
+                        case 'marginTop':
+                        case 'marginBottom':
+                            format[key] = value;
+                            break;
+                        case 'marginLeft':
+                        case 'marginRight':
+                            format[key] = format[key]
+                                ? (0, parseValueWithUnit_1.parseValueWithUnit)(format[key] || '', element) +
+                                    (0, parseValueWithUnit_1.parseValueWithUnit)(value, element) +
+                                    'px'
+                                : value;
+                            break;
+                    }
+                }
+            });
+        },
+        apply: function (format, element, context) {
+            MarginKeys.forEach(function (key) {
+                var value = format[key];
+                if (value != context.implicitFormat[key]) {
+                    element.style[key] = value || '0';
+                }
+            });
+        },
+    };
+});
+//# sourceMappingURL=marginFormatHandler.js.map

package/lib-amd/formatHandlers/block/marginFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marginFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/block/marginFormatHandler.ts"],"names":[],"mappings":";;;;IAIA,IAAM,UAAU,GAAuD;QACnE,WAAW;QACX,aAAa;QACb,cAAc;QACd,YAAY;KACf,CAAC;IAEF;;OAEG;IACU,QAAA,mBAAmB,GAAgC;QAC5D,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY;YACpC,UAAU,CAAC,OAAO,CAAC,UAAA,GAAG;gBAClB,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,CAAC;gBAEtD,IAAI,KAAK,EAAE;oBACP,QAAQ,GAAG,EAAE;wBACT,KAAK,WAAW,CAAC;wBACjB,KAAK,cAAc;4BACf,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;4BACpB,MAAM;wBAEV,KAAK,YAAY,CAAC;wBAClB,KAAK,aAAa;4BACd,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC;gCACrB,CAAC,CAAC,IAAA,uCAAkB,EAAC,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,OAAO,CAAC;oCAC9C,IAAA,uCAAkB,EAAC,KAAK,EAAE,OAAO,CAAC;oCAClC,IAAI;gCACN,CAAC,CAAC,KAAK,CAAC;4BACZ,MAAM;qBACb;iBACJ;YACL,CAAC,CAAC,CAAC;QACP,CAAC;QACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;YAC5B,UAAU,CAAC,OAAO,CAAC,UAAA,GAAG;gBAClB,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;gBAE1B,IAAI,KAAK,IAAI,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE;oBACtC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,IAAI,GAAG,CAAC;iBACrC;YACL,CAAC,CAAC,CAAC;QACP,CAAC;KACJ,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { MarginFormat } from 'roosterjs-content-model-types';\nimport { parseValueWithUnit } from '../utils/parseValueWithUnit';\n\nconst MarginKeys: (keyof MarginFormat & keyof CSSStyleDeclaration)[] = [\n    'marginTop',\n    'marginRight',\n    'marginBottom',\n    'marginLeft',\n];\n\n/**\n * @internal\n */\nexport const marginFormatHandler: FormatHandler<MarginFormat> = {\n    parse: (format, element, _, defaultStyle) => {\n        MarginKeys.forEach(key => {\n            const value = element.style[key] || defaultStyle[key];\n\n            if (value) {\n                switch (key) {\n                    case 'marginTop':\n                    case 'marginBottom':\n                        format[key] = value;\n                        break;\n\n                    case 'marginLeft':\n                    case 'marginRight':\n                        format[key] = format[key]\n                            ? parseValueWithUnit(format[key] || '', element) +\n                              parseValueWithUnit(value, element) +\n                              'px'\n                            : value;\n                        break;\n                }\n            }\n        });\n    },\n    apply: (format, element, context) => {\n        MarginKeys.forEach(key => {\n            const value = format[key];\n\n            if (value != context.implicitFormat[key]) {\n                element.style[key] = value || '0';\n            }\n        });\n    },\n};\n"]}

package/lib-amd/formatHandlers/block/paddingFormatHandler.d.ts

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

package/lib-amd/formatHandlers/block/paddingFormatHandler.js

@@ -0,0 +1,33 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.paddingFormatHandler = void 0;
+    var PaddingKeys = [
+        'paddingTop',
+        'paddingRight',
+        'paddingBottom',
+        'paddingLeft',
+    ];
+    /**
+     * @internal
+     */
+    exports.paddingFormatHandler = {
+        parse: function (format, element) {
+            PaddingKeys.forEach(function (key) {
+                var value = element.style[key];
+                if (value) {
+                    format[key] = value;
+                }
+            });
+        },
+        apply: function (format, element) {
+            PaddingKeys.forEach(function (key) {
+                var value = format[key];
+                if (value) {
+                    element.style[key] = value;
+                }
+            });
+        },
+    };
+});
+//# sourceMappingURL=paddingFormatHandler.js.map

package/lib-amd/formatHandlers/block/paddingFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paddingFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/block/paddingFormatHandler.ts"],"names":[],"mappings":";;;;IAGA,IAAM,WAAW,GAAwD;QACrE,YAAY;QACZ,cAAc;QACd,eAAe;QACf,aAAa;KAChB,CAAC;IAEF;;OAEG;IACU,QAAA,oBAAoB,GAAiC;QAC9D,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,WAAW,CAAC,OAAO,CAAC,UAAA,GAAG;gBACnB,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBAEjC,IAAI,KAAK,EAAE;oBACP,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;iBACvB;YACL,CAAC,CAAC,CAAC;QACP,CAAC;QACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,WAAW,CAAC,OAAO,CAAC,UAAA,GAAG;gBACnB,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;gBAC1B,IAAI,KAAK,EAAE;oBACP,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;iBAC9B;YACL,CAAC,CAAC,CAAC;QACP,CAAC;KACJ,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { PaddingFormat } from 'roosterjs-content-model-types';\n\nconst PaddingKeys: (keyof PaddingFormat & keyof CSSStyleDeclaration)[] = [\n    'paddingTop',\n    'paddingRight',\n    'paddingBottom',\n    'paddingLeft',\n];\n\n/**\n * @internal\n */\nexport const paddingFormatHandler: FormatHandler<PaddingFormat> = {\n    parse: (format, element) => {\n        PaddingKeys.forEach(key => {\n            const value = element.style[key];\n\n            if (value) {\n                format[key] = value;\n            }\n        });\n    },\n    apply: (format, element) => {\n        PaddingKeys.forEach(key => {\n            const value = format[key];\n            if (value) {\n                element.style[key] = value;\n            }\n        });\n    },\n};\n"]}

package/lib-amd/formatHandlers/block/textAlignFormatHandler.d.ts

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

package/lib-amd/formatHandlers/block/textAlignFormatHandler.js

@@ -0,0 +1,41 @@
+define(["require", "exports", "../utils/dir", "./directionFormatHandler"], function (require, exports, dir_1, directionFormatHandler_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.textAlignFormatHandler = void 0;
+    /**
+     * @internal
+     */
+    exports.textAlignFormatHandler = {
+        parse: function (format, element, context, defaultStyle) {
+            var _a;
+            directionFormatHandler_1.directionFormatHandler.parse(format, element, context, defaultStyle);
+            var textAlign = element.style.textAlign || defaultStyle.textAlign;
+            if (element.tagName == 'LI' &&
+                ((_a = element.parentElement) === null || _a === void 0 ? void 0 : _a.style.display) === 'flex' &&
+                element.parentElement.style.flexDirection === 'column' &&
+                element.style.alignSelf) {
+                // For LI element with flex style applied, we use its "align-self" style value instead since LI has a different implementation for align
+                textAlign = element.style.alignSelf;
+            }
+            if (textAlign) {
+                format.textAlign = (0, dir_1.calcAlign)(textAlign, format.direction);
+            }
+        },
+        apply: function (format, element) {
+            var dir = format.direction == 'rtl' ? 'rtl' : 'ltr';
+            if (format.textAlign) {
+                var parent_1 = element.parentElement;
+                var parentTag = parent_1 === null || parent_1 === void 0 ? void 0 : parent_1.tagName;
+                if (element.tagName == 'LI' && parent_1 && (parentTag == 'OL' || parentTag == 'UL')) {
+                    element.style.alignSelf = format.textAlign;
+                    element.parentElement.style.flexDirection = 'column';
+                    element.parentElement.style.display = 'flex';
+                }
+                else {
+                    element.style.textAlign = dir_1.ResultMap[format.textAlign][dir];
+                }
+            }
+        },
+    };
+});
+//# sourceMappingURL=textAlignFormatHandler.js.map

package/lib-amd/formatHandlers/block/textAlignFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textAlignFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/block/textAlignFormatHandler.ts"],"names":[],"mappings":";;;;IAKA;;OAEG;IACU,QAAA,sBAAsB,GAAqD;QACpF,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;;YAC1C,+CAAsB,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC;YAErE,IAAI,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,IAAI,YAAY,CAAC,SAAS,CAAC;YAElE,IACI,OAAO,CAAC,OAAO,IAAI,IAAI;gBACvB,CAAA,MAAA,OAAO,CAAC,aAAa,0CAAE,KAAK,CAAC,OAAO,MAAK,MAAM;gBAC/C,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,aAAa,KAAK,QAAQ;gBACtD,OAAO,CAAC,KAAK,CAAC,SAAS,EACzB;gBACE,wIAAwI;gBACxI,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;aACvC;YAED,IAAI,SAAS,EAAE;gBACX,MAAM,CAAC,SAAS,GAAG,IAAA,eAAS,EAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;aAC7D;QACL,CAAC;QACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,IAAM,GAAG,GAAkB,MAAM,CAAC,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;YAErE,IAAI,MAAM,CAAC,SAAS,EAAE;gBAClB,IAAM,QAAM,GAAG,OAAO,CAAC,aAAa,CAAC;gBACrC,IAAM,SAAS,GAAG,QAAM,aAAN,QAAM,uBAAN,QAAM,CAAE,OAAO,CAAC;gBAElC,IAAI,OAAO,CAAC,OAAO,IAAI,IAAI,IAAI,QAAM,IAAI,CAAC,SAAS,IAAI,IAAI,IAAI,SAAS,IAAI,IAAI,CAAC,EAAE;oBAC/E,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;oBAC3C,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;oBACrD,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;iBAChD;qBAAM;oBACH,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,eAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC;iBAC9D;aACJ;QACL,CAAC;KACJ,CAAC","sourcesContent":["import { calcAlign, ResultMap } from '../utils/dir';\nimport { DirectionFormat, TextAlignFormat } from 'roosterjs-content-model-types';\nimport { directionFormatHandler } from './directionFormatHandler';\nimport { FormatHandler } from '../FormatHandler';\n\n/**\n * @internal\n */\nexport const textAlignFormatHandler: FormatHandler<DirectionFormat & TextAlignFormat> = {\n    parse: (format, element, context, defaultStyle) => {\n        directionFormatHandler.parse(format, element, context, defaultStyle);\n\n        let textAlign = element.style.textAlign || defaultStyle.textAlign;\n\n        if (\n            element.tagName == 'LI' &&\n            element.parentElement?.style.display === 'flex' &&\n            element.parentElement.style.flexDirection === 'column' &&\n            element.style.alignSelf\n        ) {\n            // For LI element with flex style applied, we use its \"align-self\" style value instead since LI has a different implementation for align\n            textAlign = element.style.alignSelf;\n        }\n\n        if (textAlign) {\n            format.textAlign = calcAlign(textAlign, format.direction);\n        }\n    },\n    apply: (format, element) => {\n        const dir: 'ltr' | 'rtl' = format.direction == 'rtl' ? 'rtl' : 'ltr';\n\n        if (format.textAlign) {\n            const parent = element.parentElement;\n            const parentTag = parent?.tagName;\n\n            if (element.tagName == 'LI' && parent && (parentTag == 'OL' || parentTag == 'UL')) {\n                element.style.alignSelf = format.textAlign;\n                element.parentElement.style.flexDirection = 'column';\n                element.parentElement.style.display = 'flex';\n            } else {\n                element.style.textAlign = ResultMap[format.textAlign][dir];\n            }\n        }\n    },\n};\n"]}

package/lib-amd/formatHandlers/block/whiteSpaceFormatHandler.d.ts

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

package/lib-amd/formatHandlers/block/whiteSpaceFormatHandler.js

@@ -0,0 +1,23 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.whiteSpaceFormatHandler = void 0;
+    /**
+     * @internal
+     */
+    exports.whiteSpaceFormatHandler = {
+        parse: function (format, element, _, defaultStyle) {
+            var whiteSpace = element.style.whiteSpace || defaultStyle.whiteSpace;
+            if (whiteSpace) {
+                format.whiteSpace = whiteSpace;
+            }
+        },
+        apply: function (format, element, context) {
+            var whiteSpace = context.implicitFormat.whiteSpace;
+            if (format.whiteSpace != whiteSpace) {
+                element.style.whiteSpace = format.whiteSpace || 'normal';
+            }
+        },
+    };
+});
+//# sourceMappingURL=whiteSpaceFormatHandler.js.map

package/lib-amd/formatHandlers/block/whiteSpaceFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"whiteSpaceFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/block/whiteSpaceFormatHandler.ts"],"names":[],"mappings":";;;;IAGA;;OAEG;IACU,QAAA,uBAAuB,GAAoC;QACpE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY;YACpC,IAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,UAAU,IAAI,YAAY,CAAC,UAAU,CAAC;YAEvE,IAAI,UAAU,EAAE;gBACZ,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;aAClC;QACL,CAAC;QACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;YAC5B,IAAM,UAAU,GAAG,OAAO,CAAC,cAAc,CAAC,UAAU,CAAC;YACrD,IAAI,MAAM,CAAC,UAAU,IAAI,UAAU,EAAE;gBACjC,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,QAAQ,CAAC;aAC5D;QACL,CAAC;KACJ,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { WhiteSpaceFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const whiteSpaceFormatHandler: FormatHandler<WhiteSpaceFormat> = {\n    parse: (format, element, _, defaultStyle) => {\n        const whiteSpace = element.style.whiteSpace || defaultStyle.whiteSpace;\n\n        if (whiteSpace) {\n            format.whiteSpace = whiteSpace;\n        }\n    },\n    apply: (format, element, context) => {\n        const whiteSpace = context.implicitFormat.whiteSpace;\n        if (format.whiteSpace != whiteSpace) {\n            element.style.whiteSpace = format.whiteSpace || 'normal';\n        }\n    },\n};\n"]}

package/lib-amd/formatHandlers/common/backgroundColorFormatHandler.d.ts

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

package/lib-amd/formatHandlers/common/backgroundColorFormatHandler.js

@@ -0,0 +1,22 @@
+define(["require", "exports", "../utils/color"], function (require, exports, color_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.backgroundColorFormatHandler = void 0;
+    /**
+     * @internal
+     */
+    exports.backgroundColorFormatHandler = {
+        parse: function (format, element, context, defaultStyle) {
+            var backgroundColor = (0, color_1.getColor)(element, true /*isBackground*/, context.darkColorHandler, !!context.isDarkMode) || defaultStyle.backgroundColor;
+            if (backgroundColor) {
+                format.backgroundColor = backgroundColor;
+            }
+        },
+        apply: function (format, element, context) {
+            if (format.backgroundColor) {
+                (0, color_1.setColor)(element, format.backgroundColor, true /*isBackground*/, context.darkColorHandler, !!context.isDarkMode);
+            }
+        },
+    };
+});
+//# sourceMappingURL=backgroundColorFormatHandler.js.map

package/lib-amd/formatHandlers/common/backgroundColorFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backgroundColorFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/common/backgroundColorFormatHandler.ts"],"names":[],"mappings":";;;;IAIA;;OAEG;IACU,QAAA,4BAA4B,GAAyC;QAC9E,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;YAC1C,IAAM,eAAe,GACjB,IAAA,gBAAQ,EACJ,OAAO,EACP,IAAI,CAAC,gBAAgB,EACrB,OAAO,CAAC,gBAAgB,EACxB,CAAC,CAAC,OAAO,CAAC,UAAU,CACvB,IAAI,YAAY,CAAC,eAAe,CAAC;YAEtC,IAAI,eAAe,EAAE;gBACjB,MAAM,CAAC,eAAe,GAAG,eAAe,CAAC;aAC5C;QACL,CAAC;QACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;YAC5B,IAAI,MAAM,CAAC,eAAe,EAAE;gBACxB,IAAA,gBAAQ,EACJ,OAAO,EACP,MAAM,CAAC,eAAe,EACtB,IAAI,CAAC,gBAAgB,EACrB,OAAO,CAAC,gBAAgB,EACxB,CAAC,CAAC,OAAO,CAAC,UAAU,CACvB,CAAC;aACL;QACL,CAAC;KACJ,CAAC","sourcesContent":["import { BackgroundColorFormat } from 'roosterjs-content-model-types';\nimport { FormatHandler } from '../FormatHandler';\nimport { getColor, setColor } from '../utils/color';\n\n/**\n * @internal\n */\nexport const backgroundColorFormatHandler: FormatHandler<BackgroundColorFormat> = {\n    parse: (format, element, context, defaultStyle) => {\n        const backgroundColor =\n            getColor(\n                element,\n                true /*isBackground*/,\n                context.darkColorHandler,\n                !!context.isDarkMode\n            ) || defaultStyle.backgroundColor;\n\n        if (backgroundColor) {\n            format.backgroundColor = backgroundColor;\n        }\n    },\n    apply: (format, element, context) => {\n        if (format.backgroundColor) {\n            setColor(\n                element,\n                format.backgroundColor,\n                true /*isBackground*/,\n                context.darkColorHandler,\n                !!context.isDarkMode\n            );\n        }\n    },\n};\n"]}

package/lib-amd/formatHandlers/common/borderBoxFormatHandler.d.ts

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

package/lib-amd/formatHandlers/common/borderBoxFormatHandler.js

@@ -0,0 +1,22 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.borderBoxFormatHandler = void 0;
+    /**
+     * @internal
+     */
+    exports.borderBoxFormatHandler = {
+        parse: function (format, element) {
+            var _a;
+            if (((_a = element.style) === null || _a === void 0 ? void 0 : _a.boxSizing) == 'border-box') {
+                format.useBorderBox = true;
+            }
+        },
+        apply: function (format, element) {
+            if (format.useBorderBox) {
+                element.style.boxSizing = 'border-box';
+            }
+        },
+    };
+});
+//# sourceMappingURL=borderBoxFormatHandler.js.map

package/lib-amd/formatHandlers/common/borderBoxFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderBoxFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/common/borderBoxFormatHandler.ts"],"names":[],"mappings":";;;;IAGA;;OAEG;IACU,QAAA,sBAAsB,GAAmC;QAClE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;;YACnB,IAAI,CAAA,MAAA,OAAO,CAAC,KAAK,0CAAE,SAAS,KAAI,YAAY,EAAE;gBAC1C,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC;aAC9B;QACL,CAAC;QACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,IAAI,MAAM,CAAC,YAAY,EAAE;gBACrB,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC;aAC1C;QACL,CAAC;KACJ,CAAC","sourcesContent":["import { BorderBoxFormat } from 'roosterjs-content-model-types';\nimport { FormatHandler } from '../FormatHandler';\n\n/**\n * @internal\n */\nexport const borderBoxFormatHandler: FormatHandler<BorderBoxFormat> = {\n    parse: (format, element) => {\n        if (element.style?.boxSizing == 'border-box') {\n            format.useBorderBox = true;\n        }\n    },\n    apply: (format, element) => {\n        if (format.useBorderBox) {\n            element.style.boxSizing = 'border-box';\n        }\n    },\n};\n"]}

package/lib-amd/formatHandlers/common/borderFormatHandler.d.ts

@@ -0,0 +1,10 @@
+import { BorderFormat } from 'roosterjs-content-model-types';
+import { FormatHandler } from '../FormatHandler';
+/**
+ * Keys of border items
+ */
+export declare const BorderKeys: (keyof BorderFormat & keyof CSSStyleDeclaration)[];
+/**
+ * @internal
+ */
+export declare const borderFormatHandler: FormatHandler<BorderFormat>;

package/lib-amd/formatHandlers/common/borderFormatHandler.js

@@ -0,0 +1,37 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.borderFormatHandler = exports.BorderKeys = void 0;
+    /**
+     * Keys of border items
+     */
+    exports.BorderKeys = [
+        'borderTop',
+        'borderRight',
+        'borderBottom',
+        'borderLeft',
+        'borderRadius',
+    ];
+    /**
+     * @internal
+     */
+    exports.borderFormatHandler = {
+        parse: function (format, element) {
+            exports.BorderKeys.forEach(function (key) {
+                var value = element.style[key];
+                if (value) {
+                    format[key] = value == 'none' ? '' : value;
+                }
+            });
+        },
+        apply: function (format, element) {
+            exports.BorderKeys.forEach(function (key) {
+                var value = format[key];
+                if (value) {
+                    element.style[key] = value;
+                }
+            });
+        },
+    };
+});
+//# sourceMappingURL=borderFormatHandler.js.map

package/lib-amd/formatHandlers/common/borderFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/common/borderFormatHandler.ts"],"names":[],"mappings":";;;;IAGA;;OAEG;IACU,QAAA,UAAU,GAAuD;QAC1E,WAAW;QACX,aAAa;QACb,cAAc;QACd,YAAY;QACZ,cAAc;KACjB,CAAC;IAEF;;OAEG;IACU,QAAA,mBAAmB,GAAgC;QAC5D,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,kBAAU,CAAC,OAAO,CAAC,UAAA,GAAG;gBAClB,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBAEjC,IAAI,KAAK,EAAE;oBACP,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;iBAC9C;YACL,CAAC,CAAC,CAAC;QACP,CAAC;QACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,kBAAU,CAAC,OAAO,CAAC,UAAA,GAAG;gBAClB,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;gBAE1B,IAAI,KAAK,EAAE;oBACP,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;iBAC9B;YACL,CAAC,CAAC,CAAC;QACP,CAAC;KACJ,CAAC","sourcesContent":["import { BorderFormat } from 'roosterjs-content-model-types';\nimport { FormatHandler } from '../FormatHandler';\n\n/**\n * Keys of border items\n */\nexport const BorderKeys: (keyof BorderFormat & keyof CSSStyleDeclaration)[] = [\n    'borderTop',\n    'borderRight',\n    'borderBottom',\n    'borderLeft',\n    'borderRadius',\n];\n\n/**\n * @internal\n */\nexport const borderFormatHandler: FormatHandler<BorderFormat> = {\n    parse: (format, element) => {\n        BorderKeys.forEach(key => {\n            const value = element.style[key];\n\n            if (value) {\n                format[key] = value == 'none' ? '' : value;\n            }\n        });\n    },\n    apply: (format, element) => {\n        BorderKeys.forEach(key => {\n            const value = format[key];\n\n            if (value) {\n                element.style[key] = value;\n            }\n        });\n    },\n};\n"]}

package/lib-amd/formatHandlers/common/boxShadowFormatHandler.d.ts

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

package/lib-amd/formatHandlers/common/boxShadowFormatHandler.js

@@ -0,0 +1,22 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.boxShadowFormatHandler = void 0;
+    /**
+     * @internal
+     */
+    exports.boxShadowFormatHandler = {
+        parse: function (format, element) {
+            var _a;
+            if ((_a = element.style) === null || _a === void 0 ? void 0 : _a.boxShadow) {
+                format.boxShadow = element.style.boxShadow;
+            }
+        },
+        apply: function (format, element) {
+            if (format.boxShadow) {
+                element.style.boxShadow = format.boxShadow;
+            }
+        },
+    };
+});
+//# sourceMappingURL=boxShadowFormatHandler.js.map

package/lib-amd/formatHandlers/common/boxShadowFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boxShadowFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/common/boxShadowFormatHandler.ts"],"names":[],"mappings":";;;;IAGA;;OAEG;IACU,QAAA,sBAAsB,GAAmC;QAClE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;;YACnB,IAAI,MAAA,OAAO,CAAC,KAAK,0CAAE,SAAS,EAAE;gBAC1B,MAAM,CAAC,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;aAC9C;QACL,CAAC;QACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,IAAI,MAAM,CAAC,SAAS,EAAE;gBAClB,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;aAC9C;QACL,CAAC;KACJ,CAAC","sourcesContent":["import { BoxShadowFormat } from 'roosterjs-content-model-types';\nimport { FormatHandler } from '../FormatHandler';\n\n/**\n * @internal\n */\nexport const boxShadowFormatHandler: FormatHandler<BoxShadowFormat> = {\n    parse: (format, element) => {\n        if (element.style?.boxShadow) {\n            format.boxShadow = element.style.boxShadow;\n        }\n    },\n    apply: (format, element) => {\n        if (format.boxShadow) {\n            element.style.boxShadow = format.boxShadow;\n        }\n    },\n};\n"]}

package/lib-amd/formatHandlers/common/datasetFormatHandler.d.ts

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

package/lib-amd/formatHandlers/common/datasetFormatHandler.js

@@ -0,0 +1,22 @@
+define(["require", "exports", "roosterjs-editor-dom"], function (require, exports, roosterjs_editor_dom_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.datasetFormatHandler = void 0;
+    /**
+     * @internal
+     */
+    exports.datasetFormatHandler = {
+        parse: function (format, element) {
+            var dataset = element.dataset;
+            (0, roosterjs_editor_dom_1.getObjectKeys)(dataset).forEach(function (key) {
+                format[key] = dataset[key] || '';
+            });
+        },
+        apply: function (format, element) {
+            (0, roosterjs_editor_dom_1.getObjectKeys)(format).forEach(function (key) {
+                element.dataset[key] = format[key];
+            });
+        },
+    };
+});
+//# sourceMappingURL=datasetFormatHandler.js.map

package/lib-amd/formatHandlers/common/datasetFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datasetFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/common/datasetFormatHandler.ts"],"names":[],"mappings":";;;;IAIA;;OAEG;IACU,QAAA,oBAAoB,GAAiC;QAC9D,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,IAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;YAEhC,IAAA,oCAAa,EAAC,OAAO,CAAC,CAAC,OAAO,CAAC,UAAA,GAAG;gBAC9B,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;YACrC,CAAC,CAAC,CAAC;QACP,CAAC;QAED,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,IAAA,oCAAa,EAAC,MAAM,CAAC,CAAC,OAAO,CAAC,UAAA,GAAG;gBAC7B,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;YACvC,CAAC,CAAC,CAAC;QACP,CAAC;KACJ,CAAC","sourcesContent":["import { DatasetFormat } from 'roosterjs-content-model-types';\nimport { FormatHandler } from '../FormatHandler';\nimport { getObjectKeys } from 'roosterjs-editor-dom';\n\n/**\n * @internal\n */\nexport const datasetFormatHandler: FormatHandler<DatasetFormat> = {\n    parse: (format, element) => {\n        const dataset = element.dataset;\n\n        getObjectKeys(dataset).forEach(key => {\n            format[key] = dataset[key] || '';\n        });\n    },\n\n    apply: (format, element) => {\n        getObjectKeys(format).forEach(key => {\n            element.dataset[key] = format[key];\n        });\n    },\n};\n"]}

package/lib-amd/formatHandlers/common/idFormatHandler.d.ts

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

package/lib-amd/formatHandlers/common/idFormatHandler.js

@@ -0,0 +1,21 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.idFormatHandler = void 0;
+    /**
+     * @internal
+     */
+    exports.idFormatHandler = {
+        parse: function (format, element) {
+            if (element.id) {
+                format.id = element.id;
+            }
+        },
+        apply: function (format, element) {
+            if (format.id) {
+                element.id = format.id;
+            }
+        },
+    };
+});
+//# sourceMappingURL=idFormatHandler.js.map

package/lib-amd/formatHandlers/common/idFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"idFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/common/idFormatHandler.ts"],"names":[],"mappings":";;;;IAGA;;OAEG;IACU,QAAA,eAAe,GAA4B;QACpD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,IAAI,OAAO,CAAC,EAAE,EAAE;gBACZ,MAAM,CAAC,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;aAC1B;QACL,CAAC;QACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,IAAI,MAAM,CAAC,EAAE,EAAE;gBACX,OAAO,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC;aAC1B;QACL,CAAC;KACJ,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { IdFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const idFormatHandler: FormatHandler<IdFormat> = {\n    parse: (format, element) => {\n        if (element.id) {\n            format.id = element.id;\n        }\n    },\n    apply: (format, element) => {\n        if (format.id) {\n            element.id = format.id;\n        }\n    },\n};\n"]}

package/lib-amd/formatHandlers/common/sizeFormatHandler.d.ts

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

package/lib-amd/formatHandlers/common/sizeFormatHandler.js

@@ -0,0 +1,67 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.sizeFormatHandler = void 0;
+    var PercentageRegex = /[\d\.]+%/;
+    /**
+     * @internal
+     */
+    exports.sizeFormatHandler = {
+        parse: function (format, element, context) {
+            var width = element.style.width || tryParseSize(element, 'width');
+            var height = element.style.height || tryParseSize(element, 'height');
+            var maxWidth = element.style.maxWidth;
+            var maxHeight = element.style.maxHeight;
+            var minWidth = element.style.minWidth;
+            var minHeight = element.style.minHeight;
+            if (width) {
+                format.width = width;
+            }
+            if (height) {
+                format.height = height;
+            }
+            if (maxWidth) {
+                format.maxWidth = maxWidth;
+            }
+            if (maxHeight) {
+                format.maxHeight = maxHeight;
+            }
+            if (minWidth) {
+                format.minWidth = minWidth;
+            }
+            if (minHeight) {
+                format.minHeight = minHeight;
+            }
+        },
+        apply: function (format, element) {
+            if (format.width) {
+                element.style.width = format.width;
+            }
+            if (format.height) {
+                element.style.height = format.height;
+            }
+            if (format.maxWidth) {
+                element.style.maxWidth = format.maxWidth;
+            }
+            if (format.maxHeight) {
+                element.style.maxHeight = format.maxHeight;
+            }
+            if (format.minWidth) {
+                element.style.minWidth = format.minWidth;
+            }
+            if (format.minHeight) {
+                element.style.minHeight = format.minHeight;
+            }
+        },
+    };
+    function tryParseSize(element, attrName) {
+        var attrValue = element.getAttribute(attrName);
+        var value = parseInt(attrValue || '');
+        return attrValue && PercentageRegex.test(attrValue)
+            ? attrValue
+            : Number.isNaN(value)
+                ? undefined
+                : value + 'px';
+    }
+});
+//# sourceMappingURL=sizeFormatHandler.js.map

package/lib-amd/formatHandlers/common/sizeFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizeFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/common/sizeFormatHandler.ts"],"names":[],"mappings":";;;;IAGA,IAAM,eAAe,GAAG,UAAU,CAAC;IAEnC;;OAEG;IACU,QAAA,iBAAiB,GAA8B;QACxD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;YAC5B,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YACpE,IAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,IAAI,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YACvE,IAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC;YACxC,IAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;YAC1C,IAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC;YACxC,IAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;YAE1C,IAAI,KAAK,EAAE;gBACP,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;aACxB;YACD,IAAI,MAAM,EAAE;gBACR,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;aAC1B;YACD,IAAI,QAAQ,EAAE;gBACV,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;aAC9B;YACD,IAAI,SAAS,EAAE;gBACX,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;aAChC;YACD,IAAI,QAAQ,EAAE;gBACV,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;aAC9B;YACD,IAAI,SAAS,EAAE;gBACX,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;aAChC;QACL,CAAC;QACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,IAAI,MAAM,CAAC,KAAK,EAAE;gBACd,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;aACtC;YACD,IAAI,MAAM,CAAC,MAAM,EAAE;gBACf,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;aACxC;YACD,IAAI,MAAM,CAAC,QAAQ,EAAE;gBACjB,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;aAC5C;YACD,IAAI,MAAM,CAAC,SAAS,EAAE;gBAClB,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;aAC9C;YACD,IAAI,MAAM,CAAC,QAAQ,EAAE;gBACjB,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;aAC5C;YACD,IAAI,MAAM,CAAC,SAAS,EAAE;gBAClB,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;aAC9C;QACL,CAAC;KACJ,CAAC;IAEF,SAAS,YAAY,CAAC,OAAoB,EAAE,QAA4B;QACpE,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QACjD,IAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;QAExC,OAAO,SAAS,IAAI,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC;YAC/C,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC;gBACrB,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC;IACvB,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { SizeFormat } from 'roosterjs-content-model-types';\n\nconst PercentageRegex = /[\\d\\.]+%/;\n\n/**\n * @internal\n */\nexport const sizeFormatHandler: FormatHandler<SizeFormat> = {\n    parse: (format, element, context) => {\n        const width = element.style.width || tryParseSize(element, 'width');\n        const height = element.style.height || tryParseSize(element, 'height');\n        const maxWidth = element.style.maxWidth;\n        const maxHeight = element.style.maxHeight;\n        const minWidth = element.style.minWidth;\n        const minHeight = element.style.minHeight;\n\n        if (width) {\n            format.width = width;\n        }\n        if (height) {\n            format.height = height;\n        }\n        if (maxWidth) {\n            format.maxWidth = maxWidth;\n        }\n        if (maxHeight) {\n            format.maxHeight = maxHeight;\n        }\n        if (minWidth) {\n            format.minWidth = minWidth;\n        }\n        if (minHeight) {\n            format.minHeight = minHeight;\n        }\n    },\n    apply: (format, element) => {\n        if (format.width) {\n            element.style.width = format.width;\n        }\n        if (format.height) {\n            element.style.height = format.height;\n        }\n        if (format.maxWidth) {\n            element.style.maxWidth = format.maxWidth;\n        }\n        if (format.maxHeight) {\n            element.style.maxHeight = format.maxHeight;\n        }\n        if (format.minWidth) {\n            element.style.minWidth = format.minWidth;\n        }\n        if (format.minHeight) {\n            element.style.minHeight = format.minHeight;\n        }\n    },\n};\n\nfunction tryParseSize(element: HTMLElement, attrName: 'width' | 'height'): string | undefined {\n    const attrValue = element.getAttribute(attrName);\n    const value = parseInt(attrValue || '');\n\n    return attrValue && PercentageRegex.test(attrValue)\n        ? attrValue\n        : Number.isNaN(value)\n        ? undefined\n        : value + 'px';\n}\n"]}

package/lib-amd/formatHandlers/common/verticalAlignFormatHandler.d.ts

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

package/lib-amd/formatHandlers/common/verticalAlignFormatHandler.js

@@ -0,0 +1,33 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.verticalAlignFormatHandler = void 0;
+    /**
+     * @internal
+     */
+    exports.verticalAlignFormatHandler = {
+        parse: function (format, element) {
+            var align = element.style.verticalAlign || element.getAttribute('valign');
+            switch (align) {
+                case 'baseline':
+                case 'initial':
+                case 'super':
+                case 'sub':
+                case 'text-top':
+                case 'text-bottom':
+                case 'top':
+                    format.verticalAlign = 'top';
+                    break;
+                case 'bottom':
+                    format.verticalAlign = 'bottom';
+                    break;
+            }
+        },
+        apply: function (format, element) {
+            if (format.verticalAlign) {
+                element.style.verticalAlign = format.verticalAlign;
+            }
+        },
+    };
+});
+//# sourceMappingURL=verticalAlignFormatHandler.js.map

package/lib-amd/formatHandlers/common/verticalAlignFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verticalAlignFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/common/verticalAlignFormatHandler.ts"],"names":[],"mappings":";;;;IAGA;;OAEG;IACU,QAAA,0BAA0B,GAAuC;QAC1E,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,aAAa,IAAI,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;YAE5E,QAAQ,KAAK,EAAE;gBACX,KAAK,UAAU,CAAC;gBAChB,KAAK,SAAS,CAAC;gBACf,KAAK,OAAO,CAAC;gBACb,KAAK,KAAK,CAAC;gBACX,KAAK,UAAU,CAAC;gBAChB,KAAK,aAAa,CAAC;gBACnB,KAAK,KAAK;oBACN,MAAM,CAAC,aAAa,GAAG,KAAK,CAAC;oBAC7B,MAAM;gBAEV,KAAK,QAAQ;oBACT,MAAM,CAAC,aAAa,GAAG,QAAQ,CAAC;oBAChC,MAAM;aACb;QACL,CAAC;QACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,IAAI,MAAM,CAAC,aAAa,EAAE;gBACtB,OAAO,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC;aACtD;QACL,CAAC;KACJ,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { VerticalAlignFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const verticalAlignFormatHandler: FormatHandler<VerticalAlignFormat> = {\n    parse: (format, element) => {\n        const align = element.style.verticalAlign || element.getAttribute('valign');\n\n        switch (align) {\n            case 'baseline':\n            case 'initial':\n            case 'super':\n            case 'sub':\n            case 'text-top':\n            case 'text-bottom':\n            case 'top':\n                format.verticalAlign = 'top';\n                break;\n\n            case 'bottom':\n                format.verticalAlign = 'bottom';\n                break;\n        }\n    },\n    apply: (format, element) => {\n        if (format.verticalAlign) {\n            element.style.verticalAlign = format.verticalAlign;\n        }\n    },\n};\n"]}

package/lib-amd/formatHandlers/common/wordBreakFormatHandler.d.ts

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