@mappedin/mappedin-js 6.0.1-alpha.21 → 6.0.1-alpha.23

package/lib/esm/index.css

@@ -1 +1 @@
-.mMapviewHoverLabel{background:rgba(255,255,255,.9);color:#333;padding:10px;font-size:14px;font-weight:700;transition:opacity .3s;font-family:sans-serif}.mappedin-map{position:relative;overflow:hidden}.mappedin__floating-label{position:absolute;top:0;left:0;opacity:0;width:200px;height:200px;will-change:transform;transition:opacity .3s linear}.mappedin__floating-label__icon{position:absolute;top:0;left:0;width:16px;height:16px}.mappedin__floating-label__icon>svg{position:absolute;top:-50%;left:-50%}.mappedin__floating-label__text_holder{font-family:InterUI-Regular,Helvetica,Arial,sans-serif;font-weight:400;font-weight:500;position:absolute;pointer-events:none;word-break:keep-all}.mappedin__floating-label__text_legacy{text-shadow:1px 1px 0px #ffffff,-1px -1px 0px #ffffff,1px -1px 0px #ffffff,-1px 1px 0px #ffffff}.mappedin__floating-label__text_back{-webkit-text-stroke:4px white;color:#fff}.mappedin__floating-label__text_front{color:#000;position:absolute;display:block;width:100%;height:100%;top:0;left:0}.mappedin-tooltip__wrapper{display:flex;width:1px;height:1px;align-items:center;justify-content:center;z-index:1}.mappedin-tooltip{font-family:InterUI-Regular,Helvetica,Arial,sans-serif;font-weight:400;top:0;transition:transform .3s linear;font-weight:700;color:#000;position:absolute;z-index:1;transition:opacity .3s;display:flex;flex-direction:row;will-change:transform,opacity;justify-content:center}.mappedin-tooltip>div{z-index:2;flex-shrink:0;max-width:500px;background:white;border-radius:20px;box-shadow:0 2px 11px #0003}.mappedin-tooltip:before{content:"";width:0;height:0;top:calc(50% - 10px);left:-10px;z-index:1;position:absolute;border-bottom:10px solid transparent;border-top:10px solid transparent}.mappedin-tooltip.tooltip--anchor-top{left:0;top:0}.mappedin-tooltip.tooltip--anchor-top:before{left:calc(50% - 10px);top:calc(100% - 5px);right:auto;border-bottom:10px solid transparent;border-top:10px solid white;border-left:10px solid transparent;border-right:10px solid transparent}.mappedin-tooltip.tooltip--anchor-bottom{left:0;top:0}.mappedin-tooltip.tooltip--anchor-bottom:before{left:calc(50% - 10px);top:-15px;right:auto;border-bottom:10px solid white;border-top:10px solid transparent;border-left:10px solid transparent;border-right:10px solid transparent}.mappedin-tooltip.tooltip--anchor-right{justify-content:flex-start;left:0;top:0}.mappedin-tooltip.tooltip--anchor-right:before{left:-5px;right:auto;border-right:10px solid white}.mappedin-tooltip.tooltip--anchor-left{left:0;top:0}.mappedin-tooltip.tooltip--anchor-left:before{left:auto;right:-5px;border-left:10px solid white}.mappedin-tooltip.tooltip--anchor-top-left{left:7px;top:7px}.mappedin-tooltip.tooltip--anchor-top-left:before{left:auto;right:-7px;top:calc(100% - 13px);border-bottom:10px solid transparent;border-top:10px solid white;border-left:10px solid transparent;border-right:10px solid transparent;transform:rotate(-45deg)}.mappedin-tooltip.tooltip--anchor-top-right{left:-6px;top:7px}.mappedin-tooltip.tooltip--anchor-top-right:before{left:-7px;right:auto;top:calc(100% - 13px);border-bottom:10px solid transparent;border-top:10px solid white;border-left:10px solid transparent;border-right:10px solid transparent;transform:rotate(45deg)}.mappedin-tooltip.tooltip--anchor-bottom-left{left:7px;top:-6px}.mappedin-tooltip.tooltip--anchor-bottom-left:before{left:auto;right:-7px;top:-7px;border-bottom:10px solid white;border-top:10px solid transparent;border-left:10px solid transparent;border-right:10px solid transparent;transform:rotate(45deg)}.mappedin-tooltip.tooltip--anchor-bottom-right{left:-6px;top:-6px}.mappedin-tooltip.tooltip--anchor-bottom-right:before{left:-7px;right:auto;top:-7px;border-bottom:10px solid white;border-top:10px solid transparent;border-left:10px solid transparent;border-right:10px solid transparent;transform:rotate(-45deg)}.mappedin-tooltip.tooltip--visible{opacity:1}.mappedin-tooltip.pointer-events-none{pointer-events:none}.mappedin-tooltip.pointer-events-auto{pointer-events:auto}.outdoor-ctrl-attrib{display:block;position:absolute;visibility:visible;pointer-events:auto;font:9px/11px InterUI-Regular,Helvetica,Arial,sans-serif;transform:translate(0);padding:3px 20px 1px 5px;background-color:#ffffff80;margin:0;min-width:11px;min-height:11px}.outdoor-ctrl-attrib.outdoor-ctrl-attrib-hide{display:none}.outdoor-ctrl-attrib-top-left{top:0;left:1px;float:left;border-bottom-right-radius:4px}.outdoor-ctrl-attrib-top-right{top:0;right:1px;float:right;border-bottom-left-radius:4px}.outdoor-ctrl-attrib-bottom-left{bottom:0;left:1px;float:left;border-top-right-radius:4px}.outdoor-ctrl-attrib-bottom-right{right:0;bottom:1px;float:right;border-top-left-radius:4px}.outdoor-ctrl-attrib-bottom-left,.outdoor-ctrl-attrib-top-left{padding:3px 5px 1px 20px}.outdoor-ctrl-attrib.outdoor-compact{background-color:transparent}.outdoor-ctrl-attrib.outdoor-compact-show{min-width:15px;min-height:15px;box-sizing:border-box;background-color:#ffffff80}.outdoor-ctrl-attrib-inner,.outdoor-ctrl-attrib-inner a{color:#000000bf;text-decoration:none}.outdoor-ctrl-attrib-inner a:hover{color:#017ef1;text-decoration:underline;cursor:pointer}.outdoor-ctrl-attrib.outdoor-compact .outdoor-ctrl-attrib-inner{display:none}.outdoor-ctrl-attrib-button{display:none;cursor:pointer;position:absolute;background-image:url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'><circle cx='10' cy='10' r='5.9' style='fill:rgba(255,255,255,1);'/><path style='fill:rgba(0,0,0,0.7);' d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/></svg>");background-size:15px;width:15px;height:15px;box-sizing:border-box;border-radius:50%;outline:none;top:0;right:2px;border:1px}.outdoor-ctrl-attrib summary.outdoor-ctrl-attrib-button{-webkit-appearance:none;appearance:none;list-style:none}.outdoor-ctrl-attrib summary.outdoor-ctrl-attrib-button::-webkit-details-marker{display:none}.outdoor-ctrl-attrib-top-left .outdoor-ctrl-attrib-button,.outdoor-ctrl-attrib-bottom-left .outdoor-ctrl-attrib-button{left:2px}.outdoor-ctrl-attrib.outdoor-compact .outdoor-ctrl-attrib-button,.outdoor-ctrl-attrib.outdoor-compact-show .outdoor-ctrl-attrib-inner{display:block}:root{--pin-shadow-hover-scale: .9;--pin-shadow-width: 12px;--pin-shadow-height: 5px;--pin-shadow-opacity: .35;--pin-drop-animation-duration-ms: .25s}@keyframes drop-pin{0%{transform:translateY(-200%)}to{transform:translateY(0)}}@keyframes pin-shadow{0%{transform:scale(var(--pin-shadow-hover-scale))}to{transform:scale(1)}}.mappedin-dropped-pin-wrapper{position:relative;width:fit-content;height:fit-content;width:36px;height:42px}.mappedin-dropped-pin-wrapper svg{position:absolute;left:calc(50% - var(--pin-shadow-width));animation:drop-pin var(--pin-drop-animation-duration-ms) ease-in}.mappedin-dropped-pin-wrapper>.pin-shadow{position:absolute;left:calc(50% - (var(--pin-shadow-width) / 2));bottom:0;height:var(--pin-shadow-height);width:var(--pin-shadow-width);border-radius:100%;opacity:var(--pin-shadow-opacity);animation:pin-shadow .25s ease-in}@keyframes bounce{0%{transform:translateY(-10px);opacity:0}12.5%{transform:translateY(0);opacity:1}25%{transform:translateY(0)}37.5%{transform:translateY(-10px)}50%{transform:translateY(0)}62.5%{transform:translateY(-10px)}75%{transform:translateY(0)}87.5%{transform:translateY(-10px)}to{transform:translateY(0)}}.mappedin-connection-marker .bouncey{animation:bounce 2.5s linear}.mappedin-connection-marker .arrow--down{transform:rotate(180deg)}.mappedin-connection-marker .connection-circle{display:flex;justify-content:center;align-items:center;border-radius:50%;border:2px solid white;box-shadow:0 2px 8px #00000026}.mappedin__smart-collision-engine__container{position:absolute;left:0;top:0;bottom:0;right:0;pointer-events:none;transform-style:preserve-3d;z-index:1;font-family:InterUI-Regular,Helvetica,Arial,sans-serif}.mappedin__smart-collision-engine-debug__container{position:absolute;left:0;top:0;bottom:0;right:0;transition:opacity .3s ease-in-out;pointer-events:none;will-change:opacity}.mappedin__smart-collision-engine-debug__container.interacting{opacity:.2}.mappedin-marker{font-family:InterUI-Regular,Helvetica,Arial,sans-serif;font-weight:400;pointer-events:none;top:0;transition:transform .3s linear;position:absolute;font-weight:700;color:#000;z-index:1;transition:opacity .3s;display:flex;flex-direction:row;will-change:opacity;justify-content:center}p{color:red}.list-items{max-height:600px;overflow-y:scroll;scroll-behavior:smooth}.children:focus{border:1px solid blue}#interactionPanel{position:absolute;right:0}#mainPanel{position:absolute;left:0}.title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.mMapviewHoverLabel{background:rgba(255,255,255,.9);color:#333;padding:10px;font-size:14px;font-weight:700;transition:opacity .3s;font-family:sans-serif}.mappedin-map{position:relative;overflow:hidden}.mappedin__floating-label{position:absolute;top:0;left:0;opacity:0;width:200px;height:200px;will-change:transform;transition:opacity .3s linear}.mappedin__floating-label__icon{position:absolute;top:0;left:0;width:16px;height:16px}.mappedin__floating-label__icon>svg{position:absolute;top:-50%;left:-50%}.mappedin__floating-label__text_holder{font-family:InterUI-Regular,Helvetica,Arial,sans-serif;font-weight:400;font-weight:500;position:absolute;pointer-events:none;word-break:keep-all}.mappedin__floating-label__text_legacy{text-shadow:1px 1px 0px #ffffff,-1px -1px 0px #ffffff,1px -1px 0px #ffffff,-1px 1px 0px #ffffff}.mappedin__floating-label__text_back{-webkit-text-stroke:4px white;color:#fff}.mappedin__floating-label__text_front{color:#000;position:absolute;display:block;width:100%;height:100%;top:0;left:0}.mappedin-tooltip__wrapper{display:flex;width:1px;height:1px;align-items:center;justify-content:center;z-index:1}.mappedin-tooltip{font-family:InterUI-Regular,Helvetica,Arial,sans-serif;font-weight:400;top:0;transition:transform .3s linear;font-weight:700;color:#000;position:absolute;z-index:1;transition:opacity .3s;display:flex;flex-direction:row;will-change:transform,opacity;justify-content:center}.mappedin-tooltip>div{z-index:2;flex-shrink:0;max-width:500px;background:white;border-radius:20px;box-shadow:0 2px 11px #0003}.mappedin-tooltip:before{content:"";width:0;height:0;top:calc(50% - 10px);left:-10px;z-index:1;position:absolute;border-bottom:10px solid transparent;border-top:10px solid transparent}.mappedin-tooltip.tooltip--anchor-top{left:0;top:0}.mappedin-tooltip.tooltip--anchor-top:before{left:calc(50% - 10px);top:calc(100% - 5px);right:auto;border-bottom:10px solid transparent;border-top:10px solid white;border-left:10px solid transparent;border-right:10px solid transparent}.mappedin-tooltip.tooltip--anchor-bottom{left:0;top:0}.mappedin-tooltip.tooltip--anchor-bottom:before{left:calc(50% - 10px);top:-15px;right:auto;border-bottom:10px solid white;border-top:10px solid transparent;border-left:10px solid transparent;border-right:10px solid transparent}.mappedin-tooltip.tooltip--anchor-right{justify-content:flex-start;left:0;top:0}.mappedin-tooltip.tooltip--anchor-right:before{left:-5px;right:auto;border-right:10px solid white}.mappedin-tooltip.tooltip--anchor-left{left:0;top:0}.mappedin-tooltip.tooltip--anchor-left:before{left:auto;right:-5px;border-left:10px solid white}.mappedin-tooltip.tooltip--anchor-top-left{left:7px;top:7px}.mappedin-tooltip.tooltip--anchor-top-left:before{left:auto;right:-7px;top:calc(100% - 13px);border-bottom:10px solid transparent;border-top:10px solid white;border-left:10px solid transparent;border-right:10px solid transparent;transform:rotate(-45deg)}.mappedin-tooltip.tooltip--anchor-top-right{left:-6px;top:7px}.mappedin-tooltip.tooltip--anchor-top-right:before{left:-7px;right:auto;top:calc(100% - 13px);border-bottom:10px solid transparent;border-top:10px solid white;border-left:10px solid transparent;border-right:10px solid transparent;transform:rotate(45deg)}.mappedin-tooltip.tooltip--anchor-bottom-left{left:7px;top:-6px}.mappedin-tooltip.tooltip--anchor-bottom-left:before{left:auto;right:-7px;top:-7px;border-bottom:10px solid white;border-top:10px solid transparent;border-left:10px solid transparent;border-right:10px solid transparent;transform:rotate(45deg)}.mappedin-tooltip.tooltip--anchor-bottom-right{left:-6px;top:-6px}.mappedin-tooltip.tooltip--anchor-bottom-right:before{left:-7px;right:auto;top:-7px;border-bottom:10px solid white;border-top:10px solid transparent;border-left:10px solid transparent;border-right:10px solid transparent;transform:rotate(-45deg)}.mappedin-tooltip.tooltip--visible{opacity:1}.mappedin-tooltip.pointer-events-none{pointer-events:none}.mappedin-tooltip.pointer-events-auto{pointer-events:auto}.outdoor-ctrl-attrib{display:block;position:absolute;visibility:visible;pointer-events:auto;font:9px/11px InterUI-Regular,Helvetica,Arial,sans-serif;transform:translate(0);padding:3px 20px 1px 5px;background-color:#ffffff80;margin:0;min-width:11px;min-height:11px}.outdoor-ctrl-attrib.outdoor-ctrl-attrib-hide{display:none}.outdoor-ctrl-attrib-top-left{top:0;left:1px;float:left;border-bottom-right-radius:4px}.outdoor-ctrl-attrib-top-right{top:0;right:1px;float:right;border-bottom-left-radius:4px}.outdoor-ctrl-attrib-bottom-left{bottom:0;left:1px;float:left;border-top-right-radius:4px}.outdoor-ctrl-attrib-bottom-right{right:0;bottom:1px;float:right;border-top-left-radius:4px}.outdoor-ctrl-attrib-bottom-left,.outdoor-ctrl-attrib-top-left{padding:3px 5px 1px 20px}.outdoor-ctrl-attrib.outdoor-compact{background-color:transparent}.outdoor-ctrl-attrib.outdoor-compact-show{min-width:15px;min-height:15px;box-sizing:border-box;background-color:#ffffff80}.outdoor-ctrl-attrib-inner,.outdoor-ctrl-attrib-inner a{color:#000000bf;text-decoration:none}.outdoor-ctrl-attrib-inner a:hover{color:#017ef1;text-decoration:underline;cursor:pointer}.outdoor-ctrl-attrib.outdoor-compact .outdoor-ctrl-attrib-inner{display:none}.outdoor-ctrl-attrib-button{display:none;cursor:pointer;position:absolute;background-image:url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'><circle cx='10' cy='10' r='5.9' style='fill:rgba(255,255,255,1);'/><path style='fill:rgba(0,0,0,0.7);' d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/></svg>");background-size:15px;width:15px;height:15px;box-sizing:border-box;border-radius:50%;outline:none;top:0;right:2px;border:1px}.outdoor-ctrl-attrib summary.outdoor-ctrl-attrib-button{-webkit-appearance:none;appearance:none;list-style:none}.outdoor-ctrl-attrib summary.outdoor-ctrl-attrib-button::-webkit-details-marker{display:none}.outdoor-ctrl-attrib-top-left .outdoor-ctrl-attrib-button,.outdoor-ctrl-attrib-bottom-left .outdoor-ctrl-attrib-button{left:2px}.outdoor-ctrl-attrib.outdoor-compact .outdoor-ctrl-attrib-button,.outdoor-ctrl-attrib.outdoor-compact-show .outdoor-ctrl-attrib-inner{display:block}.mappedin__smart-collision-engine__container{position:absolute;left:0;top:0;bottom:0;right:0;pointer-events:none;transform-style:preserve-3d;z-index:1;font-family:InterUI-Regular,Helvetica,Arial,sans-serif}.mappedin__smart-collision-engine-debug__container{position:absolute;left:0;top:0;bottom:0;right:0;transition:opacity .3s ease-in-out;pointer-events:none;will-change:opacity}.mappedin__smart-collision-engine-debug__container.interacting{opacity:.2}.mappedin-marker{font-family:InterUI-Regular,Helvetica,Arial,sans-serif;font-weight:400;pointer-events:none;top:0;transition:transform .3s linear;position:absolute;font-weight:700;color:#000;z-index:1;transition:opacity .3s;display:flex;flex-direction:row;will-change:opacity;justify-content:center}:root{--pin-shadow-hover-scale: .9;--pin-shadow-width: 12px;--pin-shadow-height: 5px;--pin-shadow-opacity: .35;--pin-drop-animation-duration-ms: .25s}@keyframes drop-pin{0%{transform:translateY(-200%)}to{transform:translateY(0)}}@keyframes pin-shadow{0%{transform:scale(var(--pin-shadow-hover-scale))}to{transform:scale(1)}}.mappedin-dropped-pin-wrapper{position:relative;width:fit-content;height:fit-content;width:36px;height:42px}.mappedin-dropped-pin-wrapper svg{position:absolute;left:calc(50% - var(--pin-shadow-width));animation:drop-pin var(--pin-drop-animation-duration-ms) ease-in}.mappedin-dropped-pin-wrapper>.pin-shadow{position:absolute;left:calc(50% - (var(--pin-shadow-width) / 2));bottom:0;height:var(--pin-shadow-height);width:var(--pin-shadow-width);border-radius:100%;opacity:var(--pin-shadow-opacity);animation:pin-shadow .25s ease-in}@keyframes bounce{0%{transform:translateY(-10px);opacity:0}12.5%{transform:translateY(0);opacity:1}25%{transform:translateY(0)}37.5%{transform:translateY(-10px)}50%{transform:translateY(0)}62.5%{transform:translateY(-10px)}75%{transform:translateY(0)}87.5%{transform:translateY(-10px)}to{transform:translateY(0)}}.mappedin-connection-marker .bouncey{animation:bounce 2.5s linear}.mappedin-connection-marker .arrow--down{transform:rotate(180deg)}.mappedin-connection-marker .connection-circle{display:flex;justify-content:center;align-items:center;border-radius:50%;border:2px solid white;box-shadow:0 2px 8px #00000026}p{color:red}.list-items{max-height:600px;overflow-y:scroll;scroll-behavior:smooth}.children:focus{border:1px solid blue}#interactionPanel{position:absolute;right:0}#mainPanel{position:absolute;left:0}.title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

package/lib/esm/index.d.ts

@@ -2,8 +2,9 @@
 // Dependencies for this module:
 //   ../maker/@mappedin/mvf
 //   ../maker/geojson
-//   ../maker/three
 //   ../maker/@mappedin/core-sdk
+//   ../maker/@mappedin/core-sdk/src/camera
+//   ../maker/three
 //   ../maker/minisearch
 //   ../maker/@turf/turf
 //   ../maker/@tweenjs/tween.js
@@ -135,6 +136,10 @@ declare module '@mappedin/mappedin-js' {
                 * The token is used to fetch outdoor tiles, which will then be rendered.
                 */
             outdoorViewToken?: string;
+            /**
+                * A url to a style specification conforming to the [Maplibre Style Spec](https://maplibre.org/maplibre-style-spec/).
+                */
+            outdoorViewStyle?: string;
             /**
                 * Whether or not to automatically add labels and interactivity to the map. Set to
                 * false if you need finer control over what is labelled or interactive.
@@ -966,7 +971,6 @@ declare module '@mappedin/mappedin-js/maker/src/map-data-objects' {
 
 declare module '@mappedin/mappedin-js/packages/legacy-renderer/private/controllers/WatermarkController' {
     import { ICore } from '@mappedin/mappedin-js/packages/legacy-renderer/private/Core.interface';
-    import { Sprite } from 'three';
     type TPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'center' | 'top' | 'bottom' | 'left' | 'right';
     export type TShowWatermarkOptions = {
             /**
@@ -1022,7 +1026,16 @@ declare module '@mappedin/mappedin-js/packages/legacy-renderer/private/controlle
             #private;
             static ENABLED: boolean;
             static OPTIONS: Required<TShowWatermarkOptions>;
-            object?: Sprite;
+            /**
+                * The current calculated position and size of the watermark on the screen. It is updated every resize.
+                * This is public so it can be used in event system.
+                */
+            position: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+            };
             constructor(core: ICore);
             show: () => void;
             hide: () => void;
@@ -1036,8 +1049,8 @@ declare module '@mappedin/mappedin-js/maker/src/map-view-geojson' {
     import { GeoJSONTEvents as TEvents } from '@mappedin/mappedin-js/maker/src/events';
     import { Floor, MapObject, Space } from '@mappedin/mappedin-js/maker/src/map-data-objects';
     import MapData from '@mappedin/mappedin-js/maker/src/map-data';
-    import { ICamera, IMapView, IMarkers, IPaths, TUpdateState, INavigation, TNavigationTarget, TGetDirectionsOptions, TGeometryState, TLabelState } from '@mappedin/mappedin-js/maker/src/map-view-interface';
-    import { Directions, Label } from '@mappedin/mappedin-js/maker/src/map-view-objects';
+    import { ICamera, IMapView, IMarkers, IPaths, TUpdateState, INavigation, TNavigationTarget, TGetDirectionsOptions, TGeometryState, TLabelState, TMarkerState } from '@mappedin/mappedin-js/maker/src/map-view-interface';
+    import { Directions, Label, Marker } from '@mappedin/mappedin-js/maker/src/map-view-objects';
     import type { RendererCore } from '@mappedin/core-sdk';
     import { LabelsApi } from '@mappedin/mappedin-js/maker/src/api-geojson/labels';
     import { Inspector } from '@mappedin/mappedin-js/maker/src/api-geojson';
@@ -1079,6 +1092,11 @@ declare module '@mappedin/mappedin-js/maker/src/map-view-geojson' {
                 * @internal
                 */
             constructor(rendererCore: RendererCore);
+            /**
+                * @internal
+                * TODO: revive core
+                */
+            auto: () => void;
             /**
                 * @internal - unused until we use GeoJSON API underneath
                 */
@@ -1100,11 +1118,11 @@ declare module '@mappedin/mappedin-js/maker/src/map-view-geojson' {
                 * // Update the color of a space to red.
                 * map.updateState(space, { color: 'red' });
                 */
-            updateState<T extends Space | MapObject | Label | string>(target: T, state: TUpdateState<T>): void;
+            updateState<T extends Space | MapObject | Label | Marker | string>(target: T, state: TUpdateState<T>): void;
             setHoverColor(c: string): void;
-            getHoverColor(): string | undefined;
+            getHoverColor(): any;
             getState(id: string): TGeometryState | TLabelState | undefined;
-            getState(target: Space | Label | MapObject): TGeometryState | TLabelState;
+            getState(target: Space | Label | Marker | MapObject): TGeometryState | TLabelState | TMarkerState;
             /**
                 * Retrieves the current floor of the map.
                 *
@@ -1144,6 +1162,7 @@ declare module '@mappedin/mappedin-js/maker/src/map-view-interface' {
     import type { Coordinate, Floor, Door, Space, MapObject, PointOfInterest, Connection } from '@mappedin/mappedin-js/maker/src/map-data-objects';
     import { Label, Marker, Path, Directions } from '@mappedin/mappedin-js/maker/src/map-view-objects';
     import type { MapData, TNavigationOptions } from '@mappedin/mappedin-js/maker/src';
+    import { EasingCurve } from '@mappedin/core-sdk/src/camera';
     /**
         * Interface defining the controls and actions for a label on the map.
         */
@@ -1158,6 +1177,20 @@ declare module '@mappedin/mappedin-js/maker/src/map-view-interface' {
                 */
             readonly __type: 'Label';
     }
+    /**
+        * Interface defining the controls and actions for a label on the map.
+        */
+    export interface IMarker {
+            /**
+                * Label's id
+                */
+            id: string;
+            /**
+                * Label's internal type
+                * @internal
+                */
+            readonly __type: 'Marker';
+    }
     /**
         * Interface defining the controls and actions for labels ({@link Label}) on the map.
         */
@@ -1230,7 +1263,7 @@ declare module '@mappedin/mappedin-js/maker/src/map-view-interface' {
                 * @example
                 * map.Markers.removeAll();
                 */
-            removeAll: () => void;
+            removeAll: () => Marker[];
     }
     /**
         * Interface defining the controls and actions for paths ({@link Path}) on the map.
@@ -1290,6 +1323,18 @@ declare module '@mappedin/mappedin-js/maker/src/map-view-interface' {
             priority: number | 'initial';
             interactive: boolean;
     };
+    export type TMarkerState = {
+            type: 'marker';
+            /**
+                * HTML element for the marker.
+                */
+            element: HTMLElement;
+            /**
+                * Priority level of the marker, used for determining display order.
+                */
+            priority: number | 'initial';
+            interactive: boolean;
+    };
     /**
         * Defines the state for geometry elements like {@link Space} when updated.
         */
@@ -1311,8 +1356,8 @@ declare module '@mappedin/mappedin-js/maker/src/map-view-interface' {
     /**
         * The type for updating the state of map elements (colors, texts, etc.).
         */
-    export type TUpdateState<T> = T extends ILabel ? Partial<TLabelState> : T extends Space | MapObject ? Partial<TGeometryState> : T extends string ? Record<string, any> : never;
-    export type TGetState<T> = T extends Label ? TLabelState : T extends Space | MapObject ? TGeometryState : T extends string ? TLabelState | TGeometryState | undefined : never;
+    export type TUpdateState<T> = T extends IMarker ? Partial<TMarkerState> : T extends ILabel ? Partial<TLabelState> : T extends Space | MapObject ? Partial<TGeometryState> : T extends string ? Record<string, any> : never;
+    export type TGetState<T> = T extends Marker ? TMarkerState : T extends Label ? TLabelState : T extends Space | MapObject ? TGeometryState : T extends string ? TLabelState | TGeometryState | TMarkerState | undefined : never;
     /**
         * Options for {@link ICamera} animations on the map.
         */
@@ -1324,7 +1369,7 @@ declare module '@mappedin/mappedin-js/maker/src/map-view-interface' {
             /**
                 * Easing function to use for the animation.
                 */
-            easing?: TEasingFunction;
+            easing?: EasingCurve;
     };
     /**
         * Types of easing for animations.
@@ -1984,8 +2029,9 @@ declare module '@mappedin/mappedin-js/maker/src/map-view-objects' {
 }
 
 declare module '@mappedin/mappedin-js/maker/src/navigation' {
-    import type { MapView, Directions } from '@mappedin/mappedin-js/maker/src';
+    import { MapView, Directions } from '@mappedin/mappedin-js/maker/src';
     import { INavigation } from '@mappedin/mappedin-js/maker/src/map-view-interface';
+    import { MapViewGeoJson } from '@mappedin/mappedin-js/maker/src/map-view-geojson';
     const defaultOptions: {
         createMarkers: {
             departure: boolean;
@@ -2026,7 +2072,7 @@ declare module '@mappedin/mappedin-js/maker/src/navigation' {
                 departure: string;
             };
         };
-        constructor(mapView: MapView);
+        constructor(mapView: MapView | MapViewGeoJson);
         draw: INavigation['draw'];
         clear: () => void;
     }
@@ -2156,6 +2202,10 @@ declare module '@mappedin/mappedin-js/maker/src' {
                 * The token is used to fetch outdoor tiles, which will then be rendered.
                 */
             outdoorViewToken?: string;
+            /**
+                * A url to a style specification conforming to the [Maplibre Style Spec](https://maplibre.org/maplibre-style-spec/).
+                */
+            outdoorViewStyle?: string;
             /**
                 * Whether or not to automatically add labels and interactivity to the map. Set to
                 * false if you need finer control over what is labelled or interactive.
@@ -5340,7 +5390,11 @@ declare module '@mappedin/mappedin-js/maker/src/map-view-objects/marker' {
             /**
                 * @internal
                 */
-            readonly __type: 'Marker';
+            static readonly __type = "Marker";
+            /**
+                * @internal
+                */
+            readonly __type = "Marker";
             /**
                 * The HTML element that represents the marker.
                 */
@@ -5349,6 +5403,13 @@ declare module '@mappedin/mappedin-js/maker/src/map-view-objects/marker' {
                 * Updates the marker's position on the map.
                 */
             readonly update: () => void;
+            /**
+                * Checks if the provided instance is of type Label.
+                *
+                * @param instance The instance to check.
+                * @returns {boolean} True if the instance is a Label, false otherwise.
+                */
+            static is(instance: object): instance is Marker;
             /**
                 * @internal
                 */
@@ -9542,7 +9603,7 @@ declare module '@mappedin/mappedin-js/packages/legacy-renderer/private/controlle
             touchCount: number;
             zoomOut(): void;
             zoomIn(event: any): void;
-            onPointerMove: (event: any) => void;
+            onPointerMove: (event: PointerEvent) => void;
             onPointerUp: (event: any) => void;
             /**
                 * We've confirmed that a map click has occured, so handle that here
@@ -9583,7 +9644,7 @@ declare module '@mappedin/mappedin-js/packages/legacy-renderer/private/controlle
             detectCollidersUnderMouse: () => Collider[];
             detectPolygonsUnderMouse: () => string[];
             detectPathsUnderMouse: () => Path[];
-            detectWatermarkUnderMouse: () => boolean;
+            detectWatermarkUnderMouse: (event: PointerEvent) => boolean;
             detectMapsUnderMouse: () => (import("../../internal").MappedinMap | null)[];
             /**
                 * Gets mouse click position in x y map coordinates
@@ -9593,7 +9654,7 @@ declare module '@mappedin/mappedin-js/packages/legacy-renderer/private/controlle
                     y: number;
             };
             checkMouseIntersectsBlueDot: () => boolean;
-            doHoverEffect: () => void;
+            doHoverEffect: (event: PointerEvent) => void;
             onPolygonHoverOut: (polygonId: string) => false | undefined;
             onPolygonHoverOver: (polygon: MappedinPolygon | string) => false | undefined;
             setHoverColor: (color: string) => void;
@@ -9736,7 +9797,7 @@ declare module '@mappedin/mappedin-js/packages/legacy-renderer/private/controlle
 declare module '@mappedin/mappedin-js/packages/legacy-renderer/private/controllers/StackedMapsController' {
     import { MappedinDirections, MappedinMap, MappedinNode } from '@mappedin/mappedin-js/packages/get-venue';
     import { STACKED_MAPS_STATE, MapViewScene, MapViewStackScene, CAMERA_EASING_MODE } from '@mappedin/mappedin-js/packages/legacy-renderer/internal';
-    import type { ICore, TCameraTransform } from '@mappedin/mappedin-js/packages/legacy-renderer/internal';
+    import type { ICore, TCameraTransform, TCameraAnimationOptions } from '@mappedin/mappedin-js/packages/legacy-renderer/internal';
     import { TStackedMapsOptions } from '@mappedin/mappedin-js/packages/legacy-renderer/MapView.types';
     enum ACTION {
         enable = "enable",
@@ -9755,18 +9816,24 @@ declare module '@mappedin/mappedin-js/packages/legacy-renderer/private/controlle
         stackScene: MapViewStackScene;
         directions: MappedinDirections | MappedinDirections[];
         verticalDistanceBetweenMaps?: number;
+        animationOptions?: TCameraAnimationOptions;
     } | {
         stackScene: MapViewStackScene;
         verticalDistanceBetweenMaps?: number;
         map: MappedinMap;
         nodes: MappedinNode[];
+        cameraOptions?: TCameraTransform & TCameraAnimationOptions;
+        duration?: number;
+        animationOptions?: TCameraAnimationOptions;
     } | {
         stackScene: MapViewStackScene;
         map: MappedinMap;
         nodes: MappedinNode[];
         rotation: number;
-        cameraTransform?: TCameraTransform;
+        cameraOptions?: TCameraTransform & TCameraAnimationOptions;
         verticalDistanceBetweenMaps?: number;
+        duration?: number;
+        animationOptions?: TCameraAnimationOptions;
     };
     type TActionFn = [STACKED_MAPS_STATE, TTargetTransitionFunction[]];
     type TState = {
@@ -9799,6 +9866,7 @@ declare module '@mappedin/mappedin-js/packages/legacy-renderer/private/controlle
                     tilt: number;
                     rotation: number;
                     position?: MappedinNode | import("../../internal").MappedinCoordinate | undefined;
+                    duration?: number | undefined;
                     easing: CAMERA_EASING_MODE;
                 };
             };
@@ -9810,8 +9878,9 @@ declare module '@mappedin/mappedin-js/packages/legacy-renderer/private/controlle
             activeMap: MappedinMap;
             focusOn: {
                 options: {
-                    tilt: number;
                     duration: number;
+                    easing?: CAMERA_EASING_MODE | undefined;
+                    tilt: number;
                 };
             };
             verticalDistanceBetweenMaps: number | undefined;
@@ -9827,6 +9896,7 @@ declare module '@mappedin/mappedin-js/packages/legacy-renderer/private/controlle
                 };
             };
             activeMap: MappedinMap;
+            duration: number | undefined;
         })[] | undefined;
         getRestackOptions: (params: TParams) => (MapViewStackScene | {
             activeMap: MappedinMap;
@@ -9852,10 +9922,10 @@ declare module '@mappedin/mappedin-js/packages/legacy-renderer/private/controlle
         disable: () => Promise<void>;
         enable: (opts?: TStackedMapsOptions) => Promise<void>;
         get nodesInJourneyOrMap(): any[];
-        showOverview: () => Promise<void>;
-        scrollToMap: (map: MappedinMap) => Promise<void>;
+        showOverview: (animationOptions?: TCameraAnimationOptions) => Promise<void>;
+        scrollToMap: (map: MappedinMap, duration?: number) => Promise<void>;
         restack: (options?: TStackedMapsOptions) => Promise<void>;
-        zoomInToMap: (map: MappedinMap, cameraTransform?: TCameraTransform) => Promise<void>;
+        zoomInToMap: (map: MappedinMap, cameraOptions?: TCameraTransform & TCameraAnimationOptions) => Promise<void>;
         get currentMap(): MappedinMap;
     }
     export default StackedMapsController;
@@ -13030,10 +13100,10 @@ declare module '@mappedin/mappedin-js/maker/src/map-data-objects/base-metadata-o
 declare module '@mappedin/mappedin-js/maker/src/api-geojson/map-object' {
     import { ParsedMVF } from '@mappedin/mvf';
     import { FloorObject } from '@mappedin/mappedin-js/maker/src/api-geojson/floor-object';
-    import { AddLabelOptions } from '@mappedin/core-sdk';
     import { Position } from '@mappedin/core-sdk';
-    import { TAddMarkerOptions } from '@mappedin/mappedin-js/maker/src';
-    import { Geometry2D, RendererCore } from '@mappedin/core-sdk';
+    import { Coordinate, TAddMarkerOptions } from '@mappedin/mappedin-js/maker/src';
+    import { AddLabelOptions, Geometry2D, RendererCore } from '@mappedin/core-sdk';
+    import { Path } from '@mappedin/core-sdk';
     export class GeojsonApiMapObject {
         floors: FloorObject[];
         currentFloorId: string;
@@ -13046,7 +13116,7 @@ declare module '@mappedin/mappedin-js/maker/src/api-geojson/map-object' {
                 floorId?: string;
             }) => import("@mappedin/core-sdk").Marker;
             remove: (_id: string) => void;
-            getContentEl: (id: string) => HTMLDivElement | null;
+            getContentEl: (id: string) => any;
             removeAll: () => void;
             all({ onCreate }: {
                 onCreate: (entity: Geometry2D) => void;
@@ -13066,11 +13136,8 @@ declare module '@mappedin/mappedin-js/maker/src/api-geojson/map-object' {
             removeAll: () => void;
         };
         Paths: {
-            add: (coordinates: {
-                floor: string;
-                longitude: number;
-                latitude: number;
-            }[]) => void;
+            add: (coordinates: Coordinate[]) => Path[];
+            remove: (entityIds: string[]) => void;
         };
         constructor(id: string, mvf: any, renderer: RendererCore);
     }
@@ -13085,13 +13152,15 @@ declare module '@mappedin/mappedin-js/maker/src/api-geojson/api' {
     import MapData from '@mappedin/mappedin-js/maker/src/map-data';
     import { Coordinate, Floor, MapDataInternal, Space, MapObject } from '@mappedin/mappedin-js/maker/src/map-data-objects';
     import { ICamera, IMapView, INavigation, TGetState, TUpdateState } from '@mappedin/mappedin-js/maker/src/map-view-interface';
-    import { CameraTransform, Label, Path } from '@mappedin/mappedin-js/maker/src/map-view-objects';
+    import { CameraTransform, Label, Marker } from '@mappedin/mappedin-js/maker/src/map-view-objects';
     import { RendererCore, InteractionPayload } from '@mappedin/core-sdk';
     import { GeojsonApiMapObject } from '@mappedin/mappedin-js/maker/src/api-geojson/map-object';
     import GUI from 'lil-gui';
     import { PubSub } from '@packages/internal/common';
     import { LabelsApi } from '@mappedin/mappedin-js/maker/src/api-geojson/labels';
     import { MarkersApi } from '@mappedin/mappedin-js/maker/src/api-geojson/markers';
+    import { PathsApi } from '@mappedin/mappedin-js/maker/src/api-geojson/paths';
+    import { MapViewGeoJson } from '@mappedin/mappedin-js/maker/src/map-view-geojson';
     export class GeoJsonApi extends PubSub<{
             'camera-change': CameraTransform;
             hover: InteractionPayload;
@@ -13107,22 +13176,18 @@ declare module '@mappedin/mappedin-js/maker/src/api-geojson/api' {
             Camera: ICamera;
             Labels: LabelsApi;
             Markers: MarkersApi;
-            constructor(rendererCore: RendererCore, _options?: any);
+            Paths: PathsApi;
+            constructor(rendererCore: RendererCore, mapView: MapViewGeoJson, _options?: any);
             updateStackState: RendererCore['updateStackState'];
-            updateState<T extends Space | MapObject | Label | string>(target: T, state: TUpdateState<T>): void;
+            updateState<T extends Space | MapObject | Label | Marker | string>(target: T, state: TUpdateState<T>): void;
             update: () => void;
             getMapData(): MapDataInternal | undefined;
             addMap(mapData: MapData): Promise<MapData>;
             setFloor(floor: Floor | string): void;
             get currentFloor(): Floor;
-            Paths: {
-                    add: (_coordinates: Coordinate[]) => Path;
-                    remove: (_label: any) => void;
-                    removeAll: () => void;
-            };
-            getState<T extends Space | MapObject | Label | string>(target: T): TGetState<T> | undefined;
+            getState<T extends Space | MapObject | Label | Marker | string>(target: T): TGetState<T> | undefined;
             setHoverColor(c: string): void;
-            getHoverColor(): string | undefined;
+            getHoverColor(): any;
             getDirections: IMapView['getDirections'];
             Navigation: INavigation;
             createCoordinate(latitude: number, longitude: number, floor?: Floor): Coordinate;
@@ -13144,14 +13209,16 @@ declare module '@mappedin/mappedin-js/maker/src/api-geojson/utils' {
     import type { Position, EntranceCollection, LineString, ObstructionProperties } from '@mappedin/mvf';
     import { FeatureCollection } from '@turf/turf';
     import { Feature, MultiLineString } from 'geojson';
-    import { CollisionRankingTier, LabelState } from '@mappedin/core-sdk';
+    import { CollisionRankingTier, LabelState, MarkerState } from '@mappedin/core-sdk';
     import { TGeometryState, TLabelState } from '@mappedin/mappedin-js/maker/src';
     import { GeometryState } from '@mappedin/core-sdk';
+    import { TMarkerState } from '@mappedin/mappedin-js/maker/src/map-view-interface';
     export function convertCoordinateToPosition(coord: Coordinate): Position;
     export function convertPositionToCoordinate(coord: Position): Coordinate;
     export const cutEntracesFromLineStrings: (lineStrings: FeatureCollection<LineString, ObstructionProperties>['features'], entranceCollection: EntranceCollection['features']) => Feature<MultiLineString, any>;
     export function convertPriorityToCollisionTier(priority: TLabelState['priority']): CollisionRankingTier;
     export function translateLabelStateToGeojsonCore(state: Partial<TLabelState>): Partial<LabelState>;
+    export function translateMarkerStateToGeojsonCore(state: Partial<TMarkerState>): Partial<MarkerState>;
     export function translateSpaceStateToGeojsonCore(state: Partial<TGeometryState>): Partial<GeometryState>;
 }
 
@@ -14622,7 +14689,7 @@ declare module '@mappedin/mappedin-js/packages/legacy-renderer/public/api/Camera
 declare module '@mappedin/mappedin-js/packages/legacy-renderer/public/api/StackedMaps' {
     import { MappedinMap } from '@mappedin/mappedin-js/packages/get-venue';
     import { TStackedMapsOptions } from '@mappedin/mappedin-js/packages/legacy-renderer/MapView.types';
-    import { STACKED_MAPS_STATE, StackedMapsController, TCameraTransform } from '@mappedin/mappedin-js/packages/legacy-renderer/internal';
+    import { STACKED_MAPS_STATE, StackedMapsController, TCameraTransform, TCameraAnimationOptions } from '@mappedin/mappedin-js/packages/legacy-renderer/internal';
     /**
         * @experimental
         * API for showing multiple maps involved in a {@link Journey} as a vertical stack.
@@ -14686,7 +14753,7 @@ declare module '@mappedin/mappedin-js/packages/legacy-renderer/public/api/Stacke
                 *
                 * @returns Promise when all animations are complete.
                 */
-            showOverview: () => Promise<void>;
+            showOverview: (animationOptions?: TCameraAnimationOptions) => Promise<void>;
             /**
                 * @experimental
                 *
@@ -14694,7 +14761,7 @@ declare module '@mappedin/mappedin-js/packages/legacy-renderer/public/api/Stacke
                 *
                 * @example
                 * ```ts
-                * // Zoom into a clicked map if Stacked Maps is in Overview state
+                * // Scroll the camera to a specific map if Stacked Maps is in Overview state
                 * mapView.on(E_SDK_EVENT.CLICK, ({ maps }) => {
                 * 	if (maps.length <= 0) return;
                 * 	if (mapView.StackedMaps.state === STACKED_MAPS_STATE.OVERVIEW) {
@@ -14705,7 +14772,7 @@ declare module '@mappedin/mappedin-js/packages/legacy-renderer/public/api/Stacke
                 *
                 * @returns Promise when all animations are complete.
                 */
-            scrollToMap: (map: MappedinMap) => Promise<void>;
+            scrollToMap: (map: MappedinMap, duration?: number) => Promise<void>;
             /**
                 * @experimental
                 *
@@ -14724,7 +14791,7 @@ declare module '@mappedin/mappedin-js/packages/legacy-renderer/public/api/Stacke
                 *
                 * @returns Promise when all animations are complete.
                 */
-            zoomInToMap: (map: MappedinMap, cameraTransform?: TCameraTransform) => Promise<void>;
+            zoomInToMap: (map: MappedinMap, cameraOptions?: TCameraTransform & TCameraAnimationOptions) => Promise<void>;
             /**
                 * @experimental
                 *
@@ -15269,6 +15336,31 @@ declare module '@mappedin/mappedin-js/maker/src/api-geojson/markers' {
     export {};
 }
 
+declare module '@mappedin/mappedin-js/maker/src/api-geojson/paths' {
+    import { GeojsonApiMapObject } from '@mappedin/mappedin-js/maker/src/api-geojson/map-object';
+    import { IPaths } from '@mappedin/mappedin-js/maker/src';
+    import { Path } from '@mappedin/mappedin-js/maker/src/map-view-objects';
+    import { Coordinate } from '@mappedin/mappedin-js/maker/src/map-data-objects';
+    export class PathsApi implements IPaths {
+        get currentMap(): GeojsonApiMapObject | undefined;
+        constructor({ currentMapGetter }: {
+            currentMapGetter: CurremtMapGetter;
+        });
+        /**
+          * internal
+          */
+        getById(id: string): {
+            path: Path;
+            entityIds: string[];
+        } | undefined;
+        add(coords: Coordinate[]): Path;
+        remove(target: Path): void;
+        removeAll(): Path[];
+    }
+    type CurremtMapGetter = () => GeojsonApiMapObject | undefined;
+    export {};
+}
+
 declare module '@mappedin/mappedin-js/maker/src/api-geojson/inspector/debug' {
     import MapData from '@mappedin/mappedin-js/maker/src/map-data';
     import { MapViewGeoJson } from '@mappedin/mappedin-js/maker/src/map-view-geojson';
@@ -15385,10 +15477,11 @@ declare module '@mappedin/mappedin-js/cms/src' {
 
 declare module '@mappedin/mappedin-js/maker/src/themes/default' {
     import type { MapData, MapView } from '@mappedin/mappedin-js/maker/src';
+    import { MapViewGeoJson } from '@mappedin/mappedin-js/maker/src/map-view-geojson';
     import { Labels } from '@mappedin/mappedin-js/maker/src/themes/default/labels';
     export class DefaultTheme {
         Labels: Labels;
-        constructor(mapView: MapView, mapData: {
+        constructor(mapView: MapView | MapViewGeoJson, mapData: {
             [key in string]: MapData;
         });
         auto: () => void;
@@ -15397,6 +15490,7 @@ declare module '@mappedin/mappedin-js/maker/src/themes/default' {
 
 declare module '@mappedin/mappedin-js/maker/src/themes/default/labels' {
     import type { MapData, MapView } from '@mappedin/mappedin-js/maker/src';
+    import { MapViewGeoJson } from '@mappedin/mappedin-js/maker/src/map-view-geojson';
     export class Labels {
         #private;
         colors: {
@@ -15405,7 +15499,7 @@ declare module '@mappedin/mappedin-js/maker/src/themes/default/labels' {
             washroom: string;
             point: string;
         };
-        constructor(mapView: MapView, mapData: {
+        constructor(mapView: MapView | MapViewGeoJson, mapData: {
             [key in string]: MapData;
         });
         auto(): void;