@mappedin/react-sdk 6.0.1-beta.10 → 6.0.1-beta.12

package/lib/esm/index.d.ts

@@ -356,6 +356,11 @@ declare module '@mappedin/react-sdk/mappedin-js/src' {
                 */
             autoRenderBeauty?: boolean;
     };
+    /**
+        * @interface
+        * Options for the watermark.
+        */
+    export type TWatermarkOptions = Omit<WatermarkOptions, 'visible'>;
     /**
         * Options for showing a 3D map.
         *
@@ -429,18 +434,22 @@ declare module '@mappedin/react-sdk/mappedin-js/src' {
                 *
                 * @hidden
                 */
-            watermark?: WatermarkOptions;
+            watermark?: TWatermarkOptions;
             /**
                 * Options for the attribution control.
                 *
                 * @hidden
                 */
             attribution?: {
+                    /**
+                        * Custom attribution content.
+                        */
+                    custom?: string[];
                     /**
                         * Attribution position.
                         * @default 'bottom-right'
                         */
-                    position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+                    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
             };
             /**
                 * First floor to be rendered.
@@ -737,7 +746,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data' {
             /**
                 * Changes the language of the map data.
                 *
-                * @param localeCode The ISO 639-1 language code to change to (e.g., 'en' for English, 'fr' for French). Check venue.languages for available languages
+                * @param localeCode The ISO 639-1 language code to change to (e.g., 'en' for English, 'fr' for French). Check ({@link EnterpriseVenue.languages}) for available languages
                 * @returns A promise that resolves when the language change is complete.
                 * @throws An error if the language change fails.
                 * @example
@@ -1081,7 +1090,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects' {
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
-    import type { RendererCore, WatermarkOptions } from '@mappedin/core-sdk';
+    import type { RendererCore, WatermarkUpdateOptions } from '@mappedin/core-sdk';
     import { PubSub } from '@packages/internal/common';
     import { type TEvents, type TShow3DMapOptions } from '@mappedin/react-sdk/mappedin-js/src';
     import type { Navigation } from '@mappedin/react-sdk/mappedin-js/src/navigation';
@@ -1216,7 +1225,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
                 * @param options {WatermarkOptions}
                 * @hidden
                 */
-            updateWatermark(options: Omit<WatermarkOptions, 'onClick'>): void;
+            updateWatermark(options: WatermarkUpdateOptions): void;
             getState<T extends Space | MapObject | Label | Marker | Image | string>(target: T): TGetState<T> | undefined;
             setHoverColor(c: string): void;
             getHoverColor(): string | undefined;
@@ -1341,7 +1350,7 @@ declare module '@mappedin/react-sdk/geojson/src' {
     export { mountSceneGraphVisualizer };
     export type { EntityId, EntityState, LineStyle, PaintStyle, ModelStyle, ModelProperties, Shading } from '@mappedin/react-sdk/geojson/src/types';
     export type * from 'geojson';
-    export type { WatermarkOptions, WatermarkPosition } from '@mappedin/react-sdk/geojson/src/systems/watermark/system';
+    export type { WatermarkUpdateOptions, WatermarkOptions, WatermarkPosition } from '@mappedin/react-sdk/geojson/src/systems/watermark/system';
     export type { GLTFExportOptions } from '@mappedin/react-sdk/geojson/src/systems/exporter';
     export type { AttributionControlOptions, AttributionPosition } from '@mappedin/react-sdk/geojson/src/systems/html-controls/system';
     export { ATTRIBUTION_POSITIONS } from '@mappedin/react-sdk/geojson/src/systems/html-controls/system';
@@ -5506,7 +5515,7 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
     import type { GeometryGroupState } from '@mappedin/react-sdk/geojson/src/entities/geometry-group';
     import { DOMResizeSystem } from '@mappedin/react-sdk/geojson/src/systems/dom-resize/system';
     import { Camera } from '@mappedin/react-sdk/geojson/src/camera';
-    import { type WatermarkOptions, WatermarkSystem } from '@mappedin/react-sdk/geojson/src/systems/watermark/system';
+    import { type WatermarkUpdateOptions, WatermarkSystem } from '@mappedin/react-sdk/geojson/src/systems/watermark/system';
     import { PanBoundsSystem } from '@mappedin/react-sdk/geojson/src/systems/pan-bounds/system';
     import { HTMLControlsSystem } from '@mappedin/react-sdk/geojson/src/systems/html-controls/system';
     import { type CustomGeometryBuilder, type ShapeState } from '@mappedin/react-sdk/geojson/src/components/custom';
@@ -5640,9 +5649,9 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
             /**
                 * Updates the watermark on the map.
                 *
-                * @param options {WatermarkOptions}
+                * @param options {WatermarkUpdateOptions}
                 */
-            updateWatermark(options: Omit<WatermarkOptions, 'onClick'>): void;
+            updateWatermark(options: WatermarkUpdateOptions): void;
             /**
                 * Remove an entity from the renderer and release associated resources.
                 */
@@ -6172,6 +6181,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/watermark/system' {
     import { PubSub } from '@packages/internal/common';
     import type { Geometry2D } from '@mappedin/react-sdk/geojson/src/entities';
     import type { QuadTree } from '@packages/internal/quad-tree';
+    import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
     export type WatermarkPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'center' | 'top' | 'bottom' | 'left' | 'right';
     export type WatermarkOptions = {
             /**
@@ -6206,18 +6216,26 @@ declare module '@mappedin/react-sdk/geojson/src/systems/watermark/system' {
             scale?: number;
             /**
                 * Callback when the watermark is clicked.
+                * @hidden
                 */
             onClick?: () => void;
+            /**
+                * Whether the watermark should be visible.
+                * @hidden
+                * @default true
+                */
+            visible?: boolean;
     };
+    export type WatermarkUpdateOptions = Omit<WatermarkOptions, 'onClick' | 'visible'>;
     export class WatermarkSystem extends PubSub<{
             'texture-loaded': void;
     }> {
             #private;
             dirty: boolean;
-            get options(): WatermarkOptions;
-            set options(options: WatermarkOptions);
+            get options(): Required<WatermarkOptions>;
+            set options(options: WatermarkUpdateOptions);
             get icon(): string;
-            constructor(cameraObject: PerspectiveCamera, canvasWidth: number, canvasHeight: number, rendererState: any, options?: WatermarkOptions);
+            constructor(cameraObject: PerspectiveCamera, rendererState: RendererState, options?: Partial<WatermarkOptions>);
             get width(): number;
             get height(): number;
             getPositionAlignedOffset(width: number, height: number): {
@@ -6239,6 +6257,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/watermark/system' {
             }>): void;
             resize(canvasWidth: number, canvasHeight: number): void;
             update(): void;
+            destroy(): void;
     }
 }
 
@@ -6255,7 +6274,8 @@ declare module '@mappedin/react-sdk/geojson/src/systems/html-controls/system' {
     export const ATTRIBUTION_POSITIONS: readonly ["top-left", "top-right", "bottom-left", "bottom-right"];
     export type AttributionPosition = (typeof ATTRIBUTION_POSITIONS)[number];
     export type AttributionControlOptions = {
-            position: AttributionPosition;
+            custom?: string[];
+            position?: AttributionPosition;
     };
     export class HTMLControlsSystem {
             controlContainerEl: HTMLDivElement;
@@ -6266,6 +6286,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/html-controls/system' {
             attribButtonEl?: HTMLElement;
             feedbackLinkEl?: HTMLAnchorElement;
             attribHTML: string;
+            customAttributions: string[];
             constructor(container: HTMLElement);
             addAttributionControl(options?: AttributionControlOptions): void;
             toggleAttribution: (e: MouseEvent) => void;
@@ -6449,6 +6470,10 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/path' {
                 * The label's id
                 */
             id: string;
+            /**
+                * The promise that resolves when the current path animation is complete.
+                */
+            animation: Promise<void>;
             /**
                 * @internal
                 */
@@ -6456,7 +6481,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/path' {
             /**
                 * @internal
                 */
-            constructor(id: string);
+            constructor(id: string, drawAnimation: Promise<void>);
     }
 }
 
@@ -6499,7 +6524,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object' {
     import type { Position, AddLabelOptions, RendererCore, PathState, MarkerState, LineStyle, PaintStyle, EntityId } from '@mappedin/core-sdk';
     import { FloorObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object';
     import type { Coordinate, TAddMarkerOptions, TAddPathOptions, TShow3DMapOptions } from '@mappedin/react-sdk/mappedin-js/src';
-    import type { GLTFExportOptions, TAnimationOptions, TAddModelOptions, TAddModel, TAddImageOptions, CancellablePromise } from '@mappedin/react-sdk/mappedin-js/src/types';
+    import type { GLTFExportOptions, TAnimationOptions, TAddModelOptions, TAddModel, TAddImageOptions } from '@mappedin/react-sdk/mappedin-js/src/types';
     import { type AggregatedStyleMap } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/utils';
     import { StackedMaps } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/stacked-maps/stacked-maps';
     import type { TFloorChangeReason } from '@mappedin/react-sdk/mappedin-js/src/events';
@@ -6565,7 +6590,10 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object' {
             removeAll: () => void;
         };
         Paths: {
-            add: (coordinates: Coordinate[], options?: TAddPathOptions) => CancellablePromise<EntityId<PathState>[]>;
+            add: (coordinates: Coordinate[], options?: TAddPathOptions) => {
+                paths: EntityId<PathState>[];
+                animation: Promise<void>;
+            };
             remove: (entityIds: string[]) => void;
         };
         constructor(id: string, mvf: any, styleMap: AggregatedStyleMap, options: TShow3DMapOptions | undefined, renderer: RendererCore);
@@ -6992,7 +7020,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/paths' {
                 * // Add a red path to the map
                 * map.Paths.add(coordinate,  { color: '#ff0000' });
                 */
-            add(coordinate: Coordinate[], options?: TAddPathOptions): Promise<Path>;
+            add(coordinate: Coordinate[], options?: TAddPathOptions): Path;
             /**
                 * Removes a specific path ({@link Path}) from the map.
                 * @param path The path to be removed.
@@ -7080,9 +7108,9 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/directions' {
             /**
                 * @hidden
                 */
-            constructor({ nodes, obstructions, connections, groupBy, }: {
+            constructor({ nodes, geojsonCollection, connections, groupBy, }: {
                     nodes: ParsedMVF['node.geojson'];
-                    obstructions: ParsedMVF['obstruction'];
+                    geojsonCollection: ParsedMVF['obstruction'] | ParsedMVF['space'];
                     connections: ParsedMVF['connection.json'];
                     groupBy?: string;
             });
@@ -8013,8 +8041,8 @@ declare module '@mappedin/react-sdk/geojson/src/entities' {
 declare module '@mappedin/react-sdk/geojson/src/types/options' {
     import type { Position } from '@mappedin/react-sdk/geojson/src/types/geometry';
     import type { Map as MapLibreMap } from '@mappedin/react-sdk/packages/outdoor-context-v4';
-    import type { WatermarkOptions } from '@mappedin/react-sdk/geojson/src/systems/watermark/system';
     import type { AttributionControlOptions } from '@mappedin/react-sdk/geojson/src/systems/html-controls/system';
+    import type { WatermarkOptions } from '@mappedin/react-sdk/geojson/src';
     export type RendererCoreOptions = Partial<{
         center?: Position;
         zoomLevel?: number;
@@ -8146,7 +8174,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/collisions/system' {
     import { PubSub } from '@mappedin/react-sdk/packages/common/pubsub';
     import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
     import type { TSerializedCollider, TSerializedColliderResponse } from '@mappedin/react-sdk/geojson/src/systems/collisions/collider-processor';
-    import { WatermarkPosition } from '@mappedin/react-sdk/geojson/src/systems/watermark/system';
+    import type { WatermarkPosition } from '@mappedin/react-sdk/geojson/src/systems/watermark/system';
     export type TMessageEvent = MessageEvent<{
         msgId: string;
         colliders: TSerializedColliderResponse[];
@@ -8879,6 +8907,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/utils' {
     import type { TDoorsState, TMarkerState, TWallsState } from '@mappedin/react-sdk/mappedin-js/src/types';
     import type { Image } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     import type { GeoJsonApi } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/api';
+    import type TWEEN from '@tweenjs/tween.js';
     export function convertCoordinateToPosition(coord: Coordinate): Position;
     export function convertPositionToCoordinate(coord: Position): Coordinate;
     export const cutEntrancesFromLineStrings: (lineStrings: ObstructionCollection["features"], entranceCollection: EntranceCollection["features"]) => {
@@ -8906,6 +8935,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/utils' {
     export function groupGeometryByStyle(features: Feature<LineString | Polygon | Point, SpaceProperties | ObstructionProperties>[], styleMap: AggregatedStyleMap): Map<WithId<PolygonStyle> | WithId<LineStringStyle> | WithId<PointStyle>, Feature<Point | LineString | Polygon, WithPolygonImage<SpaceProperties> | WithPolygonImage<ObstructionProperties>>[]>;
     export function translateToCoreStyle(style: PolygonStyle | LineStringStyle, userOptions?: TShow3DMapOptions): PaintStyle | LineStyle;
     export const getTargetID: <T extends Space | MapObject | Label | Marker | Model | Image | string>(target: T, api: GeoJsonApi) => string | undefined;
+    export function tweenToPromise(tween: TWEEN.Tween): Promise<void>;
 }
 
 declare module '@mappedin/react-sdk/geojson/src/components/style' {
@@ -17596,6 +17626,7 @@ declare module '@mappedin/react-sdk/packages/geojson-navigator/src/navigator/nav
     import type { Position, Feature, MultiPolygon, Polygon } from 'geojson';
     import type { NodeCollection, NodeFeature } from '@mappedin/react-sdk/packages/geojson-navigator/src/types/node';
     import type { ObstructionCollection } from '@mappedin/react-sdk/packages/geojson-navigator/src/types/obstruction';
+    import type { SpaceCollection } from '@mappedin/react-sdk/packages/geojson-navigator/src/types/space';
     import type { DirectionsCollection } from '@mappedin/react-sdk/packages/geojson-navigator/src/types/directions';
     import type { CoordinateFeature } from '@mappedin/react-sdk/packages/geojson-navigator/src/types/coordinate';
     /**
@@ -17633,17 +17664,19 @@ declare module '@mappedin/react-sdk/packages/geojson-navigator/src/navigator/nav
                 *
                 * @param {NodeCollection} nodes - Collection of nodes for the navigation graph.
                 * @param {ObstructionCollection} [obstructions] - Optional collection of obstructions that could block paths.
+                * @param {SpaceCollection} [spaces] - Optional collection of spaces that could block paths.
                 * @param {string} [groupBy] - Optional property name to group nodes and paths for differentiated processing.
                 */
-            constructor({ nodes, obstructions, groupBy, }: {
+            constructor({ nodes, geojsonCollection, groupBy, }: {
                     nodes: NodeCollection;
-                    obstructions?: ObstructionCollection;
+                    geojsonCollection?: ObstructionCollection | SpaceCollection;
                     groupBy?: string;
             });
             findNearestNode: (feature: CoordinateFeature) => NodeFeature | null;
             /**
                 * Calculates and returns a set of directions from origin nodes to destination nodes, including detailed properties.
                 *
+                * @param {DirectionsZone[]} zones - special zones for navigation operations.
                 * @param {string[]} originIds - IDs of origin nodes.
                 * @param {string[]} destinationNodeIds - IDs of destination nodes.
                 * @param {string[]} [excludedNodeIds] - IDs of nodes to exclude from pathfinding.
@@ -17724,32 +17757,15 @@ declare module '@mappedin/react-sdk/packages/geojson-navigator/src/types/node' {
 }
 
 declare module '@mappedin/react-sdk/packages/geojson-navigator/src/types/obstruction' {
-    import type { LineString, FeatureCollection, Polygon, Feature } from 'geojson';
+    import type { LineString, Polygon, Feature } from 'geojson';
+    import type { ObstructionProperties, ObstructionCollection } from '@mappedin/mvf';
     /**
-        * Properties specific to obstruction features in a geospatial context.
-        * Includes a mandatory unique identifier and allows for any additional custom properties.
-        */
-    export type ObstructionProperties = {
-            /**
-                * Unique identifier for the obstruction.
-                */
-            id: string;
-            /**
-                * Additional property specific to the navigator based on the 'groupBy' option.
-                * */
-            [name: string]: any;
-    };
-    /**
-        * A GeoJSON feature collection that groups multiple obstruction features, which can be line strings or polygons.
-        * This is typically used to represent physical barriers or areas where access is restricted.
-        */
-    export type ObstructionCollection = FeatureCollection<LineString | Polygon, ObstructionProperties>;
-    /**
-        * A GeoJSON feature representing an obstruction, which can be either a line string or a polygon.
-        * This type is crucial for mapping and managing areas that impede or restrict movement, such as barriers or restricted zones.
-        *
-        */
+      * A GeoJSON feature representing an obstruction, which can be either a line string or a polygon.
+      * This type is crucial for mapping and managing areas that impede or restrict movement, such as barriers or restricted zones.
+      *
+      */
     export type ObstructionFeature = Feature<LineString | Polygon, ObstructionProperties>;
+    export { ObstructionCollection, ObstructionProperties };
 }
 
 declare module '@mappedin/react-sdk/packages/geojson-navigator/src/types/directions' {
@@ -21384,6 +21400,18 @@ declare module '@mappedin/react-sdk/packages/outdoor-context-v4/ui/handler/tap_z
     }
 }
 
+declare module '@mappedin/react-sdk/packages/geojson-navigator/src/types/space' {
+    import type { LineString, Polygon, Point, Feature } from 'geojson';
+    import type { SpaceProperties, SpaceCollection } from '@mappedin/mvf';
+    /**
+      * A GeoJSON feature representing a space, which can be either a line string or a polygon.
+      * This type is crucial for mapping and managing areas that impede or restrict movement, such as barriers or restricted zones.
+      *
+      */
+    export type SpaceFeature = Feature<LineString | Polygon | Point, SpaceProperties>;
+    export { SpaceCollection, SpaceProperties };
+}
+
 declare module '@mappedin/react-sdk/geojson/src/systems/camera/helpers/input-set' {
     import type { Vector2 } from 'three';
     class InputSet {

package/lib/esm/index.js

@@ -1 +1 @@
-import{a as w,h as E,i as V,j as b}from"./chunk-TOAXR4PM.js";import"./chunk-CBWWQFNR.js";import"./chunk-X4O3T5J7.js";import"./chunk-A6QTJRY4.js";import"./chunk-TKFKQMTK.js";import{a as o,j as a}from"./chunk-GLHDHW4V.js";a();a();import{useContext as j,useEffect as W,useRef as H,useState as K}from"react";import{createPortal as _}from"react-dom";a();import{createContext as C,useContext as O}from"react";a();var N=class N extends Error{constructor(t){super("".concat(t," must be used within a MapView component."))}};o(N,"MapViewNullError");var m=N;var p=C({mapData:void 0,mapView:void 0});function R(){let{mapData:e,mapView:t}=O(p);if(!e||!t)throw new m("useMap");return{mapData:e,mapView:t}}o(R,"useMap");a();import{useEffect as k}from"react";function u(e,t){k(()=>{t!=null&&typeof e=="function"&&e(t)},[e,t])}o(u,"useOnLoad");var Re=o(e=>{let{mapView:t}=j(p),r=H(),[n,i]=K(null);return W(()=>{if(t==null)throw new m("Marker");return r.current=t.Markers.add(e.target,"",{...e.options,dynamicResize:!0}),i(r.current),()=>{t==null||r.current==null||t.Markers.remove(r.current)}},[t,e.target,e.options]),u(e.onLoad,n),t==null||n==null?null:_(e.children,n.contentEl,n.id)},"Marker");a();import{useContext as z,useEffect as I,useRef as U,useState as F}from"react";function Ie(e){let{mapView:t}=z(p),r=U(),[n,i]=F(void 0);return I(()=>{if(t==null)throw new m("Label");return r.current=t.Labels.add(e.target,e.text,e.options),i(r.current),()=>{t==null||r.current==null||t.Labels.remove(r.current)}},[t,e.target,e.text,e.options]),u(e.onLoad,n),null}o(Ie,"Label");a();import{useCallback as G,useContext as Y,useEffect as $}from"react";function Be(e,t){let{mapView:r}=Y(p),n=G(i=>t(i),[t]);$(()=>{if(r==null)throw new m("useEvent");return r.on(e,n),()=>{r!=null&&r.off(e,n)}},[r,e,t])}o(Be,"useEvent");a();import{useContext as q,useEffect as B,useRef as J,useState as Q}from"react";function at(e){let{mapView:t}=q(p),r=J(),[n,i]=Q(void 0);return B(()=>{if(t==null)throw new m("Path");let d=!1,f=t.Paths.add(e.coordinate,e.options);return f.then(s=>{d?t.Paths.remove(s):(r.current=s,i(s))}),()=>{d=!0,r.current?t.Paths.remove(r.current):f.then(s=>{t.Paths.remove(s)})}},[t,e.coordinate,e.options]),u(e.onLoad,n),null}o(at,"Path");a();import x,{useCallback as X,useEffect as Z,useMemo as ee,useRef as v,useState as A}from"react";var te={width:"100%",height:"100%",position:"relative"};function lt(e){let{mapData:t,options:r,style:n,fallback:i,children:d,...f}=e,s=v(!1),[c,h]=A(void 0),[y,M]=A(!0),P=v(null),L=ee(()=>r,[]),g=X(()=>{if(t&&(P!=null&&P.current)){if(c)return;V(P.current,t,L).then(S=>{h(S)}).catch(S=>{w.error("Failed to render MapView",S)}).finally(()=>{M(!1)})}},[t,P.current,L]);return Z(()=>{s.current||(s.current=!0,g())},[g]),u(e.onLoad,c),x.createElement(p.Provider,{value:{mapData:t,mapView:c}},x.createElement("div",{"data-testid":"mappedin-map",ref:P,style:{...te,...n},...f}),y?x.createElement(x.Fragment,null,i):d)}o(lt,"MapView");a();import{useContext as re,useEffect as D,useRef as ae,useState as oe}from"react";function wt(e){let{mapView:t}=re(p),[r,n]=oe(!1),i=ae(Promise.resolve());return D(()=>{if(t==null)throw new m("Navigation");let d=!1,f=o(()=>d?Promise.resolve():t.Navigation.draw(e.directions,e.options).then(()=>{d||n(!0)}),"navigationOperation");return i.current=i.current.then(f),()=>{d=!0,i.current=i.current.then(()=>{t.Navigation.clear()})}},[t,e.directions,e.options]),D(()=>{r!==!1&&typeof e.onLoad=="function"&&e.onLoad()},[e.onLoad,r]),null}o(wt,"Navigation");a();import{useContext as ne,useEffect as ie,useRef as pe,useState as me}from"react";function Et(e){let{mapView:t}=ne(p),r=pe(),[n,i]=me(void 0);return ie(()=>{if(t==null)throw new Error("MapView not initialized");return r.current=t.Shapes.add(e.geometry,e.style,e.floor),i(r.current),()=>{t==null||r.current==null||t.Shapes.remove(r.current)}},[t,e.geometry,e.style,e.floor]),u(e.onLoad,n),null}o(Et,"Shape");a();import{useContext as se,useEffect as ue,useRef as de,useState as le}from"react";function Rt(e){let{mapView:t}=se(p),r=de(),[n,i]=le(void 0);return ue(()=>{if(t==null)throw new m("Model");return r.current=t.Models.add(e.models,e.options),i(r.current),()=>{if(!(t==null||r.current==null))for(let d of r.current)t.Models.remove(d)}},[t,e.models,e.options]),u(e.onLoad,n),null}o(Rt,"Model");a();import{useCallback as fe,useEffect as ce,useMemo as Me,useRef as Pe,useState as T}from"react";function zt(e){let[t,r]=T(void 0),[n,i]=T(!0),[d,f]=T(void 0),s=Pe(0),c=Me(()=>e,[]),h=fe(()=>{let y=++s.current;i(!0),f(void 0),E(c).then(M=>{s.current===y&&r(M)}).catch(M=>{s.current===y&&(w.error("Failed to fetch MapData",M),f(M))}).finally(()=>{s.current===y&&i(!1)})},[c]);return ce(()=>{h()},[h]),{mapData:t,isLoading:n,error:d}}o(zt,"useMapData");var Gt=b;export{Ie as Label,lt as MapView,Re as Marker,Rt as Model,wt as Navigation,at as Path,Et as Shape,Gt as default,Be as useEvent,R as useMap,zt as useMapData};
+import{a as w,h as E,i as V,j as b}from"./chunk-DMHXIEU4.js";import"./chunk-NLGPMWPZ.js";import"./chunk-G7WXEQJ3.js";import"./chunk-QKN6JD4F.js";import"./chunk-SQXYZZBW.js";import{a as o,j as a}from"./chunk-GZ7LZ5UP.js";a();a();import{useContext as j,useEffect as W,useRef as H,useState as K}from"react";import{createPortal as _}from"react-dom";a();import{createContext as O,useContext as C}from"react";a();var N=class N extends Error{constructor(t){super("".concat(t," must be used within a MapView component."))}};o(N,"MapViewNullError");var m=N;var p=O({mapData:void 0,mapView:void 0});function R(){let{mapData:e,mapView:t}=C(p);if(!e||!t)throw new m("useMap");return{mapData:e,mapView:t}}o(R,"useMap");a();import{useEffect as k}from"react";function s(e,t){k(()=>{t!=null&&typeof e=="function"&&e(t)},[e,t])}o(s,"useOnLoad");var Ce=o(e=>{let{mapView:t}=j(p),r=H(),[n,i]=K(null);return W(()=>{if(t==null)throw new m("Marker");return r.current=t.Markers.add(e.target,"",{...e.options,dynamicResize:!0}),i(r.current),()=>{t==null||r.current==null||t.Markers.remove(r.current)}},[t,e.target,e.options]),s(e.onLoad,n),t==null||n==null?null:_(e.children,n.contentEl,n.id)},"Marker");a();import{useContext as z,useEffect as I,useRef as U,useState as F}from"react";function ze(e){let{mapView:t}=z(p),r=U(),[n,i]=F(void 0);return I(()=>{if(t==null)throw new m("Label");return r.current=t.Labels.add(e.target,e.text,e.options),i(r.current),()=>{t==null||r.current==null||t.Labels.remove(r.current)}},[t,e.target,e.text,e.options]),s(e.onLoad,n),null}o(ze,"Label");a();import{useCallback as G,useContext as Y,useEffect as $}from"react";function qe(e,t){let{mapView:r}=Y(p),n=G(i=>t(i),[t]);$(()=>{if(r==null)throw new m("useEvent");return r.on(e,n),()=>{r!=null&&r.off(e,n)}},[r,e,t])}o(qe,"useEvent");a();import{useContext as q,useEffect as B,useRef as J,useState as Q}from"react";function rt(e){let{mapView:t}=q(p),r=J(),[n,i]=Q(void 0);return B(()=>{if(t==null)throw new m("Path");return r.current=t.Paths.add(e.coordinate,e.options),i(r.current),()=>{r.current&&t.Paths.remove(r.current)}},[t,e.coordinate,e.options]),s(e.onLoad,n),null}o(rt,"Path");a();import x,{useCallback as X,useEffect as Z,useMemo as ee,useRef as A,useState as v}from"react";var te={width:"100%",height:"100%",position:"relative"};function ut(e){let{mapData:t,options:r,style:n,fallback:i,children:M,...y}=e,u=A(!1),[l,h]=v(void 0),[P,f]=v(!0),c=A(null),L=ee(()=>r,[]),g=X(()=>{if(t&&(c!=null&&c.current)){if(l)return;V(c.current,t,L).then(S=>{h(S)}).catch(S=>{w.error("Failed to render MapView",S)}).finally(()=>{f(!1)})}},[t,c.current,L]);return Z(()=>{u.current||(u.current=!0,g())},[g]),s(e.onLoad,l),x.createElement(p.Provider,{value:{mapData:t,mapView:l}},x.createElement("div",{"data-testid":"mappedin-map",ref:c,style:{...te,...n},...y}),P?x.createElement(x.Fragment,null,i):M)}o(ut,"MapView");a();import{useContext as re,useEffect as D,useState as ae}from"react";function ht(e){let{mapView:t}=re(p),[r,n]=ae(!1);return D(()=>{if(t==null)throw new m("Navigation");return t.Navigation.draw(e.directions,e.options).then(()=>{n(!0)}),()=>{t.Navigation.clear()}},[t,e.directions,e.options]),D(()=>{r!==!1&&typeof e.onLoad=="function"&&e.onLoad()},[e.onLoad,r]),null}o(ht,"Navigation");a();import{useContext as oe,useEffect as ne,useRef as pe,useState as ie}from"react";function gt(e){let{mapView:t}=oe(p),r=pe(),[n,i]=ie(void 0);return ne(()=>{if(t==null)throw new Error("MapView not initialized");return r.current=t.Shapes.add(e.geometry,e.style,e.floor),i(r.current),()=>{t==null||r.current==null||t.Shapes.remove(r.current)}},[t,e.geometry,e.style,e.floor]),s(e.onLoad,n),null}o(gt,"Shape");a();import{useContext as me,useEffect as se,useRef as de,useState as ue}from"react";function Ct(e){let{mapView:t}=me(p),r=de(),[n,i]=ue(void 0);return se(()=>{if(t==null)throw new m("Model");return r.current=t.Models.add(e.models,e.options),i(r.current),()=>{if(!(t==null||r.current==null))for(let M of r.current)t.Models.remove(M)}},[t,e.models,e.options]),s(e.onLoad,n),null}o(Ct,"Model");a();import{useCallback as le,useEffect as fe,useMemo as ce,useRef as Me,useState as T}from"react";function _t(e){let[t,r]=T(void 0),[n,i]=T(!0),[M,y]=T(void 0),u=Me(0),l=ce(()=>e,[]),h=le(()=>{let P=++u.current;i(!0),y(void 0),E(l).then(f=>{u.current===P&&r(f)}).catch(f=>{u.current===P&&(w.error("Failed to fetch MapData",f),y(f))}).finally(()=>{u.current===P&&i(!1)})},[l]);return fe(()=>{h()},[h]),{mapData:t,isLoading:n,error:M}}o(_t,"useMapData");var Ft=b;export{ze as Label,ut as MapView,Ce as Marker,Ct as Model,ht as Navigation,rt as Path,gt as Shape,Ft as default,qe as useEvent,R as useMap,_t as useMapData};