roosterjs-content-model-dom 0.19.0 → 0.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/formatHandlers/block/marginFormatHandler.js +16 -0
- package/lib/formatHandlers/block/marginFormatHandler.js.map +1 -1
- package/lib-amd/formatHandlers/block/marginFormatHandler.js +16 -0
- package/lib-amd/formatHandlers/block/marginFormatHandler.js.map +1 -1
- package/lib-mjs/formatHandlers/block/marginFormatHandler.js +16 -0
- package/lib-mjs/formatHandlers/block/marginFormatHandler.js.map +1 -1
- package/package.json +3 -2
|
@@ -32,6 +32,16 @@ exports.marginFormatHandler = {
|
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
});
|
|
35
|
+
var marginBlockStart = element.style.marginBlockStart || defaultStyle.marginBlockStart;
|
|
36
|
+
var marginTop = element.style.marginTop || defaultStyle.marginTop;
|
|
37
|
+
if (marginBlockStart && !marginTop) {
|
|
38
|
+
format.marginBlockStart = (0, parseValueWithUnit_1.parseValueWithUnit)(marginBlockStart) + 'px';
|
|
39
|
+
}
|
|
40
|
+
var marginBlockEnd = element.style.marginBlockEnd || defaultStyle.marginBlockEnd;
|
|
41
|
+
var marginBottom = element.style.marginBottom || defaultStyle.marginBottom;
|
|
42
|
+
if (marginBlockEnd && !marginBottom) {
|
|
43
|
+
format.marginBlockEnd = (0, parseValueWithUnit_1.parseValueWithUnit)(marginBlockEnd) + 'px';
|
|
44
|
+
}
|
|
35
45
|
},
|
|
36
46
|
apply: function (format, element, context) {
|
|
37
47
|
MarginKeys.forEach(function (key) {
|
|
@@ -40,6 +50,12 @@ exports.marginFormatHandler = {
|
|
|
40
50
|
element.style[key] = value || '0';
|
|
41
51
|
}
|
|
42
52
|
});
|
|
53
|
+
if (format.marginBlockStart && !format.marginTop) {
|
|
54
|
+
element.style.marginBlockStart = format.marginBlockStart;
|
|
55
|
+
}
|
|
56
|
+
if (format.marginBlockEnd && !format.marginBottom) {
|
|
57
|
+
element.style.marginBlockEnd = format.marginBlockEnd;
|
|
58
|
+
}
|
|
43
59
|
},
|
|
44
60
|
};
|
|
45
61
|
//# sourceMappingURL=marginFormatHandler.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"marginFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/block/marginFormatHandler.ts"],"names":[],"mappings":";;;AAAA,kEAAiE;AAIjE,IAAM,UAAU,GAAuD;IACnE,WAAW;IACX,aAAa;IACb,cAAc;IACd,YAAY;CACf,CAAC;AAEF;;GAEG;AACU,QAAA,mBAAmB,GAAgC;IAC5D,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY;QACpC,UAAU,CAAC,OAAO,CAAC,UAAA,GAAG;YAClB,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,CAAC;YAEtD,IAAI,KAAK,EAAE;gBACP,QAAQ,GAAG,EAAE;oBACT,KAAK,WAAW,CAAC;oBACjB,KAAK,cAAc;wBACf,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;wBACpB,MAAM;oBAEV,KAAK,YAAY,CAAC;oBAClB,KAAK,aAAa;wBACd,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC;4BACrB,CAAC,CAAC,IAAA,uCAAkB,EAAC,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,OAAO,CAAC;gCAC9C,IAAA,uCAAkB,EAAC,KAAK,EAAE,OAAO,CAAC;gCAClC,IAAI;4BACN,CAAC,CAAC,KAAK,CAAC;wBACZ,MAAM;iBACb;aACJ;QACL,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"marginFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/block/marginFormatHandler.ts"],"names":[],"mappings":";;;AAAA,kEAAiE;AAIjE,IAAM,UAAU,GAAuD;IACnE,WAAW;IACX,aAAa;IACb,cAAc;IACd,YAAY;CACf,CAAC;AAEF;;GAEG;AACU,QAAA,mBAAmB,GAAgC;IAC5D,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY;QACpC,UAAU,CAAC,OAAO,CAAC,UAAA,GAAG;YAClB,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,CAAC;YAEtD,IAAI,KAAK,EAAE;gBACP,QAAQ,GAAG,EAAE;oBACT,KAAK,WAAW,CAAC;oBACjB,KAAK,cAAc;wBACf,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;wBACpB,MAAM;oBAEV,KAAK,YAAY,CAAC;oBAClB,KAAK,aAAa;wBACd,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC;4BACrB,CAAC,CAAC,IAAA,uCAAkB,EAAC,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,OAAO,CAAC;gCAC9C,IAAA,uCAAkB,EAAC,KAAK,EAAE,OAAO,CAAC;gCAClC,IAAI;4BACN,CAAC,CAAC,KAAK,CAAC;wBACZ,MAAM;iBACb;aACJ;QACL,CAAC,CAAC,CAAC;QAEH,IAAM,gBAAgB,GAAG,OAAO,CAAC,KAAK,CAAC,gBAAgB,IAAI,YAAY,CAAC,gBAAgB,CAAC;QACzF,IAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,IAAI,YAAY,CAAC,SAAS,CAAC;QACpE,IAAI,gBAAgB,IAAI,CAAC,SAAS,EAAE;YAChC,MAAM,CAAC,gBAAgB,GAAG,IAAA,uCAAkB,EAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;SACzE;QAED,IAAM,cAAc,GAAG,OAAO,CAAC,KAAK,CAAC,cAAc,IAAI,YAAY,CAAC,cAAc,CAAC;QACnF,IAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC,YAAY,IAAI,YAAY,CAAC,YAAY,CAAC;QAC7E,IAAI,cAAc,IAAI,CAAC,YAAY,EAAE;YACjC,MAAM,CAAC,cAAc,GAAG,IAAA,uCAAkB,EAAC,cAAc,CAAC,GAAG,IAAI,CAAC;SACrE;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;QAC5B,UAAU,CAAC,OAAO,CAAC,UAAA,GAAG;YAClB,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;YAE1B,IAAI,KAAK,IAAI,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE;gBACtC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,IAAI,GAAG,CAAC;aACrC;QACL,CAAC,CAAC,CAAC;QAEH,IAAI,MAAM,CAAC,gBAAgB,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE;YAC9C,OAAO,CAAC,KAAK,CAAC,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;SAC5D;QAED,IAAI,MAAM,CAAC,cAAc,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE;YAC/C,OAAO,CAAC,KAAK,CAAC,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;SACxD;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { parseValueWithUnit } from '../utils/parseValueWithUnit';\nimport type { FormatHandler } from '../FormatHandler';\nimport type { MarginFormat } from 'roosterjs-content-model-types';\n\nconst MarginKeys: (keyof MarginFormat & keyof CSSStyleDeclaration)[] = [\n 'marginTop',\n 'marginRight',\n 'marginBottom',\n 'marginLeft',\n];\n\n/**\n * @internal\n */\nexport const marginFormatHandler: FormatHandler<MarginFormat> = {\n parse: (format, element, _, defaultStyle) => {\n MarginKeys.forEach(key => {\n const value = element.style[key] || defaultStyle[key];\n\n if (value) {\n switch (key) {\n case 'marginTop':\n case 'marginBottom':\n format[key] = value;\n break;\n\n case 'marginLeft':\n case 'marginRight':\n format[key] = format[key]\n ? parseValueWithUnit(format[key] || '', element) +\n parseValueWithUnit(value, element) +\n 'px'\n : value;\n break;\n }\n }\n });\n\n const marginBlockStart = element.style.marginBlockStart || defaultStyle.marginBlockStart;\n const marginTop = element.style.marginTop || defaultStyle.marginTop;\n if (marginBlockStart && !marginTop) {\n format.marginBlockStart = parseValueWithUnit(marginBlockStart) + 'px';\n }\n\n const marginBlockEnd = element.style.marginBlockEnd || defaultStyle.marginBlockEnd;\n const marginBottom = element.style.marginBottom || defaultStyle.marginBottom;\n if (marginBlockEnd && !marginBottom) {\n format.marginBlockEnd = parseValueWithUnit(marginBlockEnd) + 'px';\n }\n },\n apply: (format, element, context) => {\n MarginKeys.forEach(key => {\n const value = format[key];\n\n if (value != context.implicitFormat[key]) {\n element.style[key] = value || '0';\n }\n });\n\n if (format.marginBlockStart && !format.marginTop) {\n element.style.marginBlockStart = format.marginBlockStart;\n }\n\n if (format.marginBlockEnd && !format.marginBottom) {\n element.style.marginBlockEnd = format.marginBlockEnd;\n }\n },\n};\n"]}
|
|
@@ -32,6 +32,16 @@ define(["require", "exports", "../utils/parseValueWithUnit"], function (require,
|
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
});
|
|
35
|
+
var marginBlockStart = element.style.marginBlockStart || defaultStyle.marginBlockStart;
|
|
36
|
+
var marginTop = element.style.marginTop || defaultStyle.marginTop;
|
|
37
|
+
if (marginBlockStart && !marginTop) {
|
|
38
|
+
format.marginBlockStart = (0, parseValueWithUnit_1.parseValueWithUnit)(marginBlockStart) + 'px';
|
|
39
|
+
}
|
|
40
|
+
var marginBlockEnd = element.style.marginBlockEnd || defaultStyle.marginBlockEnd;
|
|
41
|
+
var marginBottom = element.style.marginBottom || defaultStyle.marginBottom;
|
|
42
|
+
if (marginBlockEnd && !marginBottom) {
|
|
43
|
+
format.marginBlockEnd = (0, parseValueWithUnit_1.parseValueWithUnit)(marginBlockEnd) + 'px';
|
|
44
|
+
}
|
|
35
45
|
},
|
|
36
46
|
apply: function (format, element, context) {
|
|
37
47
|
MarginKeys.forEach(function (key) {
|
|
@@ -40,6 +50,12 @@ define(["require", "exports", "../utils/parseValueWithUnit"], function (require,
|
|
|
40
50
|
element.style[key] = value || '0';
|
|
41
51
|
}
|
|
42
52
|
});
|
|
53
|
+
if (format.marginBlockStart && !format.marginTop) {
|
|
54
|
+
element.style.marginBlockStart = format.marginBlockStart;
|
|
55
|
+
}
|
|
56
|
+
if (format.marginBlockEnd && !format.marginBottom) {
|
|
57
|
+
element.style.marginBlockEnd = format.marginBlockEnd;
|
|
58
|
+
}
|
|
43
59
|
},
|
|
44
60
|
};
|
|
45
61
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"marginFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/block/marginFormatHandler.ts"],"names":[],"mappings":";;;;IAIA,IAAM,UAAU,GAAuD;QACnE,WAAW;QACX,aAAa;QACb,cAAc;QACd,YAAY;KACf,CAAC;IAEF;;OAEG;IACU,QAAA,mBAAmB,GAAgC;QAC5D,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY;YACpC,UAAU,CAAC,OAAO,CAAC,UAAA,GAAG;gBAClB,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,CAAC;gBAEtD,IAAI,KAAK,EAAE;oBACP,QAAQ,GAAG,EAAE;wBACT,KAAK,WAAW,CAAC;wBACjB,KAAK,cAAc;4BACf,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;4BACpB,MAAM;wBAEV,KAAK,YAAY,CAAC;wBAClB,KAAK,aAAa;4BACd,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC;gCACrB,CAAC,CAAC,IAAA,uCAAkB,EAAC,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,OAAO,CAAC;oCAC9C,IAAA,uCAAkB,EAAC,KAAK,EAAE,OAAO,CAAC;oCAClC,IAAI;gCACN,CAAC,CAAC,KAAK,CAAC;4BACZ,MAAM;qBACb;iBACJ;YACL,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"marginFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/block/marginFormatHandler.ts"],"names":[],"mappings":";;;;IAIA,IAAM,UAAU,GAAuD;QACnE,WAAW;QACX,aAAa;QACb,cAAc;QACd,YAAY;KACf,CAAC;IAEF;;OAEG;IACU,QAAA,mBAAmB,GAAgC;QAC5D,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY;YACpC,UAAU,CAAC,OAAO,CAAC,UAAA,GAAG;gBAClB,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,CAAC;gBAEtD,IAAI,KAAK,EAAE;oBACP,QAAQ,GAAG,EAAE;wBACT,KAAK,WAAW,CAAC;wBACjB,KAAK,cAAc;4BACf,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;4BACpB,MAAM;wBAEV,KAAK,YAAY,CAAC;wBAClB,KAAK,aAAa;4BACd,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC;gCACrB,CAAC,CAAC,IAAA,uCAAkB,EAAC,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,OAAO,CAAC;oCAC9C,IAAA,uCAAkB,EAAC,KAAK,EAAE,OAAO,CAAC;oCAClC,IAAI;gCACN,CAAC,CAAC,KAAK,CAAC;4BACZ,MAAM;qBACb;iBACJ;YACL,CAAC,CAAC,CAAC;YAEH,IAAM,gBAAgB,GAAG,OAAO,CAAC,KAAK,CAAC,gBAAgB,IAAI,YAAY,CAAC,gBAAgB,CAAC;YACzF,IAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,IAAI,YAAY,CAAC,SAAS,CAAC;YACpE,IAAI,gBAAgB,IAAI,CAAC,SAAS,EAAE;gBAChC,MAAM,CAAC,gBAAgB,GAAG,IAAA,uCAAkB,EAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;aACzE;YAED,IAAM,cAAc,GAAG,OAAO,CAAC,KAAK,CAAC,cAAc,IAAI,YAAY,CAAC,cAAc,CAAC;YACnF,IAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC,YAAY,IAAI,YAAY,CAAC,YAAY,CAAC;YAC7E,IAAI,cAAc,IAAI,CAAC,YAAY,EAAE;gBACjC,MAAM,CAAC,cAAc,GAAG,IAAA,uCAAkB,EAAC,cAAc,CAAC,GAAG,IAAI,CAAC;aACrE;QACL,CAAC;QACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;YAC5B,UAAU,CAAC,OAAO,CAAC,UAAA,GAAG;gBAClB,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;gBAE1B,IAAI,KAAK,IAAI,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE;oBACtC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,IAAI,GAAG,CAAC;iBACrC;YACL,CAAC,CAAC,CAAC;YAEH,IAAI,MAAM,CAAC,gBAAgB,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE;gBAC9C,OAAO,CAAC,KAAK,CAAC,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;aAC5D;YAED,IAAI,MAAM,CAAC,cAAc,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE;gBAC/C,OAAO,CAAC,KAAK,CAAC,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;aACxD;QACL,CAAC;KACJ,CAAC","sourcesContent":["import { parseValueWithUnit } from '../utils/parseValueWithUnit';\nimport type { FormatHandler } from '../FormatHandler';\nimport type { MarginFormat } from 'roosterjs-content-model-types';\n\nconst MarginKeys: (keyof MarginFormat & keyof CSSStyleDeclaration)[] = [\n 'marginTop',\n 'marginRight',\n 'marginBottom',\n 'marginLeft',\n];\n\n/**\n * @internal\n */\nexport const marginFormatHandler: FormatHandler<MarginFormat> = {\n parse: (format, element, _, defaultStyle) => {\n MarginKeys.forEach(key => {\n const value = element.style[key] || defaultStyle[key];\n\n if (value) {\n switch (key) {\n case 'marginTop':\n case 'marginBottom':\n format[key] = value;\n break;\n\n case 'marginLeft':\n case 'marginRight':\n format[key] = format[key]\n ? parseValueWithUnit(format[key] || '', element) +\n parseValueWithUnit(value, element) +\n 'px'\n : value;\n break;\n }\n }\n });\n\n const marginBlockStart = element.style.marginBlockStart || defaultStyle.marginBlockStart;\n const marginTop = element.style.marginTop || defaultStyle.marginTop;\n if (marginBlockStart && !marginTop) {\n format.marginBlockStart = parseValueWithUnit(marginBlockStart) + 'px';\n }\n\n const marginBlockEnd = element.style.marginBlockEnd || defaultStyle.marginBlockEnd;\n const marginBottom = element.style.marginBottom || defaultStyle.marginBottom;\n if (marginBlockEnd && !marginBottom) {\n format.marginBlockEnd = parseValueWithUnit(marginBlockEnd) + 'px';\n }\n },\n apply: (format, element, context) => {\n MarginKeys.forEach(key => {\n const value = format[key];\n\n if (value != context.implicitFormat[key]) {\n element.style[key] = value || '0';\n }\n });\n\n if (format.marginBlockStart && !format.marginTop) {\n element.style.marginBlockStart = format.marginBlockStart;\n }\n\n if (format.marginBlockEnd && !format.marginBottom) {\n element.style.marginBlockEnd = format.marginBlockEnd;\n }\n },\n};\n"]}
|
|
@@ -29,6 +29,16 @@ export var marginFormatHandler = {
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
});
|
|
32
|
+
var marginBlockStart = element.style.marginBlockStart || defaultStyle.marginBlockStart;
|
|
33
|
+
var marginTop = element.style.marginTop || defaultStyle.marginTop;
|
|
34
|
+
if (marginBlockStart && !marginTop) {
|
|
35
|
+
format.marginBlockStart = parseValueWithUnit(marginBlockStart) + 'px';
|
|
36
|
+
}
|
|
37
|
+
var marginBlockEnd = element.style.marginBlockEnd || defaultStyle.marginBlockEnd;
|
|
38
|
+
var marginBottom = element.style.marginBottom || defaultStyle.marginBottom;
|
|
39
|
+
if (marginBlockEnd && !marginBottom) {
|
|
40
|
+
format.marginBlockEnd = parseValueWithUnit(marginBlockEnd) + 'px';
|
|
41
|
+
}
|
|
32
42
|
},
|
|
33
43
|
apply: function (format, element, context) {
|
|
34
44
|
MarginKeys.forEach(function (key) {
|
|
@@ -37,6 +47,12 @@ export var marginFormatHandler = {
|
|
|
37
47
|
element.style[key] = value || '0';
|
|
38
48
|
}
|
|
39
49
|
});
|
|
50
|
+
if (format.marginBlockStart && !format.marginTop) {
|
|
51
|
+
element.style.marginBlockStart = format.marginBlockStart;
|
|
52
|
+
}
|
|
53
|
+
if (format.marginBlockEnd && !format.marginBottom) {
|
|
54
|
+
element.style.marginBlockEnd = format.marginBlockEnd;
|
|
55
|
+
}
|
|
40
56
|
},
|
|
41
57
|
};
|
|
42
58
|
//# sourceMappingURL=marginFormatHandler.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"marginFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/block/marginFormatHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAIjE,IAAM,UAAU,GAAuD;IACnE,WAAW;IACX,aAAa;IACb,cAAc;IACd,YAAY;CACf,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,IAAM,mBAAmB,GAAgC;IAC5D,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY;QACpC,UAAU,CAAC,OAAO,CAAC,UAAA,GAAG;YAClB,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,CAAC;YAEtD,IAAI,KAAK,EAAE;gBACP,QAAQ,GAAG,EAAE;oBACT,KAAK,WAAW,CAAC;oBACjB,KAAK,cAAc;wBACf,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;wBACpB,MAAM;oBAEV,KAAK,YAAY,CAAC;oBAClB,KAAK,aAAa;wBACd,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC;4BACrB,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,OAAO,CAAC;gCAC9C,kBAAkB,CAAC,KAAK,EAAE,OAAO,CAAC;gCAClC,IAAI;4BACN,CAAC,CAAC,KAAK,CAAC;wBACZ,MAAM;iBACb;aACJ;QACL,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"marginFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/block/marginFormatHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAIjE,IAAM,UAAU,GAAuD;IACnE,WAAW;IACX,aAAa;IACb,cAAc;IACd,YAAY;CACf,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,IAAM,mBAAmB,GAAgC;IAC5D,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY;QACpC,UAAU,CAAC,OAAO,CAAC,UAAA,GAAG;YAClB,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,CAAC;YAEtD,IAAI,KAAK,EAAE;gBACP,QAAQ,GAAG,EAAE;oBACT,KAAK,WAAW,CAAC;oBACjB,KAAK,cAAc;wBACf,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;wBACpB,MAAM;oBAEV,KAAK,YAAY,CAAC;oBAClB,KAAK,aAAa;wBACd,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC;4BACrB,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,OAAO,CAAC;gCAC9C,kBAAkB,CAAC,KAAK,EAAE,OAAO,CAAC;gCAClC,IAAI;4BACN,CAAC,CAAC,KAAK,CAAC;wBACZ,MAAM;iBACb;aACJ;QACL,CAAC,CAAC,CAAC;QAEH,IAAM,gBAAgB,GAAG,OAAO,CAAC,KAAK,CAAC,gBAAgB,IAAI,YAAY,CAAC,gBAAgB,CAAC;QACzF,IAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,IAAI,YAAY,CAAC,SAAS,CAAC;QACpE,IAAI,gBAAgB,IAAI,CAAC,SAAS,EAAE;YAChC,MAAM,CAAC,gBAAgB,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;SACzE;QAED,IAAM,cAAc,GAAG,OAAO,CAAC,KAAK,CAAC,cAAc,IAAI,YAAY,CAAC,cAAc,CAAC;QACnF,IAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC,YAAY,IAAI,YAAY,CAAC,YAAY,CAAC;QAC7E,IAAI,cAAc,IAAI,CAAC,YAAY,EAAE;YACjC,MAAM,CAAC,cAAc,GAAG,kBAAkB,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;SACrE;IACL,CAAC;IACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO;QAC5B,UAAU,CAAC,OAAO,CAAC,UAAA,GAAG;YAClB,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;YAE1B,IAAI,KAAK,IAAI,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE;gBACtC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,IAAI,GAAG,CAAC;aACrC;QACL,CAAC,CAAC,CAAC;QAEH,IAAI,MAAM,CAAC,gBAAgB,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE;YAC9C,OAAO,CAAC,KAAK,CAAC,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;SAC5D;QAED,IAAI,MAAM,CAAC,cAAc,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE;YAC/C,OAAO,CAAC,KAAK,CAAC,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;SACxD;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { parseValueWithUnit } from '../utils/parseValueWithUnit';\nimport type { FormatHandler } from '../FormatHandler';\nimport type { MarginFormat } from 'roosterjs-content-model-types';\n\nconst MarginKeys: (keyof MarginFormat & keyof CSSStyleDeclaration)[] = [\n 'marginTop',\n 'marginRight',\n 'marginBottom',\n 'marginLeft',\n];\n\n/**\n * @internal\n */\nexport const marginFormatHandler: FormatHandler<MarginFormat> = {\n parse: (format, element, _, defaultStyle) => {\n MarginKeys.forEach(key => {\n const value = element.style[key] || defaultStyle[key];\n\n if (value) {\n switch (key) {\n case 'marginTop':\n case 'marginBottom':\n format[key] = value;\n break;\n\n case 'marginLeft':\n case 'marginRight':\n format[key] = format[key]\n ? parseValueWithUnit(format[key] || '', element) +\n parseValueWithUnit(value, element) +\n 'px'\n : value;\n break;\n }\n }\n });\n\n const marginBlockStart = element.style.marginBlockStart || defaultStyle.marginBlockStart;\n const marginTop = element.style.marginTop || defaultStyle.marginTop;\n if (marginBlockStart && !marginTop) {\n format.marginBlockStart = parseValueWithUnit(marginBlockStart) + 'px';\n }\n\n const marginBlockEnd = element.style.marginBlockEnd || defaultStyle.marginBlockEnd;\n const marginBottom = element.style.marginBottom || defaultStyle.marginBottom;\n if (marginBlockEnd && !marginBottom) {\n format.marginBlockEnd = parseValueWithUnit(marginBlockEnd) + 'px';\n }\n },\n apply: (format, element, context) => {\n MarginKeys.forEach(key => {\n const value = format[key];\n\n if (value != context.implicitFormat[key]) {\n element.style[key] = value || '0';\n }\n });\n\n if (format.marginBlockStart && !format.marginTop) {\n element.style.marginBlockStart = format.marginBlockStart;\n }\n\n if (format.marginBlockEnd && !format.marginBottom) {\n element.style.marginBlockEnd = format.marginBlockEnd;\n }\n },\n};\n"]}
|
package/package.json
CHANGED
|
@@ -3,11 +3,12 @@
|
|
|
3
3
|
"description": "Content Model for roosterjs (Under development)",
|
|
4
4
|
"dependencies": {
|
|
5
5
|
"tslib": "^2.3.1",
|
|
6
|
-
"roosterjs-content-model-types": "^0.
|
|
6
|
+
"roosterjs-content-model-types": "^0.20.0"
|
|
7
7
|
},
|
|
8
|
-
"version": "0.
|
|
8
|
+
"version": "0.20.0",
|
|
9
9
|
"main": "./lib/index.js",
|
|
10
10
|
"typings": "./lib/index.d.ts",
|
|
11
|
+
"module": "./lib-mjs/index.js",
|
|
11
12
|
"license": "MIT",
|
|
12
13
|
"repository": {
|
|
13
14
|
"type": "git",
|