roosterjs-content-model-dom 0.10.0

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

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listItemThreadFormatHandler = void 0;
+var roosterjs_editor_dom_1 = require("roosterjs-editor-dom");
+/**
+ * @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/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,6DAAsD;AAEtD;;GAEG;AACU,QAAA,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,IAAA,qCAAc,EAAC,OAAO,EAAE,eAAe,CAAC;QACxC,IAAA,qCAAc,EAAC,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/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/formatHandlers/list/listLevelMetadataFormatHandler.js

@@ -0,0 +1,88 @@
+"use strict";
+var _a, _b;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listLevelMetadataFormatHandler = exports.UnorderedMap = exports.OrderedMap = void 0;
+var roosterjs_editor_dom_1 = require("roosterjs-editor-dom");
+/**
+ * @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/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/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/formatHandlers/list/listLevelThreadFormatHandler.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listLevelThreadFormatHandler = void 0;
+var roosterjs_editor_dom_1 = require("roosterjs-editor-dom");
+/**
+ * @internal
+ */
+exports.listLevelThreadFormatHandler = {
+    parse: function (format, element, context) {
+        if ((0, roosterjs_editor_dom_1.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 && (0, roosterjs_editor_dom_1.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/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,6DAAsD;AAEtD;;GAEG;AACU,QAAA,4BAA4B,GAAoC;IACzE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;QAC5B,IAAI,IAAA,qCAAc,EAAC,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,IAAA,qCAAc,EAAC,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/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/formatHandlers/list/listStylePositionFormatHandler.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listStylePositionFormatHandler = void 0;
+/**
+ * @internal
+ */
+exports.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/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;AACU,QAAA,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/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/formatHandlers/list/listTypeFormatHandler.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listTypeFormatHandler = void 0;
+var roosterjs_editor_dom_1 = require("roosterjs-editor-dom");
+/**
+ * @internal
+ */
+exports.listTypeFormatHandler = {
+    parse: function (format, element) {
+        var tag = (0, roosterjs_editor_dom_1.getTagOfNode)(element);
+        if (tag == 'OL' || tag == 'UL') {
+            format.listType = tag;
+        }
+    },
+    apply: function () { },
+};
+//# sourceMappingURL=listTypeFormatHandler.js.map

package/lib/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,6DAAoD;AAGpD;;GAEG;AACU,QAAA,qBAAqB,GAAkC;IAChE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAM,GAAG,GAAG,IAAA,mCAAY,EAAC,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/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/formatHandlers/root/rootDirectionFormatHandler.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rootDirectionFormatHandler = void 0;
+/**
+ * @internal
+ */
+exports.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/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;AACU,QAAA,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/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/formatHandlers/root/zoomScaleFormatHandler.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.zoomScaleFormatHandler = void 0;
+/**
+ * @internal
+ */
+exports.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/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;AACU,QAAA,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/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/formatHandlers/segment/boldFormatHandler.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.boldFormatHandler = void 0;
+var roosterjs_editor_dom_1 = require("roosterjs-editor-dom");
+/**
+ * @internal
+ */
+exports.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');
+                (0, roosterjs_editor_dom_1.moveChildNodes)(b, element);
+                element.appendChild(b);
+            }
+            else {
+                element.style.fontWeight = format.fontWeight || 'normal';
+            }
+        }
+    },
+};
+//# sourceMappingURL=boldFormatHandler.js.map

package/lib/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,6DAAsD;AAEtD;;GAEG;AACU,QAAA,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,IAAA,qCAAc,EAAC,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/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/formatHandlers/segment/fontFamilyFormatHandler.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fontFamilyFormatHandler = void 0;
+/**
+ * @internal
+ */
+exports.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/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;AACU,QAAA,uBAAuB,GAAoC;IACpE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;QAC1C,IAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,UAAU,IAAI,YAAY,CAAC,UAAU,CAAC;QAEvE,IAAI,UAAU,IAAI,UAAU,IAAI,SAAS,EAAE;YACvC,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;SAClC;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,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/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/formatHandlers/segment/fontSizeFormatHandler.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fontSizeFormatHandler = void 0;
+var superOrSubScriptFormatHandler_1 = require("./superOrSubScriptFormatHandler");
+/**
+ * @internal
+ */
+exports.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 && !(0, superOrSubScriptFormatHandler_1.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/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,iFAAqE;AAErE;;GAEG;AACU,QAAA,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,IAAA,kDAAkB,EAAC,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/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/formatHandlers/segment/italicFormatHandler.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.italicFormatHandler = void 0;
+var roosterjs_editor_dom_1 = require("roosterjs-editor-dom");
+/**
+ * @internal
+ */
+exports.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');
+                (0, roosterjs_editor_dom_1.moveChildNodes)(i, element);
+                element.appendChild(i);
+            }
+            else {
+                element.style.fontStyle = 'normal';
+            }
+        }
+    },
+};
+//# sourceMappingURL=italicFormatHandler.js.map

package/lib/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,6DAAsD;AAEtD;;GAEG;AACU,QAAA,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,IAAA,qCAAc,EAAC,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/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/formatHandlers/segment/letterSpacingFormatHandler.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.letterSpacingFormatHandler = void 0;
+/**
+ * @internal
+ */
+exports.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/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;AACU,QAAA,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/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>;