@deck.gl/widgets 9.2.0-beta.1 → 9.2.0-beta.3
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/compass-widget.d.ts +1 -1
- package/dist/compass-widget.d.ts.map +1 -1
- package/dist/compass-widget.js +0 -1
- package/dist/compass-widget.js.map +1 -1
- package/dist/context-menu-widget.d.ts +2 -2
- package/dist/context-menu-widget.d.ts.map +1 -1
- package/dist/context-menu-widget.js +5 -1
- package/dist/context-menu-widget.js.map +1 -1
- package/dist/dist.dev.js +968 -902
- package/dist/fps-widget.d.ts +5 -6
- package/dist/fps-widget.d.ts.map +1 -1
- package/dist/fps-widget.js +13 -14
- package/dist/fps-widget.js.map +1 -1
- package/dist/fullscreen-widget.d.ts +2 -0
- package/dist/fullscreen-widget.d.ts.map +1 -1
- package/dist/fullscreen-widget.js +7 -3
- package/dist/fullscreen-widget.js.map +1 -1
- package/dist/geocoder-widget.d.ts +4 -3
- package/dist/geocoder-widget.d.ts.map +1 -1
- package/dist/geocoder-widget.js +5 -6
- package/dist/geocoder-widget.js.map +1 -1
- package/dist/gimbal-widget.d.ts +7 -5
- package/dist/gimbal-widget.d.ts.map +1 -1
- package/dist/gimbal-widget.js +15 -10
- package/dist/gimbal-widget.js.map +1 -1
- package/dist/index.cjs +687 -670
- package/dist/index.cjs.map +4 -4
- package/dist/index.d.ts +7 -7
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +12 -9
- package/dist/index.js.map +1 -1
- package/dist/info-widget.d.ts +9 -9
- package/dist/info-widget.d.ts.map +1 -1
- package/dist/info-widget.js +7 -9
- package/dist/info-widget.js.map +1 -1
- package/dist/lib/components/button-group.d.ts +1 -1
- package/dist/lib/components/button-group.d.ts.map +1 -1
- package/dist/lib/components/button-group.js +1 -1
- package/dist/lib/components/button-group.js.map +1 -1
- package/dist/lib/components/grouped-icon-button.d.ts +5 -3
- package/dist/lib/components/grouped-icon-button.d.ts.map +1 -1
- package/dist/lib/components/grouped-icon-button.js +3 -3
- package/dist/lib/components/grouped-icon-button.js.map +1 -1
- package/dist/lib/components/icon-button.d.ts +5 -6
- package/dist/lib/components/icon-button.d.ts.map +1 -1
- package/dist/lib/components/icon-button.js +1 -1
- package/dist/lib/components/icon-button.js.map +1 -1
- package/dist/lib/components/icon-menu.d.ts +2 -2
- package/dist/lib/components/icon-menu.d.ts.map +1 -1
- package/dist/lib/components/icon-menu.js +4 -19
- package/dist/lib/components/icon-menu.js.map +1 -1
- package/dist/lib/components/simple-menu.js +1 -1
- package/dist/lib/components/simple-menu.js.map +1 -1
- package/dist/loading-widget.d.ts +4 -2
- package/dist/loading-widget.d.ts.map +1 -1
- package/dist/loading-widget.js +5 -3
- package/dist/loading-widget.js.map +1 -1
- package/dist/reset-view-widget.d.ts +9 -11
- package/dist/reset-view-widget.d.ts.map +1 -1
- package/dist/reset-view-widget.js +5 -4
- package/dist/reset-view-widget.js.map +1 -1
- package/dist/scale-widget.d.ts +6 -3
- package/dist/scale-widget.d.ts.map +1 -1
- package/dist/scale-widget.js +3 -2
- package/dist/scale-widget.js.map +1 -1
- package/dist/screenshot-widget.d.ts +4 -2
- package/dist/screenshot-widget.d.ts.map +1 -1
- package/dist/screenshot-widget.js +3 -1
- package/dist/screenshot-widget.js.map +1 -1
- package/dist/splitter-widget.d.ts +1 -1
- package/dist/splitter-widget.d.ts.map +1 -1
- package/dist/splitter-widget.js +0 -2
- package/dist/splitter-widget.js.map +1 -1
- package/dist/stats-widget.d.ts +6 -1
- package/dist/stats-widget.d.ts.map +1 -1
- package/dist/stats-widget.js +11 -4
- package/dist/stats-widget.js.map +1 -1
- package/dist/stylesheet.css +53 -35
- package/dist/theme-widget.d.ts +3 -1
- package/dist/theme-widget.d.ts.map +1 -1
- package/dist/theme-widget.js +6 -3
- package/dist/theme-widget.js.map +1 -1
- package/dist/themes.d.ts +10 -0
- package/dist/themes.d.ts.map +1 -1
- package/dist/themes.js +12 -4
- package/dist/themes.js.map +1 -1
- package/dist/timeline-widget.d.ts +10 -32
- package/dist/timeline-widget.d.ts.map +1 -1
- package/dist/timeline-widget.js +6 -2
- package/dist/timeline-widget.js.map +1 -1
- package/dist/view-selector-widget.d.ts +2 -0
- package/dist/view-selector-widget.d.ts.map +1 -1
- package/dist/view-selector-widget.js +15 -14
- package/dist/view-selector-widget.js.map +1 -1
- package/dist/zoom-widget.d.ts +1 -2
- package/dist/zoom-widget.d.ts.map +1 -1
- package/dist/zoom-widget.js +7 -5
- package/dist/zoom-widget.js.map +1 -1
- package/dist.min.js +2 -3
- package/package.json +2 -2
- package/src/compass-widget.tsx +1 -1
- package/src/context-menu-widget.tsx +8 -3
- package/src/fps-widget.tsx +25 -16
- package/src/fullscreen-widget.tsx +9 -3
- package/src/geocoder-widget.tsx +9 -9
- package/src/gimbal-widget.tsx +16 -11
- package/src/index.ts +15 -10
- package/src/info-widget.tsx +17 -17
- package/src/lib/components/button-group.tsx +2 -2
- package/src/lib/components/grouped-icon-button.tsx +9 -6
- package/src/lib/components/icon-button.tsx +5 -6
- package/src/lib/components/icon-menu.tsx +12 -30
- package/src/lib/components/simple-menu.tsx +1 -1
- package/src/loading-widget.tsx +9 -5
- package/src/reset-view-widget.tsx +18 -16
- package/src/scale-widget.tsx +9 -5
- package/src/screenshot-widget.tsx +7 -3
- package/src/splitter-widget.tsx +1 -3
- package/src/stats-widget.tsx +18 -5
- package/src/stylesheet.css +53 -35
- package/src/theme-widget.tsx +9 -4
- package/src/themes.ts +15 -4
- package/src/timeline-widget.tsx +19 -42
- package/src/view-selector-widget.tsx +59 -16
- package/src/zoom-widget.tsx +8 -6
package/dist/fps-widget.d.ts
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import { Widget
|
|
2
|
-
import type { WidgetPlacement, Deck } from '@deck.gl/core';
|
|
1
|
+
import { Widget } from '@deck.gl/core';
|
|
2
|
+
import type { WidgetPlacement, Deck, WidgetProps } from '@deck.gl/core';
|
|
3
3
|
/** Properties for the FpsWidget. */
|
|
4
4
|
export type FpsWidgetProps = WidgetProps & {
|
|
5
5
|
/** Widget positioning within the view. Default 'top-left'. */
|
|
6
6
|
placement?: WidgetPlacement;
|
|
7
|
+
/** View to attach to and interact with. Required when using multiple views. */
|
|
8
|
+
viewId?: string | null;
|
|
7
9
|
};
|
|
8
10
|
/**
|
|
9
11
|
* Displays the average frames per second reported by the Deck instance.
|
|
@@ -20,10 +22,7 @@ export declare class FpsWidget extends Widget<FpsWidgetProps> {
|
|
|
20
22
|
viewId: string | null;
|
|
21
23
|
}): void;
|
|
22
24
|
onRenderHTML(rootElement: HTMLElement): void;
|
|
23
|
-
|
|
24
|
-
viewports: any[];
|
|
25
|
-
layers: any[];
|
|
26
|
-
}): void;
|
|
25
|
+
_animate(): void;
|
|
27
26
|
_getFps(): number;
|
|
28
27
|
}
|
|
29
28
|
//# sourceMappingURL=fps-widget.d.ts.map
|
package/dist/fps-widget.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fps-widget.d.ts","sourceRoot":"","sources":["../src/fps-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"fps-widget.d.ts","sourceRoot":"","sources":["../src/fps-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AAErC,OAAO,KAAK,EAAC,eAAe,EAAE,IAAI,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAGtE,oCAAoC;AACpC,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IACzC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB,CAAC;AAEF;;GAEG;AACH,qBAAa,SAAU,SAAQ,MAAM,CAAC,cAAc,CAAC;IACnD,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,CAK3C;IAEF,SAAS,SAAqB;IAC9B,SAAS,EAAE,eAAe,CAAc;IAExC,OAAO,CAAC,QAAQ,CAAc;gBAElB,KAAK,GAAE,cAAmB;IAKtC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI;IAM9C,KAAK,CAAC,EAAE,EAAE;QAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;KAAC,GAAG,IAAI;IAKzD,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAc5C,QAAQ,IAAI,IAAI;IAShB,OAAO,IAAI,MAAM;CAIlB"}
|
package/dist/fps-widget.js
CHANGED
|
@@ -1,7 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
|
|
1
2
|
// deck.gl
|
|
2
3
|
// SPDX-License-Identifier: MIT
|
|
3
4
|
// Copyright (c) vis.gl contributors
|
|
4
5
|
import { Widget } from '@deck.gl/core';
|
|
6
|
+
import { render } from 'preact';
|
|
7
|
+
import { IconButton } from "./lib/components/icon-button.js";
|
|
5
8
|
/**
|
|
6
9
|
* Displays the average frames per second reported by the Deck instance.
|
|
7
10
|
*/
|
|
@@ -11,33 +14,28 @@ export class FpsWidget extends Widget {
|
|
|
11
14
|
this.className = 'deck-widget-fps';
|
|
12
15
|
this.placement = 'top-left';
|
|
13
16
|
this._lastFps = -1;
|
|
14
|
-
this.
|
|
17
|
+
this.setProps(this.props);
|
|
15
18
|
}
|
|
16
19
|
setProps(props) {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
+
this.placement = props.placement ?? this.placement;
|
|
21
|
+
this.viewId = props.viewId ?? this.viewId;
|
|
20
22
|
super.setProps(props);
|
|
21
23
|
}
|
|
22
24
|
onAdd({}) {
|
|
23
25
|
this._lastFps = this._getFps();
|
|
24
|
-
this.
|
|
26
|
+
requestAnimationFrame(() => this._animate());
|
|
25
27
|
}
|
|
26
28
|
onRenderHTML(rootElement) {
|
|
27
29
|
const fps = this._getFps();
|
|
28
|
-
|
|
29
|
-
rootElement.innerText = `FPS:\n${fps}`;
|
|
30
|
-
rootElement.style.backgroundColor = 'white';
|
|
31
|
-
rootElement.style.fontFamily = 'monospace';
|
|
32
|
-
rootElement.style.fontSize = '8px';
|
|
33
|
-
rootElement.style.fontWeight = '700'; // Make font bolder on click
|
|
30
|
+
render(_jsx(IconButton, { children: _jsxs("div", { className: "text", children: ["FPS", _jsx("br", {}), fps] }) }), rootElement);
|
|
34
31
|
}
|
|
35
|
-
|
|
32
|
+
_animate() {
|
|
36
33
|
const fps = this._getFps();
|
|
37
|
-
if (
|
|
34
|
+
if (this._lastFps !== fps) {
|
|
38
35
|
this._lastFps = fps;
|
|
39
36
|
this.updateHTML();
|
|
40
37
|
}
|
|
38
|
+
requestAnimationFrame(() => this._animate());
|
|
41
39
|
}
|
|
42
40
|
_getFps() {
|
|
43
41
|
// @ts-expect-error protected
|
|
@@ -47,6 +45,7 @@ export class FpsWidget extends Widget {
|
|
|
47
45
|
FpsWidget.defaultProps = {
|
|
48
46
|
...Widget.defaultProps,
|
|
49
47
|
id: 'fps',
|
|
50
|
-
placement: 'top-left'
|
|
48
|
+
placement: 'top-left',
|
|
49
|
+
viewId: null
|
|
51
50
|
};
|
|
52
51
|
//# sourceMappingURL=fps-widget.js.map
|
package/dist/fps-widget.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fps-widget.js","sourceRoot":"","sources":["../src/fps-widget.tsx"],"names":[],"mappings":"AAAA,UAAU;AACV,+BAA+B;AAC/B,oCAAoC;AAEpC,OAAO,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"fps-widget.js","sourceRoot":"","sources":["../src/fps-widget.tsx"],"names":[],"mappings":";AAAA,UAAU;AACV,+BAA+B;AAC/B,oCAAoC;AAEpC,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AACrC,OAAO,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAC,UAAU,EAAC,wCAAqC;AAUxD;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,MAAsB;IAanD,YAAY,QAAwB,EAAE;QACpC,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QANvC,cAAS,GAAG,iBAAiB,CAAC;QAC9B,cAAS,GAAoB,UAAU,CAAC;QAEhC,aAAQ,GAAW,CAAC,CAAC,CAAC;QAI5B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,QAAQ,CAAC,KAA8B;QACrC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC;QACnD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC;QAC1C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC;IAED,KAAK,CAAC,EAA4C;QAChD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC/B,qBAAqB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC/C,CAAC;IAED,YAAY,CAAC,WAAwB;QACnC,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC3B,MAAM,CACJ,KAAC,UAAU,cACT,eAAK,SAAS,EAAC,MAAM,oBAEnB,cAAM,EACL,GAAG,IACA,GACK,EACb,WAAW,CACZ,CAAC;IACJ,CAAC;IAED,QAAQ;QACN,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC3B,IAAI,IAAI,CAAC,QAAQ,KAAK,GAAG,EAAE,CAAC;YAC1B,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;YACpB,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC;QACD,qBAAqB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC/C,CAAC;IAED,OAAO;QACL,6BAA6B;QAC7B,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAChD,CAAC;;AAtDM,sBAAY,GAA6B;IAC9C,GAAG,MAAM,CAAC,YAAY;IACtB,EAAE,EAAE,KAAK;IACT,SAAS,EAAE,UAAU;IACrB,MAAM,EAAE,IAAI;CACb,AALkB,CAKjB"}
|
|
@@ -3,6 +3,8 @@ export type FullscreenWidgetProps = WidgetProps & {
|
|
|
3
3
|
id?: string;
|
|
4
4
|
/** Widget positioning within the view. Default 'top-left'. */
|
|
5
5
|
placement?: WidgetPlacement;
|
|
6
|
+
/** View to attach to and interact with. Required when using multiple views. */
|
|
7
|
+
viewId?: string | null;
|
|
6
8
|
/** Tooltip message when out of fullscreen. */
|
|
7
9
|
enterLabel?: string;
|
|
8
10
|
/** Tooltip message when fullscreen. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fullscreen-widget.d.ts","sourceRoot":"","sources":["../src/fullscreen-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,
|
|
1
|
+
{"version":3,"file":"fullscreen-widget.d.ts","sourceRoot":"","sources":["../src/fullscreen-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAM,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,MAAM,eAAe,CAAC;AAMlF,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG;IAChD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8DAA8D;IAC9D,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB,CAAC;AAEF,qBAAa,gBAAiB,SAAQ,MAAM,CAAC,qBAAqB,CAAC;IACjE,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,qBAAqB,CAAC,CAQlD;IAEF,SAAS,SAA4B;IACrC,SAAS,EAAE,eAAe,CAAc;IACxC,UAAU,EAAE,OAAO,CAAS;gBAEhB,KAAK,GAAE,qBAA0B;IAK7C,KAAK,IAAI,IAAI;IAIb,QAAQ;IAIR,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAa5C,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,qBAAqB,CAAC;IAM9C,YAAY;IAIZ,kBAAkB;IASZ,WAAW;IASX,iBAAiB;IASjB,cAAc;IAQpB,sBAAsB;CAGvB"}
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx } from "preact/jsx-runtime";
|
|
|
3
3
|
// SPDX-License-Identifier: MIT
|
|
4
4
|
// Copyright (c) vis.gl contributors
|
|
5
5
|
/* global document */
|
|
6
|
-
import { Widget } from '@deck.gl/core';
|
|
6
|
+
import { log, Widget } from '@deck.gl/core';
|
|
7
7
|
import { render } from 'preact';
|
|
8
8
|
import { IconButton } from "./lib/components/icon-button.js";
|
|
9
9
|
export class FullscreenWidget extends Widget {
|
|
@@ -12,7 +12,7 @@ export class FullscreenWidget extends Widget {
|
|
|
12
12
|
this.className = 'deck-widget-fullscreen';
|
|
13
13
|
this.placement = 'top-left';
|
|
14
14
|
this.fullscreen = false;
|
|
15
|
-
this.
|
|
15
|
+
this.setProps(this.props);
|
|
16
16
|
}
|
|
17
17
|
onAdd() {
|
|
18
18
|
document.addEventListener('fullscreenchange', this.onFullscreenChange.bind(this));
|
|
@@ -21,10 +21,13 @@ export class FullscreenWidget extends Widget {
|
|
|
21
21
|
document.removeEventListener('fullscreenchange', this.onFullscreenChange.bind(this));
|
|
22
22
|
}
|
|
23
23
|
onRenderHTML(rootElement) {
|
|
24
|
-
render(_jsx(IconButton, { onClick:
|
|
24
|
+
render(_jsx(IconButton, { onClick: () => {
|
|
25
|
+
this.handleClick().catch(err => log.error(err)());
|
|
26
|
+
}, label: this.fullscreen ? this.props.exitLabel : this.props.enterLabel, className: this.fullscreen ? 'deck-widget-fullscreen-exit' : 'deck-widget-fullscreen-enter' }), rootElement);
|
|
25
27
|
}
|
|
26
28
|
setProps(props) {
|
|
27
29
|
this.placement = props.placement ?? this.placement;
|
|
30
|
+
this.viewId = props.viewId ?? this.viewId;
|
|
28
31
|
super.setProps(props);
|
|
29
32
|
}
|
|
30
33
|
getContainer() {
|
|
@@ -72,6 +75,7 @@ FullscreenWidget.defaultProps = {
|
|
|
72
75
|
...Widget.defaultProps,
|
|
73
76
|
id: 'fullscreen',
|
|
74
77
|
placement: 'top-left',
|
|
78
|
+
viewId: null,
|
|
75
79
|
enterLabel: 'Enter Fullscreen',
|
|
76
80
|
exitLabel: 'Exit Fullscreen',
|
|
77
81
|
container: undefined
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fullscreen-widget.js","sourceRoot":"","sources":["../src/fullscreen-widget.tsx"],"names":[],"mappings":";AAAA,UAAU;AACV,+BAA+B;AAC/B,oCAAoC;AAEpC,qBAAqB;AACrB,OAAO,EAAC,MAAM,EAAyC,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"fullscreen-widget.js","sourceRoot":"","sources":["../src/fullscreen-widget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
import { Widget
|
|
2
|
-
import type { WidgetPlacement, Viewport } from '@deck.gl/core';
|
|
1
|
+
import { Widget } from '@deck.gl/core';
|
|
2
|
+
import type { WidgetPlacement, Viewport, WidgetProps } from '@deck.gl/core';
|
|
3
3
|
import { type Geocoder } from "./lib/geocode/geocoder.js";
|
|
4
4
|
import { GeocoderHistory } from "./lib/geocode/geocoder-history.js";
|
|
5
5
|
/** @todo - is the the best we can do? */
|
|
6
6
|
type ViewState = Record<string, unknown>;
|
|
7
7
|
/** Properties for the GeocoderWidget */
|
|
8
8
|
export type GeocoderWidgetProps = WidgetProps & {
|
|
9
|
-
viewId?: string;
|
|
9
|
+
viewId?: string | null;
|
|
10
10
|
/** Widget positioning within the view. Default 'top-left'. */
|
|
11
11
|
placement?: WidgetPlacement;
|
|
12
12
|
/** Tooltip message */
|
|
13
13
|
label?: string;
|
|
14
|
+
/** View state reset transition duration in ms. 0 disables the transition */
|
|
14
15
|
transitionDuration?: number;
|
|
15
16
|
/** Geocoding service selector, for declarative usage */
|
|
16
17
|
geocoder?: 'google' | 'mapbox' | 'opencage' | 'coordinates' | 'custom';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"geocoder-widget.d.ts","sourceRoot":"","sources":["../src/geocoder-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"geocoder-widget.d.ts","sourceRoot":"","sources":["../src/geocoder-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AACrC,OAAO,KAAK,EAAC,eAAe,EAAE,QAAQ,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAI1E,OAAO,EAAC,KAAK,QAAQ,EAAC,kCAA+B;AACrD,OAAO,EAAC,eAAe,EAAC,0CAAuC;AAS/D,yCAAyC;AACzC,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAIzC,wCAAwC;AACxC,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,aAAa,GAAG,QAAQ,CAAC;IACvE,+DAA+D;IAC/D,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,MAAM,CAAC,mBAAmB,CAAC;IAC7D,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAWhD;IAEF,SAAS,SAA0B;IACnC,SAAS,EAAE,eAAe,CAAc;IAExC,cAAc,kBAA2B;IACzC,WAAW,EAAE,MAAM,CAAM;IACzB,QAAQ,EAAE,QAAQ,CAAuB;gBAE7B,KAAK,GAAE,mBAAwB;IAK3C,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,IAAI;IAUnD,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IA8C5C,QAAQ,SAAU,MAAM,UAEtB;IAEF,cAAc,mBAIZ;IAEF,YAAY,YAAa,MAAM,UAG7B;IAEF,uCAAuC;IACvC,YAAY,aAGV;IAEF,wBAAwB;IACxB,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAWzC;IAGF,YAAY,CAAC,SAAS,EAAE,SAAS;IAiBjC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ;IAInC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAM;CAC1C"}
|
package/dist/geocoder-widget.js
CHANGED
|
@@ -49,17 +49,16 @@ export class GeocoderWidget extends Widget {
|
|
|
49
49
|
}
|
|
50
50
|
};
|
|
51
51
|
this.viewports = {};
|
|
52
|
-
this.placement = this.props.placement ?? this.placement;
|
|
53
52
|
this.setProps(this.props);
|
|
54
|
-
this.geocoder = getGeocoder(this.props);
|
|
55
53
|
}
|
|
56
54
|
setProps(props) {
|
|
57
|
-
super.setProps(props);
|
|
58
55
|
this.placement = props.placement ?? this.placement;
|
|
56
|
+
this.viewId = props.viewId ?? this.viewId;
|
|
59
57
|
this.geocoder = getGeocoder(this.props);
|
|
60
58
|
if (this.geocoder.requiresApiKey && !this.props.apiKey) {
|
|
61
59
|
throw new Error(`API key is required for the ${this.geocoder.name} geocoder`);
|
|
62
60
|
}
|
|
61
|
+
super.setProps(props);
|
|
63
62
|
}
|
|
64
63
|
onRenderHTML(rootElement) {
|
|
65
64
|
const menuItems = this.props._geolocation
|
|
@@ -106,10 +105,10 @@ export class GeocoderWidget extends Widget {
|
|
|
106
105
|
}
|
|
107
106
|
GeocoderWidget.defaultProps = {
|
|
108
107
|
...Widget.defaultProps,
|
|
109
|
-
id: '
|
|
110
|
-
viewId:
|
|
108
|
+
id: 'geocoder',
|
|
109
|
+
viewId: null,
|
|
111
110
|
placement: 'top-left',
|
|
112
|
-
label: '
|
|
111
|
+
label: 'Geocoder',
|
|
113
112
|
transitionDuration: 200,
|
|
114
113
|
geocoder: 'coordinates',
|
|
115
114
|
customGeocoder: CoordinatesGeocoder,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"geocoder-widget.js","sourceRoot":"","sources":["../src/geocoder-widget.tsx"],"names":[],"mappings":";AAAA,UAAU;AACV,+BAA+B;AAC/B,oCAAoC;AAEpC,OAAO,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"geocoder-widget.js","sourceRoot":"","sources":["../src/geocoder-widget.tsx"],"names":[],"mappings":"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"}
|
package/dist/gimbal-widget.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ export type GimbalWidgetProps = WidgetProps & {
|
|
|
6
6
|
viewId?: string | null;
|
|
7
7
|
/** Tooltip message. */
|
|
8
8
|
label?: string;
|
|
9
|
-
/** Width of gimbal lines */
|
|
9
|
+
/** Width of gimbal lines. */
|
|
10
10
|
strokeWidth?: number;
|
|
11
11
|
/** Transition duration in ms when resetting rotation. */
|
|
12
12
|
transitionDuration?: number;
|
|
@@ -15,18 +15,20 @@ export declare class GimbalWidget extends Widget<GimbalWidgetProps> {
|
|
|
15
15
|
static defaultProps: Required<GimbalWidgetProps>;
|
|
16
16
|
className: string;
|
|
17
17
|
placement: WidgetPlacement;
|
|
18
|
-
|
|
18
|
+
viewports: {
|
|
19
|
+
[id: string]: Viewport;
|
|
20
|
+
};
|
|
19
21
|
constructor(props?: GimbalWidgetProps);
|
|
20
22
|
setProps(props: Partial<GimbalWidgetProps>): void;
|
|
21
23
|
onRenderHTML(rootElement: HTMLElement): void;
|
|
22
24
|
onViewportChange(viewport: Viewport): void;
|
|
23
|
-
resetOrbitView(): void;
|
|
24
|
-
getNormalizedRotation(): {
|
|
25
|
+
resetOrbitView(viewport?: Viewport): void;
|
|
26
|
+
getNormalizedRotation(viewport?: Viewport): {
|
|
25
27
|
rotationOrbit: number;
|
|
26
28
|
rotationX: number;
|
|
27
29
|
};
|
|
28
30
|
getRotation(viewState?: any): [number, number];
|
|
29
|
-
getViewId(): string;
|
|
31
|
+
getViewId(viewport?: Viewport): string;
|
|
30
32
|
getViewState(viewId: string): import("modules/core/src/lib/view-manager").ViewStateObject<import("@deck.gl/core").View<import("modules/core/src/controllers/transition-manager").TransitionProps, import("modules/core/src/views/view").CommonViewProps<import("modules/core/src/controllers/transition-manager").TransitionProps>>[]>;
|
|
31
33
|
getViewManager(): import("modules/core/src/lib/view-manager").default<import("@deck.gl/core").View<import("modules/core/src/controllers/transition-manager").TransitionProps, import("modules/core/src/views/view").CommonViewProps<import("modules/core/src/controllers/transition-manager").TransitionProps>>[]>;
|
|
32
34
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gimbal-widget.d.ts","sourceRoot":"","sources":["../src/gimbal-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,MAAM,EAAqB,MAAM,eAAe,CAAC;AACzD,OAAO,KAAK,EAAC,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAG1E,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC5C,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,
|
|
1
|
+
{"version":3,"file":"gimbal-widget.d.ts","sourceRoot":"","sources":["../src/gimbal-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,MAAM,EAAqB,MAAM,eAAe,CAAC;AACzD,OAAO,KAAK,EAAC,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAG1E,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC5C,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,qBAAa,YAAa,SAAQ,MAAM,CAAC,iBAAiB,CAAC;IACzD,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAQ9C;IAEF,SAAS,SAAwB;IACjC,SAAS,EAAE,eAAe,CAAc;IACxC,SAAS,EAAE;QAAC,CAAC,EAAE,EAAE,MAAM,GAAG,QAAQ,CAAA;KAAC,CAAM;gBAE7B,KAAK,GAAE,iBAAsB;IAKzC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,iBAAiB,CAAC;IAM1C,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAqE5C,gBAAgB,CAAC,QAAQ,EAAE,QAAQ;IAKnC,cAAc,CAAC,QAAQ,CAAC,EAAE,QAAQ;IAkBlC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,QAAQ,GAAG;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAC;IAQtF,WAAW,CAAC,SAAS,CAAC,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;IAS9C,SAAS,CAAC,QAAQ,CAAC,EAAE,QAAQ;IAK7B,YAAY,CAAC,MAAM,EAAE,MAAM;IAM3B,cAAc;CAQf"}
|
package/dist/gimbal-widget.js
CHANGED
|
@@ -9,7 +9,7 @@ export class GimbalWidget extends Widget {
|
|
|
9
9
|
super(props, GimbalWidget.defaultProps);
|
|
10
10
|
this.className = 'deck-widget-gimbal';
|
|
11
11
|
this.placement = 'top-left';
|
|
12
|
-
this.
|
|
12
|
+
this.viewports = {};
|
|
13
13
|
this.setProps(this.props);
|
|
14
14
|
}
|
|
15
15
|
setProps(props) {
|
|
@@ -18,10 +18,14 @@ export class GimbalWidget extends Widget {
|
|
|
18
18
|
super.setProps(props);
|
|
19
19
|
}
|
|
20
20
|
onRenderHTML(rootElement) {
|
|
21
|
-
const
|
|
21
|
+
const viewId = this.viewId || Object.values(this.viewports)[0]?.id || 'default-view';
|
|
22
|
+
const widgetViewport = this.viewports[viewId];
|
|
23
|
+
const { rotationOrbit, rotationX } = this.getNormalizedRotation(widgetViewport);
|
|
22
24
|
// Note - we use CSS 3D transforms instead of SVG 2D transforms
|
|
23
25
|
const ui = (_jsx("div", { className: "deck-widget-button", style: { perspective: 100, pointerEvents: 'auto' }, children: _jsxs("button", { type: "button", onClick: () => {
|
|
24
|
-
this.
|
|
26
|
+
for (const viewport of Object.values(this.viewports)) {
|
|
27
|
+
this.resetOrbitView(viewport);
|
|
28
|
+
}
|
|
25
29
|
}, title: this.props.label, style: { position: 'relative', width: 26, height: 26 }, children: [_jsx("svg", { className: "gimbal-outer-ring", width: "100%", height: "100%", viewBox: "0 0 26 26", style: {
|
|
26
30
|
position: 'absolute',
|
|
27
31
|
top: 0,
|
|
@@ -36,10 +40,11 @@ export class GimbalWidget extends Widget {
|
|
|
36
40
|
render(ui, rootElement);
|
|
37
41
|
}
|
|
38
42
|
onViewportChange(viewport) {
|
|
43
|
+
this.viewports[viewport.id] = viewport;
|
|
39
44
|
this.updateHTML();
|
|
40
45
|
}
|
|
41
|
-
resetOrbitView() {
|
|
42
|
-
const viewId = this.getViewId();
|
|
46
|
+
resetOrbitView(viewport) {
|
|
47
|
+
const viewId = this.getViewId(viewport);
|
|
43
48
|
const viewState = this.getViewState(viewId);
|
|
44
49
|
if ('rotationOrbit' in viewState || 'rotationX' in viewState) {
|
|
45
50
|
const nextViewState = {
|
|
@@ -55,8 +60,8 @@ export class GimbalWidget extends Widget {
|
|
|
55
60
|
this.deck._onViewStateChange({ viewId, viewState: nextViewState, interactionState: {} });
|
|
56
61
|
}
|
|
57
62
|
}
|
|
58
|
-
getNormalizedRotation() {
|
|
59
|
-
const viewState = this.getViewState(this.getViewId());
|
|
63
|
+
getNormalizedRotation(viewport) {
|
|
64
|
+
const viewState = this.getViewState(this.getViewId(viewport));
|
|
60
65
|
const [rz, rx] = this.getRotation(viewState);
|
|
61
66
|
const rotationOrbit = normalizeAndClampAngle(rz);
|
|
62
67
|
const rotationX = normalizeAndClampAngle(rx);
|
|
@@ -69,8 +74,8 @@ export class GimbalWidget extends Widget {
|
|
|
69
74
|
return [0, 0];
|
|
70
75
|
}
|
|
71
76
|
// Move to Widget/WidgetManager?
|
|
72
|
-
getViewId() {
|
|
73
|
-
const viewId = this.viewId || 'OrbitView';
|
|
77
|
+
getViewId(viewport) {
|
|
78
|
+
const viewId = this.viewId || viewport?.id || 'OrbitView';
|
|
74
79
|
return viewId;
|
|
75
80
|
}
|
|
76
81
|
getViewState(viewId) {
|
|
@@ -91,7 +96,7 @@ GimbalWidget.defaultProps = {
|
|
|
91
96
|
...Widget.defaultProps,
|
|
92
97
|
id: 'gimbal',
|
|
93
98
|
placement: 'top-left',
|
|
94
|
-
viewId:
|
|
99
|
+
viewId: null,
|
|
95
100
|
label: 'Gimbal',
|
|
96
101
|
strokeWidth: 1.5,
|
|
97
102
|
transitionDuration: 200
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gimbal-widget.js","sourceRoot":"","sources":["../src/gimbal-widget.tsx"],"names":[],"mappings":";AAAA,UAAU;AACV,+BAA+B;AAC/B,oCAAoC;AAEpC,OAAO,EAAC,MAAM,EAAE,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAC;AAc9B,MAAM,OAAO,YAAa,SAAQ,MAAyB;IAezD,YAAY,QAA2B,EAAE;QACvC,KAAK,CAAC,KAAK,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;QAL1C,cAAS,GAAG,oBAAoB,CAAC;QACjC,cAAS,GAAoB,UAAU,CAAC;QACxC,
|
|
1
|
+
{"version":3,"file":"gimbal-widget.js","sourceRoot":"","sources":["../src/gimbal-widget.tsx"],"names":[],"mappings":"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"}
|