roosterjs-content-model-dom 0.10.0

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

@@ -0,0 +1,43 @@
+import { safeInstanceOf } from 'roosterjs-editor-dom';
+/**
+ * @internal
+ */
+export var 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 (safeInstanceOf(element, 'HTMLLIElement') &&
+        safeInstanceOf(element.parentNode, 'HTMLOListElement'));
+}
+//# sourceMappingURL=listItemThreadFormatHandler.js.map

package/lib-mjs/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":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD;;GAEG;AACH,MAAM,CAAC,IAAM,2BAA2B,GAAoC;IACxE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa;QACnC,IAAA,UAAU,GAAK,OAAO,WAAZ,CAAa;QAC/B,IAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC;QACvC,IAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,IAAI,aAAa,CAAC,OAAO,CAAC;QAE/D,IAAI,OAAO,IAAI,OAAO,IAAI,WAAW,EAAE;YACnC,MAAM,CAAC,mBAAmB,GAAG,OAAO,CAAC;SACxC;aAAM,IAAI,WAAW,CAAC,OAAO,CAAC,IAAI,KAAK,GAAG,CAAC,EAAE;YAC1C,UAAU,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC;YACzC,UAAU,CAAC,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC1C,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,UAAA,KAAK;gBAC3B,2EAA2E;gBAC3E,wEAAwE;gBACxE,OAAO,KAAK,CAAC,mBAAmB,CAAC;YACrC,CAAC,CAAC,CAAC;SACN;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;;QAC5B,IAAI,MAAM,CAAC,mBAAmB,EAAE;YAC5B,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,mBAAmB,CAAC;SACtD;aAAM,IAAI,WAAW,CAAC,OAAO,CAAC,EAAE;YACrB,IAAA,UAAU,GAAK,OAAO,WAAZ,CAAa;YACvB,IAAA,gBAAgB,GAAK,UAAU,iBAAf,CAAgB;YACxC,IAAM,KAAK,GAAG,UAAU,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,8FAA8F;YAE7I,IAAI,KAAK,IAAI,CAAC,EAAE;gBACZ,gBAAgB,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;gBACnC,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,MAAA,gBAAgB,CAAC,KAAK,CAAC,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAC;aAChE;SACJ;IACL,CAAC;CACJ,CAAC;AAEF,SAAS,WAAW,CAAC,OAAoB;IACrC,OAAO,CACH,cAAc,CAAC,OAAO,EAAE,eAAe,CAAC;QACxC,cAAc,CAAC,OAAO,CAAC,UAAU,EAAE,kBAAkB,CAAC,CACzD,CAAC;AACN,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-mjs/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-mjs/formatHandlers/list/listLevelMetadataFormatHandler.js

@@ -0,0 +1,85 @@
+var _a, _b;
+import { getObjectKeys, getTagOfNode, safeInstanceOf } from 'roosterjs-editor-dom';
+/**
+ * @internal
+ */
+export var 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
+ */
+export var 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
+ */
+export var listLevelMetadataFormatHandler = {
+    parse: function (format, element) {
+        var listStyle = element.style.listStyleType ||
+            (safeInstanceOf(element, 'HTMLOListElement') && OLTypeToStyleMap[element.type]);
+        var tag = getTagOfNode(element);
+        if (listStyle) {
+            if (tag == 'OL' && format.orderedStyleType === undefined) {
+                var value = getKeyFromValue(OrderedMap, listStyle);
+                format.orderedStyleType =
+                    typeof value === 'undefined' ? undefined : parseInt(value);
+            }
+            else if (tag == 'UL' && format.unorderedStyleType === undefined) {
+                var value = getKeyFromValue(UnorderedMap, listStyle);
+                format.unorderedStyleType =
+                    typeof value === 'undefined' ? undefined : parseInt(value);
+            }
+        }
+    },
+    apply: function (format, element) {
+        var tag = getTagOfNode(element);
+        var listType = tag == 'OL'
+            ? OrderedMap[format.orderedStyleType]
+            : UnorderedMap[format.unorderedStyleType];
+        if (listType && listType.indexOf('"') < 0) {
+            element.style.listStyleType = listType;
+        }
+    },
+};
+function getKeyFromValue(map, value) {
+    var result = value === undefined ? undefined : 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-mjs/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-mjs/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>;

package/lib-mjs/formatHandlers/list/listLevelThreadFormatHandler.js

@@ -0,0 +1,34 @@
+import { safeInstanceOf } from 'roosterjs-editor-dom';
+/**
+ * @internal
+ */
+export var listLevelThreadFormatHandler = {
+    parse: function (format, element, context) {
+        if (safeInstanceOf(element, 'HTMLOListElement')) {
+            var listFormat = context.listFormat;
+            var threadItemCounts = listFormat.threadItemCounts, levels = listFormat.levels;
+            var depth = levels.length;
+            if (typeof threadItemCounts[depth] === 'number' &&
+                element.start != threadItemCounts[depth] + 1) {
+                format.startNumberOverride = element.start;
+            }
+            threadItemCounts[depth] = element.start - 1;
+        }
+    },
+    apply: function (format, element, context) {
+        var _a = context.listFormat, threadItemCounts = _a.threadItemCounts, nodeStack = _a.nodeStack;
+        var depth = nodeStack.length - 1; // The first one is always the parent of list
+        if (depth >= 0 && safeInstanceOf(element, 'HTMLOListElement')) {
+            var startNumber = format.startNumberOverride;
+            if (typeof startNumber === 'number') {
+                threadItemCounts[depth] = startNumber - 1;
+            }
+            else if (typeof threadItemCounts[depth] != 'number') {
+                threadItemCounts[depth] = 0;
+            }
+            threadItemCounts.splice(depth + 1);
+            element.start = threadItemCounts[depth] + 1;
+        }
+    },
+};
+//# sourceMappingURL=listLevelThreadFormatHandler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"listLevelThreadFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/list/listLevelThreadFormatHandler.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD;;GAEG;AACH,MAAM,CAAC,IAAM,4BAA4B,GAAoC;IACzE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;QAC5B,IAAI,cAAc,CAAC,OAAO,EAAE,kBAAkB,CAAC,EAAE;YACrC,IAAA,UAAU,GAAK,OAAO,WAAZ,CAAa;YACvB,IAAA,gBAAgB,GAAa,UAAU,iBAAvB,EAAE,MAAM,GAAK,UAAU,OAAf,CAAgB;YAChD,IAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC;YAE5B,IACI,OAAO,gBAAgB,CAAC,KAAK,CAAC,KAAK,QAAQ;gBAC3C,OAAO,CAAC,KAAK,IAAI,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,EAC9C;gBACE,MAAM,CAAC,mBAAmB,GAAG,OAAO,CAAC,KAAK,CAAC;aAC9C;YAED,gBAAgB,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;SAC/C;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;QAExB,IAAA,KACA,OAAO,WADoC,EAA7B,gBAAgB,sBAAA,EAAE,SAAS,eAAE,CACnC;QACZ,IAAM,KAAK,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,6CAA6C;QAEjF,IAAI,KAAK,IAAI,CAAC,IAAI,cAAc,CAAC,OAAO,EAAE,kBAAkB,CAAC,EAAE;YAC3D,IAAM,WAAW,GAAG,MAAM,CAAC,mBAAmB,CAAC;YAE/C,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;gBACjC,gBAAgB,CAAC,KAAK,CAAC,GAAG,WAAW,GAAG,CAAC,CAAC;aAC7C;iBAAM,IAAI,OAAO,gBAAgB,CAAC,KAAK,CAAC,IAAI,QAAQ,EAAE;gBACnD,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;aAC/B;YAED,gBAAgB,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YACnC,OAAO,CAAC,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;SAC/C;IACL,CAAC;CACJ,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 listLevelThreadFormatHandler: FormatHandler<ListThreadFormat> = {\n    parse: (format, element, context) => {\n        if (safeInstanceOf(element, 'HTMLOListElement')) {\n            const { listFormat } = context;\n            const { threadItemCounts, levels } = listFormat;\n            const depth = levels.length;\n\n            if (\n                typeof threadItemCounts[depth] === 'number' &&\n                element.start != threadItemCounts[depth] + 1\n            ) {\n                format.startNumberOverride = element.start;\n            }\n\n            threadItemCounts[depth] = element.start - 1;\n        }\n    },\n    apply: (format, element, context) => {\n        const {\n            listFormat: { threadItemCounts, nodeStack },\n        } = context;\n        const depth = nodeStack.length - 1; // The first one is always the parent of list\n\n        if (depth >= 0 && safeInstanceOf(element, 'HTMLOListElement')) {\n            const startNumber = format.startNumberOverride;\n\n            if (typeof startNumber === 'number') {\n                threadItemCounts[depth] = startNumber - 1;\n            } else if (typeof threadItemCounts[depth] != 'number') {\n                threadItemCounts[depth] = 0;\n            }\n\n            threadItemCounts.splice(depth + 1);\n            element.start = threadItemCounts[depth] + 1;\n        }\n    },\n};\n"]}

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

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

package/lib-mjs/formatHandlers/list/listStylePositionFormatHandler.js

@@ -0,0 +1,17 @@
+/**
+ * @internal
+ */
+export var listStylePositionFormatHandler = {
+    parse: function (format, element) {
+        var listStylePosition = element.style.listStylePosition;
+        if (listStylePosition) {
+            format.listStylePosition = listStylePosition;
+        }
+    },
+    apply: function (format, element) {
+        if (format.listStylePosition) {
+            element.style.listStylePosition = format.listStylePosition;
+        }
+    },
+};
+//# sourceMappingURL=listStylePositionFormatHandler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"listStylePositionFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/list/listStylePositionFormatHandler.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,IAAM,8BAA8B,GAA2C;IAClF,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAM,iBAAiB,GAAG,OAAO,CAAC,KAAK,CAAC,iBAAiB,CAAC;QAE1D,IAAI,iBAAiB,EAAE;YACnB,MAAM,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;SAChD;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,MAAM,CAAC,iBAAiB,EAAE;YAC1B,OAAO,CAAC,KAAK,CAAC,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,CAAC;SAC9D;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { ListStylePositionFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const listStylePositionFormatHandler: FormatHandler<ListStylePositionFormat> = {\n    parse: (format, element) => {\n        const listStylePosition = element.style.listStylePosition;\n\n        if (listStylePosition) {\n            format.listStylePosition = listStylePosition;\n        }\n    },\n    apply: (format, element) => {\n        if (format.listStylePosition) {\n            element.style.listStylePosition = format.listStylePosition;\n        }\n    },\n};\n"]}

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

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

package/lib-mjs/formatHandlers/list/listTypeFormatHandler.js

@@ -0,0 +1,14 @@
+import { getTagOfNode } from 'roosterjs-editor-dom';
+/**
+ * @internal
+ */
+export var listTypeFormatHandler = {
+    parse: function (format, element) {
+        var tag = getTagOfNode(element);
+        if (tag == 'OL' || tag == 'UL') {
+            format.listType = tag;
+        }
+    },
+    apply: function () { },
+};
+//# sourceMappingURL=listTypeFormatHandler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"listTypeFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/list/listTypeFormatHandler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD;;GAEG;AACH,MAAM,CAAC,IAAM,qBAAqB,GAAkC;IAChE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAM,GAAG,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;QAElC,IAAI,GAAG,IAAI,IAAI,IAAI,GAAG,IAAI,IAAI,EAAE;YAC5B,MAAM,CAAC,QAAQ,GAAG,GAAG,CAAC;SACzB;IACL,CAAC;IACD,KAAK,EAAE,cAAO,CAAC;CAClB,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { getTagOfNode } from 'roosterjs-editor-dom';\nimport { ListTypeFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const listTypeFormatHandler: FormatHandler<ListTypeFormat> = {\n    parse: (format, element) => {\n        const tag = getTagOfNode(element);\n\n        if (tag == 'OL' || tag == 'UL') {\n            format.listType = tag;\n        }\n    },\n    apply: () => {},\n};\n"]}

package/lib-mjs/formatHandlers/root/rootDirectionFormatHandler.d.ts

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

package/lib-mjs/formatHandlers/root/rootDirectionFormatHandler.js

@@ -0,0 +1,14 @@
+/**
+ * @internal
+ */
+export var rootDirectionFormatHandler = {
+    parse: function (format, element) {
+        var _a;
+        var style = (_a = element.ownerDocument.defaultView) === null || _a === void 0 ? void 0 : _a.getComputedStyle(element);
+        if ((style === null || style === void 0 ? void 0 : style.direction) == 'rtl') {
+            format.direction = 'rtl';
+        }
+    },
+    apply: function () { },
+};
+//# sourceMappingURL=rootDirectionFormatHandler.js.map

package/lib-mjs/formatHandlers/root/rootDirectionFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rootDirectionFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/root/rootDirectionFormatHandler.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,IAAM,0BAA0B,GAAmC;IACtE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;;QACnB,IAAM,KAAK,GAAG,MAAA,OAAO,CAAC,aAAa,CAAC,WAAW,0CAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAE3E,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,KAAI,KAAK,EAAE;YAC3B,MAAM,CAAC,SAAS,GAAG,KAAK,CAAC;SAC5B;IACL,CAAC;IACD,KAAK,EAAE,cAAO,CAAC;CAClB,CAAC","sourcesContent":["import { DirectionFormat } from 'roosterjs-content-model-types';\nimport { FormatHandler } from '../FormatHandler';\n\n/**\n * @internal\n */\nexport const rootDirectionFormatHandler: FormatHandler<DirectionFormat> = {\n    parse: (format, element) => {\n        const style = element.ownerDocument.defaultView?.getComputedStyle(element);\n\n        if (style?.direction == 'rtl') {\n            format.direction = 'rtl';\n        }\n    },\n    apply: () => {},\n};\n"]}

package/lib-mjs/formatHandlers/root/zoomScaleFormatHandler.d.ts

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

package/lib-mjs/formatHandlers/root/zoomScaleFormatHandler.js

@@ -0,0 +1,15 @@
+/**
+ * @internal
+ */
+export var zoomScaleFormatHandler = {
+    parse: function (format, element) {
+        var originalWidth = element.getBoundingClientRect().width;
+        var visualWidth = element.offsetWidth;
+        format.zoomScale =
+            visualWidth > 0 && originalWidth > 0
+                ? Math.round((originalWidth / visualWidth) * 100) / 100
+                : 1;
+    },
+    apply: function () { },
+};
+//# sourceMappingURL=zoomScaleFormatHandler.js.map

package/lib-mjs/formatHandlers/root/zoomScaleFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoomScaleFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/root/zoomScaleFormatHandler.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,IAAM,sBAAsB,GAAmC;IAClE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAM,aAAa,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;QAC5D,IAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;QAExC,MAAM,CAAC,SAAS;YACZ,WAAW,GAAG,CAAC,IAAI,aAAa,GAAG,CAAC;gBAChC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,aAAa,GAAG,WAAW,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG;gBACvD,CAAC,CAAC,CAAC,CAAC;IAChB,CAAC;IACD,KAAK,EAAE,cAAO,CAAC;CAClB,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { ZoomScaleFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const zoomScaleFormatHandler: FormatHandler<ZoomScaleFormat> = {\n    parse: (format, element) => {\n        const originalWidth = element.getBoundingClientRect().width;\n        const visualWidth = element.offsetWidth;\n\n        format.zoomScale =\n            visualWidth > 0 && originalWidth > 0\n                ? Math.round((originalWidth / visualWidth) * 100) / 100\n                : 1;\n    },\n    apply: () => {},\n};\n"]}

package/lib-mjs/formatHandlers/segment/boldFormatHandler.d.ts

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

package/lib-mjs/formatHandlers/segment/boldFormatHandler.js

@@ -0,0 +1,30 @@
+import { moveChildNodes } from 'roosterjs-editor-dom';
+/**
+ * @internal
+ */
+export var boldFormatHandler = {
+    parse: function (format, element, context, defaultStyle) {
+        var fontWeight = element.style.fontWeight || defaultStyle.fontWeight;
+        if (fontWeight) {
+            format.fontWeight = fontWeight;
+        }
+    },
+    apply: function (format, element, context) {
+        if (typeof format.fontWeight === 'undefined') {
+            return;
+        }
+        var blockFontWeight = context.implicitFormat.fontWeight;
+        if ((blockFontWeight && blockFontWeight != format.fontWeight) ||
+            (!blockFontWeight && format.fontWeight && format.fontWeight != 'normal')) {
+            if (format.fontWeight == 'bold') {
+                var b = element.ownerDocument.createElement('b');
+                moveChildNodes(b, element);
+                element.appendChild(b);
+            }
+            else {
+                element.style.fontWeight = format.fontWeight || 'normal';
+            }
+        }
+    },
+};
+//# sourceMappingURL=boldFormatHandler.js.map

package/lib-mjs/formatHandlers/segment/boldFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boldFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/segment/boldFormatHandler.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD;;GAEG;AACH,MAAM,CAAC,IAAM,iBAAiB,GAA8B;IACxD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;QAC1C,IAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,UAAU,IAAI,YAAY,CAAC,UAAU,CAAC;QAEvE,IAAI,UAAU,EAAE;YACZ,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;SAClC;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;QAC5B,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,WAAW,EAAE;YAC1C,OAAO;SACV;QAED,IAAM,eAAe,GAAG,OAAO,CAAC,cAAc,CAAC,UAAU,CAAC;QAE1D,IACI,CAAC,eAAe,IAAI,eAAe,IAAI,MAAM,CAAC,UAAU,CAAC;YACzD,CAAC,CAAC,eAAe,IAAI,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,UAAU,IAAI,QAAQ,CAAC,EAC1E;YACE,IAAI,MAAM,CAAC,UAAU,IAAI,MAAM,EAAE;gBAC7B,IAAM,CAAC,GAAG,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;gBACnD,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;gBAC3B,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;aAC1B;iBAAM;gBACH,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,QAAQ,CAAC;aAC5D;SACJ;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { BoldFormat } from 'roosterjs-content-model-types';\nimport { FormatHandler } from '../FormatHandler';\nimport { moveChildNodes } from 'roosterjs-editor-dom';\n\n/**\n * @internal\n */\nexport const boldFormatHandler: FormatHandler<BoldFormat> = {\n    parse: (format, element, context, defaultStyle) => {\n        const fontWeight = element.style.fontWeight || defaultStyle.fontWeight;\n\n        if (fontWeight) {\n            format.fontWeight = fontWeight;\n        }\n    },\n    apply: (format, element, context) => {\n        if (typeof format.fontWeight === 'undefined') {\n            return;\n        }\n\n        const blockFontWeight = context.implicitFormat.fontWeight;\n\n        if (\n            (blockFontWeight && blockFontWeight != format.fontWeight) ||\n            (!blockFontWeight && format.fontWeight && format.fontWeight != 'normal')\n        ) {\n            if (format.fontWeight == 'bold') {\n                const b = element.ownerDocument.createElement('b');\n                moveChildNodes(b, element);\n                element.appendChild(b);\n            } else {\n                element.style.fontWeight = format.fontWeight || 'normal';\n            }\n        }\n    },\n};\n"]}

package/lib-mjs/formatHandlers/segment/fontFamilyFormatHandler.d.ts

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

package/lib-mjs/formatHandlers/segment/fontFamilyFormatHandler.js

@@ -0,0 +1,17 @@
+/**
+ * @internal
+ */
+export var fontFamilyFormatHandler = {
+    parse: function (format, element, context, defaultStyle) {
+        var fontFamily = element.style.fontFamily || defaultStyle.fontFamily;
+        if (fontFamily && fontFamily != 'inherit') {
+            format.fontFamily = fontFamily;
+        }
+    },
+    apply: function (format, element, context) {
+        if (format.fontFamily && format.fontFamily != context.implicitFormat.fontFamily) {
+            element.style.fontFamily = format.fontFamily;
+        }
+    },
+};
+//# sourceMappingURL=fontFamilyFormatHandler.js.map

package/lib-mjs/formatHandlers/segment/fontFamilyFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontFamilyFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/segment/fontFamilyFormatHandler.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,IAAM,uBAAuB,GAAoC;IACpE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;QAC1C,IAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,UAAU,IAAI,YAAY,CAAC,UAAU,CAAC;QAEvE,IAAI,UAAU,IAAI,UAAU,IAAI,SAAS,EAAE;YACvC,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;SAClC;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;QAC5B,IAAI,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,UAAU,IAAI,OAAO,CAAC,cAAc,CAAC,UAAU,EAAE;YAC7E,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;SAChD;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { FontFamilyFormat } from 'roosterjs-content-model-types';\nimport { FormatHandler } from '../FormatHandler';\n\n/**\n * @internal\n */\nexport const fontFamilyFormatHandler: FormatHandler<FontFamilyFormat> = {\n    parse: (format, element, context, defaultStyle) => {\n        const fontFamily = element.style.fontFamily || defaultStyle.fontFamily;\n\n        if (fontFamily && fontFamily != 'inherit') {\n            format.fontFamily = fontFamily;\n        }\n    },\n    apply: (format, element, context) => {\n        if (format.fontFamily && format.fontFamily != context.implicitFormat.fontFamily) {\n            element.style.fontFamily = format.fontFamily;\n        }\n    },\n};\n"]}

package/lib-mjs/formatHandlers/segment/fontSizeFormatHandler.d.ts

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

package/lib-mjs/formatHandlers/segment/fontSizeFormatHandler.js

@@ -0,0 +1,21 @@
+import { isSuperOrSubScript } from './superOrSubScriptFormatHandler';
+/**
+ * @internal
+ */
+export var fontSizeFormatHandler = {
+    parse: function (format, element, context, defaultStyle) {
+        var fontSize = element.style.fontSize || defaultStyle.fontSize;
+        var verticalAlign = element.style.verticalAlign || defaultStyle.verticalAlign;
+        // when font size is 'smaller' and the style is for superscript/subscript,
+        // the font size will be handled by superOrSubScript handler
+        if (fontSize && !isSuperOrSubScript(fontSize, verticalAlign) && fontSize != 'inherit') {
+            format.fontSize = fontSize;
+        }
+    },
+    apply: function (format, element, context) {
+        if (format.fontSize && format.fontSize != context.implicitFormat.fontSize) {
+            element.style.fontSize = format.fontSize;
+        }
+    },
+};
+//# sourceMappingURL=fontSizeFormatHandler.js.map

package/lib-mjs/formatHandlers/segment/fontSizeFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontSizeFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/segment/fontSizeFormatHandler.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAErE;;GAEG;AACH,MAAM,CAAC,IAAM,qBAAqB,GAAkC;IAChE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;QAC1C,IAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,IAAI,YAAY,CAAC,QAAQ,CAAC;QACjE,IAAM,aAAa,GAAG,OAAO,CAAC,KAAK,CAAC,aAAa,IAAI,YAAY,CAAC,aAAa,CAAC;QAEhF,0EAA0E;QAC1E,4DAA4D;QAC5D,IAAI,QAAQ,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,aAAa,CAAC,IAAI,QAAQ,IAAI,SAAS,EAAE;YACnF,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC9B;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;QAC5B,IAAI,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,IAAI,OAAO,CAAC,cAAc,CAAC,QAAQ,EAAE;YACvE,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;SAC5C;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { FontSizeFormat } from 'roosterjs-content-model-types';\nimport { FormatHandler } from '../FormatHandler';\nimport { isSuperOrSubScript } from './superOrSubScriptFormatHandler';\n\n/**\n * @internal\n */\nexport const fontSizeFormatHandler: FormatHandler<FontSizeFormat> = {\n    parse: (format, element, context, defaultStyle) => {\n        const fontSize = element.style.fontSize || defaultStyle.fontSize;\n        const verticalAlign = element.style.verticalAlign || defaultStyle.verticalAlign;\n\n        // when font size is 'smaller' and the style is for superscript/subscript,\n        // the font size will be handled by superOrSubScript handler\n        if (fontSize && !isSuperOrSubScript(fontSize, verticalAlign) && fontSize != 'inherit') {\n            format.fontSize = fontSize;\n        }\n    },\n    apply: (format, element, context) => {\n        if (format.fontSize && format.fontSize != context.implicitFormat.fontSize) {\n            element.style.fontSize = format.fontSize;\n        }\n    },\n};\n"]}

package/lib-mjs/formatHandlers/segment/italicFormatHandler.d.ts

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

package/lib-mjs/formatHandlers/segment/italicFormatHandler.js

@@ -0,0 +1,32 @@
+import { moveChildNodes } from 'roosterjs-editor-dom';
+/**
+ * @internal
+ */
+export var italicFormatHandler = {
+    parse: function (format, element, context, defaultStyle) {
+        var fontStyle = element.style.fontStyle || defaultStyle.fontStyle;
+        if (fontStyle == 'italic' || fontStyle == 'oblique') {
+            format.italic = true;
+        }
+        else if (fontStyle == 'initial' || fontStyle == 'normal') {
+            format.italic = false;
+        }
+    },
+    apply: function (format, element, context) {
+        if (typeof format.italic === 'undefined') {
+            return;
+        }
+        var implicitItalic = context.implicitFormat.italic;
+        if (!!implicitItalic != !!format.italic) {
+            if (format.italic) {
+                var i = element.ownerDocument.createElement('i');
+                moveChildNodes(i, element);
+                element.appendChild(i);
+            }
+            else {
+                element.style.fontStyle = 'normal';
+            }
+        }
+    },
+};
+//# sourceMappingURL=italicFormatHandler.js.map

package/lib-mjs/formatHandlers/segment/italicFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"italicFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/segment/italicFormatHandler.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD;;GAEG;AACH,MAAM,CAAC,IAAM,mBAAmB,GAAgC;IAC5D,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;QAC1C,IAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,IAAI,YAAY,CAAC,SAAS,CAAC;QAEpE,IAAI,SAAS,IAAI,QAAQ,IAAI,SAAS,IAAI,SAAS,EAAE;YACjD,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;SACxB;aAAM,IAAI,SAAS,IAAI,SAAS,IAAI,SAAS,IAAI,QAAQ,EAAE;YACxD,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;SACzB;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;QAC5B,IAAI,OAAO,MAAM,CAAC,MAAM,KAAK,WAAW,EAAE;YACtC,OAAO;SACV;QAED,IAAM,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC;QAErD,IAAI,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE;YACrC,IAAI,MAAM,CAAC,MAAM,EAAE;gBACf,IAAM,CAAC,GAAG,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;gBACnD,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;gBAC3B,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;aAC1B;iBAAM;gBACH,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;aACtC;SACJ;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { ItalicFormat } from 'roosterjs-content-model-types';\nimport { moveChildNodes } from 'roosterjs-editor-dom';\n\n/**\n * @internal\n */\nexport const italicFormatHandler: FormatHandler<ItalicFormat> = {\n    parse: (format, element, context, defaultStyle) => {\n        const fontStyle = element.style.fontStyle || defaultStyle.fontStyle;\n\n        if (fontStyle == 'italic' || fontStyle == 'oblique') {\n            format.italic = true;\n        } else if (fontStyle == 'initial' || fontStyle == 'normal') {\n            format.italic = false;\n        }\n    },\n    apply: (format, element, context) => {\n        if (typeof format.italic === 'undefined') {\n            return;\n        }\n\n        const implicitItalic = context.implicitFormat.italic;\n\n        if (!!implicitItalic != !!format.italic) {\n            if (format.italic) {\n                const i = element.ownerDocument.createElement('i');\n                moveChildNodes(i, element);\n                element.appendChild(i);\n            } else {\n                element.style.fontStyle = 'normal';\n            }\n        }\n    },\n};\n"]}

package/lib-mjs/formatHandlers/segment/letterSpacingFormatHandler.d.ts

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

package/lib-mjs/formatHandlers/segment/letterSpacingFormatHandler.js

@@ -0,0 +1,17 @@
+/**
+ * @internal
+ */
+export var letterSpacingFormatHandler = {
+    parse: function (format, element, context, defaultStyle) {
+        var letterSpacing = element.style.letterSpacing || defaultStyle.letterSpacing;
+        if (letterSpacing) {
+            format.letterSpacing = letterSpacing;
+        }
+    },
+    apply: function (format, element, context) {
+        if (format.letterSpacing) {
+            element.style.letterSpacing = format.letterSpacing;
+        }
+    },
+};
+//# sourceMappingURL=letterSpacingFormatHandler.js.map

package/lib-mjs/formatHandlers/segment/letterSpacingFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"letterSpacingFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/segment/letterSpacingFormatHandler.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,IAAM,0BAA0B,GAAuC;IAC1E,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;QAC1C,IAAM,aAAa,GAAG,OAAO,CAAC,KAAK,CAAC,aAAa,IAAI,YAAY,CAAC,aAAa,CAAC;QAEhF,IAAI,aAAa,EAAE;YACf,MAAM,CAAC,aAAa,GAAG,aAAa,CAAC;SACxC;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;QAC5B,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 { LetterSpacingFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const letterSpacingFormatHandler: FormatHandler<LetterSpacingFormat> = {\n    parse: (format, element, context, defaultStyle) => {\n        const letterSpacing = element.style.letterSpacing || defaultStyle.letterSpacing;\n\n        if (letterSpacing) {\n            format.letterSpacing = letterSpacing;\n        }\n    },\n    apply: (format, element, context) => {\n        if (format.letterSpacing) {\n            element.style.letterSpacing = format.letterSpacing;\n        }\n    },\n};\n"]}

package/lib-mjs/formatHandlers/segment/linkFormatHandler.d.ts

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

package/lib-mjs/formatHandlers/segment/linkFormatHandler.js

@@ -0,0 +1,62 @@
+import { safeInstanceOf } from 'roosterjs-editor-dom';
+/**
+ * @internal
+ */
+export var linkFormatHandler = {
+    parse: function (format, element) {
+        if (safeInstanceOf(element, 'HTMLAnchorElement')) {
+            var name_1 = element.name;
+            var href = element.getAttribute('href'); // Use getAttribute to get original HREF but not the resolved absolute url
+            var target = element.target;
+            var rel = element.rel;
+            var id = element.id;
+            var className = element.className;
+            var title = element.title;
+            if (name_1) {
+                format.name = name_1;
+            }
+            if (href) {
+                format.href = href;
+            }
+            if (target) {
+                format.target = target;
+            }
+            if (id) {
+                format.anchorId = id;
+            }
+            if (rel) {
+                format.relationship = rel;
+            }
+            if (title) {
+                format.anchorTitle = title;
+            }
+            if (className) {
+                format.anchorClass = className;
+            }
+        }
+    },
+    apply: function (format, element) {
+        if (safeInstanceOf(element, 'HTMLAnchorElement') && format.href) {
+            element.href = format.href;
+            if (format.name) {
+                element.name = format.name;
+            }
+            if (format.target) {
+                element.target = format.target;
+            }
+            if (format.anchorId) {
+                element.id = format.anchorId;
+            }
+            if (format.anchorClass) {
+                element.className = format.anchorClass;
+            }
+            if (format.anchorTitle) {
+                element.title = format.anchorTitle;
+            }
+            if (format.relationship) {
+                element.rel = format.relationship;
+            }
+        }
+    },
+};
+//# sourceMappingURL=linkFormatHandler.js.map

package/lib-mjs/formatHandlers/segment/linkFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linkFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/segment/linkFormatHandler.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD;;GAEG;AACH,MAAM,CAAC,IAAM,iBAAiB,GAA8B;IACxD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,cAAc,CAAC,OAAO,EAAE,mBAAmB,CAAC,EAAE;YAC9C,IAAM,MAAI,GAAG,OAAO,CAAC,IAAI,CAAC;YAC1B,IAAM,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,0EAA0E;YACrH,IAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;YAC9B,IAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC;YACxB,IAAM,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;YACtB,IAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;YACpC,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;YAE5B,IAAI,MAAI,EAAE;gBACN,MAAM,CAAC,IAAI,GAAG,MAAI,CAAC;aACtB;YAED,IAAI,IAAI,EAAE;gBACN,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;aACtB;YAED,IAAI,MAAM,EAAE;gBACR,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;aAC1B;YAED,IAAI,EAAE,EAAE;gBACJ,MAAM,CAAC,QAAQ,GAAG,EAAE,CAAC;aACxB;YAED,IAAI,GAAG,EAAE;gBACL,MAAM,CAAC,YAAY,GAAG,GAAG,CAAC;aAC7B;YAED,IAAI,KAAK,EAAE;gBACP,MAAM,CAAC,WAAW,GAAG,KAAK,CAAC;aAC9B;YAED,IAAI,SAAS,EAAE;gBACX,MAAM,CAAC,WAAW,GAAG,SAAS,CAAC;aAClC;SACJ;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,cAAc,CAAC,OAAO,EAAE,mBAAmB,CAAC,IAAI,MAAM,CAAC,IAAI,EAAE;YAC7D,OAAO,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;YAE3B,IAAI,MAAM,CAAC,IAAI,EAAE;gBACb,OAAO,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;aAC9B;YAED,IAAI,MAAM,CAAC,MAAM,EAAE;gBACf,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;aAClC;YAED,IAAI,MAAM,CAAC,QAAQ,EAAE;gBACjB,OAAO,CAAC,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAC;aAChC;YAED,IAAI,MAAM,CAAC,WAAW,EAAE;gBACpB,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC;aAC1C;YAED,IAAI,MAAM,CAAC,WAAW,EAAE;gBACpB,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC;aACtC;YAED,IAAI,MAAM,CAAC,YAAY,EAAE;gBACrB,OAAO,CAAC,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC;aACrC;SACJ;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { LinkFormat } from 'roosterjs-content-model-types';\nimport { safeInstanceOf } from 'roosterjs-editor-dom';\n\n/**\n * @internal\n */\nexport const linkFormatHandler: FormatHandler<LinkFormat> = {\n    parse: (format, element) => {\n        if (safeInstanceOf(element, 'HTMLAnchorElement')) {\n            const name = element.name;\n            const href = element.getAttribute('href'); // Use getAttribute to get original HREF but not the resolved absolute url\n            const target = element.target;\n            const rel = element.rel;\n            const id = element.id;\n            const className = element.className;\n            const title = element.title;\n\n            if (name) {\n                format.name = name;\n            }\n\n            if (href) {\n                format.href = href;\n            }\n\n            if (target) {\n                format.target = target;\n            }\n\n            if (id) {\n                format.anchorId = id;\n            }\n\n            if (rel) {\n                format.relationship = rel;\n            }\n\n            if (title) {\n                format.anchorTitle = title;\n            }\n\n            if (className) {\n                format.anchorClass = className;\n            }\n        }\n    },\n    apply: (format, element) => {\n        if (safeInstanceOf(element, 'HTMLAnchorElement') && format.href) {\n            element.href = format.href;\n\n            if (format.name) {\n                element.name = format.name;\n            }\n\n            if (format.target) {\n                element.target = format.target;\n            }\n\n            if (format.anchorId) {\n                element.id = format.anchorId;\n            }\n\n            if (format.anchorClass) {\n                element.className = format.anchorClass;\n            }\n\n            if (format.anchorTitle) {\n                element.title = format.anchorTitle;\n            }\n\n            if (format.relationship) {\n                element.rel = format.relationship;\n            }\n        }\n    },\n};\n"]}