roosterjs-content-model-dom 0.10.0

package/lib/formatHandlers/segment/linkFormatHandler.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.linkFormatHandler = void 0;
+var roosterjs_editor_dom_1 = require("roosterjs-editor-dom");
+/**
+ * @internal
+ */
+exports.linkFormatHandler = {
+    parse: function (format, element) {
+        if ((0, roosterjs_editor_dom_1.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 ((0, roosterjs_editor_dom_1.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/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,6DAAsD;AAEtD;;GAEG;AACU,QAAA,iBAAiB,GAA8B;IACxD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,IAAA,qCAAc,EAAC,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,IAAA,qCAAc,EAAC,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"]}

package/lib/formatHandlers/segment/strikeFormatHandler.d.ts

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

package/lib/formatHandlers/segment/strikeFormatHandler.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.strikeFormatHandler = void 0;
+var roosterjs_editor_dom_1 = require("roosterjs-editor-dom");
+/**
+ * @internal
+ */
+exports.strikeFormatHandler = {
+    parse: function (format, element, context, defaultStyle) {
+        var textDecoration = element.style.textDecoration || defaultStyle.textDecoration;
+        if ((textDecoration === null || textDecoration === void 0 ? void 0 : textDecoration.indexOf('line-through')) >= 0) {
+            format.strikethrough = true;
+        }
+    },
+    apply: function (format, element) {
+        if (format.strikethrough) {
+            var strike = element.ownerDocument.createElement('s');
+            (0, roosterjs_editor_dom_1.moveChildNodes)(strike, element);
+            element.appendChild(strike);
+        }
+    },
+};
+//# sourceMappingURL=strikeFormatHandler.js.map

package/lib/formatHandlers/segment/strikeFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"strikeFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/segment/strikeFormatHandler.ts"],"names":[],"mappings":";;;AACA,6DAAsD;AAGtD;;GAEG;AACU,QAAA,mBAAmB,GAAgC;IAC5D,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;QAC1C,IAAM,cAAc,GAAG,OAAO,CAAC,KAAK,CAAC,cAAc,IAAI,YAAY,CAAC,cAAc,CAAC;QAEnF,IAAI,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,CAAC,cAAc,CAAE,KAAI,CAAC,EAAE;YAC/C,MAAM,CAAC,aAAa,GAAG,IAAI,CAAC;SAC/B;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,MAAM,CAAC,aAAa,EAAE;YACtB,IAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YACxD,IAAA,qCAAc,EAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YAChC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;SAC/B;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { moveChildNodes } from 'roosterjs-editor-dom';\nimport { StrikeFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const strikeFormatHandler: FormatHandler<StrikeFormat> = {\n    parse: (format, element, context, defaultStyle) => {\n        const textDecoration = element.style.textDecoration || defaultStyle.textDecoration;\n\n        if (textDecoration?.indexOf('line-through')! >= 0) {\n            format.strikethrough = true;\n        }\n    },\n    apply: (format, element) => {\n        if (format.strikethrough) {\n            const strike = element.ownerDocument.createElement('s');\n            moveChildNodes(strike, element);\n            element.appendChild(strike);\n        }\n    },\n};\n"]}

package/lib/formatHandlers/segment/superOrSubScriptFormatHandler.d.ts

@@ -0,0 +1,10 @@
+import { FormatHandler } from '../FormatHandler';
+import { SuperOrSubScriptFormat } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const superOrSubScriptFormatHandler: FormatHandler<SuperOrSubScriptFormat>;
+/**
+ * @internal
+ */
+export declare function isSuperOrSubScript(fontSize: string | undefined, verticalAlign: string | undefined): verticalAlign is 'sub' | 'super';

package/lib/formatHandlers/segment/superOrSubScriptFormatHandler.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isSuperOrSubScript = exports.superOrSubScriptFormatHandler = void 0;
+var roosterjs_editor_dom_1 = require("roosterjs-editor-dom");
+/**
+ * @internal
+ */
+exports.superOrSubScriptFormatHandler = {
+    parse: function (format, element, context, defaultStyle) {
+        var verticalAlign = element.style.verticalAlign || defaultStyle.verticalAlign;
+        var fontSize = element.style.fontSize || defaultStyle.fontSize;
+        if (isSuperOrSubScript(fontSize, verticalAlign)) {
+            format.superOrSubScriptSequence = (format.superOrSubScriptSequence || '')
+                .split(' ')
+                .concat(verticalAlign)
+                .join(' ')
+                .trim();
+        }
+    },
+    apply: function (format, element) {
+        if (format.superOrSubScriptSequence) {
+            format.superOrSubScriptSequence
+                .split(' ')
+                .reverse()
+                .forEach(function (value) {
+                var tagName = value == 'super' ? 'sup' : value == 'sub' ? 'sub' : null;
+                if (tagName) {
+                    var wrapper = element.ownerDocument.createElement(tagName);
+                    (0, roosterjs_editor_dom_1.moveChildNodes)(wrapper, element);
+                    element.appendChild(wrapper);
+                }
+            });
+        }
+    },
+};
+/**
+ * @internal
+ */
+function isSuperOrSubScript(fontSize, verticalAlign) {
+    return fontSize == 'smaller' && (verticalAlign == 'sub' || verticalAlign == 'super');
+}
+exports.isSuperOrSubScript = isSuperOrSubScript;
+//# sourceMappingURL=superOrSubScriptFormatHandler.js.map

package/lib/formatHandlers/segment/superOrSubScriptFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"superOrSubScriptFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/segment/superOrSubScriptFormatHandler.ts"],"names":[],"mappings":";;;AACA,6DAAsD;AAGtD;;GAEG;AACU,QAAA,6BAA6B,GAA0C;IAChF,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;QAC1C,IAAM,aAAa,GAAG,OAAO,CAAC,KAAK,CAAC,aAAa,IAAI,YAAY,CAAC,aAAa,CAAC;QAChF,IAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,IAAI,YAAY,CAAC,QAAQ,CAAC;QAEjE,IAAI,kBAAkB,CAAC,QAAQ,EAAE,aAAa,CAAC,EAAE;YAC7C,MAAM,CAAC,wBAAwB,GAAG,CAAC,MAAM,CAAC,wBAAwB,IAAI,EAAE,CAAC;iBACpE,KAAK,CAAC,GAAG,CAAC;iBACV,MAAM,CAAC,aAAa,CAAC;iBACrB,IAAI,CAAC,GAAG,CAAC;iBACT,IAAI,EAAE,CAAC;SACf;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,MAAM,CAAC,wBAAwB,EAAE;YACjC,MAAM,CAAC,wBAAwB;iBAC1B,KAAK,CAAC,GAAG,CAAC;iBACV,OAAO,EAAE;iBACT,OAAO,CAAC,UAAA,KAAK;gBACV,IAAM,OAAO,GAAG,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;gBAEzE,IAAI,OAAO,EAAE;oBACT,IAAM,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;oBAC7D,IAAA,qCAAc,EAAC,OAAO,EAAE,OAAO,CAAC,CAAC;oBACjC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;iBAChC;YACL,CAAC,CAAC,CAAC;SACV;IACL,CAAC;CACJ,CAAC;AAEF;;GAEG;AACH,SAAgB,kBAAkB,CAC9B,QAA4B,EAC5B,aAAiC;IAEjC,OAAO,QAAQ,IAAI,SAAS,IAAI,CAAC,aAAa,IAAI,KAAK,IAAI,aAAa,IAAI,OAAO,CAAC,CAAC;AACzF,CAAC;AALD,gDAKC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { moveChildNodes } from 'roosterjs-editor-dom';\nimport { SuperOrSubScriptFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const superOrSubScriptFormatHandler: FormatHandler<SuperOrSubScriptFormat> = {\n    parse: (format, element, context, defaultStyle) => {\n        const verticalAlign = element.style.verticalAlign || defaultStyle.verticalAlign;\n        const fontSize = element.style.fontSize || defaultStyle.fontSize;\n\n        if (isSuperOrSubScript(fontSize, verticalAlign)) {\n            format.superOrSubScriptSequence = (format.superOrSubScriptSequence || '')\n                .split(' ')\n                .concat(verticalAlign)\n                .join(' ')\n                .trim();\n        }\n    },\n    apply: (format, element) => {\n        if (format.superOrSubScriptSequence) {\n            format.superOrSubScriptSequence\n                .split(' ')\n                .reverse()\n                .forEach(value => {\n                    const tagName = value == 'super' ? 'sup' : value == 'sub' ? 'sub' : null;\n\n                    if (tagName) {\n                        const wrapper = element.ownerDocument.createElement(tagName);\n                        moveChildNodes(wrapper, element);\n                        element.appendChild(wrapper);\n                    }\n                });\n        }\n    },\n};\n\n/**\n * @internal\n */\nexport function isSuperOrSubScript(\n    fontSize: string | undefined,\n    verticalAlign: string | undefined\n): verticalAlign is 'sub' | 'super' {\n    return fontSize == 'smaller' && (verticalAlign == 'sub' || verticalAlign == 'super');\n}\n"]}

package/lib/formatHandlers/segment/textColorFormatHandler.d.ts

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

package/lib/formatHandlers/segment/textColorFormatHandler.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textColorFormatHandler = void 0;
+var color_1 = require("../utils/color");
+/**
+ * @internal
+ */
+exports.textColorFormatHandler = {
+    parse: function (format, element, context, defaultStyle) {
+        var textColor = (0, color_1.getColor)(element, false /*isBackground*/, context.darkColorHandler, !!context.isDarkMode) || defaultStyle.color;
+        if (textColor && textColor != 'inherit') {
+            format.textColor = textColor;
+        }
+    },
+    apply: function (format, element, context) {
+        var implicitColor = context.implicitFormat.textColor;
+        if (format.textColor && format.textColor != implicitColor) {
+            (0, color_1.setColor)(element, format.textColor, false /*isBackground*/, context.darkColorHandler, !!context.isDarkMode);
+        }
+    },
+};
+//# sourceMappingURL=textColorFormatHandler.js.map

package/lib/formatHandlers/segment/textColorFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textColorFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/segment/textColorFormatHandler.ts"],"names":[],"mappings":";;;AACA,wCAAoD;AAGpD;;GAEG;AACU,QAAA,sBAAsB,GAAmC;IAClE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;QAC1C,IAAM,SAAS,GACX,IAAA,gBAAQ,EACJ,OAAO,EACP,KAAK,CAAC,gBAAgB,EACtB,OAAO,CAAC,gBAAgB,EACxB,CAAC,CAAC,OAAO,CAAC,UAAU,CACvB,IAAI,YAAY,CAAC,KAAK,CAAC;QAE5B,IAAI,SAAS,IAAI,SAAS,IAAI,SAAS,EAAE;YACrC,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;SAChC;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;QAC5B,IAAM,aAAa,GAAG,OAAO,CAAC,cAAc,CAAC,SAAS,CAAC;QAEvD,IAAI,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,SAAS,IAAI,aAAa,EAAE;YACvD,IAAA,gBAAQ,EACJ,OAAO,EACP,MAAM,CAAC,SAAS,EAChB,KAAK,CAAC,gBAAgB,EACtB,OAAO,CAAC,gBAAgB,EACxB,CAAC,CAAC,OAAO,CAAC,UAAU,CACvB,CAAC;SACL;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { getColor, setColor } from '../utils/color';\nimport { TextColorFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const textColorFormatHandler: FormatHandler<TextColorFormat> = {\n    parse: (format, element, context, defaultStyle) => {\n        const textColor =\n            getColor(\n                element,\n                false /*isBackground*/,\n                context.darkColorHandler,\n                !!context.isDarkMode\n            ) || defaultStyle.color;\n\n        if (textColor && textColor != 'inherit') {\n            format.textColor = textColor;\n        }\n    },\n    apply: (format, element, context) => {\n        const implicitColor = context.implicitFormat.textColor;\n\n        if (format.textColor && format.textColor != implicitColor) {\n            setColor(\n                element,\n                format.textColor,\n                false /*isBackground*/,\n                context.darkColorHandler,\n                !!context.isDarkMode\n            );\n        }\n    },\n};\n"]}

package/lib/formatHandlers/segment/underlineFormatHandler.d.ts

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

package/lib/formatHandlers/segment/underlineFormatHandler.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.underlineFormatHandler = void 0;
+var roosterjs_editor_dom_1 = require("roosterjs-editor-dom");
+/**
+ * @internal
+ */
+exports.underlineFormatHandler = {
+    parse: function (format, element, context, defaultStyle) {
+        var textDecoration = element.style.textDecoration || defaultStyle.textDecoration;
+        if ((textDecoration === null || textDecoration === void 0 ? void 0 : textDecoration.indexOf('underline')) >= 0) {
+            format.underline = true;
+        }
+        else if (element.tagName == 'A' && textDecoration == 'none') {
+            format.underline = false;
+        }
+    },
+    apply: function (format, element, context) {
+        if (typeof format.underline === 'undefined') {
+            return;
+        }
+        var blockUnderline = context.implicitFormat.underline;
+        if (!!blockUnderline != !!format.underline) {
+            if (format.underline) {
+                var u = element.ownerDocument.createElement('u');
+                (0, roosterjs_editor_dom_1.moveChildNodes)(u, element);
+                element.appendChild(u);
+            }
+            else {
+                element.style.textDecoration = 'none';
+            }
+        }
+    },
+};
+//# sourceMappingURL=underlineFormatHandler.js.map

package/lib/formatHandlers/segment/underlineFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"underlineFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/segment/underlineFormatHandler.ts"],"names":[],"mappings":";;;AACA,6DAAsD;AAGtD;;GAEG;AACU,QAAA,sBAAsB,GAAmC;IAClE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;QAC1C,IAAM,cAAc,GAAG,OAAO,CAAC,KAAK,CAAC,cAAc,IAAI,YAAY,CAAC,cAAc,CAAC;QAEnF,IAAI,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,CAAC,WAAW,CAAE,KAAI,CAAC,EAAE;YAC5C,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC;SAC3B;aAAM,IAAI,OAAO,CAAC,OAAO,IAAI,GAAG,IAAI,cAAc,IAAI,MAAM,EAAE;YAC3D,MAAM,CAAC,SAAS,GAAG,KAAK,CAAC;SAC5B;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;QAC5B,IAAI,OAAO,MAAM,CAAC,SAAS,KAAK,WAAW,EAAE;YACzC,OAAO;SACV;QAED,IAAM,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC,SAAS,CAAC;QAExD,IAAI,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE;YACxC,IAAI,MAAM,CAAC,SAAS,EAAE;gBAClB,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,cAAc,GAAG,MAAM,CAAC;aACzC;SACJ;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { moveChildNodes } from 'roosterjs-editor-dom';\nimport { UnderlineFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const underlineFormatHandler: FormatHandler<UnderlineFormat> = {\n    parse: (format, element, context, defaultStyle) => {\n        const textDecoration = element.style.textDecoration || defaultStyle.textDecoration;\n\n        if (textDecoration?.indexOf('underline')! >= 0) {\n            format.underline = true;\n        } else if (element.tagName == 'A' && textDecoration == 'none') {\n            format.underline = false;\n        }\n    },\n    apply: (format, element, context) => {\n        if (typeof format.underline === 'undefined') {\n            return;\n        }\n\n        const blockUnderline = context.implicitFormat.underline;\n\n        if (!!blockUnderline != !!format.underline) {\n            if (format.underline) {\n                const u = element.ownerDocument.createElement('u');\n                moveChildNodes(u, element);\n                element.appendChild(u);\n            } else {\n                element.style.textDecoration = 'none';\n            }\n        }\n    },\n};\n"]}

package/lib/formatHandlers/table/tableLayoutFormatHandler.d.ts

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

package/lib/formatHandlers/table/tableLayoutFormatHandler.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tableLayoutFormatHandler = void 0;
+/**
+ * @internal
+ */
+exports.tableLayoutFormatHandler = {
+    parse: function (format, element) {
+        var tableLayout = element.style.tableLayout;
+        if (tableLayout && tableLayout != 'inherit') {
+            format.tableLayout = tableLayout;
+        }
+    },
+    apply: function (format, element) {
+        if (format.tableLayout) {
+            element.style.tableLayout = format.tableLayout;
+        }
+    },
+};
+//# sourceMappingURL=tableLayoutFormatHandler.js.map

package/lib/formatHandlers/table/tableLayoutFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableLayoutFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/table/tableLayoutFormatHandler.ts"],"names":[],"mappings":";;;AAGA;;GAEG;AACU,QAAA,wBAAwB,GAAqC;IACtE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC;QAC9C,IAAI,WAAW,IAAI,WAAW,IAAI,SAAS,EAAE;YACzC,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;SACpC;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,MAAM,CAAC,WAAW,EAAE;YACpB,OAAO,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;SAClD;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { TableLayoutFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const tableLayoutFormatHandler: FormatHandler<TableLayoutFormat> = {\n    parse: (format, element) => {\n        const tableLayout = element.style.tableLayout;\n        if (tableLayout && tableLayout != 'inherit') {\n            format.tableLayout = tableLayout;\n        }\n    },\n    apply: (format, element) => {\n        if (format.tableLayout) {\n            element.style.tableLayout = format.tableLayout;\n        }\n    },\n};\n"]}

package/lib/formatHandlers/table/tableSpacingFormatHandler.d.ts

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

package/lib/formatHandlers/table/tableSpacingFormatHandler.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tableSpacingFormatHandler = void 0;
+var BorderCollapsed = 'collapse';
+/**
+ * @internal
+ */
+exports.tableSpacingFormatHandler = {
+    parse: function (format, element) {
+        if (element.style.borderCollapse == BorderCollapsed) {
+            format.borderCollapse = true;
+        }
+    },
+    apply: function (format, element) {
+        if (format.borderCollapse) {
+            element.style.borderCollapse = BorderCollapsed;
+            element.style.borderSpacing = '0';
+            element.style.boxSizing = 'border-box';
+        }
+    },
+};
+//# sourceMappingURL=tableSpacingFormatHandler.js.map

package/lib/formatHandlers/table/tableSpacingFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableSpacingFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/table/tableSpacingFormatHandler.ts"],"names":[],"mappings":";;;AAGA,IAAM,eAAe,GAAG,UAAU,CAAC;AAEnC;;GAEG;AACU,QAAA,yBAAyB,GAAiC;IACnE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,OAAO,CAAC,KAAK,CAAC,cAAc,IAAI,eAAe,EAAE;YACjD,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC;SAChC;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,MAAM,CAAC,cAAc,EAAE;YACvB,OAAO,CAAC,KAAK,CAAC,cAAc,GAAG,eAAe,CAAC;YAC/C,OAAO,CAAC,KAAK,CAAC,aAAa,GAAG,GAAG,CAAC;YAClC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC;SAC1C;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { SpacingFormat } from 'roosterjs-content-model-types';\n\nconst BorderCollapsed = 'collapse';\n\n/**\n * @internal\n */\nexport const tableSpacingFormatHandler: FormatHandler<SpacingFormat> = {\n    parse: (format, element) => {\n        if (element.style.borderCollapse == BorderCollapsed) {\n            format.borderCollapse = true;\n        }\n    },\n    apply: (format, element) => {\n        if (format.borderCollapse) {\n            element.style.borderCollapse = BorderCollapsed;\n            element.style.borderSpacing = '0';\n            element.style.boxSizing = 'border-box';\n        }\n    },\n};\n"]}

package/lib/formatHandlers/table/textColorOnTableCellFormatHandler.d.ts

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

package/lib/formatHandlers/table/textColorOnTableCellFormatHandler.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textColorOnTableCellFormatHandler = void 0;
+/**
+ * @internal
+ */
+exports.textColorOnTableCellFormatHandler = {
+    parse: function (format, element) {
+        if (element.style.color) {
+            // Delete color from format since text color on TD/TH will be handled by separate code
+            // and text color on segment format context need to be reset so that it will not inherit
+            // value outer container
+            delete format.textColor;
+        }
+    },
+    apply: function () { },
+};
+//# sourceMappingURL=textColorOnTableCellFormatHandler.js.map

package/lib/formatHandlers/table/textColorOnTableCellFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textColorOnTableCellFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/table/textColorOnTableCellFormatHandler.ts"],"names":[],"mappings":";;;AAGA;;GAEG;AACU,QAAA,iCAAiC,GAAmC;IAC7E,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;QACnB,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE;YACrB,sFAAsF;YACtF,wFAAwF;YACxF,wBAAwB;YACxB,OAAO,MAAM,CAAC,SAAS,CAAC;SAC3B;IACL,CAAC;IACD,KAAK,EAAE,cAAO,CAAC;CAClB,CAAC","sourcesContent":["import { FormatHandler } from '../FormatHandler';\nimport { TextColorFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const textColorOnTableCellFormatHandler: FormatHandler<TextColorFormat> = {\n    parse: (format, element) => {\n        if (element.style.color) {\n            // Delete color from format since text color on TD/TH will be handled by separate code\n            // and text color on segment format context need to be reset so that it will not inherit\n            // value outer container\n            delete format.textColor;\n        }\n    },\n    apply: () => {},\n};\n"]}

package/lib/formatHandlers/utils/color.d.ts

@@ -0,0 +1,9 @@
+import { DarkColorHandler } from 'roosterjs-editor-types';
+/**
+ * @internal
+ */
+export declare function getColor(element: HTMLElement, isBackground: boolean, darkColorHandler: DarkColorHandler | undefined | null, isDarkMode: boolean): string | undefined;
+/**
+ * @internal
+ */
+export declare function setColor(element: HTMLElement, lightModeColor: string, isBackground: boolean, darkColorHandler: DarkColorHandler | undefined | null, isDarkMode: boolean): void;

package/lib/formatHandlers/utils/color.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setColor = exports.getColor = void 0;
+var roosterjs_editor_dom_1 = require("roosterjs-editor-dom");
+/**
+ * @internal
+ */
+function getColor(element, isBackground, darkColorHandler, isDarkMode) {
+    var color;
+    if (!color) {
+        color =
+            (darkColorHandler &&
+                tryGetFontColor(element, isDarkMode, darkColorHandler, isBackground)) ||
+                (isBackground ? element.style.backgroundColor : element.style.color) ||
+                element.getAttribute(isBackground ? 'bgcolor' : 'color') ||
+                undefined;
+    }
+    if (darkColorHandler) {
+        color = darkColorHandler.parseColorValue(color).lightModeColor;
+    }
+    return color;
+}
+exports.getColor = getColor;
+/**
+ * @internal
+ */
+function setColor(element, lightModeColor, isBackground, darkColorHandler, isDarkMode) {
+    var effectiveColor = darkColorHandler
+        ? darkColorHandler.registerColor(lightModeColor, isDarkMode)
+        : lightModeColor;
+    if (isBackground) {
+        element.style.backgroundColor = effectiveColor;
+    }
+    else {
+        element.style.color = effectiveColor;
+    }
+}
+exports.setColor = setColor;
+/**
+ * There is a known issue that when input with IME in Chrome, it is possible Chrome insert a new FONT tag with colors.
+ * If editor is in dark mode, this color will cause the FONT tag doesn't have light mode color info so that after convert
+ * to light mode the color will be wrong.
+ * To workaround it, we check if this is a known color (for light mode with VariableBasedDarkColor enabled, all used colors
+ * are stored in darkColorHandler), then use the related light mode color instead.
+ */
+function tryGetFontColor(element, isDarkMode, darkColorHandler, isBackground) {
+    var darkColor;
+    return (0, roosterjs_editor_dom_1.getTagOfNode)(element) == 'FONT' &&
+        !element.style.getPropertyValue(isBackground ? 'background-color' : 'color') &&
+        isDarkMode &&
+        (darkColor = element.getAttribute(isBackground ? 'bgcolor' : 'color'))
+        ? darkColorHandler.findLightColorFromDarkColor(darkColor)
+        : null;
+}
+//# sourceMappingURL=color.js.map

package/lib/formatHandlers/utils/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/utils/color.ts"],"names":[],"mappings":";;;AACA,6DAAoD;AAEpD;;GAEG;AACH,SAAgB,QAAQ,CACpB,OAAoB,EACpB,YAAqB,EACrB,gBAAqD,EACrD,UAAmB;IAEnB,IAAI,KAAyB,CAAC;IAE9B,IAAI,CAAC,KAAK,EAAE;QACR,KAAK;YACD,CAAC,gBAAgB;gBACb,eAAe,CAAC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,CAAC,CAAC;gBACzE,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;gBACpE,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;gBACxD,SAAS,CAAC;KACjB;IAED,IAAI,gBAAgB,EAAE;QAClB,KAAK,GAAG,gBAAgB,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC;KAClE;IAED,OAAO,KAAK,CAAC;AACjB,CAAC;AAtBD,4BAsBC;AAED;;GAEG;AACH,SAAgB,QAAQ,CACpB,OAAoB,EACpB,cAAsB,EACtB,YAAqB,EACrB,gBAAqD,EACrD,UAAmB;IAEnB,IAAM,cAAc,GAAG,gBAAgB;QACnC,CAAC,CAAC,gBAAgB,CAAC,aAAa,CAAC,cAAc,EAAE,UAAU,CAAC;QAC5D,CAAC,CAAC,cAAc,CAAC;IAErB,IAAI,YAAY,EAAE;QACd,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,cAAc,CAAC;KAClD;SAAM;QACH,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,cAAc,CAAC;KACxC;AACL,CAAC;AAhBD,4BAgBC;AAED;;;;;;GAMG;AACH,SAAS,eAAe,CACpB,OAAoB,EACpB,UAAmB,EACnB,gBAAkC,EAClC,YAAqB;IAErB,IAAI,SAAwB,CAAC;IAE7B,OAAO,IAAA,mCAAY,EAAC,OAAO,CAAC,IAAI,MAAM;QAClC,CAAC,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,CAAC;QAC5E,UAAU;QACV,CAAC,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACtE,CAAC,CAAC,gBAAgB,CAAC,2BAA2B,CAAC,SAAS,CAAC;QACzD,CAAC,CAAC,IAAI,CAAC;AACf,CAAC","sourcesContent":["import { DarkColorHandler } from 'roosterjs-editor-types';\nimport { getTagOfNode } from 'roosterjs-editor-dom';\n\n/**\n * @internal\n */\nexport function getColor(\n    element: HTMLElement,\n    isBackground: boolean,\n    darkColorHandler: DarkColorHandler | undefined | null,\n    isDarkMode: boolean\n): string | undefined {\n    let color: string | undefined;\n\n    if (!color) {\n        color =\n            (darkColorHandler &&\n                tryGetFontColor(element, isDarkMode, darkColorHandler, isBackground)) ||\n            (isBackground ? element.style.backgroundColor : element.style.color) ||\n            element.getAttribute(isBackground ? 'bgcolor' : 'color') ||\n            undefined;\n    }\n\n    if (darkColorHandler) {\n        color = darkColorHandler.parseColorValue(color).lightModeColor;\n    }\n\n    return color;\n}\n\n/**\n * @internal\n */\nexport function setColor(\n    element: HTMLElement,\n    lightModeColor: string,\n    isBackground: boolean,\n    darkColorHandler: DarkColorHandler | undefined | null,\n    isDarkMode: boolean\n) {\n    const effectiveColor = darkColorHandler\n        ? darkColorHandler.registerColor(lightModeColor, isDarkMode)\n        : lightModeColor;\n\n    if (isBackground) {\n        element.style.backgroundColor = effectiveColor;\n    } else {\n        element.style.color = effectiveColor;\n    }\n}\n\n/**\n * There is a known issue that when input with IME in Chrome, it is possible Chrome insert a new FONT tag with colors.\n * If editor is in dark mode, this color will cause the FONT tag doesn't have light mode color info so that after convert\n * to light mode the color will be wrong.\n * To workaround it, we check if this is a known color (for light mode with VariableBasedDarkColor enabled, all used colors\n * are stored in darkColorHandler), then use the related light mode color instead.\n */\nfunction tryGetFontColor(\n    element: HTMLElement,\n    isDarkMode: boolean,\n    darkColorHandler: DarkColorHandler,\n    isBackground: boolean\n) {\n    let darkColor: string | null;\n\n    return getTagOfNode(element) == 'FONT' &&\n        !element.style.getPropertyValue(isBackground ? 'background-color' : 'color') &&\n        isDarkMode &&\n        (darkColor = element.getAttribute(isBackground ? 'bgcolor' : 'color'))\n        ? darkColorHandler.findLightColorFromDarkColor(darkColor)\n        : null;\n}\n"]}

package/lib/formatHandlers/utils/defaultStyles.d.ts

@@ -0,0 +1,15 @@
+import { DefaultImplicitFormatMap, DefaultStyleMap } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const defaultStyleMap: DefaultStyleMap;
+/**
+ * @internal
+ */
+export declare const enum PseudoTagNames {
+    childOfPre = "pre *"
+}
+/**
+ * A map from tag name to its default implicit formats
+ */
+export declare const defaultImplicitFormatMap: DefaultImplicitFormatMap;