roosterjs-content-model-plugins 0.25.0 → 0.26.1

package/lib-amd/pluginUtils/DragAndDrop/DragAndDropHandler.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @internal
+ * Drag and drop handler interface, used for implementing a handler object and pass into DragAndDropHelper class
+ */
+export default interface DragAndDropHandler<TContext, TInitValue> {
+    /**
+     * A callback that will be called when user starts to drag (mouse down event from the trigger element)
+     * @param context The context object that was passed into DragAndDropHelper from its constructor. We can use
+     * this object to communicate between caller code and this handler
+     * @param event The mouse event that triggers this callback
+     * @returns An optional object, which will be passed into onDragging and onDragEnd callback. It normally used
+     * for passing an initial state of the target object
+     */
+    onDragStart?: (context: TContext, event: MouseEvent) => TInitValue;
+    /**
+     * A callback that will be called when user moves mouse and drag the trigger element.
+     * @param context The context object that was passed into DragAndDropHelper from its constructor. We can use
+     * this object to communicate between caller code and this handler.If an object is used as context, here it will
+     * be the same object that passed into constructor of DragAndDropHelper class. Inside this callback you can change
+     * its sub value so that caller can get the changed result.
+     * @param event The mouse event that triggers this callback
+     * @param initValue The initial value that is returned from onDragStart callback. It normally used
+     * for passing an initial state of the target object
+     * @param deltaX x delta value. It equals to current event.pageX - initial pageX (captured when mousedown happens)
+     * @param deltaY y delta value. It equals to current event.pageY - initial pageY (captured when mousedown happens)
+     * @returns Whether the onSubmit callback passed into constructor of DragAndDropHelper class should be invoked.
+     * Returns true will invoke the onSubmit callback, it means this is a meaningful dragging action, something (mostly
+     * under context object) has been changed, and caller should handle this change. Otherwise, return false.
+     */
+    onDragging?: (context: TContext, event: MouseEvent, initValue: TInitValue, deltaX: number, deltaY: number) => boolean;
+    /**
+     * A callback that will be called when user stops dragging the trigger element.
+     * @param context The context object that was passed into DragAndDropHelper from its constructor. We can use
+     * this object to communicate between caller code and this handler.If an object is used as context, here it will
+     * be the same object that passed into constructor of DragAndDropHelper class. Inside this callback you can change
+     * its sub value so that caller can get the changed result.
+     * @param event The mouse event that triggers this callback
+     * @param initValue The initial value that is returned from onDragStart callback. It normally used
+     * for passing an initial state of the target object
+     * @returns Whether the onSubmit callback passed into constructor of DragAndDropHelper class should be invoked.
+     * Returns true will invoke the onSubmit callback, it means this is a meaningful dragging action, something (mostly
+     * under context object) has been changed, and caller should handle this change. Otherwise, return false.
+     */
+    onDragEnd?: (context: TContext, event: MouseEvent, initValue: TInitValue | undefined) => boolean;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DragAndDropHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/pluginUtils/DragAndDrop/DragAndDropHandler.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * @internal\n * Drag and drop handler interface, used for implementing a handler object and pass into DragAndDropHelper class\n */\nexport default interface DragAndDropHandler<TContext, TInitValue> {\n    /**\n     * A callback that will be called when user starts to drag (mouse down event from the trigger element)\n     * @param context The context object that was passed into DragAndDropHelper from its constructor. We can use\n     * this object to communicate between caller code and this handler\n     * @param event The mouse event that triggers this callback\n     * @returns An optional object, which will be passed into onDragging and onDragEnd callback. It normally used\n     * for passing an initial state of the target object\n     */\n    onDragStart?: (context: TContext, event: MouseEvent) => TInitValue;\n\n    /**\n     * A callback that will be called when user moves mouse and drag the trigger element.\n     * @param context The context object that was passed into DragAndDropHelper from its constructor. We can use\n     * this object to communicate between caller code and this handler.If an object is used as context, here it will\n     * be the same object that passed into constructor of DragAndDropHelper class. Inside this callback you can change\n     * its sub value so that caller can get the changed result.\n     * @param event The mouse event that triggers this callback\n     * @param initValue The initial value that is returned from onDragStart callback. It normally used\n     * for passing an initial state of the target object\n     * @param deltaX x delta value. It equals to current event.pageX - initial pageX (captured when mousedown happens)\n     * @param deltaY y delta value. It equals to current event.pageY - initial pageY (captured when mousedown happens)\n     * @returns Whether the onSubmit callback passed into constructor of DragAndDropHelper class should be invoked.\n     * Returns true will invoke the onSubmit callback, it means this is a meaningful dragging action, something (mostly\n     * under context object) has been changed, and caller should handle this change. Otherwise, return false.\n     */\n    onDragging?: (\n        context: TContext,\n        event: MouseEvent,\n        initValue: TInitValue,\n        deltaX: number,\n        deltaY: number\n    ) => boolean;\n\n    /**\n     * A callback that will be called when user stops dragging the trigger element.\n     * @param context The context object that was passed into DragAndDropHelper from its constructor. We can use\n     * this object to communicate between caller code and this handler.If an object is used as context, here it will\n     * be the same object that passed into constructor of DragAndDropHelper class. Inside this callback you can change\n     * its sub value so that caller can get the changed result.\n     * @param event The mouse event that triggers this callback\n     * @param initValue The initial value that is returned from onDragStart callback. It normally used\n     * for passing an initial state of the target object\n     * @returns Whether the onSubmit callback passed into constructor of DragAndDropHelper class should be invoked.\n     * Returns true will invoke the onSubmit callback, it means this is a meaningful dragging action, something (mostly\n     * under context object) has been changed, and caller should handle this change. Otherwise, return false.\n     */\n    onDragEnd?: (\n        context: TContext,\n        event: MouseEvent,\n        initValue: TInitValue | undefined\n    ) => boolean;\n}\n"]}

package/lib-amd/pluginUtils/DragAndDrop/DragAndDropHelper.d.ts

@@ -0,0 +1,39 @@
+import type Disposable from '../Disposable';
+import type DragAndDropHandler from './DragAndDropHandler';
+/**
+ * @internal
+ * A helper class to help manage drag and drop to an HTML element
+ */
+export default class DragAndDropHelper<TContext, TInitValue> implements Disposable {
+    private trigger;
+    private context;
+    private onSubmit;
+    private handler;
+    private zoomScale;
+    private initX;
+    private initY;
+    private initValue;
+    private dndMouse;
+    /**
+     * 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
+     */
+    constructor(trigger: HTMLElement, context: TContext, onSubmit: (context: TContext, trigger: HTMLElement) => void, handler: DragAndDropHandler<TContext, TInitValue>, zoomScale: number, forceMobile?: boolean);
+    /**
+     * Dispose this object, remove all event listeners that has been attached
+     */
+    dispose(): void;
+    get mouseType(): string;
+    private addDocumentEvents;
+    private removeDocumentEvents;
+    private onMouseDown;
+    private onMouseMove;
+    private onMouseUp;
+}

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';\nimport type DragAndDropHandler from './DragAndDropHandler';\n\n/**\n * @internal\n */\ninterface MouseEventMoves {\n    MOUSEDOWN: string;\n    MOUSEMOVE: string;\n    MOUSEUP: string;\n}\n\n/**\n * @internal\n */\ninterface MouseEventInfo extends MouseEventMoves {\n    getPageXY: (e: MouseEvent) => number[];\n}\n\n/**\n * @internal\n * Compatible mouse event names for different platform\n */\ninterface TouchEventInfo extends MouseEventMoves {\n    getPageXY: (e: TouchEvent) => number[];\n}\n\n/**\n * Generate event names and getXY function based on different platforms to be compatible with desktop and mobile browsers\n */\nconst MOUSE_EVENT_INFO_DESKTOP: MouseEventInfo = (() => {\n    return {\n        MOUSEDOWN: 'mousedown',\n        MOUSEMOVE: 'mousemove',\n        MOUSEUP: 'mouseup',\n        getPageXY: getMouseEventPageXY,\n    };\n})();\n\nconst MOUSE_EVENT_INFO_MOBILE: TouchEventInfo = (() => {\n    return {\n        MOUSEDOWN: 'touchstart',\n        MOUSEMOVE: 'touchmove',\n        MOUSEUP: 'touchend',\n        getPageXY: getTouchEventPageXY,\n    };\n})();\n\nfunction getMouseEventPageXY(e: MouseEvent): [number, number] {\n    return [e.pageX, e.pageY];\n}\n\nfunction getTouchEventPageXY(e: TouchEvent): [number, number] {\n    let pageX = 0;\n    let pageY = 0;\n    if (e.targetTouches && e.targetTouches.length > 0) {\n        const touch = e.targetTouches[0];\n        pageX = touch.pageX;\n        pageY = touch.pageY;\n    }\n    return [pageX, pageY];\n}\n\n/**\n * @internal\n * A helper class to help manage drag and drop to an HTML element\n */\nexport default class DragAndDropHelper<TContext, TInitValue> implements Disposable {\n    private initX: number = 0;\n    private initY: number = 0;\n    private initValue: TInitValue | undefined = undefined;\n    private dndMouse: MouseEventInfo | TouchEventInfo;\n\n    /**\n     * Create a new instance of DragAndDropHelper class\n     * @param trigger The trigger element. When user start drag on this element,\n     * events will be fired to the handler object\n     * @param context Context object that will be passed to handler function when event is fired,\n     * so that the handler object knows which element it is triggered from.\n     * @param onSubmit A callback that will be invoked when event handler in handler object returns true\n     * @param handler The event handler object, see DragAndDropHandler interface for more information\n     * @param zoomScale The zoom scale of the editor\n     * @param forceMobile A boolean to force the use of touch controls for the helper\n     */\n    constructor(\n        private trigger: HTMLElement,\n        private context: TContext,\n        private onSubmit: (context: TContext, trigger: HTMLElement) => void,\n        private handler: DragAndDropHandler<TContext, TInitValue>,\n        private zoomScale: number,\n        forceMobile?: boolean\n    ) {\n        this.dndMouse = forceMobile ? MOUSE_EVENT_INFO_MOBILE : MOUSE_EVENT_INFO_DESKTOP;\n        trigger.addEventListener(this.dndMouse.MOUSEDOWN, this.onMouseDown);\n    }\n\n    /**\n     * Dispose this object, remove all event listeners that has been attached\n     */\n    dispose() {\n        this.trigger.removeEventListener(this.dndMouse.MOUSEDOWN, this.onMouseDown);\n        this.removeDocumentEvents();\n    }\n\n    public get mouseType(): string {\n        return this.dndMouse == MOUSE_EVENT_INFO_MOBILE ? 'touch' : 'mouse';\n    }\n\n    private addDocumentEvents() {\n        const doc = this.trigger.ownerDocument;\n        doc.addEventListener(this.dndMouse.MOUSEMOVE, this.onMouseMove, true /*useCapture*/);\n        doc.addEventListener(this.dndMouse.MOUSEUP, this.onMouseUp, true /*useCapture*/);\n    }\n\n    private removeDocumentEvents() {\n        const doc = this.trigger.ownerDocument;\n        doc.removeEventListener(this.dndMouse.MOUSEMOVE, this.onMouseMove, true /*useCapture*/);\n        doc.removeEventListener(this.dndMouse.MOUSEUP, this.onMouseUp, true /*useCapture*/);\n    }\n\n    private onMouseDown = (e: Event) => {\n        e.preventDefault();\n        e.stopPropagation();\n        this.addDocumentEvents();\n        [this.initX, this.initY] = this.dndMouse.getPageXY(e as MouseEvent & TouchEvent);\n        this.initValue = this.handler.onDragStart?.(this.context, e as MouseEvent);\n    };\n\n    private onMouseMove = (e: Event) => {\n        e.preventDefault();\n        const [pageX, pageY] = this.dndMouse.getPageXY(e as MouseEvent & TouchEvent);\n        const deltaX = (pageX - this.initX) / this.zoomScale;\n        const deltaY = (pageY - this.initY) / this.zoomScale;\n        if (\n            this.initValue &&\n            this.handler.onDragging?.(this.context, e as MouseEvent, this.initValue, deltaX, deltaY)\n        ) {\n            this.onSubmit?.(this.context, this.trigger);\n        }\n    };\n\n    private onMouseUp = (e: Event) => {\n        e.preventDefault();\n        this.removeDocumentEvents();\n        if (this.handler.onDragEnd?.(this.context, e as MouseEvent, this.initValue)) {\n            this.onSubmit?.(this.context, this.trigger);\n        }\n    };\n}\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';\nimport type { Rect } from 'roosterjs-content-model-types';\n\n/**\n * Get the intersected Rect of elements provided\n *\n * @example\n * The result of the following Elements Rects would be:\n    {\n        top: Element2.top,\n        bottom: Element1.bottom,\n        left: Element2.left,\n        right: Element2.right\n    }\n    +-------------------------+\n    | Element 1               |\n    |   +-----------------+   |\n    |   | Element2        |   |\n    |   |                 |   |\n    |   |                 |   |\n    +-------------------------+\n        |                 |\n        +-----------------+\n * @internal\n * @param elements Elements to use.\n * @param additionalRects additional rects to use\n * @returns If the Rect is valid return the rect, if not, return null.\n */\nexport default function getIntersectedRect(\n    elements: HTMLElement[],\n    additionalRects: Rect[] = []\n): Rect | null {\n    const rects = elements\n        .map(element => normalizeRect(element.getBoundingClientRect()))\n        .concat(additionalRects)\n        .filter(element => !!element) as Rect[];\n\n    const result: Rect = {\n        top: Math.max(...rects.map(r => r.top)),\n        bottom: Math.min(...rects.map(r => r.bottom)),\n        left: Math.max(...rects.map(r => r.left)),\n        right: Math.min(...rects.map(r => r.right)),\n    };\n\n    return result.top < result.bottom && result.left < result.right ? result : null;\n}\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';\n\n/**\n * @internal\n * A ClientRect of all 0 is possible. i.e. chrome returns a ClientRect of 0 when the cursor is on an empty p\n * We validate that and only return a rect when the passed in ClientRect is valid\n */\nexport default function normalizeRect(clientRect: DOMRect): Rect | null {\n    const { left, right, top, bottom } =\n        clientRect || <DOMRect>{ left: 0, right: 0, top: 0, bottom: 0 };\n    return left === 0 && right === 0 && top === 0 && bottom === 0\n        ? null\n        : {\n              left: Math.round(left),\n              right: Math.round(right),\n              top: Math.round(top),\n              bottom: Math.round(bottom),\n          };\n}\n"]}

package/{lib/autoFormat/ContentModelAutoFormatPlugin.d.ts → lib-mjs/autoFormat/AutoFormatPlugin.d.ts}

@@ -16,7 +16,7 @@ export declare type AutoFormatOptions = {
  * 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 ContentModelAutoFormatPlugin implements EditorPlugin {
+export declare class AutoFormatPlugin implements EditorPlugin {
     private options;
     private editor;
     /**

package/lib-mjs/autoFormat/{ContentModelAutoFormatPlugin.js → AutoFormatPlugin.js}

@@ -10,13 +10,13 @@ var DefaultOptions = {
  * 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 ContentModelAutoFormatPlugin = /** @class */ (function () {
+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 ContentModelAutoFormatPlugin(options) {
+    function AutoFormatPlugin(options) {
         if (options === void 0) { options = DefaultOptions; }
         this.options = options;
         this.editor = null;
@@ -24,8 +24,8 @@ var ContentModelAutoFormatPlugin = /** @class */ (function () {
     /**
      * Get name of this plugin
      */
-    ContentModelAutoFormatPlugin.prototype.getName = function () {
-        return 'ContentModelAutoFormat';
+    AutoFormatPlugin.prototype.getName = function () {
+        return 'AutoFormat';
     };
     /**
      * The first method that editor will call to a plugin when editor is initializing.
@@ -33,7 +33,7 @@ var ContentModelAutoFormatPlugin = /** @class */ (function () {
      * editor reference so that it can call to any editor method or format API later.
      * @param editor The editor object
      */
-    ContentModelAutoFormatPlugin.prototype.initialize = function (editor) {
+    AutoFormatPlugin.prototype.initialize = function (editor) {
         this.editor = editor;
     };
     /**
@@ -41,7 +41,7 @@ var ContentModelAutoFormatPlugin = /** @class */ (function () {
      * 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.
      */
-    ContentModelAutoFormatPlugin.prototype.dispose = function () {
+    AutoFormatPlugin.prototype.dispose = function () {
         this.editor = null;
     };
     /**
@@ -50,7 +50,7 @@ var ContentModelAutoFormatPlugin = /** @class */ (function () {
      * exclusively by another plugin.
      * @param event The event to handle:
      */
-    ContentModelAutoFormatPlugin.prototype.onPluginEvent = function (event) {
+    AutoFormatPlugin.prototype.onPluginEvent = function (event) {
         if (this.editor) {
             switch (event.eventType) {
                 case 'keyDown':
@@ -59,7 +59,7 @@ var ContentModelAutoFormatPlugin = /** @class */ (function () {
             }
         }
     };
-    ContentModelAutoFormatPlugin.prototype.handleKeyDownEvent = function (editor, event) {
+    AutoFormatPlugin.prototype.handleKeyDownEvent = function (editor, event) {
         var rawEvent = event.rawEvent;
         if (!rawEvent.defaultPrevented && !event.handledByEditFeature) {
             switch (rawEvent.key) {
@@ -72,7 +72,7 @@ var ContentModelAutoFormatPlugin = /** @class */ (function () {
             }
         }
     };
-    return ContentModelAutoFormatPlugin;
+    return AutoFormatPlugin;
 }());
-export { ContentModelAutoFormatPlugin };
-//# sourceMappingURL=ContentModelAutoFormatPlugin.js.map
+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';\nimport type {\n    EditorPlugin,\n    IStandaloneEditor,\n    KeyDownEvent,\n    PluginEvent,\n} from 'roosterjs-content-model-types';\n\n/**\n * Options to customize the Content Model Auto Format Plugin\n */\nexport type AutoFormatOptions = {\n    /**\n     * When true, after type *, ->, -, --, => , —, > and space key a type of bullet list will be triggered. @default true\n     */\n    autoBullet: boolean;\n\n    /**\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\n     */\n    autoNumbering: boolean;\n};\n\n/**\n * @internal\n */\nconst DefaultOptions: Required<AutoFormatOptions> = {\n    autoBullet: true,\n    autoNumbering: true,\n};\n\n/**\n * Auto Format plugin handles auto formatting, such as transforming * characters into a bullet list.\n * It can be customized with options to enable or disable auto list features.\n */\nexport class AutoFormatPlugin implements EditorPlugin {\n    private editor: IStandaloneEditor | null = null;\n\n    /**\n     * @param options An optional parameter that takes in an object of type AutoFormatOptions, which includes the following properties:\n     *  - autoBullet: A boolean that enables or disables automatic bullet list formatting. Defaults to true.\n     *  - autoNumbering: A boolean that enables or disables automatic numbering formatting. Defaults to true.\n     */\n    constructor(private options: AutoFormatOptions = DefaultOptions) {}\n\n    /**\n     * Get name of this plugin\n     */\n    getName() {\n        return 'AutoFormat';\n    }\n\n    /**\n     * The first method that editor will call to a plugin when editor is initializing.\n     * It will pass in the editor instance, plugin should take this chance to save the\n     * editor reference so that it can call to any editor method or format API later.\n     * @param editor The editor object\n     */\n    initialize(editor: IStandaloneEditor) {\n        this.editor = editor;\n    }\n\n    /**\n     * The last method that editor will call to a plugin before it is disposed.\n     * Plugin can take this chance to clear the reference to editor. After this method is\n     * called, plugin should not call to any editor method since it will result in error.\n     */\n    dispose() {\n        this.editor = null;\n    }\n\n    /**\n     * Core method for a plugin. Once an event happens in editor, editor will call this\n     * method of each plugin to handle the event as long as the event is not handled\n     * exclusively by another plugin.\n     * @param event The event to handle:\n     */\n    onPluginEvent(event: PluginEvent) {\n        if (this.editor) {\n            switch (event.eventType) {\n                case 'keyDown':\n                    this.handleKeyDownEvent(this.editor, event);\n                    break;\n            }\n        }\n    }\n\n    private handleKeyDownEvent(editor: IStandaloneEditor, event: KeyDownEvent) {\n        const rawEvent = event.rawEvent;\n        if (!rawEvent.defaultPrevented && !event.handledByEditFeature) {\n            switch (rawEvent.key) {\n                case ' ':\n                    const { autoBullet, autoNumbering } = this.options;\n                    if (autoBullet || autoNumbering) {\n                        keyboardListTrigger(editor, rawEvent, autoBullet, autoNumbering);\n                    }\n                    break;\n            }\n        }\n    }\n}\n"]}

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

@@ -1 +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;AAG5F;;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;YAC7B,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';\nimport { getSelectedSegmentsAndParagraphs } from 'roosterjs-content-model-core';\nimport { normalizeContentModel } from 'roosterjs-content-model-dom';\nimport { setListStartNumber, setListStyle, setListType } from 'roosterjs-content-model-api';\nimport type { ContentModelDocument, IStandaloneEditor } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function keyboardListTrigger(\n    editor: IStandaloneEditor,\n    rawEvent: KeyboardEvent,\n    shouldSearchForBullet: boolean = true,\n    shouldSearchForNumbering: boolean = true\n) {\n    editor.formatContentModel((model, _context) => {\n        const listStyleType = getListTypeStyle(\n            model,\n            shouldSearchForBullet,\n            shouldSearchForNumbering\n        );\n        if (listStyleType) {\n            const segmentsAndParagraphs = getSelectedSegmentsAndParagraphs(model, false);\n            if (segmentsAndParagraphs[0] && segmentsAndParagraphs[0][1]) {\n                segmentsAndParagraphs[0][1].segments.splice(0, 1);\n            }\n            const { listType, styleType, index } = listStyleType;\n            triggerList(editor, model, listType, styleType, index);\n            rawEvent.preventDefault();\n            normalizeContentModel(model);\n            return true;\n        }\n        return false;\n    });\n}\n\nconst triggerList = (\n    editor: IStandaloneEditor,\n    model: ContentModelDocument,\n    listType: 'OL' | 'UL',\n    styleType: number,\n    index?: number\n) => {\n    setListType(model, listType);\n    const isOrderedList = listType == 'OL';\n    // If the index < 1, it is a new list, so it will be starting by 1, then no need to set startNumber\n    if (index && index > 1 && isOrderedList) {\n        setListStartNumber(editor, index);\n    }\n    setListStyle(\n        editor,\n        isOrderedList\n            ? {\n                  orderedStyleType: styleType,\n              }\n            : {\n                  unorderedStyleType: styleType,\n              }\n    );\n};\n"]}
+{"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';\nimport { getSelectedSegmentsAndParagraphs } from 'roosterjs-content-model-core';\nimport { normalizeContentModel } from 'roosterjs-content-model-dom';\nimport { setListStartNumber, setListStyle, setListType } from 'roosterjs-content-model-api';\n\nimport type { ContentModelDocument, IStandaloneEditor } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function keyboardListTrigger(\n    editor: IStandaloneEditor,\n    rawEvent: KeyboardEvent,\n    shouldSearchForBullet: boolean = true,\n    shouldSearchForNumbering: boolean = true\n) {\n    editor.formatContentModel((model, _context) => {\n        const listStyleType = getListTypeStyle(\n            model,\n            shouldSearchForBullet,\n            shouldSearchForNumbering\n        );\n        if (listStyleType) {\n            const segmentsAndParagraphs = getSelectedSegmentsAndParagraphs(model, false);\n            if (segmentsAndParagraphs[0] && segmentsAndParagraphs[0][1]) {\n                segmentsAndParagraphs[0][1].segments.splice(0, 1);\n            }\n            const { listType, styleType, index } = listStyleType;\n            triggerList(editor, model, listType, styleType, index);\n            rawEvent.preventDefault();\n            normalizeContentModel(model);\n\n            return true;\n        }\n        return false;\n    });\n}\n\nconst triggerList = (\n    editor: IStandaloneEditor,\n    model: ContentModelDocument,\n    listType: 'OL' | 'UL',\n    styleType: number,\n    index?: number\n) => {\n    setListType(model, listType);\n    const isOrderedList = listType == 'OL';\n    // If the index < 1, it is a new list, so it will be starting by 1, then no need to set startNumber\n    if (index && index > 1 && isOrderedList) {\n        setListStartNumber(editor, index);\n    }\n    setListStyle(\n        editor,\n        isOrderedList\n            ? {\n                  orderedStyleType: styleType,\n              }\n            : {\n                  unorderedStyleType: styleType,\n              }\n    );\n};\n"]}

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

@@ -1,11 +1,10 @@
-import { getIndex } from './getIndex';
+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) {
-    var _a, _b;
     if (shouldSearchForBullet === void 0) { shouldSearchForBullet = true; }
     if (shouldSearchForNumbering === void 0) { shouldSearchForNumbering = true; }
     var selectedSegmentsAndParagraphs = getSelectedSegmentsAndParagraphs(model, true);
@@ -23,35 +22,39 @@ export function getListTypeStyle(model, shouldSearchForBullet, shouldSearchForNu
         }
         else if (shouldSearchForNumbering) {
             var previousList = getPreviousListLevel(model, paragraph);
+            var previousIndex = getPreviousListIndex(model, previousList);
             var previousListStyle = getPreviousListStyle(previousList);
-            var numberingType = getNumberingListStyle(listMarker, ((_a = previousList === null || previousList === void 0 ? void 0 : previousList.format) === null || _a === void 0 ? void 0 : _a.listStyleType)
-                ? getIndex(previousList.format.listStyleType)
-                : undefined, previousListStyle);
+            var numberingType = getNumberingListStyle(listMarker, previousIndex, previousListStyle);
             if (numberingType) {
                 return {
                     listType: 'OL',
                     styleType: numberingType,
-                    index: ((_b = previousList === null || previousList === void 0 ? void 0 : previousList.format) === null || _b === void 0 ? void 0 : _b.listStyleType) ? getIndex(listMarker) : undefined,
+                    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']);
+    var blocks = getOperationalBlocks(model, ['ListItem'], ['TableCell'])[0];
     var listItem = undefined;
-    var listBlock = blocks.filter(function (_a) {
-        var block = _a.block, parent = _a.parent;
-        return parent.blocks.indexOf(paragraph) > -1;
-    })[0];
-    if (listBlock) {
-        var length_1 = listBlock.parent.blocks.length;
-        for (var i = length_1 - 1; i > -1; i--) {
-            var item = listBlock.parent.blocks[i];
-            if (isBlockGroupOfType(item, 'ListItem')) {
-                listItem = item;
-                break;
+    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;
+                }
             }
         }
     }
@@ -73,4 +76,9 @@ var bulletListType = {
     '>': 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

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

@@ -1 +1 @@
-{"version":3,"file":"getListTypeStyle.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/autoFormat/utils/getListTypeStyle.ts"],"names":[],"mappings":"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","sourcesContent":["import { getIndex } from './getIndex';\nimport { getNumberingListStyle } from './getNumberingListStyle';\n\nimport type {\n    ContentModelDocument,\n    ContentModelListItem,\n    ContentModelParagraph,\n} from 'roosterjs-content-model-types';\nimport {\n    BulletListType,\n    isBlockGroupOfType,\n    updateListMetadata,\n    getOperationalBlocks,\n    getSelectedSegmentsAndParagraphs,\n} from 'roosterjs-content-model-core';\n\n/**\n * @internal\n */\ninterface ListTypeStyle {\n    listType: 'UL' | 'OL';\n    styleType: number;\n    index?: number;\n}\n\n/**\n * @internal\n */\nexport function getListTypeStyle(\n    model: ContentModelDocument,\n    shouldSearchForBullet: boolean = true,\n    shouldSearchForNumbering: boolean = true\n): ListTypeStyle | undefined {\n    const selectedSegmentsAndParagraphs = getSelectedSegmentsAndParagraphs(model, true);\n    const marker = selectedSegmentsAndParagraphs[0][0];\n    const paragraph = selectedSegmentsAndParagraphs[0][1];\n    const listMarkerSegment = paragraph?.segments[0];\n\n    if (\n        marker &&\n        marker.segmentType == 'SelectionMarker' &&\n        listMarkerSegment &&\n        listMarkerSegment.segmentType == 'Text'\n    ) {\n        const listMarker = listMarkerSegment.text;\n        const bulletType = bulletListType[listMarker];\n\n        if (bulletType && shouldSearchForBullet) {\n            return { listType: 'UL', styleType: bulletType };\n        } else if (shouldSearchForNumbering) {\n            const previousList = getPreviousListLevel(model, paragraph);\n            const previousListStyle = getPreviousListStyle(previousList);\n            const numberingType = getNumberingListStyle(\n                listMarker,\n                previousList?.format?.listStyleType\n                    ? getIndex(previousList.format.listStyleType)\n                    : undefined,\n                previousListStyle\n            );\n            if (numberingType) {\n                return {\n                    listType: 'OL',\n                    styleType: numberingType,\n                    index: previousList?.format?.listStyleType ? getIndex(listMarker) : undefined,\n                };\n            }\n        }\n    }\n    return undefined;\n}\n\nconst getPreviousListLevel = (model: ContentModelDocument, paragraph: ContentModelParagraph) => {\n    const blocks = getOperationalBlocks(model, ['ListItem'], ['TableCell']);\n    let listItem: ContentModelListItem | undefined = undefined;\n    const listBlock = blocks.filter(({ block, parent }) => {\n        return parent.blocks.indexOf(paragraph) > -1;\n    })[0];\n    if (listBlock) {\n        const length = listBlock.parent.blocks.length;\n        for (let i = length - 1; i > -1; i--) {\n            const item = listBlock.parent.blocks[i];\n            if (isBlockGroupOfType<ContentModelListItem>(item, 'ListItem')) {\n                listItem = item;\n                break;\n            }\n        }\n    }\n    return listItem;\n};\n\nconst getPreviousListStyle = (list?: ContentModelListItem) => {\n    if (list?.levels[0].dataset) {\n        return updateListMetadata(list.levels[0])?.orderedStyleType;\n    }\n};\n\nconst bulletListType: Record<string, number> = {\n    '*': BulletListType.Disc,\n    '-': BulletListType.Dash,\n    '--': BulletListType.Square,\n    '->': BulletListType.LongArrow,\n    '-->': BulletListType.DoubleLongArrow,\n    '=>': BulletListType.UnfilledArrow,\n    '>': BulletListType.ShortArrow,\n    '—': BulletListType.Hyphen,\n};\n"]}
+{"version":3,"file":"getListTypeStyle.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/autoFormat/utils/getListTypeStyle.ts"],"names":[],"mappings":"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","sourcesContent":["import { findListItemsInSameThread } from 'roosterjs-content-model-api';\nimport { getNumberingListStyle } from './getNumberingListStyle';\nimport type {\n    ContentModelDocument,\n    ContentModelListItem,\n    ContentModelParagraph,\n} from 'roosterjs-content-model-types';\nimport {\n    BulletListType,\n    isBlockGroupOfType,\n    updateListMetadata,\n    getOperationalBlocks,\n    getSelectedSegmentsAndParagraphs,\n} from 'roosterjs-content-model-core';\n\n/**\n * @internal\n */\ninterface ListTypeStyle {\n    listType: 'UL' | 'OL';\n    styleType: number;\n    index?: number;\n}\n\n/**\n * @internal\n */\nexport function getListTypeStyle(\n    model: ContentModelDocument,\n    shouldSearchForBullet: boolean = true,\n    shouldSearchForNumbering: boolean = true\n): ListTypeStyle | undefined {\n    const selectedSegmentsAndParagraphs = getSelectedSegmentsAndParagraphs(model, true);\n    const marker = selectedSegmentsAndParagraphs[0][0];\n    const paragraph = selectedSegmentsAndParagraphs[0][1];\n    const listMarkerSegment = paragraph?.segments[0];\n\n    if (\n        marker &&\n        marker.segmentType == 'SelectionMarker' &&\n        listMarkerSegment &&\n        listMarkerSegment.segmentType == 'Text'\n    ) {\n        const listMarker = listMarkerSegment.text;\n        const bulletType = bulletListType[listMarker];\n\n        if (bulletType && shouldSearchForBullet) {\n            return { listType: 'UL', styleType: bulletType };\n        } else if (shouldSearchForNumbering) {\n            const previousList = getPreviousListLevel(model, paragraph);\n            const previousIndex = getPreviousListIndex(model, previousList);\n            const previousListStyle = getPreviousListStyle(previousList);\n            const numberingType = getNumberingListStyle(\n                listMarker,\n                previousIndex,\n                previousListStyle\n            );\n            if (numberingType) {\n                return {\n                    listType: 'OL',\n                    styleType: numberingType,\n                    index:\n                        !isNewList(listMarker) &&\n                        previousListStyle === numberingType &&\n                        previousIndex\n                            ? previousIndex + 1\n                            : undefined,\n                };\n            }\n        }\n    }\n    return undefined;\n}\n\nconst getPreviousListIndex = (\n    model: ContentModelDocument,\n    previousListItem?: ContentModelListItem\n) => {\n    return previousListItem ? findListItemsInSameThread(model, previousListItem).length : undefined;\n};\n\nconst getPreviousListLevel = (model: ContentModelDocument, paragraph: ContentModelParagraph) => {\n    const blocks = getOperationalBlocks<ContentModelListItem>(\n        model,\n        ['ListItem'],\n        ['TableCell']\n    )[0];\n    let listItem: ContentModelListItem | undefined = undefined;\n    if (blocks) {\n        const listBlockIndex = blocks.parent.blocks.indexOf(paragraph);\n\n        if (listBlockIndex > -1) {\n            for (let i = listBlockIndex - 1; i > -1; i--) {\n                const item = blocks.parent.blocks[i];\n                if (isBlockGroupOfType<ContentModelListItem>(item, 'ListItem')) {\n                    listItem = item;\n                    break;\n                }\n            }\n        }\n    }\n\n    return listItem;\n};\n\nconst getPreviousListStyle = (list?: ContentModelListItem) => {\n    if (list?.levels[0].dataset) {\n        return updateListMetadata(list.levels[0])?.orderedStyleType;\n    }\n};\n\nconst bulletListType: Record<string, number> = {\n    '*': BulletListType.Disc,\n    '-': BulletListType.Dash,\n    '--': BulletListType.Square,\n    '->': BulletListType.LongArrow,\n    '-->': BulletListType.DoubleLongArrow,\n    '=>': BulletListType.UnfilledArrow,\n    '>': BulletListType.ShortArrow,\n    '—': BulletListType.Hyphen,\n};\n\nconst isNewList = (listMarker: string) => {\n    const marker = listMarker.replace(/[^\\w\\s]/g, '');\n    const pattern = /^[1aAiI]$/;\n    return pattern.test(marker);\n};\n"]}