@mappedin/mappedin-js 4.0.17 → 4.0.18

package/lib/esm/renderer/index.css

@@ -1 +1 @@
-.mMapviewHoverLabel{background:rgba(255,255,255,.9);color:#333;padding:10px;font-size:14px;font-weight:bold;transition:opacity .3s;font-family:sans-serif}.mappedin__floating-label{position:absolute;top:0px;left:0px;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:normal;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__smart-collision-engine__container{position:absolute;left:0px;top:0px;bottom:0px;right:0px;pointer-events:none;font-family:"InterUI-Regular",Helvetica,Arial,sans-serif}.mappedin__smart-collision-engine-debug__container{position:absolute;left:0px;top:0px;bottom:0px;right:0px;pointer-events:none}.mappedin-marker{font-family:"InterUI-Regular",Helvetica,Arial,sans-serif;font-weight:normal;pointer-events:none;top:0;transition:transform .3s linear;position:absolute;font-weight:bold;color:#000;z-index:1;transition:opacity .3s;display:flex;flex-direction:row;will-change:opacity;justify-content:center}.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:normal;pointer-events:all;top:0;transition:transform .3s linear;font-weight:bold;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:0px;top:0px}.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:0px;top:0px}.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:0px;top:0px}.mappedin-tooltip.tooltip--anchor-right:before{left:-5px;right:auto;border-right:10px solid white}.mappedin-tooltip.tooltip--anchor-left{left:0px;top:0px}.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}
+.mMapviewHoverLabel{background:rgba(255,255,255,.9);color:#333;padding:10px;font-size:14px;font-weight:bold;transition:opacity .3s;font-family:sans-serif}.mappedin__floating-label{position:absolute;top:0px;left:0px;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:normal;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__smart-collision-engine__container{position:absolute;left:0px;top:0px;bottom:0px;right:0px;pointer-events:none;font-family:"InterUI-Regular",Helvetica,Arial,sans-serif}.mappedin__smart-collision-engine-debug__container{position:absolute;left:0px;top:0px;bottom:0px;right:0px;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:normal;pointer-events:none;top:0;transition:transform .3s linear;position:absolute;font-weight:bold;color:#000;z-index:1;transition:opacity .3s;display:flex;flex-direction:row;will-change:opacity;justify-content:center}.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:normal;pointer-events:all;top:0;transition:transform .3s linear;font-weight:bold;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:0px;top:0px}.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:0px;top:0px}.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:0px;top:0px}.mappedin-tooltip.tooltip--anchor-right:before{left:-5px;right:auto;border-right:10px solid white}.mappedin-tooltip.tooltip--anchor-left{left:0px;top:0px}.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}

package/lib/esm/renderer/index.d.ts

@@ -1357,6 +1357,7 @@ declare module '@mappedin/mappedin-js/renderer/internal/Mappedin.Marker' {
         get strategies(): TColliderStrategy[];
         colliderDidMount(): void;
         setAction(action: any): void;
+        colliderDidNotFindAHome(): void;
         colliderDidGoOffscreen(): void;
         colliderDidUpdateVisiblity(): void;
     }
@@ -1721,11 +1722,10 @@ declare module '@mappedin/mappedin-js/renderer/internal/Mappedin.FloatingLabel'
             clearColor: () => void;
             zoomProportion: number;
             _cache: {};
-            _dirty: boolean;
             appearance: TAppearanceFilledIn;
             mapView: ICore;
             constructor(options: TFloatingLabelOptionsInternal, mapView: ICore);
-            enable(): void;
+            enable(updateEngine?: boolean): void;
             get strategies(): TColliderStrategy[];
             getCachedSymbol(orientation: any, textAlign: any, xCoordinate: any): any;
             colliderDidMount(): void;
@@ -1734,7 +1734,7 @@ declare module '@mappedin/mappedin-js/renderer/internal/Mappedin.FloatingLabel'
             colliderDidUpdateVisiblity(): void;
             colliderDidGoOutsideGrid(): void;
             colliderDidNotFindAHome(): void;
-            disable(): void;
+            disable(updateEngine?: boolean): void;
             draw(context: CanvasRenderingContext2D): void;
             static original: FloatingLabel;
             static clone(options: TFloatingLabelOptionsInternal, mapView: ICore): any;
@@ -3150,9 +3150,10 @@ declare module '@mappedin/mappedin-js/get-venue/MappedinVenue' {
         tzidOverride: string;
         utcOffset: string;
         website: string;
-        constructor(data: any);
-        static hydrate(data: any): MappedinVenue;
+        constructor(mappedin: Mappedin, data: any);
+        static hydrate(data: any, mappedin: Mappedin): MappedinVenue;
         static fetch(mappedin: Mappedin): Promise<MappedinVenue>;
+        get isMultiBuilding(): any;
         toJSON(): any;
     }
 }
@@ -4023,6 +4024,7 @@ declare module '@mappedin/mappedin-js/renderer/internal/Mappedin.HTMLCollider' {
 declare module '@mappedin/mappedin-js/renderer/internal/Mappedin.SmartCollider' {
     import SmartCollisionEngine from '@mappedin/mappedin-js/renderer/internal/Mappedin.SmartCollisionEngine';
     import { Vector3 } from 'three';
+    import { Rectangle } from '@mappedin/mappedin-js/renderer/internal/quad-tree';
     export type TRange = [number, number, number, number];
     type TCustomCollider<T> = ICollider & T;
     export type TColliderStrategyProps = {
@@ -4036,6 +4038,10 @@ declare module '@mappedin/mappedin-js/renderer/internal/Mappedin.SmartCollider'
         getBoundingBox: (TColliderStrategyProps: any) => TRange;
         onStrategySelected: (collider: TCustomCollider<any>) => void;
     };
+    type TGetBoundingBox = ({ x, y }: {
+        x: any;
+        y: any;
+    }) => [number, number, number, number];
     export type TDimensions = {
         width: number;
         height: number;
@@ -4048,13 +4054,19 @@ declare module '@mappedin/mappedin-js/renderer/internal/Mappedin.SmartCollider'
     export interface ICollider {
         dimensions: TDimensions;
         screenPosition: [number, number];
-        currentStrategyName: string | null;
+        getBoundingBoxForCurrentStrategy?: TGetBoundingBox;
         options?: Record<string, unknown>;
         mapId: string;
         visible: boolean;
         rank: number;
-        _dirty?: boolean;
         id: string;
+        _bboxes?: [
+            string,
+            Rectangle,
+            (collider: TCustomCollider<any>) => void,
+            TGetBoundingBox
+        ][];
+        offscreen?: boolean;
         setAction: (action: EColliderAction) => void;
         action?: EColliderAction;
         position: Vector3;
@@ -4078,14 +4090,15 @@ declare module '@mappedin/mappedin-js/renderer/internal/Mappedin.SmartCollider'
         __engine: any;
         _initialRank: number;
         screenPosition: [number, number];
-        currentStrategyName: null;
         enabled: boolean;
         options: any;
         mapId: string;
         id: string;
         action: EColliderAction;
+        getBoundingBoxForCurrentStrategy: undefined;
         rank: number;
         visible: boolean;
+        offscreen: boolean;
         position: Vector3;
         dimensions: {
             width: number;
@@ -5183,56 +5196,85 @@ declare module '@mappedin/mappedin-js/renderer/internal/Mappedin.SmartCollisionE
     import './Mappedin.SmartCollisionEngine.scss';
     import { ICollider, TRange } from '@mappedin/mappedin-js/renderer/internal/Mappedin.SmartCollider';
     import { MappedinMap, MapView } from '@mappedin/mappedin-js/renderer';
+    import { ICore } from '@mappedin/mappedin-js/renderer/Core.interface';
+    import { Rectangle, QuadTree } from '@mappedin/mappedin-js/renderer/internal/quad-tree';
     export const COLLIDER_STRATEGY_LOW_PRIORITY = "LOW_PRIORITY";
     class SmartCollisionEngine {
-            #private;
-            _makeCollidersDirtyThrottled: any;
-            colliderCanvas: HTMLCanvasElement;
-            debugCanvas: HTMLCanvasElement;
-            colliderCanvasContext: CanvasRenderingContext2D;
-            debugCanvasContext: CanvasRenderingContext2D;
-            collisionEngineContainerEl: HTMLDivElement;
-            stepsX: any;
-            stepsY: any;
-            totalWidth: any;
-            totalHeight: any;
-            project: any;
-            grid: Uint8Array;
-            colliders: Map<string, ICollider>;
-            offscreenRanges: TRange[];
-            get sortedColliders(): ICollider[];
-            initialized: boolean;
-            mapView: MapView;
-            constructor(mapView: any);
-            init: (container: HTMLDivElement, projectFn: ({ position, mapId }: {
-                    position: Vector3;
-                    mapId: MappedinMap['id'];
-            }) => {
-                    x: number;
-                    y: number;
-            }) => void;
-            updatePosition: () => void;
-            updateVisibility: () => void;
-            add: (colliderId: string, collider: ICollider) => void;
-            remove: (colliderId: string) => void;
-            /**
-                * When adding/removing new colliders, or when updating their priorty, we need to make all colliders around them as "dirty",
-                * so they can be reconcilded correctly
-                */
-            makeCollidersDirty: () => void;
-            /**
-                * Allow to throttle making collders dirty. This is useful for things like BlueDot follow mode,
-                * As we follow the BlueDot, colliders will overlap, but constantly updating their visiblity makes
-                * for a bad experience
-                */
-            makeCollidersDirtyThrottled: (time: any) => void;
-            resize: (container: any) => void;
-            update: () => void;
-            destroy: () => void;
+        #private;
+        colliderCanvas: HTMLCanvasElement;
+        debugCanvas: HTMLCanvasElement;
+        colliderCanvasContext: CanvasRenderingContext2D;
+        debugCanvasContext: CanvasRenderingContext2D;
+        collisionEngineContainerEl: HTMLDivElement;
+        stepsX: any;
+        stepsY: any;
+        totalWidth: any;
+        totalHeight: any;
+        project: any;
+        colliders: Map<string, ICollider>;
+        offscreenRanges: TRange[];
+        get sortedColliders(): ICollider[];
+        initialized: boolean;
+        mapView: MapView;
+        core: ICore;
+        screen: Rectangle;
+        constructor(mapView: any, core: ICore);
+        init: (container: HTMLDivElement, projectFn: ({ position, mapId }: {
+            position: Vector3;
+            mapId: MappedinMap['id'];
+        }) => {
+            x: number;
+            y: number;
+        }) => void;
+        qtree: QuadTree;
+        recompute: () => void;
+        draw: () => void;
+        reposition: () => void;
+        add: (colliderId: string, collider: ICollider) => void;
+        remove: (colliderId: string) => void;
+        update: () => void;
+        resize: (container: any) => void;
+        destroy: () => void;
     }
     export default SmartCollisionEngine;
 }
 
+declare module '@mappedin/mappedin-js/renderer/internal/quad-tree' {
+    export function contains(rect1: Rectangle, rect2: Rectangle): boolean;
+    export function intersects(rect1: Rectangle, rect2: Rectangle): boolean;
+    class Rectangle {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+        userData?: any;
+        constructor(x: number, y: number, w: number, h: number, userData?: any);
+        contains(rectangle: Rectangle): boolean;
+        intersects(rectangle: Rectangle): boolean;
+        draw(context: CanvasRenderingContext2D): void;
+    }
+    class QuadTree {
+        #private;
+        boundary: Rectangle;
+        capacity: number;
+        objects: Rectangle[];
+        topLeft: QuadTree;
+        topRight: QuadTree;
+        bottomLeft: QuadTree;
+        bottomRight: QuadTree;
+        divided: boolean;
+        parent?: QuadTree;
+        getSize(): any;
+        constructor(boundary: Rectangle, parent?: QuadTree);
+        subdivide(): void;
+        query(rectangle: Rectangle): Rectangle[];
+        insert(rectangle: Rectangle): boolean;
+        drawObjects(context: CanvasRenderingContext2D): void;
+        draw(context: CanvasRenderingContext2D): void;
+    }
+    export { QuadTree, Rectangle };
+}
+
 declare module '@mappedin/mappedin-js/navigator/Edge' {
     import INode from '@mappedin/mappedin-js/navigator/interfaces/INode';
     import IVortex from '@mappedin/mappedin-js/navigator/interfaces/IVortex';