@deck.gl/widgets 9.2.11 → 9.3.0-alpha.2

package/dist/index.d.ts

@@ -6,14 +6,17 @@ export { ScaleWidget as _ScaleWidget } from "./scale-widget.js";
 export { GeocoderWidget as _GeocoderWidget } from "./geocoder-widget.js";
 export { FullscreenWidget } from "./fullscreen-widget.js";
 export { SplitterWidget as _SplitterWidget } from "./splitter-widget.js";
-export { ViewSelectorWidget as _ViewSelectorWidget } from "./view-selector-widget.js";
-export { InfoWidget as _InfoWidget } from "./info-widget.js";
-export { ContextMenuWidget as _ContextMenuWidget } from "./context-menu-widget.js";
+export { InfoWidget } from "./info-widget.js";
+export { PopupWidget } from "./popup-widget.js";
+export { ContextMenuWidget } from "./context-menu-widget.js";
+export { ScrollbarWidget } from "./scrollbar-widget.js";
+export { IconWidget } from "./icon-widget.js";
+export { ToggleWidget } from "./toggle-widget.js";
+export { SelectorWidget } from "./selector-widget.js";
 export { TimelineWidget as _TimelineWidget } from "./timeline-widget.js";
 export { ScreenshotWidget } from "./screenshot-widget.js";
-export { ThemeWidget as _ThemeWidget } from "./theme-widget.js";
-export { LoadingWidget as _LoadingWidget } from "./loading-widget.js";
-export { FpsWidget as _FpsWidget } from "./fps-widget.js";
+export { ThemeWidget } from "./theme-widget.js";
+export { LoadingWidget } from "./loading-widget.js";
 export { StatsWidget as _StatsWidget } from "./stats-widget.js";
 export type { FullscreenWidgetProps } from "./fullscreen-widget.js";
 export type { CompassWidgetProps } from "./compass-widget.js";
@@ -22,24 +25,25 @@ export type { ScreenshotWidgetProps } from "./screenshot-widget.js";
 export type { ResetViewWidgetProps } from "./reset-view-widget.js";
 export type { GeocoderWidgetProps } from "./geocoder-widget.js";
 export type { LoadingWidgetProps } from "./loading-widget.js";
-export type { FpsWidgetProps } from "./fps-widget.js";
+export type { IconWidgetProps } from "./icon-widget.js";
+export type { ToggleWidgetProps } from "./toggle-widget.js";
 export type { ScaleWidgetProps } from "./scale-widget.js";
 export type { ThemeWidgetProps } from "./theme-widget.js";
 export type { InfoWidgetProps } from "./info-widget.js";
+export type { PopupWidgetProps } from "./popup-widget.js";
 export type { StatsWidgetProps } from "./stats-widget.js";
 export type { ContextMenuWidgetProps } from "./context-menu-widget.js";
 export type { SplitterWidgetProps } from "./splitter-widget.js";
 export type { TimelineWidgetProps } from "./timeline-widget.js";
-export type { ViewSelectorWidgetProps } from "./view-selector-widget.js";
+export type { SelectorWidgetProps } from "./selector-widget.js";
 export type { GimbalWidgetProps } from "./gimbal-widget.js";
+export type { ContentBounds, ScrollbarWidgetProps, ScrollbarDecoration } from "./scrollbar-widget.js";
 export { LightTheme, DarkTheme, LightGlassTheme, DarkGlassTheme } from "./themes.js";
 export type { DeckWidgetTheme } from "./themes.js";
 export { ButtonGroup as _ButtonGroup, type ButtonGroupProps } from "./lib/components/button-group.js";
 export { IconButton as _IconButton, type IconButtonProps } from "./lib/components/icon-button.js";
-export { GroupedIconButton as _GroupedIconButton, type GroupedIconButtonProps } from "./lib/components/grouped-icon-button.js";
-export { DropdownMenu as _DropdownMenu, type DropdownMenuProps } from "./lib/components/dropdown-menu.js";
-export { SimpleMenu as _SimpleMenu, type SimpleMenuProps } from "./lib/components/simple-menu.js";
-export { IconMenu as _IconMenu, type IconMenuProps } from "./lib/components/icon-menu.js";
+export { DropdownMenu as _DropdownMenu, type DropdownMenuProps, SimpleMenu as _SimpleMenu, type SimpleMenuProps } from "./lib/components/dropdown-menu.js";
+export { RangeInput as _RangeInput, type RangeInputProps, type RangeInputDecoration } from "./lib/components/range-input.js";
 export { type Geocoder } from "./lib/geocode/geocoder.js";
 export { GoogleGeocoder as _GoogleGeocoder, MapboxGeocoder as _MapboxGeocoder, OpenCageGeocoder as _OpenCageGeocoder, CoordinatesGeocoder as _CoordinatesGeocoder, CurrentLocationGeocoder as _CurrentLocationGeocoder } from "./lib/geocode/geocoders.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -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;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"}
+{"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;AAGpE,OAAO,EAAC,UAAU,EAAC,yBAAsB;AACzC,OAAO,EAAC,WAAW,EAAC,0BAAuB;AAC3C,OAAO,EAAC,iBAAiB,EAAC,iCAA8B;AACxD,OAAO,EAAC,eAAe,EAAC,8BAA2B;AAGnD,OAAO,EAAC,UAAU,EAAC,yBAAsB;AACzC,OAAO,EAAC,YAAY,EAAC,2BAAwB;AAC7C,OAAO,EAAC,cAAc,EAAC,6BAA0B;AACjD,OAAO,EAAC,cAAc,IAAI,eAAe,EAAC,6BAA0B;AAGpE,OAAO,EAAC,gBAAgB,EAAC,+BAA4B;AACrD,OAAO,EAAC,WAAW,EAAC,0BAAuB;AAC3C,OAAO,EAAC,aAAa,EAAC,4BAAyB;AAC/C,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,eAAe,EAAC,yBAAsB;AACnD,YAAY,EAAC,iBAAiB,EAAC,2BAAwB;AACvD,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,gBAAgB,EAAC,0BAAuB;AACrD,YAAY,EAAC,sBAAsB,EAAC,iCAA8B;AAClE,YAAY,EAAC,mBAAmB,EAAC,6BAA0B;AAC3D,YAAY,EAAC,mBAAmB,EAAC,6BAA0B;AAC3D,YAAY,EAAC,mBAAmB,EAAC,6BAA0B;AAC3D,YAAY,EAAC,iBAAiB,EAAC,2BAAwB;AACvD,YAAY,EAAC,aAAa,EAAE,oBAAoB,EAAE,mBAAmB,EAAC,8BAA2B;AAEjG,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,YAAY,IAAI,aAAa,EAC7B,KAAK,iBAAiB,EACtB,UAAU,IAAI,WAAW,EACzB,KAAK,eAAe,EACrB,0CAAuC;AACxC,OAAO,EACL,UAAU,IAAI,WAAW,EACzB,KAAK,eAAe,EACpB,KAAK,oBAAoB,EAC1B,wCAAqC;AAGtC,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

@@ -12,25 +12,26 @@ export { GeocoderWidget as _GeocoderWidget } from "./geocoder-widget.js";
 // View widgets
 export { FullscreenWidget } from "./fullscreen-widget.js";
 export { SplitterWidget as _SplitterWidget } from "./splitter-widget.js";
-export { ViewSelectorWidget as _ViewSelectorWidget } from "./view-selector-widget.js";
 // Information widgets
-export { InfoWidget as _InfoWidget } from "./info-widget.js";
-export { ContextMenuWidget as _ContextMenuWidget } from "./context-menu-widget.js";
+export { InfoWidget } from "./info-widget.js";
+export { PopupWidget } from "./popup-widget.js";
+export { ContextMenuWidget } from "./context-menu-widget.js";
+export { ScrollbarWidget } from "./scrollbar-widget.js";
 // Control widgets
+export { IconWidget } from "./icon-widget.js";
+export { ToggleWidget } from "./toggle-widget.js";
+export { SelectorWidget } from "./selector-widget.js";
 export { TimelineWidget as _TimelineWidget } from "./timeline-widget.js";
 // Utility widgets
 export { ScreenshotWidget } from "./screenshot-widget.js";
-export { ThemeWidget as _ThemeWidget } from "./theme-widget.js";
-export { LoadingWidget as _LoadingWidget } from "./loading-widget.js";
-export { FpsWidget as _FpsWidget } from "./fps-widget.js";
+export { ThemeWidget } from "./theme-widget.js";
+export { LoadingWidget } from "./loading-widget.js";
 export { StatsWidget as _StatsWidget } from "./stats-widget.js";
 export { LightTheme, DarkTheme, LightGlassTheme, DarkGlassTheme } from "./themes.js";
 // Experimental preact components
 export { ButtonGroup as _ButtonGroup } from "./lib/components/button-group.js";
 export { IconButton as _IconButton } from "./lib/components/icon-button.js";
-export { GroupedIconButton as _GroupedIconButton } from "./lib/components/grouped-icon-button.js";
-export { DropdownMenu as _DropdownMenu } from "./lib/components/dropdown-menu.js";
-export { SimpleMenu as _SimpleMenu } from "./lib/components/simple-menu.js";
-export { IconMenu as _IconMenu } from "./lib/components/icon-menu.js";
+export { DropdownMenu as _DropdownMenu, SimpleMenu as _SimpleMenu } from "./lib/components/dropdown-menu.js";
+export { RangeInput as _RangeInput } from "./lib/components/range-input.js";
 export { GoogleGeocoder as _GoogleGeocoder, MapboxGeocoder as _MapboxGeocoder, OpenCageGeocoder as _OpenCageGeocoder, CoordinatesGeocoder as _CoordinatesGeocoder, CurrentLocationGeocoder as _CurrentLocationGeocoder } from "./lib/geocode/geocoders.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -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;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"}
+{"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;AAEpE,sBAAsB;AACtB,OAAO,EAAC,UAAU,EAAC,yBAAsB;AACzC,OAAO,EAAC,WAAW,EAAC,0BAAuB;AAC3C,OAAO,EAAC,iBAAiB,EAAC,iCAA8B;AACxD,OAAO,EAAC,eAAe,EAAC,8BAA2B;AAEnD,kBAAkB;AAClB,OAAO,EAAC,UAAU,EAAC,yBAAsB;AACzC,OAAO,EAAC,YAAY,EAAC,2BAAwB;AAC7C,OAAO,EAAC,cAAc,EAAC,6BAA0B;AACjD,OAAO,EAAC,cAAc,IAAI,eAAe,EAAC,6BAA0B;AAEpE,kBAAkB;AAClB,OAAO,EAAC,gBAAgB,EAAC,+BAA4B;AACrD,OAAO,EAAC,WAAW,EAAC,0BAAuB;AAC3C,OAAO,EAAC,aAAa,EAAC,4BAAyB;AAC/C,OAAO,EAAC,WAAW,IAAI,YAAY,EAAC,0BAAuB;AAuB3D,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,YAAY,IAAI,aAAa,EAE7B,UAAU,IAAI,WAAW,EAE1B,0CAAuC;AACxC,OAAO,EACL,UAAU,IAAI,WAAW,EAG1B,wCAAqC;AAItC,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

@@ -1,38 +1,60 @@
 import { Widget } from '@deck.gl/core';
 import type { Deck, PickingInfo, Viewport, WidgetProps } from '@deck.gl/core';
+import { type PopoverProps } from "./lib/components/popover.js";
+export type TooltipContent = {
+    /** Anchor of the popup in world coordinates, e.g. [longitude, latitude].
+     * If not supplied, default to the mouse position where the popup was triggered.
+     */
+    position?: number[];
+    /** Text content to display in the popup */
+    text?: string;
+    /** HTML content to display in the popup. If supplied, `text` is ignored. */
+    html?: string;
+    /** HTML element to attach inside the popup. */
+    element?: HTMLElement | null;
+    /** Custom class name to add to the popup */
+    className?: string;
+    /** CSS style overrides of the popup */
+    style?: Partial<CSSStyleDeclaration>;
+};
 export type InfoWidgetProps = WidgetProps & {
     /** View to attach to and interact with. Required when using multiple views */
     viewId?: string | null;
     /** Determines the interaction mode of the widget */
-    mode: 'click' | 'hover' | 'static';
+    mode: 'click' | 'hover';
     /** Function to generate the popup contents from the selected element */
-    getTooltip?: (info: PickingInfo, widget: InfoWidget) => InfoWidgetProps | null;
-    /** Position at which to place popup (clicked point: [longitude, latitude]) */
-    position: [number, number];
-    /** Text content of popup */
-    text?: string;
-    /** Visibility of info widget */
-    visible?: boolean;
-    /** Minimum offset (in pixels) to keep the popup away from the canvas edges. */
-    minOffset?: number;
-    /** Callback triggered when the widget is clicked. */
-    onClick?: (widget: InfoWidget, info: PickingInfo) => boolean;
+    getTooltip?: (info: PickingInfo, widget: InfoWidget) => TooltipContent | string | null | undefined;
+    /** Position popup relative to the anchor.
+     * @default 'right'
+     */
+    placement?: PopoverProps['placement'];
+    /** Pixel offset
+     * @default 10
+     */
+    offset?: PopoverProps['offset'];
+    /**
+     * Show an arrow pointing at the anchor. Optionally accepts a pixel size.
+     * @default 10
+     */
+    arrow?: PopoverProps['arrow'];
 };
 export declare class InfoWidget extends Widget<InfoWidgetProps> {
     static defaultProps: Required<InfoWidgetProps>;
     className: string;
     placement: "fill";
     viewport?: Viewport;
+    tooltip: Required<TooltipContent> | null;
     constructor(props: InfoWidgetProps);
     setProps(props: Partial<InfoWidgetProps>): void;
-    onCreateRootElement(): HTMLDivElement;
-    onViewportChange(viewport: any): void;
-    onHover(info: PickingInfo): void;
-    onClick(info: PickingInfo): boolean;
-    onAdd({ deck, viewId }: {
+    onAdd({ deck }: {
         deck: Deck<any>;
         viewId: string | null;
     }): void;
+    onRemove(): void;
+    onViewportChange(viewport: any): void;
+    onHover(info: PickingInfo): void;
+    onClick(info: PickingInfo): void;
+    protected _getTooltip(info: PickingInfo): Required<TooltipContent> | null;
     onRenderHTML(rootElement: HTMLElement): void;
 }
 //# sourceMappingURL=info-widget.d.ts.map

package/dist/info-widget.d.ts.map

@@ -1 +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"}
+{"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;AAE5E,OAAO,EAAU,KAAK,YAAY,EAAC,oCAAiC;AAGpE,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,oDAAoD;IACpD,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC;IACxB,wEAAwE;IACxE,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,UAAU,KACf,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAChD;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CAC/B,CAAC;AAEF,qBAAa,UAAW,SAAQ,MAAM,CAAC,eAAe,CAAC;IACrD,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,eAAe,CAAC,CAS5C;IAEF,SAAS,SAAsB;IAC/B,SAAS,SAAmB;IAC5B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,GAAG,IAAI,CAAQ;gBAEpC,KAAK,EAAE,eAAe;IAKlC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC;IAKxC,KAAK,CAAC,EAAC,IAAI,EAAC,EAAE;QAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;KAAC;IAItD,QAAQ;IAOR,gBAAgB,CAAC,QAAQ,KAAA;IAKzB,OAAO,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAMhC,OAAO,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAMhC,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,GAAG,IAAI;IAsBzE,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;CAkC7C"}

package/dist/info-widget.js

@@ -1,175 +1,91 @@
-import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { jsx as _jsx } from "preact/jsx-runtime";
 // deck.gl
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
 import { Widget } from '@deck.gl/core';
 import { render } from 'preact';
+import { Popover } from "./lib/components/popover.js";
+import { UserContent } from "./lib/components/user-content.js";
 export class InfoWidget extends Widget {
     constructor(props) {
         super(props);
         this.className = 'deck-widget-info';
         this.placement = 'fill';
+        this.tooltip = null;
         this.setProps(this.props);
     }
     setProps(props) {
         this.viewId = props.viewId ?? this.viewId;
         super.setProps(props);
     }
-    onCreateRootElement() {
-        const element = super.onCreateRootElement();
-        const style = { margin: '0px', top: '0px', left: '0px', position: 'absolute' };
-        Object.entries(style).forEach(([key, value]) => element.style.setProperty(key, value));
-        return element;
+    onAdd({ deck }) {
+        this.deck = deck;
+    }
+    onRemove() {
+        // Invoke clean up of preact hooks
+        if (this.rootElement) {
+            render(null, this.rootElement);
+        }
     }
     onViewportChange(viewport) {
         this.viewport = viewport;
         this.updateHTML();
     }
     onHover(info) {
-        if (this.props.mode === 'hover' && this.props.getTooltip) {
-            const tooltip = this.props.getTooltip(info, this);
-            // hover tooltips should show over static and click infos
-            this.setProps({
-                visible: tooltip !== null,
-                ...tooltip,
-                style: { zIndex: '1', ...tooltip?.style }
-            });
+        if (this.props.mode === 'hover') {
+            this.tooltip = this._getTooltip(info);
         }
     }
     onClick(info) {
-        if (this.props.mode === 'click' && this.props.getTooltip) {
-            const tooltip = this.props.getTooltip(info, this);
-            this.setProps({
-                visible: tooltip !== null,
-                ...tooltip
-            });
-            return tooltip !== null;
+        if (this.props.mode === 'click') {
+            this.tooltip = this._getTooltip(info);
         }
-        // Original behavior
-        return this.props.onClick?.(this, info) || false;
     }
-    onAdd({ deck, viewId }) {
-        this.deck = deck;
-        if (!viewId) {
-            this.viewport = deck.getViewports()[0];
-        }
-        else {
-            this.viewport = deck.getViewports().find(viewport => viewport.id === viewId);
-        }
+    _getTooltip(info) {
+        if (!this.props.getTooltip)
+            return null;
+        const content = this.props.getTooltip(info, this) ?? null;
+        if (content === null)
+            return null;
+        const normalizedTooltip = typeof content === 'string' ? { text: content } : content;
+        const position = normalizedTooltip.position || info.coordinate;
+        if (!position)
+            return null;
+        return {
+            position,
+            text: '',
+            html: '',
+            element: null,
+            className: '',
+            style: {},
+            ...normalizedTooltip
+        };
     }
     onRenderHTML(rootElement) {
-        if (!this.viewport) {
+        if (!this.viewport || this.tooltip === null) {
+            render(null, rootElement);
             return;
         }
-        const [longitude, latitude] = this.props.position;
+        const style = {
+            ...this.props.style,
+            ...this.tooltip.style
+        };
         // Project the clicked geographic coordinate to canvas (x, y)
-        const [x, y] = this.viewport.project([longitude, latitude]);
-        const minOffset = this.props.minOffset || 0;
-        const gap = 10; // gap between clicked point and popup box
-        const arrowHeight = 8; // height of the triangle arrow
-        const arrowWidth = 16; // full width of the arrow
-        // Decide vertical orientation.
-        // If the clicked point is in the bottom half, place the popup above the point.
-        const isAbove = y > this.viewport.height / 2;
-        const background = (this.props.style && this.props.style.background) || 'rgba(255,255,255,0.9)';
+        const [x, y] = this.viewport.project(this.tooltip.position);
         // Render the popup container with a content box and a placeholder for the arrow.
         // The container is positioned absolutely (initially at 0,0) and will be repositioned after measuring.
-        const ui = this.props.visible ? (_jsxs("div", { className: "popup-container", style: { position: 'absolute', left: 0, top: 0 }, children: [_jsx("div", { className: "popup-content", style: {
-                        background,
-                        padding: '10px',
-                        position: 'relative',
-                        // Include any additional styles
-                        ...this.props.style
-                    }, children: this.props.text }), _jsx("div", { className: "popup-arrow", style: { position: 'absolute', width: '0px', height: '0px' } })] })) : null;
+        const ui = (_jsx(Popover, { x: x, y: y, placement: this.props.placement, arrow: this.props.arrow, arrowColor: "var(--menu-background, #fff)", offset: this.props.offset, children: _jsx(UserContent, { className: `deck-widget-popup-content ${this.tooltip.className} ${this.props.className}`, style: style, html: this.tooltip.html, text: this.tooltip.text, element: this.tooltip.element }) }));
         render(ui, rootElement);
-        // After rendering, measure the content and adjust positioning so that:
-        // - The popup (with its arrow) does not cover the clicked point.
-        // - The arrow's tip points to the clicked point.
-        // - The popup remains within the canvas bounds, with minOffset.
-        // eslint-disable-next-line max-statements, complexity
-        requestAnimationFrame(() => {
-            if (!this.props.visible || !rootElement.firstChild || !this.viewport)
-                return;
-            const container = rootElement.firstChild;
-            const contentEl = container.querySelector('.popup-content');
-            const arrowEl = container.querySelector('.popup-arrow');
-            if (!contentEl || !arrowEl)
-                return;
-            const contentRect = contentEl.getBoundingClientRect();
-            const popupWidth = contentRect.width;
-            const popupHeight = contentRect.height;
-            // Compute ideal horizontal position: center the popup on the clicked x
-            let computedLeft = x - popupWidth / 2;
-            // Compute vertical position based on orientation:
-            // If the popup is above, position its bottom edge (minus arrow & gap) at the clicked y.
-            // Otherwise, position its top edge (plus arrow & gap) at the clicked y.
-            let computedTop;
-            if (isAbove) {
-                computedTop = y - gap - arrowHeight - popupHeight;
-            }
-            else {
-                computedTop = y + gap + arrowHeight;
-            }
-            // Ensure the popup (content) stays within horizontal bounds of the canvas
-            if (computedLeft < minOffset) {
-                computedLeft = minOffset;
-            }
-            if (computedLeft + popupWidth > this.viewport.width - minOffset) {
-                computedLeft = this.viewport.width - minOffset - popupWidth;
-            }
-            // Ensure the vertical position (including the arrow) stays within canvas bounds.
-            if (isAbove) {
-                if (computedTop < minOffset) {
-                    computedTop = minOffset;
-                }
-            }
-            else if (computedTop + popupHeight + arrowHeight > this.viewport.height - minOffset) {
-                computedTop = this.viewport.height - minOffset - popupHeight - arrowHeight;
-            }
-            // Update container position (remove any transform and set left/top explicitly)
-            container.style.left = `${computedLeft}px`;
-            container.style.top = `${computedTop}px`;
-            container.style.transform = '';
-            // Compute arrow's horizontal offset relative to the container.
-            // We want the arrow's tip to align with the clicked point.
-            let arrowLeft = x - computedLeft - arrowWidth / 2;
-            // Optionally constrain arrowLeft so it stays within the popup's width.
-            arrowLeft = Math.max(arrowLeft, 0);
-            arrowLeft = Math.min(arrowLeft, popupWidth - arrowWidth);
-            // Update arrow element's style based on orientation.
-            if (isAbove) {
-                // Popup is above the clicked point so arrow appears at the bottom of the popup.
-                arrowEl.style.left = `${arrowLeft}px`;
-                arrowEl.style.bottom = `-${arrowHeight}px`;
-                arrowEl.style.top = '';
-                arrowEl.style.borderLeft = `${arrowWidth / 2}px solid transparent`;
-                arrowEl.style.borderRight = `${arrowWidth / 2}px solid transparent`;
-                arrowEl.style.borderTop = `${arrowHeight}px solid ${background}`;
-                arrowEl.style.borderBottom = '';
-            }
-            else {
-                // Popup is below the clicked point so arrow appears at the top.
-                arrowEl.style.left = `${arrowLeft}px`;
-                arrowEl.style.top = `-${arrowHeight}px`;
-                arrowEl.style.bottom = '';
-                arrowEl.style.borderLeft = `${arrowWidth / 2}px solid transparent`;
-                arrowEl.style.borderRight = `${arrowWidth / 2}px solid transparent`;
-                arrowEl.style.borderBottom = `${arrowHeight}px solid ${background}`;
-                arrowEl.style.borderTop = '';
-            }
-        });
     }
 }
 InfoWidget.defaultProps = {
     ...Widget.defaultProps,
     id: 'info',
-    position: [0, 0],
-    text: '',
-    visible: false,
-    minOffset: 0,
     viewId: null,
     mode: 'hover',
     getTooltip: undefined,
-    onClick: undefined
+    placement: 'right',
+    offset: 10,
+    arrow: 10
 };
 //# sourceMappingURL=info-widget.js.map

package/dist/info-widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"info-widget.js","sourceRoot":"","sources":["../src/info-widget.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"info-widget.js","sourceRoot":"","sources":["../src/info-widget.tsx"],"names":[],"mappings":"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"}

package/dist/lib/components/dropdown-menu.d.ts

@@ -1,13 +1,20 @@
-import { type JSX } from 'preact';
+import { type JSX, type ComponentChild } from 'preact';
 export type MenuItem = string | {
+    value?: string;
     label: string;
-    value: string;
     icon?: string;
+    onSelect?: () => void;
 };
 export type DropdownMenuProps = {
     menuItems: MenuItem[];
-    onSelect: (value: string) => void;
-    style?: JSX.CSSProperties;
+    onSelect?: (value: string) => void;
+    style?: Partial<CSSStyleDeclaration>;
 };
-export declare const DropdownMenu: (props: DropdownMenuProps) => JSX.Element | null;
+export declare const DropdownMenu: (props: DropdownMenuProps) => JSX.Element;
+export type SimpleMenuProps = DropdownMenuProps & {
+    trigger?: ComponentChild;
+    isOpen: boolean;
+    onClose: () => void;
+};
+export declare const SimpleMenu: (props: SimpleMenuProps) => JSX.Element | null;
 //# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/lib/components/dropdown-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dropdown-menu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,KAAK,GAAG,EAAC,MAAM,QAAQ,CAAC;AAGhC,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC;AAE9E,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B,CAAC;AAcF,eAAO,MAAM,YAAY,UAAW,iBAAiB,uBA0DpD,CAAC"}
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dropdown-menu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,KAAK,GAAG,EAAE,KAAK,cAAc,EAAC,MAAM,QAAQ,CAAC;AAIrD,MAAM,MAAM,QAAQ,GAChB,MAAM,GACN;IACE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEN,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;CACtC,CAAC;AAcF,eAAO,MAAM,YAAY,UAAW,iBAAiB,gBAgBpD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAChD,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,UAAU,UAAW,eAAe,uBAuDhD,CAAC"}

package/dist/lib/components/dropdown-menu.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
 import { useState, useRef, useEffect } from 'preact/hooks';
+import { getCSSMask } from "../data-url.js";
 function getMenuItemValue(item) {
     return typeof item === 'string' ? item : item.value;
 }
@@ -11,30 +12,38 @@ function getMenuItemIcon(item) {
 }
 export const DropdownMenu = (props) => {
     const [isOpen, setIsOpen] = useState(false);
+    return (_jsx(SimpleMenu, { ...props, style: { ...props.style, position: 'absolute' }, isOpen: isOpen, onClose: () => setIsOpen(false), trigger: _jsx("button", { className: "deck-widget-dropdown-button", onClick: () => setIsOpen(!isOpen), children: _jsx("span", { className: `deck-widget-dropdown-icon ${isOpen ? 'open' : ''}` }) }) }));
+};
+export const SimpleMenu = (props) => {
     const dropdownRef = useRef(null);
-    const toggleDropdown = () => setIsOpen(!isOpen);
-    const handleClickOutside = (event) => {
-        if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
-            setIsOpen(false);
-        }
-    };
     useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+                props.onClose();
+            }
+        };
         document.addEventListener('mousedown', handleClickOutside);
         return () => {
             document.removeEventListener('mousedown', handleClickOutside);
         };
     }, []);
-    const handleSelect = (item) => {
-        props.onSelect(getMenuItemValue(item));
-        setIsOpen(false);
+    const handleSelect = (value, item) => {
+        if (value) {
+            if (typeof item === 'object') {
+                item.onSelect?.();
+            }
+            props.onSelect?.(value);
+            props.onClose();
+        }
     };
     // Don't render anything if there are no menu items
     if (props.menuItems.length === 0) {
         return null;
     }
-    return (_jsxs("div", { className: "deck-widget-dropdown-container", ref: dropdownRef, style: props.style, children: [_jsx("button", { className: "deck-widget-dropdown-button", onClick: toggleDropdown, children: _jsx("span", { className: `deck-widget-dropdown-icon ${isOpen ? 'open' : ''}` }) }), isOpen && (_jsx("ul", { className: "deck-widget-dropdown-menu", children: props.menuItems.map(item => {
+    return (_jsxs("div", { className: "deck-widget-dropdown-container", ref: dropdownRef, children: [props.trigger, props.isOpen && (_jsx("ul", { className: "deck-widget-dropdown-menu", style: props.style, children: props.menuItems.map((item, i) => {
+                    const value = getMenuItemValue(item);
                     const icon = getMenuItemIcon(item);
-                    return (_jsxs("li", { className: "deck-widget-dropdown-item", onClick: () => handleSelect(item), children: [icon && (_jsx("span", { className: "deck-widget-dropdown-item-icon", style: { maskImage: `url("${icon}")`, WebkitMaskImage: `url("${icon}")` } })), getMenuItemLabel(item)] }, getMenuItemValue(item)));
+                    return (_jsxs("li", { className: `deck-widget-dropdown-item ${value ? '' : 'disabled'}`, onClick: () => handleSelect(value, item), children: [icon && (_jsx("span", { className: "deck-widget-dropdown-item-icon", style: getCSSMask(icon) })), getMenuItemLabel(item)] }, i));
                 }) }))] }));
 };
 //# sourceMappingURL=dropdown-menu.js.map

package/dist/lib/components/dropdown-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../../src/lib/components/dropdown-menu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../../src/lib/components/dropdown-menu.tsx"],"names":[],"mappings":"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"}

package/dist/lib/components/icon-button.d.ts

@@ -1,7 +1,10 @@
 import type { ComponentChildren, JSX } from 'preact';
 export type IconButtonProps = {
     className?: string;
+    icon?: string;
     label?: string;
+    color?: string;
+    style?: JSX.CSSProperties;
     onClick?: JSX.MouseEventHandler<HTMLButtonElement>;
     children?: ComponentChildren;
 };

package/dist/lib/components/icon-button.d.ts.map

@@ -1 +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"}
+{"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;AAInD,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAC1B,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,gBAqBhD,CAAC"}

package/dist/lib/components/icon-button.js

@@ -1,7 +1,15 @@
 import { jsx as _jsx } from "preact/jsx-runtime";
+import { useMemo } from 'preact/hooks';
+import { getCSSMask } from "../data-url.js";
 /** Renders a button component with widget CSS */
 export const IconButton = (props) => {
-    const { className = '', label, onClick, children } = props;
-    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" }) }) }));
+    const { className = '', style, color, icon, label, onClick, children } = props;
+    const iconStyle = useMemo(() => {
+        const css = getCSSMask(icon);
+        if (!color)
+            return css;
+        return { ...css, backgroundColor: color };
+    }, [color, icon]);
+    return (_jsx("div", { className: "deck-widget-button", style: style, children: _jsx("button", { className: `deck-widget-icon-button ${className}`, type: "button", onClick: onClick, title: label, children: children ? children : _jsx("div", { className: "deck-widget-icon", style: iconStyle }) }) }));
 };
 //# sourceMappingURL=icon-button.js.map