@deck.gl-community/widgets 9.2.5 → 9.3.1-alpha.0
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/README.md +11 -1
- package/dist/graph-widgets/_deprecate/long-press-button.d.ts.map +1 -0
- package/dist/graph-widgets/_deprecate/long-press-button.js.map +1 -0
- package/dist/graph-widgets/_deprecate/view-control-widget.d.ts.map +1 -0
- package/dist/graph-widgets/_deprecate/view-control-widget.js.map +1 -0
- package/dist/{widgets → graph-widgets}/long-press-button.d.ts +1 -0
- package/dist/graph-widgets/long-press-button.d.ts.map +1 -0
- package/dist/{widgets → graph-widgets}/long-press-button.js +1 -0
- package/dist/graph-widgets/long-press-button.js.map +1 -0
- package/dist/graph-widgets/long-press-controller.d.ts.map +1 -0
- package/dist/graph-widgets/long-press-controller.js.map +1 -0
- package/dist/{widgets → graph-widgets}/pan-widget.d.ts +3 -2
- package/dist/graph-widgets/pan-widget.d.ts.map +1 -0
- package/dist/{widgets → graph-widgets}/pan-widget.js +19 -15
- package/dist/graph-widgets/pan-widget.js.map +1 -0
- package/dist/{widgets → graph-widgets}/zoom-range-widget.d.ts +3 -3
- package/dist/graph-widgets/zoom-range-widget.d.ts.map +1 -0
- package/dist/{widgets → graph-widgets}/zoom-range-widget.js +24 -23
- package/dist/graph-widgets/zoom-range-widget.js.map +1 -0
- package/dist/html-overlay-widgets/html-cluster-widget.d.ts.map +1 -0
- package/dist/html-overlay-widgets/html-cluster-widget.js.map +1 -0
- package/dist/{widgets → html-overlay-widgets}/html-overlay-item.d.ts +1 -0
- package/dist/html-overlay-widgets/html-overlay-item.d.ts.map +1 -0
- package/dist/html-overlay-widgets/html-overlay-item.js.map +1 -0
- package/dist/{widgets → html-overlay-widgets}/html-overlay-widget.d.ts +8 -2
- package/dist/html-overlay-widgets/html-overlay-widget.d.ts.map +1 -0
- package/dist/{widgets → html-overlay-widgets}/html-overlay-widget.js +21 -7
- package/dist/html-overlay-widgets/html-overlay-widget.js.map +1 -0
- package/dist/{widgets → html-overlay-widgets}/html-tooltip-widget.d.ts +1 -0
- package/dist/html-overlay-widgets/html-tooltip-widget.d.ts.map +1 -0
- package/dist/html-overlay-widgets/html-tooltip-widget.js.map +1 -0
- package/dist/index.cjs +5119 -87
- package/dist/index.cjs.map +4 -4
- package/dist/index.d.ts +33 -12
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +27 -6
- package/dist/index.js.map +1 -1
- package/dist/keyboard-shortcuts/keyboard-shortcuts-manager.d.ts +18 -0
- package/dist/keyboard-shortcuts/keyboard-shortcuts-manager.d.ts.map +1 -0
- package/dist/keyboard-shortcuts/keyboard-shortcuts-manager.js +47 -0
- package/dist/keyboard-shortcuts/keyboard-shortcuts-manager.js.map +1 -0
- package/dist/keyboard-shortcuts/keyboard-shortcuts.d.ts +22 -0
- package/dist/keyboard-shortcuts/keyboard-shortcuts.d.ts.map +1 -0
- package/dist/keyboard-shortcuts/keyboard-shortcuts.js +83 -0
- package/dist/keyboard-shortcuts/keyboard-shortcuts.js.map +1 -0
- package/dist/lib/settings/settings.d.ts +17 -0
- package/dist/lib/settings/settings.d.ts.map +1 -0
- package/dist/lib/settings/settings.js +140 -0
- package/dist/lib/settings/settings.js.map +1 -0
- package/dist/ready-to-upstream-widgets/reset-view-widget.d.ts +21 -0
- package/dist/ready-to-upstream-widgets/reset-view-widget.d.ts.map +1 -0
- package/dist/ready-to-upstream-widgets/reset-view-widget.js +29 -0
- package/dist/ready-to-upstream-widgets/reset-view-widget.js.map +1 -0
- package/dist/widget-components/icon-button.d.ts +12 -0
- package/dist/widget-components/icon-button.d.ts.map +1 -0
- package/dist/widget-components/icon-button.js +12 -0
- package/dist/widget-components/icon-button.js.map +1 -0
- package/dist/widget-components/select-widget-component.d.ts +15 -0
- package/dist/widget-components/select-widget-component.d.ts.map +1 -0
- package/dist/widget-components/select-widget-component.js +229 -0
- package/dist/widget-components/select-widget-component.js.map +1 -0
- package/dist/widget-panels/box-widget.d.ts +43 -0
- package/dist/widget-panels/box-widget.d.ts.map +1 -0
- package/dist/widget-panels/box-widget.js +191 -0
- package/dist/widget-panels/box-widget.js.map +1 -0
- package/dist/widget-panels/box-widget.test.d.ts +2 -0
- package/dist/widget-panels/box-widget.test.d.ts.map +1 -0
- package/dist/widget-panels/box-widget.test.js +41 -0
- package/dist/widget-panels/box-widget.test.js.map +1 -0
- package/dist/widget-panels/full-screen-panel-widget.d.ts +33 -0
- package/dist/widget-panels/full-screen-panel-widget.d.ts.map +1 -0
- package/dist/widget-panels/full-screen-panel-widget.js +153 -0
- package/dist/widget-panels/full-screen-panel-widget.js.map +1 -0
- package/dist/widget-panels/full-screen-panel-widget.test.d.ts +2 -0
- package/dist/widget-panels/full-screen-panel-widget.test.d.ts.map +1 -0
- package/dist/widget-panels/full-screen-panel-widget.test.js +40 -0
- package/dist/widget-panels/full-screen-panel-widget.test.js.map +1 -0
- package/dist/widget-panels/heap-memory-widget.d.ts +26 -0
- package/dist/widget-panels/heap-memory-widget.d.ts.map +1 -0
- package/dist/widget-panels/heap-memory-widget.js +156 -0
- package/dist/widget-panels/heap-memory-widget.js.map +1 -0
- package/dist/widget-panels/keyboard-shortcuts-widget.d.ts +46 -0
- package/dist/widget-panels/keyboard-shortcuts-widget.d.ts.map +1 -0
- package/dist/widget-panels/keyboard-shortcuts-widget.js +301 -0
- package/dist/widget-panels/keyboard-shortcuts-widget.js.map +1 -0
- package/dist/widget-panels/modal-widget.d.ts +62 -0
- package/dist/widget-panels/modal-widget.d.ts.map +1 -0
- package/dist/widget-panels/modal-widget.js +309 -0
- package/dist/widget-panels/modal-widget.js.map +1 -0
- package/dist/widget-panels/modal-widget.test.d.ts +2 -0
- package/dist/widget-panels/modal-widget.test.d.ts.map +1 -0
- package/dist/widget-panels/modal-widget.test.js +103 -0
- package/dist/widget-panels/modal-widget.test.js.map +1 -0
- package/dist/widget-panels/omni-box-widget.d.ts +59 -0
- package/dist/widget-panels/omni-box-widget.d.ts.map +1 -0
- package/dist/widget-panels/omni-box-widget.js +562 -0
- package/dist/widget-panels/omni-box-widget.js.map +1 -0
- package/dist/widget-panels/omni-box-widget.test.d.ts +2 -0
- package/dist/widget-panels/omni-box-widget.test.d.ts.map +1 -0
- package/dist/widget-panels/omni-box-widget.test.js +49 -0
- package/dist/widget-panels/omni-box-widget.test.js.map +1 -0
- package/dist/widget-panels/reset-view-widget.d.ts +20 -0
- package/dist/widget-panels/reset-view-widget.d.ts.map +1 -0
- package/dist/widget-panels/reset-view-widget.js +28 -0
- package/dist/widget-panels/reset-view-widget.js.map +1 -0
- package/dist/widget-panels/settings-panel.d.ts +49 -0
- package/dist/widget-panels/settings-panel.d.ts.map +1 -0
- package/dist/widget-panels/settings-panel.js +263 -0
- package/dist/widget-panels/settings-panel.js.map +1 -0
- package/dist/widget-panels/settings-panel.test.d.ts +2 -0
- package/dist/widget-panels/settings-panel.test.d.ts.map +1 -0
- package/dist/widget-panels/settings-panel.test.js +217 -0
- package/dist/widget-panels/settings-panel.test.js.map +1 -0
- package/dist/widget-panels/sidebar-widget.d.ts +65 -0
- package/dist/widget-panels/sidebar-widget.d.ts.map +1 -0
- package/dist/widget-panels/sidebar-widget.js +339 -0
- package/dist/widget-panels/sidebar-widget.js.map +1 -0
- package/dist/widget-panels/sidebar-widget.test.d.ts +2 -0
- package/dist/widget-panels/sidebar-widget.test.d.ts.map +1 -0
- package/dist/widget-panels/sidebar-widget.test.js +175 -0
- package/dist/widget-panels/sidebar-widget.test.js.map +1 -0
- package/dist/widget-panels/stats-panel.d.ts +34 -0
- package/dist/widget-panels/stats-panel.d.ts.map +1 -0
- package/dist/widget-panels/stats-panel.js +61 -0
- package/dist/widget-panels/stats-panel.js.map +1 -0
- package/dist/widget-panels/stats-panel.test.d.ts +2 -0
- package/dist/widget-panels/stats-panel.test.d.ts.map +1 -0
- package/dist/widget-panels/stats-panel.test.js +36 -0
- package/dist/widget-panels/stats-panel.test.js.map +1 -0
- package/dist/widget-panels/text-editor-panel-monaco-runtime.d.ts +17 -0
- package/dist/widget-panels/text-editor-panel-monaco-runtime.d.ts.map +1 -0
- package/dist/widget-panels/text-editor-panel-monaco-runtime.js +69 -0
- package/dist/widget-panels/text-editor-panel-monaco-runtime.js.map +1 -0
- package/dist/widget-panels/text-editor-panel.d.ts +42 -0
- package/dist/widget-panels/text-editor-panel.d.ts.map +1 -0
- package/dist/widget-panels/text-editor-panel.js +249 -0
- package/dist/widget-panels/text-editor-panel.js.map +1 -0
- package/dist/widget-panels/text-editor-panel.test.d.ts +2 -0
- package/dist/widget-panels/text-editor-panel.test.d.ts.map +1 -0
- package/dist/widget-panels/text-editor-panel.test.js +393 -0
- package/dist/widget-panels/text-editor-panel.test.js.map +1 -0
- package/dist/widget-panels/time-measure-widget.d.ts +49 -0
- package/dist/widget-panels/time-measure-widget.d.ts.map +1 -0
- package/dist/widget-panels/time-measure-widget.js +351 -0
- package/dist/widget-panels/time-measure-widget.js.map +1 -0
- package/dist/widget-panels/toast-manager.d.ts +24 -0
- package/dist/widget-panels/toast-manager.d.ts.map +1 -0
- package/dist/widget-panels/toast-manager.js +96 -0
- package/dist/widget-panels/toast-manager.js.map +1 -0
- package/dist/widget-panels/toast-manager.test.d.ts +2 -0
- package/dist/widget-panels/toast-manager.test.d.ts.map +1 -0
- package/dist/widget-panels/toast-manager.test.js +75 -0
- package/dist/widget-panels/toast-manager.test.js.map +1 -0
- package/dist/widget-panels/toast-widget.d.ts +20 -0
- package/dist/widget-panels/toast-widget.d.ts.map +1 -0
- package/dist/widget-panels/toast-widget.js +207 -0
- package/dist/widget-panels/toast-widget.js.map +1 -0
- package/dist/widget-panels/toast-widget.test.d.ts +2 -0
- package/dist/widget-panels/toast-widget.test.d.ts.map +1 -0
- package/dist/widget-panels/toast-widget.test.js +81 -0
- package/dist/widget-panels/toast-widget.test.js.map +1 -0
- package/dist/widget-panels/toggle-widget.d.ts +34 -0
- package/dist/widget-panels/toggle-widget.d.ts.map +1 -0
- package/dist/widget-panels/toggle-widget.js +46 -0
- package/dist/widget-panels/toggle-widget.js.map +1 -0
- package/dist/widget-panels/toolbar-widget.d.ts +53 -0
- package/dist/widget-panels/toolbar-widget.d.ts.map +1 -0
- package/dist/widget-panels/toolbar-widget.js +160 -0
- package/dist/widget-panels/toolbar-widget.js.map +1 -0
- package/dist/widget-panels/toolbar-widget.test.d.ts +2 -0
- package/dist/widget-panels/toolbar-widget.test.d.ts.map +1 -0
- package/dist/widget-panels/toolbar-widget.test.js +105 -0
- package/dist/widget-panels/toolbar-widget.test.js.map +1 -0
- package/dist/widget-panels/widget-containers.d.ts +275 -0
- package/dist/widget-panels/widget-containers.d.ts.map +1 -0
- package/dist/widget-panels/widget-containers.js +761 -0
- package/dist/widget-panels/widget-containers.js.map +1 -0
- package/dist/widget-panels/widget-containers.test.d.ts +2 -0
- package/dist/widget-panels/widget-containers.test.d.ts.map +1 -0
- package/dist/widget-panels/widget-containers.test.js +337 -0
- package/dist/widget-panels/widget-containers.test.js.map +1 -0
- package/dist/widget-panels/y-zoom-widget.d.ts +66 -0
- package/dist/widget-panels/y-zoom-widget.d.ts.map +1 -0
- package/dist/widget-panels/y-zoom-widget.js +264 -0
- package/dist/widget-panels/y-zoom-widget.js.map +1 -0
- package/dist/widget-panels/y-zoom-widget.test.d.ts +2 -0
- package/dist/widget-panels/y-zoom-widget.test.d.ts.map +1 -0
- package/dist/widget-panels/y-zoom-widget.test.js +71 -0
- package/dist/widget-panels/y-zoom-widget.test.js.map +1 -0
- package/dist/widgets/heap-memory-widget.d.ts +26 -0
- package/dist/widgets/heap-memory-widget.d.ts.map +1 -0
- package/dist/widgets/heap-memory-widget.js +158 -0
- package/dist/widgets/heap-memory-widget.js.map +1 -0
- package/dist/widgets/keyboard-shortcuts-widget.d.ts +28 -0
- package/dist/widgets/keyboard-shortcuts-widget.d.ts.map +1 -0
- package/dist/widgets/keyboard-shortcuts-widget.js +125 -0
- package/dist/widgets/keyboard-shortcuts-widget.js.map +1 -0
- package/dist/widgets/omni-box-widget.d.ts +59 -0
- package/dist/widgets/omni-box-widget.d.ts.map +1 -0
- package/dist/widgets/omni-box-widget.js +493 -0
- package/dist/widgets/omni-box-widget.js.map +1 -0
- package/dist/widgets/settings-widget.d.ts +64 -0
- package/dist/widgets/settings-widget.d.ts.map +1 -0
- package/dist/widgets/settings-widget.js +148 -0
- package/dist/widgets/settings-widget.js.map +1 -0
- package/dist/widgets/view-manager-utils.d.ts +1 -1
- package/dist/widgets/view-manager-utils.d.ts.map +1 -1
- package/dist/widgets/view-manager-utils.js.map +1 -1
- package/package.json +4 -3
- package/src/{widgets → graph-widgets}/long-press-button.tsx +1 -0
- package/src/{widgets → graph-widgets}/pan-widget.tsx +30 -23
- package/src/{widgets → graph-widgets}/zoom-range-widget.tsx +36 -34
- package/src/{widgets → html-overlay-widgets}/html-overlay-item.tsx +1 -0
- package/src/{widgets → html-overlay-widgets}/html-overlay-widget.tsx +32 -9
- package/src/{widgets → html-overlay-widgets}/html-tooltip-widget.tsx +1 -0
- package/src/index.ts +109 -12
- package/src/keyboard-shortcuts/keyboard-shortcuts-manager.ts +58 -0
- package/src/keyboard-shortcuts/keyboard-shortcuts.ts +113 -0
- package/src/keyboard-shortcuts/keyboard-shortcuts.ts.disabled +107 -0
- package/src/lib/settings/settings.ts +203 -0
- package/src/ready-to-upstream-widgets/reset-view-widget.tsx +57 -0
- package/src/widget-components/icon-button.tsx +38 -0
- package/src/widget-components/select-widget-component.tsx +354 -0
- package/src/widget-panels/box-widget.test.tsx +50 -0
- package/src/widget-panels/box-widget.tsx +284 -0
- package/src/widget-panels/full-screen-panel-widget.test.tsx +49 -0
- package/src/widget-panels/full-screen-panel-widget.tsx +223 -0
- package/src/widget-panels/heap-memory-widget.tsx +221 -0
- package/src/widget-panels/keyboard-shortcuts-widget.tsx +511 -0
- package/src/widget-panels/modal-widget.test.tsx +124 -0
- package/src/widget-panels/modal-widget.tsx +464 -0
- package/src/widget-panels/omni-box-widget.test.tsx +59 -0
- package/src/widget-panels/omni-box-widget.tsx +849 -0
- package/src/widget-panels/reset-view-widget.tsx +56 -0
- package/src/widget-panels/settings-panel.test.tsx +286 -0
- package/src/widget-panels/settings-panel.tsx +619 -0
- package/src/widget-panels/sidebar-widget.test.tsx +215 -0
- package/src/widget-panels/sidebar-widget.tsx +525 -0
- package/src/widget-panels/stats-panel.test.tsx +41 -0
- package/src/widget-panels/stats-panel.tsx +108 -0
- package/src/widget-panels/text-editor-panel-monaco-runtime.ts +97 -0
- package/src/widget-panels/text-editor-panel.test.tsx +618 -0
- package/src/widget-panels/text-editor-panel.tsx +375 -0
- package/src/widget-panels/time-measure-widget.tsx +445 -0
- package/src/widget-panels/toast-manager.test.ts +98 -0
- package/src/widget-panels/toast-manager.ts +134 -0
- package/src/widget-panels/toast-widget.test.tsx +105 -0
- package/src/widget-panels/toast-widget.tsx +293 -0
- package/src/widget-panels/toggle-widget.tsx +93 -0
- package/src/widget-panels/toolbar-widget.test.ts +129 -0
- package/src/widget-panels/toolbar-widget.tsx +293 -0
- package/src/widget-panels/widget-containers.test.tsx +453 -0
- package/src/widget-panels/widget-containers.tsx +1330 -0
- package/src/widget-panels/worker-modules.d.ts +7 -0
- package/src/widget-panels/y-zoom-widget.test.tsx +101 -0
- package/src/widget-panels/y-zoom-widget.tsx +376 -0
- package/src/widgets/heap-memory-widget.tsx +223 -0
- package/src/widgets/keyboard-shortcuts-widget.tsx +245 -0
- package/src/widgets/omni-box-widget.tsx +768 -0
- package/src/widgets/settings-widget.tsx +277 -0
- package/src/widgets/view-manager-utils.ts +1 -1
- package/dist/_deprecate/long-press-button.d.ts.map +0 -1
- package/dist/_deprecate/long-press-button.js.map +0 -1
- package/dist/_deprecate/view-control-widget.d.ts.map +0 -1
- package/dist/_deprecate/view-control-widget.js.map +0 -1
- package/dist/widgets/html-cluster-widget.d.ts.map +0 -1
- package/dist/widgets/html-cluster-widget.js.map +0 -1
- package/dist/widgets/html-overlay-item.d.ts.map +0 -1
- package/dist/widgets/html-overlay-item.js.map +0 -1
- package/dist/widgets/html-overlay-widget.d.ts.map +0 -1
- package/dist/widgets/html-overlay-widget.js.map +0 -1
- package/dist/widgets/html-tooltip-widget.d.ts.map +0 -1
- package/dist/widgets/html-tooltip-widget.js.map +0 -1
- package/dist/widgets/long-press-button.d.ts.map +0 -1
- package/dist/widgets/long-press-button.js.map +0 -1
- package/dist/widgets/long-press-controller.d.ts.map +0 -1
- package/dist/widgets/long-press-controller.js.map +0 -1
- package/dist/widgets/pan-widget.d.ts.map +0 -1
- package/dist/widgets/pan-widget.js.map +0 -1
- package/dist/widgets/zoom-range-widget.d.ts.map +0 -1
- package/dist/widgets/zoom-range-widget.js.map +0 -1
- /package/dist/{_deprecate → graph-widgets/_deprecate}/long-press-button.d.ts +0 -0
- /package/dist/{_deprecate → graph-widgets/_deprecate}/long-press-button.js +0 -0
- /package/dist/{_deprecate → graph-widgets/_deprecate}/view-control-widget.d.ts +0 -0
- /package/dist/{_deprecate → graph-widgets/_deprecate}/view-control-widget.js +0 -0
- /package/dist/{widgets → graph-widgets}/long-press-controller.d.ts +0 -0
- /package/dist/{widgets → graph-widgets}/long-press-controller.js +0 -0
- /package/dist/{widgets → html-overlay-widgets}/html-cluster-widget.d.ts +0 -0
- /package/dist/{widgets → html-overlay-widgets}/html-cluster-widget.js +0 -0
- /package/dist/{widgets → html-overlay-widgets}/html-overlay-item.js +0 -0
- /package/dist/{widgets → html-overlay-widgets}/html-tooltip-widget.js +0 -0
- /package/src/{_deprecate → graph-widgets/_deprecate}/long-press-button.tsx +0 -0
- /package/src/{_deprecate → graph-widgets/_deprecate}/view-control-widget.tsx +0 -0
- /package/src/{widgets → graph-widgets}/long-press-controller.ts +0 -0
- /package/src/{widgets → html-overlay-widgets}/html-cluster-widget.ts +0 -0
|
@@ -0,0 +1,264 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
|
|
2
|
+
/** @jsxImportSource preact */
|
|
3
|
+
import { OrthographicViewport, Widget } from '@deck.gl/core';
|
|
4
|
+
import { render } from 'preact';
|
|
5
|
+
import { IconButton, makeTextIcon } from "../widget-components/icon-button.js";
|
|
6
|
+
const DEFAULT_ZOOM_LIMITS = { min: -20, max: 20 };
|
|
7
|
+
const WRAPPER_STYLE = {
|
|
8
|
+
display: 'flex',
|
|
9
|
+
flexDirection: 'column',
|
|
10
|
+
alignItems: 'center',
|
|
11
|
+
gap: '4px',
|
|
12
|
+
background: 'var(--button-background)',
|
|
13
|
+
border: '1px solid var(--button-stroke)',
|
|
14
|
+
boxShadow: 'var(--button-shadow)',
|
|
15
|
+
borderRadius: 'var(--button-corner-radius)',
|
|
16
|
+
margin: 'var(--widget-margin) 0',
|
|
17
|
+
padding: '4px 2px',
|
|
18
|
+
width: 'var(--button-size)',
|
|
19
|
+
boxSizing: 'border-box',
|
|
20
|
+
userSelect: 'none',
|
|
21
|
+
pointerEvents: 'auto'
|
|
22
|
+
};
|
|
23
|
+
const ZOOM_BUTTON_STYLE = {
|
|
24
|
+
boxShadow: 'none'
|
|
25
|
+
};
|
|
26
|
+
const SLIDER_CONTAINER_STYLE = {
|
|
27
|
+
display: 'flex',
|
|
28
|
+
alignItems: 'stretch',
|
|
29
|
+
height: '120px',
|
|
30
|
+
padding: '2px 0'
|
|
31
|
+
};
|
|
32
|
+
const VERTICAL_SLIDER_STYLE = {
|
|
33
|
+
writingMode: 'vertical-lr',
|
|
34
|
+
height: '120px',
|
|
35
|
+
width: '14px',
|
|
36
|
+
margin: 0,
|
|
37
|
+
padding: 0
|
|
38
|
+
};
|
|
39
|
+
function cloneViewState(viewState) {
|
|
40
|
+
return viewState && typeof viewState === 'object'
|
|
41
|
+
? { ...viewState }
|
|
42
|
+
: {};
|
|
43
|
+
}
|
|
44
|
+
function hasViewManager(deck) {
|
|
45
|
+
return Boolean(deck.viewManager);
|
|
46
|
+
}
|
|
47
|
+
function stopEventPropagation(event) {
|
|
48
|
+
event.stopPropagation();
|
|
49
|
+
if (typeof event.stopImmediatePropagation ===
|
|
50
|
+
'function') {
|
|
51
|
+
event.stopImmediatePropagation();
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
function getZoomLimitForAxis(limit, axisIndex) {
|
|
55
|
+
if (Array.isArray(limit)) {
|
|
56
|
+
const [x, y] = limit;
|
|
57
|
+
return axisIndex === 0 ? x : (y ?? x);
|
|
58
|
+
}
|
|
59
|
+
return typeof limit === 'number' && Number.isFinite(limit) ? limit : undefined;
|
|
60
|
+
}
|
|
61
|
+
function clamp(value, min, max) {
|
|
62
|
+
if (value < min)
|
|
63
|
+
return min;
|
|
64
|
+
if (value > max)
|
|
65
|
+
return max;
|
|
66
|
+
return value;
|
|
67
|
+
}
|
|
68
|
+
export class YZoomWidget extends Widget {
|
|
69
|
+
static defaultProps = {
|
|
70
|
+
...Widget.defaultProps,
|
|
71
|
+
id: 'y-zoom',
|
|
72
|
+
viewId: null,
|
|
73
|
+
targetViewId: null,
|
|
74
|
+
placement: 'top-left',
|
|
75
|
+
minZoom: undefined,
|
|
76
|
+
maxZoom: undefined,
|
|
77
|
+
step: 0.1
|
|
78
|
+
};
|
|
79
|
+
placement = 'top-left';
|
|
80
|
+
className = 'deck-widget-y-zoom';
|
|
81
|
+
step;
|
|
82
|
+
currentZoom = 0;
|
|
83
|
+
inferredMinZoom = null;
|
|
84
|
+
inferredMaxZoom = null;
|
|
85
|
+
lastRenderedZoomState = null;
|
|
86
|
+
constructor(props = {}) {
|
|
87
|
+
super({ ...YZoomWidget.defaultProps, ...props });
|
|
88
|
+
this.viewId = props.viewId ?? null;
|
|
89
|
+
this.placement = props.placement ?? 'top-left';
|
|
90
|
+
this.step = props.step ?? YZoomWidget.defaultProps.step;
|
|
91
|
+
}
|
|
92
|
+
setProps(props) {
|
|
93
|
+
if (props.viewId !== undefined) {
|
|
94
|
+
this.viewId = props.viewId;
|
|
95
|
+
}
|
|
96
|
+
if (props.placement !== undefined) {
|
|
97
|
+
this.placement = props.placement;
|
|
98
|
+
}
|
|
99
|
+
if (props.step !== undefined) {
|
|
100
|
+
this.step = props.step;
|
|
101
|
+
}
|
|
102
|
+
super.setProps(props);
|
|
103
|
+
}
|
|
104
|
+
onAdd({ deck, viewId }) {
|
|
105
|
+
this.deck = deck;
|
|
106
|
+
if (this.viewId === undefined) {
|
|
107
|
+
this.viewId = viewId;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
onRemove() {
|
|
111
|
+
this.deck = undefined;
|
|
112
|
+
}
|
|
113
|
+
onRenderHTML(rootElement) {
|
|
114
|
+
const { minZoom, maxZoom, clampedZoom } = this.getRenderedZoomState();
|
|
115
|
+
this.lastRenderedZoomState = { minZoom, maxZoom, clampedZoom };
|
|
116
|
+
const handleInput = (event) => {
|
|
117
|
+
stopEventPropagation(event);
|
|
118
|
+
this.handleZoomTo(Number(event.target.value));
|
|
119
|
+
};
|
|
120
|
+
const addVerticalOrient = (element) => {
|
|
121
|
+
element?.setAttribute('orient', 'vertical');
|
|
122
|
+
};
|
|
123
|
+
const stopPointerPropagation = (event) => {
|
|
124
|
+
stopEventPropagation(event);
|
|
125
|
+
};
|
|
126
|
+
const stopWheelPropagation = (event) => {
|
|
127
|
+
stopEventPropagation(event);
|
|
128
|
+
};
|
|
129
|
+
const stopMousePropagation = (event) => {
|
|
130
|
+
stopEventPropagation(event);
|
|
131
|
+
};
|
|
132
|
+
render(_jsxs("div", { className: "deck-widget-button-group", style: WRAPPER_STYLE, children: [_jsx(IconButton, { icon: makeTextIcon('—'), style: ZOOM_BUTTON_STYLE, title: "zoom out", onClick: () => this.handleZoomDelta(-this.step) }), _jsx("div", { style: SLIDER_CONTAINER_STYLE, onPointerDown: stopPointerPropagation, onPointerMove: stopPointerPropagation, onPointerUp: stopPointerPropagation, onWheel: stopWheelPropagation, onMouseDown: stopMousePropagation, onMouseMove: stopMousePropagation, onMouseUp: stopMousePropagation, children: _jsx("input", { ref: addVerticalOrient, type: "range", min: String(minZoom), max: String(maxZoom), step: String(this.step), value: String(clampedZoom), "aria-label": "Adjust Y-axis zoom", style: VERTICAL_SLIDER_STYLE, onInput: handleInput, onChange: handleInput, onPointerDown: stopPointerPropagation, onPointerMove: stopPointerPropagation, onPointerUp: stopPointerPropagation, onWheel: stopWheelPropagation, onMouseDown: stopMousePropagation, onMouseMove: stopMousePropagation, onMouseUp: stopMousePropagation }) }), _jsx(IconButton, { icon: makeTextIcon('+'), style: ZOOM_BUTTON_STYLE, title: "zoom in", onClick: () => this.handleZoomDelta(this.step) })] }), rootElement);
|
|
133
|
+
}
|
|
134
|
+
onViewportChange(viewport) {
|
|
135
|
+
const targetViewId = this.props.targetViewId ?? this.viewId;
|
|
136
|
+
if (targetViewId && targetViewId !== viewport.id)
|
|
137
|
+
return;
|
|
138
|
+
const viewState = this.getViewportViewState(viewport);
|
|
139
|
+
const zoomY = viewport.zoomY;
|
|
140
|
+
this.currentZoom = zoomY;
|
|
141
|
+
if (this.props.minZoom === undefined) {
|
|
142
|
+
const minZoom = getZoomLimitForAxis(viewState.minZoom, 1);
|
|
143
|
+
if (Number.isFinite(minZoom)) {
|
|
144
|
+
this.inferredMinZoom = minZoom;
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
if (this.props.maxZoom === undefined) {
|
|
148
|
+
const maxZoom = getZoomLimitForAxis(viewState.maxZoom, 1);
|
|
149
|
+
if (Number.isFinite(maxZoom)) {
|
|
150
|
+
this.inferredMaxZoom = maxZoom;
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
this.updateHTMLIfRenderedStateChanged();
|
|
154
|
+
}
|
|
155
|
+
/**
|
|
156
|
+
* Returns the effective min/max bounds and the clamped zoom value currently shown in the slider.
|
|
157
|
+
*/
|
|
158
|
+
getRenderedZoomState() {
|
|
159
|
+
const { minZoom, maxZoom } = this.getZoomBounds();
|
|
160
|
+
return {
|
|
161
|
+
minZoom,
|
|
162
|
+
maxZoom,
|
|
163
|
+
clampedZoom: clamp(this.currentZoom, minZoom, maxZoom)
|
|
164
|
+
};
|
|
165
|
+
}
|
|
166
|
+
/**
|
|
167
|
+
* Re-renders the widget only when the displayed slider state changed.
|
|
168
|
+
*/
|
|
169
|
+
updateHTMLIfRenderedStateChanged() {
|
|
170
|
+
const nextState = this.getRenderedZoomState();
|
|
171
|
+
const previousState = this.lastRenderedZoomState;
|
|
172
|
+
if (previousState &&
|
|
173
|
+
previousState.clampedZoom === nextState.clampedZoom &&
|
|
174
|
+
previousState.minZoom === nextState.minZoom &&
|
|
175
|
+
previousState.maxZoom === nextState.maxZoom) {
|
|
176
|
+
return;
|
|
177
|
+
}
|
|
178
|
+
this.lastRenderedZoomState = nextState;
|
|
179
|
+
this.updateHTML();
|
|
180
|
+
}
|
|
181
|
+
/**
|
|
182
|
+
* Resolves the slider min/max bounds from explicit props or inferred viewport limits.
|
|
183
|
+
*/
|
|
184
|
+
getZoomBounds() {
|
|
185
|
+
const minZoom = this.props.minZoom ?? this.inferredMinZoom ?? Number.NEGATIVE_INFINITY;
|
|
186
|
+
const maxZoom = this.props.maxZoom ?? this.inferredMaxZoom ?? Number.POSITIVE_INFINITY;
|
|
187
|
+
if (minZoom > maxZoom) {
|
|
188
|
+
return { minZoom: maxZoom, maxZoom: minZoom };
|
|
189
|
+
}
|
|
190
|
+
return {
|
|
191
|
+
minZoom: Number.isFinite(minZoom) ? minZoom : DEFAULT_ZOOM_LIMITS.min,
|
|
192
|
+
maxZoom: Number.isFinite(maxZoom) ? maxZoom : DEFAULT_ZOOM_LIMITS.max
|
|
193
|
+
};
|
|
194
|
+
}
|
|
195
|
+
getTargetViewports() {
|
|
196
|
+
const deck = this.deck;
|
|
197
|
+
if (!deck) {
|
|
198
|
+
return [];
|
|
199
|
+
}
|
|
200
|
+
if (this.viewId) {
|
|
201
|
+
if (hasViewManager(deck)) {
|
|
202
|
+
const viewport = deck.viewManager?.getViewport(this.props.targetViewId ?? this.viewId);
|
|
203
|
+
return viewport ? [viewport] : [];
|
|
204
|
+
}
|
|
205
|
+
return [];
|
|
206
|
+
}
|
|
207
|
+
return deck.getViewports();
|
|
208
|
+
}
|
|
209
|
+
getViewportViewState(viewport) {
|
|
210
|
+
const deck = this.deck;
|
|
211
|
+
const viewManager = deck && hasViewManager(deck) ? deck.viewManager : null;
|
|
212
|
+
const viewId = this.viewId || viewport.id;
|
|
213
|
+
if (viewManager) {
|
|
214
|
+
try {
|
|
215
|
+
return { ...viewManager.getViewState(viewId) };
|
|
216
|
+
}
|
|
217
|
+
catch (err) {
|
|
218
|
+
return cloneViewState(viewManager.viewState);
|
|
219
|
+
}
|
|
220
|
+
}
|
|
221
|
+
return cloneViewState(viewport);
|
|
222
|
+
}
|
|
223
|
+
handleZoomDelta(delta) {
|
|
224
|
+
const { minZoom, maxZoom } = this.getZoomBounds();
|
|
225
|
+
for (const viewport of this.getTargetViewports()) {
|
|
226
|
+
const zoomY = viewport.zoomY;
|
|
227
|
+
const nextZoom = clamp(zoomY + delta, minZoom, maxZoom);
|
|
228
|
+
this.updateViewState(viewport, nextZoom);
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
handleZoomTo(zoom) {
|
|
232
|
+
const { minZoom, maxZoom } = this.getZoomBounds();
|
|
233
|
+
const nextZoom = clamp(zoom, minZoom, maxZoom);
|
|
234
|
+
for (const viewport of this.getTargetViewports()) {
|
|
235
|
+
this.updateViewState(viewport, nextZoom);
|
|
236
|
+
}
|
|
237
|
+
}
|
|
238
|
+
updateViewState(viewport, nextZoomY) {
|
|
239
|
+
if (!this.deck) {
|
|
240
|
+
return;
|
|
241
|
+
}
|
|
242
|
+
const { contentBounds } = this.props;
|
|
243
|
+
const viewState = this.getViewportViewState(viewport);
|
|
244
|
+
const zoomX = viewport.zoomX;
|
|
245
|
+
const newViewState = { ...viewState, zoom: [zoomX, nextZoomY] };
|
|
246
|
+
if (contentBounds) {
|
|
247
|
+
const targetY = viewport.target?.[1] ?? 0;
|
|
248
|
+
const minY = contentBounds[0][1];
|
|
249
|
+
const maxY = contentBounds[1][1];
|
|
250
|
+
if (targetY < minY || targetY > maxY) {
|
|
251
|
+
const nextViewport = new OrthographicViewport({ ...viewport, zoomY: nextZoomY });
|
|
252
|
+
const anchor = [contentBounds[0][0], Math.max(minY, Math.min(maxY, targetY))];
|
|
253
|
+
const anchorPixels = viewport.project(anchor);
|
|
254
|
+
newViewState.target = nextViewport.panByPosition(anchor, anchorPixels).target;
|
|
255
|
+
}
|
|
256
|
+
}
|
|
257
|
+
const viewId = this.viewId || viewport.id || 'default-view';
|
|
258
|
+
this.currentZoom = nextZoomY;
|
|
259
|
+
this.updateHTMLIfRenderedStateChanged();
|
|
260
|
+
// @ts-expect-error Using private method until a public alternative is available
|
|
261
|
+
this.deck._onViewStateChange({ viewId, viewState: newViewState, interactionState: {} });
|
|
262
|
+
}
|
|
263
|
+
}
|
|
264
|
+
//# sourceMappingURL=y-zoom-widget.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"y-zoom-widget.js","sourceRoot":"","sources":["../../src/widget-panels/y-zoom-widget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"y-zoom-widget.test.d.ts","sourceRoot":"","sources":["../../src/widget-panels/y-zoom-widget.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { afterEach, describe, expect, it, vi } from 'vitest';
|
|
2
|
+
import { YZoomWidget } from "./y-zoom-widget.js";
|
|
3
|
+
/**
|
|
4
|
+
* Creates a minimal orthographic viewport-shaped object for widget tests.
|
|
5
|
+
*/
|
|
6
|
+
function createViewport(options = {}) {
|
|
7
|
+
return {
|
|
8
|
+
id: options.id ?? 'main',
|
|
9
|
+
zoomY: options.zoomY ?? 0,
|
|
10
|
+
zoomX: options.zoomX ?? 0,
|
|
11
|
+
minZoom: options.minZoom,
|
|
12
|
+
maxZoom: options.maxZoom,
|
|
13
|
+
target: options.target ?? [0, 0, 0]
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Builds a widget instance with a spyable HTML update path.
|
|
18
|
+
*/
|
|
19
|
+
function createWidget(props = {}) {
|
|
20
|
+
const widget = new YZoomWidget(props);
|
|
21
|
+
const updateHTMLSpy = vi.spyOn(widget, 'updateHTML').mockImplementation(() => undefined);
|
|
22
|
+
return { widget, updateHTMLSpy };
|
|
23
|
+
}
|
|
24
|
+
afterEach(() => {
|
|
25
|
+
vi.restoreAllMocks();
|
|
26
|
+
document.body.innerHTML = '';
|
|
27
|
+
});
|
|
28
|
+
describe('YZoomWidget', () => {
|
|
29
|
+
it('does not re-render for viewport updates when Y zoom and bounds are unchanged', () => {
|
|
30
|
+
const { widget, updateHTMLSpy } = createWidget();
|
|
31
|
+
const viewport = createViewport({ zoomY: 2, minZoom: [-5, -3], maxZoom: [5, 4] });
|
|
32
|
+
widget.onViewportChange(viewport);
|
|
33
|
+
widget.onViewportChange(viewport);
|
|
34
|
+
expect(updateHTMLSpy).toHaveBeenCalledTimes(1);
|
|
35
|
+
});
|
|
36
|
+
it('re-renders when Y zoom changes', () => {
|
|
37
|
+
const { widget, updateHTMLSpy } = createWidget();
|
|
38
|
+
widget.onViewportChange(createViewport({ zoomY: 1, minZoom: [-5, -3], maxZoom: [5, 4] }));
|
|
39
|
+
widget.onViewportChange(createViewport({ zoomY: 2, minZoom: [-5, -3], maxZoom: [5, 4] }));
|
|
40
|
+
expect(updateHTMLSpy).toHaveBeenCalledTimes(2);
|
|
41
|
+
});
|
|
42
|
+
it('re-renders when effective zoom bounds change without changing Y zoom', () => {
|
|
43
|
+
const { widget, updateHTMLSpy } = createWidget();
|
|
44
|
+
widget.onViewportChange(createViewport({ zoomY: 1, minZoom: [-5, -3], maxZoom: [5, 4] }));
|
|
45
|
+
widget.onViewportChange(createViewport({ zoomY: 1, minZoom: [-5, -2], maxZoom: [5, 4] }));
|
|
46
|
+
expect(updateHTMLSpy).toHaveBeenCalledTimes(2);
|
|
47
|
+
});
|
|
48
|
+
it('only re-renders once across repeated identical viewport updates', () => {
|
|
49
|
+
const { widget, updateHTMLSpy } = createWidget();
|
|
50
|
+
const viewport = createViewport({ zoomY: 1.5, minZoom: [-5, -3], maxZoom: [5, 4] });
|
|
51
|
+
widget.onViewportChange(viewport);
|
|
52
|
+
widget.onViewportChange(viewport);
|
|
53
|
+
widget.onViewportChange(viewport);
|
|
54
|
+
expect(updateHTMLSpy).toHaveBeenCalledTimes(1);
|
|
55
|
+
});
|
|
56
|
+
it('does not double re-render when a widget-driven zoom is followed by the matching viewport callback', () => {
|
|
57
|
+
const { widget, updateHTMLSpy } = createWidget();
|
|
58
|
+
const viewport = createViewport({ zoomY: 1, zoomX: 0, minZoom: [-5, -3], maxZoom: [5, 4] });
|
|
59
|
+
const deck = {
|
|
60
|
+
_onViewStateChange: vi.fn()
|
|
61
|
+
};
|
|
62
|
+
widget.deck = deck;
|
|
63
|
+
widget.onViewportChange(viewport);
|
|
64
|
+
updateHTMLSpy.mockClear();
|
|
65
|
+
widget.updateViewState(viewport, 2);
|
|
66
|
+
widget.onViewportChange(createViewport({ zoomY: 2, zoomX: 0, minZoom: [-5, -3], maxZoom: [5, 4] }));
|
|
67
|
+
expect(updateHTMLSpy).toHaveBeenCalledTimes(1);
|
|
68
|
+
expect(deck._onViewStateChange).toHaveBeenCalledTimes(1);
|
|
69
|
+
});
|
|
70
|
+
});
|
|
71
|
+
//# sourceMappingURL=y-zoom-widget.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"y-zoom-widget.test.js","sourceRoot":"","sources":["../../src/widget-panels/y-zoom-widget.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAC,MAAM,QAAQ,CAAC;AAE3D,OAAO,EAAC,WAAW,EAAC,2BAAwB;AAW5C;;GAEG;AACH,SAAS,cAAc,CAAC,UAA+B,EAAE;IACvD,OAAO;QACL,EAAE,EAAE,OAAO,CAAC,EAAE,IAAI,MAAM;QACxB,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;QACzB,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;QACzB,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;KAC7B,CAAC;AACX,CAAC;AAED;;GAEG;AACH,SAAS,YAAY,CAAC,QAAsD,EAAE;IAC5E,MAAM,MAAM,GAAG,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,aAAa,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;IACzF,OAAO,EAAC,MAAM,EAAE,aAAa,EAAC,CAAC;AACjC,CAAC;AAED,SAAS,CAAC,GAAG,EAAE;IACb,EAAE,CAAC,eAAe,EAAE,CAAC;IACrB,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;AAC/B,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,8EAA8E,EAAE,GAAG,EAAE;QACtF,MAAM,EAAC,MAAM,EAAE,aAAa,EAAC,GAAG,YAAY,EAAE,CAAC;QAC/C,MAAM,QAAQ,GAAG,cAAc,CAAC,EAAC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAC,CAAC,CAAC;QAEhF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAClC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAElC,MAAM,CAAC,aAAa,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACxC,MAAM,EAAC,MAAM,EAAE,aAAa,EAAC,GAAG,YAAY,EAAE,CAAC;QAE/C,MAAM,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC;QACxF,MAAM,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC;QAExF,MAAM,CAAC,aAAa,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sEAAsE,EAAE,GAAG,EAAE;QAC9E,MAAM,EAAC,MAAM,EAAE,aAAa,EAAC,GAAG,YAAY,EAAE,CAAC;QAE/C,MAAM,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC;QACxF,MAAM,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC;QAExF,MAAM,CAAC,aAAa,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iEAAiE,EAAE,GAAG,EAAE;QACzE,MAAM,EAAC,MAAM,EAAE,aAAa,EAAC,GAAG,YAAY,EAAE,CAAC;QAC/C,MAAM,QAAQ,GAAG,cAAc,CAAC,EAAC,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAC,CAAC,CAAC;QAElF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAClC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAClC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAElC,MAAM,CAAC,aAAa,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mGAAmG,EAAE,GAAG,EAAE;QAC3G,MAAM,EAAC,MAAM,EAAE,aAAa,EAAC,GAAG,YAAY,EAAE,CAAC;QAC/C,MAAM,QAAQ,GAAG,cAAc,CAAC,EAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAC,CAAC,CAAC;QAC1F,MAAM,IAAI,GAAG;YACX,kBAAkB,EAAE,EAAE,CAAC,EAAE,EAAE;SACrB,CAAC;QAET,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;QACnB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAClC,aAAa,CAAC,SAAS,EAAE,CAAC;QAEzB,MAAc,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QAC7C,MAAM,CAAC,gBAAgB,CACrB,cAAc,CAAC,EAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAC,CAAC,CACzE,CAAC;QAEF,MAAM,CAAC,aAAa,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QAC/C,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/** @jsxImportSource preact */
|
|
2
|
+
import { Widget } from '@deck.gl/core';
|
|
3
|
+
import type { WidgetPlacement, WidgetProps } from '@deck.gl/core';
|
|
4
|
+
export type HeapMemoryWidgetProps = WidgetProps & {
|
|
5
|
+
placement?: WidgetPlacement;
|
|
6
|
+
/** How frequently to poll the heap usage, in milliseconds. */
|
|
7
|
+
pollIntervalMs?: number;
|
|
8
|
+
};
|
|
9
|
+
export declare class HeapMemoryWidget extends Widget<HeapMemoryWidgetProps> {
|
|
10
|
+
#private;
|
|
11
|
+
static defaultProps: {
|
|
12
|
+
id: string;
|
|
13
|
+
placement: "top-right";
|
|
14
|
+
pollIntervalMs: number;
|
|
15
|
+
style: Partial<CSSStyleDeclaration>;
|
|
16
|
+
className: string;
|
|
17
|
+
_container: string | HTMLDivElement | null;
|
|
18
|
+
};
|
|
19
|
+
placement: WidgetPlacement;
|
|
20
|
+
className: string;
|
|
21
|
+
constructor(props?: HeapMemoryWidgetProps);
|
|
22
|
+
setProps(props: Partial<HeapMemoryWidgetProps>): void;
|
|
23
|
+
onRenderHTML(rootElement: HTMLElement): void;
|
|
24
|
+
onRemove(): void;
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=heap-memory-widget.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"heap-memory-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/heap-memory-widget.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AAIrC,OAAO,KAAK,EAAC,eAAe,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAShE,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG;IAChD,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,8DAA8D;IAC9D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAwJF,qBAAa,gBAAiB,SAAQ,MAAM,CAAC,qBAAqB,CAAC;;IACjE,OAAgB,YAAY;;;;;;;MAOJ;IAExB,SAAS,EAAE,eAAe,CAA2C;IACrE,SAAS,SAA6B;gBAK1B,KAAK,GAAE,qBAA0B;IAUpC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,qBAAqB,CAAC,GAAG,IAAI;IAUrD,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAW5C,QAAQ,IAAI,IAAI;CAK1B"}
|
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
var _a;
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
|
|
3
|
+
/** @jsxImportSource preact */
|
|
4
|
+
import { Widget } from '@deck.gl/core';
|
|
5
|
+
import { render } from 'preact';
|
|
6
|
+
import { useEffect, useMemo, useState } from 'preact/hooks';
|
|
7
|
+
const DEFAULT_MEMORY_INFO = {
|
|
8
|
+
jsHeapSizeLimit: 0,
|
|
9
|
+
totalJSHeapSize: 0,
|
|
10
|
+
usedJSHeapSize: 0
|
|
11
|
+
};
|
|
12
|
+
function clampRatio(value) {
|
|
13
|
+
if (!Number.isFinite(value) || value <= 0) {
|
|
14
|
+
return 0;
|
|
15
|
+
}
|
|
16
|
+
if (value >= 1) {
|
|
17
|
+
return 1;
|
|
18
|
+
}
|
|
19
|
+
return value;
|
|
20
|
+
}
|
|
21
|
+
function formatGigabytesValue(bytes) {
|
|
22
|
+
if (!Number.isFinite(bytes)) {
|
|
23
|
+
return '0.00';
|
|
24
|
+
}
|
|
25
|
+
const gigabytes = bytes / 1024 / 1024 / 1024;
|
|
26
|
+
return gigabytes.toFixed(2);
|
|
27
|
+
}
|
|
28
|
+
function HeapMemoryWidgetView({ pollIntervalMs }) {
|
|
29
|
+
const [memoryInfo, setMemoryInfo] = useState(DEFAULT_MEMORY_INFO);
|
|
30
|
+
useEffect(() => {
|
|
31
|
+
let isMounted = true;
|
|
32
|
+
const updateMemory = () => {
|
|
33
|
+
if (!isMounted || typeof window === 'undefined') {
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
const memory = window.performance.memory;
|
|
37
|
+
if (!memory) {
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
setMemoryInfo({
|
|
41
|
+
jsHeapSizeLimit: memory.jsHeapSizeLimit ?? 0,
|
|
42
|
+
totalJSHeapSize: memory.totalJSHeapSize ?? 0,
|
|
43
|
+
usedJSHeapSize: memory.usedJSHeapSize ?? 0
|
|
44
|
+
});
|
|
45
|
+
};
|
|
46
|
+
updateMemory();
|
|
47
|
+
const interval = window.setInterval(updateMemory, Math.max(500, pollIntervalMs));
|
|
48
|
+
return () => {
|
|
49
|
+
isMounted = false;
|
|
50
|
+
window.clearInterval(interval);
|
|
51
|
+
};
|
|
52
|
+
}, [pollIntervalMs]);
|
|
53
|
+
const { jsHeapSizeLimit, totalJSHeapSize, usedJSHeapSize } = memoryInfo;
|
|
54
|
+
const { usedRatio, reservedRatio } = useMemo(() => {
|
|
55
|
+
const limit = jsHeapSizeLimit || 0;
|
|
56
|
+
if (!limit) {
|
|
57
|
+
return { usedRatio: 0, reservedRatio: 0 };
|
|
58
|
+
}
|
|
59
|
+
const used = clampRatio(usedJSHeapSize / limit);
|
|
60
|
+
const total = clampRatio(totalJSHeapSize / limit);
|
|
61
|
+
return {
|
|
62
|
+
usedRatio: used,
|
|
63
|
+
reservedRatio: Math.max(0, total - used)
|
|
64
|
+
};
|
|
65
|
+
}, [jsHeapSizeLimit, totalJSHeapSize, usedJSHeapSize]);
|
|
66
|
+
const gradient = useMemo(() => {
|
|
67
|
+
const usedColor = usedRatio < 0.5
|
|
68
|
+
? 'rgba(107, 114, 128, 0.55)'
|
|
69
|
+
: usedRatio < 0.8
|
|
70
|
+
? 'rgba(234, 179, 8, 0.6)'
|
|
71
|
+
: 'rgba(239, 68, 68, 0.7)';
|
|
72
|
+
const reservedColor = 'rgba(148, 163, 184, 0.35)';
|
|
73
|
+
const remainingColor = 'rgba(226, 232, 240, 0.35)';
|
|
74
|
+
const usedPercent = (usedRatio * 100).toFixed(2);
|
|
75
|
+
const reservedEnd = ((usedRatio + reservedRatio) * 100).toFixed(2);
|
|
76
|
+
return `linear-gradient(90deg, ${usedColor} 0%, ${usedColor} ${usedPercent}%, ${reservedColor} ${usedPercent}%, ${reservedColor} ${reservedEnd}%, ${remainingColor} ${reservedEnd}%, ${remainingColor} 100%)`;
|
|
77
|
+
}, [reservedRatio, usedRatio]);
|
|
78
|
+
const hasMemoryInfo = jsHeapSizeLimit > 0;
|
|
79
|
+
const valueText = hasMemoryInfo ? formatGigabytesValue(usedJSHeapSize) : 'N/A';
|
|
80
|
+
const title = hasMemoryInfo ? `Heap Size: ${valueText}GB` : 'Heap Size unavailable';
|
|
81
|
+
const buttonStyle = {
|
|
82
|
+
position: 'relative',
|
|
83
|
+
padding: 0,
|
|
84
|
+
borderRadius: 'var(--button-corner-radius)',
|
|
85
|
+
backgroundImage: gradient,
|
|
86
|
+
backgroundColor: 'var(--button-background)',
|
|
87
|
+
color: 'var(--deck-widget-text-color, #111827)',
|
|
88
|
+
border: '1px solid var(--button-stroke)',
|
|
89
|
+
boxShadow: 'var(--button-shadow)',
|
|
90
|
+
overflow: 'hidden',
|
|
91
|
+
display: 'flex',
|
|
92
|
+
alignItems: 'center',
|
|
93
|
+
justifyContent: 'center',
|
|
94
|
+
flexDirection: 'column',
|
|
95
|
+
gap: '0px',
|
|
96
|
+
fontSize: '10px',
|
|
97
|
+
fontWeight: 700,
|
|
98
|
+
userSelect: 'none',
|
|
99
|
+
backgroundRepeat: 'no-repeat',
|
|
100
|
+
backgroundSize: '100% 100%',
|
|
101
|
+
width: '100%',
|
|
102
|
+
height: '100%'
|
|
103
|
+
};
|
|
104
|
+
return (_jsx("div", { className: "deck-widget-button", children: _jsxs("button", { className: "deck-widget-icon-button deck-widget-heap-memory", type: "button", title: title, "aria-label": "Heap size", style: buttonStyle, children: [_jsx("span", { style: {
|
|
105
|
+
lineHeight: 1.05,
|
|
106
|
+
fontSize: '10px',
|
|
107
|
+
textShadow: '0 1px 1px rgba(255, 255, 255, 0.35)'
|
|
108
|
+
}, children: valueText }), _jsx("span", { style: {
|
|
109
|
+
lineHeight: 1,
|
|
110
|
+
fontSize: '9px',
|
|
111
|
+
textShadow: '0 1px 1px rgba(255, 255, 255, 0.35)'
|
|
112
|
+
}, children: "GB" })] }) }));
|
|
113
|
+
}
|
|
114
|
+
export class HeapMemoryWidget extends Widget {
|
|
115
|
+
static defaultProps = {
|
|
116
|
+
...Widget.defaultProps,
|
|
117
|
+
id: 'heap-memory',
|
|
118
|
+
placement: 'top-right',
|
|
119
|
+
pollIntervalMs: 2000
|
|
120
|
+
};
|
|
121
|
+
placement = _a.defaultProps.placement;
|
|
122
|
+
className = 'deck-widget-heap-memory';
|
|
123
|
+
#pollIntervalMs = _a.defaultProps.pollIntervalMs;
|
|
124
|
+
#rootElement = null;
|
|
125
|
+
constructor(props = {}) {
|
|
126
|
+
super({ ..._a.defaultProps, ...props });
|
|
127
|
+
if (props.placement !== undefined) {
|
|
128
|
+
this.placement = props.placement;
|
|
129
|
+
}
|
|
130
|
+
if (props.pollIntervalMs !== undefined) {
|
|
131
|
+
this.#pollIntervalMs = props.pollIntervalMs;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
setProps(props) {
|
|
135
|
+
if (props.placement !== undefined) {
|
|
136
|
+
this.placement = props.placement;
|
|
137
|
+
}
|
|
138
|
+
if (props.pollIntervalMs !== undefined) {
|
|
139
|
+
this.#pollIntervalMs = props.pollIntervalMs;
|
|
140
|
+
}
|
|
141
|
+
super.setProps(props);
|
|
142
|
+
}
|
|
143
|
+
onRenderHTML(rootElement) {
|
|
144
|
+
this.#rootElement = rootElement;
|
|
145
|
+
const className = ['deck-widget', this.className, this.props.className]
|
|
146
|
+
.filter(Boolean)
|
|
147
|
+
.join(' ');
|
|
148
|
+
rootElement.className = className;
|
|
149
|
+
render(_jsx(HeapMemoryWidgetView, { pollIntervalMs: this.#pollIntervalMs }), rootElement);
|
|
150
|
+
}
|
|
151
|
+
onRemove() {
|
|
152
|
+
if (this.#rootElement) {
|
|
153
|
+
render(null, this.#rootElement);
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
_a = HeapMemoryWidget;
|
|
158
|
+
//# sourceMappingURL=heap-memory-widget.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"heap-memory-widget.js","sourceRoot":"","sources":["../../src/widgets/heap-memory-widget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/** @jsxImportSource preact */
|
|
2
|
+
import { Widget } from '@deck.gl/core';
|
|
3
|
+
import type { KeyboardShortcut } from "../keyboard-shortcuts/keyboard-shortcuts.js";
|
|
4
|
+
import type { WidgetPlacement, WidgetProps } from '@deck.gl/core';
|
|
5
|
+
export type KeyboardShortcutsWidgetProps = WidgetProps & {
|
|
6
|
+
placement?: WidgetPlacement;
|
|
7
|
+
keyboardShortcuts: KeyboardShortcut[];
|
|
8
|
+
installShortcuts?: boolean;
|
|
9
|
+
};
|
|
10
|
+
export declare class KeyboardShortcutsWidget extends Widget<KeyboardShortcutsWidgetProps> {
|
|
11
|
+
#private;
|
|
12
|
+
static defaultProps: {
|
|
13
|
+
id: string;
|
|
14
|
+
placement: "top-left";
|
|
15
|
+
keyboardShortcuts: any[];
|
|
16
|
+
style: Partial<CSSStyleDeclaration>;
|
|
17
|
+
className: string;
|
|
18
|
+
_container: string | HTMLDivElement | null;
|
|
19
|
+
};
|
|
20
|
+
className: string;
|
|
21
|
+
placement: WidgetPlacement;
|
|
22
|
+
constructor(props: KeyboardShortcutsWidgetProps);
|
|
23
|
+
setProps(props: Partial<KeyboardShortcutsWidgetProps>): void;
|
|
24
|
+
onAdd(): void;
|
|
25
|
+
onRenderHTML(rootElement: HTMLElement): void;
|
|
26
|
+
onRemove(): void;
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=keyboard-shortcuts-widget.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"keyboard-shortcuts-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/keyboard-shortcuts-widget.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AAOrC,OAAO,KAAK,EAAC,gBAAgB,EAAC,oDAAiD;AAC/E,OAAO,KAAK,EAAC,eAAe,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAGhE,MAAM,MAAM,4BAA4B,GAAG,WAAW,GAAG;IACvD,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,qBAAa,uBAAwB,SAAQ,MAAM,CAAC,4BAA4B,CAAC;;IAC/E,OAAgB,YAAY;;;;;;;MAOG;IAE/B,SAAS,SAAmC;IAC5C,SAAS,EAAE,eAAe,CAAkD;gBAMhE,KAAK,EAAE,4BAA4B;IAQtC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,4BAA4B,CAAC,GAAG,IAAI;IAU5D,KAAK,IAAI,IAAI;IAYb,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAc5C,QAAQ,IAAI,IAAI;CAS1B"}
|