roosterjs-content-model-dom 0.10.0

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

@@ -0,0 +1,22 @@
+define(["require", "exports"], function (require, exports) {
+    "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-amd/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":";;;;IAGA;;OAEG;IACU,QAAA,sBAAsB,GAAmC;QAClE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY;YACpC,IAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,IAAI,YAAY,CAAC,SAAS,CAAC;YAEpE,IAAI,SAAS,EAAE;gBACX,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;aAChC;QACL,CAAC;QACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,IAAI,MAAM,CAAC,SAAS,EAAE;gBAClB,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;aAC9C;QACL,CAAC;KACJ,CAAC","sourcesContent":["import { 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-amd/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-amd/formatHandlers/defaultFormatHandlers.js

@@ -0,0 +1,188 @@
+define(["require", "exports", "tslib", "./common/backgroundColorFormatHandler", "./segment/boldFormatHandler", "./common/borderBoxFormatHandler", "./common/borderFormatHandler", "./common/boxShadowFormatHandler", "./common/datasetFormatHandler", "./block/directionFormatHandler", "./block/displayFormatHandler", "./segment/fontFamilyFormatHandler", "./segment/fontSizeFormatHandler", "roosterjs-editor-dom", "./block/htmlAlignFormatHandler", "./common/idFormatHandler", "./segment/italicFormatHandler", "./segment/letterSpacingFormatHandler", "./block/lineHeightFormatHandler", "./segment/linkFormatHandler", "./list/listItemMetadataFormatHandler", "./list/listItemThreadFormatHandler", "./list/listLevelMetadataFormatHandler", "./list/listLevelThreadFormatHandler", "./list/listStylePositionFormatHandler", "./list/listTypeFormatHandler", "./block/marginFormatHandler", "./block/paddingFormatHandler", "./common/sizeFormatHandler", "./segment/strikeFormatHandler", "./segment/superOrSubScriptFormatHandler", "./table/tableLayoutFormatHandler", "./table/tableSpacingFormatHandler", "./block/textAlignFormatHandler", "./segment/textColorFormatHandler", "./table/textColorOnTableCellFormatHandler", "./segment/underlineFormatHandler", "./common/verticalAlignFormatHandler", "./block/whiteSpaceFormatHandler", "./common/wordBreakFormatHandler"], function (require, exports, tslib_1, backgroundColorFormatHandler_1, boldFormatHandler_1, borderBoxFormatHandler_1, borderFormatHandler_1, boxShadowFormatHandler_1, datasetFormatHandler_1, directionFormatHandler_1, displayFormatHandler_1, fontFamilyFormatHandler_1, fontSizeFormatHandler_1, roosterjs_editor_dom_1, htmlAlignFormatHandler_1, idFormatHandler_1, italicFormatHandler_1, letterSpacingFormatHandler_1, lineHeightFormatHandler_1, linkFormatHandler_1, listItemMetadataFormatHandler_1, listItemThreadFormatHandler_1, listLevelMetadataFormatHandler_1, listLevelThreadFormatHandler_1, listStylePositionFormatHandler_1, listTypeFormatHandler_1, marginFormatHandler_1, paddingFormatHandler_1, sizeFormatHandler_1, strikeFormatHandler_1, superOrSubScriptFormatHandler_1, tableLayoutFormatHandler_1, tableSpacingFormatHandler_1, textAlignFormatHandler_1, textColorFormatHandler_1, textColorOnTableCellFormatHandler_1, underlineFormatHandler_1, verticalAlignFormatHandler_1, whiteSpaceFormatHandler_1, wordBreakFormatHandler_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getFormatAppliers = exports.getFormatParsers = exports.defaultFormatAppliers = exports.defaultFormatParsers = void 0;
+    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-amd/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-amd/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-amd/formatHandlers/list/listItemMetadataFormatHandler.js

@@ -0,0 +1,100 @@
+define(["require", "exports", "tslib", "roosterjs-editor-dom", "../../domUtils/isNodeOfType", "./listLevelMetadataFormatHandler"], function (require, exports, tslib_1, roosterjs_editor_dom_1, isNodeOfType_1, listLevelMetadataFormatHandler_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getOrderedListStyleValue = exports.listItemMetadataFormatHandler = void 0;
+    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

package/lib-amd/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-amd/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>;

package/lib-amd/formatHandlers/list/listItemThreadFormatHandler.js

@@ -0,0 +1,47 @@
+define(["require", "exports", "roosterjs-editor-dom"], function (require, exports, roosterjs_editor_dom_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.listItemThreadFormatHandler = void 0;
+    /**
+     * @internal
+     */
+    exports.listItemThreadFormatHandler = {
+        parse: function (format, element, context, defaultStyles) {
+            var listFormat = context.listFormat;
+            var depth = listFormat.levels.length;
+            var display = element.style.display || defaultStyles.display;
+            if (display && display != 'list-item') {
+                format.displayForDummyItem = display;
+            }
+            else if (isLiUnderOl(element) && depth > 0) {
+                listFormat.threadItemCounts[depth - 1]++;
+                listFormat.threadItemCounts.splice(depth);
+                listFormat.levels.forEach(function (level) {
+                    // Delete restart number so next list item doesn't need to have this value.
+                    // Then it will be treated as a continuous list item to the previous one
+                    delete level.startNumberOverride;
+                });
+            }
+        },
+        apply: function (format, element, context) {
+            var _a;
+            if (format.displayForDummyItem) {
+                element.style.display = format.displayForDummyItem;
+            }
+            else if (isLiUnderOl(element)) {
+                var listFormat = context.listFormat;
+                var threadItemCounts = listFormat.threadItemCounts;
+                var index = listFormat.nodeStack.length - 2; // The first one is always the parent of list, then minus another 1 to convert length to index
+                if (index >= 0) {
+                    threadItemCounts.splice(index + 1);
+                    threadItemCounts[index] = ((_a = threadItemCounts[index]) !== null && _a !== void 0 ? _a : 0) + 1;
+                }
+            }
+        },
+    };
+    function isLiUnderOl(element) {
+        return ((0, roosterjs_editor_dom_1.safeInstanceOf)(element, 'HTMLLIElement') &&
+            (0, roosterjs_editor_dom_1.safeInstanceOf)(element.parentNode, 'HTMLOListElement'));
+    }
+});
+//# sourceMappingURL=listItemThreadFormatHandler.js.map

package/lib-amd/formatHandlers/list/listItemThreadFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listItemThreadFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/list/listItemThreadFormatHandler.ts"],"names":[],"mappings":";;;;IAIA;;OAEG;IACU,QAAA,2BAA2B,GAAoC;QACxE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa;YACnC,IAAA,UAAU,GAAK,OAAO,WAAZ,CAAa;YAC/B,IAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC;YACvC,IAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,IAAI,aAAa,CAAC,OAAO,CAAC;YAE/D,IAAI,OAAO,IAAI,OAAO,IAAI,WAAW,EAAE;gBACnC,MAAM,CAAC,mBAAmB,GAAG,OAAO,CAAC;aACxC;iBAAM,IAAI,WAAW,CAAC,OAAO,CAAC,IAAI,KAAK,GAAG,CAAC,EAAE;gBAC1C,UAAU,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC;gBACzC,UAAU,CAAC,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC1C,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,UAAA,KAAK;oBAC3B,2EAA2E;oBAC3E,wEAAwE;oBACxE,OAAO,KAAK,CAAC,mBAAmB,CAAC;gBACrC,CAAC,CAAC,CAAC;aACN;QACL,CAAC;QACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;;YAC5B,IAAI,MAAM,CAAC,mBAAmB,EAAE;gBAC5B,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,mBAAmB,CAAC;aACtD;iBAAM,IAAI,WAAW,CAAC,OAAO,CAAC,EAAE;gBACrB,IAAA,UAAU,GAAK,OAAO,WAAZ,CAAa;gBACvB,IAAA,gBAAgB,GAAK,UAAU,iBAAf,CAAgB;gBACxC,IAAM,KAAK,GAAG,UAAU,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,8FAA8F;gBAE7I,IAAI,KAAK,IAAI,CAAC,EAAE;oBACZ,gBAAgB,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;oBACnC,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,MAAA,gBAAgB,CAAC,KAAK,CAAC,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAC;iBAChE;aACJ;QACL,CAAC;KACJ,CAAC;IAEF,SAAS,WAAW,CAAC,OAAoB;QACrC,OAAO,CACH,IAAA,qCAAc,EAAC,OAAO,EAAE,eAAe,CAAC;YACxC,IAAA,qCAAc,EAAC,OAAO,CAAC,UAAU,EAAE,kBAAkB,CAAC,CACzD,CAAC;IACN,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { ListThreadFormat } from 'roosterjs-content-model-types';\nimport { safeInstanceOf } from 'roosterjs-editor-dom';\n\n/**\n * @internal\n */\nexport const listItemThreadFormatHandler: FormatHandler<ListThreadFormat> = {\n    parse: (format, element, context, defaultStyles) => {\n        const { listFormat } = context;\n        const depth = listFormat.levels.length;\n        const display = element.style.display || defaultStyles.display;\n\n        if (display && display != 'list-item') {\n            format.displayForDummyItem = display;\n        } else if (isLiUnderOl(element) && depth > 0) {\n            listFormat.threadItemCounts[depth - 1]++;\n            listFormat.threadItemCounts.splice(depth);\n            listFormat.levels.forEach(level => {\n                // Delete restart number so next list item doesn't need to have this value.\n                // Then it will be treated as a continuous list item to the previous one\n                delete level.startNumberOverride;\n            });\n        }\n    },\n    apply: (format, element, context) => {\n        if (format.displayForDummyItem) {\n            element.style.display = format.displayForDummyItem;\n        } else if (isLiUnderOl(element)) {\n            const { listFormat } = context;\n            const { threadItemCounts } = listFormat;\n            const index = listFormat.nodeStack.length - 2; // The first one is always the parent of list, then minus another 1 to convert length to index\n\n            if (index >= 0) {\n                threadItemCounts.splice(index + 1);\n                threadItemCounts[index] = (threadItemCounts[index] ?? 0) + 1;\n            }\n        }\n    },\n};\n\nfunction isLiUnderOl(element: HTMLElement) {\n    return (\n        safeInstanceOf(element, 'HTMLLIElement') &&\n        safeInstanceOf(element.parentNode, 'HTMLOListElement')\n    );\n}\n"]}

package/lib-amd/formatHandlers/list/listLevelMetadataFormatHandler.d.ts

@@ -0,0 +1,15 @@
+import { BulletListType, NumberingListType } from 'roosterjs-editor-types';
+import { FormatHandler } from '../FormatHandler';
+import { ListMetadataFormat } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const OrderedMap: Record<NumberingListType, string>;
+/**
+ * @internal
+ */
+export declare const UnorderedMap: Record<BulletListType, string>;
+/**
+ * @internal
+ */
+export declare const listLevelMetadataFormatHandler: FormatHandler<ListMetadataFormat>;

package/lib-amd/formatHandlers/list/listLevelMetadataFormatHandler.js

@@ -0,0 +1,89 @@
+define(["require", "exports", "roosterjs-editor-dom"], function (require, exports, roosterjs_editor_dom_1) {
+    "use strict";
+    var _a, _b;
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.listLevelMetadataFormatHandler = exports.UnorderedMap = exports.OrderedMap = void 0;
+    /**
+     * @internal
+     */
+    exports.OrderedMap = (_a = {},
+        _a[1 /* Decimal */] = 'decimal',
+        _a[2 /* DecimalDash */] = '"${Number}- "',
+        _a[3 /* DecimalParenthesis */] = '"${Number}) "',
+        _a[4 /* DecimalDoubleParenthesis */] = '"(${Number}) "',
+        _a[5 /* LowerAlpha */] = 'lower-alpha',
+        _a[8 /* LowerAlphaDash */] = '"${LowerAlpha}- "',
+        _a[6 /* LowerAlphaParenthesis */] = '"${LowerAlpha}) "',
+        _a[7 /* LowerAlphaDoubleParenthesis */] = '"(${LowerAlpha}) "',
+        _a[9 /* UpperAlpha */] = 'upper-alpha',
+        _a[12 /* UpperAlphaDash */] = '"${UpperAlpha}- "',
+        _a[10 /* UpperAlphaParenthesis */] = '"${UpperAlpha}) "',
+        _a[11 /* UpperAlphaDoubleParenthesis */] = '"(${UpperAlpha}) "',
+        _a[13 /* LowerRoman */] = 'lower-roman',
+        _a[16 /* LowerRomanDash */] = '"${LowerRoman}- "',
+        _a[14 /* LowerRomanParenthesis */] = '"${LowerRoman}) "',
+        _a[15 /* LowerRomanDoubleParenthesis */] = '"(${LowerRoman}) "',
+        _a[17 /* UpperRoman */] = 'upper-roman',
+        _a[20 /* UpperRomanDash */] = '"${UpperRoman}- "',
+        _a[18 /* UpperRomanParenthesis */] = '"${UpperRoman}) "',
+        _a[19 /* UpperRomanDoubleParenthesis */] = '"(${UpperRoman}) "',
+        _a);
+    /**
+     * @internal
+     */
+    exports.UnorderedMap = (_b = {},
+        _b[1 /* Disc */] = 'disc',
+        _b[3 /* Square */] = '"∎ "',
+        _b[9 /* Circle */] = 'circle',
+        _b[2 /* Dash */] = '"- "',
+        _b[5 /* LongArrow */] = '"➔ "',
+        _b[8 /* DoubleLongArrow */] = '"➔ "',
+        _b[4 /* ShortArrow */] = '"➢ "',
+        _b[6 /* UnfilledArrow */] = '"➪ "',
+        _b[7 /* Hyphen */] = '"— "',
+        _b);
+    var OLTypeToStyleMap = {
+        '1': 'decimal',
+        a: 'lower-alpha',
+        A: 'upper-alpha',
+        i: 'lower-roman',
+        I: 'upper-roman',
+    };
+    /**
+     * @internal
+     */
+    exports.listLevelMetadataFormatHandler = {
+        parse: function (format, element) {
+            var listStyle = element.style.listStyleType ||
+                ((0, roosterjs_editor_dom_1.safeInstanceOf)(element, 'HTMLOListElement') && OLTypeToStyleMap[element.type]);
+            var tag = (0, roosterjs_editor_dom_1.getTagOfNode)(element);
+            if (listStyle) {
+                if (tag == 'OL' && format.orderedStyleType === undefined) {
+                    var value = getKeyFromValue(exports.OrderedMap, listStyle);
+                    format.orderedStyleType =
+                        typeof value === 'undefined' ? undefined : parseInt(value);
+                }
+                else if (tag == 'UL' && format.unorderedStyleType === undefined) {
+                    var value = getKeyFromValue(exports.UnorderedMap, listStyle);
+                    format.unorderedStyleType =
+                        typeof value === 'undefined' ? undefined : parseInt(value);
+                }
+            }
+        },
+        apply: function (format, element) {
+            var tag = (0, roosterjs_editor_dom_1.getTagOfNode)(element);
+            var listType = tag == 'OL'
+                ? exports.OrderedMap[format.orderedStyleType]
+                : exports.UnorderedMap[format.unorderedStyleType];
+            if (listType && listType.indexOf('"') < 0) {
+                element.style.listStyleType = listType;
+            }
+        },
+    };
+    function getKeyFromValue(map, value) {
+        var result = value === undefined ? undefined : (0, roosterjs_editor_dom_1.getObjectKeys)(map).filter(function (key) { return map[key] == value; })[0];
+        // During run time the key is always string
+        return result;
+    }
+});
+//# sourceMappingURL=listLevelMetadataFormatHandler.js.map

package/lib-amd/formatHandlers/list/listLevelMetadataFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listLevelMetadataFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/list/listLevelMetadataFormatHandler.ts"],"names":[],"mappings":"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","sourcesContent":["import { BulletListType, NumberingListType } from 'roosterjs-editor-types';\nimport { FormatHandler } from '../FormatHandler';\nimport { getObjectKeys, getTagOfNode, safeInstanceOf } from 'roosterjs-editor-dom';\nimport { ListMetadataFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const OrderedMap: Record<NumberingListType, string> = {\n    [NumberingListType.Decimal]: 'decimal',\n    [NumberingListType.DecimalDash]: '\"${Number}- \"',\n    [NumberingListType.DecimalParenthesis]: '\"${Number}) \"',\n    [NumberingListType.DecimalDoubleParenthesis]: '\"(${Number}) \"',\n    [NumberingListType.LowerAlpha]: 'lower-alpha',\n    [NumberingListType.LowerAlphaDash]: '\"${LowerAlpha}- \"',\n    [NumberingListType.LowerAlphaParenthesis]: '\"${LowerAlpha}) \"',\n    [NumberingListType.LowerAlphaDoubleParenthesis]: '\"(${LowerAlpha}) \"',\n    [NumberingListType.UpperAlpha]: 'upper-alpha',\n    [NumberingListType.UpperAlphaDash]: '\"${UpperAlpha}- \"',\n    [NumberingListType.UpperAlphaParenthesis]: '\"${UpperAlpha}) \"',\n    [NumberingListType.UpperAlphaDoubleParenthesis]: '\"(${UpperAlpha}) \"',\n    [NumberingListType.LowerRoman]: 'lower-roman',\n    [NumberingListType.LowerRomanDash]: '\"${LowerRoman}- \"',\n    [NumberingListType.LowerRomanParenthesis]: '\"${LowerRoman}) \"',\n    [NumberingListType.LowerRomanDoubleParenthesis]: '\"(${LowerRoman}) \"',\n    [NumberingListType.UpperRoman]: 'upper-roman',\n    [NumberingListType.UpperRomanDash]: '\"${UpperRoman}- \"',\n    [NumberingListType.UpperRomanParenthesis]: '\"${UpperRoman}) \"',\n    [NumberingListType.UpperRomanDoubleParenthesis]: '\"(${UpperRoman}) \"',\n};\n\n/**\n * @internal\n */\nexport const UnorderedMap: Record<BulletListType, string> = {\n    [BulletListType.Disc]: 'disc',\n    [BulletListType.Square]: '\"∎ \"',\n    [BulletListType.Circle]: 'circle',\n    [BulletListType.Dash]: '\"- \"',\n    [BulletListType.LongArrow]: '\"➔ \"',\n    [BulletListType.DoubleLongArrow]: '\"➔ \"',\n    [BulletListType.ShortArrow]: '\"➢ \"',\n    [BulletListType.UnfilledArrow]: '\"➪ \"',\n    [BulletListType.Hyphen]: '\"— \"',\n};\n\nconst OLTypeToStyleMap: Record<string, string> = {\n    '1': 'decimal',\n    a: 'lower-alpha',\n    A: 'upper-alpha',\n    i: 'lower-roman',\n    I: 'upper-roman',\n};\n\n/**\n * @internal\n */\nexport const listLevelMetadataFormatHandler: FormatHandler<ListMetadataFormat> = {\n    parse: (format, element) => {\n        const listStyle =\n            element.style.listStyleType ||\n            (safeInstanceOf(element, 'HTMLOListElement') && OLTypeToStyleMap[element.type]);\n        const tag = getTagOfNode(element);\n\n        if (listStyle) {\n            if (tag == 'OL' && format.orderedStyleType === undefined) {\n                const value = getKeyFromValue(OrderedMap, listStyle);\n                format.orderedStyleType =\n                    typeof value === 'undefined' ? undefined : parseInt(value);\n            } else if (tag == 'UL' && format.unorderedStyleType === undefined) {\n                const value = getKeyFromValue(UnorderedMap, listStyle);\n                format.unorderedStyleType =\n                    typeof value === 'undefined' ? undefined : parseInt(value);\n            }\n        }\n    },\n    apply: (format, element) => {\n        const tag = getTagOfNode(element);\n        const listType =\n            tag == 'OL'\n                ? OrderedMap[format.orderedStyleType!]\n                : UnorderedMap[format.unorderedStyleType!];\n\n        if (listType && listType.indexOf('\"') < 0) {\n            element.style.listStyleType = listType;\n        }\n    },\n};\n\nfunction getKeyFromValue<K extends string | number, V>(\n    map: Record<K, V>,\n    value: V | undefined\n): string | undefined {\n    const result =\n        value === undefined ? undefined : getObjectKeys(map).filter(key => map[key] == value)[0];\n\n    // During run time the key is always string\n    return (result as any) as string | undefined;\n}\n"]}

package/lib-amd/formatHandlers/list/listLevelThreadFormatHandler.d.ts

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