jpf 5.0.41 → 5.0.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/framework/event.d.ts +16 -10
  2. package/dist/framework/event.js +24 -13
  3. package/dist/framework/event.js.map +1 -1
  4. package/package.json +1 -1
  5. package/src/framework/event.ts +68 -42
package/dist/framework/event.d.ts CHANGED
@@ -1,22 +1,28 @@
1
- export type EventType = typeof Event | typeof KeyboardEvent | typeof PointerEvent;
2
- export type PointerEventType = "pointerdown" | "pointerup" | "pointermove";
1
+ export type EventType = typeof Event | typeof UIEvent | typeof KeyboardEvent | typeof PointerEvent | typeof TouchEvent | typeof MouseEvent | typeof FocusEvent;
2
+ export type UiEventType = "load" | "unload" | "abort" | "error" | "select";
3
3
  export type KeyboardEventType = "keydown" | "keyup" | "keypress";
4
- export type GlobalEventType = "load";
4
+ export type PointerEventType = "click" | "pointerdown" | "pointerup" | "pointermove";
5
+ export type TouchEventType = "touchstart" | "touchend" | "touchmove" | "touchcancel";
6
+ export type MouseEventType = "contextmenu" | "dblclick" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup";
7
+ export type FocusEventType = "blur" | "focusout" | "focus" | "focusin";
5
8
  export interface IEventListener extends AddEventListenerOptions, KeyboardEventInit {
6
9
  type: EventType;
7
10
  name: string;
8
11
  handler: (event: any) => void;
9
12
  }
10
- export declare function createEvent<TEvent>(name: string, handler: (event: TEvent) => void): IEventListener;
13
+ export declare function createEvent<TEvent>(type: EventType, name: string, handler: (event: TEvent) => void): IEventListener;
14
+ export declare function createUiEvent(name: UiEventType, handler: (event: UIEvent) => void): IEventListener;
15
+ export declare function createKeyBoardEvent(name: KeyboardEventType, handler: (event: KeyboardEvent) => void): IEventListener;
11
16
  export declare function createPointerEvent(name: PointerEventType, handler: (event: PointerEvent) => void): IEventListener;
12
17
  export declare function createClickEvent(handler: (event: PointerEvent) => void): IEventListener;
13
- export declare function createKeyBoardEvent(name: KeyboardEventType, handler: (event: KeyboardEvent) => void): IEventListener;
14
- export declare function createGlobalEvent(name: GlobalEventType, handler: (event: Event) => void): IEventListener;
18
+ export declare function createTouchEvent(name: TouchEventType, handler: (event: TouchEvent) => void): IEventListener;
19
+ export declare function createMouseEvent(name: MouseEventType, handler: (event: MouseEvent) => void): IEventListener;
20
+ export declare function createFocusEvent(name: FocusEventType, handler: (event: FocusEvent) => void): IEventListener;
15
21
  interface ISwipeEventOptions {
16
- leftHandler?: (event: PointerEvent) => void;
17
- rightHandler?: (event: PointerEvent) => void;
18
- upHandler?: (event: PointerEvent) => void;
19
- downHandler?: (event: PointerEvent) => void;
22
+ leftHandler?: (event: TouchEvent) => void;
23
+ rightHandler?: (event: TouchEvent) => void;
24
+ upHandler?: (event: TouchEvent) => void;
25
+ downHandler?: (event: TouchEvent) => void;
20
26
  distance?: number;
21
27
  }
22
28
  export declare function createSwipeEvent(options: ISwipeEventOptions): Array<IEventListener>;
package/dist/framework/event.js CHANGED
@@ -5,20 +5,29 @@ function createEventListener(type, name, handler) {
5
5
  handler: handler
6
6
  };
7
7
  }
8
- export function createEvent(name, handler) {
9
- return createEventListener(Event, name, handler);
8
+ export function createEvent(type, name, handler) {
9
+ return createEventListener(type, name, handler);
10
+ }
11
+ export function createUiEvent(name, handler) {
12
+ return createEventListener(UIEvent, name, handler);
13
+ }
14
+ export function createKeyBoardEvent(name, handler) {
15
+ return createEventListener(KeyboardEvent, name, handler);
10
16
  }
11
17
  export function createPointerEvent(name, handler) {
12
18
  return createEventListener(PointerEvent, name, handler);
13
19
  }
14
20
  export function createClickEvent(handler) {
15
- return createPointerEvent("pointerdown", handler);
21
+ return createPointerEvent("click", handler);
16
22
  }
17
- export function createKeyBoardEvent(name, handler) {
18
- return createEventListener(KeyboardEvent, name, handler);
23
+ export function createTouchEvent(name, handler) {
24
+ return createEventListener(TouchEvent, name, handler);
25
+ }
26
+ export function createMouseEvent(name, handler) {
27
+ return createEventListener(MouseEvent, name, handler);
19
28
  }
20
- export function createGlobalEvent(name, handler) {
21
- return createEventListener(Event, name, handler);
29
+ export function createFocusEvent(name, handler) {
30
+ return createEventListener(FocusEvent, name, handler);
22
31
  }
23
32
  export function createSwipeEvent(options) {
24
33
  let startX = 0;
@@ -27,13 +36,15 @@ export function createSwipeEvent(options) {
27
36
  let endY = 0;
28
37
  const distance = options.distance || 50;
29
38
  return [
30
- createPointerEvent("pointerdown", (event) => {
31
- startX = event.clientX;
32
- startY = event.clientY;
39
+ createEvent(TouchEvent, "touchstart", (event) => {
40
+ const touch = event.touches[0];
41
+ startX = touch.clientX;
42
+ startY = touch.clientY;
33
43
  }),
34
- createPointerEvent("pointerup", (event) => {
35
- endX = event.clientX;
36
- endY = event.clientY;
44
+ createEvent(TouchEvent, "touchend", (event) => {
45
+ const touch = event.changedTouches[0];
46
+ endX = touch.clientX;
47
+ endY = touch.clientY;
37
48
  if (startX > endX + distance) {
38
49
  if (options.leftHandler) {
39
50
  options.leftHandler(event);
package/dist/framework/event.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"event.js","sourceRoot":"","sources":["../../src/framework/event.ts"],"names":[],"mappings":"AAaA,SAAS,mBAAmB,CAAS,IAAe,EAAE,IAAY,EAAE,OAAgC;IAChG,OAAO;QACH,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,OAAO;KACnB,CAAC;AACN,CAAC;AAGD,MAAM,UAAU,WAAW,CAAS,IAAY,EAAE,OAAgC;IAC9E,OAAO,mBAAmB,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;AACrD,CAAC;AAGD,MAAM,UAAU,kBAAkB,CAAC,IAAsB,EAAE,OAAsC;IAC7F,OAAO,mBAAmB,CAAC,YAAY,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;AAC5D,CAAC;AAGD,MAAM,UAAU,gBAAgB,CAAC,OAAsC;IACnE,OAAO,kBAAkB,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;AACtD,CAAC;AAGD,MAAM,UAAU,mBAAmB,CAAC,IAAuB,EAAE,OAAuC;IAChG,OAAO,mBAAmB,CAAC,aAAa,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;AAC7D,CAAC;AAGD,MAAM,UAAU,iBAAiB,CAAC,IAAqB,EAAE,OAA+B;IACpF,OAAO,mBAAmB,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;AACrD,CAAC;AAWD,MAAM,UAAU,gBAAgB,CAAC,OAA2B;IACxD,IAAI,MAAM,GAAG,CAAC,CAAC;IACf,IAAI,MAAM,GAAG,CAAC,CAAC;IACf,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAC;IACxC,OAAO;QACH,kBAAkB,CACd,aAAa,EACb,CAAC,KAAmB,EAAE,EAAE;YACpB,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;YACvB,MAAM,GAAG,KAAK,CAAC,OAAO,CAAA;QAC1B,CAAC,CACJ;QACD,kBAAkB,CAAC,WAAW,EAAE,CAAC,KAAmB,EAAE,EAAE;YACpD,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC;YACrB,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC;YACrB,IAAI,MAAM,GAAG,IAAI,GAAG,QAAQ,EAAE,CAAC;gBAC3B,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;oBACtB,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;gBAC/B,CAAC;YACL,CAAC;iBAAM,IAAI,IAAI,GAAG,MAAM,GAAG,QAAQ,EAAE,CAAC;gBAClC,IAAI,OAAO,CAAC,YAAY,EAAE,CAAC;oBACvB,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;gBAChC,CAAC;YACL,CAAC;iBAAM,IAAI,MAAM,GAAG,IAAI,GAAG,QAAQ,EAAE,CAAC;gBAClC,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;oBACpB,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;gBAC7B,CAAC;YACL,CAAC;iBAAM,IAAI,IAAI,GAAG,MAAM,GAAG,QAAQ,EAAE,CAAC;gBAClC,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;oBACtB,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;gBAC/B,CAAC;YACL,CAAC;QACL,CAAC,CAAC;KACL,CAAA;AACL,CAAC"}
1
+ {"version":3,"file":"event.js","sourceRoot":"","sources":["../../src/framework/event.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jpf",
3
- "version": "5.0.41",
3
+ "version": "5.0.43",
4
4
  "description": "Javascript Presentation Foundation base classes and interfaces",
5
5
  "keywords": [
6
6
  "mvvm",
package/src/framework/event.ts CHANGED
@@ -1,9 +1,15 @@
1
1
  import { key } from "../utilities";
2
2
 
3
- export type EventType = typeof Event | typeof KeyboardEvent | typeof PointerEvent;
4
- export type PointerEventType = "pointerdown" | "pointerup" | "pointermove";
3
+ export type EventType = typeof Event | typeof UIEvent | typeof KeyboardEvent | typeof PointerEvent | typeof TouchEvent | typeof MouseEvent | typeof FocusEvent;
4
+
5
+ export type UiEventType = "load" | "unload" | "abort" | "error" | "select";
5
6
  export type KeyboardEventType = "keydown" | "keyup" | "keypress";
6
- export type GlobalEventType = "load";
7
+ export type PointerEventType = "click" | "pointerdown" | "pointerup" | "pointermove";
8
+ export type TouchEventType = "touchstart" | "touchend" | "touchmove" | "touchcancel";
9
+ export type MouseEventType = "contextmenu" | "dblclick" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup";
10
+ export type FocusEventType = "blur" | "focusout" | "focus" | "focusin";
11
+
12
+
7
13
 
8
14
  export interface IEventListener extends AddEventListenerOptions, KeyboardEventInit {
9
15
  type: EventType;
@@ -19,36 +25,49 @@ function createEventListener<TEvent>(type: EventType, name: string, handler: (ev
19
25
  };
20
26
  }
21
27
 
22
- // Generic event creator
23
- export function createEvent<TEvent>(name: string, handler: (event: TEvent) => void): IEventListener {
24
- return createEventListener(Event, name, handler);
28
+ //Event creator
29
+ export function createEvent<TEvent>(type: EventType, name: string, handler: (event: TEvent) => void): IEventListener {
30
+ return createEventListener(type, name, handler);
31
+ }
32
+
33
+ //UiEvent creator
34
+ export function createUiEvent(name: UiEventType, handler: (event: UIEvent) => void): IEventListener {
35
+ return createEventListener(UIEvent, name, handler);
36
+ }
37
+
38
+ // KeyBoard event creator
39
+ export function createKeyBoardEvent(name: KeyboardEventType, handler: (event: KeyboardEvent) => void): IEventListener {
40
+ return createEventListener(KeyboardEvent, name, handler);
25
41
  }
26
42
 
27
- //Pointer event creator
43
+ //PointerEvent creator
28
44
  export function createPointerEvent(name: PointerEventType, handler: (event: PointerEvent) => void): IEventListener {
29
45
  return createEventListener(PointerEvent, name, handler);
30
46
  }
31
47
 
32
48
  // Click event creator for convenience
33
49
  export function createClickEvent(handler: (event: PointerEvent) => void): IEventListener {
34
- return createPointerEvent("pointerdown", handler);
50
+ return createPointerEvent("click", handler);
35
51
  }
36
52
 
37
- // KeyBoard event creator
38
- export function createKeyBoardEvent(name: KeyboardEventType, handler: (event: KeyboardEvent) => void): IEventListener {
39
- return createEventListener(KeyboardEvent, name, handler);
53
+ export function createTouchEvent(name: TouchEventType, handler: (event: TouchEvent) => void): IEventListener {
54
+ return createEventListener(TouchEvent, name, handler);
55
+ }
56
+
57
+ export function createMouseEvent(name: MouseEventType, handler: (event: MouseEvent) => void): IEventListener {
58
+ return createEventListener(MouseEvent, name, handler);
40
59
  }
41
60
 
42
- // Global event creator
43
- export function createGlobalEvent(name: GlobalEventType, handler: (event: Event) => void): IEventListener {
44
- return createEventListener(Event, name, handler);
61
+ export function createFocusEvent(name: FocusEventType, handler: (event: FocusEvent) => void): IEventListener {
62
+ return createEventListener(FocusEvent, name, handler);
45
63
  }
46
64
 
65
+
47
66
  interface ISwipeEventOptions {
48
- leftHandler?: (event: PointerEvent) => void;
49
- rightHandler?: (event: PointerEvent) => void;
50
- upHandler?: (event: PointerEvent) => void;
51
- downHandler?: (event: PointerEvent) => void;
67
+ leftHandler?: (event: TouchEvent) => void;
68
+ rightHandler?: (event: TouchEvent) => void;
69
+ upHandler?: (event: TouchEvent) => void;
70
+ downHandler?: (event: TouchEvent) => void;
52
71
  distance?: number;
53
72
  }
54
73
 
@@ -60,33 +79,40 @@ export function createSwipeEvent(options: ISwipeEventOptions): Array<IEventListe
60
79
  let endY = 0;
61
80
  const distance = options.distance || 50;
62
81
  return [
63
- createPointerEvent(
64
- "pointerdown",
65
- (event: PointerEvent) => {
66
- startX = event.clientX;
67
- startY = event.clientY
82
+ createEvent(
83
+ TouchEvent,
84
+ "touchstart",
85
+ (event: TouchEvent) => {
86
+ const touch = event.touches[0];
87
+ startX = touch.clientX;
88
+ startY = touch.clientY;
68
89
  }
69
90
  ),
70
- createPointerEvent("pointerup", (event: PointerEvent) => {
71
- endX = event.clientX;
72
- endY = event.clientY;
73
- if (startX > endX + distance) {
74
- if (options.leftHandler) {
75
- options.leftHandler(event);
76
- }
77
- } else if (endX > startX + distance) {
78
- if (options.rightHandler) {
79
- options.rightHandler(event);
80
- }
81
- } else if (startY > endY + distance) {
82
- if (options.upHandler) {
83
- options.upHandler(event);
84
- }
85
- } else if (endY > startY + distance) {
86
- if (options.downHandler) {
87
- options.downHandler(event);
91
+ createEvent(
92
+ TouchEvent,
93
+ "touchend",
94
+ (event: TouchEvent) => {
95
+ const touch = event.changedTouches[0];
96
+ endX = touch.clientX;
97
+ endY = touch.clientY;
98
+ if (startX > endX + distance) {
99
+ if (options.leftHandler) {
100
+ options.leftHandler(event);
101
+ }
102
+ } else if (endX > startX + distance) {
103
+ if (options.rightHandler) {
104
+ options.rightHandler(event);
105
+ }
106
+ } else if (startY > endY + distance) {
107
+ if (options.upHandler) {
108
+ options.upHandler(event);
109
+ }
110
+ } else if (endY > startY + distance) {
111
+ if (options.downHandler) {
112
+ options.downHandler(event);
113
+ }
88
114
  }
89
115
  }
90
- })
116
+ )
91
117
  ]
92
118
  }