roosterjs-content-model-plugins 9.41.0 → 9.43.0

package/lib-mjs/paste/parsers/adjustPercentileLineHeightParser.d.ts

@@ -0,0 +1,8 @@
+import type { ContentModelBlockFormat } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Parser for adjusting percentage-based line heights and converting 'normal' to a specific percentage
+ * @param format The block format to modify
+ * @param element The HTML element being processed
+ */
+export declare function adjustPercentileLineHeight(format: ContentModelBlockFormat, element: HTMLElement): void;

package/lib-mjs/paste/parsers/adjustPercentileLineHeightParser.js

@@ -0,0 +1,22 @@
+var PERCENTAGE_REGEX = /%/;
+// Default line height in browsers according to https://developer.mozilla.org/en-US/docs/Web/CSS/line-height#normal
+var DEFAULT_BROWSER_LINE_HEIGHT_PERCENTAGE = 1.2;
+/**
+ * @internal
+ * Parser for adjusting percentage-based line heights and converting 'normal' to a specific percentage
+ * @param format The block format to modify
+ * @param element The HTML element being processed
+ */
+export function adjustPercentileLineHeight(format, element) {
+    // If the line height is less than the browser default line height, line between the text is going to be too narrow
+    var parsedLineHeight;
+    if (PERCENTAGE_REGEX.test(element.style.lineHeight) &&
+        !isNaN((parsedLineHeight = parseInt(element.style.lineHeight)))) {
+        format.lineHeight = (DEFAULT_BROWSER_LINE_HEIGHT_PERCENTAGE *
+            (parsedLineHeight / 100)).toString();
+    }
+    else if (element.style.lineHeight.toLowerCase() === 'normal') {
+        format.lineHeight = '120%';
+    }
+}
+//# sourceMappingURL=adjustPercentileLineHeightParser.js.map

package/lib-mjs/paste/parsers/adjustPercentileLineHeightParser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adjustPercentileLineHeightParser.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/paste/parsers/adjustPercentileLineHeightParser.ts"],"names":[],"mappings":"AAEA,IAAM,gBAAgB,GAAG,GAAG,CAAC;AAC7B,mHAAmH;AACnH,IAAM,sCAAsC,GAAG,GAAG,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,UAAU,0BAA0B,CACtC,MAA+B,EAC/B,OAAoB;IAEpB,mHAAmH;IACnH,IAAI,gBAAwB,CAAC;IAC7B,IACI,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC;QAC/C,CAAC,KAAK,CAAC,CAAC,gBAAgB,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,EACjE;QACE,MAAM,CAAC,UAAU,GAAG,CAChB,sCAAsC;YACtC,CAAC,gBAAgB,GAAG,GAAG,CAAC,CAC3B,CAAC,QAAQ,EAAE,CAAC;KAChB;SAAM,IAAI,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,KAAK,QAAQ,EAAE;QAC5D,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC;KAC9B;AACL,CAAC","sourcesContent":["import type { ContentModelBlockFormat } from 'roosterjs-content-model-types';\n\nconst PERCENTAGE_REGEX = /%/;\n// Default line height in browsers according to https://developer.mozilla.org/en-US/docs/Web/CSS/line-height#normal\nconst DEFAULT_BROWSER_LINE_HEIGHT_PERCENTAGE = 1.2;\n\n/**\n * @internal\n * Parser for adjusting percentage-based line heights and converting 'normal' to a specific percentage\n * @param format The block format to modify\n * @param element The HTML element being processed\n */\nexport function adjustPercentileLineHeight(\n    format: ContentModelBlockFormat,\n    element: HTMLElement\n): void {\n    // If the line height is less than the browser default line height, line between the text is going to be too narrow\n    let parsedLineHeight: number;\n    if (\n        PERCENTAGE_REGEX.test(element.style.lineHeight) &&\n        !isNaN((parsedLineHeight = parseInt(element.style.lineHeight)))\n    ) {\n        format.lineHeight = (\n            DEFAULT_BROWSER_LINE_HEIGHT_PERCENTAGE *\n            (parsedLineHeight / 100)\n        ).toString();\n    } else if (element.style.lineHeight.toLowerCase() === 'normal') {\n        format.lineHeight = '120%';\n    }\n}\n"]}

package/lib-mjs/paste/parsers/blockElementParser.d.ts

@@ -0,0 +1,7 @@
+import type { ContentModelBlockFormat, FormatParser } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * For block elements that have background color style, remove the background color when user selects the merge current format
+ * paste option
+ */
+export declare const blockElementParser: FormatParser<ContentModelBlockFormat>;

package/lib-mjs/paste/parsers/blockElementParser.js

@@ -0,0 +1,11 @@
+/**
+ * @internal
+ * For block elements that have background color style, remove the background color when user selects the merge current format
+ * paste option
+ */
+export var blockElementParser = function (format, element) {
+    if (element.style.backgroundColor) {
+        delete format.backgroundColor;
+    }
+};
+//# sourceMappingURL=blockElementParser.js.map

package/lib-mjs/paste/parsers/blockElementParser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blockElementParser.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/paste/parsers/blockElementParser.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,CAAC,IAAM,kBAAkB,GAA0C,UACrE,MAA+B,EAC/B,OAAoB;IAEpB,IAAI,OAAO,CAAC,KAAK,CAAC,eAAe,EAAE;QAC/B,OAAO,MAAM,CAAC,eAAe,CAAC;KACjC;AACL,CAAC,CAAC","sourcesContent":["import type { ContentModelBlockFormat, FormatParser } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * For block elements that have background color style, remove the background color when user selects the merge current format\n * paste option\n */\nexport const blockElementParser: FormatParser<ContentModelBlockFormat> = (\n    format: ContentModelBlockFormat,\n    element: HTMLElement\n) => {\n    if (element.style.backgroundColor) {\n        delete format.backgroundColor;\n    }\n};\n"]}

package/lib-mjs/paste/parsers/imageSizeParser.d.ts

@@ -0,0 +1,6 @@
+import type { ContentModelImageFormat, FormatParser } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Remove image size if it is larger than editor view width to let it auto size
+ */
+export declare const imageSizeParser: FormatParser<ContentModelImageFormat>;

package/lib-mjs/paste/parsers/imageSizeParser.js

@@ -0,0 +1,20 @@
+import { parseValueWithUnit } from 'roosterjs-content-model-dom';
+// Only process absolute units (px, pt, in, cm, mm)
+var AbsoluteUnitRegex = /^\s*\d+(\.\d+)?\s*(px|pt|in|cm|mm)\s*$/i;
+/**
+ * @internal
+ * Remove image size if it is larger than editor view width to let it auto size
+ */
+export var imageSizeParser = function (format, element, context) {
+    var maxImageSize = context.editorViewWidth;
+    var width = format.width;
+    if (width && maxImageSize && AbsoluteUnitRegex.test(width)) {
+        var widthValue = parseValueWithUnit(width, element);
+        // If the given width is larger than editor view width, we clear both width and height to let it auto size
+        if (widthValue > maxImageSize) {
+            delete format.width;
+            delete format.height;
+        }
+    }
+};
+//# sourceMappingURL=imageSizeParser.js.map

package/lib-mjs/paste/parsers/imageSizeParser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageSizeParser.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/paste/parsers/imageSizeParser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAGjE,mDAAmD;AACnD,IAAM,iBAAiB,GAAG,yCAAyC,CAAC;AAEpE;;;GAGG;AACH,MAAM,CAAC,IAAM,eAAe,GAA0C,UAClE,MAAM,EACN,OAAO,EACP,OAAO;IAEP,IAAM,YAAY,GAAG,OAAO,CAAC,eAAe,CAAC;IACrC,IAAA,KAAK,GAAK,MAAM,MAAX,CAAY;IAEzB,IAAI,KAAK,IAAI,YAAY,IAAI,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;QACxD,IAAM,UAAU,GAAG,kBAAkB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAEtD,0GAA0G;QAC1G,IAAI,UAAU,GAAG,YAAY,EAAE;YAC3B,OAAO,MAAM,CAAC,KAAK,CAAC;YACpB,OAAO,MAAM,CAAC,MAAM,CAAC;SACxB;KACJ;AACL,CAAC,CAAC","sourcesContent":["import { parseValueWithUnit } from 'roosterjs-content-model-dom';\nimport type { ContentModelImageFormat, FormatParser } from 'roosterjs-content-model-types';\n\n// Only process absolute units (px, pt, in, cm, mm)\nconst AbsoluteUnitRegex = /^\\s*\\d+(\\.\\d+)?\\s*(px|pt|in|cm|mm)\\s*$/i;\n\n/**\n * @internal\n * Remove image size if it is larger than editor view width to let it auto size\n */\nexport const imageSizeParser: FormatParser<ContentModelImageFormat> = (\n    format,\n    element,\n    context\n) => {\n    const maxImageSize = context.editorViewWidth;\n    const { width } = format;\n\n    if (width && maxImageSize && AbsoluteUnitRegex.test(width)) {\n        const widthValue = parseValueWithUnit(width, element);\n\n        // If the given width is larger than editor view width, we clear both width and height to let it auto size\n        if (widthValue > maxImageSize) {\n            delete format.width;\n            delete format.height;\n        }\n    }\n};\n"]}

package/lib-mjs/paste/parsers/listLevelParser.d.ts

@@ -0,0 +1,10 @@
+import type { ContentModelListItemLevelFormat, FormatParser } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Parser for processing list level formatting specific to Word Desktop
+ * @param format The list item level format to modify
+ * @param element The HTML element being processed
+ * @param _context The DOM to model context
+ * @param defaultStyle The default style properties
+ */
+export declare const listLevelParser: FormatParser<ContentModelListItemLevelFormat>;

package/lib-mjs/paste/parsers/listLevelParser.js

@@ -0,0 +1,15 @@
+/**
+ * @internal
+ * Parser for processing list level formatting specific to Word Desktop
+ * @param format The list item level format to modify
+ * @param element The HTML element being processed
+ * @param _context The DOM to model context
+ * @param defaultStyle The default style properties
+ */
+export var listLevelParser = function (format, element, _context, defaultStyle) {
+    if (element.style.marginLeft !== '') {
+        format.marginLeft = defaultStyle.marginLeft;
+    }
+    format.marginBottom = undefined;
+};
+//# sourceMappingURL=listLevelParser.js.map

package/lib-mjs/paste/parsers/listLevelParser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listLevelParser.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/paste/parsers/listLevelParser.ts"],"names":[],"mappings":"AAMA;;;;;;;GAOG;AACH,MAAM,CAAC,IAAM,eAAe,GAAkD,UAC1E,MAAuC,EACvC,OAAoB,EACpB,QAA2B,EAC3B,YAAoD;IAEpD,IAAI,OAAO,CAAC,KAAK,CAAC,UAAU,KAAK,EAAE,EAAE;QACjC,MAAM,CAAC,UAAU,GAAG,YAAY,CAAC,UAAU,CAAC;KAC/C;IAED,MAAM,CAAC,YAAY,GAAG,SAAS,CAAC;AACpC,CAAC,CAAC","sourcesContent":["import type {\n    ContentModelListItemLevelFormat,\n    DomToModelContext,\n    FormatParser,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Parser for processing list level formatting specific to Word Desktop\n * @param format The list item level format to modify\n * @param element The HTML element being processed\n * @param _context The DOM to model context\n * @param defaultStyle The default style properties\n */\nexport const listLevelParser: FormatParser<ContentModelListItemLevelFormat> = (\n    format: ContentModelListItemLevelFormat,\n    element: HTMLElement,\n    _context: DomToModelContext,\n    defaultStyle: Readonly<Partial<CSSStyleDeclaration>>\n) => {\n    if (element.style.marginLeft !== '') {\n        format.marginLeft = defaultStyle.marginLeft;\n    }\n\n    format.marginBottom = undefined;\n};\n"]}

package/lib-mjs/paste/parsers/tableBorderParser.d.ts

@@ -0,0 +1,5 @@
+import type { ContentModelTableCellFormat, FormatParser } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const tableBorderParser: FormatParser<ContentModelTableCellFormat>;

package/lib-mjs/paste/parsers/tableBorderParser.js

@@ -0,0 +1,24 @@
+import { BorderKeys } from 'roosterjs-content-model-dom';
+var ElementBorderKeys = new Map([
+    ['borderTop', { w: 'borderTopWidth', s: 'borderTopStyle', c: 'borderTopColor' }],
+    ['borderRight', { w: 'borderRightWidth', s: 'borderRightStyle', c: 'borderRightColor' }],
+    ['borderBottom', { w: 'borderBottomWidth', s: 'borderBottomStyle', c: 'borderBottomColor' }],
+    ['borderLeft', { w: 'borderLeftWidth', s: 'borderLeftStyle', c: 'borderLeftColor' }],
+]);
+/**
+ * @internal
+ */
+export var tableBorderParser = function (format, element) {
+    BorderKeys.forEach(function (key) {
+        if (!format[key]) {
+            var styleSet = ElementBorderKeys.get(key);
+            if (styleSet &&
+                element.style[styleSet.w] &&
+                element.style[styleSet.s] &&
+                !element.style[styleSet.c]) {
+                format[key] = element.style[styleSet.w] + " " + element.style[styleSet.s];
+            }
+        }
+    });
+};
+//# sourceMappingURL=tableBorderParser.js.map

package/lib-mjs/paste/parsers/tableBorderParser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableBorderParser.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/paste/parsers/tableBorderParser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAOzD,IAAM,iBAAiB,GAAG,IAAI,GAAG,CAO/B;IACE,CAAC,WAAW,EAAE,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAChF,CAAC,aAAa,EAAE,EAAE,CAAC,EAAE,kBAAkB,EAAE,CAAC,EAAE,kBAAkB,EAAE,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACxF,CAAC,cAAc,EAAE,EAAE,CAAC,EAAE,mBAAmB,EAAE,CAAC,EAAE,mBAAmB,EAAE,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC5F,CAAC,YAAY,EAAE,EAAE,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,iBAAiB,EAAE,CAAC;CACvF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,IAAM,iBAAiB,GAA8C,UAAC,MAAM,EAAE,OAAO;IACxF,UAAU,CAAC,OAAO,CAAC,UAAA,GAAG;QAClB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE;YACd,IAAM,QAAQ,GAAG,iBAAiB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YAE5C,IACI,QAAQ;gBACR,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACzB,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACzB,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC5B;gBACE,MAAM,CAAC,GAAG,CAAC,GAAM,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAG,CAAC;aAC7E;SACJ;IACL,CAAC,CAAC,CAAC;AACP,CAAC,CAAC","sourcesContent":["import { BorderKeys } from 'roosterjs-content-model-dom';\nimport type {\n    BorderFormat,\n    ContentModelTableCellFormat,\n    FormatParser,\n} from 'roosterjs-content-model-types';\n\nconst ElementBorderKeys = new Map<\n    keyof BorderFormat,\n    {\n        c: keyof CSSStyleDeclaration;\n        s: keyof CSSStyleDeclaration;\n        w: keyof CSSStyleDeclaration;\n    }\n>([\n    ['borderTop', { w: 'borderTopWidth', s: 'borderTopStyle', c: 'borderTopColor' }],\n    ['borderRight', { w: 'borderRightWidth', s: 'borderRightStyle', c: 'borderRightColor' }],\n    ['borderBottom', { w: 'borderBottomWidth', s: 'borderBottomStyle', c: 'borderBottomColor' }],\n    ['borderLeft', { w: 'borderLeftWidth', s: 'borderLeftStyle', c: 'borderLeftColor' }],\n]);\n\n/**\n * @internal\n */\nexport const tableBorderParser: FormatParser<ContentModelTableCellFormat> = (format, element) => {\n    BorderKeys.forEach(key => {\n        if (!format[key]) {\n            const styleSet = ElementBorderKeys.get(key);\n\n            if (\n                styleSet &&\n                element.style[styleSet.w] &&\n                element.style[styleSet.s] &&\n                !element.style[styleSet.c]\n            ) {\n                format[key] = `${element.style[styleSet.w]} ${element.style[styleSet.s]}`;\n            }\n        }\n    });\n};\n"]}

package/lib-mjs/paste/parsers/wordTableParser.d.ts

@@ -0,0 +1,8 @@
+import type { ContentModelTableFormat, FormatParser } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Parser for processing table formatting specific to Word Desktop
+ * @param format The table format to modify
+ * @param element The HTML element being processed
+ */
+export declare const wordTableParser: FormatParser<ContentModelTableFormat>;

package/lib-mjs/paste/parsers/wordTableParser.js

@@ -0,0 +1,16 @@
+/**
+ * @internal
+ * Parser for processing table formatting specific to Word Desktop
+ * @param format The table format to modify
+ * @param element The HTML element being processed
+ */
+export var wordTableParser = function (format, element) {
+    var _a;
+    if ((_a = format.marginLeft) === null || _a === void 0 ? void 0 : _a.startsWith('-')) {
+        delete format.marginLeft;
+    }
+    if (format.htmlAlign) {
+        delete format.htmlAlign;
+    }
+};
+//# sourceMappingURL=wordTableParser.js.map

package/lib-mjs/paste/parsers/wordTableParser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wordTableParser.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/paste/parsers/wordTableParser.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,CAAC,IAAM,eAAe,GAA0C,UAAC,MAAM,EAAE,OAAO;;IAClF,IAAI,MAAA,MAAM,CAAC,UAAU,0CAAE,UAAU,CAAC,GAAG,CAAC,EAAE;QACpC,OAAO,MAAM,CAAC,UAAU,CAAC;KAC5B;IACD,IAAI,MAAM,CAAC,SAAS,EAAE;QAClB,OAAO,MAAM,CAAC,SAAS,CAAC;KAC3B;AACL,CAAC,CAAC","sourcesContent":["import type { ContentModelTableFormat, FormatParser } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Parser for processing table formatting specific to Word Desktop\n * @param format The table format to modify\n * @param element The HTML element being processed\n */\nexport const wordTableParser: FormatParser<ContentModelTableFormat> = (format, element): void => {\n    if (format.marginLeft?.startsWith('-')) {\n        delete format.marginLeft;\n    }\n    if (format.htmlAlign) {\n        delete format.htmlAlign;\n    }\n};\n"]}

package/package.json

@@ -3,12 +3,12 @@
     "description": "Plugins for roosterjs",
     "dependencies": {
         "tslib": "^2.3.1",
-        "roosterjs-content-model-core": "^9.41.0",
-        "roosterjs-content-model-dom": "^9.41.0",
-        "roosterjs-content-model-types": "^9.41.0",
-        "roosterjs-content-model-api": "^9.41.0"
+        "roosterjs-content-model-core": "^9.42.0",
+        "roosterjs-content-model-dom": "^9.42.0",
+        "roosterjs-content-model-types": "^9.43.0",
+        "roosterjs-content-model-api": "^9.43.0"
     },
-    "version": "9.41.0",
+    "version": "9.43.0",
     "main": "./lib/index.js",
     "typings": "./lib/index.d.ts",
     "module": "./lib-mjs/index.js",