roosterjs-content-model-dom 0.10.0

package/lib/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":";;;AAGA;;GAEG;AACU,QAAA,sBAAsB,GAAmC;IAClE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;;QACnB,IAAI,MAAA,OAAO,CAAC,KAAK,0CAAE,SAAS,EAAE;YAC1B,MAAM,CAAC,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;SAC9C;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 { 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/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/formatHandlers/common/datasetFormatHandler.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.datasetFormatHandler = void 0;
+var roosterjs_editor_dom_1 = require("roosterjs-editor-dom");
+/**
+ * @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/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":";;;AAEA,6DAAqD;AAErD;;GAEG;AACU,QAAA,oBAAoB,GAAiC;IAC9D,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;QAEhC,IAAA,oCAAa,EAAC,OAAO,CAAC,CAAC,OAAO,CAAC,UAAA,GAAG;YAC9B,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;QACrC,CAAC,CAAC,CAAC;IACP,CAAC;IAED,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAA,oCAAa,EAAC,MAAM,CAAC,CAAC,OAAO,CAAC,UAAA,GAAG;YAC7B,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;IACP,CAAC;CACJ,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/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/formatHandlers/common/idFormatHandler.js

@@ -0,0 +1,19 @@
+"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/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":";;;AAGA;;GAEG;AACU,QAAA,eAAe,GAA4B;IACpD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,OAAO,CAAC,EAAE,EAAE;YACZ,MAAM,CAAC,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;SAC1B;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,MAAM,CAAC,EAAE,EAAE;YACX,OAAO,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC;SAC1B;IACL,CAAC;CACJ,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/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/formatHandlers/common/sizeFormatHandler.js

@@ -0,0 +1,65 @@
+"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/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":";;;AAGA,IAAM,eAAe,GAAG,UAAU,CAAC;AAEnC;;GAEG;AACU,QAAA,iBAAiB,GAA8B;IACxD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;QAC5B,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACpE,IAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,IAAI,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QACvE,IAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC;QACxC,IAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;QAC1C,IAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC;QACxC,IAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;QAE1C,IAAI,KAAK,EAAE;YACP,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;SACxB;QACD,IAAI,MAAM,EAAE;YACR,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;SAC1B;QACD,IAAI,QAAQ,EAAE;YACV,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC9B;QACD,IAAI,SAAS,EAAE;YACX,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;SAChC;QACD,IAAI,QAAQ,EAAE;YACV,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC9B;QACD,IAAI,SAAS,EAAE;YACX,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;SAChC;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,MAAM,CAAC,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;SACtC;QACD,IAAI,MAAM,CAAC,MAAM,EAAE;YACf,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;SACxC;QACD,IAAI,MAAM,CAAC,QAAQ,EAAE;YACjB,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;SAC5C;QACD,IAAI,MAAM,CAAC,SAAS,EAAE;YAClB,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;SAC9C;QACD,IAAI,MAAM,CAAC,QAAQ,EAAE;YACjB,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;SAC5C;QACD,IAAI,MAAM,CAAC,SAAS,EAAE;YAClB,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;SAC9C;IACL,CAAC;CACJ,CAAC;AAEF,SAAS,YAAY,CAAC,OAAoB,EAAE,QAA4B;IACpE,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;IACjD,IAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;IAExC,OAAO,SAAS,IAAI,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC;QAC/C,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC;YACrB,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC;AACvB,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/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/formatHandlers/common/verticalAlignFormatHandler.js

@@ -0,0 +1,31 @@
+"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/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":";;;AAGA;;GAEG;AACU,QAAA,0BAA0B,GAAuC;IAC1E,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,aAAa,IAAI,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAE5E,QAAQ,KAAK,EAAE;YACX,KAAK,UAAU,CAAC;YAChB,KAAK,SAAS,CAAC;YACf,KAAK,OAAO,CAAC;YACb,KAAK,KAAK,CAAC;YACX,KAAK,UAAU,CAAC;YAChB,KAAK,aAAa,CAAC;YACnB,KAAK,KAAK;gBACN,MAAM,CAAC,aAAa,GAAG,KAAK,CAAC;gBAC7B,MAAM;YAEV,KAAK,QAAQ;gBACT,MAAM,CAAC,aAAa,GAAG,QAAQ,CAAC;gBAChC,MAAM;SACb;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,MAAM,CAAC,aAAa,EAAE;YACtB,OAAO,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC;SACtD;IACL,CAAC;CACJ,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/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>;

package/lib/formatHandlers/common/wordBreakFormatHandler.js

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

package/lib/formatHandlers/common/wordBreakFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wordBreakFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/common/wordBreakFormatHandler.ts"],"names":[],"mappings":";;;AAGA;;GAEG;AACU,QAAA,sBAAsB,GAAmC;IAClE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY;QACpC,IAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,IAAI,YAAY,CAAC,SAAS,CAAC;QAEpE,IAAI,SAAS,EAAE;YACX,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;SAChC;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 { FormatHandler } from '../FormatHandler';\nimport { WordBreakFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const wordBreakFormatHandler: FormatHandler<WordBreakFormat> = {\n    parse: (format, element, _, defaultStyle) => {\n        const wordBreak = element.style.wordBreak || defaultStyle.wordBreak;\n\n        if (wordBreak) {\n            format.wordBreak = wordBreak;\n        }\n    },\n    apply: (format, element) => {\n        if (format.wordBreak) {\n            element.style.wordBreak = format.wordBreak;\n        }\n    },\n};\n"]}

package/lib/formatHandlers/defaultFormatHandlers.d.ts

@@ -0,0 +1,17 @@
+import { FormatAppliers, FormatAppliersPerCategory, FormatParsers, FormatParsersPerCategory } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const defaultFormatParsers: FormatParsers;
+/**
+ * @internal
+ */
+export declare const defaultFormatAppliers: FormatAppliers;
+/**
+ * @internal
+ */
+export declare function getFormatParsers(override?: Partial<FormatParsers>, additionalParsers?: Partial<FormatParsersPerCategory>): FormatParsersPerCategory;
+/**
+ * @internal
+ */
+export declare function getFormatAppliers(override?: Partial<FormatAppliers>, additionalAppliers?: Partial<FormatAppliersPerCategory>): FormatAppliersPerCategory;

package/lib/formatHandlers/defaultFormatHandlers.js

@@ -0,0 +1,224 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFormatAppliers = exports.getFormatParsers = exports.defaultFormatAppliers = exports.defaultFormatParsers = void 0;
+var tslib_1 = require("tslib");
+var backgroundColorFormatHandler_1 = require("./common/backgroundColorFormatHandler");
+var boldFormatHandler_1 = require("./segment/boldFormatHandler");
+var borderBoxFormatHandler_1 = require("./common/borderBoxFormatHandler");
+var borderFormatHandler_1 = require("./common/borderFormatHandler");
+var boxShadowFormatHandler_1 = require("./common/boxShadowFormatHandler");
+var datasetFormatHandler_1 = require("./common/datasetFormatHandler");
+var directionFormatHandler_1 = require("./block/directionFormatHandler");
+var displayFormatHandler_1 = require("./block/displayFormatHandler");
+var fontFamilyFormatHandler_1 = require("./segment/fontFamilyFormatHandler");
+var fontSizeFormatHandler_1 = require("./segment/fontSizeFormatHandler");
+var roosterjs_editor_dom_1 = require("roosterjs-editor-dom");
+var htmlAlignFormatHandler_1 = require("./block/htmlAlignFormatHandler");
+var idFormatHandler_1 = require("./common/idFormatHandler");
+var italicFormatHandler_1 = require("./segment/italicFormatHandler");
+var letterSpacingFormatHandler_1 = require("./segment/letterSpacingFormatHandler");
+var lineHeightFormatHandler_1 = require("./block/lineHeightFormatHandler");
+var linkFormatHandler_1 = require("./segment/linkFormatHandler");
+var listItemMetadataFormatHandler_1 = require("./list/listItemMetadataFormatHandler");
+var listItemThreadFormatHandler_1 = require("./list/listItemThreadFormatHandler");
+var listLevelMetadataFormatHandler_1 = require("./list/listLevelMetadataFormatHandler");
+var listLevelThreadFormatHandler_1 = require("./list/listLevelThreadFormatHandler");
+var listStylePositionFormatHandler_1 = require("./list/listStylePositionFormatHandler");
+var listTypeFormatHandler_1 = require("./list/listTypeFormatHandler");
+var marginFormatHandler_1 = require("./block/marginFormatHandler");
+var paddingFormatHandler_1 = require("./block/paddingFormatHandler");
+var sizeFormatHandler_1 = require("./common/sizeFormatHandler");
+var strikeFormatHandler_1 = require("./segment/strikeFormatHandler");
+var superOrSubScriptFormatHandler_1 = require("./segment/superOrSubScriptFormatHandler");
+var tableLayoutFormatHandler_1 = require("./table/tableLayoutFormatHandler");
+var tableSpacingFormatHandler_1 = require("./table/tableSpacingFormatHandler");
+var textAlignFormatHandler_1 = require("./block/textAlignFormatHandler");
+var textColorFormatHandler_1 = require("./segment/textColorFormatHandler");
+var textColorOnTableCellFormatHandler_1 = require("./table/textColorOnTableCellFormatHandler");
+var underlineFormatHandler_1 = require("./segment/underlineFormatHandler");
+var verticalAlignFormatHandler_1 = require("./common/verticalAlignFormatHandler");
+var whiteSpaceFormatHandler_1 = require("./block/whiteSpaceFormatHandler");
+var wordBreakFormatHandler_1 = require("./common/wordBreakFormatHandler");
+var defaultFormatHandlerMap = {
+    backgroundColor: backgroundColorFormatHandler_1.backgroundColorFormatHandler,
+    bold: boldFormatHandler_1.boldFormatHandler,
+    border: borderFormatHandler_1.borderFormatHandler,
+    borderBox: borderBoxFormatHandler_1.borderBoxFormatHandler,
+    boxShadow: boxShadowFormatHandler_1.boxShadowFormatHandler,
+    dataset: datasetFormatHandler_1.datasetFormatHandler,
+    direction: directionFormatHandler_1.directionFormatHandler,
+    display: displayFormatHandler_1.displayFormatHandler,
+    fontFamily: fontFamilyFormatHandler_1.fontFamilyFormatHandler,
+    fontSize: fontSizeFormatHandler_1.fontSizeFormatHandler,
+    htmlAlign: htmlAlignFormatHandler_1.htmlAlignFormatHandler,
+    id: idFormatHandler_1.idFormatHandler,
+    italic: italicFormatHandler_1.italicFormatHandler,
+    letterSpacing: letterSpacingFormatHandler_1.letterSpacingFormatHandler,
+    lineHeight: lineHeightFormatHandler_1.lineHeightFormatHandler,
+    link: linkFormatHandler_1.linkFormatHandler,
+    listItemMetadata: listItemMetadataFormatHandler_1.listItemMetadataFormatHandler,
+    listItemThread: listItemThreadFormatHandler_1.listItemThreadFormatHandler,
+    listLevelMetadata: listLevelMetadataFormatHandler_1.listLevelMetadataFormatHandler,
+    listLevelThread: listLevelThreadFormatHandler_1.listLevelThreadFormatHandler,
+    listStylePosition: listStylePositionFormatHandler_1.listStylePositionFormatHandler,
+    listType: listTypeFormatHandler_1.listTypeFormatHandler,
+    margin: marginFormatHandler_1.marginFormatHandler,
+    padding: paddingFormatHandler_1.paddingFormatHandler,
+    size: sizeFormatHandler_1.sizeFormatHandler,
+    strike: strikeFormatHandler_1.strikeFormatHandler,
+    superOrSubScript: superOrSubScriptFormatHandler_1.superOrSubScriptFormatHandler,
+    tableLayout: tableLayoutFormatHandler_1.tableLayoutFormatHandler,
+    tableSpacing: tableSpacingFormatHandler_1.tableSpacingFormatHandler,
+    textAlign: textAlignFormatHandler_1.textAlignFormatHandler,
+    textColor: textColorFormatHandler_1.textColorFormatHandler,
+    textColorOnTableCell: textColorOnTableCellFormatHandler_1.textColorOnTableCellFormatHandler,
+    underline: underlineFormatHandler_1.underlineFormatHandler,
+    verticalAlign: verticalAlignFormatHandler_1.verticalAlignFormatHandler,
+    whiteSpace: whiteSpaceFormatHandler_1.whiteSpaceFormatHandler,
+    wordBreak: wordBreakFormatHandler_1.wordBreakFormatHandler,
+};
+var styleBasedSegmentFormats = [
+    'letterSpacing',
+    'fontFamily',
+    'fontSize',
+];
+var elementBasedSegmentFormats = [
+    'strike',
+    'underline',
+    'superOrSubScript',
+    'italic',
+    'bold',
+];
+var sharedBlockFormats = [
+    'direction',
+    'textAlign',
+    'lineHeight',
+    'whiteSpace',
+];
+var sharedContainerFormats = [
+    'backgroundColor',
+    'margin',
+    'padding',
+    'border',
+];
+var defaultFormatKeysPerCategory = {
+    block: sharedBlockFormats,
+    listItem: ['listItemThread', 'listItemMetadata'],
+    listItemElement: (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(sharedBlockFormats), false), ['direction', 'textAlign', 'lineHeight', 'margin'], false),
+    listLevel: [
+        'listType',
+        'listLevelThread',
+        'listLevelMetadata',
+        'direction',
+        'textAlign',
+        'margin',
+        'padding',
+        'listStylePosition',
+        'backgroundColor',
+    ],
+    styleBasedSegment: (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(styleBasedSegmentFormats), false), ['textColor', 'backgroundColor', 'lineHeight'], false),
+    elementBasedSegment: elementBasedSegmentFormats,
+    segment: (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(styleBasedSegmentFormats), false), (0, tslib_1.__read)(elementBasedSegmentFormats), false), [
+        'textColor',
+        'backgroundColor',
+        'lineHeight',
+    ], false),
+    segmentOnBlock: (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(styleBasedSegmentFormats), false), (0, tslib_1.__read)(elementBasedSegmentFormats), false), ['textColor'], false),
+    segmentOnTableCell: (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(styleBasedSegmentFormats), false), (0, tslib_1.__read)(elementBasedSegmentFormats), false), [
+        'textColorOnTableCell',
+    ], false),
+    tableCell: [
+        'border',
+        'backgroundColor',
+        'padding',
+        'verticalAlign',
+        'wordBreak',
+        'textColor',
+        'htmlAlign',
+        'size',
+    ],
+    tableRow: ['backgroundColor'],
+    table: [
+        'id',
+        'border',
+        'backgroundColor',
+        'display',
+        'htmlAlign',
+        'margin',
+        'size',
+        'tableLayout',
+    ],
+    tableBorder: ['borderBox', 'tableSpacing'],
+    tableCellBorder: ['borderBox'],
+    image: ['id', 'size', 'margin', 'padding', 'borderBox', 'border', 'boxShadow', 'display'],
+    link: [
+        'link',
+        'textColor',
+        'underline',
+        'display',
+        'margin',
+        'padding',
+        'backgroundColor',
+        'border',
+        'size',
+        'textAlign',
+    ],
+    segmentUnderLink: ['textColor'],
+    code: ['fontFamily', 'display'],
+    dataset: ['dataset'],
+    divider: (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(sharedBlockFormats), false), (0, tslib_1.__read)(sharedContainerFormats), false), ['display', 'size', 'htmlAlign'], false),
+    container: (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(sharedContainerFormats), false), ['htmlAlign', 'size', 'display'], false),
+};
+/**
+ * @internal
+ */
+exports.defaultFormatParsers = (0, roosterjs_editor_dom_1.getObjectKeys)(defaultFormatHandlerMap).reduce(function (result, key) {
+    result[key] = defaultFormatHandlerMap[key].parse;
+    return result;
+}, {});
+/**
+ * @internal
+ */
+exports.defaultFormatAppliers = (0, roosterjs_editor_dom_1.getObjectKeys)(defaultFormatHandlerMap).reduce(function (result, key) {
+    result[key] = defaultFormatHandlerMap[key].apply;
+    return result;
+}, {});
+/**
+ * @internal
+ */
+function getFormatParsers(override, additionalParsers) {
+    if (override === void 0) { override = {}; }
+    if (additionalParsers === void 0) { additionalParsers = {}; }
+    return (0, roosterjs_editor_dom_1.getObjectKeys)(defaultFormatKeysPerCategory).reduce(function (result, key) {
+        var value = defaultFormatKeysPerCategory[key]
+            .map(function (formatKey) {
+            return (override[formatKey] === undefined
+                ? exports.defaultFormatParsers[formatKey]
+                : override[formatKey]);
+        })
+            .concat(additionalParsers[key] || []);
+        result[key] = value;
+        return result;
+    }, {});
+}
+exports.getFormatParsers = getFormatParsers;
+/**
+ * @internal
+ */
+function getFormatAppliers(override, additionalAppliers) {
+    if (override === void 0) { override = {}; }
+    if (additionalAppliers === void 0) { additionalAppliers = {}; }
+    return (0, roosterjs_editor_dom_1.getObjectKeys)(defaultFormatKeysPerCategory).reduce(function (result, key) {
+        var value = defaultFormatKeysPerCategory[key]
+            .map(function (formatKey) {
+            return (override[formatKey] === undefined
+                ? exports.defaultFormatAppliers[formatKey]
+                : override[formatKey]);
+        })
+            .concat(additionalAppliers[key] || []);
+        result[key] = value;
+        return result;
+    }, {});
+}
+exports.getFormatAppliers = getFormatAppliers;
+//# sourceMappingURL=defaultFormatHandlers.js.map

package/lib/formatHandlers/defaultFormatHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultFormatHandlers.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/defaultFormatHandlers.ts"],"names":[],"mappings":"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","sourcesContent":["import { backgroundColorFormatHandler } from './common/backgroundColorFormatHandler';\nimport { boldFormatHandler } from './segment/boldFormatHandler';\nimport { borderBoxFormatHandler } from './common/borderBoxFormatHandler';\nimport { borderFormatHandler } from './common/borderFormatHandler';\nimport { boxShadowFormatHandler } from './common/boxShadowFormatHandler';\nimport { datasetFormatHandler } from './common/datasetFormatHandler';\nimport { directionFormatHandler } from './block/directionFormatHandler';\nimport { displayFormatHandler } from './block/displayFormatHandler';\nimport { fontFamilyFormatHandler } from './segment/fontFamilyFormatHandler';\nimport { fontSizeFormatHandler } from './segment/fontSizeFormatHandler';\nimport { FormatHandler } from './FormatHandler';\nimport { getObjectKeys } from 'roosterjs-editor-dom';\nimport { htmlAlignFormatHandler } from './block/htmlAlignFormatHandler';\nimport { idFormatHandler } from './common/idFormatHandler';\nimport { italicFormatHandler } from './segment/italicFormatHandler';\nimport { letterSpacingFormatHandler } from './segment/letterSpacingFormatHandler';\nimport { lineHeightFormatHandler } from './block/lineHeightFormatHandler';\nimport { linkFormatHandler } from './segment/linkFormatHandler';\nimport { listItemMetadataFormatHandler } from './list/listItemMetadataFormatHandler';\nimport { listItemThreadFormatHandler } from './list/listItemThreadFormatHandler';\nimport { listLevelMetadataFormatHandler } from './list/listLevelMetadataFormatHandler';\nimport { listLevelThreadFormatHandler } from './list/listLevelThreadFormatHandler';\nimport { listStylePositionFormatHandler } from './list/listStylePositionFormatHandler';\nimport { listTypeFormatHandler } from './list/listTypeFormatHandler';\nimport { marginFormatHandler } from './block/marginFormatHandler';\nimport { paddingFormatHandler } from './block/paddingFormatHandler';\nimport { sizeFormatHandler } from './common/sizeFormatHandler';\nimport { strikeFormatHandler } from './segment/strikeFormatHandler';\nimport { superOrSubScriptFormatHandler } from './segment/superOrSubScriptFormatHandler';\nimport { tableLayoutFormatHandler } from './table/tableLayoutFormatHandler';\nimport { tableSpacingFormatHandler } from './table/tableSpacingFormatHandler';\nimport { textAlignFormatHandler } from './block/textAlignFormatHandler';\nimport { textColorFormatHandler } from './segment/textColorFormatHandler';\nimport { textColorOnTableCellFormatHandler } from './table/textColorOnTableCellFormatHandler';\nimport { underlineFormatHandler } from './segment/underlineFormatHandler';\nimport { verticalAlignFormatHandler } from './common/verticalAlignFormatHandler';\nimport { whiteSpaceFormatHandler } from './block/whiteSpaceFormatHandler';\nimport { wordBreakFormatHandler } from './common/wordBreakFormatHandler';\nimport {\n    ContentModelFormatMap,\n    FormatHandlerTypeMap,\n    FormatKey,\n    FormatApplier,\n    FormatAppliers,\n    FormatAppliersPerCategory,\n    FormatParser,\n    FormatParsers,\n    FormatParsersPerCategory,\n} from 'roosterjs-content-model-types';\n\ntype FormatHandlers = {\n    [Key in FormatKey]: FormatHandler<FormatHandlerTypeMap[Key]>;\n};\n\nconst defaultFormatHandlerMap: FormatHandlers = {\n    backgroundColor: backgroundColorFormatHandler,\n    bold: boldFormatHandler,\n    border: borderFormatHandler,\n    borderBox: borderBoxFormatHandler,\n    boxShadow: boxShadowFormatHandler,\n    dataset: datasetFormatHandler,\n    direction: directionFormatHandler,\n    display: displayFormatHandler,\n    fontFamily: fontFamilyFormatHandler,\n    fontSize: fontSizeFormatHandler,\n    htmlAlign: htmlAlignFormatHandler,\n    id: idFormatHandler,\n    italic: italicFormatHandler,\n    letterSpacing: letterSpacingFormatHandler,\n    lineHeight: lineHeightFormatHandler,\n    link: linkFormatHandler,\n    listItemMetadata: listItemMetadataFormatHandler,\n    listItemThread: listItemThreadFormatHandler,\n    listLevelMetadata: listLevelMetadataFormatHandler,\n    listLevelThread: listLevelThreadFormatHandler,\n    listStylePosition: listStylePositionFormatHandler,\n    listType: listTypeFormatHandler,\n    margin: marginFormatHandler,\n    padding: paddingFormatHandler,\n    size: sizeFormatHandler,\n    strike: strikeFormatHandler,\n    superOrSubScript: superOrSubScriptFormatHandler,\n    tableLayout: tableLayoutFormatHandler,\n    tableSpacing: tableSpacingFormatHandler,\n    textAlign: textAlignFormatHandler,\n    textColor: textColorFormatHandler,\n    textColorOnTableCell: textColorOnTableCellFormatHandler,\n    underline: underlineFormatHandler,\n    verticalAlign: verticalAlignFormatHandler,\n    whiteSpace: whiteSpaceFormatHandler,\n    wordBreak: wordBreakFormatHandler,\n};\n\nconst styleBasedSegmentFormats: (keyof FormatHandlerTypeMap)[] = [\n    'letterSpacing',\n    'fontFamily',\n    'fontSize',\n];\n\nconst elementBasedSegmentFormats: (keyof FormatHandlerTypeMap)[] = [\n    'strike',\n    'underline',\n    'superOrSubScript',\n    'italic',\n    'bold',\n];\nconst sharedBlockFormats: (keyof FormatHandlerTypeMap)[] = [\n    'direction',\n    'textAlign',\n    'lineHeight',\n    'whiteSpace',\n];\nconst sharedContainerFormats: (keyof FormatHandlerTypeMap)[] = [\n    'backgroundColor',\n    'margin',\n    'padding',\n    'border',\n];\n\nconst defaultFormatKeysPerCategory: {\n    [key in keyof ContentModelFormatMap]: (keyof FormatHandlerTypeMap)[];\n} = {\n    block: sharedBlockFormats,\n    listItem: ['listItemThread', 'listItemMetadata'],\n    listItemElement: [...sharedBlockFormats, 'direction', 'textAlign', 'lineHeight', 'margin'],\n    listLevel: [\n        'listType',\n        'listLevelThread',\n        'listLevelMetadata',\n        'direction',\n        'textAlign',\n        'margin',\n        'padding',\n        'listStylePosition',\n        'backgroundColor',\n    ],\n    styleBasedSegment: [...styleBasedSegmentFormats, 'textColor', 'backgroundColor', 'lineHeight'],\n    elementBasedSegment: elementBasedSegmentFormats,\n    segment: [\n        ...styleBasedSegmentFormats,\n        ...elementBasedSegmentFormats,\n        'textColor',\n        'backgroundColor',\n        'lineHeight',\n    ],\n    segmentOnBlock: [...styleBasedSegmentFormats, ...elementBasedSegmentFormats, 'textColor'],\n    segmentOnTableCell: [\n        ...styleBasedSegmentFormats,\n        ...elementBasedSegmentFormats,\n        'textColorOnTableCell',\n    ],\n    tableCell: [\n        'border',\n        'backgroundColor',\n        'padding',\n        'verticalAlign',\n        'wordBreak',\n        'textColor',\n        'htmlAlign',\n        'size',\n    ],\n    tableRow: ['backgroundColor'],\n    table: [\n        'id',\n        'border',\n        'backgroundColor',\n        'display',\n        'htmlAlign',\n        'margin',\n        'size',\n        'tableLayout',\n    ],\n    tableBorder: ['borderBox', 'tableSpacing'],\n    tableCellBorder: ['borderBox'],\n    image: ['id', 'size', 'margin', 'padding', 'borderBox', 'border', 'boxShadow', 'display'],\n    link: [\n        'link',\n        'textColor',\n        'underline',\n        'display',\n        'margin',\n        'padding',\n        'backgroundColor',\n        'border',\n        'size',\n        'textAlign',\n    ],\n    segmentUnderLink: ['textColor'],\n    code: ['fontFamily', 'display'],\n    dataset: ['dataset'],\n    divider: [...sharedBlockFormats, ...sharedContainerFormats, 'display', 'size', 'htmlAlign'],\n    container: [...sharedContainerFormats, 'htmlAlign', 'size', 'display'],\n};\n\n/**\n * @internal\n */\nexport const defaultFormatParsers: FormatParsers = getObjectKeys(defaultFormatHandlerMap).reduce(\n    (result, key) => {\n        result[key] = defaultFormatHandlerMap[key].parse as FormatParser<any>;\n        return result;\n    },\n    <FormatParsers>{}\n);\n\n/**\n * @internal\n */\nexport const defaultFormatAppliers: FormatAppliers = getObjectKeys(defaultFormatHandlerMap).reduce(\n    (result, key) => {\n        result[key] = defaultFormatHandlerMap[key].apply as FormatApplier<any>;\n        return result;\n    },\n    <FormatAppliers>{}\n);\n\n/**\n * @internal\n */\nexport function getFormatParsers(\n    override: Partial<FormatParsers> = {},\n    additionalParsers: Partial<FormatParsersPerCategory> = {}\n): FormatParsersPerCategory {\n    return getObjectKeys(defaultFormatKeysPerCategory).reduce((result, key) => {\n        const value = defaultFormatKeysPerCategory[key]\n            .map(\n                formatKey =>\n                    (override[formatKey] === undefined\n                        ? defaultFormatParsers[formatKey]\n                        : override[formatKey]) as FormatParser<any>\n            )\n            .concat((additionalParsers[key] as FormatParser<any>[]) || []);\n\n        result[key] = value;\n\n        return result;\n    }, {} as FormatParsersPerCategory);\n}\n\n/**\n * @internal\n */\nexport function getFormatAppliers(\n    override: Partial<FormatAppliers> = {},\n    additionalAppliers: Partial<FormatAppliersPerCategory> = {}\n): FormatAppliersPerCategory {\n    return getObjectKeys(defaultFormatKeysPerCategory).reduce((result, key) => {\n        const value = defaultFormatKeysPerCategory[key]\n            .map(\n                formatKey =>\n                    (override[formatKey] === undefined\n                        ? defaultFormatAppliers[formatKey]\n                        : override[formatKey]) as FormatApplier<any>\n            )\n            .concat((additionalAppliers[key] as FormatApplier<any>[]) || []);\n\n        result[key] = value;\n\n        return result;\n    }, {} as FormatAppliersPerCategory);\n}\n"]}

package/lib/formatHandlers/list/listItemMetadataFormatHandler.d.ts

@@ -0,0 +1,11 @@
+import { FormatHandler } from '../FormatHandler';
+import { ListMetadataFormat } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const listItemMetadataFormatHandler: FormatHandler<ListMetadataFormat>;
+/**
+ * @internal
+ * Export for test only
+ */
+export declare function getOrderedListStyleValue(template: string | undefined, listNumber: number): string | undefined;

package/lib/formatHandlers/list/listItemMetadataFormatHandler.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getOrderedListStyleValue = exports.listItemMetadataFormatHandler = void 0;
+var tslib_1 = require("tslib");
+var roosterjs_editor_dom_1 = require("roosterjs-editor-dom");
+var isNodeOfType_1 = require("../../domUtils/isNodeOfType");
+var listLevelMetadataFormatHandler_1 = require("./listLevelMetadataFormatHandler");
+var OrderedMapPlaceholderRegex = /\$\{(\w+)\}/;
+var DefaultOrderedListStyles = ['decimal', 'lower-alpha', 'lower-roman'];
+var DefaultUnorderedListStyles = ['disc', 'circle', 'square'];
+var CharCodeOfA = 65;
+var RomanValues = {
+    M: 1000,
+    CM: 900,
+    D: 500,
+    CD: 400,
+    C: 100,
+    XC: 90,
+    L: 50,
+    XL: 40,
+    X: 10,
+    IX: 9,
+    V: 5,
+    IV: 4,
+    I: 1,
+};
+/**
+ * @internal
+ */
+exports.listItemMetadataFormatHandler = {
+    parse: function () {
+        // TODO: Handle list style override
+    },
+    apply: function (format, element, context) {
+        var _a, _b;
+        var parent = element.parentNode;
+        var depth = context.listFormat.nodeStack.length - 2; // Minus two for the parent element and convert length to index
+        if (depth >= 0 && (0, isNodeOfType_1.isNodeOfType)(parent, 1 /* Element */) && !parent.style.listStyleType) {
+            var parentTag = (0, roosterjs_editor_dom_1.getTagOfNode)(parent);
+            var style = parentTag == 'OL'
+                ? (_a = getOrderedListStyleValue(listLevelMetadataFormatHandler_1.OrderedMap[format.orderedStyleType], context.listFormat.threadItemCounts[depth])) !== null && _a !== void 0 ? _a : DefaultOrderedListStyles[depth % DefaultOrderedListStyles.length]
+                : (_b = listLevelMetadataFormatHandler_1.UnorderedMap[format.unorderedStyleType]) !== null && _b !== void 0 ? _b : DefaultUnorderedListStyles[depth % DefaultUnorderedListStyles.length];
+            if (style && (depth > 0 || (style != 'decimal' && style != 'disc'))) {
+                element.style.listStyleType = style;
+            }
+        }
+    },
+};
+/**
+ * @internal
+ * Export for test only
+ */
+function getOrderedListStyleValue(template, listNumber) {
+    return template
+        ? template.replace(OrderedMapPlaceholderRegex, function (match, subStr) {
+            switch (subStr) {
+                case 'Number':
+                    return listNumber + '';
+                case 'LowerAlpha':
+                    return convertDecimalsToAlpha(listNumber, true /*isLowerCase*/);
+                case 'UpperAlpha':
+                    return convertDecimalsToAlpha(listNumber, false /*isLowerCase*/);
+                case 'LowerRoman':
+                    return convertDecimalsToRoman(listNumber, true /*isLowerCase*/);
+                case 'UpperRoman':
+                    return convertDecimalsToRoman(listNumber, false /*isLowerCase*/);
+            }
+            return '';
+        })
+        : undefined;
+}
+exports.getOrderedListStyleValue = getOrderedListStyleValue;
+function convertDecimalsToAlpha(decimal, isLowerCase) {
+    var alpha = '';
+    decimal--;
+    while (decimal >= 0) {
+        alpha = String.fromCharCode((decimal % 26) + CharCodeOfA) + alpha;
+        decimal = Math.floor(decimal / 26) - 1;
+    }
+    return isLowerCase ? alpha.toLowerCase() : alpha;
+}
+function convertDecimalsToRoman(decimal, isLowerCase) {
+    var e_1, _a;
+    var romanValue = '';
+    try {
+        for (var _b = (0, tslib_1.__values)((0, roosterjs_editor_dom_1.getObjectKeys)(RomanValues)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var i = _c.value;
+            var timesRomanCharAppear = Math.floor(decimal / RomanValues[i]);
+            decimal = decimal - timesRomanCharAppear * RomanValues[i];
+            romanValue = romanValue + i.repeat(timesRomanCharAppear);
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return isLowerCase ? romanValue.toLocaleLowerCase() : romanValue;
+}
+//# sourceMappingURL=listItemMetadataFormatHandler.js.map