@deck.gl/widgets 9.2.8 → 9.2.10

package/dist/dist.dev.js

@@ -1144,6 +1144,15 @@ var __exports__ = (() => {
   }
 
   // src/lib/components/dropdown-menu.tsx
+  function getMenuItemValue(item) {
+    return typeof item === "string" ? item : item.value;
+  }
+  function getMenuItemLabel(item) {
+    return typeof item === "string" ? item : item.label;
+  }
+  function getMenuItemIcon(item) {
+    return typeof item === "string" ? void 0 : item.icon;
+  }
   var DropdownMenu = (props) => {
     const [isOpen, setIsOpen] = h2(false);
     const dropdownRef = A2(null);
@@ -1159,74 +1168,37 @@ var __exports__ = (() => {
         document.removeEventListener("mousedown", handleClickOutside);
       };
     }, []);
-    const handleSelect = (value) => {
-      props.onSelect(value);
+    const handleSelect = (item) => {
+      props.onSelect(getMenuItemValue(item));
       setIsOpen(false);
     };
-    return /* @__PURE__ */ u2(
-      "div",
-      {
-        className: "dropdown-container",
-        ref: dropdownRef,
-        style: {
-          position: "relative",
-          display: "inline-block",
-          ...props.style
-        },
-        children: [
-          /* @__PURE__ */ u2(
-            "button",
-            {
-              onClick: toggleDropdown,
-              style: {
-                width: "30px",
-                height: "30px",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                border: "1px solid #ccc",
-                borderRadius: "4px",
-                background: "#fff",
-                cursor: "pointer",
-                padding: 0
-              },
-              children: "\u25BC"
-            }
-          ),
-          isOpen && /* @__PURE__ */ u2(
-            "ul",
-            {
-              style: {
-                position: "absolute",
-                top: "100%",
-                right: "100%",
-                background: "#fff",
-                border: "1px solid #ccc",
-                borderRadius: "4px",
-                listStyle: "none",
-                padding: "4px 0",
-                margin: 0,
-                zIndex: 1e3,
-                minWidth: "200px"
-              },
-              children: props.menuItems.map((item) => /* @__PURE__ */ u2(
-                "li",
+    if (props.menuItems.length === 0) {
+      return null;
+    }
+    return /* @__PURE__ */ u2("div", { className: "deck-widget-dropdown-container", ref: dropdownRef, style: props.style, children: [
+      /* @__PURE__ */ u2("button", { className: "deck-widget-dropdown-button", onClick: toggleDropdown, children: /* @__PURE__ */ u2("span", { className: `deck-widget-dropdown-icon ${isOpen ? "open" : ""}` }) }),
+      isOpen && /* @__PURE__ */ u2("ul", { className: "deck-widget-dropdown-menu", children: props.menuItems.map((item) => {
+        const icon = getMenuItemIcon(item);
+        return /* @__PURE__ */ u2(
+          "li",
+          {
+            className: "deck-widget-dropdown-item",
+            onClick: () => handleSelect(item),
+            children: [
+              icon && /* @__PURE__ */ u2(
+                "span",
                 {
-                  onClick: () => handleSelect(item),
-                  style: {
-                    padding: "4px 8px",
-                    cursor: "pointer",
-                    whiteSpace: "nowrap"
-                  },
-                  children: item
-                },
-                item
-              ))
-            }
-          )
-        ]
-      }
-    );
+                  className: "deck-widget-dropdown-item-icon",
+                  style: { maskImage: `url("${icon}")`, WebkitMaskImage: `url("${icon}")` }
+                }
+              ),
+              getMenuItemLabel(item)
+            ]
+          },
+          getMenuItemValue(item)
+        );
+      }) })
+    ] });
   };
 
   // src/lib/geocode/geocoder-history.ts
@@ -1419,6 +1391,12 @@ var __exports__ = (() => {
 
   // src/geocoder-widget.tsx
   var CURRENT_LOCATION2 = "current";
+  var LOCATION_ICON = `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-480q33 0 56.5-23.5T560-560q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 33 23.5 56.5T480-480Zm0 294q122-112 181-203.5T720-552q0-109-69.5-178.5T480-800q-101 0-170.5 69.5T240-552q0 71 59 162.5T480-186Zm0 106Q319-217 239.5-334.5T160-552q0-150 96.5-239T480-880q127 0 223.5 89T800-552q0 100-79.5 217.5T480-80Z'/%3E%3C/svg%3E`;
+  var CURRENT_LOCATION_ITEM = {
+    label: "Current location",
+    value: CURRENT_LOCATION2,
+    icon: LOCATION_ICON
+  };
   var GeocoderWidget = class extends import_core7.Widget {
     constructor(props = {}) {
       super(props);
@@ -1427,6 +1405,7 @@ var __exports__ = (() => {
       this.geocodeHistory = new GeocoderHistory({});
       this.addressText = "";
       this.geocoder = CoordinatesGeocoder;
+      this.isGettingLocation = false;
       this.setInput = (text) => {
         this.addressText = text;
       };
@@ -1435,23 +1414,48 @@ var __exports__ = (() => {
           this.handleSubmit();
         }
       };
-      this.handleSelect = (address) => {
-        this.setInput(address);
-        this.handleSubmit();
+      this.handleSelect = (value) => {
+        if (value === CURRENT_LOCATION2) {
+          this.getCurrentLocation();
+        } else {
+          this.setInput(value);
+          this.handleSubmit();
+        }
       };
       /** Sync wrapper for async geocode() */
       this.handleSubmit = () => {
         this.geocode(this.addressText);
       };
+      /** Get current location via browser geolocation API */
+      this.getCurrentLocation = async () => {
+        this.isGettingLocation = true;
+        if (this.rootElement) {
+          this.updateHTML();
+        }
+        try {
+          const coordinates = await CurrentLocationGeocoder.geocode();
+          if (coordinates) {
+            this.setViewState(coordinates);
+          }
+        } catch (error) {
+          this.geocodeHistory.errorText = error instanceof Error ? error.message : "Location error";
+        } finally {
+          this.isGettingLocation = false;
+          if (this.rootElement) {
+            this.updateHTML();
+          }
+        }
+      };
       /** Perform geocoding */
       this.geocode = async (address) => {
-        const useGeolocation = this.props._geolocation && address === CURRENT_LOCATION2;
-        const geocoder = useGeolocation ? CurrentLocationGeocoder : this.geocoder;
         const coordinates = await this.geocodeHistory.geocode(
-          geocoder,
+          this.geocoder,
           this.addressText,
           this.props.apiKey
         );
+        if (this.rootElement) {
+          this.updateHTML();
+        }
         if (coordinates) {
           this.setViewState(coordinates);
         }
@@ -1469,53 +1473,23 @@ var __exports__ = (() => {
       super.setProps(props);
     }
     onRenderHTML(rootElement) {
-      const menuItems = this.props._geolocation ? [CURRENT_LOCATION2, ...this.geocodeHistory.addressHistory] : [...this.geocodeHistory.addressHistory];
+      const menuItems = this.props._geolocation ? [CURRENT_LOCATION_ITEM, ...this.geocodeHistory.addressHistory] : [...this.geocodeHistory.addressHistory];
       B(
-        /* @__PURE__ */ u2(
-          "div",
-          {
-            className: "deck-widget-geocoder",
-            style: {
-              pointerEvents: "auto",
-              display: "flex",
-              alignItems: "center",
-              flexWrap: "wrap"
-              // Allows wrapping on smaller screens
-            },
-            children: [
-              /* @__PURE__ */ u2(
-                "input",
-                {
-                  type: "text",
-                  placeholder: this.geocoder.placeholderLocation ?? "Enter address or location",
-                  value: this.geocodeHistory.addressText,
-                  onInput: (e3) => this.setInput(e3.target?.value || ""),
-                  onKeyPress: this.handleKeyPress,
-                  style: {
-                    flex: "1 1 auto",
-                    minWidth: "200px",
-                    margin: 0,
-                    padding: "8px",
-                    boxSizing: "border-box"
-                  }
-                }
-              ),
-              /* @__PURE__ */ u2(
-                DropdownMenu,
-                {
-                  menuItems,
-                  onSelect: this.handleSelect,
-                  style: {
-                    margin: 2,
-                    padding: "4px 2px",
-                    boxSizing: "border-box"
-                  }
-                }
-              ),
-              this.geocodeHistory.errorText && /* @__PURE__ */ u2("div", { className: "error", children: this.geocodeHistory.errorText })
-            ]
-          }
-        ),
+        /* @__PURE__ */ u2("div", { className: "deck-widget-geocoder", children: [
+          /* @__PURE__ */ u2(
+            "input",
+            {
+              className: "deck-widget-geocoder-input",
+              type: "text",
+              placeholder: this.isGettingLocation ? "Finding your location..." : this.geocoder.placeholderLocation ?? "Enter address or location",
+              value: this.geocodeHistory.addressText,
+              onInput: (e3) => this.setInput(e3.target?.value || ""),
+              onKeyPress: this.handleKeyPress
+            }
+          ),
+          /* @__PURE__ */ u2(DropdownMenu, { menuItems, onSelect: this.handleSelect }),
+          this.geocodeHistory.errorText && /* @__PURE__ */ u2("div", { className: "deck-widget-geocoder-error", children: this.geocodeHistory.errorText })
+        ] }),
         rootElement
       );
     }
@@ -2386,7 +2360,13 @@ var __exports__ = (() => {
     "--button-text": "rgb(24, 24, 26, 1)",
     "--icon-compass-north-color": "rgb(240, 92, 68)",
     "--icon-compass-south-color": "rgb(204, 204, 204)",
-    "--menu-gap": "4px"
+    "--menu-gap": "4px",
+    "--menu-background": "#fff",
+    "--menu-backdrop-filter": "unset",
+    "--menu-border": "unset",
+    "--menu-shadow": "0px 0px 8px 0px rgba(0, 0, 0, 0.25)",
+    "--menu-text": "rgb(24, 24, 26, 1)",
+    "--menu-item-hover": "rgba(0, 0, 0, 0.08)"
   };
   var DarkTheme = {
     "--widget-margin": "12px",
@@ -2402,7 +2382,13 @@ var __exports__ = (() => {
     "--button-text": "rgb(215, 214, 229, 1)",
     "--icon-compass-north-color": "rgb(240, 92, 68)",
     "--icon-compass-south-color": "rgb(200, 199, 209)",
-    "--menu-gap": "4px"
+    "--menu-gap": "4px",
+    "--menu-background": "rgba(18, 18, 20, 1)",
+    "--menu-backdrop-filter": "unset",
+    "--menu-border": "unset",
+    "--menu-shadow": "0px 0px 8px 0px rgba(0, 0, 0, 0.25)",
+    "--menu-text": "rgb(215, 214, 229, 1)",
+    "--menu-item-hover": "rgba(255, 255, 255, 0.1)"
   };
   var LightGlassTheme = {
     "--widget-margin": "12px",
@@ -2418,7 +2404,13 @@ var __exports__ = (() => {
     "--button-text": "rgb(24, 24, 26, 1)",
     "--icon-compass-north-color": "rgb(240, 92, 68)",
     "--icon-compass-south-color": "rgb(204, 204, 204)",
-    "--menu-gap": "4px"
+    "--menu-gap": "4px",
+    "--menu-background": "rgba(255, 255, 255, 0.6)",
+    "--menu-backdrop-filter": "blur(4px)",
+    "--menu-border": "1px solid rgba(255, 255, 255, 0.6)",
+    "--menu-shadow": "0px 0px 8px 0px rgba(0, 0, 0, 0.25), 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset",
+    "--menu-text": "rgb(24, 24, 26, 1)",
+    "--menu-item-hover": "rgba(0, 0, 0, 0.08)"
   };
   var DarkGlassTheme = {
     "--widget-margin": "12px",
@@ -2434,7 +2426,13 @@ var __exports__ = (() => {
     "--button-text": "rgb(215, 214, 229, 1)",
     "--icon-compass-north-color": "rgb(240, 92, 68)",
     "--icon-compass-south-color": "rgb(200, 199, 209)",
-    "--menu-gap": "4px"
+    "--menu-gap": "4px",
+    "--menu-background": "rgba(18, 18, 20, 0.75)",
+    "--menu-backdrop-filter": "blur(4px)",
+    "--menu-border": "1px solid rgba(18, 18, 20, 0.75)",
+    "--menu-shadow": "0px 0px 8px 0px rgba(0, 0, 0, 0.25), 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset",
+    "--menu-text": "rgb(215, 214, 229, 1)",
+    "--menu-item-hover": "rgba(255, 255, 255, 0.1)"
   };
 
   // src/theme-widget.tsx

package/dist/geocoder-widget.d.ts

@@ -34,14 +34,17 @@ export declare class GeocoderWidget extends Widget<GeocoderWidgetProps> {
     geocodeHistory: GeocoderHistory;
     addressText: string;
     geocoder: Geocoder;
+    isGettingLocation: boolean;
     constructor(props?: GeocoderWidgetProps);
     setProps(props: Partial<GeocoderWidgetProps>): void;
     onRenderHTML(rootElement: HTMLElement): void;
     setInput: (text: string) => void;
     handleKeyPress: (e: any) => void;
-    handleSelect: (address: string) => void;
+    handleSelect: (value: string) => void;
     /** Sync wrapper for async geocode() */
     handleSubmit: () => void;
+    /** Get current location via browser geolocation API */
+    getCurrentLocation: () => Promise<void>;
     /** Perform geocoding */
     geocode: (address: string) => Promise<void>;
     setViewState(viewState: ViewState): void;

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

@@ -1 +1 @@
-{"version":3,"file":"geocoder-widget.d.ts","sourceRoot":"","sources":["../src/geocoder-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AACrC,OAAO,KAAK,EAAC,eAAe,EAAE,QAAQ,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAI1E,OAAO,EAAC,KAAK,QAAQ,EAAC,kCAA+B;AACrD,OAAO,EAAC,eAAe,EAAC,0CAAuC;AAS/D,yCAAyC;AACzC,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAIzC,wCAAwC;AACxC,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,aAAa,GAAG,QAAQ,CAAC;IACvE,+DAA+D;IAC/D,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,MAAM,CAAC,mBAAmB,CAAC;IAC7D,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAWhD;IAEF,SAAS,SAA0B;IACnC,SAAS,EAAE,eAAe,CAAc;IAExC,cAAc,kBAA2B;IACzC,WAAW,EAAE,MAAM,CAAM;IACzB,QAAQ,EAAE,QAAQ,CAAuB;gBAE7B,KAAK,GAAE,mBAAwB;IAK3C,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,IAAI;IAUnD,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IA8C5C,QAAQ,SAAU,MAAM,UAEtB;IAEF,cAAc,mBAIZ;IAEF,YAAY,YAAa,MAAM,UAG7B;IAEF,uCAAuC;IACvC,YAAY,aAGV;IAEF,wBAAwB;IACxB,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAWzC;IAGF,YAAY,CAAC,SAAS,EAAE,SAAS;IAiBjC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ;IAInC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAM;CAC1C"}
+{"version":3,"file":"geocoder-widget.d.ts","sourceRoot":"","sources":["../src/geocoder-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AACrC,OAAO,KAAK,EAAC,eAAe,EAAE,QAAQ,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAI1E,OAAO,EAAC,KAAK,QAAQ,EAAC,kCAA+B;AACrD,OAAO,EAAC,eAAe,EAAC,0CAAuC;AAS/D,yCAAyC;AACzC,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAazC,wCAAwC;AACxC,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,aAAa,GAAG,QAAQ,CAAC;IACvE,+DAA+D;IAC/D,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,MAAM,CAAC,mBAAmB,CAAC;IAC7D,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAWhD;IAEF,SAAS,SAA0B;IACnC,SAAS,EAAE,eAAe,CAAc;IAExC,cAAc,kBAA2B;IACzC,WAAW,EAAE,MAAM,CAAM;IACzB,QAAQ,EAAE,QAAQ,CAAuB;IACzC,iBAAiB,EAAE,OAAO,CAAS;gBAEvB,KAAK,GAAE,mBAAwB;IAK3C,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,IAAI;IAUnD,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IA4B5C,QAAQ,SAAU,MAAM,UAEtB;IAEF,cAAc,mBAIZ;IAEF,YAAY,UAAW,MAAM,UAS3B;IAEF,uCAAuC;IACvC,YAAY,aAGV;IAEF,uDAAuD;IACvD,kBAAkB,sBAmBhB;IAEF,wBAAwB;IACxB,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAazC;IAGF,YAAY,CAAC,SAAS,EAAE,SAAS;IAiBjC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ;IAInC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAM;CAC1C"}

package/dist/geocoder-widget.js

@@ -9,6 +9,13 @@ import { DropdownMenu } from "./lib/components/dropdown-menu.js";
 import { GeocoderHistory } from "./lib/geocode/geocoder-history.js";
 import { GoogleGeocoder, MapboxGeocoder, OpenCageGeocoder, CoordinatesGeocoder, CurrentLocationGeocoder } from "./lib/geocode/geocoders.js";
 const CURRENT_LOCATION = 'current';
+// Location pin icon (from Google Material Symbols)
+const LOCATION_ICON = `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-480q33 0 56.5-23.5T560-560q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 33 23.5 56.5T480-480Zm0 294q122-112 181-203.5T720-552q0-109-69.5-178.5T480-800q-101 0-170.5 69.5T240-552q0 71 59 162.5T480-186Zm0 106Q319-217 239.5-334.5T160-552q0-150 96.5-239T480-880q127 0 223.5 89T800-552q0 100-79.5 217.5T480-80Z'/%3E%3C/svg%3E`;
+const CURRENT_LOCATION_ITEM = {
+    label: 'Current location',
+    value: CURRENT_LOCATION,
+    icon: LOCATION_ICON
+};
 /**
  * A widget that display a text box that lets user type in a location
  * and a button that moves the view to that location.
@@ -22,6 +29,7 @@ export class GeocoderWidget extends Widget {
         this.geocodeHistory = new GeocoderHistory({});
         this.addressText = '';
         this.geocoder = CoordinatesGeocoder;
+        this.isGettingLocation = false;
         this.setInput = (text) => {
             this.addressText = text;
         };
@@ -30,20 +38,51 @@ export class GeocoderWidget extends Widget {
                 this.handleSubmit();
             }
         };
-        this.handleSelect = (address) => {
-            this.setInput(address);
-            this.handleSubmit();
+        this.handleSelect = (value) => {
+            if (value === CURRENT_LOCATION) {
+                // Don't put "current" in the text field, just trigger geolocation
+                // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                this.getCurrentLocation();
+            }
+            else {
+                this.setInput(value);
+                this.handleSubmit();
+            }
         };
         /** Sync wrapper for async geocode() */
         this.handleSubmit = () => {
             // eslint-disable-next-line @typescript-eslint/no-floating-promises
             this.geocode(this.addressText);
         };
+        /** Get current location via browser geolocation API */
+        this.getCurrentLocation = async () => {
+            this.isGettingLocation = true;
+            if (this.rootElement) {
+                this.updateHTML();
+            }
+            try {
+                const coordinates = await CurrentLocationGeocoder.geocode();
+                if (coordinates) {
+                    this.setViewState(coordinates);
+                }
+            }
+            catch (error) {
+                this.geocodeHistory.errorText = error instanceof Error ? error.message : 'Location error';
+            }
+            finally {
+                this.isGettingLocation = false;
+                if (this.rootElement) {
+                    this.updateHTML();
+                }
+            }
+        };
         /** Perform geocoding */
         this.geocode = async (address) => {
-            const useGeolocation = this.props._geolocation && address === CURRENT_LOCATION;
-            const geocoder = useGeolocation ? CurrentLocationGeocoder : this.geocoder;
-            const coordinates = await this.geocodeHistory.geocode(geocoder, this.addressText, this.props.apiKey);
+            const coordinates = await this.geocodeHistory.geocode(this.geocoder, this.addressText, this.props.apiKey);
+            // Re-render to show updated history or error (guard against torn-down widget)
+            if (this.rootElement) {
+                this.updateHTML();
+            }
             if (coordinates) {
                 this.setViewState(coordinates);
             }
@@ -62,26 +101,13 @@ export class GeocoderWidget extends Widget {
     }
     onRenderHTML(rootElement) {
         const menuItems = this.props._geolocation
-            ? [CURRENT_LOCATION, ...this.geocodeHistory.addressHistory]
+            ? [CURRENT_LOCATION_ITEM, ...this.geocodeHistory.addressHistory]
             : [...this.geocodeHistory.addressHistory];
-        render(_jsxs("div", { className: "deck-widget-geocoder", style: {
-                pointerEvents: 'auto',
-                display: 'flex',
-                alignItems: 'center',
-                flexWrap: 'wrap' // Allows wrapping on smaller screens
-            }, children: [_jsx("input", { type: "text", placeholder: this.geocoder.placeholderLocation ?? 'Enter address or location', value: this.geocodeHistory.addressText, 
+        render(_jsxs("div", { className: "deck-widget-geocoder", children: [_jsx("input", { className: "deck-widget-geocoder-input", type: "text", placeholder: this.isGettingLocation
+                        ? 'Finding your location...'
+                        : (this.geocoder.placeholderLocation ?? 'Enter address or location'), value: this.geocodeHistory.addressText, 
                     // @ts-expect-error event type
-                    onInput: e => this.setInput(e.target?.value || ''), onKeyPress: this.handleKeyPress, style: {
-                        flex: '1 1 auto',
-                        minWidth: '200px',
-                        margin: 0,
-                        padding: '8px',
-                        boxSizing: 'border-box'
-                    } }), _jsx(DropdownMenu, { menuItems: menuItems, onSelect: this.handleSelect, style: {
-                        margin: 2,
-                        padding: '4px 2px',
-                        boxSizing: 'border-box'
-                    } }), this.geocodeHistory.errorText && (_jsx("div", { className: "error", children: this.geocodeHistory.errorText }))] }), rootElement);
+                    onInput: e => this.setInput(e.target?.value || ''), onKeyPress: this.handleKeyPress }), _jsx(DropdownMenu, { menuItems: menuItems, onSelect: this.handleSelect }), this.geocodeHistory.errorText && (_jsx("div", { className: "deck-widget-geocoder-error", children: this.geocodeHistory.errorText }))] }), rootElement);
     }
     // TODO - MOVE TO WIDGETIMPL?
     setViewState(viewState) {

package/dist/geocoder-widget.js.map

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