roosterjs-content-model-dom 0.10.0

package/lib-amd/domToModel/utils/getRegularSelectionOffsets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRegularSelectionOffsets.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/utils/getRegularSelectionOffsets.ts"],"names":[],"mappings":";;;;IAEA;;;;;;OAMG;IACH,SAAgB,0BAA0B,CACtC,OAA0B,EAC1B,gBAAsB;;QAEtB,IAAI,WAAW,GACX,CAAA,MAAA,OAAO,CAAC,gBAAgB,0CAAE,cAAc,KAAI,gBAAgB;YACxD,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,WAAY;YACvC,CAAC,CAAC,CAAC,CAAC,CAAC;QACb,IAAI,SAAS,GACT,CAAA,MAAA,OAAO,CAAC,gBAAgB,0CAAE,YAAY,KAAI,gBAAgB;YACtD,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,SAAU;YACrC,CAAC,CAAC,CAAC,CAAC,CAAC;QAEb,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IACpC,CAAC;IAdD,gEAcC","sourcesContent":["import { DomToModelContext } from 'roosterjs-content-model-types';\n\n/**\n * Get offset numbers of a regular (range based) selection.\n * If the selection start/end position is not in the given node, it will return -1 for the related value\n * @param context DOM to Content Model context used for retrieve the selection\n * @param currentContainer The container node to check\n * @returns a tuple of start and end offsets. -1 means selection is not directly under the given node\n */\nexport function getRegularSelectionOffsets(\n    context: DomToModelContext,\n    currentContainer: Node\n): [number, number] {\n    let startOffset =\n        context.regularSelection?.startContainer == currentContainer\n            ? context.regularSelection.startOffset!\n            : -1;\n    let endOffset =\n        context.regularSelection?.endContainer == currentContainer\n            ? context.regularSelection.endOffset!\n            : -1;\n\n    return [startOffset, endOffset];\n}\n"]}

package/lib-amd/domToModel/utils/isBlockElement.d.ts

@@ -0,0 +1,8 @@
+import { DomToModelContext } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Check if the given element will be layout as a block
+ * @param element The element to check
+ * @param context The context of DOM to Content Model conversion
+ */
+export declare function isBlockElement(element: HTMLElement, context: DomToModelContext): boolean;

package/lib-amd/domToModel/utils/isBlockElement.js

@@ -0,0 +1,18 @@
+define(["require", "exports", "./getDefaultStyle"], function (require, exports, getDefaultStyle_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.isBlockElement = void 0;
+    var BLOCK_DISPLAY_STYLES = ['block', 'list-item', 'table', 'table-cell', 'flex'];
+    /**
+     * @internal
+     * Check if the given element will be layout as a block
+     * @param element The element to check
+     * @param context The context of DOM to Content Model conversion
+     */
+    function isBlockElement(element, context) {
+        var display = element.style.display || (0, getDefaultStyle_1.getDefaultStyle)(element, context).display || '';
+        return BLOCK_DISPLAY_STYLES.indexOf(display) >= 0;
+    }
+    exports.isBlockElement = isBlockElement;
+});
+//# sourceMappingURL=isBlockElement.js.map

package/lib-amd/domToModel/utils/isBlockElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isBlockElement.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/utils/isBlockElement.ts"],"names":[],"mappings":";;;;IAGA,IAAM,oBAAoB,GAAG,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IAEnF;;;;;OAKG;IACH,SAAgB,cAAc,CAAC,OAAoB,EAAE,OAA0B;QAC3E,IAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,IAAI,IAAA,iCAAe,EAAC,OAAO,EAAE,OAAO,CAAC,CAAC,OAAO,IAAI,EAAE,CAAC;QAEzF,OAAO,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,CAAC;IAJD,wCAIC","sourcesContent":["import { DomToModelContext } from 'roosterjs-content-model-types';\nimport { getDefaultStyle } from './getDefaultStyle';\n\nconst BLOCK_DISPLAY_STYLES = ['block', 'list-item', 'table', 'table-cell', 'flex'];\n\n/**\n * @internal\n * Check if the given element will be layout as a block\n * @param element The element to check\n * @param context The context of DOM to Content Model conversion\n */\nexport function isBlockElement(element: HTMLElement, context: DomToModelContext): boolean {\n    const display = element.style.display || getDefaultStyle(element, context).display || '';\n\n    return BLOCK_DISPLAY_STYLES.indexOf(display) >= 0;\n}\n"]}

package/lib-amd/domToModel/utils/parseFormat.d.ts

@@ -0,0 +1,9 @@
+import { ContentModelFormatBase, DomToModelContext, FormatParser } from 'roosterjs-content-model-types';
+/**
+ * Parse formats of the given HTML element using specified format parsers
+ * @param element The element to parse format from
+ * @param parsers The parses we are using to parse format
+ * @param format The format object to hold result format
+ * @param context DOM to Content Model context
+ */
+export declare function parseFormat<T extends ContentModelFormatBase>(element: HTMLElement, parsers: (FormatParser<T> | null)[], format: T, context: DomToModelContext): void;

package/lib-amd/domToModel/utils/parseFormat.js

@@ -0,0 +1,20 @@
+define(["require", "exports", "./getDefaultStyle"], function (require, exports, getDefaultStyle_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.parseFormat = void 0;
+    /**
+     * Parse formats of the given HTML element using specified format parsers
+     * @param element The element to parse format from
+     * @param parsers The parses we are using to parse format
+     * @param format The format object to hold result format
+     * @param context DOM to Content Model context
+     */
+    function parseFormat(element, parsers, format, context) {
+        var defaultStyle = (0, getDefaultStyle_1.getDefaultStyle)(element, context);
+        parsers.forEach(function (parser) {
+            parser === null || parser === void 0 ? void 0 : parser(format, element, context, defaultStyle);
+        });
+    }
+    exports.parseFormat = parseFormat;
+});
+//# sourceMappingURL=parseFormat.js.map

package/lib-amd/domToModel/utils/parseFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseFormat.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/utils/parseFormat.ts"],"names":[],"mappings":";;;;IAOA;;;;;;OAMG;IACH,SAAgB,WAAW,CACvB,OAAoB,EACpB,OAAmC,EACnC,MAAS,EACT,OAA0B;QAE1B,IAAM,YAAY,GAAG,IAAA,iCAAe,EAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAEvD,OAAO,CAAC,OAAO,CAAC,UAAA,MAAM;YAClB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;IACP,CAAC;IAXD,kCAWC","sourcesContent":["import { getDefaultStyle } from './getDefaultStyle';\nimport {\n    ContentModelFormatBase,\n    DomToModelContext,\n    FormatParser,\n} from 'roosterjs-content-model-types';\n\n/**\n * Parse formats of the given HTML element using specified format parsers\n * @param element The element to parse format from\n * @param parsers The parses we are using to parse format\n * @param format The format object to hold result format\n * @param context DOM to Content Model context\n */\nexport function parseFormat<T extends ContentModelFormatBase>(\n    element: HTMLElement,\n    parsers: (FormatParser<T> | null)[],\n    format: T,\n    context: DomToModelContext\n) {\n    const defaultStyle = getDefaultStyle(element, context);\n\n    parsers.forEach(parser => {\n        parser?.(format, element, context, defaultStyle);\n    });\n}\n"]}

package/lib-amd/domToModel/utils/stackFormat.d.ts

@@ -0,0 +1,15 @@
+import { DomToModelContext } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export interface StackFormatOptions {
+    segment?: 'shallowClone' | 'shallowCloneForBlock' | 'empty';
+    paragraph?: 'shallowClone' | 'shallowCloneForGroup' | 'empty';
+    blockDecorator?: 'empty';
+    link?: 'linkDefault' | 'cloneFormat' | 'empty';
+    code?: 'codeDefault' | 'empty';
+}
+/**
+ * @internal
+ */
+export declare function stackFormat(context: DomToModelContext, options: StackFormatOptions, callback: () => void): void;

package/lib-amd/domToModel/utils/stackFormat.js

@@ -0,0 +1,112 @@
+define(["require", "exports", "tslib", "roosterjs-editor-dom"], function (require, exports, tslib_1, roosterjs_editor_dom_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.stackFormat = void 0;
+    // Some styles, such as background color, won't be inherited by block element if it was originally
+    // declared from an inline element. So we need to skip them.
+    // e.g.
+    // <span style="background-color: red">
+    //   line 1       <---------------------------- in red here
+    //   <div>line 2</div>  <---------------------- not in red here
+    // </span>
+    var SkippedStylesForBlock = ['backgroundColor'];
+    var SkippedStylesForTable = [
+        'marginLeft',
+        'marginRight',
+        'paddingLeft',
+        'paddingRight',
+    ];
+    /**
+     * @internal
+     */
+    function stackFormat(context, options, callback) {
+        var segmentFormat = context.segmentFormat, blockFormat = context.blockFormat, linkFormat = context.link, codeFormat = context.code, decoratorFormat = context.blockDecorator;
+        var segment = options.segment, paragraph = options.paragraph, link = options.link, code = options.code, blockDecorator = options.blockDecorator;
+        try {
+            context.segmentFormat = stackFormatInternal(segmentFormat, segment);
+            context.blockFormat = stackFormatInternal(blockFormat, paragraph);
+            context.link = stackLinkInternal(linkFormat, link);
+            context.code = stackCodeInternal(codeFormat, code);
+            context.blockDecorator = stackDecoratorInternal(decoratorFormat, blockDecorator);
+            callback();
+        }
+        finally {
+            context.segmentFormat = segmentFormat;
+            context.blockFormat = blockFormat;
+            context.link = linkFormat;
+            context.code = codeFormat;
+            context.blockDecorator = decoratorFormat;
+        }
+    }
+    exports.stackFormat = stackFormat;
+    function stackLinkInternal(linkFormat, link) {
+        switch (link) {
+            case 'linkDefault':
+                return {
+                    format: {
+                        underline: true,
+                    },
+                    dataset: {},
+                };
+            case 'empty':
+                return {
+                    format: {},
+                    dataset: {},
+                };
+            case 'cloneFormat':
+            default:
+                return {
+                    dataset: linkFormat.dataset,
+                    format: (0, tslib_1.__assign)({}, linkFormat.format),
+                };
+        }
+    }
+    function stackCodeInternal(codeFormat, code) {
+        switch (code) {
+            case 'codeDefault':
+                return {
+                    format: {
+                        fontFamily: 'monospace',
+                    },
+                };
+            case 'empty':
+                return {
+                    format: {},
+                };
+            default:
+                return codeFormat;
+        }
+    }
+    function stackDecoratorInternal(format, decorator) {
+        switch (decorator) {
+            case 'empty':
+                return {
+                    format: {},
+                    tagName: '',
+                };
+            default:
+                return format;
+        }
+    }
+    function stackFormatInternal(format, processType) {
+        switch (processType) {
+            case 'empty':
+                return {};
+            case undefined:
+                return format;
+            default:
+                var result_1 = (0, tslib_1.__assign)({}, format);
+                (0, roosterjs_editor_dom_1.getObjectKeys)(format).forEach(function (key) {
+                    if ((processType == 'shallowCloneForBlock' &&
+                        SkippedStylesForBlock.indexOf(key) >=
+                            0) ||
+                        (processType == 'shallowCloneForGroup' &&
+                            SkippedStylesForTable.indexOf(key) >= 0)) {
+                        delete result_1[key];
+                    }
+                });
+                return result_1;
+        }
+    }
+});
+//# sourceMappingURL=stackFormat.js.map

package/lib-amd/domToModel/utils/stackFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stackFormat.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/utils/stackFormat.ts"],"names":[],"mappings":"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","sourcesContent":["import { getObjectKeys } from 'roosterjs-editor-dom';\nimport {\n    ContentModelBlockFormat,\n    ContentModelCode,\n    ContentModelFormatBase,\n    ContentModelLink,\n    ContentModelParagraphDecorator,\n    ContentModelSegmentFormat,\n    DomToModelContext,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport interface StackFormatOptions {\n    segment?: 'shallowClone' | 'shallowCloneForBlock' | 'empty';\n    paragraph?: 'shallowClone' | 'shallowCloneForGroup' | 'empty';\n    blockDecorator?: 'empty';\n    link?: 'linkDefault' | 'cloneFormat' | 'empty';\n    code?: 'codeDefault' | 'empty';\n}\n\n// Some styles, such as background color, won't be inherited by block element if it was originally\n// declared from an inline element. So we need to skip them.\n// e.g.\n// <span style=\"background-color: red\">\n//   line 1       <---------------------------- in red here\n//   <div>line 2</div>  <---------------------- not in red here\n// </span>\nconst SkippedStylesForBlock: (keyof ContentModelSegmentFormat)[] = ['backgroundColor'];\nconst SkippedStylesForTable: (keyof ContentModelBlockFormat)[] = [\n    'marginLeft',\n    'marginRight',\n    'paddingLeft',\n    'paddingRight',\n];\n\n/**\n * @internal\n */\nexport function stackFormat(\n    context: DomToModelContext,\n    options: StackFormatOptions,\n    callback: () => void\n) {\n    const {\n        segmentFormat,\n        blockFormat,\n        link: linkFormat,\n        code: codeFormat,\n        blockDecorator: decoratorFormat,\n    } = context;\n    const { segment, paragraph, link, code, blockDecorator } = options;\n\n    try {\n        context.segmentFormat = stackFormatInternal(segmentFormat, segment);\n        context.blockFormat = stackFormatInternal(blockFormat, paragraph);\n        context.link = stackLinkInternal(linkFormat, link);\n        context.code = stackCodeInternal(codeFormat, code);\n        context.blockDecorator = stackDecoratorInternal(decoratorFormat, blockDecorator);\n\n        callback();\n    } finally {\n        context.segmentFormat = segmentFormat;\n        context.blockFormat = blockFormat;\n        context.link = linkFormat;\n        context.code = codeFormat;\n        context.blockDecorator = decoratorFormat;\n    }\n}\n\nfunction stackLinkInternal(\n    linkFormat: ContentModelLink,\n    link?: 'linkDefault' | 'cloneFormat' | 'empty'\n) {\n    switch (link) {\n        case 'linkDefault':\n            return {\n                format: {\n                    underline: true,\n                },\n                dataset: {},\n            };\n\n        case 'empty':\n            return {\n                format: {},\n                dataset: {},\n            };\n\n        case 'cloneFormat':\n        default:\n            return {\n                dataset: linkFormat.dataset,\n                format: { ...linkFormat.format },\n            };\n    }\n}\n\nfunction stackCodeInternal(codeFormat: ContentModelCode, code?: 'codeDefault' | 'empty') {\n    switch (code) {\n        case 'codeDefault':\n            return {\n                format: {\n                    fontFamily: 'monospace',\n                },\n            };\n        case 'empty':\n            return {\n                format: {},\n            };\n        default:\n            return codeFormat;\n    }\n}\n\nfunction stackDecoratorInternal(\n    format: ContentModelParagraphDecorator,\n    decorator?: 'decoratorDefault' | 'empty'\n) {\n    switch (decorator) {\n        case 'empty':\n            return {\n                format: {},\n                tagName: '',\n            };\n        default:\n            return format;\n    }\n}\n\nfunction stackFormatInternal<T extends ContentModelFormatBase>(\n    format: T,\n    processType?: 'shallowClone' | 'shallowCloneForBlock' | 'shallowCloneForGroup' | 'empty'\n): T | {} {\n    switch (processType) {\n        case 'empty':\n            return {};\n\n        case undefined:\n            return format;\n\n        default:\n            const result = { ...format };\n\n            getObjectKeys(format).forEach(key => {\n                if (\n                    (processType == 'shallowCloneForBlock' &&\n                        SkippedStylesForBlock.indexOf(key as keyof ContentModelSegmentFormat) >=\n                            0) ||\n                    (processType == 'shallowCloneForGroup' &&\n                        SkippedStylesForTable.indexOf(key as keyof ContentModelBlockFormat) >= 0)\n                ) {\n                    delete result[key];\n                }\n            });\n\n            return result;\n    }\n}\n"]}

package/lib-amd/domUtils/isNodeOfType.d.ts

@@ -0,0 +1,44 @@
+import { NodeType } from 'roosterjs-editor-types';
+/**
+ * A type map from node type number to its type declaration. This is used by utility function isNodeOfType()
+ */
+export interface NodeTypeMap {
+    /**
+     * Attribute node
+     */
+    [NodeType.Attribute]: Attr;
+    /**
+     * Comment node
+     */
+    [NodeType.Comment]: Comment;
+    /**
+     * DocumentFragment node
+     */
+    [NodeType.DocumentFragment]: DocumentFragment;
+    /**
+     * Document node
+     */
+    [NodeType.Document]: Document;
+    /**
+     * DocumentType node
+     */
+    [NodeType.DocumentType]: DocumentType;
+    /**
+     * HTMLElement node
+     */
+    [NodeType.Element]: HTMLElement;
+    /**
+     * ProcessingInstruction node
+     */
+    [NodeType.ProcessingInstruction]: ProcessingInstruction;
+    /**
+     * Text node
+     */
+    [NodeType.Text]: Text;
+}
+/**
+ * Type checker for Node. Return true if it of the specified node type
+ * @param node The node to check
+ * @param expectedType The type to check
+ */
+export declare function isNodeOfType<T extends NodeType>(node: Node | null | undefined, expectedType: T): node is NodeTypeMap[T];

package/lib-amd/domUtils/isNodeOfType.js

@@ -0,0 +1,15 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.isNodeOfType = void 0;
+    /**
+     * Type checker for Node. Return true if it of the specified node type
+     * @param node The node to check
+     * @param expectedType The type to check
+     */
+    function isNodeOfType(node, expectedType) {
+        return !!node && node.nodeType == expectedType;
+    }
+    exports.isNodeOfType = isNodeOfType;
+});
+//# sourceMappingURL=isNodeOfType.js.map

package/lib-amd/domUtils/isNodeOfType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isNodeOfType.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-dom/lib/domUtils/isNodeOfType.ts"],"names":[],"mappings":";;;;IA8CA;;;;OAIG;IACH,SAAgB,YAAY,CACxB,IAA6B,EAC7B,YAAe;QAEf,OAAO,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC;IACnD,CAAC;IALD,oCAKC","sourcesContent":["import { NodeType } from 'roosterjs-editor-types';\n\n/**\n * A type map from node type number to its type declaration. This is used by utility function isNodeOfType()\n */\nexport interface NodeTypeMap {\n    /**\n     * Attribute node\n     */\n    [NodeType.Attribute]: Attr;\n\n    /**\n     * Comment node\n     */\n    [NodeType.Comment]: Comment;\n\n    /**\n     * DocumentFragment node\n     */\n    [NodeType.DocumentFragment]: DocumentFragment;\n\n    /**\n     * Document node\n     */\n    [NodeType.Document]: Document;\n\n    /**\n     * DocumentType node\n     */\n    [NodeType.DocumentType]: DocumentType;\n\n    /**\n     * HTMLElement node\n     */\n    [NodeType.Element]: HTMLElement;\n    /**\n     * ProcessingInstruction node\n     */\n    [NodeType.ProcessingInstruction]: ProcessingInstruction;\n\n    /**\n     * Text node\n     */\n    [NodeType.Text]: Text;\n}\n\n/**\n * Type checker for Node. Return true if it of the specified node type\n * @param node The node to check\n * @param expectedType The type to check\n */\nexport function isNodeOfType<T extends NodeType>(\n    node: Node | null | undefined,\n    expectedType: T\n): node is NodeTypeMap[T] {\n    return !!node && node.nodeType == expectedType;\n}\n"]}

package/lib-amd/domUtils/metadata/updateListMetadata.d.ts

@@ -0,0 +1,8 @@
+import { ContentModelWithDataset, ListMetadataFormat } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Update list metadata with a callback
+ * @param list The list Content Model (metadata holder)
+ * @param callback The callback function used for updating metadata
+ */
+export declare function updateListMetadata(list: ContentModelWithDataset<ListMetadataFormat>, callback?: (format: ListMetadataFormat | null) => ListMetadataFormat | null): ListMetadataFormat | null;

package/lib-amd/domUtils/metadata/updateListMetadata.js

@@ -0,0 +1,20 @@
+define(["require", "exports", "roosterjs-editor-dom", "./updateMetadata"], function (require, exports, roosterjs_editor_dom_1, updateMetadata_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.updateListMetadata = void 0;
+    var ListStyleDefinitionMetadata = (0, roosterjs_editor_dom_1.createObjectDefinition)({
+        orderedStyleType: (0, roosterjs_editor_dom_1.createNumberDefinition)(true /** isOptional */, undefined /** value **/, 1 /* Min */, 20 /* Max */),
+        unorderedStyleType: (0, roosterjs_editor_dom_1.createNumberDefinition)(true /** isOptional */, undefined /** value **/, 1 /* Min */, 9 /* Max */),
+    }, true /** isOptional */, true /** allowNull */);
+    /**
+     * @internal
+     * Update list metadata with a callback
+     * @param list The list Content Model (metadata holder)
+     * @param callback The callback function used for updating metadata
+     */
+    function updateListMetadata(list, callback) {
+        return (0, updateMetadata_1.updateMetadata)(list, callback, ListStyleDefinitionMetadata);
+    }
+    exports.updateListMetadata = updateListMetadata;
+});
+//# sourceMappingURL=updateListMetadata.js.map

package/lib-amd/domUtils/metadata/updateListMetadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"updateListMetadata.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domUtils/metadata/updateListMetadata.ts"],"names":[],"mappings":";;;;IAKA,IAAM,2BAA2B,GAAG,IAAA,6CAAsB,EACtD;QACI,gBAAgB,EAAE,IAAA,6CAAsB,EACpC,IAAI,CAAC,iBAAiB,EACtB,SAAS,CAAC,aAAa,4BAG1B;QACD,kBAAkB,EAAE,IAAA,6CAAsB,EACtC,IAAI,CAAC,iBAAiB,EACtB,SAAS,CAAC,aAAa,2BAG1B;KACJ,EACD,IAAI,CAAC,iBAAiB,EACtB,IAAI,CAAC,gBAAgB,CACxB,CAAC;IAEF;;;;;OAKG;IACH,SAAgB,kBAAkB,CAC9B,IAAiD,EACjD,QAA2E;QAE3E,OAAO,IAAA,+BAAc,EAAC,IAAI,EAAE,QAAQ,EAAE,2BAA2B,CAAC,CAAC;IACvE,CAAC;IALD,gDAKC","sourcesContent":["import { BulletListType, NumberingListType } from 'roosterjs-editor-types';\nimport { ContentModelWithDataset, ListMetadataFormat } from 'roosterjs-content-model-types';\nimport { createNumberDefinition, createObjectDefinition } from 'roosterjs-editor-dom';\nimport { updateMetadata } from './updateMetadata';\n\nconst ListStyleDefinitionMetadata = createObjectDefinition<ListMetadataFormat>(\n    {\n        orderedStyleType: createNumberDefinition(\n            true /** isOptional */,\n            undefined /** value **/,\n            NumberingListType.Min,\n            NumberingListType.Max\n        ),\n        unorderedStyleType: createNumberDefinition(\n            true /** isOptional */,\n            undefined /** value **/,\n            BulletListType.Min,\n            BulletListType.Max\n        ),\n    },\n    true /** isOptional */,\n    true /** allowNull */\n);\n\n/**\n * @internal\n * Update list metadata with a callback\n * @param list The list Content Model (metadata holder)\n * @param callback The callback function used for updating metadata\n */\nexport function updateListMetadata(\n    list: ContentModelWithDataset<ListMetadataFormat>,\n    callback?: (format: ListMetadataFormat | null) => ListMetadataFormat | null\n): ListMetadataFormat | null {\n    return updateMetadata(list, callback, ListStyleDefinitionMetadata);\n}\n"]}

package/lib-amd/domUtils/metadata/updateMetadata.d.ts

@@ -0,0 +1,15 @@
+import { ContentModelWithDataset } from 'roosterjs-content-model-types';
+import { Definition } from 'roosterjs-editor-types';
+/**
+ * Update metadata of the given model
+ * @param model The model to update metadata to
+ * @param callback A callback function to update metadata
+ * @param definition @optional Metadata definition used for verify the metadata object
+ * @returns The metadata object if any, or null
+ */
+export declare function updateMetadata<T>(model: ContentModelWithDataset<T>, callback?: (metadata: T | null) => T | null, definition?: Definition<T>): T | null;
+/**
+ * Check if the given model has metadata
+ * @param model The content model to check
+ */
+export declare function hasMetadata<T>(model: ContentModelWithDataset<T> | HTMLElement): boolean;

package/lib-amd/domUtils/metadata/updateMetadata.js

@@ -0,0 +1,44 @@
+define(["require", "exports", "roosterjs-editor-dom"], function (require, exports, roosterjs_editor_dom_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.hasMetadata = exports.updateMetadata = void 0;
+    var EditingInfoDatasetName = 'editingInfo';
+    /**
+     * Update metadata of the given model
+     * @param model The model to update metadata to
+     * @param callback A callback function to update metadata
+     * @param definition @optional Metadata definition used for verify the metadata object
+     * @returns The metadata object if any, or null
+     */
+    function updateMetadata(model, callback, definition) {
+        var metadataString = model.dataset[EditingInfoDatasetName];
+        var obj = null;
+        try {
+            obj = JSON.parse(metadataString);
+        }
+        catch (_a) { }
+        if (definition && !(0, roosterjs_editor_dom_1.validate)(obj, definition)) {
+            obj = null;
+        }
+        if (callback) {
+            obj = callback(obj);
+            if (!obj) {
+                delete model.dataset[EditingInfoDatasetName];
+            }
+            else if (!definition || (0, roosterjs_editor_dom_1.validate)(obj, definition)) {
+                model.dataset[EditingInfoDatasetName] = JSON.stringify(obj);
+            }
+        }
+        return obj;
+    }
+    exports.updateMetadata = updateMetadata;
+    /**
+     * Check if the given model has metadata
+     * @param model The content model to check
+     */
+    function hasMetadata(model) {
+        return !!model.dataset[EditingInfoDatasetName];
+    }
+    exports.hasMetadata = hasMetadata;
+});
+//# sourceMappingURL=updateMetadata.js.map

package/lib-amd/domUtils/metadata/updateMetadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"updateMetadata.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domUtils/metadata/updateMetadata.ts"],"names":[],"mappings":";;;;IAIA,IAAM,sBAAsB,GAAG,aAAa,CAAC;IAE7C;;;;;;OAMG;IACH,SAAgB,cAAc,CAC1B,KAAiC,EACjC,QAA2C,EAC3C,UAA0B;QAE1B,IAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;QAC7D,IAAI,GAAG,GAAa,IAAI,CAAC;QAEzB,IAAI;YACA,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAM,CAAC;SACzC;QAAC,WAAM,GAAE;QAEV,IAAI,UAAU,IAAI,CAAC,IAAA,+BAAQ,EAAC,GAAG,EAAE,UAAU,CAAC,EAAE;YAC1C,GAAG,GAAG,IAAI,CAAC;SACd;QAED,IAAI,QAAQ,EAAE;YACV,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;YAEpB,IAAI,CAAC,GAAG,EAAE;gBACN,OAAO,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;aAChD;iBAAM,IAAI,CAAC,UAAU,IAAI,IAAA,+BAAQ,EAAC,GAAG,EAAE,UAAU,CAAC,EAAE;gBACjD,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;aAC/D;SACJ;QAED,OAAO,GAAG,CAAC;IACf,CAAC;IA3BD,wCA2BC;IAED;;;OAGG;IACH,SAAgB,WAAW,CAAI,KAA+C;QAC1E,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;IACnD,CAAC;IAFD,kCAEC","sourcesContent":["import { ContentModelWithDataset } from 'roosterjs-content-model-types';\nimport { Definition } from 'roosterjs-editor-types';\nimport { validate } from 'roosterjs-editor-dom';\n\nconst EditingInfoDatasetName = 'editingInfo';\n\n/**\n * Update metadata of the given model\n * @param model The model to update metadata to\n * @param callback A callback function to update metadata\n * @param definition @optional Metadata definition used for verify the metadata object\n * @returns The metadata object if any, or null\n */\nexport function updateMetadata<T>(\n    model: ContentModelWithDataset<T>,\n    callback?: (metadata: T | null) => T | null,\n    definition?: Definition<T>\n): T | null {\n    const metadataString = model.dataset[EditingInfoDatasetName];\n    let obj: T | null = null;\n\n    try {\n        obj = JSON.parse(metadataString) as T;\n    } catch {}\n\n    if (definition && !validate(obj, definition)) {\n        obj = null;\n    }\n\n    if (callback) {\n        obj = callback(obj);\n\n        if (!obj) {\n            delete model.dataset[EditingInfoDatasetName];\n        } else if (!definition || validate(obj, definition)) {\n            model.dataset[EditingInfoDatasetName] = JSON.stringify(obj);\n        }\n    }\n\n    return obj;\n}\n\n/**\n * Check if the given model has metadata\n * @param model The content model to check\n */\nexport function hasMetadata<T>(model: ContentModelWithDataset<T> | HTMLElement): boolean {\n    return !!model.dataset[EditingInfoDatasetName];\n}\n"]}

package/lib-amd/domUtils/stringUtil.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Check if the given character is punctuation
+ * @param char The character to check
+ */
+export declare function isPunctuation(char: string): boolean;
+/**
+ * Check if the give character is a space. A space can be normal ASCII pace (32) or non-break space (160) or other kinds of spaces
+ * such as ZeroWidthSpace, ...
+ * @param char The character to check
+ */
+export declare function isSpace(char: string): boolean;
+/**
+ * @internal
+ * Check if the given string only has space, including line breaks.
+ * @param txt The string to check
+ */
+export declare function hasSpacesOnly(txt: string): boolean;
+/**
+ * Normalize spaces of the given string. After normalization, all leading (for forward) or trailing (for backward) spaces
+ * will be replaces with non-break space (160)
+ * @param txt The string to normalize
+ * @param isForward Whether normalize forward or backward
+ */
+export declare function normalizeText(txt: string, isForward: boolean): string;

package/lib-amd/domUtils/stringUtil.js

@@ -0,0 +1,49 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.normalizeText = exports.hasSpacesOnly = exports.isSpace = exports.isPunctuation = void 0;
+    // A regex to match text that only has space and CR
+    // We use real space char " " (\u0020) here but not "\s" since "\s" will also match " " (\u00A0) which is something we need to keep
+    var SPACE_TEXT_REGEX = /^[\r\n\t ]*$/;
+    var SPACES_REGEX = /[\u2000\u2009\u200a​\u200b​\u202f\u205f​\u3000\s\t\r\n]/gm;
+    var PUNCTUATIONS = '.,?!:"()[]\\/';
+    /**
+     * Check if the given character is punctuation
+     * @param char The character to check
+     */
+    function isPunctuation(char) {
+        return PUNCTUATIONS.indexOf(char) >= 0;
+    }
+    exports.isPunctuation = isPunctuation;
+    /**
+     * Check if the give character is a space. A space can be normal ASCII pace (32) or non-break space (160) or other kinds of spaces
+     * such as ZeroWidthSpace, ...
+     * @param char The character to check
+     */
+    function isSpace(char) {
+        var _a;
+        var code = (_a = char === null || char === void 0 ? void 0 : char.charCodeAt(0)) !== null && _a !== void 0 ? _a : 0;
+        return code == 160 || code == 32 || SPACES_REGEX.test(char);
+    }
+    exports.isSpace = isSpace;
+    /**
+     * @internal
+     * Check if the given string only has space, including line breaks.
+     * @param txt The string to check
+     */
+    function hasSpacesOnly(txt) {
+        return SPACE_TEXT_REGEX.test(txt);
+    }
+    exports.hasSpacesOnly = hasSpacesOnly;
+    /**
+     * Normalize spaces of the given string. After normalization, all leading (for forward) or trailing (for backward) spaces
+     * will be replaces with non-break space (160)
+     * @param txt The string to normalize
+     * @param isForward Whether normalize forward or backward
+     */
+    function normalizeText(txt, isForward) {
+        return txt.replace(isForward ? /^\u0020+/ : /\u0020+$/, '\u00A0');
+    }
+    exports.normalizeText = normalizeText;
+});
+//# sourceMappingURL=stringUtil.js.map

package/lib-amd/domUtils/stringUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stringUtil.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-dom/lib/domUtils/stringUtil.ts"],"names":[],"mappings":";;;;IAAA,mDAAmD;IACnD,wIAAwI;IACxI,IAAM,gBAAgB,GAAG,cAAc,CAAC;IAExC,IAAM,YAAY,GAAG,2DAA2D,CAAC;IACjF,IAAM,YAAY,GAAG,eAAe,CAAC;IAErC;;;OAGG;IACH,SAAgB,aAAa,CAAC,IAAY;QACtC,OAAO,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IAFD,sCAEC;IAED;;;;OAIG;IACH,SAAgB,OAAO,CAAC,IAAY;;QAChC,IAAM,IAAI,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,CAAC,CAAC,CAAC,mCAAI,CAAC,CAAC;QACtC,OAAO,IAAI,IAAI,GAAG,IAAI,IAAI,IAAI,EAAE,IAAI,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChE,CAAC;IAHD,0BAGC;IAED;;;;OAIG;IACH,SAAgB,aAAa,CAAC,GAAW;QACrC,OAAO,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACtC,CAAC;IAFD,sCAEC;IAED;;;;;OAKG;IACH,SAAgB,aAAa,CAAC,GAAW,EAAE,SAAkB;QACzD,OAAO,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IACtE,CAAC;IAFD,sCAEC","sourcesContent":["// A regex to match text that only has space and CR\n// We use real space char \" \" (\\u0020) here but not \"\\s\" since \"\\s\" will also match \" \" (\\u00A0) which is something we need to keep\nconst SPACE_TEXT_REGEX = /^[\\r\\n\\t ]*$/;\n\nconst SPACES_REGEX = /[\\u2000\\u2009\\u200a​\\u200b​\\u202f\\u205f​\\u3000\\s\\t\\r\\n]/gm;\nconst PUNCTUATIONS = '.,?!:\"()[]\\\\/';\n\n/**\n * Check if the given character is punctuation\n * @param char The character to check\n */\nexport function isPunctuation(char: string) {\n    return PUNCTUATIONS.indexOf(char) >= 0;\n}\n\n/**\n * Check if the give character is a space. A space can be normal ASCII pace (32) or non-break space (160) or other kinds of spaces\n * such as ZeroWidthSpace, ...\n * @param char The character to check\n */\nexport function isSpace(char: string) {\n    const code = char?.charCodeAt(0) ?? 0;\n    return code == 160 || code == 32 || SPACES_REGEX.test(char);\n}\n\n/**\n * @internal\n * Check if the given string only has space, including line breaks.\n * @param txt The string to check\n */\nexport function hasSpacesOnly(txt: string): boolean {\n    return SPACE_TEXT_REGEX.test(txt);\n}\n\n/**\n * Normalize spaces of the given string. After normalization, all leading (for forward) or trailing (for backward) spaces\n * will be replaces with non-break space (160)\n * @param txt The string to normalize\n * @param isForward Whether normalize forward or backward\n */\nexport function normalizeText(txt: string, isForward: boolean): string {\n    return txt.replace(isForward ? /^\\u0020+/ : /\\u0020+$/, '\\u00A0');\n}\n"]}

package/lib-amd/formatHandlers/FormatHandler.d.ts

@@ -0,0 +1,15 @@
+import { ContentModelFormatBase, FormatApplier, FormatParser } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Represents an object that will handle a given format
+ */
+export interface FormatHandler<TFormat extends ContentModelFormatBase> {
+    /**
+     * Parse format from the given HTML element and default style
+     */
+    parse: FormatParser<TFormat>;
+    /**
+     * Apply format to the given HTML element
+     */
+    apply: FormatApplier<TFormat>;
+}

package/lib-amd/formatHandlers/FormatHandler.js

@@ -0,0 +1,5 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=FormatHandler.js.map

package/lib-amd/formatHandlers/FormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormatHandler.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/FormatHandler.ts"],"names":[],"mappings":"","sourcesContent":["import { ContentModelFormatBase, FormatApplier, FormatParser } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Represents an object that will handle a given format\n */\nexport interface FormatHandler<TFormat extends ContentModelFormatBase> {\n    /**\n     * Parse format from the given HTML element and default style\n     */\n    parse: FormatParser<TFormat>;\n\n    /**\n     * Apply format to the given HTML element\n     */\n    apply: FormatApplier<TFormat>;\n}\n"]}

package/lib-amd/formatHandlers/block/directionFormatHandler.d.ts

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

package/lib-amd/formatHandlers/block/directionFormatHandler.js

@@ -0,0 +1,22 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.directionFormatHandler = void 0;
+    /**
+     * @internal
+     */
+    exports.directionFormatHandler = {
+        parse: function (format, element, _, defaultStyle) {
+            var dir = element.style.direction || element.dir || defaultStyle.direction;
+            if (dir) {
+                format.direction = dir == 'rtl' ? 'rtl' : 'ltr';
+            }
+        },
+        apply: function (format, element) {
+            if (format.direction) {
+                element.style.direction = format.direction;
+            }
+        },
+    };
+});
+//# sourceMappingURL=directionFormatHandler.js.map

package/lib-amd/formatHandlers/block/directionFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"directionFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/block/directionFormatHandler.ts"],"names":[],"mappings":";;;;IAGA;;OAEG;IACU,QAAA,sBAAsB,GAAmC;QAClE,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY;YACpC,IAAM,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,IAAI,OAAO,CAAC,GAAG,IAAI,YAAY,CAAC,SAAS,CAAC;YAE7E,IAAI,GAAG,EAAE;gBACL,MAAM,CAAC,SAAS,GAAG,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;aACnD;QACL,CAAC;QACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,IAAI,MAAM,CAAC,SAAS,EAAE;gBAClB,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;aAC9C;QACL,CAAC;KACJ,CAAC","sourcesContent":["import { DirectionFormat } from 'roosterjs-content-model-types';\nimport { FormatHandler } from '../FormatHandler';\n\n/**\n * @internal\n */\nexport const directionFormatHandler: FormatHandler<DirectionFormat> = {\n    parse: (format, element, _, defaultStyle) => {\n        const dir = element.style.direction || element.dir || defaultStyle.direction;\n\n        if (dir) {\n            format.direction = dir == 'rtl' ? 'rtl' : 'ltr';\n        }\n    },\n    apply: (format, element) => {\n        if (format.direction) {\n            element.style.direction = format.direction;\n        }\n    },\n};\n"]}

package/lib-amd/formatHandlers/block/displayFormatHandler.d.ts

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

package/lib-amd/formatHandlers/block/displayFormatHandler.js

@@ -0,0 +1,22 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.displayFormatHandler = void 0;
+    /**
+     * @internal
+     */
+    exports.displayFormatHandler = {
+        parse: function (format, element) {
+            var display = element.style.display;
+            if (display) {
+                format.display = display;
+            }
+        },
+        apply: function (format, element) {
+            if (format.display) {
+                element.style.display = format.display;
+            }
+        },
+    };
+});
+//# sourceMappingURL=displayFormatHandler.js.map

package/lib-amd/formatHandlers/block/displayFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"displayFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/block/displayFormatHandler.ts"],"names":[],"mappings":";;;;IAGA;;OAEG;IACU,QAAA,oBAAoB,GAAiC;QAC9D,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,IAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;YAEtC,IAAI,OAAO,EAAE;gBACT,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;aAC5B;QACL,CAAC;QACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,IAAI,MAAM,CAAC,OAAO,EAAE;gBAChB,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;aAC1C;QACL,CAAC;KACJ,CAAC","sourcesContent":["import { DisplayFormat } from 'roosterjs-content-model-types';\nimport { FormatHandler } from '../FormatHandler';\n\n/**\n * @internal\n */\nexport const displayFormatHandler: FormatHandler<DisplayFormat> = {\n    parse: (format, element) => {\n        const display = element.style.display;\n\n        if (display) {\n            format.display = display;\n        }\n    },\n    apply: (format, element) => {\n        if (format.display) {\n            element.style.display = format.display;\n        }\n    },\n};\n"]}

package/lib-amd/formatHandlers/block/htmlAlignFormatHandler.d.ts

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

package/lib-amd/formatHandlers/block/htmlAlignFormatHandler.js

@@ -0,0 +1,26 @@
+define(["require", "exports", "../utils/dir", "./directionFormatHandler"], function (require, exports, dir_1, directionFormatHandler_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.htmlAlignFormatHandler = void 0;
+    /**
+     * @internal
+     */
+    exports.htmlAlignFormatHandler = {
+        parse: function (format, element, context, defaultStyle) {
+            directionFormatHandler_1.directionFormatHandler.parse(format, element, context, defaultStyle);
+            var htmlAlign = element.getAttribute('align');
+            if (htmlAlign) {
+                format.htmlAlign = (0, dir_1.calcAlign)(htmlAlign, format.direction);
+                delete format.textAlign;
+                delete context.blockFormat.textAlign;
+            }
+        },
+        apply: function (format, element) {
+            var dir = format.direction == 'rtl' ? 'rtl' : 'ltr';
+            if (format.htmlAlign) {
+                element.setAttribute('align', dir_1.ResultMap[format.htmlAlign][dir]);
+            }
+        },
+    };
+});
+//# sourceMappingURL=htmlAlignFormatHandler.js.map

package/lib-amd/formatHandlers/block/htmlAlignFormatHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"htmlAlignFormatHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/formatHandlers/block/htmlAlignFormatHandler.ts"],"names":[],"mappings":";;;;IAKA;;OAEG;IACU,QAAA,sBAAsB,GAE/B;QACA,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY;YAC1C,+CAAsB,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC;YAErE,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YAEhD,IAAI,SAAS,EAAE;gBACX,MAAM,CAAC,SAAS,GAAG,IAAA,eAAS,EAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;gBAC1D,OAAO,MAAM,CAAC,SAAS,CAAC;gBACxB,OAAO,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC;aACxC;QACL,CAAC;QACD,KAAK,EAAE,UAAC,MAAM,EAAE,OAAO;YACnB,IAAM,GAAG,GAAkB,MAAM,CAAC,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;YAErE,IAAI,MAAM,CAAC,SAAS,EAAE;gBAClB,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,eAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;aACnE;QACL,CAAC;KACJ,CAAC","sourcesContent":["import { calcAlign, ResultMap } from '../utils/dir';\nimport { DirectionFormat, HtmlAlignFormat, TextAlignFormat } from 'roosterjs-content-model-types';\nimport { directionFormatHandler } from './directionFormatHandler';\nimport { FormatHandler } from '../FormatHandler';\n\n/**\n * @internal\n */\nexport const htmlAlignFormatHandler: FormatHandler<\n    DirectionFormat & HtmlAlignFormat & TextAlignFormat\n> = {\n    parse: (format, element, context, defaultStyle) => {\n        directionFormatHandler.parse(format, element, context, defaultStyle);\n\n        const htmlAlign = element.getAttribute('align');\n\n        if (htmlAlign) {\n            format.htmlAlign = calcAlign(htmlAlign, format.direction);\n            delete format.textAlign;\n            delete context.blockFormat.textAlign;\n        }\n    },\n    apply: (format, element) => {\n        const dir: 'ltr' | 'rtl' = format.direction == 'rtl' ? 'rtl' : 'ltr';\n\n        if (format.htmlAlign) {\n            element.setAttribute('align', ResultMap[format.htmlAlign][dir]);\n        }\n    },\n};\n"]}