@mappedin/mappedin-js 6.0.1-alpha.34 → 6.0.1-alpha.35

package/lib/esm/index.d.ts

@@ -10,6 +10,7 @@
 //   ../mappedin-js/@mappedin/core-sdk/src/camera
 //   ../mappedin-js/three
 //   ../mappedin-js/@packages/internal/geojson-navigator
+//   ../mappedin-js/@turf/turf
 //   ../mappedin-js/@packages/internal/shave-text/shave-text
 //   ../mappedin-js/@packages/internal/quad-tree
 //   ../mappedin-js/three/addons/loaders/GLTFLoader.js
@@ -30,7 +31,7 @@ declare module '@mappedin/mappedin-js' {
     import type { TGetMapDataOptions, TGetMapDataWithAccessTokenOptions, TGetMapDataWithCredentialsOptions, TGetMapDataSharedOptions } from '@packages/internal/mvf-utils';
     import { parseMVF, unzipMVF } from '@packages/internal/mvf-utils';
     import type { Floor } from '@mappedin/mappedin-js/maker/src/map-data-objects';
-    import type { ParsedMVF as TMVF } from '@mappedin/mvf';
+    import type { ParsedMVF as TMVF, StyleCollection as TMVFStyleCollection, Style as TMVFStyle, LineStringStyle as TMVFLineStringStyle, PolygonStyle as TMVFPolygonStyle, PointStyle as TMVFPointStyle } from '@mappedin/mvf';
     import { MapView } from '@mappedin/mappedin-js/maker/src/map-view';
     import type { Shading, PaintStyle, LineStyle, WatermarkOptions, Position } from '@mappedin/core-sdk';
     import { enableTestMode } from '@mappedin/core-sdk';
@@ -251,6 +252,11 @@ declare module '@mappedin/mappedin-js' {
                         * @default true
                         */
                     shading?: boolean | Shading;
+                    /**
+                        * Set the global outlines for all elements. True will enable outlines, false will disable them.
+                        * @default true
+                        */
+                    outlines?: boolean;
                     /**
                         * Specify a color for the top of wall geometry.
                         */
@@ -301,14 +307,14 @@ declare module '@mappedin/mappedin-js' {
     export const show3dMapGeojson: (el: HTMLElement, mapData: MapData, options?: TShow3DMapOptions) => Promise<MapView>;
     export const show3dMap: (el: HTMLElement, mapData: MapData, options?: TShow3DMapOptions) => Promise<MapView>;
     export { parseMVF, unzipMVF, enableTestMode };
-    export type { MapView, MapData, MappedinMapLibreOverlay, TEvents, TEventPayload, TClickPayload, THoverPayload, TShow3DMapOptions, TGetMapDataOptions, TGetMapDataWithAccessTokenOptions, TGetMapDataWithCredentialsOptions, TGetMapDataSharedOptions, TAmbientOcclusionOptions, TAntialiasingOptions, TMVF, PaintStyle, LineStyle, Shading, };
+    export type { MapView, MapData, MappedinMapLibreOverlay, TEvents, TEventPayload, TClickPayload, THoverPayload, TShow3DMapOptions, TGetMapDataOptions, TGetMapDataWithAccessTokenOptions, TGetMapDataWithCredentialsOptions, TGetMapDataSharedOptions, TAmbientOcclusionOptions, TAntialiasingOptions, TMVF, PaintStyle, LineStyle, Shading, TMVFStyleCollection, TMVFStyle, TMVFLineStringStyle, TMVFPolygonStyle, TMVFPointStyle, };
     export type * from 'geojson';
     export type { TUpdateState, TLabelState, TGeometryState, TCameraAnimationOptions, TAnimationOptions, TFocusOnOptions, TEasingFunction, TCameraTarget, TNavigationTarget, TCameraFocusOnTarget, TAddMarkerOptions, TAddPathOptions, TLabelAppearance, TAddLabelOptions, TGetDirectionsOptions, TCollisionRankingTier, TMarkerAnchor, TDirectionInstruction, TDirectionInstructionAction, TGetState, TMarkerState, } from '@mappedin/mappedin-js/maker/src/types';
     export type { Label, Marker, Path, CameraTransform } from '@mappedin/mappedin-js/maker/src/map-view-objects';
     export type { Navigation, TNavigationOptions } from '@mappedin/mappedin-js/maker/src/navigation';
     export type { TSpaceType } from '@mappedin/mappedin-js/maker/src/map-data-objects';
     export { Coordinate, Annotation, Connection, Door, Floor, MapObject, PointOfInterest, Space, Image, Hyperlink, } from '@mappedin/mappedin-js/maker/src/map-data-objects';
-    export type { Camera, Labels, Markers, Paths, Exporter, Directions } from '@mappedin/mappedin-js/maker/src/api-geojson';
+    export type { Camera, Labels, Markers, Paths, Exporter, Directions, Style, Outdoor } from '@mappedin/mappedin-js/maker/src/api-geojson';
 }
 
 declare module '@mappedin/mappedin-js/maker/src/map-data' {
@@ -689,8 +695,7 @@ declare module '@mappedin/mappedin-js/maker/src/map-view' {
     import { PubSub } from '@packages/internal/common';
     import type { TEvents, TShow3DMapOptions } from '@mappedin/mappedin-js/maker/src';
     import type { Navigation } from '@mappedin/mappedin-js/maker/src/navigation';
-    import type { Camera, Labels, Markers, Models, Paths, Exporter, Directions } from '@mappedin/mappedin-js/maker/src/api-geojson';
-    import { GeoJsonApi } from '@mappedin/mappedin-js/maker/src/api-geojson';
+    import type { Camera, Labels, Markers, Models, Paths, Exporter, Directions, Style, Outdoor } from '@mappedin/mappedin-js/maker/src/api-geojson';
     import type { BlueDot } from '@mappedin/mappedin-js/maker/src/api-geojson/blue-dot/blue-dot';
     import type MapData from '@mappedin/mappedin-js/maker/src/map-data';
     import type { Floor, MapObject, Space } from '@mappedin/mappedin-js/maker/src/map-data-objects';
@@ -698,7 +703,6 @@ declare module '@mappedin/mappedin-js/maker/src/map-view' {
     import type { Label, Marker } from '@mappedin/mappedin-js/maker/src/map-view-objects';
     import type { TEventPayload } from '@mappedin/mappedin-js/maker/src/events';
     import type { CustomGeometries } from '@mappedin/mappedin-js/maker/src/api-geojson/custom-geometries';
-    import type { Style } from '@mappedin/mappedin-js/maker/src/api-geojson/style';
     export class MapView extends PubSub<TEvents> {
             #private;
             /**
@@ -735,11 +739,18 @@ declare module '@mappedin/mappedin-js/maker/src/map-view' {
                 * Controls for BlueDot positioning.
                 */
             BlueDot: BlueDot;
+            /**
+                * Controls for the indoor map's style.
+                */
             Style: Style;
             /**
                 * Controls custom GeoJSON geometry on the map
                 */
             CustomGeometries: CustomGeometries;
+            /**
+                * Controls for the outdoor map.
+                */
+            Outdoor: Outdoor;
             /**
                 * @internal
                 */
@@ -796,6 +807,17 @@ declare module '@mappedin/mappedin-js/maker/src/map-view' {
             getState<T extends Space | MapObject | Label | Marker | string>(target: T): TGetState<T> | undefined;
             setHoverColor(c: string): void;
             getHoverColor(): string | undefined;
+            /**
+                * Determines if a given target is within the viewport.
+                *
+                * This method checks if the specified target, such as a Space, MapObject, Label, Marker, or string identifier,
+                * is currently within the visible area of the map viewport. Note that this method returns `true` even if the
+                * target is not visible (e.g., its visibility is set to false).
+                *
+                * @param target - The target to check for viewport inclusion. This can be a Space, MapObject, Label, Marker, or string identifier.
+                * @returns A boolean indicating whether the target is within the viewport.
+                */
+            isInView(target: Space | MapObject | Label | Marker | string): boolean;
             /**
                 * Retrieves directions ({@link Directions}) from one navigable point ({@link TNavigationTarget}) to another on the map.
                 *
@@ -825,23 +847,6 @@ declare module '@mappedin/mappedin-js/maker/src/map-view' {
                 * @experimental
                 */
             auto(): void;
-            Outdoor: {
-                    setStyle: (style: any) => void;
-                    /**
-                        * Returns a Maplibre map for advanced usage.
-                        *
-                        * @returns {object} Maplibre map instance
-                        *
-                        * Limitations:
-                        * - Maplibre interaction events are not supported; use SDK interaction events.
-                        * - Maplibre markers and labels may overlap as they are not integrated with the SDK collision engine.
-                        */
-                    map: GeoJsonApi['core']['map'];
-                    /**
-                        * Whether the outdoorView is enabled.
-                        */
-                    enabled: boolean;
-            };
             /**
                 * Subscribe a function to an event.
                 *
@@ -1660,6 +1665,8 @@ declare module '@mappedin/mappedin-js/maker/src/api-geojson' {
     export { Paths } from '@mappedin/mappedin-js/maker/src/api-geojson/paths';
     export { Exporter } from '@mappedin/mappedin-js/maker/src/api-geojson/exporter';
     export { Directions } from '@mappedin/mappedin-js/maker/src/api-geojson/directions';
+    export { Style } from '@mappedin/mappedin-js/maker/src/api-geojson/style';
+    export { default as Outdoor } from '@mappedin/mappedin-js/maker/src/api-geojson/outdoor';
 }
 
 declare module '@mappedin/mappedin-js/maker/src/api-geojson/stacked-maps/stacked-maps' {
@@ -2658,7 +2665,7 @@ declare module '@mappedin/mappedin-js/maker/src' {
     import type { TGetMapDataOptions, TGetMapDataWithAccessTokenOptions, TGetMapDataWithCredentialsOptions, TGetMapDataSharedOptions } from '@packages/internal/mvf-utils';
     import { parseMVF, unzipMVF } from '@packages/internal/mvf-utils';
     import type { Floor } from '@mappedin/mappedin-js/maker/src/map-data-objects';
-    import type { ParsedMVF as TMVF } from '@mappedin/mvf';
+    import type { ParsedMVF as TMVF, StyleCollection as TMVFStyleCollection, Style as TMVFStyle, LineStringStyle as TMVFLineStringStyle, PolygonStyle as TMVFPolygonStyle, PointStyle as TMVFPointStyle } from '@mappedin/mvf';
     import { MapView } from '@mappedin/mappedin-js/maker/src/map-view';
     import type { Shading, PaintStyle, LineStyle, WatermarkOptions, Position } from '@mappedin/core-sdk';
     import { enableTestMode } from '@mappedin/core-sdk';
@@ -2879,6 +2886,11 @@ declare module '@mappedin/mappedin-js/maker/src' {
                         * @default true
                         */
                     shading?: boolean | Shading;
+                    /**
+                        * Set the global outlines for all elements. True will enable outlines, false will disable them.
+                        * @default true
+                        */
+                    outlines?: boolean;
                     /**
                         * Specify a color for the top of wall geometry.
                         */
@@ -2929,14 +2941,14 @@ declare module '@mappedin/mappedin-js/maker/src' {
     export const show3dMapGeojson: (el: HTMLElement, mapData: MapData, options?: TShow3DMapOptions) => Promise<MapView>;
     export const show3dMap: (el: HTMLElement, mapData: MapData, options?: TShow3DMapOptions) => Promise<MapView>;
     export { parseMVF, unzipMVF, enableTestMode };
-    export type { MapView, MapData, MappedinMapLibreOverlay, TEvents, TEventPayload, TClickPayload, THoverPayload, TShow3DMapOptions, TGetMapDataOptions, TGetMapDataWithAccessTokenOptions, TGetMapDataWithCredentialsOptions, TGetMapDataSharedOptions, TAmbientOcclusionOptions, TAntialiasingOptions, TMVF, PaintStyle, LineStyle, Shading, };
+    export type { MapView, MapData, MappedinMapLibreOverlay, TEvents, TEventPayload, TClickPayload, THoverPayload, TShow3DMapOptions, TGetMapDataOptions, TGetMapDataWithAccessTokenOptions, TGetMapDataWithCredentialsOptions, TGetMapDataSharedOptions, TAmbientOcclusionOptions, TAntialiasingOptions, TMVF, PaintStyle, LineStyle, Shading, TMVFStyleCollection, TMVFStyle, TMVFLineStringStyle, TMVFPolygonStyle, TMVFPointStyle, };
     export type * from 'geojson';
     export type { TUpdateState, TLabelState, TGeometryState, TCameraAnimationOptions, TAnimationOptions, TFocusOnOptions, TEasingFunction, TCameraTarget, TNavigationTarget, TCameraFocusOnTarget, TAddMarkerOptions, TAddPathOptions, TLabelAppearance, TAddLabelOptions, TGetDirectionsOptions, TCollisionRankingTier, TMarkerAnchor, TDirectionInstruction, TDirectionInstructionAction, TGetState, TMarkerState, } from '@mappedin/mappedin-js/maker/src/types';
     export type { Label, Marker, Path, CameraTransform } from '@mappedin/mappedin-js/maker/src/map-view-objects';
     export type { Navigation, TNavigationOptions } from '@mappedin/mappedin-js/maker/src/navigation';
     export type { TSpaceType } from '@mappedin/mappedin-js/maker/src/map-data-objects';
     export { Coordinate, Annotation, Connection, Door, Floor, MapObject, PointOfInterest, Space, Image, Hyperlink, } from '@mappedin/mappedin-js/maker/src/map-data-objects';
-    export type { Camera, Labels, Markers, Paths, Exporter, Directions } from '@mappedin/mappedin-js/maker/src/api-geojson';
+    export type { Camera, Labels, Markers, Paths, Exporter, Directions, Style, Outdoor } from '@mappedin/mappedin-js/maker/src/api-geojson';
 }
 
 declare module '@mappedin/mappedin-js/maker/src/api-geojson/blue-dot/blue-dot' {
@@ -3019,27 +3031,6 @@ declare module '@mappedin/mappedin-js/maker/src/api-geojson/custom-geometries' {
     export {};
 }
 
-declare module '@mappedin/mappedin-js/maker/src/api-geojson/style' {
-    import type { StyleCollection } from '@mappedin/mvf';
-    import type { GeojsonApiMapObject } from '@mappedin/mappedin-js/maker/src/api-geojson/map-object';
-    export class Style {
-            #private;
-            /**
-                * @internal
-                */
-            get currentMap(): GeojsonApiMapObject | undefined;
-            /**
-                * @internal
-                */
-            constructor({ currentMapGetter }: {
-                    currentMapGetter: CurrentMapGetter;
-            });
-            setFromStyleCollection(styleCollection: StyleCollection): void;
-    }
-    type CurrentMapGetter = () => GeojsonApiMapObject | undefined;
-    export {};
-}
-
 declare module '@mappedin/mappedin-js/geojson/src/types' {
     import { Mesh, Object3D, InstancedMesh } from 'three';
     import type { Geometry2D } from '@mappedin/mappedin-js/geojson/src/entities/two-d';
@@ -3103,6 +3094,7 @@ declare module '@mappedin/mappedin-js/geojson/src/types' {
             topTexture?: string;
             texture?: string;
             shading?: Shading;
+            outline?: boolean;
     };
     export type Cap = 'round' | 'square' | 'butt';
     export type Join = 'round' | 'bevel' | 'miter';
@@ -3122,6 +3114,7 @@ declare module '@mappedin/mappedin-js/geojson/src/types' {
             cap?: Cap;
             join?: Join;
             shading?: Shading;
+            outline?: boolean;
     };
     export type Layer = {
             id: string;
@@ -3185,7 +3178,7 @@ declare module '@mappedin/mappedin-js/geojson/src/types' {
             /**
                 * An array of marker IDs which the user interaction passed through. Will be empty if no markers were interacted with.
                 */
-            markers: [string | number] | [];
+            markers: (string | number)[] | [];
             /**
                 * An array of 3D models IDs which the user interaction passed through. Will be empty if no models were interacted with.
                 */
@@ -3193,11 +3186,11 @@ declare module '@mappedin/mappedin-js/geojson/src/types' {
             /**
                 * An array of label IDs which the user interaction passed through. Will be empty if no labels were interacted with.
                 */
-            labels: [string | number] | [];
+            labels: (string | number)[] | [];
             /**
                 * An array of geometry IDs which the user interaction passed through. Will be empty if no geometry was interacted with.
                 */
-            geometry: [string | number] | [];
+            geometry: (string | number)[] | [];
             /**
                 * Details about the pointer event which triggered the interaction.
                 */
@@ -3210,6 +3203,10 @@ declare module '@mappedin/mappedin-js/geojson/src/types' {
                         */
                     button: number;
             };
+            /**
+                * An array of group container IDs which the user interaction passed through. Will be empty if no group containers were interacted with.
+                */
+            containers: (string | number)[] | [];
     };
     /**
         * Result of a user hover event.
@@ -3283,6 +3280,7 @@ declare module '@mappedin/mappedin-js/geojson/src/types' {
 
 declare module '@mappedin/mappedin-js/geojson/src/renderer' {
     import './utils/object-this-polyfill';
+    import type { Position as GeoJsonPosition } from 'geojson';
     import { Vector3, Raycaster, Camera as ThreeCamera } from 'three';
     import type { GroupContainerState } from '@mappedin/mappedin-js/geojson/src/entities/entity-group-container';
     import { GroupContainerObject3D } from '@mappedin/mappedin-js/geojson/src/entities/entity-group-container';
@@ -3309,9 +3307,9 @@ declare module '@mappedin/mappedin-js/geojson/src/renderer' {
     import { StackSystem } from '@mappedin/mappedin-js/geojson/src/systems/stack/system';
     import { CameraSystem } from '@mappedin/mappedin-js/geojson/src/systems/camera';
     import { DOMDrawSystem } from '@mappedin/mappedin-js/geojson/src/systems/dom-draw/system';
-    import type { Map as MapLibreMap } from '@mappedin/mappedin-js/packages/outdoor-context-v4';
+    import { type Map as MapLibreMap } from '@mappedin/mappedin-js/packages/outdoor-context-v4';
     import type { GeometryState } from '@mappedin/mappedin-js/geojson/src/components/mesh';
-    import { type ModelState } from '@mappedin/mappedin-js/geojson/src/components/model';
+    import type { ModelState } from '@mappedin/mappedin-js/geojson/src/components/model';
     import type { GeometryGroupState } from '@mappedin/mappedin-js/geojson/src/entities/entity-group';
     import { GeometryGroupObject3D } from '@mappedin/mappedin-js/geojson/src/entities/entity-group';
     import { DOMResizeSystem } from '@mappedin/mappedin-js/geojson/src/systems/dom-resize/system';
@@ -3323,6 +3321,7 @@ declare module '@mappedin/mappedin-js/geojson/src/renderer' {
     import { CustomGeometrySystem } from '@mappedin/mappedin-js/geojson/src/systems/custom-geometry/system';
     import { OutlineInterpolationSystem } from '@mappedin/mappedin-js/geojson/src/systems/outline-interpolation/system';
     import { OutdoorLayers } from '@mappedin/mappedin-js/geojson/src/systems/outdoor-layers/system';
+    import { PathSystem } from '@mappedin/mappedin-js/geojson/src/systems/path';
     export type * from '@mappedin/mappedin-js/geojson/src/types';
     export const raycaster: Raycaster;
     export const DEFAULT_ZOOM_LEVEL = 18;
@@ -3374,6 +3373,7 @@ declare module '@mappedin/mappedin-js/geojson/src/renderer' {
             customGeometrySystem: CustomGeometrySystem;
             outlineInterpolationSystem: OutlineInterpolationSystem;
             outdoorLayersSystem: OutdoorLayers;
+            pathSystem: PathSystem;
     };
     export type MapViewState = {
             readonly type: 'map-view';
@@ -3408,9 +3408,10 @@ declare module '@mappedin/mappedin-js/geojson/src/renderer' {
             /**
                 * Add a container that can hold other containers, geometry groups, markers, labels and paths. Use this to group entities together.
                 */
-            addGroupContainer(id: string, style?: {
+            addGroupContainer(id: string, options?: {
                     visible?: boolean;
                     altitude?: number;
+                    interactive?: boolean;
             }, parent?: EntityId<GroupContainerState> | string | number | null): EntityId<GroupContainerState>;
             addStackContainer(id: string, style?: {
                     visible?: true;
@@ -3510,9 +3511,23 @@ declare module '@mappedin/mappedin-js/geojson/src/renderer' {
                     y: number;
             };
             /**
-                * @internal
+                * Convert a GeoJSON position to a 3D map position.
+                *
+                * @param position - The GeoJSON position to convert.
+                * @param vector - Optional vector to copy the result into instead of creating a new vector.
+                * @returns The converted 3D map position.
                 */
-            convertTo3DMapPosition: (latitude: number, longitude: number, altitude?: number, vector?: Vector3) => Vector3;
+            convertTo3DMapPosition(position: GeoJsonPosition, vector?: Vector3): Vector3;
+            /**
+                * Convert latitude and longitude to a 3D map position.
+                *
+                * @param latitude - The latitude to convert.
+                * @param longitude - The longitude to convert.
+                * @param altitude - Optional altitude to include in the conversion. Defaults to 0.
+                * @param vector - Optional vector to copy the result into instead of creating a new vector.
+                * @returns The converted 3D map position.
+                */
+            convertTo3DMapPosition(latitude: number, longitude: number, altitude?: number, vector?: Vector3): Vector3;
             /**
                 * @internal
                 */
@@ -3533,6 +3548,18 @@ declare module '@mappedin/mappedin-js/geojson/src/renderer' {
                 * @param geometryOrBoundingBox Geometry, geometry id, or bounding box to get the center of.
                 */
             getCenter(geometryOrBoundingBox: string | number | EntityId<EntityState> | Position[]): [number, number] | undefined;
+            /**
+                * Checks if the given entity is within the current camera's view frustum.
+                * This method is useful for determining if an entity is visible on the screen.
+                *
+                * @param target - The entity to check. This can be an object with `id` and `type` properties,
+                *                 a string representing the entity's ID, or an entity state object.
+                * @returns - Returns `true` if the entity is within the camera's view, otherwise `false`.
+                */
+            isInView(target: {
+                    id: EntityState['id'];
+                    type: EntityState['type'];
+            } | string | EntityState): boolean;
             /**
                 * Perform a render of the scene. This is called internally when something changes, but can be called when adding external models
                 * The render happens in an animation frame, not matter how frequently it is called
@@ -3763,10 +3790,11 @@ declare module '@mappedin/mappedin-js/maker/src/map-view-objects/custom-geometry
 }
 
 declare module '@mappedin/mappedin-js/maker/src/api-geojson/api' {
-    import type { RendererCore } from '@mappedin/core-sdk';
+    import type { Position, RendererCore } from '@mappedin/core-sdk';
     import type { TShow3DMapOptions } from '@mappedin/mappedin-js/maker/src';
     import type MapData from '@mappedin/mappedin-js/maker/src/map-data';
-    import { Coordinate, MapObject, Space, type Floor } from '@mappedin/mappedin-js/maker/src/map-data-objects';
+    import { Floor } from '@mappedin/mappedin-js/maker/src/map-data-objects';
+    import { Coordinate, MapObject, Space } from '@mappedin/mappedin-js/maker/src/map-data-objects';
     import type { MapView } from '@mappedin/mappedin-js/maker/src/map-view';
     import { Label, Marker, type Model } from '@mappedin/mappedin-js/maker/src/map-view-objects';
     import { Navigation } from '@mappedin/mappedin-js/maker/src/navigation';
@@ -3793,6 +3821,7 @@ declare module '@mappedin/mappedin-js/maker/src/api-geojson/api' {
             [key in string]: MapData;
         };
         currentMap?: GeojsonApiMapObject;
+        hiddenOutdoorGeometries: [Position, layer: string[]][];
         mapView: MapView;
         Camera: Camera;
         Labels: Labels;
@@ -3823,6 +3852,7 @@ declare module '@mappedin/mappedin-js/maker/src/api-geojson/api' {
         getDirections: (from: TNavigationTarget | TNavigationTarget[], to: TNavigationTarget | TNavigationTarget[], opt?: TGetDirectionsOptions) => Directions | undefined;
         createCoordinate(latitude: number, longitude: number, floor?: Floor): Coordinate;
         createCoordinateFromScreenCoordinate(x: number, y: number, floor?: Floor): Coordinate | undefined;
+        isInView(target: Space | MapObject | Label | Marker | string): boolean;
         auto(): void;
         /**
           * @internal
@@ -4261,6 +4291,53 @@ declare module '@mappedin/mappedin-js/maker/src/api-geojson/directions' {
     }
 }
 
+declare module '@mappedin/mappedin-js/maker/src/api-geojson/style' {
+    import type { StyleCollection } from '@mappedin/mvf';
+    import type { GeojsonApiMapObject } from '@mappedin/mappedin-js/maker/src/api-geojson/map-object';
+    export class Style {
+            #private;
+            /**
+                * @internal
+                */
+            get currentMap(): GeojsonApiMapObject | undefined;
+            /**
+                * @internal
+                */
+            constructor({ currentMapGetter }: {
+                    currentMapGetter: CurrentMapGetter;
+            });
+            setFromStyleCollection(styleCollection: StyleCollection): void;
+    }
+    type CurrentMapGetter = () => GeojsonApiMapObject | undefined;
+    export {};
+}
+
+declare module '@mappedin/mappedin-js/maker/src/api-geojson/outdoor' {
+    import { type RendererCore, type Position } from '@mappedin/core-sdk';
+    export default class Outdoor {
+            #private;
+            /**
+                * @internal
+                */
+            constructor(core: RendererCore, hiddenOutdoorGeometry?: [Position, string[]][]);
+            setStyle(style: any): void;
+            /**
+                * Returns a Maplibre map for advanced usage.
+                *
+                * @returns {object} Maplibre map instance
+                *
+                * Limitations:
+                * - Maplibre interaction events are not supported; use SDK interaction events.
+                * - Maplibre markers and labels may overlap as they are not integrated with the SDK collision engine.
+                */
+            get map(): import("@packages/internal/outdoor-context-v4").Map | undefined;
+            /**
+                * Whether the outdoorView is enabled.
+                */
+            get enabled(): boolean;
+    }
+}
+
 declare module '@mappedin/mappedin-js/maker/src/api-geojson/map-object' {
     import type { ParsedMVF } from '@mappedin/mvf';
     import { FloorObject } from '@mappedin/mappedin-js/maker/src/api-geojson/floor-object';
@@ -4420,6 +4497,7 @@ declare module '@mappedin/mappedin-js/geojson/src/components/mesh' {
     import type { BatchedStandardMaterial } from '@mappedin/mappedin-js/geojson/src/systems/mesh-creation-and-optimization/batched-material';
     import type { Position } from '@mappedin/mappedin-js/geojson/src/types';
     import type { Feature, LineString, MultiLineString, MultiPolygon, Polygon } from 'geojson';
+    import type { BBox } from '@turf/turf';
     export class EntityBatchedMesh extends BatchedMesh {
             userData: {
                     entities: {
@@ -4466,6 +4544,10 @@ declare module '@mappedin/mappedin-js/geojson/src/components/mesh' {
                 * ```
                 */
             interactive: boolean;
+            /**
+                * Whether the geometry is outlined with a 30% darkened color. This effect adds lines around the geometry to make it stand out.
+                */
+            outline: boolean;
     };
     export class MeshComponent {
             #private;
@@ -4492,6 +4574,7 @@ declare module '@mappedin/mappedin-js/geojson/src/components/mesh' {
             set texture(texture: Texture);
             set topTexture(texture: Texture);
             get topTexture(): string;
+            get featureBbox(): BBox;
             texturesVisible: boolean;
             showTextures(): void;
             hideTextures(): void;
@@ -4547,6 +4630,10 @@ declare module '@mappedin/mappedin-js/geojson/src/entities/entity-group' {
                 * The shading of the geometry and its children. Updating this will affect all children of the geometry group.
                 */
             shading?: Shading;
+            /**
+                * Whether the geometry and its children are outlined. This will affect all children of the geometry group and override their outline state.
+                */
+            outline?: boolean;
     };
     export type ChildUpdatable<T> = T extends LineStyle ? Partial<Pick<LineStyle, 'color' | 'opacity' | 'visible'>> : Partial<Pick<PaintStyle, 'color' | 'opacity' | 'visible'>>;
     export class GeometryGroupObject3D extends Object3D {
@@ -4580,8 +4667,10 @@ declare module '@mappedin/mappedin-js/geojson/src/entities/entity-group-containe
     import type { LabelState } from '@mappedin/mappedin-js/geojson/src/components/label';
     import { Geometry3D } from '@mappedin/mappedin-js/geojson/src/entities/three-d';
     import type { PathState } from '@mappedin/mappedin-js/geojson/src/components/path';
+    import { InteractionComponent } from '@mappedin/mappedin-js/geojson/src/components/interaction';
     export enum EntityContainerComponents {
-            STACK = 0
+            Stack = 0,
+            Interaction = 1
     }
     /**
         * State representing a Group Container, which is a container for other Group Containers, Geometry Groups, Labels, Markers and Paths.
@@ -4601,6 +4690,7 @@ declare module '@mappedin/mappedin-js/geojson/src/entities/entity-group-containe
                 * The altitude of the group container above the ground in meters
                 */
             altitude: number;
+            interactive: boolean;
     };
     export class GroupContainerObject3D extends Object3D {
             childrenIds: Set<string | number>;
@@ -4610,7 +4700,7 @@ declare module '@mappedin/mappedin-js/geojson/src/entities/entity-group-containe
                     entities2D: Set<string | number>;
                     dirty: boolean;
             };
-            components: [StackComponent?];
+            components: [StackComponent?, InteractionComponent?];
             constructor(id: string);
             addEntity(entityGroupOrContainer: GroupContainerObject3D | GeometryGroupObject3D | Geometry2D | Geometry3D): void;
             removeEntity(entityGroupOrContainer: GroupContainerObject3D | GeometryGroupObject3D | Geometry2D | Geometry3D): void;
@@ -4621,8 +4711,7 @@ declare module '@mappedin/mappedin-js/geojson/src/entities/entity-group-containe
 }
 
 declare module '@mappedin/mappedin-js/geojson/src/components/path' {
-    import type { BufferGeometry } from 'three';
-    import { Mesh, ShaderMaterial, Vector3 } from 'three';
+    import { type Mesh, type ShaderMaterial, type BufferGeometry, Vector3 } from 'three';
     import type { Position } from '@mappedin/mappedin-js/geojson/src/types';
     import { Geometry3DObject3D } from '@mappedin/mappedin-js/geojson/src/entities/three-d';
     import type { FeatureCollection, Point } from 'geojson';
@@ -4680,18 +4769,22 @@ declare module '@mappedin/mappedin-js/geojson/src/components/path' {
     };
     export class PathComponent {
             #private;
-            points: Vector3[];
             readonly type = "path";
             mesh: Geometry3DObject3D;
-            material: ShaderMaterial;
-            geometry: BufferGeometry;
+            material?: ShaderMaterial;
+            geometry?: BufferGeometry;
             outline?: Mesh;
-            feature?: FeatureCollection<Point>;
+            feature: FeatureCollection<Point>;
             options: AddPathOptions;
-            constructor(points: Vector3[], options?: AddPathOptions);
+            nearRadius: number;
+            farRadius: number;
+            color: string;
+            pulseColor: string;
+            altitudeAdjustment: number;
+            dirty: boolean;
+            constructor(feature: FeatureCollection<Point, any>, options?: AddPathOptions);
             setColor(): void;
             setOpacity(): void;
-            altitudeAdjustment: number;
             set completeFraction(value: number);
             get completeFraction(): number;
             set visible(visible: boolean);
@@ -6157,23 +6250,15 @@ declare module '@mappedin/mappedin-js/geojson/src/systems/outdoor-layers/system'
     import type { Map } from '@packages/internal/outdoor-context-v4';
     import type { Position } from '@mappedin/mappedin-js/geojson/src/renderer';
     export class OutdoorLayers {
-        #private;
         dirty: boolean;
         hideLayersUnderPoint(point: Position, layers: string[]): void;
         constructor(map?: Map);
-        filterStylesInMap(): void;
         destroy(): void;
     }
 }
 
-declare module '@mappedin/mappedin-js/maker/src/api-geojson/outdoor' {
-    import type { RendererCore } from '@mappedin/core-sdk';
-    export default class Outdoor {
-        constructor(core: RendererCore);
-        setStyle(style: any): void;
-        get map(): import("@packages/internal/outdoor-context-v4").Map | undefined;
-        get enabled(): boolean;
-    }
+declare module '@mappedin/mappedin-js/geojson/src/systems/path' {
+    export { PathSystem } from '@mappedin/mappedin-js/geojson/src/systems/path/system';
 }
 
 declare module '@mappedin/mappedin-js/maker/src/api-geojson/utils' {
@@ -6236,12 +6321,14 @@ declare module '@mappedin/mappedin-js/geojson/src/components/geometry-group-styl
         topColor?: string;
         opacity: number;
         shading?: Shading;
+        outline: boolean;
     };
     export class GeometryGroupStyleComponent implements GeometryGroupStyle {
         #private;
         color: string;
         topColor?: string;
         opacity: number;
+        outline: boolean;
         get shading(): Required<Shading> | undefined;
         set shading(value: Shading | undefined);
         constructor(style?: Partial<GeometryGroupStyle>);
@@ -6337,6 +6424,7 @@ declare module '@mappedin/mappedin-js/geojson/src/components/style' {
         topColor?: string;
         texture?: string;
         topTexture?: string;
+        outline: boolean;
     };
     export class StyleComponent implements Style {
         initialColor: string;
@@ -6353,6 +6441,7 @@ declare module '@mappedin/mappedin-js/geojson/src/components/style' {
         altitude: number;
         join: Join;
         cap: Cap;
+        outline: boolean;
         constructor(style?: Partial<Style>);
     }
     export {};
@@ -6396,11 +6485,13 @@ declare module '@mappedin/mappedin-js/geojson/src/systems/interactions/system' {
     import { TapsController } from '@mappedin/mappedin-js/geojson/src/systems/interactions/tap-controller';
     import type { RendererState } from '@mappedin/mappedin-js/geojson/src/renderer';
     import 'style.scss';
-    import { EntityBatchedMesh } from '@mappedin/mappedin-js/geojson/src/components/mesh';
+    import type { EntityBatchedMesh } from '@mappedin/mappedin-js/geojson/src/components/mesh';
+    import type { GroupContainerObject3D } from '@mappedin/mappedin-js/geojson/src/entities/entity-group-container';
     type InteractionPayload = {
             entity2D?: Geometry2D;
             entity3D?: Geometry3D;
             position?: Vector3;
+            groupContainers?: GroupContainerObject3D[];
             pointerEvent: Pick<PointerEvent, 'button'>;
     };
     type InteractionEvents = {
@@ -6443,7 +6534,10 @@ declare module '@mappedin/mappedin-js/geojson/src/systems/interactions/system' {
             onPointerMoveRaf: (event: PointerEvent) => void;
             tapsControl: TapsController;
             dirty3D: boolean;
-            get _hitBoxes(): (EntityBatchedMesh | Object3D<import("three").Object3DEventMap> | EntityMesh<Geometry3D>)[];
+            get _hitBoxes(): {
+                    entities: (Object3D | EntityMesh<Geometry3D> | EntityBatchedMesh)[];
+                    groups: GroupContainerObject3D[];
+            };
             getMouseRayIntersects(): import("three").Intersection<Object3D<import("three").Object3DEventMap>>[];
             destroy(): void;
             debugPanel: HTMLDivElement | undefined;
@@ -6451,6 +6545,7 @@ declare module '@mappedin/mappedin-js/geojson/src/systems/interactions/system' {
             get _state(): {
                     hovered3DEntity: Geometry3D | undefined;
                     hovered2DEntity: Geometry2D | undefined;
+                    hovered3DContainers: GroupContainerObject3D[] | undefined;
                     lastHover: Geometry3D | undefined;
                     containerOffset: [top: number, left: number];
                     interaction: InteractionState;
@@ -15040,6 +15135,19 @@ declare module '@mappedin/mappedin-js/geojson/src/entities' {
     export { Geometry3D, ThreeDComponents } from '@mappedin/mappedin-js/geojson/src/entities/three-d';
 }
 
+declare module '@mappedin/mappedin-js/geojson/src/systems/path/system' {
+    import type { RendererState } from '@mappedin/mappedin-js/geojson/src/renderer';
+    import type { RendererCore } from '@mappedin/mappedin-js/geojson/src';
+    /**
+      * A system for drawing and controlling the visual state of paths
+      */
+    export class PathSystem {
+        convertTo3DMapPosition: RendererCore['convertTo3DMapPosition'];
+        constructor(rendererState: RendererState, convertTo3DMapPosition: RendererCore['convertTo3DMapPosition']);
+        update(minZoomAltitude: number, maxZoomAltitude: number, currentZoomAltitude: number): void;
+    }
+}
+
 declare module '@mappedin/mappedin-js/geojson/examples/src/utils/scene-graph-visualizer' {
     import type Core from '@mappedin/mappedin-js/geojson/src/renderer';
     export function mountSceneGraphVisualizer(mv: Core, gui: any): void;
@@ -15122,11 +15230,16 @@ declare module '@mappedin/mappedin-js/geojson/src/utils' {
     export function getBoundingBoxCenter(bbox: Position[]): [number, number];
     export { getPixelRatio } from '@mappedin/mappedin-js/geojson/src/utils/get-pixel-ratio';
     export { shouldDisableOffscreenCanvas } from '@mappedin/mappedin-js/geojson/src/utils/browser';
+    export { noop } from '@mappedin/mappedin-js/geojson/src/utils/fp';
 }
 
 declare module '@mappedin/mappedin-js/geojson/src/utils/constants' {
     export const EARTH_RADIUS_M = 6371008.8;
     export const MAPPEDIN_LAYER_ID = "mappedin";
+    export enum ENTITY_3D_LAYERS {
+        DEFAULT = 0,
+        OUTLINES = 1
+    }
 }
 
 declare module '@mappedin/mappedin-js/geojson/src/systems/interactions/tap-controller' {
@@ -18711,12 +18824,12 @@ declare module '@mappedin/mappedin-js/packages/outdoor-context-v4/ui/handler/tap
 declare module '@mappedin/mappedin-js/geojson/src/entities/utils' {
     import type { CollisionRankingTier, GeometryState, LabelState, PathState, RendererCore } from '@mappedin/mappedin-js/geojson/src';
     import type { MarkerState } from '@mappedin/mappedin-js/geojson/src/components/marker';
-    import type { Position, RendererState } from '@mappedin/mappedin-js/geojson/src/renderer';
+    import type { Entity3DTypes, Position, RendererState } from '@mappedin/mappedin-js/geojson/src/renderer';
     import { GeometryGroupObject3D, type GeometryGroupState } from '@mappedin/mappedin-js/geojson/src/entities/entity-group';
     import { GroupContainerObject3D } from '@mappedin/mappedin-js/geojson/src/entities/entity-group-container';
     import { Geometry3D } from '@mappedin/mappedin-js/geojson/src/entities/three-d';
     import { Geometry2D } from '@mappedin/mappedin-js/geojson/src/entities/two-d';
-    export function updateInteractivity(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update: boolean | undefined, state: RendererState): boolean;
+    export function updateInteractivity(entity: Entity3DTypes | Geometry2D, update: boolean | undefined, state: RendererState): boolean;
     export function updateGroupColor(entity: GeometryGroupObject3D, state: RendererState, update?: Partial<GeometryGroupState>): boolean;
     export function updateGroupShading(entity: GeometryGroupObject3D, update?: GeometryGroupState['shading']): boolean;
     export function updateColor(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update?: Partial<GeometryState>): void;
@@ -18731,6 +18844,7 @@ declare module '@mappedin/mappedin-js/geojson/src/entities/utils' {
     export function updateVisibility(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update?: boolean): boolean;
     export function updateOpacity(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, state: RendererState, update?: number): void;
     export function updateAltitude(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update?: number): void;
+    export function updateOutline(entity: Entity3DTypes, update?: boolean): boolean;
 }
 
 declare module '@mappedin/mappedin-js/geojson/src/utils/get-pixel-ratio' {
@@ -18776,6 +18890,10 @@ declare module '@mappedin/mappedin-js/geojson/src/utils/browser' {
     export {};
 }
 
+declare module '@mappedin/mappedin-js/geojson/src/utils/fp' {
+    export function noop(): void;
+}
+
 declare module '@mappedin/mappedin-js/geojson/src/systems/camera/helpers/input-set' {
     import type { Vector2 } from 'three';
     class InputSet {