@mappedin/react-sdk 6.0.1-beta.38 → 6.0.1-beta.39

package/lib/esm/index.d.ts

@@ -654,7 +654,7 @@ declare module '@mappedin/react-sdk/react-sdk/src/Model' {
     import type { TupleToObjectWithPropNames } from '@mappedin/react-sdk/react-sdk/src/type-utils';
     import type Mappedin from '@mappedin/react-sdk/react-sdk/src';
     type ParamsArray = Parameters<Mappedin.MapView['Models']['add']>;
-    type StreamAgentParameterNames = ['models', 'options'];
+    type StreamAgentParameterNames = ['target', 'url', 'options'];
     /**
         * @interface
         */
@@ -2085,8 +2085,12 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
     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, Path } 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, ImagePlacementOptions, LabelAppearance } from '@mappedin/react-sdk/geojson/src';
-    import { PathSegment } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/path';
+    import type { InsetPaddingOption, UpdatableText3DState, Text3DState, AddText3DOptions, EnvMapOptions, InitializeModelState, ModelState, UpdateModelState as GeoJsonUpdateModelState, ImagePlacementOptions, LabelAppearance } from '@mappedin/react-sdk/geojson/src';
+    import type { PathSegment } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/path';
+    export type UpdateModelState = Omit<GeoJsonUpdateModelState, 'position' | 'scale'> & {
+            position?: Coordinate;
+            scale?: number | [number, number, number];
+    };
     export type DeepRequired<T> = Required<{
             [K in keyof T]: T[K] extends Required<T[K]> ? T[K] : DeepRequired<T[K]>;
     }>;
@@ -2171,11 +2175,13 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
             type: 'label';
     };
     /**
-        * Defines the state for a model when its appearance is updated.
+        * Defines the state for a model
         */
     export type TModelState = {
             type: 'model';
-    } & ModelState;
+    } & Omit<ModelState, 'position' | 'parent'> & {
+            position: Coordinate;
+    };
     /**
         * Defines the state for an image when its appearance is updated.
         */
@@ -2713,10 +2719,11 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 */
             rotation?: [number, number, number];
             /**
-                * Optional. Determines the scale of the model.
+                * Optional. Determines the scale of the model. Can be a single number to scale uniformly in all dimensions,
+                * or an array of three numbers [x, y, z] to scale differently in each dimension.
                 * @default [1, 1, 1]
                 */
-            scale?: [number, number, number];
+            scale?: number | [number, number, number];
             /**
                 * Whether the Model should be clickable
                 * @default false
@@ -2730,7 +2737,9 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
     /**
         * Options for controlling the behavior of a {@link Model}.
         */
-    export type TAddModelOptions = Omit<InitializeModelState, 'verticalOffset'>;
+    export type TAddModelOptions = Omit<InitializeModelState, 'scale'> & {
+            scale?: number | [number, number, number];
+    };
     /**
         * @interface
         */
@@ -3640,6 +3649,10 @@ declare module '@mappedin/react-sdk/mappedin-js/src/navigation' {
                 * Sets the active path by directions.
                 */
             setActivePathByDirections(target: Directions): void;
+            /**
+                * @internal
+                */
+            drawSync(directions: Directions | Directions[], options?: TNavigationOptions): void;
             /**
                 * Draws the specified directions on the map.
                 * @param directions The directions to be drawn.
@@ -3725,6 +3738,7 @@ declare module '@mappedin/react-sdk/react-sdk/src' {
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/directions' {
     import type { ParsedMVF } from '@mappedin/mvf';
     import type { DirectionsCollection } from '@packages/internal/geojson-navigator';
+    import { Navigator } from '@packages/internal/geojson-navigator';
     import { Connection, Coordinate, Node, type MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import type { TDirectionInstruction, TDirectionZone, TNavigationTarget } from '@mappedin/react-sdk/mappedin-js/src/types';
     /**
@@ -3765,6 +3779,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/directions' {
             get instructions(): TDirectionInstruction[];
     }
     export class DirectionsInternal {
+            navigator: Navigator;
             /**
                 * @hidden
                 */
@@ -4988,7 +5003,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/annotation'
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/hyperlink' {
-    import type { Hyperlink as MVFHyperlink } from '@mappedin/mvf';
+    import type { LocationLink, Hyperlink as MVFHyperlink } from '@mappedin/mvf';
     import BaseMetaData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-metadata-object';
     /**
         * A class representing hyperlink link data within the map.
@@ -5010,7 +5025,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/hyperlink'
                 * @internal
                 */
             constructor(options: {
-                    mvfData: MVFHyperlink;
+                    mvfData: MVFHyperlink | LocationLink;
             });
             /**
                 * Gets the url of the hyperlink.
@@ -5327,7 +5342,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/utils/data-creation' {
             locationProfilesByCategoryId: Record<string, LocationProfile[]>;
             locationProfilesByAttachedFeatureId: 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 processMVFSpaces: (mvf: ParsedMVF, mvfConnectionsByNodeId: MapDataRecords["mvfConnectionsByNodeId"], 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">;
     export const processMVFFloors: (mvf: ParsedMVF, data: MapDataInternal) => Pick<MapDataRecords, "floorsById" | "floorsByExternalId" | "mvfFloorsById">;
@@ -6999,6 +7014,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/label' {
             text: string;
             style: TStyle;
             projection: Vector2;
+            labelCacheId?: string;
             _cache: {};
             appearance: LabelAppearanceFillenIn;
             options: LabelOptions;
@@ -7879,7 +7895,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
             /**
                 * The parent container of the marker
                 */
-            readonly parent: EntityId<GeometryGroupState> | string | number;
+            readonly parent?: EntityId<GeometryGroupState> | string | number;
             /**
                 * The position of the model in [lon, lat]
                 */
@@ -7893,17 +7909,19 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
                 * ```
                 */
             interactive: boolean;
-    } & Partial<ModelStyle>;
+    } & Partial<Omit<ModelStyle, 'rotation' | 'scale'>> & Pick<ModelStyle, 'rotation' | 'scale'>;
     /**
         * initialize model state
         * @interface
         */
-    export type InitializeModelState = Omit<Partial<Omit<ModelState, 'url'> & Pick<ModelStyle, 'url'>>, 'id' | 'type' | 'parent' | 'position'>;
+    export type InitializeModelState = Omit<Partial<ModelState>, 'id' | 'type' | 'parent' | 'position'>;
     /**
         * updatable model state
         * @interface
         */
-    export type UpdateModelState = Omit<InitializeModelState, 'url'>;
+    export type UpdateModelState = Omit<InitializeModelState, 'url'> & {
+            position?: Position;
+    };
     export const modelPropertiesSchema: z.ZodObject<{
             rotation: z.ZodOptional<z.ZodArray<z.ZodNumber, "many">>;
             altitude: z.ZodOptional<z.ZodNumber>;
@@ -7914,17 +7932,17 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
     }, "strip", z.ZodTypeAny, {
             altitude?: number | undefined;
             verticalOffset?: number | undefined;
-            id?: string | number | undefined;
-            interactive?: boolean | undefined;
             rotation?: number[] | undefined;
             scale?: number[] | undefined;
+            id?: string | number | undefined;
+            interactive?: boolean | undefined;
     }, {
             altitude?: number | undefined;
             verticalOffset?: number | undefined;
-            id?: string | number | undefined;
-            interactive?: boolean | undefined;
             rotation?: number[] | undefined;
             scale?: number[] | undefined;
+            id?: string | number | undefined;
+            interactive?: boolean | undefined;
     }>;
     export const featureSchema: z.ZodObject<{
             type: z.ZodEnum<["Feature"]>;
@@ -7948,17 +7966,17 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
             }, "strip", z.ZodTypeAny, {
                     altitude?: number | undefined;
                     verticalOffset?: number | undefined;
-                    id?: string | number | undefined;
-                    interactive?: boolean | undefined;
                     rotation?: number[] | undefined;
                     scale?: number[] | undefined;
+                    id?: string | number | undefined;
+                    interactive?: boolean | undefined;
             }, {
                     altitude?: number | undefined;
                     verticalOffset?: number | undefined;
-                    id?: string | number | undefined;
-                    interactive?: boolean | undefined;
                     rotation?: number[] | undefined;
                     scale?: number[] | undefined;
+                    id?: string | number | undefined;
+                    interactive?: boolean | undefined;
             }>;
     }, "strip", z.ZodTypeAny, {
             type: "Feature";
@@ -7969,10 +7987,10 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
             properties: {
                     altitude?: number | undefined;
                     verticalOffset?: number | undefined;
-                    id?: string | number | undefined;
-                    interactive?: boolean | undefined;
                     rotation?: number[] | undefined;
                     scale?: number[] | undefined;
+                    id?: string | number | undefined;
+                    interactive?: boolean | undefined;
             };
     }, {
             type: "Feature";
@@ -7983,10 +8001,10 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
             properties: {
                     altitude?: number | undefined;
                     verticalOffset?: number | undefined;
-                    id?: string | number | undefined;
-                    interactive?: boolean | undefined;
                     rotation?: number[] | undefined;
                     scale?: number[] | undefined;
+                    id?: string | number | undefined;
+                    interactive?: boolean | undefined;
             };
     }>;
     export const addModelFeatureSchema: z.ZodObject<{
@@ -8013,17 +8031,17 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
                     }, "strip", z.ZodTypeAny, {
                             altitude?: number | undefined;
                             verticalOffset?: number | undefined;
-                            id?: string | number | undefined;
-                            interactive?: boolean | undefined;
                             rotation?: number[] | undefined;
                             scale?: number[] | undefined;
+                            id?: string | number | undefined;
+                            interactive?: boolean | undefined;
                     }, {
                             altitude?: number | undefined;
                             verticalOffset?: number | undefined;
-                            id?: string | number | undefined;
-                            interactive?: boolean | undefined;
                             rotation?: number[] | undefined;
                             scale?: number[] | undefined;
+                            id?: string | number | undefined;
+                            interactive?: boolean | undefined;
                     }>;
             }, "strip", z.ZodTypeAny, {
                     type: "Feature";
@@ -8034,10 +8052,10 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
                     properties: {
                             altitude?: number | undefined;
                             verticalOffset?: number | undefined;
-                            id?: string | number | undefined;
-                            interactive?: boolean | undefined;
                             rotation?: number[] | undefined;
                             scale?: number[] | undefined;
+                            id?: string | number | undefined;
+                            interactive?: boolean | undefined;
                     };
             }, {
                     type: "Feature";
@@ -8048,10 +8066,10 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
                     properties: {
                             altitude?: number | undefined;
                             verticalOffset?: number | undefined;
-                            id?: string | number | undefined;
-                            interactive?: boolean | undefined;
                             rotation?: number[] | undefined;
                             scale?: number[] | undefined;
+                            id?: string | number | undefined;
+                            interactive?: boolean | undefined;
                     };
             }>, "many">;
     }, "strip", z.ZodTypeAny, {
@@ -8065,10 +8083,10 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
                     properties: {
                             altitude?: number | undefined;
                             verticalOffset?: number | undefined;
-                            id?: string | number | undefined;
-                            interactive?: boolean | undefined;
                             rotation?: number[] | undefined;
                             scale?: number[] | undefined;
+                            id?: string | number | undefined;
+                            interactive?: boolean | undefined;
                     };
             }[];
     }, {
@@ -8082,10 +8100,10 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
                     properties: {
                             altitude?: number | undefined;
                             verticalOffset?: number | undefined;
-                            id?: string | number | undefined;
-                            interactive?: boolean | undefined;
                             rotation?: number[] | undefined;
                             scale?: number[] | undefined;
+                            id?: string | number | undefined;
+                            interactive?: boolean | undefined;
                     };
             }[];
     }>;
@@ -8120,6 +8138,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
             #private;
             mesh?: Geometry3DObject3D | Group;
             readonly type = "model";
+            positionDirty: boolean;
             outline?: LineSegments;
             geometry?: Object3D;
             material?: BatchedStandardMaterial;
@@ -8133,6 +8152,10 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
             position: Vector3;
             get altitude(): number;
             set altitude(value: number);
+            getRotation(): number[] | undefined;
+            setRotation(value: [number, number, number]): void;
+            getScale(): number[] | undefined;
+            setScale(value: [number, number, number]): void;
             get opacity(): number;
             set opacity(value: number);
     }
@@ -9505,6 +9528,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/styles' {
     export { StyleComponent, DEFAULT_COLOR, type MaterialSide } from '@mappedin/react-sdk/geojson/src/components/styles/style';
     export { Text3DStyleComponent, type Text3DStyle, DEFAULT_TEXT_STYLE } from '@mappedin/react-sdk/geojson/src/components/styles/text-style';
     export { ModelStyleComponnet, type ModelStyle } from '@mappedin/react-sdk/geojson/src/components/styles/model-style';
+    export { DEFAULT_ROTATION, DEFAULT_SCALE } from '@mappedin/react-sdk/geojson/src/components/styles/constants';
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/api' {
@@ -9604,13 +9628,13 @@ 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 { Directions, Floor, TAddMarkerOptions, TAddPathOptions, TShow3DMapOptions } from '@mappedin/react-sdk/mappedin-js/src';
-    import type { GLTFExportOptions, TAnimationOptions, TAddModelOptions, TAddModel, TAddImageOptions, TDirectionInstruction, TAddText3DOptions, IAnchorable, TAddLabelOptions } from '@mappedin/react-sdk/mappedin-js/src/types';
+    import type { GLTFExportOptions, TAnimationOptions, TAddModelOptions, TAddImageOptions, TDirectionInstruction, TAddText3DOptions, IAnchorable, TAddLabelOptions } 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';
     import type { Path, Shape, Label } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
-    import { Space } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
-    import { Coordinate, MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import type { MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import { Space, Coordinate } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import { type GeoJsonApi } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/api';
     import { FloorStackObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-stack-object';
     import { DynamicFocus } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/dynamic-focus';
@@ -9659,7 +9683,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object' {
         processFloorChange(floorId: string): void;
         setFloor(floorId: string, reason?: TFloorChangeReason): void;
         Models: {
-            add: (id: string, targets: TAddModel[], opts: TAddModelOptions & {
+            add: (id: string, targets: Coordinate[], opts: TAddModelOptions & {
                 floorId?: string;
             }) => (import("@mappedin/core-sdk").GeometryState | import("@mappedin/core-sdk").ModelState)[];
             remove: (_id: string, _groupId: string) => void;
@@ -9869,6 +9893,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/image' {
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/model' {
+    import { IAnchorable } from '@mappedin/react-sdk/mappedin-js/src/types';
     /**
         * Class representing a 3D model on the {@link MapView}.
         *
@@ -9885,6 +9910,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/model' {
         * Refer to the [3D Models Guide](https://developer.mappedin.com/web-sdk/3d-models) for more information and interactive examples.
         */
     export class Model {
+            #private;
             /**
                 * The model's id
                 */
@@ -9901,6 +9927,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/model' {
                 * @internal
                 */
             readonly __type = "Model";
+            get target(): IAnchorable;
             /**
                 * Checks if the provided instance is of type Model
                 *
@@ -9911,7 +9938,11 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/model' {
             /**
                 * @internal
                 */
-            constructor(id: string, groupId: string);
+            constructor(id: string, groupId: string, target: IAnchorable);
+            /**
+                * @internal
+                */
+            updateTarget(target: IAnchorable): void;
     }
 }
 
@@ -10321,15 +10352,16 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/markers' {
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/models' {
-    import type { TAddModelOptions, TAddModel } from '@mappedin/react-sdk/mappedin-js/src/types';
+    import type { TAddModelOptions } from '@mappedin/react-sdk/mappedin-js/src/types';
     import { Model } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     import type { CurrentMapGetter } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/types';
+    import type { Coordinate } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     /**
         * Adding 3D models to a map can be a great way to represent landmarks to help users find key locations. They could also be used to show the location of assets or represent furniture to provide a rich indoor layout.
     
         * Mappedin JS supports models in Graphics Library Transmission Format (GLTF) and GL Transmission Format Binary (GLB) format. Models with nested meshes are not supported and should not be used.
         *
-        * 3D Models can be added to a {@link Coordinate}, {@link Door} or {@link Space}.
+        * 3D Models can be added to a {@link Coordinate}.
         * When adding the same model to multiple locations at the same time always use an array instead of calling the add method multiple times.
         * This allows the SDK to re-use the same instance of the model to reduce RAM usage and rendering time, resulting in better performance.
         *
@@ -10358,20 +10390,28 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/models' {
                     groupId: string;
             } | undefined;
             /**
-                * Adds a model to the map.
+                * Adds a 3D model to the map at the specified coordinate.
                 *
-                * @param models The model or models to add to the map.
-                * @param options Optional additional options for the {@link Model}.
-                * @returns {Model | undefined} The created {@link Model}, or undefined if creation failed.
+                * @param coordinate - The {@link Coordinate} where the model will be placed.
+                * @param url - The URL to the GLTF or GLB model file or a inline base64 encoded 3D asset from the {@link https://mappedin.com/3d-assets|Mappedin 3D Assets} library.
+                * @param options - Configuration options for the model using {@link TAddModelOptions}.
+                * @returns A {@link Model} instance representing the added 3D model.
                 * @example
-                * // Add a {@link Model} to the map.
-                * mapView.Models.add(coordinate);
+                * ```ts
+                * // Add a model to a coordinate
+                * import { truck } from '@mappedin/3d-assets';
+                * const model = mapView.Models.add(coordinate, truck, {
+                *   scale: [0.5, 0.5, 0.5],
+                *   rotation: [0, 90, 0],
+                *   interactive: true
+                * });
+                * ```
                 */
-            add(models: TAddModel, options: TAddModelOptions): Model;
+            add(coordinate: Coordinate, url: string, options: TAddModelOptions): Model;
             /**
                 * Removes a model from the map.
                 *
-                * @param model {Model} The {@link Model} which should be removed.
+                * @param model - The {@link Model} instance which should be removed.
                 * @example
                 * mapView.Models.remove(model);
                 */
@@ -10379,8 +10419,9 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/models' {
             /**
                 * Remove all the models from the map.
                 *
+                * @returns An array of all removed {@link Model} instances.
                 * @example
-                * mapView.Models.removeAll();
+                * const removedModels = mapView.Models.removeAll();
                 */
             removeAll(): Model[];
     }
@@ -10671,6 +10712,10 @@ declare module '@mappedin/react-sdk/mappedin-js/src/navigation/index' {
                 * Sets the active path by directions.
                 */
             setActivePathByDirections(target: Directions): void;
+            /**
+                * @internal
+                */
+            drawSync(directions: Directions | Directions[], options?: TNavigationOptions): void;
             /**
                 * Draws the specified directions on the map.
                 * @param directions The directions to be drawn.
@@ -12262,6 +12307,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/mesh-creation-and-optimi
     import type { ModelStyle } from '@mappedin/react-sdk/geojson/src/components/styles';
     export class MeshCreationAndOptimizationSystem extends PubSub<{
         'model-loaded': void;
+        'geometry-2d-added': void;
     }> {
         state: RendererState;
         convertTo3DMapPosition: any;
@@ -12366,15 +12412,17 @@ declare module '@mappedin/react-sdk/geojson/src/systems/draw/system' {
     import { PubSub } from '@packages/internal/common';
     import { MeshComponent } from '@mappedin/react-sdk/geojson/src/components/mesh';
     import type { StyleComponent } from '@mappedin/react-sdk/geojson/src/components/styles/style';
-    import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
+    import type { Position, RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
     import type { InteractionComponent } from '@mappedin/react-sdk/geojson/src/components/interaction';
+    import type { Vector3 } from 'three';
     import type { GeometryGroupStyleComponent } from '@mappedin/react-sdk/geojson/src/components/geometry-group-style';
     export class DrawSystem extends PubSub<{
         'texture-loaded': void;
     }> {
         #private;
         state: RendererState;
-        constructor(state: RendererState);
+        convertTo3DMapPosition: (position: Position) => Vector3;
+        constructor(state: RendererState, convertTo3DMapPosition: (position: Position) => Vector3);
         processTextures(component: MeshComponent, styleComponent: StyleComponent | GeometryGroupStyleComponent, interactionComponent?: InteractionComponent): void;
         update(): void;
         destroy(): void;
@@ -12414,6 +12462,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/render/system' {
             'post-render': undefined;
     }> {
             constructor(renderer: Renderer, state: RendererState, mode: RendererCore['mode'], scene: Scene, cameraObject: PerspectiveCamera, viewCamera: Camera, systems: Systems);
+            needs2DRecompute: boolean;
             twoDdirty: boolean;
             threeDdirty: boolean;
             update: (sync?: boolean) => Promise<any> | undefined;
@@ -13183,19 +13232,42 @@ declare module '@mappedin/react-sdk/geojson/src/components/styles/model-style' {
                 * If both the `material` and `color` properties are provided, `material` property updates will take higher precedence than `color` property updates.
                 */
             color: string;
+            /**
+                * The rotation of the model in degrees [x, y, z].
+                * - x: Rotation around x-axis (pitch)
+                * - y: Rotation around y-axis (yaw)
+                * - z: Rotation around z-axis (roll), where z points up
+                *
+                * Rotations are applied in order: x, then y, then z.
+                * 0 degrees means the model faces north (or the parent group's forward direction).
+                * Positive rotations follow the right-hand rule.
+                */
+            rotation: [number, number, number];
+            /**
+                * The scale of the model in [x, y, z]
+                */
+            scale: [number, number, number];
     };
     export class ModelStyleComponnet implements Partial<ModelStyle> {
             dirty: boolean;
             visible: boolean;
             opacity: number;
             verticalOffset: number;
+            interactive: boolean;
             color?: string;
             material?: ModelStyle['material'];
+            rotation?: [number, number, number];
+            scale?: [number, number, number];
             constructor(init?: Partial<ModelStyle>);
     }
     export {};
 }
 
+declare module '@mappedin/react-sdk/geojson/src/components/styles/constants' {
+    export const DEFAULT_SCALE: number[];
+    export const DEFAULT_ROTATION: number[];
+}
+
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object' {
     import type { Polygon, MultiPolygon, FloorProperties as MVFFloor, ParsedMVF, Feature } from '@mappedin/mvf';
     import type { RendererCore, BBox } from '@mappedin/core-sdk';
@@ -22009,6 +22081,7 @@ declare module '@mappedin/react-sdk/packages/geojson-navigator/src/navigator' {
 
 declare module '@mappedin/react-sdk/packages/geojson-navigator/src/navigator/navigator' {
     import type { Position, Feature, MultiPolygon, Polygon } from 'geojson';
+    import { NavigationGraph } from '@mappedin/react-sdk/packages/geojson-navigator/src/navigation-graph';
     import type { NodeCollection } 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';
@@ -22043,6 +22116,7 @@ declare module '@mappedin/react-sdk/packages/geojson-navigator/src/navigator/nav
             [index: string]: any;
     };
     export class Navigator {
+            graph: NavigationGraph;
             /**
                 * Constructs a Navigator instance to manage pathfinding with optional obstructions and grouping features.
                 *
@@ -25790,6 +25864,10 @@ declare module '@mappedin/react-sdk/packages/outdoor-context-v4/ui/handler/tap_z
     }
 }
 
+declare module '@mappedin/react-sdk/packages/geojson-navigator/src/navigation-graph' {
+    export * from '@mappedin/react-sdk/packages/geojson-navigator/src/navigation-graph/navigation-graph';
+}
+
 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';
@@ -28466,6 +28544,56 @@ declare module '@mappedin/react-sdk/packages/outdoor-context-v4/source/terrain_s
     }
 }
 
+declare module '@mappedin/react-sdk/packages/geojson-navigator/src/navigation-graph/navigation-graph' {
+    import { Edge } from '@mappedin/react-sdk/packages/geojson-navigator/src/edge';
+    import type { NodeCollection, NodeFeature } from '@mappedin/react-sdk/packages/geojson-navigator/src/types/node';
+    import type { DirectionsZone } from '@mappedin/react-sdk/packages/geojson-navigator/src/navigator';
+    /**
+        * Represents a navigation graph for pathfinding operations, holding nodes and edges with utilities to perform routing.
+        * @see {@link https://mappedin.atlassian.net/wiki/spaces/SDK/pages/234487854/A+Search+Algorithm+in+Navigation+Graph}
+        * @hidden
+        */
+    export class NavigationGraph {
+            #private;
+            readonly edges: {
+                    [propName: string]: Edge[];
+            };
+            readonly nodesById: {
+                    [propName: string]: NodeFeature;
+            };
+            readonly nodesByGroup: Map<string, NodeFeature[]>;
+            constructor({ nodes, groupBy, multiplicativeDistanceWeightScaling, }: {
+                    nodes: NodeCollection;
+                    groupBy: string;
+                    multiplicativeDistanceWeightScaling?: boolean;
+            });
+            /**
+                * Calculates the shortest Euclidean distance from the origin node to any of the destination nodes.
+                *
+                * @param {NodeFeature} origin - The origin node.
+                * @param {NodeFeature[]} destinations - An array of destination nodes.
+                * @returns {number} The shortest Euclidean distance.
+                */
+            getShortestEuclideanDistance(origin: NodeFeature, destinations: NodeFeature[]): number;
+            /**
+                * Performs A* pathfinding from specified origins to destinations, considering optional constraints like accessibility.
+                *
+                * @param {string[]} originIds - Array of origin node IDs.
+                * @param {string[]} destinationNodeIds - Array of destination node IDs.
+                * @param {Set<string>} [excludedNodeIds] - Optional set of node IDs to exclude from pathfinding.
+                * @param {Set<string>} [disabledConnectionNodeIds] - Optional set of connection node IDs that are disabled (ie. act as regular nodes).
+                * @returns {Edge[]} An array of edges representing the shortest path, or an empty array if no path is found.
+                */
+            aStar({ originIds, destinationNodeIds, excludedNodeIds, disabledConnectionNodeIds, zones, }: {
+                    originIds: string[];
+                    destinationNodeIds: string[];
+                    zones: DirectionsZone[];
+                    excludedNodeIds?: Set<string>;
+                    disabledConnectionNodeIds?: Set<string>;
+            }): Edge[];
+    }
+}
+
 declare module '@mappedin/react-sdk/packages/geojson-navigator/src/edge/edge' {
     import type { NodeFeature } from '@mappedin/react-sdk/packages/geojson-navigator/src/types/node';
     /**