roosterjs-content-model-dom 0.10.0

package/lib-mjs/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-mjs/formatHandlers/common/datasetFormatHandler.js

@@ -0,0 +1,18 @@
+import { getObjectKeys } from 'roosterjs-editor-dom';
+/**
+ * @internal
+ */
+export var datasetFormatHandler = {
+    parse: function (format, element) {
+        var dataset = element.dataset;
+        getObjectKeys(dataset).forEach(function (key) {
+            format[key] = dataset[key] || '';
+        });
+    },
+    apply: function (format, element) {
+        getObjectKeys(format).forEach(function (key) {
+            element.dataset[key] = format[key];
+        });
+    },
+};
+//# sourceMappingURL=datasetFormatHandler.js.map

package/lib-mjs/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,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD;;GAEG;AACH,MAAM,CAAC,IAAM,oBAAoB,GAAiC;IAC9D,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;QAEhC,aAAa,CAAC,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,aAAa,CAAC,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-mjs/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-mjs/formatHandlers/common/idFormatHandler.js

@@ -0,0 +1,16 @@
+/**
+ * @internal
+ */
+export var 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-mjs/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;AACH,MAAM,CAAC,IAAM,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-mjs/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-mjs/formatHandlers/common/sizeFormatHandler.js

@@ -0,0 +1,62 @@
+var PercentageRegex = /[\d\.]+%/;
+/**
+ * @internal
+ */
+export var 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-mjs/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;AACH,MAAM,CAAC,IAAM,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-mjs/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-mjs/formatHandlers/common/verticalAlignFormatHandler.js

@@ -0,0 +1,28 @@
+/**
+ * @internal
+ */
+export var 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-mjs/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;AACH,MAAM,CAAC,IAAM,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-mjs/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-mjs/formatHandlers/common/wordBreakFormatHandler.js

@@ -0,0 +1,17 @@
+/**
+ * @internal
+ */
+export var 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-mjs/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;AACH,MAAM,CAAC,IAAM,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-mjs/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-mjs/formatHandlers/defaultFormatHandlers.js

@@ -0,0 +1,219 @@
+import { __read, __spreadArray } from "tslib";
+import { backgroundColorFormatHandler } from './common/backgroundColorFormatHandler';
+import { boldFormatHandler } from './segment/boldFormatHandler';
+import { borderBoxFormatHandler } from './common/borderBoxFormatHandler';
+import { borderFormatHandler } from './common/borderFormatHandler';
+import { boxShadowFormatHandler } from './common/boxShadowFormatHandler';
+import { datasetFormatHandler } from './common/datasetFormatHandler';
+import { directionFormatHandler } from './block/directionFormatHandler';
+import { displayFormatHandler } from './block/displayFormatHandler';
+import { fontFamilyFormatHandler } from './segment/fontFamilyFormatHandler';
+import { fontSizeFormatHandler } from './segment/fontSizeFormatHandler';
+import { getObjectKeys } from 'roosterjs-editor-dom';
+import { htmlAlignFormatHandler } from './block/htmlAlignFormatHandler';
+import { idFormatHandler } from './common/idFormatHandler';
+import { italicFormatHandler } from './segment/italicFormatHandler';
+import { letterSpacingFormatHandler } from './segment/letterSpacingFormatHandler';
+import { lineHeightFormatHandler } from './block/lineHeightFormatHandler';
+import { linkFormatHandler } from './segment/linkFormatHandler';
+import { listItemMetadataFormatHandler } from './list/listItemMetadataFormatHandler';
+import { listItemThreadFormatHandler } from './list/listItemThreadFormatHandler';
+import { listLevelMetadataFormatHandler } from './list/listLevelMetadataFormatHandler';
+import { listLevelThreadFormatHandler } from './list/listLevelThreadFormatHandler';
+import { listStylePositionFormatHandler } from './list/listStylePositionFormatHandler';
+import { listTypeFormatHandler } from './list/listTypeFormatHandler';
+import { marginFormatHandler } from './block/marginFormatHandler';
+import { paddingFormatHandler } from './block/paddingFormatHandler';
+import { sizeFormatHandler } from './common/sizeFormatHandler';
+import { strikeFormatHandler } from './segment/strikeFormatHandler';
+import { superOrSubScriptFormatHandler } from './segment/superOrSubScriptFormatHandler';
+import { tableLayoutFormatHandler } from './table/tableLayoutFormatHandler';
+import { tableSpacingFormatHandler } from './table/tableSpacingFormatHandler';
+import { textAlignFormatHandler } from './block/textAlignFormatHandler';
+import { textColorFormatHandler } from './segment/textColorFormatHandler';
+import { textColorOnTableCellFormatHandler } from './table/textColorOnTableCellFormatHandler';
+import { underlineFormatHandler } from './segment/underlineFormatHandler';
+import { verticalAlignFormatHandler } from './common/verticalAlignFormatHandler';
+import { whiteSpaceFormatHandler } from './block/whiteSpaceFormatHandler';
+import { wordBreakFormatHandler } from './common/wordBreakFormatHandler';
+var defaultFormatHandlerMap = {
+    backgroundColor: backgroundColorFormatHandler,
+    bold: boldFormatHandler,
+    border: borderFormatHandler,
+    borderBox: borderBoxFormatHandler,
+    boxShadow: boxShadowFormatHandler,
+    dataset: datasetFormatHandler,
+    direction: directionFormatHandler,
+    display: displayFormatHandler,
+    fontFamily: fontFamilyFormatHandler,
+    fontSize: fontSizeFormatHandler,
+    htmlAlign: htmlAlignFormatHandler,
+    id: idFormatHandler,
+    italic: italicFormatHandler,
+    letterSpacing: letterSpacingFormatHandler,
+    lineHeight: lineHeightFormatHandler,
+    link: linkFormatHandler,
+    listItemMetadata: listItemMetadataFormatHandler,
+    listItemThread: listItemThreadFormatHandler,
+    listLevelMetadata: listLevelMetadataFormatHandler,
+    listLevelThread: listLevelThreadFormatHandler,
+    listStylePosition: listStylePositionFormatHandler,
+    listType: listTypeFormatHandler,
+    margin: marginFormatHandler,
+    padding: paddingFormatHandler,
+    size: sizeFormatHandler,
+    strike: strikeFormatHandler,
+    superOrSubScript: superOrSubScriptFormatHandler,
+    tableLayout: tableLayoutFormatHandler,
+    tableSpacing: tableSpacingFormatHandler,
+    textAlign: textAlignFormatHandler,
+    textColor: textColorFormatHandler,
+    textColorOnTableCell: textColorOnTableCellFormatHandler,
+    underline: underlineFormatHandler,
+    verticalAlign: verticalAlignFormatHandler,
+    whiteSpace: whiteSpaceFormatHandler,
+    wordBreak: 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: __spreadArray(__spreadArray([], __read(sharedBlockFormats), false), ['direction', 'textAlign', 'lineHeight', 'margin'], false),
+    listLevel: [
+        'listType',
+        'listLevelThread',
+        'listLevelMetadata',
+        'direction',
+        'textAlign',
+        'margin',
+        'padding',
+        'listStylePosition',
+        'backgroundColor',
+    ],
+    styleBasedSegment: __spreadArray(__spreadArray([], __read(styleBasedSegmentFormats), false), ['textColor', 'backgroundColor', 'lineHeight'], false),
+    elementBasedSegment: elementBasedSegmentFormats,
+    segment: __spreadArray(__spreadArray(__spreadArray([], __read(styleBasedSegmentFormats), false), __read(elementBasedSegmentFormats), false), [
+        'textColor',
+        'backgroundColor',
+        'lineHeight',
+    ], false),
+    segmentOnBlock: __spreadArray(__spreadArray(__spreadArray([], __read(styleBasedSegmentFormats), false), __read(elementBasedSegmentFormats), false), ['textColor'], false),
+    segmentOnTableCell: __spreadArray(__spreadArray(__spreadArray([], __read(styleBasedSegmentFormats), false), __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: __spreadArray(__spreadArray(__spreadArray([], __read(sharedBlockFormats), false), __read(sharedContainerFormats), false), ['display', 'size', 'htmlAlign'], false),
+    container: __spreadArray(__spreadArray([], __read(sharedContainerFormats), false), ['htmlAlign', 'size', 'display'], false),
+};
+/**
+ * @internal
+ */
+export var defaultFormatParsers = getObjectKeys(defaultFormatHandlerMap).reduce(function (result, key) {
+    result[key] = defaultFormatHandlerMap[key].parse;
+    return result;
+}, {});
+/**
+ * @internal
+ */
+export var defaultFormatAppliers = getObjectKeys(defaultFormatHandlerMap).reduce(function (result, key) {
+    result[key] = defaultFormatHandlerMap[key].apply;
+    return result;
+}, {});
+/**
+ * @internal
+ */
+export function getFormatParsers(override, additionalParsers) {
+    if (override === void 0) { override = {}; }
+    if (additionalParsers === void 0) { additionalParsers = {}; }
+    return getObjectKeys(defaultFormatKeysPerCategory).reduce(function (result, key) {
+        var value = defaultFormatKeysPerCategory[key]
+            .map(function (formatKey) {
+            return (override[formatKey] === undefined
+                ? defaultFormatParsers[formatKey]
+                : override[formatKey]);
+        })
+            .concat(additionalParsers[key] || []);
+        result[key] = value;
+        return result;
+    }, {});
+}
+/**
+ * @internal
+ */
+export function getFormatAppliers(override, additionalAppliers) {
+    if (override === void 0) { override = {}; }
+    if (additionalAppliers === void 0) { additionalAppliers = {}; }
+    return getObjectKeys(defaultFormatKeysPerCategory).reduce(function (result, key) {
+        var value = defaultFormatKeysPerCategory[key]
+            .map(function (formatKey) {
+            return (override[formatKey] === undefined
+                ? defaultFormatAppliers[formatKey]
+                : override[formatKey]);
+        })
+            .concat(additionalAppliers[key] || []);
+        result[key] = value;
+        return result;
+    }, {});
+}
+//# sourceMappingURL=defaultFormatHandlers.js.map

package/lib-mjs/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-mjs/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-mjs/formatHandlers/list/listItemMetadataFormatHandler.js

@@ -0,0 +1,98 @@
+import { __values } from "tslib";
+import { getObjectKeys, getTagOfNode } from 'roosterjs-editor-dom';
+import { isNodeOfType } from '../../domUtils/isNodeOfType';
+import { OrderedMap, UnorderedMap } from './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
+ */
+export var 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 && isNodeOfType(parent, 1 /* Element */) && !parent.style.listStyleType) {
+            var parentTag = getTagOfNode(parent);
+            var style = parentTag == 'OL'
+                ? (_a = getOrderedListStyleValue(OrderedMap[format.orderedStyleType], context.listFormat.threadItemCounts[depth])) !== null && _a !== void 0 ? _a : DefaultOrderedListStyles[depth % DefaultOrderedListStyles.length]
+                : (_b = 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
+ */
+export 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;
+}
+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 = __values(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

package/lib-mjs/formatHandlers/list/listItemMetadataFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listItemMetadataFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/list/listItemMetadataFormatHandler.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { getObjectKeys, getTagOfNode } from 'roosterjs-editor-dom';\nimport { isNodeOfType } from '../../domUtils/isNodeOfType';\nimport { ListMetadataFormat } from 'roosterjs-content-model-types';\nimport { NodeType } from 'roosterjs-editor-types';\nimport { OrderedMap, UnorderedMap } from './listLevelMetadataFormatHandler';\n\nconst OrderedMapPlaceholderRegex = /\\$\\{(\\w+)\\}/;\nconst DefaultOrderedListStyles = ['decimal', 'lower-alpha', 'lower-roman'];\nconst DefaultUnorderedListStyles = ['disc', 'circle', 'square'];\nconst CharCodeOfA = 65;\nconst RomanValues: Record<string, number> = {\n    M: 1000,\n    CM: 900,\n    D: 500,\n    CD: 400,\n    C: 100,\n    XC: 90,\n    L: 50,\n    XL: 40,\n    X: 10,\n    IX: 9,\n    V: 5,\n    IV: 4,\n    I: 1,\n};\n\n/**\n * @internal\n */\nexport const listItemMetadataFormatHandler: FormatHandler<ListMetadataFormat> = {\n    parse: () => {\n        // TODO: Handle list style override\n    },\n    apply: (format, element, context) => {\n        const parent = element.parentNode;\n        const depth = context.listFormat.nodeStack.length - 2; // Minus two for the parent element and convert length to index\n\n        if (depth >= 0 && isNodeOfType(parent, NodeType.Element) && !parent.style.listStyleType) {\n            const parentTag = getTagOfNode(parent);\n            const style =\n                parentTag == 'OL'\n                    ? getOrderedListStyleValue(\n                          OrderedMap[format.orderedStyleType!],\n                          context.listFormat.threadItemCounts[depth]\n                      ) ?? DefaultOrderedListStyles[depth % DefaultOrderedListStyles.length]\n                    : UnorderedMap[format.unorderedStyleType!] ??\n                      DefaultUnorderedListStyles[depth % DefaultUnorderedListStyles.length];\n\n            if (style && (depth > 0 || (style != 'decimal' && style != 'disc'))) {\n                element.style.listStyleType = style;\n            }\n        }\n    },\n};\n\n/**\n * @internal\n * Export for test only\n */\nexport function getOrderedListStyleValue(\n    template: string | undefined,\n    listNumber: number\n): string | undefined {\n    return template\n        ? template.replace(OrderedMapPlaceholderRegex, (match, subStr) => {\n              switch (subStr) {\n                  case 'Number':\n                      return listNumber + '';\n                  case 'LowerAlpha':\n                      return convertDecimalsToAlpha(listNumber, true /*isLowerCase*/);\n                  case 'UpperAlpha':\n                      return convertDecimalsToAlpha(listNumber, false /*isLowerCase*/);\n                  case 'LowerRoman':\n                      return convertDecimalsToRoman(listNumber, true /*isLowerCase*/);\n                  case 'UpperRoman':\n                      return convertDecimalsToRoman(listNumber, false /*isLowerCase*/);\n              }\n\n              return '';\n          })\n        : undefined;\n}\n\nfunction convertDecimalsToAlpha(decimal: number, isLowerCase?: boolean): string {\n    let alpha = '';\n    decimal--;\n\n    while (decimal >= 0) {\n        alpha = String.fromCharCode((decimal % 26) + CharCodeOfA) + alpha;\n        decimal = Math.floor(decimal / 26) - 1;\n    }\n    return isLowerCase ? alpha.toLowerCase() : alpha;\n}\n\nfunction convertDecimalsToRoman(decimal: number, isLowerCase?: boolean) {\n    let romanValue = '';\n    for (let i of getObjectKeys(RomanValues)) {\n        let timesRomanCharAppear = Math.floor(decimal / RomanValues[i]);\n        decimal = decimal - timesRomanCharAppear * RomanValues[i];\n        romanValue = romanValue + i.repeat(timesRomanCharAppear);\n    }\n    return isLowerCase ? romanValue.toLocaleLowerCase() : romanValue;\n}\n"]}

package/lib-mjs/formatHandlers/list/listItemThreadFormatHandler.d.ts

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