@mappedin/react-sdk 6.0.1-beta.41 → 6.0.1-beta.43

package/lib/esm/index.d.ts

@@ -10,6 +10,7 @@
 //   ../react/@mappedin/mappedin-js
 //   ../react/@packages/internal/common
 //   ../react/@mappedin/core-sdk
+//   ../react/@packages/internal/mvf-utils/tokens/token-manager
 //   ../react/@packages/internal/outdoor-context-v4
 //   ../react/@packages/internal/geojson-navigator
 //   ../react/@mappedin/mvf-core
@@ -406,13 +407,13 @@ declare module '@mappedin/react-sdk/mappedin-js/src' {
     export { parseMVF, unzipMVF, enableTestMode, preloadFont, MAPPEDIN_COLORS };
     export type { MapView, MapData, MapViewState, MappedinMapLibreOverlay, TMappedinMapLibreOverlayEvents, TBlueDotEvents, TBlueDotAction, TBlueDotState, GeolocationPositionExtended, TStackedMapsEvents, TExpandOptions, TStackedMapsState, TFollowMode, TFollowCameraOptions, TEvents, TEventPayload, TFloorChangeReason, TClickPayload, THoverPayload, TShow3DMapOptions, TGetMapDataOptions, TGetMapDataWithAccessTokenOptions, TGetMapDataWithCredentialsOptions, TGetMapDataSharedOptions, TAntialiasingOptions, TMVF, PaintStyle, LineStyle, EnvMapOptions, Shading, TMVFStyleCollection, TMVFStyle, TMVFLineStringStyle, TMVFPolygonStyle, TMVFPointStyle, Environment, InsetPadding, InsetPaddingOption, OperationHours, SiblingGroup, LocationState, Text3DState, AddText3DOptions, UpdatableText3DState, InitializeText3DState, UpdateModelState, InitializeModelState, };
     export type * from 'geojson';
-    export type { TUpdateState, TUpdateStates, TLabelState, TGeometryState, TModelState, TShapeState, TDoorsState, TImageState, TWallsState, TCameraAnimationOptions, TAnimationOptions, TFocusOnOptions, TEasingFunction, TCameraTarget, TNavigationTarget, TDirectionZone, TAddMarkerOptions, TAddPathOptions, TLabelAppearance, TAddLabelOptions, TAddModelOptions, TAddModel, TAddImageOptions, TGetDirectionsOptions, TCollisionRankingTier, TMarkerAnchor, TDirectionInstruction, TDirectionInstructionAction, TGetState, TMarkerState, TBlueDotOptions, TBlueDotPositionUpdate, TFocusTarget, IFocusable, IAnchorable, TMapDataObjectTypes, TFloorState, } from '@mappedin/react-sdk/mappedin-js/src/types';
+    export type { TUpdateState, TUpdateStates, TLabelState, TGeometryState, TModelState, TShapeState, TDoorsState, TImageState, TWallsState, TCameraAnimationOptions, TAnimationOptions, TFocusOnOptions, TEasingFunction, TCameraTarget, TNavigationTarget, TDirectionZone, TAddMarkerOptions, TAddPathOptions, TLabelAppearance, TAddLabelOptions, TAddModelOptions, TAddModel, TAddImageOptions, TGetDirectionsOptions, TCollisionRankingTier, TMarkerAnchor, TDirectionInstruction, TDirectionInstructionAction, TGetState, TMarkerState, TBlueDotOptions, TBlueDotPositionUpdate, TFocusTarget, IFocusable, IAnchorable, TMapDataObjectTypes, TFloorState, TFacadeState, } from '@mappedin/react-sdk/mappedin-js/src/types';
     export { WALLS, DOORS } from '@mappedin/react-sdk/mappedin-js/src/types';
     export type { Label, Marker, Path, PathSegment, Shape, CameraTransform, Model, Image, Text3D, } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     export type { Debug } from '@mappedin/react-sdk/mappedin-js/src/debug';
     export type { Navigation, TNavigationOptions } from '@mappedin/react-sdk/mappedin-js/src/navigation';
     export type { TSpaceType } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
-    export { Coordinate, Annotation, Connection, Door, Floor, FloorStack, MapObject, PointOfInterest, Space, Image as ImageData, Hyperlink, EnterpriseLocation, EnterpriseCategory, EnterpriseVenue, LocationProfile, LocationCategory, Facade, Node, Area, type Places, } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    export { Coordinate, Annotation, Connection, Door, Floor, FloorStack, MapObject, PointOfInterest, Space, ImageMetaData, Hyperlink, EnterpriseLocation, EnterpriseCategory, EnterpriseVenue, LocationProfile, LocationCategory, Facade, Node, Area, type Places, } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     export type { Camera, Models, Labels, BlueDot, Markers, Paths, Exporter, Directions, Style, Shapes, Outdoor, Images, StackedMaps, DynamicFocus, } from '@mappedin/react-sdk/mappedin-js/src/api-geojson';
     export type { SearchResult, SearchResultItem, SearchResultEnterpriseCategory, SearchResultEnterpriseLocations, SearchResultPlaces, SearchOptions, Search, Suggestion, MatchInfo, } from '@mappedin/react-sdk/mappedin-js/src/search';
     export type { TFindNearestOptions, TFindNearestResult, TQueriables, Query } from '@mappedin/react-sdk/mappedin-js/src/query';
@@ -800,13 +801,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data' {
                 *
                 * @returns {string} The current access token
                 */
-            getAccessToken(): Promise<string | undefined>;
-            /**
-                * Get a SAS token for fetching images on non-public maps.
-                *
-                * @returns {string} The SAS token
-                */
-            getSasToken(): Promise<string | undefined>;
+            getAccessToken(): string | undefined;
             /**
                 * The name of the map.
                 *
@@ -1231,7 +1226,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects' {
     import PointOfInterest from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/poi';
     import Annotation from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/annotation';
     import Hyperlink from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/hyperlink';
-    import Image from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/image';
+    import ImageMetaData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/image';
     import FloorStack from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/floor-stack';
     import Facade from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/facade';
     import type { MapDataRecords, EnterpriseMapDataRecords } from '@mappedin/react-sdk/mappedin-js/src/utils/data-creation';
@@ -1250,6 +1245,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects' {
     import { Query } from '@mappedin/react-sdk/mappedin-js/src/query';
     import LocationProfile from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/location-profile';
     import LocationCategory from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/location-category';
+    import type { TokenManager } from '@packages/internal/mvf-utils/tokens/token-manager';
     /**
         * Internal class representing detailed map data.
         *
@@ -1285,7 +1281,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects' {
                 */
             readonly obstructionIdByEntranceId: Record<string, string>;
             readonly venue?: EnterpriseVenue;
-            readonly sasToken?: string;
+            readonly tokenManager?: TokenManager;
             directions: DirectionsInternal;
             enterpriseMode: boolean;
             nodesById: MapDataRecords['nodesById'];
@@ -1432,8 +1428,6 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects' {
             get locationCategories(): LocationCategory[];
             get mvfFloors(): MVFFloor[];
             get mvfFloorStacks(): MVFFloorStack[];
-            getAccessToken(): Promise<string | undefined>;
-            getSasToken(): Promise<string | undefined>;
             getByType(type: string): object[];
             getByType(type: 'location-profile'): LocationProfile[];
             getByType(type: 'location-category'): LocationCategory[];
@@ -1510,7 +1504,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects' {
                 */
             destroy(): void;
     }
-    export { Node, Area, MapDataInternal, Space, Floor, FloorStack, Facade, Connection, MapObject, Door, Coordinate, PointOfInterest, Annotation, Hyperlink, Image, EnterpriseLocation, EnterpriseCategory, EnterpriseVenue, LocationCategory, LocationProfile, };
+    export { Node, Area, MapDataInternal, Space, Floor, FloorStack, Facade, Connection, MapObject, Door, Coordinate, PointOfInterest, Annotation, Hyperlink, ImageMetaData, EnterpriseLocation, EnterpriseCategory, EnterpriseVenue, LocationCategory, LocationProfile, };
     export type { TSpaceType } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/space';
     export type { Places };
 }
@@ -2309,6 +2303,13 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 */
             opacity: number;
     };
+    export type TFacadeState = {
+            type: 'facade';
+            /**
+                * The opacity of the facade.
+                */
+            opacity: number;
+    };
     /**
         * Defines the state for geometry elements like {@link Space} when updated.
         */
@@ -2379,9 +2380,9 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
     /**
         * The type for updating the state of map elements (colors, texts, etc.).
         */
-    export type TUpdateState<T> = T extends WALLS ? Partial<TWallsState> : T extends DOORS | Door ? Partial<TDoorsState> : T extends Model ? Partial<UpdateModelState> : T extends Marker ? Partial<TMarkerState> : T extends Label ? Partial<TLabelState> : T extends Space | MapObject | Facade ? Partial<TGeometryState> : T extends Floor ? Partial<TFloorState> : T extends Shape ? Partial<Omit<TShapeState, 'height' | 'type'>> : T extends Text3D ? UpdatableText3DState : T extends Path ? Partial<TPathState> : T extends PathSegment ? Partial<TPathState> : T extends string ? Record<string, any> : never;
+    export type TUpdateState<T> = T extends WALLS ? Partial<TWallsState> : T extends DOORS | Door ? Partial<TDoorsState> : T extends Model ? Partial<UpdateModelState> : T extends Marker ? Partial<TMarkerState> : T extends Label ? Partial<TLabelState> : T extends Space | MapObject ? Partial<TGeometryState> : T extends Floor ? Partial<TFloorState> : T extends Facade ? Partial<TFacadeState> : T extends Shape ? Partial<Omit<TShapeState, 'height' | 'type'>> : T extends Text3D ? UpdatableText3DState : T extends Path ? Partial<TPathState> : T extends PathSegment ? Partial<TPathState> : T extends string ? Record<string, any> : never;
     export type TUpdateStates = Partial<Omit<TGeometryState, 'interactive' | 'hoverColor' | 'type'>> | Partial<TMarkerState> | Partial<TLabelState> | Partial<TGeometryState> | Partial<TPathState>;
-    export type TGetState<T> = T extends WALLS ? TWallsState | undefined : T extends DOORS ? TDoorsState | undefined : T extends Marker ? TMarkerState | undefined : T extends Shape ? TShapeState | undefined : T extends Model ? TModelState | undefined : T extends Label ? TLabelState | undefined : T extends Image ? TImageState | undefined : T extends Text3D ? Text3DState | undefined : T extends Space | MapObject ? TGeometryState | undefined : T extends Floor ? TFloorState | undefined : T extends Path ? TPathState | undefined : T extends PathSegment ? TPathState | undefined : T extends string ? TLabelState | TGeometryState | TMarkerState | TModelState | TPathState | undefined : never;
+    export type TGetState<T> = T extends WALLS ? TWallsState | undefined : T extends DOORS ? TDoorsState | undefined : T extends Marker ? TMarkerState | undefined : T extends Shape ? TShapeState | undefined : T extends Model ? TModelState | undefined : T extends Label ? TLabelState | undefined : T extends Image ? TImageState | undefined : T extends Text3D ? Text3DState | undefined : T extends Space | MapObject ? TGeometryState | undefined : T extends Floor ? TFloorState | undefined : T extends Facade ? TFacadeState | undefined : T extends Path ? TPathState | undefined : T extends PathSegment ? TPathState | undefined : T extends string ? TLabelState | TGeometryState | TMarkerState | TModelState | TPathState | undefined : never;
     /**
         * Options for {@link Camera} animations on the map.
         */
@@ -3104,6 +3105,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/constants' {
     export const FOOTPRINT_LAYER = "FootprintLayer";
     export const OCCLUSION_LAYER = "OcclusionLayer";
     export const IMAGES_LAYER = "ImagesLayer";
+    export const FACADES_LAYER = "FacadesLayer";
     export const SELF_SERVE_API_AUDIENCE: string[];
     export const ENTERPRISE_API_AUDIENCE: string[];
     export const MAPPEDIN_COLORS: {
@@ -3896,6 +3898,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/types' {
     import type { LocalePackUrls } from '@packages/internal/mvf-utils';
     import type { LanguagePackHydrationItem } from '@mappedin/react-sdk/mappedin-js/src/types';
     import type { EnvControl, TGetMapDataOptions } from '@packages/internal/mvf-utils/mvf-utils';
+    import { TokenManager } from '@packages/internal/mvf-utils/tokens/token-manager';
     /**
         * Places are the main objects that can be searched for.
         */
@@ -3925,7 +3928,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/types' {
             localePacksUrls?: LocalePackUrls;
             languagePacks?: LanguagePackHydrationItem[];
             binaryBundle?: Uint8Array;
-            sasToken?: string;
+            tokenManager?: TokenManager;
             getMapDataOptions?: TGetMapDataOptions;
     };
     /**
@@ -5113,10 +5116,11 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/hyperlink'
 declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/image' {
     import type { Image as MVFImage } from '@mappedin/mvf';
     import BaseMetaData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-metadata-object';
+    import type { MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     /**
         * A class representing image link data within the map.
         */
-    class Image extends BaseMetaData {
+    class ImageMetaData extends BaseMetaData {
             #private;
             /**
                 * @internal
@@ -5128,12 +5132,13 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/image' {
                 * @param instance The instance to check.
                 * @returns {boolean} True if the instance is a Image, false otherwise.
                 */
-            static is(instance: object): instance is Image;
+            static is(instance: object): instance is ImageMetaData;
             /**
                 * @internal
                 */
             constructor(options: {
                     mvfData: MVFImage;
+                    mapData: MapDataInternal;
             });
             /**
                 * Gets the url of the image.
@@ -5172,7 +5177,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/image' {
                 */
             destroy(): void;
     }
-    export default Image;
+    export default ImageMetaData;
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/floor-stack' {
@@ -5831,10 +5836,11 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/location-pr
     import type { TFocusTarget, TNavigationTarget, IFocusable, INavigatable } from '@mappedin/react-sdk/mappedin-js/src/types';
     import { OpeningHours } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/opening-hours';
     import Hyperlink from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/hyperlink';
-    import Image from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/image';
-    type LocationData = Omit<MVFLocation, 'categories' | 'spaces' | 'obstructions' | 'entrances' | 'shapes' | 'connections' | 'annotations' | 'areas' | 'openingHoursSpecification' | 'links' | 'pictures' | 'website'> & {
+    import ImageMetaData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/image';
+    type LocationData = Omit<MVFLocation, 'categories' | 'spaces' | 'obstructions' | 'entrances' | 'shapes' | 'connections' | 'annotations' | 'areas' | 'openingHoursSpecification' | 'links' | 'pictures' | 'website' | 'icon'> & {
             links: Hyperlink[];
-            images: Image[];
+            images: ImageMetaData[];
+            icon?: ImageMetaData;
     };
     class LocationProfile extends BaseMetaData implements LocationData, IFocusable, INavigatable {
             #private;
@@ -5871,7 +5877,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/location-pr
             /**
                 * The location's pictures
                 */
-            images: Image[];
+            images: ImageMetaData[];
             /**
                 * Web links for the location
                 */
@@ -5885,7 +5891,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/location-pr
                 *
                 * @format uri
                 */
-            icon?: string;
+            icon?: ImageMetaData;
             constructor(data: MapDataInternal, options: {
                     mvfData: MVFLocation;
             });
@@ -9708,7 +9714,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/api' {
             updateWatermark(options: WatermarkUpdateOptions): void;
             get currentFloorStack(): FloorStack;
             get currentFloor(): Floor;
-            getState<T extends Space | Text3DView | MapObject | Label | Marker | Image | Shape | Model | Path | PathSegment | Floor | string>(target: T): TGetState<T>;
+            getState<T extends Space | Text3DView | MapObject | Label | Marker | Image | Shape | Model | Path | PathSegment | Floor | Facade | string>(target: T): TGetState<T>;
             setHoverColor(c: string): void;
             getHoverColor(): string | undefined;
             /**
@@ -11655,7 +11661,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/detailed-ma
     import type LocationProfile from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/location-profile';
     import Hyperlink from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/hyperlink';
     import type { MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
-    import Image from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/image';
+    import ImageMetaData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/image';
     import BaseMapData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-object';
     type PropertiesWithDetails = {
             id: string;
@@ -11684,11 +11690,11 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/detailed-ma
                 */
             get description(): string;
             /**
-                * Gets the array of {@link Image}s associated with this map feature.
+                * Gets the array of {@link ImageMetaData}s associated with this map feature.
                 *
-                * @returns {Image[]} An array of Image objects, or an empty array if no images exist.
+                * @returns {ImageMetaData[]} An array of Image objects, or an empty array if no images exist.
                 */
-            get images(): Image[];
+            get images(): ImageMetaData[];
             /**
                 * Gets the array of {@link Hyperlink}s associated with this map feature.
                 *
@@ -11826,7 +11832,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/collisions/system' {
 
 declare module '@mappedin/react-sdk/geojson/src/entities/geometry3d' {
     import { Object3D } from 'three';
-    import type { Mesh, Object3DEventMap, ShaderMaterial, Texture, TubeGeometry, Color, Vector2 } from 'three';
+    import type { Mesh, Object3DEventMap, ShaderMaterial, Texture, TubeGeometry, Color, Vector2, Raycaster } from 'three';
     import type { InteractionComponent } from '@mappedin/react-sdk/geojson/src/components/interaction';
     import type { MeshComponent } from '@mappedin/react-sdk/geojson/src/components/mesh';
     import type { ModelComponent } from '@mappedin/react-sdk/geojson/src/components/model';
@@ -11840,42 +11846,48 @@ declare module '@mappedin/react-sdk/geojson/src/entities/geometry3d' {
     import type { Text3DComponent } from '@mappedin/react-sdk/geojson/src/components/text3d';
     import type { ModelStyleComponnet, Text3DStyleComponent } from '@mappedin/react-sdk/geojson/src/components/styles';
     export enum Geometry3DComponents {
-        Mesh = 0,
-        Style = 1,
-        Interaction = 2
+            Mesh = 0,
+            Style = 1,
+            Interaction = 2
     }
     type Geometry3DObjectTypes = 'geometry' | 'path' | 'model' | 'custom-geometry' | 'image' | 'text3d';
     export class Geometry3DObject3D extends Object3D {
-        type: Geometry3DObjectTypes;
-        userData: {
-            entityId: string;
-            /**
-              * TODO: remove this when proper instancing is handled
-              */
-            isSingleModel?: boolean;
             type: Geometry3DObjectTypes;
-        };
+            userData: {
+                    entityId: string;
+                    /**
+                        * TODO: remove this when proper instancing is handled
+                        */
+                    isSingleModel?: boolean;
+                    type: Geometry3DObjectTypes;
+            };
+            /**
+                * Custom raycast implementation for model objects only.
+                * This selectively enables recursive raycasting just for models, which have complex hierarchies,
+                * while avoiding the performance cost of recursive raycasting for other object types.
+                */
+            raycast(raycaster: Raycaster, intersects: any[]): void;
     }
     export type PathMaterial = ShaderMaterial & {
-        uniforms: PathUniforms;
+            uniforms: PathUniforms;
     };
     export type PathMesh = Mesh<TubeGeometry, PathMaterial, Object3DEventMap>;
     export class PatMeshContainer extends Geometry3DObject3D {
-        children: [PathMesh, PathMesh];
+            children: [PathMesh, PathMesh];
     }
     export type MeshComponentTypes = MeshComponent | PathComponent | ModelComponent | CustomGeometryComponent | Text3DComponent | ImageComponent;
     type MappedComponentType<M> = M extends MeshComponent ? 'geometry' : M extends PathComponent ? 'path' : M extends ModelComponent ? 'model' : M extends CustomGeometryComponent ? 'custom-geometry' : M extends ImageComponent ? 'image' : M extends Text3DComponent ? 'text3d' : never;
     export class Geometry3D<M extends MeshComponentTypes = MeshComponent, S extends StyleComponent | Text3DStyleComponent | ModelStyleComponnet = StyleComponent, I extends InteractionComponent = InteractionComponent, T extends MappedComponentType<M> = MappedComponentType<M>> {
-        id: string | number;
-        components: [M, S, I?];
-        get object3d(): M["mesh"];
-        get parentObject3D(): GroupContainerObject3D | GeometryGroupObject3D | null;
-        get type(): T;
-        entities2D: Map<string | number, Geometry2D>;
-        constructor(meshComponent: M, styleComponent: S);
-        addEntity(entity: Geometry2D): void;
-        removeEntity(entity: Geometry2D): void;
-        removeAllEntities(): void;
+            id: string | number;
+            components: [M, S, I?];
+            get object3d(): M["mesh"];
+            get parentObject3D(): GroupContainerObject3D | GeometryGroupObject3D | null;
+            get type(): T;
+            entities2D: Map<string | number, Geometry2D>;
+            constructor(meshComponent: M, styleComponent: S);
+            addEntity(entity: Geometry2D): void;
+            removeEntity(entity: Geometry2D): void;
+            removeAllEntities(): void;
     }
     export type TextGeometry3D = Geometry3D<Text3DComponent, Text3DStyleComponent, InteractionComponent, 'text3d'>;
     export type CustomGeometry3D = Geometry3D<CustomGeometryComponent, StyleComponent, InteractionComponent, 'custom-geometry'>;
@@ -11885,86 +11897,86 @@ declare module '@mappedin/react-sdk/geojson/src/entities/geometry3d' {
     export type MeshGeometry3D = Geometry3D<MeshComponent, StyleComponent, InteractionComponent, 'geometry'>;
     export type Geometry3DTypes = TextGeometry3D | CustomGeometry3D | PathGeometry3D | ImageGeometry3D | MeshGeometry3D | ModelGeometry3D;
     export interface PathUniforms {
-        vertexes: {
-            type: 'f';
-            value: number;
-        };
-        resolution: {
-            type: 'v2';
-            value: Vector2;
-        };
-        cameraParameters: {
-            type: 'v2';
-            value: Vector2;
-        };
-        complete: {
-            type: 'f';
-            value: number;
-        };
-        color: {
-            type: 'c';
-            value: Color;
-        };
-        pathLength: {
-            type: 'f';
-            value: number;
-        };
-        nearRadius: {
-            type: 'f';
-            value: number;
-        };
-        farRadius: {
-            type: 'f';
-            value: number;
-        };
-        nearZoom: {
-            type: 'f';
-            value: number;
-        };
-        farZoom: {
-            type: 'f';
-            value: number;
-        };
-        pulseColor: {
-            type: 'c';
-            value: Color;
-        };
-        pulse: {
-            type: 'f';
-            value: number;
-        };
-        pulseLength: {
-            type: 'f';
-            value: number;
-        };
-        pathIsVertical: {
-            type: 'b';
-            value: boolean;
-        };
-        arrowAnimationTimer: {
-            type: 'f';
-            value: number;
-        };
-        arrowTexture: {
-            type: 't';
-            value: Texture;
-        };
-        displayArrowsOnPath: {
-            type: 'b';
-            value: boolean;
-        };
-        flattenFactor: {
-            type: 'f';
-            value: number;
-        };
-        showPulse: {
-            type: 'b';
-            value: boolean;
-        };
-        opacityMultiplier: {
-            type: 'f';
-            value: number;
-        };
+            vertexes: {
+                    type: 'f';
+                    value: number;
+            };
+            resolution: {
+                    type: 'v2';
+                    value: Vector2;
+            };
+            cameraParameters: {
+                    type: 'v2';
+                    value: Vector2;
+            };
+            complete: {
+                    type: 'f';
+                    value: number;
+            };
+            color: {
+                    type: 'c';
+                    value: Color;
+            };
+            pathLength: {
+                    type: 'f';
+                    value: number;
+            };
+            nearRadius: {
+                    type: 'f';
+                    value: number;
+            };
+            farRadius: {
+                    type: 'f';
+                    value: number;
+            };
+            nearZoom: {
+                    type: 'f';
+                    value: number;
+            };
+            farZoom: {
+                    type: 'f';
+                    value: number;
+            };
+            pulseColor: {
+                    type: 'c';
+                    value: Color;
+            };
+            pulse: {
+                    type: 'f';
+                    value: number;
+            };
+            pulseLength: {
+                    type: 'f';
+                    value: number;
+            };
+            pathIsVertical: {
+                    type: 'b';
+                    value: boolean;
+            };
+            arrowAnimationTimer: {
+                    type: 'f';
+                    value: number;
+            };
+            arrowTexture: {
+                    type: 't';
+                    value: Texture;
+            };
+            displayArrowsOnPath: {
+                    type: 'b';
+                    value: boolean;
+            };
+            flattenFactor: {
+                    type: 'f';
+                    value: number;
+            };
+            showPulse: {
+                    type: 'b';
+                    value: boolean;
+            };
+            opacityMultiplier: {
+                    type: 'f';
+                    value: number;
+            };
     }
     export {};
 }
@@ -13414,6 +13426,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object' {
     import type { RendererCore, BBox } from '@mappedin/core-sdk';
     import type { AggregatedStyleMap } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/utils';
     import type { TShow3DMapOptions } from '@mappedin/react-sdk/mappedin-js/src';
+    import type { MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     class Layer {
         containerId: string;
         labelIds: Set<string>;
@@ -13437,8 +13450,10 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object' {
         layers: Map<string, Layer>;
         footprint?: Feature<Polygon | MultiPolygon | null, MVFFloor>;
         floorStackId: string;
+        /** Map of styleId to array of facadeIds for styling */
+        facadesByStyleId: Map<string, string[]>;
         get geoJSONBoundingBox(): BBox | undefined;
-        constructor(parentId: string, floor: MVFFloor, renderer: RendererCore, multiFloorView: Required<TShow3DMapOptions['multiFloorView']>, options: TShow3DMapOptions, mvf?: ParsedMVF, styleMap?: AggregatedStyleMap);
+        constructor(parentId: string, floor: MVFFloor, renderer: RendererCore, multiFloorView: Required<TShow3DMapOptions['multiFloorView']>, options: TShow3DMapOptions, mvf?: ParsedMVF, styleMap?: AggregatedStyleMap, mapDataInternal?: MapDataInternal);
         load: () => this;
         get visible(): boolean;
         setVisible(visible: boolean): void;
@@ -13447,7 +13462,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object' {
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/utils' {
-    import { Coordinate, type Floor, type MapObject, type Space } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import { Coordinate, type Floor, type MapObject, type Space, type Facade } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import type { EntranceCollection, LineString, Polygon, Point, SpaceProperties, ObstructionProperties, StyleCollection, PolygonStyle, LineStringStyle, Feature, ObstructionCollection, PointStyle } from '@mappedin/mvf';
     import type { PolygonFeatureProperties } from '@packages/internal/mvf-utils';
     import type { BBox, FeatureCollection, MultiLineString } from 'geojson';
@@ -13486,7 +13501,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/utils' {
     };
     export function groupGeometryByStyle(features: Feature<LineString | Polygon | Point, PolygonFeatureProperties<SpaceProperties | ObstructionProperties>>[], styleMap: AggregatedStyleMap): Map<WithId<PolygonStyle> | WithId<LineStringStyle> | WithId<PointStyle>, Feature<Polygon | LineString | Point, PolygonFeatureProperties<SpaceProperties | ObstructionProperties>>[]>;
     export function translateToCoreStyle(style: PolygonStyle | LineStringStyle, userOptions?: TShow3DMapOptions): PaintStyle | LineStyle;
-    export const getTargetID: <T extends Space | Shape | MapObject | Label | Text3D | Marker | Model | Path | PathSegment | Image | Floor | string>(target: T, api: GeoJsonApi) => string | undefined;
+    export const getTargetID: <T extends Space | Shape | MapObject | Label | Text3D | Marker | Model | Path | PathSegment | Image | Floor | Facade | string>(target: T, api: GeoJsonApi) => string | undefined;
     export function tweenToPromise(tween: Tween): Promise<void>;
     export function getBoundingBox(geometry: GeoJSON.Feature<GeoJSON.Polygon | GeoJSON.MultiPolygon, any>): BBox;
     export function expandBbox(bbox: BBox, bboxToExpand: BBox): number[];
@@ -13621,8 +13636,8 @@ declare module '@mappedin/react-sdk/geojson/src/systems/collisions/collider-proc
 }
 
 declare module '@mappedin/react-sdk/geojson/src/systems/interactions/system' {
-    import { PerspectiveCamera, Vector3, Object3D, Mesh, Intersection, Object3DEventMap } from 'three';
-    import { Raycaster, Vector2 } from 'three';
+    import type { PerspectiveCamera, Vector3, Object3D, Intersection, Object3DEventMap } from 'three';
+    import { Mesh, Raycaster, Vector2 } from 'three';
     import type { Geometry2D } from '@mappedin/react-sdk/geojson/src/entities/geometry2d';
     import { QuadTree } from '@packages/internal/quad-tree';
     import type { Geometry3D } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';

package/lib/esm/index.js

@@ -1 +1 @@
-import{i as E,j as V,k}from"./chunk-FQV3UGRQ.js";import{c as x,n as A}from"./chunk-UCZ4R6AM.js";import"./chunk-33GECCQ3.js";import"./chunk-WMOC43MI.js";import"./chunk-RNI5HW3A.js";import{a}from"./chunk-JU7JJ6GL.js";import{a as n}from"./chunk-BYMKRV3A.js";a();a();import Y,{useCallback as $,useMemo as q}from"react";import{useContext as C,useEffect as T,useRef as S,useState as D}from"react";import{createPortal as B}from"react-dom";a();import{createContext as z,useContext as F}from"react";a();var L=class L extends Error{constructor(t){super("".concat(t," must be used within a MapView component."))}};n(L,"MapViewNullError");var m=L;var p=z({mapData:void 0,mapView:void 0});function G(){let{mapData:e,mapView:t}=F(p);if(!e||!t)throw new m("useMap");return{mapData:e,mapView:t}}n(G,"useMap");a();import{useEffect as U}from"react";function u(e,t){U(()=>{t!=null&&typeof e=="function"&&e(t)},[e,t])}n(u,"useOnLoad");function O(e){let{mapView:t}=C(p),r=S(),[o,i]=D(null);return T(()=>{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]),T(()=>{o&&(t==null||t.updateState(o,{...e.options}))},[e.options]),u(e.onLoad,o),t==null||o==null?null:B(e.children,o.contentEl,o.id)}n(O,"Marker");function J(e){let{mapView:t}=C(p),[r,o]=D(null),i=S(A()),l=S(e.target),f=$(s=>{var M;o(s),(M=e.onLoad)==null||M.call(e,s)},[e.onLoad]);T(()=>{if(t==null)throw new m("Marker");if(r&&r.target!==e.target){let{duration:s=300,easing:M="linear"}=e;t.Markers.animateTo(r,e.target,{duration:s,easing:M})}},[t,e.target,r]);let c=q(()=>({...e,duration:void 0,easing:void 0}),[e.duration,e.easing]);return Y.createElement(O,{...c,key:i.current,target:l.current,onLoad:f})}n(J,"AnimatedMarker");a();import{useContext as K,useEffect as R,useRef as Q,useState as X}from"react";function Z(e){let{mapView:t}=K(p),r=Q(),[o,i]=X(void 0);return R(()=>{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]),R(()=>{r.current&&(t==null||t.updateState(r.current,{text:e.text,...e.options}))},[e.text,e.options]),u(e.onLoad,o),null}n(Z,"Label");a();import{useCallback as _,useContext as ee,useEffect as te}from"react";function re(e,t){let{mapView:r}=ee(p),o=_(i=>t(i),[t]);te(()=>{if(r==null)throw new m("useEvent");return r.on(e,o),()=>{r!=null&&r.off(e,o)}},[r,e,t])}n(re,"useEvent");a();import{useContext as ae,useEffect as oe,useRef as ne,useState as ie}from"react";function pe(e){let{mapView:t}=ae(p),r=ne(),[o,i]=ie(void 0);return oe(()=>{if(t==null)throw new m("Path");let l=t.Paths.add(e.coordinate,e.options);return l.animation.then(()=>{var f;(f=e.onDrawComplete)==null||f.call(e)}),i(l),r.current=l,()=>{r.current&&t.Paths.remove(r.current)}},[t,e.coordinate,e.options]),u(e.onLoad,o),null}n(pe,"Path");a();import w,{useCallback as me,useEffect as ue,useMemo as de,useRef as j,useState as W}from"react";var se={width:"100%",height:"100%",position:"relative"};function le(e){let{mapData:t,options:r,style:o,fallback:i,children:l,...f}=e,c=j(!1),[s,M]=W(void 0),[h,P]=W(!0),y=j(null),b=de(()=>r,[]),v=me(()=>{if(t&&(y!=null&&y.current)){if(s)return;V(y.current,t,b).then(g=>{M(g)}).catch(g=>{x.error("Failed to render MapView",g)}).finally(()=>{P(!1)})}},[t,y.current,b]);return ue(()=>{c.current||(c.current=!0,v())},[v]),u(e.onLoad,s),w.createElement(p.Provider,{value:{mapData:t,mapView:s}},w.createElement("div",{"data-testid":"mappedin-map",ref:y,style:{...se,...o},...f}),h?w.createElement(w.Fragment,null,i):l)}n(le,"MapView");a();import{useContext as fe,useEffect as H,useState as ce}from"react";function Me(e){let{mapView:t}=fe(p),[r,o]=ce(!1);return H(()=>{if(t==null)throw new m("Navigation");return t.Navigation.draw(e.directions,e.options).then(()=>{var i;o(!0),(i=e.onDrawComplete)==null||i.call(e)}),()=>{t.Navigation.clear()}},[t,e.directions,e.options]),H(()=>{r!==!1&&typeof e.onLoad=="function"&&e.onLoad()},[e.onLoad,r]),null}n(Me,"Navigation");a();import{useContext as Pe,useEffect as ye,useRef as he,useState as xe}from"react";function we(e){let{mapView:t}=Pe(p),r=he(),[o,i]=xe(void 0);return ye(()=>{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,o),null}n(we,"Shape");a();import{useContext as ge,useEffect as I,useRef as Le,useState as Te}from"react";function Se(e){let{mapView:t}=ge(p),r=Le(),[o,i]=Te(void 0);return I(()=>{if(t==null)throw new m("Model");return r.current=t.Models.add(e.target,e.url,e.options),i(r.current),()=>{t==null||r.current==null||t.Models.remove(r.current)}},[t,e.url]),I(()=>{r.current&&(t==null||t.updateState(r.current,{position:e.target,...e.options}))},[e.options,e.target]),u(e.onLoad,o),null}n(Se,"Model");a();import{useCallback as Ne,useEffect as be,useMemo as ve,useRef as Ae,useState as N}from"react";function Ee(e){let[t,r]=N(void 0),[o,i]=N(!0),[l,f]=N(void 0),c=Ae(0),s=ve(()=>e,[]),M=Ne(()=>{let h=++c.current;i(!0),f(void 0),E(s).then(P=>{c.current===h&&r(P)}).catch(P=>{c.current===h&&(x.error("Failed to fetch MapData",P),f(P))}).finally(()=>{c.current===h&&i(!1)})},[s]);return be(()=>{M()},[M]),{mapData:t,isLoading:o,error:l}}n(Ee,"useMapData");var Xt=k;export{J as AnimatedMarker,Z as Label,le as MapView,O as Marker,Se as Model,Me as Navigation,pe as Path,we as Shape,Xt as default,re as useEvent,G as useMap,Ee as useMapData};
+import{i as E,j as V,k}from"./chunk-WMO54VQZ.js";import{c as x,n as A}from"./chunk-OPU32TFR.js";import"./chunk-RV2X5GSW.js";import"./chunk-VTOSGJTF.js";import"./chunk-DOOA5SBB.js";import{a}from"./chunk-BVQ2DBMP.js";import{a as n}from"./chunk-BYMKRV3A.js";a();a();import Y,{useCallback as $,useMemo as q}from"react";import{useContext as C,useEffect as T,useRef as S,useState as D}from"react";import{createPortal as B}from"react-dom";a();import{createContext as z,useContext as F}from"react";a();var L=class L extends Error{constructor(t){super("".concat(t," must be used within a MapView component."))}};n(L,"MapViewNullError");var m=L;var p=z({mapData:void 0,mapView:void 0});function G(){let{mapData:e,mapView:t}=F(p);if(!e||!t)throw new m("useMap");return{mapData:e,mapView:t}}n(G,"useMap");a();import{useEffect as U}from"react";function u(e,t){U(()=>{t!=null&&typeof e=="function"&&e(t)},[e,t])}n(u,"useOnLoad");function O(e){let{mapView:t}=C(p),r=S(),[o,i]=D(null);return T(()=>{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]),T(()=>{o&&(t==null||t.updateState(o,{...e.options}))},[e.options]),u(e.onLoad,o),t==null||o==null?null:B(e.children,o.contentEl,o.id)}n(O,"Marker");function J(e){let{mapView:t}=C(p),[r,o]=D(null),i=S(A()),l=S(e.target),f=$(s=>{var M;o(s),(M=e.onLoad)==null||M.call(e,s)},[e.onLoad]);T(()=>{if(t==null)throw new m("Marker");if(r&&r.target!==e.target){let{duration:s=300,easing:M="linear"}=e;t.Markers.animateTo(r,e.target,{duration:s,easing:M})}},[t,e.target,r]);let c=q(()=>({...e,duration:void 0,easing:void 0}),[e.duration,e.easing]);return Y.createElement(O,{...c,key:i.current,target:l.current,onLoad:f})}n(J,"AnimatedMarker");a();import{useContext as K,useEffect as R,useRef as Q,useState as X}from"react";function Z(e){let{mapView:t}=K(p),r=Q(),[o,i]=X(void 0);return R(()=>{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]),R(()=>{r.current&&(t==null||t.updateState(r.current,{text:e.text,...e.options}))},[e.text,e.options]),u(e.onLoad,o),null}n(Z,"Label");a();import{useCallback as _,useContext as ee,useEffect as te}from"react";function re(e,t){let{mapView:r}=ee(p),o=_(i=>t(i),[t]);te(()=>{if(r==null)throw new m("useEvent");return r.on(e,o),()=>{r!=null&&r.off(e,o)}},[r,e,t])}n(re,"useEvent");a();import{useContext as ae,useEffect as oe,useRef as ne,useState as ie}from"react";function pe(e){let{mapView:t}=ae(p),r=ne(),[o,i]=ie(void 0);return oe(()=>{if(t==null)throw new m("Path");let l=t.Paths.add(e.coordinate,e.options);return l.animation.then(()=>{var f;(f=e.onDrawComplete)==null||f.call(e)}),i(l),r.current=l,()=>{r.current&&t.Paths.remove(r.current)}},[t,e.coordinate,e.options]),u(e.onLoad,o),null}n(pe,"Path");a();import w,{useCallback as me,useEffect as ue,useMemo as de,useRef as j,useState as W}from"react";var se={width:"100%",height:"100%",position:"relative"};function le(e){let{mapData:t,options:r,style:o,fallback:i,children:l,...f}=e,c=j(!1),[s,M]=W(void 0),[h,P]=W(!0),y=j(null),b=de(()=>r,[]),v=me(()=>{if(t&&(y!=null&&y.current)){if(s)return;V(y.current,t,b).then(g=>{M(g)}).catch(g=>{x.error("Failed to render MapView",g)}).finally(()=>{P(!1)})}},[t,y.current,b]);return ue(()=>{c.current||(c.current=!0,v())},[v]),u(e.onLoad,s),w.createElement(p.Provider,{value:{mapData:t,mapView:s}},w.createElement("div",{"data-testid":"mappedin-map",ref:y,style:{...se,...o},...f}),h?w.createElement(w.Fragment,null,i):l)}n(le,"MapView");a();import{useContext as fe,useEffect as H,useState as ce}from"react";function Me(e){let{mapView:t}=fe(p),[r,o]=ce(!1);return H(()=>{if(t==null)throw new m("Navigation");return t.Navigation.draw(e.directions,e.options).then(()=>{var i;o(!0),(i=e.onDrawComplete)==null||i.call(e)}),()=>{t.Navigation.clear()}},[t,e.directions,e.options]),H(()=>{r!==!1&&typeof e.onLoad=="function"&&e.onLoad()},[e.onLoad,r]),null}n(Me,"Navigation");a();import{useContext as Pe,useEffect as ye,useRef as he,useState as xe}from"react";function we(e){let{mapView:t}=Pe(p),r=he(),[o,i]=xe(void 0);return ye(()=>{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,o),null}n(we,"Shape");a();import{useContext as ge,useEffect as I,useRef as Le,useState as Te}from"react";function Se(e){let{mapView:t}=ge(p),r=Le(),[o,i]=Te(void 0);return I(()=>{if(t==null)throw new m("Model");return r.current=t.Models.add(e.target,e.url,e.options),i(r.current),()=>{t==null||r.current==null||t.Models.remove(r.current)}},[t,e.url]),I(()=>{r.current&&(t==null||t.updateState(r.current,{position:e.target,...e.options}))},[e.options,e.target]),u(e.onLoad,o),null}n(Se,"Model");a();import{useCallback as Ne,useEffect as be,useMemo as ve,useRef as Ae,useState as N}from"react";function Ee(e){let[t,r]=N(void 0),[o,i]=N(!0),[l,f]=N(void 0),c=Ae(0),s=ve(()=>e,[]),M=Ne(()=>{let h=++c.current;i(!0),f(void 0),E(s).then(P=>{c.current===h&&r(P)}).catch(P=>{c.current===h&&(x.error("Failed to fetch MapData",P),f(P))}).finally(()=>{c.current===h&&i(!1)})},[s]);return be(()=>{M()},[M]),{mapData:t,isLoading:o,error:l}}n(Ee,"useMapData");var Xt=k;export{J as AnimatedMarker,Z as Label,le as MapView,O as Marker,Se as Model,Me as Navigation,pe as Path,we as Shape,Xt as default,re as useEvent,G as useMap,Ee as useMapData};