@visactor/vrender-core 0.16.0-alpha.0

package/cjs/core/window.js

@@ -0,0 +1,126 @@
+"use strict";
+
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}, __metadata = this && this.__metadata || function(k, v) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+}, __param = this && this.__param || function(paramIndex, decorator) {
+    return function(target, key) {
+        decorator(target, key, paramIndex);
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DefaultWindow = exports.WindowHandlerContribution = exports.VWindow = void 0;
+
+const inversify_lite_1 = require("../common/inversify-lite"), generator_1 = require("../common/generator"), container_1 = require("../container"), tapable_1 = require("../tapable"), constants_1 = require("../constants");
+
+exports.VWindow = Symbol.for("VWindow"), exports.WindowHandlerContribution = Symbol.for("WindowHandlerContribution");
+
+let DefaultWindow = class {
+    get width() {
+        if (this._handler) {
+            const wh = this._handler.getWH();
+            return this._width = wh.width;
+        }
+        return this._width;
+    }
+    get height() {
+        if (this._handler) {
+            const wh = this._handler.getWH();
+            return this._height = wh.height;
+        }
+        return this._height;
+    }
+    get dpr() {
+        return this._handler.getDpr();
+    }
+    constructor(global) {
+        this.global = global, this.hooks = {
+            onChange: new tapable_1.SyncHook([ "x", "y", "width", "height" ])
+        }, this._uid = generator_1.Generator.GenAutoIncrementId();
+    }
+    postInit() {
+        this.global.hooks.onSetEnv.tap("window", (() => {
+            this.active();
+        })), this.active();
+    }
+    active() {
+        const global = this.global;
+        if (!global.env || this.actived) return;
+        container_1.container.getNamed(exports.WindowHandlerContribution, global.env).configure(this, global), 
+        this.actived = !0, this._handler;
+    }
+    get style() {
+        return this._handler.getStyle();
+    }
+    set style(style) {
+        this._handler.setStyle(style);
+    }
+    create(params) {
+        this._handler.createWindow(params);
+        const windowWH = this._handler.getWH();
+        this._width = windowWH.width, this._height = windowWH.height, this.title = this._handler.getTitle(), 
+        this.resizable = !0;
+    }
+    setWindowHandler(handler) {
+        this._handler = handler;
+    }
+    setDpr(dpr) {
+        return this._handler.setDpr(dpr);
+    }
+    resize(w, h) {
+        return this._handler.resizeWindow(w, h);
+    }
+    configure() {
+        throw new Error("暂不支持");
+    }
+    release() {
+        return this._handler.releaseWindow();
+    }
+    getContext() {
+        return this._handler.getContext();
+    }
+    getNativeHandler() {
+        return this._handler.getNativeHandler();
+    }
+    getImageBuffer(type) {
+        return this._handler.getImageBuffer ? this._handler.getImageBuffer(type) : null;
+    }
+    addEventListener(type, listener, options) {
+        return this._handler.addEventListener(type, listener, options);
+    }
+    removeEventListener(type, listener, options) {
+        return this._handler.removeEventListener(type, listener, options);
+    }
+    dispatchEvent(event) {
+        return this._handler.dispatchEvent(event);
+    }
+    getBoundingClientRect() {
+        return this._handler.getBoundingClientRect();
+    }
+    getContainer() {
+        return this._handler.container;
+    }
+    clearViewBox(viewBox, color) {
+        this._handler.clearViewBox(viewBox, color);
+    }
+    isVisible(bbox) {
+        return this._handler.isVisible(bbox);
+    }
+    onVisibleChange(cb) {
+        return this._handler.onVisibleChange(cb);
+    }
+    getTopLeft(baseWindow) {
+        return this._handler.getTopLeft(baseWindow);
+    }
+};
+
+__decorate([ (0, inversify_lite_1.postConstruct)(), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0) ], DefaultWindow.prototype, "postInit", null), 
+DefaultWindow = __decorate([ (0, inversify_lite_1.injectable)(), __param(0, (0, 
+inversify_lite_1.inject)(constants_1.VGlobal)), __metadata("design:paramtypes", [ Object ]) ], DefaultWindow), 
+exports.DefaultWindow = DefaultWindow;
+//# sourceMappingURL=window.js.map

package/cjs/core/window.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/window.ts"],"names":[],"mappings":"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","file":"window.js","sourcesContent":["import { inject, injectable, postConstruct } from '../common/inversify-lite';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport { Generator } from '../common/generator';\nimport type {\n  ICanvas,\n  IContext2d,\n  IDomRectLike,\n  IGlobal,\n  IWindow,\n  IWindowHandlerContribution,\n  IWindowParams\n} from '../interface';\nimport { container } from '../container';\nimport { SyncHook } from '../tapable';\nimport { VGlobal } from '../constants';\n\nexport const VWindow = Symbol.for('VWindow');\n\nexport const WindowHandlerContribution = Symbol.for('WindowHandlerContribution');\n\n/**\n * 窗口\n * 对于浏览器，就是管理某个Stage影响的Canvas\n * 对于原生，就是管理这个系统窗口\n */\n@injectable()\nexport class DefaultWindow implements IWindow {\n  protected _width: number;\n  protected _height: number;\n  protected _handler: IWindowHandlerContribution;\n\n  hooks = {\n    onChange: new SyncHook<[number, number, number, number]>(['x', 'y', 'width', 'height'])\n  };\n\n  // 父窗口(容器)，对于浏览器来说就是container dom\n  declare parent: Window;\n  // 窗口的大小\n  get width(): number {\n    if (this._handler) {\n      const wh = this._handler.getWH();\n      return (this._width = wh.width);\n    }\n    return this._width;\n  }\n  get height(): number {\n    if (this._handler) {\n      const wh = this._handler.getWH();\n      return (this._height = wh.height);\n    }\n    return this._height;\n  }\n  // 窗口的位置\n  // declare x: number;\n  // declare y: number;\n  declare _uid: number;\n  // 窗口操作配置\n  declare resizable: boolean;\n  declare minHeight: number;\n  declare minWidth: number;\n  declare maxHeight: number;\n  declare maxWidth: number;\n  // 窗口配置\n  declare title: string;\n\n  /* 浏览器环境配置 */\n  // 这是主体canvas，对于单图层来说就是绘图canvas\n  // 对于多图层画布来说，就是用户传入的或者默认的一个canvas\n  declare mainCanvas: ICanvas;\n  declare layerCanvas: ICanvas[];\n  declare actived: boolean;\n  get dpr(): number {\n    return this._handler.getDpr();\n  }\n\n  constructor(\n    @inject(VGlobal) public readonly global: IGlobal // @inject(ContributionProvider) // @named(WindowHandlerContribution) // protected readonly contributions: ContributionProvider<IWindowHandlerContribution>\n  ) {\n    this._uid = Generator.GenAutoIncrementId();\n  }\n\n  @postConstruct()\n  protected postInit() {\n    this.global.hooks.onSetEnv.tap('window', () => {\n      this.active();\n    });\n    this.active();\n  }\n\n  protected active() {\n    const global = this.global;\n    if (!global.env || this.actived) {\n      return;\n    }\n    const handler = container.getNamed<IWindowHandlerContribution>(WindowHandlerContribution, global.env);\n    handler.configure(this, global);\n    // this.contributions.getContributions().forEach((handlerContribution) => {\n    //   handlerContribution.configure(this, this.global);\n    // });\n    this.actived = true;\n    this._handler;\n  }\n\n  get style(): CSSStyleDeclaration | Record<string, any> {\n    return this._handler.getStyle();\n  }\n\n  set style(style: CSSStyleDeclaration | Record<string, any>) {\n    this._handler.setStyle(style);\n  }\n\n  create(params: IWindowParams): void {\n    // 通过handler创建窗口\n    this._handler.createWindow(params);\n\n    // 使用window的wh\n    const windowWH = this._handler.getWH();\n    this._width = windowWH.width;\n    this._height = windowWH.height;\n    // 使用window的xy\n    // const windowXY = this._handler.getXY();\n    // this.x = windowXY.x;\n    // this.y = windowXY.y;\n    // 使用window的title\n    this.title = this._handler.getTitle();\n    this.resizable = true;\n  }\n\n  setWindowHandler(handler: IWindowHandlerContribution) {\n    this._handler = handler;\n  }\n\n  setDpr(dpr: number): void {\n    return this._handler.setDpr(dpr);\n  }\n  resize(w: number, h: number): void {\n    return this._handler.resizeWindow(w, h);\n  }\n  configure(): void {\n    throw new Error('暂不支持');\n  }\n  release(): void {\n    return this._handler.releaseWindow();\n  }\n  getContext(): IContext2d {\n    return this._handler.getContext();\n  }\n  getNativeHandler(): ICanvas {\n    return this._handler.getNativeHandler();\n  }\n  getImageBuffer(type?: string): any {\n    if (!this._handler.getImageBuffer) {\n      return null;\n    }\n    return this._handler.getImageBuffer(type);\n  }\n\n  addEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | AddEventListenerOptions\n  ): void;\n  addEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions\n  ): void {\n    return this._handler.addEventListener(type, listener, options);\n  }\n  removeEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | EventListenerOptions\n  ): void;\n  removeEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions\n  ): void {\n    return this._handler.removeEventListener(type, listener, options);\n  }\n\n  dispatchEvent(event: any): boolean {\n    return this._handler.dispatchEvent(event);\n  }\n\n  getBoundingClientRect(): IDomRectLike {\n    return this._handler.getBoundingClientRect();\n  }\n\n  getContainer(): HTMLElement | any {\n    return this._handler.container;\n  }\n\n  clearViewBox(viewBox: IBoundsLike, color?: string) {\n    this._handler.clearViewBox(viewBox, color);\n  }\n\n  isVisible(bbox?: IBoundsLike): boolean {\n    return this._handler.isVisible(bbox);\n  }\n\n  onVisibleChange(cb: (currentVisible: boolean) => void) {\n    return this._handler.onVisibleChange(cb);\n  }\n\n  getTopLeft(baseWindow?: boolean): { top: number; left: number } {\n    return this._handler.getTopLeft(baseWindow);\n  }\n}\n"]}

package/cjs/create.d.ts

@@ -0,0 +1,3 @@
+import { Stage } from './core/stage';
+import type { IStageParams } from './interface/stage';
+export declare function createStage(params: Partial<IStageParams>): Stage;

package/cjs/create.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.createStage = void 0;
+
+const stage_1 = require("./core/stage");
+
+function createStage(params) {
+    return new stage_1.Stage(params);
+}
+
+exports.createStage = createStage;
+//# sourceMappingURL=create.js.map

package/cjs/create.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/create.ts"],"names":[],"mappings":";;;AAAA,wCAAqC;AAGrC,SAAgB,WAAW,CAAC,MAA6B;IACvD,OAAO,IAAI,aAAK,CAAC,MAAM,CAAC,CAAC;AAE3B,CAAC;AAHD,kCAGC","file":"create.js","sourcesContent":["import { Stage } from './core/stage';\nimport type { IStageParams } from './interface/stage';\n\nexport function createStage(params: Partial<IStageParams>) {\n  return new Stage(params);\n  // return container.get<(params: Partial<IStageParams>) => IStage>(StageFactory)(params);\n}\n"]}

package/cjs/event/constant.d.ts

@@ -0,0 +1 @@
+export declare const WILDCARD = "*";

package/cjs/event/constant.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.WILDCARD = void 0, exports.WILDCARD = "*";
+//# sourceMappingURL=constant.js.map

package/cjs/event/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/event/constant.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG,GAAG,CAAC","file":"constant.js","sourcesContent":["export const WILDCARD = '*';\n"]}

package/cjs/event/event-manager.d.ts

@@ -0,0 +1,60 @@
+import { FederatedPointerEvent, FederatedWheelEvent } from './federated-event';
+import type { IEventTarget } from '../interface/event';
+import type { FederatedEvent } from './federated-event/base-event';
+import type { Cursor } from '../interface';
+type TrackingData = {
+    pressTargetsByButton: {
+        [id: number]: IEventTarget[];
+    };
+    clicksByButton: {
+        [id: number]: {
+            clickCount: number;
+            target: IEventTarget;
+            timeStamp: number;
+        };
+    };
+    overTargets: IEventTarget[];
+};
+export declare class EventManager {
+    rootTarget: IEventTarget;
+    dispatch: any;
+    cursor: Cursor | string;
+    protected mappingTable: Record<string, Array<{
+        fn: (e: FederatedEvent, target: IEventTarget) => void;
+        priority: number;
+    }>>;
+    protected mappingState: Record<string, any>;
+    protected eventPool: Map<typeof FederatedEvent, FederatedEvent[]>;
+    private _prePointTargetCache;
+    constructor(root: IEventTarget);
+    addEventMapping(type: string, fn: (e: FederatedEvent, target: IEventTarget) => void): void;
+    dispatchEvent(e: FederatedEvent, type?: string): void;
+    mapEvent(e: FederatedEvent): void;
+    propagate(e: FederatedEvent, type?: string): void;
+    propagationPath(target: IEventTarget): IEventTarget[];
+    protected notifyTarget(e: FederatedEvent, type?: string): void;
+    protected onPointerDown: (from: FederatedEvent, target: IEventTarget) => void;
+    protected onPointerMove: (from: FederatedEvent, target: IEventTarget) => void;
+    protected onPointerOver: (from: FederatedEvent, target: IEventTarget) => void;
+    protected onPointerOut: (from: FederatedEvent, target: IEventTarget) => void;
+    protected onPointerUp: (from: FederatedEvent, target: IEventTarget) => void;
+    protected onPointerUpOutside: (from: FederatedEvent, target: IEventTarget) => void;
+    protected onWheel: (from: FederatedEvent, target: IEventTarget) => void;
+    protected findMountedTarget(propagationPath: IEventTarget[] | null): IEventTarget | null;
+    protected createPointerEvent(from: FederatedPointerEvent, type?: string, target?: IEventTarget): FederatedPointerEvent;
+    protected createWheelEvent(from: FederatedWheelEvent, target?: IEventTarget): FederatedWheelEvent;
+    protected clonePointerEvent(from: FederatedPointerEvent, type?: string): FederatedPointerEvent;
+    copyWheelData(from: FederatedWheelEvent, to: FederatedWheelEvent): void;
+    copyPointerData(from: FederatedEvent, to: FederatedEvent): void;
+    copyMouseData(from: FederatedEvent, to: FederatedEvent): void;
+    copyData(from: FederatedEvent, to: FederatedEvent): void;
+    protected trackingData(id: number): TrackingData;
+    protected allocateEvent<T extends FederatedEvent>(constructor: {
+        new (boundary: EventManager): T;
+    }): T;
+    protected freeEvent<T extends FederatedEvent>(event: T): void;
+    private notifyListeners;
+    private emitDelegation;
+    private pickTarget;
+}
+export {};

package/cjs/event/event-manager.js

@@ -0,0 +1,277 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.EventManager = void 0;
+
+const vutils_1 = require("@visactor/vutils"), federated_event_1 = require("./federated-event"), constant_1 = require("./constant"), util_1 = require("./util"), PROPAGATION_LIMIT = 2048;
+
+function isMouseLike(pointerType) {
+    return "mouse" === pointerType || "pen" === pointerType;
+}
+
+class EventManager {
+    constructor(root) {
+        this.dispatch = new vutils_1.EventEmitter, this.mappingState = {
+            trackingData: {}
+        }, this.eventPool = new Map, this.onPointerDown = (from, target) => {
+            if (!(from instanceof federated_event_1.FederatedPointerEvent)) return void console.warn("EventManager cannot map a non-pointer event as a pointer event");
+            const e = this.createPointerEvent(from, from.type, target);
+            if (this.dispatchEvent(e, "pointerdown"), "touch" === e.pointerType) this.dispatchEvent(e, "touchstart"); else if (isMouseLike(e.pointerType)) {
+                const isRightButton = 2 === e.button;
+                this.dispatchEvent(e, isRightButton ? "rightdown" : "mousedown");
+            }
+            this.trackingData(from.pointerId).pressTargetsByButton[from.button] = e.composedPath(), 
+            this.freeEvent(e);
+        }, this.onPointerMove = (from, target) => {
+            var _a, _b;
+            if (!(from instanceof federated_event_1.FederatedPointerEvent)) return void console.warn("EventManager cannot map a non-pointer event as a pointer event");
+            const e = this.createPointerEvent(from, from.type, target), isMouse = isMouseLike(e.pointerType), trackingData = this.trackingData(from.pointerId), outTarget = this.findMountedTarget(trackingData.overTargets);
+            if (trackingData.overTargets && outTarget && outTarget !== this.rootTarget && outTarget !== e.target) {
+                const outType = "mousemove" === from.type ? "mouseout" : "pointerout", outEvent = this.createPointerEvent(from, outType, outTarget || void 0);
+                if (this.dispatchEvent(outEvent, "pointerout"), isMouse && this.dispatchEvent(outEvent, "mouseout"), 
+                !e.composedPath().includes(outTarget)) {
+                    const leaveEvent = this.createPointerEvent(from, "pointerleave", outTarget || void 0);
+                    for (leaveEvent.eventPhase = leaveEvent.AT_TARGET; leaveEvent.target && !e.composedPath().includes(leaveEvent.target); ) leaveEvent.currentTarget = leaveEvent.target, 
+                    this.notifyTarget(leaveEvent), isMouse && this.notifyTarget(leaveEvent, "mouseleave"), 
+                    leaveEvent.target = leaveEvent.target.parent;
+                    this.freeEvent(leaveEvent);
+                }
+                this.freeEvent(outEvent);
+            }
+            if (outTarget !== e.target) {
+                const overType = "mousemove" === from.type ? "mouseover" : "pointerover", overEvent = this.clonePointerEvent(e, overType);
+                this.dispatchEvent(overEvent, "pointerover"), isMouse && this.dispatchEvent(overEvent, "mouseover");
+                let overTargetAncestor = null == outTarget ? void 0 : outTarget.parent;
+                for (;overTargetAncestor && overTargetAncestor !== this.rootTarget.parent && overTargetAncestor !== e.target; ) overTargetAncestor = overTargetAncestor.parent;
+                if (!overTargetAncestor || overTargetAncestor === this.rootTarget.parent) {
+                    const enterEvent = this.clonePointerEvent(e, "pointerenter");
+                    for (enterEvent.eventPhase = enterEvent.AT_TARGET; enterEvent.target && enterEvent.target !== outTarget && enterEvent.target !== this.rootTarget.parent; ) enterEvent.currentTarget = enterEvent.target, 
+                    this.notifyTarget(enterEvent), isMouse && this.notifyTarget(enterEvent, "mouseenter"), 
+                    enterEvent.target = enterEvent.target.parent;
+                    this.freeEvent(enterEvent);
+                }
+                this.freeEvent(overEvent);
+            }
+            this.dispatchEvent(e, "pointermove"), "touch" === e.pointerType && this.dispatchEvent(e, "touchmove"), 
+            isMouse && (this.dispatchEvent(e, "mousemove"), this.cursor = (null === (_b = null === (_a = e.target) || void 0 === _a ? void 0 : _a.attribute) || void 0 === _b ? void 0 : _b.cursor) || this.rootTarget.getCursor()), 
+            trackingData.overTargets = e.composedPath(), this.freeEvent(e);
+        }, this.onPointerOver = (from, target) => {
+            var _a, _b;
+            if (!(from instanceof federated_event_1.FederatedPointerEvent)) return void console.warn("EventManager cannot map a non-pointer event as a pointer event");
+            const trackingData = this.trackingData(from.pointerId), e = this.createPointerEvent(from, from.type, target), isMouse = isMouseLike(e.pointerType);
+            this.dispatchEvent(e, "pointerover"), isMouse && this.dispatchEvent(e, "mouseover"), 
+            "mouse" === e.pointerType && (this.cursor = (null === (_b = null === (_a = e.target) || void 0 === _a ? void 0 : _a.attribute) || void 0 === _b ? void 0 : _b.cursor) || this.rootTarget.getCursor());
+            const enterEvent = this.clonePointerEvent(e, "pointerenter");
+            for (enterEvent.eventPhase = enterEvent.AT_TARGET; enterEvent.target && enterEvent.target !== this.rootTarget.parent; ) enterEvent.currentTarget = enterEvent.target, 
+            this.notifyTarget(enterEvent), isMouse && this.notifyTarget(enterEvent, "mouseenter"), 
+            enterEvent.target = enterEvent.target.parent;
+            trackingData.overTargets = e.composedPath(), this.freeEvent(e), this.freeEvent(enterEvent);
+        }, this.onPointerOut = (from, target) => {
+            if (!(from instanceof federated_event_1.FederatedPointerEvent)) return void console.warn("EventManager cannot map a non-pointer event as a pointer event");
+            const trackingData = this.trackingData(from.pointerId);
+            if (trackingData.overTargets) {
+                const isMouse = isMouseLike(from.pointerType), outTarget = this.findMountedTarget(trackingData.overTargets), outEvent = this.createPointerEvent(from, "pointerout", outTarget || void 0);
+                this.dispatchEvent(outEvent), isMouse && this.dispatchEvent(outEvent, "mouseout");
+                const leaveEvent = this.createPointerEvent(from, "pointerleave", outTarget || void 0);
+                for (leaveEvent.eventPhase = leaveEvent.AT_TARGET; leaveEvent.target && leaveEvent.target !== this.rootTarget.parent; ) leaveEvent.currentTarget = leaveEvent.target, 
+                this.notifyTarget(leaveEvent), isMouse && this.notifyTarget(leaveEvent, "mouseleave"), 
+                leaveEvent.target = leaveEvent.target.parent;
+                trackingData.overTargets = [], this.freeEvent(outEvent), this.freeEvent(leaveEvent);
+            }
+            this.cursor = "";
+        }, this.onPointerUp = (from, target) => {
+            if (!(from instanceof federated_event_1.FederatedPointerEvent)) return void console.warn("EventManager cannot map a non-pointer event as a pointer event");
+            const now = util_1.clock.now(), e = this.createPointerEvent(from, from.type, target);
+            if (this.dispatchEvent(e, "pointerup"), "touch" === e.pointerType) this.dispatchEvent(e, "touchend"); else if (isMouseLike(e.pointerType)) {
+                const isRightButton = 2 === e.button;
+                this.dispatchEvent(e, isRightButton ? "rightup" : "mouseup");
+            }
+            const trackingData = this.trackingData(from.pointerId), pressTarget = this.findMountedTarget(trackingData.pressTargetsByButton[from.button]);
+            let clickTarget = pressTarget;
+            if (pressTarget && !e.composedPath().includes(pressTarget)) {
+                let currentTarget = pressTarget;
+                for (;currentTarget && !e.composedPath().includes(currentTarget); ) {
+                    if (e.currentTarget = currentTarget, this.notifyTarget(e, "pointerupoutside"), "touch" === e.pointerType) this.notifyTarget(e, "touchendoutside"); else if (isMouseLike(e.pointerType)) {
+                        const isRightButton = 2 === e.button;
+                        this.notifyTarget(e, isRightButton ? "rightupoutside" : "mouseupoutside");
+                    }
+                    currentTarget = currentTarget.parent;
+                }
+                delete trackingData.pressTargetsByButton[from.button], clickTarget = currentTarget;
+            }
+            if (clickTarget) {
+                const clickEvent = this.clonePointerEvent(e, "click");
+                clickEvent.target = clickTarget, clickEvent.path = [], trackingData.clicksByButton[from.button] || (trackingData.clicksByButton[from.button] = {
+                    clickCount: 0,
+                    target: clickEvent.target,
+                    timeStamp: now
+                });
+                const clickHistory = trackingData.clicksByButton[from.button];
+                clickHistory.target === clickEvent.target && now - clickHistory.timeStamp < 200 ? ++clickHistory.clickCount : clickHistory.clickCount = 1, 
+                clickHistory.target = clickEvent.target, clickHistory.timeStamp = now, clickEvent.detail = clickHistory.clickCount, 
+                isMouseLike(clickEvent.pointerType) ? (this.dispatchEvent(clickEvent, "click"), 
+                2 === clickHistory.clickCount && this.dispatchEvent(clickEvent, "dblclick")) : "touch" === clickEvent.pointerType && this.dispatchEvent(clickEvent, "tap"), 
+                this.dispatchEvent(clickEvent, "pointertap"), this.freeEvent(clickEvent);
+            }
+            this.freeEvent(e);
+        }, this.onPointerUpOutside = (from, target) => {
+            if (!(from instanceof federated_event_1.FederatedPointerEvent)) return void console.warn("EventManager cannot map a non-pointer event as a pointer event");
+            const trackingData = this.trackingData(from.pointerId), pressTarget = this.findMountedTarget(trackingData.pressTargetsByButton[from.button]), e = this.createPointerEvent(from, from.type, target);
+            if (pressTarget) {
+                let currentTarget = pressTarget;
+                for (;currentTarget; ) e.currentTarget = currentTarget, this.notifyTarget(e, "pointerupoutside"), 
+                "touch" === e.pointerType ? this.notifyTarget(e, "touchendoutside") : isMouseLike(e.pointerType) && this.notifyTarget(e, 2 === e.button ? "rightupoutside" : "mouseupoutside"), 
+                currentTarget = currentTarget.parent;
+                delete trackingData.pressTargetsByButton[from.button];
+            }
+            this.freeEvent(e);
+        }, this.onWheel = (from, target) => {
+            if (!(from instanceof federated_event_1.FederatedWheelEvent)) return void console.warn("EventManager cannot map a non-wheel event as a wheel event");
+            const wheelEvent = this.createWheelEvent(from, target);
+            this.dispatchEvent(wheelEvent), this.freeEvent(wheelEvent);
+        }, this.rootTarget = root, this.mappingTable = {}, this.addEventMapping("pointerdown", this.onPointerDown), 
+        this.addEventMapping("pointermove", this.onPointerMove), this.addEventMapping("pointerout", this.onPointerOut), 
+        this.addEventMapping("pointerleave", this.onPointerOut), this.addEventMapping("pointerover", this.onPointerOver), 
+        this.addEventMapping("pointerup", this.onPointerUp), this.addEventMapping("pointerupoutside", this.onPointerUpOutside), 
+        this.addEventMapping("wheel", this.onWheel);
+    }
+    addEventMapping(type, fn) {
+        this.mappingTable[type] || (this.mappingTable[type] = []), this.mappingTable[type].push({
+            fn: fn,
+            priority: 0
+        }), this.mappingTable[type].sort(((a, b) => a.priority - b.priority));
+    }
+    dispatchEvent(e, type) {
+        e.propagationStopped = !1, e.propagationImmediatelyStopped = !1, this.propagate(e, type), 
+        this.dispatch.emit(type || e.type, e);
+    }
+    mapEvent(e) {
+        var _a, _b, _c, _d, _e;
+        if (!this.rootTarget) return;
+        const mappers = this.mappingTable[e.type];
+        let target;
+        const cacheKey = `${e.canvasX}-${e.canvasY}`;
+        if ((null === (_a = this._prePointTargetCache) || void 0 === _a ? void 0 : _a[cacheKey]) && (null === (_c = null === (_b = this._prePointTargetCache) || void 0 === _b ? void 0 : _b[cacheKey]) || void 0 === _c ? void 0 : _c.stage.renderCount) === (null === (_d = this._prePointTargetCache) || void 0 === _d ? void 0 : _d.stageRenderCount) ? target = this._prePointTargetCache[cacheKey] : (target = this.pickTarget(e.canvasX, e.canvasY, e), 
+        e.pickParams || (this._prePointTargetCache = {
+            [cacheKey]: target,
+            stageRenderCount: null !== (_e = null == target ? void 0 : target.stage.renderCount) && void 0 !== _e ? _e : -1
+        })), mappers) for (let i = 0, j = mappers.length; i < j; i++) mappers[i].fn(e, target); else console.warn(`[EventManager]: Event mapping not defined for ${e.type}`);
+    }
+    propagate(e, type) {
+        if (!e.target) return;
+        const composedPath = e.composedPath();
+        e.eventPhase = e.CAPTURING_PHASE;
+        for (let i = 0, j = composedPath.length - 1; i < j; i++) if (e.currentTarget = composedPath[i], 
+        this.notifyTarget(e, type), e.propagationStopped || e.propagationImmediatelyStopped) return;
+        if (e.eventPhase = e.AT_TARGET, e.currentTarget = e.target, this.notifyTarget(e, type), 
+        !e.propagationStopped && !e.propagationImmediatelyStopped) {
+            e.eventPhase = e.BUBBLING_PHASE;
+            for (let i = composedPath.length - 2; i >= 0; i--) if (e.currentTarget = composedPath[i], 
+            this.notifyTarget(e, type), e.propagationStopped || e.propagationImmediatelyStopped) return;
+        }
+    }
+    propagationPath(target) {
+        const propagationPath = [ target ];
+        for (let i = 0; i < 2048 && target !== this.rootTarget && target.parent; i++) {
+            if (!target.parent) throw new Error("Cannot find propagation path to disconnected target");
+            propagationPath.push(target.parent), target = target.parent;
+        }
+        return propagationPath.reverse(), propagationPath;
+    }
+    notifyTarget(e, type) {
+        type = null != type ? type : e.type;
+        const key = e.eventPhase === e.CAPTURING_PHASE || e.eventPhase === e.AT_TARGET ? `${type}capture` : type;
+        this.notifyListeners(e, key), e.eventPhase === e.AT_TARGET && this.notifyListeners(e, type);
+    }
+    findMountedTarget(propagationPath) {
+        if (!propagationPath) return null;
+        let currentTarget = propagationPath[0];
+        for (let i = 1; i < propagationPath.length && propagationPath[i].parent === currentTarget; i++) currentTarget = propagationPath[i];
+        return currentTarget;
+    }
+    createPointerEvent(from, type, target) {
+        const event = this.allocateEvent(federated_event_1.FederatedPointerEvent);
+        return this.copyPointerData(from, event), this.copyMouseData(from, event), this.copyData(from, event), 
+        event.nativeEvent = from.nativeEvent, event.originalEvent = from, event.target = target || this.pickTarget(event.global.x, event.global.y, event), 
+        "string" == typeof type && (event.type = type), event;
+    }
+    createWheelEvent(from, target) {
+        const event = this.allocateEvent(federated_event_1.FederatedWheelEvent);
+        return this.copyWheelData(from, event), this.copyMouseData(from, event), this.copyData(from, event), 
+        event.nativeEvent = from.nativeEvent, event.originalEvent = from, event.target = target || this.pickTarget(event.global.x, event.global.y, event), 
+        event;
+    }
+    clonePointerEvent(from, type) {
+        const event = this.allocateEvent(federated_event_1.FederatedPointerEvent);
+        return event.nativeEvent = from.nativeEvent, event.originalEvent = from.originalEvent, 
+        this.copyPointerData(from, event), this.copyMouseData(from, event), this.copyData(from, event), 
+        event.target = from.target, event.path = from.composedPath().slice(), event.type = null != type ? type : event.type, 
+        event;
+    }
+    copyWheelData(from, to) {
+        to.deltaMode = from.deltaMode, to.deltaX = from.deltaX, to.deltaY = from.deltaY, 
+        to.deltaZ = from.deltaZ;
+    }
+    copyPointerData(from, to) {
+        from instanceof federated_event_1.FederatedPointerEvent && to instanceof federated_event_1.FederatedPointerEvent && (to.pointerId = from.pointerId, 
+        to.width = from.width, to.height = from.height, to.isPrimary = from.isPrimary, to.pointerType = from.pointerType, 
+        to.pressure = from.pressure, to.tangentialPressure = from.tangentialPressure, to.tiltX = from.tiltX, 
+        to.tiltY = from.tiltY, to.twist = from.twist);
+    }
+    copyMouseData(from, to) {
+        from instanceof federated_event_1.FederatedMouseEvent && to instanceof federated_event_1.FederatedMouseEvent && (to.altKey = from.altKey, 
+        to.button = from.button, to.buttons = from.buttons, to.client.copyFrom(from.client), 
+        to.ctrlKey = from.ctrlKey, to.shiftKey = from.shiftKey, to.metaKey = from.metaKey, 
+        to.movement.copyFrom(from.movement), to.canvas.copyFrom(from.canvas), to.screen.copyFrom(from.screen), 
+        to.global.copyFrom(from.global), to.offset.copyFrom(from.offset), to.viewport.copyFrom(from.viewport));
+    }
+    copyData(from, to) {
+        to.isTrusted = from.isTrusted, to.srcElement = from.srcElement, to.timeStamp = util_1.clock.now(), 
+        to.type = from.type, to.detail = from.detail, to.view = from.view, to.which = from.which, 
+        to.layer.copyFrom(from.layer), to.page.copyFrom(from.page), to.pickParams = from.pickParams;
+    }
+    trackingData(id) {
+        return this.mappingState.trackingData[id] || (this.mappingState.trackingData[id] = {
+            pressTargetsByButton: {},
+            clicksByButton: {},
+            overTarget: null
+        }), this.mappingState.trackingData[id];
+    }
+    allocateEvent(constructor) {
+        var _a;
+        this.eventPool.has(constructor) || this.eventPool.set(constructor, []);
+        const event = (null === (_a = this.eventPool.get(constructor)) || void 0 === _a ? void 0 : _a.pop()) || new constructor(this);
+        return event.eventPhase = event.NONE, event.currentTarget = null, event.path = [], 
+        event.target = null, event;
+    }
+    freeEvent(event) {
+        var _a;
+        if (event.manager !== this) throw new Error("It is illegal to free an event not managed by this EventManager!");
+        const constructor = event.constructor;
+        this.eventPool.has(constructor) || this.eventPool.set(constructor, []), null === (_a = this.eventPool.get(constructor)) || void 0 === _a || _a.push(event);
+    }
+    notifyListeners(e, type) {
+        const listeners = e.currentTarget._events[type];
+        if (listeners) if ("fn" in listeners) listeners.once && e.currentTarget.removeEventListener(type, listeners.fn, {
+            once: !0
+        }), listeners.fn.call(listeners.context, e); else for (let i = 0, j = listeners.length; i < j && !e.propagationImmediatelyStopped; i++) listeners[i].once && e.currentTarget.removeEventListener(type, listeners[i].fn, {
+            once: !0
+        }), listeners[i].fn.call(listeners[i].context, e);
+        this.emitDelegation(e, type);
+    }
+    emitDelegation(e, type) {
+        const listeners = e.currentTarget._events[constant_1.WILDCARD];
+        if (listeners) if ("fn" in listeners) listeners.fn.call(listeners.context, e, type); else for (let i = 0, j = listeners.length; i < j && !e.propagationImmediatelyStopped; i++) listeners[i].fn.call(listeners[i].context, e, type);
+    }
+    pickTarget(x, y, e) {
+        let target;
+        const pickResult = this.rootTarget.pick(x, y);
+        return target = pickResult && pickResult.graphic ? pickResult.graphic : pickResult && pickResult.group ? pickResult.group : x >= 0 && x <= (0, 
+        vutils_1.get)(this.rootTarget, "width") && y >= 0 && y <= (0, vutils_1.get)(this.rootTarget, "height") ? this.rootTarget : null, 
+        e && (e.pickParams = pickResult.params), target;
+    }
+}
+
+exports.EventManager = EventManager;
+//# sourceMappingURL=event-manager.js.map