@deck.gl/widgets 9.2.0-beta.2 → 9.2.0-beta.4
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 +4 -1
- package/dist/context-menu-widget.js.map +1 -1
- package/dist/dist.dev.js +965 -900
- package/dist/fps-widget.d.ts +5 -6
- package/dist/fps-widget.d.ts.map +1 -1
- package/dist/fps-widget.js +14 -15
- 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 +3 -4
- 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 +685 -668
- 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 +14 -13
- 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 +7 -3
- package/src/fps-widget.tsx +26 -17
- package/src/fullscreen-widget.tsx +9 -3
- package/src/geocoder-widget.tsx +7 -7
- 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 +58 -15
- package/src/zoom-widget.tsx +8 -6
package/dist/scale-widget.d.ts
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
import type { WidgetPlacement, Viewport } from '@deck.gl/core';
|
|
2
|
-
import { Widget
|
|
1
|
+
import type { WidgetPlacement, Viewport, WidgetProps } from '@deck.gl/core';
|
|
2
|
+
import { Widget } from '@deck.gl/core';
|
|
3
3
|
export type ScaleWidgetProps = WidgetProps & {
|
|
4
|
+
/** Widget positioning within the view. Default 'bottom-left'. */
|
|
4
5
|
placement?: WidgetPlacement;
|
|
6
|
+
/** Label for the scale widget */
|
|
5
7
|
label?: string;
|
|
6
|
-
|
|
8
|
+
/** View to attach to and interact with. Required when using multiple views */
|
|
9
|
+
viewId?: string | null;
|
|
7
10
|
};
|
|
8
11
|
/**
|
|
9
12
|
* A scale widget that displays a Google Maps–like scale indicator.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scale-widget.d.ts","sourceRoot":"","sources":["../src/scale-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,eAAe,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"scale-widget.d.ts","sourceRoot":"","sources":["../src/scale-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,eAAe,EAAE,QAAQ,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAE1E,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AAErC,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,iEAAiE;IACjE,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB,CAAC;AAEF;;;;;;GAMG;AACH,qBAAa,WAAY,SAAQ,MAAM,CAAC,gBAAgB,CAAC;IACvD,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAM7C;IAEF,SAAS,SAAuB;IAChC,SAAS,EAAE,eAAe,CAAiB;IAG3C,UAAU,EAAE,MAAM,CAAM;IAExB,UAAU,EAAE,MAAM,CAAK;IAEvB,SAAS,EAAE,MAAM,CAAM;gBAEX,KAAK,GAAE,gBAAqB;IAKxC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAMhD,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAwD5C,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI;IAmB1C,WAAW,IAAI,IAAI;CACpB"}
|
package/dist/scale-widget.js
CHANGED
|
@@ -19,10 +19,11 @@ export class ScaleWidget extends Widget {
|
|
|
19
19
|
this.scaleValue = 0;
|
|
20
20
|
// The formatted distance label (e.g. "200 m" or "1.0 km")
|
|
21
21
|
this.scaleText = '';
|
|
22
|
-
this.
|
|
22
|
+
this.setProps(this.props);
|
|
23
23
|
}
|
|
24
24
|
setProps(props) {
|
|
25
25
|
this.placement = props.placement ?? this.placement;
|
|
26
|
+
this.viewId = props.viewId ?? this.viewId;
|
|
26
27
|
super.setProps(props);
|
|
27
28
|
}
|
|
28
29
|
onRenderHTML(rootElement) {
|
|
@@ -58,7 +59,7 @@ ScaleWidget.defaultProps = {
|
|
|
58
59
|
id: 'scale',
|
|
59
60
|
placement: 'bottom-left',
|
|
60
61
|
label: 'Scale',
|
|
61
|
-
|
|
62
|
+
viewId: null
|
|
62
63
|
};
|
|
63
64
|
/**
|
|
64
65
|
* Compute the meters per pixel at a given latitude and zoom level.
|
package/dist/scale-widget.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scale-widget.js","sourceRoot":"","sources":["../src/scale-widget.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"scale-widget.js","sourceRoot":"","sources":["../src/scale-widget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import type { WidgetPlacement } from '@deck.gl/core';
|
|
2
|
-
import { Widget
|
|
1
|
+
import type { WidgetPlacement, WidgetProps } from '@deck.gl/core';
|
|
2
|
+
import { Widget } from '@deck.gl/core';
|
|
3
3
|
/** Properties for the ScreenshotWidget */
|
|
4
4
|
export type ScreenshotWidgetProps = 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
|
/** Tooltip message */
|
|
8
10
|
label?: string;
|
|
9
11
|
/** Filename to save to */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"screenshot-widget.d.ts","sourceRoot":"","sources":["../src/screenshot-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"screenshot-widget.d.ts","sourceRoot":"","sources":["../src/screenshot-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,eAAe,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAEhE,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AAGrC,0CAA0C;AAC1C,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG;IAChD,8DAA8D;IAC9D,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB;IACnB,WAAW,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IACzC,4DAA4D;IAC5D,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF;;;GAGG;AACH,qBAAa,gBAAiB,SAAQ,MAAM,CAAC,qBAAqB,CAAC;IACjE,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,qBAAqB,CAAC,CASlD;IAEF,SAAS,SAA4B;IACrC,SAAS,EAAE,eAAe,CAAc;gBAE5B,KAAK,GAAE,qBAA0B;IAK7C,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,qBAAqB,CAAC;IAM9C,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAW5C,WAAW;IAYX,sEAAsE;IACtE,sBAAsB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAK/D,0BAA0B;IAC1B,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;CAMzD"}
|
|
@@ -11,10 +11,11 @@ export class ScreenshotWidget extends Widget {
|
|
|
11
11
|
super(props, ScreenshotWidget.defaultProps);
|
|
12
12
|
this.className = 'deck-widget-screenshot';
|
|
13
13
|
this.placement = 'top-left';
|
|
14
|
-
this.
|
|
14
|
+
this.setProps(this.props);
|
|
15
15
|
}
|
|
16
16
|
setProps(props) {
|
|
17
17
|
this.placement = props.placement ?? this.placement;
|
|
18
|
+
this.viewId = props.viewId ?? this.viewId;
|
|
18
19
|
super.setProps(props);
|
|
19
20
|
}
|
|
20
21
|
onRenderHTML(rootElement) {
|
|
@@ -48,6 +49,7 @@ ScreenshotWidget.defaultProps = {
|
|
|
48
49
|
...Widget.defaultProps,
|
|
49
50
|
id: 'screenshot',
|
|
50
51
|
placement: 'top-left',
|
|
52
|
+
viewId: null,
|
|
51
53
|
label: 'Screenshot',
|
|
52
54
|
filename: 'screenshot.png',
|
|
53
55
|
imageFormat: 'image/png',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"screenshot-widget.js","sourceRoot":"","sources":["../src/screenshot-widget.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"screenshot-widget.js","sourceRoot":"","sources":["../src/screenshot-widget.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AACrC,OAAO,EAAC,UAAU,EAAC,wCAAqC;AAkBxD;;;GAGG;AACH,MAAM,OAAO,gBAAiB,SAAQ,MAA6B;IAejE,YAAY,QAA+B,EAAE;QAC3C,KAAK,CAAC,KAAK,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAJ9C,cAAS,GAAG,wBAAwB,CAAC;QACrC,cAAS,GAAoB,UAAU,CAAC;QAItC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,QAAQ,CAAC,KAAqC;QAC5C,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,YAAY,CAAC,WAAwB;QACnC,MAAM,CACJ,KAAC,UAAU,IACT,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GACpC,EACF,WAAW,CACZ,CAAC;IACJ,CAAC;IAED,WAAW;QACT,2CAA2C;QAC3C,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YACzB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YAC3B,OAAO;QACT,CAAC;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QACpE,IAAI,OAAO,EAAE,CAAC;YACZ,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACrD,CAAC;IACH,CAAC;IAED,sEAAsE;IACtE,sBAAsB,CAAC,WAAmB;QACxC,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC;QACtC,OAAO,MAAM,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,CAAC;IAED,0BAA0B;IAC1B,eAAe,CAAC,OAAe,EAAE,QAAgB;QAC/C,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QACzC,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;QACpB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;;AA5DM,6BAAY,GAAoC;IACrD,GAAG,MAAM,CAAC,YAAY;IACtB,EAAE,EAAE,YAAY;IAChB,SAAS,EAAE,UAAU;IACrB,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,YAAY;IACnB,QAAQ,EAAE,gBAAgB;IAC1B,WAAW,EAAE,WAAW;IACxB,SAAS,EAAE,SAAU;CACtB,AATkB,CASjB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"splitter-widget.d.ts","sourceRoot":"","sources":["../src/splitter-widget.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"splitter-widget.d.ts","sourceRoot":"","sources":["../src/splitter-widget.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,MAAM,eAAe,CAAC;AAEvD,wCAAwC;AACxC,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C,iDAAiD;IACjD,OAAO,EAAE,MAAM,CAAC;IAChB,sCAAsC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,MAAM,CAAC,mBAAmB,CAAC;IAC7D,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAUhD;IAEF,SAAS,SAA0B;IACnC,SAAS,SAAmB;gBAEhB,KAAK,EAAE,mBAAmB;IAItC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC;IAI5C,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;CAqB7C"}
|
package/dist/splitter-widget.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx } from "preact/jsx-runtime";
|
|
2
|
-
// SplitterWidget.tsx
|
|
3
2
|
// deck.gl
|
|
4
3
|
// SPDX-License-Identifier: MIT
|
|
5
4
|
// Copyright (c) vis.gl contributors
|
|
@@ -13,7 +12,6 @@ import { Widget } from '@deck.gl/core';
|
|
|
13
12
|
*/
|
|
14
13
|
export class SplitterWidget extends Widget {
|
|
15
14
|
constructor(props) {
|
|
16
|
-
// No placement prop is used.
|
|
17
15
|
super(props, SplitterWidget.defaultProps);
|
|
18
16
|
this.className = 'deck-widget-splitter';
|
|
19
17
|
this.placement = 'fill';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"splitter-widget.js","sourceRoot":"","sources":["../src/splitter-widget.tsx"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"splitter-widget.js","sourceRoot":"","sources":["../src/splitter-widget.tsx"],"names":[],"mappings":"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"}
|
package/dist/stats-widget.d.ts
CHANGED
|
@@ -1,7 +1,12 @@
|
|
|
1
|
-
import { Widget, WidgetPlacement, WidgetProps } from '@deck.gl/core';
|
|
1
|
+
import { Widget, type WidgetPlacement, type WidgetProps } from '@deck.gl/core';
|
|
2
2
|
import type { Stats, Stat } from '@probe.gl/stats';
|
|
3
3
|
export declare const DEFAULT_FORMATTERS: Record<string, (stat: Stat) => string>;
|
|
4
4
|
export type StatsWidgetProps = WidgetProps & {
|
|
5
|
+
/** Widget positioning within the view. Default 'top-left'. */
|
|
6
|
+
placement?: WidgetPlacement;
|
|
7
|
+
/** View to attach to and interact with. Required when using multiple views. */
|
|
8
|
+
viewId?: string | null;
|
|
9
|
+
/** Type of stats to display. */
|
|
5
10
|
type?: 'deck' | 'luma' | 'device' | 'custom';
|
|
6
11
|
/** Stats object to visualize. */
|
|
7
12
|
stats?: Stats;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stats-widget.d.ts","sourceRoot":"","sources":["../src/stats-widget.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"stats-widget.d.ts","sourceRoot":"","sources":["../src/stats-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,MAAM,EAAE,KAAK,eAAe,EAAE,KAAK,WAAW,EAAC,MAAM,eAAe,CAAC;AAG7E,OAAO,KAAK,EAAC,KAAK,EAAE,IAAI,EAAC,MAAM,iBAAiB,CAAC;AAgBjD,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAMrE,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,8DAA8D;IAC9D,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC7C,iCAAiC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC;IAC/D,2DAA2D;IAC3D,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC,CAAC;AAEF,oDAAoD;AACpD,qBAAa,WAAY,SAAQ,MAAM,CAAC,gBAAgB,CAAC;IACvD,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAW7C;IAEF,SAAS,SAAuB;IAChC,SAAS,EAAiB,eAAe,CAAC;IAE1C,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,WAAW,CAAyC;IAC5D,OAAO,CAAC,cAAc,CAA0B;IAChD,SAAS,EAAE,OAAO,CAAQ;IAC1B,MAAM,EAAE,KAAK,CAAC;gBAEF,KAAK,GAAE,gBAAqB;IAQxC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAiBhD,KAAK,IAAI,IAAI;IAKb,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAqC5C,QAAQ,IAAI,IAAI;IAQhB,SAAS,CAAC,SAAS,IAAI,KAAK;IAmB5B,SAAS,CAAC,gBAAgB,QAAO,IAAI,CAGnC;IAEF,SAAS,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,EAAE;CAK1C"}
|
package/dist/stats-widget.js
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
|
|
2
|
+
// deck.gl
|
|
3
|
+
// SPDX-License-Identifier: MIT
|
|
4
|
+
// Copyright (c) vis.gl contributors
|
|
2
5
|
import { Widget } from '@deck.gl/core';
|
|
3
6
|
import { luma } from '@luma.gl/core';
|
|
4
7
|
import { render } from 'preact';
|
|
@@ -32,12 +35,13 @@ export class StatsWidget extends Widget {
|
|
|
32
35
|
this.updateHTML();
|
|
33
36
|
};
|
|
34
37
|
this._formatters = { ...DEFAULT_FORMATTERS };
|
|
35
|
-
this.setProps(props);
|
|
36
38
|
this._resetOnUpdate = { ...this.props.resetOnUpdate };
|
|
37
39
|
this._stats = this.props.stats;
|
|
40
|
+
this.setProps(props);
|
|
38
41
|
}
|
|
39
42
|
setProps(props) {
|
|
40
|
-
|
|
43
|
+
this.placement = props.placement ?? this.placement;
|
|
44
|
+
this.viewId = props.viewId ?? this.viewId;
|
|
41
45
|
this._stats = this._getStats();
|
|
42
46
|
if (props.formatters) {
|
|
43
47
|
for (const name in props.formatters) {
|
|
@@ -49,6 +53,7 @@ export class StatsWidget extends Widget {
|
|
|
49
53
|
if (props.resetOnUpdate) {
|
|
50
54
|
this._resetOnUpdate = { ...props.resetOnUpdate };
|
|
51
55
|
}
|
|
56
|
+
super.setProps(props);
|
|
52
57
|
}
|
|
53
58
|
onAdd() {
|
|
54
59
|
this._stats = this._getStats();
|
|
@@ -70,12 +75,12 @@ export class StatsWidget extends Widget {
|
|
|
70
75
|
});
|
|
71
76
|
});
|
|
72
77
|
}
|
|
73
|
-
render(_jsxs("div", { className: "deck-widget-stats-container", style: { cursor: 'default' }, children: [_jsxs("div", { className: "deck-widget-stats-header", style: { cursor: 'pointer', pointerEvents: 'auto' }, onClick: this._toggleCollapsed, children: [collapsed ? RIGHT_ARROW : DOWN_ARROW, " ", title] }), !collapsed && _jsx("div", { className: "deck-widget-stats-content
|
|
78
|
+
render(_jsxs("div", { className: "deck-widget-stats-container", style: { cursor: 'default' }, children: [_jsxs("div", { className: "deck-widget-stats-header", style: { cursor: 'pointer', pointerEvents: 'auto' }, onClick: this._toggleCollapsed, children: [collapsed ? RIGHT_ARROW : DOWN_ARROW, " ", title] }), !collapsed && _jsx("div", { className: "deck-widget-stats-content", children: items })] }), rootElement);
|
|
74
79
|
}
|
|
75
80
|
onRedraw() {
|
|
76
81
|
const framesPerUpdate = Math.max(1, this.props.framesPerUpdate || 1);
|
|
77
82
|
if (this._counter++ % framesPerUpdate === 0) {
|
|
78
|
-
|
|
83
|
+
this._stats = this._getStats();
|
|
79
84
|
this.updateHTML();
|
|
80
85
|
}
|
|
81
86
|
}
|
|
@@ -105,6 +110,8 @@ export class StatsWidget extends Widget {
|
|
|
105
110
|
StatsWidget.defaultProps = {
|
|
106
111
|
...Widget.defaultProps,
|
|
107
112
|
type: 'deck',
|
|
113
|
+
placement: 'top-left',
|
|
114
|
+
viewId: null,
|
|
108
115
|
stats: undefined,
|
|
109
116
|
title: 'Stats',
|
|
110
117
|
framesPerUpdate: 1,
|
package/dist/stats-widget.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stats-widget.js","sourceRoot":"","sources":["../src/stats-widget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"stats-widget.js","sourceRoot":"","sources":["../src/stats-widget.tsx"],"names":[],"mappings":"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"}
|
package/dist/stylesheet.css
CHANGED
|
@@ -93,6 +93,15 @@
|
|
|
93
93
|
background-color: var(--button-icon-hover, rgb(24, 24, 26));
|
|
94
94
|
}
|
|
95
95
|
|
|
96
|
+
/* Icon menu styles */
|
|
97
|
+
.deck-widget .deck-widget-icon-menu {
|
|
98
|
+
position: absolute;
|
|
99
|
+
top: 100%;
|
|
100
|
+
left: 0;
|
|
101
|
+
margin-top: var(--menu-gap, 4px);
|
|
102
|
+
z-index: 100;
|
|
103
|
+
}
|
|
104
|
+
|
|
96
105
|
/* Fullscreen styles */
|
|
97
106
|
.deck-widget.deck-widget-fullscreen button.deck-widget-fullscreen-enter .deck-widget-icon {
|
|
98
107
|
mask-image: var(
|
|
@@ -116,16 +125,6 @@
|
|
|
116
125
|
);
|
|
117
126
|
}
|
|
118
127
|
|
|
119
|
-
@keyframes spin {
|
|
120
|
-
to {
|
|
121
|
-
transform: rotate(360deg);
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
.deck-widget.deck-widget-loading button.deck-widget-spinner-icon .deck-widget-icon {
|
|
126
|
-
animation: spin 1s linear infinite;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
128
|
.deck-pseudo-fullscreen {
|
|
130
129
|
height: 100% !important;
|
|
131
130
|
left: 0 !important;
|
|
@@ -215,21 +214,39 @@
|
|
|
215
214
|
cursor: pointer;
|
|
216
215
|
}
|
|
217
216
|
|
|
218
|
-
.deck-widget.deck-widget-timeline
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
cursor: pointer;
|
|
225
|
-
display: flex;
|
|
226
|
-
align-items: center;
|
|
227
|
-
justify-content: center;
|
|
228
|
-
padding: 0;
|
|
229
|
-
pointer-events: 'auto';
|
|
217
|
+
.deck-widget.deck-widget-timeline .text {
|
|
218
|
+
color: var(--button-icon-idle, rgb(97, 97, 102));
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
.deck-widget.deck-widget-timeline .text:hover {
|
|
222
|
+
color: var(--button-icon-hover, rgb(24, 24, 26));
|
|
230
223
|
}
|
|
231
224
|
|
|
232
|
-
|
|
225
|
+
/* FPS widget styles */
|
|
226
|
+
|
|
227
|
+
.deck-widget.deck-widget-fps button {
|
|
228
|
+
pointer-events: none;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.deck-widget.deck-widget-fps .text {
|
|
232
|
+
color: var(--button-text, rgb(24, 24, 26));
|
|
233
|
+
font-family: monospace;
|
|
234
|
+
font-size: 8px;
|
|
235
|
+
font-weight: 700;
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
/* Loading styles */
|
|
239
|
+
@keyframes spin {
|
|
240
|
+
to {
|
|
241
|
+
transform: rotate(360deg);
|
|
242
|
+
}
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
.deck-widget.deck-widget-loading button.deck-widget-spinner .deck-widget-icon {
|
|
246
|
+
animation: spin 1s linear infinite;
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
.deck-widget.deck-widget-loading button.deck-widget-spinner .deck-widget-icon {
|
|
233
250
|
mask-image: var(
|
|
234
251
|
--loading-icon,
|
|
235
252
|
url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" ><path d="M21 12a9 9 0 1 1-6.219-8.56" /></svg>')
|
|
@@ -240,21 +257,28 @@
|
|
|
240
257
|
);
|
|
241
258
|
}
|
|
242
259
|
|
|
260
|
+
/* Scale styles */
|
|
243
261
|
.deck-widget .deck-widget-scale {
|
|
244
262
|
background-color: var(--button-icon-idle, #616166);
|
|
245
263
|
background-position: 50%;
|
|
246
264
|
display: block;
|
|
247
265
|
}
|
|
248
266
|
|
|
249
|
-
|
|
267
|
+
/* Geocoder styles */
|
|
268
|
+
.deck-widget .deck-widget-geocoder {
|
|
250
269
|
pointer-events: auto;
|
|
251
270
|
cursor: pointer;
|
|
252
271
|
}
|
|
253
272
|
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
273
|
+
/* Stats styles */
|
|
274
|
+
.deck-widget-stats-container {
|
|
275
|
+
border-radius: var(--button-corner-radius, 4px);
|
|
276
|
+
display: inline-flex;
|
|
277
|
+
flex-direction: column;
|
|
278
|
+
padding: 4px;
|
|
279
|
+
font-size: 0.7rem;
|
|
280
|
+
/* Approximately 14px */
|
|
281
|
+
line-height: 1.6;
|
|
258
282
|
font-family:
|
|
259
283
|
'SF Mono',
|
|
260
284
|
/* macOS */
|
|
@@ -268,11 +292,5 @@
|
|
|
268
292
|
/* Linux */
|
|
269
293
|
monospace;
|
|
270
294
|
background-color: var(--button-background, #fff);
|
|
271
|
-
color:
|
|
272
|
-
}
|
|
273
|
-
|
|
274
|
-
.deck-widget-stats-container {
|
|
275
|
-
font-size: 0.7rem;
|
|
276
|
-
/* Approximately 14px */
|
|
277
|
-
line-height: 1.6;
|
|
295
|
+
color: var(--button-text, rgb(24, 24, 26));
|
|
278
296
|
}
|
package/dist/theme-widget.d.ts
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import { Widget, WidgetProps, WidgetPlacement } from '@deck.gl/core';
|
|
1
|
+
import { Widget, type WidgetProps, type WidgetPlacement } from '@deck.gl/core';
|
|
2
2
|
import type { DeckWidgetTheme } from "./themes.js";
|
|
3
3
|
export type ThemeWidgetProps = WidgetProps & {
|
|
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 dark mode is selected. */
|
|
7
9
|
lightModeLabel?: string;
|
|
8
10
|
/** Styles for light mode theme */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-widget.d.ts","sourceRoot":"","sources":["../src/theme-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,MAAM,EAAE,WAAW,EAAE,eAAe,EAAC,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"theme-widget.d.ts","sourceRoot":"","sources":["../src/theme-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,MAAM,eAAe,CAAC;AAI7E,OAAO,KAAK,EAAC,eAAe,EAAC,oBAAiB;AAG9C,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,8DAA8D;IAC9D,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kCAAkC;IAClC,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iCAAiC;IACjC,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;CAC9C,CAAC;AAEF,qBAAa,WAAY,SAAQ,MAAM,CAAC,gBAAgB,CAAC;IACvD,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAU7C;IAEF,SAAS,SAAuB;IAChC,SAAS,EAAE,eAAe,CAAc;IACxC,SAAS,EAAE,OAAO,GAAG,MAAM,CAAU;gBAEzB,KAAK,GAAE,gBAAqB;IAOxC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,gBAAgB,CAAC;IAsBzC,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAc5C,KAAK;IAKL,YAAY;IAKZ,aAAa,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM;IAgBzC,8BAA8B;IAC9B,oBAAoB,IAAI,OAAO,GAAG,MAAM;CAQzC"}
|
package/dist/theme-widget.js
CHANGED
|
@@ -14,15 +14,15 @@ export class ThemeWidget extends Widget {
|
|
|
14
14
|
this.className = 'deck-widget-theme';
|
|
15
15
|
this.placement = 'top-left';
|
|
16
16
|
this.themeMode = 'dark';
|
|
17
|
-
this.placement = props.placement ?? this.placement;
|
|
18
17
|
this.themeMode = this._getInitialThemeMode();
|
|
18
|
+
this.setProps(this.props);
|
|
19
19
|
}
|
|
20
20
|
// eslint-disable-next-line complexity
|
|
21
21
|
setProps(props) {
|
|
22
22
|
const { lightModeTheme, darkModeTheme } = this.props;
|
|
23
23
|
this.placement = props.placement ?? this.placement;
|
|
24
|
+
this.viewId = props.viewId ?? this.viewId;
|
|
24
25
|
super.setProps(props);
|
|
25
|
-
// Update if current theme definition changed
|
|
26
26
|
switch (this.themeMode) {
|
|
27
27
|
case 'light':
|
|
28
28
|
if (props.lightModeTheme && !deepEqual(props.lightModeTheme, lightModeTheme, 1)) {
|
|
@@ -34,6 +34,8 @@ export class ThemeWidget extends Widget {
|
|
|
34
34
|
this._setThemeMode('dark');
|
|
35
35
|
}
|
|
36
36
|
break;
|
|
37
|
+
default:
|
|
38
|
+
log.warn(`Invalid theme mode ${this.themeMode}`)();
|
|
37
39
|
}
|
|
38
40
|
}
|
|
39
41
|
onRenderHTML(rootElement) {
|
|
@@ -56,7 +58,7 @@ export class ThemeWidget extends Widget {
|
|
|
56
58
|
const themeStyle = themeMode === 'dark' ? this.props.darkModeTheme : this.props.lightModeTheme;
|
|
57
59
|
applyStyles(container, themeStyle);
|
|
58
60
|
const label = this.themeMode === 'dark' ? this.props.darkModeLabel : this.props.lightModeLabel;
|
|
59
|
-
log.log(1, `Switched theme to ${label}`, themeStyle);
|
|
61
|
+
log.log(1, `Switched theme to ${label}`, themeStyle)();
|
|
60
62
|
this.updateHTML();
|
|
61
63
|
}
|
|
62
64
|
}
|
|
@@ -74,6 +76,7 @@ ThemeWidget.defaultProps = {
|
|
|
74
76
|
...Widget.defaultProps,
|
|
75
77
|
id: 'theme',
|
|
76
78
|
placement: 'top-left',
|
|
79
|
+
viewId: null,
|
|
77
80
|
lightModeLabel: 'Light Mode',
|
|
78
81
|
lightModeTheme: LightGlassTheme,
|
|
79
82
|
darkModeLabel: 'Dark Mode',
|
package/dist/theme-widget.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-widget.js","sourceRoot":"","sources":["../src/theme-widget.tsx"],"names":[],"mappings":";AAAA,UAAU;AACV,+BAA+B;AAC/B,oCAAoC;AAEpC,OAAO,EAAC,GAAG,EAAE,UAAU,IAAI,SAAS,EAAE,YAAY,IAAI,WAAW,EAAC,MAAM,eAAe,CAAC;AACxF,OAAO,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"theme-widget.js","sourceRoot":"","sources":["../src/theme-widget.tsx"],"names":[],"mappings":"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"}
|
package/dist/themes.d.ts
CHANGED
|
@@ -12,8 +12,10 @@ export type DeckWidgetTheme = {
|
|
|
12
12
|
'--button-backdrop-filter'?: string;
|
|
13
13
|
'--button-icon-idle'?: string;
|
|
14
14
|
'--button-icon-hover'?: string;
|
|
15
|
+
'--button-text'?: string;
|
|
15
16
|
'--icon-compass-north-color'?: string;
|
|
16
17
|
'--icon-compass-south-color'?: string;
|
|
18
|
+
'--menu-gap'?: string;
|
|
17
19
|
};
|
|
18
20
|
export declare const LightTheme: {
|
|
19
21
|
readonly '--widget-margin': "12px";
|
|
@@ -26,8 +28,10 @@ export declare const LightTheme: {
|
|
|
26
28
|
readonly '--button-backdrop-filter': "unset";
|
|
27
29
|
readonly '--button-icon-idle': "rgba(97, 97, 102, 1)";
|
|
28
30
|
readonly '--button-icon-hover': "rgba(24, 24, 26, 1)";
|
|
31
|
+
readonly '--button-text': "rgb(24, 24, 26, 1)";
|
|
29
32
|
readonly '--icon-compass-north-color': "rgb(240, 92, 68)";
|
|
30
33
|
readonly '--icon-compass-south-color': "rgb(204, 204, 204)";
|
|
34
|
+
readonly '--menu-gap': "4px";
|
|
31
35
|
};
|
|
32
36
|
export declare const DarkTheme: {
|
|
33
37
|
readonly '--widget-margin': "12px";
|
|
@@ -40,8 +44,10 @@ export declare const DarkTheme: {
|
|
|
40
44
|
readonly '--button-backdrop-filter': "unset";
|
|
41
45
|
readonly '--button-icon-idle': "rgba(158, 157, 168, 1)";
|
|
42
46
|
readonly '--button-icon-hover': "rgba(215, 214, 229, 1)";
|
|
47
|
+
readonly '--button-text': "rgb(215, 214, 229, 1)";
|
|
43
48
|
readonly '--icon-compass-north-color': "rgb(240, 92, 68)";
|
|
44
49
|
readonly '--icon-compass-south-color': "rgb(200, 199, 209)";
|
|
50
|
+
readonly '--menu-gap': "4px";
|
|
45
51
|
};
|
|
46
52
|
export declare const LightGlassTheme: {
|
|
47
53
|
readonly '--widget-margin': "12px";
|
|
@@ -54,8 +60,10 @@ export declare const LightGlassTheme: {
|
|
|
54
60
|
readonly '--button-backdrop-filter': "blur(4px)";
|
|
55
61
|
readonly '--button-icon-idle': "rgba(97, 97, 102, 1)";
|
|
56
62
|
readonly '--button-icon-hover': "rgba(24, 24, 26, 1)";
|
|
63
|
+
readonly '--button-text': "rgb(24, 24, 26, 1)";
|
|
57
64
|
readonly '--icon-compass-north-color': "rgb(240, 92, 68)";
|
|
58
65
|
readonly '--icon-compass-south-color': "rgb(204, 204, 204)";
|
|
66
|
+
readonly '--menu-gap': "4px";
|
|
59
67
|
};
|
|
60
68
|
export declare const DarkGlassTheme: {
|
|
61
69
|
readonly '--widget-margin': "12px";
|
|
@@ -68,7 +76,9 @@ export declare const DarkGlassTheme: {
|
|
|
68
76
|
readonly '--button-backdrop-filter': "blur(4px)";
|
|
69
77
|
readonly '--button-icon-idle': "rgba(158, 157, 168, 1)";
|
|
70
78
|
readonly '--button-icon-hover': "rgba(215, 214, 229, 1)";
|
|
79
|
+
readonly '--button-text': "rgb(215, 214, 229, 1)";
|
|
71
80
|
readonly '--icon-compass-north-color': "rgb(240, 92, 68)";
|
|
72
81
|
readonly '--icon-compass-south-color': "rgb(200, 199, 209)";
|
|
82
|
+
readonly '--menu-gap': "4px";
|
|
73
83
|
};
|
|
74
84
|
//# sourceMappingURL=themes.d.ts.map
|
package/dist/themes.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAE5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAE5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,4BAA4B,CAAC,EAAE,MAAM,CAAC;IAEtC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;CAeuB,CAAC;AAE/C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;CAewB,CAAC;AAE/C,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;CAgBkB,CAAC;AAE/C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;CAgBmB,CAAC"}
|
package/dist/themes.js
CHANGED
|
@@ -12,8 +12,10 @@ export const LightTheme = {
|
|
|
12
12
|
'--button-backdrop-filter': 'unset',
|
|
13
13
|
'--button-icon-idle': 'rgba(97, 97, 102, 1)',
|
|
14
14
|
'--button-icon-hover': 'rgba(24, 24, 26, 1)',
|
|
15
|
+
'--button-text': 'rgb(24, 24, 26, 1)',
|
|
15
16
|
'--icon-compass-north-color': 'rgb(240, 92, 68)',
|
|
16
|
-
'--icon-compass-south-color': 'rgb(204, 204, 204)'
|
|
17
|
+
'--icon-compass-south-color': 'rgb(204, 204, 204)',
|
|
18
|
+
'--menu-gap': '4px'
|
|
17
19
|
};
|
|
18
20
|
export const DarkTheme = {
|
|
19
21
|
'--widget-margin': '12px',
|
|
@@ -26,8 +28,10 @@ export const DarkTheme = {
|
|
|
26
28
|
'--button-backdrop-filter': 'unset',
|
|
27
29
|
'--button-icon-idle': 'rgba(158, 157, 168, 1)',
|
|
28
30
|
'--button-icon-hover': 'rgba(215, 214, 229, 1)',
|
|
31
|
+
'--button-text': 'rgb(215, 214, 229, 1)',
|
|
29
32
|
'--icon-compass-north-color': 'rgb(240, 92, 68)',
|
|
30
|
-
'--icon-compass-south-color': 'rgb(200, 199, 209)'
|
|
33
|
+
'--icon-compass-south-color': 'rgb(200, 199, 209)',
|
|
34
|
+
'--menu-gap': '4px'
|
|
31
35
|
};
|
|
32
36
|
export const LightGlassTheme = {
|
|
33
37
|
'--widget-margin': '12px',
|
|
@@ -40,8 +44,10 @@ export const LightGlassTheme = {
|
|
|
40
44
|
'--button-backdrop-filter': 'blur(4px)',
|
|
41
45
|
'--button-icon-idle': 'rgba(97, 97, 102, 1)',
|
|
42
46
|
'--button-icon-hover': 'rgba(24, 24, 26, 1)',
|
|
47
|
+
'--button-text': 'rgb(24, 24, 26, 1)',
|
|
43
48
|
'--icon-compass-north-color': 'rgb(240, 92, 68)',
|
|
44
|
-
'--icon-compass-south-color': 'rgb(204, 204, 204)'
|
|
49
|
+
'--icon-compass-south-color': 'rgb(204, 204, 204)',
|
|
50
|
+
'--menu-gap': '4px'
|
|
45
51
|
};
|
|
46
52
|
export const DarkGlassTheme = {
|
|
47
53
|
'--widget-margin': '12px',
|
|
@@ -54,7 +60,9 @@ export const DarkGlassTheme = {
|
|
|
54
60
|
'--button-backdrop-filter': 'blur(4px)',
|
|
55
61
|
'--button-icon-idle': 'rgba(158, 157, 168, 1)',
|
|
56
62
|
'--button-icon-hover': 'rgba(215, 214, 229, 1)',
|
|
63
|
+
'--button-text': 'rgb(215, 214, 229, 1)',
|
|
57
64
|
'--icon-compass-north-color': 'rgb(240, 92, 68)',
|
|
58
|
-
'--icon-compass-south-color': 'rgb(200, 199, 209)'
|
|
65
|
+
'--icon-compass-south-color': 'rgb(200, 199, 209)',
|
|
66
|
+
'--menu-gap': '4px'
|
|
59
67
|
};
|
|
60
68
|
//# sourceMappingURL=themes.js.map
|
package/dist/themes.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.js","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"AAAA,UAAU;AACV,+BAA+B;AAC/B,oCAAoC;
|
|
1
|
+
{"version":3,"file":"themes.js","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"AAAA,UAAU;AACV,+BAA+B;AAC/B,oCAAoC;AA0BpC,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,iBAAiB,EAAE,MAAM;IACzB,eAAe,EAAE,MAAM;IACvB,wBAAwB,EAAE,KAAK;IAC/B,qBAAqB,EAAE,MAAM;IAC7B,iBAAiB,EAAE,0BAA0B;IAC7C,uBAAuB,EAAE,OAAO;IAChC,iBAAiB,EAAE,qCAAqC;IACxD,0BAA0B,EAAE,OAAO;IACnC,oBAAoB,EAAE,sBAAsB;IAC5C,qBAAqB,EAAE,qBAAqB;IAC5C,eAAe,EAAE,oBAAoB;IACrC,4BAA4B,EAAE,kBAAkB;IAChD,4BAA4B,EAAE,oBAAoB;IAClD,YAAY,EAAE,KAAK;CACyB,CAAC;AAE/C,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,iBAAiB,EAAE,MAAM;IACzB,eAAe,EAAE,MAAM;IACvB,wBAAwB,EAAE,KAAK;IAC/B,qBAAqB,EAAE,qBAAqB;IAC5C,iBAAiB,EAAE,wBAAwB;IAC3C,uBAAuB,EAAE,OAAO;IAChC,iBAAiB,EAAE,qCAAqC;IACxD,0BAA0B,EAAE,OAAO;IACnC,oBAAoB,EAAE,wBAAwB;IAC9C,qBAAqB,EAAE,wBAAwB;IAC/C,eAAe,EAAE,uBAAuB;IACxC,4BAA4B,EAAE,kBAAkB;IAChD,4BAA4B,EAAE,oBAAoB;IAClD,YAAY,EAAE,KAAK;CACyB,CAAC;AAE/C,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,iBAAiB,EAAE,MAAM;IACzB,eAAe,EAAE,MAAM;IACvB,wBAAwB,EAAE,KAAK;IAC/B,qBAAqB,EAAE,0BAA0B;IACjD,iBAAiB,EAAE,0BAA0B;IAC7C,uBAAuB,EAAE,oCAAoC;IAC7D,iBAAiB,EACf,+EAA+E;IACjF,0BAA0B,EAAE,WAAW;IACvC,oBAAoB,EAAE,sBAAsB;IAC5C,qBAAqB,EAAE,qBAAqB;IAC5C,eAAe,EAAE,oBAAoB;IACrC,4BAA4B,EAAE,kBAAkB;IAChD,4BAA4B,EAAE,oBAAoB;IAClD,YAAY,EAAE,KAAK;CACyB,CAAC;AAE/C,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,iBAAiB,EAAE,MAAM;IACzB,eAAe,EAAE,MAAM;IACvB,wBAAwB,EAAE,KAAK;IAC/B,qBAAqB,EAAE,wBAAwB;IAC/C,iBAAiB,EAAE,wBAAwB;IAC3C,uBAAuB,EAAE,kCAAkC;IAC3D,iBAAiB,EACf,+EAA+E;IACjF,0BAA0B,EAAE,WAAW;IACvC,oBAAoB,EAAE,wBAAwB;IAC9C,qBAAqB,EAAE,wBAAwB;IAC/C,eAAe,EAAE,uBAAuB;IACxC,4BAA4B,EAAE,kBAAkB;IAChD,4BAA4B,EAAE,oBAAoB;IAClD,YAAY,EAAE,KAAK;CACyB,CAAC"}
|