roosterjs-content-model-dom 0.10.0

package/lib/domUtils/metadata/updateMetadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"updateMetadata.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domUtils/metadata/updateMetadata.ts"],"names":[],"mappings":";;;AAEA,6DAAgD;AAEhD,IAAM,sBAAsB,GAAG,aAAa,CAAC;AAE7C;;;;;;GAMG;AACH,SAAgB,cAAc,CAC1B,KAAiC,EACjC,QAA2C,EAC3C,UAA0B;IAE1B,IAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;IAC7D,IAAI,GAAG,GAAa,IAAI,CAAC;IAEzB,IAAI;QACA,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAM,CAAC;KACzC;IAAC,WAAM,GAAE;IAEV,IAAI,UAAU,IAAI,CAAC,IAAA,+BAAQ,EAAC,GAAG,EAAE,UAAU,CAAC,EAAE;QAC1C,GAAG,GAAG,IAAI,CAAC;KACd;IAED,IAAI,QAAQ,EAAE;QACV,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;QAEpB,IAAI,CAAC,GAAG,EAAE;YACN,OAAO,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;SAChD;aAAM,IAAI,CAAC,UAAU,IAAI,IAAA,+BAAQ,EAAC,GAAG,EAAE,UAAU,CAAC,EAAE;YACjD,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;SAC/D;KACJ;IAED,OAAO,GAAG,CAAC;AACf,CAAC;AA3BD,wCA2BC;AAED;;;GAGG;AACH,SAAgB,WAAW,CAAI,KAA+C;IAC1E,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;AACnD,CAAC;AAFD,kCAEC","sourcesContent":["import { ContentModelWithDataset } from 'roosterjs-content-model-types';\nimport { Definition } from 'roosterjs-editor-types';\nimport { validate } from 'roosterjs-editor-dom';\n\nconst EditingInfoDatasetName = 'editingInfo';\n\n/**\n * Update metadata of the given model\n * @param model The model to update metadata to\n * @param callback A callback function to update metadata\n * @param definition @optional Metadata definition used for verify the metadata object\n * @returns The metadata object if any, or null\n */\nexport function updateMetadata<T>(\n    model: ContentModelWithDataset<T>,\n    callback?: (metadata: T | null) => T | null,\n    definition?: Definition<T>\n): T | null {\n    const metadataString = model.dataset[EditingInfoDatasetName];\n    let obj: T | null = null;\n\n    try {\n        obj = JSON.parse(metadataString) as T;\n    } catch {}\n\n    if (definition && !validate(obj, definition)) {\n        obj = null;\n    }\n\n    if (callback) {\n        obj = callback(obj);\n\n        if (!obj) {\n            delete model.dataset[EditingInfoDatasetName];\n        } else if (!definition || validate(obj, definition)) {\n            model.dataset[EditingInfoDatasetName] = JSON.stringify(obj);\n        }\n    }\n\n    return obj;\n}\n\n/**\n * Check if the given model has metadata\n * @param model The content model to check\n */\nexport function hasMetadata<T>(model: ContentModelWithDataset<T> | HTMLElement): boolean {\n    return !!model.dataset[EditingInfoDatasetName];\n}\n"]}

package/lib/domUtils/stringUtil.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Check if the given character is punctuation
+ * @param char The character to check
+ */
+export declare function isPunctuation(char: string): boolean;
+/**
+ * Check if the give character is a space. A space can be normal ASCII pace (32) or non-break space (160) or other kinds of spaces
+ * such as ZeroWidthSpace, ...
+ * @param char The character to check
+ */
+export declare function isSpace(char: string): boolean;
+/**
+ * @internal
+ * Check if the given string only has space, including line breaks.
+ * @param txt The string to check
+ */
+export declare function hasSpacesOnly(txt: string): boolean;
+/**
+ * Normalize spaces of the given string. After normalization, all leading (for forward) or trailing (for backward) spaces
+ * will be replaces with non-break space (160)
+ * @param txt The string to normalize
+ * @param isForward Whether normalize forward or backward
+ */
+export declare function normalizeText(txt: string, isForward: boolean): string;

package/lib/domUtils/stringUtil.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.normalizeText = exports.hasSpacesOnly = exports.isSpace = exports.isPunctuation = void 0;
+// A regex to match text that only has space and CR
+// We use real space char " " (\u0020) here but not "\s" since "\s" will also match " " (\u00A0) which is something we need to keep
+var SPACE_TEXT_REGEX = /^[\r\n\t ]*$/;
+var SPACES_REGEX = /[\u2000\u2009\u200a​\u200b​\u202f\u205f​\u3000\s\t\r\n]/gm;
+var PUNCTUATIONS = '.,?!:"()[]\\/';
+/**
+ * Check if the given character is punctuation
+ * @param char The character to check
+ */
+function isPunctuation(char) {
+    return PUNCTUATIONS.indexOf(char) >= 0;
+}
+exports.isPunctuation = isPunctuation;
+/**
+ * Check if the give character is a space. A space can be normal ASCII pace (32) or non-break space (160) or other kinds of spaces
+ * such as ZeroWidthSpace, ...
+ * @param char The character to check
+ */
+function isSpace(char) {
+    var _a;
+    var code = (_a = char === null || char === void 0 ? void 0 : char.charCodeAt(0)) !== null && _a !== void 0 ? _a : 0;
+    return code == 160 || code == 32 || SPACES_REGEX.test(char);
+}
+exports.isSpace = isSpace;
+/**
+ * @internal
+ * Check if the given string only has space, including line breaks.
+ * @param txt The string to check
+ */
+function hasSpacesOnly(txt) {
+    return SPACE_TEXT_REGEX.test(txt);
+}
+exports.hasSpacesOnly = hasSpacesOnly;
+/**
+ * Normalize spaces of the given string. After normalization, all leading (for forward) or trailing (for backward) spaces
+ * will be replaces with non-break space (160)
+ * @param txt The string to normalize
+ * @param isForward Whether normalize forward or backward
+ */
+function normalizeText(txt, isForward) {
+    return txt.replace(isForward ? /^\u0020+/ : /\u0020+$/, '\u00A0');
+}
+exports.normalizeText = normalizeText;
+//# sourceMappingURL=stringUtil.js.map

package/lib/domUtils/stringUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stringUtil.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-dom/lib/domUtils/stringUtil.ts"],"names":[],"mappings":";;;AAAA,mDAAmD;AACnD,wIAAwI;AACxI,IAAM,gBAAgB,GAAG,cAAc,CAAC;AAExC,IAAM,YAAY,GAAG,2DAA2D,CAAC;AACjF,IAAM,YAAY,GAAG,eAAe,CAAC;AAErC;;;GAGG;AACH,SAAgB,aAAa,CAAC,IAAY;IACtC,OAAO,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC3C,CAAC;AAFD,sCAEC;AAED;;;;GAIG;AACH,SAAgB,OAAO,CAAC,IAAY;;IAChC,IAAM,IAAI,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,CAAC,CAAC,CAAC,mCAAI,CAAC,CAAC;IACtC,OAAO,IAAI,IAAI,GAAG,IAAI,IAAI,IAAI,EAAE,IAAI,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAChE,CAAC;AAHD,0BAGC;AAED;;;;GAIG;AACH,SAAgB,aAAa,CAAC,GAAW;IACrC,OAAO,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACtC,CAAC;AAFD,sCAEC;AAED;;;;;GAKG;AACH,SAAgB,aAAa,CAAC,GAAW,EAAE,SAAkB;IACzD,OAAO,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AACtE,CAAC;AAFD,sCAEC","sourcesContent":["// A regex to match text that only has space and CR\n// We use real space char \" \" (\\u0020) here but not \"\\s\" since \"\\s\" will also match \" \" (\\u00A0) which is something we need to keep\nconst SPACE_TEXT_REGEX = /^[\\r\\n\\t ]*$/;\n\nconst SPACES_REGEX = /[\\u2000\\u2009\\u200a​\\u200b​\\u202f\\u205f​\\u3000\\s\\t\\r\\n]/gm;\nconst PUNCTUATIONS = '.,?!:\"()[]\\\\/';\n\n/**\n * Check if the given character is punctuation\n * @param char The character to check\n */\nexport function isPunctuation(char: string) {\n    return PUNCTUATIONS.indexOf(char) >= 0;\n}\n\n/**\n * Check if the give character is a space. A space can be normal ASCII pace (32) or non-break space (160) or other kinds of spaces\n * such as ZeroWidthSpace, ...\n * @param char The character to check\n */\nexport function isSpace(char: string) {\n    const code = char?.charCodeAt(0) ?? 0;\n    return code == 160 || code == 32 || SPACES_REGEX.test(char);\n}\n\n/**\n * @internal\n * Check if the given string only has space, including line breaks.\n * @param txt The string to check\n */\nexport function hasSpacesOnly(txt: string): boolean {\n    return SPACE_TEXT_REGEX.test(txt);\n}\n\n/**\n * Normalize spaces of the given string. After normalization, all leading (for forward) or trailing (for backward) spaces\n * will be replaces with non-break space (160)\n * @param txt The string to normalize\n * @param isForward Whether normalize forward or backward\n */\nexport function normalizeText(txt: string, isForward: boolean): string {\n    return txt.replace(isForward ? /^\\u0020+/ : /\\u0020+$/, '\\u00A0');\n}\n"]}

package/lib/formatHandlers/FormatHandler.d.ts

@@ -0,0 +1,15 @@
+import { ContentModelFormatBase, FormatApplier, FormatParser } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Represents an object that will handle a given format
+ */
+export interface FormatHandler<TFormat extends ContentModelFormatBase> {
+    /**
+     * Parse format from the given HTML element and default style
+     */
+    parse: FormatParser<TFormat>;
+    /**
+     * Apply format to the given HTML element
+     */
+    apply: FormatApplier<TFormat>;
+}

package/lib/formatHandlers/FormatHandler.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=FormatHandler.js.map

package/lib/formatHandlers/FormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormatHandler.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/FormatHandler.ts"],"names":[],"mappings":"","sourcesContent":["import { ContentModelFormatBase, FormatApplier, FormatParser } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Represents an object that will handle a given format\n */\nexport interface FormatHandler<TFormat extends ContentModelFormatBase> {\n    /**\n     * Parse format from the given HTML element and default style\n     */\n    parse: FormatParser<TFormat>;\n\n    /**\n     * Apply format to the given HTML element\n     */\n    apply: FormatApplier<TFormat>;\n}\n"]}

package/lib/formatHandlers/block/directionFormatHandler.d.ts

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

package/lib/formatHandlers/block/directionFormatHandler.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.directionFormatHandler = void 0;
+/**
+ * @internal
+ */
+exports.directionFormatHandler = {
+    parse: function (format, element, _, defaultStyle) {
+        var dir = element.style.direction || element.dir || defaultStyle.direction;
+        if (dir) {
+            format.direction = dir == 'rtl' ? 'rtl' : 'ltr';
+        }
+    },
+    apply: function (format, element) {
+        if (format.direction) {
+            element.style.direction = format.direction;
+        }
+    },
+};
+//# sourceMappingURL=directionFormatHandler.js.map

package/lib/formatHandlers/block/directionFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"directionFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/block/directionFormatHandler.ts"],"names":[],"mappings":";;;AAGA;;GAEG;AACU,QAAA,sBAAsB,GAAmC;IAClE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY;QACpC,IAAM,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,IAAI,OAAO,CAAC,GAAG,IAAI,YAAY,CAAC,SAAS,CAAC;QAE7E,IAAI,GAAG,EAAE;YACL,MAAM,CAAC,SAAS,GAAG,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;SACnD;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,MAAM,CAAC,SAAS,EAAE;YAClB,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;SAC9C;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { DirectionFormat } from 'roosterjs-content-model-types';\nimport { FormatHandler } from '../FormatHandler';\n\n/**\n * @internal\n */\nexport const directionFormatHandler: FormatHandler<DirectionFormat> = {\n    parse: (format, element, _, defaultStyle) => {\n        const dir = element.style.direction || element.dir || defaultStyle.direction;\n\n        if (dir) {\n            format.direction = dir == 'rtl' ? 'rtl' : 'ltr';\n        }\n    },\n    apply: (format, element) => {\n        if (format.direction) {\n            element.style.direction = format.direction;\n        }\n    },\n};\n"]}

package/lib/formatHandlers/block/displayFormatHandler.d.ts

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

package/lib/formatHandlers/block/displayFormatHandler.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.displayFormatHandler = void 0;
+/**
+ * @internal
+ */
+exports.displayFormatHandler = {
+    parse: function (format, element) {
+        var display = element.style.display;
+        if (display) {
+            format.display = display;
+        }
+    },
+    apply: function (format, element) {
+        if (format.display) {
+            element.style.display = format.display;
+        }
+    },
+};
+//# sourceMappingURL=displayFormatHandler.js.map

package/lib/formatHandlers/block/displayFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"displayFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/block/displayFormatHandler.ts"],"names":[],"mappings":";;;AAGA;;GAEG;AACU,QAAA,oBAAoB,GAAiC;IAC9D,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;QAEtC,IAAI,OAAO,EAAE;YACT,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;SAC5B;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,MAAM,CAAC,OAAO,EAAE;YAChB,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;SAC1C;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { DisplayFormat } from 'roosterjs-content-model-types';\nimport { FormatHandler } from '../FormatHandler';\n\n/**\n * @internal\n */\nexport const displayFormatHandler: FormatHandler<DisplayFormat> = {\n    parse: (format, element) => {\n        const display = element.style.display;\n\n        if (display) {\n            format.display = display;\n        }\n    },\n    apply: (format, element) => {\n        if (format.display) {\n            element.style.display = format.display;\n        }\n    },\n};\n"]}

package/lib/formatHandlers/block/htmlAlignFormatHandler.d.ts

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

package/lib/formatHandlers/block/htmlAlignFormatHandler.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.htmlAlignFormatHandler = void 0;
+var dir_1 = require("../utils/dir");
+var directionFormatHandler_1 = require("./directionFormatHandler");
+/**
+ * @internal
+ */
+exports.htmlAlignFormatHandler = {
+    parse: function (format, element, context, defaultStyle) {
+        directionFormatHandler_1.directionFormatHandler.parse(format, element, context, defaultStyle);
+        var htmlAlign = element.getAttribute('align');
+        if (htmlAlign) {
+            format.htmlAlign = (0, dir_1.calcAlign)(htmlAlign, format.direction);
+            delete format.textAlign;
+            delete context.blockFormat.textAlign;
+        }
+    },
+    apply: function (format, element) {
+        var dir = format.direction == 'rtl' ? 'rtl' : 'ltr';
+        if (format.htmlAlign) {
+            element.setAttribute('align', dir_1.ResultMap[format.htmlAlign][dir]);
+        }
+    },
+};
+//# sourceMappingURL=htmlAlignFormatHandler.js.map

package/lib/formatHandlers/block/htmlAlignFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"htmlAlignFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/block/htmlAlignFormatHandler.ts"],"names":[],"mappings":";;;AAAA,oCAAoD;AAEpD,mEAAkE;AAGlE;;GAEG;AACU,QAAA,sBAAsB,GAE/B;IACA,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;QAC1C,+CAAsB,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC;QAErE,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAEhD,IAAI,SAAS,EAAE;YACX,MAAM,CAAC,SAAS,GAAG,IAAA,eAAS,EAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;YAC1D,OAAO,MAAM,CAAC,SAAS,CAAC;YACxB,OAAO,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC;SACxC;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAM,GAAG,GAAkB,MAAM,CAAC,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;QAErE,IAAI,MAAM,CAAC,SAAS,EAAE;YAClB,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,eAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;SACnE;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { calcAlign, ResultMap } from '../utils/dir';\nimport { DirectionFormat, HtmlAlignFormat, TextAlignFormat } from 'roosterjs-content-model-types';\nimport { directionFormatHandler } from './directionFormatHandler';\nimport { FormatHandler } from '../FormatHandler';\n\n/**\n * @internal\n */\nexport const htmlAlignFormatHandler: FormatHandler<\n    DirectionFormat & HtmlAlignFormat & TextAlignFormat\n> = {\n    parse: (format, element, context, defaultStyle) => {\n        directionFormatHandler.parse(format, element, context, defaultStyle);\n\n        const htmlAlign = element.getAttribute('align');\n\n        if (htmlAlign) {\n            format.htmlAlign = calcAlign(htmlAlign, format.direction);\n            delete format.textAlign;\n            delete context.blockFormat.textAlign;\n        }\n    },\n    apply: (format, element) => {\n        const dir: 'ltr' | 'rtl' = format.direction == 'rtl' ? 'rtl' : 'ltr';\n\n        if (format.htmlAlign) {\n            element.setAttribute('align', ResultMap[format.htmlAlign][dir]);\n        }\n    },\n};\n"]}

package/lib/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/formatHandlers/block/lineHeightFormatHandler.js

@@ -0,0 +1,20 @@
+"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/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":";;;AAGA;;GAEG;AACU,QAAA,uBAAuB,GAAoC;IACpE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;QAC1C,IAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,UAAU,IAAI,YAAY,CAAC,UAAU,CAAC;QAEvE,IAAI,UAAU,IAAI,UAAU,IAAI,SAAS,EAAE;YACvC,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;SAClC;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,MAAM,CAAC,UAAU,EAAE;YACnB,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;SAChD;IACL,CAAC;CACJ,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/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/formatHandlers/block/marginFormatHandler.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.marginFormatHandler = void 0;
+var parseValueWithUnit_1 = require("../utils/parseValueWithUnit");
+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/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":";;;AAEA,kEAAiE;AAEjE,IAAM,UAAU,GAAuD;IACnE,WAAW;IACX,aAAa;IACb,cAAc;IACd,YAAY;CACf,CAAC;AAEF;;GAEG;AACU,QAAA,mBAAmB,GAAgC;IAC5D,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY;QACpC,UAAU,CAAC,OAAO,CAAC,UAAA,GAAG;YAClB,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,CAAC;YAEtD,IAAI,KAAK,EAAE;gBACP,QAAQ,GAAG,EAAE;oBACT,KAAK,WAAW,CAAC;oBACjB,KAAK,cAAc;wBACf,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;wBACpB,MAAM;oBAEV,KAAK,YAAY,CAAC;oBAClB,KAAK,aAAa;wBACd,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC;4BACrB,CAAC,CAAC,IAAA,uCAAkB,EAAC,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,OAAO,CAAC;gCAC9C,IAAA,uCAAkB,EAAC,KAAK,EAAE,OAAO,CAAC;gCAClC,IAAI;4BACN,CAAC,CAAC,KAAK,CAAC;wBACZ,MAAM;iBACb;aACJ;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;QAC5B,UAAU,CAAC,OAAO,CAAC,UAAA,GAAG;YAClB,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;YAE1B,IAAI,KAAK,IAAI,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE;gBACtC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,IAAI,GAAG,CAAC;aACrC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;CACJ,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/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/formatHandlers/block/paddingFormatHandler.js

@@ -0,0 +1,31 @@
+"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/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":";;;AAGA,IAAM,WAAW,GAAwD;IACrE,YAAY;IACZ,cAAc;IACd,eAAe;IACf,aAAa;CAChB,CAAC;AAEF;;GAEG;AACU,QAAA,oBAAoB,GAAiC;IAC9D,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,WAAW,CAAC,OAAO,CAAC,UAAA,GAAG;YACnB,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAEjC,IAAI,KAAK,EAAE;gBACP,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;aACvB;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,WAAW,CAAC,OAAO,CAAC,UAAA,GAAG;YACnB,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;YAC1B,IAAI,KAAK,EAAE;gBACP,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;aAC9B;QACL,CAAC,CAAC,CAAC;IACP,CAAC;CACJ,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/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/formatHandlers/block/textAlignFormatHandler.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textAlignFormatHandler = void 0;
+var dir_1 = require("../utils/dir");
+var directionFormatHandler_1 = require("./directionFormatHandler");
+/**
+ * @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/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":";;;AAAA,oCAAoD;AAEpD,mEAAkE;AAGlE;;GAEG;AACU,QAAA,sBAAsB,GAAqD;IACpF,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;;QAC1C,+CAAsB,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC;QAErE,IAAI,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,IAAI,YAAY,CAAC,SAAS,CAAC;QAElE,IACI,OAAO,CAAC,OAAO,IAAI,IAAI;YACvB,CAAA,MAAA,OAAO,CAAC,aAAa,0CAAE,KAAK,CAAC,OAAO,MAAK,MAAM;YAC/C,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,aAAa,KAAK,QAAQ;YACtD,OAAO,CAAC,KAAK,CAAC,SAAS,EACzB;YACE,wIAAwI;YACxI,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;SACvC;QAED,IAAI,SAAS,EAAE;YACX,MAAM,CAAC,SAAS,GAAG,IAAA,eAAS,EAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;SAC7D;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAM,GAAG,GAAkB,MAAM,CAAC,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;QAErE,IAAI,MAAM,CAAC,SAAS,EAAE;YAClB,IAAM,QAAM,GAAG,OAAO,CAAC,aAAa,CAAC;YACrC,IAAM,SAAS,GAAG,QAAM,aAAN,QAAM,uBAAN,QAAM,CAAE,OAAO,CAAC;YAElC,IAAI,OAAO,CAAC,OAAO,IAAI,IAAI,IAAI,QAAM,IAAI,CAAC,SAAS,IAAI,IAAI,IAAI,SAAS,IAAI,IAAI,CAAC,EAAE;gBAC/E,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;gBAC3C,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;gBACrD,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;aAChD;iBAAM;gBACH,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,eAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC;aAC9D;SACJ;IACL,CAAC;CACJ,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/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/formatHandlers/block/whiteSpaceFormatHandler.js

@@ -0,0 +1,21 @@
+"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/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":";;;AAGA;;GAEG;AACU,QAAA,uBAAuB,GAAoC;IACpE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY;QACpC,IAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,UAAU,IAAI,YAAY,CAAC,UAAU,CAAC;QAEvE,IAAI,UAAU,EAAE;YACZ,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;SAClC;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;QAC5B,IAAM,UAAU,GAAG,OAAO,CAAC,cAAc,CAAC,UAAU,CAAC;QACrD,IAAI,MAAM,CAAC,UAAU,IAAI,UAAU,EAAE;YACjC,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,QAAQ,CAAC;SAC5D;IACL,CAAC;CACJ,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/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/formatHandlers/common/backgroundColorFormatHandler.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.backgroundColorFormatHandler = void 0;
+var color_1 = require("../utils/color");
+/**
+ * @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/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":";;;AAEA,wCAAoD;AAEpD;;GAEG;AACU,QAAA,4BAA4B,GAAyC;IAC9E,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;QAC1C,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;QAEtC,IAAI,eAAe,EAAE;YACjB,MAAM,CAAC,eAAe,GAAG,eAAe,CAAC;SAC5C;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;QAC5B,IAAI,MAAM,CAAC,eAAe,EAAE;YACxB,IAAA,gBAAQ,EACJ,OAAO,EACP,MAAM,CAAC,eAAe,EACtB,IAAI,CAAC,gBAAgB,EACrB,OAAO,CAAC,gBAAgB,EACxB,CAAC,CAAC,OAAO,CAAC,UAAU,CACvB,CAAC;SACL;IACL,CAAC;CACJ,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/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/formatHandlers/common/borderBoxFormatHandler.js

@@ -0,0 +1,20 @@
+"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/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":";;;AAGA;;GAEG;AACU,QAAA,sBAAsB,GAAmC;IAClE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;;QACnB,IAAI,CAAA,MAAA,OAAO,CAAC,KAAK,0CAAE,SAAS,KAAI,YAAY,EAAE;YAC1C,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC;SAC9B;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,MAAM,CAAC,YAAY,EAAE;YACrB,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC;SAC1C;IACL,CAAC;CACJ,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/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/formatHandlers/common/borderFormatHandler.js

@@ -0,0 +1,35 @@
+"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/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":";;;AAGA;;GAEG;AACU,QAAA,UAAU,GAAuD;IAC1E,WAAW;IACX,aAAa;IACb,cAAc;IACd,YAAY;IACZ,cAAc;CACjB,CAAC;AAEF;;GAEG;AACU,QAAA,mBAAmB,GAAgC;IAC5D,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,kBAAU,CAAC,OAAO,CAAC,UAAA,GAAG;YAClB,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAEjC,IAAI,KAAK,EAAE;gBACP,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;aAC9C;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,kBAAU,CAAC,OAAO,CAAC,UAAA,GAAG;YAClB,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;YAE1B,IAAI,KAAK,EAAE;gBACP,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;aAC9B;QACL,CAAC,CAAC,CAAC;IACP,CAAC;CACJ,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/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/formatHandlers/common/boxShadowFormatHandler.js

@@ -0,0 +1,20 @@
+"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