@deck.gl/widgets 9.2.0-beta.2 → 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 +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 +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 +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 +684 -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 +25 -16
- 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/index.d.ts
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
export { ZoomWidget } from "./zoom-widget.js";
|
|
2
2
|
export { ResetViewWidget } from "./reset-view-widget.js";
|
|
3
|
-
export { CompassWidget } from "./compass-widget.js";
|
|
4
3
|
export { GimbalWidget } from "./gimbal-widget.js";
|
|
4
|
+
export { CompassWidget } from "./compass-widget.js";
|
|
5
5
|
export { ScaleWidget as _ScaleWidget } from "./scale-widget.js";
|
|
6
6
|
export { GeocoderWidget as _GeocoderWidget } from "./geocoder-widget.js";
|
|
7
7
|
export { FullscreenWidget } from "./fullscreen-widget.js";
|
|
8
|
+
export { SplitterWidget as _SplitterWidget } from "./splitter-widget.js";
|
|
9
|
+
export { ViewSelectorWidget as _ViewSelectorWidget } from "./view-selector-widget.js";
|
|
10
|
+
export { InfoWidget as _InfoWidget } from "./info-widget.js";
|
|
11
|
+
export { ContextMenuWidget as _ContextMenuWidget } from "./context-menu-widget.js";
|
|
12
|
+
export { TimelineWidget as _TimelineWidget } from "./timeline-widget.js";
|
|
8
13
|
export { ScreenshotWidget } from "./screenshot-widget.js";
|
|
14
|
+
export { ThemeWidget as _ThemeWidget } from "./theme-widget.js";
|
|
9
15
|
export { LoadingWidget as _LoadingWidget } from "./loading-widget.js";
|
|
10
16
|
export { FpsWidget as _FpsWidget } from "./fps-widget.js";
|
|
11
|
-
export { ThemeWidget as _ThemeWidget } from "./theme-widget.js";
|
|
12
|
-
export { InfoWidget as _InfoWidget } from "./info-widget.js";
|
|
13
17
|
export { StatsWidget as _StatsWidget } from "./stats-widget.js";
|
|
14
|
-
export { ContextMenuWidget as _ContextMenuWidget } from "./context-menu-widget.js";
|
|
15
|
-
export { SplitterWidget as _SplitterWidget } from "./splitter-widget.js";
|
|
16
|
-
export { TimelineWidget as _TimelineWidget } from "./timeline-widget.js";
|
|
17
|
-
export { ViewSelectorWidget as _ViewSelectorWidget } from "./view-selector-widget.js";
|
|
18
18
|
export type { FullscreenWidgetProps } from "./fullscreen-widget.js";
|
|
19
19
|
export type { CompassWidgetProps } from "./compass-widget.js";
|
|
20
20
|
export type { ZoomWidgetProps } from "./zoom-widget.js";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,UAAU,EAAC,yBAAsB;AACzC,OAAO,EAAC,eAAe,EAAC,+BAA4B;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,UAAU,EAAC,yBAAsB;AACzC,OAAO,EAAC,eAAe,EAAC,+BAA4B;AACpD,OAAO,EAAC,YAAY,EAAC,2BAAwB;AAG7C,OAAO,EAAC,aAAa,EAAC,4BAAyB;AAC/C,OAAO,EAAC,WAAW,IAAI,YAAY,EAAC,0BAAuB;AAC3D,OAAO,EAAC,cAAc,IAAI,eAAe,EAAC,6BAA0B;AAGpE,OAAO,EAAC,gBAAgB,EAAC,+BAA4B;AACrD,OAAO,EAAC,cAAc,IAAI,eAAe,EAAC,6BAA0B;AACpE,OAAO,EAAC,kBAAkB,IAAI,mBAAmB,EAAC,kCAA+B;AAGjF,OAAO,EAAC,UAAU,IAAI,WAAW,EAAC,yBAAsB;AACxD,OAAO,EAAC,iBAAiB,IAAI,kBAAkB,EAAC,iCAA8B;AAG9E,OAAO,EAAC,cAAc,IAAI,eAAe,EAAC,6BAA0B;AAGpE,OAAO,EAAC,gBAAgB,EAAC,+BAA4B;AACrD,OAAO,EAAC,WAAW,IAAI,YAAY,EAAC,0BAAuB;AAC3D,OAAO,EAAC,aAAa,IAAI,cAAc,EAAC,4BAAyB;AACjE,OAAO,EAAC,SAAS,IAAI,UAAU,EAAC,wBAAqB;AACrD,OAAO,EAAC,WAAW,IAAI,YAAY,EAAC,0BAAuB;AAE3D,YAAY,EAAC,qBAAqB,EAAC,+BAA4B;AAC/D,YAAY,EAAC,kBAAkB,EAAC,4BAAyB;AACzD,YAAY,EAAC,eAAe,EAAC,yBAAsB;AACnD,YAAY,EAAC,qBAAqB,EAAC,+BAA4B;AAC/D,YAAY,EAAC,oBAAoB,EAAC,+BAA4B;AAC9D,YAAY,EAAC,mBAAmB,EAAC,6BAA0B;AAC3D,YAAY,EAAC,kBAAkB,EAAC,4BAAyB;AACzD,YAAY,EAAC,cAAc,EAAC,wBAAqB;AACjD,YAAY,EAAC,gBAAgB,EAAC,0BAAuB;AACrD,YAAY,EAAC,gBAAgB,EAAC,0BAAuB;AACrD,YAAY,EAAC,eAAe,EAAC,yBAAsB;AACnD,YAAY,EAAC,gBAAgB,EAAC,0BAAuB;AACrD,YAAY,EAAC,sBAAsB,EAAC,iCAA8B;AAClE,YAAY,EAAC,mBAAmB,EAAC,6BAA0B;AAC3D,YAAY,EAAC,mBAAmB,EAAC,6BAA0B;AAC3D,YAAY,EAAC,uBAAuB,EAAC,kCAA+B;AACpE,YAAY,EAAC,iBAAiB,EAAC,2BAAwB;AAEvD,OAAO,EAAC,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,cAAc,EAAC,oBAAiB;AAChF,YAAY,EAAC,eAAe,EAAC,oBAAiB;AAG9C,OAAO,EAAC,WAAW,IAAI,YAAY,EAAE,KAAK,gBAAgB,EAAC,yCAAsC;AACjG,OAAO,EAAC,UAAU,IAAI,WAAW,EAAE,KAAK,eAAe,EAAC,wCAAqC;AAC7F,OAAO,EACL,iBAAiB,IAAI,kBAAkB,EACvC,KAAK,sBAAsB,EAC5B,gDAA6C;AAC9C,OAAO,EACL,YAAY,IAAI,aAAa,EAC7B,KAAK,iBAAiB,EACvB,0CAAuC;AACxC,OAAO,EAAC,UAAU,IAAI,WAAW,EAAE,KAAK,eAAe,EAAC,wCAAqC;AAC7F,OAAO,EAAC,QAAQ,IAAI,SAAS,EAAE,KAAK,aAAa,EAAC,sCAAmC;AAGrF,OAAO,EAAC,KAAK,QAAQ,EAAC,kCAA+B;AACrD,OAAO,EACL,cAAc,IAAI,eAAe,EACjC,cAAc,IAAI,eAAe,EACjC,gBAAgB,IAAI,iBAAiB,EACrC,mBAAmB,IAAI,oBAAoB,EAC3C,uBAAuB,IAAI,wBAAwB,EACpD,mCAAgC"}
|
package/dist/index.js
CHANGED
|
@@ -4,25 +4,28 @@
|
|
|
4
4
|
// Navigation widgets
|
|
5
5
|
export { ZoomWidget } from "./zoom-widget.js";
|
|
6
6
|
export { ResetViewWidget } from "./reset-view-widget.js";
|
|
7
|
+
export { GimbalWidget } from "./gimbal-widget.js";
|
|
7
8
|
// Geospatial widgets
|
|
8
9
|
export { CompassWidget } from "./compass-widget.js";
|
|
9
|
-
export { GimbalWidget } from "./gimbal-widget.js";
|
|
10
10
|
export { ScaleWidget as _ScaleWidget } from "./scale-widget.js";
|
|
11
11
|
export { GeocoderWidget as _GeocoderWidget } from "./geocoder-widget.js";
|
|
12
|
-
//
|
|
12
|
+
// View widgets
|
|
13
13
|
export { FullscreenWidget } from "./fullscreen-widget.js";
|
|
14
|
+
export { SplitterWidget as _SplitterWidget } from "./splitter-widget.js";
|
|
15
|
+
export { ViewSelectorWidget as _ViewSelectorWidget } from "./view-selector-widget.js";
|
|
16
|
+
// Information widgets
|
|
17
|
+
export { InfoWidget as _InfoWidget } from "./info-widget.js";
|
|
18
|
+
export { ContextMenuWidget as _ContextMenuWidget } from "./context-menu-widget.js";
|
|
19
|
+
// Control widgets
|
|
20
|
+
export { TimelineWidget as _TimelineWidget } from "./timeline-widget.js";
|
|
21
|
+
// Utility widgets
|
|
14
22
|
export { ScreenshotWidget } from "./screenshot-widget.js";
|
|
23
|
+
export { ThemeWidget as _ThemeWidget } from "./theme-widget.js";
|
|
15
24
|
export { LoadingWidget as _LoadingWidget } from "./loading-widget.js";
|
|
16
25
|
export { FpsWidget as _FpsWidget } from "./fps-widget.js";
|
|
17
|
-
export { ThemeWidget as _ThemeWidget } from "./theme-widget.js";
|
|
18
|
-
export { InfoWidget as _InfoWidget } from "./info-widget.js";
|
|
19
26
|
export { StatsWidget as _StatsWidget } from "./stats-widget.js";
|
|
20
|
-
export { ContextMenuWidget as _ContextMenuWidget } from "./context-menu-widget.js";
|
|
21
|
-
export { SplitterWidget as _SplitterWidget } from "./splitter-widget.js";
|
|
22
|
-
export { TimelineWidget as _TimelineWidget } from "./timeline-widget.js";
|
|
23
|
-
export { ViewSelectorWidget as _ViewSelectorWidget } from "./view-selector-widget.js";
|
|
24
27
|
export { LightTheme, DarkTheme, LightGlassTheme, DarkGlassTheme } from "./themes.js";
|
|
25
|
-
// Experimental
|
|
28
|
+
// Experimental preact components
|
|
26
29
|
export { ButtonGroup as _ButtonGroup } from "./lib/components/button-group.js";
|
|
27
30
|
export { IconButton as _IconButton } from "./lib/components/icon-button.js";
|
|
28
31
|
export { GroupedIconButton as _GroupedIconButton } from "./lib/components/grouped-icon-button.js";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,UAAU;AACV,+BAA+B;AAC/B,oCAAoC;AAEpC,qBAAqB;AACrB,OAAO,EAAC,UAAU,EAAC,yBAAsB;AACzC,OAAO,EAAC,eAAe,EAAC,+BAA4B;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,UAAU;AACV,+BAA+B;AAC/B,oCAAoC;AAEpC,qBAAqB;AACrB,OAAO,EAAC,UAAU,EAAC,yBAAsB;AACzC,OAAO,EAAC,eAAe,EAAC,+BAA4B;AACpD,OAAO,EAAC,YAAY,EAAC,2BAAwB;AAE7C,qBAAqB;AACrB,OAAO,EAAC,aAAa,EAAC,4BAAyB;AAC/C,OAAO,EAAC,WAAW,IAAI,YAAY,EAAC,0BAAuB;AAC3D,OAAO,EAAC,cAAc,IAAI,eAAe,EAAC,6BAA0B;AAEpE,eAAe;AACf,OAAO,EAAC,gBAAgB,EAAC,+BAA4B;AACrD,OAAO,EAAC,cAAc,IAAI,eAAe,EAAC,6BAA0B;AACpE,OAAO,EAAC,kBAAkB,IAAI,mBAAmB,EAAC,kCAA+B;AAEjF,sBAAsB;AACtB,OAAO,EAAC,UAAU,IAAI,WAAW,EAAC,yBAAsB;AACxD,OAAO,EAAC,iBAAiB,IAAI,kBAAkB,EAAC,iCAA8B;AAE9E,kBAAkB;AAClB,OAAO,EAAC,cAAc,IAAI,eAAe,EAAC,6BAA0B;AAEpE,kBAAkB;AAClB,OAAO,EAAC,gBAAgB,EAAC,+BAA4B;AACrD,OAAO,EAAC,WAAW,IAAI,YAAY,EAAC,0BAAuB;AAC3D,OAAO,EAAC,aAAa,IAAI,cAAc,EAAC,4BAAyB;AACjE,OAAO,EAAC,SAAS,IAAI,UAAU,EAAC,wBAAqB;AACrD,OAAO,EAAC,WAAW,IAAI,YAAY,EAAC,0BAAuB;AAoB3D,OAAO,EAAC,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,cAAc,EAAC,oBAAiB;AAGhF,iCAAiC;AACjC,OAAO,EAAC,WAAW,IAAI,YAAY,EAAwB,yCAAsC;AACjG,OAAO,EAAC,UAAU,IAAI,WAAW,EAAuB,wCAAqC;AAC7F,OAAO,EACL,iBAAiB,IAAI,kBAAkB,EAExC,gDAA6C;AAC9C,OAAO,EACL,YAAY,IAAI,aAAa,EAE9B,0CAAuC;AACxC,OAAO,EAAC,UAAU,IAAI,WAAW,EAAuB,wCAAqC;AAC7F,OAAO,EAAC,QAAQ,IAAI,SAAS,EAAqB,sCAAmC;AAIrF,OAAO,EACL,cAAc,IAAI,eAAe,EACjC,cAAc,IAAI,eAAe,EACjC,gBAAgB,IAAI,iBAAiB,EACrC,mBAAmB,IAAI,oBAAoB,EAC3C,uBAAuB,IAAI,wBAAwB,EACpD,mCAAgC"}
|
package/dist/info-widget.d.ts
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { Widget
|
|
2
|
-
import type { Deck, PickingInfo, Viewport } from '@deck.gl/core';
|
|
1
|
+
import { Widget } from '@deck.gl/core';
|
|
2
|
+
import type { Deck, PickingInfo, Viewport, WidgetProps } from '@deck.gl/core';
|
|
3
3
|
export type InfoWidgetProps = WidgetProps & {
|
|
4
|
-
/** View to attach to and interact with. Required when using multiple views
|
|
4
|
+
/** View to attach to and interact with. Required when using multiple views */
|
|
5
5
|
viewId?: string | null;
|
|
6
|
-
/**
|
|
6
|
+
/** Determines the interaction mode of the widget */
|
|
7
7
|
mode: 'click' | 'hover' | 'static';
|
|
8
|
-
/**
|
|
9
|
-
getTooltip?: (info: PickingInfo, widget: InfoWidget) =>
|
|
10
|
-
/** Position at which to place popup (clicked point: [longitude, latitude])
|
|
8
|
+
/** Function to generate the popup contents from the selected element */
|
|
9
|
+
getTooltip?: (info: PickingInfo, widget: InfoWidget) => InfoWidgetProps | null;
|
|
10
|
+
/** Position at which to place popup (clicked point: [longitude, latitude]) */
|
|
11
11
|
position: [number, number];
|
|
12
|
-
/** Text of popup */
|
|
12
|
+
/** Text content of popup */
|
|
13
13
|
text?: string;
|
|
14
14
|
/** Visibility of info widget */
|
|
15
15
|
visible?: boolean;
|
|
16
16
|
/** Minimum offset (in pixels) to keep the popup away from the canvas edges. */
|
|
17
17
|
minOffset?: number;
|
|
18
|
+
/** Callback triggered when the widget is clicked. */
|
|
18
19
|
onClick?: (widget: InfoWidget, info: PickingInfo) => boolean;
|
|
19
20
|
};
|
|
20
21
|
export declare class InfoWidget extends Widget<InfoWidgetProps> {
|
|
21
22
|
static defaultProps: Required<InfoWidgetProps>;
|
|
22
23
|
className: string;
|
|
23
24
|
placement: "fill";
|
|
24
|
-
viewId?: string | null;
|
|
25
25
|
viewport?: Viewport;
|
|
26
26
|
constructor(props: InfoWidgetProps);
|
|
27
27
|
setProps(props: Partial<InfoWidgetProps>): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"info-widget.d.ts","sourceRoot":"","sources":["../src/info-widget.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"info-widget.d.ts","sourceRoot":"","sources":["../src/info-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AACrC,OAAO,KAAK,EAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAG5E,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,oDAAoD;IACpD,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IACnC,wEAAwE;IACxE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,KAAK,eAAe,GAAG,IAAI,CAAC;IAC/E,8EAA8E;IAC9E,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,KAAK,OAAO,CAAC;CAC9D,CAAC;AAEF,qBAAa,UAAW,SAAQ,MAAM,CAAC,eAAe,CAAC;IACrD,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,eAAe,CAAC,CAW5C;IAEF,SAAS,SAAsB;IAC/B,SAAS,SAAmB;IAC5B,QAAQ,CAAC,EAAE,QAAQ,CAAC;gBAER,KAAK,EAAE,eAAe;IAKlC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC;IAKxC,mBAAmB,IAAI,cAAc;IAOrC,gBAAgB,CAAC,QAAQ,KAAA;IAKzB,OAAO,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAYhC,OAAO,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO;IAcnC,KAAK,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,EAAE;QAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;KAAC;IAS9D,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;CAsH7C"}
|
package/dist/info-widget.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
|
|
2
|
-
|
|
2
|
+
// deck.gl
|
|
3
|
+
// SPDX-License-Identifier: MIT
|
|
4
|
+
// Copyright (c) vis.gl contributors
|
|
3
5
|
import { Widget } from '@deck.gl/core';
|
|
4
6
|
import { render } from 'preact';
|
|
5
7
|
export class InfoWidget extends Widget {
|
|
@@ -7,14 +9,10 @@ export class InfoWidget extends Widget {
|
|
|
7
9
|
super(props, InfoWidget.defaultProps);
|
|
8
10
|
this.className = 'deck-widget-info';
|
|
9
11
|
this.placement = 'fill';
|
|
10
|
-
this.
|
|
11
|
-
props.position = props.position || [0, 0];
|
|
12
|
-
props.text = props.text || '';
|
|
13
|
-
props.visible = props.visible || false;
|
|
14
|
-
// Set default minOffset if not provided
|
|
15
|
-
props.minOffset = props.minOffset ?? 0;
|
|
12
|
+
this.setProps(this.props);
|
|
16
13
|
}
|
|
17
14
|
setProps(props) {
|
|
15
|
+
this.viewId = props.viewId ?? this.viewId;
|
|
18
16
|
super.setProps(props);
|
|
19
17
|
}
|
|
20
18
|
onCreateRootElement() {
|
|
@@ -34,7 +32,7 @@ export class InfoWidget extends Widget {
|
|
|
34
32
|
this.setProps({
|
|
35
33
|
visible: tooltip !== null,
|
|
36
34
|
...tooltip,
|
|
37
|
-
style: { zIndex: 1, ...tooltip?.style }
|
|
35
|
+
style: { zIndex: '1', ...tooltip?.style }
|
|
38
36
|
});
|
|
39
37
|
}
|
|
40
38
|
}
|
|
@@ -164,10 +162,10 @@ export class InfoWidget extends Widget {
|
|
|
164
162
|
}
|
|
165
163
|
InfoWidget.defaultProps = {
|
|
166
164
|
...Widget.defaultProps,
|
|
165
|
+
id: 'info',
|
|
167
166
|
position: [0, 0],
|
|
168
167
|
text: '',
|
|
169
168
|
visible: false,
|
|
170
|
-
// Set default minOffset if not provided
|
|
171
169
|
minOffset: 0,
|
|
172
170
|
viewId: null,
|
|
173
171
|
mode: 'hover',
|
package/dist/info-widget.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"info-widget.js","sourceRoot":"","sources":["../src/info-widget.tsx"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"info-widget.js","sourceRoot":"","sources":["../src/info-widget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ComponentChildren } from 'preact';
|
|
2
2
|
export type ButtonGroupProps = {
|
|
3
3
|
children: ComponentChildren;
|
|
4
|
-
orientation:
|
|
4
|
+
orientation: 'vertical' | 'horizontal';
|
|
5
5
|
};
|
|
6
6
|
/** Renders a group of buttons with Widget CSS */
|
|
7
7
|
export declare const ButtonGroup: (props: ButtonGroupProps) => import("preact").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../src/lib/components/button-group.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,QAAQ,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,WAAW,
|
|
1
|
+
{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../src/lib/components/button-group.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,QAAQ,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,WAAW,EAAE,UAAU,GAAG,YAAY,CAAC;CACxC,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,WAAW,UAAW,gBAAgB,iCAGlD,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "preact/jsx-runtime";
|
|
2
2
|
/** Renders a group of buttons with Widget CSS */
|
|
3
3
|
export const ButtonGroup = (props) => {
|
|
4
|
-
const { children, orientation } = props;
|
|
4
|
+
const { children, orientation = 'horizontal' } = props;
|
|
5
5
|
return _jsx("div", { className: `deck-widget-button-group ${orientation}`, children: children });
|
|
6
6
|
};
|
|
7
7
|
//# sourceMappingURL=button-group.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../../src/lib/components/button-group.tsx"],"names":[],"mappings":";AAWA,iDAAiD;AACjD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EAAC,QAAQ,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../../src/lib/components/button-group.tsx"],"names":[],"mappings":";AAWA,iDAAiD;AACjD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EAAC,QAAQ,EAAE,WAAW,GAAG,YAAY,EAAC,GAAG,KAAK,CAAC;IACrD,OAAO,cAAK,SAAS,EAAE,4BAA4B,WAAW,EAAE,YAAG,QAAQ,GAAO,CAAC;AACrF,CAAC,CAAC"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
import type { ComponentChildren, JSX } from 'preact';
|
|
1
2
|
export type GroupedIconButtonProps = {
|
|
2
3
|
className?: string;
|
|
3
|
-
label
|
|
4
|
-
onClick
|
|
4
|
+
label?: string;
|
|
5
|
+
onClick?: JSX.MouseEventHandler<HTMLButtonElement>;
|
|
6
|
+
children?: ComponentChildren;
|
|
5
7
|
};
|
|
6
8
|
/** Renders an icon button as part of a ButtonGroup */
|
|
7
|
-
export declare const GroupedIconButton: (props:
|
|
9
|
+
export declare const GroupedIconButton: (props: GroupedIconButtonProps) => JSX.Element;
|
|
8
10
|
//# sourceMappingURL=grouped-icon-button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grouped-icon-button.d.ts","sourceRoot":"","sources":["../../../src/lib/components/grouped-icon-button.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"grouped-icon-button.d.ts","sourceRoot":"","sources":["../../../src/lib/components/grouped-icon-button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,iBAAiB,EAAE,GAAG,EAAC,MAAM,QAAQ,CAAC;AAEnD,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACnD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B,CAAC;AAEF,sDAAsD;AACtD,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,gBAY9D,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "preact/jsx-runtime";
|
|
2
2
|
/** Renders an icon button as part of a ButtonGroup */
|
|
3
|
-
export const GroupedIconButton = props => {
|
|
4
|
-
const { className, label, onClick } = props;
|
|
5
|
-
return (_jsx("button", { className: `deck-widget-icon-button ${className
|
|
3
|
+
export const GroupedIconButton = (props) => {
|
|
4
|
+
const { className = '', label, onClick, children } = props;
|
|
5
|
+
return (_jsx("button", { className: `deck-widget-icon-button ${className}`, type: "button", onClick: onClick, title: label, children: children ? children : _jsx("div", { className: "deck-widget-icon" }) }));
|
|
6
6
|
};
|
|
7
7
|
//# sourceMappingURL=grouped-icon-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grouped-icon-button.js","sourceRoot":"","sources":["../../../src/lib/components/grouped-icon-button.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"grouped-icon-button.js","sourceRoot":"","sources":["../../../src/lib/components/grouped-icon-button.tsx"],"names":[],"mappings":";AAaA,sDAAsD;AACtD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;IACjE,MAAM,EAAC,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC;IACzD,OAAO,CACL,iBACE,SAAS,EAAE,2BAA2B,SAAS,EAAE,EACjD,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,YAEX,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,kBAAkB,GAAG,GACpD,CACV,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import type { ComponentChildren } from 'preact';
|
|
1
|
+
import type { ComponentChildren, JSX } from 'preact';
|
|
2
2
|
export type IconButtonProps = {
|
|
3
|
-
className
|
|
4
|
-
label
|
|
5
|
-
onClick
|
|
6
|
-
/** Optional icon or element to render inside the button */
|
|
3
|
+
className?: string;
|
|
4
|
+
label?: string;
|
|
5
|
+
onClick?: JSX.MouseEventHandler<HTMLButtonElement>;
|
|
7
6
|
children?: ComponentChildren;
|
|
8
7
|
};
|
|
9
8
|
/** Renders a button component with widget CSS */
|
|
10
|
-
export declare const IconButton: (props: IconButtonProps) =>
|
|
9
|
+
export declare const IconButton: (props: IconButtonProps) => JSX.Element;
|
|
11
10
|
//# sourceMappingURL=icon-button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/lib/components/icon-button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/lib/components/icon-button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,iBAAiB,EAAE,GAAG,EAAC,MAAM,QAAQ,CAAC;AAEnD,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACnD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,UAAU,UAAW,eAAe,gBAchD,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "preact/jsx-runtime";
|
|
2
2
|
/** Renders a button component with widget CSS */
|
|
3
3
|
export const IconButton = (props) => {
|
|
4
|
-
const { className, label, onClick, children } = props;
|
|
4
|
+
const { className = '', label, onClick, children } = props;
|
|
5
5
|
return (_jsx("div", { className: "deck-widget-button", children: _jsx("button", { className: `deck-widget-icon-button ${className}`, type: "button", onClick: onClick, title: label, children: children ? children : _jsx("div", { className: "deck-widget-icon" }) }) }));
|
|
6
6
|
};
|
|
7
7
|
//# sourceMappingURL=icon-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../src/lib/components/icon-button.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../src/lib/components/icon-button.tsx"],"names":[],"mappings":";AAaA,iDAAiD;AACjD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACnD,MAAM,EAAC,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC;IACzD,OAAO,CACL,cAAK,SAAS,EAAC,oBAAoB,YACjC,iBACE,SAAS,EAAE,2BAA2B,SAAS,EAAE,EACjD,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,YAEX,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,kBAAkB,GAAG,GACpD,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import type { JSX } from 'preact';
|
|
2
2
|
export type IconMenuProps<KeyType = string> = {
|
|
3
3
|
className: string;
|
|
4
|
-
icon?:
|
|
4
|
+
icon?: JSX.Element;
|
|
5
5
|
label?: string;
|
|
6
6
|
menuItems: {
|
|
7
7
|
value: KeyType;
|
|
8
|
-
icon:
|
|
8
|
+
icon: JSX.Element;
|
|
9
9
|
label: string;
|
|
10
10
|
}[];
|
|
11
11
|
initialItem: KeyType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-menu.d.ts","sourceRoot":"","sources":["../../../src/lib/components/icon-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"icon-menu.d.ts","sourceRoot":"","sources":["../../../src/lib/components/icon-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,QAAQ,CAAC;AAMhC,MAAM,MAAM,aAAa,CAAC,OAAO,GAAG,MAAM,IAAI;IAC5C,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE;QAAC,KAAK,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,EAAE,CAAC;IAChE,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,kDAAkD;AAClD,wBAAgB,QAAQ,CAAC,OAAO,SAAS,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,eAsD7E"}
|
|
@@ -1,23 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
|
|
2
2
|
import { useState, useRef, useEffect } from 'preact/hooks';
|
|
3
3
|
import { IconButton } from "./icon-button.js";
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
top: '100%',
|
|
7
|
-
left: 0,
|
|
8
|
-
background: 'white',
|
|
9
|
-
border: '1px solid #ccc',
|
|
10
|
-
borderRadius: '4px',
|
|
11
|
-
marginTop: '4px',
|
|
12
|
-
zIndex: 100
|
|
13
|
-
};
|
|
14
|
-
const MENU_ITEM_STYLE = {
|
|
15
|
-
background: 'white',
|
|
16
|
-
border: 'none',
|
|
17
|
-
padding: '4px',
|
|
18
|
-
cursor: 'pointer',
|
|
19
|
-
pointerEvents: 'auto'
|
|
20
|
-
};
|
|
4
|
+
import { ButtonGroup } from "./button-group.js";
|
|
5
|
+
import { GroupedIconButton } from "./grouped-icon-button.js";
|
|
21
6
|
/** A component that renders an icon popup menu */
|
|
22
7
|
export function IconMenu(props) {
|
|
23
8
|
const [menuOpen, setMenuOpen] = useState(false);
|
|
@@ -43,7 +28,7 @@ export function IconMenu(props) {
|
|
|
43
28
|
const handleButtonClick = () => setMenuOpen(!menuOpen);
|
|
44
29
|
const selectedMenuItem = props.menuItems.find(item => item.value === selectedItem);
|
|
45
30
|
const label = props.label || selectedMenuItem?.label || '';
|
|
46
|
-
const
|
|
47
|
-
return (_jsxs("div", { style: { position: 'relative', display: 'inline-block' }, ref: containerRef, children: [_jsx(IconButton, { className: props.className, label: label, onClick: handleButtonClick, children:
|
|
31
|
+
const icon = (props.icon || selectedMenuItem?.icon);
|
|
32
|
+
return (_jsxs("div", { style: { position: 'relative', display: 'inline-block' }, ref: containerRef, children: [_jsx(IconButton, { className: props.className, label: label, onClick: handleButtonClick, children: icon }), menuOpen && (_jsx("div", { className: "deck-widget-icon-menu", children: _jsx(ButtonGroup, { orientation: "vertical", children: props.menuItems.map(item => (_jsx(GroupedIconButton, { label: item.label, onClick: () => handleSelectItem(item.value), children: item.icon }, item.value))) }) }))] }));
|
|
48
33
|
}
|
|
49
34
|
//# sourceMappingURL=icon-menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-menu.js","sourceRoot":"","sources":["../../../src/lib/components/icon-menu.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AACzD,OAAO,EAAC,UAAU,EAAC,yBAAsB;
|
|
1
|
+
{"version":3,"file":"icon-menu.js","sourceRoot":"","sources":["../../../src/lib/components/icon-menu.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AACzD,OAAO,EAAC,UAAU,EAAC,yBAAsB;AACzC,OAAO,EAAC,WAAW,EAAC,0BAAuB;AAC3C,OAAO,EAAC,iBAAiB,EAAC,iCAA8B;AAWxD,kDAAkD;AAClD,MAAM,UAAU,QAAQ,CAAyB,KAA6B;IAC5E,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,wCAAwC;IACxC,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;QAC/C,IAAI,YAAY,CAAC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;YACjF,WAAW,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAChE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,WAAW,CAAC,CAAC;IAE7E,MAAM,gBAAgB,GAAG,CAAC,IAAa,EAAE,EAAE;QACzC,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IAEvD,MAAM,gBAAgB,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC;IACnF,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,gBAAgB,EAAE,KAAK,IAAI,EAAE,CAAC;IAC3D,MAAM,IAAI,GAAG,CAAC,KAAK,CAAC,IAAI,IAAI,gBAAgB,EAAE,IAAI,CAAE,CAAC;IAErD,OAAO,CACL,eAAK,KAAK,EAAE,EAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAC,EAAE,GAAG,EAAE,YAAY,aAC5E,KAAC,UAAU,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,iBAAiB,YAC7E,IAAI,GACM,EACZ,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,uBAAuB,YACpC,KAAC,WAAW,IAAC,WAAW,EAAC,UAAU,YAChC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC3B,KAAC,iBAAiB,IAEhB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,YAE1C,IAAI,CAAC,IAAI,IAJL,IAAI,CAAC,KAAK,CAKG,CACrB,CAAC,GACU,GACV,CACP,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"simple-menu.js","sourceRoot":"","sources":["../../../src/lib/components/simple-menu.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,GAAsB;IACpC,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,MAAM;IACX,IAAI,EAAE,CAAC;IACP,UAAU,EAAE,OAAO;IACnB,MAAM,EAAE,gBAAgB;IACxB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"simple-menu.js","sourceRoot":"","sources":["../../../src/lib/components/simple-menu.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,GAAsB;IACpC,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,MAAM;IACX,IAAI,EAAE,CAAC;IACP,UAAU,EAAE,OAAO;IACnB,MAAM,EAAE,gBAAgB;IACxB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,sBAAsB;IACjC,MAAM,EAAE,GAAG;CACZ,CAAC;AAEF,MAAM,eAAe,GAAsB;IACzC,UAAU,EAAE,OAAO;IACnB,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,SAAS;IACjB,aAAa,EAAE,MAAM;CACtB,CAAC;AASF,8DAA8D;AAC9D,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACnD,MAAM,EAAC,SAAS,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC;IAC3D,MAAM,aAAa,GAAsB;QACvC,GAAG,UAAU;QACb,GAAG,KAAK;QACR,IAAI,EAAE,GAAG,QAAQ,CAAC,CAAC,IAAI;QACvB,GAAG,EAAE,GAAG,QAAQ,CAAC,CAAC,IAAI;KACvB,CAAC;IAEF,OAAO,CACL,cAAK,KAAK,EAAE,aAAa,YACtB,SAAS,CAAC,GAAG,CAAC,CAAC,EAAC,GAAG,EAAE,KAAK,EAAC,EAAE,EAAE,CAAC,CAC/B,iBAEE,KAAK,EAAE,EAAC,GAAG,eAAe,EAAE,OAAO,EAAE,OAAO,EAAC,EAC7C,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,YAEhC,KAAK,IAJD,GAAG,CAKD,CACV,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/loading-widget.d.ts
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import type { WidgetPlacement, Layer } from '@deck.gl/core';
|
|
2
|
-
import { Widget
|
|
1
|
+
import type { WidgetPlacement, Layer, WidgetProps } from '@deck.gl/core';
|
|
2
|
+
import { Widget } from '@deck.gl/core';
|
|
3
3
|
/** Properties for the LoadingWidget */
|
|
4
4
|
export type LoadingWidgetProps = 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 when loading */
|
|
8
10
|
label?: string;
|
|
9
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loading-widget.d.ts","sourceRoot":"","sources":["../src/loading-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,eAAe,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"loading-widget.d.ts","sourceRoot":"","sources":["../src/loading-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,eAAe,EAAE,KAAK,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AAGrC,uCAAuC;AACvC,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,8DAA8D;IAC9D,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,qBAAa,aAAc,SAAQ,MAAM,CAAC,kBAAkB,CAAC;IAC3D,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAM/C;IAEF,SAAS,SAAyB;IAClC,SAAS,EAAE,eAAe,CAAc;IACxC,OAAO,UAAQ;gBAEH,KAAK,GAAE,kBAAuB;IAK1C,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,kBAAkB,CAAC;IAM3C,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAc5C,QAAQ,CAAC,EAAC,MAAM,EAAC,EAAE;QAAC,MAAM,EAAE,KAAK,EAAE,CAAA;KAAC,GAAG,IAAI;IAS3C,WAAW;CACZ"}
|
package/dist/loading-widget.js
CHANGED
|
@@ -11,19 +11,20 @@ export class LoadingWidget extends Widget {
|
|
|
11
11
|
this.className = 'deck-widget-loading';
|
|
12
12
|
this.placement = 'top-left';
|
|
13
13
|
this.loading = true;
|
|
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) {
|
|
21
22
|
render(
|
|
22
23
|
// TODO(ibgreen) - this should not be a button, but styling is so nested that it is easier to reuse this component.
|
|
23
|
-
this.loading && (_jsx(IconButton, { className: "deck-widget-spinner
|
|
24
|
+
this.loading && (_jsx(IconButton, { className: "deck-widget-spinner", label: this.props.label, onClick: this.handleClick.bind(this) })), rootElement);
|
|
24
25
|
}
|
|
25
26
|
onRedraw({ layers }) {
|
|
26
|
-
const loading =
|
|
27
|
+
const loading = layers.some(layer => !layer.isLoaded);
|
|
27
28
|
if (loading !== this.loading) {
|
|
28
29
|
this.loading = loading;
|
|
29
30
|
this.updateHTML();
|
|
@@ -36,6 +37,7 @@ LoadingWidget.defaultProps = {
|
|
|
36
37
|
...Widget.defaultProps,
|
|
37
38
|
id: 'loading',
|
|
38
39
|
placement: 'top-left',
|
|
40
|
+
viewId: null,
|
|
39
41
|
label: 'Loading layer data'
|
|
40
42
|
};
|
|
41
43
|
//# sourceMappingURL=loading-widget.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loading-widget.js","sourceRoot":"","sources":["../src/loading-widget.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"loading-widget.js","sourceRoot":"","sources":["../src/loading-widget.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AACrC,OAAO,EAAC,UAAU,EAAC,wCAAqC;AAYxD;;GAEG;AACH,MAAM,OAAO,aAAc,SAAQ,MAA0B;IAa3D,YAAY,QAA4B,EAAE;QACxC,KAAK,CAAC,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QAL3C,cAAS,GAAG,qBAAqB,CAAC;QAClC,cAAS,GAAoB,UAAU,CAAC;QACxC,YAAO,GAAG,IAAI,CAAC;QAIb,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,QAAQ,CAAC,KAAkC;QACzC,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;QACJ,mHAAmH;QACnH,IAAI,CAAC,OAAO,IAAI,CACd,KAAC,UAAU,IACT,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GACpC,CACH,EACD,WAAW,CACZ,CAAC;IACJ,CAAC;IAED,QAAQ,CAAC,EAAC,MAAM,EAAoB;QAClC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACtD,IAAI,OAAO,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;YAC7B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;YACvB,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC;IACH,CAAC;IAED,0DAA0D;IAC1D,WAAW,KAAI,CAAC;;AA9CT,0BAAY,GAAiC;IAClD,GAAG,MAAM,CAAC,YAAY;IACtB,EAAE,EAAE,SAAS;IACb,SAAS,EAAE,UAAU;IACrB,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,oBAAoB;CAC5B,AANkB,CAMjB"}
|
|
@@ -1,30 +1,28 @@
|
|
|
1
|
-
import type { WidgetPlacement } from '@deck.gl/core';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
type ViewState = Record<string, unknown>;
|
|
1
|
+
import type { WidgetPlacement, WidgetProps } from '@deck.gl/core';
|
|
2
|
+
import type { ViewStateMap, ViewOrViews } from '@deck.gl/core/src/lib/view-manager';
|
|
3
|
+
import { Widget } from '@deck.gl/core';
|
|
5
4
|
/** Properties for the ResetViewWidget */
|
|
6
|
-
export type ResetViewWidgetProps = WidgetProps & {
|
|
5
|
+
export type ResetViewWidgetProps<ViewsT extends ViewOrViews = null> = WidgetProps & {
|
|
7
6
|
/** Widget positioning within the view. Default 'top-left'. */
|
|
8
7
|
placement?: WidgetPlacement;
|
|
9
8
|
/** Tooltip message */
|
|
10
9
|
label?: string;
|
|
11
10
|
/** The initial view state to reset the view to. Defaults to deck.props.initialViewState */
|
|
12
|
-
initialViewState?:
|
|
11
|
+
initialViewState?: ViewStateMap<ViewsT>;
|
|
13
12
|
/** View to interact with. Required when using multiple views. */
|
|
14
13
|
viewId?: string | null;
|
|
15
14
|
};
|
|
16
15
|
/**
|
|
17
16
|
* A button widget that resets the view state of deck to an initial state.
|
|
18
17
|
*/
|
|
19
|
-
export declare class ResetViewWidget extends Widget<ResetViewWidgetProps> {
|
|
18
|
+
export declare class ResetViewWidget<ViewsT extends ViewOrViews = null> extends Widget<ResetViewWidgetProps<ViewsT>, ViewsT> {
|
|
20
19
|
static defaultProps: Required<ResetViewWidgetProps>;
|
|
21
20
|
className: string;
|
|
22
21
|
placement: WidgetPlacement;
|
|
23
|
-
constructor(props?: ResetViewWidgetProps);
|
|
24
|
-
setProps(props: Partial<ResetViewWidgetProps
|
|
22
|
+
constructor(props?: ResetViewWidgetProps<ViewsT>);
|
|
23
|
+
setProps(props: Partial<ResetViewWidgetProps<ViewsT>>): void;
|
|
25
24
|
onRenderHTML(rootElement: HTMLElement): void;
|
|
26
25
|
handleClick(): void;
|
|
27
|
-
setViewState(viewState
|
|
26
|
+
setViewState(viewState?: ViewStateMap<ViewsT>): void;
|
|
28
27
|
}
|
|
29
|
-
export {};
|
|
30
28
|
//# sourceMappingURL=reset-view-widget.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"reset-view-widget.d.ts","sourceRoot":"","sources":["../src/reset-view-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"reset-view-widget.d.ts","sourceRoot":"","sources":["../src/reset-view-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,eAAe,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAChE,OAAO,KAAK,EAAC,YAAY,EAAE,WAAW,EAAC,MAAM,oCAAoC,CAAC;AAElF,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AAGrC,yCAAyC;AACzC,MAAM,MAAM,oBAAoB,CAAC,MAAM,SAAS,WAAW,GAAG,IAAI,IAAI,WAAW,GAAG;IAClF,8DAA8D;IAC9D,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2FAA2F;IAC3F,gBAAgB,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACxC,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB,CAAC;AAEF;;GAEG;AACH,qBAAa,eAAe,CAAC,MAAM,SAAS,WAAW,GAAG,IAAI,CAAE,SAAQ,MAAM,CAC5E,oBAAoB,CAAC,MAAM,CAAC,EAC5B,MAAM,CACP;IACC,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,oBAAoB,CAAC,CAOjD;IAEF,SAAS,SAA4B;IACrC,SAAS,EAAE,eAAe,CAAc;gBAE5B,KAAK,GAAE,oBAAoB,CAAC,MAAM,CAAM;IAKpD,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAMrD,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAW5C,WAAW;IAKX,YAAY,CAAC,SAAS,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC;CAW9C"}
|
|
@@ -10,10 +10,11 @@ export class ResetViewWidget extends Widget {
|
|
|
10
10
|
super(props, ResetViewWidget.defaultProps);
|
|
11
11
|
this.className = 'deck-widget-reset-view';
|
|
12
12
|
this.placement = 'top-left';
|
|
13
|
-
this.
|
|
13
|
+
this.setProps(this.props);
|
|
14
14
|
}
|
|
15
15
|
setProps(props) {
|
|
16
16
|
this.placement = props.placement ?? this.placement;
|
|
17
|
+
this.viewId = props.viewId ?? this.viewId;
|
|
17
18
|
super.setProps(props);
|
|
18
19
|
}
|
|
19
20
|
onRenderHTML(rootElement) {
|
|
@@ -24,9 +25,9 @@ export class ResetViewWidget extends Widget {
|
|
|
24
25
|
this.setViewState(initialViewState);
|
|
25
26
|
}
|
|
26
27
|
setViewState(viewState) {
|
|
27
|
-
const viewId = this.props.viewId ||
|
|
28
|
+
const viewId = (this.props.viewId || 'default-view');
|
|
28
29
|
const nextViewState = {
|
|
29
|
-
...viewState
|
|
30
|
+
...(viewId !== 'default-view' ? viewState?.[viewId] : viewState)
|
|
30
31
|
// only works for geospatial?
|
|
31
32
|
// transitionDuration: this.props.transitionDuration,
|
|
32
33
|
// transitionInterpolator: new FlyToInterpolator()
|
|
@@ -41,6 +42,6 @@ ResetViewWidget.defaultProps = {
|
|
|
41
42
|
placement: 'top-left',
|
|
42
43
|
label: 'Reset View',
|
|
43
44
|
initialViewState: undefined,
|
|
44
|
-
viewId:
|
|
45
|
+
viewId: null
|
|
45
46
|
};
|
|
46
47
|
//# sourceMappingURL=reset-view-widget.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"reset-view-widget.js","sourceRoot":"","sources":["../src/reset-view-widget.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"reset-view-widget.js","sourceRoot":"","sources":["../src/reset-view-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;AAcxD;;GAEG;AACH,MAAM,OAAO,eAAmD,SAAQ,MAGvE;IAaC,YAAY,QAAsC,EAAE;QAClD,KAAK,CAAC,KAAK,EAAE,eAAe,CAAC,YAAsD,CAAC,CAAC;QAJvF,cAAS,GAAG,wBAAwB,CAAC;QACrC,cAAS,GAAoB,UAAU,CAAC;QAItC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,QAAQ,CAAC,KAA4C;QACnD,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,yBAAyB,EACnC,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,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC;QAC1F,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACtC,CAAC;IAED,YAAY,CAAC,SAAgC;QAC3C,MAAM,MAAM,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,cAAc,CAAsB,CAAC;QAC1E,MAAM,aAAa,GAAG;YACpB,GAAG,CAAC,MAAM,KAAK,cAAc,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YAChE,6BAA6B;YAC7B,qDAAqD;YACrD,kDAAkD;SACnD,CAAC;QACF,uEAAuE;QACvE,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAC,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,EAAE,EAAC,CAAC,CAAC;IACzF,CAAC;;AAjDM,4BAAY,GAAmC;IACpD,GAAG,MAAM,CAAC,YAAY;IACtB,EAAE,EAAE,YAAY;IAChB,SAAS,EAAE,UAAU;IACrB,KAAK,EAAE,YAAY;IACnB,gBAAgB,EAAE,SAAU;IAC5B,MAAM,EAAE,IAAI;CACb,AAPkB,CAOjB"}
|