roosterjs-content-model-plugins 0.24.0 → 0.26.0

package/lib-amd/pluginUtils/DragAndDrop/DragAndDropHelper.js

@@ -0,0 +1,121 @@
+define(["require", "exports", "tslib"], function (require, exports, tslib_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    /**
+     * Generate event names and getXY function based on different platforms to be compatible with desktop and mobile browsers
+     */
+    var MOUSE_EVENT_INFO_DESKTOP = (function () {
+        return {
+            MOUSEDOWN: 'mousedown',
+            MOUSEMOVE: 'mousemove',
+            MOUSEUP: 'mouseup',
+            getPageXY: getMouseEventPageXY,
+        };
+    })();
+    var MOUSE_EVENT_INFO_MOBILE = (function () {
+        return {
+            MOUSEDOWN: 'touchstart',
+            MOUSEMOVE: 'touchmove',
+            MOUSEUP: 'touchend',
+            getPageXY: getTouchEventPageXY,
+        };
+    })();
+    function getMouseEventPageXY(e) {
+        return [e.pageX, e.pageY];
+    }
+    function getTouchEventPageXY(e) {
+        var pageX = 0;
+        var pageY = 0;
+        if (e.targetTouches && e.targetTouches.length > 0) {
+            var touch = e.targetTouches[0];
+            pageX = touch.pageX;
+            pageY = touch.pageY;
+        }
+        return [pageX, pageY];
+    }
+    /**
+     * @internal
+     * A helper class to help manage drag and drop to an HTML element
+     */
+    var DragAndDropHelper = /** @class */ (function () {
+        /**
+         * Create a new instance of DragAndDropHelper class
+         * @param trigger The trigger element. When user start drag on this element,
+         * events will be fired to the handler object
+         * @param context Context object that will be passed to handler function when event is fired,
+         * so that the handler object knows which element it is triggered from.
+         * @param onSubmit A callback that will be invoked when event handler in handler object returns true
+         * @param handler The event handler object, see DragAndDropHandler interface for more information
+         * @param zoomScale The zoom scale of the editor
+         * @param forceMobile A boolean to force the use of touch controls for the helper
+         */
+        function DragAndDropHelper(trigger, context, onSubmit, handler, zoomScale, forceMobile) {
+            var _this = this;
+            this.trigger = trigger;
+            this.context = context;
+            this.onSubmit = onSubmit;
+            this.handler = handler;
+            this.zoomScale = zoomScale;
+            this.initX = 0;
+            this.initY = 0;
+            this.initValue = undefined;
+            this.onMouseDown = function (e) {
+                var _a;
+                var _b, _c;
+                e.preventDefault();
+                e.stopPropagation();
+                _this.addDocumentEvents();
+                _a = (0, tslib_1.__read)(_this.dndMouse.getPageXY(e), 2), _this.initX = _a[0], _this.initY = _a[1];
+                _this.initValue = (_c = (_b = _this.handler).onDragStart) === null || _c === void 0 ? void 0 : _c.call(_b, _this.context, e);
+            };
+            this.onMouseMove = function (e) {
+                var _a, _b, _c;
+                e.preventDefault();
+                var _d = (0, tslib_1.__read)(_this.dndMouse.getPageXY(e), 2), pageX = _d[0], pageY = _d[1];
+                var deltaX = (pageX - _this.initX) / _this.zoomScale;
+                var deltaY = (pageY - _this.initY) / _this.zoomScale;
+                if (_this.initValue &&
+                    ((_b = (_a = _this.handler).onDragging) === null || _b === void 0 ? void 0 : _b.call(_a, _this.context, e, _this.initValue, deltaX, deltaY))) {
+                    (_c = _this.onSubmit) === null || _c === void 0 ? void 0 : _c.call(_this, _this.context, _this.trigger);
+                }
+            };
+            this.onMouseUp = function (e) {
+                var _a, _b, _c;
+                e.preventDefault();
+                _this.removeDocumentEvents();
+                if ((_b = (_a = _this.handler).onDragEnd) === null || _b === void 0 ? void 0 : _b.call(_a, _this.context, e, _this.initValue)) {
+                    (_c = _this.onSubmit) === null || _c === void 0 ? void 0 : _c.call(_this, _this.context, _this.trigger);
+                }
+            };
+            this.dndMouse = forceMobile ? MOUSE_EVENT_INFO_MOBILE : MOUSE_EVENT_INFO_DESKTOP;
+            trigger.addEventListener(this.dndMouse.MOUSEDOWN, this.onMouseDown);
+        }
+        /**
+         * Dispose this object, remove all event listeners that has been attached
+         */
+        DragAndDropHelper.prototype.dispose = function () {
+            this.trigger.removeEventListener(this.dndMouse.MOUSEDOWN, this.onMouseDown);
+            this.removeDocumentEvents();
+        };
+        Object.defineProperty(DragAndDropHelper.prototype, "mouseType", {
+            get: function () {
+                return this.dndMouse == MOUSE_EVENT_INFO_MOBILE ? 'touch' : 'mouse';
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DragAndDropHelper.prototype.addDocumentEvents = function () {
+            var doc = this.trigger.ownerDocument;
+            doc.addEventListener(this.dndMouse.MOUSEMOVE, this.onMouseMove, true /*useCapture*/);
+            doc.addEventListener(this.dndMouse.MOUSEUP, this.onMouseUp, true /*useCapture*/);
+        };
+        DragAndDropHelper.prototype.removeDocumentEvents = function () {
+            var doc = this.trigger.ownerDocument;
+            doc.removeEventListener(this.dndMouse.MOUSEMOVE, this.onMouseMove, true /*useCapture*/);
+            doc.removeEventListener(this.dndMouse.MOUSEUP, this.onMouseUp, true /*useCapture*/);
+        };
+        return DragAndDropHelper;
+    }());
+    exports.default = DragAndDropHelper;
+});
+//# sourceMappingURL=DragAndDropHelper.js.map

package/lib-amd/pluginUtils/DragAndDrop/DragAndDropHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragAndDropHelper.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/pluginUtils/DragAndDrop/DragAndDropHelper.ts"],"names":[],"mappings":"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","sourcesContent":["import type Disposable from '../Disposable';\r\nimport type DragAndDropHandler from './DragAndDropHandler';\r\n\r\n/**\r\n * @internal\r\n */\r\ninterface MouseEventMoves {\r\n    MOUSEDOWN: string;\r\n    MOUSEMOVE: string;\r\n    MOUSEUP: string;\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\ninterface MouseEventInfo extends MouseEventMoves {\r\n    getPageXY: (e: MouseEvent) => number[];\r\n}\r\n\r\n/**\r\n * @internal\r\n * Compatible mouse event names for different platform\r\n */\r\ninterface TouchEventInfo extends MouseEventMoves {\r\n    getPageXY: (e: TouchEvent) => number[];\r\n}\r\n\r\n/**\r\n * Generate event names and getXY function based on different platforms to be compatible with desktop and mobile browsers\r\n */\r\nconst MOUSE_EVENT_INFO_DESKTOP: MouseEventInfo = (() => {\r\n    return {\r\n        MOUSEDOWN: 'mousedown',\r\n        MOUSEMOVE: 'mousemove',\r\n        MOUSEUP: 'mouseup',\r\n        getPageXY: getMouseEventPageXY,\r\n    };\r\n})();\r\n\r\nconst MOUSE_EVENT_INFO_MOBILE: TouchEventInfo = (() => {\r\n    return {\r\n        MOUSEDOWN: 'touchstart',\r\n        MOUSEMOVE: 'touchmove',\r\n        MOUSEUP: 'touchend',\r\n        getPageXY: getTouchEventPageXY,\r\n    };\r\n})();\r\n\r\nfunction getMouseEventPageXY(e: MouseEvent): [number, number] {\r\n    return [e.pageX, e.pageY];\r\n}\r\n\r\nfunction getTouchEventPageXY(e: TouchEvent): [number, number] {\r\n    let pageX = 0;\r\n    let pageY = 0;\r\n    if (e.targetTouches && e.targetTouches.length > 0) {\r\n        const touch = e.targetTouches[0];\r\n        pageX = touch.pageX;\r\n        pageY = touch.pageY;\r\n    }\r\n    return [pageX, pageY];\r\n}\r\n\r\n/**\r\n * @internal\r\n * A helper class to help manage drag and drop to an HTML element\r\n */\r\nexport default class DragAndDropHelper<TContext, TInitValue> implements Disposable {\r\n    private initX: number = 0;\r\n    private initY: number = 0;\r\n    private initValue: TInitValue | undefined = undefined;\r\n    private dndMouse: MouseEventInfo | TouchEventInfo;\r\n\r\n    /**\r\n     * Create a new instance of DragAndDropHelper class\r\n     * @param trigger The trigger element. When user start drag on this element,\r\n     * events will be fired to the handler object\r\n     * @param context Context object that will be passed to handler function when event is fired,\r\n     * so that the handler object knows which element it is triggered from.\r\n     * @param onSubmit A callback that will be invoked when event handler in handler object returns true\r\n     * @param handler The event handler object, see DragAndDropHandler interface for more information\r\n     * @param zoomScale The zoom scale of the editor\r\n     * @param forceMobile A boolean to force the use of touch controls for the helper\r\n     */\r\n    constructor(\r\n        private trigger: HTMLElement,\r\n        private context: TContext,\r\n        private onSubmit: (context: TContext, trigger: HTMLElement) => void,\r\n        private handler: DragAndDropHandler<TContext, TInitValue>,\r\n        private zoomScale: number,\r\n        forceMobile?: boolean\r\n    ) {\r\n        this.dndMouse = forceMobile ? MOUSE_EVENT_INFO_MOBILE : MOUSE_EVENT_INFO_DESKTOP;\r\n        trigger.addEventListener(this.dndMouse.MOUSEDOWN, this.onMouseDown);\r\n    }\r\n\r\n    /**\r\n     * Dispose this object, remove all event listeners that has been attached\r\n     */\r\n    dispose() {\r\n        this.trigger.removeEventListener(this.dndMouse.MOUSEDOWN, this.onMouseDown);\r\n        this.removeDocumentEvents();\r\n    }\r\n\r\n    public get mouseType(): string {\r\n        return this.dndMouse == MOUSE_EVENT_INFO_MOBILE ? 'touch' : 'mouse';\r\n    }\r\n\r\n    private addDocumentEvents() {\r\n        const doc = this.trigger.ownerDocument;\r\n        doc.addEventListener(this.dndMouse.MOUSEMOVE, this.onMouseMove, true /*useCapture*/);\r\n        doc.addEventListener(this.dndMouse.MOUSEUP, this.onMouseUp, true /*useCapture*/);\r\n    }\r\n\r\n    private removeDocumentEvents() {\r\n        const doc = this.trigger.ownerDocument;\r\n        doc.removeEventListener(this.dndMouse.MOUSEMOVE, this.onMouseMove, true /*useCapture*/);\r\n        doc.removeEventListener(this.dndMouse.MOUSEUP, this.onMouseUp, true /*useCapture*/);\r\n    }\r\n\r\n    private onMouseDown = (e: Event) => {\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n        this.addDocumentEvents();\r\n        [this.initX, this.initY] = this.dndMouse.getPageXY(e as MouseEvent & TouchEvent);\r\n        this.initValue = this.handler.onDragStart?.(this.context, e as MouseEvent);\r\n    };\r\n\r\n    private onMouseMove = (e: Event) => {\r\n        e.preventDefault();\r\n        const [pageX, pageY] = this.dndMouse.getPageXY(e as MouseEvent & TouchEvent);\r\n        const deltaX = (pageX - this.initX) / this.zoomScale;\r\n        const deltaY = (pageY - this.initY) / this.zoomScale;\r\n        if (\r\n            this.initValue &&\r\n            this.handler.onDragging?.(this.context, e as MouseEvent, this.initValue, deltaX, deltaY)\r\n        ) {\r\n            this.onSubmit?.(this.context, this.trigger);\r\n        }\r\n    };\r\n\r\n    private onMouseUp = (e: Event) => {\r\n        e.preventDefault();\r\n        this.removeDocumentEvents();\r\n        if (this.handler.onDragEnd?.(this.context, e as MouseEvent, this.initValue)) {\r\n            this.onSubmit?.(this.context, this.trigger);\r\n        }\r\n    };\r\n}\r\n"]}

package/lib-amd/pluginUtils/Rect/getIntersectedRect.d.ts

@@ -0,0 +1,27 @@
+import type { Rect } from 'roosterjs-content-model-types';
+/**
+ * Get the intersected Rect of elements provided
+ *
+ * @example
+ * The result of the following Elements Rects would be:
+    {
+        top: Element2.top,
+        bottom: Element1.bottom,
+        left: Element2.left,
+        right: Element2.right
+    }
+    +-------------------------+
+    | Element 1               |
+    |   +-----------------+   |
+    |   | Element2        |   |
+    |   |                 |   |
+    |   |                 |   |
+    +-------------------------+
+        |                 |
+        +-----------------+
+ * @internal
+ * @param elements Elements to use.
+ * @param additionalRects additional rects to use
+ * @returns If the Rect is valid return the rect, if not, return null.
+ */
+export default function getIntersectedRect(elements: HTMLElement[], additionalRects?: Rect[]): Rect | null;

package/lib-amd/pluginUtils/Rect/getIntersectedRect.js

@@ -0,0 +1,45 @@
+define(["require", "exports", "tslib", "./normalizeRect"], function (require, exports, tslib_1, normalizeRect_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    /**
+     * Get the intersected Rect of elements provided
+     *
+     * @example
+     * The result of the following Elements Rects would be:
+        {
+            top: Element2.top,
+            bottom: Element1.bottom,
+            left: Element2.left,
+            right: Element2.right
+        }
+        +-------------------------+
+        | Element 1               |
+        |   +-----------------+   |
+        |   | Element2        |   |
+        |   |                 |   |
+        |   |                 |   |
+        +-------------------------+
+            |                 |
+            +-----------------+
+     * @internal
+     * @param elements Elements to use.
+     * @param additionalRects additional rects to use
+     * @returns If the Rect is valid return the rect, if not, return null.
+     */
+    function getIntersectedRect(elements, additionalRects) {
+        if (additionalRects === void 0) { additionalRects = []; }
+        var rects = elements
+            .map(function (element) { return (0, normalizeRect_1.default)(element.getBoundingClientRect()); })
+            .concat(additionalRects)
+            .filter(function (element) { return !!element; });
+        var result = {
+            top: Math.max.apply(Math, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(rects.map(function (r) { return r.top; })), false)),
+            bottom: Math.min.apply(Math, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(rects.map(function (r) { return r.bottom; })), false)),
+            left: Math.max.apply(Math, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(rects.map(function (r) { return r.left; })), false)),
+            right: Math.min.apply(Math, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(rects.map(function (r) { return r.right; })), false)),
+        };
+        return result.top < result.bottom && result.left < result.right ? result : null;
+    }
+    exports.default = getIntersectedRect;
+});
+//# sourceMappingURL=getIntersectedRect.js.map

package/lib-amd/pluginUtils/Rect/getIntersectedRect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getIntersectedRect.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/pluginUtils/Rect/getIntersectedRect.ts"],"names":[],"mappings":";;;IAGA;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,SAAwB,kBAAkB,CACtC,QAAuB,EACvB,eAA4B;QAA5B,gCAAA,EAAA,oBAA4B;QAE5B,IAAM,KAAK,GAAG,QAAQ;aACjB,GAAG,CAAC,UAAA,OAAO,IAAI,OAAA,IAAA,uBAAa,EAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,EAA9C,CAA8C,CAAC;aAC9D,MAAM,CAAC,eAAe,CAAC;aACvB,MAAM,CAAC,UAAA,OAAO,IAAI,OAAA,CAAC,CAAC,OAAO,EAAT,CAAS,CAAW,CAAC;QAE5C,IAAM,MAAM,GAAS;YACjB,GAAG,EAAE,IAAI,CAAC,GAAG,OAAR,IAAI,qDAAQ,KAAK,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,GAAG,EAAL,CAAK,CAAC,UAAC;YACvC,MAAM,EAAE,IAAI,CAAC,GAAG,OAAR,IAAI,qDAAQ,KAAK,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,MAAM,EAAR,CAAQ,CAAC,UAAC;YAC7C,IAAI,EAAE,IAAI,CAAC,GAAG,OAAR,IAAI,qDAAQ,KAAK,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CAAC,UAAC;YACzC,KAAK,EAAE,IAAI,CAAC,GAAG,OAAR,IAAI,qDAAQ,KAAK,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,KAAK,EAAP,CAAO,CAAC,UAAC;SAC9C,CAAC;QAEF,OAAO,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IACpF,CAAC;IAjBD,qCAiBC","sourcesContent":["import normalizeRect from './normalizeRect';\r\nimport type { Rect } from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * Get the intersected Rect of elements provided\r\n *\r\n * @example\r\n * The result of the following Elements Rects would be:\r\n    {\r\n        top: Element2.top,\r\n        bottom: Element1.bottom,\r\n        left: Element2.left,\r\n        right: Element2.right\r\n    }\r\n    +-------------------------+\r\n    | Element 1               |\r\n    |   +-----------------+   |\r\n    |   | Element2        |   |\r\n    |   |                 |   |\r\n    |   |                 |   |\r\n    +-------------------------+\r\n        |                 |\r\n        +-----------------+\r\n * @internal\r\n * @param elements Elements to use.\r\n * @param additionalRects additional rects to use\r\n * @returns If the Rect is valid return the rect, if not, return null.\r\n */\r\nexport default function getIntersectedRect(\r\n    elements: HTMLElement[],\r\n    additionalRects: Rect[] = []\r\n): Rect | null {\r\n    const rects = elements\r\n        .map(element => normalizeRect(element.getBoundingClientRect()))\r\n        .concat(additionalRects)\r\n        .filter(element => !!element) as Rect[];\r\n\r\n    const result: Rect = {\r\n        top: Math.max(...rects.map(r => r.top)),\r\n        bottom: Math.min(...rects.map(r => r.bottom)),\r\n        left: Math.max(...rects.map(r => r.left)),\r\n        right: Math.min(...rects.map(r => r.right)),\r\n    };\r\n\r\n    return result.top < result.bottom && result.left < result.right ? result : null;\r\n}\r\n"]}

package/lib-amd/pluginUtils/Rect/normalizeRect.d.ts

@@ -0,0 +1,7 @@
+import type { Rect } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * A ClientRect of all 0 is possible. i.e. chrome returns a ClientRect of 0 when the cursor is on an empty p
+ * We validate that and only return a rect when the passed in ClientRect is valid
+ */
+export default function normalizeRect(clientRect: DOMRect): Rect | null;

package/lib-amd/pluginUtils/Rect/normalizeRect.js

@@ -0,0 +1,22 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    /**
+     * @internal
+     * A ClientRect of all 0 is possible. i.e. chrome returns a ClientRect of 0 when the cursor is on an empty p
+     * We validate that and only return a rect when the passed in ClientRect is valid
+     */
+    function normalizeRect(clientRect) {
+        var _a = clientRect || { left: 0, right: 0, top: 0, bottom: 0 }, left = _a.left, right = _a.right, top = _a.top, bottom = _a.bottom;
+        return left === 0 && right === 0 && top === 0 && bottom === 0
+            ? null
+            : {
+                left: Math.round(left),
+                right: Math.round(right),
+                top: Math.round(top),
+                bottom: Math.round(bottom),
+            };
+    }
+    exports.default = normalizeRect;
+});
+//# sourceMappingURL=normalizeRect.js.map

package/lib-amd/pluginUtils/Rect/normalizeRect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalizeRect.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/pluginUtils/Rect/normalizeRect.ts"],"names":[],"mappings":";;;IAEA;;;;OAIG;IACH,SAAwB,aAAa,CAAC,UAAmB;QAC/C,IAAA,KACF,UAAU,IAAa,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAD3D,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,GAAG,SAAA,EAAE,MAAM,YACmC,CAAC;QACpE,OAAO,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,MAAM,KAAK,CAAC;YACzD,CAAC,CAAC,IAAI;YACN,CAAC,CAAC;gBACI,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;gBACtB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;gBACxB,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;gBACpB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;aAC7B,CAAC;IACZ,CAAC;IAXD,gCAWC","sourcesContent":["import type { Rect } from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * @internal\r\n * A ClientRect of all 0 is possible. i.e. chrome returns a ClientRect of 0 when the cursor is on an empty p\r\n * We validate that and only return a rect when the passed in ClientRect is valid\r\n */\r\nexport default function normalizeRect(clientRect: DOMRect): Rect | null {\r\n    const { left, right, top, bottom } =\r\n        clientRect || <DOMRect>{ left: 0, right: 0, top: 0, bottom: 0 };\r\n    return left === 0 && right === 0 && top === 0 && bottom === 0\r\n        ? null\r\n        : {\r\n              left: Math.round(left),\r\n              right: Math.round(right),\r\n              top: Math.round(top),\r\n              bottom: Math.round(bottom),\r\n          };\r\n}\r\n"]}

package/lib-mjs/autoFormat/AutoFormatPlugin.d.ts

@@ -0,0 +1,53 @@
+import type { EditorPlugin, IStandaloneEditor, PluginEvent } from 'roosterjs-content-model-types';
+/**
+ * Options to customize the Content Model Auto Format Plugin
+ */
+export declare type AutoFormatOptions = {
+    /**
+     * When true, after type *, ->, -, --, => , —, > and space key a type of bullet list will be triggered. @default true
+     */
+    autoBullet: boolean;
+    /**
+     * When true, after type 1, A, a, i, I followed by ., ), - or between () and space key a type of numbering list will be triggered. @default true
+     */
+    autoNumbering: boolean;
+};
+/**
+ * Auto Format plugin handles auto formatting, such as transforming * characters into a bullet list.
+ * It can be customized with options to enable or disable auto list features.
+ */
+export declare class AutoFormatPlugin implements EditorPlugin {
+    private options;
+    private editor;
+    /**
+     * @param options An optional parameter that takes in an object of type AutoFormatOptions, which includes the following properties:
+     *  - autoBullet: A boolean that enables or disables automatic bullet list formatting. Defaults to true.
+     *  - autoNumbering: A boolean that enables or disables automatic numbering formatting. Defaults to true.
+     */
+    constructor(options?: AutoFormatOptions);
+    /**
+     * Get name of this plugin
+     */
+    getName(): string;
+    /**
+     * The first method that editor will call to a plugin when editor is initializing.
+     * It will pass in the editor instance, plugin should take this chance to save the
+     * editor reference so that it can call to any editor method or format API later.
+     * @param editor The editor object
+     */
+    initialize(editor: IStandaloneEditor): void;
+    /**
+     * The last method that editor will call to a plugin before it is disposed.
+     * Plugin can take this chance to clear the reference to editor. After this method is
+     * called, plugin should not call to any editor method since it will result in error.
+     */
+    dispose(): void;
+    /**
+     * Core method for a plugin. Once an event happens in editor, editor will call this
+     * method of each plugin to handle the event as long as the event is not handled
+     * exclusively by another plugin.
+     * @param event The event to handle:
+     */
+    onPluginEvent(event: PluginEvent): void;
+    private handleKeyDownEvent;
+}

package/lib-mjs/autoFormat/AutoFormatPlugin.js

@@ -0,0 +1,78 @@
+import { keyboardListTrigger } from './keyboardListTrigger';
+/**
+ * @internal
+ */
+var DefaultOptions = {
+    autoBullet: true,
+    autoNumbering: true,
+};
+/**
+ * Auto Format plugin handles auto formatting, such as transforming * characters into a bullet list.
+ * It can be customized with options to enable or disable auto list features.
+ */
+var AutoFormatPlugin = /** @class */ (function () {
+    /**
+     * @param options An optional parameter that takes in an object of type AutoFormatOptions, which includes the following properties:
+     *  - autoBullet: A boolean that enables or disables automatic bullet list formatting. Defaults to true.
+     *  - autoNumbering: A boolean that enables or disables automatic numbering formatting. Defaults to true.
+     */
+    function AutoFormatPlugin(options) {
+        if (options === void 0) { options = DefaultOptions; }
+        this.options = options;
+        this.editor = null;
+    }
+    /**
+     * Get name of this plugin
+     */
+    AutoFormatPlugin.prototype.getName = function () {
+        return 'AutoFormat';
+    };
+    /**
+     * The first method that editor will call to a plugin when editor is initializing.
+     * It will pass in the editor instance, plugin should take this chance to save the
+     * editor reference so that it can call to any editor method or format API later.
+     * @param editor The editor object
+     */
+    AutoFormatPlugin.prototype.initialize = function (editor) {
+        this.editor = editor;
+    };
+    /**
+     * The last method that editor will call to a plugin before it is disposed.
+     * Plugin can take this chance to clear the reference to editor. After this method is
+     * called, plugin should not call to any editor method since it will result in error.
+     */
+    AutoFormatPlugin.prototype.dispose = function () {
+        this.editor = null;
+    };
+    /**
+     * Core method for a plugin. Once an event happens in editor, editor will call this
+     * method of each plugin to handle the event as long as the event is not handled
+     * exclusively by another plugin.
+     * @param event The event to handle:
+     */
+    AutoFormatPlugin.prototype.onPluginEvent = function (event) {
+        if (this.editor) {
+            switch (event.eventType) {
+                case 'keyDown':
+                    this.handleKeyDownEvent(this.editor, event);
+                    break;
+            }
+        }
+    };
+    AutoFormatPlugin.prototype.handleKeyDownEvent = function (editor, event) {
+        var rawEvent = event.rawEvent;
+        if (!rawEvent.defaultPrevented && !event.handledByEditFeature) {
+            switch (rawEvent.key) {
+                case ' ':
+                    var _a = this.options, autoBullet = _a.autoBullet, autoNumbering = _a.autoNumbering;
+                    if (autoBullet || autoNumbering) {
+                        keyboardListTrigger(editor, rawEvent, autoBullet, autoNumbering);
+                    }
+                    break;
+            }
+        }
+    };
+    return AutoFormatPlugin;
+}());
+export { AutoFormatPlugin };
+//# sourceMappingURL=AutoFormatPlugin.js.map

package/lib-mjs/autoFormat/AutoFormatPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoFormatPlugin.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-plugins/lib/autoFormat/AutoFormatPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAuB5D;;GAEG;AACH,IAAM,cAAc,GAAgC;IAChD,UAAU,EAAE,IAAI;IAChB,aAAa,EAAE,IAAI;CACtB,CAAC;AAEF;;;GAGG;AACH;IAGI;;;;OAIG;IACH,0BAAoB,OAA2C;QAA3C,wBAAA,EAAA,wBAA2C;QAA3C,YAAO,GAAP,OAAO,CAAoC;QAPvD,WAAM,GAA6B,IAAI,CAAC;IAOkB,CAAC;IAEnE;;OAEG;IACH,kCAAO,GAAP;QACI,OAAO,YAAY,CAAC;IACxB,CAAC;IAED;;;;;OAKG;IACH,qCAAU,GAAV,UAAW,MAAyB;QAChC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACzB,CAAC;IAED;;;;OAIG;IACH,kCAAO,GAAP;QACI,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IACvB,CAAC;IAED;;;;;OAKG;IACH,wCAAa,GAAb,UAAc,KAAkB;QAC5B,IAAI,IAAI,CAAC,MAAM,EAAE;YACb,QAAQ,KAAK,CAAC,SAAS,EAAE;gBACrB,KAAK,SAAS;oBACV,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;oBAC5C,MAAM;aACb;SACJ;IACL,CAAC;IAEO,6CAAkB,GAA1B,UAA2B,MAAyB,EAAE,KAAmB;QACrE,IAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;QAChC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,IAAI,CAAC,KAAK,CAAC,oBAAoB,EAAE;YAC3D,QAAQ,QAAQ,CAAC,GAAG,EAAE;gBAClB,KAAK,GAAG;oBACE,IAAA,KAAgC,IAAI,CAAC,OAAO,EAA1C,UAAU,gBAAA,EAAE,aAAa,mBAAiB,CAAC;oBACnD,IAAI,UAAU,IAAI,aAAa,EAAE;wBAC7B,mBAAmB,CAAC,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;qBACpE;oBACD,MAAM;aACb;SACJ;IACL,CAAC;IACL,uBAAC;AAAD,CAAC,AAjED,IAiEC","sourcesContent":["import { keyboardListTrigger } from './keyboardListTrigger';\r\nimport type {\r\n    EditorPlugin,\r\n    IStandaloneEditor,\r\n    KeyDownEvent,\r\n    PluginEvent,\r\n} from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * Options to customize the Content Model Auto Format Plugin\r\n */\r\nexport type AutoFormatOptions = {\r\n    /**\r\n     * When true, after type *, ->, -, --, => , —, > and space key a type of bullet list will be triggered. @default true\r\n     */\r\n    autoBullet: boolean;\r\n\r\n    /**\r\n     * When true, after type 1, A, a, i, I followed by ., ), - or between () and space key a type of numbering list will be triggered. @default true\r\n     */\r\n    autoNumbering: boolean;\r\n};\r\n\r\n/**\r\n * @internal\r\n */\r\nconst DefaultOptions: Required<AutoFormatOptions> = {\r\n    autoBullet: true,\r\n    autoNumbering: true,\r\n};\r\n\r\n/**\r\n * Auto Format plugin handles auto formatting, such as transforming * characters into a bullet list.\r\n * It can be customized with options to enable or disable auto list features.\r\n */\r\nexport class AutoFormatPlugin implements EditorPlugin {\r\n    private editor: IStandaloneEditor | null = null;\r\n\r\n    /**\r\n     * @param options An optional parameter that takes in an object of type AutoFormatOptions, which includes the following properties:\r\n     *  - autoBullet: A boolean that enables or disables automatic bullet list formatting. Defaults to true.\r\n     *  - autoNumbering: A boolean that enables or disables automatic numbering formatting. Defaults to true.\r\n     */\r\n    constructor(private options: AutoFormatOptions = DefaultOptions) {}\r\n\r\n    /**\r\n     * Get name of this plugin\r\n     */\r\n    getName() {\r\n        return 'AutoFormat';\r\n    }\r\n\r\n    /**\r\n     * The first method that editor will call to a plugin when editor is initializing.\r\n     * It will pass in the editor instance, plugin should take this chance to save the\r\n     * editor reference so that it can call to any editor method or format API later.\r\n     * @param editor The editor object\r\n     */\r\n    initialize(editor: IStandaloneEditor) {\r\n        this.editor = editor;\r\n    }\r\n\r\n    /**\r\n     * The last method that editor will call to a plugin before it is disposed.\r\n     * Plugin can take this chance to clear the reference to editor. After this method is\r\n     * called, plugin should not call to any editor method since it will result in error.\r\n     */\r\n    dispose() {\r\n        this.editor = null;\r\n    }\r\n\r\n    /**\r\n     * Core method for a plugin. Once an event happens in editor, editor will call this\r\n     * method of each plugin to handle the event as long as the event is not handled\r\n     * exclusively by another plugin.\r\n     * @param event The event to handle:\r\n     */\r\n    onPluginEvent(event: PluginEvent) {\r\n        if (this.editor) {\r\n            switch (event.eventType) {\r\n                case 'keyDown':\r\n                    this.handleKeyDownEvent(this.editor, event);\r\n                    break;\r\n            }\r\n        }\r\n    }\r\n\r\n    private handleKeyDownEvent(editor: IStandaloneEditor, event: KeyDownEvent) {\r\n        const rawEvent = event.rawEvent;\r\n        if (!rawEvent.defaultPrevented && !event.handledByEditFeature) {\r\n            switch (rawEvent.key) {\r\n                case ' ':\r\n                    const { autoBullet, autoNumbering } = this.options;\r\n                    if (autoBullet || autoNumbering) {\r\n                        keyboardListTrigger(editor, rawEvent, autoBullet, autoNumbering);\r\n                    }\r\n                    break;\r\n            }\r\n        }\r\n    }\r\n}\r\n"]}

package/lib-mjs/autoFormat/keyboardListTrigger.d.ts

@@ -0,0 +1,5 @@
+import type { IStandaloneEditor } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare function keyboardListTrigger(editor: IStandaloneEditor, rawEvent: KeyboardEvent, shouldSearchForBullet?: boolean, shouldSearchForNumbering?: boolean): void;

package/lib-mjs/autoFormat/keyboardListTrigger.js

@@ -0,0 +1,42 @@
+import { getListTypeStyle } from './utils/getListTypeStyle';
+import { getSelectedSegmentsAndParagraphs } from 'roosterjs-content-model-core';
+import { normalizeContentModel } from 'roosterjs-content-model-dom';
+import { setListStartNumber, setListStyle, setListType } from 'roosterjs-content-model-api';
+/**
+ * @internal
+ */
+export function keyboardListTrigger(editor, rawEvent, shouldSearchForBullet, shouldSearchForNumbering) {
+    if (shouldSearchForBullet === void 0) { shouldSearchForBullet = true; }
+    if (shouldSearchForNumbering === void 0) { shouldSearchForNumbering = true; }
+    editor.formatContentModel(function (model, _context) {
+        var listStyleType = getListTypeStyle(model, shouldSearchForBullet, shouldSearchForNumbering);
+        if (listStyleType) {
+            var segmentsAndParagraphs = getSelectedSegmentsAndParagraphs(model, false);
+            if (segmentsAndParagraphs[0] && segmentsAndParagraphs[0][1]) {
+                segmentsAndParagraphs[0][1].segments.splice(0, 1);
+            }
+            var listType = listStyleType.listType, styleType = listStyleType.styleType, index = listStyleType.index;
+            triggerList(editor, model, listType, styleType, index);
+            rawEvent.preventDefault();
+            normalizeContentModel(model);
+            return true;
+        }
+        return false;
+    });
+}
+var triggerList = function (editor, model, listType, styleType, index) {
+    setListType(model, listType);
+    var isOrderedList = listType == 'OL';
+    // If the index < 1, it is a new list, so it will be starting by 1, then no need to set startNumber
+    if (index && index > 1 && isOrderedList) {
+        setListStartNumber(editor, index);
+    }
+    setListStyle(editor, isOrderedList
+        ? {
+            orderedStyleType: styleType,
+        }
+        : {
+            unorderedStyleType: styleType,
+        });
+};
+//# sourceMappingURL=keyboardListTrigger.js.map

package/lib-mjs/autoFormat/keyboardListTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboardListTrigger.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-plugins/lib/autoFormat/keyboardListTrigger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,gCAAgC,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAI5F;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAC/B,MAAyB,EACzB,QAAuB,EACvB,qBAAqC,EACrC,wBAAwC;IADxC,sCAAA,EAAA,4BAAqC;IACrC,yCAAA,EAAA,+BAAwC;IAExC,MAAM,CAAC,kBAAkB,CAAC,UAAC,KAAK,EAAE,QAAQ;QACtC,IAAM,aAAa,GAAG,gBAAgB,CAClC,KAAK,EACL,qBAAqB,EACrB,wBAAwB,CAC3B,CAAC;QACF,IAAI,aAAa,EAAE;YACf,IAAM,qBAAqB,GAAG,gCAAgC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YAC7E,IAAI,qBAAqB,CAAC,CAAC,CAAC,IAAI,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;gBACzD,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;aACrD;YACO,IAAA,QAAQ,GAAuB,aAAa,SAApC,EAAE,SAAS,GAAY,aAAa,UAAzB,EAAE,KAAK,GAAK,aAAa,MAAlB,CAAmB;YACrD,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;YACvD,QAAQ,CAAC,cAAc,EAAE,CAAC;YAC1B,qBAAqB,CAAC,KAAK,CAAC,CAAC;YAE7B,OAAO,IAAI,CAAC;SACf;QACD,OAAO,KAAK,CAAC;IACjB,CAAC,CAAC,CAAC;AACP,CAAC;AAED,IAAM,WAAW,GAAG,UAChB,MAAyB,EACzB,KAA2B,EAC3B,QAAqB,EACrB,SAAiB,EACjB,KAAc;IAEd,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC7B,IAAM,aAAa,GAAG,QAAQ,IAAI,IAAI,CAAC;IACvC,mGAAmG;IACnG,IAAI,KAAK,IAAI,KAAK,GAAG,CAAC,IAAI,aAAa,EAAE;QACrC,kBAAkB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;KACrC;IACD,YAAY,CACR,MAAM,EACN,aAAa;QACT,CAAC,CAAC;YACI,gBAAgB,EAAE,SAAS;SAC9B;QACH,CAAC,CAAC;YACI,kBAAkB,EAAE,SAAS;SAChC,CACV,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { getListTypeStyle } from './utils/getListTypeStyle';\r\nimport { getSelectedSegmentsAndParagraphs } from 'roosterjs-content-model-core';\r\nimport { normalizeContentModel } from 'roosterjs-content-model-dom';\r\nimport { setListStartNumber, setListStyle, setListType } from 'roosterjs-content-model-api';\r\n\r\nimport type { ContentModelDocument, IStandaloneEditor } from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function keyboardListTrigger(\r\n    editor: IStandaloneEditor,\r\n    rawEvent: KeyboardEvent,\r\n    shouldSearchForBullet: boolean = true,\r\n    shouldSearchForNumbering: boolean = true\r\n) {\r\n    editor.formatContentModel((model, _context) => {\r\n        const listStyleType = getListTypeStyle(\r\n            model,\r\n            shouldSearchForBullet,\r\n            shouldSearchForNumbering\r\n        );\r\n        if (listStyleType) {\r\n            const segmentsAndParagraphs = getSelectedSegmentsAndParagraphs(model, false);\r\n            if (segmentsAndParagraphs[0] && segmentsAndParagraphs[0][1]) {\r\n                segmentsAndParagraphs[0][1].segments.splice(0, 1);\r\n            }\r\n            const { listType, styleType, index } = listStyleType;\r\n            triggerList(editor, model, listType, styleType, index);\r\n            rawEvent.preventDefault();\r\n            normalizeContentModel(model);\r\n\r\n            return true;\r\n        }\r\n        return false;\r\n    });\r\n}\r\n\r\nconst triggerList = (\r\n    editor: IStandaloneEditor,\r\n    model: ContentModelDocument,\r\n    listType: 'OL' | 'UL',\r\n    styleType: number,\r\n    index?: number\r\n) => {\r\n    setListType(model, listType);\r\n    const isOrderedList = listType == 'OL';\r\n    // If the index < 1, it is a new list, so it will be starting by 1, then no need to set startNumber\r\n    if (index && index > 1 && isOrderedList) {\r\n        setListStartNumber(editor, index);\r\n    }\r\n    setListStyle(\r\n        editor,\r\n        isOrderedList\r\n            ? {\r\n                  orderedStyleType: styleType,\r\n              }\r\n            : {\r\n                  unorderedStyleType: styleType,\r\n              }\r\n    );\r\n};\r\n"]}

package/lib-mjs/autoFormat/utils/convertAlphaToDecimals.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @internal
+ * Convert english alphabet numbers into decimal numbers
+ * @param letter The letter that needs to be converted
+ * @returns
+ */
+export declare function convertAlphaToDecimals(letter: string): number | undefined;

package/lib-mjs/autoFormat/utils/convertAlphaToDecimals.js

@@ -0,0 +1,19 @@
+/**
+ * @internal
+ * Convert english alphabet numbers into decimal numbers
+ * @param letter The letter that needs to be converted
+ * @returns
+ */
+export function convertAlphaToDecimals(letter) {
+    var alpha = letter.toUpperCase();
+    if (alpha) {
+        var result = 0;
+        for (var i = 0; i < alpha.length; i++) {
+            var charCode = alpha.charCodeAt(i) - 65 + 1;
+            result = result * 26 + charCode;
+        }
+        return result;
+    }
+    return undefined;
+}
+//# sourceMappingURL=convertAlphaToDecimals.js.map

package/lib-mjs/autoFormat/utils/convertAlphaToDecimals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertAlphaToDecimals.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/autoFormat/utils/convertAlphaToDecimals.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,UAAU,sBAAsB,CAAC,MAAc;IACjD,IAAM,KAAK,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;IACnC,IAAI,KAAK,EAAE;QACP,IAAI,MAAM,GAAG,CAAC,CAAC;QACf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACnC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;YAC9C,MAAM,GAAG,MAAM,GAAG,EAAE,GAAG,QAAQ,CAAC;SACnC;QAED,OAAO,MAAM,CAAC;KACjB;IACD,OAAO,SAAS,CAAC;AACrB,CAAC","sourcesContent":["/**\r\n * @internal\r\n * Convert english alphabet numbers into decimal numbers\r\n * @param letter The letter that needs to be converted\r\n * @returns\r\n */\r\nexport function convertAlphaToDecimals(letter: string): number | undefined {\r\n    const alpha = letter.toUpperCase();\r\n    if (alpha) {\r\n        let result = 0;\r\n        for (let i = 0; i < alpha.length; i++) {\r\n            const charCode = alpha.charCodeAt(i) - 65 + 1;\r\n            result = result * 26 + charCode;\r\n        }\r\n\r\n        return result;\r\n    }\r\n    return undefined;\r\n}\r\n"]}

package/lib-mjs/autoFormat/utils/getIndex.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @internal
+ */
+export declare function getIndex(listIndex: string): number | undefined;

package/lib-mjs/autoFormat/utils/getIndex.js

@@ -0,0 +1,10 @@
+import { convertAlphaToDecimals } from './convertAlphaToDecimals';
+/**
+ * @internal
+ */
+export function getIndex(listIndex) {
+    var index = listIndex.replace(/[^a-zA-Z0-9 ]/g, '');
+    var indexNumber = parseInt(index);
+    return !isNaN(indexNumber) ? indexNumber : convertAlphaToDecimals(index);
+}
+//# sourceMappingURL=getIndex.js.map

package/lib-mjs/autoFormat/utils/getIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getIndex.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/autoFormat/utils/getIndex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,SAAiB;IACtC,IAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;IACtD,IAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;AAC7E,CAAC","sourcesContent":["import { convertAlphaToDecimals } from './convertAlphaToDecimals';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function getIndex(listIndex: string) {\r\n    const index = listIndex.replace(/[^a-zA-Z0-9 ]/g, '');\r\n    const indexNumber = parseInt(index);\r\n    return !isNaN(indexNumber) ? indexNumber : convertAlphaToDecimals(index);\r\n}\r\n"]}

package/lib-mjs/autoFormat/utils/getListTypeStyle.d.ts

@@ -0,0 +1,14 @@
+import type { ContentModelDocument } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+interface ListTypeStyle {
+    listType: 'UL' | 'OL';
+    styleType: number;
+    index?: number;
+}
+/**
+ * @internal
+ */
+export declare function getListTypeStyle(model: ContentModelDocument, shouldSearchForBullet?: boolean, shouldSearchForNumbering?: boolean): ListTypeStyle | undefined;
+export {};

package/lib-mjs/autoFormat/utils/getListTypeStyle.js

@@ -0,0 +1,84 @@
+import { findListItemsInSameThread } from 'roosterjs-content-model-api';
+import { getNumberingListStyle } from './getNumberingListStyle';
+import { BulletListType, isBlockGroupOfType, updateListMetadata, getOperationalBlocks, getSelectedSegmentsAndParagraphs, } from 'roosterjs-content-model-core';
+/**
+ * @internal
+ */
+export function getListTypeStyle(model, shouldSearchForBullet, shouldSearchForNumbering) {
+    if (shouldSearchForBullet === void 0) { shouldSearchForBullet = true; }
+    if (shouldSearchForNumbering === void 0) { shouldSearchForNumbering = true; }
+    var selectedSegmentsAndParagraphs = getSelectedSegmentsAndParagraphs(model, true);
+    var marker = selectedSegmentsAndParagraphs[0][0];
+    var paragraph = selectedSegmentsAndParagraphs[0][1];
+    var listMarkerSegment = paragraph === null || paragraph === void 0 ? void 0 : paragraph.segments[0];
+    if (marker &&
+        marker.segmentType == 'SelectionMarker' &&
+        listMarkerSegment &&
+        listMarkerSegment.segmentType == 'Text') {
+        var listMarker = listMarkerSegment.text;
+        var bulletType = bulletListType[listMarker];
+        if (bulletType && shouldSearchForBullet) {
+            return { listType: 'UL', styleType: bulletType };
+        }
+        else if (shouldSearchForNumbering) {
+            var previousList = getPreviousListLevel(model, paragraph);
+            var previousIndex = getPreviousListIndex(model, previousList);
+            var previousListStyle = getPreviousListStyle(previousList);
+            var numberingType = getNumberingListStyle(listMarker, previousIndex, previousListStyle);
+            if (numberingType) {
+                return {
+                    listType: 'OL',
+                    styleType: numberingType,
+                    index: !isNewList(listMarker) &&
+                        previousListStyle === numberingType &&
+                        previousIndex
+                        ? previousIndex + 1
+                        : undefined,
+                };
+            }
+        }
+    }
+    return undefined;
+}
+var getPreviousListIndex = function (model, previousListItem) {
+    return previousListItem ? findListItemsInSameThread(model, previousListItem).length : undefined;
+};
+var getPreviousListLevel = function (model, paragraph) {
+    var blocks = getOperationalBlocks(model, ['ListItem'], ['TableCell'])[0];
+    var listItem = undefined;
+    if (blocks) {
+        var listBlockIndex = blocks.parent.blocks.indexOf(paragraph);
+        if (listBlockIndex > -1) {
+            for (var i = listBlockIndex - 1; i > -1; i--) {
+                var item = blocks.parent.blocks[i];
+                if (isBlockGroupOfType(item, 'ListItem')) {
+                    listItem = item;
+                    break;
+                }
+            }
+        }
+    }
+    return listItem;
+};
+var getPreviousListStyle = function (list) {
+    var _a;
+    if (list === null || list === void 0 ? void 0 : list.levels[0].dataset) {
+        return (_a = updateListMetadata(list.levels[0])) === null || _a === void 0 ? void 0 : _a.orderedStyleType;
+    }
+};
+var bulletListType = {
+    '*': BulletListType.Disc,
+    '-': BulletListType.Dash,
+    '--': BulletListType.Square,
+    '->': BulletListType.LongArrow,
+    '-->': BulletListType.DoubleLongArrow,
+    '=>': BulletListType.UnfilledArrow,
+    '>': BulletListType.ShortArrow,
+    '—': BulletListType.Hyphen,
+};
+var isNewList = function (listMarker) {
+    var marker = listMarker.replace(/[^\w\s]/g, '');
+    var pattern = /^[1aAiI]$/;
+    return pattern.test(marker);
+};
+//# sourceMappingURL=getListTypeStyle.js.map