@mappedin/react-sdk 6.0.1-beta.31 → 6.0.1-beta.32

package/lib/esm/index.d.ts

@@ -253,6 +253,18 @@ declare module '@mappedin/react-sdk/mappedin-js/src' {
                 * @default false
                 */
             keepOutdoorGeometryVisible?: boolean;
+            /**
+                * @experimental
+                *
+                * Enable occlusion of labels, markers and floors.
+                */
+            occlusion?: {
+                    /**
+                        * Enable occlusion.
+                        * @default false
+                        */
+                    enabled?: boolean;
+            };
     };
     /**
         * @internal
@@ -1069,6 +1081,14 @@ declare module '@mappedin/react-sdk/mappedin-js/src/events' {
                     directions: Directions;
                     path: Path;
             };
+            /**
+                * Emitted before the scene is drawn to the screen.
+                */
+            'pre-render': undefined;
+            /**
+                * Emitted after the scene is drawn to the screen.
+                */
+            'post-render': undefined;
     } & TStackedMapsEvents;
     export type TEventPayload<EventName extends keyof TEvents> = TEvents[EventName] extends {
             data: null;
@@ -1101,7 +1121,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects' {
     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';
-    import type { AnnotationCollection, ParsedMVF, Connection as MVFConnection, EntranceCollection, NodeCollection, ObstructionCollection, SpaceCollection, FloorProperties as MVFFloor, FloorStack as MVFFloorStack, EnterpriseLocation as MVFEnterpriseLocation, EnterpriseCategory as MVFEnterpriseCategory, Language, AreaCollection } from '@mappedin/mvf';
+    import type { AnnotationCollection, ParsedMVF, Connection as MVFConnection, EntranceCollection, NodeCollection, ObstructionCollection, SpaceCollection, FloorProperties as MVFFloor, FloorStack as MVFFloorStack, EnterpriseLocation as MVFEnterpriseLocation, EnterpriseCategory as MVFEnterpriseCategory, Language, AreaCollection, TilesetStyle } from '@mappedin/mvf';
     import { AnalyticsInternal } from '@mappedin/react-sdk/mappedin-js/src/analytics';
     import EnterpriseLocation from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/location';
     import EnterpriseCategory from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/category';
@@ -1114,6 +1134,8 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects' {
     import { type Directions, DirectionsInternal } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/directions';
     import { type THydrateMapDataBundle } from '@mappedin/react-sdk/mappedin-js/src';
     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';
     /**
         * Internal class representing detailed map data.
         *
@@ -1164,7 +1186,12 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects' {
             pointsOfInterestById: MapDataRecords['poisById'];
             annotationsById: MapDataRecords['annotationsById'];
             areasById: MapDataRecords['areasById'];
+            locationProfilesById: MapDataRecords['locationProfilesById'];
+            locationCategoriesById: MapDataRecords['locationCategoriesById'];
+            locationProfilesByExternalId: MapDataRecords['locationProfilesByExternalId'];
             locationsById: EnterpriseMapDataRecords['locationsById'];
+            locationProfilesByCategoryId: MapDataRecords['locationProfilesByCategoryId'];
+            locationCategoriesByParentId: MapDataRecords['locationCategoriesByParentId'];
             categoriesById: EnterpriseMapDataRecords['categoriesById'];
             doorsByNodeId: MapDataRecords['doorsByNodeId'];
             mvfLocationsBySpaceId: EnterpriseMapDataRecords['mvfLocationsBySpaceId'];
@@ -1203,6 +1230,9 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects' {
             languagePacks: {
                     [languageCode: string]: LanguagePack;
             };
+            tilesets: {
+                    [tilesetId: string]: TilesetStyle;
+            };
             binaryBundle?: Uint8Array;
             envControl: EnvControl;
             /**
@@ -1278,9 +1308,13 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects' {
             get nodes(): Node[];
             get locations(): EnterpriseLocation[];
             get categories(): EnterpriseCategory[];
+            get locationProfiles(): LocationProfile[];
+            get locationCategories(): LocationCategory[];
             get mvfFloors(): MVFFloor[];
             get mvfFloorStacks(): MVFFloorStack[];
             getByType(type: string): object[];
+            getByType(type: 'location-profile'): LocationProfile[];
+            getByType(type: 'location-category'): LocationCategory[];
             getByType(type: 'space'): Space[];
             getByType(type: 'area'): Area[];
             getByType(type: 'door'): Door[];
@@ -1351,7 +1385,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, };
+    export { Node, Area, MapDataInternal, Space, Floor, FloorStack, Facade, Connection, MapObject, Door, Coordinate, PointOfInterest, Annotation, Hyperlink, Image, EnterpriseLocation, EnterpriseCategory, EnterpriseVenue, LocationCategory, LocationProfile, };
     export type { TSpaceType } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/space';
     export type { Places };
 }
@@ -1860,7 +1894,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/maplibre-overlay' {
 
 declare module '@mappedin/react-sdk/mappedin-js/src/types' {
     import type { Feature, MultiPolygon, Polygon } from 'geojson';
-    import type { Coordinate, Floor, Door, Space, MapObject, PointOfInterest, Connection, EnterpriseLocation, Node, Area, Facade, FloorStack, Annotation, EnterpriseCategory, EnterpriseVenue } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import type { Coordinate, Floor, Door, Space, MapObject, PointOfInterest, Connection, EnterpriseLocation, Node, Area, Facade, FloorStack, Annotation, EnterpriseCategory, EnterpriseVenue, LocationCategory, LocationProfile } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import type { Label, Marker, Model, Image, Shape, Text3D } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     import type { Language, ParsedMVFLocalePack } from '@mappedin/mvf';
     import type { InsetPaddingOption, UpdatableText3DState, Text3DState, AddText3DOptions, EnvMapOptions, InitializeModelState, ModelState, UpdateModelState } from '@mappedin/react-sdk/geojson/src';
@@ -2240,7 +2274,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
     /**
         * Defines the target for navigation operations.
         */
-    export type TNavigationTarget = Space | MapObject | Coordinate | Door | PointOfInterest | Connection | EnterpriseLocation | Node | Area | Facade;
+    export type TNavigationTarget = LocationProfile | Annotation | Space | MapObject | Coordinate | Door | PointOfInterest | Connection | EnterpriseLocation | Node | Area | Facade;
     /**
         * Defines the special zone for navigation operations.
         */
@@ -2814,6 +2848,15 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
             localePack: ParsedMVFLocalePack;
     };
     export type GlobalState = {
+            /**
+                * The color of the background, in hex format(#000000).
+                */
+            backgroundColor: string;
+            /**
+                * The alpha value of the background, between 0 and 1.
+                * @default 1
+                */
+            backgroundAlpha: number;
             /**
                 * environment map for reflections.
                 * @default 'basic'
@@ -2843,6 +2886,9 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
     export interface IFocusable {
             get focusTarget(): TFocusTarget | TFocusTarget[];
     }
+    export interface INavigatable {
+            get navigationTarget(): TNavigationTarget | TNavigationTarget[];
+    }
     /**
         * A class that implements IAnchorable can have 2D elements like {@link Label}s and {@link Marker}s anchored to it.
         */
@@ -2853,6 +2899,8 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
         * Associates MapData type strings with their corresponding classes.
         */
     export type TMapDataObjectTypes = {
+            'location-profile': LocationProfile;
+            'location-category': LocationCategory;
             node: Node;
             space: Space;
             door: Door;
@@ -2898,6 +2946,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/constants' {
     export const LABELS_LAYER = "LabelsLayer";
     export const MARKERS_LAYER = "MarkersLayer";
     export const FOOTPRINT_LAYER = "FootprintLayer";
+    export const OCCLUSION_LAYER = "OcclusionLayer";
     export const IMAGES_LAYER = "ImagesLayer";
     export const SELF_SERVE_API_AUDIENCE: string[];
     export const ENTERPRISE_API_AUDIENCE: string[];
@@ -3520,11 +3569,19 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/directions' {
             /**
                 * @internal
                 */
-            constructor(directions: DirectionsCollection, mapData: MapDataInternal);
+            constructor(directions: DirectionsCollection, mapData: MapDataInternal, from: TNavigationTarget[], to: TNavigationTarget[]);
             /**
                 * @internal
                 */
             get path(): Node[];
+            /**
+                * The selected departure.
+                */
+            get departure(): TNavigationTarget;
+            /**
+                * The selected destination.
+                */
+            get destination(): TNavigationTarget;
             /**
                 * All the coordinates ({@link Coordinate}) of the directions.
                 */
@@ -3574,6 +3631,14 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/directions' {
                 */
             getExcludedNodeIds: (accessible: boolean, excludedConnections: Connection[]) => string[];
     }
+    /**
+        * Get the nodes from the navigation target.
+        *
+        * @hidden
+        * @param target
+        * @param mapData
+        */
+    export function getNodesFromTarget(target: TNavigationTarget, mapData: MapDataInternal): string[];
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/types' {
@@ -4194,6 +4259,13 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/floor' {
                 * @returns {string} The name of the floor.
                 */
             get name(): string;
+            /**
+                * Gets the short name of the floor (i.e. "F1", "L, "2", etc.).
+                * Used in space constrained lists and Often aligns with what is displayed on an elevator.
+                *
+                * @returns {string} The short name of the floor.
+                */
+            get shortName(): string;
             /**
                 * Gets the external ID of the floor.
                 *
@@ -5038,8 +5110,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/facade' {
 
 declare module '@mappedin/react-sdk/mappedin-js/src/utils/data-creation' {
     import type { AnnotationCollection, EntranceCollection, FeatureCollection, Connection as MVFConnection, EnterpriseCategory as MVFEnterpriseCategory, EnterpriseCategoryId as MVFEnterpriseCategoryId, EnterpriseLocation as MVFEnterpriseLocation, EnterpriseLocationId as MVFEnterpriseLocationId, EnterpriseVenue as MVFEnterpriseVenue, FloorProperties as MVFFloor, FloorStack as MVFFloorStack, NodeCollection, ObstructionCollection, ParsedMVF, Point, SpaceCollection, SpaceProperties, AreaCollection, AreaId, EnterpriseLocationInstance } from '@mappedin/mvf';
-    import type { MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
-    import { Annotation, Area, Connection, Door, EnterpriseCategory, EnterpriseLocation, Facade, Floor, FloorStack, MapObject, Node, PointOfInterest, Space } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import { Annotation, Area, Connection, Door, EnterpriseCategory, EnterpriseLocation, Facade, Floor, FloorStack, MapObject, Node, PointOfInterest, Space, LocationCategory, LocationProfile, type MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     export type MapDataRecords = {
             spacesById: Record<string, Space>;
             nodesById: Record<string, Node>;
@@ -5054,6 +5125,10 @@ declare module '@mappedin/react-sdk/mappedin-js/src/utils/data-creation' {
             poisById: Record<string, PointOfInterest>;
             annotationsById: Record<string, Annotation>;
             areasById: Record<AreaId, Area>;
+            locationProfilesById: Record<string, LocationProfile>;
+            locationCategoriesById: Record<string, LocationCategory>;
+            locationProfilesByCategoryId: Record<string, LocationProfile[]>;
+            locationCategoriesByParentId: Record<string, LocationCategory[]>;
             spacesByExternalId: Record<string, Space[]>;
             nodesByExternalId: Record<string, Node[]>;
             poisByExternalId: Record<string, PointOfInterest[]>;
@@ -5062,6 +5137,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/utils/data-creation' {
             floorsByExternalId: Record<string, Floor[]>;
             objectsByExternalId: Record<string, MapObject[]>;
             areasByExternalId: Record<string, Area[]>;
+            locationProfilesByExternalId: Record<string, LocationProfile[]>;
             spaceIdsByDestinationNodeId: Record<string, string[]>;
             objectEntranceNodeIdsByObstructionId: Record<string, string[]>;
             obstructionIdByEntranceId: Record<string, string>;
@@ -5105,6 +5181,13 @@ declare module '@mappedin/react-sdk/mappedin-js/src/utils/data-creation' {
             mvfLocationsById: Record<string, MVFEnterpriseLocation>;
             mvfLocationsBySpaceId: Record<string, MVFEnterpriseLocation[]>;
     };
+    export const processMVFLocationProfilesAndCategories: (mvf: ParsedMVF, data: MapDataInternal) => {
+            locationCategoriesByParentId: Record<string, LocationCategory[]>;
+            locationProfilesById: Record<string, LocationProfile>;
+            locationCategoriesById: Record<string, LocationCategory>;
+            locationProfilesByExternalId: Record<string, LocationProfile[]>;
+            locationProfilesByCategoryId: Record<string, LocationProfile[]>;
+    };
     export const processMVFSpaces: (mvf: ParsedMVF, data: MapDataInternal) => Pick<MapDataRecords, "spacesById" | "spacesByExternalId" | "spaceIdsByDestinationNodeId" | "poisById" | "poisByExternalId" | "mvfSpacesById" | "objectEntranceNodeIdsByObstructionId" | "connectionsById" | "connectionIdsByLatLon" | "mvfSpacesByFloorId" | "mvfPoisByFloorId">;
     export const processMVFNodes: (mvf: ParsedMVF, data: MapDataInternal) => Pick<MapDataRecords, "nodesById" | "nodesByExternalId" | "mvfNodesById" | "mvfNodesByFloorId">;
     export const processMVFObstructions: (mvf: ParsedMVF, data: MapDataInternal) => Pick<MapDataRecords, "objectsById" | "objectsByExternalId" | "mvfObstructionById" | "obstructionIdByEntranceId">;
@@ -5531,6 +5614,158 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/venue' {
     export default EnterpriseVenue;
 }
 
+declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/location-profile' {
+    import type { LocationId, LocationLink, LocationPicture, LocationSocial, Location as MVFLocation } from '@mappedin/mvf';
+    import BaseMetaData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-metadata-object';
+    import type { Annotation, Connection, Door, LocationCategory, MapDataInternal, Space, MapObject } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import type { TFocusTarget, TNavigationTarget, IFocusable, INavigatable } from '@mappedin/react-sdk/mappedin-js/src/types';
+    class LocationProfile extends BaseMetaData implements Omit<MVFLocation, 'categories' | 'spaces' | 'obstructions' | 'entrances' | 'shapes' | 'connections' | 'annotations'>, IFocusable, INavigatable {
+            #private;
+            /**
+                * Checks if the provided instance is of type EnterpriseLocation.
+                *
+                * @param instance The instance to check.
+                * @returns {boolean} True if the instance is a EnterpriseLocation, false otherwise.
+                */
+            static is(instance: object): instance is LocationProfile;
+            /**
+                * @internal
+                */
+            static readonly __type = "location-profile";
+            /**
+                * @internal
+                */
+            readonly __type = "location-profile";
+            id: LocationId;
+            name: string;
+            externalId?: string;
+            description?: string;
+            /**
+                * The location's logo
+                *
+                * @format uri
+                */
+            logo?: string;
+            phone?: string;
+            /**
+                * The location's social media links.
+                */
+            social: LocationSocial[];
+            /**
+                * The location's pictures
+                */
+            pictures: LocationPicture[];
+            /**
+                * Web links for the location
+                */
+            links: LocationLink[];
+            constructor(data: MapDataInternal, options: {
+                    mvfData: MVFLocation;
+            });
+            /**
+                * Gets the {@link Space}s associated with the location.
+                *
+                * @returns {Space[]} The spaces array.
+                */
+            get spaces(): Space[];
+            /**
+                * Gets the {@link Door}s associated with the location.
+                *
+                * @returns {Door[]} The doors array.
+                */
+            get doors(): Door[];
+            /**
+                * Gets the {@link Connection}s associated with the location.
+                *
+                * @returns {Connection[]} The connections array.
+                */
+            get connections(): Connection[];
+            /**
+                * Gets the {@link Annotation}s associated with the location.
+                *
+                * @returns {Annotation[]} The annotations array.
+                */
+            get annotations(): Annotation[];
+            /**
+                * Gets the {@link LocationCategory}s associated with the location.
+                *
+                * @returns {LocationCategory[]} The location categories array.
+                */
+            get categories(): LocationCategory[];
+            /**
+                * Gets the {@link MapObject}s associated with the location.
+                *
+                * @returns {MapObject[]} The map objects array.
+                */
+            get mapObjects(): MapObject[];
+            /** @internal */
+            get focusTarget(): TFocusTarget[];
+            /**
+                * @internal
+                */
+            get navigationTarget(): TNavigationTarget[];
+            toJSON(): {
+                    id: string;
+                    name: string;
+            };
+    }
+    export default LocationProfile;
+}
+
+declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/location-category' {
+    import type { CategoryId, Category as MVFCategory } from '@mappedin/mvf';
+    import BaseMetaData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-metadata-object';
+    import type { LocationProfile, MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    class LocationCategory extends BaseMetaData implements Omit<MVFCategory, 'parent'> {
+            #private;
+            /**
+                * Checks if the provided instance is of type EnterpriseLocation.
+                *
+                * @param instance The instance to check.
+                * @returns {boolean} True if the instance is a EnterpriseLocation, false otherwise.
+                */
+            static is(instance: object): instance is LocationCategory;
+            /**
+                * @internal
+                */
+            static readonly __type = "location-category";
+            /**
+                * @internal
+                */
+            readonly __type = "location-category";
+            id: CategoryId;
+            name: string;
+            /**
+                * The category's icon
+                *
+                * @format uri
+                */
+            icon: string;
+            constructor(data: MapDataInternal, options: {
+                    mvfData: MVFCategory;
+            });
+            /**
+                * Gets the parent {@link LocationCategory}.
+                *
+                * @returns {LocationCategory | undefined} The parent location category.
+                */
+            get parent(): LocationCategory | undefined;
+            /**
+                * Gets the children {@link LocationCategory}s.
+                */
+            get children(): LocationCategory[];
+            /**
+                * Gets the {@link LocationProfile}s that are associated with this category.
+                */
+            get locationProfiles(): LocationProfile[];
+            toJSON(): {
+                    id: string;
+                    name: string;
+            };
+    }
+    export default LocationCategory;
+}
+
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/shapes' {
     import type { GeojsonApiMapObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object';
     import { Shape } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
@@ -5742,6 +5977,10 @@ declare module '@mappedin/react-sdk/geojson/src/components/marker' {
                 * Dynamic resize of the marker. If set to true, the marker will resize based on the content.
                 */
             dynamicResize?: boolean;
+            /**
+                * @internal
+                */
+            occluderId?: number;
             /**
                 * The z-index of the marker. Can be used used in conjunction with rank: 'always-visible' to make certain markers appear over others
                 */
@@ -5765,6 +6004,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/marker' {
                 */
             canShow: boolean;
             visible: boolean;
+            isOccluded: boolean;
             offscreen: boolean;
             strategyIndex: number;
             activeBoundingBox: {
@@ -6371,6 +6611,10 @@ declare module '@mappedin/react-sdk/geojson/src/components/label' {
                 * @internal
                 */
             id?: string;
+            /**
+                * @internal
+                */
+            occluderId?: number;
     };
     type TStyle = {
             top?: number;
@@ -6484,6 +6728,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/label' {
             options: LabelOptions;
             visible: boolean;
             enabled: boolean;
+            isOccluded: boolean;
             offscreen: boolean;
             /**
                 * Whether the label can be shown, which is decided by the collision engine
@@ -6546,6 +6791,7 @@ declare module '@mappedin/react-sdk/geojson/src/entities/group-container' {
     import type { InteractionComponent } from '@mappedin/react-sdk/geojson/src/components/interaction';
     import type { BatchedText } from '@mappedin/react-sdk/geojson/src/services/text3d/text3d';
     import type { EntityTypes } from '@mappedin/react-sdk/geojson/src/renderer';
+    import type { Feature, MultiPolygon, Polygon } from 'geojson';
     export enum GroupContainerComponents {
             Stack = 0,
             Interaction = 1
@@ -6578,9 +6824,13 @@ declare module '@mappedin/react-sdk/geojson/src/entities/group-container' {
                     entityId: string | number;
                     entities2D: Set<string | number>;
                     dirty: boolean;
+                    occluderDirty: boolean;
+                    occluderId?: number;
+                    occluderFeature?: Feature<Polygon | MultiPolygon, any>;
             };
             components: [StackComponent?, InteractionComponent?];
             constructor(id: string);
+            addOccluderFeature(feature: Feature<Polygon | MultiPolygon, any>, occluderId: number): void;
             addEntity(entityGroupOrContainer: GroupContainerObject3D | GeometryGroupObject3D | Geometry2D | Geometry3DTypes): void;
             removeEntity(entityGroupOrContainer: EntityTypes): void;
             setVisible(visible: boolean): void;
@@ -6989,6 +7239,10 @@ declare module '@mappedin/react-sdk/geojson/src/types' {
                 * Fired before the scene is rendered. Use this to modify the scene before it is rendered.
                 */
             'pre-render': undefined;
+            /**
+                * Fired when the synchronous tasks of the scene render are complete.
+                */
+            'post-render': undefined;
     };
     /**
         * The payload of an event. See also {@link MapEvent}.
@@ -7595,10 +7849,10 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
     import type { AddText3DOptions, Text3DState, UpdatableText3DState } from '@mappedin/react-sdk/geojson/src/components/text3d';
     import { MeshDetachmentSystem } from '@mappedin/react-sdk/geojson/src/systems/mesh-detachment/system';
     import { MeshModificationSystem } from '@mappedin/react-sdk/geojson/src/systems/mesh-modification/system';
-    import { PreRenderSystem } from '@mappedin/react-sdk/geojson/src/systems/pre-render/system';
     import { Text3DSystem } from '@mappedin/react-sdk/geojson/src/systems/text3d/system';
     import { Group as TweenGroup } from '@tweenjs/tween.js';
     import { Debug } from '@mappedin/react-sdk/geojson/src/utils/debug';
+    import { Occlusion2DSystem } from '@mappedin/react-sdk/geojson/src/systems/2d-occlusion/system';
     export type * from '@mappedin/react-sdk/geojson/src/types';
     export const raycaster: Raycaster;
     /**
@@ -7639,8 +7893,8 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
             geometryInFocusSystem: GeometryInFocusSystem;
             meshDetachmentSystem: MeshDetachmentSystem;
             meshModificationSystem: MeshModificationSystem;
-            preRenderSystem: PreRenderSystem;
             text3DSystem: Text3DSystem;
+            occlusion2DSystem: Occlusion2DSystem;
     };
     export type MapViewState = {
             readonly type: 'map-view';
@@ -7701,6 +7955,7 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
                 * Add a geometry group from GeoJSON data
                 */
             addGeometryGroup<T extends FeatureCollection<Polygon | MultiPolygon | LineString, any>>(id: string, geometry: T, style?: T extends FeatureCollection<LineString, any> ? LineStyle : PaintStyle, parent?: EntityId<GroupContainerState> | string | number | null): EntityId<GeometryGroupState>;
+            addOccluder<T extends Feature<Polygon | MultiPolygon, any>>(feature: T, parent?: EntityId<GroupContainerState> | string | number | null): number;
             addImage(id: string, geometry: Feature<Point, ImageProperties>, style: ImageStyle, parent?: EntityId<GroupContainerState> | string | null): EntityId<ImageState> | undefined;
             /**
                 * Add a group of models from GeoJSON data. These will be instanced automatically for better performance.
@@ -7838,11 +8093,15 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
             /**
                 * Sets the background color of the renderer. Only applies to "standalone mode"
                 */
-            setBackgroundColor: (color: any, alpha: any) => void;
+            setBackgroundColor: (color: string, alpha: number) => void;
             /**
                 * Returns  the background color of the renderer. Only applies to "standalone mode"
                 */
-            get backgroundColor(): import("three").Color;
+            get backgroundColor(): string;
+            /**
+                * Returns  the background alpha of the renderer. Only applies to "standalone mode"
+                */
+            get backgroundAlpha(): number;
             /**
                 * internal
                 */
@@ -11141,6 +11400,7 @@ declare module '@mappedin/react-sdk/geojson/src/entities/geometry2d' {
           * When the position of the entity changes, this should be set to true, so that systems like pan bounds can update
           */
         positionDirty: boolean;
+        occluderId?: number;
         object3d: Geometry2DObject3D;
         components: [MarkerComponent | LabelComponent, InteractionComponent?];
         disposed: boolean;
@@ -11393,6 +11653,7 @@ declare module '@mappedin/react-sdk/geojson/src/types/options' {
           * @default 'basic'
           */
         environment?: EnvMapOptions;
+        occlusionEnabled?: boolean;
     }>;
 }
 
@@ -11699,6 +11960,8 @@ declare module '@mappedin/react-sdk/geojson/src/systems/render/system' {
     import { PubSub } from '@packages/internal/common';
     export class RenderSystem extends PubSub<{
             'measure-canvas': undefined;
+            'pre-render': undefined;
+            'post-render': undefined;
     }> {
             constructor(renderer: Renderer, state: RendererState, mode: RendererCore['mode'], scene: Scene, cameraObject: PerspectiveCamera, viewCamera: Camera, systems: Systems);
             twoDdirty: boolean;
@@ -12058,16 +12321,21 @@ declare module '@mappedin/react-sdk/geojson/src/systems/mesh-modification/system
     }
 }
 
-declare module '@mappedin/react-sdk/geojson/src/systems/pre-render/system' {
-    import type { RendererCore } from '@mappedin/react-sdk/geojson/src';
-    /**
-      * This system runs any tasks at the very start of the render loop.
-      * This is useful for ensuring that animations are synced with the render loop.
-      */
-    export class PreRenderSystem {
-        #private;
-        constructor(core: RendererCore);
-        update(): void;
+declare module '@mappedin/react-sdk/geojson/src/systems/2d-occlusion/system' {
+    import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
+    import { type Vector3 } from 'three';
+    import type { Renderer } from '@mappedin/react-sdk/geojson/src/services/renderer';
+    import type { Position as GeoJsonPosition } from 'geojson';
+    export function fillArrayWithColor(array: Float32Array | Uint8Array, count: number, color: number): void;
+    export class Occlusion2DSystem {
+        constructor(state: RendererState, convertTo3DMapPosition: (position: GeoJsonPosition) => Vector3, renderer?: Renderer);
+        reserveOccluderId(): number;
+        enable(): void;
+        disable(): void;
+        resize: () => void;
+        activeOccluders: Set<unknown>;
+        update: () => void;
+        destroy(): void;
     }
 }
 
@@ -12484,6 +12752,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object' {
         metadata?: Partial<Record<string, unknown>> | undefined;
         shortName?: string | undefined;
         subtitle?: string | undefined;
+        occluderId?: number;
         layers: Map<string, Layer>;
         footprint?: Feature<Polygon | MultiPolygon | null, MVFFloor>;
         floorStackId: string;

package/lib/esm/index.js

@@ -1 +1 @@
-import{i as V,j as E,k}from"./chunk-RKPQRYJD.js";import{c as x,k as A}from"./chunk-MK5Q3EC5.js";import"./chunk-OEHAWF4S.js";import"./chunk-UAHZ2VYJ.js";import"./chunk-JBOWQKFZ.js";import{a}from"./chunk-XGFP4AXW.js";import{a as n}from"./chunk-J5IUISYU.js";a();a();import U,{useCallback as Y,useMemo as $}from"react";import{useContext as C,useEffect as T,useRef as S,useState as D}from"react";import{createPortal as q}from"react-dom";a();import{createContext as I,useContext as z}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=I({mapData:void 0,mapView:void 0});function F(){let{mapData:e,mapView:t}=z(p);if(!e||!t)throw new m("useMap");return{mapData:e,mapView:t}}n(F,"useMap");a();import{useEffect as G}from"react";function s(e,t){G(()=>{t!=null&&typeof e=="function"&&e(t)},[e,t])}n(s,"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]),s(e.onLoad,o),t==null||o==null?null:q(e.children,o.contentEl,o.id)}n(O,"Marker");function B(e){let{mapView:t}=C(p),[r,o]=D(null),i=S(A()),l=S(e.target),f=Y(u=>{var M;o(u),(M=e.onLoad)==null||M.call(e,u)},[e.onLoad]);T(()=>{if(t==null)throw new m("Marker");if(r&&r.target!==e.target){let{duration:u=300,easing:M="linear"}=e;t.Markers.animateTo(r,e.target,{duration:u,easing:M})}},[t,e.target,r]);let c=$(()=>({...e,duration:void 0,easing:void 0}),[e.duration,e.easing]);return U.createElement(O,{...c,key:i.current,target:l.current,onLoad:f})}n(B,"AnimatedMarker");a();import{useContext as J,useEffect as R,useRef as K,useState as Q}from"react";function X(e){let{mapView:t}=J(p),r=K(),[o,i]=Q(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]),s(e.onLoad,o),null}n(X,"Label");a();import{useCallback as Z,useContext as _,useEffect as ee}from"react";function te(e,t){let{mapView:r}=_(p),o=Z(i=>t(i),[t]);ee(()=>{if(r==null)throw new m("useEvent");return r.on(e,o),()=>{r!=null&&r.off(e,o)}},[r,e,t])}n(te,"useEvent");a();import{useContext as re,useEffect as ae,useRef as oe,useState as ne}from"react";function ie(e){let{mapView:t}=re(p),r=oe(),[o,i]=ne(void 0);return ae(()=>{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]),s(e.onLoad,o),null}n(ie,"Path");a();import w,{useCallback as pe,useEffect as me,useMemo as se,useRef as j,useState as W}from"react";var de={width:"100%",height:"100%",position:"relative"};function ue(e){let{mapData:t,options:r,style:o,fallback:i,children:l,...f}=e,c=j(!1),[u,M]=W(void 0),[h,P]=W(!0),y=j(null),b=se(()=>r,[]),v=pe(()=>{if(t&&(y!=null&&y.current)){if(u)return;E(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 me(()=>{c.current||(c.current=!0,v())},[v]),s(e.onLoad,u),w.createElement(p.Provider,{value:{mapData:t,mapView:u}},w.createElement("div",{"data-testid":"mappedin-map",ref:y,style:{...de,...o},...f}),h?w.createElement(w.Fragment,null,i):l)}n(ue,"MapView");a();import{useContext as le,useEffect as H,useState as fe}from"react";function ce(e){let{mapView:t}=le(p),[r,o]=fe(!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(ce,"Navigation");a();import{useContext as Me,useEffect as Pe,useRef as ye,useState as he}from"react";function xe(e){let{mapView:t}=Me(p),r=ye(),[o,i]=he(void 0);return Pe(()=>{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,o),null}n(xe,"Shape");a();import{useContext as we,useEffect as ge,useRef as Le,useState as Te}from"react";function Se(e){let{mapView:t}=we(p),r=Le(),[o,i]=Te(void 0);return ge(()=>{if(t==null)throw new m("Model");return r.current=t.Models.add(e.models,e.options),i(r.current),()=>{t==null||r.current==null||t.Models.remove(r.current)}},[t,e.models,e.options]),s(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 Ve(e){let[t,r]=N(void 0),[o,i]=N(!0),[l,f]=N(void 0),c=Ae(0),u=ve(()=>e,[]),M=Ne(()=>{let h=++c.current;i(!0),f(void 0),V(u).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)})},[u]);return be(()=>{M()},[M]),{mapData:t,isLoading:o,error:l}}n(Ve,"useMapData");var Xt=k;export{B as AnimatedMarker,X as Label,ue as MapView,O as Marker,Se as Model,ce as Navigation,ie as Path,xe as Shape,Xt as default,te as useEvent,F as useMap,Ve as useMapData};
+import{i as V,j as E,k}from"./chunk-NSQIJRR4.js";import{c as x,k as A}from"./chunk-IFBLXLIM.js";import"./chunk-4F56JD4R.js";import"./chunk-IXJQWNR3.js";import"./chunk-2UISP3K7.js";import{a}from"./chunk-7VUIGM34.js";import{a as n}from"./chunk-J5IUISYU.js";a();a();import U,{useCallback as Y,useMemo as $}from"react";import{useContext as C,useEffect as T,useRef as S,useState as D}from"react";import{createPortal as q}from"react-dom";a();import{createContext as I,useContext as z}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=I({mapData:void 0,mapView:void 0});function F(){let{mapData:e,mapView:t}=z(p);if(!e||!t)throw new m("useMap");return{mapData:e,mapView:t}}n(F,"useMap");a();import{useEffect as G}from"react";function s(e,t){G(()=>{t!=null&&typeof e=="function"&&e(t)},[e,t])}n(s,"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]),s(e.onLoad,o),t==null||o==null?null:q(e.children,o.contentEl,o.id)}n(O,"Marker");function B(e){let{mapView:t}=C(p),[r,o]=D(null),i=S(A()),l=S(e.target),f=Y(u=>{var M;o(u),(M=e.onLoad)==null||M.call(e,u)},[e.onLoad]);T(()=>{if(t==null)throw new m("Marker");if(r&&r.target!==e.target){let{duration:u=300,easing:M="linear"}=e;t.Markers.animateTo(r,e.target,{duration:u,easing:M})}},[t,e.target,r]);let c=$(()=>({...e,duration:void 0,easing:void 0}),[e.duration,e.easing]);return U.createElement(O,{...c,key:i.current,target:l.current,onLoad:f})}n(B,"AnimatedMarker");a();import{useContext as J,useEffect as R,useRef as K,useState as Q}from"react";function X(e){let{mapView:t}=J(p),r=K(),[o,i]=Q(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]),s(e.onLoad,o),null}n(X,"Label");a();import{useCallback as Z,useContext as _,useEffect as ee}from"react";function te(e,t){let{mapView:r}=_(p),o=Z(i=>t(i),[t]);ee(()=>{if(r==null)throw new m("useEvent");return r.on(e,o),()=>{r!=null&&r.off(e,o)}},[r,e,t])}n(te,"useEvent");a();import{useContext as re,useEffect as ae,useRef as oe,useState as ne}from"react";function ie(e){let{mapView:t}=re(p),r=oe(),[o,i]=ne(void 0);return ae(()=>{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]),s(e.onLoad,o),null}n(ie,"Path");a();import w,{useCallback as pe,useEffect as me,useMemo as se,useRef as j,useState as W}from"react";var de={width:"100%",height:"100%",position:"relative"};function ue(e){let{mapData:t,options:r,style:o,fallback:i,children:l,...f}=e,c=j(!1),[u,M]=W(void 0),[h,P]=W(!0),y=j(null),b=se(()=>r,[]),v=pe(()=>{if(t&&(y!=null&&y.current)){if(u)return;E(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 me(()=>{c.current||(c.current=!0,v())},[v]),s(e.onLoad,u),w.createElement(p.Provider,{value:{mapData:t,mapView:u}},w.createElement("div",{"data-testid":"mappedin-map",ref:y,style:{...de,...o},...f}),h?w.createElement(w.Fragment,null,i):l)}n(ue,"MapView");a();import{useContext as le,useEffect as H,useState as fe}from"react";function ce(e){let{mapView:t}=le(p),[r,o]=fe(!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(ce,"Navigation");a();import{useContext as Me,useEffect as Pe,useRef as ye,useState as he}from"react";function xe(e){let{mapView:t}=Me(p),r=ye(),[o,i]=he(void 0);return Pe(()=>{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,o),null}n(xe,"Shape");a();import{useContext as we,useEffect as ge,useRef as Le,useState as Te}from"react";function Se(e){let{mapView:t}=we(p),r=Le(),[o,i]=Te(void 0);return ge(()=>{if(t==null)throw new m("Model");return r.current=t.Models.add(e.models,e.options),i(r.current),()=>{t==null||r.current==null||t.Models.remove(r.current)}},[t,e.models,e.options]),s(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 Ve(e){let[t,r]=N(void 0),[o,i]=N(!0),[l,f]=N(void 0),c=Ae(0),u=ve(()=>e,[]),M=Ne(()=>{let h=++c.current;i(!0),f(void 0),V(u).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)})},[u]);return be(()=>{M()},[M]),{mapData:t,isLoading:o,error:l}}n(Ve,"useMapData");var Xt=k;export{B as AnimatedMarker,X as Label,ue as MapView,O as Marker,Se as Model,ce as Navigation,ie as Path,xe as Shape,Xt as default,te as useEvent,F as useMap,Ve as useMapData};