@deck.gl-community/widgets 9.2.0-beta.5
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/LICENSE +20 -0
- package/README.md +43 -0
- package/dist/_deprecate/long-press-button.d.ts +13 -0
- package/dist/_deprecate/long-press-button.d.ts.map +1 -0
- package/dist/_deprecate/long-press-button.js +32 -0
- package/dist/_deprecate/long-press-button.js.map +1 -0
- package/dist/_deprecate/view-control-widget.d.ts +78 -0
- package/dist/_deprecate/view-control-widget.d.ts.map +1 -0
- package/dist/_deprecate/view-control-widget.js +198 -0
- package/dist/_deprecate/view-control-widget.js.map +1 -0
- package/dist/index.cjs +708 -0
- package/dist/index.cjs.map +7 -0
- package/dist/index.d.ts +13 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +10 -0
- package/dist/index.js.map +1 -0
- package/dist/widgets/html-cluster-widget.d.ts +25 -0
- package/dist/widgets/html-cluster-widget.d.ts.map +1 -0
- package/dist/widgets/html-cluster-widget.js +39 -0
- package/dist/widgets/html-cluster-widget.js.map +1 -0
- package/dist/widgets/html-overlay-item.d.ts +13 -0
- package/dist/widgets/html-overlay-item.d.ts.map +1 -0
- package/dist/widgets/html-overlay-item.js +10 -0
- package/dist/widgets/html-overlay-item.js.map +1 -0
- package/dist/widgets/html-overlay-widget.d.ts +45 -0
- package/dist/widgets/html-overlay-widget.d.ts.map +1 -0
- package/dist/widgets/html-overlay-widget.js +112 -0
- package/dist/widgets/html-overlay-widget.js.map +1 -0
- package/dist/widgets/html-tooltip-widget.d.ts +30 -0
- package/dist/widgets/html-tooltip-widget.d.ts.map +1 -0
- package/dist/widgets/html-tooltip-widget.js +67 -0
- package/dist/widgets/html-tooltip-widget.js.map +1 -0
- package/dist/widgets/long-press-button.d.ts +22 -0
- package/dist/widgets/long-press-button.d.ts.map +1 -0
- package/dist/widgets/long-press-button.js +84 -0
- package/dist/widgets/long-press-button.js.map +1 -0
- package/dist/widgets/long-press-controller.d.ts +27 -0
- package/dist/widgets/long-press-controller.d.ts.map +1 -0
- package/dist/widgets/long-press-controller.js +144 -0
- package/dist/widgets/long-press-controller.js.map +1 -0
- package/dist/widgets/pan-widget.d.ts +33 -0
- package/dist/widgets/pan-widget.d.ts.map +1 -0
- package/dist/widgets/pan-widget.js +141 -0
- package/dist/widgets/pan-widget.js.map +1 -0
- package/dist/widgets/view-manager-utils.d.ts +11 -0
- package/dist/widgets/view-manager-utils.d.ts.map +1 -0
- package/dist/widgets/view-manager-utils.js +13 -0
- package/dist/widgets/view-manager-utils.js.map +1 -0
- package/dist/widgets/zoom-range-widget.d.ts +43 -0
- package/dist/widgets/zoom-range-widget.d.ts.map +1 -0
- package/dist/widgets/zoom-range-widget.js +190 -0
- package/dist/widgets/zoom-range-widget.js.map +1 -0
- package/package.json +41 -0
- package/src/_deprecate/long-press-button.tsx +50 -0
- package/src/_deprecate/view-control-widget.tsx +339 -0
- package/src/index.ts +18 -0
- package/src/widgets/html-cluster-widget.ts +84 -0
- package/src/widgets/html-overlay-item.tsx +32 -0
- package/src/widgets/html-overlay-widget.tsx +147 -0
- package/src/widgets/html-tooltip-widget.tsx +93 -0
- package/src/widgets/long-press-button.tsx +125 -0
- package/src/widgets/long-press-controller.ts +159 -0
- package/src/widgets/pan-widget.tsx +182 -0
- package/src/widgets/view-manager-utils.ts +24 -0
- package/src/widgets/zoom-range-widget.tsx +284 -0
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { jsx as _jsx } from "preact/jsx-runtime";
|
|
2
|
+
// deck.gl-community
|
|
3
|
+
// SPDX-License-Identifier: MIT
|
|
4
|
+
// Copyright (c) vis.gl contributors
|
|
5
|
+
import { Component } from 'preact';
|
|
6
|
+
const REPEAT_DELAY_MS = 300;
|
|
7
|
+
const REPEAT_INTERVAL_MS = 100;
|
|
8
|
+
export class LongPressButton extends Component {
|
|
9
|
+
buttonPressTimer = null;
|
|
10
|
+
usingPointerEvents = false;
|
|
11
|
+
stopEvent(event) {
|
|
12
|
+
event.stopPropagation();
|
|
13
|
+
if (typeof event.stopImmediatePropagation === 'function') {
|
|
14
|
+
event.stopImmediatePropagation();
|
|
15
|
+
}
|
|
16
|
+
if (typeof event.preventDefault === 'function') {
|
|
17
|
+
event.preventDefault();
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
repeat = () => {
|
|
21
|
+
if (this.buttonPressTimer) {
|
|
22
|
+
this.props.onClick();
|
|
23
|
+
this.buttonPressTimer = setTimeout(this.repeat, REPEAT_INTERVAL_MS);
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
startPress(event) {
|
|
27
|
+
this.stopEvent(event);
|
|
28
|
+
this.props.onClick();
|
|
29
|
+
this.buttonPressTimer = setTimeout(this.repeat, REPEAT_DELAY_MS);
|
|
30
|
+
}
|
|
31
|
+
endPress(event) {
|
|
32
|
+
if (event) {
|
|
33
|
+
this.stopEvent(event);
|
|
34
|
+
}
|
|
35
|
+
if (this.buttonPressTimer) {
|
|
36
|
+
clearTimeout(this.buttonPressTimer);
|
|
37
|
+
}
|
|
38
|
+
this.buttonPressTimer = null;
|
|
39
|
+
}
|
|
40
|
+
handlePointerDown = (event) => {
|
|
41
|
+
this.usingPointerEvents = true;
|
|
42
|
+
event.currentTarget?.setPointerCapture?.(event.pointerId);
|
|
43
|
+
this.startPress(event);
|
|
44
|
+
};
|
|
45
|
+
handlePointerUp = (event) => {
|
|
46
|
+
event.currentTarget?.releasePointerCapture?.(event.pointerId);
|
|
47
|
+
this.endPress(event);
|
|
48
|
+
};
|
|
49
|
+
handlePointerCancel = (event) => {
|
|
50
|
+
event.currentTarget?.releasePointerCapture?.(event.pointerId);
|
|
51
|
+
this.endPress(event);
|
|
52
|
+
};
|
|
53
|
+
handleMouseDown = (event) => {
|
|
54
|
+
if (this.usingPointerEvents) {
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
this.startPress(event);
|
|
58
|
+
document.addEventListener('mouseup', this.handleMouseUp, { once: true });
|
|
59
|
+
};
|
|
60
|
+
handleMouseUp = (event) => {
|
|
61
|
+
if (this.usingPointerEvents) {
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
64
|
+
this.endPress(event);
|
|
65
|
+
};
|
|
66
|
+
handleTouchStart = (event) => {
|
|
67
|
+
if (this.usingPointerEvents) {
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
this.startPress(event);
|
|
71
|
+
document.addEventListener('touchend', this.handleTouchEnd, { once: true });
|
|
72
|
+
document.addEventListener('touchcancel', this.handleTouchEnd, { once: true });
|
|
73
|
+
};
|
|
74
|
+
handleTouchEnd = (event) => {
|
|
75
|
+
if (this.usingPointerEvents) {
|
|
76
|
+
return;
|
|
77
|
+
}
|
|
78
|
+
this.endPress(event);
|
|
79
|
+
};
|
|
80
|
+
render() {
|
|
81
|
+
return (_jsx("div", { className: "deck-widget-button", children: _jsx("div", { style: { pointerEvents: 'auto' }, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerCancel, onPointerMove: (event) => this.stopEvent(event), onPointerLeave: this.handlePointerCancel, onPointerOut: this.handlePointerCancel, onMouseDown: this.handleMouseDown, onMouseUp: this.handleMouseUp, onMouseMove: (event) => this.stopEvent(event), onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd, onTouchMove: (event) => this.stopEvent(event), onContextMenu: (event) => event.preventDefault(), onWheel: (event) => this.stopEvent(event), onClick: (event) => this.stopEvent(event), children: this.props.children }) }));
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
//# sourceMappingURL=long-press-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"long-press-button.js","sourceRoot":"","sources":["../../src/widgets/long-press-button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Utility that attaches pointer/mouse/touch handlers to an element and
|
|
3
|
+
* invokes a callback immediately plus while the interaction is held.
|
|
4
|
+
*/
|
|
5
|
+
export declare class LongPressController {
|
|
6
|
+
private element;
|
|
7
|
+
private onActivate;
|
|
8
|
+
private buttonPressTimer;
|
|
9
|
+
private usingPointerEvents;
|
|
10
|
+
constructor(element: HTMLElement, onActivate: () => void);
|
|
11
|
+
destroy(): void;
|
|
12
|
+
private repeat;
|
|
13
|
+
private startPress;
|
|
14
|
+
private endPress;
|
|
15
|
+
private handlePointerDown;
|
|
16
|
+
private handlePointerUp;
|
|
17
|
+
private handlePointerCancel;
|
|
18
|
+
private handlePointerMove;
|
|
19
|
+
private handleMouseDown;
|
|
20
|
+
private handleMouseUp;
|
|
21
|
+
private handleMouseMove;
|
|
22
|
+
private handleTouchStart;
|
|
23
|
+
private handleTouchEnd;
|
|
24
|
+
private handleTouchMove;
|
|
25
|
+
private stopEvent;
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=long-press-controller.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"long-press-controller.d.ts","sourceRoot":"","sources":["../../src/widgets/long-press-controller.ts"],"names":[],"mappings":"AASA;;;GAGG;AACH,qBAAa,mBAAmB;IAIlB,OAAO,CAAC,OAAO;IAAe,OAAO,CAAC,UAAU;IAH5D,OAAO,CAAC,gBAAgB,CAA8C;IACtE,OAAO,CAAC,kBAAkB,CAAS;gBAEf,OAAO,EAAE,WAAW,EAAU,UAAU,EAAE,MAAM,IAAI;IA4BxE,OAAO,IAAI,IAAI;IAgBf,OAAO,CAAC,MAAM,CAKZ;IAEF,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,QAAQ;IAUhB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,SAAS;CASlB"}
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
// deck.gl-community
|
|
2
|
+
// SPDX-License-Identifier: MIT
|
|
3
|
+
// Copyright (c) vis.gl contributors
|
|
4
|
+
/* eslint-disable @typescript-eslint/unbound-method */
|
|
5
|
+
const REPEAT_DELAY_MS = 300;
|
|
6
|
+
const REPEAT_INTERVAL_MS = 100;
|
|
7
|
+
/**
|
|
8
|
+
* Utility that attaches pointer/mouse/touch handlers to an element and
|
|
9
|
+
* invokes a callback immediately plus while the interaction is held.
|
|
10
|
+
*/
|
|
11
|
+
export class LongPressController {
|
|
12
|
+
element;
|
|
13
|
+
onActivate;
|
|
14
|
+
buttonPressTimer = null;
|
|
15
|
+
usingPointerEvents = false;
|
|
16
|
+
constructor(element, onActivate) {
|
|
17
|
+
this.element = element;
|
|
18
|
+
this.onActivate = onActivate;
|
|
19
|
+
this.handlePointerDown = this.handlePointerDown.bind(this);
|
|
20
|
+
this.handlePointerUp = this.handlePointerUp.bind(this);
|
|
21
|
+
this.handlePointerCancel = this.handlePointerCancel.bind(this);
|
|
22
|
+
this.handleMouseDown = this.handleMouseDown.bind(this);
|
|
23
|
+
this.handleMouseUp = this.handleMouseUp.bind(this);
|
|
24
|
+
this.handleMouseMove = this.handleMouseMove.bind(this);
|
|
25
|
+
this.handleTouchStart = this.handleTouchStart.bind(this);
|
|
26
|
+
this.handleTouchEnd = this.handleTouchEnd.bind(this);
|
|
27
|
+
this.handleTouchMove = this.handleTouchMove.bind(this);
|
|
28
|
+
element.addEventListener('pointerdown', this.handlePointerDown);
|
|
29
|
+
element.addEventListener('pointerup', this.handlePointerUp);
|
|
30
|
+
element.addEventListener('pointercancel', this.handlePointerCancel);
|
|
31
|
+
element.addEventListener('pointerleave', this.handlePointerCancel);
|
|
32
|
+
element.addEventListener('pointerout', this.handlePointerCancel);
|
|
33
|
+
element.addEventListener('pointermove', this.handlePointerMove);
|
|
34
|
+
element.addEventListener('mousedown', this.handleMouseDown);
|
|
35
|
+
element.addEventListener('mousemove', this.handleMouseMove);
|
|
36
|
+
element.addEventListener('touchstart', this.handleTouchStart, { passive: false });
|
|
37
|
+
element.addEventListener('touchend', this.handleTouchEnd, { passive: false });
|
|
38
|
+
element.addEventListener('touchcancel', this.handleTouchEnd, { passive: false });
|
|
39
|
+
element.addEventListener('touchmove', this.handleTouchMove, { passive: false });
|
|
40
|
+
element.addEventListener('contextmenu', (event) => event.preventDefault());
|
|
41
|
+
element.addEventListener('wheel', (event) => this.stopEvent(event));
|
|
42
|
+
element.addEventListener('click', (event) => this.stopEvent(event));
|
|
43
|
+
}
|
|
44
|
+
destroy() {
|
|
45
|
+
this.endPress();
|
|
46
|
+
this.element.removeEventListener('pointerdown', this.handlePointerDown);
|
|
47
|
+
this.element.removeEventListener('pointerup', this.handlePointerUp);
|
|
48
|
+
this.element.removeEventListener('pointercancel', this.handlePointerCancel);
|
|
49
|
+
this.element.removeEventListener('pointerleave', this.handlePointerCancel);
|
|
50
|
+
this.element.removeEventListener('pointerout', this.handlePointerCancel);
|
|
51
|
+
this.element.removeEventListener('pointermove', this.handlePointerMove);
|
|
52
|
+
this.element.removeEventListener('mousedown', this.handleMouseDown);
|
|
53
|
+
this.element.removeEventListener('mousemove', this.handleMouseMove);
|
|
54
|
+
this.element.removeEventListener('touchstart', this.handleTouchStart);
|
|
55
|
+
this.element.removeEventListener('touchend', this.handleTouchEnd);
|
|
56
|
+
this.element.removeEventListener('touchcancel', this.handleTouchEnd);
|
|
57
|
+
this.element.removeEventListener('touchmove', this.handleTouchMove);
|
|
58
|
+
}
|
|
59
|
+
repeat = () => {
|
|
60
|
+
if (this.buttonPressTimer) {
|
|
61
|
+
this.onActivate();
|
|
62
|
+
this.buttonPressTimer = setTimeout(this.repeat, REPEAT_INTERVAL_MS);
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
startPress(event) {
|
|
66
|
+
this.stopEvent(event);
|
|
67
|
+
this.onActivate();
|
|
68
|
+
this.buttonPressTimer = setTimeout(this.repeat, REPEAT_DELAY_MS);
|
|
69
|
+
}
|
|
70
|
+
endPress(event) {
|
|
71
|
+
if (event) {
|
|
72
|
+
this.stopEvent(event);
|
|
73
|
+
}
|
|
74
|
+
if (this.buttonPressTimer) {
|
|
75
|
+
clearTimeout(this.buttonPressTimer);
|
|
76
|
+
this.buttonPressTimer = null;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
handlePointerDown(event) {
|
|
80
|
+
this.usingPointerEvents = true;
|
|
81
|
+
event.currentTarget?.setPointerCapture?.(event.pointerId);
|
|
82
|
+
this.startPress(event);
|
|
83
|
+
}
|
|
84
|
+
handlePointerUp(event) {
|
|
85
|
+
event.currentTarget?.releasePointerCapture?.(event.pointerId);
|
|
86
|
+
this.endPress(event);
|
|
87
|
+
}
|
|
88
|
+
handlePointerCancel(event) {
|
|
89
|
+
event.currentTarget?.releasePointerCapture?.(event.pointerId);
|
|
90
|
+
this.endPress(event);
|
|
91
|
+
}
|
|
92
|
+
handlePointerMove = (event) => {
|
|
93
|
+
this.stopEvent(event);
|
|
94
|
+
};
|
|
95
|
+
handleMouseDown(event) {
|
|
96
|
+
if (this.usingPointerEvents) {
|
|
97
|
+
return;
|
|
98
|
+
}
|
|
99
|
+
this.startPress(event);
|
|
100
|
+
document.addEventListener('mouseup', this.handleMouseUp, { once: true });
|
|
101
|
+
}
|
|
102
|
+
handleMouseUp(event) {
|
|
103
|
+
if (this.usingPointerEvents) {
|
|
104
|
+
return;
|
|
105
|
+
}
|
|
106
|
+
this.endPress(event);
|
|
107
|
+
}
|
|
108
|
+
handleMouseMove(event) {
|
|
109
|
+
if (this.usingPointerEvents) {
|
|
110
|
+
return;
|
|
111
|
+
}
|
|
112
|
+
this.stopEvent(event);
|
|
113
|
+
}
|
|
114
|
+
handleTouchStart(event) {
|
|
115
|
+
if (this.usingPointerEvents) {
|
|
116
|
+
return;
|
|
117
|
+
}
|
|
118
|
+
this.startPress(event);
|
|
119
|
+
document.addEventListener('touchend', this.handleTouchEnd, { once: true });
|
|
120
|
+
document.addEventListener('touchcancel', this.handleTouchEnd, { once: true });
|
|
121
|
+
}
|
|
122
|
+
handleTouchEnd(event) {
|
|
123
|
+
if (this.usingPointerEvents) {
|
|
124
|
+
return;
|
|
125
|
+
}
|
|
126
|
+
this.endPress(event);
|
|
127
|
+
}
|
|
128
|
+
handleTouchMove(event) {
|
|
129
|
+
if (this.usingPointerEvents) {
|
|
130
|
+
return;
|
|
131
|
+
}
|
|
132
|
+
this.stopEvent(event);
|
|
133
|
+
}
|
|
134
|
+
stopEvent(event) {
|
|
135
|
+
event.stopPropagation();
|
|
136
|
+
if (typeof event.stopImmediatePropagation === 'function') {
|
|
137
|
+
event.stopImmediatePropagation();
|
|
138
|
+
}
|
|
139
|
+
if (typeof event.preventDefault === 'function') {
|
|
140
|
+
event.preventDefault();
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
//# sourceMappingURL=long-press-controller.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"long-press-controller.js","sourceRoot":"","sources":["../../src/widgets/long-press-controller.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { Widget, type Deck, type WidgetPlacement, type WidgetProps } from '@deck.gl/core';
|
|
2
|
+
export type PanWidgetProps = WidgetProps & {
|
|
3
|
+
viewId?: string | null;
|
|
4
|
+
placement?: WidgetPlacement;
|
|
5
|
+
/** Amount in screen pixels to pan by when a button is pressed. */
|
|
6
|
+
step?: number;
|
|
7
|
+
};
|
|
8
|
+
export declare class PanWidget extends Widget<PanWidgetProps> {
|
|
9
|
+
static defaultProps: {
|
|
10
|
+
id: string;
|
|
11
|
+
viewId: any;
|
|
12
|
+
placement: "top-left";
|
|
13
|
+
step: number;
|
|
14
|
+
style: {};
|
|
15
|
+
className: string;
|
|
16
|
+
};
|
|
17
|
+
placement: WidgetPlacement;
|
|
18
|
+
className: string;
|
|
19
|
+
deck?: Deck | null;
|
|
20
|
+
step: number;
|
|
21
|
+
constructor(props?: PanWidgetProps);
|
|
22
|
+
setProps(props: Partial<PanWidgetProps>): void;
|
|
23
|
+
onAdd({ deck, viewId }: {
|
|
24
|
+
deck: Deck;
|
|
25
|
+
viewId: string | null;
|
|
26
|
+
}): void;
|
|
27
|
+
onRemove(): void;
|
|
28
|
+
onRenderHTML(rootElement: HTMLElement): void;
|
|
29
|
+
private getTargetViewports;
|
|
30
|
+
private getViewState;
|
|
31
|
+
private handlePan;
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=pan-widget.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pan-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/pan-widget.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,MAAM,EACN,KAAK,IAAI,EAET,KAAK,eAAe,EACpB,KAAK,WAAW,EACjB,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IACzC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA4BF,qBAAa,SAAU,SAAQ,MAAM,CAAC,cAAc,CAAC;IACnD,OAAgB,YAAY;;;;;;;MAOgE;IAE5F,SAAS,EAAE,eAAe,CAAc;IACxC,SAAS,SAAqB;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAQ;IAC1B,IAAI,EAAE,MAAM,CAAC;gBAED,KAAK,GAAE,cAAmB;IAO7B,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI;IAa9C,KAAK,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,EAAE;QAAC,IAAI,EAAE,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;KAAC,GAAG,IAAI;IAOhE,QAAQ,IAAI,IAAI;IAIhB,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAgCrD,OAAO,CAAC,kBAAkB;IAgB1B,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,SAAS;CAwBlB"}
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import { jsx as _jsx } from "preact/jsx-runtime";
|
|
2
|
+
// deck.gl-community
|
|
3
|
+
// SPDX-License-Identifier: MIT
|
|
4
|
+
// Copyright (c) vis.gl contributors
|
|
5
|
+
import { render } from 'preact';
|
|
6
|
+
import { LongPressButton } from "./long-press-button.js";
|
|
7
|
+
import { cloneViewState, hasViewManager } from "./view-manager-utils.js";
|
|
8
|
+
import { Widget } from '@deck.gl/core';
|
|
9
|
+
const WRAPPER_STYLE = {
|
|
10
|
+
position: 'absolute',
|
|
11
|
+
display: 'flex',
|
|
12
|
+
flexDirection: 'column',
|
|
13
|
+
alignItems: 'center',
|
|
14
|
+
zIndex: '99',
|
|
15
|
+
userSelect: 'none'
|
|
16
|
+
};
|
|
17
|
+
const NAVIGATION_CONTAINER_STYLE = {
|
|
18
|
+
position: 'relative',
|
|
19
|
+
background: '#f7f7f7',
|
|
20
|
+
borderRadius: '23px',
|
|
21
|
+
border: '0.5px solid #eaeaea',
|
|
22
|
+
boxShadow: 'inset 11px 11px 5px -7px rgba(230, 230, 230, 0.49)',
|
|
23
|
+
height: '46px',
|
|
24
|
+
width: '46px'
|
|
25
|
+
};
|
|
26
|
+
const NAVIGATION_BUTTON_STYLE = {
|
|
27
|
+
color: '#848484',
|
|
28
|
+
cursor: 'pointer',
|
|
29
|
+
position: 'absolute',
|
|
30
|
+
pointerEvents: 'auto'
|
|
31
|
+
};
|
|
32
|
+
export class PanWidget extends Widget {
|
|
33
|
+
static defaultProps = {
|
|
34
|
+
id: 'pan',
|
|
35
|
+
viewId: null,
|
|
36
|
+
placement: 'top-left',
|
|
37
|
+
step: 48,
|
|
38
|
+
style: {},
|
|
39
|
+
className: ''
|
|
40
|
+
};
|
|
41
|
+
placement = 'top-left';
|
|
42
|
+
className = 'deck-widget-pan';
|
|
43
|
+
deck = null;
|
|
44
|
+
step;
|
|
45
|
+
constructor(props = {}) {
|
|
46
|
+
super({ ...PanWidget.defaultProps, ...props });
|
|
47
|
+
this.viewId = props.viewId ?? null;
|
|
48
|
+
this.placement = props.placement ?? 'top-left';
|
|
49
|
+
this.step = props.step ?? PanWidget.defaultProps.step;
|
|
50
|
+
}
|
|
51
|
+
setProps(props) {
|
|
52
|
+
if (props.viewId !== undefined) {
|
|
53
|
+
this.viewId = props.viewId;
|
|
54
|
+
}
|
|
55
|
+
if (props.placement !== undefined) {
|
|
56
|
+
this.placement = props.placement;
|
|
57
|
+
}
|
|
58
|
+
if (props.step !== undefined) {
|
|
59
|
+
this.step = props.step;
|
|
60
|
+
}
|
|
61
|
+
super.setProps(props);
|
|
62
|
+
}
|
|
63
|
+
onAdd({ deck, viewId }) {
|
|
64
|
+
this.deck = deck;
|
|
65
|
+
if (this.viewId === undefined) {
|
|
66
|
+
this.viewId = viewId;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
onRemove() {
|
|
70
|
+
this.deck = null;
|
|
71
|
+
}
|
|
72
|
+
onRenderHTML(rootElement) {
|
|
73
|
+
const style = { ...WRAPPER_STYLE, ...this.props.style };
|
|
74
|
+
Object.assign(rootElement.style, style);
|
|
75
|
+
const buttons = [
|
|
76
|
+
{ top: -2, left: 14, onClick: () => this.handlePan(0, this.step), label: '▲', key: 'up' },
|
|
77
|
+
{ top: 12, left: 0, onClick: () => this.handlePan(this.step, 0), label: '◀', key: 'left' },
|
|
78
|
+
{ top: 12, left: 28, onClick: () => this.handlePan(-this.step, 0), label: '▶', key: 'right' },
|
|
79
|
+
{ top: 25, left: 14, onClick: () => this.handlePan(0, -this.step), label: '▼', key: 'down' }
|
|
80
|
+
];
|
|
81
|
+
const ui = (_jsx("div", { style: NAVIGATION_CONTAINER_STYLE, children: buttons.map((button) => {
|
|
82
|
+
const buttonStyle = {
|
|
83
|
+
...NAVIGATION_BUTTON_STYLE,
|
|
84
|
+
top: `${button.top}px`,
|
|
85
|
+
left: `${button.left}px`
|
|
86
|
+
};
|
|
87
|
+
return (_jsx("div", { style: buttonStyle, children: _jsx(LongPressButton, { onClick: button.onClick, children: button.label }) }, button.key));
|
|
88
|
+
}) }));
|
|
89
|
+
render(ui, rootElement);
|
|
90
|
+
}
|
|
91
|
+
getTargetViewports() {
|
|
92
|
+
const deck = this.deck;
|
|
93
|
+
if (!deck) {
|
|
94
|
+
return [];
|
|
95
|
+
}
|
|
96
|
+
if (this.viewId) {
|
|
97
|
+
if (hasViewManager(deck)) {
|
|
98
|
+
const viewport = deck.viewManager?.getViewport(this.viewId);
|
|
99
|
+
return viewport ? [viewport] : [];
|
|
100
|
+
}
|
|
101
|
+
return [];
|
|
102
|
+
}
|
|
103
|
+
return deck.getViewports();
|
|
104
|
+
}
|
|
105
|
+
getViewState(viewport) {
|
|
106
|
+
const deck = this.deck;
|
|
107
|
+
const viewManager = hasViewManager(deck) ? deck.viewManager : null;
|
|
108
|
+
const viewId = this.viewId || viewport.id;
|
|
109
|
+
if (viewManager) {
|
|
110
|
+
try {
|
|
111
|
+
return { ...viewManager.getViewState(viewId) };
|
|
112
|
+
}
|
|
113
|
+
catch (err) {
|
|
114
|
+
return cloneViewState(viewManager.viewState);
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
return cloneViewState(viewport);
|
|
118
|
+
}
|
|
119
|
+
handlePan(deltaX, deltaY) {
|
|
120
|
+
if (!this.deck) {
|
|
121
|
+
return;
|
|
122
|
+
}
|
|
123
|
+
const viewports = this.getTargetViewports();
|
|
124
|
+
for (const viewport of viewports) {
|
|
125
|
+
const center = viewport.unproject([viewport.width / 2, viewport.height / 2]);
|
|
126
|
+
if (center) {
|
|
127
|
+
const nextPixel = [
|
|
128
|
+
viewport.width / 2 + deltaX,
|
|
129
|
+
viewport.height / 2 + deltaY
|
|
130
|
+
];
|
|
131
|
+
const viewState = this.getViewState(viewport);
|
|
132
|
+
const panUpdate = viewport.panByPosition(center, nextPixel);
|
|
133
|
+
const nextViewState = { ...viewState, ...panUpdate };
|
|
134
|
+
const viewId = this.viewId || viewport.id || 'default-view';
|
|
135
|
+
// @ts-ignore Using private method until a public alternative is available
|
|
136
|
+
this.deck._onViewStateChange({ viewId, viewState: nextViewState, interactionState: {} });
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
//# sourceMappingURL=pan-widget.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pan-widget.js","sourceRoot":"","sources":["../../src/widgets/pan-widget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Deck, Viewport } from '@deck.gl/core';
|
|
2
|
+
export type DeckWithViewManager = Deck & {
|
|
3
|
+
viewManager?: {
|
|
4
|
+
getViewport: (id: string) => Viewport | null;
|
|
5
|
+
getViewState: (id: string) => any;
|
|
6
|
+
viewState?: any;
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
export declare function hasViewManager(deck: Deck | null): deck is DeckWithViewManager;
|
|
10
|
+
export declare function cloneViewState(value: unknown): Record<string, unknown>;
|
|
11
|
+
//# sourceMappingURL=view-manager-utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"view-manager-utils.d.ts","sourceRoot":"","sources":["../../src/widgets/view-manager-utils.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAC;AAElD,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG;IACvC,WAAW,CAAC,EAAE;QACZ,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,QAAQ,GAAG,IAAI,CAAC;QAC7C,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,GAAG,CAAC;QAClC,SAAS,CAAC,EAAE,GAAG,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,IAAI,mBAAmB,CAE7E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAKtE"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// deck.gl-community
|
|
2
|
+
// SPDX-License-Identifier: MIT
|
|
3
|
+
// Copyright (c) vis.gl contributors
|
|
4
|
+
export function hasViewManager(deck) {
|
|
5
|
+
return Boolean(deck && typeof deck === 'object' && 'viewManager' in deck);
|
|
6
|
+
}
|
|
7
|
+
export function cloneViewState(value) {
|
|
8
|
+
if (value && typeof value === 'object') {
|
|
9
|
+
return { ...value };
|
|
10
|
+
}
|
|
11
|
+
return {};
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=view-manager-utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"view-manager-utils.js","sourceRoot":"","sources":["../../src/widgets/view-manager-utils.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAYpC,MAAM,UAAU,cAAc,CAAC,IAAiB;IAC9C,OAAO,OAAO,CAAC,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,aAAa,IAAI,IAAI,CAAC,CAAC;AAC5E,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,KAAc;IAC3C,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACvC,OAAO,EAAC,GAAI,KAAiC,EAAC,CAAC;IACjD,CAAC;IACD,OAAO,EAAE,CAAC;AACZ,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { Widget, type Deck, type Viewport, type WidgetPlacement, type WidgetProps } from '@deck.gl/core';
|
|
2
|
+
export type ZoomRangeWidgetProps = WidgetProps & {
|
|
3
|
+
viewId?: string | null;
|
|
4
|
+
placement?: WidgetPlacement;
|
|
5
|
+
minZoom?: number;
|
|
6
|
+
maxZoom?: number;
|
|
7
|
+
step?: number;
|
|
8
|
+
};
|
|
9
|
+
export declare class ZoomRangeWidget extends Widget<ZoomRangeWidgetProps> {
|
|
10
|
+
static defaultProps: {
|
|
11
|
+
id: string;
|
|
12
|
+
viewId: any;
|
|
13
|
+
placement: "top-left";
|
|
14
|
+
minZoom: any;
|
|
15
|
+
maxZoom: any;
|
|
16
|
+
step: number;
|
|
17
|
+
style: {};
|
|
18
|
+
className: string;
|
|
19
|
+
};
|
|
20
|
+
placement: WidgetPlacement;
|
|
21
|
+
className: string;
|
|
22
|
+
deck?: Deck | null;
|
|
23
|
+
step: number;
|
|
24
|
+
currentZoom: number;
|
|
25
|
+
inferredMinZoom: number | null;
|
|
26
|
+
inferredMaxZoom: number | null;
|
|
27
|
+
constructor(props?: ZoomRangeWidgetProps);
|
|
28
|
+
setProps(props: Partial<ZoomRangeWidgetProps>): void;
|
|
29
|
+
onAdd({ deck, viewId }: {
|
|
30
|
+
deck: Deck;
|
|
31
|
+
viewId: string | null;
|
|
32
|
+
}): void;
|
|
33
|
+
onRemove(): void;
|
|
34
|
+
onRenderHTML(rootElement: HTMLElement): void;
|
|
35
|
+
onViewportChange(viewport: Viewport): void;
|
|
36
|
+
private getZoomBounds;
|
|
37
|
+
private getTargetViewports;
|
|
38
|
+
private getViewState;
|
|
39
|
+
private handleZoomDelta;
|
|
40
|
+
private handleZoomTo;
|
|
41
|
+
private updateViewState;
|
|
42
|
+
}
|
|
43
|
+
//# sourceMappingURL=zoom-range-widget.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"zoom-range-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/zoom-range-widget.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,MAAM,EACN,KAAK,IAAI,EACT,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,WAAW,EACjB,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG;IAC/C,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAsCF,qBAAa,eAAgB,SAAQ,MAAM,CAAC,oBAAoB,CAAC;IAC/D,OAAgB,YAAY;;;;;;;;;MAS4E;IAExG,SAAS,EAAE,eAAe,CAAc;IACxC,SAAS,SAA4B;IACrC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAQ;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,SAAK;IAChB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAQ;IACtC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAQ;gBAE1B,KAAK,GAAE,oBAAyB;IAOnC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,oBAAoB,CAAC,GAAG,IAAI;IAapD,KAAK,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,EAAE;QAAC,IAAI,EAAE,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;KAAC,GAAG,IAAI;IAOhE,QAAQ,IAAI,IAAI;IAIhB,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAsE5C,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI;IAwBnD,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,eAAe;CAYxB"}
|