react-listing-engine 0.6.10 → 0.7.0

package/dist/{listing-app-CtF5E1ja.d.cts → listing-app-C7EeHlmP.d.cts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ComponentType, ReactNode } from 'react';
-import { b as EntityAdapter, M as MapPoint, L as LatLng, a as MapProvider } from './map-provider.interface-DT-v1plm.cjs';
+import { b as EntityAdapter, M as MapPoint, L as LatLng, a as MapProvider } from './map-provider.interface-B5Law7gE.cjs';
 
 interface FilterControlProps<TValue> {
     value: TValue;
@@ -119,6 +119,7 @@ interface IListingComponents {
     ResultHeader: ComponentType<IListingResultHeaderProps>;
     Toolbar: ComponentType<IListingToolbarProps>;
 }
+declare const FallbackPopup: ComponentType<IListingPopupProps>;
 /**
  * Injection point for custom-component overrides. Every slot is optional —
  * anything not provided falls back to the (unstyled) default. Mirrors
@@ -189,6 +190,8 @@ interface IStyledListingLayoutProps {
     mapCenter?: LatLng;
     /** Forwarded verbatim to `<ListingMap zoom={mapZoom} />`. */
     mapZoom?: number;
+    /** Forwarded verbatim to `<ListingMap mapControls={mapControls} />` -- see that prop's doc comment. */
+    mapControls?: ReactNode;
     className?: string;
 }
 /**
@@ -235,7 +238,7 @@ interface IStyledListingLayoutProps {
  *   default -- pass `autoFetch={false}`
  *   to opt out and drive the first fetch yourself.
  */
-declare function StyledListingLayout({ search, toolbarEnd, mobileAction, autoFetch, hasMap: hasMapProp, mapCenter, mapZoom, className, }: IStyledListingLayoutProps): react.JSX.Element;
+declare function StyledListingLayout({ search, toolbarEnd, mobileAction, autoFetch, hasMap: hasMapProp, mapCenter, mapZoom, mapControls, className, }: IStyledListingLayoutProps): react.JSX.Element;
 
 /**
  * Two-shape `map` prop: pass a ready `MapProvider`, or the `{ apiKey, mapId? }`
@@ -309,6 +312,14 @@ interface ListingAppProps<TFilters> {
     mobileAction?: IBottomNavAction;
     search?: IStyledListingLayoutProps['search'];
     toolbarEnd?: IStyledListingLayoutProps['toolbarEnd'];
+    /**
+     * Rendered as an absolutely-positioned overlay floating over the map (e.g. zoom/fullscreen
+     * buttons) -- forwarded verbatim through `StyledListingLayout` to `ListingMap`'s own
+     * `mapControls` prop; see that prop's doc comment for the exact positioning contract. Omit
+     * (the default) to render nothing extra. Has no effect when no map is configured (the layout
+     * drops the map region entirely in that case).
+     */
+    mapControls?: ReactNode;
     config?: Partial<IListingConfigOptions>;
     autoFetch?: boolean;
     className?: string;
@@ -348,4 +359,4 @@ interface ListingAppProps<TFilters> {
  */
 declare function ListingApp<TEntity, TFilters>(props: ListingAppProps<TFilters>): react.JSX.Element | null;
 
-export { BottomNav as B, type ClusterOptions as C, type DatasetDefinition as D, FilterRegistry as F, type IListingConfigOptions as I, ListingApp as L, type MarkerRenderer as M, PaginationMode as P, StyledListingLayout as S, type IListingToolbarProps as a, type FilterControlProps as b, type FilterDefinition as c, type IListingCardProps as d, type IListingComponents as e, type IListingEmptyProps as f, type IListingFilterPanelProps as g, type IListingLoadingProps as h, type IListingMarkerProps as i, type IListingPopupProps as j, type IListingResultHeaderProps as k, type IListingSearchProps as l, type IListingSidebarProps as m, type ListingAppProps as n, ListingComponentsProvider as o, type BottomNavView as p, type IBottomNavAction as q, type IBottomNavProps as r, type IStyledListingLayoutProps as s, type ListingAppMapProp as t, useListingComponents as u };
+export { BottomNav as B, type ClusterOptions as C, type DatasetDefinition as D, FilterRegistry as F, type IListingConfigOptions as I, ListingApp as L, type MarkerRenderer as M, PaginationMode as P, StyledListingLayout as S, type IListingToolbarProps as a, FallbackPopup as b, type FilterControlProps as c, type FilterDefinition as d, type IListingCardProps as e, type IListingComponents as f, type IListingEmptyProps as g, type IListingFilterPanelProps as h, type IListingLoadingProps as i, type IListingMarkerProps as j, type IListingPopupProps as k, type IListingResultHeaderProps as l, type IListingSearchProps as m, type IListingSidebarProps as n, type ListingAppProps as o, ListingComponentsProvider as p, type BottomNavView as q, type IBottomNavAction as r, type IBottomNavProps as s, type IStyledListingLayoutProps as t, useListingComponents as u, type ListingAppMapProp as v };

package/dist/{listing-app-BeYPcPVw.d.ts → listing-app-DHFJtnKI.d.ts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ComponentType, ReactNode } from 'react';
-import { b as EntityAdapter, M as MapPoint, L as LatLng, a as MapProvider } from './map-provider.interface-DT-v1plm.js';
+import { b as EntityAdapter, M as MapPoint, L as LatLng, a as MapProvider } from './map-provider.interface-B5Law7gE.js';
 
 interface FilterControlProps<TValue> {
     value: TValue;
@@ -119,6 +119,7 @@ interface IListingComponents {
     ResultHeader: ComponentType<IListingResultHeaderProps>;
     Toolbar: ComponentType<IListingToolbarProps>;
 }
+declare const FallbackPopup: ComponentType<IListingPopupProps>;
 /**
  * Injection point for custom-component overrides. Every slot is optional —
  * anything not provided falls back to the (unstyled) default. Mirrors
@@ -189,6 +190,8 @@ interface IStyledListingLayoutProps {
     mapCenter?: LatLng;
     /** Forwarded verbatim to `<ListingMap zoom={mapZoom} />`. */
     mapZoom?: number;
+    /** Forwarded verbatim to `<ListingMap mapControls={mapControls} />` -- see that prop's doc comment. */
+    mapControls?: ReactNode;
     className?: string;
 }
 /**
@@ -235,7 +238,7 @@ interface IStyledListingLayoutProps {
  *   default -- pass `autoFetch={false}`
  *   to opt out and drive the first fetch yourself.
  */
-declare function StyledListingLayout({ search, toolbarEnd, mobileAction, autoFetch, hasMap: hasMapProp, mapCenter, mapZoom, className, }: IStyledListingLayoutProps): react.JSX.Element;
+declare function StyledListingLayout({ search, toolbarEnd, mobileAction, autoFetch, hasMap: hasMapProp, mapCenter, mapZoom, mapControls, className, }: IStyledListingLayoutProps): react.JSX.Element;
 
 /**
  * Two-shape `map` prop: pass a ready `MapProvider`, or the `{ apiKey, mapId? }`
@@ -309,6 +312,14 @@ interface ListingAppProps<TFilters> {
     mobileAction?: IBottomNavAction;
     search?: IStyledListingLayoutProps['search'];
     toolbarEnd?: IStyledListingLayoutProps['toolbarEnd'];
+    /**
+     * Rendered as an absolutely-positioned overlay floating over the map (e.g. zoom/fullscreen
+     * buttons) -- forwarded verbatim through `StyledListingLayout` to `ListingMap`'s own
+     * `mapControls` prop; see that prop's doc comment for the exact positioning contract. Omit
+     * (the default) to render nothing extra. Has no effect when no map is configured (the layout
+     * drops the map region entirely in that case).
+     */
+    mapControls?: ReactNode;
     config?: Partial<IListingConfigOptions>;
     autoFetch?: boolean;
     className?: string;
@@ -348,4 +359,4 @@ interface ListingAppProps<TFilters> {
  */
 declare function ListingApp<TEntity, TFilters>(props: ListingAppProps<TFilters>): react.JSX.Element | null;
 
-export { BottomNav as B, type ClusterOptions as C, type DatasetDefinition as D, FilterRegistry as F, type IListingConfigOptions as I, ListingApp as L, type MarkerRenderer as M, PaginationMode as P, StyledListingLayout as S, type IListingToolbarProps as a, type FilterControlProps as b, type FilterDefinition as c, type IListingCardProps as d, type IListingComponents as e, type IListingEmptyProps as f, type IListingFilterPanelProps as g, type IListingLoadingProps as h, type IListingMarkerProps as i, type IListingPopupProps as j, type IListingResultHeaderProps as k, type IListingSearchProps as l, type IListingSidebarProps as m, type ListingAppProps as n, ListingComponentsProvider as o, type BottomNavView as p, type IBottomNavAction as q, type IBottomNavProps as r, type IStyledListingLayoutProps as s, type ListingAppMapProp as t, useListingComponents as u };
+export { BottomNav as B, type ClusterOptions as C, type DatasetDefinition as D, FilterRegistry as F, type IListingConfigOptions as I, ListingApp as L, type MarkerRenderer as M, PaginationMode as P, StyledListingLayout as S, type IListingToolbarProps as a, FallbackPopup as b, type FilterControlProps as c, type FilterDefinition as d, type IListingCardProps as e, type IListingComponents as f, type IListingEmptyProps as g, type IListingFilterPanelProps as h, type IListingLoadingProps as i, type IListingMarkerProps as j, type IListingPopupProps as k, type IListingResultHeaderProps as l, type IListingSearchProps as m, type IListingSidebarProps as n, type ListingAppProps as o, ListingComponentsProvider as p, type BottomNavView as q, type IBottomNavAction as r, type IBottomNavProps as s, type IStyledListingLayoutProps as t, useListingComponents as u, type ListingAppMapProp as v };

package/dist/map-provider.interface-B5Law7gE.d.cts

@@ -0,0 +1,143 @@
+type EntityId = string | number;
+interface Bounds {
+    west: number;
+    south: number;
+    east: number;
+    north: number;
+}
+interface LatLng {
+    lat: number;
+    lng: number;
+}
+interface PageRequest {
+    cursor?: string | null;
+    limit: number;
+}
+interface Page<T> {
+    items: T[];
+    nextCursor: string | null;
+    total?: number;
+}
+interface MapPoint<TEntity = unknown> {
+    id: EntityId;
+    position: LatLng;
+    entity: TEntity;
+}
+type QueryParams = Record<string, string | undefined>;
+interface EntityAdapter<TEntity, TFilters> {
+    list(filters: TFilters, page: PageRequest): Promise<Page<TEntity>>;
+    getPoints(filters: TFilters, bounds: Bounds): Promise<MapPoint<TEntity>[]>;
+    getById?(id: EntityId): Promise<TEntity>;
+}
+
+/**
+ * Providers that need an API key take it via their factory (e.g. `googleProvider({ apiKey })`),
+ * not per-mount.
+ */
+interface MapInitOptions {
+    apiKey?: string;
+    center?: LatLng;
+    zoom?: number;
+    /**
+     * Element the Fullscreen API should target on `toggleFullscreen()`, instead of the `el`
+     * passed to `mount`. Additive/optional -- providers resolve `fullscreenTarget ?? el`, so
+     * existing callers that never supply it are unaffected.
+     *
+     * Needed because a consumer overlay rendered as a SIBLING of `el` (e.g. `ListingMap`'s
+     * `mapControls`, deliberately never a child -- a real map SDK owns `el`'s contents) would
+     * otherwise vanish the instant `el` alone is fullscreened: the Fullscreen API only shows the
+     * target element and its descendants, never its siblings. Pass an outer wrapper that contains
+     * BOTH `el` and the sibling overlay to keep the overlay visible in fullscreen.
+     */
+    fullscreenTarget?: HTMLElement;
+}
+interface MapHandle {
+    readonly raw: unknown;
+}
+interface RenderedLayer {
+    id: string;
+    markers: Array<{
+        id: string | number;
+        position: LatLng;
+        iconUrl?: string;
+        element?: HTMLElement;
+    }>;
+    clustering?: {
+        maxZoom?: number;
+    } | false;
+    onMarkerClick?(id: string | number): void;
+}
+type Unsubscribe = () => void;
+/**
+ * Handle to an imperatively-mounted, lat/lng-anchored DOM overlay (see
+ * `MapProvider.mountOverlay`). `container` is a stable element the provider
+ * created and owns positioning of -- callers portal their own content (e.g. the
+ * injected `Popup` slot) into it. `setPosition` re-anchors it at a new
+ * coordinate; `unmount` detaches it from the map and the DOM.
+ */
+interface MapOverlayHandle {
+    readonly container: HTMLElement;
+    setPosition(position: LatLng): void;
+    unmount(): void;
+}
+interface MapProvider {
+    mount(el: HTMLElement, opts: MapInitOptions): Promise<MapHandle> | MapHandle;
+    renderLayer(handle: MapHandle, layer: RenderedLayer): Unsubscribe;
+    onBoundsChange(handle: MapHandle, cb: (b: Bounds) => void): Unsubscribe;
+    /**
+     * Subscribes to clicks on the map BACKGROUND (not on a marker) and returns an
+     * unsubscribe. Used to dismiss an open on-map `Popup` overlay on a
+     * tap/click-away -- the touch-friendly counterpart to `Esc`. HTML overlay
+     * markers live in the map's `overlayMouseTarget` pane, so a marker click does
+     * NOT surface here -- only genuine background clicks do, which is exactly what
+     * dismissal wants. No `MapHandle` parameter: like `updateMarkerStates` and
+     * `mountOverlay`, a provider instance operates on its own currently-mounted map.
+     */
+    onMapClick(cb: () => void): Unsubscribe;
+    fitBounds(handle: MapHandle, b: Bounds): void;
+    destroy(handle: MapHandle): void;
+    /**
+     * Repaints the SELECTED/HOVERED marker's existing DOM without recreating any marker -- toggles
+     * `rle-marker--selected`/`rle-marker--hovered` on each rendered marker's container node
+     * (`id === selectedId` / `id === hoveredId && id !== selectedId`, so selected wins when an id is
+     * both). No `MapHandle` parameter: a provider instance tracks its own currently-mounted map, the
+     * same way `ListingMap` holds a single `handleRef` per provider. Implementations that render
+     * markers as plain host-SDK objects with no addressable container element (e.g. this library's
+     * own advanced-marker/`AdvancedMarkerElement` mode) MAY no-op.
+     */
+    updateMarkerStates(selectedId: EntityId | null, hoveredId: EntityId | null): void;
+    /**
+     * Mounts an absolutely-positioned DOM `container` anchored at `position` on
+     * the map (above any markers) and returns a `MapOverlayHandle` to
+     * reposition/unmount it. The `container` is created and returned
+     * SYNCHRONOUSLY so it is a stable React portal target, even though a real map
+     * SDK attaches it to a map pane and positions it ASYNCHRONOUSLY on its next
+     * render cycle (never synchronously inside the mount call) -- see the Google
+     * provider's implementation. No `MapHandle` parameter: like
+     * `updateMarkerStates`, a provider instance operates on its own
+     * currently-mounted map. Used to render the injected `Popup` slot as an
+     * on-map overlay when a point is selected.
+     */
+    mountOverlay(position: LatLng): MapOverlayHandle;
+    /**
+     * Increments the currently-mounted map's zoom level by 1. No `MapHandle` parameter: like
+     * `updateMarkerStates`/`mountOverlay`/`onMapClick`, a provider instance operates on its own
+     * currently-mounted map. No-op (never throws) when no map is currently mounted.
+     */
+    zoomIn(): void;
+    /** Decrements the currently-mounted map's zoom level by 1. See `zoomIn`'s doc comment. */
+    zoomOut(): void;
+    /**
+     * Toggles the browser Fullscreen API on the map's fullscreen target -- `opts.fullscreenTarget`
+     * from `mount`, falling back to the mount `el` itself when omitted (see
+     * `MapInitOptions.fullscreenTarget`'s doc comment for why a caller would supply a different
+     * element): enters fullscreen on that target if it (or a descendant) is not already the
+     * document's fullscreen element, else exits fullscreen. No `MapHandle` parameter, same
+     * rationale as `zoomIn`/`zoomOut`. Guarded against environments without the Fullscreen API
+     * (e.g. older Safari, or a test DOM that doesn't implement it) -- never throws, simply no-ops
+     * when the relevant methods aren't present. No-op when no map is currently mounted.
+     */
+    toggleFullscreen(): void;
+}
+
+export type { Bounds as B, EntityId as E, LatLng as L, MapPoint as M, Page as P, QueryParams as Q, RenderedLayer as R, Unsubscribe as U, MapProvider as a, EntityAdapter as b, MapHandle as c, MapInitOptions as d, MapOverlayHandle as e, PageRequest as f };

package/dist/map-provider.interface-B5Law7gE.d.ts

@@ -0,0 +1,143 @@
+type EntityId = string | number;
+interface Bounds {
+    west: number;
+    south: number;
+    east: number;
+    north: number;
+}
+interface LatLng {
+    lat: number;
+    lng: number;
+}
+interface PageRequest {
+    cursor?: string | null;
+    limit: number;
+}
+interface Page<T> {
+    items: T[];
+    nextCursor: string | null;
+    total?: number;
+}
+interface MapPoint<TEntity = unknown> {
+    id: EntityId;
+    position: LatLng;
+    entity: TEntity;
+}
+type QueryParams = Record<string, string | undefined>;
+interface EntityAdapter<TEntity, TFilters> {
+    list(filters: TFilters, page: PageRequest): Promise<Page<TEntity>>;
+    getPoints(filters: TFilters, bounds: Bounds): Promise<MapPoint<TEntity>[]>;
+    getById?(id: EntityId): Promise<TEntity>;
+}
+
+/**
+ * Providers that need an API key take it via their factory (e.g. `googleProvider({ apiKey })`),
+ * not per-mount.
+ */
+interface MapInitOptions {
+    apiKey?: string;
+    center?: LatLng;
+    zoom?: number;
+    /**
+     * Element the Fullscreen API should target on `toggleFullscreen()`, instead of the `el`
+     * passed to `mount`. Additive/optional -- providers resolve `fullscreenTarget ?? el`, so
+     * existing callers that never supply it are unaffected.
+     *
+     * Needed because a consumer overlay rendered as a SIBLING of `el` (e.g. `ListingMap`'s
+     * `mapControls`, deliberately never a child -- a real map SDK owns `el`'s contents) would
+     * otherwise vanish the instant `el` alone is fullscreened: the Fullscreen API only shows the
+     * target element and its descendants, never its siblings. Pass an outer wrapper that contains
+     * BOTH `el` and the sibling overlay to keep the overlay visible in fullscreen.
+     */
+    fullscreenTarget?: HTMLElement;
+}
+interface MapHandle {
+    readonly raw: unknown;
+}
+interface RenderedLayer {
+    id: string;
+    markers: Array<{
+        id: string | number;
+        position: LatLng;
+        iconUrl?: string;
+        element?: HTMLElement;
+    }>;
+    clustering?: {
+        maxZoom?: number;
+    } | false;
+    onMarkerClick?(id: string | number): void;
+}
+type Unsubscribe = () => void;
+/**
+ * Handle to an imperatively-mounted, lat/lng-anchored DOM overlay (see
+ * `MapProvider.mountOverlay`). `container` is a stable element the provider
+ * created and owns positioning of -- callers portal their own content (e.g. the
+ * injected `Popup` slot) into it. `setPosition` re-anchors it at a new
+ * coordinate; `unmount` detaches it from the map and the DOM.
+ */
+interface MapOverlayHandle {
+    readonly container: HTMLElement;
+    setPosition(position: LatLng): void;
+    unmount(): void;
+}
+interface MapProvider {
+    mount(el: HTMLElement, opts: MapInitOptions): Promise<MapHandle> | MapHandle;
+    renderLayer(handle: MapHandle, layer: RenderedLayer): Unsubscribe;
+    onBoundsChange(handle: MapHandle, cb: (b: Bounds) => void): Unsubscribe;
+    /**
+     * Subscribes to clicks on the map BACKGROUND (not on a marker) and returns an
+     * unsubscribe. Used to dismiss an open on-map `Popup` overlay on a
+     * tap/click-away -- the touch-friendly counterpart to `Esc`. HTML overlay
+     * markers live in the map's `overlayMouseTarget` pane, so a marker click does
+     * NOT surface here -- only genuine background clicks do, which is exactly what
+     * dismissal wants. No `MapHandle` parameter: like `updateMarkerStates` and
+     * `mountOverlay`, a provider instance operates on its own currently-mounted map.
+     */
+    onMapClick(cb: () => void): Unsubscribe;
+    fitBounds(handle: MapHandle, b: Bounds): void;
+    destroy(handle: MapHandle): void;
+    /**
+     * Repaints the SELECTED/HOVERED marker's existing DOM without recreating any marker -- toggles
+     * `rle-marker--selected`/`rle-marker--hovered` on each rendered marker's container node
+     * (`id === selectedId` / `id === hoveredId && id !== selectedId`, so selected wins when an id is
+     * both). No `MapHandle` parameter: a provider instance tracks its own currently-mounted map, the
+     * same way `ListingMap` holds a single `handleRef` per provider. Implementations that render
+     * markers as plain host-SDK objects with no addressable container element (e.g. this library's
+     * own advanced-marker/`AdvancedMarkerElement` mode) MAY no-op.
+     */
+    updateMarkerStates(selectedId: EntityId | null, hoveredId: EntityId | null): void;
+    /**
+     * Mounts an absolutely-positioned DOM `container` anchored at `position` on
+     * the map (above any markers) and returns a `MapOverlayHandle` to
+     * reposition/unmount it. The `container` is created and returned
+     * SYNCHRONOUSLY so it is a stable React portal target, even though a real map
+     * SDK attaches it to a map pane and positions it ASYNCHRONOUSLY on its next
+     * render cycle (never synchronously inside the mount call) -- see the Google
+     * provider's implementation. No `MapHandle` parameter: like
+     * `updateMarkerStates`, a provider instance operates on its own
+     * currently-mounted map. Used to render the injected `Popup` slot as an
+     * on-map overlay when a point is selected.
+     */
+    mountOverlay(position: LatLng): MapOverlayHandle;
+    /**
+     * Increments the currently-mounted map's zoom level by 1. No `MapHandle` parameter: like
+     * `updateMarkerStates`/`mountOverlay`/`onMapClick`, a provider instance operates on its own
+     * currently-mounted map. No-op (never throws) when no map is currently mounted.
+     */
+    zoomIn(): void;
+    /** Decrements the currently-mounted map's zoom level by 1. See `zoomIn`'s doc comment. */
+    zoomOut(): void;
+    /**
+     * Toggles the browser Fullscreen API on the map's fullscreen target -- `opts.fullscreenTarget`
+     * from `mount`, falling back to the mount `el` itself when omitted (see
+     * `MapInitOptions.fullscreenTarget`'s doc comment for why a caller would supply a different
+     * element): enters fullscreen on that target if it (or a descendant) is not already the
+     * document's fullscreen element, else exits fullscreen. No `MapHandle` parameter, same
+     * rationale as `zoomIn`/`zoomOut`. Guarded against environments without the Fullscreen API
+     * (e.g. older Safari, or a test DOM that doesn't implement it) -- never throws, simply no-ops
+     * when the relevant methods aren't present. No-op when no map is currently mounted.
+     */
+    toggleFullscreen(): void;
+}
+
+export type { Bounds as B, EntityId as E, LatLng as L, MapPoint as M, Page as P, QueryParams as Q, RenderedLayer as R, Unsubscribe as U, MapProvider as a, EntityAdapter as b, MapHandle as c, MapInitOptions as d, MapOverlayHandle as e, PageRequest as f };

package/dist/maps/google/index.cjs

@@ -1,2 +1,2 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
-var _jsapiloader = require('@googlemaps/js-api-loader');var L="DEMO_MAP_ID";function d(r){return r.raw}function b(r,t){if(r.element)return r.element;if(r.iconUrl)return new t.PinElement({glyphSrc:r.iconUrl}).element}var M=12,C="#b3261e";function h(r){if(r.element)return r.element;if(r.iconUrl){let s=document.createElement("img");return s.src=r.iconUrl,s}let t=document.createElement("div");return t.style.width=`${M}px`,t.style.height=`${M}px`,t.style.borderRadius="50%",t.style.backgroundColor=C,t.style.border="2px solid #ffffff",t.style.boxShadow="0 1px 4px rgba(0, 0, 0, 0.4)",t}var c;function w(){if(c)return c;class r extends google.maps.OverlayView{constructor(n,e,o){super();r.prototype.__init.call(this);;this.position=n;this.content=e;this.onClick=o}__init() {this.div=null}onAdd(){let n=document.createElement("div");n.style.position="absolute",n.style.transform="translate(-50%, -50%)",this.onClick&&(n.style.cursor="pointer",n.addEventListener("click",this.onClick)),n.appendChild(this.content),this.div=n,_optionalChain([this, 'access', _2 => _2.getPanes, 'call', _3 => _3(), 'optionalAccess', _4 => _4.overlayMouseTarget, 'access', _5 => _5.appendChild, 'call', _6 => _6(n)])}draw(){if(!this.div)return;let n=this.getProjection();if(!n)return;let e=n.fromLatLngToDivPixel(new google.maps.LatLng(this.position.lat,this.position.lng));e&&(this.div.style.left=`${e.x}px`,this.div.style.top=`${e.y}px`)}onRemove(){_optionalChain([this, 'access', _7 => _7.div, 'optionalAccess', _8 => _8.remove, 'call', _9 => _9()]),this.div=null}}return c=r,c}function p(r){for(let t of r)typeof t.setMap=="function"?t.setMap(null):t.map=null}var E="#b3261e",O=40,R=64,x=14;function H(r,t){let s=t.count,n=Math.min(R,O+Math.round(Math.log10(s+1)*x)),e=document.createElement("div");return e.textContent=String(s),e.style.display="flex",e.style.alignItems="center",e.style.justifyContent="center",e.style.width=`${n}px`,e.style.height=`${n}px`,e.style.borderRadius="50%",e.style.backgroundColor=E,e.style.border="2px solid #ffffff",e.style.boxShadow="0 1px 4px rgba(0, 0, 0, 0.4)",e.style.color="#ffffff",e.style.fontFamily="inherit",e.style.fontWeight="700",e.style.fontSize=n>=52?"15px":"13px",new r.AdvancedMarkerElement({position:t.position,content:e})}var f=!1;async function A(r,t,s,n){let e;try{e=await Promise.resolve().then(() => _interopRequireWildcard(require("@googlemaps/markerclusterer")))}catch(a){f||(f=!0,console.warn('[react-listing-engine] "@googlemaps/markerclusterer" is not installed -- rendering plain (unclustered) markers instead. Install "@googlemaps/markerclusterer" to enable clustering.',a));return}if(r.layers.get(t)!==s)return;let o=new e.MarkerClusterer({map:r.map,markers:s,algorithmOptions:{maxZoom:n.maxZoom},renderer:{render:a=>H(r.markerLib,a)}});r.clusterers.set(t,o)}function u(r,t){let s=r.clusterers.get(t);s&&(s.setMap(null),r.clusterers.delete(t))}var v=!1;function P(){v||(v=!0,console.warn('[react-listing-engine] Marker clustering is not supported in `styles` (OverlayView) mode -- "@googlemaps/markerclusterer" only manages Marker/AdvancedMarkerElement instances. Rendering plain, unclustered overlay markers instead. Use a `mapId` (advanced-marker mode) to enable clustering.'))}function S(r,t){return t.markers.map(s=>{let n=new r.markerLib.AdvancedMarkerElement({map:r.map,position:s.position,content:b(s,r.markerLib),gmpClickable:!!t.onMarkerClick});if(t.onMarkerClick){let e=t.onMarkerClick;n.addListener("click",()=>e(s.id))}return n})}function G(r,t){let s=w();return t.markers.map(n=>{let e=t.onMarkerClick,o=e?()=>e(n.id):void 0,a=new s(n.position,h(n),o);return a.setMap(r.map),a})}function I(r){let t=r.getSouthWest(),s=r.getNorthEast();return{west:t.lng(),south:t.lat(),east:s.lng(),north:s.lat()}}function _(r,t,s){if(typeof ResizeObserver>"u")return;let n=!1,e=()=>{let{width:a,height:i}=r.getBoundingClientRect();a===0||i===0||(google.maps.event.trigger(t,"resize"),n||(n=!0,t.setCenter(s)))},o=new ResizeObserver(e);return o.observe(r),typeof requestAnimationFrame<"u"?requestAnimationFrame(e):queueMicrotask(e),o}function T(r){if(!r.apiKey)throw new Error("googleProvider: config.apiKey is required (no hardcoded fallback key is ever used).");let t=!1,s=()=>{t||(_jsapiloader.setOptions.call(void 0, {...r.loaderOptions,key:r.apiKey}),t=!0)};return{async mount(n,e){s();let o=await _jsapiloader.importLibrary.call(void 0, "maps"),a=await _jsapiloader.importLibrary.call(void 0, "marker"),i=_nullishCoalesce(e.center, () => ({lat:0,lng:0})),l=r.styles!=null,m=new o.Map(n,{...r.mapOptions,center:i,zoom:_nullishCoalesce(e.zoom, () => (10)),...l?{styles:r.styles}:{mapId:_nullishCoalesce(r.mapId, () => (L))}}),y=_(n,m,i);return{raw:{map:m,markerLib:a,markerMode:l?"overlay":"advanced",layers:new Map,clusterers:new Map,boundsListeners:new Set,resizeObserver:y}}},renderLayer(n,e){let o=d(n),a=o.layers.get(e.id);a&&(p(a),o.layers.delete(e.id)),u(o,e.id);let i=o.markerMode==="overlay"?G(o,e):S(o,e);o.layers.set(e.id,i),e.clustering&&(o.markerMode==="overlay"?P():A(o,e.id,i,e.clustering));let l=!1;return()=>{l||(l=!0,o.layers.get(e.id)===i&&(p(i),o.layers.delete(e.id),u(o,e.id)))}},onBoundsChange(n,e){let o=d(n),a=o.map.addListener("idle",()=>{let l=o.map.getBounds();l&&e(I(l))});o.boundsListeners.add(a);let i=!1;return()=>{i||(i=!0,a.remove(),o.boundsListeners.delete(a))}},fitBounds(n,e){d(n).map.fitBounds(e)},destroy(n){let e=d(n);_optionalChain([e, 'access', _10 => _10.resizeObserver, 'optionalAccess', _11 => _11.disconnect, 'call', _12 => _12()]);for(let o of e.boundsListeners)o.remove();e.boundsListeners.clear();for(let o of[...e.clusterers.keys()])u(e,o);for(let o of e.layers.values())p(o);e.layers.clear()}}}exports.googleProvider = T;
+var _jsapiloader = require('@googlemaps/js-api-loader');var P="DEMO_MAP_ID";function p(r){return r.raw}function H(r,n){if(r.element)return r.element;if(r.iconUrl)return new n.PinElement({glyphSrc:r.iconUrl}).element}var L=12,R="#b3261e";function I(r){if(r.element)return r.element;if(r.iconUrl){let i=document.createElement("img");return i.src=r.iconUrl,i}let n=document.createElement("div");return n.style.width=`${L}px`,n.style.height=`${L}px`,n.style.borderRadius="50%",n.style.backgroundColor=R,n.style.border="2px solid #ffffff",n.style.boxShadow="0 1px 4px rgba(0, 0, 0, 0.4)",n}var m;function x(){if(m)return m;class r extends google.maps.OverlayView{constructor(t,s,a,e){super();r.prototype.__init.call(this);;this.position=t;this.content=s;this.onClick=a;this.lifecycle=e}__init() {this.div=null}onAdd(){let t=document.createElement("div");t.style.position="absolute",t.style.transform="translate(-50%, -50%)",this.onClick&&(t.style.cursor="pointer",t.addEventListener("click",this.onClick)),t.appendChild(this.content),this.div=t,_optionalChain([this, 'access', _2 => _2.getPanes, 'call', _3 => _3(), 'optionalAccess', _4 => _4.overlayMouseTarget, 'access', _5 => _5.appendChild, 'call', _6 => _6(t)]),this.lifecycle.onContainerAdd(t)}draw(){if(!this.div)return;let t=this.getProjection();if(!t)return;let s=t.fromLatLngToDivPixel(new google.maps.LatLng(this.position.lat,this.position.lng));s&&(this.div.style.left=`${s.x}px`,this.div.style.top=`${s.y}px`)}onRemove(){let t=this.div;_optionalChain([this, 'access', _7 => _7.div, 'optionalAccess', _8 => _8.remove, 'call', _9 => _9()]),this.div=null,t&&this.lifecycle.onContainerRemove(t)}}return m=r,m}var A=14,f;function T(){if(f)return f;class r extends google.maps.OverlayView{constructor(t,s){super();r.prototype.__init2.call(this);;this.container=t;this.position=s}__init2() {this.attached=!1}onAdd(){this.attached=!0,_optionalChain([this, 'access', _10 => _10.getPanes, 'call', _11 => _11(), 'optionalAccess', _12 => _12.floatPane, 'access', _13 => _13.appendChild, 'call', _14 => _14(this.container)])}draw(){let t=this.getProjection();if(!t)return;let s=t.fromLatLngToDivPixel(new google.maps.LatLng(this.position.lat,this.position.lng));s&&(this.container.style.left=`${s.x}px`,this.container.style.top=`${s.y-A}px`)}onRemove(){this.attached=!1,this.container.remove()}updatePosition(t){this.position=t,this.attached&&this.draw()}}return f=r,f}function g(r){for(let n of r)typeof n.setMap=="function"?n.setMap(null):n.map=null}var S="#b3261e",G=40,_=64,z=14;function U(r,n){let i=n.count,t=Math.min(_,G+Math.round(Math.log10(i+1)*z)),s=document.createElement("div");return s.textContent=String(i),s.style.display="flex",s.style.alignItems="center",s.style.justifyContent="center",s.style.width=`${t}px`,s.style.height=`${t}px`,s.style.borderRadius="50%",s.style.backgroundColor=S,s.style.border="2px solid #ffffff",s.style.boxShadow="0 1px 4px rgba(0, 0, 0, 0.4)",s.style.color="#ffffff",s.style.fontFamily="inherit",s.style.fontWeight="700",s.style.fontSize=t>=52?"15px":"13px",new r.AdvancedMarkerElement({position:n.position,content:s})}var E=!1;async function F(r,n,i,t){let s;try{s=await Promise.resolve().then(() => _interopRequireWildcard(require("@googlemaps/markerclusterer")))}catch(e){E||(E=!0,console.warn('[react-listing-engine] "@googlemaps/markerclusterer" is not installed -- rendering plain (unclustered) markers instead. Install "@googlemaps/markerclusterer" to enable clustering.',e));return}if(r.layers.get(n)!==i)return;let a=new s.MarkerClusterer({map:r.map,markers:i,algorithmOptions:{maxZoom:t.maxZoom},renderer:{render:e=>U(r.markerLib,e)}});r.clusterers.set(n,a)}function v(r,n){let i=r.clusterers.get(n);i&&(i.setMap(null),r.clusterers.delete(n))}var h=!1;function B(){h||(h=!0,console.warn('[react-listing-engine] Marker clustering is not supported in `styles` (OverlayView) mode -- "@googlemaps/markerclusterer" only manages Marker/AdvancedMarkerElement instances. Rendering plain, unclustered overlay markers instead. Use a `mapId` (advanced-marker mode) to enable clustering.'))}function Z(r,n){return n.markers.map(i=>{let t=new r.markerLib.AdvancedMarkerElement({map:r.map,position:i.position,content:H(i,r.markerLib),gmpClickable:!!n.onMarkerClick});if(n.onMarkerClick){let s=n.onMarkerClick;t.addListener("click",()=>s(i.id))}return t})}function b(r,n,i,t){r.classList.toggle("rle-marker--selected",n===i),r.classList.toggle("rle-marker--hovered",n===t&&n!==i)}function D(r,n){let i=x();return n.markers.map(t=>{let s=n.onMarkerClick,a=s?()=>s(t.id):void 0,e=new i(t.position,I(t),a,{onContainerAdd:o=>{r.markerElements.set(t.id,o),b(o,t.id,r.selectedMarkerId,r.hoveredMarkerId)},onContainerRemove:o=>{r.markerElements.get(t.id)===o&&r.markerElements.delete(t.id)}});return e.setMap(r.map),e})}function C(r,n){let i=r.layerMarkerIds.get(n);if(i){for(let t of i)r.markerElements.delete(t);r.layerMarkerIds.delete(n)}}function V(r){let n=r.getSouthWest(),i=r.getNorthEast();return{west:n.lng(),south:n.lat(),east:i.lng(),north:i.lat()}}function $(r,n,i){if(typeof ResizeObserver>"u")return;let t=!1,s=()=>{let{width:e,height:o}=r.getBoundingClientRect();e===0||o===0||(google.maps.event.trigger(n,"resize"),t||(t=!0,n.setCenter(i)))},a=new ResizeObserver(s);return a.observe(r),typeof requestAnimationFrame<"u"?requestAnimationFrame(s):queueMicrotask(s),a}function q(r){if(!r.apiKey)throw new Error("googleProvider: config.apiKey is required (no hardcoded fallback key is ever used).");let n=!1,i=()=>{n||(_jsapiloader.setOptions.call(void 0, {...r.loaderOptions,key:r.apiKey}),n=!0)},t,s=0;return{async mount(a,e){let o=++s;i();let l=await _jsapiloader.importLibrary.call(void 0, "maps"),d=await _jsapiloader.importLibrary.call(void 0, "marker"),c=_nullishCoalesce(e.center, () => ({lat:0,lng:0})),u=r.styles!=null,M=new l.Map(a,{...r.mapOptions,center:c,zoom:_nullishCoalesce(e.zoom, () => (10)),...u?{styles:r.styles}:{mapId:_nullishCoalesce(r.mapId, () => (P))}}),O=$(a,M,c),y={map:M,containerEl:a,fullscreenEl:_nullishCoalesce(e.fullscreenTarget, () => (a)),markerLib:d,markerMode:u?"overlay":"advanced",layers:new Map,clusterers:new Map,boundsListeners:new Set,clickListeners:new Set,resizeObserver:O,markerElements:new Map,layerMarkerIds:new Map,selectedMarkerId:null,hoveredMarkerId:null};return o===s&&(t=y),{raw:y}},renderLayer(a,e){let o=p(a),l=o.layers.get(e.id);l&&(g(l),o.layers.delete(e.id),C(o,e.id)),v(o,e.id);let d=o.markerMode==="overlay"?D(o,e):Z(o,e);o.layers.set(e.id,d),o.markerMode==="overlay"&&o.layerMarkerIds.set(e.id,e.markers.map(u=>u.id)),e.clustering&&(o.markerMode==="overlay"?B():F(o,e.id,d,e.clustering));let c=!1;return()=>{c||(c=!0,o.layers.get(e.id)===d&&(g(d),o.layers.delete(e.id),v(o,e.id),C(o,e.id)))}},onBoundsChange(a,e){let o=p(a),l=o.map.addListener("idle",()=>{let c=o.map.getBounds();c&&e(V(c))});o.boundsListeners.add(l);let d=!1;return()=>{d||(d=!0,l.remove(),o.boundsListeners.delete(l))}},onMapClick(a){let e=t;if(!e)return()=>{};let o=e.map.addListener("click",()=>a());e.clickListeners.add(o);let l=!1;return()=>{l||(l=!0,o.remove(),e.clickListeners.delete(o))}},fitBounds(a,e){p(a).map.fitBounds(e)},destroy(a){let e=p(a);_optionalChain([e, 'access', _15 => _15.resizeObserver, 'optionalAccess', _16 => _16.disconnect, 'call', _17 => _17()]);for(let o of e.boundsListeners)o.remove();e.boundsListeners.clear();for(let o of e.clickListeners)o.remove();e.clickListeners.clear();for(let o of[...e.clusterers.keys()])v(e,o);for(let o of e.layers.values())g(o);e.layers.clear(),e.markerElements.clear(),e.layerMarkerIds.clear(),t===e&&(t=void 0)},updateMarkerStates(a,e){if(t){t.selectedMarkerId=a,t.hoveredMarkerId=e;for(let[o,l]of t.markerElements)b(l,o,a,e)}},mountOverlay(a){let e=document.createElement("div");if(e.style.position="absolute",e.style.transform="translate(-50%, -100%)",e.style.pointerEvents="auto",!t)return{container:e,setPosition:()=>{},unmount:()=>e.remove()};let o=T(),l=new o(e,a);return l.setMap(t.map),{container:e,setPosition:d=>l.updatePosition(d),unmount:()=>{l.setMap(null),e.remove()}}},zoomIn(){t&&t.map.setZoom((_nullishCoalesce(t.map.getZoom(), () => (0)))+1)},zoomOut(){t&&t.map.setZoom((_nullishCoalesce(t.map.getZoom(), () => (0)))-1)},toggleFullscreen(){if(!t)return;let a=t.fullscreenEl,e=document.fullscreenElement;e!=null&&a.contains(e)?typeof document.exitFullscreen=="function"&&_optionalChain([document, 'access', _18 => _18.exitFullscreen, 'call', _19 => _19(), 'optionalAccess', _20 => _20.catch, 'call', _21 => _21(()=>{})]):typeof a.requestFullscreen=="function"&&_optionalChain([a, 'access', _22 => _22.requestFullscreen, 'call', _23 => _23(), 'optionalAccess', _24 => _24.catch, 'call', _25 => _25(()=>{})])}}}exports.googleProvider = q;

package/dist/maps/google/index.d.cts

@@ -1,5 +1,5 @@
 import { APIOptions } from '@googlemaps/js-api-loader';
-import { a as MapProvider } from '../../map-provider.interface-DT-v1plm.cjs';
+import { a as MapProvider } from '../../map-provider.interface-B5Law7gE.cjs';
 
 interface GoogleMapsProviderConfig {
     /** Google Maps JavaScript API key. Required -- there is no hardcoded fallback. */

package/dist/maps/google/index.d.ts

@@ -1,5 +1,5 @@
 import { APIOptions } from '@googlemaps/js-api-loader';
-import { a as MapProvider } from '../../map-provider.interface-DT-v1plm.js';
+import { a as MapProvider } from '../../map-provider.interface-B5Law7gE.js';
 
 interface GoogleMapsProviderConfig {
     /** Google Maps JavaScript API key. Required -- there is no hardcoded fallback. */

package/dist/maps/google/index.js

@@ -1,2 +1,2 @@
 "use client";
-import{importLibrary as g,setOptions as k}from"@googlemaps/js-api-loader";var L="DEMO_MAP_ID";function d(r){return r.raw}function b(r,t){if(r.element)return r.element;if(r.iconUrl)return new t.PinElement({glyphSrc:r.iconUrl}).element}var M=12,C="#b3261e";function h(r){if(r.element)return r.element;if(r.iconUrl){let s=document.createElement("img");return s.src=r.iconUrl,s}let t=document.createElement("div");return t.style.width=`${M}px`,t.style.height=`${M}px`,t.style.borderRadius="50%",t.style.backgroundColor=C,t.style.border="2px solid #ffffff",t.style.boxShadow="0 1px 4px rgba(0, 0, 0, 0.4)",t}var c;function w(){if(c)return c;class r extends google.maps.OverlayView{constructor(n,e,o){super();this.position=n;this.content=e;this.onClick=o}position;content;onClick;div=null;onAdd(){let n=document.createElement("div");n.style.position="absolute",n.style.transform="translate(-50%, -50%)",this.onClick&&(n.style.cursor="pointer",n.addEventListener("click",this.onClick)),n.appendChild(this.content),this.div=n,this.getPanes()?.overlayMouseTarget.appendChild(n)}draw(){if(!this.div)return;let n=this.getProjection();if(!n)return;let e=n.fromLatLngToDivPixel(new google.maps.LatLng(this.position.lat,this.position.lng));e&&(this.div.style.left=`${e.x}px`,this.div.style.top=`${e.y}px`)}onRemove(){this.div?.remove(),this.div=null}}return c=r,c}function p(r){for(let t of r)typeof t.setMap=="function"?t.setMap(null):t.map=null}var E="#b3261e",O=40,R=64,x=14;function H(r,t){let s=t.count,n=Math.min(R,O+Math.round(Math.log10(s+1)*x)),e=document.createElement("div");return e.textContent=String(s),e.style.display="flex",e.style.alignItems="center",e.style.justifyContent="center",e.style.width=`${n}px`,e.style.height=`${n}px`,e.style.borderRadius="50%",e.style.backgroundColor=E,e.style.border="2px solid #ffffff",e.style.boxShadow="0 1px 4px rgba(0, 0, 0, 0.4)",e.style.color="#ffffff",e.style.fontFamily="inherit",e.style.fontWeight="700",e.style.fontSize=n>=52?"15px":"13px",new r.AdvancedMarkerElement({position:t.position,content:e})}var f=!1;async function A(r,t,s,n){let e;try{e=await import("@googlemaps/markerclusterer")}catch(a){f||(f=!0,console.warn('[react-listing-engine] "@googlemaps/markerclusterer" is not installed -- rendering plain (unclustered) markers instead. Install "@googlemaps/markerclusterer" to enable clustering.',a));return}if(r.layers.get(t)!==s)return;let o=new e.MarkerClusterer({map:r.map,markers:s,algorithmOptions:{maxZoom:n.maxZoom},renderer:{render:a=>H(r.markerLib,a)}});r.clusterers.set(t,o)}function u(r,t){let s=r.clusterers.get(t);s&&(s.setMap(null),r.clusterers.delete(t))}var v=!1;function P(){v||(v=!0,console.warn('[react-listing-engine] Marker clustering is not supported in `styles` (OverlayView) mode -- "@googlemaps/markerclusterer" only manages Marker/AdvancedMarkerElement instances. Rendering plain, unclustered overlay markers instead. Use a `mapId` (advanced-marker mode) to enable clustering.'))}function S(r,t){return t.markers.map(s=>{let n=new r.markerLib.AdvancedMarkerElement({map:r.map,position:s.position,content:b(s,r.markerLib),gmpClickable:!!t.onMarkerClick});if(t.onMarkerClick){let e=t.onMarkerClick;n.addListener("click",()=>e(s.id))}return n})}function G(r,t){let s=w();return t.markers.map(n=>{let e=t.onMarkerClick,o=e?()=>e(n.id):void 0,a=new s(n.position,h(n),o);return a.setMap(r.map),a})}function I(r){let t=r.getSouthWest(),s=r.getNorthEast();return{west:t.lng(),south:t.lat(),east:s.lng(),north:s.lat()}}function _(r,t,s){if(typeof ResizeObserver>"u")return;let n=!1,e=()=>{let{width:a,height:i}=r.getBoundingClientRect();a===0||i===0||(google.maps.event.trigger(t,"resize"),n||(n=!0,t.setCenter(s)))},o=new ResizeObserver(e);return o.observe(r),typeof requestAnimationFrame<"u"?requestAnimationFrame(e):queueMicrotask(e),o}function T(r){if(!r.apiKey)throw new Error("googleProvider: config.apiKey is required (no hardcoded fallback key is ever used).");let t=!1,s=()=>{t||(k({...r.loaderOptions,key:r.apiKey}),t=!0)};return{async mount(n,e){s();let o=await g("maps"),a=await g("marker"),i=e.center??{lat:0,lng:0},l=r.styles!=null,m=new o.Map(n,{...r.mapOptions,center:i,zoom:e.zoom??10,...l?{styles:r.styles}:{mapId:r.mapId??L}}),y=_(n,m,i);return{raw:{map:m,markerLib:a,markerMode:l?"overlay":"advanced",layers:new Map,clusterers:new Map,boundsListeners:new Set,resizeObserver:y}}},renderLayer(n,e){let o=d(n),a=o.layers.get(e.id);a&&(p(a),o.layers.delete(e.id)),u(o,e.id);let i=o.markerMode==="overlay"?G(o,e):S(o,e);o.layers.set(e.id,i),e.clustering&&(o.markerMode==="overlay"?P():A(o,e.id,i,e.clustering));let l=!1;return()=>{l||(l=!0,o.layers.get(e.id)===i&&(p(i),o.layers.delete(e.id),u(o,e.id)))}},onBoundsChange(n,e){let o=d(n),a=o.map.addListener("idle",()=>{let l=o.map.getBounds();l&&e(I(l))});o.boundsListeners.add(a);let i=!1;return()=>{i||(i=!0,a.remove(),o.boundsListeners.delete(a))}},fitBounds(n,e){d(n).map.fitBounds(e)},destroy(n){let e=d(n);e.resizeObserver?.disconnect();for(let o of e.boundsListeners)o.remove();e.boundsListeners.clear();for(let o of[...e.clusterers.keys()])u(e,o);for(let o of e.layers.values())p(o);e.layers.clear()}}}export{T as googleProvider};
+import{importLibrary as k,setOptions as w}from"@googlemaps/js-api-loader";var P="DEMO_MAP_ID";function p(r){return r.raw}function H(r,n){if(r.element)return r.element;if(r.iconUrl)return new n.PinElement({glyphSrc:r.iconUrl}).element}var L=12,R="#b3261e";function I(r){if(r.element)return r.element;if(r.iconUrl){let i=document.createElement("img");return i.src=r.iconUrl,i}let n=document.createElement("div");return n.style.width=`${L}px`,n.style.height=`${L}px`,n.style.borderRadius="50%",n.style.backgroundColor=R,n.style.border="2px solid #ffffff",n.style.boxShadow="0 1px 4px rgba(0, 0, 0, 0.4)",n}var m;function x(){if(m)return m;class r extends google.maps.OverlayView{constructor(t,s,a,e){super();this.position=t;this.content=s;this.onClick=a;this.lifecycle=e}position;content;onClick;lifecycle;div=null;onAdd(){let t=document.createElement("div");t.style.position="absolute",t.style.transform="translate(-50%, -50%)",this.onClick&&(t.style.cursor="pointer",t.addEventListener("click",this.onClick)),t.appendChild(this.content),this.div=t,this.getPanes()?.overlayMouseTarget.appendChild(t),this.lifecycle.onContainerAdd(t)}draw(){if(!this.div)return;let t=this.getProjection();if(!t)return;let s=t.fromLatLngToDivPixel(new google.maps.LatLng(this.position.lat,this.position.lng));s&&(this.div.style.left=`${s.x}px`,this.div.style.top=`${s.y}px`)}onRemove(){let t=this.div;this.div?.remove(),this.div=null,t&&this.lifecycle.onContainerRemove(t)}}return m=r,m}var A=14,f;function T(){if(f)return f;class r extends google.maps.OverlayView{constructor(t,s){super();this.container=t;this.position=s}container;position;attached=!1;onAdd(){this.attached=!0,this.getPanes()?.floatPane.appendChild(this.container)}draw(){let t=this.getProjection();if(!t)return;let s=t.fromLatLngToDivPixel(new google.maps.LatLng(this.position.lat,this.position.lng));s&&(this.container.style.left=`${s.x}px`,this.container.style.top=`${s.y-A}px`)}onRemove(){this.attached=!1,this.container.remove()}updatePosition(t){this.position=t,this.attached&&this.draw()}}return f=r,f}function g(r){for(let n of r)typeof n.setMap=="function"?n.setMap(null):n.map=null}var S="#b3261e",G=40,_=64,z=14;function U(r,n){let i=n.count,t=Math.min(_,G+Math.round(Math.log10(i+1)*z)),s=document.createElement("div");return s.textContent=String(i),s.style.display="flex",s.style.alignItems="center",s.style.justifyContent="center",s.style.width=`${t}px`,s.style.height=`${t}px`,s.style.borderRadius="50%",s.style.backgroundColor=S,s.style.border="2px solid #ffffff",s.style.boxShadow="0 1px 4px rgba(0, 0, 0, 0.4)",s.style.color="#ffffff",s.style.fontFamily="inherit",s.style.fontWeight="700",s.style.fontSize=t>=52?"15px":"13px",new r.AdvancedMarkerElement({position:n.position,content:s})}var E=!1;async function F(r,n,i,t){let s;try{s=await import("@googlemaps/markerclusterer")}catch(e){E||(E=!0,console.warn('[react-listing-engine] "@googlemaps/markerclusterer" is not installed -- rendering plain (unclustered) markers instead. Install "@googlemaps/markerclusterer" to enable clustering.',e));return}if(r.layers.get(n)!==i)return;let a=new s.MarkerClusterer({map:r.map,markers:i,algorithmOptions:{maxZoom:t.maxZoom},renderer:{render:e=>U(r.markerLib,e)}});r.clusterers.set(n,a)}function v(r,n){let i=r.clusterers.get(n);i&&(i.setMap(null),r.clusterers.delete(n))}var h=!1;function B(){h||(h=!0,console.warn('[react-listing-engine] Marker clustering is not supported in `styles` (OverlayView) mode -- "@googlemaps/markerclusterer" only manages Marker/AdvancedMarkerElement instances. Rendering plain, unclustered overlay markers instead. Use a `mapId` (advanced-marker mode) to enable clustering.'))}function Z(r,n){return n.markers.map(i=>{let t=new r.markerLib.AdvancedMarkerElement({map:r.map,position:i.position,content:H(i,r.markerLib),gmpClickable:!!n.onMarkerClick});if(n.onMarkerClick){let s=n.onMarkerClick;t.addListener("click",()=>s(i.id))}return t})}function b(r,n,i,t){r.classList.toggle("rle-marker--selected",n===i),r.classList.toggle("rle-marker--hovered",n===t&&n!==i)}function D(r,n){let i=x();return n.markers.map(t=>{let s=n.onMarkerClick,a=s?()=>s(t.id):void 0,e=new i(t.position,I(t),a,{onContainerAdd:o=>{r.markerElements.set(t.id,o),b(o,t.id,r.selectedMarkerId,r.hoveredMarkerId)},onContainerRemove:o=>{r.markerElements.get(t.id)===o&&r.markerElements.delete(t.id)}});return e.setMap(r.map),e})}function C(r,n){let i=r.layerMarkerIds.get(n);if(i){for(let t of i)r.markerElements.delete(t);r.layerMarkerIds.delete(n)}}function V(r){let n=r.getSouthWest(),i=r.getNorthEast();return{west:n.lng(),south:n.lat(),east:i.lng(),north:i.lat()}}function $(r,n,i){if(typeof ResizeObserver>"u")return;let t=!1,s=()=>{let{width:e,height:o}=r.getBoundingClientRect();e===0||o===0||(google.maps.event.trigger(n,"resize"),t||(t=!0,n.setCenter(i)))},a=new ResizeObserver(s);return a.observe(r),typeof requestAnimationFrame<"u"?requestAnimationFrame(s):queueMicrotask(s),a}function q(r){if(!r.apiKey)throw new Error("googleProvider: config.apiKey is required (no hardcoded fallback key is ever used).");let n=!1,i=()=>{n||(w({...r.loaderOptions,key:r.apiKey}),n=!0)},t,s=0;return{async mount(a,e){let o=++s;i();let l=await k("maps"),d=await k("marker"),c=e.center??{lat:0,lng:0},u=r.styles!=null,M=new l.Map(a,{...r.mapOptions,center:c,zoom:e.zoom??10,...u?{styles:r.styles}:{mapId:r.mapId??P}}),O=$(a,M,c),y={map:M,containerEl:a,fullscreenEl:e.fullscreenTarget??a,markerLib:d,markerMode:u?"overlay":"advanced",layers:new Map,clusterers:new Map,boundsListeners:new Set,clickListeners:new Set,resizeObserver:O,markerElements:new Map,layerMarkerIds:new Map,selectedMarkerId:null,hoveredMarkerId:null};return o===s&&(t=y),{raw:y}},renderLayer(a,e){let o=p(a),l=o.layers.get(e.id);l&&(g(l),o.layers.delete(e.id),C(o,e.id)),v(o,e.id);let d=o.markerMode==="overlay"?D(o,e):Z(o,e);o.layers.set(e.id,d),o.markerMode==="overlay"&&o.layerMarkerIds.set(e.id,e.markers.map(u=>u.id)),e.clustering&&(o.markerMode==="overlay"?B():F(o,e.id,d,e.clustering));let c=!1;return()=>{c||(c=!0,o.layers.get(e.id)===d&&(g(d),o.layers.delete(e.id),v(o,e.id),C(o,e.id)))}},onBoundsChange(a,e){let o=p(a),l=o.map.addListener("idle",()=>{let c=o.map.getBounds();c&&e(V(c))});o.boundsListeners.add(l);let d=!1;return()=>{d||(d=!0,l.remove(),o.boundsListeners.delete(l))}},onMapClick(a){let e=t;if(!e)return()=>{};let o=e.map.addListener("click",()=>a());e.clickListeners.add(o);let l=!1;return()=>{l||(l=!0,o.remove(),e.clickListeners.delete(o))}},fitBounds(a,e){p(a).map.fitBounds(e)},destroy(a){let e=p(a);e.resizeObserver?.disconnect();for(let o of e.boundsListeners)o.remove();e.boundsListeners.clear();for(let o of e.clickListeners)o.remove();e.clickListeners.clear();for(let o of[...e.clusterers.keys()])v(e,o);for(let o of e.layers.values())g(o);e.layers.clear(),e.markerElements.clear(),e.layerMarkerIds.clear(),t===e&&(t=void 0)},updateMarkerStates(a,e){if(t){t.selectedMarkerId=a,t.hoveredMarkerId=e;for(let[o,l]of t.markerElements)b(l,o,a,e)}},mountOverlay(a){let e=document.createElement("div");if(e.style.position="absolute",e.style.transform="translate(-50%, -100%)",e.style.pointerEvents="auto",!t)return{container:e,setPosition:()=>{},unmount:()=>e.remove()};let o=T(),l=new o(e,a);return l.setMap(t.map),{container:e,setPosition:d=>l.updatePosition(d),unmount:()=>{l.setMap(null),e.remove()}}},zoomIn(){t&&t.map.setZoom((t.map.getZoom()??0)+1)},zoomOut(){t&&t.map.setZoom((t.map.getZoom()??0)-1)},toggleFullscreen(){if(!t)return;let a=t.fullscreenEl,e=document.fullscreenElement;e!=null&&a.contains(e)?typeof document.exitFullscreen=="function"&&document.exitFullscreen()?.catch(()=>{}):typeof a.requestFullscreen=="function"&&a.requestFullscreen()?.catch(()=>{})}}}export{q as googleProvider};

package/dist/styled/index.cjs

@@ -1,2 +1,2 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-var _chunkKJW54NRTcjs = require('../chunk-KJW54NRT.cjs');var _jsxruntime = require('react/jsx-runtime');function L({children:o}){return _jsxruntime.jsx.call(void 0, _chunkKJW54NRTcjs.p,{..._chunkKJW54NRTcjs.N,children:o})}exports.BottomNav = _chunkKJW54NRTcjs.O; exports.BottomSheet = _chunkKJW54NRTcjs.P; exports.ListingApp = _chunkKJW54NRTcjs.R; exports.StyledCard = _chunkKJW54NRTcjs.D; exports.StyledComponentsProviderWithDefaults = L; exports.StyledEmpty = _chunkKJW54NRTcjs.E; exports.StyledFilterPanel = _chunkKJW54NRTcjs.F; exports.StyledListingLayout = _chunkKJW54NRTcjs.Q; exports.StyledLoading = _chunkKJW54NRTcjs.G; exports.StyledMarker = _chunkKJW54NRTcjs.H; exports.StyledPopup = _chunkKJW54NRTcjs.I; exports.StyledResultHeader = _chunkKJW54NRTcjs.J; exports.StyledSearch = _chunkKJW54NRTcjs.K; exports.StyledSidebar = _chunkKJW54NRTcjs.L; exports.StyledToolbar = _chunkKJW54NRTcjs.M; exports.styledDefaultComponents = _chunkKJW54NRTcjs.N;
+var _chunk3O6X563Hcjs = require('../chunk-3O6X563H.cjs');var _jsxruntime = require('react/jsx-runtime');function L({children:o}){return _jsxruntime.jsx.call(void 0, _chunk3O6X563Hcjs.q,{..._chunk3O6X563Hcjs.O,children:o})}exports.BottomNav = _chunk3O6X563Hcjs.P; exports.BottomSheet = _chunk3O6X563Hcjs.Q; exports.ListingApp = _chunk3O6X563Hcjs.S; exports.StyledCard = _chunk3O6X563Hcjs.E; exports.StyledComponentsProviderWithDefaults = L; exports.StyledEmpty = _chunk3O6X563Hcjs.F; exports.StyledFilterPanel = _chunk3O6X563Hcjs.G; exports.StyledListingLayout = _chunk3O6X563Hcjs.R; exports.StyledLoading = _chunk3O6X563Hcjs.H; exports.StyledMarker = _chunk3O6X563Hcjs.I; exports.StyledPopup = _chunk3O6X563Hcjs.J; exports.StyledResultHeader = _chunk3O6X563Hcjs.K; exports.StyledSearch = _chunk3O6X563Hcjs.L; exports.StyledSidebar = _chunk3O6X563Hcjs.M; exports.StyledToolbar = _chunk3O6X563Hcjs.N; exports.styledDefaultComponents = _chunk3O6X563Hcjs.O;

package/dist/styled/index.d.cts

@@ -1,8 +1,8 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { d as IListingCardProps, f as IListingEmptyProps, g as IListingFilterPanelProps, h as IListingLoadingProps, i as IListingMarkerProps, j as IListingPopupProps, k as IListingResultHeaderProps, l as IListingSearchProps, m as IListingSidebarProps, a as IListingToolbarProps, e as IListingComponents } from '../listing-app-CtF5E1ja.cjs';
-export { B as BottomNav, p as BottomNavView, q as IBottomNavAction, r as IBottomNavProps, s as IStyledListingLayoutProps, L as ListingApp, t as ListingAppMapProp, n as ListingAppProps, S as StyledListingLayout } from '../listing-app-CtF5E1ja.cjs';
-import '../map-provider.interface-DT-v1plm.cjs';
+import { e as IListingCardProps, g as IListingEmptyProps, h as IListingFilterPanelProps, i as IListingLoadingProps, j as IListingMarkerProps, k as IListingPopupProps, l as IListingResultHeaderProps, m as IListingSearchProps, n as IListingSidebarProps, a as IListingToolbarProps, f as IListingComponents } from '../listing-app-C7EeHlmP.cjs';
+export { B as BottomNav, q as BottomNavView, r as IBottomNavAction, s as IBottomNavProps, t as IStyledListingLayoutProps, L as ListingApp, v as ListingAppMapProp, o as ListingAppProps, S as StyledListingLayout } from '../listing-app-C7EeHlmP.cjs';
+import '../map-provider.interface-B5Law7gE.cjs';
 
 /**
  * Default `/styled` `Card` slot. Renders an optional image, title, subtitle,

package/dist/styled/index.d.ts

@@ -1,8 +1,8 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { d as IListingCardProps, f as IListingEmptyProps, g as IListingFilterPanelProps, h as IListingLoadingProps, i as IListingMarkerProps, j as IListingPopupProps, k as IListingResultHeaderProps, l as IListingSearchProps, m as IListingSidebarProps, a as IListingToolbarProps, e as IListingComponents } from '../listing-app-BeYPcPVw.js';
-export { B as BottomNav, p as BottomNavView, q as IBottomNavAction, r as IBottomNavProps, s as IStyledListingLayoutProps, L as ListingApp, t as ListingAppMapProp, n as ListingAppProps, S as StyledListingLayout } from '../listing-app-BeYPcPVw.js';
-import '../map-provider.interface-DT-v1plm.js';
+import { e as IListingCardProps, g as IListingEmptyProps, h as IListingFilterPanelProps, i as IListingLoadingProps, j as IListingMarkerProps, k as IListingPopupProps, l as IListingResultHeaderProps, m as IListingSearchProps, n as IListingSidebarProps, a as IListingToolbarProps, f as IListingComponents } from '../listing-app-DHFJtnKI.js';
+export { B as BottomNav, q as BottomNavView, r as IBottomNavAction, s as IBottomNavProps, t as IStyledListingLayoutProps, L as ListingApp, v as ListingAppMapProp, o as ListingAppProps, S as StyledListingLayout } from '../listing-app-DHFJtnKI.js';
+import '../map-provider.interface-B5Law7gE.js';
 
 /**
  * Default `/styled` `Card` slot. Renders an optional image, title, subtitle,

package/dist/styled/index.js

@@ -1,2 +1,2 @@
 "use client";
-import{D as r,E as p,F as i,G as d,H as y,I as l,J as n,K as m,L as s,M as a,N as t,O as S,P as f,Q as P,R as u,p as e}from"../chunk-CZCVR4OW.js";import{jsx as g}from"react/jsx-runtime";function L({children:o}){return g(e,{...t,children:o})}export{S as BottomNav,f as BottomSheet,u as ListingApp,r as StyledCard,L as StyledComponentsProviderWithDefaults,p as StyledEmpty,i as StyledFilterPanel,P as StyledListingLayout,d as StyledLoading,y as StyledMarker,l as StyledPopup,n as StyledResultHeader,m as StyledSearch,s as StyledSidebar,a as StyledToolbar,t as styledDefaultComponents};
+import{E as r,F as p,G as i,H as d,I as y,J as l,K as n,L as m,M as s,N as a,O as t,P as S,Q as f,R as P,S as u,q as e}from"../chunk-SIMKBYC6.js";import{jsx as g}from"react/jsx-runtime";function L({children:o}){return g(e,{...t,children:o})}export{S as BottomNav,f as BottomSheet,u as ListingApp,r as StyledCard,L as StyledComponentsProviderWithDefaults,p as StyledEmpty,i as StyledFilterPanel,P as StyledListingLayout,d as StyledLoading,y as StyledMarker,l as StyledPopup,n as StyledResultHeader,m as StyledSearch,s as StyledSidebar,a as StyledToolbar,t as styledDefaultComponents};

package/dist/testing/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); var _class;"use client";
-var o= (_class =class{constructor() { _class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this);_class.prototype.__init6.call(this);_class.prototype.__init7.call(this); }__init() {this.mounts=[]}__init2() {this.renderedLayers=[]}__init3() {this.removedLayers=[]}__init4() {this.fitBoundsCalls=[]}__init5() {this.destroyed=[]}__init6() {this.destroyCount=0}__init7() {this.boundsListeners=new Set}mount(t,e){let n={raw:{el:t,opts:e}};return this.mounts.push(n),n}renderLayer(t,e){this.renderedLayers.push(e);let n=!1;return()=>{if(n)return;n=!0;let s=this.renderedLayers.indexOf(e);s!==-1&&(this.renderedLayers.splice(s,1),this.removedLayers.push(e))}}onBoundsChange(t,e){return this.boundsListeners.add(e),()=>{this.boundsListeners.delete(e)}}emitBounds(t){for(let e of this.boundsListeners)e(t)}fitBounds(t,e){this.fitBoundsCalls.push(e)}destroy(t){this.destroyed.push(t),this.destroyCount+=1,this.boundsListeners.clear()}}, _class);var d=class{constructor(t,e,n,s=r=>r.id){this.rows=t;this.predicate=e;this.toLatLng=n;this.idOf=s}async list(t,e){let n=this.rows.filter(u=>this.predicate(u,t)),s=e.cursor==null?0:Number(e.cursor)+1,r=n.slice(s,s+e.limit),i=s+r.length-1,l=i+1<n.length;return{items:r,nextCursor:l?String(i):null,total:n.length}}async getPoints(t,e){let s=this.rows.filter(r=>this.predicate(r,t)).map(r=>({id:this.idOf(r),position:this.toLatLng(r),entity:r}));return e?s.filter(r=>this.isInBounds(r.position,e)):s}async getById(t){let e=this.rows.find(n=>this.idOf(n)===t);if(!e)throw new Error(`InMemoryEntityAdapter: no row with id "${String(t)}"`);return e}isInBounds(t,e){return t.lat<=e.north&&t.lat>=e.south&&t.lng>=e.west&&t.lng<=e.east}};exports.FakeMapProvider = o; exports.InMemoryEntityAdapter = d;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class;"use client";
+var o= (_class =class{constructor() { _class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this);_class.prototype.__init6.call(this);_class.prototype.__init7.call(this);_class.prototype.__init8.call(this);_class.prototype.__init9.call(this);_class.prototype.__init10.call(this);_class.prototype.__init11.call(this);_class.prototype.__init12.call(this); }__init() {this.mounts=[]}__init2() {this.renderedLayers=[]}__init3() {this.removedLayers=[]}__init4() {this.fitBoundsCalls=[]}__init5() {this.destroyed=[]}__init6() {this.destroyCount=0}__init7() {this.markerStates=null}__init8() {this.overlays=[]}__init9() {this.zoomCalls=[]}__init10() {this.fullscreenToggles=0}__init11() {this.boundsListeners=new Set}__init12() {this.mapClickListeners=new Set}mount(t,e){let n={raw:{el:t,opts:e}};return this.mounts.push(n),this.fullscreenTarget=_nullishCoalesce(e.fullscreenTarget, () => (t)),n}renderLayer(t,e){this.renderedLayers.push(e);let n=!1;return()=>{if(n)return;n=!0;let s=this.renderedLayers.indexOf(e);s!==-1&&(this.renderedLayers.splice(s,1),this.removedLayers.push(e))}}onBoundsChange(t,e){return this.boundsListeners.add(e),()=>{this.boundsListeners.delete(e)}}emitBounds(t){for(let e of this.boundsListeners)e(t)}onMapClick(t){return this.mapClickListeners.add(t),()=>{this.mapClickListeners.delete(t)}}emitMapClick(){for(let t of this.mapClickListeners)t()}fitBounds(t,e){this.fitBoundsCalls.push(e)}destroy(t){this.destroyed.push(t),this.destroyCount+=1,this.boundsListeners.clear(),this.mapClickListeners.clear()}updateMarkerStates(t,e){this.markerStates={selected:t,hovered:e}}mountOverlay(t){let e=document.createElement("div");document.body.appendChild(e);let n={container:e,position:t};return this.overlays.push(n),{container:e,setPosition:s=>{n.position=s},unmount:()=>{e.remove();let s=this.overlays.indexOf(n);s!==-1&&this.overlays.splice(s,1)}}}zoomIn(){this.zoomCalls.push("in")}zoomOut(){this.zoomCalls.push("out")}toggleFullscreen(){this.fullscreenToggles+=1,this.fullscreenTarget&&typeof this.fullscreenTarget.requestFullscreen=="function"&&_optionalChain([this, 'access', _ => _.fullscreenTarget, 'access', _2 => _2.requestFullscreen, 'call', _3 => _3(), 'optionalAccess', _4 => _4.catch, 'call', _5 => _5(()=>{})])}}, _class);var a=class{constructor(t,e,n,s=r=>r.id){this.rows=t;this.predicate=e;this.toLatLng=n;this.idOf=s}async list(t,e){let n=this.rows.filter(u=>this.predicate(u,t)),s=e.cursor==null?0:Number(e.cursor)+1,r=n.slice(s,s+e.limit),i=s+r.length-1,l=i+1<n.length;return{items:r,nextCursor:l?String(i):null,total:n.length}}async getPoints(t,e){let s=this.rows.filter(r=>this.predicate(r,t)).map(r=>({id:this.idOf(r),position:this.toLatLng(r),entity:r}));return e?s.filter(r=>this.isInBounds(r.position,e)):s}async getById(t){let e=this.rows.find(n=>this.idOf(n)===t);if(!e)throw new Error(`InMemoryEntityAdapter: no row with id "${String(t)}"`);return e}isInBounds(t,e){return t.lat<=e.north&&t.lat>=e.south&&t.lng>=e.west&&t.lng<=e.east}};exports.FakeMapProvider = o; exports.InMemoryEntityAdapter = a;