jpf 5.0.38 → 5.0.40
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.
- package/dist/controls/codeMirror/Editor/Editor.js +4 -4
- package/dist/controls/codeMirror/Editor/Editor.js.map +1 -1
- package/dist/controls/kendo/Editor/Editor.js +2 -2
- package/dist/controls/kendo/Editor/Editor.js.map +1 -1
- package/dist/framework/event.d.ts +16 -34
- package/dist/framework/event.js +44 -61
- package/dist/framework/event.js.map +1 -1
- package/dist/framework/properties.js +1 -12
- package/dist/framework/properties.js.map +1 -1
- package/package.json +1 -1
- package/src/controls/codeMirror/Editor/Editor.ts +8 -6
- package/src/controls/kendo/Editor/Editor.ts +2 -2
- package/src/framework/event.ts +63 -76
- package/src/framework/properties.ts +2 -13
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Element, registerElement } from "../../../framework/element";
|
|
2
|
-
import {
|
|
2
|
+
import { createClickEvent } from "../../../framework/event";
|
|
3
3
|
import { Properties, extendProperties } from "../../../framework/properties";
|
|
4
4
|
import { isSubscribable, isObservableValue, unwrap } from "../../../framework/observablelmplementations";
|
|
5
5
|
import { EditorView, basicSetup } from "codemirror";
|
|
@@ -41,7 +41,7 @@ export class EditorElement extends Element {
|
|
|
41
41
|
margin: "3px"
|
|
42
42
|
},
|
|
43
43
|
eventListeners: [
|
|
44
|
-
|
|
44
|
+
createClickEvent(() => {
|
|
45
45
|
foldAll(this.editor);
|
|
46
46
|
})
|
|
47
47
|
]
|
|
@@ -52,7 +52,7 @@ export class EditorElement extends Element {
|
|
|
52
52
|
margin: "3px"
|
|
53
53
|
},
|
|
54
54
|
eventListeners: [
|
|
55
|
-
|
|
55
|
+
createClickEvent(() => {
|
|
56
56
|
const code = this.editor.state.doc.toString();
|
|
57
57
|
let formattedCode;
|
|
58
58
|
switch (properties.mode) {
|
|
@@ -81,7 +81,7 @@ export class EditorElement extends Element {
|
|
|
81
81
|
margin: "3px"
|
|
82
82
|
},
|
|
83
83
|
eventListeners: [
|
|
84
|
-
|
|
84
|
+
createClickEvent(() => {
|
|
85
85
|
if (isObservableValue(properties.value)) {
|
|
86
86
|
properties.value.setValue(this.editor.state.doc.toString());
|
|
87
87
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../../../../src/controls/codeMirror/Editor/Editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../../../../src/controls/codeMirror/Editor/Editor.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as kendo from "@progress/kendo-ui/js/kendo.editor.js";
|
|
2
2
|
import { Element, element } from "../../../framework/element";
|
|
3
|
-
import {
|
|
3
|
+
import { createClickEvent } from "../../../framework/event";
|
|
4
4
|
import { extendProperties } from "../../../framework/properties";
|
|
5
5
|
import { createDiv } from "../../html/Div/Div";
|
|
6
6
|
import { createButton } from "../../html/Button/Button";
|
|
@@ -31,7 +31,7 @@ export class EditorElement extends Element {
|
|
|
31
31
|
return htmlMode.get() ? "wysiwyg" : "view html source";
|
|
32
32
|
}),
|
|
33
33
|
eventListeners: [
|
|
34
|
-
|
|
34
|
+
createClickEvent(() => {
|
|
35
35
|
htmlMode.setValue(!htmlMode.get());
|
|
36
36
|
})
|
|
37
37
|
],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../../../../src/controls/kendo/Editor/Editor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../../../../src/controls/kendo/Editor/Editor.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,41 +1,23 @@
|
|
|
1
|
-
export type EventType = typeof Event | typeof
|
|
2
|
-
type
|
|
3
|
-
export
|
|
1
|
+
export type EventType = typeof Event | typeof KeyboardEvent | typeof PointerEvent;
|
|
2
|
+
export type PointerEventType = "pointerdown" | "pointerup" | "pointermove";
|
|
3
|
+
export type KeyboardEventType = "keydown" | "keyup" | "keypress";
|
|
4
|
+
export type GlobalEventType = "load";
|
|
5
|
+
export interface IEventListener extends AddEventListenerOptions, KeyboardEventInit {
|
|
4
6
|
type: EventType;
|
|
5
7
|
name: string;
|
|
6
8
|
handler: (event: any) => void;
|
|
7
9
|
}
|
|
8
|
-
export
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
constructor(type: EventType, name: string, handler: (event: Event) => void, options?: IEventListenerOptions);
|
|
19
|
-
type: EventType;
|
|
20
|
-
name: string;
|
|
21
|
-
handler: (event: Event) => void;
|
|
22
|
-
eventKey?: EventKey;
|
|
23
|
-
altKey?: boolean;
|
|
24
|
-
shiftKey?: boolean;
|
|
25
|
-
ctrlKey?: boolean;
|
|
26
|
-
mouseLeft?: boolean;
|
|
27
|
-
mouseMiddle?: boolean;
|
|
28
|
-
mouseRight?: boolean;
|
|
29
|
-
}
|
|
30
|
-
export declare class ClickEvent extends BaseEvent {
|
|
31
|
-
constructor(handler: (event: MouseEvent) => void, options?: IEventListenerOptions);
|
|
32
|
-
}
|
|
33
|
-
export interface ISwipeEventOptions {
|
|
34
|
-
leftHandler?: (event: TouchEvent) => void;
|
|
35
|
-
rightHandler?: (event: TouchEvent) => void;
|
|
36
|
-
upHandler?: (event: TouchEvent) => void;
|
|
37
|
-
downHandler?: (event: TouchEvent) => void;
|
|
10
|
+
export declare function createEvent<TEvent>(name: string, handler: (event: Event) => void): IEventListener;
|
|
11
|
+
export declare function createPointerEvent(name: PointerEventType, handler: (event: PointerEvent) => void): IEventListener;
|
|
12
|
+
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;
|
|
15
|
+
interface ISwipeEventOptions {
|
|
16
|
+
leftHandler?: (event: PointerEvent) => void;
|
|
17
|
+
rightHandler?: (event: PointerEvent) => void;
|
|
18
|
+
upHandler?: (event: PointerEvent) => void;
|
|
19
|
+
downHandler?: (event: PointerEvent) => void;
|
|
38
20
|
distance?: number;
|
|
39
21
|
}
|
|
40
|
-
export declare function
|
|
22
|
+
export declare function createSwipeEvent(options: ISwipeEventOptions): Array<IEventListener>;
|
|
41
23
|
export {};
|
package/dist/framework/event.js
CHANGED
|
@@ -1,77 +1,60 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
this.altKey = options?.altKey;
|
|
8
|
-
this.shiftKey = options?.shiftKey;
|
|
9
|
-
this.ctrlKey = options?.ctrlKey;
|
|
10
|
-
this.mouseLeft = options?.mouseLeft;
|
|
11
|
-
this.mouseMiddle = options?.mouseMiddle;
|
|
12
|
-
this.mouseRight = options?.mouseRight;
|
|
13
|
-
}
|
|
14
|
-
type;
|
|
15
|
-
name;
|
|
16
|
-
handler;
|
|
17
|
-
eventKey;
|
|
18
|
-
altKey;
|
|
19
|
-
shiftKey;
|
|
20
|
-
ctrlKey;
|
|
21
|
-
mouseLeft;
|
|
22
|
-
mouseMiddle;
|
|
23
|
-
mouseRight;
|
|
1
|
+
function createEventListener(type, name, handler) {
|
|
2
|
+
return {
|
|
3
|
+
type: type,
|
|
4
|
+
name: name,
|
|
5
|
+
handler: handler
|
|
6
|
+
};
|
|
24
7
|
}
|
|
25
|
-
export
|
|
26
|
-
|
|
27
|
-
super(MouseEvent, "click", handler, options);
|
|
28
|
-
}
|
|
8
|
+
export function createEvent(name, handler) {
|
|
9
|
+
return createEventListener(Event, name, handler);
|
|
29
10
|
}
|
|
30
|
-
export function
|
|
11
|
+
export function createPointerEvent(name, handler) {
|
|
12
|
+
return createEventListener(PointerEvent, name, handler);
|
|
13
|
+
}
|
|
14
|
+
export function createClickEvent(handler) {
|
|
15
|
+
return createPointerEvent("pointerdown", handler);
|
|
16
|
+
}
|
|
17
|
+
export function createKeyBoardEvent(name, handler) {
|
|
18
|
+
return createEventListener(KeyboardEvent, name, handler);
|
|
19
|
+
}
|
|
20
|
+
export function createGlobalEvent(name, handler) {
|
|
21
|
+
return createEventListener(Event, name, handler);
|
|
22
|
+
}
|
|
23
|
+
export function createSwipeEvent(options) {
|
|
31
24
|
let startX = 0;
|
|
32
25
|
let startY = 0;
|
|
33
26
|
let endX = 0;
|
|
34
27
|
let endY = 0;
|
|
35
28
|
const distance = options.distance || 50;
|
|
36
29
|
return [
|
|
37
|
-
{
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
type: TouchEvent,
|
|
48
|
-
name: "touchend",
|
|
49
|
-
handler: (event) => {
|
|
50
|
-
const touch = event.changedTouches[0];
|
|
51
|
-
endX = touch.clientX;
|
|
52
|
-
endY = touch.clientY;
|
|
53
|
-
if (startX > endX + distance) {
|
|
54
|
-
if (options.leftHandler) {
|
|
55
|
-
options.leftHandler(event);
|
|
56
|
-
}
|
|
30
|
+
createPointerEvent("pointerdown", (event) => {
|
|
31
|
+
startX = event.clientX;
|
|
32
|
+
startY = event.clientY;
|
|
33
|
+
}),
|
|
34
|
+
createPointerEvent("pointerup", (event) => {
|
|
35
|
+
endX = event.clientX;
|
|
36
|
+
endY = event.clientY;
|
|
37
|
+
if (startX > endX + distance) {
|
|
38
|
+
if (options.leftHandler) {
|
|
39
|
+
options.leftHandler(event);
|
|
57
40
|
}
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
41
|
+
}
|
|
42
|
+
else if (endX > startX + distance) {
|
|
43
|
+
if (options.rightHandler) {
|
|
44
|
+
options.rightHandler(event);
|
|
62
45
|
}
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
46
|
+
}
|
|
47
|
+
else if (startY > endY + distance) {
|
|
48
|
+
if (options.upHandler) {
|
|
49
|
+
options.upHandler(event);
|
|
67
50
|
}
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
51
|
+
}
|
|
52
|
+
else if (endY > startY + distance) {
|
|
53
|
+
if (options.downHandler) {
|
|
54
|
+
options.downHandler(event);
|
|
72
55
|
}
|
|
73
56
|
}
|
|
74
|
-
}
|
|
57
|
+
})
|
|
75
58
|
];
|
|
76
59
|
}
|
|
77
60
|
//# sourceMappingURL=event.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"event.js","sourceRoot":"","sources":["../../src/framework/event.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"event.js","sourceRoot":"","sources":["../../src/framework/event.ts"],"names":[],"mappings":"AAaA,SAAS,mBAAmB,CAAC,IAAe,EAAE,IAAY,EAAE,OAA+B;IACvF,OAAO;QACH,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,OAAO;KACnB,CAAC;AACN,CAAC;AAGD,MAAM,UAAU,WAAW,CAAS,IAAY,EAAE,OAA+B;IAC7E,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,4 +1,3 @@
|
|
|
1
|
-
import { userAgent } from "../utilities/userAgent/userAgent";
|
|
2
1
|
import { isSubscribable, unwrap, executeHandlerOnContext } from "./observablelmplementations";
|
|
3
2
|
export class Properties {
|
|
4
3
|
setProperties(object, properties) {
|
|
@@ -213,16 +212,6 @@ function applyEventListenerToElement(eventListener, element) {
|
|
|
213
212
|
if (!handler) {
|
|
214
213
|
throw new Error("handler is mandatory");
|
|
215
214
|
}
|
|
216
|
-
if (userAgent.device.supportsTouchEvents) {
|
|
217
|
-
switch (name) {
|
|
218
|
-
case "click":
|
|
219
|
-
name = "tap";
|
|
220
|
-
break;
|
|
221
|
-
case "dblclick":
|
|
222
|
-
name = "dbltap";
|
|
223
|
-
break;
|
|
224
|
-
}
|
|
225
|
-
}
|
|
226
215
|
if (name === "dragstart") {
|
|
227
216
|
element.setAttribute("draggable", "true");
|
|
228
217
|
}
|
|
@@ -237,7 +226,7 @@ function applyEventListenerToElement(eventListener, element) {
|
|
|
237
226
|
if (eventListener.ctrlKey && !event.ctrlKey) {
|
|
238
227
|
return;
|
|
239
228
|
}
|
|
240
|
-
if (eventListener.
|
|
229
|
+
if (eventListener.key && eventListener.key !== event.key) {
|
|
241
230
|
return;
|
|
242
231
|
}
|
|
243
232
|
handler(event);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"properties.js","sourceRoot":"","sources":["../../src/framework/properties.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"properties.js","sourceRoot":"","sources":["../../src/framework/properties.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAqB9F,MAAM,OAAgB,UAAU;IAClB,aAAa,CAAc,MAAc,EAAE,UAAwB;QACzE,IAAI,UAAU,EAAE,CAAC;YACb,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;gBACzC,MAAM,CAAC,QAAQ,CAAC,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;YAC5C,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC;IAED,UAAU,CAAyC;IACnD,UAAU,CAAgD;IAC1D,KAAK,CAA6B;IAClC,OAAO,CAAoC;IAC3C,QAAQ,CAAoC;IAC5C,SAAS,CAA4B;IACrC,WAAW,CAAkC;IAC7C,wBAAwB,CAAW;IACnC,cAAc,CAAW;IACzB,cAAc,CAAyB;IACvC,WAAW,CAAU;IACrB,OAAO,CAAoC;CAC9C;AAID,MAAM,UAAU,sBAAsB,CAAC,OAAe,EAAE,OAAY;IAChE,uBAAuB,CACnB,OAAO,EACP,CAAC,OAAO,EAAE,EAAE;QACR,MAAM,uBAAuB,GAAG,OAAmC,CAAC;QACpE,IAAI,uBAAuB,CAAC,sBAAsB,IAAI,OAAO,uBAAuB,CAAC,sBAAsB,KAAK,UAAU,EAAE,CAAC;YAEzH,uBAAuB,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC;QAC5D,CAAC;IACL,CAAC,CACJ,CAAC;AACN,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAK;IACnC,OAAO,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,WAAW,CAAC;AAC1D,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAiG,MAAe,EAAE,gBAA6C,EAAE,iBAA0C;IACvO,IAAI,iBAAiB,IAAI,gBAAgB,EAAE,CAAC;QACxC,MAAM,GAAG,MAAM,IAAI,EAAa,CAAC;QAEjC,IAAI,OAAO,gBAAgB,KAAK,QAAQ,EAAE,CAAC;YACvC,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;gBAE1C,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,OAAO,MAAM,CAAC,GAAG,CAAC,KAAK,WAAW,EAAE,CAAC;oBACpE,MAAM,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC;gBACxC,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC;QAED,IAAI,OAAO,iBAAiB,KAAK,QAAQ,EAAE,CAAC;YACxC,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;gBAC3C,MAAM,CAAC,GAAG,CAAC,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC;YACzC,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC;IAED,OAAO,MAAM,CAAC;AAClB,CAAC;AAGD,MAAM,UAAU,aAAa,CAAC,UAAuB,EAAE,OAAoB,EAAE,SAA2B;IACpG,OAAO,CAAC,YAAY,CAAC,aAAa,EAAE,UAAU,CAAC,WAAW,IAAI,SAAS,CAAC,CAAC;IAEzE,IAAI,UAAU,CAAC,UAAU,EAAE,CAAC;QACxB,qBAAqB,CAAC,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;QACpE,IAAI,cAAc,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;YACxC,MAAM,QAAQ,GAAG,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE;gBAC5D,qBAAqB,CAAC,UAAU,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;YACrD,CAAC,CAAC,CAAC;YAEH,IAAI,SAAS,EAAE,CAAC;gBACZ,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC7B,CAAC;QACL,CAAC;IACL,CAAC;IAED,IAAI,UAAU,CAAC,UAAU,EAAE,CAAC;QACxB,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAC/C,IAAI,KAAK,GAAG,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;YACvC,uBAAuB,CAAC,GAAwB,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;YAE1E,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;gBACxB,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,KAAa,EAAE,EAAE;oBAC/C,uBAAuB,CAAC,GAAwB,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;gBACtE,CAAC,CAAC,CAAC;gBACH,IAAI,SAAS,EAAE,CAAC;oBACZ,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAC7B,CAAC;YACL,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAED,IAAI,UAAU,CAAC,KAAK,EAAE,CAAC;QACnB,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAC1C,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAEpC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YACnC,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;gBACxB,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;oBACvC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;gBAC/B,CAAC,CAAC,CAAC;gBAEH,IAAI,SAAS,EAAE,CAAC;oBACZ,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAC7B,CAAC;YACL,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAED,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;QAE3C,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;QAEjD,IAAI,cAAc,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;YACvC,MAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,SAAiB,EAAE,EAAE;gBAClE,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;YAClC,CAAC,CAAC,CAAC;YAEH,IAAI,SAAS,EAAE,CAAC;gBACZ,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC7B,CAAC;QACL,CAAC;IACL,CAAC;IAED,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC;QAE7C,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;QAEnD,IAAI,OAAO,CAAC,aAAa,EAAE,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAAE,CAAC;YACrG,OAAO,CAAC,UAAU,CAAC,SAAS,GAAG,WAAW,CAAC;QAC/C,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;QACzD,CAAC;QAED,IAAI,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC;YACzC,MAAM,QAAQ,GAAG,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,EAAE;gBAC9D,IAAI,OAAO,CAAC,aAAa,EAAE,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAAE,CAAC;oBACrG,OAAO,CAAC,UAAU,CAAC,SAAS,GAAG,WAAW,CAAC;gBAC/C,CAAC;qBAAM,CAAC;oBACJ,OAAO,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;gBACzD,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,IAAI,SAAS,EAAE,CAAC;gBACZ,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC7B,CAAC;QACL,CAAC;IACL,CAAC;IAGD,IAAI,UAAU,CAAC,cAAc,KAAK,KAAK,EAAE,CAAC;QACtC,2BAA2B,CAAC;YACxB,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,aAAa;YACnB,OAAO,EAAE,GAAG,EAAE,GAAG,OAAO,KAAK,CAAC,CAAC,CAAC;YAChC,OAAO,EAAE,IAAI;SAChB,EACG,OAAO,CACV,CAAC;QACF,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;IACtC,CAAC;IAED,IAAI,UAAU,CAAC,wBAAwB,EAAE,CAAC;QACtC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YACnB,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;QACzB,CAAC;QACD,OAAO,CAAC,MAAM,CAAC,CAAC,SAAS,GAAG,UAAU,CAAC;IAC3C,CAAC;IAED,IAAI,UAAU,CAAC,cAAc,EAAE,CAAC;QAC5B,4BAA4B,CAAC,UAAU,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;IACrE,CAAC;IAED,wBAAwB,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC;IAC9D,IAAI,cAAc,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;QACrC,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE;YACtD,wBAAwB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEH,IAAI,SAAS,EAAE,CAAC;YACZ,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC7B,CAAC;IACL,CAAC;IAED,sBAAsB,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC;IAC7D,IAAI,cAAc,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QACtC,MAAM,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,EAAE;YACxD,sBAAsB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;QAEH,IAAI,SAAS,EAAE,CAAC;YACZ,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC7B,CAAC;IACL,CAAC;IAED,mBAAmB,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC;IACzD,IAAI,cAAc,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;QACrC,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE;YACtD,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;QAEH,IAAI,SAAS,EAAE,CAAC;YACZ,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC7B,CAAC;IACL,CAAC;AACL,CAAC;AAED,SAAS,wBAAwB,CAAC,OAAgB,EAAE,OAAoB;IACpE,IAAI,OAAO,KAAK,KAAK,EAAE,CAAC;QACpB,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC;SAAM,CAAC;QACJ,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC;AACL,CAAC;AAED,SAAS,sBAAsB,CAAC,QAAiB,EAAE,OAAoB;IACnE,IAAI,QAAQ,EAAE,CAAC;QACX,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IACjD,CAAC;SAAM,CAAC;QACJ,OAAO,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;IACxC,CAAC;AACL,CAAC;AAED,SAAS,4BAA4B,CAAC,cAAqC,EAAE,OAAoB;IAC7F,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,CAAC;QAC5B,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;IACtE,CAAC;IAED,IAAI,cAAc,EAAE,CAAC;QACjB,cAAc,CAAC,OAAO,CAAC,CAAC,aAAa,EAAE,EAAE;YACrC,2BAA2B,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;IACP,CAAC;AACL,CAAC;AAED,SAAS,2BAA2B,CAAC,aAA6B,EAAE,OAAoB;IACpF,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;IAChC,IAAI,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;IAC9B,IAAI,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC;IACpC,MAAM,OAAO,GAA4B;QACrC,OAAO,EAAE,aAAa,CAAC,OAAO,IAAI,KAAK;QACvC,IAAI,EAAE,aAAa,CAAC,IAAI,IAAI,KAAK;KACpC,CAAC;IAEF,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC;IACzC,CAAC;IACD,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC;IACzC,CAAC;IACD,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAC5C,CAAC;IAED,IAAI,IAAI,KAAK,WAAW,EAAE,CAAC;QACvB,OAAO,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IAC9C,CAAC;IAED,IAAI,aAAa,CAAC,IAAI,KAAK,aAAa,EAAE,CAAC;QACvC,OAAO,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC/B,IAAI,aAAa,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;gBACxC,OAAO;YACX,CAAC;YAED,IAAI,aAAa,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;gBAC5C,OAAO;YACX,CAAC;YAED,IAAI,aAAa,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;gBAC1C,OAAO;YACX,CAAC;YACD,IAAI,aAAa,CAAC,GAAG,IAAI,aAAa,CAAC,GAAG,KAAK,KAAK,CAAC,GAAG,EAAE,CAAC;gBACvD,OAAO;YACX,CAAC;YAED,OAAO,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC,CAAA;IACL,CAAC;IAID,OAAO,CAAC,gBAAgB,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAErD,CAAC;AAED,SAAS,qBAAqB,CAAC,UAAoB,EAAE,OAAgB,EAAE,OAAoB;IAEvF,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,CAAC,SAAS,GAAG,EAAE,CAAC;IAC3B,CAAC;IAGD,IAAI,UAAU,EAAE,CAAC;QACb,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;YAC7B,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;IACP,CAAC;AACL,CAAC;AAED,SAAS,uBAAuB,CAAC,IAAuB,EAAE,KAAa,EAAE,OAAoB;IACzF,IAAI,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC;QAC3B,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;SAAM,CAAC;QACJ,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACtC,CAAC;AACL,CAAC;AAED,SAAS,mBAAmB,CAAC,OAAgB,EAAE,OAAoB;IAC/D,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,CAAC,KAAK,EAAE,CAAC;IACpB,CAAC;AACL,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Element, registerElement } from "../../../framework/element";
|
|
2
|
-
import {
|
|
2
|
+
import { createClickEvent } from "../../../framework/event";
|
|
3
3
|
import { Properties, IProperties, extendProperties } from "../../../framework/properties";
|
|
4
4
|
import { ISubscribable } from "../../../framework/observableInterfaces";
|
|
5
5
|
import { isSubscribable, isObservableValue, unwrap } from "../../../framework/observablelmplementations";
|
|
@@ -62,9 +62,11 @@ export class EditorElement extends Element<IEditorProperties> {
|
|
|
62
62
|
margin: "3px"
|
|
63
63
|
},
|
|
64
64
|
eventListeners: [
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
65
|
+
createClickEvent(
|
|
66
|
+
() => {
|
|
67
|
+
foldAll(this.editor);
|
|
68
|
+
}
|
|
69
|
+
)
|
|
68
70
|
]
|
|
69
71
|
});
|
|
70
72
|
|
|
@@ -74,7 +76,7 @@ export class EditorElement extends Element<IEditorProperties> {
|
|
|
74
76
|
margin: "3px"
|
|
75
77
|
},
|
|
76
78
|
eventListeners: [
|
|
77
|
-
|
|
79
|
+
createClickEvent(() => {
|
|
78
80
|
const code = this.editor.state.doc.toString();
|
|
79
81
|
let formattedCode: string;
|
|
80
82
|
|
|
@@ -110,7 +112,7 @@ export class EditorElement extends Element<IEditorProperties> {
|
|
|
110
112
|
margin: "3px"
|
|
111
113
|
},
|
|
112
114
|
eventListeners: [
|
|
113
|
-
|
|
115
|
+
createClickEvent(() => {
|
|
114
116
|
if (isObservableValue(properties.value)) {
|
|
115
117
|
properties.value.setValue(this.editor.state.doc.toString());
|
|
116
118
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as kendo from "@progress/kendo-ui/js/kendo.editor.js";
|
|
2
2
|
import { Element, element } from "../../../framework/element";
|
|
3
|
-
import {
|
|
3
|
+
import { createClickEvent } from "../../../framework/event";
|
|
4
4
|
import { IProperties, extendProperties } from "../../../framework/properties";
|
|
5
5
|
import { createDiv } from "../../html/Div/Div";
|
|
6
6
|
import { createButton } from "../../html/Button/Button";
|
|
@@ -49,7 +49,7 @@ export class EditorElement extends Element<IEditorProperties> {
|
|
|
49
49
|
return htmlMode.get() ? "wysiwyg" : "view html source";
|
|
50
50
|
}),
|
|
51
51
|
eventListeners: [
|
|
52
|
-
|
|
52
|
+
createClickEvent(() => {
|
|
53
53
|
htmlMode.setValue(!htmlMode.get());
|
|
54
54
|
})
|
|
55
55
|
],
|
package/src/framework/event.ts
CHANGED
|
@@ -1,105 +1,92 @@
|
|
|
1
|
+
import { key } from "../utilities";
|
|
1
2
|
|
|
2
|
-
export type EventType = typeof Event | typeof
|
|
3
|
+
export type EventType = typeof Event | typeof KeyboardEvent | typeof PointerEvent;
|
|
4
|
+
export type PointerEventType = "pointerdown" | "pointerup" | "pointermove";
|
|
5
|
+
export type KeyboardEventType = "keydown" | "keyup" | "keypress";
|
|
6
|
+
export type GlobalEventType = "load";
|
|
3
7
|
|
|
4
|
-
|
|
5
|
-
export interface IEventListener extends AddEventListenerOptions, IEventListenerOptions {
|
|
8
|
+
export interface IEventListener extends AddEventListenerOptions, KeyboardEventInit {
|
|
6
9
|
type: EventType;
|
|
7
10
|
name: string;
|
|
8
11
|
handler: (event: any) => void;
|
|
9
12
|
}
|
|
10
13
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
mouseMiddle?: boolean;
|
|
18
|
-
mouseRight?: boolean;
|
|
14
|
+
function createEventListener(type: EventType, name: string, handler: (event: Event) => void): IEventListener {
|
|
15
|
+
return {
|
|
16
|
+
type: type,
|
|
17
|
+
name: name,
|
|
18
|
+
handler: handler
|
|
19
|
+
};
|
|
19
20
|
}
|
|
20
21
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
this.handler = handler;
|
|
26
|
-
this.eventKey = options?.eventKey;
|
|
27
|
-
this.altKey = options?.altKey;
|
|
28
|
-
this.shiftKey = options?.shiftKey;
|
|
29
|
-
this.ctrlKey = options?.ctrlKey;
|
|
30
|
-
this.mouseLeft = options?.mouseLeft;
|
|
31
|
-
this.mouseMiddle = options?.mouseMiddle;
|
|
32
|
-
this.mouseRight = options?.mouseRight;
|
|
33
|
-
}
|
|
22
|
+
// Generic event creator
|
|
23
|
+
export function createEvent<TEvent>(name: string, handler: (event: Event) => void): IEventListener {
|
|
24
|
+
return createEventListener(Event, name, handler);
|
|
25
|
+
}
|
|
34
26
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
eventKey?: EventKey;
|
|
39
|
-
altKey?: boolean;
|
|
40
|
-
shiftKey?: boolean;
|
|
41
|
-
ctrlKey?: boolean;
|
|
42
|
-
mouseLeft?: boolean;
|
|
43
|
-
mouseMiddle?: boolean;
|
|
44
|
-
mouseRight?: boolean;
|
|
27
|
+
//Pointer event creator
|
|
28
|
+
export function createPointerEvent(name: PointerEventType, handler: (event: PointerEvent) => void): IEventListener {
|
|
29
|
+
return createEventListener(PointerEvent, name, handler);
|
|
45
30
|
}
|
|
46
31
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
}
|
|
32
|
+
// Click event creator for convenience
|
|
33
|
+
export function createClickEvent(handler: (event: PointerEvent) => void): IEventListener {
|
|
34
|
+
return createPointerEvent("pointerdown", handler);
|
|
51
35
|
}
|
|
52
36
|
|
|
37
|
+
// KeyBoard event creator
|
|
38
|
+
export function createKeyBoardEvent(name: KeyboardEventType, handler: (event: KeyboardEvent) => void): IEventListener {
|
|
39
|
+
return createEventListener(KeyboardEvent, name, handler);
|
|
40
|
+
}
|
|
53
41
|
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
42
|
+
// Global event creator
|
|
43
|
+
export function createGlobalEvent(name: GlobalEventType, handler: (event: Event) => void): IEventListener {
|
|
44
|
+
return createEventListener(Event, name, handler);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
interface ISwipeEventOptions {
|
|
48
|
+
leftHandler?: (event: PointerEvent) => void;
|
|
49
|
+
rightHandler?: (event: PointerEvent) => void;
|
|
50
|
+
upHandler?: (event: PointerEvent) => void;
|
|
51
|
+
downHandler?: (event: PointerEvent) => void;
|
|
59
52
|
distance?: number;
|
|
60
53
|
}
|
|
61
54
|
|
|
62
|
-
|
|
55
|
+
// Swipe event creator
|
|
56
|
+
export function createSwipeEvent(options: ISwipeEventOptions): Array<IEventListener> {
|
|
63
57
|
let startX = 0;
|
|
64
58
|
let startY = 0;
|
|
65
59
|
let endX = 0;
|
|
66
60
|
let endY = 0;
|
|
67
61
|
const distance = options.distance || 50;
|
|
68
62
|
return [
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
startX = touch.clientX;
|
|
75
|
-
startY = touch.clientY
|
|
63
|
+
createPointerEvent(
|
|
64
|
+
"pointerdown",
|
|
65
|
+
(event: PointerEvent) => {
|
|
66
|
+
startX = event.clientX;
|
|
67
|
+
startY = event.clientY
|
|
76
68
|
}
|
|
77
|
-
|
|
78
|
-
{
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
}
|
|
97
|
-
} else if (endY > startY + distance) {
|
|
98
|
-
if (options.downHandler) {
|
|
99
|
-
options.downHandler(event);
|
|
100
|
-
}
|
|
69
|
+
),
|
|
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);
|
|
101
88
|
}
|
|
102
89
|
}
|
|
103
|
-
}
|
|
90
|
+
})
|
|
104
91
|
]
|
|
105
92
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { IEventListener } from "./event";
|
|
2
2
|
import { IAttributes, IAttributesSubscribable } from "./attributes";
|
|
3
3
|
import { IStyle as Style, IStyleSubscribable as StyleSubscribable } from "./style";
|
|
4
|
-
import { userAgent } from "../utilities/userAgent/userAgent"
|
|
4
|
+
/*import { userAgent } from "../utilities/userAgent/userAgent";*/
|
|
5
5
|
import { ISubscribable, IDisposer } from "./observableInterfaces";
|
|
6
6
|
import { isSubscribable, unwrap, executeHandlerOnContext } from "./observablelmplementations";
|
|
7
7
|
|
|
@@ -284,17 +284,6 @@ function applyEventListenerToElement(eventListener: IEventListener, element: HTM
|
|
|
284
284
|
throw new Error("handler is mandatory");
|
|
285
285
|
}
|
|
286
286
|
|
|
287
|
-
if (userAgent.device.supportsTouchEvents) {
|
|
288
|
-
switch (name) {
|
|
289
|
-
case "click":
|
|
290
|
-
name = "tap";
|
|
291
|
-
break;
|
|
292
|
-
case "dblclick":
|
|
293
|
-
name = "dbltap";
|
|
294
|
-
break;
|
|
295
|
-
}
|
|
296
|
-
}
|
|
297
|
-
|
|
298
287
|
if (name === "dragstart") {
|
|
299
288
|
element.setAttribute("draggable", "true");
|
|
300
289
|
}
|
|
@@ -312,7 +301,7 @@ function applyEventListenerToElement(eventListener: IEventListener, element: HTM
|
|
|
312
301
|
if (eventListener.ctrlKey && !event.ctrlKey) {
|
|
313
302
|
return;
|
|
314
303
|
}
|
|
315
|
-
if (eventListener.
|
|
304
|
+
if (eventListener.key && eventListener.key !== event.key) {
|
|
316
305
|
return;
|
|
317
306
|
}
|
|
318
307
|
|