@expofp/floorplan 3.0.0-alpha.3

package/dist/esm/components/Map/drawing/painters/RectPainter.js

@@ -0,0 +1,86 @@
+import*as L from"twgl.js";import A from"../../../../utils/is-debug";import{dimColor as U}from"./common-glsl";import F from"./Sprite";import{logBuffer as D}from"../../../../tools/webgl-logger";import T from"../../../../data";import k from"../../../../utils/is-mobile";import C from"../../../../utils/is-webview";const w=k||C;export default class O{gl;buffersInitialized=!0;groupsDirty=!0;colorsDirty=!0;centersDirty=!0;rotateDirty=!0;skipdimDirty=!0;stretchDirty=!0;scaleDisable=!1;programInfo;program;objects=[];sortedObjects=[];objectsById=new Map;centerLocation;centerBuffer;deltaLocation;deltaBuffer;deltaptLocation;deltaptBuffer;colorLocation;colorBuffer;skipdimLocation;skipdimBuffer;stretchLocation;stretchBuffer;rotateLocation;rotateBuffer;texfixLocation;texfixBuffer;fixdeltaLocation;fixdeltaBuffer;fixdeltaptLocation;fixdeltaptBuffer;fixdeltamaxptLocation;fixdeltamaxptBuffer;groups=[];indexBufferPool=[];fallBackTexture;indexBuffersAreUint;area;baseColor;id;visible=!0;orderPriority;matrix;ptscale;dim=0;alpha=1;constructor(t,e){this.gl=t;let i=P;if(T.viewOptimizationLevel&&w&&e?.color){const[o,n,a,c]=this.parseColor(e.color);i=`#define BASE_COLOR vec4(${o},${n},${a},${c})
+${P}`,this.baseColor=[o,n,a,c]}if(this.programInfo=L.createProgramInfo(t,[S,i]),!this.programInfo)throw new Error("Failed to link or compile WebGL program (RectPainter)");this.program=this.programInfo.program,this.centerLocation=t.getAttribLocation(this.program,"a_center"),this.deltaLocation=t.getAttribLocation(this.program,"a_delta"),this.deltaptLocation=t.getAttribLocation(this.program,"a_deltapt"),this.colorLocation=t.getAttribLocation(this.program,"a_color"),this.skipdimLocation=t.getAttribLocation(this.program,"a_skipdim"),this.stretchLocation=t.getAttribLocation(this.program,"a_stretch"),this.rotateLocation=t.getAttribLocation(this.program,"a_rotate"),this.texfixLocation=t.getAttribLocation(this.program,"a_texfix"),this.fixdeltaLocation=t.getAttribLocation(this.program,"a_fixdelta"),this.fixdeltaptLocation=t.getAttribLocation(this.program,"a_fixdeltapt"),this.fixdeltamaxptLocation=t.getAttribLocation(this.program,"a_fixdeltamaxpt"),this.centerBuffer=t.createBuffer(),this.deltaBuffer=t.createBuffer(),this.deltaptBuffer=t.createBuffer(),this.colorBuffer=t.createBuffer(),this.skipdimBuffer=t.createBuffer(),this.stretchBuffer=t.createBuffer(),this.rotateBuffer=t.createBuffer(),this.texfixBuffer=t.createBuffer(),this.fixdeltaBuffer=t.createBuffer(),this.fixdeltaptBuffer=t.createBuffer(),this.fixdeltamaxptBuffer=t.createBuffer(),this.fallBackTexture=t.createTexture(),this.area=0}addObject(t){const e=t;this.objectsById.has(e.id)||(typeof e.visible>"u"&&(e.visible=!0),e.skipdim=!!e.skipdim,e.stretch=!!e.stretch,this.objects.push(e),this.sortedObjects.push(e),e.id&&this.objectsById.set(e.id,e),this.area+=this.calcArea(e.canvasTmp?.width,e.canvasTmp?.height))}removeObject(t){const e=this.objectsById.get(t);if(!e)return;this.updateVisible(e.id,!1);const i=this.objects.indexOf(e);i>-1&&this.objects.splice(i,1);const o=this.sortedObjects.indexOf(e);o>-1&&this.sortedObjects.splice(o,1),this.area-=this.calcArea(e.canvasTmp?.width,e.canvasTmp?.height),this.objectsById.delete(t)}getObject(t){return this.objectsById.get(t)}updateVisible(t,e){const i=this.objectsById.get(t);i&&i.visible!==e&&(i.visible=e,this.groupsDirty=!0)}updateSkipdim(t,e){const i=this.objectsById.get(t);i&&i.skipdim!==e&&(i.skipdim=e,this.skipdimDirty=!0)}updateStretch(t,e){const i=this.objectsById.get(t);i.stretch!==e&&(i.stretch=e,this.stretchDirty=!0)}updateColor(t,e){const i=this.objectsById.get(t);(!i.color||i.color[0]!==e[0]||i.color[1]!==e[1]||i.color[2]!==e[2]||i.color[3]!==e[3])&&(this.objectsById.get(t).color=e,this.colorsDirty=!0)}updateCenter(t,e){const i=this.objectsById.get(t);(!i.center||i.center[0]!==e[0]||i.center[1]!==e[1])&&(this.objectsById.get(t).center=e,this.centersDirty=!0)}updateRotation(t,e){const i=this.objectsById.get(t);(!i.rotateRadians||i.rotateRadians[0]!==e)&&(this.objectsById.get(t).rotateRadians=e,this.rotateDirty=!0)}reinitializeBuffers(){this.buffersInitialized=!0,this.ensureBuffersAndGroupsInternal()}disableScale(){this.scaleDisable=!0}ensureBuffersAndGroupsInternal(){this.buffersInitialized&&(this.populateBuffers(),this.buffersInitialized=!1);const t=this.skipdimDirty;(this.groupsDirty||t)&&(this.populateGroups(t),this.groupsDirty=!1),this.centersDirty&&(this.populateCenterBuffer(),this.centersDirty=!1),this.rotateDirty&&(this.populateRotateBuffer(),this.rotateDirty=!1),this.colorsDirty&&(this.populateColorBuffer(),this.colorsDirty=!1),this.skipdimDirty&&(this.populateSkipdimBuffer(),this.skipdimDirty=!1),this.stretchDirty&&(this.populateStretchBuffer(),this.stretchDirty=!1)}populateBuffers(){A&&console.time("RectPainter.populateBuffers");const t=this.gl,e=[],i=[],o=[],n=[],a=[],c=[],u=[],p=[],h=new F;for(let f=0;f<this.objects.length;f++)this.objects[f].index=f;for(let f of this.objects)f.canvasTmp&&(f.spriteItem=h.addCanvas(f.canvasTmp),delete f.canvasTmp);const j=h.generateSpriteCanvases(),R=new Map;for(const f of j){const r=t.createTexture();t.bindTexture(t.TEXTURE_2D,r),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.CLAMP_TO_EDGE),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.CLAMP_TO_EDGE);const l=f();this.baseColor?t.texImage2D(t.TEXTURE_2D,0,t.ALPHA,t.ALPHA,t.UNSIGNED_BYTE,l):t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_SHORT_4_4_4_4,l),D(l.width*l.height*2,"rect-painter-canvas"),R.set(l.id,r)}t.bindTexture(t.TEXTURE_2D,this.fallBackTexture),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,1,1,0,t.RGBA,t.UNSIGNED_BYTE,new Uint8Array([0,0,255,255]));for(let f of this.objects)f.spriteItem&&(f.texture=R.get(f.spriteItem.containerCanvasId));for(let f=0;f<this.objects.length;f++){const r=this.objects[f],l=r.deltas||[0,0,0,0],b=l[0],d=l[1],x=l[2],_=l[3],g=r.deltaPts||[0,0,0,0],I=r.scalePts||1,y=g[0]*I,m=g[1]*I,B=g[2]*I,v=g[3]*I;e.push(b,d,x,d,b,_,x,_),i.push(y,m,B,m,y,v,B,v);{const s=r.rotateRadians||0,E=[Math.sin(s),Math.cos(s)];o.push(...E,...E,...E,...E)}if(!r.spriteItem)n.push(0,0,0,0,0,0,0,0);else{const s=r.spriteItem.rect;n.push(s.x1,s.y1,s.x2,s.y1,s.x1,s.y2,s.x2,s.y2)}{let s;r.spriteItem?r.texPosition==="center"?s=[r.spriteItem.rect.cx,r.spriteItem.rect.cy]:r.texPosition==="lefttop"?s=[r.spriteItem.rect.x1,r.spriteItem.rect.y1]:r.texPosition==="rightbottom"?s=[r.spriteItem.rect.x2,r.spriteItem.rect.y2]:r.texPosition==="leftcenter"?s=[r.spriteItem.rect.x1,r.spriteItem.rect.cy]:r.texPosition==="rightcenter"?s=[r.spriteItem.rect.x2,r.spriteItem.rect.cy]:r.texPosition==="centerbottom"?s=[r.spriteItem.rect.cx,r.spriteItem.rect.y2]:r.texPosition==="centertop"?s=[r.spriteItem.rect.cx,r.spriteItem.rect.y1]:s=[r.spriteItem.rect.x2,r.spriteItem.rect.y1]:s=[0,0],a.push(...s,...s,...s,...s)}{let s;!r.spriteItem||r.texPosition==="center"?s=[0,0]:r.texPosition==="lefttop"?s=[b,d]:r.texPosition==="rightbottom"?s=[x,_]:r.texPosition==="leftcenter"?s=[b,0]:r.texPosition==="rightcenter"?s=[x,0]:r.texPosition==="centerbottom"?s=[0,_]:r.texPosition==="centertop"?s=[0,d]:s=[x,d],c.push(...s,...s,...s,...s)}{let s;!r.spriteItem||r.texPosition==="center"?s=[0,0]:r.texPosition==="lefttop"?s=[y,m]:r.texPosition==="rightbottom"?s=[B,v]:r.texPosition==="leftcenter"?s=[y,0]:r.texPosition==="rightcenter"?s=[B,0]:r.texPosition==="centerbottom"?s=[0,v]:r.texPosition==="centertop"?s=[0,m]:s=[B,m],u.push(...s,...s,...s,...s)}{let s;!r.spriteItem||r.texPosition==="center"?s=[0,0]:r.texPosition==="lefttop"?s=[r.spriteItem.rect.w,r.spriteItem.rect.h]:r.texPosition==="rightbottom"?s=[-r.spriteItem.rect.w,-r.spriteItem.rect.h]:r.texPosition==="leftcenter"?s=[r.spriteItem.rect.w,r.spriteItem.rect.h]:r.texPosition==="rightcenter"?s=[-r.spriteItem.rect.w,-r.spriteItem.rect.h]:r.texPosition==="centerbottom"?s=[-r.spriteItem.rect.w/2,-r.spriteItem.rect.h]:r.texPosition==="centertop"?s=[-r.spriteItem.rect.w/2,-r.spriteItem.rect.h]:s=[-r.spriteItem.rect.w,r.spriteItem.rect.h],p.push(...s,...s,...s,...s)}}this.bufferFloat32Array(this.deltaBuffer,e),this.bufferFloat32Array(this.deltaptBuffer,i),this.bufferFloat32Array(this.rotateBuffer,o),this.bufferFloat32Array(this.texfixBuffer,a),this.bufferFloat32Array(this.fixdeltaBuffer,c),this.bufferFloat32Array(this.fixdeltaptBuffer,u),this.bufferFloat32Array(this.fixdeltamaxptBuffer,p),this.populateCenterBuffer(),this.populateColorBuffer(),this.populateSkipdimBuffer(),this.populateStretchBuffer(),A&&console.timeEnd("RectPainter.populateBuffers")}populateCenterBuffer(){const t=[];for(const e of this.objects)t.push(...e.center,...e.center,...e.center,...e.center);this.bufferFloat32Array(this.centerBuffer,t)}populateRotateBuffer(){const t=[];for(const e of this.objects){const i=e.rotateRadians||0,o=[Math.sin(i),Math.cos(i)];t.push(...o,...o,...o,...o)}this.bufferFloat32Array(this.rotateBuffer,t)}populateColorBuffer(){const t=[];for(const e of this.objects){const i=e.color||[0,0,0,0];t.push(...i,...i,...i,...i)}this.bufferFloat32Array(this.colorBuffer,t)}populateSkipdimBuffer(){const t=[];for(const e of this.objects){const i=e.skipdim?1:0;t.push(i,i,i,i)}this.bufferFloat32Array(this.skipdimBuffer,t)}populateStretchBuffer(){const t=[];for(const e of this.objects){const i=e.stretch?1:0;t.push(i,i,i,i)}this.bufferFloat32Array(this.stretchBuffer,t)}populateGroups(t){const e=[];let i;t&&this.sortedObjects.sort((a,c)=>(a.skipdim?1:0)-(c.skipdim?1:0));for(const a of this.sortedObjects){if(!a.visible)continue;const c=!!a.rotateRadians;(!i||i.texture&&a.texture&&(i.texture!==a.texture||i.rotated!==c))&&(i={indices:[],texture:void 0,texsize:void 0,rotated:c},e.push(i)),a.texture&&!i.texture&&(i.texture=a.texture,i.texsize=[a.spriteItem.containerCanvasWidth,a.spriteItem.containerCanvasHeight]),i.indices.push(a.index)}const o=[];this.groups.length=0,this.indexBuffersAreUint=this.sortedObjects.length*4>65535;const n=this.indexBuffersAreUint?Uint32Array:Uint16Array;for(let a of e){const c=this.indexBufferPool.shift()||this.gl.createBuffer();o.push(c);const u=[];for(let p of a.indices){const h=p*4;u.push(h,h+1,h+2,h+1,h+2,h+3)}this.gl.bindBuffer(this.gl.ELEMENT_ARRAY_BUFFER,c),this.gl.bufferData(this.gl.ELEMENT_ARRAY_BUFFER,new n(u),this.gl.DYNAMIC_DRAW),this.groups.push({texture:a.texture,indexBuffer:c,numElements:u.length,texsize:a.texsize,rotated:a.rotated})}this.indexBufferPool.unshift(...o)}bufferFloat32Array(t,e){this.gl.bindBuffer(this.gl.ARRAY_BUFFER,t),this.gl.bufferData(this.gl.ARRAY_BUFFER,new Float32Array(e),this.gl.STATIC_DRAW),D(e.length*4,"rect-painter-buffer")}enableBuffer(t,e,i){this.gl.bindBuffer(this.gl.ARRAY_BUFFER,t),this.gl.enableVertexAttribArray(e),this.gl.vertexAttribPointer(e,i,this.gl.FLOAT,!1,0,0)}preparePaint(){this.gl.useProgram(this.program),this.ensureBuffersAndGroupsInternal()}paint(){if(this.alpha<.05||!this.visible)return;const t=this.gl;this.preparePaint(),this.enableBuffer(this.centerBuffer,this.centerLocation,2),this.enableBuffer(this.deltaBuffer,this.deltaLocation,2),this.enableBuffer(this.deltaptBuffer,this.deltaptLocation,2),this.enableBuffer(this.colorBuffer,this.colorLocation,4),this.enableBuffer(this.skipdimBuffer,this.skipdimLocation,1),this.enableBuffer(this.stretchBuffer,this.stretchLocation,1),this.enableBuffer(this.rotateBuffer,this.rotateLocation,2),this.enableBuffer(this.texfixBuffer,this.texfixLocation,2),this.enableBuffer(this.fixdeltaBuffer,this.fixdeltaLocation,2),this.enableBuffer(this.fixdeltaptBuffer,this.fixdeltaptLocation,2),this.enableBuffer(this.fixdeltamaxptBuffer,this.fixdeltamaxptLocation,2);const e=this.scaleDisable?1:this.ptscale;for(let i of this.groups){t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,i.indexBuffer);const o={u_matrix:this.matrix,u_ptscale:[e,e],u_dim:this.dim,u_alpha:this.alpha};i.texture?(o.u_texture=i.texture,o.u_texsize=i.texsize,t.bindTexture(t.TEXTURE_2D,i.texture),i.rotated?(t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,t.LINEAR),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,t.LINEAR)):(t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,t.NEAREST),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,t.NEAREST))):o.u_texture=this.fallBackTexture,L.setUniforms(this.programInfo,o),t.drawElements(t.TRIANGLES,i.numElements,this.indexBuffersAreUint?t.UNSIGNED_INT:t.UNSIGNED_SHORT,0)}}parseColor(t){const e=[1,1,1,1];if(!t.trim())return A&&console.warn("Empty color value provided."),e;const i=t.trim().toLowerCase(),o=i.match(/^#([a-f0-9]{3}|[a-f0-9]{6})([a-f0-9]{2})?$/);if(o){const a=o[1],c=o[2],u=a.length===3?a.split("").map(p=>p+p).join(""):a;return this.hexToVec4(u,c)}const n=i.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d*\.?\d+))?\)$/);return n?this.rgbaToVec4(n):(A&&console.warn(`Unsupported color format: "${t}"`),e)}hexToVec4(t,e){const i=parseInt(t.slice(0,2),16)/255,o=parseInt(t.slice(2,4),16)/255,n=parseInt(t.slice(4,6),16)/255,a=e?parseInt(e,16)/255:1;return[i,o,n,a]}rgbaToVec4(t){const e=parseInt(t[1],10)/255,i=parseInt(t[2],10)/255,o=parseInt(t[3],10)/255,n=t[4]!==void 0?parseFloat(t[4]):1;return[e,i,o,n]}calcArea(t,e){return Math.floor(Math.max(0,t)*Math.max(0,e)/1e3)}get optimizationLevel(){return Math.min(T.viewOptimizationLevel?T.viewOptimizationLevel:Math.floor(this.area/5e3),3)}}const S=`attribute vec2 a_center;
+attribute vec2 a_rotate;
+attribute vec2 a_delta;
+attribute vec2 a_deltapt;
+attribute vec4 a_color;
+attribute vec2 a_texcoord; 
+attribute vec2 a_fixdelta;
+attribute vec2 a_fixdeltapt; 
+attribute vec2 a_fixdeltamaxpt; 
+attribute vec2 a_texfix;
+attribute float a_skipdim;
+attribute float a_stretch;
+
+uniform mat4 u_matrix;   
+uniform vec2 u_ptscale; 
+uniform vec2 u_texsize;
+uniform float u_dim;
+
+varying vec2 v_texcoord;
+varying vec4 v_color;
+
+varying float v_dim;
+
+void main() {
+    vec2 delta = a_delta + a_deltapt * u_ptscale;
+
+    vec2 fixdelta = a_fixdelta + a_fixdeltapt * u_ptscale;
+
+    // calc maxdelta from a_fixdeltamaxpt
+    // this is relative to fix point (on svg)
+    vec2 fixdeltamax = a_fixdeltamaxpt * u_ptscale;
+    vec2 deltamax = fixdeltamax + fixdelta;
+    
+    if (a_fixdeltamaxpt.x > 0.0) {
+        delta.x = min(delta.x, deltamax.x);
+    } else if (a_fixdeltamaxpt.x < 0.0) {
+        delta.x = max(delta.x, deltamax.x);
+    }
+
+    if (a_fixdeltamaxpt.y > 0.0) {
+        delta.y = min(delta.y, deltamax.y);
+    } else if (a_fixdeltamaxpt.y < 0.0) {
+        delta.y = max(delta.y, deltamax.y);
+    }
+
+    vec2 diff = delta - fixdelta;
+    vec2 texdeltapt = a_stretch > 0.0 ? diff : diff / u_ptscale;
+    vec2 texcoord = a_texfix + texdeltapt;
+
+    vec2 rotatedDelta =  vec2(
+        delta.x * a_rotate.y + delta.y * a_rotate.x,
+        delta.y * a_rotate.y - delta.x * a_rotate.x);
+    gl_Position = u_matrix * vec4(a_center + rotatedDelta, 0, 1);
+
+    v_texcoord =  texcoord / u_texsize;
+    v_color = a_color;
+    v_dim = a_skipdim > 0.0 ? 0.0 : u_dim;
+}`,P=`precision mediump float;
+varying vec2 v_texcoord;
+varying vec4 v_color;
+uniform sampler2D u_texture;
+uniform float u_alpha;
+varying float v_dim; 
+
+${U}
+
+void main() {
+    vec4 col;
+    if (v_color.w != 0.0) {
+        col = v_color; 
+    } else {
+        #ifdef BASE_COLOR
+        col = vec4(BASE_COLOR.rgb, texture2D(u_texture, v_texcoord).a);
+        #else
+        col = texture2D(u_texture, v_texcoord);
+        #endif
+    }
+    if (v_dim > 0.0) {
+        col = dimColor(col, v_dim);
+    }
+    if (u_alpha != 1.0){
+        col *= u_alpha;
+    }
+    gl_FragColor = col;
+}`;

package/dist/esm/components/Map/drawing/painters/Sprite.d.ts

@@ -0,0 +1,14 @@
+import Rect from "../../../../core/Rect";
+import type { CanvasDescriptor } from "../config/canvases";
+export default class Sprite {
+    private readonly canvasToSpriteItem;
+    addCanvas(canvas: CanvasDescriptor): SpriteItem;
+    generateSpriteCanvases(): (() => HTMLCanvasElement)[];
+}
+export interface SpriteItem {
+    rect: Rect;
+    containerCanvasId: string;
+    containerCanvasWidth: number;
+    containerCanvasHeight: number;
+}
+//# sourceMappingURL=Sprite.d.ts.map

package/dist/esm/components/Map/drawing/painters/Sprite.js

@@ -0,0 +1 @@
+import w from"../../../../core/Rect";import l from"../../../../tools/debugCanvases";import v from"../../../../utils/is-debug";import p from"../../../../utils/is-mobile";import f from"../../../../utils/is-webview";const c=p||f?1024:2e3,d=p||f?1024:2e3,e=document.createElement("canvas");e.width=d,e.height=c;const m=e.getContext("2d");export default class C{canvasToSpriteItem=new Map;addCanvas(h){let t=this.canvasToSpriteItem.get(h);return t||(t={containerCanvasId:void 0,containerCanvasWidth:void 0,containerCanvasHeight:void 0,rect:void 0,width:Math.ceil(h.width),height:Math.ceil(h.height),canvas:h},this.canvasToSpriteItem.set(h,t)),t}generateSpriteCanvases(){v&&console.time("sprite.generateSpriteCanvases");const h=[];let t,s=0,a=0,o=0;const g=Array.from(this.canvasToSpriteItem.keys());g.sort((i,n)=>i.height-n.height);for(const i of g){const n=this.canvasToSpriteItem.get(i);o+i.width>d&&(o=0,s=a),(!t||s+i.height>c)&&(t&&(t.width=d,a<c&&a>c-100&&(a=c),t.height=a),t={width:0,height:0,items:[]},h.push(t),s=a=o=0),t.items.push(n),n.rect=w.fromXywh(o,s,n.width,n.height),o+=i.width+2,s+i.height>a&&(a=s+i.height)}return t&&(t.width=d,t.height=a),this.canvasToSpriteItem.clear(),v&&console.timeEnd("sprite.generateSpriteCanvases"),h.map((i,n)=>()=>{e.id="cnvs_"+n,m.setTransform(1,0,0,1,0,0),m.clearRect(0,0,e.width,e.height);for(const r of i.items)m.setTransform(1,0,0,1,r.rect.x1,r.rect.y1),r.canvas.draw(m),r.containerCanvasId=e.id,r.containerCanvasWidth=e.width,r.containerCanvasHeight=e.height;return v&&l.push(e),e})}}

package/dist/esm/components/Map/drawing/painters/TrianglePainter.d.ts

@@ -0,0 +1,53 @@
+import type Painter from "./Painter";
+export default class TrianglePainter implements Painter {
+    private readonly gl;
+    private buffersInitialized;
+    private skipdimDirty;
+    private readonly colorsObjectsPending;
+    private readonly programInfo;
+    private readonly program;
+    private readonly objects;
+    private readonly objectsById;
+    private readonly objectsIndices;
+    private readonly posLocation;
+    private readonly posBuffer;
+    private readonly colorLocation;
+    private readonly colorBuffer;
+    private readonly skipdimLocation;
+    private readonly skipdimBuffer;
+    private readonly indexBuffer;
+    private indexBufferIsUint32;
+    id: string;
+    visible: boolean;
+    orderPriority: number;
+    matrix: any;
+    ptscale: number;
+    alpha: number;
+    dim: number;
+    private readonly maxObjects;
+    constructor(gl: WebGLRenderingContext);
+    tryAddObject(item: TrianglePainterObject): boolean;
+    private addToId;
+    updateSkipdim(id: string, skipdim: boolean): void;
+    updateColor(id: string, color: Vec4): void;
+    private ensureBuffersInternal;
+    private populateBuffers;
+    private populateColorBuffer;
+    private updateColorBuffer;
+    private populateSkipdimBuffer;
+    private populateIndexBuffer;
+    private bufferFloat32Array;
+    private enableBuffer;
+    preparePaint(): void;
+    paint(): void;
+}
+export interface TrianglePainterObject {
+    id?: string;
+    groupId?: string;
+    p0: Vec2;
+    p1: Vec2;
+    p2: Vec2;
+    color?: Vec4;
+    skipdim?: boolean;
+}
+//# sourceMappingURL=TrianglePainter.d.ts.map

package/dist/esm/components/Map/drawing/painters/TrianglePainter.js

@@ -0,0 +1,29 @@
+import*as e from"twgl.js";import{dimColor as a}from"./common-glsl";export default class n{gl;buffersInitialized=!1;skipdimDirty=!0;colorsObjectsPending=[];programInfo;program;objects=[];objectsById=new Map;objectsIndices=new Map;posLocation;posBuffer;colorLocation;colorBuffer;skipdimLocation;skipdimBuffer;indexBuffer;indexBufferIsUint32;id;visible=!0;orderPriority;matrix;ptscale;alpha=1;dim=0;maxObjects=Math.floor(65535/3);constructor(t){if(this.gl=t,this.programInfo=e.createProgramInfo(t,[h,l]),!this.programInfo)throw new Error("Failed to link or compile WebGL program (TrianglePainter)");this.program=this.programInfo.program,this.posLocation=t.getAttribLocation(this.program,"a_pos"),this.colorLocation=t.getAttribLocation(this.program,"a_color"),this.skipdimLocation=t.getAttribLocation(this.program,"a_skipdim"),this.posBuffer=t.createBuffer(),this.colorBuffer=t.createBuffer(),this.skipdimBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer()}tryAddObject(t){return this.objects.length>=this.maxObjects?!1:(this.objectsIndices.set(t,this.objects.length),this.objects.push(t),t.skipdim=!!t.skipdim,this.addToId(t,t.id),this.addToId(t,t.groupId),!0)}addToId(t,i){if(i){let o=this.objectsById.get(i);o||(o=[],this.objectsById.set(i,o)),o.push(t)}}updateSkipdim(t,i){const o=this.objectsById.get(t)||[];for(const r of o)r.skipdim!==i&&(r.skipdim=i,this.skipdimDirty=!0)}updateColor(t,i){const o=this.objectsById.get(t)||[];for(const r of o)(!r.color||r.color[0]!==i[0]||r.color[1]!==i[1]||r.color[2]!==i[2]||r.color[3]!==i[3])&&(r.color=i,this.buffersInitialized&&this.colorsObjectsPending.push(r))}ensureBuffersInternal(){this.buffersInitialized||(this.populateBuffers(),this.buffersInitialized=!0),this.updateColorBuffer(),this.skipdimDirty&&(this.populateSkipdimBuffer(),this.populateIndexBuffer(),this.skipdimDirty=!1)}populateBuffers(){const t=[];for(let i=0;i<this.objects.length;i++){const o=this.objects[i];t.push(...o.p0,...o.p1,...o.p2)}this.bufferFloat32Array(this.posBuffer,t),this.populateColorBuffer(),this.populateSkipdimBuffer(),this.populateIndexBuffer()}populateColorBuffer(){const t=[];for(const i of this.objects)t.push(...f(i));this.bufferFloat32Array(this.colorBuffer,t)}updateColorBuffer(){if(this.colorsObjectsPending.length!==0){this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.colorBuffer);for(const t of this.colorsObjectsPending){const i=this.objectsIndices.get(t),o=f(t),r=o.length*i*4;this.gl.bufferSubData(this.gl.ARRAY_BUFFER,r,new Float32Array(o))}this.colorsObjectsPending.length=0}}populateSkipdimBuffer(){const t=[];for(const i of this.objects){const o=i.skipdim?1:0;t.push(o,o,o)}this.bufferFloat32Array(this.skipdimBuffer,t)}populateIndexBuffer(){const t=[],i=[];for(let r=0;r<this.objects.length;r++)(this.objects[r].skipdim?i:t).push(r*3,r*3+1,r*3+2);t.push(...i),this.indexBufferIsUint32=t.length>65535;const o=this.indexBufferIsUint32?new Uint32Array(t):new Uint16Array(t);this.gl.bindBuffer(this.gl.ELEMENT_ARRAY_BUFFER,this.indexBuffer),this.gl.bufferData(this.gl.ELEMENT_ARRAY_BUFFER,o,this.gl.STATIC_DRAW)}bufferFloat32Array(t,i){this.gl.bindBuffer(this.gl.ARRAY_BUFFER,t),this.gl.bufferData(this.gl.ARRAY_BUFFER,new Float32Array(i),this.gl.STATIC_DRAW)}enableBuffer(t,i,o){this.gl.bindBuffer(this.gl.ARRAY_BUFFER,t),this.gl.enableVertexAttribArray(i),this.gl.vertexAttribPointer(i,o,this.gl.FLOAT,!1,0,0)}preparePaint(){this.gl.useProgram(this.program),this.ensureBuffersInternal()}paint(){if(this.alpha<.05||!this.visible)return;const t=this.gl;this.preparePaint(),this.enableBuffer(this.posBuffer,this.posLocation,2),this.enableBuffer(this.colorBuffer,this.colorLocation,4),this.enableBuffer(this.skipdimBuffer,this.skipdimLocation,1);const i={u_matrix:this.matrix,u_dim:this.dim,u_alpha:this.alpha};e.setUniforms(this.programInfo,i);const o=this.objects.length*3;t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,this.indexBuffer),t.drawElements(t.TRIANGLES,o,this.indexBufferIsUint32?t.UNSIGNED_INT:t.UNSIGNED_SHORT,0)}}function f(s){const t=s.color||[0,0,0,1];return[...t,...t,...t]}const h=`attribute vec2 a_pos;
+attribute vec4 a_color;
+attribute float a_skipdim;
+uniform mat4 u_matrix;   
+varying vec4 v_color;
+uniform float u_dim;
+varying float v_dim;
+
+void main() {
+    gl_Position = u_matrix * vec4(a_pos, 0, 1);
+    v_color = a_color;
+    v_dim = a_skipdim > 0.0 ? 0.0 : u_dim;
+}`,l=`precision mediump float;
+varying vec4 v_color;
+varying float v_dim; 
+uniform float u_alpha;
+
+${a}
+
+void main() {
+    vec4 col = v_color;
+    if (v_dim > 0.0) {
+        col = dimColor(col, v_dim);
+    }
+    if (u_alpha != 1.0){
+        col *= u_alpha;
+    }
+    gl_FragColor = col;
+}`;

package/dist/esm/components/Map/drawing/painters/common-glsl.d.ts

@@ -0,0 +1,2 @@
+export declare const dimColor = "\nvec4 dimColor(vec4 col, float amount){\n   \n    vec3 grayXfer = vec3(0.3, 0.59, 0.11);\n    vec3 colStraight = col.rgb / col.w;\n    vec3 gray = vec3(dot(grayXfer, colStraight));\n    vec3 m = mix(colStraight, gray, amount);\n    m = mix(m, vec3(0.0,0.0,0.0), amount/2.0);\n    // we may have rgb > 1.0, see if this needs to be fixed somewhere\n    col = vec4(m * col.w, col.w);\n    return col;\n}\n\n";
+//# sourceMappingURL=common-glsl.d.ts.map

package/dist/esm/components/Map/drawing/painters/common-glsl.js

@@ -0,0 +1,14 @@
+export const dimColor=`
+vec4 dimColor(vec4 col, float amount){
+   
+    vec3 grayXfer = vec3(0.3, 0.59, 0.11);
+    vec3 colStraight = col.rgb / col.w;
+    vec3 gray = vec3(dot(grayXfer, colStraight));
+    vec3 m = mix(colStraight, gray, amount);
+    m = mix(m, vec3(0.0,0.0,0.0), amount/2.0);
+    // we may have rgb > 1.0, see if this needs to be fixed somewhere
+    col = vec4(m * col.w, col.w);
+    return col;
+}
+
+`;

package/dist/esm/components/Map/marker-by-xy.d.ts

@@ -0,0 +1,3 @@
+import type { Drawer } from "./drawing/Drawer1";
+export declare function getMarkerFromClientXy(x: number, y: number, drawer: Drawer): import("../../store/RouteStore").Marker | null;
+//# sourceMappingURL=marker-by-xy.d.ts.map

package/dist/esm/components/Map/marker-by-xy.js

@@ -0,0 +1 @@
+import{m4 as p}from"twgl.js";import l from"../../store";export function getMarkerFromClientXy(e,n,t){const i=t.getPxSvgMatrix(),a=p.transformPoint(i,[e,n,1],null),c=a[0],s=a[1];for(const o of l.routeStore.markersData.markers){const f=l.routeStore.markersData.icons.find(r=>r.name===o.icon);if(!f)continue;const m=f.width*t.ptscale*t.pixelRatio,u=f.height*t.ptscale*t.pixelRatio;if(x(c,s,o.x,o.y,m,u)){const r=l.layerStore.findLayer(o.z);if(!r||r&&r.visible)return o}}return null}function x(e,n,t,i,a,c){const s=a/2,o=c/2;return e>=t-s&&e<=t+s&&n>=i-o&&n<=i+o}

package/dist/esm/components/Map/traffic/UpdateQueue.d.ts

@@ -0,0 +1,13 @@
+export declare class UpdateQueue {
+    private queue;
+    private isProcessing;
+    private rafId;
+    private readonly CHUNK_SIZE;
+    private readonly TIME_BUDGET;
+    add(fn: () => void): void;
+    private scheduleProcessing;
+    private processMicrotaskQueue;
+    private processQueue;
+    destroy(): void;
+}
+//# sourceMappingURL=UpdateQueue.d.ts.map

package/dist/esm/components/Map/traffic/UpdateQueue.js

@@ -0,0 +1 @@
+export class UpdateQueue{queue=[];isProcessing=!1;rafId=null;CHUNK_SIZE=100;TIME_BUDGET=4;add(e){this.queue.push(e),this.scheduleProcessing()}scheduleProcessing(){this.isProcessing||this.queue.length===0||(this.isProcessing=!0,this.queue.length<=this.CHUNK_SIZE*2?Promise.resolve().then(()=>this.processMicrotaskQueue()):this.rafId=requestAnimationFrame(e=>{this.processQueue(e)}))}processMicrotaskQueue(){const e=performance.now();let s=0;for(;this.queue.length>0&&s<this.CHUNK_SIZE;){const t=this.queue.shift();try{t()}catch(i){console.warn("UpdateQueue task error:",i)}if(s++,performance.now()-e>this.TIME_BUDGET)break}this.queue.length>0?Promise.resolve().then(()=>this.processMicrotaskQueue()):this.isProcessing=!1}processQueue(e){this.rafId=null;let s=0;for(;this.queue.length>0&&s<this.CHUNK_SIZE;){const t=this.queue.shift();try{t()}catch(i){console.warn("UpdateQueue task error:",i)}if(s++,performance.now()-e>this.TIME_BUDGET)break}this.queue.length>0?this.rafId=requestAnimationFrame(t=>this.processQueue(t)):this.isProcessing=!1}destroy(){this.rafId!==null&&(cancelAnimationFrame(this.rafId),this.rafId=null),this.queue=[],this.isProcessing=!1}}

package/dist/esm/components/Map/traffic/trafficLayers.d.ts

@@ -0,0 +1,17 @@
+export declare const TRAFFIC_ROUTE_PREFIX = "traffic_route";
+export declare const TRAFFIC_ROUTE_STOP_PREFIX = "traffic_route_stop";
+export declare const TRAFFIC_VEHICLES = "traffic_vehicles";
+export declare const BUILD_ROUTE_LINES = "build_route_lines";
+export declare const BUILD_ROUTE_DOTS = "build_route_dots";
+export declare function createTrafficLayers(): ({
+    name: string;
+    children: never[];
+    interactive?: undefined;
+} | {
+    name: string;
+    children: never[];
+    interactive: boolean;
+})[];
+export declare function getRouteLayerRegex(): RegExp;
+export declare function getRouteStopLayerRegex(): RegExp;
+//# sourceMappingURL=trafficLayers.d.ts.map

package/dist/esm/components/Map/traffic/trafficLayers.js

@@ -0,0 +1 @@
+export const TRAFFIC_ROUTE_PREFIX="traffic_route",TRAFFIC_ROUTE_STOP_PREFIX="traffic_route_stop",TRAFFIC_VEHICLES="traffic_vehicles",BUILD_ROUTE_LINES="build_route_lines",BUILD_ROUTE_DOTS="build_route_dots";const i=5;export function createTrafficLayers(){const e=[];for(let t=0;t<5;t++)e.push({name:r(t),children:[]}),e.push({name:n(t),children:[],interactive:!0});return e.push({name:TRAFFIC_VEHICLES,children:[],interactive:!0}),e.push({name:BUILD_ROUTE_LINES,children:[]}),e.push({name:BUILD_ROUTE_DOTS,children:[],interactive:!0}),e}function r(e){return`${TRAFFIC_ROUTE_PREFIX}_${e+1}`}function n(e){return`${TRAFFIC_ROUTE_STOP_PREFIX}_${e+1}`}export function getRouteLayerRegex(){return new RegExp(`^${TRAFFIC_ROUTE_PREFIX}_\\d+$`)}export function getRouteStopLayerRegex(){return new RegExp(`^${TRAFFIC_ROUTE_STOP_PREFIX}_\\d+$`)}

package/dist/esm/components/Map/traffic/useBuildRoute.d.ts

@@ -0,0 +1,10 @@
+import { Renderer, SceneDef } from "@expofp/renderer";
+export interface BuildRouteParams {
+    enabled: boolean;
+    renderer: Renderer;
+    scene: SceneDef;
+    initialScale: number;
+    cb?: () => void;
+}
+export declare function useBuildRoute({ enabled, renderer, scene, initialScale }: BuildRouteParams): void;
+//# sourceMappingURL=useBuildRoute.d.ts.map

package/dist/esm/components/Map/traffic/useBuildRoute.js

@@ -0,0 +1,7 @@
+import{useCallback as S,useEffect as H,useMemo as k,useRef as E}from"react";import{BUILD_ROUTE_DOTS as O,BUILD_ROUTE_LINES as B}from"./trafficLayers";import{createCircleCanvas as I,getBounds as C}from"../drawing/config/engine-core/canvases";import{UpdateQueue as K}from"./UpdateQueue";const P=49,D=`hsl(257, 76%, ${P}%)`,N=`hsl(339.903, 82%, ${P}%)`,J=`hsl(257, 76%, ${Math.round(P*1.82)}%)`,$=4,T=$,U="U",A="R",M="S",R="P";class q{_state=[[]];index=0;pointHashSet=new Set;locked=!1;storageKey="expofp_build_route_state";_selected=0;get points(){return this._state[this.index]}set points(t){this._state.push(t),this.setIndex(),this.save()}setIndex(){this.index=Math.max(this._state.length-1,0)}genPointHash(t){return`${t.x},${t.y}`}add(t){const d=this.genPointHash(t);this.pointHashSet.has(d)||(this.pointHashSet.add(d),this.points=[...this.points,t])}undo(){this.index&&(this._state.pop(),this.setIndex(),this.save(),this.select(this.points.length-1))}execute(t){try{if(this.locked)return;this.locked=!0,t()}finally{requestAnimationFrame(()=>{this.locked=!1})}}log(t,d=12){console.log(`%c${t}`,`color: black; font-size: ${d}px; background: LemonChiffon;`)}instruct(){this.log(`How to Build a Route:
+Add Point: Click on the map.
+Apply Smoothing: Press ${A}.
+Apply Simplification: Press ${M}.
+Undo: Press ${U}.
+Enable/Disable Preview: Press ${R}.
+`,16)}applyChaikinSmoothing(t,d,x){let i=[];if(x>=1&&t.length>=2){i=[t[0]];for(let h=1;h<t.length;h++){const o=t[h-1],p=t[h];for(let e=1;e<=x;e++){const n=e/(x+1);i.push({x:o.x+(p.x-o.x)*n,y:o.y+(p.y-o.y)*n})}i.push(p)}}else i=t.slice();for(let h=0;h<d&&!(i.length<2);h++){const o=[{...i[0]}];for(let p=1;p<i.length;p++){const e=i[p-1],n=i[p];o.push({x:.75*e.x+.25*n.x,y:.75*e.y+.25*n.y}),o.push({x:.25*e.x+.75*n.x,y:.25*e.y+.75*n.y})}o.push({...i[i.length-1]}),i=o}return i}applySmoothing(){this.points.length<3||(this.points=this.applyChaikinSmoothing(this.points,1,0),this.select(this.points.length-1))}save(){try{this.points.length?sessionStorage.setItem(this.storageKey,JSON.stringify(this.points)):sessionStorage.removeItem(this.storageKey)}catch(t){console.warn(t)}}restore(){try{const t=sessionStorage.getItem(this.storageKey);if(!t)return;const d=JSON.parse(t);if(!Array.isArray(d))return;d.forEach(x=>this.add(x)),this.select(this.points.length-1)}catch(t){console.warn(t)}}topologyPreservingSimplify(t,d){if(t.length<=2)return t.map(e=>({...e}));const x=(e,n,u)=>{const a=e.x,y=e.y,l=n.x,c=n.y,s=u.x,r=u.y,f=Math.abs((r-c)*a-(s-l)*y+s*c-r*l),m=Math.sqrt((r-c)**2+(s-l)**2);return f/(m||1e-10)},i=(e,n,u,a)=>{const y=(l,c,s)=>(s.y-l.y)*(c.x-l.x)-(c.y-l.y)*(s.x-l.x);return y(e,u,a)*y(n,u,a)<0&&y(u,e,n)*y(a,e,n)<0},h=new Array(t.length).fill(!1);h[0]=h[h.length-1]=!0;const o=[],p=(e,n)=>{if(n<=e+1)return;const u=t[e],a=t[n];let y=0,l=0;for(let c=e+1;c<n;c++){const s=x(t[c],u,a);s>y&&(y=s,l=c)}if(y>d){const c=t[l];let s=!0;for(let r=0;r<o.length-1;r++)if(i(o[r],o[r+1],u,c)||i(o[r],o[r+1],c,a)){s=!1;break}s&&(h[l]=!0,p(e,l),p(l,n))}};return p(0,t.length-1),t.filter((e,n)=>h[n])}applySimplification(){this.points=this.topologyPreservingSimplify(this.points,.5),this.select(this.points.length-1)}get selected(){return this._selected}select(t){this._selected=Math.max(0,Math.min(t,this.points.length-1))}}export function useBuildRoute({enabled:w,renderer:t,scene:d,initialScale:x}){const i=E(!1),h=E(),o=k(()=>I($,D),[]),p=k(()=>I($,N),[]),e=k(()=>new q,[]),n=E(new K),u=k(()=>{if(!d)return{};const s=d.rootLayer.children,r=s.find(m=>m.name===B),f=s.find(m=>m.name===O);return{linesLayer:r,pointsLayer:f}},[d]),a=S(()=>{if(!t||!u||!o||!p)return;const{linesLayer:s,pointsLayer:r}=u;if(!s||!r)return;const f=e.points,m=i.current;m?r.children.length=0:r.children=f.map(({x:g,y:b},L)=>{const _=L==e.selected?p:o;return{source:_,bounds:C(g,b,_.width,_.height,h.current)}});const v=[];for(let g=1;g<f.length;g++){const b=f[g-1],L=f[g];v.push({points:[b,L],color:m?D:J,width:T})}v.length?s.children=v:s.children.length=0,n.current.add(()=>t.update(r,s)),e.instruct(),e.log(JSON.stringify(e.points))},[t,e,u,o,p]),y=S(s=>{const r=s.key.toUpperCase();e.execute(()=>{switch(r){case U:s.preventDefault(),e.undo(),i.current=!1,a();break;case A:s.preventDefault(),e.applySmoothing(),i.current=!1,a();break;case M:s.preventDefault(),e.applySimplification(),i.current=!1,a();break;case R:s.preventDefault(),i.current=!i.current,a();break}})},[e,a]),l=S(s=>{if(!t||!u)return;const{pointsLayer:r}=u;r&&(h.current=s,e.execute(()=>{const f=r.children,m=[];for(let v=0;v<f.length;v++){const g=f[v];g.bounds=C(g.bounds.center.x,g.bounds.center.y,g.source.width,g.source.height,h.current),m.push(g)}n.current.add(()=>t.update(...m))}))},[t,u,e]),c=S(s=>{e.execute(()=>{e.add({x:s.point.x,y:s.point.y}),e.select(e.points.length-1),a()})},[e,a]);H(()=>{if(w)return h.current=x||window.devicePixelRatio,e.execute(()=>{e.restore(),a()}),t.events.addEventListener("pointer:click",c),t.events.addEventListener("viewport:ptscale",l),window.addEventListener("keyup",y),()=>{window.removeEventListener("keyup",y),t.events.removeEventListener("pointer:click",c),t.events.removeEventListener("viewport:ptscale",l),n.current.destroy()}},[w,t,x,e,a,c,l,y])}

package/dist/esm/components/Map/traffic/useManageTraffic.d.ts

@@ -0,0 +1,11 @@
+import { Renderer, SceneDef } from "@expofp/renderer";
+export interface ManageTrafficParams {
+    permission: boolean;
+    renderer: Renderer;
+    scene: SceneDef;
+    dataJsonUrl: string;
+    websocketUrl: string;
+    initialScale: number;
+}
+export declare function useManageTraffic({ permission, renderer, scene, dataJsonUrl, websocketUrl, initialScale }: ManageTrafficParams): void;
+//# sourceMappingURL=useManageTraffic.d.ts.map

package/dist/esm/components/Map/traffic/useManageTraffic.js

@@ -0,0 +1 @@
+import{useEffect as me,useRef as M}from"react";import{getBounds as q}from"../drawing/config/engine-core";import{getRouteLayerRegex as we,getRouteStopLayerRegex as ve,TRAFFIC_VEHICLES as be}from"./trafficLayers";import{loadImage as Me}from"../../../utils/loadImage";import{createImageCanvas as Fe}from"../drawing/config/canvases";import{UpdateQueue as Se}from"./UpdateQueue";import Pe from"../../../tools/base-runtime-url";import{toRadians as Ee}from"../../../utils/toRadians";const ne=2,Ie=ne*3.5,Y=ne*12,le=Y*.7,Re=8,Te="transport_locations",Ce=150,re="#a4aab6",ue=1e3,Le=2e4,de=500;export function useManageTraffic({permission:e,renderer:r,scene:c,dataJsonUrl:o,websocketUrl:t,initialScale:i}){const n=M(window.devicePixelRatio),a=M(new Map),h=M(new Map),d=M(),b=M(),P=M(performance.now()),E=M(1),x=M(new Se),w=M(new Map),g=M(),s=M(ue),L=M(new Map),k=M();me(()=>{async function I(){try{if(!e||!r||!c)return;let f;try{f=await(await fetch(o,{method:"GET",headers:{"Content-Type":"application/json"}})).json()}catch(u){console.warn("useManageTraffic failed to get JSON",u)}if(!f||f?.disabled||f?.error)return;n.current=he(i);const K=new Map(f.routes.map(({id:u,color:p})=>[u,p])),U=c.rootLayer.children,$=new Map;K.forEach(u=>{$.set(u,Ne({radius:Ie,color:u,scale:window.devicePixelRatio}))});const W=we(),B=U.filter(u=>W.test(u.name)),X=ve(),j=U.filter(u=>X.test(u.name));f.routes.slice(0,B.length).forEach(({id:u,color:p,path:T,stops:F,hiddenPoints:y},m)=>{w.current.set(u,T);const v=B[m];if(v){const O=new Map(y?.map(l=>[oe(l),l])??[]);for(let l=1;l<T.length;l++){const Q=T[l-1],J=T[l];O.has(oe(Q))||O.has(oe(J))||v.children.push({points:[Q,J],color:p,width:ne})}v.children.length&&x.current.add(()=>r.update(v))}const _=j[m];if(_&&F?.length){const O=$.get(p);F.forEach(l=>{_.children.push({source:O,bounds:q(l.x,l.y,O.width,O.height,n.current)})}),_.children.length&&x.current.add(()=>r.update(_))}});const A=U.find(u=>u.name===be),V=new Map;g.current=u=>{try{n.current=he(u);const p=[];for(let F=0;F<j.length;F++){const y=j[F].children;for(let m=0;m<y.length;m++){const v=y[m];v.bounds=q(v.bounds.center.x,v.bounds.center.y,v.source.width,v.source.height,n.current,v.bounds.rotation),p.push(v)}}const T=[...a.current.values()];for(let F=0;F<T.length;F++){const y=T[F];y.bounds=q(y.bounds.center.x,y.bounds.center.y,y.source.width,y.source.height,n.current,y.bounds.rotation)}x.current.add(()=>r.update(...p,...T))}catch(p){console.error("ptscale",p)}},r.events.addEventListener("viewport:ptscale",g.current),K.forEach((u,p)=>{V.set(p,fe({id:p,width:Y,height:Y,color:u,scale:window.devicePixelRatio}))}),V.set(re,fe({id:"orphan",width:Y,height:Y,color:re,scale:window.devicePixelRatio}));let G=null;try{const u=await Me(`${Pe}icons/bus-white.svg`);G=Fe(u,le,le,window.devicePixelRatio)}catch(u){console.error(u)}b.current=u=>{try{const p=JSON.parse(u.data);if(p.type!==Te)return;const T=u.timeStamp||performance.now();E.current=Math.round(T-P.current),P.current=T;const F=Math.max(E.current??de,de),y=h.current,m=a.current,v=A.children,_=x.current;let O=!1;p.data.forEach(({id:l,x:Q,y:J,route_id:ae,hidden:xe})=>{if(y.has(l)&&(y.get(l)?.(),y.delete(l)),xe&&m.has(l)&&m.has(z(l))){const C=m.get(l);C.hidden=!0;const S=m.get(z(l));S.hidden=!0,_.add(()=>r.update(C,S));return}if(L.current.set(l,performance.now()),!m.has(l)){const C=V.get(ae)||V.get(re),S={id:l,source:C,bounds:q(Q,J,C.width,C.height,n.current,0)};if(m.set(l,S),G){const H=z(l),se={id:H,source:G,bounds:q(Q,J,G.width,G.height,n.current,0)};G.setAttribute("id",H),m.set(H,se),v.push(S,se)}else v.push(S);O=!0;return}const Z=m.get(l),ie=m.get(z(l)),ye=Z.bounds.center,te=Oe(ye,{x:Q,y:J},w.current.get(ae));if(te.reduce((C,S,H)=>H===0?C:C+ce(te[H-1],S),0)>=Ce||document.hidden)ge({renderer:r,updateQueue:_,vehicle:Z,vehicleFinery:ie,x:Q,y:J,scale:n.current,angle:ke(Z.bounds.center,{x:Q,y:J})});else{const C=Qe(te,F,S=>{ge({renderer:r,updateQueue:_,vehicle:Z,vehicleFinery:ie,x:S.x,y:S.y,scale:n.current,angle:S.angle})});y.set(l,C)}}),O&&_.add(()=>r.update(A))}catch(p){console.error("handleSocketMessage",p)}},R(),D(f.config?(Number(f.config.vehicle_inactive_interval)||20)*1e3:Le)}catch(f){console.warn(f)}}I();function R(){d.current?.readyState===WebSocket.OPEN||d.current?.readyState===WebSocket.CONNECTING||(d.current=new WebSocket(t),d.current.onmessage=b.current,d.current.onopen=()=>{s.current=ue},d.current.onclose=()=>{if(!navigator.onLine)return;setTimeout(R,s.current);const f=3e4;s.current=Math.min(s.current*2,f)})}function N(){R()}window.addEventListener("online",N);function D(f){clearInterval(k.current),k.current=window.setInterval(()=>{const K=performance.now(),U=[],$=[];L.current.forEach((W,B)=>{if(K-W<f)return;const X=a.current.get(B);X&&(X.hidden=!0,$.push(X),U.push(B));const j=z(B),A=a.current.get(j);A&&(A.hidden=!0,$.push(A),U.push(j))}),$.length&&x.current.add(()=>r.update(...$)),U.forEach(W=>L.current.delete(W))},f)}return()=>{g.current&&r.events.removeEventListener("viewport:ptscale",g.current),h.current.forEach(f=>f?.()),h.current.clear(),a.current.clear(),x.current.destroy(),window.removeEventListener("online",N),clearInterval(k.current)}},[e,r,c,o,t])}function he(e){return Math.min(e||window.devicePixelRatio,Re)}function ke(e,r){return Math.atan2(r.y-e.y,r.x-e.x)}function Ne({radius:e,scale:r,color:c}){const o=document.createElement("canvas"),t=o.getContext("2d");t.imageSmoothingEnabled=!1;const i=Math.ceil(e*2*r),n=i/2,a=e*.78,h=e*.33;return o.width=i,o.height=i,t.translate(n,n),t.scale(r,r),t.beginPath(),t.arc(0,0,e,0,2*Math.PI),t.fillStyle="#FFFFFF",t.fill(),t.beginPath(),t.arc(0,0,a,0,2*Math.PI),t.fillStyle=c,t.fill(),t.beginPath(),t.arc(0,0,h,0,2*Math.PI),t.fillStyle="#FFFFFF",t.fill(),o}function fe({id:e,width:r,height:c,color:o,scale:t}){const i=2*t,n=r/2*t,a=c*t,h=.6,d=.01,b=a*h,P=a,E=8*t,x=P+i+b/2+E*2,w=n*2+b+i+E*2,g=document.createElement("canvas");g.setAttribute("id",e),g.width=x,g.height=w;const s=g.getContext("2d"),L=x/2,k=w/2;s.save(),s.translate(L,k),s.rotate(-Math.PI/2),s.translate(-L,-k);const I=L,R=k-P/2+n,N=R+b;return s.shadowColor="rgba(16, 24, 40, 0.2)",s.shadowBlur=E/2,s.beginPath(),s.arc(I,R,n,Math.PI,0,!1),s.bezierCurveTo(I+n,R+a*.3,I+d*n,N,I,N),s.bezierCurveTo(I-d*n,N,I-n,R+a*.3,I-n,R),s.closePath(),s.fillStyle=o,s.fill(),s.strokeStyle="#FFFFFF",s.lineWidth=i,s.stroke(),s.restore(),g}function ce(e,r){return Math.hypot(e.x-r.x,e.y-r.y)}function z(e){return`${e}_finery`}function ge({renderer:e,updateQueue:r,vehicle:c,vehicleFinery:o,x:t,y:i,scale:n,angle:a}){if(c.bounds=q(t,i,c.source.width,c.source.height,n,a),c.hidden=!1,o){const h=e.controls.getCameraState();o.bounds=q(t,i,o.source.width,o.source.height,n,Ee(h.roll||0)),o.hidden=!1,r.add(()=>e.update(o,c))}else r.add(()=>e.update(c))}function ee(e,r,c){return{x:e.x+(r.x-e.x)*c,y:e.y+(r.y-e.y)*c}}function pe(e,r){let c=1/0,o={index:0,t:0};for(let t=0;t<r.length-1;t++){const i=r[t],n=r[t+1],a=n.x-i.x,h=n.y-i.y,d=a*a+h*h,b=d?((e.x-i.x)*a+(e.y-i.y)*h)/d:0,P=Math.max(0,Math.min(1,b)),E=ee(i,n,P),x=ce(e,E);x<c&&(c=x,o={index:t,t:P})}return o}function _e(e,r,c){const o=ce(e,r),t=Math.max(2,Math.ceil(o/c)+1),i=[];for(let n=0;n<t;n++){const a=n/(t-1),h=ee(e,r,a);i.push({x:h.x,y:h.y})}return i}function Oe(e,r,c){if(!c||!c.length)return _e(e,r,10);const o=pe(e,c),t=pe(r,c),i=[],n=a=>i.push({x:a.x,y:a.y});o.index+1<c.length?n(ee(c[o.index],c[o.index+1],o.t)):n(c[o.index]);for(let a=o.index+1;a<=t.index&&a<c.length;a++)n(c[a]);return t.index+1<c.length?n(ee(c[t.index],c[t.index+1],t.t)):n(c[t.index]),i}function Qe(e,r,c,o){if(e.length<2)return()=>{};let t=null,i;const n=[];let a=0;for(let d=0;d<e.length-1;d++){const b=Math.hypot(e[d+1].x-e[d].x,e[d+1].y-e[d].y);n.push(b),a+=b}const h=d=>{t||(t=d);const b=d-t,P=Math.min(b/r,1),E=P*a;let x=0,w=0;for(;w<n.length&&x+n[w]<E;)x+=n[w],w++;w>=n.length&&(w=n.length-1);const g=e[w],s=e[Math.min(w+1,e.length-1)],L=n[w]||0,k=L===0?0:(E-x)/L,I=g.x+(s.x-g.x)*k,R=g.y+(s.y-g.y)*k,N=s.x-g.x,D=s.y-g.y,f=N===0&&D===0?0:Math.atan2(D,N);c({x:I,y:R,angle:f}),P<1?i=requestAnimationFrame(h):o&&o()};return i=requestAnimationFrame(h),()=>{i&&cancelAnimationFrame(i)}}function oe(e){return`${e.x},${e.y}`}

package/dist/esm/components/Map/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function sizeCanvasToParentElement(canvas: HTMLCanvasElement): void;
+export declare function sizeToParentElement(canvas: HTMLElement): void;
+//# sourceMappingURL=utils.d.ts.map

package/dist/esm/components/Map/utils.js

@@ -0,0 +1 @@
+import l from"../../tools/logger";export function sizeCanvasToParentElement(t){const i=t.parentElement.clientWidth,e=t.parentElement.clientHeight,n=i*devicePixelRatio,h=e*devicePixelRatio;(t.clientWidth!==i||t.clientHeight!==e)&&(l.log("Setting canvas style width/height"),t.style.width=i+"px",t.style.height=e+"px"),(n!==t.width||h!==t.height)&&(t.width=n,t.height=h)}export function sizeToParentElement(t){const i=t.parentElement.clientWidth,e=t.parentElement.clientHeight;(t.clientWidth!==i||t.clientHeight!==e)&&(t.style.width=i+"px",t.style.height=e+"px")}

package/dist/esm/components/Map/visibleArea.d.ts

@@ -0,0 +1,15 @@
+import { Renderer } from "@expofp/renderer";
+export interface MapEngineVisibleArea {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+    center: Point;
+}
+export declare function getVisibleArea(renderer: Renderer): MapEngineVisibleArea;
+export declare function isPointVisible(renderer: Renderer, point: Point): boolean;
+//# sourceMappingURL=visibleArea.d.ts.map

package/dist/esm/components/Map/visibleArea.js

@@ -0,0 +1 @@
+export function getVisibleArea(t){const n=t.viewport.canvasToSvg({x:0,y:0}),a=t.viewport.canvasToSvg({x:t.canvas.clientWidth,y:0}),e=t.viewport.canvasToSvg({x:0,y:t.canvas.clientHeight}),i=t.viewport.canvasToSvg({x:t.canvas.clientWidth,y:t.canvas.clientHeight}),o=Math.min(n.x,a.x,e.x,i.x),c=Math.max(n.x,a.x,e.x,i.x),x=Math.min(n.y,a.y,e.y,i.y),v=Math.max(n.y,a.y,e.y,i.y);return{x:o,y:x,width:c-o,height:v-x,left:o,right:c,top:v,bottom:x,center:{x:(o+c)/2,y:(x+v)/2}}}export function isPointVisible(t,n){const a=getVisibleArea(t);return n.x>=a.left&&n.x<=a.right&&n.y>=a.bottom&&n.y<=a.top}

package/dist/esm/components/Map/zoom-bound.d.ts

@@ -0,0 +1,6 @@
+import type { ZoomTransform } from "d3-zoom";
+import type { Drawer } from "./drawing/Drawer1";
+export declare function getMinZoomLevel(drawer: Drawer): number;
+declare function zoomBound(drawer: Drawer, transform: ZoomTransform, forAutoMove: boolean): any;
+export default zoomBound;
+//# sourceMappingURL=zoom-bound.d.ts.map

package/dist/esm/components/Map/zoom-bound.js

@@ -0,0 +1 @@
+import{zoomIdentity as k}from"d3-zoom";import{svgArea as M,svgViewBox as h}from"../../data/svg";export function getMinZoomLevel(e){let t=e.getVisibleRect().scale(1/e.pixelRatio);const n=e.getSvgPxUnzoomedScale(),s=h.scale(n),m=M.scale(n),a=t.w/s.w,c=t.h/s.h,o=Math.max(a,c),l=t.w/m.w,x=t.h/m.h,i=Math.min(l,x);return Math.min(i,o)}function P(e,t,n){const s=e.getSvgPxUnzoomedScale(),m=getMinZoomLevel(e),a=t.k,c=h.scale(s);let o=e.getVisibleRect().scale(1/e.pixelRatio);const l=o.cy,x=o.cx,i=c.h*a,r=c.w*a,U=(h.cy-M.cy)*a*s,B=(h.cx-M.cx)*a*s,g=-l*(a-1),w=-x*(a-1),p=(i-o.h)/2,f=(r-o.w)/2;let u,v,y,b;{const d=n?.1:.5,R=(n?Math.max(p,0):Math.abs(p))+Math.min(o.h,i)*d;u=g+R,v=g-R;const S=(n?Math.max(f,0):Math.abs(f))+Math.min(o.w,r)*d;y=w+S,b=w-S}const z=Math.min(u,Math.max(v,t.y)),V=Math.min(y,Math.max(b,t.x));return a!==t.k?k.translate(V,z).scale(a):t}export default P;

package/dist/esm/components/Map/zoom-inertia.d.ts

@@ -0,0 +1,3 @@
+import type { ZoomBehavior } from "d3-zoom";
+export default function configInertia(zoom: ZoomBehavior<Element, {}>): void;
+//# sourceMappingURL=zoom-inertia.d.ts.map

package/dist/esm/components/Map/zoom-inertia.js

@@ -0,0 +1 @@
+import{select as F}from"d3-selection";import{easeExpIn as g}from"d3-ease";export default function b(f){let w,o=[],d,h,s=.4,i=.4;f.on("start.inertial",function(t){const n=t;n.sourceEvent&&(w=F(this),w.interrupt(),window.cancelAnimationFrame(h),o=[],d=n.transform.k,o.push({at:performance.now(),transform:n.transform}))}),f.on("zoom.inertial",function(t){const n=t;n.sourceEvent&&o.push({at:performance.now(),transform:n.transform})}),f.on("end.inertial",function(t){const n=t;if(!n.sourceEvent||o[o.length-1].transform.k!==d)return;const l=50,m=performance.now(),u=m-l;for(let e=o.length-1;e>=0;e--){let r=o[e];if(r.at<u||e===0){let a=m-r.at,c=(n.transform.x-r.transform.x)/n.transform.k,p=(n.transform.y-r.transform.y)/n.transform.k;s=c/a,i=p/a;break}}Math.sqrt(s*s+i*i)>.08&&E()});function E(){const t=performance.now(),n=t+1e3;let l=s,m=i,u=t;function e(){const r=performance.now();let a=(n-r)/1e3;a<0&&(a=0);const c=g(a),p=s*c,k=i*c,q=(p+l)/2,v=(k+m)/2,x=r-u;l=p,m=k,u=r;const y=x*q,A=x*v;w.call(f.translateBy,y,A),c>.02&&(h=window.requestAnimationFrame(e))}h=window.requestAnimationFrame(e)}}

package/dist/esm/components/Map1/Map.d.ts

@@ -0,0 +1,25 @@
+import type { ImageDef, RenderableDef, TextDef } from "@expofp/renderer";
+import { Renderer as EngineRenderer } from "@expofp/renderer";
+import type { CustomFonts, ImageDefWithParentBounds } from "./drawing/config/engine-core";
+export interface MapRenderer extends EngineRenderer {
+    ptScaleHandlers?: {
+        fn: (scale: number) => RenderableDef | undefined;
+        name?: string;
+    }[];
+    rollHandlers?: {
+        fn: (angle: number) => ImageDef | TextDef | ImageDef[] | TextDef[] | undefined;
+        name?: string;
+    }[];
+    layerImagesHandlers?: {
+        fn: () => Promise<{
+            name: string;
+            children: ImageDefWithParentBounds[];
+        }>;
+        name?: string;
+    }[];
+    scale?: number;
+    fontUrls?: CustomFonts[];
+    angle?: number;
+}
+export default function Map(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Map.d.ts.map

package/dist/esm/components/Map1/Map.js

@@ -0,0 +1 @@
+import{jsx as T,jsxs as H,Fragment as W}from"react/jsx-runtime";import{useObserver as j}from"mobx-react-lite";import Y from"classnames";import{useEffect as q,useMemo as J,useRef as x,useState as Z}from"react";import{observable as Q}from"mobx";import s,{boothStore as ee,layersStore as k,uiState as e}from"../../store";import{Renderer as oe}from"@expofp/renderer";import re from"./drawing/config/config-all";import{useReaction as d}from"../../utils/mobx";import{LayerMode as w}from"../../store/LayerStore";import b from"../../tools/settings";import{Rect as S}from"./drawing/config/Rect";import L from"../../core/Rect";import{Exhibitor as F}from"../../store/ExhibitorStore";import{BoothBase as te}from"../../store/BoothStore";import{CurrentPosition as ne,Route as ae}from"../../store/RouteStore";import{Category as ie}from"../../store/CategoryStore";import E from"../../tools/logger";import{svgArea as N}from"../../data/svg";import{configMarkers as se,getMarkerFromClick as le}from"./drawing/config/config-markers";import me from"color";import ce from"./drawing/config/config-wf";import{startRenderer as de,updateRenderer as R,createSceneDef as fe,loadCustomFontsUrls as ue}from"./drawing/config/engine-core";import{convertGpsToLocal as pe}from"../../utils/gps";import{fpGeo as ve}from"../Mapbox/utils/fpGeo";import y from"../../utils/is-debug";import{Draggable as he}from"../Draggable";import{useBuildRoute as be}from"./traffic/useBuildRoute";import{useManageTraffic as ye}from"./traffic/useManageTraffic";import{PATHWAY_KEY as D}from"../../constants";import O from"./booth-by-xy";import{mapRollSetting as X}from"./drawing/config/engine-core";import{loadLayersImages as ge}from"./drawing/config/loadBoothsImages";import{areLayersEnabled as xe}from"../../utils/areLayersEnabled";export default function we(){let f={};const A="#ebebeb",h=x(),g=J(()=>Q({moving:!1,prevLevel:s.layerStore.layers.find(o=>!o.frozen&&o.visible)}),[]);let r;const c=x(null),p=x(null),M=x(null);let B=null,z=null;const[G,U]=Z(()=>typeof window<"u"&&window.localStorage?localStorage.getItem("debug")!=="0":!0);d(()=>s.routeStore.currentRouteLayer,()=>{if(!r||g.prevLevel===s.routeStore.currentRouteLayer)return;const o=f.rootLayer.children.filter(t=>s.layerStore.floors.some(i=>t.name.includes(i.name)));let a=s.routeStore.currentRouteLayer.name;if(!o.find(t=>t.name===a))return;const n=o?.map(t=>(t.name===a&&(t.hidden=!1),t.name===g.prevLevel?.name&&(t.hidden=!0),t));g.prevLevel=s.routeStore.currentRouteLayer,R(r,...n)}),d(()=>e.centerMap,()=>{!e.centerMap||s.mapboxStore.showMapbox||(r.controls.resetCamera({zoom:!!(e.list.type==="search"&&e.list.text)}),e.centerMap=!1)}),q(()=>{if(!h.current)return;async function o(){let a={};try{if(y){const n=document.createElement("canvas").getContext("webgl2"),t=n&&n.getExtension("EXT_disjoint_timer_query_webgl2"),i=(await import("stats-gl")).default,m=new i({trackGPU:t,horizontal:!0}),l=M.current;if(!l)throw new Error("memoryInfoPanel not found.");m.dom.style.position="relative",l.style.width=`${90*(t?3:2)}px`,l.style.height="48px",l.appendChild(m.dom),a={stats:m,memoryInfoPanel:l}}}catch(n){console.error(n)}r=new oe({ui:a,canvas:h.current}),r.ptScaleHandlers=[],r.rollHandlers=[],r.layerImagesHandlers=[],c.current=r,r.fontUrls=ue(),e.canvasVisibleRectPx&&(r.visibleRect=S.fromCoreRect(e.canvasVisibleRectPx)),re(r).then(n=>{y&&console.log("Renderer settings",r);const t=me(b.backgroundColor==="none"?A:b.backgroundColor).string("rgba");f=fe(n,S.fromCoreRect(N),t),p.current=f,de(r,f),s.renderer=r,X(r,s.fp.enableRotation?1:0),k.layersLoaded=!0,s.fp.onFpConfigured&&s.fp?.onFpConfigured(),B=ce(r,f),z=se(r,f),ge(r,f)}),r.events.addEventListener("pointer:move",({point:n,defs:t})=>{if(e.setKioskModeEnabled)return;const i=O(n.x,n.y),m=P(t[0]);e.hoveredBooth=i||m}),r.events.addEventListener("pointer:out",()=>{e.setKioskModeEnabled||(e.hoveredBooth=null)}),r.events.addEventListener("pointer:click",({defs:n,point:t})=>{if(!e?.rootElement)return;window.__resett&&window.__resett(),e.overlayPosition==="bottom"&&e.overlaySize==="full"&&s.showMap();const{x:i,y:m}=t;if(e.onGetCoordsClick){const v=s.layerStore.layers.find(C=>C.visible&&(C.mode===w.TurnedOn||C.mode===w.TurnedOff));e.onGetCoordsClick({x:i,y:m,z:v?.name||null})}if(e.setKioskModeEnabled)return;if(e.onMarkerClick){const v=le(i,m,r.scale);y&&console.log("marker",v),e.onMarkerClick(v)}const l=O(t.x,t.y),u=P(n[0]);y&&console.log("boothIdFromClientXy",l,"boothByShape",u,"pointer:click point",t),s.clickBooth(l||u)}),r.events.addEventListener("viewport:ptscale",n=>{if(!(!r||n===1/0)){r.scale=n;for(const t of r.ptScaleHandlers.filter(i=>!!i)){const i=t.fn(n);i&&R(r,i)}}}),r.events.addEventListener("navigation:roll",n=>{if(!Number.isNaN(n)){r.angle=n;for(const t of r.rollHandlers.filter(i=>!!i)){const i=t.fn(n);i&&R(r,...Array.isArray(i)?i:[i])}}}),r.events.addEventListener("navigation:change",()=>window.__resett&&window.__resett())}return o(),s.fp.getCenterCoordinates=K,()=>$()},[]);function $(){B?.(),z?.(),r.rollHandlers=[],r.ptScaleHandlers=[],r.layerImagesHandlers=[],c.current=null,p.current=null}function K(){const o=h.current;if(!h.current)throw new Error("Canvas not ready");const a=r.viewport.canvasToSvg({x:o.clientWidth/2,y:o.clientHeight/2}),n=s.layerStore.visible.find(t=>t.mode===w.TurnedOff||t.mode===w.TurnedOn)?.name||null;return{...a,z:n}}function P(o){return!o||!o.shape?null:ee.booths.find(a=>a.shapes?.find(n=>n.shape==o.shape))}d(()=>e.zoomBy,()=>{if(!e.zoomBy||s.mapboxStore.showMapbox)return;const o=e.zoomBy;r.controls.zoomBy(o),e.zoomBy=null}),d(()=>e.dimmed,o=>{const a=f.rootLayer;!a||!r||a.dim===o||(a.dim=o,R(r,a))}),d(()=>e.details,()=>{if(!e.onDetails)return;if(!e.details){e.onDetails(null);return}var o=e.details;if(b.EXPO==="wineparis"&&(o instanceof F&&(o=o.booths[0]),!o))return;let a=null,n=[];o instanceof F?(a="exhibitor",n=o.booths.map(i=>i.name).sort((i,m)=>i==s.routeStore.tempToBooth?.name?-1:m==s.routeStore.tempToBooth?.name?1:0)):o instanceof te?(a="booth",n=[o.name]):o instanceof ae?(a="route",n=[o.from?.name,o.to?.name].filter(i=>!!i)):o instanceof ie&&(a="category",n=o.exhibitors.map(i=>i.booths.map(m=>m.name)).flat());var t={type:a,name:o?.name,id:o?.id,externalId:o?.externalId,boothsNames:n};e.onDetails({...t,...a==="route"?{routeInfo:s.routeStore.routeInfo}:{}})}),d(()=>e.canvasVisibleRectPx,()=>{r&&(r.visibleRect=S.fromCoreRect(e.canvasVisibleRectPx))},{fireImmediately:!0}),d(()=>e.moveToRect,()=>{!e.moveToRect||s.mapboxStore.showMapbox||(e.moveToRect&&e.moveToRect.h!==1/0&&e.moveToRect.w!==1/0&&e.moveToRect.h>0&&e.moveToRect.w>0&&_(e.moveToRect),e.moveToRect=null)}),d(()=>e.rollReset,o=>{o&&(r.controls.resetCamera({roll:!0}),e.rollReset=!1)}),d(()=>e.moveToBooths,()=>{if(E.log("this.moveToBooths",e.moveToBooths),!e.moveToBooths||s.mapboxStore.showMapbox)return;E.log("watched moveToBooths",e.moveToBooths);const o=e.moveToBooths.filter(a=>a.rect).map(a=>a.rect);o.length!==0&&(_(L.fromMultiple(o)),e.moveToBooths=null)}),d(()=>e.mapSettings,({zoomtime:o,center:a,centerxy:n,bearing:t,roll:i,z:m})=>{try{if(s.mapboxStore.showMapbox||!c.current)return;o&&o!==e.defaultMapSettings.zoomtime&&c.current.controls.configure({zoomTime:o/1e3}),s.fp.enableRotation&&X(r,i);let l;if(a){const u=a.split(",").map(Number),v=new ne(void 0,void 0,void 0,void 0,u[0],u[1]);l=pe(v,ve.properties.config)}else if(n){const u=n.split(",").map(Number);l={x:u[0],y:u[1]}}m&&s.fp.activateFloor({name:m}),(l?.x||l?.y)&&c.current.controls.panTo(l.x,l.y),Number.isFinite(t)&&c.current.controls.rollTo(t)}catch(l){E.error("Error in mapSettings reaction",l)}}),be({enabled:k.layersLoaded&&e.buildRoute,renderer:c.current,scene:p.current,initialScale:c?.current?.scale});const I="routes-api.expofp.com";ye({permission:k.layersLoaded,renderer:c.current,scene:p.current,dataJsonUrl:`https://${I}/v1/routes?expo=${b.EXPO}`,websocketUrl:`wss://${I}/locations?expo=${b.EXPO}`,initialScale:c?.current?.scale}),d(()=>s.layerStore.visible,o=>{if(!c.current||!p.current)return;const a=o.filter(t=>t.name.toLowerCase().includes(D)),n=p.current.rootLayer.children.filter(t=>t.name.toLowerCase().includes(D));n.forEach(t=>{t.hidden=!a.find(i=>i.name===t.name)}),c.current.update(...n)});function _(o){let a=o;const n=V(o,N);e.kioskData&&(!xe()||s.routeStore.defaultFrom?.layer?.name===s.routeStore.currentRouteLayer?.name)&&(a=L.fromMultiple([o,L.fromXywh(e.kioskData.x,e.kioskData.y,1,1)]));const t=S.fromCoreRect(a),i={paddingPercent:n,maxZoom:10};if(e.shouldShiftMapRect){r.visibleRect.min.x+=e.overlayWidthPx;try{r.controls.zoomTo(t,i)}finally{r.visibleRect.min.x-=e.overlayWidthPx}}else r.controls.zoomTo(t,i)}function V(o,a){return!o||!a?0:(o.w*o.h/(a.h*a.w)>.1?15:25)/100}return j(()=>H(W,{children:[T("canvas",{style:{width:"100%",height:"100%"},ref:h,className:Y({map:!0,moving:g.moving,hidden:s.mapboxStore.showMapbox}),children:"ExpoFP.com"}),y&&G&&H(he,{className:"debug-fps",children:[T("div",{ref:M}),T("button",{onClick:()=>{typeof window<"u"&&window.localStorage&&localStorage.setItem("debug","0"),U(!1)},style:{padding:"4px 8px",fontSize:"11px",cursor:"pointer",backgroundColor:"#333",color:"#fff",border:"1px solid #555",width:"100%"},children:"Hide debug"})]})]}))}

package/dist/esm/components/Map1/booth-by-xy.d.ts

@@ -0,0 +1,3 @@
+import type { Booth } from "../../store/BoothStore";
+export default function getBoothIdFromClientXy(x: number, y: number): Booth;
+//# sourceMappingURL=booth-by-xy.d.ts.map

package/dist/esm/components/Map1/booth-by-xy.js

@@ -0,0 +1 @@
+import{reaction as P}from"mobx";import d from"../../core/Rect";import{getTrianglesFromFpPaths as x}from"../../data/svg";import{boothStore as v,layersStore as p}from"../../store";import{LayersMode as F}from"../../store/LayerStore";import R from"../../tools/logger";let g=new Map,M=[],y=[],w=[],u=new Map,m;function S(){const r=v.booths.filter(t=>t.visible&&t.rect&&t.rect.w>0&&t.rect.h>0);if(g=new Map,M=[],w=[],m=null,u=new Map,!r.length)return;y=r.filter(t=>t.paths);let n=d.fromMultiple(r.map(t=>t.rect));for(const t of r){let o=t.rect;Math.abs(t.rotate)===90*Math.PI/180&&(o=o.getRotated90()),M.push(o),g.set(o,t)}const s=2,f=Math.ceil(n.w/s),e=Math.ceil(n.h/s);for(let t=0;t<s;t++)for(let o=0;o<s;o++){const i=n.x1+t*f,l=n.y1+o*e,a=d.fromXywh(i,l,f,e);w.push(a);const c=M.filter(h=>a.intersects(h));u.set(a,c)}R.log("hover segmentToRects",u)}P(()=>[v.booths,p.loaded,p.visible],()=>S());function T(r,n){let s;m&&m.containsPoint(r,n)?s=m:s=w.find(e=>e.containsPoint(r,n)),s&&(m=s);const f=u.get(s);if(f){const e=f.filter(t=>t.containsPoint(r,n));if(e.length){let t;e.length>1?t=e.sort((i,l)=>i.w-l.w)[0]:t=e[0];let o=g.get(t);return o.visible?o:null}}for(const e of y)for(const t of e.paths)for(const o of x(t.index,p.mode!==F.Default?e.layer.name:""))if(I(r,n,o))return e.visible?e:null;return null}function I(r,n,s){const[f,e]=s[0],[t,o]=s[1],[i,l]=s[2],a=(o-l)*(f-i)+(i-t)*(e-l),c=((o-l)*(r-i)+(i-t)*(n-l))/a,h=((l-e)*(r-i)+(f-i)*(n-l))/a,b=1-c-h;return c>=0&&c<=1&&h>=0&&h<=1&&b>=0&&b<=1}export default function X(r,n){return T(r,n)}

package/dist/esm/components/Map1/drawing/config/BoothDrawerBase.d.ts

@@ -0,0 +1,8 @@
+import type { Booth } from "../../../../store/BoothStore";
+import BoothShape from "./BoothShape";
+export declare abstract class BoothDrawerBaseWithoutPainter {
+    protected readonly booth: Booth;
+    protected readonly boothShape: BoothShape;
+    constructor(booth: Booth);
+}
+//# sourceMappingURL=BoothDrawerBase.d.ts.map

package/dist/esm/components/Map1/drawing/config/BoothDrawerBase.js

@@ -0,0 +1 @@
+import t from"./BoothShape";export class BoothDrawerBaseWithoutPainter{booth;boothShape;constructor(o){this.booth=o,this.boothShape=t.get(o)}}

package/dist/esm/components/Map1/drawing/config/BoothShape.d.ts

@@ -0,0 +1,8 @@
+import type { Booth } from "../../../../store/BoothStore";
+export default class BoothShape {
+    private readonly booth;
+    selectBgAnimationPart: number;
+    constructor(booth: Booth);
+    static get(b: Booth): BoothShape;
+}
+//# sourceMappingURL=BoothShape.d.ts.map

package/dist/esm/components/Map1/drawing/config/BoothShape.js

@@ -0,0 +1 @@
+import{__esDecorate as d,__runInitializers as m}from"tslib";import{easeQuadInOut as p}from"d3-ease";import{observable as g,reaction as h}from"mobx";const u=new Map;let w=(()=>{let n,r=[],o=[];return class f{static{const e=typeof Symbol=="function"&&Symbol.metadata?Object.create(null):void 0;n=[g],d(null,null,n,{kind:"field",name:"selectBgAnimationPart",static:!1,private:!1,access:{has:t=>"selectBgAnimationPart"in t,get:t=>t.selectBgAnimationPart,set:(t,l)=>{t.selectBgAnimationPart=l}},metadata:e},r,o),e&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}booth;selectBgAnimationPart=m(this,r,void 0);constructor(e){m(this,o),this.booth=e,A(()=>e.selected,t=>this.selectBgAnimationPart=p(t),1e3,8,!0)}static get(e){let t=u.get(e);return t||(t=new f(e),u.set(e,t)),t}}})();export default w;function A(n,r,o,c,e){const t=e?b:l;c%2===1&&c++,h(n,()=>{if(n()){const i=performance.now(),a=i+c*o,s=()=>{if(n()){if(performance.now()>=a){r(1);return}r(t(i,o)),window.requestAnimationFrame(s)}};s()}else r(0)},{fireImmediately:!0});function l(i,a){return(performance.now()-i)%a/1e3}function b(i,a){const s=((performance.now()-i)%(a*2)-a)/1e3;return 1-Math.abs(Math.abs(s)-a/1e3)/(a/1e3)}}

package/dist/esm/components/Map1/drawing/config/Rect.d.ts

@@ -0,0 +1,7 @@
+import { Rect as RectShape } from "@expofp/renderer";
+import type CoreRect from "../../../../core/Rect";
+export declare class Rect extends RectShape {
+    static fromCoreRect(rect: CoreRect, rotate?: number): RectShape;
+    static inflateRect(rect: Rect, borderWidth: number): Rect;
+}
+//# sourceMappingURL=Rect.d.ts.map

package/dist/esm/components/Map1/drawing/config/Rect.js

@@ -0,0 +1 @@
+import{Rect as e}from"@expofp/renderer";export class Rect extends e{static fromCoreRect(x,r=0){return new e({x:x.x1,y:x.y1},{x:x.x2,y:x.y2},-r)}static inflateRect(x,r){return new Rect({x:x.min.x+r,y:x.min.y+r},{x:x.max.x-r,y:x.max.y-r},x.rotation)}}

package/dist/esm/components/Map1/drawing/config/TextFitter.d.ts

@@ -0,0 +1,11 @@
+import type { FontSizeFactor } from "./engine-core";
+export default class TextFitter {
+    private readonly maxMultilineFontSize;
+    private readonly baseFontSize;
+    private readonly fontSizes;
+    private readonly ctx;
+    private readonly spaceWidth;
+    constructor(fontFunc: (number: any) => string, fontSizes: number[], maxMultilineFontSize: number);
+    getStepsForRect(text: string, width: number, height: number): FontSizeFactor[];
+}
+//# sourceMappingURL=TextFitter.d.ts.map

package/dist/esm/components/Map1/drawing/config/TextFitter.js

@@ -0,0 +1 @@
+const v=document.createElement("canvas").getContext("2d");export default class A{maxMultilineFontSize;baseFontSize;fontSizes;ctx;spaceWidth;constructor(r,s,e){this.baseFontSize=this.maxMultilineFontSize=e,this.fontSizes=s,this.ctx=v,this.ctx.textAlign="center",this.ctx.textBaseline="alphabetic",this.ctx.font=r(this.baseFontSize),this.spaceWidth=this.ctx.measureText(" ").width}getStepsForRect(r,s,e){const t=r.split(/\s+/),i=t.map(c=>this.ctx.measureText(c).width),n=[];let o=1/0,h=0;for(const c of this.fontSizes){const u=c,l=c/this.baseFontSize,f=i.map(p=>p*l),d=this.spaceWidth*l,S=E(f,d,c>this.maxMultilineFontSize?1:1/0).filter(p=>p);for(let p=0;p<S.length;p++){const x=S[p],F=x,m=p+1,b=u*m,M=F/s,w=b/e,g=Math.max(w,M);if(g>o||m<h)continue;o=g,h=m;const W=q(x,m,f,d),z=y(W,f,d);if(!z)continue;const k=R(z,t);n.push({scaleFactor:g,value:c,lines:k,width:x})}}return n}}function E(a,r,s){const e=[];let t,i=1,n=1/0,o;for(;(o=T(n,a,r))&&o.length<=s;)i!==o.length&&(e[i-1]=t),i=o.length,t=Math.max(...o),n=t-1;return e[i-1]=t,e}function T(a,r,s){const e=[];let t,i=-1;function n(){i++,t=0}n();for(const o of r){const h=t+(t>0?s:0)+o;if(h>a){if(o>a)return null;n(),t=o}else t=h;e[i]=t}return e}function q(a,r,s,e){return t(r,0);function t(n,o){const h=i(o),c=[];for(const u of h){const l=o+u.length;if(l>=s.length){c.push([u]);break}if(n>0){const f=t(n-1,l);for(const d of f)d.length===n-1&&c.push([u,...d])}}return c}function i(n){if(n>=s.length)throw new Error("From exceed blocks length");const o=[0,-1];let h=0,c=0;for(;s.length>n+c&&(h+=(c>0?e:0)+s[n+c])&&h/a<1.001;)c++;return o.map(l=>c+l).filter(l=>l>0).map(l=>u(n,l));function u(l,f){const d=Array(f);for(;f--;)d[f]=f+l;return d}}}function y(a,r,s){const e=a.map(t=>{const i=t.map(o=>o.map(h=>r[h]).reduce((h,c,u)=>h+(u>0?s:0)+c),0),n=B(i);return{ll:t,dd:n}});return e.sort((t,i)=>t.dd-i.dd),e.map(t=>t.ll)[0]}function B(a){const r=a.length,s=a.reduce((e,t)=>e+t)/r;return Math.sqrt(a.map(e=>Math.pow(e-s,2)).reduce((e,t)=>e+t)/r)}function R(a,r){return a.map(s=>s.map(e=>r[e]).reduce((e,t,i)=>e+(i>0?" ":"")+t),"")}

package/dist/esm/components/Map1/drawing/config/canvases.d.ts

@@ -0,0 +1,8 @@
+export declare function createImageCanvas(image: HTMLImageElement, width: number, height: number, pixelRatio: number, ptsScale?: number, flip?: "horizontal" | "vertical"): HTMLCanvasElement;
+export declare function createCurrentCanvas(pixelRatio: number, color?: string, scale?: number): HTMLCanvasElement;
+export declare function createTargetCanvas(pixelRatio: number, color?: string, scale?: number): HTMLCanvasElement;
+export declare function createArrowCurrentCanvas(pixelRatio: number, color?: string, scale?: number): HTMLCanvasElement;
+export declare function createYahCanvas(pixelRatio: number, color?: string, scale?: number): HTMLCanvasElement;
+export declare function createLabelCanvas(text: string, fontSize: number, pixelRatio: number, color: string | undefined, fontWeight: number, strokeStyle?: string, strokeWidth?: number): HTMLCanvasElement;
+export declare function getFont(px: number, weight?: number, style?: string): string;
+//# sourceMappingURL=canvases.d.ts.map

package/dist/esm/components/Map1/drawing/config/canvases.js

@@ -0,0 +1 @@
+import{FONT_FACE as s,FONT_WEIGHT_PRIMARY_BOOTH as h}from"../../../../constants";export function createImageCanvas(o,n,r,l,t=1,i){const e=o?o.width/o.height:1;let u=n*l*t,a=r*l*t;n/r>e?u=a*e:a=u/e;const T=document.createElement("canvas"),v=T.getContext("2d");return T.width=u,T.height=a,T.id=o.id,i==="horizontal"?(v.scale(-1,1),v.translate(-u,0)):i==="vertical"&&(v.scale(1,-1),v.translate(0,-a)),v.drawImage(o,0,0,u,a),T}export function createCurrentCanvas(o,n="#c8248b",r=o*.4){const l=document.createElement("canvas"),t=l.getContext("2d");l.width=95*r,l.height=95*r,t.scale(r,r);const i=95/2,e=95/2;return t.translate(i-35,e-35),t.beginPath(),t.fillStyle="#FFFFFF",t.moveTo(0,35),t.bezierCurveTo(0,54.329966,15.670034,70,35,70),t.bezierCurveTo(54.329966,70,70,54.329966,70,35),t.bezierCurveTo(70,15.670034,54.329966,0,35,0),t.bezierCurveTo(15.670034,0,0,15.670034,0,35),t.fill(),t.beginPath(),t.fillStyle=n,t.moveTo(10,35),t.bezierCurveTo(10,48.807119,21.192881,60,35,60),t.bezierCurveTo(48.807119,60,60,48.807119,60,35),t.bezierCurveTo(60,21.192881,48.807119,10,35,10),t.bezierCurveTo(21.192881,10,10,21.192881,10,35),t.fill(),l}export function createTargetCanvas(o,n="#c8248b",r=o*.5){const l=70*r,t=100*r,i=document.createElement("canvas"),e=i.getContext("2d");return i.width=l,i.height=t,e.scale(r,r),e.beginPath(),e.fillStyle="rgb(255, 255, 255)",e.moveTo(32.6,97.8),e.bezierCurveTo(24.4,81.5,0,57,0,32.6),e.bezierCurveTo(0,14.6,14.6,0,32.6,0),e.bezierCurveTo(50.5,0,65.2,14.6,65.2,32.6),e.bezierCurveTo(65.2,57,40.7,81.5,32.6,97.8),e.fill(),e.beginPath(),e.fillStyle=n,e.moveTo(32.6,91.1),e.bezierCurveTo(25.2,76.3,3.1,54.2,3.1,32.1),e.bezierCurveTo(3.1,15.9,16.3,2.6,32.6,2.6),e.bezierCurveTo(48.8,2.6,62,15.9,62,32.1),e.bezierCurveTo(62,54.2,39.9,76.3,32.6,91.1),e.fill(),e.beginPath(),e.fillStyle="rgb(255, 255, 255)",e.moveTo(16.2,32.6),e.bezierCurveTo(16.2,41.6,23.5,48.9,32.5,48.9),e.bezierCurveTo(41.5,48.9,48.8,41.6,48.8,32.6),e.bezierCurveTo(48.8,23.6,41.5,16.3,32.5,16.3),e.bezierCurveTo(23.5,16.3,16.2,23.6,16.2,32.6),e.fill(),i}export function createArrowCurrentCanvas(o,n="#c8248b",r=o*.4){const l=95*r,t=95*r,i=document.createElement("canvas"),e=i.getContext("2d");return i.width=l,i.height=t,e.scale(r,r),e.beginPath(),e.arc(47,47,25,0,2*Math.PI),e.fillStyle=n,e.fill(),e.beginPath(),e.fillStyle=n,e.moveTo(75,27),e.lineTo(95,47),e.lineTo(75,67),e.lineTo(80,47),e.closePath(),e.fill(),i}export function createYahCanvas(o,n="#ff4343",r=o*.5){const l=77*r,t=116*r,i=document.createElement("canvas"),e=i.getContext("2d");return i.width=l,i.height=t,e.scale(r,r),e.scale(r,r),e.beginPath(),e.fillStyle="#FFFFFF",e.moveTo(68.303,57.335),e.bezierCurveTo(77.894,39.304,70.649,15.785,50.95,8.04),e.bezierCurveTo(30.727,0,8.375,11.837,3.207,32.831),e.bezierCurveTo(0,46.185,6.644,57.323,13.131,68.211),e.fill(),e.beginPath(),e.fillStyle=n,e.moveTo(51.565,35.459),e.bezierCurveTo(51.565,43.256,45.201,49.575,37.354,49.575),e.bezierCurveTo(29.516,49.575,23.159,43.256,23.159,35.459),e.bezierCurveTo(23.159,27.668,29.516,21.345,37.354,21.345),e.bezierCurveTo(45.201,21.345,51.565,27.668,51.565,35.459),e.closePath(),e.fill(),e.beginPath(),e.moveTo(68.303,57.335),e.bezierCurveTo(77.894,39.304,70.649,15.785,50.95,8.04),e.bezierCurveTo(30.727,0,8.375,11.837,3.207,32.831),e.bezierCurveTo(0,46.185,6.644,57.323,13.131,68.211),e.lineTo(13.131,68.211),e.lineTo(13.131,68.211),e.bezierCurveTo(13.921,69.533,14.698,70.829,15.454,72.137),e.bezierCurveTo(19.465,79.158,23.533,86.12,27.571,93.086),e.lineTo(27.571,93.086),e.bezierCurveTo(30.098,97.421,32.611,101.756,35.116,106.077),e.bezierCurveTo(36.128,107.868,38.934,107.868,39.945,106.077),e.bezierCurveTo(49.387,90.003,58.708,74.029,68.031,57.951),e.bezierCurveTo(68.15,57.743,68.24,57.543,68.303,57.335),e.closePath(),e.moveTo(60.103,60.395),e.lineTo(63.201,55.041),e.lineTo(63.201,55.041),e.bezierCurveTo(73.31,36.735,61.285,11.614,39.04,11.17),e.bezierCurveTo(19.388,10.714,2.759,29.479,9.386,49.013),e.bezierCurveTo(10.726,52.998,12.657,56.9,14.84,60.721),e.bezierCurveTo(15.041,58.454,15.938,56.258,17.589,54.586),e.bezierCurveTo(19.708,52.425,22.216,50.638,24.996,49.283),e.bezierCurveTo(28.252,52.249,32.595,54.051,37.354,54.051),e.bezierCurveTo(42.123,54.051,46.47,52.249,49.73,49.283),e.bezierCurveTo(52.505,50.638,55.017,52.425,57.135,54.586),e.bezierCurveTo(58.701,56.188,59.701,58.245,60.103,60.395),e.closePath(),e.fill("evenodd"),e.beginPath(),e.moveTo(29.024,104.982),e.bezierCurveTo(29.024,103.626,27.923,102.527,26.57,102.527),e.bezierCurveTo(25.214,102.527,24.114,103.626,24.114,104.982),e.bezierCurveTo(24.114,111.395,30.347,116.838,37.444,116.838),e.bezierCurveTo(44.54,116.838,50.771,111.395,50.771,104.982),e.bezierCurveTo(50.771,103.626,49.666,102.527,48.317,102.527),e.bezierCurveTo(46.961,102.527,45.855,103.626,45.855,104.982),e.bezierCurveTo(45.855,108.193,42.352,111.956,37.444,111.956),e.bezierCurveTo(32.528,111.956,29.024,108.193,29.024,104.982),e.closePath(),e.fill(),i}const f=document.createElement("canvas"),z=f.getContext("2d");let g;function m(o,n){return g!==o&&(z.font=o),z.measureText(n).width}export function createLabelCanvas(o,n,r,l="#fff",t,i,e){o=o.replace(/^_/,""),n*=r;const u=document.createElement("canvas"),a=u.getContext("2d"),T=Number(getComputedStyle(document.body).getPropertyValue(h)),v=getFont(n,T||t),b=m(v,o.replace(/[0-9]/g,"3").replace(/[A-Z]/g,"A"))+3+3,c=4,C=n+c;return u.width=b*r,u.height=C*r,a.font=v,a.textAlign="center",a.textBaseline="alphabetic",a.fillStyle=l,e&&i&&(a.lineWidth=e,a.strokeStyle=i,a.strokeText(o,b/2,C-c/2*r),a.lineJoin="round"),a.fillText(o,b/2,C-c/2*r),u}export function getFont(o,n=500,r="normal"){const l=getComputedStyle(document.body).getPropertyValue(s),t='Oswald, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',i=l?`${l}, ${t}`:t;return`${r} ${n} ${o}px ${i}`}

package/dist/esm/components/Map1/drawing/config/config-all.d.ts

@@ -0,0 +1,5 @@
+import type { LayerDef } from "@expofp/renderer";
+import type { MapRenderer } from "../../Map";
+export declare let getRenderer: () => MapRenderer;
+export default function configAll(renderer: MapRenderer): Promise<LayerDef[]>;
+//# sourceMappingURL=config-all.d.ts.map

package/dist/esm/components/Map1/drawing/config/config-all.js

@@ -0,0 +1 @@
+import l from"../../../../store";import d from"./config-load-layer";import{createLayerDef as e}from"./engine-core";import{WF_CURRENT_POSITION_NAME as p,WF_LINES_ANIMATED_LAYER_NAME as L,WF_LINES_LAYER_NAME as N,WF_POINTS_LAYER_NAME as R,WF_TRAIL_LAYER_NAME as M}from"./config-wf";import{MARKER_LAYER_NAME as I}from"./config-markers";import T from"./config-yah";import{createTrafficLayers as Y}from"../../traffic/trafficLayers";import{PATHWAY_KEY as u}from"../../../../constants";let s;export let getRenderer=()=>s;export default function y(m){s=m,T();let{layers:t,defaultLayer:_}=l.layerStore;if(_){const r=[].concat(t),o=t.find(i=>i===_),a=t.indexOf(o);r.splice(a,1),t=[o].concat(r)}const E=t.filter(r=>!r.rootParent).map(r=>d(r,m));return Promise.all(E).then(r=>{const o=e(R,[],{dim:!1,interactive:!0}),a=e(p,[],{dim:!1}),i=e(N,[],{dim:!1}),n=e(I,[]),A=e(M,[],{dim:!1}),c=e(L,[],{dim:!1});return r.forEach(f=>{f.name.toLowerCase().includes(u)&&(f.dim=!1)}),[...r.flat(),...Y(),n,A,i,c,o,a]})}

package/dist/esm/components/Map1/drawing/config/config-bg.d.ts

@@ -0,0 +1,9 @@
+import type { Layer } from "../../../../store/LayerStore";
+import type { LayerDef } from "@expofp/renderer";
+import type { PathInfo } from "./engine-core/types";
+import type { ShapeBgDef } from "../../../../data/Data";
+export declare const BG_LAYER_NAME = "bg";
+export declare const FG_LAYER_NAME = "fg";
+export default function configBg(layer: Layer): Promise<LayerDef>;
+export declare function buildPathDef(path: PathInfo, layerName?: string): ShapeBgDef | undefined;
+//# sourceMappingURL=config-bg.d.ts.map

package/dist/esm/components/Map1/drawing/config/config-bg.js

@@ -0,0 +1 @@
+import{select as d}from"d3-selection";import{getLayerSvg as f,gtePathByIndex as m}from"../../../../data/svg";import h from"../../../../store";import{LayersMode as g}from"../../../../store/LayerStore";import{rectToShapeDef as i,meshToShapeDef as u}from"./engine-core";export const BG_LAYER_NAME="bg",FG_LAYER_NAME="fg";export default async function x(t){let a=[],o=[];const n=[],r=d(f(t)).select(`[data-layer="${t.name}"]`),c=r.selectAll(":scope > *:not([data-tagname='efp-booth']):not(g[data-is-editable='false']) path, :scope > path").nodes(),p=r.selectAll(":scope g[data-layer] > g[data-is-editable='false'] path, :scope > g[data-is-editable='false'] path, :scope > path[data-tagname='ptext']").nodes(),l=h.layerStore.mode!==g.Default?t.rootParent?.name||t.name:"";for(const e of c){const s=+e.getAttribute("data-index");e.tagName==="path"&&s!==-1?a.push(buildPathDef({color:e.style.fill,index:s},l)):e.tagName==="rect"&&a.push(i(e))}for(const e of p){const s=+e.getAttribute("data-index");e.tagName==="path"&&s!==-1?o.push(buildPathDef({color:e.style.fill,index:s},l)):e.tagName==="rect"&&o.push(i(e))}return n.push({name:BG_LAYER_NAME,children:a.filter(e=>e)}),n.push({name:FG_LAYER_NAME,children:o.filter(e=>e)}),Promise.resolve({name:t.name,children:n.filter(e=>e.children.length)})}export function buildPathDef(t,a){if(t.index===-1||Number.isNaN(t.index))return;(!t.color||t.color==="none")&&(t.color="transparent");const o=parseInt(t.index.toString()),n=m(o,a),r=u(n,t.color);return r.unblinking=t.unblinking,r}