bard-legends-framework 0.9.5 → 0.9.7

package/dist/utilities/services/mouse/helpers/mouse-position.helper.test.js

@@ -1,77 +1,172 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const vitest_1 = require("vitest");
-const helpers_lib_1 = require("helpers-lib");
-const mouse_position_helper_1 = require("./mouse-position.helper");
+Object.defineProperty(exports, '__esModule', { value: true });
+const vitest_1 = require('vitest');
+const helpers_lib_1 = require('helpers-lib');
+const mouse_position_helper_1 = require('./mouse-position.helper');
 const Center = new helpers_lib_1.Vector(600, 400);
 (0, vitest_1.describe)('Mouse Position Helper: ', () => {
-    (0, vitest_1.describe)('includeScaleInScreenPosition', () => {
-        (0, vitest_1.test)('canter position should always return the same regardless of scale', () => {
-            (0, vitest_1.expect)(mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(new helpers_lib_1.Vector(600, 400), 0.5, Center).toVec2()).toEqual({
-                x: 600,
-                y: 400
-            });
-            (0, vitest_1.expect)(mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(new helpers_lib_1.Vector(600, 400), 1, Center).toVec2()).toEqual({
-                x: 600,
-                y: 400
-            });
-            (0, vitest_1.expect)(mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(new helpers_lib_1.Vector(600, 400), 2, Center).toVec2()).toEqual({
-                x: 600,
-                y: 400
-            });
-            (0, vitest_1.expect)(mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(new helpers_lib_1.Vector(600, 400), 3, Center).toVec2()).toEqual({
-                x: 600,
-                y: 400
-            });
-        });
-        (0, vitest_1.test)('top left corner', () => {
-            (0, vitest_1.expect)(mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(new helpers_lib_1.Vector(0, 0), 0.5, Center).toVec2()).toEqual({
-                x: -600,
-                y: -400
-            });
-            (0, vitest_1.expect)(mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(new helpers_lib_1.Vector(0, 0), 1, Center).toVec2()).toEqual({ x: 0, y: 0 });
-            (0, vitest_1.expect)(mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(new helpers_lib_1.Vector(0, 0), 2, Center).toVec2()).toEqual({ x: 300, y: 200 });
-            (0, vitest_1.expect)(mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(new helpers_lib_1.Vector(0, 0), 3, Center).toVec2()).toEqual({
-                x: 400,
-                y: 266.6666666666667
-            });
-        });
-        (0, vitest_1.test)('bottom right corner', () => {
-            (0, vitest_1.expect)(mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(new helpers_lib_1.Vector(1200, 800), 0.5, Center).toVec2()).toEqual({
-                x: 1800,
-                y: 1200
-            });
-            (0, vitest_1.expect)(mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(new helpers_lib_1.Vector(600, 400), 1, Center).toVec2()).toEqual({
-                x: 600,
-                y: 400
-            });
-            (0, vitest_1.expect)(mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(new helpers_lib_1.Vector(600, 400), 2, Center).toVec2()).toEqual({
-                x: 600,
-                y: 400
-            });
-            (0, vitest_1.expect)(mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(new helpers_lib_1.Vector(1200, 800), 3, Center).toVec2()).toEqual({
-                x: 800,
-                y: 533.3333333333333
-            });
-        });
-        (0, vitest_1.test)('upper right direction', () => {
-            (0, vitest_1.expect)(mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(new helpers_lib_1.Vector(900, 200), 0.5, Center).toVec2()).toEqual({
-                x: 1200,
-                y: 0
-            });
-            (0, vitest_1.expect)(mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(new helpers_lib_1.Vector(900, 200), 1, Center).toVec2()).toEqual({
-                x: 900,
-                y: 200
-            });
-            (0, vitest_1.expect)(mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(new helpers_lib_1.Vector(900, 200), 2, Center).toVec2()).toEqual({
-                x: 750,
-                y: 300
-            });
-            (0, vitest_1.expect)(mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(new helpers_lib_1.Vector(900, 200), 3, Center).toVec2()).toEqual({
-                x: 700,
-                y: 333.33333333333337
-            });
-        });
+  (0, vitest_1.describe)('includeScaleInScreenPosition', () => {
+    (0, vitest_1.test)('canter position should always return the same regardless of scale', () => {
+      (0, vitest_1.expect)(
+        mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(
+          new helpers_lib_1.Vector(600, 400),
+          0.5,
+          Center
+        ).toVec2()
+      ).toEqual({
+        x: 600,
+        y: 400
+      });
+      (0, vitest_1.expect)(
+        mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(
+          new helpers_lib_1.Vector(600, 400),
+          1,
+          Center
+        ).toVec2()
+      ).toEqual({
+        x: 600,
+        y: 400
+      });
+      (0, vitest_1.expect)(
+        mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(
+          new helpers_lib_1.Vector(600, 400),
+          2,
+          Center
+        ).toVec2()
+      ).toEqual({
+        x: 600,
+        y: 400
+      });
+      (0, vitest_1.expect)(
+        mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(
+          new helpers_lib_1.Vector(600, 400),
+          3,
+          Center
+        ).toVec2()
+      ).toEqual({
+        x: 600,
+        y: 400
+      });
     });
+    (0, vitest_1.test)('top left corner', () => {
+      (0, vitest_1.expect)(
+        mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(
+          new helpers_lib_1.Vector(0, 0),
+          0.5,
+          Center
+        ).toVec2()
+      ).toEqual({
+        x: -600,
+        y: -400
+      });
+      (0, vitest_1.expect)(
+        mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(
+          new helpers_lib_1.Vector(0, 0),
+          1,
+          Center
+        ).toVec2()
+      ).toEqual({ x: 0, y: 0 });
+      (0, vitest_1.expect)(
+        mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(
+          new helpers_lib_1.Vector(0, 0),
+          2,
+          Center
+        ).toVec2()
+      ).toEqual({ x: 300, y: 200 });
+      (0, vitest_1.expect)(
+        mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(
+          new helpers_lib_1.Vector(0, 0),
+          3,
+          Center
+        ).toVec2()
+      ).toEqual({
+        x: 400,
+        y: 266.6666666666667
+      });
+    });
+    (0, vitest_1.test)('bottom right corner', () => {
+      (0, vitest_1.expect)(
+        mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(
+          new helpers_lib_1.Vector(1200, 800),
+          0.5,
+          Center
+        ).toVec2()
+      ).toEqual({
+        x: 1800,
+        y: 1200
+      });
+      (0, vitest_1.expect)(
+        mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(
+          new helpers_lib_1.Vector(600, 400),
+          1,
+          Center
+        ).toVec2()
+      ).toEqual({
+        x: 600,
+        y: 400
+      });
+      (0, vitest_1.expect)(
+        mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(
+          new helpers_lib_1.Vector(600, 400),
+          2,
+          Center
+        ).toVec2()
+      ).toEqual({
+        x: 600,
+        y: 400
+      });
+      (0, vitest_1.expect)(
+        mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(
+          new helpers_lib_1.Vector(1200, 800),
+          3,
+          Center
+        ).toVec2()
+      ).toEqual({
+        x: 800,
+        y: 533.3333333333333
+      });
+    });
+    (0, vitest_1.test)('upper right direction', () => {
+      (0, vitest_1.expect)(
+        mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(
+          new helpers_lib_1.Vector(900, 200),
+          0.5,
+          Center
+        ).toVec2()
+      ).toEqual({
+        x: 1200,
+        y: 0
+      });
+      (0, vitest_1.expect)(
+        mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(
+          new helpers_lib_1.Vector(900, 200),
+          1,
+          Center
+        ).toVec2()
+      ).toEqual({
+        x: 900,
+        y: 200
+      });
+      (0, vitest_1.expect)(
+        mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(
+          new helpers_lib_1.Vector(900, 200),
+          2,
+          Center
+        ).toVec2()
+      ).toEqual({
+        x: 750,
+        y: 300
+      });
+      (0, vitest_1.expect)(
+        mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(
+          new helpers_lib_1.Vector(900, 200),
+          3,
+          Center
+        ).toVec2()
+      ).toEqual({
+        x: 700,
+        y: 333.33333333333337
+      });
+    });
+  });
 });
-//# sourceMappingURL=mouse-position.helper.test.js.map
+//# sourceMappingURL=mouse-position.helper.test.js.map

package/dist/utilities/services/mouse/mouse-target-focus.service.d.ts

@@ -2,19 +2,19 @@ import { Action } from 'actions-lib';
 import { Vector } from 'helpers-lib';
 import { MouseService } from './mouse.service';
 export declare class MouseTargetFocusService {
-    private mouseService;
-    onTargetFocus: Action<Vector>;
-    get focusedInLastFrame(): boolean;
-    get lastFocusedPosition(): Vector | undefined;
-    private mouseStagePositionPrevious;
-    private peakValueChange;
-    private timePassFromLastTrigger;
-    private triggerAfterCooldown;
-    private _focusedInLastFrame;
-    private _lastFocusedPosition;
-    constructor(mouseService: MouseService);
-    private update;
-    private check;
-    private iterateValues;
-    private getPositionChange;
+  private mouseService;
+  onTargetFocus: Action<Vector>;
+  get focusedInLastFrame(): boolean;
+  get lastFocusedPosition(): Vector | undefined;
+  private mouseStagePositionPrevious;
+  private peakValueChange;
+  private timePassFromLastTrigger;
+  private triggerAfterCooldown;
+  private _focusedInLastFrame;
+  private _lastFocusedPosition;
+  constructor(mouseService: MouseService);
+  private update;
+  private check;
+  private iterateValues;
+  private getPositionChange;
 }

package/dist/utilities/services/mouse/mouse-target-focus.service.js

@@ -1,85 +1,88 @@
-"use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+var __decorate =
+  (this && this.__decorate) ||
+  ((decorators, target, key, desc) => {
+    var c = arguments.length,
+      r = c < 3 ? target : desc === null ? (desc = Object.getOwnPropertyDescriptor(target, key)) : desc,
+      d;
+    if (typeof Reflect === 'object' && typeof Reflect.decorate === 'function')
+      r = Reflect.decorate(decorators, target, key, desc);
+    else
+      for (var i = decorators.length - 1; i >= 0; i--)
+        if ((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;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+  });
+var __metadata =
+  (this && this.__metadata) ||
+  ((k, v) => {
+    if (typeof Reflect === 'object' && typeof Reflect.metadata === 'function') return Reflect.metadata(k, v);
+  });
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.MouseTargetFocusService = void 0;
-const actions_lib_1 = require("actions-lib");
-const helpers_lib_1 = require("helpers-lib");
-const mouse_service_1 = require("./mouse.service");
-const service_1 = require("../../../game-entities/service/service");
-const update_cycle_1 = require("../../../game-entities/update-cycle");
+const actions_lib_1 = require('actions-lib');
+const helpers_lib_1 = require('helpers-lib');
+const mouse_service_1 = require('./mouse.service');
+const service_1 = require('../../../game-entities/service/service');
+const update_cycle_1 = require('../../../game-entities/update-cycle');
 let MouseTargetFocusService = class MouseTargetFocusService {
-    get focusedInLastFrame() {
-        return this._focusedInLastFrame;
-    }
-    get lastFocusedPosition() {
-        return this._lastFocusedPosition;
-    }
-    constructor(mouseService) {
-        this.mouseService = mouseService;
-        this.onTargetFocus = new actions_lib_1.Action();
-        this.timePassFromLastTrigger = 0;
-        this.triggerAfterCooldown = false;
-        this._focusedInLastFrame = false;
-        this._lastFocusedPosition = undefined;
-        update_cycle_1.UpdateCycle.beforeSceneUpdateAction
-            .subscribe((event) => this.update(event.delta))
-            .skipAttachCheck();
-    }
-    update(delta) {
-        if (this.mouseStagePositionPrevious) {
-            let mousePositionChange = this.getPositionChange(this.mouseService.stagePosition.value, this.mouseStagePositionPrevious);
-            if (this.peakValueChange === undefined) {
-                this.peakValueChange = mousePositionChange;
-            }
-            else {
-                this.check(mousePositionChange, delta);
-            }
-        }
-        this.mouseStagePositionPrevious = this.mouseService.stagePosition.value;
+  get focusedInLastFrame() {
+    return this._focusedInLastFrame;
+  }
+  get lastFocusedPosition() {
+    return this._lastFocusedPosition;
+  }
+  constructor(mouseService) {
+    this.mouseService = mouseService;
+    this.onTargetFocus = new actions_lib_1.Action();
+    this.timePassFromLastTrigger = 0;
+    this.triggerAfterCooldown = false;
+    this._focusedInLastFrame = false;
+    this._lastFocusedPosition = undefined;
+    update_cycle_1.UpdateCycle.beforeSceneUpdateAction.subscribe(event => this.update(event.delta)).skipAttachCheck();
+  }
+  update(delta) {
+    if (this.mouseStagePositionPrevious) {
+      const mousePositionChange = this.getPositionChange(this.mouseService.stagePosition.value, this.mouseStagePositionPrevious);
+      if (this.peakValueChange === undefined) {
+        this.peakValueChange = mousePositionChange;
+      } else {
+        this.check(mousePositionChange, delta);
+      }
     }
-    check(mousePositionChange, delta) {
-        if (this.peakValueChange - mousePositionChange > 10) {
-            this.timePassFromLastTrigger = Math.max(250, this.timePassFromLastTrigger);
-            this.triggerAfterCooldown = true;
-        }
-        else if (this.timePassFromLastTrigger > 1000) {
-            this.triggerAfterCooldown = true;
-        }
-        let focusHappened = this.timePassFromLastTrigger >= 300 && this.triggerAfterCooldown;
-        this.iterateValues(focusHappened, mousePositionChange, delta);
+    this.mouseStagePositionPrevious = this.mouseService.stagePosition.value;
+  }
+  check(mousePositionChange, delta) {
+    if (this.peakValueChange - mousePositionChange > 10) {
+      this.timePassFromLastTrigger = Math.max(250, this.timePassFromLastTrigger);
+      this.triggerAfterCooldown = true;
+    } else if (this.timePassFromLastTrigger > 1000) {
+      this.triggerAfterCooldown = true;
     }
-    iterateValues(focusHappened, mousePositionChange, delta) {
-        if (focusHappened || mousePositionChange > this.peakValueChange) {
-            this.peakValueChange = mousePositionChange;
-        }
-        if (focusHappened) {
-            this.triggerAfterCooldown = false;
-            this.timePassFromLastTrigger = 0;
-            this._focusedInLastFrame = true;
-            this._lastFocusedPosition = this.mouseService.stagePosition.value;
-            this.onTargetFocus.trigger(this._lastFocusedPosition);
-        }
-        else {
-            this.timePassFromLastTrigger += delta;
-            this._focusedInLastFrame = false;
-        }
+    const focusHappened = this.timePassFromLastTrigger >= 300 && this.triggerAfterCooldown;
+    this.iterateValues(focusHappened, mousePositionChange, delta);
+  }
+  iterateValues(focusHappened, mousePositionChange, delta) {
+    if (focusHappened || mousePositionChange > this.peakValueChange) {
+      this.peakValueChange = mousePositionChange;
     }
-    getPositionChange(positionA, positionB) {
-        let changeVector = helpers_lib_1.Vector.fromTo(positionA, positionB);
-        return Math.abs(changeVector.x) + Math.abs(changeVector.y);
+    if (focusHappened) {
+      this.triggerAfterCooldown = false;
+      this.timePassFromLastTrigger = 0;
+      this._focusedInLastFrame = true;
+      this._lastFocusedPosition = this.mouseService.stagePosition.value;
+      this.onTargetFocus.trigger(this._lastFocusedPosition);
+    } else {
+      this.timePassFromLastTrigger += delta;
+      this._focusedInLastFrame = false;
     }
+  }
+  getPositionChange(positionA, positionB) {
+    const changeVector = helpers_lib_1.Vector.fromTo(positionA, positionB);
+    return Math.abs(changeVector.x) + Math.abs(changeVector.y);
+  }
 };
 exports.MouseTargetFocusService = MouseTargetFocusService;
-exports.MouseTargetFocusService = MouseTargetFocusService = __decorate([
-    (0, service_1.ServiceDecorator)(),
-    __metadata("design:paramtypes", [mouse_service_1.MouseService])
-], MouseTargetFocusService);
-//# sourceMappingURL=mouse-target-focus.service.js.map
+exports.MouseTargetFocusService = MouseTargetFocusService = __decorate(
+  [(0, service_1.ServiceDecorator)(), __metadata('design:paramtypes', [mouse_service_1.MouseService])],
+  MouseTargetFocusService
+);
+//# sourceMappingURL=mouse-target-focus.service.js.map

package/dist/utilities/services/mouse/mouse.service.d.ts

@@ -1,13 +1,13 @@
 import { Variable } from 'actions-lib';
 import { Vector } from 'helpers-lib';
 export declare class MouseService {
-    readonly stagePosition: Variable<Vector>;
-    readonly screenPosition: Variable<Vector>;
-    readonly mainButtonState: Variable<boolean>;
-    readonly secondaryButtonState: Variable<boolean>;
-    private converterFunction;
-    constructor();
-    setScreenMousePositionToStagePositionFunction(converterFunction: (mouseScreenPosition: Vector) => Vector): void;
-    resetScreenMousePositionToStagePositionFunction(): void;
-    private startListeningMouseMove;
+  readonly stagePosition: Variable<Vector>;
+  readonly screenPosition: Variable<Vector>;
+  readonly mainButtonState: Variable<boolean>;
+  readonly secondaryButtonState: Variable<boolean>;
+  private converterFunction;
+  constructor();
+  setScreenMousePositionToStagePositionFunction(converterFunction: (mouseScreenPosition: Vector) => Vector): void;
+  resetScreenMousePositionToStagePositionFunction(): void;
+  private startListeningMouseMove;
 }

package/dist/utilities/services/mouse/mouse.service.js

@@ -1,77 +1,91 @@
-"use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+var __decorate =
+  (this && this.__decorate) ||
+  ((decorators, target, key, desc) => {
+    var c = arguments.length,
+      r = c < 3 ? target : desc === null ? (desc = Object.getOwnPropertyDescriptor(target, key)) : desc,
+      d;
+    if (typeof Reflect === 'object' && typeof Reflect.decorate === 'function')
+      r = Reflect.decorate(decorators, target, key, desc);
+    else
+      for (var i = decorators.length - 1; i >= 0; i--)
+        if ((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;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+  });
+var __metadata =
+  (this && this.__metadata) ||
+  ((k, v) => {
+    if (typeof Reflect === 'object' && typeof Reflect.metadata === 'function') return Reflect.metadata(k, v);
+  });
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.MouseService = void 0;
-const actions_lib_1 = require("actions-lib");
-const helpers_lib_1 = require("helpers-lib");
-const service_1 = require("../../../game-entities/service/service");
-const update_cycle_1 = require("../../../game-entities/update-cycle");
-const pixi_1 = require("../../../pixi");
-const mouse_position_helper_1 = require("./helpers/mouse-position.helper");
+const actions_lib_1 = require('actions-lib');
+const helpers_lib_1 = require('helpers-lib');
+const service_1 = require('../../../game-entities/service/service');
+const update_cycle_1 = require('../../../game-entities/update-cycle');
+const pixi_1 = require('../../../pixi');
+const mouse_position_helper_1 = require('./helpers/mouse-position.helper');
 let MouseService = class MouseService {
-    constructor() {
-        this.stagePosition = new actions_lib_1.Variable({ notifyOnChange: true }).set(helpers_lib_1.Vector.zero);
-        this.screenPosition = new actions_lib_1.Variable({ notifyOnChange: true }).set(helpers_lib_1.Vector.zero);
-        this.mainButtonState = new actions_lib_1.Variable().set(false);
-        this.secondaryButtonState = new actions_lib_1.Variable().set(false);
-        this.resetScreenMousePositionToStagePositionFunction();
-        this.startListeningMouseMove();
-        window.addEventListener('mousedown', event => {
-            if (event.button === 0) {
-                this.mainButtonState.value = true;
-            }
-            else if (event.button === 2) {
-                this.secondaryButtonState.value = true;
-            }
-        });
-        window.addEventListener('mouseup', event => {
-            if (event.button === 0) {
-                this.mainButtonState.value = false;
-            }
-            else if (event.button === 2) {
-                this.secondaryButtonState.value = false;
-            }
-        });
-        window.addEventListener('blur', () => {
-            this.mainButtonState.value = false;
-            this.secondaryButtonState.value = false;
-        });
-    }
-    setScreenMousePositionToStagePositionFunction(converterFunction) {
-        this.converterFunction = converterFunction;
-    }
-    resetScreenMousePositionToStagePositionFunction() {
-        this.converterFunction = (mouseScreenPosition) => mouseScreenPosition;
-    }
-    startListeningMouseMove() {
-        let mouseScreenPosition = helpers_lib_1.Vector.zero;
-        window.addEventListener('mousemove', event => {
-            mouseScreenPosition = new helpers_lib_1.Vector(event.clientX, event.clientY);
-        });
-        update_cycle_1.UpdateCycle.beforeSceneUpdateAction
-            .subscribe(() => {
-            this.screenPosition.value = mouseScreenPosition;
-        })
-            .skipAttachCheck();
-        update_cycle_1.UpdateCycle.afterSceneUpdateAction
-            .subscribe(() => {
-            let adjustedScreenPositionWithScale = mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(this.screenPosition.value, pixi_1.Game.instance.stage.scale, pixi_1.Game.instance.screenSizeCenter);
-            this.stagePosition.value = this.converterFunction(adjustedScreenPositionWithScale);
-        })
-            .skipAttachCheck();
-    }
+  constructor() {
+    this.stagePosition = new actions_lib_1.Variable({
+      notifyOnChange: true
+    }).set(helpers_lib_1.Vector.zero);
+    this.screenPosition = new actions_lib_1.Variable({
+      notifyOnChange: true
+    }).set(helpers_lib_1.Vector.zero);
+    this.mainButtonState = new actions_lib_1.Variable().set(false);
+    this.secondaryButtonState = new actions_lib_1.Variable().set(false);
+    this.resetScreenMousePositionToStagePositionFunction();
+    this.startListeningMouseMove();
+    window.addEventListener('mousedown', event => {
+      if (event.button === 0) {
+        this.mainButtonState.value = true;
+      } else if (event.button === 2) {
+        this.secondaryButtonState.value = true;
+      }
+    });
+    window.addEventListener('mouseup', event => {
+      if (event.button === 0) {
+        this.mainButtonState.value = false;
+      } else if (event.button === 2) {
+        this.secondaryButtonState.value = false;
+      }
+    });
+    window.addEventListener('blur', () => {
+      this.mainButtonState.value = false;
+      this.secondaryButtonState.value = false;
+    });
+  }
+  setScreenMousePositionToStagePositionFunction(converterFunction) {
+    this.converterFunction = converterFunction;
+  }
+  resetScreenMousePositionToStagePositionFunction() {
+    this.converterFunction = mouseScreenPosition => mouseScreenPosition;
+  }
+  startListeningMouseMove() {
+    let mouseScreenPosition = helpers_lib_1.Vector.zero;
+    window.addEventListener('mousemove', event => {
+      mouseScreenPosition = new helpers_lib_1.Vector(event.clientX, event.clientY);
+    });
+    update_cycle_1.UpdateCycle.beforeSceneUpdateAction
+      .subscribe(() => {
+        this.screenPosition.value = mouseScreenPosition;
+      })
+      .skipAttachCheck();
+    update_cycle_1.UpdateCycle.afterSceneUpdateAction
+      .subscribe(() => {
+        const adjustedScreenPositionWithScale = mouse_position_helper_1.MousePositionHelper.includeScaleInScreenPosition(
+          this.screenPosition.value,
+          pixi_1.Game.instance.stage.scale,
+          pixi_1.Game.instance.screenSizeCenter
+        );
+        this.stagePosition.value = this.converterFunction(adjustedScreenPositionWithScale);
+      })
+      .skipAttachCheck();
+  }
 };
 exports.MouseService = MouseService;
-exports.MouseService = MouseService = __decorate([
-    (0, service_1.ServiceDecorator)(),
-    __metadata("design:paramtypes", [])
-], MouseService);
-//# sourceMappingURL=mouse.service.js.map
+exports.MouseService = MouseService = __decorate(
+  [(0, service_1.ServiceDecorator)(), __metadata('design:paramtypes', [])],
+  MouseService
+);
+//# sourceMappingURL=mouse.service.js.map