mjolnir.js - npm Package Compare versions

Comparing version 2.7.0-alpha.1 to 2.7.0-alpha.2

CHANGELOG.md

 # Change Log
 
+#### [2.7.0-alpha.2] - Feb 25, 2022
+
+- Export additional types
+
 #### [2.7.0-alpha.1] - Feb 8, 2022
@@ -4,0 +8,0 @@

dist/es5/index.d.ts

 export { default as EventManager } from './event-manager';
 export type { EventManagerOptions } from './event-manager';
-export type { MjolnirEvent, RecognizerOptions, RecognizerTuple } from './types';
+export type { MjolnirEvent, MjolnirGestureEvent, MjolnirKeyEvent, MjolnirWheelEvent, MjolnirPointerEvent, RecognizerOptions, RecognizerTuple } from './types';

dist/es5/inputs/contextmenu-input.js

@@ -30,2 +30,6 @@ "use strict";
                 type: EVENT_TYPE,
+                center: {
+                    x: event.clientX,
+                    y: event.clientY
+                },
                 srcEvent: event,
@@ -32,0 +36,0 @@ pointerType: 'mouse',

dist/es5/inputs/move-input.d.ts

@@ -32,2 +32,3 @@ import type { MjolnirPointerEventRaw } from '../types';
     handleMoveEvent(event: PointerEvent): void;
+    _emit(type: 'pointermove' | 'pointerover' | 'pointerout' | 'pointerenter' | 'pointerleave', event: PointerEvent): void;
 }

dist/es5/inputs/move-input.js

@@ -84,8 +84,3 @@ "use strict";
             if (event.type === 'mouseover') {
-                this.callback({
-                    type: OVER_EVENT_TYPE,
-                    srcEvent: event,
-                    pointerType: 'mouse',
-                    target: event.target
-                });
+                this._emit(OVER_EVENT_TYPE, event);
             }
@@ -97,8 +92,3 @@ }
             if (event.type === 'mouseout') {
-                this.callback({
-                    type: OUT_EVENT_TYPE,
-                    srcEvent: event,
-                    pointerType: 'mouse',
-                    target: event.target
-                });
+                this._emit(OUT_EVENT_TYPE, event);
             }
@@ -110,8 +100,3 @@ }
             if (event.type === 'mouseenter') {
-                this.callback({
-                    type: ENTER_EVENT_TYPE,
-                    srcEvent: event,
-                    pointerType: 'mouse',
-                    target: event.target
-                });
+                this._emit(ENTER_EVENT_TYPE, event);
             }
@@ -123,8 +108,3 @@ }
             if (event.type === 'mouseleave') {
-                this.callback({
-                    type: LEAVE_EVENT_TYPE,
-                    srcEvent: event,
-                    pointerType: 'mouse',
-                    target: event.target
-                });
+                this._emit(LEAVE_EVENT_TYPE, event);
             }
@@ -151,8 +131,3 @@ }
                         // we just need to emit the move event on hover
-                        this.callback({
-                            type: MOVE_EVENT_TYPE,
-                            srcEvent: event,
-                            pointerType: 'mouse',
-                            target: event.target
-                        });
+                        this._emit(MOVE_EVENT_TYPE, event);
                     }
@@ -167,2 +142,14 @@ break;
     };
+    MoveInput.prototype._emit = function (type, event) {
+        this.callback({
+            type: type,
+            center: {
+                x: event.clientX,
+                y: event.clientY
+            },
+            srcEvent: event,
+            pointerType: 'mouse',
+            target: event.target
+        });
+    };
     return MoveInput;
@@ -169,0 +156,0 @@ }(input_1.default));

dist/es5/types.d.ts

@@ -122,4 +122,3 @@ export declare type Point = {
     rootElement: HTMLElement;
-    center?: Point;
-    offsetCenter?: Point;
+    offsetCenter: Point;
     leftButton?: boolean;
@@ -135,2 +134,3 @@ rightButton?: boolean;
     pointerType: 'mouse' | 'touch';
+    center: Point;
     srcEvent: TouchEvent | MouseEvent | PointerEvent;
@@ -150,3 +150,12 @@ };
 };
-export declare type MjolnirEvent = MjolnirEventWrapper<HammerInput> | MjolnirEventWrapper<MjolnirPointerEventRaw> | MjolnirEventWrapper<MjolnirWheelEventRaw> | MjolnirEventWrapper<MjolnirKeyEventRaw>;
+export declare type MjolnirKeyEvent = MjolnirKeyEventRaw & {
+    rootElement: HTMLElement;
+    handled: boolean;
+    stopPropagation: () => void;
+    stopImmediatePropagation: () => void;
+};
+export declare type MjolnirGestureEvent = MjolnirEventWrapper<HammerInput>;
+export declare type MjolnirPointerEvent = MjolnirEventWrapper<MjolnirPointerEventRaw>;
+export declare type MjolnirWheelEvent = MjolnirEventWrapper<MjolnirWheelEventRaw>;
+export declare type MjolnirEvent = MjolnirGestureEvent | MjolnirPointerEvent | MjolnirWheelEvent | MjolnirKeyEvent;
 export declare type MjolnirEventHandler = (event: MjolnirEvent) => void;

dist/es5/utils/event-utils.js

@@ -68,12 +68,7 @@ "use strict";
     var center = event.center;
-    var srcEvent = event.srcEvent;
     // `center` is a hammer.js event property
-    if (!center && !Number.isFinite(srcEvent.clientX)) {
+    if (!center) {
         // Not a gestural event
         return null;
     }
-    center = center || {
-        x: srcEvent.clientX,
-        y: srcEvent.clientY
-    };
     var rect = rootElement.getBoundingClientRect();
@@ -80,0 +75,0 @@ // Fix scale for map affected by a CSS transform.

dist/esm/index.d.ts

 export { default as EventManager } from './event-manager';
 export type { EventManagerOptions } from './event-manager';
-export type { MjolnirEvent, RecognizerOptions, RecognizerTuple } from './types';
+export type { MjolnirEvent, MjolnirGestureEvent, MjolnirKeyEvent, MjolnirWheelEvent, MjolnirPointerEvent, RecognizerOptions, RecognizerTuple } from './types';

dist/esm/inputs/contextmenu-input.js

@@ -12,2 +12,6 @@ import Input from './input';
                 type: EVENT_TYPE,
+                center: {
+                    x: event.clientX,
+                    y: event.clientY
+                },
                 srcEvent: event,
@@ -14,0 +18,0 @@ pointerType: 'mouse',

dist/esm/inputs/move-input.d.ts

@@ -32,2 +32,3 @@ import type { MjolnirPointerEventRaw } from '../types';
     handleMoveEvent(event: PointerEvent): void;
+    _emit(type: 'pointermove' | 'pointerover' | 'pointerout' | 'pointerenter' | 'pointerleave', event: PointerEvent): void;
 }

dist/esm/inputs/move-input.js

@@ -64,8 +64,3 @@ import Input from './input';
             if (event.type === 'mouseover') {
-                this.callback({
-                    type: OVER_EVENT_TYPE,
-                    srcEvent: event,
-                    pointerType: 'mouse',
-                    target: event.target
-                });
+                this._emit(OVER_EVENT_TYPE, event);
             }
@@ -77,8 +72,3 @@ }
             if (event.type === 'mouseout') {
-                this.callback({
-                    type: OUT_EVENT_TYPE,
-                    srcEvent: event,
-                    pointerType: 'mouse',
-                    target: event.target
-                });
+                this._emit(OUT_EVENT_TYPE, event);
             }
@@ -90,8 +80,3 @@ }
             if (event.type === 'mouseenter') {
-                this.callback({
-                    type: ENTER_EVENT_TYPE,
-                    srcEvent: event,
-                    pointerType: 'mouse',
-                    target: event.target
-                });
+                this._emit(ENTER_EVENT_TYPE, event);
             }
@@ -103,8 +88,3 @@ }
             if (event.type === 'mouseleave') {
-                this.callback({
-                    type: LEAVE_EVENT_TYPE,
-                    srcEvent: event,
-                    pointerType: 'mouse',
-                    target: event.target
-                });
+                this._emit(LEAVE_EVENT_TYPE, event);
             }
@@ -131,8 +111,3 @@ }
                         // we just need to emit the move event on hover
-                        this.callback({
-                            type: MOVE_EVENT_TYPE,
-                            srcEvent: event,
-                            pointerType: 'mouse',
-                            target: event.target
-                        });
+                        this._emit(MOVE_EVENT_TYPE, event);
                     }
@@ -147,3 +122,15 @@ break;
     }
+    _emit(type, event) {
+        this.callback({
+            type,
+            center: {
+                x: event.clientX,
+                y: event.clientY
+            },
+            srcEvent: event,
+            pointerType: 'mouse',
+            target: event.target
+        });
+    }
 }
 //# sourceMappingURL=move-input.js.map

dist/esm/types.d.ts

@@ -122,4 +122,3 @@ export declare type Point = {
     rootElement: HTMLElement;
-    center?: Point;
-    offsetCenter?: Point;
+    offsetCenter: Point;
     leftButton?: boolean;
@@ -135,2 +134,3 @@ rightButton?: boolean;
     pointerType: 'mouse' | 'touch';
+    center: Point;
     srcEvent: TouchEvent | MouseEvent | PointerEvent;
@@ -150,3 +150,12 @@ };
 };
-export declare type MjolnirEvent = MjolnirEventWrapper<HammerInput> | MjolnirEventWrapper<MjolnirPointerEventRaw> | MjolnirEventWrapper<MjolnirWheelEventRaw> | MjolnirEventWrapper<MjolnirKeyEventRaw>;
+export declare type MjolnirKeyEvent = MjolnirKeyEventRaw & {
+    rootElement: HTMLElement;
+    handled: boolean;
+    stopPropagation: () => void;
+    stopImmediatePropagation: () => void;
+};
+export declare type MjolnirGestureEvent = MjolnirEventWrapper<HammerInput>;
+export declare type MjolnirPointerEvent = MjolnirEventWrapper<MjolnirPointerEventRaw>;
+export declare type MjolnirWheelEvent = MjolnirEventWrapper<MjolnirWheelEventRaw>;
+export declare type MjolnirEvent = MjolnirGestureEvent | MjolnirPointerEvent | MjolnirWheelEvent | MjolnirKeyEvent;
 export declare type MjolnirEventHandler = (event: MjolnirEvent) => void;

dist/esm/utils/event-utils.js

@@ -63,13 +63,8 @@ /* Constants */
 export function getOffsetPosition(event, rootElement) {
-    let center = event.center;
-    const srcEvent = event.srcEvent;
+    const center = event.center;
     // `center` is a hammer.js event property
-    if (!center && !Number.isFinite(srcEvent.clientX)) {
+    if (!center) {
         // Not a gestural event
         return null;
     }
-    center = center || {
-        x: srcEvent.clientX,
-        y: srcEvent.clientY
-    };
     const rect = rootElement.getBoundingClientRect();
@@ -76,0 +71,0 @@ // Fix scale for map affected by a CSS transform.

package.json

 {
   "name": "mjolnir.js",
   "description": "An Event Manager",
-  "version": "2.7.0-alpha.1",
+  "version": "2.7.0-alpha.2",
   "keywords": [
@@ -6,0 +6,0 @@ "hammerjs",

src/index.ts

@@ -5,2 +5,10 @@ export {default as EventManager} from './event-manager';
 export type {EventManagerOptions} from './event-manager';
-export type {MjolnirEvent, RecognizerOptions, RecognizerTuple} from './types';
+export type {
+  MjolnirEvent,
+  MjolnirGestureEvent,
+  MjolnirKeyEvent,
+  MjolnirWheelEvent,
+  MjolnirPointerEvent,
+  RecognizerOptions,
+  RecognizerTuple
+} from './types';

src/inputs/contextmenu-input.ts

@@ -38,2 +38,6 @@ import type {MjolnirPointerEventRaw} from '../types';
       type: EVENT_TYPE,
+      center: {
+        x: event.clientX,
+        y: event.clientY
+      },
       srcEvent: event,
@@ -40,0 +44,0 @@ pointerType: 'mouse',

src/inputs/move-input.ts

@@ -88,8 +88,3 @@ import type {MjolnirPointerEventRaw} from '../types';
       if (event.type === 'mouseover') {
-        this.callback({
-          type: OVER_EVENT_TYPE,
-          srcEvent: event,
-          pointerType: 'mouse',
-          target: event.target as HTMLElement
-        });
+        this._emit(OVER_EVENT_TYPE, event);
       }
@@ -102,8 +97,3 @@ }
       if (event.type === 'mouseout') {
-        this.callback({
-          type: OUT_EVENT_TYPE,
-          srcEvent: event,
-          pointerType: 'mouse',
-          target: event.target as HTMLElement
-        });
+        this._emit(OUT_EVENT_TYPE, event);
       }
@@ -116,8 +106,3 @@ }
       if (event.type === 'mouseenter') {
-        this.callback({
-          type: ENTER_EVENT_TYPE,
-          srcEvent: event,
-          pointerType: 'mouse',
-          target: event.target as HTMLElement
-        });
+        this._emit(ENTER_EVENT_TYPE, event);
       }
@@ -130,8 +115,3 @@ }
       if (event.type === 'mouseleave') {
-        this.callback({
-          type: LEAVE_EVENT_TYPE,
-          srcEvent: event,
-          pointerType: 'mouse',
-          target: event.target as HTMLElement
-        });
+        this._emit(LEAVE_EVENT_TYPE, event);
       }
@@ -159,8 +139,3 @@ }
             // we just need to emit the move event on hover
-            this.callback({
-              type: MOVE_EVENT_TYPE,
-              srcEvent: event,
-              pointerType: 'mouse',
-              target: event.target as HTMLElement
-            });
+            this._emit(MOVE_EVENT_TYPE, event);
           }
@@ -175,2 +150,18 @@ break;
   }
+
+  _emit(
+    type: 'pointermove' | 'pointerover' | 'pointerout' | 'pointerenter' | 'pointerleave',
+    event: PointerEvent
+  ) {
+    this.callback({
+      type,
+      center: {
+        x: event.clientX,
+        y: event.clientY
+      },
+      srcEvent: event,
+      pointerType: 'mouse',
+      target: event.target as HTMLElement
+    });
+  }
 }

src/types.ts

@@ -211,4 +211,3 @@ export type Point = {
   rootElement: HTMLElement;
-  center?: Point;
-  offsetCenter?: Point;
+  offsetCenter: Point;
   leftButton?: boolean;
@@ -231,2 +230,3 @@ rightButton?: boolean;
   pointerType: 'mouse' | 'touch';
+  center: Point;
   srcEvent: TouchEvent | MouseEvent | PointerEvent;
@@ -249,8 +249,19 @@ };
 
+export type MjolnirKeyEvent = MjolnirKeyEventRaw & {
+  rootElement: HTMLElement;
+  handled: boolean;
+  stopPropagation: () => void;
+  stopImmediatePropagation: () => void;
+};
+
+export type MjolnirGestureEvent = MjolnirEventWrapper<HammerInput>;
+export type MjolnirPointerEvent = MjolnirEventWrapper<MjolnirPointerEventRaw>;
+export type MjolnirWheelEvent = MjolnirEventWrapper<MjolnirWheelEventRaw>;
+
 export type MjolnirEvent =
-  | MjolnirEventWrapper<HammerInput>
-  | MjolnirEventWrapper<MjolnirPointerEventRaw>
-  | MjolnirEventWrapper<MjolnirWheelEventRaw>
-  | MjolnirEventWrapper<MjolnirKeyEventRaw>;
+  | MjolnirGestureEvent
+  | MjolnirPointerEvent
+  | MjolnirWheelEvent
+  | MjolnirKeyEvent;
 
 export type MjolnirEventHandler = (event: MjolnirEvent) => void;

src/utils/event-utils.ts

@@ -80,7 +80,6 @@ import type {MjolnirEventRaw, HammerInput, Point} from '../types';
 } {
-  let center = (event as HammerInput).center;
-  const srcEvent = event.srcEvent as PointerEvent;
+  const center = (event as HammerInput).center;
 
   // `center` is a hammer.js event property
-  if (!center && !Number.isFinite(srcEvent.clientX)) {
+  if (!center) {
     // Not a gestural event
@@ -90,7 +89,2 @@ return null;
 
-  center = center || {
-    x: srcEvent.clientX,
-    y: srcEvent.clientY
-  };
-
   const rect = rootElement.getBoundingClientRect();
@@ -97,0 +91,0 @@

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

244993

decreased by-0.25%

Lines of code

4655

decreased by-0.04%

No dependency changes